.video-with-content{padding-top:var(--padding-top-desktop);padding-bottom:var(--padding-bottom-desktop);background:var(--background-color)}.video-with-content-header h2.heading{margin:0;text-align:center;font-size:var(--heading-size-desktop);line-height:1.3;color:var(--heading-color);font-family:Raleway-bold}.video-with-content-header h2.heading strong{color:var(--heading-bold-color)}.video-with-content-header+.video-with-content-body{max-width:960px;margin:50px auto 0}.video-with-content-slider{padding:0 30px}.video-with-content-slider ul{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(5,1fr);gap:20px}.video-with-content-slider.swiper-initialized ul{display:flex;gap:0}.video-with-content-slider.swiper-initialized ul li.swiper-slide{width:300px}.video-with-content-slider .video-relative{padding-top:144%;position:relative}.video-with-content-slider .video-relative video{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;object-fit:cover}.video-with-content-wrapper .video-content{background:#fff;padding:9px 15px;position:absolute;left:10px;bottom:10px;border-radius:10px}.video-with-content-wrapper .icon{width:24px;margin:0 auto 5px}.video-with-content-wrapper .video-content .short-note{font-size:14px;line-height:1.4;text-align:center;color:#ff546e;font-weight:400;letter-spacing:0}.video-with-content-wrapper .video-content .short-note p{margin:0}.video-with-content-wrapper{border-radius:13px;overflow:hidden}.video-with-content-slider .video-relative .play-btn{width:40px;height:40px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);cursor:pointer}.video-with-content-slider .video-relative .play-btn svg{display:block;width:100%;height:100%}.video-with-content-navigation{padding-top:50px;display:flex;align-items:center;justify-content:center;gap:20px}.video-with-content-navigation .swiper-button-prev,.video-with-content-navigation .swiper-button-next{position:unset;height:35px;width:35px;border-radius:30px;margin:0}.video-with-content-navigation .swiper-button-prev,.video-with-content-navigation .swiper-button-next{height:35px;width:35px;display:block}.video-with-content-navigation .swiper-button-prev:after,.video-with-content-navigation .swiper-button-next:after{content:none}.video-with-content-slider .video-with-content-navigation .swiper-pagination{position:unset;transform:unset;display:flex;align-items:center;justify-content:center;gap:5px;width:fit-content}.video-with-content-slider .video-with-content-navigation .swiper-pagination span.swiper-pagination-bullet{opacity:1;margin:0;width:13px;height:13px;background:#71717180;transform:unset;position:unset;transition:all .5s ease}.video-with-content-slider .video-with-content-navigation .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active{width:17px;height:17px;background:#ff546e;transition:all .5s ease}.video-media-wrap.play-video .play-btn{display:none}.video-with-content-wrapper .icon img,.video-with-content-wrapper .icon svg{width:100%;height:100%;display:block}@media (max-width:1024px){.video-with-content-slider.swiper-initialized ul li.swiper-slide{width:234px}.video-with-content-slider .video-relative .play-btn{width:39px;height:39px}.video-with-content-wrapper .video-content .short-note{font-size:13px}.video-with-content-wrapper .icon{width:20px;margin:0 auto 5px}.video-with-content-wrapper .video-content{padding:12px}}@media (max-width:749px){.video-with-content{padding-top:var(--padding-top-mobile);padding-bottom:var(--padding-bottom-mobile)}.video-with-content-header h2.heading{font-size:var(--heading-size-mobile)}.video-with-content-header+.video-with-content-body{margin-top:30px}.video-with-content-navigation{padding-top:30px;gap:15px}.video-with-content-slider .video-with-content-navigation .swiper-pagination span.swiper-pagination-bullet{width:9px;height:9px}.video-with-content-slider .video-with-content-navigation .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active{width:13px;height:13px}.video-with-content-slider .video-with-content-navigation .swiper-pagination{gap:3px}.video-with-content-navigation .swiper-button-prev,.video-with-content-navigation .swiper-button-next{height:25px;width:25px}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/video-slider.css.map */