.logo-carousel {
    background-color: #F7F9FB;
    padding: 48px 0;
    position: relative;
    z-index: 2;
    margin-top: -1px;
}

.logo-carousel-slide-image {
    width: 180px;
    height: 129px;
    background-color: #fff;
    box-shadow:  0 0 20px rgba(3,57,108,0.23);
    margin: 20px auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.logo-slider{
    margin: -20px 0;
}


.logo-carousel-content {
    margin-bottom: 30px;
}

.logo-carousel-slide-image img {
    filter: grayscale(1);
}

.logo-carousel .sub-heading span {
    background: #f7f9fb;
}


@media(min-width: 768px) {
    .logo-carousel-wrapper {
        display: flex;
        align-items: center;
        justify-content: space-between;
        max-width: 664px;
        margin: 0 auto;
    }

    .logo-carousel-content {
        margin: 0;
        width: 50%;
    }

    .logo-carousel-area {
        width: 50%;
        max-width: 316px;
    }

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

@media (min-width: 1200px) {
    .logo-carousel-wrapper {
        max-width: unset;
    }

    .logo-carousel-content {
        width: 360px;
    }

    .logo-carousel-area {
        width: calc(100% - 360px);
        max-width: unset;
        padding-left: 18px;
    }

    .logo-slider{
        padding: 0 52px;
        margin: -27px 0 -20px;
    }

    .logo-slider::after {
        content: "";
        position: absolute;
        width: 48px;
        left: 28px;
        top: 0;
        height: 100%;
        background: rgb(247,249,251);
        background: linear-gradient(90deg, rgba(247,249,251,1) 25%, rgba(247,249,251,0) 100%);
    }

    .logo-slider::before {
        content: "";
        position: absolute;
        width: 48px;
        right: 28px;
        top: 0;
        height: 100%;
        background: rgb(247, 249, 251);
        background: linear-gradient(270deg, rgba(247, 249, 251, 1) 25%, rgba(247, 249, 251, 0) 100%);
        z-index: 1;
    }

    .logo-carousel-slide-image {
        width: calc(100% - 16px);
        margin: 20px 8px;
    }

    .logo-slider .logo-carousel-slide {
        margin-top: 7px;
        transition: all ease 0.3s;
        cursor: pointer;
    }

    .logo-slider .logo-carousel-slide:hover {
        margin-top: 0;
    }

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

    .logo-slider .logo-carousel-slide:hover .logo-carousel-slide-image img {
        filter: grayscale(0);
    }
    .logo-slider .logo-carousel-slide.no-link{
        pointer-events: none !important;
    }
}