.sticky-breadcrumb {
    position: relative;
    top: auto;
    width: 100%;
    z-index: 1000;
    background: #ffffff; /* Ajuste a cor de fundo conforme necessário */
    box-shadow: none; /* Remova a sombra inicialmente */
    transition: all 0.3s ease; /* Adicione uma transição para um efeito suave */
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.sticky {
    position: fixed !important;
    z-index: 9000 !important;
    top: 70px !important;
    left: 0;
    width: 100%;
    animation: spFadeInDown 0.5s;
    border-bottom: 1px solid #171c66;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.sticky-breadcrumb summary {
    display: contents;
}

.sticky-breadcrumb .float-start {
    display: none;
}

.sticky-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    float: left;
    padding-right: 0.5rem;
    color: #18186A;
    content: var(--bs-breadcrumb-divider, "»");
}

.sticky-breadcrumb.sticky .breadcrumb-item + .breadcrumb-item::before {
    color: #B4B4B4 !important;
}

.breadcrumb-item.active {
    color: #18186A !important;
}

.sticky-breadcrumb a {
    color: #18186A;
}

.sticky-breadcrumb.sticky a {
    color: #B4B4B4 !important;
}

.sticky-breadcrumb .breadcrumb {
    font-family: inter;
    font-size: 12px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 0;
    margin: 0;
    background-color: #ffffff;
    border-radius: none;
    align-items: center;
}