.breadcrumb {
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
    background-color: transparent !important;
}

.breadcrumb-item {
    display: inline-block !important;
    font-size: 14px !important;
    padding: 0 !important;
}

.breadcrumb-item a {
    color: var(--primary-color) !important;
    text-decoration: none !important;
}

.breadcrumb-item.active {
    color: var(--text-color) !important;
    font-weight: bold;
    padding: 0 !important;
}

.breadcrumb-item + .breadcrumb-item::before {
    display: inline-block !important;
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
    color: #6c757d !important;
    content: ">" !important;
}