@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@200;300;400;500;600;700&display=swap');

.font-arial {
    font-family: 'Arial', sans-serif;
}

.hover\:font-arial:hover {
    font-family: 'Arial', sans-serif;
}

.focus\:font-arial:focus {
    font-family: 'Arial', sans-serif;
}

.active\:font-arial:active {
    font-family: 'Arial', sans-serif;
}

.font-helvetica {
    font-family: 'Helvetica', sans-serif;
}

.hover\:font-helvetica:hover {
    font-family: 'Helvetica', sans-serif;
}

.focus\:font-helvetica:focus {
    font-family: 'Helvetica', sans-serif;
}

.active\:font-helvetica:active {
    font-family: 'Helvetica', sans-serif;
}

.font-verdana {
    font-family: 'Verdana', sans-serif;
}

.hover\:font-verdana:hover {
    font-family: 'Verdana', sans-serif;
}

.focus\:font-verdana:focus {
    font-family: 'Verdana', sans-serif;
}

.active\:font-verdana:active {
    font-family: 'Verdana', sans-serif;
}

.font-trebuchet-ms {
    font-family: 'Trebuchet MS', sans-serif;
}

.hover\:font-trebuchet-ms:hover {
    font-family: 'Trebuchet MS', sans-serif;
}

.focus\:font-trebuchet-ms:focus {
    font-family: 'Trebuchet MS', sans-serif;
}

.active\:font-trebuchet-ms:active {
    font-family: 'Trebuchet MS', sans-serif;
}

.font-tahoma {
    font-family: 'Tahoma', sans-serif;
}

.hover\:font-tahoma:hover {
    font-family: 'Tahoma', sans-serif;
}

.focus\:font-tahoma:focus {
    font-family: 'Tahoma', sans-serif;
}

.active\:font-tahoma:active {
    font-family: 'Tahoma', sans-serif;
}

.font-georgia {
    font-family: 'Georgia', serif;
}

.hover\:font-georgia:hover {
    font-family: 'Georgia', serif;
}

.focus\:font-georgia:focus {
    font-family: 'Georgia', serif;
}

.active\:font-georgia:active {
    font-family: 'Georgia', serif;
}

.font-times-new-roman {
    font-family: 'Times New Roman', serif;
}

.hover\:font-times-new-roman:hover {
    font-family: 'Times New Roman', serif;
}

.focus\:font-times-new-roman:focus {
    font-family: 'Times New Roman', serif;
}

.active\:font-times-new-roman:active {
    font-family: 'Times New Roman', serif;
}

.font-system-ui {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", serif;
}

.hover\:font-system-ui:hover {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", serif;
}

.focus\:font-system-ui:focus {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", serif;
}

.active\:font-system-ui:active {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", serif;
}

.font-plus-jakarta-sans {
    font-family: 'Plus Jakarta Sans', sans-serif;
}

.hover\:font-plus-jakarta-sans:hover {
    font-family: 'Plus Jakarta Sans', sans-serif;
}

.focus\:font-plus-jakarta-sans:focus {
    font-family: 'Plus Jakarta Sans', sans-serif;
}

.active\:font-plus-jakarta-sans:active {
    font-family: 'Plus Jakarta Sans', sans-serif;
}

@media(min-width: 1536px) {
    .xl\:font-arial {
        font-family: 'Arial', sans-serif;
    }

    .xl\:font-helvetica {
        font-family: 'Helvetica', sans-serif;
    }

    .xl\:font-verdana {
        font-family: 'Verdana', sans-serif;
    }

    .xl\:font-trebuchet-ms {
        font-family: 'Trebuchet MS', sans-serif;
    }

    .xl\:font-tahoma {
        font-family: 'Tahoma', sans-serif;
    }

    .xl\:font-georgia {
        font-family: 'Georgia', serif;
    }

    .xl\:font-times-new-roman {
        font-family: 'Times New Roman', serif;
    }

    .xl\:font-system-ui {
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", serif;
    }

    .xl\:font-plus-jakarta-sans {
        font-family: 'Plus Jakarta Sans', sans-serif;
    }
}

