/* Scoped to .sh-portal so existing Smile Home navbar, footer & Bootstrap are not overwritten. */
.sh-portal{--navy:#10243d;--dark:#0c1d35;--ink:#152e48;--muted:#65758a;--orange:#ff8d30;--violet:#6e50c6;--teal:#0b958d;--blue:#2873d4;--line:#e6edf5;--cloud:#f5f8fc;color:var(--ink);background:#fff;overflow:hidden;-webkit-font-smoothing:antialiased}.sh-portal *, .sh-portal *:before,.sh-portal *:after{box-sizing:border-box}.sh-portal a{text-decoration:none}.sh-portal h1,.sh-portal h2,.sh-portal h3,.sh-portal p{margin:0}.sh-portal h1,.sh-portal h2,.sh-portal h3{letter-spacing:-.05em}.sh-portal p{line-height:1.8}.sh-wrap{width:85%;margin:auto}.sh-portal button,.sh-portal input,.sh-portal select,.sh-portal textarea{font:inherit}.sh-announcement{background:#10243d;color:#eaf3ff;font-size:12px;padding:11px 0}.sh-announce-inner{display:flex;justify-content:space-between;align-items:center;gap:16px}.sh-announce-inner a{color:#ffd8a8;font-weight:800}.sh-announce-inner b{opacity:.5;margin:0 5px}.sh-pulse,.sh-small-dot{display:inline-block;vertical-align:middle;border-radius:50%;width:8px;height:8px;background:#61e7b5;margin-right:8px;box-shadow:0 0 0 4px #61e7b52a}.sh-hero{background:linear-gradient(118deg,#fffaf4 4%,#fff 44%,#edf6ff 100%);position:relative;padding:80px 0 0;isolation:isolate}.sh-hero-glow{position:absolute;z-index:-1;border-radius:50%;filter:blur(15px);pointer-events:none}.sh-glow-a{width:550px;height:550px;/* right:-210px; */top:-260px;background:radial-gradient(circle,#87c6ff55,transparent 69%)}.sh-glow-b{width:370px;height:370px;left:-240px;bottom:0;background:radial-gradient(circle,#ffb16a55,transparent 70%)}.sh-hero-grid{display:grid;grid-template-columns:1.13fr .87fr;gap:74px;align-items:center}.sh-kicker{font-size:12px;letter-spacing:.1em;font-weight:800;color:#506682;display:flex;align-items:center}.sh-separator{height:15px;width:1px;background:#c4ccd4;margin:0 14px}.sh-pretitle{margin-top:27px;color:#d56823;font-size:11px;font-weight:800;letter-spacing:.19em}.sh-hero h1{font-size:clamp(45px,4.5vw,70px);line-height:1.11;margin:17px 0 25px;max-width:720px;color:var(--navy);font-weight:800}.sh-hero h1 em{font-style:normal;background:linear-gradient(110deg,#eb772f,#e94b77);background-clip:text;-webkit-background-clip:text;color:transparent}.sh-hero-desc{font-size:15px;max-width:640px;color:#66768b}.sh-hero-desc strong{color:#244261}.sh-hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:33px}.sh-btn{border:0;display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:16px 22px;border-radius:11px;font-size:13px;line-height:1.2;font-weight:800;transition:transform .18s,background .18s,box-shadow .18s}.sh-btn:hover{transform:translateY(-2px)}.sh-btn>span:last-child{font-size:18px}.sh-btn-orange{background:linear-gradient(110deg,#ff9d38,#fa753b);color:#10243d!important;box-shadow:0 12px 22px #fb84302b}.sh-btn-glass{color:#234463!important;background:#fff;border:1px solid #d9e5ef}.sh-btn-white{background:#fff;color:#17365b!important}.sh-btn-navy{background:#132c4b;color:#fff!important;width:100%}.sh-trust{display:flex;align-items:center;gap:9px;margin-top:35px;flex-wrap:wrap;color:#6a7b8e;font-size:11px;font-weight:700}.sh-check{background:#dff8ee;color:#05966a;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;font-weight:900}.sh-mini-divider{width:1px;height:15px;background:#ced7df;margin:0 7px}.sh-hero-art{position:relative;padding:5px 40px 38px 22px}.sh-hero-photo{width:min(100%,420px);margin:auto;background:white;padding:10px;border-radius:22px;box-shadow:0 30px 75px #1733552d;transform:rotate(2deg)}.sh-hero-photo img{display:block;width:100%;border-radius:13px;aspect-ratio:4/5;object-fit:cover;background:linear-gradient(130deg,#eff7ff,#ffe9d2)}.sh-float{position:absolute;background:#fff;box-shadow:0 20px 50px #12365d24;border:1px solid #e8edf4;border-radius:13px;display:flex;align-items:center;gap:12px;padding:13px 17px}.sh-float strong,.sh-float small{display:block;white-space:nowrap}.sh-float strong{font-size:13px;color:#173353}.sh-float small{font-size:10px;color:#8291a3;margin-top:3px}.sh-float-top{left:-2px;top:25%}.sh-float-bottom{right:0;bottom:17%}.sh-float-icon,.sh-float-rupee{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#e4f7f2;color:#087d70;font-size:24px}.sh-float-rupee{background:#fff1de;color:#eb7f2e;font-weight:800}.sh-hero-tray{position:relative;z-index:2;margin-top:38px;display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid #e5ecf5;box-shadow:0 10px 35px #19365a12;border-radius:16px 16px 0 0}.sh-hero-tray>div{padding:25px 28px;border-right:1px solid #e8edf4}.sh-hero-tray>div:last-child{border:0}.sh-hero-tray span{display:block;font-size:10px;font-weight:800;letter-spacing:.09em;color:#8494a5;margin-bottom:8px}.sh-hero-tray strong{display:block;font-size:14px;font-weight:800;color:#243e58}.sh-stats{background:#10243d;padding:35px 0;color:#fff}.sh-stats-grid{display:grid;grid-template-columns:repeat(4,1fr)}.sh-stats-grid>div{border-right:1px solid #38506a;padding:5px 28px}.sh-stats-grid>div:first-child{padding-left:0}.sh-stats-grid>div:last-child{border:0}.sh-stat-symbol{display:inline-grid;place-items:center;float:left;width:40px;height:40px;background:#264663;border-radius:11px;color:#ffae6b;margin:4px 17px 0 0;font-size:23px}.sh-stats strong{font:800 clamp(22px,2.2vw,32px)/1.25 Manrope,sans-serif;display:block;white-space:nowrap}.sh-stats strong i{font-style:normal;font-size:.55em}.sh-stats small{display:block;margin-top:3px;color:#aabed2;font-size:11px}.sh-section{padding:100px 0}.sh-section-top{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:38px}.sh-section h2,.sh-schedule h2,.sh-contact h2{font-size:clamp(31px,3.4vw,48px);line-height:1.16;font-weight:800;color:#10243d}.sh-section h2 span,.sh-schedule h2 span{color:#f08337}.sh-section-top h2{max-width:670px}.sh-section-top>p{max-width:395px;color:#6c7b8d;font-size:14px}.sh-label{font-size:11px;font-weight:800;letter-spacing:.15em;margin-bottom:15px}.sh-label-orange{color:#d77532}.sh-label-blue{color:#3776bf}.sh-label-teal{color:#058b88}.sh-light-label{color:#ffbc83}.sh-overview{background:#fff}.sh-value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.sh-value{border-radius:19px;padding:30px;border:1px solid #e7eaf0;min-height:325px;transition:transform .2s;display:flex;flex-direction:column}.sh-value:hover{transform:translateY(-4px)}.sh-value-orange{background:linear-gradient(145deg,#fff7ed,#fff)}.sh-value-blue{background:linear-gradient(145deg,#edf5ff,#fff)}.sh-value-violet{background:linear-gradient(145deg,#f4f0ff,#fff)}.sh-value-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:40px}.sh-value-top>span:last-child{color:#8595a5;font-size:10px;font-weight:800;letter-spacing:.08em}.sh-value-icon{display:grid;place-items:center;height:49px;width:49px;border-radius:13px;background:#fff;border:1px solid #e8edf3;font-size:27px;color:#ec873c}.sh-value-blue .sh-value-icon{color:#3579ca}.sh-value-violet .sh-value-icon{color:#7457c9}.sh-value h3{font-size:20px;margin-bottom:12px;color:#1a3451}.sh-value p{font-size:13px;color:#6b7e90}.sh-value>a{margin-top:auto;padding-top:18px;font-size:12px;font-weight:800;color:#dd7028;display:flex;justify-content:space-between}.sh-value-blue>a{color:#2474c6}.sh-value-violet>a{color:#7553c6}.sh-details-section{background:#f6f9fd}.sh-details-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:80px;align-items:center}.sh-feature-price{min-height:635px;border-radius:23px;padding:49px 42px;color:#fff;background:radial-gradient(circle at 86% 76%,#3b7196 0,transparent 47%),linear-gradient(140deg,#112743,#173d69);position:relative;overflow:hidden}.sh-feature-price h2{color:#fff;font-size:clamp(33px,3.5vw,49px);margin:26px 0 18px}.sh-feature-price h2 span{color:#ffa969}.sh-feature-price>p{font-size:14px;max-width:400px;color:#b7cbdf}.sh-price{border-top:1px solid #ffffff3a;padding-top:35px;margin-top:37px;position:relative;z-index:1}.sh-price small{color:#bacbdc;display:block;font-size:10px;font-weight:800;letter-spacing:.12em}.sh-price strong{display:block;color:#ffc177;font:800 clamp(45px,4.5vw,69px)/1.35 Manrope,sans-serif;letter-spacing:-.07em}.sh-price strong span{font-size:.64em}.sh-price-small{font-size:11px;color:#b8cee0}.sh-price-tags{display:flex;gap:8px;flex-wrap:wrap;margin:28px 0 32px}.sh-price-tags span{padding:7px 10px;border:1px solid #ffffff40;border-radius:99px;font-size:10px;color:#e8f4ff;font-weight:700}.sh-price-deco{position:absolute;right:-115px;bottom:-180px;width:450px;height:450px;border:50px solid #ffffff08;border-radius:50%}.sh-detail-right h2{margin:8px 0 15px}.sh-detail-right h2 span{color:#2678ca}.sh-detail-lead{font-size:14px;color:#687b90;margin-bottom:27px!important}.sh-info-table{border-radius:15px;overflow:hidden;border:1px solid #e2eaf3;background:#fff}.sh-info-table>div{display:grid;grid-template-columns:42% 58%;padding:16px 20px;border-bottom:1px solid #eaf0f6;gap:10px;font-size:13px}.sh-info-table>div:last-child{border-bottom:0}.sh-info-table>div:nth-child(even){background:#fbfcfe}.sh-info-table span{color:#7b8b9e}.sh-info-table strong{color:#2b4762;font-weight:800}.sh-soft-note{margin-top:20px;display:flex;gap:12px;background:#fff7e9;border:1px solid #ffebcd;padding:15px;border-radius:11px;font-size:12px;line-height:1.65;color:#866237}.sh-soft-note>span:first-child{font-size:21px;color:#d78b37}.sh-schedule{padding:89px 0;background:linear-gradient(112deg,#fff7e9 0%,#fff 48%,#f1f7ff 100%)}.sh-schedule-grid{display:grid;grid-template-columns:1fr .9fr;align-items:center;gap:100px}.sh-schedule h2{margin-bottom:18px}.sh-schedule h2 span{color:#e48b35}.sh-schedule p{font-size:14px;color:#677c91;max-width:500px}.sh-date-chip{margin-top:27px;border:1px solid #efd6be;background:#fff;box-shadow:0 12px 35px #be965621;display:inline-flex;align-items:center;border-radius:14px;padding:13px 24px 13px 13px;gap:18px}.sh-date-chip>span{height:69px;width:72px;display:grid;place-items:center;background:#f68a34;color:white;border-radius:10px;font:800 38px Manrope}.sh-date-chip strong,.sh-date-chip small{display:block}.sh-date-chip strong{font-size:15px;color:#203854}.sh-date-chip small{color:#8191a4;font-size:12px;margin-top:6px}.sh-schedule-card{border-radius:22px;background:#fff;box-shadow:0 22px 65px #1d365e15;border:1px solid #e6edf4;padding:32px}.sh-countdown-top{display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:800;letter-spacing:.13em;color:#62748a}.sh-badge-amber{background:#fff0dc;color:#c5772a;padding:8px 11px;border-radius:99px;letter-spacing:.04em}.sh-countdown{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:30px 0 20px}.sh-countdown>div{background:#eff5fb;border-radius:12px;padding:17px 6px;text-align:center}.sh-countdown strong{font:800 clamp(23px,3vw,37px) Manrope;color:#1c3957;display:block}.sh-countdown span{font-size:9px;font-weight:800;color:#879aad;letter-spacing:.09em}.sh-countdown-status{font-size:12px;color:#7a8c9e;text-align:center;margin-bottom:25px}.sh-process{background:#fff}.sh-center{text-align:center;max-width:700px;margin:auto}.sh-center p{color:#718195;font-size:14px;margin-top:17px}.sh-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-top:50px}.sh-steps article{border:1px solid #e5ebf1;background:#fff;border-radius:17px;padding:27px 24px;min-height:295px}.sh-step-num{font-weight:800;color:#a8b6c4;font-size:11px;display:flex;justify-content:space-between}.sh-step-num span{font-size:17px}.sh-step-icon{height:51px;width:51px;display:grid;place-items:center;border-radius:13px;font-size:28px;margin:32px 0 22px}.sh-ic-a{background:#fff1e2;color:#d8872c}.sh-ic-b{background:#e7f4ff;color:#317ac1}.sh-ic-c{background:#ebe7ff;color:#7256d2}.sh-ic-d{background:#ddf6ec;color:#148a69}.sh-steps h3{font-size:17px;color:#25415b;margin-bottom:10px}.sh-steps p{font-size:12px;color:#708397}.sh-warning{display:flex;gap:15px;align-items:center;background:#e7f5f0;color:#2b6354;border:1px solid #ceecdf;border-radius:13px;padding:19px 23px;margin-top:29px}.sh-warning p{font-size:12px}.sh-warning-symbol{font-weight:800;border:2px solid #318569;border-radius:50%;display:grid;place-items:center;width:29px;height:29px;flex:none}.sh-location{background:#f5f9ff}.sh-loc-grid{display:grid;grid-template-columns:.93fr 1.07fr;gap:80px;align-items:center}.sh-loc-grid h2{margin-bottom:22px}.sh-loc-grid h2 span{color:#0b958d}.sh-loc-grid p{max-width:530px;font-size:14px;color:#728296}.sh-loc-pills{display:flex;flex-wrap:wrap;gap:9px;margin:26px 0}.sh-loc-pills span{display:inline-block;border:1px solid #d8e6f0;border-radius:99px;padding:9px 14px;background:#fff;font-size:12px;color:#3f6679;font-weight:700}.sh-loc-callout{border-left:3px solid #0b958d;padding:17px 20px;background:#fff;border-radius:0 12px 12px 0;display:grid;gap:5px}.sh-loc-callout strong{font-size:14px}.sh-loc-callout span{font-size:12px;color:#708296}.sh-loc-callout a{font-weight:800;font-size:13px;color:#098579}.sh-loc-visual{border-radius:23px;height:400px;background:radial-gradient(circle at 50% 50%,#d5f5ed 0,transparent 42%),linear-gradient(145deg,#def1f4,#e8ebff);position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;overflow:hidden}.sh-loc-ring{position:absolute;border:2px dashed #66aca946;border-radius:50%;width:315px;height:315px}.sh-ring-two{width:510px;height:510px}.sh-loc-pin{background:#13978d;display:grid;place-items:center;width:73px;height:73px;font-size:47px;border-radius:21px;color:#fff;z-index:1;box-shadow:0 15px 30px #07817a44}.sh-loc-visual strong{font:800 39px Manrope;letter-spacing:.03em;color:#1b6276;margin-top:17px;z-index:1}.sh-loc-visual>span{font-weight:800;font-size:12px;letter-spacing:.12em;color:#4d8895;z-index:1}.sh-loc-visual small{position:absolute;bottom:15px;color:#7196a2;font-size:10px}.sh-why{background:#fff}.sh-why-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}.sh-why-card{height:480px;border-radius:24px;overflow:hidden;background:linear-gradient(135deg,#1a4974,#1b2d52 55%,#6347a7);padding:35px;color:#fff}.sh-why-overlay{position:relative;height:100%;border:1px solid #ffffff40;border-radius:17px;padding:36px}.sh-why-overlay>span{font-size:11px;font-weight:800;letter-spacing:.15em;color:#bcd8f2}.sh-why-overlay>strong{font-size:36px;line-height:1.23;display:block;margin-top:29px;letter-spacing:-.06em}.sh-why-monogram{position:absolute;bottom:-22px;right:5px;font:800 clamp(100px,12vw,177px) Manrope;letter-spacing:-.12em;color:#ffffff1a}.sh-why-monogram span{color:#ff9d38}.sh-why-grid h2{margin-bottom:21px}.sh-why-grid h2 span{color:#e87d3c}.sh-why-grid p{font-size:14px;color:#6f7e92}.sh-checklist{display:grid;gap:16px;margin:29px 0 34px}.sh-checklist div{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:700;color:#39516a}.sh-checklist span{display:grid;place-items:center;flex:none;background:#ddf8e9;color:#059868;border-radius:50%;width:28px;height:28px;font-weight:800}.sh-faq{background:#f6f9fd}.sh-faq-grid{display:grid;grid-template-columns:.76fr 1.24fr;gap:80px}.sh-faq h2{margin-bottom:17px}.sh-faq h2 span{color:#3776bf}.sh-faq-grid>div:first-child>p{font-size:14px;color:#738397;margin-bottom:19px}.sh-text-link{font-weight:800;color:#2c75bc;font-size:13px}.sh-contact{padding:105px 0;background:radial-gradient(circle at 15% 25%,#2c5b8166,transparent 45%),linear-gradient(135deg,#12283f,#12233b 65%,#1e3f64);color:#fff}.sh-contact-grid{display:grid;grid-template-columns:1fr .93fr;gap:90px;align-items:center}.sh-contact h2{color:#fff;margin:18px 0 21px}.sh-contact h2 span{color:#ffb26b}.sh-contact-grid>div:first-child>p{color:#bdcad9;font-size:14px;max-width:100%}.sh-contact-lines{display:grid;gap:11px;max-width:480px;margin:35px 0}.sh-contact-lines>a{border:1px solid #ffffff2e;background:#ffffff10;padding:15px;border-radius:12px;display:flex;align-items:center;gap:15px;color:#fff}.sh-contact-lines>a>span{height:43px;width:43px;border-radius:10px;display:grid;place-items:center;background:#315476;color:#ffb675;font-size:20px}.sh-contact-lines>a>div{flex:1}.sh-contact-lines small,.sh-contact-lines strong{display:block}.sh-contact-lines small{color:#9fb4cb;font-size:10px;font-weight:800;letter-spacing:.1em}.sh-contact-lines strong{font-size:17px;margin-top:4px}.sh-contact-lines a b{color:#ffb774}.sh-disclaimer{font-size:11px;color:#94abc2}.sh-form{border-radius:22px;background:#fff;color:#1a3651;padding:35px;box-shadow:0 25px 80px #050d1e3b}.sh-form-top{display:flex;justify-content:space-between}.sh-form h3{font-size:26px;margin-bottom:8px}.sh-form-top p{font-size:12px;color:#8796a6}.sh-form-icon{display:grid;place-items:center;width:41px;height:41px;border-radius:11px;background:#fff1e2;color:#e88935;font-size:21px}.sh-form-fields{display:grid;margin-top:20px}.sh-form label{font-size:12px;font-weight:800;margin-bottom:7px;color:#294761}.sh-form label b{color:#f17c4e}.sh-form label span{font-weight:400;color:#92a0ab}.sh-form input,.sh-form select,.sh-form textarea{width:100%;background:#f8fafc;border:1px solid #e0e8ef;border-radius:9px;padding:12px 13px;font-size:13px;color:#263f57;margin-bottom:17px;outline:none}.sh-form input:focus,.sh-form select:focus,.sh-form textarea:focus{background:#fff;border-color:#f2a46b;box-shadow:0 0 0 3px #ffab6b25}.sh-btn-full{width:100%;cursor:pointer}.sh-form-fields>small{color:#95a1ae;text-align:center;font-size:10px;margin-top:12px}.sh-endnote{background:#0d1a2d;padding:21px 0;color:#aebdc9;font-size:11px}.sh-endnote>.sh-wrap{display:flex;align-items:center;justify-content:space-between;gap:18px}.sh-endnote a{color:#ffc08b;font-weight:800;white-space:nowrap}.sh-mobile-actions{display:none}
@media(max-width:1100px){.sh-hero-grid{gap:35px}.sh-hero h1{font-size:55px}.sh-details-grid,.sh-schedule-grid,.sh-loc-grid,.sh-why-grid,.sh-faq-grid,.sh-contact-grid{gap:42px}.sh-stats-grid>div{padding:5px 15px}.sh-stats strong{font-size:24px}}
@media(max-width:840px){.sh-hero{padding-top:55px}.sh-hero-grid,.sh-details-grid,.sh-schedule-grid,.sh-loc-grid,.sh-why-grid,.sh-faq-grid,.sh-contact-grid{grid-template-columns:1fr}.sh-hero-art{width:min(90%,540px);margin:25px auto 0}.sh-hero h1{font-size:clamp(39px,7vw,58px)}.sh-hero-tray{grid-template-columns:1fr 1fr}.sh-hero-tray>div:nth-child(2){border:0}.sh-hero-tray>div:nth-child(-n+2){border-bottom:1px solid #e8edf4}.sh-stats-grid{grid-template-columns:1fr 1fr;gap:22px 0}.sh-stats-grid>div:nth-child(2){border:0}.sh-section{padding:75px 0}.sh-section-top{display:block}.sh-section-top>p{margin-top:20px}.sh-value-grid{grid-template-columns:1fr 1fr}.sh-value-grid article:last-child{grid-column:span 2}.sh-feature-price{min-height:0}.sh-steps{grid-template-columns:1fr 1fr}.sh-schedule-grid{gap:35px}.sh-why-card{height:360px}.sh-contact-grid{gap:35px}}
@media(max-width:560px){.sh-wrap{width:calc(100% - 32px)}.sh-announce-inner{justify-content:center;text-align:center}.sh-announce-inner>a{display:none}.sh-announcement{font-size:10px}.sh-hero{padding-top:39px}.sh-hero h1{font-size:39px}.sh-kicker{font-size:9px}.sh-pretitle{font-size:9px}.sh-hero-desc{font-size:13px}.sh-hero-actions{flex-direction:column}.sh-btn{width:100%}.sh-hero-art{width:90%;padding:12px 10px 29px}.sh-float{padding:8px;gap:5px}.sh-float-top{left:-25px}.sh-float-bottom{right:-12px}.sh-float-icon,.sh-float-rupee{height:30px;width:30px;font-size:17px}.sh-float strong{font-size:10px}.sh-float small{font-size:9px}.sh-hero-tray{margin-top:18px}.sh-hero-tray>div{padding:19px 13px}.sh-hero-tray strong{font-size:11px}.sh-stats{padding:27px 0}.sh-stats-grid>div{padding:5px 8px}.sh-stat-symbol{display:none}.sh-stats strong{font-size:22px}.sh-stats small{font-size:10px}.sh-section{padding:65px 0}.sh-section h2,.sh-schedule h2,.sh-contact h2{font-size:32px}.sh-value-grid,.sh-steps{grid-template-columns:1fr}.sh-value-grid article:last-child{grid-column:auto}.sh-value{min-height:280px}.sh-value-top{margin-bottom:24px}.sh-feature-price{padding:33px 25px}.sh-feature-price h2{font-size:34px}.sh-price strong{font-size:47px}.sh-info-table>div{grid-template-columns:39% 61%;gap:8px;padding:14px 12px;font-size:11px}.sh-schedule{padding:65px 0}.sh-schedule-card{padding:22px 13px}.sh-countdown{gap:5px}.sh-countdown>div{padding:14px 2px}.sh-countdown strong{font-size:25px}.sh-countdown span{font-size:8px}.sh-loc-visual{height:310px}.sh-why-card{height:310px;padding:15px}.sh-why-overlay{padding:25px}.sh-why-overlay>strong{font-size:28px}.sh-faq-list summary{padding:18px;font-size:12px}.sh-contact{padding:68px 0}.sh-form{padding:24px 20px}.sh-endnote>.sh-wrap{flex-direction:column;text-align:center}.sh-mobile-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;position:fixed;bottom:0;left:0;right:0;z-index:60;background:#fff;padding:9px 12px max(9px,env(safe-area-inset-bottom));box-shadow:0 -6px 35px #10243d2b}.sh-mobile-actions a{text-align:center;padding:13px 5px;border-radius:9px;background:#10243d;color:#fff;font-size:13px;font-weight:800}.sh-mobile-actions a:last-child{background:#ff8e36;color:#13253b}.sh-endnote{padding-bottom:83px}}
@media(prefers-reduced-motion:reduce){.sh-portal *, .sh-portal *:before,.sh-portal *:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}


/* ============ Smile Home premium motion layer ============ */
@keyframes shFloat{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-12px,0)}}
@keyframes shHalo{0%,100%{transform:scale(1);opacity:.65}50%{transform:scale(1.13);opacity:1}}
@keyframes shShine{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@keyframes shPulse{0%,100%{box-shadow:0 0 0 4px #61e7b52a}50%{box-shadow:0 0 0 9px #61e7b510}}
.sh-portal .sh-float-top{animation:shFloat 5.5s ease-in-out infinite}
.sh-portal .sh-float-bottom{animation:shFloat 6.5s ease-in-out -2s infinite}
.sh-portal .sh-glow-a,.sh-portal .sh-glow-b{animation:shHalo 12s ease-in-out infinite}
.sh-portal .sh-pulse{animation:shPulse 2.5s ease-in-out infinite}
.sh-portal .sh-hero h1 em{background-size:180% 180%;animation:shShine 8s ease infinite}
.sh-portal .sh-value,.sh-portal .sh-step,.sh-portal .sh-contact-lines>a,.sh-portal .sh-hero-photo{transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease,border-color .35s ease}
.sh-portal .sh-value:hover,.sh-portal .sh-step:hover{transform:translateY(-7px);box-shadow:0 22px 50px rgba(24,58,100,.12);border-color:#d2e3f4}
.sh-portal .sh-contact-lines>a:hover{transform:translateX(5px);border-color:#ffffff66}
.sh-portal .sh-hero-photo:hover{transform:rotate(0deg) translateY(-5px);box-shadow:0 35px 85px #1733553d}
.sh-portal .sh-btn:focus-visible,.sh-portal a:focus-visible,.sh-portal button:focus-visible{outline:3px solid #ffae65;outline-offset:4px}
/* Motion initialized only when JS loads; otherwise all content remains visible. */
.sh-portal.sh-motion-ready .sh-reveal{opacity:0;transform:translate3d(0,25px,0);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.75,.2,1);transition-delay:var(--sh-stagger,0ms)}
.sh-portal.sh-motion-ready .sh-reveal.sh-inview{opacity:1;transform:translate3d(0,0,0)}
@media(prefers-reduced-motion:reduce){.sh-portal .sh-float,.sh-portal .sh-glow-a,.sh-portal .sh-glow-b,.sh-portal .sh-pulse,.sh-portal .sh-hero h1 em{animation:none!important}.sh-portal.sh-motion-ready .sh-reveal{opacity:1!important;transform:none!important;transition:none!important}}


/* Main Notice Button */
.dda-notice-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    padding: 14px 22px;
    background: linear-gradient(135deg, #122c50, #20528b);
    color: #fff;
    border: 0;
    border-radius: 11px;
    font-size: 13px;
    font-weight: 750;
    cursor: pointer;
    transition: all .25s ease;
}

.dda-notice-btn:hover {
    background: linear-gradient(135deg, #194378, #2965a6);
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(20, 55, 95, .18);
}

.dda-notice-btn .bi-file-earmark-pdf {
    font-size: 18px;
}

.dda-notice-btn .bi-arrow-up-right {
    margin-left: 8px;
}

/* Offcanvas */
.dda-notice-panel {
    --bs-offcanvas-width: min(1000px, 92vw);
    background: #f6f8fc;
    border-left: 1px solid #e2e8f0;
    box-shadow: -15px 0 60px rgba(12, 32, 60, .12);
}

/* Header */
.dda-notice-header {
    padding: 22px 26px;
    background: #fff;
    border-bottom: 1px solid #e8edf3;
}

.dda-notice-heading {
    display: flex;
    align-items: center;
    gap: 14px;
}

.dda-pdf-icon {
    width: 48px;
    height: 48px;
    min-width: 48px;
    border-radius: 13px;
    background: #fff0ed;
    color: #df493c;
    display: grid;
    place-items: center;
    font-size: 23px;
}

.dda-official-label {
    display: block;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1px;
    color: #1c7856;
    margin-bottom: 5px;
}

.dda-notice-heading h5 {
    margin: 0;
    color: #172c46;
    font-size: 17px;
    font-weight: 800;
}

.dda-notice-heading small {
    color: #8290a2;
    font-size: 11px;
}

/* Toolbar */
.dda-notice-toolbar {
    padding: 12px 25px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    background: #fff;
    border-bottom: 1px solid #e9edf2;
}

.dda-document-status {
    color: #268563;
    font-size: 12px;
    font-weight: 700;
}

.dda-document-status i {
    margin-right: 6px;
}

.dda-toolbar-actions {
    display: flex;
    align-items: center;
    gap: 9px;
}

.dda-toolbar-actions a {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 9px 14px;
    background: #f2f5fa;
    border: 1px solid #e5eaf1;
    border-radius: 8px;
    color: #28415e;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    transition: .2s;
}

.dda-toolbar-actions a:hover {
    background: #e9f0fa;
    color: #145a9e;
}

/* PDF Viewer */
.dda-notice-body {
    padding: 14px;
    position: relative;
    flex: 1;
    min-height: 0;
}

.dda-notice-body iframe {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 350px;
    background: #fff;
    border: 1px solid #e2e7ee;
    border-radius: 0;
}

.dda-pdf-loader {
    position: absolute;
    inset: 14px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 15px;
    background: #fff;
    z-index: 2;
    pointer-events: none;
    border-radius: 0;
}

.dda-pdf-loader p {
    margin: 0;
    color: #748397;
    font-size: 13px;
}

/* Footer */
.dda-notice-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding: 14px 25px;
    background: #fff;
    border-top: 1px solid #e8edf3;
}

.dda-footer-info {
    color: #7a899c;
    font-size: 11px;
}

.dda-footer-info i {
    color: #3477b8;
    margin-right: 5px;
}

.dda-close-btn {
    background: #122c50;
    color: white;
    padding: 11px 20px;
    font-size: 12px;
    font-weight: 750;
    border: 0;
    border-radius: 9px;
    transition: .2s;
}

.dda-close-btn:hover {
    background: #244f85;
}

/* Responsive */
@media (max-width: 767px) {
    .dda-notice-panel {
        --bs-offcanvas-width: 100vw;
    }

    .dda-notice-header {
        padding: 16px;
    }

    .dda-notice-toolbar {
        padding: 12px 15px;
    }

    .dda-notice-heading h5 {
        font-size: 14px;
    }

    .dda-pdf-icon {
        width: 42px;
        height: 42px;
        min-width: 42px;
    }

    .dda-notice-body {
        padding: 8px;
    }

    .dda-notice-footer {
        padding: 12px 15px;
    }

    .dda-footer-info {
        max-width: 175px;
        line-height: 1.5;
    }

    .dda-toolbar-actions a {
        padding: 8px 10px;
    }
}

/* SMILE HOME PREMIUM HEADER — scoped styles */
.sh-header-shell{--sh-navy:#142747;--sh-blue:#3265d3;--sh-orange:#f18a32;--sh-teal:#0d9488;--sh-purple:#7553db;--sh-text:#243551;--sh-muted:#748299;font-family:inherit;position:sticky!important;top:0;z-index:1050;width:100%;isolation:isolate}
.sh-header-shell a{text-decoration:none}
.sh-topline{background:linear-gradient(100deg,#10223e,#21427d 56%,#225b81);color:#fff;position:relative;overflow:hidden}
.sh-topline:after{content:'';position:absolute;right:-70px;top:-85px;width:260px;height:210px;border-radius:50%;background:#ffffff09;pointer-events:none}
.sh-topline-inner{min-height:39px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding: 0;}
.sh-top-contact,.sh-top-right,.sh-top-social{display:flex;align-items:center;gap:18px}
.sh-top-contact a,.sh-top-social a{color:#eaf1ff;font-size:12px;transition:color .2s}
.sh-top-contact i{color:#ffbb79;margin-right:6px}
.sh-top-contact a:hover,.sh-top-social a:hover{color:#ffbb79}
.sh-top-social{gap:14px}
.sh-news-link{display:inline-flex;align-items:center;gap:8px;color:#fff;font-size:11px;font-weight:700;white-space:nowrap}
.sh-news-link:hover{color:#fff}
.sh-news-dot{height:7px;width:7px;background:#4adea3;border-radius:50%;box-shadow:0 0 0 4px #4adea325}
.sh-news-pill{font-size:9px;color:#44200b;background:#ffcc84;border-radius:20px;padding:2px 7px;font-weight:800;letter-spacing:.07em}
.sh-header{background:rgba(255,255,255,.98);border-bottom:1px solid #e9edf4;box-shadow:0 7px 30px #1427470a;padding: 0;}
.sh-header .container{width:85%!important;max-width:none!important;margin-left:auto;margin-right:auto;padding: 0;}
.sh-nav-layout{min-height:82px;display:flex;align-items:center;gap:26px}
.sh-brand{display:flex;align-items:center;flex-shrink:0}
.sh-brand img{width:138px;max-height:62px;object-fit:contain;object-position:left}
.sh-nav-list{display:flex;align-items:center;gap:2px;list-style:none;margin:0;padding:0}
.sh-nav-list>.nav-item>.nav-link{display:flex;align-items:center;gap:5px;color:#344761;font-size:13px;font-weight:700;padding:12px 12px;border-radius:10px;white-space:nowrap;transition:background .2s,color .2s}
.sh-nav-list>.nav-item>.nav-link:hover,.sh-nav-list>.nav-item>.nav-link:focus{background:#f1f5fe;color:#2251b7}
.sh-nav-list>.nav-item>.sh-scheme-nav{background:#fff2e5;color:#ac5112}
.sh-nav-list>.nav-item>.sh-scheme-nav:hover{background:#ffe6ce;color:#914313}
.sh-new-label{font-size:9px;line-height:1;background:#fb7926;color:#fff;padding:5px 6px;border-radius:5px;font-weight:900;letter-spacing:.02em}
.sh-header-actions{display:flex;align-items:center;gap:10px;margin-left:auto}
.sh-header-actions .sh-call{height:41px;width:41px;display:grid;place-items:center;border:1px solid #e4eaf3;color:#1a477e;border-radius:12px;background:#f8faff}
.sh-login{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:43px;padding:10px 16px;border-radius:11px;background:linear-gradient(115deg,#f89a43,#e77428);color:#fff!important;font-size:12px;font-weight:800;box-shadow:0 7px 18px #e77d2c27;white-space:nowrap}
.sh-login:hover{filter:brightness(.96)}
.sh-login i{font-size:16px}
.sh-burger{display:none;border:1px solid #e3e8f0;background:#fff;border-radius:10px;color:#203654;width:43px;height:43px;align-items:center;justify-content:center;font-size:22px}
.sh-dropdown{border:1px solid #e7ecf4!important;border-radius:16px;box-shadow:0 22px 65px rgba(17,43,86,.13);padding:10px;min-width:250px;background:#fff;margin-top:8px!important}
.sh-dropdown .dropdown-item{border-radius:9px;padding:11px 12px;font-size:13px;font-weight:650;color:#3b4e66;display:flex;gap:10px;align-items:center;white-space:normal}
.sh-dropdown .dropdown-item:hover{background:#f2f6ff;color:#2658af}
.sh-dropdown .dropdown-item i{font-size:17px;color:#4471c7}
.sh-dropdown-heading{font-size:10px;font-weight:900;letter-spacing:.12em;color:#8e9aab;padding:10px 12px 7px}
.sh-dropdown-footer{padding:10px 12px 3px;border-top:1px solid #edf0f5;font-size:10px;color:#8996a8;text-align:center}
.sh-scheme-menu{width:390px;max-width:calc(100vw - 24px);padding:12px}
.sh-menu-banner{background:linear-gradient(110deg,#143769,#395ed2);border-radius:12px;padding:16px;color:#fff;margin-bottom:10px;position:relative;overflow:hidden}
.sh-menu-banner:after{content:'';position:absolute;right:-27px;top:-38px;border:22px solid #ffffff12;width:120px;height:120px;border-radius:50%}
.sh-menu-banner strong{font-size:14px;display:block;position:relative;z-index:1}
.sh-menu-banner small{font-size:11px;opacity:.84;position:relative;z-index:1}
.sh-scheme-card{display:flex;align-items:flex-start;gap:11px;border:1px solid #fae4d7;background:#fffcfa;border-radius:12px;padding:14px 12px;color:var(--sh-text);transition:background .2s,border-color .2s}
.sh-scheme-card:hover{background:#fff3ea;border-color:#f6c6a0;color:var(--sh-text)}
.sh-scheme-symbol{display:grid;place-items:center;min-width:42px;height:42px;background:#ffead7;color:#dd742a;border-radius:11px;font-size:20px}
.sh-scheme-title{display:block;font-weight:850;font-size:13px;line-height:1.45;color:#223854}
.sh-scheme-tags{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0}
.sh-tag{border-radius:5px;padding:5px 7px;font-size:9px;font-weight:850;letter-spacing:.01em}
.sh-tag-orange{background:#fff0df;color:#ad5512}.sh-tag-blue{background:#e9eeff;color:#344da6}
.sh-scheme-meta{display:flex;align-items:center;gap:6px;font-size:11px;color:#687990;line-height:1.6}
.sh-scheme-meta i{color:#d98235}
.sh-menu-notice{font-size:10px;color:#8793a6;padding:12px 5px 2px;line-height:1.6}
.sh-menu-notice i{color:#1b9a89;margin-right:4px}
.sh-mobile-panel{--bs-offcanvas-width:min(375px,90vw)}
.sh-mobile-panel .offcanvas-header{background:linear-gradient(110deg,#142d53,#2b55a2);color:#fff;padding:22px}
.sh-mobile-panel .btn-close{filter:invert(1)}
.sh-mobile-panel .offcanvas-body{padding:16px}
.sh-mobile-panel .sh-nav-list{display:flex;align-items:center;gap:2px;width:100%}
.sh-mobile-panel .sh-nav-list>.nav-item>.nav-link{font-size:13px;padding:12px 12px}
.sh-mobile-panel .sh-dropdown{background:#fff}
.sh-mobile-panel .sh-scheme-menu{width:650px}
.sh-mobile-bottom{margin-top:18px;padding-top:16px;border-top:1px solid #e9edf4}
.sh-mobile-bottom a{display:flex;gap:10px;align-items:center;color:#273e5e;font-size:13px;font-weight:700;padding:10px}
@keyframes shMenuIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1400px){
  .sh-header-shell .sh-desktop-dropdown{position:relative}
  .sh-header-shell .sh-desktop-dropdown:hover>.dropdown-menu,
  .sh-header-shell .sh-desktop-dropdown:focus-within>.dropdown-menu,
  .sh-header-shell .sh-desktop-dropdown>.dropdown-menu.show{
    display:block;position:absolute!important;top:100%;left:0;
    margin-top:0!important;animation:shMenuIn .18s ease-out;
  }
  .sh-header-shell .sh-desktop-dropdown:last-of-type>.dropdown-menu{left:auto;right:0}
  .sh-mobile-panel{position:static!important;transform:none!important;visibility:visible!important;background:none;border:0;width:auto;flex:1;overflow:visible}
  .sh-mobile-panel .offcanvas-body{padding:0!important;overflow:visible;display:flex;justify-content:center}
  .sh-mobile-panel .offcanvas-header{display:none}
  .sh-mobile-panel .sh-nav-list{flex-direction:row;align-items:center;gap:2px}
  .sh-mobile-bottom{display:none}
  .sh-header .container{width:85%!important}
}
@media(max-width:1399.98px){
  .sh-header .container{width:94%!important}
  .sh-burger{display:inline-flex;order:0}
  .sh-brand{order:1}
  .sh-header-actions{order:2}
  .sh-nav-layout{min-height:71px;gap:12px}
  .sh-brand img{width:125px}
  .sh-mobile-panel{--bs-offcanvas-width:min(390px,92vw)}
  .sh-mobile-panel .offcanvas-body{padding:16px;overflow-y:auto}
  .sh-mobile-panel .sh-nav-list{flex-direction:column;align-items:stretch;gap:5px}
  .sh-mobile-panel .sh-nav-list>.nav-item>.nav-link{justify-content:space-between;font-size:14px;padding:13px 12px}
  .sh-mobile-panel .sh-dropdown{box-shadow:none;border:0!important;background:#f7f9fd;margin:5px 0 8px!important;width:100%;max-width:100%;position:static!important;transform:none!important}
  .sh-mobile-panel .sh-scheme-menu{width:100%}
  .sh-mobile-panel .dropdown-menu.show{display:block}
  .sh-mobile-bottom{display:block}
}
@media(max-width:991.98px){.sh-top-contact{display:none}.sh-topline-inner{justify-content:center}.sh-top-right{width:100%;justify-content:space-between}}
@media(max-width:575px){.sh-header-actions .sh-call{display:none}.sh-header-actions .sh-login{min-height:39px;padding:9px 12px}.sh-brand img{width:108px}.sh-top-social{gap:11px}.sh-news-link{font-size:10px}.sh-topline-inner{min-height:35px}.sh-nav-layout{gap:8px}.sh-burger{height:39px;width:39px}.sh-header .container{width:94%!important}}
@media(prefers-reduced-motion:reduce){.sh-header-shell *, .sh-header-shell *:before,.sh-header-shell *:after{transition:none!important;animation:none!important}}

/* Mobile / Tablet Dropdown Fix */
@media (max-width: 1399.98px) {

    .sh-header-shell .sh-mobile-panel {
        --bs-offcanvas-width: min(420px, 92vw);
    }

    .sh-header-shell .sh-mobile-panel .offcanvas-body {
        overflow-x: hidden;
        overflow-y: auto;
    }

    .sh-header-shell .sh-mobile-panel .sh-nav-list {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        width: 100%;
    }

    .sh-header-shell .sh-desktop-dropdown {
        position: relative;
        width: 100%;
    }

    .sh-header-shell .sh-desktop-dropdown > .dropdown-menu {
        display: none !important;
        position: static !important;
        float: none !important;
        transform: none !important;
        inset: auto !important;
        width: 100%;
        max-width: 100%;
        margin: 6px 0 12px !important;
        box-shadow: none !important;
        border: 1px solid #e8edf5 !important;
        border-radius: 12px;
        background: #f8faff;
    }

    .sh-header-shell .sh-desktop-dropdown > .dropdown-menu.show {
        display: block !important;
        animation: shMobileDropdown .22s ease;
    }

    .sh-header-shell .sh-desktop-dropdown > .dropdown-toggle {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        cursor: pointer;
    }

    .sh-header-shell .sh-desktop-dropdown > .dropdown-toggle::after {
        margin-left: auto;
        transition: transform .2s ease;
    }

    .sh-header-shell .sh-desktop-dropdown.show > .dropdown-toggle::after {
        transform: rotate(180deg);
    }
}

@keyframes shMobileDropdown {
    from {
        opacity: 0;
        transform: translateY(-6px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Desktop hover dropdown */
@media (min-width: 1400px) {

    .sh-header-shell .sh-desktop-dropdown {
        position: relative;
    }

    .sh-header-shell .sh-desktop-dropdown:hover > .dropdown-menu,
    .sh-header-shell .sh-desktop-dropdown:focus-within > .dropdown-menu {
        display: block;
        position: absolute !important;
        top: 100%;
        left: 0;
        margin-top: 0 !important;
    }
}
@media (min-width: 992px) {
    .sh-header-shell .sh-desktop-dropdown:hover > .dropdown-menu {
        display: block;
    }
}

/* Desktop */
.all_schemes_list {
    padding: 0;
    display: flex;
    flex-direction: row;
}

/* Mobile & Tablet */
@media (max-width: 767.98px) {
    .all_schemes_list {
        padding: 0;
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

    .all_schemes_list > * {
        width: 100%;
    }
}


/* ==========================================
   SMILE HOME - PREMIUM SINGLE FAQ ACCORDION
========================================== */

.sh-faq-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* FAQ Card */
.sh-faq-list details {
    position: relative;
    border: 1px solid #e5eaf3;
    border-radius: 15px;
    background: #ffffff;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(25, 49, 88, .025);
    transition:
        border-color .3s ease,
        box-shadow .3s ease,
        background .3s ease;
}

/* Hover */
.sh-faq-list details:hover {
    border-color: #bdd0f3;
    box-shadow: 0 7px 20px rgba(25, 56, 108, .045);
}

/* Active FAQ */
.sh-faq-list details[open] {
    border-color: #a9c6f5;
    background: linear-gradient(
        135deg,
        #ffffff 65%,
        #f7faff 100%
    );
    box-shadow: 0 12px 30px rgba(32, 82, 157, .075);
}

/* Orange accent on active FAQ */
.sh-faq-list details[open]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background: linear-gradient(
        to bottom,
        #f69a43,
        #326bd6
    );
    border-radius: 3px;
}

/* Question */
.sh-faq-list summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 22px 24px;
    cursor: pointer;
    list-style: none;
    user-select: none;
    color: #1c3352;
    transition: color .25s ease;
}

.sh-faq-list summary::-webkit-details-marker {
    display: none;
}

.sh-faq-list summary::marker {
    content: "";
}

.sh-faq-list summary:focus-visible {
    outline: 2px solid #326bd6;
    outline-offset: -4px;
    border-radius: 14px;
}

.sh-faq-list details[open] summary {
    color: #245dc0;
}

.sh-faq-question {
    flex: 1;
    font-size: 15px;
    font-weight: 750;
    line-height: 1.6;
}

/* Plus / Minus Button */
.sh-faq-toggle {
    position: relative;
    width: 36px;
    height: 36px;
    min-width: 36px;
    display: grid;
    place-items: center;
    background: #eff4fc;
    border: 1px solid #e1e9f5;
    border-radius: 10px;
    transition:
        background .25s ease,
        border-color .25s ease,
        transform .25s ease;
}

.sh-faq-toggle::before,
.sh-faq-toggle::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    background: #47709d;
    border-radius: 2px;
    transition:
        transform .25s ease,
        background .25s ease;
}

.sh-faq-toggle::before {
    width: 14px;
    height: 2px;
    transform: translate(-50%, -50%);
}

.sh-faq-toggle::after {
    width: 2px;
    height: 14px;
    transform: translate(-50%, -50%);
}

/* Open: plus becomes minus */
.sh-faq-list details[open] .sh-faq-toggle {
    background: linear-gradient(135deg, #326bd6, #204ea4);
    border-color: transparent;
}

.sh-faq-list details[open] .sh-faq-toggle::before {
    background: #fff;
}

.sh-faq-list details[open] .sh-faq-toggle::after {
    background: #fff;
    transform: translate(-50%, -50%) rotate(90deg);
}

/* Answer */
.sh-faq-answer {
    padding: 0 24px 24px;
    animation: shFaqAnswerIn .28s ease both;
}

.sh-faq-answer p {
    margin: 0;
    padding-top: 16px;
    border-top: 1px solid #e9eef6;
    color: #66788e;
    font-size: 13px;
    line-height: 1.9;
}

.sh-faq-answer strong {
    color: #173a6b;
    font-weight: 800;
}

.sh-faq-answer a {
    color: #2869c9;
    font-weight: 750;
    text-decoration: underline;
    text-underline-offset: 3px;
}

@keyframes shFaqAnswerIn {
    from {
        opacity: 0;
        transform: translateY(-7px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Mobile */
@media (max-width: 575.98px) {
    .sh-faq-list {
        gap: 10px;
    }

    .sh-faq-list summary {
        padding: 17px 15px;
        gap: 12px;
    }

    .sh-faq-question {
        font-size: 13px;
    }

    .sh-faq-toggle {
        width: 31px;
        height: 31px;
        min-width: 31px;
    }

    .sh-faq-answer {
        padding: 0 15px 18px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .sh-faq-list details,
    .sh-faq-list summary,
    .sh-faq-toggle,
    .sh-faq-toggle::before,
    .sh-faq-toggle::after,
    .sh-faq-answer {
        animation: none !important;
        transition: none !important;
    }
}

/* All Schemes List */
.all_schemes_list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    padding: 0;
    margin: 0;
    list-style: none;
}

.all_schemes_list > li {
    min-width: 0;
}

/* Scheme Card */
.all_schemes_list .sh-scheme-card {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    width: 100%;
    height: 100%;
    padding: 16px;
    border-radius: 13px;
    border: 1px solid #e7edf6;
    background: #fff;
    color: #203452;
    text-decoration: none;
    transition: all .25s ease;
}

.all_schemes_list .sh-scheme-card:hover {
    background: #f8fbff;
    border-color: #bad0f5;
    box-shadow: 0 8px 24px rgba(25, 56, 108, .08);
    transform: translateY(-3px);
}

/* Icons */
.all_schemes_list .sh-scheme-symbol {
    width: 43px;
    height: 43px;
    min-width: 43px;
    display: grid;
    place-items: center;
    border-radius: 11px;
    background: #fff0df;
    color: #e7832e;
    font-size: 20px;
}

.all_schemes_list .sh-icon-blue {
    background: #e8f0ff;
    color: #326bd6;
}

.all_schemes_list .sh-icon-teal {
    background: #e5f8f4;
    color: #099480;
}

.all_schemes_list .sh-icon-purple {
    background: #f1eaff;
    color: #7954ce;
}

.all_schemes_list .sh-icon-violet {
    background: #f8eaff;
    color: #a044c9;
}

/* Text */
.all_schemes_list .sh-scheme-content {
    flex: 1;
    min-width: 0;
}

.all_schemes_list .sh-scheme-title {
    display: block;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.5;
    color: #193553;
	text-align: left;
}

.all_schemes_list .sh-scheme-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: 9px 0;
}

.all_schemes_list .sh-tag {
    display: inline-flex;
    padding: 5px 8px;
    border-radius: 6px;
    font-size: 9px;
    font-weight: 800;
    line-height: 1.4;
}

.all_schemes_list .sh-tag-orange {
    background: #fff0de;
    color: #b85d17;
}

.all_schemes_list .sh-tag-blue {
    background: #e9f0ff;
    color: #315fb5;
}

.all_schemes_list .sh-tag-purple {
    background: #efe9ff;
    color: #7551c7;
}

.all_schemes_list .sh-tag-green {
    background: #ddf8eb;
    color: #14815c;
}

/* Meta */
.all_schemes_list .sh-scheme-meta {
    display: flex;
    align-items: flex-start;
    gap: 7px;
    margin-top: 5px;
    font-size: 11px;
    line-height: 1.6;
    color: #71839a;
}

.all_schemes_list .sh-scheme-meta i {
    color: #e18a36;
}

.all_schemes_list .sh-scheme-arrow {
    margin-left: auto;
    flex-shrink: 0;
    color: #9eacbd;
    font-size: 14px;
}

/* Mobile */
@media (max-width: 991.98px) {
    .all_schemes_list {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 575.98px) {
    .all_schemes_list .sh-scheme-card {
        padding: 13px;
        gap: 10px;
    }

    .all_schemes_list .sh-scheme-title {
        font-size: 12px;
    }

    .all_schemes_list .sh-scheme-symbol {
        width: 37px;
        height: 37px;
        min-width: 37px;
        font-size: 17px;
    }

    .all_schemes_list .sh-tag {
        font-size: 8px;
    }
}


/* ==============================================
   SMILE HOME - PREMIUM RENTAL PROPERTY SECTION
============================================== */

.sh-rent-section {
    background: linear-gradient(180deg, #f7f9fd 0%, #ffffff 100%);
    padding: 85px 0 !important;
}

/* Heading */

.sh-rent-heading {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 25px;
    margin-bottom: 35px;
}

.sh-rent-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 13px;
    border-radius: 8px;
    background: #eaf0ff;
    color: #2f62bb;
    font-size: 10px;
    font-weight: 850;
    letter-spacing: 1px;
    margin-bottom: 17px;
}

.sh-rent-heading h2 {
    font-size: clamp(30px, 3.5vw, 44px);
    font-weight: 850;
    letter-spacing: -1.5px;
    line-height: 1.15;
    color: #152a47;
    margin-bottom: 12px;
}

.sh-rent-heading h2 span {
    color: #eb8731;
}

.sh-rent-heading p {
    color: #78879b;
    font-size: 14px;
    line-height: 1.8;
    margin-bottom: 0;
    max-width: 560px;
}

.sh-rent-viewall {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    flex-shrink: 0;
    padding: 14px 20px;
    background: #153765;
    color: #fff;
    border-radius: 10px;
    text-decoration: none;
    font-size: 12px;
    font-weight: 800;
    transition: all .25s ease;
}

.sh-rent-viewall:hover {
    background: #244d87;
    color: #fff;
    transform: translateY(-2px);
}

/* Cards */

.sh-rent-card {
    height: 100%;
    background: #fff;
    border: 1px solid #e6eaf2;
    border-radius: 17px;
    overflow: hidden;
    transition:
        transform .3s ease,
        box-shadow .3s ease,
        border-color .3s ease;
}

.sh-rent-card:hover {
    transform: translateY(-7px);
    box-shadow: 0 19px 45px rgba(22, 49, 88, .10);
    border-color: #d1dff4;
}

/* Property Image */

.sh-rent-image {
    position: relative;
    height: 225px;
    overflow: hidden;
    background: #e6edf5;
}

.sh-rent-image::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        180deg,
        transparent 55%,
        rgba(8, 25, 49, .5) 100%
    );
    pointer-events: none;
}

.sh-rent-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .5s ease;
}

.sh-rent-card:hover .sh-rent-image img {
    transform: scale(1.07);
}

/* Status Badge */

.sh-rent-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    background: #fff;
    color: #168b65;
    padding: 8px 12px;
    border-radius: 7px;
    font-size: 10px;
    font-weight: 850;
    letter-spacing: .4px;
}

.sh-rent-live-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #18a77b;
}

/* Image Bottom Label */

.sh-rent-image-label {
    position: absolute;
    bottom: 15px;
    left: 16px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #fff;
    font-size: 11px;
    font-weight: 750;
}

/* Content */

.sh-rent-content {
    padding: 23px;
}

.sh-rent-title-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.sh-rent-category {
    display: block;
    color: #e68a39;
    font-size: 10px;
    font-weight: 850;
    letter-spacing: .75px;
    margin-bottom: 7px;
}

.sh-rent-title-row h3 {
    font-size: 21px;
    font-weight: 850;
    color: #1c314f;
    letter-spacing: -.6px;
    margin: 0;
}

.sh-rent-type {
    display: inline-flex;
    align-items: center;
    padding: 7px 10px;
    border-radius: 7px;
    color: #315db1;
    background: #edf3ff;
    font-size: 10px;
    font-weight: 850;
    white-space: nowrap;
}

/* Location */

.sh-rent-address {
    margin: 11px 0 19px;
    color: #8793a4;
    font-size: 12px;
}

.sh-rent-address i {
    color: #ed8940;
    margin-right: 4px;
}

/* Features */

.sh-rent-features {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    background: #f8faff;
    border-radius: 11px;
    padding: 15px;
    margin-bottom: 17px;
}

.sh-rent-features span {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 11px;
    font-weight: 650;
    color: #52657f;
}

.sh-rent-features i {
    color: #3474cd;
    font-size: 15px;
}

/* Area */

.sh-rent-area {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding-bottom: 18px;
}

.sh-rent-area span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #7b8ca0;
    font-size: 12px;
}

.sh-rent-area i {
    color: #3585bb;
    font-size: 15px;
}

.sh-rent-area strong {
    font-size: 14px;
    color: #203955;
}

/* Bottom */

.sh-rent-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding-top: 17px;
    border-top: 1px solid #e8edf3;
}

.sh-rent-agent {
    display: flex;
    align-items: center;
    gap: 9px;
    min-width: 0;
}

.sh-rent-agent img {
    width: 38px;
    height: 38px;
    object-fit: contain;
    border: 1px solid #e9edf3;
    padding: 4px;
    border-radius: 50%;
    background: #fff;
}

.sh-rent-agent strong {
    display: block;
    font-size: 12px;
    color: #253c57;
}

.sh-rent-agent small {
    display: block;
    font-size: 10px;
    color: #9aa5b3;
    margin-top: 2px;
}

.sh-rent-contact {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 11px 13px;
    background: linear-gradient(120deg, #f08d39, #f6a653);
    color: #fff;
    border-radius: 8px;
    text-decoration: none;
    font-size: 11px;
    font-weight: 800;
    white-space: nowrap;
    transition: all .25s ease;
}

.sh-rent-contact:hover {
    background: linear-gradient(120deg, #dc7924, #f0953f);
    color: #fff;
    transform: translateY(-2px);
}

/* Tablet */

@media (max-width: 991.98px) {
    .sh-rent-section {
        padding: 65px 0 !important;
    }

    .sh-rent-heading {
        align-items: flex-start;
    }
}

/* Mobile */

@media (max-width: 575.98px) {
    .sh-rent-section {
        padding: 50px 0 !important;
    }

    .sh-rent-heading {
        display: block;
        margin-bottom: 25px;
    }

    .sh-rent-heading h2 {
        font-size: 32px;
    }

    .sh-rent-viewall {
        margin-top: 20px;
        width: 100%;
    }

    .sh-rent-image {
        height: 210px;
    }

    .sh-rent-content {
        padding: 18px;
    }

    .sh-rent-title-row h3 {
        font-size: 19px;
    }

    .sh-rent-features {
        padding: 13px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .sh-rent-card,
    .sh-rent-image img,
    .sh-rent-viewall,
    .sh-rent-contact {
        transition: none !important;
        transform: none !important;
    }
}


/* ==========================================
   SMILE HOME - PREMIUM SERVICES
========================================== */

.sh-services-section {
    background:
        radial-gradient(circle at 8% 15%,
            rgba(54, 105, 220, .055),
            transparent 35%),
        linear-gradient(180deg, #fff, #f7f9fd);
    padding: 95px 0;
}

/* Section Heading */
.sh-services-heading {
    text-align: center;
    max-width: 760px;
    margin: 0 auto 48px;
}

.sh-services-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 9px 15px;
    background: #eef3ff;
    border: 1px solid #e1eaff;
    border-radius: 30px;
    color: #3264be;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.2px;
    margin-bottom: 20px;
}

.sh-services-dot {
    width: 7px;
    height: 7px;
    background: #3873dc;
    border-radius: 50%;
}

.sh-services-heading h2 {
    color: #172b49;
    font-size: clamp(32px, 4vw, 49px);
    font-weight: 850;
    letter-spacing: -1.8px;
    line-height: 1.18;
    margin-bottom: 17px;
}

.sh-services-heading h2 span {
    color: #eb8937;
}

.sh-services-heading p {
    color: #758397;
    font-size: 15px;
    line-height: 1.85;
    margin: 0 auto;
    max-width: 650px;
}

/* Cards */
.sh-service-card {
    --service-color: #e88732;
    --service-light: #fff0e2;

    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 355px;
    padding: 28px;
    background: #fff;
    border: 1px solid #e7ebf2;
    border-radius: 18px;
    overflow: hidden;
    transition:
        transform .3s ease,
        border-color .3s ease,
        box-shadow .3s ease;
}

.sh-service-card::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 4px;
    background: var(--service-color);
}

.sh-service-card:hover {
    transform: translateY(-7px);
    border-color: var(--service-color);
    box-shadow: 0 18px 42px rgba(23, 48, 87, .09);
}

/* Individual Colors */
.sh-service-orange {
    --service-color: #e88732;
    --service-light: #fff0e2;
}

.sh-service-blue {
    --service-color: #3571d5;
    --service-light: #eaf1ff;
}

.sh-service-teal {
    --service-color: #099789;
    --service-light: #e4f7f3;
}

.sh-service-purple {
    --service-color: #8054d5;
    --service-light: #f1eaff;
}

/* Card Top */
.sh-service-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 36px;
}

.sh-service-icon {
    display: grid;
    place-items: center;
    width: 59px;
    height: 59px;
    background: var(--service-light);
    color: var(--service-color);
    border-radius: 15px;
    font-size: 27px;
    transition: transform .3s ease;
}

.sh-service-card:hover .sh-service-icon {
    transform: scale(1.08) rotate(-4deg);
}

.sh-service-number {
    color: #dce4ef;
    font-size: 29px;
    font-weight: 850;
    line-height: 1;
}

/* Card Content */
.sh-service-content {
    flex: 1;
}

.sh-service-category {
    display: block;
    color: var(--service-color);
    font-size: 10px;
    font-weight: 850;
    letter-spacing: 1px;
    margin-bottom: 12px;
}

.sh-service-content h3 {
    color: #203652;
    font-size: 20px;
    font-weight: 800;
    letter-spacing: -.6px;
    line-height: 1.4;
    margin-bottom: 14px;
}

.sh-service-content p {
    color: #7a899c;
    font-size: 13px;
    line-height: 1.85;
    margin-bottom: 27px;
}

/* Card Link */
.sh-service-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding-top: 18px;
    border-top: 1px solid #edf0f5;
    color: #233f62;
    font-size: 12px;
    font-weight: 800;
    text-decoration: none;
}

.sh-service-link span {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    background: var(--service-light);
    color: var(--service-color);
    border-radius: 9px;
    transition: background .2s, transform .2s;
}

.sh-service-link:hover {
    color: var(--service-color);
}

.sh-service-link:hover span {
    transform: translate(3px, -3px);
    background: var(--service-color);
    color: #fff;
}

/* Bottom Contact Banner */
.sh-services-bottom {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 35px;
    padding: 23px 26px;
    background: linear-gradient(110deg, #142e53, #24549b);
    border-radius: 15px;
    color: #fff;
}

.sh-services-bottom-icon {
    display: grid;
    place-items: center;
    width: 51px;
    height: 51px;
    flex: 0 0 51px;
    border-radius: 13px;
    background: rgba(255, 255, 255, .12);
    font-size: 23px;
}

.sh-services-bottom-text {
    flex: 1;
}

.sh-services-bottom-text strong {
    display: block;
    font-size: 16px;
    font-weight: 800;
    margin-bottom: 5px;
}

.sh-services-bottom-text span {
    display: block;
    color: #c7d8ee;
    font-size: 12px;
    line-height: 1.6;
}

.sh-services-contact {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    flex-shrink: 0;
    background: linear-gradient(120deg, #f18b32, #f7ad58);
    color: #fff;
    padding: 13px 19px;
    border-radius: 9px;
    font-size: 12px;
    font-weight: 800;
    text-decoration: none;
    transition: transform .25s ease;
}

.sh-services-contact:hover {
    color: #fff;
    transform: translateY(-2px);
}

/* Responsive */
@media (max-width: 991.98px) {
    .sh-services-section {
        padding: 70px 0;
    }

    .sh-service-card {
        min-height: 330px;
    }
}

@media (max-width: 767.98px) {
    .sh-services-bottom {
        flex-wrap: wrap;
    }

    .sh-services-contact {
        width: 100%;
    }
}

@media (max-width: 575.98px) {
    .sh-services-section {
        padding: 55px 0;
    }

    .sh-services-heading {
        margin-bottom: 30px;
    }

    .sh-services-heading h2 {
        font-size: 32px;
        letter-spacing: -1px;
    }

    .sh-service-card {
        padding: 24px;
        min-height: auto;
    }

    .sh-service-top {
        margin-bottom: 25px;
    }

    .sh-services-bottom {
        padding: 20px;
        gap: 15px;
    }

    .sh-services-bottom-text strong {
        font-size: 14px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .sh-service-card,
    .sh-service-icon,
    .sh-service-link span,
    .sh-services-contact {
        transition: none !important;
        transform: none !important;
    }
}

/* ==========================================
   SMILE HOME - PREMIUM HERO DESIGN
========================================== */

.sh-home-hero {
    position: relative;
    isolation: isolate;
    min-height: 680px;
    padding: 100px 0 65px;
    overflow: hidden;
    color: #fff;

    background:
        linear-gradient(
            100deg,
            rgba(8, 26, 54, .97) 0%,
            rgba(14, 41, 82, .92) 43%,
            rgba(15, 53, 103, .55) 100%
        ),
        url("assets/img/home-banner.jpg");

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.sh-home-hero > .container {
    position: relative;
    z-index: 2;
}

/* Decorative Glow */
.sh-hero-glow {
    position: absolute;
    z-index: -1;
    border-radius: 50%;
    pointer-events: none;
    filter: blur(12px);
}

.sh-hero-glow-one {
    width: 430px;
    height: 430px;
    top: -190px;
    right: -120px;
    background: radial-gradient(
        circle,
        rgba(67, 117, 234, .30),
        transparent 70%
    );
}

.sh-hero-glow-two {
    width: 400px;
    height: 400px;
    bottom: -230px;
    left: -150px;
    background: radial-gradient(
        circle,
        rgba(235, 133, 40, .14),
        transparent 70%
    );
}

/* Content Animation */
.sh-hero-content {
    max-width: 800px;
    animation: shHeroFadeUp .8s ease both;
}

/* Top Tag */
.sh-hero-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 10px 15px;
    border: 1px solid rgba(255,255,255,.18);
    background: rgba(255,255,255,.09);
    backdrop-filter: blur(12px);
    border-radius: 30px;
    color: #f5d3a8;
    font-size: 10px;
    font-weight: 850;
    letter-spacing: 1.3px;
    margin-bottom: 26px;
}

.sh-hero-pulse {
    width: 8px;
    height: 8px;
    background: #ffac57;
    border-radius: 50%;
    box-shadow: 0 0 0 5px rgba(255,172,87,.12);
    animation: shHeroPulse 2s infinite;
}

/* Main Heading */
.sh-hero-title {
    color: #fff;
    font-size: clamp(38px, 4.6vw, 68px);
    line-height: 1.25;
    font-weight: 850;
    letter-spacing: -.8px;
    margin: 0 0 24px;
}

.sh-hero-title span {
    display: block;
    color: #ffad5c;
}

/* Paragraph */
.sh-hero-description {
    max-width: 690px;
    color: #d4e0f0;
    font-size: 16px;
    line-height: 1.95;
    margin-bottom: 30px;
}

/* Buttons */
.sh-hero-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 14px;
    margin-bottom: 29px;
}

.sh-hero-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    min-height: 53px;
    padding: 15px 21px;
    border-radius: 11px;
    font-size: 13px;
    font-weight: 850;
    text-decoration: none;
    transition:
        transform .25s ease,
        background .25s ease,
        box-shadow .25s ease;
}

/* Orange Button */
.sh-hero-btn-primary {
    color: #17253a;
    background: linear-gradient(115deg, #ffa246, #ffc075);
    box-shadow: 0 10px 26px rgba(255,159,72,.18);
}

.sh-hero-btn-primary:hover {
    color: #17253a;
    transform: translateY(-3px);
    box-shadow: 0 15px 30px rgba(255,159,72,.29);
}

/* Outline Button */
.sh-hero-btn-outline {
    color: #fff;
    border: 1px solid rgba(255,255,255,.35);
    background: rgba(255,255,255,.08);
    backdrop-filter: blur(10px);
}

.sh-hero-btn-outline:hover {
    color: #fff;
    background: rgba(255,255,255,.16);
    transform: translateY(-3px);
}

/* Trust Labels */
.sh-hero-trust {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 19px;
}

.sh-hero-trust span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #c8d6e8;
    font-size: 11px;
    font-weight: 650;
}

.sh-hero-trust i {
    color: #70dfbb;
    font-size: 13px;
}

/* ==========================================
   FEATURE CARDS
========================================== */

.sh-hero-features {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    margin-top: 66px;
}

.sh-hero-feature {
    --feature-color: #ff9f45;
    --feature-bg: rgba(255, 159, 69, .16);

    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
    min-height: 112px;
    padding: 19px 17px;
    border: 1px solid rgba(255,255,255,.19);
    border-radius: 15px;
    background: rgba(255,255,255,.10);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    transition:
        transform .3s ease,
        background .3s ease,
        border-color .3s ease;
}

.sh-hero-feature:hover {
    background: rgba(255,255,255,.17);
    border-color: rgba(255,255,255,.35);
    transform: translateY(-6px);
}

/* Different Colors */
.sh-feature-orange {
    --feature-color: #ffb25d;
    --feature-bg: rgba(255, 178, 93, .17);
}

.sh-feature-blue {
    --feature-color: #8bbdff;
    --feature-bg: rgba(92, 154, 255, .18);
}

.sh-feature-teal {
    --feature-color: #79e4d0;
    --feature-bg: rgba(81, 205, 180, .16);
}

.sh-feature-purple {
    --feature-color: #c4a5ff;
    --feature-bg: rgba(159, 116, 245, .19);
}

/* Icon */
.sh-feature-icon {
    width: 46px;
    height: 46px;
    min-width: 46px;
    display: grid;
    place-items: center;
    background: var(--feature-bg);
    color: var(--feature-color);
    border-radius: 12px;
    font-size: 22px;
}

.sh-hero-feature h3 {
    color: #fff;
    font-size: 13px;
    line-height: 1.5;
    font-weight: 850;
    margin: 0 0 5px;
}

.sh-hero-feature p {
    color: #c3d2e4;
    font-size: 10px;
    line-height: 1.6;
    margin: 0;
}

.sh-feature-arrow {
    color: var(--feature-color);
    font-size: 12px;
    margin-left: auto;
    align-self: flex-start;
    opacity: .7;
}

/* Animations */
@keyframes shHeroFadeUp {
    from {
        opacity: 0;
        transform: translateY(22px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes shHeroPulse {
    50% {
        box-shadow: 0 0 0 10px rgba(255,172,87,0);
    }
}

/* ==========================================
   RESPONSIVE
========================================== */

@media (max-width: 1199.98px) {
    .sh-hero-features {
        grid-template-columns: repeat(2, minmax(0,1fr));
    }
}

@media (max-width: 991.98px) {
    .sh-home-hero {
        min-height: auto;
        padding: 75px 0 55px;
    }

    .sh-hero-title {
        font-size: clamp(37px, 6vw, 56px);
    }

    .sh-hero-features {
        margin-top: 45px;
    }
}

@media (max-width: 575.98px) {
    .sh-home-hero {
        padding: 54px 0 36px;
        background-position: 62% center;
    }

    .sh-hero-title {
        font-size: 37px;
        line-height: 1.35;
    }

    .sh-hero-description {
        font-size: 14px;
        line-height: 1.85;
    }

    .sh-hero-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .sh-hero-btn {
        width: 100%;
    }

    .sh-hero-trust {
        gap: 12px;
    }

    .sh-hero-features {
        grid-template-columns: repeat(2, minmax(0,1fr));
        gap: 10px;
        margin-top: 37px;
    }

    .sh-hero-feature {
        display: block;
        min-height: 158px;
        padding: 15px;
    }

    .sh-feature-icon {
        margin-bottom: 13px;
        width: 41px;
        height: 41px;
        min-width: 41px;
        font-size: 19px;
    }

    .sh-hero-feature h3 {
        font-size: 12px;
    }

    .sh-hero-feature p {
        font-size: 10px;
    }

    .sh-feature-arrow {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .sh-hero-content,
    .sh-hero-pulse {
        animation: none !important;
    }

    .sh-hero-feature,
    .sh-hero-btn {
        transition: none !important;
        transform: none !important;
    }
}

/* ==========================================
   SMILE HOME - NARELA FUTURE DEVELOPMENTS
========================================== */

.sh-future-section {
    padding: 95px 0;
    background: linear-gradient(180deg, #f7faff, #ffffff);
    color: #172c49;
}

/* Heading */

.sh-future-heading {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 38px;
}

.sh-future-heading > div {
    max-width: 720px;
}

.sh-future-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 9px 14px;
    background: #eaf1ff;
    border-radius: 50px;
    color: #3065c0;
    font-size: 10px;
    font-weight: 850;
    letter-spacing: 1px;
    margin-bottom: 20px;
}

.sh-future-heading h2 {
    font-size: clamp(32px, 4vw, 50px);
    font-weight: 850;
    letter-spacing: -1.7px;
    line-height: 1.18;
    margin-bottom: 15px;
    color: #152b4a;
}

.sh-future-heading h2 span {
    color: #ed8934;
}

.sh-future-heading p {
    color: #72839a;
    font-size: 14px;
    line-height: 1.9;
    margin-bottom: 0;
}

.sh-future-source-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    white-space: nowrap;
    border: 1px solid #d8e3f3;
    border-radius: 10px;
    padding: 13px 18px;
    background: #fff;
    color: #284b7b;
    font-size: 12px;
    font-weight: 800;
    text-decoration: none;
    transition: all .25s;
}

.sh-future-source-btn:hover {
    color: #235fbc;
    border-color: #a9c5f0;
    transform: translateY(-2px);
}

/* Featured Metro Banner */

.sh-future-featured {
    display: grid;
    grid-template-columns: 1.1fr .9fr;
    overflow: hidden;
    border-radius: 22px;
    background: linear-gradient(115deg, #10274a, #23529c);
    color: #fff;
    margin-bottom: 25px;
}

.sh-future-featured-content {
    padding: 45px;
}

.sh-future-status {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: 1px solid #ffffff32;
    border-radius: 30px;
    background: #ffffff13;
    padding: 9px 12px;
    font-size: 10px;
    font-weight: 850;
    letter-spacing: .7px;
    color: #c7e3ff;
}

.sh-future-status span {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #5de5b1;
}

.sh-future-featured-icon {
    width: 60px;
    height: 60px;
    display: grid;
    place-items: center;
    margin: 27px 0 20px;
    border-radius: 15px;
    background: #ffffff1c;
    color: #ffbd72;
    font-size: 29px;
}

.sh-future-featured h3 {
    font-size: clamp(28px, 3vw, 41px);
    font-weight: 850;
    line-height: 1.2;
    letter-spacing: -1px;
    margin-bottom: 17px;
    color: #fff;
}

.sh-future-featured h3 span {
    display: block;
    color: #ffb766;
}

.sh-future-featured p {
    font-size: 13px;
    line-height: 1.9;
    color: #d0def0;
    margin-bottom: 24px;
}

.sh-future-metro-facts {
    display: flex;
    flex-wrap: wrap;
    gap: 35px;
    padding: 18px 0;
    border-top: 1px solid #ffffff27;
}

.sh-future-metro-facts strong {
    display: block;
    color: #fff;
    font-size: 24px;
    font-weight: 850;
}

.sh-future-metro-facts small {
    display: block;
    color: #c0d3e9;
    font-size: 11px;
    margin-top: 5px;
}

.sh-future-featured-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #ffbc70;
    font-size: 12px;
    font-weight: 850;
    margin-top: 24px;
    text-decoration: none;
}

.sh-future-featured-link:hover {
    color: #fff;
}

/* Metro Graphic */

.sh-future-metro-art {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 35px;
    padding: 45px 30px;
    background:
        radial-gradient(circle, #4d87e550, transparent 60%),
        linear-gradient(140deg, #214b90, #102d5a);
    overflow: hidden;
}

.sh-future-metro-art::before {
    content: "";
    position: absolute;
    width: 390px;
    height: 390px;
    border: 1px solid #ffffff22;
    border-radius: 50%;
    box-shadow:
        0 0 0 55px #ffffff06,
        0 0 0 110px #ffffff05;
}

.sh-future-metro-circle {
    position: relative;
    display: grid;
    place-items: center;
    width: 135px;
    height: 135px;
    border-radius: 50%;
    border: 2px solid #ffffff59;
    background: #ffffff16;
    color: #fff;
    font-size: 64px;
    animation: shFutureFloat 5s ease-in-out infinite;
}

.sh-future-metro-line {
    position: relative;
    display: flex;
    justify-content: space-between;
    width: min(100%, 330px);
    border-top: 3px solid #f6ae56;
    padding-top: 22px;
}

.sh-future-metro-line span {
    position: relative;
    font-size: 10px;
    font-weight: 850;
    color: #e9f2ff;
}

.sh-future-metro-line span::before {
    content: "";
    position: absolute;
    top: -29px;
    left: 50%;
    transform: translateX(-50%);
    height: 12px;
    width: 12px;
    border-radius: 50%;
    background: #ffc275;
    border: 3px solid #194178;
}

.sh-future-art-caption {
    position: relative;
    font-size: 9px;
    letter-spacing: 1px;
    color: #b7d0ed;
    text-align: center;
}

/* Development Grid */

.sh-future-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

.sh-future-card {
    --f-color: #3571d8;
    --f-light: #eaf1ff;

    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 28px;
    border: 1px solid #e5ebf3;
    border-radius: 17px;
    background: #fff;
    transition:
        transform .3s ease,
        box-shadow .3s ease,
        border-color .3s ease;
}

.sh-future-card:hover {
    transform: translateY(-6px);
    border-color: var(--f-color);
    box-shadow: 0 16px 38px rgba(19, 45, 82, .08);
}

.sh-future-blue {
    --f-color: #3571d8;
    --f-light: #eaf1ff;
}

.sh-future-orange {
    --f-color: #e98a35;
    --f-light: #fff0e3;
}

.sh-future-purple {
    --f-color: #8054d4;
    --f-light: #f0eaff;
}

.sh-future-teal {
    --f-color: #109a91;
    --f-light: #e4f8f5;
}

.sh-future-indigo {
    --f-color: #5365ce;
    --f-light: #eef0ff;
}

.sh-future-green {
    --f-color: #319569;
    --f-light: #e6f7ed;
}

.sh-future-card-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 25px;
}

.sh-future-card-icon {
    display: grid;
    place-items: center;
    width: 55px;
    height: 55px;
    border-radius: 14px;
    background: var(--f-light);
    color: var(--f-color);
    font-size: 25px;
}

.sh-future-card-status {
    padding: 7px 9px;
    border-radius: 7px;
    background: #f2f5fa;
    color: #62748d;
    font-size: 9px;
    font-weight: 850;
    letter-spacing: .3px;
    text-align: center;
}

.sh-future-card-label {
    display: block;
    color: var(--f-color);
    font-size: 10px;
    font-weight: 850;
    letter-spacing: .8px;
    margin-bottom: 13px;
}

.sh-future-card h3 {
    font-size: 19px;
    line-height: 1.4;
    font-weight: 850;
    letter-spacing: -.5px;
    color: #193451;
    margin-bottom: 13px;
}

.sh-future-card p {
    color: #728298;
    font-size: 13px;
    line-height: 1.85;
    flex: 1;
    margin-bottom: 22px;
}

.sh-future-card-location {
    display: flex;
    align-items: center;
    gap: 7px;
    color: #6e8199;
    font-size: 11px;
    padding-bottom: 16px;
    border-bottom: 1px solid #edf0f5;
}

.sh-future-card-location i {
    color: var(--f-color);
}

.sh-future-card > a {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    color: var(--f-color);
    padding-top: 16px;
    font-size: 12px;
    font-weight: 850;
    text-decoration: none;
}

.sh-future-card > a:hover {
    text-decoration: underline;
}

/* Disclaimer */

.sh-future-disclaimer {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin-top: 28px;
    padding: 19px 22px;
    border: 1px solid #dce8f7;
    border-radius: 12px;
    background: #f2f7ff;
}

.sh-future-disclaimer > i {
    color: #3473d4;
    font-size: 21px;
}

.sh-future-disclaimer p {
    margin: 0;
    color: #62758e;
    font-size: 12px;
    line-height: 1.8;
}

/* Animations */

@keyframes shFutureFloat {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-10px);
    }
}

/* Responsive */

@media (max-width: 1199.98px) {
    .sh-future-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 991.98px) {
    .sh-future-section {
        padding: 70px 0;
    }

    .sh-future-heading {
        align-items: flex-start;
        flex-direction: column;
    }

    .sh-future-featured {
        grid-template-columns: 1fr;
    }

    .sh-future-metro-art {
        min-height: 330px;
    }
}

@media (max-width: 575.98px) {
    .sh-future-section {
        padding: 55px 0;
    }

    .sh-future-heading h2 {
        font-size: 32px;
    }

    .sh-future-source-btn {
        width: 100%;
    }

    .sh-future-featured-content {
        padding: 27px 22px;
    }

    .sh-future-featured h3 {
        font-size: 30px;
    }

    .sh-future-grid {
        grid-template-columns: 1fr;
    }

    .sh-future-card {
        padding: 23px;
    }

    .sh-future-metro-circle {
        width: 105px;
        height: 105px;
        font-size: 50px;
    }

    .sh-future-disclaimer {
        padding: 15px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .sh-future-metro-circle {
        animation: none !important;
    }

    .sh-future-card,
    .sh-future-source-btn {
        transform: none !important;
        transition: none !important;
    }
}

/* ========================================
   SMILE HOME - PREMIUM HOME LOANS
======================================== */

.sh-loans-section {
    padding: 90px 0;
    background: linear-gradient(180deg, #f6f9fe, #fff);
}

/* Heading */

.sh-loans-heading {
    max-width: 800px;
    text-align: center;
    margin: 0 auto 45px;
}

.sh-loans-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 9px 15px;
    background: #eaf1ff;
    color: #3268c5;
    border-radius: 50px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .9px;
    margin-bottom: 20px;
}

.sh-loans-heading h2 {
    color: #182d4b;
    font-size: clamp(32px, 4vw, 48px);
    font-weight: 850;
    line-height: 1.18;
    letter-spacing: -1.5px;
    margin-bottom: 17px;
}

.sh-loans-heading h2 span {
    color: #ed8c39;
}

.sh-loans-heading p {
    max-width: 690px;
    margin: 0 auto;
    color: #718198;
    font-size: 14px;
    line-height: 1.9;
}

.sh-loans-highlights {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 12px 24px;
    margin-top: 24px;
}

.sh-loans-highlights span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #526a86;
    font-size: 12px;
    font-weight: 650;
}

.sh-loans-highlights i {
    color: #18a77a;
}

/* List heading */

.sh-loans-list-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 23px;
}

.sh-loans-list-heading h3 {
    font-size: 23px;
    font-weight: 850;
    color: #1b3556;
    margin-bottom: 6px;
}

.sh-loans-list-heading p {
    font-size: 13px;
    color: #8593a5;
    margin: 0;
}

.sh-loans-count {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    background: #eaf1ff;
    border-radius: 9px;
    color: #3164b9;
    white-space: nowrap;
    font-size: 12px;
    font-weight: 800;
}

/* Bank grid */

.sh-loans-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}

.sh-loan-card {
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 22px;
    background: #fff;
    border: 1px solid #e6ecf5;
    border-radius: 16px;
    transition:
        transform .25s ease,
        border-color .25s ease,
        box-shadow .25s ease;
}

.sh-loan-card:hover {
    transform: translateY(-5px);
    border-color: #b8cff1;
    box-shadow: 0 14px 35px rgba(27, 59, 105, .09);
}

/* Logo */

.sh-loan-card-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 18px;
}

.sh-loan-bank-logo {
    display: grid;
    place-items: center;
    width: 60px;
    height: 60px;
    padding: 8px;
    border: 1px solid #eaf0f6;
    border-radius: 12px;
    background: #fff;
}

.sh-loan-bank-logo img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
}

.sh-loan-bank-type {
    padding: 7px 9px;
    border-radius: 7px;
    background: #eaf8f2;
    color: #148760;
    font-size: 9px;
    font-weight: 800;
    white-space: nowrap;
}

.sh-loan-card h4 {
    min-height: 47px;
    margin-bottom: 17px;
    color: #1c3656;
    font-size: 17px;
    font-weight: 800;
    line-height: 1.4;
}

/* Interest */

.sh-loan-interest {
    padding: 16px;
    border-radius: 11px;
    background: #f5f8fe;
    margin-bottom: 15px;
}

.sh-loan-interest > span {
    display: block;
    margin-bottom: 7px;
    color: #8393a9;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .6px;
}

.sh-loan-interest strong {
    display: block;
    color: #2460b8;
    font-size: 30px;
    font-weight: 850;
    letter-spacing: -1px;
    line-height: 1.2;
}

.sh-loan-interest strong small {
    color: #70829b;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0;
}

/* Rate range */

.sh-loan-rate-range {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 19px;
}

.sh-loan-rate-range > div {
    min-width: 0;
}

.sh-loan-rate-range small {
    display: block;
    margin-bottom: 5px;
    color: #8c99aa;
    font-size: 10px;
}

.sh-loan-rate-range strong {
    font-size: 13px;
    color: #344b69;
    font-weight: 800;
}

.sh-loan-range-divider {
    height: 27px;
    width: 1px;
    background: #e5eaf1;
}

/* Card button */

.sh-loan-card-action {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    width: 100%;
    margin-top: auto;
    padding: 12px 13px;
    border: 1px solid #d6e5fc;
    border-radius: 9px;
    background: #edf4ff;
    color: #285eb4;
    font-size: 11px;
    font-weight: 800;
    cursor: pointer;
    transition: all .2s ease;
}

.sh-loan-card-action:hover {
    border-color: #306bc9;
    background: #306bc9;
    color: #fff;
}

/* Disclaimer */

.sh-loans-disclaimer {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    padding: 17px 19px;
    margin-top: 25px;
    border-radius: 12px;
    background: #f0f5fd;
    border: 1px solid #dce7f6;
}

.sh-loans-disclaimer > i {
    color: #3675d0;
    font-size: 19px;
}

.sh-loans-disclaimer p {
    margin: 0;
    color: #718198;
    font-size: 11px;
    line-height: 1.8;
}

/* Bottom CTA */

.sh-loans-cta {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 28px;
    padding: 27px;
    border-radius: 16px;
    background: linear-gradient(110deg, #17335c, #2657a0);
    color: #fff;
}

.sh-loans-cta-icon {
    display: grid;
    place-items: center;
    flex: 0 0 53px;
    width: 53px;
    height: 53px;
    border-radius: 13px;
    background: #ffffff1b;
    font-size: 25px;
}

.sh-loans-cta-content {
    flex: 1;
}

.sh-loans-cta-content strong {
    display: block;
    font-size: 17px;
    font-weight: 800;
    margin-bottom: 6px;
}

.sh-loans-cta-content span {
    display: block;
    font-size: 12px;
    color: #d2e1f4;
    line-height: 1.6;
}

.sh-loans-cta-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
}

.sh-loans-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 44px;
    padding: 12px 16px;
    border: 0;
    border-radius: 9px;
    text-decoration: none;
    white-space: nowrap;
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
    transition: transform .2s;
}

.sh-loans-btn:hover {
    transform: translateY(-2px);
}

.sh-loans-btn-primary {
    background: #f5a14d;
    color: #152c4b;
}

.sh-loans-btn-primary:hover {
    background: #ffb66a;
    color: #152c4b;
}

.sh-loans-btn-light {
    border: 1px solid #ffffff57;
    background: #ffffff14;
    color: #fff;
}

.sh-loans-btn-light:hover {
    color: #fff;
    background: #ffffff25;
}

/* ========================================
   PREMIUM CALLBACK MODAL
======================================== */

.sh-loan-modal .modal-content {
    border: 0;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 25px 80px rgba(15, 35, 65, .2);
}

.sh-loan-modal-header {
    align-items: flex-start;
    padding: 26px 30px;
    border: 0;
    background: #f5f8fd;
}

.sh-loan-modal-heading > span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
    color: #3469bf;
    font-size: 10px;
    font-weight: 850;
    letter-spacing: .7px;
}

.sh-loan-modal-heading h3 {
    color: #203a5e;
    font-size: 24px;
    font-weight: 850;
    margin-bottom: 8px;
}

.sh-loan-modal-heading p {
    color: #7e8ca0;
    font-size: 12px;
    margin: 0;
}

.sh-loan-modal-body {
    padding: 28px 30px;
}

.sh-loan-mode-options {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 25px;
}

.sh-loan-mode {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 17px;
    border: 1px solid #e2e9f4;
    border-radius: 12px;
    background: #fff;
    text-align: left;
    cursor: pointer;
    transition: all .2s;
}

.sh-loan-mode.active {
    border-color: #4780d8;
    background: #f0f6ff;
}

.sh-loan-mode > i {
    display: grid;
    place-items: center;
    width: 39px;
    height: 39px;
    flex: 0 0 39px;
    border-radius: 10px;
    background: #eaf1ff;
    color: #3671c8;
    font-size: 19px;
}

.sh-loan-mode strong,
.sh-loan-mode small {
    display: block;
}

.sh-loan-mode strong {
    color: #274260;
    font-size: 13px;
}

.sh-loan-mode small {
    margin-top: 4px;
    color: #8592a5;
    font-size: 11px;
}

.sh-loan-modal .form-label {
    color: #304764;
    font-size: 12px;
    font-weight: 800;
    margin-bottom: 8px;
}

.sh-loan-modal .form-control,
.sh-loan-modal .form-select {
    min-height: 46px;
    border: 1px solid #dde6f0;
    border-radius: 9px;
    background: #fff;
    font-size: 13px;
    color: #223b59;
    padding: 11px 13px;
}

.sh-loan-modal textarea.form-control {
    min-height: 90px;
}

.sh-loan-modal .form-control:focus,
.sh-loan-modal .form-select:focus {
    border-color: #3571d2;
    box-shadow: 0 0 0 3px #3571d21a;
}

.sh-loan-date-options,
.sh-loan-time-options {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
}

.sh-loan-slot {
    border: 1px solid #dfe7f1;
    background: #fff;
    color: #3b526f;
    border-radius: 9px;
    padding: 11px 13px;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}

.sh-loan-slot.active,
.sh-loan-slot:hover {
    background: #2e68c1;
    border-color: #2e68c1;
    color: #fff;
}

.sh-loan-form-error {
    margin-top: 16px;
    color: #b44232;
    font-size: 12px;
    font-weight: 700;
}

.sh-loan-submit {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    width: 100%;
    margin-top: 23px;
    padding: 14px;
    border: 0;
    border-radius: 10px;
    background: linear-gradient(120deg, #e98736, #f6ad60);
    color: #fff;
    font-size: 13px;
    font-weight: 850;
    cursor: pointer;
}

.sh-loan-submit:hover {
    background: linear-gradient(120deg, #d77728, #ee9c46);
}

.sh-loan-privacy {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 17px;
    color: #8d9aac;
    font-size: 11px;
}

/* Responsive */

@media (max-width: 1199.98px) {
    .sh-loans-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .sh-loans-cta {
        flex-wrap: wrap;
    }
}

@media (max-width: 991.98px) {
    .sh-loans-section {
        padding: 70px 0;
    }

    .sh-loans-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 575.98px) {
    .sh-loans-section {
        padding: 55px 0;
    }

    .sh-loans-heading {
        margin-bottom: 30px;
    }

    .sh-loans-heading h2 {
        font-size: 32px;
    }

    .sh-loans-list-heading {
        flex-direction: column;
        align-items: flex-start;
    }

    .sh-loans-grid {
        gap: 10px;
    }

    .sh-loan-card {
        padding: 13px;
        border-radius: 12px;
    }

    .sh-loan-bank-logo {
        width: 45px;
        height: 45px;
    }

    .sh-loan-bank-type {
        display: none;
    }

    .sh-loan-card h4 {
        min-height: 48px;
        font-size: 13px;
    }

    .sh-loan-interest {
        padding: 11px;
    }

    .sh-loan-interest strong {
        font-size: 24px;
    }

    .sh-loan-interest strong small {
        display: block;
        margin-top: 3px;
    }

    .sh-loan-rate-range {
        gap: 6px;
    }

    .sh-loan-rate-range strong {
        font-size: 11px;
    }

    .sh-loan-card-action {
        font-size: 10px;
        padding: 11px 9px;
    }

    .sh-loans-cta {
        padding: 20px;
    }

    .sh-loans-cta-actions {
        width: 100%;
    }

    .sh-loans-btn {
        flex: 1;
    }

    .sh-loan-modal-header,
    .sh-loan-modal-body {
        padding: 22px 17px;
    }

    .sh-loan-mode {
        padding: 11px;
        gap: 8px;
    }

    .sh-loan-mode > i {
        display: none;
    }

    .sh-loan-mode strong {
        font-size: 11px;
    }

    .sh-loan-mode small {
        font-size: 10px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .sh-loan-card,
    .sh-loans-btn,
    .sh-loan-card-action {
        transition: none !important;
        transform: none !important;
    }
}
