.breadcrumb {
    --bs-breadcrumb-padding-x: 0;
    --bs-breadcrumb-padding-y: 15px;
    --bs-breadcrumb-margin-bottom: 0;
    --bs-breadcrumb-bg: transparent;
    --bs-breadcrumb-border-radius: ;
    --bs-breadcrumb-divider-color: var(--bs-secondary-color);
    --bs-breadcrumb-item-padding-x: 0.5rem;
    --bs-breadcrumb-item-active-color: var(--bs-secondary-color);
    --bs-breadcrumb-font-size: 0.75rem;
    display: flex;
    flex-wrap: wrap;
    padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
    margin-bottom: var(--bs-breadcrumb-margin-bottom);
    font-size: var(--bs-breadcrumb-font-size);
    list-style: none;
    background-color: var(--bs-breadcrumb-bg);
    border-radius: var(--bs-breadcrumb-border-radius);
    line-height: 1.5;
}

.breadcrumb-item + .breadcrumb-item {
    padding-left: var(--bs-breadcrumb-item-padding-x);
}
.breadcrumb-item + .breadcrumb-item::before {
    float: left;
    padding-right: var(--bs-breadcrumb-item-padding-x);
    color: var(--bs-breadcrumb-divider-color);
    content: ">";
}
.breadcrumb-item.active {
    color: var(--sr-dark-gray);
}

@media (min-width: 1400px) {
    .breadcrumb {
        --bs-breadcrumb-margin-bottom: 30px;
    }
}

@media (max-width: 991.98px) {
    .breadcrumb-item {
        display: none;
    }

    .breadcrumb-item:nth-last-child(2) {
        display: flex;
        flex-direction: row-reverse;
        position: relative;
    }

    .breadcrumb-item:nth-last-child(2) .breadcrumb-item__link {
        padding-left: var(--bs-breadcrumb-item-padding-x);
    }

    .breadcrumb-item:nth-last-child(2):before {
        position: absolute;
        left: 0;
        padding: 0;
        transform: scaleX(-1);
        pointer-events: none;
    }
}