@media(min-width: 1920px) {
    .\32xl\:font-arial {
        font-family: 'Arial', sans-serif;
    }

    .\32xl\:font-helvetica {
        font-family: 'Helvetica', sans-serif;
    }

    .\32xl\:font-verdana {
        font-family: 'Verdana', sans-serif;
    }

    .\32xl\:font-trebuchet-ms {
        font-family: 'Trebuchet MS', sans-serif;
    }

    .\32xl\:font-tahoma {
        font-family: 'Tahoma', sans-serif;
    }

    .\32xl\:font-georgia {
        font-family: 'Georgia', serif;
    }

    .\32xl\:font-times-new-roman {
        font-family: 'Times New Roman', serif;
    }

    .\32xl\:font-system-ui {
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", serif;
    }

    .\32xl\:font-plus-jakarta-sans {
        font-family: 'Plus Jakarta Sans', sans-serif;
    }
}

@media(max-width: 1080px) {
    .lg\:font-arial {
        font-family: 'Arial', sans-serif;
    }

    .lg\:font-helvetica {
        font-family: 'Helvetica', sans-serif;
    }

    .lg\:font-verdana {
        font-family: 'Verdana', sans-serif;
    }

    .lg\:font-trebuchet-ms {
        font-family: 'Trebuchet MS', sans-serif;
    }

    .lg\:font-tahoma {
        font-family: 'Tahoma', sans-serif;
    }

    .lg\:font-georgia {
        font-family: 'Georgia', serif;
    }

    .lg\:font-times-new-roman {
        font-family: 'Times New Roman', serif;
    }

    .lg\:font-system-ui {
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", serif;
    }

    .lg\:font-plus-jakarta-sans {
        font-family: 'Plus Jakarta Sans', sans-serif;
    }
}

@media(max-width: 844px) {
    .md\:font-arial {
        font-family: 'Arial', sans-serif;
    }

    .md\:font-helvetica {
        font-family: 'Helvetica', sans-serif;
    }

    .md\:font-verdana {
        font-family: 'Verdana', sans-serif;
    }

    .md\:font-trebuchet-ms {
        font-family: 'Trebuchet MS', sans-serif;
    }

    .md\:font-tahoma {
        font-family: 'Tahoma', sans-serif;
    }

    .md\:font-georgia {
        font-family: 'Georgia', serif;
    }

    .md\:font-times-new-roman {
        font-family: 'Times New Roman', serif;
    }

    .md\:font-system-ui {
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", serif;
    }

    .md\:font-plus-jakarta-sans {
        font-family: 'Plus Jakarta Sans', sans-serif;
    }
}

@media(max-width: 640px) {
    .sm\:font-arial {
        font-family: 'Arial', sans-serif;
    }

    .sm\:font-helvetica {
        font-family: 'Helvetica', sans-serif;
    }

    .sm\:font-verdana {
        font-family: 'Verdana', sans-serif;
    }

    .sm\:font-trebuchet-ms {
        font-family: 'Trebuchet MS', sans-serif;
    }

    .sm\:font-tahoma {
        font-family: 'Tahoma', sans-serif;
    }

    .sm\:font-georgia {
        font-family: 'Georgia', serif;
    }

    .sm\:font-times-new-roman {
        font-family: 'Times New Roman', serif;
    }

    .sm\:font-system-ui {
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", serif;
    }

    .sm\:font-plus-jakarta-sans {
        font-family: 'Plus Jakarta Sans', sans-serif;
    }
}

