.breadcrumb {
    direction: rtl;
    background: #949494 !important;
    padding-right: 10px;
    margin-bottom: 0 !important;
    flex-wrap: nowrap;
    overflow-x: auto;
    text-wrap: nowrap;
}

.breadcrumb-item + .breadcrumb-item::before {
    float: none;
    content: "/";
    padding: 0 0.5rem;
    color: white;

}

li.breadcrumb-item {
    color: white !important;
}

li.breadcrumb-item a {
    color: white;
    transition: .2s ease-in-out;
}

li.breadcrumb-item a:hover {
    color: var(--secondary-color);
    transition: .2s ease-in-out;
}