/*! tailwindcss v4.1.18 | 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-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: 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-text-shadow-color: initial;
      --tw-text-shadow-alpha: 100%;
      --tw-content: ""
    }
  }
}

@layer theme {

  :root,
  :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --color-red-600: oklch(57.7% .245 27.325);
    --color-orange-50: oklch(98% .016 73.684);
    --color-orange-500: oklch(70.5% .213 47.604);
    --color-orange-600: oklch(64.6% .222 41.116);
    --color-green-50: oklch(98.2% .018 155.826);
    --color-green-200: oklch(92.5% .084 155.995);
    --color-green-400: oklch(79.2% .209 151.711);
    --color-green-500: oklch(72.3% .219 149.579);
    --color-green-600: oklch(62.7% .194 149.214);
    --color-green-900: oklch(39.3% .095 152.535);
    --color-emerald-600: oklch(59.6% .145 163.225);
    --color-cyan-600: oklch(60.9% .126 221.723);
    --color-blue-50: oklch(97% .014 254.604);
    --color-blue-400: oklch(70.7% .165 254.624);
    --color-blue-500: oklch(62.3% .214 259.815);
    --color-blue-600: oklch(54.6% .245 262.881);
    --color-purple-50: oklch(97.7% .014 308.299);
    --color-purple-600: oklch(55.8% .288 302.321);
    --color-slate-800: oklch(27.9% .041 260.031);
    --color-slate-900: oklch(20.8% .042 265.755);
    --color-gray-50: oklch(98.5% .002 247.839);
    --color-gray-100: oklch(96.7% .003 264.542);
    --color-gray-200: oklch(92.8% .006 264.531);
    --color-gray-300: oklch(87.2% .01 258.338);
    --color-gray-400: oklch(70.7% .022 261.325);
    --color-gray-500: oklch(55.1% .027 264.364);
    --color-gray-600: oklch(44.6% .03 256.802);
    --color-gray-700: oklch(37.3% .034 259.733);
    --color-gray-900: oklch(21% .034 264.665);
    --color-black: #000;
    --color-white: #fff;
    --spacing: .25rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-4xl: 56rem;
    --container-5xl: 64rem;
    --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);
    --text-5xl: 3rem;
    --text-5xl--line-height: 1;
    --text-6xl: 3.75rem;
    --text-6xl--line-height: 1;
    --text-7xl: 4.5rem;
    --text-7xl--line-height: 1;
    --text-8xl: 6rem;
    --text-8xl--line-height: 1;
    --font-weight-light: 300;
    --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-tight: -.025em;
    --tracking-wider: .05em;
    --tracking-widest: .1em;
    --leading-tight: 1.25;
    --leading-normal: 1.5;
    --leading-relaxed: 1.625;
    --leading-loose: 2;
    --radius-sm: .25rem;
    --radius-md: .375rem;
    --radius-lg: .5rem;
    --radius-xl: .75rem;
    --radius-2xl: 20px;
    --radius-3xl: 30px;
    --radius-4xl: 40px;
    --shadow-sm: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
    --shadow-md: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
    --shadow-lg: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
    --drop-shadow-lg: 0 4px 4px #00000026;
    --drop-shadow-2xl: 0 25px 25px #00000026;
    --ease-in-out: cubic-bezier(.4, 0, .2, 1);
    --animate-spin: spin 2.4s linear infinite;
    --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1)infinite;
    --blur-sm: 8px;
    --blur-lg: 16px;
    --blur-xl: 24px;
    --blur-3xl: 64px;
    --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-display: "Kaushan Script", "cursive";
    --font-title: "Afacad", "sans-serif";
    --font-base: "Figtree", "sans-serif";
    --color-bodycolor: var(--body-color);
    --color-body-bg: var(--body-bgcolor);
    --color-heading: var(--heading-color);
    --color-light: var(--light);
    --color-primary: var(--primary);
    --color-secondary: var(--secondary);
    --color-lightturquoise: #efffff;
    --color-emeraldblue: #066168;
    --color-citrusyellow: #ffaa0d;
    --color-citrusyellowlight: #ffaa0d52;
    --color-paleaqua: #dbeeee;
    --color-aquamist: #7fc7ce;
    --color-caribbeanblue: #1db7be;
    --color-eggshell: #fff8eb;
    --color-eggshelllight: #ffaa0d29;
    --color-caribbeanlight: #0661684f;
    --color-bluelight: #2989911a;
    --color-amber: #ffaa0d1a;
    --color-aquagray: #06616833;
    --color-skyblue: #53a4c0;
    --color-darkcyan: #066168;
    --color-input: #9d9d9d;
    --text-tiny: 10px;
    --text-2xs: 13px;
    --text-46: 46px;
    --text-28: 28px;
    --text-22: 22px;
    --text-26: 26px;
    --text-34: 34px;
    --text-36: 36px;
    --text-38: 38px;
    --text-40: 40px;
    --text-42: 42px;
    --text-48: 48px;
    --text-50: 50px;
    --text-52: 52px;
    --text-58: 58px;
    --text-60: 60px;
    --text-74: 74px;
    --text-76: 76px;
    --text-82: 82px;
    --text-80: 80px;
    --text-83: 83px;
    --text-90: 90px;
    --text-95: 95px;
    --text-98: 98px;
    --text-25xl: 100px;
    --text-30xl: 120px;
    --text-32xl: 130px;
    --text-35xl: 140px;
    --text-40xl: 160px;
    --text-45xl: 180px;
    --text-50xl: 200px;
    --text-50xxl: 260px;
    --text-60xl: 240px;
    --text-62xl: 250px;
    --background-image-check: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
    --bg1-gradient: 0deg, #0000008f 0%, #fff0 90%;
    --bg2-gradient: to bottom, #0000 0%, #000000c2 73%;
    --bg3-gradient: 180deg, #fff 24.65%, #e0e0e0 100%;
    --bg4-gradient: 180deg, #0cc0ce00 40%, #066168 100%;
    --st-blue-gradient: to bottom, #53a4c0 45%, #fff 100%;
    --st-pink-gradient: to bottom, #ffa2b6 55%, #fff 100%;
    --st-green-gradient: to bottom, #066168 46%, #fff 100%;
    --heading-gradient: 90deg, #ffaa0d1a 0%, #06616833 100%;
    --st-paleaqua-gradient: 90deg, #ffaa0d1a 0%, #06616833 100%;
    --bld-num-drop-shadow: 0px 4px 4px #00000040;
    --z-index-1: 1;
    --z-index-2: 2;
    --z-index-4: 4;
    --z-index-9: 9;
    --z-index-999: 999;
    --z-index-9999: 9999;
    --z-index-99999: 99999;
    --z-index-999999: 999999;
    --radius-2lg: 10px;
    --radius-xxl: 15px;
    --radius-xxxl: 16px;
    --radius-2xxl: 25px;
    --radius-5xl: 50px;
    --radius-6xl: 60px;
    --radius-8xl: 80px;
    --radius-25xl: 100px;
    --radius-27xl: 110px;
    --radius-50xl: 200px;
    --animate-slide-left: slide-left 7s linear infinite alternate-reverse both;
    --animate-rotate-90-br-cw: rotate-90-br-cw 3s cubic-bezier(.25, .46, .45, .94)infinite alternate-reverse both;
    --animate-rotate-center: rotate-center 10s linear infinite both;
    --animate-slide-top2: slide-top2 20s linear infinite alternate-reverse;
    --animate-slide-top: slide-top 8s linear infinite alternate-reverse;
    --animate-ripple-video: ripple-video 3s infinite;
    --animate-scale-up-center: scale-up-center 2s linear infinite alternate-reverse both;
    --animate-smooth-up-down: smooth-up-down 10s linear infinite alternate-reverse both;
    --animate-smooth-up-down2: smooth-up-down2 5s linear infinite alternate-reverse both;
    --animate-spinZ: spinZ 20s linear infinite;
    --animate-slide-right: slide-right 50s cubic-bezier(.25, .46, .45, .94)both;
    --animate-slide-top-fast: slide-top-fast 1.5s ease-in-out infinite alternate-reverse both;
    --animate-error-ballonanimation: error-ballonanimation 2s cubic-bezier(.25, .46, .45, .94)infinite alternate-reverse both;
    --animate-moveCloud: moveCloud 20s linear infinite
  }
}

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

@layer components;

@layer utilities {
  .pointer-events-none {
    pointer-events: none
  }

  .invisible {
    visibility: hidden
  }

  .visible {
    visibility: visible
  }

  .\!relative {
    position: relative !important
  }

  .absolute {
    position: absolute
  }

  .fixed {
    position: fixed
  }

  .relative {
    position: relative
  }

  .static {
    position: static
  }

  .sticky {
    position: sticky
  }

  .inset-0 {
    inset: calc(var(--spacing)*0)
  }

  .inset-5 {
    inset: calc(var(--spacing)*5)
  }

  .\!top-auto {
    top: auto !important
  }

  .-top-0\.75 {
    top: calc(var(--spacing)*-.75)
  }

  .-top-1\.25 {
    top: calc(var(--spacing)*-1.25)
  }

  .-top-12\.5 {
    top: calc(var(--spacing)*-12.5)
  }

  .-top-24 {
    top: calc(var(--spacing)*-24)
  }

  .-top-full {
    top: -100%
  }

  .top-0 {
    top: calc(var(--spacing)*0)
  }

  .top-0\.75 {
    top: calc(var(--spacing)*.75)
  }

  .top-1\.5 {
    top: calc(var(--spacing)*1.5)
  }

  .top-1\.25 {
    top: calc(var(--spacing)*1.25)
  }

  .top-1\/2 {
    top: 50%
  }

  .top-2\.5 {
    top: calc(var(--spacing)*2.5)
  }

  .top-2\/5 {
    top: 40%
  }

  .top-3\.25 {
    top: calc(var(--spacing)*3.25)
  }

  .top-5\.5 {
    top: calc(var(--spacing)*5.5)
  }

  .top-6 {
    top: calc(var(--spacing)*6)
  }

  .top-7\.5 {
    top: calc(var(--spacing)*7.5)
  }

  .top-8 {
    top: calc(var(--spacing)*8)
  }

  .top-41\.25 {
    top: calc(var(--spacing)*41.25)
  }

  .top-50 {
    top: calc(var(--spacing)*50)
  }

  .top-auto {
    top: auto
  }

  .top-px {
    top: 1px
  }

  .\!right-\[calc\(50\%_-_70px\)\] {
    right: calc(50% - 70px) !important
  }

  .-right-5 {
    right: calc(var(--spacing)*-5)
  }

  .-right-7\.5 {
    right: calc(var(--spacing)*-7.5)
  }

  .-right-10 {
    right: calc(var(--spacing)*-10)
  }

  .-right-13\.75 {
    right: calc(var(--spacing)*-13.75)
  }

  .-right-24 {
    right: calc(var(--spacing)*-24)
  }

  .right-0 {
    right: calc(var(--spacing)*0)
  }

  .right-1\.25 {
    right: calc(var(--spacing)*1.25)
  }

  .right-2\.5 {
    right: calc(var(--spacing)*2.5)
  }

  .right-3 {
    right: calc(var(--spacing)*3)
  }

  .right-6 {
    right: calc(var(--spacing)*6)
  }

  .right-8 {
    right: calc(var(--spacing)*8)
  }

  .right-11\.25 {
    right: calc(var(--spacing)*11.25)
  }

  .right-12\.5 {
    right: calc(var(--spacing)*12.5)
  }

  .\!bottom-0 {
    bottom: calc(var(--spacing)*0) !important
  }

  .-bottom-2 {
    bottom: calc(var(--spacing)*-2)
  }

  .-bottom-2\.5 {
    bottom: calc(var(--spacing)*-2.5)
  }

  .-bottom-5 {
    bottom: calc(var(--spacing)*-5)
  }

  .-bottom-px {
    bottom: -1px
  }

  .bottom-0 {
    bottom: calc(var(--spacing)*0)
  }

  .bottom-2 {
    bottom: calc(var(--spacing)*2)
  }

  .bottom-6 {
    bottom: calc(var(--spacing)*6)
  }

  .bottom-7\.5 {
    bottom: calc(var(--spacing)*7.5)
  }

  .bottom-8 {
    bottom: calc(var(--spacing)*8)
  }

  .bottom-12\.5 {
    bottom: calc(var(--spacing)*12.5)
  }

  .bottom-15\.5 {
    bottom: calc(var(--spacing)*15.5)
  }

  .bottom-16\.25 {
    bottom: calc(var(--spacing)*16.25)
  }

  .\!left-\[calc\(50\%_-_70px\)\] {
    left: calc(50% - 70px) !important
  }

  .-left-12\.5 {
    left: calc(var(--spacing)*-12.5)
  }

  .-left-24 {
    left: calc(var(--spacing)*-24)
  }

  .-left-28\.75 {
    left: calc(var(--spacing)*-28.75)
  }

  .left-0 {
    left: calc(var(--spacing)*0)
  }

  .left-1\/2 {
    left: 50%
  }

  .left-2\.5 {
    left: calc(var(--spacing)*2.5)
  }

  .left-6 {
    left: calc(var(--spacing)*6)
  }

  .left-7\.5 {
    left: calc(var(--spacing)*7.5)
  }

  .left-8 {
    left: calc(var(--spacing)*8)
  }

  .left-12\.5 {
    left: calc(var(--spacing)*12.5)
  }

  .left-64\.5 {
    left: calc(var(--spacing)*64.5)
  }

  .left-full {
    left: 100%
  }

  .\!z-1 {
    z-index: var(--z-index-1) !important
  }

  .-z-1 {
    z-index: calc(var(--z-index-1)*-1)
  }

  .z-1 {
    z-index: var(--z-index-1)
  }

  .z-2 {
    z-index: var(--z-index-2)
  }

  .z-5 {
    z-index: 5
  }

  .z-9 {
    z-index: var(--z-index-9)
  }

  .z-10 {
    z-index: 10
  }

  .z-999 {
    z-index: var(--z-index-999)
  }

  .z-999999 {
    z-index: var(--z-index-999999)
  }

  .z-9999999 {
    z-index: 9999999
  }

  .z-\[4\] {
    z-index: 4
  }

  .order-1 {
    order: 1
  }

  .order-2 {
    order: 2
  }

  .col-span-6 {
    grid-column: span 6/span 6
  }

  .col-span-12 {
    grid-column: span 12/span 12
  }

  .float-end {
    float: inline-end
  }

  .float-left {
    float: left
  }

  .float-right {
    float: right
  }

  .container {
    width: 100%
  }

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

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

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

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

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

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

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

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

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

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

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

  .m-3\.75 {
    margin: calc(var(--spacing)*3.75)
  }

  .m-6\.25 {
    margin: calc(var(--spacing)*6.25)
  }

  .m-16 {
    margin: calc(var(--spacing)*16)
  }

  .m-256 {
    margin: calc(var(--spacing)*256)
  }

  .\!mx-auto {
    margin-inline: auto !important
  }

  .-mx-3\.75 {
    margin-inline: calc(var(--spacing)*-3.75)
  }

  .mx-0\.5 {
    margin-inline: calc(var(--spacing)*.5)
  }

  .mx-2\.5 {
    margin-inline: calc(var(--spacing)*2.5)
  }

  .mx-5 {
    margin-inline: calc(var(--spacing)*5)
  }

  .mx-auto {
    margin-inline: auto
  }

  .mx-px {
    margin-inline: 1px
  }

  .my-2\.5 {
    margin-block: calc(var(--spacing)*2.5)
  }

  .my-7\.5 {
    margin-block: calc(var(--spacing)*7.5)
  }

  .\!-mt-7\.5 {
    margin-top: calc(var(--spacing)*-7.5) !important
  }

  .-mt-0\.75 {
    margin-top: calc(var(--spacing)*-.75)
  }

  .-mt-7 {
    margin-top: calc(var(--spacing)*-7)
  }

  .-mt-12\.5 {
    margin-top: calc(var(--spacing)*-12.5)
  }

  .-mt-20 {
    margin-top: calc(var(--spacing)*-20)
  }

  .mt-0 {
    margin-top: calc(var(--spacing)*0)
  }

  .mt-1\.5 {
    margin-top: calc(var(--spacing)*1.5)
  }

  .mt-2 {
    margin-top: calc(var(--spacing)*2)
  }

  .mt-2\.5 {
    margin-top: calc(var(--spacing)*2.5)
  }

  .mt-3 {
    margin-top: calc(var(--spacing)*3)
  }

  .mt-3\.75 {
    margin-top: calc(var(--spacing)*3.75)
  }

  .mt-4 {
    margin-top: calc(var(--spacing)*4)
  }

  .mt-4\.5 {
    margin-top: calc(var(--spacing)*4.5)
  }

  .mt-5 {
    margin-top: calc(var(--spacing)*5)
  }

  .mt-6 {
    margin-top: calc(var(--spacing)*6)
  }

  .mt-7\.5 {
    margin-top: calc(var(--spacing)*7.5)
  }

  .mt-8 {
    margin-top: calc(var(--spacing)*8)
  }

  .mt-12\.5 {
    margin-top: calc(var(--spacing)*12.5)
  }

  .mt-32 {
    margin-top: calc(var(--spacing)*32)
  }

  .mt-45 {
    margin-top: calc(var(--spacing)*45)
  }

  .mt-60 {
    margin-top: calc(var(--spacing)*60)
  }

  .mt-auto {
    margin-top: auto
  }

  .-mr-2\.5 {
    margin-right: calc(var(--spacing)*-2.5)
  }

  .-mr-5 {
    margin-right: calc(var(--spacing)*-5)
  }

  .mr-0\.75 {
    margin-right: calc(var(--spacing)*.75)
  }

  .mr-1\.5 {
    margin-right: calc(var(--spacing)*1.5)
  }

  .mr-2\.5 {
    margin-right: calc(var(--spacing)*2.5)
  }

  .mr-3 {
    margin-right: calc(var(--spacing)*3)
  }

  .mr-3\.5 {
    margin-right: calc(var(--spacing)*3.5)
  }

  .mr-3\.75 {
    margin-right: calc(var(--spacing)*3.75)
  }

  .mr-4\.5 {
    margin-right: calc(var(--spacing)*4.5)
  }

  .mr-5 {
    margin-right: calc(var(--spacing)*5)
  }

  .mr-6 {
    margin-right: calc(var(--spacing)*6)
  }

  .mr-7\.5 {
    margin-right: calc(var(--spacing)*7.5)
  }

  .mr-11\.5 {
    margin-right: calc(var(--spacing)*11.5)
  }

  .mr-11\.25 {
    margin-right: calc(var(--spacing)*11.25)
  }

  .mr-\[2\%\] {
    margin-right: 2%
  }

  .mb-0 {
    margin-bottom: calc(var(--spacing)*0)
  }

  .mb-0\.5 {
    margin-bottom: calc(var(--spacing)*.5)
  }

  .mb-0\.75 {
    margin-bottom: calc(var(--spacing)*.75)
  }

  .mb-1\.25 {
    margin-bottom: calc(var(--spacing)*1.25)
  }

  .mb-2 {
    margin-bottom: calc(var(--spacing)*2)
  }

  .mb-2\.5 {
    margin-bottom: calc(var(--spacing)*2.5)
  }

  .mb-3 {
    margin-bottom: calc(var(--spacing)*3)
  }

  .mb-3\.5 {
    margin-bottom: calc(var(--spacing)*3.5)
  }

  .mb-3\.75 {
    margin-bottom: calc(var(--spacing)*3.75)
  }

  .mb-4 {
    margin-bottom: calc(var(--spacing)*4)
  }

  .mb-4\.5 {
    margin-bottom: calc(var(--spacing)*4.5)
  }

  .mb-5 {
    margin-bottom: calc(var(--spacing)*5)
  }

  .mb-6 {
    margin-bottom: calc(var(--spacing)*6)
  }

  .mb-6\.25 {
    margin-bottom: calc(var(--spacing)*6.25)
  }

  .mb-7\.5 {
    margin-bottom: calc(var(--spacing)*7.5)
  }

  .mb-8 {
    margin-bottom: calc(var(--spacing)*8)
  }

  .mb-8\.75 {
    margin-bottom: calc(var(--spacing)*8.75)
  }

  .mb-10 {
    margin-bottom: calc(var(--spacing)*10)
  }

  .mb-12 {
    margin-bottom: calc(var(--spacing)*12)
  }

  .mb-12\.5 {
    margin-bottom: calc(var(--spacing)*12.5)
  }

  .mb-15 {
    margin-bottom: calc(var(--spacing)*15)
  }

  .mb-16 {
    margin-bottom: calc(var(--spacing)*16)
  }

  .mb-20 {
    margin-bottom: calc(var(--spacing)*20)
  }

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

  .-ml-2\.5 {
    margin-left: calc(var(--spacing)*-2.5)
  }

  .-ml-7\.5 {
    margin-left: calc(var(--spacing)*-7.5)
  }

  .-ml-10 {
    margin-left: calc(var(--spacing)*-10)
  }

  .ml-2\.5 {
    margin-left: calc(var(--spacing)*2.5)
  }

  .ml-4 {
    margin-left: calc(var(--spacing)*4)
  }

  .ml-4\.5 {
    margin-left: calc(var(--spacing)*4.5)
  }

  .ml-5 {
    margin-left: calc(var(--spacing)*5)
  }

  .ml-7\.5 {
    margin-left: calc(var(--spacing)*7.5)
  }

  .ml-14\.5 {
    margin-left: calc(var(--spacing)*14.5)
  }

  .ml-auto {
    margin-left: auto
  }

  .box-border {
    box-sizing: border-box
  }

  .line-clamp-2 {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
  }

  .\!block {
    display: block !important
  }

  .\!flex {
    display: flex !important
  }

  .\!inline-block {
    display: inline-block !important
  }

  .block {
    display: block
  }

  .contents {
    display: contents
  }

  .flex {
    display: flex
  }

  .grid {
    display: grid
  }

  .hidden {
    display: none
  }

  .inline {
    display: inline
  }

  .inline-block {
    display: inline-block
  }

  .inline-flex {
    display: inline-flex
  }

  .table {
    display: table
  }

  .table-cell {
    display: table-cell
  }

  .aspect-4\/3 {
    aspect-ratio: 4/3
  }

  .aspect-\[3\/4\] {
    aspect-ratio: 3/4
  }

  .aspect-square {
    aspect-ratio: 1
  }

  .\!size-14 {
    width: calc(var(--spacing)*14) !important;
    height: calc(var(--spacing)*14) !important
  }

  .size-2\.5 {
    width: calc(var(--spacing)*2.5);
    height: calc(var(--spacing)*2.5)
  }

  .size-5 {
    width: calc(var(--spacing)*5);
    height: calc(var(--spacing)*5)
  }

  .size-6 {
    width: calc(var(--spacing)*6);
    height: calc(var(--spacing)*6)
  }

  .size-7 {
    width: calc(var(--spacing)*7);
    height: calc(var(--spacing)*7)
  }

  .size-7\.5 {
    width: calc(var(--spacing)*7.5);
    height: calc(var(--spacing)*7.5)
  }

  .size-8 {
    width: calc(var(--spacing)*8);
    height: calc(var(--spacing)*8)
  }

  .size-9 {
    width: calc(var(--spacing)*9);
    height: calc(var(--spacing)*9)
  }

  .size-9\.5 {
    width: calc(var(--spacing)*9.5);
    height: calc(var(--spacing)*9.5)
  }

  .size-10 {
    width: calc(var(--spacing)*10);
    height: calc(var(--spacing)*10)
  }

  .size-10\.5 {
    width: calc(var(--spacing)*10.5);
    height: calc(var(--spacing)*10.5)
  }

  .size-11 {
    width: calc(var(--spacing)*11);
    height: calc(var(--spacing)*11)
  }

  .size-11\.5 {
    width: calc(var(--spacing)*11.5);
    height: calc(var(--spacing)*11.5)
  }

  .size-12 {
    width: calc(var(--spacing)*12);
    height: calc(var(--spacing)*12)
  }

  .size-13\.75 {
    width: calc(var(--spacing)*13.75);
    height: calc(var(--spacing)*13.75)
  }

  .size-15 {
    width: calc(var(--spacing)*15);
    height: calc(var(--spacing)*15)
  }

  .size-16 {
    width: calc(var(--spacing)*16);
    height: calc(var(--spacing)*16)
  }

  .size-17 {
    width: calc(var(--spacing)*17);
    height: calc(var(--spacing)*17)
  }

  .size-17\.5 {
    width: calc(var(--spacing)*17.5);
    height: calc(var(--spacing)*17.5)
  }

  .size-19 {
    width: calc(var(--spacing)*19);
    height: calc(var(--spacing)*19)
  }

  .size-20 {
    width: calc(var(--spacing)*20);
    height: calc(var(--spacing)*20)
  }

  .size-20\.5 {
    width: calc(var(--spacing)*20.5);
    height: calc(var(--spacing)*20.5)
  }

  .size-22 {
    width: calc(var(--spacing)*22);
    height: calc(var(--spacing)*22)
  }

  .size-22\.5 {
    width: calc(var(--spacing)*22.5);
    height: calc(var(--spacing)*22.5)
  }

  .size-25 {
    width: calc(var(--spacing)*25);
    height: calc(var(--spacing)*25)
  }

  .size-30 {
    width: calc(var(--spacing)*30);
    height: calc(var(--spacing)*30)
  }

  .size-45 {
    width: calc(var(--spacing)*45);
    height: calc(var(--spacing)*45)
  }

  .size-50 {
    width: calc(var(--spacing)*50);
    height: calc(var(--spacing)*50)
  }

  .size-70\.5 {
    width: calc(var(--spacing)*70.5);
    height: calc(var(--spacing)*70.5)
  }

  .size-96 {
    width: calc(var(--spacing)*96);
    height: calc(var(--spacing)*96)
  }

  .size-full {
    width: 100%;
    height: 100%
  }

  .\!h-17 {
    height: calc(var(--spacing)*17) !important
  }

  .h-0\.5 {
    height: calc(var(--spacing)*.5)
  }

  .h-4 {
    height: calc(var(--spacing)*4)
  }

  .h-5 {
    height: calc(var(--spacing)*5)
  }

  .h-6 {
    height: calc(var(--spacing)*6)
  }

  .h-8\.5 {
    height: calc(var(--spacing)*8.5)
  }

  .h-10 {
    height: calc(var(--spacing)*10)
  }

  .h-11\.5 {
    height: calc(var(--spacing)*11.5)
  }

  .h-11\.25 {
    height: calc(var(--spacing)*11.25)
  }

  .h-12 {
    height: calc(var(--spacing)*12)
  }

  .h-12\.5 {
    height: calc(var(--spacing)*12.5)
  }

  .h-14 {
    height: calc(var(--spacing)*14)
  }

  .h-16 {
    height: calc(var(--spacing)*16)
  }

  .h-17\.5 {
    height: calc(var(--spacing)*17.5)
  }

  .h-20 {
    height: calc(var(--spacing)*20)
  }

  .h-25 {
    height: calc(var(--spacing)*25)
  }

  .h-25\.75 {
    height: calc(var(--spacing)*25.75)
  }

  .h-26\.5 {
    height: calc(var(--spacing)*26.5)
  }

  .h-29\.25 {
    height: calc(var(--spacing)*29.25)
  }

  .h-31\.25 {
    height: calc(var(--spacing)*31.25)
  }

  .h-32\.75 {
    height: calc(var(--spacing)*32.75)
  }

  .h-34 {
    height: calc(var(--spacing)*34)
  }

  .h-40 {
    height: calc(var(--spacing)*40)
  }

  .h-47\.5 {
    height: calc(var(--spacing)*47.5)
  }

  .h-50 {
    height: calc(var(--spacing)*50)
  }

  .h-52\.5 {
    height: calc(var(--spacing)*52.5)
  }

  .h-65 {
    height: calc(var(--spacing)*65)
  }

  .h-72 {
    height: calc(var(--spacing)*72)
  }

  .h-77\.25 {
    height: calc(var(--spacing)*77.25)
  }

  .h-80 {
    height: calc(var(--spacing)*80)
  }

  .h-85 {
    height: calc(var(--spacing)*85)
  }

  .h-87 {
    height: calc(var(--spacing)*87)
  }

  .h-96 {
    height: calc(var(--spacing)*96)
  }

  .h-100 {
    height: calc(var(--spacing)*100)
  }

  .h-105 {
    height: calc(var(--spacing)*105)
  }

  .h-113\.25 {
    height: calc(var(--spacing)*113.25)
  }

  .h-115 {
    height: calc(var(--spacing)*115)
  }

  .h-125 {
    height: calc(var(--spacing)*125)
  }

  .h-170 {
    height: calc(var(--spacing)*170)
  }

  .h-\[50vh\] {
    height: 50vh
  }

  .h-auto {
    height: auto
  }

  .h-full {
    height: 100%
  }

  .h-px {
    height: 1px
  }

  .h-screen {
    height: 100vh
  }

  .max-h-14\.5 {
    max-height: calc(var(--spacing)*14.5)
  }

  .max-h-38\.75 {
    max-height: calc(var(--spacing)*38.75)
  }

  .min-h-20 {
    min-height: calc(var(--spacing)*20)
  }

  .min-h-28 {
    min-height: calc(var(--spacing)*28)
  }

  .min-h-42 {
    min-height: calc(var(--spacing)*42)
  }

  .min-h-\[70vh\] {
    min-height: 70vh
  }

  .min-h-\[350px\] {
    min-height: 350px
  }

  .min-h-\[400px\] {
    min-height: 400px
  }

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

  .min-h-screen {
    min-height: 100vh
  }

  .\!w-full {
    width: 100% !important
  }

  .w-1\/2 {
    width: 50%
  }

  .w-4 {
    width: calc(var(--spacing)*4)
  }

  .w-5 {
    width: calc(var(--spacing)*5)
  }

  .w-5\.5 {
    width: calc(var(--spacing)*5.5)
  }

  .w-6 {
    width: calc(var(--spacing)*6)
  }

  .w-6\.25 {
    width: calc(var(--spacing)*6.25)
  }

  .w-10 {
    width: calc(var(--spacing)*10)
  }

  .w-12 {
    width: calc(var(--spacing)*12)
  }

  .w-12\.5 {
    width: calc(var(--spacing)*12.5)
  }

  .w-20 {
    width: calc(var(--spacing)*20)
  }

  .w-22\.5 {
    width: calc(var(--spacing)*22.5)
  }

  .w-25 {
    width: calc(var(--spacing)*25)
  }

  .w-27\.5 {
    width: calc(var(--spacing)*27.5)
  }

  .w-30 {
    width: calc(var(--spacing)*30)
  }

  .w-57\.5 {
    width: calc(var(--spacing)*57.5)
  }

  .w-62\.5 {
    width: calc(var(--spacing)*62.5)
  }

  .w-65 {
    width: calc(var(--spacing)*65)
  }

  .w-96 {
    width: calc(var(--spacing)*96)
  }

  .w-117\.5 {
    width: calc(var(--spacing)*117.5)
  }

  .w-\[1\%\] {
    width: 1%
  }

  .w-\[32\%\] {
    width: 32%
  }

  .w-\[49\%\] {
    width: 49%
  }

  .w-\[110\%\] {
    width: 110%
  }

  .w-\[calc\(100\%_-_80px\)\] {
    width: calc(100% - 80px)
  }

  .w-\[calc\(100\%_-_90px\)\] {
    width: calc(100% - 90px)
  }

  .w-auto {
    width: auto
  }

  .w-full {
    width: 100%
  }

  .w-px {
    width: 1px
  }

  .max-w-2xl {
    max-width: var(--container-2xl)
  }

  .max-w-3xl {
    max-width: var(--container-3xl)
  }

  .max-w-4xl {
    max-width: var(--container-4xl)
  }

  .max-w-5xl {
    max-width: var(--container-5xl)
  }

  .max-w-11 {
    max-width: calc(var(--spacing)*11)
  }

  .max-w-12 {
    max-width: calc(var(--spacing)*12)
  }

  .max-w-15\.5 {
    max-width: calc(var(--spacing)*15.5)
  }

  .max-w-27\.5 {
    max-width: calc(var(--spacing)*27.5)
  }

  .max-w-30 {
    max-width: calc(var(--spacing)*30)
  }

  .max-w-33\.5 {
    max-width: calc(var(--spacing)*33.5)
  }

  .max-w-48\.25 {
    max-width: calc(var(--spacing)*48.25)
  }

  .max-w-58 {
    max-width: calc(var(--spacing)*58)
  }

  .max-w-62\.5 {
    max-width: calc(var(--spacing)*62.5)
  }

  .max-w-75 {
    max-width: calc(var(--spacing)*75)
  }

  .max-w-76\.5 {
    max-width: calc(var(--spacing)*76.5)
  }

  .max-w-80 {
    max-width: calc(var(--spacing)*80)
  }

  .max-w-85 {
    max-width: calc(var(--spacing)*85)
  }

  .max-w-88 {
    max-width: calc(var(--spacing)*88)
  }

  .max-w-92\.5 {
    max-width: calc(var(--spacing)*92.5)
  }

  .max-w-100 {
    max-width: calc(var(--spacing)*100)
  }

  .max-w-107 {
    max-width: calc(var(--spacing)*107)
  }

  .max-w-132\.5 {
    max-width: calc(var(--spacing)*132.5)
  }

  .max-w-150 {
    max-width: calc(var(--spacing)*150)
  }

  .max-w-200 {
    max-width: calc(var(--spacing)*200)
  }

  .max-w-255 {
    max-width: calc(var(--spacing)*255)
  }

  .max-w-264 {
    max-width: calc(var(--spacing)*264)
  }

  .max-w-370 {
    max-width: calc(var(--spacing)*370)
  }

  .max-w-406\.5 {
    max-width: calc(var(--spacing)*406.5)
  }

  .max-w-437\.5 {
    max-width: calc(var(--spacing)*437.5)
  }

  .max-w-440 {
    max-width: calc(var(--spacing)*440)
  }

  .max-w-full {
    max-width: 100%
  }

  .min-w-10 {
    min-width: calc(var(--spacing)*10)
  }

  .min-w-12 {
    min-width: calc(var(--spacing)*12)
  }

  .min-w-12\.5 {
    min-width: calc(var(--spacing)*12.5)
  }

  .min-w-13\.75 {
    min-width: calc(var(--spacing)*13.75)
  }

  .min-w-25 {
    min-width: calc(var(--spacing)*25)
  }

  .min-w-66\.5 {
    min-width: calc(var(--spacing)*66.5)
  }

  .\!flex-2 {
    flex: 2 !important
  }

  .flex-1 {
    flex: 1
  }

  .shrink-0 {
    flex-shrink: 0
  }

  .grow {
    flex-grow: 1
  }

  .border-collapse {
    border-collapse: collapse
  }

  .-translate-1\/2 {
    --tw-translate-x: calc(calc(1/2*100%)*-1);
    --tw-translate-y: calc(calc(1/2*100%)*-1);
    translate: var(--tw-translate-x)var(--tw-translate-y)
  }

  .translate-1\/2 {
    --tw-translate-x: calc(1/2*100%);
    --tw-translate-y: calc(1/2*100%);
    translate: var(--tw-translate-x)var(--tw-translate-y)
  }

  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1/2*100%)*-1);
    translate: var(--tw-translate-x)var(--tw-translate-y)
  }

  .-translate-x-full {
    --tw-translate-x: -100%;
    translate: var(--tw-translate-x)var(--tw-translate-y)
  }

  .translate-x-full {
    --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)
  }

  .translate-y-7\.5 {
    --tw-translate-y: calc(var(--spacing)*7.5);
    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)
  }

  .translate-none {
    translate: none
  }

  .scale-1 {
    --tw-scale-x: 1%;
    --tw-scale-y: 1%;
    --tw-scale-z: 1%;
    scale: var(--tw-scale-x)var(--tw-scale-y)
  }

  .scale-\[0\.8\] {
    scale: .8
  }

  .-rotate-90 {
    rotate: -90deg
  }

  .rotate-3,
  .rotate-\[3deg\] {
    rotate: 3deg
  }

  .transform {
    transform: var(--tw-rotate-x, )var(--tw-rotate-y, )var(--tw-rotate-z, )var(--tw-skew-x, )var(--tw-skew-y, )
  }

  .transform-none {
    transform: none
  }

  .animate-error-ballonanimation {
    animation: var(--animate-error-ballonanimation)
  }

  .animate-moveCloud {
    animation: var(--animate-moveCloud)
  }

  .animate-pulse {
    animation: var(--animate-pulse)
  }

  .animate-slide-right {
    animation: var(--animate-slide-right)
  }

  .animate-slide-top {
    animation: var(--animate-slide-top)
  }

  .animate-slide-top-fast {
    animation: var(--animate-slide-top-fast)
  }

  .animate-slide-top2 {
    animation: var(--animate-slide-top2)
  }

  .animate-spinZ {
    animation: var(--animate-spinZ)
  }

  .cursor-pointer {
    cursor: pointer
  }

  .resize {
    resize: both
  }

  .resize-none {
    resize: none
  }

  .appearance-none {
    appearance: none
  }

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

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

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

  .flex-col {
    flex-direction: column
  }

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

  .flex-nowrap {
    flex-wrap: nowrap
  }

  .flex-wrap {
    flex-wrap: wrap
  }

  .items-baseline {
    align-items: baseline
  }

  .items-center {
    align-items: center
  }

  .items-end {
    align-items: flex-end
  }

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

  .items-stretch {
    align-items: stretch
  }

  .\!justify-center {
    justify-content: center !important
  }

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

  .justify-center {
    justify-content: center
  }

  .justify-start {
    justify-content: flex-start
  }

  .gap-1 {
    gap: calc(var(--spacing)*1)
  }

  .gap-1\.25 {
    gap: calc(var(--spacing)*1.25)
  }

  .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\.75 {
    gap: calc(var(--spacing)*3.75)
  }

  .gap-4 {
    gap: calc(var(--spacing)*4)
  }

  .gap-5 {
    gap: calc(var(--spacing)*5)
  }

  .gap-6 {
    gap: calc(var(--spacing)*6)
  }

  .gap-7\.5 {
    gap: calc(var(--spacing)*7.5)
  }

  .gap-8 {
    gap: calc(var(--spacing)*8)
  }

  .gap-10 {
    gap: calc(var(--spacing)*10)
  }

  .gap-12 {
    gap: calc(var(--spacing)*12)
  }

  :where(.space-y-3>:not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))
  }

  :where(.space-y-4>:not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))
  }

  :where(.space-y-5>:not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing)*5)*var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing)*5)*calc(1 - var(--tw-space-y-reverse)))
  }

  .gap-x-7\.5 {
    column-gap: calc(var(--spacing)*7.5)
  }

  .gap-x-\[0\.5\%\] {
    column-gap: .5%
  }

  .gap-y-0\.5 {
    row-gap: calc(var(--spacing)*.5)
  }

  .\!overflow-hidden {
    overflow: hidden !important
  }

  .overflow-hidden {
    overflow: hidden
  }

  .overflow-y-auto {
    overflow-y: auto
  }

  .rounded {
    border-radius: .25rem
  }

  .rounded-2lg {
    border-radius: var(--radius-2lg)
  }

  .rounded-2xl {
    border-radius: var(--radius-2xl)
  }

  .rounded-3xl {
    border-radius: var(--radius-3xl)
  }

  .rounded-4xl {
    border-radius: var(--radius-4xl)
  }

  .rounded-5xl {
    border-radius: var(--radius-5xl)
  }

  .rounded-6xl {
    border-radius: var(--radius-6xl)
  }

  .rounded-25xl {
    border-radius: var(--radius-25xl)
  }

  .rounded-27xl {
    border-radius: var(--radius-27xl)
  }

  .rounded-\[2rem\] {
    border-radius: 2rem
  }

  .rounded-\[4rem\] {
    border-radius: 4rem
  }

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

  .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-xxl {
    border-radius: var(--radius-xxl)
  }

  .rounded-s-2lg {
    border-start-start-radius: var(--radius-2lg);
    border-end-start-radius: var(--radius-2lg)
  }

  .rounded-s-lg {
    border-start-start-radius: var(--radius-lg);
    border-end-start-radius: var(--radius-lg)
  }

  .rounded-ss-none {
    border-start-start-radius: 0
  }

  .rounded-e-5xl {
    border-start-end-radius: var(--radius-5xl);
    border-end-end-radius: var(--radius-5xl)
  }

  .rounded-se-\[200px\] {
    border-start-end-radius: 200px
  }

  .rounded-es-none {
    border-end-start-radius: 0
  }

  .rounded-t-2lg {
    border-top-left-radius: var(--radius-2lg);
    border-top-right-radius: var(--radius-2lg)
  }

  .rounded-t-3xl {
    border-top-left-radius: var(--radius-3xl);
    border-top-right-radius: var(--radius-3xl)
  }

  .rounded-tl-3xl {
    border-top-left-radius: var(--radius-3xl)
  }

  .rounded-tr-3xl {
    border-top-right-radius: var(--radius-3xl)
  }

  .rounded-tr-5xl {
    border-top-right-radius: var(--radius-5xl)
  }

  .rounded-b-3xl {
    border-bottom-right-radius: var(--radius-3xl);
    border-bottom-left-radius: var(--radius-3xl)
  }

  .rounded-br-3xl {
    border-bottom-right-radius: var(--radius-3xl)
  }

  .rounded-br-5xl {
    border-bottom-right-radius: var(--radius-5xl)
  }

  .rounded-bl-3xl {
    border-bottom-left-radius: var(--radius-3xl)
  }

  .\!border-0 {
    border-style: var(--tw-border-style) !important;
    border-width: 0 !important
  }

  .border {
    border-style: var(--tw-border-style);
    border-width: 1px
  }

  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px
  }

  .border-4 {
    border-style: var(--tw-border-style);
    border-width: 4px
  }

  .border-\[5px\] {
    border-style: var(--tw-border-style);
    border-width: 5px
  }

  .border-\[6px\] {
    border-style: var(--tw-border-style);
    border-width: 6px
  }

  .border-\[7px\] {
    border-style: var(--tw-border-style);
    border-width: 7px
  }

  .border-\[10px\] {
    border-style: var(--tw-border-style);
    border-width: 10px
  }

  .border-\[20px\] {
    border-style: var(--tw-border-style);
    border-width: 20px
  }

  .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-l-4 {
    border-left-style: var(--tw-border-style);
    border-left-width: 4px
  }

  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed
  }

  .border-none {
    --tw-border-style: none;
    border-style: none
  }

  .\!border-white\/30 {
    border-color: #ffffff4d !important
  }

  @supports (color:color-mix(in lab, red, red)) {
    .\!border-white\/30 {
      border-color: color-mix(in oklab, var(--color-white)30%, transparent) !important
    }
  }

  .border-\[\#29899133\] {
    border-color: #29899133
  }

  .border-aquagray {
    border-color: var(--color-aquagray)
  }

  .border-black\/5 {
    border-color: #0000000d
  }

  @supports (color:color-mix(in lab, red, red)) {
    .border-black\/5 {
      border-color: color-mix(in oklab, var(--color-black)5%, transparent)
    }
  }

  .border-black\/10 {
    border-color: #0000001a
  }

  @supports (color:color-mix(in lab, red, red)) {
    .border-black\/10 {
      border-color: color-mix(in oklab, var(--color-black)10%, transparent)
    }
  }

  .border-citrusyellow {
    border-color: var(--color-citrusyellow)
  }

  .border-citrusyellow\/20 {
    border-color: #ffaa0d33
  }

  @supports (color:color-mix(in lab, red, red)) {
    .border-citrusyellow\/20 {
      border-color: color-mix(in oklab, var(--color-citrusyellow)20%, transparent)
    }
  }

  .border-citrusyellow\/30 {
    border-color: #ffaa0d4d
  }

  @supports (color:color-mix(in lab, red, red)) {
    .border-citrusyellow\/30 {
      border-color: color-mix(in oklab, var(--color-citrusyellow)30%, transparent)
    }
  }

  .border-citrusyellowlight {
    border-color: var(--color-citrusyellowlight)
  }

  .border-gray-100 {
    border-color: var(--color-gray-100)
  }

  .border-paleaqua {
    border-color: var(--color-paleaqua)
  }

  .border-paleaqua\/\[0\.18\] {
    border-color: #dbeeee2e
  }

  @supports (color:color-mix(in lab, red, red)) {
    .border-paleaqua\/\[0\.18\] {
      border-color: color-mix(in oklab, var(--color-paleaqua)18%, transparent)
    }
  }

  .border-primary,
  .border-primary\/10 {
    border-color: var(--color-primary)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .border-primary\/10 {
      border-color: color-mix(in oklab, var(--color-primary)10%, transparent)
    }
  }

  .border-primary\/20 {
    border-color: var(--color-primary)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .border-primary\/20 {
      border-color: color-mix(in oklab, var(--color-primary)20%, transparent)
    }
  }

  .border-primary\/40 {
    border-color: var(--color-primary)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .border-primary\/40 {
      border-color: color-mix(in oklab, var(--color-primary)40%, transparent)
    }
  }

  .border-primary\/50 {
    border-color: var(--color-primary)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .border-primary\/50 {
      border-color: color-mix(in oklab, var(--color-primary)50%, transparent)
    }
  }

  .border-transparent {
    border-color: #0000
  }

  .border-white {
    border-color: var(--color-white)
  }

  .border-white\/10 {
    border-color: #ffffff1a
  }

  @supports (color:color-mix(in lab, red, red)) {
    .border-white\/10 {
      border-color: color-mix(in oklab, var(--color-white)10%, transparent)
    }
  }

  .border-white\/20 {
    border-color: #fff3
  }

  @supports (color:color-mix(in lab, red, red)) {
    .border-white\/20 {
      border-color: color-mix(in oklab, var(--color-white)20%, transparent)
    }
  }

  .border-white\/40 {
    border-color: #fff6
  }

  @supports (color:color-mix(in lab, red, red)) {
    .border-white\/40 {
      border-color: color-mix(in oklab, var(--color-white)40%, transparent)
    }
  }

  .border-white\/60 {
    border-color: #fff9
  }

  @supports (color:color-mix(in lab, red, red)) {
    .border-white\/60 {
      border-color: color-mix(in oklab, var(--color-white)60%, transparent)
    }
  }

  .bg-\[\#0A747C\] {
    background-color: #0a747c
  }

  .bg-\[\#45869D\] {
    background-color: #45869d
  }

  .bg-\[\#047881\] {
    background-color: #047881
  }

  .bg-\[\#CE8594\] {
    background-color: #ce8594
  }

  .bg-\[\#FFF8EB\] {
    background-color: #fff8eb
  }

  .bg-\[rgba\(0\,0\,0\,0\.22\)\] {
    background-color: #00000038
  }

  .bg-\[rgba\(255\,255\,255\,0\.56\)\] {
    background-color: #ffffff8f
  }

  .bg-black {
    background-color: var(--color-black)
  }

  .bg-black\/20 {
    background-color: #0003
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-black\/20 {
      background-color: color-mix(in oklab, var(--color-black)20%, transparent)
    }
  }

  .bg-black\/40 {
    background-color: #0006
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-black\/40 {
      background-color: color-mix(in oklab, var(--color-black)40%, transparent)
    }
  }

  .bg-black\/50 {
    background-color: #00000080
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-black\/50 {
      background-color: color-mix(in oklab, var(--color-black)50%, transparent)
    }
  }

  .bg-black\/70 {
    background-color: #000000b3
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-black\/70 {
      background-color: color-mix(in oklab, var(--color-black)70%, transparent)
    }
  }

  .bg-blue-50 {
    background-color: var(--color-blue-50)
  }

  .bg-body-bg {
    background-color: var(--color-body-bg)
  }

  .bg-caribbeanblue\/10 {
    background-color: #1db7be1a
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-caribbeanblue\/10 {
      background-color: color-mix(in oklab, var(--color-caribbeanblue)10%, transparent)
    }
  }

  .bg-caribbeanlight {
    background-color: var(--color-caribbeanlight)
  }

  .bg-citrusyellow {
    background-color: var(--color-citrusyellow)
  }

  .bg-citrusyellow\/5 {
    background-color: #ffaa0d0d
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-citrusyellow\/5 {
      background-color: color-mix(in oklab, var(--color-citrusyellow)5%, transparent)
    }
  }

  .bg-citrusyellow\/10 {
    background-color: #ffaa0d1a
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-citrusyellow\/10 {
      background-color: color-mix(in oklab, var(--color-citrusyellow)10%, transparent)
    }
  }

  .bg-citrusyellow\/20 {
    background-color: #ffaa0d33
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-citrusyellow\/20 {
      background-color: color-mix(in oklab, var(--color-citrusyellow)20%, transparent)
    }
  }

  .bg-eggshell {
    background-color: var(--color-eggshell)
  }

  .bg-emeraldblue\/10 {
    background-color: #0661681a
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-emeraldblue\/10 {
      background-color: color-mix(in oklab, var(--color-emeraldblue)10%, transparent)
    }
  }

  .bg-gray-50 {
    background-color: var(--color-gray-50)
  }

  .bg-gray-100 {
    background-color: var(--color-gray-100)
  }

  .bg-gray-900\/50 {
    background-color: #10182880
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-gray-900\/50 {
      background-color: color-mix(in oklab, var(--color-gray-900)50%, transparent)
    }
  }

  .bg-green-50 {
    background-color: var(--color-green-50)
  }

  .bg-lightturquoise {
    background-color: var(--color-lightturquoise)
  }

  .bg-orange-50 {
    background-color: var(--color-orange-50)
  }

  .bg-paleaqua {
    background-color: var(--color-paleaqua)
  }

  .bg-primary,
  .bg-primary\/5 {
    background-color: var(--color-primary)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-primary\/5 {
      background-color: color-mix(in oklab, var(--color-primary)5%, transparent)
    }
  }

  .bg-primary\/10 {
    background-color: var(--color-primary)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-primary\/10 {
      background-color: color-mix(in oklab, var(--color-primary)10%, transparent)
    }
  }

  .bg-primary\/20 {
    background-color: var(--color-primary)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-primary\/20 {
      background-color: color-mix(in oklab, var(--color-primary)20%, transparent)
    }
  }

  .bg-primary\/30 {
    background-color: var(--color-primary)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-primary\/30 {
      background-color: color-mix(in oklab, var(--color-primary)30%, transparent)
    }
  }

  .bg-primary\/40 {
    background-color: var(--color-primary)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-primary\/40 {
      background-color: color-mix(in oklab, var(--color-primary)40%, transparent)
    }
  }

  .bg-primary\/60 {
    background-color: var(--color-primary)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-primary\/60 {
      background-color: color-mix(in oklab, var(--color-primary)60%, transparent)
    }
  }

  .bg-purple-50 {
    background-color: var(--color-purple-50)
  }

  .bg-transparent {
    background-color: #0000
  }

  .bg-white {
    background-color: var(--color-white)
  }

  .bg-white\/5 {
    background-color: #ffffff0d
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-white\/5 {
      background-color: color-mix(in oklab, var(--color-white)5%, transparent)
    }
  }

  .bg-white\/40 {
    background-color: #fff6
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-white\/40 {
      background-color: color-mix(in oklab, var(--color-white)40%, transparent)
    }
  }

  .bg-white\/95 {
    background-color: #fffffff2
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-white\/95 {
      background-color: color-mix(in oklab, var(--color-white)95%, transparent)
    }
  }

  .bg-linear-to-b {
    --tw-gradient-position: to bottom
  }

  @supports (background-image:linear-gradient(in lab, red, red)) {
    .bg-linear-to-b {
      --tw-gradient-position: to bottom in oklab
    }
  }

  .bg-linear-to-b {
    background-image: linear-gradient(var(--tw-gradient-stops))
  }

  .bg-gradient-to-b {
    --tw-gradient-position: to bottom in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops))
  }

  .bg-gradient-to-br {
    --tw-gradient-position: to bottom right 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-\(--bg2-gradient\) {
    --tw-gradient-position: var(--bg2-gradient);
    background-image: linear-gradient(var(--tw-gradient-stops, var(--bg2-gradient)))
  }

  .bg-linear-\(--bg4-gradient\) {
    --tw-gradient-position: var(--bg4-gradient);
    background-image: linear-gradient(var(--tw-gradient-stops, var(--bg4-gradient)))
  }

  .bg-linear-\(--heading-gradient\) {
    --tw-gradient-position: var(--heading-gradient);
    background-image: linear-gradient(var(--tw-gradient-stops, var(--heading-gradient)))
  }

  .bg-linear-\(--st-blue-gradient\) {
    --tw-gradient-position: var(--st-blue-gradient);
    background-image: linear-gradient(var(--tw-gradient-stops, var(--st-blue-gradient)))
  }

  .bg-linear-\(--st-green-gradient\) {
    --tw-gradient-position: var(--st-green-gradient);
    background-image: linear-gradient(var(--tw-gradient-stops, var(--st-green-gradient)))
  }

  .bg-linear-\(--st-paleaqua-gradient\) {
    --tw-gradient-position: var(--st-paleaqua-gradient);
    background-image: linear-gradient(var(--tw-gradient-stops, var(--st-paleaqua-gradient)))
  }

  .bg-linear-\(--st-pink-gradient\) {
    --tw-gradient-position: var(--st-pink-gradient);
    background-image: linear-gradient(var(--tw-gradient-stops, var(--st-pink-gradient)))
  }

  .bg-\[linear-gradient\(to_bottom\,\#066168_15\%\,rgba\(255\,170\,13\,0\.3019607843\)_60\%\,\#fff_85\%\)\] {
    background-image: linear-gradient(#066168 15%, #ffaa0d4d 60%, #fff 85%)
  }

  .bg-\[linear-gradient\(to_bottom\,rgba\(0\,0\,0\,0\)_0\%\,rgba\(0\,0\,0\,0\.76\)_73\%\)\] {
    background-image: linear-gradient(#0000 0%, #000000c2 73%)
  }

  .bg-\[url\(\.\.\/images\/add-hr-cloud\.png\)\] {
    background-image: url(../images/add-hr-cloud.png)
  }

  .bg-\[url\(\.\.\/images\/background\/Cloud-bg\.png\)\] {
    background-image: url(../images/background/Cloud-bg.png)
  }

  .bg-\[url\(\.\.\/images\/background\/adv-bg-2\.jpg\)\] {
    background-image: url(../images/background/adv-bg-2.jpg)
  }

  .bg-\[url\(\.\.\/images\/background\/con-sec-bg\.jpg\)\] {
    background-image: url(../images/background/con-sec-bg.jpg)
  }

  .bg-\[url\(\.\.\/images\/background\/ftr-dark-bg\.png\)\] {
    background-image: url(../images/background/ftr-dark-bg.png)
  }

  .bg-\[url\(\.\.\/images\/background\/inr-banner\.jpg\)\] {
    background-image: url(../images/background/inr-banner.jpg)
  }

  .bg-\[url\(\.\.\/images\/error-bg-cloud\.png\)\] {
    background-image: url(../images/error-bg-cloud.png)
  }

  .from-black\/30 {
    --tw-gradient-from: #0000004d
  }

  @supports (color:color-mix(in lab, red, red)) {
    .from-black\/30 {
      --tw-gradient-from: color-mix(in oklab, var(--color-black)30%, transparent)
    }
  }

  .from-black\/30 {
    --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-black\/70 {
    --tw-gradient-from: #000000b3
  }

  @supports (color:color-mix(in lab, red, red)) {
    .from-black\/70 {
      --tw-gradient-from: color-mix(in oklab, var(--color-black)70%, transparent)
    }
  }

  .from-black\/70 {
    --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-black\/80 {
    --tw-gradient-from: #000c
  }

  @supports (color:color-mix(in lab, red, red)) {
    .from-black\/80 {
      --tw-gradient-from: color-mix(in oklab, var(--color-black)80%, transparent)
    }
  }

  .from-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))
  }

  .from-blue-400\/20 {
    --tw-gradient-from: #54a2ff33
  }

  @supports (color:color-mix(in lab, red, red)) {
    .from-blue-400\/20 {
      --tw-gradient-from: color-mix(in oklab, var(--color-blue-400)20%, transparent)
    }
  }

  .from-blue-400\/20 {
    --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-blue-500 {
    --tw-gradient-from: var(--color-blue-500);
    --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-citrusyellow\/20 {
    --tw-gradient-from: #ffaa0d33
  }

  @supports (color:color-mix(in lab, red, red)) {
    .from-citrusyellow\/20 {
      --tw-gradient-from: color-mix(in oklab, var(--color-citrusyellow)20%, transparent)
    }
  }

  .from-citrusyellow\/20 {
    --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-gray-50 {
    --tw-gradient-from: var(--color-gray-50);
    --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-green-400\/20 {
    --tw-gradient-from: #05df7233
  }

  @supports (color:color-mix(in lab, red, red)) {
    .from-green-400\/20 {
      --tw-gradient-from: color-mix(in oklab, var(--color-green-400)20%, transparent)
    }
  }

  .from-green-400\/20 {
    --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-green-500 {
    --tw-gradient-from: var(--color-green-500);
    --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-orange-500 {
    --tw-gradient-from: var(--color-orange-500);
    --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-paleaqua {
    --tw-gradient-from: var(--color-paleaqua);
    --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 {
    --tw-gradient-from: var(--color-primary);
    --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-slate-900 {
    --tw-gradient-from: var(--color-slate-900);
    --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-white {
    --tw-gradient-from: var(--color-white);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
  }

  .via-\[\#8B1538\] {
    --tw-gradient-via: #8b1538;
    --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-black\/20 {
    --tw-gradient-via: #0003
  }

  @supports (color:color-mix(in lab, red, red)) {
    .via-black\/20 {
      --tw-gradient-via: color-mix(in oklab, var(--color-black)20%, transparent)
    }
  }

  .via-black\/20 {
    --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-black\/40 {
    --tw-gradient-via: #0006
  }

  @supports (color:color-mix(in lab, red, red)) {
    .via-black\/40 {
      --tw-gradient-via: color-mix(in oklab, var(--color-black)40%, transparent)
    }
  }

  .via-black\/40 {
    --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 {
    --tw-gradient-via: var(--color-primary);
    --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-slate-800 {
    --tw-gradient-via: var(--color-slate-800);
    --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-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)
  }

  .to-\[\#8B1538\] {
    --tw-gradient-to: #8b1538;
    --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-cyan-600 {
    --tw-gradient-to: var(--color-cyan-600);
    --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-emerald-600 {
    --tw-gradient-to: var(--color-emerald-600);
    --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 {
    --tw-gradient-to: var(--color-primary);
    --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\/5 {
    --tw-gradient-to: var(--color-primary)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .to-primary\/5 {
      --tw-gradient-to: color-mix(in oklab, var(--color-primary)5%, transparent)
    }
  }

  .to-primary\/5 {
    --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\/20 {
    --tw-gradient-to: var(--color-primary)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .to-primary\/20 {
      --tw-gradient-to: color-mix(in oklab, var(--color-primary)20%, transparent)
    }
  }

  .to-primary\/20 {
    --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-red-600 {
    --tw-gradient-to: var(--color-red-600);
    --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-slate-900 {
    --tw-gradient-to: var(--color-slate-900);
    --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))
  }

  .to-white {
    --tw-gradient-to: var(--color-white);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
  }

  .bg-contain {
    background-size: contain
  }

  .bg-cover {
    background-size: cover
  }

  .bg-size-\[100\%\] {
    background-size: 100%
  }

  .bg-clip-text {
    -webkit-background-clip: text;
    background-clip: text
  }

  .bg-\[bottom_center\],
  .bg-\[center_bottom\],
  .bg-bottom {
    background-position: bottom
  }

  .bg-bottom-right {
    background-position: 100% 100%
  }

  .bg-center {
    background-position: 50%
  }

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

  .bg-repeat-x {
    background-repeat: repeat-x
  }

  .object-contain {
    object-fit: contain
  }

  .object-cover {
    object-fit: cover
  }

  .object-bottom {
    object-position: bottom
  }

  .object-center {
    object-position: center
  }

  .p-0 {
    padding: calc(var(--spacing)*0)
  }

  .p-1\.5 {
    padding: calc(var(--spacing)*1.5)
  }

  .p-2 {
    padding: calc(var(--spacing)*2)
  }

  .p-3\.5 {
    padding: calc(var(--spacing)*3.5)
  }

  .p-3\.75 {
    padding: calc(var(--spacing)*3.75)
  }

  .p-4\.5 {
    padding: calc(var(--spacing)*4.5)
  }

  .p-5 {
    padding: calc(var(--spacing)*5)
  }

  .p-6 {
    padding: calc(var(--spacing)*6)
  }

  .p-7 {
    padding: calc(var(--spacing)*7)
  }

  .p-7\.5 {
    padding: calc(var(--spacing)*7.5)
  }

  .p-8 {
    padding: calc(var(--spacing)*8)
  }

  .p-8\.75 {
    padding: calc(var(--spacing)*8.75)
  }

  .p-10 {
    padding: calc(var(--spacing)*10)
  }

  .p-12 {
    padding: calc(var(--spacing)*12)
  }

  .p-12\.5 {
    padding: calc(var(--spacing)*12.5)
  }

  .\!px-3\.75 {
    padding-inline: calc(var(--spacing)*3.75) !important
  }

  .\!px-5 {
    padding-inline: calc(var(--spacing)*5) !important
  }

  .\!px-12 {
    padding-inline: calc(var(--spacing)*12) !important
  }

  .px-2 {
    padding-inline: calc(var(--spacing)*2)
  }

  .px-2\.5 {
    padding-inline: calc(var(--spacing)*2.5)
  }

  .px-3 {
    padding-inline: calc(var(--spacing)*3)
  }

  .px-3\.75 {
    padding-inline: calc(var(--spacing)*3.75)
  }

  .px-4 {
    padding-inline: calc(var(--spacing)*4)
  }

  .px-4\.5 {
    padding-inline: calc(var(--spacing)*4.5)
  }

  .px-5 {
    padding-inline: calc(var(--spacing)*5)
  }

  .px-6 {
    padding-inline: calc(var(--spacing)*6)
  }

  .px-7\.5 {
    padding-inline: calc(var(--spacing)*7.5)
  }

  .px-8 {
    padding-inline: calc(var(--spacing)*8)
  }

  .px-10 {
    padding-inline: calc(var(--spacing)*10)
  }

  .\!py-1\.25 {
    padding-block: calc(var(--spacing)*1.25) !important
  }

  .\!py-2\.5 {
    padding-block: calc(var(--spacing)*2.5) !important
  }

  .\!py-4 {
    padding-block: calc(var(--spacing)*4) !important
  }

  .\!py-6 {
    padding-block: calc(var(--spacing)*6) !important
  }

  .\!py-6\.25 {
    padding-block: calc(var(--spacing)*6.25) !important
  }

  .py-0\.5 {
    padding-block: calc(var(--spacing)*.5)
  }

  .py-1 {
    padding-block: calc(var(--spacing)*1)
  }

  .py-1\.5 {
    padding-block: calc(var(--spacing)*1.5)
  }

  .py-1\.25 {
    padding-block: calc(var(--spacing)*1.25)
  }

  .py-1\.75 {
    padding-block: calc(var(--spacing)*1.75)
  }

  .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-3\.75 {
    padding-block: calc(var(--spacing)*3.75)
  }

  .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-6\.25 {
    padding-block: calc(var(--spacing)*6.25)
  }

  .py-10 {
    padding-block: calc(var(--spacing)*10)
  }

  .py-12\.5 {
    padding-block: calc(var(--spacing)*12.5)
  }

  .py-15 {
    padding-block: calc(var(--spacing)*15)
  }

  .py-16 {
    padding-block: calc(var(--spacing)*16)
  }

  .py-20 {
    padding-block: calc(var(--spacing)*20)
  }

  .py-22\.5 {
    padding-block: calc(var(--spacing)*22.5)
  }

  .py-24 {
    padding-block: calc(var(--spacing)*24)
  }

  .py-32 {
    padding-block: calc(var(--spacing)*32)
  }

  .pe-5 {
    padding-inline-end: calc(var(--spacing)*5)
  }

  .pt-1\.25 {
    padding-top: calc(var(--spacing)*1.25)
  }

  .pt-2\.5 {
    padding-top: calc(var(--spacing)*2.5)
  }

  .pt-3\.5 {
    padding-top: calc(var(--spacing)*3.5)
  }

  .pt-3\.75 {
    padding-top: calc(var(--spacing)*3.75)
  }

  .pt-4 {
    padding-top: calc(var(--spacing)*4)
  }

  .pt-5 {
    padding-top: calc(var(--spacing)*5)
  }

  .pt-7\.5 {
    padding-top: calc(var(--spacing)*7.5)
  }

  .pt-10 {
    padding-top: calc(var(--spacing)*10)
  }

  .pt-12 {
    padding-top: calc(var(--spacing)*12)
  }

  .pt-12\.5 {
    padding-top: calc(var(--spacing)*12.5)
  }

  .pt-15 {
    padding-top: calc(var(--spacing)*15)
  }

  .pt-16 {
    padding-top: calc(var(--spacing)*16)
  }

  .pt-17\.5 {
    padding-top: calc(var(--spacing)*17.5)
  }

  .pt-20 {
    padding-top: calc(var(--spacing)*20)
  }

  .pt-30 {
    padding-top: calc(var(--spacing)*30)
  }

  .pt-32 {
    padding-top: calc(var(--spacing)*32)
  }

  .pt-40 {
    padding-top: calc(var(--spacing)*40)
  }

  .\!pr-17\.5 {
    padding-right: calc(var(--spacing)*17.5) !important
  }

  .pr-1\.5 {
    padding-right: calc(var(--spacing)*1.5)
  }

  .pr-3 {
    padding-right: calc(var(--spacing)*3)
  }

  .pr-5 {
    padding-right: calc(var(--spacing)*5)
  }

  .pr-7\.5 {
    padding-right: calc(var(--spacing)*7.5)
  }

  .\!pb-22\.5 {
    padding-bottom: calc(var(--spacing)*22.5) !important
  }

  .\!pb-29 {
    padding-bottom: calc(var(--spacing)*29) !important
  }

  .pb-1\.5 {
    padding-bottom: calc(var(--spacing)*1.5)
  }

  .pb-2\.5 {
    padding-bottom: calc(var(--spacing)*2.5)
  }

  .pb-3\.75 {
    padding-bottom: calc(var(--spacing)*3.75)
  }

  .pb-4 {
    padding-bottom: calc(var(--spacing)*4)
  }

  .pb-5 {
    padding-bottom: calc(var(--spacing)*5)
  }

  .pb-7\.5 {
    padding-bottom: calc(var(--spacing)*7.5)
  }

  .pb-8 {
    padding-bottom: calc(var(--spacing)*8)
  }

  .pb-9 {
    padding-bottom: calc(var(--spacing)*9)
  }

  .pb-10 {
    padding-bottom: calc(var(--spacing)*10)
  }

  .pb-12\.5 {
    padding-bottom: calc(var(--spacing)*12.5)
  }

  .pb-20 {
    padding-bottom: calc(var(--spacing)*20)
  }

  .pb-24 {
    padding-bottom: calc(var(--spacing)*24)
  }

  .pb-25 {
    padding-bottom: calc(var(--spacing)*25)
  }

  .pb-40 {
    padding-bottom: calc(var(--spacing)*40)
  }

  .\!pl-5 {
    padding-left: calc(var(--spacing)*5) !important
  }

  .pl-3\.75 {
    padding-left: calc(var(--spacing)*3.75)
  }

  .pl-4 {
    padding-left: calc(var(--spacing)*4)
  }

  .pl-5 {
    padding-left: calc(var(--spacing)*5)
  }

  .pl-7\.5 {
    padding-left: calc(var(--spacing)*7.5)
  }

  .pl-10 {
    padding-left: calc(var(--spacing)*10)
  }

  .pl-11 {
    padding-left: calc(var(--spacing)*11)
  }

  .pl-11\.25 {
    padding-left: calc(var(--spacing)*11.25)
  }

  .pl-12 {
    padding-left: calc(var(--spacing)*12)
  }

  .text-center {
    text-align: center
  }

  .text-left {
    text-align: left
  }

  .text-right {
    text-align: right
  }

  .align-middle {
    vertical-align: middle
  }

  .\!font-base {
    font-family: var(--font-base) !important
  }

  .\!font-display {
    font-family: var(--font-display) !important
  }

  .font-base {
    font-family: var(--font-base)
  }

  .font-display {
    font-family: var(--font-display)
  }

  .font-title {
    font-family: var(--font-title)
  }

  .\!text-2xl {
    font-size: var(--text-2xl) !important;
    line-height: var(--tw-leading, var(--text-2xl--line-height)) !important
  }

  .\!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-5xl {
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height))
  }

  .text-6xl {
    font-size: var(--text-6xl);
    line-height: var(--tw-leading, var(--text-6xl--line-height))
  }

  .text-28\/\[1\.3\] {
    font-size: var(--text-28);
    line-height: 1.3
  }

  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--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-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height))
  }

  .text-xl\/\[1\.3\] {
    font-size: var(--text-xl);
    line-height: 1.3
  }

  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height))
  }

  .\!text-2xs {
    font-size: var(--text-2xs) !important
  }

  .\!text-28 {
    font-size: var(--text-28) !important
  }

  .\!text-35xl {
    font-size: var(--text-35xl) !important
  }

  .\!text-40 {
    font-size: var(--text-40) !important
  }

  .\!text-80 {
    font-size: var(--text-80) !important
  }

  .text-22 {
    font-size: var(--text-22)
  }

  .text-28 {
    font-size: var(--text-28)
  }

  .text-34 {
    font-size: var(--text-34)
  }

  .text-36 {
    font-size: var(--text-36)
  }

  .text-40 {
    font-size: var(--text-40)
  }

  .text-42 {
    font-size: var(--text-42)
  }

  .text-74 {
    font-size: var(--text-74)
  }

  .text-76 {
    font-size: var(--text-76)
  }

  .\!leading-5 {
    --tw-leading: calc(var(--spacing)*5) !important;
    line-height: calc(var(--spacing)*5) !important
  }

  .\!leading-7 {
    --tw-leading: calc(var(--spacing)*7) !important;
    line-height: calc(var(--spacing)*7) !important
  }

  .\!leading-7\.5 {
    --tw-leading: calc(var(--spacing)*7.5) !important;
    line-height: calc(var(--spacing)*7.5) !important
  }

  .\!leading-10 {
    --tw-leading: calc(var(--spacing)*10) !important;
    line-height: calc(var(--spacing)*10) !important
  }

  .\!leading-\[0\.75\] {
    --tw-leading: .75 !important;
    line-height: .75 !important
  }

  .\!leading-\[1\] {
    --tw-leading: 1 !important;
    line-height: 1 !important
  }

  .leading-6 {
    --tw-leading: calc(var(--spacing)*6);
    line-height: calc(var(--spacing)*6)
  }

  .leading-6\.75 {
    --tw-leading: calc(var(--spacing)*6.75);
    line-height: calc(var(--spacing)*6.75)
  }

  .leading-7\.5 {
    --tw-leading: calc(var(--spacing)*7.5);
    line-height: calc(var(--spacing)*7.5)
  }

  .leading-8 {
    --tw-leading: calc(var(--spacing)*8);
    line-height: calc(var(--spacing)*8)
  }

  .leading-10 {
    --tw-leading: calc(var(--spacing)*10);
    line-height: calc(var(--spacing)*10)
  }

  .leading-11\.5 {
    --tw-leading: calc(var(--spacing)*11.5);
    line-height: calc(var(--spacing)*11.5)
  }

  .leading-15 {
    --tw-leading: calc(var(--spacing)*15);
    line-height: calc(var(--spacing)*15)
  }

  .leading-17\.5 {
    --tw-leading: calc(var(--spacing)*17.5);
    line-height: calc(var(--spacing)*17.5)
  }

  .leading-\[0\.75\] {
    --tw-leading: .75;
    line-height: .75
  }

  .leading-\[1\.2\] {
    --tw-leading: 1.2;
    line-height: 1.2
  }

  .leading-\[1\.3\] {
    --tw-leading: 1.3;
    line-height: 1.3
  }

  .leading-\[1\.4\] {
    --tw-leading: 1.4;
    line-height: 1.4
  }

  .leading-\[1\] {
    --tw-leading: 1;
    line-height: 1
  }

  .leading-loose {
    --tw-leading: var(--leading-loose);
    line-height: var(--leading-loose)
  }

  .leading-none {
    --tw-leading: 1;
    line-height: 1
  }

  .leading-normal {
    --tw-leading: var(--leading-normal);
    line-height: var(--leading-normal)
  }

  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed)
  }

  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight)
  }

  .\!font-black {
    --tw-font-weight: var(--font-weight-black) !important;
    font-weight: var(--font-weight-black) !important
  }

  .\!font-bold {
    --tw-font-weight: var(--font-weight-bold) !important;
    font-weight: var(--font-weight-bold) !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
  }

  .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-extrabold {
    --tw-font-weight: var(--font-weight-extrabold);
    font-weight: var(--font-weight-extrabold)
  }

  .font-light {
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light)
  }

  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium)
  }

  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal)
  }

  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold)
  }

  .tracking-\[0\.12em\] {
    --tw-tracking: .12em;
    letter-spacing: .12em
  }

  .tracking-\[2px\] {
    --tw-tracking: 2px;
    letter-spacing: 2px
  }

  .tracking-\[10px\] {
    --tw-tracking: 10px;
    letter-spacing: 10px
  }

  .tracking-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight)
  }

  .tracking-wider {
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider)
  }

  .tracking-widest {
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest)
  }

  .whitespace-nowrap {
    white-space: nowrap
  }

  .\!text-citrusyellow {
    color: var(--color-citrusyellow) !important
  }

  .\!text-secondary {
    color: var(--color-secondary) !important
  }

  .\!text-white {
    color: var(--color-white) !important
  }

  .\!text-white\/50 {
    color: #ffffff80 !important
  }

  @supports (color:color-mix(in lab, red, red)) {
    .\!text-white\/50 {
      color: color-mix(in oklab, var(--color-white)50%, transparent) !important
    }
  }

  .text-\[\#85D200\] {
    color: #85d200
  }

  .text-\[\#047881\] {
    color: #047881
  }

  .text-\[\#346065\] {
    color: #346065
  }

  .text-\[\#443935\] {
    color: #443935
  }

  .text-\[\#545454\] {
    color: #545454
  }

  .text-\[\#787878\] {
    color: #787878
  }

  .text-\[\#CE8594\] {
    color: #ce8594
  }

  .text-\[\#cacaca\] {
    color: #cacaca
  }

  .text-blue-600 {
    color: var(--color-blue-600)
  }

  .text-bodycolor {
    color: var(--color-bodycolor)
  }

  .text-caribbeanblue {
    color: var(--color-caribbeanblue)
  }

  .text-citrusyellow {
    color: var(--color-citrusyellow)
  }

  .text-darkcyan {
    color: var(--color-darkcyan)
  }

  .text-emeraldblue {
    color: var(--color-emeraldblue)
  }

  .text-gray-300 {
    color: var(--color-gray-300)
  }

  .text-gray-400 {
    color: var(--color-gray-400)
  }

  .text-gray-500 {
    color: var(--color-gray-500)
  }

  .text-gray-600 {
    color: var(--color-gray-600)
  }

  .text-gray-700 {
    color: var(--color-gray-700)
  }

  .text-green-600 {
    color: var(--color-green-600)
  }

  .text-heading {
    color: var(--color-heading)
  }

  .text-input {
    color: var(--color-input)
  }

  .text-orange-600 {
    color: var(--color-orange-600)
  }

  .text-paleaqua {
    color: var(--color-paleaqua)
  }

  .text-primary {
    color: var(--color-primary)
  }

  .text-purple-600 {
    color: var(--color-purple-600)
  }

  .text-secondary {
    color: var(--color-secondary)
  }

  .text-skyblue {
    color: var(--color-skyblue)
  }

  .text-white {
    color: var(--color-white)
  }

  .text-white\/50 {
    color: #ffffff80
  }

  @supports (color:color-mix(in lab, red, red)) {
    .text-white\/50 {
      color: color-mix(in oklab, var(--color-white)50%, transparent)
    }
  }

  .text-white\/70 {
    color: #ffffffb3
  }

  @supports (color:color-mix(in lab, red, red)) {
    .text-white\/70 {
      color: color-mix(in oklab, var(--color-white)70%, transparent)
    }
  }

  .text-white\/80 {
    color: #fffc
  }

  @supports (color:color-mix(in lab, red, red)) {
    .text-white\/80 {
      color: color-mix(in oklab, var(--color-white)80%, transparent)
    }
  }

  .text-white\/90 {
    color: #ffffffe6
  }

  @supports (color:color-mix(in lab, red, red)) {
    .text-white\/90 {
      color: color-mix(in oklab, var(--color-white)90%, transparent)
    }
  }

  .lowercase {
    text-transform: lowercase
  }

  .uppercase {
    text-transform: uppercase
  }

  .italic {
    font-style: italic
  }

  .not-italic {
    font-style: normal
  }

  .ordinal {
    --tw-ordinal: ordinal;
    font-variant-numeric: var(--tw-ordinal, )var(--tw-slashed-zero, )var(--tw-numeric-figure, )var(--tw-numeric-spacing, )var(--tw-numeric-fraction, )
  }

  .underline {
    text-decoration-line: underline
  }

  .opacity-0 {
    opacity: 0
  }

  .opacity-5 {
    opacity: .05
  }

  .opacity-20 {
    opacity: .2
  }

  .opacity-30 {
    opacity: .3
  }

  .opacity-40 {
    opacity: .4
  }

  .opacity-50 {
    opacity: .5
  }

  .opacity-90 {
    opacity: .9
  }

  .opacity-100 {
    opacity: 1
  }

  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px 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-1 {
    --tw-shadow: 0px 4px 4px var(--tw-shadow-color, #00000040);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  .shadow-2 {
    --tw-shadow: 0px 4px 10px var(--tw-shadow-color, #00000040);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  .shadow-2xl {
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  .shadow-\[0px_4px_4px_rgba\(0\,0\,0\,0\.25\)\] {
    --tw-shadow: 0px 4px 4px var(--tw-shadow-color, #00000040);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  .shadow-\[0px_4px_80px_rgba\(6\,97\,104\,0\.28\)\] {
    --tw-shadow: 0px 4px 80px var(--tw-shadow-color, #06616847);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  .shadow-\[0px_16px_24\.7px_rgba\(6\,97\,104\,0\.3\)\] {
    --tw-shadow: 0px 16px 24.7px var(--tw-shadow-color, #0661684d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  .shadow-\[0px_18px_18px_rgba\(0\,106\,114\,0\.15\)\] {
    --tw-shadow: 0px 18px 18px var(--tw-shadow-color, #006a7226);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  .shadow-\[0px_27px_35\.9px_rgba\(41\,137\,145\,0\.2\)\] {
    --tw-shadow: 0px 27px 35.9px var(--tw-shadow-color, #29899133);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  .shadow-\[0px_30px_26px_rgba\(41\,137\,145\,0\.2\)\] {
    --tw-shadow: 0px 30px 26px var(--tw-shadow-color, #29899133);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  .shadow-guide-bx1 {
    --tw-shadow: 0px 18px 18px var(--tw-shadow-color, #006a721a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  .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)
  }

  .shadow-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px 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-step-bx1 {
    --tw-shadow: 0px 28px 36px var(--tw-shadow-color, #29899133);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  .shadow-step-bx4 {
    --tw-shadow: 0px 15px 8px -4px var(--tw-shadow-color, #0000000d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  .shadow-trv-content,
  .shadow-trv-content3 {
    --tw-shadow: 0px 18px 18px var(--tw-shadow-color, #006a7226);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  .shadow-xl {
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px 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)
  }

  .ring {
    --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px
  }

  .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-3xl {
    --tw-blur: blur(var(--blur-3xl));
    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-xl {
    --tw-blur: blur(var(--blur-xl));
    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, )
  }

  .drop-shadow-\(--bld-num-drop-shadow\) {
    --tw-drop-shadow-size: drop-shadow(var(--bld-num-drop-shadow));
    --tw-drop-shadow: var(--tw-drop-shadow-size);
    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, )
  }

  .drop-shadow-2xl {
    --tw-drop-shadow-size: drop-shadow(0 25px 25px var(--tw-drop-shadow-color, #00000026));
    --tw-drop-shadow: drop-shadow(var(--drop-shadow-2xl));
    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, )
  }

  .drop-shadow-lg {
    --tw-drop-shadow-size: drop-shadow(0 4px 4px var(--tw-drop-shadow-color, #00000026));
    --tw-drop-shadow: drop-shadow(var(--drop-shadow-lg));
    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, )
  }

  .invert {
    --tw-invert: invert(100%);
    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 {
    --tw-backdrop-blur: blur(8px);
    -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-\[1px\] {
    --tw-backdrop-blur: blur(1px);
    -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-\[2px\] {
    --tw-backdrop-blur: blur(2px);
    -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-\[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-\[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, )
  }

  .backdrop-blur-\[25px\] {
    --tw-backdrop-blur: blur(25px);
    -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-lg {
    --tw-backdrop-blur: blur(var(--blur-lg));
    -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-sm {
    --tw-backdrop-blur: blur(var(--blur-sm));
    -webkit-backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, )
  }

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

  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration))
  }

  .duration-0 {
    --tw-duration: 0s;
    transition-duration: 0s
  }

  .duration-300 {
    --tw-duration: .3s;
    transition-duration: .3s
  }

  .duration-500 {
    --tw-duration: .5s;
    transition-duration: .5s
  }

  .duration-700 {
    --tw-duration: .7s;
    transition-duration: .7s
  }

  .duration-\[0\.5s\] {
    --tw-duration: .5s;
    transition-duration: .5s
  }

  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out)
  }

  .outline-none {
    --tw-outline-style: none;
    outline-style: none
  }

  .\[-webkit-text-fill-color\:transparent\] {
    -webkit-text-fill-color: transparent
  }

  .\[hostname\:port\] {
    hostname: port
  }

  .backface-hidden {
    backface-visibility: hidden
  }

  .text-shadow-\[0px_4px_0px_var\(--primary\)\] {
    text-shadow: 0px 4px 0px var(--tw-text-shadow-color, var(--primary))
  }

  .text-shadow-\[0px_26px_10px_rgba\(6\,97\,104\,0\.26\)\] {
    text-shadow: 0px 26px 10px var(--tw-text-shadow-color, #06616842)
  }

  @media (hover:hover) {
    .group-hover\:-top-7\.5:is(:where(.group):hover *) {
      top: calc(var(--spacing)*-7.5)
    }

    .group-hover\:-translate-1\/2:is(:where(.group):hover *) {
      --tw-translate-x: calc(calc(1/2*100%)*-1);
      --tw-translate-y: calc(calc(1/2*100%)*-1);
      translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .group-hover\:-translate-x-full:is(:where(.group):hover *) {
      --tw-translate-x: -100%;
      translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .group-hover\:translate-x-0:is(:where(.group):hover *) {
      --tw-translate-x: calc(var(--spacing)*0);
      translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .group-hover\:translate-x-1:is(:where(.group):hover *) {
      --tw-translate-x: calc(var(--spacing)*1);
      translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .group-hover\:-translate-y-2:is(:where(.group):hover *) {
      --tw-translate-y: calc(var(--spacing)*-2);
      translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .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-100:is(:where(.group):hover *) {
      --tw-scale-x: 100%;
      --tw-scale-y: 100%;
      --tw-scale-z: 100%;
      scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    .group-hover\:scale-105:is(:where(.group):hover *) {
      --tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    .group-hover\:scale-110:is(:where(.group):hover *) {
      --tw-scale-x: 110%;
      --tw-scale-y: 110%;
      --tw-scale-z: 110%;
      scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    .group-hover\:scale-150:is(:where(.group):hover *) {
      --tw-scale-x: 150%;
      --tw-scale-y: 150%;
      --tw-scale-z: 150%;
      scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    .group-hover\:scale-\[1\.1\]:is(:where(.group):hover *) {
      scale: 1.1
    }

    .group-hover\:scale-\[1\.2\]:is(:where(.group):hover *) {
      scale: 1.2
    }

    .group-hover\:rotate-6:is(:where(.group):hover *) {
      rotate: 6deg
    }

    .group-hover\:rotate-y-\[360deg\]:is(:where(.group):hover *) {
      --tw-rotate-y: rotateY(360deg);
      transform: var(--tw-rotate-x, )var(--tw-rotate-y, )var(--tw-rotate-z, )var(--tw-skew-x, )var(--tw-skew-y, )
    }

    .group-hover\:rounded-2lg:is(:where(.group):hover *) {
      border-radius: var(--radius-2lg)
    }

    .group-hover\:bg-caribbeanblue:is(:where(.group):hover *) {
      background-color: var(--color-caribbeanblue)
    }

    .group-hover\:bg-citrusyellow:is(:where(.group):hover *) {
      background-color: var(--color-citrusyellow)
    }

    .group-hover\:bg-emeraldblue:is(:where(.group):hover *) {
      background-color: var(--color-emeraldblue)
    }

    .group-hover\:bg-primary:is(:where(.group):hover *) {
      background-color: var(--color-primary)
    }

    .group-hover\:text-citrusyellow:is(:where(.group):hover *) {
      color: var(--color-citrusyellow)
    }

    .group-hover\:text-primary:is(:where(.group):hover *) {
      color: var(--color-primary)
    }

    .group-hover\:text-white:is(:where(.group):hover *) {
      color: var(--color-white)
    }

    .group-hover\:opacity-0:is(:where(.group):hover *) {
      opacity: 0
    }

    .group-hover\:opacity-20:is(:where(.group):hover *) {
      opacity: .2
    }

    .group-hover\:opacity-30:is(:where(.group):hover *) {
      opacity: .3
    }

    .group-hover\:opacity-80:is(:where(.group):hover *) {
      opacity: .8
    }

    .group-hover\:opacity-100:is(:where(.group):hover *) {
      opacity: 1
    }

    .group-hover\:mix-blend-luminosity:is(:where(.group):hover *) {
      mix-blend-mode: luminosity
    }

    .group-hover\:\[filter\:blur\(3px\)\]:is(:where(.group):hover *) {
      filter: blur(3px)
    }
  }

  .selection\:bg-\[\#484848\] ::selection {
    background-color: #484848
  }

  .selection\:bg-\[\#484848\]::selection {
    background-color: #484848
  }

  .selection\:text-white ::selection {
    color: var(--color-white)
  }

  .selection\:text-white::selection {
    color: var(--color-white)
  }

  .placeholder\:\!text-\[\#545454\]::placeholder {
    color: #545454 !important
  }

  .placeholder\:text-bodycolor::placeholder {
    color: var(--color-bodycolor)
  }

  .placeholder\:text-primary::placeholder {
    color: var(--color-primary)
  }

  .before\:absolute:before {
    content: var(--tw-content);
    position: absolute
  }

  .before\:top-0:before {
    content: var(--tw-content);
    top: calc(var(--spacing)*0)
  }

  .before\:top-1\.25:before {
    content: var(--tw-content);
    top: calc(var(--spacing)*1.25)
  }

  .before\:top-1\/2:before {
    content: var(--tw-content);
    top: 50%
  }

  .before\:top-22\.5:before {
    content: var(--tw-content);
    top: calc(var(--spacing)*22.5)
  }

  .before\:-right-3\/5:before {
    content: var(--tw-content);
    right: -60%
  }

  .before\:-right-23\.5:before {
    content: var(--tw-content);
    right: calc(var(--spacing)*-23.5)
  }

  .before\:left-0:before {
    content: var(--tw-content);
    left: calc(var(--spacing)*0)
  }

  .before\:left-1\/2:before {
    content: var(--tw-content);
    left: 50%
  }

  .before\:-z-1:before {
    content: var(--tw-content);
    z-index: calc(var(--z-index-1)*-1)
  }

  .before\:mr-4:before {
    content: var(--tw-content);
    margin-right: calc(var(--spacing)*4)
  }

  .before\:block:before {
    content: var(--tw-content);
    display: block
  }

  .before\:size-80\.5:before {
    content: var(--tw-content);
    width: calc(var(--spacing)*80.5);
    height: calc(var(--spacing)*80.5)
  }

  .before\:size-95:before {
    content: var(--tw-content);
    width: calc(var(--spacing)*95);
    height: calc(var(--spacing)*95)
  }

  .before\:h-0\.5:before {
    content: var(--tw-content);
    height: calc(var(--spacing)*.5)
  }

  .before\:h-1\.5:before {
    content: var(--tw-content);
    height: calc(var(--spacing)*1.5)
  }

  .before\:h-37\.5:before {
    content: var(--tw-content);
    height: calc(var(--spacing)*37.5)
  }

  .before\:h-113\.25:before {
    content: var(--tw-content);
    height: calc(var(--spacing)*113.25)
  }

  .before\:w-9\.5:before {
    content: var(--tw-content);
    width: calc(var(--spacing)*9.5)
  }

  .before\:w-62\.5:before {
    content: var(--tw-content);
    width: calc(var(--spacing)*62.5)
  }

  .before\:w-\[0\%\]:before {
    content: var(--tw-content);
    width: 0%
  }

  .before\:w-full:before {
    content: var(--tw-content);
    width: 100%
  }

  .before\:-translate-x-1\/2:before {
    content: var(--tw-content);
    --tw-translate-x: calc(calc(1/2*100%)*-1);
    translate: var(--tw-translate-x)var(--tw-translate-y)
  }

  .before\:-translate-y-1\/2:before {
    content: var(--tw-content);
    --tw-translate-y: calc(calc(1/2*100%)*-1);
    translate: var(--tw-translate-x)var(--tw-translate-y)
  }

  .before\:rounded-\[50\%\]:before {
    content: var(--tw-content);
    border-radius: 50%
  }

  .before\:rounded-full:before {
    content: var(--tw-content);
    border-radius: 3.40282e38px
  }

  .before\:border-t:before {
    content: var(--tw-content);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px
  }

  .before\:border-b:before {
    content: var(--tw-content);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px
  }

  .before\:border-white:before {
    content: var(--tw-content);
    border-color: var(--color-white)
  }

  .before\:bg-citrusyellow:before {
    content: var(--tw-content);
    background-color: var(--color-citrusyellow)
  }

  .before\:bg-eggshell:before {
    content: var(--tw-content);
    background-color: var(--color-eggshell)
  }

  .before\:bg-paleaqua:before {
    content: var(--tw-content);
    background-color: var(--color-paleaqua)
  }

  .before\:bg-white:before {
    content: var(--tw-content);
    background-color: var(--color-white)
  }

  .before\:opacity-10:before {
    content: var(--tw-content);
    opacity: .1
  }

  .before\:opacity-80:before {
    content: var(--tw-content);
    opacity: .8
  }

  .before\:shadow-header:before {
    content: var(--tw-content);
    --tw-shadow: 0px 10px 30px 5px var(--tw-shadow-color, #29899121);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  .before\:duration-500:before {
    content: var(--tw-content);
    --tw-duration: .5s;
    transition-duration: .5s
  }

  .before\:content-\[\'\/\'\]:before {
    --tw-content: "/";
    content: var(--tw-content)
  }

  @media (hover:hover) {
    .group-hover\:before\:w-4\/5:is(:where(.group):hover *):before {
      content: var(--tw-content);
      width: 80%
    }
  }

  .after\:absolute:after {
    content: var(--tw-content);
    position: absolute
  }

  .after\:-top-1:after {
    content: var(--tw-content);
    top: calc(var(--spacing)*-1)
  }

  .after\:-top-1\.5:after {
    content: var(--tw-content);
    top: calc(var(--spacing)*-1.5)
  }

  .after\:top-0:after {
    content: var(--tw-content);
    top: calc(var(--spacing)*0)
  }

  .after\:top-1\/2:after {
    content: var(--tw-content);
    top: 50%
  }

  .after\:-right-10\.5:after {
    content: var(--tw-content);
    right: calc(var(--spacing)*-10.5)
  }

  .after\:right-0:after {
    content: var(--tw-content);
    right: calc(var(--spacing)*0)
  }

  .after\:right-1\.5:after {
    content: var(--tw-content);
    right: calc(var(--spacing)*1.5)
  }

  .after\:right-2:after {
    content: var(--tw-content);
    right: calc(var(--spacing)*2)
  }

  .after\:bottom-0:after {
    content: var(--tw-content);
    bottom: calc(var(--spacing)*0)
  }

  .after\:-left-3\/5:after {
    content: var(--tw-content);
    left: -60%
  }

  .after\:left-0:after {
    content: var(--tw-content);
    left: calc(var(--spacing)*0)
  }

  .after\:left-1\/2:after {
    content: var(--tw-content);
    left: 50%
  }

  .after\:-z-1:after {
    content: var(--tw-content);
    z-index: calc(var(--z-index-1)*-1)
  }

  .after\:float-right:after {
    content: var(--tw-content);
    float: right
  }

  .after\:clear-both:after {
    content: var(--tw-content);
    clear: both
  }

  .after\:block:after {
    content: var(--tw-content);
    display: block
  }

  .after\:inline-block:after {
    content: var(--tw-content);
    display: inline-block
  }

  .after\:table:after {
    content: var(--tw-content);
    display: table
  }

  .after\:size-82\.5:after {
    content: var(--tw-content);
    width: calc(var(--spacing)*82.5);
    height: calc(var(--spacing)*82.5)
  }

  .after\:h-1\.5:after {
    content: var(--tw-content);
    height: calc(var(--spacing)*1.5)
  }

  .after\:h-63\.75:after {
    content: var(--tw-content);
    height: calc(var(--spacing)*63.75)
  }

  .after\:h-px:after {
    content: var(--tw-content);
    height: 1px
  }

  .after\:w-75:after {
    content: var(--tw-content);
    width: calc(var(--spacing)*75)
  }

  .after\:w-\[0\%\]:after {
    content: var(--tw-content);
    width: 0%
  }

  .after\:max-w-135:after {
    content: var(--tw-content);
    max-width: calc(var(--spacing)*135)
  }

  .after\:-translate-x-1\/2:after {
    content: var(--tw-content);
    --tw-translate-x: calc(calc(1/2*100%)*-1);
    translate: var(--tw-translate-x)var(--tw-translate-y)
  }

  .after\:-translate-y-1\/2:after {
    content: var(--tw-content);
    --tw-translate-y: calc(calc(1/2*100%)*-1);
    translate: var(--tw-translate-x)var(--tw-translate-y)
  }

  .after\:rounded-full:after {
    content: var(--tw-content);
    border-radius: 3.40282e38px
  }

  .after\:border-t:after {
    content: var(--tw-content);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px
  }

  .after\:border-b:after {
    content: var(--tw-content);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px
  }

  .after\:border-white:after {
    content: var(--tw-content);
    border-color: var(--color-white)
  }

  .after\:bg-primary:after {
    content: var(--tw-content);
    background-color: var(--color-primary)
  }

  .after\:bg-white\/15:after {
    content: var(--tw-content);
    background-color: #ffffff26
  }

  @supports (color:color-mix(in lab, red, red)) {
    .after\:bg-white\/15:after {
      background-color: color-mix(in oklab, var(--color-white)15%, transparent)
    }
  }

  .after\:bg-linear-\(--bg1-gradient\):after {
    content: var(--tw-content);
    --tw-gradient-position: var(--bg1-gradient);
    background-image: linear-gradient(var(--tw-gradient-stops, var(--bg1-gradient)))
  }

  .after\:font-\[\'Font_Awesome_5_Free\'\]:after {
    content: var(--tw-content);
    font-family: "Font Awesome 5 Free"
  }

  .after\:\!text-base:after {
    content: var(--tw-content);
    font-size: var(--text-base) !important;
    line-height: var(--tw-leading, var(--text-base--line-height)) !important
  }

  .after\:text-xl:after {
    content: var(--tw-content);
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height))
  }

  .after\:text-26:after {
    content: var(--tw-content);
    font-size: var(--text-26)
  }

  .after\:text-tiny:after {
    content: var(--tw-content);
    font-size: var(--text-tiny)
  }

  .after\:font-black:after {
    content: var(--tw-content);
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black)
  }

  .after\:font-normal:after {
    content: var(--tw-content);
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal)
  }

  .after\:text-citrusyellow:after {
    content: var(--tw-content);
    color: var(--color-citrusyellow)
  }

  .after\:text-primary:after {
    content: var(--tw-content);
    color: var(--color-primary)
  }

  .after\:opacity-80:after {
    content: var(--tw-content);
    opacity: .8
  }

  .after\:duration-500:after {
    content: var(--tw-content);
    --tw-duration: .5s;
    transition-duration: .5s
  }

  .after\:content-\[\'-\'\]:after {
    --tw-content: "-";
    content: var(--tw-content)
  }

  .after\:content-\[\'\/\'\]:after {
    --tw-content: "/";
    content: var(--tw-content)
  }

  .after\:content-\[\'\\f054\'\]:after {
    --tw-content: "";
    content: var(--tw-content)
  }

  @media (hover:hover) {
    .group-hover\:after\:w-4\/5:is(:where(.group):hover *):after {
      content: var(--tw-content);
      width: 80%
    }
  }

  .first\:ml-0:first-child {
    margin-left: calc(var(--spacing)*0)
  }

  .first\:pt-0:first-child {
    padding-top: calc(var(--spacing)*0)
  }

  .last\:pb-0:last-child {
    padding-bottom: calc(var(--spacing)*0)
  }

  .checked\:bg-primary:checked {
    background-color: var(--color-primary)
  }

  .checked\:bg-check:checked {
    background-image: var(--background-image-check)
  }

  @media (hover:hover) {
    .hover\:-translate-y-2:hover {
      --tw-translate-y: calc(var(--spacing)*-2);
      translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .hover\:-translate-y-3:hover {
      --tw-translate-y: calc(var(--spacing)*-3);
      translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .hover\:scale-105:hover {
      --tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    .hover\:rounded-2lg:hover {
      border-radius: var(--radius-2lg)
    }

    .hover\:border-\[\#f97316\]:hover {
      border-color: #f97316
    }

    .hover\:border-primary:hover,
    .hover\:border-primary\/20:hover {
      border-color: var(--color-primary)
    }

    @supports (color:color-mix(in lab, red, red)) {
      .hover\:border-primary\/20:hover {
        border-color: color-mix(in oklab, var(--color-primary)20%, transparent)
      }
    }

    .hover\:\!bg-white:hover {
      background-color: var(--color-white) !important
    }

    .hover\:bg-\[\#f97316\]\/5:hover {
      background-color: oklab(70.4871% .125896 .137895/.05)
    }

    .hover\:bg-citrusyellow:hover {
      background-color: var(--color-citrusyellow)
    }

    .hover\:bg-citrusyellow\/20:hover {
      background-color: #ffaa0d33
    }

    @supports (color:color-mix(in lab, red, red)) {
      .hover\:bg-citrusyellow\/20:hover {
        background-color: color-mix(in oklab, var(--color-citrusyellow)20%, transparent)
      }
    }

    .hover\:bg-paleaqua:hover {
      background-color: var(--color-paleaqua)
    }

    .hover\:bg-primary:hover,
    .hover\:bg-primary\/5:hover {
      background-color: var(--color-primary)
    }

    @supports (color:color-mix(in lab, red, red)) {
      .hover\:bg-primary\/5:hover {
        background-color: color-mix(in oklab, var(--color-primary)5%, transparent)
      }
    }

    .hover\:bg-white:hover {
      background-color: var(--color-white)
    }

    .hover\:bg-white\/10:hover {
      background-color: #ffffff1a
    }

    @supports (color:color-mix(in lab, red, red)) {
      .hover\:bg-white\/10:hover {
        background-color: color-mix(in oklab, var(--color-white)10%, transparent)
      }
    }

    .hover\:from-\[\#8B1538\]:hover {
      --tw-gradient-from: #8b1538;
      --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))
    }

    .hover\:to-primary:hover {
      --tw-gradient-to: var(--color-primary);
      --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))
    }

    .hover\:pl-6\.25:hover {
      padding-left: calc(var(--spacing)*6.25)
    }

    .hover\:\!text-citrusyellow:hover {
      color: var(--color-citrusyellow) !important
    }

    .hover\:\!text-primary:hover {
      color: var(--color-primary) !important
    }

    .hover\:text-citrusyellow:hover {
      color: var(--color-citrusyellow)
    }

    .hover\:text-primary:hover {
      color: var(--color-primary)
    }

    .hover\:text-white:hover {
      color: var(--color-white)
    }

    .hover\:underline:hover {
      text-decoration-line: underline
    }

    .hover\:opacity-50:hover {
      opacity: .5
    }

    .hover\:shadow-2xl:hover {
      --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .hover\:shadow-lg:hover {
      --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)
    }

    .hover\:shadow-none:hover {
      --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)
    }

    .hover\:shadow-blue-400\/20:hover {
      --tw-shadow-color: #54a2ff33
    }

    @supports (color:color-mix(in lab, red, red)) {
      .hover\:shadow-blue-400\/20:hover {
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-400)20%, transparent)var(--tw-shadow-alpha), transparent)
      }
    }

    .hover\:shadow-citrusyellow\/20:hover {
      --tw-shadow-color: #ffaa0d33
    }

    @supports (color:color-mix(in lab, red, red)) {
      .hover\:shadow-citrusyellow\/20:hover {
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-citrusyellow)20%, transparent)var(--tw-shadow-alpha), transparent)
      }
    }

    .hover\:shadow-green-400\/20:hover {
      --tw-shadow-color: #05df7233
    }

    @supports (color:color-mix(in lab, red, red)) {
      .hover\:shadow-green-400\/20:hover {
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-green-400)20%, transparent)var(--tw-shadow-alpha), transparent)
      }
    }
  }

  .focus\:border-citrusyellow:focus {
    border-color: var(--color-citrusyellow)
  }

  .focus\:border-primary:focus {
    border-color: var(--color-primary)
  }

  .focus\:bg-transparent:focus {
    background-color: #0000
  }

  .focus\:bg-white:focus {
    background-color: var(--color-white)
  }

  .focus\:text-\[\#212529\]:focus {
    color: #212529
  }

  .focus\:shadow-\[0_1px_3px_0_rgba\(0\,0\,0\,0\.6\)\]:focus {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0009);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  @media not all and (min-width:1800px) {
    .max-4xl\:before\:hidden:before {
      content: var(--tw-content);
      display: none
    }
  }

  @media not all and (min-width:1400px) {
    .max-2xl\:mb-2\.5 {
      margin-bottom: calc(var(--spacing)*2.5)
    }

    .max-2xl\:hidden {
      display: none
    }

    .max-2xl\:pt-5 {
      padding-top: calc(var(--spacing)*5)
    }
  }

  @media not all and (min-width:1199px) {
    .max-xl\:left-1\/2 {
      left: 50%
    }

    .max-xl\:mt-5 {
      margin-top: calc(var(--spacing)*5)
    }

    .max-xl\:mb-5 {
      margin-bottom: calc(var(--spacing)*5)
    }

    .max-xl\:mb-7\.5 {
      margin-bottom: calc(var(--spacing)*7.5)
    }

    .max-xl\:hidden {
      display: none
    }

    .max-xl\:w-\[31\%\] {
      width: 31%
    }

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

    .max-xl\:w-\[91\%\] {
      width: 91%
    }

    .max-xl\:w-full {
      width: 100%
    }

    .max-xl\:flex-wrap {
      flex-wrap: wrap
    }

    .max-xl\:gap-x-\[2\%\] {
      column-gap: 2%
    }

    .max-xl\:gap-y-2\.5 {
      row-gap: calc(var(--spacing)*2.5)
    }

    .max-xl\:pb-5 {
      padding-bottom: calc(var(--spacing)*5)
    }

    .max-xl\:text-center {
      text-align: center
    }
  }

  @media not all and (min-width:992px) {
    .max-lg\:fixed {
      position: fixed
    }

    .max-lg\:top-0 {
      top: calc(var(--spacing)*0)
    }

    .max-lg\:-left-75 {
      left: calc(var(--spacing)*-75)
    }

    .max-lg\:z-9999 {
      z-index: var(--z-index-9999)
    }

    .max-lg\:order-1 {
      order: 1
    }

    .max-lg\:mx-auto {
      margin-inline: auto
    }

    .max-lg\:ms-auto {
      margin-inline-start: auto
    }

    .max-lg\:mr-auto {
      margin-right: auto
    }

    .max-lg\:mb-3\.75 {
      margin-bottom: calc(var(--spacing)*3.75)
    }

    .max-lg\:mb-5 {
      margin-bottom: calc(var(--spacing)*5)
    }

    .max-lg\:mb-7\.5 {
      margin-bottom: calc(var(--spacing)*7.5)
    }

    .max-lg\:flex {
      display: flex
    }

    .max-lg\:hidden {
      display: none
    }

    .max-lg\:h-125 {
      height: calc(var(--spacing)*125)
    }

    .max-lg\:h-screen {
      height: 100vh
    }

    .max-lg\:w-1\/2 {
      width: 50%
    }

    .max-lg\:w-72 {
      width: calc(var(--spacing)*72)
    }

    .max-lg\:w-full {
      width: 100%
    }

    .max-lg\:max-w-160 {
      max-width: calc(var(--spacing)*160)
    }

    .max-lg\:flex-col {
      flex-direction: column
    }

    .max-lg\:justify-center {
      justify-content: center
    }

    .max-lg\:overflow-auto {
      overflow: auto
    }

    .max-lg\:border-t {
      border-top-style: var(--tw-border-style);
      border-top-width: 1px
    }

    .max-lg\:border-b {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px
    }

    .max-lg\:border-gray-200 {
      border-color: var(--color-gray-200)
    }

    .max-lg\:bg-white {
      background-color: var(--color-white)
    }

    .max-lg\:p-5 {
      padding: calc(var(--spacing)*5)
    }

    .max-lg\:px-5 {
      padding-inline: calc(var(--spacing)*5)
    }

    .max-lg\:px-7\.5 {
      padding-inline: calc(var(--spacing)*7.5)
    }

    .max-lg\:py-12\.5 {
      padding-block: calc(var(--spacing)*12.5)
    }

    .max-lg\:pr-7\.5 {
      padding-right: calc(var(--spacing)*7.5)
    }

    .max-lg\:pl-5 {
      padding-left: calc(var(--spacing)*5)
    }

    .max-lg\:text-center {
      text-align: center
    }

    .max-lg\:duration-700 {
      --tw-duration: .7s;
      transition-duration: .7s
    }

    .max-lg\:before\:hidden:before,
    .max-lg\:after\:hidden:after {
      content: var(--tw-content);
      display: none
    }

    .max-lg\:after\:size-7:after {
      content: var(--tw-content);
      width: calc(var(--spacing)*7);
      height: calc(var(--spacing)*7)
    }

    .max-lg\:after\:bg-black:after {
      content: var(--tw-content);
      background-color: var(--color-black)
    }

    .max-lg\:after\:text-center:after {
      content: var(--tw-content);
      text-align: center
    }

    .max-lg\:after\:text-xs:after {
      content: var(--tw-content);
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height))
    }

    .max-lg\:after\:leading-7:after {
      content: var(--tw-content);
      --tw-leading: calc(var(--spacing)*7);
      line-height: calc(var(--spacing)*7)
    }

    .max-lg\:after\:text-white:after {
      content: var(--tw-content);
      color: var(--color-white)
    }
  }

  @media not all and (min-width:768px) {
    .max-md\:-bottom-15 {
      bottom: calc(var(--spacing)*-15)
    }

    .max-md\:-left-12 {
      left: calc(var(--spacing)*-12)
    }

    .max-md\:left-0 {
      left: calc(var(--spacing)*0)
    }

    .max-md\:mx-auto {
      margin-inline: auto
    }

    .max-md\:ms-auto {
      margin-inline-start: auto
    }

    .max-md\:mt-7\.5 {
      margin-top: calc(var(--spacing)*7.5)
    }

    .max-md\:mb-5 {
      margin-bottom: calc(var(--spacing)*5)
    }

    .max-md\:mb-7\.5 {
      margin-bottom: calc(var(--spacing)*7.5)
    }

    .max-md\:h-90 {
      height: calc(var(--spacing)*90)
    }

    .max-md\:\!w-\[48\%\] {
      width: 48% !important
    }

    .max-md\:\!w-full {
      width: 100% !important
    }

    .max-md\:w-\[60\%\] {
      width: 60%
    }

    .max-md\:w-full {
      width: 100%
    }

    .max-md\:max-w-full {
      max-width: 100%
    }

    .max-md\:rounded-t-3xl {
      border-top-left-radius: var(--radius-3xl);
      border-top-right-radius: var(--radius-3xl)
    }

    .max-md\:rounded-b-3xl {
      border-bottom-right-radius: var(--radius-3xl);
      border-bottom-left-radius: var(--radius-3xl)
    }

    .max-md\:px-0 {
      padding-inline: calc(var(--spacing)*0)
    }

    .max-md\:px-5 {
      padding-inline: calc(var(--spacing)*5)
    }

    .max-md\:pr-0 {
      padding-right: calc(var(--spacing)*0)
    }

    .max-md\:text-center {
      text-align: center
    }
  }

  @media not all and (min-width:576px) {
    .max-sm\:-left-0 {
      left: calc(var(--spacing)*0)
    }

    .max-sm\:mx-2\.5 {
      margin-inline: calc(var(--spacing)*2.5)
    }

    .max-sm\:mx-auto {
      margin-inline: auto
    }

    .max-sm\:my-2\.5 {
      margin-block: calc(var(--spacing)*2.5)
    }

    .max-sm\:mt-7\.5 {
      margin-top: calc(var(--spacing)*7.5)
    }

    .max-sm\:mb-2\.5 {
      margin-bottom: calc(var(--spacing)*2.5)
    }

    .max-sm\:mb-5 {
      margin-bottom: calc(var(--spacing)*5)
    }

    .max-sm\:hidden {
      display: none
    }

    .max-sm\:h-65 {
      height: calc(var(--spacing)*65)
    }

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

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

    .max-sm\:pt-2\.5 {
      padding-top: calc(var(--spacing)*2.5)
    }

    .max-sm\:pb-0 {
      padding-bottom: calc(var(--spacing)*0)
    }

    .max-sm\:pb-5 {
      padding-bottom: calc(var(--spacing)*5)
    }

    .max-sm\:text-center {
      text-align: center
    }
  }

  @media (min-width:576px) {
    .sm\:absolute {
      position: absolute
    }

    .sm\:-top-6 {
      top: calc(var(--spacing)*-6)
    }

    .sm\:top-5 {
      top: calc(var(--spacing)*5)
    }

    .sm\:top-7\.5 {
      top: calc(var(--spacing)*7.5)
    }

    .sm\:top-auto {
      top: auto
    }

    .sm\:right-5 {
      right: calc(var(--spacing)*5)
    }

    .sm\:right-auto {
      right: auto
    }

    .sm\:-left-17\.5 {
      left: calc(var(--spacing)*-17.5)
    }

    .sm\:left-7\.5 {
      left: calc(var(--spacing)*7.5)
    }

    .sm\:col-span-6 {
      grid-column: span 6/span 6
    }

    .sm\:mx-6 {
      margin-inline: calc(var(--spacing)*6)
    }

    .sm\:mb-0 {
      margin-bottom: calc(var(--spacing)*0)
    }

    .sm\:mb-1\.25 {
      margin-bottom: calc(var(--spacing)*1.25)
    }

    .sm\:mb-5 {
      margin-bottom: calc(var(--spacing)*5)
    }

    .sm\:mb-7\.5 {
      margin-bottom: calc(var(--spacing)*7.5)
    }

    .sm\:mb-11\.25 {
      margin-bottom: calc(var(--spacing)*11.25)
    }

    .sm\:mb-15 {
      margin-bottom: calc(var(--spacing)*15)
    }

    .sm\:mb-16 {
      margin-bottom: calc(var(--spacing)*16)
    }

    .sm\:mb-24 {
      margin-bottom: calc(var(--spacing)*24)
    }

    .sm\:ml-10 {
      margin-left: calc(var(--spacing)*10)
    }

    .sm\:ml-17\.5 {
      margin-left: calc(var(--spacing)*17.5)
    }

    .sm\:flex {
      display: flex
    }

    .sm\:inline-block {
      display: inline-block
    }

    @media (min-width:576px) {
      .sm\:sm\:flex {
        display: flex
      }
    }

    .sm\:size-14 {
      width: calc(var(--spacing)*14);
      height: calc(var(--spacing)*14)
    }

    .sm\:size-31 {
      width: calc(var(--spacing)*31);
      height: calc(var(--spacing)*31)
    }

    .sm\:size-50 {
      width: calc(var(--spacing)*50);
      height: calc(var(--spacing)*50)
    }

    .sm\:size-55 {
      width: calc(var(--spacing)*55);
      height: calc(var(--spacing)*55)
    }

    .sm\:\!h-100 {
      height: calc(var(--spacing)*100) !important
    }

    .sm\:h-18\.5 {
      height: calc(var(--spacing)*18.5)
    }

    .sm\:h-72\.5 {
      height: calc(var(--spacing)*72.5)
    }

    .sm\:h-92\.5 {
      height: calc(var(--spacing)*92.5)
    }

    .sm\:h-115 {
      height: calc(var(--spacing)*115)
    }

    .sm\:h-192 {
      height: calc(var(--spacing)*192)
    }

    .sm\:w-1\/2 {
      width: 50%
    }

    .sm\:w-48\.75 {
      width: calc(var(--spacing)*48.75)
    }

    .sm\:w-85 {
      width: calc(var(--spacing)*85)
    }

    .sm\:w-\[18\.4\%\] {
      width: 18.4%
    }

    .sm\:w-\[calc\(100\%_-_46px\)\] {
      width: calc(100% - 46px)
    }

    .sm\:w-\[calc\(100\%_-_100px\)\] {
      width: calc(100% - 100px)
    }

    .sm\:max-w-18\.5 {
      max-width: calc(var(--spacing)*18.5)
    }

    .sm\:max-w-30 {
      max-width: calc(var(--spacing)*30)
    }

    .sm\:max-w-125 {
      max-width: calc(var(--spacing)*125)
    }

    .sm\:min-w-48\.75 {
      min-width: calc(var(--spacing)*48.75)
    }

    .sm\:items-start {
      align-items: flex-start
    }

    .sm\:gap-1 {
      gap: calc(var(--spacing)*1)
    }

    .sm\:gap-x-7\.5 {
      column-gap: calc(var(--spacing)*7.5)
    }

    .sm\:rounded-full {
      border-radius: 3.40282e38px
    }

    .sm\:border-l {
      border-left-style: var(--tw-border-style);
      border-left-width: 1px
    }

    .sm\:border-l-2 {
      border-left-style: var(--tw-border-style);
      border-left-width: 2px
    }

    .sm\:p-5 {
      padding: calc(var(--spacing)*5)
    }

    .sm\:p-7\.5 {
      padding: calc(var(--spacing)*7.5)
    }

    .sm\:p-10 {
      padding: calc(var(--spacing)*10)
    }

    .sm\:p-12\.5 {
      padding: calc(var(--spacing)*12.5)
    }

    .sm\:p-15 {
      padding: calc(var(--spacing)*15)
    }

    .sm\:px-3\.75 {
      padding-inline: calc(var(--spacing)*3.75)
    }

    .sm\:px-4 {
      padding-inline: calc(var(--spacing)*4)
    }

    .sm\:px-5 {
      padding-inline: calc(var(--spacing)*5)
    }

    .sm\:px-9 {
      padding-inline: calc(var(--spacing)*9)
    }

    .sm\:px-10 {
      padding-inline: calc(var(--spacing)*10)
    }

    .sm\:py-5 {
      padding-block: calc(var(--spacing)*5)
    }

    .sm\:py-22\.5 {
      padding-block: calc(var(--spacing)*22.5)
    }

    .sm\:ps-32\.5 {
      padding-inline-start: calc(var(--spacing)*32.5)
    }

    .sm\:pt-10 {
      padding-top: calc(var(--spacing)*10)
    }

    .sm\:pt-20 {
      padding-top: calc(var(--spacing)*20)
    }

    .sm\:pt-22\.5 {
      padding-top: calc(var(--spacing)*22.5)
    }

    .sm\:pr-12\.5 {
      padding-right: calc(var(--spacing)*12.5)
    }

    .sm\:pb-7\.5 {
      padding-bottom: calc(var(--spacing)*7.5)
    }

    .sm\:\!pl-7\.5 {
      padding-left: calc(var(--spacing)*7.5) !important
    }

    .sm\:pl-7\.5 {
      padding-left: calc(var(--spacing)*7.5)
    }

    .sm\:pl-10 {
      padding-left: calc(var(--spacing)*10)
    }

    .sm\:\!text-3xl {
      font-size: var(--text-3xl) !important;
      line-height: var(--tw-leading, var(--text-3xl--line-height)) !important
    }

    .sm\:text-2xl {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height))
    }

    .sm\:text-3xl {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height))
    }

    .sm\:text-5xl {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height))
    }

    .sm\:text-6xl {
      font-size: var(--text-6xl);
      line-height: var(--tw-leading, var(--text-6xl--line-height))
    }

    .sm\:text-base {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height))
    }

    .sm\:text-lg {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height))
    }

    .sm\:text-xl {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height))
    }

    .sm\:\!text-80 {
      font-size: var(--text-80) !important
    }

    .sm\:text-28 {
      font-size: var(--text-28)
    }

    .sm\:text-40 {
      font-size: var(--text-40)
    }

    .sm\:text-83 {
      font-size: var(--text-83)
    }

    .sm\:before\:size-97\.5:before {
      content: var(--tw-content);
      width: calc(var(--spacing)*97.5);
      height: calc(var(--spacing)*97.5)
    }

    .sm\:before\:h-120\.5:before {
      content: var(--tw-content);
      height: calc(var(--spacing)*120.5)
    }
  }

  @media (min-width:768px) {
    .md\:-top-3\.75 {
      top: calc(var(--spacing)*-3.75)
    }

    .md\:-right-6 {
      right: calc(var(--spacing)*-6)
    }

    .md\:-right-15 {
      right: calc(var(--spacing)*-15)
    }

    .md\:-left-28\.75 {
      left: calc(var(--spacing)*-28.75)
    }

    .md\:left-74\.5 {
      left: calc(var(--spacing)*74.5)
    }

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

    .md\:row-span-2 {
      grid-row: span 2/span 2
    }

    .md\:float-right {
      float: right
    }

    .md\:\!mx-0 {
      margin-inline: calc(var(--spacing)*0) !important
    }

    .md\:mx-5 {
      margin-inline: calc(var(--spacing)*5)
    }

    .md\:mx-10 {
      margin-inline: calc(var(--spacing)*10)
    }

    .md\:ms-17\.5 {
      margin-inline-start: calc(var(--spacing)*17.5)
    }

    .md\:-mt-25 {
      margin-top: calc(var(--spacing)*-25)
    }

    .md\:mt-60 {
      margin-top: calc(var(--spacing)*60)
    }

    .md\:mr-7\.5 {
      margin-right: calc(var(--spacing)*7.5)
    }

    .md\:mb-7\.5 {
      margin-bottom: calc(var(--spacing)*7.5)
    }

    .md\:mb-12 {
      margin-bottom: calc(var(--spacing)*12)
    }

    .md\:mb-15 {
      margin-bottom: calc(var(--spacing)*15)
    }

    .md\:ml-7 {
      margin-left: calc(var(--spacing)*7)
    }

    .md\:flex {
      display: flex
    }

    .md\:size-75\.5 {
      width: calc(var(--spacing)*75.5);
      height: calc(var(--spacing)*75.5)
    }

    .md\:h-40 {
      height: calc(var(--spacing)*40)
    }

    .md\:h-52\.5 {
      height: calc(var(--spacing)*52.5)
    }

    .md\:h-97\.5 {
      height: calc(var(--spacing)*97.5)
    }

    .md\:h-107\.5 {
      height: calc(var(--spacing)*107.5)
    }

    .md\:h-135 {
      height: calc(var(--spacing)*135)
    }

    .md\:h-150 {
      height: calc(var(--spacing)*150)
    }

    .md\:w-1\/2 {
      width: 50%
    }

    .md\:w-1\/3 {
      width: 33.3333%
    }

    .md\:w-1\/4 {
      width: 25%
    }

    .md\:w-21 {
      width: calc(var(--spacing)*21)
    }

    .md\:w-37\.5 {
      width: calc(var(--spacing)*37.5)
    }

    .md\:w-57\.5 {
      width: calc(var(--spacing)*57.5)
    }

    .md\:w-70 {
      width: calc(var(--spacing)*70)
    }

    .md\:min-w-70 {
      min-width: calc(var(--spacing)*70)
    }

    .md\:min-w-79 {
      min-width: calc(var(--spacing)*79)
    }

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

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

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

    .md\:justify-between {
      justify-content: space-between
    }

    .md\:gap-7\.5 {
      gap: calc(var(--spacing)*7.5)
    }

    .md\:rounded-s-3xl {
      border-start-start-radius: var(--radius-3xl);
      border-end-start-radius: var(--radius-3xl)
    }

    .md\:rounded-e-3xl {
      border-start-end-radius: var(--radius-3xl);
      border-end-end-radius: var(--radius-3xl)
    }

    .md\:p-7\.5 {
      padding: calc(var(--spacing)*7.5)
    }

    .md\:p-10 {
      padding: calc(var(--spacing)*10)
    }

    .md\:px-3 {
      padding-inline: calc(var(--spacing)*3)
    }

    .md\:px-5 {
      padding-inline: calc(var(--spacing)*5)
    }

    .md\:px-7\.5 {
      padding-inline: calc(var(--spacing)*7.5)
    }

    .md\:py-3 {
      padding-block: calc(var(--spacing)*3)
    }

    .md\:pt-16 {
      padding-top: calc(var(--spacing)*16)
    }

    .md\:pt-30 {
      padding-top: calc(var(--spacing)*30)
    }

    .md\:pb-22\.5 {
      padding-bottom: calc(var(--spacing)*22.5)
    }

    .md\:pb-50 {
      padding-bottom: calc(var(--spacing)*50)
    }

    .md\:pl-17\.5 {
      padding-left: calc(var(--spacing)*17.5)
    }

    .md\:text-right {
      text-align: right
    }

    .md\:text-2xl {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height))
    }

    .md\:text-3xl {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height))
    }

    .md\:text-4xl {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height))
    }

    .md\:text-5xl {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height))
    }

    .md\:text-6xl {
      font-size: var(--text-6xl);
      line-height: var(--tw-leading, var(--text-6xl--line-height))
    }

    .md\:text-7xl {
      font-size: var(--text-7xl);
      line-height: var(--tw-leading, var(--text-7xl--line-height))
    }

    .md\:text-lg {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height))
    }

    .md\:\!text-30xl {
      font-size: var(--text-30xl) !important
    }

    .md\:\!text-46 {
      font-size: var(--text-46) !important
    }

    .md\:text-28 {
      font-size: var(--text-28)
    }

    .md\:text-36 {
      font-size: var(--text-36)
    }

    .md\:text-40 {
      font-size: var(--text-40)
    }

    .md\:text-48 {
      font-size: var(--text-48)
    }

    .md\:text-50 {
      font-size: var(--text-50)
    }

    .md\:text-52 {
      font-size: var(--text-52)
    }

    .md\:font-bold {
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold)
    }

    .md\:text-shadow-\[2px_5px_0px_rgba\(255\,255\,255\,0\.72\)\] {
      text-shadow: 2px 5px 0px var(--tw-text-shadow-color, #ffffffb8)
    }

    .md\:before\:h-125:before {
      content: var(--tw-content);
      height: calc(var(--spacing)*125)
    }
  }

  @media (min-width:992px) {
    .lg\:invisible {
      visibility: hidden
    }

    .lg\:absolute {
      position: absolute
    }

    .lg\:top-0 {
      top: calc(var(--spacing)*0)
    }

    .lg\:top-8\.75 {
      top: calc(var(--spacing)*8.75)
    }

    .lg\:right-8\.75 {
      right: calc(var(--spacing)*8.75)
    }

    .lg\:right-10 {
      right: calc(var(--spacing)*10)
    }

    .lg\:right-12 {
      right: calc(var(--spacing)*12)
    }

    .lg\:bottom-10 {
      bottom: calc(var(--spacing)*10)
    }

    .lg\:bottom-12 {
      bottom: calc(var(--spacing)*12)
    }

    .lg\:-left-55 {
      left: calc(var(--spacing)*-55)
    }

    .lg\:left-0 {
      left: calc(var(--spacing)*0)
    }

    .lg\:left-8\.75 {
      left: calc(var(--spacing)*8.75)
    }

    .lg\:left-10 {
      left: calc(var(--spacing)*10)
    }

    .lg\:left-12 {
      left: calc(var(--spacing)*12)
    }

    .lg\:order-1 {
      order: 1
    }

    .lg\:order-2 {
      order: 2
    }

    .lg\:col-span-2 {
      grid-column: span 2/span 2
    }

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

    .lg\:col-span-4 {
      grid-column: span 4/span 4
    }

    .lg\:col-span-5 {
      grid-column: span 5/span 5
    }

    .lg\:col-span-6 {
      grid-column: span 6/span 6
    }

    .lg\:col-span-7 {
      grid-column: span 7/span 7
    }

    .lg\:col-span-8 {
      grid-column: span 8/span 8
    }

    .lg\:m-8\.75 {
      margin: calc(var(--spacing)*8.75)
    }

    .lg\:mx-17\.5 {
      margin-inline: calc(var(--spacing)*17.5)
    }

    .lg\:mt-0 {
      margin-top: calc(var(--spacing)*0)
    }

    .lg\:mt-4\.5 {
      margin-top: calc(var(--spacing)*4.5)
    }

    .lg\:mr-2\.5 {
      margin-right: calc(var(--spacing)*2.5)
    }

    .lg\:mr-23\.75 {
      margin-right: calc(var(--spacing)*23.75)
    }

    .lg\:mr-30 {
      margin-right: calc(var(--spacing)*30)
    }

    .lg\:mb-0 {
      margin-bottom: calc(var(--spacing)*0)
    }

    .lg\:mb-4 {
      margin-bottom: calc(var(--spacing)*4)
    }

    .lg\:mb-5 {
      margin-bottom: calc(var(--spacing)*5)
    }

    .lg\:mb-10 {
      margin-bottom: calc(var(--spacing)*10)
    }

    .lg\:mb-12\.5 {
      margin-bottom: calc(var(--spacing)*12.5)
    }

    .lg\:mb-16\.25 {
      margin-bottom: calc(var(--spacing)*16.25)
    }

    .lg\:ml-5 {
      margin-left: calc(var(--spacing)*5)
    }

    .lg\:ml-6 {
      margin-left: calc(var(--spacing)*6)
    }

    .lg\:ml-10 {
      margin-left: calc(var(--spacing)*10)
    }

    .lg\:\!hidden {
      display: none !important
    }

    .lg\:flex {
      display: flex
    }

    .lg\:hidden {
      display: none
    }

    .lg\:inline-block {
      display: inline-block
    }

    .lg\:size-11 {
      width: calc(var(--spacing)*11);
      height: calc(var(--spacing)*11)
    }

    .lg\:size-12 {
      width: calc(var(--spacing)*12);
      height: calc(var(--spacing)*12)
    }

    .lg\:size-20 {
      width: calc(var(--spacing)*20);
      height: calc(var(--spacing)*20)
    }

    .lg\:size-22\.5 {
      width: calc(var(--spacing)*22.5);
      height: calc(var(--spacing)*22.5)
    }

    .lg\:size-25 {
      width: calc(var(--spacing)*25);
      height: calc(var(--spacing)*25)
    }

    .lg\:h-5 {
      height: calc(var(--spacing)*5)
    }

    .lg\:h-6 {
      height: calc(var(--spacing)*6)
    }

    .lg\:h-16 {
      height: calc(var(--spacing)*16)
    }

    .lg\:h-47\.5 {
      height: calc(var(--spacing)*47.5)
    }

    .lg\:h-52\.5 {
      height: calc(var(--spacing)*52.5)
    }

    .lg\:h-105 {
      height: calc(var(--spacing)*105)
    }

    .lg\:h-110 {
      height: calc(var(--spacing)*110)
    }

    .lg\:h-160 {
      height: calc(var(--spacing)*160)
    }

    .lg\:min-h-\[500px\] {
      min-height: 500px
    }

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

    .lg\:w-1\/2 {
      width: 50%
    }

    .lg\:w-1\/3 {
      width: 33.3333%
    }

    .lg\:w-1\/4 {
      width: 25%
    }

    .lg\:w-2\/3 {
      width: 66.6667%
    }

    .lg\:w-5 {
      width: calc(var(--spacing)*5)
    }

    .lg\:w-5\/12 {
      width: 41.6667%
    }

    .lg\:w-6 {
      width: calc(var(--spacing)*6)
    }

    .lg\:w-7\/12 {
      width: 58.3333%
    }

    .lg\:w-44 {
      width: calc(var(--spacing)*44)
    }

    .lg\:w-55 {
      width: calc(var(--spacing)*55)
    }

    .lg\:w-112\.5 {
      width: calc(var(--spacing)*112.5)
    }

    .lg\:w-\[9\.33\%\] {
      width: 9.33%
    }

    .lg\:w-\[calc\(33\.7\%_-_4px\)\] {
      width: calc(33.7% - 4px)
    }

    .lg\:max-w-17\.5 {
      max-width: calc(var(--spacing)*17.5)
    }

    .lg\:max-w-40 {
      max-width: calc(var(--spacing)*40)
    }

    .lg\:max-w-93\.75 {
      max-width: calc(var(--spacing)*93.75)
    }

    .lg\:max-w-122\.5 {
      max-width: calc(var(--spacing)*122.5)
    }

    .lg\:max-w-167\.5 {
      max-width: calc(var(--spacing)*167.5)
    }

    .lg\:min-w-104 {
      min-width: calc(var(--spacing)*104)
    }

    .lg\:grow {
      flex-grow: 1
    }

    .lg\:basis-auto {
      flex-basis: auto
    }

    .lg\:translate-y-10 {
      --tw-translate-y: calc(var(--spacing)*10);
      translate: var(--tw-translate-x)var(--tw-translate-y)
    }

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

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

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

    .lg\:items-center {
      align-items: center
    }

    .lg\:justify-center {
      justify-content: center
    }

    .lg\:justify-end {
      justify-content: flex-end
    }

    .lg\:gap-7\.5 {
      gap: calc(var(--spacing)*7.5)
    }

    .lg\:gap-16 {
      gap: calc(var(--spacing)*16)
    }

    .lg\:gap-20 {
      gap: calc(var(--spacing)*20)
    }

    .lg\:rounded-3xl {
      border-radius: var(--radius-3xl)
    }

    .lg\:rounded-xxl {
      border-radius: var(--radius-xxl)
    }

    .lg\:p-3 {
      padding: calc(var(--spacing)*3)
    }

    .lg\:p-8 {
      padding: calc(var(--spacing)*8)
    }

    .lg\:p-10 {
      padding: calc(var(--spacing)*10)
    }

    .lg\:p-12 {
      padding: calc(var(--spacing)*12)
    }

    .lg\:p-24 {
      padding: calc(var(--spacing)*24)
    }

    .lg\:p-30 {
      padding: calc(var(--spacing)*30)
    }

    .lg\:px-2 {
      padding-inline: calc(var(--spacing)*2)
    }

    .lg\:px-5 {
      padding-inline: calc(var(--spacing)*5)
    }

    .lg\:px-12\.5 {
      padding-inline: calc(var(--spacing)*12.5)
    }

    .lg\:px-15 {
      padding-inline: calc(var(--spacing)*15)
    }

    .lg\:py-7\.5 {
      padding-block: calc(var(--spacing)*7.5)
    }

    .lg\:py-12\.5 {
      padding-block: calc(var(--spacing)*12.5)
    }

    .lg\:py-15 {
      padding-block: calc(var(--spacing)*15)
    }

    .lg\:py-20 {
      padding-block: calc(var(--spacing)*20)
    }

    .lg\:py-24 {
      padding-block: calc(var(--spacing)*24)
    }

    .lg\:py-30 {
      padding-block: calc(var(--spacing)*30)
    }

    .lg\:py-32 {
      padding-block: calc(var(--spacing)*32)
    }

    .lg\:py-40 {
      padding-block: calc(var(--spacing)*40)
    }

    .lg\:pt-12\.5 {
      padding-top: calc(var(--spacing)*12.5)
    }

    .lg\:pt-32 {
      padding-top: calc(var(--spacing)*32)
    }

    .lg\:pt-34\.5 {
      padding-top: calc(var(--spacing)*34.5)
    }

    .lg\:pt-44 {
      padding-top: calc(var(--spacing)*44)
    }

    .lg\:pr-5 {
      padding-right: calc(var(--spacing)*5)
    }

    .lg\:pb-16 {
      padding-bottom: calc(var(--spacing)*16)
    }

    .lg\:pb-24 {
      padding-bottom: calc(var(--spacing)*24)
    }

    .lg\:pl-0 {
      padding-left: calc(var(--spacing)*0)
    }

    .lg\:pl-5 {
      padding-left: calc(var(--spacing)*5)
    }

    .lg\:text-left {
      text-align: left
    }

    .lg\:text-right {
      text-align: right
    }

    .lg\:text-2xl {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height))
    }

    .lg\:text-3xl {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height))
    }

    .lg\:text-4xl {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height))
    }

    .lg\:text-5xl {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height))
    }

    .lg\:text-6xl {
      font-size: var(--text-6xl);
      line-height: var(--tw-leading, var(--text-6xl--line-height))
    }

    .lg\:text-8xl {
      font-size: var(--text-8xl);
      line-height: var(--tw-leading, var(--text-8xl--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-xl {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height))
    }

    .lg\:\!text-36 {
      font-size: var(--text-36) !important
    }

    .lg\:\!text-80 {
      font-size: var(--text-80) !important
    }

    .lg\:text-42 {
      font-size: var(--text-42)
    }

    .lg\:text-60 {
      font-size: var(--text-60)
    }

    .lg\:text-80 {
      font-size: var(--text-80)
    }

    .lg\:opacity-0 {
      opacity: 0
    }

    .lg\:text-shadow-\[2px_3px_0px_rgba\(255\,255\,255\,0\.72\)\] {
      text-shadow: 2px 3px 0px var(--tw-text-shadow-color, #ffffffb8)
    }

    @media (hover:hover) {
      .lg\:group-hover\:visible:is(:where(.group):hover *) {
        visibility: visible
      }

      .lg\: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)
      }

      .lg\:group-hover\:opacity-100:is(:where(.group):hover *) {
        opacity: 1
      }

      .lg\:group-hover\/second\:visible:is(:where(.group\/second):hover *) {
        visibility: visible
      }

      .lg\:group-hover\/second\:translate-y-0:is(:where(.group\/second):hover *) {
        --tw-translate-y: calc(var(--spacing)*0);
        translate: var(--tw-translate-x)var(--tw-translate-y)
      }

      .lg\:group-hover\/second\:opacity-100:is(:where(.group\/second):hover *) {
        opacity: 1
      }
    }
  }

  @media (min-width:1199px) {
    .xl\:\!absolute {
      position: absolute !important
    }

    .xl\:-top-5 {
      top: calc(var(--spacing)*-5)
    }

    .xl\:-top-20\.75 {
      top: calc(var(--spacing)*-20.75)
    }

    .xl\:top-1\/2 {
      top: 50%
    }

    .xl\:right-7 {
      right: calc(var(--spacing)*7)
    }

    .xl\:bottom-17\.5 {
      bottom: calc(var(--spacing)*17.5)
    }

    .xl\:left-78\.5 {
      left: calc(var(--spacing)*78.5)
    }

    .xl\:left-128\.75 {
      left: calc(var(--spacing)*128.75)
    }

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

    .xl\:col-span-4 {
      grid-column: span 4/span 4
    }

    .xl\:col-span-8 {
      grid-column: span 8/span 8
    }

    .xl\:col-span-9 {
      grid-column: span 9/span 9
    }

    .xl\:\!mx-auto {
      margin-inline: auto !important
    }

    .xl\:mt-15 {
      margin-top: calc(var(--spacing)*15)
    }

    .xl\:mt-30 {
      margin-top: calc(var(--spacing)*30)
    }

    .xl\:mr-2\.5 {
      margin-right: calc(var(--spacing)*2.5)
    }

    .xl\:mr-10 {
      margin-right: calc(var(--spacing)*10)
    }

    .xl\:mb-15 {
      margin-bottom: calc(var(--spacing)*15)
    }

    .xl\:mb-30 {
      margin-bottom: calc(var(--spacing)*30)
    }

    .xl\:flex {
      display: flex
    }

    .xl\:size-11\.5 {
      width: calc(var(--spacing)*11.5);
      height: calc(var(--spacing)*11.5)
    }

    .xl\:size-14 {
      width: calc(var(--spacing)*14);
      height: calc(var(--spacing)*14)
    }

    .xl\:size-90\.5 {
      width: calc(var(--spacing)*90.5);
      height: calc(var(--spacing)*90.5)
    }

    .xl\:h-46 {
      height: calc(var(--spacing)*46)
    }

    .xl\:h-62\.5 {
      height: calc(var(--spacing)*62.5)
    }

    .xl\:h-92\.5 {
      height: calc(var(--spacing)*92.5)
    }

    .xl\:h-105 {
      height: calc(var(--spacing)*105)
    }

    .xl\:h-113\.25 {
      height: calc(var(--spacing)*113.25)
    }

    .xl\:h-130 {
      height: calc(var(--spacing)*130)
    }

    .xl\:h-140 {
      height: calc(var(--spacing)*140)
    }

    .xl\:h-226\.5 {
      height: calc(var(--spacing)*226.5)
    }

    .xl\:w-1\/2 {
      width: 50%
    }

    .xl\:w-1\/3 {
      width: 33.3333%
    }

    .xl\:w-1\/4 {
      width: 25%
    }

    .xl\:w-2\/3 {
      width: 66.6667%
    }

    .xl\:w-5\/12 {
      width: 41.6667%
    }

    .xl\:w-7\/12 {
      width: 58.3333%
    }

    .xl\:w-28\.75 {
      width: calc(var(--spacing)*28.75)
    }

    .xl\:w-87\.5 {
      width: calc(var(--spacing)*87.5)
    }

    .xl\:w-\[9\.43\%\] {
      width: 9.43%
    }

    .xl\:max-w-43 {
      max-width: calc(var(--spacing)*43)
    }

    .xl\:max-w-90 {
      max-width: calc(var(--spacing)*90)
    }

    .xl\:max-w-104 {
      max-width: calc(var(--spacing)*104)
    }

    .xl\:min-w-14 {
      min-width: calc(var(--spacing)*14)
    }

    .xl\:min-w-87\.5 {
      min-width: calc(var(--spacing)*87.5)
    }

    .xl\:-translate-y-1\/2 {
      --tw-translate-y: calc(calc(1/2*100%)*-1);
      translate: var(--tw-translate-x)var(--tw-translate-y)
    }

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

    .xl\:flex-col {
      flex-direction: column
    }

    .xl\:gap-5 {
      gap: calc(var(--spacing)*5)
    }

    .xl\:rounded-3xl {
      border-radius: var(--radius-3xl)
    }

    .xl\:p-7\.5 {
      padding: calc(var(--spacing)*7.5)
    }

    .xl\:p-10 {
      padding: calc(var(--spacing)*10)
    }

    .xl\:p-12\.5 {
      padding: calc(var(--spacing)*12.5)
    }

    .xl\:p-15 {
      padding: calc(var(--spacing)*15)
    }

    .xl\:p-20 {
      padding: calc(var(--spacing)*20)
    }

    .xl\:px-12\.5 {
      padding-inline: calc(var(--spacing)*12.5)
    }

    .xl\:py-8\.75 {
      padding-block: calc(var(--spacing)*8.75)
    }

    .xl\:py-10 {
      padding-block: calc(var(--spacing)*10)
    }

    .xl\:py-15 {
      padding-block: calc(var(--spacing)*15)
    }

    .xl\:py-30 {
      padding-block: calc(var(--spacing)*30)
    }

    .xl\:pt-20 {
      padding-top: calc(var(--spacing)*20)
    }

    .xl\:pt-22\.5 {
      padding-top: calc(var(--spacing)*22.5)
    }

    .xl\:pt-30 {
      padding-top: calc(var(--spacing)*30)
    }

    .xl\:pt-32 {
      padding-top: calc(var(--spacing)*32)
    }

    .xl\:\!pb-29 {
      padding-bottom: calc(var(--spacing)*29) !important
    }

    .xl\:pb-22\.5 {
      padding-bottom: calc(var(--spacing)*22.5)
    }

    .xl\:pb-26\.5 {
      padding-bottom: calc(var(--spacing)*26.5)
    }

    .xl\:pb-27\.5 {
      padding-bottom: calc(var(--spacing)*27.5)
    }

    .xl\:pb-30 {
      padding-bottom: calc(var(--spacing)*30)
    }

    .xl\:pb-32 {
      padding-bottom: calc(var(--spacing)*32)
    }

    .xl\:pb-50 {
      padding-bottom: calc(var(--spacing)*50)
    }

    .xl\:pb-85 {
      padding-bottom: calc(var(--spacing)*85)
    }

    .xl\:pl-8 {
      padding-left: calc(var(--spacing)*8)
    }

    .xl\:pl-9\.5 {
      padding-left: calc(var(--spacing)*9.5)
    }

    .xl\:pl-12\.5 {
      padding-left: calc(var(--spacing)*12.5)
    }

    .xl\:text-3xl {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height))
    }

    .xl\:text-4xl {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height))
    }

    .xl\:text-6xl {
      font-size: var(--text-6xl);
      line-height: var(--tw-leading, var(--text-6xl--line-height))
    }

    .xl\:text-7xl {
      font-size: var(--text-7xl);
      line-height: var(--tw-leading, var(--text-7xl--line-height))
    }

    .xl\:text-30xl\/48 {
      font-size: var(--text-30xl);
      line-height: calc(var(--spacing)*48)
    }

    .xl\:text-lg {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height))
    }

    .xl\:\!text-50xl {
      font-size: var(--text-50xl) !important
    }

    .xl\:\!text-50xxl {
      font-size: var(--text-50xxl) !important
    }

    .xl\:text-28 {
      font-size: var(--text-28)
    }

    .xl\:text-40 {
      font-size: var(--text-40)
    }

    .xl\:text-46 {
      font-size: var(--text-46)
    }

    .xl\:text-50 {
      font-size: var(--text-50)
    }

    .xl\:text-52 {
      font-size: var(--text-52)
    }

    .xl\:text-58 {
      font-size: var(--text-58)
    }

    .xl\:before\:h-143:before {
      content: var(--tw-content);
      height: calc(var(--spacing)*143)
    }
  }

  @media (min-width:1400px) {
    .\32 xl\:absolute {
      position: absolute
    }

    .\32 xl\:top-0\.25 {
      top: calc(var(--spacing)*.25)
    }

    .\32 xl\:left-55 {
      left: calc(var(--spacing)*55)
    }

    .\32 xl\:left-90\.5 {
      left: calc(var(--spacing)*90.5)
    }

    .\32 xl\:col-span-6 {
      grid-column: span 6/span 6
    }

    .\32 xl\:mx-15 {
      margin-inline: calc(var(--spacing)*15)
    }

    .\32 xl\:mr-7\.5 {
      margin-right: calc(var(--spacing)*7.5)
    }

    .\32 xl\:flex {
      display: flex
    }

    .\32 xl\:size-97\.5 {
      width: calc(var(--spacing)*97.5);
      height: calc(var(--spacing)*97.5)
    }

    .\32 xl\:h-225 {
      height: calc(var(--spacing)*225)
    }

    .\32 xl\:min-h-30 {
      min-height: calc(var(--spacing)*30)
    }

    .\32 xl\:w-22\.5 {
      width: calc(var(--spacing)*22.5)
    }

    .\32 xl\:max-w-94 {
      max-width: calc(var(--spacing)*94)
    }

    .\32 xl\:origin-\[0_0\] {
      transform-origin: 0 0
    }

    .\32 xl\:-rotate-90 {
      rotate: -90deg
    }

    .\32 xl\:bg-position-\[bottom_center\] {
      background-position: bottom
    }

    .\32 xl\:p-8\.75 {
      padding: calc(var(--spacing)*8.75)
    }

    .\32 xl\:\!px-17\.5 {
      padding-inline: calc(var(--spacing)*17.5) !important
    }

    .\32 xl\:pr-8\.75 {
      padding-right: calc(var(--spacing)*8.75)
    }

    .\32 xl\:pl-26\.5 {
      padding-left: calc(var(--spacing)*26.5)
    }

    .\32 xl\:text-40xl\/48 {
      font-size: var(--text-40xl);
      line-height: calc(var(--spacing)*48)
    }

    .\32 xl\:text-xl\/6 {
      font-size: var(--text-xl);
      line-height: calc(var(--spacing)*6)
    }

    .\32 xl\:\!text-30xl {
      font-size: var(--text-30xl) !important
    }

    .\32 xl\:text-28 {
      font-size: var(--text-28)
    }

    .\32 xl\:text-48 {
      font-size: var(--text-48)
    }

    .\32 xl\:text-50 {
      font-size: var(--text-50)
    }

    .\32 xl\:leading-18\.5 {
      --tw-leading: calc(var(--spacing)*18.5);
      line-height: calc(var(--spacing)*18.5)
    }
  }

  @media (min-width:1481px) {
    .\32 xxl\:p-10 {
      padding: calc(var(--spacing)*10)
    }

    .\32 xxl\:px-3 {
      padding-inline: calc(var(--spacing)*3)
    }

    .\32 xxl\:ps-8\.75 {
      padding-inline-start: calc(var(--spacing)*8.75)
    }

    .\32 xxl\:pe-13\.75 {
      padding-inline-end: calc(var(--spacing)*13.75)
    }

    .\32 xxl\:pb-2\.5 {
      padding-bottom: calc(var(--spacing)*2.5)
    }
  }

  @media (min-width:1681px) {
    .\33 xl\:h-237\.5 {
      height: calc(var(--spacing)*237.5)
    }
  }

  @media (min-width:1800px) {
    .\34 xl\:absolute {
      position: absolute
    }

    .\34 xl\:left-1\/2 {
      left: 50%
    }

    .\34 xl\:-translate-x-1\/2 {
      --tw-translate-x: calc(calc(1/2*100%)*-1);
      translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .\34 xl\:justify-start {
      justify-content: flex-start
    }
  }

  .\[\&\.active\]\:border-\[\#f97316\].active {
    border-color: #f97316
  }

  .\[\&\.active\]\:bg-\[\#f97316\].active {
    background-color: #f97316
  }

  .\[\&\.active\]\:bg-primary.active {
    background-color: var(--color-primary)
  }

  .\[\&\.active\]\:text-white.active {
    color: var(--color-white)
  }

  .\[\.site-header\.is-fixed\]\:fixed.site-header.is-fixed {
    position: fixed
  }

  .\[\.site-header\.is-fixed\]\:top-0.site-header.is-fixed {
    top: calc(var(--spacing)*0)
  }

  .\[\.site-header\.is-fixed\]\:rounded-b-3xl.site-header.is-fixed {
    border-bottom-right-radius: var(--radius-3xl);
    border-bottom-left-radius: var(--radius-3xl)
  }
}

body {
  margin: calc(var(--spacing)*0);
  background-color: var(--color-body-bg);
  padding: calc(var(--spacing)*0);
  font-family: var(--font-base);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-leading: 1.5;
  --tw-font-weight: var(--font-weight-normal);
  line-height: 1.5;
  font-weight: var(--font-weight-normal);
  color: var(--color-bodycolor);
  overflow-x: hidden
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-title);
  --tw-leading: 1.2;
  --tw-font-weight: var(--font-weight-medium);
  line-height: 1.2;
  font-weight: var(--font-weight-medium);
  color: var(--color-heading)
}

section,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
summary {
  display: block
}

h2 {
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold)
}

a {
  --tw-duration: .5s;
  transition-duration: .5s
}

.image-filter {
  --tw-brightness: brightness(93%);
  --tw-contrast: contrast(95%);
  --tw-hue-rotate: hue-rotate(154deg);
  --tw-invert: invert(100%);
  --tw-saturate: saturate(4469%);
  --tw-sepia: sepia(21%);
  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, )
}

.image-filter-2 {
  --tw-brightness: brightness(92%);
  --tw-contrast: contrast(95%);
  --tw-hue-rotate: hue-rotate(176deg);
  --tw-invert: invert(12%);
  --tw-saturate: saturate(4615%);
  --tw-sepia: sepia(96%);
  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, )
}

input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0
}

input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0
}

input[type=number] {
  -moz-appearance: textfield
}

.dzFormMsg .alert-success {
  margin-bottom: calc(var(--spacing)*2.5);
  background-color: var(--color-green-200);
  padding: calc(var(--spacing)*5);
  color: var(--color-green-900);
  border-radius: .25rem
}

.dzSubscribeMsg {
  position: relative
}

.dzSubscribeMsg .alert {
  top: calc(var(--spacing)*-9.25);
  border-radius: var(--radius-5xl);
  background-color: var(--color-green-200);
  width: 100%;
  padding-inline: calc(var(--spacing)*5);
  padding-block: calc(var(--spacing)*1.75);
  color: var(--color-green-900);
  position: absolute
}

@media (min-width:576px) {
  .container {
    max-width: 540px !important
  }
}

@media (min-width:768px) {
  .container {
    max-width: 720px !important
  }
}

@media (min-width:992px) {
  .container {
    max-width: 960px !important
  }
}

@media (min-width:1199px) {
  .container {
    max-width: 1140px !important
  }
}

@media (min-width:1281px) {
  .container {
    max-width: 1320px !important
  }
}

.container {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  padding-right: calc(var(--bs-gutter-x)*.5);
  padding-left: calc(var(--bs-gutter-x)*.5);
  margin-left: auto;
  margin-right: auto
}

.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  margin-top: calc(-1*var(--bs-gutter-y));
  margin-right: calc(-.5*var(--bs-gutter-x));
  margin-left: calc(-.5*var(--bs-gutter-x));
  flex-wrap: wrap;
  display: flex
}

.row>* {
  --bs-gutter-x: 1.5rem;
  padding-right: calc(var(--bs-gutter-x)*.5);
  padding-left: calc(var(--bs-gutter-x)*.5)
}

.container-fluid {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x)*.5);
  padding-left: calc(var(--bs-gutter-x)*.5);
  margin-left: auto;
  margin-right: auto
}

@keyframes rotate5123 {
  0% {
    transform: rotate(0)
  }

  10% {
    width: 6.25em;
    height: 6.25em
  }

  66% {
    width: 2.4em;
    height: 2.4em
  }

  to {
    width: 6.25em;
    height: 6.25em;
    transform: rotate(360deg)
  }
}

@keyframes flash {
  33% {
    opacity: 0;
    border-radius: 0%
  }

  55% {
    opacity: .6;
    border-radius: 100%
  }

  66% {
    opacity: 0
  }
}

@keyframes mainBar_on_scrollAnimatio {
  0% {
    margin-top: -120px
  }

  to {
    margin-top: 0
  }
}

@keyframes dotsY {
  66% {
    opacity: .1;
    width: 2.4em
  }

  77% {
    opacity: 1;
    width: 0
  }
}

@keyframes dotsX {
  66% {
    opacity: .1;
    height: 2.4em
  }

  77% {
    opacity: 1;
    height: 0
  }
}

@keyframes drop {
  0% {
    transform: translateY(0)
  }

  75% {
    transform: translateY(90vh)
  }

  to {
    transform: translateY(90vh)
  }
}

@keyframes stem {
  0% {
    opacity: 1
  }

  65% {
    opacity: 1
  }

  75% {
    opacity: 0
  }

  to {
    opacity: 0
  }
}

@keyframes slide-left {
  0% {
    transform: translate(0)
  }

  to {
    transform: translate(-30px)
  }
}

@keyframes rotate-90-br-cw {
  0% {
    transform-origin: 0 0;
    transform: skewY(0)
  }

  50% {
    transform-origin: 0 0;
    transform: skewY(1deg)
  }

  to {
    transform-origin: 0 0;
    transform: skewY(0)
  }
}

@keyframes rotate-center {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

@keyframes slide-top2 {
  0% {
    transform: translateY(0)
  }

  to {
    transform: translateY(-300px)
  }
}

@keyframes slide-top {
  0% {
    transform: translateY(0)
  }

  to {
    transform: translateY(-100px)
  }
}

@keyframes ripple-video {
  70% {
    box-shadow: 0 0 0 20px #0000001a
  }

  to {
    box-shadow: 0 0 #0000
  }
}

@keyframes scale-up-center {
  0% {
    transform: scale(.5)
  }

  to {
    transform: scale(1)
  }
}

@keyframes smooth-up-down {
  0% {
    transform: translateY(0)
  }

  to {
    transform: translateY(-20px)
  }
}

@keyframes smooth-up-down2 {
  0% {
    transform: translateY(0)
  }

  to {
    transform: translateY(-20px)
  }
}

@keyframes spinZ {
  0% {
    transform: rotate(360deg)
  }

  to {
    transform: rotate(0)
  }
}

@keyframes spin {
  to {
    transform: rotate(360deg)
  }
}

@keyframes slide-right {
  0% {
    transform: translate(-100%)scale(.2)
  }

  to {
    transform: translate(50%)scale(1)
  }
}

@keyframes slide-top-fast {
  0% {
    transform: translateY(0)
  }

  to {
    transform: translateY(-10px)
  }
}

@keyframes scroll-one {
  0% {
    transform: translate(0)
  }

  to {
    transform: translate(-100%)
  }
}

@keyframes scroll-two {
  0% {
    transform: translate(0)
  }

  to {
    transform: translate(100%)
  }
}

@keyframes error-ballonanimation {
  0% {
    transform: translateY(0)
  }

  to {
    transform: translateY(-15px)
  }
}

@keyframes header-scroll-animation {
  0% {
    margin-top: -120px
  }

  to {
    margin-top: 0
  }
}

@keyframes moveCloud {
  0% {
    transform: translate(-100%)
  }

  to {
    transform: translate(100vw)
  }
}

@keyframes text-fade-up {
  0% {
    opacity: 0;
    top: -.5rem
  }

  to {
    opacity: 1;
    top: 0
  }
}

@keyframes text-fade-away {
  0% {
    opacity: 1;
    top: 0
  }

  to {
    opacity: 0;
    top: 0
  }
}

.loading-area {
  top: calc(var(--spacing)*0);
  left: calc(var(--spacing)*0);
  z-index: var(--z-index-99999);
  width: 100%;
  height: 100%;
  position: fixed;
  overflow: hidden
}

.loading-area .loading-box {
  top: calc(var(--spacing)*0);
  left: calc(var(--spacing)*0);
  z-index: var(--z-index-9999);
  background-color: var(--color-white);
  opacity: 1;
  width: 100%;
  height: 100%;
  position: absolute
}

.loading-area .loading-pic {
  z-index: var(--z-index-9999);
  --tw-translate-x: calc(calc(1/2*100%)*-1);
  --tw-translate-y: calc(calc(1/2*100%)*-1);
  width: 100%;
  translate: var(--tw-translate-x)var(--tw-translate-y);
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%
}

.loader {
  inset: calc(var(--spacing)*0);
  margin: auto;
  animation: 2.4s linear infinite rotate5123;
  position: absolute;
  width: 87.5px !important;
  height: 87.5px !important
}

.loader .white {
  inset: calc(var(--spacing)*0);
  background-color: var(--color-white);
  animation: 2.4s linear infinite flash;
  opacity: 0 !important
}

.loader .dot {
  border-radius: 100%;
  width: 2.4em;
  height: 2.4em;
  margin: auto;
  transition: all 1s;
  position: absolute
}

.loader .dot:nth-child(2) {
  background: #f44;
  animation: 2.4s linear infinite dotsY;
  top: 0;
  bottom: 0;
  left: 0
}

.loader .dot:nth-child(3) {
  background: #fb3;
  animation: 2.4s linear infinite dotsX;
  top: 0;
  left: 0;
  right: 0
}

.loader .dot:nth-child(4) {
  background: #9c0;
  animation: 2.4s linear infinite dotsY;
  top: 0;
  bottom: 0;
  right: 0
}

.loader .dot:nth-child(5) {
  background: #33b5e5;
  animation: 2.4s linear infinite dotsX;
  bottom: 0;
  left: 0;
  right: 0
}

.cursor {
  pointer-events: none;
  z-index: 1000;
  border: 2px solid #443935;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  margin-left: -20px;
  transition: all .3s;
  position: fixed;
  transform: translate(-50%, -50%)
}

.cursor2 {
  pointer-events: none;
  z-index: 1000;
  background-color: #066168;
  border-radius: 50%;
  width: 4px;
  height: 4px;
  margin-top: -20px;
  margin-left: -20px;
  transition: all .1s;
  position: fixed;
  transform: translate(-50%, -50%)
}

.header-style-1.site-header {
  z-index: var(--z-index-999)
}

.header-style-1 {
  top: calc(var(--spacing)*8.75);
  right: calc(var(--spacing)*8.75);
  left: calc(var(--spacing)*8.75);
  z-index: var(--z-index-999);
  --tw-duration: .5s;
  transition-duration: .5s;
  position: absolute
}

.header-style-1.sticky-header.is-fixed {
  border-bottom-right-radius: var(--radius-3xl);
  border-bottom-left-radius: var(--radius-3xl);
  background-color: var(--color-secondary);
  animation: .95s forwards mainBar_on_scrollAnimatio
}

.header-style-1.is-fixed {
  top: calc(var(--spacing)*0);
  right: calc(var(--spacing)*8.75);
  left: calc(var(--spacing)*8.75);
  z-index: var(--z-index-999);
  position: fixed
}

@media (min-width:992px) {
  .navbar-expand-lg {
    flex-wrap: nowrap;
    justify-content: flex-start
  }
}

.header-style-1 .main-bar {
  min-height: calc(var(--spacing)*30);
  border-radius: var(--radius-2xl);
  width: 100%;
  padding-right: calc(var(--spacing)*13.75);
  padding-left: calc(var(--spacing)*8.75);
  --tw-duration: .5s;
  justify-content: space-between;
  align-items: center;
  transition-duration: .5s;
  display: flex
}

.main-bar {
  --tw-duration: .3s;
  width: 100%;
  transition-duration: .3s;
  transition: all .3s cubic-bezier(.39, .575, .565, 1) !important
}

.header-style-1 .navbar-toggler {
  margin-block: calc(var(--spacing)*6);
  margin-left: calc(var(--spacing)*1.25);
  border-style: var(--tw-border-style);
  padding-block: calc(var(--spacing)*3);
  padding-left: calc(var(--spacing)*2.5);
  border-width: 0
}

@media (min-width:992px) {
  .navbar-expand-lg .navbar-toggler {
    display: none
  }
}

.sr-only {
  border-style: var(--tw-border-style);
  width: 1px;
  height: 1px;
  padding: calc(var(--spacing)*0);
  clip: rect(0, 0, 0, 0);
  border-width: 0;
  margin: -1px;
  position: absolute;
  overflow: hidden
}

.header-style-1 .navbar-toggler .icon-bar {
  height: calc(var(--spacing)*.75);
  width: calc(var(--spacing)*5.5);
  background-color: #443935;
  display: block
}

.header-style-1 .navbar-toggler .icon-bar+.icon-bar {
  margin-top: calc(var(--spacing)*1);
  margin-top: calc(var(--spacing)*1)
}

.header-style-1 .logo-header {
  z-index: 11;
  float: left;
  padding: calc(var(--spacing)*0);
  vertical-align: middle;
  color: var(--color-black);
  font-size: 36px;
  display: table
}

.header-style-1 .logo-header .logo-header-inner {
  z-index: var(--z-index-1);
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
  position: relative
}

.header-style-1 .header-nav {
  z-index: 10;
  flex-grow: inherit;
  padding: calc(var(--spacing)*0);
  position: relative
}

@media (min-width:992px) {
  .navbar-expand-lg .navbar-collapse {
    flex-basis: auto;
    display: flex
  }
}

.header-style-1 .header-nav .nav {
  justify-content: flex-start;
  display: flex
}

@media (min-width:992px) {
  .navbar-expand-lg .navbar-nav {
    flex-direction: row
  }
}

.header-style-1 .header-nav .nav>li {
  position: relative;
  overflow: hidden
}

.header-style-1 .header-nav .nav>li>a {
  padding-inline: calc(var(--spacing)*5);
  padding-block: calc(var(--spacing)*7.5);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-white);
  display: block
}

.header-style-1 .has-child .submenu-toogle {
  top: calc(var(--spacing)*1);
  right: calc(var(--spacing)*1);
  z-index: var(--z-index-999);
  cursor: pointer;
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  color: var(--color-black);
  background-color: #0000;
  display: none;
  position: absolute
}

.header-style-1 .header-nav .nav>li .sub-menu {
  visibility: hidden;
  top: 100%;
  left: calc(var(--spacing)*0);
  z-index: 10;
  margin-top: calc(var(--spacing)*5);
  width: calc(var(--spacing)*55);
  background-color: var(--color-white);
  padding: calc(var(--spacing)*0);
  opacity: 0;
  display: block;
  position: absolute
}

.header-style-1 .header-nav .nav>li:hover {
  visibility: visible
}

.header-style-1 .header-nav .nav>li:hover>a {
  color: var(--color-secondary)
}

.header-style-1 .header-nav .nav>li:hover>.sub-menu {
  visibility: visible;
  margin-top: calc(var(--spacing)*0);
  border-radius: var(--radius-xxxl);
  opacity: 1;
  --tw-duration: .3s;
  transition-duration: .3s
}

.header-style-1 .header-nav.nav-animation .nav>li:hover>ul.sub-menu li:hover>a {
  padding-left: calc(var(--spacing)*6.25)
}

.header-style-1 .header-nav .nav>li .sub-menu li a {
  padding-inline: calc(var(--spacing)*5);
  padding-block: calc(var(--spacing)*3);
  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-secondary);
  display: block
}

.header-style-1 .header-nav.nav-animation .nav>li>ul.sub-menu li>a {
  z-index: var(--z-index-1);
  --tw-duration: .5s;
  transition-duration: .5s;
  position: relative
}

.header-style-1 .header-nav .nav>li .sub-menu li:hover>a {
  color: var(--color-secondary)
}

.header-style-1 .extra-nav {
  align-items: center;
  display: flex
}

.header-style-1 .extra-nav .extra-cell:first-child {
  padding-left: calc(var(--spacing)*0)
}

.header-style-1 .extra-nav .extra-cell .header-search .header-search-icon {
  padding: calc(var(--spacing)*5);
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  color: var(--color-white)
}

.header-style-1 .extra-nav .extra-cell .header-search .header-search-icon i {
  transition: all .5s
}

#search {
  visibility: hidden;
  width: calc(var(--spacing)*0);
  height: calc(var(--spacing)*0);
  --tw-translate-x: calc(calc(1/2*100%)*-1);
  --tw-translate-y: calc(calc(1/2*100%)*-1);
  translate: var(--tw-translate-x)var(--tw-translate-y);
  background-color: var(--color-lightturquoise);
  opacity: 0;
  position: fixed;
  top: 50%;
  left: 50%
}

#search.open {
  visibility: visible;
  z-index: var(--z-index-999);
  --tw-translate-x: calc(calc(1/2*100%)*-1);
  --tw-translate-y: calc(calc(1/2*100%)*-1);
  width: 100%;
  height: 100%;
  translate: var(--tw-translate-x)var(--tw-translate-y);
  opacity: 1;
  display: block
}

#search .close-btn {
  top: calc(var(--spacing)*7.5);
  right: calc(var(--spacing)*7.5);
  z-index: var(--z-index-1);
  width: calc(var(--spacing)*10);
  height: calc(var(--spacing)*10);
  cursor: pointer;
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  color: var(--color-emeraldblue);
  opacity: 1;
  --tw-duration: .5s;
  justify-content: center;
  align-items: center;
  transition-duration: .5s;
  display: flex;
  position: fixed
}

#search form {
  width: calc(100% - 80px);
  max-width: calc(var(--spacing)*150);
  --tw-translate-x: calc(calc(1/2*100%)*-1);
  --tw-translate-y: calc(calc(1/2*100%)*-1);
  translate: var(--tw-translate-x)var(--tw-translate-y);
  border-radius: var(--radius-25xl);
  background-color: var(--color-paleaqua);
  padding: calc(var(--spacing)*1.5);
  text-align: left;
  font-size: var(--text-3xl);
  line-height: var(--tw-leading, var(--text-3xl--line-height));
  --tw-font-weight: var(--font-weight-light);
  font-weight: var(--font-weight-light);
  color: var(--color-secondary);
  opacity: 0;
  --tw-duration: .5s;
  --tw-outline-style: none;
  outline-style: none;
  transition-duration: .5s;
  position: absolute;
  top: 50%;
  left: 50%
}

#search.open form {
  opacity: 1
}

#search form .input-group {
  border-radius: var(--radius-25xl);
  background-color: var(--color-white);
  overflow: hidden
}

.input-group {
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
  display: flex;
  position: relative
}

#search input[type=search] {
  height: calc(var(--spacing)*17.5);
  background-color: var(--color-white);
  padding-right: calc(var(--spacing)*3);
  padding-left: calc(var(--spacing)*7.5);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  color: var(--color-secondary);
  --tw-outline-style: none;
  outline-style: none
}

.input-group>.form-control,
.input-group>.form-floating,
.input-group>.form-select {
  width: 1%;
  min-width: calc(var(--spacing)*0);
  flex: 1;
  position: relative
}

.form-control {
  height: calc(var(--spacing)*12.5);
  padding-inline: calc(var(--spacing)*3);
  padding-block: calc(var(--spacing)*2.5);
  font-size: var(--text-2xs);
  appearance: none;
  width: 100%;
  padding-inline: calc(var(--spacing)*3);
  padding-block: calc(var(--spacing)*1.5);
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  --tw-leading: 1.5;
  --tw-font-weight: var(--font-weight-normal);
  line-height: 1.5;
  font-weight: var(--font-weight-normal);
  display: block
}

#search .input-group-append {
  display: flex
}

#search .search-btn {
  width: calc(var(--spacing)*17.5);
  height: calc(var(--spacing)*17.5);
  border-style: var(--tw-border-style);
  background-color: var(--color-secondary);
  padding-inline: calc(var(--spacing)*2.5);
  --tw-duration: .5s;
  --tw-outline-style: none;
  border-width: 0;
  border-radius: 3.40282e38px;
  outline-style: none;
  flex: 1;
  transition-duration: .5s
}

#search .search-btn i {
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  color: var(--color-white)
}

@supports (color:color-mix(in lab, red, red)) {
  .play-now-video .icon {
    background-color: color-mix(in oklab, var(--color-white)30%, transparent)
  }
}

@media (min-width:1400px) {

  .testimonial-thum-sld .swiper-slide.swiper-slide-visible.swiper-slide-fully-visible.swiper-slide-active.swiper-slide-thumb-active img,
  .testimonial-thum-sld .swiper-slide.swiper-slide-visible.swiper-slide-fully-visible.swiper-slide-active img {
    margin-left: 30%
  }
}

@media (max-width:991px) {
  .testimonial-content-sld .testimonial-content-sld-control {
    height: auto;
    position: static
  }

  .testimonial-content-sld .testimonial-content-sld-control,
  .swiper-button-next .testimonial-content-sld-control .testimonial-content-sld .swiper-button-prev {
    margin-top: calc(var(--spacing)*0)
  }

  .testimonial-content-sld .swiper-button-prev {
    left: calc(var(--spacing)*0);
    top: 50% !important
  }

  .testimonial-content-sld .swiper-button-next {
    right: calc(var(--spacing)*0);
    top: 50% !important
  }
}

.custom-select {
  position: relative
}

.custom-select .select-selected {
  cursor: pointer;
  width: 100%;
  padding-block: calc(var(--spacing)*1.5);
  text-align: left;
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  color: #545454;
  --tw-duration: .3s;
  transition-duration: .3s
}

.select-selected span {
  display: none
}

.select-selected:after {
  content: "";
  width: 8px;
  height: 8px;
  font-family: feather;
  transition: all .3s;
  position: absolute;
  left: 97px;
  right: 0
}

.select-items {
  z-index: 99;
  opacity: 1;
  visibility: visible;
  scrollbar-width: thin;
  background-color: #fff;
  border-radius: .375rem;
  width: 100%;
  min-width: 200px;
  max-height: 320px;
  margin-top: 4px;
  padding: 10px 0;
  transition: all .3s;
  display: block;
  position: absolute;
  right: 0;
  overflow-y: auto;
  transform: translateY(0);
  box-shadow: 0 48px 100px #110c2e26
}

.custom-select.right .select-items {
  left: 0;
  right: auto
}

.select-item {
  cursor: pointer;
  padding: 4px 20px;
  font-size: 15px
}

.select-item:hover,
.select-item.active {
  background-color: var(--color-light);
  color: var(--color-primary)
}

.select-items.select-hide {
  opacity: 0;
  visibility: hidden;
  transform: translateY(15px)
}

.custom-select.style-1 .select-selected {
  font-family: var(--font-title);
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-primary)
}

.custom-select.style-1 .select-selected:after {
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
  color: var(--color-input);
  left: auto
}

.custom-select.full-select .select-selected:after {
  top: calc(var(--spacing)*-2);
  right: calc(var(--spacing)*2.5);
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  --tw-font-weight: var(--font-weight-light);
  font-weight: var(--font-weight-light);
  left: auto
}

.box-filter .select-items {
  top: calc(var(--spacing)*-47.25) !important
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
  border-color: var(--color-primary);
  background-color: var(--color-primary);
  color: var(--color-white)
}

.noUi-target {
  height: calc(var(--spacing)*2);
  border-style: var(--tw-border-style);
  background-color: var(--color-primary);
  --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);
  border-width: 0
}

.noUi-handle {
  border-style: var(--tw-border-style);
  background-color: var(--color-citrusyellow);
  --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);
  border-width: 0;
  top: calc(var(--spacing)*-1) !important;
  right: calc(var(--spacing)*-3) !important;
  width: calc(var(--spacing)*3.75) !important;
  height: calc(var(--spacing)*3.75) !important;
  border-radius: 3.40282e38px !important
}

.noUi-handle:after,
.noUi-handle:before {
  display: none
}

.noUi-connect {
  background-color: var(--color-citrusyellow)
}

.trv-banner-1-rain-effect .drop {
  pointer-events: none;
  height: calc(var(--spacing)*30);
  width: calc(var(--spacing)*3.75);
  animation: 2s linear infinite drop;
  position: absolute;
  bottom: 100%
}

.trv-banner-1-rain-effect .stem {
  margin-left: calc(var(--spacing)*1.75);
  height: 60%;
  width: calc(var(--spacing)*1.5);
  border-bottom-right-radius: var(--radius-xl);
  border-bottom-left-radius: var(--radius-xl);
  background-image: linear-gradient(#fff0, #ffffff40);
  animation: .5s linear infinite stem
}

.trv-banner-1-rain-effect .rain.back-row {
  bottom: calc(var(--spacing)*15);
  z-index: var(--z-index-1);
  opacity: .5;
  display: none
}

.trv-icon-bx-st1 .trv-icon-bx-media img {
  filter: brightness(0)saturate()invert(12%)sepia(96%)saturate(4615%)hue-rotate(176deg)brightness(92%)contrast(95%)
}

.video-section {
  z-index: var(--z-index-1);
  position: relative
}

.video-section a {
  width: calc(var(--spacing)*34.5);
  height: calc(var(--spacing)*34.5);
  --tw-translate-x: calc(calc(1/2*100%)*-1);
  --tw-translate-y: calc(calc(1/2*100%)*-1);
  translate: var(--tw-translate-x)var(--tw-translate-y);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-white);
  border-radius: 3.40282e38px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%
}

.play-now-video .icon {
  z-index: var(--z-index-1);
  width: calc(var(--spacing)*16.25);
  height: calc(var(--spacing)*16.25);
  transform-origin: 50%;
  --tw-translate-x: calc(calc(1/2*100%)*-1);
  --tw-translate-y: calc(calc(1/2*100%)*-1);
  translate: var(--tw-translate-x)var(--tw-translate-y);
  background-color: #ffffff4d;
  border-radius: 3.40282e38px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%
}

@supports (color:color-mix(in lab, red, red)) {
  .play-now-video .icon {
    background-color: color-mix(in oklab, var(--color-white)30%, transparent)
  }
}

.play-now-video .icon {
  padding-left: calc(var(--spacing)*1.25);
  text-align: center;
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-leading: calc(var(--spacing)*16.25);
  line-height: calc(var(--spacing)*16.25);
  color: var(--color-white);
  --tw-shadow: 0 5px 10px 0 var(--tw-shadow-color, #ffffff80);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  --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, )
}

.play-now-video .ripple {
  z-index: var(--z-index-1);
  width: calc(var(--spacing)*16.25);
  height: calc(var(--spacing)*16.25);
  transform-origin: 50%;
  --tw-translate-x: calc(calc(1/2*100%)*-1);
  --tw-translate-y: calc(calc(1/2*100%)*-1);
  translate: var(--tw-translate-x)var(--tw-translate-y);
  animation: var(--animate-ripple-video);
  --tw-shadow: 0 0 0 0 var(--tw-shadow-color, #fff);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  border-radius: 3.40282e38px;
  position: absolute;
  top: 50%;
  left: 50%
}

.play-now-video .ripple:before {
  z-index: var(--z-index-1);
  width: calc(var(--spacing)*16.25);
  height: calc(var(--spacing)*16.25);
  transform-origin: 50%;
  --tw-translate-x: calc(calc(1/2*100%)*-1);
  --tw-translate-y: calc(calc(1/2*100%)*-1);
  translate: var(--tw-translate-x)var(--tw-translate-y);
  animation: var(--animate-ripple-video);
  --tw-shadow: 0 0 0 0 var(--tw-shadow-color, #fff);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  --tw-content: "";
  content: var(--tw-content);
  border-radius: 3.40282e38px;
  animation-delay: .9s;
  position: absolute;
  top: 50%;
  left: 50%
}

.play-now-video .ripple:after {
  z-index: var(--z-index-1);
  width: calc(var(--spacing)*16.25);
  height: calc(var(--spacing)*16.25);
  transform-origin: 50%;
  --tw-translate-x: calc(calc(1/2*100%)*-1);
  --tw-translate-y: calc(calc(1/2*100%)*-1);
  translate: var(--tw-translate-x)var(--tw-translate-y);
  animation: var(--animate-ripple-video);
  --tw-shadow: 0 0 0 0 var(--tw-shadow-color, #fff);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  --tw-content: "";
  content: var(--tw-content);
  border-radius: 3.40282e38px;
  animation-delay: .6s;
  position: absolute;
  top: 50%;
  left: 50%
}

.img-bg-shade {
  top: calc(var(--spacing)*50);
  left: calc(var(--spacing)*12.5);
  z-index: calc(var(--z-index-1)*-1);
  width: calc(var(--spacing)*100);
  height: calc(var(--spacing)*100);
  animation: var(--animate-scale-up-center);
  background-color: var(--color-caribbeanblue);
  filter: blur(100px);
  position: absolute
}

.emblem span {
  inset: calc(var(--spacing)*0);
  padding: calc(var(--spacing)*1.5);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  text-transform: uppercase;
  transition: all .5s cubic-bezier(0, 0, 0, 1);
  display: inline-block;
  position: absolute
}

.blog-youtube-vide iframe {
  height: calc(var(--spacing)*107.5);
  width: 100%;
  display: block
}

.animate-title {
  animation: 1s forwards text-fade-up
}

.animate-away {
  animation: .3s forwards text-fade-away
}

.tab-content.active {
  --tw-duration: .5s;
  transition-duration: .5s;
  display: block
}

.accordion-content {
  max-height: calc(var(--spacing)*0);
  --tw-duration: .5s;
  transition-duration: .5s;
  overflow: hidden
}

.accordion-box .myAccordion .accordion-button {
  text-align: start;
  font-family: var(--font-display);
  color: var(--color-white) !important
}

.accordion-box .myAccordion .accordion-content {
  max-height: calc(var(--spacing)*0);
  --tw-duration: .5s;
  transition-duration: .5s;
  overflow: hidden
}

.accordion-header.open span i:before {
  --tw-duration: .5s;
  --tw-content: "";
  content: var(--tw-content);
  transition-duration: .5s
}

.accordion-header.open span {
  color: var(--color-citrusyellow)
}

.site-button {
  cursor: pointer;
  border-style: var(--tw-border-style);
  background-color: var(--color-secondary);
  padding-inline: calc(var(--spacing)*7.5);
  padding-block: calc(var(--spacing)*3.75);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  white-space: nowrap;
  color: var(--color-black);
  --tw-duration: .5s;
  --tw-outline-style: none;
  border-width: 0;
  border-radius: 3.40282e38px;
  outline-style: none;
  transition-duration: .5s;
  display: inline-flex;
  position: relative;
  overflow: hidden
}

.site-button.butn-bg-shape:after {
  top: calc(var(--spacing)*-12.5);
  height: calc(var(--spacing)*40);
  width: calc(var(--spacing)*10);
  background-color: var(--color-white);
  opacity: 0;
  --tw-content: "";
  content: var(--tw-content);
  transition: all 3s cubic-bezier(.19, 1, .22, 1);
  position: absolute;
  left: -100%;
  rotate: 35deg
}

.site-button.butn-bg-shape:hover:after {
  opacity: .6;
  left: 200%
}

.site-button.outline {
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-secondary);
  padding-inline: calc(var(--spacing)*6.25);
  padding-block: calc(var(--spacing)*2);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  color: var(--color-primary);
  background-color: #0000;
  border-radius: 3.40282e38px
}

.site-button.outline:after {
  top: calc(var(--spacing)*-12.5);
  height: calc(var(--spacing)*40);
  width: calc(var(--spacing)*10);
  background-color: var(--color-secondary);
  opacity: 0;
  --tw-duration: .9s;
  --tw-content: "";
  content: var(--tw-content);
  transition-duration: .9s;
  position: absolute;
  left: -100%;
  rotate: 35deg
}

.site-button.outline:hover {
  border-color: var(--color-white);
  color: var(--color-citrusyellow)
}

.site-button.outline:hover:after {
  opacity: .6;
  left: 200%
}

.site-button:hover,
.site-button:active {
  --tw-translate-y: calc(var(--spacing)*-.75);
  translate: var(--tw-translate-x)var(--tw-translate-y);
  color: var(--color-white);
  --tw-shadow: 0 10px 20px 0 var(--tw-shadow-color, #0000004d);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
}

button.scroltop {
  right: calc(var(--spacing)*3.75);
  bottom: calc(var(--spacing)*3.75);
  z-index: var(--z-index-999);
  margin: calc(var(--spacing)*0);
  width: calc(var(--spacing)*10);
  height: calc(var(--spacing)*10);
  cursor: pointer;
  --tw-border-style: none;
  padding: calc(var(--spacing)*0);
  text-align: center;
  text-transform: uppercase;
  background-color: #1d1b18;
  border-style: none;
  position: fixed;
  color: var(--color-white) !important
}

button.scroltop span {
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  display: block
}

.site-button.btn-white {
  background-color: var(--color-white);
  color: var(--color-primary)
}

.site-button.btn-white.butn-bg-shape:after {
  top: calc(var(--spacing)*-12.5);
  height: calc(var(--spacing)*40);
  width: calc(var(--spacing)*10);
  background-color: var(--color-secondary);
  opacity: 0;
  --tw-content: "";
  content: var(--tw-content);
  transition: all 3s cubic-bezier(.19, 1, .22, 1);
  position: absolute;
  rotate: 35deg
}

.site-button.btn-white.butn-bg-shape:hover:after {
  opacity: .6
}

.swiper-button-next,
.swiper-button-prev {
  margin-inline: calc(var(--spacing)*2.5);
  margin-top: calc(var(--spacing)*0);
  margin-bottom: calc(var(--spacing)*3.5);
  width: calc(var(--spacing)*14);
  height: calc(var(--spacing)*14);
  background-color: var(--color-citrusyellow);
  color: var(--color-white);
  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: .5s;
  --tw-ease: var(--ease-in-out);
  transition-duration: .5s;
  transition-timing-function: var(--ease-in-out);
  border-radius: 3.40282e38px
}

.swiper-button-prev {
  left: calc(var(--spacing)*0)
}

.swiper-button-next {
  right: calc(var(--spacing)*0)
}

.reviewtwo-slider .swiper-button-prev {
  left: calc(50% - 70px)
}

.reviewtwo-slider .swiper-button-next {
  right: calc(50% - 70px)
}

.reviewtwo-slider .swiper-button-next,
.reviewtwo-slider .swiper-button-prev {
  top: auto;
  bottom: calc(var(--spacing)*0)
}

.reviewtwo-slider .swiper-button-next:after,
.reviewtwo-slider .swiper-button-prev:after {
  padding-inline: calc(var(--spacing)*3);
  padding-block: calc(var(--spacing)*2.5);
  font-size: var(--text-base) !important;
  line-height: var(--tw-leading, var(--text-base--line-height)) !important
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  background-color: var(--color-white);
  color: var(--color-citrusyellow);
  --tw-shadow: 0px 5px 10px var(--tw-shadow-color, #0003);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
}

.trv-tours-st1 .swiper-button-prev {
  left: calc(50% - 70px)
}

.trv-tours-st1 .swiper-button-next {
  right: calc(50% - 70px)
}

.trv-tours-st1 .swiper-button-next,
.trv-tours-st1 .swiper-button-prev {
  top: auto;
  bottom: calc(var(--spacing)*0)
}

.trv-tours-st1 .swiper-button-next:after,
.trv-tours-st1 .swiper-button-prev:after {
  padding-inline: calc(var(--spacing)*3);
  padding-block: calc(var(--spacing)*2.5);
  font-size: var(--text-base) !important;
  line-height: var(--tw-leading, var(--text-base--line-height)) !important
}

.trv-tours-st1 .swiper-button-next:hover,
.trv-tours-st1 .swiper-button-prev:hover {
  background-color: var(--color-white);
  color: var(--color-citrusyellow);
  --tw-shadow: 0px 5px 10px var(--tw-shadow-color, #0003);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
}

.testimonial-content-sld .testimonial-content-sld-control {
  right: calc(var(--spacing)*90);
  bottom: calc(var(--spacing)*6.25);
  height: calc(var(--spacing)*15);
  width: calc(var(--spacing)*35);
  position: absolute
}

.testimonial-content-sld .swiper-button-prev {
  left: calc(50% - 70px)
}

.testimonial-content-sld .swiper-button-next {
  right: calc(50% - 70px)
}

.testimonial-content-sld .swiper-button-next,
.testimonial-content-sld .swiper-button-prev {
  top: auto;
  bottom: calc(var(--spacing)*0)
}

.testimonial-content-sld .swiper-button-next:after,
.testimonial-content-sld .swiper-button-prev:after {
  padding-inline: calc(var(--spacing)*3);
  padding-block: calc(var(--spacing)*2.5);
  font-size: var(--text-base) !important;
  line-height: var(--tw-leading, var(--text-base--line-height)) !important
}

.testimonial-content-sld .swiper-button-next:hover,
.testimonial-content-sld .swiper-button-prev:hover {
  background-color: var(--color-white);
  color: var(--color-citrusyellow);
  --tw-shadow: 0px 5px 10px var(--tw-shadow-color, #0003);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
}

@media (min-width:1400px) {

  .testimonial-thum-sld .swiper-slide.swiper-slide-visible.swiper-slide-fully-visible.swiper-slide-active.swiper-slide-thumb-active img,
  .testimonial-thum-sld .swiper-slide.swiper-slide-visible.swiper-slide-fully-visible.swiper-slide-active img {
    margin-left: 30%
  }
}

@media (max-width:991px) {
  .testimonial-content-sld .testimonial-content-sld-control {
    height: auto;
    position: static
  }

  .testimonial-content-sld .testimonial-content-sld-control,
  .swiper-button-next .testimonial-content-sld-control .testimonial-content-sld .swiper-button-prev {
    margin-top: calc(var(--spacing)*0)
  }

  .testimonial-content-sld .swiper-button-prev {
    left: calc(var(--spacing)*0);
    top: 50% !important
  }

  .testimonial-content-sld .swiper-button-next {
    right: calc(var(--spacing)*0);
    top: 50% !important
  }
}

.trv-lat-blog-st2 .swiper-button-prev {
  left: calc(50% - 70px)
}

.trv-lat-blog-st2 .swiper-button-next {
  right: calc(50% - 70px)
}

.trv-lat-blog-st2 .swiper-button-next,
.trv-lat-blog-st2 .swiper-button-prev {
  top: auto;
  bottom: calc(var(--spacing)*0)
}

.trv-lat-blog-st2 .swiper-button-next:after,
.trv-lat-blog-st2 .swiper-button-prev:after {
  padding-inline: calc(var(--spacing)*3);
  padding-block: calc(var(--spacing)*2.5);
  font-size: var(--text-base) !important;
  line-height: var(--tw-leading, var(--text-base--line-height)) !important
}

.trv-lat-blog-st2 .swiper-button-next:hover,
.trv-lat-blog-st2 .swiper-button-prev:hover {
  background-color: var(--color-white);
  color: var(--color-citrusyellow);
  --tw-shadow: 0px 5px 10px var(--tw-shadow-color, #0003);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
}

.swiper-pagination-bullet {
  margin-inline: calc(var(--spacing)*1);
  margin-block: calc(var(--spacing)*1.5);
  width: calc(var(--spacing)*3.5);
  height: calc(var(--spacing)*3.5);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-primary);
  background-color: var(--color-white);
  opacity: 1;
  --tw-duration: .5s;
  border-radius: 3.40282e38px;
  transition-duration: .5s
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  position: relative;
  scale: .33
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  scale: .33
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-citrusyellow);
  background-color: var(--color-citrusyellow)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  scale: .66
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  scale: 1
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  scale: .66
}

.swiper-pagination {
  margin-top: calc(var(--spacing)*7.5);
  position: relative
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden
}

.trv-tr-cat-swiper .swiper-slide.swiper-slide-active {
  rotate: none;
  scale: 1
}

.trv-tour-guide .swiper-button-prev {
  left: calc(50% - 70px)
}

.trv-tour-guide .swiper-button-next {
  right: calc(50% - 70px)
}

.trv-tour-guide .swiper-button-next,
.trv-tour-guide .swiper-button-prev {
  top: auto;
  bottom: calc(var(--spacing)*0)
}

.trv-tour-guide .swiper-button-next:after,
.trv-tour-guide .swiper-button-prev:after {
  padding-inline: calc(var(--spacing)*3);
  padding-block: calc(var(--spacing)*2.5);
  font-size: var(--text-base) !important;
  line-height: var(--tw-leading, var(--text-base--line-height)) !important
}

.trv-tour-guide .swiper-button-next:hover,
.trv-tour-guide .swiper-button-prev:hover {
  background-color: var(--color-white);
  color: var(--color-citrusyellow);
  --tw-shadow: 0px 5px 10px var(--tw-shadow-color, #0003);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
}

.non-swiper-slide {
  display: none
}

.trv-mf-tour-swiper .swiper-button-next,
.trv-mf-tour-swiper .swiper-button-prev {
  top: 44%
}

:root {
  --primary: #066168;
  --secondary: #85d200;
  --primary-rgb: 13, 110, 253;
  --primarylight: #ccf2f9;
  --body-color: #346065;
  --body-bgcolor: #efffff;
  --heading-color: #066168;
  --light: #dbeeee
}

.xmenu-search.show {
  top: 0
}

.header-nav li.open i.fa-chevron-right:before {
  content: ""
}

.header-nav.show {
  left: 0
}

.header-nav.right.show {
  left: auto;
  right: 0
}

.sub-menu-down.open>a:after {
  content: ""
}

.menu-overlay .hamburger-links li.has-submenu .submenu {
  border-left: 1px solid #ffffff26;
  max-height: 0;
  padding: 0 0 0 20px;
  overflow: hidden
}

.menu-overlay .hamburger-links li.has-submenu.open>.submenu {
  max-height: 500px;
  padding: 5px 0 5px 20px
}

.menu-overlay .hamburger-links li.has-submenu.open>a:after {
  content: "−"
}

.menu-overlay.open {
  right: calc(var(--spacing)*3.75)
}

@media (min-width:992px) {
  .menu-overlay.open {
    right: calc(var(--spacing)*7.5)
  }
}

.xmenu-toggler.open span:first-child {
  top: 23px;
  transform: rotate(135deg)
}

.xmenu-toggler.open span:nth-child(2) {
  opacity: 0;
  left: -60px
}

.xmenu-toggler.open span:nth-child(3) {
  width: 23px;
  top: 23px;
  transform: rotate(-135deg)
}

.xmenu-toggler.open~.menu-close.fade-overlay {
  opacity: .5;
  visibility: visible;
  pointer-events: auto
}

@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-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-tracking {
  syntax: "*";
  inherits: false
}

@property --tw-ordinal {
  syntax: "*";
  inherits: false
}

@property --tw-slashed-zero {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-figure {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-fraction {
  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-text-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-text-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%
}

@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: ""
}

@keyframes pulse {
  50% {
    opacity: .5
  }
}

:root {
  --brand: #162029;
  --accent: #c1121f;
  --bg: #f6f4ef;
  --card: #ffffff;
  --text: #111827;
  --muted: #5b6472;
  --line: rgba(17, 24, 39, 0.08);
  --shadow-sm: 0 8px 18px rgba(15, 23, 42, 0.08);
  --shadow-md: 0 16px 34px rgba(15, 23, 42, 0.12);
  --shadow-lg: 0 28px 60px rgba(15, 23, 42, 0.18);
  --radius: 20px;
  --radius-sm: 14px;
  --max: 1200px;
}

* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
}

body {
  font-family: "Sora", "Manrope", Arial, sans-serif;
  color: var(--text);
  background: radial-gradient(1200px 600px at 10% -10%, rgba(193, 18, 31, 0.08), transparent 60%),
    radial-gradient(900px 500px at 90% 10%, rgba(23, 32, 41, 0.08), transparent 60%),
    var(--bg);
  min-height: 100vh;
  position: relative;
}

/* Mandala watermarks removed */


