.ServiceListNavigation,
.SideNavigation {
  max-height: 100%;
  overflow-y: auto;
  * {
    transition: 0.3s;
  }
  .nav-link {
    color: $secondary;
  }
  .nav-link:hover {
    background-color: rgba($secondary, 0.08);
  }
  .nav-link.active {
    background-color: $secondary;
    color: $white;
  }
  .text-collapse {
    max-width: 0;
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
  }
  .wrap-collapse-arrow {
    border-top-left-radius: 100%;
    border-bottom-left-radius: 100%;
    padding: 2px 3px 2px 7px;
    background-color: $primary;
    color: $white;
  }
  &:hover,
  &.stick {
    .wrap-collapse-arrow {
      padding: 2px 5px 2px 5px;
    }
    .collapse-arrow {
      transform: scaleX(-1);
    }
    .text-collapse {
      max-width: 100%;
      padding-left: 10px;
    }
  }
}