.zp-feature-block a{color:var(--zqe-link-clr-dark)}.banner-section,.feature-section{overflow:hidden}img{display:block}h1{font-size:58px;margin-bottom:0;line-height:1.1}h1 strong{font-family:var(--primaryfont-bold)}p{margin:0 0 15px;font-size:18px}body h2{font-size:45px;line-height:1.1;font-family:var(--primaryfont-bold)}h2 strong{font-family:var(--primaryfont-bold);display:block;font-size:55px}ul.zp-sign-btn{display:flex}ul.zp-sign-btn li a{padding:16px 40px;border-radius:3px;font-size:15px;text-transform:uppercase;font-family:var(--primaryfont-semibold);display:inline-block}a.btn-demo{border:1px solid #2b3810;color:#2b3810}.rows{display:flex;flex-wrap:wrap}.rows>div{flex:0 0 50%;max-width:50%}.zw-product-header,.banner-section{background:var(--zqe-light-green-bg)}h2 span{color:var(--zqe-text-green)}h4{line-height:1.2;font-family:var(--secondaryfont-bold)}a.btn-green{background:var(--zqe-link-clr);padding:12px 40px;color:#fff;display:inline-block;font-family:var(--primaryfont-semibold);border-radius:3px}.img-shadow img{box-shadow:0 0 30px rgba(0,0,0,0.05);border-radius:8px}.banner-section{padding:7em 0 0;position:relative}.banner-content{padding-bottom:9em}.banner-content p{margin:25px 0}.banner-section .rows{justify-content:space-between;align-items:center}ul.zp-sign-btn li:first-child{margin-right:15px}.banner-img{max-width:550px;margin:0 0 0 auto;position:absolute;bottom:0;right:0}.feature-section .rows{align-items:center}.zp-feature-block .title{text-align:center;max-width:800px;margin-bottom:40px}.feature-tabs{position:sticky;position:-webkit-sticky;top:65px;background:var(--zqe-dark-green-bg);z-index:10;margin-bottom:2em;padding:12px 0}.feature-tabs ul{text-align:center}.feature-tabs ul li a{color:#fff;position:relative;padding:12px 40px;display:inline-block;font-family:var(--secondaryfont-semibold);font-size:16px;border-radius:5px;transition:all .5s ease;border:1px solid var(--zqe-green-bg)}.feature-tabs ul li{display:inline-block;position:relative;padding:0 5px;cursor:pointer}.feature-tabs ul li.active a{color:#fff;background:var(--zqe-green-bg)}.zp-feature-block{background:var(--zqe-dark-green-bg);color:#fff;padding-top:6em}a.link{position:relative;padding-right:25px;display:inline-block;color:var(--zqe-link-clr);font-size:19px;font-family:var(--primaryfont-semibold);transition:all .5s ease}a.link:before{background:var(--zqe-link-clr);width:18px;height:2px;position:absolute;right:0;top:50%;content:"";transition:all .5s ease}a.link:after{width:10px;height:10px;border-top:2px solid var(--zqe-link-clr);border-right:2px solid var(--zqe-link-clr);position:absolute;right:3px;top:50%;content:"";transform:rotate(45deg) translateY(-50%);transition:all .5s ease}a.link:hover:before{right:-7px}a.link:hover:after{right:-3px}.feature-section h4{font-size:42px}.feature-main:nth-child(2n+2) .rows{flex-direction:row-reverse;align-items:center}.feature-img{position:relative;max-width:700px}.feature-main:nth-child(2n+1) .col-1{padding-right:90px}.feature-main:nth-child(2n+2) .col-1{padding-left:110px}.feature-main{padding:5em 0 10em}.feature-main:last-child{padding-bottom:12em}.feature-img .img-2{max-width:190px;position:absolute;bottom:-60px;right:-40px}.feature-img .img-2 img{border:1px solid var(--zqe-link-clr);border-radius:12px}div#connections{padding-bottom:4em}div#dashboard span.icon.con-icon:before{background-position:-464px 0}div#dashboard span.icon.con-icon:after{content:"Results"}#dashboard .img-2{max-width:220px;position:absolute;right:-110px;bottom:-60px}div#dashboard{padding-bottom:9em}.zp-api-integration{width:450px;height:450px;margin:0 auto;position:relative;background:#112d16;border-radius:100%}span.circle{background:#1a361a;left:50px;right:50px;top:50px;bottom:50px;position:absolute;border-radius:100%}span.circle.circle2{left:100px;right:100px;top:100px;bottom:100px;background:#223f1f;z-index:1}span.circle.int-connect{background:#659046;left:150px;right:150px;top:150px;bottom:150px;z-index:1}span.int-logo{position:absolute;width:115px;height:115px;background:#fff;border-radius:10px;z-index:1}span.int-logo:before{content:"";position:absolute;background:var(--product-icons) no-repeat;background-size:var(--zp-i-bs);background-position:var(--zp-qengine-bp);width:var(--zp-i-w);height:var(--zp-i-h);transform:translate(-50%,-50%) scale(1.2);left:50%;top:36%;transform-origin:center center}span.int-logo.zprojects:before{background-position:var(--zp-projects-bp)}span.int-logo:after{content:"Zoho QEngine";display:block;position:absolute;color:#000;font-size:14px;font-family:var(--secondaryfont-bold);position:absolute;bottom:19px;left:0;right:0;text-align:center}span.int-logo.zprojects:after{content:"Zoho Projects"}span.int-logo.zqengine{bottom:50px}span.int-logo.zprojects{right:10px;top:30px}span.circle.int-connect:before{content:"";background:url(//www.zohowebstatic.com/sites/zweb/images/qengine/zp-api-connection.svg) no-repeat;background-size:60px auto;transform:translate(-50%,-50%);left:50%;top:50%;transform-origin:center center;width:60px;height:70px;position:absolute}.cta-content{text-align:center;max-width:960px;margin:0 auto}.cta-section{background:var(--zqe-light-green-bg);padding:80px 0}.cta-content p{margin:15px 0 20px}.cta-content h2{margin:0}.cta-section ul.zp-sign-btn{justify-content:center}.faq-section{padding:90px 0}@media screen and (min-width:768px){.banner-img .img-1,[class^="img-"],.banner-img span.icon{opacity:0}.feature-main.middle-animated .img-1{animation:slideRight 1s ease-out .3s forwards}.feature-main.middle-animated:nth-child(2n+2) .img-1{animation:slideLeft 1s ease-out .1s forwards}.feature-main.middle-animated .img-2{animation:slideDown 1s ease-out .4s forwards}#dashboard.middle-animated .img-2{animation:slideDown 1s ease-out .4s forwards}.middle-animated .zp-api-integration,.middle-animated span.circle{transform:scale(1);opacity:1}.zp-api-integration,span.circle{transform:scale(0);transition:all 1s ease;opacity:0}.middle-animated span.circle{transition-delay:.3s}.middle-animated span.circle.circle2{transition-delay:.6s}.middle-animated span.circle.int-connect{transition-delay:.9s}span.int-logo{animation:15s floatingrev linear infinite}span.int-logo.zqengine{bottom:50px;animation:15s floating linear infinite}span.int-logo{opacity:0;transition:all .7s ease}.middle-animated span.int-logo{opacity:1;transition-delay:1.5s}@keyframes slideLeft{0%{visibility:hidden;opacity:0;transform:translateX(-30px)}100%{visibility:visible;opacity:1;transform:translateX(0)}}@keyframes slideRight{0%{visibility:hidden;opacity:0;transform:translateX(30px)}100%{visibility:visible;opacity:1;transform:translateX(0)}}@keyframes slideUp{0%{visibility:hidden;opacity:0;transform:translateY(-30px)}100%{visibility:visible;opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{visibility:hidden;opacity:0;transform:translateY(30px)}100%{visibility:visible;opacity:1;transform:translateY(0)}}@keyframes blink{0%{opacity:0}50%{opacity:1}100%{opacity:0}}@keyframes scaling{0%{visibility:hidden;opacity:0;transform:scale(.2)}100%{visibility:visible;opacity:1;transform:scale(1)}}@keyframes floating{0%{transform:translateY(-30px)}50%{transform:translateY(0)}100%{transform:translateY(-30px)}}@keyframes floatingrev{0%{transform:translateY(30px)}50%{transform:translateY(0)}100%{transform:translateY(30px)}}}@media screen and (max-width:1440px){.banner-img{margin-top:40px}h1{font-size:55px}body h2{font-size:42px;max-width:860px}#dashboard .img-2{max-width:180px;right:-60px}}@media screen and (max-width:1280px){.banner-img{max-width:480px}.zp-feature-block{padding-top:4em}.zp-feature-block h2{max-width:1000px}.feature-main{padding:2em 0 7em}#dashboard .feature-img{max-width:520px}}@media screen and (max-width:1199px){h1{font-size:45px}.banner-section{padding:3em 0 0}.feature-tabs{top:0}.feature-tabs ul li{padding:0 5px}.feature-tabs ul li a{padding:10px 25px}.feature-section h4{font-size:32px}#dashboard .img-2{max-width:170px;right:-40px}#dashboard .feature-img{max-width:440px}.feature-img .img-2{max-width:130px;right:-20px}.banner-img{max-width:460px}}@media screen and (max-width:1023px){body h2{font-size:36px;max-width:660px}.banner-main .rows .col-1,.banner-main .rows .col-2,.rows>div{flex:0 0 100%;max-width:100%}.banner-content{max-width:500px;margin:0 auto;text-align:center;padding-bottom:4em}.banner-img{position:relative;margin:0 auto;max-width:360px}.banner-section{padding:2em 0 0}.feature-tabs ul li{padding:0 3px}.feature-tabs ul li a{padding:7px 14px;font-size:14px}.zp-feature-block h2{margin-bottom:20px}.feature-main:nth-child(2n+1) .col-1,.feature-main:nth-child(2n+2) .col-1{padding:0 20px;max-width:600px;text-align:center;margin:0 auto 40px}.feature-img{max-width:630px;margin:0 auto}ul.zp-sign-btn{justify-content:center}#dashboard .feature-img{max-width:600px}div#dashboard{padding-bottom:6em}}@media screen and (max-width:767px){h1{font-size:34px;line-height:1.1}p{font-size:15px}body h2{font-size:30px}.banner-content p{margin:12px 0}ul.zp-sign-btn li a{padding:11px 16px;font-size:13px}.banner-img{position:relative;bottom:0;margin:0 auto;padding:0 15px}.zp-feature-block{padding:4em 0}.feature-section h4{font-size:26px}.feature-img{max-width:414px}#dashboard .img-2,.feature-tabs{display:none}.feature-img,#dashboard .feature-img{max-width:414px}div#dashboard{padding:3em 0}.feature-img .img-2{right:20px}div#connections .feature-img{transform:scale(0.8);transform-origin:top center;max-width:100%}div#connections{padding-bottom:0}.feature-main:last-child{padding-bottom:4em}.cta-section{padding:50px 0}}@media screen and (max-width:480px){div#connections .feature-img{transform:scale(1)}.zp-api-integration{width:360px;height:360px}span.circle.int-connect:before{transform:translate(-50%,-50%) scale(0.5)}span.int-logo{transform:scale(0.8)}div#connections{padding-bottom:2em}.cta-content p{margin:15px 0}}@media screen and (max-width:375px){h1{font-size:30px}ul.zp-sign-btn{flex-direction:column;align-items:center}ul.zp-sign-btn li:first-child{margin:0 0 15px}body h2{font-size:28px}div#connections .feature-img{transform:scale(0.7);margin-left:-10px;margin-bottom:-90px}}