.video-viewer{font-family:Arial,sans-serif}#video-container{width:100%;border:0;margin:20px auto;position:relative;overflow:hidden;padding-top:calc(100% / 3);height:0}#video-container>video{display:none;position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}#video-container video.loaded{display:block}.video-viewer button{margin:5px;padding:8px 12px;font-size:14px;border:0;background-color:#007bff;color:white;border-radius:4px;cursor:pointer;transition:background-color .3s}.video-viewer button:hover{background-color:#0056b3}.video-viewer #button-block{text-align:center;margin:10px auto}.swiper{width:100%;max-width:100%;height:200px;background:#e8e8f8;margin:0 auto;position:relative;padding:0 50px!important}.swiper-wrapper{display:flex}.swiper-slide{flex:0 0 calc((100% - 40px) / 5);display:flex;justify-content:center;align-items:center}.swiper-slide img{width:150px;height:auto;border-radius:8px;cursor:pointer;object-fit:cover;box-shadow:0 4px 6px rgba(0,0,0,0.2);transition:transform .3s ease}.swiper-slide img:hover{transform:scale(1.1)}