/* Fix for breadcrumb separator appearing in wrong places */
/* Target the specific breadcrumb CSS that's causing the ">" symbol */
.banner-inner .breadcrumb .breadcrumb-item + .breadcrumb-item:before {
    display: none !important;
}

/* Also hide any other breadcrumb separators that might be appearing */
.breadcrumb-item + .breadcrumb-item:before {
    display: none !important;
}

/* If breadcrumbs are specifically needed on certain pages, use a simple text separator */
.page-breadcrumb .breadcrumb-item + .breadcrumb-item:before {
    display: inline-block !important;
    content: "/" !important;
    font-family: inherit !important;
    font-size: 0.9em;
    padding: 0 8px;
    color: inherit;
}