.fees-content {
    display: flex;
    flex-direction: column;
    gap: var(--gap-normal);
}

.fees-body h4 {
    letter-spacing: var(--space-subheading);
}

.fees-body p {
    margin-top: var(--margin-default);
    margin-bottom: var(--margin-default);
    color: var(--text-paragraph);
}

.fees-list {
    flex-direction: column;
    gap: var(--gap-small);
}

.fees-download {
    margin-bottom: var(--margin-small);
}

.table, .table-upfront {
  border-spacing: 0;
  border-radius: var(--radius-default);
  overflow: hidden;
  border: var(--border-table);
  width: 100%;
  margin-bottom: var(--margin-normal);
}

.table td {
  border: var(--border-table);
  padding: var(--padding-small);
}

.table td[rowspan] {
  vertical-align: top;
}

.table tr:first-child td {
  background-color: var(--color-background-complementary--dark);
  color: var(--color-white);
  font-weight: var(--weight-bold);
}

.table-upfront tr:last-child td {
  background-color: var(--color-light-grey--1);
}

.text-bold-medium {
  font-weight: var(--weight-medium);
}

.text-bold {
  font-weight: var(--weight-bold);
}

.heading-quaternary {
  padding-bottom: var(--padding-small);
  font-size: var(--font-text-default);
}

.table-extraordinary {
  margin-bottom: var(--margin-large);
}

.table-extraordinary td[colspan]{
  background-color: var(--color-light-grey--1);
}

.table td {
  font-size: var(--font-text-default);
}

/* Responsive design */
@media only screen and (max-width: 56.25em) {
  .section-fees {
    padding-right: 0;
 }

  .fees-download {
    margin-top: -2rem;
 }

  .table-upfront,
  .table-extraordinary {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
  }
}