/* scroll header animation */
div#animated-scroll {
  top: 0;
  left: 0;
  position: fixed;
  width: 100%;
  overflow: hidden;
  height: 2.5rem;
  z-index: 999;
  margin-bottom: 1rem;
}
div#animated-scroll a {
  display: block;
  width: 100%;
  color: white;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
div#animated-scroll article {
  display: flex;
  width: 200%;
  animation: bannermove 20s linear infinite;
}
section#animated-scroll a:hover {
  animation-play-state: paused; /* Pause the animation on hover */
  cursor: pointer; /* Change the cursor to a pointer */
}
section#animated-scroll article.paused {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

div#animated-scroll div {
  gap: 1rem;
  width: 100%;
  background-color: #2250fc;
}

div#animated-scroll ul {
  display: flex;
  list-style-type: none;
  padding-left: 0;
  margin: 0;
  width: 100%;
}
div#animated-scroll ul li {
  width: 100%;
}

@keyframes bannermove {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
header .header-inner {
  position: fixed !important;
  background-color: white !important;
  padding-top: 0.5rem;
}

.menu--right .menuToggle {
  top: 80px !important;
}
#header {
  padding-top: 1.5rem;
}
@media (min-width: 1024px) {
  .menu--right .menuToggle {
    top: 70px !important;
  }
  header.sticky-active .header-inner {
    margin-top: 2rem !important;
    padding: 0 !important;
  }
}
