.ticker-wrapper {
	display: flex;
	align-items: center;
	width: 100%;
	background: #dedede;
	overflow: hidden;
	color: #e5e7eb;
}

.ticker-label {
  background: #0071aa;
  padding: 5px 10px; 
  font-weight: 700;
  height: 21px;
  display: flex;
  align-items: center; 
  white-space: nowrap;
  z-index: 2;
  flex-shrink: 0;
  color: #e5e7eb;
  font-family: sans-serif;
}

.ticker-content {
  position: relative;
  overflow: hidden;
  flex: 1;
}

.ticker {
  display: flex;
  white-space: nowrap;
  animation: scroll 30s linear infinite;
  text-shadow: none;
}

.ticker-item {
  padding: 0 40px;
}

.ticker-item a {
  text-decoration: none;
  font-size: 15px;
  transition: 0.4s;
  /*color: #ffffff !important;*/
}

.ticker-item a:hover {
  /*color: #efefef !important;*/
}

.ticker-wrapper:hover .ticker {
  animation-play-state: paused;
}

@keyframes scroll {
  from {
      transform: translateX(0);
  }
  to {
      transform: translateX(-50%);
  }
}

@media (max-width: 768px) {
  .ticker-item {
    padding: 0 20px;
    font-size: 14px;
  }

  .ticker-label {
    font-size: 14px;
  }
}