.featured{

    padding:120px 0;

    background:var(--bg);

}

.featured-box{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:60px;

    align-items:center;

}

.featured-image img{

    width:100%;

    border-radius:20px;

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

}

.badge{

    display:inline-block;

    background:#0d6efd;

    color:white;

    padding:8px 18px;

    border-radius:50px;

    font-size:14px;

    letter-spacing:2px;

    margin-bottom:25px;

}

.featured-content h2{

    font-size:48px;

    margin-bottom:25px;

}

.featured-content p{

    color:#AEB7C3;

    line-height:1.9;

    margin-bottom:25px;

}

.meta{

    color:#7E8A99;

    margin-bottom:35px;

}

.featured-btn{

    display:inline-block;

    padding:16px 36px;

    border-radius:50px;

    background:var(--primary);

    color:white;

    text-decoration:none;

    transition:.35s;

}

.featured-btn:hover{

    background:#ff9800;

    transform:translateY(-5px);

}

@media(max-width:900px){

.featured-box{

grid-template-columns:1fr;

}

.featured-content{

text-align:center;

}

}