/* ========================= BRANDS BAR ========================= */
.brands-bar {
    padding: 56px 0;
    background: black;
    border-bottom: .9px solid #ff0000;
    overflow: hidden;

}

.brands-title {
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    color: white;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-bottom: 32px;
}

.marquee {
    position: relative;
}

.marquee-track {
    display: flex;
    gap: 48px;
    width: max-content;
    animation: marquee 30s linear infinite;
}

.marquee-track span {
    font-size: 20px;
    font-weight: 600;
    color: var(--slate-300);
    white-space: nowrap;
    cursor: default;
    user-select: none;
    transition: color 0.2s;
}

.marquee-track span:hover {
    color: #ba251d;
}

@keyframes marquee {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }
}