.l-destiny-anchors {
  position: relative;
  margin-top: 20px;
  z-index: 30;
  background-color: #fff;
  min-height: 71px;
}
#destiny .c-template.c-overlap-template {
  position: relative;
  z-index: 10;
  margin-top: 0;
  padding-top: 28px;
}
#destiny .js-template-content {
  position: relative;
  z-index: 20;
}
#destiny .l-destiny-anchors {
  margin-top: 0;
  background: #fff;
}
@media (max-width: 991.98px) {
  .l-destiny-anchors {
    margin-top: 10px;
  }
}
.l-destiny-anchors > div {
  transition: 0.2s all;
}
.l-destiny-anchors > div.sticky {
  background-color: #fff;
  position: fixed;
  top: 80px;
  left: 0;
  overflow: hidden;
  width: 100%;
  padding: 0 30px;
  z-index: 100;
}
@media (max-width: 1199.98px) {
  .l-destiny-anchors > div.sticky {
    top: 60px;
    padding: 0 30px;
  }
}
.l-destiny-anchors > div.sticky a {
  padding: 15px 30px !important;
  font-size: 0.875em;
}
@media (max-width: 767.98px) {
  .l-destiny-anchors > div.sticky a {
    padding: 10px 20px !important;
  }
}
.l-destiny-anchors > div.sticky nav {
  justify-content: center;
}
@media (max-width: 767.98px) {
  .l-destiny-anchors > div.sticky nav {
    justify-content: flex-start;
  }
}
.l-destiny-anchors nav {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  border-bottom: 1px dashed #c6c6c6;
}
.l-destiny-anchors nav::-webkit-scrollbar {
  display: none;
}
@media (max-width: 991.98px) {
  .l-destiny-anchors nav {
    gap: 0;
    border: none;
  }
}
.l-destiny-anchors a {
  color: #979797;
  font-size: 1em;
  font-weight: normal;
  line-height: 1.25;
  padding: 25px 30px;
  text-align: center;
  position: relative;
  flex-shrink: 0;
}
.l-destiny-anchors a:hover, .l-destiny-anchors a:active, .l-destiny-anchors a:focus, .l-destiny-anchors a:visited {
  color: #979797;
}
@media (max-width: 1599.98px) {
  .l-destiny-anchors a {
    font-size: 0.875em;
    line-height: 1.43;
    padding: 15px 25px;
  }
}
@media (max-width: 767.98px) {
  .l-destiny-anchors a {
    padding: 15px 10px;
  }
}
.l-destiny-anchors a.is-active {
  font-weight: bold;
  color: #ff6600;
}
.l-destiny-anchors a.is-active:hover, .l-destiny-anchors a.is-active:active, .l-destiny-anchors a.is-active:focus, .l-destiny-anchors a.is-active:visited {
  color: #ff6600;
}
.l-destiny-anchors a.is-active:after {
  content: "";
  width: 100%;
  height: 4px;
  background-color: #ff6600;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}