@import "../components/hero-general.css";@import "../components/footer-map.css";.videos-archive-section{width:100%;height:auto;margin:100px auto;position:relative}.sec-videos-archive{width:100%;height:100%;position:relative}.videos-wrap-archive-card{grid-template-columns:repeat(4,1fr);gap:36px 20px;width:100%;display:grid}.video-card-cn{cursor:pointer;flex-direction:column;width:100%;display:flex;position:relative}.video-card-no-src{cursor:default}.vcn-cover{flex-direction:column;gap:14px;display:flex}.vcn-cover-image{aspect-ratio:16/9;background:#1b2f3a;border-radius:20px;flex-shrink:0;width:100%;position:relative;overflow:hidden}.vcn-cover-image>img{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .45s cubic-bezier(.4,0,.2,1);display:block}.video-card-cn:hover .vcn-cover-image>img{transform:scale(1.06)}.vcn-hover-overlay{pointer-events:none;z-index:1;background:0 0;transition:background .35s;position:absolute;inset:0}.video-card-cn:hover .vcn-hover-overlay{background:#142d3761}.vcn-no-thumbnail{background:linear-gradient(135deg,#253d45 0%,#4a6f7b 100%);flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;height:100%;display:flex}.vcn-no-thumbnail span{color:#fff9;font-size:13px;font-weight:400}.vcn-play-badge{z-index:2;transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-card-cn:hover .vcn-play-badge{transform:translate(-50%,-50%)scale(1.12)}.vcn-play-btn{-webkit-backdrop-filter:blur(10px);cursor:pointer;background:#4698b5d1;border:2.5px solid #ffffff59;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;margin:0;padding:0;line-height:0;transition:background .3s,box-shadow .3s;display:flex;box-shadow:0 6px 24px #00000059,0 0 0 6px #4698b52e}.vcn-play-btn:hover,.video-card-cn:hover .vcn-play-btn{background:#4698b5;box-shadow:0 8px 30px #4698b580,0 0 0 8px #4698b526}.vcn-play-btn svg{margin-right:-2px}.vcn-duration-badge{z-index:2;color:#fff;letter-spacing:.5px;direction:ltr;background:#000000b8;border-radius:8px;padding:3px 9px;font-family:Montserrat,monospace,sans-serif;font-size:12px;font-weight:600;line-height:1.6;position:absolute;bottom:10px;right:12px}.vcn-info{flex-direction:column;gap:6px;padding-inline:4px;display:flex}.vcn-title{color:#253d45;-webkit-line-clamp:2;text-overflow:ellipsis;text-align:right;text-align-last:right;-webkit-box-orient:vertical;min-height:56px;margin:0;font-size:clamp(14px,2.2vw,15px);font-weight:600;overflow:hidden;line-height:28px!important;display:-webkit-box!important}.vcn-player{background:#111820;border-radius:20px;flex-direction:column;gap:0;display:flex;overflow:hidden;box-shadow:0 8px 40px #00000040}.vcn-close-player{color:#ffffffbf;font-size:13px;font-family:var(--font-primary);cursor:pointer;text-align:right;background:#ffffff0f;border:none;align-items:center;gap:6px;padding:10px 16px;font-weight:500;transition:background .25s,color .25s;display:flex}.vcn-close-player:hover{color:#6eceb7;background:#4698b52e}.vcn-player-wrap{width:100%}.vcn-player-wrap .vcn-native-video{background:#000;width:100%;height:auto;display:block}.vcn-player-info{background:#1b2f3a;border-radius:0 0 20px 20px;padding:14px 16px}.vcn-player-info .vcn-title{color:#ffffffe0;min-height:auto;font-size:14px}.vcn-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:80px 20px;display:flex}.vcn-empty-state h3{color:#253d45;margin:0;font-size:20px;font-weight:700}.vcn-empty-state p{color:#4a6f7b;margin:0;font-size:15px;line-height:2}.vcn-empty-state img{opacity:.45}.videos-wrap-archive-pagination{text-align:center;justify-content:center;width:100%;height:auto;margin-top:56px;position:relative}.videos-wrap-archive-pagination .pagination-archive{justify-content:center;align-items:center;gap:28px;width:fit-content;max-width:100%;height:auto;display:flex}.videos-wrap-archive-pagination #paginationNumbers,.videos-wrap-archive-pagination #paginationNumbersMobile{justify-content:center;align-items:center;gap:28px;width:fit-content;height:auto;display:inline-flex}.videos-wrap-archive-pagination .archive-pagination-item{color:#253d45;font-size:20px;font-weight:600;font-family:var(--font-primary);letter-spacing:0;cursor:pointer;text-decoration:none;transition:color .3s}.videos-wrap-archive-pagination .archive-pagination-item:hover,.videos-wrap-archive-pagination .archive-pagination-item.active{color:#6eceb7}.videos-wrap-archive-pagination .dots{color:#4a6f7b;font-size:20px;font-weight:600;font-family:var(--font-primary);letter-spacing:1px;align-self:center}.videos-wrap-archive-pagination .pagination-archive-arrow{cursor:pointer;background:#6eceb733;border-radius:16px;justify-content:center;align-items:center;min-width:60px;min-height:60px;text-decoration:none;transition:background .25s;display:flex;overflow:hidden}.videos-wrap-archive-pagination .pagination-archive-arrow:hover{background:#6eceb750}.videos-wrap-archive-pagination .pagination-archive-arrow.disabled{opacity:.3;pointer-events:none;cursor:not-allowed}.videos-wrap-archive-pagination #paginationNumbers+.pagination-archive-arrow img,.videos-wrap-archive-pagination .pagination-archive-arrow:last-child img{transform:rotate(-90deg)}.videos-wrap-archive-pagination .pagination-archive-arrow:first-child img{transform:rotate(90deg)}@media screen and (width<=1280px){.videos-wrap-archive-card{grid-template-columns:repeat(3,1fr)}}@media screen and (width<=900px){.videos-wrap-archive-card{grid-template-columns:repeat(2,1fr);gap:28px 16px}.videos-archive-section{margin:150px auto;margin-top:0!important}}@media screen and (width<=768px){.videos-wrap-archive-card{grid-template-columns:repeat(2,1fr)}.vcn-play-btn{width:50px;height:50px}.vcn-play-btn svg{width:22px;height:22px}.videos-wrap-archive-pagination{margin-top:36px}.videos-wrap-archive-pagination .pagination-archive,.videos-wrap-archive-pagination #paginationNumbers,.videos-wrap-archive-pagination #paginationNumbersMobile{gap:18px}.videos-wrap-archive-pagination .archive-pagination-item{font-size:16px}.videos-wrap-archive-pagination .pagination-archive-arrow{min-width:52px;min-height:52px}}@media screen and (width<=576px){.videos-wrap-archive-card{grid-template-columns:repeat(1,1fr);row-gap:24px}.vcn-title{font-size:15px}.videos-wrap-archive-pagination .pagination-archive{gap:14px}.videos-wrap-archive-pagination #paginationNumbersMobile{gap:16px}.videos-wrap-archive-pagination .archive-pagination-item{font-size:15px}}