/*CUSTOM CSS*/
/*Infinite Logo Scroll */

.logo-slider-main {
    background: white;
    -webkit-box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0.125);
    box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0.125);
    margin: 0;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.logo-slider-main::before, .logo-slider-main::after {
    content: "";
    position: absolute;
    width: 100%;
    z-index: 2;
}

.logo-slider-main::after {
    right: 0;
    top: 0;
    -webkit-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
}

.logo-slider-main::before {
    left: 0;
    top: 0;
}

.logo-slider-main .logo-slide-track {
    -webkit-animation: logo-scroll 60s linear infinite;
    animation: logo-scroll 60s linear infinite;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(250px * 14);
    animation-duration: 30s;
    animation-iteration-count: infinite;
}

.logo-slider-main .slide-main {
    padding: 20px;
    white-space: nowrap;

}
.slide-main>img{
    width: 14em;
    aspect-ratio: 3/2;
    object-fit: contain;
    mix-blend-mode: color-burn;
}

@-webkit-keyframes logo-scroll {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        -webkit-transform: translateX(calc(-250px * 7));
        transform: translateX(calc(-250px * 7));
    }
}

@keyframes logo-scroll {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        -webkit-transform: translateX(calc(-250px * 7));
        transform: translateX(calc(-250px * 7));
    }
}
.slider-container{
    /*margin:20px 0px 20px 0px;*/
    padding: 10px;
    overflow: hidden;
}

/*Reverse Scroll*/
@-webkit-keyframes logo-scroll-back {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        -webkit-transform: translateX(calc(250px * 7));
        transform: translateX(calc(250px * 7));
    }
}

.reverse{
    -webkit-animation: logo-scroll-back 50s linear infinite !important;
    animation: logo-scroll-back 50s linear infinite !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(250px * 14);
    animation-duration: 30s;
    animation-iteration-count: infinite;
}

@keyframes logo-scroll-back {
    0% {
        -webkit-transform: translateX(calc(-250px * 7));
        transform: translateX(calc(-250px * 7));
    }

    100% {

        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
/*Infinite scroll End*/