h1,h2,h3{font-family:var(--zf-secondary-bold)}h1{font-size:68px}h2{font-size:42px}h3{font-size:27px}.zfloat.zfloat-2{padding-top:80px}.zsection.zblend{padding-top:120px}.zsection.zfooter{padding-bottom:120px}h4{font-family:var(--zf-secondary-medium);font-size:21px}p{font-size:19px}.zsection{padding:60px 0}.zline-animation video{width:100%}.zline-animation{position:absolute;opacity:0;top:120px;right:0;left:-100px;margin:auto;z-index:-1;display:none}.zline-animation.animation-element.in-view{opacity:.5;transition:opacity 1s linear 2s}.zbanner .content-wrap{max-width:1140px;margin-bottom:150px}.zsection.zbanner{padding:0;position:relative}.zfloat-banner .cont-part p{font-size:21px;max-width:400px}.zbenefits{background-color:#3a3a3a;color:#fff;flex-wrap:wrap;padding:90px 0;width:90%;max-width:1400px;margin:0 auto;position:relative}.zbenefits>div{width:90%;max-width:1160px;margin:0 auto}.zbenefits>div>span{display:inline-flex;width:20%;padding-right:2%;padding-top:80px;opacity:0}.zbenefit-para{position:relative;margin-bottom:50px}.zbenefit-para :after{content:'';position:absolute;display:inline-block;width:60%;height:2px;top:50%;right:0;background:#464646;background:linear-gradient(to right,#464646 0,#3a3a3a 100%)}.zbenefit-para p{background:#303030;margin-bottom:0;max-width:390px;padding:5px 25px;font-family:var(--zf-secondary-regular)}.zbenefits>div .zicon-reports{padding-right:0}.zblend .content-wrap>div{max-width:660px;padding-left:25px}.zcreate h2{max-width:610px;margin-bottom:80px;padding-left:25px}.zblend-learning{max-width:410px;display:block;margin-bottom:50px}.zlearn{max-width:430px;margin:50px auto 0}.zlearn h3{max-width:310px}.ztwo-col .content-wrap{display:table;background:#d8fcf8;width:90%;max-width:1400px}.ztwo-col .content-wrap>div>div{display:table-cell;width:50%;box-sizing:border-box;padding:8%}.ztwo-col .content-wrap .col-2{padding-right:0;padding-bottom:0}.zfloat .content-wrap{display:table;max-width:1080px}.zfloat .content-wrap>div{display:table-cell;width:50%;vertical-align:middle}.zfloat.left-float .content-wrap .cont-part{padding-right:10%}.zfloat.right-float .content-wrap .cont-part{padding-left:10%}.zfooter .content-wrap{max-width:1040px}.zfooter .content-wrap>div{text-align:center;max-width:740px;margin:0 auto}.zcreate .content-wrap,.zblend .content-wrap{max-width:980px}.image-part{position:relative}.ztwo-col .content-wrap .col-1{padding-left:0;padding-bottom:0}.zcol.col-2 .first-image img{max-width:350px}.zcol>div{position:relative;margin-bottom:50px}.zfloat-banner>div{width:40%;display:table-cell;vertical-align:middle}.zfloat-banner .img-part{position:relative;width:50%;top:60px}.img-part>span img{opacity:0}.img-part.animation-element.in-view .zmainimage img{opacity:1;transition:all 1s ease-in}.zbenefits>div>span{position:relative}[class |=zicon]:before{content:'';position:absolute;background-image:url("//cdn.zoho.com.cn/sites/zweb/images/people/tms-sprite.png");background-size:750px;display:block;width:45px;height:45px;top:0;left:0}.zicon-styles:before{background-position:-588px 50px;width:39px}.zicon-access:before{background-position:-626px 56px;width:35px;height:50px}.zicon-collabra:before{background-position:-120px 0;width:42px}.zicon-reports:before{background-position:-660px 50px;width:42px}.zfloat{padding:100px 0}.zcol h3{font-family:var(--zf-secondary-semibold)}.zblend-learning h3{font-size:34px}.ztwo-col .content-wrap>div{max-width:1000px;margin:0 auto;padding:120px 0}.zbenefits>div>span.active{opacity:1;transition:opacity .6s}.first-image img{opacity:0;transform:translateX(100px)}.zfloat-3 .first-image img{transform:translateX(-100px)}.zcol .first-image img,.zcreate .first-image img{transform:translateY(100px)}.animation-element.in-view .first-image img{opacity:1;transform:translateX(0);transition:all 1s ease-in}.col-2 .animation-element.in-view .first-image img{transition-delay:.4s}.zsection.zintegration{text-align:center}.zintegration .content-wrap>div{display:flex;padding:35px 0 0;width:100%;max-width:1080px;margin:0 auto;align-items:center}.zintegration .content-wrap>div>div>span{display:inline-block;margin:0 0 40px 0;width:30%}.zintegration .content-wrap>div>div>span{position:relative}[class |=icons]:before{content:'';position:absolute;background-image:url(//cdn.zoho.com.cn/sites/zweb/images/people/blended-sprite.png);background-size:750px auto;display:block;width:135px;height:45px;top:0;left:0;right:0;bottom:0;margin:auto}span.icons-medlife:before{background-position:550px 0}.icons-spicejet:before{background-position:416px 0;width:96px}.icons-lennox:before{background-position:322px 0;width:115px}.icons-gep:before{background-position:209px 0;width:90px}.icons-renault:before{background-position:0 50px;width:130px}.icons-bayt:before{background-position:119px 0;width:110px}.icons-capterra:before{background-position:-131px 50px;width:110px}.icons-getapp:before{background-position:-239px 50px;width:79px}.icons-gtwo:before{background-position:-316px 50px;width:35px}.icons-crozdesk:before{background-position:-349px 50px;width:115px}.zintegration .content-wrap>div>.brands-rating>div{display:inline-block;margin:0 8px 8px 0;width:44%;background-color:#fef9f5;padding:25px 8px 25px 3px;border-radius:15px;position:relative;box-sizing:border-box;opacity:0;box-shadow:5px 5px 25px 0 rgba(0,0,0,0.03)}.brands-rating [class |=icons]:before{left:20px;top:20px;right:auto;bottom:auto;height:35px}.brands-rating{display:inline-block;width:50%}.zbrands{display:inline-block;width:55%}.zintegration .content-wrap{background:#fff2ea;padding:120px 0;border-radius:15px;width:90%;max-width:1400px}.brands-rating .star-rating>span{display:inline-block;padding-left:6px;position:relative;opacity:0}.brands-rating .star-rating>span:after{content:"\2605";position:relative;width:10px;height:10px;display:block;color:#f9a72a;top:0;font-size:14px}.brands-rating .star-rating>span:last-child:after{overflow:hidden;height:16px;width:8px}.brands-rating .star-rating>span:last-child:before{content:"\2605";position:absolute;width:10px;height:10px;display:block;color:#dfdedb;bottom:14%;z-index:0;left:44%;font-size:14px}.star-rating{margin-right:auto;width:55%}.brands-rating .star-rating>span:first-child{padding-left:0}.zintegration .content-wrap>div>.brands-rating>div>div{display:inline-block}.rating{vertical-align:top;width:45%}.rating>span{background:#fff;padding:10px;border-radius:6px;margin:0 auto;margin-left:6px;font-size:11px}.rating>span>span{font-size:17px;font-weight:600}.brands-rating [class |=icons]:before{top:14px;left:25px;margin:0}.icons-gtwo:before{left:29%}.icons-getapp:before{left:15px}.zbrands>span{opacity:0}.zbrands>span.active,.brands-rating .star-rating>span.active{opacity:1;transition:all .6s}.zintegration .content-wrap>div>.brands-rating>div.active{opacity:1;transform:translateX(0);transition:all .6s}.brands-rating .icons-capterra:before{left:19px}@media screen and (max-width:1400px){h4{font-size:18px}.zintegration .content-wrap{padding:80px 0}.zbanner .content-wrap{margin-bottom:120px}.zfloat-banner .img-part{width:47%}}@media screen and (max-width:1100px){h1{font-size:58px}h3{font-size:25px}.zfloat-banner .img-part{width:50%;top:30px}.zbanner .content-wrap{margin-bottom:80px}.content-wrap{width:90%}.zline-animation{top:170px}.zbenefit-para :after{display:none}.ztwo-col .content-wrap>div{padding:60px 0}.zfloat{padding:80px 0}.ztwo-col{background:#d8fcf8;margin:60px auto}.zbenefits.content-wrap{width:100%}.zintegration .content-wrap{width:95%}.brands-rating [class |=icons]:before{left:13px}.brands-rating .icons-capterra:before{left:13px}.brands-rating{width:53%}.zbenefits{width:100%}.zsection.zintegration{background:#fff2ea;padding:0;margin:30px 0 50px}}@media screen and (max-width:991px){h1{font-size:48px;max-width:600px;margin:0 auto 15px}h2{font-size:28px}h3{font-size:20px}.zbenefit-para p{margin:0 auto}p{font-size:17px}.zbenefit-para p{max-width:310px}.zfloat-banner .cont-part p{font-size:19px}.zblend .content-wrap>div{padding-left:0;margin:0 auto}.zlearn{max-width:640px}.zfloat{padding:60px 0}.zbenefits h5{font-size:15px}.zbenefit-para :after{width:43%}.zlearn h3,.zblend-learning{max-width:unset}.zfloat.right-float .content-wrap .cont-part{padding-left:0}.zcol>div{margin-bottom:30px}.zsection{padding:50px 0}.zfloat.zfloat-2{padding:80px 0 60px}.zintegration .content-wrap>div{display:block}.zbrands,.brands-rating{display:block;width:100%}.brands-rating{max-width:500px;margin:30px auto 0}.zfooter .content-wrap>div{max-width:550px}.zcreate h2{max-width:400px}.zbenefits>div>span{padding-top:50px}.zbenefits{top:0;padding:60px 0 30px}.zfloat-banner .img-part,.zbenefit-para :after,.zline-animation,.zarrow{display:none}.zfloat-banner .cont-part{width:100%;text-align:center;margin-bottom:70px;display:block}.zbanner .content-wrap{margin-bottom:0;padding:50px 0}.zfloat-banner .cont-part p{margin:0 auto 15px}.zsection.zblend{padding:100px 0 50px}.zfloat .content-wrap{display:block;text-align:center;max-width:560px;margin:0 auto}.zfloat-2 .content-wrap,.zfloat-4 .content-wrap{display:flex;flex-wrap:wrap;flex-direction:column-reverse}.zfloat.left-float .content-wrap .cont-part{padding-right:0}.zfloat .content-wrap>div{display:block;width:100%;margin-bottom:30px}.zblend .content-wrap>div{padding-left:0}.zblend,.zcreate{text-align:center}.zcreate h2{width:100%;margin:0 auto 30px;padding-left:0}.ztwo-col .content-wrap>div>div{padding:40px 0}.ztwo-col .content-wrap>div>div{display:block;width:100%}.ztwo-col .content-wrap>div{text-align:center;max-width:500px;padding:40px 0}.zcol h3,.zcol p{margin:0 auto 20px}}@media screen and (max-width:768px){.zbenefits>div>span{width:28%;padding-bottom:30px}}@media screen and (max-width:767px){h1{font-size:44px;max-width:550px}h2{font-size:28px}h3{font-size:23px}.ztwo-col .content-wrap{display:block}.zblend-learning h3{font-size:27px}p{font-size:15px}.zsection{padding:30px 0}.zbenefits>div>span{width:28%;margin-bottom:30px}.zbenefit-para p{max-width:280px;margin:0 auto}.zfloat-4 .zarrow{top:60%;right:8%}.zfloat-3 .zarrow{top:30%;right:40%}h4{font-size:15px}.zintegration .content-wrap{padding:80px 0}}@media screen and (max-width:480px){h1{font-size:34px}h4{font-size:17px}.zbenefits>div>span{padding-right:0}[class |=zicon]:before{right:0;margin:0 auto}.zbenefits>div>span h4{width:100%}.zbenefits>div>span:nth-child(2n+1){margin-left:5%}.zbenefits>div>span.zicon-access h4,.zbenefits>div>span.zicon-reports h4{max-width:140px;margin:0 auto 15px}.zbenefit-para :after{content:none}.zcreate .first-image img{border-radius:10px}.zintegration .content-wrap>div>.brands-rating>div{margin:0 0 8px 0}.zbenefits>div>span{width:45%;text-align:center}.zbenefits>div .zicon-reports{padding-right:0;width:100%;margin:0 auto}.zfloat.zfloat-2{padding:80px 0 30px}.zintegration .content-wrap>div>div>span{width:50%}.zintegration .content-wrap>div>.brands-rating>div{width:70%;max-width:210px}.zbenefits{margin-top:50px}.zcreate .content-wrap,.zblend .content-wrap{text-align:center}.ztwo-col{margin:40px auto 0}.zfloat .content-wrap>div{margin-bottom:10px}.zbenefit-para p{text-align:center}.zfloat{padding:40px 0}.zlearn{margin:30px auto 0}.zbanner .content-wrap{padding:50px 0 0}.zlearn h3{max-width:300px;margin:0 auto}.zcol.col-2 .first-image img{max-width:280px}}@media screen and (max-width:360px){h4{font-size:15px}.zbenefits>div>span.zicon-access h4{max-width:130px}}