.breadcrumbs {
  display: flex;
}
.breadcrumbs .breadcrumb {
  user-select: none;
}
.breadcrumbs .breadcrumb:not(:last-child):after {
  content: "\f105";
  font-family: "Font Awesome 6 Pro";
}
.breadcrumbs .breadcrumb:last-child {
  pointer-events: none;
}
.breadcrumbs .breadcrumb:last-child a {
  text-decoration: none;
}

@media (max-width: 767px) {
  .breadcrumbs .breadcrumb {
    font-size: 0.8rem;
  }
  .breadcrumbs .breadcrumb:not(:last-child):after {
    margin: 0 0.5rem;
  }
}
@media (min-width: 768px) {
  .breadcrumbs .breadcrumb {
    font-size: 1rem;
  }
  .breadcrumbs .breadcrumb:not(:last-child):after {
    margin: 0 1rem;
  }
}