.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;
}



.lang-ar .zbanner-inner {
text-align: center;
}
.ztext-inner {    box-sizing: content-box;}
.product-header-top,
.bottom-promo .content-wrap,
.quick-connect-links-wrap,
.request-drop-wrap,
.text-holder>div img {
display: none;
}

.product-header-top .slide {
opacity: 1;
}

.zlogo {
max-width: 160px;
margin-bottom: 6px;
}

.main-container-wrapper.product-h-none #block-block-4,
.main-container-wrapper.product-h-none #block-panels-mini-product-menu {
display: block;
}

.zsection {
position: relative;
overflow: hidden;
}

.zsection .content-wrap {
margin: 0 auto;
text-align: center;
height: 100%;
display: table;
width: 100%;
max-width: 100%;
}

.zbanner .content-wrap {
padding: 140px 0;
}

.i18n-en h1{
font-size: 70px;
}
h1 {

margin-bottom: 20px;
}
.i18n-en h3{
font-size: 52px;
}
h3 {

font-family: var(--zf-primary-bold);
line-height: 1.1;
}

.i18n-en h4{
font-size: 30px;
}

h4 {
line-height: 1.2;
font-family: var(--zf-primary-bold);
}

.text-holder p {
font-size: 16px
}


.zbanner {
text-align: center;
}

.zbanner p {
font-size: 20px;
max-width: 650px;
margin: 0 auto 20px;
}

.zbanner-inner {
padding: 0 0 120px 0;
}

.znavigate-inner ul {
display: table;
margin: 0 auto;
}

.znavigate ul li {
display: table-cell;
padding: 13px 0;
}

.znavigate ul li a {
color: #000;
padding: 10px 18px;
font-size: 16px;
transition: all .4s;
}


.zmakefixed ul li a {
padding: 8px 30px;
font-size: 15px;
}

.zmakefixed ul li {
padding: 10px 0;
}

.znavigate-inner img {
max-width: 35px;
opacity: 0;
-webkit-transition: all 600ms cubic-bezier(0.23, 1, 0.32, 1);
transition: all 600ms cubic-bezier(0.23, 1, 0.32, 1);
transform: translateX(-30px);
}

.znavigate ul li a.zactive,
.znavigate ul li a.pre-active {
color: #eca026;
background-color: #faebd785;
border-radius: 50px;
}

.znavigate {
position: relative;
height: 56px;
}

/*.znavigate-inner.zmakefixed {
position: fixed;
top: 0;
background: #fff;
left: 0;
right: 0;
z-index: 9;
/* box-shadow: 0px 0 15px 3px rgba(153, 153, 153, 0.2); */
-webkit-box-shadow: 0px 1px 20px 4px rgba(153, 153, 153, 0.15);
-moz-box-shadow: 0px 1px 20px 4px rgba(153, 153, 153, 0.15);
box-shadow: 0px 1px 20px 4px rgba(153, 153, 153, 0.15);
}*/

.znavigate-inner {
/* padding:14px; */
position: absolute;
left: 0;
right: 0;
width: 100%;
}



/* slider-setting */

.zreport-slider {
display: table;
table-layout: fixed;
width: 100%;
}

.zreport-slider>div {
display: table-cell;
vertical-align: middle;
height: 100vh;
}

.zreportslider-text {
width: 30%;
position: relative;
}

.ztext-inner {
max-width: 360px;
text-align: left;
float: right;
padding-right: 50px;
margin-top: -24%;
}

.zimage-inner {
max-width: 80%;
margin: 0 auto;
}

.zreportslider-img {
width: 70%;
}

.zimport .zreportslider-img {
background: #3D4E60;
position: relative;
z-index: 1;
}


/* .zimport .zreportslider-img:before{
position: absolute;
content:'';
width:0%;
height: 100%;
background-color: #BBDEFA;
transition: all .6s linear;
animation: bg-animate 400ms ease-in-out;
animation-fill-mode: forwards;
right: 0;
z-index: -1;
top: 0;
}
@keyframes bg-animate {
0% {
width: 0%;
}
100% {
width: 100%;
}
} */

.zweb .zreportslider-img {
background: #FFF8EC;
}

.zjourneys .zreportslider-img {
background: #3D4E60;
}

.zleads .zreportslider-img {
background: #FFF8EC;
}

.zmarketing .zreportslider-img {
background: #3D4E60;
}

.ztagging .zreportslider-img {
background: #FFF8EC;
}

.zother .zreportslider-img {
background: #3D4E60;
}

.zimport {
position: relative;
}

.text-holder {
margin-top: 35px;
}

.text-holder>div,
.zimage-inner>img {
display: none;
opacity: 0;
}

.zimage-inner>img {
-webkit-box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.08);
-moz-box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.08);
box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.06);
}

img.other-mobile {
max-width: 70%;
}

.zimage-inner>img.zactive {
display: inline-block;
animation: slide-down 1.2s ease-out;
animation-fill-mode: forwards;
}

@keyframes slide-down {
0% {
opacity: 0;
-webkit-transform: translateX(-60px);
}

100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}

.text-holder>div.zactive {
display: inline-block;
animation: text-animate .4s linear;
animation-fill-mode: forwards;
/* opacity: 1; */
}

@keyframes text-animate {
0% {
opacity: 0;
-webkit-transform: translateY(12px);
}

100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}

.zslider-list {
margin-top: 20px;
position: absolute;
bottom: 45px;
max-width: inherit;
}

