#benefits{
    border-top-right-radius: 3rem;
}


#benefits h1{
    color: whitergb(232, 231, 231)
}
.benefit-card{
    border-radius: clamp(10px, 0.52vw, 0.52vw);
    padding: clamp(20px,1.04vw, 1.04vw);
    height: 100%;
 
}
.benefit-card svg{
        /* fill: var(--primary-color); */
    width: clamp(60px, 3.12vw, 3.12vw);
    height: clamp(60px, 3.12vw, 3.12vw);
    margin-bottom: 15px;
    background: #ffffff1f;
    border-radius: 19px;
    padding: 10px;
}
.benefit-card h3{
    color:var(--primary-color);
}



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