.partners-carousel {
    color: var(--color-dark);
    background-color: var(--color-light);

    @media (max-width: 992px) {
        padding-bottom: 25px;
    }
}

.partners-carousel__title {
    margin-bottom: 70px;

    @media (max-width: 992px) {
        margin-bottom: 40px;
    }
}

.partners-carousel__wrapper,
.partners-carousel__line {
    display: grid;
    height: 100px;
    grid-auto-flow: column;
    align-items: center;
    gap: 100px;
    width: max-content;

    @media (max-width: 992px) {
        gap: 30px;
    }
}

.partners-carousel__line {
    animation: scrollHorizontalAnimation 36s linear infinite;
}

@keyframes scrollHorizontalAnimation {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
    }
}


.partners-carousel__line-item {
    flex: 1;

    & img {
        transition: filter 0.2s;
        filter: grayscale(1);
        max-height: 100px;
        max-width: 200px;
        width: auto;
        object-fit: contain;

        @media (max-width: 992px) {
            max-height: 70px;
            max-width: 140px;
        }

        &:hover {
            filter: none;
        }
    }
}

@media (min-width: 1024px) {
    .partners-carousel {
    }
}