/* =========================================================
   MAGGIE DIXON — SUPERVISION PAGE
   PAGE ID 455 — AUDITED LAYOUT v1.2
   ========================================================= */

:root {
  --mds-teal: #315B5A;
  --mds-deep-teal: #234B4B;
  --mds-peach: #D99270;
  --mds-cream: #F7F2EA;
  --mds-soft: #F5F3EE;
  --mds-ink: #3D4341;
  --mds-line: rgba(49,91,90,.16);
  --mds-white: #fff;
  --mds-content: 1245px;
}

body.page-id-455 * {
  box-sizing: border-box;
}

body.page-id-455 .wpb_text_column {
  margin-bottom: 0 !important;
}

body.page-id-455 .mds-eyebrow {
  color: var(--mds-peach) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
  margin: 0 0 14px !important;
}

body.page-id-455 .mds-short-rule,
body.page-id-455 .mds-card-rule {
  width: 34px !important;
  height: 2px !important;
  background: var(--mds-peach) !important;
  margin: 14px auto 22px !important;
}

body.page-id-455 .mds-left-rule {
  margin-left: 0 !important;
}

/* =========================================================
   BUTTONS
   ========================================================= */

body.page-id-455 .mds-button-row {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  flex-wrap: wrap !important;
  margin-top: 28px !important;
}

body.page-id-455 .mds-button-row br {
  display: none !important;
}

body.page-id-455 a.mds-btn,
body.page-id-455 a.mds-btn:link,
body.page-id-455 a.mds-btn:visited {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 46px !important;
  padding: 0 25px !important;
  border-radius: 3px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: .03em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}

body.page-id-455 a.mds-btn-solid {
  background: var(--mds-deep-teal) !important;
  border: 1px solid var(--mds-deep-teal) !important;
  color: #fff !important;
}

body.page-id-455 a.mds-btn-outline {
  background: rgba(255,255,255,.76) !important;
  border: 1px solid var(--mds-deep-teal) !important;
  color: var(--mds-deep-teal) !important;
}

/* =========================================================
   HERO
   ========================================================= */

body.page-id-455 .wpb_row:has(> .row_col_wrap_12 > .mds-hero-copy),
body.page-id-455 .wpb_row:has(> .row_col_wrap_12 > .mds-hero-copy) > .row_col_wrap_12 {
  min-height: calc(100vh - 32px) !important;
  margin-bottom: 0 !important;
}

body.page-id-455 .mds-hero-copy {
  min-height: calc(100vh - 32px) !important;
  display: flex !important;
  align-items: center !important;
  padding: 6% 4% 6% 6% !important;
  background: linear-gradient(
    90deg,
    rgba(247,242,234,.97),
    rgba(247,242,234,.90) 70%,
    rgba(247,242,234,.28)
  ) !important;
}

body.page-id-455 .mds-hero-copy h1 {
  color: var(--mds-deep-teal) !important;
  max-width: 690px !important;
  font-size: clamp(55px,4.35vw,80px) !important;
  font-weight: 400 !important;
  line-height: 1.02 !important;
  margin: 0 0 24px !important;
}

body.page-id-455 .mds-hero-copy .mds-lead {
  max-width: 620px !important;
  color: var(--mds-ink) !important;
  font-size: 17px !important;
  line-height: 1.58 !important;
  margin: 0 !important;
}

body.page-id-455 .mds-hero-image {
  min-height: calc(100vh - 32px) !important;
  padding: 0 !important;
  overflow: hidden !important;
}

/* =========================================================
   INTRO
   Full-bleed white band, contained centred text
   ========================================================= */

