.bw-breadcrumbs {
    margin: 20px 0;
    font-size:13px;
    color:#6b7280;
}

.bw-breadcrumb-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.bw-breadcrumb-item {
    display: flex;
    align-items: center;
}

.bw-breadcrumb-item:not(:last-child)::after {
    content: "›";
    margin-left: 8px;
    color: #9ca3af;
}

.bw-breadcrumb-item a {
    color: #6b7280;
    text-decoration: none;
    transition:color .2s ease;
}

.bw-breadcrumb-item a:hover {
    text-decoration: underline;
    color:#057ccd;
}

.bw-current {
    font-weight: 600;
    color: #1f2937;
}

.bw-breadcrumb-item a,
.bw-current {
    text-transform: capitalize;
}