.featured-project{
    padding:60px 0;
}

.featured-wrapper{

    width:90%;
    margin:auto;

    background:#021548;
    border-radius:22px;

    display:grid;
    grid-template-columns:1fr 1fr;

    overflow:hidden;
}

.featured-content{
    padding:25px;
    color:#fff;
    
}

.featured-badge{
    display:block;
    margin-bottom:20px;

    color:#ff8c00;
    font-size:14px;
    font-weight:700;
}

.featured-content h2{
    font-size:56px;
    line-height:1.1;
    margin-bottom:10px;

    color:#fff;
}

.featured-subtitle{
    font-size:22px;
    margin-bottom:25px;

    color:rgba(255,255,255,.9);
}

.featured-content p{
    line-height:1.8;
    font-size:18px;
    color:rgba(255,255,255,.8);

    margin-bottom:30px;
}

.featured-list{
    list-style:none;
    padding:0;
    margin:0 0 30px;
}

.featured-list li{
    display:flex;
    align-items:center;
    gap:12px;

    margin-bottom:14px;
}

.featured-list svg{
    width:18px;
    height:18px;

    color:#ff8c00;
}

.featured-tech{
    display:flex;
    flex-wrap:wrap;
    gap:10px;

    margin-bottom:35px;
}

.featured-tech span{
    background:rgba(255,255,255,.08);

    padding:10px 14px;

    border-radius:10px;

    font-size:14px;
}

.featured-buttons{
    display:flex;
    gap:15px;
}

.btn-project{
    background:#ff8c00;
    color:#fff;

    padding:16px 24px;

    border-radius:12px;

    text-decoration:none;

    display:flex;
    align-items:center;
    gap:10px;
}

.btn-site{
    border:2px solid rgba(255,255,255,.15);

    color:#fff;

    padding:16px 24px;

    border-radius:12px;

    text-decoration:none;

    display:flex;
    align-items:center;
    gap:10px;
}

.featured-image{

    display:flex;
    align-items:center;

    padding:35px 35px 35px 0;
}

.featured-image-inner{
    width:100%;
}

.featured-image img{

    width:100%;
    display:block;

    border-radius:18px;

    box-shadow:
    0 30px 80px rgba(0,0,0,.35);
}

@media(max-width:1200px){

    .featured-wrapper{
        grid-template-columns:1fr;
    }

    .featured-image{
        padding:0 35px 35px;
    }
}