.marquee-container {
    overflow: hidden; /* Hide overflowing content */
    position: relative;
   /* background: #000; /* Background color for contrast */
    padding: 10px;
    color: #fff; /* Text color */
}

.marquee {
    display: inline-block;
    white-space: nowrap;
    animation: marquee 10s linear infinite;
}

.sparkle {
    position: relative;
    display: inline-block;
    font-size: 15px; /* Adjust font size as needed */
    color: #1431db; /* Light color for the text */
}

.sparkle::before {
    content: "✨";
    position: absolute;
    top: 0;
    left: -30px; /* Adjust starting position */
    animation: sparkle 1.5s infinite;
}


.sparkle::after {
    content: "✨";
    position: absolute;
    top: 0;
    right: -30px; /* Adjust starting position */
    animation: sparkle 1.5s infinite;
}

@keyframes marquee {
    from {
        transform: translateX(100%);
    }
    to {
        transform: translateX(-100%);
    }
}

@keyframes sparkle {
    0% {
        opacity: 0;
        transform: translateY(-10px) scale(0.8);
    }
    50% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
    100% {
        opacity: 0;
        transform: translateY(10px) scale(0.8);
    }
}