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

@layer properties {
    @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
        *, :before, :after, ::backdrop {
            --tw-translate-x: 0;
            --tw-translate-y: 0;
            --tw-translate-z: 0;
            --tw-scale-x: 1;
            --tw-scale-y: 1;
            --tw-scale-z: 1;
            --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-mask-linear: linear-gradient(#fff, #fff);
            --tw-mask-radial: linear-gradient(#fff, #fff);
            --tw-mask-conic: linear-gradient(#fff, #fff);
            --tw-mask-left: linear-gradient(#fff, #fff);
            --tw-mask-right: linear-gradient(#fff, #fff);
            --tw-mask-bottom: linear-gradient(#fff, #fff);
            --tw-mask-top: linear-gradient(#fff, #fff);
            --tw-mask-top-from-position: 0%;
            --tw-mask-top-to-position: 100%;
            --tw-mask-top-from-color: black;
            --tw-mask-top-to-color: transparent;
            --tw-mask-right-from-position: 0%;
            --tw-mask-right-to-position: 100%;
            --tw-mask-right-from-color: black;
            --tw-mask-right-to-color: transparent;
            --tw-mask-bottom-from-position: 0%;
            --tw-mask-bottom-to-position: 100%;
            --tw-mask-bottom-from-color: black;
            --tw-mask-bottom-to-color: transparent;
            --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-blur: initial;
            --tw-brightness: initial;
            --tw-contrast: initial;
            --tw-grayscale: initial;
            --tw-hue-rotate: initial;
            --tw-invert: initial;
            --tw-opacity: initial;
            --tw-saturate: initial;
            --tw-sepia: initial;
            --tw-drop-shadow: initial;
            --tw-drop-shadow-color: initial;
            --tw-drop-shadow-alpha: 100%;
            --tw-drop-shadow-size: initial;
            --tw-backdrop-blur: initial;
            --tw-backdrop-brightness: initial;
            --tw-backdrop-contrast: initial;
            --tw-backdrop-grayscale: initial;
            --tw-backdrop-hue-rotate: initial;
            --tw-backdrop-invert: initial;
            --tw-backdrop-opacity: initial;
            --tw-backdrop-saturate: initial;
            --tw-backdrop-sepia: initial;
            --tw-duration: initial;
            --tw-ease: initial;
            --tw-content: "";
            --tw-mask-left-from-position: 0%;
            --tw-mask-left-to-position: 100%;
            --tw-mask-left-from-color: black;
            --tw-mask-left-to-color: transparent
        }
    }
}

/*

@font-face {
    font-family: JUST Sans;
    src: url(../fonts/JUSTSans-ExBd.woff2)format("woff2"), url(../fonts/JUSTSans-ExBd.woff)format("woff");
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: JUST Sans;
    src: url(../fonts/JUSTSans-Rg.woff2)format("woff2"), url(../fonts/JUSTSans-Rg.woff)format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

*/

@layer theme {
     :root,
     :host {
        --font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
--font-montserrat: var(--font-sans);
--font-inter: var(--font-sans);
--default-font-family: var(--font-sans);
        --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
        --color-red-500: oklch(63.7% .237 25.331);
        --color-gray-100: #f2f4f7;
        --color-gray-200: #eaecf0;
        --color-gray-500: #667085;
        --color-black: #0a0a0a;
        --color-white: #fafafa;
        --spacing: .25rem;
        --container-md: 28rem;
        --text-xs: .75rem;
        --text-xs--line-height: calc(1/.75);
        --text-sm: .875rem;
        --text-sm--line-height: calc(1.25/.875);
        --text-base: 1rem;
        --text-base--line-height: calc(1.5/1);
        --text-lg: 1.125rem;
        --text-lg--line-height: calc(1.75/1.125);
        --text-xl: 1.25rem;
        --text-xl--line-height: calc(1.75/1.25);
        --text-2xl: 1.5rem;
        --text-2xl--line-height: calc(2/1.5);
        --text-3xl: 1.875rem;
        --text-3xl--line-height: calc(2.25/1.875);
        --text-4xl: 2.25rem;
        --text-4xl--line-height: calc(2.5/2.25);
        --font-weight-extralight: 200;
        --font-weight-normal: 400;
        --font-weight-medium: 500;
        --font-weight-semibold: 600;
        --font-weight-bold: 700;
        --font-weight-extrabold: 800;
        --font-weight-black: 900;
        --tracking-normal: 0em;
        --radius-md: .375rem;
        --radius-lg: .5rem;
        --radius-xl: .75rem;
        --radius-2xl: 1rem;
        --ease-in-out: cubic-bezier(.4, 0, .2, 1);
        --animate-bounce: bounce 1s infinite;
        --blur-sm: 8px;
        --default-transition-duration: .15s;
        --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        --default-font-family: var(--font-sans);
        --default-mono-font-family: var(--font-mono);
        --font-montserrat: "Montserrat", sans-serif;
        --font-inter: "Inter", sans-serif;
        --color-primary-pure: #fd7449;
        --color-primary-light: #ffac88;
        --color-primary-dark: #e84f1f
        
    }
}

@layer base {
    *,
     :after,
     :before,
     ::backdrop {
        box-sizing: border-box;
        border: 0 solid;
        margin: 0;
        padding: 0
    }
     ::file-selector-button {
        box-sizing: border-box;
        border: 0 solid;
        margin: 0;
        padding: 0
    }
    html,
     :host {
        -webkit-text-size-adjust: 100%;
        tab-size: 4;
        line-height: 1.5;
        font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
        font-feature-settings: var(--default-font-feature-settings, normal);
        font-variation-settings: var(--default-font-variation-settings, normal);
        -webkit-tap-highlight-color: transparent
    }
    hr {
        height: 0;
        color: inherit;
        border-top-width: 1px
    }
    abbr:where([title]) {
        -webkit-text-decoration: underline dotted;
        text-decoration: underline dotted
    }
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-size: inherit;
        font-weight: inherit
    }
    a {
        color: inherit;
        -webkit-text-decoration: inherit;
        -webkit-text-decoration: inherit;
        -webkit-text-decoration: inherit;
        text-decoration: inherit
    }
    b,
    strong {
        font-weight: bolder
    }
    code,
    kbd,
    samp,
    pre {
        font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
        font-feature-settings: var(--default-mono-font-feature-settings, normal);
        font-variation-settings: var(--default-mono-font-variation-settings, normal);
        font-size: 1em
    }
    small {
        font-size: 80%
    }
    sub,
    sup {
        vertical-align: baseline;
        font-size: 75%;
        line-height: 0;
        position: relative
    }
    sub {
        bottom: -.25em
    }
    sup {
        top: -.5em
    }
    table {
        text-indent: 0;
        border-color: inherit;
        border-collapse: collapse
    }
     :-moz-focusring {
        outline: auto
    }
    progress {
        vertical-align: baseline
    }
    summary {
        display: list-item
    }
    ol,
    ul,
    menu {
        list-style: none
    }
    img,
    svg,
    video,
    canvas,
    audio,
    iframe,
    embed,
    object {
        vertical-align: middle;
        display: block
    }
    img,
    video {
        max-width: 100%;
        height: auto
    }
    button,
    input,
    select,
    optgroup,
    textarea {
        font: inherit;
        font-feature-settings: inherit;
        font-variation-settings: inherit;
        letter-spacing: inherit;
        color: inherit;
        opacity: 1;
        background-color: #0000;
        border-radius: 0
    }
     ::file-selector-button {
        font: inherit;
        font-feature-settings: inherit;
        font-variation-settings: inherit;
        letter-spacing: inherit;
        color: inherit;
        opacity: 1;
        background-color: #0000;
        border-radius: 0
    }
     :where(select:is([multiple], [size])) optgroup {
        font-weight: bolder
    }
     :where(select:is([multiple], [size])) optgroup option {
        padding-inline-start: 20px
    }
     ::file-selector-button {
        margin-inline-end: 4px
    }
     ::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)) {
             ::placeholder {
                color: color-mix(in oklab, currentcolor 50%, transparent)
            }
        }
    }
    textarea {
        resize: vertical
    }
     ::-webkit-search-decoration {
        -webkit-appearance: none
    }
     ::-webkit-date-and-time-value {
        min-height: 1lh;
        text-align: inherit
    }
     ::-webkit-datetime-edit {
        display: inline-flex
    }
     ::-webkit-datetime-edit-fields-wrapper {
        padding: 0
    }
     ::-webkit-datetime-edit {
        padding-block: 0
    }
     ::-webkit-datetime-edit-year-field {
        padding-block: 0
    }
     ::-webkit-datetime-edit-month-field {
        padding-block: 0
    }
     ::-webkit-datetime-edit-day-field {
        padding-block: 0
    }
     ::-webkit-datetime-edit-hour-field {
        padding-block: 0
    }
     ::-webkit-datetime-edit-minute-field {
        padding-block: 0
    }
     ::-webkit-datetime-edit-second-field {
        padding-block: 0
    }
     ::-webkit-datetime-edit-millisecond-field {
        padding-block: 0
    }
     ::-webkit-datetime-edit-meridiem-field {
        padding-block: 0
    }
     ::-webkit-calendar-picker-indicator {
        line-height: 1
    }
     :-moz-ui-invalid {
        box-shadow: none
    }
    button,
    input:where([type=button], [type=reset], [type=submit]) {
        appearance: button
    }
     ::file-selector-button {
        appearance: button
    }
     ::-webkit-inner-spin-button {
        height: auto
    }
     ::-webkit-outer-spin-button {
        height: auto
    }
    [hidden]:where(:not([hidden=until-found])) {
        display: none !important
    }
    button:not(:disabled),
    [role=button]:not(:disabled) {
        cursor: pointer
    }
    html {
        scroll-behavior: smooth
    }
}

@layer components;
@layer utilities {
    .\!pointer-events-auto {
        pointer-events: auto !important
    }
    .pointer-events-none {
        pointer-events: none
    }
    .invisible {
        visibility: hidden
    }
    .visible {
        visibility: visible
    }
    .sr-only {
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border-width: 0;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        position: absolute;
        overflow: hidden
    }
    .absolute {
        position: absolute
    }
    .fixed {
        position: fixed
    }
    .relative {
        position: relative
    }
    .static {
        position: static
    }
    .inset-0 {
        inset: calc(var(--spacing)*0)
    }
    .inset-x-0 {
        inset-inline: calc(var(--spacing)*0)
    }
    .inset-x-4 {
        inset-inline: calc(var(--spacing)*4)
    }
    .inset-y-0 {
        inset-block: calc(var(--spacing)*0)
    }
    .-top-14 {
        top: calc(var(--spacing)*-14)
    }
    .-top-\[0px\] {
        top: 0px
    }
    .-top-\[68px\] {
        top: -68px
    }
    .-top-\[100px\] {
        top: -100px
    }
    .-top-\[150px\] {
        top: -150px
    }
    .-top-\[250px\] {
        top: -250px
    }
    .-top-\[260px\] {
        top: -260px
    }
    .-top-\[331px\] {
        top: -331px
    }
    .top-0 {
        top: calc(var(--spacing)*0)
    }
    .top-1\/2 {
        top: 50%
    }
    .top-1\/3 {
        top: 33.3333%
    }
    .top-2 {
        top: calc(var(--spacing)*2)
    }
    .top-2\.5 {
        top: calc(var(--spacing)*2.5)
    }
    .top-3 {
        top: calc(var(--spacing)*3)
    }
    .top-6 {
        top: calc(var(--spacing)*6)
    }
    .top-\[33px\] {
        top: 33px
    }
    .top-\[40px\] {
        top: 40px
    }
    .top-\[60px\] {
        top: 60px
    }
    .top-\[66px\] {
        top: 66px
    }
    .top-\[400px\] {
        top: 400px
    }
    .top-\[460px\] {
        top: 460px
    }
    .-right-2 {
        right: calc(var(--spacing)*-2)
    }
    .-right-30 {
        right: calc(var(--spacing)*-30)
    }
    .-right-\[100px\] {
        right: -100px
    }
    .-right-\[105px\] {
        right: -105px
    }
    .-right-\[280px\] {
        right: -280px
    }
    .right-0 {
        right: calc(var(--spacing)*0)
    }
    .right-4 {
        right: calc(var(--spacing)*4)
    }
    .-bottom-11 {
        bottom: calc(var(--spacing)*-11)
    }
    .-bottom-20 {
        bottom: calc(var(--spacing)*-20)
    }
    .-bottom-34 {
        bottom: calc(var(--spacing)*-34)
    }
    .-bottom-46 {
        bottom: calc(var(--spacing)*-46)
    }
    .-bottom-48 {
        bottom: calc(var(--spacing)*-48)
    }
    .-bottom-\[100px\] {
        bottom: -100px
    }
    .-bottom-\[365px\] {
        bottom: -365px
    }
    .bottom-0 {
        bottom: calc(var(--spacing)*0)
    }
    .bottom-5 {
        bottom: calc(var(--spacing)*5)
    }
    .bottom-6 {
        bottom: calc(var(--spacing)*6)
    }
    .bottom-\[29\.5px\] {
        bottom: 29.5px
    }
    .bottom-\[10px\] {
        bottom: 10px
    }
    .bottom-\[90px\] {
        bottom: 90px
    }
    .-left-7 {
        left: calc(var(--spacing)*-7)
    }
    .-left-16 {
        left: calc(var(--spacing)*-16)
    }
    .-left-18 {
        left: calc(var(--spacing)*-18)
    }
    .-left-20 {
        left: calc(var(--spacing)*-20)
    }
    .-left-80 {
        left: calc(var(--spacing)*-80)
    }
    .-left-\[110px\] {
        left: -110px
    }
    .-left-\[120px\] {
        left: -120px
    }
    .-left-\[170px\] {
        left: -170px
    }
    .-left-\[300px\] {
        left: -300px
    }
    .left-0 {
        left: calc(var(--spacing)*0)
    }
    .left-0\.5 {
        left: calc(var(--spacing)*.5)
    }
    .left-2 {
        left: calc(var(--spacing)*2)
    }
    .left-4 {
        left: calc(var(--spacing)*4)
    }
    .left-\[100px\] {
        left: 100px
    }
    .\!z-\[1\] {
        z-index: 1 !important
    }
    .\!z-\[2\] {
        z-index: 2 !important
    }
    .z-10 {
        z-index: 10
    }
    .z-20 {
        z-index: 20
    }
    .z-50 {
        z-index: 50
    }
    .z-\[-1\] {
        z-index: -1
    }
    .z-\[0\] {
        z-index: 0
    }
    .z-\[1\] {
        z-index: 1
    }
    .z-\[2\] {
        z-index: 2
    }
    .z-\[3\] {
        z-index: 3
    }
    .z-\[4\] {
        z-index: 4
    }
    .z-\[9\] {
        z-index: 9
    }
    .z-\[10\] {
        z-index: 10
    }
    .z-\[11\] {
        z-index: 11
    }
    .z-\[60\] {
        z-index: 60
    }
    .col-\[1\] {
        grid-column: 1
    }
    .col-\[2\] {
        grid-column: 2
    }
    .col-\[3\] {
        grid-column: 3
    }
    .col-span-full {
        grid-column: 1/-1
    }
    .row-\[1\] {
        grid-row: 1
    }
    .\!container {
        width: 100% !important
    }
    @media (min-width:540px) {
        .\!container {
            max-width: 540px !important
        }
    }
    @media (min-width:1160px) {
        .\!container {
            max-width: 1160px !important
        }
    }
    @media (min-width:1920px) {
        .\!container {
            max-width: 1920px !important
        }
    }
    @media (min-width:40rem) {
        .\!container {
            max-width: 40rem !important
        }
    }
    @media (min-width:48rem) {
        .\!container {
            max-width: 48rem !important
        }
    }
    @media (min-width:64rem) {
        .\!container {
            max-width: 64rem !important
        }
    }
    @media (min-width:80rem) {
        .\!container {
            max-width: 80rem !important
        }
    }
    @media (min-width:96rem) {
        .\!container {
            max-width: 96rem !important
        }
    }
    .container {
        width: 100%
    }
    @media (min-width:540px) {
        .container {
            max-width: 540px
        }
    }
    @media (min-width:1160px) {
        .container {
            max-width: 1160px
        }
    }
    @media (min-width:1920px) {
        .container {
            max-width: 1920px
        }
    }
    @media (min-width:40rem) {
        .container {
            max-width: 40rem
        }
    }
    @media (min-width:48rem) {
        .container {
            max-width: 48rem
        }
    }
    @media (min-width:64rem) {
        .container {
            max-width: 64rem
        }
    }
    @media (min-width:80rem) {
        .container {
            max-width: 80rem
        }
    }
    @media (min-width:96rem) {
        .container {
            max-width: 96rem
        }
    }
    .\!container {
        max-width: 1256px !important;
        margin-inline: auto !important;
        padding-inline: 1rem !important
    }
    .container {
        max-width: 1256px;
        margin-inline: auto;
        padding-inline: 1rem
    }
    .\!mx-auto {
        margin-inline: auto !important
    }
    .mx-3\.5 {
        margin-inline: calc(var(--spacing)*3.5)
    }
    .mx-auto {
        margin-inline: auto
    }
    .my-8 {
        margin-block: calc(var(--spacing)*8)
    }
    .my-10 {
        margin-block: calc(var(--spacing)*10)
    }
    .\!mt-\[28px\] {
        margin-top: 28px !important
    }
    .-mt-22 {
        margin-top: calc(var(--spacing)*-22)
    }
    .mt-1\.5 {
        margin-top: calc(var(--spacing)*1.5)
    }
    .mt-2 {
        margin-top: calc(var(--spacing)*2)
    }
    .mt-4 {
        margin-top: calc(var(--spacing)*4)
    }
    .mt-6 {
        margin-top: calc(var(--spacing)*6)
    }
    .mt-8 {
        margin-top: calc(var(--spacing)*8)
    }
    .mt-9 {
        margin-top: calc(var(--spacing)*9)
    }
    .mt-10 {
        margin-top: calc(var(--spacing)*10)
    }
    .mt-16 {
        margin-top: calc(var(--spacing)*16)
    }
    .mt-\[66px\] {
        margin-top: 66px
    }
    .mt-\[80px\] {
        margin-top: 80px
    }
    .\!mr-0 {
        margin-right: calc(var(--spacing)*0) !important
    }
    .mr-0 {
        margin-right: calc(var(--spacing)*0)
    }
    .mr-8 {
        margin-right: calc(var(--spacing)*8)
    }
    .\!mb-8 {
        margin-bottom: calc(var(--spacing)*8) !important
    }
    .mb-2 {
        margin-bottom: calc(var(--spacing)*2)
    }
    .mb-4 {
        margin-bottom: calc(var(--spacing)*4)
    }
    .mb-6 {
        margin-bottom: calc(var(--spacing)*6)
    }
    .mb-8 {
        margin-bottom: calc(var(--spacing)*8)
    }
    .mb-9 {
        margin-bottom: calc(var(--spacing)*9)
    }
    .mb-10 {
        margin-bottom: calc(var(--spacing)*10)
    }
    .mb-16 {
        margin-bottom: calc(var(--spacing)*16)
    }
    .mb-\[178px\] {
        margin-bottom: 178px
    }
    .mb-\[200px\] {
        margin-bottom: 200px
    }
    .\!ml-auto {
        margin-left: auto !important
    }
    .ml-5 {
        margin-left: calc(var(--spacing)*5)
    }
    .ml-8 {
        margin-left: calc(var(--spacing)*8)
    }
    .ml-auto {
        margin-left: auto
    }
    .line-clamp-2 {
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden
    }
    .line-clamp-3 {
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden
    }
    .line-clamp-4 {
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden
    }
    .line-clamp-5 {
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden
    }
    .\!flex {
        display: flex !important
    }
    .\!hidden {
        display: none !important
    }
    .block {
        display: block
    }
    .contents {
        display: contents
    }
    .flex {
        display: flex
    }
    .grid {
        display: grid
    }
    .hidden {
        display: none
    }
    .inline {
        display: inline
    }
    .inline-flex {
        display: inline-flex
    }
    .table {
        display: table
    }
    .size-4 {
        width: calc(var(--spacing)*4);
        height: calc(var(--spacing)*4)
    }
    .size-6 {
        width: calc(var(--spacing)*6);
        height: calc(var(--spacing)*6)
    }
    .size-8 {
        width: calc(var(--spacing)*8);
        height: calc(var(--spacing)*8)
    }
    .size-10 {
        width: calc(var(--spacing)*10);
        height: calc(var(--spacing)*10)
    }
    .size-12 {
        width: calc(var(--spacing)*12);
        height: calc(var(--spacing)*12)
    }
    .size-16 {
        width: calc(var(--spacing)*16);
        height: calc(var(--spacing)*16)
    }
    .size-\[37\.33px\] {
        width: 37.33px;
        height: 37.33px
    }
    .size-\[62px\] {
        width: 62px;
        height: 62px
    }
    .size-\[72px\] {
        width: 72px;
        height: 72px
    }
    .size-\[77px\] {
        width: 77px;
        height: 77px
    }
    .size-\[110px\] {
        width: 110px;
        height: 110px
    }
    .size-\[200px\] {
        width: 200px;
        height: 200px
    }
    .size-\[500px\] {
        width: 500px;
        height: 500px
    }
    .size-\[604px\] {
        width: 604px;
        height: 604px
    }
    .size-full {
        width: 100%;
        height: 100%
    }
    .\!h-10 {
        height: calc(var(--spacing)*10) !important
    }
    .\!h-\[34px\] {
        height: 34px !important
    }
    .\!h-\[37px\] {
        height: 37px !important
    }
    .\!h-\[39px\] {
        height: 39px !important
    }
    .\!h-\[42px\] {
        height: 42px !important
    }
    .\!h-\[46px\] {
        height: 46px !important
    }
    .\!h-\[200px\] {
        height: 200px !important
    }
    .\!h-\[600px\] {
        height: 600px !important
    }
    .h-2\.5 {
        height: calc(var(--spacing)*2.5)
    }
    .h-12 {
        height: calc(var(--spacing)*12)
    }
    .h-\[1px\] {
        height: 1px
    }
    .h-\[2px\] {
        height: 2px
    }
    .h-\[33px\] {
        height: 33px
    }
    .h-\[35px\] {
        height: 35px
    }
    .h-\[36px\] {
        height: 36px
    }
    .h-\[49px\] {
        height: 49px
    }
    .h-\[52px\] {
        height: 52px
    }
    .h-\[53px\] {
        height: 53px
    }
    .h-\[54px\] {
        height: 54px
    }
    .h-\[60\%\] {
        height: 60%
    }
    .h-\[72px\] {
        height: 72px
    }
    .h-\[98px\] {
        height: 98px
    }
    .h-\[179px\] {
        height: 179px
    }
    .h-\[199px\] {
        height: 199px
    }
    .h-\[200px\] {
        height: 200px
    }
    .h-\[209px\] {
        height: 209px
    }
    .h-\[228px\] {
        height: 228px
    }
    .h-\[250px\] {
        height: 250px
    }
    .h-\[301px\] {
        height: 301px
    }
    .h-\[337px\] {
        height: 337px
    }
    .h-\[350px\] {
        height: 350px
    }
    .h-\[358px\] {
        height: 358px
    }
    .h-\[367px\] {
        height: 367px
    }
    .h-\[370px\] {
        height: 370px
    }
    .h-\[380px\] {
        height: 380px
    }
    .h-\[400px\] {
        height: 400px
    }
    .h-\[404px\] {
        height: 404px
    }
    .h-\[440px\] {
        height: 440px
    }
    .h-\[460px\] {
        height: 460px
    }
    .h-\[465px\] {
        height: 465px
    }
    .h-\[480px\] {
        height: 480px
    }
    .h-\[500px\] {
        height: 500px
    }
    .h-\[546px\] {
        height: 546px
    }
    .h-\[550px\] {
        height: 550px
    }
    .h-\[577px\] {
        height: 577px
    }
    .h-\[580px\] {
        height: 580px
    }
    .h-\[581px\] {
        height: 581px
    }
    .h-\[630px\] {
        height: 630px
    }
    .h-\[637px\] {
        height: 637px
    }
    .h-\[665px\] {
        height: 665px
    }
    .h-\[670px\] {
        height: 670px
    }
    .h-\[692px\] {
        height: 692px
    }
    .h-\[693px\] {
        height: 693px
    }
    .h-\[700px\] {
        height: 700px
    }
    .h-\[720px\] {
        height: 720px
    }
    .h-\[755px\] {
        height: 755px
    }
    .h-\[811px\] {
        height: 811px
    }
    .h-\[825px\] {
        height: 825px
    }
    .h-\[826px\] {
        height: 826px
    }
    .h-auto {
        height: auto
    }
    .h-fit {
        height: fit-content
    }
    .h-full {
        height: 100%
    }
    .h-screen {
        height: 100vh
    }
    .max-h-0 {
        max-height: calc(var(--spacing)*0)
    }
    .max-h-\[210px\] {
        max-height: 210px
    }
    .max-h-\[610px\] {
        max-height: 610px
    }
    .min-h-\[138px\] {
        min-height: 138px
    }
    .\!w-full {
        width: 100% !important
    }
    .w-1\/2 {
        width: 50%
    }
    .w-5 {
        width: calc(var(--spacing)*5)
    }
    .w-20 {
        width: calc(var(--spacing)*20)
    }
    .w-\[22px\] {
        width: 22px
    }
    .w-\[40px\] {
        width: 40px
    }
    .w-\[60px\] {
        width: 60px
    }
    .w-\[63px\] {
        width: 63px
    }
    .w-\[96px\] {
        width: 96px
    }
    .w-\[100px\] {
        width: 100px
    }
    .w-\[107px\] {
        width: 107px
    }
    .w-\[109px\] {
        width: 109px
    }
    .w-\[123px\] {
        width: 123px
    }
    .w-\[130px\] {
        width: 130px
    }
    .w-\[168px\] {
        width: 168px
    }
    .w-\[184px\] {
        width: 184px
    }
    .w-\[200px\] {
        width: 200px
    }
    .w-\[220px\] {
        width: 220px
    }
    .w-\[231px\] {
        width: 231px
    }
    .w-\[337px\] {
        width: 337px
    }
    .w-\[343px\] {
        width: 343px
    }
    .w-\[350px\] {
        width: 350px
    }
    .w-\[360px\] {
        width: 360px
    }
    .w-\[375px\] {
        width: 375px
    }
    .w-\[390px\] {
        width: 390px
    }
    .w-\[400px\] {
        width: 400px
    }
    .w-\[500px\] {
        width: 500px
    }
    .w-\[569px\] {
        width: 569px
    }
    .w-\[600px\] {
        width: 600px
    }
    .w-\[640px\] {
        width: 640px
    }
    .w-\[659px\] {
        width: 659px
    }
    .w-\[660px\] {
        width: 660px
    }
    .w-\[700px\] {
        width: 700px
    }
    .w-\[704px\] {
        width: 704px
    }
    .w-\[940px\] {
        width: 940px
    }
    .w-\[1025px\] {
        width: 1025px
    }
    .w-auto {
        width: auto
    }
    .w-fit {
        width: fit-content
    }
    .w-full {
        width: 100%
    }
    .w-screen {
        width: 100vw
    }
    .max-w-\[190px\] {
        max-width: 190px
    }
    .max-w-\[225px\] {
        max-width: 225px
    }
    .max-w-\[230px\] {
        max-width: 230px
    }
    .max-w-\[253px\] {
        max-width: 253px
    }
    .max-w-\[288px\] {
        max-width: 288px
    }
    .max-w-\[320px\] {
        max-width: 320px
    }
    .max-w-\[329px\] {
        max-width: 329px
    }
    .max-w-\[336px\] {
        max-width: 336px
    }
    .max-w-\[343px\] {
        max-width: 343px
    }
    .max-w-\[360px\] {
        max-width: 360px
    }
    .max-w-\[380px\] {
        max-width: 380px
    }
    .max-w-\[392px\] {
        max-width: 392px
    }
    .max-w-\[400px\] {
        max-width: 400px
    }
    .max-w-\[410px\] {
        max-width: 410px
    }
    .max-w-\[411px\] {
        max-width: 411px
    }
    .max-w-\[480px\] {
        max-width: 480px
    }
    .max-w-\[496px\] {
        max-width: 496px
    }
    .max-w-\[578px\] {
        max-width: 578px
    }
    .max-w-\[600px\] {
        max-width: 600px
    }
    .max-w-\[606px\] {
        max-width: 606px
    }
    .max-w-\[612px\] {
        max-width: 612px
    }
    .max-w-\[1048px\] {
        max-width: 1048px
    }
    .max-w-\[1440px\] {
        max-width: 1440px
    }
    .max-w-full {
        max-width: 100%
    }
    .max-w-md {
        max-width: var(--container-md)
    }
    .min-w-full {
        min-width: 100%
    }
    .flex-shrink-0,
    .shrink-0 {
        flex-shrink: 0
    }
    .translate-x-\[100\%\] {
        --tw-translate-x: 100%;
        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)
    }
    .translate-y-full {
        --tw-translate-y: 100%;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }
    .scale-08 {
        scale: 0.8;
    }
    .scale-75 {
        --tw-scale-x: 75%;
        --tw-scale-y: 75%;
        --tw-scale-z: 75%;
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }
    .scale-400 {
        --tw-scale-x: 400%;
        --tw-scale-y: 400%;
        --tw-scale-z: 400%;
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }
    .scale-x-125 {
        --tw-scale-x: 125%;
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }
    .scale-y-\[3\] {
        --tw-scale-y: 3;
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }
    .scale-\[1\.01\] {
        scale: 1.01
    }
    .scale-\[1\.2\] {
        scale: 1.2
    }
    .scale-\[1\.04\] {
        scale: 1.04
    }
    .scale-\[1\.15\] {
        scale: 1.15
    }
    .-rotate-60 {
        rotate: -60deg
    }
    .rotate-180 {
        rotate: 180deg
    }
    .rotate-\[-0\.521deg\] {
        rotate: -.521deg
    }
    .rotate-\[48deg\] {
        rotate: 48deg
    }
    .transform {
        transform: var(--tw-rotate-x, )var(--tw-rotate-y, )var(--tw-rotate-z, )var(--tw-skew-x, )var(--tw-skew-y, )
    }
    .cursor-pointer {
        cursor: pointer
    }
    .resize {
        resize: both
    }
    .list-disc {
        list-style-type: disc
    }
    .grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }
    .grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
    .grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
    .grid-cols-\[1fr_80px_80px\] {
        grid-template-columns: 1fr 80px 80px
    }
    .grid-cols-\[1fr_96px_96px\] {
        grid-template-columns: 1fr 96px 96px
    }
    .\!flex-col {
        flex-direction: column !important
    }
    .flex-col {
        flex-direction: column
    }
    .flex-col-reverse {
        flex-direction: column-reverse
    }
    .flex-wrap {
        flex-wrap: wrap
    }
    .items-center {
        align-items: center
    }
    .items-start {
        align-items: flex-start
    }
    .justify-around {
        justify-content: space-around
    }
    .justify-between {
        justify-content: space-between
    }
    .justify-center {
        justify-content: center
    }
    .justify-end {
        justify-content: flex-end
    }
    .justify-start {
        justify-content: flex-start
    }
    .\!gap-6 {
        gap: calc(var(--spacing)*6) !important
    }
    .gap-1 {
        gap: calc(var(--spacing)*1)
    }
    .gap-1\.5 {
        gap: calc(var(--spacing)*1.5)
    }
    .gap-2 {
        gap: calc(var(--spacing)*2)
    }
    .gap-2\.5 {
        gap: calc(var(--spacing)*2.5)
    }
    .gap-3 {
        gap: calc(var(--spacing)*3)
    }
    .gap-3\.5 {
        gap: calc(var(--spacing)*3.5)
    }
    .gap-4 {
        gap: calc(var(--spacing)*4)
    }
    .gap-5 {
        gap: calc(var(--spacing)*5)
    }
    .gap-6 {
        gap: calc(var(--spacing)*6)
    }
    .gap-8 {
        gap: calc(var(--spacing)*8)
    }
    .gap-10 {
        gap: calc(var(--spacing)*10)
    }
    .gap-16 {
        gap: calc(var(--spacing)*16)
    }
    .gap-20 {
        gap: calc(var(--spacing)*20)
    }
    .gap-\[10px\] {
        gap: 10px
    }
    .gap-\[11px\] {
        gap: 11px
    }
    .gap-\[18px\] {
        gap: 18px
    }
    .gap-\[104px\] {
        gap: 104px
    }
     :where(.space-y-2>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))
    }
    .gap-x-4 {
        column-gap: calc(var(--spacing)*4)
    }
    .gap-x-6 {
        column-gap: calc(var(--spacing)*6)
    }
    .gap-y-1 {
        row-gap: calc(var(--spacing)*1)
    }
    .gap-y-2 {
        row-gap: calc(var(--spacing)*2)
    }
    .gap-y-6 {
        row-gap: calc(var(--spacing)*6)
    }
    .gap-y-8 {
        row-gap: calc(var(--spacing)*8)
    }
    .gap-y-10 {
        row-gap: calc(var(--spacing)*10)
    }
    .gap-y-20 {
        row-gap: calc(var(--spacing)*20)
    }
    .gap-y-\[420px\] {
        row-gap: 420px
    }
    .self-end {
        align-self: flex-end
    }
    .self-start {
        align-self: flex-start
    }
    .justify-self-start {
        justify-self: flex-start
    }
    .truncate {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden
    }
    .overflow-hidden {
        overflow: hidden
    }
    .overflow-auto {
        overflow: auto
    }
    .rounded-2xl {
        border-radius: var(--radius-2xl)
    }
    .rounded-\[5px\] {
        border-radius: 5px
    }
    .rounded-\[10px\] {
        border-radius: 10px
    }
    .rounded-\[20px\] {
        border-radius: 20px
    }
    .rounded-\[50px\] {
        border-radius: 50px
    }
    .rounded-\[inherit\] {
        border-radius: inherit
    }
    .rounded-full {
        border-radius: 3.40282e38px
    }
    .rounded-lg {
        border-radius: var(--radius-lg)
    }
    .rounded-md {
        border-radius: var(--radius-md)
    }
    .rounded-xl {
        border-radius: var(--radius-xl)
    }
    .rounded-t-\[10px\] {
        border-top-left-radius: 10px;
        border-top-right-radius: 10px
    }
    .rounded-t-lg {
        border-top-left-radius: var(--radius-lg);
        border-top-right-radius: var(--radius-lg)
    }
    .rounded-l-lg {
        border-top-left-radius: var(--radius-lg);
        border-bottom-left-radius: var(--radius-lg)
    }
    .rounded-r-lg {
        border-top-right-radius: var(--radius-lg);
        border-bottom-right-radius: var(--radius-lg)
    }
    .rounded-b-\[10px\] {
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px
    }
    .rounded-b-lg {
        border-bottom-right-radius: var(--radius-lg);
        border-bottom-left-radius: var(--radius-lg)
    }
    .border {
        border-style: var(--tw-border-style);
        border-width: 1px
    }
    .border-0 {
        border-style: var(--tw-border-style);
        border-width: 0
    }
    .border-2 {
        border-style: var(--tw-border-style);
        border-width: 2px
    }
    .border-x {
        border-inline-style: var(--tw-border-style);
        border-inline-width: 1px
    }
    .border-t {
        border-top-style: var(--tw-border-style);
        border-top-width: 1px
    }
    .border-b {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px
    }
    .border-b-4 {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 4px
    }
    .border-l {
        border-left-style: var(--tw-border-style);
        border-left-width: 1px
    }
    .border-none {
        --tw-border-style: none;
        border-style: none
    }
    .border-\[\#0D0D0D\] {
        border-color: #0d0d0d
    }
    .border-\[\#1F1F1F\] {
        border-color: #1f1f1f
    }
    .border-\[\#333\] {
        border-color: #333
    }
    .border-\[\#747474\] {
        border-color: #747474
    }
    .border-\[\#B0B0B0\] {
        border-color: #b0b0b0
    }
    .border-\[\#BEBEBE\] {
        border-color: #bebebe
    }
    .border-\[\#D0D5DD\] {
        border-color: #d0d5dd
    }
    .border-\[\#D7D7D7\] {
        border-color: #d7d7d7
    }
    .border-\[\#E1E4ED\] {
        border-color: #e1e4ed
    }
    .border-\[\#FAFAFA\] {
        border-color: #fafafa
    }
    .border-\[rgba\(\87\, \177\, \255\, \0\.\00\)\] {
        border-color: #57b1ff00
    }
    .border-black {
        border-color: var(--color-black)
    }
    .border-gray-200 {
        border-color: var(--color-gray-200)
    }
    .border-primary-dark {
        border-color: var(--color-primary-dark)
    }
    .border-primary-light\/60 {
        border-color: #ffac8899
    }
    @supports (color:color-mix(in lab, red, red)) {
        .border-primary-light\/60 {
            border-color: color-mix(in oklab, var(--color-primary-light)60%, transparent)
        }
    }
    .border-primary-pure {
        border-color: var(--color-primary-pure)
    }
    .bg-\[\#0D0D0D50\] {
        background-color: #0d0d0d50
    }
    .bg-\[\#0D0D0D\] {
        background-color: #0d0d0d
    }
    .bg-\[\#000000\] {
        background-color: #000
    }
    .bg-\[\#1F1F1F\] {
        background-color: #1f1f1f
    }
    .bg-\[\#2F2F2F\] {
        background-color: #2f2f2f
    }
    .bg-\[\#8C8C8C\] {
        background-color: #8c8c8c
    }
    .bg-\[\#25D366\] {
        background-color: #25d366
    }
    .bg-\[\#009688\] {
        background-color: #009688
    }
    .bg-\[\#D7D7D7\] {
        background-color: #d7d7d7
    }
    .bg-\[\#E5E1DC50\] {
        background-color: #e5e1dc50
    }
    .bg-\[\#E7E7E7\] {
        background-color: #e7e7e7
    }
    .bg-\[\#F2F2F2\] {
        background-color: #f2f2f2
    }
    .bg-\[\#FAFAFA\] {
        background-color: #fafafa
    }
    .bg-\[\#EAE6DF\] {
        background-color: #EAE6DF
    }
    .bg-\[\#FFF\],
    .bg-\[\#fff\] {
        background-color: #fff
    }
    .bg-\[rgba\(\31\, \31\, \31\, \0\.\50\)\] {
        background-color: #1f1f1f80
    }
    .bg-black {
        background-color: var(--color-black)
    }
    .bg-black\/75 {
        background-color: #0a0a0abf
    }
    @supports (color:color-mix(in lab, red, red)) {
        .bg-black\/75 {
            background-color: color-mix(in oklab, var(--color-black)75%, transparent)
        }
    }
    .bg-primary-dark {
        background-color: var(--color-primary-dark)
    }
    .bg-primary-dark\/20 {
        background-color: #e84f1f33
    }
    @supports (color:color-mix(in lab, red, red)) {
        .bg-primary-dark\/20 {
            background-color: color-mix(in oklab, var(--color-primary-dark)20%, transparent)
        }
    }
    .bg-primary-pure {
        background-color: var(--color-primary-pure)
    }
    .bg-primary-pure\/5 {
        background-color: #fd74490d
    }
    @supports (color:color-mix(in lab, red, red)) {
        .bg-primary-pure\/5 {
            background-color: color-mix(in oklab, var(--color-primary-pure)5%, transparent)
        }
    }
    .bg-primary-pure\/10 {
        background-color: #fd74491a
    }
    @supports (color:color-mix(in lab, red, red)) {
        .bg-primary-pure\/10 {
            background-color: color-mix(in oklab, var(--color-primary-pure)10%, transparent)
        }
    }
    .bg-transparent {
        background-color: #0000
    }
    .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-gradient-to-l {
        --tw-gradient-position: to left in oklab;
        background-image: linear-gradient(var(--tw-gradient-stops))
    }
    .bg-gradient-to-r {
        --tw-gradient-position: to right in oklab;
        background-image: linear-gradient(var(--tw-gradient-stops))
    }
    .bg-gradient-to-t {
        --tw-gradient-position: to top in oklab;
        background-image: linear-gradient(var(--tw-gradient-stops))
    }
    .bg-\[linear-gradient\(0deg\, \#FFAC88_-33\.58\%\, \#E84F1F_29\.22\%\)\] {
        background-image: linear-gradient(#e84f1f 70.78%, #ffac88 133.58%)
    }
    .bg-\[linear-gradient\(11deg\, rgba\(\253\, \116\, \73\, \0\.\75\)\-\147\.\38\%\, rgba\(\13\, \13\, \13\, \0\.\00\)\50\%\)\] {
        background-image: linear-gradient(11deg, #fd7449bf -147.38%, #0d0d0d00 50%)
    }
    .bg-\[linear-gradient\(180deg\, \#F2F2F2\+0\%\, \#D7D7D7_100\%\)\] {
        background-image: linear-gradient(#f2f2f2 0%, #d7d7d7 100%)
    }
    .bg-\[linear-gradient\(180deg\, rgba\(\0\, \0\, \0\, \0\.\70\)\-\152\.\86\%\, rgba\(\0\, \0\, \0\, \0\.\95\)\101\.\05\%\)\] {
        background-image: linear-gradient(#000000b3 -152.86%, #000000f2 101.05%)
    }
    .bg-\[linear-gradient\(180deg\, rgba\(\250\, \250\, \250\,\0\.\15\)\0\%\, rgba\(\250\, \250\, \250\, \0\.\04\)\100\%\)\] {
        background-image: linear-gradient(#fafafa26 0%, #fafafa0a 100%)
    }
    .bg-\[url\(\'\.\.\/images\/banner-case-1\.png\'\)\] {
 background-image: url(../images/banner-case-1.png)
}

.bg-\[url\(\'\.\.\/images\/banner-gradient-from-black-to-primary\.svg\'\)\] {
 background-image: url(../images/banner-gradient-from-black-to-primary.svg)
}
.bg-\[url\(\'\.\.\/images\/banner-hero-internal-case-mobile\.png\'\)\] {
 background-image: url(../images/banner-hero-internal-case-mobile.png)
}
.bg-\[url\(\'\.\.\/images\/banner-infrastructure-4\.png\'\)\] {
 background-image: url(../images/banner-infrastructure-4.png)
}
.bg-\[url\(\'\.\.\/images\/bg-footer-desktop\.svg\'\)\] {
 background-image: url(../images/bg-footer-desktop.svg)
}
.bg-\[url\(\'\.\.\/images\/bg-gradient-primary-leftbottom-and-righttop\.svg\'\)\] {
 background-image: url(../images/bg-gradient-primary-leftbottom-and-righttop.svg)
}
.bg-\[url\(\'\.\.\/images\/bg-hero-cases-page-desktop\.svg\'\)\] {
 background-image: url(../images/bg-hero-cases-page-desktop.svg)
}
.bg-\[url\(\'\.\.\/images\/bg-side-form-gradient-primary-mobile\.svg\'\)\] {
 background-image: url(../images/bg-side-form-gradient-primary-mobile.svg)
}
.bg-\[url\(\'\.\.\/images\/blonde-woman-with-tablet-and-primary-decoration-bar-mobile\.webp\'\)\] {
 background-image: url(../images/blonde-woman-with-tablet-and-primary-decoration-bar-mobile.webp)
}
.bg-\[url\(\'\.\.\/images\/brand-A-gradient\.svg\'\)\] {
 background-image: url(../images/brand-A-gradient.svg)
}
.bg-\[url\(\'\.\.\/images\/brand-A-white\.svg\'\)\] {
 background-image: url(../images/brand-A-white.svg)
}
.bg-\[url\(\'\.\.\/images\/brand-A\.svg\'\)\] {
 background-image: url(../images/brand-A.svg)
}
.bg-\[url\(\'\.\.\/images\/decoration-gradient-primary\.svg\'\)\] {
 background-image: url(../images/decoration-gradient-primary.svg)
}
.bg-\[url\(\'\.\.\/images\/decoration-left-hero-home-gradient-primary\.svg\'\)\] {
 background-image: url(../images/decoration-left-hero-home-gradient-primary.svg)
}
.bg-\[url\(\'\.\.\/images\/group-of-people\.png\'\)\] {
 background-image: url(../images/group-of-people.png)
}
.bg-\[url\(\'\.\.\/images\/icons\/person-whatsapp\.svg\'\)\] {
 background-image: url(../images/icons/person-whatsapp.svg)
}
.bg-\[url\(\'\.\.\/images\/icons\/phone-whatsapp\.svg\'\)\] {
 background-image: url(../images/icons/phone-whatsapp.svg)
}
.bg-\[url\(\'\.\.\/images\/icons\/search-black\.svg\'\)\] {
 background-image: url(../images/icons/search-black.svg)
}
.bg-\[url\(\'\.\.\/images\/logos\/logo-GIT\.png\'\)\] {
 background-image: url(../images/logos/logo-GIT.png)
}
.bg-\[url\(\'\.\.\/images\/man-smiling-while-use-smartphone-on-sofa\.png\'\)\] {
 background-image: url(../images/man-smiling-while-use-smartphone-on-sofa.png)
}
.bg-\[url\(\'\.\.\/images\/man-with-beard-and-decoration-A-desktop\.png\'\)\] {
 background-image: url(../images/man-with-beard-and-decoration-A-desktop.png)
}
.bg-\[url\(\'\.\.\/images\/man-with-beard-and-decoration-A-mobile\.png\'\)\] {
 background-image: url(../images/man-with-beard-and-decoration-A-mobile.png)
}
.from-\[\#0D0D0D20\] {
    --tw-gradient-from: #0d0d0d20;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
}
.from-\[\#0D0D0D\] {
    --tw-gradient-from: #0d0d0d;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
}
.from-\[\#0d0d0d00\] {
    --tw-gradient-from: #0d0d0d00;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
}
.from-primary-dark {
    --tw-gradient-from: var(--color-primary-dark);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
}
.from-primary-light {
    --tw-gradient-from: var(--color-primary-light);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
}
.from-transparent {
    --tw-gradient-from: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
}
.via-\[\#0D0D0D\] {
    --tw-gradient-via: #0d0d0d;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-via)var(--tw-gradient-via-position), var(--tw-gradient-to)var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops)
}
.via-primary-pure\/30 {
    --tw-gradient-via: #fd74494d
}
@supports (color:color-mix(in lab, red, red)) {
    .via-primary-pure\/30 {
        --tw-gradient-via: color-mix(in oklab, var(--color-primary-pure)30%, transparent)
    }
}
.via-primary-pure\/30 {
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-via)var(--tw-gradient-via-position), var(--tw-gradient-to)var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops)
}
.to-\[\#0D0D0D\] {
    --tw-gradient-to: #0d0d0d;
    --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-\[\#333\] {
    --tw-gradient-to: #333;
    --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-\[\#190600\] {
    --tw-gradient-to: #190600;
    --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-black\/80 {
    --tw-gradient-to: #0a0a0acc
}
@supports (color:color-mix(in lab, red, red)) {
    .to-black\/80 {
        --tw-gradient-to: color-mix(in oklab, var(--color-black)80%, transparent)
    }
}
.to-black\/80 {
    --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-primary-dark {
    --tw-gradient-to: var(--color-primary-dark);
    --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-primary-light {
    --tw-gradient-to: var(--color-primary-light);
    --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-primary-pure {
    --tw-gradient-to: var(--color-primary-pure);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
}
.to-transparent {
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
}
.mask-t-to-95\% {
    -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
    -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
    mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
    --tw-mask-linear: var(--tw-mask-left), var(--tw-mask-right), var(--tw-mask-bottom), var(--tw-mask-top);
    --tw-mask-top: linear-gradient(to top, var(--tw-mask-top-from-color)var(--tw-mask-top-from-position), var(--tw-mask-top-to-color)var(--tw-mask-top-to-position));
    --tw-mask-top-to-position: 95%;
    -webkit-mask-composite: source-in;
    -webkit-mask-composite: source-in;
    mask-composite: intersect
}
.mask-r-to-70\% {
    -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
    -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
    mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
    --tw-mask-linear: var(--tw-mask-left), var(--tw-mask-right), var(--tw-mask-bottom), var(--tw-mask-top);
    --tw-mask-right: linear-gradient(to right, var(--tw-mask-right-from-color)var(--tw-mask-right-from-position), var(--tw-mask-right-to-color)var(--tw-mask-right-to-position));
    --tw-mask-right-to-position: 70%;
    -webkit-mask-composite: source-in;
    -webkit-mask-composite: source-in;
    mask-composite: intersect
}
.mask-b-from-30\% {
    -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
    -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
    mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
    --tw-mask-linear: var(--tw-mask-left), var(--tw-mask-right), var(--tw-mask-bottom), var(--tw-mask-top);
    --tw-mask-bottom: linear-gradient(to bottom, var(--tw-mask-bottom-from-color)var(--tw-mask-bottom-from-position), var(--tw-mask-bottom-to-color)var(--tw-mask-bottom-to-position));
    --tw-mask-bottom-from-position: 30%;
    -webkit-mask-composite: source-in;
    -webkit-mask-composite: source-in;
    mask-composite: intersect
}
.mask-b-to-65\% {
    -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
    -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
    mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
    --tw-mask-linear: var(--tw-mask-left), var(--tw-mask-right), var(--tw-mask-bottom), var(--tw-mask-top);
    --tw-mask-bottom: linear-gradient(to bottom, var(--tw-mask-bottom-from-color)var(--tw-mask-bottom-from-position), var(--tw-mask-bottom-to-color)var(--tw-mask-bottom-to-position));
    --tw-mask-bottom-to-position: 65%;
    -webkit-mask-composite: source-in;
    -webkit-mask-composite: source-in;
    mask-composite: intersect
}
.bg-contain {
    background-size: contain
}
.bg-cover {
    background-size: cover
}
.bg-\[78\%\] {
    background-position: 78%
}
.bg-\[90\%_30\%\] {
    background-position: 90% 30%
}
.bg-\[center_15\%\] {
    background-position: 50% 15%
}
.bg-\[center_30\%\] {
    background-position: 50% 30%
}
.bg-center {
    background-position: 50%
}
.bg-right {
    background-position: 100%
}
.bg-no-repeat {
    background-repeat: no-repeat
}
.object-cover {
    object-fit: cover
}
.object-contain {
    object-fit: contain
}
.object-\[80\%_0\%\] {
    object-position: 80% 0%
}
.object-center {
    object-position: center
}
.object-left {
    object-position: left
}
.object-left-top {
    object-position: left top
}
.object-right-bottom {
    object-position: right bottom
}
.object-right-top {
    object-position: right top
}
.object-top {
    object-position: top
}
.\!p-0 {
    padding: calc(var(--spacing)*0) !important
}
.p-2 {
    padding: calc(var(--spacing)*2)
}
.p-3 {
    padding: calc(var(--spacing)*3)
}
.p-4 {
    padding: calc(var(--spacing)*4)
}
.p-6 {
    padding: calc(var(--spacing)*6)
}
.p-\[1px\] {
    padding: 1px
}
.p-\[17\.4px\] {
    padding: 17.4px
}
.px-2 {
    padding-inline: calc(var(--spacing)*2)
}
.px-3 {
    padding-inline: calc(var(--spacing)*3)
}
.px-4 {
    padding-inline: calc(var(--spacing)*4)
}
.px-6 {
    padding-inline: calc(var(--spacing)*6)
}
.px-8 {
    padding-inline: calc(var(--spacing)*8)
}
.py-1 {
    padding-block: calc(var(--spacing)*1)
}
.py-2 {
    padding-block: calc(var(--spacing)*2)
}
.py-2\.5 {
    padding-block: calc(var(--spacing)*2.5)
}
.py-3 {
    padding-block: calc(var(--spacing)*3)
}
.py-4 {
    padding-block: calc(var(--spacing)*4)
}
.py-5 {
    padding-block: calc(var(--spacing)*5)
}
.py-6 {
    padding-block: calc(var(--spacing)*6)
}
.py-8 {
    padding-block: calc(var(--spacing)*8)
}
.py-10 {
    padding-block: calc(var(--spacing)*10)
}
.py-16 {
    padding-block: calc(var(--spacing)*16)
}
.py-\[11px\] {
    padding-block: 11px
}
.py-\[5px\] {
    padding-block: 5px
}
.py-\[42px\] {
    padding-block: 42px
}
.pt-4 {
    padding-top: calc(var(--spacing)*4)
}
.pt-6 {
    padding-top: calc(var(--spacing)*6)
}
.pt-10 {
    padding-top: calc(var(--spacing)*10)
}
.pt-20 {
    padding-top: calc(var(--spacing)*20)
}
.pt-\[11px\] {
    padding-top: 11px
}
.pt-\[41px\] {
    padding-top: 41px
}
.pt-\[72px\] {
    padding-top: 72px
}
.pt-\[83px\] {
    padding-top: 83px
}
.pt-\[90px\] {
    padding-top: 90px
}
.pt-\[108px\] {
    padding-top: 108px
}
.pt-\[140px\] {
    padding-top: 140px
}
.pt-\[250px\] {
    padding-top: 250px
}
.pt-\[325px\] {
    padding-top: 325px
}
.pt-\[429px\] {
    padding-top: 429px
}
.pr-2\.5 {
    padding-right: calc(var(--spacing)*2.5)
}
.pr-10 {
    padding-right: calc(var(--spacing)*10)
}
.pr-12 {
    padding-right: calc(var(--spacing)*12)
}
.\!pb-10 {
    padding-bottom: calc(var(--spacing)*10) !important
}
.pb-4 {
    padding-bottom: calc(var(--spacing)*4)
}
.pb-8 {
    padding-bottom: calc(var(--spacing)*8)
}
.pb-10 {
    padding-bottom: calc(var(--spacing)*10)
}
.pb-11 {
    padding-bottom: calc(var(--spacing)*11)
}
.pb-16 {
    padding-bottom: calc(var(--spacing)*16)
}
.pb-20 {
    padding-bottom: calc(var(--spacing)*20)
}
.pb-24 {
    padding-bottom: calc(var(--spacing)*24)
}
.pb-\[27px\] {
    padding-bottom: 27px
}
.pb-\[215px\] {
    padding-bottom: 215px
}
.pb-\[220px\] {
    padding-bottom: 220px
}
.pl-2 {
    padding-left: calc(var(--spacing)*2)
}
.pl-4 {
    padding-left: calc(var(--spacing)*4)
}
.pl-6 {
    padding-left: calc(var(--spacing)*6)
}
.pl-12 {
    padding-left: calc(var(--spacing)*12)
}
.pl-\[18px\] {
    padding-left: 18px
}
.pl-\[51px\] {
    padding-left: 51px
}
.text-center {
    text-align: center
}
.text-left {
    text-align: left
}
.text-right {
    text-align: right
}
.font-inter {
    font-family: var(--font-inter)
}
.font-montserrat {
    font-family: var(--font-montserrat)
}
.\!text-sm {
    font-size: var(--text-sm) !important;
    line-height: var(--tw-leading, var(--text-sm--line-height)) !important
}
.text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height))
}
.text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height))
}
.text-4xl {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height))
}
.text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height))
}
.text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height))
}
.text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height))
}
.text-\[9px\] {
    font-size: 9px
}
.text-\[10px\] {
    font-size: 10px
}
.text-\[20px\] {
    font-size: 20px
}
.text-\[21px\] {
    font-size: 21px
}
.text-\[23px\] {
    font-size: 23px
}
.text-\[26px\] {
    font-size: 26px
}
.text-\[32px\] {
    font-size: 32px
}
.text-\[40px\] {
    font-size: 40px
}
.text-64px {
    font-size: 64px
}
.leading-5\.5 {
    --tw-leading: calc(var(--spacing)*5.5);
    line-height: calc(var(--spacing)*5.5)
}
.leading-8 {
    --tw-leading: calc(var(--spacing)*8);
    line-height: calc(var(--spacing)*8)
}
.leading-\[1\] {
    --tw-leading: 1;
    line-height: 1
}
.leading-\[24px\] {
    --tw-leading: 24px;
    line-height: 24px
}
.leading-\[28px\] {
    --tw-leading: 28px;
    line-height: 28px
}
.leading-\[30px\] {
    --tw-leading: 30px;
    line-height: 30px
}
.leading-\[36px\] {
    --tw-leading: 36px;
    line-height: 36px
}
.leading-\[49px\] {
    --tw-leading: 49px;
    line-height: 49px
}
.leading-\[100\%\] {
    --tw-leading: 100%;
    line-height: 100%
}
.leading-\[120\%\] {
    --tw-leading: 120%;
    line-height: 120%
}
.leading-\[125\%\] {
    --tw-leading: 125%;
    line-height: 125%
}
.leading-\[130\%\] {
    --tw-leading: 130%;
    line-height: 130%
}
.leading-\[135\%\] {
    --tw-leading: 135%;
    line-height: 135%
}
.leading-\[140\%\] {
    --tw-leading: 140%;
    line-height: 140%
}
.leading-\[150\%\] {
    --tw-leading: 150%;
    line-height: 150%
}
.leading-none {
    --tw-leading: 1;
    line-height: 1
}
.\!font-semibold {
    --tw-font-weight: var(--font-weight-semibold) !important;
    font-weight: var(--font-weight-semibold) !important
}
.font-black {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black)
}
.font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold)
}
.font-extralight {
    --tw-font-weight: var(--font-weight-extralight);
    font-weight: var(--font-weight-extralight)
}
.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-\[1\.4px\] {
    --tw-tracking: 1.4px;
    letter-spacing: 1.4px
}
.tracking-\[1\.92px\] {
    --tw-tracking: 1.92px;
    letter-spacing: 1.92px
}
.tracking-\[2\.4px\] {
    --tw-tracking: 2.4px;
    letter-spacing: 2.4px
}
.tracking-\[2\.24px\] {
    --tw-tracking: 2.24px;
    letter-spacing: 2.24px
}
.tracking-\[2px\] {
    --tw-tracking: 2px;
    letter-spacing: 2px
}
.tracking-\[3\.2px\] {
    --tw-tracking: 3.2px;
    letter-spacing: 3.2px
}
.tracking-\[3\.6px\] {
    --tw-tracking: 3.6px;
    letter-spacing: 3.6px
}
.tracking-\[4\.2px\] {
    --tw-tracking: 4.2px;
    letter-spacing: 4.2px
}
.tracking-\[5\.4px\] {
    --tw-tracking: 5.4px;
    letter-spacing: 5.4px
}
.whitespace-nowrap {
    white-space: nowrap
}
.\!text-primary-pure {
    color: var(--color-primary-pure) !important
}
.text-\[\#0D0D0D\] {
    color: #0d0d0d
}
.text-\[\#4F4F4F\] {
    color: #4f4f4f
}
.text-\[\#2F2F2F\] {
    color: #2f2f2f
}
.text-\[\#5D5D5D\] {
    color: #5d5d5d
}
.text-\[\#8C8C8C\] {
    color: #8c8c8c
}
.text-\[\#333\] {
    color: #333
}
.text-\[\#454545\] {
    color: #454545
}
.text-\[\#475467\] {
    color: #475467
}
.text-\[\#747474\] {
    color: #747474
}
.text-\[\#A4A4A4\] {
    color: #a4a4a4
}
.text-\[\#BEBEBE\] {
    color: #bebebe
}
.text-\[\#D7D7D7\] {
    color: #d7d7d7
}
.text-\[\#E0EAF4\] {
    color: #e0eaf4
}
.text-\[\#EAECF0\] {
    color: #eaecf0
}
.text-\[\#F2F2F2\] {
    color: #f2f2f2
}
.text-\[\#F2F4F7\] {
    color: #f2f4f7
}
.text-\[\#F6F6F6\] {
    color: #f6f6f6
}
.text-\[\#FAFAFA\] {
    color: #fafafa
}
.text-\[\#FFF\] {
    color: #fff
}
.text-black {
    color: var(--color-black)
}
.text-gray-100 {
    color: var(--color-gray-100)
}
.text-gray-500 {
    color: var(--color-gray-500)
}
.text-primary-light {
    color: var(--color-primary-light)
}
.text-primary-pure {
    color: var(--color-primary-pure)
}
.text-red-500 {
    color: var(--color-red-500)
}
.text-white {
    color: var(--color-white)
}
.\!uppercase {
    text-transform: uppercase !important
}
.uppercase {
    text-transform: uppercase
}
.italic {
    font-style: italic
}
.\!opacity-100 {
    opacity: 1 !important
}
.opacity-0 {
    opacity: 0
}
.opacity-5 {
    opacity: .05
}
.opacity-10 {
    opacity: .1
}
.opacity-15 {
    opacity: .15
}
.opacity-20 {
    opacity: .2
}
.opacity-25 {
    opacity: .25
}
.opacity-30 {
    opacity: .3
}
.opacity-40 {
    opacity: .4
}
.opacity-50 {
    opacity: .5
}
.opacity-60 {
    opacity: .6
}
.opacity-70 {
    opacity: .7
}
.opacity-80 {
    opacity: .8
}
.opacity-90 {
    opacity: .9
}
.opacity-100 {
    opacity: 1
}
.mix-blend-overlay {
    mix-blend-mode: overlay
}
.mix-blend-soft-light {
    mix-blend-mode: soft-light
}
.shadow-\[0_0_40px_-5px_rgba\(232\, \79\, \31\, \0\.\25\)\] {
    --tw-shadow: 0 0 40px -5px var(--tw-shadow-color, #e84f1f40);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
}
.shadow-\[0_4px_8px_0_rgba\(\0\, \0\, \0\, \0\.\02\)\] {
    --tw-shadow: 0 4px 8px 0 var(--tw-shadow-color, #00000005);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
}
.shadow-\[0_10px_20px_0_rgba\(\0\, \0\, \0\, \0\.\10\)\] {
    --tw-shadow: 0 10px 20px 0 var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
}
.shadow-\[5px_5px_10px_0_rgba\(\232\, \79\, \31\, \0\.\15\)\] {
    --tw-shadow: 5px 5px 10px 0 var(--tw-shadow-color, #e84f1f26);
    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: 0
}
.blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
}
.blur-\[100px\] {
    --tw-blur: blur(100px);
    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, )
}
.blur-\[125px\] {
    --tw-blur: blur(125px);
    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, )
}
.blur-\[150px\] {
    --tw-blur: blur(150px);
    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, )
}
.saturate-0 {
    --tw-saturate: saturate(0%);
    filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
}
.filter {
    filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
}
.backdrop-blur-\[5px\] {
    --tw-backdrop-blur: blur(5px);
    -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-\[7\.5px\] {
    --tw-backdrop-blur: blur(7.5px);
    -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-\[7px\] {
    --tw-backdrop-blur: blur(7px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, )
}
.transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration))
}
.transition-\[max-height\] {
    transition-property: max-height;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration))
}
.transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration))
}
.transition-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: .2s;
    transition-duration: .2s
}
.duration-300 {
    --tw-duration: .3s;
    transition-duration: .3s
}
.duration-500 {
    --tw-duration: .5s;
    transition-duration: .5s
}
.ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out)
}
.will-change-transform {
    will-change: transform
}
.outline-none {
    --tw-outline-style: none;
    outline-style: none
}
.select-none {
    -webkit-user-select: none;
    user-select: none
}
@media (hover:hover) {
    .group-hover\:translate-y-0:is(:where(.group):hover *) {
        --tw-translate-y: calc(var(--spacing)*0);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }
    .group-hover\:scale-90:is(:where(.group):hover *) {
        --tw-scale-x: 90%;
        --tw-scale-y: 90%;
        --tw-scale-z: 90%;
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }
    .group-hover\:border-\[\#333\]:is(:where(.group):hover *) {
        border-color: #333
    }
    .group-hover\:border-primary-light:is(:where(.group):hover *) {
        border-color: var(--color-primary-light)
    }
    .group-hover\:bg-primary-dark\/20:is(:where(.group):hover *) {
        background-color: #e84f1f33
    }
    @supports (color:color-mix(in lab, red, red)) {
        .group-hover\:bg-primary-dark\/20:is(:where(.group):hover *) {
            background-color: color-mix(in oklab, var(--color-primary-dark)20%, transparent)
        }
    }
    .group-hover\:bg-primary-pure:is(:where(.group):hover *) {
        background-color: var(--color-primary-pure)
    }
    .group-hover\:text-primary-pure:is(:where(.group):hover *) {
        color: var(--color-primary-pure)
    }
    .group-hover\:opacity-90:is(:where(.group):hover *) {
        opacity: .9
    }
    .group-hover\:opacity-100:is(:where(.group):hover *) {
        opacity: 1
    }
}
.placeholder\:text-\[\#8C8C8C\]::placeholder {
    color: #8c8c8c
}
.placeholder\:text-\[\#A4A4A4\]::placeholder {
    color: #a4a4a4
}
.placeholder\:text-gray-500::placeholder {
    color: var(--color-gray-500)
}
.before\:pointer-events-none:before {
    content: var(--tw-content);
    pointer-events: none
}
.before\:absolute:before {
    content: var(--tw-content);
    position: absolute
}
.before\:inset-x-0:before {
    content: var(--tw-content);
    inset-inline: calc(var(--spacing)*0)
}
.before\:-top-6\.5:before {
    content: var(--tw-content);
    top: calc(var(--spacing)*-6.5)
}
.before\:-top-8:before {
    content: var(--tw-content);
    top: calc(var(--spacing)*-8)
}
.before\:bottom-1\.5:before {
    content: var(--tw-content);
    bottom: calc(var(--spacing)*1.5)
}
.before\:bottom-2\.5:before {
    content: var(--tw-content);
    bottom: calc(var(--spacing)*2.5)
}
.before\:bottom-6:before {
    content: var(--tw-content);
    bottom: calc(var(--spacing)*6)
}
.before\:bottom-\[4\.9px\]:before {
    content: var(--tw-content);
    bottom: 4.9px
}
.before\:-left-20:before {
    content: var(--tw-content);
    left: calc(var(--spacing)*-20)
}
.before\:-left-\[30px\]:before {
    content: var(--tw-content);
    left: -30px
}
.before\:-left-\[40px\]:before {
    content: var(--tw-content);
    left: -40px
}
.before\:-left-\[710px\]:before {
    content: var(--tw-content);
    left: -710px
}
.before\:-left-\[715px\]:before {
    content: var(--tw-content);
    left: -715px
}
.before\:z-\[-1\]:before {
    content: var(--tw-content);
    z-index: -1
}
.before\:z-\[1\]:before {
    content: var(--tw-content);
    z-index: 1
}
.before\:col-\[1\]:before {
    content: var(--tw-content);
    grid-column: 1
}
.before\:row-\[1\]:before {
    content: var(--tw-content);
    grid-row: 1
}
.before\:mt-0\.5:before {
    content: var(--tw-content);
    margin-top: calc(var(--spacing)*.5)
}
.before\:mt-1:before {
    content: var(--tw-content);
    margin-top: calc(var(--spacing)*1)
}
.before\:hidden:before {
    content: var(--tw-content);
    display: none
}
.before\:size-3:before {
    content: var(--tw-content);
    width: calc(var(--spacing)*3);
    height: calc(var(--spacing)*3)
}
.before\:size-4:before {
    content: var(--tw-content);
    width: calc(var(--spacing)*4);
    height: calc(var(--spacing)*4)
}
.before\:size-6:before {
    content: var(--tw-content);
    width: calc(var(--spacing)*6);
    height: calc(var(--spacing)*6)
}
.before\:size-8:before {
    content: var(--tw-content);
    width: calc(var(--spacing)*8);
    height: calc(var(--spacing)*8)
}
.before\:size-\[21\.33px\]:before {
    content: var(--tw-content);
    width: 21.33px;
    height: 21.33px
}
.before\:size-\[62px\]:before {
    content: var(--tw-content);
    width: 62px;
    height: 62px
}
.before\:h-1:before {
    content: var(--tw-content);
    height: calc(var(--spacing)*1)
}
.before\:h-2\.5:before {
    content: var(--tw-content);
    height: calc(var(--spacing)*2.5)
}
.before\:h-3:before {
    content: var(--tw-content);
    height: calc(var(--spacing)*3)
}
.before\:h-5:before {
    content: var(--tw-content);
    height: calc(var(--spacing)*5)
}
.before\:h-6\.5:before {
    content: var(--tw-content);
    height: calc(var(--spacing)*6.5)
}
.before\:h-8:before {
    content: var(--tw-content);
    height: calc(var(--spacing)*8)
}
.before\:h-12:before {
    content: var(--tw-content);
    height: calc(var(--spacing)*12)
}
.before\:h-\[3px\]:before {
    content: var(--tw-content);
    height: 3px
}
.before\:h-\[4px\]:before {
    content: var(--tw-content);
    height: 4px
}
.before\:h-\[49px\]:before {
    content: var(--tw-content);
    height: 49px
}
.before\:h-\[56px\]:before {
    content: var(--tw-content);
    height: 56px
}
.before\:h-\[62px\]:before {
    content: var(--tw-content);
    height: 62px
}
.before\:h-\[480px\]:before {
    content: var(--tw-content);
    height: 480px
}
.before\:w-1\/3:before {
    content: var(--tw-content);
    width: 33.3333%
}
.before\:w-3\.5:before {
    content: var(--tw-content);
    width: calc(var(--spacing)*3.5)
}
.before\:w-4:before {
    content: var(--tw-content);
    width: calc(var(--spacing)*4)
}
.before\:w-6:before {
    content: var(--tw-content);
    width: calc(var(--spacing)*6)
}
.before\:w-8:before {
    content: var(--tw-content);
    width: calc(var(--spacing)*8)
}
.before\:w-12:before {
    content: var(--tw-content);
    width: calc(var(--spacing)*12)
}
.before\:w-20:before {
    content: var(--tw-content);
    width: calc(var(--spacing)*20)
}
.before\:w-\[22px\]:before {
    content: var(--tw-content);
    width: 22px
}
.before\:w-\[34px\]:before {
    content: var(--tw-content);
    width: 34px
}
.before\:w-\[39px\]:before {
    content: var(--tw-content);
    width: 39px
}
.before\:w-\[40\.94px\]:before {
    content: var(--tw-content);
    width: 40.94px
}
.before\:w-\[44\.44px\]:before {
    content: var(--tw-content);
    width: 44.44px
}
.before\:w-\[44\.57px\]:before {
    content: var(--tw-content);
    width: 44.57px
}
.before\:w-\[49\.41px\]:before {
    content: var(--tw-content);
    width: 49.41px
}
.before\:w-\[50\.37px\]:before {
    content: var(--tw-content);
    width: 50.37px
}
.before\:w-\[51\.24px\]:before {
    content: var(--tw-content);
    width: 51.24px
}
.before\:w-\[51\.34px\]:before {
    content: var(--tw-content);
    width: 51.34px
}
.before\:w-\[56\.55px\]:before {
    content: var(--tw-content);
    width: 56.55px
}
.before\:w-\[59\.35px\]:before {
    content: var(--tw-content);
    width: 59.35px
}
.before\:w-\[63px\]:before {
    content: var(--tw-content);
    width: 63px
}
.before\:w-\[79\.71px\]:before {
    content: var(--tw-content);
    width: 79.71px
}
.before\:w-\[330px\]:before {
    content: var(--tw-content);
    width: 330px
}
.before\:w-\[700px\]:before {
    content: var(--tw-content);
    width: 700px
}
.before\:shrink-0:before {
    content: var(--tw-content);
    flex-shrink: 0
}
.before\:scale-90:before {
    content: var(--tw-content);
    --tw-scale-x: 90%;
    --tw-scale-y: 90%;
    --tw-scale-z: 90%;
    scale: var(--tw-scale-x)var(--tw-scale-y)
}
.before\:rotate-180:before {
    content: var(--tw-content);
    rotate: 180deg
}
.before\:bg-\[\#333\]:before {
    content: var(--tw-content);
    background-color: #333
}
.before\:bg-primary-pure:before {
    content: var(--tw-content);
    background-color: var(--color-primary-pure)
}
.before\:bg-transparent:before {
    content: var(--tw-content);
    background-color: #0000
}
.before\:bg-white:before {
    content: var(--tw-content);
    background-color: var(--color-white)
}
.before\:bg-\[url\(\'\.\.\/images\/icons\/arrow-left-white\.svg\'\)\]:before {
 content: var(--tw-content);
background-image: url(../images/icons/arrow-left-white.svg)
}
.before\:bg-\[url\(\'\.\.\/images\/icons\/arrow-right-black\.svg\'\)\]:before {
 content: var(--tw-content);
background-image: url(../images/icons/arrow-right-black.svg)
}
.before\:bg-\[url\(\'\.\.\/images\/icons\/banner-with-point-charts-primary\.svg\'\)\]:before {
 content: var(--tw-content);
background-image: url(../images/icons/banner-with-point-charts-primary.svg)
}
.before\:bg-\[url\(\'\.\.\/images\/icons\/bar-chart-black\.svg\'\)\]:before {
 content: var(--tw-content);
background-image: url(../images/icons/bar-chart-black.svg)
}
.before\:bg-\[url\(\'\.\.\/images\/icons\/browser-tab-primary-2\.svg\'\)\]:before {
 content: var(--tw-content);
background-image: url(../images/icons/browser-tab-primary-2.svg)
}
.before\:bg-\[url\(\'\.\.\/images\/icons\/browser-tab-primary\.svg\'\)\]:before {
 content: var(--tw-content);
background-image: url(../images/icons/browser-tab-primary.svg)
}
.before\:bg-\[url\(\'\.\.\/images\/icons\/calendar-black\.svg\'\)\]:before {
 content: var(--tw-content);
background-image: url(../images/icons/calendar-black.svg)
}
.before\:bg-\[url\(\'\.\.\/images\/icons\/calendar-light-gray\.svg\'\)\]:before {
 content: var(--tw-content);
background-image: url(../images/icons/calendar-light-gray.svg)
}
.before\:bg-\[url\(\'\.\.\/images\/icons\/check-circle-primary\.svg\'\)\]:before {
 content: var(--tw-content);
background-image: url(../images/icons/check-circle-primary.svg)
}
.before\:bg-\[url\(\'\.\.\/images\/icons\/check-primary\.svg\'\)\]:before {
 content: var(--tw-content);
background-image: url(../images/icons/check-primary.svg)
}
.before\:bg-\[url\(\'\.\.\/images\/icons\/clock-black\.svg\'\)\]:before {
 content: var(--tw-content);
background-image: url(../images/icons/clock-black.svg)
}
.before\:bg-\[url\(\'\.\.\/images\/icons\/clock-white\.svg\'\)\]:before {
 content: var(--tw-content);
background-image: url(../images/icons/clock-white.svg)
}
.before\:bg-\[url\(\'\.\.\/images\/icons\/close-chat\.svg\'\)\]:before {
 content: var(--tw-content);
background-image: url(../images/icons/close-chat.svg)
}
.before\:bg-\[url\(\'\.\.\/images\/icons\/columns-black\.svg\'\)\]:before {
 content: var(--tw-content);
background-image: url(../images/icons/columns-black.svg)
}
.before\:bg-\[url\(\'\.\.\/images\/icons\/css3\.svg\'\)\]:before {
 content: var(--tw-content);
background-image: url(../images/icons/css3.svg)
}
.before\:bg-\[url\(\'\.\.\/images\/icons\/facebook-primary\.svg\'\)\]:before {
 content: var(--tw-content);
background-image: url(../images/icons/facebook-primary.svg)
}
.before\:bg-\[url\(\'\.\.\/images\/icons\/gear-black\.svg\'\)\]:before {
 content: var(--tw-content);
background-image: url(../images/icons/gear-black.svg)
}
.before\:bg-\[url\(\'\.\.\/images\/icons\/graph-up-arrow-black\.svg\'\)\]:before {
 content: var(--tw-content);
background-image: url(../images/icons/graph-up-arrow-black.svg)
}
.before\:bg-\[url\(\'\.\.\/images\/icons\/html5\.svg\'\)\]:before {
 content: var(--tw-content);
background-image: url(../images/icons/html5.svg)
}
.before\:bg-\[url\(\'\.\.\/images\/icons\/instagram-black\.svg\'\)\]:before {
 content: var(--tw-content);
background-image: url(../images/icons/instagram-black.svg)
}
.before\:bg-\[url\(\'\.\.\/images\/icons\/instagram-primary\.svg\'\)\]:before {
 content: var(--tw-content);
background-image: url(../images/icons/instagram-primary.svg)
}
.before\:bg-\[url\(\'\.\.\/images\/icons\/journal-text-black\.svg\'\)\]:before {
 content: var(--tw-content);
background-image: url(../images/icons/journal-text-black.svg)
}
.before\:bg-\[url\(\'\.\.\/images\/icons\/label-black\.svg\'\)\]:before {
 content: var(--tw-content);
background-image: url(../images/icons/label-black.svg)
}
.before\:bg-\[url\(\'\.\.\/images\/icons\/laptop-with-magnifying-glass-primary\.svg\'\)\]:before {
 content: var(--tw-content);
background-image: url(../images/icons/laptop-with-magnifying-glass-primary.svg)
}
.before\:bg-\[url\(\'\.\.\/images\/icons\/link-45deg-black\.svg\'\)\]:before {
 content: var(--tw-content);
background-image: url(../images/icons/link-45deg-black.svg)
}
.before\:bg-\[url\(\'\.\.\/images\/icons\/linkedin-black\.svg\'\)\]:before {
 content: var(--tw-content);
background-image: url(../images/icons/linkedin-black.svg)
}
.before\:bg-\[url\(\'\.\.\/images\/icons\/linkedin-primary\.svg\'\)\]:before {
 content: var(--tw-content);
background-image: url(../images/icons/linkedin-primary.svg)
}
.before\:bg-\[url\(\'\.\.\/images\/icons\/location-on-primary\.svg\'\)\]:before {
 content: var(--tw-content);
background-image: url(../images/icons/location-on-primary.svg)
}
.before\:bg-\[url\(\'\.\.\/images\/icons\/monitor-gears-seo-primary\.svg\'\)\]:before {
 content: var(--tw-content);
background-image: url(../images/icons/monitor-gears-seo-primary.svg)
}
.before\:bg-\[url\(\'\.\.\/images\/icons\/paper-chart-pizza-seo-primary\.svg\'\)\]:before {
 content: var(--tw-content);
background-image: url(../images/icons/paper-chart-pizza-seo-primary.svg)
}
.before\:bg-\[url\(\'\.\.\/images\/icons\/pen-black\.svg\'\)\]:before {
 content: var(--tw-content);
background-image: url(../images/icons/pen-black.svg)
}
.before\:bg-\[url\(\'\.\.\/images\/icons\/pencil-black\.svg\'\)\]:before {
 content: var(--tw-content);
background-image: url(../images/icons/pencil-black.svg)
}
.before\:bg-\[url\(\'\.\.\/images\/icons\/person-black\.svg\'\)\]:before {
 content: var(--tw-content);
background-image: url(../images/icons/person-black.svg)
}
.before\:bg-\[url\(\'\.\.\/images\/icons\/person-light-gray\.svg\'\)\]:before {
 content: var(--tw-content);
background-image: url(../images/icons/person-light-gray.svg)
}
.before\:bg-\[url\(\'\.\.\/images\/icons\/phone-primary\.svg\'\)\]:before {
 content: var(--tw-content);
background-image: url(../images/icons/phone-primary.svg)
}
.before\:bg-\[url\(\'\.\.\/images\/icons\/planet-black\.svg\'\)\]:before {
 content: var(--tw-content);
background-image: url(../images/icons/planet-black.svg)
}
.before\:bg-\[url\(\'\.\.\/images\/icons\/podium-and-trophy-primary\.svg\'\)\]:before {
 content: var(--tw-content);
background-image: url(../images/icons/podium-and-trophy-primary.svg)
}
.before\:bg-\[url\(\'\.\.\/images\/icons\/quotation-marks-primary\.svg\'\)\]:before {
 content: var(--tw-content);
background-image: url(../images/icons/quotation-marks-primary.svg)
}
.before\:bg-\[url\(\'\.\.\/images\/icons\/search-service-black\.svg\'\)\]:before {
 content: var(--tw-content);
background-image: url(../images/icons/search-service-black.svg)
}
.before\:bg-\[url\(\'\.\.\/images\/icons\/shield-check-primary\.svg\'\)\]:before {
 content: var(--tw-content);
background-image: url(../images/icons/shield-check-primary.svg)
}
.before\:bg-\[url\(\'\.\.\/images\/icons\/smartphone-black\.svg\'\)\]:before {
 content: var(--tw-content);
background-image: url(../images/icons/smartphone-black.svg)
}
.before\:bg-\[url\(\'\.\.\/images\/icons\/speedometer-black\.svg\'\)\]:before {
 content: var(--tw-content);
background-image: url(../images/icons/speedometer-black.svg)
}
.before\:bg-\[url\(\'\.\.\/images\/icons\/three-persons-with-target-primary\.svg\'\)\]:before {
 content: var(--tw-content);
background-image: url(../images/icons/three-persons-with-target-primary.svg)
}
.before\:bg-\[url\(\'\.\.\/images\/icons\/tools-black\.svg\'\)\]:before {
 content: var(--tw-content);
background-image: url(../images/icons/tools-black.svg)
}
.before\:bg-\[url\(\'\.\.\/images\/icons\/whatsapp\.svg\'\)\]:before {
 content: var(--tw-content);
background-image: url(../images/icons/whatsapp.svg)
}
.before\:bg-\[url\(\'\.\.\/images\/icons\/x-black\.svg\'\)\]:before {
 content: var(--tw-content);
background-image: url(../images/icons/x-black.svg)
}
.before\:bg-\[url\(\'\.\.\/images\/icons\/x-twitter-primary\.svg\'\)\]:before {
 content: var(--tw-content);
background-image: url(../images/icons/x-twitter-primary.svg)
}
.before\:bg-\[url\(\'\.\.\/images\/icons\/youtube-primary\.svg\'\)\]:before {
 content: var(--tw-content);
background-image: url(../images/icons/youtube-primary.svg)
}
.before\:bg-\[url\(\'\.\.\/images\/icons\/arrow-right-black\.svg\'\)\]:before {
 content: var(--tw-content);
background-image: url(../images/icons/arrow-right-black.svg)
}
.before\:bg-\[url\(\'\.\.\/images\/icons\/arrow-right-primary\.svg\'\)\]:before {
 content: var(--tw-content);
background-image: url(../images/icons/arrow-right-primary.svg)
}
.before\:bg-\[url\(\'\.\.\/images\/icons\/envelope\.svg\'\)\]:before {
 content: var(--tw-content);
background-image: url(../images/icons/envelope.svg)
}
.before\:opacity-10:before {
    content: var(--tw-content);
    opacity: .1
}
.before\:opacity-15:before {
    content: var(--tw-content);
    opacity: .15
}
.before\:blur-sm:before {
    content: var(--tw-content);
    --tw-blur: blur(var(--blur-sm));
    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, )
}
.before\:transition-all:before {
    content: var(--tw-content);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration))
}
.before\:duration-300:before {
    content: var(--tw-content);
    --tw-duration: .3s;
    transition-duration: .3s
}
.before\:select-none:before {
    content: var(--tw-content);
    -webkit-user-select: none;
    user-select: none
}
@media (hover:hover) {
    .group-hover\:before\:bg-\[url\(\'\.\.\/images\/icons\/label-primary\.svg\'\)\]:is(:where(.group):hover *):before {
 content: var(--tw-content);
    background-image: url(../images/icons/label-primary.svg)
}

}
.after\:block:after {
    content: var(--tw-content);
    display: block
}
.after\:size-4:after {
    content: var(--tw-content);
    width: calc(var(--spacing)*4);
    height: calc(var(--spacing)*4)
}
.after\:size-6:after {
    content: var(--tw-content);
    width: calc(var(--spacing)*6);
    height: calc(var(--spacing)*6)
}
.after\:h-6:after {
    content: var(--tw-content);
    height: calc(var(--spacing)*6)
}
.after\:h-\[1px\]:after {
    content: var(--tw-content);
    height: 1px
}
.after\:h-\[9px\]:after {
    content: var(--tw-content);
    height: 9px
}
.after\:w-3\.5:after {
    content: var(--tw-content);
    width: calc(var(--spacing)*3.5)
}
.after\:w-\[21\.81px\]:after {
    content: var(--tw-content);
    width: 21.81px
}
.after\:w-\[22px\]:after {
    content: var(--tw-content);
    width: 22px
}
.after\:w-full:after {
    content: var(--tw-content);
    width: 100%
}
.after\:rotate-45:after {
    content: var(--tw-content);
    rotate: 45deg
}
.after\:animate-bounce:after {
    content: var(--tw-content);
    animation: var(--animate-bounce)
}
.after\:bg-\[\#D7D7D7\]:after {
    content: var(--tw-content);
    background-color: #d7d7d7
}
.after\:bg-\[url\(\'\.\.\/images\/icons\/arrow-forward-white\.svg\'\)\]:after {
 content: var(--tw-content);
background-image: url(../images/icons/arrow-forward-white.svg)
}
.after\:bg-\[url\(\'\.\.\/images\/icons\/arrow-right-black\.svg\'\)\]:after {
 content: var(--tw-content);
background-image: url(../images/icons/arrow-right-black.svg)
}
.after\:bg-\[url\(\'\.\.\/images\/icons\/arrow-right-white\.svg\'\)\]:after {
 content: var(--tw-content);
background-image: url(../images/icons/arrow-right-white.svg)
}
.after\:bg-\[url\(\'\.\.\/images\/icons\/chevron-double-down-white\.svg\'\)\]:after {
 content: var(--tw-content);
background-image: url(../images/icons/chevron-double-down-white.svg)
}
.after\:bg-\[url\(\'\.\.\/images\/icons\/drag-to-the-side\.svg\'\)\]:after {
 content: var(--tw-content);
background-image: url(../images/icons/drag-to-the-side.svg)
}
.after\:bg-\[url\(\'\.\.\/images\/icons\/plus-primary\.svg\'\)\]:after {
 content: var(--tw-content);
background-image: url(../images/icons/plus-primary.svg)
}
.after\:bg-\[url\(\'\.\.\/images\/icons\/send-whatsapp\.svg\'\)\]:after {
 content: var(--tw-content);
background-image: url(../images/icons/send-whatsapp.svg)
}
.after\:bg-\[url\(\.\.\/images\/icons\/arrow-right-white\.svg\)\]:after {
    content: var(--tw-content);
    background-image: url(../images/icons/arrow-right-white.svg)
}
.after\:transition-all:after {
    content: var(--tw-content);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration))
}
.last\:mb-0:last-child {
    margin-bottom: calc(var(--spacing)*0)
}
.last\:border-b-0:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0
}
.last\:pb-0:last-child {
    padding-bottom: calc(var(--spacing)*0)
}
@media (hover:hover) {
    .hover\:scale-75:hover {
        --tw-scale-x: 75%;
        --tw-scale-y: 75%;
        --tw-scale-z: 75%;
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }
    .hover\:bg-\[\#ECECEC\]:hover {
        background-color: #ececec
    }
    .hover\:bg-black\/5:hover {
        background-color: #0a0a0a0d
    }
    @supports (color:color-mix(in lab, red, red)) {
        .hover\:bg-black\/5:hover {
            background-color: color-mix(in oklab, var(--color-black)5%, transparent)
        }
    }
    .hover\:bg-black\/10:hover {
        background-color: #0a0a0a1a
    }
    @supports (color:color-mix(in lab, red, red)) {
        .hover\:bg-black\/10:hover {
            background-color: color-mix(in oklab, var(--color-black)10%, transparent)
        }
    }
    .hover\:bg-primary-pure:hover {
        background-color: var(--color-primary-pure)
    }
    .hover\:bg-primary-pure\/10:hover {
        background-color: #fd74491a
    }
    @supports (color:color-mix(in lab, red, red)) {
        .hover\:bg-primary-pure\/10:hover {
            background-color: color-mix(in oklab, var(--color-primary-pure)10%, transparent)
        }
    }
    .hover\:bg-white\/15:hover {
        background-color: #fafafa26
    }
    @supports (color:color-mix(in lab, red, red)) {
        .hover\:bg-white\/15:hover {
            background-color: color-mix(in oklab, var(--color-white)15%, transparent)
        }
    }
    .hover\:text-primary-light:hover {
        color: var(--color-primary-light)
    }
    .hover\:text-primary-pure:hover {
        color: var(--color-primary-pure)
    }
    .hover\:text-white:hover {
        color: var(--color-white)
    }
    .hover\:before\:opacity-80:hover:before {
        content: var(--tw-content);
        opacity: .8
    }
}
.focus\:border-primary-pure:focus {
    border-color: var(--color-primary-pure)
}
.focus\:outline-0:focus {
    outline-style: var(--tw-outline-style);
    outline-width: 0
}
.focus\:outline-none:focus {
    --tw-outline-style: none;
    outline-style: none
}
.active\:bg-primary-light:active {
    background-color: var(--color-primary-light)
}
@media (min-width:540px) {
    .xxs\:top-\[370px\] {
        top: 370px
    }
    .xxs\:hidden {
        display: none
    }
    .xxs\:h-\[640px\] {
        height: 640px
    }
    .xxs\:w-\[380px\] {
        width: 380px
    }
    .xxs\:max-w-\[350px\] {
        max-width: 350px
    }
    .xxs\:items-center {
        align-items: center
    }
    .xxs\:mask-r-from-0\% {
        -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
        -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
        mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
        --tw-mask-linear: var(--tw-mask-left), var(--tw-mask-right), var(--tw-mask-bottom), var(--tw-mask-top);
        --tw-mask-right: linear-gradient(to right, var(--tw-mask-right-from-color)var(--tw-mask-right-from-position), var(--tw-mask-right-to-color)var(--tw-mask-right-to-position));
        --tw-mask-right-from-position: 0%;
        -webkit-mask-composite: source-in;
        -webkit-mask-composite: source-in;
        -webkit-mask-composite: source-in;
        -webkit-mask-composite: source-in;
        -webkit-mask-composite: source-in;
        -webkit-mask-composite: source-in;
        -webkit-mask-composite: source-in;
        -webkit-mask-composite: source-in;
        mask-composite: intersect
    }
    .xxs\:mask-l-from-0\% {
        -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
        -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
        mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
        --tw-mask-linear: var(--tw-mask-left), var(--tw-mask-right), var(--tw-mask-bottom), var(--tw-mask-top);
        --tw-mask-left: linear-gradient(to left, var(--tw-mask-left-from-color)var(--tw-mask-left-from-position), var(--tw-mask-left-to-color)var(--tw-mask-left-to-position));
        --tw-mask-left-from-position: 0%;
        -webkit-mask-composite: source-in;
        -webkit-mask-composite: source-in;
        -webkit-mask-composite: source-in;
        -webkit-mask-composite: source-in;
        -webkit-mask-composite: source-in;
        -webkit-mask-composite: source-in;
        -webkit-mask-composite: source-in;
        mask-composite: intersect
    }
    .xxs\:object-contain {
        object-fit: contain
    }
    .xxs\:pt-10 {
        padding-top: calc(var(--spacing)*10)
    }
    .xxs\:pb-10 {
        padding-bottom: calc(var(--spacing)*10)
    }
    .xxs\:before\:\!bottom-2:before {
        content: var(--tw-content);
        bottom: calc(var(--spacing)*2) !important
    }
    .xxs\:before\:mt-0:before {
        content: var(--tw-content);
        margin-top: calc(var(--spacing)*0)
    }
}
@media (min-width:1160px) {
    .xxl\:\!-right-30 {
        right: calc(var(--spacing)*-30) !important
    }
    .xxl\:\!-left-32 {
        left: calc(var(--spacing)*-32) !important
    }
    .xxl\:\!-left-36 {
        left: calc(var(--spacing)*-36) !important
    }
}
@media (min-width:1920px) {
    .\33 xl\:right-40 {
        right: calc(var(--spacing)*40)
    }
    .\33 xl\:\!h-\[2200px\] {
        height: 2200px !important
    }
    .\33 xl\:\!w-\[1100px\] {
        width: 1100px !important
    }
    .\33 xl\:\!w-\[1400px\] {
        width: 1400px !important
    }
    .\33 xl\:\!scale-200 {
        --tw-scale-x: 200% !important;
        --tw-scale-y: 200% !important;
        --tw-scale-z: 200% !important;
        scale: var(--tw-scale-x)var(--tw-scale-y) !important
    }
}
@media (min-width:40rem) {
    .sm\:inset-x-0 {
        inset-inline: calc(var(--spacing)*0)
    }
    .sm\:-top-\[20px\] {
        top: -20px
    }
    .sm\:-top-\[62px\] {
        top: -62px
    }
    .sm\:-right-90 {
        right: calc(var(--spacing)*-90)
    }
    .sm\:-right-\[62px\] {
        right: -62px
    }
    .sm\:right-0 {
        right: calc(var(--spacing)*0)
    }
    .sm\:right-17 {
        right: calc(var(--spacing)*17)
    }
    .sm\:-left-\[20px\] {
        left: -20px
    }
    .sm\:-left-\[56px\] {
        left: -56px
    }
    .sm\:mx-auto {
        margin-inline: auto
    }
    .sm\:mt-\[65px\] {
        margin-top: 65px
    }
    .sm\:mr-0 {
        margin-right: calc(var(--spacing)*0)
    }
    .sm\:block {
        display: block
    }
    .sm\:hidden {
        display: none
    }
    .sm\:h-\[560px\] {
        height: 560px
    }
    .sm\:h-\[600px\] {
        height: 600px
    }
    .sm\:h-full {
        height: 100%
    }
    .sm\:w-auto {
        width: auto
    }
    .sm\:max-w-\[460px\] {
        max-width: 460px
    }
    .sm\:max-w-\[470px\] {
        max-width: 470px
    }
    .sm\:max-w-\[500px\] {
        max-width: 500px
    }
    .sm\:max-w-\[700px\] {
        max-width: 700px
    }
    .sm\:justify-items-center {
        justify-items: center
    }
    .sm\:bg-\[url\(\'\.\.\/images\/banner-hero-internal-case\.png\'\)\] {
 background-image: url(../images/banner-hero-internal-case.png)
}
.sm\:opacity-20 {
    opacity: .2
}
.sm\:opacity-30 {
    opacity: .3
}

}
@media (min-width:48rem) {
    .md\:inset-x-0 {
        inset-inline: calc(var(--spacing)*0)
    }
    .md\:top-\[330px\] {
        top: 330px
    }
    .md\:-bottom-\[200px\] {
        bottom: -200px
    }
    .md\:col-\[2\] {
        grid-column: 2
    }
    .md\:row-\[1\] {
        grid-row: 1
    }
    .md\:block {
        display: block
    }
    .md\:hidden {
        display: none
    }
    .md\:h-\[692px\] {
        height: 692px
    }
    .md\:h-\[825px\] {
        height: 825px
    }
    .md\:w-\[775px\] {
        width: 775px
    }
    .md\:max-w-\[555px\] {
        max-width: 555px
    }
    .md\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
    .md\:grid-cols-\[392px_auto\] {
        grid-template-columns: 392px auto
    }
    .md\:gap-1 {
        gap: calc(var(--spacing)*1)
    }
    .md\:bg-\[url\(\'\.\.\/images\/bg-group-of-people-and-gradient-black-primary-with-a\.png\'\)\] {
 background-image: url(../images/bg-group-of-people-and-gradient-black-primary-with-a.png)
}
.md\:bg-cover {
    background-size: cover
}
.md\:bg-top {
    background-position: top
}
.md\:bg-no-repeat {
    background-repeat: no-repeat
}
.md\:pt-20 {
    padding-top: calc(var(--spacing)*20)
}
.md\:pb-\[120px\] {
    padding-bottom: 120px
}
.md\:pb-\[180px\] {
    padding-bottom: 180px
}
.md\:opacity-80 {
    opacity: .8
}

}
@media (min-width:64rem) {
    .lg\:pointer-events-none {
        pointer-events: none
    }
    .lg\:\!sticky {
        position: sticky !important
    }
    .lg\:absolute {
        position: absolute
    }
    .lg\:relative {
        position: relative
    }
    .lg\:static {
        position: static
    }
    .lg\:sticky {
        position: sticky
    }
    .lg\:\!top-\[120px\] {
        top: 120px !important
    }
    .lg\:-top-\[200px\] {
        top: -200px
    }
    .lg\:top-0 {
        top: calc(var(--spacing)*0)
    }
    .lg\:top-8 {
        top: calc(var(--spacing)*8)
    }
    .lg\:top-\[22\.7px\] {
        top: 22.7px
    }
    .lg\:top-\[46\.5px\] {
        top: 46.5px
    }
    .lg\:top-\[50\.5px\] {
        top: 50.5px
    }
    .lg\:top-\[64\.5px\] {
        top: 64.5px
    }
    .lg\:top-\[64\.7px\] {
        top: 64.7px
    }
    .lg\:top-\[105px\] {
        top: 105px
    }
    .lg\:top-\[110px\] {
        top: 110px
    }
    .lg\:top-\[275px\] {
        top: 275px
    }
    .lg\:top-\[600px\] {
        top: 600px
    }
    .lg\:-right-58 {
        right: calc(var(--spacing)*-58)
    }
    .lg\:-right-65 {
        right: calc(var(--spacing)*-65)
    }
    .lg\:-right-\[136px\] {
        right: -136px
    }
    .lg\:right-0 {
        right: calc(var(--spacing)*0)
    }
    .lg\:right-\[108px\] {
        right: 108px
    }
    .lg\:-bottom-\[120px\] {
        bottom: -120px
    }
    .lg\:bottom-\[58\.43px\] {
        bottom: 58.43px
    }
    .lg\:bottom-\[228px\] {
        bottom: 228px
    }
    .lg\:bottom-\[initial\] {
        bottom: initial
    }
    .lg\:-left-16 {
        left: calc(var(--spacing)*-16)
    }
    .lg\:-left-65 {
        left: calc(var(--spacing)*-65)
    }
    .lg\:-left-69 {
        left: calc(var(--spacing)*-69)
    }
    .lg\:-left-\[60px\] {
        left: -60px
    }
    .lg\:left-0 {
        left: calc(var(--spacing)*0)
    }
    .lg\:left-\[108px\] {
        left: 108px
    }
    .lg\:z-\[0\] {
        z-index: 0
    }
    .lg\:col-\[1\] {
        grid-column: 1
    }
    .lg\:col-\[2\] {
        grid-column: 2
    }
    .lg\:row-\[1\] {
        grid-row: 1
    }
    .lg\:row-\[2\] {
        grid-row: 2
    }
    .lg\:container {
        width: 100%
    }
    @media (min-width:540px) {
        .lg\:container {
            max-width: 540px
        }
    }
    @media (min-width:1160px) {
        .lg\:container {
            max-width: 1160px
        }
    }
    @media (min-width:1920px) {
        .lg\:container {
            max-width: 1920px
        }
    }
    @media (min-width:40rem) {
        .lg\:container {
            max-width: 40rem
        }
    }
    @media (min-width:48rem) {
        .lg\:container {
            max-width: 48rem
        }
    }
    @media (min-width:64rem) {
        .lg\:container {
            max-width: 64rem
        }
    }
    @media (min-width:80rem) {
        .lg\:container {
            max-width: 80rem
        }
    }
    @media (min-width:96rem) {
        .lg\:container {
            max-width: 96rem
        }
    }
    .lg\:container {
        max-width: 1256px;
        margin-inline: auto;
        padding-inline: 1rem
    }
    .lg\:mx-auto {
        margin-inline: auto
    }
    .lg\:my-20 {
        margin-block: calc(var(--spacing)*20)
    }
    .lg\:-mt-\[90px\] {
        margin-top: -90px
    }
    .lg\:-mt-\[105px\] {
        margin-top: -105px
    }
    .lg\:-mt-\[240px\] {
        margin-top: -240px
    }
    .lg\:mt-\[76px\] {
        margin-top: 76px
    }
    .lg\:mt-\[80px\] {
        margin-top: 80px
    }
    .lg\:mt-\[87px\] {
        margin-top: 87px
    }
    .lg\:mt-\[89px\] {
        margin-top: 89px
    }
    .lg\:\!mr-auto {
        margin-right: auto !important
    }
    .lg\:mr-0 {
        margin-right: calc(var(--spacing)*0)
    }
    .lg\:mr-auto {
        margin-right: auto
    }
    .lg\:\!mb-0 {
        margin-bottom: calc(var(--spacing)*0) !important
    }
    .lg\:mb-0 {
        margin-bottom: calc(var(--spacing)*0)
    }
    .lg\:mb-4 {
        margin-bottom: calc(var(--spacing)*4)
    }
    .lg\:mb-6 {
        margin-bottom: calc(var(--spacing)*6)
    }
    .lg\:mb-8 {
        margin-bottom: calc(var(--spacing)*8)
    }
    .lg\:mb-10 {
        margin-bottom: calc(var(--spacing)*10)
    }
    .lg\:mb-12 {
        margin-bottom: calc(var(--spacing)*12)
    }
    .lg\:mb-16 {
        margin-bottom: calc(var(--spacing)*16)
    }
    .lg\:mb-20 {
        margin-bottom: calc(var(--spacing)*20)
    }
    .lg\:mb-\[60px\] {
        margin-bottom: 60px
    }
    .lg\:mb-\[104px\] {
        margin-bottom: 104px
    }
    .lg\:\!ml-0 {
        margin-left: calc(var(--spacing)*0) !important
    }
    .lg\:-ml-\[115px\] {
        margin-left: -115px
    }
    .lg\:ml-0 {
        margin-left: calc(var(--spacing)*0)
    }
    .lg\:ml-auto {
        margin-left: auto
    }
    .lg\:line-clamp-1 {
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden
    }
    .lg\:line-clamp-2 {
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden
    }
    .lg\:line-clamp-3 {
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden
    }
    .lg\:\!flex {
        display: flex !important
    }
    .lg\:\!grid {
        display: grid !important
    }
    .lg\:\!hidden {
        display: none !important
    }
    .lg\:block {
        display: block
    }
    .lg\:flex {
        display: flex
    }
    .lg\:grid {
        display: grid
    }
    .lg\:hidden {
        display: none
    }
    .lg\:size-full {
        width: 100%;
        height: 100%
    }
    .lg\:\!h-\[42px\] {
        height: 42px !important
    }
    .lg\:\!h-fit {
        height: fit-content !important
    }
    .lg\:h-0 {
        height: calc(var(--spacing)*0)
    }
    .lg\:h-8 {
        height: calc(var(--spacing)*8)
    }
    .lg\:h-\[40\.9px\] {
        height: 40.9px
    }
    .lg\:h-\[83px\] {
        height: 83px
    }
    .lg\:h-\[110px\] {
        height: 110px
    }
    .lg\:h-\[192px\] {
        height: 192px
    }
    .lg\:h-\[204px\] {
        height: 204px
    }
    .lg\:h-\[286px\] {
        height: 286px
    }
    .lg\:h-\[287px\] {
        height: 287px
    }
    .lg\:h-\[300px\] {
        height: 300px
    }
    .lg\:h-\[374px\] {
        height: 374px
    }
    .lg\:h-\[423px\] {
        height: 423px
    }
    .lg\:h-\[473px\] {
        height: 473px
    }
    .lg\:h-\[480px\] {
        height: 480px
    }
    .lg\:h-\[493px\] {
        height: 493px
    }
    .lg\:h-\[640px\] {
        height: 640px
    }
    .lg\:h-\[670px\] {
        height: 670px
    }
    .lg\:h-\[679px\] {
        height: 679px
    }
    .lg\:h-\[732px\] {
        height: 732px
    }
    .lg\:h-\[735px\] {
        height: 735px
    }
    .lg\:h-\[802px\] {
        height: 802px
    }
    .lg\:h-\[950px\] {
        height: 950px
    }
    .lg\:h-\[1652px\] {
        height: 1652px
    }
    .lg\:h-\[1985px\] {
        height: 1985px
    }
    .lg\:h-fit {
        height: fit-content
    }
    .lg\:max-h-\[300px\] {
        max-height: 300px
    }
    .lg\:max-h-\[423px\] {
        max-height: 423px
    }
    .lg\:max-h-fit {
        max-height: fit-content
    }
    .lg\:min-h-\[230px\] {
        min-height: 230px
    }
    .lg\:\!w-fit {
        width: fit-content !important
    }
    .lg\:w-\[96px\] {
        width: 96px
    }
    .lg\:w-\[109px\] {
        width: 109px
    }
    .lg\:w-\[156px\] {
        width: 156px
    }
    .lg\:w-\[193px\] {
        width: 193px
    }
    .lg\:w-\[240px\] {
        width: 240px
    }
    .lg\:w-\[286px\] {
        width: 286px
    }
    .lg\:w-\[392px\] {
        width: 392px
    }
    .lg\:w-\[520px\] {
        width: 520px
    }
    .lg\:w-\[700px\] {
        width: 700px
    }
    .lg\:w-\[718px\] {
        width: 718px
    }
    .lg\:w-\[749px\] {
        width: 749px
    }
    .lg\:w-\[760px\] {
        width: 760px
    }
    .lg\:w-\[829px\] {
        width: 829px
    }
    .lg\:w-\[880px\] {
        width: 880px
    }
    .lg\:w-fit {
        width: fit-content
    }
    .lg\:\!max-w-\[808px\] {
        max-width: 808px !important
    }
    .lg\:\!max-w-\[912px\] {
        max-width: 912px !important
    }
    .lg\:max-w-\[282px\] {
        max-width: 282px
    }
    .lg\:max-w-\[288px\] {
        max-width: 288px
    }
    .lg\:max-w-\[353px\] {
        max-width: 353px
    }
    .lg\:max-w-\[356px\] {
        max-width: 356px
    }
    .lg\:max-w-\[392px\] {
        max-width: 392px
    }
    .lg\:max-w-\[396px\] {
        max-width: 396px
    }
    .lg\:max-w-\[476px\] {
        max-width: 476px
    }
    .lg\:max-w-\[480px\] {
        max-width: 480px
    }
    .lg\:max-w-\[495px\] {
        max-width: 495px
    }
    .lg\:max-w-\[496px\] {
        max-width: 496px
    }
    .lg\:max-w-\[530px\] {
        max-width: 530px
    }
    .lg\:max-w-\[600px\] {
        max-width: 600px
    }
    .lg\:max-w-\[640px\] {
        max-width: 640px
    }
    .lg\:max-w-\[647px\] {
        max-width: 647px
    }
    .lg\:max-w-\[734px\] {
        max-width: 734px
    }
    .lg\:max-w-\[839px\] {
        max-width: 839px
    }
    .lg\:max-w-\[877px\] {
        max-width: 877px
    }
    .lg\:max-w-\[1064px\] {
        max-width: 1064px
    }
    .lg\:max-w-\[1440px\] {
        max-width: 1440px
    }
    .lg\:max-w-full {
        max-width: 100%
    }
    .lg\:min-w-\[257px\] {
        min-width: 257px
    }
    .lg\:translate-y-\[76px\] {
        --tw-translate-y: 76px;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }
    .lg\:scale-100 {
        --tw-scale-x: 100%;
        --tw-scale-y: 100%;
        --tw-scale-z: 100%;
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }
    .lg\:scale-125 {
        --tw-scale-x: 125%;
        --tw-scale-y: 125%;
        --tw-scale-z: 125%;
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }
    .lg\:scale-\[1\.8\] {
        scale: 1.8
    }
    .lg\:\!grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr)) !important
    }
    .lg\:\!grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important
    }
    .lg\:\!grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important
    }
    .lg\:\!grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important
    }
    .lg\:grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }
    .lg\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
    .lg\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
    .lg\:grid-cols-\[1fr_1\.6fr\] {
        grid-template-columns: 1fr 1.6fr
    }
    .lg\:grid-cols-\[1fr_96px_96px\] {
        grid-template-columns: 1fr 96px 96px
    }
    .lg\:grid-cols-\[1fr_109px_109px\] {
        grid-template-columns: 1fr 109px 109px
    }
    .lg\:grid-cols-\[1fr_160px\] {
        grid-template-columns: 1fr 160px
    }
    .lg\:grid-cols-\[1fr_288px\] {
        grid-template-columns: 1fr 288px
    }
    .lg\:grid-cols-\[1fr_450px\] {
        grid-template-columns: 1fr 450px
    }
    .lg\:grid-cols-\[1fr_496px\] {
        grid-template-columns: 1fr 496px
    }
    .lg\:grid-cols-\[1fr_600px\] {
        grid-template-columns: 1fr 600px
    }
    .lg\:grid-cols-\[1fr_714px\] {
        grid-template-columns: 1fr 714px
    }
    .lg\:grid-cols-\[212px_1fr\] {
        grid-template-columns: 212px 1fr
    }
    .lg\:grid-cols-\[316px_597px\] {
        grid-template-columns: 316px 597px
    }
    .lg\:grid-cols-\[392px_1fr\] {
        grid-template-columns: 392px 1fr
    }
    .lg\:grid-cols-\[392px_auto\] {
        grid-template-columns: 392px auto
    }
    .lg\:grid-cols-\[500px_1fr\] {
        grid-template-columns: 500px 1fr
    }
    .lg\:grid-cols-\[569px_1fr\] {
        grid-template-columns: 569px 1fr
    }
    .lg\:grid-cols-\[600px_1fr\] {
        grid-template-columns: 600px 1fr
    }
    .lg\:grid-cols-\[auto_1fr_auto\] {
        grid-template-columns: auto 1fr auto
    }
    .lg\:grid-cols-\[auto_388px\] {
        grid-template-columns: auto 388px
    }
    .lg\:grid-cols-\[auto_600px\] {
        grid-template-columns: auto 600px
    }
    .lg\:\!flex-col {
        flex-direction: column !important
    }
    .lg\:\!flex-row {
        flex-direction: row !important
    }
    .lg\:flex-col {
        flex-direction: column
    }
    .lg\:flex-col-reverse {
        flex-direction: column-reverse
    }
    .lg\:flex-row {
        flex-direction: row
    }
    .lg\:items-center {
        align-items: center
    }
    .lg\:items-end {
        align-items: flex-end
    }
    .lg\:items-start {
        align-items: flex-start
    }
    .lg\:justify-between {
        justify-content: space-between
    }
    .lg\:justify-end {
        justify-content: flex-end
    }
    .lg\:justify-start {
        justify-content: flex-start
    }
    .lg\:justify-items-start {
        justify-items: start
    }
    .lg\:\!gap-2 {
        gap: calc(var(--spacing)*2) !important
    }
    .lg\:\!gap-6 {
        gap: calc(var(--spacing)*6) !important
    }
    .lg\:\!gap-8 {
        gap: calc(var(--spacing)*8) !important
    }
    .lg\:\!gap-\[120px\] {
        gap: 120px !important
    }
    .lg\:gap-0 {
        gap: calc(var(--spacing)*0)
    }
    .lg\:gap-0\.5 {
        gap: calc(var(--spacing)*.5)
    }
    .lg\:gap-2 {
        gap: calc(var(--spacing)*2)
    }
    .lg\:gap-4 {
        gap: calc(var(--spacing)*4)
    }
    .lg\:gap-6 {
        gap: calc(var(--spacing)*6)
    }
    .lg\:gap-8 {
        gap: calc(var(--spacing)*8)
    }
    .lg\:gap-10 {
        gap: calc(var(--spacing)*10)
    }
    .lg\:gap-16 {
        gap: calc(var(--spacing)*16)
    }
    .lg\:gap-20 {
        gap: calc(var(--spacing)*20)
    }
    .lg\:gap-\[11px\] {
        gap: 11px
    }
    .lg\:gap-\[18px\] {
        gap: 18px
    }
    .lg\:gap-\[36px\] {
        gap: 36px
    }
    .lg\:gap-\[128px\] {
        gap: 128px
    }
    .lg\:gap-x-6 {
        column-gap: calc(var(--spacing)*6)
    }
    .lg\:gap-x-20 {
        column-gap: calc(var(--spacing)*20)
    }
    .lg\:gap-y-30 {
        row-gap: calc(var(--spacing)*30)
    }
    .lg\:\!overflow-visible {
        overflow: visible !important
    }
    .lg\:overflow-hidden {
        overflow: hidden
    }
    .lg\:overflow-visible {
        overflow: visible
    }
    .lg\:rounded-\[10px\] {
        border-radius: 10px
    }
    .lg\:rounded-\[20px\] {
        border-radius: 20px
    }
    .lg\:rounded-lg {
        border-radius: var(--radius-lg)
    }
    .lg\:rounded-none {
        border-radius: 0
    }
    .lg\:rounded-b-lg {
        border-bottom-right-radius: var(--radius-lg);
        border-bottom-left-radius: var(--radius-lg)
    }
    .lg\:border-0 {
        border-style: var(--tw-border-style);
        border-width: 0
    }
    .lg\:border-b {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px
    }
    .lg\:border-l {
        border-left-style: var(--tw-border-style);
        border-left-width: 1px
    }
    .lg\:border-l-\[2px\] {
        border-left-style: var(--tw-border-style);
        border-left-width: 2px
    }
    .lg\:border-none {
        --tw-border-style: none;
        border-style: none
    }
    .lg\:border-\[\#BEBEBE\] {
        border-color: #bebebe
    }
    .lg\:bg-\[\#0D0D0D\] {
        background-color: #0d0d0d
    }
    .lg\:bg-\[\#000\] {
        background-color: #000
    }
    .lg\:bg-\[\#5D5D5D\] {
        background-color: #5d5d5d
    }
    .lg\:bg-\[\#F2F2F260\] {
        background-color: #f2f2f260
    }
    .lg\:bg-primary-dark {
        background-color: var(--color-primary-dark)
    }
    .lg\:bg-transparent {
        background-color: #0000
    }
    .lg\:bg-gradient-to-l {
        --tw-gradient-position: to left in oklab;
        background-image: linear-gradient(var(--tw-gradient-stops))
    }
    .lg\:bg-\[linear-gradient\(180deg\, \#0D0D0D_31\.52\%\, \#1F1F1F_136\.12\%\)\] {
        background-image: linear-gradient(#0d0d0d 31.52%, #1f1f1f 136.12%)
    }
    .lg\:bg-\[linear-gradient\(180deg\, rgba\(\250\, \250\, \250\, \0\.\00\)\0\%\, rgba\(\250\, \250\, \250\, \0\.\00\)\100\%\)\] {
        background-image: linear-gradient(#fafafa00 0% 100%)
    }
    .lg\:bg-\[url\(\'\.\.\/images\/banner-black-molecules-a-with-effects-primary-in-bottomleft-and-topright\.svg\'\)\] {
 background-image: url(../images/banner-black-molecules-a-with-effects-primary-in-bottomleft-and-topright.svg)
}
.lg\:bg-\[url\(\'\.\.\/images\/bg-form-footer-desktop\.png\'\)\] {
 background-image: url(../images/bg-form-footer-desktop.png)
}
.lg\:bg-\[url\(\'\.\.\/images\/bg-gradient-and-molecules-leftbottom-desktop\.svg\'\)\] {
 background-image: url(../images/bg-gradient-and-molecules-leftbottom-desktop.svg)
}
.lg\:bg-\[url\(\'\.\.\/images\/blonde-woman-with-tablet-and-primary-decoration-bar-desktop\.webp\'\)\] {
 background-image: url(../images/blonde-woman-with-tablet-and-primary-decoration-bar-desktop.webp)
}
.lg\:bg-none {
    background-image: none
}
.lg\:from-transparent {
    --tw-gradient-from: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
}
.lg\:via-black\/80 {
    --tw-gradient-via: #0a0a0acc
}
@supports (color:color-mix(in lab, red, red)) {
    .lg\:via-black\/80 {
        --tw-gradient-via: color-mix(in oklab, var(--color-black)80%, transparent)
    }
}
.lg\:via-black\/80 {
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-via)var(--tw-gradient-via-position), var(--tw-gradient-to)var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops)
}
.lg\:via-transparent {
    --tw-gradient-via: transparent;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-via)var(--tw-gradient-via-position), var(--tw-gradient-to)var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops)
}
.lg\:to-transparent {
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
}
.lg\:bg-right {
    background-position: 100%
}
.lg\:object-bottom {
    object-position: bottom
}
.lg\:object-center {
    object-position: center
}
.lg\:\!p-0 {
    padding: calc(var(--spacing)*0) !important
}
.lg\:p-0 {
    padding: calc(var(--spacing)*0)
}
.lg\:p-1 {
    padding: calc(var(--spacing)*1)
}
.lg\:p-2 {
    padding: calc(var(--spacing)*2)
}
.lg\:p-4 {
    padding: calc(var(--spacing)*4)
}
.lg\:p-6 {
    padding: calc(var(--spacing)*6)
}
.lg\:px-0 {
    padding-inline: calc(var(--spacing)*0)
}
.lg\:px-2 {
    padding-inline: calc(var(--spacing)*2)
}
.lg\:px-4 {
    padding-inline: calc(var(--spacing)*4)
}
.lg\:px-8 {
    padding-inline: calc(var(--spacing)*8)
}
.lg\:px-10 {
    padding-inline: calc(var(--spacing)*10)
}
.lg\:px-\[26px\] {
    padding-inline: 26px
}
.lg\:px-\[32px\] {
    padding-inline: 32px
}
.lg\:px-\[104px\] {
    padding-inline: 104px
}
.lg\:py-0 {
    padding-block: calc(var(--spacing)*0)
}
.lg\:py-2 {
    padding-block: calc(var(--spacing)*2)
}
.lg\:py-4 {
    padding-block: calc(var(--spacing)*4)
}
.lg\:py-6 {
    padding-block: calc(var(--spacing)*6)
}
.lg\:py-8 {
    padding-block: calc(var(--spacing)*8)
}
.lg\:py-10 {
    padding-block: calc(var(--spacing)*10)
}
.lg\:py-16 {
    padding-block: calc(var(--spacing)*16)
}
.lg\:py-20 {
    padding-block: calc(var(--spacing)*20)
}
.lg\:py-\[18px\] {
    padding-block: 18px
}
.lg\:py-\[104px\] {
    padding-block: 104px
}
.lg\:py-\[120px\] {
    padding-block: 120px
}
.lg\:pt-0 {
    padding-top: calc(var(--spacing)*0)
}
.lg\:pt-8 {
    padding-top: calc(var(--spacing)*8)
}
.lg\:pt-10 {
    padding-top: calc(var(--spacing)*10)
}
.lg\:pt-20 {
    padding-top: calc(var(--spacing)*20)
}
.lg\:pt-\[54px\] {
    padding-top: 54px
}
.lg\:pt-\[120px\] {
    padding-top: 120px
}
.lg\:pt-\[122px\] {
    padding-top: 122px
}
.lg\:pt-\[124px\] {
    padding-top: 124px
}
.lg\:pt-\[180px\] {
    padding-top: 180px
}
.lg\:pr-\[200px\] {
    padding-right: 200px
}
.lg\:pb-0 {
    padding-bottom: calc(var(--spacing)*0)
}
.lg\:pb-4 {
    padding-bottom: calc(var(--spacing)*4)
}
.lg\:pb-8 {
    padding-bottom: calc(var(--spacing)*8)
}
.lg\:pb-10 {
    padding-bottom: calc(var(--spacing)*10)
}
.lg\:pb-20 {
    padding-bottom: calc(var(--spacing)*20)
}
.lg\:pl-0 {
    padding-left: calc(var(--spacing)*0)
}
.lg\:pl-3 {
    padding-left: calc(var(--spacing)*3)
}
.lg\:pl-4 {
    padding-left: calc(var(--spacing)*4)
}
.lg\:pl-10 {
    padding-left: calc(var(--spacing)*10)
}
.lg\:text-center {
    text-align: center
}
.lg\:text-left {
    text-align: left
}
.lg\:text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height))
}
.lg\:text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height))
}
.lg\:text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height))
}
.lg\:text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height))
}
.lg\:text-\[10px\] {
    font-size: 10px
}
.lg\:text-\[18px\] {
    font-size: 18px
}
.lg\:text-\[20px\] {
    font-size: 20px
}
.lg\:text-\[23px\] {
    font-size: 23px
}
.lg\:text-\[26px\] {
    font-size: 26px
}
.lg\:text-\[29px\] {
    font-size: 29px
}
.lg\:text-\[32px\] {
    font-size: 32px
}
.lg\:text-\[40px\] {
    font-size: 40px
}
.lg\:text-\[56px\] {
    font-size: 56px
}
.lg\:leading-8 {
    --tw-leading: calc(var(--spacing)*8);
    line-height: calc(var(--spacing)*8)
}
.lg\:leading-\[38px\] {
    --tw-leading: 38px;
    line-height: 38px
}
.lg\:leading-\[68px\] {
    --tw-leading: 68px;
    line-height: 68px
}
.lg\:leading-\[100\%\] {
    --tw-leading: 100%;
    line-height: 100%
}
.lg\:leading-\[120\%\] {
    --tw-leading: 120%;
    line-height: 120%
}
.lg\:leading-\[150\%\] {
    --tw-leading: 150%;
    line-height: 150%
}
.lg\:font-black {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black)
}
.lg\:font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold)
}
.lg\:font-extralight {
    --tw-font-weight: var(--font-weight-extralight);
    font-weight: var(--font-weight-extralight)
}
.lg\:font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium)
}
.lg\:font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal)
}
.lg\:font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold)
}
.lg\:tracking-\[2\.24px\] {
    --tw-tracking: 2.24px;
    letter-spacing: 2.24px
}
.lg\:tracking-\[3\.6px\] {
    --tw-tracking: 3.6px;
    letter-spacing: 3.6px
}
.lg\:tracking-\[4\.2px\] {
    --tw-tracking: 4.2px;
    letter-spacing: 4.2px
}
.lg\:tracking-normal {
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal)
}
.lg\:text-\[\#0D0D0D\] {
    color: #0d0d0d
}
.lg\:text-\[\#8C8C8C\] {
    color: #8c8c8c
}
.lg\:text-\[\#333\] {
    color: #333
}
.lg\:text-\[\#A4A4A4\] {
    color: #a4a4a4
}
.lg\:text-gray-500 {
    color: var(--color-gray-500)
}
.lg\:text-primary-light {
    color: var(--color-primary-light)
}
.lg\:text-white {
    color: var(--color-white)
}
.lg\:\!normal-case {
    text-transform: none !important
}
.lg\:normal-case {
    text-transform: none
}
.lg\:opacity-0 {
    opacity: 0
}
.lg\:opacity-15 {
    opacity: .15
}
.lg\:opacity-50 {
    opacity: .5
}
.lg\:shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
}
.lg\: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)
}
.lg\: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))
}

}
@media (hover:hover) {
    @media (min-width:64rem) {
        .group-hover\:lg\:pointer-events-auto:is(:where(.group):hover *) {
            pointer-events: auto
        }
    }
}
@media (min-width:64rem) {
    @media (hover:hover) {
        .lg\:group-hover\:p-0:is(:where(.group):hover *) {
            padding: calc(var(--spacing)*0)
        }
        .lg\:group-hover\:text-\[19px\]:is(:where(.group):hover *) {
            font-size: 19px
        }
        .lg\:group-hover\:font-extrabold:is(:where(.group):hover *) {
            --tw-font-weight: var(--font-weight-extrabold);
            font-weight: var(--font-weight-extrabold)
        }
    }
}
@media (hover:hover) {
    @media (min-width:64rem) {
        .group-hover\:lg\:opacity-100:is(:where(.group):hover *) {
            opacity: 1
        }
    }
}
@media (min-width:64rem) {
    .lg\:placeholder\:text-\[\#FAFAFA\]::placeholder {
        color: #fafafa
    }
    .lg\:before\:\!bottom-2\.5:before {
        content: var(--tw-content);
        bottom: calc(var(--spacing)*2.5) !important
    }
    .lg\:before\:bottom-2:before {
        content: var(--tw-content);
        bottom: calc(var(--spacing)*2)
    }
    .lg\:before\:bottom-3:before {
        content: var(--tw-content);
        bottom: calc(var(--spacing)*3)
    }
    .lg\:before\:-left-\[710px\]:before {
        content: var(--tw-content);
        left: -710px
    }
    .lg\:before\:mt-0:before {
        content: var(--tw-content);
        margin-top: calc(var(--spacing)*0)
    }
    .lg\:before\:mt-0\.5:before {
        content: var(--tw-content);
        margin-top: calc(var(--spacing)*.5)
    }
    .lg\:before\:block:before {
        content: var(--tw-content);
        display: block
    }
    .lg\:before\:size-2:before {
        content: var(--tw-content);
        width: calc(var(--spacing)*2);
        height: calc(var(--spacing)*2)
    }
    .lg\:before\:size-5:before {
        content: var(--tw-content);
        width: calc(var(--spacing)*5);
        height: calc(var(--spacing)*5)
    }
    .lg\:before\:size-6:before {
        content: var(--tw-content);
        width: calc(var(--spacing)*6);
        height: calc(var(--spacing)*6)
    }
    .lg\:before\:size-full:before {
        content: var(--tw-content);
        width: 100%;
        height: 100%
    }
    .lg\:before\:h-16:before {
        content: var(--tw-content);
        height: calc(var(--spacing)*16)
    }
    .lg\:before\:h-\[60px\]:before {
        content: var(--tw-content);
        height: 60px
    }
    .lg\:before\:h-\[73\.46px\]:before {
        content: var(--tw-content);
        height: 73.46px
    }
    .lg\:before\:h-\[76\.93px\]:before {
        content: var(--tw-content);
        height: 76.93px
    }
    .lg\:before\:h-\[80\.26px\]:before {
        content: var(--tw-content);
        height: 80.26px
    }
    .lg\:before\:w-16:before {
        content: var(--tw-content);
        width: calc(var(--spacing)*16)
    }
    .lg\:before\:w-\[41px\]:before {
        content: var(--tw-content);
        width: 41px
    }
    .lg\:before\:w-\[49px\]:before {
        content: var(--tw-content);
        width: 49px
    }
    .lg\:before\:w-\[54px\]:before {
        content: var(--tw-content);
        width: 54px
    }
    .lg\:before\:w-\[59px\]:before {
        content: var(--tw-content);
        width: 59px
    }
    .lg\:before\:w-\[63\.05px\]:before {
        content: var(--tw-content);
        width: 63.05px
    }
    .lg\:before\:w-\[66px\]:before {
        content: var(--tw-content);
        width: 66px
    }
    .lg\:before\:w-\[67px\]:before {
        content: var(--tw-content);
        width: 67px
    }
    .lg\:before\:w-\[68px\]:before {
        content: var(--tw-content);
        width: 68px
    }
    .lg\:before\:w-\[73\.6px\]:before {
        content: var(--tw-content);
        width: 73.6px
    }
    .lg\:before\:w-\[77\.68px\]:before {
        content: var(--tw-content);
        width: 77.68px
    }
    .lg\:before\:w-\[77\.86px\]:before {
        content: var(--tw-content);
        width: 77.86px
    }
    .lg\:before\:w-\[700px\]:before {
        content: var(--tw-content);
        width: 700px
    }
    .lg\:before\:bg-\[\#333\]:before {
        content: var(--tw-content);
        background-color: #333
    }
    .lg\:before\:bg-primary-light:before {
        content: var(--tw-content);
        background-color: var(--color-primary-light)
    }
    .lg\:before\:bg-\[url\(\'\.\.\/images\/icons\/close-x-white\.svg\'\)\]:before {
 content: var(--tw-content);
    background-image: url(../images/icons/close-x-white.svg)
}
.lg\:after\:\!hidden:after {
    content: var(--tw-content);
    display: none !important
}
.lg\:after\:hidden:after {
    content: var(--tw-content);
    display: none
}

}
@media (hover:hover) {
    @media (min-width:64rem) {
        .hover\:lg\:pointer-events-auto:hover {
            pointer-events: auto
        }
        .hover\:lg\:opacity-100:hover {
            opacity: 1
        }
    }
}
@media (min-width:80rem) {
    .xl\:top-20 {
        top: calc(var(--spacing)*20)
    }
    .xl\:top-\[40px\] {
        top: 40px
    }
    .xl\:\!-right-0 {
        right: calc(var(--spacing)*0) !important
    }
    .xl\:\!-right-1 {
        right: calc(var(--spacing)*-1) !important
    }
    .xl\:-right-32 {
        right: calc(var(--spacing)*-32)
    }
    .xl\:-right-\[223px\] {
        right: -223px
    }
    .xl\:\!-left-15 {
        left: calc(var(--spacing)*-15) !important
    }
    .xl\:-left-7 {
        left: calc(var(--spacing)*-7)
    }
    .xl\:-left-10 {
        left: calc(var(--spacing)*-10)
    }
    .xl\:-mt-\[90px\] {
        margin-top: -90px
    }
    .xl\:-mt-\[190px\] {
        margin-top: -190px
    }
    .xl\:-mt-\[200px\] {
        margin-top: -200px
    }
    .xl\:\!flex { 
        display: flex !important
    }
    .xl\:h-\[300px\] {
        height: 300px
    }
    .xl\:h-\[423px\] {
        height: 423px
    }
    .xl\:w-\[850px\] {
        width: 850px
    }
    .xl\:w-\[969px\] {
        width: 969px
    }
    .xl\:w-\[1218px\] {
        width: 1218px
    }
    .xl\:grid-cols-\[1fr_496px\] {
        grid-template-columns: 1fr 496px
    }
    .xl\:grid-cols-\[1fr_600px\] {
        grid-template-columns: 1fr 600px
    }
    .xl\:grid-cols-\[600px_496px\] {
        grid-template-columns: 600px 496px
    }
    .xl\:items-center {
        align-items: center
    }
    .xl\:\!gap-6 {
        gap: calc(var(--spacing)*6) !important
    }
    .xl\:gap-\[75px\] {
        gap: 75px
    }
    .xl\:gap-\[unset\] {
        gap: unset;
    }
    .xl\:gap-\[128px\] {
        gap: 128px
    }
    .xl\:gap-\[170px\] {
        gap: 170px
    }
    .xl\:gap-x-\[132px\] {
        column-gap: 132px
    }
    .xl\:px-8 {
        padding-inline: calc(var(--spacing)*8)
    }
    .xl\:pr-\[100px\] {
        padding-right: 100px
    }
    .xl\:pl-\[77px\] {
        padding-left: 77px
    }
    .xl\:pl-\[104px\] {
        padding-left: 104px
    }
    .xl\:before\:mt-0:before {
        content: var(--tw-content);
        margin-top: calc(var(--spacing)*0)
    }
}
@media (min-width:96rem) {
    .\32 xl\:right-0 {
        right: calc(var(--spacing)*0)
    }
    .\32 xl\:\!-left-1 {
        left: calc(var(--spacing)*-1) !important
    }
    .\32 xl\:-left-1 {
        left: calc(var(--spacing)*-1)
    }
    .\32 xl\:left-0 {
        left: calc(var(--spacing)*0)
    }
    .\32 xl\:w-\[1250px\] {
        width: 1250px
    }
    .\32 xl\:scale-100 {
        --tw-scale-x: 100%;
        --tw-scale-y: 100%;
        --tw-scale-z: 100%;
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }
    .\32 xl\:scale-150 {
        --tw-scale-x: 150%;
        --tw-scale-y: 150%;
        --tw-scale-z: 150%;
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }
    .\32 xl\:bg-top {
        background-position: top
    }
    .\32 xl\:object-center {
        object-position: center
    }
}
.\[\&_a\]\:flex a {
    display: flex
}
.\[\&_a\]\:w-fit a {
    width: fit-content
}
.\[\&_a\]\:items-center a {
    align-items: center
}
.\[\&_a\]\:justify-center a {
    justify-content: center
}
.\[\&_a\]\:rounded-\[7px\] a {
    border-radius: 7px
}
.\[\&_a\]\:border-2 a {
    border-style: var(--tw-border-style);
    border-width: 2px
}
.\[\&_a\]\:border-primary-dark a {
    border-color: var(--color-primary-dark)
}
.\[\&_a\]\:px-2 a {
    padding-inline: calc(var(--spacing)*2)
}
.\[\&_a\]\:py-1 a {
    padding-block: calc(var(--spacing)*1)
}
.\[\&_a\]\:text-center a {
    text-align: center
}
.\[\&_a\]\:text-xs a {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height))
}
.\[\&_a\]\:text-\[10px\] a {
    font-size: 10px
}
.\[\&_a\]\:leading-\[150\%\] a {
    --tw-leading: 150%;
    line-height: 150%
}
.\[\&_a\]\:font-bold a {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold)
}
.\[\&_a\]\:text-\[\#8C8C8C\] a {
    color: #8c8c8c
}
.\[\&_a\]\:text-primary-dark a {
    color: var(--color-primary-dark)
}
.\[\&_a\]\:uppercase a {
    text-transform: uppercase
}
.\[\&_a\]\:transition-colors a {
    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))
}
.\[\&_a\]\:duration-200 a {
    --tw-duration: .2s;
    transition-duration: .2s
}
@media (min-width:64rem) {
    .lg\:\[\&_a\]\:text-base a {
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height))
    }
}
.\[\&_a\:hover\]\:bg-primary-dark\/10 a:hover {
    background-color: #e84f1f1a
}
@supports (color:color-mix(in lab, red, red)) {
    .\[\&_a\:hover\]\:bg-primary-dark\/10 a:hover {
        background-color: color-mix(in oklab, var(--color-primary-dark)10%, transparent)
    }
}
.\[\&_a\:hover\]\:text-primary-pure a:hover {
    color: var(--color-primary-pure)
}
.\[\&_a\:hover\]\:text-white a:hover {
    color: var(--color-white)
}
@media (min-width:64rem) {
    .lg\:\[\&_article\:first-child\]\:col-span-2 article:first-child {
        grid-column: span 2/span 2
    }
    .lg\:\[\&_article\:first-child\]\:row-span-2 article:first-child {
        grid-row: span 2/span 2
    }
    .lg\:\[\&_article\:first-child_a\]\:h-\[581px\] article:first-child a {
        height: 581px
    }
    .lg\:\[\&_article\:first-child_div\]\:\!translate-y-0 article:first-child div {
        --tw-translate-y: calc(var(--spacing)*0) !important;
        translate: var(--tw-translate-x)var(--tw-translate-y) !important
    }
    .lg\:\[\&_article\:first-child_div\]\:via-black\/60 article:first-child div {
        --tw-gradient-via: #0a0a0a99
    }
    @supports (color:color-mix(in lab, red, red)) {
        .lg\:\[\&_article\:first-child_div\]\:via-black\/60 article:first-child div {
            --tw-gradient-via: color-mix(in oklab, var(--color-black)60%, transparent)
        }
    }
    .lg\:\[\&_article\:first-child_div\]\:via-black\/60 article:first-child div {
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-via)var(--tw-gradient-via-position), var(--tw-gradient-to)var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops)
    }
    .lg\:\[\&_article\:first-child_div\]\:px-6 article:first-child div {
        padding-inline: calc(var(--spacing)*6)
    }
    .lg\:\[\&_article\:first-child_div\]\:pb-6 article:first-child div {
        padding-bottom: calc(var(--spacing)*6)
    }
    .lg\:\[\&_article\:first-child_h3\]\:\!p-0 article:first-child h3 {
        padding: calc(var(--spacing)*0) !important
    }
    .lg\:\[\&_article\:first-child_h3\]\:text-\[32px\] article:first-child h3 {
        font-size: 32px
    }
    .lg\:\[\&_article\:first-child_h3\]\:font-extrabold article:first-child h3 {
        --tw-font-weight: var(--font-weight-extrabold);
        font-weight: var(--font-weight-extrabold)
    }
    .lg\:\[\&_article\:first-child_p\]\:text-base article:first-child p {
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height))
    }
    .lg\:\[\&_article\:first-child_picture_span\]\:gap-1 article:first-child picture span {
        gap: calc(var(--spacing)*1)
    }
    .lg\:\[\&_article\:first-child_picture_span\]\:p-2 article:first-child picture span {
        padding: calc(var(--spacing)*2)
    }
    .lg\:\[\&_article\:first-child_picture_span\]\:text-xs article:first-child picture span {
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height))
    }
    .lg\:\[\&_article\:first-child_picture_span\]\:before\:size-3 article:first-child picture span:before {
        content: var(--tw-content);
        width: calc(var(--spacing)*3);
        height: calc(var(--spacing)*3)
    }
}
.\[\&_button\]\:transition-colors button {
    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))
}
.\[\&_button\:hover\]\:text-primary-pure button:hover {
    color: var(--color-primary-pure)
}
.\[\&_h5\]\:mb-2 h5 {
    margin-bottom: calc(var(--spacing)*2)
}
.\[\&_h5\]\:text-\[23px\] h5 {
    font-size: 23px
}
.\[\&_h5\]\:font-semibold h5 {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold)
}
.\[\&_img\]\:z-\[1\] img {
    z-index: 1
}
.\[\&_img\]\:size-full img {
    width: 100%;
    height: 100%
}
.\[\&_img\]\:h-\[50px\] img {
    height: 50px
}
.\[\&_img\]\:w-auto img {
    width: auto
}
.\[\&_img\]\:rounded-lg img {
    border-radius: var(--radius-lg)
}
.\[\&_img\]\:rounded-t-\[10px\] img {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}
.\[\&_img\]\:object-cover img {
    object-fit: cover
}
.\[\&_img\]\:object-\[right_30\%\] img {
    object-position: right 30%
}
.\[\&_img\]\:object-\[center_30\%\] img {
    object-position: center 30%
}
.\[\&_img\]\:object-\[center_40\%\] img {
    object-position: center 40%
}
.\[\&_li\]\:px-4 li {
    padding-inline: calc(var(--spacing)*4)
}
.\[\&_li\]\:py-\[11px\] li {
    padding-block: 11px
}
.\[\&_li\]\:py-\[5px\] li {
    padding-block: 5px
}
@media (min-width:64rem) {
    .lg\:\[\&_li\]\:p-0 li {
        padding: calc(var(--spacing)*0)
    }
    .lg\:\[\&_li\]\:\!px-4 li {
        padding-inline: calc(var(--spacing)*4) !important
    }
    .lg\:\[\&_li\]\:\!py-\[11px\] li {
        padding-block: 11px !important
    }
    .lg\:\[\&_li\]\:\!py-\[5px\] li {
        padding-block: 5px !important
    }
    .lg\:\[\&_li\>a\:hover\]\:text-white li>a:hover {
        color: var(--color-white)
    }
}
.\[\&_span\]\:font-bold span, .\[\&_strong\]\:font-bold strong {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold)
}
.\[\&_strong\]\:font-extrabold strong {
    --tw-font-weight: var(--font-weight-extrabold);
    font-weight: var(--font-weight-extrabold)
}
.\[\&_strong\]\:font-normal strong {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal)
}
.\[\&_strong\]\:font-semibold strong {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold)
}
.\[\&_strong\]\:text-primary-pure strong {
    color: var(--color-primary-pure)
}
@media (min-width:64rem) {
    .lg\:\[\&_strong\]\:font-normal strong {
        --tw-font-weight: var(--font-weight-normal);
        font-weight: var(--font-weight-normal)
    }
}
.icon-after:after, .icon-before:before {
    --tw-content: "";
    content: var(--tw-content);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    flex-shrink: 0;
    display: block
}
@layer components {
    .format-the-content {
        --tw-leading: 140%;
        line-height: 140%
    }
    .format-the-content h1 {
        margin-block: calc(var(--spacing)*3);
        font-size: var(--text-3xl);
        line-height: var(--tw-leading, var(--text-3xl--line-height));
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
        color: var(--color-primary-pure)
    }
    @media (min-width:48rem) {
        .format-the-content h1 {
            font-size: var(--text-4xl);
            line-height: var(--tw-leading, var(--text-4xl--line-height))
        }
    }
    .format-the-content h2 {
        margin-block: calc(var(--spacing)*2);
        font-size: var(--text-2xl);
        line-height: var(--tw-leading, var(--text-2xl--line-height));
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
        color: var(--color-primary-dark)
    }
    .format-the-content h3 {
        margin-block: calc(var(--spacing)*2);
        font-size: var(--text-xl);
        line-height: var(--tw-leading, var(--text-xl--line-height));
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
        color: var(--color-primary-dark)
    }
    .format-the-content h4 {
        margin-block: calc(var(--spacing)*2);
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height));
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
        color: var(--color-primary-pure)
    }
    .format-the-content h5 {
        margin-block: calc(var(--spacing)*2);
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
        color: var(--color-primary-pure)
    }
    .format-the-content h6 {
        margin-block: calc(var(--spacing)*2);
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
        color: var(--color-primary-pure)
    }
    .format-the-content p {
        margin-bottom: calc(var(--spacing)*3);
        color: #333
    }
    .format-the-content ul {
        margin-bottom: calc(var(--spacing)*4);
        padding-left: calc(var(--spacing)*5);
        list-style-type: disc
    }
    .format-the-content ol {
        margin-bottom: calc(var(--spacing)*4);
        padding-left: calc(var(--spacing)*5);
        list-style-type: decimal
    }
    .format-the-content li {
        margin-bottom: calc(var(--spacing)*1);
        color: #333
    }
    .format-the-content .wp-block-table {
        margin-inline: calc(var(--spacing)*-4);
        max-width: 100%;
        overflow-x: auto
    }
    .format-the-content table {
        /* margin-bottom: calc(var(--spacing)*4); */
        border-collapse: collapse;
        max-width: 65rem;
        display: block;
        overflow-x: auto;
        white-space: nowrap;
        margin: 0 auto;        
    }
    .format-the-content th {
        border-style: var(--tw-border-style);
        background-color: var(--color-gray-100);
        padding-inline: calc(var(--spacing)*3);
        padding-block: calc(var(--spacing)*2);
        text-align: left;
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
        border-width: 1px
    }
    .format-the-content td {
        border-style: var(--tw-border-style);
        padding-inline: calc(var(--spacing)*3);
        padding-block: calc(var(--spacing)*2);
        border-width: 1px
    }
    .format-the-content tr:nth-child(2n) {
        background-color: var(--color-white)
    }
    .format-the-content iframe {
        aspect-ratio: 16/9;
        border-radius: var(--radius-xl);
        width: 100%;
        height: auto;
        display: block
    }
    .format-the-content .wp-block-embed wrapper {
        padding-bottom: 56.25%;
        position: relative
    }
    .format-the-content .wp-block-embed wrapper>iframe {
        inset: calc(var(--spacing)*0);
        border-radius: var(--radius-xl);
        width: 100%;
        height: 100%;
        position: absolute
    }
    .format-the-content video {
        border-radius: var(--radius-xl);
        width: 100%;
        height: auto;
        display: block
    }
}
.swiper .nav-btns-pn button[aria-disabled=true] {
    pointer-events: none;
    cursor: default;
    opacity: .5
}
.swiper .custom-pagination {
    margin-top: calc(var(--spacing)*10) !important;
    justify-content: center !important;
    align-items: center !important;
    gap: calc(var(--spacing)*3.5) !important;
    display: flex !important
}
.swiper .custom-pagination .swiper-pagination-bullet {
    height: calc(var(--spacing)*1.5) !important;
    width: calc(var(--spacing)*10) !important;
    background-color: var(--color-primary-pure) !important;
    opacity: .5 !important;
    transition-property: all !important;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
    --tw-duration: .2s !important;
    border-radius: 5px !important;
    transition-duration: .2s !important
}
.swiper .custom-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    pointer-events: none !important;
    width: calc(var(--spacing)*20) !important;
    cursor: default !important;
    opacity: 1 !important
}
.default-button-primary {
    justify-content: center;
    align-items: center;
    gap: calc(var(--spacing)*2);
    background-color: var(--color-primary-dark);
    width: fit-content;
    height: 42px;
    padding-inline: calc(var(--spacing)*4);
    text-align: center;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    white-space: nowrap;
    color: var(--color-gray-200);
    outline-style: var(--tw-outline-style);
    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));
    border-radius: 10px;
    outline-width: 0;
    padding-block: 11px;
    display: flex
}
@media (hover:hover) {
    .default-button-primary:hover {
        background-color: var(--color-primary-pure)
    }
}
.default-button-primary:focus {
    --tw-outline-style: none;
    outline-style: none
}
.default-button-primary:active {
    background-color: var(--color-primary-light)
}
.neutral-shadow-01 {
    box-shadow: 0 .5px 2px #19213d1a
}
.neutral-shadow-02 {
    box-shadow: 0 1px 4px #19213d14
}
#hero_home .icon-group-tabs button {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .3s;
    justify-content: center;
    align-items: center;
    transition-duration: .3s;
    display: flex
}
#hero_home .icon-group-tabs button:not(:last-child):after {
    margin-inline: calc(var(--spacing)*4);
    width: calc(var(--spacing)*6);
    height: calc(var(--spacing)*6);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-content: "";
    content: var(--tw-content);
    background-image: url(../images/icons/chevron-right-white.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}
#hero_home .icon-group-tabs button.active {
    cursor: default;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold)
}
#hero_home .hero-banner-item.active {
    pointer-events: auto;
    z-index: 2;
    opacity: 1;
    -webkit-user-select: auto;
    user-select: auto
}
@keyframes scroll-left {
    0% {
        transform: translate(0)
    }
    to {
        transform: translate(calc(-100% - 104px))
    }
}
.scroll-track {
    animation: 14s linear infinite scroll-left
}
@media (max-width:1024px) {
    .scroll-track {
        animation: 20s linear infinite scroll-left
    }
}
ul.custom-list-disc li::marker {
    font-size: .8rem
}
.border-gradient-primary:before {
    content: "";
    z-index: -1;
    border-radius: inherit;
    -webkit-mask-composite: xor;
    -webkit-mask-composite: xor;
    -webkit-mask-source-type: auto, auto;
    background: linear-gradient(to bottom right, #ffac88 0%, #ffac8820 62%, #ffac8800 100%);
    padding: 1px;
    position: absolute;
    inset: 0;
    -webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
    mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
    -webkit-mask-position: 0 0, 0 0;
    mask-position: 0 0, 0 0;
    -webkit-mask-size: auto, auto;
    mask-size: auto, auto;
    -webkit-mask-repeat: repeat, repeat;
    mask-repeat: repeat, repeat;
    -webkit-mask-clip: content-box, border-box;
    mask-clip: content-box, border-box;
    -webkit-mask-origin: content-box, border-box;
    mask-origin: content-box, border-box;
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    -webkit-mask-source-type: auto, auto;
    mask-mode: match-source, match-source
}
.border-gradient-primary-tl:before {
    content: "";
    z-index: -1;
    border-radius: inherit;
    -webkit-mask-composite: xor;
    -webkit-mask-composite: xor;
    -webkit-mask-source-type: auto, auto;
    background: linear-gradient(to top left, #ffac88 0%, #ffac8820 62%, #ffac8800 100%);
    padding: 1px;
    position: absolute;
    inset: 0;
    -webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
    mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
    -webkit-mask-position: 0 0, 0 0;
    mask-position: 0 0, 0 0;
    -webkit-mask-size: auto, auto;
    mask-size: auto, auto;
    -webkit-mask-repeat: repeat, repeat;
    mask-repeat: repeat, repeat;
    -webkit-mask-clip: content-box, border-box;
    mask-clip: content-box, border-box;
    -webkit-mask-origin: content-box, border-box;
    mask-origin: content-box, border-box;
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    -webkit-mask-source-type: auto, auto;
    mask-mode: match-source, match-source
}
.border-gradient-primary-t:before {
    content: "";
    z-index: -1;
    border-radius: inherit;
    -webkit-mask-composite: xor;
    -webkit-mask-composite: xor;
    -webkit-mask-source-type: auto, auto;
    background: linear-gradient(#ffac8800 0%, #ffac8810 38%, #ffac88 100%);
    padding: 1px;
    position: absolute;
    inset: 0;
    -webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
    mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
    -webkit-mask-position: 0 0, 0 0;
    mask-position: 0 0, 0 0;
    -webkit-mask-size: auto, auto;
    mask-size: auto, auto;
    -webkit-mask-repeat: repeat, repeat;
    mask-repeat: repeat, repeat;
    -webkit-mask-clip: content-box, border-box;
    mask-clip: content-box, border-box;
    -webkit-mask-origin: content-box, border-box;
    mask-origin: content-box, border-box;
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    -webkit-mask-source-type: auto, auto;
    mask-mode: match-source, match-source
}
.icon-group-breadcrumb {
    flex-wrap: wrap;
    display: flex
}
.icon-group-breadcrumb a {
    --tw-leading: 150%;
    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));
    justify-content: center;
    align-items: center;
    line-height: 150%;
    display: flex
}
.icon-group-breadcrumb a:hover {
    color: var(--color-primary-pure)
}
.icon-group-breadcrumb a:first-child:before {
    margin-right: calc(var(--spacing)*2);
    width: calc(var(--spacing)*5);
    height: calc(var(--spacing)*5);
    --tw-content: "";
    content: var(--tw-content);
    background-image: url(../images/icons/home-white.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}
.icon-group-breadcrumb a:nth-child(2):before, .icon-group-breadcrumb a:nth-child(3):before, .icon-group-breadcrumb a:nth-child(4):before, .icon-group-breadcrumb a:nth-child(5):before, .icon-group-breadcrumb a:nth-child(6):before {
    margin-inline: calc(var(--spacing)*1);
    width: calc(var(--spacing)*6);
    height: calc(var(--spacing)*6);
    --tw-content: "";
    content: var(--tw-content);
    background-image: url(../images/icons/chevron-right-white.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}
.icon-group-breadcrumb a:last-child:before {
    margin-inline: calc(var(--spacing)*1);
    width: calc(var(--spacing)*6);
    height: calc(var(--spacing)*6);
    --tw-content: "";
    content: var(--tw-content);
    background-image: url(../images/icons/chevron-right-primary.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}
.icon-group-breadcrumb a:last-child {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-primary-pure)
}
.custom-dashed-border {
    border-left: 2px solid #ffac88;
    border-image: repeating-linear-gradient(#ffac88 0 10px, #0000 10px 30px) 1
}

}
@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-scale-x {
    syntax: "*";
    inherits: false;
    initial-value: 1
}
@property --tw-scale-y {
    syntax: "*";
    inherits: false;
    initial-value: 1
}
@property --tw-scale-z {
    syntax: "*";
    inherits: false;
    initial-value: 1
}
@property --tw-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-mask-linear {
    syntax: "*";
    inherits: false;
    initial-value: linear-gradient(#fff, #fff)
}
@property --tw-mask-radial {
    syntax: "*";
    inherits: false;
    initial-value: linear-gradient(#fff, #fff)
}
@property --tw-mask-conic {
    syntax: "*";
    inherits: false;
    initial-value: linear-gradient(#fff, #fff)
}
@property --tw-mask-left {
    syntax: "*";
    inherits: false;
    initial-value: linear-gradient(#fff, #fff)
}
@property --tw-mask-right {
    syntax: "*";
    inherits: false;
    initial-value: linear-gradient(#fff, #fff)
}
@property --tw-mask-bottom {
    syntax: "*";
    inherits: false;
    initial-value: linear-gradient(#fff, #fff)
}
@property --tw-mask-top {
    syntax: "*";
    inherits: false;
    initial-value: linear-gradient(#fff, #fff)
}
@property --tw-mask-top-from-position {
    syntax: "*";
    inherits: false;
    initial-value: 0%
}
@property --tw-mask-top-to-position {
    syntax: "*";
    inherits: false;
    initial-value: 100%
}
@property --tw-mask-top-from-color {
    syntax: "*";
    inherits: false;
    initial-value: black
}
@property --tw-mask-top-to-color {
    syntax: "*";
    inherits: false;
    initial-value: transparent
}
@property --tw-mask-right-from-position {
    syntax: "*";
    inherits: false;
    initial-value: 0%
}
@property --tw-mask-right-to-position {
    syntax: "*";
    inherits: false;
    initial-value: 100%
}
@property --tw-mask-right-from-color {
    syntax: "*";
    inherits: false;
    initial-value: black
}
@property --tw-mask-right-to-color {
    syntax: "*";
    inherits: false;
    initial-value: transparent
}
@property --tw-mask-bottom-from-position {
    syntax: "*";
    inherits: false;
    initial-value: 0%
}
@property --tw-mask-bottom-to-position {
    syntax: "*";
    inherits: false;
    initial-value: 100%
}
@property --tw-mask-bottom-from-color {
    syntax: "*";
    inherits: false;
    initial-value: black
}
@property --tw-mask-bottom-to-color {
    syntax: "*";
    inherits: false;
    initial-value: transparent
}
@property --tw-leading {
    syntax: "*";
    inherits: false
}
@property --tw-font-weight {
    syntax: "*";
    inherits: false
}
@property --tw-tracking {
    syntax: "*";
    inherits: false
}
@property --tw-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}
@property --tw-shadow-color {
    syntax: "*";
    inherits: false
}
@property --tw-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%
}
@property --tw-inset-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}
@property --tw-inset-shadow-color {
    syntax: "*";
    inherits: false
}
@property --tw-inset-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%
}
@property --tw-ring-color {
    syntax: "*";
    inherits: false
}
@property --tw-ring-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}
@property --tw-inset-ring-color {
    syntax: "*";
    inherits: false
}
@property --tw-inset-ring-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}
@property --tw-ring-inset {
    syntax: "*";
    inherits: false
}
@property --tw-ring-offset-width {
    syntax: "<length>";
    inherits: false;
    initial-value: 0
}
@property --tw-ring-offset-color {
    syntax: "*";
    inherits: false;
    initial-value: #fff
}
@property --tw-ring-offset-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}
@property --tw-outline-style {
    syntax: "*";
    inherits: false;
    initial-value: solid
}
@property --tw-blur {
    syntax: "*";
    inherits: false
}
@property --tw-brightness {
    syntax: "*";
    inherits: false
}
@property --tw-contrast {
    syntax: "*";
    inherits: false
}
@property --tw-grayscale {
    syntax: "*";
    inherits: false
}
@property --tw-hue-rotate {
    syntax: "*";
    inherits: false
}
@property --tw-invert {
    syntax: "*";
    inherits: false
}
@property --tw-opacity {
    syntax: "*";
    inherits: false
}
@property --tw-saturate {
    syntax: "*";
    inherits: false
}
@property --tw-sepia {
    syntax: "*";
    inherits: false
}
@property --tw-drop-shadow {
    syntax: "*";
    inherits: false
}
@property --tw-drop-shadow-color {
    syntax: "*";
    inherits: false
}
@property --tw-drop-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%
}
@property --tw-drop-shadow-size {
    syntax: "*";
    inherits: false
}
@property --tw-backdrop-blur {
    syntax: "*";
    inherits: false
}
@property --tw-backdrop-brightness {
    syntax: "*";
    inherits: false
}
@property --tw-backdrop-contrast {
    syntax: "*";
    inherits: false
}
@property --tw-backdrop-grayscale {
    syntax: "*";
    inherits: false
}
@property --tw-backdrop-hue-rotate {
    syntax: "*";
    inherits: false
}
@property --tw-backdrop-invert {
    syntax: "*";
    inherits: false
}
@property --tw-backdrop-opacity {
    syntax: "*";
    inherits: false
}
@property --tw-backdrop-saturate {
    syntax: "*";
    inherits: false
}
@property --tw-backdrop-sepia {
    syntax: "*";
    inherits: false
}
@property --tw-duration {
    syntax: "*";
    inherits: false
}
@property --tw-ease {
    syntax: "*";
    inherits: false
}
@property --tw-content {
    syntax: "*";
    inherits: false;
    initial-value: ""
}
@property --tw-mask-left-from-position {
    syntax: "*";
    inherits: false;
    initial-value: 0%
}
@property --tw-mask-left-to-position {
    syntax: "*";
    inherits: false;
    initial-value: 100%
}
@property --tw-mask-left-from-color {
    syntax: "*";
    inherits: false;
    initial-value: black
}
@property --tw-mask-left-to-color {
    syntax: "*";
    inherits: false;
    initial-value: transparent
}
@keyframes bounce {
    0%, to {
        animation-timing-function: cubic-bezier(.8, 0, 1, 1);
        transform: translateY(-25%)
    }
    50% {
        animation-timing-function: cubic-bezier(0, 0, .2, 1);
        transform: none
    }
}


/* ************************************** */


/* WHATSAPP */

#chat-whatsapp .mauticform-page-wrapper {
    display: flex !important;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    gap: 1rem;
}

#chat-whatsapp .mauticform-row {
    width: calc(50% - 1rem);
    margin-bottom: 0;
}

