.zint-zoho-crm,.zint-zoho-desk,.zint-zoho-analytics,.zint-zoho-subscriptions,.zint-zoho-flow,.zint-zoho-quickbooks,.zint-zoho-recruit,.zint-zoho-sites,.zint-sms-integrations,.zint-zoho-invoice,.zint-zoho-books,.zint-zapier,.zint-quickbooks{max-width:48px}.banner-section{background-color:#213926;color:#fff}.banner-section h1{color:#fec331}.other-lang .testimonial-section{display:none}.testimonial-section{background:#fff;padding:40px 0}.testimonial-slider{max-width:1000px;width:95%;position:relative;margin:0 auto}.testimonial-slider .slick-next,.testimonial-slider .slick-prev{width:40px;height:40px;border:1px solid #979797;border-radius:50%}.testimonial-slider .slick-prev{left:0}.testimonial-slider .slick-next,.testimonial-slider .slick-prev{top:45%}.testimonial-slider .slick-next{right:0}.testimonial-slider .slick-next:after,.testimonial-slider .slick-next:before,.testimonial-slider .slick-prev:after,.testimonial-slider .slick-prev:before{height:12px;background:#4667ef}.testimonial-slider .slick-prev:before{top:9px;left:17px}.testimonial-slider .slick-prev:after{bottom:9px;left:17px}.testimonial-slider .slick-next:before{top:9px;right:17px}.testimonial-slider .slick-next:after{bottom:9px;right:17px}.slider-area{display:block;padding:50px 0 0}.slider-area .slider-column.right{width:100%;padding:0 70px;text-align:left}.slider-column h4{font-family:"Roboto Slab";max-width:850px;line-height:1.6;margin:0 auto 20px;font-weight:400;font-size:24px;text-align:center;padding:40px 30px;border:2px solid #3c5bff;border-radius:10px;position:relative}.slider-column h4:before,.slider-column h4:after{content:'';position:absolute;background:#fff url(//www.zohowebstatic.com/sites/zweb/images/creator/features/testi-quote-highlight.png) no-repeat;background-size:40px auto;width:45px;height:40px;background-position:0 10px;top:-20px;left:-20px}.slider-column h4:after{right:-20px;bottom:-16px;left:auto;top:auto;background-position:0 10px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.slider-details{position:relative;background:#fff;max-width:420px;margin:0 auto 20px;text-align:center}.slider-details p{font-size:16px;margin-bottom:0}.slider-details p span{display:block;font-family:var(--zf-secondary-bold);font-size:22px;color:#4667ef}@media(min-width:1200px){h1{font-size:46px}.in-view.fadeinup1,.in-view .fadeinup1,.in-view .fadeinup2,.in-view .fadeinup3,.in-view .fadeinup4,.in-view .fadeinup5,.in-view .fadeinup6,.in-view .fadeinup7,.in-view .fadeinup8{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;-ms-filter:"alpha(opacity=100)"}.fadeinup1,.fadeinleft1,.inup1,.fadeinright1{-webkit-transition-delay:200ms;transition-delay:200ms}.fadeinup1,.fadeinup2,.fadeinup3,.fadeinup4,.fadeinup5,.fadeinup6,.fadeinup7,.fadeinup8{-webkit-transform:translateY(70px);transform:translateY(70px);-ms-filter:"alpha(opacity=0)";-webkit-transition:all 1300ms cubic-bezier(0.11,0.16,0.43,0.86);transition:all 1300ms cubic-bezier(0.11,0.16,0.43,0.86)}}.act-btn{padding:12px 30px}.banner-section{height:500px;display:flex;display:-ms-flexbox;align-items:center;-ms-flex-align:center}.banner-section .rows{display:flex;display:-ms-flexbox;flex-wrap:wrap;-ms-flex-wrap:wrap;align-items:center;-ms-flex-align:center;justify-content:space-between;-ms-flex-pack:space-between}.banner-section .rows .banner-content{flex:0 0 100%;-ms-flex:0 0 100%;max-width:650px;margin-left:auto;margin-right:auto;text-align:center}.banner-integration{flex:0 0 50%;-ms-flex:0 0 50%;max-width:50%}.banner-integration ul{display:flex;transform:rotate(-20deg);-webkit-transform:rotate(-20deg);-ms-transform:rotate(-20deg);align-items:center;-ms-flex-align:center;position:relative;top:-70px}.banner-integration ul li:nth-child(3){position:relative;top:80px}.banner-integration ul li:nth-child(4){position:relative;top:160px}.banner-integration div.icon{width:140px;height:150px;background:#fff;margin:10px 10px;border-radius:20px;position:relative}div.icon::before{background:url(//www.zohowebstatic.com/sites/zweb/images/creator/integration-page-header-sprite.png) no-repeat;background-size:auto 60px;width:60px;height:60px;position:absolute;content:"";top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}.banner-integration .icon.zdesk{background:#19974c}.banner-integration ul li div.icon.zcrm::before{background-position:0 0;width:60px}.banner-integration ul li div.icon.zdesk::before{background-position:-120px 0;width:60px}.banner-integration ul li div.icon.zpaypal::before{background-position:-240px 0;width:120px}.banner-integration ul li div.icon.zanalytics::before{background-position:-180px 0;width:60px}.banner-integration ul li div.icon.zanalytics{background:#fc031b}.banner-integration ul li div.icon.zsap{background:#d6f0ff}.banner-integration ul li div.icon.zsap::before{background-position:-555px 0;width:65px}.banner-integration ul li div.icon.ztwilio{background:#ff3555}.banner-integration ul li div.icon.ztwilio::before{background-position:-355px 0;width:105px}.banner-integration ul li div.icon.zbooks::before{background-position:-60px 0;width:60px}.banner-integration ul li div.icon.zgsuite::before{background-position:-460px 0;width:95px}.banner-integration ul li div.icon.zzapier{background:#fc4b1e}.banner-integration ul li div.icon.zzapier::before{background-position:-620px 0}.banner-integration ul li div.icon.zqb::before{background-position:-680px 0}.banner-integration ul li div.icon.zstripe{opacity:0;visibility:hidden}.banner-integration ul li div{opacity:0;transition:all 1s ease-out;-webkit-transition:all 1s ease-out}.banner-integration ul li:nth-child(1) div:nth-child(1),.banner-integration ul li div:nth-child(1){transform:translate3d(0,-50px,0) scale(0.8);-webkit-transform:translate3d(0,-50px,0) scale(0.8);-ms-transform:translate3d(0,-50px,0) scale(0.8)}.banner-integration ul li:nth-child(1) div:nth-child(2),.banner-integration ul li div:nth-child(3){transform:translate3d(0,50px,0) scale(0.8);-webkit-transform:translate3d(0,50px,0) scale(0.8);-ms-transform:translate3d(0,50px,0) scale(0.8)}.banner-integration ul li div:nth-child(2){transform:scale(0.8);-webkit-transform:scale(0.8);-ms-transform:scale(0.8)}.middle-animated .banner-integration ul li:nth-child(1) div:nth-child(1),.middle-animated .banner-integration ul li:nth-child(1) div:nth-child(2),.middle-animated .banner-integration ul li div{opacity:1;transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.banner-integration ul li:nth-child(1) div:nth-child(2){transition-delay:.2s;-webkit-transition-delay:.2s}.banner-integration ul li:nth-child(2) div:nth-child(1){transition-delay:.3s;-webkit-transition-delay:.3s}.banner-integration ul li:nth-child(2) div:nth-child(2){transition-delay:.4s;-webkit-transition-delay:.4s}.banner-integration ul li:nth-child(2) div:nth-child(3){transition-delay:.5s;-webkit-transition-delay:.5s}.banner-integration ul li:nth-child(3) div:nth-child(1){transition-delay:.6s;-webkit-transition-delay:.6s}.banner-integration ul li:nth-child(3) div:nth-child(2){transition-delay:.8s;-webkit-transition-delay:.8s}.banner-integration ul li:nth-child(3) div:nth-child(3){transition-delay:.9s;-webkit-transition-delay:.9s}.banner-integration ul li:nth-child(4) div:nth-child(1){transition-delay:1s;-webkit-transition-delay:1s}.banner-integration ul li:nth-child(4) div:nth-child(2){transition-delay:1.1s;-webkit-transition-delay:1.1s}.banner-integration ul li:nth-child(4) div:nth-child(3){transition-delay:1.2s;-webkit-transition-delay:1.2s}@media only screen and (max-width:1366px){.banner-section{height:auto;padding:3em 0}.banner-integration ul{transform:translate(-70px,0) scale(0.8) rotate(-20deg);-webkit-transform:translate(-70px,0) scale(0.8) rotate(-20deg);-ms-transform:translate(-70px,0) scale(0.8) rotate(-20deg);-o-transform:translate(-70px,0) scale(0.8) rotate(-20deg)}}@media only screen and (max-width:1023px){.banner-section{padding:2em 0 5em}.zsticky-link{display:none}.banner-integration{display:none}.banner-section .rows .banner-content{flex:0 0 100%;-ms-flex:0 0 100%;max-width:500px;margin:0 auto;text-align:center}}@media only screen and (max-width:767px){.banner-section{padding:4em 0}.slider-column h4{font-size:20px;padding:20px}.slider-area .slider-column.right{padding:0 20px}.slider-column h4::after{transform:rotate(180deg) scale(0.7)}.slider-column h4::before{transform:scale(0.7)}}