:root{--page-sprite:url(/sites/zweb/images/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-bottom:95px;position:relative;max-width:1980px;margin:0 auto}.zbanner .pd-tb{padding-bottom:0}.zbanner .content-wrap{display:table;line-height:0;clear:both}.content-wrap.zcotainer{max-width:1280px}.top-wrap.zflex{align-items:flex-end}.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}.user-icons.sm-icons span:before{background-size:195px auto}span.user-a:before{background-position:0 0}span.user-b:before{background-position:-50px 0}span.user-c:before{background-position:-101px 0}.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 p{max-width:560px;font-size:20px;margin-bottom:40px}.btn-wrap{padding-bottom:32px;display:flex;display:flex;justify-content:flex-start;gap:32px}.btn-wrap a{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;text-transform:uppercase;border-radius:4px}.btn-wrap a:last-child{background:#000}.zcol4-img{margin:auto;opacity:0;transform:translateY(30px);transition:all .7s ease-in}.top-animated .zcol4-img{opacity:1;transform:translateY(0)}.int-wrap .zcol-4{width:28.2%}.int-wrap .zcol-2{position:relative}.hero-sprite{display:block;position:absolute;z-index:1;top:0;left:0;bottom:0;right:0}.hero-sprite .hero-icon{background:url(/sites/zweb/images/workdrive/hero-icons.png) no-repeat 0px 0px/280px auto;display:block;position:absolute;content:"";animation:float 6s ease-in-out infinite 1s;transition:all .9s ease;opacity:0}.hero-sprite .hero-icon1{width:112px;height:112px;top:92px;left:54px}.hero-sprite .hero-icon2{width:92px;height:92px;background-position:-114px -9px;background-size:280px auto;bottom:140px;left:190px}.hero-sprite .hero-icon3{width:62px;height:62px;background-position:-180px -16px;background-size:240px auto;bottom:60px;right:180px}.animated .hero-icon{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}@keyframes float{0%{-webkit-transform:translatey(0);transform:translatey(0)}50%{-webkit-transform:translatey(-10px);transform:translatey(-10px)}100%{-webkit-transform:translatey(0);transform:translatey(0)}}.integration-list{max-width:1250px;width:100%;margin:100px auto 0}.integration-list img{border-radius:4px}.int-wrap{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:0 20px;align-items:stretch}.int-wrap .zcol4{width:calc(25% - 5px);max-width:400px;background-color:#2b2de2;border-radius:4px}.int-wrap .col-1{background-color:#2b2de2;color:#fff;border-radius:4px;padding:88px 32px 112px 32px;display:flex;flex-direction:column}.byteam-tab{background-color:#fff;color:#000}.tab-inner.zflex{justify-content:space-around}.tab-inner .zcol-2 p{max-width:540px}.tab-rhs{background:#113cb5;padding:40px 40px 0 40px;margin-top:72px}.tab-lhs ul li{padding-bottom:56px;cursor:pointer}.tab-lhs ul li p{max-width:372px}.tab-lhs ul li .icon{width:38px;height:40px;background:url(/sites/zweb/images/workdrive/sprite.svg) no-repeat 0px -38px/620px;display:block;margin-bottom:8px}.tab-lhs ul li .icon2{background-position:-38px -44px;height:36px}.tab-lhs ul li .icon3{background-position:-77px -44px}.tab-lhs ul li .icon4{background-position:-117px -38px;width:39px}.top-flex.zflex{justify-content:flex-start;margin-bottom:40px}.top-flex p{max-width:390px}.static-lhs ul .active{opacity:1;color:#19192c;background:#fff;border-radius:4px;border:1px solid #0d0f38;box-sizing:border-box;padding:25px 16px}.static-lhs ul li{color:#000;position:relative;z-index:0;padding:25px 16px;border:1px solid #fffbf2;cursor:pointer}.static-lhs ul li.active:after{position:absolute;content:"";width:12px;height:12px;border-bottom:2px solid #000;border-left:2px solid #000;transform:rotate(135deg);right:16px;top:24px}.static-lhs ul li:after{position:absolute;content:"";width:12px;height:12px;border-bottom:2px solid rgb(0 0 0 / 50%);border-left:2px solid rgb(0 0 0 / 50%);transform:rotate(-45deg);right:16px;top:35px}.tab-cnt.active{display:block;border:0 !important;padding:0 !important}.tab-cnt{display:none}.acc-ryt{position:sticky;top:0;display:grid;grid-template-columns:1fr;align-items:flex-start;margin-top:160px;margin-left:-20px}.acc-ryt .nav-sec{grid-row-start:1;grid-column-start:1;opacity:0;transition:.3s ease all;padding:100px 0 0 0;max-width:690px}.acc-ryt .nav-sec img{border-radius:4px}.byteam-tab .acc-rhs .acc-ryt .nav-sec{padding:0}.acc-ryt .nav-sec.active{opacity:1;transition:.8s ease-out}.acc-wrap.zflex{justify-content:space-between;gap:0 80px;align-items:flex-start}.acc-wrap .acc-rhs:before{position:absolute;content:"";width:100%;height:100%;min-height:670px;left:-42px;top:0;z-index:-1;background:#2b2de2}.acc-wrap .acc-rhs{position:relative;z-index:0}.acc-wrap .zcol-2{width:100%;max-width:736px;margin:0}.protect-section{background:#ffff}.protect-section .top-wrap{align-items:flex-start;gap:0 32px;justify-content:space-around}.protect-section .tab-inner{align-items:flex-start;margin-top:72px}.protect-section .zr-top p{font-size:20px;max-width:540px}.protect-section .tab-lhs ul li{padding-bottom:40px}.protect-section .tab-lhs ul li p{max-width:560px}.protect-section .tab-inner .tab-rhs{background:#f56c27;margin:0;padding-bottom:10px}.rightboard-img{width:64%;margin-top:34%;margin-left:calc(44% - 10px);opacity:0;border-radius:4px;-webkit-transform:translateY(-30px);transform:translateY(-30px);-webkit-transition:all 1s cubic-bezier(0.11,0.16,0.43,0.86);transition:all 1s cubic-bezier(0.11,0.16,0.43,0.86)}.blackrec-img{position:absolute;position:absolute;left:10%;top:17%;width:8%;opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px);-webkit-transition:all 1s cubic-bezier(0.11,0.16,0.43,0.86);transition:all 1s cubic-bezier(0.11,0.16,0.43,0.86)}.middle-animated .rightboard-img,.middle-animated .blackrec-img{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}.protect-section .zcol-3{width:40%}.tab-section{background:#fffbf2}.tab-section h2{letter-spacing:-1.12px;line-height:60px}.acc-wrap .zcol-3{width:33.3%}.zb-inner{max-width:1064px;margin:130px auto 0;box-sizing:border-box;background:linear-gradient(180deg,#191c21 0%,#323846 100%) 0% 0% no-repeat;border-radius:4px;color:#fff;padding:78px 110px 78px 110px}.zb-inner h3{font-size:32px;letter-spacing:-.64px;line-height:48px}.zb-inner .btn-wrap a{background-color:#ed483e}.feature-section{background:#2b2de2;color:#fff;padding-bottom:0}.feature-section h2{margin-bottom:120px;text-align:center}.feature-section .bi-section{display:-webkit-box;display:flex;display:-ms-flexbox;flex-wrap:wrap;-ms-flex-wrap:wrap;justify-content:space-between;width:100%}.feature-section .feature-r{-webkit-box-flex:0;flex:0 0 50%;-ms-flex:0 0 50%;max-width:50%}.feature-section .feature-item{padding:130px 0 130px 50px;opacity:.2;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;color:#fff;position:relative}.feature-section .feature-item.active{opacity:1}.feature-section .featureImg img{position:relative;width:100%;max-width:570px;margin:auto;border-radius:4px 4px 0 0}.feature-section .featureImg.active img{opacity:1}.feature-section .item-content{padding-left:50px;position:relative}.feature-section .item-content p{width:430px;max-width:100%}.feature-section .item-content::before{content:unset;background:url(/sites/zweb/images/meeting/features/zm-fea-banner-sprite.png);background-position:-144px -31px;height:32px;width:35px;position:absolute;background-size:780px auto}.feature-section .feature-l{-webkit-box-flex:0;flex:0 0 47%;-ms-flex:0 0 47%;position:relative}.feature-section .featured-img{top:160px;width:100%;height:450px;max-width:650px;position:-webkit-sticky;position:sticky;background:#1b1dc9;border-radius:4px;padding:52px 40px 0;box-sizing:border-box;margin:auto;z-index:1}.feature-section .featureImg{position:absolute;opacity:0;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;visibility:hidden;bottom:0}.feature-section .featureImg.active{opacity:1;-o-transition:all 1s ease;transition:all 1s ease;-webkit-transition:all 1s ease;-ms-transition:all 1s ease;visibility:visible}.feature-section .content-wrap{padding-bottom:100px}.feature-section .count-sec{width:100%;max-width:1280px;text-align:center;padding-top:100px;position:sticky}span.current-count{font-size:24px;font-weight:bold}.feature-section .count-sec.active{bottom:0}.feature-section .count-sec.active::after{content:'';position:absolute;bottom:0;background:#2b2de2;right:-5%;height:100px;width:55%;z-index:-1}.feature-section .final-card{background:#ebf2ff;padding:30px 30px 10px;position:relative;margin-top:60px}.feature-section .final-card p{font-size:16px;line-height:25px}.feature-section .final-card::before{content:"";height:100%;width:100%;background:#ebf2ff;position:absolute;opacity:.6;left:-16px;z-index:-1;top:-16px}@media(min-width:1400px){.zbanner h1{font:64px/74px 'Zoho_Puvi_Semibold';letter-spacing:-1.54px;color:#000}}@media(min-width:992px){.feature-section .feature-l .item-content,.zm-feature .feature-l .final-card{display:none}}@media(min-width:1200px){.protect-section .tab-lhs{padding-left:30px}.zcol-2{width:49%}.feature-section .featured-img{top:160px}}@media(min-width:1300px) and (max-width:1400px){.int-wrap .zcol-4{width:23%}.int-wrap .col-1{padding:40px 32px 32px 32px}.zbanner:before{width:400px;background:url(/sites/zweb/images/workdrive/wd-shape.png) no-repeat -283px 0px/604px;top:46%}}@media(min-width:1200px) and (max-width:1300px){.int-wrap .zcol-4{width:25%}.int-wrap .col-1{padding:40px 32px 32px 32px}.zbanner:before{width:370px;height:690px;background:url(/sites/zweb/images/workdrive/wd-shape.png) no-repeat -202px 0px/484px;top:53%}}@media(min-width:1200px) and (max-width:1400px){.btn-wrap{align-items:center;gap:24px}.btn-wrap a{font-size:18px;padding:24px 24px}.static-lhs ul li h3{max-width:332px}.acc-wrap .zcol-2{max-width:650px}.acc-ryt .nav-sec{position:absolute;top:50px}.acc-ryt .nav-sec img{max-width:600px}.feature-section .featureImg img{max-width:430px}.feature-section .featured-img{max-width:510px}}@media(min-width:1024px) and (max-width:1200px){.acc-wrap .zcol-2{width:100%;max-width:550px;margin:0}.acc-ryt .nav-sec{position:absolute;top:110px}}@media(min-width:992px) and (max-width:1200px){.acc-wrap .zcol-3{width:34.3%}.static-lhs ul li h3{max-width:332px}.acc-ryt .nav-sec{max-width:490px}.top-wrap.zflex{align-items:flex-end;justify-content:center}.pd-tb{padding:100px 0}.break{display:none}.top-wrap .lhs h1{padding-top:0}.top-wrap .rhs h2{font-size:32px;font-family:var(--primaryfont-regular);margin-bottom:32px}.btn-wrap{gap:12px}.btn-wrap a{padding:20px 16px;text-align:center;font-size:16px}.act-btn.cta-btn:first-child{margin-right:0}a.act-btn{max-width:100%}.int-wrap .zcol-4{width:29%}.int-wrap .col-1{padding:32px 32px 24px 32px}.int-wrap .zcol-2{width:50%}.zcol4-img img{max-width:76%;margin:auto}.feature-section .featured-img{height:300px;max-width:420px;padding:52px 30px 0}.feature-section .featureImg img{max-width:358px}.acc-wrap .zcol-2{width:60%}}@media(min-width:1200px){.acc-ryt .nav-sec{padding:100px 0 0 0}.byteam-tab .acc-rhs .acc-ryt .nav-sec{padding:0}.static-lhs ul li h3{font-size:24px}}@media(max-width:1200px){.zbanner:before{display:none}.int-wrap{justify-content:center}.acc-ryt .nav-sec{padding:100px 0 0 0}.byteam-tab .acc-rhs .acc-ryt .nav-sec{padding:0}.static-lhs ul li h3{font-size:21px}}@media(max-width:1023px){.acc-wrap .acc-rhs:before{display:none}.acc-wrap.zflex{align-items:flex-start}}@media(max-width:991px){.protect-section .zr-top p{margin:auto;text-align:center}.btn-wrap a{padding:16px 24px;font-size:16px}.feature-section .feature-r,.feature-section .count-sec{display:none}.zbanner .lhs{text-align:center}.feature-section .content-wrap{padding-bottom:0}.feature-section h2{margin-bottom:48px}.feature-section .feature-l{max-width:100%;position:relative;margin:auto}.feature-section .featureImg{position:static;opacity:1;visibility:visible}.feature-section .featured-img{top:auto;width:100%;left:auto;height:auto;position:inherit;background:0;border-radius:0;padding:0;margin:auto;z-index:1}.fe-img-content{margin-bottom:60px}.feature-section .featureImg img{width:400px;max-width:100%;margin-bottom:32px}.feature-section .item-content{text-align:center;padding-left:0}.feature-section .item-content p{margin:auto}.tab-section h2{font-size:25px;line-height:30px}.break{display:none}.top-wrap h1{padding-top:0;max-width:570px;text-align:center;margin:auto auto 15px}.user-icons{vertical-align:middle}.top-wrap.zflex{flex-direction:column;align-items:center}.top-wrap .rhs h2{font-size:24px;margin:auto auto 20px;max-width:400px;text-align:center}.zb-inner h3{font-size:20px;line-height:1.25}.zb-inner{max-width:1064px;margin:32px auto 0;padding:40px 32px 40px 32px}.acc-ryt .nav-sec{padding:32px 0 0 0}}@media(min-width:768px) and (max-width:991px){.pd-tb{padding:80px 0}.content-wrap{max-width:720px}.tab-inner .zcol-2{flex:0 0 auto;width:47%}.tab-inner .zcol-3{flex:0 0 auto;width:32.2%}.acc-wrap .zcol-2{width:54%}.int-wrap .zcol-2{display:none}.acc-left ul li h3{font-size:16px}.static-lhs ul li.active:after,.static-lhs ul li:after{right:8px;width:10px;height:10px}.static-lhs ul li h3{margin-bottom:0}.protect-section .tab-inner .zcol-3{width:47%}}@media(max-width:767px){.static-lhs ul li.active:after,.static-lhs ul li:after{right:8px;width:10px;height:10px}.static-lhs ul li h3{margin-bottom:0}.protect-section .zb-inner{padding:32px 32px}.protect-section .zl-top h2{text-align:center}.zbanner h1{padding:0 15px}.pd-tb{padding:50px 0}.content-wrap{max-width:540px}.zflex{flex-direction:column}.acc-wrap .zcol-2{display:none}.zb-inner h3{font-size:20px;line-height:1.25;text-align:center;max-width:460px}.acc-wrap .zcol-3{width:100%}.int-wrap .zcol-2{display:none}.tab-inner{flex-direction:column-reverse}.acc-rhs{display:none}.zb-inner .btn-wrap{padding-bottom:0}.btn-wrap a{padding:16px 24px}.tab-lhs ul li{padding-bottom:24px}.top-flex{text-align:center}.protect-section .zr-top p,.protect-section .tab-inner{text-align:center}}@media(min-width:992px){.protect-section .zb-inner{padding:40px 40px 40px 40px}.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%}.zbanner .top-wrap p{font-size:20px}}@media(min-width:768px){.top-flex.zflex{margin-bottom:30px}}@media(max-width:580px){.btn-wrap{padding-bottom:0;justify-content:center;gap:12px;flex-direction:column;align-items:center}}@media(max-width:480px){.zbanner h1{font-size:36px;padding:0 5px}}@media only screen and (min-width:1400px){h1{font:64px/72px 'Zoho_Puvi_Semibold';letter-spacing:-1.54px;color:#000}h2{font:40px/1.2 'Zoho_Puvi_Semibold';letter-spacing:-.08px}h3{font:24px/1.2 'Zoho_Puvi_Semibold';letter-spacing:-.48px}p{font:16px/1.6 'Zoho_Puvi_Regular';letter-spacing:-.38px}.other-lang .zbanner h1{font:56px / 64px 'Zoho_Puvi_Semibold'}}.i18n-fr .zbanner .btn-wrap a{padding:20px 11px}.i18n-de .zbanner .btn-wrap a{padding:20px 9px}.i18n-nl .zbanner .btn-wrap a,.i18n-vi .zbanner .btn-wrap a{padding:20px 22px}.i18n-ar .acc-ryt{margin-right:-20px;margin-left:unset}.other-lang a.cta-btn{text-align:center}.other-lang .static-lhs ul li h3{margin-right:20px}.i18n-ar .acc-wrap .acc-rhs:before{right:-42px;left:unset}.i18n-ar .user-icons{margin-right:8px;margin-left:unset}.i18n-ar .feature-section .feature-item{padding:130px 50px 130px 0}.i18n-ar .static-lhs ul li h3{margin-left:20px;margin-right:unset}.i18n-ar .static-lhs ul li.active:after,.i18n-ar .static-lhs ul li:after{left:16px;right:unset}.i18n-ar .blackrec-img{right:10%;left:unset}.i18n-ar .rightboard-img{margin-right:calc(44% - 10px );margin-left:unset}.other-lang .btn-wrap{gap:15px}.other-lang .btn-wrap a{font-size:16px;padding:20px 24px}.i18n-es-xl .btn-wrap a{font-size:15px;padding:20px 24px}.other-lang .zb-inner h3{font-size:28px;line-height:42px}@media(min-width:1200px){.i18n-fr .zb-inner h3{max-width:90%}}@media(min-width:1200px) and (max-width:1400px){.other-lang .btn-wrap{gap:14px}.other-lang .btn-wrap a{font-size:14px;padding:18px 14px}}@media(min-width:992px) and (max-width:1200px){.other-lang .btn-wrap{gap:10px}.other-lang .btn-wrap a{padding:20px 12px;font-size:12px}.i18n-es-xl .btn-wrap a{padding:20px 8px;font-size:11px}}@media(max-width:991px){.i18n-ar .feature-section .item-content{text-align:center;padding-right:0;padding-left:unset}.i18n-ar .feature-section h3,.i18n-ar .feature-section p,.i18n-ar .zbanner h1,.i18n-ar .zbanner p{text-align:center}}@media(max-width:767px){.i18n-ar .byteam-tab p,.i18n-ar .byteam-tab h3{text-align:center}}