.logo-carousel {
    padding: 50px 0;
}

.logo-carousel-slider .slick-arrow {
    background: #FFFFFF;
    border: 2px solid #F5F5F7;
    bottom: 0;
    top: unset;
    left: 50%;
    transform: translate(-50%, 0);
    margin: 0;
    right: unset;
}

.logo-carousel-slider .slick-arrow:before {
    color: #12284C;
}

.logo-carousel-image img {
    margin: 0 auto;
}

.logo-carousel-slider .slick-slide>* {
    font-size: 0;
}

.logo-carousel-slider {
    padding-bottom: 88px;
}

.logo-carousel-slider .slick-next {
    margin-left: 43px;
}

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

.logo-carousel__heading {
    margin: 0 0 45px;
}


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

    .logo-carousel-slider .slick-slide {
        margin: 0 22px;
    }

    .logo-carousel-slider {
        padding-bottom: 92px;
    }

    .logo-carousel__heading {
        margin: 0 0 50px;
    }
}


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

    .logo-carousel-slider .slick-arrow {
        transform: translate(0, -50%);
        bottom: unset;
        top: 50%;
    }

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

        &:hover {
            &::before {
                color: #089CD6;
            }
        }
    }

    .logo-carousel-slider .slick-next {
        margin-left: 0;
        right: 30px;
        left: unset;

        &:hover {
            &::before {
                color: #089CD6;
            }
        }
    }

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

    .logo-carousel__heading {
        margin: 0 0 40px;
    }
}