﻿/* custom scrollbar for the ticker container - optional but nice */
.news-ticker::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

.news-ticker::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

.news-ticker::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 10px;
}

    .news-ticker::-webkit-scrollbar-thumb:hover {
        background: #94a3b8;
    }
/* ensure smooth infinite scroll without glitches */
@keyframes scrollUp {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-50%);
    }
}

.animate-scroll {
    animation: scrollUp 20s linear infinite;
}
/* pause on hover for better UX */
.ticker-wrapper:hover .animate-scroll {
    animation-play-state: paused;
}

.swiper-slide-image {
    margin: 2px;
    width: 200px;
    object-fit: contain;
    height: 70px;
    object-position: center;
    border: 1px solid #eee;
}
