.breadcrumb {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1rem;
    display: flex; /* Use flexbox to align items horizontally */
    gap: 40px; /* Add some space between breadcrumb items */
    list-style: none; /* Remove default list styling */
    font-weight: bold;
    margin-bottom: 10px;
  }
  
  .breadcrumb a {
    text-decoration: none; /* Remove the underline from links */
    font-weight: 100;
    color: #36363698; /* Optionally, set the color of the links (same as the text color) */
  }
  
  .breadcrumb a:hover {
    color: #3EB489;
  }

  .breadcrumb-separator {
    color: #888; /* Set color for the separator */
    font-weight: bold; /* You can change the font weight if you want */
    padding: 0 5px; /* Add some padding for spacing */
  }

  .current-page {
    color: #3EB489;
  }

  @media (max-width: 768px) {
    .breadcrumb {
      margin-bottom: 10%;
      }
  
  }