.zwc-banner-section {
    background-image: url(/sites/zweb/images/workplace/industry/banner-section.jpg);
}

.banner-section {
    max-width: 720px;
    padding: 65px 80px 80px 80px;
}

.zwc_pstc_list .zwc_pst_content h4:before {
    width: 33px;
    height: 30px;
    background: url(/sites/zweb/images/workplace/industry/challenge-section-sprite.svg) no-repeat;
    background-size: 130px auto;
    background-position: -32px 0;
}

.zwc_pstc_list .zwc_pst_content.zwc_tracking h4:before {
    width: 33px;
}

.zwc_pstc_list .zwc_pst_content.zwc_transparency h4:before {
    background-position: 0 0;
}

.zwc_pstc_list .zwc_pst_content.zwc_control h4:before {
    background-position: -60px 0;
    height: 29px;
    width: 30px;
    background-size: 120px;
}

.zwc_pstc_list .zwc_pst_content.zwc_administration h4:before {
    background-position: -98px 0;
}

.open-book .scroll-tab-image {
    background-color: #faf3dc;
    padding: 40px 0 0 50px;
}

.scroll-tab-image {
    line-height: 0;
    display: flex;
    align-items: end;
}

.categorize-ease .scroll-tab-image {
    background-color: #dddcfa;
    padding: 35px 80px 0;
}

.natural-intellig .scroll-tab-image {
    background-color: #dcf3fa;
    padding: 35px 60px 0;
}

.self-reliant .scroll-tab-image {
    background-color: #e8fadc;
    padding: 10px 0 0 40px;
}

.work-flow .scroll-tab-image {
    background-color: #fadcdc;
    padding: 30px 35px 0;
}

.banner-section p {
    max-width: 570px;
}


/* media query */
@media only screen and (max-width: 1399px) {
    .banner-section {
        padding: 50px 60px 60px 60px;
        max-width: 690px;
    }
}

@media only screen and (max-width: 1199px) {
    .banner-section {
        max-width: 590px;
    }
}

@media only screen and (max-width: 1099px) {
    .banner-section {
        max-width: 620px;
    }
}

@media only screen and (max-width: 991px) {

    .banner-section {
        max-width: 630px;
        text-align: center;
    }

    .open-book .scroll-tab-image {
        padding: 35px 0 0 35px;
    }

    .categorize-ease .scroll-tab-image, .natural-intellig .scroll-tab-image, .work-flow .scroll-tab-image {
        padding: 35px 35px 0;
    }

    .self-reliant .scroll-tab-image {
        padding: 0 0 0 35px;
    }

}


@media only screen and (max-width: 767px) {
    .open-book .scroll-tab-image {
        padding: 25px 0 0 25px;
    } 
    .categorize-ease .scroll-tab-image, .natural-intellig .scroll-tab-image, .work-flow .scroll-tab-image {
        padding: 25px 25px 0;
    }

    .self-reliant .scroll-tab-image {
        padding: 0 0 0 25px;
    }  
    .banner-section {
        max-width: 570px;
        padding: 45px 30px 55px;
    }
    .zwc_pstc_list .zwc_pst_content h4 {
        padding-left: 40px;
    }
}


@media only screen and (max-width: 480px) {
    .banner-section {
        padding: 55px 30px 70px;
    }

    .open-book .scroll-tab-image {
        padding: 20px 0 0 20px;
    } 

    .categorize-ease .scroll-tab-image,  .natural-intellig .scroll-tab-image, .work-flow .scroll-tab-image {
        padding: 20px 20px 0;
    }

    .self-reliant .scroll-tab-image {
        padding: 0 0 0 20px;
    } 
    .zwc-banner-section {
        padding: 20px 0 0 0;
        background: 0;
    }
    .zwc-scroll-tab {
        padding: 35px 30px 0 30px;
    }
}