.table {
  width: 100%;
  overflow: hidden;
}

.table .container {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.table h2 {
  max-width: 516px;
}

.table_block {
  margin-top: 36px;
  width: 100%;
  overflow-x: scroll;
}

.table_block::-webkit-scrollbar {
  height: 0;
  background-color: transparent;
}

.table_block::-webkit-scrollbar-thumb {
  border-radius: 0;
  background: transparent;
}

.table table {
  width: 100%;
  min-width: 1280px;
  width: 100%;
  border-collapse: collapse;
  table-layout: auto;
  text-align: left;
  table-layout: fixed;
}

.table thead {
  border-radius: 16px 16px 0 0;
  background: var(--Cultured);
}

.table thead th {
  color: var(--Blue);
  font-size: 14px;
  font-weight: 500;
  padding: 20px 0;
  line-height: 140%;
  vertical-align: top;
}

.table thead th:first-child,
.table tbody tr td:first-child {
  padding-left: 20px;
}

.table thead th:last-child,
.table tbody tr td:not(:first-child) {
  padding-right: 20px;
}

.table tbody tr td {
  padding: 24px 0;
  border-bottom: 1px solid var(--Light-Silver);
  vertical-align: top;
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
}

@media (max-width: 1310px) {
  .table_block {
    padding-bottom: 40px;
  }

  .table_block::-webkit-scrollbar {
    height: 3px;
    background-color: var(--Light-Silver);
  }

  .table_block::-webkit-scrollbar-thumb {
    border-radius: 33px;
    background: var(--Orange);
  }
}

@media (max-width: 992px) {
  .table_block {
    margin-top: 16px;
  }
}