 .tagline-container {
            position: relative;
            max-width: 900px;
            width:99%;
            margin:5px auto;
            padding: 0;
            overflow-x:hidden;
            overflow: hidden;
            background: var(--primary-gradient);
            border-radius: var(--border-radius);
            box-shadow: var(--shadow);
            backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, 0.2);
        }

        .tagline-container::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 2px;
            background: linear-gradient(90deg, 
                transparent 0%, 
                rgba(255, 255, 255, 0.8) 50%, 
                transparent 100%);
            animation: shimmer 2s infinite;
        }

        .ec-tagline {
            display: inline-block;
            font-weight: 600;
            color: var(--white);
            font-size: 0.8rem;
            white-space: nowrap;
            padding: 4px 6px;
            animation: mike-marquee 15s linear infinite;
            text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
            letter-spacing: 0.5px;
        }

        /* Marquee Animation */
        @keyframes mike-marquee {
            0% {
                transform: translateX(100%);
            }
            100% {
                transform: translateX(-100%);
            }
        }

        /* Shimmer effect */
        @keyframes shimmer {
            0% {
                transform: translateX(-100%);
            }
            100% {
                transform: translateX(100%);
            }
        }

        /* Pause animation on hover */
        .tagline-container:hover .ec-tagline {
            animation-play-state: paused;
        }

        /* Alternative gradient themes */
        .tagline-container.warning {
            background: var(--warning-gradient);
        }

        .tagline-container.success {
            background: var(--success-gradient);
        }

        .tagline-container.danger {
            background: var(--danger-gradient);
        }

        /* Alternative slower animation */
        .tagline-slow {
            animation: mike-marquee 25s linear infinite;
        }

        /* Alternative faster animation */
        .tagline-fast {
            animation: mike-marquee 8s linear infinite;
        }

        /* Bouncing animation alternative */
        .tagline-bounce {
            animation: mike-marquee-bounce 12s ease-in-out infinite;
        }

        @keyframes mike-marquee-bounce {
            0%, 100% {
                transform: translateX(100%);
            }
            50% {
                transform: translateX(-100%);
            }
        }
