/* Extracted and Renamed Hero Section Styles */

/* Container shell */

@font-face {
    font-family: "din-condensed";
    src: url("./fonts/DINCondensedWeb.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "adelle";
    src: url("./fonts/AdelleReg.otf") format("opentype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "adelle";
    src: url("./fonts/AdelleItalic.woff2") format("woff2");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: "adelle";
    src: url("./fonts/AdelleLight.otf") format("opentype");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "adelle";
    src: url("./fonts/AdelleSemiBold.otf") format("opentype");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "adelle";
    src: url("./fonts/AdelleBold.otf") format("opentype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "adelle";
    src: url("./fonts/AdelleExtraBold.otf") format("opentype");
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "adelle";
    src: url("./fonts/AdelleHeavy.otf") format("opentype");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "adelle";
    src: url("./fonts/AdelleHeavyItalic.otf") format("opentype");
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}
:root {
    --mv-din: "din-condensed", sans-serif;
    --mv-adelle: "adelle", sans-serif;
    --mv-base: var(--mv-adelle), "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.mv-shell {
    --shell-gutter: 2.4rem;
    --shell-max-width: 115rem;
    --shell-max-width-plus-gutter: calc(var(--shell-max-width) + (var(--shell-gutter) * 2));
    width: min(100%, var(--shell-max-width-plus-gutter));
    padding-inline: var(--shell-gutter);
    margin-inline: auto;
}
@media (max-width: 1023px) {
    .mv-shell {
        --shell-gutter: 2rem;
    }
}
@media (max-width: 767px) {
    .mv-shell {
        --shell-gutter: 1.6rem;
    }
}

/* Background color */
.mv-bg-teal-100 {
    background-color: #bfe9e1;
}

/* Hero simple section */
.mv-hero-simple {
    position: relative;
    isolation: isolate;
    z-index: 1;
    display: flex;
    flex-direction: column;
    place-items: center;
    place-content: center;
    min-height: 47.9rem;
    padding-block: 15rem 6rem;
}
@media (max-width: 1023px) {
    .mv-hero-simple {
        min-height: 40rem;
        padding-block: 13rem 5rem;
    }
}
@media (max-width: 767px) {
    .mv-hero-simple {
        min-height: 32rem;
    }
    .mv-hero__head h1 {
        line-height: 6rem;
    }
}

.mv-hero__content {
    font-size: 2rem;
    text-align: center;
}
@media (max-width: 1023px) {
     .mv-hero__content {
        font-size: 1.8rem;
    }
}
@media (max-width: 767px) {
     .mv-hero__content {
        font-size: 1.6rem;
    }
}

.mv-hero__content {
    --hero-content-offset: 3.1rem;
    margin-bottom: 0;
    /*max-width: calc(78rem + var(--hero-content-offset));*/
    margin-inline: auto;
    padding-left: var(--hero-content-offset);
    font-weight: 600;
    font-size: 2rem;
    text-align: center;
}

.mv-hero__content p {
    font-family: var(--mv-base);
    color: #000;
    font-weight: 500;
}

.mv-hero__links {
    margin-right: 0.3rem;
}
.mv-hero__links .mv-ul {
    display: grid;
    grid-template-columns: repeat(2, minmax(18rem, 2fr));
    gap: 1.7rem 0.6rem;
    text-transform: uppercase;
    list-style: none;
}
@media (max-width: 767px) {
    .mv-hero__links .mv-ul {
        row-gap: 1.2rem;
    }
}
.mv-hero__links .mv-btn {
    margin: auto;
    --btn-padding-block: 1.4rem 1.3rem;
    --btn-padding-inline: 0.5rem 0.4rem;
    --btn-fw: 700;
    --btn-fz: 1.6rem;
    --btn-lh: 1.2;
    font-family: var(--mv-base);
    flex-wrap: wrap;
    width: 100%;
    height: 100%;
    --btn-min-size: 12.5rem;
    --btn-border-size: 1px;
    --btn-rounding: 8px;
    --btn-padding-block: 1.5rem 1.1rem;
    --btn-padding-inline: 1.5rem;
    --btn-border-color: #004750;
    --btn-border-color-hover: #004750;
    --btn-bg: #004750;
    --btn-bg-hover: #006f72;
    --btn-text-color: #fff;
    --btn-text-color-hover: #fff;

    --btn-fw: 400;
    --btn-fz: 1.8rem;
    --btn-lh: 1;
    cursor: pointer;
    appearance: none;
    vertical-align: middle;
    text-decoration: none;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: var(--btn-min-size);
    border: var(--btn-border-size) solid var(--btn-border-color);
    border-radius: var(--btn-rounding);
    padding-block: var(--btn-padding-block);
    padding-inline: var(--btn-padding-inline);
    background-color: var(--btn-bg);
    color: var(--btn-text-color);
    font-weight: var(--btn-fw);
    font-size: var(--btn-fz);
    line-height: var(--btn-lh);
    transition: border-color, background-color, color;
    transition-duration: 0.3s;
}
.mv-hero__links .mv-btn:hover {
    --btn-text-color-hover: #fff;
    --btn-border-color-hover: #004750;
    border-color: var(--btn-border-color-hover);
    background-color: var(--btn-bg-hover);
    color: var(--btn-text-color-hover);
}

.mv-hero__entry {
    margin-bottom: 6.3rem;
    max-width: 102rem;
    margin-inline: auto;
    font-size: 2rem;
    text-align: center;
}
.mv-hero__entry:not(:last-child) {
    margin-bottom: 6.3rem;
}
@media (max-width: 1023px) {
    .mv-hero__entry {
        margin-bottom: 0;
        max-width: 73rem;
        font-size: 1.8rem;
    }
    .mv-hero__entry:not(:last-child) {
        margin-bottom: 5rem;
    }
}
@media (max-width: 767px) {
    .mv-hero__entry {
        margin-bottom: 0;
        font-size: 1.6rem;
    }
    .mv-hero__entry:not(:last-child) {
        margin-bottom: 4.6rem;
    }
}
.mv-hero__content:not(:last-child) {
    margin-bottom: 2.2rem;
}
@media (max-width: 1199px) {
    .mv-hero__content {
        --hero-content-offset: 0rem;
    }
}
@media (max-width: 1023px) {
    .mv-hero__content {
        max-width: 70rem;
        font-size: 1.8rem;
    }
}
@media (max-width: 767px) {
    .mv-hero__content {
        max-width: 60rem;
        font-size: 1.6rem;
    }
}
.mv-hero__content {
    margin-bottom: 0;
}
.mv-hero__content:not(:last-child) {
    margin-bottom: 2rem;
}
@media (max-width: 1023px) {
    .mv-hero__content {
        max-width: 70rem;
        font-size: 1.8rem;
    }
}
@media (max-width: 767px) {
    .mv-hero__content {
        max-width: 60rem;
        font-size: 1.6rem;
    }
}

/* Hero inner container */
.mv-hero__inner {
    /* This class can hold custom styles if needed */
}


/* Hero head section */
.mv-hero__head {
    text-align: center;
}

.mv-hero__head h1 {
    color: #000 !important;
    font-weight: 400;
    font-size: 7rem;
    font-family: var(--mv-din) !important;
}


/* Hero background wrapper */
.mv-hero__background {
    position: absolute;
    inset: 0;
    z-index: -1;
    opacity: 0.27;
}

/* Hero background image */
.mv-hero__background img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 68%;
}

/* Object position modifier for top alignment on small screens */
.mv-hero__background img.mv-object-top-sm {
    object-position: center 22.2%;
}