.sublist {
  --gap: 16px;
  display: flex;
  gap: var(--gap);
  justify-content: space-between;
  align-content: center;
  background-color: #fff;
  color: #000;
  margin-left: auto;
  padding: 30px;
  border-radius: 18px;
  box-shadow: 0 6px 40px 0 rgba(0, 0, 0, 0.08);
}
.sublist-wrapper {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  max-width: calc(1400px - 8rem);
  margin: 0 auto;
}
.sublist-wrapper--hover {
  display: block;
}
.sublist__column {
  flex: 1;
}
.sublist__column-title {
  font-weight: 400;
  font-size: 12px;
  line-height: 130%;
  color: rgba(51, 51, 51, 0.6);
  margin-bottom: 14px;
  font-family: "Intro Book", sans-serif;
}
.sublist__column--cards {
  display: flex;
  gap: var(--gap);
}
.sublist__column--cards .sublist__column-values {
  display: flex;
  justify-content: space-between;
  gap: var(--gap);
}
.sublist__column--cards .sublist__column-values .sublist__column-values-group {
  display: flex;
  flex-direction: column;
  gap: 16px;
  flex: 1;
}
.sublist__column--cards .sublist__column-values .sublist__column-values-group .sublist__column-value {
  display: flex;
  align-items: center;
  gap: 10px;
}
.sublist__column--cards .sublist__column-values .sublist__column-values-group .sublist__column-value a {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: "Intro Bold", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #2A2626;
}
.sublist__column--cards .sublist__column-values .sublist__column-values-group .sublist__column-value a:hover {
  color: #be3d3d;
}
.sublist__column--cards .sublist__column-values .sublist__column-values-group .sublist__column-value a:hover img {
  filter: brightness(0) saturate(100%) invert(23%) sepia(69%) saturate(2044%) hue-rotate(338deg) brightness(101%) contrast(81%);
}
.sublist__column--cards .sublist__column-values .sublist__column-values-group .sublist__column-value a img {
  width: 60px;
  height: 60px;
}
.sublist__column--tags .sublist__column-values {
  display: flex;
  justify-content: space-between;
  gap: 16px;
}
.sublist__column--tags .sublist__column-values .sublist__column-values-group {
  display: flex;
  flex-direction: column;
  gap: 16px;
  flex: 1;
}
.sublist__column--tags .sublist__column-values .sublist__column-values-group .sublist__column-value a {
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #2A2626;
  font-family: "Intro Regular", sans-serif;
}
.sublist__column--tags .sublist__column-values .sublist__column-values-group .sublist__column-value a:hover {
  color: #be3d3d;
}
.sublist__column--links {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.sublist__column--links .sublist__column-values {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.sublist__column--links .sublist__column-values .sublist__column-value {
  display: flex;
  gap: 2px;
  align-items: center;
}
.sublist__column--links .sublist__column-values .sublist__column-value:hover .sublist__column-value__title {
  color: #be3d3d;
}
.sublist__column--links .sublist__column-values .sublist__column-value:hover .sublist__column-value__icon {
  filter: brightness(0) saturate(100%) invert(23%) sepia(69%) saturate(2044%) hue-rotate(338deg) brightness(101%) contrast(81%);
}
.sublist__column--links .sublist__column-values .sublist__column-value__title {
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #2a2626;
  transition: all 0.3s ease;
  text-transform: initial;
  font-family: "Intro Book", sans-serif;
}
.sublist__column--links .sublist__column-values .sublist__column-value__icon {
  width: 12px;
  height: 12px;
}