.video-hero-wrapper{background-color:#f1ebff;width:100%;overflow:hidden}.video-hero-header{text-align:center;margin-bottom:var(--header-section-margin-bottom);flex-direction:column;align-items:center;display:flex}.video-hero-title{color:var(--black-heading)}.video-hero-subtitle{color:var(--black-sub-text)}.video-hero-banner{border-radius:12px;width:100%;overflow:hidden;box-shadow:0 10px 30px #0000000d}.video-hero-image{object-fit:cover;width:100%;height:auto;display:block}.video-themes-section{padding-top:60px;padding-bottom:60px}.video-themes-header-wrapper{margin-bottom:var(--header-section-margin-bottom);flex-direction:column;gap:20px;display:flex}.video-themes-title{color:var(--black-heading)}.video-themes-subtitle{color:var(--black-sub-text);margin-top:10px}.video-slider-nav{align-items:center;gap:16px;display:flex}.slider-nav-btn{border:1px solid var(--black-heading);cursor:pointer;width:48px;height:48px;color:var(--black-heading);background:0 0;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex}.slider-nav-btn:hover{background-color:var(--black-heading);color:#fff}.video-themes-slider-container{width:100%}.video-themes-slider{gap:var(--card-gap,24px);scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:20px;display:flex;overflow-x:auto}.video-themes-slider::-webkit-scrollbar{display:none}.video-theme-card{scroll-snap-align:start;border-radius:20px;flex:0 0 100%;display:flex;position:relative;overflow:hidden}.video-theme-card-image{width:100%;height:auto;display:block}.vt-video-wrapper{width:100%;display:block;position:relative;overflow:hidden}.vt-video-trigger{cursor:pointer;background:0 0;border:none;width:100%;padding:0;display:block;position:relative}.vt-video-trigger img{width:100%;display:block}.vt-play-btn{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.vt-play-btn i{color:#fff;background-color:#ffffff4d;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:20px;transition:all .3s;display:flex}.vt-video-trigger:hover .vt-play-btn i{background-color:#ffffff80;transform:scale(1.1)}.vt-video-player{display:none;position:absolute;inset:0;overflow:hidden}.vt-video-iframe{border:none;width:100%;height:100%;display:block}.vt-video-close{z-index:10;cursor:pointer;background:0 0;border:none;padding:0;line-height:0;transition:transform .2s;position:absolute;top:10px;left:50%;transform:translate(-50%)}.vt-video-close svg{width:32px;height:32px}.vt-video-close:hover{transform:translate(-50%)scale(1.15)}.vt-video-wrapper.is-playing .vt-video-trigger{visibility:hidden}.vt-video-wrapper.is-playing .vt-video-player{display:block}.video-store-app-wrapper{background-color:#f9fff0;width:100%;overflow:hidden}.video-store-app-section{flex-direction:column;align-items:center;width:100%;display:flex}.store-app-header{text-align:center;width:100%;margin-bottom:var(--header-section-margin-bottom)}.video-store-app-small-heading{color:var(--black-sub-text);margin-bottom:15px}.video-store-app-large-heading{color:var(--black-heading)}.store-app-toggles-container{width:100%;margin-bottom:var(--card-gap,30px);scrollbar-width:none;overflow-x:auto}.store-app-toggles-container::-webkit-scrollbar{display:none}.store-app-toggles{justify-content:center;gap:15px;min-width:max-content;display:flex}.store-app-toggle-btn{cursor:pointer;background:0 0;border:none;outline:none;flex-direction:column;align-items:center;gap:6px;padding:8px 12px;transition:transform .2s;display:flex}.store-app-toggle-btn:hover{transform:translateY(-2px)}.store-app-toggle-text{color:var(--black-sub-text);white-space:nowrap;transition:color .3s}.store-app-toggle-btn.active .store-app-toggle-text{color:var(--black-heading);font-weight:600}.store-app-progress-bar-container{background-color:#0000000d;border-radius:4px;width:60px;height:3px;overflow:hidden}.store-app-progress-bar{background-color:var(--accent-color,#8cc63f);border-radius:4px;width:0%;height:100%}.store-app-slider-container{width:100%}.store-app-slider{gap:var(--card-gap,24px);scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:20px;padding-left:7.5%;padding-right:7.5%;display:flex;overflow-x:auto}.store-app-slider::-webkit-scrollbar{display:none}.store-app-card{scroll-snap-align:center;opacity:.5;flex:0 0 82%;justify-content:center;align-items:center;transition:transform .6s cubic-bezier(.16,1,.3,1),opacity .6s;display:flex;position:relative;transform:scale(.9)}.store-app-card.active-card{opacity:1;transform:scale(1)}.store-app-card-image{border-radius:20px;width:100%;height:auto;display:block;box-shadow:0 15px 35px #0000000f}.sa-video-wrapper{border-radius:20px;width:100%;display:block;position:relative;overflow:hidden}.sa-video-trigger{cursor:pointer;background:0 0;border:none;width:100%;padding:0;display:block;position:relative}.sa-video-trigger img{border-radius:20px;width:100%;display:block}.sa-play-btn{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.sa-play-btn i{color:#fff;background-color:#ffffff4d;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:20px;transition:all .3s;display:flex}.sa-video-trigger:hover .sa-play-btn i{background-color:#ffffff80;transform:scale(1.1)}.sa-video-player{border-radius:20px;display:none;position:absolute;inset:0;overflow:hidden}.sa-video-iframe{border:none;width:100%;height:100%;display:block}.sa-video-close{z-index:10;cursor:pointer;background:0 0;border:none;padding:0;line-height:0;transition:transform .2s;position:absolute;top:10px;left:50%;transform:translate(-50%)}.sa-video-close svg{width:32px;height:32px}.sa-video-close:hover{transform:translate(-50%)scale(1.15)}.sa-video-wrapper.is-playing .sa-video-trigger{visibility:hidden}.sa-video-wrapper.is-playing .sa-video-player{display:block}@media (width>=768px){.video-hero-header{text-align:center;align-items:center}.video-hero-title,.video-hero-subtitle{max-width:80%}.video-theme-card{flex:0 0 calc(80% - var(--card-gap,24px))}.store-app-card{flex:0 0 80%}}@media (width>=968px){.video-hero-title,.video-hero-subtitle{max-width:70%}.video-themes-header-wrapper{flex-direction:row;justify-content:space-between;align-items:flex-end}.video-themes-header-text{max-width:70%}.video-theme-card{flex:0 0 calc(80% - var(--card-gap,24px))}.store-app-card{flex:0 0 75%}}@media (width>=1300px){.video-hero-header{text-align:left;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:60px}.video-hero-title{flex:1;max-width:50%}.video-hero-subtitle{flex:1;max-width:40%}.video-hero-banner{border-radius:20px}.video-theme-card{flex:0 0 calc(80% - var(--card-gap,24px))}.store-app-toggles{gap:30px}.store-app-card{flex:0 0 70%}}@media (width>=1800px){.video-hero-header{gap:80px}.video-store-app-small-heading{margin-bottom:24px}.store-app-toggles{gap:40px}}.video-journeys-section{padding-top:60px;padding-bottom:60px}.video-journeys-header-wrapper{text-align:center;margin-bottom:var(--header-section-margin-bottom);flex-direction:column;align-items:center;gap:24px;display:flex}.video-journeys-heading{color:var(--black-heading);margin-bottom:12px}.video-journeys-subheading{color:var(--black-sub-text)}.video-journeys-nav{gap:12px;display:flex}.journey-slider-btn{cursor:pointer;background:0 0;border:none;padding:0;transition:transform .2s}.journey-slider-btn:hover{transform:scale(1.1)}.video-journey-slider-container{width:100%;overflow:visible}.video-journey-slider{gap:var(--card-gap,24px);scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:30px;display:flex;overflow-x:auto}.video-journey-slider::-webkit-scrollbar{display:none}.video-journey-card-wrapper{scroll-snap-align:center;flex:0 0 calc(100% - 40px)}.video-journey-card{width:100%;margin-bottom:var(--card-padding,16px);border-radius:12px}.video-journey-image{width:100%;height:auto;display:block}.jv-video-wrapper{border-radius:12px;width:100%;display:block;position:relative;overflow:hidden}.jv-video-trigger{cursor:pointer;background:0 0;border:none;width:100%;padding:0;display:block;position:relative}.jv-video-trigger img{width:100%;display:block}.jv-play-btn{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.jv-play-btn i{color:#fff;background-color:#00000073;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:20px;transition:all .3s;display:flex}.jv-video-trigger:hover .jv-play-btn i{background-color:#000000a6;transform:scale(1.1)}.jv-video-player{display:none;position:absolute;inset:0;overflow:hidden}.jv-video-iframe{border:none;width:100%;height:100%;display:block}.jv-video-close{z-index:10;cursor:pointer;background:0 0;border:none;padding:0;line-height:0;transition:transform .2s;position:absolute;top:10px;left:50%;transform:translate(-50%)}.jv-video-close svg{width:32px;height:32px}.jv-video-close:hover{transform:translate(-50%)scale(1.15)}.jv-video-wrapper.is-playing .jv-video-trigger{visibility:hidden}.jv-video-wrapper.is-playing .jv-video-player{display:block}.video-journey-client-name{color:var(--black-heading);text-align:center}@media (width>=768px){.video-journey-card-wrapper{flex:0 0 calc(50% - var(--card-gap,24px) / 2)}}@media (width>=968px){.video-journeys-header-wrapper{text-align:left;flex-direction:row;justify-content:space-between;align-items:flex-end}.video-journeys-header-text{max-width:70%}.video-journey-card-wrapper{flex:0 0 calc(40% - var(--card-gap,24px))}}@media (width>=1300px){.video-journey-card-wrapper{flex:0 0 calc(30% - var(--card-gap,24px))}}@media (width>=1800px){.video-journey-card-wrapper{flex:0 0 calc(25% - var(--card-gap,24px))}}.video-social-media-wrapper{--icon-heading-gap:35px;--heading-content-gap:25px;--content-link-gap:35px;background-color:#fafafa;width:100%;overflow:hidden}.video-social-media-section{flex-direction:column;align-items:center;display:flex}.social-media-header{text-align:center;margin-bottom:var(--header-section-margin-bottom)}.social-media-heading{color:var(--black-heading)}.social-media-subheading{color:var(--black-sub-text)}.social-media-cards-container{gap:var(--card-gap);grid-template-columns:1fr;width:100%;display:grid}.social-media-card{padding:var(--card-padding);background-color:#fff;border-radius:20px;flex-direction:column;height:fit-content;text-decoration:none;display:flex;position:relative;box-shadow:0 4px 20px #00000008}.social-media-icon-wrapper{margin-bottom:var(--icon-heading-gap);justify-content:space-between;align-items:flex-start;display:flex}.social-media-external-link{color:var(--black-heading);opacity:0;justify-content:center;align-items:center;display:flex}.social-media-card-heading{color:var(--black-heading);margin-bottom:var(--heading-content-gap)}.social-media-card-content{color:var(--black-sub-text)}.social-media-action-text{max-height:0;color:var(--hover-color);opacity:0;margin-top:0;font-weight:700;overflow:hidden}@media (width>=1024px){.social-media-header{margin-bottom:120px}.social-media-card{transition:background-color .3s,transform .3s}.social-media-card:hover{background-color:var(--hover-bg);transform:translateY(-95px)}.social-media-external-link{transition:transform .3s,opacity .3s}.social-media-card:hover .social-media-external-link{opacity:1;transform:translate(5px,-5px)}.social-media-action-text{transition:max-height .3s,margin-top .3s,opacity .3s}.social-media-card:hover .social-media-action-text{max-height:60px;margin-top:var(--content-link-gap);opacity:1}}@media (width>=768px){.social-media-cards-container{grid-template-columns:repeat(2,1fr)}}@media (width>=968px){.social-media-cards-container{grid-template-columns:repeat(2,1fr)}}@media (width>=1300px){.social-media-cards-container{grid-template-columns:repeat(4,1fr)}}@media (width>=1800px){.video-social-media-wrapper{--icon-heading-gap:45px;--heading-content-gap:35px;--content-link-gap:45px}}.video-displays-section{padding-top:60px;padding-bottom:60px}.video-displays-header-wrapper{text-align:center;margin-bottom:var(--header-section-margin-bottom);flex-direction:column;align-items:center;gap:24px;display:flex}.video-displays-heading{color:var(--black-heading);margin-bottom:12px}.video-displays-subheading{color:var(--black-sub-text)}.video-displays-nav{gap:12px;display:flex}.display-slider-btn{cursor:pointer;background:0 0;border:none;padding:0;transition:transform .2s}.display-slider-btn:hover{transform:scale(1.1)}.video-display-slider-container{width:100%;overflow:visible}.video-display-slider{gap:var(--card-gap,24px);scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:30px;display:flex;overflow-x:auto}.video-display-slider::-webkit-scrollbar{display:none}.video-display-card-wrapper{scroll-snap-align:center;flex:0 0 calc(100% - 40px)}.video-display-card{width:100%;margin-bottom:var(--card-padding,16px);border-radius:12px}.video-display-image{width:100%;height:auto;display:block}.dv-video-wrapper{border-radius:12px;width:100%;display:block;position:relative;overflow:hidden}.dv-video-trigger{cursor:pointer;background:0 0;border:none;width:100%;padding:0;display:block;position:relative}.dv-video-trigger img{width:100%;display:block}.dv-play-btn{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.dv-play-btn i{color:#fff;background-color:#00000073;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:20px;transition:all .3s;display:flex}.dv-video-trigger:hover .dv-play-btn i{background-color:#000000a6;transform:scale(1.1)}.dv-video-player{display:none;position:absolute;inset:0;overflow:hidden}.dv-video-iframe{border:none;width:100%;height:100%;display:block}.dv-video-close{z-index:10;cursor:pointer;background:0 0;border:none;padding:0;line-height:0;transition:transform .2s;position:absolute;top:10px;left:50%;transform:translate(-50%)}.dv-video-close svg{width:32px;height:32px}.dv-video-close:hover{transform:translate(-50%)scale(1.15)}.dv-video-wrapper.is-playing .dv-video-trigger{visibility:hidden}.dv-video-wrapper.is-playing .dv-video-player{display:block}.video-display-client-name{color:var(--black-heading);text-align:center;font-weight:600}@media (width>=768px){.video-display-card-wrapper{flex:0 0 calc(50% - var(--card-gap,24px) / 2)}}@media (width>=968px){.video-displays-header-wrapper{text-align:left;flex-direction:row;justify-content:space-between;align-items:flex-end}.video-displays-header-text{max-width:70%}.video-display-card-wrapper{flex:0 0 calc(40% - var(--card-gap,24px))}}@media (width>=1300px){.video-display-card-wrapper{flex:0 0 calc(30% - var(--card-gap,24px))}}@media (width>=1800px){.video-display-card-wrapper{flex:0 0 calc(25% - var(--card-gap,24px))}}.video-tutorials-section{padding-top:60px;padding-bottom:60px}.video-tutorials-header{text-align:left;margin-bottom:var(--header-section-margin-bottom)}.video-tutorials-heading{color:var(--black-heading)}.video-tutorials-subheading{color:var(--black-sub-text)}.tutorial-card-wrapper{padding:calc(var(--card-padding) + 20px);background:url(/resources/video/images/get-the-most-from-zb-tutorials-bg.webp) 50%/cover no-repeat;border-radius:20px;flex-direction:column;gap:40px;display:flex;position:relative;overflow:hidden}.tutorial-card-left{z-index:1;flex-direction:column;justify-content:flex-start;gap:30px;display:flex}.tutorial-logo{width:150px;height:auto}.tutorial-card-title{color:#fff;max-width:400px;margin-bottom:var(--header-section-margin-bottom);font-size:2rem}.tutorial-watch-btn{color:var(--black-heading);font-size:var(--button-font-size);line-height:var(--button-line-height);font-weight:var(--button-font-weight);background-color:#fff;border-radius:4px;justify-content:center;align-items:center;gap:10px;width:250px;padding:12px 24px;text-decoration:none;transition:background-color .3s;display:inline-flex}.tutorial-watch-btn:hover{background-color:#f0f0f0}.tutorial-card-right{flex-wrap:wrap;justify-content:flex-start;align-items:flex-end;gap:15px;display:flex}.tutorial-placeholder{opacity:.9;background:#fff;border-radius:4px;width:80px;height:50px}@media (width>=968px){.tutorial-card-wrapper{aspect-ratio:2.5;flex-direction:row;justify-content:space-between;align-items:stretch}.tutorial-card-left{justify-content:end}.tutorial-card-right{gap:20px}.tutorial-placeholder{width:100px;height:60px}}@media (width>=1300px){.tutorial-card-wrapper{padding:40px}}
