/*=========================================================
                RK CATEGORY SECTION
=========================================================*/

.rk-category-section{

    padding:45px 0;

    background:#f8faf8;

}

/*=========================================================
                    HEADING
=========================================================*/

.rk-section-title{

    text-align:center;

    margin-bottom:45px;

}

.rk-section-title h2{

    margin:0;

    font-size:38px;

    font-weight:700;

    color:#0c3f01;

    text-transform:uppercase;

    display:inline-flex;

    align-items:center;

    gap:12px;

}

.rk-section-title h2 i{

    color:#0c3f01;

    font-size:30px;

}

/*=========================================================
                CATEGORY CARD
=========================================================*/

.rk-category-card{

    display:block;

    width:100%;

    overflow:hidden;

    border-radius:18px;

    background:#ffffff;

    box-shadow:0 8px 25px rgba(0,0,0,.08);

    transition:.35s;

    text-decoration:none;

}

.rk-category-card:hover{

    transform:translateY(-8px);

    box-shadow:0 18px 40px rgba(0,0,0,.15);

}

/*=========================================================
                    IMAGE
=========================================================*/

.rk-category-card img{

    width:100%;

    height:auto;

    display:block;

    transition:.4s;

}

.rk-category-card:hover img{

    transform:scale(1.04);

}

/*=========================================================
                TABLET
=========================================================*/

@media(max-width:991.98px){

.rk-category-section{

    padding:60px 0;

}

.rk-section-title h2{

    font-size:30px;

}

}

/*=========================================================
                MOBILE
=========================================================*/

@media(max-width:767.98px){

.rk-category-section{

    padding:45px 0;

}

.rk-section-title{

    margin-bottom:30px;

}

.rk-section-title h2{

    font-size:24px;

    gap:8px;

}

.rk-section-title h2 i{

    font-size:22px;

}

.rk-category-card{

    border-radius:14px;

}

}