/* Consultation Banner */

.corporate-hs-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/corporate-health-services/bg-banner.svg")
    no-repeat center center;
  background-size: cover;
  min-height: 277px;
  display: flex;
  align-items: center;
}
.corporate-hs-banner .banner-title {
  letter-spacing: -1.44px;
}

.corporate-hs-banner .banner-subtitle {
  font-size: 16px;
  margin: 0;
  opacity: 0.9;
  width: 55%;
}
.corporate-hs-banner .banner-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}
.corporate-hs-banner .banner-content .standard-btn-pink {
  width: 200px;
  font-size: 12px;
  line-height: 18px;
  max-width: 143px;
  border-width: 2px;
}
.corporate-hs-banner .banner-content .standard-btn-pink img {
  width: 34px;
  height: 34px;
}
.corporate-hs-banner .banner-content .standard-btn-pink:hover {
  border-color: #8c1550;
  border-width: 2px;
}

@media (min-width: 1199px) and (max-width: 1399px) {
  .corporate-hs-banner .banner-title {
    font-size: var(--f-s-60);
    line-height: var(--f-s-72);
  }
  .corporate-hs-banner .banner-subtitle {
    width: 85%;
  }
}

@media (min-width: 576px) and (max-width: 1198px) {
  .corporate-hs-banner .banner-title {
    font-size: var(--f-s-40);
    line-height: var(--f-s-55);
  }
  .corporate-hs-banner .banner-subtitle {
    width: 95%;
  }
}