header,
main,
footer {
  position: relative;
  z-index: 1;
}

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

img {
  max-width: 100%;
  display: block;
}

.logo-img {
  width: 250px;
  height: auto;
}

.container {
  max-width: var(--max);
  margin: 0 auto;
  padding: 0 20px;
}

.section {
  padding: 70px 0;
}

.section-title h2 {
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(1.8rem, 3vw, 2.4rem);
  margin: 0 0 6px;
  letter-spacing: 0.5px;
}

.section-title p {
  color: var(--muted);
}

.about-section__inner {
  background: #fff;
  border-radius: calc(var(--radius) * 1.4);
  border: 1px solid rgba(17, 24, 39, 0.08);
  padding: clamp(32px, 4vw, 60px);
  box-shadow: var(--shadow-md);
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.about-section__inner::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: radial-gradient(circle at top right, rgba(193, 18, 31, 0.12), transparent 55%);
  pointer-events: none;
}

.about-section__heading {
  max-width: 720px;
}

.about-section__heading h2 {
  font-size: clamp(2.5rem, 4vw, 3.5rem);
  line-height: 1.1;
  margin: 0;
  color: var(--brand);
}

.about-section__label {
  display: inline-block;
  color: #f7a41f;
}

.about-section__eyebrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: rgba(241, 164, 46, 0.15);
  color: #f59e1b;
  font-weight: 700;
  margin-bottom: 8px;
}

