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

   WEALTH WITH ARJUN PRASAD

   HOME ABOUT SECTION — ISOLATED MODULE



   Namespace: .wwap-home-about

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



.wwap-home-about,

.wwap-home-about *,

.wwap-home-about *::before,

.wwap-home-about *::after{

  box-sizing:border-box;

}



.about {

      background: white;

    }

.wwap-home-about .about-box {

      max-width: 1100px;

      margin: auto;

      display: grid;

      grid-template-columns: 1fr 1fr;

      gap: 50px;

      align-items: center;

    }

.wwap-home-about .about-box {

        grid-template-columns: 1fr;

      }

.wwap-home-about h2 {

      font-size: 40px;

      color: #071b35;

      margin-bottom: 18px;

    }

.wwap-home-about p {

      color: #68758a;

      margin-bottom: 15px;

      font-size: 17px;

    }

.wwap-home-about .quote-box {

      background: #071b35;

      color: white;

      padding: 45px;

      border-radius: 20px;

    }

.wwap-home-about .quote-box{box-shadow:0 18px 45px rgba(7,27,53,.15)}

.wwap-home-about .quote-box{padding:32px 25px}

.wwap-home-about .quote-box h3 {

      color: #f4c542;

      font-size: 30px;

      margin-bottom: 15px;

    }

.wwap-home-about .quote-box p {

      color: #dbe7f5;

    }

.wwap-home-about .about-mf-cta-title{

  color:#f4c542 !important;

  margin-bottom:12px !important;

}



.wwap-home-about .about-mf-cta-text{

  color:#fff !important;

  line-height:1.65 !important;

}



.wwap-home-about .about-mf-cta-arn{

  color:#fff !important;

  margin:12px 0 !important;

}



.wwap-home-about .about-mf-cta-button{

  display:inline-block !important;

  margin-top:8px !important;

  padding:11px 18px !important;

  border-radius:10px !important;

  background:#f4c542 !important;

  color:#071b35 !important;

  text-decoration:none !important;

  font-weight:700 !important;

}



@media(max-width:600px){

  .wwap-home-about .about-mf-cta-button{

    width:auto !important;

    max-width:100% !important;

    box-sizing:border-box !important;

  }

}

.wwap-home-about .about-mf-cta-title{

  font-size:26px !important;

  line-height:1.25 !important;

  letter-spacing:-0.2px !important;

  margin:0 0 14px !important;

}



.wwap-home-about .about-mf-cta-text{

  font-size:16px !important;

  line-height:1.65 !important;

  margin:0 0 14px !important;

  max-width:470px !important;

}



.wwap-home-about .about-mf-cta-arn{

  font-size:16px !important;

  margin:12px 0 18px !important;

}



.wwap-home-about .about-mf-cta-button{

  padding:12px 20px !important;

  border-radius:11px !important;

  font-size:15px !important;

  transition:transform .2s ease, box-shadow .2s ease !important;

  box-shadow:0 6px 16px rgba(0,0,0,.12) !important;

}



.wwap-home-about .about-mf-cta-button:hover{

  transform:translateY(-2px) !important;

  box-shadow:0 9px 20px rgba(0,0,0,.18) !important;

}



@media(max-width:600px){

  .wwap-home-about .about-mf-cta-title{

    font-size:23px !important;

  }



  .wwap-home-about .about-mf-cta-text{

    font-size:15px !important;

  }



  .wwap-home-about .about-mf-cta-button{

    padding:11px 17px !important;

  }

}

/* Final visual alignment — no calculator/PDF changes */

.wwap-home-about{

  padding-top:64px !important;

  padding-bottom:64px !important;

}



.wwap-home-about .about-content,

.wwap-home-about .about-grid{

  align-items:center !important;

}



.wwap-home-about .about-mf-cta-title{

  font-size:25px !important;

  line-height:1.28 !important;

  margin-bottom:13px !important;

}



.wwap-home-about .about-mf-cta-text{

  line-height:1.6 !important;

  margin-bottom:13px !important;

}



.wwap-home-about .about-mf-cta-arn{

  margin-top:12px !important;

  margin-bottom:17px !important;

}



.wwap-home-about .about-mf-cta-button{

  min-height:46px !important;

  display:inline-flex !important;

  align-items:center !important;

  justify-content:center !important;

  box-sizing:border-box !important;

}



@media(max-width:600px){

  .wwap-home-about{

    padding-top:48px !important;

    padding-bottom:48px !important;

  }



  .wwap-home-about .about-mf-cta-title{

    font-size:23px !important;

  }

}

/* Align left About content with the CTA card */

.wwap-home-about .about-grid > :first-child{

  transform:translateY(-28px) !important;

}



/* Keep mobile layout natural */

@media(max-width:600px){

  .wwap-home-about .about-grid > :first-child{

    transform:none !important;

  }

}



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

   HOME ABOUT — CORPORATE PREMIUM POLISH

   Fully isolated to: .wwap-home-about

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



.wwap-home-about{

  position:relative;

  isolation:isolate;

  padding:100px 5%;

  background:

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

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

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

}



.wwap-home-about *,

.wwap-home-about *::before,

.wwap-home-about *::after{

  box-sizing:border-box;

}