.zslider-list li {
display: inline-block;
padding: 1px 10px;
margin-bottom: 2px;
border-radius: 20px;
color: #000;
font-size: 12px;
cursor: pointer;
text-transform: uppercase;
position: relative;
z-index: 1;
overflow: hidden;
letter-spacing: 1.2px;
}

.text-holder>div {
min-height: 260px;
}

.inview .zslider-list li.zactive {
background: #596673;
}

.inview .zslider-list.zanimation-start li.zactive:before,
.inview .zslider-list li.zactive:before {
content: '';
position: absolute;
top: 0;
width: 0;
height: 100%;
background: #ff3520de;
left: 0;
/* border-radius: 25px; */
border-top-left-radius: 25px;
border-bottom-left-radius: 25px;
z-index: -1;
animation: makelistanimate 9s ease-out;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}

.znavigate-inner img {
max-width: 35px;
opacity: 0;
-webkit-transition: all 600ms cubic-bezier(0.23, 1, 0.32, 1);
transition: all 600ms cubic-bezier(0.23, 1, 0.32, 1);
transform: translateX(-30px);
}

.znavigate-inner.zmakefixed img {
opacity: 1;
transform: translateX(0);
}

a.zslide {
cursor: pointer;
display: inline-block;
float: left;
margin-top: 8px;
margin-left: 45px;
}

.zslider-list li.zactive {
color: #fff;
}

@keyframes makelistanimate {
0% {
width: 0;
}

100% {
width: 100%;
}
}
.other-lang #znavigate {
    display: none;
}

.other-lang .zbanner-inner {
    padding-bottom: 40px;
}
@media only screen and (min-width: 1681px) {
.zslider-list {
bottom: 100px;
}

.ztext-inner {
padding-right: 120px;
}

.text-holder {
margin-top: 65px;
}
}

@media only screen and (max-width: 1400px) {
.zslider-list {
margin-bottom: 20px;
}

.ztext-inner {
margin-top: -14%;
}

.i18n-en h3 {
font-size: 36px;
}

.ztext-inner {
max-width: 300px;
}
.znavigate ul li a {
padding: 8px 15px;
font-size: 14px;
}
}

@media only screen and (max-width: 1280px) {
.zreportslider-text {
width: 35%;
}

.zreportslider-img {
width: 65%;
}
}

@media only screen and (max-width: 1200px) {
.znavigate-inner.zmakefixed {
top: 0px;
}
}

@media only screen and (max-width: 1140px) {
.ztext-inner {
padding-right: 30px;
}

.znavigate-inner.zmakefixed {
top: 0px;
}
}

@media only screen and (max-width: 1040px) {
.i18n-en h1 {
font-size: 40px;
}

.i18n-en h3 {
font-size: 32px;
}

.i18n-en h4 {
font-size: 26px;
}

.znavigate,
.zslider-list,
.zreportslider-img,
.zimport .zreportslider-img,
.zweb .zreportslider-img {
display: none !important;
}

.zbanner-inner {
padding: 0;
}

.zsection.zbanner .content-wrap {
padding: 25px 0 60px 0;
}

.zreport-slider {
display: block;
}

.zreport-slider>div {
display: block;
height: auto;
}

.zreportslider-text {
max-width: 600px;
margin: 0 auto;
width: 100%;
}

img.other-mobile {
max-width: 100%;
}

.text-holder>div {
display: block;
opacity: 1;
margin-bottom: 68px;
min-height: auto;
}

.text-holder>div:last-child {
margin-bottom: 0;
}

.zsection .content-wrap {
padding: 85px 0;
width: 90%;
}

.ztext-inner {
max-width: initial;
float: none;
padding-right: 0;
margin-top: 0;
}

.text-holder>div img {
display: block;
}


.zweb,
.zleads,
.ztagging {
background: #FFF8EC;
}

.zmarketing,
.zother,
.zjourneys,
.zimport {
background: #3D4E60;
color: #fff;
}
}

@media only screen and (max-width: 767px) {
h1 {
max-width: 360px;
margin: 0 auto 15px;
}
.i18n-en h1{font-size: 28px;}

.zlogo {
max-width: 120px;
}

.zsection.zbanner .content-wrap {
padding: 75px 0 50px 0;
}
}

@media only screen and (max-width: 600px) {
.zbanner p {
font-size: 18px;
margin: 0 auto 20px;
}

.zsection.zbanner .content-wrap {
padding: 60px 0;
}
.i18n-en h3 {
font-size: 26px;
}
.i18n-en h4 {
font-size: 22px;
}
}

@media only screen and (max-width: 1500px) {
.znavigate ul li a {
padding: 8px 10px;
font-size: 14px;
}
}


@media only screen and (max-width: 1279px) {
.znavigate{
display:none;
}
.zbanner-inner {
    padding: 0;
}
.i18n-en h1 {
    font-size: 54px;
}
.zbanner .content-wrap {
    padding: 80px 0 140px 0;
}
}

@media only screen and (max-width: 1080px) {
.zmakefixed ul li {
padding: 10px 0;
}

.znavigate ul li a {
padding: 8px 10px;
font-size: 12px;
}
}

@media only screen and (max-width: 380px) {
.main-container-wrapper #mini-panel-product_menu .menu-icon-help-header .product-title a {
font-size: 15px;
}
}

/* Arabic Starts */

.lang-ar .zbanner-inner h1,
.lang-ar .zbanner-inner p {
text-align: center;
}

.i18n-ar .inview .zslider-list.zanimation-start li.zactive:before,.i18n-ar .inview .zslider-list li.zactive:before {
right: 0;
left: auto;
}

/* Arabic Ends */