.zw-product-header{background:#303e34}:root{--gap-50:25px}.zsection{padding:130px 0}.content-wrap{max-width:1280px;margin:0 auto}a.act-btn.cta-btn,a.info-btn{visibility:visible;opacity:1;font-size:18px;margin-bottom:16px;padding:16px 46px;font-family:var(--primaryfont-semibold);border-radius:5px;background:#e42527;color:#fff;text-transform:uppercase;max-width:max-content}.ztac{text-align:center}.ztal{text-align:left}.ztar{text-align:right}.zd-flx{display:flex}.zd-jc-ctr{justify-content:center}.zd-jf-str{justify-content:flex-start}.zd-jf-end{justify-content:flex-end}.zd-jf-sp-ar{justify-content:space-around}.zd-jf-sp-bt{justify-content:space-between}.zd-jf-sp-evn{justify-content:space-evenly}.zd-al-cntr{align-items:center}.zd-al-fls{align-items:flex-start}.zd-al-fle{align-items:flex-end}.zd-fd-row{flex-direction:row}.zd-fwrp{flex-wrap:wrap}.zd-fn-wrp{flex-wrap:nowrap}.zcl-gap-8{gap:8px}.zcl-gap-16{gap:16px}.zcl-gap-24{gap:32px}.zcl-gap-32{gap:32px}.zcl-gap-36{gap:32px}.zcl-gap-40{gap:40px}.zcl-gap-50{gap:50px}.zcl-gap-64{gap:64px}.zcl-gap-120{gap:120px}.zoi-banner{background:#303e34;color:#fff}.zoi-banner{padding-top:70px;padding-bottom:0}.zoi-inner{max-width:820px;margin:0 auto}.ztop-wrap{margin-top:0;margin-bottom:0;position:relative;top:60px}.ztop-wrap img{display:block;margin:auto}.ztop-wrap .lhs{background:url(images/lft-img.png) no-repeat left center/cover;border-radius:5px}.ztop-wrap .rhs img{display:block}.fl-main{position:relative}.fl-icon{position:absolute;content:'';background:url(//www.zohowebstatic.com/sites/zweb/images/officeintegrator/oi-sprite.png) no-repeat 0px 0px / 370px;width:60px;height:73px;left:0;top:0;opacity:0;transition:all 1s ease-in;animation-name:floating;animation-iteration-count:infinite}@keyframes floating{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)}}.middle-animated .fl-icon{opacity:1}.f-icon1{background-position:0 0;top:unset;bottom:32%;left:unset;right:30%;transition-delay:1s;animation-duration:2s}.f-icon2{background-position:-61px 0;top:21%;left:unset;bottom:unset;right:37%;transition-delay:1.3s;animation-duration:4s}.f-icon3{background-position:-122px 0;top:unset;left:24%;bottom:20%;right:unset;transition-delay:1.2s;animation-duration:3s}.f-icon4{background-position:-187px 0;top:57%;left:47%;bottom:unset;right:unset;width:178px;transform:translate(-50px,-50px);transition-delay:1.4s}.zoi-collabrate.zsection{padding-bottom:0}.zoi-collabrate{background:#000;color:#FFF;padding-top:160px}.zoic-inner p{max-width:600px;margin:auto auto 20px;color:#c4c4c4}.zoic-inner h2{color:#fff}.sticky-cards img{display:block;margin:auto}.zoi-tracking{background:transparent;padding-bottom:0}.zoi-tracking .zoic-inner{color:#fff;max-width:575px;margin:auto auto}.zoi-tracking .zoic-inner h2{color:#000}.zoi-tracking .zoic-inner p{margin-bottom:60px;color:#333}.zoi-tracking img{display:block;margin:auto}.zoi-review{background:#000}.zoi-review .rhs h3{color:#fff}.zoi-review .rhs p{color:#898989}.zoi-review .lhs img{border-radius:3px;box-shadow:20px 20px 40.7px 0 rgba(62,77,106,0.15)}.zoi-review .zr-wrap{max-width:840px;margin:0 auto}.zoi-review .rhs p{max-width:420px}.ban-static{display:none}.sticky-cards{position:relative;display:flex;flex-direction:column;gap:24px;margin:50px auto 0;align-items:center}.card{width:100%;position:sticky;top:100px;display:flex;align-items:center;justify-content:center}.card img{filter:drop-shadow(2px -10px 6px rgba(0,0,0,0.16));border-radius:7px}.three img{border-radius:0}.zr-wrap .lhs img{opacity:0;transform:matrix3d(1,0,0,-0.0004,0,1,0,0,0,0,1,0,0,0,0,1);transition:all .7s cubic-bezier(0.38,0.04,0.46,1.29)}.middle-animated .zr-wrap .lhs img{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);opacity:1}@media only screen and (max-width:1199px){.zoi-inner{max-width:780px}.zoi-inner p{max-width:620px;margin:0 auto}}@media only screen and (max-width:991px){.zsection{padding:60px 0}.zoic-inner p{max-width:540px;margin:auto auto 20px}.zoi-collabrate img{max-width:90%;margin:auto}.zoi-tracking.zsection{padding-bottom:0}.ztop-wrap{margin-top:0}.zoi-tracking .zoic-inner p{margin-bottom:30px}.ztop-wrap{top:30px}.zoi-inner{max-width:620px;margin:0 auto}}@media only screen and (max-width:767px){.ban-static{display:block}.ztop-wrap .lhs,.fl-main{display:none}.content-wrap{max-width:460px}.zcol-4{max-width:calc(100% - 6px);flex-basis:calc(100% - 6px)}.zd-fd-cl{flex-direction:column}.zd-fd-cr{flex-direction:column-reverse}.ztop-wrap .rhs img{max-width:90%;margin:auto}.ztop-wrap .zcol-4 .rhs{max-width:400px;margin:auto}.zr-wrap .rhs{margin:30px 0 0;text-align:center}}@media only screen and (max-width:1200px){.break{display:none}}@media only screen and (min-width:1400px){.zoi-banner h1{font-size:60px;line-height:65px;letter-spacing:-1.2px;font-family:var(--primaryfont-semibold)}.zoi-banner p{font-size:20px;line-height:32px;color:#a7beae}p{color:#333;font-size:16px;line-height:28px;letter-spacing:-.25px}h2{color:#262626;font-size:40;line-height:38px;font-family:var(--primaryfont-semibold)}h3,.scroll-grid .rhs .tab h2{font-size:40px;line-height:38px;letter-spacing:-2.5px;font-family:var(--primaryfont-medium)}h4{letter-spacing:-0.5px}}@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-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)}.scroll-grid .left-tab{max-width:calc(30.5% - 6px);flex-basis:calc(30.5% - 6px)}}