.about-section__lead {
  color: var(--muted);
  font-size: 1.1rem;
  margin-top: 16px;
}

.about-section__body {
  margin-top: clamp(30px, 3vw, 42px);
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 24px;
  align-items: start;
}

.about-section__text {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.about-section__short {
  font-size: 1.15rem;
  font-weight: 600;
  color: var(--brand);
  margin: 0;
}

.about-pill-group {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.about-pill {
  background: rgba(17, 24, 39, 0.05);
  border-radius: 999px;
  padding: 6px 14px;
  font-size: 0.875rem;
  color: var(--muted);
}

.about-section__facts {
  background: rgba(242, 244, 247, 0.9);
  border-radius: var(--radius);
  padding: 24px;
}

.about-section__facts h3 {
  margin: 0 0 12px;
  font-size: 1.25rem;
  color: var(--brand);
}

.about-section__facts ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.about-section__facts li {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.95rem;
  color: var(--muted);
}

.about-dot {
  width: 8px;
  height: 8px;
  background: var(--accent);
  border-radius: 50%;
  flex-shrink: 0;
}

.about-actions {
  margin-top: 18px;
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
}

.badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 14px;
  border-radius: 999px;
  font-size: 0.75rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--accent);
  background: rgba(193, 18, 31, 0.12);
  border: 1px solid rgba(193, 18, 31, 0.3);
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 20px;
  border-radius: 999px;
  border: 1px solid transparent;
  font-weight: 700;
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease, border-color 0.2s ease;
}

