.service-ticker {
  position: sticky;
  top: 84px;
  z-index: 99;
  height: 40px;
  overflow: hidden;
  color: #fff;
  background: linear-gradient(90deg, #082c9b, #123dbf 55%, #129447);
  border-bottom: 1px solid rgba(255, 255, 255, .2);
  box-shadow: 0 6px 18px rgba(7, 27, 74, .12);
}

.service-ticker__track {
  display: flex;
  width: max-content;
  height: 100%;
  will-change: transform;
  animation: service-ticker-scroll 38s linear infinite;
}

.service-ticker__content {
  display: flex;
  flex: none;
  align-items: center;
  height: 100%;
  white-space: nowrap;
}

.service-ticker__content span {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  padding-inline: 1.15rem;
  font-size: .8rem;
  font-weight: 700;
  letter-spacing: .01em;
}

.service-ticker__content span::after {
  content: "•";
  margin-left: 2.3rem;
  color: #a7f3c3;
  font-size: 1.05rem;
}

.service-ticker:hover .service-ticker__track,
.service-ticker:focus-within .service-ticker__track {
  animation-play-state: paused;
}

@keyframes service-ticker-scroll {
  to { transform: translateX(-50%); }
}

@media (max-width: 980px) {
  .site-nav { top: 124px; }
}

@media (max-width: 700px) {
  .service-ticker {
    top: 72px;
    height: 36px;
  }

  .service-ticker__content span {
    min-height: 36px;
    padding-inline: .85rem;
    font-size: .72rem;
  }

  .service-ticker__content span::after {
    margin-left: 1.7rem;
  }

  .site-nav { top: 108px; }
}

html[lang="ml"] .service-ticker__content span {
  font-size: .74rem;
  letter-spacing: 0;
}

@media (prefers-reduced-motion: reduce) {
  .service-ticker {
    overflow-x: auto;
    scrollbar-width: thin;
  }

  .service-ticker__track {
    animation: none;
  }

  .service-ticker__content[aria-hidden="true"] {
    display: none;
  }
}

@media print {
  .service-ticker { display: none !important; }
}