.breadcrumbs-wrapper {
  margin-bottom: 30px;
}
.breadcrumbs {
  padding: 12px 16px;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

.breadcrumbs__item a {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  color: var(--text);
}
.breadcrumbs__item span {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  color: var(--text);
} 
.breadcrumbs__item a:hover {
  color: var(--main-hover);
}

.breadcrumbs__item.current a {
  color: var(--secondary-text);
  pointer-events: none;
}

@media all and (max-width: 970px) {
  .breadcrumbs-wrapper {
    margin-bottom: 10px;
  }
}

@media all and (max-width: 768px) {
}