:root{--page-sprite:url(/sites/zweb/images/workdrive/home/home-sprite.png)}.pd-tb{padding:150px 0}img{display:block}.content-wrap{max-width:1280px;margin:0 auto;width:90%}.wfs{width:50%}.tac{text-align:center}.flex-wrap{display:flex;justify-content:space-between;align-items:center}.fd-reverse{flex-direction:row-reverse}.zbanner{padding-bottom:95px;position:relative;max-width:1980px;margin:0 auto}.zbanner:before{position:absolute;content:"";width:470px;height:690px;background:url(/sites/zweb/images/workdrive/wd-line.svg) no-repeat -283px 0/700px;left:0;top:40%}.user-icons{vertical-align:baseline;line-height:1;display:inline-grid;grid-auto-flow:column;gap:8px;margin:0 8px}.user-icons span{display:inline-grid}.user-icons span:before{content:"";background-image:var(--page-sprite);background-size:248px auto;display:inline-block;width:44px;height:44px;border:2px solid;border-radius:100%}span.user-a:before{background-position:0 0;border-color:#2b2de2}.user-icons.sm-icons span:before{background-size:195px auto}span.user-b:before{background-position:-50px 0;border-color:#f56c28}.user-icons.sm-icons span:before{background-size:195px auto}span.user-c:before{background-position:-101px 0;border-color:#46a128}.user-icons.sm-icons span:before{background-size:195px auto}.top-wrap .rhs{padding-left:0}.top-wrap .lhs h1{max-width:600px}.top-wrap .rhs p{max-width:560px;font-size:20px;margin-bottom:40px}.top-wrap .rhs .btn-wrap p{max-width:max-content;margin:0}.zbanner .content-wrap{display:table;line-height:0;clear:both}.integration-list{background:#2b2de2;max-width:960px;width:100%;margin-top:100px;justify-content:flex-end;color:#fff;box-sizing:border-box;padding:72px;float:right;position:relative;z-index:0}.integration-list:after{position:absolute;content:"";background:url(/sites/zweb/images/workdrive/integration.png) no-repeat 0 0/610px;width:610px;height:265px;bottom:0;right:0;z-index:-1}.integration-list h3{font:24px/1.25 'Zoho_Puvi_semiBold';letter-spacing:-0.6px}.integration-list p{font:18px/1.6 'Zoho_Puvi_Regular'}.integration-list ul{display:flex;flex-wrap:wrap;padding-top:45px;gap:24px}.integration-list li{width:40%;line-height:30px;padding:0 0 0 45px;position:relative}.integration-list li:before,.integration-list li:after{position:absolute;content:""}.integration-list li:before{width:32px;height:32px;background:rgba(128,129,238,255);border-radius:50%;left:5px;top:1px}.integration-list li:after{width:12px;height:6px;border-bottom:1.5px solid #fff;border-left:1.5px solid #fff;left:16px;top:13px;transform:rotate(-38deg)}.manage-sec{background:#f8f4f2}.secure-sec{background:#2b2de2;color:#fff}.notify-sec{background:#f8f4f2}.manage-sec.tf-box .rhs{padding:60px 40px 0 40px;box-sizing:border-box}.share-sec.tf-box .rhs,.notify-sec.tf-box .rhs{background:#f06a27}.share-sec.tf-box .rhs{padding:88px 64px 0 64px}.secure-sec.tf-box .rhs{background:#0e0fc3;padding:60px 70px 0 60px;box-sizing:border-box}.automate-sec.tf-box .rhs{padding:48px 0 0 60px;box-sizing:border-box}.notify-sec.tf-box .rhs{padding:66px 62px 0 76px;box-sizing:border-box}.automate-sec.tf-box .lhs{padding-left:60px}.manage-sec.tf-box .lhs h2{max-width:525px}.manage-sec.tf-box .lhs p{max-width:460px}.share-sec.tf-box .lhs p{max-width:420px}.secure-sec.tf-box .lhs p{max-width:320px}.secure-sec.tf-box .lhs{padding-left:13%;box-sizing:border-box}.secure-sec.tf-box .lhs h2{max-width:400px}.automate-sec.tf-box .lhs p{max-width:400px}.notify-sec.tf-box .rhs{width:57%}.notify-sec.tf-box .lhs h2{max-width:560px}.notify-sec.tf-box .lhs p{max-width:480px}.sub-img{position:relative}.sub-img img{position:absolute;top:-274px;right:6%;opacity:0;transform:translateY(50px);transition:all .5s ease-out .7s}.middle-animated .sub-img img{opacity:1;transform:translateY(0)}.sub-img3 img{opacity:0;transform:translateX(40px);right:-6%;top:-260px}.sub-img2 img{position:absolute;top:-145px;right:7%;opacity:0;transform:translateY(50px);transition:all .5s ease-out .7s}.tf-box .lhs{width:41%;margin-right:0}.tf-box .rhs{width:calc(56% - 2px)}.tf-box .rhs{background:#19192c}.fd-reverse .lhs{padding-left:60px;box-sizing:border-box}.secure-sec .content-wrap{position:relative;max-width:1980px}.secure-sec .content-wrap::before{position:absolute;content:"";width:240px;height:468px;background:url(/sites/zweb/images/workdrive/shield.png) no-repeat -116px 0/310px;left:-6%;top:11%;opacity:.3}.btm-wrap .lhs h2 span{color:#4c4dec}.btm-wrap .lhs p{color:#46a128;font:24px/1.25 'Zoho_Puvi_semiBold';letter-spacing:-0.38px}.btm-wrap .rhs{padding:80px 0 0 64px;box-sizing:border-box}.btm-wrap .rhs p{font-size:18px;margin-bottom:0}.btn-wrap{padding-bottom:12px;display:flex;display:flex;justify-content:flex-start;gap:32px}.btn-wrap a,.btn-wrap p{text-transform:uppercase;background-color:#ed483e;color:#FFF;border:unset;width:max-content;font-size:20px;padding:20px 32px;font-family:var(--primaryfont-semibold);display:block;line-height:1;border-radius:4px;cursor:pointer;text-align:center}.btn-wrap p{background:#000;margin-bottom:0}@media only screen and (min-width:1400px){.flex-wrap{gap:140px}}@media only screen and (min-width:1400px) and (max-width:1599px){.zbanner:before{background:url(/sites/zweb/images/workdrive/wd-line.svg) no-repeat -283px 0/640px}}@media only screen and (min-width:1200px) and (max-width:1399px){.btn-wrap a,.btn-wrap p{font-size:16px;padding:20px 20px}.content-wrap{max-width:1140px}.pd-tb{padding:120px 0}.zbanner h1{font-size:56px}.zbanner:before{width:370px;background:url(/sites/zweb/images/workdrive/wd-line.svg) no-repeat -283px 0/640px}.integration-list{max-width:860px}.tf-box h2{font:48px/1.2 'Zoho_Puvi_Semibold'}.zbottom h2{font:44px/1.2 'Zoho_Puvi_Semibold'}.btm-wrap .lhs p{margin-bottom:10px}.btm-wrap .rhs{padding:80px 0 0 25px}}@media only screen and (min-width:1200px) and (max-width:1300px){.integration-list{max-width:860px}.zbanner:before{width:280px;background:url(/sites/zweb/images/workdrive/wd-line.svg) no-repeat -226px 0/500px}}@media only screen and (min-width:992px) and (max-width:1199px){.content-wrap{max-width:960px}.pd-tb{padding:100px 0}h1{font:42px/1.2 'Zoho_Puvi_Bold'}.zbanner:before{content:unset}.user-icons{vertical-align:middle}.top-wrap .rhs{padding-left:20px}.manage-sec.tf-box .rhs{padding:48px 32px 0 32px}.sub-img img{top:-210px;right:4%;width:35%}.sub-img3 img{width:50%;top:-170px;right:-3%}.share-sec.tf-box .rhs{padding:68px 44px 0 48px}.secure-sec.tf-box .rhs{padding:60px 36px 0 36px}.automate-sec.tf-box .rhs{padding:60px 0 0 60px}.notify-sec.tf-box .rhs{padding:60px 40px 0 40px}.manage-sec.tf-box .lhs h2,.automate-sec.tf-box .lhs{max-width:390px}.top-wrap .rhs p{font-size:20px;margin-bottom:20px}.btn-wrap{padding-bottom:0;gap:10px}.btn-wrap a,.btn-wrap p{font-size:16px;padding:20px 12px}.integration-list{float:inherit;margin:auto;margin-top:68px}.integration-list ul{padding-top:32px}.integration-list li{padding:0 0 36px 36px}.integration-list li:before{width:24px;height:24px;left:5px;top:1px}.integration-list li:after{width:11px;height:5px;left:12px;top:9px}.manage-sec.tf-box .lhs p,.secure-sec.tf-box .lhs p,.notify-sec.tf-box .lhs p{max-width:440px;box-sizing:border-box;width:92%}.fd-reverse .lhs,.automate-sec.tf-box .lhs{padding-left:32px}.secure-sec.tf-box .lhs{padding-left:0;box-sizing:border-box}.btm-wrap .lhs p{margin-bottom:10px;font:20px/1.25 'Zoho_Puvi_semiBold'}.btm-wrap .rhs{padding:56px 0 0 0;width:48%}.btm-wrap .rhs p{font-size:16px;margin-bottom:0}}@media only screen and (min-width:768px) and (max-width:991px){.pd-tb{padding:80px 0}img{max-width:500px;margin:auto}.content-wrap{width:95%;max-width:720px}.top-wrap{max-width:610px;margin:auto}.integration-list ul{max-width:450px;margin:auto}.integration-list ul{justify-content:center}.integration-list{margin-top:60px;padding:47px;float:inherit}.integration-list li{width:43%;line-height:26px;padding:0 0 35px 35px}.integration-list li:before{width:25px;height:25px;left:5px;top:2px}.integration-list li:after{width:11px;height:5px;left:12px;top:11px}.manage-sec.tf-box .lhs p,.manage-sec.tf-box .lhs p,.share-sec.tf-box .lhs p,.notify-sec.tf-box .lhs h2,.notify-sec.tf-box .lhs p{margin:0 auto 20px}.manage-sec.tf-box .rhs,.share-sec.tf-box .rhs,.secure-sec.tf-box .rhs,.automate-sec.tf-box .rhs,.notify-sec.tf-box .rhs{padding:48px 32px 0 32px !important;box-sizing:border-box}.manage-sec.tf-box .rhs,.share-sec.tf-box .rhs,.secure-sec.tf-box .rhs,.automate-sec.tf-box .rhs,.notify-sec.tf-box .rhs{max-width:600px;margin:auto}.sub-img img{top:-235px !important;width:200px !important}.sub-img3 img{width:260px !important;right:-1% !important}.integration-list:after{background:url(/sites/zweb/images/workdrive/integration.png) no-repeat 0 0/465px;width:465px !important;height:265px !important;bottom:-30px !important;opacity:1 !important;right:0}}@media only screen and (min-width:481px) and (max-width:991px){.btn-wrap{font-size:16px;padding-bottom:0;gap:7px;flex-direction:row;margin:0 5px;justify-content:center;align-items:center}.btn-wrap a,.btn-wrap p{font-size:16px;font-size:16px;padding:20px 24px;max-width:max-content}}@media only screen and (min-width:320px) and (max-width:480px){.btn-wrap{font-size:16px;padding-bottom:0;gap:7px;flex-direction:column;margin:0 5px;justify-content:center;align-items:center}.btn-wrap a,.btn-wrap p{font-size:16px;width:100%;font-size:16px;padding:20px 24px;max-width:max-content}}@media only screen and (min-width:320px) and (max-width:540px){.other-lang .btn-wrap a,.other-lang .btn-wrap p{padding:20px 15px;font-size:15px}.i18n-es-xl .btn-wrap a{font-size:12px}.i18n-es-xl .btn-wrap p{font-size:12px !important}}@media only screen and (max-width:991px){.content-wrap{max-width:720px}.pd-tb{padding:50px 0}.tf-box .lhs,.tf-box .rhs{width:100%}.flex-wrap{display:block}.top-wrap .lhs{width:88%;margin:auto}.top-wrap .rhs{width:100%}.zbanner:before{content:unset}.top-wrap{text-align:center}.user-icons{vertical-align:middle}.top-wrap .rhs{padding-left:0}.top-wrap .rhs p{max-width:100%;font-size:16px;margin-bottom:40px;text-align:center;margin:10px auto 20px}.share-sec.tf-box .lhs p{max-width:420px;margin:auto auto 20px}.tf-box{text-align:center}.integration-list h3,.secure-sec.tf-box .lhs h2,.automate-sec.tf-box .lhs p,.notify-sec.tf-box .lhs p,.manage-sec.tf-box .lhs p{max-width:460px;margin:auto auto 20px}.manage-sec.tf-box .lhs h2,.notify-sec.tf-box .lhs h2{max-width:400px;margin:auto auto 20px}.secure-sec.tf-box .lhs p{max-width:460px;margin:auto auto 20px}.integration-list{max-width:100%;width:100%;margin-top:60px;justify-content:center;padding:40px;float:inherit}.integration-list:after{background:url(/sites/zweb/images/workdrive/integration.png) no-repeat 0 0/417px;width:100%;height:265px;bottom:-60px !important;opacity:.4}.integration-list h3,.btm-wrap .lhs p{font:21px/1.25 'Zoho_Puvi_semiBold'}.btm-wrap .lhs p{margin-bottom:5px}.integration-list ul{padding-top:25px}.integration-list li{width:100%;padding:0 0 24px 24px;font-size:15px;text-align:initial}.integration-list li:before{width:20px;height:20px;left:-3px;top:3px}.integration-list li:after{width:10px;height:5px;left:2px;top:9px}.manage-sec.tf-box .rhs,.share-sec.tf-box .rhs,.secure-sec.tf-box .rhs,.automate-sec.tf-box .rhs,.notify-sec.tf-box .rhs{padding:32px 20px 0 20px;box-sizing:border-box}.fd-reverse .lhs,.automate-sec.tf-box .lhs{padding-left:0}.notify-sec.tf-box .rhs{width:100%}.btm-wrap .rhs{padding:20px 0 0 0}.btm-wrap{margin-bottom:0;font-size:16px}.sub-img3 img{right:-6%;top:-100px;width:150px}.sub-img img{top:-135px;right:4%;width:130px}img{width:90%;margin:auto}}@media only screen and (max-width:767px){.content-wrap{max-width:540px}}@media only screen and (min-width:1200px){h1{font:64px/74px 'Zoho_Puvi_Semibold';letter-spacing:-1.54px;color:#000}h2{font:54px/1.2 'Zoho_Puvi_Semibold';letter-spacing:-1.08px}h3{font:24px/1.25 'Zoho_Puvi_SemiBold';letter-spacing:-0.6px}h4{font:22px/1.25 'Zoho_Puvi_Bold';letter-spacing:-0.22px}p{font:16px/1.6 'Zoho_Puvi_Regular'}}.i18n-ar .integration-list:after{left:0;transform:scaleX(-1);right:unset}.i18n-fr .zbottom .act-btn{padding:20px 22px}.i18n-de .zbottom a,.i18n-de .btn-wrap p{padding:20px 14px}.i18n-es-xl .zbottom a,.i18n-es-xl .btn-wrap p{padding:20px 22px}.i18n-ar .integration-list li:before{right:5px;left:unset}.i18n-ar .integration-list li{padding:0 45px 45px 0}.i18n-ar .integration-list li:after{right:16px;left:unset}.i18n-ar .tf-box .lhs{margin-left:0;margin-right:unset}.i18n-ar .automate-sec.tf-box .lhs{padding-right:60px;padding-left:unset}.i18n-ar .secure-sec.tf-box .lhs{padding-right:13%;padding-left:unset}.i18n-de .btn-wrap a,.i18n-de .btn-wrap p{font-size:18px}.i18n-ar .secure-sec .content-wrap::before{left:unset;transform:scaleX(-1);right:-80px}@media only screen and (min-width:992px) and (max-width:1199px){.i18n-fr .btn-wrap a,.i18n-fr .btn-wrap p{padding:20px 7px}.i18n-ar .integration-list li{padding:0 36px 36px 0}.i18n-ar .integration-list li:after{right:12px;left:unset}.i18n-ar .fd-reverse .lhs,.i18n-ar .automate-sec.tf-box .lhs{padding-right:32px;padding-left:unset}.i18n-pt-br .btn-wrap a,.i18n-pt-br .btn-wrap p{font-size:15px;padding:20px 12px}.i18n-pt-br .top-wrap .rhs p,.i18n-pt-br .btm-wrap .rhs p{font-size:15px}.other-lang .top-wrap .rhs p{font-size:15px}.i18n-es-xl .zbottom a,.i18n-es-xl .btn-wrap p{padding:20px 18px}.i18n-de .btn-wrap a,.i18n-de .btn-wrap p{font-size:14px}.i18n-es-xl .btn-wrap a,.i18n-es-xl .btn-wrap p{font-size:14px}.i18n-th .btm-wrap .btn-wrap{margin-bottom:7px}}@media only screen and (min-width:1200px){.other-lang .notify-sec h2{font-size:42px;word-break:break-word}.i18n-pt-br .secure-sec h2{word-break:break-word}.other-lang h1{font:48px/64px 'Zoho_Puvi_Semibold'}.other-lang h2{font:42px/1.2 'Zoho_Puvi_Semibold'}.other-lang .btn-wrap a,.other-lang .btn-wrap p{padding:20px 20px}}@media(max-width:991px){.secure-sec.tf-box .lhs{padding-left:0}.i18n-ar .zbanner h1,.i18n-ar .zbanner p,.i18n-ar .zbanner .btn-wrap,.i18n-ar .lhs h2,.i18n-ar .lhs p{text-align:center}.i18n-ar .integration-list li:after{right:2px;left:unset}.i18n-ar .integration-list li{padding:0 24px 24px 0}.i18n-ar .integration-list li:before{right:-3px;left:unset}.i18n-ar .i18n-ar .secure-sec.tf-box .lhs{padding-right:0;padding-left:0}.i18n-ar .fd-reverse .lhs,.i18n-ar .automate-sec.tf-box .lhs{padding-right:0;padding-left:unset}.i18n-de h2{font-size:21px}.i18n-de .btn-wrap a,.i18n-de .btn-wrap p{font-size:14px}.i18n-ar .integration-list:after,.secure-sec .content-wrap::before,.i18n-ar .secure-sec .content-wrap::before{display:none}.lang-rtl .withCW .mobile-menu-icon1::after{left:0;right:unset}}