.menu__item.menu-parent {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.5rem;
}

.menu__item.menu-parent.open-submenu .menu__link {
  color: #992df1;
}

.menu__item.menu-parent.open-submenu .menu__arrow {
  color: #992df1;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.menu__arrow {
  width: 1.5em;
  height: 1.5em;
  -webkit-transition: color 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
  transition: color 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
  -o-transition: transform 0.3s ease 0s, color 0.3s ease 0s;
  transition: transform 0.3s ease 0s, color 0.3s ease 0s;
  transition: transform 0.3s ease 0s, color 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
}

.menu__arrow svg {
  max-width: 100%;
  width: 100%;
  pointer-events: none;
}

.submenu__list {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
  margin: 1em 0em 0em 0em;
  padding: 0em 0em 1em 1em;
}

.submenu__item:not(:last-child) {
  margin: 0em 0em 1em 0rem;
}

.submenu__link {
  line-height: 1.25;
  display: inline-block;
  -webkit-transition: color 0.3s ease 0s;
  -o-transition: color 0.3s ease 0s;
  transition: color 0.3s ease 0s;
}

@media (min-width: 959.98px) {
  .menu__list {
    row-gap: 0.5rem;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .menu__item.menu-parent {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }

  .menu__item.menu-parent.open-submenu .submenu {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }

  .submenu {
    padding-top: 0.9375em;
    top: 100%;
    left: 0;
    position: absolute;
    min-width: 253px;
    z-index: 11;
    width: 100%;
    -webkit-transform-origin: center top;
        -ms-transform-origin: center top;
            transform-origin: center top;
    -webkit-transition: opacity 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
    transition: opacity 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
    -o-transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;
    transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;
    transition: opacity 0.3s ease 0s, transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0);
  }

  .submenu__list {
    margin: 0em 0em 0em 0em;
    border-radius: 16px;
    font-size: 16px;
    padding: 1.75em 1.875em;
  }

  .submenu__list::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0);
    opacity: 1;
    background: -o-linear-gradient(#272727 0 0) padding-box, -o-linear-gradient(353deg, rgba(255, 255, 255, 0) 2.34%, #fff 21.46%, rgba(255, 255, 255, 0) 41.09%, #fff 66.26%, rgba(255, 255, 255, 0) 98.97%) border-box;
    background: linear-gradient(#272727 0 0) padding-box, linear-gradient(97deg, rgba(255, 255, 255, 0) 2.34%, #fff 21.46%, rgba(255, 255, 255, 0) 41.09%, #fff 66.26%, rgba(255, 255, 255, 0) 98.97%) border-box;
  }
}

@media (any-hover: hover) and (min-width: 959.98px) {
  .menu__item.menu-parent:hover .submenu {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@media (max-width: 959.98px) {
  .menu__item.menu-parent .menu__link {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 2.8rem);
            flex: 0 0 calc(100% - 2.8rem);
  }

  .menu__item.menu-parent.open-submenu .submenu {
    display: block;
  }

  .submenu {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    display: none;
  }
}

@media (any-hover: hover) {
  .menu__item.menu-parent:hover .menu__link {
    color: #992df1;
  }

  .menu__item.menu-parent:hover .menu__arrow {
    color: #992df1;
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
  }

  .submenu__link:hover {
    color: #992df1;
  }
}