/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */

@layer properties;
@layer base {
    *,
    ::after,
    ::before,
    ::backdrop,
    ::file-selector-button {
        border-color: var(--color-gray-200, currentcolor);
    }
}

@layer theme,
base,
components,
utilities;
@layer theme {
    :root,
    :host {
        --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
        --spacing: 0.25rem;
        --container-xs: 20rem;
        --container-sm: 24rem;
        --container-lg: 32rem;
        --container-xl: 36rem;
        --container-2xl: 42rem;
        --container-3xl: 48rem;
        --container-4xl: 56rem;
        --container-5xl: 64rem;
        --container-6xl: 72rem;
        --container-7xl: 80rem;
        --text-xs: 0.75rem;
        --text-xs--line-height: calc(1 / 0.75);
        --text-sm: 0.875rem;
        --text-sm--line-height: calc(1.25 / 0.875);
        --text-base: 1rem;
        --text-base--line-height: calc(1.5 / 1);
        --text-lg: 1.125rem;
        --text-lg--line-height: calc(1.75 / 1.125);
        --text-xl: 1.25rem;
        --text-xl--line-height: calc(1.75 / 1.25);
        --text-2xl: 1.5rem;
        --text-2xl--line-height: calc(2 / 1.5);
        --text-3xl: 1.875rem;
        --text-3xl--line-height: calc(2.25 / 1.875);
        --font-weight-extralight: 200;
        --font-weight-light: 300;
        --font-weight-normal: 400;
        --font-weight-medium: 500;
        --font-weight-semibold: 600;
        --font-weight-bold: 700;
        --font-weight-extrabold: 800;
        --tracking-wider: 0.05em;
        --leading-tight: 1.25;
        --leading-normal: 1.5;
        --leading-relaxed: 1.625;
        --radius-sm: 0.25rem;
        --radius-md: 0.375rem;
        --radius-lg: 0.5rem;
        --radius-xl: 0.75rem;
        --radius-2xl: 1rem;
        --radius-3xl: 1.5rem;
        --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
        --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
        --drop-shadow-lg: 0 4px 4px rgb(0 0 0 / 0.15);
        --aspect-video: 16 / 9;
        --default-transition-duration: 150ms;
        --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-primary-50: #EEF1F4;
        --color-primary-100: #DDE3E9;
        --color-primary-200: #BAC7D2;
        --color-primary-300: #98ABBC;
        --color-primary-400: #768EA6;
        --color-primary-500: #547290;
        --color-primary-600: #315679;
        --color-primary-700: #274563;
        --color-primary-800: #1D344C;
        --color-primary-900: #132336;
        --color-secondary-50: #f1f8f3;
        --color-secondary-100: #ddeee1;
        --color-secondary-200: #bedcc7;
        --color-secondary-300: #92c3a3;
        --color-secondary-400: #316a4a;
        --color-secondary-500: #438660;
        --color-secondary-600: #76ae8c;
        --color-secondary-700: #27553d;
        --color-secondary-800: #76ae8c;
        --color-secondary-900: #1c382a;
        --color-secondary-950: #0f1f17;
        --color-lilac-50: #f2f2f7;
        --color-lilac-100: #e8e8f1;
        --color-ehs-light-gray: #F7F7F7;
        --color-ehs-light-blue: #E7EEF7;
        --color-ehs-athens-gray: #EEF1F4;
    }
}

@layer base {
    *,
    ::after,
    ::before,
    ::backdrop,
    ::file-selector-button {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
        border: 0 solid;
    }
    html,
    :host {
        line-height: 1.5;
        -webkit-text-size-adjust: 100%;
        tab-size: 4;
        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 {
        font-size: 75%;
        line-height: 0;
        position: relative;
        vertical-align: baseline;
    }
    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 {
        display: block;
        vertical-align: middle;
    }
    img,
    video {
        max-width: 100%;
        height: auto;
    }
    button,
    input,
    select,
    optgroup,
    textarea,
    ::file-selector-button {
        font: inherit;
        font-feature-settings: inherit;
        font-variation-settings: inherit;
        letter-spacing: inherit;
        color: inherit;
        border-radius: 0;
        background-color: transparent;
        opacity: 1;
    }
    :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;
    }
    ::placeholder {
        opacity: 1;
    }
    @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
        ::placeholder {
            color: currentcolor;
            @supports (color: color-mix(in lab, red, red)) {
                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,
    ::-webkit-datetime-edit-year-field,
    ::-webkit-datetime-edit-month-field,
    ::-webkit-datetime-edit-day-field,
    ::-webkit-datetime-edit-hour-field,
    ::-webkit-datetime-edit-minute-field,
    ::-webkit-datetime-edit-second-field,
    ::-webkit-datetime-edit-millisecond-field,
    ::-webkit-datetime-edit-meridiem-field {
        padding-block: 0;
    }
    ::-webkit-calendar-picker-indicator {
        line-height: 1;
    }
    :-moz-ui-invalid {
        box-shadow: none;
    }
    button,
    input:where([type="button"], [type="reset"], [type="submit"]),
    ::file-selector-button {
        appearance: button;
    }
    ::-webkit-inner-spin-button,
    ::-webkit-outer-spin-button {
        height: auto;
    }
    [hidden]:where(:not([hidden="until-found"])) {
        display: none !important;
    }
}

@layer utilities {
    .aegov-step {
        --step-badge-bg: var(--color-whitely-50);
        --step-badge-fg: var(--color-aeblack-900);
        --step-badge-border: var(--color-slate-200);
        --step-badge-ring: transparent;
        --step-connector-bg: var(--color-aeblack-200);
        & .step-badge {
            background-color: var(--step-badge-bg);
            color: var(--step-badge-fg);
            border-color: var(--step-badge-border);
            font-size: var(--text-base);
            position: relative;
            display: flex;
            height: calc(var(--spacing) * 10);
            width: calc(var(--spacing) * 10);
            flex-shrink: 0;
            align-items: center;
            justify-content: center;
            border-radius: calc(infinity * 1px);
            border-style: var(--tw-border-style);
            border-width: 1px;
            background-size: 1.5rem;
            --tw-leading: calc(var(--spacing) * 6);
            line-height: calc(var(--spacing) * 6);
            --tw-font-weight: var(--font-weight-bold);
            font-weight: var(--font-weight-bold);
            text-decoration-line: none;
            outline-style: solid;
            outline-width: 2px;
            outline-offset: 2px;
            outline-color: var(--step-badge-ring);
            &:focus-visible {
                --step-badge-ring: var(--color-primary-support-600);
            }
            .step-upcoming &:hover {
                background-color: var(--color-primary-100);
                border-color: var(--color-primary-100);
                color: var(--color-primary-800);
            }
            & svg {
                height: calc(var(--spacing) * 6);
                width: calc(var(--spacing) * 6);
                fill: currentcolor;
            }
        }
        & .step-connector {
            position: absolute;
            inset: calc(var(--spacing) * 0);
            display: flex;
            align-items: center;
            inset-inline-start: calc(var(--spacing) * 12);
            width: calc(100% - 3.5rem);
        }
        & .step-connector-state {
            background-color: var(--step-connector-bg);
            height: 0.188rem;
            width: 100%;
        }
        & .step-connector-vertical {
            position: absolute;
            inset-inline-start: calc(var(--spacing) * 5);
            top: calc(var(--spacing) * 12);
            margin-inline-start: -1px;
            height: calc(100% - 3.5rem);
            width: 0.188rem;
        }
        & .step-text-below {
            color: var(--color-aeblack-900);
            position: absolute;
            top: calc(100% + 1rem);
            --tw-font-weight: var(--font-weight-medium);
            font-weight: var(--font-weight-medium);
            white-space: nowrap;
        }
        & .step-completed,
        & .step-current {
            --step-badge-bg: var(--color-primary-600);
            --step-badge-fg: var(--color-whitely-50);
            --step-badge-border: var(--color-primary-600);
            & .step-connector-state {
                background-color: var(--color-primary-600);
            }
        }
        & .step-current .step-badge {
            --step-badge-ring: var(--color-primary-100);
            pointer-events: none;
            outline-width: 4px;
            outline-offset: 0px;
            &:focus-visible {
                --step-badge-ring: var(--color-primary-support-600);
                outline-width: 2px;
            }
        }
        & .step-completed .step-badge {
            background-position: center;
            background-repeat: no-repeat;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'/%3E%3Cpolyline points='40 144 96 200 224 72' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3C/svg%3E");
            &:hover {
                --step-badge-ring: var(--color-primary-100);
                --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
                box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
            }
        }
        & .step-disabled {
            pointer-events: none;
            opacity: 50%;
        }
        &.step-sm {
            & .step-connector {
                inset-inline-start: calc(var(--spacing) * 10);
                width: calc(100% - 3rem);
            }
            & .step-badge {
                height: calc(var(--spacing) * 8);
                width: calc(var(--spacing) * 8);
                background-size: 1rem;
                font-size: var(--text-sm);
                line-height: var(--tw-leading, var(--text-sm--line-height));
                & svg {
                    height: calc(var(--spacing) * 5);
                    width: calc(var(--spacing) * 5);
                }
            }
            & .step-connector-vertical {
                inset-inline-start: calc(var(--spacing) * 4);
                top: calc(var(--spacing) * 10);
                height: calc(100% - 3rem);
            }
        }
        &.step-lg {
            & .step-connector {
                inset-inline-start: calc(var(--spacing) * 14);
                width: calc(100% - 4rem);
            }
            & .step-badge {
                height: calc(var(--spacing) * 12);
                width: calc(var(--spacing) * 12);
                background-size: 2rem;
                font-size: var(--text-lg);
                line-height: var(--tw-leading, var(--text-lg--line-height));
                & svg {
                    height: calc(var(--spacing) * 8);
                    width: calc(var(--spacing) * 8);
                }
            }
            & .step-connector-vertical {
                inset-inline-start: calc(var(--spacing) * 6);
                top: calc(var(--spacing) * 14);
                height: calc(100% - 4rem);
            }
        }
    }
    .aegov-form-control {
        --form-label-fg: var(--color-aeblack-800);
        --form-input-bg: var(--color-whitely-50);
        --form-input-ring: var(--color-primary-400);
        --form-input-focus-ring: var(--color-primary-support-600);
        --form-input-text: var(--color-primary-900);
        --form-input-placeholder: var(--color-aeblack-500);
        --form-input-prefix-fg: var(--color-aeblack-500);
        --form-input-focus-prefix-fg: var(--color-primary-900);
        --form-select-arrow: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%237C5E24' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
        --form-dropbox-border: var(--color-primary-400);
        --form-dropbox-label-fg: var(--color-primary-600);
        --form-dropbox-label-fg-hover: var(--color-primary-500);
        & label {
            color: var(--form-label-fg);
            font-size: var(--text-sm);
            margin-bottom: calc(var(--spacing) * 1);
            display: block;
            --tw-leading: calc(var(--spacing) * 6);
            line-height: calc(var(--spacing) * 6);
            --tw-font-weight: var(--font-weight-medium);
            font-weight: var(--font-weight-medium);
        }
        & .form-control-input {
            background-color: var(--form-input-bg);
            --tw-inset-ring-shadow: inset 0 0 0 2px var(--tw-inset-ring-color, currentcolor);
            box-shadow: 0 0 #0000, var(--tw-inset-ring-shadow), 0 0 #0000, 0 0 #0000, 0 0 #0000;
            --tw-inset-ring-color: var(--form-input-ring);
            position: relative;
            display: flex;
            border-radius: var(--radius-lg);
            --tw-shadow: var(--shadow-sm);
            &:focus-within {
                --tw-inset-ring-color: var(--form-input-focus-ring);
            }
            & .control-prefix,
            & .control-suffix {
                color: var(--form-input-prefix-fg);
                display: flex;
                align-items: center;
                -webkit-user-select: none;
                user-select: none;
                &+input {
                    padding-left: calc(var(--spacing) * 1.5);
                }
                &>svg {
                    height: calc(var(--spacing) * 6);
                    width: calc(var(--spacing) * 6);
                    fill: currentcolor;
                }
            }
            &:has(:disabled) {
                opacity: 40%;
            }
            &:has([type="range"]) {
                border-style: var(--tw-border-style);
                border-width: 0px;
                --tw-outline-style: none;
                outline-style: none;
                &:focus-visible {
                    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
                    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
                }
                box-shadow: none;
                --tw-ring-color: transparent;
                &:focus-visible,
                &:focus-within,
                &:focus {
                    --tw-ring-color: var(--form-input-focus-ring);
                    outline: none !important;
                }
            }
            & input[type="search"]+.control-suffix {
                &:focus-within {
                    color: var(--form-input-focus-ring);
                    outline: none;
                }
            }
            & input[type="search"]::-webkit-search-cancel-button {
                cursor: pointer;
            }
            & input[type=file] {
                border-radius: var(--radius-lg);
            }
            & .control-prefix {
                padding-inline-start: calc(var(--spacing) * 4);
            }
            & .control-prefix select {
                padding-inline-start: calc(var(--spacing) * 0);
            }
            & .control-suffix {
                padding-inline-end: calc(var(--spacing) * 4);
            }
            & input[type="date"]+.control-suffix,
            & input[type="datetime-local"]+.control-suffix,
            & input[type="month"]+.control-suffix {
                pointer-events: none;
                position: absolute;
                top: calc(2/4 * 100%);
                right: calc(var(--spacing) * 3.5);
                --tw-translate-y: calc(calc(2/4 * 100%) * -1);
                translate: var(--tw-translate-x) var(--tw-translate-y);
                appearance: none;
                background-color: inherit;
                padding-inline-end: calc(var(--spacing) * 0);
                & svg {
                    --tw-ring-color: var(--form-input-focus-ring);
                    &:focus-within {
                        --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
                        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
                        --tw-ring-inset: inset;
                    }
                }
            }
            &:focus-within .control-prefix,
            &:focus-within .control-suffix {
                color: var(--form-input-focus-prefix-fg);
            }
        }
        & select {
            color: var(--form-input-text);
            background-image: var(--form-select-arrow);
            background-repeat: no-repeat;
            padding-inline-start: calc(var(--spacing) * 4);
            padding-inline-end: calc(var(--spacing) * 9);
            &:where(:dir(rtl),
            [dir="rtl"],
            [dir="rtl"] *) {
                background-position: 0.5rem;
            }
        }
        & [multiple] {
            background-image: none;
            padding-right: calc(var(--spacing) * 4);
        }
        & textarea {
            height: auto;
        }
        &.control-secondary {
            --form-input-ring: var(--color-secondary-400);
            --form-input-focus-ring: var(--color-secondary-support-300);
            --form-input-text: var(--color-secondary-900);
            --form-input-focus-prefix-fg: var(--color-secondary-900);
            --form-select-arrow: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%233E4046' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
            --form-dropbox-border: var(--color-secondary-400);
            --form-dropbox-label-fg: var(--color-secondary-600);
            --form-dropbox-label-fg-hover: var(--color-secondary-500);
        }
        &.control-error {
            --form-label-fg: var(--color-aered-600);
            --form-input-bg: var(--color-aered-50);
            --form-input-ring: var(--color-aered-400);
            --form-input-focus-ring: var(--color-aered-600);
            --form-input-text: var(--color-aered-900);
            --form-input-focus-prefix-fg: var(--color-aered-900);
            --form-dropbox-border: var(--color-aered-400);
            --form-dropbox-label-fg: var(--color-aered-600);
            --form-dropbox-label-fg-hover: var(--color-aered-500);
            & .error-message {
                color: var(--color-aered-600);
                margin-top: calc(var(--spacing) * 1);
                font-size: var(--text-sm);
                line-height: var(--tw-leading, var(--text-sm--line-height));
            }
        }
        & .form-control-dropbox {
            border-color: var(--form-dropbox-border);
            border-width: 1px;
            border-style: dashed;
            background-color: var(--form-input-bg);
            position: relative;
            display: block;
            border-radius: var(--radius-lg);
            text-align: center;
            --tw-shadow: var(--shadow-sm);
            &:focus-within {
                --tw-shadow: var(--shadow-md);
            }
            & svg {
                color: var(--color-slate-300);
                margin-inline: auto;
                height: calc(var(--spacing) * 10);
                width: calc(var(--spacing) * 10);
                @media (width>=80rem) {
                    height: calc(var(--spacing) * 12);
                }
                @media (width>=80rem) {
                    width: calc(var(--spacing) * 12);
                }
            }
            & label {
                background-color: var(--form-input-bg);
                color: var(--form-dropbox-label-fg);
                --tw-ring-color: var(--form-input-focus-ring);
                position: relative;
                display: inline-block;
                cursor: pointer;
                border-radius: var(--radius-lg);
                --tw-font-weight: var(--font-weight-semibold);
                font-weight: var(--font-weight-semibold);
                &:focus-within {
                    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
                    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
                    --tw-ring-offset-width: 2px;
                    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
                    --tw-outline-style: none;
                    outline-style: none;
                }
                &:hover {
                    color: var(--form-dropbox-label-fg-hover);
                }
            }
        }
        &.aegov-file-input-control {
            .file-input-label {
                color: var(--color-whitely-50);
                margin: calc(var(--spacing) * 0);
                display: inline-flex !important;
                flex-shrink: 0;
                cursor: pointer;
                flex-wrap: wrap;
                align-items: center;
                justify-content: center;
                text-align: center;
                font-size: var(--text-base) !important;
                line-height: var(--tw-leading, var(--text-base--line-height)) !important;
                text-decoration-line: none;
                -webkit-user-select: none;
                user-select: none;
                &.file-input-disabled {
                    opacity: 40%;
                }
            }
            input[type="file"] {
                display: none;
            }
            .file-input-summary {
                margin-top: calc(var(--spacing) * 4);
                :where(&>: not(:last-child)) {
                    --tw-space-y-reverse: 0;
                    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
                    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
                }
                .file-input-summary-item {
                    color: var(--color-aeblack-500);
                    display: flex;
                    flex-wrap: wrap;
                    align-items: center;
                    justify-content: flex-start;
                    gap: calc(var(--spacing) * 3);
                    text-align: center;
                    --tw-font-weight: var(--font-weight-medium);
                    font-weight: var(--font-weight-medium);
                }
            }
        }
    }
    .aegov-tab {
        &:not(.tab-pills) {
            border-bottom-color: var(--color-aeblack-100);
            border-bottom-style: var(--tw-border-style);
            border-bottom-width: 2px;
        }
        .tab-items {
            margin-bottom: -1px;
            display: flex;
            text-align: center;
        }
        .tab-link {
            --tab-link-fg: var(--color-aeblack-700);
            --tab-link-fg-hover: var(--color-aeblack-950);
            --tab-link-border-hover: var(--color-primary-500);
            --tab-link-active-fg: var(--color-primary-600);
            --tab-link-active-border: var(--color-primary-500);
            --tab-focus-ring: var(--color-primary-support-600);
            --tab-link-bg: transparent;
            --tab-link-bg-hover: transparent;
            --tab-link-border: transparent;
            color: var(--tab-link-fg);
            border-color: var(--tab-link-border);
            background-color: var(--tab-link-bg);
            display: inline-flex;
            align-items: center;
            gap: calc(var(--spacing) * 3);
            border-top-left-radius: var(--radius-lg);
            border-top-right-radius: var(--radius-lg);
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0;
            border-bottom-style: var(--tw-border-style);
            border-bottom-width: 0.188rem;
            padding-block: calc(var(--spacing) * 6);
            font-size: var(--text-base);
            line-height: var(--tw-leading, var(--text-base--line-height));
            --tw-font-weight: var(--font-weight-medium);
            font-weight: var(--font-weight-medium);
            text-decoration-line: none;
            &:focus-visible {
                outline-style: solid;
                outline-width: 2px;
                outline-offset: 2px;
                outline-color: var(--tab-focus-ring);
            }
            &:hover {
                color: var(--tab-link-fg-hover);
                border-color: var(--tab-link-border-hover);
                background-color: var(--tab-link-bg-hover);
            }
            & svg {
                height: calc(var(--spacing) * 6);
                width: calc(var(--spacing) * 6);
                fill: currentcolor;
            }
            & img {
                max-height: calc(var(--spacing) * 6);
                width: calc(var(--spacing) * 6);
            }
        }
        .tab-active {
            color: var(--tab-link-active-fg);
            border-bottom-color: var(--tab-link-active-border);
            pointer-events: none;
        }
        &.tab-sm {
            & .tab-link {
                padding-block: calc(var(--spacing) * 4);
                font-size: var(--text-sm);
                line-height: var(--tw-leading, var(--text-sm--line-height));
                & svg {
                    height: calc(var(--spacing) * 5);
                    width: calc(var(--spacing) * 5);
                }
                & img {
                    max-height: calc(var(--spacing) * 5);
                    width: calc(var(--spacing) * 5);
                }
            }
        }
        &.tab-pills {
            & .tab-link {
                --tab-link-fg: var(--color-aeblack-800);
                --tab-link-bg-hover: var(--color-aeblack-50);
                --tab-link-active-fg: var(--color-primary-900);
                --tab-link-active-bg: var(--color-primary-100);
                --tab-link-border-hover: transparent;
                border-radius: var(--radius-lg);
                padding-block: calc(var(--spacing) * 0);
                border-width: 2px;
            }
            & .tab-active {
                background-color: var(--tab-link-active-bg);
                border-bottom-color: transparent;
            }
        }
    }
    .aegov-btn {
        display: inline-flex;
        flex-shrink: 0;
        cursor: pointer;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        text-align: center;
        text-decoration-line: none;
        -webkit-user-select: none;
        user-select: none;
        height: calc(var(--spacing) * 12);
        gap: calc(var(--spacing) * 2);
        border-radius: var(--radius-lg);
        padding-inline: calc(var(--spacing) * 6);
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
        transition-property: background-color;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-duration: 0.3s;
        background-color: var(--btn-bg);
        color: var(--btn-fg);
        border-style: solid;
        border-width: 1px;
        border-color: var(--btn-border-color);
        box-shadow: var(--btn-shadow, none);
        --btn-bg: var(--color-primary-600);
        --btn-fg: var(--color-whitely-50);
        --btn-border-color: transparent;
        --btn-bg-hover: var(--color-primary-500);
        --btn-focus-ring: var(--color-primary-support-600);
        --btn-shadow: inset 0px 1px var(--tw-shadow-color, var(--color-whitely-50));
        @supports (color: color-mix(in lab, red, red)) {
            --btn-shadow: inset 0px 1px var(--tw-shadow-color, color-mix(in oklab, var(--color-whitely-50) 20%, transparent));
        }
        &:hover {
            background-color: var(--btn-bg-hover);
        }
        &:focus-visible {
            outline-style: solid;
            outline-width: 2px;
            outline-offset: 2px;
            outline-color: var(--btn-focus-ring);
        }
        &:disabled {
            pointer-events: none;
            cursor: not-allowed;
            opacity: 30%;
            --tw-shadow: 0 0 #0000 !important;
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
        }
        &>svg,
        &>img {
            height: calc(var(--spacing) * 6);
            width: calc(var(--spacing) * 6);
            flex-shrink: 0;
            fill: currentcolor;
        }
        &:has(svg),
        &:has(img) {
            padding-inline: calc(var(--spacing) * 5);
        }
        &:has(svg+svg),
        &:has(img+img) {
            padding-inline: calc(var(--spacing) * 4);
        }
        [data-responsive="auto"] & {
            height: calc(var(--spacing) * 8);
            border-radius: 0.25rem;
            padding-inline: calc(var(--spacing) * 4);
            font-size: var(--text-sm);
            line-height: var(--tw-leading, var(--text-sm--line-height));
            @media (width>=40rem) {
                height: calc(var(--spacing) * 10);
            }
            @media (width>=40rem) {
                border-radius: var(--radius-lg);
            }
            @media (width>=40rem) {
                padding-inline: calc(var(--spacing) * 5);
            }
            @media (width>=40rem) {
                font-size: var(--text-base);
                line-height: var(--tw-leading, var(--text-base--line-height));
            }
            @media (width>=64rem) {
                height: calc(var(--spacing) * 12);
            }
            @media (width>=64rem) {
                border-radius: var(--radius-lg);
            }
            @media (width>=64rem) {
                padding-inline: calc(var(--spacing) * 6);
            }
            @media (width>=64rem) {
                font-size: var(--text-base);
                line-height: var(--tw-leading, var(--text-base--line-height));
            }
            @media (width>=96rem) {
                height: calc(var(--spacing) * 13);
            }
            @media (width>=96rem) {
                gap: calc(var(--spacing) * 3);
            }
            @media (width>=96rem) {
                padding-inline: calc(var(--spacing) * 7);
            }
            @media (width>=96rem) {
                font-size: var(--text-lg);
                line-height: var(--tw-leading, var(--text-lg--line-height));
            }
        }
    }
    .pointer-events-none {
        pointer-events: none;
    }
    .aegov-tooltip {
        --tooltip-bg: var(--color-aeblack-900);
        --tooltip-fg: var(--color-whitely-50);
        background-color: var(--tooltip-bg);
        color: var(--tooltip-fg);
        visibility: hidden;
        position: absolute;
        display: inline-block;
        border-radius: 0.25rem;
        padding-inline: calc(var(--spacing) * 6);
        padding-block: calc(var(--spacing) * 2.5);
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height));
        --tw-font-weight: var(--font-weight-normal);
        font-weight: var(--font-weight-normal);
        opacity: 0%;
        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        transition-property: all;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        & .tooltip-arrow,
        & .tooltip-arrow::before {
            background-color: var(--tooltip-bg);
            position: absolute;
            height: calc(var(--spacing) * 4);
            width: calc(var(--spacing) * 4);
            border-radius: 0.25rem;
        }
        & .tooltip-arrow {
            visibility: hidden;
        }
        & .tooltip-arrow::before {
            border-color: transparent;
            visibility: visible;
            inset-inline-start: calc(var(--spacing) * 0);
            rotate: 45deg;
            transition-property: none;
            --tw-content: "";
            content: var(--tw-content);
        }
        &[data-popper-placement^="top"]>.tooltip-arrow {
            bottom: calc(var(--spacing) * -1);
        }
        &[data-popper-placement^="bottom"]>.tooltip-arrow {
            top: calc(var(--spacing) * -1);
        }
        &[data-popper-placement^="left"]>.tooltip-arrow {
            inset-inline-end: calc(var(--spacing) * -1);
        }
        &[data-popper-placement^="right"]>.tooltip-arrow {
            inset-inline-start: calc(var(--spacing) * -1);
        }
        &.in-visible>.tooltip-arrow::before {
            visibility: hidden;
        }
    }
    .collapse {
        visibility: collapse;
    }
    .invisible {
        visibility: hidden;
    }
    .visible {
        visibility: visible;
    }
    .aegov-card {
        border-radius: var(--radius-xl);
        &>svg {
            color: var(--color-primary-600);
            height: calc(var(--spacing) * 10);
            width: calc(var(--spacing) * 10);
        }
        & .card-title {
            font-family: var(--font-inter);
            font-size: var(--text-h5);
            line-height: var(--tw-leading, var(--text-h5--line-height));
            --tw-font-weight: var(--font-weight-extrabold);
            font-weight: var(--font-weight-extrabold);
            &:where(:dir(rtl),
            [dir="rtl"],
            [dir="rtl"] *) {
                font-family: var(--font-alexandria);
            }
        }
        & .card-image {
            aspect-ratio: 16/9;
            width: 100%;
            object-fit: cover;
        }
        &:not(.card-bordered) {
            & .card-image {
                border-radius: var(--radius-xl);
            }
        }
        &.card-bordered {
            border-color: var(--color-primary-300);
            overflow: hidden;
            border-style: var(--tw-border-style);
            border-width: 1px;
            &:not(.card-news) {
                :where(&>: not(:last-child)) {
                    --tw-space-y-reverse: 0;
                    margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
                    margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
                }
                padding: calc(var(--spacing) * 6);
            }
            & .card-image {
                display: block;
                border-radius: var(--radius-lg);
            }
        }
        &.card-glow {
            --tw-shadow-color: var(--color-primary-100);
            transition-property: box-shadow;
            transition-timing-function: cubic-bezier(.4, 0, .2, 1);
            transition-duration: 0.3s;
            &:hover {
                box-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a);
            }
        }
        &.card-news {
            &:not(.card-bordered) {
                :where(&>: not(:last-child)) {
                    --tw-space-y-reverse: 0;
                    margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
                    margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
                }
                & img {
                    border-radius: var(--radius-xl);
                    &:hover {
                        @media (hover: hover) {
                            opacity: 90%;
                        }
                    }
                }
            }
            & .card-content {
                :where(&>: not(:last-child)) {
                    --tw-space-y-reverse: 0;
                    margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
                    margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
                }
            }
            &.card-bordered {
                & .card-content {
                    padding: calc(var(--spacing) * 6);
                }
            }
        }
        &.card-service {
            transition-property: all;
            transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
            transition-duration: var(--tw-duration, var(--default-transition-duration));
            &:hover {
                background-color: var(--color-primary-50);
            }
            & .card-service-title,
            & .card-title {
                font-size: var(--text-h5);
                line-height: var(--tw-leading, var(--text-h5--line-height));
                &>a {
                    color: var(--color-aeblack-800);
                    &:hover {
                        color: var(--color-primary-800);
                    }
                }
            }
            & .card-service-title {
                --tw-font-weight: var(--font-weight-extrabold);
                font-weight: var(--font-weight-extrabold);
            }
        }
        &.card-creative {
            position: relative;
            overflow: hidden;
            border-radius: var(--radius-xl);
            &::after {
                content: var(--tw-content);
                position: absolute;
                inset: calc(var(--spacing) * 0);
                height: 100%;
                width: 100%;
                --tw-content: "";
                background-image: linear-gradient(to top, var(--color-primary-700), transparent);
            }
            & img {
                width: 100%;
                object-fit: cover;
            }
            & .card-content {
                color: var(--color-whitely-50);
                position: absolute;
                inset-inline: calc(var(--spacing) * 0);
                bottom: calc(var(--spacing) * 0);
                z-index: 10;
                padding: calc(var(--spacing) * 7);
                font-family: var(--font-inter);
                font-size: 2.5rem;
                --tw-leading: 1.15;
                line-height: 1.15;
                --tw-font-weight: var(--font-weight-extrabold);
                font-weight: var(--font-weight-extrabold);
                &:where(:dir(rtl),
                [dir="rtl"],
                [dir="rtl"] *) {
                    font-family: var(--font-notokufi);
                }
            }
        }
        &.card-sm {
            border-radius: var(--radius-lg);
            &>svg {
                height: calc(var(--spacing) * 7);
                width: calc(var(--spacing) * 7);
            }
            & .card-title {
                font-size: var(--text-h6);
                line-height: var(--tw-leading, var(--text-h6--line-height));
            }
            &:not(.card-bordered) .card-image {
                border-radius: var(--radius-lg);
            }
            &.card-bordered:not(.card-news) {
                :where(&>: not(:last-child)) {
                    --tw-space-y-reverse: 0;
                    margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
                    margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
                }
                padding: calc(var(--spacing) * 4);
            }
            &.card-bordered:not(.card-news) .card-image {
                border-radius: 0.25rem;
            }
            &.card-news:not(.card-bordered) {
                :where(&>: not(:last-child)) {
                    --tw-space-y-reverse: 0;
                    margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
                    margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
                }
            }
            &.card-news:not(.card-bordered) img {
                border-radius: var(--radius-lg);
            }
            &.card-news .card-content {
                :where(&>: not(:last-child)) {
                    --tw-space-y-reverse: 0;
                    margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
                    margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
                }
            }
            &.card-bordered.card-news .card-content {
                padding: calc(var(--spacing) * 4);
            }
            &.card-service .card-title,
            &.card-service .card-service-title {
                font-size: var(--text-h6);
                line-height: var(--tw-leading, var(--text-h6--line-height));
            }
            &.card-creative .card-content {
                padding: calc(var(--spacing) * 5);
                font-size: 2rem;
                --tw-leading: normal;
                line-height: normal;
            }
        }
        &.card-base {
            border-radius: var(--radius-xl);
            &>svg {
                height: calc(var(--spacing) * 10);
                width: calc(var(--spacing) * 10);
            }
            & .card-title {
                font-size: var(--text-h5);
                line-height: var(--tw-leading, var(--text-h5--line-height));
                --tw-font-weight: var(--font-weight-extrabold);
                font-weight: var(--font-weight-extrabold);
            }
            &:not(.card-bordered) .card-image {
                border-radius: var(--radius-xl);
            }
            &.card-bordered:not(.card-news) {
                :where(&>: not(:last-child)) {
                    --tw-space-y-reverse: 0;
                    margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
                    margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
                }
                padding: calc(var(--spacing) * 6);
            }
            &.card-bordered:not(.card-news) .card-image {
                border-radius: var(--radius-lg);
            }
            &.card-news:not(.card-bordered) {
                :where(&>: not(:last-child)) {
                    --tw-space-y-reverse: 0;
                    margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
                    margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
                }
            }
            &.card-news:not(.card-bordered) img {
                border-radius: var(--radius-xl);
            }
            &.card-news .card-content {
                :where(&>: not(:last-child)) {
                    --tw-space-y-reverse: 0;
                    margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
                    margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
                }
            }
            &.card-bordered.card-news .card-content {
                padding: calc(var(--spacing) * 6);
            }
            &.card-service .card-title,
            &.card-service .card-service-title {
                font-size: var(--text-h5);
                line-height: var(--tw-leading, var(--text-h5--line-height));
            }
            &.card-creative .card-content {
                padding: calc(var(--spacing) * 7);
                font-size: 2.5rem;
                --tw-leading: 1.15;
                line-height: 1.15;
            }
        }
        &.card-lg {
            border-radius: var(--radius-2xl);
            &>svg {
                height: calc(var(--spacing) * 14);
                width: calc(var(--spacing) * 14);
            }
            & .card-title {
                font-size: var(--text-h4);
                line-height: var(--tw-leading, var(--text-h4--line-height));
            }
            &:not(.card-bordered) .card-image {
                border-radius: var(--radius-2xl);
            }
            &.card-bordered:not(.card-news) {
                :where(&>: not(:last-child)) {
                    --tw-space-y-reverse: 0;
                    margin-block-start: calc(calc(var(--spacing) * 7) * var(--tw-space-y-reverse));
                    margin-block-end: calc(calc(var(--spacing) * 7) * calc(1 - var(--tw-space-y-reverse)));
                }
                padding: calc(var(--spacing) * 7);
            }
            &.card-bordered:not(.card-news) .card-image {
                border-radius: var(--radius-xl);
            }
            &.card-news:not(.card-bordered) {
                :where(&>: not(:last-child)) {
                    --tw-space-y-reverse: 0;
                    margin-block-start: calc(calc(var(--spacing) * 7) * var(--tw-space-y-reverse));
                    margin-block-end: calc(calc(var(--spacing) * 7) * calc(1 - var(--tw-space-y-reverse)));
                }
            }
            &.card-news:not(.card-bordered) img {
                border-radius: var(--radius-2xl);
            }
            &.card-news .card-content {
                :where(&>: not(:last-child)) {
                    --tw-space-y-reverse: 0;
                    margin-block-start: calc(calc(var(--spacing) * 7) * var(--tw-space-y-reverse));
                    margin-block-end: calc(calc(var(--spacing) * 7) * calc(1 - var(--tw-space-y-reverse)));
                }
            }
            &.card-bordered.card-news .card-content {
                padding: calc(var(--spacing) * 7);
            }
            &.card-service .card-title,
            &.card-service .card-service-title {
                font-size: var(--text-h4);
                line-height: var(--tw-leading, var(--text-h4--line-height));
            }
            &.card-creative .card-content {
                padding: calc(var(--spacing) * 8);
                font-size: 3rem;
                --tw-leading: 1.05;
                line-height: 1.05;
            }
        }
        .aegov-link {
            text-decoration-line: underline;
        }
    }
    .aegov-hero {
        margin: auto;
        width: 100%;
        --hero-dot-bg: var(--color-aeblack-800);
        --hero-dot-selected-bg: var(--color-aeblack-800);
        --hero-row-bg: var(--color-primary-100);
        --hero-col-gradient-from: var(--color-primary-100);
        --hero-title-fg: var(--color-aegold-700);
        --hero-hero-title-fg: var(--color-whitely-50);
        --hero-description-fg: var(--color-primary-700);
        & picture {
            & img {
                width: 100%;
            }
        }
        & .hero-viewport {
            overflow: hidden;
        }
        & .hero-container {
            backface-visibility: hidden;
            touch-action: pan-y pinch-zoom;
            display: flex;
            &:where(:dir(rtl),
            [dir="rtl"],
            [dir="rtl"] *) {
                flex-direction: row-reverse;
            }
        }
        & .hero-slide {
            min-width: calc(var(--spacing) * 0);
            flex: 0 0 100%;
        }
        & .hero-controls {
            margin-top: calc(var(--spacing) * 2);
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: calc(var(--spacing) * 3);
            padding-inline: calc(var(--spacing) * 4);
            @media (width>=48rem) {
                margin-top: calc(var(--spacing) * 4);
            }
            @media (width>=48rem) {
                padding-inline: calc(var(--spacing) * 8);
            }
            @media (width>=64rem) {
                position: absolute;
            }
            @media (width>=64rem) {
                inset-inline-start: calc(var(--spacing) * 12);
            }
            @media (width>=64rem) {
                bottom: calc(var(--spacing) * 5);
            }
            @media (width>=64rem) {
                margin-top: calc(var(--spacing) * 0);
            }
            @media (width>=64rem) {
                padding-inline: calc(var(--spacing) * 0);
            }
            @media (width>=80rem) {
                inset-inline-start: 4.25rem;
            }
            @media (width>=80rem) {
                bottom: calc(var(--spacing) * 7);
            }
        }
        & .hero-buttons {
            display: flex;
            align-items: center;
            gap: calc(var(--spacing) * 3);
        }
        & .hero-button {
            z-index: 1;
            margin: calc(var(--spacing) * 0);
            display: inline-flex;
            height: calc(var(--spacing) * 7);
            width: calc(var(--spacing) * 7);
            cursor: pointer;
            touch-action: manipulation;
            appearance: none;
            align-items: center;
            justify-content: center;
            border-radius: calc(infinity * 1px);
            border-style: var(--tw-border-style);
            border-width: 0px;
            background-color: transparent;
            padding: calc(var(--spacing) * 0);
            text-decoration-line: none;
            --tw-shadow: 0 0 #0000;
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
            &:disabled {
                opacity: 40%;
            }
        }
        & .hero-dots {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: flex-end;
            & button {
                margin: calc(var(--spacing) * 0);
                display: inline-flex;
                height: calc(var(--spacing) * 6);
                width: calc(var(--spacing) * 6);
                cursor: pointer;
                touch-action: manipulation;
                appearance: none;
                align-items: center;
                justify-content: center;
                border-radius: var(--radius-3xl);
                border-style: var(--tw-border-style);
                border-width: 0px;
                background-color: transparent;
                padding: calc(var(--spacing) * 0);
                font-size: 0px;
                text-decoration-line: none;
                --tw-shadow: 0 0 #0000;
                box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
                &:after {
                    background-color: var(--hero-dot-bg);
                    display: flex;
                    height: calc(var(--spacing) * 3);
                    width: calc(var(--spacing) * 3);
                    align-items: center;
                    border-radius: calc(infinity * 1px);
                    opacity: 30%;
                    --tw-content: '';
                    content: var(--tw-content);
                }
            }
            & button.hero-dot-selected:after {
                background-color: var(--hero-dot-selected-bg);
                opacity: 1;
            }
        }
        & .hero-row {
            background-color: var(--hero-row-bg);
            display: flex;
            flex-direction: column-reverse;
            @media (width>=48rem) {
                flex-direction: row;
            }
            &:where(:dir(rtl),
            [dir="rtl"],
            [dir="rtl"] *) {
                direction: rtl;
            }
        }
        & .hero-col-left {
            --tw-gradient-from: var(--hero-col-gradient-from);
            --tw-gradient-to: transparent;
            position: relative;
            display: flex;
            align-items: center;
            padding-inline: calc(var(--spacing) * 8);
            padding-top: calc(var(--spacing) * 5);
            padding-bottom: calc(var(--spacing) * 10);
            @media (width>=40rem) {
                flex-basis: calc(2/4 * 100%);
            }
            @media (width>=48rem) {
                flex-basis: calc(8/12 * 100%);
            }
            @media (width>=48rem) {
                &::before {
                    content: var(--tw-content);
                    position: absolute;
                }
            }
            @media (width>=48rem) {
                &::before {
                    content: var(--tw-content);
                    inset: calc(var(--spacing) * 0);
                }
            }
            @media (width>=48rem) {
                &::before {
                    content: var(--tw-content);
                    z-index: 10;
                }
            }
            @media (width>=48rem) {
                &::before {
                    content: var(--tw-content);
                    height: 100%;
                }
            }
            @media (width>=48rem) {
                &::before {
                    content: var(--tw-content);
                    width: 130%;
                }
            }
            @media (width>=48rem) {
                &::before {
                    content: var(--tw-content);
                    --tw-gradient-position: to right in oklab;
                    background-image: linear-gradient(var(--tw-gradient-stops));
                }
            }
            @media (width>=48rem) {
                &::before {
                    content: var(--tw-content);
                    --tw-gradient-from-position: 80%;
                }
            }
            @media (width>=64rem) {
                flex-basis: calc(2/4 * 100%);
            }
            @media (width>=64rem) {
                padding-bottom: calc(var(--spacing) * 24);
            }
            @media (width>=80rem) {
                padding-inline: calc(var(--spacing) * 12);
            }
            @media (width>=80rem) {
                padding-top: calc(var(--spacing) * 12);
            }
            @media (width>=80rem) {
                padding-bottom: calc(var(--spacing) * 32);
            }
            &:where(:dir(rtl),
            [dir="rtl"],
            [dir="rtl"] *) {
                @media (width>=48rem) {
                    &::before {
                        content: var(--tw-content);
                        --tw-gradient-position: to left in oklab;
                        background-image: linear-gradient(var(--tw-gradient-stops));
                    }
                }
            }
        }
        & .hero-col-right {
            position: relative;
            @media (width>=40rem) {
                flex-basis: calc(2/4 * 100%);
            }
            @media (width>=48rem) {
                flex-basis: calc(4/12 * 100%);
            }
            @media (width>=64rem) {
                flex-basis: calc(2/4 * 100%);
            }
            & img {
                width: 100%;
                object-fit: cover;
                @media (width>=48rem) {
                    position: absolute;
                }
                @media (width>=48rem) {
                    inset: calc(var(--spacing) * 0);
                }
                @media (width>=48rem) {
                    height: 100%;
                }
                @media (width>=96rem) {
                    position: static;
                }
                @media (width>=96rem) {
                    aspect-ratio: 4/2.8;
                }
            }
        }
        & .hero-col-content {
            position: relative;
            z-index: 20;
            :where(&>: not(:last-child)) {
                --tw-space-y-reverse: 0;
                margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
                margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
            }
            text-align: center;
            @media (width>=48rem) {
                text-align: left;
            }
            @media (width>=80rem) {
                :where(&>: not(:last-child)) {
                    --tw-space-y-reverse: 0;
                    margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
                    margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
                }
            }
            &:where(:dir(rtl),
            [dir="rtl"],
            [dir="rtl"] *) {
                @media (width>=48rem) {
                    text-align: right;
                }
            }
        }
        & .hero-hero-title-wrap {
            position: absolute;
            top: calc(var(--spacing) * 6);
            right: calc(var(--spacing) * 0);
            left: calc(var(--spacing) * 0);
            :where(&>: not(:last-child)) {
                --tw-space-y-reverse: 0;
                margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
                margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
            }
            padding-inline: calc(var(--spacing) * 4);
            text-align: center;
            @media (width>=40rem) {
                inset-inline-start: calc(var(--spacing) * 6);
            }
            @media (width>=40rem) {
                right: auto;
            }
            @media (width>=40rem) {
                padding-inline: calc(var(--spacing) * 0);
            }
            @media (width>=40rem) {
                text-align: left;
            }
            @media (width>=48rem) {
                inset-inline-start: calc(var(--spacing) * 8);
            }
            @media (width>=48rem) {
                top: calc(2/4 * 100%);
            }
            @media (width>=48rem) {
                --tw-translate-y: calc(calc(2/4 * 100%) * -1);
                translate: var(--tw-translate-x) var(--tw-translate-y);
            }
            @media (width>=48rem) {
                :where(&>: not(:last-child)) {
                    --tw-space-y-reverse: 0;
                    margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
                    margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
                }
            }
            @media (width>=64rem) {
                inset-inline-start: calc(var(--spacing) * 12);
            }
            @media (width>=80rem) {
                inset-inline-start: 4.25rem;
            }
            @media (width>=80rem) {
                :where(&>: not(:last-child)) {
                    --tw-space-y-reverse: 0;
                    margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));
                    margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)));
                }
            }
            &:where(:dir(rtl),
            [dir="rtl"],
            [dir="rtl"] *) {
                direction: rtl;
                @media (width>=40rem) {
                    text-align: right;
                }
            }
        }
        & .hero-title {
            color: var(--hero-title-fg);
            overflow: hidden;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            font-family: var(--font-inter);
            font-size: var(--text-h4);
            line-height: var(--tw-leading, var(--text-h4--line-height));
            --tw-font-weight: var(--font-weight-semibold);
            font-weight: var(--font-weight-semibold);
            @media (width>=48rem) {
                font-size: var(--text-h3);
                line-height: var(--tw-leading, var(--text-h3--line-height));
            }
            @media (width>=80rem) {
                font-size: var(--text-h2);
                line-height: var(--tw-leading, var(--text-h2--line-height));
            }
            &:where(:dir(rtl),
            [dir="rtl"],
            [dir="rtl"] *) {
                font-family: var(--font-alexandria);
            }
        }
        & .hero-hero-title {
            color: var(--hero-hero-title-fg);
            overflow: hidden;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            font-family: var(--font-inter);
            font-size: var(--text-h4);
            line-height: var(--tw-leading, var(--text-h4--line-height));
            --tw-font-weight: var(--font-weight-light);
            font-weight: var(--font-weight-light);
            @media (width>=40rem) {
                width: calc(7/12 * 100%);
            }
            @media (width>=48rem) {
                font-size: var(--text-h3);
                line-height: var(--tw-leading, var(--text-h3--line-height));
            }
            @media (width>=64rem) {
                width: 54%;
            }
            @media (width>=64rem) {
                font-size: var(--text-h1);
                line-height: var(--tw-leading, var(--text-h1--line-height));
            }
            @media (width>=80rem) {
                width: calc(7/12 * 100%);
            }
            @media (width>=80rem) {
                font-size: var(--text-display);
                line-height: var(--tw-leading, var(--text-display--line-height));
            }
            &:where(:dir(rtl),
            [dir="rtl"],
            [dir="rtl"] *) {
                font-family: var(--font-alexandria);
            }
        }
        & .hero-description {
            color: var(--hero-description-fg);
            overflow: hidden;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 3;
            font-family: var(--font-inter);
            font-size: var(--text-h6);
            line-height: var(--tw-leading, var(--text-h6--line-height));
            --tw-font-weight: var(--font-weight-extralight);
            font-weight: var(--font-weight-extralight);
            @media (width>=48rem) {
                font-size: var(--text-h5);
                line-height: var(--tw-leading, var(--text-h5--line-height));
            }
            @media (width>=80rem) {
                font-size: var(--text-h4);
                line-height: var(--tw-leading, var(--text-h4--line-height));
            }
            &:where(:dir(rtl),
            [dir="rtl"],
            [dir="rtl"] *) {
                font-family: var(--font-notokufi);
            }
        }
        & .slick-slide {
            &:where(:dir(rtl),
            [dir="rtl"],
            [dir="rtl"] *) {
                css-float: left;
            }
            & .slick-track,
            .slick-list {
                direction: ltr;
            }
        }
    }
    .aegov-modal {
        position: fixed;
        top: calc(var(--spacing) * 0);
        right: calc(var(--spacing) * 0);
        left: calc(var(--spacing) * 0);
        height: calc(100% - 1rem);
        max-height: 100%;
        width: 100%;
        overflow-x: hidden;
        overflow-y: auto;
        padding: calc(var(--spacing) * 4);
        @media (width>=48rem) {
            inset: calc(var(--spacing) * 0);
        }
        .lang-header {
            margin-bottom: calc(var(--spacing) * 6);
            display: flex;
            align-items: center;
            justify-content: center;
            gap: calc(var(--spacing) * 6);
            @media (width>=48rem) {
                margin-bottom: calc(var(--spacing) * 8);
            }
            @media (width>=48rem) {
                gap: calc(var(--spacing) * 8);
            }
            @media (width>=80rem) {
                margin-bottom: calc(var(--spacing) * 10);
            }
            @media (width>=80rem) {
                gap: calc(var(--spacing) * 10);
            }
            @media (width>=96rem) {
                margin-bottom: calc(var(--spacing) * 12);
            }
        }
        .lang-primary {
            color: var(--color-aeblack-800);
            font-size: var(--text-xl);
            line-height: var(--tw-leading, var(--text-xl--line-height));
            --tw-font-weight: var(--font-weight-bold);
            font-weight: var(--font-weight-bold);
            text-decoration-line: none;
            @media (width>=48rem) {
                font-size: var(--text-2xl);
                line-height: var(--tw-leading, var(--text-2xl--line-height));
            }
            @media (width>=80rem) {
                font-size: var(--text-3xl);
                line-height: var(--tw-leading, var(--text-3xl--line-height));
            }
            &.active,
            &:hover {
                color: var(--color-primary-500);
            }
        }
        .lang-primary-divider {
            background-color: var(--color-aeblack-300);
            display: inline-block;
            height: calc(var(--spacing) * 4);
            width: 1px;
            @media (width>=80rem) {
                height: calc(var(--spacing) * 6);
            }
        }
        .lang-other-title {
            color: var(--color-aeblack-300);
            border-color: var(--color-aeblack-100);
            margin-bottom: calc(var(--spacing) * 0) !important;
            border-bottom-style: var(--tw-border-style);
            border-bottom-width: 1px;
            padding-bottom: calc(var(--spacing) * 6);
            text-align: center;
            font-size: var(--text-sm);
            line-height: var(--tw-leading, var(--text-sm--line-height));
            --tw-font-weight: var(--font-weight-normal);
            font-weight: var(--font-weight-normal);
        }
        .lang-other-link {
            color: var(--color-aeblack-700);
            display: block;
            padding: calc(var(--spacing) * 4);
            text-align: center;
            font-size: var(--text-base);
            line-height: var(--tw-leading, var(--text-base--line-height));
            --tw-font-weight: var(--font-weight-normal);
            font-weight: var(--font-weight-normal);
            text-decoration-line: none;
            &.active,
            &:hover {
                color: var(--color-primary-500);
            }
        }
        .lang-bottom-text {
            color: var(--color-aeblack-300);
            margin-bottom: calc(var(--spacing) * 0) !important;
            text-align: center;
            font-size: var(--text-xs);
            line-height: var(--tw-leading, var(--text-xs--line-height));
            --tw-font-weight: var(--font-weight-normal);
            font-weight: var(--font-weight-normal);
        }
        &.modal-serious .aegov-btn {
            --btn-bg: var(--color-aered-600);
            --btn-fg: var(--color-aered-50);
            --btn-bg-hover: var(--color-aered-500);
            --btn-focus-ring: var(--color-aered-support-300);
            &.btn-soft {
                --btn-bg: var(--color-aered-50);
                --btn-fg: var(--color-aered-600);
                --btn-bg-hover: var(--color-aered-100);
            }
            &.btn-link {
                --btn-bg: transparent;
                --btn-fg: var(--color-aered-600);
                --btn-bg-hover: var(--color-aered-50);
                --btn-focus-ring: var(--color-aered-support-400);
            }
            &.btn-outline {
                --btn-bg: transparent;
                --btn-fg: var(--color-aered-600);
                --btn-bg-hover: var(--color-aered-100);
                --btn-border-color: var(--color-aered-600);
            }
        }
        .aegov-modal-wrapper {
            background-color: var(--color-whitely-50);
            box-shadow: 0 10px 15px -3px rgba(27, 29, 33, 0.1), 0 4px 6px -4px rgba(27, 29, 33, 0.1);
            position: relative;
            max-height: 100%;
            border-radius: var(--radius-lg);
        }
    }
    .aegov-quote {
        position: relative;
        padding-inline: calc(var(--spacing) * 10);
        padding-block: calc(var(--spacing) * 6);
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
        color: var(--quote-fg);
        background-color: var(--quote-bg, transparent);
        border-color: var(--quote-border, transparent);
        --quote-fg: var(--color-aeblack-800);
        --quote-author-fg: var(--color-primary-700);
        --quote-cite-fg: var(--color-primary-700);
        --quote-bg: transparent;
        --quote-border: transparent;
        & .quote-icon {
            position: absolute;
            inset-inline-start: calc(var(--spacing) * 0);
            top: calc(var(--spacing) * 0);
            height: calc(var(--spacing) * 12);
            width: calc(var(--spacing) * 12);
            &:where(:dir(rtl),
            [dir="rtl"],
            [dir="rtl"] *) {
                --tw-scale-x: calc(100% * -1);
                scale: var(--tw-scale-x) var(--tw-scale-y);
            }
        }
        & .quote-author {
            color: var(--quote-author-fg);
            margin-bottom: calc(var(--spacing) * 1);
            font-size: var(--text-sm);
            line-height: var(--tw-leading, var(--text-sm--line-height));
            --tw-font-weight: var(--font-weight-medium);
            font-weight: var(--font-weight-medium);
        }
        & .quote-cite {
            color: var(--quote-cite-fg);
            font-size: var(--text-sm);
            line-height: var(--tw-leading, var(--text-sm--line-height));
            --tw-font-weight: var(--font-weight-normal);
            font-weight: var(--font-weight-normal);
        }
        & .quote-footer {
            margin-top: calc(var(--spacing) * 10);
        }
        &:not(.quote-colored) {
            padding-block: calc(var(--spacing) * 6);
            padding-inline-start: calc(var(--spacing) * 14);
            padding-inline-end: calc(var(--spacing) * 10);
        }
        &.quote-colored {
            border-inline-start-style: var(--tw-border-style);
            border-inline-start-width: 10px;
            --quote-bg: var(--color-primary-50);
            --quote-border: var(--color-primary-500);
        }
    }
    .aegov-alert {
        position: relative;
        display: flex;
        align-items: flex-start;
        gap: calc(var(--spacing) * 4);
        border-radius: 0.25rem;
        padding-inline: calc(var(--spacing) * 6);
        padding-block: calc(var(--spacing) * 4);
        background-color: var(--alert-bg);
        color: var(--alert-fg);
        --tw-ring-color: var(--alert-focus-ring);
        --alert-bg: var(--color-secondary-50);
        --alert-fg: var(--color-secondary-700);
        --alert-link-fg: var(--color-secondary-800);
        --alert-link-hover-fg: var(--color-secondary-900);
        --alert-focus-ring: var(--color-secondary-700);
        &>.alert-icon {
            color: var(--alert-fg);
            &>svg {
                height: calc(var(--spacing) * 7);
                width: calc(var(--spacing) * 7);
                flex-shrink: 0;
                fill: currentcolor;
            }
            &>img {
                height: calc(var(--spacing) * 7);
                width: calc(var(--spacing) * 7);
                flex-shrink: 0;
            }
        }
        &>.alert-content {
            align-self: center;
            font-size: var(--text-base);
            line-height: var(--tw-leading, var(--text-base--line-height));
            & p {
                &:last-child {
                    margin-bottom: calc(var(--spacing) * 0);
                }
            }
            & .alert-title {
                color: var(--alert-fg);
                margin-bottom: calc(var(--spacing) * 5);
                --tw-font-weight: var(--font-weight-semibold);
                font-weight: var(--font-weight-semibold);
            }
            & .alert-footer {
                margin-top: calc(var(--spacing) * 6);
                display: flex;
                align-items: center;
                justify-content: flex-start;
                :where(&>: not(:last-child)) {
                    --tw-space-x-reverse: 0;
                    margin-inline-start: calc(calc(var(--spacing) * 6) * var(--tw-space-x-reverse));
                    margin-inline-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-x-reverse)));
                }
                & a {
                    color: var(--alert-link-fg);
                    --tw-font-weight: var(--font-weight-bold);
                    font-weight: var(--font-weight-bold);
                    &:hover {
                        @media (hover: hover) {
                            text-underline-offset: 2px;
                        }
                        color: var(--alert-link-hover-fg);
                    }
                }
            }
            a {
                color: var(--alert-link-fg);
                &:hover {
                    color: var(--alert-link-hover-fg);
                    text-decoration: underline;
                }
            }
            &.alert-with-link {
                flex: 1;
                @media (width>=48rem) {
                    display: flex;
                }
                @media (width>=48rem) {
                    justify-content: space-between;
                }
                .alert-link {
                    margin-top: calc(var(--spacing) * 3);
                    margin-bottom: calc(var(--spacing) * 0);
                    flex-shrink: 0;
                    font-size: var(--text-sm);
                    line-height: var(--tw-leading, var(--text-sm--line-height));
                    @media (width>=48rem) {
                        margin-top: calc(var(--spacing) * 0);
                    }
                    @media (width>=48rem) {
                        margin-left: calc(var(--spacing) * 6);
                    }
                    & a {
                        color: var(--alert-link-fg);
                        display: inline-flex;
                        align-items: center;
                        gap: calc(var(--spacing) * 2);
                        --tw-font-weight: var(--font-weight-medium);
                        font-weight: var(--font-weight-medium);
                        white-space: nowrap;
                        text-decoration-line: none;
                        &:hover {
                            color: var(--alert-link-hover-fg);
                        }
                        & svg {
                            height: calc(var(--spacing) * 5);
                            width: calc(var(--spacing) * 5);
                        }
                    }
                }
            }
        }
        &>.alert-dismiss {
            position: absolute;
            inset-inline-end: calc(var(--spacing) * 2);
            top: calc(var(--spacing) * 2.5);
            &>button {
                border-radius: 0.25rem;
                padding: calc(var(--spacing) * 2);
                &:hover {
                    @media (hover: hover) {
                        opacity: 60%;
                    }
                }
                &:focus-visible {
                    outline-style: solid;
                    outline-width: 2px;
                    outline-offset: 2px;
                    outline-color: var(--alert-focus-ring);
                }
                &>svg {
                    height: calc(var(--spacing) * 5);
                    width: calc(var(--spacing) * 5);
                }
            }
        }
        &:has(.alert-dismiss) {
            padding-inline-start: calc(var(--spacing) * 6);
            padding-inline-end: calc(var(--spacing) * 10);
        }
        &.alert-success {
            --alert-bg: var(--color-aegreen-50);
            --alert-fg: var(--color-aegreen-700);
            --alert-link-fg: var(--color-aegreen-700);
            --alert-link-hover-fg: var(--color-aegreen-600);
            --alert-focus-ring: var(--color-aegreen-700);
            &.alert-solid {
                --alert-bg: var(--color-aegreen-600);
                --alert-fg: var(--color-whitely-50);
                --alert-link-fg: var(--color-whitely-50);
                --alert-link-hover-fg: var(--color-whitely-100);
                --alert-focus-ring: var(--color-whitely-50);
            }
        }
        &.alert-info {
            --alert-bg: var(--color-techblue-50);
            --alert-fg: var(--color-techblue-700);
            --alert-link-fg: var(--color-techblue-700);
            --alert-link-hover-fg: var(--color-techblue-600);
            --alert-focus-ring: var(--color-techblue-700);
            &.alert-solid {
                --alert-bg: var(--color-techblue-600);
                --alert-fg: var(--color-whitely-50);
                --alert-link-fg: var(--color-whitely-50);
                --alert-link-hover-fg: var(--color-whitely-100);
                --alert-focus-ring: var(--color-whitely-50);
            }
        }
        &.alert-warning {
            --alert-bg: var(--color-camel-50);
            --alert-fg: var(--color-camel-700);
            --alert-link-fg: var(--color-camel-700);
            --alert-link-hover-fg: var(--color-camel-600);
            --alert-focus-ring: var(--color-camel-700);
            &.alert-solid {
                --alert-bg: var(--color-camel-600);
                --alert-fg: var(--color-whitely-50);
                --alert-link-fg: var(--color-whitely-50);
                --alert-link-hover-fg: var(--color-whitely-100);
                --alert-focus-ring: var(--color-whitely-50);
            }
        }
        &.alert-error {
            --alert-bg: var(--color-aered-50);
            --alert-fg: var(--color-aered-700);
            --alert-link-fg: var(--color-aered-700);
            --alert-link-hover-fg: var(--color-aered-600);
            --alert-focus-ring: var(--color-aered-700);
            &.alert-solid {
                --alert-bg: var(--color-aered-600);
                --alert-fg: var(--color-whitely-50);
                --alert-link-fg: var(--color-whitely-50);
                --alert-link-hover-fg: var(--color-whitely-100);
                --alert-focus-ring: var(--color-whitely-50);
            }
        }
        &.alert-lg {
            &>.alert-icon {
                &>svg,
                &>img {
                    height: calc(var(--spacing) * 7);
                    width: calc(var(--spacing) * 7);
                }
            }
            &>.alert-content {
                font-size: var(--text-lg);
                line-height: var(--tw-leading, var(--text-lg--line-height));
                & p {
                    font-size: var(--text-lg);
                    line-height: var(--tw-leading, var(--text-lg--line-height));
                }
                &.alert-with-link .alert-link {
                    font-size: var(--text-base);
                    line-height: var(--tw-leading, var(--text-base--line-height));
                    & a {
                        & svg,
                        & img {
                            height: calc(var(--spacing) * 6);
                            width: calc(var(--spacing) * 6);
                        }
                    }
                }
            }
            &>.alert-dismiss {
                top: calc(var(--spacing) * 3);
            }
        }
        &.alert-base {
            &>.alert-icon {
                &>svg,
                &>img {
                    height: calc(var(--spacing) * 7);
                    width: calc(var(--spacing) * 7);
                }
            }
            &>.alert-content {
                font-size: var(--text-base);
                line-height: var(--tw-leading, var(--text-base--line-height));
                & p {
                    font-size: var(--text-base);
                    line-height: var(--tw-leading, var(--text-base--line-height));
                }
                &.alert-with-link .alert-link {
                    font-size: var(--text-sm);
                    line-height: var(--tw-leading, var(--text-sm--line-height));
                    & a {
                        & svg,
                        & img {
                            height: calc(var(--spacing) * 5);
                            width: calc(var(--spacing) * 5);
                        }
                    }
                }
            }
            &>.alert-dismiss {
                top: calc(var(--spacing) * 2.5);
            }
        }
        &.alert-sm {
            &>.alert-icon {
                &>svg,
                &>img {
                    height: calc(var(--spacing) * 5);
                    width: calc(var(--spacing) * 5);
                }
            }
            &>.alert-content {
                font-size: var(--text-sm);
                line-height: var(--tw-leading, var(--text-sm--line-height));
                & p {
                    font-size: var(--text-sm);
                    line-height: var(--tw-leading, var(--text-sm--line-height));
                }
                &.alert-with-link .alert-link {
                    font-size: var(--text-xs);
                    line-height: var(--tw-leading, var(--text-xs--line-height));
                    & a {
                        & svg,
                        & img {
                            height: calc(var(--spacing) * 4);
                            width: calc(var(--spacing) * 4);
                        }
                    }
                }
            }
            &>.alert-dismiss {
                top: calc(var(--spacing) * 2);
            }
        }
    }
    .aegov-breadcrumb {
        nav& {
            &>ol,
            span {
                color: var(--color-primary-600);
                display: flex;
                flex-wrap: wrap;
                align-items: center;
                &>li,
                span {
                    position: relative;
                    display: flex;
                    align-items: center;
                    vertical-align: middle;
                    font-size: var(--text-sm);
                    line-height: var(--tw-leading, var(--text-sm--line-height));
                    &:last-child {
                        --tw-font-weight: var(--font-weight-semibold);
                        font-weight: var(--font-weight-semibold);
                    }
                }
                &>li svg {
                    &:where(:dir(rtl),
                    [dir="rtl"],
                    [dir="rtl"] *) {
                        --tw-scale-x: calc(100% * -1);
                        scale: var(--tw-scale-x) var(--tw-scale-y);
                    }
                }
                & [aria-current="page"] {
                    color: var(--color-aeblack-800);
                    position: relative;
                    display: inline-block;
                    max-width: 160px;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    padding-inline: calc(var(--spacing) * 0.5);
                    --tw-font-weight: var(--font-weight-semibold);
                    font-weight: var(--font-weight-semibold);
                    text-decoration-line: none;
                }
                & a {
                    color: var(--color-primary-600);
                    position: relative;
                    display: inline-block;
                    max-width: 140px;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    padding-inline: calc(var(--spacing) * 1);
                    padding-block: calc(var(--spacing) * 2);
                    vertical-align: middle;
                    --tw-font-weight: var(--font-weight-medium);
                    font-weight: var(--font-weight-medium);
                    text-underline-offset: 2px;
                    &:hover {
                        @media (hover: hover) {
                            text-decoration-thickness: 2px;
                        }
                        color: var(--color-primary-600);
                    }
                    & svg {
                        margin-inline-end: calc(var(--spacing) * 2);
                        margin-top: calc(var(--spacing) * -0.5);
                        display: inline-block;
                        height: calc(var(--spacing) * 5);
                        width: calc(var(--spacing) * 5);
                    }
                    & span {
                        --tw-font-weight: var(--font-weight-medium);
                        font-weight: var(--font-weight-medium);
                        &:hover {
                            color: var(--color-primary-600);
                        }
                    }
                }
            }
            &.with-seperator {
                &>ol,
                span {
                    :where(&>: not(:last-child)) {
                        --tw-space-x-reverse: 0;
                        margin-inline-start: calc(calc(var(--spacing) * 5) * var(--tw-space-x-reverse));
                        margin-inline-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-x-reverse)));
                    }
                    &>li,
                    span {
                        &::after {
                            content: var(--tw-content);
                            position: absolute;
                            inset-inline-end: calc(var(--spacing) * -3);
                            top: calc(var(--spacing) * 2);
                            height: 100%;
                            width: auto;
                        }
                        &:where(:dir(rtl),
                        [dir="rtl"],
                        [dir="rtl"] *) {
                            &::after {
                                content: var(--tw-content);
                                --tw-scale-x: calc(100% * -1);
                                scale: var(--tw-scale-x) var(--tw-scale-y);
                            }
                        }
                        &:last-child {
                            &::after {
                                content: var(--tw-content);
                                display: none;
                            }
                        }
                        &:after {
                            content: "/";
                        }
                    }
                }
            }
        }
    }
    .custom-divide {
        &>*:not(:last-child) {
            &::before {
                content: var(--tw-content);
                position: absolute;
                inset-inline-end: calc(var(--spacing) * 0);
                top: calc(2/4 * 100%);
                --tw-translate-y: calc(calc(2/4 * 100%) * -1);
                translate: var(--tw-translate-x) var(--tw-translate-y);
                --tw-content: "";
            }
        }
        &>* {
            position: relative;
            display: inline-flex;
            &:not(:last-child) {
                margin-inline-end: calc(var(--spacing) * 3);
                padding-inline-end: calc(var(--spacing) * 3);
                &::before {
                    content: var(--tw-content);
                    height: calc(var(--spacing) * 3.5);
                    width: 1px;
                }
                @media (width>=80rem) {
                    margin-inline-end: calc(var(--spacing) * 4);
                }
                @media (width>=80rem) {
                    padding-inline-end: calc(var(--spacing) * 4);
                }
                &:before {
                    background-color: var(--color-aeblack-100);
                }
            }
        }
    }
    .header-top-right {
        position: relative;
        min-height: calc(var(--spacing) * 10);
        min-width: calc(var(--spacing) * 10);
        @media (width>=48rem) {
            min-height: calc(var(--spacing) * 12);
        }
        @media (width>=48rem) {
            min-width: calc(var(--spacing) * 12);
        }
        @media (width>=64rem) {
            min-width: calc(var(--spacing) * 16);
        }
        @media (width>=80rem) {
            min-height: calc(var(--spacing) * 20);
        }
        @media (width>=80rem) {
            min-width: calc(var(--spacing) * 20);
        }
        &>a {
            position: absolute;
            top: calc(var(--spacing) * -2);
            right: calc(var(--spacing) * 0);
            min-height: max-content;
            min-width: max-content;
        }
        & .emblem-logo {
            height: calc(var(--spacing) * 12);
            width: calc(var(--spacing) * 12);
            max-width: max-content;
            @media (width>=48rem) {
                height: calc(var(--spacing) * 14);
            }
            @media (width>=48rem) {
                width: calc(var(--spacing) * 14);
            }
            @media (width>=64rem) {
                height: 4.5rem;
            }
            @media (width>=64rem) {
                width: 4.5rem;
            }
            @media (width>=80rem) {
                height: calc(var(--spacing) * 24);
            }
            @media (width>=80rem) {
                width: calc(var(--spacing) * 24);
            }
        }
    }
    .no-data {
        position: relative;
        min-height: 200px;
        &::after {
            content: '';
            background: url('../images/icons/no-data.svg') no-repeat center;
            background-size: contain;
            width: 200px;
            height: 100px;
            position: absolute;
            left: 50%;
            top: 25%;
            -webkit-transform: translate(-50%);
            transform: translate(-50%);
            z-index: 2;
        }
        &::before {
            content: '';
            position: absolute;
            width: 100%;
            height: 100%;
            background: #fff;
            z-index: 1;
        }
        .ar &::after {
            background: url('../images/icons/no-data-ar.svg') no-repeat center;
        }
    }
    .aegov-footer {
        --footer-bg: var(--color-aeblack-50);
        --footer-link-fg: var(--color-aeblack-700);
        --footer-link-fg-hover: var(--color-primary-600);
        --footer-accordion-btn-fg: var(--color-primary-600);
        --footer-accordion-btn-fg-active: var(--color-primary-700);
        --footer-accordion-icon-fg: var(--color-aeblack-600);
        --footer-contact-link-fg: var(--color-aeblack-800);
        --footer-contact-link-fg-hover: var(--color-aeblack-600);
        --footer-social-link-fg: var(--color-aeblack-600);
        --footer-social-link-fg-hover: var(--color-aeblack-500);
        --footer-bottom-border: var(--color-aeblack-100);
        --footer-gradient-from: var(--color-primary-400);
        --footer-gradient-to: var(--color-primary-600);
        background-color: var(--footer-bg);
        position: relative;
        padding-top: calc(var(--spacing) * 2);
        &::before {
            content: '';
            position: absolute;
            top: 0;
            height: 0.5rem;
            width: 100%;
            background-image: linear-gradient(to bottom, var(--footer-gradient-from), var(--footer-gradient-to));
        }
        & a {
            color: var(--footer-link-fg);
            font-size: var(--text-sm);
            line-height: var(--tw-leading, var(--text-sm--line-height));
            --tw-font-weight: var(--font-weight-normal);
            font-weight: var(--font-weight-normal);
            text-decoration-line: none;
            @media (width>=80rem) {
                font-size: var(--text-base);
                line-height: var(--tw-leading, var(--text-base--line-height));
            }
            &:hover {
                color: var(--footer-link-fg-hover);
            }
        }
        .aegov-accordion .accordion-title button {
            color: var(--footer-accordion-btn-fg) !important;
            font-size: var(--text-base);
            line-height: var(--tw-leading, var(--text-base--line-height));
            --tw-font-weight: var(--font-weight-bold);
            font-weight: var(--font-weight-bold);
            @media (width>=48rem) {
                font-size: var(--text-lg);
                line-height: var(--tw-leading, var(--text-lg--line-height));
            }
            @media (width>=64rem) {
                font-size: var(--text-xl);
                line-height: var(--tw-leading, var(--text-xl--line-height));
            }
            & svg {
                color: var(--footer-accordion-icon-fg);
            }
            &.accordion-active {
                color: var(--footer-accordion-btn-fg-active);
                & svg {
                    color: var(--footer-accordion-btn-fg-active);
                }
            }
        }
        .aegov-accordion .accordion-content-body {
            :where(&>: not(:last-child)) {
                --tw-space-y-reverse: 0;
                margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
                margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
            }
        }
    }
    .aegov-header {
        --header-gradient-from: var(--color-primary-400);
        --header-gradient-to: var(--color-primary-600);
        position: relative;
        padding-top: calc(var(--spacing) * 2);
        &::before {
            content: '';
            position: absolute;
            top: 0;
            height: 0.5rem;
            width: 100%;
            background-image: linear-gradient(to bottom, var(--header-gradient-from), var(--header-gradient-to));
        }
        [dir="rtl"] & .main-navigation .nav-menu>.menu-item {
            &>a {
                --tw-font-weight: var(--font-weight-medium);
                font-weight: var(--font-weight-medium);
                @media (width>=64rem) {
                    font-size: var(--text-xs);
                    line-height: var(--tw-leading, var(--text-xs--line-height));
                }
                @media (width>=64rem) {
                    --tw-font-weight: var(--font-weight-bold);
                    font-weight: var(--font-weight-bold);
                }
                @media (width>=80rem) {
                    font-size: var(--text-sm);
                    line-height: var(--tw-leading, var(--text-sm--line-height));
                }
                @media (width>=96rem) {
                    font-size: var(--text-base);
                    line-height: var(--tw-leading, var(--text-base--line-height));
                }
            }
            &.menu-item-has-children>a {
                gap: calc(var(--spacing) * 1);
                @media (width>=64rem) {
                    gap: calc(var(--spacing) * 2);
                }
            }
            &:first-child>a>span {
                display: none;
            }
        }
    }
    .aegov-banner {
        position: relative;
        padding-inline: calc(var(--spacing) * 4);
        padding-block: calc(var(--spacing) * 3);
        background-color: var(--banner-bg);
        border-color: var(--banner-border);
        --banner-fg: var(--banner-text-color);
        --banner-link-fg: var(--banner-text-color);
        --banner-link-hover-fg: var(--banner-text-color-hover);
        --banner-bg: var(--color-camel-50);
        --banner-border: var(--color-camel-500);
        --banner-text-color: var(--color-camel-600);
        --banner-text-color-hover: var(--color-camel-700);
        --banner-focus-ring: var(--color-camel-400);
        & .aegov-link {
            margin: calc(var(--spacing) * 0);
            flex-shrink: 0;
            padding: calc(var(--spacing) * 0);
        }
        .container {
            padding-inline: calc(var(--spacing) * 0);
        }
        & .banner-dismiss {
            padding: calc(var(--spacing) * 0.5);
            &:hover {
                @media (hover: hover) {
                    opacity: 60%;
                }
            }
            &>svg {
                height: calc(var(--spacing) * 5);
                width: calc(var(--spacing) * 5);
            }
        }
    }
    .sr-only {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip-path: inset(50%);
        white-space: nowrap;
        border-width: 0;
    }
    .main-navigation {
        & .nav-menu>.menu-item>a {
            color: var(--color-aeblack-800);
            display: inline-flex;
            align-items: center;
            border-radius: 0;
            border-bottom-style: var(--tw-border-style);
            border-bottom-width: 1px;
            border-color: transparent;
            --tw-font-weight: var(--font-weight-bold);
            font-weight: var(--font-weight-bold);
            transition-delay: 200ms;
            @media (width>=48rem) {
                border-bottom-style: var(--tw-border-style);
                border-bottom-width: 2px;
            }
            @media (width>=64rem) {
                height: calc(var(--spacing) * 14);
            }
            @media (width>=64rem) {
                padding-inline: calc(var(--spacing) * 2);
            }
            @media (width>=64rem) {
                font-size: var(--text-sm);
                line-height: var(--tw-leading, var(--text-sm--line-height));
            }
            @media (width>=80rem) {
                height: calc(var(--spacing) * 16);
            }
            @media (width>=80rem) {
                border-bottom-style: var(--tw-border-style);
                border-bottom-width: 0.188rem;
            }
            @media (width>=80rem) {
                padding-inline: calc(var(--spacing) * 3);
            }
            @media (width>=80rem) {
                font-size: var(--text-base);
                line-height: var(--tw-leading, var(--text-base--line-height));
            }
            @media (width>=96rem) {
                border-bottom-style: var(--tw-border-style);
                border-bottom-width: 4px;
            }
            @media (width>=96rem) {
                font-size: var(--text-lg);
                line-height: var(--tw-leading, var(--text-lg--line-height));
            }
        }
        & .menu-item a {
            text-decoration-line: none;
        }
        & .menu-item.active-page>a {
            border-color: var(--color-primary-900);
            color: var(--color-primary-900);
        }
        & .menu-item.menu-item-has-children {
            &>a {
                display: inline-flex;
                align-items: center;
                gap: calc(var(--spacing) * 2);
                @media (width>=64rem) {
                    padding-inline-end: calc(var(--spacing) * 6);
                }
                @media (width>=80rem) {
                    padding-inline-end: calc(var(--spacing) * 8);
                }
                @media (width>=96rem) {
                    padding-inline-end: calc(var(--spacing) * 9);
                }
                transition-property: color,
                border-color,
                text-decoration-color;
                transition-timing-function: cubic-bezier(.4,
                0,
                .2,
                1);
                transition-duration: 0.3s;
            }
            & .submenu-btn {
                position: relative;
                display: inline-block;
                @media (width>=64rem) {
                    margin-inline-start: calc(var(--spacing) * -5);
                }
                @media (width>=64rem) {
                    height: calc(var(--spacing) * 14);
                }
                @media (width>=64rem) {
                    width: calc(var(--spacing) * 4);
                }
                @media (width>=80rem) {
                    margin-inline-start: calc(var(--spacing) * -8);
                }
                @media (width>=80rem) {
                    height: calc(var(--spacing) * 16);
                }
                @media (width>=80rem) {
                    width: calc(var(--spacing) * 6);
                }
                &:focus,
                &.active-ic-btn {
                    outline: none;
                    box-shadow: 0 0 0 2px var(--color-primary-support-600);
                }
                &.inactive-ic-btn {
                    box-shadow: none !important;
                }
                & svg,
                & img {
                    margin-inline: auto;
                    @media (width>=64rem) {
                        height: calc(var(--spacing) * 3);
                    }
                    @media (width>=64rem) {
                        width: calc(var(--spacing) * 3);
                    }
                }
            }
        }
        [dir="rtl"] .aegov-header & .nav-menu>.menu-item {
            &>a {
                --tw-font-weight: var(--font-weight-medium);
                font-weight: var(--font-weight-medium);
                @media (width>=64rem) {
                    font-size: var(--text-xs);
                    line-height: var(--tw-leading, var(--text-xs--line-height));
                }
                @media (width>=64rem) {
                    --tw-font-weight: var(--font-weight-bold);
                    font-weight: var(--font-weight-bold);
                }
                @media (width>=80rem) {
                    font-size: var(--text-sm);
                    line-height: var(--tw-leading, var(--text-sm--line-height));
                }
                @media (width>=96rem) {
                    font-size: var(--text-base);
                    line-height: var(--tw-leading, var(--text-base--line-height));
                }
            }
            &.menu-item-has-children>a {
                gap: calc(var(--spacing) * 1);
                @media (width>=64rem) {
                    gap: calc(var(--spacing) * 2);
                }
            }
            &:first-child>a>span {
                display: none;
            }
        }
    }
    .aegov-check-group {
        color: var(--color-aeblack-400);
        position: relative;
        display: flex;
        align-items: flex-start;
        & input {
            margin-top: calc(var(--spacing) * 1);
        }
        & label {
            color: var(--color-aeblack-800);
            display: inline-block;
            --tw-font-weight: var(--font-weight-semibold);
            font-weight: var(--font-weight-semibold);
        }
        & p {
            margin-bottom: calc(var(--spacing) * 0);
        }
        &.group-list {
            align-items: center;
            justify-content: space-between;
            padding-block: calc(var(--spacing) * 5);
            & label {
                padding-inline-end: calc(var(--spacing) * 4);
                -webkit-user-select: none;
                user-select: none;
            }
        }
        :where(&> :not(:last-child)) {
            --tw-space-x-reverse: 0;
            margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
            margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
        }
        &:has(input:disabled) {
            & label {
                color: var(--color-aeblack-300);
            }
            color: var(--color-aeblack-200);
        }
        --form-check-accent: var(--color-primary-600);
        --form-check-border: var(--color-primary-600);
        --form-check-hover-before-bg: var(--color-primary-50);
        --form-check-focus-ring: var(--color-primary-support-600);
        --form-check-disabled-border: var(--color-primary-200);
        &.check-secondary {
            --form-check-accent: var(--color-secondary-800);
            --form-check-border: var(--color-secondary-700);
            --form-check-hover-before-bg: var(--color-secondary-50);
            --form-check-focus-ring: var(--color-secondary-support-300);
            --form-check-disabled-border: var(--color-secondary-200);
        }
    }
    .aegov-toggle {
        position: relative;
        display: inline-flex;
        cursor: pointer;
        align-items: center;
        --toggle-bg: var(--color-aeblack-100);
        --toggle-bg-checked: var(--color-primary-300);
        --toggle-thumb-bg: var(--color-whitely-50);
        --toggle-thumb-border: var(--color-aeblack-100);
        --toggle-thumb-border-checked: var(--color-primary-600);
        --toggle-focus-ring: var(--color-primary-500);
        --toggle-icon-unchecked-url: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23BBBCBD' viewBox='0 0 256 256'%3E%3Cpath d='M205.66,194.34a8,8,0,0,1-11.32,11.32L128,139.31,61.66,205.66a8,8,0,0,1-11.32-11.32L116.69,128,50.34,61.66A8,8,0,0,1,61.66,50.34L128,116.69l66.34-66.35a8,8,0,0,1,11.32,11.32L139.31,128Z'%3E%3C/path%3E%3C/svg%3E");
        --toggle-icon-checked-url: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23D6BE8E' viewBox='0 0 256 256'%3E%3Cpath d='M229.66,77.66l-128,128a8,8,0,0,1-11.32,0l-56-56a8,8,0,0,1,11.32-11.32L96,188.69,218.34,66.34a8,8,0,0,1,11.32,11.32Z'%3E%3C/path%3E%3C/svg%3E");
        & .toggle-text {
            margin-inline-start: calc(var(--spacing) * 3);
        }
        & input[type="checkbox"] {
            position: absolute;
        }
        & .toggle-item {
            position: relative;
            display: flex;
            height: calc(var(--spacing) * 4);
            width: calc(var(--spacing) * 10);
            cursor: pointer;
            align-items: center;
            border-radius: calc(infinity * 1px);
            padding-inline: calc(var(--spacing) * 0);
            background-color: var(--toggle-bg);
            outline-color: var(--color-aeblack-400);
            transition: background-color 200ms ease-in-out;
            &::before {
                content: '';
                height: calc(var(--spacing) * 5);
                width: calc(var(--spacing) * 5);
                border-radius: calc(infinity * 1px);
                --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
                box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
                background-color: var(--toggle-thumb-bg);
                border: 1px solid;
                border-color: var(--toggle-thumb-border);
                transition: transform 200ms ease-in-out, border-color 200ms ease-in-out;
                transform: translateX(0);
            }
        }
        & .toggle-icon {
            margin-bottom: calc(var(--spacing) * 0);
            &::before {
                content: '';
                height: calc(var(--spacing) * 5);
                width: calc(var(--spacing) * 5);
                background-position: center;
                background-repeat: no-repeat;
                background-image: var(--toggle-icon-unchecked-url);
                background-size: 10px 10px;
            }
        }
        & .peer:checked~.toggle-item {
            background-color: var(--toggle-bg-checked);
            &::before {
                border-color: var(--toggle-thumb-border-checked);
                transform: translateX(100%);
            }
        }
        [dir="rtl"] & .peer:checked~.toggle-item::before {
            transform: translateX(-100%);
        }
        & .peer:focus-visible~.toggle-item {
            outline-style: var(--tw-outline-style);
            outline-width: 1px;
            outline-offset: 3px;
            outline-color: var(--toggle-focus-ring);
        }
        & .peer:checked~.toggle-icon::before {
            background-image: var(--toggle-icon-checked-url);
        }
        &.toggle-secondary {
            --toggle-bg-checked: var(--color-secondary-800);
            --toggle-thumb-border-checked: var(--color-secondary-600);
            --toggle-focus-ring: var(--color-secondary-200);
            --toggle-icon-checked-url: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23c3c6cb' viewBox='0 0 256 256'%3E%3Cpath d='M229.66,77.66l-128,128a8,8,0,0,1-11.32,0l-56-56a8,8,0,0,1,11.32-11.32L96,188.69,218.34,66.34a8,8,0,0,1,11.32,11.32Z'%3E%3C/path%3E%3C/svg%3E");
        }
        &.toggle-success {
            --toggle-bg-checked: var(--color-aegreen-300);
            --toggle-thumb-border-checked: var(--color-aegreen-600);
            --toggle-focus-ring: var(--color-aegreen-200);
            --toggle-icon-checked-url: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23A0D5AB' viewBox='0 0 256 256'%3E%3Cpath d='M229.66,77.66l-128,128a8,8,0,0,1-11.32,0l-56-56a8,8,0,0,1,11.32-11.32L96,188.69,218.34,66.34a8,8,0,0,1,11.32,11.32Z'%3E%3C/path%3E%3C/svg%3E");
        }
        &.toggle-mode {
            --toggle-mode-bg: var(--color-whitely-50);
            --toggle-mode-border: var(--color-aeblack-100);
            --toggle-mode-bg-checked: var(--color-aeblack-950);
            --toggle-mode-thumb-icon-unchecked: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cg clip-path='url(%23clip0_2093_8463)'%3E%3Cpath d='M7.64648 2.50001V1.00001C7.64648 0.8674 7.69916 0.740223 7.79293 0.646455C7.8867 0.552686 8.01388 0.500008 8.14648 0.500008C8.27909 0.500008 8.40627 0.552686 8.50004 0.646455C8.59381 0.740223 8.64648 0.8674 8.64648 1.00001V2.50001C8.64648 2.63262 8.59381 2.75979 8.50004 2.85356C8.40627 2.94733 8.27909 3.00001 8.14648 3.00001C8.01388 3.00001 7.8867 2.94733 7.79293 2.85356C7.69916 2.75979 7.64648 2.63262 7.64648 2.50001ZM8.14648 4.00001C7.35536 4.00001 6.582 4.2346 5.9242 4.67413C5.26641 5.11366 4.75372 5.73837 4.45097 6.46927C4.14822 7.20018 4.069 8.00444 4.22334 8.78037C4.37768 9.55629 4.75865 10.269 5.31806 10.8284C5.87747 11.3878 6.5902 11.7688 7.36612 11.9231C8.14205 12.0775 8.94631 11.9983 9.67722 11.6955C10.4081 11.3928 11.0328 10.8801 11.4724 10.2223C11.9119 9.56449 12.1465 8.79113 12.1465 8.00001C12.1453 6.9395 11.7235 5.92275 10.9736 5.17286C10.2237 4.42297 9.207 4.00117 8.14648 4.00001ZM3.79273 4.35376C3.88655 4.44758 4.0138 4.50029 4.14648 4.50029C4.27917 4.50029 4.40641 4.44758 4.50023 4.35376C4.59405 4.25994 4.64676 4.13269 4.64676 4.00001C4.64676 3.86733 4.59405 3.74008 4.50023 3.64626L3.50023 2.64626C3.40641 2.55244 3.27917 2.49973 3.14648 2.49973C3.0138 2.49973 2.88655 2.55244 2.79273 2.64626C2.69891 2.74008 2.64621 2.86733 2.64621 3.00001C2.64621 3.13269 2.69891 3.25994 2.79273 3.35376L3.79273 4.35376ZM3.79273 11.6463L2.79273 12.6463C2.69891 12.7401 2.64621 12.8673 2.64621 13C2.64621 13.1327 2.69891 13.2599 2.79273 13.3538C2.88655 13.4476 3.0138 13.5003 3.14648 13.5003C3.27917 13.5003 3.40641 13.4476 3.50023 13.3538L4.50023 12.3538C4.54669 12.3073 4.58354 12.2522 4.60868 12.1915C4.63382 12.1308 4.64676 12.0657 4.64676 12C4.64676 11.9343 4.63382 11.8693 4.60868 11.8086C4.58354 11.7479 4.54669 11.6927 4.50023 11.6463C4.45378 11.5998 4.39863 11.563 4.33793 11.5378C4.27724 11.5127 4.21218 11.4997 4.14648 11.4997C4.08079 11.4997 4.01573 11.5127 3.95504 11.5378C3.89434 11.563 3.83919 11.5998 3.79273 11.6463ZM12.1465 4.50001C12.2122 4.50006 12.2772 4.48717 12.3379 4.46208C12.3986 4.43698 12.4538 4.40018 12.5002 4.35376L13.5002 3.35376C13.5941 3.25994 13.6468 3.13269 13.6468 3.00001C13.6468 2.86733 13.5941 2.74008 13.5002 2.64626C13.4064 2.55244 13.2792 2.49973 13.1465 2.49973C13.0138 2.49973 12.8866 2.55244 12.7927 2.64626L11.7927 3.64626C11.7227 3.71619 11.675 3.80531 11.6557 3.90235C11.6364 3.9994 11.6463 4.09999 11.6842 4.1914C11.722 4.28281 11.7862 4.36093 11.8685 4.41587C11.9508 4.4708 12.0475 4.50009 12.1465 4.50001ZM12.5002 11.6463C12.4064 11.5524 12.2792 11.4997 12.1465 11.4997C12.0138 11.4997 11.8866 11.5524 11.7927 11.6463C11.6989 11.7401 11.6462 11.8673 11.6462 12C11.6462 12.1327 11.6989 12.2599 11.7927 12.3538L12.7927 13.3538C12.8392 13.4002 12.8943 13.4371 12.955 13.4622C13.0157 13.4873 13.0808 13.5003 13.1465 13.5003C13.2122 13.5003 13.2772 13.4873 13.3379 13.4622C13.3986 13.4371 13.4538 13.4002 13.5002 13.3538C13.5467 13.3073 13.5835 13.2522 13.6087 13.1915C13.6338 13.1308 13.6468 13.0657 13.6468 13C13.6468 12.9343 13.6338 12.8693 13.6087 12.8086C13.5835 12.7479 13.5467 12.6927 13.5002 12.6463L12.5002 11.6463ZM3.14648 8.00001C3.14648 7.8674 3.09381 7.74022 3.00004 7.64645C2.90627 7.55269 2.77909 7.50001 2.64648 7.50001H1.14648C1.01388 7.50001 0.886699 7.55269 0.792931 7.64645C0.699163 7.74022 0.646484 7.8674 0.646484 8.00001C0.646484 8.13262 0.699163 8.25979 0.792931 8.35356C0.886699 8.44733 1.01388 8.50001 1.14648 8.50001H2.64648C2.77909 8.50001 2.90627 8.44733 3.00004 8.35356C3.09381 8.25979 3.14648 8.13262 3.14648 8.00001ZM8.14648 13C8.01388 13 7.8867 13.0527 7.79293 13.1465C7.69916 13.2402 7.64648 13.3674 7.64648 13.5V15C7.64648 15.1326 7.69916 15.2598 7.79293 15.3536C7.8867 15.4473 8.01388 15.5 8.14648 15.5C8.27909 15.5 8.40627 15.4473 8.50004 15.3536C8.59381 15.2598 8.64648 15.1326 8.64648 15V13.5C8.64648 13.3674 8.59381 13.2402 8.50004 13.1465C8.40627 13.0527 8.27909 13 8.14648 13ZM15.1465 7.50001H13.6465C13.5139 7.50001 13.3867 7.55269 13.2929 7.64645C13.1992 7.74022 13.1465 7.8674 13.1465 8.00001C13.1465 8.13262 13.1992 8.25979 13.2929 8.35356C13.3867 8.44733 13.5139 8.50001 13.6465 8.50001H15.1465C15.2791 8.50001 15.4063 8.44733 15.5 8.35356C15.5938 8.25979 15.6465 8.13262 15.6465 8.00001C15.6465 7.8674 15.5938 7.74022 15.5 7.64645C15.4063 7.55269 15.2791 7.50001 15.1465 7.50001Z' fill='%23232528'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2093_8463'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
            --toggle-mode-thumb-icon-checked: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M235.54,150.21a104.84,104.84,0,0,1-37,52.91A104,104,0,0,1,32,120,103.09,103.09,0,0,1,52.88,57.48a104.84,104.84,0,0,1,52.91-37,8,8,0,0,1,10,10,88.08,88.08,0,0,0,109.8,109.8,8,8,0,0,1,10,10Z'%3E%3C/path%3E%3C/svg%3E");
            & .toggle-item {
                height: calc(var(--spacing) * 6);
                width: calc(var(--spacing) * 12);
                background-color: var(--toggle-mode-bg);
                border: 1px solid;
                border-color: var(--toggle-mode-border);
                &::before {
                    height: calc(var(--spacing) * 4);
                    width: calc(var(--spacing) * 4);
                    --tw-shadow: 0 0 #0000;
                    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
                    background-color: transparent;
                    border-color: transparent !important;
                    transform: translateX(0.25rem);
                    background-image: var(--toggle-mode-thumb-icon-unchecked);
                }
            }
            [dir="rtl"] & .toggle-item::before {
                transform: translateX(-0.25rem);
            }
            & .peer:checked~.toggle-item {
                background-color: var(--toggle-mode-bg-checked);
                border-color: transparent;
                &::before {
                    background-size: cover;
                    background-position: center;
                    transform: translateX(1.75rem);
                    background-image: var(--toggle-mode-thumb-icon-checked);
                }
            }
            [dir="rtl"] & .peer:checked~.toggle-item::before {
                transform: translateX(-1.75rem);
            }
        }
    }
    .logos {
        display: flex;
        flex-shrink: 0;
        align-items: center;
        & .logo-item {
            position: relative;
            &:not(:last-child) {
                margin-inline-end: calc(var(--spacing) * 4);
                @media (width>=48rem) {
                    margin-inline-end: calc(var(--spacing) * 5);
                }
                @media (width>=64rem) {
                    margin-inline-end: calc(var(--spacing) * 6);
                }
                @media (width>=80rem) {
                    margin-inline-end: calc(var(--spacing) * 10);
                }
            }
        }
    }
    .aegov-modal-close {
        color: var(--color-aeblack-400);
        position: absolute;
        margin-left: auto;
        display: inline-flex;
        align-items: center;
        border-radius: var(--radius-lg);
        background-color: transparent;
        padding: calc(var(--spacing) * 1.5);
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        &:focus-visible {
            outline-style: solid;
            outline-width: 2px;
            outline-offset: 2px;
            outline-color: var(--color-primary-support-600);
        }
        &:hover {
            background-color: var(--color-aeblack-50);
            color: var(--color-aeblack-600);
        }
    }
    .absolute {
        position: absolute;
    }
    .fixed {
        position: fixed;
    }
    .relative {
        position: relative;
    }
    .static {
        position: static;
    }
    .inset-0 {
        inset: calc(var(--spacing) * 0);
    }
    .\ !inset-x-0 {
        inset-inline: calc(var(--spacing) * 0) !important;
    }
    .-start-5 {
        inset-inline-start: calc(var(--spacing) * -5);
    }
    .start {
        inset-inline-start: var(--spacing);
    }
    .end {
        inset-inline-end: var(--spacing);
    }
    .end-2 {
        inset-inline-end: calc(var(--spacing) * 2);
    }
    .end-6 {
        inset-inline-end: calc(var(--spacing) * 6);
    }
    .\ !top-full {
        top: 100% !important;
    }
    .-top-2 {
        top: calc(var(--spacing) * -2);
    }
    .-top-2\.5 {
        top: calc(var(--spacing) * -2.5);
    }
    .-top-5 {
        top: calc(var(--spacing) * -5);
    }
    .top-0 {
        top: calc(var(--spacing) * 0);
    }
    .top-1\/2 {
        top: calc(1 / 2 * 100%);
    }
    .top-2 {
        top: calc(var(--spacing) * 2);
    }
    .top-3 {
        top: calc(var(--spacing) * 3);
    }
    .top-6 {
        top: calc(var(--spacing) * 6);
    }
    .top-auto {
        top: auto;
    }
    .-right-2 {
        right: calc(var(--spacing) * -2);
    }
    .right-0 {
        right: calc(var(--spacing) * 0);
    }
    .right-10 {
        right: calc(var(--spacing) * 10);
    }
    .-bottom-6 {
        bottom: calc(var(--spacing) * -6);
    }
    .bottom-0 {
        bottom: calc(var(--spacing) * 0);
    }
    .bottom-3 {
        bottom: calc(var(--spacing) * 3);
    }
    .bottom-5 {
        bottom: calc(var(--spacing) * 5);
    }
    .bottom-\[50px\] {
        bottom: 50px;
    }
    .left-0 {
        left: calc(var(--spacing) * 0);
    }
    .left-1\/2 {
        left: calc(1 / 2 * 100%);
    }
    .left-2 {
        left: calc(var(--spacing) * 2);
    }
    .left-2\/4 {
        left: calc(2 / 4 * 100%);
    }
    .left-3 {
        left: calc(var(--spacing) * 3);
    }
    .left-6 {
        left: calc(var(--spacing) * 6);
    }
    .left-10 {
        left: calc(var(--spacing) * 10);
    }
    .aegov-dropdown {
        z-index: 50;
        display: none;
        border-radius: var(--radius-lg);
        background-color: var(--dropdown-bg);
        box-shadow: 0 20px 25px -5px var(--color-aeblack-900), 0 8px 10px -6px var(--color-aeblack-900);
        @supports (color: color-mix(in lab, red, red)) {
            box-shadow: 0 20px 25px -5px color-mix(in oklab, var(--color-aeblack-900) 10%, transparent), 0 8px 10px -6px color-mix(in oklab, var(--color-aeblack-900) 10%, transparent);
        }
        --dropdown-bg: var(--color-whitely-50);
        --dropdown-header-fg: var(--color-aeblack-900);
        --dropdown-header-border: var(--color-aeblack-50);
        --dropdown-body-fg: var(--color-aeblack-700);
        --dropdown-item-bg-hover: var(--color-secondary-50);
        & .dropdown-header {
            color: var(--dropdown-header-fg);
            border-bottom-color: var(--dropdown-header-border);
            border-bottom-style: var(--tw-border-style);
            border-bottom-width: 1px;
            padding-inline: calc(var(--spacing) * 3);
            padding-block: calc(var(--spacing) * 2);
        }
        & .dropwdown-body {
            color: var(--dropdown-body-fg);
            & a {
                color: inherit;
                text-decoration-line: none;
                &:visited {
                    color: inherit;
                }
                &:hover {
                    @media (hover: hover) {
                        color: inherit;
                    }
                }
                &:active {
                    color: inherit;
                }
            }
        }
    }
    .z-10 {
        z-index: 10;
    }
    .z-20 {
        z-index: 20;
    }
    .z-50 {
        z-index: 50;
    }
    .z-\[1\] {
        z-index: 1;
    }
    .z-\[60\] {
        z-index: 60;
    }
    .z-\[9999\] {
        z-index: 9999;
    }
    .z-\[999999\] {
        z-index: 999999;
    }
    .col-3 {
        grid-column: 3;
    }
    .col-6 {
        grid-column: 6;
    }
    .col-9 {
        grid-column: 9;
    }
    .col-12 {
        grid-column: 12;
    }
    .col-span-1 {
        grid-column: span 1 / span 1;
    }
    .col-span-2 {
        grid-column: span 2 / span 2;
    }
    .col-span-3 {
        grid-column: span 3 / span 3;
    }
    .col-span-4 {
        grid-column: span 4 / span 4;
    }
    .col-span-6 {
        grid-column: span 6 / span 6;
    }
    .col-span-8 {
        grid-column: span 8 / span 8;
    }
    .col-span-12 {
        grid-column: span 12 / span 12;
    }
    .row-span-2 {
        grid-row: span 2 / span 2;
    }
    .\ !container {
        width: 100% !important;
        @media (width>=40rem) {
            max-width: 40rem !important;
        }
        @media (width>=48rem) {
            max-width: 48rem !important;
        }
        @media (width>=64rem) {
            max-width: 64rem !important;
        }
        @media (width>=80rem) {
            max-width: 80rem !important;
        }
        @media (width>=96rem) {
            max-width: 96rem !important;
        }
    }
    .container {
        width: 100%;
        @media (width>=40rem) {
            max-width: 40rem;
        }
        @media (width>=48rem) {
            max-width: 48rem;
        }
        @media (width>=64rem) {
            max-width: 64rem;
        }
        @media (width>=80rem) {
            max-width: 80rem;
        }
        @media (width>=96rem) {
            max-width: 96rem;
        }
    }
    .\ !m-0 {
        margin: calc(var(--spacing) * 0) !important;
    }
    .m-0 {
        margin: calc(var(--spacing) * 0);
    }
    .m-1 {
        margin: calc(var(--spacing) * 1);
    }
    .m-2 {
        margin: calc(var(--spacing) * 2);
    }
    .m-3 {
        margin: calc(var(--spacing) * 3);
    }
    .m-4 {
        margin: calc(var(--spacing) * 4);
    }
    .m-5 {
        margin: calc(var(--spacing) * 5);
    }
    .m-8 {
        margin: calc(var(--spacing) * 8);
    }
    .m-10 {
        margin: calc(var(--spacing) * 10);
    }
    .m-auto {
        margin: auto;
    }
    .\ !container {
        margin-inline: auto !important;
        padding-inline: var(--container-padding) !important;
        @media (width>=48rem) {
            padding-inline: var(--container-padding-md) !important;
        }
        @media (width>=64rem) {
            padding-inline: var(--container-padding-lg) !important;
        }
        @media (width>=80rem) {
            padding-inline: var(--container-padding-xl) !important;
        }
    }
    .container {
        margin-inline: auto;
        padding-inline: var(--container-padding);
        @media (width>=48rem) {
            padding-inline: var(--container-padding-md);
        }
        @media (width>=64rem) {
            padding-inline: var(--container-padding-lg);
        }
        @media (width>=80rem) {
            padding-inline: var(--container-padding-xl);
        }
    }
    .-mx-2 {
        margin-inline: calc(var(--spacing) * -2);
    }
    .-mx-3 {
        margin-inline: calc(var(--spacing) * -3);
    }
    .-mx-5 {
        margin-inline: calc(var(--spacing) * -5);
    }
    .mx-0 {
        margin-inline: calc(var(--spacing) * 0);
    }
    .mx-1 {
        margin-inline: calc(var(--spacing) * 1);
    }
    .mx-2 {
        margin-inline: calc(var(--spacing) * 2);
    }
    .mx-3 {
        margin-inline: calc(var(--spacing) * 3);
    }
    .mx-5 {
        margin-inline: calc(var(--spacing) * 5);
    }
    .mx-8 {
        margin-inline: calc(var(--spacing) * 8);
    }
    .mx-10 {
        margin-inline: calc(var(--spacing) * 10);
    }
    .mx-auto {
        margin-inline: auto;
    }
    .my-0 {
        margin-block: calc(var(--spacing) * 0);
    }
    .my-2 {
        margin-block: calc(var(--spacing) * 2);
    }
    .my-3 {
        margin-block: calc(var(--spacing) * 3);
    }
    .my-4 {
        margin-block: calc(var(--spacing) * 4);
    }
    .my-5 {
        margin-block: calc(var(--spacing) * 5);
    }
    .my-6 {
        margin-block: calc(var(--spacing) * 6);
    }
    .my-8 {
        margin-block: calc(var(--spacing) * 8);
    }
    .my-10 {
        margin-block: calc(var(--spacing) * 10);
    }
    .my-12 {
        margin-block: calc(var(--spacing) * 12);
    }
    .my-16 {
        margin-block: calc(var(--spacing) * 16);
    }
    .my-20 {
        margin-block: calc(var(--spacing) * 20);
    }
    .hero-dots {
        & ul {
            margin-top: calc(var(--spacing) * 0);
            display: flex;
            align-items: center;
            :where(&>: not(:last-child)) {
                --tw-space-x-reverse: 0;
                margin-inline-start: calc(calc(var(--spacing) * 0) * var(--tw-space-x-reverse));
                margin-inline-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-x-reverse)));
            }
            & li {
                display: flex;
                &.slick-active button::after {
                    background-color: var(--hero-dot-selected-bg);
                    opacity: 1;
                }
            }
        }
    }
    .aegov-pagination {
        display: inline-flex;
        align-items: center;
        :where(&>: not(:last-child)) {
            --tw-space-x-reverse: 0;
            margin-inline-start: calc(calc(var(--spacing) * 1) * var(--tw-space-x-reverse));
            margin-inline-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-x-reverse)));
        }
        & a {
            font-size: var(--text-base);
            line-height: var(--tw-leading, var(--text-base--line-height));
            text-decoration-line: none;
        }
        .pages {
            font-size: var(--text-base);
            line-height: var(--tw-leading, var(--text-base--line-height));
        }
        .aegov-pagination-first,
        .aegov-pagination-last,
        .aegov-pagination-previous,
        .aegov-pagination-next {
            --pagination-nav-fg: var(--color-aeblack-800);
            --pagination-nav-fg-hover: var(--color-primary-500);
            color: var(--pagination-nav-fg);
            display: inline-flex;
            align-items: center;
            gap: calc(var(--spacing) * 2);
            padding-block: calc(var(--spacing) * 1);
            font-size: var(--text-base);
            line-height: var(--tw-leading, var(--text-base--line-height));
            text-decoration-line: none;
            @media (width>=64rem) {
                padding-inline: calc(var(--spacing) * 1);
            }
            &:hover {
                color: var(--pagination-nav-fg-hover);
            }
            & svg {
                height: calc(var(--spacing) * 5);
                width: calc(var(--spacing) * 5);
            }
        }
        .aegov-pagination-page,
        .aegov-pagination-current {
            display: inline-flex;
            height: calc(var(--spacing) * 8);
            width: calc(var(--spacing) * 8);
            align-items: center;
            justify-content: center;
            border-radius: calc(infinity * 1px);
            font-size: var(--text-base);
            line-height: var(--tw-leading, var(--text-base--line-height));
        }
        .aegov-pagination-page {
            --pagination-page-fg: var(--color-aeblack-800);
            --pagination-page-bg-hover: var(--color-primary-50);
            --pagination-page-fg-hover: var(--color-primary-800);
            color: var(--pagination-page-fg);
            &:hover {
                background-color: var(--pagination-page-bg-hover);
                color: var(--pagination-page-fg-hover);
            }
        }
        .aegov-pagination-current {
            background-color: var(--color-primary-600);
            color: var(--color-whitely-50);
        }
        .aegov-pagination-extend {
            color: var(--color-aeblack-300);
        }
    }
    .aegov-check-item {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        :where(&>: not(:last-child)) {
            --tw-space-x-reverse: 0;
            margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
            margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
        }
        &:has(input:disabled) {
            & label {
                color: var(--color-aeblack-300);
            }
            color: var(--color-aeblack-200);
        }
        --form-check-accent: var(--color-primary-600);
        --form-check-border: var(--color-primary-600);
        --form-check-hover-before-bg: var(--color-primary-50);
        --form-check-focus-ring: var(--color-primary-support-600);
        --form-check-disabled-border: var(--color-primary-200);
        &.check-secondary {
            --form-check-accent: var(--color-secondary-800);
            --form-check-border: var(--color-secondary-700);
            --form-check-hover-before-bg: var(--color-secondary-50);
            --form-check-focus-ring: var(--color-secondary-support-300);
            --form-check-disabled-border: var(--color-secondary-200);
        }
    }
    .ms-2 {
        margin-inline-start: calc(var(--spacing) * 2);
    }
    .ms-10 {
        margin-inline-start: calc(var(--spacing) * 10);
    }
    .custom-divide-sm {
        &>*:not(:last-child) {
            margin-inline-end: calc(var(--spacing) * 1.5);
            padding-inline-end: calc(var(--spacing) * 1.5);
            &::before {
                content: var(--tw-content);
                height: calc(var(--spacing) * 3.5);
                width: 1px;
            }
            @media (width>=80rem) {
                margin-inline-end: calc(var(--spacing) * 2);
            }
            @media (width>=80rem) {
                padding-inline-end: calc(var(--spacing) * 2);
            }
        }
    }
    .scroll-bar {
        &::-webkit-scrollbar {
            width: calc(var(--spacing) * 2);
            border-radius: var(--radius-xl);
        }
        &::-webkit-scrollbar-track {
            background-color: transparent;
        }
        &::-webkit-scrollbar-thumb {
            margin-inline-end: calc(var(--spacing) * 2);
            border-radius: var(--radius-xl);
            background-color: var(--color-aeblack-100);
        }
    }
    .aegovs-slider-style {
        & .slick-dots {
            margin-top: calc(var(--spacing) * 4);
            display: flex;
            align-items: center;
            justify-content: center;
            gap: calc(var(--spacing) * 3);
            --tw-leading: 1.5rem;
            line-height: 1.5rem;
            @media (width>=64rem) {
                margin-top: calc(var(--spacing) * 6);
            }
            @media (width>=80rem) {
                margin-top: calc(var(--spacing) * 8);
            }
            @media (width>=96rem) {
                margin-top: calc(var(--spacing) * 10);
            }
            & button {
                background-color: var(--color-aeblack-400);
                --tw-ring-color: var(--color-primary-400);
                height: calc(var(--spacing) * 3);
                width: calc(var(--spacing) * 3);
                border-radius: calc(infinity * 1px);
                font-size: 0px;
                &:focus-visible {
                    outline-style: solid;
                    outline-width: 2px;
                    outline-offset: 2px;
                    outline-color: var(--color-primary-support-600);
                }
            }
            & .slick-active button {
                background-color: var(--color-primary-600);
                --tw-ring-color: var(--color-primary-400);
                @supports (color: color-mix(in lab, red, red)) {
                    --tw-ring-color: color-mix(in oklab, var(--color-primary-400)30%, transparent);
                }
                --tw-ring-shadow: var(--tw-ring-inset,
                ) 0 0 0 calc(4px+var(--tw-ring-offset-width)) var(--tw-ring-color,
                currentcolor);
                box-shadow: var(--tw-inset-shadow),
                var(--tw-inset-ring-shadow),
                var(--tw-ring-offset-shadow),
                var(--tw-ring-shadow),
                var(--tw-shadow);
            }
        }
    }
    .\ !-mt-2 {
        margin-top: calc(var(--spacing) * -2) !important;
    }
    .\ !-mt-2\.5 {
        margin-top: calc(var(--spacing) * -2.5) !important;
    }
    .mt-0 {
        margin-top: calc(var(--spacing) * 0);
    }
    .mt-1 {
        margin-top: calc(var(--spacing) * 1);
    }
    .mt-2 {
        margin-top: calc(var(--spacing) * 2);
    }
    .mt-3 {
        margin-top: calc(var(--spacing) * 3);
    }
    .mt-4 {
        margin-top: calc(var(--spacing) * 4);
    }
    .mt-5 {
        margin-top: calc(var(--spacing) * 5);
    }
    .mt-6 {
        margin-top: calc(var(--spacing) * 6);
    }
    .mt-7 {
        margin-top: calc(var(--spacing) * 7);
    }
    .mt-8 {
        margin-top: calc(var(--spacing) * 8);
    }
    .mt-10 {
        margin-top: calc(var(--spacing) * 10);
    }
    .mt-12 {
        margin-top: calc(var(--spacing) * 12);
    }
    .mt-14 {
        margin-top: calc(var(--spacing) * 14);
    }
    .mt-16 {
        margin-top: calc(var(--spacing) * 16);
    }
    .mt-20 {
        margin-top: calc(var(--spacing) * 20);
    }
    .mt-32 {
        margin-top: calc(var(--spacing) * 32);
    }
    .weqayati-packages-slider {
        .slick-dots {
            margin-top: calc(var(--spacing) * 3);
        }
    }
    .aegov-link {
        margin-left: calc(var(--spacing) * -2.5);
        display: inline-flex;
        align-items: center;
        gap: calc(var(--spacing) * 2);
        padding-inline: calc(var(--spacing) * 2.5);
        padding-block: calc(var(--spacing) * 2);
        vertical-align: middle;
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
        text-decoration-line: none;
        &:where(:dir(rtl),
        [dir="rtl"],
        [dir="rtl"] *) {
            margin-right: calc(var(--spacing) * -2.5);
            margin-left: calc(var(--spacing) * 0);
        }
        &:focus-visible {
            --tw-ring-offset-width: 4px;
            --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        }
        color: var(--link-fg);
        background-color: var(--link-bg,
        transparent);
        --tw-ring-color: var(--link-focus-ring);
        --link-fg: var(--color-primary-600);
        --link-fg-hover: var(--color-primary-500);
        --link-bg-hover: var(--color-primary-50);
        --link-focus-ring: var(--color-primary-support-600);
        &:hover {
            color: var(--link-fg-hover);
            text-decoration-line: underline;
        }
        &>svg.link-icon {
            height: calc(var(--spacing) * 5);
            width: calc(var(--spacing) * 5);
        }
        &.link-underline {
            text-decoration-line: underline;
        }
        &.link-soft {
            &:hover {
                background-color: var(--link-bg-hover);
                text-decoration-line: none;
            }
        }
        &.link-secondary {
            --link-fg: var(--color-aeblack-800);
            --link-fg-hover: var(--color-aeblack-700);
            --link-bg-hover: var(--color-aeblack-50);
            --link-focus-ring: var(--color-secondary-support-300);
        }
    }
    .no-container-ar {
        width: 100vw;
        margin-right: 50% !important;
        transform: translateX(50%);
    }
    .mr-2 {
        margin-right: calc(var(--spacing) * 2);
    }
    .mr-4 {
        margin-right: calc(var(--spacing) * 4);
    }
    .submenu {
        background-color: var(--color-whitely-50);
        & .submenu-title {
            text-transform: capitalize;
            @media (width>=64rem) {
                margin-bottom: calc(var(--spacing) * 4);
            }
            @media (width>=80rem) {
                margin-bottom: calc(var(--spacing) * 5);
            }
            @media (width>=96rem) {
                margin-bottom: calc(var(--spacing) * 6);
            }
        }
        & li a {
            color: var(--color-aeblack-900);
            display: inline-block;
            padding-inline: calc(var(--spacing) * 3);
            padding-block: calc(var(--spacing) * 2);
            font-size: var(--text-sm);
            line-height: var(--tw-leading, var(--text-sm--line-height));
            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));
            @media (width>=80rem) {
                font-size: var(--text-base);
                line-height: var(--tw-leading, var(--text-base--line-height));
            }
            &:hover {
                color: var(--color-primary-700);
                text-decoration-line: underline;
            }
        }
    }
    .mb-0 {
        margin-bottom: calc(var(--spacing) * 0);
    }
    .mb-1 {
        margin-bottom: calc(var(--spacing) * 1);
    }
    .mb-2 {
        margin-bottom: calc(var(--spacing) * 2);
    }
    .mb-3 {
        margin-bottom: calc(var(--spacing) * 3);
    }
    .mb-4 {
        margin-bottom: calc(var(--spacing) * 4);
    }
    .mb-5 {
        margin-bottom: calc(var(--spacing) * 5);
    }
    .mb-6 {
        margin-bottom: calc(var(--spacing) * 6);
    }
    .mb-8 {
        margin-bottom: calc(var(--spacing) * 8);
    }
    .mb-10 {
        margin-bottom: calc(var(--spacing) * 10);
    }
    .mb-12 {
        margin-bottom: calc(var(--spacing) * 12);
    }
    .mb-14 {
        margin-bottom: calc(var(--spacing) * 14);
    }
    .mb-16 {
        margin-bottom: calc(var(--spacing) * 16);
    }
    .no-container {
        width: 100vw;
        margin-left: 50%;
        transform: translateX(-50%);
    }
    .ml-0 {
        margin-left: calc(var(--spacing) * 0);
    }
    .ml-4 {
        margin-left: calc(var(--spacing) * 4);
    }
    .ml-10 {
        margin-left: calc(var(--spacing) * 10);
    }
    .ml-16 {
        margin-left: calc(var(--spacing) * 16);
    }
    .facility-slider {
        & .number-bordered {
            display: flex;
            width: 100%;
            flex-direction: row;
            align-items: center;
            column-gap: calc(var(--spacing) * 5);
            border-style: var(--tw-border-style);
            border-width: 1px;
            border-color: var(--color-aeblack-100);
            background-color: var(--color-whitely-50);
            padding: calc(var(--spacing) * 4);
            @media (width>=48rem) {
                padding: calc(var(--spacing) * 5);
            }
            @media (width>=64rem) {
                padding: calc(var(--spacing) * 6);
            }
        }
        & .number-bordered .icon {
            display: flex;
            aspect-ratio: 1 / 1;
            height: calc(var(--spacing) * 14);
            width: calc(var(--spacing) * 14);
            align-items: center;
            justify-content: center;
            border-radius: var(--radius-sm);
            background-color: var(--color-primary-600);
            fill: var(--color-whitely-50);
            color: var(--color-whitely-50);
            @media (width>=48rem) {
                height: calc(var(--spacing) * 20);
            }
            @media (width>=48rem) {
                width: calc(var(--spacing) * 20);
            }
        }
        & .number-bordered .titles h5 {
            --tw-font-weight: var(--font-weight-medium);
            font-weight: var(--font-weight-medium);
        }
        & .slick-dots li button {
            background-color: var(--color-primary-300);
        }
        & .slick-dots li.slick-active button {
            background-color: var(--color-primary-700);
            --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        }
    }
    .number-bordered {
        .facility-slider & {
            display: flex;
            width: 100%;
            flex-direction: row;
            align-items: center;
            column-gap: calc(var(--spacing) * 5);
            border-style: var(--tw-border-style);
            border-width: 1px;
            border-color: var(--color-aeblack-100);
            background-color: var(--color-whitely-50);
            padding: calc(var(--spacing) * 4);
            @media (width>=48rem) {
                padding: calc(var(--spacing) * 5);
            }
            @media (width>=64rem) {
                padding: calc(var(--spacing) * 6);
            }
        }
        .facility-slider & .icon {
            display: flex;
            aspect-ratio: 1 / 1;
            height: calc(var(--spacing) * 14);
            width: calc(var(--spacing) * 14);
            align-items: center;
            justify-content: center;
            border-radius: var(--radius-sm);
            background-color: var(--color-primary-600);
            fill: var(--color-whitely-50);
            color: var(--color-whitely-50);
            @media (width>=48rem) {
                height: calc(var(--spacing) * 20);
            }
            @media (width>=48rem) {
                width: calc(var(--spacing) * 20);
            }
        }
        .facility-slider & .titles h5 {
            --tw-font-weight: var(--font-weight-medium);
            font-weight: var(--font-weight-medium);
        }
    }
    .core-value-slide {
        & .card-bordered {
            background-color: var(--color-primary-600);
            color: var(--color-whitely-50);
        }
        & .card-bordered svg {
            color: var(--color-secondary-50);
        }
        & .core-value-border {
            display: flex;
            align-items: center;
            column-gap: calc(var(--spacing) * 5);
            border-color: var(--color-secondary-100);
            background-color: var(--color-whitely-50);
            padding: calc(var(--spacing) * 4);
            @media (width>=48rem) {
                padding: calc(var(--spacing) * 5);
            }
            @media (width>=64rem) {
                padding: calc(var(--spacing) * 6);
            }
        }
        & .core-value-border .icon {
            display: flex;
            aspect-ratio: 1 / 1;
            height: calc(var(--spacing) * 14);
            width: calc(var(--spacing) * 14);
            align-items: center;
            justify-content: center;
            border-radius: var(--radius-sm);
            background-color: var(--color-primary-600);
            fill: var(--color-whitely-50);
            color: var(--color-whitely-50);
            @media (width>=48rem) {
                height: calc(var(--spacing) * 20);
            }
            @media (width>=48rem) {
                width: calc(var(--spacing) * 20);
            }
        }
    }
    .core-value-border {
        .core-value-slide & {
            display: flex;
            align-items: center;
            column-gap: calc(var(--spacing) * 5);
            border-color: var(--color-secondary-100);
            background-color: var(--color-whitely-50);
            padding: calc(var(--spacing) * 4);
            @media (width>=48rem) {
                padding: calc(var(--spacing) * 5);
            }
            @media (width>=64rem) {
                padding: calc(var(--spacing) * 6);
            }
        }
        .core-value-slide & .icon {
            display: flex;
            aspect-ratio: 1 / 1;
            height: calc(var(--spacing) * 14);
            width: calc(var(--spacing) * 14);
            align-items: center;
            justify-content: center;
            border-radius: var(--radius-sm);
            background-color: var(--color-primary-600);
            fill: var(--color-whitely-50);
            color: var(--color-whitely-50);
            @media (width>=48rem) {
                height: calc(var(--spacing) * 20);
            }
            @media (width>=48rem) {
                width: calc(var(--spacing) * 20);
            }
        }
    }
    .icon {
        .core-value-slide .core-value-border & {
            display: flex;
            aspect-ratio: 1 / 1;
            height: calc(var(--spacing) * 14);
            width: calc(var(--spacing) * 14);
            align-items: center;
            justify-content: center;
            border-radius: var(--radius-sm);
            background-color: var(--color-primary-600);
            fill: var(--color-whitely-50);
            color: var(--color-whitely-50);
            @media (width>=48rem) {
                height: calc(var(--spacing) * 20);
            }
            @media (width>=48rem) {
                width: calc(var(--spacing) * 20);
            }
        }
        .facility-slider .number-bordered & {
            display: flex;
            aspect-ratio: 1 / 1;
            height: calc(var(--spacing) * 14);
            width: calc(var(--spacing) * 14);
            align-items: center;
            justify-content: center;
            border-radius: var(--radius-sm);
            background-color: var(--color-primary-600);
            fill: var(--color-whitely-50);
            color: var(--color-whitely-50);
            @media (width>=48rem) {
                height: calc(var(--spacing) * 20);
            }
            @media (width>=48rem) {
                width: calc(var(--spacing) * 20);
            }
        }
    }
    .aegov-accordion {
        --accordion-item-border: var(--color-aeblack-100);
        --accordion-title-fg: var(--color-aeblack-800);
        --accordion-title-fg-hover: var(--color-primary-600);
        --accordion-title-fg-active: var(--color-primary-700);
        --accordion-content-fg: var(--color-aeblack-800);
        --accordion-focus-ring: var(--color-primary-support-600);
        & .accordion-item {
            border-bottom-color: var(--accordion-item-border);
            border-bottom-style: var(--tw-border-style);
            border-bottom-width: 1px;
        }
        & .accordion-title button {
            color: var(--accordion-title-fg);
            display: flex;
            width: 100%;
            flex-wrap: nowrap;
            align-items: flex-start;
            justify-content: space-between;
            column-gap: calc(var(--spacing) * 4);
            text-align: start;
            font-size: var(--text-base);
            line-height: var(--tw-leading, var(--text-base--line-height));
            --tw-font-weight: var(--font-weight-semibold);
            font-weight: var(--font-weight-semibold);
            transition-property: all;
            transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
            transition-duration: var(--tw-duration, var(--default-transition-duration));
            &:hover {
                color: var(--accordion-title-fg-hover);
            }
            &.accordion-active {
                color: var(--accordion-title-fg-active);
            }
            & svg {
                color: inherit;
                height: calc(var(--spacing) * 6);
                width: calc(var(--spacing) * 6);
                flex-shrink: 0;
                fill: currentcolor;
            }
        }
        & .accordion-content {
            color: var(--accordion-content-fg);
            & .accordion-content-body {
                font-size: var(--text-base);
                line-height: var(--tw-leading, var(--text-base--line-height));
            }
        }
        &:not(.aegov-mobile-accordion) {
            & .accordion-title button {
                padding-inline: calc(var(--spacing) * 3);
                padding-block: calc(var(--spacing) * 4);
                @media (width>=48rem) {
                    padding-block: calc(var(--spacing) * 5);
                }
                @media (width>=80rem) {
                    padding-block: calc(var(--spacing) * 6);
                }
                &:focus-visible {
                    outline-style: solid;
                    outline-width: 2px;
                    outline-offset: 0px;
                    outline-color: var(--color-primary-support-600);
                }
            }
            & .accordion-content .accordion-content-body {
                padding-inline: calc(var(--spacing) * 3);
                padding-block: calc(var(--spacing) * 4);
                @media (width>=48rem) {
                    padding-block: calc(var(--spacing) * 5);
                }
                @media (width>=80rem) {
                    padding-block: calc(var(--spacing) * 6);
                }
            }
        }
    }
    .has-link-icon {
        & a {
            display: inline-flex;
            align-items: center;
            gap: calc(var(--spacing) * 2);
            text-decoration-line: none;
            & svg {
                height: calc(var(--spacing) * 4);
                width: calc(var(--spacing) * 4);
                flex-shrink: 0;
                @media (width>=80rem) {
                    height: calc(var(--spacing) * 5);
                }
                @media (width>=80rem) {
                    width: calc(var(--spacing) * 5);
                }
            }
        }
    }
    .footer-contact {
        @media (width < 64rem) {
            text-align: center;
        }
        @media (width < 40rem) {
            padding-block: calc(var(--spacing) * 8);
        }
        & li {
            width: 100%;
            justify-content: center;
            padding-block: calc(var(--spacing) * 3);
            @media (width>=80rem) {
                padding-inline: calc(var(--spacing) * 8);
            }
            &>a {
                color: var(--footer-contact-link-fg);
                --tw-font-weight: var(--font-weight-bold);
                font-weight: var(--font-weight-bold);
                &:hover {
                    color: var(--footer-contact-link-fg-hover);
                }
            }
            & svg {
                display: inline-block;
                height: calc(var(--spacing) * 4);
                width: calc(var(--spacing) * 4);
                flex-shrink: 0;
            }
        }
    }
    .alert-controls {
        display: flex;
        align-items: center;
        gap: calc(var(--spacing) * 3);
        .alert-button,
        .alert-play {
            display: flex;
            height: calc(var(--spacing) * 7);
            width: calc(var(--spacing) * 7);
            align-items: center;
            justify-content: center;
            color: var(--color-aered-600);
            &:hover {
                @media (hover: hover) {
                    color: var(--color-aered-700);
                }
            }
            &:focus-visible {
                --tw-ring-color: var(--color-aered-700) !important;
            }
        }
    }
    .aegov-badge {
        display: inline-flex;
        align-items: center;
        gap: calc(var(--spacing) * 2);
        border-radius: 0.25rem;
        padding-inline: calc(var(--spacing) * 2);
        padding-block: calc(var(--spacing) * 0.5);
        font-size: var(--text-sm);
        line-height: calc(var(--spacing) * 6);
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
        white-space: nowrap;
        background-color: var(--badge-bg);
        color: var(--badge-fg);
        --tw-ring-color: var(--badge-focus-ring);
        --badge-bg: var(--color-primary-50);
        --badge-fg: var(--color-primary-700);
        --badge-focus-ring: var(--color-primary-700);
        --badge-bg-hover: var(--color-primary-200);
        & .badge-icon {
            height: calc(var(--spacing) * 5);
            width: calc(var(--spacing) * 5);
            color: var(--badge-fg);
        }
        &>.badge-dismiss>button {
            &:focus-visible {
                outline-style: solid;
                outline-width: 2px;
                outline-offset: 2px;
                outline-color: var(--badge-focus-ring);
            }
        }
        &.badge-solid {
            --badge-bg: var(--color-primary-600);
            --badge-fg: var(--color-whitely-50);
            --badge-focus-ring: var(--color-whitely-50);
            --badge-bg-hover: var(--color-primary-700);
        }
        &.badge-success {
            --badge-bg: var(--color-aegreen-50);
            --badge-fg: var(--color-aegreen-700);
            --badge-focus-ring: var(--color-aegreen-700);
            --badge-bg-hover: var(--color-aegreen-200);
            &.badge-solid {
                --badge-bg: var(--color-aegreen-600);
                --badge-fg: var(--color-whitely-50);
                --badge-focus-ring: var(--color-whitely-50);
                --badge-bg-hover: var(--color-aegreen-700);
            }
        }
        &.badge-info {
            --badge-bg: var(--color-techblue-50);
            --badge-fg: var(--color-techblue-700);
            --badge-focus-ring: var(--color-techblue-700);
            --badge-bg-hover: var(--color-techblue-200);
            &.badge-solid {
                --badge-bg: var(--color-techblue-600);
                --badge-fg: var(--color-whitely-50);
                --badge-focus-ring: var(--color-whitely-50);
                --badge-bg-hover: var(--color-techblue-700);
            }
        }
        &.badge-warning {
            --badge-bg: var(--color-camel-50);
            --badge-fg: var(--color-camel-700);
            --badge-focus-ring: var(--color-camel-700);
            --badge-bg-hover: var(--color-camel-200);
            &.badge-solid {
                --badge-bg: var(--color-camel-600);
                --badge-fg: var(--color-whitely-50);
                --badge-focus-ring: var(--color-whitely-50);
                --badge-bg-hover: var(--color-camel-700);
            }
        }
        &.badge-error {
            --badge-bg: var(--color-aered-50);
            --badge-fg: var(--color-aered-700);
            --badge-focus-ring: var(--color-aered-700);
            --badge-bg-hover: var(--color-aered-200);
            &.badge-solid {
                --badge-bg: var(--color-aered-600);
                --badge-fg: var(--color-whitely-50);
                --badge-focus-ring: var(--color-whitely-50);
                --badge-bg-hover: var(--color-aered-700);
            }
        }
        &.badge-base {
            border-radius: 0.25rem;
            padding-inline: calc(var(--spacing) * 2);
            padding-block: calc(var(--spacing) * 0.5);
            font-size: var(--text-sm);
            line-height: calc(var(--spacing) * 6);
            &>span.badge-indicator {
                height: calc(var(--spacing) * 2.5);
                width: calc(var(--spacing) * 2.5);
            }
        }
        &.badge-lg {
            border-radius: 0.25rem;
            padding-inline: calc(var(--spacing) * 4);
            padding-block: calc(var(--spacing) * 1.5);
            font-size: var(--text-base);
            line-height: calc(var(--spacing) * 6);
            &>span.badge-indicator {
                height: calc(var(--spacing) * 3);
                width: calc(var(--spacing) * 3);
            }
        }
        a& {
            &:hover {
                background-color: var(--badge-bg-hover);
            }
        }
    }
    .dropdown-item {
        display: flex;
        align-items: center;
        gap: calc(var(--spacing) * 3);
        border-radius: 0;
        padding-inline: calc(var(--spacing) * 3);
        padding-block: calc(var(--spacing) * 2);
        color: inherit;
        text-decoration-line: none;
        &:visited {
            color: inherit;
        }
        &:hover {
            @media (hover: hover) {
                color: inherit;
            }
            background-color: var(--dropdown-item-bg-hover);
        }
        &:active {
            color: inherit;
        }
        & svg {
            height: calc(var(--spacing) * 5);
            width: calc(var(--spacing) * 5);
            color: currentcolor;
        }
    }
    .social-sharing {
        display: flex;
        align-items: center;
        gap: calc(var(--spacing) * 6);
        & a {
            color: var(--footer-social-link-fg);
            &:hover {
                color: var(--footer-social-link-fg-hover);
            }
        }
        & svg {
            display: inline-block;
            height: calc(var(--spacing) * 8);
            width: calc(var(--spacing) * 8);
        }
    }
    .hamburger-icon {
        & svg {
            display: inline-flex;
            height: calc(var(--spacing) * 8);
            width: calc(var(--spacing) * 8);
        }
    }
    .logo {
        & img {
            display: block;
            max-height: calc(var(--spacing) * 12);
            max-width: 8.75rem;
            @media (width>=40rem) {
                max-height: calc(var(--spacing) * 14);
            }
            @media (width>=40rem) {
                max-width: 10.625rem;
            }
            @media (width>=48rem) {
                max-height: calc(var(--spacing) * 16);
            }
            @media (width>=48rem) {
                max-width: 11.25rem;
            }
            @media (width>=64rem) {
                max-height: 4.688rem;
            }
            @media (width>=64rem) {
                max-width: 13rem;
            }
            @media (width>=80rem) {
                max-height: calc(var(--spacing) * 20);
            }
            @media (width>=80rem) {
                max-width: 15rem;
            }
            @media (width>=96rem) {
                max-height: calc(var(--spacing) * 24);
            }
            @media (width>=96rem) {
                max-width: 25rem;
            }
        }
    }
    .vertical-tab {
        display: flex;
        flex-direction: column;
        li {
            border-bottom-style: var(--tw-border-style);
            border-bottom-width: 1px;
            border-bottom-color: var(--color-aeblack-100);
            &:last-child {
                border-bottom-style: var(--tw-border-style);
                border-bottom-width: 0px;
            }
            a {
                display: block;
                border-radius: 0;
                border-inline-start-style: var(--tw-border-style);
                border-inline-start-width: 4px;
                border-inline-start-color: transparent;
                padding-inline: calc(var(--spacing) * 4);
                padding-block: calc(var(--spacing) * 3);
                --tw-font-weight: var(--font-weight-medium);
                font-weight: var(--font-weight-medium);
                color: var(--color-aeblack-600);
                text-decoration-line: none;
                &:hover {
                    @media (hover: hover) {
                        background-color: var(--color-ehs-athens-gray);
                    }
                }
                &[aria-selected='true'] {
                    border-inline-start-color: var(--color-primary-600);
                    color: var(--color-primary-600);
                }
            }
        }
    }
    .label-card {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: calc(var(--spacing) * 2);
        & span {
            display: inline-flex;
            border-radius: var(--radius-lg);
            background-color: var(--color-lilac-50);
            padding-inline: calc(var(--spacing) * 3);
            padding-block: calc(var(--spacing) * 1);
            line-height: var(--text-xs--line-height);
            font-weight: var(--text-xs-weight);
            font-size: var(--text-xs);
            line-height: var(--tw-leading, var(--text-xs--line-height));
            color: var(--color-primary-600);
        }
    }
    .header-common-links {
        & li:not(:last-child):before {
            background-color: var(--color-primary-300);
        }
        & a {
            color: var(--color-aeblack-700);
            display: flex;
            align-items: center;
            gap: calc(var(--spacing) * 3);
            font-size: var(--text-sm);
            line-height: var(--tw-leading, var(--text-sm--line-height));
            --tw-font-weight: var(--font-weight-medium);
            font-weight: var(--font-weight-medium);
            text-decoration-line: none;
            &:hover {
                color: var(--color-primary-500);
            }
        }
    }
    .inline-with-gap {
        display: inline-flex;
        align-items: center;
        gap: calc(var(--spacing) * 3);
    }
    .menu-item {
        [dir="rtl"] .aegov-header .main-navigation .nav-menu>& {
            &>a {
                --tw-font-weight: var(--font-weight-medium);
                font-weight: var(--font-weight-medium);
                @media (width>=64rem) {
                    font-size: var(--text-xs);
                    line-height: var(--tw-leading, var(--text-xs--line-height));
                }
                @media (width>=64rem) {
                    --tw-font-weight: var(--font-weight-bold);
                    font-weight: var(--font-weight-bold);
                }
                @media (width>=80rem) {
                    font-size: var(--text-sm);
                    line-height: var(--tw-leading, var(--text-sm--line-height));
                }
                @media (width>=96rem) {
                    font-size: var(--text-base);
                    line-height: var(--tw-leading, var(--text-base--line-height));
                }
            }
            &.menu-item-has-children>a {
                gap: calc(var(--spacing) * 1);
                @media (width>=64rem) {
                    gap: calc(var(--spacing) * 2);
                }
            }
            &:first-child>a>span {
                display: none;
            }
        }
    }
    .nav-menu {
        [dir="rtl"] .aegov-header .main-navigation &>.menu-item {
            &>a {
                --tw-font-weight: var(--font-weight-medium);
                font-weight: var(--font-weight-medium);
                @media (width>=64rem) {
                    font-size: var(--text-xs);
                    line-height: var(--tw-leading, var(--text-xs--line-height));
                }
                @media (width>=64rem) {
                    --tw-font-weight: var(--font-weight-bold);
                    font-weight: var(--font-weight-bold);
                }
                @media (width>=80rem) {
                    font-size: var(--text-sm);
                    line-height: var(--tw-leading, var(--text-sm--line-height));
                }
                @media (width>=96rem) {
                    font-size: var(--text-base);
                    line-height: var(--tw-leading, var(--text-base--line-height));
                }
            }
            &.menu-item-has-children>a {
                gap: calc(var(--spacing) * 1);
                @media (width>=64rem) {
                    gap: calc(var(--spacing) * 2);
                }
            }
            &:first-child>a>span {
                display: none;
            }
        }
    }
    .line-clamp-1 {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
    }
    .line-clamp-2 {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }
    .line-clamp-3 {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }
    .line-clamp-4 {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
    }
    .block {
        display: block;
    }
    .contents {
        display: contents;
    }
    .flex {
        display: flex;
    }
    .grid {
        display: grid;
    }
    .hidden {
        display: none;
    }
    .inline {
        display: inline;
    }
    .inline-block {
        display: inline-block;
    }
    .inline-flex {
        display: inline-flex;
    }
    .table {
        display: table;
    }
    .home-supportive-logo {
        & .slick-slide img {
            aspect-ratio: var(--aspect-video);
            object-fit: contain;
        }
    }
    .aspect-\[4\/2\] {
        aspect-ratio: 4/2;
    }
    .aspect-\[6\/4\] {
        aspect-ratio: 6/4;
    }
    .aspect-\[6\/5\] {
        aspect-ratio: 6/5;
    }
    .aspect-auto {
        aspect-ratio: auto;
    }
    .aspect-square {
        aspect-ratio: 1 / 1;
    }
    .aspect-video {
        aspect-ratio: var(--aspect-video);
    }
    .btn-base {
        height: calc(var(--spacing) * 12);
        gap: calc(var(--spacing) * 2);
        padding-inline: calc(var(--spacing) * 6);
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
        &>svg {
            height: calc(var(--spacing) * 6);
            width: calc(var(--spacing) * 6);
        }
        &:has(svg) {
            padding-inline: calc(var(--spacing) * 5);
        }
        &:has(svg+svg) {
            padding-inline: calc(var(--spacing) * 4);
        }
        &>img {
            height: calc(var(--spacing) * 6);
            width: calc(var(--spacing) * 6);
        }
        &:has(img) {
            padding-inline: calc(var(--spacing) * 5);
        }
        &:has(img+img) {
            padding-inline: calc(var(--spacing) * 4);
        }
        &.btn-icon {
            width: calc(var(--spacing) * 12);
            gap: calc(var(--spacing) * 0);
            padding-inline: calc(var(--spacing) * 0);
        }
    }
    .btn-lg {
        height: calc(var(--spacing) * 13);
        gap: calc(var(--spacing) * 3);
        padding-inline: calc(var(--spacing) * 7);
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height));
        &>svg,
        &>img {
            height: calc(var(--spacing) * 7);
            width: calc(var(--spacing) * 7);
        }
        &:has(svg),
        &:has(img) {
            padding-inline: calc(var(--spacing) * 6);
        }
        &:has(svg+svg),
        &:has(img+img) {
            padding-inline: calc(var(--spacing) * 5);
        }
        &.btn-icon {
            width: calc(var(--spacing) * 13);
        }
    }
    .btn-sm {
        height: calc(var(--spacing) * 10);
        border-radius: var(--radius-md);
        padding-inline: calc(var(--spacing) * 5);
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
        &>svg,
        &>img {
            height: calc(var(--spacing) * 5);
            width: calc(var(--spacing) * 5);
        }
        &:has(svg),
        &:has(img) {
            padding-inline: calc(var(--spacing) * 4);
        }
        &:has(svg+svg),
        &:has(img+img) {
            padding-inline: calc(var(--spacing) * 3);
        }
        &.btn-icon {
            width: calc(var(--spacing) * 10);
        }
    }
    .btn-xs {
        height: calc(var(--spacing) * 8);
        border-radius: 0.25rem;
        padding-inline: calc(var(--spacing) * 4);
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        &>svg,
        &>img {
            height: calc(var(--spacing) * 4.5);
            width: calc(var(--spacing) * 4.5);
        }
        &:has(svg),
        &:has(img) {
            padding-inline: calc(var(--spacing) * 3);
        }
        &:has(svg+svg),
        &:has(img+img) {
            padding-inline: calc(var(--spacing) * 2);
        }
        &.btn-icon {
            width: calc(var(--spacing) * 8);
        }
    }
    .rectangle-box {
        height: 200px;
        width: 300px;
        background-color: var(--color-primary-50);
        padding: calc(var(--spacing) * 7);
        color: var(--color-whitely-50);
    }
    .control-lg {
        && {
            & label {
                font-size: var(--text-base);
                line-height: var(--tw-leading, var(--text-base--line-height));
            }
            & .form-control-input {
                font-size: var(--text-lg);
                line-height: var(--tw-leading, var(--text-lg--line-height));
                & input,
                & select,
                & textarea {
                    padding-block: calc(var(--spacing) * 4);
                    font-size: var(--text-lg);
                    line-height: var(--tw-leading, var(--text-lg--line-height));
                }
                & input[type="file"] {
                    height: calc(var(--spacing) * 14);
                    font-size: var(--text-lg);
                    line-height: var(--tw-leading, var(--text-lg--line-height));
                    &::file-selector-button {
                        padding-block: calc(var(--spacing) * 4);
                    }
                }
                & .control-prefix,
                & .control-suffix {
                    &>svg {
                        height: calc(var(--spacing) * 7);
                        width: calc(var(--spacing) * 7);
                    }
                }
            }
        }
    }
    .control-sm {
        && {
            & .form-control-input {
                font-size: var(--text-sm);
                line-height: var(--tw-leading, var(--text-sm--line-height));
                & input,
                & select,
                & textarea {
                    padding-block: calc(var(--spacing) * 2.5);
                    --tw-leading: calc(var(--spacing) * 4);
                    line-height: calc(var(--spacing) * 4);
                    font-size: var(--text-sm);
                }
                & input[type="file"] {
                    height: calc(var(--spacing) * 10);
                    --tw-leading: calc(var(--spacing) * 4);
                    line-height: calc(var(--spacing) * 4);
                    &::file-selector-button {
                        padding-block: calc(var(--spacing) * 2.5);
                    }
                    font-size: var(--text-sm);
                }
                & .control-prefix,
                & .control-suffix {
                    &>svg {
                        height: calc(var(--spacing) * 5);
                        width: calc(var(--spacing) * 5);
                    }
                }
            }
        }
    }
    .secondary-logo {
        height: calc(var(--spacing) * 8);
        object-fit: contain;
        @media (width>=48rem) {
            height: calc(var(--spacing) * 12);
        }
        @media (width>=64rem) {
            height: calc(var(--spacing) * 14);
        }
        @media (width>=80rem) {
            height: 4.5rem;
        }
    }
    .\ !h-6 {
        height: calc(var(--spacing) * 6) !important;
    }
    .\ !h-auto {
        height: auto !important;
    }
    .h-1\/2 {
        height: calc(1 / 2 * 100%);
    }
    .h-1\/3 {
        height: calc(1 / 3 * 100%);
    }
    .h-2 {
        height: calc(var(--spacing) * 2);
    }
    .h-3 {
        height: calc(var(--spacing) * 3);
    }
    .h-4 {
        height: calc(var(--spacing) * 4);
    }
    .h-5 {
        height: calc(var(--spacing) * 5);
    }
    .h-6 {
        height: calc(var(--spacing) * 6);
    }
    .h-7 {
        height: calc(var(--spacing) * 7);
    }
    .h-8 {
        height: calc(var(--spacing) * 8);
    }
    .h-10 {
        height: calc(var(--spacing) * 10);
    }
    .h-12 {
        height: calc(var(--spacing) * 12);
    }
    .h-14 {
        height: calc(var(--spacing) * 14);
    }
    .h-16 {
        height: calc(var(--spacing) * 16);
    }
    .h-20 {
        height: calc(var(--spacing) * 20);
    }
    .h-28 {
        height: calc(var(--spacing) * 28);
    }
    .h-32 {
        height: calc(var(--spacing) * 32);
    }
    .h-36 {
        height: calc(var(--spacing) * 36);
    }
    .h-40 {
        height: calc(var(--spacing) * 40);
    }
    .h-48 {
        height: calc(var(--spacing) * 48);
    }
    .h-50 {
        height: calc(var(--spacing) * 50);
    }
    .h-52 {
        height: calc(var(--spacing) * 52);
    }
    .h-55 {
        height: calc(var(--spacing) * 55);
    }
    .h-56 {
        height: calc(var(--spacing) * 56);
    }
    .h-60 {
        height: calc(var(--spacing) * 60);
    }
    .h-64 {
        height: calc(var(--spacing) * 64);
    }
    .h-72 {
        height: calc(var(--spacing) * 72);
    }
    .h-80 {
        height: calc(var(--spacing) * 80);
    }
    .h-96 {
        height: calc(var(--spacing) * 96);
    }
    .h-\[20rem\] {
        height: 20rem;
    }
    .h-\[22rem\] {
        height: 22rem;
    }
    .h-\[400px\] {
        height: 400px;
    }
    .h-\[600px\] {
        height: 600px;
    }
    .h-auto {
        height: auto;
    }
    .h-full {
        height: 100%;
    }
    .h-max {
        height: max-content;
    }
    .h-screen {
        height: 100vh;
    }
    .summit-conference-agenda {
        .accordion-content {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s ease-in-out;
        }
        .accordion-item.active .accordion-content {
            max-height: 1500px;
        }
        .accordion-arrow {
            transform: rotate(0deg);
            transition: transform 0.3s ease-in-out;
        }
        .accordion-item.active .accordion-arrow {
            transform: rotate(180deg);
        }
    }
    .max-h-80 {
        max-height: calc(var(--spacing) * 80);
    }
    .max-h-86 {
        max-height: calc(var(--spacing) * 86);
    }
    .max-h-\[32rem\] {
        max-height: 32rem;
    }
    .max-h-\[502px\] {
        max-height: 502px;
    }
    .max-h-full {
        max-height: 100%;
    }
    .max-h-min {
        max-height: min-content;
    }
    .min-h-2 {
        min-height: calc(var(--spacing) * 2);
    }
    .min-h-72 {
        min-height: calc(var(--spacing) * 72);
    }
    .min-h-96 {
        min-height: calc(var(--spacing) * 96);
    }
    .min-h-\[1em\] {
        min-height: 1em;
    }
    .min-h-\[33\.5rem\] {
        min-height: 33.5rem;
    }
    .min-h-screen {
        min-height: 100vh;
    }
    .btn-icon {
        width: calc(var(--spacing) * 12);
        gap: calc(var(--spacing) * 0);
        padding-inline: calc(var(--spacing) * 0);
    }
    .\ !w-6 {
        width: calc(var(--spacing) * 6) !important;
    }
    .\ !w-40 {
        width: calc(var(--spacing) * 40) !important;
    }
    .\ !w-full {
        width: 100% !important;
    }
    .w-0\.5 {
        width: calc(var(--spacing) * 0.5);
    }
    .w-1\/2 {
        width: calc(1 / 2 * 100%);
    }
    .w-2 {
        width: calc(var(--spacing) * 2);
    }
    .w-2\/3 {
        width: calc(2 / 3 * 100%);
    }
    .w-2\/4 {
        width: calc(2 / 4 * 100%);
    }
    .w-2\/5 {
        width: calc(2 / 5 * 100%);
    }
    .w-3 {
        width: calc(var(--spacing) * 3);
    }
    .w-3\/4 {
        width: calc(3 / 4 * 100%);
    }
    .w-4 {
        width: calc(var(--spacing) * 4);
    }
    .w-4\/5 {
        width: calc(4 / 5 * 100%);
    }
    .w-5 {
        width: calc(var(--spacing) * 5);
    }
    .w-6 {
        width: calc(var(--spacing) * 6);
    }
    .w-7 {
        width: calc(var(--spacing) * 7);
    }
    .w-8 {
        width: calc(var(--spacing) * 8);
    }
    .w-10 {
        width: calc(var(--spacing) * 10);
    }
    .w-10\/12 {
        width: calc(10 / 12 * 100%);
    }
    .w-12 {
        width: calc(var(--spacing) * 12);
    }
    .w-14 {
        width: calc(var(--spacing) * 14);
    }
    .w-16 {
        width: calc(var(--spacing) * 16);
    }
    .w-20 {
        width: calc(var(--spacing) * 20);
    }
    .w-28 {
        width: calc(var(--spacing) * 28);
    }
    .w-30 {
        width: calc(var(--spacing) * 30);
    }
    .w-36 {
        width: calc(var(--spacing) * 36);
    }
    .w-40 {
        width: calc(var(--spacing) * 40);
    }
    .w-44 {
        width: calc(var(--spacing) * 44);
    }
    .w-45 {
        width: calc(var(--spacing) * 45);
    }
    .w-48 {
        width: calc(var(--spacing) * 48);
    }
    .w-50 {
        width: calc(var(--spacing) * 50);
    }
    .w-52 {
        width: calc(var(--spacing) * 52);
    }
    .w-56 {
        width: calc(var(--spacing) * 56);
    }
    .w-58 {
        width: calc(var(--spacing) * 58);
    }
    .w-64 {
        width: calc(var(--spacing) * 64);
    }
    .w-80 {
        width: calc(var(--spacing) * 80);
    }
    .w-96 {
        width: calc(var(--spacing) * 96);
    }
    .w-auto {
        width: auto;
    }
    .w-full {
        width: 100%;
    }
    .w-px {
        width: 1px;
    }
    .w-screen {
        width: 100vw;
    }
    .max-w-3xl {
        max-width: var(--container-3xl);
    }
    .max-w-4xl {
        max-width: var(--container-4xl);
    }
    .max-w-5xl {
        max-width: var(--container-5xl);
    }
    .max-w-6xl {
        max-width: var(--container-6xl);
    }
    .max-w-7xl {
        max-width: var(--container-7xl);
    }
    .max-w-\[130px\] {
        max-width: 130px;
    }
    .max-w-\[132px\] {
        max-width: 132px;
    }
    .max-w-\[200px\] {
        max-width: 200px;
    }
    .max-w-\[220px\] {
        max-width: 220px;
    }
    .max-w-\[599px\] {
        max-width: 599px;
    }
    .max-w-\[780px\] {
        max-width: 780px;
    }
    .max-w-\[923px\] {
        max-width: 923px;
    }
    .max-w-full {
        max-width: 100%;
    }
    .max-w-max {
        max-width: max-content;
    }
    .max-w-xs {
        max-width: var(--container-xs);
    }
    .min-w-12 {
        min-width: calc(var(--spacing) * 12);
    }
    .min-w-\[32px\] {
        min-width: 32px;
    }
    .min-w-fit {
        min-width: fit-content;
    }
    .min-w-screen {
        min-width: 100vw;
    }
    .flex-1 {
        flex: 1;
    }
    .flex-2 {
        flex: 2;
    }
    .flex-shrink-0 {
        flex-shrink: 0;
    }
    .flex-grow {
        flex-grow: 1;
    }
    .grow {
        flex-grow: 1;
    }
    .table-auto {
        table-layout: auto;
    }
    .border-collapse {
        border-collapse: collapse;
    }
    .-translate-x-1\/2 {
        --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .translate-x-\[-50\%\] {
        --tw-translate-x: -50%;
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .-translate-y-1\/2 {
        --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .translate-y-\[-50\%\] {
        --tw-translate-y: -50%;
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .-scale-x-110 {
        --tw-scale-x: calc(110% * -1);
        scale: var(--tw-scale-x) var(--tw-scale-y);
    }
    .\ !rotate-190 {
        rotate: 190deg !important;
    }
    .rotate-0 {
        rotate: 0deg;
    }
    .rotate-180 {
        rotate: 180deg;
    }
    .\ !transform-none {
        transform: none !important;
    }
    .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 !important;
    }
    .cursor-pointer {
        cursor: pointer;
    }
    .resize {
        resize: both;
    }
    .list-inside {
        list-style-position: inside;
    }
    .list-outside {
        list-style-position: outside;
    }
    .list-decimal {
        list-style-type: decimal;
    }
    .list-disc {
        list-style-type: disc;
    }
    .list-none {
        list-style-type: none;
    }
    .columns-1 {
        columns: 1;
    }
    .grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .grid-cols-12 {
        grid-template-columns: repeat(12, minmax(0, 1fr));
    }
    .flex-col {
        flex-direction: column;
    }
    .flex-row {
        flex-direction: row;
    }
    .flex-wrap {
        flex-wrap: wrap;
    }
    .place-items-start {
        place-items: start;
    }
    .content-between {
        align-content: space-between;
    }
    .content-center {
        align-content: center;
    }
    .content-end {
        align-content: flex-end;
    }
    .items-center {
        align-items: center;
    }
    .items-end {
        align-items: flex-end;
    }
    .items-start {
        align-items: flex-start;
    }
    .justify-around {
        justify-content: space-around;
    }
    .justify-between {
        justify-content: space-between;
    }
    .justify-center {
        justify-content: center;
    }
    .justify-end {
        justify-content: flex-end;
    }
    .justify-normal {
        justify-content: normal;
    }
    .justify-start {
        justify-content: flex-start;
    }
    .justify-items-center {
        justify-items: center;
    }
    .gap-0 {
        gap: calc(var(--spacing) * 0);
    }
    .gap-1 {
        gap: calc(var(--spacing) * 1);
    }
    .gap-2 {
        gap: calc(var(--spacing) * 2);
    }
    .gap-3 {
        gap: calc(var(--spacing) * 3);
    }
    .gap-4 {
        gap: calc(var(--spacing) * 4);
    }
    .gap-5 {
        gap: calc(var(--spacing) * 5);
    }
    .gap-6 {
        gap: calc(var(--spacing) * 6);
    }
    .gap-8 {
        gap: calc(var(--spacing) * 8);
    }
    .gap-10 {
        gap: calc(var(--spacing) * 10);
    }
    .gap-16 {
        gap: calc(var(--spacing) * 16);
    }
    .gap-20 {
        gap: calc(var(--spacing) * 20);
    }
    .space-y-1 {
        :where(&>: not(:last-child)) {
            --tw-space-y-reverse: 0;
            margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
            margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
        }
    }
    .space-y-1\.5 {
        :where(&>: not(:last-child)) {
            --tw-space-y-reverse: 0;
            margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
            margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
        }
    }
    .space-y-2 {
        :where(&>: not(:last-child)) {
            --tw-space-y-reverse: 0;
            margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
            margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
        }
    }
    .space-y-3 {
        :where(&>: not(:last-child)) {
            --tw-space-y-reverse: 0;
            margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
            margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
        }
    }
    .space-y-4 {
        :where(&>: not(:last-child)) {
            --tw-space-y-reverse: 0;
            margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
            margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
        }
    }
    .space-y-6 {
        :where(&>: not(:last-child)) {
            --tw-space-y-reverse: 0;
            margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
            margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
        }
    }
    .space-y-8 {
        :where(&>: not(:last-child)) {
            --tw-space-y-reverse: 0;
            margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
            margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
        }
    }
    .space-y-10 {
        :where(&>: not(:last-child)) {
            --tw-space-y-reverse: 0;
            margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));
            margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)));
        }
    }
    .space-y-12 {
        :where(&>: not(:last-child)) {
            --tw-space-y-reverse: 0;
            margin-block-start: calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));
            margin-block-end: calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)));
        }
    }
    .space-y-px {
        :where(&>: not(:last-child)) {
            --tw-space-y-reverse: 0;
            margin-block-start: calc(1px * var(--tw-space-y-reverse));
            margin-block-end: calc(1px * calc(1 - var(--tw-space-y-reverse)));
        }
    }
    .gap-x-0 {
        column-gap: calc(var(--spacing) * 0);
    }
    .gap-x-4 {
        column-gap: calc(var(--spacing) * 4);
    }
    .gap-x-6 {
        column-gap: calc(var(--spacing) * 6);
    }
    .gap-x-8 {
        column-gap: calc(var(--spacing) * 8);
    }
    .gap-x-12 {
        column-gap: calc(var(--spacing) * 12);
    }
    .space-x-4 {
        :where(&>: not(:last-child)) {
            --tw-space-x-reverse: 0;
            margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
            margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
        }
    }
    .space-x-8 {
        :where(&>: not(:last-child)) {
            --tw-space-x-reverse: 0;
            margin-inline-start: calc(calc(var(--spacing) * 8) * var(--tw-space-x-reverse));
            margin-inline-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-x-reverse)));
        }
    }
    .gap-y-1 {
        row-gap: calc(var(--spacing) * 1);
    }
    .gap-y-2 {
        row-gap: calc(var(--spacing) * 2);
    }
    .gap-y-3 {
        row-gap: calc(var(--spacing) * 3);
    }
    .gap-y-4 {
        row-gap: calc(var(--spacing) * 4);
    }
    .gap-y-5 {
        row-gap: calc(var(--spacing) * 5);
    }
    .gap-y-6 {
        row-gap: calc(var(--spacing) * 6);
    }
    .gap-y-8 {
        row-gap: calc(var(--spacing) * 8);
    }
    .divide-y {
        :where(&>: not(:last-child)) {
            --tw-divide-y-reverse: 0;
            border-bottom-style: var(--tw-border-style);
            border-top-style: var(--tw-border-style);
            border-top-width: calc(1px * var(--tw-divide-y-reverse));
            border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
        }
    }
    .divide-aeblack-50 {
        :where(&>: not(:last-child)) {
            border-color: var(--color-aeblack-50);
        }
    }
    .divide-aeblack-100 {
        :where(&>: not(:last-child)) {
            border-color: var(--color-aeblack-100);
        }
    }
    .self-center {
        align-self: center;
    }
    .self-end {
        align-self: flex-end;
    }
    .self-start {
        align-self: flex-start;
    }
    .self-stretch {
        align-self: stretch;
    }
    .hero-slick-full-width {
        overflow: hidden;
        border-radius: var(--radius-xl);
    }
    .truncate {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .\ !overflow-visible {
        overflow: visible !important;
    }
    .overflow-auto {
        overflow: auto;
    }
    .overflow-hidden {
        overflow: hidden;
    }
    .overflow-x-auto {
        overflow-x: auto;
    }
    .overflow-x-hidden {
        overflow-x: hidden;
    }
    .overflow-y-auto {
        overflow-y: auto;
    }
    .overflow-y-hidden {
        overflow-y: hidden;
    }
    .aegov-badge {
        border-radius: var(--radius-lg);
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--color-primary-600);
        background-color: var(--color-ehs-athens-gray);
        color: var(--color-primary-600);
        svg {
            fill: currentcolor !important;
        }
    }
    .rounded-bordered {
        border-color: var(--color-aeblack-100);
        border-radius: var(--radius-lg);
        border-style: var(--tw-border-style);
        border-width: 1px;
    }
    .tab-content {
        border-radius: var(--radius-lg);
        padding: calc(var(--spacing) * 4);
        &:focus {
            --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
            --tw-ring-color: var(--color-primary-support-600);
            --tw-ring-offset-width: 0px;
            --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
            --tw-outline-style: none;
            outline-style: none;
            @media (forced-colors: active) {
                outline: 2px solid transparent;
                outline-offset: 2px;
            }
        }
    }
    .\ !rounded-lg {
        border-radius: var(--radius-lg) !important;
    }
    .rounded {
        border-radius: 0.25rem;
    }
    .rounded-2xl {
        border-radius: var(--radius-2xl);
    }
    .rounded-3xl {
        border-radius: var(--radius-3xl);
    }
    .rounded-full {
        border-radius: calc(infinity * 1px);
    }
    .rounded-lg {
        border-radius: var(--radius-lg);
    }
    .rounded-md {
        border-radius: var(--radius-md);
    }
    .rounded-none {
        border-radius: 0;
    }
    .rounded-xl {
        border-radius: var(--radius-xl);
    }
    .\ !rounded-s-none {
        border-start-start-radius: 0 !important;
        border-end-start-radius: 0 !important;
    }
    .\ !rounded-e-none {
        border-start-end-radius: 0 !important;
        border-end-end-radius: 0 !important;
    }
    .rounded-t-lg {
        border-top-left-radius: var(--radius-lg);
        border-top-right-radius: var(--radius-lg);
    }
    .rounded-t-xl {
        border-top-left-radius: var(--radius-xl);
        border-top-right-radius: var(--radius-xl);
    }
    .\ !rounded-b-none {
        border-bottom-right-radius: 0 !important;
        border-bottom-left-radius: 0 !important;
    }
    .tab-link {
        .tab-pills &:hover {
            border-style: var(--tw-border-style);
            border-width: 2px;
            border-color: var(--color-primary-600);
        }
        .tab-pills &[aria-selected='true'] {
            background-color: var(--color-primary-600);
            color: #ffffff;
        }
        .tab-pills &[aria-selected='true'] span {
            background-color: color-mix(in srgb, #EEF1F4 50%, transparent);
            @supports (color: color-mix(in lab, red, red)) {
                background-color: color-mix(in oklab, var(--color-primary-50) 50%, transparent);
            }
            color: #ffffff;
        }
        &:focus-visible {
            --tw-ring-color: var(--color-secondary-400);
        }
    }
    .tab-pills {
        & .tab-link:hover {
            border-style: var(--tw-border-style);
            border-width: 2px;
            border-color: var(--color-primary-600);
        }
        & .tab-link[aria-selected='true'] {
            background-color: var(--color-primary-600);
            color: #ffffff;
        }
        & .tab-link[aria-selected='true'] span {
            background-color: color-mix(in srgb, #EEF1F4 50%, transparent);
            @supports (color: color-mix(in lab, red, red)) {
                background-color: color-mix(in oklab, var(--color-primary-50) 50%, transparent);
            }
            color: #ffffff;
        }
        .data-chart-container & .tab-active {
            color: var(--color-whitely-50);
        }
    }
    .btn-outline {
        border-style: solid;
        border-width: 2px;
        --btn-bg: transparent;
        --btn-fg: var(--color-primary-700);
        --btn-bg-hover: var(--color-primary-50);
        --btn-border-color: var(--color-primary-600);
        --btn-focus-ring: var(--color-primary-support-600);
        &:focus-visible {
            outline-width: 2px;
            outline-offset: -2px;
        }
    }
    .\ !border {
        border-style: var(--tw-border-style) !important;
        border-width: 1px !important;
    }
    .\ !border-0 {
        border-style: var(--tw-border-style) !important;
        border-width: 0px !important;
    }
    .\ !border-2 {
        border-style: var(--tw-border-style) !important;
        border-width: 2px !important;
    }
    .border {
        border-style: var(--tw-border-style);
        border-width: 1px;
    }
    .border-0 {
        border-style: var(--tw-border-style);
        border-width: 0px;
    }
    .border-2 {
        border-style: var(--tw-border-style);
        border-width: 2px;
    }
    .border-4 {
        border-style: var(--tw-border-style);
        border-width: 4px;
    }
    .footer-bottom {
        border-color: var(--footer-bottom-border);
        border-top-style: var(--tw-border-style);
        border-top-width: 1px;
        @media (width < 64rem) {
            text-align: center;
        }
    }
    .border-t {
        border-top-style: var(--tw-border-style);
        border-top-width: 1px;
    }
    .tab-active {
        .faq-tab & {
            border-bottom-style: var(--tw-border-style);
            border-bottom-width: 0px;
            border-left-style: var(--tw-border-style);
            border-left-width: 4px;
            border-color: var(--color-primary-600);
        }
        .data-chart-container .tab-pills & {
            color: var(--color-whitely-50);
        }
    }
    .faq-tab {
        & .tab-active {
            border-bottom-style: var(--tw-border-style);
            border-bottom-width: 0px;
            border-left-style: var(--tw-border-style);
            border-left-width: 4px;
            border-color: var(--color-primary-600);
        }
    }
    .border-b {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px;
    }
    .border-b-2 {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 2px;
    }
    .border-l-4 {
        border-left-style: var(--tw-border-style);
        border-left-width: 4px;
    }
    .aegov-btn {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-primary-500) !important;
            }
        }
        &:hover {
            @media (hover: hover) {
                color: var(--color-whitely-50) !important;
            }
        }
        &:focus-visible {
            --tw-ring-color: var(--color-secondary-400);
        }
        &.btn-soft {
            background-color: var(--color-aeblack-50);
            color: var(--color-primary-600);
            &:hover {
                @media (hover: hover) {
                    background-color: var(--color-primary-600);
                }
            }
            &:hover {
                @media (hover: hover) {
                    color: var(--color-whitely-50);
                }
            }
        }
        &.btn-outline:focus-visible {
            border-color: var(--color-secondary-400);
            --tw-ring-color: var(--color-secondary-400);
        }
    }
    .aegov-card {
        &.card-service {
            background-color: var(--color-whitely-50);
            &:hover {
                @media (hover: hover) {
                    border-color: var(--color-primary-800) !important;
                }
            }
            &:hover {
                @media (hover: hover) {
                    background-color: var(--color-primary-600) !important;
                }
            }
            &:hover {
                @media (hover: hover) {
                    color: var(--color-whitely-50) !important;
                }
            }
        }
        &.card-service:hover .card-service-title>a {
            color: var(--color-whitely-50);
        }
        &.card-service:hover .aegov-link {
            color: var(--color-whitely-50);
        }
        &.card-service:hover p {
            color: var(--color-whitely-50);
        }
        &.card-service:hover h5 {
            color: var(--color-whitely-50);
        }
        &.card-service:hover h6 {
            color: var(--color-whitely-50);
        }
        &.card-service:hover a {
            color: var(--color-whitely-50);
        }
        &.card-news {
            background-color: var(--color-whitely-50);
        }
    }
    .card-service {
        &.aegov-card {
            background-color: var(--color-whitely-50);
            &:hover {
                @media (hover: hover) {
                    border-color: var(--color-primary-800) !important;
                }
            }
            &:hover {
                @media (hover: hover) {
                    background-color: var(--color-primary-600) !important;
                }
            }
            &:hover {
                @media (hover: hover) {
                    color: var(--color-whitely-50) !important;
                }
            }
        }
        &.aegov-card:hover .card-service-title>a {
            color: var(--color-whitely-50);
        }
        & .aegov-card:hover .aegov-link {
            color: var(--color-whitely-50);
        }
        & .aegov-card:hover p {
            color: var(--color-whitely-50);
        }
        & .aegov-card:hover h5 {
            color: var(--color-whitely-50);
        }
        & .aegov-card:hover h6 {
            color: var(--color-whitely-50);
        }
        &.aegov-card:hover a {
            color: var(--color-whitely-50);
        }
    }
    .btn-outline {
        &.aegov-btn:focus-visible {
            border-color: var(--color-secondary-400);
            --tw-ring-color: var(--color-secondary-400);
        }
    }
    .\ !border-\[\#DDE3E9\] {
        border-color: #DDE3E9 !important;
    }
    .\ !border-aeblack-100 {
        border-color: var(--color-aeblack-100) !important;
    }
    .\ !border-aeblack-200 {
        border-color: var(--color-aeblack-200) !important;
    }
    .\ !border-primary-500 {
        border-color: var(--color-primary-500) !important;
    }
    .\ !border-transparent {
        border-color: transparent !important;
    }
    .border-\[\#E1E3E5\] {
        border-color: #E1E3E5;
    }
    .border-aeblack-50 {
        border-color: var(--color-aeblack-50);
    }
    .border-aeblack-100 {
        border-color: var(--color-aeblack-100);
    }
    .border-aeblack-200 {
        border-color: var(--color-aeblack-200);
    }
    .border-primary {
        border-color: var(--color-primary);
    }
    .border-primary-50 {
        border-color: var(--color-primary-50);
    }
    .border-primary-300 {
        border-color: var(--color-primary-300);
    }
    .border-primary-400 {
        border-color: var(--color-primary-400);
    }
    .border-primary-500 {
        border-color: var(--color-primary-500);
    }
    .border-secondary-300 {
        border-color: var(--color-secondary-300);
    }
    .border-secondary-500 {
        border-color: var(--color-secondary-500);
    }
    .border-whitely-50 {
        border-color: var(--color-whitely-50);
    }
    .border-whitely-100 {
        border-color: var(--color-whitely-100);
    }
    .border-whitely-500 {
        border-color: var(--color-whitely-500);
    }
    .border-b-aeblack-100 {
        border-bottom-color: var(--color-aeblack-100);
    }
    .border-b-aeblack-200 {
        border-bottom-color: var(--color-aeblack-200);
    }
    .border-l-whitely-200 {
        border-left-color: var(--color-whitely-200);
    }
    .card-bordered {
        .numbers-slide & {
            background-color: var(--color-primary-600);
            color: var(--color-whitely-50);
        }
        .numbers-slide & svg {
            color: var(--color-secondary-50);
        }
        .core-value-slide & {
            background-color: var(--color-primary-600);
            color: var(--color-whitely-50);
        }
        .core-value-slide & svg {
            color: var(--color-secondary-50);
        }
    }
    .btn-soft {
        &.aegov-btn {
            background-color: var(--color-aeblack-50);
            color: var(--color-primary-600);
            &:hover {
                @media (hover: hover) {
                    background-color: var(--color-primary-400);
                }
            }
            &:hover {
                @media (hover: hover) {
                    color: var(--color-whitely-50);
                }
            }
        }
    }
    .numbers-slide {
        & .card-bordered {
            background-color: var(--color-primary-600);
            color: var(--color-whitely-50);
        }
        & .card-bordered svg {
            color: var(--color-secondary-50);
        }
    }
    .\ !bg-\[\#EEF1F4\] {
        background-color: #EEF1F4 !important;
    }
    .\ !bg-aeblack-100 {
        background-color: var(--color-aeblack-100) !important;
    }
    .\ !bg-primary-600 {
        background-color: var(--color-primary-600) !important;
    }
    .\ !bg-transparent {
        background-color: transparent !important;
    }
    .\ !bg-whitely-50 {
        background-color: var(--color-whitely-50) !important;
    }
    .bg-\[\#3F8E50\] {
        background-color: #3F8E50;
    }
    .bg-\[\#3F6487\] {
        background-color: #3F6487;
    }
    .bg-\[\#4E8258\] {
        background-color: #4E8258;
    }
    .bg-\[\#5A6F9B\] {
        background-color: #5A6F9B;
    }
    .bg-\[\#5C708B\] {
        background-color: #5C708B;
    }
    .bg-\[\#7EABC6\] {
        background-color: #7EABC6;
    }
    .bg-\[\#76AE8C\] {
        background-color: #76AE8C;
    }
    .bg-\[\#B0BAC8\] {
        background-color: #B0BAC8;
    }
    .bg-\[\#CFDDF2\] {
        background-color: #CFDDF2;
    }
    .bg-\[\#E8E8E8\] {
        background-color: #E8E8E8;
    }
    .bg-\[\#EEF1F4\] {
        background-color: #EEF1F4;
    }
    .bg-\[\#F3FAF4\] {
        background-color: #F3FAF4;
    }
    .bg-\[\#F7F7F7\] {
        background-color: #F7F7F7;
    }
    .bg-\[\#F8FAFC\] {
        background-color: #F8FAFC;
    }
    .bg-\[\#d1d5db\] {
        background-color: #d1d5db;
    }
    .bg-aeblack-50 {
        background-color: var(--color-aeblack-50);
    }
    .bg-aeblack-100 {
        background-color: var(--color-aeblack-100);
    }
    .bg-aeblack-200 {
        background-color: var(--color-aeblack-200);
    }
    .bg-aeblack-300 {
        background-color: var(--color-aeblack-300);
    }
    .bg-aeblack-400 {
        background-color: var(--color-aeblack-400);
    }
    .bg-aeblack-800 {
        background-color: var(--color-aeblack-800);
    }
    .bg-aeblack-900 {
        background-color: var(--color-aeblack-900);
    }
    .bg-aegreen-100 {
        background-color: var(--color-aegreen-100);
    }
    .bg-aered-100 {
        background-color: var(--color-aered-100);
    }
    .bg-ehs-athens-gray {
        background-color: var(--color-ehs-athens-gray);
    }
    .bg-ehs-light-blue {
        background-color: var(--color-ehs-light-blue);
    }
    .bg-ehs-light-gray {
        background-color: var(--color-ehs-light-gray);
    }
    .bg-lilac-50 {
        background-color: var(--color-lilac-50);
    }
    .bg-lilac-100 {
        background-color: var(--color-lilac-100);
    }
    .bg-primary-50 {
        background-color: var(--color-primary-50);
    }
    .bg-primary-100 {
        background-color: var(--color-primary-100);
    }
    .bg-primary-400 {
        background-color: var(--color-primary-400);
    }
    .bg-primary-500 {
        background-color: var(--color-primary-500);
    }
    .bg-primary-600 {
        background-color: var(--color-primary-600);
    }
    .bg-primary-700 {
        background-color: var(--color-primary-700);
    }
    .bg-primary-800 {
        background-color: var(--color-primary-800);
    }
    .bg-primary-900 {
        background-color: var(--color-primary-900);
    }
    .bg-secondary-50 {
        background-color: var(--color-secondary-50);
    }
    .bg-secondary-300 {
        background-color: var(--color-secondary-300);
    }
    .bg-secondary-400 {
        background-color: var(--color-secondary-400);
    }
    .bg-secondary-500 {
        background-color: var(--color-secondary-500);
    }
    .bg-secondary-600 {
        background-color: var(--color-secondary-600);
    }
    .bg-secondary-700 {
        background-color: var(--color-secondary-700);
    }
    .bg-secondary-900 {
        background-color: var(--color-secondary-900);
    }
    .bg-transparent {
        background-color: transparent;
    }
    .bg-whitely-50 {
        background-color: var(--color-whitely-50);
    }
    .bg-whitely-100 {
        background-color: var(--color-whitely-100);
    }
    .bg-whitely-200 {
        background-color: var(--color-whitely-200);
    }
    .card-news {
        &.aegov-card {
            background-color: var(--color-whitely-50);
        }
    }
    .header-navs {
        background-color: var(--color-aeblack-50);
    }
    .bg-gradient-to-t {
        --tw-gradient-position: to top in oklab;
        background-image: linear-gradient(var(--tw-gradient-stops));
    }
    .aegov-form-control {
        & .form-control-input .control-prefix {
            color: var(--color-aeblack-700);
        }
        & .form-control-input .control-suffix {
            color: var(--color-aeblack-700);
        }
        & .form-control-input:focus-within {
            --tw-ring-color: var(--color-secondary-400);
        }
        & .form-control-input input[type='search']+.control-suffix:focus-within {
            color: var(--color-secondary-400) !important;
        }
        & select {
            background-image: url('../images/caret-down.svg');
        }
    }
    .bg-\[url\(\'\.\.\/images\/Customer-Stories-bg\.jpg\'\)\] {
 background-image: url('../images/Customer-Stories-bg.jpg');
}

.bg-\[url\(\'\.\.\/images\/EHS-AI-Summit-Agenda-ar\.jpg\'\)\] {
 background-image: url('../images/EHS-AI-Summit-Agenda-ar.jpg');
}

.bg-\[url\(\'\.\.\/images\/EHS-AI-Summit-Agenda\.jpg\'\)\] {
 background-image: url('../images/EHS-AI-Summit-Agenda.jpg');
}

.bg-\[url\(\'\.\.\/images\/Key-Highlights-bg\.jpg\'\)\] {
 background-image: url('../images/Key-Highlights-bg.jpg');
}

.bg-\[url\(\'\.\.\/images\/icons\/agenda\.svg\'\)\] {
 background-image: url('../images/icons/agenda.svg');
}

.bg-\[url\(\'\.\.\/images\/icons\/speaker\.svg\'\)\] {
 background-image: url('../images/icons/speaker.svg');
}

.bg-\[url\(\'\.\.\/images\/moderator-ar\.png\'\)\] {
 background-image: url('../images/moderator-ar.png');
}

.bg-\[url\(\'\.\.\/images\/moderator\.jpg\'\)\] {
 background-image: url('../images/moderator.jpg');
}

.bg-\[url\(\'\.\.\/images\/speaker-bg-ar\.png\'\)\] {
 background-image: url('../images/speaker-bg-ar.png');
}

.bg-\[url\(\'\.\.\/images\/speaker-bg\.jpg\'\)\] {
 background-image: url('../images/speaker-bg.jpg');
}

.bg-\[url\(\'\.\.\/images\/youth-council-bg\.svg\'\)\] {
 background-image: url('../images/youth-council-bg.svg');
}

.bg-\[url\(\'app_themes\/\{\{ClientId\}\}\/images\/icons\/agenda\.svg\'\)\] {
 background-image: url('app_themes/{{ClientId}}/images/icons/agenda.svg');
}

.bg-\[url\(\'app_themes\/\{\{ClientId\}\}\/images\/icons\/speaker\.svg\'\)\] {
 background-image: url('app_themes/{{ClientId}}/images/icons/speaker.svg');
}

.from-aeblack-950 {
    --tw-gradient-from: var(--color-aeblack-950);
    --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));
}

.via-aeblack-800 {
    --tw-gradient-via: var(--color-aeblack-800);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}

.to-transparent {
    --tw-gradient-to: transparent;
    --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));
}

.bg-cover {
    background-size: cover;
}

.bg-center {
    background-position: center;
}

.bg-right {
    background-position: right;
}

.bg-no-repeat {
    background-repeat: no-repeat;
}

.\ !fill-aered-600 {
    fill: var(--color-aered-600) !important;
}

.\ !fill-transparent {
    fill: transparent !important;
}

.fill-aeblack-500 {
    fill: var(--color-aeblack-500);
}

.fill-aeblack-600 {
    fill: var(--color-aeblack-600);
}

.fill-aegreen-600 {
    fill: var(--color-aegreen-600);
}

.fill-aered-500 {
    fill: var(--color-aered-500);
}

.fill-current {
    fill: currentcolor;
}

.fill-primary-400 {
    fill: var(--color-primary-400);
}

.fill-primary-500 {
    fill: var(--color-primary-500);
}

.fill-primary-600 {
    fill: var(--color-primary-600);
}

.fill-secondary-400 {
    fill: var(--color-secondary-400);
}

.fill-secondary-500 {
    fill: var(--color-secondary-500);
}

.fill-secondary-600 {
    fill: var(--color-secondary-600);
}

.fill-whitely-50 {
    fill: var(--color-whitely-50);
}

.fill-whitely-200 {
    fill: var(--color-whitely-200);
}

.stroke-primary-400 {
    stroke: var(--color-primary-400);
}

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

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

.object-fill {
    object-fit: fill;
}

.object-bottom {
    object-position: bottom;
}

.object-center {
    object-position: center;
}

.object-right {
    object-position: right;
}

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

.\ !p-0 {
    padding: calc(var(--spacing) * 0) !important;
}

.\ !p-5 {
    padding: calc(var(--spacing) * 5) !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.\ !py-10 {
    padding-block: calc(var(--spacing) * 10) !important;
}

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

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

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

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

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

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

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

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

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

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

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

.ps-4 {
    padding-inline-start: calc(var(--spacing) * 4);
}

.ps-5 {
    padding-inline-start: calc(var(--spacing) * 5);
}

.ps-8 {
    padding-inline-start: calc(var(--spacing) * 8);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.pr-8 {
    padding-right: calc(var(--spacing) * 8);
}

.pr-20 {
    padding-right: calc(var(--spacing) * 20);
}

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

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

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

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

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

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

.pl-8 {
    padding-left: calc(var(--spacing) * 8);
}

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

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

.align-middle {
    vertical-align: middle;
}

.\ !text-h6 {
    font-family: var(--text-h6-font-family) !important;
    font-size: var(--text-h6) !important;
    line-height: var(--text-h6--line-height) !important;
}

.text-h3 {
    font-family: var(--text-h3-font-family);
    font-size: var(--text-h3);
    line-height: var(--text-h3--line-height);
}

.text-h4 {
    font-family: var(--text-h4-font-family);
    font-size: var(--text-h4);
    line-height: var(--text-h4--line-height);
}

.text-h5 {
    font-family: var(--text-h5-font-family);
    font-size: var(--text-h5);
    line-height: var(--text-h5--line-height);
}

.text-h6 {
    font-family: var(--text-h6-font-family);
    font-size: var(--text-h6);
    line-height: var(--text-h6--line-height);
}

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

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

.header-navs-right {
    & li a {
        color: var(--color-primary-600);
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold);
        @media (width>=64rem) {
            font-size: var(--text-xs);
            line-height: var(--tw-leading, var(--text-xs--line-height));
        }
        @media (width>=80rem) {
            font-size: var(--text-sm);
            line-height: var(--tw-leading, var(--text-sm--line-height));
        }
        &:hover {
            color: var(--color-primary-500);
        }
    }
}

.submenu-title {
    color: var(--color-primary-500);
    --tw-font-weight: var(--font-weight-bold) !important;
    font-weight: var(--font-weight-bold) !important;
    @media (width>=64rem) {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
    }
    @media (width>=80rem) {
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
    }
}

.\ !text-xs {
    font-size: var(--text-xs) !important;
    line-height: var(--text-xs--line-height) !important;
    font-weight: var(--text-xs-weight) !important;
}

.text-sm {
    font-size: var(--text-sm);
    line-height: var(--text-sm--line-height);
    font-weight: var(--text-sm-weight);
}

.text-xs {
    font-size: var(--text-xs);
    line-height: var(--text-xs--line-height);
    font-weight: var(--text-xs-weight);
}

.banner-content {
    color: var(--banner-fg);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
}

.\ !text-3xl {
    font-size: var(--text-3xl) !important;
    line-height: var(--tw-leading, var(--text-3xl--line-height)) !important;
}

.\ !text-lg {
    font-size: var(--text-lg) !important;
    line-height: var(--tw-leading, var(--text-lg--line-height)) !important;
}

.\ !text-xs {
    font-size: var(--text-xs) !important;
    line-height: var(--tw-leading, var(--text-xs--line-height)) !important;
}

.text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
}

.text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
}

.text-base {
    font-size: var(--text-base);
    line-height: var(--text-base--line-height);
}

.text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
}

.text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
}

.text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
}

.text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
}

.text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
}

.leading-6 {
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
}

.leading-7 {
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
}

.leading-8 {
    --tw-leading: calc(var(--spacing) * 8);
    line-height: calc(var(--spacing) * 8);
}

.leading-10 {
    --tw-leading: calc(var(--spacing) * 10);
    line-height: calc(var(--spacing) * 10);
}

.leading-normal {
    --tw-leading: var(--leading-normal);
    line-height: var(--leading-normal);
}

.leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
}

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

.\ !font-normal {
    --tw-font-weight: var(--font-weight-normal) !important;
    font-weight: var(--font-weight-normal) !important;
}

.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-light {
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
}

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

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

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

.titles {
    .facility-slider .number-bordered & h5 {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
    }
}

.tracking-wider {
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
}

.text-wrap {
    text-wrap: wrap;
}

.break-words {
    overflow-wrap: break-word;
}

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

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

.form-control-input {
    .aegov-form-control & .control-prefix {
        color: var(--color-aeblack-700);
    }
    .aegov-form-control & .control-suffix {
        color: var(--color-aeblack-700);
    }
    .aegov-form-control &:focus-within {
        --tw-ring-color: var(--color-secondary-400);
    }
    .aegov-form-control & input[type='search']+.control-suffix:focus-within {
        color: var(--color-secondary-400) !important;
    }
}

.aegov-link {
    .aegov-card.card-service:hover & {
        color: var(--color-whitely-50);
    }
    &:focus-visible {
        --tw-ring-color: var(--color-secondary-400);
    }
}

.main-navigation {
    & .menu-item.menu-item-has-children .submenu-btn {
        &:focus {
            --tw-ring-color: var(--color-secondary-400);
        }
    }
    & .nav-menu>.menu-item>a {
        color: var(--color-aeblack-950);
    }
}

.menu-item {
    .main-navigation &.menu-item-has-children .submenu-btn {
        &:focus {
            --tw-ring-color: var(--color-secondary-400);
        }
    }
    .main-navigation .nav-menu>&>a {
        color: var(--color-aeblack-950);
    }
}

.aegov-breadcrumb {
    &nav>ol a {
        color: var(--color-aeblack-900);
    }
    &nav>ol span {
        color: var(--color-primary-600);
    }
}

.control-suffix {
    .aegov-form-control .form-control-input & {
        color: var(--color-aeblack-700);
    }
    .aegov-form-control .form-control-input input[type='search']+&:focus-within {
        color: var(--color-secondary-400) !important;
    }
}

.\ !text-aeblack-900 {
    color: var(--color-aeblack-900) !important;
}

.\ !text-primary-400 {
    color: var(--color-primary-400) !important;
}

.\ !text-whitely-50 {
    color: var(--color-whitely-50) !important;
}

.aegov-pagination-current {
    color: var(--color-whitely-50);
}

.aegov-pagination-extend {
    color: var(--color-primary-600);
}

.card-service-title {
    .aegov-card.card-service:hover &>a {
        color: var(--color-whitely-50);
    }
}

.control-prefix {
    .aegov-form-control .form-control-input & {
        color: var(--color-aeblack-700);
    }
}

.data-chart-container {
    & .tab-pills .tab-active {
        color: var(--color-whitely-50);
    }
}

.lang-bottom-text {
    color: var(--color-aeblack-700);
}

.lang-other-title {
    color: var(--color-aeblack-700);
}

.nav-menu {
    .main-navigation &>.menu-item>a {
        color: var(--color-aeblack-950);
    }
}

.sec-title {
    color: var(--color-primary-600);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.text-current {
    color: currentcolor;
}

.text-inherit {
    color: inherit;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.text-whitely-50\/60 {
    color: var(--color-whitely-50);
    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-whitely-50) 60%, transparent);
    }
}

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

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

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

.uppercase {
    text-transform: uppercase;
}

.\ !underline {
    text-decoration-line: underline !important;
}

.no-underline {
    text-decoration-line: none;
}

.underline {
    text-decoration-line: underline;
}

.btn-soft {
    --btn-bg: var(--color-primary-50);
    --btn-fg: var(--color-primary-700);
    --btn-bg-hover: var(--color-primary-100);
    --btn-focus-ring: var(--color-primary-support-600);
    &:focus-visible {
        outline-offset: 0;
    }
    &:disabled {
        opacity: 50%;
    }
}

.opacity-0 {
    opacity: 0%;
}

.opacity-10 {
    opacity: 10%;
}

.opacity-40 {
    opacity: 40%;
}

.opacity-50 {
    opacity: 50%;
}

.opacity-60 {
    opacity: 60%;
}

.opacity-75 {
    opacity: 75%;
}

.shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.shadow-2xl {
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.shadow-\[0_2px_7px_-3px_rgba\(0\,
0\,
0\,
0\.3\)\] {
    --tw-shadow: 0 2px 7px -3px var(--tw-shadow-color, rgba(0, 0, 0, 0.3));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.shadow-\[0_10px_30px_rgba\(0\,
0\,
0\,
0\.15\)\] {
    --tw-shadow: 0 10px 30px var(--tw-shadow-color, rgba(0, 0, 0, 0.15));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.shadow-inner {
    --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.shadow-md {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.shadow-none {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.shadow-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.shadow-xl {
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.\ !shadow-aeblack-200\/20 {
    --tw-shadow-color: var(--color-aeblack-200) !important;
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-aeblack-200) 20%, transparent) var(--tw-shadow-alpha), transparent) !important;
    }
}

.\ !shadow-aeblack-500\/30 {
    --tw-shadow-color: var(--color-aeblack-500) !important;
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-aeblack-500) 30%, transparent) var(--tw-shadow-alpha), transparent) !important;
    }
}

.\ !shadow-primary-500\/30 {
    --tw-shadow-color: color-mix(in srgb, #547290 30%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-primary-500) 30%, transparent) var(--tw-shadow-alpha), transparent) !important;
    }
}

.shadow-primary-500\/30\ ! {
    --tw-shadow-color: color-mix(in srgb, #547290 30%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-primary-500) 30%, transparent) var(--tw-shadow-alpha), transparent) !important;
    }
}

.accordion-title {
    .aegov-accordion:not(.aegov-mobile-accordion) & button:focus-visible {
        --tw-ring-color: var(--color-secondary-400);
    }
}

.aegov-accordion {
    &:not(.aegov-mobile-accordion) .accordion-title button:focus-visible {
        --tw-ring-color: var(--color-secondary-400);
    }
}

.menu-item-has-children {
    .main-navigation &.menu-item .submenu-btn {
        &:focus {
            --tw-ring-color: var(--color-secondary-400);
        }
    }
}

.submenu-btn {
    .main-navigation .menu-item.menu-item-has-children & {
        &:focus {
            --tw-ring-color: var(--color-secondary-400);
        }
    }
}

.btn-link {
    --btn-bg: transparent;
    --btn-fg: var(--color-primary-600);
    --btn-bg-hover: var(--color-primary-50);
    --btn-border-color: transparent;
    --btn-focus-ring: var(--color-primary-support-600);
    &:focus-visible {
        outline-width: 2px;
        outline-offset: -2px;
    }
}

.outline-0 {
    outline-style: var(--tw-outline-style);
    outline-width: 0px;
}

.drop-shadow-lg {
    --tw-drop-shadow-size: drop-shadow(0 4px 4px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.15)));
    --tw-drop-shadow: drop-shadow(var(--drop-shadow-lg));
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
}

.grayscale-0 {
    --tw-grayscale: grayscale(0%);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
}

.filter {
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
}

.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-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-300 {
    --tw-duration: 300ms;
    transition-duration: 300ms;
}

.duration-500 {
    --tw-duration: 500ms;
    transition-duration: 500ms;
}

.btn-secondary {
    --btn-bg: var(--color-secondary-800);
    --btn-fg: var(--color-secondary-50);
    --btn-bg-hover: var(--color-secondary-950);
    --btn-focus-ring: var(--color-secondary-support-300);
    &.btn-soft {
        --btn-bg: var(--color-secondary-50);
        --btn-fg: var(--color-secondary-800);
        --btn-bg-hover: var(--color-secondary-100);
    }
    &.btn-outline {
        --btn-bg: transparent;
        --btn-fg: var(--color-secondary-800);
        --btn-bg-hover: var(--color-secondary-100);
        --btn-border-color: var(--color-secondary-800);
        --btn-focus-ring: var(--color-secondary-support-300);
    }
    &.btn-link {
        --btn-bg: transparent;
        --btn-fg: var(--color-secondary-800);
        --btn-bg-hover: var(--color-secondary-50);
        --btn-focus-ring: var(--color-secondary-support-300);
    }
}

.ar {
    & .no-data::after {
        background: url('../images/icons/no-data-ar.svg') no-repeat center;
    }
}

.group-hover\:visible {
    &:is(:where(.group): hover *) {
        @media (hover: hover) {
            visibility: visible;
        }
    }
}

.group-hover\:scale-105 {
    &:is(:where(.group): hover *) {
        @media (hover: hover) {
            --tw-scale-x: 105%;
            --tw-scale-y: 105%;
            --tw-scale-z: 105%;
            scale: var(--tw-scale-x) var(--tw-scale-y);
        }
    }
}

.group-hover\:\ !border-primary-800 {
    &:is(:where(.group): hover *) {
        @media (hover: hover) {
            border-color: var(--color-primary-800) !important;
        }
    }
}

.group-hover\:bg-primary-400 {
    &:is(:where(.group): hover *) {
        @media (hover: hover) {
            background-color: var(--color-primary-400);
        }
    }
}

.group-hover\:bg-primary-600 {
    &:is(:where(.group): hover *) {
        @media (hover: hover) {
            background-color: var(--color-primary-600);
        }
    }
}

.group-hover\:fill-primary-400 {
    &:is(:where(.group): hover *) {
        @media (hover: hover) {
            fill: var(--color-primary-400);
        }
    }
}

.group-hover\:fill-primary-700 {
    &:is(:where(.group): hover *) {
        @media (hover: hover) {
            fill: var(--color-primary-700);
        }
    }
}

.group-hover\:fill-secondary-400 {
    &:is(:where(.group): hover *) {
        @media (hover: hover) {
            fill: var(--color-secondary-400);
        }
    }
}

.group-hover\:fill-secondary-700 {
    &:is(:where(.group): hover *) {
        @media (hover: hover) {
            fill: var(--color-secondary-700);
        }
    }
}

.group-hover\:fill-whitely-50 {
    &:is(:where(.group): hover *) {
        @media (hover: hover) {
            fill: var(--color-whitely-50);
        }
    }
}

.group-hover\:fill-whitely-400 {
    &:is(:where(.group): hover *) {
        @media (hover: hover) {
            fill: var(--color-whitely-400);
        }
    }
}

.group-hover\:\ !text-primary-800 {
    &:is(:where(.group): hover *) {
        @media (hover: hover) {
            color: var(--color-primary-800) !important;
        }
    }
}

.group-hover\:\ !text-whitely-50 {
    &:is(:where(.group): hover *) {
        @media (hover: hover) {
            color: var(--color-whitely-50) !important;
        }
    }
}

.group-hover\:text-primary-700 {
    &:is(:where(.group): hover *) {
        @media (hover: hover) {
            color: var(--color-primary-700);
        }
    }
}

.group-hover\:text-whitely-50 {
    &:is(:where(.group): hover *) {
        @media (hover: hover) {
            color: var(--color-whitely-50);
        }
    }
}

.group-hover\:opacity-100 {
    &:is(:where(.group): hover *) {
        @media (hover: hover) {
            opacity: 100%;
        }
    }
}

.placeholder\:\ !text-aeblack-500 {
    &::placeholder {
        color: var(--color-aeblack-500) !important;
    }
}

.before\:absolute {
    &::before {
        content: var(--tw-content);
        position: absolute;
    }
}

.before\:inset-0 {
    &::before {
        content: var(--tw-content);
        inset: calc(var(--spacing) * 0);
    }
}

.before\:mix-blend-multiply {
    &::before {
        content: var(--tw-content);
        mix-blend-mode: multiply;
    }
}

.after\:absolute {
    &::after {
        content: var(--tw-content);
        position: absolute;
    }
}

.after\:top-1\/2 {
    &::after {
        content: var(--tw-content);
        top: calc(1 / 2 * 100%);
    }
}

.after\:left-full {
    &::after {
        content: var(--tw-content);
        left: 100%;
    }
}

.after\:-z-10 {
    &::after {
        content: var(--tw-content);
        z-index: calc(10 * -1);
    }
}

.after\:hidden {
    &::after {
        content: var(--tw-content);
        display: none;
    }
}

.after\:h-px {
    &::after {
        content: var(--tw-content);
        height: 1px;
    }
}

.after\:w-full {
    &::after {
        content: var(--tw-content);
        width: 100%;
    }
}

.after\:-translate-x-1\/2 {
    &::after {
        content: var(--tw-content);
        --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
}

.after\:bg-aeblack-200 {
    &::after {
        content: var(--tw-content);
        background-color: var(--color-aeblack-200);
    }
}

.first\:pt-0 {
    &:first-child {
        padding-top: calc(var(--spacing) * 0);
    }
}

.last\:border-b-0 {
    &:last-child {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 0px;
    }
}

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

.odd\:bg-\[\#d1d5db\] {
    &:nth-child(odd) {
        background-color: #d1d5db;
    }
}

.odd\:bg-whitely-200 {
    &:nth-child(odd) {
        background-color: var(--color-whitely-200);
    }
}

.even\:bg-\[\#d1d5db\] {
    &:nth-child(even) {
        background-color: #d1d5db;
    }
}

.even\:bg-whitely-200 {
    &:nth-child(even) {
        background-color: var(--color-whitely-200);
    }
}

.hover\:scale-110 {
    &:hover {
        @media (hover: hover) {
            --tw-scale-x: 110%;
            --tw-scale-y: 110%;
            --tw-scale-z: 110%;
            scale: var(--tw-scale-x) var(--tw-scale-y);
        }
    }
}

.hover\:rounded-xl {
    &:hover {
        @media (hover: hover) {
            border-radius: var(--radius-xl);
        }
    }
}

.hover\:border-r-2 {
    &:hover {
        @media (hover: hover) {
            border-right-style: var(--tw-border-style);
            border-right-width: 2px;
        }
    }
}

.hover\:border-b-2 {
    &:hover {
        @media (hover: hover) {
            border-bottom-style: var(--tw-border-style);
            border-bottom-width: 2px;
        }
    }
}

.hover\:border-l-2 {
    &:hover {
        @media (hover: hover) {
            border-left-style: var(--tw-border-style);
            border-left-width: 2px;
        }
    }
}

.hover\:border-l-4 {
    &:hover {
        @media (hover: hover) {
            border-left-style: var(--tw-border-style);
            border-left-width: 4px;
        }
    }
}

.hover\:\ !border-primary-800 {
    &:hover {
        @media (hover: hover) {
            border-color: var(--color-primary-800) !important;
        }
    }
}

.hover\:border-aeblack-500 {
    &:hover {
        @media (hover: hover) {
            border-color: var(--color-aeblack-500);
        }
    }
}

.hover\:\ !bg-aeblack-50 {
    &:hover {
        @media (hover: hover) {
            background-color: var(--color-aeblack-50) !important;
        }
    }
}

.hover\:bg-\[\#CFDDF2\] {
    &:hover {
        @media (hover: hover) {
            background-color: #CFDDF2;
        }
    }
}

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

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

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

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

.hover\:pr-4 {
    &:hover {
        @media (hover: hover) {
            padding-right: calc(var(--spacing) * 4);
        }
    }
}

.hover\:pl-4 {
    &:hover {
        @media (hover: hover) {
            padding-left: calc(var(--spacing) * 4);
        }
    }
}

.hover\:\ !text-primary-200 {
    &:hover {
        @media (hover: hover) {
            color: var(--color-primary-200) !important;
        }
    }
}

.hover\:\ !text-primary-800 {
    &:hover {
        @media (hover: hover) {
            color: var(--color-primary-800) !important;
        }
    }
}

.hover\:text-aeblack-800 {
    &:hover {
        @media (hover: hover) {
            color: var(--color-aeblack-800);
        }
    }
}

.hover\:text-aered-700 {
    &:hover {
        @media (hover: hover) {
            color: var(--color-aered-700);
        }
    }
}

.hover\:text-primary-50 {
    &:hover {
        @media (hover: hover) {
            color: var(--color-primary-50);
        }
    }
}

.hover\:text-primary-500 {
    &:hover {
        @media (hover: hover) {
            color: var(--color-primary-500);
        }
    }
}

.hover\:text-primary-600 {
    &:hover {
        @media (hover: hover) {
            color: var(--color-primary-600);
        }
    }
}

.hover\:text-secondary-400 {
    &:hover {
        @media (hover: hover) {
            color: var(--color-secondary-400);
        }
    }
}

.hover\:text-secondary-500 {
    &:hover {
        @media (hover: hover) {
            color: var(--color-secondary-500);
        }
    }
}

.hover\:text-whitely-50 {
    &:hover {
        @media (hover: hover) {
            color: var(--color-whitely-50);
        }
    }
}

.hover\:text-whitely-200 {
    &:hover {
        @media (hover: hover) {
            color: var(--color-whitely-200);
        }
    }
}

.hover\:text-whitely-300 {
    &:hover {
        @media (hover: hover) {
            color: var(--color-whitely-300);
        }
    }
}

.hover\:\ !underline {
    &:hover {
        @media (hover: hover) {
            text-decoration-line: underline !important;
        }
    }
}

.hover\:underline {
    &:hover {
        @media (hover: hover) {
            text-decoration-line: underline;
        }
    }
}

.hover\:opacity-90 {
    &:hover {
        @media (hover: hover) {
            opacity: 90%;
        }
    }
}

.hover\:opacity-100 {
    &:hover {
        @media (hover: hover) {
            opacity: 100%;
        }
    }
}

.hover\:\ !shadow-none {
    &:hover {
        @media (hover: hover) {
            --tw-shadow: 0 0 #0000 !important;
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
        }
    }
}

.hover\:shadow-lg {
    &:hover {
        @media (hover: hover) {
            --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        }
    }
}

.focus\:outline-primary-400 {
    &:focus {
        outline-color: var(--color-primary-400);
    }
}

.focus-visible\:relative {
    &:focus-visible {
        position: relative;
    }
}

.focus-visible\:\ !border-transparent {
    &:focus-visible {
        border-color: transparent !important;
    }
}

.focus-visible\:\ !shadow-none {
    &:focus-visible {
        --tw-shadow: 0 0 #0000 !important;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
    }
}

.focus-visible\:\ !ring-aered-700 {
    &:focus-visible {
        --tw-ring-color: var(--color-aered-700) !important;
    }
}

.focus-visible\:\ !ring-offset-0 {
    &:focus-visible {
        --tw-ring-offset-width: 0px !important;
        --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
    }
}

.active\:border-r-2 {
    &:active {
        border-right-style: var(--tw-border-style);
        border-right-width: 2px;
    }
}

.active\:border-l-2 {
    &:active {
        border-left-style: var(--tw-border-style);
        border-left-width: 2px;
    }
}

.active\:pr-4 {
    &:active {
        padding-right: calc(var(--spacing) * 4);
    }
}

.active\:pl-4 {
    &:active {
        padding-left: calc(var(--spacing) * 4);
    }
}

.max-xl\:mt-4 {
    @media (width < 80rem) {
        margin-top: calc(var(--spacing) * 4);
    }
}

.max-xl\:justify-center {
    @media (width < 80rem) {
        justify-content: center;
    }
}

.max-xl\:overflow-auto {
    @media (width < 80rem) {
        overflow: auto;
    }
}

.max-lg\:fixed {
    @media (width < 64rem) {
        position: fixed;
    }
}

.max-lg\:inset-0 {
    @media (width < 64rem) {
        inset: calc(var(--spacing) * 0);
    }
}

.max-lg\:z-50 {
    @media (width < 64rem) {
        z-index: 50;
    }
}

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

.max-lg\:hidden {
    @media (width < 64rem) {
        display: none;
    }
}

.max-lg\:btn-sm {
    @media (width < 64rem) {
        height: calc(var(--spacing) * 10);
        border-radius: var(--radius-md);
        padding-inline: calc(var(--spacing) * 5);
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
        &>svg,
        &>img {
            height: calc(var(--spacing) * 5);
            width: calc(var(--spacing) * 5);
        }
        &:has(svg),
        &:has(img) {
            padding-inline: calc(var(--spacing) * 4);
        }
        &:has(svg+svg),
        &:has(img+img) {
            padding-inline: calc(var(--spacing) * 3);
        }
        &.btn-icon {
            width: calc(var(--spacing) * 10);
        }
    }
}

.max-lg\:max-h-\[calc\(100vh_-_6\.375rem\)\] {
    @media (width < 64rem) {
        max-height: calc(100vh - 6.375rem);
    }
}

.max-lg\:\ !w-64 {
    @media (width < 64rem) {
        width: calc(var(--spacing) * 64) !important;
    }
}

.max-lg\:w-full {
    @media (width < 64rem) {
        width: 100%;
    }
}

.max-lg\:\ !flex-nowrap {
    @media (width < 64rem) {
        flex-wrap: nowrap !important;
    }
}

.max-lg\:flex-wrap {
    @media (width < 64rem) {
        flex-wrap: wrap;
    }
}

.max-lg\:items-center {
    @media (width < 64rem) {
        align-items: center;
    }
}

.max-lg\:items-start {
    @media (width < 64rem) {
        align-items: flex-start;
    }
}

.max-lg\:justify-start {
    @media (width < 64rem) {
        justify-content: flex-start;
    }
}

.max-lg\:space-y-10 {
    @media (width < 64rem) {
        :where(&>: not(:last-child)) {
            --tw-space-y-reverse: 0;
            margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));
            margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)));
        }
    }
}

.max-lg\:overflow-auto {
    @media (width < 64rem) {
        overflow: auto;
    }
}

.max-lg\:bg-whitely-50 {
    @media (width < 64rem) {
        background-color: var(--color-whitely-50);
    }
}

.max-lg\:px-4 {
    @media (width < 64rem) {
        padding-inline: calc(var(--spacing) * 4);
    }
}

.max-lg\:py-4 {
    @media (width < 64rem) {
        padding-block: calc(var(--spacing) * 4);
    }
}

.max-lg\:text-sm {
    @media (width < 64rem) {
        font-size: var(--text-sm);
        line-height: var(--text-sm--line-height);
        font-weight: var(--text-sm-weight);
    }
}

.max-lg\:text-sm {
    @media (width < 64rem) {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
    }
}

.max-md\:\ !static {
    @media (width < 48rem) {
        position: static !important;
    }
}

.max-md\:w-full {
    @media (width < 48rem) {
        width: 100%;
    }
}

.max-md\:\ !transform-none {
    @media (width < 48rem) {
        transform: none !important;
    }
}

.max-md\:text-lg {
    @media (width < 48rem) {
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height));
    }
}

.max-sm\:flex {
    @media (width < 40rem) {
        display: flex;
    }
}

.max-sm\:hidden {
    @media (width < 40rem) {
        display: none;
    }
}

.max-sm\:items-center {
    @media (width < 40rem) {
        align-items: center;
    }
}

.max-sm\:py-4 {
    @media (width < 40rem) {
        padding-block: calc(var(--spacing) * 4);
    }
}

.min-\[1920px\]\:\ !left-0 {
    @media (width>=1920px) {
        left: calc(var(--spacing) * 0) !important;
    }
}

.sm\:pointer-events-none {
    @media (width>=40rem) {
        pointer-events: none;
    }
}

.sm\:col-span-4 {
    @media (width>=40rem) {
        grid-column: span 4 / span 4;
    }
}

.sm\:col-span-6 {
    @media (width>=40rem) {
        grid-column: span 6 / span 6;
    }
}

.sm\:mt-5 {
    @media (width>=40rem) {
        margin-top: calc(var(--spacing) * 5);
    }
}

.sm\:mt-6 {
    @media (width>=40rem) {
        margin-top: calc(var(--spacing) * 6);
    }
}

.sm\:mb-4 {
    @media (width>=40rem) {
        margin-bottom: calc(var(--spacing) * 4);
    }
}

.sm\:block {
    @media (width>=40rem) {
        display: block;
    }
}

.sm\:flex {
    @media (width>=40rem) {
        display: flex;
    }
}

.sm\:hidden {
    @media (width>=40rem) {
        display: none;
    }
}

.sm\:h-24 {
    @media (width>=40rem) {
        height: calc(var(--spacing) * 24);
    }
}

.sm\:h-44 {
    @media (width>=40rem) {
        height: calc(var(--spacing) * 44);
    }
}

.sm\:h-56 {
    @media (width>=40rem) {
        height: calc(var(--spacing) * 56);
    }
}

.sm\:h-80 {
    @media (width>=40rem) {
        height: calc(var(--spacing) * 80);
    }
}

.sm\:h-\[25rem\] {
    @media (width>=40rem) {
        height: 25rem;
    }
}

.sm\:h-full {
    @media (width>=40rem) {
        height: 100%;
    }
}

.sm\:max-h-48 {
    @media (width>=40rem) {
        max-height: calc(var(--spacing) * 48);
    }
}

.sm\:w-2\/12 {
    @media (width>=40rem) {
        width: calc(2 / 12 * 100%);
    }
}

.sm\:w-7\/12 {
    @media (width>=40rem) {
        width: calc(7 / 12 * 100%);
    }
}

.sm\:w-10\/12 {
    @media (width>=40rem) {
        width: calc(10 / 12 * 100%);
    }
}

.sm\:w-44 {
    @media (width>=40rem) {
        width: calc(var(--spacing) * 44);
    }
}

.sm\:w-auto {
    @media (width>=40rem) {
        width: auto;
    }
}

.sm\:w-full {
    @media (width>=40rem) {
        width: 100%;
    }
}

.sm\:max-w-sm {
    @media (width>=40rem) {
        max-width: var(--container-sm);
    }
}

.sm\:grid-cols-1 {
    @media (width>=40rem) {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}

.sm\:grid-cols-2 {
    @media (width>=40rem) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.sm\:flex-row {
    @media (width>=40rem) {
        flex-direction: row;
    }
}

.sm\:items-start {
    @media (width>=40rem) {
        align-items: flex-start;
    }
}

.sm\:justify-start {
    @media (width>=40rem) {
        justify-content: flex-start;
    }
}

.sm\:gap-4 {
    @media (width>=40rem) {
        gap: calc(var(--spacing) * 4);
    }
}

.sm\:gap-5 {
    @media (width>=40rem) {
        gap: calc(var(--spacing) * 5);
    }
}

.sm\:space-y-0 {
    @media (width>=40rem) {
        :where(&>: not(:last-child)) {
            --tw-space-y-reverse: 0;
            margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse));
            margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)));
        }
    }
}

.sm\:gap-x-2\.5 {
    @media (width>=40rem) {
        column-gap: calc(var(--spacing) * 2.5);
    }
}

.sm\:space-x-6 {
    @media (width>=40rem) {
        :where(&>: not(:last-child)) {
            --tw-space-x-reverse: 0;
            margin-inline-start: calc(calc(var(--spacing) * 6) * var(--tw-space-x-reverse));
            margin-inline-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-x-reverse)));
        }
    }
}

.sm\:gap-y-8 {
    @media (width>=40rem) {
        row-gap: calc(var(--spacing) * 8);
    }
}

.sm\:border-none {
    @media (width>=40rem) {
        --tw-border-style: none;
        border-style: none;
    }
}

.sm\:px-12 {
    @media (width>=40rem) {
        padding-inline: calc(var(--spacing) * 12);
    }
}

.sm\:py-6 {
    @media (width>=40rem) {
        padding-block: calc(var(--spacing) * 6);
    }
}

.sm\:text-left {
    @media (width>=40rem) {
        text-align: left;
    }
}

.sm\:text-h3 {
    @media (width>=40rem) {
        font-family: var(--text-h3-font-family);
        font-size: var(--text-h3);
        line-height: var(--text-h3--line-height);
    }
}

.sm\:text-h6 {
    @media (width>=40rem) {
        font-family: var(--text-h6-font-family);
        font-size: var(--text-h6);
        line-height: var(--text-h6--line-height);
    }
}

.sm\:text-sm {
    @media (width>=40rem) {
        font-size: var(--text-sm);
        line-height: var(--text-sm--line-height);
        font-weight: var(--text-sm-weight);
    }
}

.sm\:text-2xl {
    @media (width>=40rem) {
        font-size: var(--text-2xl);
        line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
}

.sm\:text-sm {
    @media (width>=40rem) {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
    }
}

.md\:invisible {
    @media (width>=48rem) {
        visibility: hidden;
    }
}

.md\:visible {
    @media (width>=48rem) {
        visibility: visible;
    }
}

.md\:top-2\/4 {
    @media (width>=48rem) {
        top: calc(2 / 4 * 100%);
    }
}

.md\:bottom-0 {
    @media (width>=48rem) {
        bottom: calc(var(--spacing) * 0);
    }
}

.md\:col-span-2 {
    @media (width>=48rem) {
        grid-column: span 2 / span 2;
    }
}

.md\:col-span-3 {
    @media (width>=48rem) {
        grid-column: span 3 / span 3;
    }
}

.md\:col-span-6 {
    @media (width>=48rem) {
        grid-column: span 6 / span 6;
    }
}

.md\:m-10 {
    @media (width>=48rem) {
        margin: calc(var(--spacing) * 10);
    }
}

.md\:mx-0 {
    @media (width>=48rem) {
        margin-inline: calc(var(--spacing) * 0);
    }
}

.md\:mx-5 {
    @media (width>=48rem) {
        margin-inline: calc(var(--spacing) * 5);
    }
}

.md\:mx-10 {
    @media (width>=48rem) {
        margin-inline: calc(var(--spacing) * 10);
    }
}

.md\:mx-auto {
    @media (width>=48rem) {
        margin-inline: auto;
    }
}

.md\:my-0 {
    @media (width>=48rem) {
        margin-block: calc(var(--spacing) * 0);
    }
}

.md\:my-16 {
    @media (width>=48rem) {
        margin-block: calc(var(--spacing) * 16);
    }
}

.md\:mt-0 {
    @media (width>=48rem) {
        margin-top: calc(var(--spacing) * 0);
    }
}

.md\:mt-5 {
    @media (width>=48rem) {
        margin-top: calc(var(--spacing) * 5);
    }
}

.md\:mt-8 {
    @media (width>=48rem) {
        margin-top: calc(var(--spacing) * 8);
    }
}

.md\:mt-10 {
    @media (width>=48rem) {
        margin-top: calc(var(--spacing) * 10);
    }
}

.md\:mt-12 {
    @media (width>=48rem) {
        margin-top: calc(var(--spacing) * 12);
    }
}

.md\:mt-32 {
    @media (width>=48rem) {
        margin-top: calc(var(--spacing) * 32);
    }
}

.md\:mb-0 {
    @media (width>=48rem) {
        margin-bottom: calc(var(--spacing) * 0);
    }
}

.md\:mb-4 {
    @media (width>=48rem) {
        margin-bottom: calc(var(--spacing) * 4);
    }
}

.md\:mb-8 {
    @media (width>=48rem) {
        margin-bottom: calc(var(--spacing) * 8);
    }
}

.md\:mb-9 {
    @media (width>=48rem) {
        margin-bottom: calc(var(--spacing) * 9);
    }
}

.md\:mb-10 {
    @media (width>=48rem) {
        margin-bottom: calc(var(--spacing) * 10);
    }
}

.md\:mb-12 {
    @media (width>=48rem) {
        margin-bottom: calc(var(--spacing) * 12);
    }
}

.md\:ml-5 {
    @media (width>=48rem) {
        margin-left: calc(var(--spacing) * 5);
    }
}

.md\:block {
    @media (width>=48rem) {
        display: block;
    }
}

.md\:flex {
    @media (width>=48rem) {
        display: flex;
    }
}

.md\:hidden {
    @media (width>=48rem) {
        display: none;
    }
}

.md\:aspect-auto {
    @media (width>=48rem) {
        aspect-ratio: auto;
    }
}

.md\:btn-base {
    @media (width>=48rem) {
        height: calc(var(--spacing) * 12);
        gap: calc(var(--spacing) * 2);
        padding-inline: calc(var(--spacing) * 6);
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
        &>svg {
            height: calc(var(--spacing) * 6);
            width: calc(var(--spacing) * 6);
        }
        &:has(svg) {
            padding-inline: calc(var(--spacing) * 5);
        }
        &:has(svg+svg) {
            padding-inline: calc(var(--spacing) * 4);
        }
        &>img {
            height: calc(var(--spacing) * 6);
            width: calc(var(--spacing) * 6);
        }
        &:has(img) {
            padding-inline: calc(var(--spacing) * 5);
        }
        &:has(img+img) {
            padding-inline: calc(var(--spacing) * 4);
        }
        &.btn-icon {
            width: calc(var(--spacing) * 12);
            gap: calc(var(--spacing) * 0);
            padding-inline: calc(var(--spacing) * 0);
        }
    }
}

.md\:btn-lg {
    @media (width>=48rem) {
        height: calc(var(--spacing) * 13);
        gap: calc(var(--spacing) * 3);
        padding-inline: calc(var(--spacing) * 7);
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height));
        &>svg,
        &>img {
            height: calc(var(--spacing) * 7);
            width: calc(var(--spacing) * 7);
        }
        &:has(svg),
        &:has(img) {
            padding-inline: calc(var(--spacing) * 6);
        }
        &:has(svg+svg),
        &:has(img+img) {
            padding-inline: calc(var(--spacing) * 5);
        }
        &.btn-icon {
            width: calc(var(--spacing) * 13);
        }
    }
}

.md\:h-1\/3 {
    @media (width>=48rem) {
        height: calc(1 / 3 * 100%);
    }
}

.md\:h-8 {
    @media (width>=48rem) {
        height: calc(var(--spacing) * 8);
    }
}

.md\:h-10 {
    @media (width>=48rem) {
        height: calc(var(--spacing) * 10);
    }
}

.md\:h-20 {
    @media (width>=48rem) {
        height: calc(var(--spacing) * 20);
    }
}

.md\:h-36 {
    @media (width>=48rem) {
        height: calc(var(--spacing) * 36);
    }
}

.md\:h-44 {
    @media (width>=48rem) {
        height: calc(var(--spacing) * 44);
    }
}

.md\:h-48 {
    @media (width>=48rem) {
        height: calc(var(--spacing) * 48);
    }
}

.md\:h-56 {
    @media (width>=48rem) {
        height: calc(var(--spacing) * 56);
    }
}

.md\:h-64 {
    @media (width>=48rem) {
        height: calc(var(--spacing) * 64);
    }
}

.md\:h-80 {
    @media (width>=48rem) {
        height: calc(var(--spacing) * 80);
    }
}

.md\:h-\[35rem\] {
    @media (width>=48rem) {
        height: 35rem;
    }
}

.md\:h-\[502px\] {
    @media (width>=48rem) {
        height: 502px;
    }
}

.md\:h-auto {
    @media (width>=48rem) {
        height: auto;
    }
}

.md\:h-full {
    @media (width>=48rem) {
        height: 100%;
    }
}

.md\:max-h-\[300px\] {
    @media (width>=48rem) {
        max-height: 300px;
    }
}

.md\:max-h-\[450px\] {
    @media (width>=48rem) {
        max-height: 450px;
    }
}

.md\:w-1\/2 {
    @media (width>=48rem) {
        width: calc(1 / 2 * 100%);
    }
}

.md\:w-1\/3 {
    @media (width>=48rem) {
        width: calc(1 / 3 * 100%);
    }
}

.md\:w-1\/4 {
    @media (width>=48rem) {
        width: calc(1 / 4 * 100%);
    }
}

.md\:w-1\/12 {
    @media (width>=48rem) {
        width: calc(1 / 12 * 100%);
    }
}

.md\:w-2\/3 {
    @media (width>=48rem) {
        width: calc(2 / 3 * 100%);
    }
}

.md\:w-2\/5 {
    @media (width>=48rem) {
        width: calc(2 / 5 * 100%);
    }
}

.md\:w-3\/4 {
    @media (width>=48rem) {
        width: calc(3 / 4 * 100%);
    }
}

.md\:w-3\/5 {
    @media (width>=48rem) {
        width: calc(3 / 5 * 100%);
    }
}

.md\:w-3\/12 {
    @media (width>=48rem) {
        width: calc(3 / 12 * 100%);
    }
}

.md\:w-4\/12 {
    @media (width>=48rem) {
        width: calc(4 / 12 * 100%);
    }
}

.md\:w-6\/12 {
    @media (width>=48rem) {
        width: calc(6 / 12 * 100%);
    }
}

.md\:w-7\/12 {
    @media (width>=48rem) {
        width: calc(7 / 12 * 100%);
    }
}

.md\:w-8 {
    @media (width>=48rem) {
        width: calc(var(--spacing) * 8);
    }
}

.md\:w-8\/12 {
    @media (width>=48rem) {
        width: calc(8 / 12 * 100%);
    }
}

.md\:w-9\/12 {
    @media (width>=48rem) {
        width: calc(9 / 12 * 100%);
    }
}

.md\:w-10 {
    @media (width>=48rem) {
        width: calc(var(--spacing) * 10);
    }
}

.md\:w-10\/12 {
    @media (width>=48rem) {
        width: calc(10 / 12 * 100%);
    }
}

.md\:w-12\/12 {
    @media (width>=48rem) {
        width: calc(12 / 12 * 100%);
    }
}

.md\:w-32 {
    @media (width>=48rem) {
        width: calc(var(--spacing) * 32);
    }
}

.md\:w-48 {
    @media (width>=48rem) {
        width: calc(var(--spacing) * 48);
    }
}

.md\:w-56 {
    @media (width>=48rem) {
        width: calc(var(--spacing) * 56);
    }
}

.md\:w-64 {
    @media (width>=48rem) {
        width: calc(var(--spacing) * 64);
    }
}

.md\:w-72 {
    @media (width>=48rem) {
        width: calc(var(--spacing) * 72);
    }
}

.md\:w-96 {
    @media (width>=48rem) {
        width: calc(var(--spacing) * 96);
    }
}

.md\:w-auto {
    @media (width>=48rem) {
        width: auto;
    }
}

.md\:w-full {
    @media (width>=48rem) {
        width: 100%;
    }
}

.md\:min-w-20 {
    @media (width>=48rem) {
        min-width: calc(var(--spacing) * 20);
    }
}

.md\:-translate-y-2\/4 {
    @media (width>=48rem) {
        --tw-translate-y: calc(calc(2 / 4 * 100%) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
}

.md\:grid-cols-1 {
    @media (width>=48rem) {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}

.md\:grid-cols-2 {
    @media (width>=48rem) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.md\:grid-cols-3 {
    @media (width>=48rem) {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

.md\:grid-cols-4 {
    @media (width>=48rem) {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

.md\:grid-cols-\[2fr_9fr\] {
    @media (width>=48rem) {
        grid-template-columns: 2fr 9fr;
    }
}

.md\:flex-col {
    @media (width>=48rem) {
        flex-direction: column;
    }
}

.md\:flex-row {
    @media (width>=48rem) {
        flex-direction: row;
    }
}

.md\:flex-wrap {
    @media (width>=48rem) {
        flex-wrap: wrap;
    }
}

.md\:items-center {
    @media (width>=48rem) {
        align-items: center;
    }
}

.md\:items-end {
    @media (width>=48rem) {
        align-items: flex-end;
    }
}

.md\:justify-between {
    @media (width>=48rem) {
        justify-content: space-between;
    }
}

.md\:justify-center {
    @media (width>=48rem) {
        justify-content: center;
    }
}

.md\:justify-end {
    @media (width>=48rem) {
        justify-content: flex-end;
    }
}

.md\:justify-start {
    @media (width>=48rem) {
        justify-content: flex-start;
    }
}

.md\:gap-4 {
    @media (width>=48rem) {
        gap: calc(var(--spacing) * 4);
    }
}

.md\:gap-5 {
    @media (width>=48rem) {
        gap: calc(var(--spacing) * 5);
    }
}

.md\:gap-6 {
    @media (width>=48rem) {
        gap: calc(var(--spacing) * 6);
    }
}

.md\:gap-8 {
    @media (width>=48rem) {
        gap: calc(var(--spacing) * 8);
    }
}

.md\:space-y-5 {
    @media (width>=48rem) {
        :where(&>: not(:last-child)) {
            --tw-space-y-reverse: 0;
            margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
            margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
        }
    }
}

.md\:space-x-0 {
    @media (width>=48rem) {
        :where(&>: not(:last-child)) {
            --tw-space-x-reverse: 0;
            margin-inline-start: calc(calc(var(--spacing) * 0) * var(--tw-space-x-reverse));
            margin-inline-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-x-reverse)));
        }
    }
}

.md\:gap-y-8 {
    @media (width>=48rem) {
        row-gap: calc(var(--spacing) * 8);
    }
}

.md\:gap-y-12 {
    @media (width>=48rem) {
        row-gap: calc(var(--spacing) * 12);
    }
}

.md\:rounded-lg {
    @media (width>=48rem) {
        border-radius: var(--radius-lg);
    }
}

.md\:border-l {
    @media (width>=48rem) {
        border-left-style: var(--tw-border-style);
        border-left-width: 1px;
    }
}

.md\:border-\[\#EEF1F4\] {
    @media (width>=48rem) {
        border-color: #EEF1F4;
    }
}

.md\:bg-\[url\(\'\.\.\/images\/contactus-map-1\.png\'\)\] {
 @media (width>=48rem) {
    background-image: url('../images/contactus-map-1.png');
}

}

.md\:bg-\[url\(\'\.\.\/images\/contactus-map-02-ar\.png\'\)\] {
 @media (width>=48rem) {
    background-image: url('../images/contactus-map-02-ar.png');
}

}

.md\:bg-cover {
    @media (width>=48rem) {
        background-size: cover;
    }
}

.md\:p-4 {
    @media (width>=48rem) {
        padding: calc(var(--spacing) * 4);
    }
}

.md\:p-8 {
    @media (width>=48rem) {
        padding: calc(var(--spacing) * 8);
    }
}

.md\:p-10 {
    @media (width>=48rem) {
        padding: calc(var(--spacing) * 10);
    }
}

.md\:p-12 {
    @media (width>=48rem) {
        padding: calc(var(--spacing) * 12);
    }
}

.md\:p-14 {
    @media (width>=48rem) {
        padding: calc(var(--spacing) * 14);
    }
}

.md\:px-0 {
    @media (width>=48rem) {
        padding-inline: calc(var(--spacing) * 0);
    }
}

.md\:px-4 {
    @media (width>=48rem) {
        padding-inline: calc(var(--spacing) * 4);
    }
}

.md\:px-5 {
    @media (width>=48rem) {
        padding-inline: calc(var(--spacing) * 5);
    }
}

.md\:px-6 {
    @media (width>=48rem) {
        padding-inline: calc(var(--spacing) * 6);
    }
}

.md\:py-5 {
    @media (width>=48rem) {
        padding-block: calc(var(--spacing) * 5);
    }
}

.md\:py-8 {
    @media (width>=48rem) {
        padding-block: calc(var(--spacing) * 8);
    }
}

.md\:py-10 {
    @media (width>=48rem) {
        padding-block: calc(var(--spacing) * 10);
    }
}

.md\:py-12 {
    @media (width>=48rem) {
        padding-block: calc(var(--spacing) * 12);
    }
}

.md\:py-16 {
    @media (width>=48rem) {
        padding-block: calc(var(--spacing) * 16);
    }
}

.md\:ps-20 {
    @media (width>=48rem) {
        padding-inline-start: calc(var(--spacing) * 20);
    }
}

.md\:pt-3 {
    @media (width>=48rem) {
        padding-top: calc(var(--spacing) * 3);
    }
}

.md\:pt-5 {
    @media (width>=48rem) {
        padding-top: calc(var(--spacing) * 5);
    }
}

.md\:pt-11 {
    @media (width>=48rem) {
        padding-top: calc(var(--spacing) * 11);
    }
}

.md\:pt-80 {
    @media (width>=48rem) {
        padding-top: calc(var(--spacing) * 80);
    }
}

.md\:pr-4 {
    @media (width>=48rem) {
        padding-right: calc(var(--spacing) * 4);
    }
}

.md\:pb-9 {
    @media (width>=48rem) {
        padding-bottom: calc(var(--spacing) * 9);
    }
}

.md\:pl-2 {
    @media (width>=48rem) {
        padding-left: calc(var(--spacing) * 2);
    }
}

.md\:pl-4 {
    @media (width>=48rem) {
        padding-left: calc(var(--spacing) * 4);
    }
}

.md\:text-center {
    @media (width>=48rem) {
        text-align: center;
    }
}

.md\:text-end {
    @media (width>=48rem) {
        text-align: end;
    }
}

.md\:text-h1 {
    @media (width>=48rem) {
        font-family: var(--text-h1-font-family);
        font-size: var(--text-h1);
        line-height: var(--text-h1--line-height);
    }
}

.md\:text-h3 {
    @media (width>=48rem) {
        font-family: var(--text-h3-font-family);
        font-size: var(--text-h3);
        line-height: var(--text-h3--line-height);
    }
}

.md\:text-h4 {
    @media (width>=48rem) {
        font-family: var(--text-h4-font-family);
        font-size: var(--text-h4);
        line-height: var(--text-h4--line-height);
    }
}

.md\:text-h5 {
    @media (width>=48rem) {
        font-family: var(--text-h5-font-family);
        font-size: var(--text-h5);
        line-height: var(--text-h5--line-height);
    }
}

.md\:text-h6 {
    @media (width>=48rem) {
        font-family: var(--text-h6-font-family);
        font-size: var(--text-h6);
        line-height: var(--text-h6--line-height);
    }
}

.md\:text-2xl {
    @media (width>=48rem) {
        font-size: var(--text-2xl);
        line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
}

.md\:text-base {
    @media (width>=48rem) {
        font-size: var(--text-base);
        line-height: var(--text-base--line-height);
    }
}

.md\:text-base {
    @media (width>=48rem) {
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
    }
}

.md\:text-xl {
    @media (width>=48rem) {
        font-size: var(--text-xl);
        line-height: var(--tw-leading, var(--text-xl--line-height));
    }
}

.md\:shadow-xl {
    @media (width>=48rem) {
        --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
}

.lg\:invisible {
    @media (width>=64rem) {
        visibility: hidden;
    }
}

.lg\:visible {
    @media (width>=64rem) {
        visibility: visible;
    }
}

.lg\:absolute {
    @media (width>=64rem) {
        position: absolute;
    }
}

.lg\:relative {
    @media (width>=64rem) {
        position: relative;
    }
}

.lg\:start-20 {
    @media (width>=64rem) {
        inset-inline-start: calc(var(--spacing) * 20);
    }
}

.lg\:top-0 {
    @media (width>=64rem) {
        top: calc(var(--spacing) * 0);
    }
}

.lg\:top-1\/2 {
    @media (width>=64rem) {
        top: calc(1 / 2 * 100%);
    }
}

.lg\:right-0 {
    @media (width>=64rem) {
        right: calc(var(--spacing) * 0);
    }
}

.lg\:left-0 {
    @media (width>=64rem) {
        left: calc(var(--spacing) * 0);
    }
}

.lg\:left-12 {
    @media (width>=64rem) {
        left: calc(var(--spacing) * 12);
    }
}

.lg\:order-last {
    @media (width>=64rem) {
        order: 9999;
    }
}

.lg\:col-span-1 {
    @media (width>=64rem) {
        grid-column: span 1 / span 1;
    }
}

.lg\:col-span-2 {
    @media (width>=64rem) {
        grid-column: span 2 / span 2;
    }
}

.lg\:col-span-3 {
    @media (width>=64rem) {
        grid-column: span 3 / span 3;
    }
}

.lg\:col-span-4 {
    @media (width>=64rem) {
        grid-column: span 4 / span 4;
    }
}

.lg\:col-span-9 {
    @media (width>=64rem) {
        grid-column: span 9 / span 9;
    }
}

.lg\:col-span-10 {
    @media (width>=64rem) {
        grid-column: span 10 / span 10;
    }
}

.lg\:col-start-2 {
    @media (width>=64rem) {
        grid-column-start: 2;
    }
}

.lg\:m-0 {
    @media (width>=64rem) {
        margin: calc(var(--spacing) * 0);
    }
}

.lg\:m-2 {
    @media (width>=64rem) {
        margin: calc(var(--spacing) * 2);
    }
}

.lg\:mx-0 {
    @media (width>=64rem) {
        margin-inline: calc(var(--spacing) * 0);
    }
}

.lg\:mx-2 {
    @media (width>=64rem) {
        margin-inline: calc(var(--spacing) * 2);
    }
}

.lg\:mx-10 {
    @media (width>=64rem) {
        margin-inline: calc(var(--spacing) * 10);
    }
}

.lg\:mx-auto {
    @media (width>=64rem) {
        margin-inline: auto;
    }
}

.lg\:\ !my-0 {
    @media (width>=64rem) {
        margin-block: calc(var(--spacing) * 0) !important;
    }
}

.lg\:my-0 {
    @media (width>=64rem) {
        margin-block: calc(var(--spacing) * 0);
    }
}

.lg\:my-2 {
    @media (width>=64rem) {
        margin-block: calc(var(--spacing) * 2);
    }
}

.lg\:my-6 {
    @media (width>=64rem) {
        margin-block: calc(var(--spacing) * 6);
    }
}

.lg\:my-14 {
    @media (width>=64rem) {
        margin-block: calc(var(--spacing) * 14);
    }
}

.lg\:my-16 {
    @media (width>=64rem) {
        margin-block: calc(var(--spacing) * 16);
    }
}

.lg\:ms-auto {
    @media (width>=64rem) {
        margin-inline-start: auto;
    }
}

.lg\:mt-0 {
    @media (width>=64rem) {
        margin-top: calc(var(--spacing) * 0);
    }
}

.lg\:mt-5 {
    @media (width>=64rem) {
        margin-top: calc(var(--spacing) * 5);
    }
}

.lg\:mt-8 {
    @media (width>=64rem) {
        margin-top: calc(var(--spacing) * 8);
    }
}

.lg\:mt-10 {
    @media (width>=64rem) {
        margin-top: calc(var(--spacing) * 10);
    }
}

.lg\:mt-12 {
    @media (width>=64rem) {
        margin-top: calc(var(--spacing) * 12);
    }
}

.lg\:mt-14 {
    @media (width>=64rem) {
        margin-top: calc(var(--spacing) * 14);
    }
}

.lg\:mt-16 {
    @media (width>=64rem) {
        margin-top: calc(var(--spacing) * 16);
    }
}

.lg\:mt-20 {
    @media (width>=64rem) {
        margin-top: calc(var(--spacing) * 20);
    }
}

.lg\:mb-4 {
    @media (width>=64rem) {
        margin-bottom: calc(var(--spacing) * 4);
    }
}

.lg\:mb-7 {
    @media (width>=64rem) {
        margin-bottom: calc(var(--spacing) * 7);
    }
}

.lg\:mb-12 {
    @media (width>=64rem) {
        margin-bottom: calc(var(--spacing) * 12);
    }
}

.lg\:ml-16 {
    @media (width>=64rem) {
        margin-left: calc(var(--spacing) * 16);
    }
}

.lg\:line-clamp-none {
    @media (width>=64rem) {
        overflow: visible;
        display: block;
        -webkit-box-orient: horizontal;
        -webkit-line-clamp: unset;
    }
}

.lg\:block {
    @media (width>=64rem) {
        display: block;
    }
}

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

.lg\:grid {
    @media (width>=64rem) {
        display: grid;
    }
}

.lg\:hidden {
    @media (width>=64rem) {
        display: none;
    }
}

.lg\:inline-block {
    @media (width>=64rem) {
        display: inline-block;
    }
}

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

.lg\:btn-lg {
    @media (width>=64rem) {
        height: calc(var(--spacing) * 13);
        gap: calc(var(--spacing) * 3);
        padding-inline: calc(var(--spacing) * 7);
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height));
        &>svg,
        &>img {
            height: calc(var(--spacing) * 7);
            width: calc(var(--spacing) * 7);
        }
        &:has(svg),
        &:has(img) {
            padding-inline: calc(var(--spacing) * 6);
        }
        &:has(svg+svg),
        &:has(img+img) {
            padding-inline: calc(var(--spacing) * 5);
        }
        &.btn-icon {
            width: calc(var(--spacing) * 13);
        }
    }
}

.lg\:h-7 {
    @media (width>=64rem) {
        height: calc(var(--spacing) * 7);
    }
}

.lg\:h-10 {
    @media (width>=64rem) {
        height: calc(var(--spacing) * 10);
    }
}

.lg\:h-12 {
    @media (width>=64rem) {
        height: calc(var(--spacing) * 12);
    }
}

.lg\:h-14 {
    @media (width>=64rem) {
        height: calc(var(--spacing) * 14);
    }
}

.lg\:h-20 {
    @media (width>=64rem) {
        height: calc(var(--spacing) * 20);
    }
}

.lg\:h-28 {
    @media (width>=64rem) {
        height: calc(var(--spacing) * 28);
    }
}

.lg\:h-32 {
    @media (width>=64rem) {
        height: calc(var(--spacing) * 32);
    }
}

.lg\:h-48 {
    @media (width>=64rem) {
        height: calc(var(--spacing) * 48);
    }
}

.lg\:h-52 {
    @media (width>=64rem) {
        height: calc(var(--spacing) * 52);
    }
}

.lg\:h-96 {
    @media (width>=64rem) {
        height: calc(var(--spacing) * 96);
    }
}

.lg\:h-\[500px\] {
    @media (width>=64rem) {
        height: 500px;
    }
}

.lg\:h-\[670px\] {
    @media (width>=64rem) {
        height: 670px;
    }
}

.lg\:h-auto {
    @media (width>=64rem) {
        height: auto;
    }
}

.lg\:max-h-\[500px\] {
    @media (width>=64rem) {
        max-height: 500px;
    }
}

.lg\:\ !w-72 {
    @media (width>=64rem) {
        width: calc(var(--spacing) * 72) !important;
    }
}

.lg\:w-1\/2 {
    @media (width>=64rem) {
        width: calc(1 / 2 * 100%);
    }
}

.lg\:w-1\/3 {
    @media (width>=64rem) {
        width: calc(1 / 3 * 100%);
    }
}

.lg\:w-1\/4 {
    @media (width>=64rem) {
        width: calc(1 / 4 * 100%);
    }
}

.lg\:w-1\/6 {
    @media (width>=64rem) {
        width: calc(1 / 6 * 100%);
    }
}

.lg\:w-2\/3 {
    @media (width>=64rem) {
        width: calc(2 / 3 * 100%);
    }
}

.lg\:w-2\/5 {
    @media (width>=64rem) {
        width: calc(2 / 5 * 100%);
    }
}

.lg\:w-2\/12 {
    @media (width>=64rem) {
        width: calc(2 / 12 * 100%);
    }
}

.lg\:w-3\/12 {
    @media (width>=64rem) {
        width: calc(3 / 12 * 100%);
    }
}

.lg\:w-4\/5 {
    @media (width>=64rem) {
        width: calc(4 / 5 * 100%);
    }
}

.lg\:w-4\/12 {
    @media (width>=64rem) {
        width: calc(4 / 12 * 100%);
    }
}

.lg\:w-5\/12 {
    @media (width>=64rem) {
        width: calc(5 / 12 * 100%);
    }
}

.lg\:w-7 {
    @media (width>=64rem) {
        width: calc(var(--spacing) * 7);
    }
}

.lg\:w-7\/12 {
    @media (width>=64rem) {
        width: calc(7 / 12 * 100%);
    }
}

.lg\:w-8\/12 {
    @media (width>=64rem) {
        width: calc(8 / 12 * 100%);
    }
}

.lg\:w-9\/12 {
    @media (width>=64rem) {
        width: calc(9 / 12 * 100%);
    }
}

.lg\:w-10 {
    @media (width>=64rem) {
        width: calc(var(--spacing) * 10);
    }
}

.lg\:w-10\/2 {
    @media (width>=64rem) {
        width: calc(10 / 2 * 100%);
    }
}

.lg\:w-10\/12 {
    @media (width>=64rem) {
        width: calc(10 / 12 * 100%);
    }
}

.lg\:w-11 {
    @media (width>=64rem) {
        width: calc(var(--spacing) * 11);
    }
}

.lg\:w-14 {
    @media (width>=64rem) {
        width: calc(var(--spacing) * 14);
    }
}

.lg\:w-32 {
    @media (width>=64rem) {
        width: calc(var(--spacing) * 32);
    }
}

.lg\:w-36 {
    @media (width>=64rem) {
        width: calc(var(--spacing) * 36);
    }
}

.lg\:w-48 {
    @media (width>=64rem) {
        width: calc(var(--spacing) * 48);
    }
}

.lg\:w-52 {
    @media (width>=64rem) {
        width: calc(var(--spacing) * 52);
    }
}

.lg\:w-72 {
    @media (width>=64rem) {
        width: calc(var(--spacing) * 72);
    }
}

.lg\:w-96 {
    @media (width>=64rem) {
        width: calc(var(--spacing) * 96);
    }
}

.lg\:w-auto {
    @media (width>=64rem) {
        width: auto;
    }
}

.lg\:w-full {
    @media (width>=64rem) {
        width: 100%;
    }
}

.lg\:w-screen {
    @media (width>=64rem) {
        width: 100vw;
    }
}

.lg\:max-w-lg {
    @media (width>=64rem) {
        max-width: var(--container-lg);
    }
}

.lg\:max-w-none {
    @media (width>=64rem) {
        max-width: none;
    }
}

.lg\:max-w-sm {
    @media (width>=64rem) {
        max-width: var(--container-sm);
    }
}

.lg\:max-w-xl {
    @media (width>=64rem) {
        max-width: var(--container-xl);
    }
}

.lg\:translate-y-\[-50\%\] {
    @media (width>=64rem) {
        --tw-translate-y: -50%;
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
}

.lg\:columns-2 {
    @media (width>=64rem) {
        columns: 2;
    }
}

.lg\:grid-cols-1 {
    @media (width>=64rem) {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}

.lg\:grid-cols-2 {
    @media (width>=64rem) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.lg\:grid-cols-3 {
    @media (width>=64rem) {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

.lg\:grid-cols-4 {
    @media (width>=64rem) {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

.lg\:grid-cols-5 {
    @media (width>=64rem) {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}

.lg\:grid-cols-6 {
    @media (width>=64rem) {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }
}

.lg\:grid-cols-8 {
    @media (width>=64rem) {
        grid-template-columns: repeat(8, minmax(0, 1fr));
    }
}

.lg\:grid-cols-12 {
    @media (width>=64rem) {
        grid-template-columns: repeat(12, minmax(0, 1fr));
    }
}

.lg\:flex-row {
    @media (width>=64rem) {
        flex-direction: row;
    }
}

.lg\:flex-nowrap {
    @media (width>=64rem) {
        flex-wrap: nowrap;
    }
}

.lg\:flex-wrap {
    @media (width>=64rem) {
        flex-wrap: wrap;
    }
}

.lg\:items-center {
    @media (width>=64rem) {
        align-items: center;
    }
}

.lg\:items-start {
    @media (width>=64rem) {
        align-items: flex-start;
    }
}

.lg\:justify-between {
    @media (width>=64rem) {
        justify-content: space-between;
    }
}

.lg\:justify-end {
    @media (width>=64rem) {
        justify-content: flex-end;
    }
}

.lg\:justify-normal {
    @media (width>=64rem) {
        justify-content: normal;
    }
}

.lg\:gap-1 {
    @media (width>=64rem) {
        gap: calc(var(--spacing) * 1);
    }
}

.lg\:gap-4 {
    @media (width>=64rem) {
        gap: calc(var(--spacing) * 4);
    }
}

.lg\:gap-5 {
    @media (width>=64rem) {
        gap: calc(var(--spacing) * 5);
    }
}

.lg\:gap-6 {
    @media (width>=64rem) {
        gap: calc(var(--spacing) * 6);
    }
}

.lg\:gap-7 {
    @media (width>=64rem) {
        gap: calc(var(--spacing) * 7);
    }
}

.lg\:gap-8 {
    @media (width>=64rem) {
        gap: calc(var(--spacing) * 8);
    }
}

.lg\:gap-10 {
    @media (width>=64rem) {
        gap: calc(var(--spacing) * 10);
    }
}

.lg\:gap-16 {
    @media (width>=64rem) {
        gap: calc(var(--spacing) * 16);
    }
}

.lg\:space-y-3 {
    @media (width>=64rem) {
        :where(&>: not(:last-child)) {
            --tw-space-y-reverse: 0;
            margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
            margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
        }
    }
}

.lg\:gap-y-8 {
    @media (width>=64rem) {
        row-gap: calc(var(--spacing) * 8);
    }
}

.lg\:rounded-full {
    @media (width>=64rem) {
        border-radius: calc(infinity * 1px);
    }
}

.lg\:border {
    @media (width>=64rem) {
        border-style: var(--tw-border-style);
        border-width: 1px;
    }
}

.lg\:border-0 {
    @media (width>=64rem) {
        border-style: var(--tw-border-style);
        border-width: 0px;
    }
}

.lg\:border-primary-600 {
    @media (width>=64rem) {
        border-color: var(--color-primary-600);
    }
}

.lg\:bg-primary-600 {
    @media (width>=64rem) {
        background-color: var(--color-primary-600);
    }
}

.lg\:bg-transparent {
    @media (width>=64rem) {
        background-color: transparent;
    }
}

.lg\:bg-whitely-200 {
    @media (width>=64rem) {
        background-color: var(--color-whitely-200);
    }
}

.lg\:bg-left {
    @media (width>=64rem) {
        background-position: left;
    }
}

.lg\:bg-right {
    @media (width>=64rem) {
        background-position: right;
    }
}

.lg\:p-0 {
    @media (width>=64rem) {
        padding: calc(var(--spacing) * 0);
    }
}

.lg\:p-5 {
    @media (width>=64rem) {
        padding: calc(var(--spacing) * 5);
    }
}

.lg\:p-6 {
    @media (width>=64rem) {
        padding: calc(var(--spacing) * 6);
    }
}

.lg\:p-10 {
    @media (width>=64rem) {
        padding: calc(var(--spacing) * 10);
    }
}

.lg\:p-14 {
    @media (width>=64rem) {
        padding: calc(var(--spacing) * 14);
    }
}

.lg\:p-16 {
    @media (width>=64rem) {
        padding: calc(var(--spacing) * 16);
    }
}

.lg\:px-2 {
    @media (width>=64rem) {
        padding-inline: calc(var(--spacing) * 2);
    }
}

.lg\:px-4 {
    @media (width>=64rem) {
        padding-inline: calc(var(--spacing) * 4);
    }
}

.lg\:px-6 {
    @media (width>=64rem) {
        padding-inline: calc(var(--spacing) * 6);
    }
}

.lg\:px-7 {
    @media (width>=64rem) {
        padding-inline: calc(var(--spacing) * 7);
    }
}

.lg\:px-8 {
    @media (width>=64rem) {
        padding-inline: calc(var(--spacing) * 8);
    }
}

.lg\:px-10 {
    @media (width>=64rem) {
        padding-inline: calc(var(--spacing) * 10);
    }
}

.lg\:px-14 {
    @media (width>=64rem) {
        padding-inline: calc(var(--spacing) * 14);
    }
}

.lg\:px-16 {
    @media (width>=64rem) {
        padding-inline: calc(var(--spacing) * 16);
    }
}

.lg\:py-4 {
    @media (width>=64rem) {
        padding-block: calc(var(--spacing) * 4);
    }
}

.lg\:py-10 {
    @media (width>=64rem) {
        padding-block: calc(var(--spacing) * 10);
    }
}

.lg\:py-12 {
    @media (width>=64rem) {
        padding-block: calc(var(--spacing) * 12);
    }
}

.lg\:py-14 {
    @media (width>=64rem) {
        padding-block: calc(var(--spacing) * 14);
    }
}

.lg\:py-16 {
    @media (width>=64rem) {
        padding-block: calc(var(--spacing) * 16);
    }
}

.lg\:py-20 {
    @media (width>=64rem) {
        padding-block: calc(var(--spacing) * 20);
    }
}

.lg\:ps-4 {
    @media (width>=64rem) {
        padding-inline-start: calc(var(--spacing) * 4);
    }
}

.lg\:pe-4 {
    @media (width>=64rem) {
        padding-inline-end: calc(var(--spacing) * 4);
    }
}

.lg\:pt-2 {
    @media (width>=64rem) {
        padding-top: calc(var(--spacing) * 2);
    }
}

.lg\:pt-5 {
    @media (width>=64rem) {
        padding-top: calc(var(--spacing) * 5);
    }
}

.lg\:pt-12 {
    @media (width>=64rem) {
        padding-top: calc(var(--spacing) * 12);
    }
}

.lg\:pt-16 {
    @media (width>=64rem) {
        padding-top: calc(var(--spacing) * 16);
    }
}

.lg\:pb-0 {
    @media (width>=64rem) {
        padding-bottom: calc(var(--spacing) * 0);
    }
}

.lg\:pb-3 {
    @media (width>=64rem) {
        padding-bottom: calc(var(--spacing) * 3);
    }
}

.lg\:pb-8 {
    @media (width>=64rem) {
        padding-bottom: calc(var(--spacing) * 8);
    }
}

.lg\:pb-10 {
    @media (width>=64rem) {
        padding-bottom: calc(var(--spacing) * 10);
    }
}

.lg\:text-h2 {
    @media (width>=64rem) {
        font-family: var(--text-h2-font-family);
        font-size: var(--text-h2);
        line-height: var(--text-h2--line-height);
    }
}

.lg\:text-h3 {
    @media (width>=64rem) {
        font-family: var(--text-h3-font-family);
        font-size: var(--text-h3);
        line-height: var(--text-h3--line-height);
    }
}

.lg\:text-h4 {
    @media (width>=64rem) {
        font-family: var(--text-h4-font-family);
        font-size: var(--text-h4);
        line-height: var(--text-h4--line-height);
    }
}

.lg\:text-h5 {
    @media (width>=64rem) {
        font-family: var(--text-h5-font-family);
        font-size: var(--text-h5);
        line-height: var(--text-h5--line-height);
    }
}

.lg\:text-h6 {
    @media (width>=64rem) {
        font-family: var(--text-h6-font-family);
        font-size: var(--text-h6);
        line-height: var(--text-h6--line-height);
    }
}

.lg\:text-sm {
    @media (width>=64rem) {
        font-size: var(--text-sm);
        line-height: var(--text-sm--line-height);
        font-weight: var(--text-sm-weight);
    }
}

.lg\:text-2xl {
    @media (width>=64rem) {
        font-size: var(--text-2xl);
        line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
}

.lg\:text-lg {
    @media (width>=64rem) {
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height));
    }
}

.lg\:text-sm {
    @media (width>=64rem) {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
    }
}

.lg\:text-whitely-50 {
    @media (width>=64rem) {
        color: var(--color-whitely-50);
    }
}

.lg\:group-hover\:fill-primary-900 {
    @media (width>=64rem) {
        &:is(:where(.group): hover *) {
            @media (hover: hover) {
                fill: var(--color-primary-900);
            }
        }
    }
}

.lg\:group-hover\:text-primary-100 {
    @media (width>=64rem) {
        &:is(:where(.group): hover *) {
            @media (hover: hover) {
                color: var(--color-primary-100);
            }
        }
    }
}

.lg\:last\:after\:hidden {
    @media (width>=64rem) {
        &:last-child {
            &::after {
                content: var(--tw-content);
                display: none;
            }
        }
    }
}

.lg\:hover\:shadow-md {
    @media (width>=64rem) {
        &:hover {
            @media (hover: hover) {
                --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
                box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
            }
        }
    }
}

.lg\:hover\:shadow-primary-400\/50 {
    @media (width>=64rem) {
        &:hover {
            @media (hover: hover) {
                --tw-shadow-color: color-mix(in srgb, #768EA6 50%, transparent);
                @supports (color: color-mix(in lab, red, red)) {
                    --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-primary-400) 50%, transparent) var(--tw-shadow-alpha), transparent);
                }
            }
        }
    }
}

.xl\:absolute {
    @media (width>=80rem) {
        position: absolute;
    }
}

.xl\:bottom-10 {
    @media (width>=80rem) {
        bottom: calc(var(--spacing) * 10);
    }
}

.xl\:left-\[4\.25rem\] {
    @media (width>=80rem) {
        left: 4.25rem;
    }
}

.xl\:left-\[5\.75rem\] {
    @media (width>=80rem) {
        left: 5.75rem;
    }
}

.xl\:col-span-2 {
    @media (width>=80rem) {
        grid-column: span 2 / span 2;
    }
}

.xl\:col-start-2 {
    @media (width>=80rem) {
        grid-column-start: 2;
    }
}

.xl\:my-8 {
    @media (width>=80rem) {
        margin-block: calc(var(--spacing) * 8);
    }
}

.xl\:mt-0 {
    @media (width>=80rem) {
        margin-top: calc(var(--spacing) * 0);
    }
}

.xl\:mt-6 {
    @media (width>=80rem) {
        margin-top: calc(var(--spacing) * 6);
    }
}

.xl\:mt-12 {
    @media (width>=80rem) {
        margin-top: calc(var(--spacing) * 12);
    }
}

.xl\:mb-0 {
    @media (width>=80rem) {
        margin-bottom: calc(var(--spacing) * 0);
    }
}

.xl\:mb-6 {
    @media (width>=80rem) {
        margin-bottom: calc(var(--spacing) * 6);
    }
}

.xl\:mb-8 {
    @media (width>=80rem) {
        margin-bottom: calc(var(--spacing) * 8);
    }
}

.xl\:ml-4 {
    @media (width>=80rem) {
        margin-left: calc(var(--spacing) * 4);
    }
}

.xl\:flex {
    @media (width>=80rem) {
        display: flex;
    }
}

.xl\:h-14 {
    @media (width>=80rem) {
        height: calc(var(--spacing) * 14);
    }
}

.xl\:h-52 {
    @media (width>=80rem) {
        height: calc(var(--spacing) * 52);
    }
}

.xl\:h-56 {
    @media (width>=80rem) {
        height: calc(var(--spacing) * 56);
    }
}

.xl\:max-h-\[560px\] {
    @media (width>=80rem) {
        max-height: 560px;
    }
}

.xl\:\ !w-80 {
    @media (width>=80rem) {
        width: calc(var(--spacing) * 80) !important;
    }
}

.xl\:w-2\/12 {
    @media (width>=80rem) {
        width: calc(2 / 12 * 100%);
    }
}

.xl\:w-3\/12 {
    @media (width>=80rem) {
        width: calc(3 / 12 * 100%);
    }
}

.xl\:w-4\/12 {
    @media (width>=80rem) {
        width: calc(4 / 12 * 100%);
    }
}

.xl\:w-6\/12 {
    @media (width>=80rem) {
        width: calc(6 / 12 * 100%);
    }
}

.xl\:w-8\/12 {
    @media (width>=80rem) {
        width: calc(8 / 12 * 100%);
    }
}

.xl\:w-9\/12 {
    @media (width>=80rem) {
        width: calc(9 / 12 * 100%);
    }
}

.xl\:w-11\/12 {
    @media (width>=80rem) {
        width: calc(11 / 12 * 100%);
    }
}

.xl\:w-12\/12 {
    @media (width>=80rem) {
        width: calc(12 / 12 * 100%);
    }
}

.xl\:w-40 {
    @media (width>=80rem) {
        width: calc(var(--spacing) * 40);
    }
}

.xl\:w-56 {
    @media (width>=80rem) {
        width: calc(var(--spacing) * 56);
    }
}

.xl\:w-72 {
    @media (width>=80rem) {
        width: calc(var(--spacing) * 72);
    }
}

.xl\:w-80 {
    @media (width>=80rem) {
        width: calc(var(--spacing) * 80);
    }
}

.xl\:w-\[277px\] {
    @media (width>=80rem) {
        width: 277px;
    }
}

.xl\:max-w-2xl {
    @media (width>=80rem) {
        max-width: var(--container-2xl);
    }
}

.xl\:-translate-y-6 {
    @media (width>=80rem) {
        --tw-translate-y: calc(var(--spacing) * -6);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
}

.xl\:cursor-default {
    @media (width>=80rem) {
        cursor: default;
    }
}

.xl\:grid-cols-3 {
    @media (width>=80rem) {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

.xl\:grid-cols-4 {
    @media (width>=80rem) {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

.xl\:grid-cols-5 {
    @media (width>=80rem) {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}

.xl\:grid-cols-6 {
    @media (width>=80rem) {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }
}

.xl\:flex-row {
    @media (width>=80rem) {
        flex-direction: row;
    }
}

.xl\:flex-wrap {
    @media (width>=80rem) {
        flex-wrap: wrap;
    }
}

.xl\:content-center {
    @media (width>=80rem) {
        align-content: center;
    }
}

.xl\:gap-2 {
    @media (width>=80rem) {
        gap: calc(var(--spacing) * 2);
    }
}

.xl\:gap-4 {
    @media (width>=80rem) {
        gap: calc(var(--spacing) * 4);
    }
}

.xl\:gap-6 {
    @media (width>=80rem) {
        gap: calc(var(--spacing) * 6);
    }
}

.xl\:gap-8 {
    @media (width>=80rem) {
        gap: calc(var(--spacing) * 8);
    }
}

.xl\:gap-10 {
    @media (width>=80rem) {
        gap: calc(var(--spacing) * 10);
    }
}

.xl\:gap-16 {
    @media (width>=80rem) {
        gap: calc(var(--spacing) * 16);
    }
}

.xl\:gap-36 {
    @media (width>=80rem) {
        gap: calc(var(--spacing) * 36);
    }
}

.xl\:space-y-2 {
    @media (width>=80rem) {
        :where(&>: not(:last-child)) {
            --tw-space-y-reverse: 0;
            margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
            margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
        }
    }
}

.xl\:space-y-10 {
    @media (width>=80rem) {
        :where(&>: not(:last-child)) {
            --tw-space-y-reverse: 0;
            margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));
            margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)));
        }
    }
}

.xl\:rounded-xl {
    @media (width>=80rem) {
        border-radius: var(--radius-xl);
    }
}

.xl\:p-4 {
    @media (width>=80rem) {
        padding: calc(var(--spacing) * 4);
    }
}

.xl\:p-6 {
    @media (width>=80rem) {
        padding: calc(var(--spacing) * 6);
    }
}

.xl\:px-3 {
    @media (width>=80rem) {
        padding-inline: calc(var(--spacing) * 3);
    }
}

.xl\:px-4 {
    @media (width>=80rem) {
        padding-inline: calc(var(--spacing) * 4);
    }
}

.xl\:px-5 {
    @media (width>=80rem) {
        padding-inline: calc(var(--spacing) * 5);
    }
}

.xl\:px-6 {
    @media (width>=80rem) {
        padding-inline: calc(var(--spacing) * 6);
    }
}

.xl\:px-9 {
    @media (width>=80rem) {
        padding-inline: calc(var(--spacing) * 9);
    }
}

.xl\:px-10 {
    @media (width>=80rem) {
        padding-inline: calc(var(--spacing) * 10);
    }
}

.xl\:py-5 {
    @media (width>=80rem) {
        padding-block: calc(var(--spacing) * 5);
    }
}

.xl\:py-8 {
    @media (width>=80rem) {
        padding-block: calc(var(--spacing) * 8);
    }
}

.xl\:py-16 {
    @media (width>=80rem) {
        padding-block: calc(var(--spacing) * 16);
    }
}

.xl\:pt-14 {
    @media (width>=80rem) {
        padding-top: calc(var(--spacing) * 14);
    }
}

.xl\:pr-80 {
    @media (width>=80rem) {
        padding-right: calc(var(--spacing) * 80);
    }
}

.xl\:pb-10 {
    @media (width>=80rem) {
        padding-bottom: calc(var(--spacing) * 10);
    }
}

.xl\:pb-12 {
    @media (width>=80rem) {
        padding-bottom: calc(var(--spacing) * 12);
    }
}

.xl\:text-h1 {
    @media (width>=80rem) {
        font-family: var(--text-h1-font-family);
        font-size: var(--text-h1);
        line-height: var(--text-h1--line-height);
    }
}

.xl\:text-h2 {
    @media (width>=80rem) {
        font-family: var(--text-h2-font-family);
        font-size: var(--text-h2);
        line-height: var(--text-h2--line-height);
    }
}

.xl\:text-h3 {
    @media (width>=80rem) {
        font-family: var(--text-h3-font-family);
        font-size: var(--text-h3);
        line-height: var(--text-h3--line-height);
    }
}

.xl\:text-h4 {
    @media (width>=80rem) {
        font-family: var(--text-h4-font-family);
        font-size: var(--text-h4);
        line-height: var(--text-h4--line-height);
    }
}

.xl\:text-h5 {
    @media (width>=80rem) {
        font-family: var(--text-h5-font-family);
        font-size: var(--text-h5);
        line-height: var(--text-h5--line-height);
    }
}

.xl\:text-h6 {
    @media (width>=80rem) {
        font-family: var(--text-h6-font-family);
        font-size: var(--text-h6);
        line-height: var(--text-h6--line-height);
    }
}

.xl\:text-2xl {
    @media (width>=80rem) {
        font-size: var(--text-2xl);
        line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
}

.xl\:text-base {
    @media (width>=80rem) {
        font-size: var(--text-base);
        line-height: var(--text-base--line-height);
    }
}

.xl\:text-base {
    @media (width>=80rem) {
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
    }
}

.xl\:text-xl {
    @media (width>=80rem) {
        font-size: var(--text-xl);
        line-height: var(--tw-leading, var(--text-xl--line-height));
    }
}

.xl\:after\:flex {
    @media (width>=80rem) {
        &::after {
            content: var(--tw-content);
            display: flex;
        }
    }
}

.\32 xl\:mb-9 {
    @media (width>=96rem) {
        margin-bottom: calc(var(--spacing) * 9);
    }
}

.\32 xl\:btn-lg {
    @media (width>=96rem) {
        height: calc(var(--spacing) * 13);
        gap: calc(var(--spacing) * 3);
        padding-inline: calc(var(--spacing) * 7);
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height));
        &>svg,
        &>img {
            height: calc(var(--spacing) * 7);
            width: calc(var(--spacing) * 7);
        }
        &:has(svg),
        &:has(img) {
            padding-inline: calc(var(--spacing) * 6);
        }
        &:has(svg+svg),
        &:has(img+img) {
            padding-inline: calc(var(--spacing) * 5);
        }
        &.btn-icon {
            width: calc(var(--spacing) * 13);
        }
    }
}

.\32 xl\:control-lg {
    @media (width>=96rem) {
        && {
            & label {
                font-size: var(--text-base);
                line-height: var(--tw-leading, var(--text-base--line-height));
            }
            & .form-control-input {
                font-size: var(--text-lg);
                line-height: var(--tw-leading, var(--text-lg--line-height));
                & input,
                & select,
                & textarea {
                    padding-block: calc(var(--spacing) * 4);
                    font-size: var(--text-lg);
                    line-height: var(--tw-leading, var(--text-lg--line-height));
                }
                & input[type="file"] {
                    height: calc(var(--spacing) * 14);
                    font-size: var(--text-lg);
                    line-height: var(--tw-leading, var(--text-lg--line-height));
                    &::file-selector-button {
                        padding-block: calc(var(--spacing) * 4);
                    }
                }
                & .control-prefix,
                & .control-suffix {
                    &>svg {
                        height: calc(var(--spacing) * 7);
                        width: calc(var(--spacing) * 7);
                    }
                }
            }
        }
    }
}

.\32 xl\:h-13 {
    @media (width>=96rem) {
        height: calc(var(--spacing) * 13);
    }
}

.\32 xl\:h-56 {
    @media (width>=96rem) {
        height: calc(var(--spacing) * 56);
    }
}

.\32 xl\:h-60 {
    @media (width>=96rem) {
        height: calc(var(--spacing) * 60);
    }
}

.\32 xl\:w-1\/12 {
    @media (width>=96rem) {
        width: calc(1 / 12 * 100%);
    }
}

.\32 xl\:w-3\/12 {
    @media (width>=96rem) {
        width: calc(3 / 12 * 100%);
    }
}

.\32 xl\:w-44 {
    @media (width>=96rem) {
        width: calc(var(--spacing) * 44);
    }
}

.\32 xl\:w-60 {
    @media (width>=96rem) {
        width: calc(var(--spacing) * 60);
    }
}

.\32 xl\:max-w-3xl {
    @media (width>=96rem) {
        max-width: var(--container-3xl);
    }
}

.\32 xl\:grid-cols-6 {
    @media (width>=96rem) {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }
}

.\32 xl\:space-y-2\.5 {
    @media (width>=96rem) {
        :where(&>: not(:last-child)) {
            --tw-space-y-reverse: 0;
            margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));
            margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)));
        }
    }
}

.\32 xl\:px-5 {
    @media (width>=96rem) {
        padding-inline: calc(var(--spacing) * 5);
    }
}

.\32 xl\:px-11 {
    @media (width>=96rem) {
        padding-inline: calc(var(--spacing) * 11);
    }
}

.\32 xl\:py-6 {
    @media (width>=96rem) {
        padding-block: calc(var(--spacing) * 6);
    }
}

.\32 xl\:py-20 {
    @media (width>=96rem) {
        padding-block: calc(var(--spacing) * 20);
    }
}

.\32 xl\:pt-16 {
    @media (width>=96rem) {
        padding-top: calc(var(--spacing) * 16);
    }
}

.\32 xl\:pb-14 {
    @media (width>=96rem) {
        padding-bottom: calc(var(--spacing) * 14);
    }
}

.\32 xl\:text-3xl {
    @media (width>=96rem) {
        font-size: var(--text-3xl);
        line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
}

.ltr\:ml-10 {
    &:where(:dir(ltr),
    [dir="ltr"],
    [dir="ltr"] *) {
        margin-left: calc(var(--spacing) * 10);
    }
}

.ltr\:pl-4 {
    &:where(:dir(ltr),
    [dir="ltr"],
    [dir="ltr"] *) {
        padding-left: calc(var(--spacing) * 4);
    }
}

.ltr\:pl-8 {
    &:where(:dir(ltr),
    [dir="ltr"],
    [dir="ltr"] *) {
        padding-left: calc(var(--spacing) * 8);
    }
}

.ltr\:text-left {
    &:where(:dir(ltr),
    [dir="ltr"],
    [dir="ltr"] *) {
        text-align: left;
    }
}

.rtl\:right-6 {
    &:where(:dir(rtl),
    [dir="rtl"],
    [dir="rtl"] *) {
        right: calc(var(--spacing) * 6);
    }
}

.rtl\:right-auto {
    &:where(:dir(rtl),
    [dir="rtl"],
    [dir="rtl"] *) {
        right: auto;
    }
}

.rtl\:-left-12 {
    &:where(:dir(rtl),
    [dir="rtl"],
    [dir="rtl"] *) {
        left: calc(var(--spacing) * -12);
    }
}

.rtl\:left-0 {
    &:where(:dir(rtl),
    [dir="rtl"],
    [dir="rtl"] *) {
        left: calc(var(--spacing) * 0);
    }
}

.rtl\:left-10 {
    &:where(:dir(rtl),
    [dir="rtl"],
    [dir="rtl"] *) {
        left: calc(var(--spacing) * 10);
    }
}

.rtl\:no-container-ar {
    &:where(:dir(rtl),
    [dir="rtl"],
    [dir="rtl"] *) {
        width: 100vw;
        margin-right: 50% !important;
        transform: translateX(50%);
    }
}

.rtl\:mr-10 {
    &:where(:dir(rtl),
    [dir="rtl"],
    [dir="rtl"] *) {
        margin-right: calc(var(--spacing) * 10);
    }
}

.rtl\:-scale-x-100 {
    &:where(:dir(rtl),
    [dir="rtl"],
    [dir="rtl"] *) {
        --tw-scale-x: calc(100% * -1);
        scale: var(--tw-scale-x) var(--tw-scale-y);
    }
}

.rtl\:rotate-180 {
    &:where(:dir(rtl),
    [dir="rtl"],
    [dir="rtl"] *) {
        rotate: 180deg;
    }
}

.rtl\:bg-\[url\(\'\.\.\/images\/speaker-bg-ar\.png\'\)\] {
 &:where(:dir(rtl),
[dir="rtl"],
[dir="rtl"] *) {
    background-image: url('../images/speaker-bg-ar.png');
}

}

.rtl\:pr-4 {
    &:where(:dir(rtl),
    [dir="rtl"],
    [dir="rtl"] *) {
        padding-right: calc(var(--spacing) * 4);
    }
}

.rtl\:pr-8 {
    &:where(:dir(rtl),
    [dir="rtl"],
    [dir="rtl"] *) {
        padding-right: calc(var(--spacing) * 8);
    }
}

.rtl\:pl-0 {
    &:where(:dir(rtl),
    [dir="rtl"],
    [dir="rtl"] *) {
        padding-left: calc(var(--spacing) * 0);
    }
}

.rtl\:pl-4 {
    &:where(:dir(rtl),
    [dir="rtl"],
    [dir="rtl"] *) {
        padding-left: calc(var(--spacing) * 4);
    }
}

.rtl\:text-right {
    &:where(:dir(rtl),
    [dir="rtl"],
    [dir="rtl"] *) {
        text-align: right;
    }
}

.rtl\:font-alexandria {
    &:where(:dir(rtl),
    [dir="rtl"],
    [dir="rtl"] *) {
        font-family: var(--font-alexandria);
    }
}

.rtl\:\[direction\:ltr\] {
    &:where(:dir(rtl),
    [dir="rtl"],
    [dir="rtl"] *) {
        direction: ltr;
    }
}

.rtl\:\[direction\:rtl\] {
    &:where(:dir(rtl),
    [dir="rtl"],
    [dir="rtl"] *) {
        direction: rtl;
    }
}

.rtl\:min-\[1920px\]\:\ !right-0 {
    &:where(:dir(rtl),
    [dir="rtl"],
    [dir="rtl"] *) {
        @media (width>=1920px) {
            right: calc(var(--spacing) * 0) !important;
        }
    }
}

.rtl\:sm\:\ !right-auto {
    &:where(:dir(rtl),
    [dir="rtl"],
    [dir="rtl"] *) {
        @media (width>=40rem) {
            right: auto !important;
        }
    }
}

.rtl\:sm\:text-right {
    &:where(:dir(rtl),
    [dir="rtl"],
    [dir="rtl"] *) {
        @media (width>=40rem) {
            text-align: right;
        }
    }
}

.rtl\:md\:mr-2 {
    &:where(:dir(rtl),
    [dir="rtl"],
    [dir="rtl"] *) {
        @media (width>=48rem) {
            margin-right: calc(var(--spacing) * 2);
        }
    }
}

.rtl\:md\:border-r {
    &:where(:dir(rtl),
    [dir="rtl"],
    [dir="rtl"] *) {
        @media (width>=48rem) {
            border-right-style: var(--tw-border-style);
            border-right-width: 1px;
        }
    }
}

.rtl\:lg\:right-12 {
    &:where(:dir(rtl),
    [dir="rtl"],
    [dir="rtl"] *) {
        @media (width>=64rem) {
            right: calc(var(--spacing) * 12);
        }
    }
}

.rtl\:xl\:right-\[4\.25rem\] {
    &:where(:dir(rtl),
    [dir="rtl"],
    [dir="rtl"] *) {
        @media (width>=80rem) {
            right: 4.25rem;
        }
    }
}

.rtl\:xl\:right-\[5\.25rem\] {
    &:where(:dir(rtl),
    [dir="rtl"],
    [dir="rtl"] *) {
        @media (width>=80rem) {
            right: 5.25rem;
        }
    }
}

.\[\&_\.accordion-active_svg\]\:rotate-45 {
    & .accordion-active svg {
        rotate: 45deg;
    }
}

.\[\&_\.accordion-active_svg\]\:rotate-180 {
    & .accordion-active svg {
        rotate: 180deg;
    }
}

.\[\&_\.main-navigation_\.menu-item\.active-page_a\]\:border-none {
    & .main-navigation .menu-item.active-page a {
        --tw-border-style: none;
        border-style: none;
    }
}

.\[\&_\.slick-dots\]\:mt-0 {
    & .slick-dots {
        margin-top: calc(var(--spacing) * 0);
    }
}

.xl\:\[\&_\.slick-dots_\.slick-active_button\]\:bg-aeblack-950 {
    @media (width>=80rem) {
        & .slick-dots .slick-active button {
            background-color: var(--color-aeblack-950);
        }
    }
}

.xl\:\[\&_\.slick-dots_\.slick-active_button\]\:ring-aeblack-400\/30 {
    @media (width>=80rem) {
        & .slick-dots .slick-active button {
            --tw-ring-color: var(--color-aeblack-400);
            @supports (color: color-mix(in lab, red, red)) {
                --tw-ring-color: color-mix(in oklab, var(--color-aeblack-400) 30%, transparent);
            }
        }
    }
}

.\[\&_\.slick-dots_button\]\:h-2 {
    & .slick-dots button {
        height: calc(var(--spacing) * 2);
    }
}

.\[\&_\.slick-dots_button\]\:w-2 {
    & .slick-dots button {
        width: calc(var(--spacing) * 2);
    }
}

.xl\:\[\&_\.slick-dots_button\]\:bg-aeblack-50\/50 {
    @media (width>=80rem) {
        & .slick-dots button {
            background-color: var(--color-aeblack-50);
            @supports (color: color-mix(in lab, red, red)) {
                background-color: color-mix(in oklab, var(--color-aeblack-50) 50%, transparent);
            }
        }
    }
}

.\[\&_\.slick-dots_li\]\:flex {
    & .slick-dots li {
        display: flex;
    }
}

.\[\&_\.slick-list\]\:-mx-2\.5 {
    & .slick-list {
        margin-inline: calc(var(--spacing) * -2.5);
    }
}

.\[\&_\.slick-list\]\:overflow-hidden {
    & .slick-list {
        overflow: hidden;
    }
}

.\[\&_\.slick-list\]\:rounded-xl {
    & .slick-list {
        border-radius: var(--radius-xl);
    }
}

.\[\&_\.slick-list\]\:pb-8 {
    & .slick-list {
        padding-bottom: calc(var(--spacing) * 8);
    }
}

.sm\:\[\&_\.slick-list\]\:-mx-3\.5 {
    @media (width>=40rem) {
        & .slick-list {
            margin-inline: calc(var(--spacing) * -3.5);
        }
    }
}

.\[\&_\.slick-slide\]\:mx-2\.5 {
    & .slick-slide {
        margin-inline: calc(var(--spacing) * 2.5);
    }
}

.sm\:\[\&_\.slick-slide\]\:mx-3\.5 {
    @media (width>=40rem) {
        & .slick-slide {
            margin-inline: calc(var(--spacing) * 3.5);
        }
    }
}

.max-lg\:\[\&_\.submenu-btn\]\:\ !absolute {
    @media (width < 64rem) {
        & .submenu-btn {
            position: absolute !important;
        }
    }
}

.max-lg\:\[\&_\.submenu-btn\]\:end-0 {
    @media (width < 64rem) {
        & .submenu-btn {
            inset-inline-end: calc(var(--spacing) * 0);
        }
    }
}

.max-lg\:\[\&_\.submenu-btn\]\:top-2 {
    @media (width < 64rem) {
        & .submenu-btn {
            top: calc(var(--spacing) * 2);
        }
    }
}

.max-lg\:\[\&_\.submenu-btn\]\:w-6 {
    @media (width < 64rem) {
        & .submenu-btn {
            width: calc(var(--spacing) * 6);
        }
    }
}

.max-lg\:\[\&_li_a\]\:w-full {
    @media (width < 64rem) {
        & li a {
            width: 100%;
        }
    }
}

.max-lg\:\[\&_li_a\]\:py-2 {
    @media (width < 64rem) {
        & li a {
            padding-block: calc(var(--spacing) * 2);
        }
    }
}

.\[\&_picture_img\]\:\ !w-full {
    & picture img {
        width: 100% !important;
    }
}

.\[\&_picture_img\]\:object-cover {
    & picture img {
        object-fit: cover;
    }
}

.max-sm\:\[\&_picture_img\]\:aspect-\[4\/4\.88\] {
    @media (width < 40rem) {
        & picture img {
            aspect-ratio: 4/4.88;
        }
    }
}

.sm\:\[\&_picture_img\]\:aspect-\[4\/1\.350\] {
    @media (width>=40rem) {
        & picture img {
            aspect-ratio: 4/1.350;
        }
    }
}

.\[\&_ul\]\:space-y-1\.5 {
    & ul {
        :where(&>: not(:last-child)) {
            --tw-space-y-reverse: 0;
            margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
            margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
        }
    }
}

.\[\&\.start-alert_\.pause-icon\]\:hidden {
    &.start-alert .pause-icon {
        display: none;
    }
}

.\[\&\.start-alert_\.play-icon\]\:block {
    &.start-alert .play-icon {
        display: block;
    }
}

.\[\&\.start-sliding_\.pause-icon\]\:hidden {
    &.start-sliding .pause-icon {
        display: none;
    }
}

.\[\&\.start-sliding_\.play-icon\]\:block {
    &.start-sliding .play-icon {
        display: block;
    }
}

.\[\&\.stop-alert_\.pause-icon\]\:block {
    &.stop-alert .pause-icon {
        display: block;
    }
}

.\[\&\.stop-alert_\.play-icon\]\:hidden {
    &.stop-alert .play-icon {
        display: none;
    }
}

.\[\&\.stop-sliding_\.pause-icon\]\:block {
    &.stop-sliding .pause-icon {
        display: block;
    }
}

.\[\&\.stop-sliding_\.play-icon\]\:hidden {
    &.stop-sliding .play-icon {
        display: none;
    }
}

.\[id\^\=stepper\]\:visible {
    &:is(id^=stepper) {
        visibility: visible;
    }
}

.\[\&\>div\]\:w-72 {
    &>div {
        width: calc(var(--spacing) * 72);
    }
}

.\[\&\>div\]\:p-3 {
    &>div {
        padding: calc(var(--spacing) * 3);
    }
}

.\[\&\>li\]\:leading-normal {
    &>li {
        --tw-leading: var(--leading-normal);
        line-height: var(--leading-normal);
    }
}

}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

:root {
    --fi-brand-primary: #315679;
    --fi-brand-secondary: #76ae8c;
    --fi-brand-tertiary: #3E3E3E;
    --fi-brand-gold: #b48a33;
    --fi-pure-white: #FFFFFF;
    --fi-pure-black: #000000;
    --fi-light-gray-1: #f7f7f7;
    --fi-light-gray-2: #f2f2f7;
    --fi-black01: rgba(0, 0, 0, 0.1);
    --fi-black02: rgba(0, 0, 0, 0.2);
    --fi-black03: rgba(0, 0, 0, 0.3);
    --fi-black04: rgba(0, 0, 0, 0.4);
    --fi-black05: rgba(0, 0, 0, 0.5);
}

.organization-chart-page {
    margin: 50px 0;
}

.organization-chart-page .organization-chartl-content {
    width: 100%;
    max-width: 1142px;
    margin: 0 auto;
    padding: 0 20px;
}

.organization-chart-page * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

.organization-chart-page a:focus {
    outline: 2px dashed var(--fi-light-gray-1);
}

.organization-chart-page .cf {
    zoom: 1;
}

.organization-chart-page .cf::before,
.organization-chart-page .cf::after {
    content: " ";
    display: table;
}

.organization-chart-page .cf .cf:after {
    clear: both;
}

.organization-chart-page ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.organization-chart-page ul span {
    background: var(--fi-brand-secondary);
    border: 2px solid var(--fi-black03);
    text-align: center;
    overflow: hidden;
    font-size: 1rem;
    text-decoration: none;
    font-weight: bold;
    color: var(--fi-pure-white);
    height: 70px;
    -webkit-box-shadow: 4px 4px 9px -4px var(--fi-black04);
    box-shadow: 4px 4px 9px -4px var(--fi-black04);
    -webkit-transition: all linear .1s;
    transition: all linear .1s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    z-index: 1;
}

.organization-chart-page .administration>li>span {
    margin-bottom: 25px;
}

.organization-chart-page .director>li>span {
    width: 100%;
    margin: 0 auto 0px auto;
    max-width: 200px;
}

.organization-chart-page .director>li>span:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.organization-chart-page .subdirector {
    position: relative;
    width: 100%;
}

.organization-chart-page .subdirector:after {
    content: "";
    display: block;
    width: 0;
    height: 130px;
    background: var(--fi-brand-primary);
    border-left: 3px solid var(--fi-brand-tertiary);
    left: 50%;
    position: relative;
}

.organization-chart-page .subdirector::before {
    content: "";
    display: block;
    position: absolute;
    width: 62%;
    height: 22px;
    border-top: 3px solid var(--fi-brand-tertiary);
    border-right: 3px solid var(--fi-brand-tertiary);
    border-left: 3px solid var(--fi-brand-tertiary);
    margin: 0 auto;
    top: 26px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.organization-chart-page .subdirector li span {
    background-color: var(--fi-brand-gold);
}

.organization-chart-page .subdirector li span:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.organization-chart-page .subdirector>li:last-child {
    float: right;
    right: 10%;
}

.organization-chart-page .subdirector>li:first-child {
    float: left;
    left: 10%;
}

.organization-chart-page .dg-section {
    width: 100%;
}

.organization-chart-page .dg-section>li:first-child {
    width: 18.5989492119%;
    height: 64px;
    margin: 0 auto 12px auto;
    padding-top: 0px;
    z-index: 1;
}

.organization-chart-page .dg-section>li:first-child span {
    background-color: var(--fi-brand-tertiary);
}

.organization-chart-page .dg-section>li:first-child span:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.organization-chart-page .subdg {
    position: relative;
}

.organization-chart-page .subdg:after {
    content: "";
    display: block;
    width: 0;
    height: calc(100% + 39px);
    background: var(--fi-brand-primary);
    border-left: 3px solid var(--fi-brand-tertiary);
    left: 50%;
    top: -6px;
    position: absolute;
}

.organization-chart-page .subdg li {
    clear: both;
    height: 90px;
}

.organization-chart-page .subdg li .supersub {
    position: relative;
}

.organization-chart-page .subdg li .supersub li {
    width: 23.5%;
    height: 90px;
    margin: 0 auto 0px auto;
    padding-top: 20px;
    z-index: 1;
    clear: none;
    position: relative;
}

.organization-chart-page .subdg li .supersub li:first-child {
    float: left;
    left: 20%;
}

.organization-chart-page .subdg li .supersub li:nth-child(2) {
    float: right;
    right: 20%;
}

.organization-chart-page .subdg li .supersub li:nth-child(2):after {
    left: auto;
    right: calc(100% - 38px);
}

.organization-chart-page .subdg li .supersub li:after {
    content: "";
    display: block;
    width: 73px;
    height: 0;
    background: var(--fi-brand-primary);
    border-top: 3px solid var(--fi-brand-tertiary);
    left: calc(100% + 35px);
    top: 55px;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.organization-chart-page .subdg li .supersub li span {
    background-color: var(--fi-light-gray-2);
    color: var(--fi-brand-primary);
}

.organization-chart-page .subdg li .supersub li span:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.organization-chart-page .departments {
    position: relative;
    width: 100%;
    margin-top: 53px;
}

.organization-chart-page .subdirector>li {
    width: 18.5989492119%;
    height: 64px;
    margin: 0 auto 92px auto;
    padding-top: 48px;
    z-index: 1;
}

.organization-chart-page .subdirector>li:first-child span,
.organization-chart-page .departments>li:first-child span {
    width: 100%;
}

.organization-chart-page .departments>li:first-child span {
    right: 25px;
}

.organization-chart-page .department:first-child {
    margin-left: 0;
    clear: left;
}

.organization-chart-page .departments li:nth-child(2) {
    margin-left: 0;
    clear: left;
}

.organization-chart-page .departments li:nth-child(2)::before {
    display: none;
}

.organization-chart-page .departments:after {
    content: "";
    display: block;
    position: absolute;
    width: 81.1%;
    height: 22px;
    border-top: 3px solid var(--fi-brand-tertiary);
    border-right: 3px solid var(--fi-brand-tertiary);
    border-left: 3px solid var(--fi-brand-tertiary);
    margin: 0 auto;
    top: -22px;
    left: 9.1%;
}

.organization-chart-page .department {
    border-left: 3px solid var(--fi-brand-tertiary);
    width: 23.5%;
    float: left;
    margin-left: 1.7513134851%;
    margin-bottom: 60px;
}

.organization-chart-page .department:before {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 22px;
    border-left: 3px solid var(--fi-brand-tertiary);
    z-index: 1;
    top: -22px;
    left: 50%;
    margin-left: -4px;
}

.organization-chart-page .lt-ie8 .department {
    width: 18.25%;
}

.organization-chart-page .department>span {
    margin: 0 0 -26px -4px;
    z-index: 1;
    background-color: var(--fi-brand-primary);
    color: var(--fi-pure-white);
}

.organization-chart-page .department>span:hover {
    height: 80px;
}

.organization-chart-page .department>ul {
    margin-top: 0px;
    margin-bottom: 0px;
}

.organization-chart-page .department li {
    padding-left: 25px;
    border-bottom: 3px solid var(--fi-brand-tertiary);
    height: 80px;
}

.organization-chart-page .department li span {
    background: var(--fi-pure-white);
    top: 48px;
    position: absolute;
    z-index: 1;
    width: 90%;
    height: 60px;
    vertical-align: middle;
    right: -1px;
    background-color: var(--fi-light-gray-2);
    color: var(--fi-brand-primary);
}

.organization-chart-page .department li span:hover {
    -webkit-box-shadow: 8px 8px 9px -4px var(--fi-black01);
    box-shadow: 8px 8px 9px -4px var(--fi-black01);
    height: 80px;
    width: 95%;
    top: 39px;
    background-image: none !important;
}

@media screen and (max-width: 991px) {
    .organization-chart-page {
        margin: 30px 0;
    }
}

@media screen and (max-width: 767px) {
    .organization-chart-page .subdirector>li {
        width: 36.599%;
    }
    .organization-chart-page .subdirector:after {
        height: 156px;
    }
    .organization-chart-page .dg-section>li:first-child {
        width: 80%;
    }
    .organization-chart-page .subdg li {
        clear: both;
        height: 90px;
    }
    .organization-chart-page .subdg li .supersub {
        position: relative;
    }
    .organization-chart-page .subdg li .supersub li {
        width: 46%;
    }
    .organization-chart-page .subdg li .supersub li:first-child {
        left: 0%;
    }
    .organization-chart-page .subdg li .supersub li:nth-child(2) {
        right: 0%;
    }
    .organization-chart-page .subdg li .supersub li:nth-child(2):after {
        left: auto;
        right: calc(100% - 15px);
    }
    .organization-chart-page .subdg li .supersub li:after {
        width: 30px;
        left: calc(100% + 14px);
    }
    .organization-chart-page .subdg li .supersub li span {
        background-color: var(--fi-light-gray-2);
        color: var(--fi-brand-primary);
    }
    .organization-chart-page .departments>li:first-child {
        left: 10%;
        margin-left: 2px;
    }
    .organization-chart-page .departments:after {
        border-right: none;
        left: 0;
        width: 49.8%;
    }
    .organization-chart-page .department {
        float: none;
        width: 100%;
        margin-left: 0;
    }
    .organization-chart-page .department:before {
        content: "";
        display: block;
        position: absolute;
        width: 0;
        height: 60px;
        border-left: 3px solid var(--fi-brand-tertiary);
        z-index: 1;
        top: -60px;
        left: 0%;
        margin-left: -4px;
    }
    .organization-chart-page .department:nth-child(2):before {
        display: none;
    }
}

@media screen and (min-width: 768px) {
    .organization-chart-page .department:first-child:before,
    .organization-chart-page .department:last-child:before {
        border: none;
    }
}

body[dir="rtl"] .organization-chart-page .subdirector:after {
    border-left: none;
    border-right: 3px solid var(--fi-brand-tertiary);
    left: auto;
    right: 50%;
}

body[dir="rtl"] .organization-chart-page .subdirector>li:last-child {
    float: left;
    right: auto;
    left: 10%;
}

body[dir="rtl"] .organization-chart-page .subdirector>li:first-child {
    float: right;
    left: auto;
    right: 10%;
}

body[dir="rtl"] .organization-chart-page .subdg:after {
    border-left: none;
    border-right: 3px solid var(--fi-brand-tertiary);
    left: auto;
    right: 50%;
}

body[dir="rtl"] .organization-chart-page .subdg li .supersub li:first-child {
    float: right;
    left: auto;
    right: 20%;
}

body[dir="rtl"] .organization-chart-page .subdg li .supersub li:nth-child(2) {
    float: left;
    right: auto;
    left: 20%;
}

body[dir="rtl"] .organization-chart-page .subdg li .supersub li:nth-child(2):after {
    left: calc(100% + 38px);
    right: auto;
}

body[dir="rtl"] .organization-chart-page .subdg li .supersub li:after {
    left: auto;
    right: calc(100% - 35px);
}

body[dir="rtl"] .organization-chart-page .departments>li:first-child span {
    right: auto;
    left: 25px;
}

body[dir="rtl"] .organization-chart-page .department:first-child {
    margin-right: 0;
    clear: right;
}

body[dir="rtl"] .organization-chart-page .departments li:nth-child(2) {
    margin-left: 0;
    margin-right: 0;
    clear: right;
}

body[dir="rtl"] .organization-chart-page .departments:after {
    left: auto;
    right: 9.1%;
}

body[dir="rtl"] .organization-chart-page .department {
    border-left: none;
    border-right: 3px solid var(--fi-brand-tertiary);
    float: right;
    margin-left: 0;
    margin-right: 1.7513134851%;
}

body[dir="rtl"] .organization-chart-page .department:before {
    border-left: none;
    border-right: 3px solid var(--fi-brand-tertiary);
    left: auto;
    right: 50%;
    margin-left: 0;
    margin-right: -4px;
}

body[dir="rtl"] .organization-chart-page .department>span {
    margin: 0 -4px -26px 0;
}

body[dir="rtl"] .organization-chart-page .department li {
    padding-left: 0;
    padding-right: 25px;
}

body[dir="rtl"] .organization-chart-page .department li span {
    right: auto;
    left: -1px;
}

body[dir="rtl"] .organization-chart-page .department:last-child::before {
    display: none;
}

@media print {
    body[dir="rtl"] .organization-chart-page .subdirector:after {
        border-left: none;
        border-right: 3px solid var(--fi-pure-black);
    }
    body[dir="rtl"] .organization-chart-page .subdirector>li:first-child {
        border-left: none;
        border-right: 3px solid var(--fi-pure-black);
    }
    body[dir="rtl"] .organization-chart-page .departments>li:first-child {
        border-right: none;
        border-left: 3px solid var(--fi-pure-black);
    }
    body[dir="rtl"] .organization-chart-page .department:before {
        border-left: none;
        border-right: 3px solid var(--fi-pure-black);
    }
    body[dir="rtl"] .organization-chart-page .department {
        border-left: none;
        border-right: 3px solid var(--fi-pure-black);
    }
}

@media screen and (max-width: 767px) {
    body[dir="rtl"] .organization-chart-page .subdg li .supersub li:first-child {
        left: auto;
        right: 0;
    }
    body[dir="rtl"] .organization-chart-page .subdg li .supersub li:nth-child(2) {
        right: auto;
        left: 0;
    }
    body[dir="rtl"] .organization-chart-page .subdg li .supersub li:nth-child(2):after {
        left: calc(100% + 15px);
        right: auto;
    }
    body[dir="rtl"] .organization-chart-page .subdg li .supersub li:after {
        left: auto;
        right: calc(100% - 17px);
    }
    body[dir="rtl"] .organization-chart-page .departments>li:first-child {
        left: auto;
        right: 10%;
        margin-left: 0;
        margin-right: 2px;
    }
    body[dir="rtl"] .organization-chart-page .departments:after {
        border-left: none;
        border-right: 3px solid var(--fi-brand-tertiary);
        left: auto;
        right: 5px;
    }
    body[dir="rtl"] .organization-chart-page .department {
        margin-right: 0;
    }
    body[dir="rtl"] .organization-chart-page .department:before {
        width: 50%;
        border-left: none;
        border-right: 3px solid var(--fi-brand-tertiary);
        left: auto;
        right: 0;
        margin-left: 0;
        margin-right: -4px;
    }
}

.select2-results__option {
    white-space: normal !important;
    word-break: break-word;
    line-height: 1.4;
}

.select2-container--default .select2-results>.select2-results__options {
    max-width: 250px;
    border: 1px solid gray;
    border-radius: 10px;
}

.select2-selection__rendered {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@layer components {
    .slick-slider .slick-track,
    .slick-slider .slick-list {
        direction: inherit;
    }
    [dir="rtl"] .slick-slider .slick-slide {
        direction: inherit;
    }
    #browser-warning {
        position: fixed;
        top: 0;
        width: 100%;
        background-color: #ffcc00;
        color: black;
        text-align: center;
        padding: 10px;
        font-family: Arial, sans-serif;
        z-index: 1000;
        display: none;
    }
    #DeafServicePlace {
        display: none !important;
    }
    input[type="text"]::placeholder,
    input[type="email"]::placeholder,
    input[type="url"]::placeholder,
    input[type="password"]::placeholder,
    input[type="number"]::placeholder,
    input[type="date"]::placeholder,
    input[type="datetime-local"]::placeholder,
    input[type="month"]::placeholder,
    input[type="search"]::placeholder,
    input[type="tel"]::placeholder,
    input[type="time"]::placeholder,
    input[type="week"]::placeholder,
    [multiple]::placeholder,
    textarea::placeholder,
    select::placeholder {
        color: var(--color-aeblack-700);
    }
    a:focus-visible {
        --tw-ring-color: var(--color-secondary-400);
    }
    button:focus-visible {
        outline-color: var(--color-secondary-400);
    }
    input[type="checkbox"]:focus,
    input[type="radio"]:focus {
        --tw-ring-color: var(--color-secondary-400);
    }
    .data-chart-container {
        .aegov-tab {
            .tab-link {
                border-style: var(--tw-border-style) !important;
                border-width: 2px !important;
                border-color: var(--color-aeblack-950) !important;
                padding: calc(var(--spacing) * 2) !important;
                &.tab-active {
                    border-color: var(--color-primary-600) !important;
                    background-color: var(--color-primary-600) !important;
                    color: var(--color-whitely-50) !important;
                }
            }
        }
    }
}

@layer base {
    [type='text'],
    input:where(:not([type])),
    [type='email'],
    [type='url'],
    [type='password'],
    [type='number'],
    [type='date'],
    [type='datetime-local'],
    [type='month'],
    [type='search'],
    [type='tel'],
    [type='time'],
    [type='week'],
    [multiple],
    textarea,
    select {
        appearance: none;
        background-color: #fff;
        border-color: oklch(55.1% 0.027 264.364);
        border-width: 1px;
        border-radius: 0px;
        padding-top: 0.5rem;
        padding-right: 0.75rem;
        padding-bottom: 0.5rem;
        padding-left: 0.75rem;
        font-size: 1rem;
        line-height: 1.5rem;
        --tw-shadow: 0 0 #0000;
        &:focus {
            outline: 2px solid transparent;
            outline-offset: 2px;
            --tw-ring-inset: var(--tw-empty, /*!*/
            /*!*/
            );
            --tw-ring-offset-width: 0px;
            --tw-ring-offset-color: #fff;
            --tw-ring-color: oklch(54.6% 0.245 262.881);
            --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
            --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
            border-color: oklch(54.6% 0.245 262.881);
        }
    }
    input::placeholder,
    textarea::placeholder {
        color: oklch(55.1% 0.027 264.364);
        opacity: 1;
    }
    ::-webkit-datetime-edit-fields-wrapper {
        padding: 0;
    }
    ::-webkit-date-and-time-value {
        min-height: 1.5em;
    }
    ::-webkit-date-and-time-value {
        text-align: inherit;
    }
    ::-webkit-datetime-edit {
        display: inline-flex;
    }
    ::-webkit-datetime-edit,
    ::-webkit-datetime-edit-year-field,
    ::-webkit-datetime-edit-month-field,
    ::-webkit-datetime-edit-day-field,
    ::-webkit-datetime-edit-hour-field,
    ::-webkit-datetime-edit-minute-field,
    ::-webkit-datetime-edit-second-field,
    ::-webkit-datetime-edit-millisecond-field,
    ::-webkit-datetime-edit-meridiem-field {
        padding-top: 0;
        padding-bottom: 0;
    }
    select {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='oklch(55.1%25 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
        background-position: right 0.5rem center;
        background-repeat: no-repeat;
        background-size: 1.5em 1.5em;
        padding-right: 2.5rem;
        print-color-adjust: exact;
    }
    [multiple],
    [size]:where(select:not([size="1"])) {
        background-image: initial;
        background-position: initial;
        background-repeat: unset;
        background-size: initial;
        padding-right: 0.75rem;
        print-color-adjust: unset;
    }
    [type='checkbox'],
    [type='radio'] {
        appearance: none;
        padding: 0;
        print-color-adjust: exact;
        display: inline-block;
        vertical-align: middle;
        background-origin: border-box;
        user-select: none;
        flex-shrink: 0;
        height: 1rem;
        width: 1rem;
        color: oklch(54.6% 0.245 262.881);
        background-color: #fff;
        border-color: oklch(55.1% 0.027 264.364);
        border-width: 1px;
        --tw-shadow: 0 0 #0000;
    }
    [type='checkbox'] {
        border-radius: 0px;
    }
    [type='radio'] {
        border-radius: 100%;
    }
    [type='checkbox']:focus,
    [type='radio']:focus {
        outline: 2px solid transparent;
        outline-offset: 2px;
        --tw-ring-inset: var(--tw-empty, /*!*/
        /*!*/
        );
        --tw-ring-offset-width: 2px;
        --tw-ring-offset-color: #fff;
        --tw-ring-color: oklch(54.6% 0.245 262.881);
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    [type='checkbox']:checked,
    [type='radio']:checked {
        border-color: transparent;
        background-color: currentColor;
        background-size: 100% 100%;
        background-position: center;
        background-repeat: no-repeat;
    }
    [type='checkbox']:checked {
        background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
        @media (forced-colors: active) {
            appearance: auto;
        }
    }
    [type='radio']:checked {
        background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
        @media (forced-colors: active) {
            appearance: auto;
        }
    }
    [type='checkbox']:checked:hover,
    [type='checkbox']:checked:focus,
    [type='radio']:checked:hover,
    [type='radio']:checked:focus {
        border-color: transparent;
        background-color: currentColor;
    }
    [type='checkbox']:indeterminate {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
        border-color: transparent;
        background-color: currentColor;
        background-size: 100% 100%;
        background-position: center;
        background-repeat: no-repeat;
        @media (forced-colors: active) {
            appearance: auto;
        }
    }
    [type='checkbox']:indeterminate:hover,
    [type='checkbox']:indeterminate:focus {
        border-color: transparent;
        background-color: currentColor;
    }
    [type='file'] {
        background: unset;
        border-color: inherit;
        border-width: 0;
        border-radius: 0;
        padding: 0;
        font-size: unset;
        line-height: inherit;
    }
    [type='file']:focus {
        outline: 1px solid ButtonText;
        outline: 1px auto -webkit-focus-ring-color;
    }
}

@layer base {
    :where(:root) {
        --color-primary-50: oklch(0.975 0.013 97.4);
        --color-primary-100: oklch(0.940 0.039 97.4);
        --color-primary-200: oklch(0.879 0.071 94.2);
        --color-primary-300: oklch(0.802 0.104 91.1);
        --color-primary-400: oklch(0.734 0.121 85.9);
        --color-primary-500: oklch(0.660 0.114 80.7);
        --color-primary-600: oklch(0.570 0.097 84.4);
        --color-primary-700: oklch(0.501 0.084 81.0);
        --color-primary-800: oklch(0.428 0.069 57.1);
        --color-primary-900: oklch(0.387 0.058 52.0);
        --color-primary-950: oklch(0.264 0.043 46.9);
        --color-primary: oklch(0.45 0.24 277.02);
        --color-secondary-50: oklch(0.976 0.000 0.0);
        --color-secondary-100: oklch(0.915 0.003 247.9);
        --color-secondary-200: oklch(0.826 0.008 260.7);
        --color-secondary-300: oklch(0.711 0.011 261.8);
        --color-secondary-400: oklch(0.592 0.014 259.8);
        --color-secondary-500: oklch(0.502 0.016 262.3);
        --color-secondary-600: oklch(0.427 0.016 266.5);
        --color-secondary-700: oklch(0.372 0.011 271.1);
        --color-secondary-800: oklch(0.264 0.006 258.4);
        --color-secondary-900: oklch(0.230 0.008 264.4);
        --color-secondary-950: oklch(0.169 0.006 271.0);
        --color-secondary: oklch(0.65 0.241 354.31);
        --color-primary-support-50: oklch(0.987 0.021 95.3);
        --color-primary-support-100: oklch(0.963 0.058 97.7);
        --color-primary-support-200: oklch(0.923 0.113 96.6);
        --color-primary-support-300: oklch(0.879 0.152 92.8);
        --color-primary-support-400: oklch(0.836 0.163 86.0);
        --color-primary-support-500: oklch(0.767 0.162 71.6);
        --color-primary-support-600: oklch(0.665 0.154 60.2);
        --color-primary-support-700: oklch(0.555 0.142 50.4);
        --color-primary-support-800: oklch(0.472 0.121 47.0);
        --color-primary-support-900: oklch(0.414 0.103 46.7);
        --color-primary-support-950: oklch(0.279 0.072 46.6);
        --color-secondary-support-50: oklch(0.978 0.013 226.6);
        --color-secondary-support-100: oklch(0.952 0.027 232.7);
        --color-secondary-support-200: oklch(0.908 0.060 224.6);
        --color-secondary-support-300: oklch(0.843 0.107 223.4);
        --color-secondary-support-400: oklch(0.785 0.143 226.9);
        --color-secondary-support-500: oklch(0.699 0.147 234.4);
        --color-secondary-support-600: oklch(0.623 0.143 240.2);
        --color-secondary-support-700: oklch(0.530 0.122 240.4);
        --color-secondary-support-800: oklch(0.465 0.105 238.9);
        --color-secondary-support-900: oklch(0.410 0.088 238.0);
        --color-secondary-support-950: oklch(0.306 0.066 239.6);
        --color-aered-support-50: oklch(0.971 0.013 17.4);
        --color-aered-support-100: oklch(0.939 0.028 20.4);
        --color-aered-support-200: oklch(0.889 0.055 21.0);
        --color-aered-support-300: oklch(0.815 0.095 21.7);
        --color-aered-support-400: oklch(0.719 0.151 24.0);
        --color-aered-support-500: oklch(0.640 0.192 26.3);
        --color-aered-support-600: oklch(0.584 0.199 27.5);
        --color-aered-support-700: oklch(0.504 0.181 28.0);
        --color-aered-support-800: oklch(0.443 0.151 27.4);
        --color-aered-support-900: oklch(0.397 0.124 26.4);
        --color-aered-support-950: oklch(0.258 0.082 26.8);
        --color-aegold-50: oklch(0.975 0.013 97.4);
        --color-aegold-100: oklch(0.940 0.039 97.4);
        --color-aegold-200: oklch(0.879 0.071 94.2);
        --color-aegold-300: oklch(0.802 0.104 91.1);
        --color-aegold-400: oklch(0.734 0.121 85.9);
        --color-aegold-500: oklch(0.660 0.114 80.7);
        --color-aegold-600: oklch(0.570 0.097 84.4);
        --color-aegold-700: oklch(0.501 0.084 81.0);
        --color-aegold-800: oklch(0.428 0.069 57.1);
        --color-aegold-900: oklch(0.387 0.058 52.0);
        --color-aegold-950: oklch(0.264 0.043 46.9);
        --color-aered-50: oklch(0.971 0.013 17.4);
        --color-aered-100: oklch(0.939 0.028 20.4);
        --color-aered-200: oklch(0.889 0.055 21.0);
        --color-aered-300: oklch(0.815 0.095 21.7);
        --color-aered-400: oklch(0.719 0.151 24.0);
        --color-aered-500: oklch(0.640 0.192 26.3);
        --color-aered-600: oklch(0.584 0.199 27.5);
        --color-aered-700: oklch(0.504 0.181 28.0);
        --color-aered-800: oklch(0.443 0.151 27.4);
        --color-aered-900: oklch(0.397 0.124 26.4);
        --color-aered-950: oklch(0.258 0.082 26.8);
        --color-aegreen-50: oklch(0.978 0.011 149.9);
        --color-aegreen-100: oklch(0.952 0.024 151.2);
        --color-aegreen-200: oklch(0.902 0.046 150.1);
        --color-aegreen-300: oklch(0.825 0.080 150.7);
        --color-aegreen-400: oklch(0.722 0.112 149.8);
        --color-aegreen-500: oklch(0.627 0.126 148.7);
        --color-aegreen-600: oklch(0.581 0.122 148.5);
        --color-aegreen-700: oklch(0.461 0.090 149.4);
        --color-aegreen-800: oklch(0.397 0.067 149.9);
        --color-aegreen-900: oklch(0.351 0.056 150.0);
        --color-aegreen-950: oklch(0.238 0.040 151.6);
        --color-aeblack-50: oklch(0.976 0.000 0.0);
        --color-aeblack-100: oklch(0.915 0.003 247.9);
        --color-aeblack-200: oklch(0.826 0.008 260.7);
        --color-aeblack-300: oklch(0.711 0.011 261.8);
        --color-aeblack-400: oklch(0.592 0.014 259.8);
        --color-aeblack-500: oklch(0.502 0.016 262.3);
        --color-aeblack-600: oklch(0.427 0.016 266.5);
        --color-aeblack-700: oklch(0.372 0.011 271.1);
        --color-aeblack-800: oklch(0.264 0.006 258.4);
        --color-aeblack-900: oklch(0.230 0.008 264.4);
        --color-aeblack-950: oklch(0.169 0.006 271.0);
        --color-whitely-50: oklch(1.000 0.000 0.0);
        --color-whitely-100: oklch(0.991 0.000 0.0);
        --color-whitely-200: oklch(0.976 0.000 0.0);
        --color-whitely-300: oklch(0.961 0.000 0.0);
        --color-whitely-400: oklch(0.946 0.000 0.0);
        --color-whitely-500: oklch(0.931 0.000 0.0);
        --color-camel-50: oklch(0.987 0.021 95.3);
        --color-camel-100: oklch(0.963 0.058 97.7);
        --color-camel-200: oklch(0.923 0.113 96.6);
        --color-camel-300: oklch(0.879 0.152 92.8);
        --color-camel-400: oklch(0.836 0.163 86.0);
        --color-camel-500: oklch(0.767 0.162 71.6);
        --color-camel-600: oklch(0.665 0.154 60.2);
        --color-camel-700: oklch(0.555 0.142 50.4);
        --color-camel-800: oklch(0.472 0.121 47.0);
        --color-camel-900: oklch(0.414 0.103 46.7);
        --color-camel-950: oklch(0.279 0.072 46.6);
        --color-slate-50: oklch(0.984 0.003 247.9);
        --color-slate-100: oklch(0.968 0.007 247.9);
        --color-slate-200: oklch(0.929 0.013 255.5);
        --color-slate-300: oklch(0.869 0.020 252.9);
        --color-slate-400: oklch(0.711 0.035 256.8);
        --color-slate-500: oklch(0.554 0.041 257.4);
        --color-slate-600: oklch(0.446 0.037 257.3);
        --color-slate-700: oklch(0.372 0.039 257.3);
        --color-slate-800: oklch(0.279 0.037 260.0);
        --color-slate-900: oklch(0.208 0.040 265.8);
        --color-slate-950: oklch(0.129 0.041 264.7);
        --color-fuchsia-50: oklch(0.977 0.017 320.1);
        --color-fuchsia-100: oklch(0.952 0.036 318.9);
        --color-fuchsia-200: oklch(0.903 0.073 319.6);
        --color-fuchsia-300: oklch(0.833 0.132 321.4);
        --color-fuchsia-400: oklch(0.748 0.207 322.2);
        --color-fuchsia-500: oklch(0.667 0.259 322.1);
        --color-fuchsia-600: oklch(0.591 0.257 322.9);
        --color-fuchsia-700: oklch(0.518 0.226 323.9);
        --color-fuchsia-800: oklch(0.452 0.192 324.6);
        --color-fuchsia-900: oklch(0.401 0.160 325.6);
        --color-fuchsia-950: oklch(0.293 0.131 325.7);
        --color-techblue-50: oklch(0.963 0.020 238.7);
        --color-techblue-100: oklch(0.933 0.037 238.1);
        --color-techblue-200: oklch(0.873 0.067 243.9);
        --color-techblue-300: oklch(0.792 0.110 248.6);
        --color-techblue-400: oklch(0.682 0.169 257.4);
        --color-techblue-500: oklch(0.581 0.229 262.8);
        --color-techblue-600: oklch(0.498 0.283 264.1);
        --color-techblue-700: oklch(0.496 0.284 263.9);
        --color-techblue-800: oklch(0.406 0.229 263.9);
        --color-techblue-900: oklch(0.383 0.187 264.2);
        --color-techblue-950: oklch(0.265 0.122 264.9);
        --color-seablue-50: oklch(0.978 0.013 226.6);
        --color-seablue-100: oklch(0.952 0.027 232.7);
        --color-seablue-200: oklch(0.908 0.060 224.6);
        --color-seablue-300: oklch(0.843 0.107 223.4);
        --color-seablue-400: oklch(0.785 0.143 226.9);
        --color-seablue-500: oklch(0.699 0.147 234.4);
        --color-seablue-600: oklch(0.623 0.143 240.2);
        --color-seablue-700: oklch(0.530 0.122 240.4);
        --color-seablue-800: oklch(0.465 0.105 238.9);
        --color-seablue-900: oklch(0.410 0.088 238.0);
        --color-seablue-950: oklch(0.306 0.066 239.6);
        --color-desert-50: oklch(0.975 0.013 60.6);
        --color-desert-100: oklch(0.945 0.031 64.3);
        --color-desert-200: oklch(0.883 0.064 59.1);
        --color-desert-300: oklch(0.804 0.107 53.9);
        --color-desert-400: oklch(0.714 0.153 45.8);
        --color-desert-500: oklch(0.657 0.186 40.5);
        --color-desert-600: oklch(0.624 0.198 36.0);
        --color-desert-700: oklch(0.521 0.172 33.7);
        --color-desert-800: oklch(0.446 0.141 32.0);
        --color-desert-900: oklch(0.387 0.116 31.7);
        --color-desert-950: oklch(0.253 0.074 29.3);
    }
    :root {
        --font-heading: 'Inter', 'Helvetica Neue', ui-sans-serif, system-ui, sans-serif;
        --font-body: 'Roboto', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', sans-serif;
        --font-roboto: 'Roboto', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', sans-serif;
        --font-inter: 'Inter', 'Helvetica Neue', ui-sans-serif, system-ui, sans-serif;
        --font-notokufi: 'Noto Kufi Arabic', ui-sans-serif, 'Helvetica Neue', sans-serif;
        --font-alexandria: 'Alexandria', 'Helvetica Neue', ui-sans-serif, system-ui, sans-serif;
        --text-xs: 0.75rem;
        --text-xs-line-height: 1rem;
        --text-sm: 0.875rem;
        --text-sm-line-height: 1.25rem;
        --text-base: 1rem;
        --text-base-line-height: 1.5rem;
        --text-lg: 1.125rem;
        --text-lg-line-height: 1.5rem;
        --text-xl: 1.25rem;
        --text-xl-line-height: 1.75rem;
        --text-display: 4.75rem;
        --text-display--line-height: 1.1;
        --text-display-weight: 600;
        --text-h1: 3.875rem;
        --text-h1--line-height: 1.1;
        --text-h1-weight: 800;
        --text-h1-font-family: var(--font-heading);
        --text-h2: 3rem;
        --text-h2--line-height: 1.2;
        --text-h2-weight: 800;
        --text-h2-font-family: var(--font-heading);
        --text-h3: 2.5rem;
        --text-h3--line-height: 1.2;
        --text-h3-weight: 800;
        --text-h3-font-family: var(--font-heading);
        --text-h4: 2rem;
        --text-h4--line-height: 2.375rem;
        --text-h4-weight: 700;
        --text-h4-font-family: var(--font-heading);
        --text-h5: 1.625rem;
        --text-h5--line-height: 2.125rem;
        --text-h5-weight: 700;
        --text-h5-font-family: var(--font-heading);
        --text-h6: 1.25rem;
        --text-h6--line-height: 1.75rem;
        --text-h6-weight: 600;
        --text-h6-font-family: var(--font-heading);
        --shadow-button: 0px 0px 0px 6px;
        --container-padding: 0.625rem;
        --container-padding-md: 0.875rem;
        --container-padding-lg: 1.375rem;
        --container-padding-xl: 1.25rem;
        --container-center: mx-auto;
    }
    :root[dir="rtl"],
    [dir="rtl"] {
        --font-heading: var(--font-alexandria);
        --font-body: var(--font-notokufi);
    }
    @font-face {
        font-family: "Alexandria";
        font-style: normal;
        font-weight: 200;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/alexandria/v3/UMBXrPdDqW66y0Y2usFeaijdA5E64BdCIg.woff2) format("woff2");
        unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC;
    }
    @font-face {
        font-family: "Alexandria";
        font-style: normal;
        font-weight: 200;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/alexandria/v3/UMBXrPdDqW66y0Y2usFeaiPdA5E64BdCIg.woff2) format("woff2");
        unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    }
    @font-face {
        font-family: "Alexandria";
        font-style: normal;
        font-weight: 200;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/alexandria/v3/UMBXrPdDqW66y0Y2usFeai3dA5E64Bc.woff2) format("woff2");
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }
    @font-face {
        font-family: "Alexandria";
        font-style: normal;
        font-weight: 600;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/alexandria/v3/UMBXrPdDqW66y0Y2usFeaijdA5E64BdCIg.woff2) format("woff2");
        unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC;
    }
    @font-face {
        font-family: "Alexandria";
        font-style: normal;
        font-weight: 600;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/alexandria/v3/UMBXrPdDqW66y0Y2usFeaiPdA5E64BdCIg.woff2) format("woff2");
        unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    }
    @font-face {
        font-family: "Alexandria";
        font-style: normal;
        font-weight: 600;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/alexandria/v3/UMBXrPdDqW66y0Y2usFeai3dA5E64Bc.woff2) format("woff2");
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }
    @font-face {
        font-family: "Alexandria";
        font-style: normal;
        font-weight: 700;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/alexandria/v3/UMBXrPdDqW66y0Y2usFeaijdA5E64BdCIg.woff2) format("woff2");
        unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC;
    }
    @font-face {
        font-family: "Alexandria";
        font-style: normal;
        font-weight: 700;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/alexandria/v3/UMBXrPdDqW66y0Y2usFeaiPdA5E64BdCIg.woff2) format("woff2");
        unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    }
    @font-face {
        font-family: "Alexandria";
        font-style: normal;
        font-weight: 700;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/alexandria/v3/UMBXrPdDqW66y0Y2usFeai3dA5E64Bc.woff2) format("woff2");
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }
    @font-face {
        font-family: "Alexandria";
        font-style: normal;
        font-weight: 800;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/alexandria/v3/UMBXrPdDqW66y0Y2usFeaijdA5E64BdCIg.woff2) format("woff2");
        unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC;
    }
    @font-face {
        font-family: "Alexandria";
        font-style: normal;
        font-weight: 800;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/alexandria/v3/UMBXrPdDqW66y0Y2usFeaiPdA5E64BdCIg.woff2) format("woff2");
        unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    }
    @font-face {
        font-family: "Alexandria";
        font-style: normal;
        font-weight: 800;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/alexandria/v3/UMBXrPdDqW66y0Y2usFeai3dA5E64Bc.woff2) format("woff2");
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }
    @font-face {
        font-family: "Inter";
        font-style: normal;
        font-weight: 200;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7W0Q5n-wU.woff2) format("woff2");
        unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    }
    @font-face {
        font-family: "Inter";
        font-style: normal;
        font-weight: 200;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7W0Q5nw.woff2) format("woff2");
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }
    @font-face {
        font-family: "Inter";
        font-style: normal;
        font-weight: 600;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7W0Q5n-wU.woff2) format("woff2");
        unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    }
    @font-face {
        font-family: "Inter";
        font-style: normal;
        font-weight: 600;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7W0Q5nw.woff2) format("woff2");
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }
    @font-face {
        font-family: "Inter";
        font-style: normal;
        font-weight: 700;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7W0Q5n-wU.woff2) format("woff2");
        unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    }
    @font-face {
        font-family: "Inter";
        font-style: normal;
        font-weight: 700;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7W0Q5nw.woff2) format("woff2");
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }
    @font-face {
        font-family: "Inter";
        font-style: normal;
        font-weight: 800;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7W0Q5n-wU.woff2) format("woff2");
        unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    }
    @font-face {
        font-family: "Inter";
        font-style: normal;
        font-weight: 800;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7W0Q5nw.woff2) format("woff2");
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }
    @font-face {
        font-family: "Noto Kufi Arabic";
        font-style: normal;
        font-weight: 300;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/notokufiarabic/v16/CSRk4ydQnPyaDxEXLFF6LZVLKrodrOYFFkCqIzA.woff2) format("woff2");
        unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }
    @font-face {
        font-family: "Noto Kufi Arabic";
        font-style: normal;
        font-weight: 400;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/notokufiarabic/v16/CSRk4ydQnPyaDxEXLFF6LZVLKrodrOYFFkCqIzA.woff2) format("woff2");
        unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }
    @font-face {
        font-family: "Noto Kufi Arabic";
        font-style: normal;
        font-weight: 500;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/notokufiarabic/v16/CSRk4ydQnPyaDxEXLFF6LZVLKrodrOYFFkCqIzA.woff2) format("woff2");
        unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }
    @font-face {
        font-family: "Noto Kufi Arabic";
        font-style: normal;
        font-weight: 600;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/notokufiarabic/v16/CSRk4ydQnPyaDxEXLFF6LZVLKrodrOYFFkCqIzA.woff2) format("woff2");
        unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }
    @font-face {
        font-family: "Noto Kufi Arabic";
        font-style: normal;
        font-weight: 700;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/notokufiarabic/v16/CSRk4ydQnPyaDxEXLFF6LZVLKrodrOYFFkCqIzA.woff2) format("woff2");
        unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }
    @font-face {
        font-family: "Noto Kufi Arabic";
        font-style: normal;
        font-weight: 900;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/notokufiarabic/v16/CSRk4ydQnPyaDxEXLFF6LZVLKrodrOYFFkCqIzA.woff2) format("woff2");
        unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }
    @font-face {
        font-family: "Roboto";
        font-style: normal;
        font-weight: 300;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fChc4AMP6lbBP.woff2) format("woff2");
        unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    }
    @font-face {
        font-family: "Roboto";
        font-style: normal;
        font-weight: 300;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fBBc4AMP6lQ.woff2) format("woff2");
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }
    @font-face {
        font-family: "Roboto";
        font-style: normal;
        font-weight: 400;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7GxKKTU1Kvnz.woff2) format("woff2");
        unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    }
    @font-face {
        font-family: "Roboto";
        font-style: normal;
        font-weight: 400;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2) format("woff2");
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }
    @font-face {
        font-family: "Roboto";
        font-style: normal;
        font-weight: 500;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fChc4AMP6lbBP.woff2) format("woff2");
        unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    }
    @font-face {
        font-family: "Roboto";
        font-style: normal;
        font-weight: 500;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fBBc4AMP6lQ.woff2) format("woff2");
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }
    @font-face {
        font-family: "Roboto";
        font-style: normal;
        font-weight: 700;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfChc4AMP6lbBP.woff2) format("woff2");
        unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    }
    @font-face {
        font-family: "Roboto";
        font-style: normal;
        font-weight: 700;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfBBc4AMP6lQ.woff2) format("woff2");
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }
    @font-face {
        font-family: "Roboto";
        font-style: normal;
        font-weight: 900;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfChc4AMP6lbBP.woff2) format("woff2");
        unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    }
    @font-face {
        font-family: "Roboto";
        font-style: normal;
        font-weight: 900;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfBBc4AMP6lQ.woff2) format("woff2");
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }
    html {
        -webkit-tap-highlight-color: transparent;
        scroll-behavior: smooth;
        @media (width>=48rem) {
            scroll-behavior: auto;
        }
    }
    body {
        color: var(--color-aeblack-800);
        font-family: var(--font-body);
        margin: calc(var(--spacing) * 0);
        padding: calc(var(--spacing) * 0);
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
    }
    body[dir="rtl"] {
        p {
            --tw-leading: var(--leading-relaxed);
            line-height: var(--leading-relaxed);
        }
    }
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-family: var(--font-heading);
    }
    h1 {
        font-size: var(--text-h1);
        line-height: var(--tw-leading, var(--text-h1--line-height));
        --tw-font-weight: var(--font-weight-extrabold);
        font-weight: var(--font-weight-extrabold);
    }
    h2 {
        font-size: var(--text-h2);
        line-height: var(--tw-leading, var(--text-h2--line-height));
        --tw-font-weight: var(--font-weight-extrabold);
        font-weight: var(--font-weight-extrabold);
    }
    h3 {
        font-size: var(--text-h3);
        line-height: var(--tw-leading, var(--text-h3--line-height));
        --tw-font-weight: var(--font-weight-extrabold);
        font-weight: var(--font-weight-extrabold);
    }
    h4 {
        font-size: var(--text-h4);
        line-height: var(--tw-leading, var(--text-h4--line-height));
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold);
    }
    h5 {
        font-size: var(--text-h5);
        line-height: var(--tw-leading, var(--text-h5--line-height));
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold);
    }
    h6 {
        font-size: var(--text-h6);
        line-height: var(--tw-leading, var(--text-h6--line-height));
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
    }
    button {
        display: inline-flex;
        flex-shrink: 0;
        cursor: pointer;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        text-align: center;
        text-decoration-line: none;
        -webkit-user-select: none;
        user-select: none;
    }
    p {
        margin-bottom: calc(var(--spacing) * 8);
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
        &.text-sm {
            margin-bottom: calc(var(--spacing) * 7);
        }
        &.text-xs {
            margin-bottom: calc(var(--spacing) * 6);
        }
    }
    a {
        color: var(--color-primary-600);
        --tw-ring-color: var(--color-primary-support-600);
        transition-property: color, text-decoration;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-duration: 0.3s;
        position: relative;
        display: inline-block;
        border-radius: 0.25rem;
        text-decoration-line: underline;
        text-underline-offset: 1px;
        &:hover {
            @media (hover: hover) {
                text-decoration-thickness: 2px;
            }
            color: var(--color-primary-500);
        }
        &:focus-visible {
            outline-style: solid;
            outline-width: 2px;
            outline-offset: 0px;
            outline-color: var(--color-primary-support-600);
        }
    }
    .slick-slider .slick-track,
    .slick-slider .slick-list {
        direction: ltr;
    }
    [dir="rtl"] {
        .slick-slider {
            .slick-slide {
                direction: rtl;
            }
        }
    }
    .aegov-modal-close {
        color: var(--color-aeblack-400);
        position: absolute;
        margin-left: auto;
        display: inline-flex;
        align-items: center;
        border-radius: var(--radius-lg);
        background-color: transparent;
        padding: calc(var(--spacing) * 1.5);
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        &:focus-visible {
            outline-style: solid;
            outline-width: 2px;
            outline-offset: 2px;
            outline-color: var(--color-primary-support-600);
        }
        &:hover {
            background-color: var(--color-aeblack-50);
            color: var(--color-aeblack-600);
        }
    }
    .aegov-modal-backdrop,
    .aegov-backdrop {
        background-color: var(--color-aeblack-900);
        @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-aeblack-900) 50%, transparent);
        }
        position: fixed;
        inset: calc(var(--spacing) * 0);
        z-index: 40;
    }
    .aegov-modal {
        &.flex {
            display: flex;
        }
        &.justify-center {
            justify-content: center;
        }
        &.items-center {
            align-items: center;
        }
        &.justify-end {
            justify-content: flex-end;
        }
        &.items-end {
            align-items: flex-end;
        }
    }
    input[type="checkbox"],
    input[type="radio"] {
        accent-color: var(--form-check-accent);
        color: var(--form-check-accent);
        border-color: var(--form-check-border);
        --tw-ring-color: var(--form-check-focus-ring);
        --tw-border-style: solid;
        position: relative;
        margin: calc(var(--spacing) * 0);
        height: calc(var(--spacing) * 5);
        width: calc(var(--spacing) * 5);
        flex-shrink: 0;
        appearance: none;
        border-style: var(--tw-border-style);
        border-width: 1px;
        &:focus {
            --tw-ring-color: var(--form-check-focus-ring);
            --tw-ring-offset-width: 2px;
            --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
            --tw-outline-style: none;
            outline-style: none;
            @media (forced-colors: active) {
                outline: 2px solid transparent;
                outline-offset: 2px;
            }
        }
        &:disabled {
            pointer-events: none;
            &:checked {
                opacity: 40%;
            }
            border-color: var(--form-check-disabled-border);
        }
        &:before {
            content: '';
            background-color: var(--form-check-hover-before-bg);
            position: absolute;
            inset-inline-start: calc(2/4 * 100%);
            top: calc(2/4 * 100%);
            height: calc(var(--spacing) * 12);
            width: calc(var(--spacing) * 12);
            --tw-translate-x: calc(calc(2/4 * 100%) * -1);
            --tw-translate-y: calc(calc(2/4 * 100%) * -1);
            translate: var(--tw-translate-x) var(--tw-translate-y);
            --tw-scale-x: 0%;
            --tw-scale-y: 0%;
            --tw-scale-z: 0%;
            scale: var(--tw-scale-x) var(--tw-scale-y);
            border-radius: calc(infinity * 1px);
            mix-blend-mode: multiply;
            transition-property: all;
            transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
            transition-duration: var(--tw-duration, var(--default-transition-duration));
        }
        &:hover:not(:disabled)::before {
            --tw-scale-x: 100%;
            --tw-scale-y: 100%;
            --tw-scale-z: 100%;
            scale: var(--tw-scale-x) var(--tw-scale-y);
        }
        &:disabled:before {
            display: none !important;
        }
    }
    input[type="checkbox"] {
        border-radius: 0.25rem;
    }
    input[type="text"],
    input[type="email"],
    input[type="url"],
    input[type="password"],
    input[type="number"],
    input[type="date"],
    input[type="datetime-local"],
    input[type="month"],
    input[type="search"],
    input[type="tel"],
    input[type="time"],
    input[type="week"],
    [multiple],
    textarea,
    select {
        color: var(--form-input-text);
        font-size: var(--text-base);
        display: block;
        width: 100%;
        flex: 1;
        border-style: var(--tw-border-style);
        border-width: 0px;
        background-color: transparent;
        padding-inline: calc(var(--spacing) * 4);
        padding-block: calc(var(--spacing) * 3);
        --tw-leading: calc(var(--spacing) * 6);
        line-height: calc(var(--spacing) * 6);
        &:focus {
            --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        }
        &:disabled {
            pointer-events: none;
            cursor: not-allowed;
            -webkit-user-select: none;
            user-select: none;
        }
        @media (prefers-reduced-motion: reduce) {
            transition-property: none;
        }
        &::placeholder {
            color: var(--form-input-placeholder);
        }
    }
    input[type="range"] {
        --range-track-bg: var(--color-aeblack-200);
        @supports (color: color-mix(in lab, red, red)) {
            --range-track-bg: color-mix(in oklab, var(--color-aeblack-200)20%, transparent);
        }
        --range-progress-from: var(--color-primary-300);
        --range-progress-to: var(--color-primary-500);
        --range-thumb-bg: var(--color-primary-800);
        --range-thumb-bg-hover: var(--color-primary-700);
        .control-secondary & {
            --range-track-bg: var(--color-secondary-200);
            @supports (color: color-mix(in lab, red, red)) {
                --range-track-bg: color-mix(in oklab, var(--color-secondary-200)20%, transparent);
            }
            --range-progress-from: var(--color-secondary-300);
            --range-progress-to: var(--color-secondary-500);
            --range-thumb-bg: var(--color-secondary-800);
            --range-thumb-bg-hover: var(--color-secondary-700);
        }
        .control-error & {
            --range-track-bg: var(--color-aered-200);
            @supports (color: color-mix(in lab, red, red)) {
                --range-track-bg: color-mix(in oklch, var(--color-aered-200)20%, transparent);
            }
            --range-progress-from: var(--color-aered-300);
            --range-progress-to: var(--color-aered-500);
            --range-thumb-bg: var(--color-aered-800);
            --range-thumb-bg-hover: var(--color-aered-700);
        }
        background-color: var(--range-track-bg);
        --tw-gradient-from: var(--range-progress-from);
        --tw-gradient-to: var(--range-progress-to);
        background-image: linear-gradient(to right,
        var(--range-progress-from),
        var(--range-progress-to));
        margin-block: calc(var(--spacing) * 3);
        display: inline-block;
        height: calc(var(--spacing) * 2);
        width: 100%;
        appearance: none;
        border-radius: 0.25rem;
        background-repeat: no-repeat;
        vertical-align: middle;
        font-size: var(--text-base);
        line-height: var(--tw-leading,
        var(--text-base--line-height));
    }
    input[type="range"]::-webkit-slider-thumb {
        background-color: var(--range-thumb-bg);
        height: calc(var(--spacing) * 5);
        width: calc(var(--spacing) * 5);
        cursor: ew-resize;
        appearance: none;
        border-radius: calc(infinity * 1px);
        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        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));
    }
    input[type="range"]::-webkit-slider-thumb:hover {
        background-color: var(--range-thumb-bg-hover);
    }
    input[type="range"]::-webkit-slider-runnable-track {
        appearance: none;
        border-style: var(--tw-border-style);
        border-width: 0px;
        background-color: transparent;
        --tw-shadow: 0 0 #0000;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    input[type="file"] {
        --file-btn-fg: var(--color-primary-700);
        --file-btn-bg: var(--color-primary-50);
        --file-btn-bg-hover: var(--color-primary-100);
        --file-ring-color: var(--color-primary-300);
        --file-focus-ring-color: var(--color-primary-support-600);
        --file-focus-outline-color: var(--color-primary-500);
        --file-focus-shadow-color: var(--color-primary-support-600);
        @supports (color: color-mix(in lab, red, red)) {
            --file-focus-shadow-color: color-mix(in oklab, var(--color-primary-support-600)20%, transparent);
        }
        .control-secondary & {
            --file-btn-fg: var(--color-secondary-700);
            --file-btn-bg: var(--color-secondary-50);
            --file-btn-bg-hover: var(--color-secondary-100);
            --file-ring-color: var(--color-secondary-300);
            --file-focus-ring-color: var(--color-secondary-support-300);
            --file-focus-outline-color: var(--color-secondary-support-300);
            --file-focus-shadow-color: var(--color-secondary-support-300);
            @supports (color: color-mix(in lab, red, red)) {
                --file-focus-shadow-color: color-mix(in oklab, var(--color-secondary-support-300)20%, transparent);
            }
        }
        .control-error & {
            --file-btn-fg: var(--color-aered-700);
            --file-btn-bg: var(--color-aered-50);
            --file-btn-bg-hover: var(--color-aered-100);
            --file-ring-color: var(--color-aered-300);
            --file-focus-ring-color: var(--color-aered-600);
            --file-focus-outline-color: var(--color-aered-500);
            --file-focus-shadow-color: var(--color-aered-600);
            @supports (color: color-mix(in lab, red, red)) {
                --file-focus-shadow-color: color-mix(in oklab, var(--color-aered-600)20%, transparent);
            }
        }
        width: 100%;
        overflow: hidden;
        border-style: var(--tw-border-style);
        border-width: 0px;
        padding-block: calc(var(--spacing) * 0) !important;
        --tw-outline-style: none;
        outline-style: none;
        @media (prefers-reduced-motion: reduce) {
            transition-property: none;
        }
        &:not(:disabled):not([readonly]) {
            cursor: pointer;
        }
        &:focus {
            outline-color: var(--file-focus-outline-color);
        }
        &::file-selector-button {
            color: var(--file-btn-fg);
            background-color: var(--color-whitely-50);
            --tw-ring-color: var(--file-ring-color);
            margin-inline-end: calc(var(--spacing) * 4);
            height: 100%;
            border-start-start-radius: var(--radius-lg);
            border-end-start-radius: var(--radius-lg);
            border-style: var(--tw-border-style);
            border-width: 0px;
            padding-inline: calc(var(--spacing) * 4);
            padding-block: calc(var(--spacing) * 3);
            --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
            --tw-ring-inset: inset;
        }
        &:hover:not(:disabled):not([readonly])::file-selector-button {
            background-color: var(--file-btn-bg-hover);
        }
        &:focus-within::file-selector-button {
            --tw-ring-color: var(--file-focus-ring-color);
            box-shadow: 0 0 0 1px var(--file-focus-shadow-color);
            z-index: 10;
        }
    }
}

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

@property --tw-font-weight {
    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: 0px;
}

@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-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-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;
}

@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-space-y-reverse {
    syntax: "*";
    inherits: false;
    initial-value: 0;
}

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

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

@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-tracking {
    syntax: "*";
    inherits: false;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@property --tw-content {
    syntax: "*";
    initial-value: "";
    inherits: false;
}

@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-border-style: solid;
            --tw-font-weight: 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-translate-x: 0;
            --tw-translate-y: 0;
            --tw-translate-z: 0;
            --tw-scale-x: 1;
            --tw-scale-y: 1;
            --tw-scale-z: 1;
            --tw-rotate-x: initial;
            --tw-rotate-y: initial;
            --tw-rotate-z: initial;
            --tw-skew-x: initial;
            --tw-skew-y: initial;
            --tw-space-y-reverse: 0;
            --tw-space-x-reverse: 0;
            --tw-divide-y-reverse: 0;
            --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-tracking: initial;
            --tw-outline-style: solid;
            --tw-blur: initial;
            --tw-brightness: initial;
            --tw-contrast: initial;
            --tw-grayscale: initial;
            --tw-hue-rotate: initial;
            --tw-invert: initial;
            --tw-opacity: initial;
            --tw-saturate: initial;
            --tw-sepia: initial;
            --tw-drop-shadow: initial;
            --tw-drop-shadow-color: initial;
            --tw-drop-shadow-alpha: 100%;
            --tw-drop-shadow-size: initial;
            --tw-duration: initial;
            --tw-content: "";
        }
    }
}