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

   WEALTH WITH ARJUN PRASAD

   SITE FOOTER — ISOLATED MODULE

   Namespace: .wwap-site-footer

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



.footer-social{

  min-width:180px;

}



.footer-social h3{

  margin-bottom:14px !important;

}



.footer-social-links{

  display:flex;

  flex-direction:column;

  gap:9px;

}



.footer-social-links a{

  display:flex !important;

  align-items:center !important;

  gap:10px !important;

  text-decoration:none !important;

  font-size:14px !important;

  line-height:1.4 !important;

  transition:opacity .2s ease, transform .2s ease;

}



.footer-social-links a:hover{

  opacity:.78;

  transform:translateX(2px);

}



.footer-social-links a span:first-child{

  width:25px;

  height:25px;

  min-width:25px;

  display:inline-flex;

  align-items:center;

  justify-content:center;

  border:1px solid currentColor;

  border-radius:50%;

  font-size:12px;

  font-weight:700;

  line-height:1;

}



@media(max-width:600px){



  .footer-social{

    min-width:0;

  }



  .footer-social-links{

    gap:8px;

  }



}
























/* FINAL FOOTER VISUAL POLISH */

.wwap-site-footer .footer-container{

  display:grid !important;

  grid-template-columns:

    minmax(250px,1.45fr)

    minmax(170px,1fr)

    minmax(150px,1fr)

    minmax(150px,1fr)

    minmax(260px,1.35fr) !important;

  gap:36px !important;

  align-items:start !important;

}



/* Follow Us */

.wwap-site-footer .footer-social{

  text-align:left !important;

  min-width:0 !important;

}



.wwap-site-footer .footer-social h3{

  text-align:left !important;

  margin:0 0 16px !important;

  text-transform:uppercase !important;

  letter-spacing:.3px !important;

}



.wwap-site-footer .footer-social h3::after{

  content:"";

  display:block;

  width:58px;

  height:2px;

  margin-top:9px;

  background:#f5c542;

}



.wwap-site-footer .footer-social-links{

  display:flex !important;

  flex-direction:column !important;

  align-items:flex-start !important;

  gap:10px !important;

}



.wwap-site-footer .footer-social-links a{

  display:flex !important;

  align-items:center !important;

  gap:10px !important;

  text-align:left !important;

}



/* Contact */

.wwap-site-footer .footer-container > .footer-column:last-child{

  min-width:0 !important;

  text-align:left !important;

}



.wwap-site-footer .footer-container > .footer-column:last-child h3{

  text-align:left !important;

  text-transform:uppercase !important;

  margin:0 0 16px !important;

}



.wwap-site-footer .footer-container > .footer-column:last-child p,

.wwap-site-footer .footer-container > .footer-column:last-child a{

  white-space:nowrap !important;

  overflow:visible !important;

  word-break:normal !important;

  overflow-wrap:normal !important;

  text-align:left !important;

}



/* Keep footer blocks aligned */

.wwap-site-footer .footer-container > *{

  margin:0 !important;

  align-self:start !important;

}



/* Tablet */

@media(max-width:1100px){

  .wwap-site-footer .footer-container{

    grid-template-columns:repeat(3,minmax(160px,1fr)) !important;

    gap:30px !important;

  }



  .wwap-site-footer .footer-container > .footer-column:last-child{

    grid-column:auto !important;

  }

}



/* Mobile */

@media(max-width:600px){

  .wwap-site-footer .footer-container{

    grid-template-columns:1fr 1fr !important;

    gap:28px 22px !important;

  }



  .wwap-site-footer .footer-brand{

    grid-column:1 / -1 !important;

  }



  .wwap-site-footer .footer-container > .footer-column:last-child{

    grid-column:1 / -1 !important;

  }



  .wwap-site-footer .footer-container > .footer-column:last-child p,

  .wwap-site-footer .footer-container > .footer-column:last-child a{

    white-space:normal !important;

  }

}



@media(max-width:480px){

  .wwap-site-footer .footer-container{

    grid-template-columns:1fr !important;

    gap:24px !important;

  }



  .wwap-site-footer .footer-brand,

  .wwap-site-footer .footer-container > .footer-column:last-child{

    grid-column:auto !important;

  }

}














/* Original social-media brand colours */

.wwap-site-footer .footer-social-links a:nth-child(1) span:first-child{

  color:#1877F2 !important;

  border-color:#1877F2 !important;

}



.wwap-site-footer .footer-social-links a:nth-child(2) span:first-child{

  color:#E4405F !important;

  border-color:#E4405F !important;

}



.wwap-site-footer .footer-social-links a:nth-child(3) span:first-child{

  color:#FF0000 !important;

  border-color:#FF0000 !important;

}



.wwap-site-footer .footer-social-links a:nth-child(4) span:first-child{

  color:#0A66C2 !important;

  border-color:#0A66C2 !important;

}



/* Keep labels clean and consistent */

.wwap-site-footer .footer-social-links a span:last-child{

  color:inherit !important;

}



/* Subtle hover */

.wwap-site-footer .footer-social-links a:hover span:first-child{

  transform:scale(1.05);

}














/* FINAL FOOTER VISUAL POLISH */

.wwap-site-footer .footer-container{

  display:grid !important;

  grid-template-columns:

    minmax(250px,1.45fr)

    minmax(170px,1fr)

    minmax(150px,1fr)

    minmax(150px,1fr)

    minmax(260px,1.35fr) !important;

  gap:36px !important;

  align-items:start !important;

}



/* Follow Us */

.wwap-site-footer .footer-social{

  text-align:left !important;

  min-width:0 !important;

}



.wwap-site-footer .footer-social h3{

  text-align:left !important;

  margin:0 0 16px !important;

  text-transform:uppercase !important;

  letter-spacing:.3px !important;

}



.wwap-site-footer .footer-social h3::after{

  content:"";

  display:block;

  width:58px;

  height:2px;

  margin-top:9px;

  background:#f5c542;

}



.wwap-site-footer .footer-social-links{

  display:flex !important;

  flex-direction:column !important;

  align-items:flex-start !important;

  gap:10px !important;

}



.wwap-site-footer .footer-social-links a{

  display:flex !important;

  align-items:center !important;

  gap:10px !important;

  text-align:left !important;

}



/* Contact */

.wwap-site-footer .footer-container > .footer-column:last-child{

  min-width:0 !important;

  text-align:left !important;

}



.wwap-site-footer .footer-container > .footer-column:last-child h3{

  text-align:left !important;

  text-transform:uppercase !important;

  margin:0 0 16px !important;

}



.wwap-site-footer .footer-container > .footer-column:last-child p,

.wwap-site-footer .footer-container > .footer-column:last-child a{

  white-space:nowrap !important;

  overflow:visible !important;

  word-break:normal !important;

  overflow-wrap:normal !important;

  text-align:left !important;

}



/* Keep footer blocks aligned */

.wwap-site-footer .footer-container > *{

  margin:0 !important;

  align-self:start !important;

}



/* Tablet */

@media(max-width:1100px){

  .wwap-site-footer .footer-container{

    grid-template-columns:repeat(3,minmax(160px,1fr)) !important;

    gap:30px !important;

  }



  .wwap-site-footer .footer-container > .footer-column:last-child{

    grid-column:auto !important;

  }

}



/* Mobile */

@media(max-width:600px){

  .wwap-site-footer .footer-container{

    grid-template-columns:1fr 1fr !important;

    gap:28px 22px !important;

  }



  .wwap-site-footer .footer-brand{

    grid-column:1 / -1 !important;

  }



  .wwap-site-footer .footer-container > .footer-column:last-child{

    grid-column:1 / -1 !important;

  }



  .wwap-site-footer .footer-container > .footer-column:last-child p,

  .wwap-site-footer .footer-container > .footer-column:last-child a{

    white-space:normal !important;

  }

}



@media(max-width:480px){

  .wwap-site-footer .footer-container{

    grid-template-columns:1fr !important;

    gap:24px !important;

  }



  .wwap-site-footer .footer-brand,

  .wwap-site-footer .footer-container > .footer-column:last-child{

    grid-column:auto !important;

  }

}














.wwap-site-footer .footer-social-links a span:first-child{

  width:25px !important;

  height:25px !important;

  min-width:25px !important;

  display:inline-flex !important;

  align-items:center !important;

  justify-content:center !important;

  border:0 !important;

  border-radius:0 !important;

  background:transparent !important;

}



.wwap-site-footer .footer-social-links a span:first-child svg{

  width:21px !important;

  height:21px !important;

  display:block !important;

}



.wwap-site-footer .footer-social-links a:nth-child(1) span:first-child{

  color:#1877F2 !important;

}



.wwap-site-footer .footer-social-links a:nth-child(2) span:first-child{

  color:#E4405F !important;

}



.wwap-site-footer .footer-social-links a:nth-child(3) span:first-child{

  color:#FF0000 !important;

}



.wwap-site-footer .footer-social-links a:nth-child(4) span:first-child{

  color:#0A66C2 !important;

}


























