img,video{height:100%;width:100%;object-fit:cover}.natty_hero{width:100%;height:100svh;position:relative}.hero-section{width:100%;display:flex;position:fixed;top:0;left:0}.main-hero{height:100vh;width:100%;top:0;left:0;overflow:hidden}.desktop-media{display:block}.mobile-media{display:none}.cust-slider-box{display:flex;scroll-snap-type:x mandatory;overflow-x:scroll;height:100%;width:100%;scrollbar-width:none;-ms-overflow-style:none}.cust-slider-box::-webkit-scrollbar{display:none}.cust-slider-box .slide{flex:0 0 100%;scroll-snap-align:start;height:100%;position:relative}.cust-slider-box .slide img{height:100%;width:100%;object-fit:cover}.hero-counter-box{position:absolute;bottom:3%;left:50%;z-index:2;transform:translate(-50%)}.hero-counter-box ul{display:flex;gap:1vw;list-style:none}.hero-counter-box ul li{height:11px;width:11px;background-color:#dbdbdb;border-radius:50px;transition:all .3s ease;cursor:pointer;opacity:.5;position:relative}.hero-counter-box ul li.active{background-color:#c2c2c2;opacity:1}.hero-counter-box ul li.active:after{content:"";position:absolute;top:50%;left:0;width:100%;height:100%;background-color:#fff;border-radius:1rem;margin-left:8%;transform:translateY(-50%);z-index:0;transition:all .3s ease}.hero-content{width:100%;padding:0 2%;display:flex;justify-content:center;position:absolute;bottom:8vw;color:#fff}.hero-content .hero-left{width:20%;display:flex;flex-direction:column;align-items:center}.hero-left h1{font-size:1.8vw;font-family:natty-custom-fonts;color:#fff;line-height:1;text-transform:uppercase;margin:0}.hero-left p{font-size:1vw;font-family:Inter-Regular;opacity:80%;display:flex;justify-content:end;width:100%;line-height:1;padding-bottom:.4VW;font-weight:900}.hero-left a{font-family:Inter-Regular;font-size:.85vw;color:#fff;text-decoration:underline;padding-top:.5vw}.hero_datetime{width:20%;height:5vw;padding:.7vw 1vw;display:flex;flex-direction:column;justify-content:center;align-items:end}.hero_datetime #date,.hero_datetime #time{color:#fff;opacity:50%;font-size:.6vw;font-family:Neue-Haas-Grotesk-Roman;line-height:1}@media screen and (max-width:950px){.desktop-media{display:none}.mobile-media{display:block}.main-hero,.natty_hero{height:180vw}.hero-section .hero-content{bottom:23%;padding-right:3%}.hero-section .hero-content .hero-left{width:100%}.hero-section .hero-content .hero-left h1{font-size:26px;padding:0 8% 8%;line-height:1}.hero-section .hero-content .hero-left p{width:73%;padding-bottom:2%;font-size:12px}.hero-section .hero-content .hero-left a{font-size:12px;line-height:1;padding-top:0}.hero-counter-box ul{gap:2.5vw}.hero-counter-box ul li{height:10px;width:10px}}
/*# sourceMappingURL=/cdn/shop/t/66/assets/cust-new-hero.css.map */