.breadcrumb li {
    display: inline-block;
    font-size: 14px;
}
.breadcrumb .active {
    color: #000; /* Black color for active item */
    font-weight: 500;
}
.breadcrumb li a {
    color: #6c757d; /* Gray color for non-active links */
    text-decoration: none;
    transition: color 0.3s ease;
}

.breadcrumb li a:hover {
    color: #495057; /* Darker gray on hover */
}

.breadcrumb li.active span {
    color: #000; /* Black color for active item */
    font-weight: 500;
}

.breadcrumb > li + li:before {
    color: #6c757d; /* Gray color for separator */
    content: "/";

}