.video-banner-wrapper{overflow:hidden}.video-banner-wrapper video{width:100%}.video-banner-wrapper .video_icon{top:50%;left:50%;transform:translate(-50%,-50%) scale(1);position:absolute;z-index:1}.video-section .video-autoplay,.video-section .video-container{position:relative;width:100%}.video-section .video-container{border-radius:5px;max-width:100%;overflow:hidden;display:grid;grid-template-columns:1fr;grid-template-rows:1fr}.video-section .video-container>.video-container__media,.video-section .video-container>.video-section__content{grid-area:1 / 1}.video-section .video-container:before{content:"";grid-area:1 / 1;display:block;z-index:1;pointer-events:none;width:100%;min-height:100%;align-self:stretch;justify-self:stretch;background:linear-gradient(180deg,#00000073,#0000008c)}.video-section .video-container__media{position:relative;z-index:0;width:100%;align-self:stretch;justify-self:stretch}.video-section .video-section__content{z-index:2;align-self:stretch;justify-self:stretch}.video-section .video-container .video{height:100%;width:100%;object-fit:cover}.video-section #play-button[style*="transform: translate(-50%, -50%)"]{opacity:1}.video-section #play-button{position:absolute;border:2px solid rgba(var(--color-foreground),1);border-radius:50%;width:120px;height:120px;left:50%;top:50%;transform:translate(-50%,-50%);opacity:1;background:transparent;box-shadow:none}.video-section span[class$=icon]{font-size:14px;color:rgba(var(--color-background),1);width:100px;height:100px;display:flex;align-items:center;justify-content:center;background:rgba(var(--color-base-solid-button-labels),1);background-position:center;border-radius:50%;transition:all .3s cubic-bezier(.26,-.14,0,1.01);margin:auto;font-family:var(--font-body-family);text-transform:capitalize;transform:translate(-50%,-50%);left:50%;top:50%;position:absolute}@media screen and (min-width:750px)and (max-width:991px){.video-section span[class$=icon]{width:60px;height:60px;font-size:10px}.video-section #play-button{width:70px;height:70px}}@media screen and (max-width:749px){.video-section span[class$=icon]{width:50px;height:50px;font-size:12px}.video-section #play-button{width:60px;height:60px}}.video-section__poster.deferred-media__poster:focus{outline-offset:.3rem}.self-host-video{position:absolute;top:0}@media screen and (min-width:750px){.video-section .video-section__content.content-style-overlay{text-align:center;position:absolute;left:50%;top:50%;max-width:80vw;width:100%;padding:2.5rem;background:transparent;transform:translate(-50%,-50%);box-sizing:border-box;color:#fff;align-self:center;justify-self:center;height:auto;min-height:0}}.video-section .video-section__content.content-style-overlay.content-align--left{text-align:left}.video-section .video-section__content.content-style-overlay.content-align--center{text-align:center}.video-section .video-section__content .title{margin:0 auto;color:#fff}.video-section .video-section__content .title.h1{font-size:clamp(2.4rem,5vw,4.6rem);line-height:1.1}.video-section .video-section__content .title.h2{font-size:clamp(2rem,4vw,3.6rem);line-height:1.15}.video-section .video-section__content .title.h0{font-size:clamp(2.8rem,6vw,5.5rem);line-height:1.05}h2.subtitle.video-section_subtitle{font-size:24px;max-width:85%;margin-left:auto;margin-right:auto;line-height:1.4;color:#fff}.video-section .video-section__features{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:2rem 3.5rem;margin-top:5rem;width:100%}.video-section .video-section__feature{display:flex;flex-direction:column;align-items:center;gap:.85rem;flex:0 1 14rem;max-width:20rem;text-align:center}.video-section .video-section__feature .icon-accordion,.video-section .video-section__feature .icon-accordion path{align-self:center;fill:#fff;color:#fff;height:3.2rem;width:3.2rem;margin:0;flex-shrink:0}.video-section .video-section__feature-title{display:block;margin:0;min-height:1.6rem;font-size:1.9rem;font-weight:500;line-height:1.35;color:#fff;word-break:break-word}@media screen and (min-width:750px){.video-section .video-container,.video-section .video-container__media,.video-section .video-container .video{max-height:600px}.video-section .video-section__feature .icon-accordion,.video-section .video-section__feature .icon-accordion path{height:3.6rem;width:3.6rem}.video-section .video-section__feature-title{font-size:2rem}}@media screen and (min-width:769px)and (max-width:1200px){.video-section .video-section__content .title.h1{font-size:43px}h2.subtitle.video-section_subtitle{font-size:24px;max-width:max-content}}@media screen and (max-width:749px){.video-section .video-container__media{min-height:100%;display:block}.video-section .video-container .video{min-height:100%;height:100%;width:100%;object-fit:cover}.video-section .video-section__content.content-style-overlay{position:relative;top:auto;left:auto;right:auto;transform:none;max-width:100%;width:100%;padding:2.5rem 1.5rem 2rem;margin:0;background:transparent;text-align:center;color:#fff;box-sizing:border-box}.video-section .video-section__content .title.h2{font-size:3rem;line-height:1.25;letter-spacing:.02em}.video-section .video-section__content .title.h1{font-size:clamp(1.9rem,7.5vw,2.375rem);line-height:1.2;letter-spacing:.02em}.video-section .video-section__content .title.h0{font-size:clamp(2rem,8vw,2.625rem);line-height:1.15;letter-spacing:.01em}h2.subtitle.video-section_subtitle{font-size:17px;line-height:1.6}.video-section .video-section__features{display:grid;grid-template-columns:2.8rem minmax(0,max-content);column-gap:1.15rem;row-gap:1.25rem;justify-content:center;width:fit-content;max-width:calc(100% - 2rem);margin-block:1.25rem;margin-left:auto;margin-right:auto}.video-section .video-section__feature{display:contents}.video-section .video-section__feature .icon-accordion,.video-section .video-section__feature .icon-accordion path{grid-column:1;height:2.8rem;width:2.8rem;justify-self:start;align-self:center}.video-section .video-section__feature-title{grid-column:2;font-size:1.65rem;text-align:left;align-self:center;min-width:0}}.elementor-shape[data-negative=false].elementor-shape-bottom,.elementor-shape[data-negative=true].elementor-shape-top{transform:rotate(180deg)}.elementor-shape-bottom{bottom:-1px;z-index:2}.elementor-shape{direction:ltr;left:0;line-height:0;overflow:hidden;position:absolute;width:100%}.elementor-shape-bottom svg{fill:#2dff28}.video-banner-wrapper{position:relative}
/*# sourceMappingURL=/cdn/shop/t/21/assets/video-section.css.map */