/* ROOT */ 
:root {
      --green: #00c47a;
      --green-dark: #009960;
      --green-accessible: #006B44;
      --green-light: #E6FAF3;
      --navy: #0b1f3b;
      --slate: #3D5166;
      --gray: #576878;
      --light: #F7FAFB;
      --white: #ffffff;
      --border: #E2EBF0;
      --font: 'Segoe UI', system-ui, -apple-system, sans-serif;
      --shadow: 0 4px 24px rgba(13, 27, 42, .08);
      --shadow-md: 0 8px 40px rgba(13, 27, 42, .12);
    }
body{overflow-x: hidden;}
/* RESET */
* { box-sizing: border-box; margin: 0; padding: 0; }
a { text-decoration: none; color: inherit; }
.accordion-header{border: none;width: 100%;text-align: left;}
/* SKIP LINK */
.skip-link {
  position: absolute;
  top: -100%;
  left: 0;
  background: #0D1B2A;
  color: #fff;
  padding: 12px 20px;
  font-weight: 700;
  z-index: 9999;
}
.skip-link:focus { top: 0; }
.container{max-width: 1170px;margin: 0 auto;}
/* NAV */
.th-nav {
  position: sticky;
  top: 0;
  z-index: 500;
  background: rgba(255,255,255,.97);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid #e2ebf0;
  height: 68px;
  display: flex;
  align-items: center;
}

.th-nav-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1160px;
  margin: auto;
  padding: 0 5%;
}

.th-logo {
  font-size: 1.45rem;
  font-weight: 900;
  color: #0D1B2A;
}

.th-nav-links {
  display: flex;
  gap: 1.8rem;
  font-size: .9rem;
}

.th-nav-links a {
  color: #3D5166;
}
.th-nav-links a:hover {
  color: #006B44;
}

.th-nav-ctas {
  display: flex;
  gap: 10px;
}

.th-btn-portal {
  border: 1px solid #e2ebf0;
  padding: 9px 18px;
  border-radius: 8px;
}

.th-btn-cta {
  background: #006B44;
  color: #fff;
  padding: 10px 22px;
  border-radius: 8px;
}

/* HAMBURGER */
.th-hamburger {
  display: none;
  border: 1px solid #e2ebf0;
  padding: 8px;
  cursor: pointer;
  flex-direction: column;
  gap: 5px;
}

.th-hamburger span {
  width: 20px;
  height: 2px;
  background: #0D1B2A;
}

/* MOBILE NAV */
.th-mobile-nav {
  display: none;
  position: fixed;
  top: 68px;
  left: 0;
  right: 0;
  background: #fff;
  padding: 16px 5%;
  flex-direction: column;
}

.th-mobile-nav.open { display: flex; }

.th-mobile-nav a {
  padding: 12px 0;
  border-bottom: 1px solid #e2ebf0;
}

.th-mobile-ctas {
  display: flex;
  gap: 10px;
  margin-top: 12px;
}

/* RESPONSIVE */
@media(max-width:900px) {
  .th-nav-links,
  .th-nav-ctas {
    display: none;
  }
  .th-hamburger {
    display: flex;
  }
  .th-mobile-ctas a,
.th-mobile-ctas a { 
    min-width: auto !important; 
    padding: 0 8px !important;
}
.table-responisve{overflow-x: auto;}
}

/* header end  */

/* FOOTER BASE */
 /* ===============================
   FOOTER BASE
================================= */
footer {
  background: #0B1F2A;
  color: rgba(255,255,255,0.8);
  padding: 60px 20px 30px;
  font-family: system-ui, -apple-system, sans-serif;
}

.footer-grid {
  display: grid;
   
  max-width: 1200px;
  margin: 0 auto 40px;
       
    grid-template-columns: 2fr 1fr 1fr 1.5fr;
    gap: 48px;
    margin-bottom: 48px;
}

/* ===============================
   BRAND
================================= */
.footer-brand .logo {
  font-size: 1.4rem;
  font-weight: 800;
  color: #fff;
  text-decoration: none;
}

.footer-brand p {
  font-size: 0.9rem;
  line-height: 1.6;
  margin: 14px 0;
}

/* badges */
.footer-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.f-badge {
  font-size: 0.72rem;
  padding: 4px 10px;
  border-radius: 6px;
  background: rgba(0,196,122,0.15);
  border: 1px solid rgba(0,196,122,0.35);
  color: #00C47A;text-transform: uppercase;
    letter-spacing: .04em;font-weight: 700;;
}