@media (max-width:600px){



  .wwap-site-footer{

    width:100% !important;

    padding:32px 20px 90px !important;

    overflow:hidden !important;

  }



  .wwap-site-footer .footer-container{

    display:block !important;

    width:100% !important;

    max-width:100% !important;

    margin:0 auto !important;

    padding:0 !important;

  }



  /* Brand section */

  .wwap-site-footer .footer-brand{

    display:block !important;

    width:100% !important;

    text-align:center !important;

    margin:0 0 30px !important;

  }



  .wwap-site-footer .footer-logo{

    font-size:18px !important;

    line-height:1.35 !important;

    text-align:center !important;

  }



  .wwap-site-footer .footer-brand p{

    font-size:14px !important;

    line-height:1.7 !important;

    text-align:center !important;

  }



  /* All footer columns */

  .wwap-site-footer .footer-column{

    display:block !important;

    width:100% !important;

    text-align:center !important;

    margin:0 0 30px !important;

  }



  .wwap-site-footer .footer-column h3{

    font-size:17px !important;

    text-align:center !important;

    margin:0 0 14px !important;

  }



  .wwap-site-footer .footer-column > a{

    display:block !important;

    font-size:14px !important;

    line-height:1.8 !important;

    text-align:center !important;

    margin:6px 0 !important;

  }



  /* Social links */

  .wwap-site-footer .footer-social-links{

    display:flex !important;

    flex-direction:column !important;

    align-items:center !important;

    gap:10px !important;

  }



  .wwap-site-footer .footer-social-links a{

    font-size:14px !important;

    display:flex !important;

    align-items:center !important;

    justify-content:center !important;

    gap:8px !important;

  }



  /* Contact and bottom area */

  .wwap-site-footer .footer-bottom,

  .wwap-site-footer .footer-contact{

    width:100% !important;

    text-align:center !important;

  }

}










@media (max-width:600px){



  .wwap-site-footer .footer-container{

    display:grid !important;

    grid-template-columns:1fr !important;

    gap:0 !important;

    width:100% !important;

  }



  .wwap-site-footer .footer-container > *{

    grid-column:auto !important;

    width:100% !important;

    margin:0 0 28px !important;

    text-align:center !important;

  }



  .wwap-site-footer .footer-brand{

    display:block !important;

    padding-top:0 !important;

  }



  .wwap-site-footer .footer-logo,

  .wwap-site-footer .footer-brand p{

    text-align:center !important;

  }



  .wwap-site-footer .footer-social{

    text-align:center !important;

  }



  .wwap-site-footer .footer-social h3{

    text-align:center !important;

  }



  .wwap-site-footer .footer-social h3::after{

    margin:9px auto 0 !important;

  }



  .wwap-site-footer .footer-social-links{

    align-items:center !important;

  }



  .wwap-site-footer .footer-social-links a{

    justify-content:center !important;

    text-align:center !important;

  }



  .wwap-site-footer .footer-column h3,

  .wwap-site-footer .footer-column > a,

  .wwap-site-footer .footer-container > .footer-column:last-child,

  .wwap-site-footer .footer-container > .footer-column:last-child h3,

  .wwap-site-footer .footer-container > .footer-column:last-child p,

  .wwap-site-footer .footer-container > .footer-column:last-child a{

    text-align:center !important;

    white-space:normal !important;

  }



}










@media (max-width: 600px){



  .wwap-site-footer{

    width:100% !important;

    overflow:visible !important;

  }



  .wwap-site-footer .footer-container{

    display:block !important;

    width:100% !important;

    max-width:none !important;

    margin:0 !important;

    padding:32px 22px 90px !important;

    box-sizing:border-box !important;

  }



  .wwap-site-footer .footer-brand,

  .wwap-site-footer .footer-column,

  .wwap-site-footer .footer-social,

  .wwap-site-footer .footer-container > .footer-column:last-child{

    display:block !important;

    width:100% !important;

    max-width:none !important;

    min-width:0 !important;

    margin:0 0 32px !important;

    padding:0 !important;

    text-align:left !important;

    box-sizing:border-box !important;

  }



  .wwap-site-footer .footer-logo,

  .wwap-site-footer .footer-brand p,

  .wwap-site-footer .footer-column h3,

  .wwap-site-footer .footer-column > a,

  .wwap-site-footer .footer-column p,

  .wwap-site-footer .footer-column:last-child a{

    text-align:left !important;

  }



  .wwap-site-footer .footer-logo{

    font-size:18px !important;

    line-height:1.35 !important;

  }



  .wwap-site-footer .footer-social-links{

    display:flex !important;

    flex-direction:column !important;

    align-items:flex-start !important;

    gap:12px !important;

  }



  .wwap-site-footer .footer-social-links a{

    justify-content:flex-start !important;

    text-align:left !important;

  }



  .wwap-site-footer .footer-column > a{

    display:block !important;

    margin:0 0 12px !important;

  }



  .wwap-site-footer .footer-bottom{

    width:100% !important;

    margin-top:10px !important;

    padding-top:18px !important;

    text-align:left !important;

  }



  .wwap-site-footer .footer-bottom,

  .wwap-site-footer .footer-bottom *{

    box-sizing:border-box !important;

  }

}










@media (max-width: 600px){



  .wwap-site-footer .footer-container > .footer-column:last-child,

  .wwap-site-footer .footer-container > .footer-column:last-child *{

    text-align:left !important;

    align-items:flex-start !important;

    justify-content:flex-start !important;

  }



  .wwap-site-footer .footer-container > .footer-column:last-child h3{

    display:block !important;

    width:100% !important;

    margin-bottom:14px !important;

  }



  .wwap-site-footer .footer-container > .footer-column:last-child a,

  .wwap-site-footer .footer-container > .footer-column:last-child p{

    display:block !important;

    width:100% !important;

    white-space:normal !important;

  }



  .wwap-site-footer .footer-bottom{

    text-align:left !important;

  }

}










@media (max-width:600px){



.wwap-site-footer .footer-container .footer-column:last-child{

    display:block !important;

    width:100% !important;

    text-align:left !important;

    margin-left:0 !important;

    margin-right:0 !important;

}



.wwap-site-footer .footer-container .footer-column:last-child h3,

.wwap-site-footer .footer-container .footer-column:last-child p,

.wwap-site-footer .footer-container .footer-column:last-child a{

    display:block !important;

    width:100% !important;

    text-align:left !important;

    margin-left:0 !important;

    margin-right:0 !important;

    transform:none !important;

}



}










@media(max-width:600px){



  .wwap-site-footer{

    padding-bottom:85px !important;

  }



  .wwap-site-footer .footer-container{

    padding-bottom:110px !important;

  }



}










@media(max-width:600px){



  .wwap-site-footer{

    width:100% !important;

    max-width:100% !important;

    padding:32px 20px 24px !important;

    box-sizing:border-box !important;

    overflow:hidden !important;

  }



  .wwap-site-footer .footer-container{

    width:100% !important;

    max-width:100% !important;

    display:grid !important;

    grid-template-columns:1fr 1fr !important;

    gap:30px 20px !important;

    margin:0 !important;

    padding:0 !important;

    box-sizing:border-box !important;

  }



  .wwap-site-footer .footer-brand{

    grid-column:1 / -1 !important;

    width:100% !important;

    text-align:left !important;

  }



  .wwap-site-footer .footer-social,

  .wwap-site-footer .footer-container > .footer-column{

    width:100% !important;

    min-width:0 !important;

    margin:0 !important;

  }



  .wwap-site-footer .footer-container > .footer-column:last-child{

    grid-column:1 / -1 !important;

  }



  .wwap-site-footer .footer-logo{

    font-size:15px !important;

    line-height:1.4 !important;

    white-space:normal !important;

  }



  .wwap-site-footer .footer-brand p{

    font-size:12px !important;

    line-height:1.6 !important;

  }



  .wwap-site-footer .footer-column h3,

  .wwap-site-footer .footer-social h3{

    font-size:14px !important;

    margin:0 0 12px !important;

  }



  .wwap-site-footer .footer-column > a,

  .wwap-site-footer .footer-social-links a{

    font-size:12px !important;

  }



  .wwap-site-footer .footer-social-links{

    gap:9px !important;

  }



  .wwap-site-footer .footer-contact,

  .wwap-site-footer .footer-container > .footer-column:last-child{

    word-break:break-word !important;

    overflow-wrap:anywhere !important;

  }



  .wwap-site-footer .footer-bottom{

    grid-column:1 / -1 !important;

    width:100% !important;

    margin-top:8px !important;

  }

}



@media(max-width:380px){

  .wwap-site-footer .footer-container{

    grid-template-columns:1fr !important;

  }



  .wwap-site-footer .footer-brand,

  .wwap-site-footer .footer-container > .footer-column:last-child{

    grid-column:auto !important;

  }

}










