.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-7378 .elementor-element.elementor-element-b36885b{width:var( --container-widget-width, 94.554% );max-width:94.554%;--container-widget-width:94.554%;--container-widget-flex-grow:0;}.elementor-7378 .elementor-element.elementor-element-a693992{margin-top:26px;margin-bottom:26px;}@media(max-width:767px){.elementor-7378 .elementor-element.elementor-element-e492e38 > .elementor-container{max-width:500px;}.elementor-7378 .elementor-element.elementor-element-4f318ee{width:100%;}.elementor-bc-flex-widget .elementor-7378 .elementor-element.elementor-element-4f318ee.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-7378 .elementor-element.elementor-element-4f318ee.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-7378 .elementor-element.elementor-element-4f318ee.elementor-column > .elementor-widget-wrap{justify-content:center;}}/* Start custom CSS for shortcode, class: .elementor-element-b36885b *//* 1. Generic responsive table wrapper */
.responsive-table-wrapper {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* Ensure table uses full width and doesn’t shrink weirdly */
.responsive-table-wrapper table {
  width: 100%;
  border-collapse: collapse;
  table-layout: auto;
  white-space: nowrap;
}

/* Optional: minimum column width so text stays readable */
.responsive-table-wrapper th,
.responsive-table-wrapper td {
  padding: 8px;
}

/* 2. Force horizontal scroll on narrow screens */
@media (max-width: 768px) {
  .responsive-table-wrapper {
    display: block;
  }

  .responsive-table-wrapper table {
    min-width: 600px; /* adjust to your needs */
  }
}

/* 3. If using Gutenberg wp-block-table */
@media (max-width: 768px) {
  .wp-block-table {
    overflow-x: auto;
    display: block;
  }

  .wp-block-table table {
    min-width: 600px;
    white-space: nowrap;
  }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-e492e38 *//* 1. Generic responsive table wrapper */
.responsive-table-wrapper {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* Ensure table uses full width and doesn’t shrink weirdly */
.responsive-table-wrapper table {
  width: 100%;
  border-collapse: collapse;
  table-layout: auto;
  white-space: nowrap;
}

/* Optional: minimum column width so text stays readable */
.responsive-table-wrapper th,
.responsive-table-wrapper td {
  padding: 8px;
}

/* 2. Force horizontal scroll on narrow screens */
@media (max-width: 768px) {
  .responsive-table-wrapper {
    display: block;
  }

  .responsive-table-wrapper table {
    min-width: 600px; /* adjust to your needs */
  }
}

/* 3. If using Gutenberg wp-block-table */
@media (max-width: 768px) {
  .wp-block-table {
    overflow-x: auto;
    display: block;
  }

  .wp-block-table table {
    min-width: 600px;
    white-space: nowrap;
  }
}/* End custom CSS */