*,
      :after,
      :before {
        border: 0 solid;
        box-sizing: border-box
      }

      :after,
      :before {
        --tw-content: ""
      }

      html {
        -webkit-text-size-adjust: 100%;
        font-feature-settings: normal;
        font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
        font-variation-settings: normal;
        line-height: 1.5;
        tab-size: 4;
        overflow-x: hidden;
      }

      body {
        line-height: inherit;
        margin: 0;
        overflow-x: hidden;
      }

      hr {
        border-top-width: 1px;
        color: inherit;
        height: 0
      }

      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;
        text-decoration: inherit
      }

      b,
      strong {
        font-weight: bolder
      }

      code,
      kbd,
      pre,
      samp {
        font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
        font-size: 1em
      }

      small {
        font-size: 80%
      }

      sub,
      sup {
        font-size: 75%;
        line-height: 0;
        position: relative;
        vertical-align: baseline
      }

      sub {
        bottom: -.25em
      }

      sup {
        top: -.5em
      }

      table {
        border-collapse: collapse;
        border-color: inherit;
        text-indent: 0
      }

      button,
      input,
      optgroup,
      select,
      textarea {
        font-feature-settings: inherit;
        color: inherit;
        font-family: inherit;
        font-size: 100%;
        font-variation-settings: inherit;
        font-weight: inherit;
        line-height: inherit;
        margin: 0;
        padding: 0
      }

      button,
      select {
        text-transform: none
      }

      [type=button],
      [type=reset],
      [type=submit],
      button {
        -webkit-appearance: button;
        background-color: transparent;
        background-image: none
      }

      :-moz-focusring {
        outline: auto
      }

      :-moz-ui-invalid {
        box-shadow: none
      }
      input.form-btn{
          background: #8f5460;
          color: #fff;
          padding: 15px 40px;
          border-radius: 30px;
          font-size: 18px;
          text-transform: uppercase;
          cursor: pointer;
      }
      progress {
        vertical-align: baseline
      }

      ::-webkit-inner-spin-button,
      ::-webkit-outer-spin-button {
        height: auto
      }

      [type=search] {
        -webkit-appearance: textfield;
        outline-offset: -2px
      }

      ::-webkit-search-decoration {
        -webkit-appearance: none
      }

      ::-webkit-file-upload-button {
        -webkit-appearance: button;
        font: inherit
      }

      summary {
        display: list-item
      }

      blockquote,
      dd,
      dl,
      figure,
      h1,
      h2,
      h3,
      h4,
      h5,
      h6,
      hr,
      p,
      pre {
        margin: 0
      }

      fieldset {
        margin: 0
      }

      fieldset,
      legend {
        padding: 0
      }

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

      dialog {
        padding: 0
      }

      textarea {
        resize: vertical
      }

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

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

      :disabled {
        cursor: default
      }

      audio,
      canvas,
      embed,
      iframe,
      img,
      object,
      svg,
      video {
        display: block;
        vertical-align: middle
      }

      img,
      video {
        height: auto;
        max-width: 100%
      }

      [hidden] {
        display: none
      }

      html {
        font-smooth: always;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255/var(--tw-bg-opacity));
        overflow-x: hidden;
        overflow-y: scroll
      }

      *,
      :after,
      :before {
        --tw-border-spacing-x: 0;
        --tw-border-spacing-y: 0;
        --tw-translate-x: 0;
        --tw-translate-y: 0;
        --tw-rotate: 0;
        --tw-skew-x: 0;
        --tw-skew-y: 0;
        --tw-scale-x: 1;
        --tw-scale-y: 1;
        --tw-pan-x: ;
        --tw-pan-y: ;
        --tw-pinch-zoom: ;
        --tw-scroll-snap-strictness: proximity;
        --tw-gradient-from-position: ;
        --tw-gradient-via-position: ;
        --tw-gradient-to-position: ;
        --tw-ordinal: ;
        --tw-slashed-zero: ;
        --tw-numeric-figure: ;
        --tw-numeric-spacing: ;
        --tw-numeric-fraction: ;
        --tw-ring-inset: ;
        --tw-ring-offset-width: 0px;
        --tw-ring-offset-color: #fff;
        --tw-ring-color: rgba(59, 130, 246, .5);
        --tw-ring-offset-shadow: 0 0 #0000;
        --tw-ring-shadow: 0 0 #0000;
        --tw-shadow: 0 0 #0000;
        --tw-shadow-colored: 0 0 #0000;
        --tw-blur: ;
        --tw-brightness: ;
        --tw-contrast: ;
        --tw-grayscale: ;
        --tw-hue-rotate: ;
        --tw-invert: ;
        --tw-saturate: ;
        --tw-sepia: ;
        --tw-drop-shadow: ;
        --tw-backdrop-blur: ;
        --tw-backdrop-brightness: ;
        --tw-backdrop-contrast: ;
        --tw-backdrop-grayscale: ;
        --tw-backdrop-hue-rotate: ;
        --tw-backdrop-invert: ;
        --tw-backdrop-opacity: ;
        --tw-backdrop-saturate: ;
        --tw-backdrop-sepia:
      }

      ::-webkit-backdrop {
        --tw-border-spacing-x: 0;
        --tw-border-spacing-y: 0;
        --tw-translate-x: 0;
        --tw-translate-y: 0;
        --tw-rotate: 0;
        --tw-skew-x: 0;
        --tw-skew-y: 0;
        --tw-scale-x: 1;
        --tw-scale-y: 1;
        --tw-pan-x: ;
        --tw-pan-y: ;
        --tw-pinch-zoom: ;
        --tw-scroll-snap-strictness: proximity;
        --tw-gradient-from-position: ;
        --tw-gradient-via-position: ;
        --tw-gradient-to-position: ;
        --tw-ordinal: ;
        --tw-slashed-zero: ;
        --tw-numeric-figure: ;
        --tw-numeric-spacing: ;
        --tw-numeric-fraction: ;
        --tw-ring-inset: ;
        --tw-ring-offset-width: 0px;
        --tw-ring-offset-color: #fff;
        --tw-ring-color: rgba(59, 130, 246, .5);
        --tw-ring-offset-shadow: 0 0 #0000;
        --tw-ring-shadow: 0 0 #0000;
        --tw-shadow: 0 0 #0000;
        --tw-shadow-colored: 0 0 #0000;
        --tw-blur: ;
        --tw-brightness: ;
        --tw-contrast: ;
        --tw-grayscale: ;
        --tw-hue-rotate: ;
        --tw-invert: ;
        --tw-saturate: ;
        --tw-sepia: ;
        --tw-drop-shadow: ;
        --tw-backdrop-blur: ;
        --tw-backdrop-brightness: ;
        --tw-backdrop-contrast: ;
        --tw-backdrop-grayscale: ;
        --tw-backdrop-hue-rotate: ;
        --tw-backdrop-invert: ;
        --tw-backdrop-opacity: ;
        --tw-backdrop-saturate: ;
        --tw-backdrop-sepia:
      }

      ::backdrop {
        --tw-border-spacing-x: 0;
        --tw-border-spacing-y: 0;
        --tw-translate-x: 0;
        --tw-translate-y: 0;
        --tw-rotate: 0;
        --tw-skew-x: 0;
        --tw-skew-y: 0;
        --tw-scale-x: 1;
        --tw-scale-y: 1;
        --tw-pan-x: ;
        --tw-pan-y: ;
        --tw-pinch-zoom: ;
        --tw-scroll-snap-strictness: proximity;
        --tw-gradient-from-position: ;
        --tw-gradient-via-position: ;
        --tw-gradient-to-position: ;
        --tw-ordinal: ;
        --tw-slashed-zero: ;
        --tw-numeric-figure: ;
        --tw-numeric-spacing: ;
        --tw-numeric-fraction: ;
        --tw-ring-inset: ;
        --tw-ring-offset-width: 0px;
        --tw-ring-offset-color: #fff;
        --tw-ring-color: rgba(59, 130, 246, .5);
        --tw-ring-offset-shadow: 0 0 #0000;
        --tw-ring-shadow: 0 0 #0000;
        --tw-shadow: 0 0 #0000;
        --tw-shadow-colored: 0 0 #0000;
        --tw-blur: ;
        --tw-brightness: ;
        --tw-contrast: ;
        --tw-grayscale: ;
        --tw-hue-rotate: ;
        --tw-invert: ;
        --tw-saturate: ;
        --tw-sepia: ;
        --tw-drop-shadow: ;
        --tw-backdrop-blur: ;
        --tw-backdrop-brightness: ;
        --tw-backdrop-contrast: ;
        --tw-backdrop-grayscale: ;
        --tw-backdrop-hue-rotate: ;
        --tw-backdrop-invert: ;
        --tw-backdrop-opacity: ;
        --tw-backdrop-saturate: ;
        --tw-backdrop-sepia:
      }

      .container {
        width: 100%
      }

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

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

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

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

      @media (min-width:1536px) {
        .container {
          max-width: 1536px
        }
      }
      
      .aspect-h-1 {
        --tw-aspect-h: 1
      }

      .aspect-h-10 {
        --tw-aspect-h: 10
      }

      .aspect-h-12 {
        --tw-aspect-h: 12
      }

      .aspect-h-16 {
        --tw-aspect-h: 16
      }

      .aspect-h-3 {
        --tw-aspect-h: 3
      }

      .aspect-h-4 {
        --tw-aspect-h: 4
      }

      .aspect-h-6 {
        --tw-aspect-h: 6
      }

      .aspect-w-1 {
        --tw-aspect-w: 1;
        padding-bottom: calc(var(--tw-aspect-h)/var(--tw-aspect-w)*100%);
        position: relative
      }

      .aspect-w-1>* {
        bottom: 0;
        height: 100%;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%
      }

      .aspect-w-10 {
        --tw-aspect-w: 10;
        padding-bottom: calc(var(--tw-aspect-h)/var(--tw-aspect-w)*100%);
        position: relative
      }

      .aspect-w-10>* {
        bottom: 0;
        height: 100%;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%
      }

      .aspect-w-11 {
        --tw-aspect-w: 11;
        padding-bottom: calc(var(--tw-aspect-h)/var(--tw-aspect-w)*100%);
        position: relative
      }

      .aspect-w-11>* {
        bottom: 0;
        height: 100%;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%
      }

      .aspect-w-13 {
        --tw-aspect-w: 13;
        padding-bottom: calc(var(--tw-aspect-h)/var(--tw-aspect-w)*100%);
        position: relative
      }

      .aspect-w-13>* {
        bottom: 0;
        height: 100%;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%
      }

      .aspect-w-16 {
        --tw-aspect-w: 16;
        padding-bottom: calc(var(--tw-aspect-h)/var(--tw-aspect-w)*100%);
        position: relative
      }

      .aspect-w-16>* {
        bottom: 0;
        height: 100%;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%
      }

      .aspect-w-4 {
        --tw-aspect-w: 4;
        padding-bottom: calc(var(--tw-aspect-h)/var(--tw-aspect-w)*100%);
        position: relative
      }

      .aspect-w-4>* {
        bottom: 0;
        height: 100%;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%
      }

      .aspect-w-7 {
        --tw-aspect-w: 7;
        padding-bottom: calc(var(--tw-aspect-h)/var(--tw-aspect-w)*100%);
        position: relative
      }

      .aspect-w-7>* {
        bottom: 0;
        height: 100%;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%
      }

      .aspect-w-9 {
        --tw-aspect-w: 9;
        padding-bottom: calc(var(--tw-aspect-h)/var(--tw-aspect-w)*100%);
        position: relative
      }

      .aspect-w-9>* {
        bottom: 0;
        height: 100%;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%
      }
      .gradient-cs{
        background: #FFF;
        background: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 245, 235, 1) 100%);
        background: -moz-linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 245, 235, 1) 100%);
        background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 245, 235, 1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF", endColorstr="#FFF5EB", GradientType=0);
      }
      .colr-b{
        background: #FFF5EB;
      }
      .animated-icon{
        overflow: hidden;
        background: #FF623E;
        border-radius: 20px;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
      }
      
      .animated-icon dotlottie-wc{
        height: 120px !important;
        width: 120px !important;
      }
      .animated-icon dotlottie-wc .canvas{

      }
      .prose {
        color: var(--tw-prose-body);
        max-width: 65ch
      }

      .prose :where(p):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: 1.25em;
        margin-top: 1.25em
      }

      .prose :where([class~=lead]):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: var(--tw-prose-lead);
        font-size: 1.25em;
        line-height: 1.6;
        margin-bottom: 1.2em;
        margin-top: 1.2em
      }

      .prose :where(a):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: var(--tw-prose-links);
        font-weight: 500;
        text-decoration: underline
      }

      .prose :where(strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: var(--tw-prose-bold);
        font-weight: 600
      }

      .prose :where(a strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: inherit
      }

      .prose :where(blockquote strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: inherit
      }

      .prose :where(thead th strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: inherit
      }

      .prose :where(ol):not(:where([class~=not-prose], [class~=not-prose] *)) {
        -webkit-padding-start: 1.625em;
        list-style-type: decimal;
        margin-bottom: 1.25em;
        margin-top: 1.25em;
        padding-inline-start: 1.625em
      }

      .prose :where(ol[type=A]):not(:where([class~=not-prose], [class~=not-prose] *)) {
        list-style-type: upper-alpha
      }

      .prose :where(ol[type=a]):not(:where([class~=not-prose], [class~=not-prose] *)) {
        list-style-type: lower-alpha
      }

      .prose :where(ol[type=A s]):not(:where([class~=not-prose], [class~=not-prose] *)) {
        list-style-type: upper-alpha
      }

      .prose :where(ol[type=a s]):not(:where([class~=not-prose], [class~=not-prose] *)) {
        list-style-type: lower-alpha
      }

      .prose :where(ol[type=I]):not(:where([class~=not-prose], [class~=not-prose] *)) {
        list-style-type: upper-roman
      }

      .prose :where(ol[type=i]):not(:where([class~=not-prose], [class~=not-prose] *)) {
        list-style-type: lower-roman
      }

      .prose :where(ol[type=I s]):not(:where([class~=not-prose], [class~=not-prose] *)) {
        list-style-type: upper-roman
      }

      .prose :where(ol[type=i s]):not(:where([class~=not-prose], [class~=not-prose] *)) {
        list-style-type: lower-roman
      }

      .prose :where(ol[type="1"]):not(:where([class~=not-prose], [class~=not-prose] *)) {
        list-style-type: decimal
      }

      .prose :where(ul):not(:where([class~=not-prose], [class~=not-prose] *)) {
        -webkit-padding-start: 1.625em;
        list-style-type: disc;
        margin-bottom: 1.25em;
        margin-top: 1.25em;
        padding-inline-start: 1.625em
      }

      .prose :where(ol>li):not(:where([class~=not-prose], [class~=not-prose] *))::marker {
        color: var(--tw-prose-counters);
        font-weight: 400
      }

      .prose :where(ul>li):not(:where([class~=not-prose], [class~=not-prose] *))::marker {
        color: var(--tw-prose-bullets)
      }

      .prose :where(dt):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: var(--tw-prose-headings);
        font-weight: 600;
        margin-top: 1.25em
      }

      .prose :where(hr):not(:where([class~=not-prose], [class~=not-prose] *)) {
        border-color: var(--tw-prose-hr);
        border-top-width: 1px;
        margin-bottom: 3em;
        margin-top: 3em
      }

      .prose :where(blockquote):not(:where([class~=not-prose], [class~=not-prose] *)) {
        -webkit-padding-start: 1em;
        border-inline-start-color: var(--tw-prose-quote-borders);
        border-inline-start-width: .25rem;
        color: var(--tw-prose-quotes);
        font-style: italic;
        font-weight: 500;
        margin-bottom: 1.6em;
        margin-top: 1.6em;
        padding-inline-start: 1em;
        quotes: "\201C""\201D""\2018""\2019"
      }

      .prose :where(blockquote p:first-of-type):not(:where([class~=not-prose], [class~=not-prose] *)):before {
        content: open-quote
      }

      .prose :where(blockquote p:last-of-type):not(:where([class~=not-prose], [class~=not-prose] *)):after {
        content: close-quote
      }

      .prose :where(h1):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: var(--tw-prose-headings);
        font-size: 2.25em;
        font-weight: 800;
        line-height: 1.1111111;
        margin-bottom: .8888889em;
        margin-top: 0
      }

      .prose :where(h1 strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: inherit;
        font-weight: 900
      }

      .prose :where(h2):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: var(--tw-prose-headings);
        font-size: 1.5em;
        font-weight: 700;
        line-height: 1.3333333;
        margin-bottom: 1em;
        margin-top: 2em
      }

      .prose :where(h2 strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: inherit;
        font-weight: 800
      }

      .prose :where(h3):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: var(--tw-prose-headings);
        font-size: 1.25em;
        font-weight: 600;
        line-height: 1.6;
        margin-bottom: .6em;
        margin-top: 1.6em
      }

      .prose :where(h3 strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: inherit;
        font-weight: 700
      }

      .prose :where(h4):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: var(--tw-prose-headings);
        font-weight: 600;
        line-height: 1.5;
        margin-bottom: .5em;
        margin-top: 1.5em
      }

      .prose :where(h4 strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: inherit;
        font-weight: 700
      }

      .prose :where(img):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: 2em;
        margin-top: 2em
      }

      .prose :where(picture):not(:where([class~=not-prose], [class~=not-prose] *)) {
        display: block;
        margin-bottom: 2em;
        margin-top: 2em
      }

      .prose :where(video):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: 2em;
        margin-top: 2em
      }

      .prose :where(kbd):not(:where([class~=not-prose], [class~=not-prose] *)) {
        -webkit-padding-end: .375em;
        -webkit-padding-start: .375em;
        border-radius: .3125rem;
        box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows)/10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows)/10%);
        color: var(--tw-prose-kbd);
        font-family: inherit;
        font-size: .875em;
        font-weight: 500;
        padding-inline-end: .375em;
        padding-bottom: .1875em;
        padding-top: .1875em;
        padding-inline-start: .375em
      }

      .prose :where(code):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: var(--tw-prose-code);
        font-size: .875em;
        font-weight: 600
      }

      .prose :where(code):not(:where([class~=not-prose], [class~=not-prose] *)):before {
        content: "`"
      }

      .prose :where(code):not(:where([class~=not-prose], [class~=not-prose] *)):after {
        content: "`"
      }

      .prose :where(a code):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: inherit
      }

      .prose :where(h1 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: inherit
      }

      .prose :where(h2 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: inherit;
        font-size: .875em
      }

      .prose :where(h3 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: inherit;
        font-size: .9em
      }

      .prose :where(h4 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: inherit
      }

      .prose :where(blockquote code):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: inherit
      }

      .prose :where(thead th code):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: inherit
      }

      .prose :where(pre):not(:where([class~=not-prose], [class~=not-prose] *)) {
        -webkit-padding-end: 1.1428571em;
        -webkit-padding-start: 1.1428571em;
        background-color: var(--tw-prose-pre-bg);
        border-radius: .375rem;
        color: var(--tw-prose-pre-code);
        font-size: .875em;
        font-weight: 400;
        line-height: 1.7142857;
        margin-bottom: 1.7142857em;
        margin-top: 1.7142857em;
        overflow-x: auto;
        padding-inline-end: 1.1428571em;
        padding-bottom: .8571429em;
        padding-top: .8571429em;
        padding-inline-start: 1.1428571em
      }

      .prose :where(pre code):not(:where([class~=not-prose], [class~=not-prose] *)) {
        background-color: transparent;
        border-radius: 0;
        border-width: 0;
        color: inherit;
        font-family: inherit;
        font-size: inherit;
        font-weight: inherit;
        line-height: inherit;
        padding: 0
      }

      .prose :where(pre code):not(:where([class~=not-prose], [class~=not-prose] *)):before {
        content: none
      }

      .prose :where(pre code):not(:where([class~=not-prose], [class~=not-prose] *)):after {
        content: none
      }

      .prose :where(table):not(:where([class~=not-prose], [class~=not-prose] *)) {
        font-size: .875em;
        line-height: 1.7142857;
        margin-bottom: 2em;
        margin-top: 2em;
        table-layout: auto;
        width: 100%
      }

      .prose :where(thead):not(:where([class~=not-prose], [class~=not-prose] *)) {
        border-bottom-color: var(--tw-prose-th-borders);
        border-bottom-width: 1px
      }

      .prose :where(thead th):not(:where([class~=not-prose], [class~=not-prose] *)) {
        -webkit-padding-end: .5714286em;
        -webkit-padding-start: .5714286em;
        color: var(--tw-prose-headings);
        font-weight: 600;
        padding-inline-end: .5714286em;
        padding-bottom: .5714286em;
        padding-inline-start: .5714286em;
        vertical-align: bottom
      }

      .prose :where(tbody tr):not(:where([class~=not-prose], [class~=not-prose] *)) {
        border-bottom-color: var(--tw-prose-td-borders);
        border-bottom-width: 1px
      }

      .prose :where(tbody tr:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
        border-bottom-width: 0
      }

      .prose :where(tbody td):not(:where([class~=not-prose], [class~=not-prose] *)) {
        vertical-align: baseline
      }

      .prose :where(tfoot):not(:where([class~=not-prose], [class~=not-prose] *)) {
        border-top-color: var(--tw-prose-th-borders);
        border-top-width: 1px
      }

      .prose :where(tfoot td):not(:where([class~=not-prose], [class~=not-prose] *)) {
        vertical-align: top
      }

      .prose :where(th, td):not(:where([class~=not-prose], [class~=not-prose] *)) {
        text-align: start
      }

      .prose :where(figure>*):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: 0;
        margin-top: 0
      }

      .prose :where(figcaption):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: var(--tw-prose-captions);
        font-size: .875em;
        line-height: 1.4285714;
        margin-top: .8571429em
      }

      .prose {
        --tw-prose-body: #374151;
        --tw-prose-headings: #111827;
        --tw-prose-lead: #4b5563;
        --tw-prose-links: #111827;
        --tw-prose-bold: #111827;
        --tw-prose-counters: #6b7280;
        --tw-prose-bullets: #d1d5db;
        --tw-prose-hr: #e5e7eb;
        --tw-prose-quotes: #111827;
        --tw-prose-quote-borders: #e5e7eb;
        --tw-prose-captions: #6b7280;
        --tw-prose-kbd: #111827;
        --tw-prose-kbd-shadows: 17 24 39;
        --tw-prose-code: #111827;
        --tw-prose-pre-code: #e5e7eb;
        --tw-prose-pre-bg: #1f2937;
        --tw-prose-th-borders: #d1d5db;
        --tw-prose-td-borders: #e5e7eb;
        --tw-prose-invert-body: #d1d5db;
        --tw-prose-invert-headings: #fff;
        --tw-prose-invert-lead: #9ca3af;
        --tw-prose-invert-links: #fff;
        --tw-prose-invert-bold: #fff;
        --tw-prose-invert-counters: #9ca3af;
        --tw-prose-invert-bullets: #4b5563;
        --tw-prose-invert-hr: #374151;
        --tw-prose-invert-quotes: #f3f4f6;
        --tw-prose-invert-quote-borders: #374151;
        --tw-prose-invert-captions: #9ca3af;
        --tw-prose-invert-kbd: #fff;
        --tw-prose-invert-kbd-shadows: 255 255 255;
        --tw-prose-invert-code: #fff;
        --tw-prose-invert-pre-code: #d1d5db;
        --tw-prose-invert-pre-bg: rgba(0, 0, 0, .5);
        --tw-prose-invert-th-borders: #4b5563;
        --tw-prose-invert-td-borders: #374151;
        font-size: 1rem;
        line-height: 1.75
      }

      .prose :where(picture>img):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: 0;
        margin-top: 0
      }

      .prose :where(li):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: .5em;
        margin-top: .5em
      }

      .prose :where(ol>li):not(:where([class~=not-prose], [class~=not-prose] *)) {
        -webkit-padding-start: .375em;
        padding-inline-start: .375em
      }

      .prose :where(ul>li):not(:where([class~=not-prose], [class~=not-prose] *)) {
        -webkit-padding-start: .375em;
        padding-inline-start: .375em
      }

      .prose :where(.prose>ul>li p):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: .75em;
        margin-top: .75em
      }

      .prose :where(.prose>ul>li>p:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-top: 1.25em
      }

      .prose :where(.prose>ul>li>p:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: 1.25em
      }

      .prose :where(.prose>ol>li>p:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-top: 1.25em
      }

      .prose :where(.prose>ol>li>p:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: 1.25em
      }

      .prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: .75em;
        margin-top: .75em
      }

      .prose :where(dl):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: 1.25em;
        margin-top: 1.25em
      }

      .prose :where(dd):not(:where([class~=not-prose], [class~=not-prose] *)) {
        -webkit-padding-start: 1.625em;
        margin-top: .5em;
        padding-inline-start: 1.625em
      }

      .prose :where(hr+*):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-top: 0
      }

      .prose :where(h2+*):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-top: 0
      }

      .prose :where(h3+*):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-top: 0
      }

      .prose :where(h4+*):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-top: 0
      }

      .prose :where(thead th:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
        -webkit-padding-start: 0;
        padding-inline-start: 0
      }

      .prose :where(thead th:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
        -webkit-padding-end: 0;
        padding-inline-end: 0
      }

      .prose :where(tbody td, tfoot td):not(:where([class~=not-prose], [class~=not-prose] *)) {
        -webkit-padding-end: .5714286em;
        -webkit-padding-start: .5714286em;
        padding-inline-end: .5714286em;
        padding-bottom: .5714286em;
        padding-top: .5714286em;
        padding-inline-start: .5714286em
      }

      .prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
        -webkit-padding-start: 0;
        padding-inline-start: 0
      }

      .prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
        -webkit-padding-end: 0;
        padding-inline-end: 0
      }

      .prose :where(figure):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: 2em;
        margin-top: 2em
      }

      .prose :where(.prose>:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-top: 0
      }

      .prose :where(.prose>:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: 0
      }

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

      .content {
        --tw-text-opacity: 1;
        color: rgb(255 139 102/var(--tw-text-opacity))
      }

      .content.xs {
        font-family: Aeonik-Regular, sans-serif;
        font-size: .75rem;
        font-weight: 400;
        line-height: 1rem
      }

      @media screen and (min-width:768px) {
        .content.xs {
          font-family: Aeonik-Regular, sans-serif;
          font-size: .75rem;
          font-weight: 400;
          line-height: 1rem
        }
      }

      @media screen and (min-width:1024px) {
        .content.xs {
          font-family: Aeonik-Regular, sans-serif;
          font-size: .75rem;
          font-weight: 400;
          line-height: 1rem
        }
      }

      .content.xs b,
      .content.xs strong {
        font-family: Aeonik-Bold, sans-serif;
        font-size: .75rem;
        font-weight: 700;
        line-height: 1rem
      }

      @media screen and (min-width:768px) {

        .content.xs b,
        .content.xs strong {
          font-family: Aeonik-Bold, sans-serif;
          font-size: .75rem;
          font-weight: 700;
          line-height: 1rem
        }
      }

      @media screen and (min-width:1024px) {

        .content.xs b,
        .content.xs strong {
          font-family: Aeonik-Bold, sans-serif;
          font-size: .75rem;
          font-weight: 700;
          line-height: 1rem
        }
      }

      .content.xs i {
        font-family: Aeonik-Regular, sans-serif;
        font-size: .75rem;
        font-weight: 400;
        line-height: 1rem
      }

      @media screen and (min-width:768px) {
        .content.xs i {
          font-family: Aeonik-Regular, sans-serif;
          font-size: .75rem;
          font-weight: 400;
          line-height: 1rem
        }
      }

      @media screen and (min-width:1024px) {
        .content.xs i {
          font-family: Aeonik-Regular, sans-serif;
          font-size: .75rem;
          font-weight: 400;
          line-height: 1rem
        }
      }

      .content.s {
        font-family: Aeonik-Regular, sans-serif;
        font-size: .875rem;
        font-weight: 400;
        line-height: 1.125rem
      }

      @media screen and (min-width:768px) {
        .content.s {
          font-family: Aeonik-Regular, sans-serif;
          font-size: .875rem;
          font-weight: 400;
          line-height: 1.125rem
        }
      }

      @media screen and (min-width:1024px) {
        .content.s {
          font-family: Aeonik-Regular, sans-serif;
          font-size: .875rem;
          font-weight: 400;
          line-height: 1.125rem
        }
      }

      .content.s b,
      .content.s strong {
        font-family: Aeonik-Bold, sans-serif;
        font-size: .875rem;
        font-weight: 700;
        line-height: 1.125rem
      }

      @media screen and (min-width:768px) {

        .content.s b,
        .content.s strong {
          font-family: Aeonik-Bold, sans-serif;
          font-size: .875rem;
          font-weight: 700;
          line-height: 1.125rem
        }
      }

      @media screen and (min-width:1024px) {

        .content.s b,
        .content.s strong {
          font-family: Aeonik-Bold, sans-serif;
          font-size: .875rem;
          font-weight: 700;
          line-height: 1.125rem
        }
      }

      .content.s i {
        font-family: Aeonik-Regular, sans-serif;
        font-size: .75rem;
        font-weight: 400;
        line-height: 1rem
      }

      @media screen and (min-width:768px) {
        .content.s i {
          font-family: Aeonik-Regular, sans-serif;
          font-size: .75rem;
          font-weight: 400;
          line-height: 1rem
        }
      }

      @media screen and (min-width:1024px) {
        .content.s i {
          font-family: Aeonik-Regular, sans-serif;
          font-size: .75rem;
          font-weight: 400;
          line-height: 1rem
        }
      }

      .content.m {
        font-family: Aeonik-Regular, sans-serif;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5rem
      }

      @media screen and (min-width:768px) {
        .content.m {
          font-family: Satoshi-Regular, sans-serif;
          font-size: 1rem;
          font-weight: 400;
          line-height: 1.5rem
        }
      }

      @media screen and (min-width:1024px) {
        .content.m {
          font-family: Aeonik-Regular, sans-serif;
          font-size: 1rem;
          font-weight: 400;
          line-height: 1.5rem
        }
      }

      .content.m b,
      .content.m strong {
        font-family: Aeonik-Bold, sans-serif;
        font-size: 1rem;
        font-weight: 700;
        line-height: 1.5rem
      }

      @media screen and (min-width:768px) {

        .content.m b,
        .content.m strong {
          font-family: Satoshi-Bold, sans-serif;
          font-size: 1rem;
          font-weight: 700;
          line-height: 1.5rem
        }
      }

      @media screen and (min-width:1024px) {

        .content.m b,
        .content.m strong {
          font-family: Aeonik-Bold, sans-serif;
          font-size: 1rem;
          font-weight: 700;
          line-height: 1.5rem
        }
      }

      .content.m i {
        font-family: Aeonik-Regular, sans-serif;
        font-size: .875rem;
        font-weight: 400;
        line-height: 1.125rem
      }

      @media screen and (min-width:768px) {
        .content.m i {
          font-family: Aeonik-Regular, sans-serif;
          font-size: .875rem;
          font-weight: 400;
          line-height: 1.125rem
        }
      }

      @media screen and (min-width:1024px) {
        .content.m i {
          font-family: Aeonik-Regular, sans-serif;
          font-size: .875rem;
          font-weight: 400;
          line-height: 1.125rem
        }
      }

      .content.l {
        font-family: Aeonik-Regular, sans-serif;
        font-size: 1.5rem;
        font-weight: 400;
        line-height: 2rem
      }

      @media screen and (min-width:768px) {
        .content.l {
          font-family: Aeonik-Regular, sans-serif;
          font-size: 1rem;
          font-weight: 400;
          line-height: 2rem
        }
      }

      @media screen and (min-width:1024px) {
        .content.l {
          font-family: Aeonik-Regular, sans-serif;
          font-size: 1.5rem;
          font-weight: 400;
          line-height: 2rem
        }
      }

      .content.l b,
      .content.l strong {
        font-family: Aeonik-Bold, sans-serif;
        font-size: 1rem;
        font-weight: 700;
        line-height: 2rem
      }

      @media screen and (min-width:768px) {

        .content.l b,
        .content.l strong {
          font-family: Aeonik-Bold, sans-serif;
          font-size: 1rem;
          font-weight: 700;
          line-height: 2rem
        }
      }

      @media screen and (min-width:1024px) {

        .content.l b,
        .content.l strong {
          font-family: Aeonik-Bold, sans-serif;
          font-size: 1rem;
          font-weight: 700;
          line-height: 2rem
        }
      }

      .content.l i {
        font-family: Aeonik-Regular, sans-serif;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5rem
      }

      @media screen and (min-width:768px) {
        .content.l i {
          font-family: Satoshi-Regular, sans-serif;
          font-size: 1rem;
          font-weight: 400;
          line-height: 1.5rem
        }
      }

      @media screen and (min-width:1024px) {
        .content.l i {
          font-family: Aeonik-Regular, sans-serif;
          font-size: 1rem;
          font-weight: 400;
          line-height: 1.5rem
        }
      }

      .content.xl {
        font-family: Aeonik-Regular, sans-serif;
        font-size: 2rem;
        font-weight: 400;
        line-height: 2.5rem
      }

      @media screen and (min-width:768px) {
        .content.xl {
          font-family: Aeonik-Regular, sans-serif;
          font-size: 2rem;
          font-weight: 400;
          line-height: 2.5rem
        }
      }

      @media screen and (min-width:1024px) {
        .content.xl {
          font-family: Aeonik-Regular, sans-serif;
          font-size: 2rem;
          font-weight: 400;
          line-height: 2.5rem
        }
      }

      .content.xl b,
      .content.xl strong {
        font-family: Aeonik-Bold, sans-serif;
        font-size: 2rem;
        font-weight: 700;
        line-height: 2.5rem
      }

      @media screen and (min-width:768px) {

        .content.xl b,
        .content.xl strong {
          font-family: Aeonik-Bold, sans-serif;
          font-size: 2rem;
          font-weight: 700;
          line-height: 2.5rem
        }
      }

      @media screen and (min-width:1024px) {

        .content.xl b,
        .content.xl strong {
          font-family: Aeonik-Bold, sans-serif;
          font-size: 2rem;
          font-weight: 700;
          line-height: 2.5rem
        }
      }

      .content.xl i {
        font-family: Aeonik-Regular, sans-serif;
        font-size: 1.25rem;
        font-weight: 400;
        line-height: 2rem
      }

      @media screen and (min-width:768px) {
        .content.xl i {
          font-family: Aeonik-Regular, sans-serif;
          font-size: 1.5rem;
          font-weight: 400;
          line-height: 2rem
        }
      }

      @media screen and (min-width:1024px) {
        .content.xl i {
          font-family: Aeonik-Regular, sans-serif;
          font-size: 1.5rem;
          font-weight: 400;
          line-height: 2rem
        }
      }

      .content.neutral-10 {
        --tw-text-opacity: 1;
        color: rgb(255 255 255/var(--tw-text-opacity))
      }

      .content.neutral-10 a {
        --tw-text-opacity: 1;
        color: rgb(204 210 209/var(--tw-text-opacity))
      }

      .content.cyan-10 {
        --tw-text-opacity: 1;
        color: rgb(231 254 251/var(--tw-text-opacity))
      }

      .content.slate-20 {
        --tw-text-opacity: 1;
        color: rgb(219 241 241/var(--tw-text-opacity))
      }

      .content.slate-30 {
        --tw-text-opacity: 1;
        color: rgb(187 212 214/var(--tw-text-opacity))
      }

      .content.slate-70 {
        --tw-text-opacity: 1;
        color: rgb(8 34 46/var(--tw-text-opacity))
      }

      .content ul>:not([hidden])~:not([hidden]) {
        --tw-divide-y-reverse: 0;
        --tw-divide-opacity: 1;
        border-bottom-width: calc(1px*var(--tw-divide-y-reverse));
        border-color: rgb(204 210 209/var(--tw-divide-opacity));
        border-top-width: calc(1px*(1 - var(--tw-divide-y-reverse)))
      }

      .content ul li {
        align-items: center;
        display: flex;
        gap: 1rem;
        padding-bottom: 1rem;
        padding-top: 1rem
      }

      .content ul li:first-child {
        padding-top: 0
      }

      .content ul li:last-child {
        padding-bottom: 0
      }

      .content ul li:before {
        --tw-bg-opacity: 1;
        background-color: #EA9649;
        border-radius: 9999px;
        content: var(--tw-content);
        display: block;
        height: 6px;
        width: 6px
      }

      .content ol {
        list-style-type: decimal;
        position: relative;
        z-index: 20
      }

      .content ol>:not([hidden])~:not([hidden]) {
        --tw-divide-y-reverse: 0;
        --tw-divide-opacity: 1;
        border-bottom-width: calc(1px*var(--tw-divide-y-reverse));
        border-color: rgb(204 210 209/var(--tw-divide-opacity));
        border-top-width: calc(1px*(1 - var(--tw-divide-y-reverse)))
      }

      .content ol ::marker {
        font-family: Aeonik-Bold, sans-serif;
        font-size: .75rem;
        font-weight: 700;
        line-height: 1rem
      }

      @media screen and (min-width:768px) {
        .content ol ::marker {
          font-family: Aeonik-Bold, sans-serif;
          font-size: .75rem;
          font-weight: 700;
          line-height: 1rem
        }
      }

      @media screen and (min-width:1024px) {
        .content ol ::marker {
          font-family: Aeonik-Bold, sans-serif;
          font-size: .75rem;
          font-weight: 700;
          line-height: 1rem
        }
      }

      .content ol::marker {
        font-family: Aeonik-Bold, sans-serif;
        font-size: .75rem;
        font-weight: 700;
        line-height: 1rem
      }

      @media screen and (min-width:768px) {
        .content ol::marker {
          font-family: Aeonik-Bold, sans-serif;
          font-size: .75rem;
          font-weight: 700;
          line-height: 1rem
        }
      }

      @media screen and (min-width:1024px) {
        .content ol::marker {
          font-family: Aeonik-Bold, sans-serif;
          font-size: .75rem;
          font-weight: 700;
          line-height: 1rem
        }
      }

      .content ol ::marker {
        position: relative
      }

      .content ol::marker {
        position: relative
      }

      .content ol li {
        padding-bottom: 1rem;
        padding-left: 1rem;
        padding-top: 1rem
      }

      .content ol li:first-child {
        padding-top: 0
      }

      .content ol li:last-child {
        padding-bottom: 0
      }

      .content ol li:before {
        --tw-bg-opacity: 1;
        background-color: rgb(135 249 211/var(--tw-bg-opacity));
        border-radius: 9999px;
        content: var(--tw-content);
        display: block;
        height: 20px;
        left: 1px;
        margin-top: 11px;
        position: absolute;
        width: 20px;
        z-index: -10
      }

      .content .safari ol ::marker {
        --tw-content: none;
        content: var(--tw-content)
      }

      .content .safari ol::marker {
        --tw-content: none;
        content: var(--tw-content)
      }

      .content a {
        --tw-text-opacity: 1;
        color: rgb(60 84 89/var(--tw-text-opacity));
        text-decoration-line: underline
      }

      .content a:hover {
        --tw-text-opacity: 1;
        color: #FF623E;
      }

      .content hr {
        --tw-border-opacity: 1 !important;
        border-top-color: rgb(187 212 214/var(--tw-border-opacity)) !important;
        border-top-width: 1px !important;
        margin-bottom: 1.5rem !important;
        margin-top: 1.5rem !important
      }

      .safari .content ol li:before {
        left: -2px
      }

      .button-wrapper.label-visibility-always,
      .button-wrapper.label-visibility-mobile {
        width: 100%
      }

      @media (min-width:768px) {

        .button-wrapper.label-visibility-always,
        .button-wrapper.label-visibility-mobile {
          width: auto
        }
      }

      .button-wrapper.label-visibility-desktop,
      .button-wrapper.label-visibility-never {
        width: auto
      }

      .button-wrapper.button-visibility-ios {
        display: none
      }

      .ios .button-wrapper.button-visibility-ios {
        display: block
      }

      .button-wrapper.button-visibility-android {
        display: none
      }

      .android .button-wrapper.button-visibility-android,
      .button-wrapper.button-visibility-mobile {
        display: block
      }

      @media (min-width:1024px) {
        .button-wrapper.button-visibility-mobile {
          display: none
        }
      }

      .button-wrapper.button-visibility-desktop {
        display: none
      }

      @media (min-width:1024px) {
        .button-wrapper.button-visibility-desktop {
          display: block
        }
      }

      .android .button-wrapper.button-visibility-ios-desktop,
      .ios .button-wrapper.button-visibility-android-desktop {
        display: none
      }

      .button-large {
        --tw-backdrop-blur: blur(12px);
        -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);
        border-radius: 9999px;
        border-width: 1px;
        display: block;
        padding: .25rem;
        position: relative;
        transition: all .4s cubic-bezier(0, .55, .45, 1)
      }

      .button-large .icon {
        border-radius: 9999px;
        height: 4rem;
        left: .25rem;
        overflow: hidden;
        padding: 1.25rem;
        position: absolute;
        top: .25rem;
        width: 4rem
      }

      .group:hover .button-large .icon {
        left: calc(100% - 68px)
      }

      .button-large .icon {
        transition: all .4s cubic-bezier(0, .55, .45, 1)
      }

      .button-large .label {
        font-family: Aeonik-Regular, sans-serif;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5rem
      }

      @media screen and (min-width:768px) {
        .button-large .label {
          font-family: Satoshi-Regular, sans-serif;
          font-size: 1rem;
          font-weight: 400;
          line-height: 1.5rem
        }
      }

      @media screen and (min-width:1024px) {
        .button-large .label {
          font-family: Aeonik-Regular, sans-serif;
          font-size: 1rem;
          font-weight: 400;
          line-height: 1.5rem
        }
      }

      .button-large .\!label {
        font-family: Aeonik-Regular, sans-serif;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5rem
      }

      @media screen and (min-width:768px) {
        .button-large .\!label {
          font-family: Satoshi-Regular, sans-serif;
          font-size: 1rem;
          font-weight: 400;
          line-height: 1.5rem
        }
      }

      @media screen and (min-width:1024px) {
        .button-large .\!label {
          font-family: Aeonik-Regular, sans-serif;
          font-size: 1rem;
          font-weight: 400;
          line-height: 1.5rem
        }
      }

      .button-large .\!label,
      .button-large .label {
        align-items: center;
        display: flex;
        justify-content: center;
        margin-left: 4rem;
        text-align: center;
        width: calc(100% - 4rem)
      }

      @media (min-width:768px) {

        .button-large .\!label,
        .button-large .label {
          gap: 1.5rem;
          margin-left: 0;
          padding-right: 2rem;
          text-align: left;
          width: auto
        }
      }

      .button-large .label:before {
        content: var(--tw-content);
        display: block;
        height: 4rem
      }

      @media (min-width:768px) {
        .button-large .label:before {
          content: var(--tw-content);
          width: 4rem
        }
      }

      .button-large .\!label:before {
        content: var(--tw-content);
        display: block;
        height: 4rem
      }

      @media (min-width:768px) {
        .button-large .\!label:before {
          content: var(--tw-content);
          width: 4rem
        }
      }

      .group:hover .button-large .\!label,
      .group:hover .button-large .label {
        --tw-translate-x: -4rem;
        --tw-text-opacity: 1;
        color: rgb(11 41 54/var(--tw-text-opacity));
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
      }

      .button-large .label {
        transition: all .4s cubic-bezier(0, .55, .45, 1)
      }

      .button-large .\!label {
        transition: all .4s cubic-bezier(0, .55, .45, 1) !important
      }

      .button-large.dark {
        background-color: rgba(143, 84, 96, 1);
        border-color: rgba(143, 84, 96, 1)
      }

      .group:hover .button-large.dark {
        --tw-border-opacity: 1;
        border-color: rgb(229 144 73/var(--tw-border-opacity))
      }

      .button-large.dark .icon,
      .group:hover .button-large.dark {
        --tw-bg-opacity: 1;
        background-color: rgb(229 144 73/var(--tw-bg-opacity))
      }

      .group:hover .button-large.dark .icon {
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255/var(--tw-bg-opacity))
      }

      .button-large.dark .\!label,
      .button-large.dark .label {
        --tw-text-opacity: 1;
        color: rgb(255 255 255/var(--tw-text-opacity))
      }

      .button-large.light {
        background-color: hsla(0, 0%, 100%, .4);
        border-color: hsla(0, 0%, 100%, .4)
      }

      .button-large.light .icon,
      .group:hover .button-large.light {
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255/var(--tw-bg-opacity))
      }

      .group:hover .button-large.light .icon {
        --tw-bg-opacity: 1;
        background-color: rgb(229 144 73/var(--tw-bg-opacity))
      }

      .button-large.light .\!label,
      .button-large.light .label {
        --tw-text-opacity: 1;
        color: rgb(255 255 255/var(--tw-text-opacity))
      }

      .label-visibility-never .button-large .\!label,
      .label-visibility-never .button-large .label {
        padding-right: 0
      }

      .label-visibility-never .button-large .label-text {
        display: none
      }

      @media (min-width:1024px) {

        .label-visibility-mobile .button-large .\!label,
        .label-visibility-mobile .button-large .label {
          padding-right: 0
        }

        .label-visibility-mobile .button-large .label-text {
          display: none
        }
      }

      @media not all and (min-width:1024px) {

        .label-visibility-desktop .button-large .\!label,
        .label-visibility-desktop .button-large .label {
          padding-right: 0
        }
      }

      .label-visibility-desktop .button-large .label-text {
        display: none
      }

      @media (min-width:1024px) {
        .label-visibility-desktop .button-large .label-text {
          display: inline
        }
      }

      .button-small {
        align-items: center;
        border-radius: 9999px;
        border-width: 1px;
        display: flex;
        gap: .5rem;
        justify-content: center;
        overflow: hidden;
        padding: 1.25rem 2rem;
        position: relative;
        transition: color .4s cubic-bezier(.4, 0, .2, 1), background 0s
      }

      @media(pointer:fine) {
        .button-small:before {
          --tw-translate-y: 100%;
          aspect-ratio: 1/1;
          border-radius: 9999px;
          content: "";
          inset: -.25rem;
          margin: auto;
          position: absolute;
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transition-duration: .15s;
          transition-property: all;
          transition-timing-function: cubic-bezier(.4, 0, .2, 1);
          transition: transform .4s cubic-bezier(.4, 0, .2, 1)
        }
      }

      .button-small .icon {
        position: relative;
        transition: color .4s cubic-bezier(.4, 0, .2, 1)
      }

      .button-small .label {
        font-family: Aeonik-Regular, sans-serif;
        font-size: .875rem;
        font-weight: 400;
        line-height: 1.125rem
      }

      @media screen and (min-width:768px) {
        .button-small .label {
          font-family: Aeonik-Regular, sans-serif;
          font-size: .875rem;
          font-weight: 400;
          line-height: 1.125rem
        }
      }

      @media screen and (min-width:1024px) {
        .button-small .label {
          font-family: Aeonik-Regular, sans-serif;
          font-size: .875rem;
          font-weight: 400;
          line-height: 1.125rem
        }
      }

      .button-small .label {
        position: relative
      }

      .button-small .\!label {
        font-family: Aeonik-Regular, sans-serif;
        font-size: .875rem;
        font-weight: 400;
        line-height: 1.125rem
      }

      @media screen and (min-width:768px) {
        .button-small .\!label {
          font-family: Aeonik-Regular, sans-serif;
          font-size: .875rem;
          font-weight: 400;
          line-height: 1.125rem
        }
      }

      @media screen and (min-width:1024px) {
        .button-small .\!label {
          font-family: Aeonik-Regular, sans-serif;
          font-size: .875rem;
          font-weight: 400;
          line-height: 1.125rem
        }
      }

      .button-small .\!label {
        position: relative
      }

      .button-small:hover:before {
        --tw-translate-y: 0rem;
        content: var(--tw-content);
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
      }

      .button-small:hover {
        transition: color .4s cubic-bezier(.4, 0, .2, 1), background 0s .3s
      }

      .button-small:hover .icon {
        transition: color .4s cubic-bezier(.4, 0, .2, 1)
      }

      .button-small.dark {
        --tw-border-opacity: 1;
        --tw-text-opacity: 1;
        border-color: rgb(11 41 54/var(--tw-border-opacity));
        color: rgb(11 41 54/var(--tw-text-opacity))
      }

      .button-small.dark:before {
        --tw-bg-opacity: 1;
        background-color: rgb(11 41 54/var(--tw-bg-opacity));
        content: var(--tw-content)
      }

      .button-small.dark .icon {
        --tw-text-opacity: 1 !important;
        color: rgb(11 41 54/var(--tw-text-opacity)) !important
      }

      .button-small.dark:hover {
        --tw-bg-opacity: 1;
        --tw-text-opacity: 1;
        background-color: rgb(11 41 54/var(--tw-bg-opacity));
        color: rgb(255 255 255/var(--tw-text-opacity))
      }

      .button-small.dark:hover .icon {
        --tw-text-opacity: 1 !important;
        color: rgb(255 255 255/var(--tw-text-opacity)) !important
      }

      .button-small.light {
        --tw-border-opacity: 1;
        --tw-text-opacity: 1;
        border-color: rgb(255 255 255/var(--tw-border-opacity));
        color: rgb(255 255 255/var(--tw-text-opacity))
      }

      .button-small.light:before {
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255/var(--tw-bg-opacity));
        content: var(--tw-content)
      }

      .button-small.light .icon {
        --tw-text-opacity: 1 !important;
        color: rgb(255 255 255/var(--tw-text-opacity)) !important
      }

      .button-small.light:hover {
        --tw-bg-opacity: 1;
        --tw-text-opacity: 1;
        background-color: rgb(255 255 255/var(--tw-bg-opacity));
        color: rgb(11 41 54/var(--tw-text-opacity))
      }

      .button-small.light:hover .icon {
        --tw-text-opacity: 1 !important;
        color: rgb(11 41 54/var(--tw-text-opacity)) !important
      }

      .marquee-gradient {
        background: linear-gradient(90deg, #fff, hsla(0, 0%, 100%, 0) 10%, hsla(0, 0%, 100%, 0) 90%, #fff)
      }

      .pop-up-clip-path {
        --inset: 50%;
        -webkit-clip-path: inset(0 var(--inset) round 32px);
        clip-path: inset(0 var(--inset) round 32px)
      }

      .content-highlighted-clip-path,
      .map-clip-path {
        --inset: 0%;
        --round: 0px;
        -webkit-clip-path: inset(0 var(--inset) round var(--round));
        clip-path: inset(0 var(--inset) round var(--round))
      }

      .features-cards-clip-path {
        --inset: 0%;
        -webkit-clip-path: inset(0 var(--inset) round 32px 32px 0 0);
        clip-path: inset(0 var(--inset) round 32px 32px 0 0)
      }

      .features-slider-clip-path {
        --inset: 0%;
        -webkit-clip-path: inset(var(--inset) round 32px);
        clip-path: inset(var(--inset) round 32px)
      }

      @media not all and (min-width:640px) {
        .navigation-sticky {
          --tw-backdrop-blur: blur(12px);
          -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);
          background-color: hsla(0, 0%, 100%, .5);
          border-radius: 9999px;
          padding-left: 1rem;
          padding-right: 1rem
        }
      }

      .navigation-sticky .mobile-sticky-button {
        --tw-bg-opacity: 1 !important;
        background-color: rgb(255 255 255/var(--tw-bg-opacity)) !important
      }

      .navigation-sticky .mobile-sticky-button svg,
      .navigation-sticky .navigation-logo {
        --tw-text-opacity: 1 !important;
        color: rgb(11 41 54/var(--tw-text-opacity)) !important
      }

      @media not all and (min-width:640px) {
        .navigation-sticky.hide {
          --tw-translate-y: -6.5rem;
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
        }
      }

      .react-player>video {
        height: 100%;
        object-fit: cover;
        width: 100%
      }

      .body-l-bold {
        font-family: Aeonik-Bold, sans-serif;
        font-size: 1.5rem;
        font-weight: 700;
        line-height: 2rem
      }

      @media screen and (min-width:768px) {
        .body-l-bold {
          font-family: Aeonik-Bold, sans-serif;
          font-size: 1.5rem;
          font-weight: 700;
          line-height: 2rem
        }
      }

      @media screen and (min-width:1024px) {
        .body-l-bold {
          font-family: Aeonik-Bold, sans-serif;
          font-size: 1.5rem;
          font-weight: 700;
          line-height: 2rem
        }
      }

      .\!body-l-regular {
        font-family: Aeonik-Regular, sans-serif !important;
        font-size: 1.25rem !important;
        font-weight: 400 !important;
        line-height: 2rem !important
      }

      .body-l-regular {
        font-family: Aeonik-Regular, sans-serif;
        font-size: 1.25rem;
        font-weight: 400;
        line-height: 2rem
      }

      @media screen and (min-width:768px) {
        .\!body-l-regular {
          font-family: Aeonik-Regular, sans-serif !important;
          font-size: 1.5rem !important;
          font-weight: 400 !important;
          line-height: 2rem !important
        }

        .body-l-regular {
          font-family: Aeonik-Regular, sans-serif;
          font-size: 1.5rem;
          font-weight: 400;
          line-height: 2rem
        }
      }

      @media screen and (min-width:1024px) {
        .\!body-l-regular {
          font-family: Aeonik-Regular, sans-serif !important;
          font-size: 1.5rem !important;
          font-weight: 400 !important;
          line-height: 2rem !important
        }

        .body-l-regular {
          font-family: Aeonik-Regular, sans-serif;
          font-size: 1.5rem;
          font-weight: 400;
          line-height: 2rem
        }
      }

      .body-m-bold {
        font-family: Aeonik-Bold, sans-serif;
        font-size: 1rem;
        font-weight: 700;
        line-height: 1.5rem
      }

      @media screen and (min-width:768px) {
        .body-m-bold {
          font-family: Satoshi-Bold, sans-serif;
          font-size: 1rem;
          font-weight: 700;
          line-height: 1.5rem
        }
      }

      @media screen and (min-width:1024px) {
        .body-m-bold {
          font-family: Aeonik-Bold, sans-serif;
          font-size: 1rem;
          font-weight: 700;
          line-height: 1.5rem
        }
      }

      .body-m-regular {
        font-family: Aeonik-Regular, sans-serif;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5rem
      }

      @media screen and (min-width:768px) {
        .body-m-regular {
          font-family: Satoshi-Regular, sans-serif;
          font-size: 1rem;
          font-weight: 400;
          line-height: 1.5rem
        }
      }

      @media screen and (min-width:1024px) {
        .body-m-regular {
          font-family: Aeonik-Regular, sans-serif;
          font-size: 1rem;
          font-weight: 400;
          line-height: 1.5rem
        }
      }

      .body-s-bold {
        font-family: Aeonik-Bold, sans-serif;
        font-size: .875rem;
        font-weight: 700;
        line-height: 1.125rem
      }

      @media screen and (min-width:768px) {
        .body-s-bold {
          font-family: Aeonik-Bold, sans-serif;
          font-size: .875rem;
          font-weight: 700;
          line-height: 1.125rem
        }
      }

      @media screen and (min-width:1024px) {
        .body-s-bold {
          font-family: Aeonik-Bold, sans-serif;
          font-size: .875rem;
          font-weight: 700;
          line-height: 1.125rem
        }
      }

      .body-s-regular {
        font-family: Aeonik-Regular, sans-serif;
        font-size: .875rem;
        font-weight: 400;
        line-height: 1.125rem
      }

      @media screen and (min-width:768px) {
        .body-s-regular {
          font-family: Aeonik-Regular, sans-serif;
          font-size: .875rem;
          font-weight: 400;
          line-height: 1.125rem
        }
      }

      @media screen and (min-width:1024px) {
        .body-s-regular {
          font-family: Aeonik-Regular, sans-serif;
          font-size: .875rem;
          font-weight: 400;
          line-height: 1.125rem
        }
      }

      .body-s-medium {
        font-family: Aeonik-Medium, sans-serif;
        font-size: .875rem;
        font-weight: 500;
        line-height: 1.125rem
      }

      @media screen and (min-width:768px) {
        .body-s-medium {
          font-family: Aeonik-Medium, sans-serif;
          font-size: .875rem;
          font-weight: 500;
          line-height: 1.125rem
        }
      }

      @media screen and (min-width:1024px) {
        .body-s-medium {
          font-family: Aeonik-Medium, sans-serif;
          font-size: .875rem;
          font-weight: 500;
          line-height: 1.125rem
        }
      }

      .body-xl-regular {
        font-family: Aeonik-Regular, sans-serif;
        font-size: 2rem;
        font-weight: 400;
        line-height: 2.5rem
      }

      @media screen and (min-width:768px) {
        .body-xl-regular {
          font-family: Aeonik-Regular, sans-serif;
          font-size: 2rem;
          font-weight: 400;
          line-height: 2.5rem
        }
      }

      @media screen and (min-width:1024px) {
        .body-xl-regular {
          font-family: Aeonik-Regular, sans-serif;
          font-size: 2rem;
          font-weight: 400;
          line-height: 2.5rem
        }
      }

      .body-xs-regular {
        font-family: Aeonik-Regular, sans-serif;
        font-size: .75rem;
        font-weight: 400;
        line-height: 1rem
      }

      @media screen and (min-width:768px) {
        .body-xs-regular {
          font-family: Aeonik-Regular, sans-serif;
          font-size: .75rem;
          font-weight: 400;
          line-height: 1rem
        }
      }

      @media screen and (min-width:1024px) {
        .body-xs-regular {
          font-family: Aeonik-Regular, sans-serif;
          font-size: .75rem;
          font-weight: 400;
          line-height: 1rem
        }
      }

      .heading-l {
        font-family: Aeonik-Light, sans-serif;
        font-size: 3.5rem;
        font-weight: 250;
        line-height: 3rem
      }

      @media screen and (min-width:768px) {
        .heading-l {
          font-family: Aeonik-Light, sans-serif;
          font-size: 2rem;
          font-weight: 250;
          line-height: 3rem
        }
      }

      @media screen and (min-width:1024px) {
        .heading-l {
          font-family: Aeonik-Light, sans-serif;
          font-size: 2.75rem;
          font-weight: 250;
          line-height: 3rem
        }
      }

      .heading-m {
        font-family: Aeonik-Light, sans-serif;
        font-size: 3rem;
        font-weight: 250;
        line-height: 3rem
      }

      @media screen and (min-width:768px) {
        .heading-m {
          font-family: Aeonik-Light, sans-serif;
          font-size: 2rem;
          font-weight: 250;
          line-height: 3rem
        }
      }

      @media screen and (min-width:1024px) {
        .heading-m {
          font-family: Aeonik-Light, sans-serif;
          font-size: 2.5rem;
          font-weight: 250;
          line-height: 3rem
        }
      }

      .heading-s {
        font-family: Aeonik-Light, sans-serif;
        font-size: 2.5rem;
        font-weight: 250;
        line-height: 3rem
      }

      @media screen and (min-width:768px) {
        .heading-s {
          font-family: Aeonik-Light, sans-serif;
          font-size: 2rem;
          font-weight: 250;
          line-height: 3rem
        }
      }

      @media screen and (min-width:1024px) {
        .heading-s {
          font-family: Aeonik-Light, sans-serif;
          font-size: 2.5rem;
          font-weight: 250;
          line-height: 3rem
        }
      }

      .heading-xl {
        font-family: Aeonik-Light, sans-serif;
        font-size: 2.5rem;
        font-weight: bold;
        line-height: 3rem
      }

      @media screen and (min-width:768px) {
        .heading-xl {
          font-family: Aeonik-Light, sans-serif;
          font-size: 2.25rem;
          font-weight: bold;
          line-height: 3rem
        }
      }

      @media screen and (min-width:1024px) {
        .heading-xl {
          font-family: Aeonik-Light, sans-serif;
          font-size: 2.5rem;
          font-weight: bold;
          line-height: 3rem
        }
      }

      .heading-xs {
        font-family: Aeonik-Light, sans-serif;
        font-size: 2rem;
        font-weight: 250;
        line-height: 2.5rem
      }

      @media screen and (min-width:768px) {
        .heading-xs {
          font-family: Aeonik-Light, sans-serif;
          font-size: 2.5rem;
          font-weight: 250;
          line-height: 3rem
        }
      }

      @media screen and (min-width:1024px) {
        .heading-xs {
          font-family: Aeonik-Light, sans-serif;
          font-size: 2.5rem;
          font-weight: 250;
          line-height: 3rem
        }
      }

      .subheading-regular {
        font-family: Aeonik-Medium, sans-serif;
        font-size: .75rem;
        font-weight: 500;
        letter-spacing: 2px;
        line-height: 1rem;
        text-transform: uppercase
      }

      @media screen and (min-width:768px) {
        .subheading-regular {
          font-family: Aeonik-Medium, sans-serif;
          font-size: .75rem;
          font-weight: 500;
          letter-spacing: 2px;
          line-height: 1rem;
          text-transform: uppercase
        }
      }

      @media screen and (min-width:1024px) {
        .subheading-regular {
          font-family: Aeonik-Medium, sans-serif;
          font-size: .75rem;
          font-weight: 500;
          letter-spacing: 2px;
          line-height: 1rem;
          text-transform: uppercase
        }
      }

      .sr-only {
        clip: rect(0, 0, 0, 0);
        border-width: 0;
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        white-space: nowrap;
        width: 1px
      }

      .pointer-events-none {
        pointer-events: none
      }

      .visible {
        visibility: visible
      }

      .invisible {
        visibility: hidden
      }

      .static {
        position: static
      }

      .fixed {
        position: fixed
      }

      .absolute {
        position: absolute
      }

      .relative {
        position: relative
      }

      .sticky {
        position: -webkit-sticky;
        position: sticky
      }

      .inset-0 {
        inset: 0
      }

      .inset-4 {
        inset: 1rem
      }

      .inset-x-0 {
        left: 0;
        right: 0
      }

      .inset-x-4 {
        left: 1rem;
        right: 1rem
      }

      .inset-y-0 {
        bottom: 0;
        top: 0
      }

      .-left-2 {
        left: -.5rem
      }

      .-top-\[1px\] {
        top: -1px
      }

      .bottom-0 {
        bottom: 0
      }

      .bottom-2 {
        bottom: .5rem
      }

      .bottom-4 {
        bottom: 1rem
      }

      .bottom-8 {
        bottom: 2rem
      }

      .bottom-full {
        bottom: 100%
      }

      .left-0 {
        left: 0
      }

      .left-1 {
        left: .25rem
      }

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

      .left-2 {
        left: .5rem
      }

      .left-6 {
        left: 1.5rem
      }

      .left-\[1px\] {
        left: 1px
      }

      .right-0 {
        right: 0
      }

      .right-10 {
        right: 2.5rem
      }

      .right-2 {
        right: .5rem
      }

      .right-28 {
        right: 7rem
      }

      .right-4 {
        right: 1rem
      }

      .right-6 {
        right: 1.5rem
      }

      .right-8 {
        right: 2rem
      }

      .top-0 {
        top: 0
      }

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

      .top-1\/4 {
        top: 25%
      }

      .top-2 {
        top: .5rem
      }

      .top-4 {
        top: 1rem
      }

      .top-6 {
        top: 1.5rem
      }

      .top-8 {
        top: 2rem
      }

      .top-\[unset\] {
        top: unset
      }

      .top-full {
        top: 100%
      }

      .z-10 {
        z-index: 10
      }

      .z-20 {
        z-index: 20
      }

      .z-50 {
        z-index: 50
      }

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

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

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

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

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

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

      .z-dialog {
        z-index: 9999
      }

      .z-navigation-sticky-button {
        z-index: 999
      }

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

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

      .col-span-full {
        grid-column: 1/-1
      }

      .col-start-1 {
        grid-column-start: 1
      }

      .col-start-2 {
        grid-column-start: 2
      }

      .col-start-5 {
        grid-column-start: 5
      }

      .col-start-7 {
        grid-column-start: 7
      }

      .col-start-8 {
        grid-column-start: 8
      }

      .row-start-1 {
        grid-row-start: 1
      }

      .row-start-2 {
        grid-row-start: 2
      }

      .m-1 {
        margin: .25rem
      }

      .m-4 {
        margin: 1rem
      }

      .m-5 {
        margin: 1.25rem
      }

      .m-6 {
        margin: 1.5rem
      }

      .-mx-4 {
        margin-left: -1rem;
        margin-right: -1rem
      }

      .mx-12 {
        margin-left: 3rem;
        margin-right: 3rem
      }

      .mx-4 {
        margin-left: 1rem;
        margin-right: 1rem
      }

      .mx-auto {
        margin-left: auto;
        margin-right: auto
      }

      .my-2 {
        margin-bottom: .5rem;
        margin-top: .5rem
      }

      .my-6 {
        margin-bottom: 1.5rem;
        margin-top: 1.5rem
      }

      .my-auto {
        margin-bottom: auto;
        margin-top: auto
      }

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

      .mb-5 {
        margin-bottom: 1.25rem
      }

      .mb-9 {
        margin-bottom: 2.25rem
      }

      .ml-3 {
        margin-left: .75rem
      }

      .ml-auto {
        margin-left: auto
      }

      .mr-1 {
        margin-right: .25rem
      }

      .mr-4 {
        margin-right: 1rem
      }

      .mr-6 {
        margin-right: 1.5rem
      }

      .mr-8 {
        margin-right: 2rem
      }

      .mr-scrollbar-width {
        margin-right: var(--scrollbar-width)
      }

      .mt-10 {
        margin-top: 2.5rem
      }

      .mt-2 {
        margin-top: .5rem
      }

      .mt-6 {
        margin-top: 1.5rem
      }

      .mt-8 {
        margin-top: 2rem
      }

      .mt-auto {
        margin-top: auto
      }

      .line-clamp-2 {
        -webkit-line-clamp: 2
      }

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

      .line-clamp-3 {
        -webkit-line-clamp: 3
      }

      .\!block {
        display: block !important
      }

      .block {
        display: block
      }

      .inline-block {
        display: inline-block
      }

      .inline {
        display: inline
      }

      .flex {
        display: flex
      }

      .inline-flex {
        display: inline-flex
      }

      .table {
        display: table
      }

      .grid {
        display: grid
      }

      .contents {
        display: contents
      }

      .\!hidden {
        display: none !important
      }

      .hidden {
        display: none
      }

      .aspect-1 {
        aspect-ratio: 1
      }

      .\!h-auto {
        height: auto !important
      }

      .h-0 {
        height: 0
      }

      .h-10 {
        height: 2.5rem
      }

      .h-12 {
        height: 3rem
      }

      .h-14 {
        height: 3.5rem
      }

      .h-16 {
        height: 4rem
      }

      .h-18 {
        height: 4.5rem
      }

      .h-2\/3 {
        height: 66.666667%
      }

      .h-20 {
        height: 5rem
      }

      .h-21 {
        height: 5.25rem
      }

      .h-3\/4 {
        height: 75%
      }

      .h-4 {
        height: 1rem
      }

      .h-6 {
        height: 1.5rem
      }

      .h-8 {
        height: 2rem
      }

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

      .h-\[120px\] {
        height: 120px
      }

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

      .h-\[130\%\] {
        height: 130%
      }

      .h-\[150\%\] {
        height: 150%
      }

      .h-\[1px\] {
        height: 1px
      }

      .h-\[3px\] {
        height: 3px
      }

      .h-\[3rem\] {
        height: 3rem
      }

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

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

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

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

      .h-\[calc\(100\%\+114px\)\] {
        height: calc(100% + 114px)
      }

      .h-\[calc\(100vh\+100px\)\] {
        height: calc(100vh + 100px)
      }

      .h-\[calc\(100vh-82px\)\] {
        height: calc(100vh - 82px)
      }

      .h-auto {
        height: auto
      }

      .h-fit {
        height: -moz-fit-content;
        height: -webkit-fit-content;
        height: fit-content
      }

      .h-full {
        height: 100%
      }

      .h-screen {
        height: 100vh
      }

      .max-h-\[250px\] {
        max-height: 250px
      }

      .max-h-\[90vh\] {
        max-height: 90vh
      }

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

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

      .w-0 {
        width: 0
      }

      .w-10 {
        width: 2.5rem
      }

      .w-12 {
        width: 3rem
      }

      .w-14 {
        width: 3.5rem
      }

      .w-16 {
        width: 4rem
      }

      .w-18 {
        width: 4.5rem
      }

      .w-2 {
        width: .5rem
      }

      .w-25 {
        width: 6.25rem
      }

      .w-4 {
        width: 1rem
      }

      .w-46 {
        width: 11.5rem
      }

      .w-50 {
        width: 12.5rem
      }

      .w-6 {
        width: 1.5rem
      }

      .w-8 {
        width: 2rem
      }

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

      .w-\[120px\] {
        width: 120px
      }

      .w-\[142px\] {
        width: 142px
      }

      .w-\[200px\] {
        width: 200px
      }

      .w-\[220px\] {
        width: 220px
      }

      .w-\[248px\] {
        width: 248px
      }

      .w-\[458px\] {
        width: 458px
      }

      .w-\[48px\] {
        width: 48px
      }

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

      .w-\[7px\] {
        width: 7px
      }

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

      .w-\[calc\(100vw-768px\)\] {
        width: calc(100vw - 768px)
      }

      .w-auto {
        width: auto
      }

      .w-fit {
        width: -moz-fit-content;
        width: -webkit-fit-content;
        width: fit-content
      }

      .w-full {
        width: 100%
      }

      .w-screen {
        width: 100vw
      }

      .min-w-\[200px\] {
        min-width: 200px
      }

      .min-w-\[350px\] {
        min-width: 350px
      }

      .max-w-2xl {
        max-width: 42rem
      }

      .max-w-3xl {
        max-width: 48rem
      }

      .max-w-4xl {
        max-width: 56rem
      }

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

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

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

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

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

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

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

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

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

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

      .max-w-md {
        max-width: 28rem
      }

      .max-w-none {
        max-width: none
      }

      .max-w-screen-2xl {
        max-width: 1536px
      }

      .max-w-screen-xl {
        max-width: 1328px
      }

      .max-w-sm {
        max-width: 24rem
      }

      .flex-1 {
        flex: 1 1
      }

      .flex-none {
        flex: none
      }

      .flex-shrink {
        flex-shrink: 1
      }

      .flex-grow {
        flex-grow: 1
      }

      .origin-left {
        transform-origin: left
      }

      .origin-top-right {
        transform-origin: top right
      }

      .-translate-x-1\/2 {
        --tw-translate-x: -50%
      }

      .-translate-x-1\/2,
      .-translate-x-full {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
      }

      .-translate-x-full {
        --tw-translate-x: -100%
      }

      .-translate-y-1\/2 {
        --tw-translate-y: -50%
      }

      .-translate-y-1\/2,
      .-translate-y-1\/3 {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
      }

      .-translate-y-1\/3 {
        --tw-translate-y: -33.333333%
      }

      .-translate-y-14 {
        --tw-translate-y: -3.5rem
      }

      .-translate-y-14,
      .-translate-y-16 {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
      }

      .-translate-y-16 {
        --tw-translate-y: -4rem
      }

      .-translate-y-\[6px\] {
        --tw-translate-y: -6px
      }

      .-translate-y-\[6px\],
      .-translate-y-full {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
      }

      .-translate-y-full {
        --tw-translate-y: -100%
      }

      .translate-x-1\/3 {
        --tw-translate-x: 33.333333%
      }

      .translate-x-1\/3,
      .translate-y-12 {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
      }

      .translate-y-12 {
        --tw-translate-y: 3rem
      }

      .translate-y-24 {
        --tw-translate-y: 6rem
      }

      .translate-y-24,
      .translate-y-\[1px\] {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
      }

      .translate-y-\[1px\] {
        --tw-translate-y: 1px
      }

      .translate-y-\[2px\] {
        --tw-translate-y: 2px
      }

      .translate-y-\[2px\],
      .translate-y-\[50px\] {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
      }

      .translate-y-\[50px\] {
        --tw-translate-y: 50px
      }

      .translate-y-full {
        --tw-translate-y: 100%
      }

      .-rotate-90,
      .translate-y-full {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
      }

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

      .rotate-180 {
        --tw-rotate: 180deg
      }

      .rotate-180,
      .rotate-90 {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
      }

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

      .-skew-y-3 {
        --tw-skew-y: -3deg
      }

      .-skew-y-3,
      .scale-110 {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
      }

      .scale-110 {
        --tw-scale-x: 1.1;
        --tw-scale-y: 1.1
      }

      .transform {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
      }

      .cursor-pointer {
        cursor: pointer
      }

      .resize {
        resize: both
      }

      .grid-flow-dense {
        grid-auto-flow: dense
      }

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

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

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

      .grid-rows-\[1fr_auto_auto\] {
        grid-template-rows: 1fr auto auto
      }

      .flex-col {
        flex-direction: column
      }

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

      .flex-wrap {
        flex-wrap: wrap
      }

      .flex-nowrap {
        flex-wrap: nowrap
      }

      .content-center {
        align-content: center
      }

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

      .items-center {
        align-items: center
      }

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

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

      .justify-center {
        justify-content: center
      }

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

      .gap-1 {
        gap: .25rem
      }

      .gap-10 {
        gap: 2.5rem
      }

      .gap-12 {
        gap: 3rem
      }

      .gap-14 {
        gap: 3.5rem
      }

      .gap-2 {
        gap: .5rem
      }

      .gap-3 {
        gap: .75rem
      }

      .gap-4 {
        gap: 1rem
      }

      .gap-5 {
        gap: 1.25rem
      }

      .gap-6 {
        gap: 1.5rem
      }

      .gap-7 {
        gap: 1.75rem
      }

      .gap-8 {
        gap: 2rem
      }

      .gap-x-2 {
        column-gap: .5rem
      }

      .gap-y-10 {
        row-gap: 2.5rem
      }

      .gap-y-12 {
        row-gap: 3rem
      }

      .gap-y-14 {
        row-gap: 3.5rem
      }

      .gap-y-16 {
        row-gap: 4rem
      }

      .gap-y-2 {
        row-gap: .5rem
      }

      .gap-y-20 {
        row-gap: 5rem
      }

      .gap-y-22 {
        row-gap: 5.5rem
      }

      .gap-y-4 {
        row-gap: 1rem
      }

      .gap-y-6 {
        row-gap: 1.5rem
      }

      .gap-y-8 {
        row-gap: 2rem
      }

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

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

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

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

      .overflow-auto {
        overflow: auto
      }

      .overflow-hidden {
        overflow: hidden
      }

      .overflow-scroll {
        overflow: scroll
      }

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

      .overflow-x-hidden {
        overflow-x: hidden
      }

      .overflow-y-scroll {
        overflow-y: scroll
      }

      .hyphens-auto {
        -webkit-hyphens: auto;
        hyphens: auto
      }

      .whitespace-nowrap {
        white-space: nowrap
      }

      .rounded-2xl {
        border-radius: 1rem
      }

      .rounded-3xl {
        border-radius: 1.5rem
      }

      .rounded-4xl {
        border-radius: 32px
      }

      .rounded-5xl {
        border-radius: 40px
      }

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

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

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

      .rounded-full {
        border-radius: 9999px
      }

      .rounded-lg {
        border-radius: .5rem
      }

      .rounded-xl {
        border-radius: .75rem
      }

      .rounded-b-\[64px\] {
        border-bottom-left-radius: 64px;
        border-bottom-right-radius: 64px
      }

      .rounded-t-2xl {
        border-top-left-radius: 1rem;
        border-top-right-radius: 1rem
      }

      .rounded-t-3xl {
        border-top-left-radius: 1.5rem;
        border-top-right-radius: 1.5rem
      }

      .rounded-t-4xl {
        border-top-left-radius: 32px;
        border-top-right-radius: 32px
      }

      .border {
        border-width: 1px
      }

      .border-l {
        border-left-width: 1px
      }

      .border-t,
      .border-t-\[1px\] {
        border-top-width: 1px
      }

      .border-none {
        border-style: none
      }

      .border-cyan-20 {
        --tw-border-opacity: 1;
        border-color: rgb(219 253 242/var(--tw-border-opacity))
      }

      .border-cyan-30 {
        --tw-border-opacity: 1;
        border-color: rgb(202 252 236/var(--tw-border-opacity))
      }

      .border-cyan-40 {
        --tw-border-opacity: 1;
        border-color: rgb(168 250 223/var(--tw-border-opacity))
      }

      .border-cyan-60 {
        --tw-border-opacity: 1;
        border-color: rgb(67 245 186/var(--tw-border-opacity))
      }

      .border-cyan-60\/50 {
        border-color: rgba(67, 245, 186, .5)
      }

      .border-neutral-10 {
        --tw-border-opacity: 1;
        border-color: rgb(255 255 255/var(--tw-border-opacity))
      }

      .border-neutral-10\/40 {
        border-color: hsla(0, 0%, 100%, .4)
      }

      .border-neutral-10\/50 {
        border-color: hsla(0, 0%, 100%, .5)
      }

      .border-neutral-30 {
        --tw-border-opacity: 1;
        border-color: rgb(204 210 209/var(--tw-border-opacity))
      }

      .border-slate-20 {
        --tw-border-opacity: 1;
        border-color: rgb(219 241 241/var(--tw-border-opacity))
      }

      .border-slate-30 {
        --tw-border-opacity: 1;
        border-color: rgb(187 212 214/var(--tw-border-opacity))
      }

      .border-slate-30\/60 {
        border-color: rgba(187, 212, 214, .6)
      }

      .border-slate-40 {
        --tw-border-opacity: 1;
        border-color: rgb(121 149 151/var(--tw-border-opacity))
      }

      .border-slate-50 {
        --tw-border-opacity: 1;
        border-color: rgb(60 84 89/var(--tw-border-opacity))
      }

      .border-slate-50\/40 {
        border-color: rgba(60, 84, 89, .4)
      }

      .border-slate-60\/40 {
        border-color: rgba(11, 41, 54, .4)
      }

      .border-l-slate-30 {
        --tw-border-opacity: 1;
        border-left-color: rgb(187 212 214/var(--tw-border-opacity))
      }

      .border-t-neutral-20 {
        --tw-border-opacity: 1;
        border-top-color: rgb(230 233 232/var(--tw-border-opacity))
      }

      .border-t-neutral-50 {
        --tw-border-opacity: 1;
        border-top-color: rgb(153 165 164/var(--tw-border-opacity))
      }

      .border-t-slate-30 {
        --tw-border-opacity: 1;
        border-top-color: rgb(187 212 214/var(--tw-border-opacity))
      }

      .border-opacity-50 {
        --tw-border-opacity: 0.5
      }

      .bg-\[\#E7FFFC\] {
        --tw-bg-opacity: 1;
        background-color: rgb(231 255 252/var(--tw-bg-opacity))
      }

      .bg-\[\#f7f8f9\] {
        --tw-bg-opacity: 1;
        background-color: rgb(247 248 249/var(--tw-bg-opacity))
      }

      .bg-\[aliceblue\] {
        --tw-bg-opacity: 1;
        background-color: rgb(240 248 255/var(--tw-bg-opacity))
      }

      .bg-\[grey\] {
        --tw-bg-opacity: 1;
        background-color: rgb(128 128 128/var(--tw-bg-opacity))
      }

      .bg-\[transparent\] {
        background-color: transparent
      }

      .bg-cyan-10 {
        --tw-bg-opacity: 1;
        background-color: rgb(231 254 251/var(--tw-bg-opacity))
      }

      .bg-cyan-10\/40 {
        background-color: rgba(231, 254, 251, .4)
      }

      .bg-cyan-20 {
        --tw-bg-opacity: 1;
        background-color: #FFE8D3
      }

      .bg-cyan-20\/40 {
        background-color: rgba(219, 253, 242, .4)
      }

      .bg-cyan-30 {
        --tw-bg-opacity: 1;
        background-color: rgb(202 252 236/var(--tw-bg-opacity))
      }

      .bg-cyan-40 {
        --tw-bg-opacity: 1;
        background-color: rgb(168 250 223/var(--tw-bg-opacity))
      }

      .bg-cyan-50 {
        --tw-bg-opacity: 1;
        background-color: rgb(135 249 211/var(--tw-bg-opacity))
      }

      .bg-cyan-60 {
        --tw-bg-opacity: 1;
        background-color: #FF623E
      }

      .bg-cyan-60\/50 {
        background-color: rgba(67, 245, 186, .5)
      }

      .bg-neutral-10 {
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255/var(--tw-bg-opacity))
      }

      .bg-neutral-10\/0 {
        background-color: hsla(0, 0%, 100%, 0)
      }

      .bg-neutral-10\/20 {
        background-color: hsla(0, 0%, 100%, .2)
      }

      .bg-neutral-10\/40 {
        background-color: hsla(0, 0%, 100%, .4)
      }

      .bg-neutral-10\/50 {
        background-color: hsla(0, 0%, 100%, .5)
      }

      .bg-neutral-10\/90 {
        background-color: hsla(0, 0%, 100%, .9)
      }

      .bg-neutral-20 {
        --tw-bg-opacity: 1;
        background-color: rgb(230 233 232/var(--tw-bg-opacity))
      }

      .bg-neutral-30 {
        --tw-bg-opacity: 1;
        background-color: rgb(204 210 209/var(--tw-bg-opacity))
      }

      .bg-neutral-60 {
        --tw-bg-opacity: 1;
        background-color: rgb(93 105 104/var(--tw-bg-opacity))
      }

      .bg-neutral-70\/30 {
        background-color: rgba(0, 31, 27, .3)
      }

      .bg-slate-20 {
        --tw-bg-opacity: 1;
        background-color: rgb(219 241 241/var(--tw-bg-opacity))
      }

      .bg-slate-50 {
        --tw-bg-opacity: 1;
        background-color: rgb(60 84 89/var(--tw-bg-opacity))
      }

      .bg-slate-50\/60 {
        background-color: rgba(60, 84, 89, .6)
      }

      .bg-slate-60 {
        --tw-bg-opacity: 1;
        background-color:rgba(143, 84, 96, 1)
      }

      .bg-slate-70\/60 {
        background-color: rgba(8, 34, 46, .6)
      }

      .bg-transparent {
        background-color: transparent
      }

      .bg-opacity-10 {
        --tw-bg-opacity: 0.1
      }

      .bg-opacity-80 {
        --tw-bg-opacity: 0.8
      }

      .from-slate-70 {
        --tw-gradient-from: #08222e var(--tw-gradient-from-position);
        --tw-gradient-to: rgba(8, 34, 46, 0) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
      }

      .from-20\% {
        --tw-gradient-from-position: 20%
      }

      .fill-cyan-60 {
        fill: #43f5ba
      }

      .stroke-neutral-50 {
        stroke: #99a5a4
      }

      .object-contain {
        object-fit: contain
      }

      .object-cover {
        object-fit: cover
      }

      .object-top {
        object-position: top
      }

      .p-1 {
        padding: .25rem
      }

      .p-11 {
        padding: 2.75rem
      }

      .p-2 {
        padding: .5rem
      }

      .p-3 {
        padding: .75rem
      }

      .p-4 {
        padding: 1rem
      }

      .p-5 {
        padding: 1.25rem
      }

      .p-6 {
        padding: 1.5rem
      }

      .p-8 {
        padding: 2rem
      }

      .p-\[6px\] {
        padding: 6px
      }

      .\!px-0 {
        padding-left: 0 !important;
        padding-right: 0 !important
      }

      .px-2 {
        padding-left: .5rem;
        padding-right: .5rem
      }

      .px-3 {
        padding-left: .75rem;
        padding-right: .75rem
      }

      .px-4 {
        padding-left: 1rem;
        padding-right: 1rem
      }

      .px-5 {
        padding-left: 1.25rem;
        padding-right: 1.25rem
      }

      .px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
      }

      .py-0 {
        padding-bottom: 0;
        padding-top: 0
      }

      .py-1 {
        padding-bottom: .25rem;
        padding-top: .25rem
      }

      .py-10 {
        padding-bottom: 2.5rem;
        padding-top: 2.5rem
      }

      .py-12 {
        padding-bottom: 3rem;
        padding-top: 3rem
      }

      .py-16 {
        padding-bottom: 4rem;
        padding-top: 4rem
      }

      .py-2 {
        padding-bottom: .5rem;
        padding-top: .5rem
      }

      .py-20 {
        padding-bottom: 5rem;
        padding-top: 5rem
      }

      .py-22 {
        padding-bottom: 5.5rem;
        padding-top: 5.5rem
      }

      .py-3 {
        padding-bottom: .75rem;
        padding-top: .75rem
      }

      .py-31 {
        padding-bottom: 7.75rem;
        padding-top: 7.75rem
      }

      .py-35 {
        padding-bottom: 8.75rem;
        padding-top: 8.75rem
      }

      .py-4 {
        padding-bottom: 1rem;
        padding-top: 1rem
      }

      .py-50 {
        padding-bottom: 12.5rem;
        padding-top: 12.5rem
      }

      .py-6 {
        padding-bottom: 1.5rem;
        padding-top: 1.5rem
      }

      .py-8 {
        padding-bottom: 2rem;
        padding-top: 2rem
      }

      .pb-1 {
        padding-bottom: .25rem
      }

      .pb-12 {
        padding-bottom: 3rem
      }

      .pb-14 {
        padding-bottom: 3.5rem
      }

      .pb-21 {
        padding-bottom: 5.25rem
      }

      .pb-24 {
        padding-bottom: 6rem
      }

      .pb-3 {
        padding-bottom: .75rem
      }

      .pb-6 {
        padding-bottom: 1.5rem
      }

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

      .pr-scrollbar-width {
        padding-right: var(--scrollbar-width)
      }

      .pt-0 {
        padding-top: 0
      }

      .pt-10 {
        padding-top: 2.5rem
      }

      .pt-12 {
        padding-top: 3rem
      }

      .pt-2 {
        padding-top: .5rem
      }

      .pt-22 {
        padding-top: 5.5rem
      }

      .pt-4 {
        padding-top: 1rem
      }

      .pt-40 {
        padding-top: 10rem
      }

      .pt-6 {
        padding-top: 1.5rem
      }

      .pt-60 {
        padding-top: 15rem
      }

      .pt-9 {
        padding-top: 2.25rem
      }

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

      .text-left {
        text-align: left
      }

      .text-center {
        text-align: center
      }

      .text-\[2\.6rem\] {
        font-size: 2.6rem
      }

      .text-sm {
        font-size: .875rem;
        line-height: 1.25rem
      }

      .font-bold {
        font-weight: 700
      }

      .uppercase {
        text-transform: uppercase
      }

      .text-cyan-60 {
        --tw-text-opacity: 1;
        color: #FF623E;
      }

      .text-cyan-70 {
        --tw-text-opacity: 1;
        color:#EA9649;
      }

      .text-neutral-10 {
        --tw-text-opacity: 1;
        color: rgb(255 255 255/var(--tw-text-opacity))
      }

      .text-neutral-50 {
        --tw-text-opacity: 1;
        color: rgb(153 165 164/var(--tw-text-opacity))
      }

      .text-neutral-70 {
        --tw-text-opacity: 1;
        color: rgb(0 31 27/var(--tw-text-opacity))
      }

      .text-slate-20 {
        --tw-text-opacity: 1;
        color: rgb(219 241 241/var(--tw-text-opacity))
      }

      .text-slate-30 {
        --tw-text-opacity: 1;
        color: rgb(187 212 214/var(--tw-text-opacity))
      }

      .text-slate-40 {
        --tw-text-opacity: 1;
        color: rgb(121 149 151/var(--tw-text-opacity))
      }

      .text-slate-60 {
        --tw-text-opacity: 1;
        color: rgb(11 41 54/var(--tw-text-opacity))
      }

      .text-slate-70 {
        --tw-text-opacity: 1;
        color: rgb(8 34 46/var(--tw-text-opacity))
      }

      .underline {
        text-decoration-line: underline
      }

      .opacity-0 {
        opacity: 0
      }

      .opacity-20 {
        opacity: .2
      }

      .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-md {
        --tw-backdrop-blur: blur(12px)
      }

      .backdrop-blur-md,
      .backdrop-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)
      }

      .backdrop-blur-sm {
        --tw-backdrop-blur: blur(4px)
      }

      .transition {
        transition-duration: .15s;
        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1)
      }

      .transition-all {
        transition-duration: .15s;
        transition-property: all;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1)
      }

      .transition-colors {
        transition-duration: .15s;
        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1)
      }

      .transition-transform {
        transition-duration: .15s;
        transition-property: transform;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1)
      }

      .delay-75 {
        transition-delay: 75ms
      }

      .duration-200 {
        transition-duration: .2s
      }

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

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

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

      .ease-\[cubic-bezier\(\.34\2c 1\.56\2c \.64\2c 1\)\] {
        transition-timing-function: cubic-bezier(.34, 1.56, .64, 1)
      }

      .ease-\[cubic-bezier\(0\.16\2c 1\2c 0\.3\2c 1\)\] {
        transition-timing-function: cubic-bezier(.16, 1, .3, 1)
      }

      .ease-in {
        transition-timing-function: cubic-bezier(.4, 0, 1, 1)
      }

      .\[clip-path\:url\(\#content-columns-clip-path-1\)\] {
        -webkit-clip-path: url(#content-columns-clip-path-1);
        clip-path: url(#content-columns-clip-path-1)
      }

      .\[clip-path\:url\(\#content-columns-clip-path-2\)\] {
        -webkit-clip-path: url(#content-columns-clip-path-2);
        clip-path: url(#content-columns-clip-path-2)
      }

      .\[clip-path\:url\(\#testimonials-clip-path-1\)\] {
        -webkit-clip-path: url(#testimonials-clip-path-1);
        clip-path: url(#testimonials-clip-path-1)
      }

      .\[clip-path\:url\(\#testimonials-clip-path-2\)\] {
        -webkit-clip-path: url(#testimonials-clip-path-2);
        clip-path: url(#testimonials-clip-path-2)
      }

      :root {
        --scrollbar-width: 0px
      }

      html.lenis {
        height: auto
      }

      .lenis.lenis-smooth {
        scroll-behavior: auto
      }

      .lenis.lenis-smooth [data-lenis-prevent] {
        overscroll-behavior: contain
      }

      .lenis.lenis-stopped {
        overflow: hidden
      }

      .lenis.lenis-scrolling iframe {
        pointer-events: none
      }

      .mapboxgl-map .mapboxgl-popup-content {
        font-family: Aeonik-Regular, sans-serif;
        font-size: .875rem;
        font-weight: 400;
        line-height: 1.125rem
      }

      @media screen and (min-width:768px) {
        .mapboxgl-map .mapboxgl-popup-content {
          font-family: Aeonik-Regular, sans-serif;
          font-size: .875rem;
          font-weight: 400;
          line-height: 1.125rem
        }
      }

      @media screen and (min-width:1024px) {
        .mapboxgl-map .mapboxgl-popup-content {
          font-family: Aeonik-Regular, sans-serif;
          font-size: .875rem;
          font-weight: 400;
          line-height: 1.125rem
        }
      }

      .mapboxgl-map .mapboxgl-popup-content {
        --tw-text-opacity: 1;
        --tw-backdrop-blur: blur(12px);
        -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);
        border-color: rgba(8, 34, 46, .5);
        border-radius: .375rem;
        border-width: 1px;
        color: rgb(8 34 46/var(--tw-text-opacity));
        padding: .5rem
      }

      .mapboxgl-map :not(.soon) .mapboxgl-popup-content {
        background-color: rgba(67, 245, 186, .5)
      }

      .mapboxgl-map .soon .mapboxgl-popup-content {
        background-color: hsla(0, 0%, 100%, .5)
      }

      .mapboxgl-map .mapboxgl-popup-tip {
        display: none
      }

      .mapboxgl-map .mapboxgl-ctrl-zoom-in,
      .mapboxgl-map .mapboxgl-ctrl-zoom-out {
        height: 2.75rem;
        width: 2.75rem
      }

      .mapboxgl-map .mapboxgl-ctrl-compass {
        display: none
      }


      #loader {
          text-align: center;
          margin-top: 10px;
      }

      .spinner {
          width: 35px;
          height: 35px;
          border: 4px solid #ddd;
          border-top: 4px solid #3498db; 
          border-radius: 50%;
          animation: spin 0.9s linear infinite;
          margin: 0 auto;
      }

      @keyframes spin {
          0% { transform: rotate(0deg); }
          100% { transform: rotate(360deg); }
      }

      .prose-h2\:heading-xs :is(:where(h2):not(:where([class~=not-prose], [class~=not-prose] *))) {
        font-family: Aeonik-Light, sans-serif;
        font-size: 2rem;
        font-weight: 250;
        line-height: 2.5rem
      }

      @media screen and (min-width:768px) {
        .prose-h2\:heading-xs :is(:where(h2):not(:where([class~=not-prose], [class~=not-prose] *))) {
          font-family: Aeonik-Light, sans-serif;
          font-size: 2.5rem;
          font-weight: 250;
          line-height: 3rem
        }
      }

      @media screen and (min-width:1024px) {
        .prose-h2\:heading-xs :is(:where(h2):not(:where([class~=not-prose], [class~=not-prose] *))) {
          font-family: Aeonik-Light, sans-serif;
          font-size: 2.5rem;
          font-weight: 250;
          line-height: 3rem
        }
      }

      @media (min-width:1024px) {
        .lg\:body-m-regular {
          font-family: Aeonik-Regular, sans-serif;
          font-size: 1rem;
          font-weight: 400;
          line-height: 1.5rem
        }

        @media screen and (min-width:768px) {
          .lg\:body-m-regular {
            font-family: Satoshi-Regular, sans-serif;
            font-size: 1rem;
            font-weight: 400;
            line-height: 1.5rem
          }
        }

        @media screen and (min-width:1024px) {
          .lg\:body-m-regular {
            font-family: Aeonik-Regular, sans-serif;
            font-size: 1rem;
            font-weight: 400;
            line-height: 1.5rem
          }
        }

        .lg\:body-s-regular {
          font-family: Aeonik-Regular, sans-serif;
          font-size: .875rem;
          font-weight: 400;
          line-height: 1.125rem
        }

        @media screen and (min-width:768px) {
          .lg\:body-s-regular {
            font-family: Aeonik-Regular, sans-serif;
            font-size: .875rem;
            font-weight: 400;
            line-height: 1.125rem
          }
        }

        @media screen and (min-width:1024px) {
          .lg\:body-s-regular {
            font-family: Aeonik-Regular, sans-serif;
            font-size: .875rem;
            font-weight: 400;
            line-height: 1.125rem
          }
        }

        .lg\:\!heading-m {
          font-family: Aeonik-Light, sans-serif !important;
          font-size: 3rem !important;
          font-weight: 250 !important;
          line-height: 3.5rem !important
        }

        @media screen and (min-width:768px) {
          .lg\:\!heading-m {
            font-family: Aeonik-Light, sans-serif !important;
            font-size: 4rem !important;
            font-weight: 250 !important;
            line-height: 4.5rem !important
          }
        }

        @media screen and (min-width:1024px) {
          .lg\:\!heading-m {
            font-family: Aeonik-Light, sans-serif !important;
            font-size: 4.5rem !important;
            font-weight: 250 !important;
            line-height: 5rem !important
          }
        }

        .lg\:heading-s {
          font-family: Aeonik-Light, sans-serif;
          font-size: 2.5rem;
          font-weight: 250;
          line-height: 3rem
        }

        @media screen and (min-width:768px) {
          .lg\:heading-s {
            font-family: Aeonik-Light, sans-serif;
            font-size: 3rem;
            font-weight: 250;
            line-height: 3.5rem
          }
        }

        @media screen and (min-width:1024px) {
          .lg\:heading-s {
            font-family: Aeonik-Light, sans-serif;
            font-size: 3.5rem;
            font-weight: 250;
            line-height: 4.5rem
          }
        }

        .lg\:heading-xl {
          font-family: Aeonik-Light, sans-serif;
          font-size: 4.5rem;
          font-weight: 250;
          line-height: 5rem
        }

        @media screen and (min-width:768px) {
          .lg\:heading-xl {
            font-family: Aeonik-Light, sans-serif;
            font-size: 6.25rem;
            font-weight: 250;
            line-height: 7.25rem
          }
        }

        @media screen and (min-width:1024px) {
          .lg\:heading-xl {
            font-family: Aeonik-Light, sans-serif;
            font-size: 7.5rem;
            font-weight: 250;
            line-height: 8.25rem
          }
        }
      }

      .\[\&\>\*\>b\]\:body-l-bold>*>b {
        font-family: Aeonik-Bold, sans-serif;
        font-size: 1.5rem;
        font-weight: 700;
        line-height: 2rem
      }

      @media screen and (min-width:768px) {
        .\[\&\>\*\>b\]\:body-l-bold>*>b {
          font-family: Aeonik-Bold, sans-serif;
          font-size: 1.5rem;
          font-weight: 700;
          line-height: 2rem
        }
      }

      @media screen and (min-width:1024px) {
        .\[\&\>\*\>b\]\:body-l-bold>*>b {
          font-family: Aeonik-Bold, sans-serif;
          font-size: 1.5rem;
          font-weight: 700;
          line-height: 2rem
        }
      }

      .\[\&\>b\]\:\!body-l-bold>b {
        font-family: Aeonik-Bold, sans-serif !important;
        font-size: 1.5rem !important;
        font-weight: 700 !important;
        line-height: 2rem !important
      }

      @media screen and (min-width:768px) {
        .\[\&\>b\]\:\!body-l-bold>b {
          font-family: Aeonik-Bold, sans-serif !important;
          font-size: 1.5rem !important;
          font-weight: 700 !important;
          line-height: 2rem !important
        }
      }

      @media screen and (min-width:1024px) {
        .\[\&\>b\]\:\!body-l-bold>b {
          font-family: Aeonik-Bold, sans-serif !important;
          font-size: 1.5rem !important;
          font-weight: 700 !important;
          line-height: 2rem !important
        }
      }

      .placeholder\:text-slate-40::placeholder {
        --tw-text-opacity: 1;
        color: rgb(121 149 151/var(--tw-text-opacity))
      }

      .before\:content-\[\"\201C\"\]:before {
        --tw-content: "“";
        content: var(--tw-content)
      }

      .after\:block:after {
        content: var(--tw-content);
        display: block
      }

      .after\:h-6:after {
        content: var(--tw-content);
        height: 1.5rem
      }

      .after\:w-full:after {
        content: var(--tw-content);
        width: 100%
      }

      .after\:content-\[\"\201D\"\]:after {
        --tw-content: "”";
        content: var(--tw-content)
      }

      .hover\:scale-105:hover {
        --tw-scale-x: 1.05;
        --tw-scale-y: 1.05;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
      }

      .hover\:cursor-pointer:hover {
        cursor: pointer
      }

      .hover\:border-cyan-30:hover {
        --tw-border-opacity: 1;
        border-color: rgb(202 252 236/var(--tw-border-opacity))
      }

      .hover\:border-cyan-60:hover {
        --tw-border-opacity: 1;
        border-color: rgb(67 245 186/var(--tw-border-opacity))
      }

      .hover\:border-slate-40:hover {
        --tw-border-opacity: 1;
        border-color: rgb(121 149 151/var(--tw-border-opacity))
      }

      .hover\:bg-cyan-10:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(231 254 251/var(--tw-bg-opacity))
      }

      .hover\:bg-cyan-60:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(229 144 73/var(--tw-bg-opacity))
      }

      .hover\:bg-neutral-10:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255/var(--tw-bg-opacity))
      }

      .hover\:bg-slate-50:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(60 84 89/var(--tw-bg-opacity))
      }

      .hover\:text-cyan-60:hover {
        --tw-text-opacity: 1;
        color: #FF623E;
      }

      .hover\:text-slate-20:hover {
        --tw-text-opacity: 1;
        color: rgb(219 241 241/var(--tw-text-opacity))
      }

      .hover\:text-slate-60:hover {
        --tw-text-opacity: 1;
        color: rgb(11 41 54/var(--tw-text-opacity))
      }

      .hover\:text-slate-70:hover {
        --tw-text-opacity: 1;
        color: rgb(8 34 46/var(--tw-text-opacity))
      }

      .hover\:underline:hover {
        text-decoration-line: underline
      }

      .focus\:border-slate-40:focus {
        --tw-border-opacity: 1;
        border-color: rgb(121 149 151/var(--tw-border-opacity))
      }

      .focus\:bg-cyan-10:focus {
        --tw-bg-opacity: 1;
        background-color: rgb(231 254 251/var(--tw-bg-opacity))
      }

      .focus\:bg-slate-50:focus {
        --tw-bg-opacity: 1;
        background-color: rgb(60 84 89/var(--tw-bg-opacity))
      }

      .focus\:text-slate-20:focus {
        --tw-text-opacity: 1;
        color: rgb(219 241 241/var(--tw-text-opacity))
      }

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

      .focus\:ring-\[1px\]:focus {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
      }

      .focus\:ring-slate-60:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(11 41 54/var(--tw-ring-opacity))
      }

      .focus-visible\:underline:focus-visible {
        text-decoration-line: underline
      }

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

      .disabled\:pointer-events-none:disabled {
        pointer-events: none
      }

      .disabled\:opacity-20:disabled {
        opacity: .2
      }

      .group:hover .group-hover\:block {
        display: block
      }

      .group:hover .group-hover\:-translate-y-2 {
        --tw-translate-y: -0.5rem
      }

      .group:hover .group-hover\:-translate-y-2,
      .group:hover .group-hover\:translate-x-15 {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
      }

      .group:hover .group-hover\:translate-x-15 {
        --tw-translate-x: 3.75rem
      }

      .group:hover .group-hover\:scale-100 {
        --tw-scale-x: 1;
        --tw-scale-y: 1
      }

      .group:hover .group-hover\:scale-100,
      .group:hover .group-hover\:scale-110 {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
      }

      .group:hover .group-hover\:scale-110 {
        --tw-scale-x: 1.1;
        --tw-scale-y: 1.1
      }

      .group:hover .group-hover\:border-cyan-30 {
        --tw-border-opacity: 1;
        border-color: rgb(202 252 236/var(--tw-border-opacity))
      }

      .group:hover .group-hover\:border-slate-40 {
        --tw-border-opacity: 1;
        border-color: rgb(121 149 151/var(--tw-border-opacity))
      }

      .group:hover .group-hover\:bg-cyan-10 {
        --tw-bg-opacity: 1;
        background-color: rgb(231 254 251/var(--tw-bg-opacity))
      }

      .group:hover .group-hover\:bg-neutral-10 {
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255/var(--tw-bg-opacity))
      }

      .group:hover .group-hover\:bg-slate-50 {
        --tw-bg-opacity: 1;
        background-color: rgb(60 84 89/var(--tw-bg-opacity))
      }

      .group:hover .group-hover\:bg-slate-60 {
        --tw-bg-opacity: 1;
        background-color: rgb(11 41 54/var(--tw-bg-opacity))
      }

      .group:hover .group-hover\:text-cyan-60 {
        --tw-text-opacity: 1;
        color: #FF623E;
      }

      .group:hover .group-hover\:text-neutral-10 {
        --tw-text-opacity: 1;
        color: rgb(255 255 255/var(--tw-text-opacity))
      }

      .group:hover .group-hover\:text-slate-60 {
        --tw-text-opacity: 1;
        color: rgb(11 41 54/var(--tw-text-opacity))
      }

      .group:hover .group-hover\:opacity-100 {
        opacity: 1
      }

      .prose-headings\:my-6 :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~=not-prose], [class~=not-prose] *))) {
        margin-bottom: 1.5rem;
        margin-top: 1.5rem
      }

      .prose-headings\:text-slate-60 :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~=not-prose], [class~=not-prose] *))) {
        --tw-text-opacity: 1;
        color: rgb(11 41 54/var(--tw-text-opacity))
      }

      .prose-li\:marker\:text-slate-60 * :is(:where(li):not(:where([class~=not-prose], [class~=not-prose] *)))::marker {
        color: #0b2936
      }

      .prose-li\:marker\:text-slate-60 :is(:where(li):not(:where([class~=not-prose], [class~=not-prose] *)))::marker {
        color: #0b2936
      }

      @media (min-width:768px) {
        .md\:pointer-events-none {
          pointer-events: none
        }

        .md\:absolute {
          position: absolute
        }

        .md\:relative {
          position: relative
        }

        .md\:bottom-4 {
          bottom: 1rem
        }

        .md\:bottom-8 {
          bottom: 2rem
        }

        .md\:left-0 {
          left: 0
        }

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

        .md\:left-\[unset\] {
          left: unset
        }

        .md\:right-4 {
          right: 1rem
        }

        .md\:right-6 {
          right: 1.5rem
        }

        .md\:top-0 {
          top: 0
        }

        .md\:top-6 {
          top: 1.5rem
        }

        .md\:z-\[unset\] {
          z-index: unset
        }

        .md\:col-span-2 {
          grid-column: span 2/span 2
        }

        .md\:col-span-3 {
          grid-column: span 3/span 3
        }

        .md\:col-span-4 {
          grid-column: span 4/span 4
        }

        .md\:col-span-5 {
          grid-column: span 5/span 5
        }

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

        .md\:col-start-2 {
          grid-column-start: 2
        }

        .md\:col-start-3 {
          grid-column-start: 3
        }

        .md\:col-start-6 {
          grid-column-start: 6
        }

        .md\:mx-4 {
          margin-left: 1rem;
          margin-right: 1rem
        }

        .md\:mx-auto {
          margin-left: auto;
          margin-right: auto
        }

        .md\:mb-auto {
          margin-bottom: auto
        }

        .md\:ml-16 {
          margin-left: 4rem
        }

        .md\:mt-0 {
          margin-top: 0
        }

        .md\:mt-9 {
          margin-top: 2.25rem
        }

        .md\:block {
          display: block
        }

        .md\:flex {
          display: flex
        }

        .md\:grid {
          display: grid
        }

        .md\:hidden {
          display: none
        }

        .md\:\!h-auto {
          height: auto !important
        }

        .md\:h-12 {
          height: 3rem
        }

        .md\:h-14 {
          height: 3.5rem
        }

        .md\:h-18 {
          height: 4.5rem
        }

        .md\:h-22 {
          height: 5.5rem
        }

        .md\:h-29 {
          height: 7.25rem
        }

        .md\:h-\[3\.5rem\] {
          height: 3.5rem
        }

        .md\:h-full {
          height: 100%
        }

        .md\:w-1\/3 {
          width: 33.333333%
        }

        .md\:w-25 {
          width: 6.25rem
        }

        .md\:w-\[60vw\] {
          width: 60vw
        }

        .md\:w-\[calc\(100\%-132px\)\] {
          width: calc(100% - 132px)
        }

        .md\:w-\[calc\(50\%-8px\)\] {
          width: calc(50% - 8px)
        }

        .md\:w-auto {
          width: auto
        }

        .md\:-translate-x-1\/2 {
          --tw-translate-x: -50%
        }

        .md\:-translate-x-1\/2,
        .md\:translate-x-0 {
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
        }

        .md\:translate-x-0 {
          --tw-translate-x: 0rem
        }

        .md\:\!grid-cols-6 {
          grid-template-columns: repeat(6, minmax(0, 1fr)) !important
        }

        .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-8 {
          grid-template-columns: repeat(8, minmax(0, 1fr))
        }

        .md\:flex-row {
          flex-direction: row
        }

        .md\:flex-wrap {
          flex-wrap: wrap
        }

        .md\:flex-nowrap {
          flex-wrap: nowrap
        }

        .md\:items-center {
          align-items: center
        }

        .md\:items-stretch {
          align-items: stretch
        }

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

        .md\:gap-0 {
          gap: 0
        }

        .md\:gap-10 {
          gap: 2.5rem
        }

        .md\:gap-12 {
          gap: 3rem
        }

        .md\:gap-2 {
          gap: .5rem
        }

        .md\:gap-20 {
          gap: 5rem
        }

        .md\:gap-3 {
          gap: .75rem
        }

        .md\:gap-4 {
          gap: 1rem
        }

        .md\:gap-6 {
          gap: 1.5rem
        }

        .md\:gap-8 {
          gap: 2rem
        }

        .md\:gap-x-4 {
          column-gap: 1rem
        }

        .md\:gap-y-14 {
          row-gap: 3.5rem
        }

        .md\:gap-y-16 {
          row-gap: 4rem
        }

        .md\:gap-y-19 {
          row-gap: 4.75rem
        }

        .md\:gap-y-20 {
          row-gap: 5rem
        }

        .md\:gap-y-24 {
          row-gap: 6rem
        }

        .md\:gap-y-8 {
          row-gap: 2rem
        }

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

        .md\:overflow-x-scroll {
          overflow-x: scroll
        }

        .md\:rounded-full {
          border-radius: 9999px
        }

        .md\:rounded-l-2xl {
          border-bottom-left-radius: 1rem;
          border-top-left-radius: 1rem
        }

        .md\:rounded-tr-none {
          border-top-right-radius: 0
        }

        .md\:bg-transparent {
          background-color: transparent
        }

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

        .md\:p-10 {
          padding: 2.5rem
        }

        .md\:p-12 {
          padding: 3rem
        }

        .md\:px-0 {
          padding-left: 0;
          padding-right: 0
        }

        .md\:px-10 {
          padding-left: 2.5rem;
          padding-right: 2.5rem
        }

        .md\:px-6 {
          padding-left: 1.5rem;
          padding-right: 1.5rem
        }

        .md\:px-8 {
          padding-left: 2rem;
          padding-right: 2rem
        }

        .md\:py-12 {
          padding-bottom: 3rem;
          padding-top: 3rem
        }

        .md\:py-16 {
          padding-bottom: 4rem;
          padding-top: 4rem
        }

        .md\:py-25 {
          padding-bottom: 6.25rem;
          padding-top: 6.25rem
        }

        .md\:py-4 {
          padding-bottom: 1rem;
          padding-top: 1rem
        }

        .md\:py-50 {
          padding-bottom: 12.5rem;
          padding-top: 12.5rem
        }

        .md\:py-6 {
          padding-bottom: 1.5rem;
          padding-top: 1.5rem
        }

        .md\:pb-16 {
          padding-bottom: 4rem
        }

        .md\:pb-48 {
          padding-bottom: 12rem
        }

        .md\:pl-20 {
          padding-left: 5rem
        }

        .md\:pl-4 {
          padding-left: 1rem
        }

        .md\:pr-7 {
          padding-right: 1.75rem
        }

        .md\:pt-1 {
          padding-top: .25rem
        }

        .md\:pt-20 {
          padding-top: 5rem
        }

        .md\:pt-21 {
          padding-top: 5.25rem
        }

        .md\:pt-25 {
          padding-top: 6.25rem
        }

        .md\:pt-28 {
          padding-top: 7rem
        }

        .md\:text-left {
          text-align: left
        }
      }

      @media (min-width:1024px) {
        .lg\:absolute {
          position: absolute
        }

        .lg\:-left-\[1px\] {
          left: -1px
        }

        .lg\:bottom-0 {
          bottom: 0
        }

        .lg\:left-0 {
          left: 0
        }

        .lg\:left-4 {
          left: 1rem
        }

        .lg\:right-0 {
          right: 0
        }

        .lg\:right-24 {
          right: 6rem
        }

        .lg\:right-28 {
          right: 7rem
        }

        .lg\:top-0 {
          top: 0
        }

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

        .lg\:top-2\/3 {
          top: 66.666667%
        }

        .lg\:col-span-10 {
          grid-column: span 10/span 10
        }

        .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\:col-start-1 {
          grid-column-start: 1
        }

        .lg\:col-start-2 {
          grid-column-start: 2
        }

        .lg\:col-start-3 {
          grid-column-start: 3
        }

        .lg\:col-start-4 {
          grid-column-start: 4
        }

        .lg\:col-start-5 {
          grid-column-start: 5
        }

        .lg\:col-start-7 {
          grid-column-start: 7
        }

        .lg\:col-start-8 {
          grid-column-start: 8
        }

        .lg\:row-start-1 {
          grid-row-start: 1
        }

        .lg\:mx-auto {
          margin-left: auto;
          margin-right: auto
        }

        .lg\:-ml-16 {
          margin-left: -4rem
        }

        .lg\:ml-0 {
          margin-left: 0
        }

        .lg\:mt-0 {
          margin-top: 0
        }

        .lg\:block {
          display: block
        }

        .lg\:flex {
          display: flex
        }

        .lg\:grid {
          display: grid
        }

        .lg\:hidden {
          display: none
        }

        .lg\:h-1\/2 {
          height: 50%
        }

        .lg\:h-12 {
          height: 3rem
        }

        .lg\:h-18 {
          height: 4.5rem
        }

        .lg\:h-20 {
          height: 5rem
        }

        .lg\:h-28 {
          height: 7rem
        }

        .lg\:h-33 {
          height: 8.25rem
        }

        .lg\:h-\[100vh\] {
          height: 100vh
        }

        .lg\:h-\[4\.5rem\] {
          height: 4.5rem
        }

        .lg\:h-\[calc\(100vh-82px\)\] {
          height: calc(100vh - 82px)
        }

        .lg\:h-full {
          height: 100%
        }

        .lg\:h-screen {
          height: 100vh
        }

        .lg\:w-30 {
          width: 7.5rem
        }

        .lg\:w-\[1px\] {
          width: 1px
        }

        .lg\:w-\[284px\] {
          width: 284px
        }

        .lg\:w-\[3px\] {
          width: 3px
        }

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

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

        .lg\:w-\[700px\] {
          width: 700px
        }

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

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

        .lg\:w-\[96px\] {
          width: 96px
        }

        .lg\:w-\[calc\(33\%-10px\)\] {
          width: calc(33% - 10px)
        }

        .lg\:w-\[calc\(33\%-6px\)\] {
          width: calc(33% - 6px)
        }

        .lg\:w-\[calc\(45\%\)\] {
          width: 45%
        }

        .lg\:w-\[calc\(55\%\)\] {
          width: 55%
        }

        .lg\:w-auto {
          width: auto
        }

        .lg\:max-w-none {
          max-width: none
        }

        .lg\:max-w-xl {
          max-width: 36rem
        }

        .lg\:flex-none {
          flex: none
        }

        .lg\:-translate-x-1\/2 {
          --tw-translate-x: -50%
        }

        .lg\:-translate-x-1\/2,
        .lg\:-translate-y-1\/2 {
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
        }

        .lg\:-translate-y-1\/2 {
          --tw-translate-y: -50%
        }

        .lg\:-translate-y-1\/4 {
          --tw-translate-y: -25%
        }

        .lg\:-translate-y-1\/4,
        .lg\:-translate-y-\[30px\] {
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
        }

        .lg\:-translate-y-\[30px\] {
          --tw-translate-y: -30px
        }

        .lg\:translate-x-1\/2 {
          --tw-translate-x: 50%
        }

        .lg\:translate-x-1\/2,
        .lg\:translate-x-\[calc\(100\%\+40px\)\] {
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
        }

        .lg\:translate-x-\[calc\(100\%\+40px\)\] {
          --tw-translate-x: calc(100% + 40px)
        }

        .lg\:translate-y-25 {
          --tw-translate-y: 6.25rem
        }

        .lg\:translate-y-25,
        .lg\:translate-y-5 {
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
        }

        .lg\:translate-y-5 {
          --tw-translate-y: 1.25rem
        }

        .lg\:rotate-0 {
          --tw-rotate: 0deg
        }

        .lg\:rotate-0,
        .lg\:rotate-180 {
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
        }

        .lg\:rotate-180 {
          --tw-rotate: 180deg
        }

        .lg\:scale-75 {
          --tw-scale-x: .75;
          --tw-scale-y: .75;
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
        }

        .lg\:\!grid-cols-10 {
          grid-template-columns: repeat(10, minmax(0, 1fr)) !important
        }

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

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

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

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

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

        .lg\:flex-row {
          flex-direction: row
        }

        .lg\:flex-col {
          flex-direction: column
        }

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

        .lg\:items-center {
          align-items: center
        }

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

        .lg\:justify-end {
          justify-content: flex-end
        }

        .lg\:justify-center {
          justify-content: center
        }

        .lg\:gap-10 {
          gap: 2.5rem
        }

        .lg\:gap-2 {
          gap: .5rem
        }

        .lg\:gap-20 {
          gap: 5rem
        }

        .lg\:gap-4 {
          gap: 1rem
        }

        .lg\:gap-x-4 {
          column-gap: 1rem
        }

        .lg\:gap-x-8 {
          column-gap: 2rem
        }

        .lg\:gap-y-24 {
          row-gap: 6rem
        }

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

        .lg\:self-end {
          align-self: flex-end
        }

        .lg\:overflow-hidden {
          overflow: hidden
        }

        .lg\:px-10 {
          padding-left: 2.5rem;
          padding-right: 2.5rem
        }

        .lg\:px-30 {
          padding-left: 7.5rem;
          padding-right: 7.5rem
        }

        .lg\:py-10 {
          padding-bottom: 2.5rem;
          padding-top: 2.5rem
        }

        .lg\:py-15 {
          padding-bottom: 3.75rem;
          padding-top: 3.75rem
        }

        .lg\:py-16 {
          padding-bottom: 4rem;
          padding-top: 4rem
        }

        .lg\:py-18 {
          padding-bottom: 4.5rem;
          padding-top: 4.5rem
        }

        .lg\:py-23 {
          padding-bottom: 5.75rem;
          padding-top: 5.75rem
        }

        .lg\:py-6 {
          padding-bottom: 1.5rem;
          padding-top: 1.5rem
        }

        .lg\:pb-0 {
          padding-bottom: 0
        }

        .lg\:pb-10 {
          padding-bottom: 2.5rem
        }

        .lg\:pb-96 {
          padding-bottom: 24rem
        }

        .lg\:pb-\[270px\] {
          padding-bottom: 270px
        }

        .lg\:pt-10 {
          padding-top: 2.5rem
        }

        .lg\:pt-20 {
          padding-top: 5rem
        }

        .lg\:pt-21 {
          padding-top: 5.25rem
        }

        .lg\:pt-36 {
          padding-top: 9rem
        }

        .lg\:text-left {
          text-align: left
        }

        .lg\:opacity-20 {
          opacity: .2
        }
      }

      @media (min-width:1328px) {
        .xl\:col-span-10 {
          grid-column: span 10/span 10
        }

        .xl\:col-start-2 {
          grid-column-start: 2
        }

        .xl\:gap-x-16 {
          column-gap: 4rem
        }
      }

      @media (min-width:1536px) {
        .\32xl\:col-span-3 {
          grid-column: span 3/span 3
        }

        .\32xl\:col-start-2 {
          grid-column-start: 2
        }
      }

      @media (min-width:2000px) {
        .min-\[2000px\]\:max-w-none {
          max-width: none
        }
      }

      .\[\&\>\*\]\:m-0>* {
        margin: 0
      }

      .\[\&\>\*\]\:\!py-6>* {
        padding-bottom: 1.5rem !important;
        padding-top: 1.5rem !important
      }

      .\[\&\>ol\]\:relative>ol {
        position: relative
      }

      .\[\&\>ol\]\:pl-5>ol {
        padding-left: 1.25rem
      }

      @media (min-width:768px) {
        .md\:\[\&\>ol\]\:pl-16>ol {
          padding-left: 4rem
        }
      }

      @media (min-width:1024px) {
        .lg\:\[\&\>ol\]\:pl-5>ol {
          padding-left: 1.25rem
        }
      }

      .\[\&\>p\>a\]\:whitespace-nowrap>p>a {
        white-space: nowrap
      }

      .\[\&\>p\>a\]\:text-slate-20>p>a {
        --tw-text-opacity: 1;
        color: rgb(219 241 241/var(--tw-text-opacity))
      }

      .\[\&\>table\>tr\>td\>\*\]\:my-0>table>tr>td>* {
        margin-bottom: 0;
        margin-top: 0
      }

      .\[\&\>table\>tr\>td\>\*\]\:p-2>table>tr>td>* {
        padding: .5rem
      }

      .\[\&\>table\>tr\>td\]\:border-l>table>tr>td {
        border-left-width: 1px
      }

      .\[\&\>table\>tr\>td\]\:border-r>table>tr>td {
        border-right-width: 1px
      }

      .\[\&\>table\>tr\>td\]\:border-\[\#dedede\]>table>tr>td {
        --tw-border-opacity: 1;
        border-color: rgb(222 222 222/var(--tw-border-opacity))
      }

      .\[\&\>table\>tr\]\:border-b>table>tr {
        border-bottom-width: 1px
      }

      .\[\&\>table\>tr\]\:border-t>table>tr {
        border-top-width: 1px
      }

      .\[\&\>table\>tr\]\:border-\[\#dedede\]>table>tr {
        --tw-border-opacity: 1;
        border-color: rgb(222 222 222/var(--tw-border-opacity))
      }

      .\[\&_iframe\]\:h-full iframe {
        height: 100%
      }

      .\[\&_iframe\]\:w-full iframe {
        width: 100%
      }

      @font-face {
        font-family: swiper-icons;
        font-style: normal;
        font-weight: 400;
        src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA")
      }

      :root {
        --swiper-theme-color: #007aff
      }

      :host {
        display: block;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        z-index: 1
      }

      .swiper {
        display: block;
        list-style: none;
        margin-left: auto;
        margin-right: auto;
        overflow: hidden;
        padding: 0;
        position: relative;
        z-index: 1
      }

      .swiper-vertical>.swiper-wrapper {
        flex-direction: column
      }

      .swiper-wrapper {
        box-sizing: content-box;
        display: flex;
        height: 100%;
        position: relative;
        transition-property: transform;
        transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
        width: 100%;
        z-index: 1
      }

      .swiper-android .swiper-slide,
      .swiper-ios .swiper-slide,
      .swiper-wrapper {
        transform: translateZ(0)
      }

      .swiper-horizontal {
        touch-action: pan-y
      }

      .swiper-vertical {
        touch-action: pan-x
      }

      .swiper-slide {
        display: block;
        flex-shrink: 0;
        height: 100%;
        position: relative;
        transition-property: transform;
        width: 100%
      }

      .swiper-slide-invisible-blank {
        visibility: hidden
      }

      .swiper-autoheight,
      .swiper-autoheight .swiper-slide {
        height: auto
      }

      .swiper-autoheight .swiper-wrapper {
        align-items: flex-start;
        transition-property: transform, height
      }

      .swiper-backface-hidden .swiper-slide {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        transform: translateZ(0)
      }

      .swiper-3d.swiper-css-mode .swiper-wrapper {
        perspective: 1200px
      }

      .swiper-3d .swiper-wrapper {
        transform-style: preserve-3d
      }

      .swiper-3d {
        perspective: 1200px
      }

      .swiper-3d .swiper-cube-shadow,
      .swiper-3d .swiper-slide {
        transform-style: preserve-3d
      }

      .swiper-css-mode>.swiper-wrapper {
        -ms-overflow-style: none;
        overflow: auto;
        scrollbar-width: none
      }

      .swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
        display: none
      }

      .swiper-css-mode>.swiper-wrapper>.swiper-slide {
        scroll-snap-align: start start
      }

      .swiper-css-mode.swiper-horizontal>.swiper-wrapper {
        scroll-snap-type: x mandatory
      }

      .swiper-css-mode.swiper-vertical>.swiper-wrapper {
        scroll-snap-type: y mandatory
      }

      .swiper-css-mode.swiper-free-mode>.swiper-wrapper {
        scroll-snap-type: none
      }

      .swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
        scroll-snap-align: none
      }

      .swiper-css-mode.swiper-centered>.swiper-wrapper:before {
        content: "";
        flex-shrink: 0;
        order: 9999
      }

      .swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
        scroll-snap-align: center center;
        scroll-snap-stop: always
      }

      .swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
        -webkit-margin-start: var(--swiper-centered-offset-before);
        margin-inline-start: var(--swiper-centered-offset-before)
      }

      .swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
        height: 100%;
        min-height: 1px;
        width: var(--swiper-centered-offset-after)
      }

      .swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
        -webkit-margin-before: var(--swiper-centered-offset-before);
        margin-block-start: var(--swiper-centered-offset-before)
      }

      .swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before {
        height: var(--swiper-centered-offset-after);
        min-width: 1px;
        width: 100%
      }

      .swiper-3d .swiper-slide-shadow,
      .swiper-3d .swiper-slide-shadow-bottom,
      .swiper-3d .swiper-slide-shadow-left,
      .swiper-3d .swiper-slide-shadow-right,
      .swiper-3d .swiper-slide-shadow-top {
        height: 100%;
        left: 0;
        pointer-events: none;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 10
      }

      .swiper-3d .swiper-slide-shadow {
        background: rgba(0, 0, 0, .15)
      }

      .swiper-3d .swiper-slide-shadow-left {
        background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
      }

      .swiper-3d .swiper-slide-shadow-right {
        background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
      }

      .swiper-3d .swiper-slide-shadow-top {
        background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
      }

      .swiper-3d .swiper-slide-shadow-bottom {
        background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
      }

      .swiper-lazy-preloader {
        border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
        border-radius: 50%;
        border-top: 4px solid transparent;
        box-sizing: border-box;
        height: 42px;
        left: 50%;
        margin-left: -21px;
        margin-top: -21px;
        position: absolute;
        top: 50%;
        transform-origin: 50%;
        width: 42px;
        z-index: 10
      }

      .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
      .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
        animation: swiper-preloader-spin 1s linear infinite
      }

      .swiper-lazy-preloader-white {
        --swiper-preloader-color: #fff
      }

      .swiper-lazy-preloader-black {
        --swiper-preloader-color: #000
      }

      @keyframes swiper-preloader-spin {
        0% {
          transform: rotate(0deg)
        }

        to {
          transform: rotate(1turn)
        }
      }

      .mapboxgl-map {
        -webkit-tap-highlight-color: rgb(0 0 0/0);
        font: 12px/20px Helvetica Neue, Arial, Helvetica, sans-serif;
        overflow: hidden;
        position: relative
      }

      .mapboxgl-canvas {
        left: 0;
        position: absolute;
        top: 0
      }

      .mapboxgl-map:-webkit-full-screen {
        height: 100%;
        width: 100%
      }

      .mapboxgl-canary {
        background-color: salmon
      }

      .mapboxgl-canvas-container.mapboxgl-interactive,
      .mapboxgl-ctrl-group button.mapboxgl-ctrl-compass {
        cursor: grab;
        -webkit-user-select: none;
        user-select: none
      }

      .mapboxgl-canvas-container.mapboxgl-interactive.mapboxgl-track-pointer {
        cursor: pointer
      }

      .mapboxgl-canvas-container.mapboxgl-interactive:active,
      .mapboxgl-ctrl-group button.mapboxgl-ctrl-compass:active {
        cursor: grabbing
      }

      .mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate,
      .mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate .mapboxgl-canvas {
        touch-action: pan-x pan-y
      }

      .mapboxgl-canvas-container.mapboxgl-touch-drag-pan,
      .mapboxgl-canvas-container.mapboxgl-touch-drag-pan .mapboxgl-canvas {
        touch-action: pinch-zoom
      }

      .mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan,
      .mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan .mapboxgl-canvas {
        touch-action: none
      }

      .mapboxgl-ctrl-bottom-left,
      .mapboxgl-ctrl-bottom-right,
      .mapboxgl-ctrl-top-left,
      .mapboxgl-ctrl-top-right {
        pointer-events: none;
        position: absolute;
        z-index: 2
      }

      .mapboxgl-ctrl-top-left {
        left: 0;
        top: 0
      }

      .mapboxgl-ctrl-top-right {
        right: 0;
        top: 0
      }

      .mapboxgl-ctrl-bottom-left {
        bottom: 0;
        left: 0
      }

      .mapboxgl-ctrl-bottom-right {
        bottom: 0;
        right: 0
      }

      .mapboxgl-ctrl {
        clear: both;
        pointer-events: auto;
        transform: translate(0)
      }

      .mapboxgl-ctrl-top-left .mapboxgl-ctrl {
        float: left;
        margin: 10px 0 0 10px
      }

      .mapboxgl-ctrl-top-right .mapboxgl-ctrl {
        float: right;
        margin: 10px 10px 0 0
      }

      .mapboxgl-ctrl-bottom-left .mapboxgl-ctrl {
        float: left;
        margin: 0 0 10px 10px
      }

      .mapboxgl-ctrl-bottom-right .mapboxgl-ctrl {
        float: right;
        margin: 0 10px 10px 0
      }

      .mapboxgl-ctrl-group {
        background: #fff;
        border-radius: 4px
      }

      .mapboxgl-ctrl-group:not(:empty) {
        box-shadow: 0 0 0 2px rgba(0, 0, 0, .1)
      }

      @media (-ms-high-contrast:active) {
        .mapboxgl-ctrl-group:not(:empty) {
          box-shadow: 0 0 0 2px ButtonText
        }
      }

      .mapboxgl-ctrl-group button {
        background-color: transparent;
        border: 0;
        box-sizing: border-box;
        cursor: pointer;
        display: block;
        height: 29px;
        outline: none;
        overflow: hidden;
        padding: 0;
        width: 29px
      }

      .mapboxgl-ctrl-group button+button {
        border-top: 1px solid #ddd
      }

      .mapboxgl-ctrl button .mapboxgl-ctrl-icon {
        background-position: 50%;
        background-repeat: no-repeat;
        display: block;
        height: 100%;
        width: 100%
      }

      @media (-ms-high-contrast:active) {
        .mapboxgl-ctrl-icon {
          background-color: transparent
        }

        .mapboxgl-ctrl-group button+button {
          border-top: 1px solid ButtonText
        }
      }
      .step-heading h2{
        font-size: 65px;
      }
      .step-heading p{
        font-size: 36px;
        font-weight: lighter;
      }
      .steps {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 50px;
      }
      .steps .step-box{
        background: #4C2A32;
        border-radius: 30px;
        padding: 30px;
        display: flex;
        gap: 20px;
        width: 33.33%;
        min-height: 211px;
      }
      .steps .step-box .icon{
        width: 180px;
      }
      .steps .step-box .icon img{
        width: 60px;
      }
      .steps .step-box .text-b{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        text-align: left;
        flex: 0 0 70%;
      }
      .steps .step-box h3{
        font-size: 20px;
        font-weight: bold;
        color: #fff;
        margin-bottom: 20px;
      }
      .steps .step-box p{
        color: #fff;
      }
      .benefits-section .benefit-col{
        display: flex;
        justify-content: space-between;
      }
      .benefits-section .benefit-col .col-left{
        display: flex;
        align-items: center;
        width: 40%;
      }
      .benefits-section .benefit-col .col-left h2{
        font-size: 44px;
      }
      .benefits-section .benefit-col .col-right{
          width: 320px;
      }
      .benefits-section .benefit-col .col-right .imgbox{
        width: 600px;
        border-radius: 30px;
        overflow: hidden;
      }
      .benefits-section .benefit-col .col-right .imgbox img{
        position: fixed;
      }
      .testimonials-sec .swiper-container {
          overflow-y: visible;
          padding: 5px 0;
      }
      
      .testimonials-sec .swiper-slide {
          padding: 30px;
          border-radius: 20px;
          box-shadow: 0 0 4px #0000002e;
          overflow-y: visible;
      }
      .testimonials-sec .test-arrowbox {
          display: flex;
          align-items: center;
          justify-content: center;
          padding: 30px 0 0 0;
      }
      .testimonials-sec .test-arrowbox .arrow-s{
          margin: 0 5px;
          width: 50px;
      }
      .contact-sec-bg{
        background: #4C2A32;
      }
      .contact-sec-bg .form-sec{
        width: 50%;
      }
      .contact-sec-bg .form-sec .field-grp{
        display: flex;
        gap:20px;
      }
      .contact-sec-bg .field-in input
      {
        background: #fff;
        width: 100%;
        margin-bottom: 15px;
        padding: 14px 30px;
        border-radius: 40px;
        color: #000;
      }
      .contact-sec-bg .form-sec .field-grp .field-in{
        display: flex;
        flex-direction: column;
        width: 50%;
      }
      .contact-sec-bg .field-in textarea{
        background: #fff;
        width: 100%;
        margin-bottom: 15px;
        padding: 14px 30px;
        border-radius: 20px;
        color: #000;
        height: 120px;
      }
      ul.hero-links {
          position: relative;
          display: flex
      ;
          align-items: center;
          justify-content: center;
          color: #fff;
          font-size: 24px;
      }
      ul.hero-links li{
        padding: 20px 10px;
        text-shadow: 0px 2px 4px #000;
      }
      a.button-wrapper.group.label-visibility-always.button-visibility-always.map-btn {
      position: absolute;
      left: 0;
      right: 0;
      width: 300px;
      margin: 0 auto;
      top: 30px;
  }
      .mapboxgl-ctrl-attrib-button:focus,
      .mapboxgl-ctrl-group button:focus {
        box-shadow: 0 0 2px 2px #0096ff
      }

      .mapboxgl-ctrl button:disabled {
        cursor: not-allowed
      }

      .mapboxgl-ctrl button:disabled .mapboxgl-ctrl-icon {
        opacity: .25
      }

      .mapboxgl-ctrl-group button:first-child {
        border-radius: 4px 4px 0 0
      }

      .mapboxgl-ctrl-group button:last-child {
        border-radius: 0 0 4px 4px
      }

      .mapboxgl-ctrl-group button:only-child {
        border-radius: inherit
      }

      .mapboxgl-ctrl button:not(:disabled):hover {
        background-color: rgb(0 0 0/5%)
      }

      .mapboxgl-ctrl-group button:focus:focus-visible {
        box-shadow: 0 0 2px 2px #0096ff
      }

      .mapboxgl-ctrl-group button:focus:not(:focus-visible) {
        box-shadow: none
      }
      .hero-wrap {
        overflow: hidden;
        border-radius: 60px;
      }
      .hero-img-area:after{
        position: absolute;
        content: "";
        background:#1513102e;
        left: 0;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
      }
      .hero-text {
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          height: 100%;
      }
      .hero-cta{
        margin-top: 30px;
      }
      .container{
        max-width: 1240px;
        margin: 0 auto;
      }
      .box-s {
          display: flex;
          align-items: center;
          gap: 100px;
          padding: 50px 0;
      }
      .box-s.d-l{
        flex-direction: row-reverse;
      }
      .box-s .left-a{
        width: 70%;
      }
      .box-s .left-a h3{
        text-transform: capitalize;
        margin-bottom: 20px;
      }
      .box-s .left-a p{
        font-size: 18px;
      }
      .box-s .right-a{
        border-radius: 60px;
        overflow: hidden;
      }
      /*---------------------
HAMBURGER MENU
----------------------*/
.mobile-menu-main{
  display: none;
  padding: 10px 15px;
}
.hamburger-menu {
  position: absolute;
  top: 0;
  right: 0;
  padding-top: 20px;
  padding-left: 15px;
  width: 60px;
  height: 60px;
  cursor: pointer;
  z-index: 9998;
  background: #EBEBEB;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

.bar,
.bar:after,
.bar:before {
  width: 30px;
  height: 3px;
}

.bar {
  position: relative;
  transform: translateY(10px);
  background: black;
  transition: all 0ms 300ms;
}

.bar.animate {
  background: rgba(255, 255, 255, 0);
}

.bar:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 10px;
  background: black;
  transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.bar:after {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  background: black;
  transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.bar.animate:after {
  top: 0;
  transform: rotate(45deg);
  transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.bar.animate:before {
  bottom: 0;
  transform: rotate(-45deg);
  transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

/*---------------------
Mobiles Menu 
----------------------*/
  /*---------------------
  Mobiles Menu - Design 
  ----------------------*/

.mobile-menu ul {
  margin: 0;
  padding: 0;
}

.mobile-menu li {
  font-size: 20px;
  line-height: 30px;
  margin: 0;
  overflow: hidden;
  padding: 5px;
  position: relative;
  text-align: left;
  text-transform: uppercase;
  padding-left:15px;
}

.mobile-menu li:first-child {
  margin-top: 70px;
}

.mobile-menu li:hover {
  background: #CCCCCC;
}

.mobile-menu li a {
  text-decoration: none;
  color: black;
}

  /*---------------------
  Mobiles Menu - Slide IN 
  ----------------------*/

.mobile-menu {
  top: 0;
  max-width: 250px;
  left: -100%;
  width: 100%;
  background: #EBEBEB;
  color: black;
  height: 100%;
  position: fixed;
  z-index: 9997;
  overflow-y: auto;
  -webkit-transform: translate3d(0, 0, 205px);
  -moz-transform: translate3d(0, 0, 205px);
  transform: translate3d(0, 0, 205px);
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  display: flex;
  flex-direction: column;
}

.mobile-menu.active {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}

  /*---------------------
  Mobiles Menu - Dropdown Submenu
  ----------------------*/

.has-children:hover{
  cursor:hand;
}

.children {
  display:none; 
}

.mobile-menu .children li:first-child {
  margin-top: 0px;
}

.icon-arrow {
  position: absolute;
  display: block;
  font-size: 0.7em;
  color: black;
  top: 5px;
  right: 10px;
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg); 
  transition: .6s;
  -webkit-transition: .6s;
  -moz-transition: .6s;  
}
  
.icon-arrow:after {
    content: "\25BC";
}

.icon-arrow.open {
  transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg); 
  transition: .6s;
  -webkit-transition: .6s;
  -moz-transition: .6s;     
}
      @media screen and (min-width: 1024px) and (max-width: 1440px) {
        .hero-area h1 span.heading-xl{
          font-size: 55px;
          line-height: 62px;
        }
      }
      
      @media screen and (min-width: 768px) and (max-width: 900px) {
        .hero-area h1 span.heading-xl{
          font-size: 65px;
          line-height: 72px;
        }
        .faq-section .content p{
          font-size: 18px;
        }
      }
      @media(max-width:767px){
        .hero-wrap{
          border-radius: 20px;
         
        }
        .hero-wrap .hero-text{
           padding: 0 20px;
        }
        .mobile-menu-main{
          display: block !important;
        }
        .desktop-menu{
          display: none !important;
        }
        .hero-area h1 span.heading-xl{
          font-size: 25px;
          line-height: 32px;
        }
        ul.hero-links li{
          font-size: 12px;
          padding: 4px 10px;
        }
        .testimonials-sec .swiper-slide{
          width: 100% !important;
        }
        .faq-section .content p{
          font-size: 14px;
          line-height: 22px;
          text-align: left;
        }
        .heading-l{
          font-size: 25px;
          line-height: 32px;
        }
        .step-heading p{
          font-size: 15px;
          line-height: 18px;
        }
        .content.l{
          font-size: 14px;
          line-height: 18px;
        }
        img.logo {
            width: 60%;
        }
        .hero-cta{
          display: none;
        }
        .benefits-section .benefit-col{
          flex-direction: column;
        }
        .benefits-section .benefit-col .col-left{
          width: 100%;
        }
        .benefits-section .benefit-col .col-left h2 {
            font-size: 16px;
            text-align: center;
        }
        
        .benefits-section .benefit-col .col-right img{
          height: 100%;
        }
        .steps{
          flex-direction:column;
        }
        .steps .step-box{
          width: 100%;
        }
        .contact-sec-bg .form-sec {
            width: 90%;
        }
        .contact-sec-bg .form-sec .field-grp{
              flex-direction: column;
              gap: 0;
        }
        .contact-sec-bg .form-sec .field-grp .field-in{
          width: 100%;
        }
        .box-s{
          flex-direction: column !important;
        }
      }