#chat-whatsapp .mauticform-label {
    font-size: .75rem;
    margin-bottom: .5rem;
    color: #5d5d5d !important;
}

#chat-whatsapp .mauticform-selectbox,
#chat-whatsapp .mauticform-input,
#chat-whatsapp .mauticform-textarea {
    font-size: .75rem;
    background: #eae6df;
    border: 1px solid #5d5d5d;
    border-radius: 100px;
    padding: .5rem;
}

#chat-whatsapp .mauticform-button {
    background: #009688;
    color: #fff;
    border-radius: 100px;
    margin-top: 1rem;
}

#chat-whatsapp .mauticform-message {
    margin-bottom: 1rem;
    color: #fff;
    font-size: .75rem;
}

/* SIDE FORM CTA */

#side_form .mauticform-page-wrapper {
    display: flex !important;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    gap: 1rem;
}

#side_form .mauticform-row {
    width: calc(50% - 1rem);
    margin-bottom: 0;
}

#side_form #mauticform_buttonsidealmarketingcombr_mensagem {
    width: 100%;
    margin-bottom: 0;
}

#side_form .mauticform-label {
    font-size: .75rem;
    margin-bottom: .5rem;
    color: #FFF !important;
}

#side_form .mauticform-selectbox,
#side_form .mauticform-input,
#side_form .mauticform-textarea {
    font-size: .75rem;
    background: #fff;
    border: 1px solid #5d5d5d;
    border-radius: 100px;
    padding: .5rem;
}

