:root{--navy:#0b2545;--navy2:#13315c;--green:#4caf50;--green-d:oklch(0.372 0.044 257.287);--text:#3d4a5c;--light:#f4f7fa;--wa:#25d366}
body{font-family:'Inter',sans-serif;color:var(--text);font-size:15.5px;line-height:1.7}
h1,h2,h3,h4,h5{font-family:'Poppins',sans-serif;color:var(--navy);font-weight:700}
a{text-decoration:none;color:var(--green-d)}img{max-width:100%}
.btn{border-radius:8px;font-weight:600;padding:.65rem 1.4rem}
.btn-brand{background:var(--green-d);color:#fff;border:0}.btn-brand:hover{background:var(--navy);color:#fff}
.btn-wa{background:var(--wa);color:#fff;border:0}.btn-wa:hover{background:#1da851;color:#fff}
.topbar{background:var(--navy);color:#cfd8e3;font-size:13px;padding:8px 0}.topbar a{color:#fff;font-weight:600}
.main-nav{background:#fff;box-shadow:0 2px 18px rgba(11,37,69,.08);padding:10px 0}
.main-nav .navbar-brand img{height:58px}
.main-nav .nav-link{font-weight:600;color:var(--navy);padding:.5rem 1rem!important;font-size:15px}
.main-nav .nav-link:hover,.main-nav .nav-link.active{color:var(--green-d)}
.navbar-toggler{border:0;font-size:24px;color:var(--navy)}.navbar-toggler:focus{box-shadow:none}
.dropdown-menu{border:0;border-top:3px solid var(--green-d);border-radius:0 0 10px 10px;box-shadow:0 12px 30px rgba(0,0,0,.1);padding:8px 0}
.dropdown-item{padding:.6rem 1.2rem;font-weight:500}.dropdown-item:hover{background:var(--light);color:var(--green-d)}
@media(min-width:992px){.navbar .dropdown:hover>.dropdown-menu{display:block;margin-top:0}}
.hero{position:relative}.hero .carousel-item img{height:620px;object-fit:cover}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,37,69,.92) 0%,rgba(11,37,69,.6) 55%,rgba(11,37,69,.2));display:flex;align-items:center;z-index:2}
.hero-overlay h1{color:#fff;font-size:clamp(2rem,4.5vw,3.4rem);max-width:640px;line-height:1.2;margin:12px 0 16px}
.hero-overlay p{color:#dfe7f0;font-size:1.15rem;max-width:540px;margin-bottom:28px}
.eyebrow{display:inline-block;color:var(--green);font-weight:700;font-size:13px;letter-spacing:2px;text-transform:uppercase}
.hero .eyebrow{background:rgba(76,175,80,.15);padding:6px 14px;border-radius:30px}
.stats{background: linear-gradient(120deg, oklch(0.36 0.15 314.45), #003d6f);color:#fff}.stats .col-6{padding:28px 10px;border-right:1px solid rgba(255,255,255,.1)}
.stats strong{display:block;font-family:'Poppins';font-size:2rem;color:#fff}.stats span{font-size:14px;color:#b9c6d6}
.section{padding:90px 0}.bg-light-soft{background:var(--light)}
.section-title{font-size:clamp(1.6rem,3vw,2.3rem);margin:8px 0 20px}
.img-frame{position:relative;padding:0 20px 20px 0}.img-frame:before{content:"";position:absolute;right:0;bottom:0;width:80%;height:80%;background:var(--green-d);border-radius:14px;z-index:-1}
.img-frame img{border-radius:14px;box-shadow:0 20px 40px rgba(0,0,0,.12)}
.check-list{list-style:none;padding:0;margin:20px 0}.check-list li{padding:6px 0 6px 30px;position:relative;font-weight:600}
.check-list li:before{content:"\f058";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;left:12px;color:var(--green-d)}
.check-list a{color:var(--navy)}.check-list a:hover{color:var(--green-d)}
.pricing{padding:0 0 20px;margin-top:-10px}
.price-card{background:#fff;border:1px solid #e3e9ef;border-radius:16px;padding:34px;text-align:center;box-shadow:0 10px 30px rgba(11,37,69,.06)}
.price-card i{font-size:34px;color:var(--green-d)}.price-card h3{font-size:1.25rem;margin:14px 0 6px}
.price-card .price{font-family:'Poppins';font-size:2.4rem;font-weight:800;color:var(--navy);margin-bottom:18px}
.service-card{display:block;background:#fff;border-radius:14px;overflow:hidden;height:100%;box-shadow:0 6px 24px rgba(11,37,69,.07);transition:.3s;color:var(--text)}
.service-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(11,37,69,.14);color:var(--text)}
.sc-img{position:relative;height:200px;overflow:hidden}.sc-img img{width:100%;height:100%;object-fit:cover;transition:.4s}.service-card:hover .sc-img img{transform:scale(1.08)}
.sc-icon{position:absolute;bottom:-24px;right:20px;width:54px;height:54px;border-radius:12px;background:var(--green-d);color:#fff;display:grid;place-items:center;font-size:22px;box-shadow:0 8px 18px rgba(46,125,50,.35)}
.sc-body{padding:34px 22px 24px}.sc-body h3{font-size:1.15rem}.sc-body p{font-size:14.5px}.sc-link{font-weight:700;color:var(--green-d);font-size:14px}
.why-card{background:#fff;border:1px solid #e8edf2;border-radius:14px;padding:30px 24px;height:100%;transition:.3s}
.why-card:hover{border-color:var(--green-d);box-shadow:0 12px 30px rgba(11,37,69,.08)}
.why-card i{font-size:30px;color:var(--green-d);margin-bottom:14px}.why-card h4{font-size:1.1rem}.why-card p{margin:0;font-size:14.5px}
.gallery-item{display:block;border-radius:12px;overflow:hidden;aspect-ratio:4/3}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:.4s}.gallery-item:hover img{transform:scale(1.07)}
.page-banner{background: linear-gradient(120deg, oklch(0.36 0.15 314.45), #003d6f) ,url(../im/inner-heading-bg.jpg) center/cover;padding:80px 0;text-align:center}
.page-banner h1{color:#fff;font-size:clamp(1.8rem,4vw,2.8rem)}.page-banner nav{color:#b9c6d6}.page-banner nav a{color:#fff}
.point{background:var(--light);padding:14px 16px;border-radius:10px;font-weight:600;color:var(--navy)}.point i{color:var(--green-d);margin-right:10px}
.side-box{background:var(--light);border-radius:14px;padding:26px}.side-links li a{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;margin-bottom:8px;background:#fff;border-radius:8px;color:var(--navy);font-weight:600}
.side-links li a:hover,.side-links li a.active{background:var(--green-d);color:#fff}
.side-cta{background:var(--navy);color:#cfd8e3;border-radius:14px;padding:28px;text-align:center;margin-top:24px}.side-cta i{font-size:36px;color:var(--green)}.side-cta h5{color:#fff;margin-top:10px}
.info-card{text-align:center;background:var(--light);padding:30px;border-radius:14px;height:100%}.info-card i{font-size:30px;color:var(--green-d)}.info-card h5{margin:12px 0 6px}.info-card p{margin:0}
.contact-form .form-control{padding:.85rem 1rem;border-radius:8px;border-color:#dbe3ea}.contact-form .form-control:focus{border-color:var(--green-d);box-shadow:0 0 0 .2rem rgba(46,125,50,.15)}
.map-wrap{height:100%;min-height:380px;border-radius:14px;overflow:hidden}
.cta-band{background: linear-gradient(120deg, oklch(0.36 0.15 314.45), #003d6f);padding:46px 0;color:#e8f5e9}.cta-band h3{color:#fff;font-size:1.6rem}
.site-footer{background:var(--navy);color:#b9c6d6;padding:70px 0 0;font-size:14.5px}
.footer-logo{background:#fff;padding:8px 12px;border-radius:8px;height:64px}
.site-footer h5{color:#fff;font-size:1.05rem;margin-bottom:18px}.site-footer a{color:#b9c6d6}.site-footer a:hover{color:#fff}
.site-footer li{margin-bottom:9px}.site-footer i{color:var(--green)}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:40px;padding:20px 0;font-size:13.5px}
.float-btns{position:fixed;right:18px;bottom:24px;z-index:999;display:flex;flex-direction:column;gap:12px}
.fbtn{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:26px;box-shadow:0 8px 20px rgba(0,0,0,.25);position:relative;transition:.3s}
.fbtn span{position:absolute;right:66px;background:var(--navy);color:#fff;font-size:13px;padding:5px 12px;border-radius:6px;white-space:nowrap;opacity:0;pointer-events:none;transition:.3s}
.fbtn:hover{color:#fff;transform:scale(1.08)}.fbtn:hover span{opacity:1}
.fbtn-wa{background:var(--wa)}.fbtn-call{background:var(--green-d);font-size:22px;animation:pulse 2s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(46,125,50,.6)}70%{box-shadow:0 0 0 16px rgba(46,125,50,0)}100%{box-shadow:0 0 0 0 rgba(46,125,50,0)}}
.mobile-bar{position:fixed;bottom:0;left:0;right:0;display:flex;z-index:1000}
.mobile-bar a{flex:1;text-align:center;padding:14px;color:#fff;font-weight:700}.mb-call{background:var(--green-d)}.mb-wa{background:var(--wa)}
@media(max-width:767px){.float-btns{display:none}body{padding-bottom:52px}.hero .carousel-item img{height:520px}.section{padding:60px 0}.stats .col-6{border-bottom:1px solid rgba(255,255,255,.1)}}
.top-social a{color:#cfd8e3;margin-left:12px}.top-social a:hover{color:var(--green)}
.footer-social{display:flex;gap:10px;margin-top:16px}
.footer-social a{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.08);display:grid;place-items:center;color:#fff}
.footer-social a i{color:#fff}.footer-social a:hover{background:var(--green-d)}
.faq-section{background:var(--light)}
.accordion-item{border:0;margin-bottom:12px;border-radius:10px!important;overflow:hidden;box-shadow:0 4px 16px rgba(11,37,69,.06)}
.accordion-button{font-weight:600;color:var(--navy);font-family:'Inter';font-size:15.5px;padding:18px 20px}
.accordion-button:not(.collapsed){background:var(--green-d);color:#fff;box-shadow:none}
.accordion-button:not(.collapsed)::after{filter:brightness(0) invert(1)}.accordion-button:focus{box-shadow:none}
.step-card{position:relative;background:#fff;border:1px solid #e8edf2;border-radius:14px;padding:32px 24px;height:100%;text-align:center}
.step-card i{font-size:30px;color:var(--green-d);margin-bottom:14px}.step-card h4{font-size:1.1rem}.step-card p{margin:0;font-size:14.5px}
.step-no{position:absolute;top:12px;right:16px;font-family:'Poppins';font-weight:800;font-size:1.6rem;color:#e3eae5}
.bg-navy{background:var(--navy)}.text-light-soft{color:#b9c6d6}
.serve-tile{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px 10px;text-align:center;color:#fff;height:100%}
.serve-tile i{display:block;font-size:26px;color:var(--green);margin-bottom:10px}.serve-tile span{font-size:13.5px;font-weight:600}
.areas{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.areas span{background:var(--light);border:1px solid #e3e9ef;padding:8px 16px;border-radius:30px;font-weight:600;font-size:14px;color:var(--navy)}.areas i{color:var(--green-d)}
.tip-list{list-style:none;padding:0}.tip-list li{padding:10px 0 10px 32px;position:relative;border-bottom:1px solid #e3e9ef}
.tip-list li:before{content:"\f00c";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;left:4px;color:var(--green-d)}
.warn-box{background:#fff;border-radius:16px;padding:32px;border-top:4px solid #e53935;box-shadow:0 12px 30px rgba(11,37,69,.08)}
.warn-box h4{color:#c62828}.warn-chip{display:block;background:#fdecea;color:#b71c1c;font-weight:600;font-size:13.5px;padding:9px 12px;border-radius:8px}