: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:1800px;margin:0 auto}.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:0 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;align-items:center;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}.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}.wd-shape{position:relative}.tcol-block{width:100%;border-radius:4px;min-height:672px;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;max-width:400px;min-height:672px}.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/file-banner2.jpg) no-repeat top center/cover}.zcol-bg3{background:url(/sites/zweb/images/workdrive/file-banner3.jpg) no-repeat top center/cover}.collaboration-section{background-color:#f7f4f2}.cinner-wrap{max-width:1150px;margin:0 auto}.cinner-wrap .box1 .lhs,.cinner-wrap .box2 .rhs{max-width:700px;background:#f56c28;border-radius:4px;padding:72px 72px 0;box-sizing:border-box;margin-bottom:120px}.cinner-wrap .box2 .rhs{background:#2252d9}.cinner-wrap .box h3{letter-spacing:-.64px;font-size:32px}.cinner-wrap .box p{max-width:416px}.cinner-wrap .box2 .rhs{margin-bottom:0}.cinner-wrap .box1 .lhs img,.cinner-wrap .box2 .rhs img{border-radius:4px 4px 0 0}.features-section{background:#0d0f38}.fea-inner{max-width:1056px;margin:0 auto}.fea-inner ul{display:flex;flex-wrap:wrap;gap:48px;justify-content:flex-start;flex-direction:row}.fea-inner ul li{color:#fff;width:30.3%;flex:0 0 auto}.fea-inner ul li .list-icon{width:40px;height:36px;background:url(/sites/zweb/images/workdrive/sprite.svg) no-repeat -155px -40px/620px;display:block;margin-bottom:12px}.fea-inner ul li .list-icon.licon1{background-position:-155px -40px}.fea-inner ul li .list-icon.licon2{background-position:-183px -38px;background-size:584px;width:36px}.fea-inner ul li .list-icon.licon3{background-position:-301px -61px;width:48px;height:40px;background-size:797px}.fea-inner ul li .list-icon.licon4{background-position:-263px -39px;background-size:600px;width:37px}.fea-inner ul li .list-icon.licon5{background-position:-282px -35px;background-size:564px;width:36px}.fea-inner ul li .list-icon.licon6{background-position:-320px -35px;background-size:564px}.static-lhs ul li{color:#000;position:relative;z-index:0;padding:25px 16px;cursor:pointer;border:1px solid #fffbf2}.static-lhs ul .active{opacity:1;color:#19192c;background:#fff;border-radius:4px;border:1px solid #0d0f38;padding:16px 16px;box-sizing:border-box}.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{display:grid;grid-template-columns:1fr;align-items:flex-start;margin-left:0;margin-top:190px}.acc-ryt .nav-sec{grid-row-start:1;grid-column-start:1;opacity:0;transition:.3s ease all;max-width:530px}.acc-ryt .nav-sec img{border-radius:4px;position:absolute;left:20px;bottom:20px}.acc-ryt .nav-sec img{border-radius:4px;position:absolute;left:20px;bottom:20px}.acc-ryt .nav-sec.nav-tab1 img{width:90%;height:auto}.acc-ryt .nav-sec.nav-tab2 img{width:75%;height:auto}.acc-ryt .nav-sec.nav-tab3 img{width:60%;height:auto}.acc-ryt .nav-sec.nav-tab4 img{width:calc(100% - 40px);height:auto}.acc-ryt .nav-sec.nav-tab5 img{width:calc(100% - 40px);height:auto}.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{height:100%;background:url(/sites/zweb/images/workdrive/file-sharing2.jpg) no-repeat right center/cover;z-index:-1;min-height:700px;border-radius:4px}.acc-wrap .acc-rhs{position:relative;z-index:0}.acc-wrap .zcol-2{width:54%;margin:0}.tab-section{background:#fffbf2}.acc-wrap .zcol-3{width:38.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}@media(max-width:1200px){.zcol-wrap .zcol-4{width:calc(36.333% - 16px)}}@media(min-width:1200px) and (max-width:1300px){.wd-shape{background-size:560px}}@media(min-width:992px) and (max-width:1199px){.zcol-shape{display:none}.zcol-wrap .zcol-4{width:calc(33.333% - 16px)}.zcol-wrap{justify-content:center}}@media(min-width:768px) and (max-width:991px){.zcol-bg2,.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(min-width:1200px){.zcol-2{width:49%}.other-lang .zbanner h1{font:56px/64px 'Zoho_Puvi_Semibold'}.zbanner h1{font:64px/74px 'Zoho_Puvi_Semibold';letter-spacing:-0.1px}.acc-left ul li h3{font-size:20px}}@media(min-width:1300px) and (max-width:1400px){.int-wrap .zcol-4{width:23%}.int-wrap .col-1{padding:40px 32px 32px 32px}}@media(min-width:1200px) and (max-width:1400px){.fea-inner ul li h3{font-size:24px}.acc-wrap .acc-rhs{background:url(/sites/zweb/images/workdrive/file-sharing2.jpg) no-repeat center/cover}.btn-wrap a{font-size:18px;padding:20px 20px}}@media(min-width:1024px) and (max-width:1200px){.acc-wrap .acc-rhs{background:url(/sites/zweb/images/workdrive/file-sharing2.jpg) no-repeat center/cover !important}.acc-ryt .nav-sec{max-width:450px}}@media(min-width:992px) and (max-width:1200px){.pd-tb{padding:100px 0}.break{display:none}.top-wrap.zflex{align-items:center}.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;padding-bottom:0}.btn-wrap a{padding:16px 16px;text-align:center;font-size:16px}.act-btn.cta-btn:first-child{margin-right:0}.cinner-wrap .box1 .lhs,.cinner-wrap .box2 .rhs{max-width:600px;padding:40px 40px 0;box-sizing:border-box;margin-bottom:120px}.cinner-wrap .zcol-3{width:36.2%}.fea-inner ul li{width:47.3%}.fea-inner ul li p{max-width:380px}.int-wrap .zcol-4{width:29%}.int-wrap .col-1{padding:32px}.int-wrap{justify-content:space-between}.zcol4-img{max-width:70%}.acc-left ul li h3{font-size:20px;max-width:90%}}@media(min-width:1024px){.acc-ryt .nav-sec.nav-tab1{top:55px}.acc-ryt .nav-sec.nav-tab2{top:125px}.acc-ryt .nav-sec.nav-tab3{top:68px}.acc-ryt .nav-sec.nav-tab4{top:175px}.acc-ryt .nav-sec.nav-tab5{top:86px}}@media(max-width:1023px){.acc-wrap .acc-rhs{display:none}.acc-wrap.zflex{align-items:flex-start}.acc-wrap .zcol-3{width:100%}}@media(max-width:991px){.break{display:none}.cinner-wrap .box h3{letter-spacing:-.64px;font-size:21px}.top-wrap h1{padding-top:0;max-width:570px;text-align:center}.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}}@media(min-width:768px) and (max-width:991px){.btn-wrap a{font-size:16px;padding:20px 32px}.btn-wrap{padding-bottom:0}.pd-tb{padding:80px 0}.content-wrap{max-width:720px}.cinner-wrap .box1 .lhs,.cinner-wrap .box2 .rhs{max-width:600px;padding:40px 40px 0;box-sizing:border-box;margin-bottom:120px}.fea-inner ul li{width:46.3%}.acc-wrap .zcol-2{width:54%}.static-lhs ul li.active:after,.static-lhs ul li:after{right:8px;width:10px;height:10px}}@media(max-width:767px){.static-lhs ul li.active:after,.static-lhs ul li:after{right:8px;width:10px;height:10px}.zbanner h1{padding:0 15px}.pd-tb{padding:50px 0}.content-wrap{max-width:540px}.zflex{flex-direction:column}.cinner-wrap .box{margin-bottom:32px}.box2.zflex{flex-direction:column-reverse}.cinner-wrap .box1 .lhs,.cinner-wrap .box2 .rhs{max-width:564px;padding:48px 48px 0;margin-bottom:56px}.fea-inner ul{gap:20px;justify-content:center;flex-direction:column;text-align:center}.fea-inner ul li{width:100%;padding-bottom:20px}.fea-inner ul li .list-icon{margin:auto auto 8px}.acc-wrap .zcol-2{display:none}.zb-inner h3{font-size:20px;line-height:1.25;text-align:center}.acc-wrap .zcol-3{width:100%}}@media(min-width:992px){.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%}.integration-list .zcol-4{width:26%}}@media(max-width:580px){.act-btn.cta-btn:first-child{margin-right:0}.btn-wrap{padding-bottom:0;justify-content:center;gap:12px;flex-direction:column;align-items:center}.btn-wrap a{font-size:16px;padding:16px 23px}.cinner-wrap .box1 .lhs,.cinner-wrap .box2 .rhs{max-width:564px;padding:20px 20px 0;margin-bottom:32px}}@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 .tab-section h3{margin-right:30px}.i18n-ar .tab-section h3{margin-left:30px;margin-right:unset}.i18n-ar .zbanner .zcol-wrap{flex-direction:row-reverse}.i18n-ar .static-lhs ul li:after,.i18n-ar .static-lhs ul li.active:after{left:16px;right:unset}.i18n-ar .user-icons{margin-right:8px;margin-left:8px}.i18n-ar .zcol-bg p{text-align:right;margin:0 0 0 auto}.other-lang .btn-wrap{gap:15px}.other-lang .btn-wrap a{font-size:16px;padding:20px 15px}.i18n-th .user-icons{margin-right:8px !important;margin-left:8px !important}@media(min-width:1200px) and (max-width:1400px){.other-lang .btn-wrap a{font-size:14px;padding:20px 12px}}@media(min-width:992px) and (max-width:1200px){.other-lang .btn-wrap a{padding:16px 10px;font-size:11px}}@media(max-width:767px){.other-lang .btn-wrap{gap:10px}.other-lang .btn-wrap a{font-size:15px;padding:20px 14px}.i18n-ar .fea-inner h3,.i18n-ar .fea-inner p{text-align:center}}