.logo-carousel-slider .slick-arrow {
    background: transparent;
    bottom: unset;
    top: 50%;
    transform: translate(0, -50%);
    width: auto;
    height: auto;
    padding: 0;
    color: var( --primary-color );
}

.logo-carousel-slider .slick-arrow::before {
    font-size: 39px;
}

.logo-carousel-slider .slick-prev {
    left: 0;
    margin-left: 0;
}

.logo-carousel-slider .slick-next {
    right: 0;
    margin-right: 0;
}

.logo-carousel-item > a {
    display: block;

    img {
        transition: transform 0.3s ease-in-out;
    }
}

.logo-carousel-item img {
    margin: 0 auto;
    display: table;
}

.logo-carousel__heading {
    margin-bottom: 32px;
}

.logo-carousel__heading h2 {
    font-size: 25px;
}

.logo-carousel__heading h2:only-child {
    margin-bottom: 0;
}

.js-logo-carousel-slider .slick-slide {
    vertical-align: top;
}

.js-logo-carousel-slider .slick-track {
    display: flex !important;
    align-items: center;
}

.js-logo-carousel-slider .slick-slide {
    height: inherit !important;
}

.js-logo-carousel-slider .slick-slide > div {
    height: 100% !important;
    display: flex;
}

.js-logo-carousel-slider.fx-slider .fx-slide {
    height: 100%;
}

.js-logo-carousel-slider .slick-slide .logo-carousel-slide > div {
    height: 100%;
    display: flex;
    flex-direction: column;
}

@media(min-width: 768px) {
    .logo-carousel-slider {
        padding: 0 100px;
    }

    .logo-carousel__heading h2 {
        font-size: 32px;
    }
}

@media(min-width: 1200px) {
    .logo-carousel-slider {
        padding: 0 75px;
    }

    .logo-carousel__heading h2 {
        font-size: 36px;
    }

    .logo-carousel-slider .slick-track {
        display: flex;
        align-items: center;
        gap: 36px;
    }
    
    /* When slider is unslicked on desktop (5 or fewer logos) */
    .logo-carousel-slider--few:not(.slick-initialized) {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 36px;
        padding: 20px 0;
    }
    
    .logo-carousel-slider--few:not(.slick-initialized) .logo-carousel-slide {
        flex: 0 0 auto;
        max-width: 200px;
    }
    
    /* Hide preloader on desktop when slider is unslicked */
    .logo-carousel-slider--few.slider-has-preloader:not(.slick-initialized):before {
        display: none;
    }
    
    /* Show slides immediately on desktop when unslicked */
    .logo-carousel-slider--few.slider-has-preloader:not(.slick-initialized) > .fx-slide {
        opacity: 1;
        display: flex;
    }

    .icon-button {
        padding: 0 85px 0 15px;
    }

    .icon-button h6 {
        font-size: 24px;
    }

    .logo-carousel-item > a:hover img {
        transform: translateY(-5px);
    }
}

@media(min-width: 1600px) {
    .logo-carousel-slider .slick-track {
        gap: 55px;
    }

    .logo-carousel-slider {
        padding: 0 90px;
    }
}