:root{
    --purple:#4A1674;
    --purple-dark:#350f54;
    --orange:#F57C20;
    --orange-dark:#d9650f;
    --gold:#FFC107;
    --bg:#FAF7F2;
    --cream:#F7E8DF;
    --text:#1A1A1A;
    --text-2:#555555;
    --green:#1E8E3E;
    --white:#FFFFFF;
    --shadow-sm:0 4px 14px rgba(74,22,116,.07);
    --shadow-md:0 12px 34px rgba(74,22,116,.10);
    --shadow-lg:0 24px 60px rgba(74,22,116,.16);
    --radius:18px;
    --radius-lg:26px;
    --ff-head:'Noto Sans Devanagari','Poppins',sans-serif;
    --ff-body:'Noto Sans Devanagari','Poppins',sans-serif;
    --ff-num:'Poppins','Noto Sans Devanagari',sans-serif;
  }
  
  /* Dark Mode Styles Removed */
  *{scroll-behavior:smooth;}
  body{
    font-family:var(--ff-body);
    font-size:0.92rem;
    color:var(--text);
    background:var(--bg);
    overflow-x:hidden;
    line-height:1.6;
  }
  h1,h2,h3,h4,h5,h6{font-family:var(--ff-head);font-weight:600;line-height:1.3;color:var(--purple);}
  p{color:var(--text-2);}
  a{text-decoration:none;}
  .num{font-family:var(--ff-num);}
  section{position:relative;}
  .sec-pad{padding:clamp(40px,6vw,76px) 0;}
  .container{max-width:1200px;}

  /* ===== Eyebrow / headings ===== */
  .eyebrow{
    display:inline-flex;align-items:center;gap:8px;
    font-weight:600;font-size:.75rem;letter-spacing:.04em;
    color:var(--orange);background:var(--cream);
    padding:6px 14px;border-radius:999px;text-transform:none;
    border:1px solid rgba(245,124,32,.22);
  }
  .sec-title{font-size:clamp(1.35rem,2.4vw,1.9rem);font-weight:600;margin:14px 0 10px;}
  .sec-sub{font-size:.94rem;color:var(--text-2);max-width:680px;margin:0 auto;}
  .divider-dot{width:48px;height:4px;border-radius:99px;background:linear-gradient(90deg,var(--orange),var(--gold));margin:10px auto 0;}

  /* ===== Buttons ===== */
  .btn{font-weight:600;border-radius:999px;padding:.85rem 1.7rem;transition:.25s;border:none;font-size:1rem;}
  .btn-orange{background:var(--orange);color:#fff;box-shadow:0 10px 24px rgba(245,124,32,.32);}
  .btn-orange:hover{background:var(--orange-dark);color:#fff;transform:translateY(-2px);box-shadow:0 14px 30px rgba(245,124,32,.42);}
  .btn-purple{background:var(--purple);color:#fff;}
  .btn-purple:hover{background:var(--purple-dark);color:#fff;transform:translateY(-2px);}
  .btn-outline-purple{background:transparent;color:var(--purple);border:2px solid var(--purple);}
  .btn-outline-purple:hover{background:var(--purple);color:#fff;}
  .btn-wa{background:#25D366;color:#fff;box-shadow:0 10px 24px rgba(37,211,102,.3);}
  .btn-wa:hover{background:#1ebe5a;color:#fff;transform:translateY(-2px);}
  .btn-ghost-white{background:rgba(255,255,255,.12);color:#fff;border:2px solid rgba(255,255,255,.5);}
  .btn-ghost-white:hover{background:#fff;color:var(--purple);}

  /* ===== Top bar ===== */
  .topbar{background:var(--purple-dark);color:#fff;font-size:.86rem;}
  .topbar a{color:#fff;opacity:.9;}
  .topbar a:hover{opacity:1;color:var(--gold);}
  .topbar .sep{opacity:.3;}

  /* ===== Navbar ===== */
  /* NOTE: backdrop-filter intentionally NOT used here — a filter/backdrop-filter on
     the navbar would make the nested position:fixed offcanvas (#navMenu) be clamped
     to the navbar box instead of the viewport, breaking the mobile menu. */
  .navbar{background:rgba(255,255,255,.98);transition:.3s;padding:.6rem 0;border-bottom:1px solid rgba(74,22,116,.06);}
  .navbar.scrolled{box-shadow:var(--shadow-sm);}
  .brand-wrap{display:flex;align-items:center;gap:12px;}
  .header-logo{height:52px;width:auto;max-width:100%;display:block;}
  @media (max-width:575px){ .header-logo{height:42px;} }
  .brand-mark{
    width:46px;height:46px;border-radius:13px;flex:none;
    background:linear-gradient(145deg,var(--purple),var(--purple-dark));
    color:var(--gold);display:grid;place-items:center;font-weight:800;font-size:1.35rem;
    box-shadow:var(--shadow-sm);font-family:var(--ff-num);
  }
  .brand-name{font-family:var(--ff-head);font-weight:600;color:var(--purple);font-size:1.02rem;line-height:1.2;}
  .brand-sub{font-size:.72rem;color:var(--orange);font-weight:600;}
  .navbar .nav-link{color:var(--text);font-weight:500;font-size:.88rem;padding:.5rem .85rem !important;border-radius:8px;}
  .navbar .nav-link:hover,.navbar .nav-link.active{color:var(--orange);}

  /* ===== Hero ===== */
  .hero{
    background:
      radial-gradient(900px 480px at 88% -8%, rgba(255,193,7,.16), transparent 60%),
      radial-gradient(760px 540px at -6% 18%, rgba(245,124,32,.10), transparent 55%),
      linear-gradient(180deg,#fff 0%, var(--bg) 100%);
    padding:clamp(46px,7vw,88px) 0 clamp(60px,8vw,96px);
    overflow:hidden;
  }
  .hero h1{font-size:clamp(1.6rem,3.2vw,2.4rem);font-weight:600;color:var(--purple);line-height:1.2;letter-spacing:-.01em;}
  .hero h1 .hl{color:var(--orange);font-weight:600;}
  .hero .lead-org{font-weight:600;color:var(--purple);font-size:1rem;margin-top:6px;}
  .hero .lead-desc{font-size:.95rem;color:var(--text-2);max-width:560px;}
  .trust-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;}
  .trust-list li{display:flex;align-items:center;gap:9px;font-weight:500;color:var(--text);font-size:.9rem;}
  .trust-list .tick{width:24px;height:24px;border-radius:50%;background:rgba(30,142,62,.12);color:var(--green);display:grid;place-items:center;flex:none;font-size:.8rem;}

  /* Hero visual */
  .hero-visual{position:relative;}
  .hero-card-main{
    background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);
    padding:26px;position:relative;overflow:hidden;border:1px solid rgba(74,22,116,.06);
  }
  .hero-card-main::before{content:"";position:absolute;inset:0;background:
    radial-gradient(300px 200px at 80% 0%, rgba(255,193,7,.14), transparent 60%);}
  .savings-illus{width:100%;height:auto;display:block;border-radius:16px;}
  .float-card{
    position:absolute;background:#fff;border-radius:16px;box-shadow:var(--shadow-md);
    padding:14px 18px;display:flex;align-items:center;gap:12px;border:1px solid rgba(74,22,116,.06);
    animation:floaty 5s ease-in-out infinite;
  }
  .float-card .fi{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:#fff;font-size:1.2rem;flex:none;}
  .float-card .fv{font-family:var(--ff-num);font-weight:800;color:var(--purple);font-size:1.15rem;line-height:1;}
  .float-card .fl{font-size:.76rem;color:var(--text-2);font-weight:600;}
  .fc-1{top:6%;left:-6%;animation-delay:0s;}
  .fc-2{bottom:20%;right:-7%;animation-delay:1.2s;}
  .fc-3{bottom:-5%;left:8%;animation-delay:2.2s;}
  @keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}

  /* ===== Stats ===== */
  .stats-band{
    background: linear-gradient(135deg, var(--purple-dark), var(--purple)) !important;
    color: #fff;
    position: relative;
    z-index: 2;
  }
  .stats-band::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 20% 50%, rgba(255,193,7,0.1), transparent 50%),
                radial-gradient(circle at 80% 50%, rgba(245,124,32,0.1), transparent 50%);
    z-index: -1;
  }
  .stat-card{
    text-align: center;
    padding: 16px 12px;
    background: rgba(255, 255, 255, 0.04);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 16px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    height: 100%;
  }
  .stat-card:hover {
    transform: translateY(-4px);
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.2);
    box-shadow: 0 10px 25px rgba(0,0,0,0.15);
  }
  .stat-icn{
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.1);
    color: var(--gold);
    display: grid;
    place-items: center;
    font-size: 1.25rem;
    margin: 0 auto 10px;
    transition: 0.3s;
    box-shadow: 0 6px 14px rgba(0,0,0,0.1);
  }
  .stat-card:hover .stat-icn {
    background: var(--gold);
    color: var(--purple-dark);
    transform: scale(1.05) rotate(5deg);
    box-shadow: 0 6px 18px rgba(255, 193, 7, 0.3);
  }
  .stat-num{
    font-family: var(--ff-num);
    font-weight: 700;
    font-size: clamp(1.4rem, 2.8vw, 2rem);
    color: #fff;
    line-height: 1.1;
  }
  .stat-num .suf, .stat-num .pre{
    color: var(--gold);
    font-weight: 600;
  }
  .stat-label{
    color: rgba(255, 255, 255, 0.78);
    font-weight: 500;
    margin-top: 6px;
    font-size: 0.85rem;
    letter-spacing: 0.02em;
  }
  .stat-divider{display:none;}

  /* ===== Generic card ===== */
  .card-soft{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid rgba(74,22,116,.05);transition:.28s;height:100%;display:flex;flex-direction:column;}
  .card-soft:hover{box-shadow:var(--shadow-md);transform:translateY(-5px);}
  /* Pin a card's bottom CTA so buttons line up across a row regardless of content height */
  .card-soft>.btn{margin-top:auto !important;}

  /* About */
  .about-img-wrap{background:linear-gradient(150deg,var(--cream),#fff);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-sm);}
  .mv-card{padding:22px;border-radius:var(--radius);background:#fff;box-shadow:var(--shadow-sm);height:100%;border-top:4px solid var(--orange);}
  .mv-card.vis{border-top-color:var(--purple);}
  .mv-card.trust{border-top-color:var(--gold);}
  .mv-icn{width:50px;height:50px;border-radius:13px;display:grid;place-items:center;font-size:1.4rem;color:#fff;margin-bottom:14px;}

  /* Section bg variants */
  .bg-cream{background:var(--cream);}
  .bg-white{background:#fff;}

  /* Interest table */
  .rate-table{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-md);background:#fff;}
  .rate-table table{margin:0;}
  .rate-table thead th{background:var(--purple);color:#fff;font-weight:700;padding:16px 18px;border:none;font-size:1rem;}
  .rate-table tbody td{padding:15px 18px;vertical-align:middle;border-color:rgba(74,22,116,.07);font-weight:500;color:var(--text);}
  .rate-table tbody tr:hover{background:var(--bg);}
  .rate-pct{font-family:var(--ff-num);font-weight:800;color:var(--orange);font-size:1.12rem;}
  .row-pop{background:linear-gradient(90deg,rgba(255,193,7,.12),rgba(245,124,32,.06)) !important;}
  .badge-pop{background:var(--orange);color:#fff;font-size:.72rem;font-weight:700;padding:4px 10px;border-radius:99px;margin-left:8px;}
  .note-box{background:rgba(30,142,62,.07);border:1px dashed rgba(30,142,62,.4);border-radius:14px;padding:16px 18px;color:var(--text);font-weight:600;display:flex;gap:12px;align-items:flex-start;}
  .note-box i{color:var(--green);font-size:1.3rem;margin-top:2px;}

  /* Scheme / special cards */
  .scheme-icn{width:58px;height:58px;border-radius:15px;display:grid;place-items:center;font-size:1.6rem;color:#fff;margin-bottom:16px;}
  .pill-benefit{display:inline-flex;align-items:center;gap:6px;background:var(--cream);color:var(--purple);font-weight:600;font-size:.84rem;padding:5px 12px;border-radius:99px;margin:3px 3px 0 0;}
  .maturity-tag{font-family:var(--ff-num);font-weight:800;color:var(--green);font-size:1.5rem;}
  .ribbon{position:absolute;top:18px;right:-2px;background:var(--gold);color:#3a2a00;font-weight:700;font-size:.74rem;padding:5px 14px;border-radius:8px 0 0 8px;}

  /* Enhanced RD Card styling */
  .rd-card {
    background: var(--white);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-sm);
    overflow: hidden;
    height: 100%;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    border: 1.5px solid rgba(74, 22, 116, 0.06);
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .rd-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 6px;
    background: linear-gradient(90deg, var(--purple), var(--orange));
    z-index: 1;
  }
  .rd-card:hover {
    box-shadow: var(--shadow-lg);
    transform: translateY(-8px);
    border-color: var(--orange);
  }
  .rd-card.popular-rd {
    border: 2px solid var(--purple);
    box-shadow: 0 12px 30px rgba(74, 22, 116, 0.1);
  }
  .rd-card.popular-rd::before {
    background: linear-gradient(90deg, var(--purple), var(--gold));
  }
  .rd-head {
    background: linear-gradient(135deg, var(--purple-dark), var(--purple));
    color: #fff;
    padding: 26px 20px;
    text-align: center;
    position: relative;
  }
  .rd-card.popular-rd .rd-head {
    background: linear-gradient(135deg, var(--purple), var(--orange));
  }
  .rd-head .yr-badge {
    width: 60px;
    height: 60px;
    background: var(--gold);
    color: var(--purple-dark);
    border-radius: 50%;
    display: inline-grid;
    place-items: center;
    font-size: 1.8rem;
    font-weight: 900;
    font-family: var(--ff-num);
    margin: 0 auto 8px;
    box-shadow: 0 4px 10px rgba(255, 193, 7, 0.3);
  }
  .rd-head .yr-title {
    font-size: 1.25rem;
    font-weight: 700;
    color: #fff;
    margin-bottom: 0;
  }
  .rd-body {
    padding: 24px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .rd-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 0;
    border-bottom: 1px dashed rgba(74, 22, 116, 0.12);
  }
  .rd-row:last-of-type {
    border-bottom: none;
  }
  .rd-row .k {
    color: var(--text-2);
    font-weight: 600;
    font-size: 0.92rem;
    display: flex;
    align-items: center;
    gap: 8px;
  }
  .rd-row .v {
    font-family: var(--ff-num);
    font-weight: 700;
    color: var(--text);
    font-size: 1.05rem;
  }
  .rd-row .v.highlight-v {
    color: var(--orange);
    font-size: 1.15rem;
  }
  .rd-mat {
    background: var(--cream);
    border-radius: 14px;
    padding: 16px;
    text-align: center;
    margin-top: 10px;
    border: 1px solid rgba(74, 22, 116, 0.06);
    transition: all 0.2s ease;
  }
  .rd-card:hover .rd-mat {
    background: rgba(30, 142, 62, 0.08);
    border-color: rgba(30, 142, 62, 0.2);
  }
  .rd-mat .lbl {
    font-size: 0.85rem;
    color: var(--text-2);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    margin-bottom: 4px;
  }
  .rd-mat .amt {
    font-family: var(--ff-num);
    font-weight: 850;
    color: var(--green);
    font-size: 1.85rem;
    line-height: 1.1;
  }

  /* Loan grid */
  .loan-card{background:#fff;border-radius:var(--radius);padding:24px;box-shadow:var(--shadow-sm);height:100%;transition:.26s;border:1px solid rgba(74,22,116,.05);position:relative;overflow:hidden;}
  .loan-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);}
  .loan-card .li{width:54px;height:54px;border-radius:14px;background:var(--cream);color:var(--orange);display:grid;place-items:center;font-size:1.5rem;margin-bottom:14px;transition:.26s;}
  .loan-card:hover .li{background:var(--orange);color:#fff;}
  .loan-card h5{font-size:1.08rem;margin-bottom:6px;}
  .offer-band{background:linear-gradient(135deg,var(--orange),var(--orange-dark));color:#fff;border-radius:var(--radius-lg);padding:30px;box-shadow:var(--shadow-md);}
  .offer-band h4,.offer-band p{color:#fff;}

  /* Digital services */
  .dig-item{background:#fff;border-radius:16px;padding:20px 12px;text-align:center;box-shadow:var(--shadow-sm);transition:.24s;height:100%;border:1px solid rgba(74,22,116,.05);}
  .dig-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);background:var(--purple);}
  .dig-item:hover .di,.dig-item:hover .dt{color:#fff;}
  .dig-item:hover .di{background:rgba(255,255,255,.16);}
  .dig-item .di{width:54px;height:54px;border-radius:14px;background:var(--cream);color:var(--purple);display:grid;place-items:center;font-size:1.5rem;margin:0 auto 12px;transition:.24s;}
  .dig-item .dt{font-weight:600;color:var(--text);font-size:.92rem;transition:.24s;}

  /* Why choose */
  .why-item{display:flex;gap:14px;align-items:flex-start;background:#fff;border-radius:14px;padding:16px 18px;box-shadow:var(--shadow-sm);height:100%;}
  .why-item .wi{width:40px;height:40px;border-radius:11px;background:rgba(30,142,62,.12);color:var(--green);display:grid;place-items:center;font-size:1.1rem;flex:none;}
  .why-item h6{margin:0 0 2px;font-size:1rem;color:var(--purple);font-weight:700;}
  .why-item p{margin:0;font-size:.88rem;}

  /* Testimonials */
  .tst-card{background:#fff;border-radius:var(--radius);padding:26px;box-shadow:var(--shadow-sm);height:100%;border:1px solid rgba(74,22,116,.05);position:relative;}
  .tst-card .quote{font-size:2.6rem;color:var(--cream);position:absolute;top:12px;right:20px;font-family:Georgia,serif;line-height:1;}
  .tst-stars{color:var(--gold);font-size:.95rem;margin-bottom:10px;}
  .tst-body{color:var(--text);font-style:normal;font-weight:500;}
  .tst-person{display:flex;align-items:center;gap:12px;margin-top:16px;}
  .tst-avatar{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:700;font-family:var(--ff-num);font-size:1.1rem;flex:none;}
  .tst-name{font-weight:700;color:var(--purple);font-size:.98rem;}
  .tst-meta{font-size:.82rem;color:var(--text-2);}

  /* FAQ */
  .accordion-item{border:none;margin-bottom:14px;border-radius:14px !important;overflow:hidden;box-shadow:var(--shadow-sm);}
  .accordion-button{font-family:var(--ff-head);font-weight:700;color:var(--purple);font-size:1.04rem;padding:1.1rem 1.3rem;background:#fff;}
  .accordion-button:not(.collapsed){background:var(--cream);color:var(--purple);box-shadow:none;}
  .accordion-button:focus{box-shadow:none;}
  .accordion-button::after{background-image:none;content:"\F64D";font-family:"bootstrap-icons";font-size:1rem;transform:none;color:var(--orange);}
  .accordion-button:not(.collapsed)::after{content:"\F63B";transform:none;}
  .accordion-body{color:var(--text-2);padding:0 1.3rem 1.2rem;}

  /* Lead form */
  .lead-band{background:linear-gradient(135deg,var(--purple),var(--purple-dark));position:relative;overflow:hidden;}
  .lead-band::before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(255,193,7,.18),transparent 65%);top:-140px;right:-120px;}
  .lead-band h2,.lead-band p{color:#fff;}
  .lead-card{background:#fff;border-radius:var(--radius-lg);padding:clamp(24px,4vw,40px);box-shadow:var(--shadow-lg);}
  .form-label{font-weight:600;color:var(--purple);font-size:.92rem;margin-bottom:5px;}
  .form-control,.form-select{border-radius:12px;border:1.5px solid rgba(74,22,116,.16);padding:.7rem .9rem;font-size:.97rem;}
  .form-control:focus,.form-select:focus{border-color:var(--orange);box-shadow:0 0 0 .2rem rgba(245,124,32,.16);}
  .form-success{display:none;background:rgba(30,142,62,.1);border:1px solid var(--green);color:var(--green);border-radius:12px;padding:14px;font-weight:600;}

  /* Contact */
  .contact-card{background:#fff;border-radius:var(--radius);padding:24px;box-shadow:var(--shadow-sm);height:100%;}
  .contact-line{display:flex;gap:14px;align-items:flex-start;margin-bottom:18px;}
  .contact-line .ci{width:46px;height:46px;border-radius:12px;background:var(--cream);color:var(--orange);display:grid;place-items:center;font-size:1.25rem;flex:none;}
  .contact-line a{color:var(--text);font-weight:600;}
  .contact-line a:hover{color:var(--orange);}
  .map-wrap{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-md);height:100%;min-height:340px;}
  .map-wrap iframe{width:100%;height:100%;min-height:340px;border:0;display:block;}

  /* Footer */
  footer{background:var(--purple-dark);color:rgba(255,255,255,.78);}
  footer p{color:rgba(255,255,255,.74);}
  footer h6{color:#fff;font-weight:700;margin-bottom:18px;font-size:1.02rem;}
  footer a{color:rgba(255,255,255,.74);font-size:.93rem;display:inline-block;padding:4px 0;}
  footer a:hover{color:var(--gold);}
  .foot-brand{font-family:var(--ff-head);color:#fff;font-weight:800;font-size:1.12rem;}
  .soc{width:40px;height:40px;border-radius:11px;background:rgba(255,255,255,.1);color:#fff;display:grid;place-items:center;font-size:1.05rem;transition:.24s;}
  .soc:hover{background:var(--gold);color:var(--purple-dark);}
  .foot-bottom{border-top:1px solid rgba(255,255,255,.12);font-size:.86rem;}

  /* Floating WhatsApp */
  .wa-float{position:fixed;bottom:22px;right:22px;width:58px;height:58px;border-radius:50%;background:#25D366;color:#fff;display:grid;place-items:center;font-size:1.7rem;box-shadow:0 12px 30px rgba(37,211,102,.45);z-index:999;animation:floaty 4s ease-in-out infinite;}
  .wa-float:hover{color:#fff;transform:scale(1.08);}

  /* Reveal animation */
  .reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease;}
  .reveal.in{opacity:1;transform:none;}

  @media (max-width:991px){
    .trust-list{grid-template-columns:1fr;}
    .float-card{position:static;margin:10px auto 0;display:inline-flex;animation:none;}
    .hero-floats{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:16px;}
  }
  @media (max-width:575px){
    .float-card{width:100%;justify-content:center;}
  }
  @media (prefers-reduced-motion:reduce){
    *{scroll-behavior:auto;}
    .reveal{transition:none;opacity:1;transform:none;}
    .float-card,.wa-float{animation:none;}
  }
  #themeToggle {
    border: 1.5px solid rgba(74, 22, 116, 0.15) !important;
    background: rgba(255, 255, 255, 0.6) !important;
    backdrop-filter: blur(5px);
    transition: all 0.3s ease;
    color: var(--purple) !important;
  }
  #themeToggle:hover {
    background: var(--purple) !important;
    color: #fff !important;
    transform: scale(1.08);
    box-shadow: 0 4px 12px rgba(74, 22, 116, 0.2);
  }
  /* themeToggle dark mode styles removed */

  /* Deposit Section Redesign */
  .deposit-card {
    background: var(--white);
    border: 1px solid rgba(74, 22, 116, 0.08);
    border-radius: var(--radius);
    padding: 30px 24px;
    position: relative;
    overflow: hidden;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    box-shadow: var(--shadow-sm);
  }
  .deposit-card:hover {
    transform: translateY(-8px);
    box-shadow: var(--shadow-md);
    border-color: var(--orange);
  }
  .deposit-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, var(--purple), var(--orange));
    opacity: 0.8;
  }
  .deposit-card.popular-card {
    background: linear-gradient(145deg, var(--white), rgba(245, 124, 32, 0.03));
    border: 2px solid var(--orange);
    box-shadow: 0 12px 30px rgba(245, 124, 32, 0.15);
  }
  /* popular-card dark mode style removed */
  .deposit-card.popular-card::before {
    background: linear-gradient(90deg, var(--orange), var(--gold));
    height: 6px;
  }
  .deposit-card:hover.popular-card {
    box-shadow: 0 16px 40px rgba(245, 124, 32, 0.25);
  }
  .deposit-card-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 20px;
  }
  .deposit-icon-wrapper {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: var(--cream);
    color: var(--purple);
    display: grid;
    place-items: center;
    font-size: 1.35rem;
    transition: all 0.3s ease;
  }
  .deposit-card:hover .deposit-icon-wrapper {
    background: var(--purple);
    color: var(--white);
    transform: scale(1.1);
  }
  .deposit-card.popular-card .deposit-icon-wrapper {
    background: rgba(245, 124, 32, 0.15);
    color: var(--orange);
  }
  .deposit-card.popular-card:hover .deposit-icon-wrapper {
    background: var(--orange);
    color: var(--white);
  }
  .deposit-rate-badge {
    text-align: right;
  }
  .deposit-rate-value {
    font-family: var(--ff-num);
    font-size: 2.4rem;
    font-weight: 800;
    color: var(--orange);
    line-height: 1;
  }
  .deposit-rate-label {
    font-size: 0.75rem;
    color: var(--text-2);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
  }
  .deposit-card-body {
    margin-bottom: 20px;
  }
  .deposit-tenure {
    font-size: 1.15rem;
    font-weight: 700;
    color: var(--purple);
    margin-bottom: 8px;
  }
  /* deposit-tenure dark mode style removed */
  .deposit-desc {
    font-size: 0.88rem;
    color: var(--text-2);
    margin-bottom: 0;
  }
  .deposit-card-footer {
    border-top: 1px dashed rgba(74, 22, 116, 0.1);
    padding-top: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .deposit-card.popular-card .deposit-card-footer {
    border-top-color: rgba(245, 124, 32, 0.2);
  }
  .deposit-action-link {
    font-weight: 700;
    font-size: 0.88rem;
    color: var(--orange);
    display: flex;
    align-items: center;
    gap: 6px;
    transition: all 0.2s ease;
  }
  .deposit-action-link:hover {
    color: var(--orange-dark);
    gap: 10px;
  }
  .deposit-badge-popular {
    background: linear-gradient(90deg, var(--orange), var(--gold));
    color: #3a2a00;
    font-size: 0.72rem;
    font-weight: 800;
    padding: 4px 10px;
    border-radius: 99px;
    box-shadow: 0 4px 10px rgba(245, 124, 32, 0.2);
  }
  .bonus-banner {
    background: linear-gradient(135deg, rgba(74, 22, 116, 0.03), rgba(245, 124, 32, 0.03));
    border: 1.5px dashed rgba(74, 22, 116, 0.15) !important;
    backdrop-filter: blur(10px);
    transition: all 0.3s ease;
  }
  .bonus-banner:hover {
    border-style: solid !important;
    border-color: var(--purple) !important;
    transform: translateY(-2px);
  }
  /* bonus-banner dark mode style removed */
  .bonus-icon {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: rgba(245, 124, 32, 0.15);
    color: var(--orange);
    display: grid;
    place-items: center;
    font-size: 1.35rem;
    flex-shrink: 0;
  }

  /* Perfect alignment centering override for all icon containers */
  .mv-icn,
  .stat-icn,
  .scheme-icn,
  .loan-card .li,
  .dig-item .di,
  .why-item .wi,
  .contact-line .ci,
  #themeToggle,
  .bonus-icon,
  .soc,
  .trust-list .tick {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  
  .mv-icn i,
  .stat-icn i,
  .scheme-icn i,
  .loan-card .li i,
  .dig-item .di i,
  .why-item .wi i,
  .contact-line .ci i,
  .bonus-icon i,
  .soc i,
  .trust-list .tick i {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    vertical-align: 0 !important;
    line-height: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* ======================= MOBILE RESPONSIVE OVERRIDES ======================= */
  
  /* Offcanvas Mobile Navigation Menu */
  @media (max-width: 991px) {
    #navMenu.offcanvas {
      width: 290px !important;
      background-color: var(--bg) !important;
      border-left: 1px solid rgba(74, 22, 116, 0.08) !important;
    }
    #navMenu .offcanvas-header {
      border-bottom: 1px solid rgba(74, 22, 116, 0.08) !important;
      background-color: var(--white) !important;
      padding: 1.2rem 1.5rem !important;
    }
    #navMenu .offcanvas-body {
      padding: 1.5rem 1.25rem !important;
      background-color: var(--bg) !important;
    }
    #navMenu .navbar-nav {
      display: flex !important;
      flex-direction: column !important;
      gap: 12px !important;
      align-items: stretch !important;
    }
    #navMenu .nav-item {
      display: block !important;
      width: 100% !important;
    }
    #navMenu .nav-link {
      display: block !important;
      padding: 12px 18px !important;
      border-radius: 10px !important;
      font-size: 0.95rem !important;
      font-weight: 600 !important;
      transition: all 0.25s ease !important;
      color: var(--text) !important;
      border-left: 3px solid transparent !important;
      text-align: left !important;
    }
    #navMenu .nav-link:hover,
    #navMenu .nav-link.active {
      background-color: var(--cream) !important;
      color: var(--purple) !important;
      border-left-color: var(--orange) !important;
      padding-left: 24px !important;
    }
    #navMenu .nav-item .btn-orange {
      padding: 12px 24px !important;
      font-size: 0.95rem !important;
      text-align: center !important;
    }
    /* Logo inside the mobile menu header */
    #navMenu .menu-logo {
      height: 40px;
      width: auto;
      max-width: 180px;
      display: block;
    }
    /* Leading icons on each mobile nav link */
    #navMenu .nav-link i {
      width: 22px;
      margin-right: 10px;
      font-size: 1.05rem;
      color: var(--orange);
      display: inline-block;
      text-align: center;
      vertical-align: -2px;
    }
    /* The toggle + CTA row */
    #navMenu .nav-item:last-of-type {
      margin-top: 18px !important;
    }
    /* Mobile-only quick actions block */
    #navMenu .menu-extras { margin-top: 22px; }
    #navMenu .menu-divider {
      height: 1px;
      background: rgba(74, 22, 116, 0.12);
      margin: 0 0 18px;
    }
    #navMenu .menu-hours {
      margin: 16px 0 0;
      font-size: 0.82rem;
      color: var(--text-2);
      text-align: center;
    }
  }
  /* Dark-mode adjustments for the redesigned mobile menu */
  [data-theme="dark"] #navMenu.offcanvas {
    background-color: var(--bg) !important;
    border-left-color: rgba(255,255,255,.08) !important;
  }
  [data-theme="dark"] #navMenu .offcanvas-header,
  [data-theme="dark"] #navMenu .offcanvas-body { background-color: var(--bg) !important; }
  [data-theme="dark"] #navMenu .menu-divider { background: rgba(255,255,255,.12); }
  [data-theme="dark"] #navMenu .menu-logo {
    background: #fff; padding: 5px 8px; border-radius: 8px;
  }

  /* Grid, Cards and Calculator spacing on small screens */
  @media (max-width: 575px) {
    .loan-card {
      padding: 16px;
      border-radius: 14px;
    }
    .loan-card .li {
      width: 44px;
      height: 44px;
      font-size: 1.25rem;
      margin-bottom: 10px;
    }
    .loan-card h5 {
      font-size: 0.95rem;
    }
    .loan-card p {
      font-size: 0.78rem !important;
    }
    .dig-item {
      padding: 12px 6px;
      border-radius: 12px;
    }
    .dig-item .di {
      width: 42px;
      height: 42px;
      font-size: 1.2rem;
      margin-bottom: 8px;
    }
    .dig-item .dt {
      font-size: 0.78rem;
    }
    #calcTabs .nav-link {
      font-size: 0.85rem;
      padding: 8px 10px !important;
    }
  }