/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 1 version
*/

.logo-carousel__top-content {
    margin-bottom: 25px;
}

.logo-carousel__col {
    width: auto;
    height: 50px;
}

.logo-carousel__col a {
    display: block;
    background: transparent;
    border: none;
    height: 100%;
    width: 100%;
    transition: all 300ms ease-in-out;
}

.logo-carousel__col img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
}

.logo-carousel-slider-wrap {
    padding-bottom: 66px;
    overflow: hidden;
}

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

.logo-carousel .slick-initialized .slick-slide {
    margin: 0 17px;
    display: flex !important;
    align-items: center;
    float: none !important;
    height: inherit !important;
}

.logo-carousel__btn {
    margin-top: 25px;
    transition: all 300ms ease-in-out;
}

.logo-carousel .slick-arrow{
    transition: all 300ms ease-in-out;
}

@media(min-width: 768px){
    .logo-carousel__top-content {
        margin-bottom: 35px;
    }

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

    .logo-carousel .slick-initialized .slick-slide {
        margin: 0 25px;
        height: 110px;
    }

    .logo-carousel__btn {
        margin-top: 32px;
    }
}

@media(min-width: 1200px){
    .logo-carousel__top-content {
        margin-bottom: 55px;
    }

    .logo-carousel-slider-wrap {
        padding-bottom: 75px;
        margin-left: -8px;
    }

    .logo-carousel__col {
        height: 80px;
    }

    .logo-carousel .slick-initialized .slick-slide {
        margin: 0 38px;
        padding: 6px 0;
    }

    .logo-carousel__btn {
        margin-top: 40px;
    }

    .logo-carousel__col img:hover {
        mix-blend-mode: multiply;
    }

    .logo-carousel__col a:hover {
        border-radius: 5px;
        background: linear-gradient(0deg, rgba(2, 180, 215, 0.15) 0%, rgba(2, 180, 215, 0.15) 100%);
        box-shadow: 0px 0px 0px 5px rgba(2, 180, 215, 0.15);
        -webkit-box-shadow: 0px 0px 0px 5px rgba(2, 180, 215, 0.15);
        -moz-box-shadow: 0px 0px 0px 5px rgba(2, 180, 215, 0.15);
    }
}