.video-marquee-section{

padding:70px 0;

overflow:hidden;

background:#fff;

}

.video-marquee{

width:100%;

overflow:hidden;

position:relative;

margin-top:30px;

}

.video-track{
    display:flex;
    gap:20px;
    width:max-content;
    will-change:transform;
}



.video-card{

pointer-events: none;

flex:0 0 auto;

width:220px;

height:390px;

border-radius:20px;

overflow:hidden;

background:#eee;

box-shadow:0 8px 30px rgba(0,0,0,.12);

transition:.35s;

}

.video-card:hover{

transform:translateY(-8px);

}

.video-card video{

width:100%;

height:100%;

object-fit:cover;

display:block;

 pointer-events: none;

 touch-action: none;

 -webkit-user-select: none;

 user-select: none;

}

.video-card,
.video-card video{

pointer-events:none;

user-select:none;

-webkit-user-select:none;

touch-action:none;

}



@media(max-width:768px){

.video-card{

width:170px;

height:300px;

}

.video-track{

gap:14px;

animation-duration:22s;

}

}

@media(max-width:480px){

.video-card{

width:145px;

height:260px;

}

.video-track{

animation-duration:18s;

}

}