:root {
    --card-shadow: 0 1px 6px 0 rgba(32, 33, 36, 0.20);
    --card-border-radius: 15px;
}


/* border radius */
.card-border-radius {
    border-radius: var(--card-border-radius) !important;
}

.card-border-radius .card-header {
    border-radius: var(--card-border-radius) var(--card-border-radius) 0 0 !important;
}

.card-border-radius .card-footer {
    border-radius: 0 0 var(--card-border-radius) var(--card-border-radius) !important;
}

/* card shadow */
.card-shadow {
    box-shadow: var(--card-shadow);
}