.video-source {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    background: #000;
}

.heading{

text-align:center;
margin-bottom:60px;

}

.heading span{

color:#ff9800;
letter-spacing:3px;
font-size:15px;

}

.heading h1{

font-size:55px;
margin:15px 0;

}

.heading p{

color:#bbb;
max-width:700px;
margin:auto;
line-height:1.8;

}

.filters{

display:flex;
justify-content:center;
gap:15px;
flex-wrap:wrap;
margin-bottom:50px;

}

.filters button{

padding:13px 28px;
border:none;
border-radius:40px;
background:#16202d;
color:white;
cursor:pointer;
transition:.4s;

}

.filters button:hover,
.filters button.active{

background:#ff9800;

}

.video-grid{

display:grid;
grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
gap:35px;

}

.video-card{

background:#121d29;
border-radius:18px;
overflow:hidden;
cursor:pointer;
transition:.4s;

}

.video-card:hover{

transform:translateY(-10px);

box-shadow:0 20px 40px rgba(0,0,0,.45);

}

.thumbnail{

position:relative;
overflow:hidden;

}

.thumbnail img{

width:100%;
height:240px;
object-fit:cover;
transition:.5s;

}

.video-card:hover img{

transform:scale(1.08);

}

.play-btn{

position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
width:75px;
height:75px;
border-radius:50%;
background:rgba(255,152,0,.9);

display:flex;
justify-content:center;
align-items:center;

font-size:28px;

transition:.4s;

}

.video-card:hover .play-btn{

transform:translate(-50%,-50%) scale(1.1);

}

.details{

padding:22px;

}

.details h3{

margin-bottom:8px;

}

.details p{

color:#aaa;

}

.popup{

position:fixed;
left:0;
top:0;
width:100%;
height:100%;
background:rgba(0,0,0,.9);

display:none;
justify-content:center;
align-items:center;

z-index:999;

}

.popup-content{

width:90%;
max-width:900px;
position:relative;

}

.popup video{

width:100%;
border-radius:12px;

}

.close{

position:absolute;
right:-15px;
top:-45px;

font-size:32px;
cursor:pointer;

}

@media(max-width:768px){

.heading h1{

font-size:36px;

}

.thumbnail img{

height:220px;

}

}