
.acf-partners {
    margin: 65px 0;
    min-height: 100px;
}

.partners {
    position: relative;
    max-width: 1200px;
    margin-inline: auto;
}

.partners.is-loading {
    opacity: .7;
    pointer-events: none
}

.partners__viewport {
    overflow: hidden;
    position: relative;
    width: calc(100% - 40px);
    margin: 0 auto;
}

.partners__track {
    display: flex;
    align-items: center;
    gap: 3px;
    will-change: transform;
    transition: transform .3s cubic-bezier(.2, .6, .2, 1);
}

.partners__item {
    flex: 0 0 calc(100% / var(--per-view, 5));
    display: flex;
    align-items: center;
    justify-content: center;
}

.partners__logo {
    max-width: 100%;
    max-height: 100px;
    object-fit: contain;
    display: block;
    filter: brightness(0) contrast(100%);
}

.partners__itemLink {
    display: inline-flex
}

.partners__controls {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    pointer-events: none;
}

.partners__prev, .partners__next {
    pointer-events: auto;
    width: 45px;
    height: 45px;
    border: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.partners__prev svg *,
.partners__next svg * {
    fill: var(--color-primary);
    transition: linear .3s;
}

.partners__prev:hover svg *,
.partners__next:hover svg * {
    fill: var(--color-black);
}

@media all and (max-width: 1000px){
    .acf-partners {
        margin: 50px 0;
        min-height: 80px;
    }

}
