/*==================================
NEWS PAGE
==================================*/

.news-intro{

    padding-bottom:40px;

}

.news-card{

    height:100%;

    background:#fff;

    border-radius:16px;

    overflow:hidden;

    box-shadow:0 10px 30px rgba(0,0,0,.08);

    transition:.35s;

}

.news-card:hover{

    transform:translateY(-8px);

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

}

.news-image{

    height:240px;

    overflow:hidden;

}

.news-image img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:.5s;

}

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

    transform:scale(1.08);

}

.news-content{

    padding:30px;

}

.news-category{

    display:inline-block;

    margin-bottom:10px;

    padding:6px 14px;

    background:rgba(214,163,25,.12);

    color:var(--primary);

    border-radius:30px;

    font-size:13px;

    font-weight:700;

    text-transform:uppercase;

}

.news-date{

    display:block;

    margin-bottom:18px;

    color:#888;

    font-size:14px;

}

.news-date i{

    margin-right:8px;

}

.news-content h3{

    margin-bottom:18px;

    font-size:24px;

    line-height:1.4;

}

.news-content h3 a{

    color:var(--secondary);

    text-decoration:none;

    transition:.3s;

}

.news-content h3 a:hover{

    color:var(--primary);

}

.news-content p{
    margin-bottom:25px;
    color:#6c757d;
    line-height:1.8;
}

.news-link{

    display:inline-flex;

    align-items:center;

    gap:10px;

    color:var(--primary);

    font-weight:600;

    text-decoration:none;

}

.news-link i{

    transition:.3s;

}

.news-link:hover{

    color:var(--secondary);

}

.news-link:hover i{

    transform:translateX(6px);

}

/*==================================
RESPONSIVE
==================================*/

@media(max-width:767px){

    .news-image{

        height:220px;

    }

}