.material-symbols-outlined {
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

body {
  font-family: "Public Sans", sans-serif;
}

#subnav-items.hidden {
  display: none !important;
}

#subnav-items:not(.hidden) {
  display: flex !important;
  flex-direction: column;
}

@media (min-width: 768px) {
  #subnav-items {
    display: flex !important;
    flex-direction: row;
    flex-wrap: wrap;
  }
  #subnav-items.hidden {
    display: flex !important;
  }
}

.carousel-container:hover .animate-infinite-scroll {
  animation-play-state: paused;
}