.tables-container {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.table-wrapper {
    width: 50%;
    padding: 10px;
    box-sizing: border-box;
}

.table-container {
    width: 100%;
    overflow-x: auto;
}
  
table.dataTable {
   width: 100%;
   table-layout: auto;
}

table.dataTable td, table.dataTable th {
    padding: 1px 2px; 
}
table.dataTable thead th {
    white-space: nowrap;
}

/* Responsive styling */
@media (max-width: 992px) {
    .table-wrapper {
        width: 100%;
    }
}