/* ============ PLACE YOUR CUSTOM CSS HERE ============ */
/* ===== Modern Infinite Scrolling Ticker (Custom) ===== */

/* Ticker Container */
.ticker-container {
    width: 100%;
    overflow: hidden;
    background: #000;
    padding: 6px 0;
    position: relative;
}

/* Track */
.ticker-track {
    display: inline-flex !important;
    white-space: nowrap !important;
    gap: 40px;
    animation: ticker-scroll 25s linear infinite;
}

/* Pause on hover */
.ticker-container:hover .ticker-track {
    animation-play-state: paused;
}

/* Items */
.ticker-item a {
    color: #fff !important;
    font-size: 14px;
    text-decoration: none;
    padding-right: 40px;
}

.ticker-item a:hover {
    text-decoration: underline;
}

/* Keyframes */
@keyframes ticker-scroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

/* Responsive */
@media (max-width: 768px) {
    .ticker-item a {
        font-size: 12px;
    }
}