.breadcrumb {
    position: static;
    width: auto;
    margin: 0;
    background-color: transparent;
    padding: 0;
    font-size: 90%;
    transform: none;
}

.breadcrumb a {
    color: var(--color-text-main);
}

.breadcrumb a:hover {
    color: var(--primary);
}

.breadcrumb-item.active {
    color: var(--color-breadcrumb-item);
    font-weight: 600;
}

.breadcrumb-item+.breadcrumb-item::before {
    color: var(--color-text-main);
}

@media (max-width: 767.98px) {
    .breadcrumb {
        position: static;
        margin: 0;
        justify-content: flex-start;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}