.hero-slider{width:100%;height:90vh;position:relative;overflow:hidden}.hero-slider .slider-content{background-position:50%;background-size:cover;width:100%;height:100%;position:relative}.hero-slider .overlay{color:#fff;background-color:#000000b3;width:50%;padding:20px;transition:transform 1s;position:absolute;bottom:0;left:0;transform:translateY(100%)}.hero-slider .overlay-visible{transform:translateY(0%)}.hero-slider .navigation{box-sizing:border-box;justify-content:space-between;width:100%;padding:0 20px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.hero-slider .prev-button,.hero-slider .next-button{color:#fff;cursor:pointer;background-color:#0000;border:none;font-size:24px}