#side_form .mauticform-button {
    background: #009688;
    color: #fff;
    border-radius: 100px;
    margin-top: 1rem;
}

#side_form .mauticform-message {
    margin-bottom: 1rem;
    color: #fff;
    font-size: .75rem;
}


/* CONTENT FORM CTA */

#content_form .mauticform-page-wrapper {
    display: flex !important;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    gap: 1rem;
}

#content_form .mauticform-row {
    width: calc(50% - 1rem);
    margin-bottom: 0;
}

#content_form #mauticform_defaultformidealmarketingcombr_mensagem {
    width: 100%;
    margin-bottom: 0;
}

#content_form .mauticform-label {
    font-size: .85rem;
    margin-bottom: .5rem;
    color: #333 !important;
}

#content_form .mauticform-selectbox,
#content_form .mauticform-input,
#content_form .mauticform-textarea {
    font-size: .85rem;
    background: #333333;
    color: #ffffff;
    border: unset;
    border-radius: 100px;
    padding: .75rem;
}

#content_form .mauticform-button {
    background: var(--color-primary-dark);
    color: #fff;
    border-radius: 100px;
    padding: 1rem;
    margin-top: 0;
    width: 100%;
    text-transform: uppercase;
}

#content_form #mauticform_defaultformidealmarketingcombr_submit {
    width: 100%;
}

