/*==================================================
    SOLUTIONS OVERVIEW
==================================================*/

.solutions-overview{

    padding:100px 0;

    background:#ffffff;

}

/*====================================
    Content
====================================*/

.solutions-overview .section-badge{

    display:inline-block;

    padding:10px 22px;

    background:#e8f8ef;

    color:#00A651;

    border-radius:40px;

    font-size:15px;

    font-weight:600;

    margin-bottom:20px;

}

.solutions-overview h2{

    font-size:44px;

    font-weight:800;

    line-height:1.25;

    color:#111827;

    margin-bottom:25px;

}

.solutions-overview p{

    color:#6b7280;

    font-size:17px;

    line-height:1.9;

    margin-bottom:20px;

}

/*====================================
    Highlights
====================================*/

.solution-highlights{

    margin-top:35px;

    display:grid;

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

    gap:18px;

}

.highlight-item{

    display:flex;

    align-items:center;

    gap:15px;

    background:#f8fafc;

    border:1px solid #e5e7eb;

    border-radius:16px;

    padding:18px 20px;

    transition:.35s;

}

.highlight-item:hover{

    transform:translateY(-5px);

    border-color:#00A651;

    box-shadow:0 15px 35px rgba(0,166,81,.12);

}

.highlight-item span{

    width:38px;

    height:38px;

    background:#00A651;

    color:#ffffff;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:18px;

    font-weight:700;

    flex-shrink:0;

}

.highlight-item p{

    margin:0;

    color:#111827;

    font-size:16px;

    font-weight:600;

    line-height:1.5;

}

/*====================================
    Image
====================================*/

.solutions-overview-image{

    overflow:hidden;

    border-radius:22px;

    box-shadow:0 20px 60px rgba(0,0,0,.08);

}

.solutions-overview-image img{

    width:100%;

    display:block;

    transition:.5s;

}

.solutions-overview-image:hover img{

    transform:scale(1.05);

}

/*====================================
    Responsive
====================================*/

@media(max-width:992px){

    .solutions-overview{

        padding:80px 0;

    }

    .solutions-overview h2{

        font-size:36px;

        margin-top:35px;

    }

}

@media(max-width:768px){

    .solutions-overview{

        padding:70px 0;

    }

    .solutions-overview h2{

        font-size:30px;

    }

    .solutions-overview p{

        font-size:16px;

    }

    .solution-highlights{

        grid-template-columns:1fr;

    }

    .highlight-item{

        padding:16px 18px;

    }

}