/* ===== Top Strip ===== */
.top-strip {
    width: 100%;
    background-color: #ffcc00;
    color: #000;
    font-weight: bold;
    overflow: hidden;
    padding: 10px 0;
}

/* Scroll container */
.scroll-container {
    overflow: hidden;
}

/* Scroll text */
.scroll-text {
    display: inline-flex;
    white-space: nowrap;
    animation: scroll-left 20s linear infinite;
}

/* Hover par animation stop */
.top-strip:hover .scroll-text {
    animation-play-state: paused;
    cursor: pointer;
}

/* Span spacing */
.scroll-text span {
    margin-right: 50px;
}

/* 🔥 Anchor tag fix */
.scroll-text a {
    color: inherit;          /* parent ka color lega */
    text-decoration: none;   /* underline remove */
    display: inline-block;
}

/* Anchor hover (optional) */
.scroll-text a:hover {
    color: #000;             /* same color rahe */
    text-decoration: underline; /* ya none rakh sakte ho */
}

/* Animation */
@keyframes scroll-left {
    from {
        transform: translateX(100%);
    }
    to {
        transform: translateX(-100%);
    }
}

/* Responsive */
@media (max-width: 768px) {
    .scroll-text span {
        font-size: 0.9rem;
        margin-right: 20px;
    }
}

@media (max-width: 480px) {
    .scroll-text span {
        font-size: 0.8rem;
        margin-right: 15px;
    }
}