/* CARD */
/* จัดการอัตราส่วน 16:9 สำหรับวิดีโอ */
.video-wrapper {position: relative; width: 100%; background-color: #000; padding-bottom: 56.25%; /* 16:9 ratio (9/16 = 0.5625) */}
.video-wrapper video {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff;}
.card-wrapper.hidden {display: none;}
.card-body {padding: 0;}
.card {border: none;}


/* Module Videos */
/* Pagination */
.swiper-slide.hidden {display: none;}
.videosSwiper .videos-line-left {border-left: 1px dotted #ccc;}
.videosSwiper .swiper-horizontal > .swiper-pagination-bullets,
.videosSwiper .swiper-pagination-bullets.swiper-pagination-horizontal,
.videosSwiper .swiper-pagination-custom,
.videosSwiper .swiper-pagination-fraction {display: contents;}
.videosSwiper .swiper-pagination-bullet {background: rgba(0, 0, 0, 0.5); opacity: 1; transition: width 0.3s, background 0.3s;}
.videosSwiper .swiper-pagination-bullet-active {width: 30px; border-radius: 10px; background: #026ae6;}
.videos-more {font-size: 20px; margin-top: 2px;}