@media(max-width:600px){



  .wwap-site-footer{

    overflow:hidden !important;

  }



  .wwap-site-footer .footer-container{

    display:grid !important;

    grid-template-columns:1fr 1fr !important;

    column-gap:28px !important;

    row-gap:26px !important;

    padding:34px 16px 26px !important;

    align-items:start !important;

  }



  /* Brand */

  .wwap-site-footer .footer-brand{

    grid-column:1 / -1 !important;

    width:100% !important;

    margin:0 !important;

  }



  .wwap-site-footer .footer-logo{

    font-size:15px !important;

    line-height:1.35 !important;

    white-space:normal !important;

  }



  .wwap-site-footer .footer-brand p{

    font-size:11px !important;

    line-height:1.6 !important;

    margin:7px 0 0 !important;

  }



  /* Follow Us */

  .wwap-site-footer .footer-social{

    grid-column:1 !important;

    grid-row:2 !important;

    margin:0 !important;

    min-width:0 !important;

  }



  /* Explore */

  .wwap-site-footer .footer-column:not(.footer-social):not(:last-child){

    grid-column:2 !important;

    grid-row:2 !important;

    margin:0 !important;

    min-width:0 !important;

  }



  /* Legal */

  .wwap-site-footer .footer-column:nth-last-child(2){

    grid-column:1 / -1 !important;

    grid-row:3 !important;

    margin:0 !important;

  }



  /* Contact */

  .wwap-site-footer .footer-container > .footer-column:last-child{

    grid-column:1 / -1 !important;

    grid-row:4 !important;

    margin:0 !important;

    width:100% !important;

  }



  .wwap-site-footer .footer-column h3,

  .wwap-site-footer .footer-social h3{

    font-size:12px !important;

    margin:0 0 12px !important;

  }



  .wwap-site-footer .footer-social-links{

    gap:9px !important;

  }



  .wwap-site-footer .footer-social-links a,

  .wwap-site-footer .footer-column > a,

  .wwap-site-footer .footer-column p{

    font-size:10px !important;

    line-height:1.45 !important;

  }



  .wwap-site-footer .footer-social-links a span:first-child{

    width:16px !important;

    height:16px !important;

  }



  .wwap-site-footer .footer-social-links a span:first-child svg{

    width:11px !important;

    height:11px !important;

  }



  .wwap-site-footer .footer-container > .footer-column:last-child a,

  .wwap-site-footer .footer-container > .footer-column:last-child p{

    white-space:normal !important;

    overflow-wrap:anywhere !important;

    word-break:break-word !important;

  }



  .wwap-site-footer .footer-bottom{

    grid-column:1 / -1 !important;

    width:100% !important;

    font-size:9px !important;

    padding-top:14px !important;

    margin-top:0 !important;

  }



}










@media(max-width:600px){



  .wwap-site-footer .footer-container{

    display:grid !important;

    grid-template-columns:1fr 1fr !important;

    column-gap:32px !important;

    row-gap:28px !important;

    padding:36px 18px 28px !important;

    align-items:start !important;

  }



  /* BRAND */

  .wwap-site-footer .footer-brand{

    grid-column:1 / -1 !important;

    grid-row:1 !important;

    width:100% !important;

  }



  .wwap-site-footer .footer-logo{

    font-size:16px !important;

    line-height:1.4 !important;

    white-space:normal !important;

  }



  .wwap-site-footer .footer-brand p{

    font-size:11px !important;

    line-height:1.6 !important;

  }



  /* FOLLOW US */

  .wwap-site-footer .footer-social{

    grid-column:1 !important;

    grid-row:2 !important;

    min-width:0 !important;

  }



  /* EXPLORE - directly after Follow Us */

  .wwap-site-footer .footer-social + .footer-column{

    grid-column:2 !important;

    grid-row:2 !important;

    min-width:0 !important;

  }



  /* LEGAL */

  .wwap-site-footer .footer-social + .footer-column + .footer-column{

    grid-column:1 !important;

    grid-row:3 !important;

    min-width:0 !important;

  }



  /* CONTACT */

  .wwap-site-footer .footer-container > .footer-column:last-child{

    grid-column:1 / -1 !important;

    grid-row:4 !important;

    width:100% !important;

    min-width:0 !important;

  }



  /* HEADINGS */

  .wwap-site-footer .footer-column h3,

  .wwap-site-footer .footer-social h3{

    font-size:13px !important;

    line-height:1.3 !important;

    margin:0 0 14px !important;

  }



  /* LINKS */

  .wwap-site-footer .footer-column > a,

  .wwap-site-footer .footer-column p,

  .wwap-site-footer .footer-social-links a{

    font-size:11px !important;

    line-height:1.6 !important;

  }



  .wwap-site-footer .footer-social-links{

    gap:10px !important;

  }



  /* SOCIAL ICONS */

  .wwap-site-footer .footer-social-links a span:first-child{

    width:18px !important;

    height:18px !important;

    flex:0 0 18px !important;

  }



  .wwap-site-footer .footer-social-links a span:first-child svg{

    width:12px !important;

    height:12px !important;

  }



  /* CONTACT EMAIL */

  .wwap-site-footer .footer-container > .footer-column:last-child a,

  .wwap-site-footer .footer-container > .footer-column:last-child p{

    font-size:11px !important;

    white-space:normal !important;

    overflow-wrap:anywhere !important;

    word-break:break-word !important;

  }



  /* COPYRIGHT */

  .wwap-site-footer .footer-bottom{

    grid-column:1 / -1 !important;

    width:100% !important;

    font-size:10px !important;

    line-height:1.5 !important;

    padding-top:16px !important;

  }

}










@media(max-width:600px){



  .wwap-site-footer .footer-container{

    padding:42px 20px 32px !important;

    column-gap:36px !important;

    row-gap:32px !important;

  }



  .wwap-site-footer .footer-logo{

    font-size:18px !important;

  }



  .wwap-site-footer .footer-brand p{

    font-size:12px !important;

  }



  .wwap-site-footer .footer-column h3,

  .wwap-site-footer .footer-social h3{

    font-size:14px !important;

    margin-bottom:15px !important;

  }



  .wwap-site-footer .footer-column > a,

  .wwap-site-footer .footer-column p,

  .wwap-site-footer .footer-social-links a{

    font-size:12px !important;

    line-height:1.7 !important;

  }



  .wwap-site-footer .footer-social-links{

    gap:12px !important;

  }



  .wwap-site-footer .footer-social-links a span:first-child{

    width:20px !important;

    height:20px !important;

    flex:0 0 20px !important;

  }



  .wwap-site-footer .footer-social-links a span:first-child svg{

    width:13px !important;

    height:13px !important;

  }



  .wwap-site-footer .footer-container > .footer-column:last-child a,

  .wwap-site-footer .footer-container > .footer-column:last-child p{

    font-size:12px !important;

  }



  .wwap-site-footer .footer-bottom{

    font-size:10px !important;

    padding-top:18px !important;

  }

}










html,body{

  overflow-x:hidden !important;

}



body:not(.sip-modal-locked) footer.wwap-site-footer{

  display:block !important;

  visibility:visible !important;

  opacity:1 !important;

  position:relative !important;

  float:none !important;

  clear:both !important;

  width:100% !important;

  max-width:none !important;

  min-height:1px !important;

  height:auto !important;

  margin:0 !important;

  left:auto !important;

  right:auto !important;

  transform:none !important;

  overflow:visible !important;

  z-index:1 !important;

}



/* Footer ke andar ka original design preserve rahe */

footer.wwap-site-footer *{

  visibility:visible;

}






