/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, utilities;
@layer theme {
  :root, :host {
    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --container-lg: 32rem;
    --container-xl: 36rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-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;
    --leading-tight: 1.25;
    --radius-xl: 0.75rem;
    --radius-2xl: 1rem;
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --font-inter: "Inter", ui-sans-serif, system-ui, sans-serif;
    --font-outfit: "Outfit", ui-sans-serif, system-ui, sans-serif;
    --font-bebas: "Bebas Neue", ui-sans-serif, system-ui, sans-serif;
    --font-beiruti: "Beiruti", ui-sans-serif, system-ui, sans-serif;
    --font-montserrat: "Montserrat", ui-sans-serif, system-ui, sans-serif;
    --font-fredoka: "Fredoka", ui-sans-serif, system-ui, sans-serif;
    --animate-logo-reveal: logo-reveal 700ms cubic-bezier(0.22, 1, 0.36, 1) both;
  }
}
@layer utilities {
  .\[container-type\:inline-size\] {
    container-type: inline-size !important;
  }
  .pointer-events-none {
    pointer-events: none !important;
  }
  .visible {
    visibility: visible !important;
  }
  .sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
    border-width: 0 !important;
  }
  .absolute {
    position: absolute !important;
  }
  .relative {
    position: relative !important;
  }
  .static {
    position: static !important;
  }
  .sticky {
    position: sticky !important;
  }
  .inset-x-0 {
    inset-inline: 0px !important;
  }
  .inset-x-\[5\%\] {
    inset-inline: 5% !important;
  }
  .top-0 {
    top: 0px !important;
  }
  .top-3 {
    top: calc(var(--spacing) * 3) !important;
  }
  .top-5 {
    top: calc(var(--spacing) * 5) !important;
  }
  .top-\[4\%\] {
    top: 4% !important;
  }
  .top-\[10\%\] {
    top: 10% !important;
  }
  .top-\[33\%\] {
    top: 33% !important;
  }
  .top-\[35\%\] {
    top: 35% !important;
  }
  .top-\[43\%\] {
    top: 43% !important;
  }
  .-right-\[8\%\] {
    right: calc(8% * -1) !important;
  }
  .right-0 {
    right: 0px !important;
  }
  .-bottom-\[16cqw\] {
    bottom: calc(16cqw * -1) !important;
  }
  .bottom-3 {
    bottom: calc(var(--spacing) * 3) !important;
  }
  .left-1\/2 {
    left: calc(1 / 2 * 100%) !important;
  }
  .left-\[2\%\] {
    left: 2% !important;
  }
  .left-\[5\%\] {
    left: 5% !important;
  }
  .left-\[7\%\] {
    left: 7% !important;
  }
  .left-\[12\.5\%\] {
    left: 12.5% !important;
  }
  .isolate {
    isolation: isolate !important;
  }
  .z-0 {
    z-index: 0 !important;
  }
  .z-10 {
    z-index: 10 !important;
  }
  .z-20 {
    z-index: 20 !important;
  }
  .z-30 {
    z-index: 30 !important;
  }
  .z-\[1\] {
    z-index: 1 !important;
  }
  .z-\[2\] {
    z-index: 2 !important;
  }
  .z-\[100\] {
    z-index: 100 !important;
  }
  .order-1 {
    order: 1 !important;
  }
  .order-2 {
    order: 2 !important;
  }
  .order-3 {
    order: 3 !important;
  }
  .m-0 {
    margin: 0px !important;
  }
  .m-auto {
    margin: auto !important;
  }
  .mx-auto {
    margin-inline: auto !important;
  }
  .my-3 {
    margin-block: calc(var(--spacing) * 3) !important;
  }
  .my-auto {
    margin-block: auto !important;
  }
  .-mt-2 {
    margin-top: calc(var(--spacing) * -2) !important;
  }
  .mt-0 {
    margin-top: 0px !important;
  }
  .mt-1 {
    margin-top: var(--spacing) !important;
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2) !important;
  }
  .mt-4 {
    margin-top: calc(var(--spacing) * 4) !important;
  }
  .mt-5 {
    margin-top: calc(var(--spacing) * 5) !important;
  }
  .mt-6 {
    margin-top: calc(var(--spacing) * 6) !important;
  }
  .mt-7 {
    margin-top: calc(var(--spacing) * 7) !important;
  }
  .mt-8 {
    margin-top: calc(var(--spacing) * 8) !important;
  }
  .mt-9 {
    margin-top: calc(var(--spacing) * 9) !important;
  }
  .mt-10 {
    margin-top: calc(var(--spacing) * 10) !important;
  }
  .mt-11 {
    margin-top: calc(var(--spacing) * 11) !important;
  }
  .mt-\[1cqw\] {
    margin-top: 1cqw !important;
  }
  .mr-5 {
    margin-right: calc(var(--spacing) * 5) !important;
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2) !important;
  }
  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3) !important;
  }
  .mb-5 {
    margin-bottom: calc(var(--spacing) * 5) !important;
  }
  .mb-\[1\.5cqw\] {
    margin-bottom: 1.5cqw !important;
  }
  .mb-auto {
    margin-bottom: auto !important;
  }
  .ml-\[1\.5cqw\] {
    margin-left: 1.5cqw !important;
  }
  .ml-auto {
    margin-left: auto !important;
  }
  .box-border {
    box-sizing: border-box !important;
  }
  .block {
    display: block !important;
  }
  .flex {
    display: flex !important;
  }
  .flow-root {
    display: flow-root !important;
  }
  .grid {
    display: grid !important;
  }
  .hidden {
    display: none !important;
  }
  .inline-flex {
    display: inline-flex !important;
  }
  .aspect-\[156\/91\] {
    aspect-ratio: 156/91 !important;
  }
  .aspect-\[494\/480\] {
    aspect-ratio: 494/480 !important;
  }
  .aspect-\[494\/507\] {
    aspect-ratio: 494/507 !important;
  }
  .size-9 {
    width: calc(var(--spacing) * 9) !important;
    height: calc(var(--spacing) * 9) !important;
  }
  .size-96 {
    width: calc(var(--spacing) * 96) !important;
    height: calc(var(--spacing) * 96) !important;
  }
  .h-0 {
    height: 0px !important;
  }
  .h-1 {
    height: var(--spacing) !important;
  }
  .h-3 {
    height: calc(var(--spacing) * 3) !important;
  }
  .h-5 {
    height: calc(var(--spacing) * 5) !important;
  }
  .h-10 {
    height: calc(var(--spacing) * 10) !important;
  }
  .h-12 {
    height: calc(var(--spacing) * 12) !important;
  }
  .h-14 {
    height: calc(var(--spacing) * 14) !important;
  }
  .h-56 {
    height: calc(var(--spacing) * 56) !important;
  }
  .h-\[6px\] {
    height: 6px !important;
  }
  .h-\[24cqw\] {
    height: 24cqw !important;
  }
  .h-\[45px\] {
    height: 45px !important;
  }
  .h-\[48cqw\] {
    height: 48cqw !important;
  }
  .h-\[65px\] {
    height: 65px !important;
  }
  .h-\[115px\] {
    height: 115px !important;
  }
  .h-\[120px\] {
    height: 120px !important;
  }
  .h-\[160px\] {
    height: 160px !important;
  }
  .h-\[190px\] {
    height: 190px !important;
  }
  .h-\[450px\] {
    height: 450px !important;
  }
  .h-auto {
    height: auto !important;
  }
  .h-full {
    height: 100% !important;
  }
  .max-h-\[50px\] {
    max-height: 50px !important;
  }
  .max-h-\[92dvh\] {
    max-height: 92dvh !important;
  }
  .max-h-\[160px\] {
    max-height: 160px !important;
  }
  .min-h-4 {
    min-height: calc(var(--spacing) * 4) !important;
  }
  .min-h-11 {
    min-height: calc(var(--spacing) * 11) !important;
  }
  .min-h-12 {
    min-height: calc(var(--spacing) * 12) !important;
  }
  .min-h-\[13cqw\] {
    min-height: 13cqw !important;
  }
  .min-h-\[50px\] {
    min-height: 50px !important;
  }
  .min-h-\[80px\] {
    min-height: 80px !important;
  }
  .min-h-\[83px\] {
    min-height: 83px !important;
  }
  .min-h-\[450px\] {
    min-height: 450px !important;
  }
  .min-h-\[680px\] {
    min-height: 680px !important;
  }
  .w-1\/3 {
    width: calc(1 / 3 * 100%) !important;
  }
  .w-3 {
    width: calc(var(--spacing) * 3) !important;
  }
  .w-10 {
    width: calc(var(--spacing) * 10) !important;
  }
  .w-12 {
    width: calc(var(--spacing) * 12) !important;
  }
  .w-14 {
    width: calc(var(--spacing) * 14) !important;
  }
  .w-18 {
    width: calc(var(--spacing) * 18) !important;
  }
  .w-\[58\%\] {
    width: 58% !important;
  }
  .w-\[72\%\] {
    width: 72% !important;
  }
  .w-\[75\%\] {
    width: 75% !important;
  }
  .w-\[75px\] {
    width: 75px !important;
  }
  .w-\[80\%\] {
    width: 80% !important;
  }
  .w-\[90\%\] {
    width: 90% !important;
  }
  .w-\[105px\] {
    width: 105px !important;
  }
  .w-\[125px\] {
    width: 125px !important;
  }
  .w-\[140px\] {
    width: 140px !important;
  }
  .w-\[180px\] {
    width: 180px !important;
  }
  .w-\[274px\] {
    width: 274px !important;
  }
  .w-\[min\(1280px\,calc\(100vw_-_32px\)\)\] {
    width: min(1280px, calc(100vw - 32px)) !important;
  }
  .w-full {
    width: 100% !important;
  }
  .w-px {
    width: 1px !important;
  }
  .max-w-\[50\%\] {
    max-width: 50% !important;
  }
  .max-w-\[125px\] {
    max-width: 125px !important;
  }
  .max-w-\[180px\] {
    max-width: 180px !important;
  }
  .max-w-\[196px\] {
    max-width: 196px !important;
  }
  .max-w-\[205px\] {
    max-width: 205px !important;
  }
  .max-w-\[211px\] {
    max-width: 211px !important;
  }
  .max-w-\[224px\] {
    max-width: 224px !important;
  }
  .max-w-\[225px\] {
    max-width: 225px !important;
  }
  .max-w-\[280px\] {
    max-width: 280px !important;
  }
  .max-w-\[320px\] {
    max-width: 320px !important;
  }
  .max-w-\[350px\] {
    max-width: 350px !important;
  }
  .max-w-\[357px\] {
    max-width: 357px !important;
  }
  .max-w-\[390px\] {
    max-width: 390px !important;
  }
  .max-w-\[480px\] {
    max-width: 480px !important;
  }
  .max-w-\[524px\] {
    max-width: 524px !important;
  }
  .max-w-\[600px\] {
    max-width: 600px !important;
  }
  .max-w-\[620px\] {
    max-width: 620px !important;
  }
  .max-w-\[800px\] {
    max-width: 800px !important;
  }
  .max-w-\[825px\] {
    max-width: 825px !important;
  }
  .max-w-\[900px\] {
    max-width: 900px !important;
  }
  .max-w-\[950px\] {
    max-width: 950px !important;
  }
  .max-w-\[1000px\] {
    max-width: 1000px !important;
  }
  .max-w-\[1100px\] {
    max-width: 1100px !important;
  }
  .max-w-\[1120px\] {
    max-width: 1120px !important;
  }
  .max-w-\[1134px\] {
    max-width: 1134px !important;
  }
  .max-w-\[1240px\] {
    max-width: 1240px !important;
  }
  .max-w-full {
    max-width: 100% !important;
  }
  .max-w-lg {
    max-width: var(--container-lg) !important;
  }
  .max-w-xl {
    max-width: var(--container-xl) !important;
  }
  .min-w-0 {
    min-width: 0px !important;
  }
  .min-w-12 {
    min-width: calc(var(--spacing) * 12) !important;
  }
  .flex-1 {
    flex: 1 !important;
  }
  .shrink-0 {
    flex-shrink: 0 !important;
  }
  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1) !important;
    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
  }
  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1) !important;
    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
  }
  .translate-y-8 {
    --tw-translate-y: calc(var(--spacing) * 8) !important;
    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,) !important;
  }
  .animate-logo-reveal {
    animation: var(--animate-logo-reveal) !important;
  }
  .cursor-pointer {
    cursor: pointer !important;
  }
  .resize {
    resize: both !important;
  }
  .list-none {
    list-style-type: none !important;
  }
  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
  .grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
  .flex-col {
    flex-direction: column !important;
  }
  .flex-wrap {
    flex-wrap: wrap !important;
  }
  .place-items-center {
    place-items: center !important;
  }
  .content-center {
    align-content: center !important;
  }
  .items-baseline {
    align-items: baseline !important;
  }
  .items-center {
    align-items: center !important;
  }
  .items-end {
    align-items: flex-end !important;
  }
  .items-start {
    align-items: flex-start !important;
  }
  .items-stretch {
    align-items: stretch !important;
  }
  .justify-between {
    justify-content: space-between !important;
  }
  .justify-center {
    justify-content: center !important;
  }
  .justify-end {
    justify-content: flex-end !important;
  }
  .justify-items-center {
    justify-items: center !important;
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2) !important;
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3) !important;
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4) !important;
  }
  .gap-5 {
    gap: calc(var(--spacing) * 5) !important;
  }
  .gap-6 {
    gap: calc(var(--spacing) * 6) !important;
  }
  .gap-7 {
    gap: calc(var(--spacing) * 7) !important;
  }
  .gap-8 {
    gap: calc(var(--spacing) * 8) !important;
  }
  .gap-10 {
    gap: calc(var(--spacing) * 10) !important;
  }
  .gap-x-2 {
    column-gap: calc(var(--spacing) * 2) !important;
  }
  .gap-y-4 {
    row-gap: calc(var(--spacing) * 4) !important;
  }
  .self-start {
    align-self: flex-start !important;
  }
  .overflow-auto {
    overflow: auto !important;
  }
  .overflow-hidden {
    overflow: hidden !important;
  }
  .overflow-visible {
    overflow: visible !important;
  }
  .overflow-y-scroll {
    overflow-y: scroll !important;
  }
  .overscroll-contain {
    overscroll-behavior: contain !important;
  }
  .rounded-2xl {
    border-radius: var(--radius-2xl) !important;
  }
  .rounded-\[5px\] {
    border-radius: 5px !important;
  }
  .rounded-full {
    border-radius: calc(infinity * 1px) !important;
  }
  .rounded-none {
    border-radius: 0 !important;
  }
  .rounded-xl {
    border-radius: var(--radius-xl) !important;
  }
  .border {
    border-style: var(--tw-border-style) !important;
    border-width: 1px !important;
  }
  .border-0 {
    border-style: var(--tw-border-style) !important;
    border-width: 0px !important;
  }
  .border-4 {
    border-style: var(--tw-border-style) !important;
    border-width: 4px !important;
  }
  .border-\[1px\] {
    border-style: var(--tw-border-style) !important;
    border-width: 1px !important;
  }
  .border-\[3px\] {
    border-style: var(--tw-border-style) !important;
    border-width: 3px !important;
  }
  .border-b-\[12px\] {
    border-bottom-style: var(--tw-border-style) !important;
    border-bottom-width: 12px !important;
  }
  .border-solid {
    --tw-border-style: solid !important;
    border-style: solid !important;
  }
  .border-\[\#9ad5d4\] {
    border-color: #9ad5d4 !important;
  }
  .border-\[\#377c78\] {
    border-color: #377c78 !important;
  }
  .border-\[\#144843\] {
    border-color: #144843 !important;
  }
  .border-\[\#f4f4f4\] {
    border-color: #f4f4f4 !important;
  }
  .border-\[\#fff20a\] {
    border-color: #fff20a !important;
  }
  .bg-\[\#70cbc8\] {
    background-color: #70cbc8 !important;
  }
  .bg-\[\#74c9c7\] {
    background-color: #74c9c7 !important;
  }
  .bg-\[\#89CCCA\] {
    background-color: #89CCCA !important;
  }
  .bg-\[\#079247\] {
    background-color: #079247 !important;
  }
  .bg-\[\#084240\] {
    background-color: #084240 !important;
  }
  .bg-\[\#121212\] {
    background-color: #121212 !important;
  }
  .bg-\[\#144843\] {
    background-color: #144843 !important;
  }
  .bg-\[\#CBE9F8\] {
    background-color: #CBE9F8 !important;
  }
  .bg-\[\#E84249\] {
    background-color: #E84249 !important;
  }
  .bg-\[\#EF4651\] {
    background-color: #EF4651 !important;
  }
  .bg-\[\#F7F7F7\] {
    background-color: #F7F7F7 !important;
  }
  .bg-\[\#FDE900\] {
    background-color: #FDE900 !important;
  }
  .bg-\[\#bdbdbd\] {
    background-color: #bdbdbd !important;
  }
  .bg-\[\#caeafa\] {
    background-color: #caeafa !important;
  }
  .bg-\[\#ce2b37\] {
    background-color: #ce2b37 !important;
  }
  .bg-\[\#ef2424\] {
    background-color: #ef2424 !important;
  }
  .bg-\[\#ef4650\] {
    background-color: #ef4650 !important;
  }
  .bg-\[\#f2ea1b\] {
    background-color: #f2ea1b !important;
  }
  .bg-\[\#f22921\] {
    background-color: #f22921 !important;
  }
  .bg-\[\#f54550\] {
    background-color: #f54550 !important;
  }
  .bg-\[\#ffed00\] {
    background-color: #ffed00 !important;
  }
  .bg-\[\#fff20a\] {
    background-color: #fff20a !important;
  }
  .bg-transparent {
    background-color: transparent !important;
  }
  .bg-white {
    background-color: var(--color-white) !important;
  }
  .bg-white\/70 {
    background-color: color-mix(in srgb, #fff 70%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 70%, transparent) !important;
    }
  }
  .bg-\[linear-gradient\(to_bottom\,\#EF4651_min\(45vw\,216px\)\,\#C4E4F9_min\(45vw\,216px\)\)\] {
    background-image: linear-gradient(to bottom,#EF4651 min(45vw, 216px),#C4E4F9 min(45vw, 216px)) !important;
  }
  .bg-\[linear-gradient\(to_bottom\,\#cce8f6_55\%\,\#88cbc8_55\%\)\] {
    background-image: linear-gradient(to bottom,#cce8f6 55%,#88cbc8 55%) !important;
  }
  .bg-\[linear-gradient\(to_bottom\,\#f1404c_45\.5\%\,\#c4e5f7_45\.5\%\)\] {
    background-image: linear-gradient(to bottom,#f1404c 45.5%,#c4e5f7 45.5%) !important;
  }
  .bg-\[linear-gradient\(to_bottom\,\#f1404c_min\(45vw\,216px\)\,\#c4e5f7_min\(45vw\,216px\)\)\] {
    background-image: linear-gradient(to bottom,#f1404c min(45vw, 216px),#c4e5f7 min(45vw, 216px)) !important;
  }
  .\[mask-size\:contain\] {
    mask-size: contain !important;
  }
  .\[mask-position\:center\] {
    mask-position: center !important;
  }
  .\[mask-repeat\:no-repeat\] {
    mask-repeat: no-repeat !important;
  }
  .object-contain {
    object-fit: contain !important;
  }
  .object-cover {
    object-fit: cover !important;
  }
  .object-bottom {
    object-position: bottom !important;
  }
  .object-left {
    object-position: left !important;
  }
  .p-0 {
    padding: 0px !important;
  }
  .p-2 {
    padding: calc(var(--spacing) * 2) !important;
  }
  .p-4 {
    padding: calc(var(--spacing) * 4) !important;
  }
  .px-1 {
    padding-inline: var(--spacing) !important;
  }
  .px-2 {
    padding-inline: calc(var(--spacing) * 2) !important;
  }
  .px-3 {
    padding-inline: calc(var(--spacing) * 3) !important;
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4) !important;
  }
  .px-5 {
    padding-inline: calc(var(--spacing) * 5) !important;
  }
  .px-6 {
    padding-inline: calc(var(--spacing) * 6) !important;
  }
  .px-8 {
    padding-inline: calc(var(--spacing) * 8) !important;
  }
  .px-9 {
    padding-inline: calc(var(--spacing) * 9) !important;
  }
  .px-\[1cqw\] {
    padding-inline: 1cqw !important;
  }
  .px-\[4cqw\] {
    padding-inline: 4cqw !important;
  }
  .px-\[5cqw\] {
    padding-inline: 5cqw !important;
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2) !important;
  }
  .py-3 {
    padding-block: calc(var(--spacing) * 3) !important;
  }
  .py-4 {
    padding-block: calc(var(--spacing) * 4) !important;
  }
  .py-6 {
    padding-block: calc(var(--spacing) * 6) !important;
  }
  .py-7 {
    padding-block: calc(var(--spacing) * 7) !important;
  }
  .py-8 {
    padding-block: calc(var(--spacing) * 8) !important;
  }
  .py-10 {
    padding-block: calc(var(--spacing) * 10) !important;
  }
  .py-\[1\.5cqw\] {
    padding-block: 1.5cqw !important;
  }
  .py-\[1cqw\] {
    padding-block: 1cqw !important;
  }
  .pt-2 {
    padding-top: calc(var(--spacing) * 2) !important;
  }
  .pt-3 {
    padding-top: calc(var(--spacing) * 3) !important;
  }
  .pt-8 {
    padding-top: calc(var(--spacing) * 8) !important;
  }
  .pt-16 {
    padding-top: calc(var(--spacing) * 16) !important;
  }
  .pt-20 {
    padding-top: calc(var(--spacing) * 20) !important;
  }
  .pt-24 {
    padding-top: calc(var(--spacing) * 24) !important;
  }
  .pt-\[3cqw\] {
    padding-top: 3cqw !important;
  }
  .pt-\[15cqw\] {
    padding-top: 15cqw !important;
  }
  .pr-4 {
    padding-right: calc(var(--spacing) * 4) !important;
  }
  .pb-5 {
    padding-bottom: calc(var(--spacing) * 5) !important;
  }
  .pb-6 {
    padding-bottom: calc(var(--spacing) * 6) !important;
  }
  .pb-8 {
    padding-bottom: calc(var(--spacing) * 8) !important;
  }
  .pb-10 {
    padding-bottom: calc(var(--spacing) * 10) !important;
  }
  .pb-14 {
    padding-bottom: calc(var(--spacing) * 14) !important;
  }
  .pb-16 {
    padding-bottom: calc(var(--spacing) * 16) !important;
  }
  .pb-\[2cqw\] {
    padding-bottom: 2cqw !important;
  }
  .pl-3 {
    padding-left: calc(var(--spacing) * 3) !important;
  }
  .text-center {
    text-align: center !important;
  }
  .text-left {
    text-align: left !important;
  }
  .font-\[Beiruti\] {
    font-family: Beiruti !important;
  }
  .font-bebas {
    font-family: var(--font-bebas) !important;
  }
  .font-beiruti {
    font-family: var(--font-beiruti) !important;
  }
  .font-fredoka {
    font-family: var(--font-fredoka) !important;
  }
  .font-inter {
    font-family: var(--font-inter) !important;
  }
  .font-montserrat {
    font-family: var(--font-montserrat) !important;
  }
  .font-outfit {
    font-family: var(--font-outfit) !important;
  }
  .text-2xl {
    font-size: var(--text-2xl) !important;
    line-height: var(--tw-leading, var(--text-2xl--line-height)) !important;
  }
  .text-2xl\/\[22px\] {
    font-size: var(--text-2xl) !important;
    line-height: 22px !important;
  }
  .text-3xl {
    font-size: var(--text-3xl) !important;
    line-height: var(--tw-leading, var(--text-3xl--line-height)) !important;
  }
  .text-4xl {
    font-size: var(--text-4xl) !important;
    line-height: var(--tw-leading, var(--text-4xl--line-height)) !important;
  }
  .text-\[11px\]\/\[13px\] {
    font-size: 11px !important;
    line-height: 13px !important;
  }
  .text-\[12px\]\/\[12px\] {
    font-size: 12px !important;
    line-height: 12px !important;
  }
  .text-\[12px\]\/\[13px\] {
    font-size: 12px !important;
    line-height: 13px !important;
  }
  .text-\[19px\]\/\[23px\] {
    font-size: 19px !important;
    line-height: 23px !important;
  }
  .text-\[21px\]\/\[25px\] {
    font-size: 21px !important;
    line-height: 25px !important;
  }
  .text-\[24px\]\/\[28px\] {
    font-size: 24px !important;
    line-height: 28px !important;
  }
  .text-\[25px\]\/\[1\] {
    font-size: 25px !important;
    line-height: 1 !important;
  }
  .text-\[32px\]\/\[40px\] {
    font-size: 32px !important;
    line-height: 40px !important;
  }
  .text-base {
    font-size: var(--text-base) !important;
    line-height: var(--tw-leading, var(--text-base--line-height)) !important;
  }
  .text-lg {
    font-size: var(--text-lg) !important;
    line-height: var(--tw-leading, var(--text-lg--line-height)) !important;
  }
  .text-sm {
    font-size: var(--text-sm) !important;
    line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
  }
  .text-xl {
    font-size: var(--text-xl) !important;
    line-height: var(--tw-leading, var(--text-xl--line-height)) !important;
  }
  .text-xl\/\[26px\] {
    font-size: var(--text-xl) !important;
    line-height: 26px !important;
  }
  .text-xl\/\[32px\] {
    font-size: var(--text-xl) !important;
    line-height: 32px !important;
  }
  .text-xs {
    font-size: var(--text-xs) !important;
    line-height: var(--tw-leading, var(--text-xs--line-height)) !important;
  }
  .text-xs\/\[12px\] {
    font-size: var(--text-xs) !important;
    line-height: 12px !important;
  }
  .text-\[6px\] {
    font-size: 6px !important;
  }
  .text-\[8px\] {
    font-size: 8px !important;
  }
  .text-\[10px\] {
    font-size: 10px !important;
  }
  .text-\[12px\] {
    font-size: 12px !important;
  }
  .text-\[42px\] {
    font-size: 42px !important;
  }
  .text-\[120px\] {
    font-size: 120px !important;
  }
  .text-\[clamp\(11px\,2\.8vw\,16px\)\] {
    font-size: clamp(11px, 2.8vw, 16px) !important;
  }
  .text-\[clamp\(20px\,6vw\,28px\)\] {
    font-size: clamp(20px, 6vw, 28px) !important;
  }
  .leading-4 {
    --tw-leading: calc(var(--spacing) * 4) !important;
    line-height: calc(var(--spacing) * 4) !important;
  }
  .leading-\[1\.2\] {
    --tw-leading: 1.2 !important;
    line-height: 1.2 !important;
  }
  .leading-none {
    --tw-leading: 1 !important;
    line-height: 1 !important;
  }
  .leading-tight {
    --tw-leading: var(--leading-tight) !important;
    line-height: var(--leading-tight) !important;
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold) !important;
    font-weight: var(--font-weight-bold) !important;
  }
  .font-extrabold {
    --tw-font-weight: var(--font-weight-extrabold) !important;
    font-weight: var(--font-weight-extrabold) !important;
  }
  .font-extralight {
    --tw-font-weight: var(--font-weight-extralight) !important;
    font-weight: var(--font-weight-extralight) !important;
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium) !important;
    font-weight: var(--font-weight-medium) !important;
  }
  .font-normal {
    --tw-font-weight: var(--font-weight-normal) !important;
    font-weight: var(--font-weight-normal) !important;
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold) !important;
    font-weight: var(--font-weight-semibold) !important;
  }
  .\[overflow-wrap\:anywhere\] {
    overflow-wrap: anywhere !important;
  }
  .whitespace-nowrap {
    white-space: nowrap !important;
  }
  .text-\[\#004a4a\] {
    color: #004a4a !important;
  }
  .text-\[\#5b6670\] {
    color: #5b6670 !important;
  }
  .text-\[\#89CCCA\] {
    color: #89CCCA !important;
  }
  .text-\[\#084240\] {
    color: #084240 !important;
  }
  .text-\[\#090810\] {
    color: #090810 !important;
  }
  .text-\[\#144843\] {
    color: #144843 !important;
  }
  .text-\[\#202020\] {
    color: #202020 !important;
  }
  .text-\[\#252126\] {
    color: #252126 !important;
  }
  .text-\[\#a7ad3b\] {
    color: #a7ad3b !important;
  }
  .text-\[\#f54550\] {
    color: #f54550 !important;
  }
  .text-white {
    color: var(--color-white) !important;
  }
  .normal-case {
    text-transform: none !important;
  }
  .uppercase {
    text-transform: uppercase !important;
  }
  .no-underline {
    text-decoration-line: none !important;
  }
  .opacity-70 {
    opacity: 70% !important;
  }
  .shadow-2xl {
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25)) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .shadow-\[0_3\.31px_3\.31px_0_rgba\(0\,0\,0\,0\.25\)\] {
    --tw-shadow: 0 3.31px 3.31px 0 var(--tw-shadow-color, rgba(0,0,0,0.25)) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .shadow-\[0_4px_4px_0_rgba\(0\,0\,0\,0\.25\)\] {
    --tw-shadow: 0 4px 4px 0 var(--tw-shadow-color, rgba(0,0,0,0.25)) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .shadow-\[0px_4\.94px_4\.94px_4\.94px_rgba\(0\,0\,0\,0\.25\)\] {
    --tw-shadow: 0px 4.94px 4.94px 4.94px var(--tw-shadow-color, rgba(0,0,0,0.25)) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .shadow-\[11\.15px_12\.26px_6\.91px_0px_rgba\(0\,0\,0\,0\.25\)\] {
    --tw-shadow: 11.15px 12.26px 6.91px 0px var(--tw-shadow-color, rgba(0,0,0,0.25)) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .shadow-md {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .shadow-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .shadow-xl {
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .inset-shadow-\[0_0_0_2\.75px_\#EEEAEA\] {
    --tw-inset-shadow: inset 0 0 0 2.75px var(--tw-inset-shadow-color, #EEEAEA) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .ring-\[\#ffe900\] {
    --tw-ring-color: #ffe900 !important;
  }
  .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,) !important;
  }
  .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, content-visibility, overlay, pointer-events !important;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
  }
  .transition-\[background-color\,color\,transform\,box-shadow\] {
    transition-property: background-color,color,transform,box-shadow !important;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
  }
  .transition-all {
    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;
  }
  .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 !important;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
  }
  .transition-transform {
    transition-property: transform, translate, scale, rotate !important;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
  }
  .duration-200 {
    --tw-duration: 200ms !important;
    transition-duration: 200ms !important;
  }
  .duration-500 {
    --tw-duration: 500ms !important;
    transition-duration: 500ms !important;
  }
  .duration-\[180ms\] {
    --tw-duration: 180ms !important;
    transition-duration: 180ms !important;
  }
  .ease-in-out {
    --tw-ease: var(--ease-in-out) !important;
    transition-timing-function: var(--ease-in-out) !important;
  }
  .ease-out {
    --tw-ease: var(--ease-out) !important;
    transition-timing-function: var(--ease-out) !important;
  }
  .outline-none {
    --tw-outline-style: none !important;
    outline-style: none !important;
  }
  .\[font\:inherit\] {
    font: inherit !important;
  }
  .group-even\/product\:bg-\[\#89CCCA\]:is(:where(.group\/product):nth-child(even) *) {
    background-color: #89CCCA !important;
  }
  .group-even\/product\:text-\[\#084240\]:is(:where(.group\/product):nth-child(even) *) {
    color: #084240 !important;
  }
  .backdrop\:bg-black\/85::backdrop {
    background-color: color-mix(in srgb, #000 85%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 85%, transparent) !important;
    }
  }
  @media (hover: hover) {
    .hover\:-translate-y-0\.5:hover {
      --tw-translate-y: calc(var(--spacing) * -0.5) !important;
      translate: var(--tw-translate-x) var(--tw-translate-y) !important;
    }
    .hover\:scale-110:hover {
      --tw-scale-x: 110% !important;
      --tw-scale-y: 110% !important;
      --tw-scale-z: 110% !important;
      scale: var(--tw-scale-x) var(--tw-scale-y) !important;
    }
    .hover\:scale-125:hover {
      --tw-scale-x: 125% !important;
      --tw-scale-y: 125% !important;
      --tw-scale-z: 125% !important;
      scale: var(--tw-scale-x) var(--tw-scale-y) !important;
    }
    .hover\:border:hover {
      border-style: var(--tw-border-style) !important;
      border-width: 1px !important;
    }
    .hover\:bg-\[\#144843\]:hover {
      background-color: #144843 !important;
    }
    .hover\:bg-\[\#c93239\]:hover {
      background-color: #c93239 !important;
    }
    .hover\:bg-\[\#f22921\]:hover {
      background-color: #f22921 !important;
    }
    .hover\:bg-\[\#ffe900\]:hover {
      background-color: #ffe900 !important;
    }
    .hover\:text-\[\#004a4a\]:hover {
      color: #004a4a !important;
    }
    .hover\:text-\[\#084240\]:hover {
      color: #084240 !important;
    }
    .hover\:text-\[\#ef4650\]:hover {
      color: #ef4650 !important;
    }
    .hover\:text-white:hover {
      color: var(--color-white) !important;
    }
    .hover\:shadow-\[0_4px_10px_rgb\(20_72_67\/20\%\)\]:hover {
      --tw-shadow: 0 4px 10px var(--tw-shadow-color, rgb(20 72 67/20%)) !important;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
    }
    .hover\:shadow-lg:hover {
      --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !important;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
    }
  }
  .focus\:ring-4:focus {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .focus-visible\:outline:focus-visible {
    outline-style: var(--tw-outline-style) !important;
    outline-width: 1px !important;
  }
  .focus-visible\:outline-2:focus-visible {
    outline-style: var(--tw-outline-style) !important;
    outline-width: 2px !important;
  }
  .focus-visible\:outline-\[3px\]:focus-visible {
    outline-style: var(--tw-outline-style) !important;
    outline-width: 3px !important;
  }
  .focus-visible\:outline-offset-2:focus-visible {
    outline-offset: 2px !important;
  }
  .focus-visible\:outline-offset-4:focus-visible {
    outline-offset: 4px !important;
  }
  .focus-visible\:outline-offset-\[3px\]:focus-visible {
    outline-offset: 3px !important;
  }
  .focus-visible\:outline-\[\#084240\]:focus-visible {
    outline-color: #084240 !important;
  }
  .focus-visible\:outline-\[\#144843\]:focus-visible {
    outline-color: #144843 !important;
  }
  .focus-visible\:outline-\[\#ef4650\]:focus-visible {
    outline-color: #ef4650 !important;
  }
  .focus-visible\:outline-white:focus-visible {
    outline-color: var(--color-white) !important;
  }
  .focus-visible\:outline-solid:focus-visible {
    --tw-outline-style: solid !important;
    outline-style: solid !important;
  }
  .active\:translate-y-0:active {
    --tw-translate-y: 0px !important;
    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
  }
  .active\:scale-\[0\.98\]:active {
    scale: 0.98 !important;
  }
  .active\:shadow-none:active {
    --tw-shadow: 0 0 #0000 !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .data-\[consultation-state\=result\]\:bg-none[data-consultation-state="result"] {
    background-image: none !important;
  }
  @media (prefers-reduced-motion: reduce) {
    .motion-reduce\:animate-none {
      animation: none !important;
    }
    .motion-reduce\:transition-none {
      transition-property: none !important;
    }
    @media (hover: hover) {
      .motion-reduce\:hover\:translate-y-0:hover {
        --tw-translate-y: 0px !important;
        translate: var(--tw-translate-x) var(--tw-translate-y) !important;
      }
    }
  }
  @media (width >= 40rem) {
    .sm\:absolute {
      position: absolute !important;
    }
    .sm\:top-\[4\.5cqw\] {
      top: 4.5cqw !important;
    }
    .sm\:top-\[5cqw\] {
      top: 5cqw !important;
    }
    .sm\:top-\[17cqw\] {
      top: 17cqw !important;
    }
    .sm\:top-full {
      top: 100% !important;
    }
    .sm\:right-0 {
      right: 0px !important;
    }
    .sm\:right-\[6\.7\%\] {
      right: 6.7% !important;
    }
    .sm\:bottom-0 {
      bottom: 0px !important;
    }
    .sm\:bottom-\[1\.5cqw\] {
      bottom: 1.5cqw !important;
    }
    .sm\:bottom-full {
      bottom: 100% !important;
    }
    .sm\:left-\[6\.7\%\] {
      left: 6.7% !important;
    }
    .sm\:left-\[35\%\] {
      left: 35% !important;
    }
    .sm\:left-\[37\%\] {
      left: 37% !important;
    }
    .sm\:left-\[41\%\] {
      left: 41% !important;
    }
    .sm\:left-\[42\%\] {
      left: 42% !important;
    }
    .sm\:-mt-\[8px\] {
      margin-top: calc(8px * -1) !important;
    }
    .sm\:-mr-\[8px\] {
      margin-right: calc(8px * -1) !important;
    }
    .sm\:-ml-\[8px\] {
      margin-left: calc(8px * -1) !important;
    }
    .sm\:block {
      display: block !important;
    }
    .sm\:contents {
      display: contents !important;
    }
    .sm\:h-14 {
      height: calc(var(--spacing) * 14) !important;
    }
    .sm\:h-\[2\.3cqw\] {
      height: 2.3cqw !important;
    }
    .sm\:h-\[7\.2cqw\] {
      height: 7.2cqw !important;
    }
    .sm\:h-\[11\.5cqw\] {
      height: 11.5cqw !important;
    }
    .sm\:h-\[26cqw\] {
      height: 26cqw !important;
    }
    .sm\:h-\[27\.5cqw\] {
      height: 27.5cqw !important;
    }
    .sm\:h-\[80px\] {
      height: 80px !important;
    }
    .sm\:h-\[83px\] {
      height: 83px !important;
    }
    .sm\:min-h-\[9\.8cqw\] {
      min-height: 9.8cqw !important;
    }
    .sm\:min-h-\[31\.8cqw\] {
      min-height: 31.8cqw !important;
    }
    .sm\:w-14 {
      width: calc(var(--spacing) * 14) !important;
    }
    .sm\:w-\[9cqw\] {
      width: 9cqw !important;
    }
    .sm\:w-\[19\%\] {
      width: 19% !important;
    }
    .sm\:w-\[33\%\] {
      width: 33% !important;
    }
    .sm\:w-\[43\%\] {
      width: 43% !important;
    }
    .sm\:w-\[44\%\] {
      width: 44% !important;
    }
    .sm\:w-\[46\%\] {
      width: 46% !important;
    }
    .sm\:w-\[290px\] {
      width: 290px !important;
    }
    .sm\:max-w-\[220px\] {
      max-width: 220px !important;
    }
    .sm\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    .sm\:grid-cols-7 {
      grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
    }
    .sm\:grid-cols-\[52\%_48\%\] {
      grid-template-columns: 52% 48% !important;
    }
    .sm\:grid-cols-\[56\%_44\%\] {
      grid-template-columns: 56% 44% !important;
    }
    .sm\:grid-cols-\[minmax\(0\,38fr\)_minmax\(0\,59fr\)\] {
      grid-template-columns: minmax(0,38fr) minmax(0,59fr) !important;
    }
    .sm\:gap-\[1\.5cqw\] {
      gap: 1.5cqw !important;
    }
    .sm\:gap-\[1\.7cqw\] {
      gap: 1.7cqw !important;
    }
    .sm\:gap-\[3cqw\] {
      gap: 3cqw !important;
    }
    .sm\:gap-x-\[6\%\] {
      column-gap: 6% !important;
    }
    .sm\:gap-y-0 {
      row-gap: 0px !important;
    }
    .sm\:gap-y-14 {
      row-gap: calc(var(--spacing) * 14) !important;
    }
    .sm\:rounded-\[0_0_1cqw_1cqw\] {
      border-radius: 0 0 1cqw 1cqw !important;
    }
    .sm\:object-bottom {
      object-position: bottom !important;
    }
    .sm\:p-3 {
      padding: calc(var(--spacing) * 3) !important;
    }
    .sm\:p-\[1cqw\] {
      padding: 1cqw !important;
    }
    .sm\:px-4 {
      padding-inline: calc(var(--spacing) * 4) !important;
    }
    .sm\:px-6 {
      padding-inline: calc(var(--spacing) * 6) !important;
    }
    .sm\:px-8 {
      padding-inline: calc(var(--spacing) * 8) !important;
    }
    .sm\:px-\[6\.7cqw\] {
      padding-inline: 6.7cqw !important;
    }
    .sm\:py-14 {
      padding-block: calc(var(--spacing) * 14) !important;
    }
    .sm\:py-\[1\.5cqw\] {
      padding-block: 1.5cqw !important;
    }
    .sm\:py-\[1cqw\] {
      padding-block: 1cqw !important;
    }
    .sm\:py-\[3cqw\] {
      padding-block: 3cqw !important;
    }
    .sm\:pt-24 {
      padding-top: calc(var(--spacing) * 24) !important;
    }
    .sm\:pt-28 {
      padding-top: calc(var(--spacing) * 28) !important;
    }
    .sm\:pt-\[5\.5cqw\] {
      padding-top: 5.5cqw !important;
    }
    .sm\:pr-5 {
      padding-right: calc(var(--spacing) * 5) !important;
    }
    .sm\:pr-\[1cqw\] {
      padding-right: 1cqw !important;
    }
    .sm\:pr-\[11cqw\] {
      padding-right: 11cqw !important;
    }
    .sm\:pr-\[17cqw\] {
      padding-right: 17cqw !important;
    }
    .sm\:pb-0 {
      padding-bottom: 0px !important;
    }
    .sm\:pb-12 {
      padding-bottom: calc(var(--spacing) * 12) !important;
    }
    .sm\:pb-16 {
      padding-bottom: calc(var(--spacing) * 16) !important;
    }
    .sm\:pb-20 {
      padding-bottom: calc(var(--spacing) * 20) !important;
    }
    .sm\:pl-6 {
      padding-left: calc(var(--spacing) * 6) !important;
    }
    .sm\:pl-\[1\.5cqw\] {
      padding-left: 1.5cqw !important;
    }
    .sm\:pl-\[12cqw\] {
      padding-left: 12cqw !important;
    }
    .sm\:text-2xl {
      font-size: var(--text-2xl) !important;
      line-height: var(--tw-leading, var(--text-2xl--line-height)) !important;
    }
    .sm\:text-3xl {
      font-size: var(--text-3xl) !important;
      line-height: var(--tw-leading, var(--text-3xl--line-height)) !important;
    }
    .sm\:text-4xl {
      font-size: var(--text-4xl) !important;
      line-height: var(--tw-leading, var(--text-4xl--line-height)) !important;
    }
    .sm\:text-\[1\.2cqw\] {
      font-size: 1.2cqw !important;
    }
    .sm\:text-\[1\.4cqw\] {
      font-size: 1.4cqw !important;
    }
    .sm\:text-\[1\.5cqw\] {
      font-size: 1.5cqw !important;
    }
    .sm\:text-\[28px\] {
      font-size: 28px !important;
    }
    .sm\:whitespace-nowrap {
      white-space: nowrap !important;
    }
  }
  @media (width >= 48rem) {
    .md\:order-1 {
      order: 1 !important;
    }
    .md\:order-2 {
      order: 2 !important;
    }
    .md\:mb-4 {
      margin-bottom: calc(var(--spacing) * 4) !important;
    }
    .md\:grid {
      display: grid !important;
    }
    .md\:hidden {
      display: none !important;
    }
    .md\:h-\[190px\] {
      height: 190px !important;
    }
    .md\:h-full {
      height: 100% !important;
    }
    .md\:min-h-\[360px\] {
      min-height: 360px !important;
    }
    .md\:w-\[156px\] {
      width: 156px !important;
    }
    .md\:w-auto {
      width: auto !important;
    }
    .md\:max-w-\[215px\] {
      max-width: 215px !important;
    }
    .md\:max-w-\[300px\] {
      max-width: 300px !important;
    }
    .md\:max-w-none {
      max-width: none !important;
    }
    .md\:translate-y-9 {
      --tw-translate-y: calc(var(--spacing) * 9) !important;
      translate: var(--tw-translate-x) var(--tw-translate-y) !important;
    }
    .md\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    .md\:grid-cols-\[auto_1fr_auto\] {
      grid-template-columns: auto 1fr auto !important;
    }
    .md\:grid-cols-\[minmax\(0\,0\.85fr\)_minmax\(0\,1\.15fr\)\] {
      grid-template-columns: minmax(0,0.85fr) minmax(0,1.15fr) !important;
    }
    .md\:flex-row {
      flex-direction: row !important;
    }
    .md\:items-end {
      align-items: flex-end !important;
    }
    .md\:justify-center {
      justify-content: center !important;
    }
    .md\:gap-5 {
      gap: calc(var(--spacing) * 5) !important;
    }
    .md\:gap-6 {
      gap: calc(var(--spacing) * 6) !important;
    }
    .md\:gap-8 {
      gap: calc(var(--spacing) * 8) !important;
    }
    .md\:bg-\[linear-gradient\(to_right\,\#cce8f6_60\%\,\#88cbc8_60\%\)\] {
      background-image: linear-gradient(to right,#cce8f6 60%,#88cbc8 60%) !important;
    }
    .md\:px-0 {
      padding-inline: 0px !important;
    }
    .md\:px-8 {
      padding-inline: calc(var(--spacing) * 8) !important;
    }
    .md\:px-40 {
      padding-inline: calc(var(--spacing) * 40) !important;
    }
    .md\:py-8 {
      padding-block: calc(var(--spacing) * 8) !important;
    }
    .md\:text-\[26px\]\/\[30px\] {
      font-size: 26px !important;
      line-height: 30px !important;
    }
    .md\:text-\[28px\]\/\[36px\] {
      font-size: 28px !important;
      line-height: 36px !important;
    }
    .md\:text-\[clamp\(22px\,2\.6vw\,26px\)\] {
      font-size: clamp(22px, 2.6vw, 26px) !important;
    }
    .md\:last\:col-span-2:last-child {
      grid-column: span 2 / span 2 !important;
    }
    .md\:last\:mx-auto:last-child {
      margin-inline: auto !important;
    }
    .md\:last\:w-1\/2:last-child {
      width: calc(1 / 2 * 100%) !important;
    }
  }
  @media (width >= 64rem) {
    .lg\:top-\[33\%\] {
      top: 33% !important;
    }
    .lg\:left-\[2\%\] {
      left: 2% !important;
    }
    .lg\:left-\[7\%\] {
      left: 7% !important;
    }
    .lg\:order-1 {
      order: 1 !important;
    }
    .lg\:order-2 {
      order: 2 !important;
    }
    .lg\:mb-5 {
      margin-bottom: calc(var(--spacing) * 5) !important;
    }
    .lg\:ml-8 {
      margin-left: calc(var(--spacing) * 8) !important;
    }
    .lg\:block {
      display: block !important;
    }
    .lg\:hidden {
      display: none !important;
    }
    .lg\:aspect-\[494\/507\] {
      aspect-ratio: 494/507 !important;
    }
    .lg\:h-\[222px\] {
      height: 222px !important;
    }
    .lg\:max-h-full {
      max-height: 100% !important;
    }
    .lg\:min-h-\[450px\] {
      min-height: 450px !important;
    }
    .lg\:min-h-\[500px\] {
      min-height: 500px !important;
    }
    .lg\:w-1\/2 {
      width: calc(1 / 2 * 100%) !important;
    }
    .lg\:w-\[390px\] {
      width: 390px !important;
    }
    .lg\:w-auto {
      width: auto !important;
    }
    .lg\:w-full {
      width: 100% !important;
    }
    .lg\:max-w-\[254px\] {
      max-width: 254px !important;
    }
    .lg\:max-w-\[620px\] {
      max-width: 620px !important;
    }
    .lg\:max-w-none {
      max-width: none !important;
    }
    .lg\:shrink-0 {
      flex-shrink: 0 !important;
    }
    .lg\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
    .lg\:grid-cols-\[357px_minmax\(0\,1fr\)\] {
      grid-template-columns: 357px minmax(0,1fr) !important;
    }
    .lg\:flex-row {
      flex-direction: row !important;
    }
    .lg\:items-center {
      align-items: center !important;
    }
    .lg\:items-start {
      align-items: flex-start !important;
    }
    .lg\:justify-center {
      justify-content: center !important;
    }
    .lg\:gap-4 {
      gap: calc(var(--spacing) * 4) !important;
    }
    .lg\:gap-14 {
      gap: calc(var(--spacing) * 14) !important;
    }
    .lg\:bg-\[\#70cbc8\] {
      background-color: #70cbc8 !important;
    }
    .lg\:bg-\[linear-gradient\(to_bottom\,\#EF4651_45\.5\%\,\#C4E4F9_45\.5\%\)\] {
      background-image: linear-gradient(to bottom,#EF4651 45.5%,#C4E4F9 45.5%) !important;
    }
    .lg\:bg-\[linear-gradient\(to_bottom\,\#f1404c_45\.5\%\,\#c4e5f7_45\.5\%\)\] {
      background-image: linear-gradient(to bottom,#f1404c 45.5%,#c4e5f7 45.5%) !important;
    }
    .lg\:px-0 {
      padding-inline: 0px !important;
    }
    .lg\:px-5 {
      padding-inline: calc(var(--spacing) * 5) !important;
    }
    .lg\:px-6 {
      padding-inline: calc(var(--spacing) * 6) !important;
    }
    .lg\:py-5 {
      padding-block: calc(var(--spacing) * 5) !important;
    }
    .lg\:py-8 {
      padding-block: calc(var(--spacing) * 8) !important;
    }
    .lg\:text-3xl {
      font-size: var(--text-3xl) !important;
      line-height: var(--tw-leading, var(--text-3xl--line-height)) !important;
    }
    .lg\:text-\[21px\]\/\[25px\] {
      font-size: 21px !important;
      line-height: 25px !important;
    }
    .lg\:text-\[32px\]\/\[40px\] {
      font-size: 32px !important;
      line-height: 40px !important;
    }
    .lg\:text-xl {
      font-size: var(--text-xl) !important;
      line-height: var(--tw-leading, var(--text-xl--line-height)) !important;
    }
    .lg\:text-\[16px\] {
      font-size: 16px !important;
    }
    .lg\:text-\[clamp\(20px\,2\.6vw\,32px\)\] {
      font-size: clamp(20px, 2.6vw, 32px) !important;
    }
    .lg\:leading-8 {
      --tw-leading: calc(var(--spacing) * 8) !important;
      line-height: calc(var(--spacing) * 8) !important;
    }
    .lg\:font-extralight {
      --tw-font-weight: var(--font-weight-extralight) !important;
      font-weight: var(--font-weight-extralight) !important;
    }
    .lg\:text-white {
      color: var(--color-white) !important;
    }
    .lg\:last\:col-span-1:last-child {
      grid-column: span 1 / span 1 !important;
    }
    .lg\:last\:w-full:last-child {
      width: 100% !important;
    }
    .lg\:data-\[consultation-state\=result\]\:bg-none[data-consultation-state="result"] {
      background-image: none !important;
    }
  }
  .\[\&_\*\]\:box-border * {
    box-sizing: border-box !important;
  }
  .\[\&\>\*\:first-child\]\:mt-0 > :first-child {
    margin-top: 0px !important;
  }
  .\[\&\>\*\:last-child\]\:mb-0 > :last-child {
    margin-bottom: 0px !important;
  }
  .\[\&\[hidden\]\]\:hidden[hidden] {
    display: none !important;
  }
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/inter.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}
@font-face {
  font-family: "Outfit";
  src: url("../fonts/outfit.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}
@font-face {
  font-family: "Bebas Neue";
  src: url("../fonts/bebas-neue.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Beiruti";
  src: url("../fonts/beiruti.woff2") format("woff2");
  font-style: normal;
  font-weight: 200 900;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/montserrat.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}
@font-face {
  font-family: "Fredoka";
  src: url("../fonts/fredoka.woff2") format("woff2");
  font-style: normal;
  font-weight: 300 700;
  font-stretch: 75% 125%;
  font-display: swap;
}
@font-face {
  font-family: "Anton";
  src: url("../fonts/anton.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
.ccup-sticker-scroll {
  scrollbar-color: #70cbc8 #cf3b43;
  scrollbar-gutter: stable;
  scrollbar-width: auto;
}
.ccup-sticker-scroll::-webkit-scrollbar {
  width: 8px;
}
.ccup-sticker-scroll::-webkit-scrollbar-track {
  background: #cf3b43;
  border-radius: 9999px;
}
.ccup-sticker-scroll::-webkit-scrollbar-thumb {
  background: #70cbc8;
  border-radius: 9999px;
}
.ccup-sticker-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin-top: 20px;
}
.ccup-sticker-pagination[hidden] {
  display: none;
}
.ccup-sticker-pagination button {
  width: 40px;
  height: 40px;
  border: 0;
  border-radius: 50%;
  background: #70cbc8;
  color: #084240;
  font-size: 28px;
  cursor: pointer;
}
.ccup-sticker-pagination button:disabled {
  opacity: .4;
  cursor: default;
}
.ccup-sticker-pagination button:focus-visible {
  outline: 2px solid white;
  outline-offset: 3px;
}
.ccup-consent-checkbox {
  appearance: none;
  box-sizing: border-box;
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  margin: 2px 0 0;
  border: 1.5px solid #b3b3b3;
  border-radius: 3px;
  background-color: #fff;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 24px 24px;
  cursor: pointer;
}
.ccup-consent-checkbox:checked {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 12l6 7L21 4' fill='none' stroke='%23ff2424' stroke-width='3.5' stroke-linecap='round'/%3E%3C/svg%3E");
}
.ccup-consent-checkbox:focus-visible {
  outline: 2px solid white;
  outline-offset: 3px;
}
.ccup-consult-button:disabled {
  cursor: not-allowed;
}
.ccup-consult-button[aria-busy="true"] {
  cursor: wait;
}
.ccup-consult-spinner {
  display: none;
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  border: 3px solid rgb(255 255 255 / 35%);
  border-top-color: currentColor;
  border-radius: 50%;
  animation: ccup-consult-spin .8s linear infinite;
}
.ccup-consult-button[aria-busy="true"] .ccup-consult-arrow {
  display: none;
}
.ccup-consult-button[aria-busy="true"] .ccup-consult-spinner {
  display: inline-block;
}
@keyframes ccup-consult-spin {
  to {
    transform: rotate(360deg);
  }
}
@media (prefers-reduced-motion: reduce) {
  .ccup-consult-spinner {
    animation: none;
  }
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-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-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@keyframes logo-reveal {
  0% {
    opacity: 0;
    transform: translateY(-0.75rem) scale(0.92);
  }
  65% {
    opacity: 1;
    transform: translateY(0) scale(1.03);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-outline-style: solid;
    }
  }
}