.zw-template-inner{
   background: #F5F5F5;
}
.customer-banner-section h1 {
    margin: 0 auto;
    font-size: 50px;
}
.customer-banner-section p {
    font-size: 19px;
    margin: 20px auto 0
}
.cutomer-stories-outer .content-wrap,.stories-block-wrap {
    max-width: 1260px
}
.customer-banner-section .content-wrap {
    max-width: 690px;
    text-align: center;
}
.customer-banner-section {
    padding: 100px 0;
   background: #FFF;
}
.cutomer-stories-outer {
    background: #081f3e;
    padding: 100px 0 190px;
}
.customer-img-block img {
    width: 100%
}
.testimonial-block.video-cont {
    padding: 0
}
.testimonial-block.video-cont .customer-img-block {
    margin: 0
}
.testimonial-block.video-cont .content-block {
    padding: 10px 20px
}
.story-type-filter-wrap {
    display: block;
    margin: 0;
}
.zwc-share-story{
    padding: clamp(62px, 4vw, 170px) 0;
    background:#c0dfff;
    position: relative;
    margin: 0 auto;
    max-width: 980px;
    top: -140px;
    border-radius: 20px;
    text-align: center;
}
.zwc-share-story h2{ 
    font-size: clamp(37px, 4vw, 45px);
    max-width: 810px;
    margin: 0 auto 15px;
    text-wrap-style: pretty;
}
.zwc-btn-story{
    color: #fff;
    background: var(--primary-btn-color);
    margin-right: 10px;
    border: 1px solid #ee0014;
    padding: 10px 30px;
    display: inline-block;
    margin-top: 10px;
    font-family: var(--zf-primary-medium);
    border-radius: 3px;
    font-size: 20px;
}
@media screen and (max-width: 991px) {
    .customer-banner-section h1 {
        font-size: 36px;
    }
    .customer-banner-section .content-wrap {
        max-width: 760px;
    }
    .customer-banner-section {
        padding: 70px 0;
    }
.zwc-share-story {
    top: 0;
    border-radius: 0;
}
}

@media screen and (max-width: 767px) {
    .story-type-filter-wrap ul li {
        margin-left: 10px;
        font-size: 15px;
    }
}
@media screen and (max-width: 480px){
    .stories-block-wrap {
        margin: 100px auto 0;
    }
}
@media screen and (max-width: 375px){
    .story-type-filter-wrap ul li {
        margin-left: 7px;
        font-size: 14px;
    }
    .story-type-filter-wrap {
        text-align: left;
    }
}