footer.wwap-site-footer{display:block!important;visibility:visible!important;opacity:1!important;position:relative!important;width:100%!important;min-height:300px!important;background:#111!important;color:#fff!important;z-index:999999!important;margin:0!important;padding:40px 20px!important;clear:both!important}footer.wwap-site-footer *{visibility:visible!important;opacity:1!important}























@media(max-width:600px){



.wwap-site-footer .footer-container{

display:grid !important;

grid-template-columns:1fr 1fr !important;

gap:22px 28px !important;

}



.wwap-site-footer .footer-brand{

grid-column:1 / -1 !important;

grid-row:1 !important;

}



.wwap-site-footer .footer-social{

grid-column:1 !important;

grid-row:2 !important;

}



.wwap-site-footer .footer-container > .footer-column:nth-child(3){

grid-column:2 !important;

grid-row:2 !important;

}



.wwap-site-footer .footer-container > .footer-column:nth-child(4){

grid-column:1 !important;

grid-row:3 !important;

}



.wwap-site-footer .footer-container > .footer-column:nth-child(5){

grid-column:1 / -1 !important;

grid-row:4 !important;

}



.wwap-site-footer .footer-social,

.wwap-site-footer .footer-column{

margin:0 !important;

padding:0 !important;

}



.wwap-site-footer .footer-column h3,

.wwap-site-footer .footer-social h3{

margin:0 0 10px 0 !important;

}



}









@media (max-width:600px){



.wwap-site-footer .footer-container{

    display:grid !important;

    grid-template-columns:1fr 1fr !important;

    gap:24px 28px !important;

}



/* Brand full width */

.wwap-site-footer .footer-brand{

    grid-column:1 / -1 !important;

    grid-row:1 !important;

}



/* Follow Us */

.wwap-site-footer .footer-social{

    grid-column:1 !important;

    grid-row:2 !important;

}



/* Explore */

.wwap-site-footer .footer-container > .footer-column:nth-of-type(1){

    grid-column:2 !important;

    grid-row:2 !important;

}



/* Legal */

.wwap-site-footer .footer-container > .footer-column:nth-of-type(2){

    grid-column:1 !important;

    grid-row:3 !important;

}



/* Contact full width */

.wwap-site-footer .footer-container > .footer-column:last-child{

    grid-column:1 / -1 !important;

    grid-row:4 !important;

}



/* Reset positioning */

.wwap-site-footer .footer-column,

.wwap-site-footer .footer-social{

    position:static !important;

    float:none !important;

    transform:none !important;

    margin:0 !important;

}



/* Clean spacing */

.wwap-site-footer .footer-column h3,

.wwap-site-footer .footer-social h3{

    margin:0 0 10px !important;

}



.wwap-site-footer .footer-column ul,

.wwap-site-footer .footer-social ul{

    margin:0 !important;

    padding:0 !important;

}



}









@media(max-width:600px){



.wwap-site-footer .footer-container{

    display:flex !important;

    flex-wrap:wrap !important;

    gap:0 !important;

}



/* Brand */

.wwap-site-footer .footer-brand{

    width:100% !important;

    order:1 !important;

    margin-bottom:24px !important;

}



/* Follow us */

.wwap-site-footer .footer-social{

    width:50% !important;

    order:2 !important;

    margin:0 !important;

    padding:0 !important;

}



/* Explore */

.wwap-site-footer .footer-column:nth-of-type(1){

    width:50% !important;

    order:3 !important;

    margin:0 !important;

    padding:0 !important;

}



/* Legal */

.wwap-site-footer .footer-column:nth-of-type(2){

    width:50% !important;

    order:4 !important;

    margin-top:24px !important;

    padding:0 !important;

}



/* Contact */

.wwap-site-footer .footer-column:last-child{

    width:100% !important;

    order:5 !important;

    margin-top:24px !important;

    padding:0 !important;

}



/* Remove old grid rules */

.wwap-site-footer .footer-column,

.wwap-site-footer .footer-social{

    grid-column:auto !important;

    grid-row:auto !important;

    position:static !important;

    transform:none !important;

    float:none !important;

}



}










@media (max-width:600px){



.wwap-site-footer .footer-container{

  display:grid !important;

  grid-template-columns:1fr 1fr !important;

  gap:24px 28px !important;

}



/* Brand */

.wwap-site-footer .footer-container > .footer-brand{

  grid-column:1 / -1 !important;

  grid-row:1 !important;

}



/* Follow Us */

.wwap-site-footer .footer-container > #footer-social-final{

  grid-column:1 !important;

  grid-row:2 !important;

}



/* Explore */

.wwap-site-footer .footer-container > .footer-column:nth-child(3){

  grid-column:2 !important;

  grid-row:2 !important;

}



/* Legal */

.wwap-site-footer .footer-container > .footer-column:nth-child(4){

  grid-column:1 !important;

  grid-row:3 !important;

}



/* Contact */

.wwap-site-footer .footer-container > .footer-column:nth-child(5){

  grid-column:1 / -1 !important;

  grid-row:4 !important;

}



.wwap-site-footer .footer-column h3,

.wwap-site-footer .footer-social h3{

  margin-bottom:10px !important;

}



}









@media(max-width:600px){

.wwap-site-footer .footer-social h3{

white-space:nowrap !important;

margin-top:0 !important;

}

.wwap-site-footer .footer-column h3{

margin-top:0 !important;

}

}





@media(max-width:600px){

.wwap-site-footer .footer-social,

.wwap-site-footer .footer-container > .footer-column:nth-of-type(1){

align-self:start !important;

margin-top:0 !important;

padding-top:0 !important;

}

.wwap-site-footer .footer-social h3,

.wwap-site-footer .footer-container > .footer-column:nth-of-type(1) h3{

margin-top:0 !important;

padding-top:0 !important;

line-height:1.2 !important;

}

}





@media(max-width:600px){



.wwap-site-footer .footer-container{

  display:grid !important;

  grid-template-columns:1fr 1fr !important;

  column-gap:28px !important;

  row-gap:24px !important;

  align-items:start !important;

}



.wwap-site-footer .footer-brand{

  grid-column:1 / -1 !important;

  grid-row:1 !important;

}



.wwap-site-footer .footer-social{

  grid-column:1 !important;

  grid-row:2 !important;

  align-self:start !important;

  margin:0 !important;

  padding:0 !important;

}



.wwap-site-footer .footer-social + .footer-column{

  grid-column:2 !important;

  grid-row:2 !important;

  align-self:start !important;

  margin:0 !important;

  padding:0 !important;

}



.wwap-site-footer .footer-social + .footer-column + .footer-column{

  grid-column:1 !important;

  grid-row:3 !important;

}



.wwap-site-footer .footer-social + .footer-column + .footer-column + .footer-column{

  grid-column:1 / -1 !important;

  grid-row:4 !important;

}



.wwap-site-footer .footer-social h3,

.wwap-site-footer .footer-social + .footer-column h3{

  margin:0 0 10px 0 !important;

  padding:0 !important;

  line-height:1.2 !important;

  white-space:nowrap !important;

}



}





