.visual-navigation__wrapper {
  padding-top:60px;
  padding-bottom:60px;
  background: var(--neutral-3);
}
.visual-navigation__list {
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  list-style:none;
  padding-left:0;
  margin-left:0;
  margin-bottom:0;
  column-gap: 10px;
}
.visual-navigation__list-item {
  text-align:center;
  width:190px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start
}

.visual-navigation__list-item > span {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2; 
  -webkit-box-orient: vertical;
  font-size: var(--font-subtitle);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
@media screen and (max-width:767px) {
  .visual-navigation__wrapper {
    padding-top:50px;
    padding-bottom:50px
  }
  .visual-navigation__list {
    row-gap: 24px;
    column-gap: 24px;
  }
  .visual-navigation__list-item {
      width: 158px;
  }
}
.visual-navigation__list-item .icon--placeholder {
  height:auto
}
.visual-navigation__list-item img, .visual-navigation__list-item svg {
  width:96px;
  height:96px;
  object-fit:cover
}
@media screen and (max-width:767px) {
  .visual-navigation__list-item img {
      width:75px;
      height:75px
  }
}
.visual-navigation__list-item .visual-navigation__text {
  margin-top: 24px;

}
.visual-navigation__list-item--circle .icon--placeholder,.visual-navigation__list-item--circle img {
  border-radius:50%
}
@media screen and (max-width:767px) {
  .visual-navigation__image,.visual-navigation__list-item .icon--placeholder {
      width:75px
  }
}

.visual-navigation__text {
  display:block
}