:root {
    --crumbs-link: var(--black, #18091D);
    --crumbs-muted: var(--grey, #7F7582);
    --crumbs-hover: var(--indigo, #390894);
    --crumbs-dot: var(--black, #18091D);
}

.crumbs {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-bottom: 24px;
    color: var(--crumbs-muted);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
}

.crumbs span {
    width: 4px;
    height: 4px;
    flex: 0 0 4px;
    background: var(--crumbs-dot);
    border-radius: 50%;
}

.crumbs a {
    color: var(--crumbs-link);
    transition: color .2s ease;
}

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

.crumbs b {
    color: var(--crumbs-muted);
    font-weight: 700;
}

.services-page .crumbs b {
    font-weight: 400;
}

.about-page .crumbs {
    position: relative;
    z-index: 3;
    margin: 0 0 24px;
    color: rgba(255,255,255,.66);
}

.about-page .crumbs span {
    background: #fff;
}

.about-page .crumbs a {
    color: #fff;
}

.about-page .crumbs b {
    color: rgba(255,255,255,.72);
    font-weight: 500;
}

.about-page .crumbs a:hover {
    color: var(--orange);
}

.contacts-page .crumbs {
    margin: 0 0 24px;
}

.contacts-page .crumbs b {
    color: var(--grey);
    font-weight: 700;
}

.news-page .crumbs {
    flex-wrap: wrap;
    margin: 0 0 48px;
    line-height: 1.2;
}

.news-page .crumbs a,
.news-page .crumbs b {
    color: var(--black);
    font-weight: 500;
}

.news-page .crumbs a {
    transition-duration: .18s;
}

.news-page .crumbs a:hover {
    color: var(--crumbs-hover);
}

@media (max-width: 900px) {
    .news-page .crumbs {
        gap: 12px;
        margin-bottom: 32px;
        font-size: 14px;
    }
}

@media (max-width: 760px) {
    .about-page .crumbs,
    .contacts-page .crumbs {
        gap: 12px;
        font-size: 14px;
    }
}

@media (max-width: 640px) {
    .crumbs {
        flex-wrap: wrap;
        gap: 10px;
        font-size: 13px;
    }
}