.banner-section,.feature-section,.built-section,.box-section{overflow:hidden}img{display:block}h1{font-size:55px;margin-bottom:0;line-height:1.1}h1 strong{font-family:var(--primaryfont-bold)}p{margin:0 0 15px;font-size:18px}.zw-template-inner h2{font-size:50px;line-height:1.1;font-family:var(--primaryfont-bold);margin:0 auto 50px;text-align:center}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}.signup-box h4{margin-bottom:5px}.banner-section ul.zp-sign-btn li:first-child{margin-right:12px}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-green-bg);padding:12px 40px;color:#fff;display:inline-block;font-family:var(--primaryfont-semibold);border-radius:3px}span.icon{background:url(/sites/zweb/images/qengine/zp-feature-sprite.png) no-repeat;background-size:300px auto;display:inline-block;margin-bottom:20px;text-align:center;padding:20px 20px;border-radius:10px}span.edit-mode{background:#000;color:#fff;display:block;position:absolute;top:10%;right:-145px;padding:5px 15px;border-radius:3px;font-family:var(--secondaryfont-semibold)}span.edit-mode:after{content:"";position:absolute;width:15px;height:15px;background:#000;left:-10px;transform:rotate(45deg) translateY(-50%);top:48%;transform-origin:center}.img-shadow img{box-shadow:0 0 30px rgba(0,0,0,0.05);border-radius:8px}.feature-section .rows{align-items:center}.banner-section{padding:4em 0 5em;position:relative}.banner-content p{margin:25px 0}.banner-section .col-2{max-width:50%;flex:0 0 50%}.banner-section .rows{justify-content:space-between}ul.zp-sign-btn li:first-child{margin-right:15px}.banner-img{max-width:550px;height:690px;position:relative;z-index:1;margin:0 auto}.banner-img .img-1{padding-right:30px;max-width:80px}.banner-img .main-img{perspective:2100px}.banner-section .caption{background:#02b5d5;color:#fff;display:inline-block;padding:5px 14px;border-radius:4px;text-transform:uppercase;font-family:var(--secondaryfont-semibold);font-size:14px;margin-bottom:20px}.main-img picture{transform-style:preserve-3d;display:block;transition:all 1s ease;transition-delay:1s}.banner-img div.img-1 img{border-radius:3px}.banner-img span.edit-mode{font-size:14px;right:-100px;left:auto}.banner-img span.edit-mode:before{content:"Editor Mode"}.banner-img div.img-1{position:absolute;right:-72px;top:12px}.banner-img .img-2{max-width:180px;position:absolute;right:-172px;bottom:10px}.banner-img .img-2 img{box-shadow:none}.banner-bottom-img{display:flex;position:absolute;bottom:0;width:723px}.banner-bottom-img>div{padding:0 10px}.banner-bottom-img>div:first-child{padding-left:0}.banner-bottom-img>div:last-child{padding-right:0}.banner-content{padding:70px 0}.feature-section h4 span{color:var(--zqe-text-green)}.feature-tabs{position:sticky;position:-webkit-sticky;top:50px;background:var(--zqe-dark-green-bg);z-index:10;margin-bottom:2em;padding:20px 0}.feature-tabs ul{text-align:center}.feature-tabs ul li a{color:#c1efcc;position:relative;padding:12px 40px;display:inline-block;font-family:var(--secondaryfont-semibold);font-size:16px;background:#082e11;border-radius:5px;transition:all .5s ease;border:1px solid #094018}.feature-tabs ul li{display:inline-block;position:relative;padding:0 15px;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}.zp-feature-block h2{margin-bottom:60px;max-width:800px}a.link,a.zqe-link-cta{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,a.zqe-link-cta::before{background:var(--zqe-link-clr);width:18px;height:2px;position:absolute;right:0;top:50%;content:"";transition:all .5s ease}a.link::after,a.zqe-link-cta::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,a.zqe-link-cta:hover::before{right:-7px}a.link:hover::after,a.zqe-link-cta:hover::after{right:-3px}:is(.zp-feature-block) p a,:is(.zp-feature-block) a.link,:is(.zp-feature-block) a.zqe-link-cta{color:var(--zqe-link-clr-dark)}:is(.zp-feature-block) a.link::before,:is(.zp-feature-block) a.zqe-link-cta::before{background:var(--zqe-link-clr-dark)}:is(.zp-feature-block) a.link::after,:is(.zp-feature-block) a.zqe-link-cta::after{border-top-color:var(--zqe-link-clr-dark);border-right-color:var(--zqe-link-clr-dark)}.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:100px}.feature-main:nth-child(2n+2) .col-1{padding-left:110px}.feature-main{padding:5em 0}div#build .feature-img{max-width:600px;margin-left:-40px}div#build span.edit-mode{background:var(--zqe-green-bg);display:none}div#build .img-2{position:absolute;top:55px;right:-80px;max-width:60px;transition:all 1s ease}div#build span.edit-mode::after{background:var(--zqe-green-bg)}span.icon.con-icon{background:var(--zqe-green-bg);top:129px;width:115px;position:absolute;left:-30px;font-family:var(--secondaryfont-semibold);padding:14px 0}div#manage .img-2{position:absolute;top:49px;max-width:200px;left:37.5%}div#manage .img-2 img{border:1px solid var(--zqe-green-bg);border-radius:0;border-bottom-left-radius:10px;border-bottom-right-radius:10px}div#manage span.icon.con-icon:before{background-position:-123px 0}div#manage .feature-img{width:600px}span.icon.con-icon:after{content:"Test Cases";font-size:16px}span.icon.con-icon:before{background:url(/sites/zweb/images/qengine/zp-feature-sprite.png) no-repeat;background-size:240px auto;content:"";display:block;width:60px;height:50px;background-position:-528px 0;margin:0 auto}.sub-img{position:absolute;top:50%;max-width:360px;left:80px;transform:translateY(-50%)}.sub-img>*{margin:20px 0;border-radius:6px}.sub-img img:nth-child(2){margin-left:0;border:1px solid var(--zqe-link-clr)}#collaborate .img-1{position:relative}#collaborate .feature-img{max-width:520px}div#collaborate span.icon.zp-person{background-position:0 0;width:92px;height:90px;left:auto;position:absolute;right:-130px;top:60px}div#collaborate span.icon.arrow{background-position:-95px 0;width:60px;left:auto;right:-90px;top:170px;position:absolute}#collaborate .img-2{max-width:230px;right:-130px;position:absolute;bottom:-100px}div#collaborate{padding-bottom:10em}div#report span.icon.con-icon:before{background-position:-185px 0}div#report span.icon.con-icon:after{content:"Results"}#report .img-2{max-width:200px;position:absolute;right:-70px;bottom:-70px}div#report{padding-bottom:7em}#execute .feature-img .img-2{max-width:180px;position:absolute;bottom:-40px;right:-70px}#repository .img-2{max-width:170px;position:absolute;bottom:-60px;right:-70px}div#repository{padding-bottom:12em}#repository h4 span{display:block}.num-section{padding:6em 0;text-align:center}.num-section .col{flex:0 0 25%;max-width:25%;padding:0 20px}.num-section .rows{justify-content:center}.num-content span{display:block;font-family:var(--zf-primary-light);font-size:60px}.num-content p{margin:0 auto;max-width:240px;line-height:1.4}.num-section h2{font-size:30px;font-family:var(--primaryfont-regular);margin-bottom:2em}.num-content span small{display:inline-block}.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:20px 0}.cta-content h2{margin:0}.cta-section ul.zp-sign-btn{justify-content:center}@media screen and (min-width:1600px){div#build span.edit-mode{display:block}}@media screen and (min-width:768px){.num-box,.lead-section span.test-cont,.lead-section .img-1 img,span.icon,.sub-img img,[class^="img-"]{opacity:0}.banner-img{transition:all 1s ease;left:50px}.middle-animated .banner-img{left:0;opacity:1;transition-delay:.3s;padding-left:0}.middle-animated .main-img picture{transform:rotateX(0) rotateY(18deg)}.banner-section .middle-animated .img-1{animation:slideDown 1s ease-out 1.5s forwards}.middle-animated .banner-img .img-2{animation:slideDown 1s ease-out 2s forwards}.banner-section .middle-animated .img-3{animation:slideDown 1s ease-out 2.2s forwards}.middle-animated .img-4{animation:slideDown 1s ease-out 2.4s forwards}.middle-animated .img-5{animation:slideDown 1s ease-out 2.6s forwards}.middle-animated .img-6{animation:slideDown 1s ease-out .9s forwards}.middle-animated .img-8{animation:slideLeft 1s ease-out 1s forwards}.middle-animated .bx-1 span.icon{animation:scaling .5s ease-out .1s forwards}.middle-animated .bx-2 span.icon{animation:scaling .5s ease-out .3s forwards}.middle-animated .bx-3 span.icon{animation:scaling .5s ease-out .5s forwards}.feature-main.middle-animated:nth-child(2n+2) .img-1{animation:slideLeft 1s ease-out .1s forwards}.feature-main.middle-animated .img-1{animation:slideRight 1s ease-out .3s forwards}.middle-animated .sub-img img:first-child{animation:slideUp 1s ease-out .5s forwards}.middle-animated .sub-img img:nth-child(2){animation:slideUp 1s ease-out .7s forwards}.middle-animated .sub-img img:last-child{animation:slideUp 1s ease-out .9s forwards}#execute.middle-animated .feature-img .img-2{animation:scaling 1s ease-out .7s forwards}div#build.middle-animated .img-2{transform:translateY(-50%);opacity:1;transition-delay:1s}div#manage.middle-animated .img-2{animation:slideDown 1s ease-out .3s forwards}div#manage.middle-animated span.icon.con-icon,div#report.middle-animated span.icon.con-icon{animation:scaling .8s ease .5s forwards}#collaborate.middle-animated .img-2{animation:slideDown 1s ease-out 2.5s forwards}#collaborate.middle-animated .zp-person{animation:scaling 1s ease-out 1.2s forwards}#collaborate span.icon.arrow{transform:scale(-1,1) translateY(-20px);transition:all 1s ease;transition-delay:1.5s}#collaborate.middle-animated span.icon.arrow{transform:scale(-1,1) translateY(0);opacity:1}.middle-animated .sub-img img:nth-child(2){margin-left:60px;transition:all 1s ease;transition-delay:2s}#collaborate.middle-animated .img-2{animation:slideDown 1s ease-out 2.5s forwards}#collaborate.middle-animated .zp-person{animation:scaling 1s ease-out 1.2s forwards}#collaborate span.icon.arrow{transform:scale(-1,1) translateY(-20px);transition:all 1s ease;transition-delay:1.5s}#collaborate.middle-animated span.icon.arrow{transform:scale(-1,1) translateY(0);opacity:1}.middle-animated .sub-img img:nth-child(2){margin-left:60px;transition:all 1s ease;transition-delay:2s}#report.middle-animated .img-2,#repository.middle-animated .img-2{animation:slideDown 1s ease-out .3s forwards}.middle-animated .qa-section .img-1{animation:slideUp 1s ease-out .3s forwards}.middle-animated .qa-section .con-icon,.middle-animated .lead-section span.test-cont{animation:slideDown 1s ease-out .6s forwards}.middle-animated .lead-section .img-1 img:nth-child(1){animation:slideDown 1s ease-out .6s forwards}.middle-animated .lead-section .img-1 img:nth-child(2){animation:slideDown 1s ease-out .9s forwards}.middle-animated .lead-section span.test-cont{animation:slideDown .5s ease-out 1.2s forwards}.middle-animated .num-box{animation:slideDown 1s ease-out 1.4s forwards}@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(.5)}100%{visibility:visible;opacity:1;transform:scale(1)}}}@media screen and (max-width:1440px){.banner-section{padding:1em 0 3em}.banner-img{transform:scale(0.88);margin-top:40px;transform-origin:left top;margin-left:30px}h1{font-size:52px}.zw-template-inner h2{font-size:42px}.box-content h4{font-size:27px}.box-section .col{padding:60px 40px}.feature-section h4{font-size:36px}#report .img-2{max-width:200px;right:-30px;bottom:-50px}.built-section h2 span{display:block}div#build span.edit-mode{right:auto;left:-143px;top:55%}div#build span.edit-mode::after{right:0;left:auto}.built-content h4{font-size:30px}}@media screen and (max-width:1280px){h1{font-size:42px}.banner-img{transform:scale(0.78);height:630px}.banner-section{padding:1em 0 0}.banner-section:after{height:130px}.banner-bottom-img{bottom:-60px}.banner-section .col-1{max-width:500px}.zp-feature-block{padding-top:4em}.feature-main{padding:3em 0}#execute .feature-img .img-2{max-width:150px;right:-50px;bottom:20px}div#report,div#collaborate{padding-bottom:6em}div#repository{padding-bottom:10em}#collaborate .feature-img{transform:scale(0.8)}div#build .img-2{max-width:60px;right:-30px;top:50%;transform:translateY(-50%)}}@media screen and (max-width:1199px){h1{font-size:45px}.banner-section{padding:0 0 1em}.banner-img{transform:scale(0.9);transform-origin:right top;padding-left:20px;height:auto}.banner-img div.img-1,.banner-img div.img-2{display:none}.banner-bottom-img{bottom:0;width:auto;position:relative;margin-top:20px}.feature-tabs{top:0}.feature-section h4{font-size:32px}#report .img-2{right:-20px;max-width:150px}.num-box{top:170px;right:-20px}div#manage .feature-img{width:520px}div#manage .img-2{max-width:174px;top:43px}div#build .img-2{max-width:50px;right:-12px}@keyframes scaling1{0%{visibility:hidden;opacity:0;transform:scale(.2)}100%{visibility:visible;opacity:1;transform:scale(0.8)}}div#manage.middle-animated span.icon.con-icon,div#report.middle-animated span.icon.con-icon{animation:scaling1 .8s ease .5s forwards}div#manage span.icon.con-icon,div#report span.icon.con-icon{left:-32px;top:60px}div#report span.icon.con-icon{top:85px;left:-40px}.num-content span{font-size:40px}.num-section .col{max-width:25%;padding:0 20px}.num-content p{font-size:16px}#execute .feature-img .img-2{max-width:120px;right:-20px;bottom:-40px}}@media screen and (max-width:1023px){.zw-template-inner h2{font-size:36px}.banner-section .col-1,.banner-section .col-2,.rows>div{flex:0 0 100%;max-width:100%}.banner-section{padding:2em 0 4em}.banner-content{margin:0 auto 60px;text-align:center;max-width:600px;padding:0}.banner-section ul.zp-sign-btn li:first-child{margin-right:10px}.banner-bottom-img{position:relative;margin-top:40px}.banner-img .main-img img{width:100%}.signup-box{display:none}.banner-img{transform:scale(1);left:0;max-width:600px;margin:0 auto;height:auto}.built-section .rows,.feature-section .rows{flex-direction:column}.feature-tabs ul li{padding:0 3px}.feature-tabs ul li a{padding:7px 28px;font-size:15px}.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:530px;margin:0 auto}#collaborate .feature-img{left:-40px}div#manage .feature-img{width:auto;max-width:630px}div#manage .img-2{max-width:200px;top:49px;left:225px}.num-box{transform:scale(0.7)}ul.zp-sign-btn{justify-content:center}.num-section{padding:4em 0}}@media screen and (max-width:767px){h1{font-size:32px;line-height:1.2}p{font-size:16px}.zw-template-inner h2{font-size:30px}ul.zp-sign-btn li a{padding:11px 17px;font-size:14px}.zp-feature-block{padding:4em 0}.built-content h4,.feature-section h4{font-size:26px}.feature-img,div#build .feature-img,div#manage .feature-img{max-width:414px;margin:0 auto}div#manage .img-2{max-width:145px;top:35px;display:none}div#manage.middle-animated span.icon.con-icon,div#report.middle-animated span.icon.con-icon{top:30px;left:-40px;transform:scale(0.6);animation:none}.feature-main,div#collaborate,div#execute{padding:3em 0}.feature-tabs,#collaborate .img-2,div#collaborate span.icon.zp-person,div#collaborate span.icon.arrow{display:none}#collaborate .feature-img{left:0;transform:scale(1);max-width:420px}.sub-img{margin:0 auto;left:30px;right:0;max-width:320px;padding:0 20px}div#repository{padding-bottom:2em}#repository .img-2{display:none}#execute .feature-img .img-2{max-width:100px;right:-20px;bottom:-20px}.num-section .col{flex:0 0 50%;max-width:50%;margin-bottom:30px}.num-content span{font-size:30px}div#report span.icon.con-icon{top:110px}div#collaborate{padding-bottom:2em}div#report{padding-bottom:5em}.cta-content p{margin:15px 0}}@media screen and (max-width:480px){.banner-content p{margin:25px auto;max-width:340px}.num-section .col{flex:0 0 100%;max-width:250px}.num-section .rows{flex-direction:column;align-items:center}#report .img-2{max-width:100px;right:-10px;bottom:-30px}.cta-section{padding:50px 0}}@media screen and (max-width:375px){h1{font-size:30px}ul.zp-sign-btn{flex-direction:column}ul.zp-sign-btn li:first-child,.banner-section ul.zp-sign-btn li:first-child{margin:0 0 15px}.built-content h4,.feature-section h4,.box-content h4{font-size:24px}.zw-template-inner h2{font-size:28px}}