.reference-brand-area .reference-brand-slider {
        width: 100%;
        overflow: hidden;
        position: relative;
    }

    .reference-brand-area .reference-brand-track {
        display: flex;
        width: max-content;
        animation: referenceBrandScroll 40s linear infinite;
        will-change: transform;
    }

    .reference-brand-area .reference-brand-group {
        display: flex;
        align-items: center;
        flex-shrink: 0;
        gap: 55px;
        padding-right: 55px;
    }

    .reference-brand-area .reference-brand-item {
        width: 150px;
        height: 90px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
    }

    .reference-brand-area .reference-brand-item a {
        display: flex;
        width: 100%;
        height: 100%;
        align-items: center;
        justify-content: center;
    }

    .reference-brand-area .reference-brand-item img {
        display: block;
        max-width: 135px;
        max-height: 60px;
        width: auto;
        height: auto;
        object-fit: contain;

        filter: grayscale(100%) brightness(1.6);
        opacity: 0.45;

        transition:
            filter 0.4s ease,
            opacity 0.4s ease,
            transform 0.4s ease;
    }

    .reference-brand-area .reference-brand-item:hover img {
        filter: grayscale(0%) brightness(1);
        opacity: 1;
        transform: scale(1.06);
    }

    .reference-brand-area .reference-brand-slider:hover .reference-brand-track {
        animation-play-state: paused;
    }

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

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

    @media (max-width: 767px) {
        .reference-brand-area .reference-brand-slider {
            margin-top: 25px;
        }

        .reference-brand-area .reference-brand-group {
            gap: 30px;
            padding-right: 30px;
        }

        .reference-brand-area .reference-brand-item {
            width: 120px;
            height: 75px;
        }

        .reference-brand-area .reference-brand-item img {
            max-width: 110px;
            max-height: 50px;
        }
    }

    @media (prefers-reduced-motion: reduce) {
        .reference-brand-area .reference-brand-track {
            animation: none;
        }

        .reference-brand-area .reference-brand-slider {
            overflow-x: auto;
        }
    }