.header-section{padding:80px 0 30px 0}.header-banner{max-width:450px;margin:0 auto;display:block;opacity:0}.line-animated .header-banner{animation:slideDown .8s ease-out .8s forwards}h1 span{-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:linear-gradient(to right,#386cdd,#78bdf9 50%,#000 50%);background-size:200% 100%;background-position:100%;color:#000;transition:ease all 2.5s;color:#3075b9}.line-animated h1 span{transition:all 3s cubic-bezier(0,0,1,1);-webkit-transition:all 3s cubic-bezier(0,0,1,1);-moz-transition:all 3s cubic-bezier(0,0,1,1);background-position:0 0}h1 span.for_IE,.line-animated h1 span.for_IE{-webkit-background-clip:inherit !important;-webkit-text-fill-color:inherit !important;background:none !important;transition:none !important;color:#000 !important}.header-section .header-img-wrap{position:relative;max-width:480px;margin:0 auto}.header-section .header-img-wrap:after{content:'';width:70px;height:50px;margin-bottom:20px;background:url(/sites/zweb/images/campaigns/elearning-sprite.png) no-repeat;background-size:420px auto;position:absolute;right:-20px;top:20px;background-position:-309px 0;opacity:0;z-index:-1}.line-animated .header-img-wrap:after{animation:rocketmove 3s ease-out 1s forwards}.table-wrap{display:table;width:100%}.table-wrap .column{display:table-cell;width:50%;vertical-align:middle}p{line-height:1.8}.content-wrap{max-width:1170px}h2{font-size:40px;font-weight:bold;margin-bottom:25px;font-family:var(--zf-secondary-light);font-family:var(--zf-secondary-thin);letter-spacing:.1px}h2 span{font-family:var(--zf-secondary-bold)}h1{font-size:50px;margin-bottom:25px;font-family:var(--zf-secondary-bold);max-width:560px}.common-section{padding:120px 0}h1+p{max-width:480px}.header-section .column.right{padding-left:50px;box-sizing:border-box;position:relative}.header-section .column.left{vertical-align:top;padding-top:70px;padding-left:50px}.benifit-section{background:#23242c;color:#fff}.help-section{background:#17181e;color:#fff;font-family:var(--zf-secondary-regular)}.help-section p{max-width:1080px;text-align:center;margin:0 auto;margin-bottom:25px;font-size:24px}.help-section h2{text-align:center;font-size:28px;max-width:500px;margin:0 auto;margin-top:50px}.help-section h5 span{color:#ffe53c}.service-section{text-align:center}.service-section h2{max-width:640px;margin:0 auto;margin-bottom:25px}.service-section p{max-width:1000px;margin:0 auto;margin-bottom:25px;font-size:20px}.setup-section .column.left{padding-right:40px}.client{position:relative}.client img{max-width:180px;border-radius:10px}.client img.client-img1{max-width:280px}.workflow-progressbar{position:absolute;z-index:2;bottom:-20px;background:#fff;width:200px;height:61px;border-radius:5px;padding:12px 20px 15px 20px;box-sizing:border-box;right:-70px;-webkit-box-shadow:0 1px 20px 2px rgba(143,143,143,0.15);-moz-box-shadow:0 1px 20px 2px rgba(143,143,143,0.15);box-shadow:0 1px 20px 2px rgba(143,143,143,0.15);opacity:0}.bottom-animated .workflow-progressbar{animation:slideLeft .8s ease-out 1.1s forwards}.workflow-progressbar span{color:#949494;font-size:16px;display:block;position:relative;line-height:normal}.workflow-progressbar span:before{content:'';position:absolute;bottom:-8px;left:0;width:100%;height:2px;background:#dadada}.workflow-progressbar span:after{content:'';position:absolute;bottom:-8px;left:0;width:60%;height:2px;background:#fd5858}.client.client1{max-width:300px}.cart-box{background:#fff;padding:8px 15px;box-sizing:border-box;border-radius:5px;display:table;width:180px;position:absolute;-webkit-box-shadow:0 1px 20px 2px rgba(143,143,143,0.15);-moz-box-shadow:0 1px 20px 2px rgba(143,143,143,0.15);box-shadow:0 1px 20px 2px rgba(143,143,143,0.15);height:40px;top:-40px;left:100px;opacity:0}.bottom-animated .cart-box{animation:slideLeft .8s ease-out .8s forwards}.cart-box>div{display:table-cell;vertical-align:middle}.wicon{width:40px;height:40px;display:inline-block;border-radius:100%;font-size:0;position:absolute}.wicon.w-bell2{position:inherit;display:table-cell;vertical-align:middle;background:url(/sites/zweb/images/campaigns/elearning-sprite.png) no-repeat;background-size:220px auto;background-position:-195px 3px;width:30px;height:30px}.cart-text .dm{display:block;height:5px;width:100%;background:#f2f2f2;margin:10px 0;border-radius:8px;width:60%;font-size:0}.cart-box>div.cart-block{width:40px}.count{background:#fc7676;width:25px;height:25px;display:inline-block;border-radius:100%;text-align:center;font-size:14px;line-height:25px;font-family:var(--zf-secondary-semibold);color:#fff;position:absolute;top:-5px;right:-10px}span.dm+.dm{width:90%}.client.client2{max-width:190px;margin-right:10px;margin-left:auto;position:relative;top:90px}.set-up-workflow{width:500px;margin:0 auto;position:relative;margin-right:30px}.client.client3{position:absolute;left:100px;top:5px}.client.client1:before{content:'';background:url(/sites/zweb/images/campaigns/elearning-sprite.png) no-repeat;background-size:700px auto;width:50px;height:80px;position:absolute;background-position:-470px 0;top:-110px;opacity:0;left:20px}.bottom-animated .client.client1:before{animation:slideDown 1s ease-out .5s forwards}.setup-section.common-section{padding-top:50px}.setup-section p{max-width:520px}.common-section.help-section{padding:90px 0}.teaching-section{background:url(/sites/zweb/images/campaigns/e-learning-teaching-pattern.jpg);color:#fff;background-size:26px}.teaching-section h2{text-align:center;max-width:460px;margin:0 auto;margin-bottom:25px}.benifit-box{display:flex;flex-wrap:wrap;margin-top:70px}.benifit-box>div{width:31.33%;text-align:center;background:#fce16f;margin:1%;border-radius:5px;padding:25px 20px;box-sizing:border-box;transform:translateY(40px)}.setup-box-inner span{width:48px;height:50px;display:inline-block;margin-bottom:20px;background:url(/sites/zweb/images/campaigns/elearning-sprite.png) no-repeat;background-size:420px auto;font-size:0}.setup-box-inner h3{color:#000;font-size:18px;max-width:240px;margin:0 auto;margin-bottom:15px}.setup-box-inner.box-inner1 span{background-position:1px 0}.setup-box-inner.box-inner2 span{background-position:-42px 0;width:45px}.setup-box-inner.box-inner3 span{background-position:-82px 0}.setup-box-inner.box-inner4 span{background-position:-116px 5px;background-size:390px auto;width:60px}.setup-box-inner.box-inner5 span{background-position:-186px 0}.setup-box-inner.box-inner6 span{background-position:-231px 4px}.slider-block{padding-top:80px}.step-by-step-section h2{text-align:center;max-width:650px;margin:0 auto;margin-bottom:20px;font-size:36px}.slider-block .table-wrap .column.right{padding-left:4%;vertical-align:top;padding-top:60px}.slider-content h3{font-family:var(--zf-primary-bold)}.slideer-img-wrap img{border-radius:8px}.slider-block .table-wrap{display:block}.slider-block .table-wrap .column{display:block}.slider-block .table-wrap .column.left{padding-right:3%;float:left;width:47%}.slider-block .table-wrap .column.right{float:left;width:40%}.slideer-img-wrap>img{border:1px solid #3a3a3a}.slideer-img-wrap img:first-child{border:1px solid}.slideer-img-wrap .img-wrap img:first-child{border:1px solid}.slideer-img-wrap picture img{border:2px solid #3a3a3a}.conversion-section{background:#ffecc9}.conversion-section h2{max-width:600px;text-align:center;margin:0 auto;margin-bottom:20px}.conversion-section h2+p{text-align:center;max-width:760px;margin:0 auto;margin-bottom:20px}.form-boxs{display:flex;flex-wrap:wrap;padding-top:60px}.form-boxs .form-box-inner{width:45%;margin:0 5%}.form-box-inner1 img{border:1px solid #3b3633;border-radius:8px}.form-box-inner img{max-height:260px}.form-boxs .form-box-inner h3{font-family:var(--zf-secondary-bold);font-size:30px;margin:50px 0 15px 0}.form-boxs .form-box-inner.form-box-inner1{margin-left:0}.form-boxs .form-box-inner.form-box-inner2{margin-right:0}.form-boxs .form-box-inner.form-box-inner1 p:last-child{margin-bottom:0;font-size:16px}.tip{color:#4b2ddf}.course-section{background:#1c1f2c;text-align:center;color:#fff}.common-section.course-section{padding:100px 0}.course-section h2{max-width:640px;margin:0 auto;margin-bottom:25px}.course-section p{max-width:870px;margin:0 auto;margin-bottom:30px}.footer-sec-wrap{border-top:0}.slick-dots li{position:relative;border:0;border-radius:0;margin:0;cursor:pointer;background:#bfc0c0;width:40px;height:40px;box-sizing:border-box;color:#000;line-height:40px;border-radius:100%;margin-right:40px;transition:ease all .5s;border:2px solid #bfc0c0}.slick-dots li button{display:block;background:no-repeat;border:0;width:40px;height:40px;box-sizing:border-box;font-size:16px;margin:0 auto;line-height:40px;position:relative;color:#fff;font-family:var(--zf-secondary-bold)}.slick-dots li.slick-active{width:40px;height:40px;color:#fff;background:#fff;border:2px solid #2b2b2b}.slick-dots li.slick-active button{color:#fff;background:#2b2b2b;border-radius:100%;width:30px;height:30px;line-height:30px}.slick-dots li button{color:#fff;background:#bfc0c0;border-radius:100%;margin-top:3px;margin-left:3px;width:30px;height:30px;line-height:30px}@keyframes check{0%{width:0}50%{width:50%}100%{width:100%}}.slick-dots li.slick-active:before{background:#2b2b2b;animation-name:check;animation-duration:5s;animation-timing-function:linear}.slick-dots li:before{width:42px;height:2px;position:absolute;left:36px;content:'';background:transparent;top:0;bottom:0;margin:auto;z-index:0}.slick-dots li:last-child:after,.slick-dots li:last-child:before{display:none}.slick-dots li:after{content:'';width:42px;height:2px;position:absolute;left:36px;content:'';background:#bfc0c0;top:0;bottom:0;margin:auto;z-index:-1}.slick-dots{right:60px;position:absolute;bottom:80px;width:auto}.slider-division2 .slick-dots li{margin-right:20px}.slider-division2 .slick-dots{right:0}.slideer-img-wrap picture+img{position:absolute;bottom:0;right:0;border-radius:0}.img-wrap{position:relative}.img-wrap .step-by-step2a{max-width:290px;right:-100px;bottom:-20px}.slick-list{overflow:visible}.img-wrap .step-by-step4a{max-width:290px;right:-70px;bottom:-30px}.img-wrap .step-by-step5a{max-width:200px;left:-50px;bottom:-70px}.img-wrap .step-by-step-nurture2a{max-width:300px;right:-80px;bottom:-20px}.img-wrap .step-by-step-nurture3a{max-width:170px;left:-50px;bottom:-60px}.img-wrap .step-by-step-nurture7a{max-width:200px;right:-30px;bottom:-50px}.img-wrap .step-by-step-nurture8a{max-width:170px;right:-40px;bottom:-40px}.slideer-img-wrap picture+img{opacity:0}.slick-active .img-wrap .step-by-step4a,.slick-active .img-wrap .step-by-step2a,.slick-active .img-wrap .step-by-step-nurture2a{animation:slideLeft .8s ease-out .5s forwards}.slick-active .img-wrap .step-by-step5a,.slick-active .img-wrap .step-by-step-nurture3a,.slick-active .img-wrap .step-by-step-nurture7a,.slick-active .img-wrap .step-by-step-nurture8a{animation:slideDown .8s ease-out .5s forwards}.slick-slide{outline:0}@-webkit-keyframes transY{from{transform:translateY(40px)}to{transform:translateY(0)}}@keyframes transY{from{transform:translateY(40px)}to{transform:translateY(0)}}@-moz-keyframes transY{from{transform:translateY(40px)}to{transform:translateY(0)}}@keyframes slideDown{0{visibility:hidden;opacity:0;transform:translateY(20px)}100%{visibility:visible;opacity:1;transform:translateY(0)}}@-webkit-keyframes slideDown{0%{visibility:hidden;opacity:0;-webkit-transform:translateY(20px)}100%{visibility:visible;opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes slideDown{0%{visibility:hidden;opacity:0;-moz-transform:translateY(20px)}100%{visibility:visible;opacity:1;-moz-transform:translateY(0)}}@keyframes slideLeft{0%{visibility:hidden;opacity:0;transform:translateX(-30px)}100%{visibility:visible;opacity:1;transform:translateX(0)}}@-webkit-keyframes slideLeft{0%{visibility:hidden;opacity:0;-webkit-transform:translateX(-30px)}100%{visibility:visible;opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes slideLeft{0%{visibility:hidden;opacity:0;-moz-transform:translateX(-30px)}100%{visibility:visible;opacity:1;-moz-transform:translateX(0)}}@-moz-keyframes rocketmove{0%{opacity:0;-moz-transform:translate3d(-100px,50px,0) rotate(35deg)}100%{-moz-transform:translate3d(0,0,0) rotate(0);opacity:1}}@-webkit-keyframes rocketmove{0%{opacity:0;-webkit-transform:translate3d(-100px,50px,0) rotate(35deg)}100%{-webkit-transform:translate3d(0,0,0) rotate(0);opacity:2}}@keyframes rocketmove{0%{opacity:0;transform:translate3d(-100px,50px,0) rotate(35deg)}100%{transform:translate3d(0,0,0) rotate(0);opacity:1}}.line-animated .benifit-box>div.box-inner1{animation:transY .8s ease-out .3s forwards}.line-animated .benifit-box>div.box-inner2{animation:transY .8s ease-out .6s forwards}.line-animated .benifit-box>div.box-inner3{animation:transY .8s ease-out .9s forwards}.line-animated .benifit-box>div.box-inner4{animation:transY .8s ease-out 1.1s forwards}.line-animated .benifit-box>div.box-inner5{animation:transY .8s ease-out 1.3s forwards}.line-animated .benifit-box>div.box-inner6{animation:transY .8s ease-out 1.5s forwards}.transY1,.transY2,.transY3,.transY4{-webkit-transform:translateY(50px);transform:translateY(50px);-webkit-transition:all 1s cubic-bezier(0.11,0.16,0.43,0.86);transition:all 1s cubic-bezier(0.11,0.16,0.43,0.86)}.line-animated .transY1,.line-animated .transY2,.line-animated .transY3,.line-animated .transY4{-webkit-transform:translateY(0);transform:translateY(0)}.transY1{-webkit-transition-delay:200ms;transition-delay:200ms}.transY2{-webkit-transition-delay:400ms;transition-delay:400ms}.transY3{-webkit-transition-delay:600ms;transition-delay:600ms}.transY4{-webkit-transition-delay:800ms;transition-delay:800ms}.step-by-step-section{overflow-x:hidden;padding-bottom:70px}.text-center{text-align:center;padding-top:80px}.text-center a{font-size:18px;border-bottom:1px solid}.wrapper{width:90%;max-width:800px;margin:4em auto;text-align:center}.modal{position:fixed;z-index:10000;top:0;left:0;visibility:hidden;width:100%;height:100%;z-index:-1}.modal.is-visible{visibility:visible;z-index:999;transition-delay:.2s}.modal-overlay{position:fixed;z-index:10;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / .7);visibility:hidden;opacity:0;transition:visibility 0s linear .3s,opacity .3s}.modal.is-visible .modal-overlay{opacity:1;visibility:visible;transition-delay:.2s}.modal-wrapper{position:absolute;z-index:9999;top:50%;left:50%;width:940px;background-color:#fff;box-shadow:0 0 20px 0 hsla(0,0%,0%,0.1);transform:translate(-50%,-50%)}.modal-transition{opacity:0}.modal.is-visible .modal-transition{opacity:1}.modal-header,.modal-content{padding:1em}.modal-header{position:relative;background-color:#fff;box-shadow:0 1px 2px hsla(0,0%,0%,0.06);border-bottom:1px solid #e8e8e8}.modal-close{position:absolute;width:35px;height:35px;top:20px;right:20px;z-index:99;color:#fff;border-radius:100%;background:#fff}.modal-close:before{content:'';width:35px;height:35px;background:url(https://www.zoho.com/creator/images/e-p-sprite.png) no-repeat 5px -10px;position:absolute;background-size:110px;left:5px;top:9px}.modal-close:hover{color:#777}.modal-heading{font-size:1.125em;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.modal-content>*:first-child{margin-top:0}.modal-content>*:last-child{margin-bottom:0}.zw-template-inner a:not(.act-btn){color:var(--zwc-link-clr)}@media only screen and (max-width:1366px){.cart-box{left:50px}.img-wrap .step-by-step5a{max-width:170px;left:-20px}.img-wrap .step-by-step-nurture3a{max-width:150px;left:-30px}}@media only screen and (max-width:1279px){.header-section{padding:60px 0 30px 0}.header-section .column.left{padding-top:50px;padding-left:30px}h1{font-size:42px}.common-section{padding:80px 0}.common-section.help-section{padding:80px 0}.common-section.setup-section{padding-top:20px}.client img{max-width:130px}.client img.client-img1{max-width:230px}.set-up-workflow{width:470px;margin-right:10px}.client.client1{max-width:240px;margin-left:10px}.client.client2{margin-right:20px}.client .cart-box{transform:scale(0.8) !important;left:20px}.workflow-progressbar{transform:scale(0.8) !important}.client.client1:before{top:-100px;left:10px}.slick-dots{position:initial;margin-top:80px}.slider-block .table-wrap .column.right{padding-right:15px}.img-wrap .step-by-step5a{bottom:-40px}.slick-dotted.slick-slider{margin-bottom:0;padding-top:40px}.common-section.step-by-step-section{padding-bottom:80px}.common-section.course-section{margin:0}.service-section p{max-width:820px}.header-section .column.right{padding-right:50px}.header-section .column.right:after{right:10px}.header-banner{max-width:400px}.help-section p{max-width:1000px}.slider-block{padding-top:60px}}@media only screen and (max-width:991px){h1{font-size:38px}.common-section{padding:80px 0}.header-section{padding:60px 0 30px 0}.header-section .header-img-wrap:after{right:0;top:0}.help-section p{max-width:680px;font-size:20px}.help-section h2{max-width:500px}h2{font-size:36px}.service-section h2{max-width:560px}.service-section p{max-width:660px;font-size:18px}.setup-section .table-wrap{display:block;width:100%}.setup-section .column.left,.setup-section .column.right{display:block;width:100%;padding:0}.setup-section h2{text-align:center;max-width:640px;margin:0 auto;margin-bottom:20px}.setup-section p{max-width:600px;margin:0 auto;text-align:center}.setup-section .column.left{padding-bottom:60px}.set-up-workflow{margin:0 auto;margin-right:auto;width:465px}.common-section.setup-section{padding-bottom:100px;padding-top:0}.setup-box-inner h3{font-size:22px}.benifit-box>div{width:48%}.benifit-box{margin-top:60px}.step-by-step-section .table-wrap .column{width:100%;display:block;padding:0}.step-by-step-section .table-wrap{display:block}.slider-block .table-wrap .column.right{padding:0}.slider-block .table-wrap .column.right{padding:0;max-width:540px;padding-top:70px;margin:0 auto;float:none;width:100%}.slider-block .table-wrap .column.left{padding-right:0;max-width:540px;margin:0 auto;float:none;width:100%}.slick-dots{margin-top:40px}.img-wrap .step-by-step2a,.img-wrap .step-by-step4a{right:-50px}.img-wrap .step-by-step-nurture3a{bottom:-30px}.conversion-section h2+p{max-width:640px}.conversion-section h2{max-width:540px}.form-boxs{padding:60px 10px 0}.common-section.course-section{padding:70px 20px}.course-section h2{max-width:550px}.course-section p{max-width:640px}.slider-content p{margin-bottom:0;max-width:520px}.header-section .column{width:100%;display:block}.header-section .column.left,.header-section .column.right{width:100%;display:block;padding:0;text-align:center}.header-section .column.right{max-width:100%;margin:0 auto;margin-top:60px}h1{margin:0 auto;text-align:center;font-size:42px;margin-bottom:20px;line-height:normal}.modal-wrapper{max-width:740px}.slick-dots li:last-child{margin-right:0}.text-center{padding-top:40px}}@media only screen and (max-width:767px){.header-section .column.left,.header-section .column.right{width:100%;padding:0;text-align:center}.header-section .column.right img{display:inline-block;max-width:100%}h1{margin-bottom:25px}.common-section{padding:60px 0}.common-section.help-section{padding:60px 0}h2{font-size:27px;font-family:var(--zf-secondary-light)}.cart-box,.client.client1:before,.workflow-progressbar{display:none}.set-up-workflow{width:360px}.client.client2{margin-right:0;margin-left:230px}.client img.client-img1{max-width:200px}.client img{max-width:110px}.client.client3{left:105px;top:0;left:100px}.common-section.setup-section{padding-bottom:70px}.setup-box-inner h3{font-size:16px}.slideer-img-wrap picture+img{display:none}.slider-block .table-wrap .column.right{padding-top:30px}.slick-dots li:before{display:none}.slick-dots li:after{display:none}.slick-dots li{width:25px;height:25px;line-height:25px;margin-right:10px;border:0;text-align:center}.slick-dots li button{width:20px;height:20px;line-height:25px;margin-top:0;margin-left:3px;padding:0}.slick-dots li.slick-active button{width:20px;height:20px;line-height:20px;margin-top:3px;margin-left:3px}.slick-dots li.slick-active{width:25px;height:25px;line-height:25px;background:#2b2b2b;border:0}.slick-dots{margin-top:30px}.common-section.step-by-step-section{padding-bottom:50px}.form-boxs{display:block;width:100%;padding:30px 0 0}.form-boxs .form-box-inner{width:100%;padding:0}.form-boxs .form-box-inner.form-box-inner2{margin:0}.form-boxs .form-box-inner h3{margin-top:30px;font-size:24px}.form-boxs .form-box-inner.form-box-inner2{margin-top:70px}.slider-content p{margin-bottom:0}.step-by-step-section h2{font-size:28px}.common-section.course-section{padding:50px 15px}h1{margin:0 auto;margin-bottom:20px;max-width:370px;font-size:34px}.help-section p{font-size:18px}.help-section p br{display:none}.help-section h2{font-size:24px}.service-section p{font-size:16px}.text-center{padding-top:40px}.modal-wrapper{max-width:90%}.slider-block{padding-top:30px}}@media only screen and (max-width:480px){.slider-division2 .slick-dots li{margin-right:10px}.slick-dots li button{font-size:14px}}@media only screen and (max-width:375px){.client.client1{max-width:170px}.set-up-workflow{width:300px}.client.client2{margin-left:175px}.client.client3{left:55px;top:6px}.client img.client-img1{max-width:165px}.benifit-box>div{width:100%;margin:0;margin-bottom:15px}.setup-box-inner h4 br{display:none}h2{font-size:26px}.step-by-step-section h2{font-size:24px}.slider-division2 .slick-dots li{margin-right:7px}.common-section.course-section{padding:50px 10px}.slider-division2 .slick-dots li{margin-right:10px}h1{font-size:30px}}