/* Consultation Banner */

.certificate-validity-banner {
  position: relative;
  background: 
  /* linear-gradient( */
      /* 90deg,
      #003c52 0%,
      rgba(0, 60, 82, 0.9) 38.08%,
      rgba(0, 60, 82, 0) 100%
    ), */ url("../images/for-employers/certificate-validity/bg-banner.svg")
    no-repeat center center;
  background-size: cover;
  min-height: 277px;
  display: flex;
  align-items: center;
}
.certificate-validity-banner .banner-title {
  letter-spacing: -1.44px;
}

.certificate-validity-banner .banner-subtitle {
  font-size: 16px;
  margin: 0;
  opacity: 0.9;
}
@media (min-width: 1199px) and (max-width: 1399px) {
  .certificate-validity-banner .banner-title {
    font-size: var(--f-s-60);
    line-height: var(--f-s-72);
  }
}

@media (min-width: 280px) and (max-width: 575px) {
  .certificate-validity-banner {
    min-height: 182px;
  }

  .certificate-validity-banner .banner-title {
    font-size: var(--f-s-38);
    line-height: var(--f-s-44);
    letter-spacing: -0.76px;
  }

  .certificate-validity-banner .banner-subtitle {
    font-size: var(--f-s-16);
    line-height: var(--f-s-24);
    font-weight: var(--fontRegular);
    width: 99%;
  }
  /* .certificate-validity-banner {
    background: url("../images/for-employers/certificate-validity/banner-mob.svg")
      no-repeat center center;
  } */
}

/* Form-Box */
.form-box-section {
  background: var(--color-secondary-gray-5);
  padding-block: 64px;
}
.form-box-section .border-center {
  border-right: 1px solid var(--color-gray-300);
}
.form-box-section .form-main-bx {
  display: flex;
  padding: 48px 32px;
  flex-direction: column;
  align-items: flex-start;
  gap: 48px;

  border-radius: 16px;
  border: 1px solid var(--secondary-gray-10, rgba(0, 60, 82, 0.1));
  background: #fff;
  box-shadow: 0px 42px 12px 0px rgba(0, 0, 0, 0),
    0px 27px 11px 0px rgba(0, 0, 0, 0), 0px 15px 9px 0px rgba(0, 0, 0, 0.02),
    0px 7px 7px 0px rgba(0, 0, 0, 0.03), 0px 2px 4px 0px rgba(0, 0, 0, 0.03);
}
.form-box-section .form-main-bx .standard-input-field input{
  width: 100%;
}
.form-box-section .left-inner-bx {
  width: 93.33%;
  padding-inline: 8px 16px;
}

.form-box-section .left-inner-bx p {
  font-weight: var(--fontRegular);
}

/* RIGHT BOX */

.form-box-section .right-inner-bx {
  margin-left: 52px;
}
.form-box-section .right-inner-bx .card-title {
  font-weight: var(--fontSemiBold);
}

@media (min-width: 280px) and (max-width: 991px) {
  .form-box-section .right-inner-bx {
    margin-left: 0;
  }
  .form-box-section .border-center {
    border-bottom: 1px solid var(--color-gray-300);
    border-right: none;
  }
  .form-box-section .left-inner-bx {
    padding-inline: 0;
    width: 100%;
  }
  .form-box-section .form-main-bx {
    padding: 10px;
  }
}