.page-breadcrumb {
  display: flex;
  justify-content: center;
  gap: 8px;
}

.page-breadcrumb .breadcrumb-item a {
  line-height: 24px;
  color: var(--primary-color);
}

.page-breadcrumb .breadcrumb-item.active a {
  font-weight: var(--font-body-weight-bold);
}

@media screen and (max-width: 749px) {
  .page-breadcrumb .breadcrumb-item a {
    line-height: 18px;
    font-size: var(--small_body);
    color: var(--primary-color);
  }
}