*{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:55px;margin:0 0 20px;line-height:65px}h2{font-size:40px;font-family:var(--zf-primary-bold)}h3{font-size:38px;font-family:var(--zf-primary-bold);margin:0 0 25px}.desktop-view{display:block}.mobile-view{display:none}.z-section{position:relative;padding:120px 0 120px}.flex-wrap{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}.zw-product-header{background:#f0fffd;background-size:70px auto}.banner-section{background:#f0fffd;background-size:70px auto;padding:120px 0 0}.banner-section .content-wrap{max-width:1280px}.banner-cont,.banner-image{position:relative;max-width:45%;width:100%}.banner-cont{padding-bottom:170px}.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:50%;position:absolute;right:0;bottom:0}.banner-art{position:absolute;bottom:0;right:-8%;transition:.5s right linear}.middle-animated .banner-art{right:0}.recents-img{position:relative;width:100%;max-width:43%;left:0;top:0;transform:translateY(-68%);transition:.5s all linear;transition-delay:200ms;box-shadow:0 3px 10px rgb(120 190 180 / 26%)}.middle-animated .recents-img{left:5%;transform:translateY(-81%)}.countdown-img{position:absolute;width:100%;max-width:30%;left:38%;top:-123%;transition:.5s all linear;transition-delay:200ms;box-shadow:0 3px 26px rgb(120 190 180 / 15%)}.middle-animated .countdown-img{left:33%;top:-115%}.keep-section{background-color:#fff}.keep-cont{position:relative;width:100%;max-width:70.5%;text-align:center;margin:0 auto 70px}.keep-cont ol{text-align:left;list-style-type:disc}.keep-imgwrap{position:relative;max-width:92.5%;margin:0 auto}.keep-mainimg{position:relative;perspective:1500px;transition:.5s all linear}.keep-bg{position:relative;width:100%;transition:2s all ease;transform:rotateX(50deg)}.keep-imgwrap::after{content:'';position:absolute;width:97px;height:54px;display:block;background:url(//www.zohowebstatic.com/sites/zweb/images/connect/dashboard/keep-after.png) no-repeat;background-size:100% 100%;bottom:2%;right:0;animation:floating 3s linear 1s infinite alternate;z-index:3;opacity:0;transition:1s all ease}.top-animated .keep-imgwrap::after{opacity:1}.subimg-wrap{position:absolute;top:11.7%;left:8%;max-width:90.5%;align-items:flex-start}.subimg-wrap picture{position:relative;width:100%;max-width:32.8%}.subimg{position:relative;width:100%;max-width:100%;height:312px;transition:2s all ease;box-shadow:0 3px 16px #00000008;border-radius:5px}.top-animated .keep-bg{transition-delay:200ms;transform:none}.keep-imgwrap{margin-top:200px;transition:2s ease}.top-animated .keep-imgwrap{margin-top:30px}.keep-bg{margin-top:450px;transition:2s ease}.top-animated .keep-bg{margin-top:0}.beforescroll .keepsubimg1{transform:scale(0.75) rotate(-5deg) translate(-70%,-139%);z-index:2}.beforescroll .keepsubimg2{transform:scale(0.85) rotate(-10deg) translate(-40%,-110%);z-index:2}.beforescroll .keepsubimg3{transform:scale(0.7) rotate(0) translate(102%,-125%);z-index:2}.beforescroll .keepsubimg4{transform:scale(0.75) rotate(6deg) translate(292%,-170%);z-index:2}.beforescroll .keepsubimg5{transform:scale(0.6) rotate(-10deg) translate(140%,-283%);z-index:2}.beforescroll .keepsubimg6{transform:scale(0.75) rotate(0) translate(-100%,-125%);z-index:2}.beforescroll .keepsubimg7{transform:scale(1) translate(-50%,-207%);z-index:2;box-shadow:none}.top-animated .beforescroll .keepsubimg7{display:none}.top-animated .subimg{transform:none}.beforescroll .scrollbg{position:absolute;width:25%;height:100%;display:block;top:-50%;left:-27%;z-index:1;opacity:.7;transition:1s all ease}.beforescroll .bg-pink{background:url(//www.zohowebstatic.com/sites/zweb/images/connect/dashboard/keep-bg-1.svg) no-repeat;background-size:100% 100%}.beforescroll .bg-yellow{background:url(//www.zohowebstatic.com/sites/zweb/images/connect/dashboard/keep-bg-2.svg) no-repeat;background-size:100% 100%;left:20%;width:50%;height:100%;top:-48%}.beforescroll .bg-blue{background:url(//www.zohowebstatic.com/sites/zweb/images/connect/dashboard/keep-bg-3.svg) no-repeat;background-size:100% 100%;width:31%;height:100%;left:85%;top:-46%}.top-animated .scrollbg{display:none;transition-delay:800ms}.efficient-section{background-color:#f3f2ff;max-width:1365px;border-radius:13px;margin:0 auto;padding:93px 0 73px}.efficient-cont{position:relative;max-width:82%;margin:0 0 45px;padding-left:5%}.efficient-cont h3{margin-bottom:45px}.efficient-bg{position:relative;max-width:88%;margin:0 auto 0;transition:1.5s all ease;border-top-right-radius:5px}.efficient-imgwrap{text-align:center;position:relative}.efficient-imgwrap::before{position:absolute;content:'';width:200px;height:180px;display:block;background:url(//www.zohowebstatic.com/sites/zweb/images/connect/dashboard/efficient-top.png) no-repeat;right:0;top:-13%;background-size:100% 100%;animation:floating 3s linear 1s infinite alternate}.efficient-imgwrap::after{position:absolute;content:'';width:62px;height:32px;display:block;background:url(//www.zohowebstatic.com/sites/zweb/images/connect/dashboard/efficient-bottom.png) no-repeat;left:4%;bottom:0;z-index:2;background-size:100% 100%;animation:floating 2.8s linear 1.1s infinite alternate}.efficient-cont ul li{display:inline-flex}.efficient-cont ul li p{width:98%;margin:0 0 20px}.tick{margin:10px 23px 0 0;position:relative;min-width:15px;height:14px}.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}.true-section{background-color:#fff;padding-bottom:150px}.true-content,.true-image{position:relative;width:100%;max-width:46.1%}.true-image{max-width:53%;right:-5%;transition:1s all ease}.true-content ul li{display:inline-flex}.true-content ul li p{width:90%;margin:0 0 20px}.bottom-section{background-color:#4c403b}.top-cont{position:relative;background:url(//www.zohowebstatic.com/sites/zweb/images/connect/dashboard/bottom-bg.png) no-repeat;background-position:0 0;background-size:100% 100%;width:100%;max-width:97.5%;margin:60px auto 160px;padding:84px 100px;height:480px;align-items:flex-start;justify-content:space-around}.top-cont ul li{display:inline-flex}.top-cont ul li p{width:96%;margin:0 0 15px}.top-txt,.top-img{width:100%;max-width:43%;position:relative}.top-txt{max-width:50%}.top-txt p{font-size:19px}.top-img{display:flex;justify-content:right}.top-img::before{position:absolute;content:'';width:68px;height:114px;right:-11%;top:-2%;display:block;background:url(//www.zohowebstatic.com/sites/zweb/images/connect/dashboard/bottom-before.png) no-repeat;background-size:100% 100%;animation:floating 3s linear 1s infinite alternate}.top-img::after{position:absolute;content:'';width:62px;height:42px;left:15%;bottom:30%;display:block;background:url(//www.zohowebstatic.com/sites/zweb/images/connect/dashboard/bottom-after.png) no-repeat;background-size:100% 100%;animation:floating 2.8s linear 1.5s infinite alternate}.pocket-friendly{position:relative;max-width:254px;top:10%;transition:1s all ease}.middle-animated .pocket-friendly{top:0}.bottom-section .store-icon.app-store{background:var(--common-elements) no-repeat;height:41px;width:118px;margin:0 5px 5px 0;background-size:800px auto;background-position:0 -34px;display:inline-block;text-indent:-99999px}.bottom-section .store-icon.g-play{background:var(--common-elements) no-repeat;height:41px;margin:0 5px 5px 0;background-size:800px auto;display:inline-block;text-indent:-99999px;width:133px;background-position:-119px -34px}.bottom-section .store-icon{background:var(--common-elements) no-repeat;height:41px;width:118px;margin:0 5px 5px 0;background-size:800px auto;background-position:0 -34px;display:inline-block;text-indent:-99999px}.bottom-cont{width:100%;max-width:74.55%;margin:0 auto;color:#fff;position:relative}@media all and (min-width:1200px){@-webkit-keyframes floating{from{-webkit-transform:translate(0,0);transform:translate(0,0)}65%{-webkit-transform:translate(0,10px);transform:translate(0,10px)}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,10px);transform:translate(0,10px)}to{-webkit-transform:translate(0,-0);transform:translate(0,-0)}}}@media only screen and (max-width:1440px){.subimg-wrap{max-width:80.5%;transform:translateX(8%)}.top-animated .subimg-wrap{max-width:90.5%;transform:translateX(0)}.top-cont{margin:30px auto 160px}}@media only screen and (max-width:1366px){h1{font-size:50px}h2{font-size:40px}.top-txt,.top-img{max-width:45%}.banner-section{padding:100px 0 0}.subimg-wrap{max-width:78.5%;transform:translateX(8%)}.true-image{right:-3%}.efficient-section{border-radius:0}.top-cont{margin:0 auto 160px}}@media only screen and (max-width:1295px){.subimg{height:310px}.banner-section{padding:100px 0 0}}@media only screen and (max-width:1280px){.subimg{height:303px}}@media only screen and (max-width:1250px){.subimg{height:295px}}@media only screen and (max-width:1220px){.subimg{height:290px}}@media only screen and (max-width:1200px){h1{font-size:46px;line-height:55px}h2{font-size:36px}h3{font-size:30px}.z-section{padding:90px 0 90px}.banner-image{max-width:55%}.banner-section{padding:80px 0 0}.top-txt,.top-img{max-width:50%}.subimg{height:288px}.top-txt p{font-size:17px}.efficient-cont h3{margin-bottom:5%}}@media only screen and (max-width:1199px){.desktop-view,.subimg-wrap,.keep-imgwrap::after{display:none}.mobile-view{display:block}.keep-cont{margin-bottom:40px}.keep-imgwrap{max-width:342px;margin:0 auto}.true-section{padding-bottom:90px}.top-cont{margin-top:0;margin-bottom:120px}.true-image{right:0}}@media only screen and (max-width:1080px){.banner-cont{max-width:44%}.efficient-cont{max-width:90%}.banner-image{max-width:58%}}@media only screen and (max-width:1023px){.z-section{padding:70px 0 70px}.top-cont{margin-bottom:120px}.banner-section{padding-bottom:0}.banner-inner-section{flex-direction:column}.banner-cont{text-align:center;max-width:580px;padding-bottom:410px}.banner-image{position:relative;max-width:700px}.true-content{max-width:45%}.top-cont{padding:84px 80px}.true-image{max-width:50%}.efficient-cont{max-width:100%}}@media only screen and (max-width:991px){p{font-size:17px;line-height:1.6}}@media only screen and (max-width:990px){.keep-cont{max-width:90%}.top-cont{flex-direction:column;height:auto;border-radius:22px;background-color:#beb1a1;margin:0 auto 50px}.top-txt{max-width:100%;text-align:center;margin-bottom:30px}.top-txt ul{text-align:left}.top-img{max-width:404px;justify-content:center;margin:0 auto}.top-img::before{right:7%}.top-img::after{left:0}.bottom-cont{text-align:center;max-width:90%}.true-inner-section{flex-direction:column}.true-content,.true-image{max-width:80%;text-align:center}.true-content{margin-bottom:30px}.true-content ul{text-align:left}.efficient-imgwrap::before{top:-16%}.efficient-cont{margin:0 0 40px}.top-cont{padding:50px 80px}}@media only screen and (max-width:767px){.z-section{padding:50px 0 50px}.banner-section{padding-bottom:0}.banner-cont{padding-bottom:56%}.keep-cont h3{margin:0 0 10px}.efficient-cont{text-align:center;margin:0 auto;padding-left:0;margin:0 0 30px}.efficient-cont ul{text-align:left}.efficient-bg{max-width:100%}.keep-cont,.efficient-cont,.true-content,.true-image{max-width:100%}.top-img::before,.top-img::after,.efficient-imgwrap::before,.efficient-imgwrap::after{display:none}.top-cont{padding:65px 65px}}@media only screen and (max-width:610px){h1{font-size:40px;line-height:normal}h2{font-size:32px}h3{font-size:24px}.top-cont{padding:40px 40px}}@media only screen and (max-width:480px){.true-image,.efficient-imgwrap{display:none}.true-content,.efficient-cont{margin-bottom:0}.banner-cont{padding-bottom:60%}.true-content ul li:last-child p,.efficient-cont ul li:last-child p{margin-bottom:0}.bottom-section .store-icon.app-store,.bottom-section .store-icon.g-play{margin:0 auto 5px;display:block}}@media only screen and (max-width:464px){.banner-section .btn-container a{width:250px;text-align:center;margin:0 auto 15px}}@media only screen and (max-width:451px){h1{font-size:35px}h2{font-size:30px}h3{font-size:21px}.top-cont{padding:40px 30px}}.feature-breadcrumb{padding-top:23px;background-color:#f0fffd}.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}.zwrapper h1,.zwrapper h2,.zwrapper h3,.zwrapper h4,.zwrapper h5,.zwrapper h6{font-weight:700;line-height:normal}.zwrapper p{line-height:2}@media only screen and (max-width:1250px){.feature-breadcrumb .jpc-container{max-width:100%;padding:0 25px}}