/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
@import url("https://fonts.googleapis.com/css2?family=Google+Sans+Flex:opsz,wght@6..144,1..1000&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap");
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --leading-normal: normal;
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --animate-fade: fade var(--default-animation-duration, 1s) var(--default-animation-timing-function, ease) var(--default-animation-delay, 0s) both;
    --animate-fade-up: fade-up var(--default-animation-duration, 1s) var(--default-animation-timing-function, ease) var(--default-animation-delay, 0s) both;
    --animate-fade-left: fade-left var(--default-animation-duration, 1s) var(--default-animation-timing-function, ease) var(--default-animation-delay, 0s) both;
    --animate-fade-right: fade-right var(--default-animation-duration, 1s) var(--default-animation-timing-function, ease) var(--default-animation-delay, 0s) both;
    --font-google-sans-flex: "Google Sans Flex", sans-serif;
    --font-manrope: "Manrope", sans-serif;
    --color-primary: #00B0DB;
    --color-secondary: #191919;
    --color-tertiary: #F8F9FC;
    --color-border-primary: #DFE5EF;
    --color-border-secondary: #252E30;
    --color-border-tertiary: #C9D3E4;
    --color-text-primary: #586174;
    --color-text-secondary: #546060;
    --color-bg-primary: #141D1F;
    --color-bg-secondary: #29393D;
    --color-bg-tertiary: #0d181a;
    --color-bg-warning: #EF4444;
    --spacing-container: max(32px, calc((100vw - 1264px) / 2 + 24px));
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
      -o-tab-size: 4;
         tab-size: 4;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::-moz-placeholder {
    opacity: 1;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::-moz-placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
    -webkit-appearance: button;
       -moz-appearance: button;
            appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .drag-scroll {
    cursor: grab;
    &.is-dragging {
      cursor: grabbing;
      -webkit-user-select: none;
         -moz-user-select: none;
              user-select: none;
    }
    &.is-dragging.is-dragging-active * {
      pointer-events: none;
    }
  }
  .pointer-events-auto {
    pointer-events: auto;
  }
  .pointer-events-none {
    pointer-events: none;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .inset-0 {
    inset: 0;
  }
  .top-0 {
    top: 0;
  }
  .top-1\/2 {
    top: calc(1 / 2 * 100%);
  }
  .top-6 {
    top: calc(var(--spacing) * 6);
  }
  .top-\[-3px\] {
    top: -3px;
  }
  .top-\[-19px\] {
    top: -19px;
  }
  .top-\[-35px\] {
    top: -35px;
  }
  .top-\[38px\] {
    top: 38px;
  }
  .top-\[56px\] {
    top: 56px;
  }
  .top-\[280px\] {
    top: 280px;
  }
  .right-0 {
    right: 0;
  }
  .right-6 {
    right: calc(var(--spacing) * 6);
  }
  .right-\[-3px\] {
    right: -3px;
  }
  .right-\[24px\] {
    right: 24px;
  }
  .right-\[30px\] {
    right: 30px;
  }
  .right-\[34px\] {
    right: 34px;
  }
  .right-\[76px\] {
    right: 76px;
  }
  .bottom-0 {
    bottom: 0;
  }
  .bottom-\[-1px\] {
    bottom: -1px;
  }
  .bottom-\[-2px\] {
    bottom: -2px;
  }
  .bottom-\[-3px\] {
    bottom: -3px;
  }
  .bottom-\[-19px\] {
    bottom: -19px;
  }
  .bottom-\[4px\] {
    bottom: 4px;
  }
  .bottom-\[30px\] {
    bottom: 30px;
  }
  .bottom-\[31px\] {
    bottom: 31px;
  }
  .bottom-\[40px\] {
    bottom: 40px;
  }
  .bottom-\[50px\] {
    bottom: 50px;
  }
  .left-0 {
    left: 0;
  }
  .left-1\/2 {
    left: calc(1 / 2 * 100%);
  }
  .left-\[-3px\] {
    left: -3px;
  }
  .left-\[24px\] {
    left: 24px;
  }
  .left-\[30px\] {
    left: 30px;
  }
  .left-\[34px\] {
    left: 34px;
  }
  .left-\[56px\] {
    left: 56px;
  }
  .left-\[76px\] {
    left: 76px;
  }
  .z-0 {
    z-index: 0;
  }
  .z-1 {
    z-index: 1;
  }
  .z-40 {
    z-index: 40;
  }
  .z-50 {
    z-index: 50;
  }
  .z-\[1\] {
    z-index: 1;
  }
  .container {
    width: 100%;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
  }
  .m-auto {
    margin: auto;
  }
  .mx-auto {
    margin-inline: auto;
  }
  .mt-\[-66px\] {
    margin-top: -66px;
  }
  .mt-\[-80px\] {
    margin-top: -80px;
  }
  .mt-\[24px\] {
    margin-top: 24px;
  }
  .mt-\[32px\] {
    margin-top: 32px;
  }
  .mt-\[48px\] {
    margin-top: 48px;
  }
  .mt-\[50px\] {
    margin-top: 50px;
  }
  .mt-auto {
    margin-top: auto;
  }
  .mr-0 {
    margin-right: 0;
  }
  .mr-\[8px\] {
    margin-right: 8px;
  }
  .mr-\[12px\] {
    margin-right: 12px;
  }
  .mb-0 {
    margin-bottom: 0;
  }
  .mb-\[8px\] {
    margin-bottom: 8px;
  }
  .mb-\[16px\] {
    margin-bottom: 16px;
  }
  .mb-\[24px\] {
    margin-bottom: 24px;
  }
  .mb-\[25px\] {
    margin-bottom: 25px;
  }
  .mb-\[26px\] {
    margin-bottom: 26px;
  }
  .mb-\[32px\] {
    margin-bottom: 32px;
  }
  .mb-\[33px\] {
    margin-bottom: 33px;
  }
  .mb-\[40px\] {
    margin-bottom: 40px;
  }
  .mb-\[48px\] {
    margin-bottom: 48px;
  }
  .mb-\[53px\] {
    margin-bottom: 53px;
  }
  .mb-\[56px\] {
    margin-bottom: 56px;
  }
  .mb-\[56px\]\! {
    margin-bottom: 56px !important;
  }
  .mb-\[64px\] {
    margin-bottom: 64px;
  }
  .mb-\[73px\] {
    margin-bottom: 73px;
  }
  .mb-\[80px\] {
    margin-bottom: 80px;
  }
  .mb-\[80px\]\! {
    margin-bottom: 80px !important;
  }
  .mb-\[112px\] {
    margin-bottom: 112px;
  }
  .mb-\[120px\] {
    margin-bottom: 120px;
  }
  .ml-\[max\(32px\,calc\(\(100vw-1200px\)\/2\)\)\] {
    margin-left: max(32px, calc((100vw - 1200px) / 2));
  }
  .scrollbar-hidden {
    scrollbar-width: none;
    -ms-overflow-style: none;
    &::-webkit-scrollbar {
      display: none;
    }
  }
  .block {
    display: block;
  }
  .flex {
    display: flex;
  }
  .flex\! {
    display: flex !important;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline-block {
    display: inline-block;
  }
  .h-0\.5 {
    height: calc(var(--spacing) * 0.5);
  }
  .h-6 {
    height: calc(var(--spacing) * 6);
  }
  .h-8 {
    height: calc(var(--spacing) * 8);
  }
  .h-10 {
    height: calc(var(--spacing) * 10);
  }
  .h-\[8px\] {
    height: 8px;
  }
  .h-\[20px\] {
    height: 20px;
  }
  .h-\[21px\] {
    height: 21px;
  }
  .h-\[24px\] {
    height: 24px;
  }
  .h-\[29px\] {
    height: 29px;
  }
  .h-\[32px\] {
    height: 32px;
  }
  .h-\[39px\] {
    height: 39px;
  }
  .h-\[40px\] {
    height: 40px;
  }
  .h-\[41px\] {
    height: 41px;
  }
  .h-\[44px\] {
    height: 44px;
  }
  .h-\[48px\] {
    height: 48px;
  }
  .h-\[54px\] {
    height: 54px;
  }
  .h-\[56px\] {
    height: 56px;
  }
  .h-\[64px\] {
    height: 64px;
  }
  .h-\[70px\] {
    height: 70px;
  }
  .h-\[80\%\] {
    height: 80%;
  }
  .h-\[80px\] {
    height: 80px;
  }
  .h-\[110px\] {
    height: 110px;
  }
  .h-\[176px\] {
    height: 176px;
  }
  .h-\[184px\] {
    height: 184px;
  }
  .h-\[236px\] {
    height: 236px;
  }
  .h-\[257px\] {
    height: 257px;
  }
  .h-\[460px\] {
    height: 460px;
  }
  .h-\[480px\] {
    height: 480px;
  }
  .h-\[540px\] {
    height: 540px;
  }
  .h-\[605px\] {
    height: 605px;
  }
  .h-\[668px\] {
    height: 668px;
  }
  .h-\[1024px\] {
    height: 1024px;
  }
  .h-auto {
    height: auto;
  }
  .h-full {
    height: 100%;
  }
  .max-h-\[16px\] {
    max-height: 16px;
  }
  .max-h-\[1550px\] {
    max-height: 1550px;
  }
  .min-h-0 {
    min-height: 0;
  }
  .min-h-\[16px\] {
    min-height: 16px;
  }
  .min-h-\[40px\] {
    min-height: 40px;
  }
  .min-h-\[60px\] {
    min-height: 60px;
  }
  .min-h-\[245px\] {
    min-height: 245px;
  }
  .min-h-\[289px\] {
    min-height: 289px;
  }
  .min-h-\[440px\] {
    min-height: 440px;
  }
  .min-h-\[690px\] {
    min-height: 690px;
  }
  .min-h-\[891px\] {
    min-height: 891px;
  }
  .min-h-auto {
    min-height: auto;
  }
  .min-h-screen {
    min-height: 100vh;
  }
  .w-6 {
    width: calc(var(--spacing) * 6);
  }
  .w-8 {
    width: calc(var(--spacing) * 8);
  }
  .w-10 {
    width: calc(var(--spacing) * 10);
  }
  .w-\[8px\] {
    width: 8px;
  }
  .w-\[20px\] {
    width: 20px;
  }
  .w-\[24px\] {
    width: 24px;
  }
  .w-\[30\%\] {
    width: 30%;
  }
  .w-\[32px\] {
    width: 32px;
  }
  .w-\[40px\] {
    width: 40px;
  }
  .w-\[48px\] {
    width: 48px;
  }
  .w-\[56px\] {
    width: 56px;
  }
  .w-\[64px\] {
    width: 64px;
  }
  .w-\[80\%\] {
    width: 80%;
  }
  .w-\[80px\] {
    width: 80px;
  }
  .w-\[81\%\] {
    width: 81%;
  }
  .w-\[83\%\] {
    width: 83%;
  }
  .w-\[85\%\] {
    width: 85%;
  }
  .w-\[87\%\] {
    width: 87%;
  }
  .w-\[90\%\] {
    width: 90%;
  }
  .w-\[92\%\] {
    width: 92%;
  }
  .w-\[93\%\] {
    width: 93%;
  }
  .w-\[120px\] {
    width: 120px;
  }
  .w-\[160px\] {
    width: 160px;
  }
  .w-\[180px\] {
    width: 180px;
  }
  .w-\[192px\] {
    width: 192px;
  }
  .w-\[195px\] {
    width: 195px;
  }
  .w-\[224px\] {
    width: 224px;
  }
  .w-\[280px\] {
    width: 280px;
  }
  .w-\[300px\] {
    width: 300px;
  }
  .w-\[431px\] {
    width: 431px;
  }
  .w-\[580px\] {
    width: 580px;
  }
  .w-\[935px\] {
    width: 935px;
  }
  .w-\[1046px\] {
    width: 1046px;
  }
  .w-\[1440px\] {
    width: 1440px;
  }
  .w-auto {
    width: auto;
  }
  .w-full {
    width: 100%;
  }
  .w-max {
    width: -moz-max-content;
    width: max-content;
  }
  .max-w-\[16px\] {
    max-width: 16px;
  }
  .max-w-\[20px\] {
    max-width: 20px;
  }
  .max-w-\[132px\] {
    max-width: 132px;
  }
  .max-w-\[359px\] {
    max-width: 359px;
  }
  .max-w-\[384px\] {
    max-width: 384px;
  }
  .max-w-\[399px\] {
    max-width: 399px;
  }
  .max-w-\[422px\] {
    max-width: 422px;
  }
  .max-w-\[463px\] {
    max-width: 463px;
  }
  .max-w-\[507px\] {
    max-width: 507px;
  }
  .max-w-\[512px\] {
    max-width: 512px;
  }
  .max-w-\[540px\] {
    max-width: 540px;
  }
  .max-w-\[550px\] {
    max-width: 550px;
  }
  .max-w-\[560px\] {
    max-width: 560px;
  }
  .max-w-\[608px\] {
    max-width: 608px;
  }
  .max-w-\[612px\] {
    max-width: 612px;
  }
  .max-w-\[613px\] {
    max-width: 613px;
  }
  .max-w-\[614px\] {
    max-width: 614px;
  }
  .max-w-\[628\.79px\] {
    max-width: 628.79px;
  }
  .max-w-\[648px\] {
    max-width: 648px;
  }
  .max-w-\[650px\] {
    max-width: 650px;
  }
  .max-w-\[690px\] {
    max-width: 690px;
  }
  .max-w-\[713px\] {
    max-width: 713px;
  }
  .max-w-\[714px\] {
    max-width: 714px;
  }
  .max-w-\[792px\] {
    max-width: 792px;
  }
  .max-w-\[896px\] {
    max-width: 896px;
  }
  .max-w-\[904px\] {
    max-width: 904px;
  }
  .max-w-\[996px\] {
    max-width: 996px;
  }
  .max-w-\[1002px\] {
    max-width: 1002px;
  }
  .max-w-\[1200px\] {
    max-width: 1200px;
  }
  .max-w-full {
    max-width: 100%;
  }
  .min-w-0 {
    min-width: 0;
  }
  .min-w-\[16px\] {
    min-width: 16px;
  }
  .min-w-\[20px\] {
    min-width: 20px;
  }
  .flex-1 {
    flex: 1;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .origin-center {
    transform-origin: center;
  }
  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-0 {
    --tw-translate-x: 0;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-full {
    --tw-translate-x: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-1\/2 {
    --tw-translate-y: calc(1 / 2 * 100%);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .scale-x-\[-1\] {
    --tw-scale-x: -1;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .rotate-90 {
    rotate: 90deg;
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .animate-fade {
    animation: var(--animate-fade);
  }
  .animate-fade-left {
    animation: var(--animate-fade-left);
  }
  .animate-fade-right {
    animation: var(--animate-fade-right);
  }
  .animate-fade-up {
    animation: var(--animate-fade-up);
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .resize {
    resize: both;
  }
  .scroll-px-container {
    scroll-padding-inline: var(--spacing-container);
  }
  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-\[repeat\(auto-fill\,minmax\(243px\,1fr\)\)\] {
    grid-template-columns: repeat(auto-fill,minmax(243px,1fr));
  }
  .grid-cols-\[repeat\(auto-fill\,minmax\(288px\,1fr\)\)\] {
    grid-template-columns: repeat(auto-fill,minmax(288px,1fr));
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-col-reverse {
    flex-direction: column-reverse;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .items-center {
    align-items: center;
  }
  .items-end {
    align-items: flex-end;
  }
  .items-start {
    align-items: flex-start;
  }
  .items-stretch {
    align-items: stretch;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .gap-\[8px\] {
    gap: 8px;
  }
  .gap-\[10px\] {
    gap: 10px;
  }
  .gap-\[16px\] {
    gap: 16px;
  }
  .gap-\[19px\] {
    gap: 19px;
  }
  .gap-\[24px\] {
    gap: 24px;
  }
  .gap-\[32px\] {
    gap: 32px;
  }
  .gap-\[40px\] {
    gap: 40px;
  }
  .gap-\[48px\] {
    gap: 48px;
  }
  .gap-\[64px\] {
    gap: 64px;
  }
  .gap-\[80px\] {
    gap: 80px;
  }
  .space-y-1\.5 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .gap-x-\[16px\] {
    -moz-column-gap: 16px;
         column-gap: 16px;
  }
  .gap-y-\[64px\] {
    row-gap: 64px;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-visible {
    overflow: visible;
  }
  .overflow-x-auto {
    overflow-x: auto;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .overflow-y-visible {
    overflow-y: visible;
  }
  .overscroll-y-contain {
    overscroll-behavior-y: contain;
  }
  .scroll-smooth {
    scroll-behavior: smooth;
  }
  .rounded-\[7px\] {
    border-radius: 7px;
  }
  .rounded-\[8px\] {
    border-radius: 8px;
  }
  .rounded-\[10px\] {
    border-radius: 10px;
  }
  .rounded-\[12px\] {
    border-radius: 12px;
  }
  .rounded-\[16px\] {
    border-radius: 16px;
  }
  .rounded-\[20px\] {
    border-radius: 20px;
  }
  .rounded-\[24px\] {
    border-radius: 24px;
  }
  .rounded-\[100px\] {
    border-radius: 100px;
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .rounded-t-\[12px\] {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
  }
  .rounded-t-\[16px\] {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
  }
  .rounded-l-\[16px\] {
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px;
  }
  .rounded-r-\[16px\] {
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px;
  }
  .rounded-tr-\[16px\] {
    border-top-right-radius: 16px;
  }
  .rounded-b-\[12px\] {
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
  }
  .rounded-b-\[16px\] {
    border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px;
  }
  .rounded-bl-\[16px\] {
    border-bottom-left-radius: 16px;
  }
  .border-1 {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-x-1 {
    border-inline-style: var(--tw-border-style);
    border-inline-width: 1px;
  }
  .border-y-1 {
    border-block-style: var(--tw-border-style);
    border-block-width: 1px;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-t-1 {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-r-1 {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-b-1 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-l-1 {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
  .border-l-2 {
    border-left-style: var(--tw-border-style);
    border-left-width: 2px;
  }
  .border-l-\[2px\] {
    border-left-style: var(--tw-border-style);
    border-left-width: 2px;
  }
  .border-\[\#99ACCC\] {
    border-color: #99ACCC;
  }
  .border-\[\#BBC8DD\] {
    border-color: #BBC8DD;
  }
  .border-border-primary {
    border-color: var(--color-border-primary);
  }
  .border-border-secondary {
    border-color: var(--color-border-secondary);
  }
  .border-border-tertiary {
    border-color: var(--color-border-tertiary);
  }
  .border-primary {
    border-color: var(--color-primary);
  }
  .border-primary\/\[\.30\] {
    border-color: color-mix(in srgb, #00B0DB 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
    }
  }
  .border-primary\/\[0\.30\] {
    border-color: color-mix(in srgb, #00B0DB 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
    }
  }
  .border-transparent {
    border-color: transparent;
  }
  .border-white {
    border-color: var(--color-white);
  }
  .border-white\/\[\.10\] {
    border-color: color-mix(in srgb, #fff 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }
  .border-white\/\[\.30\] {
    border-color: color-mix(in srgb, #fff 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 30%, transparent);
    }
  }
  .border-t-border-primary {
    border-top-color: var(--color-border-primary);
  }
  .border-l-border-primary {
    border-left-color: var(--color-border-primary);
  }
  .border-l-primary {
    border-left-color: var(--color-primary);
  }
  .bg-\[\#007DFF\] {
    background-color: #007DFF;
  }
  .bg-\[\#7F89A7\] {
    background-color: #7F89A7;
  }
  .bg-\[\#7F89A7\]\/\[0\.40\] {
    background-color: color-mix(in oklab, #7F89A7 40%, transparent);
  }
  .bg-\[\#01264C\] {
    background-color: #01264C;
  }
  .bg-\[\#031316\] {
    background-color: #031316;
  }
  .bg-\[\#B8C2E0\]\/20 {
    background-color: color-mix(in oklab, #B8C2E0 20%, transparent);
  }
  .bg-\[\#F1F3F9\] {
    background-color: #F1F3F9;
  }
  .bg-\[\#F8F9FB\] {
    background-color: #F8F9FB;
  }
  .bg-\[\#FAFAFA\] {
    background-color: #FAFAFA;
  }
  .bg-\[rgba\(127\,137\,167\,0\.4\)\] {
    background-color: rgba(127,137,167,0.4);
  }
  .bg-bg-primary {
    background-color: var(--color-bg-primary);
  }
  .bg-bg-tertiary\/40 {
    background-color: color-mix(in srgb, #0d181a 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-bg-tertiary) 40%, transparent);
    }
  }
  .bg-bg-tertiary\/\[0\.6\] {
    background-color: color-mix(in srgb, #0d181a 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-bg-tertiary) 60%, transparent);
    }
  }
  .bg-bg-warning {
    background-color: var(--color-bg-warning);
  }
  .bg-black\/50 {
    background-color: color-mix(in srgb, #000 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
    }
  }
  .bg-border-primary {
    background-color: var(--color-border-primary);
  }
  .bg-border-secondary {
    background-color: var(--color-border-secondary);
  }
  .bg-primary {
    background-color: var(--color-primary);
  }
  .bg-primary\/4 {
    background-color: color-mix(in srgb, #00B0DB 4%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-primary) 4%, transparent);
    }
  }
  .bg-primary\/8 {
    background-color: color-mix(in srgb, #00B0DB 8%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-primary) 8%, transparent);
    }
  }
  .bg-primary\/10 {
    background-color: color-mix(in srgb, #00B0DB 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-primary) 10%, transparent);
    }
  }
  .bg-primary\/\[\.10\] {
    background-color: color-mix(in srgb, #00B0DB 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-primary) 10%, transparent);
    }
  }
  .bg-primary\/\[0\.04\] {
    background-color: color-mix(in srgb, #00B0DB 4%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-primary) 4%, transparent);
    }
  }
  .bg-primary\/\[0\.08\] {
    background-color: color-mix(in srgb, #00B0DB 8%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-primary) 8%, transparent);
    }
  }
  .bg-primary\/\[0\.10\] {
    background-color: color-mix(in srgb, #00B0DB 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-primary) 10%, transparent);
    }
  }
  .bg-secondary {
    background-color: var(--color-secondary);
  }
  .bg-tertiary {
    background-color: var(--color-tertiary);
  }
  .bg-transparent {
    background-color: transparent;
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .bg-white\/40 {
    background-color: color-mix(in srgb, #fff 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 40%, transparent);
    }
  }
  .bg-white\/\[\.10\] {
    background-color: color-mix(in srgb, #fff 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }
  .bg-white\/\[0\.04\] {
    background-color: color-mix(in srgb, #fff 4%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 4%, transparent);
    }
  }
  .bg-\[linear-gradient\(170deg\,rgba\(255\,255\,255\,0\)_-25\.47\%\,\#FFF_40\.23\%\)\] {
    background-image: linear-gradient(170deg,rgba(255,255,255,0) -25.47%,#FFF 40.23%);
  }
  .bg-\[linear-gradient\(180deg\,\#00B0DB_0\%\,rgba\(255\,255\,255\,0\)_75\%\)\] {
    background-image: linear-gradient(180deg,#00B0DB 0%,rgba(255,255,255,0) 75%);
  }
  .bg-\[linear-gradient\(212deg\,\#90E1F9_7\.39\%\,\#0DBEF2_100\.45\%\)\] {
    background-image: linear-gradient(212deg,#90E1F9 7.39%,#0DBEF2 100.45%);
  }
  .bg-\[linear-gradient\(265deg\,\#00C4E3_0\%\,\#00C4E3_50\%\,\#00B0DB_75\%\,\#009CC2_100\%\)\] {
    background-image: linear-gradient(265deg,#00C4E3 0%,#00C4E3 50%,#00B0DB 75%,#009CC2 100%);
  }
  .bg-clip-text {
    -webkit-background-clip: text;
            background-clip: text;
  }
  .bg-\[100\%_100\%\] {
    background-position: 100% 100%;
  }
  .bg-right-bottom {
    background-position: right bottom;
  }
  .bg-right-top {
    background-position: right top;
  }
  .bg-no-repeat {
    background-repeat: no-repeat;
  }
  .fill-current {
    fill: currentcolor;
  }
  .object-contain {
    -o-object-fit: contain;
       object-fit: contain;
  }
  .object-cover {
    -o-object-fit: cover;
       object-fit: cover;
  }
  .object-\[0px_0px\] {
    -o-object-position: 0px 0px;
       object-position: 0px 0px;
  }
  .object-top {
    -o-object-position: top;
       object-position: top;
  }
  .p-\[4px\] {
    padding: 4px;
  }
  .p-\[6px\] {
    padding: 6px;
  }
  .p-\[10px\] {
    padding: 10px;
  }
  .p-\[12px\] {
    padding: 12px;
  }
  .p-\[20px\] {
    padding: 20px;
  }
  .p-\[24px\] {
    padding: 24px;
  }
  .p-\[32px\] {
    padding: 32px;
  }
  .p-\[40px\] {
    padding: 40px;
  }
  .p-\[40px\]\! {
    padding: 40px !important;
  }
  .p-\[48px\] {
    padding: 48px;
  }
  .px-\[16px\] {
    padding-inline: 16px;
  }
  .px-\[24px\] {
    padding-inline: 24px;
  }
  .px-\[32px\] {
    padding-inline: 32px;
  }
  .px-\[40px\] {
    padding-inline: 40px;
  }
  .px-\[47px\] {
    padding-inline: 47px;
  }
  .px-\[48px\] {
    padding-inline: 48px;
  }
  .px-\[64px\] {
    padding-inline: 64px;
  }
  .px-container {
    padding-inline: var(--spacing-container);
  }
  .py-\[5px\] {
    padding-block: 5px;
  }
  .py-\[6\.5px\] {
    padding-block: 6.5px;
  }
  .py-\[8px\] {
    padding-block: 8px;
  }
  .py-\[12px\] {
    padding-block: 12px;
  }
  .py-\[16px\] {
    padding-block: 16px;
  }
  .py-\[20px\] {
    padding-block: 20px;
  }
  .py-\[24px\] {
    padding-block: 24px;
  }
  .py-\[32px\] {
    padding-block: 32px;
  }
  .py-\[40px\] {
    padding-block: 40px;
  }
  .py-\[48px\] {
    padding-block: 48px;
  }
  .py-\[52px\] {
    padding-block: 52px;
  }
  .py-\[56px\] {
    padding-block: 56px;
  }
  .py-\[60px\] {
    padding-block: 60px;
  }
  .py-\[64px\] {
    padding-block: 64px;
  }
  .py-\[85px\] {
    padding-block: 85px;
  }
  .pt-\[12px\] {
    padding-top: 12px;
  }
  .pt-\[16px\] {
    padding-top: 16px;
  }
  .pt-\[20px\] {
    padding-top: 20px;
  }
  .pt-\[24px\] {
    padding-top: 24px;
  }
  .pt-\[32px\] {
    padding-top: 32px;
  }
  .pt-\[40px\] {
    padding-top: 40px;
  }
  .pt-\[60px\] {
    padding-top: 60px;
  }
  .pt-\[64px\] {
    padding-top: 64px;
  }
  .pt-\[80px\] {
    padding-top: 80px;
  }
  .pt-\[110px\] {
    padding-top: 110px;
  }
  .pt-\[179px\] {
    padding-top: 179px;
  }
  .pt-\[200px\] {
    padding-top: 200px;
  }
  .pr-\[80px\] {
    padding-right: 80px;
  }
  .pb-\[20px\] {
    padding-bottom: 20px;
  }
  .pb-\[24px\] {
    padding-bottom: 24px;
  }
  .pb-\[32px\] {
    padding-bottom: 32px;
  }
  .pb-\[37px\] {
    padding-bottom: 37px;
  }
  .pb-\[40px\] {
    padding-bottom: 40px;
  }
  .pb-\[56px\] {
    padding-bottom: 56px;
  }
  .pb-\[60px\] {
    padding-bottom: 60px;
  }
  .pb-\[76px\] {
    padding-bottom: 76px;
  }
  .pb-\[80px\] {
    padding-bottom: 80px;
  }
  .pb-\[100px\] {
    padding-bottom: 100px;
  }
  .pb-\[110px\] {
    padding-bottom: 110px;
  }
  .pl-\[8px\] {
    padding-left: 8px;
  }
  .text-center {
    text-align: center;
  }
  .text-left {
    text-align: left;
  }
  .font-manrope {
    font-family: var(--font-manrope);
  }
  .text-\[12px\] {
    font-size: 12px;
  }
  .text-\[14px\] {
    font-size: 14px;
  }
  .text-\[16px\] {
    font-size: 16px;
  }
  .text-\[20px\] {
    font-size: 20px;
  }
  .text-\[24px\] {
    font-size: 24px;
  }
  .text-\[32px\] {
    font-size: 32px;
  }
  .text-\[40px\] {
    font-size: 40px;
  }
  .text-\[44px\] {
    font-size: 44px;
  }
  .text-\[48px\] {
    font-size: 48px;
  }
  .text-\[56px\] {
    font-size: 56px;
  }
  .leading-\[16px\] {
    --tw-leading: 16px;
    line-height: 16px;
  }
  .leading-\[20px\] {
    --tw-leading: 20px;
    line-height: 20px;
  }
  .leading-\[24px\] {
    --tw-leading: 24px;
    line-height: 24px;
  }
  .leading-\[52px\] {
    --tw-leading: 52px;
    line-height: 52px;
  }
  .leading-\[60px\] {
    --tw-leading: 60px;
    line-height: 60px;
  }
  .leading-normal {
    --tw-leading: var(--leading-normal);
    line-height: var(--leading-normal);
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-extrabold {
    --tw-font-weight: var(--font-weight-extrabold);
    font-weight: var(--font-weight-extrabold);
  }
  .font-light {
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .tracking-\[0\.2px\] {
    --tw-tracking: 0.2px;
    letter-spacing: 0.2px;
  }
  .tracking-\[0\.4px\] {
    --tw-tracking: 0.4px;
    letter-spacing: 0.4px;
  }
  .tracking-\[0\.24px\] {
    --tw-tracking: 0.24px;
    letter-spacing: 0.24px;
  }
  .tracking-\[0\.28px\] {
    --tw-tracking: 0.28px;
    letter-spacing: 0.28px;
  }
  .tracking-\[0\.84px\] {
    --tw-tracking: 0.84px;
    letter-spacing: 0.84px;
  }
  .tracking-\[0\.168px\] {
    --tw-tracking: 0.168px;
    letter-spacing: 0.168px;
  }
  .tracking-\[0\.196px\] {
    --tw-tracking: 0.196px;
    letter-spacing: 0.196px;
  }
  .tracking-\[0\.224px\] {
    --tw-tracking: 0.224px;
    letter-spacing: 0.224px;
  }
  .tracking-\[0\.336px\] {
    --tw-tracking: 0.336px;
    letter-spacing: 0.336px;
  }
  .tracking-\[2\.24px\] {
    --tw-tracking: 2.24px;
    letter-spacing: 2.24px;
  }
  .tracking-\[2\.56px\] {
    --tw-tracking: 2.56px;
    letter-spacing: 2.56px;
  }
  .break-words {
    overflow-wrap: break-word;
  }
  .whitespace-normal\! {
    white-space: normal !important;
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .whitespace-pre-line {
    white-space: pre-line;
  }
  .whitespace-pre-wrap {
    white-space: pre-wrap;
  }
  .text-\[\#586174\] {
    color: #586174;
  }
  .text-\[\#FFFFFF\] {
    color: #FFFFFF;
  }
  .text-primary {
    color: var(--color-primary);
  }
  .text-secondary {
    color: var(--color-secondary);
  }
  .text-tertiary {
    color: var(--color-tertiary);
  }
  .text-text-primary {
    color: var(--color-text-primary);
  }
  .text-text-secondary {
    color: var(--color-text-secondary);
  }
  .text-transparent {
    color: transparent;
  }
  .text-white {
    color: var(--color-white);
  }
  .capitalize {
    text-transform: capitalize;
  }
  .uppercase {
    text-transform: uppercase;
  }
  .tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .shadow-\[-20px_0_40px_0_rgba\(88\,118\,167\,0\.1\)\] {
    --tw-shadow: -20px 0 40px 0 var(--tw-shadow-color, rgba(88,118,167,0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_16px_40px_0_rgba\(22\,55\,83\,0\.2\)\] {
    --tw-shadow: 0 16px 40px 0 var(--tw-shadow-color, rgba(22,55,83,0.2));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .outline-2 {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }
  .outline-transparent {
    outline-color: transparent;
  }
  .blur-\[32px\] {
    --tw-blur: blur(32px);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .blur-\[60px\] {
    --tw-blur: blur(60px);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .filter {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .backdrop-blur-\[5px\] {
    --tw-backdrop-blur: blur(5px);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .transition-\[filter\] {
    transition-property: filter;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .duration-300 {
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }
  .\[-webkit-overflow-scrolling\:touch\] {
    -webkit-overflow-scrolling: touch;
  }
  .animate-delay-\[150ms\] {
    animation-delay: 150ms;
  }
  .animate-delay-\[300ms\] {
    animation-delay: 300ms;
  }
  .animate-delay-\[400ms\] {
    animation-delay: 400ms;
  }
  .animate-delay-\[450ms\] {
    animation-delay: 450ms;
  }
  .animate-delay-\[500ms\] {
    animation-delay: 500ms;
  }
  .animate-delay-\[550ms\] {
    animation-delay: 550ms;
  }
  .animate-duration-\[1000ms\] {
    animation-duration: 1000ms;
  }
  .animate-once {
    animation-iteration-count: 1;
  }
  .group-hover\:top-0 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        top: 0;
      }
    }
  }
  .group-hover\:left-0 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        left: 0;
      }
    }
  }
  .group-hover\:scale-101 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-scale-x: 101%;
        --tw-scale-y: 101%;
        --tw-scale-z: 101%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .group-hover\:scale-\[0\.9901\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        scale: 0.9901;
      }
    }
  }
  .group-hover\:border-1 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-style: var(--tw-border-style);
        border-width: 1px;
      }
    }
  }
  .group-hover\:border-border-primary {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: var(--color-border-primary);
      }
    }
  }
  .group-hover\:bg-primary\/20 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #00B0DB 20%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
        }
      }
    }
  }
  .group-hover\:bg-tertiary {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-tertiary);
      }
    }
  }
  .hover\:scale-101 {
    &:hover {
      @media (hover: hover) {
        --tw-scale-x: 101%;
        --tw-scale-y: 101%;
        --tw-scale-z: 101%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .hover\:scale-105 {
    &:hover {
      @media (hover: hover) {
        --tw-scale-x: 105%;
        --tw-scale-y: 105%;
        --tw-scale-z: 105%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .hover\:border-2 {
    &:hover {
      @media (hover: hover) {
        border-style: var(--tw-border-style);
        border-width: 2px;
      }
    }
  }
  .hover\:border-border-primary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-border-primary);
      }
    }
  }
  .hover\:bg-bg-secondary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-bg-secondary);
      }
    }
  }
  .hover\:bg-border-primary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-border-primary);
      }
    }
  }
  .hover\:bg-primary\/\[0\.1\] {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #00B0DB 10%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-primary) 10%, transparent);
        }
      }
    }
  }
  .hover\:text-bg-secondary {
    &:hover {
      @media (hover: hover) {
        color: var(--color-bg-secondary);
      }
    }
  }
  .max-lg\:rounded-tl-\[16px\] {
    @media (width < 64rem) {
      border-top-left-radius: 16px;
    }
  }
  .max-lg\:rounded-tr-\[16px\] {
    @media (width < 64rem) {
      border-top-right-radius: 16px;
    }
  }
  .max-lg\:border-b {
    @media (width < 64rem) {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
    }
  }
  .max-md\:rounded-tl-\[16px\] {
    @media (width < 48rem) {
      border-top-left-radius: 16px;
    }
  }
  .max-md\:rounded-tr-\[16px\] {
    @media (width < 48rem) {
      border-top-right-radius: 16px;
    }
  }
  .max-md\:rounded-br-\[16px\] {
    @media (width < 48rem) {
      border-bottom-right-radius: 16px;
    }
  }
  .max-md\:rounded-bl-\[16px\] {
    @media (width < 48rem) {
      border-bottom-left-radius: 16px;
    }
  }
  .max-md\:border-b {
    @media (width < 48rem) {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
    }
  }
  .max-md\:border-b-1 {
    @media (width < 48rem) {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
    }
  }
  .max-md\:border-border-primary {
    @media (width < 48rem) {
      border-color: var(--color-border-primary);
    }
  }
  .min-\[1441px\]\:max-w-none {
    @media (width >= 1441px) {
      max-width: none;
    }
  }
  .sm\:top-\[350px\] {
    @media (width >= 40rem) {
      top: 350px;
    }
  }
  .sm\:h-\[499px\] {
    @media (width >= 40rem) {
      height: 499px;
    }
  }
  .sm\:min-h-\[600px\] {
    @media (width >= 40rem) {
      min-height: 600px;
    }
  }
  .sm\:flex-row {
    @media (width >= 40rem) {
      flex-direction: row;
    }
  }
  .sm\:items-center {
    @media (width >= 40rem) {
      align-items: center;
    }
  }
  .sm\:justify-between {
    @media (width >= 40rem) {
      justify-content: space-between;
    }
  }
  .sm\:gap-\[19px\] {
    @media (width >= 40rem) {
      gap: 19px;
    }
  }
  .md\:top-\[-40px\] {
    @media (width >= 48rem) {
      top: -40px;
    }
  }
  .md\:top-\[390px\] {
    @media (width >= 48rem) {
      top: 390px;
    }
  }
  .md\:mb-\[64px\] {
    @media (width >= 48rem) {
      margin-bottom: 64px;
    }
  }
  .md\:mb-\[80px\] {
    @media (width >= 48rem) {
      margin-bottom: 80px;
    }
  }
  .md\:block {
    @media (width >= 48rem) {
      display: block;
    }
  }
  .md\:hidden {
    @media (width >= 48rem) {
      display: none;
    }
  }
  .md\:h-\[450px\] {
    @media (width >= 48rem) {
      height: 450px;
    }
  }
  .md\:max-h-\[848px\] {
    @media (width >= 48rem) {
      max-height: 848px;
    }
  }
  .md\:min-h-\[472px\] {
    @media (width >= 48rem) {
      min-height: 472px;
    }
  }
  .md\:min-h-\[600px\] {
    @media (width >= 48rem) {
      min-height: 600px;
    }
  }
  .md\:w-auto {
    @media (width >= 48rem) {
      width: auto;
    }
  }
  .md\:max-w-\[52\%\] {
    @media (width >= 48rem) {
      max-width: 52%;
    }
  }
  .md\:max-w-\[486px\] {
    @media (width >= 48rem) {
      max-width: 486px;
    }
  }
  .md\:max-w-\[560px\] {
    @media (width >= 48rem) {
      max-width: 560px;
    }
  }
  .md\:rotate-0 {
    @media (width >= 48rem) {
      rotate: 0deg;
    }
  }
  .md\:grid-cols-2 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .md\:flex-row {
    @media (width >= 48rem) {
      flex-direction: row;
    }
  }
  .md\:items-center {
    @media (width >= 48rem) {
      align-items: center;
    }
  }
  .md\:gap-0 {
    @media (width >= 48rem) {
      gap: 0;
    }
  }
  .md\:gap-\[0px\] {
    @media (width >= 48rem) {
      gap: 0px;
    }
  }
  .md\:gap-\[80px\] {
    @media (width >= 48rem) {
      gap: 80px;
    }
  }
  .md\:rounded-tr-\[0px\] {
    @media (width >= 48rem) {
      border-top-right-radius: 0px;
    }
  }
  .md\:rounded-bl-\[0px\] {
    @media (width >= 48rem) {
      border-bottom-left-radius: 0px;
    }
  }
  .md\:border-b-1 {
    @media (width >= 48rem) {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
    }
  }
  .md\:border-border-primary {
    @media (width >= 48rem) {
      border-color: var(--color-border-primary);
    }
  }
  .md\:p-\[80px\]\! {
    @media (width >= 48rem) {
      padding: 80px !important;
    }
  }
  .md\:px-\[40px\] {
    @media (width >= 48rem) {
      padding-inline: 40px;
    }
  }
  .md\:px-\[48px\] {
    @media (width >= 48rem) {
      padding-inline: 48px;
    }
  }
  .md\:py-\[24px\] {
    @media (width >= 48rem) {
      padding-block: 24px;
    }
  }
  .md\:py-\[60px\] {
    @media (width >= 48rem) {
      padding-block: 60px;
    }
  }
  .md\:py-\[79px\] {
    @media (width >= 48rem) {
      padding-block: 79px;
    }
  }
  .md\:py-\[80px\] {
    @media (width >= 48rem) {
      padding-block: 80px;
    }
  }
  .md\:py-\[116px\] {
    @media (width >= 48rem) {
      padding-block: 116px;
    }
  }
  .md\:py-\[120px\] {
    @media (width >= 48rem) {
      padding-block: 120px;
    }
  }
  .md\:pt-\[80px\] {
    @media (width >= 48rem) {
      padding-top: 80px;
    }
  }
  .md\:pt-\[120px\] {
    @media (width >= 48rem) {
      padding-top: 120px;
    }
  }
  .md\:pt-\[128px\] {
    @media (width >= 48rem) {
      padding-top: 128px;
    }
  }
  .md\:pt-\[210px\] {
    @media (width >= 48rem) {
      padding-top: 210px;
    }
  }
  .md\:pb-\[64px\] {
    @media (width >= 48rem) {
      padding-bottom: 64px;
    }
  }
  .md\:pb-\[80px\] {
    @media (width >= 48rem) {
      padding-bottom: 80px;
    }
  }
  .md\:pb-\[120px\] {
    @media (width >= 48rem) {
      padding-bottom: 120px;
    }
  }
  .md\:pb-\[169px\] {
    @media (width >= 48rem) {
      padding-bottom: 169px;
    }
  }
  .md\:pb-\[200px\] {
    @media (width >= 48rem) {
      padding-bottom: 200px;
    }
  }
  .md\:pb-\[220px\] {
    @media (width >= 48rem) {
      padding-bottom: 220px;
    }
  }
  .md\:pl-\[24px\] {
    @media (width >= 48rem) {
      padding-left: 24px;
    }
  }
  .md\:text-\[48px\] {
    @media (width >= 48rem) {
      font-size: 48px;
    }
  }
  .md\:max-lg\:rounded-tl-\[16px\] {
    @media (width >= 48rem) {
      @media (width < 64rem) {
        border-top-left-radius: 16px;
      }
    }
  }
  .md\:max-lg\:rounded-tr-\[16px\] {
    @media (width >= 48rem) {
      @media (width < 64rem) {
        border-top-right-radius: 16px;
      }
    }
  }
  .md\:max-lg\:rounded-br-\[16px\] {
    @media (width >= 48rem) {
      @media (width < 64rem) {
        border-bottom-right-radius: 16px;
      }
    }
  }
  .md\:max-lg\:rounded-bl-\[16px\] {
    @media (width >= 48rem) {
      @media (width < 64rem) {
        border-bottom-left-radius: 16px;
      }
    }
  }
  .md\:max-lg\:border-r {
    @media (width >= 48rem) {
      @media (width < 64rem) {
        border-right-style: var(--tw-border-style);
        border-right-width: 1px;
      }
    }
  }
  .md\:max-lg\:border-b {
    @media (width >= 48rem) {
      @media (width < 64rem) {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px;
      }
    }
  }
  .lg\:top-\[-55px\] {
    @media (width >= 64rem) {
      top: -55px;
    }
  }
  .lg\:col-span-2 {
    @media (width >= 64rem) {
      grid-column: span 2 / span 2;
    }
  }
  .lg\:col-span-3 {
    @media (width >= 64rem) {
      grid-column: span 3 / span 3;
    }
  }
  .lg\:block {
    @media (width >= 64rem) {
      display: block;
    }
  }
  .lg\:hidden {
    @media (width >= 64rem) {
      display: none;
    }
  }
  .lg\:h-\[600px\] {
    @media (width >= 64rem) {
      height: 600px;
    }
  }
  .lg\:max-h-\[820px\] {
    @media (width >= 64rem) {
      max-height: 820px;
    }
  }
  .lg\:min-h-\[700px\] {
    @media (width >= 64rem) {
      min-height: 700px;
    }
  }
  .lg\:w-\[496px\] {
    @media (width >= 64rem) {
      width: 496px;
    }
  }
  .lg\:max-w-\[512px\] {
    @media (width >= 64rem) {
      max-width: 512px;
    }
  }
  .lg\:max-w-\[540px\] {
    @media (width >= 64rem) {
      max-width: 540px;
    }
  }
  .lg\:max-w-\[560px\] {
    @media (width >= 64rem) {
      max-width: 560px;
    }
  }
  .lg\:max-w-\[568px\] {
    @media (width >= 64rem) {
      max-width: 568px;
    }
  }
  .lg\:max-w-\[580px\] {
    @media (width >= 64rem) {
      max-width: 580px;
    }
  }
  .lg\:max-w-\[608px\] {
    @media (width >= 64rem) {
      max-width: 608px;
    }
  }
  .lg\:grid-cols-1 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-2 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-3 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-4 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-6 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  }
  .lg\:flex-row {
    @media (width >= 64rem) {
      flex-direction: row;
    }
  }
  .lg\:flex-row-reverse {
    @media (width >= 64rem) {
      flex-direction: row-reverse;
    }
  }
  .lg\:gap-0 {
    @media (width >= 64rem) {
      gap: 0;
    }
  }
  .lg\:gap-\[80px\] {
    @media (width >= 64rem) {
      gap: 80px;
    }
  }
  .lg\:gap-\[120px\] {
    @media (width >= 64rem) {
      gap: 120px;
    }
  }
  .lg\:rounded-tl-\[16px\] {
    @media (width >= 64rem) {
      border-top-left-radius: 16px;
    }
  }
  .lg\:rounded-tr-\[16px\] {
    @media (width >= 64rem) {
      border-top-right-radius: 16px;
    }
  }
  .lg\:rounded-br-\[16px\] {
    @media (width >= 64rem) {
      border-bottom-right-radius: 16px;
    }
  }
  .lg\:rounded-bl-\[16px\] {
    @media (width >= 64rem) {
      border-bottom-left-radius: 16px;
    }
  }
  .lg\:border-r {
    @media (width >= 64rem) {
      border-right-style: var(--tw-border-style);
      border-right-width: 1px;
    }
  }
  .lg\:border-b {
    @media (width >= 64rem) {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
    }
  }
  .lg\:object-none {
    @media (width >= 64rem) {
      -o-object-fit: none;
         object-fit: none;
    }
  }
  .lg\:object-\[-30px_-65px\] {
    @media (width >= 64rem) {
      -o-object-position: -30px -65px;
         object-position: -30px -65px;
    }
  }
  .lg\:object-\[-30px_0px\] {
    @media (width >= 64rem) {
      -o-object-position: -30px 0px;
         object-position: -30px 0px;
    }
  }
  .lg\:object-\[-40px_0px\] {
    @media (width >= 64rem) {
      -o-object-position: -40px 0px;
         object-position: -40px 0px;
    }
  }
  .lg\:object-\[-70px_0px\] {
    @media (width >= 64rem) {
      -o-object-position: -70px 0px;
         object-position: -70px 0px;
    }
  }
  .lg\:object-\[-80px_0px\] {
    @media (width >= 64rem) {
      -o-object-position: -80px 0px;
         object-position: -80px 0px;
    }
  }
  .lg\:object-\[-95px_0px\] {
    @media (width >= 64rem) {
      -o-object-position: -95px 0px;
         object-position: -95px 0px;
    }
  }
  .lg\:object-\[0px_0px\] {
    @media (width >= 64rem) {
      -o-object-position: 0px 0px;
         object-position: 0px 0px;
    }
  }
  .lg\:object-bottom {
    @media (width >= 64rem) {
      -o-object-position: bottom;
         object-position: bottom;
    }
  }
  .lg\:object-left-top {
    @media (width >= 64rem) {
      -o-object-position: left top;
         object-position: left top;
    }
  }
  .lg\:p-\[32px\] {
    @media (width >= 64rem) {
      padding: 32px;
    }
  }
  .lg\:px-\[80px\] {
    @media (width >= 64rem) {
      padding-inline: 80px;
    }
  }
  .lg\:py-\[80px\] {
    @media (width >= 64rem) {
      padding-block: 80px;
    }
  }
  .lg\:pt-\[220px\] {
    @media (width >= 64rem) {
      padding-top: 220px;
    }
  }
  .lg\:pb-\[120px\] {
    @media (width >= 64rem) {
      padding-bottom: 120px;
    }
  }
  .lg\:text-\[64px\] {
    @media (width >= 64rem) {
      font-size: 64px;
    }
  }
  .xl\:top-\[-66px\] {
    @media (width >= 80rem) {
      top: -66px;
    }
  }
  .xl\:top-\[unset\] {
    @media (width >= 80rem) {
      top: unset;
    }
  }
  .xl\:bottom-\[40px\] {
    @media (width >= 80rem) {
      bottom: 40px;
    }
  }
  .xl\:h-\[410px\] {
    @media (width >= 80rem) {
      height: 410px;
    }
  }
  .xl\:h-\[540px\] {
    @media (width >= 80rem) {
      height: 540px;
    }
  }
  .xl\:min-h-\[640px\] {
    @media (width >= 80rem) {
      min-height: 640px;
    }
  }
  .xl\:max-w-\[1002px\] {
    @media (width >= 80rem) {
      max-width: 1002px;
    }
  }
  .xl\:grid-cols-4 {
    @media (width >= 80rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .xl\:text-\[80px\] {
    @media (width >= 80rem) {
      font-size: 80px;
    }
  }
  .\32 xl\:bottom-\[40px\] {
    @media (width >= 96rem) {
      bottom: 40px;
    }
  }
}
html, body {
  margin: 0;
  font-family: var(--font-google-sans-flex);
  :focus-visible {
    outline: unset !important;
  }
  #page {
    section {
      .container {
        max-width: 1264px;
        margin: 0 auto;
        padding: 0 32px;
        .header-container {
          .header-menu-1, .header-menu-2 {
            .menu {
              display: flex;
              align-items: center;
              justify-content: space-between;
            }
          }
          .header-menu-1 {
            .menu {
              gap: clamp(8px, 2vw, 24px);
            }
          }
          .header-menu-2 {
            .menu {
              li:first-child {
                margin-left: 0;
              }
              li {
                margin-left: 24px;
              }
              li:last-child {
                margin-left: 8px;
              }
            }
          }
          @media (min-width: 768px) {
            .header-menu-1 {
              .menu {
                li.menu-item-has-children {
                  position: relative;
                }
                li.menu-item-has-children > a {
                  display: inline-flex;
                  align-items: center;
                  gap: 8px;
                }
                li.menu-item-has-children > a .menu-parent-chevron {
                  display: inline-flex;
                  align-items: center;
                  transition: transform 500ms ease;
                }
                li.menu-item-has-children:hover > a .menu-parent-chevron {
                  transform: rotate(180deg);
                }
                li.menu-item-has-children > .sub-menu {
                  position: absolute;
                  top: calc(100% + 10px);
                  left: 0;
                  min-width: 422px;
                  padding: 12px 0;
                  margin: 0;
                  list-style: none;
                  background: #ffffff;
                  border: 1px solid var(--color-border-tertiary);
                  border-radius: 12px;
                  box-shadow: 0 10px 40px 0 rgba(53, 71, 100, 0.20);
                  z-index: 60;
                  opacity: 0;
                  visibility: hidden;
                  transform: translateY(-6px);
                  transition: opacity 500ms ease, transform 500ms ease, visibility 0s linear 500ms;
                }
                li.menu-item-has-children:hover > .sub-menu {
                  opacity: 1;
                  visibility: visible;
                  transform: translateY(0);
                  transition: opacity 500ms ease, transform 500ms ease, visibility 0s;
                }
                .sub-menu li a {
                  display: block;
                  padding: 0px 12px;
                  color: #2A3547;
                  white-space: nowrap;
                }
              }
            }
          }
          .header-menu-2 {
            .menu {
              li:nth-child(1) {
                a {
                  padding: 12px 24px;
                  color: var(--color-secondary);
                  font-size: 16px;
                  font-weight: 600;
                  border-radius: 24px;
                  background-color: var(--color-tertiary);
                  border: 1px solid var(--color-border-primary);
                  transition: background-color 500ms ease;
                  &:hover {
                    background-color: var(--color-border-primary);
                  }
                }
              }
              li:nth-child(2) {
                a, button {
                  position: relative;
                  display: inline-flex;
                  align-items: center;
                  padding: 12px 24px;
                  color: white;
                  font-size: 16px;
                  font-weight: 600;
                  border-radius: 24px;
                  background-color: var(--color-secondary);
                  transition: background-color 500ms ease;
                  &::before, &::after {
                    font-family: "Font Awesome 6 Free";
                    font-weight: 900;
                    font-size: 16px;
                    color: white;
                    transition: opacity 500ms ease, transform 500ms ease;
                  }
                  &::after {
                    content: "\f105";
                    display: inline-block;
                    margin-left: 8px;
                    opacity: 1;
                    transform: translateX(0);
                  }
                  &::before {
                    content: "\f061";
                    position: absolute;
                    right: 24px;
                    top: 50%;
                    opacity: 0;
                    transform: translateY(-50%) translateX(4px);
                  }
                  &:hover {
                    background-color: var(--color-bg-secondary);
                    &::after {
                      opacity: 0;
                      transform: translateX(-4px);
                    }
                    &::before {
                      opacity: 1;
                      transform: translateY(-50%) translateX(0);
                    }
                  }
                }
              }
            }
          }
        }
        .contact-form {
          form {
            > div {
              @media (max-width: 640px) {
                flex-direction: column;
              }
              display: flex;
              gap: 16px;
              margin-bottom: 16px;
              p {
                width: 100%;
                min-width: 0;
                flex: 1;
                label {
                  color: #2A3547;
                  font-family: Manrope;
                  font-size: 12px;
                  font-style: normal;
                  font-weight: 600;
                  line-height: normal;
                  .wpcf7-form-control-wrap {
                    margin-top: 2px;
                    height: 40px;
                    display: block;
                  }
                  input {
                    padding: 12px 14px;
                    border-radius: 7px;
                    border: 1px solid var(--color-border-primary);
                    background: white;
                    color: var(--color-text-primary);
                    font-family: Manrope;
                    font-size: 12px;
                    font-style: normal;
                    font-weight: 400;
                    line-height: normal;
                    height: 40px;
                    width: 100%;
                    min-width: 0;
                  }
                  select {
                    padding: 12px 14px;
                    border-radius: 7px;
                    border: 1px solid var(--color-border-primary);
                    background: white;
                    color: var(--color-text-primary);
                    font-family: Manrope;
                    font-size: 12px;
                    font-style: normal;
                    font-weight: 400;
                    line-height: normal;
                    height: 40px;
                    width: 100%;
                  }
                }
              }
            }
            textarea {
              margin-top: 2px;
              padding: 8px 14px;
              border-radius: 7px;
              border: 1px solid var(--color-border-primary);
              background: white;
              color: var(--color-text-primary);
              font-family: Manrope;
              font-size: 12px;
              font-style: normal;
              font-weight: 400;
              line-height: normal;
              min-height: 160px;
              height: 160px;
              width: 100%;
            }
            .submit {
              margin-top: 24px;
              position: relative;
              margin-bottom: 8px;
              .wpcf7-submit {
                padding: 12px 24px;
                border-radius: 24px;
                background-color: var(--color-secondary);
                color: white;
                width: 100%;
                cursor: pointer;
                transition: background-color 500ms ease;
              }
              .submit-arrow {
                position: absolute;
                right: 50%;
                top: 50%;
                width: 18px;
                height: 18px;
                margin-left: 0;
                transform: translate(95px, -50%);
                pointer-events: none;
              }
              &:hover .wpcf7-submit, .wpcf7-submit:hover, .wpcf7-submit:focus-visible {
                background-color: var(--color-bg-secondary);
              }
              &:hover .submit-arrow .btn-hover__icon-default, .wpcf7-submit:hover + .submit-arrow .btn-hover__icon-default, .wpcf7-submit:focus-visible + .submit-arrow .btn-hover__icon-default {
                transform: translateY(-50%) translateX(-100%);
              }
              &:hover .submit-arrow .btn-hover__icon-hover, .wpcf7-submit:hover + .submit-arrow .btn-hover__icon-hover, .wpcf7-submit:focus-visible + .submit-arrow .btn-hover__icon-hover {
                transform: translateY(-50%) translateX(0);
              }
              @media (prefers-reduced-motion: reduce) {
                &:hover .submit-arrow .btn-hover__icon-default, .wpcf7-submit:hover + .submit-arrow .btn-hover__icon-default, .wpcf7-submit:focus-visible + .submit-arrow .btn-hover__icon-default {
                  opacity: 0;
                  transform: translateY(-50%) translateX(0);
                }
                &:hover .submit-arrow .btn-hover__icon-hover, .wpcf7-submit:hover + .submit-arrow .btn-hover__icon-hover, .wpcf7-submit:focus-visible + .submit-arrow .btn-hover__icon-hover {
                  opacity: 1;
                  transform: translateY(-50%) translateX(0);
                }
              }
              .submit-arrow.btn-hover__icon > i {
                color: white;
                font-size: 16px;
              }
              .wpcf7-spinner {
                position: absolute;
                top: 50%;
                left: 10%;
                transform: translate(-50%, -50%);
                background-color: white !important;
                &::before {
                  background-color: var(--color-secondary) !important;
                }
              }
            }
            .wpcf7-response-output {
              display: none;
            }
          }
          form.invalid,form.sent, form.failed {
            .wpcf7-response-output {
              display: block;
            }
          }
        }
      }
    }
  }
}
@keyframes customer-marquee {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
.customer-marquee__track {
  animation: customer-marquee 10s linear infinite;
}
.customer-marquee__group + .customer-marquee__group {
  padding-left: 64px;
}
@media (prefers-reduced-motion: reduce) {
  .customer-marquee__track {
    animation: none;
  }
}
.btn-hover {
  position: relative;
  display: inline-flex;
  align-items: center;
  transition: background-color 500ms ease, color 500ms ease, border-color 500ms ease;
}
.btn-hover__icon {
  position: relative;
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-left: 8px;
  flex-shrink: 0;
  overflow: hidden;
}
.btn-hover__icon > i {
  position: absolute;
  left: 0;
  top: 50%;
  width: 1em;
  font-size: 16px;
  line-height: 1;
  text-align: center;
  transition: transform 400ms cubic-bezier(0.4, 0, 0.2, 1);
  will-change: transform;
}
.btn-hover__icon-default {
  transform: translateY(-50%) translateX(0);
}
.btn-hover__icon-hover {
  transform: translateY(-50%) translateX(-100%);
}
.btn-hover:hover .btn-hover__icon-default, .btn-hover:focus-visible .btn-hover__icon-default {
  transform: translateY(-50%) translateX(-100%);
}
.btn-hover:hover .btn-hover__icon-hover, .btn-hover:focus-visible .btn-hover__icon-hover {
  transform: translateY(-50%) translateX(0);
}
@media (prefers-reduced-motion: reduce) {
  .btn-hover__icon > i {
    transition: none;
  }
  .btn-hover__icon-hover {
    opacity: 0;
    transition: opacity 200ms ease;
  }
  .btn-hover:hover .btn-hover__icon-default, .btn-hover:focus-visible .btn-hover__icon-default {
    opacity: 0;
    transform: translateY(-50%) translateX(0);
  }
  .btn-hover:hover .btn-hover__icon-hover, .btn-hover:focus-visible .btn-hover__icon-hover {
    opacity: 1;
    transform: translateY(-50%) translateX(0);
  }
}
.backbone-image-viewport {
  --backbone-fade-duration: 600ms;
  --backbone-pan-duration: 2s;
  .backbone-image-card {
    will-change: transform;
    transform: translateX(0);
  }
  .backbone-image-card.is-panning {
    transition: transform var(--backbone-pan-duration) ease-in-out;
  }
  .backbone-image-current {
    opacity: 0;
    transition: opacity var(--backbone-fade-duration) ease-in-out;
  }
  .backbone-image-current.is-visible {
    opacity: 1;
  }
}
.modules-normal-grid {
  border: 1px solid var(--color-border-primary);
  .modules-normal-cell {
    @media (max-width: 767px) {
      border-bottom: 1px solid var(--color-border-primary);
      &:last-child {
        border-bottom: none;
      }
    }
    @media (min-width: 768px) {
      border-bottom: 1px solid var(--color-border-primary);
      &:not(:nth-child(2n)) {
        border-right: 1px solid var(--color-border-primary);
      }
    }
  }
  &.modules-normal-grid--odd-count .modules-normal-cell:last-child {
    @media (min-width: 768px) {
      border-bottom: none;
    }
  }
  &.modules-normal-grid--even-count .modules-normal-cell:nth-last-child(-n + 2) {
    @media (min-width: 768px) {
      border-bottom: none;
    }
  }
}
.modules-normal-cell {
  @media (max-width: 767px) {
    padding-left: max(32px, calc((100vw - 1264px) / 2 + 32px));
    padding-right: max(32px, calc((100vw - 1264px) / 2 + 32px));
  }
  @media (min-width: 768px) {
    &.modules-normal-cell--first-col {
      padding-left: max(32px, calc((100vw - 1264px) / 2 + 32px));
    }
    &.modules-normal-cell--last-col {
      padding-right: max(32px, calc((100vw - 1264px) / 2 + 32px));
    }
    &.modules-normal-cell--first-col:not(.modules-normal-cell--last-col) {
      padding-right: 64px;
    }
    &.modules-normal-cell--last-col:not(.modules-normal-cell--first-col) {
      padding-left: 64px;
    }
  }
}
@keyframes module-connector-flow {
  from {
    stroke-dashoffset: 0;
  }
  to {
    stroke-dashoffset: -60;
  }
}
.module-connector-flow {
  stroke-dasharray: 8 4;
  animation: module-connector-flow 0.8s linear infinite;
}
@media (prefers-reduced-motion: reduce) {
  .module-connector-flow {
    animation: none;
  }
}
@keyframes module-connector-draw {
  from {
    clip-path: inset(0 0 100% 0);
  }
  to {
    clip-path: inset(0 0 0 0);
  }
}
.module-connector-draw {
  display: none;
  stroke-dasharray: 8 4;
  clip-path: inset(0 0 100% 0);
  animation: module-connector-draw 1.2s ease-in-out infinite alternate;
  animation-play-state: paused;
}
.module-connector-draw.is-drawn {
  display: block;
  animation-play-state: running;
}
@media (prefers-reduced-motion: reduce) {
  .module-connector-draw {
    display: block;
    animation: none;
    clip-path: none;
  }
}
@keyframes ai-bg-svg-rotate {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(8.969deg);
  }
  50% {
    transform: rotate(15.13deg);
  }
  75% {
    transform: rotate(30deg);
  }
  100% {
    transform: rotate(42.081deg);
  }
}
.ai-bg-blur {
  position: absolute;
  top: -40px;
  left: 50%;
  width: max(100vw, 1995px);
  height: 1263px;
  transform: translateX(-60%);
  filter: blur(80px);
  pointer-events: none;
}
.ai-bg-blur__layer {
  position: absolute;
}
.ai-bg-blur__layer--1 {
  top: -40px;
  left: -301px;
  right: -27px;
}
.ai-bg-blur__layer--2 {
  top: 135px;
  left: -205px;
  right: -102px;
}
.ai-bg-blur__layer--3 {
  top: 369px;
  left: -74px;
  right: -254px;
}
.ai-bg-blur__svg {
  display: block;
  width: 100%;
  height: auto;
  transform-origin: center center;
  will-change: transform;
  animation: ai-bg-svg-rotate 6s ease-in-out infinite alternate;
  @media (prefers-reduced-motion: reduce) {
    animation: none;
    transform: rotate(0deg);
  }
}
.button-text-hover:hover {
  color: var(--color-primary);
  transition: color 300ms ease-in-out;
}
.footer-careers-role-card {
  background-color: #1988F9;
  background-image: linear-gradient(90deg, #1988F9 52.87%, rgba(25, 136, 249, 0) 169.21%), var(--role-image, none);
  background-repeat: no-repeat;
  background-position: 0 0, right center;
  background-size: 100% 100%, auto 100%;
}
.values-grid {
  @media (max-width: 47.999rem) {
    > *:nth-child(n + 2):nth-child(-n + 5) {
      border-top: 1px solid var(--color-border-primary);
    }
    > *:nth-child(5) {
      border-bottom: 1px solid var(--color-border-primary);
    }
  }
  @media (min-width: 48rem) {
    > *:nth-child(2), > *:nth-child(5) {
      border-top: 1px solid var(--color-border-primary);
      border-bottom: 1px solid var(--color-border-primary);
    }
  }
}
#mobile-menu-modal {
  .mobile-menu-scroll {
    -webkit-overflow-scrolling: touch;
  }
  .mobile-menu-container {
    .mobile-menu {
      li.menu-item-has-children {
        position: relative;
        width: 100%;
      }
      li.menu-item-has-children > a {
        display: inline-flex;
        align-items: center;
        padding-right: 40px;
      }
      li.menu-item-has-children > .menu-parent-toggle {
        position: absolute;
        top: 0;
        right: 0;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 32px;
        height: 32px;
        padding: 0;
        border: 0;
        background: transparent;
        color: inherit;
        cursor: pointer;
        transition: transform 300ms ease;
      }
      li.menu-item-has-children.is-submenu-open > .menu-parent-toggle {
        transform: rotate(180deg);
      }
      li.menu-item-has-children > .sub-menu {
        display: none !important;
        width: 100%;
        margin: 16px 0 0;
        padding: 0;
        list-style: none;
        color: #ffffff;
        a, h6, p, .text-secondary, .text-text-primary {
          color: #ffffff !important;
        }
      }
      li.menu-item-has-children.is-submenu-open > .sub-menu {
        display: flex !important;
        flex-direction: column;
        gap: 24px;
      }
    }
  }
}
body.no-scroll {
  overflow: hidden;
}
@layer utilities {
  [data-animate]:not(.is-animated) {
    opacity: 0;
  }
  @media (prefers-reduced-motion: reduce) {
    [data-animate]:not(.is-animated) {
      opacity: 1;
    }
  }
  [data-success-video-wrapper] [data-success-video-controls] {
    opacity: 1;
    transition: opacity 300ms ease;
  }
  [data-success-video-wrapper].is-playing:not(:hover) [data-success-video-controls] {
    opacity: 0;
  }
  [data-success-video-wrapper].is-playing:not(:hover) [data-success-video-toggle] {
    pointer-events: none;
  }
  [data-hero-video-wrapper] [data-hero-video-controls] {
    opacity: 1;
    transition: opacity 300ms ease;
  }
  [data-hero-video-wrapper].is-playing:not(:hover) [data-hero-video-controls] {
    opacity: 0;
  }
  [data-hero-video-wrapper].is-playing:not(:hover) [data-hero-video-toggle] {
    pointer-events: none;
  }
}
[data-difference-cards] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
[data-difference-cards] > [data-difference-card] + [data-difference-card] {
  margin-left: 0;
  margin-top: clamp(-40px, -10vw, -72px);
}
@media (min-width: 768px) {
  [data-difference-cards] {
    flex-direction: row;
  }
  [data-difference-cards] > [data-difference-card] + [data-difference-card] {
    margin-left: clamp(-64px, -8vw, -120px);
    margin-top: 0;
  }
}
.difference-card {
  position: relative;
  flex: 0 0 auto;
  width: 100%;
  max-width: clamp(288px, 92vw, 588px);
  z-index: 0;
  transform: scale(1);
  transform-origin: center center;
  transition: flex-basis 300ms ease,
    width 300ms ease,
    max-width 300ms ease,
    transform 300ms ease;
}
.difference-card.difference-card-active {
  max-width: clamp(300px, 96vw, 676px);
  z-index: 2;
  transform: scale(1.0115);
}
@media (min-width: 768px) {
  .difference-card {
    width: clamp(320px, 41vw, 588px);
    max-width: clamp(320px, 41vw, 588px);
  }
  .difference-card.difference-card-active {
    width: clamp(360px, 47vw, 676px);
    max-width: clamp(360px, 47vw, 676px);
  }
}
@media (min-width: 1440px) {
  .difference-card {
    width: 588px;
    max-width: 588px;
  }
  .difference-card.difference-card-active {
    width: 676px;
    max-width: 676px;
  }
}
.difference-card-inner {
  width: 100%;
  padding: clamp(24px, 5vw, 40px);
  padding-right: clamp(24px, 8vw, 80px);
  transition: padding 300ms ease, min-height 300ms ease, box-shadow 300ms ease;
}
.difference-card-active .difference-card-inner {
  min-height: clamp(320px, 70vw, 557px);
  padding: clamp(32px, 6vw, 56px);
  box-shadow: 0 24px 64px rgba(25, 25, 25, 0.12);
}
@media (min-width: 768px) {
  .difference-card-active .difference-card-inner {
    min-height: clamp(400px, 38vw, 557px);
  }
}
@media (min-width: 1440px) {
  .difference-card-active .difference-card-inner {
    min-height: 557px;
  }
}
[data-how-it-connects-image] {
  width: clamp(200px, calc(100vw - 580px), 960px);
  max-width: clamp(200px, calc(100vw - 580px), 960px);
  height: auto;
}
@media (max-width: 767px) {
  [data-how-it-connects-image] {
    width: clamp(160px, 38vw, 240px);
    max-width: clamp(160px, 38vw, 240px);
  }
}
@media (min-width: 1440px) {
  [data-how-it-connects-image] {
    width: auto;
    max-width: none;
  }
}
[data-switch-grid] > div {
  --switch-border-inner: #0671E0;
  --switch-border-outer: #3898FA;
  border-color: var(--switch-border-inner);
}
@media (width < 48rem) {
  [data-switch-grid] > div.max-md\:border-b {
    box-shadow: 0 1px 0 var(--switch-border-outer);
  }
  [data-switch-grid] > div.max-md\:border-r {
    box-shadow: 1px 0 0 var(--switch-border-outer);
  }
  [data-switch-grid] > div.max-md\:border-b.max-md\:border-r {
    box-shadow: 1px 0 0 var(--switch-border-outer),
      0 1px 0 var(--switch-border-outer);
  }
}
@media (width >= 48rem) and (width < 64rem) {
  [data-switch-grid] > div.md\:max-lg\:border-b {
    box-shadow: 0 1px 0 var(--switch-border-outer);
  }
  [data-switch-grid] > div.md\:max-lg\:border-r {
    box-shadow: 1px 0 0 var(--switch-border-outer);
  }
  [data-switch-grid] > div.md\:max-lg\:border-b.md\:max-lg\:border-r {
    box-shadow: 1px 0 0 var(--switch-border-outer),
      0 1px 0 var(--switch-border-outer);
  }
}
@media (width >= 64rem) {
  [data-switch-grid] > div.lg\:border-b {
    box-shadow: 0 1px 0 var(--switch-border-outer);
  }
  [data-switch-grid] > div.lg\:border-r {
    box-shadow: 1px 0 0 var(--switch-border-outer);
  }
  [data-switch-grid] > div.lg\:border-b.lg\:border-r {
    box-shadow: 1px 0 0 var(--switch-border-outer),
      0 1px 0 var(--switch-border-outer);
  }
}
[data-modules-grid] > div {
  --modules-border-inner: #0560BD;
  --modules-border-outer: #56A7FB;
  border-color: var(--modules-border-inner);
}
@media (width < 48rem) {
  [data-modules-grid] > div.max-md\:border-b {
    box-shadow: 0 1px 0 var(--modules-border-outer);
  }
}
@media (width >= 48rem) and (width < 64rem) {
  [data-modules-grid] > div.md\:max-lg\:border-b {
    box-shadow: 0 1px 0 var(--modules-border-outer);
  }
  [data-modules-grid] > div.md\:max-lg\:border-r {
    box-shadow: 1px 0 0 var(--modules-border-outer);
  }
  [data-modules-grid] > div.md\:max-lg\:border-b.md\:max-lg\:border-r {
    box-shadow: 1px 0 0 var(--modules-border-outer),
      0 1px 0 var(--modules-border-outer);
  }
}
@media (width >= 64rem) {
  [data-modules-grid] > div.lg\:border-b {
    box-shadow: 0 1px 0 var(--modules-border-outer);
  }
  [data-modules-grid] > div.lg\:border-r {
    box-shadow: 1px 0 0 var(--modules-border-outer);
  }
  [data-modules-grid] > div.lg\:border-b.lg\:border-r {
    box-shadow: 1px 0 0 var(--modules-border-outer),
      0 1px 0 var(--modules-border-outer);
  }
}
[data-proof-grid] > div.max-lg\:border-b,
[data-proof-grid] > div.lg\:border-b {
  border-bottom-color: #F8F9FC;
  box-shadow: inset 0 -1px 0 #DFE5EF;
}
[data-proof-grid] > div.lg\:border-r {
  border-right-color: #F8F9FC;
  box-shadow: inset -1px 0 0 #DFE5EF;
}
[data-proof-grid] > div.lg\:border-b.lg\:border-r {
  box-shadow: inset -1px 0 0 #DFE5EF,
    inset 0 -1px 0 #DFE5EF;
}
@media (width < 64rem) {
  [data-proof-grid] [data-proof-sm-t] {
    border-top: 1px solid #DFE5EF;
  }
  [data-proof-grid] [data-proof-sm-l] {
    border-left: 1px solid #DFE5EF;
  }
  [data-proof-grid] [data-proof-sm-r] {
    border-right: 1px solid #DFE5EF;
  }
}
@media (width >= 64rem) {
  [data-proof-grid] [data-proof-lg-t] {
    border-top: 1px solid #DFE5EF;
  }
  [data-proof-grid] [data-proof-lg-l] {
    border-left: 1px solid #DFE5EF;
  }
  [data-proof-grid] [data-proof-lg-r] {
    border-right: 1px solid #DFE5EF;
  }
}
[data-faq-item] [data-faq-panel] {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 300ms ease;
}
[data-faq-item].is-open [data-faq-panel] {
  grid-template-rows: 1fr;
}
[data-faq-item] [data-faq-panel-inner] {
  min-height: 0;
  overflow: hidden;
}
[data-faq-item] [data-faq-panel-inner] > div {
  opacity: 0;
  transform: translateY(-8px);
  transition: opacity 300ms ease,
    transform 300ms ease;
}
[data-faq-item].is-open [data-faq-panel-inner] > div {
  opacity: 1;
  transform: translateY(0);
}
@media (prefers-reduced-motion: reduce) {
  [data-faq-item] [data-faq-panel] {
    transition: none;
  }
  [data-faq-item] [data-faq-panel-inner] > div {
    opacity: 1;
    transform: none;
    transition: none;
  }
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-ordinal {
  syntax: "*";
  inherits: false;
}
@property --tw-slashed-zero {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-figure {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-up {
  0% {
    opacity: 0;
    transform: translateY(2rem);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fade-left {
  0% {
    opacity: 0;
    transform: translateX(2rem);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fade-right {
  0% {
    opacity: 0;
    transform: translateX(-2rem);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
    }
  }
}