*,:after,:before{box-sizing:border-box}img{display:block}h1{font-size:48px;line-height:1.1}body h2{font-size:32px;font-family:var(--primaryfont-bold);line-height:1.15}body h2 span{display:block}.title h2{font-size:36px}a.act-btn.cta-btn{padding:15px 40px;border-radius:3px}.rows{display:flex;display:-ms-flexbox;flex-wrap:wrap;-ms-flex-wrap:wrap;justify-content:space-between;-ms-flex-pack:space-between;align-items:center;-ms-flex-align:center}.rows>div{flex:0 0 50%;-ms-flex:0 0 50%;max-width:50%}.feature-section.center .col-1,.feature-section.center .col-2{flex:0 0 100%;-ms-flex:0 0 100%;max-width:100%}.banner-section h1 span{display:block}.banner-content{max-width:500px}img.border{border-radius:15px;box-shadow:0 0 40px rgba(0,0,0,0.07)}.banner-img{position:relative}.banner-main-img{max-width:550px;z-index:1;position:relative}.zw-product-header,.banner-section{background:#fff5ef}.banner-section{padding:7em 0 9em}.banner-section .img1{position:absolute;top:-40px;left:-10px;z-index:1;max-width:225px}.banner-section .img2{position:absolute;bottom:-50px;right:-30px;z-index:1;max-width:205px}.banner-main-img .img3{overflow:hidden;width:470px;height:500px;background:#ffdb6d;position:relative;border-radius:18px;margin:0 auto}.banner-main-img .img3 img{max-width:450px;position:absolute;right:0;bottom:0}.banner-main-img{max-width:550px}.banner-section .col-1{display:flex;display:-ms-flexbox;align-items:center;-ms-flex-align:center}span.icon{background:url(//www.zohowebstatic.com/sites/zweb/images/forms/images/digital-forms-sprites.png);background-repeat:no-repeat;position:absolute}span.icon.pattern{background-size:750px;background-position:20px 0;width:185px;height:160px;top:-35px;right:78px}span.icon.icon-2.pattern{right:150px;top:inherit;bottom:-70px;transform:rotate(60deg);-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);-moz-transform:rotate(60deg)}.banner-section span.icon-3{background-size:1300px;background-position:-531px -260px;width:115px;height:160px;bottom:-8px;left:-31px;z-index:1}.banner-section span.icon.icon-4{background-position:-84px -140px;width:70px;height:70px;background-size:650px;top:-70px;left:-40px}.banner-section span.icon.icon-5{background-position:-164px -140px;width:40px;height:60px;background-size:650px;bottom:100px;left:-30px}.banner-section span.icon.icon-6{bottom:170px;left:0;font-size:35px;background:0;color:#ad73fe;height:15px;width:20px}.banner-section span.icon.icon-6::after{content:"*";position:absolute;top:-10px;left:3px}.banner-section span.icon.icon-7{top:170px;right:100px;font-size:22px;background:0;color:#75d132}span.icon.icon-8{background-position:-222px -140px;width:40px;height:60px;background-size:650px;bottom:-70px;right:45px}.wrapper{padding:2em 0 0}.feature-section{padding:4em 0}.title{max-width:650px;margin:0 auto 6em;text-align:center}.feature-section .rows .feature-content{max-width:500px;margin:0 auto}.feature-content,.feature-img{position:relative}.feature-section.left-wrap .col-1{order:1}.feature-section.digital-section{padding-bottom:6em}.feature-section.digital-section .feature-content{margin:0;max-width:450px}.digital-section .img1{max-width:550px;margin:0 auto}.digital-section .feature-img::before{position:absolute;left:-20px;top:-60px;content:"";background:#fef2f1;width:70%;height:90%;z-index:-1;border-radius:5px}.digital-section .img2{position:absolute;bottom:-90px;left:-120px;max-width:350px}.digital-section .feature-img{margin-top:30px}.digital-section span.icon.pattern{left:-1px;top:-33px;background-position:-170px 0;width:150px;z-index:-1}.feature-section.center .rows .feature-content{text-align:center;max-width:800px;margin:0 auto 50px}.info-section .feature-img{max-width:900px;margin:0 auto}.info-section .img1{background:#f3fdff;padding:70px 70px}.info-section span.icon::before{width:55px;height:55px;background-size:871px;background:url(//www.zohowebstatic.com/sites/zweb/images/forms/images/digital-forms-sprites.png);background-repeat:no-repeat;position:absolute;top:55%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);content:""}.info-section span.icon-2::before{background-position:-711px -284px}.info-section span.icon-3::before{background-position:-825px -284px;height:48px;width:48px}.info-section span.icon-4::before{background-position:-766px -284px}.info-section span.icon{background-image:none;height:80px;width:80px;border-radius:50%}.info-section span.icon-4{bottom:30%;left:-40px;background:#f5f9ff;border:1px solid #49659c;box-shadow:0 0 20px rgba(0,0,0,0.12)}.info-section span.icon-3{top:20%;right:-35px;left:inherit;background:#ffedd9;border:1px solid #f7af64;box-shadow:0 0 20px rgba(0,0,0,0.12)}.info-section span.icon-2{bottom:20%;right:-35px;left:inherit;background-color:#fff7de;border:1px solid #ffd144;box-shadow:0 0 20px rgba(0,0,0,0.12)}.info-section span.icon.pattern{background:url(//www.zohowebstatic.com/sites/zweb/images/forms/images/digital-forms-sprites.png);background-repeat:no-repeat;background-size:860px;background-position:-353px -10px;width:155px;height:160px;top:20px;left:10px;border-radius:0;right:inherit}.info-section span.icon.pattern:before{display:none}.info-section img{z-index:1;position:relative}.feature-section.collect-section .feature-content{max-width:500px}.collect-section .rows{display:flex;display:-ms-flexbox;flex-wrap:wrap;-ms-flex-wrap:wrap;align-items:center;-ms-flex-align:center}ul.integration{display:flex;display:-ms-flexbox;flex-wrap:wrap;-ms-flex-wrap:wrap;max-width:600px;margin:0 auto;text-align:center;justify-content:center;-ms-flex-pack:center}ul.integration li{margin:10px;transition:all .7s ease-out;-webkit-transition:all .7s ease-out;opacity:0}ul.integration li.forms{position:absolute;left:50%;margin:0 auto;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%)}ul.integration li span{width:200px;height:200px;background:#ffe8e8;display:block;border-radius:0 20px;position:relative}ul.integration li:first-child span{background:#eaf8fe}ul.integration li:nth-child(2) span{background:#ece7fc;border-radius:20px 0}ul.integration li:nth-child(3) span{background:#effff5;border-radius:20px 0}ul.integration li:nth-child(4) span{background:#edf6ff}ul.integration li.forms span.icon{background:#fff;border-radius:50%;box-shadow:0 0 30px #00000021;width:125px;height:125px}ul.integration span::after{background:url(//www.zohowebstatic.com/sites/zweb/images/commonroot/integration-icons-sprite-2x.png);content:"";position:absolute;top:50%;left:50%;background-position:-73px 0;background-repeat:no-repeat;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);background-size:1800px;width:70px;height:65px}ul.integration li.others span::after{background-position:-143px -294px}ul.integration li.desk span::after{background-position:-220px 0;height:72px}ul.integration li.salesforce span::after{background-position:-432px 0;height:65px;width:72px}ul.integration li.forms span::after{background-position:-1141px -170px;height:65px;width:72px;background-size:2020px}.feature-section.integration-section .feature-content{margin:0}.planet-section img{max-width:500px;margin:-50px auto 0;display:block}.feature-section.planet-section{padding-bottom:6em}.data-section{background:#00262b;color:#fff;padding:7em 0 10em}.feature-section.data-section .rows .feature-content{max-width:700px;margin-bottom:60px}.data-section .feature-img{max-width:750px;margin:0 auto}.data-section .img2 img{border-radius:25px}.data-section .img2{display:inline-block;max-width:250px;border:4px solid #000;position:absolute;bottom:-60px;right:-120px;border-radius:25px;z-index:10}.data-section .img1{z-index:10;position:relative}.data-section span.icon-1.pattern{background-position:-620px 0;right:inherit;left:-44px}.data-section span.icon-2{background-size:1600px;background-position:-673px -330px;width:115px;height:180px;bottom:-5px;left:-70px;z-index:10}.data-section span.icon.icon-4{top:280px;left:-40px;font-size:25px;background:0;color:#75d132}.data-section span.icon.icon-3{background:#0a343a;width:19px;height:17px;border-radius:100px;left:-80px;bottom:210px}.data-section span.icon.icon-5{top:110px;right:-50px;font-size:35px;background:0;color:#ad73fe;height:15px;width:20px}.data-section span.icon.icon-5::after{content:"*";position:absolute;top:-10px;left:3px}.data-section h2,.cta-section h2{font-size:40px}.cta-content{margin:0 auto;max-width:850px;text-align:center;padding:6em 0}.fadeinup1,.fadeinup2,.fadeinup3,.fadeinup4{opacity:0}.digital-section .feature-img::before,.fadeinup1,.fadeinup2,.fadeinup3,.fadeinup4,.textup1,.textup2,.textup3{transform:translate3d(0,50px,0);-webkit-transform:translate3d(0,50px,0);-ms-transform:translate3d(0,50px,0);transition:all 1s ease-out;-webkit-transition:all 1s ease-out}.fadeinleft5{opacity:0;transform:translate3d(-50px,0,0);-webkit-transform:translate3d(-50px,0,0);-ms-transform:translate3d(-50px,0,0);transition:all 1s ease-out;-webkit-transition:all 1s ease-out}.digital-section .middle-animated .feature-img::before,.middle-animated .fadeinleft5,.middle-animated .fadeinup1,.middle-animated .fadeinup2,.middle-animated .fadeinup3,.middle-animated .fadeinup4,.middle-animated .textup1,.middle-animated .textup2,.middle-animated .textup3{opacity:1;transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.fadeinup1,.textup1{transition-delay:.2s;-webkit-transition-delay:.2s}.fadeinup2,.textup2{transition-delay:.4s;-webkit-transition-delay:.4s}.fadeinup3,.textup3{transition-delay:.6s;-webkit-transition-delay:.6s}.fadeinup4,.textup4{transition-delay:.8s;-webkit-transition-delay:.8s}.fadeinleft5{transition-delay:1s;-webkit-transition-delay:1s}.digital-section .feature-img::before{transition-delay:.5s;-webkit-transition-delay:.5s}.scaling1,.scaling2,.scaling3,.scaling4,.scaling5{opacity:0;transform:scale(0.3);-webkit-transform:scale(0.3);-ms-transform:scale(0.3);transition:all .7s ease-out;-webkit-transition:all .7s ease-out}.middle-animated .scaling1,.middle-animated .scaling2,.middle-animated .scaling3,.middle-animated .scaling4,.middle-animated .scaling5{opacity:1;transform:scale(1);-webkit-transform:scale(1);-ms-transform:scale(1)}.scaling1{transition-delay:1s;-webkit-transition-delay:1s}.scaling2{transition-delay:1.2s;-webkit-transition-delay:1.2s}.scaling3{transition-delay:1.4s;-webkit-transition-delay:1.4s}.scaling4{transition-delay:1.6s;-webkit-transition-delay:1.6s}.scaling5{transition-delay:1.8s;-webkit-transition-delay:1.8s}span.plus{animation:5s rotaterev linear infinite;-webkit-animation:5s rotaterev linear infinite}ul.integration li:first-child{transform:translate(50%,50%);-webkit-transform:translate(50%,50%);-ms-transform:translate(50%,50%);-moz-transform:translate(50%,50%)}ul.integration li:nth-child(2){transform:translate(-50%,50%);-webkit-transform:translate(-50%,50%);-ms-transform:translate(-50%,50%);-moz-transform:translate(-50%,50%)}ul.integration li:nth-child(3){transform:translate(50%,-50%);-webkit-transform:translate(50%,-50%);-ms-transform:translate(50%,-50%);-moz-transform:translate(50%,-50%)}ul.integration li:nth-child(4){transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%)}ul.integration li.forms{transform:scale(0.3);-webkit-transform:scale(0.3);-ms-transform:scale(0.3);-moz-transform:scale(0.3);transform-origin:top left;-webkit-transform-origin:top left;-ms-transform-origin:top left;-moz-transform-origin:top left}.middle-animated ul.integration li{transform:translate(0,0);-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-moz-transform:translate(0,0);opacity:1}.middle-animated ul.integration li.forms{transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%)}@keyframes rotaterev{0%{transform:rotate(0)}100%{transform:rotate(-360deg)}}@-webkit-keyframes rotaterev{0%{transform:rotate(0)}100%{transform:rotate(-360deg)}}@media screen and (max-width:1280px){h1{font-size:40px}body h2{font-size:30px}.data-section h2,.cta-section h2{font-size:32px}.title{max-width:650px}.feature-section .rows .feature-content{max-width:400px;margin:0}}@media screen and (max-width:1199px){.banner-section span.icon.icon-4,.banner-section span.icon.icon-5,.banner-section span.icon.icon-6{display:none}h1{font-size:38px}.title h2{font-size:34px}.banner-main-img .img3 img{max-width:340px}.banner-main-img .img3{width:370px;height:380px}.banner-section .img1{top:-60px;left:20px;z-index:1;max-width:165px}.banner-section .img2{bottom:-40px;right:70px;z-index:1;max-width:155px}.digital-section .img1{max-width:400px}.digital-section .img2{bottom:-40px;left:-60px;max-width:290px}.feature-section{padding:2em 0}ul.integration li span{width:170px;height:170px}.planet-section img{max-width:400px}.data-section .feature-img{max-width:600px}.data-section .img2{max-width:190px}.data-section{padding:4em 0 7em}.cta-content{padding:3em 0}}@media screen and (max-width:1023px){.banner-img{display:none}.rows>div{flex:0 0 100%;-ms-flex:0 0 100%;max-width:100%}.banner-section{padding:3em 0}.banner-content{max-width:550px;margin:0 auto;text-align:center}.title{margin:0 auto 3em}.feature-section.digital-section .rows .feature-content{margin:0 auto;max-width:630px}.feature-section .rows .feature-content{max-width:600px;margin:0 auto;text-align:center}.feature-section.digital-section .col-2{max-width:480px;margin:0 auto}.digital-section .feature-img::before{display:none}.info-section .feature-img{max-width:550px;margin:0 auto}.info-section .img1{padding:50px 50px}.feature-section.center.info-section{padding-bottom:3em}.feature-section.center .rows .feature-content{max-width:650px}.collect-section .img1{max-width:480px;margin:0 auto}.integration-section .col-2{max-width:400px;margin:0 auto}.data-section .img2{display:none}.wrapper span.icon{display:none}.wrapper ul.integration span.icon{display:block}.data-section{padding:3em 0 4em}.data-section img{max-width:400px;margin:0 auto}.feature-section.left-wrap .col-1{order:0}.cta-content{margin:0 auto;max-width:450px}}@media screen and (max-width:767px){h1{font-size:30px}body h2{font-size:26px}.title h2{font-size:28px}.banner-section h1 span{display:inline}.feature-section .rows .feature-content{max-width:450px}.digital-section .img2{display:none}.feature-section.digital-section{padding-bottom:2em}.info-section .img1{padding:20px}img.border{border-radius:5px}.feature-section.center .rows .feature-content{margin:0 auto 20px}.integration-section .col-2{max-width:300px;margin:0 auto}ul.integration li{margin:5px}ul.integration li span{width:100px;height:100px}ul.integration li.forms span.icon{width:80px;height:80px}ul.integration span::after{transform:translate(-50%,-50%) scale(0.5);-webkit-transform:translate(-50%,-50%) scale(0.5);-ms-transform:translate(-50%,-50%) scale(0.5);-moz-transform:translate(-50%,-50%) scale(0.5)}.planet-section img{max-width:300px}.data-section h2,.cta-section h2{font-size:28px}.data-section img{max-width:300px}.feature-section.data-section .rows .feature-content{margin-bottom:30px}.feature-section.planet-section{padding-bottom:3em}}@media screen and (max-width:375px){.data-section img{max-width:100%}body h2 span{display:inline}}