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

@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap");
@layer properties;
@layer theme,
base,
components,
utilities;
@layer theme {
    :host,
    :root {
        --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-red-600: oklch(57.7% 0.245 27.325);
        --color-orange-400: oklch(75% 0.183 55.934);
        --color-orange-600: oklch(64.6% 0.222 41.116);
        --color-amber-400: oklch(82.8% 0.189 84.429);
        --color-amber-500: oklch(76.9% 0.188 70.08);
        --color-yellow-500: oklch(79.5% 0.184 86.047);
        --color-emerald-600: oklch(59.6% 0.145 163.225);
        --color-indigo-600: oklch(51.1% 0.262 276.966);
        --color-violet-600: oklch(54.1% 0.281 293.009);
        --color-slate-50: oklch(98.4% 0.003 247.858);
        --color-slate-100: oklch(96.8% 0.007 247.896);
        --color-slate-200: oklch(92.9% 0.013 255.508);
        --color-slate-300: oklch(86.9% 0.022 252.894);
        --color-slate-400: oklch(70.4% 0.04 256.788);
        --color-slate-500: oklch(55.4% 0.046 257.417);
        --color-slate-700: oklch(37.2% 0.044 257.287);
        --color-slate-800: oklch(27.9% 0.041 260.031);
        --color-slate-900: oklch(20.8% 0.042 265.755);
        --color-slate-950: oklch(12.9% 0.042 264.695);
        --color-gray-50: oklch(98.5% 0.002 247.839);
        --color-gray-100: oklch(96.7% 0.003 264.542);
        --color-gray-200: oklch(92.8% 0.006 264.531);
        --color-gray-300: oklch(87.2% 0.01 258.338);
        --color-gray-400: oklch(70.7% 0.022 261.325);
        --color-gray-700: oklch(37.3% 0.034 259.733);
        --color-gray-800: oklch(27.8% 0.033 256.848);
        --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-4xl: 56rem;
        --container-5xl: 64rem;
        --text-xs: 0.75rem;
        --text-xs--line-height: 1.33333;
        --text-sm: 0.875rem;
        --text-sm--line-height: 1.42857;
        --text-base: 16px;
        --text-base--line-height: 24px;
        --text-lg: 1.125rem;
        --text-lg--line-height: 1.55556;
        --text-xl: 1.25rem;
        --text-xl--line-height: 1.4;
        --text-2xl: 1.5rem;
        --text-2xl--line-height: 1.33333;
        --text-3xl: 1.875rem;
        --text-3xl--line-height: 1.2;
        --text-4xl: 2.25rem;
        --text-4xl--line-height: 1.11111;
        --text-5xl: 3rem;
        --text-5xl--line-height: 1;
        --text-6xl: 3.75rem;
        --text-6xl--line-height: 1;
        --text-7xl: 4.5rem;
        --text-7xl--line-height: 1;
        --text-8xl: 6rem;
        --text-8xl--line-height: 1;
        --text-9xl: 8rem;
        --text-9xl--line-height: 1;
        --font-weight-normal: 400;
        --font-weight-medium: 500;
        --font-weight-semibold: 600;
        --font-weight-bold: 700;
        --font-weight-extrabold: 800;
        --tracking-wide: 0.025em;
        --tracking-wider: 0.05em;
        --leading-normal: 1.5;
        --leading-relaxed: 1.625;
        --radius-md: 0.375rem;
        --radius-lg: 0.5rem;
        --radius-xl: 0.75rem;
        --radius-2xl: 1rem;
        --radius-3xl: 1.5rem;
        --ease-in: cubic-bezier(0.4, 0, 1, 1);
        --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
        --blur-md: 12px;
        --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);
        --font-jakarta: "Plus Jakarta Sans", "serif";
        --color-primary: #1d70ba;
        --color-primary-50: #edf0fd;
        --color-primary-100: #dae0fb;
        --color-primary-200: #c8d1f9;
        --color-primary-300: #a3b2f5;
        --text-menu: 12px;
        --text-menu--line-height: 24px
    }
}

@layer base {
    *,
    ::backdrop,
    ::file-selector-button,
    :after,
    :before {
        border: 0 solid;
        box-sizing: border-box;
        margin: 0;
        padding: 0
    }
    :host,
    html {
        line-height: 1.5;
        -webkit-text-size-adjust: 100%;
        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);
        tab-size: 4;
        -webkit-tap-highlight-color: transparent
    }
    hr {
        border-top-width: 1px;
        color: inherit;
        height: 0
    }
    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,
    pre,
    samp {
        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-size: 1em;
        font-variation-settings: var(--default-mono-font-variation-settings, normal)
    }
    small {
        font-size: 80%
    }
    sub,
    sup {
        font-size: 75%;
        line-height: 0;
        position: relative;
        vertical-align: baseline
    }
    sub {
        bottom: -.25em
    }
    sup {
        top: -.5em
    }
    table {
        border-collapse: collapse;
        border-color: inherit;
        text-indent: 0
    }
    :-moz-focusring {
        outline: auto
    }
    progress {
        vertical-align: baseline
    }
    summary {
        display: list-item
    }
    menu,
    ol,
    ul {
        list-style: none
    }
    audio,
    canvas,
    embed,
    iframe,
    img,
    object,
    svg,
    video {
        display: block;
        vertical-align: middle
    }
    img,
    video {
        height: auto;
        max-width: 100%
    }
    ::file-selector-button,
    button,
    input,
    optgroup,
    select,
    textarea {
        background-color: transparent;
        border-radius: 0;
        color: inherit;
        font: inherit;
        font-feature-settings: inherit;
        font-variation-settings: inherit;
        letter-spacing: inherit;
        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-day-field,
    ::-webkit-datetime-edit-hour-field,
    ::-webkit-datetime-edit-meridiem-field,
    ::-webkit-datetime-edit-millisecond-field,
    ::-webkit-datetime-edit-minute-field,
    ::-webkit-datetime-edit-month-field,
    ::-webkit-datetime-edit-second-field,
    ::-webkit-datetime-edit-year-field {
        padding-block: 0
    }
    :-moz-ui-invalid {
        box-shadow: none
    }
    ::file-selector-button,
    button,
    input:where([type=button],
    [type=reset],
    [type=submit]) {
        appearance: button
    }
    ::-webkit-inner-spin-button,
    ::-webkit-outer-spin-button {
        height: auto
    }
    [hidden]:where(:not([hidden=until-found])) {
        display: none !important
    }
}

