.bs-bg-light-blue {
  background-color: #F5F9FC;
}

.bs-bg-surface-subtle {
  background-color: #f9fafb;
}

.featured-top:has(.ccd-hero) .featured-top__inner {
  max-width: none;
  width: 100%;
  padding-inline: 0;
}
.featured-top:has(.ccd-hero) .row:has(.ccd-hero) {
  margin-inline: 0;
}
.featured-top:has(.ccd-hero) .row:has(.ccd-hero) > * {
  padding-inline: 0;
}

.ccd-hero {
  background-color: #002f5f;
  height: 100vh;
  min-height: 640px;
}
@media (min-width: 48rem) {
  .ccd-hero {
    height: calc(100vh - 171px);
  }
}

.ccd-hero__media {
  z-index: 0;
}
.ccd-hero__media::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: linear-gradient(rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.08)), linear-gradient(to top, rgba(6, 27, 47, 0.34) 0%, rgba(6, 27, 47, 0) 50%, rgba(6, 27, 47, 0) 100%), linear-gradient(to bottom, rgba(6, 27, 47, 0.44) 0%, rgba(6, 27, 47, 0) 50%, rgba(6, 27, 47, 0) 100%), linear-gradient(to right, rgba(8, 39, 68, 0.96) 0%, rgba(18, 63, 100, 0.72) 50%, rgba(11, 47, 82, 0.16) 100%);
}
.ccd-hero__media div:not(.contextual) {
  height: 100%;
}
.ccd-hero__media img,
.ccd-hero__media video,
.ccd-hero__media iframe {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

[dir=rtl] .ccd-hero__media::after {
  background-image: linear-gradient(rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.08)), linear-gradient(to top, rgba(6, 27, 47, 0.34) 0%, rgba(6, 27, 47, 0) 50%, rgba(6, 27, 47, 0) 100%), linear-gradient(to bottom, rgba(6, 27, 47, 0.44) 0%, rgba(6, 27, 47, 0) 50%, rgba(6, 27, 47, 0) 100%), linear-gradient(to left, rgba(8, 39, 68, 0.96) 0%, rgba(18, 63, 100, 0.72) 50%, rgba(11, 47, 82, 0.16) 100%);
}

.ccd-hero__content {
  z-index: 1;
}

.ccd-hero__heading {
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: calc(1.4rem + 1.8vw);
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: -0.025em;
  max-width: 768px;
}
@media (min-width: 75rem) {
  .ccd-hero__heading {
    font-size: 2.75rem;
  }
}
@media (max-width: 47.99875rem) {
  .ccd-hero__heading {
    font-size: 1.875rem;
  }
}

[dir=rtl] .ccd-hero__heading {
  font-family: "Cairo", "Open Sans", sans-serif;
  letter-spacing: normal;
}

.ccd-hero__subheading {
  font-size: 1rem;
  line-height: 1.625;
  color: rgba(255, 255, 255, 0.9490196078);
  max-width: 618px;
}
@media (min-width: 48rem) {
  .ccd-hero__subheading {
    font-size: 1.125rem;
  }
}
.ccd-hero__subheading p:last-child {
  margin-bottom: 0;
}

.ccd-hero__cta {
  --bs-btn-color: #fff;
  --bs-btn-hover-color: #fff;
  --bs-btn-active-color: #fff;
  --bs-btn-disabled-color: #fff;
  --bs-btn-border-width: 0;
  padding: 0.75rem 1.5rem;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.5;
}
@media (min-width: 48rem) {
  .ccd-hero__cta {
    padding: 1rem 2rem;
    border-radius: 0.625rem;
    font-size: 1rem;
  }
}

.ccd-hero__stat-value {
  font-size: 1rem;
  line-height: 1.4;
}
@media (min-width: 48rem) {
  .ccd-hero__stat-value {
    font-size: 1rem;
  }
}

.ccd-hero__stat-label {
  font-size: 0.875rem;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.8);
}
@media (min-width: 48rem) {
  .ccd-hero__stat-label {
    font-size: 1rem;
  }
}