:root{--page-sprite:url(/sites/zweb/images/workdrive/home/home-sprite.png)}.pd-tb{padding:150px 0}img{display:block;margin:auto}.tac{text-align:center}.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}.user-icons{vertical-align:baseline;line-height:1;display:inline-grid;grid-auto-flow:column;gap:8px;margin-left:8px}.user-icons span{display:inline-grid;transition:all .5s ease-in;opacity:0;transform:translateX(-10px)}.user-icons span.user-a{transition-delay:.5s}.user-icons span.user-b{transition-delay:.9s}.user-icons span.user-c{transition-delay:1.2s}.bottom-animated .user-icons span{opacity:1;transform:translateX(0)}.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%}.user-icons span::after{content:"";width:43px;height:43px;border:1.5px solid;border-radius:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(1);transform-origin:center center}span.user-a:before{background-position:0 0}.user-icons.sm-icons span:before{background-size:190px auto}span.user-b:before{background-position:-50px 0}.user-icons.sm-icons span:before{background-size:190px auto}span.user-c:before{background-position:-101px 0}.user-icons.sm-icons span:before{background-size:190px auto}.user-icons span.user-a:before,span.user-a:after{border-color:#2b2de2;transition-delay:550ms;animation-delay:1s}.user-icons span.user-b:before,span.user-b:after{border-color:#f56c28;transition-delay:750ms;animation-delay:3s}.user-icons span.user-c:before,span.user-c:after{border-color:#46a128;transition-delay:950ms;animation-delay:6s}.middle-animated .user-icons span::after{animation:pulse-border 1.5s linear infinite}@keyframes pulse-border{0%{transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);opacity:1}100%{transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.25);opacity:0}}.top-wrap .rhs{padding-left:60px}.top-wrap .rhs p{max-width:560px;font-size:18px;margin-bottom:40px}.zbanner .content-wrap{display:table;line-height:0;clear:both}.manage-sec{background:#f8f4f2}.manage-sec.record-sec{background:#2b2de2;color:#fff}.manage-sec.record-sec .rhs{background:#1b1dc9}.secure-sec.reinvent-sec{background:#f8f4f2;color:#000}.reinvent-sec.tf-box .rhs{max-width:800px}.reinvent-sec .rhs img,.rec-anim img,.fd-reverse .rhs img{border-radius:4px 4px 0 0}.secure-sec{background:#2b2de2;color:#fff}.notify-sec{background:#f8f4f2}.manage-sec.tf-box .rhs{padding:60px 24px 0 24px;box-sizing:border-box;position:relative}.static-img{display:none}.rec-float{position:inherit}.rec-float>div{position:absolute;content:"";right:13px;bottom:64px;transform:translateX(50px);transition:all .7s ease-in 1s;opacity:0}.rec-float img{border-radius:5px}.rec-float span{position:absolute;right:204px;bottom:12px;transform:translateX(50px);transition:all .7s ease-in 1.6s;opacity:0}.middle-animated .rec-float>div,.middle-animated .rec-float span{transform:translateX(0);opacity:1}.share-sec.tf-box .rhs,.notify-sec.tf-box .rhs{background:#f06a27}.share-sec.tf-box .rhs{padding:46px 24px 0 24px;box-sizing:border-box;position:relative}.secure-sec.tf-box .rhs{background:#0e0fc3;padding:60px 24px 0 24px;box-sizing:border-box;position:relative}.r-float{position:absolute;bottom:81px;right:35px;transform:translateY(-50px);opacity:0;transition:1s all .1s ease;animation-name:wdFloating;animation-duration:3s;animation-iteration-count:infinite;animation-delay:1,4s}.middle-animated .r-float{opacity:1;transform:translateY(0)}@keyframes wdFloating{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}65%{-webkit-transform:translate(0,10px);transform:translate(0,10px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}.r-float img{max-width:90%}.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:430px}.share-sec.tf-box .lhs p{max-width:370px}.secure-sec.tf-box .lhs p{max-width:300px}.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:11%;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}.middle-animated.sub-img3 img{opacity:1;transform:translateX(0)}.tf-box .lhs{width:41%;margin-right:0}.tf-box .rhs{width:calc(59% - 2px);border-radius:4px}.tf-box .rhs{background:#19192c}.fd-reverse .lhs{padding-left:60px;box-sizing:border-box}.secure-sec .content-wrap{position:relative}.zbottom h2{margin-bottom:40px}.zbottom .btn-wrap{justify-content:center;padding-bottom:12px}.btm-wrap .lhs h2 span{color:#4c4dec}.btm-wrap .lhs p{color:#46a128;font:24px/1.25 var(--primaryfont-semibold);letter-spacing:-0.38px}.btm-wrap .rhs{padding:80px 0 0 125px;box-sizing:border-box}.btm-wrap .rhs p{font-size:18px}.btn-wrap{padding-bottom:32px;display:flex;display:flex;justify-content:flex-start;gap:32px}.btn-wrap a,.btn-wrap button,p.cta-btn,.zbtm-inner .btn-wrap button,.zbtm-inner p.cta-btn{color:#FFF;border:unset;width:max-content;font-size:20px;padding:20px 32px;font-family:var(--primaryfont-semibold);display:block;line-height:1;text-transform:uppercase;border-radius:4px;text-align:center;cursor:pointer}.btn-wrap a:last-child{background:#000}.top-wrap .rhs .btn-wrap button,.top-wrap .rhs p.cta-btn,.zbtm-inner .btn-wrap button,.zbtm-inner p.cta-btn{max-width:max-content;margin:0;background-color:#000}.snap-sec{width:100%;height:100%;background:url(/sites/zweb/images/workdrive/btm-bg.jpg) no-repeat top/cover;padding:72px 0 120px}.snap-inner{max-width:560px;height:100%;width:100%;box-sizing:border-box;padding:56px 74px;background-color:#f8f4f2;box-shadow:40px -27px 36px #0000006C;color:#000;margin:64px 0 0 88px}.snap-inner p{font-size:17px}.snap-inner h2 span{color:#4749ec}.zcol-wrap{width:100%;max-width:1800px;margin:60px auto 0;display:flex;flex-wrap:wrap;gap:0 20px;justify-content:space-between;align-items:unset}.zcol-wrap .zcol-4{width:calc(25% - 18px);max-width:400px;position:relative;border-radius:4px;gap:24px}.zcol-wrap .zcol-2{width:calc(50% - 18px);position:relative;border-radius:4px}.wd-shape{position:relative}.zcol-bg{background:#2b2de2;display:flex;color:#fff;flex-direction:column;gap:50px;box-sizing:border-box;padding:0 24px;justify-content:center;height:100%}.zcol-bg p{max-width:340px;text-align:left;margin:0 auto 0 0;font-size:16px}.tcol-block{width:100%;border-radius:4px;min-height:672px;position:relative}.wd-shape{background:url(/sites/zweb/images/workdrive/wd-shape.png) no-repeat right center;height:100%;min-height:672px;border-radius:4px;background-size:672px;background-position-x:right}.zcol-bg2{background:url(/sites/zweb/images/workdrive/img1.jpg) no-repeat top center/cover;position:relative}.ws-float{position:absolute;bottom:100px;right:20px;transition:all .5s ease-in;animation-name:wdFloating;animation-duration:3s;animation-iteration-count:infinite}.zcol-bg3{background:url(/sites/zweb/images/workdrive/img2.png) no-repeat left center/cover;position:relative}.es-float{position:absolute;bottom:100px;right:200px;z-index:1;transition:all .5s ease-in;animation-name:wdFloating;animation-duration:3s;animation-iteration-count:infinite}.rd-float{position:absolute;bottom:15px;right:35px;max-width:280px;border-radius:5px 4px 0 0;opacity:0;transition:all .5s ease-in;transform:translateX(30px)}.middle-animated .rd-float{opacity:1;transform:translateX(0)}@media(max-width:1200px){.zcol-wrap .zcol-4{width:calc(36.333% - 16px)}}@media(min-width:992px) and (max-width:1199px){.zcol-shape{display:none}.zcol-wrap .zcol-4{width:calc(40% - 16px)}.zcol-wrap .zcol-2{width:calc(57% - 16px)}.zcol-wrap{justify-content:center}}@media(min-width:768px) and (max-width:991px){.zcol-bg3{display:none}}@media(max-width:991px){.zcol-wrap .zcol-4{width:calc(50% - 12px)}}@media(max-width:767px){.zcol-wrap .zcol-4{width:100%}.zcol-shape,.zcol-bg2,.zcol-bg3{display:none}.zcol-wrap{justify-content:center}}@media(max-width:680px){.zcol-wrap .zcol-4{width:98%;width:calc(94% - 24px)}}@media only screen and (min-width:1200px) and (max-width:1399px){.content-wrap{max-width:1140px}.pd-tb{padding:120px 0}.top-wrap .rhs{padding-left:32px}.btn-wrap{gap:20px}.btn-wrap a,.btn-wrap button,.zbtm-inner .btn-wrap button,.zbtm-inner p.cta-btn{padding:20px 26px;font-size:18px}.tf-box h2{font:48px/1.2 var(--primaryfont-semibold)}.zbottom h2{font:44px/1.2 var(--primaryfont-semibold)}.btm-wrap .lhs p{margin-bottom:10px}.btm-wrap .rhs{padding:80px 0 0 25px}.int-wrap .zcol2{margin-left:265px}.rec-float>div{bottom:30px}.rec-float span{bottom:54px}.static-img{display:none}.rec-anim,.rec-float{display:block}}@media only screen and (min-width:992px) and (max-width:1199px){.break{display:none}.content-wrap{max-width:960px}.pd-tb{padding:100px 0}h1{font:38px/1.2 var(--primaryfont-semibold)}p{font-size:16px}.rd-float{max-width:185px}.r-float img{max-width:70%}.user-icons{vertical-align:middle}.top-wrap .rhs{padding-left:20px}.int-wrap{justify-content:center}.int-wrap .zcol2{margin-left:0}.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:16px;margin-bottom:20px;max-width:395px}.btn-wrap{padding-bottom:28px;gap:20px}.btn-wrap a,.btn-wrap button,.zbtm-inner .btn-wrap button,.zbtm-inner p.cta-btn{font-size:16px;padding:16px}.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 var(--primaryfont-semibold)}.btm-wrap .rhs{padding:56px 0 0 0;width:48%}.btm-wrap .rhs p{font-size:16px;margin-bottom:0}.r-float{bottom:50px;right:0}.rec-float img,.rec-float span img{max-width:70%}.rec-float span img{max-width:70%}.rec-float span{right:167px}.snap-sec.pd-tb{padding:60px 0}.snap-inner{max-width:460px;margin:32px 0 16px 32px}.static-img{display:none}.rec-anim,.rec-float{display:block}}@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}.int-wrap{justify-content:center}.int-wrap .zcol2{margin-left:0}.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}.static-img{display:none}.rec-anim,.rec-float{display:block}.r-float img{max-width:254px}.r-float{animation-iteration-count:inherit;bottom:56px;right:35px}.rd-float{position:absolute;bottom:0;right:0;max-width:160px}}@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;justify-content:center;align-items:center}.btn-wrap a,.btn-wrap button,.zbtm-inner .btn-wrap button,.zbtm-inner p.cta-btn{font-size:16px}}@media only screen and (min-width:320px) and (max-width:480px){.snap-inner{max-width:100%;padding:36px 36px;margin:60px 0 60px 0}.btn-wrap{font-size:16px;padding-bottom:0;gap:10px;flex-direction:column;justify-content:center;align-items:center}}@media only screen and (max-width:991px){.break{display:none}.static-img{display:block}.rec-anim,.rec-float{display:none}.secure-sec.tf-box .lhs{padding-left:0}.content-wrap{max-width:720px}.pd-tb{padding:50px 0}.btn-wrap a,.btn-wrap button,.zbtm-inner .btn-wrap button,.zbtm-inner p.cta-btn{font-size:16px;padding:16px}.tf-box .lhs,.tf-box .rhs{width:100%}.flex-wrap{display:block}.top-wrap .lhs{width:88%;margin:auto}.top-wrap .rhs{width:100%}.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}.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}.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 20px}.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}.r-float{animation-iteration-count:inherit}}@media only screen and (max-width:767px){.content-wrap{max-width:540px}.r-float{bottom:30px}.r-float img{max-width:34%}.snap-inner{margin:60px 0 0 0}.secure-sec .content-wrap{max-width:540px}.rd-float{right:0;max-width:100px}.zcol-wrap{margin:0}}@media only screen and (min-width:1400px){.top-wrap .rhs .btn-wrap button,.top-wrap .rhs p.cta-btn,.zbtm-inner .btn-wrap button,.zbtm-inner p.cta-btn{font-size:20px}}@media only screen and (min-width:1200px){h1{font:56px/64px var(--primaryfont-semibold);letter-spacing:-1.54px;color:#000}h2{font:40px/1.2 var(--primaryfont-semibold);letter-spacing:-1.08px}h3{font:24px/1.25 var(--primaryfont-semibold);letter-spacing:-0.6px}h4{font:22px/1.25 var(--primaryfont-bold);letter-spacing:-0.22px}p{font:16px/1.6 var(--primaryfont-regular)}.other-lang h1{font:48px/56px var(--primaryfont-semibold)}}.other-lang .user-icons{margin-right:8px}.other-lang .btn-wrap a,.other-lang .btn-wrap button,.other-lang .zbtm-inner .btn-wrap button,.other-lang .btn-wrap button,.other-lang .zbtm-inner .btn-wrap button,.other-lang p.cta-btn,.other-lang .zbtm-inner p.cta-btn,.other-lang p.cta-btn,.other-lang .zbtm-inner p.cta-btn{padding:20px 18px}.i18n-de .btn-wrap a,.i18n-de .btn-wrap button,.i18n-de .zbtm-inner .btn-wrap button,.i18n-de .btn-wrap button,.i18n-de .zbtm-inner .btn-wrap button,.i18n-de p.cta-btn,.i18n-de .zbtm-inner p.cta-btn,.i18n-de p.cta-btn,.i18n-de .zbtm-inner p.cta-btn{font-size:18px;padding:20px 17px}.i18n-ar .top-wrap .rhs{padding-right:60px;padding-left:unset}.i18n-ar .zcol-wrap{flex-direction:row-reverse}.i18n-ar .fd-reverse .lhs{padding-right:60px;padding-left:unset}.i18n-ar .secure-sec.tf-box .lhs{padding-right:13%;padding-left:unset}.i18n-ar section.snap-sec.pd-tb div{direction:ltr}.i18n-ar .zbtm-inner h2,.i18n-ar .zbtm-inner p,.i18n-ar .zbtm-inner .btn-wrap{text-align:center}@media only screen and (min-width:1200px) and (max-width:1399px){.other-lang .btn-wrap a,.other-lang .btn-wrap button,.other-lang .zbtm-inner .btn-wrap button,.other-lang .btn-wrap button,.other-lang .zbtm-inner .btn-wrap button,.other-lang p.cta-btn,.other-lang .zbtm-inner p.cta-btn,.other-lang p.cta-btn,.other-lang .zbtm-inner p.cta-btn{padding:20px 18px;font-size:16px}.i18n-de .btn-wrap a,.i18n-de .btn-wrap button,.i18n-de .zbtm-inner .btn-wrap button,.i18n-de .btn-wrap button,.i18n-de .zbtm-inner .btn-wrap button,.i18n-de p.cta-btn,.i18n-de .zbtm-inner p.cta-btn,.i18n-de p.cta-btn,.i18n-de .zbtm-inner p.cta-btn{font-size:16px}.other-lang .ws-float{max-width:90%}}@media only screen and (min-width:992px) and (max-width:1199px){.other-lang .btn-wrap a,.other-lang .btn-wrap button,.other-lang .zbtm-inner .btn-wrap button,.other-lang .btn-wrap button,.other-lang .zbtm-inner .btn-wrap button,.other-lang p.cta-btn,.other-lang .zbtm-inner p.cta-btn,.other-lang p.cta-btn,.other-lang .zbtm-inner p.cta-btn{padding:20px 18px;font-size:14px}.i18n-de .btn-wrap a,.i18n-de .btn-wrap button,.i18n-de .zbtm-inner .btn-wrap button,.i18n-de .btn-wrap button,.i18n-de .zbtm-inner .btn-wrap button,.i18n-de p.cta-btn,.i18n-de .zbtm-inner p.cta-btn,.i18n-de p.cta-btn,.i18n-de .zbtm-inner p.cta-btn{font-size:14px;padding:20px 12px}}@media(max-width:991px){.other-lang .top-wrap .rhs .btn-wrap button,.other-lang .zbtm-inner .btn-wrap button,.other-lang .top-wrap .rhs p.cta-btn,.other-lang .zbtm-inner p.cta-btn{font-size:16px}.i18n-ar .zbanner h1,.i18n-ar .tf-box h2,.i18n-ar .tf-box p{text-align:center}.i18n-ar .top-wrap .rhs,.i18n-ar .fd-reverse .lhs,.i18n-ar .automate-sec.tf-box .lhs{padding-right:0;padding-left:unset}.i18n-ar .secure-sec.tf-box .lhs{padding-right:0;padding-left:unset}.i18n-de .btn-wrap a,.i18n-de .btn-wrap button,.i18n-de .zbtm-inner .btn-wrap button,.i18n-de .btn-wrap button,.i18n-de .zbtm-inner .btn-wrap button,.i18n-de p.cta-btn,.i18n-de .zbtm-inner p.cta-btn,.i18n-de p.cta-btn,.i18n-de .zbtm-inner p.cta-btn{font-size:14px}}@media(max-width:540px){.other-lang .btn-wrap a,.other-lang .btn-wrap button,.other-lang .zbtm-inner .btn-wrap button,.other-lang .btn-wrap button,.other-lang .zbtm-inner .btn-wrap button,.other-lang p.cta-btn,.other-lang .zbtm-inner p.cta-btn,.other-lang p.cta-btn,.other-lang .zbtm-inner p.cta-btn{padding:20px 13px}}