@layer utilities {
    .pointer-events-none {
        pointer-events: none
    }
    .collapse {
        visibility: collapse
    }
    .visible {
        visibility: visible
    }
    .absolute {
        position: absolute
    }
    .fixed {
        position: fixed
    }
    .relative {
        position: relative
    }
    .static {
        position: static
    }
    .sticky {
        position: sticky
    }
    .inset-0 {
        inset: calc(var(--spacing)*0)
    }
    .-start-0 {
        inset-inline-start: calc(var(--spacing)*0)
    }
    .-start-2 {
        inset-inline-start: calc(var(--spacing)*-2)
    }
    .-start-5 {
        inset-inline-start: calc(var(--spacing)*-5)
    }
    .-start-16 {
        inset-inline-start: calc(var(--spacing)*-16)
    }
    .-start-40 {
        inset-inline-start: calc(var(--spacing)*-40)
    }
    .start-0 {
        inset-inline-start: calc(var(--spacing)*0)
    }
    .start-0\.5 {
        inset-inline-start: calc(var(--spacing)*.5)
    }
    .start-1\/2,
    .start-2\/4 {
        inset-inline-start: 50%
    }
    .start-3 {
        inset-inline-start: calc(var(--spacing)*3)
    }
    .start-4 {
        inset-inline-start: calc(var(--spacing)*4)
    }
    .start-6 {
        inset-inline-start: calc(var(--spacing)*6)
    }
    .start-10 {
        inset-inline-start: calc(var(--spacing)*10)
    }
    .-end-0 {
        inset-inline-end: calc(var(--spacing)*0)
    }
    .-end-5 {
        inset-inline-end: calc(var(--spacing)*-5)
    }
    .-end-40 {
        inset-inline-end: calc(var(--spacing)*-40)
    }
    .end-0 {
        inset-inline-end: calc(var(--spacing)*0)
    }
    .end-0\.5 {
        inset-inline-end: calc(var(--spacing)*.5)
    }
    .end-3 {
        inset-inline-end: calc(var(--spacing)*3)
    }
    .end-4 {
        inset-inline-end: calc(var(--spacing)*4)
    }
    .end-\[1px\] {
        inset-inline-end: 1px
    }
    .end-\[3px\] {
        inset-inline-end: 3px
    }
    .-top-0 {
        top: calc(var(--spacing)*0)
    }
    .-top-3 {
        top: calc(var(--spacing)*-3)
    }
    .-top-8 {
        top: calc(var(--spacing)*-8)
    }
    .-top-16 {
        top: calc(var(--spacing)*-16)
    }
    .-top-20 {
        top: calc(var(--spacing)*-20)
    }
    .top-0 {
        top: calc(var(--spacing)*0)
    }
    .top-0\.5 {
        top: calc(var(--spacing)*.5)
    }
    .top-1\/2 {
        top: 50%
    }
    .top-1\/4 {
        top: 25%
    }
    .top-2 {
        top: calc(var(--spacing)*2)
    }
    .top-2\/4 {
        top: 50%
    }
    .top-4 {
        top: calc(var(--spacing)*4)
    }
    .top-10 {
        top: calc(var(--spacing)*10)
    }
    .top-16 {
        top: calc(var(--spacing)*16)
    }
    .top-20 {
        top: calc(var(--spacing)*20)
    }
    .top-\[1px\] {
        top: 1px
    }
    .top-\[2px\] {
        top: 2px
    }
    .top-\[10px\] {
        top: 10px
    }
    .top-\[40\%\] {
        top: 40%
    }
    .-right-2 {
        right: calc(var(--spacing)*-2)
    }
    .-right-3 {
        right: calc(var(--spacing)*-3)
    }
    .-bottom-5 {
        bottom: calc(var(--spacing)*-5)
    }
    .-bottom-6 {
        bottom: calc(var(--spacing)*-6)
    }
    .-bottom-10 {
        bottom: calc(var(--spacing)*-10)
    }
    .-bottom-20 {
        bottom: calc(var(--spacing)*-20)
    }
    .bottom-0 {
        bottom: calc(var(--spacing)*0)
    }
    .bottom-1\/2,
    .bottom-2\/4 {
        bottom: 50%
    }
    .bottom-3 {
        bottom: calc(var(--spacing)*3)
    }
    .bottom-3\/5 {
        bottom: 60%
    }
    .bottom-4 {
        bottom: calc(var(--spacing)*4)
    }
    .bottom-16 {
        bottom: calc(var(--spacing)*16)
    }
    .bottom-28 {
        bottom: calc(var(--spacing)*28)
    }
    .left-\[2px\] {
        left: 2px
    }
    .-z-1 {
        z-index: -1
    }
    .z-0 {
        z-index: 0
    }
    .z-1 {
        z-index: 1
    }
    .z-2 {
        z-index: 2
    }
    .z-3 {
        z-index: 3
    }
    .z-10 {
        z-index: 10
    }
    .z-50 {
        z-index: 50
    }
    .z-999 {
        z-index: 999
    }
    .order-1 {
        order: 1
    }
    .order-2 {
        order: 2
    }
    .order-3 {
        order: 3
    }
    .col-span-1 {
        grid-column: span 1/span 1
    }
    .col-span-8 {
        grid-column: span 8/span 8
    }
    .container {
        width: 100%;
        @media (width>=540px) {
            max-width: 540px
        }
        @media (width>=640px) {
            max-width: 640px
        }
        @media (width>=720px) {
            max-width: 720px
        }
        @media (width>=960px) {
            max-width: 960px
        }
        @media (width>=992px) {
            max-width: 992px
        }
        @media (width>=1140px) {
            max-width: 1140px
        }
    }
    .m-0\.5 {
        margin: calc(var(--spacing)*.5)
    }
    .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-auto {
        margin: auto
    }
    .m-px {
        margin: 1px
    }
    .mx-0\.5 {
        margin-inline: calc(var(--spacing)*.5)
    }
    .mx-1 {
        margin-inline: calc(var(--spacing)*1)
    }
    .mx-1\.5 {
        margin-inline: calc(var(--spacing)*1.5)
    }
    .mx-3 {
        margin-inline: calc(var(--spacing)*3)
    }
    .mx-4 {
        margin-inline: calc(var(--spacing)*4)
    }
    .mx-auto {
        margin-inline: auto
    }
    .my-2 {
        margin-block: calc(var(--spacing)*2)
    }
    .my-4 {
        margin-block: calc(var(--spacing)*4)
    }
    .my-6 {
        margin-block: calc(var(--spacing)*6)
    }
    .my-auto {
        margin-block: auto
    }
    .-ms-4 {
        margin-inline-start: calc(var(--spacing)*-4)
    }
    .ms-0\.5 {
        margin-inline-start: calc(var(--spacing)*.5)
    }
    .ms-1 {
        margin-inline-start: calc(var(--spacing)*1)
    }
    .ms-2 {
        margin-inline-start: calc(var(--spacing)*2)
    }
    .ms-3 {
        margin-inline-start: calc(var(--spacing)*3)
    }
    .ms-4 {
        margin-inline-start: calc(var(--spacing)*4)
    }
    .ms-5 {
        margin-inline-start: calc(var(--spacing)*5)
    }
    .ms-6 {
        margin-inline-start: calc(var(--spacing)*6)
    }
    .ms-8 {
        margin-inline-start: calc(var(--spacing)*8)
    }
    .ms-44 {
        margin-inline-start: calc(var(--spacing)*44)
    }
    .ms-auto {
        margin-inline-start: auto
    }
    .me-1 {
        margin-inline-end: calc(var(--spacing)*1)
    }
    .me-2 {
        margin-inline-end: calc(var(--spacing)*2)
    }
    .me-3 {
        margin-inline-end: calc(var(--spacing)*3)
    }
    .me-6 {
        margin-inline-end: calc(var(--spacing)*6)
    }
    .me-10 {
        margin-inline-end: calc(var(--spacing)*10)
    }
    .-mt-7 {
        margin-top: calc(var(--spacing)*-7)
    }
    .-mt-56 {
        margin-top: calc(var(--spacing)*-56)
    }
    .mt-0\.5 {
        margin-top: calc(var(--spacing)*.5)
    }
    .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-8 {
        margin-top: calc(var(--spacing)*8)
    }
    .mt-10 {
        margin-top: calc(var(--spacing)*10)
    }
    .mt-12 {
        margin-top: calc(var(--spacing)*12)
    }
    .mt-16 {
        margin-top: calc(var(--spacing)*16)
    }
    .mt-20 {
        margin-top: calc(var(--spacing)*20)
    }
    .mt-\[10px\] {
        margin-top: 10px
    }
    .mt-\[74px\] {
        margin-top: 74px
    }
    .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-20 {
        margin-bottom: calc(var(--spacing)*20)
    }
    .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
    }
    .table-cell {
        display: table-cell
    }
    .\ !size-8 {
        height: calc(var(--spacing)*8) !important;
        width: calc(var(--spacing)*8) !important
    }
    .size-4 {
        height: calc(var(--spacing)*4);
        width: calc(var(--spacing)*4)
    }
    .size-5 {
        height: calc(var(--spacing)*5);
        width: calc(var(--spacing)*5)
    }
    .size-6 {
        height: calc(var(--spacing)*6);
        width: calc(var(--spacing)*6)
    }
    .size-7 {
        height: calc(var(--spacing)*7);
        width: calc(var(--spacing)*7)
    }
    .size-8 {
        height: calc(var(--spacing)*8);
        width: calc(var(--spacing)*8)
    }
    .size-9 {
        height: calc(var(--spacing)*9);
        width: calc(var(--spacing)*9)
    }
    .size-10 {
        height: calc(var(--spacing)*10);
        width: calc(var(--spacing)*10)
    }
    .size-11 {
        height: calc(var(--spacing)*11);
        width: calc(var(--spacing)*11)
    }
    .size-12 {
        height: calc(var(--spacing)*12);
        width: calc(var(--spacing)*12)
    }
    .size-14 {
        height: calc(var(--spacing)*14);
        width: calc(var(--spacing)*14)
    }
    .size-16 {
        height: calc(var(--spacing)*16);
        width: calc(var(--spacing)*16)
    }
    .size-20 {
        height: calc(var(--spacing)*20);
        width: calc(var(--spacing)*20)
    }
    .size-24 {
        height: calc(var(--spacing)*24);
        width: calc(var(--spacing)*24)
    }
    .size-28 {
        height: calc(var(--spacing)*28);
        width: calc(var(--spacing)*28)
    }
    .size-40 {
        height: calc(var(--spacing)*40);
        width: calc(var(--spacing)*40)
    }
    .size-\[400px\] {
        height: 400px;
        width: 400px
    }
    .size-\[600px\] {
        height: 600px;
        width: 600px
    }
    .size-full {
        height: 100%;
        width: 100%
    }
    .h-1 {
        height: calc(var(--spacing)*1)
    }
    .h-1\.5 {
        height: calc(var(--spacing)*1.5)
    }
    .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-9 {
        height: calc(var(--spacing)*9)
    }
    .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-28 {
        height: calc(var(--spacing)*28)
    }
    .h-32 {
        height: calc(var(--spacing)*32)
    }
    .h-40 {
        height: calc(var(--spacing)*40)
    }
    .h-52 {
        height: calc(var(--spacing)*52)
    }
    .h-64 {
        height: calc(var(--spacing)*64)
    }
    .h-72 {
        height: calc(var(--spacing)*72)
    }
    .h-80 {
        height: calc(var(--spacing)*80)
    }
    .h-85 {
        height: calc(var(--spacing)*85)
    }
    .h-96 {
        height: calc(var(--spacing)*96)
    }
    .h-\[46px\] {
        height: 46px
    }
    .h-\[50px\] {
        height: 50px
    }
    .h-\[500px\] {
        height: 500px
    }
    .h-\[640px\] {
        height: 640px
    }
    .h-auto {
        height: auto
    }
    .h-fit {
        height: fit-content
    }
    .h-full {
        height: 100%
    }
    .h-screen {
        height: 100vh
    }
    .min-h-screen {
        min-height: 100vh
    }
    .w-1\/2 {
        width: 50%
    }
    .w-4 {
        width: calc(var(--spacing)*4)
    }
    .w-5\/12 {
        width: 41.66667%
    }
    .w-7\/12 {
        width: 58.33333%
    }
    .w-9 {
        width: calc(var(--spacing)*9)
    }
    .w-10 {
        width: calc(var(--spacing)*10)
    }
    .w-11\/12 {
        width: 91.66667%
    }
    .w-12 {
        width: calc(var(--spacing)*12)
    }
    .w-16 {
        width: calc(var(--spacing)*16)
    }
    .w-20 {
        width: calc(var(--spacing)*20)
    }
    .w-24 {
        width: calc(var(--spacing)*24)
    }
    .w-28 {
        width: calc(var(--spacing)*28)
    }
    .w-48 {
        width: calc(var(--spacing)*48)
    }
    .w-56 {
        width: calc(var(--spacing)*56)
    }
    .w-\[60px\] {
        width: 60px
    }
    .w-\[90\%\] {
        width: 90%
    }
    .w-\[270px\] {
        width: 270px
    }
    .w-\[450px\] {
        width: 450px
    }
    .w-auto {
        width: auto
    }
    .w-fit {
        width: fit-content
    }
    .w-full {
        width: 100%
    }
    .max-w-4xl {
        max-width: var(--container-4xl)
    }
    .max-w-5xl {
        max-width: var(--container-5xl)
    }
    .max-w-72 {
        max-width: calc(var(--spacing)*72)
    }
    .max-w-96 {
        max-width: calc(var(--spacing)*96)
    }
    .max-w-md {
        max-width: var(--container-md)
    }
    .max-w-xl {
        max-width: var(--container-xl)
    }
    .min-w-16 {
        min-width: calc(var(--spacing)*16)
    }
    .min-w-20 {
        min-width: calc(var(--spacing)*20)
    }
    .min-w-28 {
        min-width: calc(var(--spacing)*28)
    }
    .min-w-40 {
        min-width: calc(var(--spacing)*40)
    }
    .min-w-56 {
        min-width: calc(var(--spacing)*56)
    }
    .min-w-\[100px\] {
        min-width: 100px
    }
    .min-w-\[220px\] {
        min-width: 220px
    }
    .min-w-full {
        min-width: 100%
    }
    .flex-1 {
        flex: 1
    }
    .shrink {
        flex-shrink: 1
    }
    .shrink-0 {
        flex-shrink: 0
    }
    .grow {
        flex-grow: 1
    }
    .translate-2 {
        --tw-translate-x: calc(var(--spacing)*2);
        --tw-translate-y: calc(var(--spacing)*2)
    }
    .-translate-x-1\/2,
    .translate-2 {
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }
    .-translate-x-1\/2 {
        --tw-translate-x: -50%
    }
    .-translate-y-1\/2,
    .-translate-y-2\/4 {
        --tw-translate-y: -50%;
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }
    .translate-y-1\/2,
    .translate-y-2\/4 {
        --tw-translate-y: 50%;
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }
    .-rotate-12 {
        rotate: -12deg
    }
    .-rotate-45 {
        rotate: -45deg
    }
    .-rotate-90 {
        rotate: -90deg
    }
    .rotate-12 {
        rotate: 12deg
    }
    .rotate-45 {
        rotate: 45deg
    }
    .rotate-90 {
        rotate: 90deg
    }
    .rotate-180 {
        rotate: 180deg
    }
    .transform {
        transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, )
    }
    .animate-\[spin_20s_linear_infinite\] {
        animation: spin 20s linear infinite
    }
    .cursor-pointer {
        cursor: pointer
    }
    .resize {
        resize: both
    }
    .list-none {
        list-style-type: none
    }
    .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-12 {
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }
    .flex-col {
        flex-direction: column
    }
    .items-center {
        align-items: center
    }
    .items-end {
        align-items: flex-end
    }
    .\ !justify-end {
        justify-content: flex-end !important
    }
    .\ !justify-start {
        justify-content: flex-start !important
    }
    .justify-between {
        justify-content: space-between
    }
    .justify-center {
        justify-content: center
    }
    .gap-1 {
        gap: calc(var(--spacing)*1)
    }
    .gap-4 {
        gap: calc(var(--spacing)*4)
    }
    .gap-5 {
        gap: calc(var(--spacing)*5)
    }
    .gap-6 {
        gap: calc(var(--spacing)*6)
    }
    .gap-\[30px\] {
        gap: 30px
    }
    .space-y-1 {
        :where(&>: not(:last-child)) {
            --tw-space-y-reverse:0;
            margin-block-end: calc(var(--spacing)*1*(1 - var(--tw-space-y-reverse)));
            margin-block-start: calc(var(--spacing)*1*var(--tw-space-y-reverse))
        }
    }
    .-space-x-px {
        :where(&>: not(:last-child)) {
            --tw-space-x-reverse:0;
            margin-inline-end: calc(-1px*(1 - var(--tw-space-x-reverse)));
            margin-inline-start: calc(-1px*var(--tw-space-x-reverse))
        }
    }
    .self-end {
        align-self: flex-end
    }
    .overflow-hidden {
        overflow: hidden
    }
    .overflow-x-auto {
        overflow-x: auto
    }
    .scroll-smooth {
        scroll-behavior: smooth
    }
    .rounded {
        border-radius: .25rem
    }
    .rounded-2xl {
        border-radius: var(--radius-2xl)
    }
    .rounded-3xl {
        border-radius: var(--radius-3xl)
    }
    .rounded-\[30px\] {
        border-radius: 30px
    }
    .rounded-full {
        border-radius: calc(infinity*1px)
    }
    .rounded-lg {
        border-radius: var(--radius-lg)
    }
    .rounded-md {
        border-radius: var(--radius-md)
    }
    .rounded-xl {
        border-radius: var(--radius-xl)
    }
    .rounded-t-md {
        border-top-left-radius: var(--radius-md);
        border-top-right-radius: var(--radius-md)
    }
    .rounded-b-\[80px\] {
        border-bottom-left-radius: 80px;
        border-bottom-right-radius: 80px
    }
    .border {
        border-style: var(--tw-border-style);
        border-width: 1px
    }
    .border-0 {
        border-style: var(--tw-border-style);
        border-width: 0
    }
    .border-2 {
        border-style: var(--tw-border-style);
        border-width: 2px
    }
    .border-3 {
        border-style: var(--tw-border-style);
        border-width: 3px
    }
    .border-4 {
        border-style: var(--tw-border-style);
        border-width: 4px
    }
    .border-\[6px\] {
        border-style: var(--tw-border-style);
        border-width: 6px
    }
    .border-y {
        border-block-style: var(--tw-border-style);
        border-block-width: 1px
    }
    .border-s-4 {
        border-inline-start-style: var(--tw-border-style);
        border-inline-start-width: 4px
    }
    .border-t {
        border-top-style: var(--tw-border-style);
        border-top-width: 1px
    }
    .border-b {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px
    }
    .border-solid {
        --tw-border-style: solid;
        border-style: solid
    }
    .border-emerald-600\/20 {
        border-color: color-mix(in srgb, oklch(59.6% .145 163.225) 20%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
            border-color:color-mix(in oklab, var(--color-emerald-600) 20%, transparent)
        }
    }
    .border-gray-200 {
        border-color: var(--color-gray-200)
    }
    .border-gray-800 {
        border-color: var(--color-gray-800)
    }
    .border-primary {
        border-color: var(--color-primary)
    }
    .border-primary-200 {
        border-color: var(--color-primary-200)
    }
    .border-primary\/5 {
        border-color: color-mix(in srgb, #1d70ba 5%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
            border-color:color-mix(in oklab, var(--color-primary) 5%, transparent)
        }
    }
    .border-red-600\/20 {
        border-color: color-mix(in srgb, oklch(57.7% .245 27.325) 20%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
            border-color:color-mix(in oklab, var(--color-red-600) 20%, transparent)
        }
    }
    .border-slate-100 {
        border-color: var(--color-slate-100)
    }
    .border-slate-200 {
        border-color: var(--color-slate-200)
    }
    .border-slate-800 {
        border-color: var(--color-slate-800)
    }
    .border-white {
        border-color: var(--color-white)
    }
    .border-white\/20 {
        border-color: color-mix(in srgb, #fff 20%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
            border-color:color-mix(in oklab, var(--color-white) 20%, transparent)
        }
    }
    .border-white\/30 {
        border-color: color-mix(in srgb, #fff 30%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
            border-color:color-mix(in oklab, var(--color-white) 30%, transparent)
        }
    }
    .bg-black\/60 {
        background-color: color-mix(in srgb, #000 60%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
            background-color:color-mix(in oklab, var(--color-black) 60%, transparent)
        }
    }
    .bg-emerald-600 {
        background-color: var(--color-emerald-600)
    }
    .bg-emerald-600\/10 {
        background-color: color-mix(in srgb, oklch(59.6% .145 163.225) 10%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
            background-color:color-mix(in oklab, var(--color-emerald-600) 10%, transparent)
        }
    }
    .bg-gray-50 {
        background-color: var(--color-gray-50)
    }
    .bg-gray-100 {
        background-color: var(--color-gray-100)
    }
    .bg-gray-300 {
        background-color: var(--color-gray-300)
    }
    .bg-gray-400 {
        background-color: var(--color-gray-400)
    }
    .bg-indigo-600 {
        background-color: var(--color-indigo-600)
    }
    .bg-orange-600 {
        background-color: var(--color-orange-600)
    }
    .bg-primary {
        background-color: var(--color-primary)
    }
    .bg-primary-50 {
        background-color: var(--color-primary-50)
    }
    .bg-primary-100 {
        background-color: var(--color-primary-100)
    }
    .bg-primary\/5 {
        background-color: color-mix(in srgb, #1d70ba 5%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
            background-color:color-mix(in oklab, var(--color-primary) 5%, transparent)
        }
    }
    .bg-primary\/10 {
        background-color: color-mix(in srgb, #1d70ba 10%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
            background-color:color-mix(in oklab, var(--color-primary) 10%, transparent)
        }
    }
    .bg-primary\/30 {
        background-color: color-mix(in srgb, #1d70ba 30%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
            background-color:color-mix(in oklab, var(--color-primary) 30%, transparent)
        }
    }
    .bg-primary\/60 {
        background-color: color-mix(in srgb, #1d70ba 60%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
            background-color:color-mix(in oklab, var(--color-primary) 60%, transparent)
        }
    }
    .bg-primary\/\[0\.03\] {
        background-color: color-mix(in srgb, #1d70ba 3%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
            background-color:color-mix(in oklab, var(--color-primary) 3%, transparent)
        }
    }
    .bg-red-600 {
        background-color: var(--color-red-600)
    }
    .bg-red-600\/5 {
        background-color: color-mix(in srgb, oklch(57.7% .245 27.325) 5%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
            background-color:color-mix(in oklab, var(--color-red-600) 5%, transparent)
        }
    }
    .bg-red-600\/10 {
        background-color: color-mix(in srgb, oklch(57.7% .245 27.325) 10%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
            background-color:color-mix(in oklab, var(--color-red-600) 10%, transparent)
        }
    }
    .bg-red-600\/30 {
        background-color: color-mix(in srgb, oklch(57.7% .245 27.325) 30%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
            background-color:color-mix(in oklab, var(--color-red-600) 30%, transparent)
        }
    }
    .bg-slate-50 {
        background-color: var(--color-slate-50)
    }
    .bg-slate-100 {
        background-color: var(--color-slate-100)
    }
    .bg-slate-900 {
        background-color: var(--color-slate-900)
    }
    .bg-slate-900\/30 {
        background-color: color-mix(in srgb, oklch(20.8% .042 265.755) 30%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
            background-color:color-mix(in oklab, var(--color-slate-900) 30%, transparent)
        }
    }
    .bg-slate-900\/50 {
        background-color: color-mix(in srgb, oklch(20.8% .042 265.755) 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
            background-color:color-mix(in oklab, var(--color-slate-900) 50%, transparent)
        }
    }
    .bg-slate-900\/70 {
        background-color: color-mix(in srgb, oklch(20.8% .042 265.755) 70%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
            background-color:color-mix(in oklab, var(--color-slate-900) 70%, transparent)
        }
    }
    .bg-slate-900\/75 {
        background-color: color-mix(in srgb, oklch(20.8% .042 265.755) 75%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
            background-color:color-mix(in oklab, var(--color-slate-900) 75%, transparent)
        }
    }
    .bg-slate-950 {
        background-color: var(--color-slate-950)
    }
    .bg-transparent {
        background-color: transparent
    }
    .bg-violet-600 {
        background-color: var(--color-violet-600)
    }
    .bg-white {
        background-color: var(--color-white)
    }
    .bg-white\/50 {
        background-color: color-mix(in srgb, #fff 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
            background-color:color-mix(in oklab, var(--color-white) 50%, transparent)
        }
    }
    .bg-white\/70 {
        background-color: color-mix(in srgb, #fff 70%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
            background-color:color-mix(in oklab, var(--color-white) 70%, transparent)
        }
    }
    .bg-white\/80 {
        background-color: color-mix(in srgb, #fff 80%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
            background-color:color-mix(in oklab, var(--color-white) 80%, transparent)
        }
    }
    .bg-gradient-to-b {
        --tw-gradient-position: to bottom in oklab
    }
    .bg-gradient-to-b,
    .bg-gradient-to-br {
        background-image: linear-gradient(var(--tw-gradient-stops))
    }
    .bg-gradient-to-br {
        --tw-gradient-position: to bottom right in oklab
    }
    .bg-gradient-to-l {
        --tw-gradient-position: to left in oklab
    }
    .bg-gradient-to-l,
    .bg-gradient-to-r {
        background-image: linear-gradient(var(--tw-gradient-stops))
    }
    .bg-gradient-to-r {
        --tw-gradient-position: to right in oklab
    }
    .bg-gradient-to-t {
        --tw-gradient-position: to top in oklab;
        background-image: linear-gradient(var(--tw-gradient-stops))
    }
    .bg-\[url\(\'\.\.\/\.\.\/assets\/images\/bg-shape\.png\'\)\]{background-image:url(../images/bg-shape.png)}.bg-\[url\(\'\.\.\/\.\.\/assets\/images\/bg\/1\.jpg\'\)\]{background-image:url(../images/bg/1.jpg)}.bg-\[url\(\'\.\.\/\.\.\/assets\/images\/bg\/2\.jpg\'\)\]{background-image:url(../images/bg/2.jpg)}.bg-\[url\(\'\.\.\/\.\.\/assets\/images\/bg\/3\.jpg\'\)\]{background-image:url(../images/bg/3.jpg)}.bg-\[url\(\'\.\.\/\.\.\/assets\/images\/bg\/aboutus\.jpg\'\)\]{background-image:url(../images/bg/aboutus.jpg)}.bg-\[url\(\'\.\.\/\.\.\/assets\/images\/bg\/blog\.jpg\'\)\]{background-image:url(../images/bg/blog.jpg)}.bg-\[url\(\'\.\.\/\.\.\/assets\/images\/bg\/comingsoon\.jpg\'\)\]{background-image:url(../images/bg/comingsoon.jpg)}.bg-\[url\(\'\.\.\/\.\.\/assets\/images\/bg\/ecommerce\.jpg\'\)\]{background-image:url(../images/bg/ecommerce.jpg)}.bg-\[url\(\'\.\.\/\.\.\/assets\/images\/bg\/error\.png\'\)\]{background-image:url(../images/bg/error.png)}.bg-\[url\(\'\.\.\/\.\.\/assets\/images\/bg\/portfolio\.jpg\'\)\]{background-image:url(../images/bg/portfolio.jpg)}.bg-\[url\(\'\.\.\/\.\.\/assets\/images\/bg\/pricing\.jpg\'\)\]{background-image:url(../images/bg/pricing.jpg)}.bg-\[url\(\'\.\.\/\.\.\/assets\/images\/bg\/service\.jpg\'\)\]{background-image:url(../images/bg/service.jpg)}.bg-\[url\(\'\.\.\/\.\.\/assets\/images\/bg\/team\.jpg\'\)\]{background-image:url(../images/bg/team.jpg)}.bg-\[url\(\'\.\.\/\.\.\/assets\/images\/bg\/user\.jpg\'\)\]{background-image:url(../images/bg/user.jpg)}.bg-\[url\(\'\.\.\/\.\.\/assets\/images\/blogs\/1\.jpg\'\)\]{background-image:url(../images/blogs/1.jpg)}.bg-\[url\(\'\.\.\/\.\.\/assets\/images\/blogs\/2\.jpg\'\)\]{background-image:url(../images/blogs/2.jpg)}.bg-\[url\(\'\.\.\/\.\.\/assets\/images\/blogs\/3\.jpg\'\)\]{background-image:url(../images/blogs/3.jpg)}.bg-\[url\(\'\.\.\/\.\.\/assets\/images\/blogs\/4\.jpg\'\)\]{background-image:url(../images/blogs/4.jpg)}.bg-\[url\(\'\.\.\/\.\.\/assets\/images\/blogs\/5\.jpg\'\)\]{background-image:url(../images/blogs/5.jpg)}.bg-\[url\(\'\.\.\/\.\.\/assets\/images\/blogs\/6\.jpg\'\)\]{background-image:url(../images/blogs/6.jpg)}.bg-\[url\(\'\.\.\/\.\.\/assets\/images\/box-lines\.png\'\)\]{background-image:url(../images/box-lines.png)}.bg-\[url\(\'\.\.\/\.\.\/assets\/images\/map\.png\'\)\]{background-image:url(../images/map.png)}.bg-\[url\(\'\.\.\/\.\.\/assets\/images\/portfolio\/1\.jpg\'\)\]{background-image:url(../images/portfolio/1.jpg)}.bg-\[url\(\'\.\.\/\.\.\/assets\/images\/portfolio\/2\.jpg\'\)\]{background-image:url(../images/portfolio/2.jpg)}.bg-\[url\(\'\.\.\/\.\.\/assets\/images\/portfolio\/3\.jpg\'\)\]{background-image:url(../images/portfolio/3.jpg)}.bg-\[url\(\'\.\.\/\.\.\/assets\/images\/portfolio\/4\.jpg\'\)\]{background-image:url(../images/portfolio/4.jpg)}.bg-\[url\(\'\.\.\/\.\.\/assets\/images\/portfolio\/5\.jpg\'\)\]{background-image:url(../images/portfolio/5.jpg)}.bg-\[url\(\'\.\.\/\.\.\/assets\/images\/portfolio\/6\.jpg\'\)\]{background-image:url(../images/portfolio/6.jpg)}.bg-\[url\(\'\.\.\/\.\.\/assets\/images\/portfolio\/7\.jpg\'\)\]{background-image:url(../images/portfolio/7.jpg)}.bg-\[url\(\'\.\.\/\.\.\/assets\/images\/portfolio\/8\.jpg\'\)\]{background-image:url(../images/portfolio/8.jpg)}.bg-\[url\(\'\.\.\/\.\.\/assets\/images\/portfolio\/9\.jpg\'\)\]{background-image:url(../images/portfolio/9.jpg)}.bg-\[url\(\'\.\.\/\.\.\/assets\/images\/portfolio\/10\.jpg\'\)\]{background-image:url(../images/portfolio/10.jpg)}.bg-\[url\(\'\.\.\/\.\.\/assets\/images\/portfolio\/11\.jpg\'\)\]{background-image:url(../images/portfolio/11.jpg)}.bg-\[url\(\'\.\.\/\.\.\/assets\/images\/portfolio\/12\.jpg\'\)\]{background-image:url(../images/portfolio/12.jpg)}.bg-\[url\(\'\.\.\/\.\.\/assets\/images\/shop\/Black-Abstract-Print-Sleeves-Shirt\.jpg\'\)\]{background-image:url(../images/shop/Black-Abstract-Print-Sleeves-Shirt.jpg)}.bg-\[url\(\'\.\.\/\.\.\/assets\/images\/shop\/Black-Abstract-Print-T-shirt\.jpg\'\)\]{background-image:url(../images/shop/Black-Abstract-Print-T-shirt.jpg)}.bg-\[url\(\'\.\.\/\.\.\/assets\/images\/shop\/Black-Printed-Acid-Washed-T-shirt\.jpg\'\)\]{background-image:url(../images/shop/Black-Printed-Acid-Washed-T-shirt.jpg)}.bg-\[url\(\'\.\.\/\.\.\/assets\/images\/shop\/Brick-red-floral-tshirt\.jpg\'\)\]{background-image:url(../images/shop/Brick-red-floral-tshirt.jpg)}.bg-\[url\(\'\.\.\/\.\.\/assets\/images\/shop\/Brown-cotton-crew-tshirt\.jpg\'\)\]{background-image:url(../images/shop/Brown-cotton-crew-tshirt.jpg)}.bg-\[url\(\'\.\.\/\.\.\/assets\/images\/shop\/Collared-Tailored-Jacket\.jpg\'\)\]{background-image:url(../images/shop/Collared-Tailored-Jacket.jpg)}.bg-\[url\(\'\.\.\/\.\.\/assets\/images\/shop\/Faux-Leather-Bag-2\.jpg\'\)\]{background-image:url(../images/shop/Faux-Leather-Bag-2.jpg)}.bg-\[url\(\'\.\.\/\.\.\/assets\/images\/shop\/Faux-Shearling-Bag-2\.jpg\'\)\]{background-image:url(../images/shop/Faux-Shearling-Bag-2.jpg)}.bg-\[url\(\'\.\.\/\.\.\/assets\/images\/shop\/Hooded-Shell-Jacket-2\.jpg\'\)\]{background-image:url(../images/shop/Hooded-Shell-Jacket-2.jpg)}.bg-\[url\(\'\.\.\/\.\.\/assets\/images\/shop\/Knotted-Bag-2\.jpg\'\)\]{background-image:url(../images/shop/Knotted-Bag-2.jpg)}.bg-\[url\(\'\.\.\/\.\.\/assets\/images\/shop\/Leather-Brogues-shooes-2\.jpg\'\)\]{background-image:url(../images/shop/Leather-Brogues-shooes-2.jpg)}.bg-\[url\(\'\.\.\/\.\.\/assets\/images\/shop\/Leather-Buckle-Sandals-2\.jpg\'\)\]{background-image:url(../images/shop/Leather-Buckle-Sandals-2.jpg)}.bg-\[url\(\'\.\.\/\.\.\/assets\/images\/shop\/Lyocell-Rich-Pleat-Leg-Trousers\.jpg\'\)\]{background-image:url(../images/shop/Lyocell-Rich-Pleat-Leg-Trousers.jpg)}.bg-\[url\(\'\.\.\/\.\.\/assets\/images\/shop\/Pure-Cotton-Embroidered-Dress\.jpg\'\)\]{background-image:url(../images/shop/Pure-Cotton-Embroidered-Dress.jpg)}.bg-\[url\(\'\.\.\/\.\.\/assets\/images\/shop\/Pure-Linen-Shirt-blue-2\.jpg\'\)\]{background-image:url(../images/shop/Pure-Linen-Shirt-blue-2.jpg)}.bg-\[url\(\'\.\.\/\.\.\/assets\/images\/shop\/Pure-Linen-Shirt\.jpg\'\)\]{background-image:url(../images/shop/Pure-Linen-Shirt.jpg)}.bg-\[url\(\'\.\.\/\.\.\/assets\/images\/shop\/Side-Stripe-Wide-Leg-Trousers\.jpg\'\)\]{background-image:url(../images/shop/Side-Stripe-Wide-Leg-Trousers.jpg)}.bg-\[url\(\'\.\.\/\.\.\/assets\/images\/shop\/Suede-Bow-Faux-Fur-Lined-Moccasin-Slippers\.jpg\'\)\]{background-image:url(../images/shop/Suede-Bow-Faux-Fur-Lined-Moccasin-Slippers.jpg)}.bg-\[url\(\'\.\.\/\.\.\/assets\/images\/shop\/Woven-Crossover-Flat-Espadrilles\.jpg\'\)\]{background-image:url(../images/shop/Woven-Crossover-Flat-Espadrilles.jpg)}.bg-\[url\(\'\.\.\/\.\.\/assets\/images\/shop\/bg\.png\'\)\]{background-image:url(../images/shop/bg.png)}.bg-\[url\(\'\.\.\/\.\.\/assets\/images\/shop\/garrod-bagpack-2\.jpg\'\)\]{background-image:url(../images/shop/garrod-bagpack-2.jpg)}.bg-none{background-image:none}.from-primary{--tw-gradient-from:var(--color-primary);--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))}.from-primary-200{--tw-gradient-from:var(--color-primary-200);--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))}.from-primary\/20{--tw-gradient-from:color-mix(in srgb,#1d70ba 20%,transparent);@supports (color:color-mix(in lab,red,red)){--tw-gradient-from:color-mix(in oklab,var(--color-primary) 20%,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))}.from-primary\/70{--tw-gradient-from:color-mix(in srgb,#1d70ba 70%,transparent);@supports (color:color-mix(in lab,red,red)){--tw-gradient-from:color-mix(in oklab,var(--color-primary) 70%,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))}.from-transparent{--tw-gradient-from: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))}.via-slate-900\/50{--tw-gradient-via:color-mix(in srgb,oklch(20.8% 0.042 265.755) 50%,transparent);@supports (color:color-mix(in lab,red,red)){--tw-gradient-via:color-mix(in oklab,var(--color-slate-900) 50%,transparent)}--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)}.via-transparent{--tw-gradient-via:transparent;--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-primary\/70{--tw-gradient-to:color-mix(in srgb,#1d70ba 70%,transparent);@supports (color:color-mix(in lab,red,red)){--tw-gradient-to:color-mix(in oklab,var(--color-primary) 70%,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))}.to-red-600\/20{--tw-gradient-to:color-mix(in srgb,oklch(57.7% 0.245 27.325) 20%,transparent);@supports (color:color-mix(in lab,red,red)){--tw-gradient-to:color-mix(in oklab,var(--color-red-600) 20%,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))}.to-slate-900{--tw-gradient-to:var(--color-slate-900);--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))}.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-fixed{background-attachment:fixed}.bg-center{background-position:50%}.bg-left-top{background-position:0 0}.bg-top{background-position:top}.bg-no-repeat{background-repeat:no-repeat}.bg-repeat{background-repeat:repeat}.object-cover{object-fit:cover}.\!p-0{padding:calc(var(--spacing)*0)!important}.p-0{padding:calc(var(--spacing)*0)}.p-1{padding:calc(var(--spacing)*1)}.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-px{padding:1px}.\!px-0{padding-inline:calc(var(--spacing)*0)!important}.px-0{padding-inline:calc(var(--spacing)*0)}.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-10{padding-inline:calc(var(--spacing)*10)}.px-12{padding-inline:calc(var(--spacing)*12)}.\!py-0{padding-block:calc(var(--spacing)*0)!important}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-2\.5{padding-block:calc(var(--spacing)*2.5)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.py-6{padding-block:calc(var(--spacing)*6)}.py-10{padding-block:calc(var(--spacing)*10)}.py-12{padding-block:calc(var(--spacing)*12)}.py-16{padding-block:calc(var(--spacing)*16)}.py-24{padding-block:calc(var(--spacing)*24)}.py-32{padding-block:calc(var(--spacing)*32)}.py-36{padding-block:calc(var(--spacing)*36)}.py-56{padding-block:calc(var(--spacing)*56)}.py-\[30px\]{padding-block:30px}.ps-1{padding-inline-start:calc(var(--spacing)*1)}.ps-4{padding-inline-start:calc(var(--spacing)*4)}.ps-6{padding-inline-start:calc(var(--spacing)*6)}.ps-10{padding-inline-start:calc(var(--spacing)*10)}.ps-12{padding-inline-start:calc(var(--spacing)*12)}.pe-1{padding-inline-end:calc(var(--spacing)*1)}.pe-2{padding-inline-end:calc(var(--spacing)*2)}.pe-6{padding-inline-end:calc(var(--spacing)*6)}.pe-10{padding-inline-end:calc(var(--spacing)*10)}.pe-28{padding-inline-end:calc(var(--spacing)*28)}.pe-40{padding-inline-end:calc(var(--spacing)*40)}.pt-4{padding-top:calc(var(--spacing)*4)}.pt-6{padding-top:calc(var(--spacing)*6)}.pt-16{padding-top:calc(var(--spacing)*16)}.pt-32{padding-top:calc(var(--spacing)*32)}.pt-36{padding-top:calc(var(--spacing)*36)}.pb-0{padding-bottom:calc(var(--spacing)*0)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.pb-6{padding-bottom:calc(var(--spacing)*6)}.pb-16{padding-bottom:calc(var(--spacing)*16)}.pb-48{padding-bottom:calc(var(--spacing)*48)}.pb-56{padding-bottom:calc(var(--spacing)*56)}.text-center{text-align:center}.text-end{text-align:end}.text-start{text-align:start}.align-bottom{vertical-align:bottom}.align-middle{vertical-align:middle}.align-top{vertical-align:top}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.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-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-8xl{font-size:var(--text-8xl);line-height:var(--tw-leading,var(--text-8xl--line-height))}.text-9xl{font-size:var(--text-9xl);line-height:var(--tw-leading,var(--text-9xl--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))}.text-\[8px\]{font-size:8px}.text-\[10px\]{font-size:10px}.text-\[12px\]{font-size:12px}.text-\[20px\]{font-size:20px}.text-\[22px\]{font-size:22px}.text-\[26px\]{font-size:26px}.leading-8{--tw-leading:calc(var(--spacing)*8);line-height:calc(var(--spacing)*8)}.leading-\[0\]{--tw-leading:0;line-height:0}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.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)}.tracking-\[0\.5px\]{--tw-tracking:0.5px;letter-spacing:.5px}.tracking-\[1px\]{--tw-tracking:1px;letter-spacing:1px}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.text-wrap{text-wrap:wrap}.whitespace-nowrap{white-space:nowrap}.\!text-white{color:var(--color-white)!important}.text-amber-400{color:var(--color-amber-400)}.text-amber-500{color:var(--color-amber-500)}.text-black{color:var(--color-black)}.text-emerald-600{color:var(--color-emerald-600)}.text-gray-100{color:var(--color-gray-100)}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-gray-900{color:var(--color-gray-900)}.text-indigo-600{color:var(--color-indigo-600)}.text-orange-400{color:var(--color-orange-400)}.text-primary{color:var(--color-primary)}.text-primary\/15{color:color-mix(in srgb,#1d70ba 15%,transparent);@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,var(--color-primary) 15%,transparent)}}.text-red-600{color:var(--color-red-600)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-slate-900{color:var(--color-slate-900)}.text-white{color:var(--color-white)}.text-white\/50{color:color-mix(in srgb,#fff 50%,transparent);@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,var(--color-white) 50%,transparent)}}.text-white\/70{color:color-mix(in srgb,#fff 70%,transparent);@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,var(--color-white) 70%,transparent)}}.text-yellow-500{color:var(--color-yellow-500)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.overline{text-decoration-line:overline}.underline{text-decoration-line:underline}.accent-primary{accent-color:var(--color-primary)}.opacity-0{opacity:0}.opacity-5{opacity:5%}.opacity-20{opacity:20%}.opacity-25{opacity:25%}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,rgba(0,0,0,.1)),0 1px 2px -1px var(--tw-shadow-color,rgba(0,0,0,.1))}.shadow,.shadow-lg{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 25px -3px var(--tw-shadow-color,rgba(0,0,0,.1))}.shadow-md{--tw-shadow:0 5px 13px var(--tw-shadow-color,rgba(0,0,0,.1))}.shadow-md,.shadow-sm{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 0 3px var(--tw-shadow-color,rgba(0,0,0,.1))}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor)}.ring-2,.ring-4{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-4{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor)}.shadow-primary\/10{--tw-shadow-color:color-mix(in srgb,#1d70ba 10%,transparent);@supports (color:color-mix(in lab,red,red)){--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-primary) 10%,transparent) var(--tw-shadow-alpha),transparent)}}.shadow-slate-100{--tw-shadow-color:oklch(96.8% 0.007 247.896);@supports (color:color-mix(in lab,red,red)){--tw-shadow-color:color-mix(in oklab,var(--color-slate-100) var(--tw-shadow-alpha),transparent)}}.shadow-slate-200{--tw-shadow-color:oklch(92.9% 0.013 255.508);@supports (color:color-mix(in lab,red,red)){--tw-shadow-color:color-mix(in oklab,var(--color-slate-200) var(--tw-shadow-alpha),transparent)}}.ring-gray-200{--tw-ring-color:var(--color-gray-200)}.ring-slate-50{--tw-ring-color:var(--color-slate-50)}.ring-slate-200{--tw-ring-color:var(--color-slate-200)}.ring-slate-300{--tw-ring-color:var(--color-slate-300)}.blur-\[200px\]{--tw-blur:blur(200px)}.blur-\[200px\],.invert{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,)}.invert{--tw-invert:invert(100%)}.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,)}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-duration:var(--tw-duration,var(--default-transition-duration));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-all{transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.duration-500{--tw-duration:500ms;transition-duration:.5s}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.outline-none{--tw-outline-style:none;outline-style:none}.backface-hidden{backface-visibility:hidden}.group-hover\:bottom-0{&:is(:where(.group):hover *){@media (hover:hover){bottom:calc(var(--spacing)*0)}}}.group-hover\:bottom-3{&:is(:where(.group):hover *){@media (hover:hover){bottom:calc(var(--spacing)*3)}}}.group-hover\:bottom-5{&:is(:where(.group):hover *){@media (hover:hover){bottom:calc(var(--spacing)*5)}}}.group-hover\:ms-6{&:is(:where(.group):hover *){@media (hover:hover){margin-inline-start:calc(var(--spacing)*6)}}}.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\:scale-110{&:is(:where(.group):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)}}}.group-hover\:-rotate-45{&:is(:where(.group):hover *){@media (hover:hover){rotate:-45deg}}}.group-hover\:rotate-0{&:is(:where(.group):hover *){@media (hover:hover){rotate:0deg}}}.group-hover\:rounded-b-none{&:is(:where(.group):hover *){@media (hover:hover){border-bottom-left-radius:0;border-bottom-right-radius:0}}}.group-hover\:bg-primary{&:is(:where(.group):hover *){@media (hover:hover){background-color:var(--color-primary)}}}.group-hover\:bg-primary-50{&:is(:where(.group):hover *){@media (hover:hover){background-color:var(--color-primary-50)}}}.group-hover\:bg-white\/20{&:is(:where(.group):hover *){@media (hover:hover){background-color:color-mix(in srgb,#fff 20%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-white) 20%,transparent)}}}}.group-hover\:text-white{&:is(:where(.group):hover *){@media (hover:hover){color:var(--color-white)}}}.group-hover\:text-white\/50{&:is(:where(.group):hover *){@media (hover:hover){color:color-mix(in srgb,#fff 50%,transparent);@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,var(--color-white) 50%,transparent)}}}}.group-hover\:text-white\/60{&:is(:where(.group):hover *){@media (hover:hover){color:color-mix(in srgb,#fff 60%,transparent);@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,var(--color-white) 60%,transparent)}}}}.group-hover\:opacity-100{&:is(:where(.group):hover *){@media (hover:hover){opacity:100%}}}.placeholder\:text-gray-400{&::placeholder{color:var(--color-gray-400)}}.placeholder\:text-slate-400{&::placeholder{color:var(--color-slate-400)}}.before\:absolute{&:before{content:var(--tw-content);position:absolute}}.before\:-start-72{&:before{content:var(--tw-content);inset-inline-start:calc(var(--spacing)*-72)}}.before\:start-16{&:before{content:var(--tw-content);inset-inline-start:calc(var(--spacing)*16)}}.before\:-top-\[100\%\]{&:before{content:var(--tw-content);top:-100%}}.before\:-bottom-1{&:before{bottom:calc(var(--spacing)*-1);content:var(--tw-content)}}.before\:z-1{&:before{content:var(--tw-content);z-index:1}}.before\:z-2{&:before{content:var(--tw-content);z-index:2}}.before\:h-\[65rem\]{&:before{content:var(--tw-content);height:65rem}}.before\:w-28{&:before{content:var(--tw-content);width:calc(var(--spacing)*28)}}.before\:w-\[1050rem\]{&:before{content:var(--tw-content);width:1050rem}}.before\:border-\[6px\]{&:before{border-style:var(--tw-border-style);border-width:6px;content:var(--tw-content)}}.before\:border-white{&:before{border-color:var(--color-white);content:var(--tw-content)}}.before\:bg-primary\/5{&:before{background-color:color-mix(in srgb,#1d70ba 5%,transparent);content:var(--tw-content);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-primary) 5%,transparent)}}}.before\:content-\[\'\'\]{&:before{--tw-content:"";content:var(--tw-content)}}.after\:absolute{&:after{content:var(--tw-content);position:absolute}}.after\:start-0{&:after{content:var(--tw-content);inset-inline-start:calc(var(--spacing)*0)}}.after\:start-20{&:after{content:var(--tw-content);inset-inline-start:calc(var(--spacing)*20)}}.after\:start-\[60px\]{&:after{content:var(--tw-content);inset-inline-start:60px}}.after\:top-1\/2{&:after{content:var(--tw-content);top:50%}}.after\:-bottom-\[80px\]{&:after{bottom:-80px;content:var(--tw-content)}}.after\:bottom-1\/2{&:after{bottom:50%;content:var(--tw-content)}}.after\:z-3{&:after{content:var(--tw-content);z-index:3}}.after\:z-10{&:after{content:var(--tw-content);z-index:10}}.after\:size-\[90rem\]{&:after{content:var(--tw-content);height:90rem;width:90rem}}.after\:h-2{&:after{content:var(--tw-content);height:calc(var(--spacing)*2)}}.after\:h-20{&:after{content:var(--tw-content);height:calc(var(--spacing)*20)}}.after\:w-8{&:after{content:var(--tw-content);width:calc(var(--spacing)*8)}}.after\:w-20{&:after{content:var(--tw-content);width:calc(var(--spacing)*20)}}.after\:-translate-y-1\/2{&:after{content:var(--tw-content);--tw-translate-y:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}}.after\:translate-y-1\/2{&:after{content:var(--tw-content);--tw-translate-y:50%;translate:var(--tw-translate-x) var(--tw-translate-y)}}.after\:rotate-90{&:after{content:var(--tw-content);rotate:90deg}}.after\:rounded-md{&:after{border-radius:var(--radius-md);content:var(--tw-content)}}.after\:rounded-none{&:after{border-radius:0;content:var(--tw-content)}}.after\:rounded-s-full{&:after{border-end-start-radius:calc(infinity*1px);border-start-start-radius:calc(infinity*1px);content:var(--tw-content)}}.after\:rounded-e-\[50px\]{&:after{border-end-end-radius:50px;border-start-end-radius:50px;content:var(--tw-content)}}.after\:border-2{&:after{border-style:var(--tw-border-style);border-width:2px;content:var(--tw-content)}}.after\:border-s-0{&:after{border-inline-start-style:var(--tw-border-style);border-inline-start-width:0;content:var(--tw-content)}}.after\:border-b-0{&:after{border-bottom-style:var(--tw-border-style);border-bottom-width:0;content:var(--tw-content)}}.after\:border-primary{&:after{border-color:var(--color-primary);content:var(--tw-content)}}.after\:bg-primary\/60{&:after{background-color:color-mix(in srgb,#1d70ba 60%,transparent);content:var(--tw-content);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-primary) 60%,transparent)}}}.after\:bg-white\/20{&:after{background-color:color-mix(in srgb,#fff 20%,transparent);content:var(--tw-content);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-white) 20%,transparent)}}}.after\:content-\[\'\'\]{&:after{--tw-content:"";content:var(--tw-content)}}.checked\:appearance-auto{&:checked{appearance:auto}}.hover\:z-1{&:hover{@media (hover:hover){z-index:1}}}.hover\:-mt-2{&:hover{@media (hover:hover){margin-top:calc(var(--spacing)*-2)}}}.hover\:scale-105{&: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)}}}.hover\:border-primary{&:hover{@media (hover:hover){border-color:var(--color-primary)}}}.hover\:border-primary\/20{&:hover{@media (hover:hover){border-bottom-color:color-mix(in srgb,#1d70ba 20%,transparent);border-left-color:color-mix(in srgb,#1d70ba 20%,transparent);border-right-color:color-mix(in srgb,#1d70ba 20%,transparent);border-top-color:color-mix(in srgb,#1d70ba 20%,transparent);@supports (color:color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-primary) 20%,transparent)}}}}.hover\:bg-gray-50{&:hover{@media (hover:hover){background-color:var(--color-gray-50)}}}.hover\:bg-primary{&:hover{@media (hover:hover){background-color:var(--color-primary)}}}.hover\:bg-primary\/10{&:hover{@media (hover:hover){background-color:color-mix(in srgb,#1d70ba 10%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-primary) 10%,transparent)}}}}.hover\:bg-red-600{&:hover{@media (hover:hover){background-color:var(--color-red-600)}}}.hover\:bg-white{&:hover{@media (hover:hover){background-color:var(--color-white)}}}.hover\:text-3xl{&:hover{@media (hover:hover){font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}}}.hover\:text-4xl{&:hover{@media (hover:hover){font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}}}.hover\:text-gray-400{&:hover{@media (hover:hover){color:var(--color-gray-400)}}}.hover\:text-primary{&:hover{@media (hover:hover){color:var(--color-primary)}}}.hover\:text-white{&:hover{@media (hover:hover){color:var(--color-white)}}}.hover\:shadow-sm{&:hover{@media (hover:hover){--tw-shadow:0 0 3px var(--tw-shadow-color,rgba(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)}}}.hover\:shadow-slate-100{&:hover{@media (hover:hover){--tw-shadow-color:oklch(96.8% 0.007 247.896);@supports (color:color-mix(in lab,red,red)){--tw-shadow-color:color-mix(in oklab,var(--color-slate-100) var(--tw-shadow-alpha),transparent)}}}}.focus\:border-primary-300{&:focus{border-color:var(--color-primary-300)}}.focus\:shadow-none{&:focus{--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)}}.focus\:ring-0{&:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(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-primary-200{&:focus{--tw-ring-color:var(--color-primary-200)}}.focus\:ring-offset-0{&:focus{--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)}}.focus\:outline-none{&:focus{--tw-outline-style:none;outline-style:none}}.sm\:grid-cols-2{@media (width >= 640px){grid-template-columns:repeat(2,minmax(0,1fr))}}.sm\:grid-cols-4{@media (width >= 640px){grid-template-columns:repeat(4,minmax(0,1fr))}}.md\:absolute{@media (width >= 720px){position:absolute}}.md\:-start-10{@media (width >= 720px){inset-inline-start:calc(var(--spacing)*-10)}}.md\:-start-24{@media (width >= 720px){inset-inline-start:calc(var(--spacing)*-24)}}.md\:start-10{@media (width >= 720px){inset-inline-start:calc(var(--spacing)*10)}}.md\:start-20{@media (width >= 720px){inset-inline-start:calc(var(--spacing)*20)}}.md\:-end-10{@media (width >= 720px){inset-inline-end:calc(var(--spacing)*-10)}}.md\:-end-24{@media (width >= 720px){inset-inline-end:calc(var(--spacing)*-24)}}.md\:-bottom-56{@media (width >= 720px){bottom:calc(var(--spacing)*-56)}}.md\:order-1{@media (width >= 720px){order:1}}.md\:order-2{@media (width >= 720px){order:2}}.md\:order-3{@media (width >= 720px){order:3}}.md\:col-span-1{@media (width >= 720px){grid-column:span 1/span 1}}.md\:col-span-3{@media (width >= 720px){grid-column:span 3/span 3}}.md\:col-span-4{@media (width >= 720px){grid-column:span 4/span 4}}.md\:col-span-5{@media (width >= 720px){grid-column:span 5/span 5}}.md\:col-span-6{@media (width >= 720px){grid-column:span 6/span 6}}.md\:col-span-7{@media (width >= 720px){grid-column:span 7/span 7}}.md\:col-span-8{@media (width >= 720px){grid-column:span 8/span 8}}.md\:col-span-10{@media (width >= 720px){grid-column:span 10/span 10}}.md\:col-span-12{@media (width >= 720px){grid-column:span 12/span 12}}.md\:col-start-2{@media (width >= 720px){grid-column-start:2}}.md\:mx-0{@media (width >= 720px){margin-inline:calc(var(--spacing)*0)}}.md\:mx-4{@media (width >= 720px){margin-inline:calc(var(--spacing)*4)}}.md\:ms-auto{@media (width >= 720px){margin-inline-start:auto}}.md\:me-2{@media (width >= 720px){margin-inline-end:calc(var(--spacing)*2)}}.md\:me-6{@media (width >= 720px){margin-inline-end:calc(var(--spacing)*6)}}.md\:me-14{@media (width >= 720px){margin-inline-end:calc(var(--spacing)*14)}}.md\:-mt-96{@media (width >= 720px){margin-top:calc(var(--spacing)*-96)}}.md\:mt-0{@media (width >= 720px){margin-top:calc(var(--spacing)*0)}}.md\:mt-8{@media (width >= 720px){margin-top:calc(var(--spacing)*8)}}.md\:mt-16{@media (width >= 720px){margin-top:calc(var(--spacing)*16)}}.md\:mt-24{@media (width >= 720px){margin-top:calc(var(--spacing)*24)}}.md\:mb-0{@media (width >= 720px){margin-bottom:calc(var(--spacing)*0)}}.md\:block{@media (width >= 720px){display:block}}.md\:flex{@media (width >= 720px){display:flex}}.md\:hidden{@media (width >= 720px){display:none}}.md\:inline-flex{@media (width >= 720px){display:inline-flex}}.md\:size-20{@media (width >= 720px){height:calc(var(--spacing)*20);width:calc(var(--spacing)*20)}}.md\:size-24{@media (width >= 720px){height:calc(var(--spacing)*24);width:calc(var(--spacing)*24)}}.md\:size-72{@media (width >= 720px){height:calc(var(--spacing)*72);width:calc(var(--spacing)*72)}}.md\:size-96{@media (width >= 720px){height:calc(var(--spacing)*96);width:calc(var(--spacing)*96)}}.md\:size-\[600px\]{@media (width >= 720px){height:600px;width:600px}}.md\:h-28{@media (width >= 720px){height:calc(var(--spacing)*28)}}.md\:h-40{@media (width >= 720px){height:calc(var(--spacing)*40)}}.md\:h-48{@media (width >= 720px){height:calc(var(--spacing)*48)}}.md\:h-56{@media (width >= 720px){height:calc(var(--spacing)*56)}}.md\:h-60{@media (width >= 720px){height:calc(var(--spacing)*60)}}.md\:h-72{@media (width >= 720px){height:calc(var(--spacing)*72)}}.md\:h-\[500px\]{@media (width >= 720px){height:500px}}.md\:h-\[600px\]{@media (width >= 720px){height:600px}}.md\:h-screen{@media (width >= 720px){height:100vh}}.md\:w-1\/2{@media (width >= 720px){width:50%}}.md\:w-1\/3{@media (width >= 720px){width:33.33333%}}.md\:w-2\/3{@media (width >= 720px){width:66.66667%}}.md\:w-3\/4{@media (width >= 720px){width:75%}}.md\:w-4\/6{@media (width >= 720px){width:66.66667%}}.md\:w-28{@media (width >= 720px){width:calc(var(--spacing)*28)}}.md\:w-48{@media (width >= 720px){width:calc(var(--spacing)*48)}}.md\:w-56{@media (width >= 720px){width:calc(var(--spacing)*56)}}.md\:w-96{@media (width >= 720px){width:calc(var(--spacing)*96)}}.md\:w-\[400px\]{@media (width >= 720px){width:400px}}.md\:w-fit{@media (width >= 720px){width:fit-content}}.md\:max-w-40{@media (width >= 720px){max-width:calc(var(--spacing)*40)}}.md\:max-w-md{@media (width >= 720px){max-width:var(--container-md)}}.md\:shrink-0{@media (width >= 720px){flex-shrink:0}}.md\:grid-cols-1{@media (width >= 720px){grid-template-columns:repeat(1,minmax(0,1fr))}}.md\:grid-cols-2{@media (width >= 720px){grid-template-columns:repeat(2,minmax(0,1fr))}}.md\:grid-cols-3{@media (width >= 720px){grid-template-columns:repeat(3,minmax(0,1fr))}}.md\:grid-cols-4{@media (width >= 720px){grid-template-columns:repeat(4,minmax(0,1fr))}}.md\:grid-cols-6{@media (width >= 720px){grid-template-columns:repeat(6,minmax(0,1fr))}}.md\:grid-cols-12{@media (width >= 720px){grid-template-columns:repeat(12,minmax(0,1fr))}}.md\:rounded-md{@media (width >= 720px){border-radius:var(--radius-md)}}.md\:bg-slate-900\/90{@media (width >= 720px){background-color:color-mix(in srgb,oklch(20.8% .042 265.755) 90%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-slate-900) 90%,transparent)}}}.md\:bg-top{@media (width >= 720px){background-position:top}}.md\:px-3{@media (width >= 720px){padding-inline:calc(var(--spacing)*3)}}.md\:px-10{@media (width >= 720px){padding-inline:calc(var(--spacing)*10)}}.md\:py-0{@media (width >= 720px){padding-block:calc(var(--spacing)*0)}}.md\:py-24{@media (width >= 720px){padding-block:calc(var(--spacing)*24)}}.md\:py-48{@media (width >= 720px){padding-block:calc(var(--spacing)*48)}}.md\:pt-24{@media (width >= 720px){padding-top:calc(var(--spacing)*24)}}.md\:pt-44{@media (width >= 720px){padding-top:calc(var(--spacing)*44)}}.md\:pb-24{@media (width >= 720px){padding-bottom:calc(var(--spacing)*24)}}.md\:pb-80{@media (width >= 720px){padding-bottom:calc(var(--spacing)*80)}}.md\:pb-96{@media (width >= 720px){padding-bottom:calc(var(--spacing)*96)}}.md\:text-end{@media (width >= 720px){text-align:end}}.md\:text-start{@media (width >= 720px){text-align:start}}.md\:text-4xl{@media (width >= 720px){font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}}.md\:text-5xl{@media (width >= 720px){font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}}.md\:text-6xl{@media (width >= 720px){font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}}.md\:text-\[180px\]{@media (width >= 720px){font-size:180px}}.md\:leading-normal{@media (width >= 720px){--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}}.md\:before\:h-\[63rem\]{@media (width >= 720px){&:before{content:var(--tw-content);height:63rem}}}.md\:before\:w-\[480rem\]{@media (width >= 720px){&:before{content:var(--tw-content);width:480rem}}}.after\:md\:start-48{&:after{content:var(--tw-content);@media (width >= 720px){inset-inline-start:calc(var(--spacing)*48)}}}.lg\:-end-7{@media (width >= 960px){inset-inline-end:calc(var(--spacing)*-7)}}.lg\:-bottom-32{@media (width >= 960px){bottom:calc(var(--spacing)*-32)}}.lg\:order-1{@media (width >= 960px){order:1}}.lg\:order-2{@media (width >= 960px){order:2}}.lg\:order-3{@media (width >= 960px){order:3}}.lg\:col-span-1{@media (width >= 960px){grid-column:span 1/span 1}}.lg\:col-span-2{@media (width >= 960px){grid-column:span 2/span 2}}.lg\:col-span-3{@media (width >= 960px){grid-column:span 3/span 3}}.lg\:col-span-4{@media (width >= 960px){grid-column:span 4/span 4}}.lg\:col-span-5{@media (width >= 960px){grid-column:span 5/span 5}}.lg\:col-span-6{@media (width >= 960px){grid-column:span 6/span 6}}.lg\:col-span-7{@media (width >= 960px){grid-column:span 7/span 7}}.lg\:col-span-8{@media (width >= 960px){grid-column:span 8/span 8}}.lg\:col-span-9{@media (width >= 960px){grid-column:span 9/span 9}}.lg\:col-span-10{@media (width >= 960px){grid-column:span 10/span 10}}.lg\:col-span-12{@media (width >= 960px){grid-column:span 12/span 12}}.lg\:col-start-2{@media (width >= 960px){grid-column-start:2}}.lg\:col-start-3{@media (width >= 960px){grid-column-start:3}}.lg\:ms-8{@media (width >= 960px){margin-inline-start:calc(var(--spacing)*8)}}.lg\:me-5{@media (width >= 960px){margin-inline-end:calc(var(--spacing)*5)}}.lg\:me-8{@media (width >= 960px){margin-inline-end:calc(var(--spacing)*8)}}.lg\:me-32{@media (width >= 960px){margin-inline-end:calc(var(--spacing)*32)}}.lg\:mt-24{@media (width >= 960px){margin-top:calc(var(--spacing)*24)}}.lg\:flex{@media (width >= 960px){display:flex}}.lg\:size-40{@media (width >= 960px){height:calc(var(--spacing)*40);width:calc(var(--spacing)*40)}}.lg\:size-48{@media (width >= 960px){height:calc(var(--spacing)*48);width:calc(var(--spacing)*48)}}.lg\:h-48{@media (width >= 960px){height:calc(var(--spacing)*48)}}.lg\:h-\[288px\]{@media (width >= 960px){height:288px}}.lg\:h-\[600px\]{@media (width >= 960px){height:600px}}.lg\:h-screen{@media (width >= 960px){height:100vh}}.lg\:w-1\/2{@media (width >= 960px){width:50%}}.lg\:w-1\/3{@media (width >= 960px){width:33.33333%}}.lg\:w-1\/4{@media (width >= 960px){width:25%}}.lg\:w-1\/5{@media (width >= 960px){width:20%}}.lg\:w-1\/6{@media (width >= 960px){width:16.66667%}}.lg\:w-2\/3{@media (width >= 960px){width:66.66667%}}.lg\:w-3\/4{@media (width >= 960px){width:75%}}.lg\:w-4\/5{@media (width >= 960px){width:80%}}.lg\:w-72{@media (width >= 960px){width:calc(var(--spacing)*72)}}.lg\:w-\[55\%\]{@media (width >= 960px){width:55%}}.lg\:w-full{@media (width >= 960px){width:100%}}.lg\:max-w-none{@media (width >= 960px){max-width:none}}.lg\:grid-cols-1{@media (width >= 960px){grid-template-columns:repeat(1,minmax(0,1fr))}}.lg\:grid-cols-2{@media (width >= 960px){grid-template-columns:repeat(2,minmax(0,1fr))}}.lg\:grid-cols-3{@media (width >= 960px){grid-template-columns:repeat(3,minmax(0,1fr))}}.lg\:grid-cols-4{@media (width >= 960px){grid-template-columns:repeat(4,minmax(0,1fr))}}.lg\:grid-cols-5{@media (width >= 960px){grid-template-columns:repeat(5,minmax(0,1fr))}}.lg\:grid-cols-6{@media (width >= 960px){grid-template-columns:repeat(6,minmax(0,1fr))}}.lg\:grid-cols-12{@media (width >= 960px){grid-template-columns:repeat(12,minmax(0,1fr))}}.lg\:py-24{@media (width >= 960px){padding-block:calc(var(--spacing)*24)}}.lg\:py-44{@media (width >= 960px){padding-block:calc(var(--spacing)*44)}}.lg\:pb-24{@media (width >= 960px){padding-bottom:calc(var(--spacing)*24)}}.lg\:text-5xl{@media (width >= 960px){font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}}.lg\:text-6xl{@media (width >= 960px){font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}}.lg\:text-7xl{@media (width >= 960px){font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}}.lg\:text-8xl{@media (width >= 960px){font-size:var(--text-8xl);line-height:var(--tw-leading,var(--text-8xl--line-height))}}.lg\:leading-normal{@media (width >= 960px){--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}}.lg\:before\:-start-44{@media (width >= 960px){&:before{content:var(--tw-content);inset-inline-start:calc(var(--spacing)*-44)}}}.lg\:before\:-top-\[60\%\]{@media (width >= 960px){&:before{content:var(--tw-content);top:-60%}}}.lg\:before\:h-\[65rem\]{@media (width >= 960px){&:before{content:var(--tw-content);height:65rem}}}.lg\:before\:w-\[360rem\]{@media (width >= 960px){&:before{content:var(--tw-content);width:360rem}}}.after\:lg\:start-\[640px\]{&:after{content:var(--tw-content);@media (width >= 960px){inset-inline-start:640px}}}.xl\:mt-14{@media (width >= 1140px){margin-top:calc(var(--spacing)*14)}}.xl\:size-80{@media (width >= 1140px){height:calc(var(--spacing)*80);width:calc(var(--spacing)*80)}}.xl\:size-96{@media (width >= 1140px){height:calc(var(--spacing)*96);width:calc(var(--spacing)*96)}}.xl\:h-72{@media (width >= 1140px){height:calc(var(--spacing)*72)}}.xl\:h-80{@media (width >= 1140px){height:calc(var(--spacing)*80)}}.xl\:h-\[338px\]{@media (width >= 1140px){height:338px}}.xl\:h-\[700px\]{@media (width >= 1140px){height:700px}}.xl\:grid-cols-4{@media (width >= 1140px){grid-template-columns:repeat(4,minmax(0,1fr))}}.xl\:before\:w-\[520rem\]{@media (width >= 1140px){&:before{content:var(--tw-content);width:520rem}}}.ltr\:block{&:where(:dir(ltr),[dir=ltr],[dir=ltr] *){display:block}}.ltr\:hidden{&:where(:dir(ltr),[dir=ltr],[dir=ltr] *){display:none}}.ltr\:-translate-x-1\/2{&:where(:dir(ltr),[dir=ltr],[dir=ltr] *){--tw-translate-x:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}}.ltr\:-translate-x-2\/4{&:where(:dir(ltr),[dir=ltr],[dir=ltr] *){--tw-translate-x:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}}.ltr\:rotate-0{&:where(:dir(ltr),[dir=ltr],[dir=ltr] *){rotate:0deg}}.ltr\:before\:-rotate-6{&:where(:dir(ltr),[dir=ltr],[dir=ltr] *){&:before{content:var(--tw-content);rotate:-6deg}}}.ltr\:md\:translate-x-0{&:where(:dir(ltr),[dir=ltr],[dir=ltr] *){@media (width >= 720px){--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x) var(--tw-translate-y)}}}.rtl\:block{&:where(:dir(rtl),[dir=rtl],[dir=rtl] *){display:block}}.rtl\:hidden{&:where(:dir(rtl),[dir=rtl],[dir=rtl] *){display:none}}.rtl\:translate-x-1\/2{&:where(:dir(rtl),[dir=rtl],[dir=rtl] *){--tw-translate-x:50%;translate:var(--tw-translate-x) var(--tw-translate-y)}}.rtl\:translate-x-2\/4{&:where(:dir(rtl),[dir=rtl],[dir=rtl] *){--tw-translate-x:50%;translate:var(--tw-translate-x) var(--tw-translate-y)}}.rtl\:rotate-180{&:where(:dir(rtl),[dir=rtl],[dir=rtl] *){rotate:180deg}}.rtl\:bg-gradient-to-r{&:where(:dir(rtl),[dir=rtl],[dir=rtl] *){--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}}.rtl\:before\:rotate-6{&:where(:dir(rtl),[dir=rtl],[dir=rtl] *){&:before{content:var(--tw-content);rotate:6deg}}}.rtl\:md\:translate-x-0{&:where(:dir(rtl),[dir=rtl],[dir=rtl] *){@media (width >= 720px){--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x) var(--tw-translate-y)}}}.dark\:block{&:where(.dark,.dark *){display:block}}.dark\:hidden{&:where(.dark,.dark *){display:none}}.dark\:inline-block{&:where(.dark,.dark *){display:inline-block}}.dark\:border-gray-700{&:where(.dark,.dark *){border-color:var(--color-gray-700)}}.dark\:border-gray-800{&:where(.dark,.dark *){border-color:var(--color-gray-800)}}.dark\:border-slate-700{&:where(.dark,.dark *){border-color:var(--color-slate-700)}}.dark\:border-slate-800{&:where(.dark,.dark *){border-color:var(--color-slate-800)}}.dark\:border-slate-900{&:where(.dark,.dark *){border-color:var(--color-slate-900)}}.dark\:bg-primary\/10{&:where(.dark,.dark *){background-color:color-mix(in srgb,#1d70ba 10%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-primary) 10%,transparent)}}}.dark\:bg-slate-800{&:where(.dark,.dark *){background-color:var(--color-slate-800)}}.dark\:bg-slate-900{&:where(.dark,.dark *){background-color:var(--color-slate-900)}}.dark\:bg-slate-900\/70{&:where(.dark,.dark *){background-color:color-mix(in srgb,oklch(20.8% .042 265.755) 70%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-slate-900) 70%,transparent)}}}.dark\:bg-slate-900\/80{&:where(.dark,.dark *){background-color:color-mix(in srgb,oklch(20.8% .042 265.755) 80%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-slate-900) 80%,transparent)}}}.dark\:bg-white{&:where(.dark,.dark *){background-color:var(--color-white)}}.dark\:text-gray-400{&:where(.dark,.dark *){color:var(--color-gray-400)}}.dark\:text-primary\/25{&:where(.dark,.dark *){color:color-mix(in srgb,#1d70ba 25%,transparent);@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,var(--color-primary) 25%,transparent)}}}.dark\:text-slate-200{&:where(.dark,.dark *){color:var(--color-slate-200)}}.dark\:text-slate-300{&:where(.dark,.dark *){color:var(--color-slate-300)}}.dark\:text-slate-400{&:where(.dark,.dark *){color:var(--color-slate-400)}}.dark\:text-white{&:where(.dark,.dark *){color:var(--color-white)}}.dark\:text-white\/50{&:where(.dark,.dark *){color:color-mix(in srgb,#fff 50%,transparent);@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,var(--color-white) 50%,transparent)}}}.dark\:accent-primary{&:where(.dark,.dark *){accent-color:var(--color-primary)}}.dark\:opacity-50{&:where(.dark,.dark *){opacity:50%}}.dark\:shadow-gray-700{&:where(.dark,.dark *){--tw-shadow-color:oklch(37.3% 0.034 259.733);@supports (color:color-mix(in lab,red,red)){--tw-shadow-color:color-mix(in oklab,var(--color-gray-700) var(--tw-shadow-alpha),transparent)}}}.dark\:shadow-gray-800{&:where(.dark,.dark *){--tw-shadow-color:oklch(27.8% 0.033 256.848);@supports (color:color-mix(in lab,red,red)){--tw-shadow-color:color-mix(in oklab,var(--color-gray-800) var(--tw-shadow-alpha),transparent)}}}.dark\:shadow-slate-700{&:where(.dark,.dark *){--tw-shadow-color:oklch(37.2% 0.044 257.287);@supports (color:color-mix(in lab,red,red)){--tw-shadow-color:color-mix(in oklab,var(--color-slate-700) var(--tw-shadow-alpha),transparent)}}}.dark\:shadow-slate-800{&:where(.dark,.dark *){--tw-shadow-color:oklch(27.9% 0.041 260.031);@supports (color:color-mix(in lab,red,red)){--tw-shadow-color:color-mix(in oklab,var(--color-slate-800) var(--tw-shadow-alpha),transparent)}}}.dark\:ring-slate-800{&:where(.dark,.dark *){--tw-ring-color:var(--color-slate-800)}}.dark\:before\:border-slate-900{&:where(.dark,.dark *){&:before{border-color:var(--color-slate-900);content:var(--tw-content)}}}.dark\:before\:bg-primary\/10{&:where(.dark,.dark *){&:before{background-color:color-mix(in srgb,#1d70ba 10%,transparent);content:var(--tw-content);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-primary) 10%,transparent)}}}}.dark\:hover\:border-primary{&:where(.dark,.dark *){&:hover{@media (hover:hover){border-color:var(--color-primary)}}}}.hover\:dark\:border-primary{&:hover{@media (hover:hover){&:where(.dark,.dark *){border-color:var(--color-primary)}}}}.dark\:hover\:bg-primary{&:where(.dark,.dark *){&:hover{@media (hover:hover){background-color:var(--color-primary)}}}}.dark\:hover\:bg-slate-800{&:where(.dark,.dark *){&:hover{@media (hover:hover){background-color:var(--color-slate-800)}}}}.dark\:hover\:text-primary{&:where(.dark,.dark *){&:hover{@media (hover:hover){color:var(--color-primary)}}}}.dark\:hover\:text-white{&:where(.dark,.dark *){&:hover{@media (hover:hover){color:var(--color-white)}}}}.hover\:dark\:text-white{&:hover{@media (hover:hover){&:where(.dark,.dark *){color:var(--color-white)}}}}.dark\:hover\:shadow-slate-800{&:where(.dark,.dark *){&:hover{@media (hover:hover){--tw-shadow-color:oklch(27.9% 0.041 260.031);@supports (color:color-mix(in lab,red,red)){--tw-shadow-color:color-mix(in oklab,var(--color-slate-800) var(--tw-shadow-alpha),transparent)}}}}}}body{color:var(--color-slate-900);font-family:var(--font-jakarta);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));&:where(.dark,.dark *){color:var(--color-white)}}.container{margin-inline:auto;padding-inline:calc(var(--spacing)*3);width:100%}p{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:var(--font-jakarta);--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}::selection{background-color:color-mix(in srgb,#1d70ba 90%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-primary) 90%,transparent)}color:var(--color-white)}#topnav{background-color:transparent;border-style:var(--tw-border-style);border-width:0;inset-inline-end:calc(var(--spacing)*0);inset-inline-start:calc(var(--spacing)*0);position:fixed;top:calc(var(--spacing)*0);z-index:999;--tw-duration:500ms;transition-duration:.5s;--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out);.logo{color:var(--color-slate-900)!important;&:where(:dir(ltr),[dir=ltr],[dir=ltr] *){float:left!important}&:where(:dir(rtl),[dir=rtl],[dir=rtl] *){float:right!important}&:where(.dark,.dark *){color:var(--color-white)!important}.l-dark{display:none}.l-light{display:inline-block}&:focus{--tw-outline-style:none;outline-style:none}}.has-submenu{position:relative;&.active{a{color:var(--color-white);&:where(.dark,.dark *){color:var(--color-slate-900)}}.submenu{li{&.active{>a{color:var(--color-primary)!important;&:where(.dark,.dark *){color:var(--color-primary)!important}}}}}&.active{.menu-arrow{border-color:var(--color-primary);&:where(.dark,.dark *){border-color:var(--color-primary)}}}}.submenu{.submenu-arrow{border-color:var(--color-slate-900);border-radius:.5px;border-width:0 .125rem .125rem 0;display:inline-block;inset-inline-end:1.25rem;padding:2px;position:absolute;top:15px;&:where(:dir(ltr),[dir=ltr],[dir=ltr] *){rotate:-45deg}&:where(:dir(rtl),[dir=rtl],[dir=rtl] *){rotate:135deg}&:where(.dark,.dark *){border-color:var(--color-white)}}.has-submenu{&.active,&:hover{>.submenu-arrow{border-color:var(--color-primary);&:where(.dark,.dark *){border-color:var(--color-primary)}}}.submenu{.has-submenu{&:hover{.submenu-arrow{border-color:var(--color-primary);&:where(.dark,.dark *){border-color:var(--color-primary)}}>.submenu-arrow{border-color:var(--color-primary);&:where(.dark,.dark *){border-color:var(--color-primary)}}}}}}}}.navbar-toggle{border-style:var(--tw-border-style);border-width:0;cursor:pointer;margin:calc(var(--spacing)*0);padding:calc(var(--spacing)*0);position:relative;.lines{display:block;height:18px;margin-inline-end:calc(var(--spacing)*0);margin-inline-start:10px;margin-bottom:26px;margin-top:30px;position:relative;width:25px}span{background-color:var(--color-slate-900);display:block;height:2px;margin-bottom:5px;transition:transform .5s ease;width:100%;&:where(.dark,.dark *){background-color:var(--color-white)}&:last-child{margin-bottom:calc(var(--spacing)*0)}}&.open{span{position:absolute;&:first-child{rotate:45deg;top:6px}&:nth-child(2){visibility:hidden}&:last-child{rotate:-45deg;top:6px;width:100%}&:hover{background-color:var(--color-primary)}}}&:focus,&:hover,.navigation-menu>li>a:hover{background-color:transparent}}.buy-button{--tw-leading:74px;line-height:74px;&:where(:dir(ltr),[dir=ltr],[dir=ltr] *){float:right}&:where(:dir(rtl),[dir=rtl],[dir=rtl] *){float:left}>li{--tw-leading:initial;line-height:normal}.btn-icon-dark,.login-btn-primary{display:none}.btn-icon-light,.login-btn-light{display:inline-block}.search-bar{.menu-search{form{position:relative}}.searchform{&:after{content:var(--tw-content);font-size:var(--text-xl)!important;inset-inline-end:14px!important;line-height:var(--tw-leading,var(--text-xl--line-height))!important;pointer-events:none!important;position:absolute!important;top:14px!important;--tw-leading:calc(var(--spacing)*5)!important;line-height:calc(var(--spacing)*5)!important}input[type=text]{display:block!important;font-size:var(--text-sm)!important;height:calc(var(--spacing)*11)!important;line-height:var(--tw-leading,var(--text-sm--line-height))!important;padding-block:calc(var(--spacing)*2.5)!important;padding-inline-end:42px!important;padding-inline-start:calc(var(--spacing)*3)!important;--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;--tw-outline-style:none!important;outline-style:none!important}input[type=submit]{display:none}}}}.buy-button,.buy-menu-btn{.dropdown{.dropdown-toggle{&:after{content:var(--tw-content);display:none}}}}.navigation-menu{list-style-type:none;margin:calc(var(--spacing)*0);padding:calc(var(--spacing)*0);>li{display:block;margin-block:calc(var(--spacing)*0);margin-inline:10px;position:relative;&:where(:dir(ltr),[dir=ltr],[dir=ltr] *){float:left}&:where(:dir(rtl),[dir=rtl],[dir=rtl] *){float:right}>a{background-color:transparent;display:block;font-family:var(--font-jakarta);font-size:var(--text-menu);line-height:var(--tw-leading,var(--text-menu--line-height));padding-inline:15px;--tw-leading:calc(var(--spacing)*6);line-height:calc(var(--spacing)*6);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);--tw-tracking:1px;color:var(--color-slate-900);letter-spacing:1px;text-transform:uppercase;&:where(.dark,.dark *){color:var(--color-white)}&:active,&:hover{color:var(--color-primary)}}&.active,&:hover{>a{color:var(--color-primary)!important;&:where(.dark,.dark *){color:var(--color-primary)!important}}}.submenu.megamenu{li{.megamenu-head{font-size:var(--text-xs)!important;line-height:var(--tw-leading,var(--text-xs--line-height))!important;padding-block:10px!important;padding-inline:calc(var(--spacing)*5)!important;--tw-font-weight:var(--font-weight-semibold)!important;font-weight:var(--font-weight-semibold)!important;--tw-tracking:0.04em!important;color:var(--color-slate-400)!important;letter-spacing:.04em!important;text-transform:uppercase!important;white-space:nowrap!important}}}.submenu{li{margin-inline:calc(var(--spacing)*0);position:relative;a{font-size:var(--text-menu);line-height:var(--tw-leading,var(--text-menu--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);text-transform:uppercase;&:hover{margin-inline-start:calc(var(--spacing)*1.5)}}}}}.has-submenu{.menu-arrow{border-color:var(--color-slate-900);border-radius:.5px;border-width:0 2px 2px 0;display:inline-block;inset-inline-end:calc(var(--spacing)*0);padding:2px;position:absolute;rotate:45deg;top:calc(var(--spacing)*8);--tw-duration:500ms;transition-duration:.5s;&:where(.dark,.dark *){border-color:var(--color-white)}}}}.menu-extras{&:where(:dir(ltr),[dir=ltr],[dir=ltr] *){float:right}&:where(:dir(rtl),[dir=rtl],[dir=rtl] *){float:left}}&.scroll{--tw-border-style:none;background-color:var(--color-white);border-style:none;--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,rgba(0,0,0,.1)),0 1px 2px -1px var(--tw-shadow-color,rgba(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);&:where(.dark,.dark *){background-color:var(--color-slate-900)}.navigation-menu{>li{>a{color:var(--color-slate-900);&:where(.dark,.dark *){color:var(--color-white)}}>.menu-arrow{border-color:var(--color-slate-900);&:where(.dark,.dark *){border-color:var(--color-white)}}&.active,&:hover{>a{color:var(--color-primary)}>.menu-arrow{border-color:var(--color-primary);&:where(.dark,.dark *){border-color:var(--color-primary)}}}}}}&.defaultscroll{&.dark-menubar{.logo{--tw-leading:70px;line-height:70px}}&.scroll{.logo{--tw-leading:62px;line-height:62px}}}&.nav-sticky{background-color:color-mix(in srgb,#fff 80%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-white) 80%,transparent)}--tw-shadow:0 0 3px var(--tw-shadow-color,rgba(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);--tw-shadow-color:oklch(96.8% 0.007 247.896);@supports (color:color-mix(in lab,red,red)){--tw-shadow-color:color-mix(in oklab,var(--color-slate-100) var(--tw-shadow-alpha),transparent)}--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);&:where(.dark,.dark *){background-color:color-mix(in srgb,oklch(20.8% .042 265.755) 80%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-slate-900) 80%,transparent)}}&:where(.dark,.dark *){--tw-shadow-color:oklch(27.9% 0.041 260.031);@supports (color:color-mix(in lab,red,red)){--tw-shadow-color:color-mix(in oklab,var(--color-slate-800) var(--tw-shadow-alpha),transparent)}}.navigation-menu{&.nav-light{>li{>a{color:var(--color-slate-900);&:where(.dark,.dark *){color:var(--color-white)}}&.active{>a{color:var(--color-primary)!important;&:where(.dark,.dark *){color:var(--color-primary)!important}}}&.active,&:hover{>.menu-arrow{border-color:var(--color-primary)!important}}&.active,&:hover{>a{color:var(--color-primary)!important;&:where(.dark,.dark *){color:var(--color-primary)!important}}}}.has-submenu{.menu-arrow{border-color:var(--color-slate-900);&:where(.dark,.dark *){border-color:var(--color-white)}}}}}&.tagline-height{top:calc(var(--spacing)*0)!important}.buy-button{.btn-icon-dark,.login-btn-primary{display:inline-block}.btn-icon-light,.login-btn-light{display:none}}.logo{.l-dark{display:inline-block}.l-light{display:none}}}}.logo{font-size:24px;margin-inline-end:15px;padding-bottom:calc(var(--spacing)*0);padding-top:calc(var(--spacing)*0);--tw-leading:68px;line-height:68px;--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);--tw-tracking:1px;letter-spacing:1px}@media (min-width:1025px){#topnav{.navigation-menu{>li{.submenu{&.megamenu{width:1116px!important}}}}}}@media screen and (max-width:1024px) and (min-width:992px){#topnav{.navigation-menu{>li{.submenu{&.megamenu{width:936px!important}}}}}}@media (min-width:992px){#topnav{.navigation-menu{display:flex;flex-wrap:wrap;justify-content:center;>li{.submenu{background-color:var(--color-white);border-radius:var(--radius-md);inset-inline-start:calc(var(--spacing)*0);list-style-type:none;margin-top:10px;min-width:180px;opacity:0;padding-block:15px;padding-inline:calc(var(--spacing)*0);position:absolute;top:100%;transition:all .2s ease;visibility:hidden;z-index:1000;--tw-shadow:0 0 3px var(--tw-shadow-color,rgba(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);--tw-shadow-color:oklch(96.8% 0.007 247.896);@supports (color:color-mix(in lab,red,red)){--tw-shadow-color:color-mix(in oklab,var(--color-slate-100) var(--tw-shadow-alpha),transparent)}&:where(.dark,.dark *){background-color:var(--color-slate-900)}&:where(.dark,.dark *){--tw-shadow-color:oklch(27.9% 0.041 260.031);@supports (color:color-mix(in lab,red,red)){--tw-shadow-color:color-mix(in oklab,var(--color-slate-800) var(--tw-shadow-alpha),transparent)}}li{position:relative;a{clear:both;display:block;padding-block:10px;padding-inline:calc(var(--spacing)*5);transition:all .3s;--tw-leading:17px;line-height:17px;--tw-tracking:0.04em;color:var(--color-slate-900);letter-spacing:.04em;white-space:nowrap;&:where(.dark,.dark *){color:var(--color-white)}&:hover{color:var(--color-primary)!important;&:where(.dark,.dark *){color:var(--color-primary)!important}}}ul{list-style-type:none;margin:calc(var(--spacing)*0);padding-inline-start:calc(var(--spacing)*0)}}&.megamenu{display:flex;inset-inline-start:50%;position:fixed;top:auto;white-space:nowrap;&:where(:dir(ltr),[dir=ltr],[dir=ltr] *){--tw-translate-x:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}&:where(:dir(rtl),[dir=rtl],[dir=rtl] *){--tw-translate-x:50%;translate:var(--tw-translate-x) var(--tw-translate-y)}>li{overflow:hidden;vertical-align:top;width:20%;.submenu{inset-inline-start:100%;margin-inline-start:10px;margin-top:-1px;top:calc(var(--spacing)*0)}}}>li{.submenu{inset-inline-start:101%;margin-inline-start:10px;margin-top:-1px;top:calc(var(--spacing)*0)}}}>a{min-height:62px;padding-block:25px}&:hover{>.menu-arrow{border-color:var(--color-primary);&:where(.dark,.dark *){border-color:var(--color-primary)}}}&.active,&:hover{>a{color:var(--color-primary)!important;&:where(.dark,.dark *){color:var(--color-primary)!important}}}&.last-elements{.submenu{inset-inline-end:calc(var(--spacing)*0);inset-inline-start:auto;&:before{content:var(--tw-content);inset-inline-end:10px;inset-inline-start:auto}>li{&.has-submenu{.submenu{inset-inline-end:100%;inset-inline-start:auto;margin-inline-end:10px;margin-inline-start:calc(var(--spacing)*0)}}}}}}&.nav-light{>li{>a{color:color-mix(in srgb,#fff 50%,transparent);@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,var(--color-white) 50%,transparent)}}&.active{>a{color:var(--color-white)!important}}&:hover{>.menu-arrow{border-color:var(--color-white)!important}>a{color:var(--color-white)!important}}}.has-submenu{.menu-arrow{border-color:color-mix(in srgb,#fff 50%,transparent);@supports (color:color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-white) 50%,transparent)}}&.active{.menu-arrow{border-color:var(--color-white)!important}}}}&.nav-right{>li{&:last-child{margin-inline-end:calc(var(--spacing)*0)!important}}}&.nav-left{>li{&:first-child{margin-inline-start:calc(var(--spacing)*0)}}}}.buy-button{margin-inline-start:15px;padding-inline-start:15px}.navbar-toggle{display:none}#navigation{display:block!important}&.scroll{top:calc(var(--spacing)*0);.navigation-menu{>li{>a{padding-block:calc(var(--spacing)*5)}}}}&.scroll-active{.navigation-menu{>li{>a{padding-block:25px}}}}}}@media (max-width:991px){#topnav{background-color:var(--color-white);min-height:74px;--tw-shadow:0 0 3px var(--tw-shadow-color,rgba(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);--tw-shadow-color:oklch(96.8% 0.007 247.896);@supports (color:color-mix(in lab,red,red)){--tw-shadow-color:color-mix(in oklab,var(--color-slate-100) var(--tw-shadow-alpha),transparent)}&:where(.dark,.dark *){background-color:var(--color-slate-900)}&:where(.dark,.dark *){--tw-shadow-color:oklch(27.9% 0.041 260.031);@supports (color:color-mix(in lab,red,red)){--tw-shadow-color:color-mix(in oklab,var(--color-slate-800) var(--tw-shadow-alpha),transparent)}}.logo{.l-dark{display:inline-block!important}.l-light{display:none!important}}.container{width:auto}#navigation{max-height:400px;--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,rgba(0,0,0,.1)),0 1px 2px -1px var(--tw-shadow-color,rgba(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)}.navigation-menu{float:none!important;>li{float:none!important;.submenu{display:none;list-style-type:none;margin:calc(var(--spacing)*0);padding-inline-start:calc(var(--spacing)*5);li{a{display:block!important;padding-block:7px!important;padding-inline:15px!important;position:relative!important;transition:all .3s;--tw-tracking:0.04em!important;color:var(--color-slate-900)!important;letter-spacing:.04em!important;&:where(.dark,.dark *){color:var(--color-white)!important}}}&.megamenu{li{.megamenu-head{padding-block:7px;padding-inline:15px}}>li{>ul{list-style-type:none;padding-inline-start:calc(var(--spacing)*0);>li{>span{display:block;font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));padding-block:10px;padding-inline:15px;position:relative;--tw-tracking:2px;color:var(--color-slate-200);letter-spacing:2px;text-transform:uppercase}}}}}&.open{display:block}.submenu{display:none;list-style-type:none;&.open{display:block}}}>a{color:var(--color-slate-900);padding-block:10px;padding-inline:20px;&:after{content:var(--tw-content);inset-inline-end:15px;position:absolute}&:where(.dark,.dark *){color:var(--color-white)}}&.has-submenu.open>a,.submenu li a:hover,>a:hover{color:var(--color-primary)}}}.menu-extras{.menu-item{border-color:var(--color-gray-200);&:where(.dark,.dark *){border-color:var(--color-gray-700)}}}.navbar-header{&:where(:dir(ltr),[dir=ltr],[dir=ltr] *){float:left}&:where(:dir(rtl),[dir=rtl],[dir=rtl] *){float:right}}.buy-button{.btn-icon-dark,.login-btn-primary{display:inline-block!important}.btn-icon-light,.login-btn-light{display:none}}.has-submenu{.submenu{.submenu-arrow{inset-inline-end:calc(var(--spacing)*5);position:absolute;rotate:45deg;top:calc(var(--spacing)*3)}}&.active{a{color:var(--color-primary)}}}}#navigation{background-color:var(--color-white);display:none;height:auto;inset-inline-start:calc(var(--spacing)*0);overflow:auto;position:absolute;top:74px;width:100%;&:where(.dark,.dark *){background-color:var(--color-slate-900)}&.open{display:block;overflow-y:auto}}}@media (max-width:768px){#topnav{.navigation-menu{.has-submenu{.menu-arrow{inset-inline-end:calc(var(--spacing)*2);top:calc(var(--spacing)*4)}}}}}@media (min-width:768px){#topnav{.navigation-menu{>li{&.has-submenu{&:hover{>.submenu{margin-top:calc(var(--spacing)*0);opacity:100%;visibility:visible;>li{&.has-submenu{&:hover{>.submenu{margin-inline-end:calc(var(--spacing)*0);margin-inline-start:calc(var(--spacing)*0);opacity:100%;visibility:visible;>li{&:hover{>.submenu{margin-inline-end:calc(var(--spacing)*0);margin-inline-start:calc(var(--spacing)*0);opacity:100%;visibility:visible}}}}}}}}}}}}}.navbar-toggle{display:block}}@media (max-width:425px){#topnav{.buy-menu-btn{display:block!important;margin-block:calc(var(--spacing)*0)!important;margin-inline:10px!important;padding-block:10px!important;padding-inline:calc(var(--spacing)*5)!important;.dropdown{.dropdown-menu{&.show{transform:translate3d(0,-54px,0)!important}}}}}}@media screen and (max-width:575px){.tagline{display:none}.tagline-height{top:calc(var(--spacing)*0)!important}}@media (min-width:576px){.tagline-height{top:46px!important}}.sidebar-nav{padding-block:15px;padding-inline:calc(var(--spacing)*0);>.navbar-item{padding-block:3px;padding-inline:15px;.navbar-link{font-size:15px;--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);.navbar-icon{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));margin-inline-end:6px}}&.active,&:hover{.navbar-link{color:var(--color-primary)}}}li{&.active{a{color:var(--color-primary)}}&.account-menu.active,&.account-menu:hover{.navbar-link{color:var(--color-primary)!important;&:where(.dark,.dark *){color:var(--color-white)!important}}}}}.container{position:relative}.background-effect{.circles{li{background-color:color-mix(in srgb,#1d70ba 30%,transparent);bottom:-150px;display:block;position:absolute;@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-primary) 30%,transparent)}animation:animate 25s linear infinite;&.brand-img{&:first-child,&:nth-child(10),&:nth-child(2),&:nth-child(3),&:nth-child(4),&:nth-child(5),&:nth-child(6),&:nth-child(7),&:nth-child(8),&:nth-child(9){background-color:transparent}}&:first-child,&:nth-child(10),&:nth-child(2),&:nth-child(3),&:nth-child(4),&:nth-child(5),&:nth-child(6),&:nth-child(7),&:nth-child(8),&:nth-child(9){height:calc(var(--spacing)*12);width:calc(var(--spacing)*12)}&:first-child{animation-delay:0s;inset-inline-start:25%}&:nth-child(2){animation-delay:2s;animation-duration:12s;inset-inline-start:10%}&:nth-child(3){animation-delay:4s;inset-inline-start:70%}&:nth-child(4){animation-delay:0s;animation-duration:18s;inset-inline-start:40%}&:nth-child(5){animation-delay:0s;inset-inline-start:65%}&:nth-child(6){animation-delay:3s;inset-inline-start:75%}&:nth-child(7){animation-delay:7s;inset-inline-start:35%}&:nth-child(8){animation-delay:15s;animation-duration:45s;inset-inline-start:50%}&:nth-child(9){animation-delay:2s;animation-duration:35s;inset-inline-start:20%}&:nth-child(10){animation-delay:0s;animation-duration:11s;inset-inline-start:85%}}}}@keyframes animate{0%{border-radius:10px;opacity:1;transform:translateY(0) rotate(0deg)}to{opacity:0;transform:translateY(-1000px) rotate(2turn)}}#preloader{background-image:linear-gradient(45deg,#fff,#fff);inset:calc(var(--spacing)*0);position:fixed;z-index:99999;#status{inset-inline-end:calc(var(--spacing)*0);inset-inline-start:calc(var(--spacing)*0);position:absolute;top:50%;--tw-translate-y:-50%;translate:var(--tw-translate-x) var(--tw-translate-y);.spinner{height:calc(var(--spacing)*10);margin-block:100px;margin-inline:auto;position:relative;width:calc(var(--spacing)*10);.double-bounce1,.double-bounce2{background-color:color-mix(in srgb,#1d70ba 60%,transparent);border-radius:calc(infinity*1px);height:100%;inset-inline-start:calc(var(--spacing)*0);position:absolute;top:calc(var(--spacing)*0);width:100%;@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-primary) 60%,transparent)}animation:sk-bounce 2s ease-in-out infinite}.double-bounce2{animation-delay:-1s}}}}@keyframes sk-bounce{0%,to{transform:scale(0)}50%{transform:scale(1)}}.shape{bottom:-1px;inset-inline-end:calc(var(--spacing)*0);inset-inline-start:calc(var(--spacing)*0);position:absolute;&>svg{height:auto;transform:scale(2);transform-origin:top center;width:100%}}@media (max-width:425px){.shape{bottom:-2px}}.mover{animation:mover 1s infinite alternate}@keyframes mover{0%{transform:translateY(0)}to{transform:translateY(5px)}}.mover-2{animation:movers 3s infinite alternate}@keyframes movers{0%{transform:translateY(0)}to{transform:translateY(20px)}}.label{.ball{transition:transform .2s linear;--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x) var(--tw-translate-y)}}.checkbox:checked+.label .ball{--tw-translate-x:calc(var(--spacing)*7);translate:var(--tw-translate-x) var(--tw-translate-y)}.tobii>button.tobii__close svg,.tobii>button.tobii__next svg,.tobii>button.tobii__prev svg{height:calc(var(--spacing)*9);width:auto;--tw-outline-style:none;outline-style:none}.tobii__counter{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.tobii-zoom{display:block}.tobii-zoom__icon{display:none}#grid{padding:calc(var(--spacing)*0)}.tilt-box{transform-style:preserve-3d}.container-filter-box{li{&.active,&:hover{border-color:color-mix(in srgb,#1d70ba 10%,transparent)!important;@supports (color:color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-primary) 10%,transparent)!important}background-color:color-mix(in srgb,#1d70ba 10%,transparent)!important;@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-primary) 10%,transparent)!important}--tw-font-weight:var(--font-weight-semibold)!important;color:var(--color-primary)!important;font-weight:var(--font-weight-semibold)!important}}}.img-display{overflow:hidden}.image-wrap{animation:ppb_kenburns 100s linear infinite alternate}@keyframes move{0%{transform:scale(1);transform-origin:bottom}to{transform:scale(1.4)}}@keyframes ppb_kenburns{0%{transform:scale(1.3) translate(-10%,10%)}25%{transform:scale(1) translate(0)}50%{transform:scale(1.3) translate(10%,10%)}75%{transform:scale(1) translate(0)}to{transform:scale(1.3) translate(-10%,10%)}}#countdown{.count-down{.count-number{background-color:color-mix(in srgb,#fff 10%,transparent);border-radius:var(--radius-md);height:110px;width:110px;@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-white) 10%,transparent)}font-size:40px;--tw-leading:90px;line-height:90px;--tw-shadow:0 5px 13px var(--tw-shadow-color,rgba(0,0,0,.1));backdrop-filter:blur(5px);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.count-head{display:block;position:relative;--tw-translate-y:-25px;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));translate:var(--tw-translate-x) var(--tw-translate-y);--tw-tracking:1px;letter-spacing:1px;text-transform:uppercase}}}#maintenance{.indicator{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}}.error{color:var(--color-red-600)}#ajaxsuccess,.error{display:none;margin-block:calc(var(--spacing)*2);margin-inline:calc(var(--spacing)*0)}#ajaxsuccess{clear:both;font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));width:100%}#success_page,.error_message{border-radius:var(--radius-md);margin-bottom:calc(var(--spacing)*5);padding:calc(var(--spacing)*2.5);text-align:center}.error_message{background-color:color-mix(in srgb,oklch(57.7% .245 27.325) 5%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-red-600) 5%,transparent)}color:var(--color-red-600)}.contact-loader{display:none}#success_page{background-color:var(--color-primary-50);color:var(--color-primary)}.swiper-slider-hero{.swiper-button-next,.swiper-button-prev,.swiper-rtl .swiper-button-next,.swiper-rtl .swiper-button-prev{&:after{content:var(--tw-content);display:none}}.swiper-pagination-bullet{background-color:transparent;color:var(--color-gray-50)}.swiper-pagination-bullet-active{color:var(--color-white)}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:45px}.swiper-container-horizontal{>.swiper-pagination-bullets{.swiper-pagination-bullet{margin-block:calc(var(--spacing)*0);margin-inline:13px}}}}.tns-nav{margin-top:calc(var(--spacing)*3);text-align:center;button{background-color:color-mix(in srgb,oklch(20.8% .042 265.755) 20%,transparent);border-color:var(--color-white);border-radius:calc(infinity*1px);border-style:var(--tw-border-style);border-width:2px;margin:calc(var(--spacing)*1);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-slate-900) 20%,transparent)}padding:2px;--tw-duration:500ms;transition-duration:.5s;--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out);&:where(.dark,.dark *){border-color:var(--color-slate-900)}&:where(.dark,.dark *){background-color:color-mix(in srgb,#fff 20%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-white) 20%,transparent)}}&.tns-nav-active{background-color:var(--color-primary);border-color:var(--color-primary)}}}.tns-controls{button[data-controls=next],button[data-controls=prev]{height:calc(var(--spacing)*8);position:absolute;top:50%;width:calc(var(--spacing)*8);z-index:10;--tw-translate-y:-50%;background-color:var(--color-white);border-radius:calc(infinity*1px);border-style:var(--tw-border-style);border-width:0;color:var(--color-slate-900);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));translate:var(--tw-translate-x) var(--tw-translate-y);--tw-shadow:0 5px 13px var(--tw-shadow-color,rgba(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);--tw-duration:500ms;transition-duration:.5s;--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out);&:where(.dark,.dark *){background-color:var(--color-slate-900)}&:where(.dark,.dark *){color:var(--color-white)}&:where(.dark,.dark *){--tw-shadow-color:oklch(37.3% 0.034 259.733);@supports (color:color-mix(in lab,red,red)){--tw-shadow-color:color-mix(in oklab,var(--color-gray-700) var(--tw-shadow-alpha),transparent)}}&:hover{background-color:var(--color-primary);color:var(--color-white)}}button[data-controls=prev]{inset-inline-start:calc(var(--spacing)*0)}button[data-controls=next]{inset-inline-end:calc(var(--spacing)*0)}}html[dir=rtl]{.swiper-slider-hero,.tns-inner,.tns-nav{direction:ltr!important}.tns-visually-hidden{left:0!important;visibility:hidden}}const colors = require("tailwindcss/colors") const plugin = require("tailwindcss/plugin") module.exports ={plugins:[ ],}@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-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-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-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-content{syntax:"*";initial-value:"";inherits:false}@keyframes spin{to{transform:rotate(1turn)}}@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--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-space-x-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-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-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-content:""}}}