.video-tabbing{padding-top:clamp(50px,6vw,var(--padding-top-desk));padding-bottom:clamp(50px,6vw,var(--padding-bottom-desk));background:var(--section-bg)}.video-tabbing .custom-width{max-width:clamp(81.5rem,85vw,163rem);margin:0 auto;padding:0 20px}.video-tabbing-container .mian-heading{color:var(--heading-color);text-align:center;font-size:clamp(25px,2.7vw,var(--heading-font-desk));margin:0 0 clamp(10px,1.1vw,20px) 0;line-height:1.4}.video-tabbing-wrapper{width:100%;height:100%}.tab-pane .video-wrapper video,.tab-pane .video-wrapper img,.tab-pane .video-wrapper svg{width:100%;height:100%;object-fit:cover;display:block;border-radius:clamp(4px,.5vw,8px);max-height:clamp(34rem,36vw,68rem);min-height:clamp(34rem,36vw,68rem)}.video-tabbing-wrapper .tabs-header .tab-title{color:var(--font-color);line-height:1.389;margin:0;font-size:clamp(9px,1vw,18px);cursor:pointer;transition:all .4s;position:relative;opacity:.6;letter-spacing:0}.video-tabbing-wrapper .tabs-header .tab-title.active-tab{opacity:1}.video-tabbing-wrapper .tabs-header .tab-title.active-tab:after{content:"";position:absolute;background-color:var(--font-color);bottom:-12px;width:100%;height:2px;left:0}.video-tabbing-wrapper .tab-panes .tab-pane,.video-tabbing-wrapper .tabs-contents .tab-content{display:none}.video-tabbing-wrapper .tab-panes .tab-pane.active-tab,.video-tabbing-wrapper .tabs-contents .tab-content.active-tab{display:block}.video-tabbing-wrapper .tabs-header{display:flex;gap:clamp(30px,3.2vw,60px);justify-content:space-between;align-items:center;max-width:fit-content;margin:clamp(10px,1.1vw,20px) auto 0 auto;border-bottom:1px solid var(--border-bottom);padding-bottom:clamp(6px,.7vw,12px);overflow-x:auto;overflow-y:hidden;white-space:nowrap}.video-tabbing-wrapper .tabs-header::-webkit-scrollbar{height:1px}.video-tabbing-wrapper .tabs-contents{max-width:818px;text-align:center;margin:0 auto;width:100%;height:100%}.video-tabbing-wrapper .tabs-contents .tab-content p{letter-spacing:0;font-size:clamp(9px,1vw,18px);margin:0;color:var(--font-color);line-height:1.528}.gredian-heading.js-letter-animate{color:#333;font-size:clamp(40px,4.2vw,80px);text-align:center;letter-spacing:0;text-transform:capitalize;max-width:1061px;margin:0 auto clamp(20px,2.1vw,40px) auto;line-height:1.1}.gredian-heading .reveal-line{display:inline-block;width:100%;background-image:linear-gradient(90deg,transparent 50%,#333333 50%),linear-gradient(180deg,#1e7fd5,#95cbf8);background-size:200% 100%,100% 100%;background-position:100% 0,0 0;background-repeat:no-repeat;color:transparent;-webkit-background-clip:text;background-clip:text;transition:background-position 1.3s ease}.gredian-heading .reveal-line.is-visible{background-position:0% 0,0 0}.gredian-heading .reveal-line *{margin:0}.video-tabbing-wrapper .tabs-contents .tab-content{transform:translateY(50px);transition:opacity .5s ease,transform .5s ease;opacity:0;display:block;height:0px;visibility:hidden}.video-tabbing-wrapper .tabs-contents .tab-content.active-tab{transform:translateY(0);opacity:1;visibility:visible;margin:clamp(10px,1.1vw,20px) 0 0 0;height:100%}@media(max-width:1440px){.video-tabbing .custom-width{padding:0 20px}}@media(max-width:1070px){.gredian-heading.js-letter-animate{font-size:50px}}@media(max-width:1024px){.video-tabbing-container .mian-heading{font-size:40px}}@media(max-width:768px){.video-tabbing{padding-top:var(--padding-top-mob);padding-bottom:var(--padding-bottom-mob)}.video-tabbing-container .mian-heading{font-size:var(--heading-font-mob);margin:0 0 18px}.video-tabbing-wrapper .tabs-header{gap:32px;margin:26px auto 0;justify-content:space-around;padding-bottom:12px}.video-tabbing-wrapper .tabs-header .tab-title{font-size:16px}.video-tabbing-wrapper .tabs-contents .tab-content.active-tab{margin:18px 0 0}.video-tabbing-wrapper .tabs-contents .tab-content p{font-size:14px;margin:0}.gredian-heading.js-letter-animate{margin:0 auto 36px}.tab-pane .video-wrapper video,.tab-pane .video-wrapper img,.tab-pane .video-wrapper svg{border-radius:8px;min-height:244px}}@media(max-width:749px){.gredian-heading.js-letter-animate{font-size:30px}}@media(max-width:424px){.gredian-heading.js-letter-animate{font-size:24px}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/video-tabbing.css.map */