.breadcrumb {
  color: var(--white);
}

.breadcrumb ul {
  margin: 0;
  padding: 0;

  display: flex;
  list-style: none;
  gap: 8px;
}

.breadcrumb__item a,
.breadcrumb__item i {
  color: inherit;
  text-decoration: none;
  font-family: var(--opensans);
  text-transform: capitalize;
}

.breadcrumb__item a:hover {
  color: inherit;
}

.breadcrumb__item.active {
  font-weight: bold;
}
