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



.benefit-card{
    border-radius: clamp(10px, 0.52vw, 0.52vw);
    padding: clamp(20px,1.04vw, 1.04vw);
    height: 100%;
    background-color: #ffffff1f;
        border-radius: 15px;

        border: 1px solid rgba(255, 255, 255, 0.18);
 
}
.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: 15px;
    padding: 10px;
}
.benefit-card h3{
    color:var(--primary-color);
}



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