.breadcrumbs {
  padding: 24px 16px;
  max-width: 77rem;
  width: 100%;
  margin: 0 auto;
  .breadcrumbs--items {
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
    list-style-type: none;
    padding: 0;
    color: var(--grey);
    font-family: var(--font-family-poppins);
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    .breadcrumbs--item > .breadcrumbs--link {
      text-transform: capitalize;
    }
    .breadcrumbs--item:last-of-type {
      color: var(--orange);
      font-weight: 500;
    }
  }
}