@media (min-width: 280px) and (max-width: 575px) {
  .corporate-hs-banner.inside-space {
    min-height: 182px;
    padding-block: 40px;
  }

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

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

/* Section our Empolyee Health Services Start */
.our-empolyee-hs .text-bx.heading-bx {
  padding-top: 40px;
}
.our-empolyee-hs .text-bx.heading-bx p {
  max-width: 846px;
  margin-inline: auto !important;
}

.our-empolyee-hs .row.custom-row-gap {
  gap: 0px;
}

/* @media (min-width: 280px) and (max-width: 1199px) {
  .our-empolyee-hs .row.custom-row-gap {
    gap: 20px;
  }
} */

.our-empolyee-hs .row .col-6 {
  max-width: 314px;
}
.our-empolyee-hs .stat-card {
  display: flex;
  padding: 24px 0px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24px;
  border-radius: 24px;
  border: 1px solid var(--color-primary-pink-10, rgba(222, 0, 111, 0.1));
  background: var(--color-primary-pink-5, rgba(222, 0, 111, 0.05));
  height: 100%;
}

.our-empolyee-hs .stat-card .img-bx {
  display: flex;

  padding: 8px 11.876px 11.639px 11.477px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 16px;
  border: 1px solid var(--color-primary-pink-10, rgba(222, 0, 111, 0.1));
  background: #fff;
  box-shadow: 0px -5px 1px 0px rgba(222, 0, 111, 0.1) inset,
    0px 12px 16px -4px rgba(222, 0, 111, 0.08),
    0px 4px 6px -2px rgba(222, 0, 111, 0.04);
}
.our-empolyee-hs .stat-card .text-bx {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  text-align: center;
  padding: 0px 16px;
}

.our-empolyee-hs .stat-card h3 {
  color: var(--color-primary-pink);
  font-size: var(--f-s-20);
  line-height: var(--f-s-30);
  font-weight: var(--fontSemiBold);
  margin: 0;
}
.our-empolyee-hs .stat-card p {
  color: var(--color-secondary-gray);
  font-size: var(--f-s-14);
  line-height: var(--f-s-20);
  margin: 0;
  font-weight: var(--fontRegular);
}
.our-empolyee-hs .stats-bx {
  margin-top: 32px;
}

@media (min-width: 1400px) {
  .our-empolyee-hs .row.custom-row-gap {
    gap: 32px;
  }
  .our-empolyee-hs .custom-width {
    flex: 0 0 304px;
    width: 304px;
    max-width: 304px;
    padding: 0px;
  }
}
@media (max-width: 1199px) {
  .our-empolyee-hs .row.custom-row-gap {
    row-gap: 24px;
  }
}

@media (min-width: 280px) and (max-width: 575px) {
  .our-empolyee-hs .stat-card {
    gap: 18px;
    padding: 15px 0px;
  }
  .our-empolyee-hs .stat-card h3 {
    font-size: var(--f-s-16);
    line-height: var(--f-s-24);
  }
  .our-empolyee-hs .stat-card p {
    font-size: var(--f-s-12);
    line-height: var(--f-s-20);
  }
  .our-empolyee-hs .stat-card .img-bx {
    padding: 6.339px 9.409px 9.224px 9.096px;
    width: 42px;
  }
  .our-empolyee-hs .stat-card .img-bx img {
    width: 23px;
  }
  .our-empolyee-hs .row.custom-row-gap {
    row-gap: 24px;
  }
}

/* Virtual care section */
.virtual-care-benefits .inner-bx {
  border-radius: 23px;
  padding: 40px;
  background: var(--color-secondary-gray-5);
}
.virtual-care-benefits .virtual-care-content h2 {
  margin-bottom: 12px !important;
}
.virtual-care-benefits .virtual-care-content .badge {
  color: var(--color-primary-pink);
  font-family: var(--fontJakarta);
  font-size: 65.333px;
  font-weight: var(--fontSemiBold);
  line-height: 48px;
  letter-spacing: -7.187px;
}
@media (min-width: 991px) and (max-width: 1199px) {
  .virtual-care-img {
    display: none;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  /* 1280 desktop media query  */
  .virtual-care-benefits .custom-row-gap {
    row-gap: 40px;
    column-gap: 39px;
  }
  .virtual-care-benefits .virtual-care-content h2 {
    font-size: var(--f-s-28);
    line-height: var(--f-s-38);
  }
  .virtual-care-benefits .virtual-care-content p {
    font-size: var(--f-s-14);
    line-height: var(--f-s-20);
  }
  .virtual-care-benefits .virtual-care-content .badge {
    line-height: 46px;
  }
}
@media (min-width: 1400px) {
  .virtual-care-benefits .left-bx.custom-width {
    flex: 0 0 368px;
    width: 368px;
    max-width: 368px;
    padding: 0px;
  }

  .virtual-care-benefits .right-bx.custom-width {
    flex: 0 0 66px;
    width: 66px;
    max-width: 66px;
    padding: 0px;
  }

  .virtual-care-benefits .custom-row-gap {
    row-gap: 40px;
    column-gap: 39px;
  }
}
@media (min-width: 991px) and (max-width: 1199px) {
  .virtual-care-benefits:not(.reverse-sec) .virtual-care-content .badge-bx {
    justify-content: flex-start !important;
  }
}
@media (min-width: 280px) and (max-width: 1199px) {
  .virtual-care-benefits .inner-bx {
    padding: 24px;
  }
  .virtual-care-benefits .custom-row-gap {
    row-gap: 24px;
  }
  .virtual-care-benefits .virtual-care-content .badge {
    font-size: var(--f-s-48);
    line-height: 35px;
  }
}

.virtual-care-benefits.reverse-sec .custom-row-gap {
  flex-direction: row-reverse;
}
/* .virtual-care-benefits.reverse-sec
  .custom-row-gap
  .virtual-care-content
  .badge-bx {
  justify-content: start !important;
} */
.virtual-care-benefits.reverse-sec .middle-bx .secondary-para {
  width: 96.9%;
}
.virtual-care-benefits.reverse-sec .inner-bx .custom-row-gap {
  justify-content: space-between;
}

.virtual-care-benefits.reverse-sec .inner-bx {
  background-color: transparent;
  border: 1px solid var(--color-secondary-gray-25);
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .virtual-care-benefits.reverse-sec .right-bx.custom-width {
    flex: 0 0 79px;
    width: 79px;
    max-width: 79px;
    padding: 0px;
  }

  .virtual-care-benefits.reverse-sec .right-bx .badge-bx {
    justify-content: flex-start !important;
  }
}
@media (min-width: 280px) and (max-width: 575px) {
  .virtual-care-benefits.reverse-sec .custom-row-gap {
    flex-direction: column-reverse;
  }
  .virtual-care-benefits.reverse-sec .right-bx .badge-bx {
    justify-content: start !important;
  }
}

/* triming Expenditures */

.triming-exp-section {
  background: radial-gradient(
      100.02% 100.02% at 50% -0.02%,
      rgba(255, 255, 255, 0.2) 0%,
      rgba(255, 255, 255, 0) 100%
    ),
    var(--color-secondary-gray);
  /* height: 1000px; */
  position: relative;
  padding-block: 60px;
}

.triming-exp-section .bg-img-bx {
  position: absolute;
  top: 0%;
  left: 50%;
  transform: translate(-50%, 0%);
  /* width: 100%; */
  /* height: 100%; */
}
.triming-exp-section .text-bx h2 {
  padding-inline: 50px;
}
.triming-exp-section .text-bx p {
  padding-inline: 32px;
}

@media (min-width: 280px) and (max-width: 575px) {
  .triming-exp-section {
    padding-block: 40px;
  }
}
/* Certificate Details */
.certificate-details {
  padding-block: 100px;
}
.certificate-details .text-bx.heading-bx {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  text-align: center;
}
.certificate-details .form-main-bx {
  margin-top: 32px;
}
.certificate-details .form-main-bx button[type="submit"].standard-btn-pink {
  gap: 16px;
}
.certificate-details .form-main-bx button[type="submit"].standard-btn-pink img {
  width: 52px;
}
.certificate-details .form-main-bx .standard-input-field input{
  width: 100%;
}

/* ******************** Calculate Cost Section */

.calculate-cost-section {
  background-color: var(--color-secondary-gray-5);
}
.calculate-cost-section .left-bx {
  background-color: var(--color-white);
  /* height: 700px; */
  border-radius: 15px;
  border: 1px solid var(--color-secondary-gray-10);
  background: var(--color-white);
}
.calculate-cost-section .left-bx .form-bx {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 21px;
  /* padding: 24px; */
}
.calculate-cost-section .left-bx .form-bx .heading-bx {
  width: 470px;
  padding: 24px 24px 0px 24px;
}
.calculate-cost-section .left-bx .form-bx .heading-bx h4 {
  font-family: var(--fontJakarta);
  font-size: 17.5px;
  line-height: 21px;
  letter-spacing: 0.2px;
}
.calculate-cost-section .left-bx .form-bx .heading-bx p {
  font-size: 12.8px;
  line-height: 19.2px;
  letter-spacing: 0.2px;
}

.calculate-cost-section .left-bx .form-bx .input-bx {
  display: flex;
  /* padding: 24px; */
  padding: 0px 24px 24px 24px;
  flex-direction: column;
  align-items: flex-start;
  gap: 17px;
  border-bottom: 1px solid var(--color-secondary-gray-10);
}
.calculate-cost-section .left-bx .form-bx .input-bx label {
  font-weight: var(--fontMedium);
}
.calculate-cost-section .left-bx .form-bx .radio-btns {
  display: flex;
  align-items: center;
  gap: 37px;
}
.calculate-cost-section .left-bx .form-bx .radio-btns .radio-btn {
  display: flex;
  align-items: center;
  justify-content: center;
}
.calculate-cost-section .left-bx .form-bx input{
  width: 100%;
}
.calculate-cost-section .left-bx .form-bx input:focus{
  border:none;
  outline: none;
}
.calculate-cost-section
  .left-bx
  .form-bx
  .radio-btns
  .radio-btn
  input[type="radio"] {
  width: 20px;
  height: 20px;
}
.calculate-cost-section .left-bx .calculation-bx {
  padding: 0px 24px 0px 24px;
}
.calculate-cost-section .standard-btn-pink {
  gap: 22px;
  margin-block: 24px;
  width: 179px;
}
.calculate-cost-section .standard-btn-pink span {
  /* border-color: #8c1550; */
  /* border-width: 2px; */
  color: var(--color-white);
}

.calculate-cost-section .standard-btn-pink:hover span {
  /* border-color: #8c1550; */
  /* border-width: 2px; */
  color: var(--color-primary-pink);
}
.calculate-cost-section .right-bx {
  display: flex;
  padding: 24px;
  height: 100%;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 24px;
  border-radius: 15px;
  border: 1px solid var(--color-secondary-gray-10);
  background: var(--color-white);
}
.calculate-cost-section .right-bx .result-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.calculate-cost-section .right-bx .result-item h6 {
  color: var(--color-secondary-gray);
  text-align: center;
  font-family: var(--fontJakarta);
  font-size: var(--f-s-18);
  font-weight: var(--fontSemiBold);
  line-height: 21px; /* 116.667% */
  letter-spacing: 0.2px;
}
.calculate-cost-section .right-bx .result-item .value-wrapper {
  text-align: center;
  display: flex;
  align-items: baseline;
  font-size: var(--f-s-60);
  font-family: var(--fontRoboto);
  font-weight: var(--fontBold);
  line-height: 90px;
  letter-spacing: 0.2px;
  color: var(--color-secondary-gray-50);
  gap: 3px;
}

@media (min-width: 280px) and (max-width: 1199px) {
  .calculate-cost-section .left-bx .form-bx .heading-bx {
    width: auto;
  }
  .calculate-cost-section .standard-btn-pink {
    gap: 22px;
  }
  .calculate-cost-section .custom-row-gap {
    row-gap: 40px;
  }
  .calculate-cost-section .right-bx .result-item .value-wrapper {
    font-size: var(--f-s-48);
    line-height: var(--f-s-60);
  }
  .calculate-cost-section .right-bx .result-item h6 {
    font-size: var((--f-s-16));
  }
}
@media (min-width: 1400px) {
  .calculate-cost-section .custom-row-gap {
    justify-content: center;
  }

  .calculate-cost-section .custom-width {
    flex: 0 0 636px;
    width: 636px;
    max-width: 636px;
    padding: 0px;
  }

  .calculate-cost-section .custom-row-gap {
    row-gap: 40px;
    column-gap: 40px;
  }
}

/* MEDIC  */

/* Medic Section */

.medic-section {
  background: radial-gradient(
      100.02% 100.02% at 50% -0.02%,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.2) 100%
    ),
    var(--color-primary-pink-50);
  overflow-y: hidden;
}

.medic-section .img-top-left {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
}

.medic-section .img-top-right {
  position: absolute;
  bottom: -180px;
  right: 0px;
  z-index: 9999;
}
.medic-section .custom-row-gap {
  row-gap: 24px;
  column-gap: 0px;
}
.medic-section .card-area {
  display: flex;
  padding: 24px;
  height: 100%;
  flex-direction: column;
  align-items: center;
  border-radius: 16px;
  border: 1px solid var(--color-primary-pink-10);
  background: var(--color-white);
  gap: 24px;
  min-height: 220px;
}
.medic-section .card-area .card-content-area {
  text-align: center;
}
.medic-section .card-area .card-img-area {
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--color-primary-pink-5);
  border-radius: 100%;
}

