[id^="BannerCarousel"] [columns="6"] [column] {
    background-position: bottom right;
    background-size: cover;
    height: 350px;
    padding: 1.5rem;
}

[id^="BannerCarousel"] [columns="4"] [column] {
    background-position: bottom center;
    background-size: cover;
    height: 350px;
    padding: 1.5rem;
}

@media only screen and (min-width: 992px) {
    [id^="BannerCarousel"] [columns="6"] [column] {
        height: 388px;
        padding: 2rem;
    }

    [id^="BannerCarousel"] [columns="6"] [column="0"] {
        justify-content: flex-start;
    }
    
    [id^="BannerCarousel"] [columns="6"] [column="1"] {
        justify-content: flex-end;
    }

    [id^="BannerCarousel"] [columns="4"] [column] {
        align-items: center;
        height: 486px;
        justify-content: flex-end;
        padding: 0 1rem 4rem 1rem;
        text-align: center;
    }
}

/* custom_DownloadCenter */

@media only screen and (min-width: 992px) {

    [id^="BannerCarousel_DownloadCenter-"] a {
        box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.15);
        transition: all .3s ease;
    }

    [id^="BannerCarousel_DownloadCenter-"] a:hover {
        box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.45);
        transform: scale(1.01);
        transition: all .3s ease;
    }

    [id^="BannerCarousel_DownloadCenter-"] a > div {
        background-color: var(--custom-white);
        transition: all .3s ease;
    }

    [id^="BannerCarousel_DownloadCenter-"] a:hover > div {
        background-color: var(--custom-blue-1);
        transition: all .3s ease;
    }

    [id^="BannerCarousel_DownloadCenter-"] a > div h2 {
        color: var(--custom-black);
        transition: all .3s ease;
    }

    [id^="BannerCarousel_DownloadCenter-"] a:hover > div h2 {
        color: var(--custom-white);
        transition: all .3s ease;
    }

}