.breadcrumb ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
  display: flex;
  flex-flow: row wrap;
  gap: 0 0.5rem;
}

.breadcrumb ul li {
  position: relative;
}

.breadcrumb ul li::after {
  content: '/';
  margin-left: 0.5rem;
}

.breadcrumb ul li:last-child:after {
  display: none;
}

.breadcrumb ul li a {
  font-size: 14px;
  list-style: 20px;
  color: var(--neutral-black);
  font-family: var(--font-semibold);
}


.breadcrumb ul li span {
  font-size: 14px;
}

.breadcrumb ul li.current a {
  pointer-events: none;
  color: var(--neutral-dark-gray);
  font-family: var(--font-regular);
}

@media (min-width: 992px ){
  .breadcrumb ul li a:hover {
    color: var(--brand-primary);
    text-decoration: underline;
  }
}