.features-banner-wrap{background:0 0 !important}.features-banner-wrap .content-wrap{margin:10px auto 0;overflow:visible}.features-banner-content{text-align:left;max-width:none;margin:0 auto 40px}.features-banner-wrap .content-wrap{margin:10px auto 0;overflow:visible}.header-top .cont-part{margin-bottom:60px}.header-top .cont-part,.header-top .img-part{width:45%;display:inline-block;vertical-align:middle}.features-banner-content p{margin:20px 0 40px;max-width:450px}.act-btn{padding:15px 40px}.header-top .img-part{width:55%}.header-top .img-part img{position:relative;bottom:-55px;z-index:-2;max-width:570px;width:100%}.zsection.zhr{padding:120px 0;background:#02a092;color:#fff;max-width:1200px;margin:0 auto}.zsection.zhr .content-wrap{max-width:80%;margin:0 0 0 140px}h1,h2,h3{font-family:var(--zf-secondary-bold)}h1{font-size:58px}h2{font-size:40px}h3{font-size:27px}.zfloat.zfloat-2{padding-top:60px;padding-bottom:60px}.zsection.zblend{padding-top:120px}.zsection.zfooter{padding-bottom:120px}h4{font-family:var(--zf-secondary-medium);font-size:19px}p{font-size:19px}.zsection{padding:60px 0}.zblend h2{letter-spacing:.1px}.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}.zcreate-2 .animation-element.in-view{width:100%;max-width:825px;margin:0 auto}.zsection.zcreate.zcreate-2{padding-top:150px}.zsection.zcreate-1{position:relative}.zsection.zcreate-1:before{position:absolute;content:'';width:90%;max-width:1200px;height:62%;background:#fef1fa;top:40%;z-index:-1;left:0;right:0;margin:auto}.zbanner .content-wrap{max-width:1140px}.zsection.zbanner{position:relative}.zfloat-banner .cont-part p{font-size:23px;max-width:600px;margin:0 auto 15px}.zbenefits-head{max-width:660px}.zbenefits h4{font-family:var(--zf-secondary-semibold);text-align:left}.zblend .content-wrap>div.zbenefits{color:#000;flex-wrap:wrap;padding:90px 0;width:90%;max-width:1400px;margin:0 auto;position:relative;top:-10px}.zbenefit-para :before{content:'';position:absolute;display:inline-block;width:35%;height:2px;top:50%;left:0;background:#464646;background:linear-gradient(to left,#464646 0,#3a3a3a 100%)}.zfloat-banner .cont-part{max-width:470px}.zmainimage img{max-width:405px;margin:0 auto}.zperspectives img{max-width:165px}.zperspectives{left:3%}.zfloat-banner .img-part>span:first-child{position:relative;left:-50px}.zfloat-banner .img-part>span{position:absolute}.ztarget img{max-width:220px}.ztarget{right:0;left:30%;bottom:23%;z-index:-1}[class |=zicon]:after{content:"";position:absolute;width:90px;height:90px;border-radius:45px;top:0;left:0;z-index:-1}.zicon-learn:after{background:#fffdea}.zicon-styles:after{background:#fef2f4}.zicon-access:after{background:#f6f6fe}.zicon-collabra:after{background:#f0f7ff}.zicon-reports:after{background:#dffff2}.zselfpaced img{max-width:235px}.zfeedbacks{display:block;width:15%;top:10%;right:10%}.zfeedbacksmile.zactive{animation:ripple 3s infinite}.zbargraph{position:absolute;display:block;width:10%;top:20%;left:28%;z-index:-1}.zfeedbacksmile{position:absolute;display:block;width:2.5%;top:6%;right:12%}@keyframes ripple{0%{transform:scale(1) rotate(0)}25%{transform:scale(1.4) rotate(35deg)}50%{transform:scale(1) rotate(0)}75%{transform:scale(1.4) rotate(-35deg)}100%{transform:scale(1) rotate(0)}}.img-part.animation-element.in-view .zmainimage img{opacity:1;transition:all 1s ease-in}.img-part.animation-element.in-view .zselfpaced img{opacity:1;transition:all 1s ease-in;transition-delay:1.5s}.img-part.animation-element.in-view .zfeedbacks img{opacity:1;transition:all 1s ease-in;transition-delay:.9s}.img-part.animation-element.in-view .zfeedbacksmile img{opacity:1;transition:all 1s ease-in;transition-delay:.9s}.img-part.animation-element.in-view .ztarget img{opacity:1;transition:all 1s ease-in;transition-delay:.3s}.img-part.animation-element.in-view .zperspectives img{opacity:1;transition:all 1s ease-in;transition-delay:1.2s}.img-part.animation-element.in-view .zbargraph img{opacity:1;transition:all 1s ease-in;transition-delay:.6s}.zselfpaced{right:0;bottom:20%}.zbenefits>div{width:90%;max-width:1200px;margin:0 auto}.zbenefits>div>span{display:inline-flex;width:17%;padding-right:3%;padding-top:80px;opacity:0}.zbenefit-para{position:relative;margin-bottom:50px}.zbenefit-para :after{content:'';position:absolute;display:inline-block;width:35%;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:200px;padding:5px 25px;font-family:var(--zf-secondary-regular);margin:0 auto;text-align:center}.zbenefits>div .zicon-reports{padding-right:0}.zblend .content-wrap>div{max-width:660px;text-align:center;margin:0 auto}.zcreate h2{max-width:570px;margin:0 auto 80px;text-align:center}.zblend-learning{max-width:410px;display:block;margin-bottom:50px}.zlearn{max-width:450px;margin:50px auto 0}.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{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 .img-part{text-align:center;position:relative;padding:100px 0 0}.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/benefits-sprite.png");background-size:650px;display:block;width:60px;height:60px;top:0;left:0;background-position:-245px 0}.zicon-styles:before{background-position:-306px 0;width:47px}.zicon-access:before{background-position:-351px 0;width:46px}.zicon-collabra:before{background-position:-396px 0;width:48px}.zicon-reports:before{background-position:-442px 0;width:50px}.zfloat{padding:60px 0;overflow:hidden}.zfloat.zfloat-1{padding:160px 0 70px}.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 .5s 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}.left-content,.right-img{width:50%;display:inline-block}.right-img{text-align:right;width:40%}.right-img img{max-width:200px}@media screen and (max-width:1400px){h4{font-size:17px}.zintegration .content-wrap{padding:80px 0}.zbenefit-para :before,.zbenefit-para :after{width:25%}}@media screen and (max-width:1100px){h1{font-size:54px}h3{font-size:25px}.zperspectives img{max-width:145px}.zselfpaced{right:0;bottom:22%}.zbargraph{left:23%}.zfloat-banner .img-part{padding:70px 0 0}.zselfpaced img{max-width:185px}.ztarget img{max-width:190px}.ztarget{left:35%;bottom:23%}.content-wrap{width:90%}.zline-animation{top:170px}.ztwo-col .content-wrap>div{padding:60px 0}.zsection.zcreate-1:before{width:100%}.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:1024px){.header-top h1{font-size:46px}.zbenefits>div{width:100%}.zfloat.zfloat-1{padding:120px 0 100px}}@media screen and (max-width:991px){.features-banner-content p{max-width:80%;margin:0 auto 40px}.zsection.zhr .content-wrap{max-width:100%;margin:0 auto}.header-top .cont-part,.header-top .img-part{width:100%}.header-top{text-align:center}.header-top h1{max-width:500px;margin:0 auto 20px}.header-top .img-part img{bottom:0}.header-top .img-part img{bottom:-42px;max-width:400px}.header-top .cont-part{margin-bottom:0}h1{font-size:46px;max-width:600px;margin:0 auto 15px}h2{font-size:28px}h3{font-size:27px}.zbenefit-para p{margin:0 auto}p{font-size:17px}.zbenefit-para p{max-width:200px}.zfloat-banner .cont-part p{font-size:19px}.zbenefit-para :before,.zbenefit-para :after{display:none}.zblend .content-wrap>div{padding-left:0;margin:0 auto}.zlearn,.zblend .content-wrap>div{max-width:610px;margin:0 auto}.zfloat{padding:60px 0}.zbenefits h5{font-size:15px}.zlearn h3,.zblend-learning{max-width:unset}.zfloat.right-float .content-wrap .cont-part{padding-left:0}.zcol.col-2 .first-image img{max-width:260px}.zcol>div{margin-bottom:30px}.zsection{padding:50px 0}.zfloat.zfloat-2{padding:0 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{top:0;padding:60px 0 30px}.zfloat-banner .img-part,.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:80px 0 30px}.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}.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 (min-width:768px){.features-banner-wrap.zsection{padding-top:20px;padding-bottom:0}}@media screen and (max-width:768px){.right-img img{max-width:170px}.zbenefits>div>span{width:28%;padding-bottom:30px}.zblend .content-wrap>div h2{width:100%;max-width:470px;margin:0 auto 15px}}@media screen and (max-width:767px){.left-content,.right-img{width:100%;display:block;text-align:center}.zsection.zhr{text-align:center}.zhr .content-wrap>div{max-width:610px;margin:0 auto}.zhr .content-wrap>div h2{width:100%;max-width:470px;margin:0 auto 15px}.zsection.zblend{padding:80px 0 30px}.zsection.zhr{padding:80px 0}.header-top .img-part img{bottom:-31px}.header-top .img-part img{bottom:-61px}h1{font-size:42px;max-width:550px}h2{font-size:28px}h3{font-size:23px}p{font-size:15px}.zsection{padding:30px 0}.zbenefits>div>span{width:28%;margin-bottom:30px}.zbenefit-para p{max-width:180px;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){.right-img img{max-width:130px}[class |=zicon]:after{width:80px;height:80px;border-radius:40px;left:20px}.zicon-reports:after{left:110px}.zfloat.zfloat-1{padding:100px 0 0}.zblend .content-wrap>div.zbenefits{padding-bottom:0}.zbenefits h4{text-align:center}.header-top .img-part img{bottom:-47px;max-width:250px}.header-top h1{font-size:32px}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%;font-size:13px}.zbenefits>div>span:nth-child(2n+1){margin-left:5%;margin-right:5%}.zbenefits>div>span.zicon-access h4,.zbenefits>div>span.zicon-reports h4{max-width:160px;margin:15px auto 15px}.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}}@media screen and (max-width:360px){h4{font-size:15px}.zbenefits>div>span.zicon-access h4{max-width:130px}}