/* ============================================================
   FLY4 Info Stripe — desktop static + mobile auto-scroll marquee
   (Angie snippet ki style.css me isse replace kar de)
   ============================================================ */

.fly4-stripe-826ef55a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
    line-height: 1.4;
}

.fly4-stripe-track-826ef55a {
    display: flex;
    max-width: 100%;
}

.fly4-stripe-group-826ef55a {
    display: flex;
    align-items: center;
    flex-wrap: wrap;              /* desktop: agar zaroorat pade to wrap */
    justify-content: center;
    gap: 20px;                    /* item_gap control override karega */
}

.fly4-stripe-item-826ef55a {
    display: inline-flex;
    align-items: center;
    color: #000000;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    white-space: nowrap;
}

.fly4-stripe-sep-826ef55a {
    color: rgba(0, 0, 0, 0.35);
    user-select: none;
    font-weight: 400;
}

/* DESKTOP: duplicate group + har group ka trailing separator hide */
.fly4-stripe-group-826ef55a:nth-child(2) { display: none; }
.fly4-stripe-group-826ef55a > .fly4-stripe-sep-826ef55a:last-child { display: none; }

/* ============================================================
   MOBILE AUTO-SCROLL (jab widget me "Auto-scroll on Mobile" ON ho)
   ============================================================ */
@media (max-width: 782px) {
    .fly4-stripe--mscroll-826ef55a {
        overflow: hidden;
        justify-content: flex-start;
    }
    .fly4-stripe--mscroll-826ef55a .fly4-stripe-track-826ef55a {
        flex-wrap: nowrap;
        width: max-content;
        max-width: none;
        animation: fly4-marquee-826ef55a var(--fly4-scroll-speed, 20s) linear infinite;
    }
    .fly4-stripe--mscroll-826ef55a .fly4-stripe-group-826ef55a {
        flex-wrap: nowrap;
        flex-shrink: 0;
        justify-content: flex-start;
        white-space: nowrap;
    }
    /* duplicate group + trailing separator dikhaao (seamless loop) */
    .fly4-stripe--mscroll-826ef55a .fly4-stripe-group-826ef55a:nth-child(2) { display: flex; }
    .fly4-stripe--mscroll-826ef55a .fly4-stripe-group-826ef55a > .fly4-stripe-sep-826ef55a:last-child {
        display: inline-flex;
        margin-right: 20px;      /* seam pe spacing (gap jaisa) */
    }
}

@keyframes fly4-marquee-826ef55a {
    from { transform: translateX(0); }
    to   { transform: translateX(-50%); }   /* 2 identical groups -> seamless */
}

/* pause on hover (optional, achha UX) */
.fly4-stripe--mscroll-826ef55a:hover .fly4-stripe-track-826ef55a {
    animation-play-state: paused;
}

/* accessibility: motion kam karne wale users ke liye */
@media (prefers-reduced-motion: reduce) {
    .fly4-stripe--mscroll-826ef55a .fly4-stripe-track-826ef55a { animation: none !important; }
    .fly4-stripe--mscroll-826ef55a { overflow-x: auto; }
}