.elementor-169 .elementor-element.elementor-element-45e4262{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-169 .elementor-element.elementor-element-99fbb8b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-169 .elementor-element.elementor-element-a269479{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-169 .elementor-element.elementor-element-1adfbcf{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-169 .elementor-element.elementor-element-d067dd0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-169 .elementor-element.elementor-element-5562c84{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-169 .elementor-element.elementor-element-b965d1a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-169 .elementor-element.elementor-element-098d4f5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-169 .elementor-element.elementor-element-ece2338{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-169 .elementor-element.elementor-element-c9a8e70{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-058b17b *//* ============== Brand Tokens (already in your site) ============== */
:root{
  --navy:#0B2149;
  --gold:#FFD972;
  --gold-deep:#D4AF37;
  --berry:#7C3A66;
  --rose:#D0555F;
  --ink:#1B1B1B;
  --text:#364152;
  --bg:#F9F9F6;
}

/* ============== Hero ============== */
.spp-hero{
  /* Navy base for consistency + subtle berry/rose glow */
  background:
    radial-gradient(1200px 600px at 85% 15%, rgba(124,58,102,.22), transparent 60%),
    radial-gradient(900px 480px at 0% 100%, rgba(208,85,95,.18), transparent 60%),
    var(--navy);
  color:#fff;
  overflow: clip;
}
.spp-wrap{
  max-width:1200px;
  margin:0 auto;
  padding: clamp(56px,6vw,90px) clamp(16px,4vw,28px);
  display:grid;
  grid-template-columns: 1.05fr 1fr; /* visual | copy */
  gap: clamp(20px,4vw,40px);
  align-items:center;
}

/* Visual card (optional) */
.spp-visual{
  margin:0; position:relative;
  border-radius:22px;
  padding: clamp(10px,1.4vw,14px);
  background: var(--gold-deep);
  box-shadow: 0 24px 42px rgba(11,33,73,.25);
}
.spp-visual img{
  display:block; width:100%; height:auto;
  border-radius:16px;
  border:8px solid rgba(0,0,0,.06);
}

/* Copy */
.spp-h1{
  margin:0 0 6px;
  font:700 clamp(28px,4.2vw,44px)/1.15 Montserrat, system-ui, sans-serif;
  color:#fff;
}
.spp-h2{
  margin:0 0 12px;
  font:600 clamp(22px,3.2vw,30px)/1.25 Montserrat, system-ui, sans-serif;
  color: var(--gold);
}
.spp-sub{
  margin:0 0 18px;
  font:400 clamp(15.5px,1.7vw,18px)/1.8 "Noto Sans", system-ui, sans-serif;
  color:#EAF1FF;
  max-width: 62ch;
}

/* CTAs */
.spp-ctas{ display:flex; gap:12px; flex-wrap:wrap; margin:10px 0 12px; }
.btn{
  display:inline-block; text-decoration:none; cursor:pointer;
  font:700 14px/1 Montserrat, system-ui, sans-serif;
  padding:14px 22px; border-radius:10px; transition:.25s ease;
  border:2px solid transparent; will-change: transform, box-shadow, background-color;
}
.btn-gold{
  background: var(--gold); color: var(--navy);
  box-shadow: 0 10px 20px rgba(0,0,0,.15);
}
.btn-gold:hover{ background:#f3cc4b; transform: translateY(-2px); }
.btn-ghost{
  background: transparent; color:#fff; border-color: rgba(255,255,255,.6);
}
.btn-ghost:hover{ background: rgba(255,255,255,.12); transform: translateY(-2px); }

/* Trust chips */
.spp-trust{
  margin:12px 0 0; padding:0; list-style:none;
  display:flex; gap:12px; flex-wrap:wrap; opacity:.95;
  font:500 13.5px/1.6 "Noto Sans", system-ui, sans-serif;
}
.spp-trust li{
  background: rgba(255,255,255,.10);
  padding:8px 12px; border-radius:999px; border:1px solid rgba(255,255,255,.18);
}

/* Responsive */
@media (max-width:1024px){
  .spp-wrap{ grid-template-columns:1fr; }
  .spp-visual{ order:2; max-width:640px; margin:2px auto 0; }
  .spp-copy{ order:1; text-align:center; }
  .spp-sub{ margin-inline:auto; }
  .spp-trust{ justify-content:center; }
}

/* Reduced motion */
@media (prefers-reduced-motion:reduce){
  .btn, .btn-gold:hover, .btn-ghost:hover{ transition:none; transform:none; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a9fe061 *//* ================= Overview Section ================= */
.spp-overview{
  background: var(--bg);
  padding: clamp(70px,6vw,100px) clamp(16px,4vw,28px);
  color: var(--text);
}
.spp-overview-wrap{
  max-width: 1000px;
  margin: 0 auto;
  text-align: center;
}
.spp-heading{
  font: 600 clamp(26px,3.6vw,40px)/1.2 Montserrat, sans-serif;
  color: var(--navy);
  margin-bottom: 8px;
}
.spp-line{
  display: inline-block;
  width: 80px;
  height: 4px;
  border-radius: 4px;
  background: var(--gold);
  margin-bottom: 28px;
}
.spp-content p{
  font: 400 17px/1.8 "Noto Sans", sans-serif;
  color: #5a5a5a;
  margin-bottom: 18px;
}
.spp-list{
  list-style: none;
  padding: 0;
  margin: 0 0 16px;
  text-align: left;
  max-width: 680px;
  margin-inline: auto;
}
.spp-list li{
  position: relative;
  margin: 8px 0;
  padding-left: 28px;
  font: 400 16px/1.8 "Noto Sans", sans-serif;
}
.spp-list li::before{
  content: "✓";
  position: absolute;
  left: 0; top: 0;
  color: var(--gold-deep);
  font-weight: 700;
}
.spp-summary{
  font: 400 16.5px/1.8 "Noto Sans", sans-serif;
  color: var(--navy);
  margin-top: 10px;
}
.gold{ color: var(--gold-deep); }

/* CTA */
.spp-overview .btn{
  margin-top: 28px;
  text-transform: uppercase;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e984e09 *//* ============ Brand tokens assumed already =============
:root{
  --navy:#0B2149; --gold:#FFD972; --gold-deep:#D4AF37;
  --berry:#7C3A66; --rose:#D0555F; --text:#364152; --bg:#F9F9F6;
}
*/

/* ============ Section 3: Key Highlights ============ */
.spp-highlights{
  background: var(--bg);
  padding: clamp(64px,6vw,96px) clamp(16px,4vw,28px);
  color: var(--text);
}
.spp-hl-wrap{ max-width: 1200px; margin: 0 auto; }

.spp-hl-head{ text-align: center; margin-bottom: clamp(22px,3vw,32px); }
.spp-hl-title{
  font: 600 clamp(26px,3.4vw,38px)/1.2 Montserrat, system-ui, sans-serif;
  color: var(--navy);
  margin: 0 0 8px;
}
.spp-hl-line{
  display:inline-block; width:88px; height:4px; border-radius:4px;
  background: var(--gold);
}

/* Grid */
.spp-hl-grid{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: clamp(14px,2vw,22px);
  margin-top: clamp(18px,2vw,24px);
}
@media (max-width: 1024px){
  .spp-hl-grid{ grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 560px){
  .spp-hl-grid{ grid-template-columns: 1fr; overflow-x: visible; }
}

/* Card */
.hl-card{
  background: #FFFFFF;
  border: 1px solid #E6EAF0;
  border-radius: 16px;
  padding: 20px 18px;
  box-shadow: 0 8px 22px rgba(11,33,73,.06);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.hl-card:hover{
  transform: translateY(-4px);
  box-shadow: 0 14px 30px rgba(11,33,73,.10);
  border-color: rgba(212,175,55,.45);
}

/* Icon badge */
.hl-ico{
  width: 44px; height: 44px; border-radius: 12px;
  display:grid; place-items:center; margin-bottom: 10px;
  background: #FFF6CC; border:1px solid rgba(212,175,55,.35);
  font-size: 22px; color: var(--navy);
}

/* Head & text */
.hl-head{
  font: 700 16.5px/1.3 Montserrat, system-ui, sans-serif;
  color: var(--navy); margin: 0 0 6px;
}
.hl-text{
  font: 400 15px/1.8 "Noto Sans", system-ui, sans-serif;
  color:#4B5563; margin:0;
}

/* Notes */
.spp-hl-notes{
  margin: clamp(16px,2.4vw,24px) 0 0;
  text-align: center;
  font: 400 13.5px/1.8 "Noto Sans", system-ui, sans-serif;
  color:#6B7280;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8a2b3e7 *//* ==============================
   BRAND TOKENS (ensure consistency)
============================== */
:root {
  --navy: #0B2149;
  --gold: #FFD972;
  --gold-deep: #D4AF37;
  --text: #364152;
  --bg: #F9F9F6;
}

/* ==============================
   SECTION BASE
============================== */
.spp-income {
  background: #fff;
  padding: clamp(64px, 6vw, 96px) clamp(16px, 4vw, 28px);
  color: var(--text);
}

.spp-income-wrap {
  max-width: 1100px;
  margin: 0 auto;
}

.spp-income-head {
  text-align: center;
  margin-bottom: 28px;
}

.spp-income-title {
  font: 600 clamp(26px, 3.4vw, 38px)/1.2 Montserrat, sans-serif;
  color: var(--navy);
  margin: 0 0 8px;
}

.spp-income-sub {
  font: 400 16px/1.8 "Noto Sans", sans-serif;
  color: #556273;
  margin: 0 0 10px;
}

.spp-income-line {
  display: inline-block;
  width: 84px;
  height: 4px;
  border-radius: 4px;
  background: var(--gold);
}

/* ==============================
   TABS — FIXED, REFINED LOOK
============================== */
.spp-tabs {
  display: flex;
  flex-direction: column;
  border-radius: 14px;
  border: 1px solid #E6EAF0;
  overflow: hidden;
  box-shadow: 0 10px 28px rgba(11, 33, 73, 0.06);
}

/* Hide radios */
.spp-tabs input[type="radio"] {
  display: none;
}

/* Tab labels */
.spp-tabs > label {
  flex: 1;
  cursor: pointer;
  font: 700 14px/1.2 Montserrat, sans-serif;
  color: var(--navy);
  background: #fafafa;
  border-bottom: 1px solid #E6EAF0;
  padding: 14px 20px;
  text-align: center;
  transition: all 0.25s ease;
  user-select: none;
}

.spp-tabs > label:first-of-type {
  border-right: 1px solid #E6EAF0;
}

/* Active tab highlight */
#tab-life:checked + label[for="tab-life"],
#tab-guaranteed:checked + label[for="tab-guaranteed"] {
  background: #fff;
  color: var(--navy);
  border-bottom: 2px solid var(--gold);
  box-shadow: inset 0 -3px 0 var(--gold);
  font-weight: 700;
}

/* Hover effect */
.spp-tabs > label:hover {
  background: #fffdf5;
}

/* ==============================
   PANEL STYLING
============================== */
.spp-panel {
  display: none;
  padding: clamp(24px, 3vw, 32px);
  background: #fff;
}

#tab-life:checked ~ #panel-life,
#tab-guaranteed:checked ~ #panel-guaranteed {
  display: block;
}

/* ==============================
   CARD STYLING INSIDE PANELS
============================== */
.spp-card {
  border: 1px solid #E6EAF0;
  border-radius: 12px;
  padding: clamp(20px, 2vw, 26px);
  background: #fff;
}

.spp-card-head {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 8px;
}

.spp-badge {
  background: #FFF6CC;
  color: var(--navy);
  border: 1px solid rgba(212, 175, 55, 0.4);
  padding: 8px 14px;
  border-radius: 999px;
  font: 700 12.5px/1.2 Montserrat, sans-serif;
}

.spp-card h3 {
  margin: 0;
  color: var(--navy);
  font: 600 20px/1.3 Montserrat, sans-serif;
}

.spp-card-list {
  list-style: none;
  margin: 10px 0 0;
  padding: 0;
  font: 400 16px/1.8 "Noto Sans", sans-serif;
  color: #4b5563;
}

.spp-card-list li {
  margin-bottom: 10px;
}

.spp-card-list em {
  font-style: normal;
  color: var(--navy);
  font-weight: 600;
}

/* “Good For” Note */
.spp-note {
  margin-top: 16px;
  background: #FFFDF6;
  border-left: 4px solid var(--gold);
  border-radius: 10px;
  padding: 14px 16px;
  font: 400 15px/1.8 "Noto Sans", sans-serif;
  color: #354154;
  box-shadow: 0 4px 12px rgba(11, 33, 73, 0.04);
}

/* ==============================
   CTA & Footer
============================== */
.spp-cta-row {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin-top: 22px;
  flex-wrap: wrap;
}

.btn {
  display: inline-block;
  padding: 14px 22px;
  border-radius: 10px;
  font: 700 14px/1 Montserrat, sans-serif;
  text-decoration: none;
  transition: 0.25s ease;
  border: 2px solid transparent;
}

.btn-gold {
  background: var(--gold);
  color: var(--navy);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.btn-gold:hover {
  background: #f5cc48;
  transform: translateY(-2px);
}

.btn-ghost {
  background: transparent;
  color: var(--navy);
  border-color: rgba(11, 33, 73, 0.25);
}

.btn-ghost:hover {
  background: rgba(11, 33, 73, 0.06);
  transform: translateY(-2px);
}

/* Discreet Note */
.spp-discreet {
  text-align: center;
  font: 400 13.5px/1.8 "Noto Sans", sans-serif;
  color: #6B7280;
  margin-top: 10px;
}

/* ==============================
   RESPONSIVE FIXES
============================== */
@media (max-width: 768px) {
  .spp-tabs {
    border-radius: 10px;
  }

  .spp-tabs > label {
    font-size: 13.5px;
    padding: 12px;
  }

  .spp-card h3 {
    font-size: 18px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1e9a551 *//* ===== Brand tokens (keep consistent across site) ===== */
:root{
  --navy:#0B2149;
  --gold:#FFD972;
  --gold-deep:#D4AF37;
  --text:#364152;
  --bg:#F9F9F6;
}

/* ===== Section base ===== */
.spp-how{
  background: var(--bg);
  padding: clamp(56px,6vw,88px) clamp(16px,4vw,28px);
  color: var(--text);
}
.how-wrap{ max-width:1100px; margin:0 auto; }

.how-head{ text-align:center; margin-bottom:28px; }
.how-title{
  margin:0 0 8px;
  font:600 clamp(26px,3.4vw,38px)/1.2 Montserrat,system-ui,sans-serif;
  color:var(--navy);
}
.how-sub{
  margin:0 8px 12px;
  font:400 16px/1.8 "Noto Sans",system-ui,sans-serif;
  color:#586579;
}
.how-line{
  display:inline-block; width:84px; height:4px; border-radius:4px;
  background:var(--gold);
}

/* ===== Stepper grid ===== */
.how-steps{
  display:grid;
  grid-template-columns: repeat(6, 1fr);
  gap: clamp(14px,2vw,18px);
  margin: 24px 0 16px;
  padding:0; list-style:none;
  position:relative;
}

/* Connector line on desktop */
@media (min-width: 900px){
  .how-steps::before{
    content:""; position:absolute; left:0; right:0; top:38px;
    height:2px; background:linear-gradient(90deg, #E8EDF4, #E8EDF4);
    z-index:0;
  }
}

.how-card{
  background:#fff;
  border:1px solid #E6EAF0;
  border-radius:14px;
  padding: clamp(16px,1.6vw,18px);
  box-shadow: 0 10px 24px rgba(11,33,73,.06);
  position:relative; z-index:1;
  display:flex; flex-direction:column; gap:6px;
  transition:transform .25s ease, box-shadow .25s ease;
}
.how-card:hover{
  transform: translateY(-3px);
  box-shadow: 0 16px 30px rgba(11,33,73,.10);
}

/* Number badge */
.step-num{
  width:40px; height:40px; display:grid; place-items:center;
  border-radius:999px;
  background:#FFF6CC;
  border:1px solid rgba(212,175,55,.45);
  color:var(--navy);
  font:700 15px/1 Montserrat,system-ui,sans-serif;
  box-shadow: 0 3px 8px rgba(11,33,73,.06);
  margin-bottom:6px;
}

/* Card text */
.how-card h3{
  margin:0;
  color:var(--navy);
  font:600 16.5px/1.35 Montserrat,system-ui,sans-serif;
}
.how-card p{
  margin:0;
  font:400 15px/1.7 "Noto Sans",system-ui,sans-serif;
  color:#4B5563;
}

/* Footer / CTAs */
.how-foot{ margin-top:18px; text-align:center; }
.how-note{
  display:inline-block;
  background:#fff;
  border:1px solid #E6EAF0;
  border-left:4px solid var(--gold);
  border-radius:10px;
  padding:10px 14px;
  font:400 14px/1.8 "Noto Sans",system-ui,sans-serif;
  color:#3E4A5A;
  box-shadow:0 6px 16px rgba(11,33,73,.06);
}
.how-ctas{ margin-top:14px; display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }

.btn{
  display:inline-block; text-decoration:none; cursor:pointer;
  font:700 14px/1 Montserrat,system-ui,sans-serif;
  padding:14px 22px; border-radius:10px; transition:.25s ease;
  border:2px solid transparent;
}
.btn-gold{ background:var(--gold); color:var(--navy); box-shadow:0 10px 20px rgba(0,0,0,.10); }
.btn-gold:hover{ background:#f5cc48; transform:translateY(-2px); }
.btn-ghost{ background:transparent; color:var(--navy); border-color:rgba(11,33,73,.25); }
.btn-ghost:hover{ background:rgba(11,33,73,.06); transform:translateY(-2px); }

/* ===== Responsive ===== */
@media (max-width: 1024px){
  .how-steps{ grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 640px){
  .how-steps{ grid-template-columns: 1fr; }
  .how-steps::before{ display:none; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f283271 *//* =============================
   SECTION 6 — Benefits
============================= */
:root{
  --navy:#0B2149;
  --gold:#FFD972;
  --gold-deep:#D4AF37;
  --text:#364152;
  --bg:#F9F9F6;
}

.spp-benefits{
  background:#fff;
  padding:clamp(56px,6vw,88px) clamp(16px,4vw,28px);
  color:var(--text);
}
.benefits-wrap{max-width:1100px;margin:0 auto;}

.benefits-head{text-align:center;margin-bottom:32px;}
.benefits-title{
  font:600 clamp(26px,3.4vw,38px)/1.25 Montserrat,system-ui,sans-serif;
  color:var(--navy);
  margin:0 0 8px;
}
.benefits-sub{
  font:400 16px/1.8 "Noto Sans",system-ui,sans-serif;
  color:#596273;
  margin:0 0 10px;
}
.benefits-line{
  display:inline-block;width:84px;height:4px;border-radius:4px;
  background:var(--gold);
}

/* ===== Grid layout ===== */
.benefits-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
  gap:clamp(20px,2.4vw,32px);
  margin-top:24px;
}

/* ===== Cards ===== */
.benefit-card{
  background:#fff;
  border:1px solid #E6EAF0;
  border-radius:14px;
  padding:clamp(20px,2vw,28px);
  box-shadow:0 10px 24px rgba(11,33,73,.06);
  transition:transform .25s ease,box-shadow .25s ease;
}
.benefit-card:hover{
  transform:translateY(-3px);
  box-shadow:0 16px 30px rgba(11,33,73,.08);
}
.benefit-card h3{
  color:var(--navy);
  font:600 18px/1.4 Montserrat,system-ui,sans-serif;
  margin:0 0 8px;
}
.benefit-card p{
  font:400 15.5px/1.8 "Noto Sans",system-ui,sans-serif;
  color:#4B5563;
  margin:0;
}
.benefit-card small{color:#6B7280;}

/* ===== List inside Death Benefit ===== */
.benefit-list{
  margin:10px 0 0;
  padding-left:18px;
  font:400 15.5px/1.8 "Noto Sans",system-ui,sans-serif;
  color:#4B5563;
}
.benefit-list li{margin-bottom:6px;}
.benefit-list strong{color:var(--navy);}

/* ===== Note Bar ===== */
.benefits-note{
  margin-top:24px;
  background:var(--navy);
  color:#fff;
  padding:12px 18px;
  border-radius:10px;
  font:400 14.5px/1.7 "Noto Sans",system-ui,sans-serif;
  box-shadow:0 6px 16px rgba(0,0,0,.08);
  text-align:center;
}
.benefits-note strong{color:var(--gold);}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ae83ae6 *//* ===== Brand tokens (already present on site; keep if needed) ===== */
:root{
  --navy:#0B2149;
  --gold:#FFD972;
  --gold-deep:#D4AF37;
  --text:#364152;
  --bg:#F9F9F6;
}

/* ===== Section shell ===== */
.spp-eligibility{
  background:var(--bg);
  padding:clamp(56px,6vw,88px) clamp(16px,4vw,28px);
  color:var(--text);
}
.elig-wrap{max-width:1100px;margin:0 auto;}

.elig-head{text-align:center;margin-bottom:28px;}
.elig-title{
  margin:0 0 6px;
  color:var(--navy);
  font:600 clamp(26px,3.2vw,36px)/1.25 Montserrat,system-ui,sans-serif;
}
.elig-sub{
  margin:0 0 10px;
  color:#617087;
  font:400 15.5px/1.8 "Noto Sans",system-ui,sans-serif;
}
.elig-line{display:inline-block;width:84px;height:4px;border-radius:4px;background:var(--gold);}

/* ===== Table (desktop) ===== */
.elig-table-wrap{
  background:#fff;
  border:1px solid #E6EAF0;
  border-radius:14px;
  box-shadow:0 10px 24px rgba(11,33,73,.06);
  overflow:hidden;
}
.elig-table{width:100%; border-collapse:separate; border-spacing:0;}
.elig-table thead th{
  background:linear-gradient(180deg,#0B2149 0%, #0b2149 100%);
  color:#fff;
  padding:14px 16px;
  text-align:left;
  font:600 14px/1.2 Montserrat,system-ui,sans-serif;
  position:sticky; top:0; z-index:1;
}
.elig-table tbody td{
  padding:14px 16px;
  font:400 15px/1.7 "Noto Sans",system-ui,sans-serif;
  color:#334155;
  border-top:1px solid #EEF2F6;
}
.elig-table tbody tr:nth-child(even){background:#FCFCFD;}
.elig-table tbody tr:hover{background:#FAFBFF;}

/* ===== Notes ===== */
.elig-notes{
  margin:14px 0 0; padding:12px 16px;
  list-style:none; background:#fff;
  border:1px dashed #E6EAF0; border-radius:10px;
  font:400 14px/1.8 "Noto Sans",system-ui,sans-serif;
  color:#4B5563;
}
.elig-notes li{margin:2px 0;}
.elig-notes strong{color:var(--navy);}

/* ===== Mobile card view (no horizontal scroll) ===== */
@media (max-width: 720px){
  .elig-table thead{display:none;}
  .elig-table tbody tr{
    display:grid;
    grid-template-columns:1fr;
    gap:8px;
    padding:14px;
    border-top:1px solid #EEF2F6;
  }
  .elig-table tbody td{
    display:flex; justify-content:space-between; align-items:flex-start;
    padding:6px 0; border:0;
    font:400 15px/1.7 "Noto Sans",system-ui,sans-serif;
  }
  .elig-table tbody td::before{
    content: attr(data-label);
    color:#6B7280;
    font:600 13px/1.2 Montserrat,system-ui,sans-serif;
    margin-right:14px;
  }
  .elig-table-wrap{border-radius:12px;}
}

/* Optional: subtle gold accent on first column */
@media (min-width:721px){
  .elig-table tbody td:first-child{
    font-weight:600; color:var(--navy);
    border-left:4px solid transparent;
  }
  .elig-table tbody tr:hover td:first-child{border-left-color:var(--gold);}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fafab8f *//* =============================
   SECTION 8 — Practical Extras
============================= */
:root{
  --navy:#0B2149;
  --gold:#FFD972;
  --text:#364152;
  --bg:#F9F9F6;
}

.spp-practical{
  background:var(--bg);
  padding:clamp(56px,6vw,88px) clamp(16px,4vw,28px);
  color:var(--text);
}
.pract-wrap{max-width:1100px;margin:0 auto;}
.pract-head{text-align:center;margin-bottom:30px;}
.pract-title{
  color:var(--navy);
  font:600 clamp(26px,3vw,36px)/1.25 Montserrat,system-ui,sans-serif;
  margin:0 0 6px;
}
.pract-sub{
  color:#5B6475;
  font:400 15.5px/1.8 "Noto Sans",system-ui,sans-serif;
  margin:0 0 12px;
}
.pract-line{
  display:inline-block;width:84px;height:4px;border-radius:4px;background:var(--gold);
}
.pract-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
  gap:clamp(18px,2vw,28px);
  margin-top:24px;
}
.pract-card{
  background:#fff;
  border:1px solid #E6EAF0;
  border-radius:14px;
  padding:clamp(18px,2vw,26px);
  box-shadow:0 10px 24px rgba(11,33,73,.06);
  transition:transform .25s ease, box-shadow .25s ease;
}
.pract-card:hover{
  transform:translateY(-3px);
  box-shadow:0 16px 30px rgba(11,33,73,.08);
}
.pract-card h3{
  color:var(--navy);
  font:600 16.5px/1.4 Montserrat,system-ui,sans-serif;
  margin:0 0 8px;
}
.pract-card p{
  margin:0;
  font:400 15px/1.7 "Noto Sans",system-ui,sans-serif;
  color:#4B5563;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f0a9802 *//* =============================
   SECTION 9 — Example
============================= */
.spp-example{
  background:#fff;
  padding:clamp(56px,6vw,88px) clamp(16px,4vw,28px);
  color:var(--text);
}
.example-wrap{max-width:900px;margin:0 auto;}
.example-head{text-align:center;margin-bottom:28px;}
.example-title{
  color:var(--navy);
  font:600 clamp(26px,3vw,36px)/1.25 Montserrat,system-ui,sans-serif;
  margin:0 0 6px;
}
.example-sub{
  color:#5A6475;
  font:400 15.5px/1.8 "Noto Sans",system-ui,sans-serif;
  margin:0 0 12px;
}
.example-line{
  display:inline-block;width:84px;height:4px;border-radius:4px;background:var(--gold);
}
.example-box{
  background:#fff;
  border:1px solid #E6EAF0;
  border-radius:14px;
  box-shadow:0 10px 24px rgba(11,33,73,.06);
  padding:clamp(22px,2vw,32px);
}
.example-box p{margin:0 0 10px;color:#3E4958;font:400 15.5px/1.8 "Noto Sans",system-ui,sans-serif;}
.example-points{margin:10px 0 16px;padding-left:18px;color:#444;line-height:1.8;}
.example-points li{margin-bottom:6px;font:400 15.5px/1.7 "Noto Sans",system-ui,sans-serif;}
.example-note{
  margin-top:12px;
  padding:10px 14px;
  background:#F9F9F6;
  border-left:4px solid var(--gold);
  border-radius:8px;
  font:400 14.5px/1.7 "Noto Sans",system-ui,sans-serif;
  color:#4B5563;
}
.example-ctas{
  margin-top:20px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap;
}
.btn{
  display:inline-block;text-decoration:none;cursor:pointer;
  font:700 14px/1 Montserrat,system-ui,sans-serif;
  padding:14px 22px;border-radius:10px;transition:.25s ease;
  border:2px solid transparent;
}
.btn-gold{background:var(--gold);color:var(--navy);box-shadow:0 10px 20px rgba(0,0,0,.10);}
.btn-gold:hover{background:#f4cc48;transform:translateY(-2px);}
.btn-ghost{background:transparent;color:var(--navy);border-color:rgba(11,33,73,.25);}
.btn-ghost:hover{background:rgba(11,33,73,.06);}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5fa43ba *//* =============================
   Brand tokens (ensure loaded)
============================= */
:root{
  --navy:#0B2149;
  --gold:#FFD972;
  --gold-deep:#D4AF37;
  --text:#364152;
  --bg:#F9F9F6;
}

/* =============================
   SECTION 10 — FAQs
============================= */
.spp-faqs{ background:#fff; padding:clamp(56px,6vw,88px) clamp(16px,4vw,28px); }
.faq-wrap{ max-width:900px; margin:0 auto; }
.faq-head{ text-align:center; margin-bottom:26px; }
.faq-title{ margin:0 0 6px; color:var(--navy); font:600 clamp(26px,3vw,36px)/1.2 Montserrat,sans-serif; }
.faq-sub{ margin:0 0 10px; color:#5B6475; font:400 15.5px/1.8 "Noto Sans",system-ui,sans-serif; }
.faq-line{ display:inline-block; width:84px; height:4px; border-radius:4px; background:var(--gold); }

.faq-accordion{ display:grid; gap:14px; }
.faq-item{ border:1px solid #E6EAF0; border-radius:12px; background:#fff; box-shadow:0 8px 18px rgba(11,33,73,.06); overflow:hidden; }
.faq-q{
  width:100%; text-align:left; display:flex; justify-content:space-between; align-items:center;
  gap:14px; padding:14px 16px; background:#FDFCF8;
  color:var(--navy); font:600 15.5px/1.3 Montserrat,sans-serif; border:0; cursor:pointer;
}
.faq-q:hover{ background:#FBF6E6; }
.faq-icon{ font-weight:700; }
.faq-a{ padding:12px 16px 16px; border-top:1px solid #EFEFEF; }
.faq-a p{ margin:6px 0 0; color:#3E4958; font:400 15px/1.8 "Noto Sans",system-ui,sans-serif; }

/* Toggle behaviour */
.faq-q[aria-expanded="true"] .faq-icon{ transform:rotate(45deg); }
.faq-q[aria-expanded="true"]{ background:#FFF7D1; }

/* =============================
   SECTION 11 — Why Praveen
============================= */
.spp-why{ background:var(--bg); padding:clamp(56px,6vw,88px) clamp(16px,4vw,28px); }
.why-wrap{ max-width:1100px; margin:0 auto; }
.why-head{ text-align:center; margin-bottom:24px; }
.why-title{ margin:0 0 6px; color:#0B2149; font:600 clamp(26px,3.2vw,36px)/1.2 Montserrat,sans-serif; }
.why-sub{ margin:0 0 10px; color:#5A6475; font:400 15.5px/1.8 "Noto Sans",system-ui,sans-serif; }
.why-line{ display:inline-block; width:84px; height:4px; border-radius:4px; background:var(--gold); }

.why-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:clamp(16px,2vw,24px); margin-top:16px; }
.why-card{
  background:#fff; border:1px solid #E6EAF0; border-radius:14px; padding:clamp(18px,2vw,24px);
  box-shadow:0 10px 22px rgba(11,33,73,.06); transition:.25s ease;
}
.why-card:hover{ transform:translateY(-3px); box-shadow:0 18px 32px rgba(11,33,73,.10); }
.why-card h3{ margin:0 0 6px; color:var(--navy); font:600 16.5px/1.35 Montserrat,sans-serif; }
.why-card p{ margin:0; color:#425066; font:400 15px/1.8 "Noto Sans",system-ui,sans-serif; }

.why-ctas{ margin-top:18px; display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }
.btn{
  display:inline-block; text-decoration:none; cursor:pointer;
  font:700 14px/1 Montserrat,system-ui,sans-serif; padding:14px 22px; border-radius:10px; transition:.25s ease; border:2px solid transparent;
}
.btn-gold{ background:var(--gold); color:var(--navy); box-shadow:0 10px 20px rgba(0,0,0,.10); }
.btn-gold:hover{ background:#f4cc48; transform:translateY(-2px); }
.btn-ghost{ background:transparent; color:var(--navy); border-color:rgba(11,33,73,.30); }
.btn-ghost:hover{ background:rgba(11,33,73,.06); transform:translateY(-2px); }

/* =============================
   SECTION 12 — Compliance
============================= */
.spp-legal{ background:#fff; padding:clamp(56px,6vw,88px) clamp(16px,4vw,28px); }
.legal-wrap{ max-width:1000px; margin:0 auto; }
.legal-head{ text-align:center; margin-bottom:16px; }
.legal-title{ margin:0 0 8px; color:var(--navy); font:600 clamp(24px,3vw,32px)/1.2 Montserrat,sans-serif; }
.legal-line{ display:inline-block; width:84px; height:4px; border-radius:4px; background:var(--gold); }

.legal-chips{
  margin:10px 0 12px; padding:0; list-style:none; display:flex; flex-wrap:wrap; gap:10px; justify-content:center;
}
.legal-chips .chip{
  background:#FFF7D1; color:var(--navy);
  border:1px solid rgba(212,175,55,.35); border-radius:999px; padding:8px 12px;
  font:600 13.5px/1 Montserrat,sans-serif;
}

.legal-note{
  margin:10px auto 14px; max-width:820px;
  background:#E9F1FF; color:#0B2149;
  border-left:4px solid var(--gold);
  border-radius:10px; padding:12px 14px;
  font:400 14.5px/1.8 "Noto Sans",system-ui,sans-serif;
}

.legal-card{
  background:#fff; border:1px solid #E6EAF0; border-radius:14px;
  padding:clamp(16px,2vw,22px); color:#3E4958;
  font:400 15px/1.8 "Noto Sans",system-ui,sans-serif;
  box-shadow:0 8px 18px rgba(11,33,73,.06);
}

.legal-need{ margin-top:18px; text-align:center; }
.need-title{ margin:10px 0 6px; color:var(--navy); font:600 18px/1.3 Montserrat,sans-serif; }
.need-list{
  margin:6px auto 12px; padding-left:18px; text-align:left; max-width:640px;
  color:#425066; font:400 15px/1.8 "Noto Sans",system-ui,sans-serif;
}
.need-ctas{ display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }/* End custom CSS */