.btn-primary {
  background: linear-gradient(135deg, #c1121f, #e11d2e);
  color: #fff;
  box-shadow: 0 12px 24px rgba(193, 18, 31, 0.3);
}

.btn-accent {
  background: linear-gradient(135deg, #c1121f, #e11d2e);
  color: #fff;
  box-shadow: 0 12px 24px rgba(193, 18, 31, 0.3);
}

.btn-accent:hover {
  box-shadow: 0 16px 30px rgba(193, 18, 31, 0.35);
}

.cta-banner {
  background:
    linear-gradient(135deg, rgba(165, 14, 24, 0.92), rgba(193, 18, 31, 0.92), rgba(225, 29, 46, 0.92)),
    url("/assets/img/shapes/Rectangle-2.webp") center/cover no-repeat;
  color: #fff;
  border-radius: 22px;
  padding: 28px 30px;
  box-shadow: var(--shadow-lg);
  border: 1px solid rgba(255, 255, 255, 0.2);
  position: relative;
}

.cta-banner h2,
.cta-banner p {
  color: #fff;
}

.cta-banner .btn-outline {
  border-color: rgba(255, 255, 255, 0.7);
  color: #fff;
  background: rgba(255, 255, 255, 0.15);
}

.cta-banner::after {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  border: 1px solid rgba(255, 255, 255, 0.18);
  pointer-events: none;
}

.btn-outline {
  border-color: rgba(255, 255, 255, 0.6);
  color: #fff;
  background: rgba(255, 255, 255, 0.12);
}

.btn-outline-dark {
  border-color: rgba(17, 24, 39, 0.25);
  color: var(--brand);
  background: transparent;
}

.btn-outline-dark:hover {
  background: rgba(17, 24, 39, 0.08);
  color: var(--brand);
}

.btn-icon {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.45);
  background: rgba(255, 255, 255, 0.12);
  color: #fff;
}

.btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 22px rgba(15, 23, 42, 0.18);
}

