/* General Table Wrapper */
.custom-table-wrapper {
    margin: 20px 0;
    width: 100%;
    overflow-x: auto;
}

.custom-table-wrapper table {
    width: 100%;
    border-collapse: collapse;
}

.custom-table-wrapper th,
.custom-table-wrapper td {
    padding: 10px;
    border: 1px solid #ddd;
}

.custom-table-wrapper th {
    background-color: #f7f7f7;
    text-align: left;
    font-weight: bold;
}

.custom-table-wrapper tr:nth-child(even) {
    background-color: #f9f9f9;
}

.custom-table-wrapper td {
    background-color: #fff;
    text-align: center;
}

/* Responsive table for smaller screens */
@media (max-width: 768px) {
    .custom-table-wrapper {
        width: 100%;
        overflow-x: scroll;
    }

    .custom-table-wrapper table {
        display: block;
        width: 100%;
    }
}