.table-container {
  width: 100%;
  overflow-x: auto;
  margin-top: 30px;
}

table {
  width: 100%;
  max-width: 100%;
  border-collapse: collapse;
  text-align: center;
  padding: 0;
  font-size: 16pt;
}

.table7 thead th {
  background-color: #73837f;
  font-size: 18px;
  color: #fff;
  border: 0;
  padding: 30px 20px;
  font-weight: bold;
}


.table7 td {
  border-bottom: 5px solid #f7f7f7;
  background-color: white;
  color: #3a4944;
  font-size: 16px;
}

.table7 td span:nth-child(2) {
  display: block;
  color: #837a7a;
  font-weight: 400;
  font-size: 14pt;
  padding-top: 5px;
}
.table7 b {
  color: #3a4944;
  font-weight: 500;
  font-size: 16px;
}

.table7 tr td:nth-child(1) {
  text-align: right;
  color: #4e6a63;
  background-color: #d0d6d4 !important;
  border: 0;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 1px;
  padding: 40px 20px;
  width: 23%;
}

.table7 tr td:nth-child(6) {
  background-color: rgba(205, 204, 194, 0.3) !important;
  color: #3a4944;
  border-bottom: 0;
}

.table7 tr:last-child td {
  border-bottom: 0 !important;
}

.table7 tr:nth-child(even) td {
  background-color: rgba(255, 255, 255, 0.5);
}

body[dir="rtl"] .table7 th:nth-child(1),
body[dir="rtl"] .table7 td:nth-child(1) {
  text-align: right;
}

body[dir="ltr"] .table7 th:nth-child(1),
body[dir="ltr"] .table7 td:nth-child(1) {
  text-align: left;
}

@media (max-width: 768px) {
  ul li {
    margin: 1px 0 !important;
  }

  table {
    font-size: 12px !important; /* Fallback from 2vw to fixed size for better compatibility */
  }

  .table7 thead th {
    padding: 10px;
  }

  .table7 tr td:nth-child(1),
  .table7 tr th:nth-child(1),
  .table7 th {
    font-size: 12px !important; /* Fallback from 2vw */
    padding: 10px 7px;
  }

  .table7 td span:nth-child(2) {
    font-size: 10px !important; /* Fallback from 1.7vw */
    padding-top: 2px;
  }

  .table7 tr th,
  .table7 tr td {
    letter-spacing: 0 !important;
  }

  body {
    padding: 0;
  }
}

@media (max-width: 480px) {
  .table7 td {
    padding: 10px 2px !important;
  }

  .table7 tr td:nth-child(1),
  .table7 tr th:nth-child(1),
  .table7 th {
    font-size: 12px !important; /* Fallback from 2vw */
    padding: 5px;
  }

  .table7 tr td:nth-child(1),
  .table7 tr th:nth-child(1) {
    padding: 10px !important;
  }
}
.percent-none {
  display: none;
}
body[lang="en"] {
  .percent-none {
    display: inline;
  }
}