.wpanel_marquee {
  overflow: hidden;
  white-space: nowrap;
  background: #f0f8ff;
  border: 1px solid #ccc;
  padding: 6px 0;
  position: relative;
}

.scroll-content {
  display: flex;
  width: max-content;
  animation: scrollLeft 80s linear infinite;
  animation-delay: 1s; /* 2-second delay before first move */
}

.scroll-content p {
  margin: 0;
  padding-right: 50px; /* space between loops */
  padding-left: 1900px; /* space between loops */

  font-size: 15px;
  color: #003366;
}

/* Continuous right ➜ left movement */
@keyframes scrollLeft {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

/* Pause animation on hover */
.wpanel_marquee:hover .scroll-content {
  animation-play-state: paused;
}