.videos-page-container{width:85%;padding:20px;margin:0 auto}.videos-page-main{width:100%;display:flex;flex-direction:column;gap:40px}.video-page-title{display:flex;flex-direction:column;gap:16px;text-align:left;width:100%}.video-title-head{font-weight:500;font-size:36px;line-height:1.2;color:#fff;margin:0}.video-sub-title-head{font-weight:400;font-size:16px;line-height:1.5;color:#e4e4e4;margin:0}.video-page-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;width:100%}.loading-container,.no-videos-container{display:flex;justify-content:center;align-items:center;min-height:200px}.loading,.no-videos{color:#fff;font-size:18px}@media(max-width:1024px){.videos-page-container{padding:16px}.video-title-head{font-size:32px}.video-page-grid{gap:20px}}@media(max-width:768px){.vdo-card{height:auto}.video-title-head{font-size:28px}.video-sub-title-head{font-size:15px}.video-page-grid{grid-template-columns:1fr;gap:16px}}@media(max-width:480px){.videos-page-container{padding:12px}.video-title-head{font-size:24px}.video-sub-title-head{font-size:14px}.loading,.no-videos{font-size:16px}}.vdo-card{position:relative;border-radius:8px;width:100%;height:100%;height:310px}.vdo-img{width:100%;height:100%;position:absolute;top:0;left:0;border-radius:8px;z-index:-1;object-fit:cover;object-position:center}.vdo-card-content{width:100%;height:100%;display:flex;flex-direction:column;text-align:left;justify-content:space-between;padding:24px}.vdo-card-title{width:100%;max-width:252px;font-weight:600;font-size:18px;line-height:26px}.vdo-play-btn{width:fit-content;display:flex;align-items:center;justify-content:space-between;gap:10px;background:none;border:none;color:#fff;font-weight:500;font-size:16px;cursor:pointer}