.sticky-anchor {
 font-family: 'Inter', sans-serif;
  position: sticky;
  top: var(--sticky-anchor-offset, 80px);
  background-color: #fff;

}

.sticky-anchor ul {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  gap: 44px;
  margin: 0;
  padding: 0;
  list-style: none;
  scrollbar-width: none; /* Firefox */
}

.sticky-anchor ul::-webkit-scrollbar {
  display: none; /* Chrome */
}

.sticky-anchor li {
  flex-shrink: 0;
}

.sticky-anchor a {
  display: inline-block;
  padding: 12px 8px;
  font-weight: 500;
  text-decoration: none;
  transition: color 0.2s ease, border-bottom 0.2s ease;
	color: #858585;
	font-feature-settings: 'liga' off, 'clig' off;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%; 
}

.sticky-anchor a.active {
    color:  #000;
	font-feature-settings: 'liga' off, 'clig' off;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 140%;
    border-bottom: 1px solid #BF3131;
}

@media (max-width: 768px) {
.sticky-anchor ul {
  gap: 36px;
	}
}