/*! tailwindcss v2.2.0 | MIT License | https://tailwindcss.com */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document ========================================================================== */
/** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */
html {
    line-height: 1.15;
    /* 1 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
}

/* Sections ========================================================================== */
/** * Remove the margin in all browsers. */
body {
    margin: 0;
}

/** * Render the `main` element consistently in IE. */
main {
    display: block;
}

/** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/* Grouping content ========================================================================== */
/** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */
hr {
    box-sizing: content-box;
    /* 1 */
    height: 0;
    /* 1 */
    overflow: visible;
    /* 2 */
}

/** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */
pre {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

/* Text-level semantics ========================================================================== */
/** * Remove the gray background on active links in IE 10. */
a {
    background-color: transparent;
}

/** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */
abbr[title] {
    border-bottom: none;
    /* 1 */
    text-decoration: underline;
    /* 2 */
    text-decoration: underline dotted;
    /* 2 */
}

/** * Add the correct font weight in Chrome, Edge, and Safari. */
b,
strong {
    font-weight: bolder;
}

/** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */
code,
kbd,
samp {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

/** * 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;
}

/* Embedded content ========================================================================== */
/** * Remove the border on images inside links in IE 10. */
img {
    border-style: none;
}

/* Forms ========================================================================== */
/** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */
button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    /* 1 */
    font-size: 100%;
    /* 1 */
    line-height: 1.15;
    /* 1 */
    margin: 0;
    /* 2 */
}

/** * Show the overflow in IE. * 1. Show the overflow in Edge. */
button,
input {
    /* 1 */
    overflow: visible;
}

/** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */
button,
select {
    /* 1 */
    text-transform: none;
}

/** * Correct the inability to style clickable types in iOS and Safari. */
button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

/** * Remove the inner border and padding in Firefox. */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

/** * Restore the focus styles unset by the previous rule. */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

/** * Correct the padding in Firefox. */
fieldset {
    padding: 0.35em 0.75em 0.625em;
}

/** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */
legend {
    box-sizing: border-box;
    /* 1 */
    color: inherit;
    /* 2 */
    display: table;
    /* 1 */
    max-width: 100%;
    /* 1 */
    padding: 0;
    /* 3 */
    white-space: normal;
    /* 1 */
}

/** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */
progress {
    vertical-align: baseline;
}

/** * Remove the default vertical scrollbar in IE 10+. */
textarea {
    overflow: auto;
}

/** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */
[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}

/** * Correct the cursor style of increment and decrement buttons in Chrome. */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-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. */
[type="search"]::-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 */
}

/* Interactive ========================================================================== */
/* * Add the correct display in Edge, IE 10+, and Firefox. */
details {
    display: block;
}

/* * Add the correct display in all browsers. */
summary {
    display: list-item;
}

/* Misc ========================================================================== */
/** * Add the correct display in IE 10+. */
template {
    display: none;
}

/** * Add the correct display in IE 10. */
[hidden] {
    display: none;
}

/** * Manually forked from SUIT CSS Base: https://github.com/suitcss/base * A thin layer on top of normalize.css that provides a starting point more * suitable for web applications. */
/** * Removes the default spacing and border for appropriate elements. */
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
    margin: 0;
}

button {
    background-color: transparent;
    background-image: none;
}

/** * Work around a Firefox/IE bug where the transparent `button` background * results in a loss of the default `button` focus styles. */
button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color;
}

fieldset {
    margin: 0;
    padding: 0;
}

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

/** * Tailwind custom reset styles */
/** * 1. Use the user's configured `sans` font-family (with Tailwind's default * sans-serif font stack as a fallback) as a sane default. * 2. Use Tailwind's default "normal" line-height so the user isn't forced * to override it to ensure consistency even when using the default theme. */
html {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    /* 1 */
    line-height: 1.5;
    /* 2 */
}

/** * Inherit font-family and line-height from `html` so users can set them as * a class directly on the `html` element. */
body {
    font-family: inherit;
    line-height: inherit;
}

/** * 1. Prevent padding and border from affecting element width. * * We used to set this in the html element and inherit from * the parent element for everything else. This caused issues * in shadow-dom-enhanced elements like <details> where the content * is wrapped by a div with box-sizing set to `content-box`. * * https://github.com/mozdevs/cssremedy/issues/4 * * * 2. Allow adding a border to an element by just adding a border-width. * * By default, the way the browser specifies that an element should have no * border is by setting it's border-style to `none` in the user-agent * stylesheet. * * In order to easily add borders to elements by just setting the `border-width` * property, we change the default border-style for all elements to `solid`, and * use border-width to hide them instead. This way our `border` utilities only * need to set the `border-width` property instead of the entire `border` * shorthand, making our border utilities much more straightforward to compose. * * https://github.com/tailwindcss/tailwindcss/pull/116 */
*,
::before,
::after {
    box-sizing: border-box;
    /* 1 */
    border-width: 0;
    /* 2 */
    border-style: solid;
    /* 2 */
    border-color: currentColor;
    /* 2 */
}

/* * Ensure horizontal rules are visible by default */
hr {
    border-top-width: 1px;
}

