.overlay-tab-with-content ul{margin:0;display:flex;align-items:center;justify-content:center;list-style-type:none;padding:0;gap:1rem}.custom_tabbing_head{position:sticky;top:0;height:auto;z-index:2}.overlay-tab-with-content ul a.tab-btn{font-size:16px;line-height:1.4;color:#444;text-decoration:none;padding:25px 0;display:block;font-weight:600;border-bottom:2px solid transparent;transition:all .5s ease}.overlay-tab-with-content ul a.tab-btn.is--actived{background:#fff;color:#000;border-radius:4px}.overlay-tab-with-content .overlay-tab{display:flex;align-items:center;justify-content:space-between}.overlay-content{margin-top:2rem}.add-to-cart-btn a{background:#000;color:#fff;text-decoration:none;font-weight:600;font-size:16px;line-height:1.4;border-radius:30px;padding:12px 26px;display:block;text-align:center}.overlay-content .content-info{padding-top:3rem;overflow:hidden}.content-info .youtube-with-text{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:4rem}.content-info .youtube-with-text .youtube--text,.content-info .youtube-with-text .youtube--video{flex:0 0 50%;max-width:50%}.content-info .youtube--text .metafield-rich_text_field{margin:0 15px}.content-info .youtube--video iframe{aspect-ratio:16 / 9;margin:0 15px;border-radius:16px;overflow:hidden;width:100%;display:block}.content-info .youtube--text .metafield-rich_text_field h2{font-size:32px;line-height:1.4;font-weight:600;text-transform:uppercase;margin:0 0 1rem}.content-info .youtube--text .metafield-rich_text_field p{font-size:18px;line-height:1.5;font-weight:500;color:#000}.content-info .key-features-slider{overflow:hidden;width:100%;position:relative;padding-bottom:3rem}.content-info .key-features .swiper-slide{width:33.33%}.content-info .key-features-item img{display:block;width:100%;height:100%;border-radius:8px}.content-info .key-content-wrapper{margin-top:2rem}.content-info .key-content-wrapper p{margin:0;font-size:14px;line-height:1.5;color:#111827}.content-info .key-content-wrapper p strong:first-child{font-size:24px;line-height:1.5}.content-info .swiper-button-prev,.content-info .swiper-button-next{display:none}.content-info .key-features-slider.swiper-container-initialized .swiper-button-prev,.content-info .key-features-slider.swiper-container-initialized .swiper-button-next{display:block;width:40px;height:40px;background-color:#0009;border-radius:50%;top:50%;background-size:24px 20px;z-index:2}.content-info .key-features,.content-info .banner-with-overlay-text,.content-info .youtube-video-popup{margin-bottom:4rem}.content-info .key-features-slider.swiper-container-initialized .swiper-button-prev{left:0;background-image:url(/cdn/shop/files/left-avgrepo-com_1.svg?v=1713271738)}.content-info .key-features-slider.swiper-container-initialized .swiper-button-next{right:0;background-image:url(/cdn/shop/files/right-2-svgrepo-com_1.svg?v=1713271738)}.content-info .key-features-slider.swiper-container-initialized .swiper-scrollbar{left:0;right:0;width:98%;margin:0 auto;border-radius:25px;z-index:2}.content-info .key-features-slider.swiper-container-initialized .swiper-scrollbar .swiper-scrollbar-drag{display:block;background:#000}.key-features h2.key-features-header,.youtube-video-popup h2.youtube-video-header{margin:0 0 3rem;font-size:32px;line-height:1.4;font-weight:600;text-transform:uppercase}.banner-with-overlay-text-rel{position:relative;border-radius:12px;overflow:hidden}.banner-with-overlay-text .banner-image-wrapper{width:100%;height:100%}.banner-with-overlay-text .banner-image-wrapper img{display:block;height:100%;width:100%;object-fit:fill}.banner-with-overlay-text .overlay-banner-text{position:absolute;top:50%;transform:translateY(-50%);left:10%;right:10%}.banner-with-overlay-text .overlay-banner-text-inner{width:100%;height:100%}.banner-with-overlay-text .overlay-banner-text-inner h3.heading{margin:0 0 5px;font-size:40px;line-height:1;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.5);color:#fff}.banner-with-overlay-text .overlay-banner-text-inner span.heading{font-size:20px;line-height:1.5;color:#fff;display:block;margin-bottom:20px}.banner-with-overlay-text .overlay-banner-text-inner a{background:#000;color:#fff;text-decoration:none;font-weight:600;font-size:16px;line-height:1.2;border-radius:30px;padding:12px 26px;display:block;text-align:center;width:fit-content}.content-info h2.main-heading{margin:0 0 3rem;font-size:32px;line-height:1.4;font-weight:700;text-align:center}.content-info .youtube-video-slider{overflow:hidden;position:relative;width:100%}.youtube-video-slider .swiper-wrapper{gap:16px;flex-wrap:wrap}.youtube-video-slider .swiper-slide{flex:0 0 25%;max-width:calc(25% - 12px)}.youtube-video-popup .youtube-video-item a{width:100%;height:100%;display:block;position:relative;border-radius:16px;overflow:hidden;padding-top:60%}.youtube-video-popup .youtube-video-item p.title{margin:2.5rem 1rem 0 0;font-size:14px;line-height:1.5;font-weight:600;color:#111827}.youtube-video-popup .youtube-video-item a img{display:block;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;object-fit:cover}.youtube-video-popup .youtube-video-item .video-play-btn img{display:block;width:100%;height:100%}.youtube-video-popup .youtube-video-item a .video-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px}.content-info .youtube-overlay-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:999;width:100%;height:100%;display:none}.content-info .youtube-overlay-popup .video-popup-empty-box{position:fixed;width:100%;height:100%;background:#000;opacity:.6;display:block!important}.content-info .youtube-overlay-popup .video-popup-content a.video-close-btn{position:absolute;text-align:center;text-decoration:none;display:block;width:40px;height:40px;background-color:#000000b3;color:#fff;border-radius:50%;top:-16px;right:-16px;padding:10px}.content-info .youtube-overlay-popup .video-popup-content a.video-close-btn svg,.content-info .youtube-overlay-popup .video-popup-content a.video-close-btn svg path{fill:#fff}.content-info .youtube-overlay-popup .video-popup-content{position:relative;z-index:9;top:50%;left:50%;transform:translate(-50%,-50%);max-width:800px;background-color:#000;box-shadow:0 0 20px #1118274d}.content-info .youtube-overlay-popup .video-wrapper{aspect-ratio:16 / 9;width:100%;height:100%}.content-info .youtube-overlay-popup .video-wrapper iframe{width:100%;height:100%;display:block}@media (max-width: 989px){.overlay-tab-with-content .add-to-cart-btn,.overlay-tab-with-content .empty-div{display:none}.overlay-tab-with-content .overlay-tab{justify-content:center}.overlay-tab-with-content ul a.tab-btn{padding:15px 0}.content-info .youtube-with-text .youtube--text,.content-info .youtube-with-text .youtube--video{flex:0 0 100%;max-width:100%}.content-info .youtube--video iframe{margin:0;width:100%;display:block}.content-info .youtube-with-text .youtube--video{order:-1}.overlay-tab-with-content ul a.tab-btn{font-size:14px}.content-info .youtube--text .metafield-rich_text_field{margin:20px 0 0}.content-info .youtube--text .metafield-rich_text_field h2{font-size:24px;margin:0}.content-info .youtube--text .metafield-rich_text_field p{font-size:14px;margin:10px 0}.content-info .youtube-with-text{margin-bottom:2rem}.key-features h2.key-features-header,.youtube-video-popup h2.youtube-video-header{margin:0 0 2rem;font-size:24px}.content-info .key-content-wrapper p strong:first-child{font-size:16px}.content-info .key-features-slider.swiper-container-initialized .swiper-button-prev,.content-info .key-features-slider.swiper-container-initialized .swiper-button-next{display:none}.banner-with-overlay-text .overlay-banner-text-inner h3.heading{font-size:24px}.banner-with-overlay-text .overlay-banner-text-inner span.heading{font-size:16px;margin-bottom:15px}.banner-with-overlay-text .overlay-banner-text-inner a{font-size:14px}.content-info .key-features,.content-info .banner-with-overlay-text,.content-info .youtube-video-popup{margin-bottom:3rem}.overlay-content .content-info p{font-size:14px}.youtube-video-slider .swiper-slide{flex:0 0 50%;max-width:calc(50% - 12px)}.content-info .youtube-overlay-popup .video-popup-content{max-width:95%}.content-info .youtube-overlay-popup .video-popup-content a.video-close-btn{top:-20px;right:0}}@media (max-width: 749px){.overlay-content .content-info{padding-top:0}.content-info .key-features-slider{padding-right:20%}.youtube-video-popup .youtube-video-item p.title{margin:1.5rem 0rem 0 0}.youtube-video-slider .swiper-wrapper{gap:20px}.youtube-video-slider .swiper-slide{flex:0 0 100%;max-width:100%}.desktop-only{display:none}.mobile-only{display:block}#tab-content .image-with-text__content{padding:0;margin-top:20px}}.empty-div{display:block!important}.overlay-tab-with-content{margin-bottom:50px}@media (min-width: 749px){.desktop-only{display:block}.mobile-only{display:none}}
/*# sourceMappingURL=/cdn/shop/t/49/assets/overlay-tab-with-content.css.map */