.data-row {
    display: flex;
    flex-wrap: wrap;
    margin: 10px 0;
    padding: 10px;
    border-bottom: 1px solid #ccc;
}

.data-item {
    flex: 1 1 20%; /* Default to 5 items in a row */
    padding: 10px;
}

/* For small screens, show data as individual cards */
@media (max-width: 600px) {
    .data-item {
        flex: 1 1 100%; /* Stacked layout */
    }
}

md-card {
    margin: 10px 0;
    padding: 10px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}


.pagination-container {
    margin-top: 20px;
    text-align: center;
}

.pagination-container {
    margin-top: 20px;
    text-align: center;
}

.pagination-container button {
    margin: 5px;
}