.elementor-2838 .elementor-element.elementor-element-11c592d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-2838 .elementor-element.elementor-element-c1a8052{width:100%;max-width:100%;}.elementor-2838 .elementor-element.elementor-element-c1a8052 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-c1a8052 */:root{
    --gpl-gold:#d4af37;

    /* mental-health calm palette */
    --mh-teal:#2aa9a1;
    --mh-blue:#1f6feb;
    --mh-navy:#0b2a3a;
    --mh-green:#2fbf71;

    /* neutrals */
    --ink:#0f172a;
    --muted:#475569;
    --bg:#f6f7fb;
    --card:#ffffff;
    --line:#e5e7eb;

    /* accessibility */
    --focus: 0 0 0 3px rgba(31,111,235,.25);
    --radius: 16px;
    --shadow: 0 12px 30px rgba(15, 23, 42, .08);
  }

  .empoweru-wrap{ font-family: system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif; color:var(--ink); }
  .empoweru-wrap *{ box-sizing:border-box; }

  .emp-section{
    width:100%;
    padding: clamp(44px, 5vw, 84px) 0;
    background: var(--card);
  }
  .emp-section.is-alt{ background: var(--bg); }
  .emp-container{
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 20px;
  }

  .emp-kicker{
    display:inline-flex;
    align-items:center;
    gap:10px;
    font-weight:700;
    letter-spacing:.02em;
    color: var(--mh-navy);
    text-transform: uppercase;
    font-size: 12px;
  }
  .emp-dot{
    width:10px; height:10px; border-radius:999px;
    background: linear-gradient(135deg, var(--gpl-gold), var(--mh-teal));
    box-shadow: 0 6px 18px rgba(212,175,55,.25);
  }

  .emp-h1{
    font-size: clamp(56px, 9vw, 76px);
    line-height: 1.05;
    margin: 14px 0 10px;
    letter-spacing:-0.02em;
  }
  .emp-h2{
    font-size: clamp(26px, 3vw, 36px);
    line-height: 1.15;
    margin: 0 0 14px;
    letter-spacing:-0.015em;
  }
  .emp-h3{
    font-size: clamp(20px, 2.3vw, 26px);
    line-height: 1.2;
    margin: 0 0 10px;
  }
  .emp-sub{
    font-size: clamp(16px, 2vw, 20px);
    line-height: 1.55;
    color: var(--muted);
    margin: 0;
  }
  .emp-p{
    font-size: 16px;
    line-height: 1.7;
    color: var(--muted);
    margin: 0;
  }
  .emp-lead{
    font-size: 18px;
    line-height: 1.75;
    color: var(--muted);
    margin: 10px 0 0;
  }

  .emp-card{
    background: var(--card);
    border: 1px solid var(--line);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
  }
  .emp-card-pad{ padding: clamp(18px, 2.5vw, 28px); }

  .emp-grid{ display:grid; gap: 20px; }
  .emp-grid.two{ grid-template-columns: repeat(2, minmax(0,1fr)); }
  .emp-grid.three{ grid-template-columns: repeat(3, minmax(0,1fr)); }

  @media (max-width: 900px){
    .emp-grid.two, .emp-grid.three{ grid-template-columns: 1fr; }
  }

  .emp-badges{ display:flex; flex-wrap:wrap; gap:10px; margin-top:14px; }
  .emp-badge{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:10px 12px;
    border-radius:999px;
    border:1px solid var(--line);
    background: rgba(42,169,161,.08);
    color: var(--mh-navy);
    font-weight:650;
    font-size:14px;
  }
  .emp-badge i{
    width:10px; height:10px; border-radius:999px;
    background: var(--mh-teal);
    box-shadow: 0 6px 16px rgba(42,169,161,.25);
    display:inline-block;
  }

  .emp-list{ margin: 14px 0 0; padding-left: 18px; color: var(--muted); line-height:1.7; }
  .emp-list li{ margin: 8px 0; }
  .emp-list strong{ color: var(--ink); }

  .emp-divider{
    width: 86px; height: 6px; border-radius:999px;
    background: linear-gradient(90deg, var(--gpl-gold), var(--mh-teal), var(--mh-blue));
    margin: 14px 0 0;
  }

  .emp-btns{ display:flex; justify-content:center; flex-wrap:wrap; gap:14px; margin-top:22px; }
  .emp-btn{
    display:inline-flex; align-items:center; justify-content:center;
    padding: 14px 18px;
    border-radius: 14px;
    font-weight:800;
    text-decoration:none;
    border: 1px solid transparent;
    transition: transform .12s ease, box-shadow .12s ease, background .12s ease, border-color .12s ease;
    outline:none;
    min-width: 220px;
  }
  .emp-btn:focus{ box-shadow: var(--focus); }
  .emp-btn.primary{
    color: #0b1220;
    background: linear-gradient(135deg, var(--gpl-gold), #ffd775);
    box-shadow: 0 18px 38px rgba(212,175,55,.22);
  }
  .emp-btn.primary:hover{ transform: translateY(-1px); box-shadow: 0 24px 50px rgba(212,175,55,.26); }
  .emp-btn.secondary{
    color: var(--mh-navy);
    background: rgba(31,111,235,.08);
    border-color: rgba(31,111,235,.25);
  }
  .emp-btn.secondary:hover{ transform: translateY(-1px); background: rgba(31,111,235,.12); }

  /* HERO */
  .emp-hero{
    padding: clamp(54px, 7vw, 110px) 0;
    background:
      radial-gradient(900px 380px at 20% 20%, rgba(42,169,161,.22), transparent 60%),
      radial-gradient(900px 380px at 80% 30%, rgba(31,111,235,.20), transparent 60%),
      radial-gradient(700px 360px at 60% 80%, rgba(47,191,113,.14), transparent 60%),
      linear-gradient(180deg, #ffffff, var(--bg));
    position: relative;
    overflow: hidden;
  }
  .emp-hero .emp-container{ text-align:center; }
  .emp-hero .emp-h1 span{
    background: linear-gradient(90deg, var(--mh-navy), var(--mh-teal));
    -webkit-background-clip:text; background-clip:text; color:transparent;
  }
  .emp-hero-pill{
    display:inline-flex; align-items:center; gap:10px;
    padding: 10px 14px;
    border-radius:999px;
    border: 1px solid var(--line);
    background: rgba(255,255,255,.8);
    box-shadow: 0 10px 26px rgba(15,23,42,.06);
  }
  .emp-hero-pill b{ color: var(--mh-navy); }
  .emp-hero-note{
    margin: 18px auto 0;
    max-width: 920px;
    background: rgba(42,169,161,.08);
    border: 1px solid rgba(42,169,161,.22);
    border-radius: var(--radius);
    padding: 14px 16px;
    color: var(--mh-navy);
    font-weight:650;
  }

  /* IMAGE PLACEHOLDER */
  .emp-media{
    border-radius: var(--radius);
    border: 1px solid var(--line);
    overflow:hidden;
    background: linear-gradient(135deg, rgba(42,169,161,.12), rgba(31,111,235,.10));
    min-height: 320px;
    position: relative;
  }
  .emp-media .ph{
    position:absolute; inset:0;
    display:flex; align-items:center; justify-content:center;
    padding: 26px;
    text-align:center;
    color: rgba(11,42,58,.75);
    font-weight:800;
  }
  .emp-media small{
    display:block;
    font-weight:700;
    opacity:.85;
    margin-top:8px;
  }

  /* CALLOUT */
  .emp-callout{
    margin-top: 14px;
    padding: 16px 18px;
    border-radius: var(--radius);
    border: 1px solid rgba(212,175,55,.35);
    background: linear-gradient(135deg, rgba(212,175,55,.14), rgba(42,169,161,.08));
    color: var(--mh-navy);
    font-weight:700;
  }

  /* CTA DARK */
  .emp-cta{
    background:
      radial-gradient(700px 340px at 20% 30%, rgba(42,169,161,.22), transparent 65%),
      radial-gradient(700px 340px at 80% 40%, rgba(31,111,235,.18), transparent 65%),
      linear-gradient(180deg, #061a24, #071724);
    color: #fff;
  }
  .emp-cta .emp-sub, .emp-cta .emp-p{ color: rgba(255,255,255,.78); }
  .emp-cta .emp-divider{ opacity: .95; }


/* Full-width background image */
  .emp-hero.emp-hero--bg{
    position: relative;
    width: 100%;
    background-image: var(--hero-bg);
    background-size: cover;
    background-position: contain;
    background-repeat: no-repeat;
  }
  /* Optional overlay (delete if you want zero overlay) */
  .emp-hero.emp-hero--bg::before{
    content:"";
    position:absolute;
    inset:0;
    background: rgba(0,0,0,.45);
    pointer-events:none;
  }

  /* Keep content above overlay */
  .emp-hero.emp-hero--bg .emp-container{
    position: relative;
    z-index: 1;
  }
 

  /* Small helper styles for your added heading */
  .gplc-h3{
    margin: 6px 0 0;
    font-size: 22px;
    font-weight: 900;
    line-height: 1.2;
    color: #fff;
  }
  .gplc-gold{ color:#d4af37; }

  .emp-hero-note--cs{
    text-align: var(--cs-align, left);
  }
  .emp-hero-note--cs .emp-coming{
    display:block;
    margin-top: var(--cs-top, 8px);
    font-size: var(--cs-size, 32px);
    font-weight: var(--cs-weight, 900);
    letter-spacing: var(--cs-letter, .12em);
    color: var(--cs-color, #d4af37);
    text-transform: uppercase;
    line-height: 1.05;
  }
:root{
    /* adjust these 2 stops to match your Pathways green look */
    --pathways-green-1:#9cffc6;
    --pathways-green-2:#21b56a;
  }

  /* “Shaded letters” (like emp-h1 span style) */
  .emp-text-shade-green{
    font-weight: 900;
    background: linear-gradient(180deg, var(--pathways-green-1) 0%, var(--pathways-green-2) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent; /* required for the effect */
    color: transparent;

    /* optional: gives it that soft shaded pop like your H1 */
    text-shadow: 0 8px 18px rgba(0,0,0,.28);
  }

  /* Fallback for browsers that don't support background-clip:text */
  @supports not (-webkit-background-clip: text){
    .emp-text-shade-green{
      color: var(--pathways-green-2);
      text-shadow: none;
    }
  }/* End custom CSS */
/* Start custom CSS */.ph--media{
  position: relative;
  width: 100%;
  height: 580px;              /* adjust as needed */
  border-radius: 16px;
  overflow: hidden;
  background: #111;           /* fallback while loading */
}

.ph--media img{
  width: 100%;
  height: 100%;
  object-fit: cover;          /* key: fills area nicely */
  object-position: right;    /* adjust: center / top / 50% 30% etc */
  display: block;
}

.ph--media small{
  position: absolute;
  left: 14px;
  bottom: 12px;
  padding: 6px 10px;
  border-radius: 10px;
  background: rgba(0,0,0,.55);
  color: #fff;
  font-size: 13px;
  line-height: 1.2;
  max-width: calc(100% - 28px);
}

  /* Force the 2-col grid to be truly even */
  .emp-grid.two{
    display:grid !important;
    grid-template-columns: 1fr 1fr !important; /* 50/50 */
    gap: 28px !important;
    align-items: stretch !important;           /* equal height columns */
  }

  /* Make both column wrappers stretch */
  .emp-grid.two > .emp-media,
  .emp-grid.two > .emp-card{
    min-width: 0 !important;
    width: 100% !important;
    height: 100% !important;
  }

  /* If emp-card uses padding class, keep it but ensure full height */
  .emp-grid.two > .emp-card.emp-card-pad{
    display:flex !important;
    flex-direction: column !important;
  }

  /* IMPORTANT: your gplc-hero is currently a full-width hero block.
     Make it behave like a normal card inside the RIGHT column. */
  .emp-grid.two .gplc-hero{
    min-height: auto !important;
    padding: 0 !important;
    background: none !important;
    border-radius: 0 !important;
    overflow: visible !important;
  }
  .emp-grid.two .gplc-hero::before{ display:none !important; }

  /* Optional: if you want the right content to start at the same top line */
  .emp-grid.two .gplc-hero-content{
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    max-width: 100% !important;
  }

  /* Keep your image looking good while NOT breaking column sizing */
  .emp-grid.two .ph.ph--media{
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Mobile: stack */
  @media (max-width: 980px){
    .emp-grid.two{ grid-template-columns: 1fr !important; }
  }

  .emp-callout{
    border: 1px solid rgba(0,0,0,.08);
    background: rgba(212,175,55,.08);
    border-radius: 14px;
    padding: 14px 16px;
    line-height: 1.65;
  }

  /* Before the colon */
  .emp-callout__label{
    display: inline-block;
    font-weight: 900;
    color: #111;
    letter-spacing: -0.01em;
    margin-right: 8px;
  }

  /* After the colon */
  .emp-callout__text{
    color: #555;
    font-weight: 600;
  }/* End custom CSS */