.navigation-main ul.sub-menu {
  position: relative;
  padding: 20px;
  width: 100%;
  background-color: var(--wp--preset--color--custom-black);
  transition: none;
}
.wp-block-nav-content.nav.open {
  transform: translateX(0%);
  overflow-y: auto;
  background-color: var(--wp--preset--color--custom-black);
}
.navigation-main ul.sub-menu ul a {
  color: #fff;
  display: inline-block;
}
.navigation-main ul.sub-menu li.menu-item-has-children {
  position: relative;
  display: inline-block;
  width: 100%;
}
.navigation-main ul.sub-menu li.menu-item-has-children a {
  display: inline-block;
}
.navigation-main ul.sub-menu li.menu-item-has-children > a:after {
  content: '';
  background: url(/wp-content/themes/urbansoul/assets/images/right-arrow-yellow.svg);
  /* content: ''; */
  /* border-right: 2px solid var(--wp--preset--color--custom-color-1) !important;
  border-bottom: 2px solid var(--wp--preset--color--custom-color-1) !important; */
  background-size: cover;
  width: 8px;
  height: 16px;
  margin-left: 20px;
  display: inline-block;
  transition: .4s all;
  transform: rotate(0deg);
}
.navigation-main li li.open > ul.sub-menu {
  display: flex!important;
}
.navigation-main ul.sub-menu ul.sub-menu {
  display: block!important;
  width: 100%;
}
/* .navigation-main ul.sub-menu li.open ul.sub-menu {
  display: block!important;
} */
.navigation-main ul.sub-menu li.menu-item-has-children.open > a:after {
  transform: rotate(90deg);
}
@media (min-width:992px) {
  .navigation-main ul.sub-menu {
    position: absolute;
    top: 39px;
    left: -30%;
    width: 130%;
    column-gap: 30px;
  }
  .navigation-main li.mega.open > ul {
    display: flex!important;
  }
  .navigation-main .columns-1 > ul.sub-menu {
    columns: 1!important;
    column-gap: 20px;
  }
  .navigation-main .columns-2 > ul.sub-menu {
    columns: 2!important;
    column-gap: 20px;
  }
  .navigation-main .columns-3 > ul.sub-menu {
    columns: 3!important;
    column-gap: 20px;
  }
  .navigation-main ul.sub-menu ul {
    columns: 1!important;
    padding-left: 20px;
  }
  .navigation-main .columns-1 ul.sub-menu ul {
    columns: 3!important;
    padding-left: 20px;
  }
  .navigation-main ul.sub-menu li.menu-item-has-children > a:after {
    display: none;
  }
}