.breadcrumb{
    margin-top: 3.5rem;
}
.breadcrumb ul,
.breadcrumb ol{
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
    justify-content: center;
    font: var(--f-small);
}

.breadcrumb ul li,
.breadcrumb ol li{
    display: flex;
    gap: 0.5rem;
}

.breadcrumb ul li:first-child,
.breadcrumb ol li:first-child{
    font-weight: 700;
}

.breadcrumb ul li:not(:last-child)::after,
.breadcrumb ol li:not(:last-child)::after{
    content: '>';
    font-weight: 500;
    color: var(--c-primary);
}

.breadcrumb ul li a,
.breadcrumb ol li a{
    text-decoration: none;
}