@media(max-width:767px) {
  .breadcrumb-div {
    padding: var(--space-layout-sm) 0 var(--space-component-lg);
}
.breadcrumb-div .breadcrumb {
    font-size: var(--text-caption);
    margin-left: var(--space-5);
    padding: 0;
}
  .job-banner .row {
    margin: 0 var(--space-component-xs);
  }

  .job_banner .row p:first-child {
    margin-bottom: var(--space-component-md);
    font-size: var(--text-body-sm);
  }

  .job-banner .col-md {
    background-color: #EFEBFF;
    border-radius: 16px;
    padding: var(--space-component-lg);
    position: relative;
  }

  .job-banner .astrik {
    font-size: var(--text-hero);
    font-weight: 700;
    line-height: 30px;
    color: var(--text-muted, #475467);
    height: 29px;
}

.job-banner .col-md .risk-top-img {
  right: 24px;
  width: 64px;
  height: 64px;
}

  .job-banner p {
    font-size: var(--text-body-lg);
    color: var(--Grey-900);
    opacity: .4;
    font-weight: 400;
    width: auto;
    
    line-height: 20.8px;
  }

  .job-banner h1,
  .job-banner h4 {
    font-size: var(--text-title);
    font-weight: 700;
    margin-bottom: var(--space-component-xs);
  }

  .job_search form label {
    font-size: var(--text-body-sm);
  }

  ::placeholder,
  select {
    font-size: var(--text-body-sm) !important;
  }

  .job_search {
    background-color: #F5F5F5;
    padding: 0rem 1rem 5rem;
  }

  .job_search form .btn-dark {
    font-size: var(--text-body-lg);
    margin-top: .5rem;
    width: 100%;
    
    font-weight: 500;
    border-radius: 4px;
  }

  .job_search .col-md-4 .card p span {
    font-size: var(--text-body-sm);
  }

  .job_search .col-md-4 .card h5 {
    font-size: var(--text-title-sm);
  }

  .job_search .col-md-4 .card h6 {
    font-size: var(--text-body-sm);
  }

  .job_search .col-md-4 .card .card-footer a {
    font-size: var(--text-body-sm);
  }

  .job_apply .left-job-apply h2 {
    font-size: var(--text-title-sm);
  }
  .job_apply .left-job-apply p span {
    color: var(--Grey-800);
    font-size: var(--text-body-lg);
}
  .job_apply .left-job-apply {
    padding: var(--space-component-lg);
    border-radius: 16px;
    background-color: var(--Purple-Light);
    height: 205px;
    margin-bottom: var(--space-10);
  }

  .left-job-apply p{
    margin-bottom: var(--space-component-lg);
  }

  .job-description h5, .job-role h5, .job-qualification h5 {
    font-size: var(--text-title);
    margin-bottom: var(--space-component-md);
}

.job-description p, .job-role p, .job-qualification p {
  font-size: var(--text-body-sm);
  line-height: normal;
}
.job-description, .job-role {
  margin-bottom: var(--space-10);
}

.apply-Job-modal{
  z-index: 1070;
}

.apply-Job-modal .modal-footer {
  border-top: 0;
  position: fixed;
  bottom: 0;
  width: 100%;
  background: white;
}
.apply-Job-modal .modal-footer .btn-dark-wright{
  width: 100% !important;
  padding: var(--space-component-md) var(--space-layout-sm);
  height: auto;
  font-size: var(--text-body-lg);
}

.apply-Job-modal .form-box{
  margin-bottom: var(--space-layout-sm);
}
.apply-Job-modal .col-md-4 {
  margin-bottom: var(--space-component-lg);
}
.apply-Job-modal  .modal-header{
  padding: 0;
}

.apply-Job-modal .modal-title{
  display: flex;
}
}