/* =========================================================

   WEALTH WITH ARJUN PRASAD

   HOME LEARN SECTION — ISOLATED MODULE

   Namespace: .wwap-home-learn

   ========================================================= */



.wwap-home-learn,

.wwap-home-learn *,

.wwap-home-learn *::before,

.wwap-home-learn *::after{

  box-sizing:border-box;

}



.wwap-home-learn{

  position:relative;

  isolation:isolate;

  padding:80px 5%;

}



.wwap-home-learn .section-title{

  max-width:760px;

  margin:0 auto 35px;

  text-align:center;

}



.wwap-home-learn .section-title h2{

  margin:0;

}



.wwap-home-learn .section-title p{

  margin:14px auto 0;

}



.wwap-home-learn .cards{

  display:grid;

  grid-template-columns:repeat(4,minmax(0,1fr));

  gap:20px;

}



.wwap-home-learn .card{

  min-width:0;

}



@media(max-width:900px){

  .wwap-home-learn .cards{

    grid-template-columns:repeat(2,minmax(0,1fr));

  }

}



@media(max-width:600px){

  .wwap-home-learn{

    padding:52px 16px;

  }



  .wwap-home-learn .cards{

    grid-template-columns:1fr;

    gap:16px;

  }

}




/* =========================================================

   LEARN SECTION — CORPORATE PREMIUM DESIGN

   Fully isolated: .wwap-home-learn / .wwap-learn-*

   ========================================================= */



