/*! tailwindcss v4.1.5 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#f/*! tailwindcss v4.1.5 | MIT License | https://tailwindcss.com */
@layer properties {
    @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
        *,
        :before,
        :after,
        ::backdrop {
            --tw-translate-x: 0;
            --tw-translate-y: 0;
            --tw-translate-z: 0;
            --tw-rotate-x: initial;
            --tw-rotate-y: initial;
            --tw-rotate-z: initial;
            --tw-skew-x: initial;
            --tw-skew-y: initial;
            --tw-space-y-reverse: 0;
            --tw-border-style: solid;
            --tw-leading: initial;
            --tw-font-weight: initial;
            --tw-tracking: initial;
            --tw-shadow: 0 0 #0000;
            --tw-shadow-color: initial;
            --tw-shadow-alpha: 100%;
            --tw-inset-shadow: 0 0 #0000;
            --tw-inset-shadow-color: initial;
            --tw-inset-shadow-alpha: 100%;
            --tw-ring-color: initial;
            --tw-ring-shadow: 0 0 #0000;
            --tw-inset-ring-color: initial;
            --tw-inset-ring-shadow: 0 0 #0000;
            --tw-ring-inset: initial;
            --tw-ring-offset-width: 0px;
            --tw-ring-offset-color: #fff;
            --tw-ring-offset-shadow: 0 0 #0000;
            --tw-duration: initial;
            --tw-ease: initial;
            --tw-content: "";
        }
    }
}
@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;
        --color-gray-400: oklch(70.7% 0.022 261.325);
        --color-gray-700: oklch(37.3% 0.034 259.733);
        --color-gray-900: oklch(21% 0.034 264.665);
        --color-black: #000;
        --color-white: #fff;
        --spacing: 0.25rem;
        --container-md: 28rem;
        --container-xl: 36rem;
        --container-3xl: 48rem;
        --container-6xl: 72rem;
        --text-sm: 0.875rem;
        --text-sm--line-height: calc(1.25 / 0.875);
        --text-base: 1rem;
        --text-base--line-height: 1.5;
        --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: 1.2;
        --text-4xl: 2.25rem;
        --text-4xl--line-height: calc(2.5 / 2.25);
        --font-weight-light: 300;
        --font-weight-medium: 500;
        --font-weight-semibold: 600;
        --font-weight-bold: 700;
        --tracking-wide: 0.025em;
        --leading-tight: 1.25;
        --leading-relaxed: 1.625;
        --radius-md: 0.375rem;
        --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
        --default-transition-duration: 0.15s;
        --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        --default-font-family: var(--font-sans);
        --default-mono-font-family: var(--font-mono);
        --color-primary: #fff7e7;
        --color-secondary: #24282a;
        --font-josefin: "Josefin Sans", sans-serif;
        --font-cormorant: "Cormorant Infant";
    }
}