/* ===============================
   COLUMNS
================================= */
.footer-col h3 {
  color: #fff;
  font-size: 0.85rem;
  font-weight: 800;
  margin-bottom: 14px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.footer-col ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer-col li {
  margin-bottom: 6px;
}
 
footer a:hover {
      color: var(--green) !important;
}


.footer-col a {
  font-size: 0.88rem;
  color: rgba(255,255,255,0.75);
  text-decoration: none;
  transition: 0.2s;
}

.footer-col a:hover {
  color: #00C47A;
}

/* ===============================
   CONTACT
================================= */
.footer-contact p {
  font-size: 0.85rem;
  margin-bottom: 8px;
}

/* ===============================
   SOCIAL ICONS
================================= */
.footer-social {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.footer-social a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: rgba(0,196,122,0.15);
  border: 1px solid rgba(0,196,122,0.3);
  color: #00C47A;
  text-decoration: none;
  transition: 0.2s;
}

.footer-social a:hover {
  background: #00C47A;
  color: #fff;
}

/* ===============================
   FOOTER BOTTOM
================================= */
.footer-bottom {
  border-top: 1px solid rgba(255,255,255,0.1);
  margin-top: 20px;
  padding-top: 16px;

  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;

  font-size: 0.8rem;
    max-width: 1160px;
    margin-left: auto;
    margin-right: auto;
}

.footer-bottom-links {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
    
}

.footer-bottom-links a {
  color: rgba(255,255,255,0.6);
  text-decoration: none;
}

.footer-bottom-links a:hover {
  color: #00C47A;
}

/* ===============================
   COMPLIANCE
================================= */
.footer-compliance {
  margin-top: 30px;
  font-size: 0.78rem;
  line-height: 1.6;
  color: rgba(255,255,255,0.7);
}

.footer-compliance p {
  margin-bottom: 10px;
}
.footer-compliance {
      border-top: 1px solid rgba(255, 255, 255, .08);
      margin-top: 20px;
      padding-top: 20px;
      display: flex;
      flex-direction: column;
      gap: 10px
    }

    .footer-compliance p {
      font-size: .76rem;
      color: rgba(255, 255, 255, .72) !important;
      line-height: 1.65;
      margin: 0
    }

    .footer-compliance p strong {
      color: rgba(255, 255, 255, .9)
    }

/* ===============================
   DISCLAIMER
================================= */
.footer-disclaimer {
  margin-top: 20px;
  padding-top: 15px;
  border-top: 1px solid rgba(255,255,255,0.1);
  font-size: 0.75rem;
  color: rgba(255,255,255,0.6);
  line-height: 1.5;
}

/* ===============================
   POPUP OVERLAY
================================= */
.th-popup-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.55);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

.th-popup-overlay.active {
  display: flex;
}

/* ===============================
   POPUP BOX
================================= */
.th-popup {
  background: #fff;
  border-radius: 12px;
  max-width: 420px;
  width: 90%;
  padding: 26px;
  text-align: center;
  position: relative;
  box-shadow: 0 20px 60px rgba(0,0,0,0.25);
}

/* close button */
.th-popup-close {
  position: absolute;
  top: 10px;
  right: 10px;
  border: none;
  background: transparent;
  font-size: 18px;
  cursor: pointer;
}

/* icon */
.th-popup-icon {
  font-size: 26px;
  display: block;
  margin-bottom: 10px;
}

/* badge */
.th-popup-badge {
  font-size: 0.72rem;
  font-weight: 700;
  margin-bottom: 10px;
  color: #006B44;
}

.th-popup-badge-dot {
  display: inline-block;
  width: 6px;
  height: 6px;
  background: #00C47A;
  border-radius: 50%;
  margin-right: 6px;
}

/* title */
.th-popup h2 {
  font-size: 1.4rem;
  margin-bottom: 10px;
}

/* body */
.th-popup-body {
  font-size: 0.9rem;
  color: #444;
  line-height: 1.6;
}

/* buttons */
.th-popup-actions {
  display: flex;
  gap: 10px;
  justify-content: center;
  margin: 16px 0;
}

.th-popup-btn-primary {
  background: #00C47A;
  color: #fff;
  padding: 10px 14px;
  border-radius: 8px;
  text-decoration: none;
  font-size: 0.85rem;
}

