*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI, Arial;} html,body{max-width:100%;overflow-x:hidden;} body{background:#061826;color:#fff;overflow-x:hidden;} a{color:#fff;text-decoration:none;} img{max-width:100%;display:block} button,input,select,textarea{font:inherit} input,select,textarea{min-width:0} *{letter-spacing:normal;word-spacing:normal;} h1,h2,h3,h4,p,span,a,button,label,li,div{line-height:1.55;} .marquee-track{align-items:center;white-space:nowrap;} .badge,.keyword-pill,.enqItem,.pill,.hItem{direction:ltr;unicode-bidi:isolate;} /* ===== SUB HEADER (TOPBAR) ===== */ .topbar{ background:#04121f; padding:8px 40px; display:flex; justify-content:space-between; align-items:center; font-size:14px; } .topbar a{color:#fff;text-decoration:none;} .topbar .social a{ margin-left:14px; display:inline-flex; align-items:center; justify-content:center; width:30px;height:30px; border-radius:8px; background:rgba(255,255,255,0.07); border:1px solid rgba(255,255,255,0.10); } .topbar .social a:hover{background:rgba(255,255,255,0.10)} .topbar-left{display:flex;align-items:center;gap:10px;} .topbar-mail{display:inline-flex;align-items:center;gap:8px;} .topbar-mail i{color:#20c4ff;font-size:14px;} /* ===== HEADER ===== */ header{ display:flex; justify-content:space-between; align-items:center; padding:14px 40px; background:#0b2138; position:sticky; top:0; z-index:999; border-bottom:1px solid rgba(255,255,255,0.08); } .brand{ display:flex; align-items:center; gap:12px; font-weight:700; font-size:20px; } .brand img{width:96px;height:auto} .brand span{display:none;} nav{ display:flex; align-items:center; gap:14px; flex-wrap:wrap; } nav a{ color:#fff; font-size:15px; padding:8px 10px; border-radius:10px; } nav a:hover{background:rgba(255,255,255,0.08)} .apply-btn{ background:#F2FF04; padding:10px 16px; border-radius:10px; color:#061826; font-weight:800; box-shadow:0 0 18px rgba(242,255,4,0.25); } .apply-btn:hover{box-shadow:0 0 25px rgba(242,255,4,0.45)} .agent-btn{ background:#14549c; color:#fff; padding:10px 16px; border-radius:10px; font-weight:800; border:1px solid rgba(255,255,255,0.14); box-shadow:0 0 14px rgba(32,196,255,0.10); } .agent-btn:hover{ background:#1d63b5; box-shadow:0 0 18px rgba(32,196,255,0.22); } /* ===== MOBILE NAV TOGGLE ===== */ .menuBtn{ display:none; width:44px;height:44px; border-radius:12px; border:1px solid rgba(255,255,255,0.12); background:rgba(255,255,255,0.06); color:#fff; font-size:18px; align-items:center; justify-content:center; cursor:pointer; } .menuBtn:hover{background:rgba(255,255,255,0.10)} /* ===== HERO ===== */ .hero{ text-align:center; padding:30px 20px 40px; } .hero h1{ font-size:40px; margin:24px 0 10px; } .hero p{ opacity:.85; margin-bottom:22px; line-height:1.7; } .hero button{ background:#F2FF04; border:none; padding:14px 36px; border-radius:10px; color:#061826; font-size:18px; font-weight:700; cursor:pointer; box-shadow:0 0 20px rgba(242,255,4,0.25); } .hero button:hover{filter:brightness(0.98);box-shadow:0 0 28px rgba(242,255,4,0.45)} /* ===== HERO BANNER ===== */ .heroBanner{ width:100vw; max-width:100vw; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); border-radius:0; overflow:hidden; position:relative; background:#061826; border:none; } .bannerSlides{ display:flex; width:100%; transform:translateX(0); transition:transform .6s ease; } .bannerSlide{ min-width:100%; position:relative; } .bannerSlide img{ width:100%; height:auto; object-fit:contain; display:block; background:#061826; } .bannerDots{ position:absolute; bottom:10px;left:0;right:0; display:flex;gap:8px; justify-content:center; z-index:2; } .bannerDots button{ width:10px;height:10px;border-radius:999px; border:1px solid rgba(255,255,255,0.35); background:rgba(255,255,255,0.12); cursor:pointer; } .bannerDots button.active{ background:#F2FF04; border-color:#F2FF04; } /* ===== MARQUEE ===== */ .marquee{overflow:hidden;width:100%;max-width:100vw} .marquee-track{display:flex;gap:12px;width:max-content;will-change:transform} /* ===== TRUST SLIDER ===== */ .trust-slider{ overflow:hidden; margin:34px 0 0; width:100%; max-width:100vw; } .trust-track{ display:flex; gap:12px; width:max-content; padding:8px 40px; max-width:100vw; } .badge{ background:#14549c; padding:12px 18px; border-radius:999px; white-space:nowrap; border:1px solid rgba(255,255,255,0.10); } /* ===== PRODUCTS ===== */ .prodWrap{max-width:1150px;margin:0 auto;padding:0 20px;} .prodSection{padding:70px 0;text-align:center;} .prodSection h2{margin-bottom:10px} .prodSection p{opacity:.85;max-width:950px;margin:0 auto 22px;line-height:1.7} .prodHeaderRow{ display:flex;justify-content:center;align-items:center; gap:12px;flex-wrap:wrap; max-width:1150px;margin:0 auto 10px; padding:0 20px; } .prodPills{display:flex;gap:10px;flex-wrap:wrap;justify-content:center} .pill{ background:rgba(255,255,255,0.04); border:1px solid rgba(255,255,255,0.10); padding:10px 14px;border-radius:999px; font-size:13px;color:#dbe7ff;white-space:nowrap } .pill i{color:#20c4ff;margin-right:8px} .prodGrid{ display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:14px; margin-top:14px; } .pCard{ position:relative; background:#0d243d; border:1px solid rgba(255,255,255,0.10); border-radius:18px; padding:18px; text-align:left; box-shadow:0 14px 30px rgba(0,0,0,0.20); display:flex; flex-direction:column; gap:12px; min-width:0; overflow:hidden; transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease; } .pCard:before{ content:""; position:absolute;inset:-2px; background:radial-gradient(600px 200px at 15% 0%, rgba(242,255,4,.10), transparent 60%), radial-gradient(500px 220px at 85% 30%, rgba(32,196,255,.10), transparent 60%); pointer-events:none; } .pCard:hover{ transform:translateY(-4px); box-shadow:0 18px 40px rgba(0,0,0,0.28); border-color:rgba(32,196,255,0.35); } .pTop{display:flex;align-items:flex-start;gap:12px;position:relative} .pIcon{ width:46px;height:46px;border-radius:16px; display:flex;align-items:center;justify-content:center; background:rgba(242,255,4,.12); border:1px solid rgba(242,255,4,.35); color:#fff; flex:0 0 auto; font-size:18px; } .pTitleRow{display:flex;align-items:center;gap:10px;flex-wrap:wrap} .pCard h3{margin:0;font-size:16px} .pBadge{ font-size:12px;font-weight:900; padding:7px 10px;border-radius:999px; background:rgba(242,255,4,.14); border:1px solid rgba(242,255,4,.35); color:#fff; } .pBadge.alt{ background:rgba(32,196,255,.10); border:1px solid rgba(32,196,255,.22); color:#dbe7ff; } .pSub{opacity:.9;color:#c7d3de;font-size:13px;line-height:1.65;position:relative} .pHighlights{ position:relative; display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:10px; } .hItem{ background:#14549c; border:1px solid rgba(255,255,255,0.10); border-radius:14px; padding:10px 12px; font-size:12px;color:#dbe7ff; display:flex;gap:8px;align-items:flex-start; min-width:0; } .hItem i{color:#20c4ff;margin-top:2px} .pActions{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto;position:relative} .pBtn{ display:inline-flex;align-items:center;gap:8px; padding:10px 12px;border-radius:12px; font-weight:900;font-size:13px; text-decoration:none; } .pBtn.primary{background:#F2FF04;color:#061826;box-shadow:0 0 16px rgba(242,255,4,0.18)} .pBtn.primary:hover{box-shadow:0 0 24px rgba(242,255,4,0.38)} .pBtn.secondary{background:#14549c;color:#fff;border:1px solid rgba(255,255,255,0.12)} .pNote{ margin-top:16px; opacity:.85; color:#c7d3de; font-size:13px; line-height:1.7; text-align:center; } /* ===== ABOUT ===== */ .about{ background:#0b2138; padding:70px 20px; text-align:center; } .about h2{margin-bottom:12px} .about .text{ max-width:950px; margin:0 auto; opacity:.9; line-height:1.7; } .stats{ display:flex; justify-content:center; flex-wrap:wrap; gap:16px; margin-top:26px; } .stat{ background:#14549c; border:1px solid rgba(255,255,255,0.10); padding:18px; border-radius:14px; width:230px; } /* ===== KEYWORD SLIDER ===== */ .keyword-slider{overflow:hidden;margin:22px 0 0;width:100%;} .keyword-track{ display:flex;gap:14px;width:max-content; padding:10px 40px; will-change:transform; } .keyword-pill{ background:#14549c; padding:12px 18px; border-radius:999px; white-space:nowrap; border:1px solid rgba(255,255,255,0.10); font-size:14px; opacity:.95; } /* ===== EMI + CONTACT ===== */ .sectionWrap{max-width:1150px;margin:0 auto;padding:0 20px;min-width:0;} .emiSection{padding:70px 0;overflow-x:hidden} .emiHead{text-align:center;padding:0 20px 18px;} .emiHead h2{font-size:34px;margin-bottom:10px} .emiHead p{opacity:.88;max-width:1050px;margin:0 auto;line-height:1.7} .emiGrid{ display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr); gap:16px; margin-top:18px; width:100%; min-width:0; } .emiCard{ background:#0d243d; border:1px solid rgba(255,255,255,0.10); border-radius:16px; padding:18px; box-shadow:0 14px 30px rgba(0,0,0,0.20); min-width:0; width:100%; overflow:hidden; } .emiCard h3{font-size:18px;margin-bottom:10px} .emiMuted{opacity:.9;line-height:1.7;font-size:13px;color:#c7d3de} .emiLabel{display:block;margin:12px 0 6px;color:#cfd8dc;font-size:12px} .emiInput, .emiSelect{ width:100%; max-width:100%; padding:12px; border-radius:10px; border:1px solid rgba(255,255,255,0.10); outline:none; background:#061826; color:#fff; } .emiInput::placeholder{color:#9fb0bd} .emiRow{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:10px; min-width:0; } .emiRangeTop{ display:flex; justify-content:space-between; align-items:center; gap:10px; margin-top:8px; flex-wrap:wrap; } .emiBadge{ background:#14549c; border:1px solid rgba(255,255,255,0.10); padding:8px 10px; border-radius:999px; font-size:12px; color:#dbe7ff; max-width:100%; } .emiRange{width:100%;margin-top:8px} .emiActions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px} .emiBtn{ display:inline-flex;align-items:center;gap:8px; border:none;cursor:pointer; padding:12px 14px;border-radius:12px; font-weight:800;font-size:14px; } .emiBtn.primary{background:#F2FF04;color:#061826;box-shadow:0 0 16px rgba(242,255,4,0.18)} .emiBtn.primary:hover{box-shadow:0 0 24px rgba(242,255,4,0.38)} .emiBtn.secondary{background:#14549c;border:1px solid rgba(255,255,255,0.12);color:#fff} .kpis{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:10px; min-width:0; } .kpi{ background:#14549c; border:1px solid rgba(255,255,255,0.10); border-radius:14px; padding:14px; min-width:0; } .kpi b{ display:block; font-size:12px; opacity:.95; margin-bottom:6px; color:#c7d3de; } .kpi span{ font-size:18px; font-weight:800; color:#F2FF04; display:block; overflow-wrap:anywhere; word-break:break-word; } .tableWrap{ margin-top:12px; border:1px solid rgba(255,255,255,0.10); border-radius:14px; overflow:hidden; width:100%; min-width:0; } .tableHead{ background:#14549c; padding:12px 14px; display:flex; justify-content:space-between; align-items:center; gap:10px; flex-wrap:wrap; } .tableHead b{font-size:13px;color:#dbe7ff} .tableHead .mini{ font-size:12px; color:#c7d3de; overflow-wrap:anywhere; word-break:break-word; } .tableScroll{ max-height:420px; overflow:auto; background:#061826; width:100%; -webkit-overflow-scrolling:touch; } table{ width:100%; min-width:560px; border-collapse:collapse; } th,td{ padding:10px 10px; border-bottom:1px solid rgba(255,255,255,0.08); font-size:12px; text-align:right; white-space:nowrap; } th{text-align:right;background:rgba(20,84,156,.75);position:sticky;top:0;z-index:2} th:first-child, td:first-child{text-align:left} tr:hover td{background:rgba(255,255,255,0.03)} .small{margin-top:10px;color:#9fb0bd;font-size:12px;line-height:1.6;overflow-wrap:anywhere} hr{border:none;height:1px;background:rgba(255,255,255,0.10);margin:14px 0} .contactCreative{background:#0b2138;} .contactGrid{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:16px; margin-top:18px; min-width:0; } .cCard{ background:#061826; border:1px solid rgba(255,255,255,0.10); border-radius:18px; padding:18px; box-shadow:0 14px 30px rgba(0,0,0,0.20); text-align:left; min-width:0; } .quickCards{ display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:12px; margin-top:12px; } .qc{ background:#14549c; border:1px solid rgba(255,255,255,0.10); border-radius:16px; padding:14px; display:flex; gap:12px; align-items:flex-start; min-width:0; } .qc i{ width:38px;height:38px;border-radius:12px; display:flex;align-items:center;justify-content:center; background:rgba(242,255,4,.12); border:1px solid rgba(242,255,4,.35); color:#fff; margin-top:2px; flex:0 0 auto; } .qc b{display:block;margin-bottom:4px} .qc span{ color:#c7d3de; font-size:13px; line-height:1.6; overflow-wrap:anywhere; word-break:break-word; } .qc a{color:#20c4ff} .qc a:hover{text-decoration:underline} .formRow{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:10px; } .cLabel{display:block;margin:12px 0 6px;color:#cfd8dc;font-size:12px} .cInput, .cSelect, .cTextarea{ width:100%; max-width:100%; padding:12px;border-radius:12px;border:1px solid rgba(255,255,255,0.10); outline:none;background:#061826;color:#fff; } .cTextarea{min-height:110px;resize:vertical} .cActions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px} .cBtn{ display:inline-flex;align-items:center;gap:10px; padding:12px 14px;border-radius:12px;font-weight:900;font-size:14px;border:none;cursor:pointer } .cBtn.primary{background:#F2FF04;color:#061826;box-shadow:0 0 16px rgba(242,255,4,0.18)} .cBtn.primary:hover{box-shadow:0 0 24px rgba(242,255,4,0.38)} .cBtn.secondary{background:#14549c;color:#fff;border:1px solid rgba(255,255,255,0.12)} .toast{ margin-top:10px;padding:10px 12px;border-radius:12px;background:rgba(242,255,4,.12); border:1px solid rgba(242,255,4,.35);color:#fff;display:none;font-size:13px } /* ===== ENQUIRY FORM ===== */ .adFormWrap{ background:#0d243d; border:1px solid rgba(255,255,255,0.10); border-radius:18px; padding:18px; box-shadow:0 14px 30px rgba(0,0,0,0.20); } .adFormWrap h3{font-size:18px;margin-bottom:8px} .adMuted{color:#c7d3de;font-size:13px;line-height:1.7;opacity:.95} .adRow{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:10px; } .adLabel{display:block;margin:10px 0 6px;color:#cfd8dc;font-size:12px} .adInput,.adSelect,.adTextarea{ width:100%; max-width:100%; padding:12px;border-radius:12px; border:1px solid rgba(255,255,255,0.10); outline:none;background:#061826;color:#fff; } .adInput::placeholder,.adTextarea::placeholder{color:#9fb0bd} .adTextarea{min-height:90px;resize:vertical} .adChips{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px} .adChip{ background:#14549c; border:1px solid rgba(255,255,255,0.10); border-radius:999px; padding:8px 12px; font-size:12px;color:#dbe7ff; display:inline-flex;gap:8px;align-items:center; } .adChip i{color:#20c4ff} .adActions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px} .adBtn{ display:inline-flex;align-items:center;gap:10px; padding:12px 14px;border-radius:12px; font-weight:900;font-size:14px;border:none;cursor:pointer; } .adBtn.primary{background:#F2FF04;color:#061826;box-shadow:0 0 16px rgba(242,255,4,0.18)} .adBtn.primary:hover{box-shadow:0 0 24px rgba(242,255,4,0.38)} .adBtn.secondary{background:#14549c;color:#fff;border:1px solid rgba(255,255,255,0.12)} .adToast{ margin-top:10px;padding:10px 12px;border-radius:12px; background:rgba(242,255,4,.12); border:1px solid rgba(242,255,4,.35); color:#fff;display:none;font-size:13px } .adError{ background:rgba(255,77,77,.12); border:1px solid rgba(255,77,77,.35); color:#ffd6d6; } .adDivider{border:none;height:1px;background:rgba(255,255,255,0.10);margin:14px 0} .adHide{display:none !important;} /* ===== ENQUIRE SLIDER ===== */ .enqSlider{ margin-top:14px; overflow:hidden; border-radius:16px; border:1px solid rgba(255,255,255,0.12); background:rgba(255,255,255,0.04); } .enqTrack{ display:flex; gap:12px; width:max-content; padding:12px 16px; will-change:transform; } .enqItem{ background:#14549c; padding:12px 16px; border-radius:999px; white-space:nowrap; border:1px solid rgba(255,255,255,0.10); font-size:13px; color:#dbe7ff; display:inline-flex; align-items:center; gap:10px; opacity:.98; } .enqItem i{ width:28px;height:28px; border-radius:10px; display:flex; align-items:center; justify-content:center; background:rgba(242,255,4,.12); border:1px solid rgba(242,255,4,.35); color:#fff; } /* ===== FOOTER ===== */ .adFooter{ background:#04121f; border-top:1px solid rgba(255,255,255,0.08); margin-top:30px; } .adFooterWrap{ max-width:1150px; margin:0 auto; padding:26px 20px 16px; } .adFooterGrid{ display:grid; grid-template-columns:1.05fr .9fr .95fr .9fr .9fr 1.2fr; gap:18px; align-items:flex-start; } .fCol h4{ font-size:14px; margin-bottom:12px; color:#dbe7ff; letter-spacing:.2px; } .fCol a{ display:block; padding:7px 0; font-size:12px; color:#c7d3de; opacity:.92; } .fCol a:hover{opacity:1;color:#20c4ff} .fCol .viewAll{ color:#20c4ff; font-weight:800; margin-top:6px; } .fContactLine{ display:flex; gap:10px; align-items:flex-start; padding:8px 0; color:#c7d3de; font-size:12px; line-height:1.6; } .fContactLine i{ width:34px;height:34px; border-radius:12px; display:flex; align-items:center; justify-content:center; background:rgba(242,255,4,.12); border:1px solid rgba(242,255,4,.35); color:#fff; flex:0 0 auto; margin-top:2px; } .fContactLine a{color:#c7d3de} .fContactLine a:hover{color:#20c4ff} .fSocial{ display:flex; gap:10px; margin-top:10px; } .fSocial a{ width:38px;height:38px; border-radius:14px; display:inline-flex; align-items:center; justify-content:center; background:rgba(255,255,255,0.06); border:1px solid rgba(255,255,255,0.10); color:#dbe7ff; } .fSocial a:hover{background:rgba(255,255,255,0.10);color:#20c4ff} .fOtherLinks{margin-top:12px;padding:0;border:none;background:transparent;border-radius:0;} .fOtherTitle{ font-size:12px; color:#dbe7ff; margin:12px 0 8px; font-weight:900; letter-spacing:.2px; display:flex; align-items:center; gap:10px; } .fOtherTitle i{color:#20c4ff} .otherLinkBtn{ display:flex; align-items:center; gap:10px; background:transparent; border:none; border-radius:0; padding:6px 0; margin:6px 0; font-size:12px; color:#c7d3de; } .otherLinkBtn i{color:#20c4ff} .otherLinkBtn:hover{color:#20c4ff} .helpline{ margin-top:12px; border-radius:16px; padding:14px; background:rgba(255,77,77,.10); border:1px solid rgba(255,77,77,.35); color:#ffd6d6; line-height:1.6; font-size:12px; } .helpline b{color:#fff} .helpline a{color:#fff;text-decoration:underline} .govBadges{ display:flex; flex-direction:column; gap:14px; margin-top:12px; } .govBadges img{ width:190px; height:auto; display:block; } .adFooterMid{ margin-top:18px; padding:14px 0; border-top:1px solid rgba(255,255,255,0.08); border-bottom:1px solid rgba(255,255,255,0.08); display:flex; justify-content:space-between; gap:14px; flex-wrap:wrap; } .adFooterMid .midLeft{ font-size:12px; color:#c7d3de; line-height:1.7; opacity:.95; } .adFooterMid .midRight{ font-size:12px; display:flex; gap:10px; align-items:center; flex-wrap:wrap; } .adFooterMid .midRight a{ color:#20c4ff; font-weight:800; } .adFooterMid .dot{color:#9fb0bd} .adFooterBottom{ padding-top:14px; display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap; font-size:12px; color:#c7d3de; opacity:.95; } .adFooterBottom .muted{color:#9fb0bd} /* ===== MOBILE / RESPONSIVE ===== */ @media(max-width:1050px){ .prodGrid{grid-template-columns:repeat(2, minmax(0,1fr));} } @media(max-width:1100px){ .adFooterGrid{grid-template-columns:repeat(3, minmax(0,1fr));} } @media(max-width:900px){ header{padding:12px 18px} .topbar{padding:8px 18px} nav{gap:8px} nav a{font-size:14px} .trust-track{padding:8px 18px} .lender-track{padding:14px 18px} .keyword-track{padding:10px 18px} .emiGrid{grid-template-columns:1fr} .contactGrid{grid-template-columns:1fr} } @media(max-width:700px){ .adFooterGrid{grid-template-columns:repeat(2, minmax(0,1fr));} } @media(max-width:650px){ .prodGrid{grid-template-columns:1fr;} .adRow{grid-template-columns:1fr} .kpis{grid-template-columns:1fr} .emiRow{grid-template-columns:1fr} .formRow{grid-template-columns:1fr} } @media(max-width:600px){ .hero h1{font-size:28px} .brand img{width:74px} .quickCards{grid-template-columns:1fr} nav{ display:none; position:absolute; left:0; right:0; top:100%; background:#0b2138; padding:12px 18px; border-top:1px solid rgba(255,255,255,0.10); } nav.open{ display:flex; flex-direction:column; align-items:stretch; gap:6px; } nav a{padding:12px 12px;border-radius:12px} .menuBtn{display:inline-flex} .sectionWrap{padding:0 14px} .emiSection{padding-bottom:120px} .emiCard{padding:14px} .emiHead h2{font-size:28px} .emiActions,.cActions,.adActions{ flex-direction:column; gap:10px; } .emiBtn,.cBtn,.adBtn{ width:100%; justify-content:center; } .emiRangeTop{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; } .emiBadge{ width:100%; text-align:center; font-size:10px; padding:6px 8px; min-width:0; } .emiLabel, #tenureLabel, .small, .emiMuted, .tableHead .mini{ white-space:normal; overflow-wrap:anywhere; word-break:break-word; } .tableWrap{margin-bottom:90px;} .tableScroll{overflow-x:auto;} table{min-width:520px;} } @media(max-width:480px){ .adFooterGrid{grid-template-columns:1fr;} .hero{padding:24px 14px 34px} .hero p{font-size:14px} .pHighlights{grid-template-columns:1fr} .stat{width:100%} } @media(max-width:380px){ .sectionWrap{padding:0 10px} .emiCard{padding:12px} .emiHead{padding:0 10px 16px} .tableHead{padding:10px} table{min-width:500px} } /* ===== ADD-ON : MOBILE TOPBAR FIX ===== */ @media(max-width:600px){ .topbar{ padding:8px 14px !important; flex-direction:row !important; justify-content:space-between !important; align-items:center !important; gap:10px !important; } .topbar-left{ min-width:0 !important; flex:1 1 auto !important; } .topbar-mail{ width:100%; min-width:0; } .topbar-mail span{ white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; font-size:13px; } .topbar .social{ display:flex !important; gap:8px !important; align-items:center !important; flex:0 0 auto !important; } .topbar .social a{ margin-left:0 !important; width:34px !important; height:34px !important; } } @media(max-width:480px){ .topbar{ flex-direction:row !important; align-items:center !important; } } /* ===== FINAL BUTTON FIX: keep Apply Now bright ===== */ nav a.apply-btn, .apply-btn{ background:#F2FF04 !important; color:#061826 !important; padding:10px 18px !important; border-radius:10px !important; font-weight:900 !important; border:none !important; box-shadow:0 0 18px rgba(242,255,4,0.35) !important; } nav a.apply-btn:hover, .apply-btn:hover{ background:#F2FF04 !important; color:#061826 !important; box-shadow:0 0 28px rgba(242,255,4,0.60) !important; filter:brightness(1.02); }
Approval Dekho
Debt Consolidation Experts • Instant Loan Assistance Platform • PAN India Support
Choose the right product as per your profile. Compare offers, check eligibility, and get end-to-end assistance.
Share your details. Form will change automatically as per Product & Profession.
Pan India leads • Quick response during working hours • Expert Team Panel
Salaried → Personal Loan / Overdraft
Salaried → Home Loan / LAP
Self Employed / CA / Lawyer / Doctor → Home Loan / LAP
Calculate EMI for loan amounts up to ₹10 Crore, ROI up to 35%, and tenure up to 30 years. Select EMI start date to generate a detailed repayment schedule.
Enter values manually or use the sliders. Interest rate is annual (p.a.).
EMI, total interest and total repayment amount are shown below along with the repayment schedule.
| Due Date | EMI | Principal | Interest | Outstanding |
|---|
Need help with eligibility, documents, balance transfer, or repayment planning? Connect with us for quick support.
Call, message or email us — we’ll connect with you during working hours.
Share basic details. We’ll respond shortly.