.banner-slider-wrapper{width:100%;height:600px}.banner-slider{transition:transform .5s ease;height:100%}.slide{height:100%}.slide-overlay{top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5)}.slide-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.buttons{margin-top:20px}.buttons .btn{padding:10px 20px;margin:0 5px;background:#f76b1c;color:#fff;text-decoration:none;border-radius:5px}.buttons .btn.darkgrey{background:#555}.navigation{position:absolute;bottom:20px;width:100%;text-align:center}.navigation button{padding:10px 20px;margin:0 10px;background:#f76b1c;color:#fff;border:none;cursor:pointer;border-radius:5px}.banner-slider-wrapper{position:relative;overflow:hidden}.banner-slider{display:flex;transition:transform .5s ease-in-out}.slide{min-width:100%;background-size:cover;background-position:50%;position:relative}.slide-overlay{position:absolute;inset:0;background:rgba(0,0,0,.4)}.slide-content{color:#fff;padding:30px;position:relative;z-index:2}.slider-container{position:relative;overflow:hidden}.slider-arrow{position:absolute;top:50%;z-index:10;font-size:2rem;background:rgba(0,0,0,.4);color:#fff;border:none;padding:10px 15px;cursor:pointer;transform:translateY(-50%);transition:background .3s;border-radius:50%}.slider-arrow:hover{background:rgba(0,0,0,.6)}.left-arrow{left:20px}.right-arrow{right:20px}