.zw-product-header{background:#0047ff}.zsection{padding:120px 0}a.cta-btn{text-align:center;max-width:max-content;font-size:18px;line-height:24px;font-family:var(--zf-secondary-medium);padding:15px 25px;text-transform:uppercase;color:#fff;background:#ed483e}.content-wrap{max-width:1280px}.ztac{text-align:center}.flex-wrap{display:flex;flex-wrap:wrap;align-items:center}.zwc-banner-wrap{padding-bottom:0;background:#0047ff;position:relative}.zwc-banner-wrap.zsection{padding-bottom:0}.zwc-banner-wrap:before{position:absolute;content:'';width:100%;height:368px;background:url(//www.zohowebstatic.com/sites/zweb/images/workdrive/outlook/patern.png) repeat;background-size:contain;background-position:center bottom;top:unset;left:unset;bottom:0;right:unset;z-index:0;opacity:0;transition:all .6s ease-in .7s}.zwe-om.zwc-banner-wrap:before{opacity:1}.zb-inner{align-items:flex-start;justify-content:space-between}.zb-inner .lhs h1{color:#fff}.zb-inner .rhs p{margin-bottom:40px;max-width:530px;color:#fff}.zb-inner .lhs{margin-bottom:100px}.zwc-inner-wrap{position:relative}.zwc-inner-wrap img{display:block;text-align:center;margin:auto;position:relative;bottom:-110px;z-index:1;opacity:0;transform:scale(.8);transition:all .6s ease-in .6s}.middle-animated .zwc-inner-wrap img{opacity:1;transform:scale(1)}.zwc-banner .zwc-user{display:inline-block;position:relative;background:url(//www.zohowebstatic.com/sites/zweb/images/workdrive/real-estate/hands.png) no-repeat left / 100%;width:99px;height:57px;vertical-align:middle;opacity:0;transition:all .5s ease-in .5s;transform:scale(.8)}.middle-animated .zwc-user{opacity:1}.zwc-logo{background:#fff;width:260px;height:128px;box-sizing:border-box;padding-left:20px;max-width:260px;border-radius:100px;text-align:center;position:absolute;left:120px;top:50px;z-index:2;opacity:0;transition:all .7s ease-in 1s;transform:translateX(-30px);display:flex;flex-wrap:wrap;gap:24px;align-items:center;justify-content:flex-start}.zwc-outlook{display:inline-block}.zwc-outlook img{position:unset}.zwc-wdrive{display:inline-block;width:90px;height:90px;background:#e4edff;border-radius:50%;position:relative;vertical-align:middle;opacity:0;transition:all .5s ease-in .6s}.middle-animated .zwc-wdrive{opacity:1}.zwc-wdrive:before,.zwc-wdrive:after{position:absolute;content:''}.zwc-wdrive:before{width:50px;height:50px;background:url(//www.zohowebstatic.com/sites/zweb/images/commonroot/product-icons.svg) no-repeat 2px -92px / 936px auto;left:50%;top:50%;transform:translate(-50%,-50%);opacity:0;transition:all .6s ease-in .6s}.middle-animated .zwc-wdrive:before{opacity:1}.zwc-wdrive:after{width:110px;height:110px;border:1.5px solid;border-radius:100%;border-color:#e4edff;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(1);transform-origin:center center;transition-delay:550ms;animation:pulse-border 1.5s linear infinite}@keyframes pulse-border{0%{transform:translateX(-50%) translateY(-50%) translateZ(0) scale(.9);opacity:1}100%{transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);opacity:0}}.zb-inner .rhs{position:relative;margin-top:36px}.zb-inner .rhs p{max-width:560px;margin-bottom:24px}.zb-inner .rhs .btn-wrap{gap:12px}.zb-inner .rhs .req-demo{background:#000}.zwc-integrarion-wrap{padding-top:190px}.zwc-int-cont{max-width:1150px;margin:0 auto}.zwc-int-cont .cont-part p{font-size:24px;line-height:40px;letter-spacing:-0.48px;max-width:900px;margin:auto 0}.imag-part{max-width:1124px;margin:76px 0 auto;background:url(//www.zohowebstatic.com/sites/zweb/images/workdrive/outlook/integration-bg.png) no-repeat center / cover;width:1124px;min-height:560px;border-radius:20px;text-align:center;position:relative}.imag-part img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);opacity:0;transition:all .6s linear;border-radius:5px;border:1.5px solid #0147ff}.zwe-om.imag-part img{opacity:1}.zwc-box:not(.zwc-box3){margin-bottom:170px}.zwc-bottom{background:#12151f;color:#fff}.zwc-bottom h2{margin-bottom:40px;color:#fff}.zwc-bottom-wrap{background:#000;max-width:95%;margin:auto auto 100px;border-radius:20px}.zbottom-cont h2{color:#fff;margin-bottom:40px}.zbottom-cont a.act-btn.cta-btn{background:#0047ff}@media only screen and (max-width:1399px){.zsection{padding:100px 0}.zwc-banner-wrap.zsection{padding-bottom:0}.zb-inner .lhs{margin-bottom:0}.zwc-inner-wrap img{max-width:95%}.zb-inner .lhs h1{font-size:80px}.zwc-banner-wrap:before{height:260px}.zwc-box:not(.zwc-box3){margin-bottom:100px}}@media only screen and (max-width:1199px){.break{display:none}.zwc-banner-wrap:before{height:240px}.middle-animated .zwc-logo{opacity:1;transform:translateX(0) scale(.8)}.zwc-integrarion-wrap.zsection{padding-top:140px}.zwc-banner-wrap.zsection{padding-bottom:0}.zb-inner .lhs h1{font-size:56px}.zb-inner .lhs{padding-top:20px}.zwc-box{max-width:80%;margin:auto}.imag-part{max-width:860px;margin:32px 0 auto;width:860px;min-height:500px}.zwc-inner-wrap img{max-width:90%}.zwc-int-cont .cont-part p{font-size:20px;line-height:36px;max-width:800px;margin:auto 0}.imag-part img{max-width:90%}.zwc-box:not(.zwc-box3){margin-bottom:100px}}@media only screen and (max-width:991px){.zwc-integrarion-wrap.zsection{padding-top:80px}.zsection{padding:60px 0}a.act-btn.cta-btn{font-size:15px}.zwc-logo{left:0;top:0}.middle-animated .zwc-logo{opacity:1;transform:translateX(0) scale(.6)}.zwc-banner-wrap:before{display:none}.zwc-banner-wrap.zsection{padding-bottom:0}.zb-inner{align-items:center}.zb-inner .lhs h1{font-size:48px}.zwc-inner-wrap:after{right:calc(0% - 0px)}.zwc-inner-wrap img{max-width:90%;margin:auto}.zwc-inner-wrap img{bottom:-60px}.imag-part{max-width:720px;margin:36px auto 0;width:620px;min-height:400px}.zwc-int-cont .cont-part p{font-size:20px;line-height:32px;max-width:90%;margin:auto}.zwc-box:not(.zwc-box3){margin-bottom:70px}.zwc-box{max-width:90%;margin:auto;text-align:center}.zwc-int-cont .cont-part h2{max-width:600px;margin:auto auto 20px;text-align:center}}@media only screen and (max-width:767px){.content-wrap{max-width:560px}.zb-screen .zcol-3,.zb-screen .zcol-5,.zcol-4,.cus-wrap .zcol-4,.zapps-wrap .zcol-4{max-width:calc(100% - 6px);flex-basis:calc(100% - 6px)}.zb-inner .lhs h1{font-size:32px}.zb-inner .lhs,.zb-inner .rhs{margin-top:0;margin-bottom:0;text-align:center}.zwc-inner-wrap:before,.zwc-inner-wrap:after{display:none}.zb-inner .rhs .btn-wrap{justify-content:center}.zwc-int-cont .cont-part p{font-size:15px;line-height:1.6}.zwc-inner-wrap img{bottom:-50px}.zwc-banner-wrap.zsection{padding-bottom:0;padding-top:40px}.imag-part{max-width:100%;width:100%;min-height:unset;background:0;margin-top:32px}.imag-part img{position:unset;transform:unset;transition:none;opacity:1}.zwc-box:not(.zwc-box3){margin-bottom:56px}.zbottom-cont h2{margin-bottom:20px}}@media only screen and (min-width:1200px){.zint-grid{margin-top:96px}.middle-animated .zwc-logo{opacity:1;transform:translateX(0)}.zwc-faq .top-cont{margin-bottom:80px}.break{display:block}h1{font-size:88px;line-height:96px;font-family:var(--primaryfont-semibold);letter-spacing:-1.76px}p{font-size:16px;line-height:24px;letter-spacing:-.32px;font-family:var(--primaryfont-regular);color:#333}h2{font-size:64px;line-height:72px;font-family:var(--zf-secondary-medium);letter-spacing:-1.28px}h3{font-size:24px;line-height:32px;font-family:var(--primaryfont-semibold)}.zb-inner .rhs p{font-size:20px;line-height:32px;letter-spacing:-.48px}}@media only screen and (min-width:992px){.zcol-wrap-1{max-width:calc(12.5% - 6px);flex-basis:calc(12.5% - 6px)}.zcol-wrap-2{max-width:calc(25% - 6px);flex-basis:calc(25% - 6px)}.zcol-wrap-3{max-width:calc(37.5% - 6px);flex-basis:calc(37.5% - 6px)}.zcol-wrap-4{max-width:calc(50% - 6px);flex-basis:calc(50% - 6px)}.zcol-wrap-5{max-width:calc(62.5% - 6px);flex-basis:calc(62.5% - 6px)}.zcol-wrap-6{max-width:calc(75% - 6px);flex-basis:calc(75% - 6px)}.zcol-wrap-7{max-width:calc(87.5% - 6px);flex-basis:calc(87.5% - 6px)}.zcol-wrap-8{max-width:calc(100% - 6px);flex-basis:calc(100% - 6px)}}@media only screen and (min-width:768px){.zcol-8{flex-basis:calc(100% - 6px)}.zcol-7{max-width:calc(87.5% - 6px);flex-basis:calc(87.5% - 6px)}.zcol-6{max-width:calc(75% - 6px);flex-basis:calc(75% - 6px)}.zcol-5{max-width:calc(62.5% - 6px);flex-basis:calc(62.5% - 6px)}.zcol-4{max-width:calc(50% - 6px);flex-basis:calc(50% - 6px)}.zcol-3{max-width:calc(37.5% - 6px);flex-basis:calc(37.5% - 6px)}.zcol-2{max-width:calc(25% - 6px);flex-basis:calc(25% - 6px)}}