.medic-section .card-area .card-content-area p {
  opacity: 0.7;
  padding-block: 17px;
}
@media (min-width: 1400px) {
  .medic-section .custom-row-gap {
    justify-content: center;
  }

  .medic-section .col-xl-3 {
    flex: 0 0 309px;
    width: 309px;
    max-width: 309px;
    padding: 0px;
  }

  .medic-section .custom-row-gap {
    row-gap: 24px;
    column-gap: 24px;
  }

  /* .medic-section .custom-width-right-box {
    flex: 0 0 825px;
    width: 825px;
    max-width: 825px;
  } */
}
@media (min-width: 280px) and (max-width: 575px) {
  .medic-section .card-area {
    padding: 16px 0px 16px 0px;
  }
  .medic-section .card-area .card-content-area p {
    padding-inline: 16px;
    font-size: var(--f-s-12);
    line-height: var(--f-s-18);
    font-weight: var(--fontRegular);
  }
  .medic-section .card-area {
    min-height: 192px;
    max-height: 242px;
    gap: 16px;
  }
  .medic-section .img-top-left {
    width: 34%;
  }
  .medic-section .img-top-right {
    width: 54%;
    top: 80px;
    right: -27px;
  }
  .medic-section {
    overflow-x: hidden;
  }
  .medic-section .card-area .card-img-area {
    min-height: 50px;
  }
}

#howCanHelp {
  width: 1400px;
}
#noOfemployee,
#mobile {
  width: 1000px;
}