body{counter-reset:faq-content}.main-container-wrapper:before{content:'';position:absolute;width:100%;height:500px;left:0;top:0}h1{font-size:60px;margin-bottom:30px}h2{font-size:42px}.field-body section:nth-child(9) .content-wrap{padding-top:90px}.right-img h3,.left-img h3{font-size:30px}.banner p,.field-body p{font-size:18px}.banner p{font-size:19px;margin-bottom:38px}.collab-tools li{font-family:var(--zf-primary-semibold);font-size:18px}.content-wrap{width:90%;max-width:1170px}.banner .content-wrap{max-width:900px}.banner .content-wrap,.collab-tools{text-align:center}.collab-tools h2{margin-bottom:10px}section.banner{padding:100px 0}.collab-tools ul{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;text-align:left}.collab-tools ul li{box-shadow:0 0 18px rgba(0,0,0,0.2);width:30%;padding:0 60px 0 120px;box-sizing:border-box;position:relative;margin:50px 1.5% 20px;display:table;min-height:150px}.collab-tools ul li>span{display:table-cell;vertical-align:middle;position:relative;top:-4px;height:150px}.collab-tools ul li:before,.collab-tools ul li:after{position:absolute;content:""}.collab-tools ul li:before{width:100px;height:100%;left:0;top:0}.collab-tools ul li:after{width:60px;height:60px;margin:auto;top:0;bottom:0;left:20px;background-image:url(/sites/zweb/images/cliq/collection-sprite.png);background-size:auto 120px}li.icon_space:after{background-position:-60px 0}li.icon_increase:after{background-position:-120px 0}li.icon_effective:after{background-position:-180px 0}li.icon_productive:after{background-position:-240px 0}li.icon_proactive:before{background:#a2cffc}li.icon_space:before{background-color:#fdbbbd}li.icon_increase:before{background-color:#a0e9f8}li.icon_effective:before{background-color:#f8d4a0}li.icon_productive:before{background-color:#a0f8eb}.feature-1.content-wrap{max-width:1280px;text-align:center}.middle .cont-part{max-width:750px;margin:auto}.middle,.right-img,.left-img{padding:90px 0 60px}.middle{text-align:center}.middle h4{margin:15px auto 25px}.middle .image-part{margin-top:60px}.mobile-screen img{width:90%;max-width:600px}.shadow .image-part img{box-shadow:10px 10px 13px -2px rgba(0,0,0,.05);border-radius:15px}.right-img,.left-img{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.right-img .cont-part,.left-img .cont-part{width:45%}.right-img .image-part,.left-img .image-part{width:55%;text-align:center}.right-img .image-part img,.left-img .image-part img{max-width:90%}.left-img .cont-part h3,.left-img .cont-part p,.right-img .cont-part h3,.right-img .cont-part p{max-width:430px;margin-left:auto;margin-right:auto}.intergration ul li{position:absolute;display:inline-block}.intergration ul{text-align:center}[class|=icon]{width:85px;height:85px;display:block;white-space:nowrap;padding-top:90px}[class|=icon]:after,[class|=icon]:before{position:absolute;content:""}[class|=icon]:after{width:40px;height:40px;background-color:#dfdfdf;left:0;right:0;top:10px;margin:auto;background:url(/sites/zweb/images/commonroot/integration-icons-sprite-2x.png) no-repeat left top;box-sizing:border-box;background-size:1000px auto}[class|=icon]:before{width:85px;height:85px;left:0;right:0;top:-10px;border-radius:50%;box-shadow:0 8px 30px rgb(223 223 223 / 48%)}[class|=symbol]{line-height:0;font-size:26px;font-weight:600;color:#d8d8d7}li.icon-drive:after{background-position:-200px 0}li.icon-desk:after{background-position:-120px 0}li.icon-asana:after{background-position:-600px -40px}li.icon-zendesk:after{background-position:-40px -120px}li.icon-trello:after{background-position:-680px -40px}li.icon-zapier:after{background-position:-280px -0}li.icon-home:after{background:url(/sites/zweb/images/producticon/cliq.svg) no-repeat left top;background-size:auto 66px}.intergration{height:240px;position:relative;margin:140px auto 120px}li.icon-home{margin:auto;left:0;right:0;top:0;bottom:0;padding:0}li.icon-home:before,li.icon-home{width:150px;height:150px;border-radius:50%}li.icon-home:after{top:0;bottom:0;width:70px;height:70px}li.icon-drive{left:0;top:0}li.symbol-1{top:16%;left:18%}li.icon-desk{left:15%;bottom:-50%}li.icon-asana{left:25%;top:-30px}li.symbol-2{left:37%;top:57%}li.symbol-3{right:31%;top:54%}li.symbol-4{top:16%;right:18%}li.icon-zendesk{right:25%;top:0}li.icon-trello{right:15%;bottom:-50%}li.icon-zapier{right:0;top:0}section.bg-color{background-color:#fffaed;padding:140px 0}.collab h2{text-align:center;max-width:710px;margin:0 auto 30px}.collab ul li{width:33%;padding:90px 30px 0 30px;display:inline-block;vertical-align:top;margin-top:50px;position:relative;box-sizing:border-box}.collab ul li:before{position:absolute;content:"";width:60px;height:60px;background-image:url(/sites/zweb/images/cliq/collection-sprite.png);background-size:auto 120px;top:10px}.collab ul li p{font-size:17px}li.instant:before{background-position:-300px 0}li.smart:before{background-position:-360px 0}li.easy:before{background-position:-420px 0}li.effortless:before{background-position:0 -60px}li.annotate:before{background-position:-60px -60px}li.react:before{background-position:-120px -60px}li.group:before{background-position:-180px -60px}li.automate:before{background-position:-240px -60px}li.channel:before{background-position:-300px -60px}.cta-section{text-align:center;max-width:960px;padding:30px 0 100px}.cta-section h2{margin-bottom:30px}.integration-wrap p{max-width:800px;margin:0 auto}.i18n-zh-hant .feature-4 .cont-part h3,.i18n-zh-hant .feature-4 .cont-part p{max-width:455px}.i18n-zh-hant .collab-tools ul li>span{height:100px}.i18n-zh-hant .collab-tools ul li{min-height:100px}.zfaq-sec-content{background:#fff5e2;margin:0 auto;text-align:center;padding:80px;border-radius:7px;margin:10px 0 100px}.zfaq-wraper{width:90%}.zqst-box{text-align:left;border-bottom:1px solid #ffe5af;display:flex;counter-reset:list-count;cursor:pointer;padding:20px 35px 20px 0}.qst-ans{display:none;width:90%;font-size:18px;line-height:1.6em}.zfaq-sec-content>h2{font-family:var(--zf-primary-bold);font-size:36px;padding-bottom:20px}.faq-heading{font-size:19px;font-family:var(--zf-secondary-semibold);margin-bottom:0;padding-right:100px}.qst-ans-box{width:100%;position:relative}.arrow-btn{position:absolute;right:0}.qst-ans-box>span{transition:.8s}.qst-ans-box span::after{content:"";width:9px;height:9px;display:inline-block;border-right:1.5px solid black;border-bottom:1.5px solid black;transform:rotate(45deg)}.active_the_span{transform:rotate(180deg)}.zwraper-box{width:85%;margin:auto}.qst_num::before{counter-increment:faq-content;content:counter(faq-content) ".";font-family:var(--zf-secondary-semibold)}.list-count::before{counter-increment:list-count;content:counter(list-count) "."}.qst-ans{margin:20px 0 0}.zw-template-inner ul{margin:0 0 20px}.qst-ans>li,.qst-ans-four>li{padding:5px 0}.inline-element{display:inline-block}.qst-ans-four{margin:0}.qst-ans-para{font-size:18px}@media only screen and (max-width:1100px) and (min-width:768px){.banner h1{font-size:50px}h2{font-size:40px}.banner .content-wrap{max-width:700px}.collab-tools ul li{width:40%}.collab-tools ul li{margin:40px 24px 10px}.feature-3.left-img h3{white-space:normal}.middle,.right-img,.left-img{padding:80px 0}.feature-1.content-wrap,section.bg-color{margin-top:60px}.middle p{max-width:770px;margin:30px auto 15px}.collab-tools h2{margin-bottom:20px}}@media only screen and (max-width:1100px) and (min-width:992px){.collab ul li{width:32%}}@media only screen and (max-width:991px) and (min-width:768px){section.banner{padding:60px 0 70px}.collab ul li{width:49%;margin-top:50px}.collab h2{margin-bottom:40px}.intergration ul li{-webkit-transform:scale(0.8);transform:scale(0.8)}.intergration ul li.icon-home{-webkit-transform:scale(0.5);transform:scale(0.5);top:unset}.intergration{height:200px;margin-bottom:0}.collab-tools ul li{font-size:18px;padding:0 20px 0 115px}.collab-tools h2{max-width:480px;margin:0 auto 20px}}@media only screen and (min-width:768px){.collab-tools ul li{opacity:0;-ms-filter:"alpha(opacity=0)";-webkit-transform:translateY(100px);transform:translateY(100px)}.animated.collab-tools ul li{opacity:1;-ms-filter:"alpha(opacity=100)";-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:all 1s;transition:all 1s}.animated.collab-tools li.icon_proactive{-webkit-transition-delay:.2s;transition-delay:.2s}.animated.collab-tools li.icon_space{-webkit-transition-delay:.4s;transition-delay:.4s}.animated.collab-tools li.icon_increase{-webkit-transition-delay:.6s;transition-delay:.6s}.animated.collab-tools li.icon_effective{-webkit-transition-delay:.8s;transition-delay:.8s}.animated.collab-tools li.icon_productive{-webkit-transition-delay:1s;transition-delay:1s}.middle img{opacity:0;-ms-filter:"alpha(opacity=0)";-webkit-transform:translateY(100px);transform:translateY(100px);-webkit-transition:all 1s;transition:all 1s}.animated.middle img{opacity:1;-ms-filter:"alpha(opacity=100)";-webkit-transform:translateY(0);transform:translateY(0)}.left-img img{opacity:0;-ms-filter:"alpha(opacity=0)";-webkit-transform:translateX(-50px);transform:translateX(-50px);-webkit-transition:all 1s;transition:all 1s}.animated.left-img img{opacity:1;-ms-filter:"alpha(opacity=100)";-webkit-transform:translateX(0);transform:translateX(0)}.right-img img{opacity:0;-ms-filter:"alpha(opacity=0)";-webkit-transform:translateX(50px);transform:translateX(50px);-webkit-transition:all 1s;transition:all 1s}.animated.right-img img{opacity:1;-ms-filter:"alpha(opacity=100)";-webkit-transform:translateX(0);transform:translateX(0)}.intergration ul li{-webkit-transform:scale(0) translateY(40px);transform:scale(0) translateY(40px);-webkit-transition:all 1s;transition:all 1s}.animated .intergration ul li{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}.animated .intergration li.icon-drive,.animated .intergration li.icon-zapier{-webkit-transition-delay:1.2s;transition-delay:1.2s}.animated .intergration li.icon-desk,.animated .intergration li.icon-trello{-webkit-transition-delay:.8s;transition-delay:.8s}.animated .intergration li.icon-asana,.animated .intergration li.icon-zendesk{-webkit-transition-delay:.4s;transition-delay:.4s}}@media only screen and (max-width:767px){.banner h1{font-size:32px}h2{font-size:28px}.right-img h3,.left-img h3{font-size:26px}.banner p,.field-body p{font-size:16px}section.banner{padding:60px 0}.banner .content-wrap{max-width:590px}.feature-3.left-img h3{white-space:normal}.collab-tools ul{max-width:350px;margin:auto}.middle .image-part{margin-top:40px}.collab-tools ul li{width:100%}.collab-tools ul li{margin:40px 0 0}.collab-tools ul li{font-size:16px;min-height:100px;padding:0 30px 0 110px}.right-img .cont-part,.left-img .cont-part,.right-img .image-part,.left-img .image-part{width:100%;text-align:center}.left-img{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.middle,.right-img,.left-img{padding:60px 0}.feature-1.content-wrap{margin-top:50px}.left-img .cont-part h3,.left-img .cont-part p,.right-img .cont-part h3,.right-img .cont-part p{max-width:520px;width:90%}.left-img .cont-part h3,.right-img .cont-part h3{max-width:380px}li.icon-drive{left:-10%;bottom:-20%}li.icon-desk{left:14%;bottom:-23%}li.icon-asana{left:13%;top:-5%}li.icon-zendesk{right:13%;top:-4%}li.icon-trello{right:14%;bottom:-23%}li.icon-zapier{right:-10%;top:0;bottom:-20%}[class|=symbol]{opacity:0;-ms-filter:"alpha(opacity=0)"}.intergration{width:85%;max-width:400px;height:400px}.intergration ul li{-webkit-transform:scale(0.8);transform:scale(0.8);margin:auto}.intergration ul li.icon-home{-webkit-transform:scale(0.8);transform:scale(0.8)}.collab h2{max-width:500px}.collab ul li{margin-top:40px;width:100%;text-align:center}.i18n-ar .collab ul li{text-align:right}section.bg-color{padding:100px 0 80px;margin-top:30px}.faq-heading{padding-right:40px}.zfaq-sec-content{padding:80px 20px}.zwraper-box{width:100%}.qst-ans{width:100%;margin:20px 0 0}.zqst-box{padding:20px 5px 30px}.collab-tools ul li>span{height:auto}.faq-heading{margin-right:15px}.collab ul li:before{transform:translateX(-50%)}}@media only screen and (max-width:480px){.collab ul li{width:100%;margin-top:20px;padding-top:70px}.collab ul li:before{-webkit-transform:scale(0.9) translateX(-50%);transform:scale(0.9) translateX(-50%)}.mobile-screen{margin-top:20px}.cta-section{padding:50px 0 100px}.collab-tools ul li:after{-webkit-transform:scale(0.7);transform:scale(0.7)}.collab-tools h2{margin-bottom:0}.intergration{height:380px;margin:40px auto 40px}.collab h2{text-align:center}}.i18n-ar section.banner h1,.i18n-ar section.banner p,.i18n-ar .collab-tools h2,.i18n-ar .feature-1.content-wrap h2,.i18n-ar .feature-1.content-wrap h3,.i18n-ar .feature-1.content-wrap p,.i18n-ar .feature-7.content-wrap p,.i18n-ar .feature-7.content-wrap h2,.i18n-ar section.integration-wrap p,.i18n-ar section.integration-wrap h2,.i18n-ar .middle h2,.i18n-ar .middle p,.i18n-ar .cta-section h2,.i18n-ar .cta-section p,.i18n-ar .middle .image-part{text-align:center}