.elementor-widget-client-logos-widget {

    & .client-logos-container {

        margin-top: 100px;
        margin-bottom: 100px;

        & .client-logos-title {
            margin-bottom: 91px;
        }

        & .logo-grid {
            display: flex;
            flex-direction: column;
            gap: 1.5rem;
            overflow: hidden;

            & .logo-row {
                display: flex;
                flex-wrap: nowrap;
                align-items: center;
                justify-content: flex-start;
                gap: 100px;
                will-change: transform;

                /* important for loop visibility */
                flex-shrink: 0;
                min-width: max-content;

                & .logo-item {
                    flex: 0 0 auto;
                    width: 100px;
                    height: 64px;

                    & .logo-img {
                        width: 100%;
                        height: 100%;
                        object-fit: contain;
                    }
                }

                /* Indent for the middle row */
                &.row-2  {
                    transform: translateX(-100px);

                }
            }
        }

        & .logo-row {
            animation-name: map-scroll;
            animation-duration: 40s;
            animation-direction: alternate;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
        }

        & .logo-row.row-2 {
            animation-direction: alternate-reverse;
        }
    }
}

@media screen and (max-width: 768px) {
    .elementor-widget-client-logos-widget {

        & .client-logos-container{

            /*& h2 {*/
            /*    padding-left: 10px;*/
            /*    padding-right: 10px;*/
            /*}*/

            & .logo-grid {
                max-width: 100vw !important;
            }
        }
    }
}


/* Animation */
@keyframes map-scroll{
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}