/* Ensure the menu is horizontally aligned */
.hs-menu-wrapper ul {
  display: flex;
  justify-content: center;  /* Center the menu */
  list-style: none;
  padding: 0 0 2rem;
  margin: 0;
  max-width:100vw;
  overflow:visable;
}

/* Basic styling for menu items */
.hs-menu-wrapper ul li {
  margin: 0 15px;  /* Spacing between menu items */
}

/* Links in the menu */
body.sr .hs-menu-wrapper ul li a {
  text-decoration: none;  /* Remove underline */
  color: #211f20;  /* Black text */
  font-size: .9rem;
  padding: 1rem 0 .5rem;
  position: relative;
  display: inline-block;
  border-bottom: 5px solid transparent;
  transition: all 0.2s ease;  /* Smooth transition for hover and active states */
}

/* Active state with red bottom border */
body.sr .hs-menu-wrapper ul li.active a,
body.sr .hs-menu-wrapper ul li a:hover/*,
.hs-menu-wrapper ul li a[href*="/products/"]*/{ /* display the underline if we are going to a 'products' page */
  border-bottom: 5px solid #e51937;
}

/* Hover state */
body.sr .hs-menu-wrapper ul li a:hover {
  color: #211f20;  /* Ensure text stays black on hover */
}
 /* Mobile*/
@media (max-width: 768px) {
  /* Basic styling for menu items */
.hs-menu-wrapper ul li {
  margin: 0 4px;  /* Spacing between menu items */
}
  /* Links in the menu */
body.sr .hs-menu-wrapper ul li a {
  font-size: .75rem;
}