img,video{width:100%;position:relative}h1,h2{font-family:var(--zf-secondary-regular)}h4{font-family:var(--zf-secondary-bold)}h1{font-size:50px}h2{font-size:40px}h3{font-size:32px}h4{font-size:22px}strong{font-family:var(--zf-secondary-bold)}section{width:100%;position:relative;box-sizing:border-box}.content-wrap{max-width:1170px;margin:0 auto;box-sizing:border-box}.main-container-wrapper .product-header-top .content-wrap{padding:0;margin:0 auto}.banner-section{background:#141438}.banner-wrap{padding:40px 0 60px;margin:0 auto 0}.banner-section h1{color:#fac787;text-align:center;padding:0 50px;box-sizing:border-box}.banner-section p{color:#fff;text-align:center;padding:0 100px;box-sizing:border-box}.banner-icon{background-image:url(/sites/zweb/images/learn/employee-onboard/sprites.svg);height:80px;width:70px;background-size:360px;background-repeat:no-repeat;display:block;background-position:2px 5px;margin:0 auto 10px;position:relative}.icon-wrap{width:70px;margin:0 auto;position:relative}.circle-shadow i{height:20px;width:20px;background:#fac787;display:inline-block;border-radius:50px;z-index:90;position:absolute}.circle-shadow i:nth-child(1){height:35px;width:35px;left:-15px;background:#fac7877a;top:53px;-webkit-animation:anim-1 4s ease-in infinite;animation:anim-1 4s ease-in infinite;-moz-animation:anim-1 4s ease-in infinite}.circle-shadow i:nth-child(2){top:7px;left:71px;height:15px;width:15px;background:#fac7877a;-webkit-animation:anim-2 3s ease-in infinite;animation:anim-2 3s ease-in infinite;-moz-animation:anim-2 3s ease-in infinite}.circle-shadow i:nth-child(3){background:#fac787b8;left:69px;top:69px;height:8px;width:8px;-webkit-animation:anim-3 2s ease-in infinite;animation:anim-3 2s ease-in infinite;-moz-animation:anim-3 2s ease-in infinite}@keyframes anim-1{0%{transform:scale(.3);transform-origin:center}50%{transform:scale(1);transform-origin:center}100%{transform:scale(.3);transform-origin:center}}@keyframes anim-2{0%{top:0;transform:scale(.3)}50%{top:5px;transform:scale(1)}100%{top:0;transform:scale(.3)}}@keyframes anim-3{0%{transform:scale(.3)}50%{transform:scale(1)}100%{transform:scale(.3)}}.highlight-wrap{background:#fff9f0;margin:90px auto 20px;padding:80px 0}.highlight-content-wrap{display:flex;place-items:center;position:relative;flex-wrap:wrap;width:90%;margin:0 auto}.highlight-content-wrap>div{flex:0 0 50%;max-width:50%;position:relative}.highlight-content-wrap>div:nth-child(2){padding-left:70px;box-sizing:border-box;position:relative}.highlight-content-wrap>div:nth-child(2)>picture{z-index:55;position:relative}.cloud-large{background-image:url(/sites/zweb/images/learn/employee-onboard/cloud-large.svg);background-repeat:no-repeat;background-size:cover;height:57px;width:160px;display:block;position:absolute;top:20%;left:0;z-index:1;-webkit-animation:cloud-large 5s linear 2s infinite;animation:cloud-large 5s linear 2s infinite;animation-delay:.4s}.cloud-small{background-image:url(/sites/zweb/images/learn/employee-onboard/cloud-small.svg);background-repeat:no-repeat;background-size:cover;height:40px;width:115px;display:block;top:-9%;right:0;z-index:2;position:absolute;-webkit-animation:cloud-small 5s linear 2s infinite;animation:cloud-small 5s linear 2s infinite;animation-delay:.4s;-webkit-transform:translate(40px,0);transform:translate(40px,0)}@-webkit-keyframes cloud-large{0%{-webkit-transform:translate(40px,0);transform:translate(40px,0)}50%{-webkit-transform:translate(90px,0);transform:translate(90px,0)}100%{-webkit-transform:translate(40px,0);transform:translate(40px,0)}}@keyframes cloud-large{0%{-webkit-transform:translate(40px,0);transform:translate(40px,0)}50%{-webkit-transform:translate(90px,0);transform:translate(90px,0)}100%{-webkit-transform:translate(40px,0);transform:translate(40px,0)}}@-webkit-keyframes cloud-small{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}50%{-webkit-transform:translate(-50px,0);transform:translate(-50px,0)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes cloud-small{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}50%{-webkit-transform:translate(-50px,0);transform:translate(-50px,0)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}.three-cont-wrap{text-align:center;padding:0 170px;box-sizing:border-box}.three-col-item{display:flex;width:100%;margin-top:100px;flex-wrap:wrap}.three-col-item>div{max-width:calc(95% / 3);flex:0 0 calc(95% / 3);box-sizing:border-box;padding:0 30px 25px;border:1px solid #d8d8d8;border-radius:15px;transform:translateY(40px);transition:.5s ease all}.three-col-item>div:nth-child(1).active{transition:.5s ease all;transform:translateY(0);transition-delay:0}.three-col-item>div:nth-child(2).active{transition:.5s ease all;transform:translateY(0);transition-delay:.3s}.three-col-item>div:nth-child(3).active{transition:.5s ease all;transform:translateY(0);transition-delay:.6s}.three-col-item>div:nth-child(even){margin:0 calc(5% / 2)}.three-col-item>div>span{height:60px;width:50px;position:relative;left:0;top:0;display:block;z-index:1;background:white;transform:translate(-5px,-34px)}.three-col-item>div>span::after{content:"";background-image:url(/sites/zweb/images/learn/onboarding-process/common-sprites.svg);background-repeat:no-repeat;background-size:460px;display:block;height:100%;width:100%;background-position:-78px -10px;position:absolute;z-index:-1}.three-col-item>div:nth-child(2)>span::after{background-position:-127px -11px}.three-col-item>div:nth-child(3)>span::after{background-position:-150px -11px;background-size:400px;width:60px}.two-col-wrap{padding:0 0 80px}.two-col-img-wrap{display:flex;width:100%;place-items:center}.two-col-img-wrap>div{max-width:50%;flex:0 0 50%;box-sizing:border-box;position:relative}.two-col-img-wrap>div:nth-child(1){padding:0 80px 0 0;opacity:0;transition:.5s ease all}.two-col-img-wrap>div:nth-child(1).active{opacity:1;transition:.5s ease all}.img-sprites span{position:absolute;background-repeat:no-repeat;background-image:url(/sites/zweb/images/learn/onboarding-process/common-sprites.svg);opacity:0}.img-sprites span:nth-child(odd){-webkit-animation:floatodd 5s linear 2s infinite;animation:floatodd 5s linear 2s infinite;animation-delay:.4s}.img-sprites span:nth-child(even){-webkit-animation:floateven 5s linear 2s infinite;animation:floateven 5s linear 2s infinite;animation-delay:.4s}.icon-1{background-position:-255px -29px;width:30px;height:30px;background-size:480px;top:25%;left:24%}.icon-1.active{opacity:1;transition:.5s ease all;transition-delay:.3s}.icon-2{background-position:-289px -13px;width:50px;height:50px;background-size:480px;top:13%;right:31%}.icon-2.active{opacity:1;transition:.5s ease all;transition-delay:.5s}.icon-3{background-position:-474px -25px;width:50px;height:50px;background-size:600px;bottom:13%;right:32%}.icon-3.active{opacity:1;transition:.5s ease all;transition-delay:1s}.icon-4{background-position:-420px -26px;width:50px;height:50px;background-size:600px;bottom:10%;left:35%}.icon-4.active{opacity:1;transition:.5s ease all;transition-delay:1.5s}.two-col-img-wrap>div:nth-child(2){padding:110px 50px 0}@-webkit-keyframes floateven{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}50%{-webkit-transform:translate(0,-15px);transform:translate(0,-15px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes floateven{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}50%{-webkit-transform:translate(0,-15px);transform:translate(0,-15px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@-webkit-keyframes floatodd{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}50%{-webkit-transform:translate(0,15px);transform:translate(0,15px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes floatodd{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}50%{-webkit-transform:translate(0,15px);transform:translate(0,15px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}.e-learning-wrap{padding:50px 0 0}.e-learning-cont-wrap{box-sizing:border-box;margin-left:20px;max-width:70%;margin-bottom:50px}.features-box-wrap{display:flex;width:100%;position:relative;box-sizing:border-box;padding:0 20px}.features-box-wrap>div{flex:0 0 48%;max-width:48%;box-sizing:border-box;padding:50px 50px;margin-bottom:40px;transform:translateY(40px);transition:.5s ease all;position:relative;border:1px solid #e0e0e0}.features-box-wrap:nth-child(1)>div:nth-child(1){margin-right:calc(50% - 48%)}.features-box-wrap:nth-child(1)>div:nth-child(1).active{transform:translateY(0);transition:.5s ease all;transition-delay:0}.features-box-wrap:nth-child(1)>div:nth-child(1)>span{height:70px;width:90px;display:block;position:absolute;left:0;top:0;background:#fff9f0}.features-box-wrap:nth-child(1)>div:nth-child(1)>span::after{content:"";background-image:url(/sites/zweb/images/learn/employee-onboard/fea-1.gif);background-size:cover;height:44px;width:44px;display:block;margin:12px auto}.features-box-wrap:nth-child(1)>div:nth-child(2){margin-left:calc(50% - 48%)}.features-box-wrap:nth-child(1) div:nth-child(2).active{transform:translateY(0);transition:.5s ease all;transition-delay:.3s}.features-box-wrap:nth-child(1)>div:nth-child(2)>span{height:70px;width:90px;display:block;position:absolute;left:0;top:0;background:#fdf5f5}.features-box-wrap:nth-child(2)>div:nth-child(2)>span::after{content:"";background-image:url(/sites/zweb/images/learn/employee-onboard/fea-4.gif);background-size:cover;height:46px;width:46px;display:block;margin:9px auto}.features-box-wrap:nth-child(2)>div:nth-child(1){margin-right:calc(50% - 48%)}.features-box-wrap:nth-child(2)>div:nth-child(1).active{transform:translateY(0);transition:.5s ease all;transition-delay:.6s}.features-box-wrap:nth-child(2)>div:nth-child(1)>span{height:70px;width:90px;display:block;position:absolute;left:0;top:0;background:#effff9}.features-box-wrap:nth-child(2)>div:nth-child(1)>span::after{content:"";background-image:url(/sites/zweb/images/learn/employee-onboard/fea-2.gif);background-size:cover;height:47px;width:47px;display:block;margin:12px auto}.features-box-wrap:nth-child(2)>div:nth-child(2){margin-left:calc(50% - 48%)}.features-box-wrap:nth-child(2)>div:nth-child(2).active{transform:translateY(0);transition:.5s ease all;transition-delay:.9s}.features-box-wrap:nth-child(2)>div:nth-child(2)>span{height:70px;width:90px;display:block;position:absolute;left:0;top:0;background:#f7f7ff}.features-box-wrap:nth-child(1)>div:nth-child(2)>span::after{content:"";background-image:url(/sites/zweb/images/learn/employee-onboard/fea-3.gif);background-size:cover;height:44px;width:44px;display:block;margin:12px auto}.features-box-wrap>div>div{margin:60px 0}.bottom-cta-wrap{padding:40px 0 60px}.cta-cont-wrap{text-align:center}.cta-cont-wrap a{display:block;width:200px;margin:25px auto;background:#f0483e;padding:10px 0;color:#ffff;font-weight:bold}.two-col-img-wrap ul{list-style:disc}.two-col-img-wrap li{margin-bottom:15px;margin-left:18px}.i18n-ar .two-col-img-wrap>div:nth-child(1){padding:0 0 0 80px}.i18n-ar .three-cont-wrap h2,.i18n-ar .signle-col-cont-wrap h2,.i18n-ar .signle-col-cont-wrap p,.i18n-ar .cta-cont-wrap h3,.i18n-ar .cta-cont-wrap a,.i18n-ar .bottom-cta-section .cta-cont-wrap{text-align:center}.i18n-ar .features-box-wrap:nth-child(1)>div:nth-child(2),.i18n-ar .features-box-wrap:nth-child(2)>div:nth-child(2){margin-right:calc(50% - 48%);margin-left:0}.i18n-ar .features-box-wrap:nth-child(1)>div:nth-child(1),.i18n-ar .features-box-wrap:nth-child(2)>div:nth-child(1){margin-left:calc(50% - 48%);margin-right:0}.i18n-ar .features-box-wrap>div>span{right:0;left:auto}.i18n-ar .e-learning-cont-wrap{margin-right:20px;margin-left:0}@media only screen and (max-width:767px){h1{font-size:30px}h2{font-size:26px}#main-container{overflow:hidden}.content-wrap{padding:30px 0}.banner-wrap.content-wrap{padding:50px 0}.banner-section p{padding:0}.banner-section h1{padding:0}.two-col-img-wrap{display:block}.two-col-img-wrap>div{max-width:100%;flex:100%}.two-col-img-wrap>div:nth-child(1){padding:0}.two-col-img-wrap>div:nth-child(2){padding:0;margin:40px 0 0}.onboarding-content-wrap{padding:100px 20px}.highlight-wrap{padding:70px 0 30px;margin:50px auto 20px}.highlight-wrap div{max-width:100%;display:block}.highlight-content-wrap>div:nth-child(2){margin-top:70px;padding-left:0}.three-cont-wrap{padding:0}.three-col-item{display:block;margin-top:0}.three-col-item>div{flex:none;max-width:100%;box-sizing:border-box;margin:60px 0}.three-col-item>div:nth-child(even){margin:0}.e-learning-wrap{padding-top:50px}.e-learning-cont-wrap{margin-left:0;max-width:100%}.e-learning-cont-wrap p{padding:0}.features-box-wrap{display:block;padding:0}.features-box-wrap{flex:none;max-width:100%}.features-box-wrap>div{margin:0 25px 30px;padding:50px 25px;max-width:100%}.features-box-wrap:nth-child(1) div:nth-child(1){margin:30px 0}.features-box-wrap:nth-child(1) div:nth-child(2){margin:30px 0}.features-box-wrap:nth-child(2) div:nth-child(1){margin:30px 0}.features-box-wrap:nth-child(2) div:nth-child(2){margin:30px 0}.icon-3{right:22%}.icon-2{top:9%;right:18%}.bottom-cta-wrap{padding:0 0 30px}}@media only screen and (min-width:768px) and (max-width:992px){.two-col-img-wrap>div:nth-child(1){padding:0 20px 0 0}.two-col-img-wrap>div:nth-child(2){padding:0}.onboarding-content-wrap{padding:100px 80px}.three-col-item{margin-top:50px}.three-col-item>div{max-width:calc(97% / 2);flex:0 0 calc(97% / 2);margin-bottom:40px}.three-col-item>div:nth-child(even){margin:0 0 40px calc(3%)}.icon-4{bottom:10%;left:35%}.icon-3{bottom:10%;right:22%}.highlight-content-wrap>div:nth-child(2){padding-left:30px}.i18n-ar .three-col-item>div:nth-child(even){margin:0 calc(3%) 40px 0}}