﻿*{margin:0;padding:0;box-sizing:border-box}body{font-family:"BuenosAires"}:root{--charcoal: #424242;--green: #195057;--teal: #287781;--gold: #F2C230;--card-bg: #FAFAFA}.emiHero{margin:0 auto;padding:140px 4% 0;background:#EFFCFE}.breadcrumb{font-size:13px;font-weight:500;color:#6b6b6b;margin-bottom:26px}.breadcrumb a{color:#6b6b6b;text-decoration:none}.breadcrumb a:hover{color:var(--green)}.breadcrumb span{color:var(--green);font-weight:600}.emiHeroContent{display:flex;align-items:center;justify-content:space-between;gap:40px;padding-bottom:40px}.emiHeroLeft{flex:1 1 50%}.emiHeroTag{color:var(--teal);font-weight:700;font-size:15px;margin-bottom:10px}.emiHeroTitle{font-size:48px;font-weight:800;line-height:1.15;color:#1a1a1a;margin-bottom:18px}.emiHeroTitle .highlight{color:var(--green)}.emiHeroSubtext{font-size:16px;color:#6b6b6b;line-height:1.6;max-width:480px;margin-bottom:26px}.trustRow{display:flex;flex-wrap:wrap;gap:14px}.trustCard{display:flex;align-items:center;gap:10px;background:#fff;border-radius:10px;padding:10px 10px;font-size:13px;font-weight:600;color:#333;box-shadow:0 4px 12px rgba(0,0,0,0.05)}.trustIcon{width:30px;height:30px;border-radius:50%;background:#E4F7FA;color:var(--teal);display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.emiHeroRight{flex:1 1 45%;position:relative;display:flex;justify-content:center;align-items:center}.emiHeroImg{width:100%;height:auto;border-radius:16px}.loanOverviewCard{position:absolute;top:0;left:0;background:#fff;border-radius:14px;padding:18px;box-shadow:0 10px 30px rgba(0,0,0,0.1);width:220px;z-index:2}.loanOverviewCard h4{font-size:13px;font-weight:700;color:var(--charcoal);margin-bottom:10px}.loanOverviewStats{display:flex;flex-direction:column;gap:10px;margin-top:10px}.loStat{display:flex;align-items:center;gap:10px}.loIcon{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0}.loIconGreen{background:#E4F7FA;color:var(--teal)}.loIconGold{background:#FFF6E1;color:#C7A926}.loLabel{font-size:11px;color:#888;margin:0}.loValue{font-size:14px;font-weight:700;color:var(--charcoal);margin:0}@media (max-width: 992px){.emiHero{padding-top:110px}.emiHeroContent{flex-direction:column;text-align:center}.emiHeroSubtext{margin:0 auto 26px}.trustRow{justify-content:center}.loanOverviewCard{position:static;margin-bottom:20px}}#emi-calculator{padding:40px 4% 0;color:var(--charcoal)}.emiWrapper{max-width:1440px;margin:0 auto}.emiCardsRow{display:flex;gap:24px;align-items:stretch}.card{background:var(--card-bg);border-radius:16px;padding:28px;box-shadow:4px 4px 17.5px 0px rgba(0,0,0,0.08);display:flex;flex-direction:column}.emiCardLeft{flex:0 0 60%}.emiCardRight{flex:0 0 38%;background:linear-gradient(180deg, #F5FBF8 0%, #EFF9F4 100%)}.cardHeaderRow{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;margin-bottom:24px}.card-title{font-weight:700;font-size:22px;color:var(--charcoal)}.currency-label-inline{font-size:12px;font-weight:600;color:#8a8a8a;margin-bottom:4px}.dropdown-wrapper{position:relative;display:inline-block}.dropdown-wrapper.full-width{display:block;width:100%}.currency-select{width:190px;height:42px;border-radius:10px;padding:7px 40px 7px 16px;border:1px solid #d8d8d8;font-size:14px;font-weight:600;background-color:#fff;color:var(--charcoal);cursor:pointer;appearance:none;-webkit-appearance:none;outline:none}.currency-select.full-width{width:100%}.dropdown-wrapper::after{content:"▼";position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:11px;color:var(--charcoal);pointer-events:none}.currency-select:hover,.currency-select:focus{border-color:var(--teal);box-shadow:0 0 4px rgba(40,119,129,0.3)}.inputGrid{display:grid;grid-template-columns:1fr 1fr;gap:24px 30px}.slider-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:10px}.slider-label{display:flex;align-items:center;gap:8px;font-weight:600;font-size:13.5px;color:var(--charcoal)}.slider-label i{color:var(--teal);font-size:14px;width:16px;text-align:center;flex-shrink:0}.slider-value{font-weight:700;font-size:15px;color:var(--teal);white-space:nowrap}input[type="range"].styled-range{-webkit-appearance:none !important;-moz-appearance:none !important;appearance:none !important;width:100% !important;height:4px !important;border-radius:30px !important;background:linear-gradient(90deg, #195057 0%, #E2E2E2 0%);outline:none;margin-bottom:8px;cursor:pointer;padding:0 !important;border:none !important}input[type="range"].styled-range::-webkit-slider-runnable-track{height:4px !important;border-radius:30px;background:transparent}input[type="range"].styled-range::-webkit-slider-thumb{-webkit-appearance:none !important;width:14px !important;height:14px !important;border-radius:50% !important;background:var(--green);border:2px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,0.25);margin-top:-5px !important;cursor:pointer}input[type="range"].styled-range::-moz-range-track{height:4px !important;border-radius:30px;background:#E2E2E2;border:none !important}input[type="range"].styled-range::-moz-range-progress{background:var(--green);height:4px !important;border-radius:30px}input[type="range"].styled-range::-moz-range-thumb{width:14px !important;height:14px !important;border-radius:50% !important;background:var(--green);border:2px solid #fff !important;box-shadow:0 1px 3px rgba(0,0,0,0.25);cursor:pointer}.range-ends{display:flex;justify-content:space-between;font-size:11.5px;color:#999}.calcBtn{margin-top:26px;align-self:center;background:var(--green);color:#fff;border:none;padding:14px 28px;border-radius:10px;font-weight:700;font-size:15px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background 0.3s ease}.calcBtn:hover{background:#123a3f}.summary-title{display:flex;align-items:center;gap:8px;font-weight:700;font-size:18px;margin-bottom:18px;color:var(--charcoal)}.summary-title i{color:var(--teal)}.emiStatRow{display:flex;gap:10px;margin-bottom:20px}.emiStatBox{flex:1;background:#fff;border-radius:12px;padding:14px 10px;text-align:center}.emiStatIcon{width:32px;height:32px;border-radius:8px;margin:0 auto 8px;background:#E4F7FA;color:var(--teal);display:flex;align-items:center;justify-content:center;font-size:14px}.emiStatIcon.icon-gold{background:#FFF6E1;color:#C7A926}.emiStatIcon.icon-blue{background:#E9F1FF;color:#3E7BFA}.emiStatLabel{font-size:11px;color:#777;margin-bottom:4px}.emiStatValue{font-size:15px;font-weight:800;color:var(--green)}.emiStatValue.gold{color:#C7A926}.summaryBody{display:flex;align-items:center;gap:20px;margin-bottom:16px}.summaryLeft{flex:0 0 auto}.summaryRight{flex:1;min-width:0}.chart-box{position:relative;width:160px;height:160px}.chart-center{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center;pointer-events:none}.chart-center h3{margin:0;font-size:11px;color:#777;font-weight:500}.chart-center p{margin:3px 0 0;font-size:15px;font-weight:800;color:var(--green)}.legend-row{display:flex;flex-direction:column;gap:12px}.legend{display:flex;align-items:center;gap:8px;font-size:12.5px;color:#444}.legend-label{flex:1;font-weight:600}.legend-dot{width:11px;height:11px;border-radius:50%;flex-shrink:0}.legend-dot.principal{background:var(--green)}.legend-dot.interest{background:var(--gold)}.legend-values{display:flex;flex-direction:column;align-items:flex-end}.legend-values strong{font-size:13px;color:var(--charcoal)}.legend-values small{font-size:10.5px;color:#999}.noteBox{display:flex;align-items:flex-start;gap:8px;background:#fff;border-radius:10px;padding:12px 14px;font-size:11.5px;color:#777;line-height:1.5}.noteBox i{color:var(--teal);margin-top:1px}@media (max-width: 1150px){.summaryBody{flex-direction:column;align-items:center;text-align:center}.legend{justify-content:center}}@media (max-width: 1000px){.emiCardsRow{flex-direction:column}.emiCardLeft,.emiCardRight{flex:1 1 100%}.inputGrid{grid-template-columns:1fr}.summaryBody{flex-direction:row;text-align:left}.legend{justify-content:flex-start}}.emiFeatureStrip{display:flex;justify-content:space-between;background:#fff;border-radius:16px;box-shadow:4px 4px 17.5px 0px rgba(0,0,0,0.06);padding:26px;margin-top:24px;gap:20px;flex-wrap:wrap}.emiFeatureItem{display:flex;align-items:flex-start;gap:12px;flex:1;min-width:190px}.emiFeatureIcon{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.icon-green{background:#E4F7FA;color:var(--teal)}.icon-teal{background:#E4F7F0;color:#1D8BA1}.icon-teal2{background:#E4F7F0;color:#1D8BA1}.icon-gold{background:#FFF6E1;color:#C7A926}.icon-pink{background:#FDF0F4;color:#D6558C}.icon-blue{background:#E9F1FF;color:#3E7BFA}.emiFeatureItem h4{font-size:14px;font-weight:700;margin-bottom:4px;color:var(--charcoal)}.emiFeatureItem p{font-size:12.5px;color:#6b6b6b;line-height:1.5;margin:0}@media (max-width: 900px){.emiFeatureStrip{flex-direction:column}}.emiCtaBanner{margin:24px 0 50px;background:#F5FBF8;border:1px solid #E2EFE9;border-radius:18px;padding:26px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.emiCtaLeft{display:flex;align-items:center;gap:14px;flex:1 1 280px}.emiCtaIcon{width:46px;height:46px;border-radius:50%;background:#fff;color:var(--teal);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;box-shadow:0 4px 10px rgba(0,0,0,0.06)}.emiCtaLeft h3{font-size:18px;font-weight:800;color:var(--charcoal);margin-bottom:4px}.emiCtaLeft p{font-size:13px;color:#6b6b6b;max-width:320px}.emiCtaMid{display:flex;flex-direction:column;gap:8px}.emiCtaCheck{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--charcoal)}.emiCtaCheck i{color:var(--teal)}.emiCtaBtn{background:var(--green);color:#fff;font-weight:700;font-size:14px;padding:13px 24px;border-radius:10px;text-decoration:none;white-space:nowrap;display:inline-flex;align-items:center;gap:8px;transition:background 0.3s ease}.emiCtaBtn:hover{background:#123a3f}@media (max-width: 900px){.emiCtaBanner{flex-direction:column;align-items:flex-start}}.amortSection{padding:60px 4%;max-width:1320px;margin:0 auto}.cost-heading{font-weight:700;font-size:30px;color:var(--charcoal);text-align:center;margin-bottom:14px}.cost-desc{font-weight:400;font-size:16px;line-height:26px;color:#6b6b6b;text-align:center;max-width:780px;margin:0 auto 34px}.cost-table{width:100%;border-radius:14px;overflow:hidden;box-shadow:4px 4px 17.5px 0px rgba(0,0,0,0.06)}.table-header{display:grid;grid-template-columns:repeat(5, 1fr);align-items:center;background:var(--green);color:#fff;font-weight:700;text-align:center;font-size:14px;padding:18px 20px}.table-row{display:grid;grid-template-columns:repeat(5, 1fr);align-items:center;background:#fff;padding:16px 20px;border-bottom:1px solid #eee;font-size:13.5px;transition:background 0.2s ease}.table-row:hover{background:#F5FBF8}.table-cell{text-align:center;color:var(--charcoal)}.amortBtnRow{text-align:center;margin-top:24px}.amortBtn{padding:12px 26px;border:none;background:var(--green);color:#fff;border-radius:10px;cursor:pointer;font-weight:700;font-size:14px;display:inline-flex;align-items:center;gap:8px;transition:background 0.3s ease}.amortBtn:hover{background:#123a3f}@media (max-width: 768px){.cost-heading{font-size:24px}.cost-desc{font-size:14px}.table-header,.table-row{font-size:11.5px;padding:12px 8px}}.heroButtons{margin-top:30px;display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.primaryBtn{position:relative;overflow:hidden;background:linear-gradient(90deg, #195057 0%, #4ED0E1 100%);border:none;color:white;padding:10px 16px;border-radius:10px;cursor:pointer;font-weight:600;transition:transform 0.3s ease;width:fit-content;width:200px;height:40px;font-size:15px}.primaryBtn::before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(120deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.4) 50%, rgba(255,255,255,0) 100%);pointer-events:none;animation:whiteLightSweep 2s linear infinite}.primaryBtn:hover::before{animation:shimmer 0.5s linear infinite}@keyframes shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}@keyframes whiteLightSweep{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.secondaryBtn{background:transparent;color:#287781;border:2px solid #287781;padding:10px 16px;border-radius:10px;cursor:pointer;font-weight:600;font-size:15px;text-decoration:none;display:flex;align-items:center;justify-content:center;width:fit-content;height:40px;width:200px}.secondaryBtn:hover{background-color:#2f98a4;color:white}
