.marquee-banner { background: linear-gradient(90deg, #0d1b2a 0%, #1b263b 100%); color: white; overflow: hidden; white-space: nowrap; position: relative; width: 100%; padding: 14px 0; border-radius: 6px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); } .marquee-track { display: inline-block; white-space: nowrap; animation: marquee 25s linear infinite; } .marquee-item { display: inline-block; padding: 0 50px; font-size: 15px; font-weight: 600; } .express { color: #FF6B6B; } .standard { color: #FFD93D; } .separator { color: #ffffff; margin: 0 20px; font-weight: normal; opacity: 0.7; } @keyframes marquee { 0% { transform: translateX(0); } 100% { transform: translateX(-100%); } }