/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
    :root, :host {
        --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
        "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
        "Courier New", monospace;
        --color-gray-200: oklch(92.8% 0.006 264.531);
        --color-black: #000;
        --color-white: #fff;
        --spacing: 0.25rem;
        --text-xs: 0.75rem;
        --text-xs--line-height: calc(1 / 0.75);
        --text-sm: 0.875rem;
        --text-sm--line-height: calc(1.25 / 0.875);
        --text-base: 1rem;
        --text-base--line-height: calc(1.5 / 1);
        --text-xl: 1.25rem;
        --text-xl--line-height: calc(1.75 / 1.25);
        --font-weight-normal: 400;
        --font-weight-medium: 500;
        --font-weight-semibold: 600;
        --tracking-normal: 0em;
        --tracking-wider: 0.05em;
        --tracking-widest: 0.1em;
        --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
        --blur-sm: 8px;
        --default-transition-duration: 150ms;
        --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        --default-font-family: var(--font-sans);
        --default-mono-font-family: var(--font-mono);
        --font-bebas: 'Bebas Neue Cyrillic', sans-serif;
        --font-raleway: 'Raleway', sans-serif;
    }
}
@layer base {
    *, ::after, ::before, ::backdrop, ::file-selector-button {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
        border: 0 solid;
    }
    html, :host {
        line-height: 1.5;
        -webkit-text-size-adjust: 100%;
        tab-size: 4;
        font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
        font-feature-settings: var(--default-font-feature-settings, normal);
        font-variation-settings: var(--default-font-variation-settings, normal);
        -webkit-tap-highlight-color: transparent;
    }
    hr {
        height: 0;
        color: inherit;
        border-top-width: 1px;
    }
    abbr:where([title]) {
        -webkit-text-decoration: underline dotted;
        text-decoration: underline dotted;
    }
    h1, h2, h3, h4, h5, h6 {
        font-size: inherit;
        font-weight: inherit;
    }
    a {
        color: inherit;
        -webkit-text-decoration: inherit;
        text-decoration: inherit;
    }
    b, strong {
        font-weight: bolder;
    }
    code, kbd, samp, pre {
        font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
        font-feature-settings: var(--default-mono-font-feature-settings, normal);
        font-variation-settings: var(--default-mono-font-variation-settings, normal);
        font-size: 1em;
    }
    small {
        font-size: 80%;
    }
    sub, sup {
        font-size: 75%;
        line-height: 0;
        position: relative;
        vertical-align: baseline;
    }
    sub {
        bottom: -0.25em;
    }
    sup {
        top: -0.5em;
    }
    table {
        text-indent: 0;
        border-color: inherit;
        border-collapse: collapse;
    }
    :-moz-focusring {
        outline: auto;
    }
    progress {
        vertical-align: baseline;
    }
    summary {
        display: list-item;
    }
    ol, ul, menu {
        list-style: none;
    }
    img, svg, video, canvas, audio, iframe, embed, object {
        display: block;
        vertical-align: middle;
    }
    img, video {
        max-width: 100%;
        height: auto;
    }
    button, input, select, optgroup, textarea, ::file-selector-button {
        font: inherit;
        font-feature-settings: inherit;
        font-variation-settings: inherit;
        letter-spacing: inherit;
        color: inherit;
        border-radius: 0;
        background-color: transparent;
        opacity: 1;
    }
    :where(select:is([multiple], [size])) optgroup {
        font-weight: bolder;
    }
    :where(select:is([multiple], [size])) optgroup option {
        padding-inline-start: 20px;
    }
    ::file-selector-button {
        margin-inline-end: 4px;
    }
    ::placeholder {
        opacity: 1;
    }
    @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
        ::placeholder {
            color: currentcolor;
            @supports (color: color-mix(in lab, red, red)) {
                color: color-mix(in oklab, currentcolor 50%, transparent);
            }
        }
    }
    textarea {
        resize: vertical;
    }
    ::-webkit-search-decoration {
        -webkit-appearance: none;
    }
    ::-webkit-date-and-time-value {
        min-height: 1lh;
        text-align: inherit;
    }
    ::-webkit-datetime-edit {
        display: inline-flex;
    }
    ::-webkit-datetime-edit-fields-wrapper {
        padding: 0;
    }
    ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
        padding-block: 0;
    }
    ::-webkit-calendar-picker-indicator {
        line-height: 1;
    }
    :-moz-ui-invalid {
        box-shadow: none;
    }
    button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
        appearance: button;
    }
    ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
        height: auto;
    }
    [hidden]:where(:not([hidden="until-found"])) {
        display: none !important;
    }
}
@layer utilities {
    .invisible {
        visibility: hidden;
    }
    .absolute {
        position: absolute;
    }
    .fixed {
        position: fixed;
    }
    .relative {
        position: relative;
    }
    .static {
        position: static;
    }
    .inset-0 {
        inset: calc(var(--spacing) * 0);
    }
    .top-0 {
        top: calc(var(--spacing) * 0);
    }
    .top-1\/2 {
        top: calc(1/2 * 100%);
    }
    .top-\[10px\] {
        top: 10px;
    }
    .top-\[29px\] {
        top: 29px;
    }
    .right-0 {
        right: calc(var(--spacing) * 0);
    }
    .right-\[10px\] {
        right: 10px;
    }
    .right-\[44px\] {
        right: 44px;
    }
    .bottom-0 {
        bottom: calc(var(--spacing) * 0);
    }
    .left-0 {
        left: calc(var(--spacing) * 0);
    }
    .left-0\.5 {
        left: calc(var(--spacing) * 0.5);
    }
    .left-1\/2 {
        left: calc(1/2 * 100%);
    }
    .z-0 {
        z-index: 0;
    }
    .z-1 {
        z-index: 1;
    }
    .z-10 {
        z-index: 10;
    }
    .z-40 {
        z-index: 40;
    }
    .z-50 {
        z-index: 50;
    }
    .col-span-1 {
        grid-column: span 1 / span 1;
    }
    .col-span-2 {
        grid-column: span 2 / span 2;
    }
    .col-start-2 {
        grid-column-start: 2;
    }
    .float-left {
        float: left;
    }
    .clear-both {
        clear: both;
    }
    .container {
        width: 100%;
    }
    .mx-\[23px\] {
        margin-inline: 23px;
    }
    .mx-auto {
        margin-inline: auto;
    }
    .mt-\[5px\] {
        margin-top: 5px;
    }
    .mt-\[12px\] {
        margin-top: 12px;
    }
    .mt-\[13px\] {
        margin-top: 13px;
    }
    .mt-\[15px\] {
        margin-top: 15px;
    }
    .mt-\[16px\] {
        margin-top: 16px;
    }
    .mt-\[17px\] {
        margin-top: 17px;
    }
    .mt-\[18px\] {
        margin-top: 18px;
    }
    .mt-\[19px\] {
        margin-top: 19px;
    }
    .mt-\[20px\] {
        margin-top: 20px;
    }
    .mt-\[22px\] {
        margin-top: 22px;
    }
    .mt-\[23px\] {
        margin-top: 23px;
    }
    .mt-\[24px\] {
        margin-top: 24px;
    }
    .mt-\[25px\] {
        margin-top: 25px;
    }
    .mt-\[30px\] {
        margin-top: 30px;
    }
    .mt-\[31px\] {
        margin-top: 31px;
    }
    .mt-\[32px\] {
        margin-top: 32px;
    }
    .mt-\[33px\] {
        margin-top: 33px;
    }
    .mt-\[35px\] {
        margin-top: 35px;
    }
    .mt-\[36px\] {
        margin-top: 36px;
    }
    .mt-\[38px\] {
        margin-top: 38px;
    }
    .mt-\[39px\] {
        margin-top: 39px;
    }
    .mt-\[40px\] {
        margin-top: 40px;
    }
    .mt-\[45px\] {
        margin-top: 45px;
    }
    .mt-\[47px\] {
        margin-top: 47px;
    }
    .mt-\[48px\] {
        margin-top: 48px;
    }
    .mt-\[50px\] {
        margin-top: 50px;
    }
    .mt-\[53px\] {
        margin-top: 53px;
    }
    .mt-\[54px\] {
        margin-top: 54px;
    }
    .mt-\[62px\] {
        margin-top: 62px;
    }
    .mt-\[63px\] {
        margin-top: 63px;
    }
    .mt-\[65px\] {
        margin-top: 65px;
    }
    .mt-\[66px\] {
        margin-top: 66px;
    }
    .mt-\[68px\] {
        margin-top: 68px;
    }
    .mt-\[69px\] {
        margin-top: 69px;
    }
    .mt-\[73px\] {
        margin-top: 73px;
    }
    .mt-\[85px\] {
        margin-top: 85px;
    }
    .mt-\[88px\] {
        margin-top: 88px;
    }
    .mt-\[91px\] {
        margin-top: 91px;
    }
    .mt-\[94px\] {
        margin-top: 94px;
    }
    .mt-\[108px\] {
        margin-top: 108px;
    }
    .mt-\[114px\] {
        margin-top: 114px;
    }
    .mt-\[115px\] {
        margin-top: 115px;
    }
    .mt-\[118px\] {
        margin-top: 118px;
    }
    .mt-\[125px\] {
        margin-top: 125px;
    }
    .mt-\[127px\] {
        margin-top: 127px;
    }
    .mt-\[132px\] {
        margin-top: 132px;
    }
    .mt-\[138px\] {
        margin-top: 138px;
    }
    .mt-\[146px\] {
        margin-top: 146px;
    }
    .mt-\[151px\] {
        margin-top: 151px;
    }
    .mt-\[152px\] {
        margin-top: 152px;
    }
    .mt-\[156px\] {
        margin-top: 156px;
    }
    .mt-\[162px\] {
        margin-top: 162px;
    }
    .mt-\[175px\] {
        margin-top: 175px;
    }
    .mt-\[201px\] {
        margin-top: 201px;
    }
    .mt-\[211px\] {
        margin-top: 211px;
    }
    .mr-\[20px\] {
        margin-right: 20px;
    }
    .mr-\[32px\] {
        margin-right: 32px;
    }
    .mb-0 {
        margin-bottom: calc(var(--spacing) * 0);
    }
    .mb-\[5px\] {
        margin-bottom: 5px;
    }
    .mb-\[10px\] {
        margin-bottom: 10px;
    }
    .mb-\[11px\] {
        margin-bottom: 11px;
    }
    .mb-\[14px\] {
        margin-bottom: 14px;
    }
    .mb-\[17px\] {
        margin-bottom: 17px;
    }
    .mb-\[18px\] {
        margin-bottom: 18px;
    }
    .mb-\[19px\] {
        margin-bottom: 19px;
    }
    .mb-\[20px\] {
        margin-bottom: 20px;
    }
    .mb-\[22px\] {
        margin-bottom: 22px;
    }
    .mb-\[23px\] {
        margin-bottom: 23px;
    }
    .mb-\[26px\] {
        margin-bottom: 26px;
    }
    .mb-\[27px\] {
        margin-bottom: 27px;
    }
    .mb-\[28px\] {
        margin-bottom: 28px;
    }
    .mb-\[33px\] {
        margin-bottom: 33px;
    }
    .mb-\[34px\] {
        margin-bottom: 34px;
    }
    .mb-\[36px\] {
        margin-bottom: 36px;
    }
    .mb-\[38px\] {
        margin-bottom: 38px;
    }
    .mb-\[41px\] {
        margin-bottom: 41px;
    }
    .mb-\[42px\] {
        margin-bottom: 42px;
    }
    .mb-\[44px\] {
        margin-bottom: 44px;
    }
    .mb-\[46px\] {
        margin-bottom: 46px;
    }
    .mb-\[47px\] {
        margin-bottom: 47px;
    }
    .mb-\[48px\] {
        margin-bottom: 48px;
    }
    .mb-\[54px\] {
        margin-bottom: 54px;
    }
    .mb-\[62px\] {
        margin-bottom: 62px;
    }
    .mb-\[66px\] {
        margin-bottom: 66px;
    }
    .mb-\[67px\] {
        margin-bottom: 67px;
    }
    .-ml-\[102px\] {
        margin-left: calc(102px * -1);
    }
    .ml-\[14px\] {
        margin-left: 14px;
    }
    .ml-\[23px\] {
        margin-left: 23px;
    }
    .ml-\[43px\] {
        margin-left: 43px;
    }
    .ml-\[110px\] {
        margin-left: 110px;
    }
    .block {
        display: block;
    }
    .flex {
        display: flex;
    }
    .grid {
        display: grid;
    }
    .hidden {
        display: none;
    }
    .inline {
        display: inline;
    }
    .inline-block {
        display: inline-block;
    }
    .h-\[1px\] {
        height: 1px;
    }
    .h-\[15px\] {
        height: 15px;
    }
    .h-\[20px\] {
        height: 20px;
    }
    .h-\[25px\] {
        height: 25px;
    }
    .h-\[26px\] {
        height: 26px;
    }
    .h-\[40px\] {
        height: 40px;
    }
    .h-\[43px\] {
        height: 43px;
    }
    .h-\[52px\] {
        height: 52px;
    }
    .h-\[64px\] {
        height: 64px;
    }
    .h-\[65px\] {
        height: 65px;
    }
    .h-\[67px\] {
        height: 67px;
    }
    .h-\[92px\] {
        height: 92px;
    }
    .h-\[100px\] {
        height: 100px;
    }
    .h-\[150px\] {
        height: 150px;
    }
    .h-\[200px\] {
        height: 200px;
    }
    .h-\[254px\] {
        height: 254px;
    }
    .h-\[309px\] {
        height: 309px;
    }
    .h-\[380px\] {
        height: 380px;
    }
    .h-\[445px\] {
        height: 445px;
    }
    .h-\[480px\] {
        height: 480px;
    }
    .h-full {
        height: 100%;
    }
    .h-screen {
        height: 100vh;
    }
    .min-h-\[445px\] {
        min-height: 445px;
    }
    .min-h-full {
        min-height: 100%;
    }
    .w-\[20px\] {
        width: 20px;
    }
    .w-\[25px\] {
        width: 25px;
    }
    .w-\[26px\] {
        width: 26px;
    }
    .w-\[33\%\] {
        width: 33%;
    }
    .w-\[40px\] {
        width: 40px;
    }
    .w-\[43px\] {
        width: 43px;
    }
    .w-\[65px\] {
        width: 65px;
    }
    .w-\[100px\] {
        width: 100px;
    }
    .w-\[115px\] {
        width: 115px;
    }
    .w-\[134px\] {
        width: 134px;
    }
    .w-\[163px\] {
        width: 163px;
    }
    .w-\[243px\] {
        width: 243px;
    }
    .w-\[246px\] {
        width: 246px;
    }
    .w-\[268px\] {
        width: 268px;
    }
    .w-\[296px\] {
        width: 296px;
    }
    .w-\[355px\] {
        width: 355px;
    }
    .w-\[360px\] {
        width: 360px;
    }
    .w-\[383px\] {
        width: 383px;
    }
    .w-\[398px\] {
        width: 398px;
    }
    .w-\[402px\] {
        width: 402px;
    }
    .w-\[579px\] {
        width: 579px;
    }
    .w-\[593px\] {
        width: 593px;
    }
    .w-fit {
        width: fit-content;
    }
    .w-full {
        width: 100%;
    }
    .w-screen {
        width: 100vw;
    }
    .max-w-\[130px\] {
        max-width: 130px;
    }
    .max-w-\[160px\] {
        max-width: 160px;
    }
    .max-w-\[169px\] {
        max-width: 169px;
    }
    .max-w-\[200px\] {
        max-width: 200px;
    }
    .max-w-\[250px\] {
        max-width: 250px;
    }
    .max-w-\[256px\] {
        max-width: 256px;
    }
    .max-w-\[300px\] {
        max-width: 300px;
    }
    .max-w-\[308px\] {
        max-width: 308px;
    }
    .max-w-\[316px\] {
        max-width: 316px;
    }
    .max-w-\[322px\] {
        max-width: 322px;
    }
    .max-w-\[323px\] {
        max-width: 323px;
    }
    .max-w-\[340px\] {
        max-width: 340px;
    }
    .max-w-\[355px\] {
        max-width: 355px;
    }
    .max-w-\[370px\] {
        max-width: 370px;
    }
    .max-w-\[411px\] {
        max-width: 411px;
    }
    .max-w-\[429\] {
        max-width: 429;
    }
    .max-w-\[474px\] {
        max-width: 474px;
    }
    .max-w-\[495px\] {
        max-width: 495px;
    }
    .max-w-\[548px\] {
        max-width: 548px;
    }
    .max-w-\[571px\] {
        max-width: 571px;
    }
    .max-w-\[585px\] {
        max-width: 585px;
    }
    .max-w-\[611px\] {
        max-width: 611px;
    }
    .max-w-\[674px\] {
        max-width: 674px;
    }
    .max-w-\[880px\] {
        max-width: 880px;
    }
    .min-w-0 {
        min-width: calc(var(--spacing) * 0);
    }
    .min-w-\[300px\] {
        min-width: 300px;
    }
    .min-w-\[440px\] {
        min-width: 440px;
    }
    .flex-1 {
        flex: 1;
    }
    .flex-\[0\.5\] {
        flex: 0.5;
    }
    .flex-\[0\.7\] {
        flex: 0.7;
    }
    .flex-\[0\.8\] {
        flex: 0.8;
    }
    .flex-\[1\.15\] {
        flex: 1.15;
    }
    .flex-\[2\] {
        flex: 2;
    }
    .shrink {
        flex-shrink: 1;
    }
    .shrink-0 {
        flex-shrink: 0;
    }
    .grow-0 {
        flex-grow: 0;
    }
    .-translate-x-0\.5 {
        --tw-translate-x: calc(var(--spacing) * -0.5);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .-translate-x-1\/2 {
        --tw-translate-x: calc(calc(1/2 * 100%) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .-translate-y-1\/2 {
        --tw-translate-y: calc(calc(1/2 * 100%) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .transform {
        transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
    }
    .cursor-pointer {
        cursor: pointer;
    }
    .auto-rows-fr {
        grid-auto-rows: minmax(0, 1fr);
    }
    .grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .grid-cols-\[repeat\(7\,minmax\(158px\,auto\)\)\] {
        grid-template-columns: repeat(7,minmax(158px,auto));
    }
    .grid-rows-2 {
        grid-template-rows: repeat(2, minmax(0, 1fr));
    }
    .grid-rows-4 {
        grid-template-rows: repeat(4, minmax(0, 1fr));
    }
    .flex-col {
        flex-direction: column;
    }
    .flex-row-reverse {
        flex-direction: row-reverse;
    }
    .flex-nowrap {
        flex-wrap: nowrap;
    }
    .flex-wrap {
        flex-wrap: wrap;
    }
    .items-center {
        align-items: center;
    }
    .items-start {
        align-items: flex-start;
    }
    .items-stretch {
        align-items: stretch;
    }
    .justify-between {
        justify-content: space-between;
    }
    .justify-center {
        justify-content: center;
    }
    .justify-start {
        justify-content: flex-start;
    }
    .justify-start\! {
        justify-content: flex-start !important;
    }
    .justify-stretch {
        justify-content: stretch;
    }
    .justify-items-center {
        justify-items: center;
    }
    .gap-4 {
        gap: calc(var(--spacing) * 4);
    }
    .gap-\[5px\] {
        gap: 5px;
    }
    .gap-\[10px\] {
        gap: 10px;
    }
    .gap-\[11px\] {
        gap: 11px;
    }
    .gap-\[12px\] {
        gap: 12px;
    }
    .gap-\[13px\] {
        gap: 13px;
    }
    .gap-\[14px\] {
        gap: 14px;
    }
    .gap-\[15px\] {
        gap: 15px;
    }
    .gap-\[16px\] {
        gap: 16px;
    }
    .gap-\[18px\] {
        gap: 18px;
    }
    .gap-\[20px\] {
        gap: 20px;
    }
    .gap-\[21px\] {
        gap: 21px;
    }
    .gap-\[22px\] {
        gap: 22px;
    }
    .gap-\[24px\] {
        gap: 24px;
    }
    .gap-\[31px\] {
        gap: 31px;
    }
    .gap-\[37px\] {
        gap: 37px;
    }
    .gap-\[40px\] {
        gap: 40px;
    }
    .gap-\[52px\] {
        gap: 52px;
    }
    .gap-\[54px\] {
        gap: 54px;
    }
    .gap-\[72px\] {
        gap: 72px;
    }
    .gap-\[85px\] {
        gap: 85px;
    }
    .space-y-\[14px\] {
        :where(& > :not(:last-child)) {
            --tw-space-y-reverse: 0;
            margin-block-start: calc(14px * var(--tw-space-y-reverse));
            margin-block-end: calc(14px * calc(1 - var(--tw-space-y-reverse)));
        }
    }
    .space-y-\[49px\] {
        :where(& > :not(:last-child)) {
            --tw-space-y-reverse: 0;
            margin-block-start: calc(49px * var(--tw-space-y-reverse));
            margin-block-end: calc(49px * calc(1 - var(--tw-space-y-reverse)));
        }
    }
    .gap-x-\[20px\] {
        column-gap: 20px;
    }
    .gap-x-\[51px\] {
        column-gap: 51px;
    }
    .gap-x-\[61px\] {
        column-gap: 61px;
    }
    .gap-y-3 {
        row-gap: calc(var(--spacing) * 3);
    }
    .gap-y-\[22px\] {
        row-gap: 22px;
    }
    .gap-y-\[49px\] {
        row-gap: 49px;
    }
    .gap-y-\[58px\] {
        row-gap: 58px;
    }
    .self-start {
        align-self: flex-start;
    }
    .self-stretch {
        align-self: stretch;
    }
    .overflow-hidden {
        overflow: hidden;
    }
    .rounded-\[5px\] {
        border-radius: 5px;
    }
    .rounded-\[7px\] {
        border-radius: 7px;
    }
    .rounded-\[10px\] {
        border-radius: 10px;
    }
    .rounded-\[15px\] {
        border-radius: 15px;
    }
    .rounded-\[20px\] {
        border-radius: 20px;
    }
    .rounded-\[30px\] {
        border-radius: 30px;
    }
    .rounded-full {
        border-radius: calc(infinity * 1px);
    }
    .border {
        border-style: var(--tw-border-style);
        border-width: 1px;
    }
    .border-\[6px\] {
        border-style: var(--tw-border-style);
        border-width: 6px;
    }
    .border-b {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px;
    }
    .border-l {
        border-left-style: var(--tw-border-style);
        border-left-width: 1px;
    }
    .border-\[\#3B87D5\] {
        border-color: #3B87D5;
    }
    .border-\[\#3F3F3F\] {
        border-color: #3F3F3F;
    }
    .border-\[\#8B8B8B\] {
        border-color: #8B8B8B;
    }
    .border-\[\#121212\] {
        border-color: #121212;
    }
    .border-\[\#131313\] {
        border-color: #131313;
    }
    .border-\[\#191919\] {
        border-color: #191919;
    }
    .border-\[\#363636\] {
        border-color: #363636;
    }
    .border-\[\#818181\] {
        border-color: #818181;
    }
    .border-white {
        border-color: var(--color-white);
    }
    .border-b-\[\#2C2C2C\] {
        border-bottom-color: #2C2C2C;
    }
    .border-b-white {
        border-bottom-color: var(--color-white);
    }
    .border-l-\[\#252525\] {
        border-left-color: #252525;
    }
    .bg-\[\#0D0D0D\] {
        background-color: #0D0D0D;
    }
    .bg-\[\#000000\] {
        background-color: #000000;
    }
    .bg-\[\#1C1C1C\] {
        background-color: #1C1C1C;
    }
    .bg-\[\#3B87D5D1\] {
        background-color: #3B87D5D1;
    }
    .bg-\[\#3B87D5\] {
        background-color: #3B87D5;
    }
    .bg-\[\#3B87D58C\] {
        background-color: #3B87D58C;
    }
    .bg-\[\#060606\] {
        background-color: #060606;
    }
    .bg-\[\#121212\] {
        background-color: #121212;
    }
    .bg-\[\#131313\] {
        background-color: #131313;
    }
    .bg-\[\#FFFFFF1A\] {
        background-color: #FFFFFF1A;
    }
    .bg-black {
        background-color: var(--color-black);
    }
    .bg-transparent {
        background-color: transparent;
    }
    .bg-white {
        background-color: var(--color-white);
    }
    .bg-gradient-to-b {
        --tw-gradient-position: to bottom in oklab;
        background-image: linear-gradient(var(--tw-gradient-stops));
    }
    .bg-\[linear-gradient\(90deg\,\#FFFFFF_0\%\,\#999999_123\.01\%\)\] {
        background-image: linear-gradient(90deg,#FFFFFF 0%,#999999 123.01%);
    }
    .from-white {
        --tw-gradient-from: var(--color-white);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
    .to-\[\#999999\] {
        --tw-gradient-to: #999999;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
    .bg-cover {
        background-size: cover;
    }
    .bg-clip-text {
        background-clip: text;
    }
    .bg-center {
        background-position: center;
    }
    .bg-no-repeat {
        background-repeat: no-repeat;
    }
    .p-4 {
        padding: calc(var(--spacing) * 4);
    }
    .px-\[16px\] {
        padding-inline: 16px;
    }
    .px-\[17px\] {
        padding-inline: 17px;
    }
    .px-\[19px\] {
        padding-inline: 19px;
    }
    .px-\[20px\] {
        padding-inline: 20px;
    }
    .px-\[24px\] {
        padding-inline: 24px;
    }
    .px-\[25px\] {
        padding-inline: 25px;
    }
    .px-\[28px\] {
        padding-inline: 28px;
    }
    .px-\[30px\] {
        padding-inline: 30px;
    }
    .px-\[42px\] {
        padding-inline: 42px;
    }
    .px-\[48px\] {
        padding-inline: 48px;
    }
    .px-\[62px\] {
        padding-inline: 62px;
    }
    .px-\[63px\] {
        padding-inline: 63px;
    }
    .px-\[99px\] {
        padding-inline: 99px;
    }
    .px-\[100px\] {
        padding-inline: 100px;
    }
    .px-\[102px\] {
        padding-inline: 102px;
    }
    .px-\[104px\] {
        padding-inline: 104px;
    }
    .px-\[107px\] {
        padding-inline: 107px;
    }
    .px-\[113px\] {
        padding-inline: 113px;
    }
    .px-\[180px\] {
        padding-inline: 180px;
    }
    .px-\[190px\] {
        padding-inline: 190px;
    }
    .py-\[12px\] {
        padding-block: 12px;
    }
    .py-\[13px\] {
        padding-block: 13px;
    }
    .py-\[14px\] {
        padding-block: 14px;
    }
    .py-\[15px\] {
        padding-block: 15px;
    }
    .py-\[17px\] {
        padding-block: 17px;
    }
    .py-\[20px\] {
        padding-block: 20px;
    }
    .py-\[21px\] {
        padding-block: 21px;
    }
    .py-\[22px\] {
        padding-block: 22px;
    }
    .py-\[23px\] {
        padding-block: 23px;
    }
    .py-\[24px\] {
        padding-block: 24px;
    }
    .py-\[27px\] {
        padding-block: 27px;
    }
    .py-\[30px\] {
        padding-block: 30px;
    }
    .py-\[58px\] {
        padding-block: 58px;
    }
    .py-\[79px\] {
        padding-block: 79px;
    }
    .pt-\[10px\] {
        padding-top: 10px;
    }
    .pt-\[17px\] {
        padding-top: 17px;
    }
    .pt-\[22px\] {
        padding-top: 22px;
    }
    .pt-\[23px\] {
        padding-top: 23px;
    }
    .pt-\[30px\] {
        padding-top: 30px;
    }
    .pt-\[32px\] {
        padding-top: 32px;
    }
    .pt-\[51px\] {
        padding-top: 51px;
    }
    .pt-\[53px\] {
        padding-top: 53px;
    }
    .pt-\[64px\] {
        padding-top: 64px;
    }
    .pt-\[72px\] {
        padding-top: 72px;
    }
    .pt-\[75px\] {
        padding-top: 75px;
    }
    .pt-\[84px\] {
        padding-top: 84px;
    }
    .pt-\[89px\] {
        padding-top: 89px;
    }
    .pt-\[108px\] {
        padding-top: 108px;
    }
    .pt-\[124px\] {
        padding-top: 124px;
    }
    .pt-\[139px\] {
        padding-top: 139px;
    }
    .pt-\[177px\] {
        padding-top: 177px;
    }
    .pt-\[179px\] {
        padding-top: 179px;
    }
    .pt-\[195px\] {
        padding-top: 195px;
    }
    .pt-\[231px\] {
        padding-top: 231px;
    }
    .pt-\[250px\] {
        padding-top: 250px;
    }
    .pr-\[30px\] {
        padding-right: 30px;
    }
    .pr-\[50px\] {
        padding-right: 50px;
    }
    .pr-\[80px\] {
        padding-right: 80px;
    }
    .pr-\[104px\] {
        padding-right: 104px;
    }
    .pr-\[153px\] {
        padding-right: 153px;
    }
    .pb-\[13px\] {
        padding-bottom: 13px;
    }
    .pb-\[19px\] {
        padding-bottom: 19px;
    }
    .pb-\[20px\] {
        padding-bottom: 20px;
    }
    .pb-\[21px\] {
        padding-bottom: 21px;
    }
    .pb-\[25px\] {
        padding-bottom: 25px;
    }
    .pb-\[38px\] {
        padding-bottom: 38px;
    }
    .pb-\[44px\] {
        padding-bottom: 44px;
    }
    .pb-\[49px\] {
        padding-bottom: 49px;
    }
    .pb-\[53px\] {
        padding-bottom: 53px;
    }
    .pb-\[88px\] {
        padding-bottom: 88px;
    }
    .pb-\[117px\] {
        padding-bottom: 117px;
    }
    .pb-\[127px\] {
        padding-bottom: 127px;
    }
    .pb-\[131px\] {
        padding-bottom: 131px;
    }
    .pb-\[149px\] {
        padding-bottom: 149px;
    }
    .pb-\[152px\] {
        padding-bottom: 152px;
    }
    .pb-\[161px\] {
        padding-bottom: 161px;
    }
    .pb-\[189px\] {
        padding-bottom: 189px;
    }
    .pb-\[213px\] {
        padding-bottom: 213px;
    }
    .pb-\[285px\] {
        padding-bottom: 285px;
    }
    .pl-\[14px\] {
        padding-left: 14px;
    }
    .pl-\[19px\] {
        padding-left: 19px;
    }
    .pl-\[22px\] {
        padding-left: 22px;
    }
    .pl-\[28px\] {
        padding-left: 28px;
    }
    .pl-\[30px\] {
        padding-left: 30px;
    }
    .pl-\[43px\] {
        padding-left: 43px;
    }
    .pl-\[53px\] {
        padding-left: 53px;
    }
    .pl-\[105px\] {
        padding-left: 105px;
    }
    .pl-\[107px\] {
        padding-left: 107px;
    }
    .text-center {
        text-align: center;
    }
    .text-left {
        text-align: left;
    }
    .text-right {
        text-align: right;
    }
    .font-\[\'Bebas_Neue_Cyrillic\'\] {
        font-family: 'Bebas Neue Cyrillic';
    }
    .font-\[\'Raleway\'\] {
        font-family: 'Raleway';
    }
    .font-bebas {
        font-family: var(--font-bebas);
    }
    .font-raleway {
        font-family: var(--font-raleway);
    }
    .text-base {
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
    }
    .text-sm {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
    }
    .text-xl {
        font-size: var(--text-xl);
        line-height: var(--tw-leading, var(--text-xl--line-height));
    }
    .text-xs {
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height));
    }
    .text-\[10px\] {
        font-size: 10px;
    }
    .text-\[12px\] {
        font-size: 12px;
    }
    .text-\[14px\] {
        font-size: 14px;
    }
    .text-\[16px\] {
        font-size: 16px;
    }
    .text-\[18px\] {
        font-size: 18px;
    }
    .text-\[18px\]\! {
        font-size: 18px !important;
    }
    .text-\[20px\] {
        font-size: 20px;
    }
    .text-\[22px\] {
        font-size: 22px;
    }
    .text-\[24px\] {
        font-size: 24px;
    }
    .text-\[25px\] {
        font-size: 25px;
    }
    .text-\[26px\] {
        font-size: 26px;
    }
    .text-\[28px\] {
        font-size: 28px;
    }
    .text-\[30px\] {
        font-size: 30px;
    }
    .text-\[35px\] {
        font-size: 35px;
    }
    .text-\[40px\] {
        font-size: 40px;
    }
    .text-\[44px\] {
        font-size: 44px;
    }
    .text-\[45px\] {
        font-size: 45px;
    }
    .text-\[50px\] {
        font-size: 50px;
    }
    .leading-\[100\%\] {
        --tw-leading: 100%;
        line-height: 100%;
    }
    .leading-none {
        --tw-leading: 1;
        line-height: 1;
    }
    .font-medium {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
    }
    .font-normal {
        --tw-font-weight: var(--font-weight-normal);
        font-weight: var(--font-weight-normal);
    }
    .font-semibold {
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
    }
    .tracking-\[0\%\] {
        --tw-tracking: 0%;
        letter-spacing: 0%;
    }
    .tracking-\[0\.03em\] {
        --tw-tracking: 0.03em;
        letter-spacing: 0.03em;
    }
    .tracking-\[0\.05em\] {
        --tw-tracking: 0.05em;
        letter-spacing: 0.05em;
    }
    .tracking-\[0\.6px\] {
        --tw-tracking: 0.6px;
        letter-spacing: 0.6px;
    }
    .tracking-\[0\.42px\] {
        --tw-tracking: 0.42px;
        letter-spacing: 0.42px;
    }
    .tracking-\[0\.48px\] {
        --tw-tracking: 0.48px;
        letter-spacing: 0.48px;
    }
    .tracking-\[0\.54px\] {
        --tw-tracking: 0.54px;
        letter-spacing: 0.54px;
    }
    .tracking-\[0\.78px\] {
        --tw-tracking: 0.78px;
        letter-spacing: 0.78px;
    }
    .tracking-\[1\%\] {
        --tw-tracking: 1%;
        letter-spacing: 1%;
    }
    .tracking-\[1\.32px\] {
        --tw-tracking: 1.32px;
        letter-spacing: 1.32px;
    }
    .tracking-\[3\%\] {
        --tw-tracking: 3%;
        letter-spacing: 3%;
    }
    .tracking-\[4\%\] {
        --tw-tracking: 4%;
        letter-spacing: 4%;
    }
    .tracking-normal {
        --tw-tracking: var(--tracking-normal);
        letter-spacing: var(--tracking-normal);
    }
    .tracking-wider {
        --tw-tracking: var(--tracking-wider);
        letter-spacing: var(--tracking-wider);
    }
    .tracking-widest {
        --tw-tracking: var(--tracking-widest);
        letter-spacing: var(--tracking-widest);
    }
    .whitespace-nowrap {
        white-space: nowrap;
    }
    .text-\[\#3B87D5\] {
        color: #3B87D5;
    }
    .text-\[\#7D7D7D\] {
        color: #7D7D7D;
    }
    .text-\[\#8B8B8B\] {
        color: #8B8B8B;
    }
    .text-\[\#505050\] {
        color: #505050;
    }
    .text-\[\#626262\] {
        color: #626262;
    }
    .text-\[\#686868\] {
        color: #686868;
    }
    .text-\[\#707070\] {
        color: #707070;
    }
    .text-\[\#878787\] {
        color: #878787;
    }
    .text-\[\#919191\] {
        color: #919191;
    }
    .text-\[\#E7E7E7\] {
        color: #E7E7E7;
    }
    .text-\[\#F3F3F3\] {
        color: #F3F3F3;
    }
    .text-\[\#F5F5F5\] {
        color: #F5F5F5;
    }
    .text-\[\#FEFEFE\] {
        color: #FEFEFE;
    }
    .text-\[\#FFFFFF\] {
        color: #FFFFFF;
    }
    .text-\[white\] {
        color: white;
    }
    .text-transparent {
        color: transparent;
    }
    .text-white {
        color: var(--color-white);
    }
    .uppercase {
        text-transform: uppercase;
    }
    .not-italic {
        font-style: normal;
    }
    .shadow-\[0px_4px_4px_0px_\#00000040\] {
        --tw-shadow: 0px 4px 4px 0px var(--tw-shadow-color, #00000040);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .shadow-\[0px_4px_25px_5px_\#4FC3E06E\] {
        --tw-shadow: 0px 4px 25px 5px var(--tw-shadow-color, #4FC3E06E);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .shadow-\[0px_4px_100px_1px_\#3B87D538\] {
        --tw-shadow: 0px 4px 100px 1px var(--tw-shadow-color, #3B87D538);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .shadow-\[0px_4px_100px_1px_\#3b87d5b3\] {
        --tw-shadow: 0px 4px 100px 1px var(--tw-shadow-color, #3b87d5b3);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .shadow-\[0px_4px_100px_1px_\#3b87d56e\] {
        --tw-shadow: 0px 4px 100px 1px var(--tw-shadow-color, #3b87d56e);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .shadow-none {
        --tw-shadow: 0 0 #0000;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .outline-0 {
        outline-style: var(--tw-outline-style);
        outline-width: 0px;
    }
    .backdrop-blur-\[10px\] {
        --tw-backdrop-blur: blur(10px);
        -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,);
    }
    .backdrop-blur-\[15px\] {
        --tw-backdrop-blur: blur(15px);
        -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-all {
        transition-property: all;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
    .transition-colors {
        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
    .duration-200 {
        --tw-duration: 200ms;
        transition-duration: 200ms;
    }
    .duration-300 {
        --tw-duration: 300ms;
        transition-duration: 300ms;
    }
    .ease-in-out {
        --tw-ease: var(--ease-in-out);
        transition-timing-function: var(--ease-in-out);
    }
    .group-\[\.active\]\:top-1\/2 {
        &:is(:where(.group):is(.active) *) {
            top: calc(1/2 * 100%);
        }
    }
    .group-\[\.active\]\:bottom-1\/2 {
        &:is(:where(.group):is(.active) *) {
            bottom: calc(1/2 * 100%);
        }
    }
    .group-\[\.active\]\:-rotate-45 {
        &:is(:where(.group):is(.active) *) {
            rotate: calc(45deg * -1);
        }
    }
    .group-\[\.active\]\:rotate-45 {
        &:is(:where(.group):is(.active) *) {
            rotate: 45deg;
        }
    }
    .group-\[\.active\]\:border-transparent {
        &:is(:where(.group):is(.active) *) {
            border-color: transparent;
        }
    }
    .group-\[\.active\]\:opacity-0 {
        &:is(:where(.group):is(.active) *) {
            opacity: 0%;
        }
    }
    .placeholder\:text-left {
        &::placeholder {
            text-align: left;
        }
    }
    .placeholder\:font-bebas {
        &::placeholder {
            font-family: var(--font-bebas);
        }
    }
    .placeholder\:text-\[22px\] {
        &::placeholder {
            font-size: 22px;
        }
    }
    .placeholder\:leading-none {
        &::placeholder {
            --tw-leading: 1;
            line-height: 1;
        }
    }
    .placeholder\:font-normal {
        &::placeholder {
            --tw-font-weight: var(--font-weight-normal);
            font-weight: var(--font-weight-normal);
        }
    }
    .placeholder\:tracking-\[0\.03em\] {
        &::placeholder {
            --tw-tracking: 0.03em;
            letter-spacing: 0.03em;
        }
    }
    .placeholder\:text-\[\#686868\] {
        &::placeholder {
            color: #686868;
        }
    }
    .placeholder\:not-italic {
        &::placeholder {
            font-style: normal;
        }
    }
    .before\:absolute {
        &::before {
            content: var(--tw-content);
            position: absolute;
        }
    }
    .before\:inset-0 {
        &::before {
            content: var(--tw-content);
            inset: calc(var(--spacing) * 0);
        }
    }
    .before\:top-1\/2 {
        &::before {
            content: var(--tw-content);
            top: calc(1/2 * 100%);
        }
    }
    .before\:-left-\[14px\] {
        &::before {
            content: var(--tw-content);
            left: calc(14px * -1);
        }
    }
    .before\:left-1\/2 {
        &::before {
            content: var(--tw-content);
            left: calc(1/2 * 100%);
        }
    }
    .before\:h-\[1px\] {
        &::before {
            content: var(--tw-content);
            height: 1px;
        }
    }
    .before\:h-\[4px\] {
        &::before {
            content: var(--tw-content);
            height: 4px;
        }
    }
    .before\:w-\[4px\] {
        &::before {
            content: var(--tw-content);
            width: 4px;
        }
    }
    .before\:w-\[20px\] {
        &::before {
            content: var(--tw-content);
            width: 20px;
        }
    }
    .before\:w-full {
        &::before {
            content: var(--tw-content);
            width: 100%;
        }
    }
    .before\:-translate-x-1\/2 {
        &::before {
            content: var(--tw-content);
            --tw-translate-x: calc(calc(1/2 * 100%) * -1);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }
    .before\:-translate-y-1\/2 {
        &::before {
            content: var(--tw-content);
            --tw-translate-y: calc(calc(1/2 * 100%) * -1);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }
    .before\:rotate-45 {
        &::before {
            content: var(--tw-content);
            rotate: 45deg;
        }
    }
    .before\:content-normal {
        &::before {
            content: var(--tw-content);
            align-content: normal;
        }
    }
    .before\:rounded-\[15px\] {
        &::before {
            content: var(--tw-content);
            border-radius: 15px;
        }
    }
    .before\:rounded-full {
        &::before {
            content: var(--tw-content);
            border-radius: calc(infinity * 1px);
        }
    }
    .before\:border-t {
        &::before {
            content: var(--tw-content);
            border-top-style: var(--tw-border-style);
            border-top-width: 1px;
        }
    }
    .before\:border-\[\#818181\] {
        &::before {
            content: var(--tw-content);
            border-color: #818181;
        }
    }
    .before\:bg-\[\#000000B2\] {
        &::before {
            content: var(--tw-content);
            background-color: #000000B2;
        }
    }
    .before\:bg-\[\#000000BF\] {
        &::before {
            content: var(--tw-content);
            background-color: #000000BF;
        }
    }
    .before\:bg-white {
        &::before {
            content: var(--tw-content);
            background-color: var(--color-white);
        }
    }
    .before\:content-\[\'\'\] {
        &::before {
            --tw-content: '';
            content: var(--tw-content);
        }
    }
    .after\:absolute {
        &::after {
            content: var(--tw-content);
            position: absolute;
        }
    }
    .after\:top-1\/2 {
        &::after {
            content: var(--tw-content);
            top: calc(1/2 * 100%);
        }
    }
    .after\:left-1\/2 {
        &::after {
            content: var(--tw-content);
            left: calc(1/2 * 100%);
        }
    }
    .after\:h-\[1px\] {
        &::after {
            content: var(--tw-content);
            height: 1px;
        }
    }
    .after\:w-\[20px\] {
        &::after {
            content: var(--tw-content);
            width: 20px;
        }
    }
    .after\:w-full {
        &::after {
            content: var(--tw-content);
            width: 100%;
        }
    }
    .after\:-translate-x-1\/2 {
        &::after {
            content: var(--tw-content);
            --tw-translate-x: calc(calc(1/2 * 100%) * -1);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }
    .after\:-translate-y-1\/2 {
        &::after {
            content: var(--tw-content);
            --tw-translate-y: calc(calc(1/2 * 100%) * -1);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }
    .after\:-rotate-45 {
        &::after {
            content: var(--tw-content);
            rotate: calc(45deg * -1);
        }
    }
    .after\:rotate-90 {
        &::after {
            content: var(--tw-content);
            rotate: 90deg;
        }
    }
    .after\:border-t {
        &::after {
            content: var(--tw-content);
            border-top-style: var(--tw-border-style);
            border-top-width: 1px;
        }
    }
    .after\:border-\[\#818181\] {
        &::after {
            content: var(--tw-content);
            border-color: #818181;
        }
    }
    .after\:bg-white {
        &::after {
            content: var(--tw-content);
            background-color: var(--color-white);
        }
    }
    .after\:content-\[\'\'\] {
        &::after {
            --tw-content: '';
            content: var(--tw-content);
        }
    }
    .hover\:border-b-white {
        &:hover {
            @media (hover: hover) {
                border-bottom-color: var(--color-white);
            }
        }
    }
    .hover\:backdrop-blur-sm {
        &:hover {
            @media (hover: hover) {
                --tw-backdrop-blur: blur(var(--blur-sm));
                -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,);
            }
        }
    }
    .hover\:before\:bg-gray-200 {
        &:hover {
            @media (hover: hover) {
                &::before {
                    content: var(--tw-content);
                    background-color: var(--color-gray-200);
                }
            }
        }
    }
    .hover\:after\:bg-gray-200 {
        &:hover {
            @media (hover: hover) {
                &::after {
                    content: var(--tw-content);
                    background-color: var(--color-gray-200);
                }
            }
        }
    }
    .focus\:ring-2 {
        &:focus {
            --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        }
    }
    .focus\:outline-none {
        &:focus {
            --tw-outline-style: none;
            outline-style: none;
        }
    }
    .\32 xl\:-top-\[79px\] {
        @media (max-width: 1380px) {
            top: calc(79px * -1);
        }
    }
    .\32 xl\:bottom-\[unset\] {
        @media (max-width: 1380px) {
            bottom: unset;
        }
    }
    .\32 xl\:left-1\/2 {
        @media (max-width: 1380px) {
            left: calc(1/2 * 100%);
        }
    }
    .\32 xl\:col-start-3 {
        @media (max-width: 1380px) {
            grid-column-start: 3;
        }
    }
    .\32 xl\:mx-auto {
        @media (max-width: 1380px) {
            margin-inline: auto;
        }
    }
    .\32 xl\:mt-\[9px\] {
        @media (max-width: 1380px) {
            margin-top: 9px;
        }
    }
    .\32 xl\:block {
        @media (max-width: 1380px) {
            display: block;
        }
    }
    .\32 xl\:flex {
        @media (max-width: 1380px) {
            display: flex;
        }
    }
    .\32 xl\:hidden {
        @media (max-width: 1380px) {
            display: none;
        }
    }
    .\32 xl\:inline {
        @media (max-width: 1380px) {
            display: inline;
        }
    }
    .\32 xl\:h-\[350px\] {
        @media (max-width: 1380px) {
            height: 350px;
        }
    }
    .\32 xl\:h-auto {
        @media (max-width: 1380px) {
            height: auto;
        }
    }
    .\32 xl\:w-full {
        @media (max-width: 1380px) {
            width: 100%;
        }
    }
    .\32 xl\:max-w-full {
        @media (max-width: 1380px) {
            max-width: 100%;
        }
    }
    .\32 xl\:min-w-\[70\%\] {
        @media (max-width: 1380px) {
            min-width: 70%;
        }
    }
    .\32 xl\:-translate-x-1\/2 {
        @media (max-width: 1380px) {
            --tw-translate-x: calc(calc(1/2 * 100%) * -1);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }
    .\32 xl\:grid-cols-2 {
        @media (max-width: 1380px) {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }
    .\32 xl\:grid-cols-4 {
        @media (max-width: 1380px) {
            grid-template-columns: repeat(4, minmax(0, 1fr));
        }
    }
    .\32 xl\:flex-col {
        @media (max-width: 1380px) {
            flex-direction: column;
        }
    }
    .\32 xl\:justify-center {
        @media (max-width: 1380px) {
            justify-content: center;
        }
    }
    .\32 xl\:gap-\[20px\] {
        @media (max-width: 1380px) {
            gap: 20px;
        }
    }
    .\32 xl\:gap-\[41px\] {
        @media (max-width: 1380px) {
            gap: 41px;
        }
    }
    .\32 xl\:self-auto {
        @media (max-width: 1380px) {
            align-self: auto;
        }
    }
    .\32 xl\:border-none {
        @media (max-width: 1380px) {
            --tw-border-style: none;
            border-style: none;
        }
    }
    .\32 xl\:px-\[10px\] {
        @media (max-width: 1380px) {
            padding-inline: 10px;
        }
    }
    .\32 xl\:px-\[20px\] {
        @media (max-width: 1380px) {
            padding-inline: 20px;
        }
    }
    .\32 xl\:px-\[40px\] {
        @media (max-width: 1380px) {
            padding-inline: 40px;
        }
    }
    .\32 xl\:px-\[53px\] {
        @media (max-width: 1380px) {
            padding-inline: 53px;
        }
    }
    .\32 xl\:pt-\[32px\] {
        @media (max-width: 1380px) {
            padding-top: 32px;
        }
    }
    .\32 xl\:pr-\[40px\] {
        @media (max-width: 1380px) {
            padding-right: 40px;
        }
    }
    .\32 xl\:pb-\[35px\] {
        @media (max-width: 1380px) {
            padding-bottom: 35px;
        }
    }
    .\32 xl\:text-center {
        @media (max-width: 1380px) {
            text-align: center;
        }
    }
    .xm\:float-none {
        @media (max-width: 1180px) {
            float: none;
        }
    }
    .xm\:w-full {
        @media (max-width: 1180px) {
            width: 100%;
        }
    }
    .xl\:col-start-1 {
        @media (max-width: 1024px) {
            grid-column-start: 1;
        }
    }
    .xl\:mt-\[25px\] {
        @media (max-width: 1024px) {
            margin-top: 25px;
        }
    }
    .xl\:mt-\[47px\] {
        @media (max-width: 1024px) {
            margin-top: 47px;
        }
    }
    .xl\:mt-\[52px\] {
        @media (max-width: 1024px) {
            margin-top: 52px;
        }
    }
    .xl\:mt-\[59px\] {
        @media (max-width: 1024px) {
            margin-top: 59px;
        }
    }
    .xl\:mt-\[125px\] {
        @media (max-width: 1024px) {
            margin-top: 125px;
        }
    }
    .xl\:block {
        @media (max-width: 1024px) {
            display: block;
        }
    }
    .xl\:hidden {
        @media (max-width: 1024px) {
            display: none;
        }
    }
    .xl\:h-\[61px\] {
        @media (max-width: 1024px) {
            height: 61px;
        }
    }
    .xl\:h-\[380px\] {
        @media (max-width: 1024px) {
            height: 380px;
        }
    }
    .xl\:min-h-\[379px\] {
        @media (max-width: 1024px) {
            min-height: 379px;
        }
    }
    .xl\:w-auto {
        @media (max-width: 1024px) {
            width: auto;
        }
    }
    .xl\:w-full {
        @media (max-width: 1024px) {
            width: 100%;
        }
    }
    .xl\:max-w-\[54px\] {
        @media (max-width: 1024px) {
            max-width: 54px;
        }
    }
    .xl\:max-w-\[98px\] {
        @media (max-width: 1024px) {
            max-width: 98px;
        }
    }
    .xl\:max-w-full {
        @media (max-width: 1024px) {
            max-width: 100%;
        }
    }
    .xl\:flex-1 {
        @media (max-width: 1024px) {
            flex: 1;
        }
    }
    .xl\:grid-cols-2 {
        @media (max-width: 1024px) {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }
    .xl\:flex-col {
        @media (max-width: 1024px) {
            flex-direction: column;
        }
    }
    .xl\:flex-col-reverse {
        @media (max-width: 1024px) {
            flex-direction: column-reverse;
        }
    }
    .xl\:items-center {
        @media (max-width: 1024px) {
            align-items: center;
        }
    }
    .xl\:justify-center {
        @media (max-width: 1024px) {
            justify-content: center;
        }
    }
    .xl\:gap-\[17px\] {
        @media (max-width: 1024px) {
            gap: 17px;
        }
    }
    .xl\:gap-\[23px\] {
        @media (max-width: 1024px) {
            gap: 23px;
        }
    }
    .xl\:px-\[0\] {
        @media (max-width: 1024px) {
            padding-inline: 0;
        }
    }
    .xl\:px-\[40px\] {
        @media (max-width: 1024px) {
            padding-inline: 40px;
        }
    }
    .xl\:px-\[41px\] {
        @media (max-width: 1024px) {
            padding-inline: 41px;
        }
    }
    .xl\:px-\[60px\] {
        @media (max-width: 1024px) {
            padding-inline: 60px;
        }
    }
    .xl\:pt-\[68px\] {
        @media (max-width: 1024px) {
            padding-top: 68px;
        }
    }
    .xl\:pr-0 {
        @media (max-width: 1024px) {
            padding-right: calc(var(--spacing) * 0);
        }
    }
    .xl\:pb-\[67px\] {
        @media (max-width: 1024px) {
            padding-bottom: 67px;
        }
    }
    .xl\:text-center {
        @media (max-width: 1024px) {
            text-align: center;
        }
    }
    .xl\:text-\[14px\] {
        @media (max-width: 1024px) {
            font-size: 14px;
        }
    }
    .xl\:text-\[18px\] {
        @media (max-width: 1024px) {
            font-size: 18px;
        }
    }
    .xl\:text-\[30px\] {
        @media (max-width: 1024px) {
            font-size: 30px;
        }
    }
    .xl\:text-\[35px\] {
        @media (max-width: 1024px) {
            font-size: 35px;
        }
    }
    .xl\:text-\[35px\]\! {
        @media (max-width: 1024px) {
            font-size: 35px !important;
        }
    }
    .xl\:whitespace-normal {
        @media (max-width: 1024px) {
            white-space: normal;
        }
    }
    .lg\:top-\[15px\] {
        @media (max-width: 768px) {
            top: 15px;
        }
    }
    .lg\:right-\[5px\] {
        @media (max-width: 768px) {
            right: 5px;
        }
    }
    .lg\:mx-\[22px\] {
        @media (max-width: 768px) {
            margin-inline: 22px;
        }
    }
    .lg\:mt-8 {
        @media (max-width: 768px) {
            margin-top: calc(var(--spacing) * 8);
        }
    }
    .lg\:mt-\[7px\] {
        @media (max-width: 768px) {
            margin-top: 7px;
        }
    }
    .lg\:mt-\[11px\] {
        @media (max-width: 768px) {
            margin-top: 11px;
        }
    }
    .lg\:mt-\[12px\] {
        @media (max-width: 768px) {
            margin-top: 12px;
        }
    }
    .lg\:mt-\[13px\] {
        @media (max-width: 768px) {
            margin-top: 13px;
        }
    }
    .lg\:mt-\[14px\] {
        @media (max-width: 768px) {
            margin-top: 14px;
        }
    }
    .lg\:mt-\[15px\] {
        @media (max-width: 768px) {
            margin-top: 15px;
        }
    }
    .lg\:mt-\[17px\] {
        @media (max-width: 768px) {
            margin-top: 17px;
        }
    }
    .lg\:mt-\[18px\] {
        @media (max-width: 768px) {
            margin-top: 18px;
        }
    }
    .lg\:mt-\[19px\] {
        @media (max-width: 768px) {
            margin-top: 19px;
        }
    }
    .lg\:mt-\[20px\] {
        @media (max-width: 768px) {
            margin-top: 20px;
        }
    }
    .lg\:mt-\[23px\] {
        @media (max-width: 768px) {
            margin-top: 23px;
        }
    }
    .lg\:mt-\[25px\] {
        @media (max-width: 768px) {
            margin-top: 25px;
        }
    }
    .lg\:mt-\[27px\] {
        @media (max-width: 768px) {
            margin-top: 27px;
        }
    }
    .lg\:mt-\[28px\] {
        @media (max-width: 768px) {
            margin-top: 28px;
        }
    }
    .lg\:mt-\[29px\] {
        @media (max-width: 768px) {
            margin-top: 29px;
        }
    }
    .lg\:mt-\[30px\] {
        @media (max-width: 768px) {
            margin-top: 30px;
        }
    }
    .lg\:mt-\[32px\] {
        @media (max-width: 768px) {
            margin-top: 32px;
        }
    }
    .lg\:mt-\[33px\] {
        @media (max-width: 768px) {
            margin-top: 33px;
        }
    }
    .lg\:mt-\[39px\] {
        @media (max-width: 768px) {
            margin-top: 39px;
        }
    }
    .lg\:mt-\[40px\] {
        @media (max-width: 768px) {
            margin-top: 40px;
        }
    }
    .lg\:mt-\[42px\] {
        @media (max-width: 768px) {
            margin-top: 42px;
        }
    }
    .lg\:mt-\[43px\] {
        @media (max-width: 768px) {
            margin-top: 43px;
        }
    }
    .lg\:mt-\[48px\] {
        @media (max-width: 768px) {
            margin-top: 48px;
        }
    }
    .lg\:mt-\[52px\] {
        @media (max-width: 768px) {
            margin-top: 52px;
        }
    }
    .lg\:mt-\[53px\] {
        @media (max-width: 768px) {
            margin-top: 53px;
        }
    }
    .lg\:mt-\[69px\] {
        @media (max-width: 768px) {
            margin-top: 69px;
        }
    }
    .lg\:mt-\[81px\] {
        @media (max-width: 768px) {
            margin-top: 81px;
        }
    }
    .lg\:mt-\[89px\] {
        @media (max-width: 768px) {
            margin-top: 89px;
        }
    }
    .lg\:mt-\[94px\] {
        @media (max-width: 768px) {
            margin-top: 94px;
        }
    }
    .lg\:mt-\[109px\] {
        @media (max-width: 768px) {
            margin-top: 109px;
        }
    }
    .lg\:mt-\[114px\] {
        @media (max-width: 768px) {
            margin-top: 114px;
        }
    }
    .lg\:mt-\[154px\] {
        @media (max-width: 768px) {
            margin-top: 154px;
        }
    }
    .lg\:mr-0 {
        @media (max-width: 768px) {
            margin-right: calc(var(--spacing) * 0);
        }
    }
    .lg\:mr-\[39px\] {
        @media (max-width: 768px) {
            margin-right: 39px;
        }
    }
    .lg\:mb-0 {
        @media (max-width: 768px) {
            margin-bottom: calc(var(--spacing) * 0);
        }
    }
    .lg\:mb-\[10px\] {
        @media (max-width: 768px) {
            margin-bottom: 10px;
        }
    }
    .lg\:mb-\[11px\] {
        @media (max-width: 768px) {
            margin-bottom: 11px;
        }
    }
    .lg\:mb-\[16px\] {
        @media (max-width: 768px) {
            margin-bottom: 16px;
        }
    }
    .lg\:mb-\[26px\] {
        @media (max-width: 768px) {
            margin-bottom: 26px;
        }
    }
    .lg\:mb-\[27px\] {
        @media (max-width: 768px) {
            margin-bottom: 27px;
        }
    }
    .lg\:mb-\[29px\] {
        @media (max-width: 768px) {
            margin-bottom: 29px;
        }
    }
    .lg\:mb-\[30px\] {
        @media (max-width: 768px) {
            margin-bottom: 30px;
        }
    }
    .lg\:mb-\[33px\] {
        @media (max-width: 768px) {
            margin-bottom: 33px;
        }
    }
    .lg\:mb-\[38px\] {
        @media (max-width: 768px) {
            margin-bottom: 38px;
        }
    }
    .lg\:mb-\[42px\] {
        @media (max-width: 768px) {
            margin-bottom: 42px;
        }
    }
    .lg\:-ml-\[40px\] {
        @media (max-width: 768px) {
            margin-left: calc(40px * -1);
        }
    }
    .lg\:ml-0 {
        @media (max-width: 768px) {
            margin-left: calc(var(--spacing) * 0);
        }
    }
    .lg\:ml-\[25px\] {
        @media (max-width: 768px) {
            margin-left: 25px;
        }
    }
    .lg\:block {
        @media (max-width: 768px) {
            display: block;
        }
    }
    .lg\:flex {
        @media (max-width: 768px) {
            display: flex;
        }
    }
    .lg\:hidden {
        @media (max-width: 768px) {
            display: none;
        }
    }
    .lg\:inline {
        @media (max-width: 768px) {
            display: inline;
        }
    }
    .lg\:table-row {
        @media (max-width: 768px) {
            display: table-row;
        }
    }
    .lg\:h-\[12px\] {
        @media (max-width: 768px) {
            height: 12px;
        }
    }
    .lg\:h-\[15px\] {
        @media (max-width: 768px) {
            height: 15px;
        }
    }
    .lg\:h-\[19px\] {
        @media (max-width: 768px) {
            height: 19px;
        }
    }
    .lg\:h-\[43px\] {
        @media (max-width: 768px) {
            height: 43px;
        }
    }
    .lg\:h-\[72px\] {
        @media (max-width: 768px) {
            height: 72px;
        }
    }
    .lg\:h-\[213px\] {
        @media (max-width: 768px) {
            height: 213px;
        }
    }
    .lg\:h-\[215px\] {
        @media (max-width: 768px) {
            height: 215px;
        }
    }
    .lg\:h-\[220px\] {
        @media (max-width: 768px) {
            height: 220px;
        }
    }
    .lg\:h-\[230px\] {
        @media (max-width: 768px) {
            height: 230px;
        }
    }
    .lg\:h-auto {
        @media (max-width: 768px) {
            height: auto;
        }
    }
    .lg\:w-\[12px\] {
        @media (max-width: 768px) {
            width: 12px;
        }
    }
    .lg\:w-\[15px\] {
        @media (max-width: 768px) {
            width: 15px;
        }
    }
    .lg\:w-\[19px\] {
        @media (max-width: 768px) {
            width: 19px;
        }
    }
    .lg\:w-\[62px\] {
        @media (max-width: 768px) {
            width: 62px;
        }
    }
    .lg\:w-\[72px\] {
        @media (max-width: 768px) {
            width: 72px;
        }
    }
    .lg\:w-\[185px\] {
        @media (max-width: 768px) {
            width: 185px;
        }
    }
    .lg\:w-\[208px\] {
        @media (max-width: 768px) {
            width: 208px;
        }
    }
    .lg\:w-\[250px\] {
        @media (max-width: 768px) {
            width: 250px;
        }
    }
    .lg\:w-auto {
        @media (max-width: 768px) {
            width: auto;
        }
    }
    .lg\:w-full {
        @media (max-width: 768px) {
            width: 100%;
        }
    }
    .lg\:max-w-\[116px\] {
        @media (max-width: 768px) {
            max-width: 116px;
        }
    }
    .lg\:max-w-\[200px\] {
        @media (max-width: 768px) {
            max-width: 200px;
        }
    }
    .lg\:max-w-\[220px\] {
        @media (max-width: 768px) {
            max-width: 220px;
        }
    }
    .lg\:max-w-\[237px\] {
        @media (max-width: 768px) {
            max-width: 237px;
        }
    }
    .lg\:max-w-\[241px\] {
        @media (max-width: 768px) {
            max-width: 241px;
        }
    }
    .lg\:max-w-\[249px\] {
        @media (max-width: 768px) {
            max-width: 249px;
        }
    }
    .lg\:max-w-full {
        @media (max-width: 768px) {
            max-width: 100%;
        }
    }
    .lg\:min-w-auto {
        @media (max-width: 768px) {
            min-width: auto;
        }
    }
    .lg\:min-w-full {
        @media (max-width: 768px) {
            min-width: 100%;
        }
    }
    .lg\:flex-none {
        @media (max-width: 768px) {
            flex: none;
        }
    }
    .lg\:grid-cols-1 {
        @media (max-width: 768px) {
            grid-template-columns: repeat(1, minmax(0, 1fr));
        }
    }
    .lg\:flex-col {
        @media (max-width: 768px) {
            flex-direction: column;
        }
    }
    .lg\:flex-col-reverse {
        @media (max-width: 768px) {
            flex-direction: column-reverse;
        }
    }
    .lg\:flex-row {
        @media (max-width: 768px) {
            flex-direction: row;
        }
    }
    .lg\:flex-row-reverse {
        @media (max-width: 768px) {
            flex-direction: row-reverse;
        }
    }
    .lg\:items-center {
        @media (max-width: 768px) {
            align-items: center;
        }
    }
    .lg\:items-stretch {
        @media (max-width: 768px) {
            align-items: stretch;
        }
    }
    .lg\:justify-center {
        @media (max-width: 768px) {
            justify-content: center;
        }
    }
    .lg\:justify-evenly {
        @media (max-width: 768px) {
            justify-content: space-evenly;
        }
    }
    .lg\:gap-0 {
        @media (max-width: 768px) {
            gap: calc(var(--spacing) * 0);
        }
    }
    .lg\:gap-\[5px\] {
        @media (max-width: 768px) {
            gap: 5px;
        }
    }
    .lg\:gap-\[9px\] {
        @media (max-width: 768px) {
            gap: 9px;
        }
    }
    .lg\:gap-\[12px\] {
        @media (max-width: 768px) {
            gap: 12px;
        }
    }
    .lg\:gap-\[15px\] {
        @media (max-width: 768px) {
            gap: 15px;
        }
    }
    .lg\:gap-\[19px\] {
        @media (max-width: 768px) {
            gap: 19px;
        }
    }
    .lg\:gap-\[22px\] {
        @media (max-width: 768px) {
            gap: 22px;
        }
    }
    .lg\:gap-\[28px\] {
        @media (max-width: 768px) {
            gap: 28px;
        }
    }
    .lg\:gap-\[43px\] {
        @media (max-width: 768px) {
            gap: 43px;
        }
    }
    .lg\:space-y-\[12px\] {
        @media (max-width: 768px) {
            :where(& > :not(:last-child)) {
                --tw-space-y-reverse: 0;
                margin-block-start: calc(12px * var(--tw-space-y-reverse));
                margin-block-end: calc(12px * calc(1 - var(--tw-space-y-reverse)));
            }
        }
    }
    .lg\:gap-y-\[16px\] {
        @media (max-width: 768px) {
            row-gap: 16px;
        }
    }
    .lg\:rounded-\[10px\] {
        @media (max-width: 768px) {
            border-radius: 10px;
        }
    }
    .lg\:p-2 {
        @media (max-width: 768px) {
            padding: calc(var(--spacing) * 2);
        }
    }
    .lg\:p-\[20px\] {
        @media (max-width: 768px) {
            padding: 20px;
        }
    }
    .lg\:px-0 {
        @media (max-width: 768px) {
            padding-inline: calc(var(--spacing) * 0);
        }
    }
    .lg\:px-\[0px\] {
        @media (max-width: 768px) {
            padding-inline: 0px;
        }
    }
    .lg\:px-\[5px\] {
        @media (max-width: 768px) {
            padding-inline: 5px;
        }
    }
    .lg\:px-\[7px\] {
        @media (max-width: 768px) {
            padding-inline: 7px;
        }
    }
    .lg\:px-\[12px\] {
        @media (max-width: 768px) {
            padding-inline: 12px;
        }
    }
    .lg\:px-\[33px\] {
        @media (max-width: 768px) {
            padding-inline: 33px;
        }
    }
    .lg\:px-\[34px\] {
        @media (max-width: 768px) {
            padding-inline: 34px;
        }
    }
    .lg\:px-\[37px\] {
        @media (max-width: 768px) {
            padding-inline: 37px;
        }
    }
    .lg\:px-\[40px\] {
        @media (max-width: 768px) {
            padding-inline: 40px;
        }
    }
    .lg\:px-\[42px\] {
        @media (max-width: 768px) {
            padding-inline: 42px;
        }
    }
    .lg\:px-\[51px\] {
        @media (max-width: 768px) {
            padding-inline: 51px;
        }
    }
    .lg\:px-\[53px\] {
        @media (max-width: 768px) {
            padding-inline: 53px;
        }
    }
    .lg\:py-\[7px\] {
        @media (max-width: 768px) {
            padding-block: 7px;
        }
    }
    .lg\:py-\[12px\] {
        @media (max-width: 768px) {
            padding-block: 12px;
        }
    }
    .lg\:py-\[14px\] {
        @media (max-width: 768px) {
            padding-block: 14px;
        }
    }
    .lg\:py-\[17px\] {
        @media (max-width: 768px) {
            padding-block: 17px;
        }
    }
    .lg\:py-\[20px\] {
        @media (max-width: 768px) {
            padding-block: 20px;
        }
    }
    .lg\:pt-0 {
        @media (max-width: 768px) {
            padding-top: calc(var(--spacing) * 0);
        }
    }
    .lg\:pt-\[17px\] {
        @media (max-width: 768px) {
            padding-top: 17px;
        }
    }
    .lg\:pt-\[22px\] {
        @media (max-width: 768px) {
            padding-top: 22px;
        }
    }
    .lg\:pt-\[48px\] {
        @media (max-width: 768px) {
            padding-top: 48px;
        }
    }
    .lg\:pt-\[56px\] {
        @media (max-width: 768px) {
            padding-top: 56px;
        }
    }
    .lg\:pt-\[57px\] {
        @media (max-width: 768px) {
            padding-top: 57px;
        }
    }
    .lg\:pt-\[68px\] {
        @media (max-width: 768px) {
            padding-top: 68px;
        }
    }
    .lg\:pt-\[101px\] {
        @media (max-width: 768px) {
            padding-top: 101px;
        }
    }
    .lg\:pt-\[112px\] {
        @media (max-width: 768px) {
            padding-top: 112px;
        }
    }
    .lg\:pt-\[133px\] {
        @media (max-width: 768px) {
            padding-top: 133px;
        }
    }
    .lg\:pt-\[150px\] {
        @media (max-width: 768px) {
            padding-top: 150px;
        }
    }
    .lg\:pt-\[154px\] {
        @media (max-width: 768px) {
            padding-top: 154px;
        }
    }
    .lg\:pt-\[208px\] {
        @media (max-width: 768px) {
            padding-top: 208px;
        }
    }
    .lg\:pr-0 {
        @media (max-width: 768px) {
            padding-right: calc(var(--spacing) * 0);
        }
    }
    .lg\:pr-\[19px\] {
        @media (max-width: 768px) {
            padding-right: 19px;
        }
    }
    .lg\:pb-\[13px\] {
        @media (max-width: 768px) {
            padding-bottom: 13px;
        }
    }
    .lg\:pb-\[15px\] {
        @media (max-width: 768px) {
            padding-bottom: 15px;
        }
    }
    .lg\:pb-\[30px\] {
        @media (max-width: 768px) {
            padding-bottom: 30px;
        }
    }
    .lg\:pb-\[47px\] {
        @media (max-width: 768px) {
            padding-bottom: 47px;
        }
    }
    .lg\:pb-\[60px\] {
        @media (max-width: 768px) {
            padding-bottom: 60px;
        }
    }
    .lg\:pb-\[73px\] {
        @media (max-width: 768px) {
            padding-bottom: 73px;
        }
    }
    .lg\:pb-\[78px\] {
        @media (max-width: 768px) {
            padding-bottom: 78px;
        }
    }
    .lg\:pb-\[90pxl\] {
        @media (max-width: 768px) {
            padding-bottom: 90pxl;
        }
    }
    .lg\:pb-\[184px\] {
        @media (max-width: 768px) {
            padding-bottom: 184px;
        }
    }
    .lg\:pb-\[186px\] {
        @media (max-width: 768px) {
            padding-bottom: 186px;
        }
    }
    .lg\:pl-\[11px\] {
        @media (max-width: 768px) {
            padding-left: 11px;
        }
    }
    .lg\:pl-\[15px\] {
        @media (max-width: 768px) {
            padding-left: 15px;
        }
    }
    .lg\:pl-\[38px\] {
        @media (max-width: 768px) {
            padding-left: 38px;
        }
    }
    .lg\:text-center {
        @media (max-width: 768px) {
            text-align: center;
        }
    }
    .lg\:text-\[10px\] {
        @media (max-width: 768px) {
            font-size: 10px;
        }
    }
    .lg\:text-\[12px\] {
        @media (max-width: 768px) {
            font-size: 12px;
        }
    }
    .lg\:text-\[14px\] {
        @media (max-width: 768px) {
            font-size: 14px;
        }
    }
    .lg\:text-\[16px\] {
        @media (max-width: 768px) {
            font-size: 16px;
        }
    }
    .lg\:text-\[18px\] {
        @media (max-width: 768px) {
            font-size: 18px;
        }
    }
    .lg\:text-\[20px\] {
        @media (max-width: 768px) {
            font-size: 20px;
        }
    }
    .lg\:text-\[22px\] {
        @media (max-width: 768px) {
            font-size: 22px;
        }
    }
    .lg\:text-\[24px\] {
        @media (max-width: 768px) {
            font-size: 24px;
        }
    }
    .lg\:text-\[25px\] {
        @media (max-width: 768px) {
            font-size: 25px;
        }
    }
    .lg\:text-\[26px\] {
        @media (max-width: 768px) {
            font-size: 26px;
        }
    }
    .lg\:text-\[28px\] {
        @media (max-width: 768px) {
            font-size: 28px;
        }
    }
    .lg\:text-\[30px\] {
        @media (max-width: 768px) {
            font-size: 30px;
        }
    }
    .lg\:text-\[35px\] {
        @media (max-width: 768px) {
            font-size: 35px;
        }
    }
    .lg\:text-\[36px\] {
        @media (max-width: 768px) {
            font-size: 36px;
        }
    }
    .lg\:text-\[40px\] {
        @media (max-width: 768px) {
            font-size: 40px;
        }
    }
    .lg\:whitespace-normal {
        @media (max-width: 768px) {
            white-space: normal;
        }
    }
    .lg\:whitespace-nowrap {
        @media (max-width: 768px) {
            white-space: nowrap;
        }
    }
    .lg\:text-transparent {
        @media (max-width: 768px) {
            color: transparent;
        }
    }
    .lg\:shadow-\[0px_4px_100px_1px_\#3b87d56e\] {
        @media (max-width: 768px) {
            --tw-shadow: 0px 4px 100px 1px var(--tw-shadow-color, #3b87d56e);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        }
    }
    .lg\:placeholder\:text-\[14px\] {
        @media (max-width: 768px) {
            &::placeholder {
                font-size: 14px;
            }
        }
    }
    .lg\:placeholder\:text-\[18px\] {
        @media (max-width: 768px) {
            &::placeholder {
                font-size: 18px;
            }
        }
    }
    .lg\:before\:content-none {
        @media (max-width: 768px) {
            &::before {
                content: var(--tw-content);
                --tw-content: none;
                content: none;
            }
        }
    }
    .sm\:mt-\[19px\] {
        @media (max-width: 568px) {
            margin-top: 19px;
        }
    }
    .sm\:mb-\[13px\] {
        @media (max-width: 568px) {
            margin-bottom: 13px;
        }
    }
    .sm\:mb-\[20\.5px\] {
        @media (max-width: 568px) {
            margin-bottom: 20.5px;
        }
    }
    .sm\:mb-\[25px\] {
        @media (max-width: 568px) {
            margin-bottom: 25px;
        }
    }
    .sm\:block {
        @media (max-width: 568px) {
            display: block;
        }
    }
    .sm\:hidden {
        @media (max-width: 568px) {
            display: none;
        }
    }
    .sm\:h-\[5px\] {
        @media (max-width: 568px) {
            height: 5px;
        }
    }
    .sm\:h-\[114px\] {
        @media (max-width: 568px) {
            height: 114px;
        }
    }
    .sm\:h-\[128px\] {
        @media (max-width: 568px) {
            height: 128px;
        }
    }
    .sm\:h-\[168px\] {
        @media (max-width: 568px) {
            height: 168px;
        }
    }
    .sm\:w-\[5px\] {
        @media (max-width: 568px) {
            width: 5px;
        }
    }
    .sm\:w-\[267px\] {
        @media (max-width: 568px) {
            width: 267px;
        }
    }
    .sm\:w-\[302px\] {
        @media (max-width: 568px) {
            width: 302px;
        }
    }
    .sm\:flex-col {
        @media (max-width: 568px) {
            flex-direction: column;
        }
    }
    .sm\:justify-end {
        @media (max-width: 568px) {
            justify-content: flex-end;
        }
    }
    .sm\:gap-\[5px\] {
        @media (max-width: 568px) {
            gap: 5px;
        }
    }
    .sm\:self-start {
        @media (max-width: 568px) {
            align-self: flex-start;
        }
    }
    .sm\:px-\[40px\] {
        @media (max-width: 568px) {
            padding-inline: 40px;
        }
    }
    .sm\:text-\[14px\] {
        @media (max-width: 568px) {
            font-size: 14px;
        }
    }
    .\[\@media\(max-width\:945px\)\]\:grid-cols-1 {
        @media (max-width:945px) {
            grid-template-columns: repeat(1, minmax(0, 1fr));
        }
    }
    .\[\@media\(max-width\:945px\)\]\:gap-y-\[25px\] {
        @media (max-width:945px) {
            row-gap: 25px;
        }
    }
}
@font-face {
    font-family: 'Bebas Neue Cyrillic';
    src: url('/assets/fonts/bebas-neue/BebasNeue-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@layer base {
    span, p, a, h1, h2, h3, h4, h5, h6 {
        --tw-leading: 1;
        line-height: 1;
        --tw-tracking: 4%;
        letter-spacing: 4%;
    }
    body, html {
        min-height: 100%;
        overflow-x: hidden;
        scroll-behavior: smooth;
    }
    html {
        height: 100%;
        overflow: hidden;
    }
    body {
        height: 100%;
        overflow-y: auto;
        margin: 0;
    }
    button {
        cursor: pointer;
    }
    h1 {
        font-family: Bebas Neue Cyrillic;
        font-weight: 400;
        font-size: 70px;
        line-height: 100%;
        text-transform: uppercase;
        background: linear-gradient(90deg, #c5c4c4 0%, #ffffff 43.47%, #8d8d8d 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    h2 {
        font-family: Bebas Neue Cyrillic;
        font-weight: 400;
        font-size: 55px;
        line-height: 100%;
        text-transform: uppercase;
        background: linear-gradient(90deg, #c5c4c4 0%, #ffffff 43.47%, #8d8d8d 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    h3 {
        font-family: Bebas Neue Cyrillic;
        font-weight: 400;
        font-size: 32px;
        text-align: center;
        color: #ffffff;
    }
    h4 {
        font-family: Bebas Neue Cyrillic;
        font-weight: 400;
        font-size: 24px;
        text-align: center;
        color: #ffffff;
    }
    .navlink {
        font-family: Raleway;
        font-weight: 400;
        font-style: Regular;
        font-size: 14px;
        line-height: 100%;
        letter-spacing: 0%;
        color: white;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        border-bottom: 1px solid transparent;
        transition: all 0.25s ease-in-out;
    }
    .text-usual {
        font-family: Raleway;
        font-weight: 400;
        font-size: 20px;
        line-height: 100%;
        letter-spacing: 4%;
        color: #ffffff;
    }
    .button {
        box-shadow: 0px 4px 25px 5px #3b87d578;
        background-color: #3b87d5;
        font-family: Bebas Neue Cyrillic;
        font-weight: 400;
        font-style: Regular;
        font-size: 22px;
        line-height: 100%;
        letter-spacing: 5%;
        color: white;
        text-align: center;
        border-radius: 10px;
        cursor: pointer;
        display: inline-block;
        transition: all 0.2s ease-in-out;
    }
    .button:hover {
        background-color: #286bae;
        box-shadow: 0px 4px 25px 7px #3b87d578;
    }
    .button-secondary {
        border: 1px solid white;
        font-family: Bebas Neue Cyrillic;
        font-weight: 400;
        font-style: Regular;
        text-transform: uppercase;
        font-size: 22px;
        color: white;
        border-radius: 10px;
        text-align: center;
    }
    .gradient-border-rounded {
        border: 1px solid;
        border-image: linear-gradient(180deg, #383838 0%, #9e9e9e 50.48%) 1;
        border-radius: 10px;
        position: relative;
        background: #1c1c1c;
    }
    .gradient-border-rounded::before {
        content: '';
        position: absolute;
        top: -1px;
        left: -1px;
        right: -1px;
        bottom: -1px;
        border-radius: 10px;
        padding: 1px;
        background: linear-gradient(180deg, #383838 0%, #9e9e9e 50.48%);
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        pointer-events: none;
    }
    .request-modal-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: none;
        align-items: center;
        justify-content: center;
        z-index: 1000;
        padding: 1rem;
        background-color: #000000ac;
    }
    .request-modal-overlay.active {
        display: flex;
    }
    .request-modal {
        background-color: black;
        border-radius: 10px;
        padding: 68px 59px 76px 59px;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: 334px;
        box-shadow: 4px 4px 250px 10px #3b87d570;
        min-width: 666px;
    }
    .checkbox-custom {
        min-width: 20px;
        max-width: 20px;
        min-height: 20px;
        max-height: 20px;
        border-radius: 0;
        background: transparent;
        outline: 0;
        border: 1px solid #555555;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        cursor: pointer;
        position: relative;
    }
    .checkbox-custom:checked {
        background: #555555;
    }
    .checkbox-custom:checked::before {
        content: '✓';
        position: absolute;
        color: white;
        font-size: 14px;
        font-weight: bold;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    #burgerMenu {
        right: -246px;
    }
    #burgerMenu.active {
        right: 0;
    }
    @media (max-width: 768px) {
        h1 {
            font-size: 45px;
        }
        h2 {
            font-size: 35px;
        }
        h3 {
            font-size: 16px;
        }
        h4 {
            font-size: 14px;
        }
        .text-usual {
            font-size: 14px;
        }
        .button {
            font-size: 18px;
        }
        .button-secondary {
            font-size: 18px;
        }
        .request-modal {
            padding: 44px 17px 47px 23px;
            min-width: 90%;
            width: 90%;
        }
    }
    @media (max-width: 568px) {
        .request-modal {
            min-width: 100%;
        }
    }
}
@property --tw-translate-x {
    syntax: "*";
    inherits: false;
    initial-value: 0;
}
@property --tw-translate-y {
    syntax: "*";
    inherits: false;
    initial-value: 0;
}
@property --tw-translate-z {
    syntax: "*";
    inherits: false;
    initial-value: 0;
}
@property --tw-rotate-x {
    syntax: "*";
    inherits: false;
}
@property --tw-rotate-y {
    syntax: "*";
    inherits: false;
}
@property --tw-rotate-z {
    syntax: "*";
    inherits: false;
}
@property --tw-skew-x {
    syntax: "*";
    inherits: false;
}
@property --tw-skew-y {
    syntax: "*";
    inherits: false;
}
@property --tw-space-y-reverse {
    syntax: "*";
    inherits: false;
    initial-value: 0;
}
@property --tw-border-style {
    syntax: "*";
    inherits: false;
    initial-value: solid;
}
@property --tw-gradient-position {
    syntax: "*";
    inherits: false;
}
@property --tw-gradient-from {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000;
}
@property --tw-gradient-via {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000;
}
@property --tw-gradient-to {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000;
}
@property --tw-gradient-stops {
    syntax: "*";
    inherits: false;
}
@property --tw-gradient-via-stops {
    syntax: "*";
    inherits: false;
}
@property --tw-gradient-from-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 0%;
}
@property --tw-gradient-via-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 50%;
}
@property --tw-gradient-to-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 100%;
}
@property --tw-leading {
    syntax: "*";
    inherits: false;
}
@property --tw-font-weight {
    syntax: "*";
    inherits: false;
}
@property --tw-tracking {
    syntax: "*";
    inherits: false;
}
@property --tw-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
    syntax: "*";
    inherits: false;
}
@property --tw-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%;
}
@property --tw-inset-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
    syntax: "*";
    inherits: false;
}
@property --tw-inset-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%;
}
@property --tw-ring-color {
    syntax: "*";
    inherits: false;
}
@property --tw-ring-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
    syntax: "*";
    inherits: false;
}
@property --tw-inset-ring-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
    syntax: "*";
    inherits: false;
}
@property --tw-ring-offset-width {
    syntax: "<length>";
    inherits: false;
    initial-value: 0px;
}
@property --tw-ring-offset-color {
    syntax: "*";
    inherits: false;
    initial-value: #fff;
}
@property --tw-ring-offset-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000;
}
@property --tw-outline-style {
    syntax: "*";
    inherits: false;
    initial-value: solid;
}
@property --tw-backdrop-blur {
    syntax: "*";
    inherits: false;
}
@property --tw-backdrop-brightness {
    syntax: "*";
    inherits: false;
}
@property --tw-backdrop-contrast {
    syntax: "*";
    inherits: false;
}
@property --tw-backdrop-grayscale {
    syntax: "*";
    inherits: false;
}
@property --tw-backdrop-hue-rotate {
    syntax: "*";
    inherits: false;
}
@property --tw-backdrop-invert {
    syntax: "*";
    inherits: false;
}
@property --tw-backdrop-opacity {
    syntax: "*";
    inherits: false;
}
@property --tw-backdrop-saturate {
    syntax: "*";
    inherits: false;
}
@property --tw-backdrop-sepia {
    syntax: "*";
    inherits: false;
}
@property --tw-duration {
    syntax: "*";
    inherits: false;
}
@property --tw-ease {
    syntax: "*";
    inherits: false;
}
@property --tw-content {
    syntax: "*";
    initial-value: "";
    inherits: false;
}
@layer properties {
    @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
        *, ::before, ::after, ::backdrop {
            --tw-translate-x: 0;
            --tw-translate-y: 0;
            --tw-translate-z: 0;
            --tw-rotate-x: initial;
            --tw-rotate-y: initial;
            --tw-rotate-z: initial;
            --tw-skew-x: initial;
            --tw-skew-y: initial;
            --tw-space-y-reverse: 0;
            --tw-border-style: solid;
            --tw-gradient-position: initial;
            --tw-gradient-from: #0000;
            --tw-gradient-via: #0000;
            --tw-gradient-to: #0000;
            --tw-gradient-stops: initial;
            --tw-gradient-via-stops: initial;
            --tw-gradient-from-position: 0%;
            --tw-gradient-via-position: 50%;
            --tw-gradient-to-position: 100%;
            --tw-leading: initial;
            --tw-font-weight: initial;
            --tw-tracking: initial;
            --tw-shadow: 0 0 #0000;
            --tw-shadow-color: initial;
            --tw-shadow-alpha: 100%;
            --tw-inset-shadow: 0 0 #0000;
            --tw-inset-shadow-color: initial;
            --tw-inset-shadow-alpha: 100%;
            --tw-ring-color: initial;
            --tw-ring-shadow: 0 0 #0000;
            --tw-inset-ring-color: initial;
            --tw-inset-ring-shadow: 0 0 #0000;
            --tw-ring-inset: initial;
            --tw-ring-offset-width: 0px;
            --tw-ring-offset-color: #fff;
            --tw-ring-offset-shadow: 0 0 #0000;
            --tw-outline-style: solid;
            --tw-backdrop-blur: initial;
            --tw-backdrop-brightness: initial;
            --tw-backdrop-contrast: initial;
            --tw-backdrop-grayscale: initial;
            --tw-backdrop-hue-rotate: initial;
            --tw-backdrop-invert: initial;
            --tw-backdrop-opacity: initial;
            --tw-backdrop-saturate: initial;
            --tw-backdrop-sepia: initial;
            --tw-duration: initial;
            --tw-ease: initial;
            --tw-content: "";
        }
    }
}