/*====================================

CATEGORY SECTION

====================================*/

.category-section{

    padding:100px 0;

}

.category-grid{

    display:grid;

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

    gap:30px;

    margin-top:60px;

}

/*====================================

CATEGORY CARD

====================================*/

.category-card{

    overflow:hidden;

    background:#111111;

    border:1px solid rgba(212,175,55,.15);

    border-radius:24px;

    transition:.35s;

}

.category-card:hover{

    transform:translateY(-8px);

    border-color:rgba(212,175,55,.45);

    box-shadow:0 20px 50px rgba(0,0,0,.35);

}

/*====================================

IMAGE

====================================*/

.category-image{

    overflow:hidden;

    height:320px;

}

.category-image img{

    width:100%;

    height:100%;

    display:block;

    object-fit:cover;

    transition:.5s;

}

.category-card:hover .category-image img{

    transform:scale(1.08);

}

/*====================================

CONTENT

====================================*/

.category-content{

    padding:30px;

}

.category-content h3{

    margin-bottom:15px;

}

.category-content p{

    margin-bottom:25px;

}

/*====================================

LINK

====================================*/

.category-link{

    display:inline-flex;

    align-items:center;

    gap:10px;

    font-weight:600;

    color:var(--primary);

    text-decoration:none;

    transition:.3s;

}

.category-link:hover{

    gap:16px;

}

.category-link i{

    font-size:14px;

}
/*====================================

TABLET

====================================*/

@media(max-width:991px){

.category-grid{

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

    gap:25px;

}

.category-image{

    height:280px;

}

}
/*====================================

MOBILE

====================================*/

@media(max-width:767px){

.category-section{

    padding:60px 0;

}

.category-grid{

    grid-template-columns:1fr;

    gap:20px;

    margin-top:40px;

}

.category-content{

    padding:25px;

}

.category-image{

    height:260px;

}

}