/*--navigation*/
.crumbs {
    position: absolute;
    display: flex;
    flex-wrap: wrap;
}

.crumbs__list {
    display: flex;
    flex-wrap: wrap;
    gap: .4375rem;
}

.crumbs__linck {
    color: var(--basic-white-color, #FFF);
    font-family: 'Inter Medium 18pt';
    font-size: 0.8125rem;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    opacity: 70%;
}

.crumbs__list .separator {
    color: var(--basic-white-color, #FFF);
    font-family: 'Inter Medium 18pt';
    opacity: 70%;
    font-size: 0.8125rem;
}

.crumbs__linck-current {
    color: var(--basic-white-color, #FFF);
    font-family: 'Inter Medium 18pt';
    font-size: 0.8125rem;
}

.crumbs__linck:hover {
    opacity: 1;
}

.an-1 {
    animation: slideUp 3s forwards;
    display: inline-block;
    transform: translateY(100%);
    animation-delay: var(--time-step-home-up);
}

.crumbs__list li {
    overflow: hidden;
    display: block;
}

@media (max-width: 767px) {
    .crumbs__linck {
        font-size: 0.6875rem;
        display: flex;
        align-items: end;
    }

    .crumbs__list .separator {
        font-size: 0.6875rem;
        display: flex;
        align-items: end;
    }

    .crumbs__linck-current {
        font-size: 0.6875rem;
        display: flex;
        align-items: end;
    }

    /*--navigation*/
    .crumbs {
        top: 1.25rem;
        left: 0.8125rem;
    }

    .crumbs__linck {
        font-size: 0.6875rem;
    }
}