.block-nav {
  position: sticky;
  top: var(--offset-top);
}
.block-nav .nav-item {
  font-size: clamp(1.5625rem, 0.2977rem + 2.6385vw, 2.8125rem);
  font-family: "Barlow Condensed";
  font-style: italic;
  font-weight: bold;
  text-transform: uppercase;
  padding: 1rem 2rem;
  color: #8b93a1;
  white-space: nowrap;
}
.block-nav .nav-item:hover, .block-nav .nav-item.active {
  color: var(--bs-primary);
}
@media only screen and (max-width: 1024px) {
  .block-nav .nav {
    overflow: scroll;
    scrollbar-width: none;
    flex-wrap: nowrap;
  }
  .block-nav .nav .nav-item {
    padding: 0.5rem !important;
  }
}