.service-ticker {
  --service-ticker-bg: #2e7be0;
  --service-ticker-text: #111111;
  --service-ticker-gap: 58px;
  --service-ticker-speed: 50s;

  width: 100%;
  overflow: hidden;
  background: var(--service-ticker-bg);
  color: var(--service-ticker-text);
}

.service-ticker__viewport {
  overflow: hidden;
}

.service-ticker__track {
  display: flex;
  width: max-content;
  will-change: transform;
  animation: service-ticker-move var(--service-ticker-speed) linear infinite;
}

.service-ticker__group {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  gap: var(--service-ticker-gap);
  padding: 17px var(--service-ticker-gap) 17px 0;
}

.service-ticker__item {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
}

.service-ticker__item b {
  margin-left: 6px;
  font-size: 23px;
  font-weight: 700;
}

@keyframes service-ticker-move {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(var(--service-ticker-shift));
  }
}

@media (max-width: 768px) {
  .service-ticker {
    --service-ticker-gap: 34px;
    --service-ticker-speed: 30s;
  }

  .service-ticker__group {
    padding-top: 14px;
    padding-bottom: 14px;
  }

  .service-ticker__item {
    font-size: 15px;
  }

  .service-ticker__item b {
    font-size: 19px;
  }
}