:root{--banner-bg:linear-gradient(108deg,#afd8ff 2.04%,#cffeef 97.44%);--header-color:#21294a;--content-color:#495567;--color-white:#fff;--sprit-url:url(/sites/zweb/images/flow/wordpress/sprite.svg);--link-color:#0478ff;--top-overlap:68px}.content-wrap{max-width:var(--content-max,1200px)}.zwc-wapper h2{font-size:var(--title-font,clamp(22px,4.4vw,50px));line-height:1.2;letter-spacing:var(--h2-lt-sp,-1.5px);color:var(--header-color)}.zwc-wapper h3{font-size:clamp(18px,2.4vw,24px)}.zwc-wapper p{font-size:clamp(16px,2.4vw,19px);color:var(--content-color)}.zwc-text-center{text-align:center;max-width:var(--title-width,fit-content);margin-inline:auto}.zwc-single-line{display:block}.zwc-navgate-text{color:var(--link-color);display:inline-flex;align-items:center;gap:20px;padding-inline:0}.zwc-navgate-text:after{content:'';display:inline-block;width:10px;height:13px;background:var(--sprit-url) no-repeat var(--icon-position,-355px -9px);background-size:656px}.zwc-banner-wrap{margin-top:calc(0px - var(--top-overlap));text-align:center;background:var(--banner-bg);padding-block-start:calc(clamp(60px, 6vw, 90px) + var(--top-overlap));--content-max:964px}.zwc-wapper h1{font-size:clamp(24px,7vw,58px);letter-spacing:var(--h1-lt-sp,-1.4px);line-height:1.13;margin-inline:auto;max-width:690px;font-family:var(--zf-primary-extrabold);color:var(--header-color);margin-block-end:clamp(15px,4vw,20px)}.zwc-banner-wrap p{margin-block-end:clamp(30px,4vw,40px)}.zwc-animation img{vertical-align:bottom}.act-btn.cta-btn{padding-block:clamp(10px,4vw,15px)}.zwc-testimonials-slider .slick-dots li{width:8px;height:8px}.zwc-animation{margin-block-start:clamp(60px,6vw,120px);background:linear-gradient(to top,#FFF 50%,transparent 28%)}.zwc-integration-wrap .content-wrap{display:flex;flex-wrap:wrap;gap:clamp(40px,4vw,80px);align-items:center}.zwc-integration-text{flex:1 1 400px}.zwc-integration-layout{flex:1 1 350px;position:relative;aspect-ratio:1;max-width:500px;margin-inline:auto}.zwc-integration-text ul{display:flex;flex-direction:column;gap:clamp(15px,4vw,35px);padding-left:44px;position:relative}.zwc-integration-text ul:before{content:"";position:absolute;width:3px;aspect-ratio:1;background:#DDD;top:5px;height:calc(100% - 160px);left:7px}.zwc-integration-text h2{margin-block-end:clamp(30px,5vw,70px);max-width:95%}.zwc-integration-text ul li:before{content:"";position:absolute;width:9px;aspect-ratio:1;background:#000;top:7px;border-radius:50%;left:-40px;box-shadow:0 0 0 2px #FFF,0 0 0 1px #000;z-index:5;transition:2s all}.zwc-integration-text ul li.active:not(:has(+.active)):before{box-shadow:0 0 0 2px #FFF,0 0 0 4px var(--link-color)}.zwc-integration-text ul li{position:relative;color:var(--content-color);font-size:clamp(16px,2.4vw,19px);transition:1s all}.zwc-integration-text ul li.active:not(:has(+.active)){color:var(--link-color)}.zwc-integration-text ul li.zwc-integration-work.active:not(:has(+.active)){color:#000;font-family:var(--primaryfont-bold)}.zwc-integration-wrap{padding-block:clamp(50px,9vw,120px)}.zwc-integration-work{padding:clamp(14px,4vw,20px) clamp(16px,4vw,30px);border:2px solid #000;background:#c7e6ff;opacity:0;z-index:2}.zwc-integration-work.active{opacity:1}.zwc-integration-text ul .zwc-integration-work:before{left:0;top:50%;transform:translate(-50%,-50%)}.zwc-integration-text ul .zwc-integration-work:after{content:"";position:absolute;width:39px;height:131%;bottom:50%;border:3px solid var(--link-color);right:100%;z-index:-1;border-width:0 0 3px 3px}.zwc-integration-text ul li:not(:last-child):after{content:"";width:3px;top:9px;height:0;border-left:3px solid var(--link-color);left:-37px;position:absolute;transition:1s all}.zwc-integration-text ul li.active:not(:last-child,:nth-child(4)):after{height:calc(100% + 35px)}.zwc-grid-layout{--content-max:1000px;background:#f8faff;padding-block:clamp(50px,9vw,120px)}.zwc-grid-layout ul{display:flex;flex-wrap:wrap;gap:clamp(20px,6vw,80px);padding-block-start:clamp(10px,4vw,60px);row-gap:clamp(20px,6vw,50px)}.zwc-grid-layout ul li{flex:1 1 350px;padding-inline-start:clamp(45px,6vw,70px);position:relative}.zwc-grid-layout ul li:before{content:'';width:39px;position:absolute;aspect-ratio:1;background:var(--sprit-url) no-repeat var(--icon-position,-414px 0);left:0;background-size:600px;top:-5px}.zwc-grid-layout ul li:nth-child(3){--icon-position:-456px 0}.zwc-grid-layout ul li:nth-child(2){--icon-position:-495px 0}.zwc-grid-layout ul li:nth-child(4){--icon-position:-532px 0}.zwc-flow-chart{padding-block-start:clamp(50px,9vw,120px);background:url(/sites/zweb/images/flow/wordpress/different-bg.png);color:#fff;--header-color:currentColor;background-size:cover;overflow:hidden}.zwc-flow-chart ul{display:flex;justify-content:center;font-size:clamp(16px,4vw,20px);padding-block:clamp(10px,2vw,30px) clamp(30px,6vw,70px);flex-wrap:wrap}.zwc-flow-chart ul li{padding-inline:20px;font-size:clamp(18px,1.8vw,20px)}.zwc-flow-chart ul li:not(:last-child){border-right:2px solid var(--line-color,#3d4153)}.zwc-flow-chart-left{position:absolute;width:30%;top:23%;left:0;transform:translateY(50px) translateX(-30%);transition:2s all}.zwc-flow-chart-img.zwe-op .zwc-flow-chart-left{transform:translateY(0) translateX(-50%)}.zwc-flow-chart-img.zwe-op .zwc-flow-chart-right{transform:translateY(0) translateX(50%)}.zwc-flow-chart-right{position:absolute;width:32%;right:0;top:33%;transform:translateY(50px) translateX(30%);transition:2s all}.zwc-flow-chart-img{width:fit-content;margin-inline:auto;position:relative;max-width:78%}.zwc-flow-chart-img img{vertical-align:bottom}.zwc-works-flow{padding-block:clamp(50px,9vw,120px);--content-max:1000px;background:#f8faff}.zwc-works-flow ul{margin-block-start:clamp(40px,5vw,60px);position:relative;--div-height:190px;counter-reset:div}.zwc-works-flow ul li{width:50%;position:relative;transition:2s all}.zwc-works-flow-card{max-width:390px;padding:clamp(16px,2vw,30px);font-size:19px;border:2px solid #404a57;border-radius:15px;box-shadow:-12px 12px 0 #dce1ee;margin-bottom:20px;width:84%;position:relative;z-index:9;background:#FFF;transition:2s all}.zwc-works-flow ul li:nth-child(even),.zwc-works-flow ul li:nth-child(even) .zwc-works-flow-card{margin-left:auto}.zwc-works-flow ul:after{content:'';position:absolute;height:calc(100% - var(--div-height));top:calc(var(--div-height) / 2);left:50%;width:3px;background-image:linear-gradient(#8da0ba 33%,rgba(255,255,255,0) 0);background-position:right;background-size:3px 15px;background-repeat:repeat-y}.zwc-works-flow ul li:after{counter-increment:div;content:counter(div);position:absolute;font-size:16px;line-height:1;display:flex;justify-content:center;align-items:center;width:25px;aspect-ratio:1;border-radius:50%;border:2px solid #000;top:50%;transform:translate(-50%,-50%);background:#fff;z-index:2;font-family:var(--zf-primary-bold)}.zwc-works-flow ul li:nth-child(odd):after{right:0;transform:translate(50%,-50%)}.zwc-works-flow ul li:before{content:'';--dd:clac(100% - 285px);width:calc(100% - 400px);min-width:16%;position:absolute;height:3px;background-image:linear-gradient(to right,#8da0ba 33%,rgba(255,255,255,0) 0);background-position:bottom;background-size:15px 3px;background-repeat:repeat-x;top:50%;right:0;z-index:2}.zwc-works-flow ul li:nth-child(even):before{right:unset;left:0}.zwc-comp-table-wrap{text-align:center;padding-block:clamp(60px,9vw,120px)}.zwc-testimonials-card-inner{padding:16px;background:#dcfaf3;border-radius:20px;width:calc(100% - 20px);max-width:700px;margin-inline:auto}.zwc-testimonials-card:nth-child(even) .zwc-testimonials-card-inner{background:#c7e6ff}.zwc-testimonials-text{max-width:490px;margin-inline:auto;padding-block:clamp(30px,6vw,60px)}.zwc-testimonials-icon{width:calc(((100% - (var(--gap, 0px) * (var(--show-count, 1) - 1))) / var(--show-count, 1)));display:flex;background:#FFF;border-radius:15px;gap:6px;align-items:center;justify-content:space-evenly;padding:15px;max-width:220px;position:relative}.zwc-testimonials-icon a{position:absolute;inset:0}.zwc-testimonials-img{height:42px;display:flex;align-items:center;justify-content:center}.zwc-plus-icon{display:block;width:19px;aspect-ratio:1;background:var(--sprit-url) no-repeat -394px -7px;background-size:600px}.zwc-testimonials-img img{max-width:100%;max-height:100%;object-fit:contain;object-position:center}.zwc-testimonials-card-icon{display:flex;justify-content:center;flex-wrap:wrap;--show-count:3;--gap:10px;gap:var(--gap)}.zwc-testimonials-slider{padding-top:clamp(30px,6vw,70px);margin-bottom:0}.zwc-comp-table-wrap .slick-next,.zwc-comp-table-wrap .slick-prev{top:unset;bottom:0;--width:70px;width:var(--width-icon,50px);aspect-ratio:1;border:1px solid #cdd6ea;display:flex;height:var(--width-icon,50px);border-radius:50%;justify-content:center;align-items:center;font-size:0}.slick-dots li.slick-active{background:#010101;border-color:#010101}.zwc-comp-table-wrap .slick-dots{width:fit-content;margin-inline:auto;margin-block-start:clamp(40px,6vw,80px)}.zwc-comp-table-wrap .slick-prev{left:calc(50% - (var(--width) / 2));transform:translate(-100%,calc(50% - 14px))}.zwc-comp-table-wrap .slick-next{right:calc(50% - (var(--width) / 2));transform:translate(100%,calc(50% - 14px)) rotate(180deg);left:unset}.zwc-comp-table-wrap .slick-next:before,.zwc-comp-table-wrap .slick-prev:before{content:unset}.zwc-comp-table-wrap .slick-next:after,.zwc-comp-table-wrap .slick-prev:after{position:unset;transform:unset;width:13px;aspect-ratio:1;background:var(--sprit-url) no-repeat var(--icon-position,-311px -5px);background-size:600px}.zwc-testimonial-wrap .content-wrap{display:flex;--content-max:900px;gap:clamp(30px,5vw,60px);flex-wrap:wrap;position:relative}.zwc-testimonial-content{flex:5 5 390px;display:flex;flex-direction:column}.zwc-testimonial-img{flex:1 1 300px;text-align:center}.zwc-testimonial-content p{font-size:clamp(18px,2.2vw,28px);font-family:var(--zf-splfontserif-regular);color:#21294a}.zwc-testimonial-bottom-content{background:#0d1229;color:#FFF;padding-block:30px}.zwc-testimonial-bottom-logo{flex:5 5 400px}.zwc-testimonial-bottom-text{flex:1 1 300px}.zwc-testimonial-bottom-content .content-wrap{align-items:center}.zwc-testimonial-bottom-text p{margin-bottom:0;font-size:16px;color:#b3b9c4}.zwc-testimonial-bottom-text h3{margin-bottom:0}.zwc-testimonial-bottom-content .content-wrap:before{content:'Top integrations';width:fit-content;font-size:clamp(14px,4vw,16px);padding:5px 16px;margin-top:auto;background:#0d1229;color:#fff;font-family:var(--zf-secondary-bold);position:absolute;bottom:calc(100% + 30px)}.zwc-testimonial-img img{vertical-align:bottom}.zwc-testimonials-bottom-img{width:clamp(50px,8vw,80px);aspect-ratio:1;background:#FFF;display:flex;align-items:anchor-center;border-radius:50%;justify-content:center;box-shadow:0 0 0 clamp(6px,1vw,10px) #0d1229;padding:6px}.zwc-testimonials-bottom-icon{display:flex}.zwc-testimonial-bottom-logo:has(.zwc-testimonials-bottom-icon){display:flex;gap:clamp(15px,5vw,30px)}.zwc-testimonials-bottom-img img{max-height:88%;object-fit:contain}.zwc-faq-inner li{padding:clamp(16px,3vw,30px) clamp(20px,7vw,40px) clamp(16px,3vw,30px) clamp(55px,8vw,70px);margin-block-end:10px;border:1px solid #e2e8f8;background:#f8faff}.zwc-faq-inner li.active{--active-postion:-364px 0;background:#FFF}.zwc-faq-wrap{--content-max:865px;padding-block:clamp(50px,9vw,120px)}.zwc-faq-wrap h2{text-align:center;margin-block-end:clamp(30px,6vw,70px)}.zwc-faq-inner h3:before{content:'';position:absolute;width:27px;aspect-ratio:1;background:var(--sprit-url) no-repeat var(--active-postion,-336px 0);background-size:600px;left:-45px;top:50%;transform:translateY(-50%)}.zwc-faq-inner h3{position:relative;margin-bottom:0}.zwc-faq-inner li p{margin-block-end:0;display:none;margin-top:15px}.zwc-bottom-cta-wrap{padding-block:clamp(50px,9vw,120px) 0;--header-color:#fff}.zwc-bottom-cta-wrap .content-wrap{--content-max:1140px;text-align:center;padding-block:clamp(50px,8vw,120px);--title-font:clamp(24px,6vw,44px);border-radius:40px;background:#0d1229}.zwc-bottom-cta-wrap p{color:#b3b9c4;margin-inline:auto;max-width:606px;margin-block-end:clamp(20px,4vw,40px);width:90%}.zwc-integration-text ul li:nth-child(4):after{height:100px;border-color:#FFF}.zwc-grid-layout ul p{margin-bottom:0}.zwc-testimonial-content p:before{content:'';display:block;width:25px;aspect-ratio:1;margin-bottom:20px;background:var(--sprit-url) no-repeat var(--icon-position,-572px 0);background-size:600px;position:absolute;bottom:100%}.zwc-works-flow-card p{margin-bottom:0}@media(max-width:1024px){.zwc-comp-table-wrap .slick-next,.zwc-comp-table-wrap .slick-prev{--width:80px;--width-icon:40px}}@media(max-width:992px){.zwc-flow-chart ul li{width:50%;text-align:center;margin-bottom:17px}.zwc-flow-chart ul li:nth-child(2){border:unset}}@media(max-width:767px){:root{--h2-lt-sp:0;--h1-lt-sp:0;--top-overlap:58px}h2{text-align:center}.zwc-flow-chart ul li{width:100%;margin-bottom:8px;--line-color:transparent}.zwc-works-flow ul li{width:100%}.zwc-works-flow-card{margin-bottom:50px}.zwc-works-flow ul li,.zwc-works-flow ul li .zwc-works-flow-card{margin-inline:auto}.zwc-works-flow ul li:before{content:unset}.zwc-works-flow ul li:after{top:0;left:50%;z-index:9}.zwc-works-flow ul li:nth-child(odd):after{right:50%;transform:translate(-50%,-50%)}.zwc-grid-layout ul li:before{scale:.8;transform-origin:top}.zwc-testimonials-card-icon{--show-count:2}.zwc-testimonial-bottom-logo{justify-content:center}.zwc-testimonial-bottom-text{text-align:center}.zwc-testimonial-bottom-content .content-wrap:before{right:0}.zwc-bottom-cta-wrap .content-wrap{border-radius:20px}}@media(max-width:480px){.zwc-testimonials-card-icon{--show-count:1}.zwc-integration-layout{display:none}.act-btn.zwc-navgate-text{font-size:13px}}.zwc-works-flow ul li:nth-child(even) .zwc-works-flow-card{transform:translate(20%,20%) scale(.8)}.zwc-works-flow ul li:nth-child(odd) .zwc-works-flow-card{transform:translate(-20%,20%) scale(.8)}.zwc-works-flow ul li.zwe-op:nth-child(even) .zwc-works-flow-card{transform:translate(0,0)}.zwc-works-flow ul li.zwe-op:nth-child(odd) .zwc-works-flow-card{transform:translate(0,0)}.zwc-integration-layout li:nth-child(1){--width-ring:30%;box-shadow:inset 0 0 0 29px #c7e6fe,inset 0 0 0 70px #Fff;z-index:4;border:1px solid;display:flex;align-items:center;justify-content:center}.zwc-integration-layout.activeSection li:nth-child(1){box-shadow:inset 0 0 0 75px #c7e6fe}.zwc-integration-layout li:nth-child(2){--width-ring:54%;z-index:3}.zwc-integration-layout li:nth-child(3){--width-ring:78%;z-index:2}.zwc-integration-layout li:nth-child(4){width:100%;z-index:1}.zwc-integration-layout li:nth-child(1){border-radius:50%}.zwc-integration-layout.activeSection li:nth-child(2){background-image:url(/sites/zweb/images/flow/wordpress/green-cr.png)}.zwc-integration-layout.activeSection li:nth-child(3){background-image:url(/sites/zweb/images/flow/wordpress/orangecr.png)}.zwc-integration-layout.activeSection li:nth-child(4){background-image:url(/sites/zweb/images/flow/wordpress/blue-cr.png)}.zwc-integration-layout li{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);aspect-ratio:1;list-style:none;width:var(--width-ring,30%);background-size:contain;background-position:center;background-repeat:no-repeat}.zwc-integration-layout span{position:absolute;width:clamp(30px,4vw,40px);aspect-ratio:1;background:var(--bg-icon-color);z-index:4;top:calc(50% + 49% * sin(var(--angle, 75deg)));transform:translate(-50%,-50%);border-radius:50%;border:1.5px solid var(--bor-color);left:calc(50% + 49% * cos(var(--angle, 75deg)));scale:0;transition:1s all}.zcw-flow-logo{scale:0;transition:1s all}.zwc-integration-layout.activeSection .zcw-flow-logo{scale:1}.zwc-integration-layout li.active span{scale:1}.zwc-integration-layout span::after{content:'';position:absolute;width:var(--icon-width,18px);height:var(--icon-height,18px);top:50%;right:50%;transform:translate(50%,-50%);background:var(--sprit-url) no-repeat var(--icon-position,-5px -5px);background-size:600px}.zwc-integration-layout li:nth-child(1){--bor-color:#e138b7;--bg-icon-color:#fff4fc}.zwc-integration-layout li:nth-child(2){--bor-color:#00ae7a;--bg-icon-color:#ecfef9}.zwc-integration-layout li:nth-child(3){--bor-color:#ff571a;--bg-icon-color:#fff0eb}.zwc-integration-layout li:nth-child(4){--bor-color:#217aff;--bg-icon-color:#e7f1ff}.zwc-integration-layout li:nth-child(1) .zwc-integration-one{--angle:55deg;--icon-position:-285px -4px;--icon-width:19px;--icon-height:21px}.zwc-integration-layout li:nth-child(1) .zwc-integration-two{--angle:222deg;--icon-position:-257px -5px;--icon-width:19px;--icon-height:19px}.zwc-integration-layout li:nth-child(2) .zwc-integration-one{--angle:10deg;--icon-position:-200px -5px;--icon-width:19px;--icon-height:19px}.zwc-integration-layout li:nth-child(2) .zwc-integration-two{--angle:130deg;--icon-position:-172px -5px;--icon-width:20px;--icon-height:19px}.zwc-integration-layout li:nth-child(2) .zwc-integration-three{--angle:280deg;--icon-position:-229px -5px;--icon-width:18px;--icon-height:18px}.zwc-integration-layout li:nth-child(3) .zwc-integration-one{--angle:91deg;--icon-position:-89px -5px;--icon-width:19px;--icon-height:18px}.zwc-integration-layout li:nth-child(3) .zwc-integration-two{--angle:210deg;--icon-position:-117px -5px;--icon-width:18px;--icon-height:18px}.zwc-integration-layout li:nth-child(3) .zwc-integration-three{--angle:340deg;--icon-position:-144px -5px;--icon-width:20px;--icon-height:20px}.zwc-integration-layout li:nth-child(4) .zwc-integration-one{--angle:50deg;--icon-position:-59px -5px;--icon-width:21px;--icon-height:19px}.zwc-integration-layout li:nth-child(4) .zwc-integration-two{--angle:176deg;--icon-position:-32px -4px;--icon-width:20px;--icon-height:20px}.zwc-integration-layout li:nth-child(4) .zwc-integration-three{--angle:250deg;--icon-position:-5px -5px;--icon-width:18px;--icon-height:18px}.zwc-integration-layout:not(.activeSection) span{top:calc(47% + 36%* sin(var(--angle, 75deg)));transform:unset;left:calc(57% + 43%* cos(var(--angle, 75deg)))}.zwc-integration-layout:not(.activeSection) li:nth-child(1) .zwc-integration-two{top:-40%}