@layer base {
    *,
    :after,
    :before,
    ::backdrop {
        box-sizing: border-box;
        border: 0 solid;
        margin: 0;
        padding: 0;
    }
    ::file-selector-button {
        box-sizing: border-box;
        border: 0 solid;
        margin: 0;
        padding: 0;
    }
    html,
    :host {
        -webkit-text-size-adjust: 100%;
        -moz-tab-size: 4;
        -o-tab-size: 4;
        tab-size: 4;
        line-height: 1.5;
        font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
        font-feature-settings: var(--default-font-feature-settings, normal);
        font-variation-settings: var(--default-font-variation-settings, normal);
        -webkit-tap-highlight-color: transparent;
    }
    hr {
        height: 0;
        color: inherit;
        border-top-width: 1px;
    }
    abbr:where([title]) {
        -webkit-text-decoration: underline dotted;
        text-decoration: underline dotted;
    }
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-size: inherit;
        font-weight: inherit;
    }
    a {
        color: inherit;
        -webkit-text-decoration: inherit;
        text-decoration: inherit;
    }
    b,
    strong {
        font-weight: bolder;
    }
    code,
    kbd,
    samp,
    pre {
        font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
        font-feature-settings: var(--default-mono-font-feature-settings, normal);
        font-variation-settings: var(--default-mono-font-variation-settings, normal);
        font-size: 1em;
    }
    small {
        font-size: 80%;
    }
    sub,
    sup {
        vertical-align: baseline;
        font-size: 75%;
        line-height: 0;
        position: relative;
    }
    sub {
        bottom: -0.25em;
    }
    sup {
        top: -0.5em;
    }
    table {
        text-indent: 0;
        border-color: inherit;
        border-collapse: collapse;
    }
    :-moz-focusring {
        outline: auto;
    }
    progress {
        vertical-align: baseline;
    }
    summary {
        display: list-item;
    }
    ol,
    ul,
    menu {
        list-style: none;
    }
    img,
    svg,
    video,
    canvas,
    audio,
    iframe,
    embed,
    object {
        vertical-align: middle;
        display: block;
    }
    img,
    video {
        max-width: 100%;
        height: auto;
    }
    button,
    input,
    select,
    optgroup,
    textarea {
        font: inherit;
        font-feature-settings: inherit;
        font-variation-settings: inherit;
        letter-spacing: inherit;
        color: inherit;
        opacity: 1;
        background-color: #0000;
        border-radius: 0;
    }
    ::file-selector-button {
        font: inherit;
        font-feature-settings: inherit;
        font-variation-settings: inherit;
        letter-spacing: inherit;
        color: inherit;
        opacity: 1;
        background-color: #0000;
        border-radius: 0;
    }
    :where(select:is([multiple], [size])) optgroup {
        font-weight: bolder;
    }
    :where(select:is([multiple], [size])) optgroup option {
        padding-inline-start: 20px;
    }
    ::file-selector-button {
        margin-inline-end: 4px;
    }
    ::-moz-placeholder {
        opacity: 1;
    }
    ::placeholder {
        opacity: 1;
    }
    @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
        ::-moz-placeholder {
            color: currentColor;
        }
        ::placeholder {
            color: currentColor;
        }
        @supports (color: color-mix(in lab, red, red)) {
            ::-moz-placeholder {
                color: color-mix(in oklab, currentcolor 50%, transparent);
            }
            ::placeholder {
                color: color-mix(in oklab, currentcolor 50%, transparent);
            }
        }
    }
    textarea {
        resize: vertical;
    }
    ::-webkit-search-decoration {
        -webkit-appearance: none;
    }
    ::-webkit-date-and-time-value {
        min-height: 1lh;
        text-align: inherit;
    }
    ::-webkit-datetime-edit {
        display: inline-flex;
    }
    ::-webkit-datetime-edit-fields-wrapper {
        padding: 0;
    }
    ::-webkit-datetime-edit {
        padding-block: 0;
    }
    ::-webkit-datetime-edit-year-field {
        padding-block: 0;
    }
    ::-webkit-datetime-edit-month-field {
        padding-block: 0;
    }
    ::-webkit-datetime-edit-day-field {
        padding-block: 0;
    }
    ::-webkit-datetime-edit-hour-field {
        padding-block: 0;
    }
    ::-webkit-datetime-edit-minute-field {
        padding-block: 0;
    }
    ::-webkit-datetime-edit-second-field {
        padding-block: 0;
    }
    ::-webkit-datetime-edit-millisecond-field {
        padding-block: 0;
    }
    ::-webkit-datetime-edit-meridiem-field {
        padding-block: 0;
    }
    :-moz-ui-invalid {
        box-shadow: none;
    }
    button,
    input:where([type="button"], [type="reset"], [type="submit"]) {
        -webkit-appearance: button;
        -moz-appearance: button;
        appearance: button;
    }
    ::file-selector-button {
        -webkit-appearance: button;
        -moz-appearance: button;
        appearance: button;
    }
    ::-webkit-inner-spin-button {
        height: auto;
    }
    ::-webkit-outer-spin-button {
        height: auto;
    }
    [hidden]:where(:not([hidden="until-found"])) {
        display: none !important;
    }
}
@layer components;
@layer utilities {
    .pointer-events-none {
        pointer-events: none;
    }
    .visible {
        visibility: visible;
    }
    .sr-only {
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border-width: 0;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        position: absolute;
        overflow: hidden;
    }
    .absolute {
        position: absolute;
    }
    .fixed {
        position: fixed;
    }
    .relative {
        position: relative;
    }
    .sticky {
        position: sticky;
    }
    .inset-0 {
        inset: calc(var(--spacing) * 0);
    }
    .inset-y-0 {
        inset-block: calc(var(--spacing) * 0);
    }
    .top-0 {
        top: calc(var(--spacing) * 0);
    }
    .right-0 {
        right: calc(var(--spacing) * 0);
    }
    .right-\[5\%\] {
        right: 5%;
    }
    .bottom-0 {
        bottom: calc(var(--spacing) * 0);
    }
    .bottom-4 {
        bottom: calc(var(--spacing) * 4);
    }
    .left-0 {
        left: calc(var(--spacing) * 0);
    }
    .-z-1 {
        z-index: -1;
    }
    .-z-\[99\] {
        z-index: -99;
    }
    .z-0 {
        z-index: 0;
    }
    .z-10 {
        z-index: 10;
    }
    .z-20 {
        z-index: 20;
    }
    .z-50 {
        z-index: 50;
    }
    .z-99 {
        z-index: 99;
    }
    .z-999 {
        z-index: 999;
    }
    .z-\[10\] {
        z-index: 10;
    }
    .z-\[999\] {
        z-index: 999;
    }
    .container {
        width: 100%;
    }
    @media (min-width: 40rem) {
        .container {
            max-width: 40rem;
        }
    }
    @media (min-width: 48rem) {
        .container {
            max-width: 48rem;
        }
    }
    @media (min-width: 64rem) {
        .container {
            max-width: 64rem;
        }
    }
    @media (min-width: 80rem) {
        .container {
            max-width: 80rem;
        }
    }
    @media (min-width: 96rem) {
        .container {
            max-width: 96rem;
        }
    }
    .mx-auto {
        margin-inline: auto;
    }
    .my-4 {
        margin-block: calc(var(--spacing) * 4);
    }
    .-mt-40 {
        margin-top: calc(var(--spacing) * -40);
    }
    .mt-1 {
        margin-top: calc(var(--spacing) * 1);
    }
    .mt-5 {
        margin-top: calc(var(--spacing) * 5);
    }
    .mt-\[30px\] {
        margin-top: 30px;
    }
    .mt-\[60px\] {
        margin-top: 60px;
    }
    .mb-2 {
        margin-bottom: calc(var(--spacing) * 2);
    }
    .mb-4 {
        margin-bottom: calc(var(--spacing) * 4);
    }
    .mb-6 {
        margin-bottom: calc(var(--spacing) * 6);
    }
    .mb-8 {
        margin-bottom: calc(var(--spacing) * 8);
    }
    .mb-10 {
        margin-bottom: calc(var(--spacing) * 10);
    }
    .-ml-10 {
        margin-left: calc(var(--spacing) * -10);
    }
    .ml-2 {
        margin-left: calc(var(--spacing) * 2);
    }
    .ml-4 {
        margin-left: calc(var(--spacing) * 4);
    }
    .ml-10 {
        margin-left: calc(var(--spacing) * 10);
    }
    .block {
        display: block;
    }
    .contents {
        display: contents;
    }
    .flex {
        display: flex;
    }
    .grid {
        display: grid;
    }
    .hidden {
        display: none;
    }
    .aspect-\[4\/3\] {
        aspect-ratio: 4/3;
    }
    .\!h-auto {
        height: auto !important;
    }
    .h-0 {
        height: calc(var(--spacing) * 0);
    }
    .h-1\/2 {
        height: 50%;
    }
    .h-4 {
        height: calc(var(--spacing) * 4);
    }
    .h-6 {
        height: calc(var(--spacing) * 6);
    }
    .h-8 {
        height: calc(var(--spacing) * 8);
    }
    .h-\[1\.2rem\] {
        height: 1.2rem;
    }
    .h-\[2px\] {
        height: 2px;
    }
    .h-\[32px\] {
        height: 32px;
    }
    .h-\[40lvh\] {
        height: 40lvh;
    }
    .h-\[50\%\] {
        height: 50%;
    }
    .h-\[100lvh\] {
        height: 100lvh;
    }
    .h-\[400px\] {
        height: 400px;
    }
    .h-auto {
        height: auto;
    }
    .h-full {
        height: 100%;
    }
    .h-max {
        height: -moz-max-content;
        height: max-content;
    }
    .max-h-\[70\%\] {
        max-height: 70%;
    }
    .max-h-\[80\%\] {
        max-height: 80%;
    }
    .max-h-\[100lvh\] {
        max-height: 100lvh;
    }
    .min-h-screen {
        min-height: 100vh;
    }
    .w-1\/2 {
        width: 50%;
    }
    .w-4 {
        width: calc(var(--spacing) * 4);
    }
    .w-6 {
        width: calc(var(--spacing) * 6);
    }
    .w-30 {
        width: calc(var(--spacing) * 30);
    }
    .w-\[1\.2rem\] {
        width: 1.2rem;
    }
    .w-\[26px\] {
        width: 26px;
    }
    .w-\[30\%\] {
        width: 30%;
    }
    .w-\[33\%\] {
        width: 33%;
    }
    .w-\[40\%\] {
        width: 40%;
    }
    .w-\[40lvw\] {
        width: 40lvw;
    }
    .w-\[50\%\] {
        width: 50%;
    }
    .w-\[60\%\] {
        width: 60%;
    }
    .w-\[80\%\] {
        width: 80%;
    }
    .w-\[100lvw\] {
        width: 100lvw;
    }
    .w-\[calc\(50\%-5px\)\] {
        width: calc(50% - 5px);
    }
    .w-full {
        width: 100%;
    }
    .w-max {
        width: -moz-max-content;
        width: max-content;
    }
    .w-screen {
        width: 100vw;
    }
    .max-w-3xl {
        max-width: var(--container-3xl);
    }
    .max-w-6xl {
        max-width: var(--container-6xl);
    }
    .max-w-\[415px\] {
        max-width: 415px;
    }
    .max-w-\[1400px\] {
        max-width: 1400px;
    }
    .max-w-full {
        max-width: 100%;
    }
    .max-w-md {
        max-width: var(--container-md);
    }
    .max-w-xl {
        max-width: var(--container-xl);
    }
    .flex-grow,
    .grow {
        flex-grow: 1;
    }
    .-translate-x-\[15px\] {
        --tw-translate-x: -15px;
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .-translate-x-full {
        --tw-translate-x: -100%;
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .translate-x-0 {
        --tw-translate-x: calc(var(--spacing) * 0);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .translate-x-\[-100\%\] {
        --tw-translate-x: -100%;
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .translate-x-\[100\%\],
    .translate-x-full {
        --tw-translate-x: 100%;
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .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;
    }
    .resize {
        resize: both;
    }
    .\!scroll-mt-\[0px\] {
        scroll-margin-top: 0 !important;
    }
    .scroll-mt-\[-150px\] {
        scroll-margin-top: -150px;
    }
    .appearance-none {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }
    .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-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .grid-rows-3 {
        grid-template-rows: repeat(3, minmax(0, 1fr));
    }
    .flex-col {
        flex-direction: column;
    }
    .flex-col-reverse {
        flex-direction: column-reverse;
    }
    .flex-row-reverse {
        flex-direction: row-reverse;
    }
    .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;
    }
    .gap-2 {
        gap: calc(var(--spacing) * 2);
    }
    .gap-4 {
        gap: calc(var(--spacing) * 4);
    }
    .gap-6 {
        gap: calc(var(--spacing) * 6);
    }
    .gap-8 {
        gap: calc(var(--spacing) * 8);
    }
    .gap-20 {
        gap: calc(var(--spacing) * 20);
    }
    .gap-\[10px\] {
        gap: 10px;
    }
    .gap-\[15px\] {
        gap: 15px;
    }
    .gap-\[20px\] {
        gap: 20px;
    }
    .gap-\[30px\] {
        gap: 30px;
    }
    .gap-\[50px\] {
        gap: 50px;
    }
    .gap-\[80px\] {
        gap: 80px;
    }
    :where(.space-y-4 > :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)));
    }
    .self-center {
        align-self: center;
    }
    .justify-self-center {
        justify-self: center;
    }
    .justify-self-end {
        justify-self: flex-end;
    }
    .justify-self-start {
        justify-self: flex-start;
    }
    .overflow-auto {
        overflow: auto;
    }
    .overflow-hidden {
        overflow: hidden;
    }
    .overflow-x-hidden {
        overflow-x: hidden;
    }
    .rounded-md {
        border-radius: var(--radius-md);
    }
    .rounded-none {
        border-radius: 0;
    }
    .border {
        border-style: var(--tw-border-style);
        border-width: 1px;
    }
    .border-black {
        border-color: var(--color-black);
    }
    .border-gray-400 {
        border-color: var(--color-gray-400);
    }
    .bg-\[\#2b2b2b\] {
        background-color: #2b2b2b;
    }
    .bg-\[\#24282A\] {
        background-color: #24282a;
    }
    .bg-\[\#FFF7E7\],
    .bg-\[\#fff7e7\] {
        background-color: #fff7e7;
    }
    .bg-black {
        background-color: var(--color-black);
    }
    .bg-primary {
        background-color: var(--color-primary);
    }
    .bg-secondary {
        background-color: var(--color-secondary);
    }
    .bg-transparent {
        background-color: #0000;
    }
    .object-contain {
        -o-object-fit: contain;
        object-fit: contain;
    }
    .object-cover {
        -o-object-fit: cover;
        object-fit: cover;
    }
    .p-2 {
        padding: calc(var(--spacing) * 2);
    }
    .p-4 {
        padding: calc(var(--spacing) * 4);
    }
    .p-6 {
        padding: calc(var(--spacing) * 6);
    }
    .p-8 {
        padding: calc(var(--spacing) * 8);
    }
    .p-10 {
        padding: calc(var(--spacing) * 10);
    }
    .p-\[15px\] {
        padding: 15px;
    }
    .px-4 {
        padding-inline: calc(var(--spacing) * 4);
    }
    .px-6 {
        padding-inline: calc(var(--spacing) * 6);
    }
    .px-8 {
        padding-inline: calc(var(--spacing) * 8);
    }
    .px-10 {
        padding-inline: calc(var(--spacing) * 10);
    }
    .px-\[1\.5rem\] {
        padding-inline: 1.5rem;
    }
    .px-\[15px\] {
        padding-inline: 15px;
    }
    .px-\[30px\] {
        padding-inline: 30px;
    }
    .px-\[40px\] {
        padding-inline: 40px;
    }
    .py-0 {
        padding-block: calc(var(--spacing) * 0);
    }
    .py-2 {
        padding-block: calc(var(--spacing) * 2);
    }
    .py-2\.5 {
        padding-block: calc(var(--spacing) * 2.5);
    }
    .py-4 {
        padding-block: calc(var(--spacing) * 4);
    }
    .py-10 {
        padding-block: calc(var(--spacing) * 10);
    }
    .py-16 {
        padding-block: calc(var(--spacing) * 16);
    }
    .py-20 {
        padding-block: calc(var(--spacing) * 20);
    }
    .py-24 {
        padding-block: calc(var(--spacing) * 24);
    }
    .py-\[20px\] {
        padding-block: 20px;
    }
    .py-\[40px\] {
        padding-block: 40px;
    }
    .pt-10 {
        padding-top: calc(var(--spacing) * 10);
    }
    .pt-\[60px\] {
        padding-top: 60px;
    }
    .pt-\[64px\] {
        padding-top: 64px;
    }
    .pr-3 {
        padding-right: calc(var(--spacing) * 3);
    }
    .pr-10 {
        padding-right: calc(var(--spacing) * 10);
    }
    .pb-1 {
        padding-bottom: calc(var(--spacing) * 1);
    }
    .pb-10 {
        padding-bottom: calc(var(--spacing) * 10);
    }
    .pb-\[60px\] {
        padding-bottom: 60px;
    }
    .pl-\[15px\] {
        padding-left: 15px;
    }
    .text-center {
        text-align: center;
    }
    .text-justify {
        text-align: justify;
    }
    .font-cormorant {
        font-family: var(--font-cormorant);
    }
    .font-josefin {
        font-family: var(--font-josefin);
    }
    .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(--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-\[0\.75rem\] {
        font-size: 0.75rem;
    }
    .text-\[1\.05rem\] {
        font-size: 1.05rem;
    }
    .text-\[1\.25rem\] {
        font-size: 1.25rem;
    }
    .text-\[2\.5rem\] {
        font-size: 2.5rem;
    }
    .text-\[2\.8rem\] {
        font-size: 2.8rem;
    }
    .text-\[2rem\] {
        font-size: 2rem;
    }
    .text-\[5rem\] {
        font-size: 5rem;
    }
    .text-\[20px\] {
        font-size: 20px;
    }
    .text-\[35px\] {
        font-size: 35px;
    }
    .text-\[45px\] {
        font-size: 45px;
    }
    .text-\[80px\] {
        font-size: 80px;
    }
    .leading-\[1\.2\] {
        --tw-leading: 1.2;
        line-height: 1.2;
    }
    .leading-none {
        --tw-leading: 1;
        line-height: 1;
    }
    .leading-relaxed {
        --tw-leading: var(--leading-relaxed);
        line-height: var(--leading-relaxed);
    }
    .leading-tight {
        --tw-leading: var(--leading-tight);
        line-height: var(--leading-tight);
    }
    .font-\[1\.25rem\] {
        --tw-font-weight: 1.25rem;
        font-weight: 1.25rem;
    }
    .font-\[500\] {
        --tw-font-weight: 500;
        font-weight: 500;
    }
    .font-bold {
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold);
    }
    .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-semibold {
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
    }
    .tracking-wide {
        --tw-tracking: var(--tracking-wide);
        letter-spacing: var(--tracking-wide);
    }
    .whitespace-pre-line {
        white-space: pre-line;
    }
    .text-\[\#2a2a2a\] {
        color: #2a2a2a;
    }
    .text-\[\#24282A\] {
        color: #24282a;
    }
    .text-\[\#FFF7E7\],
    .text-\[\#fff7e7\] {
        color: #fff7e7;
    }
    .text-black {
        color: var(--color-black);
    }
    .text-gray-700 {
        color: var(--color-gray-700);
    }
    .text-gray-900 {
        color: var(--color-gray-900);
    }
    .text-primary {
        color: var(--color-primary);
    }
    .text-secondary {
        color: var(--color-secondary);
    }
    .text-white {
        color: var(--color-white);
    }
    .uppercase {
        text-transform: uppercase;
    }
    .underline {
        text-decoration-line: underline;
    }
    .opacity-0 {
        opacity: 0;
    }
    .opacity-100 {
        opacity: 1;
    }
    .shadow-\[7px_2px_24\.9px_0px_\#00000066\] {
        --tw-shadow: 7px 2px 24.9px 0px var(--tw-shadow-color, #0006);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .shadow-\[7px_23px_24\.9px_0px_\#00000066\] {
        --tw-shadow: 7px 23px 24.9px 0px var(--tw-shadow-color, #0006);
        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, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .transition {
        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate,
            filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
    .transition-all {
        transition-property: all;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
    .transition-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: 0.3s;
        transition-duration: 0.3s;
    }
    .duration-500 {
        --tw-duration: 0.5s;
        transition-duration: 0.5s;
    }
    .duration-700 {
        --tw-duration: 0.7s;
        transition-duration: 0.7s;
    }
    .duration-800 {
        --tw-duration: 0.8s;
        transition-duration: 0.8s;
    }
    .duration-1000 {
        --tw-duration: 1s;
        transition-duration: 1s;
    }
    .ease-in-out {
        --tw-ease: var(--ease-in-out);
        transition-timing-function: var(--ease-in-out);
    }
    @media (hover: hover) {
        .group-hover\:opacity-0:is(:where(.group):hover *) {
            opacity: 0;
        }
        .group-hover\:opacity-50:is(:where(.group):hover *) {
            opacity: 0.5;
        }
        .group-hover\:opacity-100:is(:where(.group):hover *) {
            opacity: 1;
        }
        .hover\:scale-\[1\.1\]:hover {
            scale: 1.1;
        }
        .hover\:bg-\[\#1a1d1f\]:hover {
            background-color: #1a1d1f;
        }
        .hover\:bg-black:hover {
            background-color: var(--color-black);
        }
        .hover\:font-bold:hover {
            --tw-font-weight: var(--font-weight-bold);
            font-weight: var(--font-weight-bold);
        }
        .hover\:font-medium:hover {
            --tw-font-weight: var(--font-weight-medium);
            font-weight: var(--font-weight-medium);
        }
        .hover\:after\:absolute:hover:after {
            content: var(--tw-content);
            position: absolute;
        }
        .hover\:after\:bottom-0:hover:after {
            content: var(--tw-content);
            bottom: calc(var(--spacing) * 0);
        }
        .hover\:after\:left-0:hover:after {
            content: var(--tw-content);
            left: calc(var(--spacing) * 0);
        }
        .hover\:after\:h-0\.5:hover:after {
            content: var(--tw-content);
            height: calc(var(--spacing) * 0.5);
        }
        .hover\:after\:w-full:hover:after {
            content: var(--tw-content);
            width: 100%;
        }
        .hover\:after\:bg-white:hover:after {
            content: var(--tw-content);
            background-color: var(--color-white);
        }
        .hover\:after\:content-\[\'\'\]:hover:after {
            --tw-content: "";
            content: var(--tw-content);
        }
    }
    .focus\:ring-1:focus {
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + 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);
    }
    .focus\:ring-secondary:focus {
        --tw-ring-color: var(--color-secondary);
    }
    .focus\:ring-offset-1:focus {
        --tw-ring-offset-width: 1px;
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
    .focus\:outline-none:focus {
        --tw-outline-style: none;
        outline-style: none;
    }
    @media (min-width: 80rem) {
        .xl\:absolute {
            position: absolute;
        }
        .xl\:fixed {
            position: fixed;
        }
        .xl\:relative {
            position: relative;
        }
        .xl\:block {
            display: block;
        }
        .xl\:flex {
            display: flex;
        }
        .xl\:grid {
            display: grid;
        }
        .xl\:hidden {
            display: none;
        }
        .xl\:h-\[43px\] {
            height: 43px;
        }
        .xl\:h-\[50lvh\] {
            height: 50lvh;
        }
        .xl\:h-\[80lvh\] {
            height: 80lvh;
        }
        .xl\:h-\[480px\] {
            height: 480px;
        }
        .xl\:max-h-\[calc\(100vh-40px\)\] {
            max-height: calc(100vh - 40px);
        }
        .xl\:min-h-screen {
            min-height: 100vh;
        }
        .xl\:w-1\/2 {
            width: 50%;
        }
        .xl\:w-\[17rem\] {
            width: 17rem;
        }
        .xl\:w-\[35px\] {
            width: 35px;
        }
        .xl\:w-\[40\%\] {
            width: 40%;
        }
        .xl\:w-\[60\%\] {
            width: 60%;
        }
        .xl\:w-\[200px\] {
            width: 200px;
        }
        .xl\:w-full {
            width: 100%;
        }
        .xl\:translate-0 {
            --tw-translate-x: calc(var(--spacing) * 0);
            --tw-translate-y: calc(var(--spacing) * 0);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
        .xl\:scale-\[1\.2\] {
            scale: 1.2;
        }
        .xl\:\!scroll-mt-\[150px\] {
            scroll-margin-top: 150px !important;
        }
        .xl\:grid-cols-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
        .xl\:flex-row {
            flex-direction: row;
        }
        .xl\:flex-row-reverse {
            flex-direction: row-reverse;
        }
        .xl\:gap-\[20px\] {
            gap: 20px;
        }
        .xl\:overflow-y-auto {
            overflow-y: auto;
        }
        .xl\:p-10 {
            padding: calc(var(--spacing) * 10);
        }
        .xl\:px-0 {
            padding-inline: calc(var(--spacing) * 0);
        }
        .xl\:px-\[50px\] {
            padding-inline: 50px;
        }
        .xl\:py-0 {
            padding-block: calc(var(--spacing) * 0);
        }
        .xl\:py-30 {
            padding-block: calc(var(--spacing) * 30);
        }
        .xl\:py-\[100px\] {
            padding-block: 100px;
        }
        .xl\:pt-\[10rem\] {
            padding-top: 10rem;
        }
        .xl\:pt-\[125px\] {
            padding-top: 125px;
        }
        .xl\:pr-10 {
            padding-right: calc(var(--spacing) * 10);
        }
        .xl\:text-4xl {
            font-size: var(--text-4xl);
            line-height: var(--tw-leading, var(--text-4xl--line-height));
        }
        .xl\:text-lg {
            font-size: var(--text-lg);
            line-height: var(--tw-leading, var(--text-lg--line-height));
        }
        .xl\:text-xl {
            font-size: var(--text-xl);
            line-height: var(--tw-leading, var(--text-xl--line-height));
        }
        .xl\:text-\[1\.25rem\] {
            font-size: 1.25rem;
        }
        .xl\:text-\[2\.5rem\] {
            font-size: 2.5rem;
        }
        .xl\:text-\[2\.6rem\] {
            font-size: 2.6rem;
        }
        .xl\:text-\[5rem\] {
            font-size: 5rem;
        }
        .xl\:text-\[45px\] {
            font-size: 45px;
        }
        .xl\:whitespace-pre-line {
            white-space: pre-line;
        }
        .xl\:opacity-0 {
            opacity: 0;
        }
    }
    @media (min-width: 96rem) {
        .\32xl\:h-\[70lvh\] {
            height: 70lvh;
        }
        .\32xl\:w-\[680px\] {
            width: 680px;
        }
        .\32xl\:gap-\[100px\] {
            gap: 100px;
        }
    }
    .peer-checked\:\[\&\>span\>svg\]\:opacity-100:is(:where(.peer):checked ~ *) > span > svg {
        opacity: 1;
    }
}
html,
body {
    overscroll-behavior: none;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: auto !important;
}
section {
    scroll-margin-top: 150px;
}
@media (max-width: 1024px) {
    section {
        scroll-margin-top: 56px;
    }
}
#smooth-wrapper {
    height: 100%;
    overflow: hidden;
}
#smooth-content {
    will-change: transform;
}
[data-scroll-sticky] {
    position: sticky;
    top: 0;
}
body {
    background: url(../images/bg.webp) 50% / cover no-repeat fixed;
    font-family: Josefin Sans, sans-serif;
}
.top-nav--hidden {
    --tw-translate-y: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    opacity: 0;
}
.nav__link.active {
    position: relative;
}
.nav__link.active:after {
    content: "";
    background: #fff;
    width: 100%;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
}
.nav__link:hover:after {
    content: "";
    background: #fff;
    width: 100%;
    height: 0.5px;
    position: absolute;
    bottom: 0;
    left: 0;
}
.main-wrapper .homebanner-text {
    font-family: Cormorant Infant, serif;
}
.main-wrapper .half-title,
.main-wrapper .infoSection-title,
.main-wrapper .tiles-title {
    font-family: Cormorant Infant, serif;
    font-weight: 300;
}
.main-wrapper .half-description,
.main-wrapper .infoSection-description,
.main-wrapper .tiles-description {
    font-family: Josefin Sans, sans-serif;
    font-weight: 300;
}
.fade-up {
    opacity: 0;
    will-change: opacity, transform;
    transition: opacity 1s ease-out, transform 1s ease-out;
    transform: translateY(80px);
}
@media (max-width: 1024px) {
    .fade-up {
        transform: translateY(30px);
    }
}
.fade-up.in-view {
    opacity: 1;
    transform: translateY(0);
}
.fade-out-trigger {
    opacity: 1;
    transition: opacity 0.8s ease-out;
}
.fade-out {
    opacity: 0;
}
.custom-pagination-container {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 600px;
    margin: 20px auto;
    padding-right: 15px;
    display: flex;
}
.custom-pagination-container .progress-bar {
    background-color: #fff7e7;
    flex-grow: 1;
    height: 2px;
    margin-right: 10px;
    position: relative;
}
	
.custom-pagination-container .progress-fill {
    background-color: #fff7e7;
    width: 0%;
    height: 200%;
    transition: width 0.3s;
    position: absolute;
    top: -40%;
    left: 0;
}
.custom-pagination-container .slide-count {
    color: #fff7e7;
    font-size: 1.2rem;
    font-weight: 700;
}
.custom-pagination-container .current-slide,
.custom-pagination-container .total-slides {
    font-family: Josefin Sans, sans-serif;
}
.custom-pagination-container-two {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 600px;
    margin: 20px auto;
    padding-right: 15px;
    display: flex;
}
.custom-pagination-container-two .progress-bar {
    background-color: #8a8c8e;
    flex-grow: 1;
    height: 2px;
    margin-right: 10px;
    position: relative;
}
.custom-pagination-container-two .progress-fill {
    background-color: #000;
    width: 0%;
    height: 200%;
    transition: width 0.3s;
    position: absolute;
    top: -40%;
    left: 0;
}
.custom-pagination-container-two .slide-count {
    color: #000;
    font-size: 1.2rem;
    font-weight: 700;
}
.custom-pagination-container-two .current-slide,
.custom-pagination-container-two .total-slides {
    font-family: Josefin Sans, sans-serif;
}
#wrapper-fixed::-webkit-scrollbar {
    width: 6px;
}
#wrapper-fixed::-webkit-scrollbar-track {
    background: #000;
}
#wrapper-fixed::-webkit-scrollbar-thumb {
    background-color: #e6e0d5;
    border-radius: 3px;
}
#wrapper-fixed {
    scrollbar-width: thin;
    scrollbar-color: #e6e0d5 #000;
}
.i11 input,
.i11 select {
    color: #000;
    background: #fff7e7;
    border-bottom: 1px solid #00000040;
    outline: none;
    width: 100%;
    padding: 16px;
    font-size: 1em;
    transition: all 0.3s;
}
.i11 label {
    pointer-events: none;
    color: #00000080;
    text-transform: uppercase;
    border-radius: 5px;
    padding: 16px;
    font-size: 1em;
    transition: all 0.3s;
    position: absolute;
    left: 0;
}
.i11 input:valid ~ label,
.i11 input:focus ~ label,
.i11 select:valid ~ label,
.i11 select:focus ~ label {
    color: #000;
    letter-spacing: 0.2em;
    background-color: #fff7e7;
    padding: 0 10px;
    font-size: 0.65em;
    transform: translateY(-7px);
}
.i11 input:valid,
.i11 input:focus,
.i11 select:valid,
.i11 select:focus {
    border-color: #000;
}
.i11 select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.i11 select option {
    color: #000;
    background: #fff7e7;
}
@property --tw-translate-x {
    syntax: "*";
    inherits: false;
    initial-value: 0;
}
@property --tw-translate-y {
    syntax: "*";
    inherits: false;
    initial-value: 0;
}
@property --tw-translate-z {
    syntax: "*";
    inherits: false;
    initial-value: 0;
}
@property --tw-rotate-x {
    syntax: "*";
    inherits: false;
}
@property --tw-rotate-y {
    syntax: "*";
    inherits: false;
}
@property --tw-rotate-z {
    syntax: "*";
    inherits: false;
}
@property --tw-skew-x {
    syntax: "*";
    inherits: false;
}
@property --tw-skew-y {
    syntax: "*";
    inherits: false;
}
@property --tw-space-y-reverse {
    syntax: "*";
    inherits: false;
    initial-value: 0;
}
@property --tw-border-style {
    syntax: "*";
    inherits: false;
    initial-value: solid;
}
@property --tw-leading {
    syntax: "*";
    inherits: false;
}
@property --tw-font-weight {
    syntax: "*";
    inherits: false;
}
@property --tw-tracking {
    syntax: "*";
    inherits: false;
}
@property --tw-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
    syntax: "*";
    inherits: false;
}
@property --tw-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%;
}
@property --tw-inset-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
    syntax: "*";
    inherits: false;
}
@property --tw-inset-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%;
}
@property --tw-ring-color {
    syntax: "*";
    inherits: false;
}
@property --tw-ring-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
    syntax: "*";
    inherits: false;
}
@property --tw-inset-ring-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
    syntax: "*";
    inherits: false;
}
@property --tw-ring-offset-width {
    syntax: "<length>";
    inherits: false;
    initial-value: 0;
}
@property --tw-ring-offset-color {
    syntax: "*";
    inherits: false;
    initial-value: #fff;
}
@property --tw-ring-offset-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000;
}
@property --tw-duration {
    syntax: "*";
    inherits: false;
}
@property --tw-ease {
    syntax: "*";
    inherits: false;
}
@property --tw-content {
    syntax: "*";
    inherits: false;
    initial-value: "";
}
ff;--tw-ring-offset-shadow:0 0 #0000;--tw-duration:initial;--tw-ease:initial;--tw-content:""}}}@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;--color-gray-400:oklch(70.7% .022 261.325);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-900:oklch(21% .034 264.665);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-md:28rem;--container-xl:36rem;--container-3xl:48rem;--container-6xl:72rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--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: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--font-weight-light:300;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wide:.025em;--leading-tight:1.25;--leading-relaxed:1.625;--radius-md:.375rem;--ease-in-out:cubic-bezier(.4,0,.2,1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-primary:#fff7e7;--color-secondary:#24282a;--font-josefin:"Josefin Sans",sans-serif;--font-cormorant:"Cormorant Infant"}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.inset-y-0{inset-block:calc(var(--spacing)*0)}.top-0{top:calc(var(--spacing)*0)}.right-0{right:calc(var(--spacing)*0)}.right-\[5\%\]{right:5%}.bottom-0{bottom:calc(var(--spacing)*0)}.bottom-4{bottom:calc(var(--spacing)*4)}.left-0{left:calc(var(--spacing)*0)}.-z-1{z-index:-1}.-z-\[99\]{z-index:-99}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-99{z-index:99}.z-999{z-index:999}.z-\[10\]{z-index:10}.z-\[999\]{z-index:999}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.my-4{margin-block:calc(var(--spacing)*4)}.-mt-40{margin-top:calc(var(--spacing)*-40)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-5{margin-top:calc(var(--spacing)*5)}.mt-\[30px\]{margin-top:30px}.mt-\[60px\]{margin-top:60px}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.mb-10{margin-bottom:calc(var(--spacing)*10)}.-ml-10{margin-left:calc(var(--spacing)*-10)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-4{margin-left:calc(var(--spacing)*4)}.ml-10{margin-left:calc(var(--spacing)*10)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.aspect-\[4\/3\]{aspect-ratio:4/3}.\!h-auto{height:auto!important}.h-0{height:calc(var(--spacing)*0)}.h-1\/2{height:50%}.h-4{height:calc(var(--spacing)*4)}.h-6{height:calc(var(--spacing)*6)}.h-8{height:calc(var(--spacing)*8)}.h-\[1\.2rem\]{height:1.2rem}.h-\[2px\]{height:2px}.h-\[32px\]{height:32px}.h-\[40lvh\]{height:40lvh}.h-\[50\%\]{height:50%}.h-\[100lvh\]{height:100lvh}.h-\[400px\]{height:400px}.h-auto{height:auto}.h-full{height:100%}.h-max{height:-moz-max-content;height:max-content}.max-h-\[70\%\]{max-height:70%}.max-h-\[80\%\]{max-height:80%}.max-h-\[100lvh\]{max-height:100lvh}.min-h-screen{min-height:100vh}.w-1\/2{width:50%}.w-4{width:calc(var(--spacing)*4)}.w-6{width:calc(var(--spacing)*6)}.w-30{width:calc(var(--spacing)*30)}.w-\[1\.2rem\]{width:1.2rem}.w-\[26px\]{width:26px}.w-\[30\%\]{width:30%}.w-\[33\%\]{width:33%}.w-\[40\%\]{width:40%}.w-\[40lvw\]{width:40lvw}.w-\[50\%\]{width:50%}.w-\[60\%\]{width:60%}.w-\[80\%\]{width:80%}.w-\[100lvw\]{width:100lvw}.w-\[calc\(50\%-5px\)\]{width:calc(50% - 5px)}.w-full{width:100%}.w-max{width:-moz-max-content;width:max-content}.w-screen{width:100vw}.max-w-3xl{max-width:var(--container-3xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-\[415px\]{max-width:415px}.max-w-\[1400px\]{max-width:1400px}.max-w-full{max-width:100%}.max-w-md{max-width:var(--container-md)}.max-w-xl{max-width:var(--container-xl)}.flex-grow,.grow{flex-grow:1}.-translate-x-\[15px\]{--tw-translate-x: -15px ;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-x-full{--tw-translate-x:-100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-0{--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-\[-100\%\]{--tw-translate-x:-100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-\[100\%\],.translate-x-full{--tw-translate-x:100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.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}.resize{resize:both}.\!scroll-mt-\[0px\]{scroll-margin-top:0!important}.scroll-mt-\[-150px\]{scroll-margin-top:-150px}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.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-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row-reverse{flex-direction:row-reverse}.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}.gap-2{gap:calc(var(--spacing)*2)}.gap-4{gap:calc(var(--spacing)*4)}.gap-6{gap:calc(var(--spacing)*6)}.gap-8{gap:calc(var(--spacing)*8)}.gap-20{gap:calc(var(--spacing)*20)}.gap-\[10px\]{gap:10px}.gap-\[15px\]{gap:15px}.gap-\[20px\]{gap:20px}.gap-\[30px\]{gap:30px}.gap-\[50px\]{gap:50px}.gap-\[80px\]{gap:80px}:where(.space-y-4>: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)))}.self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-end{justify-self:flex-end}.justify-self-start{justify-self:flex-start}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.rounded-md{border-radius:var(--radius-md)}.rounded-none{border-radius:0}.border{border-style:var(--tw-border-style);border-width:1px}.border-black{border-color:var(--color-black)}.border-gray-400{border-color:var(--color-gray-400)}.bg-\[\#2b2b2b\]{background-color:#2b2b2b}.bg-\[\#24282A\]{background-color:#24282a}.bg-\[\#FFF7E7\],.bg-\[\#fff7e7\]{background-color:#fff7e7}.bg-black{background-color:var(--color-black)}.bg-primary{background-color:var(--color-primary)}.bg-secondary{background-color:var(--color-secondary)}.bg-transparent{background-color:#0000}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-2{padding:calc(var(--spacing)*2)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.p-10{padding:calc(var(--spacing)*10)}.p-\[15px\]{padding:15px}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-8{padding-inline:calc(var(--spacing)*8)}.px-10{padding-inline:calc(var(--spacing)*10)}.px-\[1\.5rem\]{padding-inline:1.5rem}.px-\[15px\]{padding-inline:15px}.px-\[30px\]{padding-inline:30px}.px-\[40px\]{padding-inline:40px}.py-0{padding-block:calc(var(--spacing)*0)}.py-2{padding-block:calc(var(--spacing)*2)}.py-2\.5{padding-block:calc(var(--spacing)*2.5)}.py-4{padding-block:calc(var(--spacing)*4)}.py-10{padding-block:calc(var(--spacing)*10)}.py-16{padding-block:calc(var(--spacing)*16)}.py-20{padding-block:calc(var(--spacing)*20)}.py-24{padding-block:calc(var(--spacing)*24)}.py-\[20px\]{padding-block:20px}.py-\[40px\]{padding-block:40px}.pt-10{padding-top:calc(var(--spacing)*10)}.pt-\[60px\]{padding-top:60px}.pt-\[64px\]{padding-top:64px}.pr-3{padding-right:calc(var(--spacing)*3)}.pr-10{padding-right:calc(var(--spacing)*10)}.pb-1{padding-bottom:calc(var(--spacing)*1)}.pb-10{padding-bottom:calc(var(--spacing)*10)}.pb-\[60px\]{padding-bottom:60px}.pl-\[15px\]{padding-left:15px}.text-center{text-align:center}.text-justify{text-align:justify}.font-cormorant{font-family:var(--font-cormorant)}.font-josefin{font-family:var(--font-josefin)}.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(--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-\[0\.75rem\]{font-size:.75rem}.text-\[1\.05rem\]{font-size:1.05rem}.text-\[1\.25rem\]{font-size:1.25rem}.text-\[2\.5rem\]{font-size:2.5rem}.text-\[2\.8rem\]{font-size:2.8rem}.text-\[2rem\]{font-size:2rem}.text-\[5rem\]{font-size:5rem}.text-\[20px\]{font-size:20px}.text-\[35px\]{font-size:35px}.text-\[45px\]{font-size:45px}.text-\[80px\]{font-size:80px}.leading-\[1\.2\]{--tw-leading:1.2;line-height:1.2}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-\[1\.25rem\]{--tw-font-weight:1.25rem;font-weight:1.25rem}.font-\[500\]{--tw-font-weight:500;font-weight:500}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.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-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.whitespace-pre-line{white-space:pre-line}.text-\[\#2a2a2a\]{color:#2a2a2a}.text-\[\#24282A\]{color:#24282a}.text-\[\#FFF7E7\],.text-\[\#fff7e7\]{color:#fff7e7}.text-black{color:var(--color-black)}.text-gray-700{color:var(--color-gray-700)}.text-gray-900{color:var(--color-gray-900)}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-secondary)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-100{opacity:1}.shadow-\[7px_2px_24\.9px_0px_\#00000066\]{--tw-shadow:7px 2px 24.9px 0px var(--tw-shadow-color,#0006);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[7px_23px_24\.9px_0px_\#00000066\]{--tw-shadow:7px 23px 24.9px 0px var(--tw-shadow-color,#0006);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,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-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:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.duration-700{--tw-duration:.7s;transition-duration:.7s}.duration-800{--tw-duration:.8s;transition-duration:.8s}.duration-1000{--tw-duration:1s;transition-duration:1s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}@media (hover:hover){.group-hover\:opacity-0:is(:where(.group):hover *){opacity:0}.group-hover\:opacity-50:is(:where(.group):hover *){opacity:.5}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}.hover\:scale-\[1\.1\]:hover{scale:1.1}.hover\:bg-\[\#1a1d1f\]:hover{background-color:#1a1d1f}.hover\:bg-black:hover{background-color:var(--color-black)}.hover\:font-bold:hover{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.hover\:font-medium:hover{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.hover\:after\:absolute:hover:after{content:var(--tw-content);position:absolute}.hover\:after\:bottom-0:hover:after{content:var(--tw-content);bottom:calc(var(--spacing)*0)}.hover\:after\:left-0:hover:after{content:var(--tw-content);left:calc(var(--spacing)*0)}.hover\:after\:h-0\.5:hover:after{content:var(--tw-content);height:calc(var(--spacing)*.5)}.hover\:after\:w-full:hover:after{content:var(--tw-content);width:100%}.hover\:after\:bg-white:hover:after{content:var(--tw-content);background-color:var(--color-white)}.hover\:after\:content-\[\'\'\]:hover:after{--tw-content:"";content:var(--tw-content)}}.focus\:ring-1:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + 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)}.focus\:ring-secondary:focus{--tw-ring-color:var(--color-secondary)}.focus\:ring-offset-1:focus{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}@media (min-width:80rem){.xl\:absolute{position:absolute}.xl\:fixed{position:fixed}.xl\:relative{position:relative}.xl\:block{display:block}.xl\:flex{display:flex}.xl\:grid{display:grid}.xl\:hidden{display:none}.xl\:h-\[43px\]{height:43px}.xl\:h-\[50lvh\]{height:50lvh}.xl\:h-\[80lvh\]{height:80lvh}.xl\:h-\[480px\]{height:480px}.xl\:max-h-\[calc\(100vh-40px\)\]{max-height:calc(100vh - 40px)}.xl\:min-h-screen{min-height:100vh}.xl\:w-1\/2{width:50%}.xl\:w-\[17rem\]{width:17rem}.xl\:w-\[35px\]{width:35px}.xl\:w-\[40\%\]{width:40%}.xl\:w-\[60\%\]{width:60%}.xl\:w-\[200px\]{width:200px}.xl\:w-full{width:100%}.xl\:translate-0{--tw-translate-x:calc(var(--spacing)*0);--tw-translate-y:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.xl\:scale-\[1\.2\]{scale:1.2}.xl\:\!scroll-mt-\[150px\]{scroll-margin-top:150px!important}.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xl\:flex-row{flex-direction:row}.xl\:flex-row-reverse{flex-direction:row-reverse}.xl\:gap-\[20px\]{gap:20px}.xl\:overflow-y-auto{overflow-y:auto}.xl\:p-10{padding:calc(var(--spacing)*10)}.xl\:px-0{padding-inline:calc(var(--spacing)*0)}.xl\:px-\[50px\]{padding-inline:50px}.xl\:py-0{padding-block:calc(var(--spacing)*0)}.xl\:py-30{padding-block:calc(var(--spacing)*30)}.xl\:py-\[100px\]{padding-block:100px}.xl\:pt-\[10rem\]{padding-top:10rem}.xl\:pt-\[125px\]{padding-top:125px}.xl\:pr-10{padding-right:calc(var(--spacing)*10)}.xl\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.xl\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.xl\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.xl\:text-\[1\.25rem\]{font-size:1.25rem}.xl\:text-\[2\.5rem\]{font-size:2.5rem}.xl\:text-\[2\.6rem\]{font-size:2.6rem}.xl\:text-\[5rem\]{font-size:5rem}.xl\:text-\[45px\]{font-size:45px}.xl\:whitespace-pre-line{white-space:pre-line}.xl\:opacity-0{opacity:0}}@media (min-width:96rem){.\32xl\:h-\[70lvh\]{height:70lvh}.\32xl\:w-\[680px\]{width:680px}.\32xl\:gap-\[100px\]{gap:100px}}.peer-checked\:\[\&\>span\>svg\]\:opacity-100:is(:where(.peer):checked~*)>span>svg{opacity:1}}html,body{overscroll-behavior:none;scroll-behavior:smooth;-webkit-overflow-scrolling:auto!important}section{scroll-margin-top:150px}@media (max-width:1024px){section{scroll-margin-top:56px}}#smooth-wrapper{height:100%;overflow:hidden}#smooth-content{will-change:transform}[data-scroll-sticky]{position:sticky;top:0}body{background:url(../images/bg.webp) 50%/cover no-repeat fixed;font-family:Josefin Sans,sans-serif}.top-nav--hidden{--tw-translate-y:-100%;translate:var(--tw-translate-x)var(--tw-translate-y);opacity:0}.nav__link.active{position:relative}.nav__link.active:after{content:"";background:#fff;width:100%;height:2px;position:absolute;bottom:0;left:0}.nav__link:hover:after{content:"";background:#fff;width:100%;height:.5px;position:absolute;bottom:0;left:0}.main-wrapper .homebanner-text{font-family:Cormorant Infant,serif}.main-wrapper .half-title,.main-wrapper .infoSection-title,.main-wrapper .tiles-title{font-family:Cormorant Infant,serif;font-weight:300}.main-wrapper .half-description,.main-wrapper .infoSection-description,.main-wrapper .tiles-description{font-family:Josefin Sans,sans-serif;font-weight:300}.fade-up{opacity:0;will-change:opacity,transform;transition:opacity 1s ease-out,transform 1s ease-out;transform:translateY(80px)}@media (max-width:1024px){.fade-up{transform:translateY(30px)}}.fade-up.in-view{opacity:1;transform:translateY(0)}.fade-out-trigger{opacity:1;transition:opacity .8s ease-out}.fade-out{opacity:0}.custom-pagination-container{justify-content:space-between;align-items:center;width:100%;max-width:600px;margin:20px auto;padding-right:15px;display:flex}.custom-pagination-container .progress-bar{background-color:#fff7e7;flex-grow:1;height:2px;margin-right:10px;position:relative}.custom-pagination-container .progress-fill{background-color:#fff7e7;width:0%;height:200%;transition:width .3s;position:absolute;top:-40%;left:0}.custom-pagination-container .slide-count{color:#fff7e7;font-size:1.2rem;font-weight:700}.custom-pagination-container .current-slide,.custom-pagination-container .total-slides{font-family:Josefin Sans,sans-serif}.custom-pagination-container-two{justify-content:space-between;align-items:center;width:100%;max-width:600px;margin:20px auto;padding-right:15px;display:flex}.custom-pagination-container-two .progress-bar{background-color:#8a8c8e;flex-grow:1;height:2px;margin-right:10px;position:relative}.custom-pagination-container-two .progress-fill{background-color:#000;width:0%;height:200%;transition:width .3s;position:absolute;top:-40%;left:0}.custom-pagination-container-two .slide-count{color:#000;font-size:1.2rem;font-weight:700}.custom-pagination-container-two .current-slide,.custom-pagination-container-two .total-slides{font-family:Josefin Sans,sans-serif}#wrapper-fixed::-webkit-scrollbar{width:6px}#wrapper-fixed::-webkit-scrollbar-track{background:#000}#wrapper-fixed::-webkit-scrollbar-thumb{background-color:#e6e0d5;border-radius:3px}#wrapper-fixed{scrollbar-width:thin;scrollbar-color:#e6e0d5 #000}.i11 input,.i11 select{color:#000;background:#fff7e7;border-bottom:1px solid #00000040;outline:none;width:100%;padding:16px;font-size:1em;transition:all .3s}.i11 label{pointer-events:none;color:#00000080;text-transform:uppercase;border-radius:5px;padding:16px;font-size:1em;transition:all .3s;position:absolute;left:0}.i11 input:valid~label,.i11 input:focus~label,.i11 select:valid~label,.i11 select:focus~label{color:#000;letter-spacing:.2em;background-color:#fff7e7;padding:0 10px;font-size:.65em;transform:translateY(-7px)}.i11 input:valid,.i11 input:focus,.i11 select:valid,.i11 select:focus{border-color:#000}.i11 select{-webkit-appearance:none;-moz-appearance:none;appearance:none}.i11 select option{color:#000;background:#fff7e7}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}
