.video-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:15px;padding:10px;display:grid}.video-card{cursor:pointer;border-radius:10px;position:relative;overflow:hidden}.video-thumbnail{border-radius:10px;width:100%;height:245px;transition:transform .3s}.video-card:hover .video-thumbnail{transform:scale(1.05)}.play-button{color:#fff;background:#ff6600e6;border-radius:50%;width:57px;height:57px;padding:12px;font-size:18px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-year{background:#000000b3;border-radius:18px;padding:5px 10px;position:absolute;bottom:10px;left:10px;color:#fff!important}.video-container{justify-content:center;align-items:center;width:100%;max-width:800px;height:300px;margin:auto;display:flex}.closebtn{width:30px;height:30px}.container-video-popup{height:500px!important}