.card {
    border-radius: 4px;
    background: var(--white);
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25);
    padding-inline: 2vw;
    padding-block: 2vh;
}


@media only screen and (min-width: 1024px) and (max-width: 1750px) {
    .card {
        padding-inline: 2vw;
        padding-block: 2vh;
    }

}

@media only screen and (max-width: 1024px) and (min-width: 640px) {
    .card {
        padding-inline: 3vw;
        padding-block: 4vh;
    }
}


@media only screen and (max-width: 640px) {
    .card {
        box-shadow: unset;
        padding: 0;
    }
}