/* ==========================================
   POPULAR CATEGORIES SECTION
========================================== */

.rt-popular-categories{

    padding:80px 0;

    background:#f8f8f8;

}

/* ===========================
   Categories Grid
=========================== */

.rt-category-grid{

    display:grid;

    grid-template-columns:repeat(6,1fr);

    gap:28px;

    margin-top:50px;

}

/* ===========================
   Category Card
=========================== */

.rt-category-card{

    display:block;

    background:#fff;

    border:1px solid #ececec;

    border-radius:18px;

    overflow:hidden;

    text-decoration:none;

    transition:all .3s ease;

}

.rt-category-card:hover{

    transform:translateY(-8px);

    box-shadow:0 15px 35px rgba(0,0,0,.08);

}

/* ===========================
   Category Image
=========================== */

.rt-category-image{
    aspect-ratio:16/9;
    overflow:hidden;
}

.rt-category-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:.35s ease;
}

/* ===========================
   Category Content
=========================== */

.rt-category-content{

    padding:18px;

}

.rt-category-content h3{

    margin:0 0 8px;

    font-size:18px;

    font-weight:700;

    color:#111;

    line-height:1.3;

}

.rt-category-content p{

    margin:0;

    font-size:14px;

    color:#777;

    line-height:1.5;

}

/* ===========================
   Responsive
=========================== */

@media (max-width:1400px){

    .rt-category-grid{

        grid-template-columns:repeat(3,1fr);

    }

}

@media (max-width:991px){

    .rt-category-grid{

        grid-template-columns:repeat(2,1fr);

    }

}

@media (max-width:576px){

    .rt-category-grid{

        grid-template-columns:1fr;

    }

}

.rt-category-card:hover .rt-category-image img{
    transform:scale(1.08);


}
/*==================================================
    CATEGORY ARTICLE COUNT
==================================================*/

.rt-category-count{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    margin-top:18px;

    padding:8px 18px;

    background:#f4f4f4;

    border:1px solid #e6e6e6;

    border-radius:50px;

    color:var(--rt-primary);

    font-size:14px;

    font-weight:600;

    line-height:1;

    transition:var(--rt-transition);

}
.rt-category-card:hover .rt-category-count{

    background:#ffffff;

    color:var(--rt-primary);

}