#content_form .mauticform-message {
    margin-bottom: 1rem;
    color: #fff;
    font-size: .75rem;
}


/* NEWSLETTER FORM */

#newsletter_footer .mauticform-page-wrapper {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
}

#newsletter_footer .mauticform_wrapper {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 auto !important;
}

#newsletter_footer .mauticform-row {
    margin: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
}

#newsletter_footer .mauticform-input {
    font-size: .75rem;
    background: #fff;
    border: 1px solid #5d5d5d;
    border-radius: 100px;
    padding: .5rem;
}

#newsletter_form .mauticform_newsletteridealmarketingcombr_email {
    width: 100%;
}

#newsletter_footer .mauticform-button {
    background: var(--color-primary-dark);
    color: #fff;
    border-radius: 100px;
    margin: 0 auto !important;
}

#newsletter_footer .mauticform-message {
    margin-bottom: 1rem;
    color: #fff;
    font-size: .75rem;
}

.aspect-16-9 {
    aspect-ratio: 16/9;
}

span.page-numbers {
    background-color: black;
    padding: 5px;
    border-radius: 3px;
    color: var(--color-primary-dark);
    font-weight: 500;
}

span.page-numbers.dots {
    font-weight: 00;
    padding: 5px;
    font-weight: 500;
}

a.page-numbers {
    background-color: black;
    padding: 5px;
    border-radius: 3px;
    color: var(--color-primary-dark);
    font-weight: 500;
}


