*{box-sizing:border-box;margin:0;padding:0}body{font-family:Arial,sans-serif;background-color:#f2f2f2;overflow:hidden}.container{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;position:relative}.slider{width:100%;height:100%;display:flex;overflow:hidden;align-items:center;justify-content:center}.slide{min-width:100%;transition:transform .5s ease-in-out;display:none;justify-content:center;align-items:center}.slide.active{display:flex}.slide img{width:100%;height:auto;max-height:100vh;object-fit:contain;border-radius:10px}.video-container{position:relative;width:100%;padding-top:56.25%}.video-container iframe{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;object-fit:contain;border-radius:10px}.prev,.next{position:absolute;top:50%;transform:translateY(-50%);z-index:1;background-color:rgba(0,0,0,.5);color:#fff;border:none;padding:10px;cursor:pointer;border-radius:50%;width:50px;height:50px;display:flex;justify-content:center;align-items:center;transition:background-color .3s,transform .3s}.prev{left:20px}.next{right:20px}.prev:hover,.next:hover{background-color:rgba(0,0,0,.8);transform:scale(1.1)}@media(max-width:768px){.slide img,.slide .video-container{max-width:100%}.prev,.next{width:40px;height:40px;padding:8px}}@media(max-width:480px){.slide img,.slide .video-container{max-width:100%}.prev,.next{width:30px;height:30px;padding:6px}}