.tables {
  overflow-x: auto;
}
.tables .content_container.two-col {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
}
.tables h4 {
  font-family: "apercu_promedium" !important;
  font-size: 22px;
}
.tables table {
  width: 100%;
  border-collapse: collapse;
  font-size: 16px;
  line-height: 1.4;
}
.tables thead th {
  text-align: left;
  font-family: "apercu_promedium" !important;
  padding: 5px 10px;
  border-top: 1px solid #382F39;
  border-bottom: 1px solid #382F39;
  white-space: nowrap;
}
.tables tbody td {
  padding: 5px 10px;
  border-top: 1px solid #9D9096;
  vertical-align: middle;
}
.tables tbody tr:first-child td {
  border-top: 1px solid #382F39;
}
.tables tbody tr:last-child td {
  border-bottom: 1px solid #382F39;
}
.tables td:first-child,
.tables th:first-child {
  font-weight: 500;
  width: 34ch;
  min-width: 170px;
  padding-left: 0;
  font-family: "apercu_promedium" !important;
}
.tables .caption {
  font-size: 14px;
  margin-top: 16px;
}

.force-light-text .tables thead th {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
.force-light-text .tables th, .force-light-text .tables td {
  color: #ffffff !important;
}
.force-light-text .tables tbody tr:last-child td {
  border-bottom: 1px solid #fff;
}

.green-elements .tables td:nth-child(2),
.green-elements .tables th:nth-child(2) {
  color: #05ECA7 !important;
}

@media only screen and (max-width: 790px) {
  .tables .content_container.two-col {
    grid-template-columns: 1fr;
  }
}