.breadcrumbs {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
}
.breadcrumbs .breadcrumbs-separator {
  display: block;
  width: 14px;
  height: 14px;
  margin: 0 8px;
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDAgMjAwIiBmaWxsPSJjdXJyZW50Q29sb3IiPjxwYXRoIGQ9Ik04MC43NjIgMTY0LjgwMWwtMTEuNTIzLTkuNjAzTDExNS4yMzcgMTAwTDY5LjIzOCA0NC44MDFsMTEuNTIzLTkuNjAzYzUzLjQyNSA2NC4xMSA1NS40NDkgNjMuMDY0IDUwIDY5LjYwM2wtNDkuOTk5IDYweiIvPjwvc3ZnPg==");
  background-repeat: no-repeat;
  background-color: #5a6872;
}
.breadcrumbs .current-item {
  color: #5a6872;
}