.component-breadcrumbs {
    position: relative;
    z-index: 2;
    width: 100%;
    margin-inline: auto;
    background: #fff;
    border-top: 1px solid #061B2B;
    display: none;
}

    .component-breadcrumbs .container {
        max-width: 1176px;
        margin-inline: auto;
        padding-inline: 12px;
    }

    .component-breadcrumbs ul {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        list-style: none;
        padding: 0;
        margin: 0;
        line-height: 1;
    }

    .component-breadcrumbs li {
        display: inline-flex;
        align-items: center;
        margin-block: 3px;
        font-size: 14px;
        line-height: 1;
    }

    .component-breadcrumbs a,
    .component-breadcrumbs .expandable-panel-link,
    .component-breadcrumbs span {
        color: #061B2B;
        text-decoration: none;
        font-weight: 700;
        font-size: 14px;
        padding-block: 1em;
        display: inline-block;
        margin-inline: 8px 10px;
    }

    .component-breadcrumbs li:first-child a {
        margin-inline-start: 3px;
    }

    .component-breadcrumbs a:hover,
    .component-breadcrumbs .expandable-panel-link:hover {
        text-decoration: underline;
    }

    .component-breadcrumbs li:last-child span {
        font-weight: 500;
        opacity: .6;
    }

@media (min-width: 64.0625em) {
    .component-breadcrumbs {
        display: block;
    }
}

@media (min-width: 1200px) {
    .component-breadcrumbs .container {
        padding-inline: 0;
    }
}