.elementor-255 .elementor-element.elementor-element-95eee35{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-255 .elementor-element.elementor-element-95eee35:not(.elementor-motion-effects-element-type-background), .elementor-255 .elementor-element.elementor-element-95eee35 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#23292E;}body.elementor-page-255:not(.elementor-motion-effects-element-type-background), body.elementor-page-255 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-e37d598 *//* Base styles */
body1 {
  
  color: #ffffff; /* White text */
}

.table-container {
  margin: 20px auto;
  padding: 10px;
  max-width: 90%;
  background-color: #1e1e1e; /* Slightly lighter background for the table */
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
  overflow-x: auto; /* Allow horizontal scrolling for the table */
}

/* General table styles */
table {
  width: 100%;
  border-collapse: collapse;
  color: #ffffff; /* Ensure white text in the table */
  min-width: 600px; /* Minimum width to prevent the table from becoming too small */
}

th, td {
  padding: 12px 15px;
  text-align: left;
  border: 1px solid #444; /* Subtle border color */
}

thead {
  color: #ffffff; /* White text for header */
}

tbody tr:nth-child(even) {
  background-color: #2a2a2a; /* Dark gray for alternate rows */
}

tbody tr:hover {
  background-color: #333333; /* Slightly lighter gray on hover */
}

/* Styles for Table Container 1 */
.table-container-1 table thead {
  background-color: #edb921; /* Gold header for Table 1 */
}

.table-container-1 table tbody tr:nth-child(even) {
  background-color: #3b3b3b; /* Custom alternate row color */
}

/* Styles for Table Container 2 */
.table-container-2 table thead {
  background-color: #007acc; /* Blue header for Table 2 */
}

.table-container-2 table tbody tr:nth-child(even) {
  background-color: #2f4f4f; /* Custom alternate row color */
}

/* Styles for Table Container 3 */
.table-container-3 table thead {
  background-color: #d32f2f; /* Red header for Table 3 */
}

.table-container-3 table tbody tr:nth-child(even) {
  background-color: #4f2f2f; /* Custom alternate row color */
}

/* Responsive styling */
@media (max-width: 768px) {
  table {
    width: 100%; /* Ensure the table fits within the container */
    min-width: unset; /* Remove minimum width on smaller screens */
  }

  th, td {
    font-size: 14px; /* Reduce font size for better fit */
    padding: 10px; /* Adjust padding for smaller screens */
  }

  .table-container {
    overflow-x: auto; /* Allow horizontal scrolling on small devices */
  }
}


.table1-container {
  margin: 20px auto;
  padding: 10px;
  max-width: 90%;
  background-color: #1e1e1e; /* Slightly lighter background for the table */
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
  overflow-x: auto; /* Allow horizontal scrolling for the table */
}

table1 {
  width: 100%;
  border-collapse: collapse;
  color: #ffffff; /* Ensure white text in the table */
  min-width: 600px; /* Minimum width to prevent the table from becoming too small */
}

thead1 {
  background-color: #edb921; /* Blue header for better contrast */
  color: #ffffff; /* White text for header */
}

th1, td1 {
  padding: 12px 15px;
  text-align: left;
  border: 1px solid #444; /* Subtle border color */
}

tbody1 tr:nth-child(even) {
  background-color: #2a2a2a; /* Dark gray for alternate rows */
}

tbody1 tr:hover {
  background-color: #333333; /* Slightly lighter gray on hover */
}

/* Responsive styling */
@media (max-width: 768px) {
  table1 {
    width: 100%; /* Ensure the table fits within the container */
    min-width: unset; /* Remove minimum width on smaller screens */
  }

  th1, td1 {
    font-size: 14px; /* Reduce font size for better fit */
    padding: 10px; /* Adjust padding for smaller screens */
  }

  .table-container1 {
    overflow-x: auto; /* Allow horizontal scrolling on small devices */
  }
}/* End custom CSS */