/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
@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-slate-800: oklch(27.9% 0.041 260.031);
    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --text-5xl: 3rem;
    --text-5xl--line-height: 1;
    --text-6xl: 3.75rem;
    --text-6xl--line-height: 1;
    --text-7xl: 4.5rem;
    --text-7xl--line-height: 1;
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --radius-xs: 0.125rem;
    --radius-sm: 0.25rem;
    --radius-md: 0.375rem;
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --radius-2xl: 1rem;
    --radius-4xl: 2rem;
    --drop-shadow-xs: 0 1px 1px rgb(0 0 0 / 0.05);
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --blur-sm: 8px;
    --aspect-video: 16 / 9;
    --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);
    --font-sfProText: 'SFProText';
    --font-sfPro: 'SF Pro';
    --font-geist: "Geist", sans-serif;
    --font-value: 'Value Serif Pro';
    --color-primary: #121F5C;
    --color-primaryDark: #020A2B;
    --color-dark: #231F20;
    --color-globalText: #404A76;
    --color-blueColor: #6D81D9;
    --color-greenColor: #289869;
  }
}
@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%;
    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;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        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 {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .visible {
    visibility: visible;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .sticky {
    position: sticky;
  }
  .inset-0 {
    inset: calc(var(--spacing) * 0);
  }
  .-top-9 {
    top: calc(var(--spacing) * -9);
  }
  .-top-15 {
    top: calc(var(--spacing) * -15);
  }
  .top-0 {
    top: calc(var(--spacing) * 0);
  }
  .top-1 {
    top: calc(var(--spacing) * 1);
  }
  .top-1\/2 {
    top: calc(1/2 * 100%);
  }
  .top-2 {
    top: calc(var(--spacing) * 2);
  }
  .top-3 {
    top: calc(var(--spacing) * 3);
  }
  .top-8 {
    top: calc(var(--spacing) * 8);
  }
  .top-9 {
    top: calc(var(--spacing) * 9);
  }
  .top-20 {
    top: calc(var(--spacing) * 20);
  }
  .top-25 {
    top: calc(var(--spacing) * 25);
  }
  .top-30 {
    top: calc(var(--spacing) * 30);
  }
  .top-65 {
    top: calc(var(--spacing) * 65);
  }
  .top-full {
    top: 100%;
  }
  .right-0 {
    right: calc(var(--spacing) * 0);
  }
  .right-2 {
    right: calc(var(--spacing) * 2);
  }
  .right-3 {
    right: calc(var(--spacing) * 3);
  }
  .right-5 {
    right: calc(var(--spacing) * 5);
  }
  .right-6 {
    right: calc(var(--spacing) * 6);
  }
  .right-10 {
    right: calc(var(--spacing) * 10);
  }
  .right-18 {
    right: calc(var(--spacing) * 18);
  }
  .right-65 {
    right: calc(var(--spacing) * 65);
  }
  .right-full {
    right: 100%;
  }
  .bottom-0 {
    bottom: calc(var(--spacing) * 0);
  }
  .bottom-10 {
    bottom: calc(var(--spacing) * 10);
  }
  .bottom-20 {
    bottom: calc(var(--spacing) * 20);
  }
  .bottom-27 {
    bottom: calc(var(--spacing) * 27);
  }
  .bottom-full {
    bottom: 100%;
  }
  .-left-6 {
    left: calc(var(--spacing) * -6);
  }
  .-left-50 {
    left: calc(var(--spacing) * -50);
  }
  .left-0 {
    left: calc(var(--spacing) * 0);
  }
  .left-1 {
    left: calc(var(--spacing) * 1);
  }
  .left-1\/2 {
    left: calc(1/2 * 100%);
  }
  .left-10 {
    left: calc(var(--spacing) * 10);
  }
  .left-full {
    left: 100%;
  }
  .-z-10 {
    z-index: calc(10 * -1);
  }
  .z-1 {
    z-index: 1;
  }
  .z-2 {
    z-index: 2;
  }
  .z-10 {
    z-index: 10;
  }
  .z-20 {
    z-index: 20;
  }
  .z-30 {
    z-index: 30;
  }
  .z-40 {
    z-index: 40;
  }
  .order-1 {
    order: 1;
  }
  .order-2 {
    order: 2;
  }
  .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;
    }
  }
  .mx-auto {
    margin-inline: auto;
  }
  .-ms-4 {
    margin-inline-start: calc(var(--spacing) * -4);
  }
  .-ms-11 {
    margin-inline-start: calc(var(--spacing) * -11);
  }
  .ms-2 {
    margin-inline-start: calc(var(--spacing) * 2);
  }
  .ms-auto {
    margin-inline-start: auto;
  }
  .-me-22 {
    margin-inline-end: calc(var(--spacing) * -22);
  }
  .me-2 {
    margin-inline-end: calc(var(--spacing) * 2);
  }
  .me-5 {
    margin-inline-end: calc(var(--spacing) * 5);
  }
  .me-5\.5 {
    margin-inline-end: calc(var(--spacing) * 5.5);
  }
  .mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mt-2\.5 {
    margin-top: calc(var(--spacing) * 2.5);
  }
  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }
  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }
  .mt-5 {
    margin-top: calc(var(--spacing) * 5);
  }
  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }
  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }
  .mt-9 {
    margin-top: calc(var(--spacing) * 9);
  }
  .mt-10 {
    margin-top: calc(var(--spacing) * 10);
  }
  .mt-12 {
    margin-top: calc(var(--spacing) * 12);
  }
  .mt-14 {
    margin-top: calc(var(--spacing) * 14);
  }
  .mt-15 {
    margin-top: calc(var(--spacing) * 15);
  }
  .mt-16 {
    margin-top: calc(var(--spacing) * 16);
  }
  .mt-auto {
    margin-top: auto;
  }
  .-mb-5 {
    margin-bottom: calc(var(--spacing) * -5);
  }
  .mb-1 {
    margin-bottom: calc(var(--spacing) * 1);
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .mb-5 {
    margin-bottom: calc(var(--spacing) * 5);
  }
  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }
  .mb-7 {
    margin-bottom: calc(var(--spacing) * 7);
  }
  .mb-8 {
    margin-bottom: calc(var(--spacing) * 8);
  }
  .mb-9 {
    margin-bottom: calc(var(--spacing) * 9);
  }
  .mb-12 {
    margin-bottom: calc(var(--spacing) * 12);
  }
  .mb-14 {
    margin-bottom: calc(var(--spacing) * 14);
  }
  .block {
    display: block;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline-block {
    display: inline-block;
  }
  .inline-flex {
    display: inline-flex;
  }
  .table {
    display: table;
  }
  .aspect-\[16\/18\] {
    aspect-ratio: 16/18;
  }
  .size-7 {
    width: calc(var(--spacing) * 7);
    height: calc(var(--spacing) * 7);
  }
  .size-7\.5 {
    width: calc(var(--spacing) * 7.5);
    height: calc(var(--spacing) * 7.5);
  }
  .size-8 {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
  }
  .size-9 {
    width: calc(var(--spacing) * 9);
    height: calc(var(--spacing) * 9);
  }
  .size-10 {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
  }
  .size-12 {
    width: calc(var(--spacing) * 12);
    height: calc(var(--spacing) * 12);
  }
  .size-13 {
    width: calc(var(--spacing) * 13);
    height: calc(var(--spacing) * 13);
  }
  .size-15 {
    width: calc(var(--spacing) * 15);
    height: calc(var(--spacing) * 15);
  }
  .size-50 {
    width: calc(var(--spacing) * 50);
    height: calc(var(--spacing) * 50);
  }
  .size-100 {
    width: calc(var(--spacing) * 100);
    height: calc(var(--spacing) * 100);
  }
  .\!h-auto {
    height: auto !important;
  }
  .h-1 {
    height: calc(var(--spacing) * 1);
  }
  .h-1\.5 {
    height: calc(var(--spacing) * 1.5);
  }
  .h-6 {
    height: calc(var(--spacing) * 6);
  }
  .h-\[1px\] {
    height: 1px;
  }
  .h-auto {
    height: auto;
  }
  .h-full {
    height: 100%;
  }
  .min-h-54 {
    min-height: calc(var(--spacing) * 54);
  }
  .\!w-auto {
    width: auto !important;
  }
  .w-5 {
    width: calc(var(--spacing) * 5);
  }
  .w-8 {
    width: calc(var(--spacing) * 8);
  }
  .w-10 {
    width: calc(var(--spacing) * 10);
  }
  .w-12 {
    width: calc(var(--spacing) * 12);
  }
  .w-14 {
    width: calc(var(--spacing) * 14);
  }
  .w-20 {
    width: calc(var(--spacing) * 20);
  }
  .w-30 {
    width: calc(var(--spacing) * 30);
  }
  .w-34 {
    width: calc(var(--spacing) * 34);
  }
  .w-35 {
    width: calc(var(--spacing) * 35);
  }
  .w-40 {
    width: calc(var(--spacing) * 40);
  }
  .w-56 {
    width: calc(var(--spacing) * 56);
  }
  .w-60 {
    width: calc(var(--spacing) * 60);
  }
  .w-80 {
    width: calc(var(--spacing) * 80);
  }
  .w-175 {
    width: calc(var(--spacing) * 175);
  }
  .w-\[48\%\] {
    width: 48%;
  }
  .w-\[120px\] {
    width: 120px;
  }
  .w-full {
    width: 100%;
  }
  .w-screen {
    width: 100vw;
  }
  .max-w-33 {
    max-width: calc(var(--spacing) * 33);
  }
  .max-w-36 {
    max-width: calc(var(--spacing) * 36);
  }
  .max-w-40 {
    max-width: calc(var(--spacing) * 40);
  }
  .max-w-66 {
    max-width: calc(var(--spacing) * 66);
  }
  .max-w-71 {
    max-width: calc(var(--spacing) * 71);
  }
  .max-w-112 {
    max-width: calc(var(--spacing) * 112);
  }
  .max-w-115 {
    max-width: calc(var(--spacing) * 115);
  }
  .max-w-123 {
    max-width: calc(var(--spacing) * 123);
  }
  .max-w-133 {
    max-width: calc(var(--spacing) * 133);
  }
  .max-w-148 {
    max-width: calc(var(--spacing) * 148);
  }
  .max-w-153 {
    max-width: calc(var(--spacing) * 153);
  }
  .max-w-158 {
    max-width: calc(var(--spacing) * 158);
  }
  .max-w-162 {
    max-width: calc(var(--spacing) * 162);
  }
  .max-w-165 {
    max-width: calc(var(--spacing) * 165);
  }
  .max-w-170 {
    max-width: calc(var(--spacing) * 170);
  }
  .max-w-184 {
    max-width: calc(var(--spacing) * 184);
  }
  .max-w-200 {
    max-width: calc(var(--spacing) * 200);
  }
  .max-w-215 {
    max-width: calc(var(--spacing) * 215);
  }
  .max-w-257 {
    max-width: calc(var(--spacing) * 257);
  }
  .max-w-258 {
    max-width: calc(var(--spacing) * 258);
  }
  .max-w-282 {
    max-width: calc(var(--spacing) * 282);
  }
  .max-w-288 {
    max-width: calc(var(--spacing) * 288);
  }
  .max-w-300 {
    max-width: calc(var(--spacing) * 300);
  }
  .max-w-312 {
    max-width: calc(var(--spacing) * 312);
  }
  .max-w-325 {
    max-width: calc(var(--spacing) * 325);
  }
  .max-w-347 {
    max-width: calc(var(--spacing) * 347);
  }
  .max-w-365 {
    max-width: calc(var(--spacing) * 365);
  }
  .max-w-\[initial\] {
    max-width: initial;
  }
  .max-w-full {
    max-width: 100%;
  }
  .min-w-142 {
    min-width: calc(var(--spacing) * 142);
  }
  .min-w-\[230px\] {
    min-width: 230px;
  }
  .flex-1 {
    flex: 1;
  }
  .flex-none {
    flex: none;
  }
  .flex-shrink {
    flex-shrink: 1;
  }
  .flex-shrink-0 {
    flex-shrink: 0;
  }
  .flex-grow {
    flex-grow: 1;
  }
  .basis-0 {
    flex-basis: calc(var(--spacing) * 0);
  }
  .border-collapse {
    border-collapse: collapse;
  }
  .-translate-1 {
    --tw-translate-x: calc(var(--spacing) * -1);
    --tw-translate-y: calc(var(--spacing) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-1\/2 {
    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-x-1 {
    --tw-translate-x: calc(var(--spacing) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-1 {
    --tw-translate-y: calc(var(--spacing) * -1);
    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 {
    --tw-translate-y: calc(var(--spacing) * 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);
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .resize {
    resize: both;
  }
  .list-decimal {
    list-style-type: decimal;
  }
  .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));
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .items-baseline {
    align-items: baseline;
  }
  .items-center {
    align-items: center;
  }
  .items-end {
    align-items: flex-end;
  }
  .items-start {
    align-items: flex-start;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .gap-0 {
    gap: calc(var(--spacing) * 0);
  }
  .gap-0\.5 {
    gap: calc(var(--spacing) * 0.5);
  }
  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }
  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }
  .gap-1\.25 {
    gap: calc(var(--spacing) * 1.25);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-2\.5 {
    gap: calc(var(--spacing) * 2.5);
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }
  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }
  .gap-7 {
    gap: calc(var(--spacing) * 7);
  }
  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }
  .gap-11 {
    gap: calc(var(--spacing) * 11);
  }
  .gap-12 {
    gap: calc(var(--spacing) * 12);
  }
  .gap-12\.5 {
    gap: calc(var(--spacing) * 12.5);
  }
  .gap-\[1px\] {
    gap: 1px;
  }
  .space-y-0 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-0\.5 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-1 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .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)));
    }
  }
  .space-y-1\.25 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 1.25) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 1.25) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-2 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-3 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-3\.5 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 3.5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 3.5) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-4 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-4\.5 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 4.5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 4.5) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-5 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-6 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-7 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 7) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 7) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-8 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-10 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-12 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-13 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 13) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 13) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .gap-x-2 {
    column-gap: calc(var(--spacing) * 2);
  }
  .gap-x-2\.5 {
    column-gap: calc(var(--spacing) * 2.5);
  }
  .gap-x-5 {
    column-gap: calc(var(--spacing) * 5);
  }
  .gap-x-6 {
    column-gap: calc(var(--spacing) * 6);
  }
  .gap-x-8 {
    column-gap: calc(var(--spacing) * 8);
  }
  .gap-y-5 {
    row-gap: calc(var(--spacing) * 5);
  }
  .gap-y-6 {
    row-gap: calc(var(--spacing) * 6);
  }
  .gap-y-8 {
    row-gap: calc(var(--spacing) * 8);
  }
  .gap-y-10 {
    row-gap: calc(var(--spacing) * 10);
  }
  .self-start {
    align-self: flex-start;
  }
  .\!overflow-visible {
    overflow: visible !important;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-x-auto {
    overflow-x: auto;
  }
  .rounded-\[3px\] {
    border-radius: 3px;
  }
  .rounded-\[9px\] {
    border-radius: 9px;
  }
  .rounded-\[10px\] {
    border-radius: 10px;
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .rounded-lg {
    border-radius: var(--radius-lg);
  }
  .rounded-sm {
    border-radius: var(--radius-sm);
  }
  .rounded-xl {
    border-radius: var(--radius-xl);
  }
  .rounded-xs {
    border-radius: var(--radius-xs);
  }
  .rounded-tr-none {
    border-top-right-radius: 0;
  }
  .rounded-br-none {
    border-bottom-right-radius: 0;
  }
  .rounded-bl-none {
    border-bottom-left-radius: 0;
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-1 {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-\[3px\] {
    border-style: var(--tw-border-style);
    border-width: 3px;
  }
  .border-s {
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 1px;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-solid {
    --tw-border-style: solid;
    border-style: solid;
  }
  .border-\[\#9B9A91\] {
    border-color: #9B9A91;
  }
  .border-\[\#9FA6C5\]\/10 {
    border-color: color-mix(in oklab, #9FA6C5 10%, transparent);
  }
  .border-\[\#062FDA\]\/85 {
    border-color: color-mix(in oklab, #062FDA 85%, transparent);
  }
  .border-\[\#121F5C\]\/5 {
    border-color: color-mix(in oklab, #121F5C 5%, transparent);
  }
  .border-\[\#626A90\] {
    border-color: #626A90;
  }
  .border-\[\#7054D8\] {
    border-color: #7054D8;
  }
  .border-\[\#19286C\]\/12 {
    border-color: color-mix(in oklab, #19286C 12%, transparent);
  }
  .border-\[\#172566\] {
    border-color: #172566;
  }
  .border-\[\#AFBBEC\] {
    border-color: #AFBBEC;
  }
  .border-\[\#DADFF4\] {
    border-color: #DADFF4;
  }
  .border-\[\#DCE3F3\] {
    border-color: #DCE3F3;
  }
  .border-white {
    border-color: var(--color-white);
  }
  .border-white\/12 {
    border-color: color-mix(in srgb, #fff 12%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 12%, transparent);
    }
  }
  .\!bg-\[\#121F5C\] {
    background-color: #121F5C !important;
  }
  .bg-\[\#0B1C68\]\/60 {
    background-color: color-mix(in oklab, #0B1C68 60%, transparent);
  }
  .bg-\[\#0D1744\] {
    background-color: #0D1744;
  }
  .bg-\[\#1D2C76\]\/8 {
    background-color: color-mix(in oklab, #1D2C76 8%, transparent);
  }
  .bg-\[\#7EDE92\] {
    background-color: #7EDE92;
  }
  .bg-\[\#134F92\] {
    background-color: #134F92;
  }
  .bg-\[\#4259BA\]\/26 {
    background-color: color-mix(in oklab, #4259BA 26%, transparent);
  }
  .bg-\[\#7186E7\]\/20 {
    background-color: color-mix(in oklab, #7186E7 20%, transparent);
  }
  .bg-\[\#C0CCD5\]\/15 {
    background-color: color-mix(in oklab, #C0CCD5 15%, transparent);
  }
  .bg-\[\#CFD0D4\] {
    background-color: #CFD0D4;
  }
  .bg-\[\#D9D9D9\] {
    background-color: #D9D9D9;
  }
  .bg-\[\#EDF0FC\] {
    background-color: #EDF0FC;
  }
  .bg-\[\#EDF1F9\]\/42 {
    background-color: color-mix(in oklab, #EDF1F9 42%, transparent);
  }
  .bg-\[\#F1F2F3\] {
    background-color: #F1F2F3;
  }
  .bg-\[\#F1F6FD\]\/5 {
    background-color: color-mix(in oklab, #F1F6FD 5%, transparent);
  }
  .bg-\[\#F5F4F1\] {
    background-color: #F5F4F1;
  }
  .bg-\[\#F7FBF6\] {
    background-color: #F7FBF6;
  }
  .bg-\[\#F9FEED\] {
    background-color: #F9FEED;
  }
  .bg-\[\#FAFCF2\] {
    background-color: #FAFCF2;
  }
  .bg-\[\#FCFCFC\] {
    background-color: #FCFCFC;
  }
  .bg-\[\#FFC800\] {
    background-color: #FFC800;
  }
  .bg-black {
    background-color: var(--color-black);
  }
  .bg-black\/70 {
    background-color: color-mix(in srgb, #000 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 70%, transparent);
    }
  }
  .bg-blueColor {
    background-color: var(--color-blueColor);
  }
  .bg-blueColor\/18 {
    background-color: color-mix(in srgb, #6D81D9 18%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blueColor) 18%, transparent);
    }
  }
  .bg-primary {
    background-color: var(--color-primary);
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .bg-linear-to-b {
    --tw-gradient-position: to bottom;
    @supports (background-image: linear-gradient(in lab, red, red)) {
      --tw-gradient-position: to bottom in oklab;
    }
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-gradient-to-b {
    --tw-gradient-position: to bottom in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-linear-\[135deg\] {
    --tw-gradient-position: 135deg;
    background-image: linear-gradient(var(--tw-gradient-stops,135deg));
  }
  .bg-none {
    background-image: none;
  }
  .from-\[\#1F2F7B\] {
    --tw-gradient-from: #1F2F7B;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-\[\#18692A\]\/8 {
    --tw-gradient-from: color-mix(in oklab, #18692A 8%, transparent);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-\[\#EDEEF3\] {
    --tw-gradient-from: #EDEEF3;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-\[\#F8FBEE\] {
    --tw-gradient-from: #F8FBEE;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-\[\#F8FFE6\] {
    --tw-gradient-from: #F8FFE6;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-\[\#F8FFE6\]\/72 {
    --tw-gradient-from: color-mix(in oklab, #F8FFE6 72%, transparent);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-\[\#f8fbee\] {
    --tw-gradient-from: #f8fbee;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-primary {
    --tw-gradient-from: var(--color-primary);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-white {
    --tw-gradient-from: var(--color-white);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-0\% {
    --tw-gradient-from-position: 0%;
  }
  .via-\[\#F8FBEE\] {
    --tw-gradient-via: #F8FBEE;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-\[\#f8fbee\] {
    --tw-gradient-via: #f8fbee;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-primary {
    --tw-gradient-via: var(--color-primary);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-50\% {
    --tw-gradient-via-position: 50%;
  }
  .via-58\% {
    --tw-gradient-via-position: 58%;
  }
  .to-\[\#2F4BCF\]\/8 {
    --tw-gradient-to: color-mix(in oklab, #2F4BCF 8%, transparent);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-\[\#273A91\] {
    --tw-gradient-to: #273A91;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-\[\#20317E\] {
    --tw-gradient-to: #20317E;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-\[\#C1CAF0\]\/40 {
    --tw-gradient-to: color-mix(in oklab, #C1CAF0 40%, transparent);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-\[\#F7F7F8\] {
    --tw-gradient-to: #F7F7F8;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-\[\#F8FBEE\] {
    --tw-gradient-to: #F8FBEE;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-\[\#ffffff\] {
    --tw-gradient-to: #ffffff;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-primary {
    --tw-gradient-to: var(--color-primary);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-100\% {
    --tw-gradient-to-position: 100%;
  }
  .mask-repeat {
    mask-repeat: repeat;
  }
  .fill-primary {
    fill: var(--color-primary);
  }
  .object-cover {
    object-fit: cover;
  }
  .p-1 {
    padding: calc(var(--spacing) * 1);
  }
  .p-1\.5 {
    padding: calc(var(--spacing) * 1.5);
  }
  .p-2 {
    padding: calc(var(--spacing) * 2);
  }
  .p-3 {
    padding: calc(var(--spacing) * 3);
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .px-4\.5 {
    padding-inline: calc(var(--spacing) * 4.5);
  }
  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }
  .px-8 {
    padding-inline: calc(var(--spacing) * 8);
  }
  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }
  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
  .py-8 {
    padding-block: calc(var(--spacing) * 8);
  }
  .py-10 {
    padding-block: calc(var(--spacing) * 10);
  }
  .py-11 {
    padding-block: calc(var(--spacing) * 11);
  }
  .py-12 {
    padding-block: calc(var(--spacing) * 12);
  }
  .py-28 {
    padding-block: calc(var(--spacing) * 28);
  }
  .ps-3 {
    padding-inline-start: calc(var(--spacing) * 3);
  }
  .ps-4 {
    padding-inline-start: calc(var(--spacing) * 4);
  }
  .ps-5 {
    padding-inline-start: calc(var(--spacing) * 5);
  }
  .ps-6 {
    padding-inline-start: calc(var(--spacing) * 6);
  }
  .ps-10 {
    padding-inline-start: calc(var(--spacing) * 10);
  }
  .pe-4 {
    padding-inline-end: calc(var(--spacing) * 4);
  }
  .pe-5 {
    padding-inline-end: calc(var(--spacing) * 5);
  }
  .pe-5\.5 {
    padding-inline-end: calc(var(--spacing) * 5.5);
  }
  .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }
  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }
  .pt-5 {
    padding-top: calc(var(--spacing) * 5);
  }
  .pt-6 {
    padding-top: calc(var(--spacing) * 6);
  }
  .pt-7 {
    padding-top: calc(var(--spacing) * 7);
  }
  .pt-8 {
    padding-top: calc(var(--spacing) * 8);
  }
  .pt-10 {
    padding-top: calc(var(--spacing) * 10);
  }
  .pt-12 {
    padding-top: calc(var(--spacing) * 12);
  }
  .pt-14 {
    padding-top: calc(var(--spacing) * 14);
  }
  .pt-15 {
    padding-top: calc(var(--spacing) * 15);
  }
  .pt-16 {
    padding-top: calc(var(--spacing) * 16);
  }
  .pt-19 {
    padding-top: calc(var(--spacing) * 19);
  }
  .pt-20 {
    padding-top: calc(var(--spacing) * 20);
  }
  .pt-26 {
    padding-top: calc(var(--spacing) * 26);
  }
  .pt-28 {
    padding-top: calc(var(--spacing) * 28);
  }
  .pt-40 {
    padding-top: calc(var(--spacing) * 40);
  }
  .pt-\[90px\] {
    padding-top: 90px;
  }
  .pb-0 {
    padding-bottom: calc(var(--spacing) * 0);
  }
  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }
  .pb-5 {
    padding-bottom: calc(var(--spacing) * 5);
  }
  .pb-6 {
    padding-bottom: calc(var(--spacing) * 6);
  }
  .pb-6\.5 {
    padding-bottom: calc(var(--spacing) * 6.5);
  }
  .pb-7 {
    padding-bottom: calc(var(--spacing) * 7);
  }
  .pb-8 {
    padding-bottom: calc(var(--spacing) * 8);
  }
  .pb-10 {
    padding-bottom: calc(var(--spacing) * 10);
  }
  .pb-11 {
    padding-bottom: calc(var(--spacing) * 11);
  }
  .pb-12 {
    padding-bottom: calc(var(--spacing) * 12);
  }
  .pb-13 {
    padding-bottom: calc(var(--spacing) * 13);
  }
  .pb-14 {
    padding-bottom: calc(var(--spacing) * 14);
  }
  .pb-16 {
    padding-bottom: calc(var(--spacing) * 16);
  }
  .pb-20 {
    padding-bottom: calc(var(--spacing) * 20);
  }
  .pb-24 {
    padding-bottom: calc(var(--spacing) * 24);
  }
  .pb-38 {
    padding-bottom: calc(var(--spacing) * 38);
  }
  .text-center {
    text-align: center;
  }
  .text-end {
    text-align: end;
  }
  .text-left {
    text-align: left;
  }
  .text-start {
    text-align: start;
  }
  .font-geist {
    font-family: var(--font-geist);
  }
  .font-sfPro {
    font-family: var(--font-sfPro);
  }
  .font-sfProText {
    font-family: var(--font-sfProText);
  }
  .font-value {
    font-family: var(--font-value);
  }
  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .text-\[13px\] {
    font-size: 13px;
  }
  .text-\[15px\] {
    font-size: 15px;
  }
  .text-\[17px\] {
    font-size: 17px;
  }
  .leading-\[1\.2\] {
    --tw-leading: 1.2;
    line-height: 1.2;
  }
  .leading-\[1\.5\] {
    --tw-leading: 1.5;
    line-height: 1.5;
  }
  .leading-\[1\.22\] {
    --tw-leading: 1.22;
    line-height: 1.22;
  }
  .leading-\[1\.25\] {
    --tw-leading: 1.25;
    line-height: 1.25;
  }
  .leading-\[1\.32\] {
    --tw-leading: 1.32;
    line-height: 1.32;
  }
  .leading-\[1\.45\] {
    --tw-leading: 1.45;
    line-height: 1.45;
  }
  .leading-\[1\.65\] {
    --tw-leading: 1.65;
    line-height: 1.65;
  }
  .leading-\[1\.75\] {
    --tw-leading: 1.75;
    line-height: 1.75;
  }
  .leading-\[2\] {
    --tw-leading: 2;
    line-height: 2;
  }
  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }
  .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: calc(0.2px * -1);
    letter-spacing: calc(0.2px * -1);
  }
  .-tracking-\[0\.12px\] {
    --tw-tracking: calc(0.12px * -1);
    letter-spacing: calc(0.12px * -1);
  }
  .-tracking-\[0\.15px\] {
    --tw-tracking: calc(0.15px * -1);
    letter-spacing: calc(0.15px * -1);
  }
  .-tracking-\[0\.28px\] {
    --tw-tracking: calc(0.28px * -1);
    letter-spacing: calc(0.28px * -1);
  }
  .-tracking-\[0\.56px\] {
    --tw-tracking: calc(0.56px * -1);
    letter-spacing: calc(0.56px * -1);
  }
  .-tracking-\[0\.72px\] {
    --tw-tracking: calc(0.72px * -1);
    letter-spacing: calc(0.72px * -1);
  }
  .-tracking-\[0\.255px\] {
    --tw-tracking: calc(0.255px * -1);
    letter-spacing: calc(0.255px * -1);
  }
  .tracking-\[0\.3px\] {
    --tw-tracking: 0.3px;
    letter-spacing: 0.3px;
  }
  .tracking-\[0\.14px\] {
    --tw-tracking: 0.14px;
    letter-spacing: 0.14px;
  }
  .tracking-\[0\.15px\] {
    --tw-tracking: 0.15px;
    letter-spacing: 0.15px;
  }
  .tracking-\[0\.22px\] {
    --tw-tracking: 0.22px;
    letter-spacing: 0.22px;
  }
  .tracking-\[0\.24px\] {
    --tw-tracking: 0.24px;
    letter-spacing: 0.24px;
  }
  .tracking-\[0\.25px\] {
    --tw-tracking: 0.25px;
    letter-spacing: 0.25px;
  }
  .tracking-\[0\.28px\] {
    --tw-tracking: 0.28px;
    letter-spacing: 0.28px;
  }
  .tracking-\[0\.32px\] {
    --tw-tracking: 0.32px;
    letter-spacing: 0.32px;
  }
  .tracking-\[0\.34px\] {
    --tw-tracking: 0.34px;
    letter-spacing: 0.34px;
  }
  .tracking-\[0\.36\] {
    --tw-tracking: 0.36;
    letter-spacing: 0.36;
  }
  .tracking-\[0\.36px\] {
    --tw-tracking: 0.36px;
    letter-spacing: 0.36px;
  }
  .tracking-\[0\] {
    --tw-tracking: 0;
    letter-spacing: 0;
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .text-\[\#9AA8E0\] {
    color: #9AA8E0;
  }
  .text-\[\#9EA8D0\] {
    color: #9EA8D0;
  }
  .text-\[\#9EA8D0\]\/80 {
    color: color-mix(in oklab, #9EA8D0 80%, transparent);
  }
  .text-\[\#134F92\] {
    color: #134F92;
  }
  .text-\[\#5367CA\] {
    color: #5367CA;
  }
  .text-\[\#18276B\] {
    color: #18276B;
  }
  .text-\[\#182669\] {
    color: #182669;
  }
  .text-\[\#182669\]\/50 {
    color: color-mix(in oklab, #182669 50%, transparent);
  }
  .text-\[\#BEC7EC\] {
    color: #BEC7EC;
  }
  .text-\[\#DFE2ED\] {
    color: #DFE2ED;
  }
  .text-\[\#EDEDED\] {
    color: #EDEDED;
  }
  .text-\[\#F1F3FB\]\/30 {
    color: color-mix(in oklab, #F1F3FB 30%, transparent);
  }
  .text-\[\#F7FBF6\] {
    color: #F7FBF6;
  }
  .text-dark {
    color: var(--color-dark);
  }
  .text-dark\/64 {
    color: color-mix(in srgb, #231F20 64%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-dark) 64%, transparent);
    }
  }
  .text-greenColor {
    color: var(--color-greenColor);
  }
  .text-primary {
    color: var(--color-primary);
  }
  .text-primary\/60 {
    color: color-mix(in srgb, #121F5C 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-primary) 60%, transparent);
    }
  }
  .text-primaryDark {
    color: var(--color-primaryDark);
  }
  .text-slate-800 {
    color: var(--color-slate-800);
  }
  .text-white {
    color: var(--color-white);
  }
  .text-white\/50 {
    color: color-mix(in srgb, #fff 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 50%, transparent);
    }
  }
  .text-white\/60 {
    color: color-mix(in srgb, #fff 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 60%, transparent);
    }
  }
  .text-white\/80 {
    color: color-mix(in srgb, #fff 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 80%, transparent);
    }
  }
  .uppercase {
    text-transform: uppercase;
  }
  .underline {
    text-decoration-line: underline;
  }
  .decoration-\[\#7EDE92\] {
    text-decoration-color: #7EDE92;
  }
  .decoration-dotted {
    text-decoration-style: dotted;
  }
  .opacity-40 {
    opacity: 40%;
  }
  .opacity-60 {
    opacity: 60%;
  }
  .mix-blend-color {
    mix-blend-mode: color;
  }
  .ring {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring-\[\#D2CCDC\] {
    --tw-ring-color: #D2CCDC;
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .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-filter {
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .duration-300 {
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  .\!ease-linear {
    --tw-ease: linear !important;
    transition-timing-function: linear !important;
  }
  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }
  .group-hover\:block {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        display: block;
      }
    }
  }
  .group-hover\:underline {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        text-decoration-line: underline;
      }
    }
  }
  .before\:absolute {
    &::before {
      content: var(--tw-content);
      position: absolute;
    }
  }
  .before\:-inset-\[10px\] {
    &::before {
      content: var(--tw-content);
      inset: calc(10px * -1);
    }
  }
  .before\:inset-0 {
    &::before {
      content: var(--tw-content);
      inset: calc(var(--spacing) * 0);
    }
  }
  .before\:top-0 {
    &::before {
      content: var(--tw-content);
      top: calc(var(--spacing) * 0);
    }
  }
  .before\:bottom-0 {
    &::before {
      content: var(--tw-content);
      bottom: calc(var(--spacing) * 0);
    }
  }
  .before\:left-0 {
    &::before {
      content: var(--tw-content);
      left: calc(var(--spacing) * 0);
    }
  }
  .before\:left-full {
    &::before {
      content: var(--tw-content);
      left: 100%;
    }
  }
  .before\:-z-10 {
    &::before {
      content: var(--tw-content);
      z-index: calc(10 * -1);
    }
  }
  .before\:-ms-0\.5 {
    &::before {
      content: var(--tw-content);
      margin-inline-start: calc(var(--spacing) * -0.5);
    }
  }
  .before\:h-\[3px\] {
    &::before {
      content: var(--tw-content);
      height: 3px;
    }
  }
  .before\:w-39 {
    &::before {
      content: var(--tw-content);
      width: calc(var(--spacing) * 39);
    }
  }
  .before\:w-screen {
    &::before {
      content: var(--tw-content);
      width: 100vw;
    }
  }
  .before\:rounded-full {
    &::before {
      content: var(--tw-content);
      border-radius: calc(infinity * 1px);
    }
  }
  .before\:rounded-xl {
    &::before {
      content: var(--tw-content);
      border-radius: var(--radius-xl);
    }
  }
  .before\:bg-\[\#7EDE92\] {
    &::before {
      content: var(--tw-content);
      background-color: #7EDE92;
    }
  }
  .before\:bg-white\/8 {
    &::before {
      content: var(--tw-content);
      background-color: color-mix(in srgb, #fff 8%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-white) 8%, transparent);
      }
    }
  }
  .before\:bg-linear-to-b {
    &::before {
      content: var(--tw-content);
      --tw-gradient-position: to bottom;
      @supports (background-image: linear-gradient(in lab, red, red)) {
        --tw-gradient-position: to bottom in oklab;
      }
      background-image: linear-gradient(var(--tw-gradient-stops));
    }
  }
  .before\:bg-linear-\[135deg\] {
    &::before {
      content: var(--tw-content);
      --tw-gradient-position: 135deg;
      background-image: linear-gradient(var(--tw-gradient-stops,135deg));
    }
  }
  .before\:from-\[\#2F4BCF\]\/20 {
    &::before {
      content: var(--tw-content);
      --tw-gradient-from: color-mix(in oklab, #2F4BCF 20%, transparent);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .before\:from-primary {
    &::before {
      content: var(--tw-content);
      --tw-gradient-from: var(--color-primary);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .before\:to-\[\#18692A\]\/60 {
    &::before {
      content: var(--tw-content);
      --tw-gradient-to: color-mix(in oklab, #18692A 60%, transparent);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .before\:to-\[\#20317E\] {
    &::before {
      content: var(--tw-content);
      --tw-gradient-to: #20317E;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .before\:opacity-10 {
    &::before {
      content: var(--tw-content);
      opacity: 10%;
    }
  }
  .before\:blur-sm {
    &::before {
      content: var(--tw-content);
      --tw-blur: blur(var(--blur-sm));
      filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
    }
  }
  .hover\:text-\[\#F1F3FB\] {
    &:hover {
      @media (hover: hover) {
        color: #F1F3FB;
      }
    }
  }
  .hover\:text-white {
    &:hover {
      @media (hover: hover) {
        color: var(--color-white);
      }
    }
  }
  .hover\:opacity-70 {
    &:hover {
      @media (hover: hover) {
        opacity: 70%;
      }
    }
  }
  .hover\:opacity-100 {
    &:hover {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .data-\[active\=true\]\:bg-\[\#F1F6FD\]\/50 {
    &[data-active="true"] {
      background-color: color-mix(in oklab, #F1F6FD 50%, transparent);
    }
  }
  .data-\[active\=true\]\:text-white {
    &[data-active="true"] {
      color: var(--color-white);
    }
  }
  .data-\[active\=true\]\:shadow {
    &[data-active="true"] {
      --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .max-xl\:text-base {
    @media (width < 80rem) {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }
  .max-lg\:mb-10 {
    @media (width < 64rem) {
      margin-bottom: calc(var(--spacing) * 10);
    }
  }
  .max-lg\:hidden {
    @media (width < 64rem) {
      display: none;
    }
  }
  .max-lg\:w-full {
    @media (width < 64rem) {
      width: 100%;
    }
  }
  .max-lg\:flex-wrap {
    @media (width < 64rem) {
      flex-wrap: wrap;
    }
  }
  .max-lg\:justify-center {
    @media (width < 64rem) {
      justify-content: center;
    }
  }
  .max-lg\:gap-4 {
    @media (width < 64rem) {
      gap: calc(var(--spacing) * 4);
    }
  }
  .max-lg\:gap-6 {
    @media (width < 64rem) {
      gap: calc(var(--spacing) * 6);
    }
  }
  .max-lg\:gap-y-4 {
    @media (width < 64rem) {
      row-gap: calc(var(--spacing) * 4);
    }
  }
  .max-lg\:bg-\[\#ebebeb\] {
    @media (width < 64rem) {
      background-color: #ebebeb;
    }
  }
  .max-lg\:ps-3 {
    @media (width < 64rem) {
      padding-inline-start: calc(var(--spacing) * 3);
    }
  }
  .max-lg\:pt-4 {
    @media (width < 64rem) {
      padding-top: calc(var(--spacing) * 4);
    }
  }
  .max-lg\:text-center {
    @media (width < 64rem) {
      text-align: center;
    }
  }
  .max-md\:order-1 {
    @media (width < 48rem) {
      order: 1;
    }
  }
  .max-md\:order-2 {
    @media (width < 48rem) {
      order: 2;
    }
  }
  .max-md\:w-7 {
    @media (width < 48rem) {
      width: calc(var(--spacing) * 7);
    }
  }
  .max-md\:w-8 {
    @media (width < 48rem) {
      width: calc(var(--spacing) * 8);
    }
  }
  .max-md\:w-12 {
    @media (width < 48rem) {
      width: calc(var(--spacing) * 12);
    }
  }
  .max-md\:w-18 {
    @media (width < 48rem) {
      width: calc(var(--spacing) * 18);
    }
  }
  .max-md\:w-30 {
    @media (width < 48rem) {
      width: calc(var(--spacing) * 30);
    }
  }
  .max-md\:max-w-16 {
    @media (width < 48rem) {
      max-width: calc(var(--spacing) * 16);
    }
  }
  .max-md\:min-w-50 {
    @media (width < 48rem) {
      min-width: calc(var(--spacing) * 50);
    }
  }
  .max-md\:flex-1 {
    @media (width < 48rem) {
      flex: 1;
    }
  }
  .max-md\:bg-none {
    @media (width < 48rem) {
      background-image: none;
    }
  }
  .max-md\:pt-20 {
    @media (width < 48rem) {
      padding-top: calc(var(--spacing) * 20);
    }
  }
  .max-md\:before\:hidden {
    @media (width < 48rem) {
      &::before {
        content: var(--tw-content);
        display: none;
      }
    }
  }
  .sm\:-top-2 {
    @media (width >= 40rem) {
      top: calc(var(--spacing) * -2);
    }
  }
  .sm\:order-last {
    @media (width >= 40rem) {
      order: 9999;
    }
  }
  .sm\:-ms-3 {
    @media (width >= 40rem) {
      margin-inline-start: calc(var(--spacing) * -3);
    }
  }
  .sm\:mt-0 {
    @media (width >= 40rem) {
      margin-top: calc(var(--spacing) * 0);
    }
  }
  .sm\:size-15 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 15);
      height: calc(var(--spacing) * 15);
    }
  }
  .sm\:h-7\.5 {
    @media (width >= 40rem) {
      height: calc(var(--spacing) * 7.5);
    }
  }
  .sm\:w-10 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 10);
    }
  }
  .sm\:w-15 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 15);
    }
  }
  .sm\:max-w-58 {
    @media (width >= 40rem) {
      max-width: calc(var(--spacing) * 58);
    }
  }
  .sm\:grid-cols-2 {
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .sm\:flex-row {
    @media (width >= 40rem) {
      flex-direction: row;
    }
  }
  .sm\:items-center {
    @media (width >= 40rem) {
      align-items: center;
    }
  }
  .sm\:items-end {
    @media (width >= 40rem) {
      align-items: flex-end;
    }
  }
  .sm\:justify-end {
    @media (width >= 40rem) {
      justify-content: flex-end;
    }
  }
  .sm\:gap-6 {
    @media (width >= 40rem) {
      gap: calc(var(--spacing) * 6);
    }
  }
  .sm\:border-\[8px\] {
    @media (width >= 40rem) {
      border-style: var(--tw-border-style);
      border-width: 8px;
    }
  }
  .sm\:border-e-\[0\] {
    @media (width >= 40rem) {
      border-inline-end-style: var(--tw-border-style);
      border-inline-end-width: 0;
    }
  }
  .sm\:border-b-\[0\] {
    @media (width >= 40rem) {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0;
    }
  }
  .sm\:ps-4\.5 {
    @media (width >= 40rem) {
      padding-inline-start: calc(var(--spacing) * 4.5);
    }
  }
  .sm\:pe-0 {
    @media (width >= 40rem) {
      padding-inline-end: calc(var(--spacing) * 0);
    }
  }
  .sm\:pe-5 {
    @media (width >= 40rem) {
      padding-inline-end: calc(var(--spacing) * 5);
    }
  }
  .sm\:pe-8\.5 {
    @media (width >= 40rem) {
      padding-inline-end: calc(var(--spacing) * 8.5);
    }
  }
  .sm\:pt-4 {
    @media (width >= 40rem) {
      padding-top: calc(var(--spacing) * 4);
    }
  }
  .sm\:pb-0 {
    @media (width >= 40rem) {
      padding-bottom: calc(var(--spacing) * 0);
    }
  }
  .sm\:pb-5 {
    @media (width >= 40rem) {
      padding-bottom: calc(var(--spacing) * 5);
    }
  }
  .sm\:text-right {
    @media (width >= 40rem) {
      text-align: right;
    }
  }
  .md\:right-16 {
    @media (width >= 48rem) {
      right: calc(var(--spacing) * 16);
    }
  }
  .md\:right-65 {
    @media (width >= 48rem) {
      right: calc(var(--spacing) * 65);
    }
  }
  .md\:-ms-6 {
    @media (width >= 48rem) {
      margin-inline-start: calc(var(--spacing) * -6);
    }
  }
  .md\:ms-10 {
    @media (width >= 48rem) {
      margin-inline-start: calc(var(--spacing) * 10);
    }
  }
  .md\:ms-auto {
    @media (width >= 48rem) {
      margin-inline-start: auto;
    }
  }
  .md\:me-6 {
    @media (width >= 48rem) {
      margin-inline-end: calc(var(--spacing) * 6);
    }
  }
  .md\:-mt-20 {
    @media (width >= 48rem) {
      margin-top: calc(var(--spacing) * -20);
    }
  }
  .md\:mt-4 {
    @media (width >= 48rem) {
      margin-top: calc(var(--spacing) * 4);
    }
  }
  .md\:mt-6 {
    @media (width >= 48rem) {
      margin-top: calc(var(--spacing) * 6);
    }
  }
  .md\:mt-14 {
    @media (width >= 48rem) {
      margin-top: calc(var(--spacing) * 14);
    }
  }
  .md\:mt-16 {
    @media (width >= 48rem) {
      margin-top: calc(var(--spacing) * 16);
    }
  }
  .md\:mt-20 {
    @media (width >= 48rem) {
      margin-top: calc(var(--spacing) * 20);
    }
  }
  .md\:mb-11 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 11);
    }
  }
  .md\:size-12 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 12);
      height: calc(var(--spacing) * 12);
    }
  }
  .md\:size-80 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 80);
      height: calc(var(--spacing) * 80);
    }
  }
  .md\:min-h-64 {
    @media (width >= 48rem) {
      min-height: calc(var(--spacing) * 64);
    }
  }
  .md\:min-h-72 {
    @media (width >= 48rem) {
      min-height: calc(var(--spacing) * 72);
    }
  }
  .md\:w-28 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 28);
    }
  }
  .md\:w-40 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 40);
    }
  }
  .md\:w-50 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 50);
    }
  }
  .md\:w-65 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 65);
    }
  }
  .md\:w-70 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 70);
    }
  }
  .md\:w-120 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 120);
    }
  }
  .md\:w-\[32\%\] {
    @media (width >= 48rem) {
      width: 32%;
    }
  }
  .md\:w-auto {
    @media (width >= 48rem) {
      width: auto;
    }
  }
  .md\:max-w-80 {
    @media (width >= 48rem) {
      max-width: calc(var(--spacing) * 80);
    }
  }
  .md\:max-w-90 {
    @media (width >= 48rem) {
      max-width: calc(var(--spacing) * 90);
    }
  }
  .md\:max-w-94 {
    @media (width >= 48rem) {
      max-width: calc(var(--spacing) * 94);
    }
  }
  .md\:max-w-115 {
    @media (width >= 48rem) {
      max-width: calc(var(--spacing) * 115);
    }
  }
  .md\:grid-cols-1 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-2 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-4 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(4, 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: calc(var(--spacing) * 0);
    }
  }
  .md\:gap-4 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 4);
    }
  }
  .md\:gap-4\.5 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 4.5);
    }
  }
  .md\:gap-5 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 5);
    }
  }
  .md\:gap-6 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 6);
    }
  }
  .md\:gap-8 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 8);
    }
  }
  .md\:gap-11 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 11);
    }
  }
  .md\:gap-12 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 12);
    }
  }
  .md\:space-y-2 {
    @media (width >= 48rem) {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
      }
    }
  }
  .md\:space-y-12 {
    @media (width >= 48rem) {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)));
      }
    }
  }
  .md\:gap-y-10 {
    @media (width >= 48rem) {
      row-gap: calc(var(--spacing) * 10);
    }
  }
  .md\:gap-y-15 {
    @media (width >= 48rem) {
      row-gap: calc(var(--spacing) * 15);
    }
  }
  .md\:border-e {
    @media (width >= 48rem) {
      border-inline-end-style: var(--tw-border-style);
      border-inline-end-width: 1px;
    }
  }
  .md\:px-6 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 6);
    }
  }
  .md\:px-10 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 10);
    }
  }
  .md\:py-12 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 12);
    }
  }
  .md\:ps-7 {
    @media (width >= 48rem) {
      padding-inline-start: calc(var(--spacing) * 7);
    }
  }
  .md\:ps-8 {
    @media (width >= 48rem) {
      padding-inline-start: calc(var(--spacing) * 8);
    }
  }
  .md\:pt-12 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 12);
    }
  }
  .md\:pt-18 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 18);
    }
  }
  .md\:pt-20 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 20);
    }
  }
  .md\:pt-25 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 25);
    }
  }
  .md\:pt-28 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 28);
    }
  }
  .md\:pt-32 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 32);
    }
  }
  .md\:pt-50 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 50);
    }
  }
  .md\:pb-6 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 6);
    }
  }
  .md\:pb-10 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 10);
    }
  }
  .md\:pb-11 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 11);
    }
  }
  .md\:pb-14 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 14);
    }
  }
  .md\:pb-16 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 16);
    }
  }
  .md\:pb-17 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 17);
    }
  }
  .md\:pb-20 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 20);
    }
  }
  .md\:pb-25 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 25);
    }
  }
  .md\:pb-28 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 28);
    }
  }
  .md\:text-2xl {
    @media (width >= 48rem) {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
  }
  .md\:text-lg {
    @media (width >= 48rem) {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }
  .md\:text-xl {
    @media (width >= 48rem) {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }
  .md\:text-\[34px\] {
    @media (width >= 48rem) {
      font-size: 34px;
    }
  }
  .lg\:absolute {
    @media (width >= 64rem) {
      position: absolute;
    }
  }
  .lg\:sticky {
    @media (width >= 64rem) {
      position: sticky;
    }
  }
  .lg\:inset-x-0 {
    @media (width >= 64rem) {
      inset-inline: calc(var(--spacing) * 0);
    }
  }
  .lg\:-top-10 {
    @media (width >= 64rem) {
      top: calc(var(--spacing) * -10);
    }
  }
  .lg\:-top-15 {
    @media (width >= 64rem) {
      top: calc(var(--spacing) * -15);
    }
  }
  .lg\:top-11 {
    @media (width >= 64rem) {
      top: calc(var(--spacing) * 11);
    }
  }
  .lg\:top-20 {
    @media (width >= 64rem) {
      top: calc(var(--spacing) * 20);
    }
  }
  .lg\:right-32 {
    @media (width >= 64rem) {
      right: calc(var(--spacing) * 32);
    }
  }
  .lg\:right-65 {
    @media (width >= 64rem) {
      right: calc(var(--spacing) * 65);
    }
  }
  .lg\:-left-6 {
    @media (width >= 64rem) {
      left: calc(var(--spacing) * -6);
    }
  }
  .lg\:-left-70 {
    @media (width >= 64rem) {
      left: calc(var(--spacing) * -70);
    }
  }
  .lg\:order-1 {
    @media (width >= 64rem) {
      order: 1;
    }
  }
  .lg\:order-2 {
    @media (width >= 64rem) {
      order: 2;
    }
  }
  .lg\:order-3 {
    @media (width >= 64rem) {
      order: 3;
    }
  }
  .lg\:-ms-15 {
    @media (width >= 64rem) {
      margin-inline-start: calc(var(--spacing) * -15);
    }
  }
  .lg\:ms-13 {
    @media (width >= 64rem) {
      margin-inline-start: calc(var(--spacing) * 13);
    }
  }
  .lg\:ms-auto {
    @media (width >= 64rem) {
      margin-inline-start: auto;
    }
  }
  .lg\:me-7 {
    @media (width >= 64rem) {
      margin-inline-end: calc(var(--spacing) * 7);
    }
  }
  .lg\:-mt-25 {
    @media (width >= 64rem) {
      margin-top: calc(var(--spacing) * -25);
    }
  }
  .lg\:-mt-30 {
    @media (width >= 64rem) {
      margin-top: calc(var(--spacing) * -30);
    }
  }
  .lg\:mt-0 {
    @media (width >= 64rem) {
      margin-top: calc(var(--spacing) * 0);
    }
  }
  .lg\:mt-8 {
    @media (width >= 64rem) {
      margin-top: calc(var(--spacing) * 8);
    }
  }
  .lg\:mt-10 {
    @media (width >= 64rem) {
      margin-top: calc(var(--spacing) * 10);
    }
  }
  .lg\:mt-12 {
    @media (width >= 64rem) {
      margin-top: calc(var(--spacing) * 12);
    }
  }
  .lg\:mt-16 {
    @media (width >= 64rem) {
      margin-top: calc(var(--spacing) * 16);
    }
  }
  .lg\:mt-17 {
    @media (width >= 64rem) {
      margin-top: calc(var(--spacing) * 17);
    }
  }
  .lg\:mt-20 {
    @media (width >= 64rem) {
      margin-top: calc(var(--spacing) * 20);
    }
  }
  .lg\:mt-24 {
    @media (width >= 64rem) {
      margin-top: calc(var(--spacing) * 24);
    }
  }
  .lg\:mt-30 {
    @media (width >= 64rem) {
      margin-top: calc(var(--spacing) * 30);
    }
  }
  .lg\:mt-31 {
    @media (width >= 64rem) {
      margin-top: calc(var(--spacing) * 31);
    }
  }
  .lg\:mb-6 {
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 6);
    }
  }
  .lg\:mb-8 {
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 8);
    }
  }
  .lg\:mb-10 {
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 10);
    }
  }
  .lg\:mb-14 {
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 14);
    }
  }
  .lg\:block {
    @media (width >= 64rem) {
      display: block;
    }
  }
  .lg\:grid {
    @media (width >= 64rem) {
      display: grid;
    }
  }
  .lg\:hidden {
    @media (width >= 64rem) {
      display: none;
    }
  }
  .lg\:size-12 {
    @media (width >= 64rem) {
      width: calc(var(--spacing) * 12);
      height: calc(var(--spacing) * 12);
    }
  }
  .lg\:size-140 {
    @media (width >= 64rem) {
      width: calc(var(--spacing) * 140);
      height: calc(var(--spacing) * 140);
    }
  }
  .lg\:min-h-105 {
    @media (width >= 64rem) {
      min-height: calc(var(--spacing) * 105);
    }
  }
  .lg\:min-h-128 {
    @media (width >= 64rem) {
      min-height: calc(var(--spacing) * 128);
    }
  }
  .lg\:w-24 {
    @media (width >= 64rem) {
      width: calc(var(--spacing) * 24);
    }
  }
  .lg\:w-38 {
    @media (width >= 64rem) {
      width: calc(var(--spacing) * 38);
    }
  }
  .lg\:w-65 {
    @media (width >= 64rem) {
      width: calc(var(--spacing) * 65);
    }
  }
  .lg\:w-70 {
    @media (width >= 64rem) {
      width: calc(var(--spacing) * 70);
    }
  }
  .lg\:w-75 {
    @media (width >= 64rem) {
      width: calc(var(--spacing) * 75);
    }
  }
  .lg\:w-90 {
    @media (width >= 64rem) {
      width: calc(var(--spacing) * 90);
    }
  }
  .lg\:w-100 {
    @media (width >= 64rem) {
      width: calc(var(--spacing) * 100);
    }
  }
  .lg\:w-150 {
    @media (width >= 64rem) {
      width: calc(var(--spacing) * 150);
    }
  }
  .lg\:w-auto {
    @media (width >= 64rem) {
      width: auto;
    }
  }
  .lg\:w-full {
    @media (width >= 64rem) {
      width: 100%;
    }
  }
  .lg\:\!max-w-full {
    @media (width >= 64rem) {
      max-width: 100% !important;
    }
  }
  .lg\:max-w-90 {
    @media (width >= 64rem) {
      max-width: calc(var(--spacing) * 90);
    }
  }
  .lg\:max-w-100 {
    @media (width >= 64rem) {
      max-width: calc(var(--spacing) * 100);
    }
  }
  .lg\:max-w-110 {
    @media (width >= 64rem) {
      max-width: calc(var(--spacing) * 110);
    }
  }
  .lg\:max-w-173 {
    @media (width >= 64rem) {
      max-width: calc(var(--spacing) * 173);
    }
  }
  .lg\:flex-1 {
    @media (width >= 64rem) {
      flex: 1;
    }
  }
  .lg\:flex-none {
    @media (width >= 64rem) {
      flex: none;
    }
  }
  .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-5 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  .lg\:flex-row {
    @media (width >= 64rem) {
      flex-direction: row;
    }
  }
  .lg\:items-center {
    @media (width >= 64rem) {
      align-items: center;
    }
  }
  .lg\:items-end {
    @media (width >= 64rem) {
      align-items: flex-end;
    }
  }
  .lg\:justify-end {
    @media (width >= 64rem) {
      justify-content: flex-end;
    }
  }
  .lg\:gap-4 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 4);
    }
  }
  .lg\:gap-4\.5 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 4.5);
    }
  }
  .lg\:gap-8 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 8);
    }
  }
  .lg\:gap-10 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 10);
    }
  }
  .lg\:gap-16 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 16);
    }
  }
  .lg\:space-y-0 {
    @media (width >= 64rem) {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)));
      }
    }
  }
  .lg\:space-y-3 {
    @media (width >= 64rem) {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
      }
    }
  }
  .lg\:space-y-5 {
    @media (width >= 64rem) {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
      }
    }
  }
  .lg\:space-y-12 {
    @media (width >= 64rem) {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)));
      }
    }
  }
  .lg\:space-y-16 {
    @media (width >= 64rem) {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 16) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 16) * calc(1 - var(--tw-space-y-reverse)));
      }
    }
  }
  .lg\:overflow-hidden {
    @media (width >= 64rem) {
      overflow: hidden;
    }
  }
  .lg\:bg-\[\#e7e7e7\] {
    @media (width >= 64rem) {
      background-color: #e7e7e7;
    }
  }
  .lg\:bg-primary {
    @media (width >= 64rem) {
      background-color: var(--color-primary);
    }
  }
  .lg\:bg-\[radial-gradient\(circle_at_center\,\#1831654D_0\%\,\#0F2A614D_100\%\)\] {
    @media (width >= 64rem) {
      background-image: radial-gradient(circle at center,#1831654D 0%,#0F2A614D 100%);
    }
  }
  .lg\:p-1 {
    @media (width >= 64rem) {
      padding: calc(var(--spacing) * 1);
    }
  }
  .lg\:p-8 {
    @media (width >= 64rem) {
      padding: calc(var(--spacing) * 8);
    }
  }
  .lg\:\!px-0 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 0) !important;
    }
  }
  .lg\:px-2 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 2);
    }
  }
  .lg\:px-4 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 4);
    }
  }
  .lg\:px-8 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 8);
    }
  }
  .lg\:px-19 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 19);
    }
  }
  .lg\:py-2 {
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing) * 2);
    }
  }
  .lg\:py-3 {
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing) * 3);
    }
  }
  .lg\:py-14 {
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing) * 14);
    }
  }
  .lg\:ps-4 {
    @media (width >= 64rem) {
      padding-inline-start: calc(var(--spacing) * 4);
    }
  }
  .lg\:ps-8 {
    @media (width >= 64rem) {
      padding-inline-start: calc(var(--spacing) * 8);
    }
  }
  .lg\:ps-12 {
    @media (width >= 64rem) {
      padding-inline-start: calc(var(--spacing) * 12);
    }
  }
  .lg\:pt-4 {
    @media (width >= 64rem) {
      padding-top: calc(var(--spacing) * 4);
    }
  }
  .lg\:pt-9 {
    @media (width >= 64rem) {
      padding-top: calc(var(--spacing) * 9);
    }
  }
  .lg\:pt-12 {
    @media (width >= 64rem) {
      padding-top: calc(var(--spacing) * 12);
    }
  }
  .lg\:pt-14 {
    @media (width >= 64rem) {
      padding-top: calc(var(--spacing) * 14);
    }
  }
  .lg\:pt-16 {
    @media (width >= 64rem) {
      padding-top: calc(var(--spacing) * 16);
    }
  }
  .lg\:pt-17 {
    @media (width >= 64rem) {
      padding-top: calc(var(--spacing) * 17);
    }
  }
  .lg\:pt-18 {
    @media (width >= 64rem) {
      padding-top: calc(var(--spacing) * 18);
    }
  }
  .lg\:pt-19 {
    @media (width >= 64rem) {
      padding-top: calc(var(--spacing) * 19);
    }
  }
  .lg\:pt-22 {
    @media (width >= 64rem) {
      padding-top: calc(var(--spacing) * 22);
    }
  }
  .lg\:pt-25 {
    @media (width >= 64rem) {
      padding-top: calc(var(--spacing) * 25);
    }
  }
  .lg\:pt-28 {
    @media (width >= 64rem) {
      padding-top: calc(var(--spacing) * 28);
    }
  }
  .lg\:pt-34 {
    @media (width >= 64rem) {
      padding-top: calc(var(--spacing) * 34);
    }
  }
  .lg\:pt-35 {
    @media (width >= 64rem) {
      padding-top: calc(var(--spacing) * 35);
    }
  }
  .lg\:pt-40 {
    @media (width >= 64rem) {
      padding-top: calc(var(--spacing) * 40);
    }
  }
  .lg\:pb-6 {
    @media (width >= 64rem) {
      padding-bottom: calc(var(--spacing) * 6);
    }
  }
  .lg\:pb-12 {
    @media (width >= 64rem) {
      padding-bottom: calc(var(--spacing) * 12);
    }
  }
  .lg\:pb-15 {
    @media (width >= 64rem) {
      padding-bottom: calc(var(--spacing) * 15);
    }
  }
  .lg\:pb-20 {
    @media (width >= 64rem) {
      padding-bottom: calc(var(--spacing) * 20);
    }
  }
  .lg\:pb-23 {
    @media (width >= 64rem) {
      padding-bottom: calc(var(--spacing) * 23);
    }
  }
  .lg\:pb-24 {
    @media (width >= 64rem) {
      padding-bottom: calc(var(--spacing) * 24);
    }
  }
  .lg\:pb-26 {
    @media (width >= 64rem) {
      padding-bottom: calc(var(--spacing) * 26);
    }
  }
  .lg\:pb-30 {
    @media (width >= 64rem) {
      padding-bottom: calc(var(--spacing) * 30);
    }
  }
  .lg\:pb-31 {
    @media (width >= 64rem) {
      padding-bottom: calc(var(--spacing) * 31);
    }
  }
  .lg\:pb-32 {
    @media (width >= 64rem) {
      padding-bottom: calc(var(--spacing) * 32);
    }
  }
  .lg\:pb-37 {
    @media (width >= 64rem) {
      padding-bottom: calc(var(--spacing) * 37);
    }
  }
  .lg\:text-2xl {
    @media (width >= 64rem) {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
  }
  .lg\:text-3xl {
    @media (width >= 64rem) {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
  }
  .lg\:text-lg {
    @media (width >= 64rem) {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }
  .lg\:text-xl {
    @media (width >= 64rem) {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }
  .lg\:text-\[15px\] {
    @media (width >= 64rem) {
      font-size: 15px;
    }
  }
  .lg\:text-\[28px\] {
    @media (width >= 64rem) {
      font-size: 28px;
    }
  }
  .lg\:opacity-10 {
    @media (width >= 64rem) {
      opacity: 10%;
    }
  }
  .lg\:opacity-20 {
    @media (width >= 64rem) {
      opacity: 20%;
    }
  }
  .lg\:opacity-30 {
    @media (width >= 64rem) {
      opacity: 30%;
    }
  }
  .lg\:opacity-40 {
    @media (width >= 64rem) {
      opacity: 40%;
    }
  }
  .lg\:shadow-2xl {
    @media (width >= 64rem) {
      --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .xl\:-top-12 {
    @media (width >= 80rem) {
      top: calc(var(--spacing) * -12);
    }
  }
  .xl\:top-16 {
    @media (width >= 80rem) {
      top: calc(var(--spacing) * 16);
    }
  }
  .xl\:right-2\.5 {
    @media (width >= 80rem) {
      right: calc(var(--spacing) * 2.5);
    }
  }
  .xl\:-left-90 {
    @media (width >= 80rem) {
      left: calc(var(--spacing) * -90);
    }
  }
  .xl\:-ms-22 {
    @media (width >= 80rem) {
      margin-inline-start: calc(var(--spacing) * -22);
    }
  }
  .xl\:ms-4 {
    @media (width >= 80rem) {
      margin-inline-start: calc(var(--spacing) * 4);
    }
  }
  .xl\:-mt-31 {
    @media (width >= 80rem) {
      margin-top: calc(var(--spacing) * -31);
    }
  }
  .xl\:mt-12 {
    @media (width >= 80rem) {
      margin-top: calc(var(--spacing) * 12);
    }
  }
  .xl\:mt-20 {
    @media (width >= 80rem) {
      margin-top: calc(var(--spacing) * 20);
    }
  }
  .xl\:mt-22 {
    @media (width >= 80rem) {
      margin-top: calc(var(--spacing) * 22);
    }
  }
  .xl\:mt-28 {
    @media (width >= 80rem) {
      margin-top: calc(var(--spacing) * 28);
    }
  }
  .xl\:mt-40 {
    @media (width >= 80rem) {
      margin-top: calc(var(--spacing) * 40);
    }
  }
  .xl\:mb-6 {
    @media (width >= 80rem) {
      margin-bottom: calc(var(--spacing) * 6);
    }
  }
  .xl\:mb-14 {
    @media (width >= 80rem) {
      margin-bottom: calc(var(--spacing) * 14);
    }
  }
  .xl\:size-16 {
    @media (width >= 80rem) {
      width: calc(var(--spacing) * 16);
      height: calc(var(--spacing) * 16);
    }
  }
  .xl\:size-18 {
    @media (width >= 80rem) {
      width: calc(var(--spacing) * 18);
      height: calc(var(--spacing) * 18);
    }
  }
  .xl\:size-90 {
    @media (width >= 80rem) {
      width: calc(var(--spacing) * 90);
      height: calc(var(--spacing) * 90);
    }
  }
  .xl\:size-180 {
    @media (width >= 80rem) {
      width: calc(var(--spacing) * 180);
      height: calc(var(--spacing) * 180);
    }
  }
  .xl\:min-h-112 {
    @media (width >= 80rem) {
      min-height: calc(var(--spacing) * 112);
    }
  }
  .xl\:w-67 {
    @media (width >= 80rem) {
      width: calc(var(--spacing) * 67);
    }
  }
  .xl\:w-70 {
    @media (width >= 80rem) {
      width: calc(var(--spacing) * 70);
    }
  }
  .xl\:w-80 {
    @media (width >= 80rem) {
      width: calc(var(--spacing) * 80);
    }
  }
  .xl\:w-85 {
    @media (width >= 80rem) {
      width: calc(var(--spacing) * 85);
    }
  }
  .xl\:w-100 {
    @media (width >= 80rem) {
      width: calc(var(--spacing) * 100);
    }
  }
  .xl\:w-120 {
    @media (width >= 80rem) {
      width: calc(var(--spacing) * 120);
    }
  }
  .xl\:w-126 {
    @media (width >= 80rem) {
      width: calc(var(--spacing) * 126);
    }
  }
  .xl\:w-153 {
    @media (width >= 80rem) {
      width: calc(var(--spacing) * 153);
    }
  }
  .xl\:w-210 {
    @media (width >= 80rem) {
      width: calc(var(--spacing) * 210);
    }
  }
  .xl\:w-auto {
    @media (width >= 80rem) {
      width: auto;
    }
  }
  .xl\:max-w-90 {
    @media (width >= 80rem) {
      max-width: calc(var(--spacing) * 90);
    }
  }
  .xl\:max-w-120 {
    @media (width >= 80rem) {
      max-width: calc(var(--spacing) * 120);
    }
  }
  .xl\:max-w-126 {
    @media (width >= 80rem) {
      max-width: calc(var(--spacing) * 126);
    }
  }
  .xl\:max-w-132 {
    @media (width >= 80rem) {
      max-width: calc(var(--spacing) * 132);
    }
  }
  .xl\:max-w-140 {
    @media (width >= 80rem) {
      max-width: calc(var(--spacing) * 140);
    }
  }
  .xl\:flex-1 {
    @media (width >= 80rem) {
      flex: 1;
    }
  }
  .xl\:flex-none {
    @media (width >= 80rem) {
      flex: none;
    }
  }
  .xl\:grid-cols-2 {
    @media (width >= 80rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .xl\:grid-cols-3 {
    @media (width >= 80rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .xl\:flex-row {
    @media (width >= 80rem) {
      flex-direction: row;
    }
  }
  .xl\:gap-3 {
    @media (width >= 80rem) {
      gap: calc(var(--spacing) * 3);
    }
  }
  .xl\:gap-4\.5 {
    @media (width >= 80rem) {
      gap: calc(var(--spacing) * 4.5);
    }
  }
  .xl\:gap-9 {
    @media (width >= 80rem) {
      gap: calc(var(--spacing) * 9);
    }
  }
  .xl\:gap-10 {
    @media (width >= 80rem) {
      gap: calc(var(--spacing) * 10);
    }
  }
  .xl\:gap-12 {
    @media (width >= 80rem) {
      gap: calc(var(--spacing) * 12);
    }
  }
  .xl\:gap-16 {
    @media (width >= 80rem) {
      gap: calc(var(--spacing) * 16);
    }
  }
  .xl\:gap-30 {
    @media (width >= 80rem) {
      gap: calc(var(--spacing) * 30);
    }
  }
  .xl\:space-y-7 {
    @media (width >= 80rem) {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 7) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 7) * calc(1 - var(--tw-space-y-reverse)));
      }
    }
  }
  .xl\:space-y-10 {
    @media (width >= 80rem) {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)));
      }
    }
  }
  .xl\:space-y-18 {
    @media (width >= 80rem) {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 18) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 18) * calc(1 - var(--tw-space-y-reverse)));
      }
    }
  }
  .xl\:gap-x-11 {
    @media (width >= 80rem) {
      column-gap: calc(var(--spacing) * 11);
    }
  }
  .xl\:gap-y-14 {
    @media (width >= 80rem) {
      row-gap: calc(var(--spacing) * 14);
    }
  }
  .xl\:gap-y-22 {
    @media (width >= 80rem) {
      row-gap: calc(var(--spacing) * 22);
    }
  }
  .xl\:rounded-2xl {
    @media (width >= 80rem) {
      border-radius: var(--radius-2xl);
    }
  }
  .xl\:p-2 {
    @media (width >= 80rem) {
      padding: calc(var(--spacing) * 2);
    }
  }
  .xl\:p-6 {
    @media (width >= 80rem) {
      padding: calc(var(--spacing) * 6);
    }
  }
  .xl\:p-7\.5 {
    @media (width >= 80rem) {
      padding: calc(var(--spacing) * 7.5);
    }
  }
  .xl\:px-5 {
    @media (width >= 80rem) {
      padding-inline: calc(var(--spacing) * 5);
    }
  }
  .xl\:px-9 {
    @media (width >= 80rem) {
      padding-inline: calc(var(--spacing) * 9);
    }
  }
  .xl\:px-10 {
    @media (width >= 80rem) {
      padding-inline: calc(var(--spacing) * 10);
    }
  }
  .xl\:py-2\.5 {
    @media (width >= 80rem) {
      padding-block: calc(var(--spacing) * 2.5);
    }
  }
  .xl\:ps-9\.5 {
    @media (width >= 80rem) {
      padding-inline-start: calc(var(--spacing) * 9.5);
    }
  }
  .xl\:ps-15 {
    @media (width >= 80rem) {
      padding-inline-start: calc(var(--spacing) * 15);
    }
  }
  .xl\:ps-24 {
    @media (width >= 80rem) {
      padding-inline-start: calc(var(--spacing) * 24);
    }
  }
  .xl\:pt-8 {
    @media (width >= 80rem) {
      padding-top: calc(var(--spacing) * 8);
    }
  }
  .xl\:pt-20 {
    @media (width >= 80rem) {
      padding-top: calc(var(--spacing) * 20);
    }
  }
  .xl\:pb-10 {
    @media (width >= 80rem) {
      padding-bottom: calc(var(--spacing) * 10);
    }
  }
  .xl\:pb-14 {
    @media (width >= 80rem) {
      padding-bottom: calc(var(--spacing) * 14);
    }
  }
  .xl\:pb-15 {
    @media (width >= 80rem) {
      padding-bottom: calc(var(--spacing) * 15);
    }
  }
  .xl\:pb-17 {
    @media (width >= 80rem) {
      padding-bottom: calc(var(--spacing) * 17);
    }
  }
  .xl\:pb-20 {
    @media (width >= 80rem) {
      padding-bottom: calc(var(--spacing) * 20);
    }
  }
  .xl\:pb-24 {
    @media (width >= 80rem) {
      padding-bottom: calc(var(--spacing) * 24);
    }
  }
  .xl\:pb-30 {
    @media (width >= 80rem) {
      padding-bottom: calc(var(--spacing) * 30);
    }
  }
  .xl\:pb-32 {
    @media (width >= 80rem) {
      padding-bottom: calc(var(--spacing) * 32);
    }
  }
  .xl\:pb-35 {
    @media (width >= 80rem) {
      padding-bottom: calc(var(--spacing) * 35);
    }
  }
  .xl\:pb-40 {
    @media (width >= 80rem) {
      padding-bottom: calc(var(--spacing) * 40);
    }
  }
  .xl\:text-2xl {
    @media (width >= 80rem) {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
  }
  .xl\:text-3xl {
    @media (width >= 80rem) {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
  }
  .xl\:text-base {
    @media (width >= 80rem) {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }
  .xl\:text-lg {
    @media (width >= 80rem) {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }
  .xl\:text-xl {
    @media (width >= 80rem) {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }
  .xl\:text-\[22px\] {
    @media (width >= 80rem) {
      font-size: 22px;
    }
  }
  .xl\:text-\[28px\] {
    @media (width >= 80rem) {
      font-size: 28px;
    }
  }
  .xl\:text-\[34px\] {
    @media (width >= 80rem) {
      font-size: 34px;
    }
  }
  .\32 xl\:bottom-20 {
    @media (width >= 96rem) {
      bottom: calc(var(--spacing) * 20);
    }
  }
  .\32 xl\:-left-115 {
    @media (width >= 96rem) {
      left: calc(var(--spacing) * -115);
    }
  }
  .\32 xl\:-ms-38 {
    @media (width >= 96rem) {
      margin-inline-start: calc(var(--spacing) * -38);
    }
  }
  .\32 xl\:ms-25 {
    @media (width >= 96rem) {
      margin-inline-start: calc(var(--spacing) * 25);
    }
  }
  .\32 xl\:-me-11 {
    @media (width >= 96rem) {
      margin-inline-end: calc(var(--spacing) * -11);
    }
  }
  .\32 xl\:-me-16 {
    @media (width >= 96rem) {
      margin-inline-end: calc(var(--spacing) * -16);
    }
  }
  .\32 xl\:mt-23 {
    @media (width >= 96rem) {
      margin-top: calc(var(--spacing) * 23);
    }
  }
  .\32 xl\:mt-25 {
    @media (width >= 96rem) {
      margin-top: calc(var(--spacing) * 25);
    }
  }
  .\32 xl\:mt-28 {
    @media (width >= 96rem) {
      margin-top: calc(var(--spacing) * 28);
    }
  }
  .\32 xl\:mt-30 {
    @media (width >= 96rem) {
      margin-top: calc(var(--spacing) * 30);
    }
  }
  .\32 xl\:mt-34 {
    @media (width >= 96rem) {
      margin-top: calc(var(--spacing) * 34);
    }
  }
  .\32 xl\:mt-50 {
    @media (width >= 96rem) {
      margin-top: calc(var(--spacing) * 50);
    }
  }
  .\32 xl\:mb-18 {
    @media (width >= 96rem) {
      margin-bottom: calc(var(--spacing) * 18);
    }
  }
  .\32 xl\:size-110 {
    @media (width >= 96rem) {
      width: calc(var(--spacing) * 110);
      height: calc(var(--spacing) * 110);
    }
  }
  .\32 xl\:size-231 {
    @media (width >= 96rem) {
      width: calc(var(--spacing) * 231);
      height: calc(var(--spacing) * 231);
    }
  }
  .\32 xl\:min-h-72 {
    @media (width >= 96rem) {
      min-height: calc(var(--spacing) * 72);
    }
  }
  .\32 xl\:w-31 {
    @media (width >= 96rem) {
      width: calc(var(--spacing) * 31);
    }
  }
  .\32 xl\:w-63 {
    @media (width >= 96rem) {
      width: calc(var(--spacing) * 63);
    }
  }
  .\32 xl\:w-79 {
    @media (width >= 96rem) {
      width: calc(var(--spacing) * 79);
    }
  }
  .\32 xl\:w-100 {
    @media (width >= 96rem) {
      width: calc(var(--spacing) * 100);
    }
  }
  .\32 xl\:w-110 {
    @media (width >= 96rem) {
      width: calc(var(--spacing) * 110);
    }
  }
  .\32 xl\:w-113 {
    @media (width >= 96rem) {
      width: calc(var(--spacing) * 113);
    }
  }
  .\32 xl\:w-128 {
    @media (width >= 96rem) {
      width: calc(var(--spacing) * 128);
    }
  }
  .\32 xl\:w-143 {
    @media (width >= 96rem) {
      width: calc(var(--spacing) * 143);
    }
  }
  .\32 xl\:w-208 {
    @media (width >= 96rem) {
      width: calc(var(--spacing) * 208);
    }
  }
  .\32 xl\:w-243 {
    @media (width >= 96rem) {
      width: calc(var(--spacing) * 243);
    }
  }
  .\32 xl\:w-auto {
    @media (width >= 96rem) {
      width: auto;
    }
  }
  .\32 xl\:max-w-66 {
    @media (width >= 96rem) {
      max-width: calc(var(--spacing) * 66);
    }
  }
  .\32 xl\:max-w-140 {
    @media (width >= 96rem) {
      max-width: calc(var(--spacing) * 140);
    }
  }
  .\32 xl\:max-w-160 {
    @media (width >= 96rem) {
      max-width: calc(var(--spacing) * 160);
    }
  }
  .\32 xl\:max-w-170 {
    @media (width >= 96rem) {
      max-width: calc(var(--spacing) * 170);
    }
  }
  .\32 xl\:grid-cols-3 {
    @media (width >= 96rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .\32 xl\:grid-cols-4 {
    @media (width >= 96rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .\32 xl\:gap-20 {
    @media (width >= 96rem) {
      gap: calc(var(--spacing) * 20);
    }
  }
  .\32 xl\:gap-25 {
    @media (width >= 96rem) {
      gap: calc(var(--spacing) * 25);
    }
  }
  .\32 xl\:gap-35 {
    @media (width >= 96rem) {
      gap: calc(var(--spacing) * 35);
    }
  }
  .\32 xl\:space-y-13 {
    @media (width >= 96rem) {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 13) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 13) * calc(1 - var(--tw-space-y-reverse)));
      }
    }
  }
  .\32 xl\:space-y-21 {
    @media (width >= 96rem) {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 21) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 21) * calc(1 - var(--tw-space-y-reverse)));
      }
    }
  }
  .\32 xl\:gap-y-18 {
    @media (width >= 96rem) {
      row-gap: calc(var(--spacing) * 18);
    }
  }
  .\32 xl\:p-3 {
    @media (width >= 96rem) {
      padding: calc(var(--spacing) * 3);
    }
  }
  .\32 xl\:px-15 {
    @media (width >= 96rem) {
      padding-inline: calc(var(--spacing) * 15);
    }
  }
  .\32 xl\:ps-12 {
    @media (width >= 96rem) {
      padding-inline-start: calc(var(--spacing) * 12);
    }
  }
  .\32 xl\:ps-14 {
    @media (width >= 96rem) {
      padding-inline-start: calc(var(--spacing) * 14);
    }
  }
  .\32 xl\:ps-17 {
    @media (width >= 96rem) {
      padding-inline-start: calc(var(--spacing) * 17);
    }
  }
  .\32 xl\:ps-28 {
    @media (width >= 96rem) {
      padding-inline-start: calc(var(--spacing) * 28);
    }
  }
  .\32 xl\:pt-24 {
    @media (width >= 96rem) {
      padding-top: calc(var(--spacing) * 24);
    }
  }
  .\32 xl\:pt-25 {
    @media (width >= 96rem) {
      padding-top: calc(var(--spacing) * 25);
    }
  }
  .\32 xl\:pt-31 {
    @media (width >= 96rem) {
      padding-top: calc(var(--spacing) * 31);
    }
  }
  .\32 xl\:pb-14 {
    @media (width >= 96rem) {
      padding-bottom: calc(var(--spacing) * 14);
    }
  }
  .\32 xl\:pb-23 {
    @media (width >= 96rem) {
      padding-bottom: calc(var(--spacing) * 23);
    }
  }
  .\32 xl\:pb-24 {
    @media (width >= 96rem) {
      padding-bottom: calc(var(--spacing) * 24);
    }
  }
  .\32 xl\:pb-25 {
    @media (width >= 96rem) {
      padding-bottom: calc(var(--spacing) * 25);
    }
  }
  .\32 xl\:pb-28 {
    @media (width >= 96rem) {
      padding-bottom: calc(var(--spacing) * 28);
    }
  }
  .\32 xl\:pb-30 {
    @media (width >= 96rem) {
      padding-bottom: calc(var(--spacing) * 30);
    }
  }
  .\32 xl\:pb-34 {
    @media (width >= 96rem) {
      padding-bottom: calc(var(--spacing) * 34);
    }
  }
  .\32 xl\:pb-39 {
    @media (width >= 96rem) {
      padding-bottom: calc(var(--spacing) * 39);
    }
  }
  .\32 xl\:pb-40 {
    @media (width >= 96rem) {
      padding-bottom: calc(var(--spacing) * 40);
    }
  }
  .\32 xl\:pb-41 {
    @media (width >= 96rem) {
      padding-bottom: calc(var(--spacing) * 41);
    }
  }
  .\32 xl\:pb-47 {
    @media (width >= 96rem) {
      padding-bottom: calc(var(--spacing) * 47);
    }
  }
  .\32 xl\:pb-50 {
    @media (width >= 96rem) {
      padding-bottom: calc(var(--spacing) * 50);
    }
  }
  .\32 xl\:text-2xl {
    @media (width >= 96rem) {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
  }
  .\32 xl\:text-3xl {
    @media (width >= 96rem) {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
  }
  .\32 xl\:text-4xl {
    @media (width >= 96rem) {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
  }
  .\32 xl\:text-xl {
    @media (width >= 96rem) {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }
  .\32 xl\:text-\[26px\] {
    @media (width >= 96rem) {
      font-size: 26px;
    }
  }
  .\32 xl\:text-\[28px\] {
    @media (width >= 96rem) {
      font-size: 28px;
    }
  }
  .\32 xl\:text-\[32px\] {
    @media (width >= 96rem) {
      font-size: 32px;
    }
  }
  .\32 xl\:text-\[38px\] {
    @media (width >= 96rem) {
      font-size: 38px;
    }
  }
}
:root {
  --bg-ctaBg: url("../images/cta-bg.svg");
  --bg-checkImg: url("../images/check.svg");
  --bg-checkIcon: url("../images/checkicon.svg");
  --bg-profileShape: url("../images/profilevector.svg");
  --bg-listArrow: url("../images/listarrow.svg");
  --bg-selectArrow: url("../images/selectdd.svg");
  --cs1-gradient: linear-gradient(to top, #F6F7F8 79%, #E8E9ED 100%);
}
@layer components {
  html {
    scroll-behavior: smooth;
  }
  body {
    font-family: var(--font-sfProText);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-leading: 1.45;
    line-height: 1.45;
  }
  h1,h2,h3,h4,h5,h6 {
    font-family: var(--font-value);
  }
  .container {
    margin-inline: auto;
    padding-inline: calc(var(--spacing) * 3);
    @media (min-width:1700px) {
      max-width: 1624px !important;
    }
  }
  .flexCol {
    flex: 1 0 0%;
  }
  .flexAuto {
    flex: 0 0 auto;
  }
  .formSelect {
    cursor: pointer;
    appearance: none;
    border-radius: var(--radius-xl);
    background-color: color-mix(in srgb, #121F5C 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-primary) 5%, transparent);
    }
    background-image: var(--bg-selectArrow);
    background-position: center right 16px;
    background-repeat: no-repeat;
    padding-inline: calc(var(--spacing) * 9);
    padding-block: calc(var(--spacing) * 3);
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-leading: 1.45;
    line-height: 1.45;
    --tw-tracking: 0.3px;
    letter-spacing: 0.3px;
    color: #182669;
    &:focus {
      --tw-border-style: none;
      border-style: none;
    }
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
    }
    @media (width >= 64rem) {
      background-position: center right 24px;
    }
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 16);
    }
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing) * 4);
    }
    @media (width >= 64rem) {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
    @media (width >= 96rem) {
      padding-inline: calc(var(--spacing) * 20);
    }
    @media (width >= 96rem) {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
    option {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }
  .bannerRgtInr {
    @media (min-width:1700px) {
      margin-inline-end: calc(var(--spacing) * -8);
    }
    @media (min-width:1800px) {
      margin-inline-end: calc(var(--spacing) * -15);
    }
  }
  .btn {
    cursor: pointer;
    border-radius: 10px;
    border-style: var(--tw-border-style);
    border-width: 1px;
    --tw-border-style: solid;
    border-style: solid;
    border-color: transparent;
    padding-inline: calc(var(--spacing) * 8);
    padding-block: calc(var(--spacing) * 3);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 300ms;
    transition-duration: 300ms;
    @media (width >= 48rem) {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
    @media (width >= 80rem) {
      padding-inline: calc(var(--spacing) * 12);
    }
    @media (width >= 80rem) {
      padding-block: calc(var(--spacing) * 4);
    }
    &.btnPrimaryOutline {
      border-color: var(--color-primary);
      &:hover {
        @media (hover: hover) {
          border-color: color-mix(in srgb, #121F5C 30%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            border-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
          }
        }
      }
      &:hover {
        @media (hover: hover) {
          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);
          }
        }
      }
      &.borderLight {
        border-color: color-mix(in srgb, #121F5C 20%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
        }
        &:hover {
          @media (hover: hover) {
            border-color: color-mix(in srgb, #121F5C 50%, transparent);
            @supports (color: color-mix(in lab, red, red)) {
              border-color: color-mix(in oklab, var(--color-primary) 50%, transparent);
            }
          }
        }
      }
    }
    &.btnPrimary {
      background-color: var(--color-primary);
      color: var(--color-white);
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-primaryDark);
        }
      }
    }
    &.btnOutlineLight {
      border-color: var(--color-white);
      color: var(--color-white);
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-white);
        }
      }
      &:hover {
        @media (hover: hover) {
          color: var(--color-primary);
        }
      }
      &.borderLight {
        border-color: color-mix(in srgb, #fff 20%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
        }
      }
    }
    &.btnSecondary {
      --tw-gradient-position: to bottom right in oklab;
      background-image: linear-gradient(var(--tw-gradient-stops));
      --tw-gradient-from: #7EDE92;
      --tw-gradient-via: #7EDE92;
      --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
      --tw-gradient-stops: var(--tw-gradient-via-stops);
      --tw-gradient-to: #ACEAB1;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      color: var(--color-primary);
      &:hover {
        @media (hover: hover) {
          --tw-gradient-from: #ACEAB1;
          --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
        }
      }
      &:hover {
        @media (hover: hover) {
          --tw-gradient-to: #7EDE92;
          --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
        }
      }
    }
    &.btnWhite {
      background-color: var(--color-white);
      color: var(--color-primary);
    }
    &.headerBtn {
      justify-content: center;
      padding-inline: calc(var(--spacing) * 5);
      padding-block: calc(var(--spacing) * 2);
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
      @media (width >= 80rem) {
        padding-inline: calc(var(--spacing) * 6.5);
      }
      @media (width >= 80rem) {
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height));
      }
    }
  }
  .xxlTitle {
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
    --tw-leading: 1.15;
    line-height: 1.15;
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    --tw-tracking: calc(1.28px * -1);
    letter-spacing: calc(1.28px * -1);
    @media (width >= 64rem) {
      font-size: var(--text-6xl);
      line-height: var(--tw-leading, var(--text-6xl--line-height));
    }
    @media (width >= 80rem) {
      font-size: var(--text-7xl);
      line-height: var(--tw-leading, var(--text-7xl--line-height));
    }
    @media (width >= 96rem) {
      font-size: 85px;
    }
  }
  .xlTitle {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
    --tw-leading: 1.12;
    line-height: 1.12;
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    @media (width >= 64rem) {
      font-size: var(--text-6xl);
      line-height: var(--tw-leading, var(--text-6xl--line-height));
    }
    @media (width >= 96rem) {
      font-size: 70px;
    }
  }
  .lgTitle {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
    --tw-leading: 1.32;
    line-height: 1.32;
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    @media (width >= 64rem) {
      font-size: 50px;
    }
    @media (width >= 80rem) {
      font-size: 50px;
    }
    @media (width >= 96rem) {
      font-size: 64px;
    }
  }
  .mdTitle {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-leading: 1.22;
    line-height: 1.22;
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    @media (width >= 64rem) {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
    @media (width >= 80rem) {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
    @media (width >= 96rem) {
      font-size: 40px;
    }
  }
  .smTitle {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    @media (width >= 64rem) {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
    @media (width >= 80rem) {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
    @media (width >= 96rem) {
      font-size: 34px;
    }
  }
  .contentXl {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-leading: 1.4;
    line-height: 1.4;
    --tw-tracking: calc(0.54px * -1);
    letter-spacing: calc(0.54px * -1);
    @media (width >= 64rem) {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
    @media (width >= 80rem) {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
    @media (width >= 96rem) {
      font-size: 27px;
    }
  }
  .starRating {
    position: absolute;
    right: calc(var(--spacing) * 3);
    bottom: calc(var(--spacing) * 7);
    display: flex;
    border-radius: 35px;
    background-color: var(--color-white);
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 2);
    font-family: var(--font-value);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: 1.2;
    line-height: 1.2;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: calc(0.48 * -1);
    letter-spacing: calc(0.48 * -1);
    --tw-shadow: 0px 8px 12px -4px var(--tw-shadow-color, rgba(0, 0, 0, 0.03));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .headerMain {
    position: fixed;
    top: calc(var(--spacing) * 0);
    right: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    z-index: 50;
    background-color: transparent;
    padding-block: calc(var(--spacing) * 5);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 300ms;
    transition-duration: 300ms;
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }
  .headerMain.stickyHeader {
    padding-block: calc(var(--spacing) * 2) !important;
    .headerInner {
      background-color: var(--color-primary) !important;
    }
  }
  .lightHeader.stickyHeader {
    .headerInner {
      background-color: #ebebeb !important;
    }
  }
  .headerNavMain {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 4);
    font-size: 15px;
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 300ms;
    transition-duration: 300ms;
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
    @media (width < 64rem) {
      position: fixed;
    }
    @media (width < 64rem) {
      top: calc(var(--spacing) * 0);
    }
    @media (width < 64rem) {
      bottom: calc(var(--spacing) * 0);
    }
    @media (width < 64rem) {
      left: calc(var(--spacing) * 0);
    }
    @media (width < 64rem) {
      z-index: 20;
    }
    @media (width < 64rem) {
      width: 100%;
    }
    @media (width < 64rem) {
      max-width: 300px;
    }
    @media (width < 64rem) {
      --tw-translate-x: -100%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    @media (width < 64rem) {
      overflow: auto;
    }
    @media (width < 64rem) {
      background-color: var(--color-primary);
    }
    @media (width < 64rem) {
      padding-inline: calc(var(--spacing) * 5);
    }
    @media (width < 64rem) {
      padding-top: calc(var(--spacing) * 13);
    }
    @media (width < 64rem) {
      padding-bottom: calc(var(--spacing) * 10);
    }
    @media (width >= 64rem) {
      flex-direction: row;
    }
    @media (width >= 64rem) {
      justify-content: flex-end;
    }
    @media (width >= 80rem) {
      gap: calc(var(--spacing) * 8);
    }
    ul {
      li {
        a {
          display: flex;
          align-items: center;
          font-size: var(--text-sm);
          line-height: var(--tw-leading, var(--text-sm--line-height));
          --tw-font-weight: var(--font-weight-semibold);
          font-weight: var(--font-weight-semibold);
          --tw-tracking: 0.145px;
          letter-spacing: 0.145px;
        }
      }
    }
  }
  .submenu {
    font-size: 15px;
  }
  .submenu a {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    &:hover {
      @media (hover: hover) {
        color: var(--color-white);
      }
    }
  }
  .lightHeader {
    .submenu a {
      &:hover {
        @media (hover: hover) {
          color: var(--color-primary);
        }
      }
    }
  }
  body.nav-open {
    overflow: hidden;
  }
  .nav-open .headerNavMain {
    @media (width < 64rem) {
      --tw-translate-x: calc(var(--spacing) * -0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .overlayNav {
    pointer-events: none;
    opacity: 0%;
  }
  .nav-open .overlayNav {
    pointer-events: auto;
    opacity: 100%;
  }
  .faq-item {
    position: relative;
  }
  .faq-item + .faq-item {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    --tw-border-style: solid;
    border-style: solid;
    border-color: color-mix(in srgb, #000 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
  }
  .faqOuter {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    color: var(--color-globalText);
    @media (width >= 64rem) {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
    @media (width >= 80rem) {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
    @media (width >= 96rem) {
      font-size: 28px;
    }
    counter-reset: faq-counter;
    .faq-toggle {
      @media (width < 48rem) {
        padding-block: calc(var(--spacing) * 5) !important;
      }
    }
  }
  .counterCol::before {
    counter-increment: faq-counter;
    content: counter(faq-counter);
    display: inline-flex;
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    font-family: var(--font-value);
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    @media (width >= 48rem) {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
    @media (width >= 96rem) {
      width: calc(var(--spacing) * 14);
      height: calc(var(--spacing) * 14);
    }
  }
  .blogSwiperCol {
    @media (min-width:1024px) {
      width: calc(50vw + 220px);
    }
    @media (min-width:1280px) {
      width: calc(50vw + 270px);
    }
    @media (min-width:1536px) {
      width: calc(50vw + 390px);
    }
    @media (min-width:1700px) {
      width: calc(50vw + 440px);
    }
  }
  .blogCard {
    width: calc(var(--spacing) * 70);
    border-radius: var(--radius-md);
    background-image: linear-gradient(to top,#F6F7F8 79%,#E8E9ED 100%);
    padding-block: calc(var(--spacing) * 4);
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 80);
    }
    @media (width >= 40rem) {
      padding-block: calc(var(--spacing) * 6);
    }
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 110);
    }
    @media (width >= 80rem) {
      width: calc(var(--spacing) * 141);
    }
    @media (width >= 80rem) {
      padding-block: calc(var(--spacing) * 10);
    }
    .blogcardImgCol {
      .blogCardImg {
        aspect-ratio: 16/8;
        width: 100%;
        object-fit: cover;
      }
    }
    .blogCardContent {
      padding-inline: calc(var(--spacing) * 4);
      padding-top: calc(var(--spacing) * 4);
      @media (width >= 40rem) {
        padding-inline: calc(var(--spacing) * 6);
      }
      @media (width >= 40rem) {
        padding-top: calc(var(--spacing) * 6);
      }
      @media (width >= 80rem) {
        padding-inline: calc(var(--spacing) * 7.5);
      }
      @media (width >= 80rem) {
        padding-top: calc(var(--spacing) * 8);
      }
      .mdTitle {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
      }
      .arrowLinkPrimary {
        margin-top: calc(var(--spacing) * 6);
        @media (width >= 80rem) {
          margin-top: calc(var(--spacing) * 8);
        }
        @media (width >= 80rem) {
          padding-inline-start: calc(var(--spacing) * 6);
        }
      }
    }
    &.blogStyle2 {
      width: 100%;
      border-radius: 9px;
      border-style: var(--tw-border-style);
      border-width: 1px;
      --tw-border-style: solid;
      border-style: solid;
      border-color: #D9DCCC;
      padding: calc(var(--spacing) * 3);
      padding-bottom: calc(var(--spacing) * 8);
      .blogcardImgCol {
        img {
          aspect-ratio: var(--aspect-video);
          border-radius: var(--radius-md);
          border-style: var(--tw-border-style);
          border-width: 1px;
          --tw-border-style: solid;
          border-style: solid;
          border-color: #152363;
          object-fit: cover;
        }
      }
      .blogCardContent {
        padding-inline: calc(var(--spacing) * 2);
        padding-top: calc(var(--spacing) * 4);
        @media (width >= 64rem) {
          padding-inline: calc(var(--spacing) * 4.5);
        }
        @media (width >= 64rem) {
          padding-top: calc(var(--spacing) * 6.5);
        }
        h4 {
          font-size: var(--text-2xl);
          line-height: var(--tw-leading, var(--text-2xl--line-height));
          color: var(--color-primary);
          @media (width >= 64rem) {
            font-size: var(--text-3xl);
            line-height: var(--tw-leading, var(--text-3xl--line-height));
          }
          @media (width >= 96rem) {
            font-size: 32px;
          }
        }
        .arrowLinkPrimary {
          margin-top: calc(var(--spacing) * 4);
          border-radius: calc(infinity * 1px);
          padding-inline-end: calc(var(--spacing) * 0);
          color: var(--color-primary);
          transition-property: all;
          transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
          transition-duration: var(--tw-duration, var(--default-transition-duration));
          --tw-duration: 300ms;
          transition-duration: 300ms;
          --tw-ease: var(--ease-in-out);
          transition-timing-function: var(--ease-in-out);
          &:hover {
            @media (hover: hover) {
              background-color: var(--color-primary);
            }
          }
          &:hover {
            @media (hover: hover) {
              color: #7EDE92;
            }
          }
          @media (width >= 48rem) {
            margin-top: calc(var(--spacing) * 7);
          }
        }
      }
    }
  }
  .arrowLinkPrimary {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 2.5);
    padding-inline: calc(var(--spacing) * 2.5);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-leading: 1.2;
    line-height: 1.2;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: #6E82D6;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 300ms;
    transition-duration: 300ms;
    &:hover {
      @media (hover: hover) {
        color: var(--color-primary);
      }
    }
    @media (width >= 40rem) {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
    svg {
      width: calc(var(--spacing) * 9);
      height: calc(var(--spacing) * 9);
      @media (width >= 80rem) {
        width: calc(var(--spacing) * 10);
        height: calc(var(--spacing) * 10);
      }
      @media (width >= 96rem) {
        width: calc(var(--spacing) * 12);
        height: calc(var(--spacing) * 12);
      }
      .plCircle {
        color: var(--color-primary);
      }
    }
  }
  .ctaCard {
    position: relative;
    overflow: hidden;
    border-radius: var(--radius-lg);
    background-color: #7EDE92;
    padding-inline: calc(var(--spacing) * 10);
    padding-block: calc(var(--spacing) * 10);
    @media (width < 48rem) {
      padding-inline: calc(var(--spacing) * 4);
    }
    @media (width >= 80rem) {
      padding-inline: calc(var(--spacing) * 20);
    }
    @media (width >= 80rem) {
      padding-block: calc(var(--spacing) * 17);
    }
    &::before {
      content: "";
      pointer-events: none;
      position: absolute;
      inset: calc(var(--spacing) * 0);
      background-image: var(--bg-ctaBg);
      background-size: auto 100%;
      background-position: right center;
      background-repeat: no-repeat;
      @media (width < 64rem) {
        opacity: 40%;
      }
    }
    .ctaCardInner {
      position: relative;
      z-index: 10;
      display: flex;
      flex-direction: column;
      @media (width < 64rem) {
        row-gap: calc(var(--spacing) * 5);
      }
      @media (width < 64rem) {
        text-align: center;
      }
      @media (width >= 64rem) {
        flex-direction: row;
      }
      @media (width >= 64rem) {
        align-items: center;
      }
      @media (width >= 64rem) {
        justify-content: space-between;
      }
    }
    .ctaColContent {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
      }
      color: var(--color-primary);
      @media (width >= 64rem) {
        max-width: calc(var(--spacing) * 120);
      }
      .ctaColTitle {
        font-size: var(--text-3xl);
        line-height: var(--tw-leading, var(--text-3xl--line-height));
        --tw-leading: 1.22;
        line-height: 1.22;
        @media (width >= 40rem) {
          font-size: var(--text-4xl);
          line-height: var(--tw-leading, var(--text-4xl--line-height));
        }
        @media (width >= 48rem) {
          font-size: var(--text-5xl);
          line-height: var(--tw-leading, var(--text-5xl--line-height));
        }
      }
      p {
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height));
        @media (width >= 48rem) {
          font-size: var(--text-xl);
          line-height: var(--tw-leading, var(--text-xl--line-height));
        }
      }
    }
  }
  .profileCard {
    display: flex;
    width: calc(var(--spacing) * 80);
    flex-direction: column;
    gap: calc(var(--spacing) * 6);
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    --tw-border-style: solid;
    border-style: solid;
    border-color: color-mix(in oklab, #E5E5E5 40%, transparent);
    --tw-gradient-position: to bottom;
    @supports (background-image: linear-gradient(in lab, red, red)) {
      --tw-gradient-position: to bottom in oklab;
    }
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: var(--color-white);
    --tw-gradient-to: #FCFFF5;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 6);
    --tw-shadow: 0px 8px 12px -4px var(--tw-shadow-color, rgba(0, 0, 0, 0.03));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 100);
    }
    @media (width >= 40rem) {
      gap: calc(var(--spacing) * 11);
    }
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 8.5);
    }
    @media (width >= 40rem) {
      padding-block: calc(var(--spacing) * 10);
    }
    .cardTop {
      h2 {
        margin-bottom: calc(var(--spacing) * 0.5);
        font-size: var(--text-2xl);
        line-height: var(--tw-leading, var(--text-2xl--line-height));
        --tw-tracking: 0.3px;
        letter-spacing: 0.3px;
        color: var(--color-primary);
        @media (width >= 40rem) {
          font-size: var(--text-3xl);
          line-height: var(--tw-leading, var(--text-3xl--line-height));
        }
      }
      span {
        font-family: var(--font-sfPro);
        font-size: 13px;
        --tw-leading: 1.5;
        line-height: 1.5;
        --tw-font-weight: var(--font-weight-normal);
        font-weight: var(--font-weight-normal);
        --tw-tracking: calc(0.15px * -1);
        letter-spacing: calc(0.15px * -1);
        color: var(--color-primary);
        text-transform: uppercase;
        @media (width >= 40rem) {
          font-size: 15px;
        }
      }
    }
    .cardBadge {
      display: flex;
      flex-wrap: wrap;
      gap: calc(var(--spacing) * 2);
      font-family: var(--font-sfPro);
      span {
        border-radius: 3px;
        background-color: color-mix(in oklab, #1D2C76 8%, transparent);
        padding-inline: calc(var(--spacing) * 2);
        padding-block: calc(var(--spacing) * 1.5);
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height));
        --tw-leading: 1.5;
        line-height: 1.5;
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
        --tw-tracking: calc(0.12px * -1);
        letter-spacing: calc(0.12px * -1);
        color: var(--color-primary);
      }
    }
    .cardLanguage {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
      }
      span {
        display: block;
        font-family: var(--font-sfPro);
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
        --tw-leading: 1.45;
        line-height: 1.45;
        --tw-tracking: 0.18px;
        letter-spacing: 0.18px;
        @media (width >= 40rem) {
          font-size: var(--text-lg);
          line-height: var(--tw-leading, var(--text-lg--line-height));
        }
      }
    }
    .cardSkill {
      font-family: var(--font-sfPro);
      h4 {
        font-family: var(--font-sfPro);
      }
    }
    .cardBtn {
      .btn {
        display: inline-flex;
        padding-inline: calc(var(--spacing) * 5);
        padding-block: calc(var(--spacing) * 3.5);
      }
    }
  }
  .hiringImg {
    img {
      mask-size: contain;
      mask-repeat: no-repeat;
      mask-image: url("../images/imgmask1.svg");
      @media (max-width:1023px) {
        aspect-ratio: 16/12;
        width: 100%;
        object-fit: cover;
        object-position: top;
        mask-image: none;
      }
    }
  }
  .blogDetailsBanner {
    img {
      aspect-ratio: 16/12;
      mask-size: contain;
      mask-repeat: no-repeat;
      mask-image: url("../images/blogdetails1.svg");
      @media (max-width:1023px) {
        aspect-ratio: 16/12;
        width: 100%;
        object-fit: cover;
        object-position: top;
      }
    }
  }
  .whyHireImg {
    img {
      mask-size: contain;
      mask-repeat: no-repeat;
      mask-image: url("../images/whyhiremask.svg");
    }
  }
  .workShapeImg {
    @media (width < 48rem) {
      display: none;
    }
    @media (width >= 64rem) {
      width: calc(var(--spacing) * 120) !important;
    }
    @media (width >= 80rem) {
      width: auto !important;
    }
  }
  .cardStyle1 {
    @media (max-width:767px) {
      &:nth-child(even) .cs1InnerCol {
        background: var(--cs1-gradient);
        .btmShape {
          color: #EDEEF1;
        }
      }
    }
    @media (min-width:768px) and (max-width:1279px) {
      &:nth-child(4n - 1) .cs1InnerCol, &:nth-child(4n - 2) .cs1InnerCol {
        background: var(--cs1-gradient);
        .btmShape {
          color: #EDEEF1;
        }
      }
    }
    @media (min-width:1280px) and (max-width:1535px) {
      &:nth-child(6n - 4) .cs1InnerCol, &:nth-child(6n - 2) .cs1InnerCol, &:nth-child(6n) .cs1InnerCol {
        background: var(--cs1-gradient);
        .btmShape {
          color: #EDEEF1;
        }
      }
    }
    @media (min-width:1536px) {
      &:nth-child(8n - 6) .cs1InnerCol, &:nth-child(8n - 4) .cs1InnerCol, &:nth-child(8n - 3) .cs1InnerCol, &:nth-child(8n - 1) .cs1InnerCol {
        background: var(--cs1-gradient);
        .btmShape {
          color: #EDEEF1;
        }
      }
    }
    height: 100%;
    --tw-drop-shadow-size: drop-shadow(0 1px 1px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.05)));
    --tw-drop-shadow: drop-shadow(var(--drop-shadow-xs));
    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,);
    .cs1InnerCol {
      position: relative;
      z-index: 10;
      display: flex;
      height: 100%;
      flex-direction: column;
      border-radius: var(--radius-lg);
      background-color: #EDEEF1;
      mask-image: url("../images/card-mask-shape.svg");
      mask-size: cover;
      mask-position: right top;
      mask-repeat: no-repeat;
      padding-inline: calc(var(--spacing) * 4);
      padding-block: calc(var(--spacing) * 8);
      color: var(--color-globalText);
      @media (width >= 40rem) {
        padding-inline: calc(var(--spacing) * 8);
      }
      @media (width >= 64rem) {
        padding-block: calc(var(--spacing) * 12);
      }
      .btmShape {
        position: absolute;
        right: calc(var(--spacing) * 0);
        bottom: calc(var(--spacing) * 0);
        height: auto;
        width: calc(var(--spacing) * 60);
        max-width: calc(1/2 * 100%);
        color: #F6F7F8;
      }
    }
    .cs1TopCol {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
      }
      padding-bottom: calc(var(--spacing) * 3);
      @media (width >= 64rem) {
        :where(& > :not(:last-child)) {
          --tw-space-y-reverse: 0;
          margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
          margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
        }
      }
    }
    .cs1Title {
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
      --tw-leading: 1.22;
      line-height: 1.22;
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      @media (width >= 64rem) {
        font-size: var(--text-3xl);
        line-height: var(--tw-leading, var(--text-3xl--line-height));
      }
      @media (width >= 80rem) {
        font-size: var(--text-4xl);
        line-height: var(--tw-leading, var(--text-4xl--line-height));
      }
      @media (width >= 96rem) {
        font-size: 40px;
      }
    }
    .cs1Text {
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 5;
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
      --tw-leading: 1.45;
      line-height: 1.45;
    }
    .cs1BtmCol {
      margin-top: auto;
      .activeProfileCol {
        margin-bottom: calc(var(--spacing) * 5);
        @media (width >= 64rem) {
          margin-bottom: calc(var(--spacing) * 8);
        }
        @media (width >= 96rem) {
          margin-bottom: calc(var(--spacing) * 15);
        }
      }
    }
  }
  .activeProfileCol {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    @media (width >= 40rem) {
      gap: calc(var(--spacing) * 4);
    }
    .apImgs {
      display: flex;
      :where(& > :not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-start: calc(calc(var(--spacing) * -4.5) * var(--tw-space-x-reverse));
        margin-inline-end: calc(calc(var(--spacing) * -4.5) * calc(1 - var(--tw-space-x-reverse)));
      }
      img {
        width: calc(var(--spacing) * 10);
        height: calc(var(--spacing) * 10);
        border-radius: calc(infinity * 1px);
        border-style: var(--tw-border-style);
        border-width: 3px;
        border-color: var(--color-white);
        @media (width >= 40rem) {
          width: calc(var(--spacing) * 14);
          height: calc(var(--spacing) * 14);
        }
      }
    }
    .apText {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
      color: color-mix(in oklab, #1A1A1A 50%, transparent);
    }
  }
  .ovpLeftSideCol {
    width: calc(var(--spacing) * 50);
    @media (width < 80rem) {
      display: none;
    }
    @media (width >= 96rem) {
      width: calc(var(--spacing) * 112);
    }
  }
  .ovpRightSideCol {
    @media (width >= 64rem) {
      width: calc(var(--spacing) * 110);
    }
    @media (width >= 96rem) {
      width: calc(var(--spacing) * 112);
    }
  }
  .ovpCenterCol {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 32px;
    --tw-gradient-position: to bottom in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: #121F5C;
    --tw-gradient-to: #273A91;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    padding-inline: calc(var(--spacing) * 4);
    padding-top: calc(var(--spacing) * 15);
    padding-bottom: calc(var(--spacing) * 20);
    color: var(--color-white);
    @media (width >= 40rem) {
      padding-block: calc(var(--spacing) * 25);
    }
    @media (width >= 64rem) {
      min-height: calc(var(--spacing) * 132);
    }
    @media (width >= 96rem) {
      padding-block: calc(var(--spacing) * 25);
    }
    .ovpCcInner {
      margin-inline: auto;
      max-width: calc(var(--spacing) * 124);
    }
    .ovpLeftShape {
      position: absolute;
      top: calc(1/2 * 100%);
      right: 100%;
      --tw-translate-y: calc(calc(1/2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
      transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
      @media (width < 96rem) {
        width: calc(var(--spacing) * 80);
      }
      @media (width < 80rem) {
        display: none;
      }
    }
    .ovpTopShape {
      position: absolute;
      top: -1px;
      left: calc(var(--spacing) * 0);
      left: calc(1/2 * 100%);
      display: block;
      width: calc(100% + 4px);
      max-width: initial;
      --tw-translate-x: calc(calc(1/2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
      transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
    }
    .ovpBtmShape {
      position: absolute;
      bottom: -1px;
      left: calc(var(--spacing) * 0);
      left: calc(1/2 * 100%);
      display: block;
      width: calc(100% + 4px);
      max-width: initial;
      --tw-translate-x: calc(calc(1/2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
      transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
    }
  }
  .cardStyle2 {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 5);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: #F1F4E7;
    background-color: var(--color-white);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 5);
    text-align: center;
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 8);
    }
    .cs2IconCol {
      svg {
        margin-inline: auto;
      }
    }
    .cs2Content {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
      --tw-leading: 1.25;
      line-height: 1.25;
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
      color: var(--color-globalText);
    }
  }
  .checkListStyle {
    li {
      display: flex;
      align-items: center;
      gap: calc(var(--spacing) * 3);
      font-family: var(--font-sfPro);
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
      --tw-leading: 1.3;
      line-height: 1.3;
      --tw-tracking: 0.2px;
      letter-spacing: 0.2px;
      color: var(--color-primary);
      &::before {
        content: var(--tw-content);
        width: calc(var(--spacing) * 5);
        height: calc(var(--spacing) * 5);
      }
      &::before {
        content: var(--tw-content);
        min-width: calc(var(--spacing) * 5);
      }
      &::before {
        content: var(--tw-content);
        background-image: var(--bg-checkImg);
      }
      &::before {
        content: var(--tw-content);
        background-size: contain;
      }
      &::before {
        content: var(--tw-content);
        background-position: center;
      }
      @media (width >= 80rem) {
        font-size: var(--text-xl);
        line-height: var(--tw-leading, var(--text-xl--line-height));
      }
      @media (width >= 80rem) {
        &::before {
          content: var(--tw-content);
          width: calc(var(--spacing) * 7);
          height: calc(var(--spacing) * 7);
        }
      }
      @media (width >= 80rem) {
        &::before {
          content: var(--tw-content);
          min-width: calc(var(--spacing) * 7);
        }
      }
    }
  }
  .checkListStyle2 {
    li {
      display: flex;
      align-items: flex-start;
      gap: calc(var(--spacing) * 3);
      &::before {
        content: var(--tw-content);
        margin-top: calc(var(--spacing) * 1.5);
      }
      &::before {
        content: var(--tw-content);
        width: calc(var(--spacing) * 4);
        height: calc(var(--spacing) * 4);
      }
      &::before {
        content: var(--tw-content);
        min-width: calc(var(--spacing) * 4);
      }
      &::before {
        content: var(--tw-content);
        background-image: var(--bg-checkIcon);
      }
      &::before {
        content: var(--tw-content);
        background-size: contain;
      }
      &::before {
        content: var(--tw-content);
        background-position: center;
      }
    }
  }
  .cardDesign1 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 18) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 18) * calc(1 - var(--tw-space-y-reverse)));
    }
    padding-inline: calc(var(--spacing) * 5);
    padding-top: calc(var(--spacing) * 5);
    padding-bottom: calc(var(--spacing) * 8);
    @media (width >= 80rem) {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 25) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 25) * calc(1 - var(--tw-space-y-reverse)));
      }
    }
    @media (width >= 80rem) {
      padding-inline: calc(var(--spacing) * 9);
    }
    @media (width >= 80rem) {
      padding-top: calc(var(--spacing) * 7.5);
    }
    @media (width >= 80rem) {
      padding-bottom: calc(var(--spacing) * 13);
    }
    .cardDesc {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
      }
      font-family: var(--font-sfPro);
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      --tw-leading: 1.3;
      line-height: 1.3;
      --tw-tracking: 0.16px;
      letter-spacing: 0.16px;
      h3 {
        max-width: calc(var(--spacing) * 42);
      }
      p {
        max-width: calc(var(--spacing) * 62);
      }
    }
  }
  .cardDesign2 {
    text-align: center;
    .cardIcon {
      margin-bottom: calc(var(--spacing) * 6);
      display: flex;
      aspect-ratio: 16/14;
      align-items: center;
      justify-content: center;
      border-radius: var(--radius-4xl);
      --tw-gradient-position: 135deg;
      background-image: linear-gradient(var(--tw-gradient-stops,135deg));
      --tw-gradient-from: color-mix(in oklab, #F8FFE5 9%, transparent);
      --tw-gradient-to: color-mix(in oklab, #FFFFFF 60%, transparent);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      --tw-shadow: inset 0 1px 1px var(--tw-shadow-color, rgba(255, 255, 255, 0.35)), inset 0 -1px 2px var(--tw-shadow-color, rgba(255, 255, 255, 0.15)), inset 0 8px 24px var(--tw-shadow-color, rgba(255, 255, 255, 0.12));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      img {
        margin-inline: auto;
        @media (width < 48rem) {
          width: calc(var(--spacing) * 18);
        }
      }
    }
    .cardDesc {
      padding-inline: calc(var(--spacing) * 3);
      h3 {
        font-family: var(--font-sfProText);
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height));
        --tw-leading: 1.45;
        line-height: 1.45;
        --tw-tracking: 0.32px;
        letter-spacing: 0.32px;
        color: #182669;
        @media (width >= 48rem) {
          font-size: var(--text-xl);
          line-height: var(--tw-leading, var(--text-xl--line-height));
        }
        @media (width >= 80rem) {
          font-size: var(--text-2xl);
          line-height: var(--tw-leading, var(--text-2xl--line-height));
        }
        @media (width >= 96rem) {
          font-size: 32px;
        }
      }
    }
  }
  .cardDesign3 {
    position: relative;
    border-radius: var(--radius-lg);
    background-color: #F7FBF6;
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 12);
    @media (width >= 80rem) {
      padding-inline: calc(var(--spacing) * 10);
    }
    .cardTitle {
      font-family: var(--font-value);
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
      --tw-tracking: 0.3px;
      letter-spacing: 0.3px;
      color: var(--color-primary);
      span {
        display: block;
      }
    }
    .cardPrice {
      font-family: var(--font-value);
      color: var(--color-primary);
      .priceSubText {
        font-family: var(--font-sfPro);
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        --tw-leading: 1.5;
        line-height: 1.5;
        --tw-tracking: calc(0.15px * -1);
        letter-spacing: calc(0.15px * -1);
        color: var(--color-primary);
        text-transform: uppercase;
        @media (width >= 64rem) {
          font-size: 15px;
        }
      }
    }
  }
  .testimonialSwiper {
    .swiper-slide:not(.swiper-slide-active) {
      .testimonialCard {
        blockquote {
          opacity: 20%;
        }
        figcaption {
          opacity: 50%;
        }
      }
    }
  }
  .testimonialCard {
    height: 100%;
    width: calc(var(--spacing) * 70);
    text-align: center;
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 100);
    }
    @media (width >= 64rem) {
      width: calc(var(--spacing) * 136);
    }
    figure {
      display: flex;
      height: 100%;
      flex-direction: column;
    }
    blockquote {
      padding-bottom: calc(var(--spacing) * 4);
      transition-property: opacity;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      --tw-duration: 300ms;
      transition-duration: 300ms;
      @media (width >= 80rem) {
        padding-bottom: calc(var(--spacing) * 7);
      }
      p {
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height));
        --tw-leading: 1.5;
        line-height: 1.5;
        color: var(--color-primary);
        @media (width >= 64rem) {
          font-size: var(--text-xl);
          line-height: var(--tw-leading, var(--text-xl--line-height));
        }
        @media (width >= 96rem) {
          font-size: 26px;
        }
      }
    }
    figcaption {
      margin-top: auto;
      transition-property: opacity;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      --tw-duration: 300ms;
      transition-duration: 300ms;
      .tmName {
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height));
        @media (width >= 64rem) {
          font-size: var(--text-xl);
          line-height: var(--tw-leading, var(--text-xl--line-height));
        }
        @media (width >= 96rem) {
          font-size: 26px;
        }
      }
      .tmDesignation {
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
        color: #919BC7;
        @media (width >= 64rem) {
          font-size: var(--text-lg);
          line-height: var(--tw-leading, var(--text-lg--line-height));
        }
      }
    }
    &.themeDark {
      blockquote {
        p {
          color: #CED5F1;
        }
      }
      figcaption {
        .tmName {
          color: #CED5F1;
        }
        .tmDesignation {
          color: #CED5F1;
        }
      }
    }
  }
  .tmSwiperNav {
    margin-inline: auto;
    display: flex;
    width: 100%;
    max-width: calc(var(--spacing) * 130);
    justify-content: space-between;
    @media (width < 64rem) {
      max-width: calc(var(--spacing) * 50);
    }
    @media (width < 64rem) {
      padding-top: calc(var(--spacing) * 8);
    }
    @media (width >= 64rem) {
      position: absolute;
    }
    @media (width >= 64rem) {
      bottom: calc(var(--spacing) * 0);
    }
    @media (width >= 64rem) {
      left: calc(1/2 * 100%);
    }
    @media (width >= 64rem) {
      z-index: 10;
    }
    @media (width >= 64rem) {
      max-width: calc(var(--spacing) * 160);
    }
    @media (width >= 64rem) {
      --tw-translate-x: calc(calc(1/2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    @media (width >= 64rem) {
      transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
    }
  }
  .tmSwiperArrow {
    display: block;
    height: auto;
    width: calc(var(--spacing) * 15);
    cursor: pointer;
    opacity: 50%;
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 300ms;
    transition-duration: 300ms;
    &:hover {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 18);
    }
    @media (width >= 96rem) {
      width: calc(var(--spacing) * 23);
    }
  }
  .plus-icon, .minus-icon {
    @media (width < 64rem) {
      width: calc(var(--spacing) * 12);
      height: calc(var(--spacing) * 12);
    }
  }
  .faqTitle {
    @media (width < 48rem) {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }
  .devCard {
    position: relative;
    border-radius: 3px;
    border-style: var(--tw-border-style);
    border-width: 1px;
    --tw-border-style: solid;
    border-style: solid;
    border-color: color-mix(in oklab, #E2E7F4 64%, transparent);
    --tw-gradient-position: 135deg;
    background-image: linear-gradient(var(--tw-gradient-stops,135deg));
    --tw-gradient-from: #FCFFF5;
    --tw-gradient-from-position: 0%;
    --tw-gradient-via: #FCFFF5;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
    --tw-gradient-via-position: 50%;
    --tw-gradient-to: #E6EAF9;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    --tw-gradient-to-position: 100%;
    padding: calc(var(--spacing) * 4);
    &::after {
      content: var(--tw-content);
      position: absolute;
    }
    &::after {
      content: var(--tw-content);
      inset: calc(var(--spacing) * 0);
    }
    &::after {
      content: var(--tw-content);
      background-image: var(--bg-profileShape);
    }
    &::after {
      content: var(--tw-content);
      background-size: auto;
    }
    &::after {
      content: var(--tw-content);
      background-position: right;
    }
    &::after {
      content: var(--tw-content);
      background-repeat: no-repeat;
    }
    @media (width >= 96rem) {
      padding: calc(var(--spacing) * 6);
    }
    .devCardImg {
      @media (width >= 80rem) {
        padding: calc(var(--spacing) * 1);
      }
      @media (width >= 96rem) {
        padding: calc(var(--spacing) * 1.5);
      }
      .devImgStyle {
        margin-bottom: calc(var(--spacing) * 6.5);
        img {
          margin-inline: auto;
          width: calc(var(--spacing) * 23);
          height: calc(var(--spacing) * 23);
          border-radius: calc(infinity * 1px);
          border-style: var(--tw-border-style);
          border-width: 1px;
          --tw-border-style: solid;
          border-style: solid;
          border-color: #CED4ED;
          object-fit: cover;
        }
      }
    }
    .prevPosition {
      padding-bottom: calc(var(--spacing) * 2.5);
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      color: var(--color-primary);
    }
    .cardTitle {
      margin-bottom: calc(var(--spacing) * 0.5);
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
      --tw-tracking: 0.3px;
      letter-spacing: 0.3px;
      color: var(--color-primary);
      @media (width >= 64rem) {
        font-size: var(--text-3xl);
        line-height: var(--tw-leading, var(--text-3xl--line-height));
      }
    }
    .cardPos {
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
      --tw-leading: 1.5;
      line-height: 1.5;
      --tw-tracking: calc(0.15px * -1);
      letter-spacing: calc(0.15px * -1);
      color: var(--color-primary);
      text-transform: uppercase;
      @media (width >= 64rem) {
        font-size: 15px;
      }
    }
    .skilLbls {
      .skillLbl {
        display: inline-flex;
        border-radius: 3px;
        background-color: color-mix(in oklab, #1D2C76 5%, transparent);
        padding-inline: calc(var(--spacing) * 1.5);
        padding-block: calc(var(--spacing) * 0.5);
        font-family: var(--font-sfPro);
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height));
        --tw-leading: 1.5;
        line-height: 1.5;
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
        --tw-tracking: calc(0.12px * -1);
        letter-spacing: calc(0.12px * -1);
        color: var(--color-primary);
      }
    }
    .cardDesc {
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
    }
    .cardLink {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-leading: 1.5;
      line-height: 1.5;
      --tw-tracking: 0.27px;
      letter-spacing: 0.27px;
      color: #6E82D6;
      img {
        @media (width < 48rem) {
          width: calc(var(--spacing) * 7);
        }
      }
    }
    .cardTime {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
      }
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-leading: 1.5;
      line-height: 1.5;
      --tw-tracking: 0.15px;
      letter-spacing: 0.15px;
      color: var(--color-primary);
      @media (width >= 64rem) {
        font-size: 15px;
      }
    }
  }
  .sidebarTitle {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-tracking: 0.3px;
    letter-spacing: 0.3px;
    color: var(--color-primary);
    @media (width >= 64rem) {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
  }
  .sideBlogTitle {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: 1.5;
    line-height: 1.5;
    --tw-tracking: calc(0.12px * -1);
    letter-spacing: calc(0.12px * -1);
    color: var(--color-primary);
    text-transform: uppercase;
  }
  .sideBlogDesc {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-leading: 1.5;
    line-height: 1.5;
    color: var(--color-primary);
  }
  .wcSideCol {
    @media (width >= 64rem) {
      width: calc(var(--spacing) * 85);
    }
    @media (width >= 80rem) {
      width: calc(var(--spacing) * 100);
    }
    @media (width >= 96rem) {
      width: calc(var(--spacing) * 117);
    }
  }
  .matchCards {
    margin-inline-start: auto;
    @media (width < 64rem) {
      display: grid;
    }
    @media (width < 64rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    @media (width < 64rem) {
      gap: calc(var(--spacing) * 3);
    }
    @media (width < 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    @media (width < 40rem) {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    @media (width >= 64rem) {
      max-width: calc(var(--spacing) * 60);
    }
    @media (width >= 64rem) {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
      }
    }
    @media (width >= 80rem) {
      max-width: calc(var(--spacing) * 82);
    }
    @media (width >= 80rem) {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
      }
    }
  }
  .matchCard {
    display: flex;
    align-items: center;
    column-gap: calc(var(--spacing) * 4);
    border-radius: 30px;
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    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);
    }
    background-color: #293468;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    --tw-backdrop-blur: blur(10px);
    -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,);
    @media (width >= 96rem) {
      column-gap: calc(var(--spacing) * 5);
    }
    @media (width >= 96rem) {
      border-radius: 38px;
    }
    @media (width >= 96rem) {
      padding-inline: calc(var(--spacing) * 5);
    }
    @media (width >= 96rem) {
      padding-block: calc(var(--spacing) * 4);
    }
  }
  .mcImgCol {
    position: relative;
    display: block;
    width: calc(var(--spacing) * 14.5);
    height: calc(var(--spacing) * 14.5);
    border-radius: calc(infinity * 1px);
    img {
      position: absolute;
      inset: calc(var(--spacing) * 0.25);
      border-radius: calc(infinity * 1px);
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: transparent;
      object-fit: cover;
    }
  }
  .mcText {
    font-family: var(--font-sfPro);
  }
  .cProgress {
    position: relative;
    z-index: 10;
    display: block;
    height: auto;
    width: calc(var(--spacing) * 15);
    rotate: 45deg;
  }
  .cProgress-bg {
    fill: none;
    stroke: rgba(255,255,255,0.18);
    stroke-width: 3;
  }
  .cProgress-progress {
    fill: none;
    stroke: #7cff7a;
    stroke-width: 3px;
    stroke-dasharray: 0;
    stroke-dashoffset: 0;
  }
  .tocList {
    li {
      a {
        display: flex;
        align-items: center;
        gap: calc(var(--spacing) * 6);
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px;
        --tw-border-style: solid;
        border-style: solid;
        border-color: color-mix(in oklab, #182669 15%, transparent);
        padding-block: calc(var(--spacing) * 2.5);
        font-size: 22px;
        --tw-leading: 1.45;
        line-height: 1.45;
        --tw-tracking: 0.22px;
        letter-spacing: 0.22px;
        color: #182669;
        &::after {
          content: var(--tw-content);
          width: calc(var(--spacing) * 8);
          height: calc(var(--spacing) * 8);
        }
        &::after {
          content: var(--tw-content);
          min-width: calc(var(--spacing) * 8);
        }
        &::after {
          content: var(--tw-content);
          background-image: var(--bg-listArrow);
        }
        &::after {
          content: var(--tw-content);
          background-position: center;
        }
        &::after {
          content: var(--tw-content);
          background-repeat: no-repeat;
        }
      }
    }
  }
  .contentSection {
    position: relative;
  }
  .docIdCol {
    pointer-events: none;
    position: absolute;
    top: calc(var(--spacing) * -20);
    bottom: calc(var(--spacing) * 0);
  }
  .tagText a {
    display: block;
    border-radius: var(--radius-lg);
    background-color: #F7F7F7;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-family: var(--font-sfProText);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-leading: 1.2;
    line-height: 1.2;
    color: #22348C;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 400ms;
    transition-duration: 400ms;
  }
  .singleColorTags .tagText a {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-primary);
      }
    }
    &:hover {
      @media (hover: hover) {
        color: var(--color-white);
      }
    }
  }
  .gradientBgTags .tagText a {
    --tw-gradient-position: 135deg;
    background-image: linear-gradient(var(--tw-gradient-stops,135deg));
    --tw-gradient-from: #edf2f0;
    --tw-gradient-to: #eef1fa;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    &:hover {
      @media (hover: hover) {
        --tw-gradient-position: 135deg;
        background-image: linear-gradient(var(--tw-gradient-stops,135deg));
      }
    }
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: #E5E5E5;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: #E4E7F0;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .jobCard {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-sm);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: color-mix(in oklab, #E2E7F4 64%, transparent);
    --tw-gradient-position: 135deg;
    background-image: linear-gradient(var(--tw-gradient-stops,135deg));
    --tw-gradient-from: color-mix(in oklab, #FCFFF5 16%, transparent);
    --tw-gradient-from-position: 0%;
    --tw-gradient-via: color-mix(in oklab, #FCFFF5 16%, transparent);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
    --tw-gradient-via-position: 50%;
    --tw-gradient-to: color-mix(in oklab, #E6EAF9 16%, transparent);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    --tw-gradient-to-position: 100%;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 6);
    @media (width >= 40rem) {
      flex-direction: row;
    }
    @media (width >= 40rem) {
      align-items: center;
    }
    @media (width >= 40rem) {
      justify-content: space-between;
    }
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 6);
    }
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing) * 8);
    }
    .jobCardContent {
      :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)));
      }
      h4 {
        padding-bottom: calc(var(--spacing) * 1);
        font-size: var(--text-2xl);
        line-height: var(--tw-leading, var(--text-2xl--line-height));
        --tw-leading: 1.2;
        line-height: 1.2;
        color: var(--color-primary);
        @media (width >= 64rem) {
          font-size: var(--text-3xl);
          line-height: var(--tw-leading, var(--text-3xl--line-height));
        }
      }
      .postTags {
        display: flex;
        flex-wrap: wrap;
        gap: calc(var(--spacing) * 2.5);
        .postTag {
          display: block;
          border-radius: var(--radius-sm);
          background-color: color-mix(in srgb, #121F5C 8%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-primary) 8%, transparent);
          }
          padding-inline: calc(var(--spacing) * 1.5);
          padding-block: calc(var(--spacing) * 1.25);
          font-size: var(--text-xs);
          line-height: var(--tw-leading, var(--text-xs--line-height));
          --tw-leading: 1.2;
          line-height: 1.2;
          color: var(--color-primary);
        }
      }
      .postTime {
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height));
        --tw-leading: 1.2;
        line-height: 1.2;
        color: color-mix(in srgb, #121F5C 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          color: color-mix(in oklab, var(--color-primary) 50%, transparent);
        }
      }
    }
  }
  .btnLight {
    background-color: #F6F6F6;
    color: var(--color-primary);
    &:hover {
      @media (hover: hover) {
        background-color: #EFEFEF;
      }
    }
  }
  .jobCardBtns {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    @media (width < 40rem) {
      flex-direction: row;
    }
    @media (width >= 48rem) {
      flex-direction: row;
    }
    .btn {
      display: block;
      min-width: calc(var(--spacing) * 30);
      padding-inline: calc(var(--spacing) * 5);
      padding-block: calc(var(--spacing) * 3);
      text-align: center;
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      @media (width < 40rem) {
        flex: 1;
      }
      @media (width >= 64rem) {
        min-width: calc(var(--spacing) * 38);
      }
      @media (width >= 80rem) {
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height));
      }
      &.btnLight {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
      }
    }
  }
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-gradient-position {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}
@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}
@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-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;
}
@property --tw-content {
  syntax: "*";
  initial-value: "";
  inherits: false;
}
@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 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-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-border-style: solid;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-content: "";
      --tw-space-x-reverse: 0;
    }
  }
}