.th-popup-btn-secondary {
  background: #f1f5f8;
  border: none;
  padding: 10px 14px;
  border-radius: 8px;
  cursor: pointer;
}

/* note */
.th-popup-note {
  font-size: 0.75rem;
  color: #666;
}

/* ===============================
   POPUP SOCIAL
================================= */
.th-popup-social p {
  font-size: 0.78rem;
  color: #576878;
  margin-bottom: 10px;
  font-weight: 600;
  text-transform: uppercase;
}

.th-popup-social-links {
  display: flex;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
}

.th-popup-social-links a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #E6FAF3;
  border: 1px solid #b0e8d0;
  color: #006B44;
  padding: 8px 14px;
  border-radius: 8px;
  font-size: 0.78rem;
  font-weight: 700;
  text-decoration: none;
}

/* ===============================
   RESPONSIVE
================================= */
@media (max-width: 900px) {
  .footer-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 550px) {
  .footer-grid {
    grid-template-columns: 1fr;
  }

  .footer-bottom {
    flex-direction: column;
    align-items: flex-start;
  }
}


    /* ── SKIP LINK ── */
    .skip-link {
      position: absolute;
      top: -100%;
      left: 0;
      background: #0D1B2A;
      color: #fff;
      padding: 12px 20px;
      font-weight: 700;
      font-size: 1rem;
      z-index: 9999;
      border-radius: 0 0 8px 0;
      text-decoration: none
    }

    .skip-link:focus {
      top: 0
    }

    /* ── FOCUS INDICATORS ── */
    :focus {
      outline: 3px solid #006B44;
      outline-offset: 3px;
      border-radius: 4px
    }

    :focus-visible {
      outline: 3px solid #006B44;
      outline-offset: 3px;
      border-radius: 4px
    }

    :focus:not(:focus-visible) {
      outline: none
    }

    a:focus,
    button:focus {
      outline: 3px solid #006B44;
      outline-offset: 3px;
      border-radius: 4px
    }

    /* ── SR ONLY ── */
    .sr-only {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      white-space: nowrap;
      border: 0
    }

    /* ── REDUCED MOTION ── */
    @media(prefers-reduced-motion:reduce) {
      html {
        scroll-behavior: auto
      }

      * {
        transition: none !important;
        animation: none !important
      }
    }

    /* ── HAMBURGER ── */
    .th-hamburger {
      display: none;
      background: none;
      border: 2px solid #E2EBF0;
      border-radius: 8px;
      padding: 8px 10px;
      cursor: pointer;
      flex-direction: column;
      gap: 5px;
      min-width: 44px;
      min-height: 44px;
      align-items: center;
      justify-content: center
    }

    .th-hamburger span {
      display: block;
      width: 20px;
      height: 2px;
      background: #0D1B2A;
      border-radius: 2px;
      transition: transform .3s, opacity .3s
    }

    .th-hamburger[aria-expanded="true"] span:nth-child(1) {
      transform: translateY(7px) rotate(45deg)
    }

    .th-hamburger[aria-expanded="true"] span:nth-child(2) {
      opacity: 0
    }

    .th-hamburger[aria-expanded="true"] span:nth-child(3) {
      transform: translateY(-7px) rotate(-45deg)
    }

    .th-mobile-nav {
      display: none;
      position: fixed;
      top: 68px;
      left: 0;
      right: 0;
      background: rgba(255, 255, 255, .98);
      border-bottom: 1px solid #E2EBF0;
      padding: 16px 5% 24px;
      flex-direction: column;
      gap: 4px;
      z-index: 9998;
      box-shadow: 0 8px 24px rgba(0, 0, 0, .1)
    }

    .th-mobile-nav.open {
      display: flex
    }

    .th-mobile-nav a {
      color: #3D5166;
      font-size: 1rem;
      font-weight: 500;
      padding: 12px 0;
      border-bottom: 1px solid #E2EBF0;
      display: flex;
      align-items: center;
      min-height: 44px;
      background: transparent !important;
      text-decoration: none
    }

    .th-mobile-nav a:last-child {
      border-bottom: none
    }

    .th-mobile-nav a:hover {
      color: #00C47A
    }

    .th-mobile-ctas {
      display: flex;
      gap: 10px;
      margin-top: 12px;
      flex-wrap: wrap
    }

    .th-mobile-ctas a {
      flex: 1;
      text-align: center;
      min-width: 140px;
      justify-content: center
    }

    /* ── RESPONSIVE NAV ── */
    @media(max-width:700px) {
      .th-nav-links {
        display: none !important
      }

      .th-nav-ctas {
        display: none !important
      }

      .th-hamburger {
        display: flex !important
      }
    }

    @media(max-width:768px) {
      .th-nav-links {
        display: none !important
      }

      .th-nav-ctas {
        display: none !important
      }

      .th-hamburger {
        display: flex !important
      }
    }

    @media(max-width:900px) {
      .th-nav-links {
        display: none !important
      }

      .th-nav-ctas {
        display: none !important
      }

      .th-hamburger {
        display: flex !important
      }
    }

    /* ── FOOTER RESPONSIVE ── */
    @media(max-width:900px) {
      .th-footer-grid {
        grid-template-columns: 1fr 1fr !important
      }
    }

    @media(max-width:600px) {
      .th-footer-grid {
        grid-template-columns: 1fr !important
      }
    }

    /* ── CTA POPUP OVERLAY ── */
    .th-popup-overlay {
      display: none;
      position: fixed;
      inset: 0;
      background: rgba(13, 27, 42, .72);
      z-index: 9999;
      align-items: center;
      justify-content: center;
      padding: 20px;
      backdrop-filter: blur(4px)
    }

    .th-popup-overlay.open {
      display: flex
    }

    .th-popup {
      background: #fff;
      border-radius: 20px;
      padding: 40px 36px;
      max-width: 480px;
      width: 100%;
      text-align: center;
      position: relative;
      box-shadow: 0 24px 64px rgba(13, 27, 42, .25);
      animation: popupIn .25s ease
    }

    @keyframes popupIn {
      from {
        opacity: 0;
        transform: translateY(16px)
      }

      to {
        opacity: 1;
        transform: translateY(0)
      }
    }

    .th-popup-close {
      position: absolute;
      top: 14px;
      right: 16px;
      background: none;
      border: none;
      cursor: pointer;
      font-size: 1.4rem;
      color: #576878;
      min-width: 44px;
      min-height: 44px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 8px;
      line-height: 1
    }

    .th-popup-close:hover {
      background: #F7FAFB;
      color: #0D1B2A
    }

    .th-popup-icon {
      font-size: 2.8rem;
      margin-bottom: 16px;
      display: block
    }

    .th-popup h2 {
      font-size: 1.35rem;
      font-weight: 900;
      color: #0D1B2A;
      margin-bottom: 10px;
      letter-spacing: -.02em;
      line-height: 1.25
    }

    .th-popup h2 em {
      color: #00C47A;
      font-style: normal
    }

    .th-popup-body {
      font-size: .95rem;
      color: #3D5166;
      line-height: 1.72;
      margin-bottom: 24px
    }

    .th-popup-body strong {
      color: #0D1B2A
    }

    .th-popup-badge {
      display: inline-flex;
      align-items: center;
      gap: 7px;
      background: #E6FAF3;
      border: 1px solid #b0e8d0;
      color: #006B44;
      padding: 6px 14px;
      border-radius: 100px;
      font-size: .78rem;
      font-weight: 700;
      margin-bottom: 20px
    }

    .th-popup-badge-dot {
      width: 7px;
      height: 7px;
      border-radius: 50%;
      background: #00C47A;
      animation: popupPulse 1.8s ease-in-out infinite
    }

    @keyframes popupPulse {

      0%,
      100% {
        opacity: 1;
        transform: scale(1)
      }

      50% {
        opacity: .4;
        transform: scale(.75)
      }
    }

    .th-popup-actions {
      display: flex;
      flex-direction: column;
      gap: 10px
    }

    .th-popup-btn-primary {
      background: #006B44;
      color: #fff;
      padding: 14px 28px;
      border-radius: 10px;
      font-weight: 800;
      font-size: .95rem;
      text-decoration: none;
      display: flex;
      align-items: center;
      justify-content: center;
      min-height: 44px;
      transition: background .2s, transform .15s;
      border: none;
      cursor: pointer;
      width: 100%
    }

    .th-popup-btn-primary:hover {
      background: #009960;
      transform: translateY(-1px)
    }

    .th-popup-btn-secondary {
      background: transparent;
      color: #006B44;
      padding: 12px 28px;
      border-radius: 10px;
      font-weight: 700;
      font-size: .88rem;
      text-decoration: none;
      display: flex;
      align-items: center;
      justify-content: center;
      min-height: 44px;
      border: 2px solid #E2EBF0;
      transition: all .2s;
      cursor: pointer;
      width: 100%
    }

    .th-popup-btn-secondary:hover {
      border-color: #00C47A;
      background: #E6FAF3
    }

    .th-popup-note {
      font-size: .75rem;
      color: #9AAAB8;
      margin-top: 12px;
      line-height: 1.5
    }

    @media(max-width:480px) {
      .th-popup {
        padding: 32px 24px
      }

      .th-popup h2 {
        font-size: 1.2rem
      }
    }

    @media(prefers-reduced-motion:reduce) {
      .th-popup {
        animation: none
      }

      .th-popup-badge-dot {
        animation: none
      }
    }

    /* ── TORIVEN NAV ── */
    .skip-link {
      position: absolute;
      top: -100%;
      left: 0;
      background: #0D1B2A;
      color: #fff;
      padding: 12px 20px;
      font-weight: 700;
      font-size: 1rem;
      z-index: 9999;
      border-radius: 0 0 8px 0;
      text-decoration: none
    }

    .skip-link:focus {
      top: 0
    }

    .th-nav {
      position: sticky;
      top: 0;
      z-index: 500;
      background: rgba(255, 255, 255, .97);
      backdrop-filter: blur(12px);
      border-bottom: 1px solid #e2ebf0;
      height: 68px;
      display: flex;
      align-items: center;
      width: 100%
    }

    .th-nav-inner {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%;
      max-width: 1160px;
      margin: 0 auto;
      padding: 0 5%
    }

    .th-logo {
      font-family: 'Fraunces', Georgia, serif;
      font-size: 1.45rem;
      font-weight: 900;
      color: #0D1B2A;
      text-decoration: none;
      letter-spacing: -.02em;
      flex-shrink: 0
    }

    .th-logo sup {
      font-size: .55em;
      vertical-align: super
    }

    .th-nav-links {
      display: flex;
      align-items: center;
      gap: 1.8rem;
      font-size: .9rem;
      font-weight: 500
    }

    .th-nav-links a {
      color: #3D5166;
      text-decoration: none;
      transition: color .2s;
      white-space: nowrap
    }

    .th-nav-links a:hover {
      color: #006B44
    }

    .th-nav-ctas {
      display: flex;
      align-items: center;
      gap: 10px;
      flex-shrink: 0
    }

    .th-btn-portal {
      background: transparent;
      color: #0D1B2A;
      border: 1.5px solid #e2ebf0;
      padding: 9px 18px;
      border-radius: 8px;
      font-size: .88rem;
      font-weight: 600;
      text-decoration: none;
      transition: all .2s;
      white-space: nowrap
    }

    .th-btn-portal:hover {
      border-color: #006B44;
      color: #006B44
    }

    .th-btn-cta {
      background: #006B44;
      color: #fff;
      padding: 10px 22px;
      border-radius: 8px;
      font-size: .88rem;
      font-weight: 700;
      text-decoration: none;
      transition: background .2s, transform .15s;
      box-shadow: 0 2px 12px rgba(0, 107, 68, .25);
      white-space: nowrap
    }

    .th-btn-cta:hover {
      background: #005538;
      transform: translateY(-1px)
    }

    .th-hamburger {
      display: none;
      background: none;
      border: 1.5px solid #e2ebf0;
      border-radius: 8px;
      padding: 8px 10px;
      cursor: pointer;
      flex-direction: column;
      gap: 5px;
      min-width: 44px;
      min-height: 44px;
      align-items: center;
      justify-content: center
    }

    .th-hamburger span {
      display: block;
      width: 20px;
      height: 2px;
      background: #0D1B2A;
      border-radius: 2px;
      transition: transform .3s, opacity .3s
    }

    .th-hamburger[aria-expanded="true"] span:nth-child(1) {
      transform: translateY(7px) rotate(45deg)
    }

    .th-hamburger[aria-expanded="true"] span:nth-child(2) {
      opacity: 0
    }

    .th-hamburger[aria-expanded="true"] span:nth-child(3) {
      transform: translateY(-7px) rotate(-45deg)
    }

    .th-mobile-nav {
      display: none;
      position: fixed;
      top: 68px;
      left: 0;
      right: 0;
      background: rgba(255, 255, 255, .98);
      border-bottom: 1px solid #e2ebf0;
      padding: 16px 5% 24px;
      flex-direction: column;
      gap: 4px;
      z-index: 9998;
      box-shadow: 0 8px 24px rgba(0, 0, 0, .1)
    }

    .th-mobile-nav.open {
      display: flex
    }

    .th-mobile-nav a {
      color: #3D5166;
      font-size: 1rem;
      font-weight: 500;
      padding: 12px 0;
      border-bottom: 1px solid #e2ebf0;
      display: flex;
      align-items: center;
      min-height: 44px;
      text-decoration: none
    }

    .th-mobile-nav a:last-child {
      border-bottom: none
    }

    .th-mobile-ctas {
      display: flex;
      gap: 10px;
      margin-top: 12px;
      flex-wrap: wrap
    }

    .th-mobile-ctas a {
      flex: 1;
      min-width: 140px;
      text-align: center;
      justify-content: center
    }

    @media(max-width:900px) {
      .th-nav-links {
        display: none !important
      }

      .th-nav-ctas {
        display: none !important
      }

      .th-hamburger {
        display: flex !important
      }
    }

    /* ── END NAV ── */
    .footer-disclaimer {
      border-top: 1px solid rgba(255, 255, 255, .08);
      margin-top: 16px;
      padding-top: 16px
    }

    .footer-disclaimer p {
      font-size: .72rem;
      color: rgba(255, 255, 255, .6) !important;
      line-height: 1.6;
      margin: 0
    }