/* Header */
.navbar {
  position: sticky;
  top: 0;
  z-index: 50;
  background: #172029;
  backdrop-filter: blur(14px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.navbar .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 16px;
}

.brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #fff;
  font-weight: 700;
}

.brand-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: var(--accent);
  box-shadow: 0 0 0 6px rgba(193, 18, 31, 0.18);
}

.brand-text {
  font-size: 0.95rem;
}

.nav-pill {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(9, 14, 20, 0.45);
  border: 1px solid rgba(255, 255, 255, 0.12);
}

.nav-pill a {
  color: #e6edf5;
  font-weight: 600;
  padding: 8px 12px;
  border-radius: 999px;
}

.nav-pill a:hover {
  background: rgba(255, 255, 255, 0.12);
}

.nav-links a {
  color: #e6edf5;
  font-weight: 600;
  padding: 8px 12px;
  border-radius: 999px;
}

.nav-links a:hover {
  background: rgba(255, 255, 255, 0.12);
}

.nav-ctas {
  display: flex;
  align-items: center;
  gap: 10px;
}

.burger {
  display: none;
  flex-direction: column;
  gap: 6px;
  cursor: pointer;
}

.burger span {
  width: 26px;
  height: 2px;
  background: #fff;
}

/* Off-canvas */
.offcanvas {
  position: fixed;
  top: 0;
  right: 0;
  height: 100vh;
  width: 78%;
  max-width: 340px;
  background: #162029;
  color: #fff;
  transform: translateX(100%);
  transition: transform 0.3s ease;
  z-index: 80;
  padding: 24px;
}

