.job-section{
  margin-bottom: 48px;
}
.breadcrumb-div{
  padding: 1rem 0rem;
}

.breadcrumb-div .breadcrumb{
  margin-bottom: 0;
  padding: 0;
}
.job-banner .col-md {
  background-color: #EFEBFF;
  border-radius: 16px;
  padding: 2rem;
  position: relative;
}

.job-banner .astrik {
  font-size: 80px;
  font-weight: 700;
  font-family: manrope;
  line-height: 60px;
  color: #98A2B3;
}

.job-banner h4 {
  font-size: var(--font-size-24);
  font-weight: 700;
  margin-bottom: 1rem;
}

.job-banner p {
  font-size: var(--font-size-16);
  color: #000000;
  opacity: .4;
  margin-bottom: 1rem;
  width: 800px;
  font-family: manrope;
}
.job-banner .col-md .risk-top-img {
  position: absolute;
  right: 30px;
  bottom: 0;
}
.job_search{
  background-color: #F5F5F5;
  padding-bottom: 105px;
}
.job_search form{
  padding-top: 48px;
  margin-bottom: 64px;
}
.job_search .col-md-4 .card {
  min-height: 199px;
  position: relative;
  border-radius: 16px;
  border: 1px solid var(--Grey-100, #F2F4F7);
  background: var(--White, #FFF);
/* Shadow 1 */
  box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.06);
}

.job_search .job-card{
  margin-bottom: 24px;
}

.job_search .col-md-4 .card p span{
  font-size: var(--font-size-18);
  font-weight: 400;
  position: relative;
  color: var(--Grey-600, #475467);
}
.job_search .col-md-4 .card p span:first-child:after{
    position: absolute;
    content: "";
    right: -10px;
    top: 5px;
    width: 1px;
    height: 70%;
    background: var(--Grey-600, #475467);
}
.job_search .col-md-4 .card h5{
  font-size: var(--font-size-24);
  color: var(--wrightblackgrey);
  font-weight: 600;
  margin-bottom: 5px;
}
.job_search .col-md-4 .card h6,.job_search .col-md-4 .card .card-footer a,.job_search form .btn-dark,.job_apply .row:first-child .btn-dark,.job_apply .row:not(:first-child) p , .job_apply1 p{
  font-size: var(--font-size-14);
}
.job_search .col-md-4 .card p{
  position: absolute;
  bottom: 50px;
  font-weight: 400;
  font-family: manrope;
}

.job_search .col-md-4 .card a{
  position: absolute;
  bottom: 24px;
  font-weight: 400;
  font-family: manrope;
  font-size: var(--font-size-16);
  color: var(--Pink-Dark, #D57BC8);
}
.job_search .col-md-4 .card .card-footer{
  background-color: white;
  border: 0;
  position: relative;
}
.job_search .col-md-4 .card .card-footer a{
  font-weight: 600;
  color: #1D1D1D;
  position: relative;
}
.job_search .col-md-4 .card .card-footer::after{
    position: absolute;
    content: "";
    width: 90%;
    height: 1px;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background: #E5E5E5;
}
.job_search form .btn-dark{
  margin-top: 16px;
  background-color: #1D1D1D;
  font-family: PPMori-semiBold;
  padding: 9px 24px;
  font-size: var(--font-size-16);
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: 'Manrope';
  font-weight: 600;
}

.job_search form .form-control {
  display: flex;
  padding: 11px 14px;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  display: block;
  width: 100%;
  border-radius: 8px;
  border: 1px solid var(--Grey-300, #D0D5DD);
  background: var(--White, #FFF);
  height: 46px;
  font-family: 'Manrope';
}
.job_search form label {
  color: #9A9A9A;
  font-size: var(--font-size-14);
  font-weight: 500;
}

.job-filter-button{
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.job_apply .left-job-apply {
  padding: 32px 40px 36px;
  border-radius: 16px;
  background-color: var(--Purple-Light);
  height: 236px;
}

.job_apply .left-job-apply h2{
  color: var(--grey-900, #101828);
  margin-bottom: 16px;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.job_apply .left-job-apply p span{
  color: var(--grey-800);
  font-size: 16px;
  font-family: manrope;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 20.8px */
}

.btn-dark-wright{
  font-size: var(--font-size-16);
  border-radius: 8px;
  height: 52px;
  padding: 14px 32px;
  width: 100%;
}

.job-description , .job-role{
  margin-bottom: 56px;
}

.job-description h5 , .job-role h5 , .job-qualification h5{
  color: var(--grey-800);
  font-family: Manrope;
  font-size: var(--font-size-28);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.job-description p, .job-role p, .job-qualification p{
  color: var(--grey-700);
  font-family: Manrope;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 34px; /* 188.889% */
}   

.close-button {
  position: absolute;
  right: 24px;
  top: 24px;
  text-align: right;
  z-index: 1050 !important;
  opacity: 1;
  background: white;
  border: 0;
}




.apply-Job-modal .close-button:focus-visible {
  outline: 0px !important;
}


.apply-Job-modal .form-group{
  gap: 8px;
}

.apply-Job-modal label{
  color: var(--Grey-500, #667085);
  /* Semibold (Heading)/16 semibold */
  font-family: Manrope;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.apply-Job-modal .col-md-4{
  margin-bottom: 32px;
}

.apply-Job-modal .form-control{
  color: var(--Grey-500, #667085);
/* Regular/16 regular */
  font-family: Manrope;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  padding: 11px 14px;
  line-height: 24px ;
  border-radius: 8px;
  border: 1px solid var(--Grey-300, #D0D5DD);
  background: var(--White, #FFF);
  height: 46px;
}




.apply-Job-modal .modal-title{
  color: var(--Grey-900, #101828);
  font-family: Manrope;
  font-size: var(--font-size-20);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  padding: 24px 14px;
}


.apply-Job-modal .modal-body {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 32px 24px;
}


.apply-Job-modal .modal-footer{
  border-top:0;
}

.apply-Job-modal .form-group{
  margin-bottom: 0;
}


-webkit-file-upload-button {
  display: none;
}

-moz-file-upload-button {
  display: none;
}

::file-selector-button {
  display: none;
}

.input-group-text{   
 background: white;
border-left: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
}

input[type="file"]{
  border-right: 0 !important;
}

.custom-file-button .input-group-text{
  color: var(--Pink-Dark, #D57BC8);
  font-family: Manrope;
  font-size: var(--font-size-16);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  width: 120px;
  overflow: hidden;
}

.form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: var(--Grey-300, #D0D5DD);
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0);
}

/* 
.upload-file-box{
  width: 100%;
  color: var(--Grey-500, #667085);
  font-family: Manrope;
  font-size: 16px;
  font-style: normal;
  padding: 11px 14px;
  font-weight: 400;
  height: 46px;
  line-height: 24px ;
  border-radius: 8px;
  border: 1px solid var(--Grey-300, #D0D5DD);
  background: var(--White, #FFF);
  text-align: end;

}

[type="file"] {
  cursor: pointer !important;
  display: block;
  font-size: 999px;
  filter: alpha(opacity=0);
  min-height: 100%;
  min-width: 100%;
  opacity: 0;
  position: absolute;
  right: 0px;
  text-align: right;
  top: 0px;
  z-index: 1;
}

.upload-file{
  color: var(--Pink-Dark, #D57BC8);
  font-family: Manrope;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
} */



/* career page css ends */
@media (min-width:768px) and (max-width:1200px){     
 
.job_banner .row p:last-child {
    width: 461px;
  } 
  .job_banner .row h2 {
    width: 461px;
  } 
}
@media (min-width:768px){
    .job_banner img {
        position: absolute;
        bottom: 0;
        right: 108px;
        width: 339px;
    }
}