.video-with-image .video-button{border:none;background:none;cursor:pointer;padding:0;display:inline-block;margin-left:auto}.video-with-image .video-button img{width:200px;height:auto;border-radius:10px;transition:transform .3s}.video-with-image .video-button img:hover{transform:scale(1.05)}.video-with-image .modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;justify-content:center;align-items:center;z-index:1000}.video-with-image .modal-content{background-color:#fff;padding:20px;border-radius:10px;max-width:1000px;width:90%;position:relative}.video-with-image .close{position:absolute;top:-10px;right:-10px;font-size:20px;cursor:pointer;color:#000;background-color:#fff;width:24px;height:24px;border-radius:100%;line-height:20px;text-align:center}.video-with-image .video-container{display:flex;flex-direction:column;gap:20px}.video-with-image video{width:100%;border-radius:5px}.video_cover_image,.video_cover_image img{height:100%}.video-with-image .video-modal-section .video_inner_text{position:absolute;bottom:0;padding:20px 34px 20px 40px;right:0;left:0;display:flex;align-items:center;justify-content:space-between;gap:10px}.background-image-area .video_btn{position:absolute;bottom:0;padding:35px 40px;right:0;left:0}.video_btn h4{margin:0}.video-with-image .video_btn a,.background-image-area .video_btn a{display:flex;align-items:center;font-size:18px;gap:15px;text-transform:uppercase;font-weight:700}.background-image-area .video_btn .video_richtext{max-width:570px;line-height:1.2;font-weight:500;padding-top:10px}.video_heading{padding-bottom:16px;padding-left:37px}.video-with-image img{object-fit:cover}.video-button svg{color:var(--color-foreground)}.video_heading h1,.video_heading h2,.video_heading h3,.video_heading h4,.video_heading h5,.video_heading h6{text-transform:uppercase;color:var(--color-foreground-heading);font-size:20px}.video_swiper.swiper,.video_swiper.swiper .swiper-wrapper{height:auto}.video_swiper.swiper .video_block{height:100%}.video_swiper.swiper .swiper-wrapper{align-items:stretch}.video-with-image .background-image-area,.video-with-image .video-modal-section .video_cover_image{position:relative;padding-top:125%}.video-with-image .background-image-area img,.video-with-image .video-modal-section .video_cover_image img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.section__video-with-image .video_swiper{padding:0 24px}@media (min-width:768px){.section__video-with-image .video_swiper{padding:0 40px}.video-with-image .video-button svg{width:60px;height:60px}.video_heading{padding-bottom:30px}.video_heading h1,.video_heading h2,.video_heading h3,.video_heading h4,.video_heading h5,.video_heading h6{font-size:30px}.video-with-image{gap:9px}.video-with-image .video_block{flex:1;border-radius:8px;overflow:hidden}}@media (max-width:767px){.video-with-image .video-button svg{width:45px;height:45px}.video-with-image .video-modal-section .video_inner_text{padding:20px}.video-with-image .video_btn h4{font-size:20px}.video-with-image .video_richtext p{font-size:14px}.background-image-area .video_btn{padding:20px}.video_heading h2{font-size:20px}.section__video-with-image .section{display:block}.section__video-with-image .video_swiper{padding:0 24px}.section__video-with-image .video_heading{padding-left:24px;padding-right:24px}.video-with-image img{border-radius:8px}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-video-with-image.css.map */