.offcanvas.open {
  transform: translateX(0);
}

.offcanvas a {
  display: block;
  padding: 12px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.offcanvas .off-ctas {
  margin-top: 18px;
  display: grid;
  gap: 10px;
}

/* Hero */
.hero {
  padding: 0 0 70px;
}

.hero .container {
  max-width: 100%;
  padding: 0;
}

.hero-slider {
  position: relative;
  height: 520px;
}

.hero-spotlight {
  position: absolute;
  inset: 0;
  height: 520px;
  border-radius: 0;
  overflow: hidden;
  box-shadow: var(--shadow-lg);
  border: 1px solid rgba(15, 23, 42, 0.12);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.6s ease;
}

.hero-spotlight.is-active {
  opacity: 1;
  pointer-events: auto;
}

.hero-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(8, 12, 18, 0.72) 0%, rgba(10, 14, 20, 0.45) 45%, rgba(8, 12, 18, 0.7) 100%);
}

.hero-content {
  position: relative;
  z-index: 2;
  max-width: 900px;
  padding: 0 24px;
  color: #fff;
}

.hero-center {
  height: 100%;
  display: grid;
  align-content: center;
  justify-items: center;
  text-align: center;
  margin: 0 auto;
}

.hero-title {
  font-size: clamp(2.1rem, 4vw, 3.6rem);
  color: #fff;
  margin: 0 0 14px;
  font-family: "Cormorant Garamond", serif;
}