@media(max-width:600px){.wwap-site-footer .footer-container{display:grid!important;grid-template-columns:1fr 1fr!important;align-items:start!important}.wwap-site-footer .footer-brand{grid-column:1/-1!important;grid-row:1!important}.wwap-site-footer #footer-social-final{grid-column:1!important;grid-row:2!important;margin:0!important;padding:0!important;align-self:start!important}.wwap-site-footer #footer-social-final + .footer-column{grid-column:2!important;grid-row:2!important;margin:0!important;padding:0!important;align-self:start!important;position:relative!important;top:0!important;transform:none!important}.wwap-site-footer .footer-container > .footer-column:nth-of-type(2){grid-column:1!important;grid-row:3!important}.wwap-site-footer .footer-container > .footer-column:last-child{grid-column:1/-1!important;grid-row:4!important}}

/* ===== MERGED INLINE FOOTER OVERRIDES ===== */

* {

      margin: 0;

      padding: 0;

      box-sizing: border-box;

      font-family: Arial, Helvetica, sans-serif;

    }



    body {

      background: #f7f9fc;

      color: #172033;

      line-height: 1.6;

    }



    header {

      background: #071b35;

      color: white;

      padding: 18px 6%;

      display: flex;

      align-items: center;

      justify-content: space-between;

      position: sticky;

      top: 0;

      z-index: 1000;

    }



    .logo {

      font-size: 22px;

      font-weight: 800;

      letter-spacing: .3px;

    }



    .logo span {

      color: #f4c542;

    }



    nav a {

      color: white;

      text-decoration: none;

      margin-left: 25px;

      font-size: 15px;

      font-weight: 600;

    }



    nav a:hover {

      color: #f4c542;

    }



    .hero {

      min-height: 620px;

      background: linear-gradient(135deg, #071b35, #0d3b66);

      color: white;

      display: flex;

      align-items: center;

      padding: 70px 6%;

    }



    .hero-content {

      max-width: 850px;

    }



    .tag {

      display: inline-block;

      background: rgba(244,197,66,.15);

      color: #f4c542;

      padding: 8px 16px;

      border-radius: 30px;

      font-size: 14px;

      font-weight: bold;

      margin-bottom: 22px;

    }



    .hero h1 {

      font-size: clamp(42px, 7vw, 76px);

      line-height: 1.05;

      margin-bottom: 20px;

    }



    .hero h1 span {

      color: #f4c542;

    }



    .hero p {

      font-size: 20px;

      max-width: 680px;

      color: #dbe7f5;

      margin-bottom: 32px;

    }



    .buttons {

      display: flex;

      gap: 15px;

      flex-wrap: wrap;

    }



    .btn {

      display: inline-block;

      padding: 14px 25px;

      border-radius: 8px;

      text-decoration: none;

      font-weight: bold;

      transition: .2s;

    }



    .btn-primary {

      background: #f4c542;

      color: #071b35;

    }



    .btn-primary:hover {

      transform: translateY(-2px);

    }



    .btn-outline {

      border: 1px solid #dbe7f5;

      color: white;

    }



    .section {

      padding: 75px 6%;

    }



    .section-title {

      text-align: center;

      max-width: 750px;

      margin: 0 auto 45px;

    }



    .section-title h2 {

      font-size: 38px;

      margin-bottom: 12px;

      color: #071b35;

    }



    .section-title p {

      color: #68758a;

      font-size: 17px;

    }



    .cards {

      display: grid;

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

      gap: 22px;

      max-width: 1200px;

      margin: auto;

    }



    .card {

      background: white;

      padding: 30px 24px;

      border-radius: 15px;

      box-shadow: 0 8px 30px rgba(0,0,0,.07);

      border: 1px solid #e7ebf1;

      transition: .25s;

    }



    .card:hover {

      transform: translateY(-6px);

    }



    .icon {

      font-size: 38px;

      margin-bottom: 18px;

    }



    .card h3 {

      color: #071b35;

      margin-bottom: 10px;

      font-size: 21px;

    }



    .card p {

      color: #68758a;

      font-size: 15px;

    }



    .about {

      background: white;

    }



    .about-box {

      max-width: 1100px;

      margin: auto;

      display: grid;

      grid-template-columns: 1fr 1fr;

      gap: 50px;

      align-items: center;

    }



    .about h2 {

      font-size: 40px;

      color: #071b35;

      margin-bottom: 18px;

    }



    .about p {

      color: #68758a;

      margin-bottom: 15px;

      font-size: 17px;

    }



    .quote-box {

      background: #071b35;

      color: white;

      padding: 45px;

      border-radius: 20px;

    }



    .quote-box h3 {

      color: #f4c542;

      font-size: 30px;

      margin-bottom: 15px;

    }



    .quote-box p {

      color: #dbe7f5;

    }



    .cta {

      background: linear-gradient(135deg, #0d3b66, #071b35);

      color: white;

      text-align: center;

      padding: 75px 6%;

    }



    .cta h2 {

      font-size: 42px;

      margin-bottom: 15px;

    }



    .cta p {

      color: #dbe7f5;

      margin-bottom: 28px;

      font-size: 18px;

    }



    footer {

      background: #041225;

      color: #b9c5d6;

      text-align: center;

      padding: 28px 6%;

      font-size: 14px;

    }



    footer strong {

      color: white;

    }



    @media (max-width: 900px) {

      .cards {

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

      }



      .about-box {

        grid-template-columns: 1fr;

      }

    }



    @media (max-width: 600px) {

      header {

        padding: 15px 5%;

      }



      nav {

        display: none;

      }



      .hero {

        min-height: 570px;

        padding: 60px 5%;

      }



      .hero p {

        font-size: 17px;

      }



      .cards {

        grid-template-columns: 1fr;

      }



      .section {

        padding: 55px 5%;

      }



      .section-title h2,

      .about h2,

      .cta h2 {

        font-size: 32px;

      }

    }

  

.wwap-site-footer {

  background:#041225;

  color:#b9c5d6;

  padding:55px 6% 20px;

  margin-top:40px;

}

.footer-container {

  max-width:1200px;

  margin:auto;

  display:grid;

  grid-template-columns:2fr 1fr 1fr 1.4fr;

  gap:45px;

}

.footer-logo {

  color:white;

  font-size:21px;

  font-weight:800;

  margin-bottom:12px;

}

.footer-logo span { color:#f4c542; }

.footer-brand p { margin-bottom:10px; }

.footer-column h3 {

  color:white;

  font-size:17px;

  margin-bottom:16px;

}

.footer-column a {

  display:block;

  color:#b9c5d6;

  text-decoration:none;

  margin-bottom:10px;

  font-size:14px;

}

.footer-column a:hover { color:#f4c542; }

.footer-bottom {

  max-width:1200px;

  margin:40px auto 0;

  padding-top:20px;

  border-top:1px solid rgba(255,255,255,.12);

  text-align:center;

  font-size:13px;

}

.footer-bottom strong { color:white; }

@media(max-width:750px) {

  .footer-container { grid-template-columns:1fr 1fr; }

}

@media(max-width:500px) {

  .footer-container { grid-template-columns:1fr; }

}

html{scroll-behavior:smooth}

body{overflow-x:hidden;-webkit-font-smoothing:antialiased}

header{backdrop-filter:blur(12px);background:rgba(7,27,53,.96);box-shadow:0 4px 20px rgba(0,0,0,.12)}

.logo{white-space:nowrap}

nav a{transition:color .2s ease}

.hero{position:relative;overflow:hidden}

.hero:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:rgba(244,197,66,.07);right:-120px;top:-140px;pointer-events:none}

.hero:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;border:1px solid rgba(255,255,255,.08);right:80px;bottom:-150px;pointer-events:none}

.hero-content{position:relative;z-index:1}

.tag{box-shadow:0 6px 20px rgba(244,197,66,.08)}

.btn{transition:transform .2s ease,box-shadow .2s ease,background .2s ease}

.btn-primary{box-shadow:0 8px 20px rgba(244,197,66,.18)}

.btn-primary:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(244,197,66,.25)}

.btn-outline:hover{background:rgba(255,255,255,.08);transform:translateY(-3px)}

.section{position:relative}

.card{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}

.card:hover{transform:translateY(-7px);box-shadow:0 16px 38px rgba(7,27,53,.11);border-color:rgba(244,197,66,.35)}

.icon{line-height:1}

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

.cta{position:relative;overflow:hidden}

.cta:before{content:"";position:absolute;width:380px;height:380px;border-radius:50%;background:rgba(244,197,66,.05);left:-180px;top:-180px;pointer-events:none}

.cta>*{position:relative;z-index:1}

.wwap-site-footer{margin-top:0}

.footer-column a{transition:color .2s ease,transform .2s ease}

.footer-column a:hover{transform:translateX(3px)}

@media(max-width:600px){

header{padding:14px 5%}

.logo{font-size:17px}

.hero{min-height:600px;padding:55px 5%}

.hero h1{font-size:clamp(38px,11vw,56px)}

.hero p{font-size:17px;line-height:1.65}

.buttons{gap:12px}

.btn{padding:13px 20px}

.section{padding:60px 5%}

.section-title{margin-bottom:35px}

.section-title h2,.about h2,.cta h2{font-size:30px;line-height:1.2}

.card{padding:26px 22px}

.quote-box{padding:32px 25px}

.cta{padding:60px 5%}

.footer-container{gap:30px}

}

/* ===== CLEAN LUMPSUM INTERACTIVE GRAPH ===== */



#lumpsumChart{

  min-height:470px !important;

  padding:20px !important;

  box-sizing:border-box !important;

}



#lumpsumChart .lumpsum-growth-info{

  margin:0 0 20px !important;

  padding:14px 18px !important;

  background:#f7f9fc !important;

  border:1px solid #e4e9f0 !important;

  border-radius:12px !important;

}



#lumpsumChart .lumpsum-growth-info strong{

  display:block !important;

  margin-bottom:6px !important;

  color:#071b35 !important;

}



#lumpsumChart .lumpsum-growth-info span{

  display:inline-block !important;

  margin-right:12px !important;

}



#lumpsumChart .lumpsum-growth-bars{

  height:390px !important;

  display:flex !important;

  align-items:flex-end !important;

  gap:8px !important;

  overflow-x:auto !important;

  overflow-y:hidden !important;

  padding:10px 4px 28px !important;

  border-bottom:1px solid #dfe5ec !important;

  box-sizing:border-box !important;

}



#lumpsumChart .lumpsum-growth-bar-group{

  appearance:none !important;

  -webkit-appearance:none !important;

  border:0 !important;

  outline:0 !important;

  background:transparent !important;

  padding:0 !important;

  margin:0 !important;

  min-width:38px !important;

  width:38px !important;

  height:auto !important;

  flex:0 0 38px !important;

  display:flex !important;

  flex-direction:column !important;

  justify-content:flex-end !important;

  align-items:center !important;

  cursor:pointer !important;

  box-shadow:none !important;

  transform:none !important;

}



#lumpsumChart .lumpsum-growth-bar-group::before,

#lumpsumChart .lumpsum-growth-bar-group::after{

  content:none !important;

  display:none !important;

}



#lumpsumChart .lumpsum-growth-bar{

  width:100% !important;

  min-height:12px !important;

  max-height:340px !important;

  border-radius:8px 8px 2px 2px !important;

  background:#0b2340 !important;

  transition:background .2s ease, opacity .2s ease !important;

  transform:none !important;

}



#lumpsumChart .lumpsum-growth-bar-group:hover .lumpsum-growth-bar,

#lumpsumChart .lumpsum-growth-bar-group.active .lumpsum-growth-bar{

  background:#c99b2e !important;

  transform:none !important;

}



#lumpsumChart .lumpsum-growth-label{

  display:block !important;

  margin-top:8px !important;

  font-size:11px !important;

  line-height:14px !important;

  color:#607086 !important;

  white-space:nowrap !important;

}



/* ===== PDF / PRINT FIX ===== */



