.nomargin{margin:0}.zhide{display:none !important}.content-wrap{max-width:1170px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.zflex{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:auto;flex:auto}.zflex-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}.zflex-ac{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.zflex-jsb{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.zflex-jc{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.zwrapper img{vertical-align:top}.block-content h2{font-family:var(--zf-primary-bold);letter-spacing:-1.68px}.block-content p{letter-spacing:-0.5px}.block-content .zbtn{display:inline-block;font-family:var(--zf-primary-semibold),Arial,Helvetica,sans-serif;padding:10px 30px;margin:0;border:1px solid transparent;cursor:pointer;box-sizing:border-box;z-index:1;font-size:14px;background:#f0483e;color:#fff;border-radius:4px}.block-content .video-wrap video{max-width:100%;width:100%;height:100%;-webkit-mask-image:-webkit-radial-gradient(white,black);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden}.zsprite{display:inline-block;background:url("//www.zohowebstatic.com/sites/zweb/images/officeintegrator/sprite-icon.png") no-repeat;background-size:252px auto;background-position:0 -18px}.remark-icon,.embed-icon,.customize-icon{transform:scale(0.8) translate(-10%,5%);margin-bottom:10px}.remark-icon{width:80px;height:24px}.embed-icon{background-position:-95px 0;width:75px;height:48px}.customize-icon{background-position:-185px -8px;width:67px;height:44px}.banner-sec{position:relative;color:#fff}.banner-sec .content-wrap{overflow:unset}.banner-sec::before{content:"";position:absolute;top:0;left:0;width:100%;height:82%;background:transparent linear-gradient(151deg,#1a1ad8 0%,#1cf4fd 100%) 0% 0% no-repeat}.banner-sec .banner-content h1{letter-spacing:-1.96px}.banner-sec .banner-right .banner-content p{color:#f2f2f2}.banner-sec .banner-image{position:relative;max-width:72%;margin:5% auto 0px}.banner-sec .fill{max-width:22%;position:absolute;top:20%;left:-16%}.banner-sec .subsribe{max-width:30%;position:absolute;top:15%;left:60%}.banner-sec .label{max-width:22%;position:absolute;top:-10%;right:-18%}.paper-forms-sec .zblock-content p{color:#585858}.embed-anywhere-sec .video-wrap{width:90%}.customize-sec{background:#f2f2f2;position:relative;overflow:hidden}.customize-sec::before{content:'';position:absolute;background:url("//www.zohowebstatic.com/sites/zweb/images/officeintegrator/custom-bg.jpg") no-repeat;background-size:contain;width:100%;height:100%;left:50%;top:0}.customize-sec .customize-left,.customize-sec .customize-right{position:relative}.customize-sec .customize-wrap{padding-top:150px;max-width:1000px;margin:0 auto}.customize-sec .customize-wrap p{max-width:350px}.customize-sec .inquiry-image-wrap{max-width:85%;margin:50px 0 0;position:relative;bottom:0;left:-5%;z-index:2}.customize-sec .payment-image-wrap{max-width:66%;position:absolute;left:0;top:5%;z-index:2}.customize-sec .line-svg{width:255px;max-width:55%;position:absolute;bottom:14%;left:75%;z-index:-1}.customize-sec .line-svg svg{width:100%;height:auto}.workflow-sec .workflow-cont{max-width:565px;margin:auto auto 20px}.workflow-sec .workflow-cont p{max-width:90%;margin:auto}.bottom-cta-sec .block-content h2{margin-bottom:25px}@media only screen and (max-width:767px){.haspadd .content-wrap{padding:80px 0}.haspadd-top .content-wrap{padding-top:80px}.haspadd-bottom .content-wrap{padding-bottom:80px}.customize-sec .customize-wrap{padding:80px 0 70px}.banner-sec.haspadd .content-wrap{padding-top:30px}.content-wrap{max-width:500px}.zflex-one-col,.zflex-two-col{width:100%}.block-content{text-align:center}.embed-anywhere-sec .video-wrap{margin:auto auto -5%}.remark-icon,.embed-icon,.customize-icon{transform:scale(0.8) translate(-10%,5%);margin-bottom:15px}.customize-sec .customize-wrap p{margin:auto}.customize-sec::before{background:unset}.customize-sec .payment-image-wrap,.customize-sec .line-svg{display:none}.customize-sec .inquiry-image-wrap{margin:5% auto 0px;left:0;bottom:0}.bottom-cta-sec .block-content h2{font-size:22px;line-height:1.3}}@media only screen and (min-width:768px){.haspadd .content-wrap{padding:100px 0}.haspadd-top .content-wrap{padding-top:100px}.haspadd-bottom .content-wrap{padding-bottom:100px}.zflex-one-col{width:100%}.zflex-two-col{width:47%}.zflex-row-reverse-lg{flex-direction:row-reverse}.block-content h1{font-size:38px}.block-content h2{font-size:34px}.block-content h1 span,.block-content h2 span{display:block}.bottom-cta-sec .block-content h2{font-size:38px}.banner-sec .content-wrap{max-width:1280px}.banner-sec .banner-left{width:57%}.banner-sec .banner-right{width:40%}.banner-sec .banner-left .banner-content{max-width:777px;margin-bottom:30px}.banner-sec .banner-right .banner-content{max-width:518px}.paper-forms-sec .zblock-content p{max-width:420px;width:90%}.bottom-cta-sec .block-content{max-width:778px;margin:0 auto}}@media only screen and (min-width:992px){.haspadd .content-wrap{padding:120px 0}.haspadd-top .content-wrap{padding-top:120px}.haspadd-bottom .content-wrap{padding-bottom:120px}.block-content h1{font-size:48px}.block-content h2{font-size:44px}.bottom-cta-sec .block-content h2{font-size:48px}}@media only screen and (min-width:1200px){.block-content h1{font-size:55px}.block-content h2{font-size:50px}.block-content p{font-size:18px}.bottom-cta-sec .block-content h2{font-size:55px}.block-content .zbtn{font-size:16px}.remark-icon,.embed-icon,.customize-icon{transform:scale(1) translate(0,0)}.banner-sec .banner-image{max-width:78%}.customize-sec .customize-wrap{padding-top:200px}}@media only screen and (min-width:1400px){.block-content h1{font-size:65px}.block-content h2{font-size:57px}.bottom-cta-sec .block-content h2{font-size:65px}.banner-sec .banner-image{max-width:80%}}.path-1{stroke-dasharray:1000;stroke-dashoffset:1000;opacity:0}.animated .path-1{opacity:1;animation:integrationdash .5s linear forwards 2s}@keyframes integrationdash{0%{stroke-dashoffset:1000}100%{stroke-dashoffset:0}}@media all and (min-width:1200px){.fadeinup{opacity:0;-webkit-transform:translateY(60px);transform:translateY(60px);-ms-filter:"alpha(opacity=0)";-webkit-transition:all 1300ms cubic-bezier(0.11,0.16,0.43,0.86);transition:all 1300ms cubic-bezier(0.11,0.16,0.43,0.86)}.fadeindown{opacity:0;-webkit-transform:translateY(-60px);transform:translateY(-60px);-ms-filter:"alpha(opacity=0)";-webkit-transition:all 1300ms cubic-bezier(0.11,0.16,0.43,0.86);transition:all 1300ms cubic-bezier(0.11,0.16,0.43,0.86)}.textup{transform:translate3d(0,80px,0);-webkit-transform:translate3d(0,80px,0);-ms-transform:translate3d(0,80px,0);transition:all 1s ease;-webkit-transition:all 1s ease}.middle-animated .fadeinup,.middle-animated .fadeindown{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-ms-filter:"alpha(opacity=100)"}.middle-animated .textup{transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.delay1{-webkit-transition-delay:200ms;transition-delay:200ms}.delay2{-webkit-transition-delay:400ms;transition-delay:400ms}.delay3{-webkit-transition-delay:600ms;transition-delay:600ms}.delay5{-webkit-transition-delay:1000ms;transition-delay:1000ms}.delay4{-webkit-transition-delay:2500ms;transition-delay:2500ms}}@media only screen and (min-width:1400px){.other-lang .block-content h1{font-size:60px}.other-lang .block-content h2{font-size:50px}}.i18n-ar .customize-sec::before{right:0;left:auto}.i18n-ar .customize-sec .payment-image-wrap{right:0;left:auto}.i18n-ar .customize-sec .inquiry-image-wrap{left:unset;right:-5%}.i18n-ar .customize-sec .line-svg{transform:scale(-1,1);left:unset;right:81%}.i18n-ar .workflow-cont *,.i18n-ar .bottom-cta-sec .block-content,.i18n-ar .bottom-cta-sec .block-content *{text-align:center}