/* Banner */

.PageBanner {
  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;
}
.PageBanner .banner-title {
  letter-spacing: -1.44px;
}

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

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

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

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

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

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