@import "../settings/_mixins";

.dnetor-client-logo {
    > .swiper-wrapper {
        transition-timing-function: linear;
    }

    .slider-item {
        @include d-flex();
        align-items: center;
    }
}

.dnetor-client-logo-effect-gray {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.3;
    &:hover {
        -webkit-filter: grayscale(0);
        filter: grayscale(0);
        opacity: 1;
    }
}

.dnetor-client-logo-effect-fade {
    opacity: 0.3;
    &:hover {
        opacity: 1;
    }
}

.dnetor-client-logo-effect-fade,
.dnetor-client-logo-effect-gray {
    @include transition(all 0.3s linear);
}