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



#benefits h1{
    color: white;
}
.benefit-card{
    /* background: rgba(255, 255, 255, 0.16);
    border-radius: clamp(10px, 0.52vw, 0.52vw);
    padding: clamp(20px,1.04vw, 1.04vw);
    height: 100%;
        border: 1px solid #ff0069; */
 
}
.benefit-card svg{
    fill: white;
    width:clamp(60px, 3.12vw, 3.12vw);
    height: clamp(60px, 3.12vw, 3.12vw);
    margin-bottom: 15px;
}
.benefit-card h3{
    color:white;
    font-size: 1.3rem;
}

.benefit-card p{
    color:rgb(228, 228, 228);
    font-size: 1rem;
}


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