.trip-breadcrumbs-wrap {
margin-top: 3rem;
margin-bottom: 2rem;
display: flex;
justify-content: center;
} .trip-breadcrumbs {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: .45rem;
text-align: center;
font-size: .78rem;
line-height: 1.4;
font-weight: 500;
color: #94a3b8;
} .trip-breadcrumbs a {
color: inherit;
text-decoration: none;
opacity: .75;
transition:
opacity var(--transition-fast),
color var(--transition-fast);
}
.trip-breadcrumbs a:hover {
opacity: 1;
color: var(--color-text-main);
} .trip-breadcrumbs .breadcrumb_last {
opacity: .9;
color: var(--color-text-main);
font-weight: 500;
} .trip-breadcrumbs .separator {
opacity: .35;
} @media (max-width: 768px) {
.trip-breadcrumbs-wrap {
margin-top: 2.5rem;
margin-bottom: 1.5rem;
padding-inline: 1rem;
}
.trip-breadcrumbs {
font-size: .74rem;
line-height: 1.5;
}
}