.omt-multi-hero {
    padding: var(--wp--preset--spacing--60, 64px) 0;
    min-height: 600px;
    align-content: center;
    position: relative;
    height: calc(100vh - 92px);
}

.omt-multi-hero__banner-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.omt-multi-hero.small-banner {
    min-height: 156px;
    height: auto;
}

.omt-multi-hero.medium-banner {
    min-height: 605px;
    height: auto;
}

.omt-multi-hero__mobile-banner {
    display: none;
}

.omt-multi-hero__title {
    color: var(--title-color, #ffffff);
    font-weight: 700;
    margin: 0;
    font-family: var(--font--primary);
}

.omt-multi-hero.small-banner .omt-multi-hero__title, .omt-multi-hero.medium-banner .omt-multi-hero__title {
    color: var(--title-color, #ffffff);
    font-weight: 400;
}

.omt-multi-hero__content.text-center {
    align-items: center;
    text-align: center;
}

.small-banner .omt-multi-hero__content {
    max-width: 100%;
}

.omt-multi-hero__content.text-center .omt-multi-hero__title {
    margin: 0 auto;
}

.omt-multi-hero__content.text-center .omt-multi-hero__description {
    margin: var(--wp--preset--spacing--50, 40px) auto;
}

.omt-multi-hero__content.text-left {
    max-width: 880px;
}

.omt-multi-hero__description {
    margin: var(--wp--preset--spacing--50, 40px) 0;
    color: var(--wp--preset--color--base, #fff);
}

.omt-multi-hero__description span {
    font-weight: 700;
}

.omt-multi-hero__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    color: var(--wp--preset--color--base, #fff);
    position: relative;
    margin: 0 auto;
    max-width: 1000px;
}

.omt-multi-hero__button-list {
    display: flex;
    gap: var(--wp--preset--spacing--10, 12px);
}

.omt-multi-hero::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: var(--bg-overlay-color, #000);
    z-index: 0;
    top: 0;
    opacity: var(--bg-overlay-opecity, 75%);
}


.omt-multi-hero__next-btn {
    position: absolute;
    bottom: 60px;
    left: 50%;
    transform: translateX(-50%);
    cursor: pointer;
}

.omt-multi-hero__scroll-arrow {
    width: 20px;
    animation: moveWithPause 3s linear infinite;
}

@keyframes moveWithPause {

    /* Animation 1 */
    0% {
        transform: translateY(-20px);
        opacity: 1;
    }

    35% {
        transform: translateY(0);
        opacity: 1;
    }

    /* Pause */
    40% {
        transform: translateY(-20px);
        opacity: 1;
    }

    /* Animation 2 */
    70% {
        transform: translateY(0);
        opacity: 1;
    }

    /* Pause until restart */
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

@media (max-width:1200px) {
    .omt-multi-hero__content.text-left {
        max-width: 600px;
    }
}

@media (max-width:992px) {
    .omt-multi-hero__content.text-left {
        max-width: 500px;
    }
}

@media (max-width:767px) {
    .omt-multi-hero__mobile-banner {
        display: block;
    }

    .omt-multi-hero__mobile-banner-image {
        height: auto;
        width: 100%;
        display: block;
        object-fit: cover;
    }

    .omt-multi-hero__cta-link {
        padding: var(--wp--preset--spacing--10, 12px) var(--wp--preset--spacing--30, 24px);
    }

    .omt-multi-hero {
        padding: var(--wp--preset--spacing--30, 20px) 0;
    }

    .omt-multi-hero__content.text-center .omt-multi-hero__description {
        margin: var(--wp--preset--spacing--20, 16px) 0;
    }

    .omt-multi-hero.small-banner {
        min-height: 200px;
    }

    .omt-multi-hero.medium-banner {
        min-height: 350px;
    }

    .omt-multi-hero__content.text-left {
        max-width: 100%;
    }
}

@media (max-width:575px) {
    .omt-multi-hero__button-list {
        flex-direction: column;
    }
}