*,:before,:after{box-sizing:border-box}html{overflow-x:hidden}img{max-width:100%;display:block}.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: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:160px 20px 200px;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:52px;font-weight:700;line-height:1.2}.detail-hero-content p{color:#f1f5f9;margin-bottom:35px;font-size:18px;line-height:1.6}.quote-btn{color:#0d1b2a;cursor:pointer;background-color:#fc0;border:none;border-radius:50px;padding:15px 35px;font-size:16px;font-weight:600;transition:all .3s;display:inline-block}a{text-decoration:none}.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 20px;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:-120px auto 100px;padding:0 20px;position:relative}.stats-grid{grid-template-columns:repeat(3,1fr);gap:25px;display:grid}.stat-card{text-align:center;background:#f8fafc;border-radius:16px;min-width:0;padding:40px 25px;transition:transform .3s;box-shadow:0 10px 30px #00000014}.stat-card:hover{transform:translateY(-5px)}.stat-icon{margin-bottom:15px;font-size:45px}.stat-card h3{color:#1e293b;word-wrap:break-word;margin-bottom:10px;font-size:22px;font-weight:700}.stat-card p{color:#64748b;font-size:15px;line-height:1.6}.detail-info-section{justify-content:space-between;align-items:center;gap:80px;width:100%;max-width:1200px;margin:0 auto 120px;padding:0 20px;display:flex}.description{flex:1;width:100%;min-width:0}.description h2{color:#1a2e24;word-wrap:break-word;margin-bottom:25px;font-size:42px;font-weight:700;line-height:1.2}.discription p{color:#555;margin-bottom:10px;font-size:16px;line-height:1.8}.info-image-wrapper{flex:1;width:100%;min-width:0;position:relative}.rounded-img{object-fit:cover;border-radius:20px;width:100%;height:600px;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% + 30px);padding:35px 40px;font-size:28px;font-weight:700;line-height:1.3;position:absolute;bottom:-30px;left:-30px;box-shadow:0 15px 30px #0f172a80}.solutions-section{justify-content:space-between;align-items:center;gap:80px;width:100%;max-width:1200px;margin:0 auto 120px;padding:0 20px;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:13px;font-weight:700;display:block}.solutions-content h2{color:#1a2e24;word-wrap:break-word;margin-bottom:20px;font-size:42px;font-weight:700;line-height:1.2}.solutions-content p{color:#555;margin-bottom:30px;font-size:16px;line-height:1.8}.features-title{color:#1e293b;margin-bottom:15px;font-size: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:16px;display:flex}.check-icon{color:#eab308;flex-shrink:0;font-size:20px;font-weight:700}.comparison-wrapper{background-color:#0f172a;padding:80px 20px}.comparison-container{text-align:center;background:#fff;border-radius:24px;width:100%;max-width:1000px;margin:0 auto;padding:50px 40px;box-shadow:0 20px 50px #00000026}.comparison-container h2{color:#1a2e24;word-wrap:break-word;margin-bottom:40px;font-size:38px;font-weight:800;line-height:1.3}.comparison-grid{justify-content:center;gap:30px;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:18px;font-size: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:fixed;width:100%;height:550px}.installation-section{color:#fff;background-color:#0f172a;padding:100px 20px}.howout-container{width:100%;max-width:1200px;margin:0 auto}.howout-header{text-align:center;margin-bottom:60px}.howout-header h2{word-wrap:break-word;margin-bottom:15px;font-size:40px;font-weight:700;line-height:1.2}.heading-underline{background-color:#fbbf24;border-radius:2px;width:120px;height:3px;margin:0 auto 20px}.howout-subtitle{color:#e0e4ff;max-width:900px;margin:0 auto;font-size:16px;line-height:1.6}.process-grid{text-align:center;grid-template-columns:repeat(4,1fr);gap:30px;display:grid}.process-card{color:#1e293b;background:#cadae2;border-radius:16px;flex-direction:column;align-items:center;min-width:0;margin-bottom:0;padding:35px 25px;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:#9cc3ee;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:90px;height:90px;margin-bottom:20px;font-size:35px;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:14px 35px;font-size: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:48px;margin-bottom:15px;font-size: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:60px}.quote-btn-rounded{color:#0d1b2a;cursor:pointer;background-color:#fc0;border:1px solid #fff6;border-radius:50px;padding:14px 35px;font-size: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:100px 20px}.excellence-container{width:100%;max-width:1200px;margin:0 auto}.excellence-title{text-align:center;color:#1a2e24;word-wrap:break-word;margin-bottom:60px;font-size:40px;font-weight:700}.excellence-grid{grid-template-columns:repeat(3,1fr);gap:25px;display:grid}.excellence-card{background:#f8fafc;border-radius:12px;min-width:0;padding:30px;transition:all .3s}.excellence-card:hover{background:#eff6ff;transform:translateY(-5px)}.e-icon{margin-bottom:15px;font-size:35px}.excellence-card h4{color:#0f172a;word-wrap:break-word;margin-bottom:10px;font-size:18px;font-weight:700}.excellence-card p{color:#64748b;font-size:14px;line-height:1.6}.projects-section{width:100%;max-width:1200px;margin:100px auto 0;padding:0 20px;position:relative;bottom:100px}.projects-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:40px;display:flex}.projects-title-area h2{color:#1a2e24;word-wrap:break-word;margin-top:5px;font-size:40px;font-weight:700}.view-all-link{color:#1a2e24;align-items:center;gap:8px;font-size:16px;font-weight:600;text-decoration:none;transition:color .3s;display:flex}.view-all-link:hover{color:#4f46e5}.projects-grid-container{gap:30px;display:flex}.project-img-wrapper{z-index:5;border-radius:16px;flex:1;min-width:0;height:300px;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:fixed;justify-content:center;align-items:center;width:100%;height:500px;display:flex;position:relative}.cta-overlay{z-index:1;background-color:#1e293bb3;position:absolute;inset:0}.cta-content{z-index:2;color:#fff;padding:0 20px;position:relative}.cta-content h2{word-wrap:break-word;margin:15px 0 25px;font-size:50px;font-weight:700;line-height:1.2}.testimonials-section{background-color:#fff;padding:80px 20px;overflow:hidden}.testimonials-container{width:100%;max-width:1200px;margin:0 auto}.testimonials-flex{width:100%;margin-top:40px;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:90px;height:60px}.rating-text-content{flex-direction:column;min-width:0;display:flex}.rating-text-content h4{color:#0f172a;margin:0 0 5px;font-size:16px;font-weight:800}.rating-text-content .stars{color:#fbbf24;letter-spacing:1px;margin-bottom:5px;font-size:16px}.rating-text-content p{color:#475569;margin:0 0 15px;font-size:14px;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 20px;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:35px;height:35px;font-size:16px;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:-17px}.scroll-btn.right{right:-17px}.reviews-scroll-area{scroll-behavior:smooth;scrollbar-width:none;scroll-snap-type:x mandatory;flex:1;gap:20px;min-width:0;padding:20px 0;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:calc(25% - 15px);padding:20px;flex:0 0 calc(25% - 15px)!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:100px 20px}.blogs-container{width:100%;max-width:1200px;margin:0 auto}.blogs-grid{grid-template-columns:repeat(3,1fr);gap:30px;margin-top:50px;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:220px}.blog-content{padding:25px}.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:20px;font-size: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:80px 20px;overflow:hidden}.custom-accordion-container{width:100%;max-width:1000px;margin:0 auto}.custom-details{background-color:#fff;border:1px solid #cbd5e1;border-radius:4px;width:100%;margin-bottom:20px;overflow:hidden;box-shadow:0 2px 5px #00000005}.custom-summary{color:#1e293b;cursor:pointer;word-wrap:break-word;align-items:center;padding:20px 25px;font-size: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:15px;font-size:18px;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 25px 30px 50px;font-size:15px;line-height:1.7}.custom-details-content h1{color:#0f172a;margin:25px 0 12px;font-size:28px;font-weight:700;line-height:1.3}.custom-details-content h2{color:#0f172a;margin:25px 0 10px;font-size:22px;font-weight:700;line-height:1.3}.custom-details-content h3{color:#0f172a;margin:25px 0 10px;font-size:18px;font-weight:700}.custom-details-content p{color:#000;margin-bottom:15px;font-weight:bolder}.custom-details-content ul{margin-bottom:20px;margin-left:20px;font-weight:bolder}.custom-details-content a{color:#00f;font-weight:bolder;text-decoration:underline}.faq-qa-item{margin-top:25px}.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:100px 20px}.contact-container{align-items:flex-start;gap:80px;width:100%;max-width:1200px;margin:0 auto;display:flex}.contact-info{flex:1;min-width:0}.c-item{align-items:center;gap:15px;margin-bottom:25px;display:flex}.c-icon{color:#fff;background:#fc0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:20px;display:flex}.c-item span{color:#1e293b;word-wrap:break-word;font-size:18px;font-weight:600}.contact-form{background:#fff;border-radius:16px;flex:1.5;min-width:0;padding:40px;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:20px;padding:15px;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:1024px){.detail-info-section,.solutions-section{gap:50px;margin-bottom:90px}.rounded-img{height:460px}.stats-grid{grid-template-columns:repeat(3,1fr);gap:18px}.excellence-grid,.process-grid{grid-template-columns:repeat(2,1fr)}.step-title{min-height:auto}.testimonials-flex{display:block}.overall-rating-left{width:100%;margin-bottom:30px}.review-card{min-width:calc(33.33% - 14px);flex:0 0 calc(33.33% - 14px)!important}.blogs-grid{grid-template-columns:repeat(2,1fr)}.contact-container{flex-direction:column}.contact-info{margin-bottom:40px}.parallax-banner-section{height:400px}.cta-parallax-section{height:420px}}@media (max-width:900px){.detail-info-section,.solutions-section{text-align:left;flex-direction:column;align-items:stretch}.info-image-wrapper,.solutions-image-wrapper{width:100%;margin-bottom:40px}.rounded-img{height:340px}.floating-blue-box{max-width:calc(100% - 30px);padding:20px 24px;font-size:20px;bottom:-20px;left:15px;right:15px}.comparison-grid{flex-direction:column}.stats-grid,.excellence-grid{grid-template-columns:repeat(2,1fr)}.projects-grid-container{flex-direction:column}}@media (max-width:768px){.detail-hero{padding:100px 20px 140px}.detail-hero-content h1{font-size:34px}.detail-hero-content p{margin-bottom:25px;font-size:16px}.detail-stats-container{margin:-70px auto 60px}.description h2,.solutions-content h2{font-size:30px}.comparison-container{padding:30px 20px}.comparison-container h2{margin-bottom:25px;font-size:26px}.installation-section{padding:60px 20px}.howout-header{margin-bottom:35px}.howout-header h2{font-size:30px}.process-grid{grid-template-columns:1fr}.excellence-section{padding:60px 20px}.excellence-title{margin-bottom:35px;font-size:28px}.excellence-grid{grid-template-columns:1fr}.projects-title-area h2{font-size:28px}.cta-content h2{font-size:36px}.cta-parallax-section{height:auto;min-height:320px;padding:40px 0}.parallax-banner-section{background-attachment:scroll;height:260px}.testimonials-section{padding:50px 20px}.review-card{min-width:calc(50% - 10px);flex:0 0 calc(50% - 10px)!important}.blogs-section{padding:60px 20px}.blogs-grid{grid-template-columns:1fr}.faq-content-section{padding:50px 16px}.custom-summary{padding:16px;font-size:15px}.custom-details-content{padding:0 16px 20px 20px;font-size:14px}.contact-section{padding:60px 16px}.contact-form{padding:25px}}@media (max-width:600px){.stats-grid{grid-template-columns:1fr}.cta-parallax-section{background-attachment:scroll}}@media (max-width:500px){.detail-hero{padding:80px 16px 120px}.detail-hero-content h1{font-size:26px}.quote-btn,.outline-btn{padding:12px 22px;font-size:14px}.floating-blue-box{padding:16px 18px;font-size:18px}.review-card{min-width:100%;flex:0 0 100%!important}.c-item span{font-size:15px}}@media (max-width:380px){.custom-details-content{padding-left:14px;padding-right:12px}.floating-blue-box{left:8px;right:8px}}