.ogtopbar {
  position: relative;
  width: 100%;
  overflow: hidden;
  text-align: center;
  z-index: 1000;
}

.ogtopbar__track {
  position: relative;
  width: 100%;
  height: 100%;
}

.ogtopbar__slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 15px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transform: translateX(100%);
  pointer-events: none;
  will-change: transform;
}

.ogtopbar__slide a {
  text-decoration: none;
}

.ogtopbar__slide a:hover {
  text-decoration: underline !important;
}

/* Active slide: visible at center */
.ogtopbar__slide.is-active {
  transform: translateX(0);
  pointer-events: auto;
}

/* Transition class — only added when animating */
.ogtopbar__slide.is-sliding {
  transition: transform 0.45s ease-in-out;
}

/* Exiting: slide out to the left */
.ogtopbar__slide.is-exit {
  transform: translateX(-100%);
  pointer-events: none;
}

  @media (max-width: 767px) {   
    .ogtopbar__slide {
      white-space: wrap;
    }
  }