.inverter-hero-feature-section{color:#fff;background:url(/images/products/ongrid-inverter-banner.webp) 50%/cover no-repeat;padding:94px 0;position:relative}.inverter-hero-feature-section:before{content:"";z-index:1;background:linear-gradient(90deg,#0009 0%,#0000 30% 70%,#0009 100%);position:absolute;inset:0}.inverter-hero-feature-section[style*=hybrid-inverter-bg]:before{display:none}.inverter-hero-feature-container{z-index:2;max-width:1400px;margin:0 auto;padding:0 20px;position:relative}.inverter-hero-header{text-align:center;max-width:900px;margin:0 auto 60px}.inverter-hero-title{margin-bottom:10px;font-family:Poppins;font-size:40px;font-weight:600}.inverter-hero-subtitle{color:var(--Text-Red,red);margin-bottom:20px;font-family:Poppins;font-size:28px;font-weight:500}.inverter-hero-desc{color:#ccc;font-size:16px;line-height:1.6}.inverter-hero-content{justify-content:space-between;align-items:start;gap:30px;margin-bottom:135px;display:flex}.inverter-features-col{flex-direction:column;flex:1;gap:45px;display:flex}.inverter-hero-image-col{flex:1.4;justify-content:center;align-items:center;display:flex;position:relative}.inverter-image-wrapper{width:100%;max-width:480px;position:relative}.glow-effect{z-index:-1;background:radial-gradient(circle,#ffffff26 0%,#fff0 70%);border-radius:50%;width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.inverter-hero-img{object-fit:contain;filter:drop-shadow(0 10px 40px #0009);width:100%;height:auto;display:block}.inverter-feature-item{display:flex}.left-col .inverter-feature-item{justify-content:flex-start}.right-col .inverter-feature-item{justify-content:flex-end}.left-col .feature-text,.right-col .feature-text{flex-direction:column;align-items:center;display:flex}.feature-pill-icon-wrapper{background-color:#0000;justify-content:center;align-items:center;width:auto;height:40px;margin-bottom:8px;display:inline-flex}.feature-pill-icon{object-fit:contain;width:100%;height:100%}.feature-text h4{text-align:center;letter-spacing:-.4px;color:#fff;background:#0003;border:1px solid #fff;border-radius:10px;padding:10px;font-family:Poppins;font-size:20px;font-style:normal;font-weight:500;line-height:120%;transition:all .3s}.plain-style .feature-text h4{font-weight:500;color:#111!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;padding:0!important}.left-col.inverter-features-col{align-items:flex-start}.center-col.inverter-features-col{align-items:center}.center-col .inverter-feature-item{justify-content:center}.center-col .feature-text{text-align:center;flex-direction:column;align-items:center;display:flex}.plain-style.center-aligned .feature-text h4{text-align:center}.right-col.inverter-features-col{align-items:flex-end}.plain-style.left-aligned .feature-text h4{text-align:left}.plain-style.right-aligned .feature-text h4{text-align:right}.plain-text-layout .feature-pill-icon{filter:brightness(0)saturate()invert(10%)sepia(5%)saturate(1000%)hue-rotate(180deg)!important}.inverter-hero-feature-section:not(.plain-text-layout) .feature-pill-icon{filter:brightness(0)invert()!important}.feature-text{text-align:inherit}@media (max-width:991px){.inverter-hero-content{flex-direction:column}.inverter-features-col{flex-flow:wrap;justify-content:center;gap:10px;width:100%}.left-col .inverter-feature-item,.right-col .inverter-feature-item{justify-content:center}.inverter-hero-image-col{order:-1;margin-bottom:30px}.feature-text h4{padding:8px 14px;font-size:14px}}@media screen and (max-width:576px){.inverter-hero-mobile-bg{background:url(/images/products/ongrid-inverter-banner.webp) 50%/cover no-repeat;height:320px;position:relative}.inverter-hero-mobile-bg:before{content:"";position:absolute;inset:0}.inverter-hero-mobile-content-section{background-color:#0a0a0a;padding:30px 15px 50px}.inverter-hero-mobile-wrapper.plain-text-layout .inverter-hero-mobile-content-section{background-color:#f4f4f4}.inverter-hero-content{gap:15px;margin-bottom:0}.inverter-features-col{grid-template-columns:repeat(2,1fr);gap:15px;width:100%;display:grid}.inverter-features-col .inverter-feature-item:last-child{grid-column:span 2}.right-col.inverter-features-col{background:0 0;border-radius:0;padding:0}.feature-text{width:100%}.feature-text h4{width:100%;margin:0;padding:12px 5px;font-size:13px}.plain-style .feature-text h4{color:#111!important;text-align:center!important;background:#fff!important;border:1px solid #ddd!important;border-radius:8px!important;padding:7px!important}}
.inverter-model-grid-section{background:#fff;padding:80px 0}.inverter-model-grid-container{max-width:1300px;margin:0 auto;padding:0 20px}.inverter-models-wrapper{flex-wrap:wrap;gap:36px;display:flex}.center-grid .inverter-models-wrapper{justify-content:center!important}.four-column-grid .inverter-models-wrapper{grid-template-columns:repeat(4,1fr)!important;gap:32px!important;display:grid!important}.four-column-grid .inverter-model-card{min-width:0!important;max-width:100%!important}.inverter-model-card{background:#fff;border-radius:20px;flex-direction:column;align-items:center;min-width:319px;max-width:350px;padding:7px;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden;box-shadow:0 0 10px #00000040}.inverter-model-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000001a}.inverter-model-image{background:var(--Background-Section-Background,#f4f4f4);border-radius:20px 20px 0 0;justify-content:center;align-items:center;width:100%;height:200px;padding:20px;display:flex}.inverter-model-image img{object-fit:contain;max-width:100%;max-height:100%}.inverter-model-name{text-align:center;border-top:1px solid #f0f0f0;width:100%;padding:20px}.inverter-model-name h4{color:var(--Text-Primary-Text,#000);text-align:center;letter-spacing:-.48px;margin-bottom:15px;font-family:Poppins;font-size:23px;font-style:normal;font-weight:500;line-height:120%}.inverter-view-more{color:var(--Button-and-Link-Primary,red);text-align:center;margin-top:15px;font-family:Poppins;font-size:16px;font-style:normal;font-weight:600;line-height:20px;text-decoration:none}.inverter-view-more:hover{color:#c00}@media (max-width:768px){.inverter-model-card{width:calc(50% - 15px)}}@media (max-width:480px){.inverter-model-card{width:100%}}