﻿@keyframes scroll {
    0% {
        transform: translateX(0%);
    }

    100% {
        transform: translateX(-50%);
    }
}

.looper-container {
    direction: ltr;
    width: 100%;
    overflow: hidden;
    background-color: #fff; /* Optional: background for contrast */
    padding: 0rem 0;
}

.looper__innerList {
    direction: ltr;
    flex-direction: row !important;
    display: flex;
    width: max-content;
    animation: scroll 100s linear infinite;
    gap: 0;
}

.content-block img {
    height: 70px;
    object-fit: contain;
    display: block;
}

/* RTL Support for Loop Components */
[dir="rtl"] .looper-bar {
    direction: rtl;
}

[dir="rtl"] .looper-bar .ticker {
    direction: rtl;
}

[dir="rtl"] .looper-bar .ticker-content {
    direction: rtl;
}

/* RTL Responsive Fixes for Loop Components */
@media (max-width: 768px) {
    [dir="rtl"] .looper-bar {
        direction: rtl;
    }
}
