.main-container-wrapper:before{opacity:0}h1,h2{font-family:var(--zf-secondary-bold)}h1{font-size:60px;line-height:1.1}h2{font-size:42px;margin-bottom:20px}.features-banner-content p a{margin-top:20px}.features-banner-content p{margin-top:0}.features-banner-content{max-width:900px}#features-1 div:nth-of-type(1){display:none}#features-1 .html-part.content-wrap{overflow:initial;max-width:1080px;padding-bottom:40px;padding-top:70px}#features-1 .html-part ul{display:flex;flex-wrap:wrap;justify-content:space-between}#features-1 .html-part ul li{width:44%;margin:40px 0 50px}#features-1 .html-part .scr-icon li{padding-top:90px;position:relative}.scr-icon li::before{position:absolute;content:"";width:80px;height:80px;background-image:url(/sites/zweb/images/vault/extenstion-projects-icon.png);top:0;background-size:auto 80px}.scr-icon li:nth-child(2):before{background-position:-87px 0;width:74px}#features-1 .html-part li:not(:nth-child(2)) img,#features-2 img{box-shadow:0 0 19px 1px rgba(0,0,0,0.06);border:0}.html-part li:nth-child(1) img{max-width:350px;width:100%}.html-part li:nth-child(2) img{max-width:380px;width:100%}#features-1 .html-part p{margin-bottom:46px}#features-1 .html-part .scr-shot li:nth-child(2) p{margin-bottom:70px}#features-2 .content-wrap{padding-top:0;padding-bottom:100px}#features-2 .cont-part{max-width:600px}#features-2 img{width:100%;max-width:1000px}.all-features{display:none}.bottom-cta-wrap{background-color:#031c34;color:white;padding:40px 0}.bottom-cta-wrap .content-wrap{max-width:780px}div#features-2{position:relative;margin-top:50px}div#features-2::before{content:"";position:absolute;background-color:#eaf6ff;max-width:1600px;width:90%;top:-70px;height:56%;left:0;right:0;padding:60px 0 60px;margin:auto;border-radius:5px}.i18n-ar .bottom-cta-wrap .content-wrap h2{max-width:600px}@media screen and (max-width:1500px) and (min-width:992px){h1{font-size:46px;line-height:.7}h2{font-size:36px}#features-1 .html-part p{font-size:16.8px}.features-banner-wrap .content-wrap{margin-bottom:0}.features-banner-content{text-align:center;margin:50px auto 0}#features-1 .content-wrap{padding-top:0;padding-bottom:0}.features-banner-content p a{margin-top:0}#features-1 .html-part.content-wrap{max-width:970px}#features-1 .html-part.content-wrap{padding-bottom:0}#features-1 .cont-part{max-width:800px}}@media screen and (max-width:992px) and (min-width:768px){h1{font-size:46px}h2{font-size:34px}#features-1 .cont-part{padding:80px 0 120px}.features-banner-wrap .content-wrap{margin:40px auto 0}.features-banner-content p{margin-top:0}}@media screen and (max-width:767px){h1{font-size:38px}h2{font-size:30px}#features-1 .html-part ul li{width:90%;max-width:480px;margin:80px auto 50px}#features-1 .html-part{margin-bottom:40px}#features-1 .cont-part h2{font-size:35px}div#features-2::before{width:100%;height:100%;top:-50px}div#features-2{margin-top:80px}.i18n-ar .zw-template-inner h1{max-width:320px;margin-left:auto;margin-right:auto}}@media screen and (max-width:480px){h1{font-size:32px}h2{font-size:26px}.features-banner-content p a{margin-top:10px}.bottom-cta-wrap{padding:10px 0}.features-banner-content{max-width:260px}#features-2 img{margin-top:20px}#features-2 .content-wrap{padding-bottom:50px}#features-1 .cont-part{padding:60px 0 90px;border:4px solid #00cfff}#features-1.features-item .content-wrap{padding:20px 0 0}#features-1 .html-part ul li{margin:30px auto 20px;text-align:center}#features-1 .html-part .scr-icon li{margin:20px auto 0}.html-part ul li::before{left:0;right:0;margin:auto}#features-1 .cont-part::before{width:47px;height:60px;background-size:contain;bottom:-30px}}@media screen and (min-width:1100px){.act-btn{padding:10px 32px;font-size:18px}}.i18n-ar .bottom-cta-wrap .content-wrap h2,.i18n-ar .bottom-cta-wrap .content-wrap{text-align:center}@media screen and (max-width:991px){.i18n-ar .html-part ul li h2,.i18n-ar .html-part ul li p{text-align:right}}.image-part>div img,.image-part>div video{transition:all 2s}.html-part.content-wrap img{opacity:0;transform:translateY(-50px);transition:all .5s}.html-part.content-wrap.middle-animated img{opacity:1;transform:translateY(0)}@media screen and (max-width:480px){.i18n-ar .html-part ul li h2,.i18n-ar .html-part ul li p{text-align:center}}