.wwap-home-about .about-box{

  position:relative;

  width:100%;

  max-width:1180px;

  margin:0 auto;

  padding:52px;

  overflow:hidden;

  background:

    linear-gradient(135deg,rgba(255,255,255,.98),rgba(247,250,255,.96));

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

  border-radius:28px;

  box-shadow:

    0 24px 60px rgba(15,43,77,.08),

    inset 0 1px 0 rgba(255,255,255,.8);

}



.wwap-home-about .about-box::before{

  content:"";

  position:absolute;

  top:0;

  left:0;

  width:100%;

  height:4px;

  background:linear-gradient(

    90deg,

    transparent,

    #0b63ce 20%,

    rgba(11,99,206,.35) 70%,

    transparent

  );

}



.wwap-home-about .about-box h2{

  margin:0 0 20px;

  color:#0a1d35;

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

  line-height:1.08;

  letter-spacing:-.04em;

}



.wwap-home-about .about-box p{

  max-width:900px;

  color:#66768a;

  font-size:1rem;

  line-height:1.8;

}



.wwap-home-about .about-content{

  position:relative;

  z-index:1;

}



.wwap-home-about .about-grid{

  display:grid;

  grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);

  gap:28px;

  align-items:stretch;

  margin-top:34px;

}



.wwap-home-about .quote-box{

  position:relative;

  padding:30px;

  background:

    linear-gradient(145deg,#f8fbff,#edf5ff);

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

  border-radius:22px;

  box-shadow:0 14px 35px rgba(15,43,77,.06);

}



.wwap-home-about .quote-box::before{

  content:"“";

  display:block;

  margin-bottom:-12px;

  color:rgba(11,99,206,.16);

  font-size:5rem;

  line-height:1;

  font-weight:800;

}



.wwap-home-about .about-mf-cta-title{

  margin:0 0 12px;

  color:#0a1d35;

  font-size:1.45rem;

  line-height:1.2;

  letter-spacing:-.025em;

}



.wwap-home-about .about-mf-cta-text{

  margin:0 0 16px;

  color:#66768a;

  font-size:.95rem;

  line-height:1.7;

}



.wwap-home-about .about-mf-cta-arn{

  margin:0 0 20px;

  color:#738196;

  font-size:.82rem;

  line-height:1.6;

}



.wwap-home-about .about-mf-cta-button{

  display:inline-flex;

  align-items:center;

  justify-content:center;

  min-height:48px;

  padding:0 22px;

  border:0;

  border-radius:13px;

  background:linear-gradient(135deg,#0b63ce,#084b9d);

  color:#fff;

  font:inherit;

  font-size:.9rem;

  font-weight:750;

  cursor:pointer;

  box-shadow:0 12px 26px rgba(11,99,206,.20);

  transition:

    transform .2s ease,

    box-shadow .2s ease,

    filter .2s ease;

}



.wwap-home-about .about-mf-cta-button:hover{

  transform:translateY(-2px);

  filter:brightness(1.03);

  box-shadow:0 17px 32px rgba(11,99,206,.27);

}



.wwap-home-about .about-mf-cta-button:active{

  transform:translateY(0);

}



@media(max-width:900px){



  .wwap-home-about{

    padding:76px 5%;

  }



  .wwap-home-about .about-box{

    padding:38px;

  }



  .wwap-home-about .about-grid{

    grid-template-columns:1fr;

  }



}



@media(max-width:600px){



  .wwap-home-about{

    padding:64px 16px;

  }



  .wwap-home-about .about-box{

    padding:28px 21px;

    border-radius:22px;

  }



  .wwap-home-about .about-box h2{

    font-size:clamp(2rem,10vw,2.7rem);

  }



  .wwap-home-about .about-box p{

    font-size:.96rem;

    line-height:1.75;

  }



  .wwap-home-about .about-grid{

    gap:18px;

    margin-top:25px;

  }



  .wwap-home-about .quote-box{

    padding:23px 20px;

    border-radius:18px;

  }



  .wwap-home-about .about-mf-cta-button{

    width:100%;

  }



}






/* ===== FINAL FIX: HIDE DECORATIVE ABOUT BACKGROUND TEXT ONLY ===== */



.wwap-home-about::before,

.wwap-home-about::after {

  content: none !important;

  display: none !important;

}



.wwap-home-about .about-box,

.wwap-home-about .about-grid,

.wwap-home-about .quote-box,

.wwap-home-about .about-mf-cta-arn {

  position: relative;

  z-index: 2;

}






/* ===== CTA CARD TEXT VISIBILITY FIX ===== */



.wwap-home-about .quote-box {

  position: relative;

  z-index: 3;

}



.wwap-home-about .about-mf-cta-title {

  color: #c99018 !important;

  opacity: 1 !important;

}



.wwap-home-about .about-mf-cta-text,

.wwap-home-about .quote-box p {

  color: #4b5b6c !important;

  opacity: 1 !important;

}



.wwap-home-about .about-mf-cta-name {

  color: #24364b !important;

  font-weight: 700 !important;

  opacity: 1 !important;

}



.wwap-home-about .about-mf-cta-arn {

  color: #5b6878 !important;

  font-weight: 600 !important;

  opacity: 1 !important;

}






/* ===== REMOVE SIP CTA DECORATIVE QUOTE ICON ===== */



.wwap-home-about .quote-box::before,

.wwap-home-about .quote-box::after {

  content: none !important;

  display: none !important;

}