.hero-sub {
  color: rgba(255, 255, 255, 0.8);
  font-size: 1rem;
}

.hero-ctas {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 18px;
}

.hero-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}

.chip {
  padding: 6px 12px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.16);
  color: #fff;
  font-size: 0.85rem;
  border: 1px solid rgba(255, 255, 255, 0.25);
}

.hero-quick {
  margin-top: 18px;
  display: grid;
  gap: 10px;
  max-width: 420px;
}

.hero-quick input {
  width: 100%;
  padding: 10px 12px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
}

.hero-quick input::placeholder {
  color: rgba(255, 255, 255, 0.7);
}

.hero-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 22px;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.6);
  background: rgba(193, 18, 31, 0.85);
  color: #fff;
  cursor: pointer;
  z-index: 3;
}

.hero-arrow.next {
  left: auto;
  right: 22px;
}

.hero-dots {
  position: absolute;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 8px;
}

.hero-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.6);
  background: rgba(255, 255, 255, 0.3);
  cursor: pointer;
}

.hero-dot.is-active {
  background: #fff;
}

/* Cards */
.grid {
  display: grid;
  gap: 20px;
  align-items: start;
}

.grid-3 {
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.grid-4 {
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.card {
  background: var(--card);
  border-radius: var(--radius-sm);
  padding: 22px;
  border: 1px solid var(--line);
  box-shadow: var(--shadow-sm);
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.card:hover {
  transform: translateY(-6px);
  box-shadow: var(--shadow-lg);
  border-color: rgba(193, 18, 31, 0.35);
}

.card img {
  width: 100%;
  height: 170px;
  border-radius: 12px;
  object-fit: cover;
  margin-bottom: 12px;
}

/* Destination carousel */
.dest-carousel {
  position: relative;
  padding: 6px 70px;
}

.dest-track {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 420px;
  gap: 20px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  padding-bottom: 6px;
  scrollbar-width: none;
}

.dest-track>.card {
  scroll-snap-align: center;
  min-width: 260px;
  height: 420px;
  display: flex;
  flex-direction: column;
}

.dest-track::-webkit-scrollbar {
  height: 0;
}

.carousel-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 42px;
  height: 42px;
  border-radius: 50%;
  border: 1px solid rgba(17, 24, 39, 0.2);
  background: #fff;
  box-shadow: var(--shadow-sm);
  cursor: pointer;
  z-index: 2;
}

.carousel-arrow.prev {
  left: -6px;
}

.carousel-arrow.next {
  right: -6px;
}

@media (max-width: 900px) {
  .dest-carousel {
    padding: 6px 48px;
  }

  .dest-track {
    grid-auto-columns: 80vw;
  }

  .carousel-arrow.prev {
    left: 4px;
  }

  .carousel-arrow.next {
    right: 4px;
  }
}

/* Testimonials */
.testimonials {
  position: relative;
  overflow: hidden;
  padding: 8px 0;
}

.testimonials-track {
  display: flex;
  gap: 18px;
  will-change: transform;
}

.testimonials-track.auto-scroll {
  animation: testi-scroll 28s linear infinite;
}

.testimonials-track.auto-scroll.paused {
  animation-play-state: paused;
}

.testimonial-card {
  min-width: 340px;
  background: #fff;
  border-radius: 16px;
  padding: 22px;
  box-shadow: var(--shadow-sm);
  border: 1px solid rgba(23, 32, 41, 0.12);
}

@keyframes testi-scroll {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-50%);
  }
}

