body{margin:0}.container-1{display:flex;flex-wrap:wrap}.video-section{flex:1 1 100%;display:flex;align-items:center;justify-content:center;padding:10px}.video-section video{max-width:100%;max-height:100%;border-radius:1rem;border:12px solid #fff}.thumbnail-section{flex:1 1 100%;padding:10px;overflow-y:auto}.thumbnail{position:relative;display:inline-block;cursor:pointer;width:100%;height:120px;overflow:hidden;border-radius:8px;background:#fff;padding:.4rem;margin-bottom:10px}.thumbnail-img{width:100%;height:100%;object-fit:cover;display:block}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.8));display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;text-align:center;opacity:0;transition:opacity .3s ease-in-out}@media(max-width: 1024px){.overlay{opacity:1}}.thumbnail:hover .overlay{opacity:1}.play-icon{font-size:24px;margin-bottom:5px;background:var(--primary-color);border-radius:60%;padding:3%}.caption{font-size:14px;font-weight:500}.video_container{background-image:url("../../../../theme/v1/image/video_background.png");background-position:bottom;background-repeat:no-repeat;background-size:100%;width:100%}.video_container .container{background:#143f90;padding:1rem;border-radius:1rem}@media(min-width: 768px){.container-1{flex-wrap:nowrap}.video-section{flex:4}.thumbnail-section{flex:1}.thumbnail{width:auto;height:120px}.play-icon{font-size:25px}.caption{font-size:10px}}@media(max-width: 576px){.thumbnail{height:100px}.play-icon{font-size:40px}.caption{font-size:20px}}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:0;cursor:auto;pointer-events:none}.swiper{width:100%;padding:10px 0}.swiper-slide{display:flex;flex-direction:column;align-items:center}.thumbnail-img{width:100%;height:auto;border-radius:8px}@media(max-width: 568px){.thumbnail-img{width:auto}}.overlay{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center;color:#fff}.swiper-button-next::after,.swiper-button-prev::after{font-family:swiper-icons;font-size:20px;color:#000}.swiper-button-next,.swiper-button-prev{opacity:1;visibility:visible;z-index:10}.swiper-button-next{right:10px}.swiper-button-prev{left:10px}.swiper-button-next::after,.swiper-button-prev::after{font-size:18px;color:#fff}.swiper-button-next::after,.swiper-button-prev::after{font-family:"swiper-icons";font-size:24px;color:#000;content:""}.swiper-button-next::after,.swiper-button-prev::after{content:"";display:block;font-family:swiper-icons;font-size:20px;color:#000}.thumbnail-section{display:flex;flex-direction:column;gap:10px;max-height:100vh;overflow-y:auto}.thumbnail{width:100%;height:auto}@media(max-width: 768px){.thumbnail-section{display:none}.swiper{display:block}}@media(min-width: 768px){.swiper{display:none}}.swiper-button-next::before{font-family:"swiper-icons";font-size:24px;color:#000;content:"→";background:rgba(255,255,255,.6);padding:5px 10px}.swiper-button-prev::before{font-family:"swiper-icons";font-size:24px;color:#000;content:"←";background:rgba(255,255,255,.6);padding:5px 10px}