.slider{padding:0 5px;border-radius:30px 30px 0 0;width:100%;height:75vh;position:relative;overflow:hidden;margin:auto}.slide{position:absolute;top:0;left:0;opacity:0;transform:translateX(-50%);transition:all .5s ease}.slide,.slide img{width:100%;height:100%}.slide img{-o-object-fit:cover;object-fit:cover}.content{font-family:charter,Georgia,Cambria,times new roman,Times,serif;cursor:pointer;position:absolute;top:23rem;right:5rem;opacity:0;width:33%;padding:1rem;background:rgba(0,0,0,.5);animation:slide-up 1s ease .5s;animation-fill-mode:forwards}@keyframes slide-up{0%{visibility:visible;top:23rem}to{visibility:visible;top:15rem}}@media screen and (max-width:600px){.content{width:70%}}.content>*{color:#fff;margin-bottom:1rem}.current{transform:translateX(0)}.current,.current .content{opacity:1}.arrow{top:45%;border:2px solid #fff;border-radius:50%;background-color:rgba(0,0,0,0);background-color:#777;color:#fff;width:2rem;height:2rem;cursor:pointer;position:absolute;z-index:999}.arrow:hover{background:#fff;color:#777}.next{right:1.5rem}.prev{left:1.5rem}hr{height:2px;background:#fff;width:50%}#theButton{background-color:red;padding:20px}#theButton:hover,.--btn{cursor:pointer}.--btn{font-size:1.6rem;font-weight:400;padding:6px 8px;margin:0 5px 0 0;border:1px solid rgba(0,0,0,0);border-radius:3px;display:flex;justify-content:center;align-items:center;transition:all .3s}.--btn:hover{transform:translateY(-2px)}.--btn-lg{padding:8px 10px}.--btn-block{width:100%}.--btn-primary{color:#fff;background:#007bff}.--btn-secondary{color:#fff;border:1px solid #fff;background:rgba(0,0,0,0)}.--btn-danger{color:#fff;background:#ff4500}.--btn-success{color:#fff;background:#28a745}