section.banner{padding:90px 0 100px}.zw-template-inner .content-wrap{display:flex;max-width:1170px;flex-wrap:wrap}.zw-template-inner section:nth-child(3) img,.zw-template-inner section:nth-child(5) img{width:90%;max-width:397px}.content-wrap.middle,.cta-section .content-wrap{flex-direction:column;text-align:center}.content-wrap.middle{max-width:720px;width:80%}.banner .cont-part,.banner .image-part,.bg-badge .left,.bg-badge .right,.right .cont-part,.right .image-part,.left .cont-part,.left .image-part{width:50%}.cont-part h3{font-size:40px;font-family:var(--zf-primary-bold)}section.bg-badge{overflow:hidden}.content-wrap .cont-part,.content-wrap .image-part{vertical-align:middle}.left h2{max-width:360px;margin:auto}.right ul li span{width:60px;height:60px;display:inline-block;background-color:white;position:absolute;top:0;left:0;border-radius:10px;background-image:url(/sites/zweb/images/people/gps-mobile-attendance-sprite.png);background-size:auto 60px}li span.icon2{background-position:-60px}li span.icon3{background-position:-120px}li span.icon1{background-position:-180px}.right ul{max-width:420px}.right ul li{padding-left:80px;position:relative;line-height:1.7}.right ul li:not(:last-child){margin-bottom:40px}.banner .cont-part p{padding-right:100px;margin-bottom:50px;font-size:20px}.banner .cont-part h1+p+p{margin-bottom:0}.zw-template-inner h1{font-size:50px}.zw-template-inner h2{font-size:44px}.bg-badge .content-wrap{position:relative;padding:160px 0}.bg-badge .content-wrap::after{content:"";position:absolute;height:100%;width:1660px;background-color:#d8f4ff;top:0;left:-100px;z-index:-1}.bg-badge .content-wrap,.content-wrap.left,.middle,.content-wrap.right{margin-bottom:160px}.right p,.right h3,.left p,.left h3{max-width:480px;text-align:left}.left p,.left h3{margin-right:0;margin-left:auto}.content-wrap .image-part{text-align:center}.middle p,.middle h3{max-width:530px;margin-left:auto;margin-right:auto}.middle p{margin-bottom:50px}.banner .content-wrap .image-part img{width:95%}.cta-section h2{max-width:800px;margin:0 auto 30px}.cta-section{background-color:#d8f4ff;padding:100px 0}.content-wrap.right,.content-wrap.left{align-items:center}@media only screen and (min-width:1400px){.act-btn{padding:12px 30px}}@media only screen and (max-width:1500px) and (min-width:1400px){.zw-template-inner h1{font-size:44px;margin-top:30px}.banner .cont-part p{font-size:18px}.banner .content-wrap .image-part img{width:90%}section.banner{padding:50px 0 80px}.zw-template-inner h2{font-size:38px}.bg-badge .content-wrap{padding:110px 0}.right ul li:not(:last-child){margin-bottom:30px}.content-wrap.right img,.content-wrap.left img{max-width:320px}.content-wrap.middle img{max-width:560px}.bg-badge .content-wrap,.content-wrap.left,.middle,.content-wrap.right{margin-bottom:120px}.cont-part h3{font-size:36px}}@media only screen and (max-width:1401px) and (min-width:992px){.zw-template-inner h1{font-size:44px}.banner .cont-part p{font-size:18px}.zw-template-inner h2{font-size:38px}.zw-template-inner h2{font-size:36px}.bg-badge .content-wrap{padding:100px 0}.content-wrap.right{margin-bottom:120px}}@media only screen and (max-width:991px){.zw-template-inner h1{font-size:40px}.banner .cont-part p{font-size:18px}.zw-template-inner h2{font-size:34px}.cta-section h2{max-width:600px}.cta-section{padding:60px 0 40px}.cont-part h3{font-size:32px}.image-part img{width:80%}.banner .content-wrap .image-part img{max-width:480px}.banner .content-wrap{flex-direction:column}.banner .content-wrap .cont-part,.banner .content-wrap .image-part{max-width:600px;width:90%;text-align:center;margin-left:auto;margin-right:auto}section.banner{padding:60px 0 130px}.banner .cont-part p{margin-bottom:30px;padding-right:0}.bg-badge .content-wrap{padding:100px 0}.banner .cont-part{margin-bottom:60px}.bg-badge .content-wrap,.content-wrap.left,.middle,.content-wrap.right{margin-bottom:100px}}@media only screen and (max-width:767px){.zw-template-inner h1{font-size:30px}.banner .cont-part p,.right ul li{font-size:16px}section.banner{padding-bottom:80px}.right ul{max-width:300px}.right ul,.bg-badge h2{margin-left:auto;margin-right:auto}.bg-badge .content-wrap{padding:60px 0 70px}.bg-badge .content-wrap{margin-bottom:100px}.zw-template-inner h2{font-size:28px}.cont-part h3{font-size:28px}.bg-badge .content-wrap,.content-wrap.left,.middle,.content-wrap.right{margin-bottom:70px}}@media only screen and (max-width:600px){.bg-badge .content-wrap,.zw-template-inner .content-wrap{flex-direction:column}.content-wrap.right{flex-direction:column-reverse}.bg-badge .left{margin-bottom:40px}.bg-badge .right,.bg-badge .left,.left h2{max-width:410px;align-self:center}.left h2{max-width:100%;text-align:center}.banner .cont-part,.banner .image-part,.bg-badge .left,.bg-badge .right,.right .cont-part,.right .image-part,.left .cont-part,.left .image-part{width:100%}.right p,.right h3,.left p,.left h3{text-align:center;margin-left:auto;margin-right:auto}}