/* ── Global mobile overrides (all pages) ───────────────────────── */ @media (max-width: 767px) { /* Tighten container side padding */ .container-fluid { padding-left: 16px !important; padding-right: 16px !important; } .container { padding-left: 16px !important; padding-right: 16px !important; } /* Reduce all named section vertical padding */ .passport-section, .assets-section, .privacy-visual-section, .how-section, .plans-section, .what-cta, .features-section, .why-hook, .why-section, .three-journeys, .triggers-section, .return-section, .privacy-section, .maker-section, .how-faq, .how-roadmap, .feedback-section, .answer-section { padding-top: 48px !important; padding-bottom: 48px !important; } /* Hero sections: reduce padding */ .what-hero, .why-hero, .when-hero, .how-hero { padding-top: 52px !important; padding-bottom: 60px !important; } /* Reduce hero font slightly so it doesn't crowd */ .what-hero-headline, .why-hero-headline, .when-hero-headline, .how-hero-headline { font-size: clamp(26px, 7vw, 36px) !important; } /* Card padding reduction */ .plan-card { padding: 20px 18px !important; } .why-qa-card { padding: 20px 18px !important; } .maker-card { padding: 22px 20px !important; } .send-col { padding: 20px 18px !important; } .trigger-card { padding: 18px 16px !important; } .cs-card { padding: 20px 18px !important; } .hook-stat { padding: 20px 16px !important; } /* Pill buttons in hero nutshell cards */ .nutshell-pills { flex-wrap: wrap; gap: 6px !important; } /* Answer section: ensure visual never bleeds on small screens */ .answer-section .passport-visual, .answer-section [style*="border-radius:18px"] { padding: 16px !important; } /* ── Insights hub page ───────────────────────────────────────── */ .ins-path { flex-wrap: wrap; gap: 6px !important; } .ins-path-seg { font-size: 11px; padding: 4px 10px; } .ins-asset-grid { grid-template-columns: repeat(2, 1fr) !important; } .ins-blog-grid { grid-template-columns: 1fr !important; } .ins-section-label { font-size: 10px; } /* ── Insights individual pages ───────────────────────────────── */ .ins-pg-header { padding: 28px 0 22px !important; } /* Breadcrumb: truncate with ellipsis so it never breaks layout */ .ins-breadcrumb { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; } .ins-layout { grid-template-columns: 1fr !important; } .ins-sidebar { position: static !important; } .ins-test { flex-direction: column !important; gap: 12px !important; } /* Sidebar cards: render as a horizontal scroll row on mobile */ .ins-sidebar { display: flex; flex-direction: column; gap: 14px; } .ins-sidebar-card { margin-bottom: 0 !important; } /* Comparison table: always scrollable */ .ins-table-wrap, table.ins-table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; } /* ── Dashboard ───────────────────────────────────────────────── */ .kpi-card { padding: 16px 14px !important; } .dash-learn-nudge { flex-wrap: wrap !important; } .dash-learn-nudge-actions { margin-left: 0 !important; width: 100% !important; } /* Tables inside dashboard: always scrollable */ .table-responsive { -webkit-overflow-scrolling: touch; } /* Footer: tighten padding and stack columns */ .w-footer-inner { padding: 0 16px !important; } .w-footer-row { gap: 24px !important; } .w-footer-nav { gap: 24px !important; } } /* ── Touch action: eliminate 300ms tap delay globally ──────────── */ a, button, [role="button"], input[type="submit"], input[type="button"], .w-nav-link, .btn { touch-action: manipulation; } /* ── Prefers-reduced-motion ─────────────────────────────────────── */ @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; } } @media (max-width: 480px) { /* Make CTA buttons full-width on very small screens */ .btn-cta-primary, .btn-cta-ghost { width: 100%; justify-content: center; } /* Insights hub: single column on very small screens */ .ins-asset-grid { grid-template-columns: 1fr !important; } /* Insights individual pages: tighter still */ .ins-pg-header { padding: 22px 0 18px !important; } .ins-pg-title { font-size: 24px !important; } .ins-test-amount { font-size: 20px !important; } /* Reason cards: stack icon above text on tiny screens */ .ins-reason { flex-direction: column !important; gap: 8px !important; } .ins-reason-num { font-size: 18px !important; } /* Sidebar cards full width */ .ins-sidebar-card { padding: 16px !important; } /* Section title smaller */ .ins-section-title { font-size: 18px !important; } /* Dashboard KPIs: tighter */ .kpi-card { padding: 14px 12px !important; } /* Dashboard topbar buttons: stack */ .dash-topbar-actions { flex-wrap: wrap !important; gap: 6px !important; } }
Enter your principal, the interest rate your bank is offering, and your tenure. Choose how your interest compounds and see exactly what you'll receive at maturity.
| Bank type | Tenure | Typical rate |
|---|---|---|
| SBI / large PSU banks | 1–3 years | 6.8–7.0% |
| HDFC / ICICI / Axis | 1–3 years | 7.0–7.25% |
| Small finance banks | 1–3 years | 8.0–9.0% |
| Senior citizen (most banks) | Any | +0.25–0.50% |
Rates are indicative and change frequently — verify with your bank before booking.