/* ===== NOTICE BAR CSS ===== */
.notice-bar {
  width: 100%;
  overflow: hidden;
  background: linear-gradient(90deg, #6b0f1a, #b31217); /* theme color */
  padding: 10px 0;
}

.notice-track {
  display: flex;
  width: max-content;
  animation: scroll-left-right 30s linear infinite;
}

.notice-text {
  white-space: nowrap;
  font-size: 16px;
  font-weight: 700; /* bold text */
  color: #ffffff;
  padding-right: 60px;
}

/* animation left to right */
@keyframes scroll-left-right {
  0% {
    transform: translateX(-50%);
  }
  100% {
    transform: translateX(0%);
  }
}

/* ===== Responsive ===== */
@media (max-width: 768px) {
  .notice-text {
    font-size: 14px;
  }
}

@media (max-width: 480px) {
  .notice-text {
    font-size: 13px;
  }
}