.footer-col ul li a {
    font-size: .85rem;
    color: rgba(255, 255, 255, .75) !important;
    transition: color .2s;
    text-decoration: none;
}
.footer-col ul li a:hover {
    color: var(--green) !important;
}
    /* ═══ END FOOTER OVERRIDE ═══ */

    .footer-brand p {
    font-size: 0.9rem;
    line-height: 1.6;
    margin: 14px 0;
}
.footer-brand .logo {
    font-size: 1.4rem;
    font-weight: 800;
    color: #fff;
    text-decoration: none;
}

.footer-disclaimer p {
    font-size: .72rem;
    color: rgba(255, 255, 255, .3);
    line-height: 1.6;
    margin: 0;
}
.footer-disclaimer {
    background: rgba(0, 0, 0, .3);
    margin: 20px -5% 0;
    padding: 16px 5%;
}
 .footer-compliance {
      border-top: 1px solid rgba(255, 255, 255, .08);
      margin-top: 20px;
      padding-top: 20px;
      display: flex;
      flex-direction: column;
      gap: 10px
    }

    .footer-bottom {
      border-top: 1px solid rgba(255, 255, 255, .1);
      padding-top: 24px;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center;
      gap: 12px;
      font-size: .78rem;
      color: rgba(255, 255, 255, .6) !important;
    }

    .footer-bottom a {
      color: rgba(255, 255, 255, .6) !important;
    }

    .footer-bottom a:hover {
      color: var(--green)
    }

    .footer-legal {
      display: flex;
      gap: 20px
    }
