.hero-slider {
    width: 100%;
    max-height: 540px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    background-size: cover;
    background-position: center;
    margin-bottom: 0;
}

.hero-slider .container {
    padding-top: max(9rem,min(23rem, calc(42vh - 10rem)))
}

@media (min-width: 768px) {
    .hero-slider img {
        height: 50vw;
        max-height: 540px
    }
}

.large-container .hero-slider__content {
    display: flex;
    justify-content: space-between;
    border-radius: 10px;
    overflow: hidden;
    max-width: 580px;
    min-height: 8rem;
    background-color: #272734;
    text-decoration: none;
    color: #cee4ed;
    transform: none;
    overflow: hidden;
    margin-bottom: 2rem;
}

.large-container .hero-slider__content:hover,
.large-container .hero-slider__content:focus-within {
    color: #fff
}

.large-container .hero-slider__content:hover h3,
.large-container .hero-slider__content:hover .h3,
.large-container .hero-slider__content:focus-within h3,
.large-container .hero-slider__content:focus-within .h3 {
    text-decoration: underline
}

.large-container .hero-slider__content-heading {
    padding: 1.5rem;
    display: flex;
    align-items: center;
    background-color: #272734;
    color: #fff;
    width: 100%;
}

.large-container .hero-slider__content-heading h3 {
    color: #fff;
}

.large-container .hero-slider__content-heading :last-child {
    margin-bottom: 0
}

.hero-slider__no_crop {
    margin-top: -10rem;
    margin-bottom: 2.5rem;
}

.hero-slider h3,
.hero-slider .h3 {
    font-weight: 500;
    color: #fff
}

.large-container .hero-slider__content-icon {
    display: flex;
    align-items: center;
    padding: 1.5rem 3rem;
    background-color: var(--bs-primary);
    color: #fff;
    font-size: 2rem
}

.hero-slider__link {
    text-decoration: none;
}

.hero-slider__image {
    width: 100%;
    min-height: 190px;
}

.wp-block-acf-homepage-banner {
    max-width: 100%;
    padding: 0;
}

@media (max-width: 768px) {
    .hero-slider__no_crop,
    .hero-slider__no_crop>.hero-slider__content {
        margin: 0;
        padding: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        border-radius: 0;
    }
}

a.hero-slider__additional-button {
    float: right;
    margin-top: -1.1rem!important;
    padding: 6px 1rem;
    margin-right: 1rem;
}

@media (max-width: 576px) {
    a.hero-slider__additional-button {
        float: none;
        margin: 0;
        padding: 0;
        width: 100%;
    }
}