.elementor-38595 .elementor-element.elementor-element-16fe7f4{column-gap:0px;}/* Start custom CSS for html, class: .elementor-element-431b583 *//* 1. The Container (grid-wrapper) */
.grid-wrapper {
  /* Crucial: Enables horizontal scrolling when content overflows */
  overflow-x: auto; 
  /* Ensures the wrapper fits the screen */
  width: 100%; 
  /* Hides vertical scroll bar if not needed */
  overflow-y: hidden; 
}

/* 2. The Table Content (grid-table) */
.grid-table {
  /* Crucial: Allows the table content to expand past the wrapper's width */
  display: block; 
  /* Allows the total width to be calculated by its internal elements */
  width: max-content; 
  /* Optional but helpful: ensures it at least fills the screen before overflowing */
  min-width: 100%; 
}

/* 3. The Individual Cells (grid-cell) - The most important part for two columns */
.grid-cell {
  /* Forces each cell to take up at least this much room.
     If the screen is 320px wide, forcing two columns to each be 180px 
     will result in a total width of 360px (180px * 2), causing overflow. 
     Adjust '180px' based on your specific font size/mobile width. */
  min-width: 180px; 
}/* End custom CSS */