/* MID CONTENT CTA (POSTS) */

.mid-content-cta {
    background-color: var(--color-black);
    margin: 1rem auto;
    box-sizing: border-box;
    padding: 1.5rem;
    position: relative;
}

.mid-content-cta img.lg\:hidden {
    position: absolute;
    max-width: 100%;
    width: 100%;
    height: 100%;
    bottom: 0;
    right: 79px;
    opacity: .5;
    z-index: 0;
}

.mid-content-cta .content {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: start;
    justify-content: center;
    flex-direction: column;
}

.mid-content-cta .content p {
    color: var(--color-white);
}

@media (min-width: 640px) {}


/* BREADCRUMBS */

.rank-math-breadcrumb {
    color: var(--color-white) !important;
    font-weight: 200;
    font-size: .75rem;
}

#service .rank-math-breadcrumb,
#contact .rank-math-breadcrumb {
    color: var(--color-black) !important;
}

/* SINGLE */

#single .format-the-content img {
    margin: .5rem auto;
}

.mauticform_wrapper {
width: 100%; 
}

.category-page-h2 {
    font-size: 1.7em !important;
    margin-bottom: 1rem;
}

.category-page-p {
    margin-bottom: 1rem;
}

.header-submenu li {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.m-auto {
    margin: 0 auto;
}