:root{--dur:520ms;--ease:cubic-bezier(.2,.7,.2,1)}.solarroof-herobanner{height:auto}@media(min-width:992px){.solarroof-herobanner{height:580px}}.solarroof-herobanner .hero{height:25pc;overflow:hidden;position:relative;width:100%}@media(min-width:992px){.solarroof-herobanner .hero{height:580px}}.solarroof-herobanner .track{height:100%;position:relative}.solarroof-herobanner .slide{display:grid;inset:0;opacity:1;position:absolute;-webkit-transform:translateX(100%);transform:translateX(100%)}.solarroof-herobanner .slide.animate{-webkit-transition:-webkit-transform var(--dur) var(--ease);transition:-webkit-transform var(--dur) var(--ease);transition:transform var(--dur) var(--ease);transition:transform var(--dur) var(--ease),-webkit-transform var(--dur) var(--ease)}.solarroof-herobanner .slide[aria-current=true]{-webkit-transform:translateX(0);transform:translateX(0);z-index:1}.solarroof-herobanner .media{inset:0;margin:0;overflow:hidden;position:absolute}.solarroof-herobanner .media img,.solarroof-herobanner .media picture{display:block;height:100%;width:100%}.solarroof-herobanner .media img{-o-object-fit:cover;object-fit:cover}.solarroof-herobanner .counter{bottom:22%;color:#f8f5ec;font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:500;height:1pc;left:1pc;line-height:1;position:absolute;text-align:left;width:75pt;z-index:1}@media(min-width:992px){.solarroof-herobanner .counter{bottom:12%;font-size:1.5rem;height:19px;left:5pc;line-height:1;width:171px}}.solarroof-herobanner .counter .tot{font-size:.875rem;font-weight:400;line-height:12.6px}@media(min-width:992px){.solarroof-herobanner .counter .tot{font-size:1rem;line-height:.8125rem}}.solarroof-herobanner .solaroof-carousel-arrows{bottom:9%;display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;left:1pc;position:absolute;width:88px;z-index:1}@media(min-width:992px){.solarroof-herobanner .solaroof-carousel-arrows{bottom:12%;left:271px}}.solarroof-herobanner .next,.solarroof-herobanner .prev{background-size:100% 100%;background:transparent no-repeat 50%;border:1px solid #f8f5ec;display:grid;height:24px;opacity:.5;place-items:center;width:24px}@media(min-width:992px){.solarroof-herobanner .next,.solarroof-herobanner .prev{height:40px;width:40px}}.solarroof-herobanner .next:hover,.solarroof-herobanner .prev:hover{opacity:1}.solarroof-herobanner .next:focus-visible,.solarroof-herobanner .prev:focus-visible{opacity:1}.solarroof-herobanner .prev{content:url(../../../etc.clientlibs/tatapoweraemsitesprogram/clientlibs/clientlib-common/resources/images/hero-backward-toggle.png)}.solarroof-herobanner .next{content:url(../../../etc.clientlibs/tatapoweraemsitesprogram/clientlibs/clientlib-common/resources/images/hero-forward-toggles.png)}.solarroof-herobanner .dots{bottom:17%;display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;left:1pc;list-style:none;margin:0 8px 0 0;padding:0;position:absolute;z-index:1}@media(min-width:992px){.solarroof-herobanner .dots{bottom:28px;left:5pc}}.solarroof-herobanner .dots [role=tab]{background:#aaa;border:0;border-radius:0;cursor:pointer;height:3px;width:3px}@media(min-width:992px){.solarroof-herobanner .dots [role=tab]{height:6px;width:6px}}.solarroof-herobanner .dots [role=tab]:focus-visible{opacity:1}.solarroof-herobanner .dots [aria-selected=true]{background:#f8f5ec;-webkit-transition:width 7s linear;transition:width 7s linear;width:56px}@media(min-width:992px){.solarroof-herobanner .dots [aria-selected=true]{width:250px}}.solarroof-herobanner .caption{color:#f8f5ec;font-family:Syne,sans-serif;font-size:2rem;font-weight:600;left:0;line-height:2.4pc;margin-bottom:8px;padding:1pc;position:absolute;text-align:left;top:74px;width:100%}@media(min-width:992px){.solarroof-herobanner .caption{font-size:3rem;left:5pc;line-height:3pc;max-width:30%;padding:0;top:90pt;width:auto}}@media(prefers-reduced-motion:reduce){.solarroof-herobanner .slide{-webkit-transition:none!important;transition:none!important}}