.career-page .head {
  padding: 5% 0% 2% 0%;
}
.career-page .heading {
  justify-content: center;
  font-weight: bold;
  font-size: 23px;
  cursor: default;
}

.career-page .heading .line-horizantal,
.line-horizantal-two {
  background-color: grey;
  height: 2px;
  margin: 20px 0px;
  width: 30px;
  transition: width 0.3s ease;
}
.career-page .heading:hover .line-horizantal,
.heading:hover .line-horizantal-two {
  width: 15px;
  cursor: default;
}

.career-page .heading .line-vertical {
  height: 20px;
  width: 2px;
  background-color: grey;
  margin: 10px 10px 10px 0px;
}
.career-page .heading .line-vertical-two {
  height: 20px;
  width: 2px;
  background-color: grey;
  margin: 10px 0px 10px 10px;
}
.career-page .heading .line-horizantal:hover {
  width: 15px;
}

.career-page .inner-sec {
  padding-bottom: 12%;
}


.career-page .inner-sec .pdf-img {
  font-weight: bold;
  text-align: center;
  margin-top: 2%;
}
.career-page .inner-sec .pdf-img img
{
  height: 50px;
  margin: 10px;
}

.career-page .inner-sec .custum-btn {
  margin: 15px;
}

.career-page .inner-sec .custum-btn .file-modal{
  display: none;
  
}

.career-page .inner-sec .btn-no-radius {
  border-radius: 5px;
  background-color: #0020c8;
  color: white;
  border: none;
  font-size: 14px;
  width: 106px;
  height: 37px;
}
.career-page .inner-sec .btn-no-radius-two {
  border-radius: 5px;
  background-color: white;
  color: black;
  border: 1px solid blue;
  width: 106px;
  height: 37px;
  font-size: 14px;
}
.career-page .inner-sec .description {
  background-color: white;
  box-shadow: 0px 0px 13px #00000029;
  justify-content: center;
  margin-right: 8%;
}
.career-page .inner-sec .description-two
{
  background-color: white;
    box-shadow: 0px 0px 13px #00000029;
    justify-content: center;
    height: 100%;
    padding: 1%;
}
.career-page .inner-sec .card 
{
  border: none;
  padding: 2% 12%;
}
.career-page .inner-sec .card  p
{
  font-size: 12px;
  font-weight: 600;
}

.two-btn {
  justify-content: center;
  margin-top: 1%;
}

@media screen and (min-width: 0px) and (max-width: 576px)
{
  .career-page .heading {
        font-size: 14px;
      }
    .career-page .heading .line-horizantal, .line-horizantal-two {
     margin: 10px 0px;
      width: 25px;
     }
  .career-page .heading .line-vertical {
      margin: 1px 6px 1px 0px;
  }
  .career-page .heading .line-vertical-two {
     
      margin: 1px 0px 1px 10px;
  }
  .career-page .heading:hover .line-horizantal,
   .heading:hover .line-horizantal-two {
    width: 10px;
     cursor: default;
    }

  .career-page .inner-sec .description
  {
    margin: 5%;
    justify-content: center;
     
  }
  .career-page .inner-sec .btn-no-radius {
      padding: 5px 10px;
     
    }

    .career-page .inner-sec .btn-no-radius-two {
      padding: 5px 10px;
      
     }
     .career-page .inner-sec .card  p
{
  font-size: 9px;
  
}

.career-page .head {
  padding: 5% 0% 0% 0%;
}
}


 @media screen and (min-width: 321px) and (max-width: 486px) {
  .career-page .inner-sec .description
  {
    margin: 5%;
    justify-content: center;
     
  }
  .career-page .inner-sec .btn-no-radius {
      border-radius: 5px;
      padding: 5px 10px;
      font-size: 14px;
    }
    .career-page .head {
      padding: 5% 0% 0% 0%;
    }
    
}
@media screen and (min-width: 487px) and (max-width: 577px) {
  .career-page .inner-sec .description
  {
    margin: 5%;
    justify-content: center;
  }
  .career-page .head {
    padding: 5% 0% 0% 0%;
  }
  
}

@media screen and (min-width: 578px) and (max-width: 992px) {
  .career-page .inner-sec .description
  {
    margin: 5%;
    justify-content: center;
  }
  .career-page .head {
    padding: 5% 0% 0% 0%;
  }
}
@media screen and (min-width: 768px) and (max-width: 992px) {
   
  .career-page .inner-sec .description
  {
    margin: 5%;
    justify-content: center;
  }
  .career-page .inner-sec .btn-no-radius {
    
    padding: 5px 10px;
    font-size: 12px;
  }

  .career-page .inner-sec .btn-no-radius-two {
    
    padding: 4px 8px;
    font-size: 12px;
  }
}



@media screen and (min-width: 993px) and (max-width: 1200px) {
  .career-page .inner-sec .btn-no-radius {
     
      padding: 5px 10px;
     
      font-size: 12px;
    }

    .career-page .inner-sec .btn-no-radius-two {
      
      padding: 4px 8px;
      font-size: 12px;
    }
    
}
@media screen and (min-width: 1201px) and (max-width: 1400px)
{
 .career-page .inner-sec .btn-no-radius-two {
      
      padding: 4px 9px;
      font-size: 12px;
    }
    .career-page .inner-sec .btn-no-radius {
      
      padding: 5px 10px;
      font-size: 12px;
      
    }
    
}