.slider-man {
            max-width: 90%;
            margin: 0 auto !important;
        }
        .swiper.marquee-swiper-logos {
            margin-top: 4rem;
            mask-image: linear-gradient(
                    to right,
                    transparent 0%,
                    white 10%,
                    white 90%,
                    transparent 100%
            );
        }

        .swiper-wrapper.marquee-swiper-logos {
            display:flex !important;
            flex-direction: row !important;
            transition-timing-function: linear;
            align-items: center;
            padding:5px 0;
        }

        .swiper-slide.marquee-swiper-logos {
            display: flex;
            align-items: center;
            justify-content: center;
        }

        /* کارت لوگو */
        .metals-slider_card-logos{
            width: 180px !important;
            height: 90px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        /* باکس تصویر */
        .metals-slider_card-logos .metals-slider_image-wrapper{
            width: 180px !important;
            height: 90px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        /* خود لوگو */
        .metals-slider_card-logos .metals-slider_image{
            max-width: 140px !important;
            max-height: 60px;
            width: auto;
            height: auto;
            object-fit: contain;

            /* خاکستری */
            filter: grayscale(100%) opacity(.6);
            transition: all .35s ease;
        }

        /* هاور */
        .metals-slider_card-logos:hover .metals-slider_image{
            filter: grayscale(0%) opacity(1);
            cursor:pointer;
        }

        @media (max-width: 767px){

            .metals-slider_card-logos{
                width: 70px !important;
                height: 70px;
            }

            .swiper-slide.marquee-swiper-logos{
                width: auto !important;
                margin-left: 5px !important;
                margin-right: 5px !important;
            }

            .metals-slider_card-logos .metals-slider_image-wrapper{
                width: 70px !important;
                height: 70px;
            }

            .metals-slider_card-logos .metals-slider_image{
                max-width: 70px !important;
                max-height: 40px;
            }

            .metals-slider_card-logos .metals-slider_image{
                filter: grayscale(100%) opacity(.9);
            }

        }