.pd-tb{padding:80px 0}.content-wrap{max-width:1170px;margin:0 auto;width:90%}.wfs{width:50%}.tac{text-align:center}.flex-wrap{display:flex;justify-content:space-between;align-items:center}.zbanner{position:relative}.zbanner:after{position:absolute;content:"";width:calc(71% - 19px);height:100%;background:url(//www.zohowebstatic.com/sites/zweb/images/sheet/merge-templates/banner-bg.png) no-repeat center/100% auto;right:0;top:-68px;z-index:-1}.zbanner .lhs{width:60%}.zbanner .rhs{width:40%}.zbanner p{max-width:660px;margin:auto 0 40px}.zbanner .lhs a{padding:15px 27px;font-size:18px}.scroll-section{background:#15914d;box-shadow:0 0 10px 0 #9999993b;border-radius:15px;max-width:1280px;width:100%;margin:0 auto;transition:all linear .75s;padding:80px 0;position:relative}.scroll-section:before{position:absolute;content:"";width:600px;height:114px;background:url(//www.zohowebstatic.com/sites/zweb/images/sheet/merge-templates/merge-shapes.svg) no-repeat 0px 0px /636px;left:0;bottom:0}.video-section{padding-bottom:110px}.video-wrap{max-width:1280px;width:95%;margin:0 auto;border:3px solid #15914d;border-radius:20px;box-shadow:0 110px 50px -75px #d1ebc7;position:relative;transform:scale(.8);transition:all ease .6s}.video-wrap img{display:block;border-radius:16px}.play-btn{display:inline-block}.play-btn a{margin:0;text-align:center;padding:10px 0 0;font-size:18px;letter-spacing:-.18px;line-height:28px;color:#fff;font-family:var(--zf-primary-semibold);position:relative;top:20%;transform:translate(0,-50px)}.play-icon{display:inline-block;background:#fc191b;vertical-align:bottom;width:30px;height:30px;margin-right:5px;border-radius:50%;position:relative}.play-icon:after{position:absolute;content:"";border-width:5px 0 5px 9px;border-style:solid;border-color:transparent transparent transparent #fff;left:50%;top:50%;transform:translate(-50%,-50%)}.play-btn{position:absolute;content:"";width:180px;height:50px;background:#000;border-radius:40px;box-shadow:0 3px 40px #0000004D;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center}.scroll-section .content-wrap{max-width:1170px;overflow:visible;width:90%;border-radius:15px}.app-wrap{display:flex;justify-content:space-between}.app-left{width:42%;position:relative;padding-top:0}.app-left:before{position:absolute;content:"";width:100%;height:112px;background:url(//www.zohowebstatic.com/sites/zweb/images/sheet/merge-templates/merge-shapes.svg) no-repeat 0px 0px/100% auto;left:0;bottom:0;z-index:1}.app-right{width:55%;padding-top:0}.app-inner{position:sticky;top:0;display:grid;grid-template-columns:1fr;overflow:hidden;align-items:flex-start}.list-inner-wrap{display:flex;justify-content:space-evenly;align-items:flex-start}.static-menu{position:sticky;top:0;height:100vh;width:19%;padding-top:150px;padding-bottom:150px}.static-menu:before{position:absolute;content:"";width:1px;height:390px;background:#ffffff6b;left:-16.5px;z-index:-1;opacity:.3;top:179px}.static-menu .list-sec li h5{font-size:14px;letter-spacing:-.28px;line-height:16px}.static-menu .list-sec li{color:#fff;opacity:.5;position:relative;z-index:0;padding:25px 0;cursor:pointer}.static-menu .list-sec li:last-child{padding-bottom:0}.static-menu .list-sec li:before{position:absolute;content:"";width:10px;height:10px;background:#fff;left:-21px;top:27px;opacity:.5;z-index:1}.static-menu .list-sec li.active:before{opacity:1}.static-menu .list-sec li.active{opacity:1}.nav-list{display:flex;flex-direction:column;align-items:center;width:60%}.nav-list li{cursor:pointer;color:#fff;opacity:.5;min-height:900px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.nav-list li.active{color:#fff;opacity:1}.nav-list li img{display:none}.nav-list li h3{font-size:48px;letter-spacing:-.96px;line-height:1.25;font-family:var(--zf-primary-bold)}.nav-list li p{margin:0}.nav-list .img-part{display:none}.app-right .nav-sec{grid-row-start:1;grid-column-start:1;opacity:0;transform:translateX(40px);transition:.3s ease all;padding:180px 100px 100px}.app-right .nav-sec img,.app-right .nav-sec video{border:10px solid #6dc157;border-radius:17px}.app-right .nav-sec video{border-radius:17px}.app-right .nav-sec.active{opacity:1;visibility:visible;transform:translateX(0);transition:.8s ease-out}.bottom-section{background:#e9faf3;margin-top:0;padding:120px 0}.bottom-section h2{max-width:700px;margin:0 auto 20px}.bottom-section a{background:#000;padding:15px 30px}@media only screen and (max-width:1200px){.break{display:none}}@media only screen and (min-width:1200px) and (max-width:1399px){.app-left:before{height:105px}h1{font:42px/1.1 'Zoho_Puvi_Bold' !important;max-width:500px;margin:0 0 20px}.play-btn p{font-size:17px}.nav-list li h3{font-size:32px}.static-menu{position:sticky;top:0;height:100vh;width:19%;padding-top:100px}.static-menu:before{height:380px;top:138px}.app-left{padding-bottom:190px}.bottom-section{margin-top:0;padding:80px 0}}@media only screen and (min-width:1170px) and (max-width:1199px){.app-left:before{height:88px}.play-btn p{font-size:16px}.pd-tb{padding:80px 0}.zbanner h1{max-width:500px;margin:0 0 20px}.zbanner p{max-width:510px;margin:auto 0 30px}.zbanner .lhs a{padding:12px 20px;font-size:16px}.scroll-section{padding:80px 0 0}.nav-list li h3{font-size:32px;line-height:1.1}.video-section{padding:0 0 80px}.static-menu .list-sec li{padding:15px 0}.static-menu{width:22%;padding-top:55px}.static-menu:before{top:83px;height:290px}.static-menu .list-sec li:before{top:18px}.nav-list li{min-height:400px}.bottom-section{margin-top:0;padding:80px 0}}@media only screen and (min-width:992px) and (max-width:1169px){.nav-list li p{max-width:95%}.nav-list li video{border-radius:20px;max-width:450px}.app-left{width:100%}.app-left:before{display:none}.nav-list .img-part{display:block}.video-wrap{max-width:100%;width:100%;transform:scale(1)}.static-menu,.app-right{display:none}.nav-list{width:100%}.pd-tb{padding:60px 0}.zbanner h1{max-width:500px;margin:0 0 20px}.zbanner p{max-width:510px;margin:auto 0 30px}.zbanner .lhs a{padding:12px 20px;font-size:16px}.video-section{padding:0 0 100px}.play-btn p{font-size:16px}.scroll-section{border-radius:0;padding-bottom:0}.scroll-section .content-wrap{max-width:1170px;overflow:visible;width:90%;border-radius:0}.list-inner-wrap{max-width:1000px;margin:0 auto}.nav-list li .cont-part{padding:0}.nav-list li h3{font-size:27px}.nav-list li{min-height:0;padding:0 0 50px 0;opacity:1;display:flex;justify-content:space-between;align-items:center;flex-direction:row}.nav-list li .nav-list li:last-child{min-height:0vh}.nav-list li img{display:block;max-width:450px;margin:auto;text-align:center;border-radius:20px;margin-left:40px}.nav-list li:nth-of-type(2) img{padding-left:0}.nav-list li:last-child{min-height:0vh;padding-bottom:60px}.bottom-section{background:#e9faf3;margin-top:0;padding:80px 0}}@media only screen and (min-width:768px) and (max-width:991px){.pd-tb{padding:60px 0}.nav-list .img-part{display:block}.video-section{padding:0 0 80px}.video-wrap{max-width:100%;width:100%;transform:scale(1)}.app-left,.nav-list{width:100%}.static-menu,.app-right{display:none}.zbanner h1{max-width:400px;margin:0 0 20px}.zbanner p{max-width:450px;margin:auto 0 20px}.zbanner .lhs a{padding:13px 20px;font-size:16px}.play-btn{width:170px;height:48px}.play-btn p{font-size:15px}.play-icon{width:27px;height:27px;margin-right:3px}.scroll-section{border-radius:0}.scroll-section .content-wrap{border-radius:0}.scroll-section:before{display:none}.nav-list li{padding:25px 0;opacity:1;min-height:auto;align-items:center;display:block;text-align:center}.nav-list li h3{font-size:28px}.nav-list{max-width:580px;margin:auto}.nav-list li img{display:block;border-radius:20px;margin-top:40px}.bottom-section{margin-top:0;padding:80px 0}}@media only screen and (min-width:320px) and (max-width:767px){.content-wrap{max-width:460px}.nav-list .img-part{display:block}.video-wrap{max-width:100%;width:100%;transform:scale(1)}.zbanner .lhs,.zbanner .rhs,.app-left,.nav-list,.app-right{width:100%}.zbanner:after{display:none}.static-menu,.app-right{display:none}.flex-wrap{display:block}.pd-tb{padding:50px 0}.zbanner .lhs{text-align:center;padding-bottom:50px}.zbanner p{max-width:100%;margin:auto 0 20px}.zbanner .lhs a{padding:10px 24px;font-size:15px}.video-section{padding:0 0 50px}.play-btn{width:170px}.play-btn p{font-size:13px}.play-icon{width:26px;height:26px}.scroll-section{border-radius:0}.scroll-section .content-wrap{border-radius:0}.scroll-section:before{display:none}.nav-list li{opacity:1;min-height:auto;align-items:center;display:block;text-align:center}.nav-list li h3{font-size:26px}.nav-list li:last-child{min-height:auto}.nav-list li{padding:35px 0 20px}.nav-list li:first-child{padding-top:0}.nav-list li img{display:block;border-radius:20px;margin-top:40px;max-width:90%;margin:auto;margin:40px auto 0}.nav-list li video{margin:40px auto 0;border-radius:20px}.bottom-section{margin-top:0;padding:60px 0}.app-left:before{display:none}}@media only screen and (min-width:768px) and (max-width:991px){.nav-list li video{margin:40px auto 0;border-radius:20px}.zbanner:after{width:100%}.app-left:before{display:none}}@media only screen and (min-width:1200px){h1{font:68px/1.1 'Zoho_Puvi_Bold';letter-spacing:-.68px;margin-bottom:20px}h2{font:48px/1.2 'Zoho_Puvi_Bold';letter-spacing:-.96px}.zbanner p{font:22px/1.6 'Zoho_Puvi_Regular'}.zrow-inner .rhs img{max-width:100%}.middle-animated .video-wrap{transform:scale(1)}}