/*
|--------------------------------------------------------------------------
| home.css
|--------------------------------------------------------------------------
*/

/*
|--------------------------------------------------------------------------
| CATEGORY & TAGS ICONS SKELETON
|--------------------------------------------------------------------------
*/

.category-skeleton-container {
    display: grid;
    grid-template-columns: repeat(5, 150px);
    grid-gap: 30px;
    justify-content: center;
}

.category-skeleton-container .skeleton-card .showcase-banner {
    aspect-ratio: 5 / 5;
    width: 130px;
}

@media screen and (max-width: 767px) {
    .category-skeleton-container {
        grid-template-columns: repeat(2, 150px);
    }
}

.news-title {
    margin-block: 5rem !important;
}