.zw-product-marketingautomation:before{content:'';position:absolute;left:0;top:0;width:100%;height:500px;background:#fff8ec;background:-moz-linear-gradient(top,#fff8ec 0,#fff 100%);background:-webkit-linear-gradient(top,#fff8ec 0,#fff 100%);background:linear-gradient(to bottom,#fff8ec 0,#fff 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff8ec',endColorstr='#ffffff',GradientType=0);z-index:-1}.zsection .content-wrap{padding:120px 0;max-width:1140px}.features-banner-content{text-align:center;margin:20px auto 20px;max-width:980px}h1{max-width:840px;margin:0 auto 15px;font-size:50px}.zsection h3{font-size:40px;font-family:var(--zf-primary-bold)}.zrow-wrap h3{font-size:30px;font-family:var(--zf-primary-bold)}.features-banner-content p{margin:10px auto 35px;max-width:740px}.features-banner-content p:nth-child(3){margin-bottom:0}.zsection.zbanner .content-wrap{padding-top:0;padding-bottom:30px}.zrow-wrap{display:table;width:100%;max-width:100%;margin:0 auto;overflow:initial}.zrow-wrap>div{display:inline-block;width:50%;vertical-align:middle;box-sizing:border-box}.zright .zrow-wrap>div:nth-child(1){width:40%;padding-right:95px}.zright .zrow-wrap>div:nth-child(2){width:60%}.zleft .zrow-wrap>div:nth-child(1){width:60%}.zleft .zrow-wrap>div:nth-child(2){width:40%;padding-left:95px}.zleft .zrow-wrap>div img{float:right}.animated .zrow-wrap>div img{animation:slide-down 1s ease-out}.zweb{color:#fff;position:relative}.zweb:before{content:'';position:absolute;top:200px;left:0;right:0;background-color:#3d4e60;width:100%;height:72%}.zweb>div img,.zright img,.zleft img{max-width:117%}.zlead.zleft .zrow-wrap>div img{max-width:107%}.zlead.zright .zrow-wrap>div img{max-width:100%}.zweb img{-webkit-box-shadow:0 0 20px 2px rgba(0,0,0,0.08);-moz-box-shadow:0 0 20px 2px rgba(0,0,0,0.08);box-shadow:0 0 20px 2px rgba(0,0,0,0.08)}.zweb .zrow-wrap>div:nth-child(1){padding-top:110px}.zslide .zsection .content-wrap{padding:70px 0}.zslide .zsection:nth-child(1) .content-wrap{padding-top:0}.zslide{padding-bottom:60px}.zsection .content-wrap>h3{text-align:center}.zlead.zswap .content-wrap{padding-bottom:0}.zlead .content-wrap>h3+p,.zmulti .content-wrap>h3+p{max-width:770px;margin:0 auto 110px;text-align:center}.zmulti .content-wrap>h3+p{margin:0 auto}.zimg-div img,.ztext-div div{display:none}.zmulti ul{max-width:850px;margin:65px auto}.zmulti ul li{display:inline-block;padding:12px 26px;border-radius:65px;font-family:var(--zf-primary-bold);cursor:pointer}.zmulti ul li.zactive{background-color:#fff8ec;color:#cf9901}.ztext-div>div img{display:none;-webkit-box-shadow:0 0 20px 2px rgba(0,0,0,0.08);-moz-box-shadow:0 0 20px 2px rgba(0,0,0,0.08);box-shadow:0 0 20px 2px rgba(0,0,0,0.08)}.zimg-div img.zactive,.ztext-div div.zactive{display:inline-block;animation:slide-down 1s ease-out}.zimg-div img{max-width:130%;-webkit-box-shadow:0 0 20px 2px rgba(0,0,0,0.08);-moz-box-shadow:0 0 20px 2px rgba(0,0,0,0.08);box-shadow:0 0 20px 2px rgba(0,0,0,0.08)}@keyframes slide-down{0%{opacity:0;-webkit-transform:translateY(50px)}100%{opacity:1;-webkit-transform:translateY(0)}}.zresult{text-align:center}.zsection.zresult .content-wrap{padding:0 0 80px 0}.zresult h4{max-width:590px;font-size:40px;font-family:var(--zf-primary-bold);margin:0 auto 30px;line-height:1.3}.zresult img{max-width:80px;margin-bottom:12px}@media only screen and (max-width:1280px){.zimg-div img{max-width:110%}.zright .zrow-wrap>div:nth-child(1){padding-right:45px}.zleft .zrow-wrap>div:nth-child(2){padding-left:45px}.zweb>div img,.zright img,.zleft img{max-width:100%}.zlead.zleft .zrow-wrap>div img{max-width:100%}}@media only screen and (max-width:1140px){.zweb .zrow-wrap>div:nth-child(1){padding-top:0}.zweb:before{top:0;width:100%;height:100%}}@media only screen and (max-width:1024px){h1{font-size:40px}h2,.zsection h3{font-size:36px}.zrow-wrap h3{font-size:30px}}@media only screen and (max-width:992px){.features-banner-wrap .content-wrap{margin:10px auto 20px}.zright .zrow-wrap>div:nth-child(1){padding-right:30px}.zleft .zrow-wrap>div:nth-child(2){padding-left:30px}.zmulti ul li{padding:12px 16px;font-size:14px}.zmulti ul{max-width:730px}.zslide{padding-bottom:20px}.zresult h4{font-size:30px}}@media only screen and (max-width:768px){.features-banner-wrap .content-wrap{margin:40px auto 20px}.features-banner-content{margin-top:0}h1{font-size:30px;max-width:490px}h2,.zsection h3{font-size:28px}.zrow-wrap h3{font-size:24px}}@media only screen and (max-width:767px){.zsection .content-wrap{padding:95px 0}.zlead .content-wrap>h3+p,.zmulti .content-wrap>h3+p{margin:0 auto 60px}.zmulti ul,.zrow-wrap .zimg-div{display:none}.zrow-wrap .ztext-div div{display:inline-block;text-align:center}.zrow-wrap .ztext-div>div:nth-child(1){margin-top:40px}.zrow-wrap .ztext-div>div{margin-bottom:80px}.zrow-wrap .ztext-div>div:last-child{margin-bottom:0}.zright .zrow-wrap>div:nth-child(1){padding-right:0}.zright .zrow-wrap>div:nth-child(1),.zleft .zrow-wrap>div:nth-child(2),.zright .zrow-wrap>div:nth-child(2){width:100%}.zweb .zrow-wrap>div{text-align:center}.zleft .zrow-wrap>div:nth-child(2){padding-left:0}.zslide .zsection .content-wrap{padding:65px 0}.zlead .zrow-wrap{display:block;text-align:center}.ztext-div>div img{display:inline-block}.zleft .zrow-wrap>div:nth-child(1){width:100%}}@media only screen and (max-width:600px){h1{font-size:24px}h2,.zsection h3{font-size:23px}.zrow-wrap h3{font-size:22px}.zresult h4{font-size:24px}}.other-lang .zmulti ul{max-width:1080px;text-align:center}.other-lang .zmulti ul li{font-size:15px}.lang-ar .zright .zrow-wrap>div:nth-child(1){padding-left:95px;padding-right:0}.lang-ar .zleft .zrow-wrap>div img{float:left}.lang-ar .zleft .zrow-wrap>div:nth-child(2){padding-right:95px;padding-left:0}.lang-ar .zsection.zresult .content-wrap,.lang-ar .zsection.zresult .content-wrap h4{text-align:center}@media screen and (max-width:1024px){.lang-ar .zright .zrow-wrap>div:nth-child(1){padding-left:40px}.lang-ar .zleft .zrow-wrap>div:nth-child(2){padding-right:40px}}@media screen and (max-width:767px){.lang-ar .zright .zrow-wrap>div:nth-child(1){padding-left:0}.lang-ar .zrow-wrap h2,.lang-ar .zrow-wrap h3,.lang-ar .zrow-wrap p{text-align:center}.lang-ar .zleft .zrow-wrap>div:nth-child(2){padding-right:0}.lang-ar .zrow-wrap a{display:table;margin:0 auto}}