.videos-container{width:100%;font-family:var(--font-sf-pro), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;background-color:#f8fafc}.videos-hero{background:url(/images/newsPage/videos/banner.png) 50%/cover no-repeat;justify-content:flex-start;align-items:center;height:450px;display:flex;position:relative}.hero-overlay{opacity:.8;z-index:1;background:linear-gradient(90deg,#004787 0%,#00396c 50%,#00000040 100%);width:100%;height:100%;position:absolute;top:0;left:0}.hero-content{z-index:2;text-align:left;color:#fff;width:100%;max-width:1200px;margin:0 auto;padding:0;position:relative}.hero-content h1{text-transform:uppercase;text-shadow:0 2px 8px #0003;letter-spacing:.5px;margin:0 0 4px;font-size:45px;font-weight:600;line-height:86px}.hero-content p{color:#e5e2e1;margin:0;font-size:20px;font-weight:400;line-height:40px}.videos-content-wrapper{max-width:1200px;margin:0 auto;padding:35px 20px 80px}.vi-section-header{text-align:center;margin-bottom:50px}.vi-section-title{margin-bottom:12px;font-size:32px;font-weight:600}.text-blue{color:#005baa}.text-red{color:#c4161c}.vi-section-underline{background:linear-gradient(90deg,#005baa 0%,#c4161c 100%);border-radius:5px;width:100px;height:2.5px;margin:0 auto 16px}.featured-video-wrapper{background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;grid-template-columns:1.5fr 1fr;margin-bottom:60px;display:grid;overflow:hidden;box-shadow:0 10px 40px #00000014}.video-player-container{width:100%;padding-top:56.25%;position:relative;transform:translate(0,0)}.video-player-container iframe{z-index:2;width:100%;height:100%;position:absolute;top:0;left:0;pointer-events:auto!important}.featured-video-info{background-color:#fff;flex-direction:column;justify-content:center;padding:40px;display:flex}.featured-video-info .badge{color:#fff;letter-spacing:.5px;background-color:#c4161c;border-radius:50px;width:fit-content;margin-bottom:16px;padding:4px 12px;font-size:11px;font-weight:700}.featured-video-info h3{color:#1e293b;margin-bottom:16px;font-size:22px;font-weight:700;line-height:1.4}.featured-video-info p{color:#64748b;font-size:15px;line-height:1.6}.videos-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:30px;display:grid}.video-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;text-decoration:none;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden;box-shadow:0 4px 20px #0000000d}.video-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #005baa1a}.video-thumbnail-wrapper{cursor:pointer;background-color:#f1f5f9;height:200px;position:relative;overflow:hidden}.video-thumbnail-wrapper img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.video-card:hover .video-thumbnail-wrapper img{transform:scale(1.05)}.video-duration{color:#fff;background-color:#000000bf;border-radius:4px;padding:2px 8px;font-size:12px;font-weight:600;position:absolute;bottom:12px;right:12px}.play-button-overlay{opacity:.85;transition:transform .3s,opacity .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-card:hover .play-button-overlay{opacity:1;transform:translate(-50%,-50%)scale(1.1)}.video-card-body{flex-direction:column;flex-grow:1;padding:20px;display:flex}.video-card-title{color:#1e293b;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex-grow:1;margin-bottom:16px;font-size:16px;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.watch-now-btn{color:#005baa;width:fit-content;font-size:14px;font-weight:700;text-decoration:none;transition:color .2s}.watch-now-btn:hover{color:#c4161c}@media (max-width:992px){.featured-video-wrapper{grid-template-columns:1fr}.featured-video-info{padding:30px}}@media (max-width:768px){.videos-hero{height:250px}.hero-content{padding:0 20px}.hero-logo{width:70px;height:70px;margin-bottom:12px}.hero-content h1{margin:0 0 6px;font-size:22px;line-height:36px}.hero-content p{color:#e5e2e1;font-size:12px;line-height:22px}.videos-content-wrapper{padding:40px 15px}.videos-grid{grid-template-columns:1fr}}.videos-search-filter-section{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:24px;margin-bottom:40px;padding:24px;display:flex;box-shadow:0 4px 20px #00000005}.video-search-form{width:100%}.search-input-wrapper{background-color:#fff;border:2px solid #e2e8f0;border-radius:8px;width:100%;transition:border-color .3s;display:flex;overflow:hidden}.search-input-wrapper:focus-within{border-color:#005baa}.search-input-wrapper input{color:#1e293b;border:none;outline:none;flex-grow:1;padding:14px 20px;font-size:15px}.search-submit-btn{color:#fff;cursor:pointer;background-color:#005baa;border:none;align-items:center;gap:8px;padding:0 24px;font-size:15px;font-weight:600;transition:background-color .2s;display:flex}.search-submit-btn:hover{background-color:#004580}.back-to-videos-wrapper{justify-content:flex-end;display:flex}.back-to-videos-btn{color:#005baa;cursor:pointer;background:0 0;border:1px solid #005baa;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .2s}.back-to-videos-btn:hover{color:#fff;background-color:#005baa}.video-category-tabs{flex-wrap:wrap;gap:10px;display:flex}.category-tab-btn{color:#64748b;cursor:pointer;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:50px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s}.category-tab-btn:hover{color:#1e293b;background-color:#e2e8f0}.category-tab-btn.active{color:#fff;background-color:#c4161c;border-color:#c4161c}.video-card{cursor:pointer}.video-card-date{color:#94a3b8;margin-bottom:8px;font-size:12px;display:block}.video-card-desc{color:#64748b;line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;height:58px;margin:0;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.featured-video-wrapper .video-player-container{cursor:pointer}.video-play-overlay{z-index:1;pointer-events:none;background:#0003;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:absolute;top:0;left:0}@media (hover:hover) and (pointer:fine){.featured-video-wrapper:hover .video-play-overlay{display:flex}}.featured-video-wrapper:hover .large-play-btn{transform:scale(1.1)}.featured-video-info h3{cursor:pointer;transition:color .2s}.featured-video-info h3:hover{color:#005baa}.video-meta-date{color:#94a3b8;margin-bottom:16px;font-size:13px;display:block}.watch-detail-btn{color:#fff;cursor:pointer;background-color:#005baa;border:none;border-radius:8px;width:fit-content;margin-top:16px;padding:12px 24px;font-size:14px;font-weight:600;transition:background-color .2s}.watch-detail-btn:hover{background-color:#004580}.search-count-text{color:#64748b;margin-top:8px;font-size:15px}.no-results-found{text-align:center;background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-top:20px;padding:60px 20px}.no-results-found svg{margin:0 auto 20px;display:block}.no-results-found p{color:#1e293b;margin-bottom:8px;font-size:18px;font-weight:600}.no-results-found span{color:#64748b;margin-bottom:24px;font-size:14px;display:block}.video-detail-layout{grid-template-columns:2.2fr 1fr;gap:30px;margin-top:20px;display:grid}.video-detail-main{background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;transform:translate(0,0);box-shadow:0 4px 20px #00000005}.large-player{border-radius:16px 16px 0 0;overflow:hidden}.video-detail-info{padding:30px}.category-tag{color:#005baa;text-transform:uppercase;background-color:#005baa1a;border-radius:4px;margin-bottom:14px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-block}.video-detail-info h2{color:#1e293b;margin-bottom:16px;font-size:24px;font-weight:700;line-height:1.4}.video-meta-row{border-bottom:1px solid #f1f5f9;gap:24px;margin-bottom:24px;padding-bottom:16px;display:flex}.video-detail-date,.video-detail-duration{color:#64748b;align-items:center;gap:6px;font-size:14px;display:flex}.video-detail-date svg,.video-detail-duration svg{opacity:.7}.video-detail-desc h4{color:#1e293b;margin-bottom:10px;font-size:16px;font-weight:700}.video-detail-desc p{color:#475569;font-size:15px;line-height:1.6}.video-detail-sidebar{background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;height:fit-content;padding:24px;box-shadow:0 4px 20px #00000005}.sidebar-title{color:#1e293b;letter-spacing:.5px;margin-bottom:12px;font-size:18px;font-weight:700}.sidebar-underline{background-color:#c4161c;border-radius:2px;width:50px;height:3px;margin-bottom:20px}.related-videos-list{flex-direction:column;gap:20px;display:flex}.related-video-item{cursor:pointer;border-radius:8px;gap:12px;padding:6px;transition:background-color .2s;display:flex}.related-video-item:hover{background-color:#f8fafc}.related-thumbnail-wrapper{background-color:#f1f5f9;border-radius:6px;flex-shrink:0;width:120px;height:75px;position:relative;overflow:hidden}.related-thumbnail-wrapper img{object-fit:cover;width:100%;height:100%}.related-duration{color:#fff;background-color:#000c;border-radius:2px;padding:1px 4px;font-size:11px;font-weight:600;position:absolute;bottom:4px;right:4px}.related-info{flex-direction:column;justify-content:space-between;display:flex}.related-title{color:#1e293b;line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:15px;font-weight:600;line-height:1.2;display:-webkit-box;overflow:hidden}.related-date{color:#94a3b8;font-size:13px}.no-related-videos,.no-video-found-wrapper{color:#64748b;text-align:center;font-size:14px}.loading-container{color:#005baa;justify-content:center;align-items:center;min-height:50vh;font-size:18px;font-weight:600;display:flex}@media (max-width:992px){.video-detail-layout{grid-template-columns:1fr}.video-play-overlay{display:none!important}}@media (max-width:768px){.videos-search-filter-section{padding:16px}.search-input-wrapper input{padding:10px 14px;font-size:14px}.search-submit-btn{padding:0 16px}.category-tab-btn{padding:8px 16px;font-size:13px}.video-detail-info{padding:20px}.video-detail-info h2{font-size:20px}.video-meta-row{flex-direction:column;gap:10px}}@keyframes videosFadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.fade-in-section{animation:.5s cubic-bezier(.25,.46,.45,.94) forwards videosFadeIn}