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

.news-section{

    padding:100px 0;

    background:linear-gradient(
        180deg,
        #EEF4FA 0%,
        #F8FAFC 100%
    );

}

/* Featured News */

.featured-news{

    background:#fff;

    border-radius:24px;

    overflow:hidden;

    border:1px solid rgba(15,76,129,.08);

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

    transition:.35s;

    height:100%;

}

.featured-news:hover{

    transform:translateY(-8px);

    box-shadow:0 20px 45px rgba(15,76,129,.12);

}

.news-image{

    position:relative;

    overflow:hidden;

}

.news-image img{

    width:100%;

    transition:.5s;

}

.featured-news:hover img{

    transform:scale(1.08);

}

.news-category{

    position:absolute;

    top:18px;

    left:18px;

    background:#0F4C81;

    color:#fff;

    padding:8px 16px;

    border-radius:30px;

    font-size:.8rem;

}

.news-content{

    padding:30px;

}

.news-date{

    color:#64748B;

    margin-bottom:15px;

}

.news-content h3{

    font-size:1.6rem;

    font-weight:700;

    margin-bottom:15px;

    color:#1E293B;

}

.news-content p{

    color:#64748B;

    line-height:1.8;

}

.news-link{

    color:#0F4C81;

    text-decoration:none;

    font-weight:600;

}

.news-link i{

    transition:.3s;

}

.featured-news:hover .news-link i{

    transform:translateX(6px);

}

/* Article */

.article-list{

    display:flex;

    flex-direction:column;

    gap:20px;

}

.article-item{

    display:flex;

    align-items:center;

    gap:20px;

    background:#fff;

    padding:20px;

    border-radius:20px;

    border:1px solid rgba(15,76,129,.08);

    box-shadow:0 8px 25px rgba(15,76,129,.05);

    transition:.35s;

}

.article-item:hover{

    transform:translateX(8px);

    box-shadow:0 18px 35px rgba(15,76,129,.10);

}

.article-item img{

    width:120px;

    height:90px;

    object-fit:cover;

    border-radius:16px;

    transition:.4s;

}

.article-item:hover img{

    transform:scale(1.08);

}

.article-item h5{

    font-size:1rem;

    margin:10px 0;

    font-weight:700;

    color:#1E293B;

}

.article-item small{

    color:#64748B;

}

.article-item a{

    margin-left:auto;

    font-size:1.6rem;

    color:#0F4C81;

}

.article-item a i{

    transition:.3s;

}

.article-item:hover a i{

    transform:translateX(5px);

}

/* Mobile */

@media(max-width:992px){

    .article-item{

        flex-direction:column;

        align-items:flex-start;

    }

    .article-item img{

        width:100%;

        height:200px;

    }

    .article-item a{

        margin-left:0;

    }

}