#benefits{
    background: var(--primary-color);
    border-top-right-radius: 3rem;
}


#benefits h1{
    color: white;
}
.benefit-card{
    background: white;
    border-radius: clamp(10px, 0.52vw, 0.52vw);
    padding: clamp(20px,1.04vw, 1.04vw);
    height: 100%;
 
}
.benefit-card svg{

    width:clamp(60px, 3.12vw, 3.12vw);
    height: clamp(60px, 3.12vw, 3.12vw);
    margin-bottom: 15px;
}
.benefit-card h3{
    color:var(--primary-color);
}


@media screen and (max-width:768px) {
    #benefits .row{
    gap: 10px;
}
}