/* General card styles */
.card {
    display: flex;
    flex-direction: column;
    transition: transform 0.3s ease-in-out;
    /* Optional: Adjust padding inside the card for consistent spacing */
    padding: 0.7rem;
}

/* Hover effect for the card */
.card:hover,
.hover-scale:hover {
    transform: translateY(-10px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}

/* Card body styles */
.card-body {
    flex-grow: 1; /* Ensures the body content grows to fill the available space */
}