/* Article Banner Start */
#article-banner {
    background-image: url('../images/home/banner-bg.webp');
    width: 100%;
    height: 300px;
    background-repeat: no-repeat;
    background-size: cover;
}

#article-banner .grid {
    z-index: 99;
}

/* Article Banner End */

/* Article Area Start */
/* svg image color-category */
.cat-img {
    fill: #1891a7;
    width: 20px;
    height: 20px;
}

/* Article Area End */


#article-banner-search {
    background-image: url('../images/home/banner-bg.webp');
    width: 100%;
    height: 420px;
    background-repeat: no-repeat;
    background-size: cover;
}

@media all and (max-width: 767px) {
    #article-banner-search {
        height: 500px;
    }
}