.hero-section{background:#0a0a0f}.hero-slider{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0a0a0f;z-index:1}.slider-item{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:0;transition:opacity 1.5s ease-in-out;z-index:1;will-change:opacity}.slider-item.active{opacity:1!important;z-index:2}.hero-overlay{z-index:5}.hero-float{z-index:6}