.wwap-home-learn{

  padding:100px 5%;

  background:

    radial-gradient(circle at 8% 12%, rgba(11,99,206,.07), transparent 28%),

    radial-gradient(circle at 92% 88%, rgba(11,99,206,.045), transparent 25%),

    linear-gradient(180deg,#f7faff 0%,#ffffff 100%);

}



.wwap-home-learn .wwap-learn-shell{

  width:min(1180px,100%);

  margin:0 auto;

}



.wwap-home-learn .section-title{

  max-width:780px;

  margin:0 auto 52px;

  text-align:center;

}



.wwap-home-learn .wwap-learn-kicker{

  display:inline-flex;

  align-items:center;

  padding:9px 14px;

  margin-bottom:20px;

  border:1px solid rgba(11,99,206,.14);

  border-radius:999px;

  background:rgba(255,255,255,.72);

  color:#0b63ce;

  font-size:.72rem;

  font-weight:800;

  letter-spacing:.12em;

  line-height:1;

}



.wwap-home-learn .section-title h2{

  margin:0;

  color:#0a1d35;

  font-size:clamp(2.2rem,4vw,3.65rem);

  line-height:1.08;

  letter-spacing:-.045em;

}



.wwap-home-learn .section-title h2 span{

  color:#0b63ce;

}



.wwap-home-learn .section-title p{

  max-width:680px;

  margin:20px auto 0;

  color:#607086;

  font-size:1.05rem;

  line-height:1.75;

}



.wwap-home-learn .cards{

  display:grid;

  grid-template-columns:repeat(4,minmax(0,1fr));

  gap:18px;

  position:relative;

}



.wwap-home-learn .card{

  position:relative;

  min-width:0;

  min-height:355px;

  padding:25px 24px 24px;

  border:1px solid rgba(15,43,77,.09);

  border-radius:22px;

  background:rgba(255,255,255,.9);

  box-shadow:0 12px 34px rgba(15,43,77,.055);

  overflow:hidden;

  transition:

    transform .25s ease,

    box-shadow .25s ease,

    border-color .25s ease;

}



.wwap-home-learn .card::before{

  content:"";

  position:absolute;

  left:0;

  top:0;

  width:100%;

  height:3px;

  background:linear-gradient(90deg,#0b63ce,rgba(11,99,206,.15));

  opacity:.75;

}



.wwap-home-learn .card:hover{

  transform:translateY(-7px);

  border-color:rgba(11,99,206,.2);

  box-shadow:0 22px 48px rgba(15,43,77,.11);

}



.wwap-home-learn .wwap-learn-card-top{

  display:flex;

  align-items:center;

  justify-content:space-between;

  gap:14px;

  margin-bottom:30px;

}



.wwap-home-learn .wwap-learn-step{

  color:#9aa9ba;

  font-size:.72rem;

  font-weight:800;

  letter-spacing:.14em;

}



.wwap-home-learn .icon{

  display:grid;

  place-items:center;

  width:46px;

  height:46px;

  border-radius:14px;

  background:linear-gradient(135deg,#0b63ce,#2d7ddd);

  color:#fff;

  font-size:.88rem;

  font-weight:800;

  box-shadow:0 10px 22px rgba(11,99,206,.2);

}



.wwap-home-learn .wwap-learn-label{

  margin-bottom:10px;

  color:#0b63ce;

  font-size:.68rem;

  font-weight:800;

  letter-spacing:.12em;

}



.wwap-home-learn .card h3{

  margin:0;

  color:#0a1d35;

  font-size:1.65rem;

  line-height:1.15;

  letter-spacing:-.025em;

}



.wwap-home-learn .card p{

  margin:15px 0 0;

  color:#66768a;

  font-size:.95rem;

  line-height:1.7;

}



.wwap-home-learn .wwap-learn-card-link{

  position:absolute;

  left:24px;

  bottom:24px;

  color:#0b63ce;

  font-size:.86rem;

  font-weight:750;

}



.wwap-home-learn .wwap-learn-footer{

  display:flex;

  align-items:center;

  justify-content:center;

  gap:10px;

  margin-top:34px;

  color:#66768a;

  text-align:center;

}



.wwap-home-learn .wwap-learn-footer-dot{

  width:8px;

  height:8px;

  flex:0 0 8px;

  border-radius:50%;

  background:#0b63ce;

  box-shadow:0 0 0 5px rgba(11,99,206,.08);

}



.wwap-home-learn .wwap-learn-footer p{

  margin:0;

  font-size:.92rem;

  line-height:1.6;

}



.wwap-home-learn .wwap-learn-footer strong{

  color:#0a1d35;

}



@media(max-width:1000px){



  .wwap-home-learn .cards{

    grid-template-columns:repeat(2,minmax(0,1fr));

  }



  .wwap-home-learn .card{

    min-height:320px;

  }



}



@media(max-width:600px){



  .wwap-home-learn{

    padding:64px 16px;

  }



  .wwap-home-learn .section-title{

    margin-bottom:34px;

  }



  .wwap-home-learn .section-title h2{

    font-size:clamp(2.15rem,11vw,3rem);

  }



  .wwap-home-learn .section-title p{

    font-size:1rem;

    line-height:1.7;

  }



  .wwap-home-learn .cards{

    grid-template-columns:1fr;

    gap:14px;

  }



  .wwap-home-learn .card{

    min-height:300px;

    padding:23px 21px;

    border-radius:19px;

  }



  .wwap-home-learn .wwap-learn-card-link{

    left:21px;

    bottom:22px;

  }



  .wwap-home-learn .wwap-learn-footer{

    align-items:flex-start;

    margin-top:28px;

  }



}






/* =========================================================

   LEARN SECTION — CORPORATE PREMIUM DESIGN

   Fully isolated: .wwap-home-learn / .wwap-learn-*

   ========================================================= */



.wwap-home-learn{

  padding:100px 5%;

  background:

    radial-gradient(circle at 8% 12%, rgba(11,99,206,.07), transparent 28%),

    radial-gradient(circle at 92% 88%, rgba(11,99,206,.045), transparent 25%),

    linear-gradient(180deg,#f7faff 0%,#ffffff 100%);

}



.wwap-home-learn .wwap-learn-shell{

  width:min(1180px,100%);

  margin:0 auto;

}



.wwap-home-learn .section-title{

  max-width:780px;

  margin:0 auto 52px;

  text-align:center;

}



.wwap-home-learn .wwap-learn-kicker{

  display:inline-flex;

  align-items:center;

  padding:9px 14px;

  margin-bottom:20px;

  border:1px solid rgba(11,99,206,.14);

  border-radius:999px;

  background:rgba(255,255,255,.72);

  color:#0b63ce;

  font-size:.72rem;

  font-weight:800;

  letter-spacing:.12em;

  line-height:1;

}



.wwap-home-learn .section-title h2{

  margin:0;

  color:#0a1d35;

  font-size:clamp(2.2rem,4vw,3.65rem);

  line-height:1.08;

  letter-spacing:-.045em;

}



.wwap-home-learn .section-title h2 span{

  color:#0b63ce;

}



.wwap-home-learn .section-title p{

  max-width:680px;

  margin:20px auto 0;

  color:#607086;

  font-size:1.05rem;

  line-height:1.75;

}



.wwap-home-learn .cards{

  display:grid;

  grid-template-columns:repeat(4,minmax(0,1fr));

  gap:18px;

  position:relative;

}



.wwap-home-learn .card{

  position:relative;

  min-width:0;

  min-height:355px;

  padding:25px 24px 24px;

  border:1px solid rgba(15,43,77,.09);

  border-radius:22px;

  background:rgba(255,255,255,.9);

  box-shadow:0 12px 34px rgba(15,43,77,.055);

  overflow:hidden;

  transition:

    transform .25s ease,

    box-shadow .25s ease,

    border-color .25s ease;

}



.wwap-home-learn .card::before{

  content:"";

  position:absolute;

  left:0;

  top:0;

  width:100%;

  height:3px;

  background:linear-gradient(90deg,#0b63ce,rgba(11,99,206,.15));

  opacity:.75;

}



.wwap-home-learn .card:hover{

  transform:translateY(-7px);

  border-color:rgba(11,99,206,.2);

  box-shadow:0 22px 48px rgba(15,43,77,.11);

}



.wwap-home-learn .wwap-learn-card-top{

  display:flex;

  align-items:center;

  justify-content:space-between;

  gap:14px;

  margin-bottom:30px;

}



.wwap-home-learn .wwap-learn-step{

  color:#9aa9ba;

  font-size:.72rem;

  font-weight:800;

  letter-spacing:.14em;

}



.wwap-home-learn .icon{

  display:grid;

  place-items:center;

  width:46px;

  height:46px;

  border-radius:14px;

  background:linear-gradient(135deg,#0b63ce,#2d7ddd);

  color:#fff;

  font-size:.88rem;

  font-weight:800;

  box-shadow:0 10px 22px rgba(11,99,206,.2);

}



.wwap-home-learn .wwap-learn-label{

  margin-bottom:10px;

  color:#0b63ce;

  font-size:.68rem;

  font-weight:800;

  letter-spacing:.12em;

}



.wwap-home-learn .card h3{

  margin:0;

  color:#0a1d35;

  font-size:1.65rem;

  line-height:1.15;

  letter-spacing:-.025em;

}



.wwap-home-learn .card p{

  margin:15px 0 0;

  color:#66768a;

  font-size:.95rem;

  line-height:1.7;

}



.wwap-home-learn .wwap-learn-card-link{

  position:absolute;

  left:24px;

  bottom:24px;

  color:#0b63ce;

  font-size:.86rem;

  font-weight:750;

}



.wwap-home-learn .wwap-learn-footer{

  display:flex;

  align-items:center;

  justify-content:center;

  gap:10px;

  margin-top:34px;

  color:#66768a;

  text-align:center;

}



.wwap-home-learn .wwap-learn-footer-dot{

  width:8px;

  height:8px;

  flex:0 0 8px;

  border-radius:50%;

  background:#0b63ce;

  box-shadow:0 0 0 5px rgba(11,99,206,.08);

}



.wwap-home-learn .wwap-learn-footer p{

  margin:0;

  font-size:.92rem;

  line-height:1.6;

}



.wwap-home-learn .wwap-learn-footer strong{

  color:#0a1d35;

}



@media(max-width:1000px){



  .wwap-home-learn .cards{

    grid-template-columns:repeat(2,minmax(0,1fr));

  }



  .wwap-home-learn .card{

    min-height:320px;

  }



}



@media(max-width:600px){



  .wwap-home-learn{

    padding:64px 16px;

  }



  .wwap-home-learn .section-title{

    margin-bottom:34px;

  }



  .wwap-home-learn .section-title h2{

    font-size:clamp(2.15rem,11vw,3rem);

  }



  .wwap-home-learn .section-title p{

    font-size:1rem;

    line-height:1.7;

  }



  .wwap-home-learn .cards{

    grid-template-columns:1fr;

    gap:14px;

  }



  .wwap-home-learn .card{

    min-height:300px;

    padding:23px 21px;

    border-radius:19px;

  }



  .wwap-home-learn .wwap-learn-card-link{

    left:21px;

    bottom:22px;

  }



  .wwap-home-learn .wwap-learn-footer{

    align-items:flex-start;

    margin-top:28px;

  }



}






/* LEARN HEADING — DESKTOP SINGLE LINE POLISH */

@media (min-width: 901px){



  .wwap-home-learn .section-title{

    max-width:1180px;

  }



  .wwap-home-learn .section-title h2{

    white-space:nowrap;

    font-size:clamp(2.6rem,4vw,4rem);

  }



}






/* ===== PREMIUM FINANCIAL LEARNING HEADING ===== */



.wwap-premium-learning-heading{

  margin:0 !important;

  line-height:1.05 !important;

  text-align:center !important;

}



.wwap-premium-learning-heading span{

  display:block !important;

}



.wwap-premium-learning-heading .wwap-heading-top{

  margin-bottom:8px;

  font-size:0.28em;

  font-weight:800;

  letter-spacing:0.22em;

  text-transform:uppercase;

  color:#7b8794;

}



.wwap-premium-learning-heading .wwap-heading-main{

  color:#1f2b3d;

  font-weight:800;

  letter-spacing:-0.035em;

}



.wwap-premium-learning-heading .wwap-heading-accent{

  margin-top:10px;

  font-size:0.72em;

  font-weight:800;

  color:#2f67aa;

  letter-spacing:-0.02em;

}



@media (max-width:768px){



  .wwap-premium-learning-heading .wwap-heading-top{

    font-size:0.32em;

    letter-spacing:0.16em;

    margin-bottom:7px;

  }



  .wwap-premium-learning-heading .wwap-heading-accent{

    margin-top:8px;

    font-size:0.70em;

  }



}






/* ===== SMART MONEY HEADING — PREMIUM COLOR SPLIT ===== */



.wwap-premium-learning-heading .wwap-heading-main{

  color:#1F3550 !important;

}



.wwap-premium-learning-heading .wwap-heading-accent{

  color:#C99018 !important;

}






/* ===== SMART MONEY HEADING — PREMIUM LEFT ALIGNED STYLE ===== */



.wwap-home-learn .section-title{

  max-width:970px !important;

  margin:0 auto 42px !important;

  text-align:left !important;

  align-items:flex-start !important;

}



.wwap-home-learn .wwap-learn-kicker{

  display:inline-flex !important;

  width:auto !important;

  margin:0 0 14px !important;

}



.wwap-home-learn .wwap-premium-learning-heading{

  width:100% !important;

  margin:0 0 14px !important;

  text-align:left !important;

  line-height:1.08 !important;

}



.wwap-home-learn .wwap-premium-learning-heading .wwap-heading-main,

.wwap-home-learn .wwap-premium-learning-heading .wwap-heading-accent{

  display:inline !important;

}



.wwap-home-learn .wwap-premium-learning-heading .wwap-heading-main{

  color:#1F3550 !important;

}



.wwap-home-learn .wwap-premium-learning-heading .wwap-heading-accent{

  color:#C99018 !important;

  margin-left:14px !important;

}



.wwap-home-learn .section-title > p{

  max-width:650px !important;

  margin:0 !important;

  text-align:left !important;

}



@media (max-width:768px){



  .wwap-home-learn .section-title{

    margin-bottom:30px !important;

  }



  .wwap-home-learn .wwap-premium-learning-heading .wwap-heading-main,

  .wwap-home-learn .wwap-premium-learning-heading .wwap-heading-accent{

    display:block !important;

  }



  .wwap-home-learn .wwap-premium-learning-heading .wwap-heading-accent{

    margin-left:0 !important;

  }



}






/* ===== SMART MONEY + PLATFORM LIVE — FINAL PREMIUM LAYOUT ===== */



.wwap-home-learn .wwap-learn-heading-row{

  width:100%;

  display:flex !important;

  align-items:center !important;

  justify-content:space-between !important;

  gap:24px !important;

  margin-bottom:12px !important;

}



.wwap-home-learn .wwap-learn-kicker{

  margin:0 !important;

}



.wwap-platform-live{

  display:inline-flex;

  align-items:center;

  gap:8px;

  padding:10px 16px;

  border-radius:12px;

  background:#1F3550;

  color:#ffffff;

  font-size:11px;

  font-weight:800;

  letter-spacing:1px;

  white-space:nowrap;

  box-shadow:0 8px 22px rgba(31,53,80,.16);

}



.wwap-platform-live-dot{

  width:7px;

  height:7px;

  border-radius:50%;

  background:#35c76f;

  box-shadow:0 0 0 4px rgba(53,199,111,.10);

  flex:0 0 7px;

}



/* Refined heading size */

.wwap-home-learn .wwap-premium-learning-heading{

  font-size:48px !important;

  line-height:1.12 !important;

  letter-spacing:-1.6px !important;

  margin:0 0 14px !important;

}



.wwap-home-learn .section-title > p{

  margin:0 !important;

}



@media (max-width:768px){



  .wwap-home-learn .wwap-learn-heading-row{

    align-items:flex-start !important;

    gap:14px !important;

  }



  .wwap-platform-live{

    padding:8px 11px;

    font-size:9px;

    letter-spacing:.7px;

  }



  .wwap-platform-live-dot{

    width:6px;

    height:6px;

    flex-basis:6px;

  }



  .wwap-home-learn .wwap-premium-learning-heading{

    font-size:36px !important;

    line-height:1.15 !important;

    letter-spacing:-.8px !important;

  }



}






/* ===== FINAL: SMART MONEY + PLATFORM LIVE ===== */



.wwap-home-learn .wwap-learn-heading-row{

  width:100%;

  display:flex !important;

  align-items:center !important;

  justify-content:space-between !important;

  gap:24px !important;

  margin:0 0 12px !important;

}



.wwap-home-learn .wwap-learn-kicker{

  margin:0 !important;

}



.wwap-home-learn .wwap-platform-live{

  display:inline-flex !important;

  align-items:center !important;

  gap:8px !important;

  padding:10px 16px !important;

  border-radius:12px !important;

  background:#1F3550 !important;

  color:#ffffff !important;

  font-size:11px !important;

  font-weight:800 !important;

  letter-spacing:1px !important;

  white-space:nowrap !important;

  line-height:1 !important;

}



.wwap-home-learn .wwap-platform-live-dot{

  width:7px !important;

  height:7px !important;

  border-radius:50% !important;

  background:#35c76f !important;

  flex:0 0 7px !important;

}



/* Refined heading size */

.wwap-home-learn .wwap-premium-learning-heading{

  font-size:48px !important;

  line-height:1.12 !important;

  letter-spacing:-1.6px !important;

  margin:0 0 14px !important;

}



.wwap-home-learn .section-title > p{

  margin:0 !important;

}



@media (max-width:768px){



  .wwap-home-learn .wwap-learn-heading-row{

    gap:12px !important;

    align-items:flex-start !important;

  }



  .wwap-home-learn .wwap-platform-live{

    padding:8px 11px !important;

    font-size:9px !important;

    letter-spacing:.7px !important;

  }



  .wwap-home-learn .wwap-platform-live-dot{

    width:6px !important;

    height:6px !important;

    flex-basis:6px !important;

  }



  .wwap-home-learn .wwap-premium-learning-heading{

    font-size:36px !important;

    line-height:1.15 !important;

    letter-spacing:-.8px !important;

  }



}






/* ===== SMART MONEY HEADING — COMPACT GAP FIX ===== */



.wwap-home-learn .wwap-premium-learning-heading .wwap-heading-accent{

  margin-left:8px !important;

}






/* ===== PLATFORM LIVE — REFINED POSITION ===== */



.wwap-home-learn .wwap-learn-heading-row{

  justify-content:flex-start !important;

}



.wwap-home-learn .wwap-platform-live{

  margin-left:320px !important;

}



@media (max-width:1100px){

  .wwap-home-learn .wwap-platform-live{

    margin-left:auto !important;

  }

}



@media (max-width:768px){

  .wwap-home-learn .wwap-platform-live{

    margin-left:auto !important;

  }

}






/* WWAP — Hide Smart Money card action links */

.wwap-learn-card-link{

  display:none!important;

}




/* WWAP — FINAL COMPACT SMART MONEY CARDS */

.wwap-home-learn .card{

  min-height:0!important;

  height:auto!important;

}



.wwap-home-learn .wwap-learn-card-link{

  display:none!important;

}




/* WWAP — FINAL DESKTOP BOTTOM SPACING */

@media (min-width:1001px){

  .wwap-home-learn{

    padding-bottom:55px!important;

  }

}