.partnership-wrapper {
    /* height: 180px; */
    margin-inline: auto;
    mask-image: linear-gradient(
        to right,
        rgba(0, 0, 0, 0),
        rgba(0, 0, 0, 1) 20%,
        rgba(0, 0, 0, 1) 80%,
        rgba(0, 0, 0, 0)
    );
    overflow: hidden;
    position: relative;
    width: 100%;
}

.partnership-item {
    animation-duration: 30s;
    animation-iteration-count: infinite;
    animation-name: scrollLeft;
    animation-timing-function: linear;
    background-color: #fafafa57;
    border-radius: 6px;
    /* height: auto !important;
    height: 100px; */
    left: max(calc(180px * 9), 100%);
    position: absolute;
    /* width: 180px; */
}

.partnership-item1 {
    animation-delay: calc(30s / 9 * (9 - 1) * -1);
}

.partnership-item2 {
    animation-delay: calc(30s / 9 * (9 - 2) * -1);
}

.partnership-item3 {
    animation-delay: calc(30s / 9 * (9 - 3) * -1);
}

.partnership-item4 {
    animation-delay: calc(30s / 9 * (9 - 4) * -1);
}

.partnership-item5 {
    animation-delay: calc(30s / 9 * (9 - 5) * -1);
}

.partnership-item6 {
    animation-delay: calc(30s / 9 * (9 - 6) * -1);
}

.partnership-item7 {
    animation-delay: calc(30s / 9 * (9 - 7) * -1);
}

.partnership-item8 {
    animation-delay: calc(30s / 9 * (9 - 8) * -1);
}

.partnership-item9 {
    animation-delay: calc(30s / 9 * (9 - 9) * -1);
}

@keyframes scrollLeft {
    to {
        left: -180px;
    }
}

/* for Right partnership animation */
.partnership-wrapper-right .partnership-item {
    animation-name: scrollRight;
    left: -180px;
}


@keyframes scrollRight {
    from {
        left: -180px;
    }
    to {
        left: max(calc(180px * 9), 100%);
    }
}



.track-horizontal-alt {
    white-space: nowrap;
    will-change: transform;
    animation: marquee-horizontal-alt 12s linear infinite;
}

.track-horizontal-alt-right {
    white-space: nowrap;
    will-change: transform;
    animation: marquee-horizontal-alt-right 12s linear infinite;
}

.track-horizontal-alt-left {
    white-space: nowrap;
    will-change: transform;
    animation: marquee-horizontal-alt-left 12s linear infinite;
}

@keyframes marquee-horizontal-alt {
    from {
        transform: translateX(-50%);
    }
    to {
        transform: translateX(0%);
    }
}

@keyframes marquee-horizontal-alt-right {
    from {
        transform: translateX(-60%);
    }
    to {
        transform: translateX(0%);
    }
}

@keyframes marquee-horizontal-alt-left {
    from {
        transform: translateX(0%);
    }
    to {
        transform: translateX(-60%);
    }
}

@media (max-width: 1024px) {
    .partnership-wrapper {
        height: 60px !important;
    }

    .partnership-item {
        height: 60px !important;
        width: 180px;
    }
}

@media (max-width: 768px) {
    .partnership-wrapper {
        height: 50px !important;
    }

    .partnership-item {
        height: 50px !important;
        width: 160px !important;
    }
}

@media (max-width: 640px) {
    .partnership-wrapper {
        height: 30px !important;
    }

    .partnership-item {
        height: 30px !important;
        width: 190px !important;
    }
}


@media (max-width: 480px) {
    .partnership-wrapper {
        height: 30px !important;
    }

    .partnership-item {
        height: 30px !important;
        width: 160px;
    }
}