/* Nisha Repair — "Frost Fresh" theme */
:root{--navy:#0b1e3f;--navy2:#13305e;--cyan:#22d3ee;--blue:#2563eb;--ice:#eefaff;--orange:#fb923c;--rose:#f43f5e;--text:#334155;--grad:linear-gradient(135deg,#22d3ee,#2563eb);--grad2:linear-gradient(135deg,#fb923c,#f43f5e);--r:22px}
html,body{overflow-x:clip}
body{font-family:'Nunito',sans-serif;color:var(--text);background:#fff;line-height:1.7}
h1,h2,h3,h4,h5,.navbar-brand,.btn{font-family:'Outfit',sans-serif}
h1,h2,h3,h4,h5{color:var(--navy);font-weight:700}
a{color:var(--blue);text-decoration:none}
img{max-width:100%}
.text-grad{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.text-orange{color:var(--orange)!important}
section{padding:90px 0;position:relative}
.bg-ice{background:var(--ice)}
.bg-navy{background:var(--navy);color:#cbd5e1}
.bg-navy h2,.bg-navy h3,.bg-navy h4,.bg-navy h5{color:#fff}
/* topbar */
.topbar{background:var(--navy);color:#cbd5e1;font-size:.88rem;padding:7px 0}
.topbar a{color:#cbd5e1}.topbar a:hover{color:var(--cyan)}
.topbar i{color:var(--cyan);margin-right:5px}
/* navbar */
.navbar{background:rgba(255,255,255,.92);backdrop-filter:blur(12px);box-shadow:0 6px 30px rgba(11,30,63,.08);padding:10px 0}
.navbar-brand img{height:56px;width:auto}
.nav-link{font-family:'Outfit',sans-serif;font-weight:600;color:var(--navy)!important;padding:8px 16px!important;border-radius:50px;transition:.3s}
.nav-link:hover,.nav-link.active{background:var(--ice);color:var(--blue)!important}
.btn-grad{background:var(--grad);color:#fff;border:0;border-radius:50px;padding:12px 28px;font-weight:600;box-shadow:0 10px 25px rgba(37,99,235,.3);transition:.3s}
.btn-grad:hover{color:#fff;transform:translateY(-3px);box-shadow:0 15px 30px rgba(37,99,235,.4)}
.btn-orange{background:var(--grad2);color:#fff;border:0;border-radius:50px;padding:12px 28px;font-weight:600;box-shadow:0 10px 25px rgba(244,63,94,.3);transition:.3s}
.btn-orange:hover{color:#fff;transform:translateY(-3px)}
.btn-ghost{border:2px solid #fff;color:#fff;border-radius:50px;padding:10px 26px;font-weight:600}
.btn-ghost:hover{background:#fff;color:var(--navy)}
/* hero */
.hero{background:radial-gradient(circle at 80% 20%,#1e4b8f 0,var(--navy) 55%);color:#cbd5e1;padding:90px 0 150px;overflow:hidden}
.hero h1{color:#fff;font-size:clamp(2rem,5vw,3.6rem);font-weight:800;line-height:1.15}
.hero .lead{font-size:1.15rem}
.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(34,211,238,.12);border:1px solid rgba(34,211,238,.4);color:var(--cyan);padding:6px 16px;border-radius:50px;font-weight:700;font-size:.9rem;margin-bottom:18px}
.hero-img{position:relative}
.hero-img .main{border-radius:200px 200px 30px 30px;border:6px solid rgba(255,255,255,.15);width:100%;height:480px;object-fit:cover}
.float-card{position:absolute;background:rgba(255,255,255,.95);color:var(--navy);border-radius:18px;padding:12px 18px;box-shadow:0 15px 40px rgba(0,0,0,.25);display:flex;align-items:center;gap:12px;font-weight:700;font-family:'Outfit';animation:bob 4s ease-in-out infinite}
.float-card i{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:#fff;background:var(--grad);font-size:1.2rem}
.float-card small{display:block;font-weight:400;color:#64748b;font-family:'Nunito'}
.fc1{top:30px;left:-30px}.fc2{bottom:60px;right:-20px;animation-delay:2s}.fc2 i{background:var(--grad2)}
@keyframes bob{50%{transform:translateY(-12px)}}
.flake{position:absolute;color:rgba(255,255,255,.5);pointer-events:none;top:-20px;animation:fall linear infinite}
@keyframes fall{to{transform:translateY(110vh) rotate(360deg)}}
.wave{position:absolute;bottom:-1px;left:0;width:100%;line-height:0}
.wave svg{width:100%;height:90px;display:block}
/* page hero */
.page-hero{background:radial-gradient(circle at 80% 20%,#1e4b8f 0,var(--navy) 60%);padding:80px 0 130px;color:#cbd5e1;text-align:center;overflow:hidden}
.page-hero h1{color:#fff;font-weight:800;font-size:clamp(2rem,4.5vw,3rem)}
.breadcrumb{justify-content:center}.breadcrumb a{color:var(--cyan)}.breadcrumb-item.active,.breadcrumb-item+.breadcrumb-item::before{color:#cbd5e1}
/* quick strip */
.quick{margin-top:-70px;position:relative;z-index:3}
.quick-card{background:#fff;border-radius:var(--r);padding:28px;box-shadow:0 20px 50px rgba(11,30,63,.12);text-align:center;height:100%;transition:.35s;border-bottom:4px solid transparent}
.quick-card:hover{transform:translateY(-8px);border-color:var(--cyan)}
.quick-card .ico{width:70px;height:70px;margin:0 auto 14px;border-radius:50%;display:grid;place-items:center;font-size:1.9rem;color:#fff;background:var(--grad)}
/* headings */
.sec-tag{display:inline-block;color:var(--blue);background:var(--ice);border-radius:50px;padding:5px 16px;font-weight:800;font-size:.85rem;letter-spacing:1px;text-transform:uppercase;margin-bottom:12px}
.bg-navy .sec-tag{background:rgba(34,211,238,.12);color:var(--cyan)}
.sec-title{font-size:clamp(1.7rem,3.5vw,2.6rem);font-weight:800;margin-bottom:14px}
/* service card */
.svc{background:#fff;border-radius:var(--r);overflow:hidden;box-shadow:0 12px 35px rgba(11,30,63,.08);height:100%;transition:.35s;display:flex;flex-direction:column}
.svc:hover{transform:translateY(-8px);box-shadow:0 25px 50px rgba(11,30,63,.16)}
.svc .im{position:relative;height:220px;overflow:hidden}
.svc .im img{width:100%;height:100%;object-fit:cover;transition:.6s}
.svc:hover .im img{transform:scale(1.08)}
.svc .im .ic{position:absolute;bottom:-26px;right:22px;width:58px;height:58px;border-radius:16px;background:var(--grad);color:#fff;display:grid;place-items:center;font-size:1.6rem;border:4px solid #fff}
.svc .bd{padding:32px 24px 24px;flex:1;display:flex;flex-direction:column}
.svc ul{list-style:none;padding:0;margin:0 0 18px}
.svc li{padding:3px 0}.svc li i{color:var(--cyan);margin-right:6px}
.svc .more{margin-top:auto;font-weight:700;font-family:'Outfit'}
/* about */
.about-img{position:relative}
.about-img img{border-radius:var(--r);width:100%;height:420px;object-fit:cover}
.about-img .small{position:absolute;width:55%;height:220px;bottom:-40px;right:-10px;border:8px solid #fff;box-shadow:0 20px 40px rgba(0,0,0,.15)}
.exp{position:absolute;top:20px;left:-15px;background:var(--grad2);color:#fff;border-radius:18px;padding:16px 20px;text-align:center;font-family:'Outfit';box-shadow:0 15px 30px rgba(244,63,94,.35)}
.exp b{font-size:2rem;display:block;line-height:1}
.check-list{list-style:none;padding:0}
.check-list li{padding:6px 0 6px 34px;position:relative}
.check-list li:before{content:"\F26A";font-family:bootstrap-icons;position:absolute;left:0;top:5px;color:var(--blue);font-size:1.2rem}
/* stats */
.stat{text-align:center;padding:20px}
.stat .num{font-family:'Outfit';font-size:3rem;font-weight:800;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1}
.stat p{color:#cbd5e1;margin:6px 0 0}
/* brands */
.brand-strip{overflow:hidden;white-space:nowrap;padding:22px 0;background:#fff;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0}
.brand-track{display:inline-flex;gap:60px;animation:marq 30s linear infinite}
.brand-track span{font-family:'Outfit';font-weight:800;font-size:1.5rem;color:#94a3b8}
@keyframes marq{to{transform:translateX(-50%)}}
/* steps */
.step{text-align:center;padding:24px;position:relative}
.step .n{width:86px;height:86px;border-radius:50%;margin:0 auto 18px;display:grid;place-items:center;background:#fff;color:var(--blue);font-size:2rem;box-shadow:0 12px 30px rgba(37,99,235,.18);position:relative}
.step .n span{position:absolute;top:-4px;right:-4px;width:30px;height:30px;border-radius:50%;background:var(--grad2);color:#fff;font-size:.9rem;font-weight:800;display:grid;place-items:center;font-family:'Outfit'}
/* why */
.why{display:flex;gap:16px;padding:22px;border-radius:18px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);height:100%;transition:.3s}
.why:hover{background:rgba(34,211,238,.08);border-color:rgba(34,211,238,.35)}
.why i{flex:0 0 54px;height:54px;border-radius:14px;display:grid;place-items:center;font-size:1.5rem;color:#fff;background:var(--grad)}
.why p{margin:0;font-size:.95rem}
/* problems */
.prob{display:flex;align-items:center;gap:12px;background:#fff;border-radius:14px;padding:14px 18px;box-shadow:0 6px 20px rgba(11,30,63,.06);font-weight:600;height:100%}
.prob i{color:var(--orange);font-size:1.3rem}
/* testimonial */
.testi{background:#fff;border-radius:var(--r);padding:30px;box-shadow:0 12px 35px rgba(11,30,63,.08);height:100%;position:relative}
.testi:before{content:"\201C";position:absolute;top:-10px;right:24px;font-size:6rem;color:var(--ice);font-family:Georgia;line-height:1}
.testi .stars{color:#f59e0b}
.testi .av{width:50px;height:50px;border-radius:50%;background:var(--grad);color:#fff;display:grid;place-items:center;font-weight:800;font-family:'Outfit'}
/* faq */
.accordion-item{border:0;margin-bottom:14px;border-radius:16px!important;overflow:hidden;box-shadow:0 6px 20px rgba(11,30,63,.06)}
.accordion-button{font-family:'Outfit';font-weight:600;color:var(--navy)}
.accordion-button:not(.collapsed){background:var(--grad);color:#fff;box-shadow:none}
.accordion-button:not(.collapsed)::after{filter:brightness(0) invert(1)}
.accordion-button:focus{box-shadow:none}
/* cta */
.cta{background:var(--grad);border-radius:30px;padding:55px 40px;color:#fff;position:relative;overflow:hidden}
.cta h2{color:#fff}
.cta:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:rgba(255,255,255,.1);right:-80px;top:-120px}
/* form */
.form-box{background:#fff;border-radius:var(--r);padding:34px;box-shadow:0 20px 50px rgba(11,30,63,.12)}
.form-control,.form-select{border-radius:12px;padding:12px 16px;border:1.5px solid #e2e8f0;background:#f8fafc}
.form-control:focus,.form-select:focus{border-color:var(--cyan);box-shadow:0 0 0 4px rgba(34,211,238,.15)}
.info-card{display:flex;gap:16px;background:#fff;border-radius:18px;padding:22px;box-shadow:0 10px 30px rgba(11,30,63,.08);height:100%}
.info-card i{flex:0 0 56px;height:56px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:1.4rem;background:var(--grad)}
.map{border-radius:var(--r);overflow:hidden;box-shadow:0 12px 35px rgba(11,30,63,.1)}
.map iframe{width:100%;height:400px;border:0;display:block}
/* service detail */
.detail-img{border-radius:var(--r);width:100%;height:380px;object-fit:cover;box-shadow:0 20px 45px rgba(11,30,63,.15)}
.pill{display:inline-block;background:var(--ice);color:var(--blue);border-radius:50px;padding:5px 14px;margin:4px;font-weight:600;font-size:.9rem}
/* blog */
.post{background:#fff;border-radius:var(--r);overflow:hidden;box-shadow:0 12px 35px rgba(11,30,63,.08);height:100%;transition:.3s}
.post:hover{transform:translateY(-6px)}
.post img{width:100%;height:210px;object-fit:cover}
.post .bd{padding:24px}
.post .meta{font-size:.85rem;color:#64748b}
.post .cat{display:inline-block;background:var(--grad2);color:#fff;border-radius:50px;padding:2px 12px;font-size:.78rem;font-weight:700}
.article{background:#fff;border-radius:var(--r);padding:34px;box-shadow:0 12px 35px rgba(11,30,63,.06);margin-bottom:30px}
.article img{border-radius:16px;width:100%;height:320px;object-fit:cover;margin-bottom:20px}
.side{background:#fff;border-radius:var(--r);padding:26px;box-shadow:0 12px 35px rgba(11,30,63,.06);margin-bottom:24px}
.side a.rp{display:block;padding:8px 0;border-bottom:1px dashed #e2e8f0;color:var(--navy);font-weight:600}
.tag{display:inline-block;border:1px solid #cbd5e1;border-radius:50px;padding:4px 12px;margin:3px;font-size:.85rem;color:var(--text)}
.tag:hover{background:var(--blue);color:#fff;border-color:var(--blue)}
/* areas */
.area{display:inline-block;background:#fff;border:1px solid #e2e8f0;border-radius:50px;padding:7px 16px;margin:5px;font-weight:600}
.area i{color:var(--orange)}
/* footer */
footer{background:#07152d;color:#94a3b8;padding:80px 0 0}
footer h5{color:#fff;margin-bottom:20px}
footer a{color:#94a3b8}footer a:hover{color:var(--cyan)}
footer ul{list-style:none;padding:0}footer li{padding:5px 0}
footer .logo-w{background:#fff;border-radius:14px;padding:8px 12px;display:inline-block}
footer .logo-w img{height:50px}
.social a{width:40px;height:40px;border-radius:50%;display:inline-grid;place-items:center;background:rgba(255,255,255,.07);margin-right:6px;color:#fff}
.social a:hover{background:var(--grad);color:#fff}
.copy{border-top:1px solid rgba(255,255,255,.08);padding:20px 0;margin-top:50px;font-size:.9rem}
/* floating */
.fab{position:fixed;bottom:22px;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:1.6rem;z-index:999;box-shadow:0 10px 25px rgba(0,0,0,.25)}
.fab-wa{left:20px;background:#25d366;animation:pulse 2s infinite}
.fab-call{right:20px;background:var(--grad2)}
.fab:hover{color:#fff;transform:scale(1.08)}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.6)}70%{box-shadow:0 0 0 16px rgba(37,211,102,0)}}
#toTop{position:fixed;right:24px;bottom:90px;width:44px;height:44px;border-radius:12px;border:0;background:var(--navy);color:#fff;opacity:0;visibility:hidden;transition:.3s;z-index:998}
#toTop.show{opacity:1;visibility:visible}
/* reveal */
.reveal{opacity:0;transform:translateY(40px);transition:.8s ease}
.reveal.in{opacity:1;transform:none}
@media(max-width:991px){
 section{padding:70px 0}
 .navbar-collapse{background:#fff;border-radius:16px;padding:12px;margin-top:10px;box-shadow:0 10px 30px rgba(0,0,0,.08)}
 .hero{padding:60px 0 130px}.hero-img{margin-top:40px}.hero-img .main{height:360px}
 .fc1{left:0}.fc2{right:0}
 .about-img{margin-bottom:60px}.about-img .small{right:0}.exp{left:0}
}
@media(max-width:575px){
 .navbar-brand img{height:44px}
 .hero-img .main{height:300px}
 .float-card{padding:8px 12px;font-size:.85rem}.float-card i{width:34px;height:34px;font-size:1rem}
 .cta{padding:40px 22px}.form-box,.article{padding:22px}
 .about-img img{height:300px}.about-img .small{height:150px}
 .stat .num{font-size:2.3rem}
}
