/*
 * Shared first-section treatment for the approved information pages only.
 * ACF headings stay plain text; PHP separates the first word at render time.
 */
.codencoder-information-hero #banner.codencoder-responsive-banner,
.codencoder-information-hero .company-profile__hero,
.codencoder-information-hero #banner.why-outsource-hero,
.codencoder-information-hero .cnc-editable-page-hero {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
}

.codencoder-information-hero #banner.codencoder-responsive-banner::before,
.codencoder-information-hero .company-profile__hero::before,
.codencoder-information-hero #banner.why-outsource-hero::before,
.codencoder-information-hero .cnc-editable-page-hero::before {
  content: "" !important;
  position: absolute !important;
  z-index: 1 !important;
  inset: 0 !important;
  width: auto !important;
  height: auto !important;
  background: rgba(0, 0, 0, 0.55) !important;
  pointer-events: none !important;
}

.codencoder-information-hero .company-profile__hero::after,
.codencoder-information-hero .cnc-editable-page-hero__wash,
.codencoder-information-hero .cnc-editable-page-hero__eyebrow,
.codencoder-information-hero .company-profile__hero .company-profile__eyebrow {
  display: none !important;
}

.codencoder-information-hero #banner.codencoder-responsive-banner .container,
.codencoder-information-hero .company-profile__hero .container,
.codencoder-information-hero #banner.why-outsource-hero .container,
.codencoder-information-hero .cnc-editable-page-hero .container {
  position: relative !important;
  z-index: 2 !important;
}

.codencoder-information-hero #banner.codencoder-responsive-banner .banner-height,
.codencoder-information-hero #banner.codencoder-responsive-banner .h-banner-new,
.codencoder-information-hero #banner.codencoder-responsive-banner .row,
.codencoder-information-hero #banner.codencoder-responsive-banner .col-md-12 {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.codencoder-information-hero #banner.codencoder-responsive-banner .banner-new-content,
.codencoder-information-hero .company-profile__hero-content,
.codencoder-information-hero #banner.why-outsource-hero .why-outsource-hero__content,
.codencoder-information-hero .cnc-editable-page-hero__content {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: 920px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
  text-align: center !important;
  transform: none !important;
  animation: none !important;
}

.codencoder-information-hero #banner.codencoder-responsive-banner .banner-new-content .content {
  width: 100% !important;
  text-align: center !important;
}

.codencoder-information-hero #banner.codencoder-responsive-banner h1,
.codencoder-information-hero .company-profile__hero h1,
.codencoder-information-hero #banner.why-outsource-hero h1,
.codencoder-information-hero .cnc-editable-page-hero h1 {
  max-width: 1100px !important;
  margin: 0 auto !important;
  color: #000000 !important;
  background: none !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
  -webkit-text-fill-color: currentColor !important;
  font-family: "Montserrat", "Lato", sans-serif !important;
  font-size: clamp(48px, 7.3vw, 132px) !important;
  font-weight: 600 !important;
  letter-spacing: -0.04em !important;
  line-height: 1.08 !important;
  text-align: center !important;
  text-shadow: none !important;
  text-transform: capitalize !important;
}

.codencoder-information-hero .cnc-hero-title__first {
  color: #1AA4F1 !important;
  -webkit-text-fill-color: #1AA4F1 !important;
}

.codencoder-information-hero .cnc-hero-title__remaining {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

.codencoder-information-hero #banner.codencoder-responsive-banner h1::after,
.codencoder-information-hero .company-profile__hero h1::after,
.codencoder-information-hero #banner.why-outsource-hero h1::after,
.codencoder-information-hero .cnc-editable-page-hero h1::after {
  display: block !important;
  width: 130px !important;
  height: 3px !important;
  margin: 30px auto 24px !important;
  background: #1AA4F1 !important;
  content: "" !important;
}

.codencoder-information-hero #banner.codencoder-responsive-banner p,
.codencoder-information-hero .company-profile__hero p:not(.company-profile__eyebrow),
.codencoder-information-hero #banner.why-outsource-hero p,
.codencoder-information-hero .cnc-editable-page-hero p {
  max-width: 880px !important;
  margin: 0 auto !important;
  color: #ffffff !important;
  font-family: "Lato", sans-serif !important;
  font-size: clamp(18px, 1.45vw, 27px) !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
  text-align: center !important;
  text-shadow: none !important;
  text-transform: capitalize !important;
}

@media (max-width: 1199px) {
  .codencoder-information-hero #banner.codencoder-responsive-banner h1::after,
  .codencoder-information-hero .company-profile__hero h1::after,
  .codencoder-information-hero #banner.why-outsource-hero h1::after,
  .codencoder-information-hero .cnc-editable-page-hero h1::after {
    width: 108px !important;
    margin: 22px auto 24px !important;
  }

  .codencoder-information-hero #banner.codencoder-responsive-banner p,
  .codencoder-information-hero .company-profile__hero p:not(.company-profile__eyebrow),
  .codencoder-information-hero #banner.why-outsource-hero p,
  .codencoder-information-hero .cnc-editable-page-hero p {
    max-width: 640px !important;
  }
}

@media (max-width: 767px) {
  .codencoder-information-hero #banner.codencoder-responsive-banner::before,
  .codencoder-information-hero .company-profile__hero::before,
  .codencoder-information-hero #banner.why-outsource-hero::before,
  .codencoder-information-hero .cnc-editable-page-hero::before {
    background: rgba(0, 0, 0, 0.70) !important;
  }

  .codencoder-information-hero #banner.codencoder-responsive-banner .banner-new-content,
  .codencoder-information-hero .company-profile__hero-content,
  .codencoder-information-hero #banner.why-outsource-hero .why-outsource-hero__content,
  .codencoder-information-hero .cnc-editable-page-hero__content {
    padding: 0 14px !important;
  }

  .codencoder-information-hero #banner.codencoder-responsive-banner h1,
  .codencoder-information-hero .company-profile__hero h1,
  .codencoder-information-hero #banner.why-outsource-hero h1,
  .codencoder-information-hero .cnc-editable-page-hero h1 {
    font-size: clamp(32px, 10vw, 48px) !important;
  }

  .codencoder-information-hero #banner.codencoder-responsive-banner h1::after,
  .codencoder-information-hero .company-profile__hero h1::after,
  .codencoder-information-hero #banner.why-outsource-hero h1::after,
  .codencoder-information-hero .cnc-editable-page-hero h1::after {
    width: 82px !important;
    height: 2px !important;
    margin: 16px auto 18px !important;
  }

  .codencoder-information-hero #banner.codencoder-responsive-banner p,
  .codencoder-information-hero .company-profile__hero p:not(.company-profile__eyebrow),
  .codencoder-information-hero #banner.why-outsource-hero p,
  .codencoder-information-hero .cnc-editable-page-hero p {
    font-size: 16px !important;
    line-height: 1.45 !important;
  }
}