.mmenu {
  margin: 0;
  padding: 0;
  list-style: none;
}
.mmenu li {
  position: relative;
  margin-bottom: 0 !important;
}
.mmenu li a {
  color: var(--text);
  text-decoration: none;
  display: block;
  padding: 12px 0;
  border-bottom: 1px solid var(--border-color);
}
.mmenu-dropdown {
  margin: 0;
  padding: 0 0 0 20px;
  list-style: none;
  display: none;
}
.mmenu-dropdown.show {
  display: block;
}
.mmenu li .arrow {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  background-image: url(./images/arrow-right.svg);
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 12;
}
.mmenu li .arrow.active {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
}