@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;600;700;800&display=swap');
.quick-actions{position:fixed;right:18px;bottom:20px;z-index:25;display:flex;flex-direction:column;gap:8px}.quick-action{min-width:150px;padding:10px 14px;border-radius:5px;color:#fff;font-size:.82rem;font-weight:800;text-align:center;text-decoration:none;box-shadow:0 7px 16px #0003;transition:transform .2s}.quick-action:hover{color:#fff;transform:translateX(-4px)}.call-action{background:#0b3d91}.whatsapp-action{background:#25d366}body .to-top{bottom:136px}@media(max-width:575px){.quick-actions{right:12px;bottom:13px}.quick-action{min-width:142px;padding:9px 12px}body .to-top{bottom:121px}}
#services .service-card{padding:0 1.55rem 1.6rem;overflow:hidden}#services .service-card:before{content:'';display:block;height:154px;margin:0 -1.55rem 1.35rem;background-image:linear-gradient(#08265d12,#08265d12),url('solar-services-collage.jpg');background-size:200% 300%;background-repeat:no-repeat;background-position:0 0;transition:transform .35s ease}#services .service-card:hover:before{transform:scale(1.04)}#services .service-card .service-icon{display:none}#services .row>div:nth-child(2) .service-card:before{background-position:100% 0}#services .row>div:nth-child(3) .service-card:before{background-position:0 50%}#services .row>div:nth-child(4) .service-card:before{background-position:100% 50%}#services .row>div:nth-child(5) .service-card:before{background-position:0 100%}#services .row>div:nth-child(6) .service-card:before{background-position:100% 100%}#products .product-card{min-height:205px;overflow:hidden;padding:0 1.1rem 1.05rem;position:relative;color:#fff;border:0;background:#0b3d91}#products .product-card:before{content:'';display:block;height:138px;margin:0 -1.1rem auto;background-image:linear-gradient(180deg,transparent 35%,#08265dba 100%),url('solar-services-collage.jpg');background-size:200% 300%;background-position:0 0}#products .product-card span{display:none}#products .product-card h3{position:absolute;left:1.1rem;bottom:1rem;color:#fff;text-shadow:0 1px 3px #0008}#products .row>div:nth-child(2) .product-card:before{background-position:100% 0}#products .row>div:nth-child(3) .product-card:before{background-position:0 50%}#products .row>div:nth-child(4) .product-card:before{background-position:100% 50%}#products .row>div:nth-child(5) .product-card:before{background-position:0 100%}#products .row>div:nth-child(6) .product-card:before{background-position:100% 100%}
#products .product-card h3:after{display:block;margin-top:4px;color:#e8f0ff;font:500 .69rem/1.35 'DM Sans';letter-spacing:0;text-shadow:none}#products .row>div:nth-child(1) h3:after{content:'Efficient rooftop power generation'}#products .row>div:nth-child(2) h3:after{content:'Reliable energy conversion'}#products .row>div:nth-child(3) h3:after{content:'Power storage when you need it'}#products .row>div:nth-child(4) h3:after{content:'Hot water with solar energy'}#products .row>div:nth-child(5) h3:after{content:'Independent outdoor lighting'}#products .row>div:nth-child(6) h3:after{content:'Efficient water pumping solutions'}#products .products-note{border:1px solid #d8e5d9;border-radius:8px;padding:1rem 1.1rem;background:#f7faf6}#products .products-note:before{content:'Solar Accessories';display:block;color:var(--blue);font:800 1rem Manrope;margin-bottom:3px}
.company-logo{display:block;width:auto;height:52px;object-fit:contain;max-width:280px}
:root{--blue:#0b3d91;--navy:#08265d;--green:#53ad55;--orange:#f5a623;--ink:#172133;--muted:#667085;--pale:#f4f8f4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:'DM Sans',sans-serif;color:var(--ink);line-height:1.65}h1,h2,h3{font-family:Manrope,sans-serif;font-weight:800}h2{font-size:clamp(2rem,3.6vw,3rem);letter-spacing:-.045em;line-height:1.2}.site-header{position:sticky;top:0;z-index:10;background:#fff;border-bottom:1px solid #edf1ee}.navbar{min-height:78px}.navbar-brand{display:flex;align-items:center;gap:.7rem;color:var(--blue);line-height:1;text-decoration:none}.navbar-brand strong{display:block;font:800 .75rem Manrope;letter-spacing:.04em}.navbar-brand small{display:block;color:var(--green);font-size:.7rem;font-weight:700;margin-top:4px}.brand-mark{width:39px;height:39px;border-radius:50%;background:var(--blue);position:relative;overflow:hidden}.brand-mark:before{content:'☀';color:var(--orange);font-size:23px;position:absolute;top:4px;left:7px}.brand-mark i{position:absolute;width:29px;height:11px;bottom:4px;left:5px;border-top:3px solid #fff;border-bottom:3px solid #fff;transform:skew(-24deg);z-index:1}.brand-mark b{position:absolute;width:2px;height:25px;background:#fff;bottom:0;left:19px;z-index:2;transform:skew(-24deg)}.nav-link{font-weight:700;color:#374151!important;padding:.65rem .8rem!important}.nav-link:hover,.nav-link.active{color:var(--green)!important}.btn{font-weight:700;border-radius:4px;padding:.72rem 1.1rem}.btn-brand{background:var(--orange);border-color:var(--orange);color:#142333}.btn-brand:hover{background:#dd9116;border-color:#dd9116}.navbar-toggler{border:0}.navbar-toggler span{display:block;width:23px;height:2px;margin:5px;background:var(--blue)}.skip-link{position:absolute;left:-1000px}.skip-link:focus{left:10px;top:10px;z-index:100;background:#fff;padding:10px}.hero{overflow:hidden;background:linear-gradient(111deg,#0a347d,#0b3d91 60%,#1352ad);color:#fff;padding:clamp(4.5rem,8vw,7rem) 0 4.8rem}.eyebrow{display:flex;align-items:center;gap:10px;color:#cde4d2;font-size:.74rem;font-weight:700;letter-spacing:.13em}.eyebrow span{width:28px;height:2px;background:var(--orange)}.eyebrow.dark{color:var(--green)}.hero h1{font-size:clamp(2.7rem,5.7vw,5rem);line-height:1.07;letter-spacing:-.06em}.hero h1 em{font-style:normal;color:#a9dc74}.hero-lead{font-size:1.08rem;color:#dce9ff;max-width:600px;margin:1.5rem 0 2rem}.hero-points{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;margin-top:2rem;font-size:.87rem;font-weight:600}.solar-illustration{height:395px;position:relative;overflow:hidden;border-radius:24px;background:linear-gradient(#cce8f5,#eef8df);box-shadow:20px 25px 0 rgba(0,0,0,.12)}.sun{position:absolute;right:45px;top:38px;width:82px;height:82px;border-radius:50%;background:#f9bd35;box-shadow:0 0 0 14px #f9bd3529}.cloud{position:absolute;width:92px;height:22px;border-radius:20px;background:#fff;opacity:.7}.cloud:before,.cloud:after{content:'';position:absolute;border-radius:50%;background:#fff}.cloud:before{width:33px;height:33px;left:14px;bottom:0}.cloud:after{width:42px;height:42px;right:10px;bottom:0}.cloud-one{left:45px;top:85px}.cloud-two{right:110px;top:150px;transform:scale(.65)}.hills{position:absolute;bottom:-35px;left:-10%;height:170px;width:120%;background:#69b766;border-radius:50% 50% 0 0}.house{position:absolute;left:22%;bottom:52px;width:210px;height:155px}.roof{position:absolute;width:180px;height:90px;background:#e9603e;transform:skewY(-26deg) rotate(26deg);top:-47px;left:15px}.wall{height:150px;width:175px;position:absolute;bottom:0;left:18px;background:#fff3dc;border:5px solid #e9d8ba}.wall i{display:inline-block;width:30px;height:40px;background:#75b3c7;margin:55px 8px 0 20px}.panel{position:absolute;right:-35px;bottom:16px;width:126px;height:80px;padding:5px;display:grid;grid-template-columns:repeat(3,1fr);gap:3px;background:#174b89;transform:skewY(-15deg)}.panel b{background:#51a4cd;border:1px solid #d1f0fb}.spark{position:absolute;color:#fff;font-size:28px}.s1{left:50px;top:160px}.s2{right:55px;bottom:120px;color:#e9ffb5}.trust-strip{background:#f7f9f5;padding:1.2rem 0;color:#4e5c55;font-size:.86rem}.trust-strip strong{color:var(--blue)}.trust-icon{color:var(--green);font-size:1.2rem}.section{padding:clamp(4rem,7vw,6.5rem) 0}.section-tint{background:var(--pale)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2.5rem}.section-heading>p{max-width:320px;color:var(--muted)}.about-visual{min-height:370px;background:linear-gradient(145deg,#e7f5db,#bcddc6);position:relative;border-radius:16px;overflow:hidden}.about-card{position:absolute;left:8%;top:10%;z-index:2;width:175px;padding:1.2rem;border-radius:12px;background:var(--blue);color:#fff}.about-card span{color:#acd578;font-weight:bold;font-size:.72rem;letter-spacing:.12em}.about-card strong{display:block;font:700 1.2rem/1.25 Manrope;margin-top:7px}.mini-panel{position:absolute;bottom:12%;right:9%;z-index:2;display:grid;grid-template-columns:repeat(3,55px);gap:3px;padding:7px;background:#104476;transform:skewY(-15deg)}.mini-panel i{height:46px;background:#5eafce;border:1px solid #c6e7ee}.leaf{font-size:190px;position:absolute;bottom:-45px;left:9%;color:#79b858;transform:rotate(25deg)}.feature{display:flex;gap:.75rem}.feature>span{color:var(--orange);font-weight:800}.feature h3{font-size:.94rem;margin:.1rem 0}.feature p,.service-card p{font-size:.88rem;color:var(--muted);line-height:1.5}.service-card{height:100%;background:#fff;border:1px solid #e6ece6;border-radius:9px;padding:1.8rem;transition:.25s}.service-card:hover,.service-card.featured{transform:translateY(-5px);box-shadow:0 16px 30px #0f37291a;border-color:transparent}.service-icon{display:grid;place-items:center;width:44px;height:44px;background:#edf5e9;color:var(--green);border-radius:10px;font-size:1.6rem;margin-bottom:1.4rem}.service-card.featured .service-icon{background:var(--blue);color:#fff}.service-card h3{font-size:1.12rem}.service-card a,.text-link{font-size:.9rem;font-weight:700;color:var(--blue);text-decoration:none}.product-card{height:100%;min-height:160px;display:flex;flex-direction:column;justify-content:end;padding:1.2rem;border:1px solid #e5ebe4;border-radius:8px;transition:.25s}.product-card:hover{background:var(--blue);color:#fff;transform:translateY(-4px)}.product-card span{font-size:2rem;color:var(--orange);margin-bottom:auto}.product-card h3{font-size:.94rem;margin:0}.products-note{margin-top:1.5rem;color:var(--muted);font-size:.87rem}.benefits{padding:clamp(4rem,7vw,6rem) 0;background:var(--navy);color:#fff}.benefits h2{font-size:clamp(2.2rem,4vw,3.5rem)}.benefits p{color:#c5d9ef}.benefit-grid{display:grid;grid-template-columns:repeat(2,1fr);border-left:1px solid #ffffff2e;border-top:1px solid #ffffff2e}.benefit-grid>div{padding:1.5rem;border-right:1px solid #ffffff2e;border-bottom:1px solid #ffffff2e}.benefit-grid b{color:#a9dc74;font-size:.78rem}.benefit-grid h3{font-size:1.05rem;margin:.7rem 0}.benefit-grid p{font-size:.86rem;margin:0}.process-intro{max-width:590px;margin-bottom:3rem}.process-intro>p:last-child{color:var(--muted)}.step{position:relative;padding-top:1.5rem}.step:before{content:'';display:block;position:absolute;top:0;width:100%;height:2px;background:#d7e5d6}.step b{position:absolute;top:-12px;background:#fff;color:var(--green);padding-right:.5rem;font-size:.8rem}.step h3{font-size:1.05rem;margin-top:1.6rem}.step p{font-size:.89rem;color:var(--muted)}.accordion-item{border:0;border-bottom:1px solid #d8e3d8;background:transparent}.accordion-button{padding:1.15rem 0;background:transparent!important;box-shadow:none!important;font:700 1rem Manrope;color:var(--ink)}.accordion-button:not(.collapsed){color:var(--blue)}.accordion-body{padding:0 0 1.15rem;color:var(--muted);font-size:.93rem}.contact{padding:clamp(4rem,7vw,6rem) 0;color:#fff;background:linear-gradient(114deg,#0a347d,#0c499f)}.contact-box{padding:clamp(1.5rem,4vw,3.5rem);border:1px solid #ffffff36;border-radius:12px}.contact h2{font-size:clamp(2.1rem,4vw,3.3rem)}.contact-detail{display:flex;align-items:center;gap:1rem;margin-top:1rem}.contact-detail span{color:var(--orange);font-size:1.3rem}.contact-detail a{color:#fff;text-decoration:none;font-weight:700}.quote-form{background:#fff;color:var(--ink);padding:1.4rem;border-radius:8px}.quote-form label{display:block;margin-bottom:.35rem;font-size:.78rem;font-weight:700}.quote-form input,.quote-form select,.quote-form textarea{width:100%;padding:.7rem .8rem;border:1px solid #d9e1d9;border-radius:4px;font:inherit;font-size:.9rem}.quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus{outline:2px solid #9bcf9b;border-color:var(--green)}.form-status{min-height:1px;margin:.6rem 0 0;font-size:.8rem;text-align:center}.map-placeholder{min-height:280px;display:grid;place-items:center;padding:2rem;text-align:center;color:#fff;background:linear-gradient(135deg,#4f8b65,#1a556c)}.map-placeholder>div{max-width:550px}.map-placeholder span{display:block;color:var(--orange);font-size:2.6rem}.map-placeholder strong{font:700 1.4rem Manrope}.map-placeholder p{color:#e1f2e3;margin:1rem 0}footer{padding:4rem 0 1.25rem;background:#10243d;color:#d2d9e0;font-size:.88rem}footer p{color:#9fb0c1;margin-top:1rem}footer h3{font-size:.8rem;letter-spacing:.1em;color:#fff;text-transform:uppercase;margin:.6rem 0 1rem}footer a{display:block;color:#cbd6e1;text-decoration:none;margin-bottom:.55rem}footer a:hover{color:#a9dc74}.footer-brand{color:#fff}.footer-bottom{margin-top:2rem;padding-top:1.2rem;border-top:1px solid #ffffff22;color:#91a1b1}.whatsapp{position:fixed;right:18px;bottom:20px;z-index:25;width:54px;height:54px;display:grid;place-items:center;background:#25d366;color:#fff;border-radius:50%;font-size:1.7rem;text-decoration:none;box-shadow:0 8px 18px #0003}.whatsapp span{position:absolute;right:64px;white-space:nowrap;background:#172133;padding:5px 9px;border-radius:3px;font:600 .75rem 'DM Sans';opacity:0;transition:.2s}.whatsapp:hover span{opacity:1}.to-top{position:fixed;right:20px;bottom:86px;z-index:20;width:38px;height:38px;border:1px solid #d7e0d9;border-radius:50%;background:#fff;color:var(--blue);opacity:0;pointer-events:none;transition:.2s}.to-top.show{opacity:1;pointer-events:auto}@media(max-width:991px){.navbar-collapse{padding:1rem 0}.navbar .btn{margin-top:.5rem}.solar-illustration,.about-visual{max-width:540px;margin:auto}.section-heading{align-items:start;flex-direction:column}}@media(max-width:575px){.hero h1{font-size:2.7rem}.solar-illustration{height:320px}.house{transform:scale(.8);transform-origin:bottom left}.sun{right:25px;top:25px}.benefit-grid{grid-template-columns:1fr}.about-visual{min-height:300px}.mini-panel{transform:scale(.72) skewY(-15deg);transform-origin:bottom right}.whatsapp{right:13px;bottom:14px}.to-top{right:20px;bottom:78px}}
