.zw-product-header .content-wrap {
     z-index : 1;
}

.product-nav-links .menu>li>a , .zwph-white .menu>li>.nolink , .canvas_ourstory_page p.name, .canvas_ourstory_page span.desig{
         color: #000;
}

.zwph-white .expanded.dropdown .caret::after {
    border-top: 5px solid #000;
}

.product-nav-links .menu li a.active, .product-nav-links .menu li span.active {
    box-shadow: 0 -2px 0 #000 inset;
    font-family: var(--zf-primary-semibold),Arial,Helvetica,sans-serif;
}



.canvas_ourstory_page{
    position: relative;
    padding: 190px 0px 160px;
    margin-top: -92px;
    background: #e9e9e9;
}
.bg_lazy_loaded.canvas_ourstory_page{
    background: #e9e9e9 url(/sites/zweb/images/canvas/paper_bg_2x.png);
}
.canvas_ourstory_page p, .canvas_ourstory_page a, .canvas_ourstory_page span{
    color: #1245cd;
    margin-bottom: 0px;
    font: 26px/1.53 var(--zf-primary-regular);
    letter-spacing: -.5px;
    font-weight: bold !important;
}
.canvas_ourstory_page b{
    letter-spacing: -.5px;
}
.canvas_ourstory_page h1{
    color: #1245cd;
    font: 60px/1.2 var(--zf-primary-semibold);
    margin-bottom: 30px;
    position: relative;
    display: inline-block;
    z-index: 1;
    letter-spacing: -4px;
}
.canvas_ourstory_page h1:before{
    content: "";
    position: absolute;
    height: 3px;
    background: linear-gradient(to right,#1245cd 43%,transparent 43%,transparent 47%, #1245cd 47%,#1245cd 100%);
    width: 100%;
    bottom: 8px;
    left: 0px;
}
.canvas_ourstory_page h1:after{
    content: "";
    position: absolute;
    width: 110%;
    height: 25px;
    left: -5%;
    bottom: 5px;
    z-index: -1;
}
.canvas_ourstory_page.bg_lazy_loaded h1:after{
    background: url(/sites/zweb/images/canvas/yellow_highlight_2x.png);
    background-size: cover;
    background-position: 0px 2px;
    background-repeat: no-repeat;
}
.inner_container{
    position: relative;
    max-width: 1150px;
    width: 100%;
    margin: 0px auto;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.text_container{
    max-width: 960px;
    width: 100%;
    margin: 0px auto 40px;
}
.text_container.last{
    margin-bottom: 10px;
}
.tower_section{
    max-width: 1030px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-left: -70px;
    padding: 30px 0px 75px;
}
.tower_content_sec{
    max-width: 455px;
    width: 100%;
}
.year_bg, .text_bg{
    position: relative;
    z-index: 1;
}
.bg_lazy_loaded .year_bg, .bg_lazy_loaded .text_bg{
    background: url(/sites/zweb/images/canvas/yellow_highlight_2x.png);
    display: inline;
    background-repeat: repeat-x;
}
.bg_lazy_loaded .vempu_section .text_bg{
    background: url(/sites/zweb/images/canvas/yellow_highlight.png);
    background-repeat: repeat-x;
}
.img_section{
    max-width: 1140px;
    width: 100%;
    margin: 0px auto;
    padding: 10px 0px 60px;
    text-align: center;
}
.mid_sec{
    padding-top: 0px;
}
.profile_section{
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 960px;
    width: 100%;
}
.vempu_section{
    max-width: 475px;
    width: 100%;
}
.canvas_ourstory_page .vempu_section p{
    margin-top: 10px;
}
.vempu_section p span{
    display: contents;
}
.signup_section{
    padding-top: 140px;
}
.canvas_ourstory_page .signup_text{
    font-size: 36px;
    line-height: 1;
    margin-bottom: 15px;
}
.canvas_ourstory_page .vempu_section .signup_text span{
    display: block;
    font-size: 24px;
    line-height: 1;
}
.canvas_ourstory_page .cta_btn{
    background: #df372d;
    line-height: 1;
    padding: 10px 20px;
    font-size: 18px;
    cursor: pointer;
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
}
.inr_profile_section{
    max-width: 370px;
    width: 100%;
}
.mani_signature{
    display: block;
    width: 212px;
    height: 114px;
    margin-left: -45px;
}
.bg_lazy_loaded .mani_signature{
    background: url(/sites/zweb/images/canvas/mani_sign.svg);
}
.canvas_ourstory_page p.name{
    margin-top: -28px;
}

.canvas_ourstory_page span.desig{
    font-size: 18px;
}
.mobile_view, .crm-hub-ctasec , .zw-global-footer .ZF-support{
    display: none;
}
@media(max-width: 1180px){
    .canvas_ourstory_page h1{
        font-size: 52px;
        letter-spacing: -3px;
    }
    .canvas_ourstory_page p, .canvas_ourstory_page a, .canvas_ourstory_page span{
        font-size: 22px;
    }
    .canvas_ourstory_page .signup_text{
        font-size: 32px;
    }
    .canvas_ourstory_page .signup_text span{
        font-size: 22px;
    }
    .tower_section, .profile_section{
        margin: 0px auto;
        max-width: 95%;
    }
    .text_container{
        max-width: 95%;
        margin: 0px auto 40px;
    }
    .year_bg:after, .text_bg:after {
        bottom: 5px;
        width: 100%;
        left: 0px;
    }
    .signup_section{
        padding-top: 210px;
    }
}
@media(max-width: 992px){
    .canvas_ourstory_page h1{
        font-size: 44px;
        letter-spacing: -2px;
    }
    .canvas_ourstory_page h1:before{
        height: 2px;
    }
    .canvas_ourstory_page p, .canvas_ourstory_page a, .canvas_ourstory_page span{
        font-size: 20px;
    }
    .signup_text{
        font-size: 28px;
    }
    .canvas_ourstory_page .signup_text span{
        font-size: 20px;
        display: block;
    }
    .canvas_ourstory_page{
        padding: 120px 0px;
    }
    .tower_img_sec{
        max-width: 100%;
        width: 100%;
        order: 1;
        text-align: center;
        padding-top: 40px;
    }
    .tower_content_sec{
        max-width: 100%;
        order: 0;
    }
    .tower_section, .profile_section, .text_container{
        max-width: 90%;
    }
    .tower_section, .img_section{
        padding: 0px 0px 40px;
    }
    .profile_section, .tower_section{
        flex-wrap: wrap;
    }
    .vempu_section{
        max-width: 100%;
        padding-bottom: 50px;
    }
    .signup_section{
        padding-top: 60px;
    }
    .inr_profile_section{
        margin: 0px auto;
    }
    .desk_view{
        display: none;
    }
    .mobile_view{
        display: block;
    }

}
@media(max-width: 768px){
    .canvas_ourstory_page h1{
        font-size: 36px;
        margin-bottom: 25px;
        letter-spacing: -1px;
    }
    .bg_lazy_loaded .mani_signature{
        background: url(/sites/zweb/images/canvas/mani_sign.svg);
        background-size: cover;
    }
    .inr_profile_section{
        text-align: center;
    }
    .mani_signature{
        width: 170px;
        height: 95px;
        margin-left: 0px;
        position: relative;
        z-index: 1;
    }
    .text_container{
        margin-bottom: 25px;
    }
    .tower_section{
        padding-bottom: 40px;
    }
    .text_container.last {
        margin-bottom: 25px;
    }
    .canvas_ourstory_page .vempu_section p{
        margin-top: 0px;
    }
    .canvas_ourstory_page p.name{
        margin-top: -15px;
    }
    .canvas_ourstory_page .cta_btn{
        display: none;
    }
    .body-umain #mini-panel-product_menu .menu-icon-help-header .product-title a{
        height: 17px;
        margin-top: 5px !important;
    }
    .canvas_ourstory_page{
        padding: 60px 0px;
        margin-top: 0;
    }
    .body-umain .canvas_ourstory_page{
        margin-top: 5px;
    }
    .theme_dark .menu-icon-help-header .product-title a{
        width: 152px;
    }
}
@media(max-width: 450px){
.i18n-de .canvas_ourstory_page h1{
font-size: 28px;
}
}
@media(max-width: 380px){
    .canvas_ourstory_page .cta_btn{
        font-size: 14px;
    }
}

/*Arabic starts*/
.i18n-ar .img_section.mid_sec {
    text-align: center;
}

.i18n-ar .canvas_ourstory_page span.desig{
    font-size: 16px;
}

.i18n-ar .canvas_ourstory_page span.desig{
    font-size: 16px;
    display: inline-block;

}

.i18n-ar .inr_profile_section{
    max-width: 440px;
}

.i18n-ar .canvas_ourstory_page span {
    font: 24px/1.53 var(--zf-primary-semibold);
}


/*Arabic ends*/