*,:before,:after{box-sizing:border-box}html{overflow-x:hidden}img{max-width:100%;display:block}a{text-decoration:none}.detail-page-wrapper{background-color:#fff;width:100%;max-width:100vw;padding-bottom:20px;font-family:sans-serif;overflow-x:hidden}.section-main-title{text-align:center;color:#1a2e24;margin-bottom:40px;font-size:clamp(24px,5vw,40px);font-weight:700}.text-white{color:#fff!important}.detail-hero{text-align:center;color:#fff;background-image:url(https://images.unsplash.com/photo-1558449028-b53a39d100fc?w=1600&auto=format&fit=crop);background-position:50%;background-size:cover;width:100%;padding:80px 16px 120px;position:relative}.detail-hero-overlay{background-color:#43454eb3;position:absolute;inset:0}.detail-hero-content{z-index:2;max-width:900px;margin:0 auto;position:relative}.detail-hero-content h1{word-wrap:break-word;margin-bottom:20px;font-size:clamp(24px,6vw,52px);font-weight:700;line-height:1.2}.detail-hero-content p{color:#f1f5f9;margin-bottom:30px;font-size:clamp(14px,2.5vw,18px);line-height:1.6}.quote-btn{color:#0d1b2a;cursor:pointer;background-color:#fc0;border:none;border-radius:50px;padding:12px 26px;font-size:clamp(13px,2vw,16px);font-weight:600;transition:all .3s;display:inline-block}.quote-btn:hover{background-color:#ffd633;transform:translateY(-2px);box-shadow:0 5px 15px #ffcc004d}.outline-btn{color:#475569;cursor:pointer;background-color:#0000;border:2px solid #cbd5e1;border-radius:50px;padding:8px 18px;font-size:clamp(13px,2vw,15px);font-weight:600;transition:all .3s;display:inline-block}.outline-btn:hover{color:#4f46e5;border-color:#4f46e5}.detail-stats-container{z-index:3;width:100%;max-width:1100px;margin:-60px auto 60px;padding:0 16px;position:relative}.stats-grid{grid-template-columns:1fr;gap:16px;display:grid}.stat-card{text-align:center;background:#f8fafc;border-radius:16px;min-width:0;padding:24px 18px;transition:transform .3s;box-shadow:0 10px 30px #00000014}.stat-card:hover{transform:translateY(-5px)}.stat-icon{margin-bottom:12px;font-size:36px}.stat-card h3{color:#1e293b;word-wrap:break-word;margin-bottom:10px;font-size:clamp(16px,2vw,22px);font-weight:700}.stat-card p{color:#64748b;font-size:14px;line-height:1.6}.detail-info-section{flex-direction:column;justify-content:space-between;align-items:center;gap:40px;width:100%;max-width:1200px;margin:0 auto 60px;padding:0 16px;display:flex}.description{flex:1;width:100%;min-width:0}.description h2{color:#1a2e24;word-wrap:break-word;margin-bottom:20px;font-size:clamp(24px,4vw,42px);font-weight:700;line-height:1.2}.discription p{color:#555;margin-bottom:10px;font-size:15px;line-height:1.8}.info-image-wrapper{flex:1;width:100%;min-width:0;margin-bottom:30px;position:relative}.rounded-img{object-fit:cover;border-radius:20px;width:100%;height:280px;box-shadow:0 15px 40px #0000001a}.floating-blue-box{color:#fff;word-wrap:break-word;background-color:#0f172a;border-radius:12px;max-width:calc(100% - 20px);padding:16px 20px;font-size:clamp(16px,4vw,28px);font-weight:700;line-height:1.3;position:absolute;bottom:-20px;left:10px;right:10px;box-shadow:0 15px 30px #0f172a80}.solutions-section{flex-direction:column;justify-content:space-between;align-items:center;gap:40px;width:100%;max-width:1200px;margin:0 auto 60px;padding:0 16px;display:flex}.solutions-image-wrapper,.solutions-content{flex:1;width:100%;min-width:0}.small-label{letter-spacing:2px;color:#64748b;text-transform:uppercase;margin-bottom:10px;font-size:12px;font-weight:700;display:block}.solutions-content h2{color:#1a2e24;word-wrap:break-word;margin-bottom:18px;font-size:clamp(24px,4vw,42px);font-weight:700;line-height:1.2}.solutions-content p{color:#555;margin-bottom:25px;font-size:15px;line-height:1.8}.features-title{color:#1e293b;margin-bottom:15px;font-size:clamp(17px,2.5vw,22px);font-weight:700}.features-list{padding:0;list-style:none}.features-list li{color:#475569;align-items:flex-start;gap:12px;margin-bottom:15px;font-size:15px;display:flex}.check-icon{color:#eab308;flex-shrink:0;font-size:20px;font-weight:700}.comparison-wrapper{background-color:#0f172a;padding:50px 16px}.comparison-container{text-align:center;background:#fff;border-radius:24px;width:100%;max-width:1000px;margin:0 auto;padding:30px 18px;box-shadow:0 20px 50px #00000026}.comparison-container h2{color:#1a2e24;word-wrap:break-word;margin-bottom:30px;font-size:clamp(20px,4vw,38px);font-weight:800;line-height:1.3}.comparison-grid{flex-direction:column;justify-content:center;gap:20px;display:flex}.bill-card{background:#fff;border-radius:12px;flex:1;min-width:0;overflow:hidden}.without-solar{border:4px solid #ef4444}.with-solar{border:4px solid #22c55e}.bill-header{color:#0f172a;background:#f8fafc;border-bottom:2px solid #e2e8f0;padding:14px;font-size:clamp(15px,2.5vw,22px);font-weight:700}.bill-card img{width:100%;height:auto;display:block}.parallax-banner-section{background-image:url(https://elsol.co.in/wp-content/uploads/2024/05/ktm1.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:scroll;width:100%;height:200px}.installation-section{color:#fff;background-color:#0f172a;padding:60px 16px}.howout-container{width:100%;max-width:1200px;margin:0 auto}.howout-header{text-align:center;margin-bottom:40px}.howout-header h2,.process-header h2{word-wrap:break-word;margin-bottom:15px;font-size:clamp(24px,4vw,40px);font-weight:700;line-height:1.2}.heading-underline{background-color:#fbbf24;border-radius:2px;width:80px;height:3px;margin:0 auto 20px}.howout-subtitle{color:#e0e4ff;max-width:900px;margin:0 auto;font-size:14px;line-height:1.6}.process-grid{text-align:center;grid-template-columns:1fr;gap:18px;display:grid}.process-card{color:#1e293b;background:#cadae2;border-radius:16px;flex-direction:column;align-items:center;min-width:0;margin-bottom:0;padding:26px 18px;transition:all .3s ease-in-out;display:flex;box-shadow:0 4px 6px #00000005}.process-card:hover{transform:translateY(-8px);box-shadow:0 12px 24px #00000014}.icon-card8{color:#1e3a8a;background-color:#a7cffa;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:18px;font-size:30px;transition:transform .3s;display:flex;box-shadow:0 4px 10px #00000026}.process-card:hover .icon-card8{transform:scale(1.05)}.white-btn{color:#0d1b2a;cursor:pointer;background-color:#fc0;border:1px solid #fff6;border-radius:50px;padding:12px 28px;font-size:clamp(13px,2vw,16px);font-weight:600;transition:all .3s}.white-btn:hover{background-color:#ffd633;transform:translateY(-2px);box-shadow:0 5px 15px #ffcc004d}.step-title{word-wrap:break-word;min-height:auto;margin-bottom:12px;font-size:clamp(15px,2vw,18px);font-weight:700;line-height:1.3}.step-desc{color:#0d1b2a;font-size:14px;line-height:1.6}.process-footer{text-align:center;margin-top:40px}.quote-btn-rounded{color:#0d1b2a;cursor:pointer;background-color:#fc0;border:1px solid #fff6;border-radius:50px;padding:12px 28px;font-size:clamp(13px,2vw,16px);font-weight:600;transition:all .3s}.quote-btn-rounded:hover{background-color:#ffd633;transform:translateY(-2px);box-shadow:0 5px 15px #ffcc004d}.excellence-section{background-color:#fff;padding:60px 16px}.excellence-container{width:100%;max-width:1200px;margin:0 auto}.excellence-title{text-align:center;color:#1a2e24;word-wrap:break-word;margin-bottom:35px;font-size:clamp(22px,4vw,40px);font-weight:700}.excellence-grid{grid-template-columns:1fr;gap:16px;display:grid}.excellence-card{background:#f8fafc;border-radius:12px;min-width:0;padding:22px;transition:all .3s}.excellence-card:hover{background:#eff6ff;transform:translateY(-5px)}.e-icon{margin-bottom:12px;font-size:30px}.excellence-card h4{color:#0f172a;word-wrap:break-word;margin-bottom:10px;font-size:16px;font-weight:700}.excellence-card p{color:#64748b;font-size:14px;line-height:1.6}.projects-section{width:100%;max-width:1200px;margin:50px auto 0;padding:0 16px;position:relative;bottom:0}.projects-header{flex-direction:column;align-items:flex-start;gap:15px;margin-bottom:30px;display:flex}.projects-title-area h2{color:#1a2e24;word-wrap:break-word;margin-top:5px;font-size:clamp(22px,4vw,40px);font-weight:700}.view-all-link{color:#1a2e24;align-items:center;gap:8px;font-size:14px;font-weight:600;text-decoration:none;transition:color .3s;display:flex}.view-all-link:hover{color:#4f46e5}.projects-grid-container{flex-direction:column;gap:18px;display:flex}.project-img-wrapper{z-index:5;border-radius:16px;flex:1;width:100%;height:200px;position:relative;overflow:hidden;box-shadow:0 10px 20px #0000001a}.project-img-wrapper img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.project-img-wrapper:hover img{transform:scale(1.05)}.cta-parallax-section{text-align:center;background-image:url(https://elsol.co.in/wp-content/uploads/2024/05/alpzha1-840x630.webp);background-position:50%;background-size:cover;background-attachment:scroll;justify-content:center;align-items:center;width:100%;height:auto;min-height:320px;display:flex;position:relative}.cta-overlay{z-index:1;background-color:#1e293bb3;position:absolute;inset:0}.cta-content{z-index:2;color:#fff;padding:40px 16px;position:relative}.cta-content h2{word-wrap:break-word;margin:15px 0 25px;font-size:clamp(22px,5vw,50px);font-weight:700;line-height:1.2}.testimonials-section{background-color:#fff;padding:60px 16px;overflow:hidden}.testimonials-container{width:100%;max-width:1200px;margin:0 auto}.testimonials-flex{width:100%;margin-top:30px;display:block}.overall-rating-left{display:none}.rating-header-row{flex-wrap:wrap;align-items:flex-start;gap:15px;display:flex}.rating-building-img{object-fit:cover;border-radius:4px;flex-shrink:0;width:70px;height:48px}.rating-text-content{flex-direction:column;min-width:0;display:flex}.rating-text-content h4{color:#0f172a;margin:0 0 5px;font-size:15px;font-weight:800}.rating-text-content .stars{color:#fbbf24;letter-spacing:1px;margin-bottom:5px;font-size:15px}.rating-text-content p{color:#475569;margin:0 0 12px;font-size:13px;font-weight:500}.write-review-btn{color:#0f172a;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:4px;width:fit-content;padding:8px 18px;font-size:13px;font-weight:600;transition:all .3s}.write-review-btn:hover{background-color:#f8fafc;border-color:#94a3b8}.testimonials-slider-wrapper{align-items:center;width:100%;min-width:0;display:flex;position:relative}.scroll-btn{color:#1e293b;cursor:pointer;z-index:10;background-color:#fff;border:1px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 10px #0000001a}.scroll-btn:hover{background-color:#f8fafc;box-shadow:0 6px 15px #00000026}.scroll-btn.left{left:4px}.scroll-btn.right{right:4px}.reviews-scroll-area{scroll-behavior:smooth;scrollbar-width:none;scroll-snap-type:x mandatory;flex:1;gap:16px;min-width:0;padding:16px 4px;display:flex;overflow-x:auto}.reviews-scroll-area::-webkit-scrollbar{display:none}.review-card{scroll-snap-align:start;box-sizing:border-box;background:#f3f4f6;border-radius:12px;min-width:100%;padding:18px;flex:0 0 100%!important}.r-head{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;display:flex}.avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;font-weight:700;display:flex}.r-info{flex-direction:column;min-width:0;display:flex}.r-info h5{color:#0f172a;word-wrap:break-word;margin:0;font-size:15px;font-weight:700}.r-info span{color:#64748b;margin-top:2px;font-size:12px}.g-icon img{width:20px;height:20px;margin-left:auto}.stars{color:#fbbf24;align-items:center;margin-bottom:10px;font-size:15px;display:flex}.verified-badge{color:#fff;background-color:#3b82f6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:14px;height:14px;margin-left:6px;font-size:9px;display:flex}.review-card p{color:#1e293b;word-wrap:break-word;margin-bottom:10px;font-size:13px;line-height:1.5}.read-more{color:#94a3b8;font-size:13px;text-decoration:none}.blogs-section{background-color:#f8fafc;padding:60px 16px}.blogs-container{width:100%;max-width:1200px;margin:0 auto}.blogs-grid{grid-template-columns:1fr;gap:20px;margin-top:30px;display:grid}.blog-card{background:#fff;border-radius:16px;transition:transform .3s;overflow:hidden;box-shadow:0 10px 20px #0000000d}.blog-card:hover{transform:translateY(-5px)}.blog-card img{object-fit:cover;width:100%;height:180px}.blog-content{padding:18px}.blog-meta{color:#64748b;letter-spacing:1px;margin-bottom:10px;font-size:12px;font-weight:700}.blog-content h4{color:#1e293b;word-wrap:break-word;margin-bottom:15px;font-size:clamp(16px,2.5vw,20px);font-weight:700;line-height:1.4}.blog-link{color:#4f46e5;font-size:20px;font-weight:700;text-decoration:none}.faq-content-section{background-color:#f8fafc;width:100%;padding:50px 16px;overflow:hidden}.custom-accordion-container{width:100%;max-width:1200px;margin:0 auto}.custom-details{background-color:#fff;border:1px solid #cbd5e1;border-radius:4px;width:100%;margin-bottom:14px;overflow:hidden;box-shadow:0 2px 5px #00000005}.custom-summary{color:#1e293b;cursor:pointer;word-wrap:break-word;align-items:center;padding:16px;font-size:clamp(14px,2vw,18px);font-weight:600;list-style:none;display:flex;position:relative}.custom-summary::-webkit-details-marker{display:none}.custom-summary:before{content:"▸";color:#64748b;flex-shrink:0;margin-right:10px;font-size:16px;transition:transform .3s;display:inline-block}.custom-details[open] .custom-summary:before{transform:rotate(90deg)}.custom-details-content{color:#475569;overflow-wrap:break-word;word-wrap:break-word;border-top:1px solid #f1f5f9;padding:0 16px 22px 20px;font-size:14px;line-height:1.7}.custom-details-content h1{color:#0f172a;margin:20px 0 12px;font-size:clamp(20px,4vw,30px);font-weight:700;line-height:1.3}.custom-details-content h2{color:#0f172a;margin:22px 0 10px;font-size:clamp(18px,3vw,24px);font-weight:700;line-height:1.3}.custom-details-content h3{color:#0f172a;margin:18px 0 10px;font-size:clamp(15px,2.5vw,18px);font-weight:700}.custom-details-content p{color:#000;margin-bottom:15px;font-weight:bolder}.custom-details-content ul{color:#000;margin-bottom:18px;margin-left:16px;padding-left:4px}.custom-details-content a{color:#0d00ff;font-weight:bolder;text-decoration:underline}.faq-qa-item{margin-top:20px}.faq-q{color:#1e293b;font-weight:700;margin-bottom:5px!important}.faq-a{color:#475569;margin-bottom:0!important}.contact-section{background-color:#f8fafc;padding:60px 16px}.contact-container{flex-direction:column;align-items:flex-start;gap:35px;width:100%;max-width:1200px;margin:0 auto;display:flex}.contact-info{flex:1;width:100%;min-width:0}.c-item{align-items:center;gap:15px;margin-bottom:20px;display:flex}.c-icon{color:#fff;background:#fc0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:19px;display:flex}.c-item span{color:#1e293b;word-wrap:break-word;font-size:clamp(14px,2vw,18px);font-weight:600}.contact-form{background:#fff;border-radius:16px;flex:1.5;width:100%;min-width:0;padding:24px 20px;box-shadow:0 15px 40px #0000001a}.contact-form input,.contact-form select,.contact-form textarea{color:#475569;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;margin-bottom:16px;padding:12px 14px;font-family:inherit;font-size:15px;transition:border .3s}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#4f46e5}.contact-form textarea{resize:vertical}@media (max-width:359px){.detail-hero{padding:60px 12px 100px}.custom-details-content{padding-left:14px;padding-right:12px}.floating-blue-box{padding:14px 16px;left:6px;right:6px}}@media (min-width:360px){.detail-stats-container{margin:-60px auto 60px}}@media (min-width:600px){.detail-hero{padding:120px 30px 160px}.stats-grid{grid-template-columns:repeat(2,1fr)}.detail-stats-container{margin:-80px auto 80px}.comparison-grid{flex-direction:row}.process-grid,.excellence-grid{grid-template-columns:repeat(2,1fr)}.projects-grid-container{flex-flow:wrap}.project-img-wrapper{flex:calc(50% - 10px);min-width:0}.blogs-grid{grid-template-columns:repeat(2,1fr)}.review-card{min-width:calc(50% - 10px);flex:0 0 calc(50% - 10px)!important}.projects-header{flex-direction:row;justify-content:space-between;align-items:flex-end;gap:0}.floating-blue-box{max-width:85%;left:-10px;right:auto}}@media (min-width:768px){.detail-hero{padding:140px 40px 180px}.detail-stats-container{margin:-100px auto 90px}.stats-grid{grid-template-columns:repeat(3,1fr)}.detail-info-section{flex-direction:row;align-items:center;gap:60px;margin-bottom:100px}.info-image-wrapper{width:auto;margin-bottom:0}.rounded-img{height:480px}.floating-blue-box{max-width:70%;padding:28px 32px;bottom:-28px;left:-20px}.solutions-section{flex-direction:row;align-items:center;gap:60px;margin-bottom:100px}.solutions-image-wrapper{width:auto}.comparison-wrapper{padding:80px 20px}.comparison-container{padding:50px 40px}.parallax-banner-section{background-attachment:fixed;height:450px}.installation-section{padding:90px 20px}.process-grid{grid-template-columns:repeat(2,1fr);gap:25px}.excellence-grid{grid-template-columns:repeat(3,1fr)}.cta-parallax-section{background-attachment:fixed;min-height:450px}.contact-container{flex-direction:row;align-items:flex-start;gap:60px}.blogs-grid{grid-template-columns:repeat(2,1fr)}.review-card{min-width:calc(33.33% - 14px);flex:0 0 calc(33.33% - 14px)!important}.scroll-btn.left{left:-17px}.scroll-btn.right{right:-17px}.custom-details-content{padding:0 20px 25px 40px;font-size:15px}}@media (min-width:1024px){.detail-hero{padding:160px 20px 200px}.detail-stats-container{margin:-120px auto 100px}.detail-info-section{gap:80px;margin-bottom:120px}.rounded-img{height:600px}.floating-blue-box{max-width:none;padding:35px 40px;bottom:-30px;left:-30px}.solutions-section{gap:80px;margin-bottom:120px}.installation-section{padding:100px 20px}.process-grid{grid-template-columns:repeat(4,1fr)}.step-title{min-height:48px}.parallax-banner-section{height:550px}.cta-parallax-section{min-height:500px}.projects-grid-container{flex-wrap:nowrap}.project-img-wrapper{flex:1;height:300px}.blogs-grid{grid-template-columns:repeat(3,1fr)}.review-card{min-width:calc(25% - 15px);flex:0 0 calc(25% - 15px)!important}.contact-container{gap:80px}}@media (min-width:1280px){.excellence-section,.contact-section{padding:100px 20px}}