/** * Undo the `border-style: none` reset that Normalize applies to images so that * our `border-{width}` utilities have the expected effect. * * The Normalize reset is unnecessary for us since we default the border-width * to 0 on all elements. * * https://github.com/tailwindcss/tailwindcss/issues/362 */
img {
    border-style: solid;
}

textarea {
    resize: vertical;
}

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

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

table {
    border-collapse: collapse;
}

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;
}

/** * Reset form element properties that are easy to forget to * style explicitly so you don't inadvertently introduce * styles that deviate from your design system. These styles * supplement a partial reset that is already applied by * normalize.css. */
button,
input,
optgroup,
select,
textarea {
    padding: 0;
    line-height: inherit;
    color: inherit;
}

/** * Use the configured 'mono' font family for elements that * are expected to be rendered with a monospace font, falling * back to the system monospace stack if there is no configured * 'mono' font family. */
pre,
code,
kbd,
samp {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

/** * 1. Make replaced elements `display: block` by default as that's * the behavior you want almost all of the time. Inspired by * CSS Remedy, with `svg` added as well. * * https://github.com/mozdevs/cssremedy/issues/14 * * 2. Add `vertical-align: middle` to align replaced elements more * sensibly by default when overriding `display` by adding a * utility like `inline`. * * This can trigger a poorly considered linting error in some * tools but is included by design. * * https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210 */
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;
}

*,
::before,
::after {
    --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-transform: translateX(var(--tw-translate-x)) translateY(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-border-opacity: 1;
    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
    --tw-shadow: 0 0 #0000;
    --tw-ring-inset: var(--tw-empty,
            /*!*/
            /*!*/
        );
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-blur: var(--tw-empty,
            /*!*/
            /*!*/
        );
    --tw-brightness: var(--tw-empty,
            /*!*/
            /*!*/
        );
    --tw-contrast: var(--tw-empty,
            /*!*/
            /*!*/
        );
    --tw-grayscale: var(--tw-empty,
            /*!*/
            /*!*/
        );
    --tw-hue-rotate: var(--tw-empty,
            /*!*/
            /*!*/
        );
    --tw-invert: var(--tw-empty,
            /*!*/
            /*!*/
        );
    --tw-saturate: var(--tw-empty,
            /*!*/
            /*!*/
        );
    --tw-sepia: var(--tw-empty,
            /*!*/
            /*!*/
        );
    --tw-drop-shadow: var(--tw-empty,
            /*!*/
            /*!*/
        );
    --tw-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);
    --tw-backdrop-blur: var(--tw-empty,
            /*!*/
            /*!*/
        );
    --tw-backdrop-brightness: var(--tw-empty,
            /*!*/
            /*!*/
        );
    --tw-backdrop-contrast: var(--tw-empty,
            /*!*/
            /*!*/
        );
    --tw-backdrop-grayscale: var(--tw-empty,
            /*!*/
            /*!*/
        );
    --tw-backdrop-hue-rotate: var(--tw-empty,
            /*!*/
            /*!*/
        );
    --tw-backdrop-invert: var(--tw-empty,
            /*!*/
            /*!*/
        );
    --tw-backdrop-opacity: var(--tw-empty,
            /*!*/
            /*!*/
        );
    --tw-backdrop-saturate: var(--tw-empty,
            /*!*/
            /*!*/
        );
    --tw-backdrop-sepia: var(--tw-empty,
            /*!*/
            /*!*/
        );
    --tw-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);
}

.container {
    width: 100%;
}

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

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

.visible {
    visibility: visible;
}

.absolute {
    position: absolute;
}

.relative {
    position: relative;
}

.sticky {
    position: sticky;
}

.top-\[0px\] {
    top: 0px;
}

.top-\[0\] {
    top: 0;
}

.left-\[0\] {
    left: 0;
}

.z-\[100\] {
    z-index: 100;
}

.m-0 {
    margin: 0px;
}

.mb-0 {
    margin-bottom: 0px;
}

.mt-auto {
    margin-top: auto;
}

.mr-\[auto\] {
    margin-right: auto;
}

.mb-\[0\] {
    margin-bottom: 0;
}

.ml-\[auto\] {
    margin-left: auto;
}

.mt-\[12rem\] {
    margin-top: 12rem;
}

.mt-\[0px\] {
    margin-top: 0px;
}

