[id^="HeroCarousel"] .tns-item .container {
    height: 88.5417vw;
    padding-bottom: 50vw;
}

[id^="HeroCarousel"] .tns-nav {
    display: flex;
    justify-content: center;
    padding: 1.5rem 0;
}

[id^="HeroCarousel"].tns-carousel:not(.tns-controls-static) [data-controls] {
    margin-top: calc(-1.5rem - 2px);
}

@media only screen and (min-width: 992px) {
    [id^="HeroCarousel"] .tns-item .container {
        height: 35.4167vw;
        padding-bottom: 7.2vw;
    }

    [id^="HeroCarousel"] .tns-nav {
        padding: 3rem 0;
    }

    [id^="HeroCarousel"].tns-carousel:not(.tns-controls-static) [data-controls] {
        margin-top: calc(-3rem - 2px);
    }
    
}

@media only screen and (min-width: 1200px) {
    [id^="HeroCarousel"] .tns-item .container {
        padding-bottom: 7.2vw;
    }
}