.lt-top-nav {
    padding: 10px 0 0;
    color: #fff;
    text-transform: uppercase;
    background-color: $topbar_bg;
  }
  
  .lt-top-nav .sidenav {
    overflow: visible;
  }
  
  .lt-top-nav .sidenav__categories-list {
    margin-top: 0;
  }
  
  .lt-top-nav .sidenav__category-name:after,
  .lt-top-nav .sidenav__section-name:after {
    display: none;
  }
  
  @media (max-width: 991px) {
    [dir] .lt-top-nav .sidenav-mobile.is-active {
      padding-top: 72px;
    }
  
    [dir] .lt-top-nav .sidenav li {
      margin-bottom: 10px;
    }
  
    .lt-top-nav .sidenav__sections-list {
      margin-top: 10px;
    }
    .lt-top-nav .sidenav-btn {
      color: #fff;
    }
  }
  
  @media (min-width: 992px) {
    .lt-top-nav .sidenav a {
      color: rgba(0, 0, 0, 1);
    }

    .lt-top-nav .sidenav__categories-list {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-end;
    }
  
    .lt-top-nav .sidenav__category.is-active > a {
      font-weight: normal;
    }
  
    .lt-top-nav .sidenav .sidenav__sections-list {
      position: absolute;
      top: 38px;
      display: none !important;
    }
  
    [dir] .lt-top-nav .sidenav .sidenav__sections-list {
      position: absolute;
      z-index: 1000;
      display: none;
      min-width: 170px;
      padding: 10px 0;
      margin-top: 1px;
      font-size: 14px;
      font-style: normal;
      font-weight: normal;
      background: #fff;
      border: 1px solid #ebeaeb;
      border-radius: 4px;
      box-shadow: 0 0 2rem rgb(0 0 0 / 10%);
    }
  
    .lt-top-nav .sidenav .sidenav__section-name {
      display: block;
      width: 100%;
      line-height: inherit;
      color: #333;
      text-align: start;
      text-transform: none;
      white-space: nowrap;
      cursor: pointer;
      background-color: transparent;
      border: 0;
      -webkit-appearance: none;
    }
  
    [dir] .lt-top-nav .sidenav .sidenav__section-name {
      padding: 7px 40px 7px 20px;
    }
  
    [dir] .lt-top-nav .sidenav .sidenav__section-name:hover {
      background-color: #eceeef;
    }
  
    .lt-top-nav .sidenav__category {
      display: inline-block;
    }
  
    [dir] .lt-top-nav .sidenav__category {
      padding: 0;
      border-radius: 8px 8px 0 0;
    }
  
    [dir="ltr"] .lt-top-nav .sidenav__category {
      text-align: left;
    }
  
    [dir="rtl"] .lt-top-nav .sidenav__category {
      text-align: right;
    }
  
    .lt-top-nav .sidenav__category .sidenav__category-name {
      display: block;
      color: #fff;
    }
  
    [dir] .lt-top-nav .sidenav__category .sidenav__category-name {
      padding: 10px 10px 14px;
    }
  
    [dir] .lt-top-nav .sidenav__category.is-active,
    [dir] .lt-top-nav .sidenav__category.is-active:hover {
      background: #fff;
    }
  
    .lt-top-nav .sidenav__category.is-active .sidenav__category-name,
    .lt-top-nav .sidenav__category.is-active:hover .sidenav__category-name {
      color: rgba(0, 0, 0, 1);
    }
  
    [dir] .lt-top-nav .sidenav__category:hover {
      background: rgba(255, 255, 255, 0.2);
    }
  
    .lt-top-nav .sidenav__category:hover .sidenav__sections-list {
      display: block !important;
    }
  
    .lt-top-nav .sidenav__section-name {
      font-size: 14px;
    }
  }