#section__hero .aem-Grid::before {
    display: none;
}

#section__hero {
    position: relative;
    height: 712px;
    display: flex;
    align-items: flex-end;
    overflow: hidden;
}

#section__hero--small {
    height: 460px !important;
    position: relative;
    display: flex;
    align-items: flex-end;
    overflow: hidden;
}

#section__hero--small #video #wave-decoration,
#section__hero #video #wave-decoration {
    position: unset;
}

#section__hero--small #section__heroContent > .aem-Grid,
#section__hero #section__heroContent > .aem-Grid {
    position: relative;
    z-index: 2;
    bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    margin-bottom: 52px;
}

#section__hero--small #section__heroContent > .aem-Grid {
    margin-bottom: 32px;
}

#section__heroBackground,
#section__hero #video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    overflow: hidden;
}

#section__heroBackground>div {
    width: 100%;
    height: 100%;
}

#section__heroBackground img {
    width: 100%;
    height: 100%;
    max-height: 100vh;
    max-width: 100vw;
    object-fit: cover;
    object-position: 70%;
    display: block;    
}

#section__hero #video .videoWrapper {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

#section__hero--small #section__heroContentTitle,
#section__hero #section__heroContentTitle {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

#section__hero--small #section__heroTitle,
#section__hero #section__heroTitle {
    background-color: var(--color-tertiary-light);
    opacity: 0.9;
    padding: 10px 20px;
    border-radius: 0 16px 16px 0;
}

#section__hero--small #section__heroSubtitle,
#section__hero #section__heroSubtitle {
    background-color: var(--color-tertiary-light);
    opacity: 0.9;
    padding: 10px 20px;
    border-radius: 0 16px 16px 0;
    font-weight: var(--fontWeight-medium);
    font-size: var(--fontSize-base);
    line-height: 32px;
}

#section__hero--small #button--secondarySmall,
#section__hero #button--secondarySmall {
    margin-left: 16px;
}

@media (min-width: 768px) {
    #section__hero {
        height: 500px;
    }

    #section__hero--small {
        height: 350px !important;
    }

    #section__hero--small > #section__heroContent,
    #section__hero > #section__heroContent {
        margin: 0 40px 48px 0;
    }

    #section__hero--small #section__heroTitle,
    #section__hero #section__heroTitle {
        padding: 10px 40px 10px 80px;
        width: fit-content;
    }

    #section__hero--small #section__heroSubtitle,
    #section__hero #section__heroSubtitle {
        padding: 10px 40px 10px 80px;
    }

    #section__hero--small #button--secondarySmall,
    #section__hero #button--secondarySmall {
        margin-left: 80px;
    }
}

@media (min-width: 1024px) {
    #section__hero--small #section__heroTitle
    #section__hero #section__heroTitle {
        max-width: fit-content;
    }

    #section__hero--small #section__heroSubtitle,
    #section__hero #section__heroSubtitle {
        max-width: 800px;
    }
}

@media (min-width: 1440px) {
    #section__hero {
        height: 600px;
    }

    #section__hero--small > #section__heroContent,
    #section__hero > #section__heroContent {
        margin: 0 80px 48px 0;
    }
   
}