/* Media queries to adjust layout for smaller screens */
@media (max-width: 768px) {
    .card {
        flex: 1 1 calc(45% - 1rem); /* Two cards per row */
    }
}

@media (max-width: 480px) {
    .card {
        flex: 1 1 calc(100% - 1rem); /* One card per row */
    }
    .dashboard-main-body {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    .card {
    flex: 1 1 calc(20% - 1rem); /* Adjust the width */
    margin: 0.5rem;
    min-width: 200px; /* Optional: minimum width */
    box-shadow: none; /* You can restore your shadow here */
    border: 1px solid #f0f0f0; /* Add border if needed */
}
}


}