.banner-section {
    padding: 32px 0;
}

.banner-carousel {
    padding: 0 45px;
    z-index: 0;
}

.banner-section h3.section-title {
    font-weight: 600;
    font-size: 1.5em;
    text-transform: uppercase;
    margin-bottom: 16px;
}

.banner-carousel .splide__track {
    z-index: 91;
}

.banner-carousel .it-single-slide-wrapper {
    padding: 0 8px
}

.banner-carousel .splide__arrows {
    background: transparent;
    position: absolute;
    bottom: 50%;
    left: 50%;
    transform: translate(-50%);
    z-index: 90;
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.banner-carousel .splide__arrows .splide__arrow {
    background: transparent;
    border: none;
    fill: var(--hrz-splide-arrow-active-textcolor);
}

.banner-carousel .banner-slide-img {
    aspect-ratio: 16/9.6;
}

.banner-carousel .banner-slide-img img {
    width: 100%;
    height: 100%;
    aspect-ratio: 16/9.6;
    object-fit: fill;
}

.banner-carousel .it-single-slide-wrapper {
    max-width: 100%;
}

.banner-carousel .banner-slide-text {
    font-weight: 700;
    color: var(--hrz-main-link-color);
    text-decoration: underline;
    padding-top: 8px;
}

.banner-carousel .it-single-slide-wrapper > a:hover .banner-slide-text {
    color: var(--hrz-main-link-color-hover);
}

.banner-carousel .splide__pagination .splide__pagination__page {
    width: 16px;
    height: 16px;
}

.banner-carousel li.splide__slide {
    margin: 2px 0;
}

.banner-carousel li.splide__slide:focus-within {
    box-shadow: 0 0 0 2px var(--hrz-home-banner-focuscolor);
}
 
/* Allinea i titoli per la visione mobile */
@media screen and (max-width: 575px) {
    .banner-section .section-title {
        margin-left: 16px;
    }
}

@media screen and (min-width: 992px) {
    .banner-section .splide__list.banner-lt-7 {
        justify-content: center !important;
    }
}

@media screen and (min-width: 577px) and (max-width: 992px) {
    .banner-section .splide__list.banner-lt-4 {
        justify-content: center !important;
    }
}

@media screen and (min-width: 501px) and (max-width: 577px) {
    .banner-section .splide__list.banner-lt-3 {
        justify-content: center !important;
    }
}

@media screen and (max-width: 501px) {
    .banner-section .splide__list {
        justify-content: flex-start !important;
    }
}