.mb-\[0px\] {
    margin-bottom: 0px;
}

.mr-\[0px\] {
    margin-right: 0px;
}

.ml-\[0px\] {
    margin-left: 0px;
}

.mt-\[32px\] {
    margin-top: 32px;
}

.mt-\[0\] {
    margin-top: 0;
}

.mt-\[80px\] {
    margin-top: 80px;
}

.mt-\[10px\] {
    margin-top: 10px;
}

.mb-\[30px\] {
    margin-bottom: 30px;
}

.mt-\[60px\] {
    margin-top: 60px;
}

.mt-\[20px\] {
    margin-top: 20px;
}

.mt-\[30px\] {
    margin-top: 30px;
}

.mt-\[56px\] {
    margin-top: 56px;
}

.mt-\[50px\] {
    margin-top: 50px;
}

.block {
    display: block;
}

.inline-block {
    display: inline-block;
}

.inline {
    display: inline;
}

.flex {
    display: flex;
}

.table {
    display: table;
}

.grid {
    display: grid;
}

.contents {
    display: contents;
}

.hidden {
    display: none;
}

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

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

.h-\[100\%\] {
    height: 100%;
}

.h-\[auto\] {
    height: auto;
}

.max-h-\[auto\] {
    max-height: auto;
}

.min-h-\[100\%\] {
    min-height: 100%;
}

.w-\[auto\] {
    width: auto;
}

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

.w-\[100\%\] {
    width: 100%;
}

.w-\[80\%\] {
    width: 80%;
}

.min-w-\[40\%\] {
    min-width: 40%;
}

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

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

.max-w-\[768px\] {
    max-width: 768px;
}

.max-w-\[100\%\] {
    max-width: 100%;
}

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

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

.border-collapse {
    border-collapse: collapse;
}

.resize {
    resize: both;
}

.grid-flow-col {
    grid-auto-flow: column;
}

.grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}
.grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.grid-cols-none {
    grid-template-columns: none;
}

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

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

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

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

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

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

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

.gap-\[200px\] {
    gap: 200px;
}

.gap-\[0px\] {
    gap: 0px;
}

.gap-\[20px\] {
    gap: 20px;
}
.gap-\[40px\] {
    gap: 40px;
}

.gap-\[80px\] {
    gap: 80px;
}

.gap-\[100px\] {
    gap: 100px;
}

.gap-\[56px\] {
    gap: 56px;
}

