.right-demo-btn{position:fixed;right:-2px;top:40vh;opacity:0;visibility:hidden;transform:translateX(100%);transition:transform .4s ease,opacity .3s ease,visibility 0s linear .3s}.right-demo-btn.show{opacity:1;visibility:visible;transform:translateX(0);transition:transform .4s ease,opacity .3s ease,visibility 0s}.right-demo-btn button{display:inline-block;padding:8px 15px;font-size:16px;text-decoration:none;border-radius:4px;color:var(--zwc-link-clr);border:2px solid var(--zwc-link-clr);font-family:var(--zf-primary-semibold);transition:all .3s ease}.zw-product-header .content-wrap{padding:0}.zw-product-header{background-color:#25349a}.zw-template-inner button{padding:10px 20px;cursor:pointer;color:white;border:0;border-radius:4px;background-color:unset}form.form-table .formContainer .formColumn .form-group .form-field.mediumSizeLive .form-control{width:200px}.iframe-nav{max-width:620px;margin:auto;position:fixed;top:0;bottom:0;overflow:auto;left:auto;right:0;width:100%;z-index:1111;background-color:#fff;height:100vh;opacity:0;overflow-y:scroll;-webkit-transform:translate(100%,0);-ms-transform:translate(100%,0);transform:translate(100%,0);-webkit-transition:1s ease all;-o-transition:1s ease all;transition:1s ease all}.iframeinner{height:100%;padding:50px;overflow-x:auto}.iframe-nav.active{opacity:1;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transition:1s ease all;-o-transition:1s ease all;transition:1s ease all}.freeze-layer{background:rgba(0,0,0,0.4);position:fixed;width:100%;height:100%;left:0;top:0;z-index:4;display:none}.active-freaze{display:block}.form-close::after{content:"\00D7";font-size:22px;line-height:normal;color:#000;position:absolute;top:10px;right:20px;width:30px;height:30px;border:1px solid #f5f5f5;border-radius:50%;background-color:#f8f8f8;display:flex;align-items:center;justify-content:center}.iframe-outer-wrap .content-wrap{padding:0}.iframe-outer-wrap{background-color:#000}.iframe-ctn{max-width:1200px;border-radius:10px;padding:90px 0;margin:0 15px 0;text-align:center;width:100%}.iframe-ctn h3{font-size:48px;color:#fff;max-width:670px;margin:0 auto 25px}.iframe-ctn button{color:#fff;font-size:15px;font-family:var(--zf-primary-semibold);text-transform:uppercase;border:1px solid #fff;border-radius:3px}.content-wrap{max-width:1120px;padding:60px 0}.banner .content-wrap{padding:40px 0 20px}.flex-cen{display:flex;justify-content:center;align-items:center}button{background:unset;cursor:pointer}.banner{background-color:#25349a;color:white;text-align:center;min-height:450px}.ban-ctn-cen{display:flex;align-items:center;gap:180px}.header-content{text-align:left;max-width:410px}.header-content h1{margin:0 0 20px 0;color:#FFF;font-size:60px;font-family:var(--zf-primary-bold);letter-spacing:-1.2px}.header-content p{color:#FFF;font-size:22px}.header-content button{display:flex;justify-content:center;align-items:center;border-radius:3px;border:1px solid #FFF;color:#FFF;text-align:center;font-size:15px;line-height:normal;text-transform:uppercase;padding:12px 30px}.ban-img{max-width:450px}.solution-hub{text-align:left}.solution-hub a{display:inline-flex;align-items:center;gap:10px;color:#fff;font-size:17px;font-family:var(--zf-primary-semibold);margin-bottom:0}.overview{background-color:#fff;text-align:left;position:relative}.overview::before{content:"";background-color:#25349a;position:absolute;left:0;top:0;width:100%;height:50%}.overview .innr-wrap{padding:100px 135px;border-radius:12px;background:#ecf6fe}.overview p{color:#000;font-family:var(--zf-primary-regular);font-size:24px}.overview p:last-child{margin-bottom:0}.preview{text-align:center;background-color:#fff}.preview h2{color:#000;text-align:center;font-size:36px;margin-bottom:50px;font-family:var(--zf-primary-semibold)}@keyframes dash{to{stroke-dashoffset:0}}.slick-current .rect .animate{animation:dash 12s linear}.preview img{max-width:100%;height:auto;display:flex}.preview .content-wrap{max-width:1200px}.sliderview{width:64px}.sliderview .slick-track{transform:unset !important;display:flex;flex-flow:column}.slick-wrap{display:flex;align-items:center;gap:50px}.slide-wrap{max-width:calc(100% - 114px)}.sliderview .view-item{position:relative;width:64px;max-width:64px;max-height:64px;margin-bottom:5px}.sliderview .view-item:last-child{margin:0}.rect{position:absolute;left:0;top:0;border-radius:3px}.sliderview .slick-list{height:auto !important}.slick-slide{height:auto;display:flex;justify-content:center;align-items:center}.slide-wrap .slick-slide{padding:10px;border-radius:15px;border:1px solid #c5c5c5}.features{background-color:#fff}.features h2{color:#000;text-align:center;font-size:36px;max-width:690px;margin:0 auto 15px;font-family:var(--zf-primary-semibold)}.feature-grid{display:flex;flex-wrap:wrap;justify-content:flex-start}.feature-item{margin:15px;padding:50px;width:calc(100% / 2 - 30px);box-sizing:border-box;text-align:left;border-radius:16px;background:#ecf5ff}.feature-item .icon{width:50px;height:50px;background-image:url(/sites/zweb/images/creator/zc-partner-solutions/orderliee-icon-sprite.png);background-repeat:no-repeat;background-size:361px auto;background-position:0 0;position:relative;display:block;margin-bottom:20px;transform:scale(0.9)}.feature-item h3{color:#000;font-size:28px;font-family:var(--zf-primary-semibold)}.feature-item p{color:#000;font-size:17px;margin-bottom:0}.zwc-banvideo-wrapper{display:none}.zapp-nav{width:64px;height:64px;border:1px solid #d8d8d8;border-radius:3px;padding:2px}.zapp-img{background-size:cover;background-position:0 0;background-repeat:no-repeat;border-radius:2px;width:100%;height:100%}.zwc-video-wrap button{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:60px;height:60px;background:rgba(0,0,0,0.80);border:0;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2;transition:background .3s}.zwc-video-wrap button .play-icon{width:0;height:0;border-style:solid;border-width:11px 0 11px 20px;border-color:transparent transparent transparent #fff;margin-left:5px;position:relative;z-index:3}.zwc-video-wrap .wave{position:absolute;top:50%;left:50%;width:65px;height:65px;border:2px solid rgba(255,255,255,0.6);border-radius:50%;transform:translate(-50%,-50%) scale(1);opacity:1;animation:ripple 2.5s ease-out infinite;pointer-events:none}.zwc-video-wrap button .wave:nth-child(2){animation-delay:.8s}.zwc-video-wrap button .wave:nth-child(3){animation-delay:1.6s}@keyframes ripple{0%{transform:translate(-50%,-50%) scale(1);opacity:.7}100%{transform:translate(-50%,-50%) scale(1.8);opacity:0}}.thumb-wrapper{position:relative}.thumb-wrapper picture{display:block}.zwc-video-wrap{text-align:center;display:flex;justify-content:center;align-items:center}.zwc-video-wrap h2{margin-bottom:40px}.zwc-banvideo-wrapper{position:relative;width:100%;max-width:1920px}section video{width:100%;height:auto;display:block}.zw-template-inner button.zwc-video-play-btn{position:absolute;bottom:20px;right:20px;width:40px;height:40px;background:#000;border:0;border-radius:50%;cursor:pointer;transition:transform .2s;z-index:10}.zwc-video-play-btn:hover{transform:scale(1.05)}.zwc-play-icon{position:absolute;top:50%;left:55%;transform:translate(-50%,-50%);width:0;height:0;border-left:12px solid #fff;border-top:6px solid transparent;border-bottom:6px solid transparent;display:block}.zwc-pause-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:15px;height:15px;display:none}.zwc-pause-icon::before,.zwc-pause-icon::after{content:'';position:absolute;width:3px;height:15px;background:#fff}.zwc-pause-icon::before{left:2px}.zwc-pause-icon::after{right:2px}.zwc-banvideo-wrapper.playing .zwc-play-icon{display:none}.zwc-banvideo-wrapper.playing .zwc-pause-icon{display:block}.zwc-video-play-btn:focus-visible{outline:3px solid #1a73e8;outline-offset:3px}.zwc-banvideo-wrapper video{border-radius:10px;border:8px solid #0047ff}@media(max-width:767px){.zwc-video-play-btn{bottom:10px;right:10px}}@media(max-width:1440px){.ban-ctn-cen{gap:100px}.overview p{font-size:20px}.feature-item p{font-size:17px}.content-wrap{padding:40px 0}.preview h2,.features h2{font-size:28px;margin-bottom:25px}.feature-item h3{font-size:22px}.features h2{max-width:530px}.overview .innr-wrap{padding:60px}}@media(max-width:1280px){.right-demo-btn{display:none}}@media(max-width:1280px){.iframe-ctn h3{font-size:28px}.iframe-ctn{padding:90px 0}}@media(max-width:1024px){.sliderview .view-item{margin:0}.slide-wrap{max-width:100%}.banner .ban-ctn-cen{gap:20px}.sliderview{width:90%}.slick-wrap{flex-flow:column-reverse;gap:20px}.sliderview .slick-track{flex-flow:row;justify-content:center;gap:5px}.zapp-nav{width:60px;height:60px}}@media(max-width:767px){.zapp-nav{width:auto;height:auto}.iframe-ctn{padding:40px 0}.iframe-ctn h3{font-size:24px}.iframeinner{padding:40px 20px}.preview h2,.features h2{font-size:20px;margin-bottom:20px}.feature-item h3{font-size:18px}.content-wrap{padding:30px 0}.header-content h1{font-size:50px}.header-content p{font-size:20px;max-width:380px}.banner .ban-ctn-cen{gap:30px;flex-wrap:wrap}.ban-img{max-width:300px}.feature-item{width:calc(100% / 1 - 30px);padding:20px}.overview .innr-wrap{padding:40px}.feature-item p,.overview p{font-size:15px;line-height:1.6}}@media(max-width:425px){.zapp-nav{width:24px;height:24px}}