/*
! tailwindcss v3.4.0 | MIT License | https://tailwindcss.com
*/

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
    box-sizing: border-box;
    /* 1 */
    border-width: 0;
    /* 2 */
    border-style: solid;
    /* 2 */
    border-color: #e5e7eb;
    /* 2 */
}

::before,
::after {
    --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
    line-height: 1.5;
    /* 1 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
    -moz-tab-size: 4;
    /* 3 */
    -o-tab-size: 4;
    tab-size: 4;
    /* 3 */
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    /* 4 */
    font-feature-settings: normal;
    /* 5 */
    font-variation-settings: normal;
    /* 6 */
    -webkit-tap-highlight-color: transparent;
    /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
    margin: 0;
    /* 1 */
    line-height: inherit;
    /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
    height: 0;
    /* 1 */
    color: inherit;
    /* 2 */
    border-top-width: 1px;
    /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

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

/*
Remove the default font size and weight for headings.
*/

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

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

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

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
    font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    /* 1 */
    font-feature-settings: normal;
    /* 2 */
    font-variation-settings: normal;
    /* 3 */
    font-size: 1em;
    /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
    font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

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

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
    text-indent: 0;
    /* 1 */
    border-color: inherit;
    /* 2 */
    border-collapse: collapse;
    /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    /* 1 */
    font-feature-settings: inherit;
    /* 1 */
    font-variation-settings: inherit;
    /* 1 */
    font-size: 100%;
    /* 1 */
    font-weight: inherit;
    /* 1 */
    line-height: inherit;
    /* 1 */
    color: inherit;
    /* 1 */
    margin: 0;
    /* 2 */
    padding: 0;
    /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
    text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
[type='button'],
[type='reset'],
[type='submit'] {
    -webkit-appearance: button;
    /* 1 */
    background-color: transparent;
    /* 2 */
    background-image: none;
    /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
    outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

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

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
    vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

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

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
    -webkit-appearance: textfield;
    /* 1 */
    outline-offset: -2px;
    /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

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

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
    -webkit-appearance: button;
    /* 1 */
    font: inherit;
    /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
    display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
    margin: 0;
}

fieldset {
    margin: 0;
    padding: 0;
}

legend {
    padding: 0;
}

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

/*
Reset default styling for dialogs.
*/

dialog {
    padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
    resize: vertical;
}

    /*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

    input::-moz-placeholder, textarea::-moz-placeholder {
        opacity: 1;
        /* 1 */
        color: #9ca3af;
        /* 2 */
    }

    input::placeholder,
    textarea::placeholder {
        opacity: 1;
        /* 1 */
        color: #9ca3af;
        /* 2 */
    }

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
    cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
    cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

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

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

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

/* Make elements with the HTML hidden attribute stay hidden by default */

[hidden] {
    display: none;
}

:root, [data-theme] {
    color: hsl(var(--nextui-foreground));
    background-color: hsl(var(--nextui-background));
}

*, ::before, ::after {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:;
    --tw-pan-y:;
    --tw-pinch-zoom:;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position:;
    --tw-gradient-via-position:;
    --tw-gradient-to-position:;
    --tw-ordinal:;
    --tw-slashed-zero:;
    --tw-numeric-figure:;
    --tw-numeric-spacing:;
    --tw-numeric-fraction:;
    --tw-ring-inset:;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:;
    --tw-brightness:;
    --tw-contrast:;
    --tw-grayscale:;
    --tw-hue-rotate:;
    --tw-invert:;
    --tw-saturate:;
    --tw-sepia:;
    --tw-drop-shadow:;
    --tw-backdrop-blur:;
    --tw-backdrop-brightness:;
    --tw-backdrop-contrast:;
    --tw-backdrop-grayscale:;
    --tw-backdrop-hue-rotate:;
    --tw-backdrop-invert:;
    --tw-backdrop-opacity:;
    --tw-backdrop-saturate:;
    --tw-backdrop-sepia:;
}

::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:;
    --tw-pan-y:;
    --tw-pinch-zoom:;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position:;
    --tw-gradient-via-position:;
    --tw-gradient-to-position:;
    --tw-ordinal:;
    --tw-slashed-zero:;
    --tw-numeric-figure:;
    --tw-numeric-spacing:;
    --tw-numeric-fraction:;
    --tw-ring-inset:;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:;
    --tw-brightness:;
    --tw-contrast:;
    --tw-grayscale:;
    --tw-hue-rotate:;
    --tw-invert:;
    --tw-saturate:;
    --tw-sepia:;
    --tw-drop-shadow:;
    --tw-backdrop-blur:;
    --tw-backdrop-brightness:;
    --tw-backdrop-contrast:;
    --tw-backdrop-grayscale:;
    --tw-backdrop-hue-rotate:;
    --tw-backdrop-invert:;
    --tw-backdrop-opacity:;
    --tw-backdrop-saturate:;
    --tw-backdrop-sepia:;
}

.container {
    width: 100%;
}

@media (min-width: 640px) {
    .container {
        max-width: 640px;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 768px;
    }
}

@media (min-width: 1024px) {
    .container {
        max-width: 1024px;
    }
}

@media (min-width: 1280px) {
    .container {
        max-width: 1280px;
    }
}

@media (min-width: 1536px) {
    .container {
        max-width: 1536px;
    }
}

.prose {
    color: var(--tw-prose-body);
    max-width: 65ch;
}

    .prose :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.25em;
        margin-bottom: 1.25em;
    }

    .prose :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        color: var(--tw-prose-lead);
        font-size: 1.25em;
        line-height: 1.6;
        margin-top: 1.2em;
        margin-bottom: 1.2em;
    }

    .prose :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        color: var(--tw-prose-links);
        text-decoration: underline;
        font-weight: 500;
    }

    .prose :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        color: var(--tw-prose-bold);
        font-weight: 600;
    }

    .prose :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        color: inherit;
    }

    .prose :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        color: inherit;
    }

    .prose :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        color: inherit;
    }

    .prose :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        list-style-type: decimal;
        margin-top: 1.25em;
        margin-bottom: 1.25em;
        padding-inline-start: 1.625em;
    }

    .prose :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        list-style-type: upper-alpha;
    }

    .prose :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        list-style-type: lower-alpha;
    }

    .prose :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        list-style-type: upper-alpha;
    }

    .prose :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        list-style-type: lower-alpha;
    }

    .prose :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        list-style-type: upper-roman;
    }

    .prose :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        list-style-type: lower-roman;
    }

    .prose :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        list-style-type: upper-roman;
    }

    .prose :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        list-style-type: lower-roman;
    }

    .prose :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        list-style-type: decimal;
    }

    .prose :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        list-style-type: disc;
        margin-top: 1.25em;
        margin-bottom: 1.25em;
        padding-inline-start: 1.625em;
    }

    .prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
        font-weight: 400;
        color: var(--tw-prose-counters);
    }

    .prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
        color: var(--tw-prose-bullets);
    }

    .prose :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        color: var(--tw-prose-headings);
        font-weight: 600;
        margin-top: 1.25em;
    }

    .prose :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        border-color: var(--tw-prose-hr);
        border-top-width: 1px;
        margin-top: 3em;
        margin-bottom: 3em;
    }

    .prose :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-weight: 500;
        font-style: italic;
        color: var(--tw-prose-quotes);
        border-inline-start-width: 0.25rem;
        border-inline-start-color: var(--tw-prose-quote-borders);
        quotes: "\201C""\201D""\2018""\2019";
        margin-top: 1.6em;
        margin-bottom: 1.6em;
        padding-inline-start: 1em;
    }

    .prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
        content: open-quote;
    }

    .prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
        content: close-quote;
    }

    .prose :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        color: var(--tw-prose-headings);
        font-weight: 800;
        font-size: 2.25em;
        margin-top: 0;
        margin-bottom: 0.8888889em;
        line-height: 1.1111111;
    }

    .prose :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-weight: 900;
        color: inherit;
    }

    .prose :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        color: var(--tw-prose-headings);
        font-weight: 700;
        font-size: 1.5em;
        margin-top: 2em;
        margin-bottom: 1em;
        line-height: 1.3333333;
    }

    .prose :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-weight: 800;
        color: inherit;
    }

    .prose :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        color: var(--tw-prose-headings);
        font-weight: 600;
        font-size: 1.25em;
        margin-top: 1.6em;
        margin-bottom: 0.6em;
        line-height: 1.6;
    }

    .prose :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-weight: 700;
        color: inherit;
    }

    .prose :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        color: var(--tw-prose-headings);
        font-weight: 600;
        margin-top: 1.5em;
        margin-bottom: 0.5em;
        line-height: 1.5;
    }

    .prose :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-weight: 700;
        color: inherit;
    }

    .prose :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 2em;
        margin-bottom: 2em;
    }

    .prose :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        display: block;
        margin-top: 2em;
        margin-bottom: 2em;
    }

    .prose :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 2em;
        margin-bottom: 2em;
    }

    .prose :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-weight: 500;
        font-family: inherit;
        color: var(--tw-prose-kbd);
        box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows) / 10%);
        font-size: 0.875em;
        border-radius: 0.3125rem;
        padding-top: 0.1875em;
        padding-inline-end: 0.375em;
        padding-bottom: 0.1875em;
        padding-inline-start: 0.375em;
    }

    .prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        color: var(--tw-prose-code);
        font-weight: 600;
        font-size: 0.875em;
    }

        .prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
            content: "`";
        }

        .prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
            content: "`";
        }

    .prose :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        color: inherit;
    }

    .prose :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        color: inherit;
    }

    .prose :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        color: inherit;
        font-size: 0.875em;
    }

    .prose :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        color: inherit;
        font-size: 0.9em;
    }

    .prose :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        color: inherit;
    }

    .prose :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        color: inherit;
    }

    .prose :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        color: inherit;
    }

    .prose :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        color: var(--tw-prose-pre-code);
        background-color: var(--tw-prose-pre-bg);
        overflow-x: auto;
        font-weight: 400;
        font-size: 0.875em;
        line-height: 1.7142857;
        margin-top: 1.7142857em;
        margin-bottom: 1.7142857em;
        border-radius: 0.375rem;
        padding-top: 0.8571429em;
        padding-inline-end: 1.1428571em;
        padding-bottom: 0.8571429em;
        padding-inline-start: 1.1428571em;
    }

    .prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        background-color: transparent;
        border-width: 0;
        border-radius: 0;
        padding: 0;
        font-weight: inherit;
        color: inherit;
        font-size: inherit;
        font-family: inherit;
        line-height: inherit;
    }

        .prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
            content: none;
        }

        .prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
            content: none;
        }

    .prose :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        width: 100%;
        table-layout: auto;
        text-align: start;
        margin-top: 2em;
        margin-bottom: 2em;
        font-size: 0.875em;
        line-height: 1.7142857;
    }

    .prose :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        border-bottom-width: 1px;
        border-bottom-color: var(--tw-prose-th-borders);
    }

    .prose :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        color: var(--tw-prose-headings);
        font-weight: 600;
        vertical-align: bottom;
        padding-inline-end: 0.5714286em;
        padding-bottom: 0.5714286em;
        padding-inline-start: 0.5714286em;
    }

    .prose :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        border-bottom-width: 1px;
        border-bottom-color: var(--tw-prose-td-borders);
    }

    .prose :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        border-bottom-width: 0;
    }

    .prose :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        vertical-align: baseline;
    }

    .prose :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        border-top-width: 1px;
        border-top-color: var(--tw-prose-th-borders);
    }

    .prose :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        vertical-align: top;
    }

    .prose :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
        margin-bottom: 0;
    }

    .prose :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        color: var(--tw-prose-captions);
        font-size: 0.875em;
        line-height: 1.4285714;
        margin-top: 0.8571429em;
    }

.prose {
    --tw-prose-body: #374151;
    --tw-prose-headings: #111827;
    --tw-prose-lead: #4b5563;
    --tw-prose-links: #111827;
    --tw-prose-bold: #111827;
    --tw-prose-counters: #6b7280;
    --tw-prose-bullets: #d1d5db;
    --tw-prose-hr: #e5e7eb;
    --tw-prose-quotes: #111827;
    --tw-prose-quote-borders: #e5e7eb;
    --tw-prose-captions: #6b7280;
    --tw-prose-kbd: #111827;
    --tw-prose-kbd-shadows: 17 24 39;
    --tw-prose-code: #111827;
    --tw-prose-pre-code: #e5e7eb;
    --tw-prose-pre-bg: #1f2937;
    --tw-prose-th-borders: #d1d5db;
    --tw-prose-td-borders: #e5e7eb;
    --tw-prose-invert-body: #d1d5db;
    --tw-prose-invert-headings: #fff;
    --tw-prose-invert-lead: #9ca3af;
    --tw-prose-invert-links: #fff;
    --tw-prose-invert-bold: #fff;
    --tw-prose-invert-counters: #9ca3af;
    --tw-prose-invert-bullets: #4b5563;
    --tw-prose-invert-hr: #374151;
    --tw-prose-invert-quotes: #f3f4f6;
    --tw-prose-invert-quote-borders: #374151;
    --tw-prose-invert-captions: #9ca3af;
    --tw-prose-invert-kbd: #fff;
    --tw-prose-invert-kbd-shadows: 255 255 255;
    --tw-prose-invert-code: #fff;
    --tw-prose-invert-pre-code: #d1d5db;
    --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
    --tw-prose-invert-th-borders: #4b5563;
    --tw-prose-invert-td-borders: #374151;
    font-size: 1rem;
    line-height: 1.75;
}

    .prose :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
        margin-bottom: 0;
    }

    .prose :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0.5em;
        margin-bottom: 0.5em;
    }

    .prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-inline-start: 0.375em;
    }

    .prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-inline-start: 0.375em;
    }

    .prose :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0.75em;
        margin-bottom: 0.75em;
    }

    .prose :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.25em;
    }

    .prose :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-bottom: 1.25em;
    }

    .prose :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.25em;
    }

    .prose :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-bottom: 1.25em;
    }

    .prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0.75em;
        margin-bottom: 0.75em;
    }

    .prose :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.25em;
        margin-bottom: 1.25em;
    }

    .prose :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0.5em;
        padding-inline-start: 1.625em;
    }

    .prose :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
    }

    .prose :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
    }

    .prose :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
    }

    .prose :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
    }

    .prose :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-inline-start: 0;
    }

    .prose :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-inline-end: 0;
    }

    .prose :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-top: 0.5714286em;
        padding-inline-end: 0.5714286em;
        padding-bottom: 0.5714286em;
        padding-inline-start: 0.5714286em;
    }

    .prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-inline-start: 0;
    }

    .prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-inline-end: 0;
    }

    .prose :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 2em;
        margin-bottom: 2em;
    }

    .prose :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
    }

    .prose :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-bottom: 0;
    }

.prose-lg {
    font-size: 1.125rem;
    line-height: 1.7777778;
}

    .prose-lg :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.3333333em;
        margin-bottom: 1.3333333em;
    }

    .prose-lg :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 1.2222222em;
        line-height: 1.4545455;
        margin-top: 1.0909091em;
        margin-bottom: 1.0909091em;
    }

    .prose-lg :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.6666667em;
        margin-bottom: 1.6666667em;
        padding-inline-start: 1em;
    }

    .prose-lg :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 2.6666667em;
        margin-top: 0;
        margin-bottom: 0.8333333em;
        line-height: 1;
    }

    .prose-lg :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 1.6666667em;
        margin-top: 1.8666667em;
        margin-bottom: 1.0666667em;
        line-height: 1.3333333;
    }

    .prose-lg :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 1.3333333em;
        margin-top: 1.6666667em;
        margin-bottom: 0.6666667em;
        line-height: 1.5;
    }

    .prose-lg :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.7777778em;
        margin-bottom: 0.4444444em;
        line-height: 1.5555556;
    }

    .prose-lg :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.7777778em;
        margin-bottom: 1.7777778em;
    }

    .prose-lg :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.7777778em;
        margin-bottom: 1.7777778em;
    }

    .prose-lg :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
        margin-bottom: 0;
    }

    .prose-lg :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.7777778em;
        margin-bottom: 1.7777778em;
    }

    .prose-lg :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 0.8888889em;
        border-radius: 0.3125rem;
        padding-top: 0.2222222em;
        padding-inline-end: 0.4444444em;
        padding-bottom: 0.2222222em;
        padding-inline-start: 0.4444444em;
    }

    .prose-lg :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 0.8888889em;
    }

    .prose-lg :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 0.8666667em;
    }

    .prose-lg :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 0.875em;
    }

    .prose-lg :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 0.8888889em;
        line-height: 1.75;
        margin-top: 2em;
        margin-bottom: 2em;
        border-radius: 0.375rem;
        padding-top: 1em;
        padding-inline-end: 1.5em;
        padding-bottom: 1em;
        padding-inline-start: 1.5em;
    }

    .prose-lg :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.3333333em;
        margin-bottom: 1.3333333em;
        padding-inline-start: 1.5555556em;
    }

    .prose-lg :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.3333333em;
        margin-bottom: 1.3333333em;
        padding-inline-start: 1.5555556em;
    }

    .prose-lg :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0.6666667em;
        margin-bottom: 0.6666667em;
    }

    .prose-lg :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-inline-start: 0.4444444em;
    }

    .prose-lg :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-inline-start: 0.4444444em;
    }

    .prose-lg :where(.prose-lg > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0.8888889em;
        margin-bottom: 0.8888889em;
    }

    .prose-lg :where(.prose-lg > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.3333333em;
    }

    .prose-lg :where(.prose-lg > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-bottom: 1.3333333em;
    }

    .prose-lg :where(.prose-lg > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.3333333em;
    }

    .prose-lg :where(.prose-lg > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-bottom: 1.3333333em;
    }

    .prose-lg :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0.8888889em;
        margin-bottom: 0.8888889em;
    }

    .prose-lg :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.3333333em;
        margin-bottom: 1.3333333em;
    }

    .prose-lg :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.3333333em;
    }

    .prose-lg :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0.6666667em;
        padding-inline-start: 1.5555556em;
    }

    .prose-lg :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 3.1111111em;
        margin-bottom: 3.1111111em;
    }

    .prose-lg :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
    }

    .prose-lg :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
    }

    .prose-lg :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
    }

    .prose-lg :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
    }

    .prose-lg :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 0.8888889em;
        line-height: 1.5;
    }

    .prose-lg :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-inline-end: 0.75em;
        padding-bottom: 0.75em;
        padding-inline-start: 0.75em;
    }

    .prose-lg :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-inline-start: 0;
    }

    .prose-lg :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-inline-end: 0;
    }

    .prose-lg :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-top: 0.75em;
        padding-inline-end: 0.75em;
        padding-bottom: 0.75em;
        padding-inline-start: 0.75em;
    }

    .prose-lg :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-inline-start: 0;
    }

    .prose-lg :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-inline-end: 0;
    }

    .prose-lg :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.7777778em;
        margin-bottom: 1.7777778em;
    }

    .prose-lg :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
        margin-bottom: 0;
    }

    .prose-lg :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 0.8888889em;
        line-height: 1.5;
        margin-top: 1em;
    }

    .prose-lg :where(.prose-lg > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
    }

    .prose-lg :where(.prose-lg > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-bottom: 0;
    }