@media print{



  html,body{

    height:auto !important;

    overflow:visible !important;

  }



  body *{

    visibility:hidden !important;

  }



  #lumpsum-calculator,

  #lumpsum-calculator *{

    visibility:visible !important;

  }



  #lumpsum-calculator{

    display:block !important;

    position:absolute !important;

    left:0 !important;

    top:0 !important;

    width:100% !important;

    margin:0 !important;

    padding:0 !important;

    overflow:visible !important;

  }



  #lumpsumChart{

    display:block !important;

    visibility:visible !important;

    min-height:470px !important;

    height:auto !important;

    overflow:visible !important;

    padding:15px !important;

    break-inside:avoid !important;

    page-break-inside:avoid !important;

  }



  #lumpsumChart .lumpsum-growth-info{

    display:block !important;

    visibility:visible !important;

  }



  #lumpsumChart .lumpsum-growth-bars{

    display:flex !important;

    visibility:visible !important;

    height:380px !important;

    overflow:visible !important;

    overflow-x:visible !important;

    overflow-y:visible !important;

    gap:6px !important;

    padding:10px 0 28px !important;

  }



  #lumpsumChart .lumpsum-growth-bar-group{

    display:flex !important;

    visibility:visible !important;

    min-width:18px !important;

    width:18px !important;

    flex:1 1 0 !important;

    height:auto !important;

    overflow:visible !important;

  }



  #lumpsumChart .lumpsum-growth-bar{

    display:block !important;

    visibility:visible !important;

    min-height:8px !important;

    max-height:340px !important;

    background:#0b2340 !important;

    -webkit-print-color-adjust:exact !important;

    print-color-adjust:exact !important;

  }



  #lumpsumChart .lumpsum-growth-bar-group.active .lumpsum-growth-bar{

    background:#c99b2e !important;

  }



  #lumpsumChart .lumpsum-growth-label{

    display:block !important;

    visibility:visible !important;

    font-size:8px !important;

  }



  .sip-table-wrap{

    display:block !important;

    overflow:visible !important;

  }



  .sip-table{

    width:100% !important;

    font-size:11px !important;

  }



  .sip-table tr{

    break-inside:avoid !important;

    page-break-inside:avoid !important;

  }



  .sip-actions,

  .sip-note,

  .whatsapp-float,

  header,

  footer.wwap-site-footer{display:block!important;visibility:visible!important;opacity:1!important;}



  @page{

    size:A4 portrait;

    margin:10mm;

  }

}



@media(max-width:700px){



  #lumpsumChart{

    min-height:430px !important;

    padding:14px !important;

  }



  #lumpsumChart .lumpsum-growth-bars{

    height:350px !important;

  }



  #lumpsumChart .lumpsum-growth-bar-group{

    min-width:34px !important;

    width:34px !important;

    flex:0 0 34px !important;

  }



}

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

   FINAL EMERGENCY FIX

   All calculators must behave as normal full-width sections

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



#sip-calculator,

#lumpsum-calculator,

#swp-calculator,

#stepup-sip-calculator{



  position:relative !important;



  top:auto !important;

  right:auto !important;

  bottom:auto !important;

  left:auto !important;



  inset:auto !important;



  width:100% !important;

  min-width:0 !important;

  max-width:none !important;



  height:auto !important;

  min-height:0 !important;

  max-height:none !important;



  margin:0 !important;



  transform:none !important;



  overflow:visible !important;



  z-index:auto !important;



  box-sizing:border-box !important;

}





/* Visible calculator */



#sip-calculator:not(.calculator-page-hidden),

#lumpsum-calculator:not(.calculator-page-hidden),

#swp-calculator:not(.calculator-page-hidden),

#stepup-sip-calculator:not(.calculator-page-hidden){



  display:block !important;

  visibility:visible !important;

  opacity:1 !important;



}





/* Calculator inner layout */



#sip-calculator .sip-wrap,

#lumpsum-calculator .sip-wrap,

#swp-calculator .sip-wrap,

#stepup-sip-calculator .sip-wrap{



  width:100% !important;

  max-width:1200px !important;



  margin-left:auto !important;

  margin-right:auto !important;



  box-sizing:border-box !important;



}





/* Disable old modal/backdrop behavior */



body:has(#sip-calculator:not(.calculator-page-hidden)),

body:has(#lumpsum-calculator:not(.calculator-page-hidden)),

body:has(#swp-calculator:not(.calculator-page-hidden)),

body:has(#stepup-sip-calculator:not(.calculator-page-hidden)){



  overflow-x:hidden !important;

  overflow-y:auto !important;



}





/* Footer must remain visible */



footer.wwap-site-footer{



  position:relative !important;



  display:block !important;

  visibility:visible !important;

  opacity:1 !important;



  width:100% !important;



  clear:both !important;



  z-index:auto !important;



}





/* Mobile */



@media(max-width:700px){



  #sip-calculator,

  #lumpsum-calculator,

  #swp-calculator,

  #stepup-sip-calculator{



    width:100% !important;

    max-width:100% !important;



  }



  #sip-calculator .sip-wrap,

  #lumpsum-calculator .sip-wrap,

  #swp-calculator .sip-wrap,

  #stepup-sip-calculator .sip-wrap{



    width:100% !important;

    max-width:100% !important;



    padding-left:16px !important;

    padding-right:16px !important;



  }



}

@media(max-width:600px){.wwap-site-footer #footer-social + .footer-column{position:relative!important;top:14px!important;transform:none!important;}}

@media print{



  @page{

    size:A4 portrait;

    margin:10mm;

  }



  html,body{

    width:100% !important;

    height:auto !important;

    overflow:visible !important;

    background:#fff !important;

  }



  body *{

    visibility:hidden !important;

  }



  #lumpsum-calculator,

  #lumpsum-calculator *{

    visibility:visible !important;

  }



  #lumpsum-calculator{

    display:block !important;

    position:absolute !important;

    left:0 !important;

    top:0 !important;

    width:100% !important;

    max-width:none !important;

    margin:0 !important;

    padding:0 !important;

    overflow:visible !important;

  }



  #lumpsumChart{

    display:block !important;

    width:100% !important;

    min-height:0 !important;

    height:auto !important;

    overflow:visible !important;

    page-break-inside:avoid !important;

    break-inside:avoid !important;

    box-sizing:border-box !important;

  }



  #lumpsumChart .lumpsum-growth-info{

    page-break-inside:avoid !important;

    break-inside:avoid !important;

  }



  #lumpsumChart .lumpsum-growth-bars{

    width:100% !important;

    height:220px !important;

    min-height:220px !important;

    overflow:hidden !important;

    display:flex !important;

    align-items:flex-end !important;

    justify-content:space-between !important;

    gap:2px !important;

    page-break-inside:avoid !important;

    break-inside:avoid !important;

  }



  #lumpsumChart .lumpsum-growth-bar-group{

    min-width:0 !important;

    flex:1 1 0 !important;

    max-width:none !important;

    height:100% !important;

    pointer-events:none !important;

  }



  #lumpsumChart .lumpsum-growth-bar{

    width:100% !important;

  }



  #lumpsumChart .lumpsum-growth-label{

    font-size:5px !important;

    margin-top:3px !important;

    white-space:nowrap !important;

  }



  .sip-table-wrap{

    width:100% !important;

    overflow:visible !important;

    page-break-before:auto !important;

    break-before:auto !important;

  }



  .sip-table{

    width:100% !important;

    font-size:10px !important;

    border-collapse:collapse !important;

  }



  .sip-table thead{

    display:table-header-group !important;

  }



  .sip-table tr{

    page-break-inside:avoid !important;

    break-inside:avoid !important;

  }



  .sip-actions,

  .sip-note,

  .whatsapp-float,

  .modal-close,

  header,

  footer.wwap-site-footer{display:block!important;visibility:visible!important;opacity:1!important;}

}

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

   FINAL CALCULATOR NORMAL PAGE LAYOUT

   Kill old modal / popup positioning

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



html,

body{

  overflow-x:hidden !important;

}



/* All calculators must behave like normal page sections */

#sip-calculator,

#lumpsum-calculator,

#swp-calculator,

#stepup-sip-calculator{



  position:relative !important;

  position:static !important;



  top:auto !important;

  right:auto !important;

  bottom:auto !important;

  left:auto !important;

  inset:auto !important;



  width:100% !important;

  min-width:0 !important;

  max-width:none !important;



  height:auto !important;

  min-height:0 !important;

  max-height:none !important;



  margin:0 !important;



  transform:none !important;

  translate:none !important;



  overflow:visible !important;



  z-index:auto !important;

}



/* Visible calculator */

#sip-calculator:not(.calculator-page-hidden),

#lumpsum-calculator:not(.calculator-page-hidden),

#swp-calculator:not(.calculator-page-hidden),

#stepup-sip-calculator:not(.calculator-page-hidden){

  display:block !important;

  visibility:visible !important;

  opacity:1 !important;

}



/* Hidden calculator */

.calculator-page-hidden{

  display:none !important;

}



/* Inner wrapper */

#sip-calculator .sip-wrap,

#lumpsum-calculator .sip-wrap,

#swp-calculator .sip-wrap,

#stepup-sip-calculator .sip-wrap{

  position:relative !important;

  width:min(1180px, calc(100% - 32px)) !important;

  max-width:1180px !important;

  margin:0 auto !important;

  transform:none !important;

}



/* Remove old modal overlay behaviour */

body.sip-modal-locked,

