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

.news-section{

    padding:100px 0;

    background:#F8FAFC;

    position:relative;

    overflow:hidden;

}


/*=========================================================
                    HEADER
=========================================================*/

.news-header{

    display:flex;

    align-items:flex-end;

    justify-content:space-between;

    gap:30px;

    margin-bottom:50px;

}

.news-tag{

    display:inline-block;

    padding:9px 20px;

    background:#EAF2FF;

    color:#2563EB;

    border-radius:50px;

    font-size:13px;

    font-weight:700;

    letter-spacing:1.8px;

    text-transform:uppercase;

    margin-bottom:15px;

}

.news-header h2{

    margin:0;

    font-family:'Manrope',sans-serif;

    font-size:42px;

    line-height:1.2;

    font-weight:800;

    color:#0F172A;

}


/*=========================================================
                    VIEW ALL
=========================================================*/

.news-view-all{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding-bottom:7px;

    color:#2563EB;

    text-decoration:none;

    font-size:15px;

    font-weight:700;

    white-space:nowrap;

    border-bottom:1px solid transparent;

    transition:.3s ease;

}

.news-view-all i{

    transition:.3s ease;

}

.news-view-all:hover{

    color:#1D4ED8;

    border-color:#2563EB;

}

.news-view-all:hover i{

    transform:translateX(5px);

}


/*=========================================================
                    GRID
=========================================================*/

.news-grid{

    display:grid;

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

    gap:25px;

}


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

.news-card{

    background:#ffffff;

    border:1px solid #E5EAF2;

    border-radius:22px;

    overflow:hidden;

    box-shadow:0 12px 35px rgba(15,23,42,.05);

    transition:

        transform .35s ease,

        box-shadow .35s ease,

        border-color .35s ease;

}

.news-card:hover{

    transform:translateY(-8px);

    border-color:#BFDBFE;

    box-shadow:0 25px 55px rgba(37,99,235,.13);

}


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

.news-image{

    position:relative;

    height:230px;

    overflow:hidden;

}

.news-image img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:transform .65s ease;

}

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

    transform:scale(1.07);

}


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

.news-category{

    position:absolute;

    top:18px;

    left:18px;

    padding:7px 14px;

    background:rgba(255,255,255,.94);

    color:#2563EB;

    border-radius:30px;

    font-size:12px;

    font-weight:700;

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

}


/*=========================================================
                    CONTENT
=========================================================*/

.news-content{

    padding:28px 27px 30px;

}

.news-date{

    display:flex;

    align-items:center;

    gap:7px;

    margin-bottom:13px;

    color:#64748B;

    font-size:13px;

    font-weight:600;

}

.news-date i{

    color:#2563EB;

}

.news-content h3{

    margin:0 0 13px;

    color:#0F172A;

    font-size:21px;

    line-height:1.4;

    font-weight:750;

}

.news-content p{

    margin:0 0 22px;

    color:#64748B;

    font-size:15px;

    line-height:1.7;

}


/*=========================================================
                    READ STORY
=========================================================*/

.news-link{

    display:inline-flex;

    align-items:center;

    gap:9px;

    color:#2563EB;

    text-decoration:none;

    font-size:14px;

    font-weight:700;

}

.news-link i{

    transition:.3s ease;

}

.news-link:hover{

    color:#1D4ED8;

}

.news-link:hover i{

    transform:translateX(5px);

}


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

@media(max-width:991px){

    .news-grid{

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

    }

    .news-header h2{

        font-size:36px;

    }

}


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

@media(max-width:768px){

    .news-section{

        padding:75px 0;

    }

    .news-header{

        align-items:flex-start;

        flex-direction:column;

        margin-bottom:38px;

    }

    .news-header h2{

        font-size:32px;

    }

    .news-grid{

        grid-template-columns:1fr;

        gap:20px;

    }

    .news-image{

        height:220px;

    }

    .news-content{

        padding:24px;

    }

}