.acf-block-main_banner {
    position: static;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    height: 540px;
}
.acf-block-main_banner .wrapper {
    position: relative;
    width: 100%;
    height: 100%;
}
.acf-block-main_banner .wrapper .overlay {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    padding: 60px 30px;
    font-size: 20px;
    color: var(--white);
    background: linear-gradient(180deg, transparent, rgb(0 0 0 / 33%), transparent);
}
.acf-block-main_banner .overlay h1 {
    color: var(--white);
    font-weight: 800;
    margin-bottom: 30px;
}
@media screen and (min-width: 992px) and (max-width: 1399px) {
    .acf-block-main_banner .overlay .wrapper {
        max-width: 70%;
        padding-right: 90px;
    }
    .acf-block-main_banner .overlay h1 {
        font-size: 48px;
        line-height: 48px;
    }
}
@media screen and (min-width: 1400px) {
    .acf-block-main_banner .overlay .wrapper {
        max-width: 70%;
        padding-right: 90px;
    }
    .acf-block-main_banner .overlay h1 {
        font-size: 64px;
        line-height: 64px;
    }
}
@media screen and (max-width: 991px) {
    .acf-block-main_banner .wrapper {
        padding: 0;
    }
}
.acf-block-main_banner .overlay .button,
.acf-block-main_banner .overlay .content {
    margin-bottom: 30px;
}