body.page-id-455 .wpb_row:has(.mds-intro) {
  position: relative !important;
  background: #fff !important;
  box-shadow: 0 0 0 100vmax #fff !important;
  clip-path: inset(0 -100vmax) !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

body.page-id-455 .wpb_row:has(.mds-intro) > .row_col_wrap_12 {
  width: 100% !important;
  max-width: var(--mds-content) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 76px 5.5% 80px !important;
}

body.page-id-455 .mds-intro {
  width: 100% !important;
  text-align: center !important;
}

body.page-id-455 .mds-intro-inner {
  max-width: 940px !important;
  margin: 0 auto !important;
}

body.page-id-455 .mds-intro h2 {
  color: var(--mds-deep-teal) !important;
  font-size: clamp(40px,3vw,57px) !important;
  font-weight: 400 !important;
  line-height: 1.08 !important;
  margin: 0 !important;
}

body.page-id-455 .mds-intro p {
  color: var(--mds-ink) !important;
  max-width: 850px !important;
  margin: 0 auto !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
}

/* =========================================================
   SUPERVISION IS FOR YOU
   ========================================================= */

body.page-id-455 .wpb_row:has(.mds-for-you) {
  background: var(--mds-cream) !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

body.page-id-455 .mds-for-you {
  padding: 74px 6% 80px !important;
}

body.page-id-455 .mds-for-you > .vc_column-inner {
  max-width: var(--mds-content) !important;
  margin: 0 auto !important;
}

body.page-id-455 .mds-for-grid {
  display: grid !important;
  grid-template-columns: repeat(4,minmax(0,1fr)) !important;
  gap: 20px !important;
  margin-top: 8px !important;
}

body.page-id-455 .mds-for-card {
  min-height: 236px !important;
  padding: 30px 28px !important;
  background: rgba(255,255,255,.90) !important;
  border: 1px solid rgba(49,91,90,.09) !important;
}

body.page-id-455 .mds-for-card h3 {
  color: var(--mds-deep-teal) !important;
  font-size: 24px !important;
  font-weight: 400 !important;
  line-height: 1.16 !important;
  margin: 0 !important;
}

body.page-id-455 .mds-for-card .mds-card-rule {
  margin: 15px 0 18px !important;
}

body.page-id-455 .mds-for-card p {
  color: var(--mds-ink) !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
  margin: 0 !important;
}

/* =========================================================
   DEEPER PERSPECTIVE
   ========================================================= */

body.page-id-455 .wpb_row:has(> .row_col_wrap_12 > .mds-perspective-copy) {
  background: #fff !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

body.page-id-455 .wpb_row:has(> .row_col_wrap_12 > .mds-perspective-copy) > .row_col_wrap_12 {
  display: flex !important;
  align-items: stretch !important;
  min-height: 520px !important;
}

body.page-id-455 .mds-perspective-image {
  position: relative !important;
  min-height: 520px !important;
  padding: 0 !important;
  overflow: hidden !important;
}

body.page-id-455 .mds-perspective-image > .vc_column-inner {
  position: relative !important;
  min-height: 520px !important;
  height: 100% !important;
  padding: 0 !important;
}

body.page-id-455 .mds-perspective-image .column-image-bg-wrap {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

body.page-id-455 .mds-perspective-image .column-image-bg-wrap .inner-wrap,
body.page-id-455 .mds-perspective-image .column-image-bg {
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
}

body.page-id-455 .mds-perspective-image .column-image-bg {
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

body.page-id-455 .mds-perspective-image .wpb_wrapper,
body.page-id-455 .mds-perspective-image-space {
  min-height: 520px !important;
  height: 100% !important;
}

body.page-id-455 .mds-perspective-copy {
  min-height: 520px !important;
  display: flex !important;
  align-items: center !important;
  padding: 5.5% 7% !important;
}

body.page-id-455 .mds-perspective-copy > .vc_column-inner {
  width: 100% !important;
}

body.page-id-455 .mds-quote-heading {
  color: var(--mds-deep-teal) !important;
  max-width: 650px !important;
  font-size: clamp(40px,3vw,58px) !important;
  font-weight: 400 !important;
  font-style: italic !important;
  line-height: 1.12 !important;
  margin: 0 !important;
}

body.page-id-455 .mds-perspective-copy p {
  color: var(--mds-ink) !important;
  max-width: 650px !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
  margin-bottom: 0 !important;
}

/* =========================================================
   BENEFITS
   Full-bleed white band, contained content
   ========================================================= */

body.page-id-455 .wpb_row:has(.mds-benefits) {
  position: relative !important;
  background: #fff !important;
  box-shadow: 0 0 0 100vmax #fff !important;
  clip-path: inset(0 -100vmax) !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

body.page-id-455 .wpb_row:has(.mds-benefits) > .row_col_wrap_12 {
  width: 100% !important;
  max-width: var(--mds-content) !important;
  margin: 0 auto !important;
  padding: 66px 5.5% 72px !important;
}

body.page-id-455 .mds-benefits {
  width: 100% !important;
}

body.page-id-455 .mds-benefits-grid {
  display: grid !important;
  grid-template-columns: repeat(4,minmax(0,1fr)) !important;
  margin-top: 28px !important;
}

body.page-id-455 .mds-benefit {
  padding: 4px 30px !important;
  border-left: 1px solid var(--mds-line) !important;
}

body.page-id-455 .mds-benefit:first-child {
  border-left: 0 !important;
}

body.page-id-455 .mds-benefit h3 {
  color: var(--mds-deep-teal) !important;
  font-size: 23px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  margin: 0 !important;
}

body.page-id-455 .mds-benefit p {
  color: var(--mds-ink) !important;
  max-width: 250px !important;
  margin: 0 auto !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
}

/* =========================================================
   MAGGIE'S APPROACH
   Full-bleed cream band, better breathing room
   ========================================================= */

body.page-id-455 .wpb_row:has(> .row_col_wrap_12 > .mds-approach-copy) {
  position: relative !important;
  background: var(--mds-cream) !important;
  box-shadow: 0 0 0 100vmax var(--mds-cream) !important;
  clip-path: inset(0 -100vmax) !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

body.page-id-455 .wpb_row:has(> .row_col_wrap_12 > .mds-approach-copy) > .row_col_wrap_12 {
  width: 100% !important;
  max-width: var(--mds-content) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 82px 4.5% !important;
  align-items: center !important;
}

body.page-id-455 .mds-approach-image {
  padding: 0 18px 0 0 !important;
}

body.page-id-455 .mds-approach-image .img-with-animation-wrap,
body.page-id-455 .mds-approach-image .hover-wrap,
body.page-id-455 .mds-approach-image .hover-wrap-inner {
  width: 100% !important;
}

body.page-id-455 .mds-approach-image img {
  display: block !important;
  width: 100% !important;
  height: 390px !important;
  object-fit: cover !important;
  object-position: center center !important;
}

body.page-id-455 .mds-approach-copy {
  padding-left: 30px !important;
  padding-right: 36px !important;
}

body.page-id-455 .mds-approach-copy h2 {
  color: var(--mds-deep-teal) !important;
  font-size: clamp(38px,2.8vw,52px) !important;
  font-weight: 400 !important;
  line-height: 1.08 !important;
  margin: 0 !important;
}

body.page-id-455 .mds-approach-copy p {
  color: var(--mds-ink) !important;
  font-size: 15px !important;
  line-height: 1.62 !important;
  margin-bottom: 17px !important;
}

body.page-id-455 .mds-testimonial {
  padding-left: 18px !important;
}

body.page-id-455 .mds-testimonial blockquote {
  margin: 0 !important;
  padding: 38px 34px !important;
  background: rgba(255,255,255,.64) !important;
  border: 0 !important;
  color: var(--mds-deep-teal) !important;
  font-size: 21px !important;
  line-height: 1.42 !important;
  font-style: italic !important;
}

body.page-id-455 .mds-testimonial footer {
  margin-top: 28px !important;
  color: var(--mds-peach) !important;
  font-size: 11px !important;
  font-style: normal !important;
  font-weight: 600 !important;
  letter-spacing: .10em !important;
  text-transform: uppercase !important;
}

body.page-id-455 .mds-testimonial footer span {
  color: var(--mds-ink) !important;
  opacity: .75 !important;
}

/* =========================================================
   FAQ
   Full-width white band with proper LEFT / RIGHT breathing room
   ========================================================= */

body.page-id-455 .wpb_row:has(.mds-faq) {
  position: relative !important;
  background: #fff !important;
  box-shadow: 0 0 0 100vmax #fff !important;
  clip-path: inset(0 -100vmax) !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

body.page-id-455 .wpb_row:has(.mds-faq) > .row_col_wrap_12 {
  width: 100% !important;
  max-width: var(--mds-content) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 76px 6% 82px !important;
}

body.page-id-455 .mds-faq {
  width: 100% !important;
  padding: 0 !important;
}

body.page-id-455 .mds-faq > .vc_column-inner {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.page-id-455 .mds-faq .mds-eyebrow {
  margin-bottom: 24px !important;
}

body.page-id-455 .mds-faq-item {
  border-top: 1px solid var(--mds-line) !important;
}

body.page-id-455 .mds-faq-item:last-child {
  border-bottom: 1px solid var(--mds-line) !important;
}

body.page-id-455 .mds-faq-item summary {
  position: relative !important;
  list-style: none !important;
  cursor: pointer !important;
  padding: 21px 48px 21px 0 !important;
  color: var(--mds-deep-teal) !important;
  font-size: 15px !important;
  font-weight: 500 !important;
}

body.page-id-455 .mds-faq-item summary::-webkit-details-marker {
  display: none !important;
}

body.page-id-455 .mds-faq-item summary:after {
  content: "+" !important;
  position: absolute !important;
  right: 4px !important;
  top: 18px !important;
  font-size: 22px !important;
}

body.page-id-455 .mds-faq-item[open] summary:after {
  content: "–" !important;
}

body.page-id-455 .mds-faq-item p {
  color: var(--mds-ink) !important;
  max-width: 850px !important;
  padding: 0 42px 22px 0 !important;
  margin: 0 !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
}

/* =========================================================
   FINAL CTA
   ========================================================= */

body.page-id-455 .wpb_row:has(.mds-final-cta) {
  min-height: 360px !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

body.page-id-455 .mds-final-cta {
  min-height: 360px !important;
  display: flex !important;
  align-items: center !important;
  padding: 5% 6% !important;
  overflow: hidden !important;
}

body.page-id-455 .mds-final-cta > .vc_column-inner,
body.page-id-455 .mds-final-cta .column-image-bg-wrap,
body.page-id-455 .mds-final-cta .column-image-bg-wrap .inner-wrap,
body.page-id-455 .mds-final-cta .column-image-bg {
  min-height: 360px !important;
}

body.page-id-455 .mds-final-cta .column-image-bg {
  background-size: cover !important;
  background-position: center center !important;
}

body.page-id-455 .mds-final-cta-inner {
  width: 52% !important;
  max-width: 720px !important;
}

body.page-id-455 .mds-final-cta h2 {
  color: #fff !important;
  font-size: clamp(40px,3vw,55px) !important;
  font-weight: 400 !important;
  line-height: 1.08 !important;
  margin: 0 0 14px !important;
}

body.page-id-455 .mds-final-cta p {
  color: rgba(255,255,255,.9) !important;
  max-width: 620px !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
}

body.page-id-455 a.mds-btn-peach {
  background: var(--mds-peach) !important;
  border-color: var(--mds-peach) !important;
  color: #fff !important;
}

body.page-id-455 a.mds-btn-light {
  background: transparent !important;
  border-color: rgba(255,255,255,.8) !important;
  color: #fff !important;
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 999px) {
  body.page-id-455 .mds-for-grid,
  body.page-id-455 .mds-benefits-grid {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }

  body.page-id-455 .mds-benefit:nth-child(3) {
    border-left: 0 !important;
  }

  body.page-id-455 .wpb_row:has(> .row_col_wrap_12 > .mds-perspective-copy) > .row_col_wrap_12,
  body.page-id-455 .wpb_row:has(> .row_col_wrap_12 > .mds-approach-copy) > .row_col_wrap_12 {
    display: block !important;
  }

  body.page-id-455 .mds-perspective-image,
  body.page-id-455 .mds-perspective-copy,
  body.page-id-455 .mds-approach-image,
  body.page-id-455 .mds-approach-copy,
  body.page-id-455 .mds-testimonial {
    width: 100% !important;
  }

  body.page-id-455 .mds-perspective-image,
  body.page-id-455 .mds-perspective-image > .vc_column-inner,
  body.page-id-455 .mds-perspective-image .wpb_wrapper,
  body.page-id-455 .mds-perspective-image-space {
    min-height: 420px !important;
    height: 420px !important;
  }

  body.page-id-455 .mds-perspective-copy {
    min-height: auto !important;
    padding: 58px 7% 64px !important;
  }

  body.page-id-455 .mds-approach-image,
  body.page-id-455 .mds-approach-copy,
  body.page-id-455 .mds-testimonial {
    padding-left: 7% !important;
    padding-right: 7% !important;
  }

  body.page-id-455 .mds-approach-image img {
    height: auto !important;
    max-height: 520px !important;
    object-fit: cover !important;
  }

  body.page-id-455 .mds-approach-copy {
    padding-top: 48px !important;
    padding-bottom: 30px !important;
  }

  body.page-id-455 .mds-testimonial {
    padding-bottom: 60px !important;
  }

  body.page-id-455 .mds-final-cta-inner {
    width: 70% !important;
  }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 690px) {
  body.page-id-455 .mds-hero-copy {
    min-height: auto !important;
    padding: 72px 7% 52px !important;
  }

  body.page-id-455 .mds-hero-copy h1 {
    font-size: 45px !important;
  }

  body.page-id-455 .mds-for-you {
    padding: 58px 7% 62px !important;
  }

  body.page-id-455 .mds-for-grid,
  body.page-id-455 .mds-benefits-grid {
    grid-template-columns: 1fr !important;
  }

  body.page-id-455 .mds-benefit {
    border-left: 0 !important;
    border-top: 1px solid var(--mds-line) !important;
    padding: 24px 0 !important;
  }

  body.page-id-455 .mds-benefit:first-child {
    border-top: 0 !important;
  }

  body.page-id-455 .wpb_row:has(.mds-intro) > .row_col_wrap_12,
  body.page-id-455 .wpb_row:has(.mds-benefits) > .row_col_wrap_12,
  body.page-id-455 .wpb_row:has(.mds-faq) > .row_col_wrap_12 {
    padding-left: 7% !important;
    padding-right: 7% !important;
  }

  body.page-id-455 .mds-final-cta-inner {
    width: 100% !important;
    max-width: none !important;
    padding: 25px !important;
    background: rgba(35,75,75,.55) !important;
  }
}


/* =========================================================
   SUPERVISION v1.3 — PERSPECTIVE + FAQ REFINEMENT
   ========================================================= */

/* ---------------------------------------------------------
   DEEPER PERSPECTIVE
   Let the content establish the row height, then force the
   left background layer to stretch to that exact height.
   --------------------------------------------------------- */

body.page-id-455 .wpb_row:has(> .row_col_wrap_12 > .mds-perspective-copy) > .row_col_wrap_12 {
  display: flex !important;
  align-items: stretch !important;
  min-height: 0 !important;
}

body.page-id-455 .mds-perspective-image,
body.page-id-455 .mds-perspective-copy {
  min-height: 0 !important;
  height: auto !important;
  align-self: stretch !important;
}

body.page-id-455 .mds-perspective-image {
  position: relative !important;
  padding: 0 !important;
  overflow: hidden !important;
}

body.page-id-455 .mds-perspective-image > .vc_column-inner {
  position: relative !important;
  height: 100% !important;
  min-height: 100% !important;
  padding: 0 !important;
  overflow: hidden !important;
}

body.page-id-455 .mds-perspective-image .column-image-bg-wrap {
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
}

body.page-id-455 .mds-perspective-image .column-image-bg-wrap .inner-wrap,
body.page-id-455 .mds-perspective-image .column-image-bg {
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
}

body.page-id-455 .mds-perspective-image .column-image-bg {
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

body.page-id-455 .mds-perspective-image .wpb_wrapper,
body.page-id-455 .mds-perspective-image-space {
  height: 100% !important;
  min-height: 100% !important;
}

body.page-id-455 .mds-perspective-copy {
  display: block !important;
  padding: 0 !important;
  background: #fff !important;
}

body.page-id-455 .mds-perspective-copy > .vc_column-inner {
  min-height: 620px !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  padding: 76px 12% !important;
}

body.page-id-455 .mds-perspective-copy > .vc_column-inner > .wpb_wrapper {
  width: 100% !important;
  max-width: 660px !important;
  margin: 0 auto !important;
}

/* ---------------------------------------------------------
   FAQ
   Reduce the oversized boxed feeling and create consistent
   horizontal gutters inside the normal site content width.
   --------------------------------------------------------- */

body.page-id-455 .wpb_row:has(.mds-faq) {
  background: #fff !important;
  box-shadow: none !important;
  clip-path: none !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

body.page-id-455 .wpb_row:has(.mds-faq) > .row_col_wrap_12 {
  width: 100% !important;
  max-width: 1245px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 58px 5.5% 64px !important;
}

body.page-id-455 .mds-faq {
  width: 100% !important;
  padding: 0 !important;
  background: transparent !important;
}

body.page-id-455 .mds-faq > .vc_column-inner {
  padding: 0 !important;
}

body.page-id-455 .mds-faq .mds-eyebrow {
  margin: 0 0 18px !important;
}

body.page-id-455 .mds-faq-item summary {
  padding-top: 18px !important;
  padding-bottom: 18px !important;
}

/* ---------------------------------------------------------
   SECTION RHYTHM
   Prevent giant gaps between major bands.
   --------------------------------------------------------- */

body.page-id-455 .wpb_row:has(.mds-intro),
body.page-id-455 .wpb_row:has(.mds-for-you),
body.page-id-455 .wpb_row:has(.mds-benefits),
body.page-id-455 .wpb_row:has(> .row_col_wrap_12 > .mds-approach-copy),
body.page-id-455 .wpb_row:has(.mds-faq),
body.page-id-455 .wpb_row:has(.mds-final-cta) {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

@media (max-width: 999px) {
  body.page-id-455 .wpb_row:has(> .row_col_wrap_12 > .mds-perspective-copy) > .row_col_wrap_12 {
    display: block !important;
  }

  body.page-id-455 .mds-perspective-image,
  body.page-id-455 .mds-perspective-image > .vc_column-inner,
  body.page-id-455 .mds-perspective-image .wpb_wrapper,
  body.page-id-455 .mds-perspective-image-space {
    min-height: 420px !important;
    height: 420px !important;
  }

  body.page-id-455 .mds-perspective-copy > .vc_column-inner {
    min-height: 0 !important;
    padding: 54px 7% 60px !important;
  }

  body.page-id-455 .wpb_row:has(.mds-faq) > .row_col_wrap_12 {
    padding: 50px 7% 56px !important;
  }
}


/* =========================================================
   SUPERVISION v1.4 — MAGGIE APPROACH / TESTIMONIAL FIX
   Root cause: the testimonial content was wrapping too narrowly,
   making the equal-height row expand vertically.
   ========================================================= */

@media (min-width: 1000px) {

  body.page-id-455 .wpb_row:has(> .row_col_wrap_12 > .mds-approach-copy) > .row_col_wrap_12 {
    display: flex !important;
    align-items: center !important;
    min-height: 0 !important;
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }

  /* Rebalance the three columns so the testimonial has enough width. */
  body.page-id-455 .mds-approach-image {
    width: 34% !important;
    flex: 0 0 34% !important;
    padding: 0 24px 0 0 !important;
  }

  body.page-id-455 .mds-approach-copy {
    width: 39% !important;
    flex: 0 0 39% !important;
    padding: 0 34px !important;
  }

  body.page-id-455 .mds-testimonial {
    width: 27% !important;
    flex: 0 0 27% !important;
    padding: 0 0 0 18px !important;
  }

  body.page-id-455 .mds-approach-image img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: cover !important;
    object-position: center center !important;
  }

  body.page-id-455 .mds-testimonial blockquote {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 38px 34px !important;
    background: rgba(255,255,255,.68) !important;
    border-left: 4px solid var(--mds-teal) !important;
    color: var(--mds-deep-teal) !important;
    font-size: 18px !important;
    line-height: 1.48 !important;
    font-style: italic !important;
  }

  body.page-id-455 .mds-testimonial blockquote p {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: inherit !important;
    line-height: inherit !important;
  }

  body.page-id-455 .mds-testimonial footer {
    margin-top: 26px !important;
  }
}

/* Make sure the section never inherits an accidental giant minimum height. */
body.page-id-455 .wpb_row:has(> .row_col_wrap_12 > .mds-approach-copy),
body.page-id-455 .wpb_row:has(> .row_col_wrap_12 > .mds-approach-copy) > .row_col_wrap_12,
body.page-id-455 .mds-approach-image,
body.page-id-455 .mds-approach-copy,
body.page-id-455 .mds-testimonial {
  min-height: 0 !important;
}