.prose-xl {
    font-size: 1.25rem;
    line-height: 1.8;
}

    .prose-xl :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.2em;
        margin-bottom: 1.2em;
    }

    .prose-xl :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 1.2em;
        line-height: 1.5;
        margin-top: 1em;
        margin-bottom: 1em;
    }

    .prose-xl :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.6em;
        margin-bottom: 1.6em;
        padding-inline-start: 1.0666667em;
    }

    .prose-xl :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 2.8em;
        margin-top: 0;
        margin-bottom: 0.8571429em;
        line-height: 1;
    }

    .prose-xl :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 1.8em;
        margin-top: 1.5555556em;
        margin-bottom: 0.8888889em;
        line-height: 1.1111111;
    }

    .prose-xl :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 1.5em;
        margin-top: 1.6em;
        margin-bottom: 0.6666667em;
        line-height: 1.3333333;
    }

    .prose-xl :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.8em;
        margin-bottom: 0.6em;
        line-height: 1.6;
    }

    .prose-xl :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 2em;
        margin-bottom: 2em;
    }

    .prose-xl :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 2em;
        margin-bottom: 2em;
    }

    .prose-xl :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
        margin-bottom: 0;
    }

    .prose-xl :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 2em;
        margin-bottom: 2em;
    }

    .prose-xl :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 0.9em;
        border-radius: 0.3125rem;
        padding-top: 0.25em;
        padding-inline-end: 0.4em;
        padding-bottom: 0.25em;
        padding-inline-start: 0.4em;
    }

    .prose-xl :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 0.9em;
    }

    .prose-xl :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 0.8611111em;
    }

    .prose-xl :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 0.9em;
    }

    .prose-xl :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 0.9em;
        line-height: 1.7777778;
        margin-top: 2em;
        margin-bottom: 2em;
        border-radius: 0.5rem;
        padding-top: 1.1111111em;
        padding-inline-end: 1.3333333em;
        padding-bottom: 1.1111111em;
        padding-inline-start: 1.3333333em;
    }

    .prose-xl :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.2em;
        margin-bottom: 1.2em;
        padding-inline-start: 1.6em;
    }

    .prose-xl :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.2em;
        margin-bottom: 1.2em;
        padding-inline-start: 1.6em;
    }

    .prose-xl :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0.6em;
        margin-bottom: 0.6em;
    }

    .prose-xl :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-inline-start: 0.4em;
    }

    .prose-xl :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-inline-start: 0.4em;
    }

    .prose-xl :where(.prose-xl > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0.8em;
        margin-bottom: 0.8em;
    }

    .prose-xl :where(.prose-xl > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.2em;
    }

    .prose-xl :where(.prose-xl > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-bottom: 1.2em;
    }

    .prose-xl :where(.prose-xl > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.2em;
    }

    .prose-xl :where(.prose-xl > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-bottom: 1.2em;
    }

    .prose-xl :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0.8em;
        margin-bottom: 0.8em;
    }

    .prose-xl :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.2em;
        margin-bottom: 1.2em;
    }

    .prose-xl :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.2em;
    }

    .prose-xl :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0.6em;
        padding-inline-start: 1.6em;
    }

    .prose-xl :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 2.8em;
        margin-bottom: 2.8em;
    }

    .prose-xl :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
    }

    .prose-xl :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
    }

    .prose-xl :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
    }

    .prose-xl :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
    }

    .prose-xl :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 0.9em;
        line-height: 1.5555556;
    }

    .prose-xl :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-inline-end: 0.6666667em;
        padding-bottom: 0.8888889em;
        padding-inline-start: 0.6666667em;
    }

    .prose-xl :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-inline-start: 0;
    }

    .prose-xl :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-inline-end: 0;
    }

    .prose-xl :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-top: 0.8888889em;
        padding-inline-end: 0.6666667em;
        padding-bottom: 0.8888889em;
        padding-inline-start: 0.6666667em;
    }

    .prose-xl :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-inline-start: 0;
    }

    .prose-xl :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-inline-end: 0;
    }

    .prose-xl :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 2em;
        margin-bottom: 2em;
    }

    .prose-xl :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
        margin-bottom: 0;
    }

    .prose-xl :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 0.9em;
        line-height: 1.5555556;
        margin-top: 1em;
    }

    .prose-xl :where(.prose-xl > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
    }

    .prose-xl :where(.prose-xl > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-bottom: 0;
    }

.card_ {
    border-radius: 0.75rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: hsl(var(--nextui-default-100) / var(--nextui-default-100-opacity, var(--tw-border-opacity)));
    padding: 1rem;
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.card_gradiant_zinc {
    background-image: linear-gradient(to left, var(--tw-gradient-stops));
    --tw-gradient-from: #fafafa var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(250 250 250 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: transparent var(--tw-gradient-to-position);
}

.map-pin-icon {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%234F290A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-map-pin"><path d="M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z"/><circle cx="12" cy="10" r="3"/></svg>');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    height: 2.5rem;
    width: 2.5rem;
}

.phone-icon {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%234F290A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-phone"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/></svg>');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    height: 2.5rem;
    width: 2.5rem;
}

.mail-icon {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%234F290A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mail"><rect width="20" height="16" x="2" y="4" rx="2"/><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"/></svg>');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    height: 2.5rem;
    width: 2.5rem;
}

.book-icon {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%234F290A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-book-text"><path d="M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H20v20H6.5a2.5 2.5 0 0 1 0-5H20"/><path d="M8 7h6"/><path d="M8 11h8"/></svg>');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    height: 2.5rem;
    width: 2.5rem;
}

.turkiye-map {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 48rem;
}

    .turkiye-map .turkiye-city-name {
        border-radius: 0.75rem;
        border-width: 1px;
        --tw-border-opacity: 1;
        border-color: hsl(var(--nextui-default-100) / var(--nextui-default-100-opacity, var(--tw-border-opacity)));
        padding: 1rem;
        --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
        --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
        position: absolute;
        z-index: 10;
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    }

        .turkiye-map .turkiye-city-name h3 {
            font-size: 1rem;
            line-height: 1.5rem;
            font-weight: 500;
        }

    .turkiye-map .tm-text {
        margin-top: 1rem;
        text-align: center;
        font-size: 0.875rem;
        line-height: 1.25rem;
        --tw-text-opacity: 1;
        color: rgb(107 114 128 / var(--tw-text-opacity));
    }

.istanbul-map {
    position: relative;
    width: 100%;
}

@media (min-width: 768px) {
    .istanbul-map {
        margin-bottom: 1rem;
        height: 700px;
    }
}

.istanbul-map #istanbulMap {
    aspect-ratio: 16 / 9;
    height: 100%;
}

@media not all and (min-width: 768px) {
    .istanbul-map #istanbulMap {
        margin-bottom: 3rem;
        --tw-scale-x: 1.5;
        --tw-scale-y: 1.5;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
}

.istanbul-map .ist-map-info-card {
    border-radius: 0.75rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: hsl(var(--nextui-default-100) / var(--nextui-default-100-opacity, var(--tw-border-opacity)));
    padding: 1rem;
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    position: absolute;
    z-index: 10;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.istanbul-map .selected polygon {
    fill: #babd8b;
}

.istanbul-map .location-pin {
    height: 0.5rem;
    width: 0.5rem;
    cursor: pointer;
}

    .istanbul-map .location-pin:hover {
        --tw-scale-x: 1.05;
        --tw-scale-y: 1.05;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

#svg-turkiye-map {
    margin-left: auto;
    margin-right: auto;
    height: 100%;
}

    #svg-turkiye-map path {
        fill: #d1d5db;
    }

    #svg-turkiye-map .active-city.selectedCity path {
        fill: #ff7f41;
    }

    #svg-turkiye-map .active-city path {
        cursor: pointer;
        fill: #4f2c1d;
    }

        #svg-turkiye-map .active-city path:hover {
            opacity: 0.9;
        }

.pi-items {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    overflow: hidden;
    border-radius: 0.75rem;
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--tw-bg-opacity));
    padding-bottom: 1.25rem;
}

@media (min-width: 768px) {
    .pi-items {
        gap: 0px;
        padding-bottom: 0px;
    }
}

.pi-items .pii_item {
    display: flex;
    flex-direction: column-reverse;
    gap: 2rem;
}

@media (min-width: 768px) {
    .pi-items .pii_item {
        flex-direction: row;
        gap: 0px;
    }
}

.pi-items .pii_item .pii_content {
    flex: 1 1 0%;
}

    .pi-items .pii_item .pii_content .pii_info {
        display: flex;
        height: 100%;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 0.75rem;
        padding-left: 0.75rem;
        padding-right: 0.75rem;
        text-align: center;
    }

        .pi-items .pii_item .pii_content .pii_info .pii_title h4 {
            font-size: 1.125rem;
            line-height: 1.75rem;
            font-weight: 500;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            --tw-text-opacity: 1;
            color: hsl(var(--nextui-default-600) / var(--nextui-default-600-opacity, var(--tw-text-opacity)));
        }

        .pi-items .pii_item .pii_content .pii_info .pii_title h2 {
            font-size: 1.5rem;
            line-height: 2rem;
            font-weight: 600;
            text-transform: uppercase;
            --tw-text-opacity: 1;
            color: rgb(79 41 10 / var(--tw-text-opacity));
        }

        .pi-items .pii_item .pii_content .pii_info p {
            font-size: 1rem;
            line-height: 1.5rem;
            --tw-text-opacity: 1;
            color: rgb(55 65 81 / var(--tw-text-opacity));
        }

.pi-items .pii_item .pii_image {
    aspect-ratio: 1 / 1;
    flex: 1 1 0%;
}

    .pi-items .pii_item .pii_image img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

@media (min-width: 768px) {
    .pi-items .pii_item:nth-child(even) {
        flex-direction: row-reverse;
    }
}

.pp-swiper.swiper-modal-thumbs {
    height: 100%;
}

    .pp-swiper.swiper-modal-thumbs .swiper-slide {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }

        .pp-swiper.swiper-modal-thumbs .swiper-slide img {
            margin-left: auto;
            margin-right: auto;
            height: 100%;
            width: 100%;
            -o-object-fit: contain;
            object-fit: contain;
        }

.pp-swiper .swiper-button-next,
.pp-swiper .swiper-button-prev {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    --tw-bg-opacity: 1;
    background-color: rgb(207 207 184 / var(--tw-bg-opacity));
    --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-property: all;
    transition-timing-function: ease;
    transition-duration: 250ms;
}

    .pp-swiper .swiper-button-next:after,
    .pp-swiper .swiper-button-prev:after {
        --swiper-navigation-size: 20px;
        font-weight: 900;
        --tw-text-opacity: 1;
        color: rgb(78 70 57 / var(--tw-text-opacity));
    }

.pp-swiper .swiper-button-disabled {
    display: none !important;
}

.pp-swiper .swiper-pagination .swiper-pagination-bullet {
    background-color: transparent;
    opacity: 1;
    height: 1rem;
    width: 1rem;
    border-radius: 9999px;
    border-width: 2px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(112 100 77 / var(--tw-border-opacity));
}

.pp-swiper .swiper-pagination .swiper-pagination-bullet-active {
    --tw-border-opacity: 1 !important;
    border-color: rgb(133 123 90 / var(--tw-border-opacity)) !important;
    --tw-bg-opacity: 1;
    background-color: rgb(152 145 104 / var(--tw-bg-opacity));
}

.pp-swiper .swiper-pagination .bullet-active {
    background-color: #fff;
}

.pp-swiper .swiper-slide {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
    z-index: 10;
}

    .pp-swiper .swiper-slide .ss-card {
        position: relative;
        margin-left: auto;
        display: inline-flex;
        max-width: 20rem;
        justify-content: flex-end;
    }

        .pp-swiper .swiper-slide .ss-card > :not([hidden]) ~ :not([hidden]) {
            --tw-space-y-reverse: 0;
            margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
            margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));
        }

    .pp-swiper .swiper-slide .ss-card {
        padding-left: 2.5rem;
        padding-right: 3rem;
        text-align: left;
    }

@media not all and (min-width: 640px) {
    .pp-swiper .swiper-slide .ss-card {
        display: none;
    }
}

@media (min-width: 640px) {
    .pp-swiper .swiper-slide .ss-card {
        max-width: 24rem;
    }
}

@media (min-width: 768px) {
    .pp-swiper .swiper-slide .ss-card {
        max-width: 36rem;
    }
}

@media (min-width: 1024px) {
    .pp-swiper .swiper-slide .ss-card {
        padding-right: 5rem;
    }
}

@media (min-width: 1280px) {
    .pp-swiper .swiper-slide .ss-card {
        max-width: 42rem;
    }
}

.pp-swiper .swiper-slide .ss-card .ssc-title {
    font-weight: 800;
    display: inline-flex;
}

@keyframes fadeInScaleRotate {
    0% {
        opacity: 0;
        transform: scale(0.5) rotate(-15deg);
    }

    50% {
        opacity: 0.7;
        transform: scale(1.05) rotate(3deg);
    }

    100% {
        opacity: 1;
        transform: scale(1) rotate(0deg);
    }
}

.pp-swiper .swiper-slide .ss-card .ssc-title {
    animation: fadeInScaleRotate 1s ease-out;
    font-size: 1.875rem;
    line-height: 2.25rem;
    letter-spacing: -0.025em;
    --tw-text-opacity: 1;
    color: rgb(79 41 10 / var(--tw-text-opacity));
}

@media (min-width: 640px) {
    .pp-swiper .swiper-slide .ss-card .ssc-title {
        font-size: 1.875rem;
        line-height: 2.25rem;
    }
}

@media (min-width: 768px) {
    .pp-swiper .swiper-slide .ss-card .ssc-title {
        font-size: 3rem;
        line-height: 4rem;
    }
}

