.ac-breadcrumb {
  padding: 8px 20px;
  border-bottom: 1px solid $color-border;
  position: sticky;
  top: 50px;
  height: auto;
  background-color: $white-100;
  z-index: 998;
  display: flex;
  align-items: center;
}

.breadcrumb {
  a {
    color: $color-text;
    font-size: 1rem;
    padding: 0 3px;
    font-weight: 500;
    font-style: normal;

    &:hover {
      color: $color-heading;
    }
  }

  li.is-active {
    a {
      color: $color-heading;
      font-weight: 500;
    }
  }
}