:root{--page-sprite:url(/sites/zweb/workdrive/home/home-sprite.png)}.zflex{display:flex;justify-content:space-between;align-items:center;gap:0 32px}img{display:block}.pd-tb{padding:120px 0}.content-wrap{max-width:1280px;margin:0 auto;width:90%}.zbanner{padding-top:100px;position:relative}.top-wrap.zflex{align-items:center;justify-content:flex-start;gap:0 64px}.top-wrap .lhs h1 .line-break{display:block;color:#4749ec;font-size:56px}.top-wrap .lhs p{max-width:690px;font-size:20px;letter-spacing:-.32px}.top-wrap .rhs{margin-left:140px}.top-wrap .rhs p{max-width:560px;font-size:20px;letter-spacing:-.32px;margin-bottom:40px}.btn-wrap{display:flex;justify-content:flex-start;flex-direction:column;gap:24px 32px;align-items:center}.btn-wrap a,.btn-wrap p{background-color:#ed483e;color:#FFF;border:unset;width:max-content;font-size:20px;padding:20px 24px;font-family:var(--primaryfont-semibold);display:block;line-height:1;text-transform:unset;border-radius:4px;text-transform:uppercase;cursor:pointer;text-align:center}.top-wrap .rhs .btn-wrap p{background:#000;padding:20px 52px;max-width:max-content;margin:0;font-size:20px;margin-bottom:0;text-align:center}.banner-block{padding-bottom:50px;padding-top:50px}.banner-block .zflex{justify-content:center;align-items:unset}.banner-block .lhs{width:60%;position:relative}.r-wrap{flex-direction:column;gap:20px}.r-top,.r-btm{position:relative}.float-1,.float-2,.float-3{position:absolute;z-index:1;opacity:0;transition:all .7s ease-in;transform:scale(.5)}.float-1{bottom:146px;left:186px;transform:translateY(20px)}.float-2{top:106px;left:15px;transform:translateY(20px)}.float-3{top:4px;left:8px;transform:translateY(20px)}.middle-animated .float-1,.middle-animated .float-2,.middle-animated .float-3{opacity:1;transform:translateX(0) scale(1);transform:translateY(0)}.Sdocs-sec{background-color:#f5f0ec;padding-bottom:50px}.Sdocs-sec h2{padding-bottom:48px}.Sdocs-sec h2 span{color:#236eb4}.sdocs-inner.zflex{align-items:flex-start;gap:0 18px;justify-content:unset}.sd-cliq .lhs{position:relative;width:100%;max-width:875px;border-radius:4px}.sd-cliq .lhs:before{position:absolute;content:"";width:100%;height:100%;background:url(/sites/zweb/images/workdrive/cliq-integration/sdocs.jpg) no-repeat right center/cover;min-height:600px;border-radius:8px;z-index:0}.scont-sec .lhs{width:100%;max-width:875px;position:relative}.scont-sec .lhs:before{position:absolute;content:"";width:100%;height:100%;min-height:720px;border-radius:4px;background:url(/sites/zweb/images/workdrive/cliq-integration/scont-bg.jpg) no-repeat right center/cover;z-index:0}.sdocs-inner .rhs{width:100%;max-width:400px;background:#f56c28;box-sizing:border-box;border-radius:8px;padding:80px 48px;color:#fff}.sdocs-inner .rhs p{font-size:28px;letter-spacing:-.45px;line-height:42px}.scont-sec{background:#fff}.scont-sec .zflex{flex-direction:row-reverse;justify-content:flex-end}.scont-sec .lhs{max-width:825px;position:relative}.scont-sec .rhs{background:#4749ec;padding:148px 45px 192px;max-width:440px}.scont-sec .rhs p{letter-spacing:-.56px;line-height:42px;margin-bottom:0}.ryt-list{display:flex;flex-direction:column;gap:0;position:absolute;right:-140px;top:24px}.list1,.list2,.list3,.list4{transform:translateY(-10px);opacity:0;transition:all .3s ease-in}.list1{transition-delay:.2s}.list2{transition-delay:.3s}.list3{transition-delay:.4s}.list4{transition-delay:.5s}.middle-animated .list1,.middle-animated .list2{opacity:1;transform:translateX(0)}.middle-animated .list3,.middle-animated .list4{opacity:1;transform:translateY(0)}.sf-sec{padding-bottom:50px}.sf-sec h2 span{color:#f56c28}.zcont-wrap.zflex{gap:0 20px;justify-content:unset;align-items:unset}.zcont-wrap{position:relative;margin-top:56px}.zcont-wrap:before,.zcont-wrap:after{position:absolute;content:"";left:50%;top:50%;transform:translate(-50%,-50%);z-index:1;opacity:0;transition:all .1s ease-in}.zcont-wrap:before{width:160px;height:140px;background:#fff;border-radius:22px}.zcont-wrap:after{width:98px;height:84px;background:url(/sites/zweb/images/workdrive/cliq-integration/file-icon.png) no-repeat center/145px}.middle-animated .zcont-wrap:before,.middle-animated .zcont-wrap:after{opacity:1}.zc-grid{opacity:0;transition:all .5s ease-in}.zcg-1{transform:translateX(10px)}.zcg-2{transform:translateX(20px)}.zcg-3{transform:translateX(-20px)}.zcg-4{transform:translateX(-10px)}.zcg-1 img{transform:scale(.9) translateX(15px)}.zcg-4 img{transform:scale(.9) translateX(-15px)}.middle-animated .zc-grid{opacity:1;transform:translateX(0)}.middle-animated .zcg-1{transition-delay:.3s}.middle-animated .zcg-2{transition-delay:.2s}.middle-animated .zcg-3{transition-delay:.2s}.middle-animated .zcg-4{transition-delay:.3s}.channel-sec{padding-bottom:245px}.channel-sec h2 span{color:#46a128}.channel-sec h2 .channel{color:#4749ec}.ch-inner{margin-top:62px;justify-content:unset;gap:0 20px;align-items:unset}.channel-sec .lhs{width:100%;max-width:772px;box-sizing:border-box;position:relative}.connect-sec .lhs{max-width:875px}.channel-sec .rhs{max-width:400px}.float-img{position:relative}.float-img .lhs:before{position:absolute;content:"";width:100%;height:100%;z-index:0;background:url(/sites/zweb/images/workdrive/cliq-integration/channels.png) no-repeat center/100%;border-radius:8px;min-height:600px}.channel-sec .rhs{background:#46a128;width:100%;max-width:400px;box-sizing:border-box;border-radius:8px;padding:56px 56px;color:#fff}.channel-sec .rhs p{font-size:28px;letter-spacing:-.45px;line-height:42px}.pd-float{position:absolute;bottom:225px;right:90px;z-index:1;transform:scale(.5);opacity:0;transition:all .5s ease-in}.middle-animated .pd-float{transform:scale(1.1);opacity:1}.security-sec{background:#000;color:#FFF;position:relative}.security-sec p{max-width:470px}.security-sec h2 span,.security-sec p span{color:#f56c28}.sec-laptop{position:absolute;top:-146px;right:350px}.security-lock{position:absolute;top:-50px;right:0;opacity:0;transform:translateX(20px);transition:all .5s ease-in}.bottom-animated .security-lock{opacity:1;transform:translateX(0)}.connect-sec{padding-bottom:120px}.connect-sec .lhs{position:relative}.connect-sec .lhs:before{position:absolute;content:"";width:100%;height:100%;min-height:600px;background:antiquewhite;background:url(/sites/zweb/images/workdrive/cliq-integration/static.jpg) no-repeat center/cover;border-radius:8px;z-index:0}.connect-sec .rhs{max-width:388px;background:#4749ec;padding:150px 40px;min-height:600px}.connect-sec .rhs p{font-size:28px;letter-spacing:-.45px;line-height:42px}.swap-wrap{width:250px}.item{width:250px;border-radius:5px;position:relative;left:30px;box-shadow:0 2px 2px 0 rgba(0,0,0,0.2)}.slider{position:relative;left:-0;width:100%}.slider .slick-slide img{width:100%;height:auto}.slick-slide{position:relative;z-index:1;opacity:1;transform:scale(0.2) translate(220px);transition:opacity .2s linear;transition:transform .4s;padding:30px 0}.slick-active{transform:scale(0.7) translate(120px)}.slick-center{z-index:2;transform:scale(1)}.zbottom{background:#19192c;color:#fff;max-width:90%;margin:auto auto 120px;border-radius:8px}.zbottom .zflex{justify-content:unset;gap:0 140px}.zbottom .lhs{width:600px}.zbottom .lhs p{color:#d1d1d1;margin-bottom:30px}.zbottom .btn-wrap{flex-direction:row}.zbottom .lhs .btn-wrap p{background:#fff;color:#000;margin-bottom:0}.zbottom .rhs{width:400px;gap:0 40px}.zbottom-inner .rhs{display:flex;gap:0 36px;justify-content:unset;align-items:center}.zbottom-inner .rhs .int-icon{display:inline-block;position:relative;width:150px;height:120px}.zbottom-inner .rhs .int-icon:before{position:absolute;content:"";width:138px;height:115px;background:url(/sites/zweb/images/commonroot/product-icons.svg) no-repeat 0 -207px/2750px auto}.zbottom-inner .rhs .wd-bg-icon:before{background-position:0 -288px}.zbottom-inner .rhs .cliq-icon:before{background-position:-2202px -141px;height:132px}.zbottom-inner .rhs .int-icon:after{position:absolute;content:"";width:85px;height:110px;opacity:0;transition:all .5s linear}.zbottom-inner .rhs .wd-bg-icon:after{border-right:2px solid #fff;border-bottom:2px solid#fff;border-radius:0 0 15px 0;left:86px;top:17px;transform:translateY(20px)}.zbottom-inner .rhs .cliq-icon:after{border-left:2px solid #fff;border-top:2px solid #fff;border-radius:15px 0 0 0;left:-33px;top:-8px;transform:translateY(-20px)}.bottom-animated .zbottom-inner .rhs .wd-bg-icon:after,.bottom-animated .zbottom-inner .rhs .cliq-icon:after{opacity:1;transform:translateY(0)}@media(min-width:1400px){.zbanner h1{font:64px/74px 'Zoho_Puvi_Semibold';letter-spacing:-1.54px;color:#000}}@media(min-width:1200px){.zcol-2{width:49%}}@media(min-width:1401px) and (max-width:1600px){.ryt-list{right:-60px}}@media(min-width:1400px) and (max-width:1599px){.zbottom .lhs h2{font:48px/1.2 'Zoho_Puvi_Bold'}}@media(min-width:1200px) and (max-width:1400px){.zbanner h1{font:48px/1.2 Zoho_Puvi_Bold;letter-spacing:-0.1px}.top-wrap .lhs h1 .line-break{font-size:48px}.ryt-list{right:-60px}.float-img .lhs:before{background:url(/sites/zweb/images/workdrive/cliq-integration/channels.png) no-repeat center/100%}.zbottom{max-width:95%}.sec-laptop{top:-101px;right:50%;transform:translate(50%,10px)}.sec-laptop img{max-width:400px}.security-sec p{max-width:390px}}@media(min-width:768px) and (max-width:991px){.btn-wrap a,.btn-wrap p{font-size:18px}}@media(min-width:992px) and (max-width:1200px){.pd-tb{padding:80px 0}.scont-sec{padding-bottom:0}.break{display:none}.btn-wrap{gap:12px;padding-bottom:0}.btn-wrap a,.btn-wrap p{padding:20px 24px;text-align:center;font-size:16px}.act-btn.cta-btn:first-child{margin-right:0}.btn-wrap p{padding:20px 50px}.top-wrap .lhs h1 .line-break{font-size:34px}.sdocs-inner .rhs{padding:80px 32px;color:#fff}.sdocs-inner .rhs p{font-size:24px;line-height:40px}.scont-sec .rhs{padding:80px 40px;min-height:480px}.ryt-list{right:-30px;top:24px}.ryt-list .list{max-width:230px}.sf-sec{padding-bottom:0}.sf-sec p{max-width:450px}.channel-sec .rhs p{font-size:24px}.sec-laptop{display:none}.zbottom{max-width:95%}.zbottom .zflex{gap:0 56px}.zbottom-inner .rhs{gap:0 32px}.zbottom-inner .rhs .int-icon{width:110px;height:120px}.zbottom-inner .rhs .int-icon:before{width:110px;height:100px;background:url(/sites/zweb/images/commonroot/product-icons.svg) no-repeat 0 -207px/2250px auto}.zbottom-inner .rhs .wd-bg-icon:before{background-position:0 -234px}.zbottom-inner .rhs .cliq-icon:before{background-position:-1801px -113px;height:110px}.zbottom-inner .rhs .int-icon:after{width:70px;height:86px}.zbottom-inner .rhs .cliq-icon:after{left:-22px}.zbottom-inner .rhs .wd-bg-icon:after{left:64px}.scont-sec .lhs:before{min-height:480px}.sd-cliq .lhs:before{min-height:500px}.float-img .lhs:before{min-height:400px}.float-img .lhs:before{background:url(/sites/zweb/images/workdrive/cliq-integration/channels.png) no-repeat center/100%;border-radius:4px;top:0;left:0}}@media(max-width:1200px){.zbanner:before{display:none}}@media(min-width:768px) and (max-width:991px){.pd-tb{padding:60px 0}.content-wrap{max-width:720px}}@media(min-width:992px){.umain .top-wrap .rhs .btn-wrap p{padding:20px 60px}.non-umain .btn-wrap a{padding:20px 52px}.other-lang .non-umain .btn-wrap a{padding:20px 24px}.zcol-1{flex:0 0 auto;width:57%}.zcol-2{flex:0 0 auto;width:47%}.zcol-3{flex:0 0 auto;width:32.2%}.zcol-4{flex:0 0 auto;width:23%}a.act-btn{font-size:16px}.ci-static{display:none}}@media(max-width:991px){.break{display:none}.ci-static{text-align:center;display:block;margin:auto;max-width:100%}.banner-block .zflex,.zcont-wrap,.list-split,.ryt-list{display:none}.top-wrap .rhs{margin-left:0}h2{text-align:center}.zflex{flex-direction:column;gap:32px;justify-content:center;align-items:center}.pd-tb{padding:50px 0}.btn-wrap,.zbottom .btn-wrap{flex-direction:row;justify-content:center;align-items:center}.btn-wrap a,.btn-wrap p{font-size:16px}.top-wrap .rhs .btn-wrap p{padding:20px 44px;font-size:16px}.top-wrap .lhs,.top-wrap .rhs,.banner-block .lhs,.banner-block .rhs,.zbottom .lhs,.zbottom .rhs,.scont-sec .lhs,.scont-sec .rhs{width:100%}.zbanner{padding-top:50px}.banner-block{padding-top:24px}.top-wrap .lhs h1{text-align:center}.top-wrap .lhs h1 .line-break{font-size:27px}.top-wrap .lhs p{max-width:100%;font-size:15px;letter-spacing:-.32px;text-align:center}.banner-block .zflex{gap:20px}.scont-sec,.sf-sec{padding-bottom:0}.scont-sec .rhs p{line-height:30px}.channel-sec .rhs p{line-height:32px}.sdocs-inner .rhs p{font-size:18px;line-height:32px}.scont-sec .zflex,.sdocs-inner.zflex{flex-direction:column;gap:32px;align-items:center}.scont-sec .rhs,.channel-sec .rhs,.connect-sec .rhs,.sdocs-inner .rhs{padding:48px 24px;text-align:center;margin:auto;max-width:100%}.connect-sec .rhs p,.channel-sec .rhs p{font-size:18px}.security-sec{text-align:center}.ch-inner{margin-top:24px}.security-sec p{margin:auto}.connect-sec .rhs{min-height:auto}.zbottom .zflex{gap:50px;flex-direction:column-reverse}.zbottom .lhs{text-align:center}.zbottom-inner .rhs{gap:0 50px;justify-content:center}.scont-sec .lhs:before,.sd-cliq .lhs:before,.float-img .lhs:before,.connect-sec .lhs:before,.security-lock,.pd-float,.sec-laptop{display:none}.swap-wrap{display:none}.zbottom-inner .rhs{gap:0 32px}.zbottom-inner .rhs .int-icon{width:110px;height:120px}.zbottom-inner .rhs .int-icon:before{width:110px;height:100px;background:url(/sites/zweb/images/commonroot/product-icons.svg) no-repeat 0 -207px/2250px auto}.zbottom-inner .rhs .wd-bg-icon:before{background-position:0 -234px}.zbottom-inner .rhs .cliq-icon:before{background-position:-1801px -113px;height:110px}.zbottom-inner .rhs .int-icon:after{width:70px;height:86px}.zbottom-inner .rhs .cliq-icon:after{left:-22px}.zbottom-inner .rhs .wd-bg-icon:after{left:64px}}@media(max-width:767px){.scont-sec .rhs,.channel-sec .rhs,.connect-sec .rhs,.sdocs-inner .rhs{max-width:500px}.banner-block{padding:50px 0}.zbanner h1{padding:0 10px}.pd-tb{padding:50px 0}.content-wrap{max-width:540px}.zflex{flex-direction:column}.sf-sec{text-align:center;padding-bottom:0}}@media(max-width:580px){.act-btn.cta-btn:first-child{margin-right:0;margin-bottom:20px;padding:20px 20px}.btn-wrap{padding-bottom:24px;justify-content:center;gap:0 24px;flex-direction:column;align-items:center}.btn-wrap,.zbottom .btn-wrap{flex-direction:column}.zbanner h1{font-size:24px}.zbanner h1 span{font-size:24px}}@media only screen and (min-width:1200px){.zbottom .lhs p{color:#d1d1d1;margin-bottom:30px}}@media only screen and (min-width:1400px){h1{font:64px/72px 'Zoho_Puvi_Bold';letter-spacing:-0.9px;color:#000}h2{font:56px/1.2 'Zoho_Puvi_Bold';letter-spacing:-.09px}h3{font:24px/1.2 'Zoho_Puvi_Semibold';letter-spacing:-.48px}p{font:20px/1.6 'Zoho_Puvi_Regular';letter-spacing:-.32px}}.i18n-de .zbanner h1{font:56px/1.1 'Zoho_Puvi_Semibold'}.i18n-es-xl .sdocs-inner .rhs p,.i18n-nl .sdocs-inner .rhs p,.i18n-fr .sdocs-inner .rhs p,.i18n-de .sdocs-inner .rhs p{font-size:24px;line-height:38px}.i18n-es-xl .channel-sec .rhs p,.i18n-nl .channel-sec .rhs p,.i18n-fr .channel-sec .rhs p,.i18n-de .channel-sec .rhs p{font-size:24px;line-height:42px}.i18n-pt-br .sec-laptop,.i18n-nl .sec-laptop{top:53px}.i18n-fr .sec-laptop,.i18n-es-xl .sec-laptop{top:-14px}.i18n-de .sec-laptop{top:18px}.i18n-th .sec-laptop{top:-46px}.i18n-id .sec-laptop,.i18n-vi .sec-laptop{top:-46px}.i18n-ar .sec-laptop{left:350px;right:unset;max-width:471px}.i18n-ar .security-lock{left:0;right:unset}.i18n-ja .sec-laptop{top:-46px}.i18n-ar .banner-block .zflex:nth-child(2){flex-direction:row-reverse}.i18n-ar .item{right:30px;left:unset}.i18n-ar .zbottom-inner .rhs .cliq-icon:after{border-right:2px solid #fff;border-left:0;right:-33px;left:unset;border-top:2px solid #fff;border-bottom:0}.i18n-ar .zbottom-inner .rhs .wd-bg-icon:after{border-left:2px solid #fff;border-right:0;right:86px;left:unset;border-radius:0 0 0 15px}.i18n-ar .zbottom-inner .rhs .cliq-icon:after{border-radius:0 15px 0 0}.i18n-ar .sd-cliq .lhs:before{min-height:516px}@media(min-width:1200px){.other-lang .security-sec h2{max-width:450px}.other-lang .security-sec p{max-width:390px}.i18n-ar .ryt-list{right:-20px}.i18n-ar .scont-sec .lhs:before{min-height:556px}.i18n-th .sd-cliq .lhs:before{min-height:560px}.i18n-th .scont-sec .lhs:before{min-height:675px}.lang-rtl .top-wrap .rhs{margin-right:90px;margin-left:unset}}@media(min-width:1400px) and (max-width:1599px){.i18n-th .sec-laptop{top:-78px !important}}@media(min-width:1200px) and (max-width:1400px){.i18n-ar .sec-laptop{right:50%;left:unset;transform:translate(50%,10px);top:-127px}.i18n-pt-br .sec-laptop,.i18n-nl .sec-laptop{top:-34px}.i18n-de .sec-laptop{top:-19px}.i18n-ar .scont-sec .lhs:before{min-height:556px}.i18n-fr .sec-laptop,.i18n-es-xl .sec-laptop{top:-74px}.i18n-id .sec-laptop,.i18n-ja .sec-laptop{top:-101px}.i18n-vi .sec-laptop{top:-74px}}@media(min-width:1200px) and (max-width:1399px){.i18n-th .sec-laptop{top:-101px}}@media(min-width:992px) and (max-width:1200px){.i18n-ar .sd-cliq .lhs:before{min-height:424px}.i18n-ar .zbottom-inner .rhs .cliq-icon:after{right:-22px;left:unset}.i18n-ar .zbottom-inner .rhs .wd-bg-icon:after{right:64px;left:unset}}@media(min-width:992px) and (max-width:1199px){.other-lang .top-wrap .rhs{margin-left:90px}.other-lang .top-wrap.zflex{gap:0}.lang-rtl .top-wrap .rhs{margin-right:90px;margin-left:unset}}@media(max-width:991px){.i18n-ar .zbanner h1 span,.i18n-ar .Sdocs-sec .zcol-.rhs p,.i18n-ar .Sdocs-sec h2,.i18n-ar .sf-sec h2,.i18n-ar .sf-sec p,.i18n-ar .channel-sec h2,.i18n-ar .channel-sec p,.i18n-ar .security-sec h2,.i18n-ar .security-sec p,.i18n-ar .zbottom h2,.i18n-ar .zbottom p{text-align:center}.i18n-ar .zbottom-inner .rhs .cliq-icon:after{right:-22px;left:unset}.i18n-ar .zbottom-inner .rhs .wd-bg-icon:after{right:64px;left:unset}.other-lang .btn-wrap a,.other-lang .btn-wrap p{font-size:14px}.other-lang .top-wrap .lhs p{max-width:600px;margin:auto auto 15px}}@media(max-width:767px){.other-lang .btn-wrap a,.other-lang .btn-wrap p{padding:20px 10px}.i18n-es-xl .channel-sec .rhs p,.i18n-nl .channel-sec .rhs p,.i18n-fr .channel-sec .rhs p,.i18n-de .channel-sec .rhs p{font-size:21px;line-height:34px}}@media(max-width:580px){.other-lang .act-btn.cta-btn:first-child{padding:20px 16px}}