.pp-swiper .swiper-slide .ss-card .ssc-description {
    text-wrap: balance;
    font-size: 1rem;
    line-height: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(231 232 221 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
    .pp-swiper .swiper-slide .ss-card .ssc-description {
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
}

.pp-swiper .swiper-slide:after {
    content: "";
    z-index: -1;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
}

.DpimIMWtWy {
    position: relative;
}

    .DpimIMWtWy img {
        height: 400px;
        -o-object-fit: cover;
        object-fit: cover;
    }

    .DpimIMWtWy:after {
        content: "";
        background: rgba(0, 0, 0, 0.6);
        position: absolute;
        top: 0px;
        left: 0px;
        height: 100%;
        width: 100%;
    }

.LNxQEPy1lg {
    position: relative;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}

    .LNxQEPy1lg.Lg_op {
        background-color: rgb(79 41 10 / 0.5);
    }

        .LNxQEPy1lg.Lg_op .Lb_item {
            --tw-bg-opacity: 1;
            background-color: rgb(231 232 221 / var(--tw-bg-opacity));
        }

    .LNxQEPy1lg .Lg_content {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        display: flex;
        flex-direction: column;
        gap: 2.5rem;
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }

        .LNxQEPy1lg .Lg_content .Lgc_header {
            max-width: 48rem;
        }

            .LNxQEPy1lg .Lg_content .Lgc_header > :not([hidden]) ~ :not([hidden]) {
                --tw-space-y-reverse: 0;
                margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
                margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
            }

        .LNxQEPy1lg .Lg_content .Lgc_header {
            text-align: center;
        }

@media (min-width: 768px) {
    .LNxQEPy1lg .Lg_content .Lgc_header {
        text-align: left;
    }
}

.LNxQEPy1lg .Lg_content .Lgc_header h2 {
    font-size: 1.875rem;
    line-height: 2.25rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(79 41 10 / var(--tw-text-opacity));
}

.LNxQEPy1lg .Lg_content .Lgc_header p {
    text-wrap: balance;
    font-size: 1.125rem;
    line-height: 1.75rem;
    --tw-text-opacity: 1;
    color: hsl(var(--nextui-default-600) / var(--nextui-default-600-opacity, var(--tw-text-opacity)));
}

.Lg94tEJ8Kb {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1rem;
}

    .Lg94tEJ8Kb .Lb_item {
        border-radius: 0.75rem;
        border-width: 1px;
        --tw-border-opacity: 1;
        border-color: hsl(var(--nextui-default-100) / var(--nextui-default-100-opacity, var(--tw-border-opacity)));
        --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
        --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 1rem;
        padding: 1.25rem;
        text-align: center;
        --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
        --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

@media (min-width: 768px) {
    .Lg94tEJ8Kb .Lb_item {
        flex-direction: row;
        text-align: left;
    }

        .Lg94tEJ8Kb .Lb_item.Lb_reverse {
            flex-direction: row-reverse;
        }
}

.Lg94tEJ8Kb .Lb_item .Lbi_infos {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

    .Lg94tEJ8Kb .Lb_item .Lbi_infos h4 {
        font-size: 1.5rem;
        line-height: 2rem;
        font-weight: 600;
        --tw-text-opacity: 1;
        color: rgb(79 41 10 / var(--tw-text-opacity));
    }

@media (min-width: 768px) {
    .Lg94tEJ8Kb .Lb_item .Lbi_infos h4 {
        font-size: 1.875rem;
        line-height: 2.25rem;
    }
}

.Lg94tEJ8Kb .Lb_item .Lbi_infos p {
    font-size: 1.125rem;
    line-height: 1.75rem;
    --tw-text-opacity: 1;
    color: hsl(var(--nextui-default-500) / var(--nextui-default-500-opacity, var(--tw-text-opacity)));
}

.Lg94tEJ8Kb .Lb_item .Lbi_avatar {
    display: flex;
    width: 15rem;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
}

@media (min-width: 768px) {
    .Lg94tEJ8Kb .Lb_item .Lbi_avatar {
        height: 100%;
    }
}

.Lg94tEJ8Kb .Lb_item .Lbi_avatar img {
    height: 100%;
    max-height: 24rem;
    width: 100%;
    border-radius: 0.75rem;
    -o-object-fit: cover;
    object-fit: cover;
}

.gwJNgwUSOA .csc-content {
    max-width: 1536px;
}

@media (min-width: 768px) {
    .gwJNgwUSOA .csc-content {
        flex-direction: row-reverse !important;
    }
}

.SYkGaFkejc {
    max-width: 1536px !important;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}

    .SYkGaFkejc .Sc_content {
        height: 100%;
        width: 100%;
    }

        .SYkGaFkejc .Sc_content > :not([hidden]) ~ :not([hidden]) {
            --tw-space-y-reverse: 0;
            margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
            margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
        }

    .SYkGaFkejc .Sc_content {
        border-radius: 0.75rem;
        --tw-bg-opacity: 1;
        background-color: rgb(231 232 221 / var(--tw-bg-opacity));
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }

.cs-card .csc-content {
    max-width: 80rem;
}

.cs-card,
.gwJNgwUSOA {
    padding-top: 5rem;
    padding-bottom: 5rem;
}

    .cs-card.cs-ab,
    .gwJNgwUSOA.cs-ab {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

@media (min-width: 768px) {
    .cs-card.cs-ab .csc-content,
    .gwJNgwUSOA.cs-ab .csc-content {
        flex-direction: column-reverse !important;
    }
}

@media (min-width: 1024px) {
    .cs-card.cs-ab .csc-content,
    .gwJNgwUSOA.cs-ab .csc-content {
        flex-direction: row !important;
    }
}

.cs-card.cs-ab .csc-content .csc-title,
.gwJNgwUSOA.cs-ab .csc-content .csc-title {
    text-align: center;
    font-weight: 700;
}

@media (min-width: 1024px) {
    .cs-card.cs-ab .csc-content .csc-title,
    .gwJNgwUSOA.cs-ab .csc-content .csc-title {
        text-align: left;
    }
}

.cs-card.cs-ab .csc-content .csc-description,
.gwJNgwUSOA.cs-ab .csc-content .csc-description,
.cs-card.cs-ab .csc-content p,
.gwJNgwUSOA.cs-ab .csc-content p {
    text-align: center;
}

@media (min-width: 1024px) {
    .cs-card.cs-ab .csc-content .csc-description,
    .gwJNgwUSOA.cs-ab .csc-content .csc-description,
    .cs-card.cs-ab .csc-content p,
    .gwJNgwUSOA.cs-ab .csc-content p {
        text-align: left;
    }
}

.cs-card.cs-ab .csd-right,
.gwJNgwUSOA.cs-ab .csd-right {
    height: 100%;
    max-width: 24rem;
}

    .cs-card.cs-ab .csd-right > img,
    .gwJNgwUSOA.cs-ab .csd-right > img {
        height: 100%;
        width: auto;
    }

.cs-card .csc-content,
.gwJNgwUSOA .csc-content {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    width: 100%;
    flex-direction: column-reverse;
    align-items: center;
    justify-content: space-between;
    gap: 2.5rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}

@media (min-width: 768px) {
    .cs-card .csc-content,
    .gwJNgwUSOA .csc-content {
        flex-direction: row;
    }
}

.cs-card .csc-content .csc-left,
.gwJNgwUSOA .csc-content .csc-left {
    display: flex;
    flex: 1 1 0%;
    flex-direction: column;
    gap: 1rem;
    text-align: center;
}

@media (min-width: 768px) {
    .cs-card .csc-content .csc-left,
    .gwJNgwUSOA .csc-content .csc-left {
        text-align: left;
    }
}

.cs-card .csc-content .csc-left .csc-title,
.gwJNgwUSOA .csc-content .csc-left .csc-title {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    font-size: 1.875rem;
    line-height: 2.25rem;
    --tw-text-opacity: 1;
    color: rgb(79 41 10 / var(--tw-text-opacity));
}

.cs-card .csc-content .csc-left .csc-description,
.gwJNgwUSOA .csc-content .csc-left .csc-description,
.cs-card .csc-content .csc-left p,
.gwJNgwUSOA .csc-content .csc-left p {
    font-size: 1.125rem;
    line-height: 1.75rem;
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity));
}

.cs-card .csc-content .csd-right,
.gwJNgwUSOA .csc-content .csd-right {
    width: 100%;
    flex: 1 1 0%;
}

    .cs-card .csc-content .csd-right img,
    .gwJNgwUSOA .csc-content .csd-right img {
        width: 100%;
        border-radius: 0.75rem;
    }

.cs-info,
.SYkGaFkejc {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    max-width: 80rem;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    text-wrap: balance;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    text-align: center;
}

    .cs-info h2,
    .SYkGaFkejc h2 {
        font-size: 1.5rem;
        line-height: 2rem;
        --tw-text-opacity: 1;
        color: rgb(79 41 10 / var(--tw-text-opacity));
    }

    .cs-info p,
    .SYkGaFkejc p {
        font-size: 1.125rem;
        line-height: 1.75rem;
        --tw-text-opacity: 1;
        color: rgb(75 85 99 / var(--tw-text-opacity));
    }

.branch-card {
    position: relative;
    z-index: 10;
}

    .branch-card > :not([hidden]) ~ :not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(1rem * var(--tw-space-y-reverse));
    }

.branch-card {
    padding: 1rem;
}

    .branch-card .bc-title {
        font-size: 1.875rem;
        line-height: 2.25rem;
        font-weight: 700;
        --tw-text-opacity: 1;
        color: rgb(79 41 10 / var(--tw-text-opacity));
    }

@media (min-width: 768px) {
    .branch-card .bc-title {
        font-size: 2.25rem;
        line-height: 2.5rem;
    }
}

.branch-card .bc-location {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
}

@media (min-width: 768px) {
    .branch-card .bc-location {
        flex-direction: row;
    }
}

.branch-card .bc-location .bcl-image img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.branch-card .bc-location > div {
    height: 24rem;
    width: 100%;
    flex: 1 1 0%;
    overflow: hidden;
    border-radius: 0.75rem;
}

.branch-card .bc-infos {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1rem;
}

@media (min-width: 1024px) {
    .branch-card .bc-infos {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

.branch-card .bc-infos .bci-card {
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: space-between;
    padding: 1rem;
}

    .branch-card .bc-infos .bci-card .bci-icon {
        margin-bottom: 1rem;
    }

    .branch-card .bc-infos .bci-card .bci-title {
        margin-bottom: 0.5rem;
        font-size: 1.25rem;
        line-height: 1.75rem;
        font-weight: 500;
        --tw-text-opacity: 1;
        color: rgb(79 41 10 / var(--tw-text-opacity));
    }

    .branch-card .bc-infos .bci-card .bci-description {
        overflow-wrap: break-word;
        font-size: 1rem;
        line-height: 1.5rem;
        --tw-text-opacity: 1;
        color: rgb(75 85 99 / var(--tw-text-opacity));
    }

.gg-close {
    box-sizing: border-box;
    position: relative;
    display: block;
    transform: scale(var(--ggs, 1));
    width: 22px;
    height: 22px;
    border: 2px solid transparent;
    border-radius: 40px;
}

    .gg-close::after,
    .gg-close::before {
        content: "";
        display: block;
        box-sizing: border-box;
        position: absolute;
        width: 16px;
        height: 2px;
        background: currentColor;
        transform: rotate(45deg);
        border-radius: 5px;
        top: 8px;
        left: 1px;
    }

    .gg-close::after {
        transform: rotate(-45deg);
    }

.gg-menu-left {
    transform: scale(var(--ggs, 1));
}

    .gg-menu-left,
    .gg-menu-left::after,
    .gg-menu-left::before {
        box-sizing: border-box;
        position: relative;
        display: block;
        width: 20px;
        height: 2px;
        border-radius: 3px;
        background: currentColor;
    }

        .gg-menu-left::after,
        .gg-menu-left::before {
            content: "";
            position: absolute;
            top: -6px;
            width: 10px;
        }

        .gg-menu-left::after {
            top: 6px;
            width: 14px;
        }

.gg-arrow-right {
    box-sizing: border-box;
    position: relative;
    display: block;
    transform: scale(var(--ggs, 1));
    width: 22px;
    height: 22px;
}

    .gg-arrow-right::after,
    .gg-arrow-right::before {
        content: "";
        display: block;
        box-sizing: border-box;
        position: absolute;
        right: 3px;
    }

    .gg-arrow-right::after {
        width: 8px;
        height: 8px;
        border-top: 2px solid;
        border-right: 2px solid;
        transform: rotate(45deg);
        bottom: 7px;
    }

    .gg-arrow-right::before {
        width: 16px;
        height: 2px;
        bottom: 10px;
        background: currentColor;
    }

.gg-mail,
.gg-mail::after {
    display: block;
    box-sizing: border-box;
    height: 14px;
    border: 2px solid;
}

.gg-mail {
    overflow: hidden;
    transform: scale(var(--ggs, 1));
    position: relative;
    width: 18px;
    border-radius: 2px;
}

    .gg-mail::after {
        content: "";
        position: absolute;
        border-radius: 3px;
        width: 14px;
        transform: rotate(-45deg);
        bottom: 3px;
        left: 0;
    }

.relative {
    position: relative;
}

.mx-auto {
    margin-left: auto;
    margin-right: auto;
}

.flex {
    display: flex;
}

.hidden {
    display: none;
}

.h-0 {
    height: 0px;
}

.h-\[600px\] {
    height: 600px;
}

.h-\[650px\] {
    height: 650px;
}

.w-full {
    width: 100%;
}

.transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.overflow-hidden {
    overflow: hidden;
}

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

.py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}

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

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

.ease-in-out {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

:root, .light, [data-theme="light"] {
    color-scheme: light;
    --nextui-background: 0 0% 100%;
    --nextui-foreground-50: 0 0% 98%;
    --nextui-foreground-100: 240 5% 96%;
    --nextui-foreground-200: 240 6% 90%;
    --nextui-foreground-300: 240 5% 84%;
    --nextui-foreground-400: 240 5% 65%;
    --nextui-foreground-500: 240 4% 46%;
    --nextui-foreground-600: 240 5% 34%;
    --nextui-foreground-700: 240 5% 26%;
    --nextui-foreground-800: 240 4% 16%;
    --nextui-foreground-900: 240 6% 10%;
    --nextui-foreground: 202 24% 9%;
    --nextui-divider: 0 0% 7%;
    --nextui-divider-opacity: 0.15;
    --nextui-focus: 212 100% 47%;
    --nextui-overlay: 0 0% 0%;
    --nextui-content1: 0 0% 100%;
    --nextui-content1-foreground: 202 24% 9%;
    --nextui-content2: 240 5% 96%;
    --nextui-content2-foreground: 240 4% 16%;
    --nextui-content3: 240 6% 90%;
    --nextui-content3-foreground: 240 5% 26%;
    --nextui-content4: 240 5% 84%;
    --nextui-content4-foreground: 240 5% 34%;
    --nextui-default-50: 0 0% 98%;
    --nextui-default-100: 240 5% 96%;
    --nextui-default-200: 240 6% 90%;
    --nextui-default-300: 240 5% 84%;
    --nextui-default-400: 240 5% 65%;
    --nextui-default-500: 240 4% 46%;
    --nextui-default-600: 240 5% 34%;
    --nextui-default-700: 240 5% 26%;
    --nextui-default-800: 240 4% 16%;
    --nextui-default-900: 240 6% 10%;
    --nextui-default-foreground: 0 0% 0%;
    --nextui-default: 240 5% 84%;
    --nextui-primary-50: 213 92% 95%;
    --nextui-primary-100: 212 92% 90%;
    --nextui-primary-200: 212 92% 79%;
    --nextui-primary-300: 212 92% 69%;
    --nextui-primary-400: 212 92% 58%;
    --nextui-primary-500: 212 100% 47%;
    --nextui-primary-600: 212 100% 38%;
    --nextui-primary-700: 212 100% 29%;
    --nextui-primary-800: 212 100% 19%;
    --nextui-primary-900: 212 100% 10%;
    --nextui-primary-foreground: 0 0% 100%;
    --nextui-primary: 212 100% 47%;
    --nextui-secondary-50: 270 62% 95%;
    --nextui-secondary-100: 270 59% 89%;
    --nextui-secondary-200: 270 59% 79%;
    --nextui-secondary-300: 270 59% 68%;
    --nextui-secondary-400: 270 59% 58%;
    --nextui-secondary-500: 270 67% 47%;
    --nextui-secondary-600: 270 67% 38%;
    --nextui-secondary-700: 270 67% 28%;
    --nextui-secondary-800: 270 67% 19%;
    --nextui-secondary-900: 270 67% 9%;
    --nextui-secondary-foreground: 0 0% 100%;
    --nextui-secondary: 270 67% 47%;
    --nextui-success-50: 147 64% 95%;
    --nextui-success-100: 146 61% 89%;
    --nextui-success-200: 146 62% 77%;
    --nextui-success-300: 146 63% 66%;
    --nextui-success-400: 146 62% 55%;
    --nextui-success-500: 146 79% 44%;
    --nextui-success-600: 146 80% 35%;
    --nextui-success-700: 146 79% 26%;
    --nextui-success-800: 146 80% 17%;
    --nextui-success-900: 146 78% 9%;
    --nextui-success-foreground: 0 0% 0%;
    --nextui-success: 146 79% 44%;
    --nextui-warning-50: 55 92% 95%;
    --nextui-warning-100: 37 91% 91%;
    --nextui-warning-200: 37 91% 82%;
    --nextui-warning-300: 37 91% 73%;
    --nextui-warning-400: 37 91% 64%;
    --nextui-warning-500: 37 91% 55%;
    --nextui-warning-600: 37 74% 44%;
    --nextui-warning-700: 37 74% 33%;
    --nextui-warning-800: 37 75% 22%;
    --nextui-warning-900: 37 75% 11%;
    --nextui-warning-foreground: 0 0% 0%;
    --nextui-warning: 37 91% 55%;
    --nextui-danger-50: 339 92% 95%;
    --nextui-danger-100: 340 92% 90%;
    --nextui-danger-200: 339 90% 80%;
    --nextui-danger-300: 339 91% 71%;
    --nextui-danger-400: 339 90% 61%;
    --nextui-danger-500: 339 90% 51%;
    --nextui-danger-600: 339 87% 41%;
    --nextui-danger-700: 339 86% 31%;
    --nextui-danger-800: 339 87% 20%;
    --nextui-danger-900: 340 85% 10%;
    --nextui-danger-foreground: 0 0% 100%;
    --nextui-danger: 339 90% 51%;
    --nextui-spacing-unit: 4px;
    --nextui-spacing-unit-0: 0px;
    --nextui-spacing-unit-1: 0.25rem;
    --nextui-spacing-unit-2: 0.5rem;
    --nextui-spacing-unit-3: 0.75rem;
    --nextui-spacing-unit-4: 1rem;
    --nextui-spacing-unit-5: 1.25rem;
    --nextui-spacing-unit-6: 1.5rem;
    --nextui-spacing-unit-7: 1.75rem;
    --nextui-spacing-unit-8: 2rem;
    --nextui-spacing-unit-9: 2.25rem;
    --nextui-spacing-unit-10: 2.5rem;
    --nextui-spacing-unit-11: 2.75rem;
    --nextui-spacing-unit-12: 3rem;
    --nextui-spacing-unit-13: 3.25rem;
    --nextui-spacing-unit-14: 3.5rem;
    --nextui-spacing-unit-15: 3.75rem;
    --nextui-spacing-unit-16: 4rem;
    --nextui-spacing-unit-17: 4.25rem;
    --nextui-spacing-unit-18: 4.5rem;
    --nextui-spacing-unit-20: 5rem;
    --nextui-spacing-unit-24: 6rem;
    --nextui-spacing-unit-28: 7rem;
    --nextui-spacing-unit-32: 8rem;
    --nextui-spacing-unit-36: 9rem;
    --nextui-spacing-unit-40: 10rem;
    --nextui-spacing-unit-44: 11rem;
    --nextui-spacing-unit-48: 12rem;
    --nextui-spacing-unit-52: 13rem;
    --nextui-spacing-unit-56: 14rem;
    --nextui-spacing-unit-60: 15rem;
    --nextui-spacing-unit-64: 16rem;
    --nextui-spacing-unit-72: 18rem;
    --nextui-spacing-unit-80: 20rem;
    --nextui-spacing-unit-96: 24rem;
    --nextui-spacing-unit-xs: 0.5rem;
    --nextui-spacing-unit-sm: 0.75rem;
    --nextui-spacing-unit-md: 1rem;
    --nextui-spacing-unit-lg: 1.375rem;
    --nextui-spacing-unit-xl: 2.25rem;
    --nextui-spacing-unit-2xl: 3rem;
    --nextui-spacing-unit-3xl: 5rem;
    --nextui-spacing-unit-4xl: 7.5rem;
    --nextui-spacing-unit-5xl: 14rem;
    --nextui-spacing-unit-6xl: 18rem;
    --nextui-spacing-unit-7xl: 24rem;
    --nextui-spacing-unit-8xl: 32rem;
    --nextui-spacing-unit-9xl: 40rem;
    --nextui-spacing-unit-3_5: 0.875rem;
    --nextui-disabled-opacity: .5;
    --nextui-divider-weight: 1px;
    --nextui-font-size-tiny: 0.75rem;
    --nextui-font-size-small: 0.875rem;
    --nextui-font-size-medium: 1rem;
    --nextui-font-size-large: 1.125rem;
    --nextui-line-height-tiny: 1rem;
    --nextui-line-height-small: 1.25rem;
    --nextui-line-height-medium: 1.5rem;
    --nextui-line-height-large: 1.75rem;
    --nextui-radius-small: 8px;
    --nextui-radius-medium: 12px;
    --nextui-radius-large: 14px;
    --nextui-border-width-small: 1px;
    --nextui-border-width-medium: 2px;
    --nextui-border-width-large: 3px;
    --nextui-box-shadow-small: 0px 0px 5px 0px rgb(0 0 0 / 0.02), 0px 2px 10px 0px rgb(0 0 0 / 0.06), 0px 0px 1px 0px rgb(0 0 0 / 0.3);
    --nextui-box-shadow-medium: 0px 0px 15px 0px rgb(0 0 0 / 0.03), 0px 2px 30px 0px rgb(0 0 0 / 0.08), 0px 0px 1px 0px rgb(0 0 0 / 0.3);
    --nextui-box-shadow-large: 0px 0px 30px 0px rgb(0 0 0 / 0.04), 0px 30px 60px 0px rgb(0 0 0 / 0.12), 0px 0px 1px 0px rgb(0 0 0 / 0.3);
    --nextui-hover-opacity: .8;
}

.dark, [data-theme="dark"] {
    color-scheme: dark;
    --nextui-background: 0 0% 0%;
    --nextui-foreground-50: 240 6% 10%;
    --nextui-foreground-100: 240 4% 16%;
    --nextui-foreground-200: 240 5% 26%;
    --nextui-foreground-300: 240 5% 34%;
    --nextui-foreground-400: 240 4% 46%;
    --nextui-foreground-500: 240 5% 65%;
    --nextui-foreground-600: 240 5% 84%;
    --nextui-foreground-700: 240 6% 90%;
    --nextui-foreground-800: 240 5% 96%;
    --nextui-foreground-900: 0 0% 98%;
    --nextui-foreground: 210 6% 93%;
    --nextui-focus: 212 100% 47%;
    --nextui-overlay: 0 0% 0%;
    --nextui-divider: 0 0% 100%;
    --nextui-divider-opacity: 0.15;
    --nextui-content1: 240 6% 10%;
    --nextui-content1-foreground: 0 0% 98%;
    --nextui-content2: 240 4% 16%;
    --nextui-content2-foreground: 240 5% 96%;
    --nextui-content3: 240 5% 26%;
    --nextui-content3-foreground: 240 6% 90%;
    --nextui-content4: 240 5% 34%;
    --nextui-content4-foreground: 240 5% 84%;
    --nextui-default-50: 240 6% 10%;
    --nextui-default-100: 240 4% 16%;
    --nextui-default-200: 240 5% 26%;
    --nextui-default-300: 240 5% 34%;
    --nextui-default-400: 240 4% 46%;
    --nextui-default-500: 240 5% 65%;
    --nextui-default-600: 240 5% 84%;
    --nextui-default-700: 240 6% 90%;
    --nextui-default-800: 240 5% 96%;
    --nextui-default-900: 0 0% 98%;
    --nextui-default-foreground: 0 0% 100%;
    --nextui-default: 240 5% 26%;
    --nextui-primary-50: 212 100% 10%;
    --nextui-primary-100: 212 100% 19%;
    --nextui-primary-200: 212 100% 29%;
    --nextui-primary-300: 212 100% 38%;
    --nextui-primary-400: 212 100% 47%;
    --nextui-primary-500: 212 92% 58%;
    --nextui-primary-600: 212 92% 69%;
    --nextui-primary-700: 212 92% 79%;
    --nextui-primary-800: 212 92% 90%;
    --nextui-primary-900: 213 92% 95%;
    --nextui-primary-foreground: 0 0% 100%;
    --nextui-primary: 212 100% 47%;
    --nextui-secondary-50: 270 67% 9%;
    --nextui-secondary-100: 270 67% 19%;
    --nextui-secondary-200: 270 67% 28%;
    --nextui-secondary-300: 270 67% 38%;
    --nextui-secondary-400: 270 67% 47%;
    --nextui-secondary-500: 270 59% 58%;
    --nextui-secondary-600: 270 59% 68%;
    --nextui-secondary-700: 270 59% 79%;
    --nextui-secondary-800: 270 59% 89%;
    --nextui-secondary-900: 270 62% 95%;
    --nextui-secondary-foreground: 0 0% 100%;
    --nextui-secondary: 270 59% 58%;
    --nextui-success-50: 146 78% 9%;
    --nextui-success-100: 146 80% 17%;
    --nextui-success-200: 146 79% 26%;
    --nextui-success-300: 146 80% 35%;
    --nextui-success-400: 146 79% 44%;
    --nextui-success-500: 146 62% 55%;
    --nextui-success-600: 146 63% 66%;
    --nextui-success-700: 146 62% 77%;
    --nextui-success-800: 146 61% 89%;
    --nextui-success-900: 147 64% 95%;
    --nextui-success-foreground: 0 0% 0%;
    --nextui-success: 146 79% 44%;
    --nextui-warning-50: 37 75% 11%;
    --nextui-warning-100: 37 75% 22%;
    --nextui-warning-200: 37 74% 33%;
    --nextui-warning-300: 37 74% 44%;
    --nextui-warning-400: 37 91% 55%;
    --nextui-warning-500: 37 91% 64%;
    --nextui-warning-600: 37 91% 73%;
    --nextui-warning-700: 37 91% 82%;
    --nextui-warning-800: 37 91% 91%;
    --nextui-warning-900: 55 92% 95%;
    --nextui-warning-foreground: 0 0% 0%;
    --nextui-warning: 37 91% 55%;
    --nextui-danger-50: 340 85% 10%;
    --nextui-danger-100: 339 87% 20%;
    --nextui-danger-200: 339 86% 31%;
    --nextui-danger-300: 339 87% 41%;
    --nextui-danger-400: 339 90% 51%;
    --nextui-danger-500: 339 90% 61%;
    --nextui-danger-600: 339 91% 71%;
    --nextui-danger-700: 339 90% 80%;
    --nextui-danger-800: 340 92% 90%;
    --nextui-danger-900: 339 92% 95%;
    --nextui-danger-foreground: 0 0% 100%;
    --nextui-danger: 339 90% 51%;
    --nextui-spacing-unit: 4px;
    --nextui-spacing-unit-0: 0px;
    --nextui-spacing-unit-1: 0.25rem;
    --nextui-spacing-unit-2: 0.5rem;
    --nextui-spacing-unit-3: 0.75rem;
    --nextui-spacing-unit-4: 1rem;
    --nextui-spacing-unit-5: 1.25rem;
    --nextui-spacing-unit-6: 1.5rem;
    --nextui-spacing-unit-7: 1.75rem;
    --nextui-spacing-unit-8: 2rem;
    --nextui-spacing-unit-9: 2.25rem;
    --nextui-spacing-unit-10: 2.5rem;
    --nextui-spacing-unit-11: 2.75rem;
    --nextui-spacing-unit-12: 3rem;
    --nextui-spacing-unit-13: 3.25rem;
    --nextui-spacing-unit-14: 3.5rem;
    --nextui-spacing-unit-15: 3.75rem;
    --nextui-spacing-unit-16: 4rem;
    --nextui-spacing-unit-17: 4.25rem;
    --nextui-spacing-unit-18: 4.5rem;
    --nextui-spacing-unit-20: 5rem;
    --nextui-spacing-unit-24: 6rem;
    --nextui-spacing-unit-28: 7rem;
    --nextui-spacing-unit-32: 8rem;
    --nextui-spacing-unit-36: 9rem;
    --nextui-spacing-unit-40: 10rem;
    --nextui-spacing-unit-44: 11rem;
    --nextui-spacing-unit-48: 12rem;
    --nextui-spacing-unit-52: 13rem;
    --nextui-spacing-unit-56: 14rem;
    --nextui-spacing-unit-60: 15rem;
    --nextui-spacing-unit-64: 16rem;
    --nextui-spacing-unit-72: 18rem;
    --nextui-spacing-unit-80: 20rem;
    --nextui-spacing-unit-96: 24rem;
    --nextui-spacing-unit-xs: 0.5rem;
    --nextui-spacing-unit-sm: 0.75rem;
    --nextui-spacing-unit-md: 1rem;
    --nextui-spacing-unit-lg: 1.375rem;
    --nextui-spacing-unit-xl: 2.25rem;
    --nextui-spacing-unit-2xl: 3rem;
    --nextui-spacing-unit-3xl: 5rem;
    --nextui-spacing-unit-4xl: 7.5rem;
    --nextui-spacing-unit-5xl: 14rem;
    --nextui-spacing-unit-6xl: 18rem;
    --nextui-spacing-unit-7xl: 24rem;
    --nextui-spacing-unit-8xl: 32rem;
    --nextui-spacing-unit-9xl: 40rem;
    --nextui-spacing-unit-3_5: 0.875rem;
    --nextui-disabled-opacity: .5;
    --nextui-divider-weight: 1px;
    --nextui-font-size-tiny: 0.75rem;
    --nextui-font-size-small: 0.875rem;
    --nextui-font-size-medium: 1rem;
    --nextui-font-size-large: 1.125rem;
    --nextui-line-height-tiny: 1rem;
    --nextui-line-height-small: 1.25rem;
    --nextui-line-height-medium: 1.5rem;
    --nextui-line-height-large: 1.75rem;
    --nextui-radius-small: 8px;
    --nextui-radius-medium: 12px;
    --nextui-radius-large: 14px;
    --nextui-border-width-small: 1px;
    --nextui-border-width-medium: 2px;
    --nextui-border-width-large: 3px;
    --nextui-box-shadow-small: 0px 0px 5px 0px rgb(0 0 0 / 0.05), 0px 2px 10px 0px rgb(0 0 0 / 0.2), inset 0px 0px 1px 0px rgb(255 255 255 / 0.15);
    --nextui-box-shadow-medium: 0px 0px 15px 0px rgb(0 0 0 / 0.06), 0px 2px 30px 0px rgb(0 0 0 / 0.22), inset 0px 0px 1px 0px rgb(255 255 255 / 0.15);
    --nextui-box-shadow-large: 0px 0px 30px 0px rgb(0 0 0 / 0.07), 0px 30px 60px 0px rgb(0 0 0 / 0.26), inset 0px 0px 1px 0px rgb(255 255 255 / 0.15);
    --nextui-hover-opacity: .9;
}

@media (min-width: 768px) {
    .md\:col-span-2 {
        grid-column: span 2 / span 2;
    }

    .md\:col-span-3 {
        grid-column: span 3 / span 3;
    }
}

@font-face {
    font-family: 'Novecento sans wide';
    src: url('/_p/backhaus/clients/font/Novecentosanswide-DemiBold.woff2') format('woff2'), url('/_p/backhaus/clients/font/Novecentosanswide-DemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Novecento sans wide';
    src: url('/_p/backhaus/clients/font/Novecentosanswide-Medium.woff2') format('woff2'), url('/_p/backhaus/clients/font/Novecentosanswide-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Novecento sans wide Book';
    src: url('/_p/backhaus/clients/font/Novecentosanswide-Book.woff2') format('woff2'), url('/_p/backhaus/clients/font/Novecentosanswide-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Novecento sans wide Normal';
    src: url('/_p/backhaus/clients/font/Novecentosanswide-Normal.woff2') format('woff2'), url('/_p/backhaus/clients/font/Novecentosanswide-Normal.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova Lt';
    src: url('/_p/backhaus/clients/clients/font/ProximaNova-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova Bl';
    src: url('/_p/backhaus/clients/horeca/font/ProximaNova-Black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova Th';
    src: url('/_p/backhaus/clients/font/ProximaNova-Extrabld.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova Rg';
    src: url('/_p/backhaus/clients/font/ProximaNova-Bold.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova Th';
    src: url('/_p/backhaus/clients/font/ProximaNovaT-Thin.woff2') format('woff2');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova Lt';
    src: url('/_p/backhaus/clients/font/ProximaNova-Semibold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova Rg';
    src: url('/_p/backhaus/clients/font/ProximaNova-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

:root {
    --item-h-xs: 1.6rem;
    --item-h-sm: 2rem;
    --item-h-md: 2.5rem;
    --item-h-lg: 3rem;
    --item-h-xl: 4rem;
}

.drawer_ {
    z-index: 99999;
    visibility: hidden;
    --max-width: 500px;
    --max--width: -500px;
    position: fixed;
    top: 0px;
    left: 0px;
    display: flex;
    height: 100dvh;
    width: 100%;
    overflow: hidden;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-property: all;
    transition-timing-function: ease;
    transition-duration: 250ms;
}

    .drawer_.drawer_right .drawer_content {
        transform: translateX(var(--max-width));
        right: 0px;
        left: auto;
    }

    .drawer_.drawer_open {
        visibility: visible;
    }

        .drawer_.drawer_open .drawer_content {
            transform: translateX(0);
        }

    .drawer_ .drawer_content {
        transform: translateX(var(--max--width));
        max-width: var(--max-width);
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 10;
        height: 100%;
        width: 100%;
        overflow: auto;
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-property: all;
        transition-timing-function: ease;
        transition-duration: 250ms;
    }

        .drawer_ .drawer_content .drawer_content_header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            border-bottom-width: 1px;
            --tw-border-opacity: 1;
            border-color: rgb(243 244 246 / var(--tw-border-opacity));
            padding-top: 0.75rem;
            padding-bottom: 0.75rem;
            padding-left: 1.25rem;
            padding-right: 1.25rem;
        }

            .drawer_ .drawer_content .drawer_content_header .dch_title {
                font-size: 1.25rem;
                line-height: 1.75rem;
                font-weight: 600;
                --tw-text-opacity: 1;
                color: hsl(var(--nextui-default-700) / var(--nextui-default-700-opacity, var(--tw-text-opacity)));
            }

        .drawer_ .drawer_content .drawer_content_body {
            padding: 1rem;
        }

    .drawer_.drawer_lg {
        --max-width: 800px;
        --max--width: -800px;
    }

    .drawer_:after {
        content: "";
        z-index: 0;
        position: absolute;
        top: 0px;
        left: 0px;
        height: 100%;
        width: 100%;
        background-color: rgb(79 41 10 / 0.8);
    }

.btn_ {
    --btn-background: hsl(var(--nextui-default-200));
    --btn-hover-bg: hsl(var(--nextui-default-300));
    --btn-color: hsl(var(--nextui-default-800));
    --btn-hover-color: hsl(var(--nextui-default-700));
    --btn-badge-background: hsl(var(--nextui-default-400));
    --btn-badge-color: hsl(var(--nextui-default-50));
    --btn-outline-color: hsl(var(--nextui-default-300));
    --btn-height: var(--item-h-md);
    --btn-badge-size: 1.3em;
    background: var(--btn-background);
    color: var(--btn-color);
    height: var(--btn-height);
    position: relative;
    display: inline-flex;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    align-items: center;
    justify-content: center;
    border-radius: 0.75rem;
    padding-left: 1rem;
    padding-right: 1rem;
    font-size: var(--nextui-font-size-small);
    line-height: var(--nextui-line-height-small);
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-property: all;
    transition-timing-function: ease;
    transition-duration: 250ms;
}

    .btn_:hover {
        color: var(--btn-hover-color) !important;
    }

    .btn_:focus {
        outline-color: var(--btn-outline-color);
    }

    .btn_ .lucide {
        width: 1.25rem;
    }

    .btn_.btn_no_hover {
        padding-left: 0px !important;
        padding-right: 0px !important;
        --btn-hover-bg: transparent !important;
    }

    .btn_.btn_rounded_full {
        border-radius: 9999px !important;
    }

    .btn_.btn_icon {
        width: var(--btn-height);
        aspect-ratio: 1 / 1;
        padding-left: 0px !important;
        padding-right: 0px !important;
        font-size: 1rem !important;
        line-height: 1.5rem !important;
    }

    .btn_.btn-icon-between {
        justify-content: space-between !important;
    }

    .btn_.btn_start {
        justify-content: flex-start !important;
    }

    .btn_.btn_left_icon {
        gap: 0.5rem;
    }

    .btn_.btn_lg {
        --btn-height: var(--item-h-lg);
        border-radius: 1rem;
        padding-left: 1.25rem;
        padding-right: 1.25rem;
        font-size: 1rem;
        line-height: 1.5rem;
    }

        .btn_.btn_lg.btn_right_chevron {
            padding-right: 1.75rem;
        }

            .btn_.btn_lg.btn_right_chevron .brc_icon {
                --ggs: 1;
                width: 2rem;
            }

    .btn_.btn_xl {
        --btn-height: var(--item-h-xl);
        border-radius: 1rem;
        padding-left: 2rem;
        padding-right: 2rem;
        font-size: 1rem;
        line-height: 1.5rem;
    }

        .btn_.btn_xl.btn_right_chevron {
            padding-right: 1.75rem;
        }

            .btn_.btn_xl.btn_right_chevron .brc_icon {
                --ggs: 1;
                width: 2rem;
            }

    .btn_.btn_sm {
        --btn-height: var(--item-h-sm);
        padding-left: 0.75rem;
        padding-right: 0.75rem;
        font-size: 0.875rem;
        line-height: 1.25rem;
    }

        .btn_.btn_sm.btn_right_chevron {
            padding-right: 1.5rem;
        }

            .btn_.btn_sm.btn_right_chevron .brc_icon {
                --ggs: 0.7;
                width: 1.75rem;
            }

        .btn_.btn_sm .lucide {
            width: 1rem;
        }

    .btn_.btn_xs {
        --btn-height: var(--item-h-xs);
        --btn-badge-size: 1.2em;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
        font-size: 0.75rem;
        line-height: 1rem;
    }

        .btn_.btn_xs.btn_right_chevron {
            padding-right: 1.25rem;
        }

            .btn_.btn_xs.btn_right_chevron .brc_icon {
                --ggs: 0.6;
                width: 1.25rem;
            }

        .btn_.btn_xs .lucide {
            width: 1rem;
        }

    .btn_.btn_primary {
        --btn-background: #db651b;
        --btn-hover-bg: #b64c18;
        --btn-hover-color: #fff;
        --btn-color: #fff;
        --btn-outline-color: #b64c18;
    }

    .btn_.btn_main,
    .btn_.btn_active {
        --btn-background: #462409;
        --btn-hover-bg: #3D2008;
        --btn-hover-color: #fff;
        --btn-color: #fff;
        --btn-outline-color: #3D2008;
    }

    .btn_.btn_secondary {
        --btn-background: #acaa84;
        --btn-hover-bg: #989168;
        --btn-hover-color: #fff;
        --btn-color: #fff;
        --btn-outline-color: #acaa84;
    }

    .btn_.btn_danger {
        --btn-background: #dc2626;
        --btn-hover-bg: #b91c1c;
        --btn-hover-color: #fff;
        --btn-color: #fff;
    }

    .btn_.btn_blue {
        --btn-background: #2563eb;
        --btn-hover-bg: #1d4ed8;
        --btn-hover-color: #fff;
        --btn-color: #fff;
        --btn-outline-color: #1d4ed8;
    }

    .btn_.btn_success {
        --btn-background: #12a150;
        --btn-hover-bg: #0e793c;
        --btn-hover-color: #fff;
        --btn-color: #fff;
        --btn-outline-color: #0e793c;
    }

    .btn_.btn_warning {
        --btn-background: #ca8a04;
        --btn-hover-bg: #a16207;
        --btn-hover-color: #fff;
        --btn-color: #fff;
        --btn-outline-color: #a16207;
    }

    .btn_.btn_transparent {
        --btn-background: transparent;
        --btn-hover-bg: rgba(0, 0, 0, 0.1);
    }

        .btn_.btn_transparent.btn_active {
            --btn-background: rgba(0, 0, 0, 0.1);
            --btn-hover-bg: #e5e7eb;
            --btn-color: #1f2937;
        }

        .btn_.btn_transparent:hover {
            background: var(--btn-hover-bg);
        }

    .btn_.disabled {
        pointer-events: none;
        opacity: 0.6;
    }

    .btn_.btn_active_primary {
        --btn-background: rgba(0, 0, 0, 0.1);
        --btn-hover-bg: rgba(0, 0, 0, 0.2);
        --btn-color: #1f2937;
    }

        .btn_.btn_active_primary.btn_active {
            --btn-background: #db651b;
            --btn-hover-bg: #b64c18;
            --btn-hover-color: #fff;
            --btn-color: #fff;
            --btn-outline-color: #b64c18;
        }

        .btn_.btn_active_primary:hover {
            background: var(--btn-hover-bg);
        }

    .btn_.btn_bho {
        border-color: var(--btn-background);
        color: var(--btn-background);
        border-radius: 9999px;
        border-width: 2px;
        border-style: solid;
        background-color: transparent;
    }

    .btn_.btn-text-right {
        justify-content: flex-end;
        text-align: right;
    }

    .btn_.btn-text-left {
        justify-content: flex-start;
        text-align: left;
    }

    .btn_.btn_full {
        width: 100%;
    }

    .btn_.btn_right_chevron {
        padding-right: 1.5rem;
    }

        .btn_.btn_right_chevron .brc_icon {
            position: absolute;
            --ggs: 0.9;
            right: 0;
            display: flex;
            width: 1.5rem;
            align-items: center;
            justify-content: center;
            text-align: center;
        }

            .btn_.btn_right_chevron .brc_icon:after {
                left: unset;
                transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                transition-property: transform;
                transition-timing-function: ease;
                transition-duration: 250ms;
            }

    .btn_.collapsed.btn_right_chevron:after {
        --tw-rotate: 0deg;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

    .btn_.btn_light {
        --btn-background: rgba(0, 0, 0, 0.1);
        --btn-hover-bg: rgba(0, 0, 0, 0.2);
    }

    .btn_.btn_badge_primary {
        --btn-badge-background: #e9781c;
        --btn-badge-color: #fceed8;
        --btn-hover-color: #1f2937;
    }

    .btn_.btn_mode {
        --btn-background: #374151;
        --btn-hover-bg: #374151;
        --btn-color: #fff;
    }

        .btn_.btn_mode .light_icon {
            display: none;
        }

    .btn_ .btn_badge {
        background: var(--btn-badge-background);
        color: var(--btn-badge-color);
        width: var(--btn-badge-size);
        height: var(--btn-badge-size);
        position: absolute;
        right: -0.25rem;
        top: -0.25rem;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 0.75rem;
        font-size: 0.68rem;
        line-height: .8rem;
        --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
        --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .btn_:hover {
        background-color: var(--btn-hover-bg);
    }

.dark .btn_.btn_mode {
    --btn-background: #facc15;
    --btn-hover-bg: #eab308;
    --btn-color: #fff;
}

    .dark .btn_.btn_mode .dark_icon {
        display: none;
    }

    .dark .btn_.btn_mode .light_icon {
        display: block;
    }

.btn-check:checked + .btn_ {
    border-color: transparent;
    --tw-bg-opacity: 1;
    background-color: rgb(219 101 27 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.dropdown_ {
    position: relative;
    display: inline-flex;
}

    .dropdown_.dropdown_static_full {
        position: static !important;
    }

        .dropdown_.dropdown_static_full .dropdown_content {
            width: 100%;
        }

    .dropdown_.d-active .btn_ {
        transform: scale(0.95);
    }

        .dropdown_.d-active .btn_.btn_transparent {
            --btn-background: hsl(var(--nextui-default-900) / 10%);
        }

        .dropdown_.d-active .btn_.btn_right_chevron .brc_icon:after {
            border-bottom: none;
            border-top: 2px solid;
            border-right: 2px solid;
            transform: rotate(-45deg);
            bottom: 2px;
            top: unset;
        }

    .dropdown_.d-active .dropdown_content {
        display: block;
    }

    .dropdown_ .dropdown_trigger {
        display: inline-flex;
        cursor: pointer;
    }

        .dropdown_ .dropdown_trigger * {
            pointer-events: none;
        }

    .dropdown_ .dropdown_content {
        position: absolute;
        top: 100%;
        left: 0px;
        z-index: 10;
        display: none;
        min-width: 11rem;
    }

        .dropdown_ .dropdown_content > :not([hidden]) ~ :not([hidden]) {
            --tw-divide-y-reverse: 0;
            border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
            border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
            --tw-divide-opacity: 1;
            border-color: rgb(243 244 246 / var(--tw-divide-opacity));
        }

    .dropdown_ .dropdown_content {
        border-radius: 0.5rem;
        --tw-bg-opacity: 1;
        background-color: hsl(var(--nextui-default-50) / var(--nextui-default-50-opacity, var(--tw-bg-opacity)));
        --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
        --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

        .dropdown_ .dropdown_content.dropdown_content_right {
            right: 0px;
            left: auto;
        }

        .dropdown_ .dropdown_content .dc_items_list {
            padding-top: 0.5rem;
            padding-bottom: 0.5rem;
            font-size: 0.875rem;
            line-height: 1.25rem;
            --tw-text-opacity: 1;
            color: hsl(var(--nextui-default-700) / var(--nextui-default-700-opacity, var(--tw-text-opacity)));
        }

            .dropdown_ .dropdown_content .dc_items_list .dc_item .dc_menu,
            .dropdown_ .dropdown_content .dc_items_list .dc_item a {
                cursor: pointer;
                padding-left: 1rem;
                padding-right: 1rem;
                padding-top: 0.25rem;
                padding-bottom: 0.25rem;
            }

                .dropdown_ .dropdown_content .dc_items_list .dc_item .dc_menu:hover,
                .dropdown_ .dropdown_content .dc_items_list .dc_item a:hover {
                    --tw-bg-opacity: 1;
                    background-color: hsl(var(--nextui-default-200) / var(--nextui-default-200-opacity, var(--tw-bg-opacity)));
                }

            .dropdown_ .dropdown_content .dc_items_list .dc_item a {
                display: block;
            }

            .dropdown_ .dropdown_content .dc_items_list .dc_item .dc_menu {
                display: flex;
                align-items: center;
                gap: 0.25rem;
            }

.floting_select_ {
    position: relative;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: ease;
    transition-duration: 250ms;
}

    .floting_select_.fs_lg .select_ {
        --select-height: var(--item-h-lg);
        width: 100%;
        padding-top: 1rem;
        padding-bottom: 0px;
        padding-left: 0.75rem;
        padding-right: 2rem;
        font-size: 0.9rem;
        line-height: 1.3rem;
    }

    .floting_select_.fs_lg label {
        top: 0.375rem;
        left: 0.875rem;
        font-size: 0.75rem;
        line-height: 1rem;
    }

    .floting_select_.fs_sm .select_ {
        --select-height: var(--item-h-sm);
        width: 100%;
        padding-top: 0.75rem;
        padding-bottom: 0px;
        padding-left: 0.75rem;
        padding-right: 2rem;
        font-size: 0.75rem;
        line-height: 1rem;
    }

    .floting_select_.fs_sm label {
        left: 0.875rem;
        top: .2em;
        font-size: .6em;
    }

    .floting_select_.active__focus {
        transform: scale(0.95);
    }

        .floting_select_.active__focus:after {
            transform: translateY(0.4em) rotate(-45deg) !important;
        }

    .floting_select_ .select_ {
        --select-height: var(--item-h-md);
        width: 100%;
        padding-top: 0.75rem;
        padding-bottom: 0px;
        padding-left: 0.75rem;
        padding-right: 2rem;
        font-size: 0.875rem;
        line-height: 1.25rem;
    }

    .floting_select_ label {
        pointer-events: none;
        position: absolute;
        left: 0.875rem;
        top: .4em;
        font-size: 0.68rem;
        line-height: .8rem;
        font-weight: 500;
        --tw-text-opacity: 1;
        color: hsl(var(--nextui-default-600) / var(--nextui-default-600-opacity, var(--tw-text-opacity)));
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-property: all;
        transition-timing-function: ease;
        transition-duration: 250ms;
    }

    .floting_select_:after {
        position: absolute;
        bottom: 50%;
        transform: translateY(0.1em) rotate(135deg);
        border-style: solid;
        border-width: 0.1em 0.1em 0 0;
        content: '';
        display: inline-block;
        height: 0.6em;
        vertical-align: top;
        width: 0.6em;
        right: 0.875rem;
        --tw-border-opacity: 1;
        border-color: hsl(var(--nextui-default-800) / var(--nextui-default-800-opacity, var(--tw-border-opacity)));
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
        transition-timing-function: ease;
        transition-duration: 250ms;
    }

.select_container {
    position: relative;
    display: inline-flex;
    flex-direction: column;
    gap: 0.25rem;
}

    .select_container .select_ {
        --select-height: var(--item-h-md);
        padding-right: 2rem;
        font-size: 0.875rem;
        line-height: 1.25rem;
    }

    .select_container.select_lg .select_ {
        --select-height: var(--item-h-lg);
        width: 100%;
        padding-left: 0.75rem;
        padding-right: 2rem;
        font-size: 0.9rem;
        line-height: 1.3rem;
    }

    .select_container.select_sm .select_ {
        --select-height: var(--item-h-sm);
        width: 100%;
        padding-left: 0.75rem;
        padding-right: 2rem;
        font-size: 0.75rem;
        line-height: 1rem;
    }

    .select_container.select_sm:after {
        transform: translateY(0.16em) rotate(135deg);
    }

    .select_container.active__focus {
        transform: scale(0.95);
    }

        .select_container.active__focus:after {
            transform: translateY(0.4em) rotate(-45deg) !important;
        }

    .select_container:after {
        position: absolute;
        bottom: 50%;
        transform: translateY(0.1em) rotate(135deg);
        border-style: solid;
        border-width: 0.1em 0.1em 0 0;
        content: '';
        display: inline-block;
        height: 0.6em;
        vertical-align: top;
        width: 0.6em;
        right: 0.875rem;
        --tw-border-opacity: 1;
        border-color: hsl(var(--nextui-default-800) / var(--nextui-default-800-opacity, var(--tw-border-opacity)));
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
        transition-timing-function: ease;
        transition-duration: 250ms;
    }

.select_ {
    --select-background: hsl(var(--nextui-default-200));
    --select-hover-bg: hsl(var(--nextui-default-300));
    --select-color: hsl(var(--nextui-default-800));
    --select-hover-color: hsl(var(--nextui-default-700));
    --select-height: var(--item-h-md);
    background: var(--select-background);
    color: var(--select-color);
    height: var(--select-height);
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-position: left center;
    background-repeat: no-repeat;
    position: relative;
    display: inline-flex;
    width: 100%;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    align-items: center;
    justify-content: center;
    border-radius: 0.5rem;
    border-width: 2px;
    border-color: transparent;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    font-size: 0.9rem;
    line-height: 1.3rem;
    outline: 2px solid transparent;
    outline-offset: 2px;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-property: all;
    transition-timing-function: ease;
    transition-duration: 250ms;
}

    .select_.select_sm {
        --select-height: var(--item-h-sm);
        padding-left: 0.375rem;
        padding-right: 0.375rem;
        font-size: 0.813rem;
    }

    .select_.select_xs {
        --select-height: var(--item-h-xs);
        border-radius: 0.5rem;
        padding-left: 0.25rem;
        padding-right: 0.25rem;
        font-size: 0.75rem;
        line-height: 1rem;
    }

    .select_:focus {
        --tw-border-opacity: 1;
        border-color: rgb(79 41 10 / var(--tw-border-opacity));
    }

.input_ {
    --input-background: hsl(var(--nextui-default-200));
    --input-color: hsl(var(--nextui-default-800));
    --input-border-color: hsl(var(--nextui-default-200));
    --input-height: var(--item-h-md);
}

    .input_:not([type='checkbox']):not([type='radio']) {
        background-color: var(--input-background);
        color: var(--input-color);
        border-color: var(--input-border-color);
        height: var(--input-height);
        display: block;
        width: 100%;
        border-radius: 0.5rem;
        border-width: 2px;
        border-color: transparent;
        padding: 0.75rem;
        font-size: 0.875rem;
        line-height: 1.25rem;
    }

        .input_:not([type='checkbox']):not([type='radio']):focus {
            --tw-border-opacity: 1;
            border-color: rgb(79 41 10 / var(--tw-border-opacity));
            outline: 2px solid transparent;
            outline-offset: 2px;
        }

        .input_:not([type='checkbox']):not([type='radio']).input_sm {
            --input-height: var(--item-h-sm);
            padding-left: 0.5rem;
            padding-right: 0.5rem;
            padding-top: 0.5rem;
            padding-bottom: 0.5rem;
            font-size: 0.813rem;
        }

        .input_:not([type='checkbox']):not([type='radio']).input_xs {
            --input-height: var(--item-h-xs);
            border-radius: 0.5rem;
            padding-left: 0.375rem;
            padding-right: 0.375rem;
            padding-top: 0.25rem;
            padding-bottom: 0.25rem;
            font-size: 0.68rem;
            line-height: .8rem;
        }

        .input_:not([type='checkbox']):not([type='radio']).input_border_none {
            --input-border-color: transparent;
        }

    .input_[type='checkbox'] {
        width: 1rem;
        height: 1rem;
        color: var(--input-color);
        vertical-align: middle;
        -webkit-appearance: none;
        border: 0;
        outline: 0;
        flex-grow: 0;
        background-color: var(--input-background);
        transition: background 300ms;
        cursor: pointer;
        border-radius: 0.25rem;
    }

        .input_[type='checkbox'].input_primary {
            --input-color: #e9781c;
        }

        .input_[type='checkbox']:before {
            content: "";
            color: transparent;
            display: block;
            width: inherit;
            height: inherit;
            border-radius: inherit;
            border: 0;
            background-color: transparent;
            background-size: contain;
            box-shadow: inset 0 0 0 1px var(--input-border-color);
        }

        .input_[type='checkbox']:checked {
            background-color: currentcolor;
        }

            .input_[type='checkbox']:checked:before {
                box-shadow: none;
                background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E %3Cpath d='M15.88 8.29L10 14.17l-1.88-1.88a.996.996 0 1 0-1.41 1.41l2.59 2.59c.39.39 1.02.39 1.41 0L17.3 9.7a.996.996 0 0 0 0-1.41c-.39-.39-1.03-.39-1.42 0z' fill='%23fff'/%3E %3C/svg%3E");
            }

    .input_[type='radio'] {
        width: 1rem;
        height: 1rem;
        color: var(--input-color);
        vertical-align: middle;
        -webkit-appearance: none;
        border: 0;
        outline: 0;
        flex-grow: 0;
        background-color: var(--input-background);
        transition: background 300ms;
        cursor: pointer;
        border-radius: 9999px;
    }

        .input_[type='radio'].input_primary {
            --input-color: #e9781c;
        }

        .input_[type='radio']:before {
            content: "";
            color: transparent;
            display: block;
            width: inherit;
            height: inherit;
            border-radius: inherit;
            border: 0;
            background-color: transparent;
            background-size: contain;
            box-shadow: inset 0 0 0 1px var(--input-border-color);
        }

        .input_[type='radio']:checked {
            background-color: currentcolor;
        }

            .input_[type='radio']:checked:before {
                box-shadow: none;
                background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E %3Cpath d='M15.88 8.29L10 14.17l-1.88-1.88a.996.996 0 1 0-1.41 1.41l2.59 2.59c.39.39 1.02.39 1.41 0L17.3 9.7a.996.996 0 0 0 0-1.41c-.39-.39-1.03-.39-1.42 0z' fill='%23fff'/%3E %3C/svg%3E");
            }

.textarea_ {
    --input-background: hsl(var(--nextui-default-200));
    --input-color: hsl(var(--nextui-default-800));
    --input-border-color: hsl(var(--nextui-default-300));
    background-color: var(--input-background);
    color: var(--input-color);
    border-color: var(--input-border-color);
    display: block;
    width: 100%;
    resize: none;
    border-radius: 0.5rem;
    border-width: 1px;
    padding: 0.625rem;
    font-size: 1rem;
    line-height: 1.5rem;
}

    .textarea_:focus {
        --tw-border-opacity: 1;
        border-color: rgb(79 41 10 / var(--tw-border-opacity));
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(79 41 10 / var(--tw-ring-opacity));
    }

    .textarea_:focus-visible {
        outline-color: #4F290A;
    }

    .textarea_.textarea_sm {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        font-size: 0.813rem;
    }

    .textarea_.textarea_xs {
        border-radius: 0.5rem;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
        padding-top: 0.25rem;
        padding-bottom: 0.25rem;
        font-size: 0.75rem;
        line-height: 1rem;
    }

.form_input_ {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 0.25rem;
}

    .form_input_ label {
        padding-left: 0.25rem;
        padding-right: 0.25rem;
        font-size: 0.875rem;
        line-height: 1.25rem;
        font-weight: 500;
        --tw-text-opacity: 1;
        color: hsl(var(--nextui-default-600) / var(--nextui-default-600-opacity, var(--tw-text-opacity)));
    }

.header {
    position: sticky;
    top: 0px;
    z-index: 50;
    height: 5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

    .header .mh-content {
        margin-left: auto;
        margin-right: auto;
        display: flex;
        height: 100%;
        width: 100%;
        max-width: 80rem;
        align-items: center;
        justify-content: space-between;
    }

        .header .mh-content .mhc-left {
            flex-shrink: 0;
        }

@media (min-width: 768px) {
    .header .mh-content .mhc-left .logo_main {
        height: 60px;
    }
}

.header .mh-content .mhc-left img {
    height: 2rem;
}

@media (min-width: 1024px) {
    .header .mh-content .mhc-right .mhc-mobile-open-btn {
        display: none;
    }
}

@media (max-width: 1024px) {
    .header .mh-content .mhc-right .mh-menu {
        transform: translateY(-100%);
        z-index: 100;
        position: fixed;
        top: 0px;
        left: 0px;
        display: inline-flex;
        height: 100dvh;
        width: 100%;
        align-items: center;
        justify-content: center;
        background-color: hsl(var(--nextui-default-100) / 0.7);
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
        opacity: 0;
        --tw-backdrop-blur: blur(24px);
        -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-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-property: all;
        transition-timing-function: ease;
        transition-duration: 250ms;
    }

    @media (min-width: 1024px) {
        .header .mh-content .mhc-right .mh-menu {
            display: none;
        }
    }

    .header .mh-content .mhc-right .mh-menu .mhc-menus {
        margin-top: auto;
        margin-bottom: auto;
        display: block !important;
    }

        .header .mh-content .mhc-right .mh-menu .mhc-menus > :not([hidden]) ~ :not([hidden]) {
            --tw-space-y-reverse: 0;
            margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
            margin-bottom: calc(1rem * var(--tw-space-y-reverse));
        }

    .header .mh-content .mhc-right .mh-menu .mhc-menus {
        text-align: center;
    }
}

.header .mh-content .mhc-right .mhc-menus {
    display: flex;
    gap: 1rem;
}

@media (max-width: 1024px) {
    .header .mh-content .mhc-right .mhc-menus .mhc-dropdown {
        flex-direction: column;
    }

        .header .mh-content .mhc-right .mhc-menus .mhc-dropdown .dropdown_trigger a:after {
            background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%234F290A" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-up"><path d="m18 15-6-6-6 6"/></svg>');
            background-position: center;
            background-size: contain;
            background-repeat: no-repeat;
            display: block;
            height: 2.5rem;
            width: 2.5rem;
        }

        .header .mh-content .mhc-right .mhc-menus .mhc-dropdown .dropdown_content {
            position: relative;
            margin-top: 1rem;
            background-color: transparent !important;
            padding-bottom: 0px;
        }

            .header .mh-content .mhc-right .mhc-menus .mhc-dropdown .dropdown_content .mhc-dropdown-list li a {
                font-size: 1.125rem !important;
                line-height: 1.75rem !important;
            }
}

.header .mh-content .mhc-right .mhc-menus .mhc-dropdown.d-active .dropdown_trigger a {
    transform: scale(0.95);
}

    .header .mh-content .mhc-right .mhc-menus .mhc-dropdown.d-active .dropdown_trigger a:after {
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%234F290A" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-up"><path d="m18 15-6-6-6 6"/></svg>');
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        display: block;
        height: 1.25rem;
        width: 1.25rem;
    }

.header .mh-content .mhc-right .mhc-menus .mhc-dropdown .dropdown_trigger {
    --hover-border-color: #3E0000;
    justify-content: center;
}

    .header .mh-content .mhc-right .mhc-menus .mhc-dropdown .dropdown_trigger a {
        position: relative;
        padding-right: 1.25rem;
        text-align: center;
    }

        .header .mh-content .mhc-right .mhc-menus .mhc-dropdown .dropdown_trigger a:after {
            content: "";
            position: absolute;
            background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%234F290A" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down"><path d="m6 9 6 6 6-6"/></svg>');
            background-position: center;
            background-size: contain;
            background-repeat: no-repeat;
            right: 0px;
            top: 50%;
            display: block;
            height: 1.25rem;
            width: 1.25rem;
            --tw-translate-y: -50%;
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        }

.header .mh-content .mhc-right .mhc-menus .mhc-dropdown .dropdown_content {
    max-height: 24rem;
    width: 100%;
    overflow: auto;
}

@media (min-width: 1024px) {
    .header .mh-content .mhc-right .mhc-menus .mhc-dropdown .dropdown_content {
        width: 16rem;
    }
}

.header .mh-content .mhc-right .mhc-menus .mhc-dropdown .dropdown_content .mhc-dropdown-list {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

    .header .mh-content .mhc-right .mhc-menus .mhc-dropdown .dropdown_content .mhc-dropdown-list li a {
        display: block;
        width: 100%;
        border-radius: 0.5rem;
        padding-left: 0.75rem;
        padding-right: 0.75rem;
        padding-top: 0.25rem;
        padding-bottom: 0.25rem;
        text-align: left;
        font-size: 0.875rem;
        line-height: 1.25rem;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-property: all;
        transition-timing-function: ease;
        transition-duration: 250ms;
    }

        .header .mh-content .mhc-right .mhc-menus .mhc-dropdown .dropdown_content .mhc-dropdown-list li a:hover {
            background-color: rgb(79 41 10 / 0.2);
        }

@media (min-width: 1024px) {
    .header .mh-content .mhc-right .mhc-menus li.mhc-mobile-btn {
        display: none;
    }
}

.header .mh-content .mhc-right .mhc-menus li a {
    color: #3E0000;
    --hover-border-color: #3E0000;
    text-align: center;
    font-size: 1.125rem;
    line-height: 1.75rem;
}

@media (max-width: 1024px) {
    .header .mh-content .mhc-right .mhc-menus li a {
        display: inline-flex;
        font-size: 1.5rem;
        line-height: 2rem;
        font-weight: 800;
        letter-spacing: -0.025em;
    }

    @media (min-width: 768px) {
        .header .mh-content .mhc-right .mhc-menus li a {
            font-size: 1.875rem;
            line-height: 2.25rem;
        }
    }
}

.header .mh-content .mhc-right .mhc-menus li:last-child a:after {
    left: 0px;
    width: 100%;
}

@media (max-width: 1024px) {
    .mobile-header-open .mh-menu {
        transform: translateY(0) !important;
        opacity: 1 !important;
    }
}

.modal {
    --rounded-box: 1rem;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    display: grid;
    max-height: none;
    width: 100%;
    max-width: none;
    justify-items: center;
    padding: 0;
    opacity: 0;
    overscroll-behavior: contain;
    z-index: 999;
    background-color: transparent;
    color: inherit;
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    transition-property: transform, opacity, visibility;
    overflow-y: hidden;
    pointer-events: none;
    height: 100dvh;
    align-items: center;
}

    .modal::backdrop {
        background-color: #0006;
        animation: modal-pop 0.2s ease-out;
    }

    .modal[open] {
        pointer-events: auto;
        visibility: visible;
        opacity: 1;
        outline: none;
    }

        .modal[open] .modal-box {
            --tw-translate-y: 0px;
            --tw-scale-x: 1;
            --tw-scale-y: 1;
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        }

    .modal .modal-box {
        max-height: calc(100vh - 5em);
        grid-column-start: 1;
        grid-row-start: 1;
        width: 91.666667%;
        max-width: 40rem;
        --tw-scale-x: 0.9;
        --tw-scale-y: 0.9;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
        transition-duration: 0.2s;
        box-shadow: #00000040 0 25px 50px -12px;
        overscroll-behavior: contain;
        outline: none;
        display: flex;
        height: auto;
        overflow: hidden;
        border-radius: 1rem;
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
        padding: 0px;
    }

        .modal .modal-box .mdm-content {
            display: flex;
            min-height: 0px;
            flex: 1 1 0%;
            flex-direction: column;
        }

        .modal .modal-box .mdm-close {
            position: absolute;
            right: 1rem;
            top: 1rem;
        }

        .modal .modal-box .mdm-image .mdm-image-content img {
            aspect-ratio: 16 / 9;
            height: 100%;
            max-height: 20rem;
            width: 100%;
            -o-object-fit: cover;
            object-fit: cover;
        }

        .modal .modal-box .mdm-info {
            flex: 1 1 0%;
            overflow: auto;
            padding: 1rem;
        }

            .modal .modal-box .mdm-info .mdm-title {
                padding-bottom: 0.75rem;
                text-align: center;
                font-size: 2.25rem;
                line-height: 2.5rem;
                font-weight: 600;
                --tw-text-opacity: 1;
                color: rgb(79 41 10 / var(--tw-text-opacity));
            }

            .modal .modal-box .mdm-info .bc-infos {
                display: grid;
                grid-template-columns: repeat(1, minmax(0, 1fr));
                gap: 1rem;
            }

@media (min-width: 768px) {
    .modal .modal-box .mdm-info .bc-infos {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.modal .modal-box .mdm-info .bc-infos .bci-card {
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: space-between;
    padding: 1rem;
}

    .modal .modal-box .mdm-info .bc-infos .bci-card .bci-icon {
        margin-bottom: 1rem;
    }

    .modal .modal-box .mdm-info .bc-infos .bci-card .bci-title {
        margin-bottom: 0.5rem;
        font-size: 1.25rem;
        line-height: 1.75rem;
        font-weight: 500;
        --tw-text-opacity: 1;
        color: rgb(79 41 10 / var(--tw-text-opacity));
    }

    .modal .modal-box .mdm-info .bc-infos .bci-card .bci-description {
        overflow-wrap: break-word;
        font-size: 1rem;
        line-height: 1.5rem;
        --tw-text-opacity: 1;
        color: rgb(75 85 99 / var(--tw-text-opacity));
    }

.modal .modal-backdrop {
    z-index: -1;
    grid-column-start: 1;
    grid-row-start: 1;
    display: grid;
    align-self: stretch;
    justify-self: stretch;
    color: transparent;
}

    .modal .modal-backdrop button {
        outline: none;
    }

.tooltip_ {
    display: none;
    position: absolute;
    background-color: #333;
    color: #fff;
    padding: 5px;
    border-radius: 5px;
    font-size: 12px;
    z-index: 1000;
    white-space: nowrap;
}

@keyframes modal-pop {
    0% {
        opacity: 0;
    }
}

.de {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.gallery-container {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
}

@media (min-width: 640px) {
    .gallery-container {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1024px) {
    .gallery-container {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

.gallery-item {
    position: relative;
    cursor: pointer;
    overflow: hidden;
    border-radius: 1rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--nextui-default-100) / var(--nextui-default-100-opacity, var(--tw-bg-opacity)));
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-property: all;
    transition-timing-function: ease;
    transition-duration: 250ms;
}

    .gallery-item .gallery-image {
        -o-object-fit: contain;
        object-fit: contain;
    }

    .gallery-item:hover {
        --tw-scale-x: 1.02;
        --tw-scale-y: 1.02;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
        --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

        .gallery-item:hover .gallery-image {
            --tw-brightness: brightness(.9);
            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);
        }

        .gallery-item:hover .gallery-item-overlay {
            opacity: 1;
        }

.gallery-image {
    height: 300px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-property: all;
    transition-timing-function: ease;
    transition-duration: 250ms;
}

.gallery-item-overlay {
    position: absolute;
    inset: 0px;
    display: flex;
    align-items: flex-end;
    background-image: linear-gradient(to top, var(--tw-gradient-stops));
    --tw-gradient-from: rgb(0 0 0 / 0.6) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: transparent var(--tw-gradient-to-position);
    padding: 1rem;
    opacity: 0;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-property: opacity;
    transition-timing-function: ease;
    transition-duration: 250ms;
}

    .gallery-item-overlay .gallery-item-title {
        font-size: 1.125rem;
        line-height: 1.75rem;
        font-weight: 600;
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity));
    }

.gallery-modal {
    position: fixed;
    inset: 0px;
    z-index: 50;
    display: none;
    align-items: center;
    justify-content: center;
    overflow: auto;
    background-color: rgb(0 0 0 / 0.8);
    --tw-backdrop-blur: blur(4px);
    -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: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}

.gallery-modal-content {
    display: flex;
    height: 90vh;
    max-height: 90vh;
    width: 100%;
    max-width: 90%;
    flex-direction: column;
    overflow: hidden;
    border-radius: 0.5rem;
    background-color: rgb(255 255 255 / 0.1);
    --tw-backdrop-blur: blur(24px);
    -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);
}

.gallery-modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: rgb(255 255 255 / 0.1);
    padding: 1.25rem;
    --tw-backdrop-blur: blur(4px);
    -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);
}

.gallery-modal-title {
    margin: 0px;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

.gallery-modal-close {
    display: flex;
    height: 40px;
    width: 40px;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    background-color: rgb(255 255 255 / 0.1);
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    --tw-backdrop-blur: blur(4px);
    -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-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-property: all;
    transition-timing-function: ease;
    transition-duration: 250ms;
}

    .gallery-modal-close:hover {
        background-color: rgb(255 255 255 / 0.2);
    }

.gallery-modal-close {
    font-size: 24px;
}

.gallery-modal-body {
    display: flex;
    flex-grow: 1;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.gallery-slider {
    height: 100%;
    width: 100%;
}

    .gallery-slider .swiper-slide {
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .gallery-slider .swiper-slide img {
            max-height: 80vh;
            max-width: 100%;
            border-radius: 0.5rem;
            -o-object-fit: contain;
            object-fit: contain;
        }

    .gallery-slider .swiper-button-next,
    .gallery-slider .swiper-button-prev {
        display: flex;
        height: 50px;
        width: 50px;
        align-items: center;
        justify-content: center;
        border-radius: 9999px;
        background-color: rgb(255 255 255 / 0.1);
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity));
        --tw-backdrop-blur: blur(4px);
        -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);
    }

        .gallery-slider .swiper-button-next:after,
        .gallery-slider .swiper-button-prev:after {
            font-size: 1.25rem;
            line-height: 1.75rem;
        }

        .gallery-slider .swiper-button-next:hover,
        .gallery-slider .swiper-button-prev:hover {
            background-color: rgb(255 255 255 / 0.2);
        }

.fade-in {
    animation: fadeIn 0.3s ease-in-out;
}

.fade-out {
    animation: fadeOut 0.3s ease-in-out;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

::-moz-selection {
    --tw-bg-opacity: 1;
    background-color: rgb(79 41 10 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

::selection {
    --tw-bg-opacity: 1;
    background-color: rgb(79 41 10 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

body {
    font-size: 14px;
    --bs-border-color: var(--nextui-default-100);
    line-height: 1.3;
    background: #F6F5F0;
    font-weight: 400;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--nextui-content1) / var(--nextui-content1-opacity, var(--tw-bg-opacity)));
    --tw-text-opacity: 1;
    color: hsl(var(--nextui-foreground) / var(--nextui-foreground-opacity, var(--tw-text-opacity)));
}

html,
body {
    font-family: 'Proxima Nova Rg', sans-serif;
}

.content-sidebar {
    height: calc(100vh - 5rem) !important;
}

.collapse {
    visibility: unset !important;
}

[data-show=false] {
    display: none;
}

.link-href {
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(188 97 24 / var(--tw-text-opacity));
}

    .link-href:hover {
        text-decoration-line: underline;
    }

.link-hover {
    --hover-border-color: #fff;
    position: relative;
}

    .link-hover:after {
        content: "";
        transition: width 0.3s ease 0s, left 0.3s ease 0s;
        background: var(--hover-border-color);
        position: absolute;
        bottom: -0.25rem;
        left: 50%;
        display: block;
        height: 0.125rem;
        width: 0px;
    }

    .link-hover:hover:after {
        width: 100%;
        left: 0;
    }

.overlay {
    background: rgba(0, 0, 0, 0.5);
    z-index: 99999;
    position: fixed;
    top: 0px;
    left: 0px;
    display: none;
    height: 100%;
    width: 100%;
}

footer {
    --tw-bg-opacity: 1;
    background-color: rgb(247 247 243 / var(--tw-bg-opacity));
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}

    footer .f-content {
        margin-left: auto;
        margin-right: auto;
        display: grid;
        max-width: 80rem;
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: 2rem;
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }

@media (min-width: 768px) {
    footer .f-content {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 0px;
    }
}

footer .f-content .fc-left .fcl-menus-lists > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}

footer .f-content .fc-left .fcl-menus-lists li {
    --tw-text-opacity: 1;
    color: rgb(79 41 10 / var(--tw-text-opacity));
}

    footer .f-content .fc-left .fcl-menus-lists li h5 {
        margin-bottom: 0.75rem;
        font-size: 1rem;
        line-height: 1.5rem;
        font-weight: 600;
    }

    footer .f-content .fc-left .fcl-menus-lists li .fclm-links {
        display: inline-flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
    }

        footer .f-content .fc-left .fcl-menus-lists li .fclm-links a {
            --hover-border-color: #4F290A;
        }

footer .f-content .fc-right {
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: space-between;
    gap: 1.5rem;
}

@media (min-width: 768px) {
    footer .f-content .fc-right {
        grid-column: span 2 / span 2;
    }
}

footer .f-content .fc-right .fcr-title {
    display: flex;
    flex-direction: column;
}

    footer .f-content .fc-right .fcr-title b {
        font-size: 1.25rem;
        line-height: 1.75rem;
        font-weight: 600;
    }

@media (min-width: 768px) {
    footer .f-content .fc-right .fcr-title b {
        font-size: 1.875rem;
        line-height: 2.25rem;
    }
}

footer .f-content .fc-right .fcr-title span {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 500;
}

@media (min-width: 768px) {
    footer .f-content .fc-right .fcr-title span {
        font-size: 1.5rem;
        line-height: 2rem;
    }
}

footer .f-content .fc-right .fcr-title span,
footer .f-content .fc-right .fcr-title b {
    display: inline-block;
    line-height: 2.5rem;
    --tw-text-opacity: 1;
    color: rgb(79 41 10 / var(--tw-text-opacity));
}

footer .f-content .fc-right .fcr-form .fcrf-content {
    display: flex;
    width: 100%;
    gap: 0.5rem;
}

    footer .f-content .fc-right .fcr-form .fcrf-content input {
        height: var(--item-h-md);
        width: 100%;
        border-bottom-width: 2px;
        --tw-border-opacity: 1;
        border-color: rgb(79 41 10 / var(--tw-border-opacity));
        background-color: transparent;
        padding-left: 0.75rem;
        padding-right: 0.75rem;
        padding-top: 1rem;
        padding-bottom: 1rem;
        font-size: 1rem;
        line-height: 1.5rem;
        outline: 2px solid transparent;
        outline-offset: 2px;
    }

footer .f-content .fc-right .fc-list-items {
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
}

    footer .f-content .fc-right .fc-list-items .fcl-item > :not([hidden]) ~ :not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
    }

    footer .f-content .fc-right .fc-list-items .fcl-item {
        font-size: 1rem;
        line-height: 1.5rem;
        --tw-text-opacity: 1;
        color: rgb(79 41 10 / var(--tw-text-opacity));
    }

        footer .f-content .fc-right .fc-list-items .fcl-item p {
            font-weight: 600;
        }

            footer .f-content .fc-right .fc-list-items .fcl-item p a {
                --hover-border-color: #4F290A;
            }

footer .f-content .fc-right .fc-social-links {
    display: flex;
    align-items: center;
    gap: 1rem;
}

    footer .f-content .fc-right .fc-social-links a {
        background-repeat: no-repeat;
        --hover-border-color: #4F290A;
        display: block;
        height: 2.5rem;
        width: 2.5rem;
    }

    footer .f-content .fc-right .fc-social-links .fcs-instagram {
        background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiM1MTI4MGEiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1pbnN0YWdyYW0iPjxyZWN0IHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgeD0iMiIgeT0iMiIgcng9IjUiIHJ5PSI1Ii8+PHBhdGggZD0iTTE2IDExLjM3QTQgNCAwIDEgMSAxMi42MyA4IDQgNCAwIDAgMSAxNiAxMS4zN3oiLz48bGluZSB4MT0iMTcuNSIgeDI9IjE3LjUxIiB5MT0iNi41IiB5Mj0iNi41Ii8+PC9zdmc+");
    }

    footer .f-content .fc-right .fc-social-links .fcs-facebook {
        background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiM1MTI4MGEiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1mYWNlYm9vayI+PHBhdGggZD0iTTE4IDJoLTNhNSA1IDAgMCAwLTUgNXYzSDd2NGgzdjhoNHYtOGgzbDEtNGgtNFY3YTEgMSAwIDAgMSAxLTFoM3oiLz48L3N2Zz4=");
    }

    footer .f-content .fc-right .fc-social-links .fcs-twitter {
        background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiM1MTI4MGEiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS10d2l0dGVyIj48cGF0aCBkPSJNMjIgNHMtLjcgMi4xLTIgMy40YzEuNiAxMC05LjQgMTcuMy0xOCAxMS42IDIuMi4xIDQuNC0uNiA2LTJDMyAxNS41LjUgOS42IDMgNWMyLjIgMi42IDUuNiA0LjEgOSA0LS45LTQuMiA0LTYuNiA3LTMuOCAxLjEgMCAzLTEuMiAzLTEuMnoiLz48L3N2Zz4=");
    }

footer .f-content .fc-bottom {
    margin-top: 2rem;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: 0.75rem;
}

@media (min-width: 768px) {
    footer .f-content .fc-bottom {
        grid-column: span 3 / span 3;
    }
}

footer .f-content .fc-bottom img {
    height: 2rem;
}

footer .f-content .fc-bottom p {
    font-size: 0.75rem;
    line-height: 1rem;
    letter-spacing: .15em;
    --tw-text-opacity: 1;
    color: rgb(79 41 10 / var(--tw-text-opacity));
}

.main {
    overflow: hidden;
}

    .main.landing-page {
        height: 100dvh;
        overflow: hidden;
    }

        .main.landing-page .lp-bg-video .lpb-overlay {
            background: rgba(0, 0, 0, 0.5);
            z-index: 1;
            position: absolute;
            inset: 0px;
            height: 100%;
            width: 100%;
        }

        .main.landing-page .lp-bg-video video {
            position: absolute;
            inset: 0px;
            display: block;
            height: 100%;
            width: 100%;
            -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none;
            -o-object-fit: cover;
            object-fit: cover;
        }

        .main.landing-page .lp-content {
            position: relative;
            z-index: 10;
            margin-left: auto;
            margin-right: auto;
            display: flex;
            height: 100%;
            max-width: 80rem;
            flex-direction: column;
            padding-top: 2.5rem;
            padding-bottom: 2.5rem;
            padding-left: 0.75rem;
            padding-right: 0.75rem;
        }

            .main.landing-page .lp-content .lpc-header {
                display: flex;
                height: 3rem;
                align-items: center;
                justify-content: space-between;
            }

                .main.landing-page .lp-content .lpc-header .lpch_lang_text {
                    position: relative;
                    display: inline-block;
                    text-indent: .50rem;
                    font-size: 1rem;
                    line-height: 1.5rem;
                    font-weight: 500;
                    letter-spacing: .40em;
                    --tw-text-opacity: 1;
                    color: rgb(229 231 235 / var(--tw-text-opacity));
                }

                    .main.landing-page .lp-content .lpc-header .lpch_lang_text:after {
                        content: "";
                        position: absolute;
                        left: 0px;
                        bottom: -0.125rem;
                        width: 100%;
                        border-bottom-width: 1px;
                        border-style: solid;
                        --tw-border-opacity: 1;
                        border-color: rgb(229 231 235 / var(--tw-border-opacity));
                    }

                .main.landing-page .lp-content .lpc-header img {
                    height: 2.5rem;
                }

@media (min-width: 640px) {
    .main.landing-page .lp-content .lpc-header img {
        height: 3rem;
    }
}

.main.landing-page .lp-content .lpc-main {
    display: flex;
    height: 100%;
    flex: 1 1 0%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4rem;
}

    .main.landing-page .lp-content .lpc-main .lpc-title {
        display: flex;
        flex-direction: column;
        gap: 1rem;
        text-align: center;
    }

        .main.landing-page .lp-content .lpc-main .lpc-title span {
            animation-name: change-color;
            animation-duration: 15.7s;
            animation-iteration-count: infinite;
            animation-timing-function: ease-in-out;
            font-size: 3rem;
            line-height: 1;
            font-weight: 600;
            line-height: 3.7rem;
            letter-spacing: .50rem;
            --tw-text-opacity: 1;
            color: rgb(255 255 255 / var(--tw-text-opacity));
        }

@media (min-width: 640px) {
    .main.landing-page .lp-content .lpc-main .lpc-title span {
        font-size: 3.75rem;
        line-height: 4rem;
    }
}

.main.landing-page .lp-content .lpc-main .lpc-title span:nth-child(2) {
    font-weight: 300;
}

.main.landing-page .lp-content .lpc-main .lpc-links {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 300;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
    .main.landing-page .lp-content .lpc-main .lpc-links {
        flex-direction: row;
        gap: 0px;
    }
}

.main.landing-page .lp-content .lpc-main .lpc-links span {
    display: none;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}

@media (min-width: 768px) {
    .main.landing-page .lp-content .lpc-main .lpc-links span {
        display: inline-block;
    }
}

.main.landing-page .lp-content .lpc-main .lpc-links a {
    position: relative;
    text-align: center;
    letter-spacing: .40rem;
}

    .main.landing-page .lp-content .lpc-main .lpc-links a b {
        font-weight: 700;
    }

    .main.landing-page .lp-content .lpc-main .lpc-links a:after {
        content: "";
        transition: width 0.3s ease 0s, left 0.3s ease 0s;
        position: absolute;
        bottom: -0.25rem;
        left: 50%;
        display: block;
        height: 0.125rem;
        width: 0px;
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    }

    .main.landing-page .lp-content .lpc-main .lpc-links a:hover:after {
        width: 100%;
        left: 0;
    }

.main.pro-page .pp-swiper {
    --tw-bg-opacity: 1;
    background-color: rgb(231 232 221 / var(--tw-bg-opacity));
}

@media not all and (min-width: 768px) {
    .main.pro-page .pp-swiper {
        aspect-ratio: 16 / 9;
    }
}

@media (min-width: 768px) {
    .main.pro-page .pp-swiper {
        height: 700px;
        max-height: 700px;
    }
}

.main.pro-page .pp-swiper .swiper-button-next,
.main.pro-page .pp-swiper .swiper-button-prev {
    --swiper-navigation-size: 40px;
    height: 2rem;
    width: 2rem;
}

@media (min-width: 768px) {
    .main.pro-page .pp-swiper .swiper-button-next,
    .main.pro-page .pp-swiper .swiper-button-prev {
        height: 3rem;
        width: 3rem;
    }
}

@media (max-width: 767px) {
    .main.pro-page .pp-swiper .swiper-button-next,
    .main.pro-page .pp-swiper .swiper-button-prev {
        --swiper-navigation-size: 24px;
    }

        .main.pro-page .pp-swiper .swiper-button-next:after,
        .main.pro-page .pp-swiper .swiper-button-prev:after {
            --swiper-navigation-size: 18px;
        }
}

.main.pro-page .pp-banner {
    height: 100%;
    height: 700px;
    width: 100%;
}

    .main.pro-page .pp-banner img {
        height: 100%;
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

.main.pro-page .pp-card {
    display: flex;
    flex-direction: column;
    gap: 4rem;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}

    .main.pro-page .pp-card .ppc-content {
        display: flex;
        flex-direction: column;
        gap: 2.5rem;
    }

@media (min-width: 768px) {
    .main.pro-page .pp-card .ppc-content {
        flex-direction: row;
    }
}

.main.pro-page .pp-card .ppc-content .ppc-title {
    background: #F4BA46;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    text-align: center;
    font-size: 3rem;
    line-height: 1;
}

    .main.pro-page .pp-card .ppc-content .ppc-title span {
        color: #EAE6DF;
        font-weight: 700;
    }

.main.pro-page .pp-card .ppc-content .ppc-left,
.main.pro-page .pp-card .ppc-content .ppc-right {
    flex: 1 1 0%;
}

    .main.pro-page .pp-card .ppc-content .ppc-left img,
    .main.pro-page .pp-card .ppc-content .ppc-right img {
        width: 100%;
    }

.main.pro-page .pp-card .ppc-description {
    margin-left: auto;
    margin-right: auto;
    max-width: 80rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    text-align: center;
}

    .main.pro-page .pp-card .ppc-description p {
        font-size: 1.25rem;
        line-height: 1.75rem;
        --tw-text-opacity: 1;
        color: rgb(152 145 104 / var(--tw-text-opacity));
    }

.main.pro-page .pp-section {
    display: flex;
    gap: 4rem;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    text-align: center;
}

@media (min-width: 768px) {
    .main.pro-page .pp-section {
        text-align: left;
    }
}

.main.pro-page .pp-section.pp-video iframe {
    aspect-ratio: 16 / 9;
    height: 100%;
    width: 100%;
    overflow: hidden;
    border-radius: 0.75rem;
}

.main.pro-page .pp-section.pp-section-reserve {
    --tw-bg-opacity: 1;
    background-color: rgb(247 247 243 / var(--tw-bg-opacity));
}

    .main.pro-page .pp-section.pp-section-reserve .pps-content {
        flex-direction: column;
    }

@media (min-width: 768px) {
    .main.pro-page .pp-section.pp-section-reserve .pps-content {
        flex-direction: row-reverse;
    }
}

.main.pro-page .pp-section.pp-section-reserve .pps-content .pps-left {
    padding-top: 0px;
}

.main.pro-page .pp-section .pps-content {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    max-width: 80rem;
    flex-direction: column;
    gap: 2rem;
}

@media (min-width: 768px) {
    .main.pro-page .pp-section .pps-content {
        flex-direction: row;
        gap: 4rem;
    }
}

.main.pro-page .pp-section .pps-left {
    width: 100%;
    flex-shrink: 0;
}

@media (min-width: 768px) {
    .main.pro-page .pp-section .pps-left {
        width: 480px;
    }
}

.main.pro-page .pp-section .pps-left img {
    width: 100%;
}

.main.pro-page .pp-section .pps-right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 2rem;
}

@media (min-width: 768px) {
    .main.pro-page .pp-section .pps-right {
        gap: 3rem;
    }
}

.main.pro-page .pp-section .pps-right .ppsr-title {
    display: inline-block;
    font-size: 1.5rem;
    line-height: 2rem;
    --tw-text-opacity: 1;
    color: rgb(79 41 10 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
    .main.pro-page .pp-section .pps-right .ppsr-title {
        font-size: 1.875rem;
        line-height: 2.25rem;
    }
}

.main.pro-page .pp-section .pps-right .ppsr-title b {
    font-weight: 600;
}

.main.pro-page .pp-section .pps-right .ppsr-title span {
    font-weight: 500;
}

.main.pro-page .pp-section .pps-right .ppsr-title span,
.main.pro-page .pp-section .pps-right .ppsr-title b {
    display: block;
}

.main.pro-page .pp-section .pps-right .ppsr-description {
    text-wrap: balance;
    font-size: 1.125rem;
    line-height: 1.75rem;
    --tw-text-opacity: 1;
    color: hsl(var(--nextui-default-600) / var(--nextui-default-600-opacity, var(--tw-text-opacity)));
}

@media (min-width: 768px) {
    .main.pro-page .pp-section .pps-right .ppsr-description {
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
}

.main.cons-page .cs-swiper {
    aspect-ratio: 16 / 9;
    max-height: 600px;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(231 232 221 / var(--tw-bg-opacity));
}

    .main.cons-page .cs-swiper .swiper-button-next,
    .main.cons-page .cs-swiper .swiper-button-prev {
        --swiper-navigation-size: 40px;
        height: 2rem;
        width: 2rem;
    }

@media (min-width: 768px) {
    .main.cons-page .cs-swiper .swiper-button-next,
    .main.cons-page .cs-swiper .swiper-button-prev {
        height: 3rem;
        width: 3rem;
    }
}

@media (max-width: 767px) {
    .main.cons-page .cs-swiper .swiper-button-next,
    .main.cons-page .cs-swiper .swiper-button-prev {
        --swiper-navigation-size: 24px;
    }

        .main.cons-page .cs-swiper .swiper-button-next:after,
        .main.cons-page .cs-swiper .swiper-button-prev:after {
            --swiper-navigation-size: 18px;
        }
}

.main.cons-page .cs-swiper .swiper-slide {
    position: relative;
    z-index: 10;
    background-position: right;
}

    .main.cons-page .cs-swiper .swiper-slide:after {
        content: "";
        z-index: -1;
        position: absolute;
        top: 0px;
        left: 0px;
        height: 100%;
        width: 100%;
    }

.main.cons-page .cs-section {
    position: relative;
    --tw-bg-opacity: 1;
    background-color: rgb(231 232 221 / var(--tw-bg-opacity));
}

    .main.cons-page .cs-section .css-images {
        display: none;
    }

@media (min-width: 768px) {
    .main.cons-page .cs-section .css-images {
        display: block;
    }
}

.main.cons-page .cs-section .css-images .css-image-1 {
    position: absolute;
    top: 5rem;
    left: 7rem;
}

    .main.cons-page .cs-section .css-images .css-image-1 img {
        width: 10rem;
    }

.main.cons-page .cs-section .css-images .css-image-2 {
    position: absolute;
    bottom: 3rem;
    right: 0px;
    --tw-rotate: -12deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

    .main.cons-page .cs-section .css-images .css-image-2 img {
        width: 10rem;
    }

.main.cons-page .cs-section .css-images .css-image-3 {
    position: absolute;
    bottom: -3rem;
    left: 6rem;
    --tw-rotate: 6deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

    .main.cons-page .cs-section .css-images .css-image-3 img {
        width: 26rem;
    }

.main.cons-page .cs-section .css-content {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    max-width: 64rem;
    flex-direction: column;
    gap: 2.5rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-bottom: 12rem;
    padding-top: 8rem;
}

    .main.cons-page .cs-section .css-content .css-title {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 0.75rem;
        text-align: center;
        font-size: 1.875rem;
        line-height: 2.25rem;
        --tw-text-opacity: 1;
        color: rgb(79 41 10 / var(--tw-text-opacity));
    }

    .main.cons-page .cs-section .css-content .css-description {
        text-align: center;
        font-size: 1.125rem;
        line-height: 1.75rem;
        --tw-text-opacity: 1;
        color: rgb(31 41 55 / var(--tw-text-opacity));
    }

.main.cons-page .cs-product-slider {
    background: #F4BA46;
}

    .main.cons-page .cs-product-slider .csps-header {
        border-bottom-width: 1px;
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }

        .main.cons-page .cs-product-slider .csps-header h2 {
            text-align: center;
            font-size: 1.25rem;
            line-height: 1.75rem;
            --tw-text-opacity: 1;
            color: rgb(255 255 255 / var(--tw-text-opacity));
        }

@media (min-width: 768px) {
    .main.cons-page .cs-product-slider .csps-header h2 {
        font-size: 1.875rem;
        line-height: 2.25rem;
    }
}

.main.cons-page .cs-product-slider .csps-swiper {
    margin-left: auto;
    margin-right: auto;
    max-width: 80rem;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
}

    .main.cons-page .cs-product-slider .csps-swiper .cs-product-swiper {
        height: 16rem;
        padding-left: 1.25rem;
        padding-right: 2.75rem;
    }

        .main.cons-page .cs-product-slider .csps-swiper .cs-product-swiper .swiper-pagination .swiper-pagination-bullet {
            background-color: transparent;
            opacity: 1;
            height: 1rem;
            width: 1rem;
            border-radius: 9999px;
            border-width: 2px;
            border-style: solid;
            --tw-border-opacity: 1;
            border-color: rgb(112 100 77 / var(--tw-border-opacity));
        }

        .main.cons-page .cs-product-slider .csps-swiper .cs-product-swiper .swiper-pagination .swiper-pagination-bullet-active {
            --tw-border-opacity: 1 !important;
            border-color: rgb(133 123 90 / var(--tw-border-opacity)) !important;
            --tw-bg-opacity: 1;
            background-color: rgb(152 145 104 / var(--tw-bg-opacity));
        }

        .main.cons-page .cs-product-slider .csps-swiper .cs-product-swiper .swiper-pagination .bullet-active {
            background-color: #fff;
        }

        .main.cons-page .cs-product-slider .csps-swiper .cs-product-swiper .swiper-button-next,
        .main.cons-page .cs-product-slider .csps-swiper .cs-product-swiper .swiper-button-prev {
            --swiper-navigation-size: 40px;
        }

            .main.cons-page .cs-product-slider .csps-swiper .cs-product-swiper .swiper-button-next:after,
            .main.cons-page .cs-product-slider .csps-swiper .cs-product-swiper .swiper-button-prev:after {
                font-weight: 900;
                --tw-text-opacity: 1;
                color: rgb(255 255 255 / var(--tw-text-opacity));
            }

        .main.cons-page .cs-product-slider .csps-swiper .cs-product-swiper .swiper-wrapper {
            padding-left: 0.75rem;
            padding-right: 0.75rem;
        }

            .main.cons-page .cs-product-slider .csps-swiper .cs-product-swiper .swiper-wrapper .swiper-slide {
                display: flex;
                align-items: center;
                justify-content: center;
            }

                .main.cons-page .cs-product-slider .csps-swiper .cs-product-swiper .swiper-wrapper .swiper-slide .ss_item {
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    justify-content: center;
                    gap: 1.5rem;
                }

                .main.cons-page .cs-product-slider .csps-swiper .cs-product-swiper .swiper-wrapper .swiper-slide img {
                    margin-left: auto;
                    margin-right: auto;
                    height: 12rem;
                    width: 100%;
                    border-radius: 0.75rem;
                    -o-object-fit: contain;
                    object-fit: contain;
                }

                .main.cons-page .cs-product-slider .csps-swiper .cs-product-swiper .swiper-wrapper .swiper-slide span {
                    font-size: 1.25rem;
                    line-height: 1.75rem;
                    --tw-text-opacity: 1;
                    color: rgb(243 244 246 / var(--tw-text-opacity));
                }

.main.branch-page {
    padding: 0.75rem;
}

    .main.branch-page .bp-items {
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }

    .main.branch-page .cp-content {
        gap: 1rem;
    }

.main.flavors-page {
    background: #f8f3ed;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}

    .main.flavors-page .fv-title {
        display: inline-block;
        background-image: linear-gradient(to right, var(--tw-gradient-stops));
        --tw-gradient-from: #733C0F var(--tw-gradient-from-position);
        --tw-gradient-to: rgb(115 60 15 / 0) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
        --tw-gradient-to: #3D2008 var(--tw-gradient-to-position);
        -webkit-background-clip: text;
        background-clip: text;
        font-size: 1.875rem;
        line-height: 2.25rem;
        font-weight: 600;
        line-height: 1.25;
        color: transparent;
    }

@media (min-width: 640px) {
    .main.flavors-page .fv-title {
        font-size: 2.25rem;
        line-height: 2.5rem;
        line-height: 1.25;
    }
}

.main.flavors-page .fv-tabs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
}

    .main.flavors-page .fv-tabs button:not(.btn_active) {
        background: transparent;
    }

        .main.flavors-page .fv-tabs button:not(.btn_active):hover {
            --tw-bg-opacity: 1;
            background-color: hsl(var(--nextui-default-200) / var(--nextui-default-200-opacity, var(--tw-bg-opacity)));
        }

    .main.flavors-page .fv-tabs .fvt_btn {
        --btn-background: hsl(var(--nextui-default-200));
        --btn-hover-bg: hsl(var(--nextui-default-300));
        --btn-color: hsl(var(--nextui-default-800));
        --btn-hover-color: hsl(var(--nextui-default-700));
        --btn-badge-background: hsl(var(--nextui-default-400));
        --btn-badge-color: hsl(var(--nextui-default-50));
        --btn-outline-color: hsl(var(--nextui-default-300));
        --btn-height: var(--item-h-md);
        --btn-badge-size: 1.3em;
        background: var(--btn-background);
        color: var(--btn-color);
        height: var(--btn-height);
        position: relative;
        display: inline-flex;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        align-items: center;
        justify-content: center;
        border-radius: 0.75rem;
        padding-left: 1rem;
        padding-right: 1rem;
        font-size: var(--nextui-font-size-small);
        line-height: var(--nextui-line-height-small);
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-property: all;
        transition-timing-function: ease;
        transition-duration: 250ms;
    }

        .main.flavors-page .fv-tabs .fvt_btn:hover {
            color: var(--btn-hover-color);
        }

        .main.flavors-page .fv-tabs .fvt_btn:focus {
            outline-color: var(--btn-outline-color);
        }

        .main.flavors-page .fv-tabs .fvt_btn .lucide {
            width: 1.25rem;
        }

        .main.flavors-page .fv-tabs .fvt_btn.btn_no_hover {
            padding-left: 0px !important;
            padding-right: 0px !important;
            --btn-hover-bg: transparent;
        }

        .main.flavors-page .fv-tabs .fvt_btn.btn_rounded_full {
            border-radius: 9999px !important;
        }

        .main.flavors-page .fv-tabs .fvt_btn.btn_icon {
            width: var(--btn-height);
            aspect-ratio: 1 / 1;
            padding-left: 0px !important;
            padding-right: 0px !important;
            font-size: 1rem !important;
            line-height: 1.5rem !important;
        }

        .main.flavors-page .fv-tabs .fvt_btn.btn-icon-between {
            justify-content: space-between !important;
        }

        .main.flavors-page .fv-tabs .fvt_btn.btn_start {
            justify-content: flex-start !important;
        }

        .main.flavors-page .fv-tabs .fvt_btn.btn_left_icon {
            gap: 0.5rem;
        }

        .main.flavors-page .fv-tabs .fvt_btn.btn_lg {
            --btn-height: var(--item-h-lg);
            border-radius: 1rem;
            padding-left: 1.25rem;
            padding-right: 1.25rem;
            font-size: 1rem;
            line-height: 1.5rem;
        }

            .main.flavors-page .fv-tabs .fvt_btn.btn_lg.btn_right_chevron {
                padding-right: 1.75rem;
            }

                .main.flavors-page .fv-tabs .fvt_btn.btn_lg.btn_right_chevron .brc_icon {
                    --ggs: 1;
                    width: 2rem;
                }

        .main.flavors-page .fv-tabs .fvt_btn.btn_xl {
            --btn-height: var(--item-h-xl);
            border-radius: 1rem;
            padding-left: 2rem;
            padding-right: 2rem;
            font-size: 1rem;
            line-height: 1.5rem;
        }

            .main.flavors-page .fv-tabs .fvt_btn.btn_xl.btn_right_chevron {
                padding-right: 1.75rem;
            }

                .main.flavors-page .fv-tabs .fvt_btn.btn_xl.btn_right_chevron .brc_icon {
                    --ggs: 1;
                    width: 2rem;
                }

        .main.flavors-page .fv-tabs .fvt_btn.btn_sm {
            --btn-height: var(--item-h-sm);
            padding-left: 0.75rem;
            padding-right: 0.75rem;
            font-size: 0.875rem;
            line-height: 1.25rem;
        }

            .main.flavors-page .fv-tabs .fvt_btn.btn_sm.btn_right_chevron {
                padding-right: 1.5rem;
            }

                .main.flavors-page .fv-tabs .fvt_btn.btn_sm.btn_right_chevron .brc_icon {
                    --ggs: 0.7;
                    width: 1.75rem;
                }

            .main.flavors-page .fv-tabs .fvt_btn.btn_sm .lucide {
                width: 1rem;
            }

        .main.flavors-page .fv-tabs .fvt_btn.btn_xs {
            --btn-height: var(--item-h-xs);
            --btn-badge-size: 1.2em;
            padding-left: 0.5rem;
            padding-right: 0.5rem;
            font-size: 0.75rem;
            line-height: 1rem;
        }

            .main.flavors-page .fv-tabs .fvt_btn.btn_xs.btn_right_chevron {
                padding-right: 1.25rem;
            }

                .main.flavors-page .fv-tabs .fvt_btn.btn_xs.btn_right_chevron .brc_icon {
                    --ggs: 0.6;
                    width: 1.25rem;
                }

            .main.flavors-page .fv-tabs .fvt_btn.btn_xs .lucide {
                width: 1rem;
            }

        .main.flavors-page .fv-tabs .fvt_btn.btn_primary {
            --btn-background: #db651b;
            --btn-hover-bg: #b64c18;
            --btn-hover-color: #fff;
            --btn-color: #fff;
            --btn-outline-color: #b64c18;
        }

.btn_.main.flavors-page .fv-tabs .fvt_btn {
    --btn-background: #db651b;
    --btn-hover-bg: #b64c18;
    --btn-hover-color: #fff;
    --btn-color: #fff;
    --btn-outline-color: #b64c18;
}

.main.flavors-page .fv-tabs .fvt_btn.btn_main, .main.flavors-page .fv-tabs .fvt_btn.btn_active {
    --btn-background: #462409;
    --btn-hover-bg: #3D2008;
    --btn-hover-color: #fff;
    --btn-color: #fff;
    --btn-outline-color: #3D2008;
}

.main.flavors-page .fv-tabs .fvt_btn.btn_secondary {
    --btn-background: #acaa84;
    --btn-hover-bg: #989168;
    --btn-hover-color: #fff;
    --btn-color: #fff;
    --btn-outline-color: #acaa84;
}

.main.flavors-page .fv-tabs .fvt_btn.btn_danger {
    --btn-background: #dc2626;
    --btn-hover-bg: #b91c1c;
    --btn-hover-color: #fff;
    --btn-color: #fff;
}

.main.flavors-page .fv-tabs .fvt_btn.btn_blue {
    --btn-background: #2563eb;
    --btn-hover-bg: #1d4ed8;
    --btn-hover-color: #fff;
    --btn-color: #fff;
    --btn-outline-color: #1d4ed8;
}

.main.flavors-page .fv-tabs .fvt_btn.btn_success {
    --btn-background: #12a150;
    --btn-hover-bg: #0e793c;
    --btn-hover-color: #fff;
    --btn-color: #fff;
    --btn-outline-color: #0e793c;
}

.main.flavors-page .fv-tabs .fvt_btn.btn_warning {
    --btn-background: #ca8a04;
    --btn-hover-bg: #a16207;
    --btn-hover-color: #fff;
    --btn-color: #fff;
    --btn-outline-color: #a16207;
}

.main.flavors-page .fv-tabs .fvt_btn.btn_transparent {
    --btn-background: transparent;
    --btn-hover-bg: rgba(0, 0, 0, 0.1);
}

    .main.flavors-page .fv-tabs .fvt_btn.btn_transparent.btn_active {
        --btn-background: rgba(0, 0, 0, 0.1);
        --btn-hover-bg: #e5e7eb;
        --btn-color: #1f2937;
    }

    .main.flavors-page .fv-tabs .fvt_btn.btn_transparent:hover {
        background: var(--btn-hover-bg);
    }

.main.flavors-page .fv-tabs .fvt_btn.disabled {
    pointer-events: none;
    opacity: 0.6;
}

.main.flavors-page .fv-tabs .fvt_btn.btn_active_primary {
    --btn-background: rgba(0, 0, 0, 0.1);
    --btn-hover-bg: rgba(0, 0, 0, 0.2);
    --btn-color: #1f2937;
}

    .main.flavors-page .fv-tabs .fvt_btn.btn_active_primary.btn_active {
        --btn-background: #db651b;
        --btn-hover-bg: #b64c18;
        --btn-hover-color: #fff;
        --btn-color: #fff;
        --btn-outline-color: #b64c18;
    }

    .main.flavors-page .fv-tabs .fvt_btn.btn_active_primary:hover {
        background: var(--btn-hover-bg);
    }

.main.flavors-page .fv-tabs .fvt_btn.btn_bho {
    border-color: var(--btn-background);
    color: var(--btn-background);
    border-radius: 9999px;
    border-width: 2px;
    border-style: solid;
    background-color: transparent;
}

.main.flavors-page .fv-tabs .fvt_btn.btn-text-right {
    justify-content: flex-end;
    text-align: right;
}

.main.flavors-page .fv-tabs .fvt_btn.btn-text-left {
    justify-content: flex-start;
    text-align: left;
}

.main.flavors-page .fv-tabs .fvt_btn.btn_full {
    width: 100%;
}

.main.flavors-page .fv-tabs .fvt_btn.btn_right_chevron {
    padding-right: 1.5rem;
}

    .main.flavors-page .fv-tabs .fvt_btn.btn_right_chevron .brc_icon {
        position: absolute;
        --ggs: 0.9;
        right: 0;
        display: flex;
        width: 1.5rem;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

        .main.flavors-page .fv-tabs .fvt_btn.btn_right_chevron .brc_icon:after {
            left: unset;
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-property: transform;
            transition-timing-function: ease;
            transition-duration: 250ms;
        }

.main.flavors-page .fv-tabs .fvt_btn.collapsed.btn_right_chevron:after {
    --tw-rotate: 0deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.main.flavors-page .fv-tabs .fvt_btn.btn_light {
    --btn-background: rgba(0, 0, 0, 0.1);
    --btn-hover-bg: rgba(0, 0, 0, 0.2);
}

.main.flavors-page .fv-tabs .fvt_btn.btn_badge_primary {
    --btn-badge-background: #e9781c;
    --btn-badge-color: #fceed8;
    --btn-hover-color: #1f2937;
}

.main.flavors-page .fv-tabs .fvt_btn.btn_mode {
    --btn-background: #374151;
    --btn-hover-bg: #374151;
    --btn-color: #fff;
}

    .main.flavors-page .fv-tabs .fvt_btn.btn_mode .light_icon {
        display: none;
    }

.main.flavors-page .fv-tabs .fvt_btn .btn_badge {
    background: var(--btn-badge-background);
    color: var(--btn-badge-color);
    width: var(--btn-badge-size);
    height: var(--btn-badge-size);
    position: absolute;
    right: -0.25rem;
    top: -0.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.75rem;
    font-size: 0.68rem;
    line-height: .8rem;
    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.main.flavors-page .fv-tabs .fvt_btn:hover {
    background-color: var(--btn-hover-bg);
}

.dark .main.flavors-page .fv-tabs .fvt_btn.btn_mode {
    --btn-background: #facc15;
    --btn-hover-bg: #eab308;
    --btn-color: #fff;
}

    .dark .main.flavors-page .fv-tabs .fvt_btn.btn_mode .dark_icon {
        display: none;
    }

    .dark .main.flavors-page .fv-tabs .fvt_btn.btn_mode .light_icon {
        display: block;
    }

.btn-check:checked + .main.flavors-page .fv-tabs .fvt_btn {
    border-color: transparent;
    --tw-bg-opacity: 1;
    background-color: rgb(219 101 27 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.dropdown_.d-active .main.flavors-page .fv-tabs .fvt_btn {
    transform: scale(0.95);
}

    .dropdown_.d-active .main.flavors-page .fv-tabs .fvt_btn.btn_transparent {
        --btn-background: hsl(var(--nextui-default-900) / 10%);
    }

    .dropdown_.d-active .main.flavors-page .fv-tabs .fvt_btn.btn_right_chevron .brc_icon:after {
        border-bottom: none;
        border-top: 2px solid;
        border-right: 2px solid;
        transform: rotate(-45deg);
        bottom: 2px;
        top: unset;
    }

.main.flavors-page .fp-products {
    margin-top: 0.75rem;
    display: grid;
    gap: 1rem;
}

@media (min-width: 640px) {
    .main.flavors-page .fp-products {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 768px) {
    .main.flavors-page .fp-products {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

.main.flavors-page .fp-products .fpp_item {
    position: relative;
    display: inline-flex;
    min-height: 8rem;
    flex-direction: column;
    overflow: hidden;
    padding: 0px !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-property: all;
    transition-timing-function: ease;
    transition-duration: 250ms;
}

    .main.flavors-page .fp-products .fpp_item .fpp_image img {
        width: 100%;
        -o-object-fit: contain;
        object-fit: contain;
    }

    .main.flavors-page .fp-products .fpp_item .fpp_infos {
        display: flex;
        height: 100%;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        --tw-bg-opacity: 1;
        background-color: rgb(243 244 246 / var(--tw-bg-opacity));
        padding-left: 0.5rem;
        padding-right: 0.5rem;
        padding-top: 1rem;
        padding-bottom: 1rem;
        text-align: center;
    }

        .main.flavors-page .fp-products .fpp_item .fpp_infos h3 {
            margin-bottom: 0.25rem;
            font-size: 1.125rem;
            line-height: 1.75rem;
            font-weight: 600;
            text-transform: uppercase;
            --tw-text-opacity: 1;
            color: rgb(79 41 10 / var(--tw-text-opacity));
        }

@media (min-width: 640px) {
    .main.flavors-page .fp-products .fpp_item .fpp_infos h3 {
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
}

.main.flavors-page .fp-products .fpp_item .fpp_infos p {
    text-wrap: balance;
    font-size: 0.875rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity));
}

@media (min-width: 640px) {
    .main.flavors-page .fp-products .fpp_item .fpp_infos p {
        font-size: 1rem;
        line-height: 1.5rem;
    }
}

.main.flavors-page .fp-products .fpp_item:hover {
    --tw-scale-x: 1.02;
    --tw-scale-y: 1.02;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.main.flavors-page .fp-items {
    margin-top: 0.75rem;
    display: grid;
    gap: 1rem;
}

@media (min-width: 640px) {
    .main.flavors-page .fp-items {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 768px) {
    .main.flavors-page .fp-items {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (min-width: 1024px) {
    .main.flavors-page .fp-items {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

.main.flavors-page .fp-items .fpi_item {
    position: relative;
    display: block;
    min-height: 8rem;
    overflow: hidden;
    padding: 0px !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-property: all;
    transition-timing-function: ease;
    transition-duration: 250ms;
}

    .main.flavors-page .fp-items .fpi_item .fpi_image img {
        width: 100%;
        -o-object-fit: contain;
        object-fit: contain;
    }

    .main.flavors-page .fp-items .fpi_item .fpi_infos {
        background: #F4BA46;
        position: absolute;
        bottom: 0px;
        width: 100%;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
        padding-top: 0.25rem;
        padding-bottom: 0.25rem;
        --tw-backdrop-blur: blur(24px);
        -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);
    }

        .main.flavors-page .fp-items .fpi_item .fpi_infos h3 {
            color: #EAE6DF;
            text-align: center;
            font-size: 1rem;
            line-height: 1.5rem;
            font-weight: 600;
            text-transform: uppercase;
        }

    .main.flavors-page .fp-items .fpi_item:hover {
        --tw-scale-x: 1.02;
        --tw-scale-y: 1.02;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

.main.reference-page {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}

    .main.reference-page .rp-title {
        display: inline-block;
        background-image: linear-gradient(to right, var(--tw-gradient-stops));
        --tw-gradient-from: #733C0F var(--tw-gradient-from-position);
        --tw-gradient-to: rgb(115 60 15 / 0) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
        --tw-gradient-to: #3D2008 var(--tw-gradient-to-position);
        -webkit-background-clip: text;
        background-clip: text;
        font-size: 1.875rem;
        line-height: 2.25rem;
        font-weight: 600;
        line-height: 1.25;
        color: transparent;
    }

@media (min-width: 640px) {
    .main.reference-page .rp-title {
        font-size: 2.25rem;
        line-height: 2.5rem;
        line-height: 1.25;
    }
}

.main.reference-page .mc-7xl > p {
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: hsl(var(--nextui-default-700) / var(--nextui-default-700-opacity, var(--tw-text-opacity)));
}

.main.reference-page .rp-items {
    margin-top: 0.75rem;
    display: grid;
    gap: 1rem;
}

@media (min-width: 640px) {
    .main.reference-page .rp-items {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 768px) {
    .main.reference-page .rp-items {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (min-width: 1024px) {
    .main.reference-page .rp-items {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

.main.reference-page .rp-items .rpi_item {
    position: relative;
    display: flex;
    height: 100%;
    min-height: 8rem;
    flex-direction: column;
    overflow: hidden;
    padding: 0px !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-property: all;
    transition-timing-function: ease;
    transition-duration: 250ms;
}

    .main.reference-page .rp-items .rpi_item .rpi_image {
        display: flex;
        flex: 1 1 0%;
        align-items: center;
        justify-content: center;
        --tw-bg-opacity: 1;
        background-color: hsl(var(--nextui-default-100) / var(--nextui-default-100-opacity, var(--tw-bg-opacity)));
        padding: 1rem;
    }

        .main.reference-page .rp-items .rpi_item .rpi_image img {
            height: 7rem;
            width: 100%;
            -o-object-fit: contain;
            object-fit: contain;
        }

    .main.reference-page .rp-items .rpi_item .rpi_infos {
        width: 100%;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
        --tw-backdrop-blur: blur(24px);
        -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);
    }

        .main.reference-page .rp-items .rpi_item .rpi_infos h3 {
            text-align: center;
            font-size: 1rem;
            line-height: 1.5rem;
            font-weight: 600;
            text-transform: uppercase;
            --tw-text-opacity: 1;
            color: rgb(79 41 10 / var(--tw-text-opacity));
        }

    .main.reference-page .rp-items .rpi_item:hover {
        --tw-scale-x: 1.02;
        --tw-scale-y: 1.02;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

.main.team-page {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}

    .main.team-page .tp-header {
        margin-bottom: 1rem;
        max-width: 48rem;
    }

        .main.team-page .tp-header > :not([hidden]) ~ :not([hidden]) {
            --tw-space-y-reverse: 0;
            margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
            margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
        }

    .main.team-page .tp-header {
        text-align: center;
    }

@media (min-width: 768px) {
    .main.team-page .tp-header {
        text-align: left;
    }
}

.main.team-page .tp-header h2 {
    font-size: 1.875rem;
    line-height: 2.25rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(79 41 10 / var(--tw-text-opacity));
}

.main.team-page .tp-header p {
    text-wrap: balance;
    font-size: 1.125rem;
    line-height: 1.75rem;
    --tw-text-opacity: 1;
    color: hsl(var(--nextui-default-600) / var(--nextui-default-600-opacity, var(--tw-text-opacity)));
}

.main.team-page .tp-items {
    display: grid;
    gap: 1rem;
}

@media (min-width: 768px) {
    .main.team-page .tp-items {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1024px) {
    .main.team-page .tp-items {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

.main.team-page .tp-items .tpi_drawer .tpd_content {
    display: flex;
    height: 100dvh;
    flex-direction: column;
}

    .main.team-page .tp-items .tpi_drawer .tpd_content .td_image {
        position: relative;
        height: 16rem;
        max-height: 24rem;
        flex: none;
    }

@media (min-width: 640px) {
    .main.team-page .tp-items .tpi_drawer .tpd_content .td_image {
        height: 24rem;
    }
}

.main.team-page .tp-items .tpi_drawer .tpd_content .td_image img {
    height: 100%;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity));
    -o-object-fit: contain;
    object-fit: contain;
}

.main.team-page .tp-items .tpi_drawer .tpd_content .td_image .tpi_sub {
    position: absolute;
    bottom: 0.5rem;
    left: 0.5rem;
    margin-inline-end: 0.5rem;
    border-radius: 0.25rem;
    --tw-bg-opacity: 1;
    background-color: rgb(79 41 10 / var(--tw-bg-opacity));
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.main.team-page .tp-items .tpi_drawer .tpd_content .td_name_job {
    display: flex;
    flex-direction: column;
    padding: 0.75rem;
    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

    .main.team-page .tp-items .tpi_drawer .tpd_content .td_name_job h3 {
        font-size: 1.5rem;
        line-height: 2rem;
        font-weight: 600;
        --tw-text-opacity: 1;
        color: rgb(79 41 10 / var(--tw-text-opacity));
    }

    .main.team-page .tp-items .tpi_drawer .tpd_content .td_name_job span {
        font-size: 1rem;
        line-height: 1.5rem;
        --tw-text-opacity: 1;
        color: hsl(var(--nextui-default-600) / var(--nextui-default-600-opacity, var(--tw-text-opacity)));
    }

.main.team-page .tp-items .tpi_drawer .tpd_content .td_infos {
    max-width: 100%;
    flex-grow: 1;
    overflow: auto;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

.main.team-page .tp-items .tpi_drawer .tp_close {
    position: absolute;
    right: 0.75rem;
    top: 0.75rem;
    z-index: 10;
}

.main.team-page .tp-items .tpi_item {
    overflow: hidden;
    border-radius: 1.5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding: 0px;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-property: all;
    transition-timing-function: ease;
    transition-duration: 250ms;
}

    .main.team-page .tp-items .tpi_item .tpi_infos {
        padding: 1.25rem;
    }

        .main.team-page .tp-items .tpi_item .tpi_infos h3 {
            font-size: 1.5rem;
            line-height: 2rem;
            font-weight: 600;
            --tw-text-opacity: 1;
            color: rgb(79 41 10 / var(--tw-text-opacity));
        }

        .main.team-page .tp-items .tpi_item .tpi_infos span {
            font-size: 1rem;
            line-height: 1.5rem;
            --tw-text-opacity: 1;
            color: hsl(var(--nextui-default-600) / var(--nextui-default-600-opacity, var(--tw-text-opacity)));
        }

    .main.team-page .tp-items .tpi_item .tpi_avatar {
        position: relative;
        aspect-ratio: 1 / 1;
        max-height: 18rem;
        width: 100%;
        --tw-bg-opacity: 1;
        background-color: rgb(249 250 251 / var(--tw-bg-opacity));
    }

        .main.team-page .tp-items .tpi_item .tpi_avatar img {
            margin-left: auto;
            margin-right: auto;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            -o-object-position: bottom;
            object-position: bottom;
        }

        .main.team-page .tp-items .tpi_item .tpi_avatar .tpi_sub {
            position: absolute;
            bottom: 0.5rem;
            left: 0.5rem;
            margin-inline-end: 0.5rem;
            border-radius: 0.25rem;
            --tw-bg-opacity: 1;
            background-color: rgb(79 41 10 / var(--tw-bg-opacity));
            padding-left: 0.625rem;
            padding-right: 0.625rem;
            padding-top: 0.25rem;
            padding-bottom: 0.25rem;
            font-size: 0.813rem;
            font-weight: 500;
            --tw-text-opacity: 1;
            color: rgb(255 255 255 / var(--tw-text-opacity));
        }

    .main.team-page .tp-items .tpi_item .tpi_footer {
        padding: 1.25rem;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-property: all;
        transition-timing-function: ease;
        transition-duration: 250ms;
    }

        .main.team-page .tp-items .tpi_item .tpi_footer h5 {
            font-size: 1.25rem;
            line-height: 1.75rem;
            font-weight: 600;
            text-transform: uppercase;
            --tw-text-opacity: 1;
            color: rgb(55 65 81 / var(--tw-text-opacity));
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-property: all;
            transition-timing-function: ease;
            transition-duration: 250ms;
        }

        .main.team-page .tp-items .tpi_item .tpi_footer .tpi_mail {
            display: flex;
            align-items: center;
            gap: 0.5rem;
            font-size: 0.9rem;
            line-height: 1.3rem;
            font-weight: 500;
            --tw-text-opacity: 1;
            color: rgb(55 65 81 / var(--tw-text-opacity));
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-property: all;
            transition-timing-function: ease;
            transition-duration: 250ms;
        }

        .main.team-page .tp-items .tpi_item .tpi_footer:hover {
            --tw-bg-opacity: 1;
            background-color: rgb(79 41 10 / var(--tw-bg-opacity));
        }

            .main.team-page .tp-items .tpi_item .tpi_footer:hover h5 {
                --tw-text-opacity: 1;
                color: rgb(255 255 255 / var(--tw-text-opacity));
            }

            .main.team-page .tp-items .tpi_item .tpi_footer:hover .tpi_mail {
                --tw-text-opacity: 1;
                color: rgb(255 255 255 / var(--tw-text-opacity));
            }

    .main.team-page .tp-items .tpi_item:hover {
        --tw-scale-x: 1.02;
        --tw-scale-y: 1.02;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

.main.product-page {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}

    .main.product-page .pp-title {
        margin-bottom: 1rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

        .main.product-page .pp-title span {
            font-size: 1rem;
            line-height: 1.5rem;
            --tw-text-opacity: 1;
            color: rgb(75 85 99 / var(--tw-text-opacity));
        }

        .main.product-page .pp-title h4 {
            font-size: 1.875rem;
            line-height: 2.25rem;
            font-weight: 600;
            --tw-text-opacity: 1;
            color: rgb(79 41 10 / var(--tw-text-opacity));
        }

.main.contact-page .c-content {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}

.main.contact-page .cp-items {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1rem;
}

@media (min-width: 768px) {
    .main.contact-page .cp-items {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

.main.contact-page .cp-items .cpi-card {
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: space-between;
    padding: 1rem;
}

    .main.contact-page .cp-items .cpi-card .bci-icon {
        margin-bottom: 1rem;
    }

    .main.contact-page .cp-items .cpi-card .bci-title {
        margin-bottom: 0.5rem;
        font-size: 1.25rem;
        line-height: 1.75rem;
        font-weight: 500;
        --tw-text-opacity: 1;
        color: rgb(79 41 10 / var(--tw-text-opacity));
    }

    .main.contact-page .cp-items .cpi-card .bci-description {
        overflow-wrap: break-word;
        font-size: 1rem;
        line-height: 1.5rem;
        --tw-text-opacity: 1;
        color: rgb(75 85 99 / var(--tw-text-opacity));
    }

.main .cp-line {
    margin-left: auto;
    margin-right: auto;
    margin-top: 1rem;
    margin-bottom: 1rem;
    height: 0.25rem;
    width: 12rem;
    border-radius: 0.25rem;
    border-width: 0px;
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}

@media (min-width: 768px) {
    .main .cp-line {
        margin-top: 2.5rem;
        margin-bottom: 2.5rem;
    }
}

:is(:where(.dark) .main .cp-line) {
    --tw-bg-opacity: 1;
    background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}

.main .cp-infos {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 42rem;
    flex: 1 1 0%;
    flex-shrink: 0;
    text-align: center;
}

    .main .cp-infos .cp-title {
        margin-bottom: 1rem;
    }

        .main .cp-infos .cp-title h1 {
            display: inline-block;
            background-image: linear-gradient(to right, var(--tw-gradient-stops));
            --tw-gradient-from: #733C0F var(--tw-gradient-from-position);
            --tw-gradient-to: rgb(115 60 15 / 0) var(--tw-gradient-to-position);
            --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
            --tw-gradient-to: #3D2008 var(--tw-gradient-to-position);
            -webkit-background-clip: text;
            background-clip: text;
            font-size: 3.75rem;
            font-weight: 600;
            line-height: 5rem;
            letter-spacing: -0.025em;
            color: transparent;
        }

        .main .cp-infos .cp-title h2 {
            display: inline-block;
            background-image: linear-gradient(to right, var(--tw-gradient-stops));
            --tw-gradient-from: #733C0F var(--tw-gradient-from-position);
            --tw-gradient-to: rgb(115 60 15 / 0) var(--tw-gradient-to-position);
            --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
            --tw-gradient-to: #3D2008 var(--tw-gradient-to-position);
            -webkit-background-clip: text;
            background-clip: text;
            font-size: 1.875rem;
            line-height: 2.25rem;
            font-weight: 600;
            color: transparent;
        }

        .main .cp-infos .cp-title p {
            font-size: 0.875rem;
            line-height: 1.25rem;
            --tw-text-opacity: 1;
            color: rgb(75 85 99 / var(--tw-text-opacity));
        }

.main.df-page {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}

    .main.df-page .df-content {
        width: 100%;
    }

        .main.df-page .df-content:not(.dfc-active) .df-header button {
            display: none !important;
        }

        .main.df-page .df-content .df-header {
            position: sticky;
            top: 5rem;
            margin-bottom: 1rem;
            display: flex;
            height: 4rem;
            width: 100%;
            align-items: center;
            justify-content: space-between;
            gap: 0.75rem;
            border-bottom-width: 1px;
            --tw-border-opacity: 1;
            border-color: rgb(229 231 235 / var(--tw-border-opacity));
        }

            .main.df-page .df-content .df-header .df-title {
                background-image: linear-gradient(to right, var(--tw-gradient-stops));
                --tw-gradient-from: #733C0F var(--tw-gradient-from-position);
                --tw-gradient-to: rgb(115 60 15 / 0) var(--tw-gradient-to-position);
                --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
                --tw-gradient-to: #3D2008 var(--tw-gradient-to-position);
                -webkit-background-clip: text;
                background-clip: text;
                color: transparent;
                font-size: 1.5rem;
                line-height: 2rem;
                font-weight: 600;
            }

@media (min-width: 640px) {
    .main.df-page .df-content .df-header .df-title {
        font-size: 1.875rem;
        line-height: 2.25rem;
    }
}

.main.df-page .df-content .df-lists {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 1rem;
}

    .main.df-page .df-content .df-lists .dfl-item {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        justify-content: space-between;
        gap: 1.25rem;
    }

@media (min-width: 768px) {
    .main.df-page .df-content .df-lists .dfl-item {
        flex-direction: row;
    }
}

.main.df-page .df-content .df-lists .dfl-item .dfl-infos {
    display: flex;
    flex: 1 1 0%;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.25rem;
}

    .main.df-page .df-content .df-lists .dfl-item .dfl-infos .cp-line {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .main.df-page .df-content .df-lists .dfl-item .dfl-infos .dfl-title {
        font-size: 1.875rem;
        line-height: 2.25rem;
        font-weight: 600;
        --tw-text-opacity: 1;
        color: rgb(79 41 10 / var(--tw-text-opacity));
    }

    .main.df-page .df-content .df-lists .dfl-item .dfl-infos .dfl-city-chip {
        border-radius: 0.5rem;
        --tw-bg-opacity: 1;
        background-color: rgb(152 145 104 / var(--tw-bg-opacity));
        padding-left: 0.5rem;
        padding-right: 0.5rem;
        padding-top: 0.25rem;
        padding-bottom: 0.25rem;
        font-size: 0.813rem;
        font-weight: 500;
        text-transform: uppercase;
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity));
    }

    .main.df-page .df-content .df-lists .dfl-item .dfl-infos .di-menu-btn {
        margin-top: 1rem;
    }

        .main.df-page .df-content .df-lists .dfl-item .dfl-infos .di-menu-btn a {
            gap: 0.75rem;
        }

    .main.df-page .df-content .df-lists .dfl-item .dfl-infos .dfl-contact {
        margin-top: 0.75rem;
        display: flex;
        flex-direction: column;
        gap: 1.25rem;
    }

        .main.df-page .df-content .df-lists .dfl-item .dfl-infos .dfl-contact .dflc-item {
            display: flex;
            align-items: center;
            gap: 1rem;
        }

            .main.df-page .df-content .df-lists .dfl-item .dfl-infos .dfl-contact .dflc-item .di-icon i {
                height: 1.75rem;
                width: 1.75rem;
            }

            .main.df-page .df-content .df-lists .dfl-item .dfl-infos .dfl-contact .dflc-item .di-info {
                display: flex;
                flex-direction: column;
            }

                .main.df-page .df-content .df-lists .dfl-item .dfl-infos .dfl-contact .dflc-item .di-info span {
                    font-size: 1rem;
                    line-height: 1.5rem;
                    font-weight: 600;
                    --tw-text-opacity: 1;
                    color: rgb(79 41 10 / var(--tw-text-opacity));
                }

                .main.df-page .df-content .df-lists .dfl-item .dfl-infos .dfl-contact .dflc-item .di-info p,
                .main.df-page .df-content .df-lists .dfl-item .dfl-infos .dfl-contact .dflc-item .di-info a {
                    font-size: 1rem;
                    line-height: 1.5rem;
                    --tw-text-opacity: 1;
                    color: rgb(75 85 99 / var(--tw-text-opacity));
                }

                .main.df-page .df-content .df-lists .dfl-item .dfl-infos .dfl-contact .dflc-item .di-info a {
                    text-decoration-line: underline;
                }

.main.df-page .df-content .df-lists .dfl-item .dfl-map {
    width: 100%;
    max-width: 100%;
    flex: 1 1 0%;
    flex-shrink: 0;
}

    .main.df-page .df-content .df-lists .dfl-item .dfl-map iframe {
        height: 100%;
        min-height: 24rem;
        overflow: hidden;
        border-radius: 0.75rem;
    }

.main .cp-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2.5rem;
}

    .main .cp-content .cp-title {
        margin-bottom: 1rem;
    }

        .main .cp-content .cp-title h1 {
            display: inline-block;
            background-image: linear-gradient(to right, var(--tw-gradient-stops));
            --tw-gradient-from: #733C0F var(--tw-gradient-from-position);
            --tw-gradient-to: rgb(115 60 15 / 0) var(--tw-gradient-to-position);
            --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
            --tw-gradient-to: #3D2008 var(--tw-gradient-to-position);
            -webkit-background-clip: text;
            background-clip: text;
            font-size: 3.75rem;
            font-weight: 600;
            line-height: 5rem;
            letter-spacing: -0.025em;
            color: transparent;
        }

        .main .cp-content .cp-title h2 {
            display: inline-block;
            background-image: linear-gradient(to right, var(--tw-gradient-stops));
            --tw-gradient-from: #733C0F var(--tw-gradient-from-position);
            --tw-gradient-to: rgb(115 60 15 / 0) var(--tw-gradient-to-position);
            --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
            --tw-gradient-to: #3D2008 var(--tw-gradient-to-position);
            -webkit-background-clip: text;
            background-clip: text;
            font-size: 1.875rem;
            line-height: 2.25rem;
            font-weight: 600;
            color: transparent;
        }

        .main .cp-content .cp-title p {
            font-size: 0.875rem;
            line-height: 1.25rem;
            --tw-text-opacity: 1;
            color: rgb(75 85 99 / var(--tw-text-opacity));
        }

    .main .cp-content .cpf-map {
        overflow: hidden;
        border-radius: 1rem;
    }

    .main .cp-content .cp-form {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        max-width: 56rem;
        flex: 1 1 0%;
    }

        .main .cp-content .cp-form .cp-title {
            margin-bottom: 1.5rem;
            text-align: center;
        }

            .main .cp-content .cp-form .cp-title h2 {
                font-size: 2.25rem;
                line-height: 2.5rem;
            }

            .main .cp-content .cp-form .cp-title p {
                font-size: 1.125rem;
                line-height: 1.75rem;
            }

        .main .cp-content .cp-form .cpf_content {
            display: grid;
            grid-template-columns: repeat(1, minmax(0, 1fr));
            gap: 1rem;
        }

@media (min-width: 768px) {
    .main .cp-content .cp-form .cpf_content {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

.main .cp-content .cp-form .cpf_btn {
    margin-top: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

    .main .cp-content .cp-form .cpf_btn p {
        font-size: 0.875rem;
        line-height: 1.25rem;
        --tw-text-opacity: 1;
        color: rgb(107 114 128 / var(--tw-text-opacity));
    }

.mc-7xl {
    margin-left: auto;
    margin-right: auto;
    max-width: 80rem;
}

@keyframes change-color {
    from {
        color: #ffffff;
    }

    10% {
        color: #dfad76;
    }

    50% {
        color: #e38b2e;
    }

    to {
        color: #e68304;
    }
}

.b-grid {
    width: 100vw;
    min-height: 100vh;
    position: fixed;
    z-index: 1;
    display: flex;
    justify-content: center;
    padding: 160px 24px 120px 24px;
    pointer-events: none;
}

.b-grid-gradiant {
    z-index: 3;
    width: 100%;
    max-width: 640px;
    background-image: radial-gradient(at 27% 37%, hsl(30, 61%, 45%) 0px, transparent 0%), radial-gradient(at 97% 21%, hsl(45, 66%, 51%) 0px, transparent 50%), radial-gradient(at 52% 99%, hsl(5, 55%, 55%) 0px, transparent 50%), radial-gradient(at 10% 29%, hsl(43, 97%, 45%) 0px, transparent 50%), radial-gradient(at 97% 96%, hsl(38, 60%, 74%) 0px, transparent 50%), radial-gradient(at 33% 50%, hsl(222, 67%, 73%) 0px, transparent 50%), radial-gradient(at 79% 53%, hsl(343, 68%, 79%) 0px, transparent 50%);
    position: absolute;
    height: 100%;
    filter: blur(100px) saturate(150%);
    top: 80px;
    opacity: 0.1;
}