*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;text-decoration:none;scroll-behavior:smooth}.content-wrap{max-width:1170px}img{width:100%;max-width:100%;height:auto}.act-btn{padding:15px 30px}h1{font-family:var(--zf-primary-bold);font-size:50px;margin:0 0 20px;line-height:65px}h2{font-size:48px;font-family:var(--zf-primary-bold);margin:0 0 20px}h3{font-size:38px;font-family:var(--zf-primary-bold);margin:0 0 50px}h4{font-size:28px;font-family:var(--zf-primary-bold)}.z-section{position:relative;padding:110px 0 110px}.flex-wrap{display:flex;justify-content:space-between;flex-wrap:wrap}section#block-panels-mini-product-menu{background:#fff;background-size:50px auto}.desktop-view{display:block}.mobile-view{display:none}.buildlist li{display:inline-flex;width:100%}.buildlist li p{width:96%;margin:0 0 20px}.tick{margin:10px 23px 0 0;position:relative;min-width:14px;height:12px}.tick::before{content:"";position:absolute;width:2px;top:50%;height:50%;border-radius:2px;background-color:#a6a4b2;transform:translateX(9px) rotate(-45deg);transform-origin:left bottom;z-index:+1;left:-3px}.tick::after{content:"";position:absolute;bottom:0;height:2px;width:100%;border-radius:2px;background-color:#a6a4b2;transform:translateX(6px) rotate(-45deg);transform-origin:left bottom}.banner-section{background:#fff;background-size:50px auto;padding:130px 0 0}.banner-section .content-wrap{max-width:1280px}.banner-cont,.banner-image{position:relative;max-width:43.8%;width:100%}.banner-cont{padding-bottom:155px}.banner-cont p{margin-bottom:30px}.btn-container a{text-transform:uppercase;font-size:14px}.zcontact-form{border:1px solid #2178cf;color:#2178cf;font-size:14px;text-transform:uppercase;padding:15px 30px;margin-left:10px;cursor:pointer;display:inline-block}.banner-image{max-width:55%;position:absolute;right:-3%;bottom:-9%;z-index:1}.banner-main{position:relative;z-index:2;transform:translateX(10%);transition:1s all ease}.middle-animated .banner-main{transform:translateX(0)}.banner-subimg{position:relative;z-index:1;left:0;top:-38%;max-width:70.55%;transition:1s all ease;box-shadow:0 3px 64px #5a70d414;border-radius:14px;transform:translateY(25%)}.internet-section{background-color:#f8f6ff;padding:200px 0 200px}.internet-img,.internet-cont{position:relative;max-width:50.2%;width:100%}.internet-inner-section{align-items:center}.internet-img{max-width:38.5%;transition:.5s all ease}.sprite-img{content:'';position:absolute;width:150px;height:43px;display:inline-block;background:url(//www.zohowebstatic.com/sites/zweb/images/connect/gamification/level-sprites.png) no-repeat;background-size:200px auto;vertical-align:middle;margin-right:10px}.level-four{height:57px;width:140px;left:-30%;top:19.6%;background-position:-7px -140px;transition:.5s all ease}.middle-animated .level-four{left:-25%}.points-img{height:80px;width:195px;left:-22%;top:89%;background-position:-4px -195px;animation:floating 3s linear 1s infinite alternate}@media all and (min-width:1200px){@-webkit-keyframes floating{from{-webkit-transform:translate(0,0);transform:translate(0,0)}65%{-webkit-transform:translate(0,8px);transform:translate(0,8px)}to{-webkit-transform:translate(0,-0);transform:translate(0,-0)}}@keyframes floating{from{-webkit-transform:translate(0,0);transform:translate(0,0)}65%{-webkit-transform:translate(0,8px);transform:translate(0,8 px)}to{-webkit-transform:translate(0,-0);transform:translate(0,-0)}}}.round-img{height:93px;width:93px;left:92%;top:63%;background-position:-5px -48px;transition:.5s all ease;transition-delay:100ms}.middle-animated .round-img{left:87%}.gamify-section{background-color:#fff}.gamify-section .content-wrap{max-width:1280px}.gamify-cont h2{font-size:35px}.gamify-wrap{position:relative;width:100%;max-width:96.5%;align-items:flex-start}.gamify-image-wrap,.gamify-cont-wrap{position:relative;width:100%;max-width:40%}.gamify-text{position:relative;padding:100px 0 70px}.gamify-text:first-child{padding-top:210px}.gamify-text:nth-child(3){max-width:90%}.gamify-text h4{position:relative;width:100%;max-width:90%;margin:0 0 40px}.gamify-image-wrap{max-width:55%;position:sticky;top:100px;margin-bottom:40em}.gamify-image{position:absolute;top:145px;left:0;width:100%;max-width:90.5%}.gamify-image>div{margin:0 auto;inset:0;transition:all 1s ease;-webkit-transition:all 1s ease;background-color:#f9f8fb;border-radius:10px}.gamify-image video{width:100%;position:relative;padding:45px 30px}.gamify-image>div img{transition:all 1s ease;-webkit-transition:all 1s ease;transform:scale(.8)}.gamify-image.active{visibility:visible;opacity:1;z-index:1}.gamify-image.active>div img{transform:scale(1)}.gamify-section .gamify-text:not(:last-child){margin-bottom:10em}.poplevel-div{position:relative;margin:0 0 40px 25px}.pop-img{position:absolute;left:-5%;top:0;opacity:0;transform:scale(0);max-width:185px;transition:all 1.3s ease}.in-view .pop-img{transform:scale(1);opacity:1}.levels{font-size:16px;position:relative;font-family:var(--zf-primary-semibold);text-transform:uppercase;margin:0 0 23px}.levels::before{content:'';position:relative;width:44px;height:43px;display:inline-block;background:url(//www.zohowebstatic.com/sites/zweb/images/connect/gamification/level-sprites.png) no-repeat;background-size:177px auto;vertical-align:middle;margin-right:10px;background-position:-6px 1px}.gamify-text:nth-child(2) .poplevel-div>.levels::before{background-position:-49px 1px;width:44px}.gamify-text:nth-child(3) .poplevel-div>.levels::before{background-position:-91px 1px}.gamify-text:nth-child(4) .poplevel-div>.levels::before{background-position:-134px 1px}.accord-img.data-loaded{box-shadow:0 0 10px #eee;margin:0 0 15px;display:none}.bottom-section{background-color:#4c403b;color:#fff;padding:150px 0 150px}.bottom-cont{position:relative;max-width:86.5%;width:100%;margin:0 auto 0}.bottom-cont h2{font-size:40px;margin:0 0 40px}.bottom-cont .contact-salesbtn{color:#fff;border:1px solid #fff;margin-left:10px}@media only screen and (max-width:1440px){h1{font-size:50px;line-height:55px}h2,.bottom-cont h2{font-size:40px}.banner-cont{max-width:42%}.banner-image{max-width:50%;right:0}.internet-img{left:5%}.internet-section{padding:150px 0 150px}.gamify-text:nth-child(3){max-width:100%}.gamify-image-wrap{top:10%}.gamify-image{top:100%;max-width:69%;left:8%}.gamify-text:last-child{padding-bottom:35px !important}}@media only screen and (min-width:1281px) and (max-width:1440px){.gamify-text{padding:70px 0 70px}.gamify-section .gamify-text:not(:last-child){margin-bottom:2em}}@media only screen and (max-width:1366px){h2,.bottom-cont h2,.gamify-cont h2{font-size:36px}h3{font-size:32px;margin:0 0 35px}h4{font-size:25px}.gamify-text h4{margin:0 0 35px}.banner-image{max-width:53%}.bottom-section{padding:110px 0 110px}.gamify-section{padding-bottom:40px}}@media only screen and (max-width:1280px){.banner-section{padding-top:90px}.internet-img{left:8%}.level-four{left:-27%;top:19%}}@media only screen and (min-width:1025px) and (max-width:1280px){.gamify-text{padding:50px 0 70px}.gamify-section .gamify-text:not(:last-child){margin-bottom:3em}.gamify-text:first-child{padding-top:150px}}@media only screen and (max-width:1200px){h1{font-size:42px;line-height:normal}h2,.bottom-cont h2{font-size:36px}.gamify-cont h2{font-size:34px}h3{font-size:28px}h4{font-size:23px}.z-section{padding:90px 0 90px}.banner-section{padding:80px 0 0}.gamify-section{padding-bottom:0}.banner-cont{padding-bottom:100px}.levels{font-size:14px;margin:0 0 15px}.internet-img{left:10%}.level-four{left:-29%}.gamify-image{top:130px}.desktop-view{display:none}.mobile-view{display:block}.internet-img{max-width:46.5%;left:0}.gamify-cont-wrap{max-width:43%}}@media only screen and (max-width:1080px){.banner-inner-section{flex-direction:column}.z-section{padding:60px 0 60px}.banner-section{padding:60px 0 0}.gamify-section{padding-bottom:0}.banner-cont{max-width:600px;text-align:center;margin:0 auto;padding-bottom:0}.banner-image{position:relative;margin:0 auto 0;right:0;bottom:0;max-width:70%}.gamify-cont{max-width:75%;margin:0 auto 50px;text-align:center}.gamify-image{display:none}.gamify-image video{display:none}.gamify-image-wrap{position:relative;max-width:100%;margin:0 auto 0;top:10px}.gamify-text:first-child{padding-top:0}.accord-img.data-loaded{display:block;max-width:400px;margin:10px auto 30px}.gamify-wrap{max-width:100%}.gamify-cont-wrap{max-width:500px;margin:0 auto;text-align:center}.gamify-text h4{margin:0 auto 20px}.gamify-section .gamify-text:not(:last-child){margin-bottom:0}.gamify-text{padding:0 0 40px}.bottom-section{text-align:center}.pop-img{display:none}.poplevel-div{margin-bottom:0}.internet-img{max-width:48%;left:0}.buildlist li p{text-align:left}.poplevel-div{margin:0 auto 0}}@media only screen and (max-width:991px){.internet-inner-section{flex-direction:column-reverse}.internet-cont,.internet-img{max-width:500px;text-align:center;margin:0 auto 20px}.internet-img{margin:0 auto 0}.gamify-cont{max-width:85%}.desktop-view{display:none}.mobile-view{display:block}.buildlist{text-align:left}.buildlist li p{text-align:left}}@media only screen and (max-width:767px){h1{font-size:40px}h2,.bottom-cont h2,.gamify-cont h2{font-size:32px}h3{margin:0 0 25px}.banner-image{max-width:90%}.gamify-cont{max-width:100%}.gamify-text h4{max-width:80%}.bottom-cont{max-width:100%}.bottom-cont h2{margin:0 0 25px}.bottom-cont .btn-container a{width:275px;display:block;text-align:center;margin:0 auto 20px}.bottom-cont .btn-container a.contact-salesbtn{margin-bottom:0}}@media only screen and (max-width:610px){h2,.bottom-cont h2,.gamify-cont h2{font-size:30px}.bottom-cont .contact-salesbtn{margin-left:0}.gamify-text h4{max-width:100%}.banner-image{max-width:100%}}@media only screen and (max-width:464px){h1{font-size:36px}h2,.bottom-cont h2,.gamify-cont h2{font-size:28px}h4{font-size:21px}.banner-section .btn-container a{width:250px;text-align:center;margin:0 auto 15px}}.feature-breadcrumb{padding-top:23px}.feature-breadcrumb.breadcrumb-dark li{color:#000}.feature-breadcrumb.breadcrumb-dark li a{color:#666}.feature-breadcrumb.breadcrumb-dark li a:hover{color:#000}.feature-breadcrumb.breadcrumb-dark li a:after{background:#000}.feature-breadcrumb.breadcrumb-light li{color:#fff}.feature-breadcrumb.breadcrumb-light li a{color:#fff}.feature-breadcrumb.breadcrumb-light li a:hover{color:#fff}.feature-breadcrumb.breadcrumb-light li a:after{background:#fff}.feature-breadcrumb .jpc-container{max-width:1200px;padding:0;margin-left:auto;margin-right:auto}.feature-breadcrumb li{text-transform:uppercase;font-size:11px;font-weight:500;display:inline-block;margin-right:14px;position:relative;color:#fff}.feature-breadcrumb li a{color:#8cbaff;position:relative;display:block;transition:.2s;padding-bottom:4px}.feature-breadcrumb li a:hover{color:#fff}.feature-breadcrumb li a:hover:after{width:100%;left:0;right:auto;transition:all .2s linear}.feature-breadcrumb li a:before{content:'>';display:block;height:5px;width:5px;position:absolute;right:-8px;top:-1px;font-size:13px;font-weight:400;pointer-events:none}.feature-breadcrumb li a:after{content:'';display:block;position:absolute;left:auto;right:0;bottom:0;height:1px;width:0;background:#fff;transition:all .3s linear}.zw-template-inner h1,.zw-template-inner h2,.zw-template-inner h3,.zw-template-inner h4,.zw-template-inner h5,.zw-template-inner h6{font-weight:700;line-height:normal}.zw-template-inner p{line-height:2}@media only screen and (max-width:1250px){.feature-breadcrumb .jpc-container{max-width:100%;padding:0 25px}}