@include media-breakpoint-up(xl) {
  .mega-menu-custom .sub-menu-list {
    h3 {
      // color: #8a91a1;
      color: #bfcdd5;
      text-shadow: none;
    }

    ul li a {
      &:before {
        background: $quaternary-bg;
      }

      &:hover:before {
        width: 12px;
        height: 12px;
      }

      &:hover {
        color: $quaternary-bg;
      }
    }
  }
}