.ticker {
  --gap: 2rem;
  position: relative;
  overflow: hidden;
  width: 100%;
  background: #f8f9fa;
  border-radius: .75rem;
  white-space: nowrap;     /* container কে এক লাইনে বাধ্য করছে */
}

.ticker__track {
  display: inline-flex;     /* inline-flex দিলে সব একই লাইনে থাকবে */
  flex-wrap: nowrap;        /* ভাঙবে না */
  gap: var(--gap);
  width: max-content;       /* কনটেন্ট অনুযায়ী চওড়া */
  animation: ticker-scroll linear infinite;
  will-change: transform;
  padding: .5rem 1rem;
}

.ticker__item {
  flex: 0 0 auto;           /* shrink হবে না */
  white-space: nowrap;      /* টেক্সট এক লাইনে */
  font-weight: 700;
  font-size: clamp(.9rem, 2vw, 1.3rem);
  color: #FAF9F9;
 background: linear-gradient(90deg, #0d6efd, #20c997, #ffc107);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: fadeIn 1s ease-in-out;
}

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

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

@keyframes fadeIn {
  from { opacity: 0; }
  to   { opacity: 1; }
}