/* ================================
   ESCALATION PATHWAY COMPONENT
================================ */

.escalation-box {
  margin-top: 28px;
  background: var(--lgray);
  border: 1px solid var(--border);
  border-radius: 14px;
  padding: 24px 28px;

  display: flex;
  gap: 20px;
  align-items: flex-start;
}

/* ICON */

.escalation-icon {
  font-size: 1.6rem;
  flex-shrink: 0;
  margin-top: 2px;
}

/* CONTENT */

.escalation-content {
  flex: 1;
}

/* LABEL */

.escalation-label {
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--green-accessible);
  margin-bottom: 6px;
}

/* HEADING */

.escalation-heading {
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--navy);
  margin-bottom: 6px;
}

/* TEXT */

.escalation-text {
  font-size: 0.86rem;
  color: var(--slate);
  line-height: 1.65;
  margin-bottom: 14px;
}

/* LINK */

.escalation-link {
  color: var(--green-accessible);
  font-weight: 600;
  text-decoration: underline;
}

.escalation-link:hover {
  text-decoration: none;
}

/* BUTTONS */

.escalation-buttons {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

.btn-primary {
  display: inline-block;
  background: var(--navy);
  color: #fff;
  padding: 9px 20px;
  border-radius: 8px;
  font-weight: 700;
  font-size: 0.83rem;
  text-decoration: none;
  transition: 0.25s ease;
}

.btn-primary:hover {
  opacity: 0.9;
}

.btn-primary:focus {
  outline: 3px solid var(--green-accessible);
  outline-offset: 2px;
}

/* ================================
   RESPONSIVE DESIGN
================================ */

/* Tablet */

@media (max-width: 768px) {

  .escalation-box {
    padding: 20px;
    gap: 16px;
  }

  .escalation-heading {
    font-size: 0.92rem;
  }

  .escalation-text {
    font-size: 0.84rem;
  }
  .pricing-note{flex-direction: column;}

}

/* Mobile */

@media (max-width: 480px) {

  .escalation-box {
    flex-direction: column;
    align-items: flex-start;
  }

  .escalation-icon {
    font-size: 1.4rem;
  }

  .escalation-buttons {
    width: 100%;
    flex-direction: column;
  }

  .btn-primary {
    width: 100%;
    text-align: center;
  }

}
/* =================================
   NEUROPSYCHOLOGICAL CTA CARD
================================= */

.neuro-wrapper {
  max-width: 1160px;
  margin: 0 auto;
  padding: 24px 5% 0;
}

/* CARD */

.neuro-card {
  background: linear-gradient(
    135deg,
    #0D1B2A 0%,
    #0a2a1e 100%
  );

  border-radius: 16px;
  padding: 28px 32px;

  display: flex;
  gap: 24px;
  align-items: flex-start;
}

/* ICON */

.neuro-icon {
  font-size: 2rem;
  flex-shrink: 0;
  margin-top: 2px;
}

/* CONTENT */

.neuro-content {
  flex: 1;
}

/* LABEL */

.neuro-label {
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: #00C47A;
  margin-bottom: 8px;
}

/* HEADING */

.neuro-heading {
  font-family: 'Fraunces', Georgia, serif;
  font-size: 1.1rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 8px;
}

/* TEXT */

.neuro-text {
  font-size: 0.88rem;
  color: rgba(255, 255, 255, 0.68);
  line-height: 1.65;
  margin-bottom: 16px;
}

/* HIGHLIGHT */

.neuro-highlight {
  color: #fff;
}

.Sessions-top-fee{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:36px;max-width:840px}
/* BUTTON */

.neuro-btn {
  display: inline-block;
  background: var(--green-accessible);
  color: #fff;
  padding: 11px 24px;
  border-radius: 8px;
  font-weight: 700;
  font-size: 0.88rem;
  text-decoration: none;
  transition: 0.25s ease;
}

.neuro-btn:hover {
  opacity: 0.92;
}

.neuro-btn:focus {
  outline: 3px solid #fff;
  outline-offset: 2px;
}

/* ================================
   RESPONSIVE
================================ */

/* Tablet */

@media (max-width: 768px) {

  .neuro-card {
    padding: 24px;
    gap: 18px;
  }

  .neuro-heading {
    font-size: 1.05rem;
  }

  .neuro-text {
    font-size: 0.86rem;
  }
.cta-link{min-width: 120px;}
.Sessions-top-fee{grid-template-columns:1fr;gap:15px;margin-top:25px;}
}

/* Mobile */

@media (max-width: 480px) {

  .neuro-card {
    flex-direction: column;
    padding: 22px;
  }

  .neuro-icon {
    font-size: 1.8rem;
  }

  .neuro-btn {
    width: 100%;
    text-align: center;
  }

}
.payement-section p a{ text-decoration: underline;text-underline-offset: 2px;}
.payement-section p a:hover,
.payement-section p a:focus {
  text-decoration-thickness: 2px;
  /* outline: 2px solid #006B44; */
  outline-offset: 2px;
}

/* Optional: visited state */
.payement-section p a:visited {
  text-decoration: underline;
}
    .hero-breadcrumb{display:flex;align-items:center;gap:6px;font-size:.75rem;
 font-weight:500;color:rgba(255,255,255,.35);margin-bottom:10px;flex-wrap:wrap}
.hero-breadcrumb a{color:rgba(255,255,255,.45);transition:color .2s;text-decoration:none}
.hero-breadcrumb a:hover{color:#00C47A}
.hero-breadcrumb .sep{opacity:.35}
.hero-breadcrumb .crumb-current{color:rgba(255,255,255,.55);font-weight:600}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
}
.why-join .section-title span, .roles-section .section-title span, .apply-section .section-title span{    color: var(--green-accessible);}
.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.faq-q{border: none;width: 100%;text-align: left;}
/* GRID */

.stages-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
  margin-top:40px;
}

