.elementor-29207 .elementor-element.elementor-element-aa6ef57{margin:0px 0px -20px 0px;padding:30px 0px 0px 0px;}@media(max-width:1024px) and (min-width:768px){.elementor-29207 .elementor-element.elementor-element-1913663{width:100%;}}/* Start custom CSS for wd_tabs, class: .elementor-element-db679ea */.wd-tabs-content-wrapper table {
  width: 100%;
  border-collapse: collapse;    /* borders merge, no split lines */
  border: 2px solid #16824F;    /* solid green border around table */
  font-family: Arial, sans-serif;
  font-size: inherit;
}

/* Header row */
.wd-tabs-content-wrapper table thead tr {
  background-color: #16824F;
  color: white;
  text-align: left;
}

/* Header cells padding */
.wd-tabs-content-wrapper table thead th,
.wd-tabs-content-wrapper table thead td {
  padding: 14px 20px;
  border: 1px solid #16824F;
  border-bottom: 3px solid #16824F; /* thicker border under header */
}

/* Body cells */
.wd-tabs-content-wrapper table tbody td {
  padding: 14px 20px;
  border: 1px solid #16824F;
  color: #333;
}

/* Add extra space by making bottom border lighter on body rows */
.wd-tabs-content-wrapper table tbody tr {
  border-bottom: 12px solid #fff; /* white "gap" illusion */
}

/* Fix: Close table bottom border */
.wd-tabs-content-wrapper table tbody tr:last-child {
  border-bottom: 1px solid #16824F !important; /* solid green border to close table */
}

/* Hover effect */
.wd-tabs-content-wrapper table tbody tr:hover td {
  background-color: #d4edda; /* light green bg on hover */
  transition: background-color 0.3s ease;
  cursor: pointer;
}

/* Links inside table */
.wd-tabs-content-wrapper table a {
  color: #16824F;
  font-weight: 600;
  text-decoration: none;
}

.wd-tabs-content-wrapper table a:hover {
  text-decoration: underline;
}


/* Header row */
.wd-tabs-content-wrapper table thead tr {
  background-color: #16824F;
  color: white;
  text-align: left;
}

/* Header cells padding and color */
.wd-tabs-content-wrapper table thead th,
.wd-tabs-content-wrapper table thead td {
  padding: 14px 20px;
  border: 1px solid #16824F;
  border-bottom: 3px solid #16824F; /* thicker border under header */
  color: white;  /* make header text white */
}/* End custom CSS */
/* Start custom CSS *//* Base table */
.wc-tab-inner table {
  width: 100%;
  border-collapse: collapse;       /* merge borders */
  font-family: Arial, sans-serif;
  font-size: inherit;
  border: 2px solid #16824F;       /* green outer border */
}

/* All table cells */
.wc-tab-inner table td {
  padding: 14px 20px;
  border: 1px solid #16824F;
  vertical-align: middle;
  color: #333;
}

/* Highlight rows with bgcolor #F4F4F4 */
.wc-tab-inner table tr[bgcolor="#F4F4F4"] td {
  background-color: #F4F4F4;
  font-weight: 700;
  border-color: #16824F;
}

/* Zebra striping for non-highlighted rows */
.wc-tab-inner table tbody tr:not([bgcolor="#F4F4F4"]):nth-child(even) td {
  background-color: #e6f2ea; /* very light green stripe */
}

/* Hover effect on normal rows */
.wc-tab-inner table tbody tr:not([bgcolor="#F4F4F4"]):hover td {
  background-color: #d4edda;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

/* Links inside table */
.wc-tab-inner table a {
  color: #16824F;
  font-weight: 600;
  text-decoration: none;
}

.wc-tab-inner table a:hover {
  text-decoration: underline;
}/* End custom CSS */