.lf-menu .sub-menu {
      display: none;
      padding-left: 1rem;
    }

    .lf-menu li.active > .sub-menu {
      display: block;
    }

    .lf-menu > li > a {
      display: block;
      font-size: 1.25rem; 
      font-weight: 400; 
      color: #000;
      text-decoration: none;
      padding: 0.25rem 0;
    }

    .lf-menu > li > a:hover {
      color: #C69B00;
    }

    .lf-menu .sub-menu li a {
      position: relative;
      display: block;
      font-size: 1.2rem; 
      color: #000;
      padding-left: 1.5rem;
      margin-bottom: 0.25rem;
    }

    .lf-menu .sub-menu li a::before {
      content: '•';
      position: absolute;
      left: 0;
      color: #C69B00;
      font-weight: bold;
    }

    .lf-menu .sub-menu li a:hover {
      color: #C69B00;
      text-decoration: underline;
    }

      /* Mobile menu scrollable */
  #mobile-menu {
    scrollbar-width: thin;
    scrollbar-color: #aaa #444;
  }
  #mobile-menu::-webkit-scrollbar {
    width: 6px;
  }
  #mobile-menu::-webkit-scrollbar-thumb {
    background-color: #aaa;
    border-radius: 3px;
  }
  #mobile-menu::-webkit-scrollbar-track {
    background: #444;
  }