.vs-video-slider {
width: 100%;
padding: 20px 0;
}
.vs-video-slider .swiper-wrapper {
align-items: center;
}
.vs-video-slider .swiper-slide {
height: 520px;
max-width: 300px;
border-radius: 16px;
overflow: hidden;
position: relative;
cursor: pointer;
background: #000;
display: flex;
}
.vs-video-item {
width: 100%;
height: 100%;
position: relative;
border-radius: 16px;
overflow: hidden;
cursor: pointer;
background: #000;
}
.vs-video-thumb,
.vs-video-item iframe {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.vs-play-icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: rgba(255,255,255,0.9);
width: 56px;
height: 56px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 26px;
opacity: 0;
transition: .25s ease;
z-index: 5;
}
.vs-video-item:hover .vs-play-icon {
opacity: 1;
}
.vs-video-slider .swiper-button-next::after,
.vs-video-slider .swiper-button-prev::after {
color: #fff;     
font-size: 34px;  
}
.vs-video-slider .swiper-button-next:hover::after,
.vs-video-slider .swiper-button-prev:hover::after {
color: #fff;
}
@media(max-width: 768px){
.vs-video-slider .swiper-slide {
flex: 0 0 auto; width: auto; height: 390px;
}
.vs-video-thumb,
.vs-video-item iframe {
width: 100%;
height: 100%;
}
}