/*! tailwindcss v4.1.4 | MIT License | https://tailwindcss.com */
@layer properties {
    @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {

        *,
        :before,
        :after,
        ::backdrop {
            --tw-translate-x: 0;
            --tw-translate-y: 0;
            --tw-translate-z: 0;
            --tw-rotate-x: initial;
            --tw-rotate-y: initial;
            --tw-rotate-z: initial;
            --tw-skew-x: initial;
            --tw-skew-y: initial;
            --tw-border-style: solid;
            --tw-gradient-position: initial;
            --tw-gradient-from: #0000;
            --tw-gradient-via: #0000;
            --tw-gradient-to: #0000;
            --tw-gradient-stops: initial;
            --tw-gradient-via-stops: initial;
            --tw-gradient-from-position: 0%;
            --tw-gradient-via-position: 50%;
            --tw-gradient-to-position: 100%;
            --tw-leading: initial;
            --tw-font-weight: initial;
            --tw-tracking: initial;
            --tw-shadow: 0 0 #0000;
            --tw-shadow-color: initial;
            --tw-shadow-alpha: 100%;
            --tw-inset-shadow: 0 0 #0000;
            --tw-inset-shadow-color: initial;
            --tw-inset-shadow-alpha: 100%;
            --tw-ring-color: initial;
            --tw-ring-shadow: 0 0 #0000;
            --tw-inset-ring-color: initial;
            --tw-inset-ring-shadow: 0 0 #0000;
            --tw-ring-inset: initial;
            --tw-ring-offset-width: 0px;
            --tw-ring-offset-color: #fff;
            --tw-ring-offset-shadow: 0 0 #0000;
            --tw-backdrop-blur: initial;
            --tw-backdrop-brightness: initial;
            --tw-backdrop-contrast: initial;
            --tw-backdrop-grayscale: initial;
            --tw-backdrop-hue-rotate: initial;
            --tw-backdrop-invert: initial;
            --tw-backdrop-opacity: initial;
            --tw-backdrop-saturate: initial;
            --tw-backdrop-sepia: initial;
            --tw-duration: initial;
            --tw-ease: initial;
            --tw-scale-x: 1;
            --tw-scale-y: 1;
            --tw-scale-z: 1;
        }
    }
}

@layer theme {

    :root,
    :host {
        --font-sans: "Smart", sans-serif;
        --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
        --color-black: #221f1f;
        --color-white: #fff;
        --spacing: 1rem;
        --font-weight-medium: 500;
        --font-weight-bold: 700;
        --font-weight-extrabold: 800;
        --ease-out: cubic-bezier(0, 0, 0.2, 1);
        --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
        --default-transition-duration: 0.15s;
        --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        --default-font-family: var(--font-sans);
        --default-mono-font-family: var(--font-mono);
        --color-blue: #003087;
        --color-link: #00a0df;
        --color-red: #da291c;
        --color-cerulean: #0070b9;
        --color-powder: #68b1e1;
        --color-text: #2c2e34;
        --color-invert: #e7f5e5;
        --color-icon-secondary: #0067ff;
    }
}

@layer base {

    *,
    :after,
    :before,
    ::backdrop {
        box-sizing: border-box;
        border: 0 solid;
        margin: 0;
        padding: 0;
    }

    ::file-selector-button {
        box-sizing: border-box;
        border: 0 solid;
        margin: 0;
        padding: 0;
    }

    html,
    :host {
        -webkit-text-size-adjust: 100%;
        -moz-tab-size: 4;
        -o-tab-size: 4;
        tab-size: 4;
        line-height: 1.5;
        font-family: var(--default-font-family,
                ui-sans-serif,
                system-ui,
                sans-serif,
                "Apple Color Emoji",
                "Segoe UI Emoji",
                "Segoe UI Symbol",
                "Noto Color Emoji"
            );
        font-feature-settings: var(--default-font-feature-settings, normal);
        font-variation-settings: var(--default-font-variation-settings, normal);
        -webkit-tap-highlight-color: transparent;
    }

    hr {
        height: 0;
        color: inherit;
        border-top-width: 1px;
    }

    abbr:where([title]) {
        -webkit-text-decoration: underline dotted;
        text-decoration: underline dotted;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-size: inherit;
        font-weight: inherit;
    }

    a {
        color: inherit;
        -webkit-text-decoration: inherit;
        text-decoration: inherit;
    }

    b,
    strong {
        font-weight: bolder;
    }

    code,
    kbd,
    samp,
    pre {
        font-family: var(--default-mono-font-family,
                ui-monospace,
                SFMono-Regular,
                Menlo,
                Monaco,
                Consolas,
                "Liberation Mono",
                "Courier New",
                monospace);
        font-feature-settings: var(--default-mono-font-feature-settings, normal);
        font-variation-settings: var(--default-mono-font-variation-settings, normal);
        font-size: 1em;
    }

    small {
        font-size: 80%;
    }

    sub,
    sup {
        vertical-align: baseline;
        font-size: 75%;
        line-height: 0;
        position: relative;
    }

    sub {
        bottom: -0.25em;
    }

    sup {
        top: -0.5em;
    }

    table {
        text-indent: 0;
        border-color: inherit;
        border-collapse: collapse;
    }

    :-moz-focusring {
        outline: auto;
    }

    progress {
        vertical-align: baseline;
    }

    summary {
        display: list-item;
    }

    ol,
    ul,
    menu {
        list-style: none;
    }

    img,
    svg,
    video,
    canvas,
    audio,
    iframe,
    embed,
    object {
        vertical-align: middle;
        display: block;
    }

    img,
    video {
        max-width: 100%;
        height: auto;
    }

    button,
    input,
    select,
    optgroup,
    textarea {
        font: inherit;
        font-feature-settings: inherit;
        font-variation-settings: inherit;
        letter-spacing: inherit;
        color: inherit;
        opacity: 1;
        background-color: #0000;
        border-radius: 0;
    }

    ::file-selector-button {
        font: inherit;
        font-feature-settings: inherit;
        font-variation-settings: inherit;
        letter-spacing: inherit;
        color: inherit;
        opacity: 1;
        background-color: #0000;
        border-radius: 0;
    }

    :where(select:is([multiple], [size])) optgroup {
        font-weight: bolder;
    }

    :where(select:is([multiple], [size])) optgroup option {
        padding-inline-start: 20px;
    }

    ::file-selector-button {
        margin-inline-end: 4px;
    }

    ::-moz-placeholder {
        opacity: 1;
    }

    ::placeholder {
        opacity: 1;
    }

    @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
        ::-moz-placeholder {
            color: currentColor;
        }

        ::placeholder {
            color: currentColor;
        }

        @supports (color: color-mix(in lab, red, red)) {
            ::-moz-placeholder {
                color: color-mix(in oklab, currentcolor 50%, transparent);
            }

            ::placeholder {
                color: color-mix(in oklab, currentcolor 50%, transparent);
            }
        }
    }

    textarea {
        resize: vertical;
    }

    ::-webkit-search-decoration {
        -webkit-appearance: none;
    }

    ::-webkit-date-and-time-value {
        min-height: 1lh;
        text-align: inherit;
    }

    ::-webkit-datetime-edit {
        display: inline-flex;
    }

    ::-webkit-datetime-edit-fields-wrapper {
        padding: 0;
    }

    ::-webkit-datetime-edit {
        padding-block: 0;
    }

    ::-webkit-datetime-edit-year-field {
        padding-block: 0;
    }

    ::-webkit-datetime-edit-month-field {
        padding-block: 0;
    }

    ::-webkit-datetime-edit-day-field {
        padding-block: 0;
    }

    ::-webkit-datetime-edit-hour-field {
        padding-block: 0;
    }

    ::-webkit-datetime-edit-minute-field {
        padding-block: 0;
    }

    ::-webkit-datetime-edit-second-field {
        padding-block: 0;
    }

    ::-webkit-datetime-edit-millisecond-field {
        padding-block: 0;
    }

    ::-webkit-datetime-edit-meridiem-field {
        padding-block: 0;
    }

    :-moz-ui-invalid {
        box-shadow: none;
    }

    button,
    input:where([type="button"], [type="reset"], [type="submit"]) {
        -webkit-appearance: button;
        -moz-appearance: button;
        appearance: button;
    }

    ::file-selector-button {
        -webkit-appearance: button;
        -moz-appearance: button;
        appearance: button;
    }

    ::-webkit-inner-spin-button {
        height: auto;
    }

    ::-webkit-outer-spin-button {
        height: auto;
    }

    [hidden]:where(:not([hidden="until-found"])) {
        display: none !important;
    }
}

@layer components;

