.breadcrumb {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 16px;
    color: var(--text-secondary);
    /* margin-top: 20px; */
    padding:40px 0px;
}

.breadcrumb a {
    color: #808080;
    text-decoration: none;
}

/* .breadcrumb a:hover {
    color: var(--highlight);
} */

.breadcrumb-separator {
    color: #B0B0B0;
}

.breadcrumb-current {
    color: #404040;
    font-weight: 500;
}

.breadcrumb-divider {
    display: none;
    border: 1px solid #E6E6E6;
}

@media (min-width: 767px) {
    .breadcrumb {
        position: sticky;
        top: 0; 
        z-index: 150;
    }
}
@media (max-width: 767px) {
    .breadcrumb {
        display: none;
    }
}
@media (min-width: 1024px) {
    .breadcrumb-divider {
        display: block;
    }
}