.custom-slider-container{position:relative;width:100%;height:550px;overflow:hidden;background-color:#111}.custom-slides-track{position:relative;width:100%;height:100%}.custom-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:opacity .8s ease-in-out,visibility .8s ease-in-out;display:flex;align-items:center}.custom-slide.active{opacity:1;visibility:visible;z-index:2}.custom-slide-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.custom-slide-bg img{width:100%;height:100%;object-fit:cover}.custom-slide-bg .mobile-image{display:none}.custom-slide-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;z-index:2}.custom-slide-content{position:relative;z-index:3;width:100%;max-width:1200px;margin:0 auto;padding:0 2rem;color:#fff}.custom-slide-content-inner{max-width:600px}.align-left{text-align:left}.align-center{text-align:center;margin:0 auto}.align-right{text-align:right;margin-left:auto}.custom-slide-subheading{display:inline-block;font-size:1.1rem;font-weight:600;text-transform:uppercase;letter-spacing:2px;margin-bottom:10px;color:#f90}.custom-slide-title{font-size:3rem;font-weight:800;line-height:1.2;margin-bottom:15px;color:#fff}.custom-slide-desc{font-size:1.1rem;margin-bottom:25px;color:#f1f1f1}.custom-slide-btn{display:inline-block;background-color:#f90;color:#111;padding:12px 28px;font-weight:700;text-decoration:none;border-radius:4px;transition:background .3s ease}.custom-slide-btn:hover{background-color:#e68a00;color:#000}.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);background:#0006;color:#fff;border:none;font-size:1.5rem;padding:10px 15px;cursor:pointer;z-index:10;transition:background .3s;border-radius:4px}.slider-arrow:hover{background:#000c}.slider-prev{left:20px}.slider-next{right:20px}.slider-dots{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:10}.slider-dot{width:12px;height:12px;border-radius:50%;border:2px solid #fff;background:transparent;cursor:pointer;padding:0;transition:background .3s}.slider-dot.active{background:#f90;border-color:#f90}@media screen and (max-width:768px){.custom-slider-container{height:480px}.custom-slide-bg .desktop-image{display:none}.custom-slide-bg .mobile-image{display:block}.custom-slide-title{font-size:2rem}.slider-arrow{display:none}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/section-custom-hero-slider.css.map */