.hero-banner-wrapper{position:relative;overflow:hidden;width:100%}.hero-banner-slider{display:flex;width:100%;transition:transform .8s ease-in-out}.hero-banner-slide{position:relative;flex:0 0 100%;width:100%;overflow:hidden}.hero-banner-slide picture,.hero-banner-slide img{display:block;width:100%;height:100vh;object-fit:cover;object-position:center center}.hero-banner-slide:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(#00000026,#00000059);z-index:1}.hero-content-container{position:absolute;right:7%;bottom:18%;z-index:2;max-width:600px;display:flex;flex-direction:column;align-items:flex-end}.hero-content-container h1{margin:10px 0 24px;color:#fff;font-size:clamp(2.5rem,5vw,5rem);line-height:1.1;text-align:right}.hero-content-container p{margin:0;color:#fff;font-size:clamp(1rem,1.8vw,1.2rem);line-height:1.6;text-align:right;max-width:500px}.hero-content-container .button{margin-top:30px;min-width:220px;text-align:center}.hero-tab-indicator{position:absolute;right:7%;bottom:8%;display:flex;gap:10px;z-index:3}.hero-tab-indicator .dot{width:12px;height:12px;border-radius:50%;background:#ffffff73;cursor:pointer;transition:.3s}.hero-tab-indicator .dot.active{background:var(--primary-color);transform:scale(1.3)}@media(max-width:991px){.hero-banner-slide picture,.hero-banner-slide img{height:85vh}.hero-content-container{right:40px;left:40px;bottom:12%;max-width:500px}.hero-content-container h1{font-size:3rem}.hero-content-container p{font-size:1rem}}@media(max-width:768px){.hero-banner-slide picture,.hero-banner-slide img{height:100vh;object-fit:cover;object-position:center}.hero-content-container{left:24px;right:24px;bottom:80px;align-items:center;max-width:100%}.hero-content-container h1{font-size:2.2rem;text-align:center;margin-bottom:15px}.hero-content-container p{font-size:1rem;text-align:center;max-width:100%}.hero-content-container .button{width:220px;margin-top:24px}.hero-tab-indicator{width:100%;right:0;bottom:30px;justify-content:center}}@media(max-width:480px){.hero-banner-slide picture,.hero-banner-slide img{height:90vh}.hero-content-container h1{font-size:1.8rem}.hero-content-container p{font-size:.95rem}.hero-content-container .button{width:100%;max-width:240px}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/hero-banner.css.map */