.bg-header-section {
    background: linear-gradient(
        90deg,
        rgba(106, 101, 255, 0.14) 0%,
        rgba(234, 126, 230, 0.14) 100%
    );
    min-height: 280px;
    border-radius: 30px;
}

.features-grid{
    display:grid;
    gap:20px;
}

/* Card */
.feature-card{
    background: var(--color-bg-white);
    border:1px solid var(--color-border-F3F4F6);
    border-radius:16px;
    padding:15px 10px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    text-align:center;
    height:100%;
    box-shadow:0 2px 8px rgba(0,0,0,.02);
}

.card-img{
    width:32px;
    height:44px;
    object-fit:contain;
    margin-bottom:12px;
}



@media(max-width:575.98px){
    .features-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(min-width:576px) and (max-width:991.98px){
    .features-grid{
        grid-template-columns:repeat(3,1fr);
    }
}
@media(min-width:992px){

    .features-grid{
        grid-template-columns:repeat(14,1fr);
    }

    .feature-card{
        grid-column:span 2;
    }

    /* 8th card starts second row */
    .feature-card:nth-child(8){
        grid-column:3 / span 2;
    }
}