/* <style id="elementor-post-82102"> */
/* Start custom CSS for section, class: .elementor-element-3458ef1 */
@keyframes logoloop {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(-100%)
    }
}

@-moz-keyframes logoloop {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(-100%)
    }
}

@-o-keyframes logoloop {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(-100%)
    }
}

@-webkit-keyframes logoloop {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(-100%)
    }
}

/*! Style for partner-wrapper-style template */
/*! need to add to the pages manually */
.partner__wrappers {
    width: 100%;
    overflow: hidden;
    padding: 100px 0 140px
}

.partner__wrappers .elementor-column-wrap::after,
.partner__wrappers .elementor-column-wrap::before {
    position: absolute;
    content: "";
    width: 240px;
    height: 100%;
    background: linear-gradient(90deg, transparent 0, #202124 100%);
    z-index: 9;
    transform: rotate(180deg)
}

.partner__wrappers .elementor-column-wrap::before {
    left: 0
}

.partner__wrappers .elementor-column-wrap::after {
    right: 0;
    background: linear-gradient(90deg, #202124 0, transparent 100%)
}

.partner__wrappers .elementor-column-wrap .elementor-widget-wrap {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    flex: none;
    justify-content: space-between;
    align-items: center;
    width: auto
}

.partner__wrappers .elementor-column-wrap .elementor-widget-wrap.start-loop {
    animation: 147s linear infinite logoloop;
    -webkit-animation: 147s linear infinite logoloop;
    -moz-animation: 147s linear infinite logoloop;
    -o-animation: 147s linear infinite logoloop
}

.partner__wrappers .elementor-column-wrap .elementor-widget-wrap .elementor-element {
    padding-left: 43px;
    padding-right: 43px
}

.partner__wrappers .elementor-column-wrap .elementor-widget-wrap .elementor-element .elementor-image img {
    height: 60px;
    width: auto
}

@media screen and (max-width:979px) {
    .partner__wrappers {
        padding: 50px 0
    }

    .partner__wrappers .elementor-column-wrap:after,
    .partner__wrappers .elementor-column-wrap:before {
        width: 62px
    }

    .partner__wrappers .elementor-column-wrap .elementor-widget-wrap .elementor-element {
        padding-left: 20px;
        padding-right: 20px
    }

    .partner__wrappers .elementor-column-wrap .elementor-widget-wrap .elementor-element .elementor-image img {
        height: 45px
    }
}

/* End custom CSS */
/* </style> */