@layer utilities {
    .pointer-events-auto {
        pointer-events: auto;
    }

    .pointer-events-none {
        pointer-events: none;
    }

    .absolute {
        position: absolute;
    }

    .fixed {
        position: fixed;
    }

    .relative {
        position: relative;
    }

    .static {
        position: static;
    }

    .sticky {
        position: sticky;
    }

    .top-0 {
        top: calc(var(--spacing) * 0);
    }

    .top-1 {
        top: calc(var(--spacing) * 1);
    }

    .top-1\/2 {
        top: 50%;
    }

    .top-\[5rem\] {
        top: 5rem;
    }

    .top-\[7\.2rem\] {
        top: 7.2rem;
    }

    .top-\[16\.4rem\] {
        top: 16.4rem;
    }

    .top-\[17\.1rem\] {
        top: 17.1rem;
    }

    .top-\[21\.9rem\] {
        top: 21.9rem;
    }

    .top-\[31\.9rem\] {
        top: 31.9rem;
    }

    .top-full {
        top: 100%;
    }

    .right-0 {
        right: calc(var(--spacing) * 0);
    }

    .bottom-0 {
        bottom: calc(var(--spacing) * 0);
    }

    .bottom-1 {
        bottom: calc(var(--spacing) * 1);
    }

    .bottom-2 {
        bottom: calc(var(--spacing) * 2);
    }

    .bottom-3 {
        bottom: calc(var(--spacing) * 3);
    }

    .bottom-full {
        bottom: 100%;
    }

    .left-0 {
        left: calc(var(--spacing) * 0);
    }

    .left-1\.5 {
        left: calc(var(--spacing) * 1.5);
    }

    .left-1\/2 {
        left: 50%;
    }

    .left-\[1\.5rem\] {
        left: 1.5rem;
    }

    .left-\[12\.3rem\] {
        left: 12.3rem;
    }

    .-z-1 {
        z-index: -1;
    }

    .-z-2 {
        z-index: -2;
    }

    .z-0 {
        z-index: 0;
    }

    .z-100 {
        z-index: 100;
    }

    .z-1000 {
        z-index: 1000;
    }

    .order-1 {
        order: 1;
    }

    .order-2 {
        order: 2;
    }

    .container {
        width: 100%;
    }

    @media (min-width: 40rem) {
        .container {
            max-width: 40rem;
        }
    }

    @media (min-width: 48rem) {
        .container {
            max-width: 48rem;
        }
    }

    @media (min-width: 64rem) {
        .container {
            max-width: 64rem;
        }
    }

    @media (min-width: 80rem) {
        .container {
            max-width: 80rem;
        }
    }

    @media (min-width: 96rem) {
        .container {
            max-width: 96rem;
        }
    }

    .mx-1 {
        margin-inline: calc(var(--spacing) * 1);
    }

    .mx-\[0\.8rem\] {
        margin-inline: 0.8rem;
    }

    .mx-\[1rem\] {
        margin-inline: 1rem;
    }

    .mx-\[3\.4rem\] {
        margin-inline: 3.4rem;
    }

    .mx-auto {
        margin-inline: auto;
    }

    .mt-2 {
        margin-top: calc(var(--spacing) * 2);
    }

    .ml-auto {
        margin-left: auto;
    }

    .block {
        display: block;
    }

    .flex {
        display: flex;
    }

    .grid {
        display: grid;
    }

    .hidden {
        display: none;
    }

    .inline {
        display: inline;
    }

    .size-3 {
        width: calc(var(--spacing) * 3);
        height: calc(var(--spacing) * 3);
    }

    .size-5 {
        width: calc(var(--spacing) * 5);
        height: calc(var(--spacing) * 5);
    }

    .scale-250 {
        transform: scale(2.5);
    }

    .size-6 {
        width: calc(var(--spacing) * 6);
        height: calc(var(--spacing) * 6);
    }

    .size-10 {
        width: calc(var(--spacing) * 10);
        height: calc(var(--spacing) * 10);
    }

    .size-\[1\.5rem\] {
        width: 1.5rem;
        height: 1.5rem;
    }

    .size-\[1\.6rem\] {
        width: 1.6rem;
        height: 1.6rem;
    }

    .size-\[1\.9rem\] {
        width: 1.9rem;
        height: 1.9rem;
    }

    .size-\[1rem\] {
        width: 1rem;
        height: 1rem;
    }

    .size-\[2\.4rem\] {
        width: 2.4rem;
        height: 2.4rem;
    }

    .size-\[3\.4rem\] {
        width: 3.4rem;
        height: 3.4rem;
    }

    .size-\[4\.4rem\] {
        width: 4.4rem;
        height: 4.4rem;
    }

    .h-1 {
        height: calc(var(--spacing) * 1);
    }

    .h-2 {
        height: calc(var(--spacing) * 2);
    }

    .h-3 {
        height: calc(var(--spacing) * 3);
    }


    .h-4 {
        height: calc(var(--spacing) * 4);
    }

    .h-\[0\.5rem\] {
        height: 0.5rem;
    }

    .h-\[1\.6rem\] {
        height: 1.6rem;
    }

    .h-\[34\.8rem\] {
        height: 34.8rem;
    }

    .h-\[1rem\] {
        height: 1rem;
    }

    .h-\[3\.2rem\] {
        height: 3.2rem;
    }

    .h-\[4\.2rem\] {
        height: 4.2rem;
    }

    .h-\[6rem\] {
        height: 6rem;
    }

    .h-\[7\.2rem\] {
        height: 7.2rem;
    }

    .h-\[7\.0976rem\] {
        height: 7.0976rem;
    }

    .h-\[8\.4rem\] {
        height: 8.4rem;
    }

    .h-\[2\.4rem\] {
        height: 2.4rem;
    }

    .h-\[10\.7rem\] {
        height: 10.7rem;
    }

    .h-\[10rem\] {
        height: 10rem;
    }

    .h-\[20\.6667rem\] {
        height: 20.6667rem;
    }

    .h-\[23\.28rem\] {
        height: 23.28rem;
    }

    .h-\[21\.8rem\] {
        height: 21.8rem;
    }

    .h-\[25\.9rem\] {
        height: 25.9rem;
    }

    .h-\[27rem\] {
        height: 27rem;
    }

    .h-\[27\.8rem\] {
        height: 27.8rem;
    }

    .h-\[31\.8rem\] {
        height: 31.8rem;
    }

    .h-\[32\.8rem\] {
        height: 32.8rem;
    }

    .h-\[35\.2rem\] {
        height: 35.2rem;
    }

    .h-\[39\.8rem\] {
        height: 39.8rem;
    }

    .h-\[41\.4rem\] {
        height: 41.4rem;
    }

    .h-\[50\.2rem\] {
        height: 50.2rem;
    }

    .h-\[6\.37rem\] {
        height: 6.37rem;
    }

    .h-\[12\.6rem\] {
        height: 12.6rem;
    }

    .h-\[11rem\] {
        height: 11rem;
    }

    .h-\[14rem\] {
        height: 14rem;
    }

    .h-auto {
        height: auto;
    }

    .h-fit {
        height: -moz-fit-content;
        height: fit-content;
    }

    .h-full {
        height: 100%;
    }

    .min-h-0 {
        min-height: calc(var(--spacing) * 0);
    }

    .w-8 {
        width: calc(var(--spacing) * 8);
    }

    .w-\[1\.6rem\] {
        width: 1.6rem;
    }

    .w-\[1\.7rem\] {
        width: 1.7rem;
    }

    .w-\[2rem\] {
        width: 2rem;
    }

    .w-\[2\.4rem\] {
        width: 2.4rem;
    }

    .w-\[3\.2rem\] {
        width: 3.2rem;
    }

    .w-\[6\.8793rem\] {
        width: 6.8793rem;
    }

    .w-\[16rem\] {
        width: 16rem;
    }

    .w-\[24rem\] {
        width: 24rem;
    }

    .w-\[17\.2rem\] {
        width: 17.2rem;
    }

    .w-\[22\.9rem\] {
        width: 22.9rem;
    }

    .w-\[25\.9rem\] {
        width: 25.9rem;
    }

    .w-\[28\.9rem\] {
        width: 28.9rem;
    }

    .w-\[31\.3rem\] {
        width: 31.3rem;
    }


    .w-\[50\.2rem\] {
        width: 50.2rem;
    }

    .w-\[6\.53rem\] {
        width: 6.53rem;
    }


    .w-\[calc\(100\%-3\.4rem\*2\)\] {
        width: calc(100% - 6.8rem);
    }

    .w-auto {
        width: auto;
    }

    .w-fit {
        width: -moz-fit-content;
        width: fit-content;
    }

    .w-full {
        width: 100%;
    }

    .max-w-\[35rem\] {
        max-width: 35rem;
    }

    .max-w-\[34rem\] {
        max-width: 34rem;
    }

    .max-w-\[40rem\] {
        max-width: 40rem;
    }

    .max-w-\[100vw-2rem\] {
        max-width: 100vw-2rem;
    }

    .max-w-full {
        max-width: 100%;
    }

    .min-w-\[20rem\] {
        min-width: 20rem;
    }

    .shrink-0 {
        flex-shrink: 0;
    }

    .grow {
        flex-grow: 1;
    }

    .-translate-1\/2 {
        --tw-translate-x: -50%;
        --tw-translate-y: -50%;
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .-translate-x-full {
        --tw-translate-x: -100%;
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .translate-x-full {
        --tw-translate-x: 100%;
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .-translate-y-1\/2 {
        --tw-translate-y: -50%;
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .-translate-y-\[9rem\] {
        transform: translateY(-9rem);
    }

    .transform {
        transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
    }

    .cursor-pointer {
        cursor: pointer;
    }

    .grid-rows-\[0fr\] {
        grid-template-rows: 0fr;
    }

    .flex-col {
        flex-direction: column;
    }

    .flex-row {
        flex-direction: row;
    }

    .flex-wrap {
        flex-wrap: wrap;
    }

    .items-center {
        align-items: center;
    }

    .items-end {
        align-items: flex-end;
    }

    .items-start {
        align-items: flex-start;
    }

    .justify-between {
        justify-content: space-between;
    }

    .justify-center {
        justify-content: center;
    }

    .justify-end {
        justify-content: flex-end;
    }

    .justify-start {
        justify-content: flex-start;
    }

    .gap-0 {
        gap: calc(var(--spacing) * 0);
    }

    .gap-2 {
        gap: calc(var(--spacing) * 2);
    }

    .gap-3 {
        gap: calc(var(--spacing) * 3);
    }

    .gap-4 {
        gap: calc(var(--spacing) * 4);
    }

    .gap-\[3\.7rem\] {
        gap: 3.7rem;
    }

    .gap-\[0\.4rem\] {
        gap: 0.4rem;
    }

    .gap-\[0\.7rem\] {
        gap: 0.7rem;
    }

    .gap-\[0\.8rem\] {
        gap: 0.8rem;
    }

    .gap-\[1\.2rem\] {
        gap: 1.2rem;
    }

    .gap-\[1\.4rem\] {
        gap: 1.4rem;
    }

    .gap-\[1\.5rem\] {
        gap: 1.5rem;
    }

    .gap-\[1\.6rem\] {
        gap: 1.6rem;
    }

    .gap-\[2\.2rem\] {
        gap: 2.2rem;
    }

    .gap-\[2\.4rem\] {
        gap: 2.4rem;
    }

    .gap-\[3\.2rem\] {
        gap: 3.2rem;
    }

    .gap-\[3\.8rem\] {
        gap: 3.8rem;
    }

    .gap-\[4\.2rem\] {
        gap: 4.2rem;
    }

    .gap-\[4\.6rem\] {
        gap: 4.6rem;
    }

    .gap-\[4\.7rem\] {
        gap: 4.7rem;
    }

    .gap-\[4\.8rem\] {
        gap: 4.8rem;
    }

    .gap-\[4rem\] {
        gap: 4rem;
    }

    .gap-\[7\.4rem\] {
        gap: 7.4rem;
    }

    .self-center {
        align-self: center;
    }

    .overflow-hidden {
        overflow: hidden;
    }

    .rounded {
        border-radius: 0.25rem;
    }

    .rounded-\[0\.4rem\] {
        border-radius: 0.4rem;
    }

    .rounded-\[0\.8rem\] {
        border-radius: 0.8rem;
    }

    .rounded-\[1\.6rem\] {
        border-radius: 1.6rem;
    }

    .rounded-\[1\.61rem\] {
        border-radius: 1.61rem;
    }

    .rounded-\[2\.4rem\] {
        border-radius: 2.4rem;
    }

    .rounded-\[3rem\] {
        border-radius: 3rem;
    }

    .rounded-full {
        border-radius: 3.40282e38px;
    }

    .rounded-b-\[1\.6rem\] {
        border-bottom-right-radius: 1.6rem;
        border-bottom-left-radius: 1.6rem;
    }

    .border {
        border-style: var(--tw-border-style);
        border-width: 1px;
    }

    .border-\[0\.1rem\] {
        border-style: var(--tw-border-style);
        border-width: 0.1rem;
    }

    .border-\[0\.5px\] {
        border-style: var(--tw-border-style);
        border-width: 0.5px;
    }

    .border-b-\[0\.1rem\] {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 0.1rem;
    }

    .border-solid {
        --tw-border-style: solid;
        border-style: solid;
    }

    .border-blue {
        border-color: var(--color-blue);
    }

    .border-white\/25 {
        border-color: #ffffff40;
    }

    @supports (color: color-mix(in lab, red, red)) {
        .border-white\/25 {
            border-color: color-mix(in oklab, var(--color-white) 25%, transparent);
        }
    }

    .border-b-\[\#686868\] {
        border-bottom-color: #686868;
    }

    .\!bg-blue {
        background-color: var(--color-blue) !important;
    }

    .bg-\[\#A7E3FF\] {
        background-color: #a7e3ff;
    }

    .bg-\[\#F2F2F2\] {
        background-color: #f2f2f2;
    }

    .bg-black {
        background-color: var(--color-black);
    }

    .bg-black\/25 {
        background-color: #221f1f40;
    }

    @supports (color: color-mix(in lab, red, red)) {
        .bg-black\/25 {
            background-color: color-mix(in oklab, var(--color-black) 25%, transparent);
        }
    }

    .bg-blue {
        background-color: var(--color-blue);
    }

    .bg-powder {
        background-color: var(--color-powder);
    }

    .bg-transparent {
        background-color: #0000;
    }

    .bg-white {
        background-color: var(--color-white);
    }

    .bg-white\/80 {
        background-color: #fffc;
    }

    @supports (color: color-mix(in lab, red, red)) {
        .bg-white\/80 {
            background-color: color-mix(in oklab, var(--color-white) 80%, transparent);
        }
    }

    .bg-blue-red {
        --tw-gradient-position: 266deg;
        background-image: linear-gradient(var(--tw-gradient-stops));
        --tw-gradient-from: var(--color-blue);
        --tw-gradient-stops: var(--tw-gradient-via-stops,
                var(--tw-gradient-position),
                var(--tw-gradient-from) var(--tw-gradient-from-position),
                var(--tw-gradient-to) var(--tw-gradient-to-position));
        --tw-gradient-to: var(--color-red);
    }

    @supports (background-image: linear-gradient(in lab, red, red)) {
        .bg-blue-red {
            --tw-gradient-position: 266deg in oklab;
        }
    }

    .bg-linear-\[180deg\,_\#ffffff00_0\%\,\#000_92\%\] {
        --tw-gradient-position: 180deg, #fff0 0%, #000 92%;
        /* background-image: linear-gradient(var(--tw-gradient-stops, 180deg, #fff0 0%, #000 92%)); */
        background-image: linear-gradient(var(--tw-gradient-stops, 180deg, #fff0 0%, #000 80%));
    }

    .object-contain {
        -o-object-fit: contain;
        object-fit: contain;
    }

    .object-cover {
        -o-object-fit: cover;
        object-fit: cover;
    }

    .object-top {
        -o-object-position: top;
        object-position: top;
    }

    .p-1 {
        padding: calc(var(--spacing) * 1);
    }

    .p-2 {
        padding: calc(var(--spacing) * 2);
    }

    .pt-\[6\.4rem\] {
        padding-top: 6.4rem;
    }

    .pb-\[3\.2rem\] {
        padding-bottom: 3.2rem;
    }

    .p-\[0\.5rem\] {
        padding: 0.5rem;
    }

    .p-\[0\.45rem\] {
        padding: 0.45rem;
    }

    .p-\[1\.6rem\] {
        padding: 1.6rem;
    }

    .p-\[2\.4rem\] {
        padding: 2.4rem;
    }

    .px-2 {
        padding-inline: calc(var(--spacing) * 2);
    }

    .p-4 {
        padding: calc(var(--spacing) * 4);
    }

    .px-\[1\.6rem\] {
        padding-inline: 1.6rem;
    }

    .px-\[2\.3rem\] {
        padding-inline: 2.3rem;
    }

    .px-\[2\.4rem\] {
        padding-inline: 2.4rem;
    }

    .px-\[2\.6rem\] {
        padding-inline: 2.6rem;
    }

    .px-\[2\.7rem\] {
        padding-inline: 2.7rem;
    }

    .px-\[3\.2rem\] {
        padding-inline: 3.2rem;
    }

    .px-\[5rem\] {
        padding-inline: 5rem;
    }

    .py-1 {
        padding-block: calc(var(--spacing) * 1);
    }

    .py-4 {
        padding-block: calc(var(--spacing) * 4);
    }

    .py-6 {
        padding-block: calc(var(--spacing) * 6);
    }

    .py-\[0\.4rem\] {
        padding-block: 0.4rem;
    }

    .py-\[1\.2rem\] {
        padding-block: 1.2rem;
    }

    .py-\[1\.6rem\] {
        padding-block: 1.6rem;
    }

    .py-\[1\.65rem\] {
        padding-block: 1.65rem;
    }

    .py-\[2\.4rem\] {
        padding-block: 2.4rem;
    }

    .py-\[3\.2rem\] {
        padding-block: 3.2rem;
    }

    .py-\[3rem\] {
        padding-block: 3rem;
    }

    .py-\[4\.2rem\] {
        padding-block: 4.2rem;
    }

    .py-\[4rem\] {
        padding-block: 4rem;
    }

    .py-\[6\.4rem\] {
        padding-block: 6.4rem;
    }

    .pt-5 {
        padding-top: calc(var(--spacing) * 5);
    }

    .pt-\[2\.4rem\] {
        padding-top: 2.4rem;
    }

    .pr-\[1\.2rem\] {
        padding-right: 1.2rem;
    }

    .pr-\[6\.4rem\] {
        padding-right: 6.4rem;
    }

    .pb-6 {
        padding-bottom: calc(var(--spacing) * 6);
    }

    .pb-8 {
        padding-bottom: calc(var(--spacing) * 8);
    }

    .pb-\[2\.8rem\] {
        padding-bottom: 2.8rem;
    }

    .pb-\[3\.2rem\] {
        padding-bottom: 3.2rem;
    }

    .pb-\[4\.2rem\] {
        padding-bottom: 4.2rem;
    }

    .pb-\[4\.8rem\] {
        padding-bottom: 4.8rem;
    }

    .pl-\[1\.6rem\] {
        padding-left: 1.6rem;
    }

    .text-center {
        text-align: center;
    }

    .text-left {
        text-align: left;
    }

    .font-sans {
        font-family: var(--font-sans);
    }

    .body {
        letter-spacing: -0.018rem;
        font-size: 1.6rem;
        font-weight: 400;
        line-height: 1.5;
    }

    .mfp-content {
        max-width: 90% !important;
    }

    @media (min-width: 1024px) {
        .body {
            font-size: 1.8rem;
        }

        .mfp-content {
            max-width: 38% !important;
        }
    }

    .hd-1 {
        letter-spacing: -0.2rem;
        font-size: 5rem;
        font-weight: 700;
        line-height: 1.2;
    }

    @media (min-width: 1024px) {
        .hd-1 {
            font-size: 8rem;
        }
    }

    .hd-2 {
        letter-spacing: -0.2rem;
        font-size: 4rem;
        font-weight: 500;
        line-height: 1.2;
    }

    @media (min-width: 1024px) {
        .hd-2 {
            font-size: 5.8rem;
        }
    }

    .hd-3 {
        letter-spacing: -0.06rem;
        font-size: 3rem;
        font-weight: 500;
        line-height: 1.3;
    }

    @media (min-width: 1024px) {
        .hd-3 {
            font-size: 4rem;
        }
    }

    .hd-4 {
        letter-spacing: -0.048rem;
        font-size: 2.4rem;
        font-weight: 500;
        line-height: 1.3;
    }

    .hd-5 {
        letter-spacing: -0.048rem;
        font-size: 2.8rem;
        font-weight: 500;
        line-height: 1.3;
        color: #fff;
    }

    @media (min-width: 1024px) {
        .hd-4 {
            font-size: 3.2rem;
        }
    }

    .body-small {
        font-size: 1.4rem;
        font-weight: 400;
        line-height: 1.5;
    }

    .button {
        font-size: 1.6rem;
        font-weight: 700;
        line-height: 1.2;
    }

    .hd-6 {
        font-size: 2.4rem;
        font-weight: 500;
        line-height: 1.5;
    }

    .text-\[1\.1rem\] {
        font-size: 1.1rem;
    }

    .text-\[1\.6rem\] {
        font-size: 1.6rem;
    }

    .text-\[1\.8rem\] {
        font-size: 1.8rem;
    }

    .text-\[2rem\] {
        font-size: 2rem;
    }

    .leading-\[1\.2\] {
        --tw-leading: 1.2;
        line-height: 1.2;
    }

    .leading-\[1\.5\] {
        --tw-leading: 1.5;
        line-height: 1.5;
    }

    .leading-\[2\.4rem\] {
        --tw-leading: 2.4rem;
        line-height: 2.4rem;
    }

    .leading-\[2\] {
        --tw-leading: 2;
        line-height: 2;
    }

    .font-bold {
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold);
    }

    .font-extrabold {
        --tw-font-weight: var(--font-weight-extrabold);
        font-weight: var(--font-weight-extrabold);
    }

    .font-medium {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
    }

    .-tracking-\[0\.036rem\] {
        --tw-tracking: -0.036rem;
        letter-spacing: -0.036rem;
    }

    .tracking-\[0\.5px\] {
        --tw-tracking: 0.5px;
        letter-spacing: 0.5px;
    }

    .whitespace-nowrap {
        white-space: nowrap;
    }

    .text-\[\#595959\] {
        color: #595959;
    }

    .text-black {
        color: var(--color-black);
    }

    .text-blue {
        color: var(--color-blue);
    }

    .text-cerulean {
        color: var(--color-cerulean);
    }

    .text-icon-secondary {
        color: var(--color-icon-secondary);
    }

    .text-link {
        color: var(--color-link);
    }

    .text-text {
        color: var(--color-text);
    }

    .text-white {
        color: var(--color-white);
    }

    .uppercase {
        text-transform: uppercase;
    }

    .opacity-0 {
        opacity: 0;
    }

    .opacity-50 {
        opacity: 0.5;
    }

    .opacity-\[0\.48\] {
        opacity: 0.48;
    }

    .shadow-1 {
        --tw-shadow: -0.38px 0.38px 0.38px -0.761px var(--tw-shadow-color, #ffffff59) inset;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .backdrop-blur-\[5px\] {
        --tw-backdrop-blur: blur(5px);
        -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
        backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    }

    .transition {
        transition-property:
            color,
            background-color,
            border-color,
            outline-color,
            text-decoration-color,
            fill,
            stroke,
            --tw-gradient-from,
            --tw-gradient-via,
            --tw-gradient-to,
            opacity,
            box-shadow,
            transform,
            translate,
            scale,
            rotate,
            filter,
            -webkit-backdrop-filter,
            backdrop-filter;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
    }

    .transition-\[grid-template-rows\] {
        transition-property: grid-template-rows;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
    }

    .transition-all {
        transition-property: all;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
    }

    .transition-colors {
        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from,
            --tw-gradient-via, --tw-gradient-to;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
    }

    .transition-opacity {
        transition-property: opacity;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
    }

    .transition-transform {
        transition-property: transform, translate, scale, rotate;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
    }

    .duration-200 {
        --tw-duration: 0.2s;
        transition-duration: 0.2s;
    }

    .duration-300 {
        --tw-duration: 0.3s;
        transition-duration: 0.3s;
    }

    .ease-in-out {
        --tw-ease: var(--ease-in-out);
        transition-timing-function: var(--ease-in-out);
    }

    .ease-out {
        --tw-ease: var(--ease-out);
        transition-timing-function: var(--ease-out);
    }

    :is(.\*\:shrink-0 > *) {
        flex-shrink: 0;
    }

    :is(.\*\:basis-\[calc\(\(100\%-1\.6rem\)\/2\)\] > *) {
        flex-basis: calc(50% - 0.8rem);
    }

    @media (hover: hover) {
        .group-hover\:rotate-180:is(:where(.group):hover *) {
            rotate: 180deg;
        }
    }

    .group-hocus\:scale-110:is(:is(:where(.group):hover, :where(.group):focus) *) {
        --tw-scale-x: 110%;
        --tw-scale-y: 110%;
        --tw-scale-z: 110%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .group-hocus\:grid-rows-\[1fr\]:is(:is(:where(.group):hover, :where(.group):focus) *) {
        grid-template-rows: 1fr;
    }

    .group-hocus\:opacity-0:is(:is(:where(.group):hover, :where(.group):focus) *) {
        opacity: 0;
    }

    .group-hocus\:opacity-100:is(:is(:where(.group):hover, :where(.group):focus) *) {
        opacity: 1;
    }

    @media (hover: hover) {
        .hover\:bg-blue:hover {
            background-color: var(--color-blue);
        }
    }

    @media not all and (min-width: 64rem) {
        .max-lg\:left-0 {
            left: calc(var(--spacing) * 0);
        }

        .max-lg\:hidden {
            display: none;
        }

        .max-lg\:w-full {
            width: 100%;
        }
    }

    @media not all and (min-width: 48rem) {
        .max-md\:h-\[25rem\] {
            height: 25rem;
        }

        .max-md\:w-full {
            width: 100%;
        }

        .max-md\:flex {
            display: flex;
        }
    }

    @media (min-width: 48rem) {
        .md\:absolute {
            position: absolute;
        }

        .md\:top-0 {
            top: calc(var(--spacing) * 0);
        }

        .md\:left-\[1\.6rem\] {
            left: 1.6rem;
        }

        .md\:mx-0 {
            margin-inline: calc(var(--spacing) * 0);
        }

        .md\:block {
            display: block;
        }

        .md\:grid {
            display: grid;
        }

        .md\:hidden {
            display: none;
        }

        .md\:w-\[26rem\] {
            width: 26rem;
        }

        .md\:w-\[33\.9rem\] {
            width: 33.9rem;
        }

        .md\:h-\[8\.4rem\] {
            height: 8.4rem;
        }

        .md\:h-\[10\.1rem\] {
            height: 10.1rem;
        }

        .md\:h-\[10\.22rem\] {
            height: 10.22rem;
        }

        .md\:h-\[14\.2477rem\] {
            height: 14.2477rem;
        }

        .md\:h-\[33\.3rem\] {
            height: 33.3rem;
        }

        .md\:h-\[43\.3rem\] {
            height: 43.3rem;
        }

        .md\:h-\[37rem\] {
            height: 37rem;
        }

        .md\:h-\[41\.2rem\] {
            height: 41.2rem;
        }

        .md\:h-full {
            height: 100%;
        }

        ˝ .md\:min-h-\[37\.1rem\] {
            min-height: 37.1rem;
        }

        .md\:w-\[9\.0041rem\] {
            width: 9.0041rem;
        }

        .md\:w-\[22\.9366rem\] {
            width: 22.9366rem;
        }

        .md\:w-\[32rem\] {
            width: 32rem;
        }

        .md\:w-\[34rem\] {
            width: 34rem;
        }

        .md\:w-\[40\.7rem\] {
            width: 40.7rem;
        }

        .md\:w-full {
            width: 100%;
        }

        .md\:max-w-\[28rem\] {
            max-width: 28rem;
        }

        .md\:w-\[50\.2rem\] {
            width: 50.2rem;
        }

        .md\:left-1\/2 {
            left: 50%;
        }

        .md\:-translate-x-1\/2 {
            transform: translateX(-50%);
        }

        .md\:h-\[50\.2rem\] {
            height: 50.2rem;
        }

        .md\:top-\[-17\%\] {
            top: -17%;
        }

        .md\:bottom-\[-17\%\] {
            bottom: -17%;
        }

        .md\:max-w-\[60rem\] {
            max-width: 60rem;
        }

        .md\:max-w-\[65rem\] {
            max-width: 65rem;
        }

        .md\:shrink-0 {
            flex-shrink: 0;
        }

        .md\:grow {
            flex-grow: 1;
        }

        .md\:grid-cols-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .md\:grid-rows-5 {
            grid-template-rows: repeat(5, minmax(0, 1fr));
        }

        .md\:flex-row {
            flex-direction: row;
        }

        .md\:flex-row-reverse {
            flex-direction: row-reverse;
        }

        .md\:flex-wrap {
            flex-wrap: wrap;
        }

        .md\:items-center {
            align-items: center;
        }

        .md\:justify-between {
            justify-content: space-between;
        }

        .md\:justify-center {
            justify-content: center;
        }

        .md\:gap-0 {
            gap: calc(var(--spacing) * 0);
        }

        .md\:gap-2 {
            gap: calc(var(--spacing) * 2);
        }

        .md\:gap-4 {
            gap: calc(var(--spacing) * 4);
        }

        .md\:gap-6 {
            gap: calc(var(--spacing) * 6);
        }

        .md\:gap-\[2\.4rem\] {
            gap: 2.4rem;
        }

        .md\:gap-\[2\.7rem\] {
            gap: 2.7rem;
        }

        .md\:gap-\[4\.2rem\] {
            gap: 4.2rem;
        }

        .md\:gap-\[4rem\] {
            gap: 4rem;
        }

        .md\:justify-self-center {
            justify-self: center;
        }

        .md\:pt-\[8\.1rem\] {
            padding-top: 8.1rem;
        }

        .md\:p-3 {
            padding: calc(var(--spacing) * 3);
        }

        .md\:p-4 {
            padding: calc(var(--spacing) * 4);
        }

        .md\:p-\[3\.2rem\] {
            padding: 3.2rem;
        }

        .md\:px-0 {
            padding-inline: calc(var(--spacing) * 0);
        }

        .md\:px-4 {
            padding-inline: calc(var(--spacing) * 4);
        }

        .md\:px-6 {
            padding-inline: calc(var(--spacing) * 6);
        }

        .md\:px-\[4\.2rem\] {
            padding-inline: 4.2rem;
        }

        .md\:px-\[4\.8rem\] {
            padding-inline: 4.8rem;
        }

        .md\:px-\[6\.4rem\] {
            padding-inline: 6.4rem;
        }

        .md\:py-4 {
            padding-block: calc(var(--spacing) * 4);
        }

        .md\:py-6 {
            padding-block: calc(var(--spacing) * 6);
        }

        .md\:py-\[1\.6rem\] {
            padding-block: 1.6rem;
        }

        .md\:py-\[4\.8rem\] {
            padding-block: 4.8rem;
        }

        .md\:pr-\[4\.2rem\] {
            padding-right: 4.2rem;
        }

        .md\:pb-0 {
            padding-bottom: calc(var(--spacing) * 0);
        }

        .md\:pb-\[5\.6rem\] {
            padding-bottom: 5.6rem;
        }

        .md\:pb-\[8\.8rem\] {
            padding-bottom: 8.8rem;
        }

        .md\:text-center {
            text-align: center;
        }

        .md\:hd-6 {
            font-size: 2.4rem;
            font-weight: 500;
            line-height: 1.5;
        }

        .md\:hd-5 {
            letter-spacing: -0.048rem !important;
            font-size: 2.8rem !important;
            font-weight: 500 !important;
            line-height: 1.3 !important;
            color: #fff !important;
        }

        .md\:hidden {
            display: hidden;
        }

        .md\:top-\[29\.3rem\] {
            top: 29.3rem;
        }

        .benefits-grid {
            display: grid;
            gap: 2rem;
            grid-template-columns: repeat(2, 1fr);
            /*
            /* grid-template-columns: repeat(3, 1fr); */
            /* gap: 2rem; */
        }

        .benefits-item {
            display: grid;
            grid-template-rows: subgrid;
            grid-row: span 3;
            /* display: flex;
            flex-direction: column; */
            /* align-items: flex-start; */
            /* gap: 2rem; */
            /* item- */
        }

        :is(.md\:\*\:basis-1\/2 > *) {
            flex-basis: 50%;
        }

        :is(.md\:\*\:basis-1\/3 > *) {
            flex-basis: 33.3333%;
        }

        :is(.md\:\*\:basis-\[calc\(\(100\%-1\.6rem\*2\)\/3\)\] > *) {
            flex-basis: calc(33.3333% - 1.06667rem);
        }

        :is(.md\:\*\:basis-\[calc\(\(100\%-2rem\)\/2\)\] > *) {
            flex-basis: calc(50% - 1rem);
        }

        @media not all and (min-width: 64rem) {
            .md\:max-lg\:col-span-2 {
                grid-column: span 2 / span 2;
            }

            .benefits-item:last-child:nth-child(odd) {
                display: flex;
                flex-direction: column;
                gap: 2rem;
                max-width: calc(50% - 1rem);
                grid-column: span 2;
                justify-self: center;
            }
        }
    }

    @media not all and (min-width: 64rem) {
        @media (min-width: 48rem) {
            .max-lg\:md\:max-w-1\/2 {
                max-width: 50%;
            }
        }
    }

    @media (min-width: 64rem) {
        .lg\:\!fixed {
            position: fixed !important;
        }

        .lg\:absolute {
            position: absolute;
        }

        .lg\:relative {
            position: relative;
        }

        .lg\:top-0 {
            top: calc(var(--spacing) * 0);
        }

        .lg\:top-1\/2 {
            top: 50%;
        }


        .lg\:rounded-\[2\.4rem\] {
            border-radius: 2.4rem;
        }

        .lg\:top-\[9\.5rem\] {
            top: 9.5rem;
        }

        .lg\:top-\[24\.3rem\] {
            top: 24.3rem;
        }

        .lg\:top-\[34\.2rem\] {
            top: 34.2rem;
        }

        .lg\:top-\[43\.6rem\] {
            top: 43.6rem;
        }

        .lg\:-translate-y-\[5rem\] {
            transform: translateY(-5rem);
        }


        .lg\:right-0 {
            right: calc(var(--spacing) * 0);
        }

        .lg\:right-6 {
            right: calc(var(--spacing) * 6);
        }

        .lg\:-left-\[2\.05rem\] {
            left: -2.05rem;
        }

        .lg\:-left-\[6\.15rem\] {
            left: -6.15rem;
        }

        .lg\:left-3 {
            left: calc(var(--spacing) * 3);
        }

        .lg\:left-\[30\.35rem\] {
            left: 30.35rem;
        }

        .lg\:-mx-\[6\.25rem\] {
            margin-inline: -6.25rem;
        }

        .lg\:mx-1\.5 {
            margin-inline: calc(var(--spacing) * 1.5);
        }

        .lg\:block {
            display: block;
        }

        .lg\:flex {
            display: flex;
        }

        .lg\:hidden {
            display: none;
        }

        .lg\:hidden\! {
            display: none !important;
        }

        .lg\:size-\[4rem\] {
            width: 4rem;
            height: 4rem;
        }

        .lg\:\!h-\[7\.6rem\] {
            height: 7.6rem !important;
        }

        .lg\:h-\[2rem\] {
            height: 2rem;
        }

        .lg\:h-\[5rem\] {
            height: 5rem;
        }

        .lg\:h-\[10rem\] {
            height: 10rem;
        }

        .lg\:h-\[14\.6943rem\] {
            height: 14.6943rem;
        }

        .lg\:h-\[16\.1298rem\] {
            height: 16.1298rem;
        }

        .lg\:h-\[22\.5rem\] {
            height: 22.5rem;
        }

        .lg\:h-\[40rem\] {
            height: 40rem;
        }

        .lg\:h-\[41\.6rem\] {
            height: 41.6rem;
        }

        .lg\:h-\[44\.7rem\] {
            height: 44.7rem;
        }

        .lg\:h-\[37\.2rem\] {
            height: 37.2rem;
        }

        .lg\:h-\[40\.7rem\] {
            height: 40.7rem;
        }

        .lg\:h-\[45\.7rem\] {
            height: 45.7rem;
        }

        .lg\:h-\[48\.3rem\] {
            height: 48.3rem;
        }

        .lg\:h-\[58rem\] {
            height: 58rem;
        }

        .lg\:h-\[calc\(100vh-7\.6rem-2rem\)\] {
            height: calc(100vh - 9.6rem);
        }

        .lg\:max-h-\[72rem\] {
            max-height: 72rem;
        }

        .lg\:w-full {
            width: 100%;
        }

        .md\:width-1\/2 {
            width: 50%;
        }

        .lg\:w-\[13\.1rem\] {
            width: 13.1rem;
        }

        .lg\:w-\[29\.7rem\] {
            width: 29.7rem;
        }

        .lg\:w-\[36\.3rem\] {
            width: 36.3rem;
        }

        .lg\:w-\[40\.8rem\] {
            width: 40.8rem;
        }

        .lg\:w-\[52\.4rem\] {
            width: 52.4rem;
        }

        .lg\:w-\[56rem\] {
            width: 56rem;
        }

        .lg\:w-\[60\.6rem\] {
            width: 60.6rem;
        }

        .lg\:w-\[84\.9rem\] {
            width: 84.9rem;
        }

        .lg\:w-screen {
            width: 100vw;
        }

        .lg\:max-w-\[30\.2rem\] {
            max-width: 30.2rem;
        }

        .lg\:max-w-\[80\.4rem\] {
            max-width: 80.4rem;
        }

        .lg\:max-w-\[105\.8rem\] {
            max-width: 105.8rem;
        }

        .lg\:max-w-\[109\.2rem\] {
            max-width: 109.2rem;
        }

        .lg\:max-w-\[114\.8rem\] {
            max-width: 114.8rem;
        }

        .lg\:max-w-full {
            max-width: 100%;
        }

        .lg\:grow {
            flex-grow: 1;
        }

        .lg\:grid-cols-3 {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }

        .lg\:grid-rows-3 {
            grid-template-rows: repeat(3, minmax(0, 1fr));
        }

        .lg\:flex-row {
            flex-direction: row;
        }

        .lg\:flex-row-reverse {
            flex-direction: row-reverse;
        }

        .lg\:flex-nowrap {
            flex-wrap: nowrap;
        }

        .lg\:items-center {
            align-items: center;
        }

        .lg\:items-end {
            align-items: flex-end;
        }

        .lg\:items-start {
            align-items: flex-start;
        }

        .lg\:justify-between {
            justify-content: space-between;
        }

        .lg\:justify-center {
            justify-content: center;
        }

        .lg\:gap-0 {
            gap: calc(var(--spacing) * 0);
        }

        .lg\:gap-3 {
            gap: calc(var(--spacing) * 3);
        }

        .lg\:gap-4 {
            gap: calc(var(--spacing) * 4);
        }

        .lg\:gap-6 {
            gap: calc(var(--spacing) * 6);
        }

        .lg\:gap-\[9\.6rem\] {
            gap: 9.6rem;
        }

        .lg\:p-2 {
            padding: calc(var(--spacing) * 2);
        }

        .lg\:p-4 {
            padding: calc(var(--spacing) * 4);
        }

        .lg\:p-6 {
            padding: calc(var(--spacing) * 6);
        }

        .lg\:p-8 {
            padding: calc(var(--spacing) * 8);
        }

        .lg\:p-\[3\.2rem\] {
            padding: 3.2rem;
        }

        .lg\:px-0 {
            padding-inline: calc(var(--spacing) * 0);
        }

        .lg\:px-6 {
            padding-inline: calc(var(--spacing) * 6);
        }

        .lg\:px-8 {
            padding-inline: calc(var(--spacing) * 8);
        }

        .lg\:px-\[4\.8rem\] {
            padding-inline: 4.8rem;
        }

        .lg\:px-\[6\.4rem\] {
            padding-inline: 6.4rem;
        }

        .lg\:px-\[6\.25rem\] {
            padding-inline: 6.25rem;
        }

        .lg\:px-\[6rem\] {
            padding-inline: 6rem;
        }

        .lg\:px-\[7\.1rem\] {
            padding-inline: 7.1rem;
        }

        .lg\:px-\[8rem\] {
            padding-inline: 8rem;
        }

        .lg\:px-\[9\.6rem\] {
            padding-inline: 9.6rem;
        }

        .lg\:px-\[14\.4rem\] {
            padding-inline: 14.4rem;
        }

        .lg\:py-8 {
            padding-block: calc(var(--spacing) * 8);
        }

        .lg\:py-\[2\.4rem\] {
            padding-block: 2.4rem;
        }

        .lg\:py-\[9\.6rem\] {
            padding-block: 9.6rem;
        }

        .lg\:py-\[8\.2rem\] {
            padding-block: 8.2rem;
        }

        .lg\:py-\[8\.4rem\] {
            padding-block: 8.4rem;
        }

        .lg\:py-\[10\.6rem\] {
            padding-block: 10.6rem;
        }

        .lg\:pt-\[12\.8rem\] {
            padding-top: 12.8rem;
        }

        .lg\:py-\[12\.8rem\] {
            padding-block: 12.8rem;
        }

        .lg\:pt-6 {
            padding-top: calc(var(--spacing) * 6);
        }

        .lg\:pt-\[11\.4rem\] {
            padding-top: 11.4rem;
        }

        .lg\:pt-\[12\.2rem\] {
            padding-top: 12.2rem;
        }

        .lg\:pr-6 {
            padding-right: calc(var(--spacing) * 6);
        }

        .lg\:pr-\[8\.8rem\] {
            padding-right: 8.8rem;
        }

        .lg\:pr-\[9\.1rem\] {
            padding-right: 9.1rem;
        }

        .lg\:pb-8 {
            padding-bottom: calc(var(--spacing) * 8);
        }

        .lg\:pb-\[7\.4rem\] {
            padding-bottom: 7.4rem;
        }

        .lg\:pb-\[8rem\] {
            padding-bottom: 8rem;
        }

        .lg\:pb-\[15\.3rem\] {
            padding-bottom: 15.3rem;
        }

        .lg\:pl-\[3\.2rem\] {
            padding-left: 3.2rem;
        }

        .lg\:pl-\[6rem\] {
            padding-left: 6rem;
        }

        .lg\:pl-\[8\.2rem\] {
            padding-left: 8.2rem;
        }

        .lg\:pl-\[19\.3rem\] {
            padding-left: 19.3rem;
        }

        .lg\:w-\[41\.9rem\] {
            width: 41.9rem;
        }

        .lg\:h-2 {
            height: 2rem;
        }

        :is(.lg\:\*\:basis-1\/2 > *) {
            flex-basis: 50%;
        }

        .benefits-grid {
            grid-template-columns: repeat(3, 1fr);
        }

        .benefits-item:last-child {
            margin-right: 2rem;
        }

        :is(.lg\:\*\:basis-1\/4 > *) {
            flex-basis: 25%;
        }

        :is(.lg\:\*\:basis-\[calc\(\(100\%-3rem\*2\)\/3\)\] > *) {
            flex-basis: calc(33.3333% - 2rem);
        }
    }

    @media (min-width: 80rem) {
        .xl\:mx-auto {
            margin-inline: auto;
        }

        .xl\:max-w-\[112\.2rem\] {
            max-width: 112.2rem;
        }

        .xl\:max-w-\[130\.2rem\] {
            max-width: 130.2rem;
        }

        .xl\:max-w-\[144rem\] {
            max-width: 144rem;
        }
    }

    .hocus\:bg-cerulean:hover,
    .hocus\:bg-cerulean:focus {
        background-color: var(--color-cerulean);
    }

    .hocus\:bg-link:hover,
    .hocus\:bg-link:focus {
        background-color: var(--color-link);
    }

    .hocus\:text-invert:hover,
    .hocus\:text-invert:focus {
        color: var(--color-invert);
    }

    .hocus\:text-link:hover,
    .hocus\:text-link:focus {
        color: var(--color-link);
    }

    .hocus\:text-white:hover,
    .hocus\:text-white:focus {
        color: var(--color-white);
    }

    .current\:size-\[1\.5rem\].current {
        width: 1.5rem;
        height: 1.5rem;
    }

    .current\:bg-black.current {
        background-color: var(--color-black);
    }

    .current\:text-invert.current {
        color: var(--color-invert);
    }

    .current\:text-link.current {
        color: var(--color-link);
    }

    .current\:opacity-100.current {
        opacity: 1;
    }

    @mixin default-font {
        font-family: "Roboto";
    }

    @mixin clearfix {
        :scope::after {
            content: "";
            display: table;
            clear: both;
        }
    }

    @mixin no-list-list {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    @mixin img-background {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

    html {
        -webkit-text-size-adjust: none;
        -webkit-font-smoothing: subpixel-antialiased;
        -webkit-font-smoothing: antialiased;
        scroll-behavior: smooth;
        scroll-padding-top: 10.24rem;
        font-size: 62.5%;
        overflow-x: hidden !important;
    }

    body {
        background-color: #e5f5fc;
    }

    .main-bg {
        background-color: #e5f5fc;
    }

    @include on_min_tablet {
        scroll-padding-top: 11.6rem;
    }

    @include on_min_md_desktop {
        scroll-padding-top: 11.8rem;
    }

    *,
    :before,
    :after {
        box-sizing: inherit;
    }

    body {
        box-sizing: border-box;
        margin: 0;
        font-size: 1.6rem;
    }

    ::-moz-selection {
        color: #fff;
        background: #000;
    }

    ::selection {
        color: #fff;
        background: #000;
    }

    ::-webkit-selection {
        color: #fff;
        background: #000;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    figure {
        margin: 0;
    }

    q:before,
    q:after {
        display: none;
    }

    button {
        color: inherit;
        vertical-align: middle;
        text-align: center;
        text-transform: none;
        font: inherit;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        background: 0 0;
        border: 0;
        margin: 0;
        padding: 0;
        line-height: normal;
        text-decoration: none;
        display: inline-block;
        overflow: visible;
    }

    blockquote {
        margin-block: 0;
        margin-inline: 0;
    }

    #svg-- {
        display: none;
    }

    .mfp-wrap {
        overflow: hidden auto;
        position: fixed !important;
        top: 0 !important;
    }

    @font-face {
        font-family: "";
        src:
            url(https://d25zu39ynyitwy.cloudfront.net/oms/4194/font/2025/6/R8EVI_Smart-RegularItalic/Smart-RegularItalic.woff2) format("woff2"),
            url(https://d25zu39ynyitwy.cloudfront.net/oms/4194/font/2025/6/9F0J2_Smart-RegularItalic/Smart-RegularItalic.woff) format("woff");
        font-weight: 400;
        font-style: italic;
        font-display: swap;
    }

    @font-face {
        font-family: "";
        src:
            url(https://d25zu39ynyitwy.cloudfront.net/oms/4194/font/2025/6/3KC2T_Smart-LightItalic/Smart-LightItalic.woff2) format("woff2"),
            url(https://d25zu39ynyitwy.cloudfront.net/oms/4194/font/2025/6/3EZTF_Smart-LightItalic/Smart-LightItalic.woff) format("woff");
        font-weight: 300;
        font-style: italic;
        font-display: swap;
    }

    @font-face {
        font-family: "";
        src:
            url(https://d25zu39ynyitwy.cloudfront.net/oms/4194/font/2025/6/AWH7G_Smart-MediumItalic/Smart-MediumItalic.woff2) format("woff2"),
            url(https://d25zu39ynyitwy.cloudfront.net/oms/4194/font/2025/6/8LQ2X_Smart-MediumItalic/Smart-MediumItalic.woff) format("woff");
        font-weight: 500;
        font-style: italic;
        font-display: swap;
    }

    @font-face {
        font-family: Smart;
        src:
            url(https://d25zu39ynyitwy.cloudfront.net/oms/4194/font/2025/6/FU6ZV_Smart-Light/Smart-Light.woff2) format("woff2"),
            url(https://d25zu39ynyitwy.cloudfront.net/oms/4194/font/2025/6/ETZ1Z_Smart-Light/Smart-Light.woff) format("woff");
        font-weight: 300;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: Smart;
        src:
            url(https://d25zu39ynyitwy.cloudfront.net/oms/4194/font/2025/6/OX4LA_Smart-Bold/Smart-Bold.woff2) format("woff2"),
            url(https://d25zu39ynyitwy.cloudfront.net/oms/4194/font/2025/6/ETGN6_Smart-Bold/Smart-Bold.woff) format("woff");
        font-weight: 700;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: "";
        src:
            url(https://d25zu39ynyitwy.cloudfront.net/oms/4194/font/2025/6/15FOF_Smart-BoldItalic/Smart-BoldItalic.woff2) format("woff2"),
            url(https://d25zu39ynyitwy.cloudfront.net/oms/4194/font/2025/6/HQJ5J_Smart-BoldItalic/Smart-BoldItalic.woff) format("woff");
        font-weight: 700;
        font-style: italic;
        font-display: swap;
    }

    @font-face {
        font-family: "";
        src:
            url(https://d25zu39ynyitwy.cloudfront.net/oms/4194/font/2025/6/P9BTG_Smart-BlackItalic/Smart-BlackItalic.woff2) format("woff2"),
            url(https://d25zu39ynyitwy.cloudfront.net/oms/4194/font/2025/6/L9Y8V_Smart-BlackItalic/Smart-BlackItalic.woff) format("woff");
        font-weight: 900;
        font-style: italic;
        font-display: swap;
    }

    @font-face {
        font-family: Smart;
        src:
            url(https://d25zu39ynyitwy.cloudfront.net/oms/4194/font/2025/6/RV1ZK_Smart-Regular/Smart-Regular.woff2) format("woff2"),
            url(https://d25zu39ynyitwy.cloudfront.net/oms/4194/font/2025/6/0NR6K_Smart-Regular/Smart-Regular.woff) format("woff");
        font-weight: 400;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: Smart;
        src:
            url(https://d25zu39ynyitwy.cloudfront.net/oms/4194/font/2025/6/Z95KH_Smart-Medium/Smart-Medium.woff2) format("woff2"),
            url(https://d25zu39ynyitwy.cloudfront.net/oms/4194/font/2025/6/BSPBN_Smart-Medium/Smart-Medium.woff) format("woff");
        font-weight: 500;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: Smart;
        src:
            url(https://d25zu39ynyitwy.cloudfront.net/oms/4194/font/2025/6/CM0HX_Smart-Black/Smart-Black.woff2) format("woff2"),
            url(https://d25zu39ynyitwy.cloudfront.net/oms/4194/font/2025/6/2S9GD_Smart-Black/Smart-Black.otf) format("woff");
        font-weight: 900;
        font-style: normal;
        font-display: swap;
    }

    .button {
        border-radius: 20rem;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        gap: 0.8rem;
        padding: 1rem 2.4rem;
        font-size: 1.6rem;
        font-weight: 700;
        line-height: 1.2;
        transition: all 0.3s ease-in-out;
        display: flex;
    }

    .button-primary {
        color: #fff;
        background-color: #da291c;
    }

    .button-primary:hover,
    .button-primary:focus {
        background-color: #bf1e12;
    }

    .button-secondary {
        color: #fff;
        background-color: #003087;
    }

    .button-secondary:hover,
    .button-secondary:focus {
        background-color: #0070b9;
    }

    .button-tertiary {
        color: #2c2e34;
        background-color: #e5f5fc;
    }

    .button-tertiary:hover,
    .button-tertiary:focus {
        color: #fff;
        background-color: #0070b9;
    }

    .button-rounded {
        color: #fff;
        background-color: #da291c;
        border-radius: 50%;
        width: 4.8rem;
        height: 4.8rem;
        padding: 0;
    }

    .button-rounded:hover,
    .button-rounded:focus {
        background-color: #bf1e12;
    }

    .hamburger {
        z-index: 999;
        background-color: #0000;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 0.5rem;
        width: 6.4rem;
        height: 5.2rem;
        display: flex;
        position: relative;
    }

    .hamburger.active .hamburger-bar:first-child {
        transform: rotate(-45deg);
    }

    .hamburger.active .hamburger-bar:nth-child(2) {
        opacity: 0;
    }

    .hamburger.active .hamburger-bar:nth-child(3) {
        transform: rotate(45deg);
    }

    .hamburger-bar {
        background-color: #fff;
        width: 3.2rem;
        height: 0.2rem;
        margin: 0 auto;
        transition: all 0.3s;
        display: block;
        position: absolute;
    }

    .hamburger-bar:first-of-type {
        top: 50%;
        transform: translateY(calc(-50% - 1rem));
    }

    .hamburger-bar:nth-of-type(3) {
        top: 50%;
        transform: translateY(calc(1rem - 50%));
    }
}

.job-description ul,
.job-description ol {
    list-style-type: initial;
    unicode-bidi: isolate;
    margin-block: 1em;
    margin-inline: 0;
    padding-inline-start: 20px;
    display: block;
}

.job-description li {
    text-align: -webkit-match-parent;
    unicode-bidi: isolate;
    display: list-item;
}

.job-description p {
    unicode-bidi: isolate;
    margin-block: 1em;
    margin-inline: 0;
    display: block;
}

.mfp-close-btn-in .custom-popup .mfp-close {
    color: #fff;
    background: #221f1f;
    border-radius: 50%;
    order: 0;
    justify-content: center;
    align-self: end;
    align-items: center;
    width: 3.4rem;
    height: 3.4rem;
    display: flex;
    position: relative;
}

.mfp-wrap {
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
}

@property --tw-translate-x {
    syntax: "*";
    inherits: false;
    initial-value: 0;
}

@property --tw-translate-y {
    syntax: "*";
    inherits: false;
    initial-value: 0;
}

@property --tw-translate-z {
    syntax: "*";
    inherits: false;
    initial-value: 0;
}

@property --tw-rotate-x {
    syntax: "*";
    inherits: false;
}

@property --tw-rotate-y {
    syntax: "*";
    inherits: false;
}

@property --tw-rotate-z {
    syntax: "*";
    inherits: false;
}

@property --tw-skew-x {
    syntax: "*";
    inherits: false;
}

@property --tw-skew-y {
    syntax: "*";
    inherits: false;
}

@property --tw-border-style {
    syntax: "*";
    inherits: false;
    initial-value: solid;
}

@property --tw-gradient-position {
    syntax: "*";
    inherits: false;
}

@property --tw-gradient-from {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000;
}

@property --tw-gradient-via {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000;
}

@property --tw-gradient-to {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000;
}

@property --tw-gradient-stops {
    syntax: "*";
    inherits: false;
}

@property --tw-gradient-via-stops {
    syntax: "*";
    inherits: false;
}

@property --tw-gradient-from-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 0%;
}

@property --tw-gradient-via-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 50%;
}

@property --tw-gradient-to-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 100%;
}

@property --tw-leading {
    syntax: "*";
    inherits: false;
}

@property --tw-font-weight {
    syntax: "*";
    inherits: false;
}

@property --tw-tracking {
    syntax: "*";
    inherits: false;
}

@property --tw-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000;
}

@property --tw-shadow-color {
    syntax: "*";
    inherits: false;
}

@property --tw-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%;
}

@property --tw-inset-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {
    syntax: "*";
    inherits: false;
}

@property --tw-inset-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%;
}

@property --tw-ring-color {
    syntax: "*";
    inherits: false;
}

@property --tw-ring-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color {
    syntax: "*";
    inherits: false;
}

@property --tw-inset-ring-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000;
}

@property --tw-ring-inset {
    syntax: "*";
    inherits: false;
}

@property --tw-ring-offset-width {
    syntax: "<length>";
    inherits: false;
    initial-value: 0;
}

@property --tw-ring-offset-color {
    syntax: "*";
    inherits: false;
    initial-value: #fff;
}

@property --tw-ring-offset-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000;
}

@property --tw-backdrop-blur {
    syntax: "*";
    inherits: false;
}

@property --tw-backdrop-brightness {
    syntax: "*";
    inherits: false;
}

@property --tw-backdrop-contrast {
    syntax: "*";
    inherits: false;
}

@property --tw-backdrop-grayscale {
    syntax: "*";
    inherits: false;
}

@property --tw-backdrop-hue-rotate {
    syntax: "*";
    inherits: false;
}

@property --tw-backdrop-invert {
    syntax: "*";
    inherits: false;
}

@property --tw-backdrop-opacity {
    syntax: "*";
    inherits: false;
}

@property --tw-backdrop-saturate {
    syntax: "*";
    inherits: false;
}

@property --tw-backdrop-sepia {
    syntax: "*";
    inherits: false;
}

@property --tw-duration {
    syntax: "*";
    inherits: false;
}

@property --tw-ease {
    syntax: "*";
    inherits: false;
}

@property --tw-scale-x {
    syntax: "*";
    inherits: false;
    initial-value: 1;
}

@property --tw-scale-y {
    syntax: "*";
    inherits: false;
    initial-value: 1;
}

@property --tw-scale-z {
    syntax: "*";
    inherits: false;
    initial-value: 1;
}

.circle-child {
    width: 16.3rem;
    height: 16.3rem;
    display: flex;
    flex-direction: column;
    gap: 1.67rem;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: linear-gradient(266.06deg, #003087 0%, #DA291C 100%);
}

.value-text {
    letter-spacing: -0.048rem;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.3;
    color: #fff;
    white-space: normal;
    max-width: 90%;
    text-align: center;
}

.-top-4 {
    top: -4rem;
}

.-bottom-4 {
    bottom: -4rem;
}

#parent-circle {
    width: 25.9rem;
    height: 25.9rem;
    position: relative;
    z-index: 100;
}

#circle-1,
#circle-2,
#circle-3,
#circle-4 {
    position: absolute;
    /* top: 50%; */
    /* left: 50%; */
    /* right: auto; */
    /* transform: translate(-50%, -50%); */
}


@media (min-width: 48rem) {
    .circle-child {
        width: 20.8rem;
        height: 20.8rem;
    }

    #circle-2 {
        z-index: 120;
    }

    .our-value-section {
        width: 100%;
        height: 100vh;
    }

    #circle-1,
    #circle-2,
    #circle-3,
    #circle-4 {
        position: absolute;
        top: 50%;
        left: 50%;
        right: auto;
        transform: translate(-50%, -50%);
    }
}

@media (min-width: 64rem) {
    .circle-child {
        width: 25rem;
        height: 25rem;
    }

    .our-value-section {
        transform: translateY(11.5%);
        max-height: 80rem;
    }

}

.toggle-dropdown {
    border-radius: 8px;
}

.toggle-dropdown li a {
    white-space: nowrap;
    color: #2C2E34;

    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    padding: 10px 32px;

    display: flex;
    align-items: center;
    gap: 10px;

    transition: all ease-out .2s;
    border-radius: 8px;
}

.toggle-dropdown li a:hover {
    background-color: #E5F5FC;
}

.toggle-dropdown li .divider {
    width: 1px;
    height: 14px;
    background-color: #221F1F;
}

#lang-toggle {
    border-radius: 8px;
    transition: all ease-out .2s;
    padding: 0.8rem;
}

#lang-toggle:hover {
    background-color: #0070B9;
}

@media (min-width: 64rem) {
    .lg\:flex {
        display: flex;
    }
}

#navigation a.active,
#header nav a.active,
.sub-menu-toggle.active {
    color: #6ad5ff;
}

.flip-wrapper-section {
    perspective: 100000px;
}

.flip-card {
    transform-style: preserve-3d;
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    cursor: pointer;
    background: #fff;
    border-radius: 1.6rem;
    will-change: transform;
}

.flip-card-front,
.flip-card-back {
    backface-visibility: hidden;
}

.flip-card-back {
    transform: rotateX(180deg);
}

.location-search .icon-container .location-search__commute-time-icon {
    color: #003087 !important;

}

.c-jobs-radius-wrap .jobs-radius {
    width: fit-content;
}

@media (min-width: 768px) {
    .md\:sticky {
        position: sticky;
    }

    .md\:top-\[10rem\] {
        top: 10rem;
    }

    /* md\:order-2 {
        order: 2
    }

    md\:order-1 {
        order: 1
    } */

    .md\:order-1 {
        order: 1 !important;
    }

    .md\:order-2 {
        order: 2 !important;
    }

    .leadership-members-wrapper {
        grid-template-columns: 1fr 1fr !important;
    }
}

@media (min-width: 1024px) {
    .leadership-members-wrapper {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr !important;
        row-gap: 47px;
        column-gap: 30px;
    }
}

.leadership-members-wrapper {
    margin-top: 4.8rem;
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 47px;
    column-gap: 30px;
}


.member-card {
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: 30px;
}

.member-card-header {
    max-width: unset;
    max-height: 210px;
    height: 210px;
}

.member-card-header-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 30px;
}

.member-card-body {
    padding: 24px 20px;
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
}

/* .member-name {
  font-size: 4rem;
  font-weight: 500;
  letter-spacing: -1.28px;
  line-height: 1.25;
} */

.underline {
    text-decoration: underline;
}

.member-link-text {
    background: transparent;
    color: inherit;
    cursor: pointer;
    font-size: 1em;
    font-weight: inherit;
    line-height: inherit;
    position: relative;
    text-decoration: underline;
    text-decoration-color: initial;
    transition: all 0s linear;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: -moz-fit-content;
    width: fit-content;
    z-index: 1;
}

.member-card-footer {
    width: fit-content;
}

/* .role-text {
  color: inherit;
  font-size: 2rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5;
} */


.max-h-full {
    max-height: fit-content;
}

.object-position-44 {
    object-position: 44%;
}

.custom-flex {
    display: flex;
    flex-direction: column;
}

@media (min-width: 1370px) {
    .custom-flex {
        display: flex !important;
        flex-direction: row !important;
    }
}

#skip-to-content {
    position: fixed;
    overflow: hidden;
    top: 0;
    left: 0;
    z-index: 9999;
}

#skip-to-content:not(:focus) {
    width: 0.1rem;
    height: 0.1rem;
    padding: 0 !important;
    top: -0.1rem;
}

#skip-to-content:focus {
    background-color: #fff;
}

iframe {
    object-fit: cover;
}