.delay-100{transition-delay:.1s}.delay-200{transition-delay:.25s}.delay-300{transition-delay:.35s}section.video-banner{height:100svh;max-height:700px;padding:10px}.video-banner_wrapper{background:#000;border-radius:12px;height:100%;overflow:hidden;position:relative}div.content{align-items:flex-end;color:#fff;display:flex;height:100%;max-width:1000px;padding:0 15px;pointer-events:none;position:relative;z-index:20}div.content>*{pointer-events:auto}#text-content-wrapper{opacity:1;transform:translateY(0);transition:opacity .4s ease-in-out,transform .4s ease-in-out}.text-fade-out{opacity:0!important;transform:translateY(10px)!important}.slide,.slider-track{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.slide{opacity:0;transition:opacity .8s ease-in-out}.slide.active{opacity:1;z-index:1}.slide img{height:100%;object-fit:cover;width:100%}.slide:after{background:linear-gradient(0deg,rgba(0,0,0,.7) 0,rgba(0,0,0,.1) 50%,transparent);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.slider-btn{align-items:center;backdrop-filter:blur(5px);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:50%;color:#fff;cursor:pointer;display:flex;height:48px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:background .3s,transform .3s;width:48px;z-index:30}.slider-btn:hover{background:hsla(0,0%,100%,.3);transform:translateY(-50%) scale(1.1)}.prev-btn{left:20px}.next-btn{right:20px}.dots-container{bottom:30px;display:flex;flex-wrap:wrap;gap:10px;justify-content:start;left:50%;padding:0 20px;position:absolute;transform:translateX(-50%);width:100%;z-index:30}.dot-pill{backdrop-filter:blur(5px);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:30px;color:hsla(0,0%,100%,.7);cursor:pointer;font-size:12px;font-weight:500;padding:8px 24px;text-align:center;transition:all .3s ease;white-space:nowrap}.dot-pill:hover{background:hsla(0,0%,100%,.2);color:#fff}.dot-pill.active{background:hsla(0,0%,100%,.3);border-color:hsla(0,0%,100%,.6);box-shadow:0 4px 15px rgba(0,0,0,.2);color:#fff;transform:scale(1.05)}@media (min-width:992px){section.video-banner{padding:20px}div.content{padding:0 20px}.prev-btn{left:40px}.next-btn{right:40px}.dots-container{bottom:40px}}.nav-bar{display:none}