.portfolio-benefits{
    padding:70px 0;
}

.benefits-wrapper{

    display:grid;
    grid-template-columns:1fr 350px;

    gap:25px;

    width:90%;
    margin:auto;
}

.benefits-grid{

    background:#fff;

    border:1px solid #e8edf5;

    border-radius:20px;

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

    overflow:hidden;
}

.benefit-item{

    padding:35px 30px;

    text-align:center;

    border-right:1px solid #eef2f8;
}

.benefit-item:last-child{
    border-right:none;
}

.benefit-item svg{

    width:34px;
    height:34px;

    color:#021548;

    margin-bottom:20px;
}

.benefit-item h3{

    font-size:18px;
    margin-bottom:12px;

    color:#021548;
}

.benefit-item p{

    font-size:14px;
    line-height:1.7;

    color:#667085;
}

.benefit-cta{

    background:#021548;

    border-radius:20px;

    padding:35px;

    color:#fff;

    display:flex;
    flex-direction:column;
    justify-content:center;
}

.benefit-cta h3{

    font-size:36px;
    line-height:1.2;

    margin-bottom:15px;
}

.benefit-cta span{
    color:#ff8c00;
}

.benefit-cta p{

    color:rgba(255,255,255,.8);

    line-height:1.7;

    margin-bottom:25px;
}

.benefit-btn{

    display:inline-flex;
    align-items:center;
    gap:10px;

    width:fit-content;

    background:#ff8c00;

    color:#fff;

    text-decoration:none;

    padding:16px 24px;

    border-radius:12px;

    font-weight:600;
}

.benefit-btn svg{
    width:18px;
    height:18px;
}