body:has(#sip-calculator:not(.calculator-page-hidden)),

body:has(#lumpsum-calculator:not(.calculator-page-hidden)),

body:has(#swp-calculator:not(.calculator-page-hidden)),

body:has(#stepup-sip-calculator:not(.calculator-page-hidden)){

  overflow-x:hidden !important;

  overflow-y:auto !important;

}



/* Footer must remain normal */

footer.wwap-site-footer{

  position:relative !important;

  display:block !important;

  visibility:visible !important;

  opacity:1 !important;

  transform:none !important;

  clear:both !important;

  width:100% !important;

  z-index:auto !important;

}



@media(max-width:700px){



  #sip-calculator,

  #lumpsum-calculator,

  #swp-calculator,

  #stepup-sip-calculator{

    width:100% !important;

    max-width:100vw !important;

  }



  #sip-calculator .sip-wrap,

  #lumpsum-calculator .sip-wrap,

  #swp-calculator .sip-wrap,

  #stepup-sip-calculator .sip-wrap{

    width:100% !important;

    max-width:100% !important;

    margin:0 !important;

    padding-left:14px !important;

    padding-right:14px !important;

  }

}



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

   CLEAN SOCIAL ICON GRID ONLY

   Does not change footer layout or column widths

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



@media (min-width: 769px) {



    .wwap-site-footer .footer-social-links {

        display: grid !important;

        grid-template-columns: repeat(4, 42px) !important;

        grid-template-rows: repeat(2, 42px) !important;

        gap: 10px !important;



        width: max-content !important;

        max-width: none !important;



        margin: 0 !important;

        padding: 0 !important;

    }



    .wwap-site-footer .footer-social-links a {

        width: 42px !important;

        height: 42px !important;



        display: flex !important;

        align-items: center !important;

        justify-content: center !important;



        margin: 0 !important;

        padding: 0 !important;

    }



}




/* FINAL SOCIAL + SPACING REFINEMENT */

@media (min-width: 769px) {



.wwap-site-footer .footer-container {

    grid-template-columns:

        minmax(360px, 1.55fr)

        minmax(270px, 1.05fr)

        minmax(140px, .72fr)

        minmax(170px, .88fr)

        minmax(240px, 1.05fr) !important;

    gap: 46px !important;

}



.wwap-site-footer #footer-social-final {

    padding-left: 24px !important;

}



.wwap-site-footer #footer-social-final .footer-social-links {

    grid-template-columns: repeat(4, 60px) !important;

    grid-auto-rows: 60px !important;

    gap: 8px !important;

}



.wwap-site-footer #footer-social-final .footer-social-links a {

    width: 60px !important;

    height: 60px !important;

    border: 1px solid rgba(255,255,255,.16) !important;

    border-radius: 8px !important;

    font-size: 24px !important;

}



.wwap-site-footer #footer-social-final .footer-social-links a svg,

.wwap-site-footer #footer-social-final .footer-social-links a i {

    transform: scale(1.15) !important;

}



}




/* FINAL FOOTER BRAND SEPARATION */

@media (min-width: 769px) {



  .wwap-site-footer .footer-brand {

    text-align: center !important;

  }



  .wwap-site-footer .wwap-footer-text-brand,

  .wwap-site-footer .wwap-footer-brand-name,

  .wwap-site-footer .wwap-footer-tagline {

    display: block !important;

    width: 100% !important;

    clear: both !important;

  }



  .wwap-site-footer .wwap-footer-brand-name {

    white-space: normal !important;

    margin: 0 !important;

    line-height: 1.25 !important;

  }



  .wwap-site-footer .wwap-footer-tagline {

    margin-top: 10px !important;

    white-space: normal !important;

    line-height: 1.4 !important;

  }



  .wwap-site-footer .wwap-brand-description {

    margin-top: 24px !important;

  }



}




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

   FINAL REFERENCE FOOTER — LOCKED DESKTOP LAYOUT

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



@media (min-width: 769px) {



  .wwap-site-footer .footer-container {

    width: min(calc(100% - 120px), 1340px) !important;

    margin: 0 auto !important;

    display: grid !important;

    grid-template-columns: 1.55fr 1fr .72fr .88fr 1.05fr !important;

    column-gap: 52px !important;

    align-items: start !important;

  }



  .wwap-site-footer .footer-container > * {

    position: static !important;

    transform: none !important;

    float: none !important;

    min-width: 0 !important;

  }



  /* Brand */

  .wwap-site-footer .footer-brand {

    grid-column: 1 !important;

    text-align: center !important;

  }



  .wwap-site-footer .wwap-footer-text-brand {

    display: block !important;

    text-align: center !important;

  }



  .wwap-site-footer .wwap-footer-brand-name {

    display: block !important;

    white-space: nowrap !important;

    text-align: center !important;

    font-size: 16px !important;

    font-weight: 800 !important;

    line-height: 1.25 !important;

  }



  .wwap-site-footer .wwap-footer-tagline {

    display: block !important;

    margin-top: 6px !important;

    text-align: center !important;

    font-size: 11px !important;

    letter-spacing: .08em !important;

  }



  .wwap-site-footer .wwap-brand-description {

    max-width: 310px !important;

    margin: 24px auto 0 !important;

    text-align: center !important;

    font-size: 14px !important;

    line-height: 1.65 !important;

  }



  /* Follow Us */

  .wwap-site-footer #footer-social-final {

    grid-column: 2 !important;

    text-align: left !important;

  }



  .wwap-site-footer #footer-social-final h3 {

    margin: 0 0 14px !important;

    white-space: nowrap !important;

  }



  .wwap-site-footer #footer-social-final .footer-social-links {

    display: grid !important;

    grid-template-columns: repeat(4, 52px) !important;

    grid-template-rows: repeat(2, 52px) !important;

    gap: 8px !important;

    width: max-content !important;

    margin: 0 !important;

    padding: 0 !important;

  }



  .wwap-site-footer #footer-social-final .footer-social-links a {

    width: 52px !important;

    height: 52px !important;

    margin: 0 !important;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    border-radius: 8px !important;

  }



  /* Remaining columns */

  .wwap-site-footer .footer-container > :nth-child(3) {

    grid-column: 3 !important;

  }



  .wwap-site-footer .footer-container > :nth-child(4) {

    grid-column: 4 !important;

  }



  .wwap-site-footer .footer-container > :nth-child(5) {

    grid-column: 5 !important;

  }



  .wwap-site-footer .footer-container h3 {

    margin-top: 0 !important;

  }

}




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

   SOCIAL ICON ORIGINAL BRAND COLORS — FINAL FIX

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



.wwap-site-footer .footer-social-links a svg {

  width: 25px !important;

  height: 25px !important;

  display: block !important;

}



/* YouTube */

.wwap-site-footer .footer-social-links a:has(.wwap-youtube) {

  color: #ff0000 !important;

}

.wwap-site-footer .wwap-youtube,

.wwap-site-footer .wwap-youtube path {

  fill: #ff0000 !important;

}



/* Instagram */

.wwap-site-footer .footer-social-links a:has(.wwap-instagram) {

  color: #e4405f !important;

}

.wwap-site-footer .wwap-instagram {

  fill: none !important;

  stroke: #e4405f !important;

}



/* Facebook */

.wwap-site-footer .footer-social-links a:has(.wwap-facebook) {

  color: #1877f2 !important;

}

.wwap-site-footer .wwap-facebook,

.wwap-site-footer .wwap-facebook path {

  fill: #1877f2 !important;

}



/* LinkedIn */

.wwap-site-footer .footer-social-links a:has(.wwap-linkedin) {

  color: #0a66c2 !important;

}

.wwap-site-footer .wwap-linkedin,

.wwap-site-footer .wwap-linkedin path {

  fill: #0a66c2 !important;

}



/* WhatsApp */

.wwap-site-footer .footer-social-links a:has(.wwap-whatsapp) {

  color: #25d366 !important;

}

.wwap-site-footer .wwap-whatsapp,

.wwap-site-footer .wwap-whatsapp path {

  fill: #25d366 !important;

}



/* Threads */

.wwap-site-footer .footer-social-links a:has(.wwap-threads) {

  color: #ffffff !important;

}

.wwap-site-footer .wwap-threads,

.wwap-site-footer .wwap-threads path {

  fill: #ffffff !important;

}



/* X / Twitter */

.wwap-site-footer .footer-social-links a:has(.wwap-x) {

  color: #ffffff !important;

}

.wwap-site-footer .wwap-x,

.wwap-site-footer .wwap-x path {

  fill: #ffffff !important;

}



/* Telegram */

.wwap-site-footer .footer-social-links a:has(.wwap-telegram) {

  color: #229ed9 !important;

}

.wwap-site-footer .wwap-telegram,

.wwap-site-footer .wwap-telegram path {

  fill: #229ed9 !important;

}



/* Prevent old footer rules from turning SVGs black */

.wwap-site-footer .footer-social-links a svg path {

  opacity: 1 !important;

}






/* WHATSAPP + THREADS FINAL BRAND LOCK */



.wwap-site-footer .footer-social-links a:nth-child(5) .wwap-social-svg,

.wwap-site-footer .footer-social-links a:nth-child(5) svg {

  color: #25D366 !important;

  fill: #25D366 !important;

}



.wwap-site-footer .footer-social-links a:nth-child(6) .wwap-social-svg,

.wwap-site-footer .footer-social-links a:nth-child(6) svg {

  color: #FFFFFF !important;

  fill: #FFFFFF !important;

  opacity: 1 !important;

}



