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

.featured-news{

    margin:60px 0;

}


/*==================================================
    FEATURED WRAPPER
==================================================*/

.featured-wrapper{

    display:grid;

    grid-template-columns:1.2fr 1fr;

    gap:30px;

    background:#fff;

    border-radius:22px;

    overflow:hidden;

    box-shadow:0 10px 35px rgba(0,0,0,.06);

    transition:.35s;

    text-decoration:none;

    color:inherit;

}


.featured-wrapper:hover{

    transform:translateY(-4px);

}


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

.featured-image{

    overflow:hidden;

}


.featured-image img{

    width:100%;

    height:420px;

    object-fit:contain;

    object-position:center;

    background:#f5f5f5;

    display:block;

}


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

.featured-content{

    padding:32px;

    display:flex;

    flex-direction:column;

    justify-content:center;

}


.featured-meta{

    display:flex;

    align-items:center;

    gap:10px;

    color:#777;

    font-size:13px;

    margin-bottom:18px;

}


.featured-meta i{

    color:var(--primary);

}


.featured-title{

    font-size:32px;

    line-height:1.8;

    margin:0 0 20px;

    color:#222;

}


.featured-excerpt{

    color:#555;

    line-height:2;

    margin-bottom:28px;

}


/*==================================================
    FEATURED CATEGORY BADGE
==================================================*/

.featured-category{

    display:inline-flex;

    align-items:center;

    padding:6px 14px;

    border-radius:30px;

    background:var(--primary);

    color:#fff;

    font-size:13px;

    font-weight:700;

}


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

@media(max-width:992px){

    .featured-wrapper{

        grid-template-columns:1fr;

    }

}


@media(max-width:768px){

    .featured-image img{

        height:300px;

    }


    .featured-content{

        padding:22px;

    }


    .featured-title{

        font-size:24px;

    }

}


@media(max-width:576px){

    .featured-image img{

        height:250px;

    }


    .featured-content{

        padding:18px;

    }

}