.space-x-\[40px\]> :not([hidden])~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(40px * var(--tw-space-x-reverse));
    margin-left: calc(40px * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-\[32px\]> :not([hidden])~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(32px * var(--tw-space-x-reverse));
    margin-left: calc(32px * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-\[12px\]> :not([hidden])~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(12px * var(--tw-space-x-reverse));
    margin-left: calc(12px * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-\[64px\]> :not([hidden])~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(64px * var(--tw-space-x-reverse));
    margin-left: calc(64px * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-\[0px\]> :not([hidden])~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0px * var(--tw-space-x-reverse));
    margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
}

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

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

.overflow-auto {
    overflow: auto;
}

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

.rounded-\[6px\] {
    border-radius: 6px;
}

.rounded-\[9999px\] {
    border-radius: 9999px;
}

.rounded-\[8px\] {
    border-radius: 8px;
}

.border {
    border-width: 1px;
}

.border-b-\[1px\] {
    border-bottom-width: 1px;
}

.border-\[transparent\] {
    border-color: transparent;
}

.bg-\[white\] {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}

.bg-\[black\] {
    --tw-bg-opacity: 1;
    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
}

.bg-\[\#f4f4f5\] {
    --tw-bg-opacity: 1;
    background-color: rgba(244, 244, 245, var(--tw-bg-opacity));
}

.bg-\[\#e4e4e7\] {
    --tw-bg-opacity: 1;
    background-color: rgba(228, 228, 231, var(--tw-bg-opacity));
}

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

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

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

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

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

.pt-\[15px\] {
    padding-top: 15px;
}

.pb-\[15px\] {
    padding-bottom: 15px;
}

.pt-\[0\] {
    padding-top: 0;
}

.pr-\[32px\] {
    padding-right: 32px;
}

.pb-\[0\] {
    padding-bottom: 0;
}

.pl-\[32px\] {
    padding-left: 32px;
}

.pt-\[12px\] {
    padding-top: 12px;
}

.pr-\[12px\] {
    padding-right: 12px;
}

.pb-\[12px\] {
    padding-bottom: 12px;
}

.pl-\[12px\] {
    padding-left: 12px;
}

.pb-\[80px\] {
    padding-bottom: 80px;
}
.pb-\[60px\] {
    padding-bottom: 60px;
}

.pt-\[80px\] {
    padding-top: 80px;
}

.pr-\[40px\] {
    padding-right: 40px;
}

.pl-\[40px\] {
    padding-left: 40px;
}

.pt-\[100px\] {
    padding-top: 100px;
}

.pb-\[100px\] {
    padding-bottom: 100px;
}

.pb-\[56\.25\%\] {
    padding-bottom: 56.25%;
}

.pt-\[120px\] {
    padding-top: 120px;
}

.pb-\[120px\] {
    padding-bottom: 120px;
}

.pr-\[100px\] {
    padding-right: 100px;
}

.pl-\[100px\] {
    padding-left: 100px;
}

.pl-\[0px\] {
    padding-left: 0px;
}

.pr-\[0px\] {
    padding-right: 0px;
}

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

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

.text-\[16px\] {
    font-size: 16px;
}

.text-\[14px\] {
    font-size: 14px;
}

.text-\[36px\] {
    font-size: 36px;
}

.text-\[18px\] {
    font-size: 18px;
}

.text-\[48px\] {
    font-size: 48px;
}

.text-\[20px\] {
    font-size: 20px;
}

.text-\[24px\] {
    font-size: 24px;
}
.text-\[30px\] {
    font-size: 30px;
}

.font-medium {
    font-weight: 500;
}

.font-light {
    font-weight: 300;
}

.font-semibold {
    font-weight: 600;
}

.font-normal {
    font-weight: 400;
}

.leading-relaxed {
    line-height: 1.625;
}

.leading-\[24px\] {
    line-height: 24px;
}

.leading-\[1\.25em\] {
    line-height: 1.25em;
}

.leading-\[1\.625em\] {
    line-height: 1.625em;
}

.leading-\[1\.375em\] {
    line-height: 1.375em;
}

.tracking-\[0\.025em\] {
    letter-spacing: 0.025em;
}

.text-\[black\] {
    --tw-text-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-text-opacity));
}

.text-\[\#27272a\] {
    --tw-text-opacity: 1;
    color: rgba(39, 39, 42, var(--tw-text-opacity));
}

.text-\[white\] {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
}

.text-opacity-\[75\%\] {
    --tw-text-opacity: 75%;
}

.text-opacity-\[70\%\] {
    --tw-text-opacity: 70%;
}

.underline {
    text-decoration: underline;
}

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

.opacity-\[100\%\] {
    opacity: 100%;
}

.mix-blend-normal {
    mix-blend-mode: normal;
}

.shadow {
    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:bg-\[black\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
}

.hover\:text-\[\#a16207\]:hover {
    --tw-text-opacity: 1;
    color: rgba(161, 98, 7, var(--tw-text-opacity));
}

.hover\:text-\[white\]:hover {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
}

.focus\:outline-none:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
}

@media (min-width: 1536px) {
    .xl\:mt-\[20vh\] {
        margin-top: 20vh;
    }

    .xl\:h-\[auto\] {
        height: auto;
    }

    .xl\:w-\[100\%\] {
        width: 100%;
    }

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

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

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

    .xl\:pr-\[40px\] {
        padding-right: 40px;
    }

    .xl\:pl-\[40px\] {
        padding-left: 40px;
    }
}

@media (max-width: 1080px) {
    .lg\:h-\[100\%\] {
        height: 100%;
    }

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

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

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

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

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

    .lg\:pl-\[40px\] {
        padding-left: 40px;
    }

    .lg\:pr-\[40px\] {
        padding-right: 40px;
    }
}

@media (max-width: 844px) {
    .md\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

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

    .md\:space-x-\[0px\]> :not([hidden])~ :not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(0px * var(--tw-space-x-reverse));
        margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
    }

    .md\:space-y-\[64px\]> :not([hidden])~ :not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(64px * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(64px * var(--tw-space-y-reverse));
    }

    .md\:pr-\[24px\] {
        padding-right: 24px;
    }

    .md\:pl-\[24px\] {
        padding-left: 24px;
    }
}