.wwap-site-footer .footer-social-links a:nth-child(5),

.wwap-site-footer .footer-social-links a:nth-child(6) {

  background: transparent !important;

}






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

   GLOBAL FOOTER FINAL ALIGNMENT LOCK

   Applies to all public pages using .wwap-site-footer

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



@media (min-width: 769px) {



  /* Keep all footer columns on one clean grid */

  .wwap-site-footer .footer-container {

    align-items: start !important;

  }



  /* Legal column exact alignment */

  .wwap-site-footer .footer-container > :nth-child(4) {

    text-align: center !important;

    justify-self: center !important;

    align-self: start !important;

  }



  .wwap-site-footer .footer-container > :nth-child(4) h3,

  .wwap-site-footer .footer-container > :nth-child(4) .footer-title {

    text-align: center !important;

    margin-left: 0 !important;

    padding-left: 0 !important;

  }



  .wwap-site-footer .footer-container > :nth-child(4) ul,

  .wwap-site-footer .footer-container > :nth-child(4) .footer-links {

    margin-left: auto !important;

    margin-right: auto !important;

    padding-left: 0 !important;

    text-align: center !important;

  }



  .wwap-site-footer .footer-container > :nth-child(4) li,

  .wwap-site-footer .footer-container > :nth-child(4) a {

    text-align: center !important;

  }



  /* LinkedIn official-style sizing and positioning */

  .wwap-site-footer .footer-social-links a:nth-child(4) .wwap-linkedin {

    width: 25px !important;

    height: 25px !important;

    display: block !important;

    margin: 0 auto !important;

  }



  .wwap-site-footer .footer-social-links a:nth-child(4) {

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

  }

}




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

   GLOBAL FOOTER — REMOVE PURPLE FROM ALL PAGES

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



.wwap-site-footer,

.wwap-site-footer * {

  text-decoration-color: currentColor !important;

}



/* Footer brand */

.wwap-site-footer .footer-brand,

.wwap-site-footer .footer-brand a,

.wwap-site-footer .footer-brand-name,

.wwap-site-footer .footer-logo,

.wwap-site-footer .footer-column:first-child a {

  color: #f4f7fb !important;

}



/* Footer tagline */

.wwap-site-footer .footer-tagline,

.wwap-site-footer .footer-brand p,

.wwap-site-footer .footer-column:first-child p {

  color: #c7d0dc !important;

}



/* All normal footer links */

.wwap-site-footer a:not(.footer-social-link) {

  color: #c7d0dc !important;

}



/* Footer headings */

.wwap-site-footer h1,

.wwap-site-footer h2,

.wwap-site-footer h3,

.wwap-site-footer h4,

.wwap-site-footer h5,

.wwap-site-footer h6,

.wwap-site-footer .footer-title {

  color: #f4f7fb !important;

}



/* Hover state — no purple */

.wwap-site-footer a:not(.footer-social-link):hover {

  color: #ffffff !important;

}



/* Remove any inline purple from footer */

.wwap-site-footer [style*="purple"],

.wwap-site-footer [style*="#800080"],

.wwap-site-footer [style*="#6a0dad"],

.wwap-site-footer [style*="#7b2cbf"],

.wwap-site-footer [style*="#8e44ad"],

.wwap-site-footer [style*="#6f42c1"] {

  color: #f4f7fb !important;

}






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

   WAP FINAL MOBILE FOOTER — ISOLATED OVERRIDE

   2026-08-29

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



@media (max-width: 768px) {



  footer.wwap-site-footer .footer-container {

    display: grid !important;

    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;

    column-gap: 24px !important;

    row-gap: 28px !important;

    width: 100% !important;

    max-width: 100% !important;

    margin: 0 auto !important;

  }



  /* Brand — full width */

  footer.wwap-site-footer .footer-brand {

    grid-column: 1 / -1 !important;

    width: 100% !important;

    margin: 0 !important;

    padding: 0 !important;

  }



  /* Social — left column */

  footer.wwap-site-footer #footer-social-final {

    grid-column: 1 !important;

    width: 100% !important;

    margin: 0 !important;

    padding: 0 !important;

    position: static !important;

    transform: none !important;

    text-align: left !important;

  }



  /* Social heading */

  footer.wwap-site-footer #footer-social-final h3 {

    margin: 0 0 14px !important;

    text-align: left !important;

    white-space: nowrap !important;

  }



  /* Social icons — compact 4 × 2 */

  footer.wwap-site-footer #footer-social-final .footer-social-links {

    display: grid !important;

    grid-template-columns: repeat(4, 40px) !important;

    grid-template-rows: repeat(2, 40px) !important;

    grid-auto-flow: row !important;

    gap: 8px !important;

    width: max-content !important;

    max-width: 100% !important;

    margin: 0 !important;

    padding: 0 !important;

  }



  footer.wwap-site-footer #footer-social-final .footer-social-links a {

    width: 40px !important;

    height: 40px !important;

    min-width: 40px !important;

    max-width: 40px !important;

    margin: 0 !important;

    padding: 0 !important;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    border-radius: 8px !important;

    flex: none !important;

  }



  footer.wwap-site-footer #footer-social-final .footer-social-links a svg {

    width: 21px !important;

    height: 21px !important;

    display: block !important;

  }



  /* Explore — right column */

  footer.wwap-site-footer #footer-social-final + .footer-column {

    grid-column: 2 !important;

    grid-row: 2 !important;

    width: 100% !important;

    margin: 0 !important;

    padding: 0 !important;

    position: static !important;

    top: auto !important;

    transform: none !important;

  }



  /* Remaining footer columns */

  footer.wwap-site-footer .footer-container > .footer-column:nth-child(3) {

    grid-column: 1 !important;

    margin: 0 !important;

  }



  footer.wwap-site-footer .footer-container > .footer-column:nth-child(4) {

    grid-column: 2 !important;

    margin: 0 !important;

  }



  /* Last/contact column */

  footer.wwap-site-footer .footer-container > .footer-column:last-child {

    grid-column: 1 / -1 !important;

    width: 100% !important;

    margin: 0 !important;

  }



  /* Keep footer headings compact */

  footer.wwap-site-footer .footer-column h3,

  footer.wwap-site-footer .footer-social h3 {

    margin-top: 0 !important;

  }



  /* Prevent long email/contact text from widening viewport */

  footer.wwap-site-footer .footer-column a,

  footer.wwap-site-footer .footer-column p {

    overflow-wrap: anywhere !important;

    word-break: break-word !important;

  }



  /* Copyright */

  footer.wwap-site-footer .footer-bottom {

    width: 100% !important;

    margin: 0 !important;

  }



}



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

   END WAP FINAL MOBILE FOOTER

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

@media (max-width:768px){footer.wwap-site-footer #footer-social-final .footer-social-links{grid-template-columns:repeat(4,27px)!important;grid-template-rows:repeat(2,27px)!important;gap:7px!important;width:129px!important;max-width:100%!important}footer.wwap-site-footer #footer-social-final .footer-social-links a{width:27px!important;height:27px!important;min-width:27px!important;max-width:27px!important}footer.wwap-site-footer #footer-social-final .footer-social-links a svg{width:17px!important;height:17px!important}}
@media (max-width:768px){footer.wwap-site-footer #footer-social-final .footer-social-links{grid-template-columns:repeat(4,32px)!important;grid-template-rows:repeat(2,32px)!important;gap:7px!important;width:149px!important}footer.wwap-site-footer #footer-social-final .footer-social-links a{width:32px!important;height:32px!important;min-width:32px!important;max-width:32px!important}footer.wwap-site-footer #footer-social-final .footer-social-links a svg{width:19px!important;height:19px!important}}
/* WAP CLEAN FOOTER TYPOGRAPHY FINAL */
.wwap-site-footer .footer-brand,.wwap-site-footer .footer-brand p,.wwap-site-footer .footer-column,.wwap-site-footer .footer-column a,.wwap-site-footer .footer-column p,.wwap-site-footer .footer-bottom{font-size:12px!important;font-weight:400!important;line-height:1.5!important}
.wwap-site-footer h3,.wwap-site-footer .footer-title{font-size:13px!important;font-weight:500!important;line-height:1.3!important}
.wwap-site-footer .wwap-footer-brand-name{font-size:13px!important;font-weight:400!important}
.wwap-site-footer .wwap-footer-brand-tagline{font-size:11px!important;font-weight:400!important}
.wwap-site-footer .footer-bottom strong{font-weight:400!important}
.wwap-site-footer .footer-bottom{font-size:11px!important;font-weight:400!important}
@media(max-width:768px){.wwap-site-footer .footer-brand,.wwap-site-footer .footer-brand p,.wwap-site-footer .footer-column,.wwap-site-footer .footer-column a,.wwap-site-footer .footer-column p{font-size:11px!important;font-weight:400!important}.wwap-site-footer h3,.wwap-site-footer .footer-title{font-size:12px!important;font-weight:500!important}.wwap-site-footer .footer-bottom{font-size:10px!important;font-weight:400!important}.wwap-site-footer .footer-bottom strong{font-weight:400!important}}