/* RESPONSIVE — prevents 200% zoom layout break */

@media (max-width: 992px){
  .stages-grid{
    grid-template-columns:repeat(2,1fr);
  }
}

@media (max-width: 600px){
  .stages-grid{
    grid-template-columns:1fr;
  }
}

/* CARD */

.stage-card{
  background:#fff;
  border:1px solid var(--border);
  border-radius:16px;
  padding:28px 24px;
  transition:border-color .25s, box-shadow .25s;
  height:100%;
}

/* Hover (mouse users) */

.stage-card:hover{
  border-color:var(--green);
  box-shadow:0 4px 20px rgba(0,196,122,.12);
}

/* Keyboard users */

.stage-card:focus,
.stage-card:focus-within{
  border-color:var(--green);
  box-shadow:0 4px 20px rgba(0,196,122,.12);
  outline:3px solid transparent;
}

/* ICON */

.stage-icon{
  font-size:2rem;
  margin-bottom:14px;
}

/* TITLE */

.stage-title{
  font-size:1rem;
  font-weight:700;
  color:var(--navy);
  margin-bottom:8px;
}

/* TEXT */

.stage-text{
  font-size:.86rem;
  color:var(--gray);
  line-height:1.65;
}
.book-free-btn{display:inline-block;margin-top:16px;background:var(--green-accessible);color:#fff;padding:12px 24px;border-radius:8px;font-weight:700;font-size:.88rem;transition:background .2s}
.book-free-btn:hover{background: var(--green);}
.feels-heavy{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.parent-notice-list{background:#fff;border:1px solid var(--border);border-radius:12px;padding:14px 18px;display:flex;align-items:flex-start;gap:12px;transition:border-color .2s,box-shadow .2s;}
.parent-notice-list:hover{box-shadow: 0 4px 16px rgba(0,196,122,.1);border-color: var(--green-accessible);}
.impact-family-list{background:#fff;border:1px solid var(--border);border-radius:14px;padding:22px 24px;display:flex;gap:16px;align-items:flex-start;transition:border-color .25s,box-shadow .25s}
.impact-family-list:hover{box-shadow: 0 4px 16px rgba(0,196,122,.1);border-color: var(--green-accessible);}
.Impact-sec{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}

.life-stages{background:#fff;border:1px solid var(--border);border-radius:16px;padding:28px 24px;transition:border-color .25s,box-shadow .25s}
.life-stages:hover{border-color:var(--green-accessible) ;box-shadow: 0 4px 20px rgba(0,196,122,.12);}
.seek_support{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.callout_col{display:flex;align-items:center;justify-content:space-between;gap:32px;}

.th-popup{    max-height: 100%;
    overflow-y: auto;}
 @media(max-width:1200px) {
  .th-nav{padding: 0 5% !important;}
  .th-nav-inner{padding: 0 !important;}
  .th-nav-links {gap: 1.2rem !important;}
 }
 .mob-cta{display:none;position:fixed;bottom:0;left:0;right:0;z-index:300;background:#fff;border-top:1px solid var(--border);padding:12px 16px;box-shadow:0 -4px 20px rgba(0,0,0,.1)}
.mob-cta a{display:block;background:var(--green);color:#fff;text-align:center;padding:14px;border-radius:10px;font-weight:700;font-size:.95rem}
@media(max-width:900px) {       
  .footer-bottom-links{gap: 8px;justify-content: center;} 
  .trust-bar{ gap: 5px !important;}
  .trust-item{ padding: 6px 10px !important;}
  .feels-heavy{gap:40px;}
  .Impact-sec{gap:56px; }   
  }
@media(max-width:767px) {
  .seek_support{grid-template-columns:1fr;}
  .feels-heavy{gap:40px;grid-template-columns:1fr;}
  .Impact-sec{gap:40px;grid-template-columns:1fr;}
  .callout_col{flex-direction: column;}
  .accordion-header{flex-wrap: wrap !important;}
  .accordion-header .acc-chevron{position: absolute;right: 10px;;}
}
@media(max-width:700px){
      .mob-cta{
        display: block;
    }
}