/* Mobile menu overlay background using ::before */
#mobileMenuOverlay::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(18, 17, 93, 0.4) 0%, #03015b 100%);
  z-index: 20;
  border-radius: 0;

}

  .background {
    opacity: 0;
    transition: opacity 1s ease;
    z-index: 0;
  }
  .background.active {
    opacity: 1;
    z-index: 0;
  }

.scrollbar-hide::-webkit-scrollbar {
    display: none;
  }
  .scrollbar-hide {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }


.explore span:first-child {
  margin-bottom: 1px;
  margin-right: 1px;
}
  .explore:hover span:first-child{
    border-bottom: 2px solid white;
    margin-bottom: 0px;
    margin-left: 0px;

  }
  .explore:hover > span {
    margin-left: 4px;
    text-decoration: none;
  }