@media (max-width: 640px) {
    .sm\:visible {
        visibility: visible;
    }

    .sm\:fixed {
        position: fixed;
    }

    .sm\:right-\[0px\] {
        right: 0px;
    }

    .sm\:left-\[0px\] {
        left: 0px;
    }

    .sm\:bottom-\[auto\] {
        bottom: auto;
    }

    .sm\:top-\[70px\] {
        top: 70px;
    }

    .sm\:z-\[100\] {
        z-index: 100;
    }

    .sm\:order-none {
        order: 0;
    }

    .sm\:ml-\[0px\] {
        margin-left: 0px;
    }

    .sm\:mr-\[0px\] {
        margin-right: 0px;
    }

    .sm\:mt-\[50px\] {
        margin-top: 50px;
    }

    .sm\:mt-\[60px\] {
        margin-top: 60px;
    }

    .sm\:mt-\[0px\] {
        margin-top: 0px;
    }

    .sm\:mt-\[30px\] {
        margin-top: 30px;
    }

    .sm\:block {
        display: block;
    }

    .sm\:flex {
        display: flex;
    }

    .sm\:hidden {
        display: none;
    }

    .sm\:w-\[auto\] {
        width: auto;
    }

    .sm\:w-\[100\%\] {
        width: 100%;
    }

    .sm\:min-w-\[100\%\] {
        min-width: 100%;
    }

    .sm\:min-w-\[auto\] {
        min-width: auto;
    }

    .sm\:max-w-\[auto\] {
        max-width: auto;
    }

    .sm\:flex-shrink {
        flex-shrink: 1;
    }

    .sm\:grid-flow-row {
        grid-auto-flow: row;
    }

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

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

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

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

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

    .sm\:items-stretch {
        align-items: stretch;
    }

    .sm\:gap-\[10px\] {
        gap: 10px;
    }

    .sm\:gap-\[30px\] {
        gap: 30px;
    }

    .sm\:gap-\[50px\] {
        gap: 50px;
    }

    .sm\:gap-\[40px\] {
        gap: 40px;
    }

    .sm\:space-y-\[20px\]> :not([hidden])~ :not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(20px * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(20px * var(--tw-space-y-reverse));
    }

    .sm\:space-y-\[50px\]> :not([hidden])~ :not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(50px * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(50px * var(--tw-space-y-reverse));
    }

    .sm\:self-auto {
        align-self: auto;
    }

    .sm\:bg-\[white\] {
        --tw-bg-opacity: 1;
        background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
    }

    .sm\:bg-scroll {
        background-attachment: scroll;
    }

    .sm\:bg-repeat {
        background-repeat: repeat;
    }

    .sm\:pr-\[24px\] {
        padding-right: 24px;
    }

    .sm\:pl-\[24px\] {
        padding-left: 24px;
    }

    .sm\:pt-\[32px\] {
        padding-top: 32px;
    }

    .sm\:pb-\[32px\] {
        padding-bottom: 32px;
    }

    .sm\:pt-\[50px\] {
        padding-top: 50px;
    }

    .sm\:pb-\[50px\] {
        padding-bottom: 50px;
    }

    .sm\:pr-\[20px\] {
        padding-right: 20px;
    }

    .sm\:pl-\[20px\] {
        padding-left: 20px;
    }

    .sm\:pl-\[0px\] {
        padding-left: 0px;
    }

    .sm\:pr-\[0px\] {
        padding-right: 0px;
    }

    .sm\:pb-\[0px\] {
        padding-bottom: 0px;
    }
    .sm\:pb-\[200px\] {
        padding-bottom:200px;
    }

    .sm\:text-\[18px\] {
        font-size: 18px;
    }

    .sm\:text-\[36px\] {
        font-size: 36px;
    }

    .sm\:text-\[30px\] {
        font-size: 30px;
    }

    .sm\:text-\[16px\] {
        font-size: 16px;
    }

    .sm\:text-\[20px\] {
        font-size: 20px;
    }

    .sm\:font-medium {
        font-weight: 500;
    }

    .sm\:shadow-2xl {
        --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }
}