#main-container{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;outline:0;scroll-behavior:smooth;position:relative;background:white}img,video{width:100%}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)}.block-panels-mini{background:#141438}#mini-panel-product_menu .product-nav-links .menu>li>a,#mini-panel-product_menu .menu-icon-help-header .product-title a,#mini-panel-product_menu .menu-icon-help-header+.product-nav-links li a{color:#fff}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}.banner-section p{color:#fff;text-align:center;padding:0 100px;box-sizing:border-box}.banner-icon{background-image:url(/sites/zweb/images/learn/documentation/subject-logo.svg);height:100px;width:70px;background-size:cover;background-repeat:no-repeat;display:block;background-position:-16px -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)}}.two-col-img-wrap{display:flex;width:100%;place-items:center}.two-col-wrap{padding:150px 0}.two-col-img-wrap>div{max-width:50%;flex:0 0 50%;box-sizing:border-box}.two-col-img-wrap>div:nth-child(1){padding:0 50px 0 0;position:relative;z-index:22}.two-col-img-wrap>div:nth-child(1)::after{content:"";background-image:url(/sites/zweb/images/learn/documentation/bg-cloud1.svg);background-repeat:no-repeat;background-size:cover;display:inline-block;position:absolute;left:70px;top:-60px;width:71%;height:100%;z-index:-1;transform:scale(0);transition:.5s ease all;transform-origin:bottom}.two-col-img-wrap>div:nth-child(1).active::after{transform:scale(1);transition:.5s ease all}.two-col-img-wrap>div:nth-child(1) picture{opacity:0;transition:.5s ease all;transform:scale(1.3)}.two-col-img-wrap>div:nth-child(1).active picture{opacity:1;transition:.5s ease all;transform:scale(1)}.e-learning-wrap{padding:150px 0 0}.e-learning-cont-wrap{box-sizing:border-box;margin-left:20px;max-width:600px;margin-bottom:50px}.e-learning-cont-wrap p{padding:0 110px}.challenges-wrap{background:#fff9f0;border:1px solid #efe1cd;padding:80px 0}.challenge-inner-wrap{text-align:center;width:100%}.animate-wrap{display:flex;width:100%;margin-top:50px}.animate-wrap>div{max-width:calc(100% / 3);flex:0 0 calc(100% / 3);position:relative}.animate-wrap>div:nth-child(1).active .flipper{transform:rotateY(180deg)}.animate-wrap>div:nth-child(2).active .flipper{transform:rotateY(180deg)}.animate-wrap>div:nth-child(3).active .flipper{transform:rotateY(180deg)}.animate-wrap>div::after{content:"";border-bottom:2px #efe1cd dashed;position:absolute;display:block;left:60%;top:20px;width:0;transition:2s ease-in all}.animate-wrap>div.active::after{width:80%;transition:.6s ease-in all}.animate-wrap>div:nth-child(3)::after{display:none}.animate-wrap>div p{font-weight:bold;transform:translateY(10px);opacity:0;transition:.5s ease all}.animate-wrap>div.active p{transform:translateY(0);opacity:1;transition:.5s ease all}.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/documentation/fea-1.gif);background-size:cover;height:46px;width:50px;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(1)>div:nth-child(2)>span::after{content:"";background-image:url(/sites/zweb/images/learn/documentation/fea-2.gif);background-size:cover;height:52px;width:43px;display:block;margin:12px 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/documentation/fea-3.gif);background-size:cover;height:46px;width:46px;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(2)>div:nth-child(2)>span::after{content:"";background-image:url(/sites/zweb/images/learn/documentation/fea-4.gif);background-size:cover;height:46px;width:46px;display:block;margin:9px auto}.features-box-wrap>div>div{margin:60px 0}.flip-container{perspective:1000px}.flip-container,.front,.back{width:40px;height:40px;border-radius:50px;margin:0 auto 20px}.flipper{transition:.6s;transform-style:preserve-3d;position:relative}.front,.back{backface-visibility:hidden;-webkit-perspective:0;-webkit-backface-visibility:hidden;visibility:visible;position:absolute;top:0;left:0}.front{z-index:2;transform:rotateY(0);background:#ffc2b1;border:1px solid #d0684b}.back{transform:rotateY(180deg);background:#ffc2b1;box-sizing:border-box;padding:5px 0;border:1px solid #d0684b}.bottom-cta-wrap{padding:0 0 30px}.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}@media only screen and (max-width:767px){h1{font-size:30px}h2{font-size:26px}.main .ptmenu #mini-panel-product_menu .menu-icon-help-header .product-title a,.main-container-wrapper #mini-panel-product_menu .menu-icon-help-header .product-title a,.main-container-wrapper .ptmenu #mini-panel-product_menu .menu-icon-help-header+.product-nav-links li a{color:#fff}#main-container{overflow:hidden}.two-col-wrap{padding:50px 0}.banner-wrap{padding:50px 0}.banner-section p{padding:0}.two-col-img-wrap{display:block}.two-col-img-wrap>div:nth-child(1).active::after{display:none}.two-col-img-wrap>div{flex:none;max-width:100%}.two-col-img-wrap>div:nth-child(1){padding:0}.two-col-img-wrap>div:nth-child(2){padding-top:50px}.e-learning-wrap{padding:50px 0 0}.e-learning-cont-wrap{margin-left:0}.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}.animate-wrap>div p{box-sizing:border-box;padding:0 10px}.animate-wrap>div::after{left:69%}.animate-wrap>div.active::after{width:60%}}@media only screen and (min-width:768px) and (max-width:992px){.two-col-img-wrap>div:nth-child(2){padding:0 20px;box-sizing:border-box}.two-col-img-wrap>div:nth-child(1){padding:0}}.i18n-ar .challenge-inner-wrap h2{text-align:center}.i18n-ar .animate-wrap>div::after{right:60%;left:0}.i18n-ar .active{text-align:center}.i18n-ar .two-col-img-wrap>div:nth-child(1){padding:0 0 0 50px}.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,.i18n-ar .animate-wrap>div p,.i18n-ar .flipper .back{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:991px){.i18n-ar .animate-wrap>div::after{right:69%;left:0}}