<style>
.breadcrumb {
    text-align: center; /* Centers the content within the breadcrumb container */
    margin: 0 auto; /* Ensures the breadcrumb block is horizontally centered */
}

.breadcrumb nav ul {
    list-style: none; /* Remove default bullet points */
    margin: 0;
    padding: 0;
    display: inline-flex; /* Makes the list inline and flexible */
    justify-content: center; /* Ensures items are horizontally centered */
    /*border: 5px solid;*/
}

.breadcrumb nav ul li {
    margin-right: 0.5em;
}

.breadcrumb nav ul li a {

}

.breadcrumb nav ul li:not(:last-child)::after {
    content: ">";
    margin-left: 0.5em;
    margin-right: 0;
    color: #000; /* Example color for the separator */
}
</style>