.scrollable-table {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch; /* Mobile smooth scrolling */
  white-space: nowrap;
}
.scrollable-table table {
  width: 100%;
  border-collapse: collapse;
}
/* Force horizontal scrolling on the container */
.table_body {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch; /* For smoother scrolling on mobile devices */
}

/* Ensure the table is wider than the container (adjust the min-width as needed) */
.table_body .result_details {
  min-width: 600px;  /* Adjust this value so that on small screens the table overflows */
}