.breadcrumbs {
  font-size: 20px;             /* Font size */
  font-weight: 700;            /* Bold text */
  color: #ffffff;              /* White text */
  margin: 0;
  padding: 0;
  letter-spacing: 0.5px;       /* Slight spacing for clarity */
}

.breadcrumbs a {
  color: #ffffff;              /* White links */
  text-decoration: none;
  font-weight: 700;
  transition: all 0.3s ease-in-out;
}

.breadcrumbs a:hover {
  color: #ff0000;              /* Red on hover */
  text-decoration: underline;  /* Optional: underline on hover */
}

.breadcrumbs span {
  color: #ffffff;              /* Current page in white */
  font-weight: 700;
}