.sf-why{
    padding:90px 0;
    background:#ffffff;
}

.sf-section-badge{
    display:inline-flex;
    align-items:center;
    gap:.5rem;
    padding:.55rem 1rem;
    border-radius:999px;
    background:#eafaf1;
    color:#198754;
    font-weight:700;
    font-size:.95rem;
}

.sf-feature-card{
    background:#fff;
    border-radius:22px;
    padding:35px 28px;
    text-align:center;
    border:1px solid #eef2f5;
    transition:.35s ease;
    height:100%;
    position:relative;
    overflow:hidden;
}

.sf-feature-card::before{

    content:"";

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:4px;

    background:linear-gradient(
        90deg,
        #198754,
        #36c275
    );

    transform:scaleX(0);

    transition:.35s;
}

.sf-feature-card:hover{

    transform:translateY(-8px);

    box-shadow:0 18px 40px rgba(0,0,0,.08);

}

.sf-feature-card:hover::before{

    transform:scaleX(1);

}

.sf-feature-icon{

    width:82px;

    height:82px;

    margin:auto;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#eafaf1;

    margin-bottom:22px;

}

.sf-feature-icon i{

    font-size:34px;

    color:#198754;

}

.sf-feature-card h5{

    font-weight:700;

    margin-bottom:15px;

    color:#1b1b1b;

}

.sf-feature-card p{

    color:#6c757d;

    line-height:1.8;

    margin-bottom:0;

}

@media(max-width:991px){

.sf-why{

padding:70px 0;

}

}

@media(max-width:768px){

.sf-feature-card{

padding:28px 22px;

}

}