/*Main Menu Landing Hero Image*/



.main-menu-landing-hero {
    height: 489px;
    position: relative;
    background-color: #e3f2fb;
}

    .main-menu-landing-hero::before {
        content: "";
        background: url("/-/media/Feature/Page Content/images/banner-bg-webp.webp");
        background-size: 70%;
        background-repeat: no-repeat;
        position: absolute;
        top: 0px;
        right: 0px;
        bottom: 0px;
        left: 0px;
        opacity: 0.25;
        background-position: right;
    }

.main-menu-landing-hero-left {
    height: 100%
}

    .main-menu-landing-hero-left img {
        height: 100%;
        width: 100%;
        object-fit: cover;
        -webkit-mask: linear-gradient(290deg,transparent 27%, #fff 27%) top right;
        -webkit-mask-size: 2000px 2000px;
        -webkit-mask-repeat: no-repeat;
        mask: linear-gradient(290deg,transparent 27%, #fff 27%) top right;
        mask-size: 2000px 2000px;
        mask-repeat: no-repeat;
    }

.main-menu-landing-hero-right {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    width: fit-content;
    width: -moz-fit-content;
    margin: 0 auto;
}

    .main-menu-landing-hero-right h1 {
        font-size: 38px;
        font-family: var(--font-noto);
        font-weight: 400;
        color: #002f6d;
    }

    .main-menu-landing-hero-right p {
        font-size: 22px;
        color: #444444;
        margin: 0;
        text-align: left;
        padding-right: 7%;
    }

@media (max-width: 1536px) {
    .main-menu-landing-hero {
        height: 489px;
    }

    .main-menu-landing-hero-right h1 {
        font-size: 32px;
    }

    .main-menu-landing-hero-right p {
        font-size: 18px;
    }
}

@media (max-width: 1366px) {
    .main-menu-landing-hero {
        height: 350px;
    }

    .main-menu-landing-hero-right h1 {
        font-size: 25px;
    }

    .main-menu-landing-hero-right p {
        font-size: 16px;
    }
}

@media (max-width: 1024px) {

    .main-menu-landing-hero {
        height: 360px;
    }

    .main-menu-landing-hero-right h1 {
        font-size: 32px;
    }

    .main-menu-landing-hero-right p {
        font-size: 16px;
        padding-right: 8%;
    }
}