.submenu {
  opacity: 1;
  position: initial;
  z-index: 3;
  max-height: 0;
  height: 100%;
  transition: max-height 500ms linear;
}
.submenu .menu-item button span {
  position: relative;
}
.submenu .menu-item button span::after {
  transition: all 300ms;
  content: "";
  position: absolute;
  left: 50%;
  bottom: -4px;
  width: 0px;
  height: 2px;
}
.submenu .menu-item button.active span {
  font-weight: 700;
}
.submenu .menu-item button.active span::after {
  width: 100%;
  left: 0;
  background-color: #889327;
}
.submenu .menu-item button:hover span {
  font-weight: 700;
}
.submenu .menu-item button:hover span::after {
  width: 100%;
  left: 0;
  background-color: #889327;
}
.submenu .tab-pane.active a img {
  transform: translateX(-150%);
  transition: all 300ms;
  opacity: 0;
}
.submenu .tab-pane.active a:hover img {
  opacity: 1;
  transform: translateX(0);
}
.submenu .view-all img {
  transform: translateX(-150%);
  transition: all 300ms;
  opacity: 0;
}
.submenu .view-all:hover img {
  opacity: 1;
  transform: translateX(0);
}