.pillar-video-section{background-color:#fff;padding:60px 0}.pillar-video-container{max-width:1200px;width:100%;margin:auto}.pillar-video-container>h2{margin:0 0 60px;text-align:center;font-family:Helvetica Neue ForEco;font-size:40px;font-style:normal;font-weight:700;line-height:130%}.pillar-video-items{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-padding-left:calc((100vw - 1200px)/2);margin-right:calc(-.5*(100vw - 1200px));padding-right:calc((100vw - 1200px)/2);margin-left:calc(-.5*(100vw - 1200px));padding-left:calc((100vw - 1200px)/2)}.pillar-video-container .pillar-video-item{flex:1;overflow:hidden;position:relative;min-width:calc(50% - 10px);padding-bottom:calc(28% - 10px);scroll-snap-align:start}.pillar-video-container .pillar-video-item iframe,.pillar-video-container .pillar-video-item .VideoModalContent{height:100%;width:100%;padding:0;border:none}.pillar-video-container .pillar-video-item .VideoModalContent.hide{display:none}.pillar-video-container .pillar-video-item .VideoModalContent:not(.hide){position:absolute;z-index:3}.pillar-video-item .pillar-video-item__title{position:absolute;font-size:20px;bottom:0;color:#fff;padding:25px}.pillar-video-item .pillar-video__cover-image{position:absolute;top:0;height:100%;width:100%;left:0;object-fit:cover}.pillar-video-item .play_video_btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}.pillar-video-item .play_video_btn svg{width:80px}@media (max-width: 1200px){.pillar-video-container{margin:0 24px;width:calc(100% - 48px)}.pillar-video-items{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-right:-24px;padding-right:24px;margin-left:-24px;padding-left:24px;scroll-padding-left:24px}}@media (max-width: 767px){.pillar-video-section{padding:40px 0}.pillar-video-container>h2{font-size:24px;margin:0 0 40px}.pillar-video-container .pillar-video-item{min-width:75%;border-radius:4px;min-height:unset;padding-bottom:42%}.pillar-video-item .pillar-video-item__title{font-size:13px;padding:10px;width:100%;top:0}.pillar-video-container{scroll-padding-left:12px}}
/*# sourceMappingURL=/cdn/shop/t/86/assets/pillar-video-section.css.map */