/* FAQ */
.faq-item {
  background: #fff;
  border-radius: 14px;
  border: 1px solid var(--line);
  padding: 16px 18px;
  box-shadow: var(--shadow-sm);
  cursor: pointer;
}

.faq-question {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 600;
}

.faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
  color: var(--muted);
  margin-top: 8px;
}

.faq-item.active .faq-answer {
  max-height: 200px;
}

/* Modal */
.modal {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.55);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 120;
  padding: 20px;
}

.modal.open {
  display: flex;
}

.modal-card {
  background: #fff;
  width: 100%;
  max-width: 620px;
  border-radius: 18px;
  padding: 22px;
  box-shadow: var(--shadow-lg);
  position: relative;
}

.modal-close {
  position: absolute;
  top: 12px;
  right: 12px;
  border: none;
  background: transparent;
  font-size: 1.4rem;
  cursor: pointer;
}

.form-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.modal-success .checkmark {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  margin: 0 auto 12px;
  background: rgba(16, 124, 65, 0.15);
  color: #107c41;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.8rem;
}

.stepper {
  display: flex;
  gap: 6px;
  margin-bottom: 12px;
}

.step {
  flex: 1;
  height: 6px;
  background: #e5e7eb;
  border-radius: 999px;
}

.step.active {
  background: var(--accent);
}

.field {
  display: grid;
  gap: 6px;
}

.field label {
  color: #111827 !important;
  font-weight: 600;
  font-size: 0.95rem;
}

input,
select,
textarea {
  width: 100%;
  padding: 10px 12px;
  border-radius: 10px;
  border: 1px solid #d1d5db;
  background: #f9fafb;
  /* Light background */
  color: #111827;
  /* Dark text */
  font-family: inherit;
  font-size: 0.95rem;
}

input:focus,
select:focus,
textarea:focus {
  outline: none;
  border-color: var(--accent);
  box-shadow: 0 0 0 3px rgba(193, 18, 31, 0.12);
}

.error {
  color: var(--accent);
  font-size: 0.85rem;
}

/* Mobile bottom bar */
.mobile-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #162029;
  color: #fff;
  padding: 8px 12px;
  display: none;
  z-index: 90;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.mobile-bar a {
  flex: 1;
  text-align: center;
  padding: 10px;
  border-radius: 999px;
  font-weight: 700;
}

.mobile-bar .call {
  background: rgba(255, 255, 255, 0.12);
}

.mobile-bar .whatsapp {
  background: rgba(16, 124, 65, 0.2);
}

.mobile-bar .quote {
  background: var(--accent);
}

/* Footer */
.footer {
  background: #172029;
  color: #e5e7eb;
  padding: 60px 0 90px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.footer-grid {
  display: grid;
  gap: 30px;
  grid-template-columns: 1.2fr 0.8fr 0.8fr;
  align-items: start;
}

.footer-brand h3 {
  margin: 12px 0 8px;
  color: #fff;
  font-family: "Cormorant Garamond", serif;
}

.footer-brand p {
  margin: 8px 0;
  color: rgba(229, 231, 235, 0.85);
}

.footer-logo {
  width: 160px;
  height: auto;
}

.footer-col h4 {
  margin: 6px 0 12px;
  font-size: 1rem;
  color: #fff;
}

.footer-links {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 10px;
}

.footer-links a {
  color: rgba(229, 231, 235, 0.85);
}

.footer-links a:hover {
  color: #fff;
}

.footer-meta {
  margin-top: 28px;
  padding: 16px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  color: rgba(229, 231, 235, 0.7);
  font-size: 0.9rem;
}

/* Admin */
body.admin {
  background: #f3f4f6;
  color: #1f2937;
}

.admin-shell {
  padding-bottom: 80px;
}

body.admin .logo-img {
  width: 140px;
}

/* KPI Grid - Responsive */
.kpi {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 16px;
}

@media (max-width: 600px) {
  .kpi {
    grid-template-columns: 1fr;
    /* Stack on mobile */
  }
}

.kpi-card {
  background: #fff;
  border: 1px solid rgba(229, 231, 235, 0.5);
  border-radius: 16px;
  padding: 20px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.kpi-card .card-meta {
  color: #6b7280;
  font-size: 0.875rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.kpi-card h3 {
  margin: 0;
  font-size: 1.8rem;
  font-weight: 700;
  color: #111827;
}

/* Lead Cards */
.lead-card {
  display: flex;
  flex-direction: column;
  gap: 12px;
  background: #fff;
  border: 1px solid rgba(229, 231, 235, 0.8);
  border-radius: 12px;
  padding: 16px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  transition: all 0.2s ease;
  position: relative;
  overflow: hidden;
  text-decoration: none;
}

.lead-card:hover {
  border-color: var(--accent);
  box-shadow: 0 4px 12px rgba(193, 18, 31, 0.15);
  transform: translateY(-2px);
}

.lead-card strong {
  font-size: 1.1rem;
  color: #111827;
}

.lead-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
  color: #6b7280;
  font-size: 0.9rem;
}

.lead-meta span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.badge-status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  padding: 4px 12px;
  font-weight: 600;
  font-size: 0.8rem;
  width: fit-content;
}

.badge-status.new {
  background: #fef2f2;
  color: #b91c1c;
  border: 1px solid #fecaca;
}

.badge-status.contacted {
  background: #f0f9ff;
  color: #0369a1;
  border: 1px solid #bae6fd;
}

.badge-status.converted {
  background: #f0fdf4;
  color: #15803d;
  border: 1px solid #bbf7d0;
}

.badge-status.closed {
  background: #f3f4f6;
  color: #4b5563;
  border: 1px solid #e5e7eb;
}

.admin-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.95rem;
}

.admin-table th,
.admin-table td {
  text-align: left;
  padding: 12px 16px;
  border-bottom: 1px solid rgba(229, 231, 235, 0.5);
}

.admin-table th {
  color: #374151;
  font-weight: 600;
  background: #f9fafb;
}

@media (max-width: 900px) {
  .admin-table {
    display: none;
  }

  .lead-card {
    padding: 16px;
  }
}

/* Filters Card */
.filters-card {
  position: sticky;
  top: 64px;
  z-index: 5;
  background: #fff;
  border-radius: 16px;
  border: 1px solid rgba(229, 231, 235, 0.8);
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
  padding: 24px;
}

/* Reveal */
.reveal {
  opacity: 0;
  transform: translateY(18px);
  transition: all 0.6s ease;
}

.reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}

/* ============================
   Updated Header Styles
   ============================ */

/* Utility Emulation (since Tailwind is missing) */
.flex {
  display: flex;
}

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

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

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

.gap-4 {
  gap: 1rem;
}

.gap-3 {
  gap: 0.75rem;
}

.gap-2 {
  gap: 0.5rem;
}

.h-20 {
  height: 5rem;
}

.h-12 {
  height: 3rem;
}

.w-auto {
  width: auto;
}

.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

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

.object-contain {
  object-fit: contain;
}

.text-white {
  color: #fff;
}

.p-2 {
  padding: 0.5rem;
}

.w-6 {
  width: 1.5rem;
}

.h-6 {
  height: 1.5rem;
}

.lg\:hidden {
  display: none;
}

/* Mobile toggle */

@media (max-width: 1024px) {
  .lg\:hidden {
    display: flex;
  }

  .header-desktop-nav,
  .header-actions-desktop {
    display: none;
  }
}

/* Header Container */
.site-top-nav {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  background: rgba(22, 32, 41, 0.85);
  /* fallback */
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  transition: all 0.3s ease;
}

.site-top-nav.scrolled {
  background: rgba(22, 32, 41, 0.95);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
}

/* Navigation Links */
.header-desktop-nav {
  display: flex !important;
  align-items: center !important;
  gap: 3rem !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

.header-desktop-nav a {
  color: #e2e8f0;
  font-weight: 500 !important;
  font-size: 1rem !important;
  transition: color 0.2s ease;
  position: relative;
  background: transparent !important;
}

.header-desktop-nav a:hover {
  color: #fff !important;
}

.header-desktop-nav a::after {
  content: '';
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 0;
  height: 2px;
  background: var(--accent) !important;
  transition: width 0.3s ease;
  border-radius: 2px;
}

.header-desktop-nav a:hover::after {
  width: 100% !important;
}

/* Action Buttons */
.header-actions-desktop {
  display: flex !important;
  align-items: center !important;
  gap: 2rem !important;
}

.ghost-btn {
  color: #fff !important;
  font-weight: 600 !important;
  padding: 0.5rem 1rem !important;
  border-radius: 8px !important;
  transition: color 0.2s !important;
  font-size: 1rem !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

.ghost-btn:hover {
  color: #fff !important;
  background: transparent !important;
  text-decoration: underline !important;
}

.pill-btn {
  background: var(--accent) !important;
  color: #fff !important;
  padding: 0.8rem 1.8rem !important;
  border-radius: 50px !important;
  font-weight: 600 !important;
  font-size: 1rem !important;
  box-shadow: 0 4px 12px rgba(193, 18, 31, 0.3) !important;
  transition: transform 0.2s, box-shadow 0.2s !important;
  border: none !important;
}

.pill-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 16px rgba(193, 18, 31, 0.4) !important;
}

/* Mobile Menu Drawer */
.mobile-drawer {
  position: fixed;
  inset: 0;
  z-index: 2000;
  pointer-events: none;
}

.mobile-drawer.open {
  pointer-events: auto;
}

.mobile-drawer__scrim {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  transition: opacity 0.3s ease;
  backdrop-filter: blur(2px);
}

.mobile-drawer.open .mobile-drawer__scrim {
  opacity: 1;
}

.mobile-drawer__panel {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 80%;
  max-width: 320px;
  background: #1a222b;
  box-shadow: -4px 0 24px rgba(0, 0, 0, 0.4);
  transform: translateX(100%);
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  padding: 1.5rem;
  border-left: 1px solid rgba(255, 255, 255, 0.08);
}

.mobile-drawer.open .mobile-drawer__panel {
  transform: translateX(0);
}

.mobile-link {
  display: block;
  font-size: 1.1rem;
  color: #e2e8f0;
  padding: 0.8rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  font-weight: 500;
  transition: all 0.2s;
}

.mobile-link:hover {
  color: var(--accent);
  padding-left: 6px;
}

.mobile-quote-btn {
  background: var(--accent);
  color: #fff;
  padding: 0.5rem 1rem;
  border-radius: 50px;
  font-weight: 600;
  font-size: 0.85rem;
}

.mobile-pill-btn {
  display: block;
  text-align: center;
  background: var(--accent);
  color: #fff;
  padding: 0.8rem;
  border-radius: 12px;
  font-weight: 600;
  margin-top: 1rem;
}

.mobile-ghost-btn {
  display: block;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: #fff;
  padding: 0.8rem;
  border-radius: 12px;
  font-weight: 600;
  margin-top: 0.5rem;
}

/* Overwrite existing media queries for mobile */
@media (max-width: 900px) {
  .hero-spotlight {
    height: 520px;
  }

  .hero-content {
    padding: 0 18px;
  }

  .hero-arrow {
    left: 10px;
  }

  .hero-arrow.next {
    right: 10px;
  }

  .footer-grid {
    grid-template-columns: 1fr;
  }

  .footer {
    padding-bottom: 120px;
  }
}

@media (max-width: 600px) {
  .hero-spotlight {
    height: 520px;
  }

  .hero-title {
    font-size: 2rem;
  }
}