.sectionInvestmentFunds {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 4.8rem 2rem;
  overflow: hidden;
}

.sectionInvestmentFunds__header {
  max-width: 60rem;
}

.sectionInvestmentFunds__heading {
  margin-bottom: 4.4rem;
}

.sectionInvestmentFunds__table-wrapper {
  display: flex;
  width: 100vw;
  margin-left: -2rem;
  overflow: scroll;
  margin-top: 4.8rem;
}

.sectionInvestmentFunds__table {
  flex-shrink: 0;
  font-family: "Inter";
  border-collapse: collapse;
}

.sectionInvestmentFunds__table * {
  font-size: 1.4rem;
  line-height: 1.4;
  letter-spacing: 0.03em;
}

.sectionInvestmentFunds__table th,
.sectionInvestmentFunds__table td {
  padding: 1.6rem 2rem;
  border-bottom: 1px solid #EAECF0;
  text-align: left;
}

.sectionInvestmentFunds__table thead {
  font-weight: 500;
}

.sectionInvestmentFunds__table th {
  cursor: pointer;
}

.sectionInvestmentFunds__table th svg {
  display: inline-flex;
  margin-left: 0.5em;
  transition: transform 0.2s ease-in-out;
}

.sectionInvestmentFunds__table th.sort-asc svg {
  transform: rotate(180deg);
}

.sectionInvestmentFunds__table th.sort-desc svg {
  transform: rotate(0deg);
}

.sectionInvestmentFunds__table td a {
  font-weight: 500;
  color: inherit;
  text-decoration: none;
}

.sectionInvestmentFunds__table td a span {
  margin-right: 1.2rem;
}

.sectionInvestmentFunds__table td a svg {
  margin-bottom: -0.3rem;
  color: #545F71;
  transition: color 200ms;
}

.sectionInvestmentFunds__table td a:hover svg {
  color: #82A0B0;
}

.sectionInvestmentFunds__table th:first-child,
.sectionInvestmentFunds__table td:first-child {
  width: 180px;
  position: sticky;
  left: 0;
}

.sectionInvestmentFunds__table tr:nth-of-type(odd) td:first-child {
  background: var(--color-beige-light);
}

.sectionInvestmentFunds__table tr:nth-of-type(even) td:first-child {
  background: var(--color-white);
}

.sectionInvestmentFunds__table th:nth-of-type(2),
.sectionInvestmentFunds__table td:nth-of-type(2) {
  width: 172px;
}

.sectionInvestmentFunds__table th:nth-of-type(3),
.sectionInvestmentFunds__table td:nth-of-type(3) {
  width: 240px;
}

.sectionInvestmentFunds__table th:nth-of-type(4),
.sectionInvestmentFunds__table td:nth-of-type(4) {
  width: 160px;
}

.sectionInvestmentFunds__table th:last-of-type,
.sectionInvestmentFunds__table td:last-of-type {
  width: 160px;
}

.sectionInvestmentFunds__table thead tr {
  background: var(--color-white) !important;
}

.sectionInvestmentFunds__table tr:nth-of-type(odd) {
  background: var(--color-beige-light);
}

@media screen and (min-width: 768px) {
  .sectionInvestmentFunds__table th:first-child,
  .sectionInvestmentFunds__table td:first-child {
    width: 300px;
  }

  .sectionInvestmentFunds__table th:nth-of-type(3),
  .sectionInvestmentFunds__table td:nth-of-type(3) {
    width: 420px;
  }

  .sectionInvestmentFunds__table th:last-of-type,
  .sectionInvestmentFunds__table td:last-of-type {
    width: 240px;
  }
}

@media screen and (min-width: 940px) {
  .sectionInvestmentFunds__table-wrapper {
    margin-top: 7.2rem;
  }
}

@media screen and (min-width: 1200px) {
  .sectionInvestmentFunds {
    padding: 5.6rem;
    overflow: auto;
  }

  .sectionInvestmentFunds__table tr:hover {
    box-shadow: 0px 4px 10px 0px #00000026;
    position: relative;
    z-index: 9;
  }

  .sectionInvestmentFunds__table-wrapper {
    width: 100%;
    margin-left: 0;
    overflow: visible;
  }

  .sectionInvestmentFunds__table {
    width: 100%;
  }

  .sectionInvestmentFunds__table th:first-child,
  .sectionInvestmentFunds__table td:first-child {
    width: 25%;
    position: static;
  }

  .sectionInvestmentFunds__table th:nth-of-type(2),
  .sectionInvestmentFunds__table td:nth-of-type(2) {
    width: 15%;
  }

  .sectionInvestmentFunds__table th:nth-of-type(3),
  .sectionInvestmentFunds__table td:nth-of-type(3) {
    width: 30%;
  }

  .sectionInvestmentFunds__table th:nth-of-type(4),
  .sectionInvestmentFunds__table td:nth-of-type(4) {
    width: 12%;
  }

  .sectionInvestmentFunds__table th:last-of-type,
  .sectionInvestmentFunds__table td:last-of-type {
    width: 18%;
  }
}

@media screen and (min-width: 1321px) {
  .sectionInvestmentFunds {
    padding: 8.8rem;
  }
}