/*!***********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./assets/sass/style.scss ***!
  \***********************************************************************************************************************************************************************************/
/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */

@charset "UTF-8";

@layer properties;

@layer theme, base, utilities, components;

@layer theme {

  :root, :host {

    --font-sans: ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
    'Noto Color Emoji';

    --color-red-50: rgb(254, 242, 242);

    --color-red-200: rgb(255, 202, 202);

    --color-red-300: rgb(255, 163, 164);

    --color-red-400: rgb(255, 101, 104);

    --color-red-500: rgb(251, 44, 54);

    --color-red-600: rgb(228, 0, 22);

    --color-orange-200: rgb(255, 215, 168);

    --color-orange-300: rgb(255, 185, 112);

    --color-amber-600: rgb(218, 119, 0);

    --color-yellow-500: rgb(234, 179, 0);

    --color-green-50: rgb(240, 253, 244);

    --color-green-200: rgb(185, 248, 207);

    --color-green-400: rgb(5, 223, 114);

    --color-green-500: rgb(0, 198, 90);

    --color-green-600: rgb(0, 164, 71);

    --color-green-700: rgb(0, 129, 58);

    --color-indigo-500: rgb(98, 96, 255);

    --color-gray-50: rgb(249, 250, 251);

    --color-gray-100: rgb(243, 244, 246);

    --color-gray-200: rgb(229, 231, 235);

    --color-gray-500: rgb(106, 114, 130);

    --color-gray-600: rgb(74, 85, 101);

    --color-gray-700: rgb(54, 65, 83);

    --color-gray-900: rgb(16, 24, 40);

    --color-neutral-50: rgb(250, 250, 250);

    --color-neutral-800: rgb(38, 38, 38);

    --color-black: #000;

    --color-white: #fff;

    --spacing: 0.25rem;

    --container-xs: 20rem;

    --container-md: 28rem;

    --container-lg: 32rem;

    --container-2xl: 42rem;

    --container-7xl: 80rem;

    --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-4xl: 2.25rem;

    --text-4xl--line-height: calc(2.5 / 2.25);

    --font-weight-thin: 100;

    --font-weight-normal: 400;

    --font-weight-medium: 500;

    --font-weight-semibold: 600;

    --font-weight-bold: 700;

    --leading-tight: 1.25;

    --leading-snug: 1.375;

    --leading-relaxed: 1.625;

    --radius-sm: 0.25rem;

    --radius-md: 0.375rem;

    --radius-lg: 0.5rem;

    --radius-xl: 0.75rem;

    --radius-2xl: 1rem;

    --radius-3xl: 1.5rem;

    --radius-4xl: 2rem;

    --ease-in: cubic-bezier(0.4, 0, 1, 1);

    --ease-out: cubic-bezier(0, 0, 0.2, 1);

    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);

    --animate-spin: spin 1s linear infinite;

    --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;

    --blur-sm: 8px;

    --default-transition-duration: 150ms;

    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    --color-primary: #5854d5;

    --color-secondary: #22004e;

    --color-accent: #32509b;

    --color-gray-border: #b8b8b8;

    --color-text-black: #040f12;

    --color-text-medium: #626262;

    --color-light: #f3f3f3;

    --color-placeholder: #595959;

    --color-dark-gray: #d9d9d9;

    --color-dark: #404058;

    --color-muted: #4f4f4f;

    --color-error: #ff3838;

    --color-error-light: #ffeded;

    --color-success: #66ea14;

    --brand-primary-25: #fbf9ff;

    --brand-primary-50: #f1f0ff;

    --brand-primary-100: #e8e7ff;

    --brand-primary-500: #4643b8;

    --brand-primary-700: #28257d;

    --brand-primary-900: #110f43;

    --neutral-50: #f6f6f6;

    --neutral-100: #f2f2f2;

    --neutral-200: #d2d2d4;

    --neutral-300: #d2d2d4;

    --neutral-400: #c6c5ff;

    --neutral-500: #8b8b92;

    --neutral-600: #696a6d;

    --neutral-700: #3a3a40;

    --neutral-800: #1c1c1c;

    --black-100: #07130e;

    --text-secondary: #696a6d;

    --font-family-sans: 'Inter', sans-serif;

    --font-family-roboto: 'Roboto', sans-serif;

    --background-gradient: radial-gradient(
  		139.78% 105.93% at 20% 0%,
  		rgba(255, 255, 255, 0.3) 0%,
  		rgba(255, 255, 255, 0) 100%
  	),
  	var(--color-primary);

    --tw-ease: cubic-bezier(0.4, 0, 0.2, 1);

    --tw-duration: 200ms;
  }

@supports (color: color(display-p3 0 0 0%)) {
:root, :host {

      --color-red-200: rgb(255, 202, 202);

      --color-red-300: rgb(255, 163, 164);

      --color-red-400: rgb(255, 101, 104);

      --color-red-600: rgb(228, 0, 22);

      --color-orange-200: rgb(255, 215, 168);

      --color-orange-300: rgb(255, 185, 112);

      --color-amber-600: rgb(218, 119, 0);

      --color-yellow-500: rgb(234, 179, 0);

      --color-green-500: rgb(0, 198, 90);

      --color-green-600: rgb(0, 164, 71);

      --color-green-700: rgb(0, 129, 58);

      --color-indigo-500: rgb(98, 96, 255);
    }

@media (color-gamut: p3) {
:root, :host {

        --color-red-200: color(display-p3 0.96956 0.79815 0.7943);

        --color-red-300: color(display-p3 0.95692 0.65189 0.64512);

        --color-red-400: color(display-p3 0.93353 0.43168 0.42349);

        --color-red-600: color(display-p3 0.83032 0.14038 0.1332);

        --color-orange-200: color(display-p3 0.97465 0.84705 0.68011);

        --color-orange-300: color(display-p3 0.96801 0.73435 0.46416);

        --color-amber-600: color(display-p3 0.82714 0.46717 0.0336);

        --color-yellow-500: color(display-p3 0.90365 0.70306 0.07454);

        --color-green-500: color(display-p3 0.30873 0.77475 0.37431);

        --color-green-600: color(display-p3 0.24388 0.64082 0.29481);

        --color-green-700: color(display-p3 0.19836 0.5018 0.24533);

        --color-indigo-500: color(display-p3 0.38037 0.37224 0.97171);
      }
}
}
}

@layer utilities {

  .pointer-events-none {

    pointer-events: none;
  }

  .invisible {

    visibility: hidden;
  }

  .visible {

    visibility: visible;
  }

  .object-fit-cover {

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    -o-object-fit: cover;

       object-fit: cover;
  }

  .sr-only {

    position: absolute;

    width: 1px;

    height: 1px;

    padding: 0;

    margin: -1px;

    overflow: hidden;

    clip-path: inset(50%);

    white-space: nowrap;

    border-width: 0;
  }

  .\!absolute {

    position: absolute !important;
  }

  .absolute {

    position: absolute;
  }

  .fixed {

    position: fixed;
  }

  .relative {

    position: relative;
  }

  .static {

    position: static;
  }

  .sticky {

    position: sticky;
  }

  .inset-0 {

    top: calc(var(--spacing) * 0);

    right: calc(var(--spacing) * 0);

    bottom: calc(var(--spacing) * 0);

    left: calc(var(--spacing) * 0);
  }

  .inset-x-0 {

    left: calc(var(--spacing) * 0);

    right: calc(var(--spacing) * 0);
  }

  .inset-y-0 {

    top: calc(var(--spacing) * 0);

    bottom: calc(var(--spacing) * 0);
  }

  .-top-1 {

    top: calc(var(--spacing) * -1);
  }

  .-top-32 {

    top: calc(var(--spacing) * -32);
  }

  .top-0 {

    top: calc(var(--spacing) * 0);
  }

  .top-1\/2 {

    top: calc(1/2 * 100%);
  }

  .top-2 {

    top: calc(var(--spacing) * 2);
  }

  .top-2\.5 {

    top: calc(var(--spacing) * 2.5);
  }

  .top-4 {

    top: calc(var(--spacing) * 4);
  }

  .top-14 {

    top: calc(var(--spacing) * 14);
  }

  .top-24 {

    top: calc(var(--spacing) * 24);
  }

  .top-\[-5px\] {

    top: -5px;
  }

  .top-\[-100px\] {

    top: -100px;
  }

  .top-\[-120px\] {

    top: -120px;
  }

  .top-\[-150px\] {

    top: -150px;
  }

  .top-\[14px\] {

    top: 14px;
  }

  .top-\[15\%\] {

    top: 15%;
  }

  .top-\[17px\] {

    top: 17px;
  }

  .top-\[23px\] {

    top: 23px;
  }

  .top-\[24px\] {

    top: 24px;
  }

  .top-\[25px\] {

    top: 25px;
  }

  .top-\[26px\] {

    top: 26px;
  }

  .top-\[45px\] {

    top: 45px;
  }

  .top-\[50\%\] {

    top: 50%;
  }

  .top-\[58\%\] {

    top: 58%;
  }

  .top-\[80\%\] {

    top: 80%;
  }

  .top-\[105px\] {

    top: 105px;
  }

  .top-\[150px\] {

    top: 150px;
  }

  .top-\[180px\] {

    top: 180px;
  }

  .top-\[255\%\] {

    top: 255%;
  }

  .top-full {

    top: 100%;
  }

  .-right-1 {

    right: calc(var(--spacing) * -1);
  }

  .right-0 {

    right: calc(var(--spacing) * 0);
  }

  .right-2 {

    right: calc(var(--spacing) * 2);
  }

  .right-2\.5 {

    right: calc(var(--spacing) * 2.5);
  }

  .right-4 {

    right: calc(var(--spacing) * 4);
  }

  .right-5 {

    right: calc(var(--spacing) * 5);
  }

  .right-10 {

    right: calc(var(--spacing) * 10);
  }

  .right-28 {

    right: calc(var(--spacing) * 28);
  }

  .right-\[8px\] {

    right: 8px;
  }

  .right-\[10px\] {

    right: 10px;
  }

  .right-\[13px\] {

    right: 13px;
  }

  .right-\[14px\] {

    right: 14px;
  }

  .right-\[15px\] {

    right: 15px;
  }

  .right-\[16px\] {

    right: 16px;
  }

  .right-\[17px\] {

    right: 17px;
  }

  .right-\[24px\] {

    right: 24px;
  }

  .right-\[26px\] {

    right: 26px;
  }

  .right-\[50\%\] {

    right: 50%;
  }

  .-bottom-48 {

    bottom: calc(var(--spacing) * -48);
  }

  .bottom-0 {

    bottom: calc(var(--spacing) * 0);
  }

  .bottom-\[-38px\] {

    bottom: -38px;
  }

  .bottom-\[8px\] {

    bottom: 8px;
  }

  .bottom-\[20px\] {

    bottom: 20px;
  }

  .bottom-\[44px\] {

    bottom: 44px;
  }

  .bottom-\[50\%\] {

    bottom: 50%;
  }

  .bottom-\[50px\] {

    bottom: 50px;
  }

  .bottom-\[150px\] {

    bottom: 150px;
  }

  .-left-48 {

    left: calc(var(--spacing) * -48);
  }

  .left-0 {

    left: calc(var(--spacing) * 0);
  }

  .left-1\/2 {

    left: calc(1/2 * 100%);
  }

  .left-4 {

    left: calc(var(--spacing) * 4);
  }

  .left-8 {

    left: calc(var(--spacing) * 8);
  }

  .left-\[-100px\] {

    left: -100px;
  }

  .left-\[0\%\] {

    left: 0%;
  }

  .left-\[13px\] {

    left: 13px;
  }

  .left-\[15px\] {

    left: 15px;
  }

  .left-\[16px\] {

    left: 16px;
  }

  .left-\[17px\] {

    left: 17px;
  }

  .left-\[26px\] {

    left: 26px;
  }

  .left-\[55\%\] {

    left: 55%;
  }

  .z-0 {

    z-index: 0;
  }

  .z-1 {

    z-index: 1;
  }

  .z-2 {

    z-index: 2;
  }

  .z-10 {

    z-index: 10;
  }

  .z-20 {

    z-index: 20;
  }

  .z-50 {

    z-index: 50;
  }

  .z-\[-1\] {

    z-index: -1;
  }

  .z-\[1\] {

    z-index: 1;
  }

  .z-\[2\] {

    z-index: 2;
  }

  .z-\[10\] {

    z-index: 10;
  }

  .z-\[20\] {

    z-index: 20;
  }

  .z-\[40\] {

    z-index: 40;
  }

  .z-\[51\] {

    z-index: 51;
  }

  .z-\[60\] {

    z-index: 60;
  }

  .z-\[2050\] {

    z-index: 2050;
  }

  .z-\[9999\] {

    z-index: 9999;
  }

  .z-\[999999\] {

    z-index: 999999;
  }

  .order-1 {

    order: 1;
  }

  .order-2 {

    order: 2;
  }

  .order-4 {

    order: 4;
  }

  .col-1 {

    grid-column: 1;
  }

  .col-2 {

    grid-column: 2;
  }

  .container {

    width: 100%;
  }

  @media (min-width: 360px) {

    .container {

      max-width: 360px;
    }
  }

  @media (min-width: 415px) {

    .container {

      max-width: 415px;
    }
  }

  @media (min-width: 768px) {

    .container {

      max-width: 768px;
    }
  }

  @media (min-width: 1024px) {

    .container {

      max-width: 1024px;
    }
  }

  @media (min-width: 1192px) {

    .container {

      max-width: 1192px;
    }
  }

  @media (min-width: 1280px) {

    .container {

      max-width: 1280px;
    }
  }

  @media (min-width: 96rem) {

    .container {

      max-width: 96rem;
    }
  }

  .m-0 {

    margin: calc(var(--spacing) * 0);
  }

  .m-auto {

    margin: auto;
  }

  .mx-1 {

    margin-left: calc(var(--spacing) * 1);

    margin-right: calc(var(--spacing) * 1);
  }

  .mx-4 {

    margin-left: calc(var(--spacing) * 4);

    margin-right: calc(var(--spacing) * 4);
  }

  .mx-\[-20px\] {

    margin-left: -20px;

    margin-right: -20px;
  }

  .mx-auto {

    margin-left: auto;

    margin-right: auto;
  }

  .my-0 {

    margin-top: calc(var(--spacing) * 0);

    margin-bottom: calc(var(--spacing) * 0);
  }

  .my-2 {

    margin-top: calc(var(--spacing) * 2);

    margin-bottom: calc(var(--spacing) * 2);
  }

  .my-3 {

    margin-top: calc(var(--spacing) * 3);

    margin-bottom: calc(var(--spacing) * 3);
  }

  .my-4 {

    margin-top: calc(var(--spacing) * 4);

    margin-bottom: calc(var(--spacing) * 4);
  }

  .my-6 {

    margin-top: calc(var(--spacing) * 6);

    margin-bottom: calc(var(--spacing) * 6);
  }

  .my-8 {

    margin-top: calc(var(--spacing) * 8);

    margin-bottom: calc(var(--spacing) * 8);
  }

  .my-10 {

    margin-top: calc(var(--spacing) * 10);

    margin-bottom: calc(var(--spacing) * 10);
  }

  .my-12 {

    margin-top: calc(var(--spacing) * 12);

    margin-bottom: calc(var(--spacing) * 12);
  }

  .my-32 {

    margin-top: calc(var(--spacing) * 32);

    margin-bottom: calc(var(--spacing) * 32);
  }

  .my-\[23px\] {

    margin-top: 23px;

    margin-bottom: 23px;
  }

  .my-\[24px\] {

    margin-top: 24px;

    margin-bottom: 24px;
  }

  .my-\[40px\] {

    margin-top: 40px;

    margin-bottom: 40px;
  }

  .\!mt-0 {

    margin-top: calc(var(--spacing) * 0) !important;
  }

  .\!mt-4 {

    margin-top: calc(var(--spacing) * 4) !important;
  }

  .-mt-\[140px\] {

    margin-top: calc(140px * -1);
  }

  .mt-0 {

    margin-top: calc(var(--spacing) * 0);
  }

  .mt-1 {

    margin-top: calc(var(--spacing) * 1);
  }

  .mt-2 {

    margin-top: calc(var(--spacing) * 2);
  }

  .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-7 {

    margin-top: calc(var(--spacing) * 7);
  }

  .mt-8 {

    margin-top: calc(var(--spacing) * 8);
  }

  .mt-10 {

    margin-top: calc(var(--spacing) * 10);
  }

  .mt-12 {

    margin-top: calc(var(--spacing) * 12);
  }

  .mt-16 {

    margin-top: calc(var(--spacing) * 16);
  }

  .mt-20 {

    margin-top: calc(var(--spacing) * 20);
  }

  .mt-\[-7px\] {

    margin-top: -7px;
  }

  .mt-\[-12px\] {

    margin-top: -12px;
  }

  .mt-\[-100px\] {

    margin-top: -100px;
  }

  .mt-\[4px\] {

    margin-top: 4px;
  }

  .mt-\[6px\] {

    margin-top: 6px;
  }

  .mt-\[7px\] {

    margin-top: 7px;
  }

  .mt-\[8px\] {

    margin-top: 8px;
  }

  .mt-\[10px\] {

    margin-top: 10px;
  }

  .mt-\[11px\] {

    margin-top: 11px;
  }

  .mt-\[12px\] {

    margin-top: 12px;
  }

  .mt-\[14px\] {

    margin-top: 14px;
  }

  .mt-\[15\.5px\] {

    margin-top: 15.5px;
  }

  .mt-\[15px\] {

    margin-top: 15px;
  }

  .mt-\[16px\] {

    margin-top: 16px;
  }

  .mt-\[18px\] {

    margin-top: 18px;
  }

  .mt-\[20px\] {

    margin-top: 20px;
  }

  .mt-\[22px\] {

    margin-top: 22px;
  }

  .mt-\[23px\] {

    margin-top: 23px;
  }

  .mt-\[24px\] {

    margin-top: 24px;
  }

  .mt-\[25px\] {

    margin-top: 25px;
  }

  .mt-\[27px\] {

    margin-top: 27px;
  }

  .mt-\[29px\] {

    margin-top: 29px;
  }

  .mt-\[30px\] {

    margin-top: 30px;
  }

  .mt-\[31px\] {

    margin-top: 31px;
  }

  .mt-\[32px\] {

    margin-top: 32px;
  }

  .mt-\[35px\] {

    margin-top: 35px;
  }

  .mt-\[36px\] {

    margin-top: 36px;
  }

  .mt-\[39px\] {

    margin-top: 39px;
  }

  .mt-\[40px\] {

    margin-top: 40px;
  }

  .mt-\[41px\] {

    margin-top: 41px;
  }

  .mt-\[42px\] {

    margin-top: 42px;
  }

  .mt-\[45px\] {

    margin-top: 45px;
  }

  .mt-\[47px\] {

    margin-top: 47px;
  }

  .mt-\[48px\] {

    margin-top: 48px;
  }

  .mt-\[50px\] {

    margin-top: 50px;
  }

  .mt-\[52px\] {

    margin-top: 52px;
  }

  .mt-\[56px\] {

    margin-top: 56px;
  }

  .mt-\[63px\] {

    margin-top: 63px;
  }

  .mt-\[64px\] {

    margin-top: 64px;
  }

  .mt-\[72px\] {

    margin-top: 72px;
  }

  .mt-\[78px\] {

    margin-top: 78px;
  }

  .mt-\[80px\] {

    margin-top: 80px;
  }

  .mt-\[81px\] {

    margin-top: 81px;
  }

  .mt-\[86px\] {

    margin-top: 86px;
  }

  .mt-\[92px\] {

    margin-top: 92px;
  }

  .mt-\[93px\] {

    margin-top: 93px;
  }

  .mt-\[97px\] {

    margin-top: 97px;
  }

  .mt-\[112px\] {

    margin-top: 112px;
  }

  .mt-\[114px\] {

    margin-top: 114px;
  }

  .mt-\[115px\] {

    margin-top: 115px;
  }

  .mt-\[120px\] {

    margin-top: 120px;
  }

  .mt-\[121px\] {

    margin-top: 121px;
  }

  .mt-\[124px\] {

    margin-top: 124px;
  }

  .mt-\[126px\] {

    margin-top: 126px;
  }

  .mt-\[132px\] {

    margin-top: 132px;
  }

  .mr-2 {

    margin-right: calc(var(--spacing) * 2);
  }

  .mr-3 {

    margin-right: calc(var(--spacing) * 3);
  }

  .mr-4 {

    margin-right: calc(var(--spacing) * 4);
  }

  .mr-5 {

    margin-right: calc(var(--spacing) * 5);
  }

  .mr-6 {

    margin-right: calc(var(--spacing) * 6);
  }

  .mr-8 {

    margin-right: calc(var(--spacing) * 8);
  }

  .mr-\[18px\] {

    margin-right: 18px;
  }

  .\!mb-0 {

    margin-bottom: calc(var(--spacing) * 0) !important;
  }

  .\!mb-3 {

    margin-bottom: calc(var(--spacing) * 3) !important;
  }

  .\!mb-\[34px\] {

    margin-bottom: 34px !important;
  }

  .mb-0 {

    margin-bottom: calc(var(--spacing) * 0);
  }

  .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-8 {

    margin-bottom: calc(var(--spacing) * 8);
  }

  .mb-10 {

    margin-bottom: calc(var(--spacing) * 10);
  }

  .mb-12 {

    margin-bottom: calc(var(--spacing) * 12);
  }

  .mb-16 {

    margin-bottom: calc(var(--spacing) * 16);
  }

  .mb-20 {

    margin-bottom: calc(var(--spacing) * 20);
  }

  .mb-28 {

    margin-bottom: calc(var(--spacing) * 28);
  }

  .mb-\[4px\] {

    margin-bottom: 4px;
  }

  .mb-\[7px\] {

    margin-bottom: 7px;
  }

  .mb-\[8px\] {

    margin-bottom: 8px;
  }

  .mb-\[11px\] {

    margin-bottom: 11px;
  }

  .mb-\[12px\] {

    margin-bottom: 12px;
  }

  .mb-\[13px\] {

    margin-bottom: 13px;
  }

  .mb-\[14px\] {

    margin-bottom: 14px;
  }

  .mb-\[15px\] {

    margin-bottom: 15px;
  }

  .mb-\[16px\] {

    margin-bottom: 16px;
  }

  .mb-\[17px\] {

    margin-bottom: 17px;
  }

  .mb-\[20px\] {

    margin-bottom: 20px;
  }

  .mb-\[21px\] {

    margin-bottom: 21px;
  }

  .mb-\[23px\] {

    margin-bottom: 23px;
  }

  .mb-\[24px\] {

    margin-bottom: 24px;
  }

  .mb-\[26\%\] {

    margin-bottom: 26%;
  }

  .mb-\[26px\] {

    margin-bottom: 26px;
  }

  .mb-\[28px\] {

    margin-bottom: 28px;
  }

  .mb-\[29px\] {

    margin-bottom: 29px;
  }

  .mb-\[30px\] {

    margin-bottom: 30px;
  }

  .mb-\[31px\] {

    margin-bottom: 31px;
  }

  .mb-\[32px\] {

    margin-bottom: 32px;
  }

  .mb-\[34px\] {

    margin-bottom: 34px;
  }

  .mb-\[36px\] {

    margin-bottom: 36px;
  }

  .mb-\[39px\] {

    margin-bottom: 39px;
  }

  .mb-\[40px\] {

    margin-bottom: 40px;
  }

  .mb-\[41px\] {

    margin-bottom: 41px;
  }

  .mb-\[50px\] {

    margin-bottom: 50px;
  }

  .mb-\[52px\] {

    margin-bottom: 52px;
  }

  .mb-\[68px\] {

    margin-bottom: 68px;
  }

  .mb-\[70px\] {

    margin-bottom: 70px;
  }

  .mb-\[79px\] {

    margin-bottom: 79px;
  }

  .mb-\[80px\] {

    margin-bottom: 80px;
  }

  .mb-\[81px\] {

    margin-bottom: 81px;
  }

  .mb-\[115px\] {

    margin-bottom: 115px;
  }

  .mb-\[120px\] {

    margin-bottom: 120px;
  }

  .mb-\[121px\] {

    margin-bottom: 121px;
  }

  .ml-0 {

    margin-left: calc(var(--spacing) * 0);
  }

  .ml-1 {

    margin-left: calc(var(--spacing) * 1);
  }

  .ml-2 {

    margin-left: calc(var(--spacing) * 2);
  }

  .ml-3 {

    margin-left: calc(var(--spacing) * 3);
  }

  .ml-4 {

    margin-left: calc(var(--spacing) * 4);
  }

  .ml-5 {

    margin-left: calc(var(--spacing) * 5);
  }

  .ml-6 {

    margin-left: calc(var(--spacing) * 6);
  }

  .ml-8 {

    margin-left: calc(var(--spacing) * 8);
  }

  .ml-\[-4px\] {

    margin-left: -4px;
  }

  .ml-\[-50vw\] {

    margin-left: -50vw;
  }

  .ml-\[1px\] {

    margin-left: 1px;
  }

  .ml-\[6px\] {

    margin-left: 6px;
  }

  .ml-\[16\%\] {

    margin-left: 16%;
  }

  .ml-\[16\.5px\] {

    margin-left: 16.5px;
  }

  .ml-\[27px\] {

    margin-left: 27px;
  }

  .ml-auto {

    margin-left: auto;
  }

  .line-clamp-2 {

    overflow: hidden;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;
  }

  .line-clamp-3 {

    overflow: hidden;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;
  }

  .\!flex {

    display: flex !important;
  }

  .\!hidden {

    display: none !important;
  }

  .block {

    display: block;
  }

  .contents {

    display: contents;
  }

  .flex {

    display: flex;
  }

  .grid {

    display: grid;
  }

  .hidden {

    display: none;
  }

  .inline {

    display: inline;
  }

  .inline-block {

    display: inline-block;
  }

  .inline-flex {

    display: inline-flex;
  }

  .table {

    display: table;
  }

  .aspect-\[335\/300\] {

    aspect-ratio: 335/300;
  }

  .\!h-auto {

    height: auto !important;
  }

  .h-0 {

    height: calc(var(--spacing) * 0);
  }

  .h-2 {

    height: calc(var(--spacing) * 2);
  }

  .h-3 {

    height: calc(var(--spacing) * 3);
  }

  .h-4 {

    height: calc(var(--spacing) * 4);
  }

  .h-5 {

    height: calc(var(--spacing) * 5);
  }

  .h-6 {

    height: calc(var(--spacing) * 6);
  }

  .h-8 {

    height: calc(var(--spacing) * 8);
  }

  .h-10 {

    height: calc(var(--spacing) * 10);
  }

  .h-12 {

    height: calc(var(--spacing) * 12);
  }

  .h-16 {

    height: calc(var(--spacing) * 16);
  }

  .h-\[1px\] {

    height: 1px;
  }

  .h-\[12px\] {

    height: 12px;
  }

  .h-\[16px\] {

    height: 16px;
  }

  .h-\[18px\] {

    height: 18px;
  }

  .h-\[20px\] {

    height: 20px;
  }

  .h-\[22px\] {

    height: 22px;
  }

  .h-\[24px\] {

    height: 24px;
  }

  .h-\[28px\] {

    height: 28px;
  }

  .h-\[29px\] {

    height: 29px;
  }

  .h-\[30px\] {

    height: 30px;
  }

  .h-\[32px\] {

    height: 32px;
  }

  .h-\[36px\] {

    height: 36px;
  }

  .h-\[38px\] {

    height: 38px;
  }

  .h-\[40px\] {

    height: 40px;
  }

  .h-\[42px\] {

    height: 42px;
  }

  .h-\[44px\] {

    height: 44px;
  }

  .h-\[45px\] {

    height: 45px;
  }

  .h-\[48px\] {

    height: 48px;
  }

  .h-\[50px\] {

    height: 50px;
  }

  .h-\[52px\] {

    height: 52px;
  }

  .h-\[54px\] {

    height: 54px;
  }

  .h-\[56px\] {

    height: 56px;
  }

  .h-\[60px\] {

    height: 60px;
  }

  .h-\[62px\] {

    height: 62px;
  }

  .h-\[64px\] {

    height: 64px;
  }

  .h-\[80px\] {

    height: 80px;
  }

  .h-\[100\%\] {

    height: 100%;
  }

  .h-\[132px\] {

    height: 132px;
  }

  .h-\[150px\] {

    height: 150px;
  }

  .h-\[200px\] {

    height: 200px;
  }

  .h-\[300px\] {

    height: 300px;
  }

  .h-\[328px\] {

    height: 328px;
  }

  .h-\[405px\] {

    height: 405px;
  }

  .h-\[470px\] {

    height: 470px;
  }

  .h-\[800px\] {

    height: 800px;
  }

  .h-\[calc\(100\%-18px\)\] {

    height: calc(100% - 18px);
  }

  .h-\[calc\(100\%-45px\)\] {

    height: calc(100% - 45px);
  }

  .h-auto {

    height: auto;
  }

  .h-full {

    height: 100%;
  }

  .h-px {

    height: 1px;
  }

  .max-h-6 {

    max-height: calc(var(--spacing) * 6);
  }

  .max-h-20 {

    max-height: calc(var(--spacing) * 20);
  }

  .max-h-60 {

    max-height: calc(var(--spacing) * 60);
  }

  .max-h-\[70px\] {

    max-height: 70px;
  }

  .max-h-\[95px\] {

    max-height: 95px;
  }

  .max-h-\[222px\] {

    max-height: 222px;
  }

  .max-h-\[350px\] {

    max-height: 350px;
  }

  .max-h-\[364px\] {

    max-height: 364px;
  }

  .max-h-\[400px\] {

    max-height: 400px;
  }

  .max-h-\[500px\] {

    max-height: 500px;
  }

  .max-h-\[clamp\(345px_80vw_60vh\)\] {

    max-height: max(345px, min(80vw, 60vh));
  }

  .max-h-none {

    max-height: none;
  }

  .min-h-0 {

    min-height: calc(var(--spacing) * 0);
  }

  .min-h-\[48px\] {

    min-height: 48px;
  }

  .min-h-\[56px\] {

    min-height: 56px;
  }

  .min-h-\[72px\] {

    min-height: 72px;
  }

  .min-h-\[80px\] {

    min-height: 80px;
  }

  .min-h-\[191px\] {

    min-height: 191px;
  }

  .min-h-\[201px\] {

    min-height: 201px;
  }

  .min-h-\[471px\] {

    min-height: 471px;
  }

  .min-h-\[800px\] {

    min-height: 800px;
  }

  .min-h-full {

    min-height: 100%;
  }

  .min-h-screen {

    min-height: 100vh;
  }

  .\!w-auto {

    width: auto !important;
  }

  .\!w-full {

    width: 100% !important;
  }

  .w-0 {

    width: calc(var(--spacing) * 0);
  }

  .w-0\.5 {

    width: calc(var(--spacing) * 0.5);
  }

  .w-1\/3 {

    width: calc(1/3 * 100%);
  }

  .w-2 {

    width: calc(var(--spacing) * 2);
  }

  .w-3 {

    width: calc(var(--spacing) * 3);
  }

  .w-4 {

    width: calc(var(--spacing) * 4);
  }

  .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-16 {

    width: calc(var(--spacing) * 16);
  }

  .w-28 {

    width: calc(var(--spacing) * 28);
  }

  .w-\[1px\] {

    width: 1px;
  }

  .w-\[2px\] {

    width: 2px;
  }

  .w-\[12px\] {

    width: 12px;
  }

  .w-\[16px\] {

    width: 16px;
  }

  .w-\[18px\] {

    width: 18px;
  }

  .w-\[20px\] {

    width: 20px;
  }

  .w-\[22px\] {

    width: 22px;
  }

  .w-\[24px\] {

    width: 24px;
  }

  .w-\[28px\] {

    width: 28px;
  }

  .w-\[30px\] {

    width: 30px;
  }

  .w-\[32px\] {

    width: 32px;
  }

  .w-\[36px\] {

    width: 36px;
  }

  .w-\[40px\] {

    width: 40px;
  }

  .w-\[42px\] {

    width: 42px;
  }

  .w-\[43\%\] {

    width: 43%;
  }

  .w-\[44px\] {

    width: 44px;
  }

  .w-\[48px\] {

    width: 48px;
  }

  .w-\[50px\] {

    width: 50px;
  }

  .w-\[52px\] {

    width: 52px;
  }

  .w-\[56px\] {

    width: 56px;
  }

  .w-\[57\%\] {

    width: 57%;
  }

  .w-\[60px\] {

    width: 60px;
  }

  .w-\[62px\] {

    width: 62px;
  }

  .w-\[64px\] {

    width: 64px;
  }

  .w-\[97px\] {

    width: 97px;
  }

  .w-\[150px\] {

    width: 150px;
  }

  .w-\[225px\] {

    width: 225px;
  }

  .w-\[236px\] {

    width: 236px;
  }

  .w-\[295px\] {

    width: 295px;
  }

  .w-\[320px\] {

    width: 320px;
  }

  .w-\[470px\] {

    width: 470px;
  }

  .w-\[611px\] {

    width: 611px;
  }

  .w-\[800px\] {

    width: 800px;
  }

  .w-auto {

    width: auto;
  }

  .w-full {

    width: 100%;
  }

  .w-px {

    width: 1px;
  }

  .\!max-w-none {

    max-width: none !important;
  }

  .max-w-2xl {

    max-width: var(--container-2xl);
  }

  .max-w-7xl {

    max-width: var(--container-7xl);
  }

  .max-w-\[90px\] {

    max-width: 90px;
  }

  .max-w-\[132px\] {

    max-width: 132px;
  }

  .max-w-\[215px\] {

    max-width: 215px;
  }

  .max-w-\[220px\] {

    max-width: 220px;
  }

  .max-w-\[260px\] {

    max-width: 260px;
  }

  .max-w-\[262px\] {

    max-width: 262px;
  }

  .max-w-\[265px\] {

    max-width: 265px;
  }

  .max-w-\[304px\] {

    max-width: 304px;
  }

  .max-w-\[312px\] {

    max-width: 312px;
  }

  .max-w-\[319px\] {

    max-width: 319px;
  }

  .max-w-\[320px\] {

    max-width: 320px;
  }

  .max-w-\[324px\] {

    max-width: 324px;
  }

  .max-w-\[326px\] {

    max-width: 326px;
  }

  .max-w-\[328px\] {

    max-width: 328px;
  }

  .max-w-\[332px\] {

    max-width: 332px;
  }

  .max-w-\[376px\] {

    max-width: 376px;
  }

  .max-w-\[390px\] {

    max-width: 390px;
  }

  .max-w-\[396px\] {

    max-width: 396px;
  }

  .max-w-\[398px\] {

    max-width: 398px;
  }

  .max-w-\[400px\] {

    max-width: 400px;
  }

  .max-w-\[425px\] {

    max-width: 425px;
  }

  .max-w-\[442px\] {

    max-width: 442px;
  }

  .max-w-\[459px\] {

    max-width: 459px;
  }

  .max-w-\[460px\] {

    max-width: 460px;
  }

  .max-w-\[480px\] {

    max-width: 480px;
  }

  .max-w-\[496px\] {

    max-width: 496px;
  }

  .max-w-\[500px\] {

    max-width: 500px;
  }

  .max-w-\[512px\] {

    max-width: 512px;
  }

  .max-w-\[551px\] {

    max-width: 551px;
  }

  .max-w-\[555px\] {

    max-width: 555px;
  }

  .max-w-\[568px\] {

    max-width: 568px;
  }

  .max-w-\[598px\] {

    max-width: 598px;
  }

  .max-w-\[650px\] {

    max-width: 650px;
  }

  .max-w-\[666px\] {

    max-width: 666px;
  }

  .max-w-\[680px\] {

    max-width: 680px;
  }

  .max-w-\[688px\] {

    max-width: 688px;
  }

  .max-w-\[767px\] {

    max-width: 767px;
  }

  .max-w-\[786px\] {

    max-width: 786px;
  }

  .max-w-\[900px\] {

    max-width: 900px;
  }

  .max-w-\[1200px\] {

    max-width: 1200px;
  }

  .max-w-\[calc\(100\%\+40px\)\] {

    max-width: calc(100% + 40px);
  }

  .max-w-\[calc\(100\%-30px\)\] {

    max-width: calc(100% - 30px);
  }

  .max-w-\[calc\(100\%-38px\)\] {

    max-width: calc(100% - 38px);
  }

  .max-w-\[calc\(100\%-40px\)\] {

    max-width: calc(100% - 40px);
  }

  .max-w-\[calc\(100vw-1rem\)\] {

    max-width: calc(100vw - 1rem);
  }

  .max-w-\[unset\] {

    max-width: none;

    max-width: initial;
  }

  .max-w-full {

    max-width: 100%;
  }

  .max-w-lg {

    max-width: var(--container-lg);
  }

  .max-w-md {

    max-width: var(--container-md);
  }

  .max-w-none {

    max-width: none;
  }

  .max-w-xs {

    max-width: var(--container-xs);
  }

  .\!min-w-\[auto\] {

    min-width: auto !important;
  }

  .min-w-0 {

    min-width: calc(var(--spacing) * 0);
  }

  .min-w-\[48px\] {

    min-width: 48px;
  }

  .min-w-\[80px\] {

    min-width: 80px;
  }

  .min-w-\[97px\] {

    min-width: 97px;
  }

  .min-w-\[332px\] {

    min-width: 332px;
  }

  .min-w-max {

    min-width: -moz-max-content;

    min-width: max-content;
  }

  .flex-1 {

    flex: 1;
  }

  .flex-\[0_0_24px\] {

    flex: 0 0 24px;
  }

  .flex-shrink {

    flex-shrink: 1;
  }

  .flex-shrink-0 {

    flex-shrink: 0;
  }

  .shrink-0 {

    flex-shrink: 0;
  }

  .flex-grow {

    flex-grow: 1;
  }

  .grow {

    flex-grow: 1;
  }

  .table-fixed {

    table-layout: fixed;
  }

  .border-collapse {

    border-collapse: collapse;
  }

  .-translate-x-1\/2 {

    --tw-translate-x: calc(calc(1/2 * 100%) * -1);

    translate: calc((1/2 * 100%) * -1) var(--tw-translate-y);

    translate: calc(calc(1/2 * 100%) * -1) var(--tw-translate-y);

    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-1\/2 {

    --tw-translate-x: calc(1/2 * 100%);

    translate: calc(1/2 * 100%) var(--tw-translate-y);

    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-4 {

    --tw-translate-x: calc(var(--spacing) * 4);

    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-\[-13px\] {

    --tw-translate-x: -13px;

    translate: -13px var(--tw-translate-y);

    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-\[13px\] {

    --tw-translate-x: 13px;

    translate: 13px var(--tw-translate-y);

    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) calc((1/2 * 100%) * -1);

    translate: var(--tw-translate-x) calc(calc(1/2 * 100%) * -1);

    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-\[-50\%\] {

    --tw-translate-y: -50%;

    translate: var(--tw-translate-x) -50%;

    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-\[11px\] {

    --tw-translate-y: 11px;

    translate: var(--tw-translate-x) 11px;

    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-\[50\%\] {

    --tw-translate-y: 50%;

    translate: var(--tw-translate-x) 50%;

    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .scale-75 {

    --tw-scale-x: 75%;

    --tw-scale-y: 75%;

    --tw-scale-z: 75%;

    scale: 75% 75%;

    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .scale-95 {

    --tw-scale-x: 95%;

    --tw-scale-y: 95%;

    --tw-scale-z: 95%;

    scale: 95% 95%;

    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .scale-100 {

    --tw-scale-x: 100%;

    --tw-scale-y: 100%;

    --tw-scale-z: 100%;

    scale: 100% 100%;

    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .rotate-180 {

    rotate: 180deg;
  }

  .transform {

    transform:          ;

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

  .animate-pulse {

    animation: var(--animate-pulse);
  }

  .animate-spin {

    animation: var(--animate-spin);
  }

  .cursor-default {

    cursor: default;
  }

  .cursor-not-allowed {

    cursor: not-allowed;
  }

  .cursor-pointer {

    cursor: pointer;
  }

  .cursor-wait {

    cursor: wait;
  }

  .resize {

    resize: both;
  }

  .list-decimal {

    list-style-type: decimal;
  }

  .list-disc {

    list-style-type: disc;
  }

  .list-none {

    list-style-type: none;
  }

  .columns-1 {

    -moz-columns: 1;

         columns: 1;
  }

  .columns-4 {

    -moz-columns: 4;

         columns: 4;
  }

  .grid-cols-1 {

    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .grid-cols-2 {

    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .grid-cols-3 {

    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .grid-cols-\[24px_1fr\] {

    grid-template-columns: 24px 1fr;
  }

  .grid-cols-\[44px_1fr\] {

    grid-template-columns: 44px 1fr;
  }

  .flex-col {

    flex-direction: column;
  }

  .flex-col-reverse {

    flex-direction: column-reverse;
  }

  .flex-row {

    flex-direction: row;
  }

  .flex-row-reverse {

    flex-direction: row-reverse;
  }

  .flex-wrap {

    flex-wrap: wrap;
  }

  .items-center {

    align-items: center;
  }

  .items-end {

    align-items: flex-end;
  }

  .items-start {

    align-items: flex-start;
  }

  .items-stretch {

    align-items: stretch;
  }

  .justify-between {

    justify-content: space-between;
  }

  .justify-center {

    justify-content: center;
  }

  .justify-end {

    justify-content: flex-end;
  }

  .justify-start {

    justify-content: flex-start;
  }

  .justify-stretch {

    justify-content: stretch;
  }

  .\!gap-\[8px\] {

    gap: 8px !important;
  }

  .gap-1 {

    gap: calc(var(--spacing) * 1);
  }

  .gap-2 {

    gap: calc(var(--spacing) * 2);
  }

  .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-8 {

    gap: calc(var(--spacing) * 8);
  }

  .gap-14 {

    gap: calc(var(--spacing) * 14);
  }

  .gap-\[1px\] {

    gap: 1px;
  }

  .gap-\[3px\] {

    gap: 3px;
  }

  .gap-\[4px\] {

    gap: 4px;
  }

  .gap-\[5px\] {

    gap: 5px;
  }

  .gap-\[6px\] {

    gap: 6px;
  }

  .gap-\[8px\] {

    gap: 8px;
  }

  .gap-\[10px\] {

    gap: 10px;
  }

  .gap-\[12px\] {

    gap: 12px;
  }

  .gap-\[14px\] {

    gap: 14px;
  }

  .gap-\[16px\] {

    gap: 16px;
  }

  .gap-\[17px\] {

    gap: 17px;
  }

  .gap-\[18px\] {

    gap: 18px;
  }

  .gap-\[20px\] {

    gap: 20px;
  }

  .gap-\[23px\] {

    gap: 23px;
  }

  .gap-\[24px\] {

    gap: 24px;
  }

  .gap-\[30px\] {

    gap: 30px;
  }

  .gap-\[32px\] {

    gap: 32px;
  }

  .gap-\[33px\] {

    gap: 33px;
  }

  .gap-\[38px\] {

    gap: 38px;
  }

  .gap-\[40px\] {

    gap: 40px;
  }

  :where(.space-y-2 > :not(:last-child)) {

    --tw-space-y-reverse: 0;

    margin-top: calc((var(--spacing) * 2) * 0);

    margin-top: calc((var(--spacing) * 2) * var(--tw-space-y-reverse));

    margin-top: calc(calc(var(--spacing) * 2) * 0);

    margin-top: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));

    margin-bottom: calc((var(--spacing) * 2) * (1 - 0));

    margin-bottom: calc((var(--spacing) * 2) * (1 - var(--tw-space-y-reverse)));

    margin-bottom: calc(calc(var(--spacing) * 2) * calc(1 - 0));

    margin-bottom: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-3 > :not(:last-child)) {

    --tw-space-y-reverse: 0;

    margin-top: calc((var(--spacing) * 3) * 0);

    margin-top: calc((var(--spacing) * 3) * var(--tw-space-y-reverse));

    margin-top: calc(calc(var(--spacing) * 3) * 0);

    margin-top: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));

    margin-bottom: calc((var(--spacing) * 3) * (1 - 0));

    margin-bottom: calc((var(--spacing) * 3) * (1 - var(--tw-space-y-reverse)));

    margin-bottom: calc(calc(var(--spacing) * 3) * calc(1 - 0));

    margin-bottom: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-4 > :not(:last-child)) {

    --tw-space-y-reverse: 0;

    margin-top: calc((var(--spacing) * 4) * 0);

    margin-top: calc((var(--spacing) * 4) * var(--tw-space-y-reverse));

    margin-top: calc(calc(var(--spacing) * 4) * 0);

    margin-top: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));

    margin-bottom: calc((var(--spacing) * 4) * (1 - 0));

    margin-bottom: calc((var(--spacing) * 4) * (1 - var(--tw-space-y-reverse)));

    margin-bottom: calc(calc(var(--spacing) * 4) * calc(1 - 0));

    margin-bottom: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-10 > :not(:last-child)) {

    --tw-space-y-reverse: 0;

    margin-top: calc((var(--spacing) * 10) * 0);

    margin-top: calc((var(--spacing) * 10) * var(--tw-space-y-reverse));

    margin-top: calc(calc(var(--spacing) * 10) * 0);

    margin-top: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));

    margin-bottom: calc((var(--spacing) * 10) * (1 - 0));

    margin-bottom: calc((var(--spacing) * 10) * (1 - var(--tw-space-y-reverse)));

    margin-bottom: calc(calc(var(--spacing) * 10) * calc(1 - 0));

    margin-bottom: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)));
  }

  .gap-x-5 {

    -moz-column-gap: calc(var(--spacing) * 5);

         column-gap: calc(var(--spacing) * 5);
  }

  .gap-x-\[6px\] {

    -moz-column-gap: 6px;

         column-gap: 6px;
  }

  .gap-x-\[14px\] {

    -moz-column-gap: 14px;

         column-gap: 14px;
  }

  .gap-x-\[15px\] {

    -moz-column-gap: 15px;

         column-gap: 15px;
  }

  .gap-x-\[16px\] {

    -moz-column-gap: 16px;

         column-gap: 16px;
  }

  .gap-x-\[24px\] {

    -moz-column-gap: 24px;

         column-gap: 24px;
  }

  .gap-x-\[32px\] {

    -moz-column-gap: 32px;

         column-gap: 32px;
  }

  .gap-y-4 {

    row-gap: calc(var(--spacing) * 4);
  }

  .gap-y-\[3px\] {

    row-gap: 3px;
  }

  .gap-y-\[6px\] {

    row-gap: 6px;
  }

  .gap-y-\[8px\] {

    row-gap: 8px;
  }

  .gap-y-\[11px\] {

    row-gap: 11px;
  }

  .gap-y-\[20px\] {

    row-gap: 20px;
  }

  .gap-y-\[21px\] {

    row-gap: 21px;
  }

  .gap-y-\[23px\] {

    row-gap: 23px;
  }

  .gap-y-\[24px\] {

    row-gap: 24px;
  }

  .gap-y-\[31px\] {

    row-gap: 31px;
  }

  .gap-y-\[32px\] {

    row-gap: 32px;
  }

  .gap-y-\[40px\] {

    row-gap: 40px;
  }

  .self-center {

    align-self: center;
  }

  .truncate {

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;
  }

  .overflow-auto {

    overflow: auto;
  }

  .overflow-hidden {

    overflow: hidden;
  }

  .overflow-x-hidden {

    overflow-x: hidden;
  }

  .overflow-y-auto {

    overflow-y: auto;
  }

  .\!rounded-\[4px\] {

    border-radius: 4px !important;
  }

  .\!rounded-md {

    border-radius: var(--radius-md) !important;
  }

  .rounded {

    border-radius: 0.25rem;
  }

  .rounded-2xl {

    border-radius: var(--radius-2xl);
  }

  .rounded-3xl {

    border-radius: var(--radius-3xl);
  }

  .rounded-4xl {

    border-radius: var(--radius-4xl);
  }

  .rounded-\[4px\] {

    border-radius: 4px;
  }

  .rounded-\[6px\] {

    border-radius: 6px;
  }

  .rounded-\[8px\] {

    border-radius: 8px;
  }

  .rounded-\[9\.6px\] {

    border-radius: 9.6px;
  }

  .rounded-\[10px\] {

    border-radius: 10px;
  }

  .rounded-\[12px\] {

    border-radius: 12px;
  }

  .rounded-\[14px\] {

    border-radius: 14px;
  }

  .rounded-\[16px\] {

    border-radius: 16px;
  }

  .rounded-\[18px\] {

    border-radius: 18px;
  }

  .rounded-\[20px\] {

    border-radius: 20px;
  }

  .rounded-\[24px\] {

    border-radius: 24px;
  }

  .rounded-\[25px\] {

    border-radius: 25px;
  }

  .rounded-\[40px\] {

    border-radius: 40px;
  }

  .rounded-full {

    border-radius: calc(infinity * 1px);
  }

  .rounded-lg {

    border-radius: var(--radius-lg);
  }

  .rounded-md {

    border-radius: var(--radius-md);
  }

  .rounded-sm {

    border-radius: var(--radius-sm);
  }

  .rounded-xl {

    border-radius: var(--radius-xl);
  }

  .rounded-t-2xl {

    border-top-left-radius: var(--radius-2xl);

    border-top-right-radius: var(--radius-2xl);
  }

  .rounded-t-\[16px\] {

    border-top-left-radius: 16px;

    border-top-right-radius: 16px;
  }

  .rounded-t-\[24px\] {

    border-top-left-radius: 24px;

    border-top-right-radius: 24px;
  }

  .rounded-l-\[4px\] {

    border-top-left-radius: 4px;

    border-bottom-left-radius: 4px;
  }

  .rounded-r-\[4px\] {

    border-top-right-radius: 4px;

    border-bottom-right-radius: 4px;
  }

  .rounded-r-\[25px\] {

    border-top-right-radius: 25px;

    border-bottom-right-radius: 25px;
  }

  .\!border-\[1px\] {

    border-style: var(--tw-border-style) !important;

    border-width: 1px !important;
  }

  .border {

    border-style: var(--tw-border-style);

    border-width: 1px;
  }

  .border-1 {

    border-style: var(--tw-border-style);

    border-width: 1px;
  }

  .border-2 {

    border-style: var(--tw-border-style);

    border-width: 2px;
  }

  .border-\[1\.5px\] {

    border-style: var(--tw-border-style);

    border-width: 1.5px;
  }

  .border-\[1px\] {

    border-style: var(--tw-border-style);

    border-width: 1px;
  }

  .border-\[2px\] {

    border-style: var(--tw-border-style);

    border-width: 2px;
  }

  .border-\[4px\] {

    border-style: var(--tw-border-style);

    border-width: 4px;
  }

  .border-\[6px\] {

    border-style: var(--tw-border-style);

    border-width: 6px;
  }

  .border-t {

    border-top-style: var(--tw-border-style);

    border-top-width: 1px;
  }

  .border-t-2 {

    border-top-style: var(--tw-border-style);

    border-top-width: 2px;
  }

  .border-t-\[1px\] {

    border-top-style: var(--tw-border-style);

    border-top-width: 1px;
  }

  .border-r-2 {

    border-right-style: var(--tw-border-style);

    border-right-width: 2px;
  }

  .border-b {

    border-bottom-style: var(--tw-border-style);

    border-bottom-width: 1px;
  }

  .border-b-2 {

    border-bottom-style: var(--tw-border-style);

    border-bottom-width: 2px;
  }

  .border-b-\[1px\] {

    border-bottom-style: var(--tw-border-style);

    border-bottom-width: 1px;
  }

  .border-l {

    border-left-style: var(--tw-border-style);

    border-left-width: 1px;
  }

  .border-l-2 {

    border-left-style: var(--tw-border-style);

    border-left-width: 2px;
  }

  .border-dashed {

    --tw-border-style: dashed;

    border-style: dashed;
  }

  .border-none {

    --tw-border-style: none;

    border-style: none;
  }

  .border-solid {

    --tw-border-style: solid;

    border-style: solid;
  }

  .\!border-\[transparent\] {

    border-color: transparent !important;
  }

  .border-\[\#00AC54\] {

    border-color: #00AC54;
  }

  .border-\[\#32509B\] {

    border-color: #32509B;
  }

  .border-\[\#EBEDF5\] {

    border-color: #EBEDF5;
  }

  .border-\[\#d2d2d499\] {

    border-color: rgba(210,210,212,0.6);
  }

  .border-\[\#dcdfe7\] {

    border-color: #dcdfe7;
  }

  .border-\[rgba\(0\,0\,0\,0\.04\)\] {

    border-color: rgba(0,0,0,0.04);
  }

  .border-\[rgba\(198\,197\,255\,0\.8\)\] {

    border-color: rgba(198,197,255,0.8);
  }

  .border-\[rgba\(255\,255\,255\,0\.20\)\] {

    border-color: rgba(255,255,255,0.20);
  }

  .border-\[var\(--color-error\)\] {

    border-color: var(--color-error);
  }

  .border-\[var\(--color-primary\)\] {

    border-color: var(--color-primary);
  }

  .border-\[var\(--neutral-100\)\] {

    border-color: var(--neutral-100);
  }

  .border-\[var\(--neutral-200\)\] {

    border-color: var(--neutral-200);
  }

  .border-\[var\(--neutral-700\)\] {

    border-color: var(--neutral-700);
  }

  .border-black {

    border-color: var(--color-black);
  }

  .border-black\/5 {

    border-color: rgba(0, 0, 0, 0.05);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .border-black\/5 {

      border-color: color-mix(in oklab, var(--color-black) 5%, transparent);
    }
  }

  .border-error {

    border-color: var(--color-error);
  }

  .border-error {

    border-color: var(--color-error);
  }

  .border-gray-100 {

    border-color: var(--color-gray-100);
  }

  .border-gray-200 {

    border-color: var(--color-gray-200);
  }

  .border-green-200 {

    border-color: var(--color-green-200);
  }

  .border-green-400 {

    border-color: var(--color-green-400);
  }

  .border-light {

    border-color: var(--color-light);
  }

  .border-orange-300 {

    border-color: var(--color-orange-300);
  }

  .border-placeholder {

    border-color: var(--color-placeholder);
  }

  .border-primary {

    border-color: var(--color-primary);
  }

  .border-primary {

    border-color: var(--color-primary);
  }

  .border-red-200 {

    border-color: var(--color-red-200);
  }

  .border-red-400 {

    border-color: var(--color-red-400);
  }

  .border-transparent {

    border-color: transparent;
  }

  .bg-\[\#00ac54\] {

    background-color: #00ac54;
  }

  .bg-\[\#EFF6FF\] {

    background-color: #EFF6FF;
  }

  .bg-\[\#F0F0F0\] {

    background-color: #F0F0F0;
  }

  .bg-\[\#F0FFF4\] {

    background-color: #F0FFF4;
  }

  .bg-\[\#F3F3F3\] {

    background-color: #F3F3F3;
  }

  .bg-\[\#F3F4F6\] {

    background-color: #F3F4F6;
  }

  .bg-\[\#F9FAFB\] {

    background-color: #F9FAFB;
  }

  .bg-\[\#FAF5FF\] {

    background-color: #FAF5FF;
  }

  .bg-\[\#FEF2F2\] {

    background-color: #FEF2F2;
  }

  .bg-\[\#FFF7ED\] {

    background-color: #FFF7ED;
  }

  .bg-\[\#FFFBEB\] {

    background-color: #FFFBEB;
  }

  .bg-\[\#c6c5ff33\] {

    background-color: rgba(198,197,255,0.2);
  }

  .bg-\[rgba\(255\,56\,56\,0\.10\)\] {

    background-color: rgba(255,56,56,0.10);
  }

  .bg-\[var\(--brand-primary-25\)\] {

    background-color: var(--brand-primary-25);
  }

  .bg-\[var\(--brand-primary-50\)\] {

    background-color: var(--brand-primary-50);
  }

  .bg-\[var\(--color-error-light\)\] {

    background-color: var(--color-error-light);
  }

  .bg-\[var\(--color-primary\)\] {

    background-color: var(--color-primary);
  }

  .bg-\[var\(--color-primary\,\#5854d5\)\] {

    background-color: #5854d5;

    background-color: var(--color-primary,#5854d5);
  }

  .bg-\[var\(--color-white\)\] {

    background-color: var(--color-white);
  }

  .bg-\[var\(--neutral-50\)\] {

    background-color: var(--neutral-50);
  }

  .bg-\[var\(--neutral-200\)\] {

    background-color: var(--neutral-200);
  }

  .bg-\[var\(--neutral-600\)\] {

    background-color: var(--neutral-600);
  }

  .bg-\[var\(--neutral-700\)\] {

    background-color: var(--neutral-700);
  }

  .bg-\[var\(--neutral-800\)\] {

    background-color: var(--neutral-800);
  }

  .bg-accent {

    background-color: var(--color-accent);
  }

  .bg-accent {

    background-color: var(--color-accent);
  }

  .bg-black {

    background-color: var(--color-black);
  }

  .bg-error\/5 {

    background-color: rgba(255, 56, 56, 0.05);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .bg-error\/5 {

      background-color: color-mix(in oklab, var(--color-error) 5%, transparent);
    }
  }

  .bg-gray-50 {

    background-color: var(--color-gray-50);
  }

  .bg-gray-100 {

    background-color: var(--color-gray-100);
  }

  .bg-gray-200 {

    background-color: var(--color-gray-200);
  }

  .bg-gray-500\/50 {

    background-color: rgba(106, 114, 130, 0.5);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .bg-gray-500\/50 {

      background-color: color-mix(in oklab, var(--color-gray-500) 50%, transparent);
    }
  }

  .bg-green-50 {

    background-color: var(--color-green-50);
  }

  .bg-green-200 {

    background-color: var(--color-green-200);
  }

  .bg-green-500 {

    background-color: var(--color-green-500);
  }

  .bg-light {

    background-color: var(--color-light);
  }

  .bg-light {

    background-color: var(--color-light);
  }

  .bg-orange-200 {

    background-color: var(--color-orange-200);
  }

  .bg-primary {

    background-color: var(--color-primary);
  }

  .bg-primary {

    background-color: var(--color-primary);
  }

  .bg-red-50 {

    background-color: var(--color-red-50);
  }

  .bg-red-300 {

    background-color: var(--color-red-300);
  }

  .bg-transparent {

    background-color: transparent;
  }

  .bg-white {

    background-color: var(--color-white);
  }

  .bg-white\/7 {

    background-color: rgba(255, 255, 255, 0.07);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .bg-white\/7 {

      background-color: color-mix(in oklab, var(--color-white) 7%, transparent);
    }
  }

  .bg-white\/50 {

    background-color: rgba(255, 255, 255, 0.5);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .bg-white\/50 {

      background-color: color-mix(in oklab, var(--color-white) 50%, transparent);
    }
  }

  .bg-white\/60 {

    background-color: rgba(255, 255, 255, 0.6);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .bg-white\/60 {

      background-color: color-mix(in oklab, var(--color-white) 60%, transparent);
    }
  }

  .bg-white\/90 {

    background-color: rgba(255, 255, 255, 0.9);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .bg-white\/90 {

      background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
    }
  }

  .bg-\[radial-gradient\(139\.78\%_105\.93\%_at_20\%_0\,hsla\(0\,0\%\,100\%\,\.3\)_0\,hsla\(0\,0\%\,100\%\,0\)_100\%\)\,var\(--color-primary\,\#5854d5\)\] {

    background-image: radial-gradient(139.78% 105.93% at 20% 0,hsla(0,0%,100%,.3) 0,hsla(0,0%,100%,0) 100%),#5854d5;

    background-image: radial-gradient(139.78% 105.93% at 20% 0,hsla(0,0%,100%,.3) 0,hsla(0,0%,100%,0) 100%),var(--color-primary,#5854d5);
  }

  .fill-black {

    fill: var(--color-black);
  }

  .fill-placeholder {

    fill: var(--color-placeholder);
  }

  .fill-primary {

    fill: var(--color-primary);
  }

  .fill-white {

    fill: var(--color-white);
  }

  .object-contain {

    -o-object-fit: contain;

       object-fit: contain;
  }

  .object-cover {

    -o-object-fit: cover;

       object-fit: cover;
  }

  .object-none {

    -o-object-fit: none;

       object-fit: none;
  }

  .object-center {

    -o-object-position: center;

       object-position: center;
  }

  .p-0 {

    padding: calc(var(--spacing) * 0);
  }

  .p-1 {

    padding: calc(var(--spacing) * 1);
  }

  .p-3 {

    padding: calc(var(--spacing) * 3);
  }

  .p-4 {

    padding: calc(var(--spacing) * 4);
  }

  .p-5 {

    padding: calc(var(--spacing) * 5);
  }

  .p-6 {

    padding: calc(var(--spacing) * 6);
  }

  .p-8 {

    padding: calc(var(--spacing) * 8);
  }

  .p-\[8px\] {

    padding: 8px;
  }

  .p-\[10px\] {

    padding: 10px;
  }

  .p-\[14px\] {

    padding: 14px;
  }

  .p-\[16px\] {

    padding: 16px;
  }

  .p-\[20px\] {

    padding: 20px;
  }

  .p-\[24px\] {

    padding: 24px;
  }

  .\!px-\[16px\] {

    padding-left: 16px !important;

    padding-right: 16px !important;
  }

  .\!px-\[20px\] {

    padding-left: 20px !important;

    padding-right: 20px !important;
  }

  .px-4 {

    padding-left: calc(var(--spacing) * 4);

    padding-right: calc(var(--spacing) * 4);
  }

  .px-5 {

    padding-left: calc(var(--spacing) * 5);

    padding-right: calc(var(--spacing) * 5);
  }

  .px-6 {

    padding-left: calc(var(--spacing) * 6);

    padding-right: calc(var(--spacing) * 6);
  }

  .px-8 {

    padding-left: calc(var(--spacing) * 8);

    padding-right: calc(var(--spacing) * 8);
  }

  .px-\[6px\] {

    padding-left: 6px;

    padding-right: 6px;
  }

  .px-\[8px\] {

    padding-left: 8px;

    padding-right: 8px;
  }

  .px-\[10px\] {

    padding-left: 10px;

    padding-right: 10px;
  }

  .px-\[13px\] {

    padding-left: 13px;

    padding-right: 13px;
  }

  .px-\[14px\] {

    padding-left: 14px;

    padding-right: 14px;
  }

  .px-\[15px\] {

    padding-left: 15px;

    padding-right: 15px;
  }

  .px-\[16px\] {

    padding-left: 16px;

    padding-right: 16px;
  }

  .px-\[17px\] {

    padding-left: 17px;

    padding-right: 17px;
  }

  .px-\[20px\] {

    padding-left: 20px;

    padding-right: 20px;
  }

  .px-\[21px\] {

    padding-left: 21px;

    padding-right: 21px;
  }

  .px-\[24px\] {

    padding-left: 24px;

    padding-right: 24px;
  }

  .px-\[26px\] {

    padding-left: 26px;

    padding-right: 26px;
  }

  .px-\[30px\] {

    padding-left: 30px;

    padding-right: 30px;
  }

  .px-\[35px\] {

    padding-left: 35px;

    padding-right: 35px;
  }

  .\!py-\[12px\] {

    padding-top: 12px !important;

    padding-bottom: 12px !important;
  }

  .\!py-\[16px\] {

    padding-top: 16px !important;

    padding-bottom: 16px !important;
  }

  .py-0 {

    padding-top: calc(var(--spacing) * 0);

    padding-bottom: calc(var(--spacing) * 0);
  }

  .py-1 {

    padding-top: calc(var(--spacing) * 1);

    padding-bottom: calc(var(--spacing) * 1);
  }

  .py-2 {

    padding-top: calc(var(--spacing) * 2);

    padding-bottom: calc(var(--spacing) * 2);
  }

  .py-3 {

    padding-top: calc(var(--spacing) * 3);

    padding-bottom: calc(var(--spacing) * 3);
  }

  .py-4 {

    padding-top: calc(var(--spacing) * 4);

    padding-bottom: calc(var(--spacing) * 4);
  }

  .py-6 {

    padding-top: calc(var(--spacing) * 6);

    padding-bottom: calc(var(--spacing) * 6);
  }

  .py-8 {

    padding-top: calc(var(--spacing) * 8);

    padding-bottom: calc(var(--spacing) * 8);
  }

  .py-10 {

    padding-top: calc(var(--spacing) * 10);

    padding-bottom: calc(var(--spacing) * 10);
  }

  .py-12 {

    padding-top: calc(var(--spacing) * 12);

    padding-bottom: calc(var(--spacing) * 12);
  }

  .py-14 {

    padding-top: calc(var(--spacing) * 14);

    padding-bottom: calc(var(--spacing) * 14);
  }

  .py-16 {

    padding-top: calc(var(--spacing) * 16);

    padding-bottom: calc(var(--spacing) * 16);
  }

  .py-\[4px\] {

    padding-top: 4px;

    padding-bottom: 4px;
  }

  .py-\[5px\] {

    padding-top: 5px;

    padding-bottom: 5px;
  }

  .py-\[6px\] {

    padding-top: 6px;

    padding-bottom: 6px;
  }

  .py-\[7px\] {

    padding-top: 7px;

    padding-bottom: 7px;
  }

  .py-\[8px\] {

    padding-top: 8px;

    padding-bottom: 8px;
  }

  .py-\[10px\] {

    padding-top: 10px;

    padding-bottom: 10px;
  }

  .py-\[13px\] {

    padding-top: 13px;

    padding-bottom: 13px;
  }

  .py-\[16px\] {

    padding-top: 16px;

    padding-bottom: 16px;
  }

  .py-\[17px\] {

    padding-top: 17px;

    padding-bottom: 17px;
  }

  .py-\[27px\] {

    padding-top: 27px;

    padding-bottom: 27px;
  }

  .py-\[34px\] {

    padding-top: 34px;

    padding-bottom: 34px;
  }

  .py-\[39px\] {

    padding-top: 39px;

    padding-bottom: 39px;
  }

  .py-\[40px\] {

    padding-top: 40px;

    padding-bottom: 40px;
  }

  .py-\[80px\] {

    padding-top: 80px;

    padding-bottom: 80px;
  }

  .py-\[89px\] {

    padding-top: 89px;

    padding-bottom: 89px;
  }

  .py-\[164px\] {

    padding-top: 164px;

    padding-bottom: 164px;
  }

  .pt-0\.5 {

    padding-top: calc(var(--spacing) * 0.5);
  }

  .pt-1 {

    padding-top: calc(var(--spacing) * 1);
  }

  .pt-2 {

    padding-top: calc(var(--spacing) * 2);
  }

  .pt-4 {

    padding-top: calc(var(--spacing) * 4);
  }

  .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-24 {

    padding-top: calc(var(--spacing) * 24);
  }

  .pt-\[12px\] {

    padding-top: 12px;
  }

  .pt-\[14px\] {

    padding-top: 14px;
  }

  .pt-\[16px\] {

    padding-top: 16px;
  }

  .pt-\[18px\] {

    padding-top: 18px;
  }

  .pt-\[20px\] {

    padding-top: 20px;
  }

  .pt-\[24px\] {

    padding-top: 24px;
  }

  .pt-\[26px\] {

    padding-top: 26px;
  }

  .pt-\[32px\] {

    padding-top: 32px;
  }

  .pt-\[41px\] {

    padding-top: 41px;
  }

  .pt-\[43px\] {

    padding-top: 43px;
  }

  .pt-\[52px\] {

    padding-top: 52px;
  }

  .pt-\[62px\] {

    padding-top: 62px;
  }

  .pt-\[70px\] {

    padding-top: 70px;
  }

  .pt-\[73px\] {

    padding-top: 73px;
  }

  .pt-\[80px\] {

    padding-top: 80px;
  }

  .pt-\[120px\] {

    padding-top: 120px;
  }

  .\!pr-\[24px\] {

    padding-right: 24px !important;
  }

  .\!pr-\[57px\] {

    padding-right: 57px !important;
  }

  .pr-2 {

    padding-right: calc(var(--spacing) * 2);
  }

  .pr-4 {

    padding-right: calc(var(--spacing) * 4);
  }

  .pr-8 {

    padding-right: calc(var(--spacing) * 8);
  }

  .pr-10 {

    padding-right: calc(var(--spacing) * 10);
  }

  .pr-\[3px\] {

    padding-right: 3px;
  }

  .pr-\[10px\] {

    padding-right: 10px;
  }

  .pr-\[15\%\] {

    padding-right: 15%;
  }

  .pr-\[15px\] {

    padding-right: 15px;
  }

  .pr-\[56px\] {

    padding-right: 56px;
  }

  .pb-0 {

    padding-bottom: calc(var(--spacing) * 0);
  }

  .pb-1 {

    padding-bottom: calc(var(--spacing) * 1);
  }

  .pb-4 {

    padding-bottom: calc(var(--spacing) * 4);
  }

  .pb-8 {

    padding-bottom: calc(var(--spacing) * 8);
  }

  .pb-10 {

    padding-bottom: calc(var(--spacing) * 10);
  }

  .pb-14 {

    padding-bottom: calc(var(--spacing) * 14);
  }

  .pb-\[8px\] {

    padding-bottom: 8px;
  }

  .pb-\[10px\] {

    padding-bottom: 10px;
  }

  .pb-\[12px\] {

    padding-bottom: 12px;
  }

  .pb-\[16px\] {

    padding-bottom: 16px;
  }

  .pb-\[20px\] {

    padding-bottom: 20px;
  }

  .pb-\[22px\] {

    padding-bottom: 22px;
  }

  .pb-\[23px\] {

    padding-bottom: 23px;
  }

  .pb-\[32px\] {

    padding-bottom: 32px;
  }

  .pb-\[40px\] {

    padding-bottom: 40px;
  }

  .pb-\[62px\] {

    padding-bottom: 62px;
  }

  .pb-\[71px\] {

    padding-bottom: 71px;
  }

  .pb-\[120px\] {

    padding-bottom: 120px;
  }

  .\!pl-0 {

    padding-left: calc(var(--spacing) * 0) !important;
  }

  .\!pl-\[17px\] {

    padding-left: 17px !important;
  }

  .pl-3 {

    padding-left: calc(var(--spacing) * 3);
  }

  .pl-4 {

    padding-left: calc(var(--spacing) * 4);
  }

  .pl-5 {

    padding-left: calc(var(--spacing) * 5);
  }

  .pl-10 {

    padding-left: calc(var(--spacing) * 10);
  }

  .pl-\[2px\] {

    padding-left: 2px;
  }

  .pl-\[13px\] {

    padding-left: 13px;
  }

  .pl-\[16px\] {

    padding-left: 16px;
  }

  .text-center {

    text-align: center;
  }

  .text-justify {

    text-align: justify;
  }

  .text-left {

    text-align: left;
  }

  .text-right {

    text-align: right;
  }

  .align-middle {

    vertical-align: middle;
  }

  .font-\[\#414141\] {

    font-family: #414141;
  }

  .font-\[\'Inter\'\] {

    font-family: 'Inter';
  }

  .font-sans {

    font-family: var(--font-sans);
  }

  .text-2xl {

    font-size: var(--text-2xl);

    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }

  .text-4xl {

    font-size: var(--text-4xl);

    line-height: var(--tw-leading, var(--text-4xl--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-\[14px\] {

    font-size: 14px !important;
  }

  .text-\[10px\] {

    font-size: 10px;
  }

  .text-\[11px\] {

    font-size: 11px;
  }

  .text-\[12px\] {

    font-size: 12px;
  }

  .text-\[13px\] {

    font-size: 13px;
  }

  .text-\[14px\] {

    font-size: 14px;
  }

  .text-\[15px\] {

    font-size: 15px;
  }

  .text-\[16px\] {

    font-size: 16px;
  }

  .text-\[17px\] {

    font-size: 17px;
  }

  .text-\[18px\] {

    font-size: 18px;
  }

  .text-\[20px\] {

    font-size: 20px;
  }

  .text-\[22px\] {

    font-size: 22px;
  }

  .text-\[24px\] {

    font-size: 24px;
  }

  .text-\[28px\] {

    font-size: 28px;
  }

  .text-\[32px\] {

    font-size: 32px;
  }

  .text-\[34px\] {

    font-size: 34px;
  }

  .text-\[40px\] {

    font-size: 40px;
  }

  .text-\[44px\] {

    font-size: 44px;
  }

  .text-\[48px\] {

    font-size: 48px;
  }

  .\!leading-\[21px\] {

    --tw-leading: 21px !important;

    line-height: 21px !important;
  }

  .leading-5 {

    --tw-leading: calc(var(--spacing) * 5);

    line-height: calc(var(--spacing) * 5);
  }

  .leading-6 {

    --tw-leading: calc(var(--spacing) * 6);

    line-height: calc(var(--spacing) * 6);
  }

  .leading-8 {

    --tw-leading: calc(var(--spacing) * 8);

    line-height: calc(var(--spacing) * 8);
  }

  .leading-\[1\.3\] {

    --tw-leading: 1.3;

    line-height: 1.3;
  }

  .leading-\[1\.4\] {

    --tw-leading: 1.4;

    line-height: 1.4;
  }

  .leading-\[1\.6\] {

    --tw-leading: 1.6;

    line-height: 1.6;
  }

  .leading-\[1\.6rem\] {

    --tw-leading: 1.6rem;

    line-height: 1.6rem;
  }

  .leading-\[1\.375rem\] {

    --tw-leading: 1.375rem;

    line-height: 1.375rem;
  }

  .leading-\[1\] {

    --tw-leading: 1;

    line-height: 1;
  }

  .leading-\[10px\] {

    --tw-leading: 10px;

    line-height: 10px;
  }

  .leading-\[15px\] {

    --tw-leading: 15px;

    line-height: 15px;
  }

  .leading-\[16px\] {

    --tw-leading: 16px;

    line-height: 16px;
  }

  .leading-\[18px\] {

    --tw-leading: 18px;

    line-height: 18px;
  }

  .leading-\[19\.2px\] {

    --tw-leading: 19.2px;

    line-height: 19.2px;
  }

  .leading-\[20px\] {

    --tw-leading: 20px;

    line-height: 20px;
  }

  .leading-\[21px\] {

    --tw-leading: 21px;

    line-height: 21px;
  }

  .leading-\[22px\] {

    --tw-leading: 22px;

    line-height: 22px;
  }

  .leading-\[24px\] {

    --tw-leading: 24px;

    line-height: 24px;
  }

  .leading-\[26px\] {

    --tw-leading: 26px;

    line-height: 26px;
  }

  .leading-\[27\.2px\] {

    --tw-leading: 27.2px;

    line-height: 27.2px;
  }

  .leading-\[27px\] {

    --tw-leading: 27px;

    line-height: 27px;
  }

  .leading-\[30px\] {

    --tw-leading: 30px;

    line-height: 30px;
  }

  .leading-\[36px\] {

    --tw-leading: 36px;

    line-height: 36px;
  }

  .leading-\[38\.4px\] {

    --tw-leading: 38.4px;

    line-height: 38.4px;
  }

  .leading-\[38px\] {

    --tw-leading: 38px;

    line-height: 38px;
  }

  .leading-\[44px\] {

    --tw-leading: 44px;

    line-height: 44px;
  }

  .leading-\[48px\] {

    --tw-leading: 48px;

    line-height: 48px;
  }

  .leading-\[57\.6px\] {

    --tw-leading: 57.6px;

    line-height: 57.6px;
  }

  .leading-\[135\%\] {

    --tw-leading: 135%;

    line-height: 135%;
  }

  .leading-none {

    --tw-leading: 1;

    line-height: 1;
  }

  .leading-relaxed {

    --tw-leading: var(--leading-relaxed);

    line-height: var(--leading-relaxed);
  }

  .leading-snug {

    --tw-leading: var(--leading-snug);

    line-height: var(--leading-snug);
  }

  .leading-tight {

    --tw-leading: var(--leading-tight);

    line-height: var(--leading-tight);
  }

  .\!font-thin {

    --tw-font-weight: var(--font-weight-thin) !important;

    font-weight: var(--font-weight-thin) !important;
  }

  .font-\[600\] {

    --tw-font-weight: 600;

    font-weight: 600;
  }

  .font-\[var\(--black-100\)\] {

    --tw-font-weight: var(--black-100);

    font-weight: var(--black-100);
  }

  .font-\[var\(--brand-primary-700\)\] {

    --tw-font-weight: var(--brand-primary-700);

    font-weight: var(--brand-primary-700);
  }

  .font-\[var\(--neutral-800\)\] {

    --tw-font-weight: var(--neutral-800);

    font-weight: var(--neutral-800);
  }

  .font-bold {

    --tw-font-weight: var(--font-weight-bold);

    font-weight: var(--font-weight-bold);
  }

  .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\.28px\] {

    --tw-tracking: -0.28px !important;

    letter-spacing: -0.28px !important;
  }

  .tracking-\[-0\.01em\] {

    --tw-tracking: -0.01em;

    letter-spacing: -0.01em;
  }

  .tracking-\[-0\.4px\] {

    --tw-tracking: -0.4px;

    letter-spacing: -0.4px;
  }

  .tracking-\[-0\.6px\] {

    --tw-tracking: -0.6px;

    letter-spacing: -0.6px;
  }

  .tracking-\[-0\.8px\] {

    --tw-tracking: -0.8px;

    letter-spacing: -0.8px;
  }

  .tracking-\[-0\.24px\] {

    --tw-tracking: -0.24px;

    letter-spacing: -0.24px;
  }

  .tracking-\[-0\.26px\] {

    --tw-tracking: -0.26px;

    letter-spacing: -0.26px;
  }

  .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\.36px\] {

    --tw-tracking: -0.36px;

    letter-spacing: -0.36px;
  }

  .tracking-\[-0\.46px\] {

    --tw-tracking: -0.46px;

    letter-spacing: -0.46px;
  }

  .tracking-\[-0\.48px\] {

    --tw-tracking: -0.48px;

    letter-spacing: -0.48px;
  }

  .tracking-\[-0\.64px\] {

    --tw-tracking: -0.64px;

    letter-spacing: -0.64px;
  }

  .tracking-\[-0\.96px\] {

    --tw-tracking: -0.96px;

    letter-spacing: -0.96px;
  }

  .tracking-\[-1\%\] {

    --tw-tracking: -1%;

    letter-spacing: -1%;
  }

  .tracking-\[0\.24px\] {

    --tw-tracking: 0.24px;

    letter-spacing: 0.24px;
  }

  .text-wrap {

    text-wrap: wrap;
  }

  .break-words {

    word-wrap: break-word;
  }

  .break-keep {

    word-break: keep-all;
  }

  .whitespace-nowrap {

    white-space: nowrap;
  }

  .\!text-black {

    color: var(--color-text-black) !important;
  }

  .\!text-black {

    color: var(--color-black) !important;
  }

  .\!text-muted {

    color: var(--color-muted) !important;
  }

  .\!text-white {

    color: var(--color-white) !important;
  }

  .text-\[\#0e1b09\] {

    color: #0e1b09;
  }

  .text-\[\#3B82F6\] {

    color: #3B82F6;
  }

  .text-\[\#6B7280\] {

    color: #6B7280;
  }

  .text-\[\#9CA3AF\] {

    color: #9CA3AF;
  }

  .text-\[\#22C55E\] {

    color: #22C55E;
  }

  .text-\[\#666\] {

    color: #666;
  }

  .text-\[\#313131\] {

    color: #313131;
  }

  .text-\[\#626262\] {

    color: #626262;
  }

  .text-\[\#676767\] {

    color: #676767;
  }

  .text-\[\#858585\] {

    color: #858585;
  }

  .text-\[\#989898\] {

    color: #989898;
  }

  .text-\[\#A855F7\] {

    color: #A855F7;
  }

  .text-\[\#EF4444\] {

    color: #EF4444;
  }

  .text-\[\#F59E0B\] {

    color: #F59E0B;
  }

  .text-\[\#F97316\] {

    color: #F97316;
  }

  .text-\[--neutral-800\] {

    color: --neutral-800;
  }

  .text-\[--text-secondary\] {

    color: --text-secondary;
  }

  .text-\[rgba\(14\,27\,9\,0\.8\)\] {

    color: rgba(14,27,9,0.8);
  }

  .text-\[var\(--brand-primary-25\)\] {

    color: var(--brand-primary-25);
  }

  .text-\[var\(--brand-primary-900\)\] {

    color: var(--brand-primary-900);
  }

  .text-\[var\(--color-primary\)\] {

    color: var(--color-primary);
  }

  .text-\[var\(--color-white\)\] {

    color: var(--color-white);
  }

  .text-\[var\(--neutral-200\)\] {

    color: var(--neutral-200);
  }

  .text-\[var\(--neutral-300\)\] {

    color: var(--neutral-300);
  }

  .text-\[var\(--neutral-500\)\] {

    color: var(--neutral-500);
  }

  .text-\[var\(--neutral-700\)\] {

    color: var(--neutral-700);
  }

  .text-\[var\(--neutral-800\)\] {

    color: var(--neutral-800);
  }

  .text-\[var\(--text-secondary\)\] {

    color: var(--text-secondary);
  }

  .text-accent {

    color: var(--color-accent);
  }

  .text-accent {

    color: var(--color-accent);
  }

  .text-amber-600 {

    color: var(--color-amber-600);
  }

  .text-black {

    color: var(--color-text-black);
  }

  .text-black {

    color: var(--color-black);
  }

  .text-dark {

    color: var(--color-dark);
  }

  .text-error {

    color: var(--color-error);
  }

  .text-error {

    color: var(--color-error);
  }

  .text-gray-500 {

    color: var(--color-gray-500);
  }

  .text-gray-600 {

    color: var(--color-gray-600);
  }

  .text-gray-700 {

    color: var(--color-gray-700);
  }

  .text-gray-900 {

    color: var(--color-gray-900);
  }

  .text-green-500 {

    color: var(--color-green-500);
  }

  .text-green-600 {

    color: var(--color-green-600);
  }

  .text-green-700 {

    color: var(--color-green-700);
  }

  .text-muted {

    color: var(--color-muted);
  }

  .text-placeholder {

    color: var(--color-placeholder);
  }

  .text-primary {

    color: var(--color-primary);
  }

  .text-primary {

    color: var(--color-primary);
  }

  .text-primary\/70 {

    color: rgba(88, 84, 213, 0.7);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .text-primary\/70 {

      color: color-mix(in oklab, var(--color-primary) 70%, transparent);
    }
  }

  .text-red-500 {

    color: var(--color-red-500);
  }

  .text-secondary {

    color: var(--color-secondary);
  }

  .text-secondary {

    color: var(--color-secondary);
  }

  .text-success {

    color: var(--color-success);
  }

  .text-success {

    color: var(--color-success);
  }

  .text-white {

    color: var(--color-white);
  }

  .capitalize {

    text-transform: capitalize;
  }

  .italic {

    font-style: italic;
  }

  .underline {

    text-decoration-line: underline;
  }

  .decoration-black {

    text-decoration-color: var(--color-black);
  }

  .opacity-0 {

    opacity: 0;
  }

  .opacity-25 {

    opacity: 0.25;
  }

  .opacity-50 {

    opacity: 0.5;
  }

  .opacity-70 {

    opacity: 0.7;
  }

  .opacity-75 {

    opacity: 0.75;
  }

  .opacity-100 {

    opacity: 1;
  }

  .opacity-\[0\.80\] {

    opacity: 0.80;
  }

  .shadow {

    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgba(0, 0, 0, 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgba(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), 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(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);
  }

  .shadow-\[0_4px_12px_rgba\(0\,0\,0\,0\.04\)\] {

    --tw-shadow: 0 4px 12px var(--tw-shadow-color, rgba(0,0,0,0.04));

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 4px 12px rgba(0,0,0,0.04);

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_4px_20px_0_rgba\(0\,0\,0\,0\.06\)\] {

    --tw-shadow: 0 4px 20px 0 var(--tw-shadow-color, rgba(0,0,0,0.06));

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 4px 20px 0 rgba(0,0,0,0.06);

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_6px_18px_rgba\(0\,0\,0\,0\.04\)\] {

    --tw-shadow: 0 6px 18px var(--tw-shadow-color, rgba(0,0,0,0.04));

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 6px 18px rgba(0,0,0,0.04);

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_7px_20px_0_rgba\(31\,24\,227\,0\.22\)\] {

    --tw-shadow: 0 7px 20px 0 var(--tw-shadow-color, rgba(31,24,227,0.22));

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 7px 20px 0 rgba(31,24,227,0.22);

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_8px_32px_0_rgba\(0\,0\,0\,0\.12\)\] {

    --tw-shadow: 0 8px 32px 0 var(--tw-shadow-color, rgba(0,0,0,0.12));

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 8px 32px 0 rgba(0,0,0,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);
  }

  .shadow-\[0_100px_80px_rgba\(0\,0\,0\,0\.05\)\] {

    --tw-shadow: 0 100px 80px var(--tw-shadow-color, rgba(0,0,0,0.05));

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 100px 80px rgba(0,0,0,0.05);

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-lg {

    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgba(0, 0, 0, 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgba(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), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(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);
  }

  .shadow-md {

    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgba(0, 0, 0, 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgba(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), 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(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);
  }

  .shadow-sm {

    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgba(0, 0, 0, 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgba(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), 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(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);
  }

  .shadow-tile {

    --tw-shadow: 0px 8px 30px 0px var(--tw-shadow-color, rgba(0, 0, 0, 0.08));

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0px 8px 30px 0px rgba(0, 0, 0, 0.08);

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-xl {

    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgba(0, 0, 0, 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgba(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), 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(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);
  }

  .ring-1 {

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

  .box-shadow {

    border: 1px solid hsla(0, 0%, 100%, 0.2);

    border: 1px solid var(--card-stroke, hsla(0, 0%, 100%, 0.2));

    box-shadow: 0 0.5rem 1.25rem 0 hsla(0, 0%, 0%, 0.1);
  }

  @media (min-width: 1024px) {

    .box-shadow {

      box-shadow: 0 0.25rem 1.25rem 0 hsla(0, 0%, 0%, 0.05);
    }
  }

  .box-shadow-blue {

    box-shadow: 0 0.4375rem 1.25rem 0 hsla(238, 76%, 63%, 0.22);
  }

  .box-shadow-white {

    box-shadow: 0 0.25rem 1.25rem hsla(0, 0%, 0%, 0.45), 0 0 0 hsla(0, 0%, 100%, 0.12), 0 0 0 hsla(0, 0%, 100%, 0.34);
  }

  .ring-black {

    --tw-ring-color: var(--color-black);
  }

  .outline {

    outline-style: var(--tw-outline-style);

    outline-width: 1px;
  }

  .outline-\[4px\] {

    outline-style: var(--tw-outline-style);

    outline-width: 4px;
  }

  .focus-inside :focus {

    outline-offset: -5px;
  }

  .focus-inside {

    outline-offset: -5px;
  }

  .outline-\[rgba\(246\,246\,246\,0\.30\)\] {

    outline-color: rgba(246,246,246,0.30);
  }

  .blur {

    --tw-blur: blur(8px);

    filter: blur(8px)                ;

    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }

  .filter {

    filter:                  ;

    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }

  .backdrop-blur-\[4px\] {

    --tw-backdrop-blur: blur(4px);

    backdrop-filter: blur(4px)                ;

    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }

  .backdrop-blur-sm {

    --tw-backdrop-blur: blur(var(--blur-sm));

    backdrop-filter:                  ;

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

  .bg-glass-3 {

    background: radial-gradient(251.4% 154.98% at 7.28% -19.84%, hsla(0, 0%, 100%, 0.5) 0%, hsl(0, 0%, 100%) 100%);

    backdrop-filter: blur(3.125rem);
  }

  @media (min-width: 1024px) {

    .bg-glass-3 {

      background: radial-gradient(251.4% 154.98% at 7.28% -19.84%, hsla(0, 0%, 100%, 0.5) 0%, hsla(0, 0%, 100%, 0.44) 100%);
    }
  }

  .bg-glass-4 {

    border: 1px solid hsla(0, 0%, 100%, 0.2);

    border: 1px solid var(--card-stroke, hsla(0, 0%, 100%, 0.2));

    background: radial-gradient(194.01% 135.13% at -11.56% -26.25%, hsla(0, 0%, 100%, 0.9) 0%, hsla(0, 0%, 100%, 0.34) 74.66%);

    backdrop-filter: blur(14px);
  }

  .backdrop-filter {

    backdrop-filter:                  ;

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

  .bg-glass {

    background: radial-gradient(86.69% 149.49% at 51.93% -41.91%, hsla(0, 0%, 100%, 0.37) 0.39%, #f1f0ff 100%);

    background: radial-gradient(86.69% 149.49% at 51.93% -41.91%, hsla(0, 0%, 100%, 0.37) 0.39%, var(--brand-primary-50, #f1f0ff) 100%);

    backdrop-filter: blur(1.125rem);
  }

  .bg-glass-2 {

    background: radial-gradient(182.96% 129.93% at -11.56% -26.25%, hsla(0, 0%, 100%, 0.7) 0%, hsla(0, 0%, 100%, 0.24) 74.66%);

    backdrop-filter: blur(0.375rem);
  }

  .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, backdrop-filter, display, content-visibility, overlay, pointer-events;

    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));

    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-all {

    transition-property: all;

    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));

    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-colors {

    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;

    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));

    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-opacity {

    transition-property: opacity;

    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));

    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-transform {

    transition-property: transform, translate, scale, rotate;

    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));

    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .duration-100 {

    --tw-duration: 100ms;

    transition-duration: 100ms;
  }

  .duration-150 {

    --tw-duration: 150ms;

    transition-duration: 150ms;
  }

  .duration-200 {

    --tw-duration: 200ms;

    transition-duration: 200ms;
  }

  .duration-300 {

    --tw-duration: 300ms;

    transition-duration: 300ms;
  }

  .duration-700 {

    --tw-duration: 700ms;

    transition-duration: 700ms;
  }

  .ease-in {

    --tw-ease: var(--ease-in);

    transition-timing-function: var(--ease-in);
  }

  .ease-in-out {

    --tw-ease: var(--ease-in-out);

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

  .ease-out {

    --tw-ease: var(--ease-out);

    transition-timing-function: var(--ease-out);
  }

  .outline-none {

    --tw-outline-style: none;

    outline-style: none;
  }

  .outline-solid {

    --tw-outline-style: solid;

    outline-style: solid;
  }

  .select-none {

    -webkit-user-select: none;

    -moz-user-select: none;

         user-select: none;
  }

  .bg-glass-5 {

    background: linear-gradient(94deg, hsla(244, 100%, 97%, 0.6) -1.39%, hsla(244, 100%, 97%, 0.06) 99.53%);
  }

  .bg-gradient {

    background: var(--background-gradient);
  }

  .bg-primary-gradient {

    background: var(--background-gradient);
  }

  @media (hover: hover) {

    :where(.group):hover .group-hover\:scale-110 {

      --tw-scale-x: 110%;

      --tw-scale-y: 110%;

      --tw-scale-z: 110%;

      scale: 110% 110%;

      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }

  @media (hover: hover) {

    :where(.group):hover .group-hover\:stroke-white {

      stroke: var(--color-white);
    }
  }

  .before\:absolute::before {

    content: var(--tw-content);

    position: absolute;
  }

  .before\:inset-\[-11px\]::before {

    content: var(--tw-content);

    top: -11px;

    right: -11px;

    bottom: -11px;

    left: -11px;
  }

  .before\:z-\[-2\]::before {

    content: var(--tw-content);

    z-index: -2;
  }

  .before\:rounded-full::before {

    content: var(--tw-content);

    border-radius: calc(infinity * 1px);
  }

  .before\:bg-white::before {

    content: var(--tw-content);

    background-color: var(--color-white);
  }

  .before\:opacity-\[0\.12\]::before {

    content: var(--tw-content);

    opacity: 0.12;
  }

  .before\:content-\[\'\'\]::before {

    --tw-content: '';

    content: '';

    content: var(--tw-content);
  }

  .after\:absolute::after {

    content: var(--tw-content);

    position: absolute;
  }

  .after\:inset-\[-5px\]::after {

    content: var(--tw-content);

    top: -5px;

    right: -5px;

    bottom: -5px;

    left: -5px;
  }

  .after\:z-\[-1\]::after {

    content: var(--tw-content);

    z-index: -1;
  }

  .after\:rounded-full::after {

    content: var(--tw-content);

    border-radius: calc(infinity * 1px);
  }

  .after\:bg-white::after {

    content: var(--tw-content);

    background-color: var(--color-white);
  }

  .after\:opacity-\[0\.34\]::after {

    content: var(--tw-content);

    opacity: 0.34;
  }

  .after\:shadow-\[0_4px_20px_rgba\(0\,0\,0\,0\.15\)\]::after {

    content: var(--tw-content);

    --tw-shadow: 0 4px 20px var(--tw-shadow-color, rgba(0,0,0,0.15));

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 4px 20px rgba(0,0,0,0.15);

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .after\:content-\[\'\'\]::after {

    --tw-content: '';

    content: '';

    content: var(--tw-content);
  }

  .first\:rounded-l-\[8px\]:first-child {

    border-top-left-radius: 8px;

    border-bottom-left-radius: 8px;
  }

  .last\:mb-0:last-child {

    margin-bottom: calc(var(--spacing) * 0);
  }

  .last\:rounded-r-\[8px\]:last-child {

    border-top-right-radius: 8px;

    border-bottom-right-radius: 8px;
  }

  .last\:border-0:last-child {

    border-style: var(--tw-border-style);

    border-width: 0px;
  }

  .last\:pb-0:last-child {

    padding-bottom: calc(var(--spacing) * 0);
  }

  .empty\:hidden:empty {

    display: none;
  }

  @media (hover: hover) {

    .hover\:bg-\[\#009448\]:hover {

      background-color: #009448;
    }
  }

  @media (hover: hover) {

    .hover\:bg-\[rgba\(255\,56\,56\,0\.20\)\]:hover {

      background-color: rgba(255,56,56,0.20);
    }
  }

  @media (hover: hover) {

    .hover\:bg-\[var\(--brand-primary-100\)\]:hover {

      background-color: var(--brand-primary-100);
    }
  }

  @media (hover: hover) {

    .hover\:bg-\[var\(--neutral-50\)\]:hover {

      background-color: var(--neutral-50);
    }
  }

  @media (hover: hover) {

    .hover\:bg-black:hover {

      background-color: var(--color-black);
    }
  }

  @media (hover: hover) {

    .hover\:bg-gray-100:hover {

      background-color: var(--color-gray-100);
    }
  }

  @media (hover: hover) {

    .hover\:bg-gray-200:hover {

      background-color: var(--color-gray-200);
    }
  }

  @media (hover: hover) {

    .hover\:bg-green-600:hover {

      background-color: var(--color-green-600);
    }
  }

  @media (hover: hover) {

    .hover\:bg-primary:hover {

      background-color: var(--color-primary);
    }
  }

  @media (hover: hover) {

    .hover\:bg-primary:hover {

      background-color: var(--color-primary);
    }
  }

  @media (hover: hover) {

    .hover\:text-\[var\(--neutral-800\)\]:hover {

      color: var(--neutral-800);
    }
  }

  @media (hover: hover) {

    .hover\:text-gray-700:hover {

      color: var(--color-gray-700);
    }
  }

  @media (hover: hover) {

    .hover\:text-primary:hover {

      color: var(--color-primary);
    }
  }

  @media (hover: hover) {

    .hover\:text-primary:hover {

      color: var(--color-primary);
    }
  }

  @media (hover: hover) {

    .hover\:text-white:hover {

      color: var(--color-white);
    }
  }

  @media (hover: hover) {

    .hover\:no-underline:hover {

      text-decoration-line: none;
    }
  }

  @media (hover: hover) {

    .hover\:underline:hover {

      text-decoration-line: underline;
    }
  }

  @media (hover: hover) {

    .hover\:opacity-90:hover {

      opacity: 0.9;
    }
  }

  @media (hover: hover) {

    .hover\:shadow-md:hover {

      --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgba(0, 0, 0, 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgba(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), 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(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);
    }
  }

  .focus\:overflow-hidden:focus {

    overflow: hidden;
  }

  .focus\:\!border-primary:focus {

    border-color: var(--color-primary) !important;
  }

  .focus\:\!border-primary:focus {

    border-color: var(--color-primary) !important;
  }

  .focus\:border-primary:focus {

    border-color: var(--color-primary);
  }

  .focus\:border-primary:focus {

    border-color: var(--color-primary);
  }

  .focus\:ring-0:focus {

    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + 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);
  }

  .focus\:ring-2:focus {

    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + 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);
  }

  .focus\:ring-primary\/40:focus {

    --tw-ring-color: rgba(88, 84, 213, 0.4);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .focus\:ring-primary\/40:focus {

      --tw-ring-color: color-mix(in oklab, var(--color-primary) 40%, transparent);
    }
  }

  .focus\:\!outline-transparent:focus {

    outline-color: transparent !important;
  }

  .focus\:outline-none:focus {

    --tw-outline-style: none;

    outline-style: none;
  }

  .focus-visible\:border-indigo-500:focus-visible {

    border-color: var(--color-indigo-500);
  }

  .focus-visible\:ring-2:focus-visible {

    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + 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);
  }

  .focus-visible\:ring-white:focus-visible {

    --tw-ring-color: var(--color-white);
  }

  .focus-visible\:ring-offset-2:focus-visible {

    --tw-ring-offset-width: 2px;

    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .focus-visible\:ring-offset-orange-300:focus-visible {

    --tw-ring-offset-color: var(--color-orange-300);
  }

  @media (min-width: 415px) {

    .sm\:top-\[-200px\] {

      top: -200px;
    }
  }

  @media (min-width: 415px) {

    .sm\:mx-auto {

      margin-left: auto;

      margin-right: auto;
    }
  }

  @media (min-width: 415px) {

    .sm\:ml-\[-25vw\] {

      margin-left: -25vw;
    }
  }

  @media (min-width: 415px) {

    .sm\:w-\[400px\] {

      width: 400px;
    }
  }

  @media (min-width: 415px) {

    .sm\:max-w-\[390px\] {

      max-width: 390px;
    }
  }

  @media (min-width: 415px) {

    .sm\:max-w-\[calc\(100vw-\(\(100vw-390px\)\/2\)\)\] {

      max-width: calc(100vw - ((100vw - 390px) / 2));
    }
  }

  @media (min-width: 415px) {

    .sm\:min-w-56 {

      min-width: calc(var(--spacing) * 56);
    }
  }

  @media (min-width: 415px) {

    .sm\:grid-cols-2 {

      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (min-width: 415px) {

    .sm\:flex-row {

      flex-direction: row;
    }
  }

  @media (min-width: 415px) {

    .sm\:text-sm {

      font-size: var(--text-sm);

      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }

  @media (min-width: 565px) {

    .min-\[565px\]\:w-\[162\.5px\] {

      width: 162.5px;
    }
  }

  @media (min-width: 565px) {

    .min-\[565px\]\:min-w-\[162\.5px\] {

      min-width: 162.5px;
    }
  }

  @media (min-width: 565px) {

    .min-\[565px\]\:table-fixed {

      table-layout: fixed;
    }
  }

  @media (min-width: 670px) {

    .min-\[670px\]\:pb-\[40px\] {

      padding-bottom: 40px;
    }
  }

  @media (min-width: 768px) {

    .md\:absolute {

      position: absolute;
    }
  }

  @media (min-width: 768px) {

    .md\:top-8 {

      top: calc(var(--spacing) * 8);
    }
  }

  @media (min-width: 768px) {

    .md\:top-\[-200px\] {

      top: -200px;
    }
  }

  @media (min-width: 768px) {

    .md\:top-\[15px\] {

      top: 15px;
    }
  }

  @media (min-width: 768px) {

    .md\:top-\[28px\] {

      top: 28px;
    }
  }

  @media (min-width: 768px) {

    .md\:top-\[50\%\] {

      top: 50%;
    }
  }

  @media (min-width: 768px) {

    .md\:top-\[61px\] {

      top: 61px;
    }
  }

  @media (min-width: 768px) {

    .md\:top-\[80\%\] {

      top: 80%;
    }
  }

  @media (min-width: 768px) {

    .md\:top-\[82\%\] {

      top: 82%;
    }
  }

  @media (min-width: 768px) {

    .md\:top-\[150px\] {

      top: 150px;
    }
  }

  @media (min-width: 768px) {

    .md\:-right-20 {

      right: calc(var(--spacing) * -20);
    }
  }

  @media (min-width: 768px) {

    .md\:right-0 {

      right: calc(var(--spacing) * 0);
    }
  }

  @media (min-width: 768px) {

    .md\:right-4 {

      right: calc(var(--spacing) * 4);
    }
  }

  @media (min-width: 768px) {

    .md\:bottom-\[60px\] {

      bottom: 60px;
    }
  }

  @media (min-width: 768px) {

    .md\:bottom-\[145px\] {

      bottom: 145px;
    }
  }

  @media (min-width: 768px) {

    .md\:bottom-\[180px\] {

      bottom: 180px;
    }
  }

  @media (min-width: 768px) {

    .md\:-left-\[21px\] {

      left: calc(21px * -1);
    }
  }

  @media (min-width: 768px) {

    .md\:left-0 {

      left: calc(var(--spacing) * 0);
    }
  }

  @media (min-width: 768px) {

    .md\:left-4 {

      left: calc(var(--spacing) * 4);
    }
  }

  @media (min-width: 768px) {

    .md\:left-8 {

      left: calc(var(--spacing) * 8);
    }
  }

  @media (min-width: 768px) {

    .md\:left-\[12\%\] {

      left: 12%;
    }
  }

  @media (min-width: 768px) {

    .md\:left-\[65\%\] {

      left: 65%;
    }
  }

  @media (min-width: 768px) {

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

      left: auto;

      left: initial;
    }
  }

  @media (min-width: 768px) {

    .md\:order-1 {

      order: 1;
    }
  }

  @media (min-width: 768px) {

    .md\:order-2 {

      order: 2;
    }
  }

  @media (min-width: 768px) {

    .md\:mx-0 {

      margin-left: calc(var(--spacing) * 0);

      margin-right: calc(var(--spacing) * 0);
    }
  }

  @media (min-width: 768px) {

    .md\:mx-auto {

      margin-left: auto;

      margin-right: auto;
    }
  }

  @media (min-width: 768px) {

    .md\:my-0 {

      margin-top: calc(var(--spacing) * 0);

      margin-bottom: calc(var(--spacing) * 0);
    }
  }

  @media (min-width: 768px) {

    .md\:my-2 {

      margin-top: calc(var(--spacing) * 2);

      margin-bottom: calc(var(--spacing) * 2);
    }
  }

  @media (min-width: 768px) {

    .md\:mt-0 {

      margin-top: calc(var(--spacing) * 0);
    }
  }

  @media (min-width: 768px) {

    .md\:mt-2 {

      margin-top: calc(var(--spacing) * 2);
    }
  }

  @media (min-width: 768px) {

    .md\:mt-4 {

      margin-top: calc(var(--spacing) * 4);
    }
  }

  @media (min-width: 768px) {

    .md\:mt-7 {

      margin-top: calc(var(--spacing) * 7);
    }
  }

  @media (min-width: 768px) {

    .md\:mt-8 {

      margin-top: calc(var(--spacing) * 8);
    }
  }

  @media (min-width: 768px) {

    .md\:mt-10 {

      margin-top: calc(var(--spacing) * 10);
    }
  }

  @media (min-width: 768px) {

    .md\:mt-20 {

      margin-top: calc(var(--spacing) * 20);
    }
  }

  @media (min-width: 768px) {

    .md\:mt-24 {

      margin-top: calc(var(--spacing) * 24);
    }
  }

  @media (min-width: 768px) {

    .md\:mt-40 {

      margin-top: calc(var(--spacing) * 40);
    }
  }

  @media (min-width: 768px) {

    .md\:mt-\[10px\] {

      margin-top: 10px;
    }
  }

  @media (min-width: 768px) {

    .md\:mt-\[20px\] {

      margin-top: 20px;
    }
  }

  @media (min-width: 768px) {

    .md\:mt-\[24px\] {

      margin-top: 24px;
    }
  }

  @media (min-width: 768px) {

    .md\:mt-\[25px\] {

      margin-top: 25px;
    }
  }

  @media (min-width: 768px) {

    .md\:mt-\[30px\] {

      margin-top: 30px;
    }
  }

  @media (min-width: 768px) {

    .md\:mt-\[31px\] {

      margin-top: 31px;
    }
  }

  @media (min-width: 768px) {

    .md\:mt-\[34px\] {

      margin-top: 34px;
    }
  }

  @media (min-width: 768px) {

    .md\:mt-\[36px\] {

      margin-top: 36px;
    }
  }

  @media (min-width: 768px) {

    .md\:mt-\[44px\] {

      margin-top: 44px;
    }
  }

  @media (min-width: 768px) {

    .md\:mt-\[53px\] {

      margin-top: 53px;
    }
  }

  @media (min-width: 768px) {

    .md\:mt-\[105px\] {

      margin-top: 105px;
    }
  }

  @media (min-width: 768px) {

    .md\:mr-3 {

      margin-right: calc(var(--spacing) * 3);
    }
  }

  @media (min-width: 768px) {

    .md\:mr-4 {

      margin-right: calc(var(--spacing) * 4);
    }
  }

  @media (min-width: 768px) {

    .md\:mr-\[68px\] {

      margin-right: 68px;
    }
  }

  @media (min-width: 768px) {

    .md\:mr-auto {

      margin-right: auto;
    }
  }

  @media (min-width: 768px) {

    .md\:\!mb-4 {

      margin-bottom: calc(var(--spacing) * 4) !important;
    }
  }

  @media (min-width: 768px) {

    .md\:mb-0 {

      margin-bottom: calc(var(--spacing) * 0);
    }
  }

  @media (min-width: 768px) {

    .md\:mb-4 {

      margin-bottom: calc(var(--spacing) * 4);
    }
  }

  @media (min-width: 768px) {

    .md\:mb-5 {

      margin-bottom: calc(var(--spacing) * 5);
    }
  }

  @media (min-width: 768px) {

    .md\:mb-8 {

      margin-bottom: calc(var(--spacing) * 8);
    }
  }

  @media (min-width: 768px) {

    .md\:mb-12 {

      margin-bottom: calc(var(--spacing) * 12);
    }
  }

  @media (min-width: 768px) {

    .md\:mb-16 {

      margin-bottom: calc(var(--spacing) * 16);
    }
  }

  @media (min-width: 768px) {

    .md\:mb-20 {

      margin-bottom: calc(var(--spacing) * 20);
    }
  }

  @media (min-width: 768px) {

    .md\:mb-32 {

      margin-bottom: calc(var(--spacing) * 32);
    }
  }

  @media (min-width: 768px) {

    .md\:mb-52 {

      margin-bottom: calc(var(--spacing) * 52);
    }
  }

  @media (min-width: 768px) {

    .md\:mb-\[20px\] {

      margin-bottom: 20px;
    }
  }

  @media (min-width: 768px) {

    .md\:mb-\[28px\] {

      margin-bottom: 28px;
    }
  }

  @media (min-width: 768px) {

    .md\:mb-\[30px\] {

      margin-bottom: 30px;
    }
  }

  @media (min-width: 768px) {

    .md\:mb-\[50px\] {

      margin-bottom: 50px;
    }
  }

  @media (min-width: 768px) {

    .md\:mb-\[52px\] {

      margin-bottom: 52px;
    }
  }

  @media (min-width: 768px) {

    .md\:mb-\[60px\] {

      margin-bottom: 60px;
    }
  }

  @media (min-width: 768px) {

    .md\:mb-\[64px\] {

      margin-bottom: 64px;
    }
  }

  @media (min-width: 768px) {

    .md\:mb-\[124px\] {

      margin-bottom: 124px;
    }
  }

  @media (min-width: 768px) {

    .md\:ml-0 {

      margin-left: calc(var(--spacing) * 0);
    }
  }

  @media (min-width: 768px) {

    .md\:ml-4 {

      margin-left: calc(var(--spacing) * 4);
    }
  }

  @media (min-width: 768px) {

    .md\:ml-\[25vw\] {

      margin-left: 25vw;
    }
  }

  @media (min-width: 768px) {

    .md\:ml-auto {

      margin-left: auto;
    }
  }

  @media (min-width: 768px) {

    .md\:block {

      display: block;
    }
  }

  @media (min-width: 768px) {

    .md\:flex {

      display: flex;
    }
  }

  @media (min-width: 768px) {

    .md\:hidden {

      display: none;
    }
  }

  @media (min-width: 768px) {

    .md\:inline-block {

      display: inline-block;
    }
  }

  @media (min-width: 768px) {

    .md\:inline-flex {

      display: inline-flex;
    }
  }

  @media (min-width: 768px) {

    .md\:h-2 {

      height: calc(var(--spacing) * 2);
    }
  }

  @media (min-width: 768px) {

    .md\:h-12 {

      height: calc(var(--spacing) * 12);
    }
  }

  @media (min-width: 768px) {

    .md\:h-\[20px\] {

      height: 20px;
    }
  }

  @media (min-width: 768px) {

    .md\:h-\[24px\] {

      height: 24px;
    }
  }

  @media (min-width: 768px) {

    .md\:h-\[28px\] {

      height: 28px;
    }
  }

  @media (min-width: 768px) {

    .md\:h-\[32px\] {

      height: 32px;
    }
  }

  @media (min-width: 768px) {

    .md\:h-\[36px\] {

      height: 36px;
    }
  }

  @media (min-width: 768px) {

    .md\:h-\[45px\] {

      height: 45px;
    }
  }

  @media (min-width: 768px) {

    .md\:h-\[48px\] {

      height: 48px;
    }
  }

  @media (min-width: 768px) {

    .md\:h-\[56px\] {

      height: 56px;
    }
  }

  @media (min-width: 768px) {

    .md\:h-\[64px\] {

      height: 64px;
    }
  }

  @media (min-width: 768px) {

    .md\:h-\[200px\] {

      height: 200px;
    }
  }

  @media (min-width: 768px) {

    .md\:h-\[400px\] {

      height: 400px;
    }
  }

  @media (min-width: 768px) {

    .md\:h-\[470px\] {

      height: 470px;
    }
  }

  @media (min-width: 768px) {

    .md\:h-\[600px\] {

      height: 600px;
    }
  }

  @media (min-width: 768px) {

    .md\:h-\[1080px\] {

      height: 1080px;
    }
  }

  @media (min-width: 768px) {

    .md\:h-auto {

      height: auto;
    }
  }

  @media (min-width: 768px) {

    .md\:max-h-\[78px\] {

      max-height: 78px;
    }
  }

  @media (min-width: 768px) {

    .md\:\!min-h-\[124px\] {

      min-height: 124px !important;
    }
  }

  @media (min-width: 768px) {

    .md\:\!min-h-\[200px\] {

      min-height: 200px !important;
    }
  }

  @media (min-width: 768px) {

    .md\:min-h-\[80px\] {

      min-height: 80px;
    }
  }

  @media (min-width: 768px) {

    .md\:min-h-\[104px\] {

      min-height: 104px;
    }
  }

  @media (min-width: 768px) {

    .md\:min-h-\[367px\] {

      min-height: 367px;
    }
  }

  @media (min-width: 768px) {

    .md\:\!w-\[300px\] {

      width: 300px !important;
    }
  }

  @media (min-width: 768px) {

    .md\:w-1\/2 {

      width: calc(1/2 * 100%);
    }
  }

  @media (min-width: 768px) {

    .md\:w-2 {

      width: calc(var(--spacing) * 2);
    }
  }

  @media (min-width: 768px) {

    .md\:w-3\/5 {

      width: calc(3/5 * 100%);
    }
  }

  @media (min-width: 768px) {

    .md\:w-12 {

      width: calc(var(--spacing) * 12);
    }
  }

  @media (min-width: 768px) {

    .md\:w-\[1px\] {

      width: 1px;
    }
  }

  @media (min-width: 768px) {

    .md\:w-\[20px\] {

      width: 20px;
    }
  }

  @media (min-width: 768px) {

    .md\:w-\[22\.5\%\] {

      width: 22.5%;
    }
  }

  @media (min-width: 768px) {

    .md\:w-\[24px\] {

      width: 24px;
    }
  }

  @media (min-width: 768px) {

    .md\:w-\[28px\] {

      width: 28px;
    }
  }

  @media (min-width: 768px) {

    .md\:w-\[30\%\] {

      width: 30%;
    }
  }

  @media (min-width: 768px) {

    .md\:w-\[32px\] {

      width: 32px;
    }
  }

  @media (min-width: 768px) {

    .md\:w-\[35\%\] {

      width: 35%;
    }
  }

  @media (min-width: 768px) {

    .md\:w-\[36px\] {

      width: 36px;
    }
  }

  @media (min-width: 768px) {

    .md\:w-\[48px\] {

      width: 48px;
    }
  }

  @media (min-width: 768px) {

    .md\:w-\[50\%\] {

      width: 50%;
    }
  }

  @media (min-width: 768px) {

    .md\:w-\[56px\] {

      width: 56px;
    }
  }

  @media (min-width: 768px) {

    .md\:w-\[65\%\] {

      width: 65%;
    }
  }

  @media (min-width: 768px) {

    .md\:w-\[85\%\] {

      width: 85%;
    }
  }

  @media (min-width: 768px) {

    .md\:w-\[170px\] {

      width: 170px;
    }
  }

  @media (min-width: 768px) {

    .md\:w-\[200px\] {

      width: 200px;
    }
  }

  @media (min-width: 768px) {

    .md\:w-\[300px\] {

      width: 300px;
    }
  }

  @media (min-width: 768px) {

    .md\:w-\[460px\] {

      width: 460px;
    }
  }

  @media (min-width: 768px) {

    .md\:w-\[470px\] {

      width: 470px;
    }
  }

  @media (min-width: 768px) {

    .md\:w-\[600px\] {

      width: 600px;
    }
  }

  @media (min-width: 768px) {

    .md\:w-\[1080px\] {

      width: 1080px;
    }
  }

  @media (min-width: 768px) {

    .md\:w-auto {

      width: auto;
    }
  }

  @media (min-width: 768px) {

    .md\:w-max {

      width: -moz-max-content;

      width: max-content;
    }
  }

  @media (min-width: 768px) {

    .md\:max-w-\[33\%\] {

      max-width: 33%;
    }
  }

  @media (min-width: 768px) {

    .md\:max-w-\[168px\] {

      max-width: 168px;
    }
  }

  @media (min-width: 768px) {

    .md\:max-w-\[170px\] {

      max-width: 170px;
    }
  }

  @media (min-width: 768px) {

    .md\:max-w-\[328px\] {

      max-width: 328px;
    }
  }

  @media (min-width: 768px) {

    .md\:max-w-\[332px\] {

      max-width: 332px;
    }
  }

  @media (min-width: 768px) {

    .md\:max-w-\[383px\] {

      max-width: 383px;
    }
  }

  @media (min-width: 768px) {

    .md\:max-w-\[498px\] {

      max-width: 498px;
    }
  }

  @media (min-width: 768px) {

    .md\:max-w-\[564px\] {

      max-width: 564px;
    }
  }

  @media (min-width: 768px) {

    .md\:max-w-\[570px\] {

      max-width: 570px;
    }
  }

  @media (min-width: 768px) {

    .md\:max-w-\[585px\] {

      max-width: 585px;
    }
  }

  @media (min-width: 768px) {

    .md\:max-w-\[666px\] {

      max-width: 666px;
    }
  }

  @media (min-width: 768px) {

    .md\:max-w-\[1200px\] {

      max-width: 1200px;
    }
  }

  @media (min-width: 768px) {

    .md\:max-w-\[calc\(100vw-110px\)\] {

      max-width: calc(100vw - 110px);
    }
  }

  @media (min-width: 768px) {

    .md\:min-w-\[168px\] {

      min-width: 168px;
    }
  }

  @media (min-width: 768px) {

    .md\:flex-1 {

      flex: 1;
    }
  }

  @media (min-width: 768px) {

    .md\:flex-none {

      flex: none;
    }
  }

  @media (min-width: 768px) {

    .md\:-translate-x-1\/2 {

      --tw-translate-x: calc(calc(1/2 * 100%) * -1);

      translate: calc((1/2 * 100%) * -1) var(--tw-translate-y);

      translate: calc(calc(1/2 * 100%) * -1) var(--tw-translate-y);

      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }

  @media (min-width: 768px) {

    .md\:-translate-y-1\/2 {

      --tw-translate-y: calc(calc(1/2 * 100%) * -1);

      translate: var(--tw-translate-x) calc((1/2 * 100%) * -1);

      translate: var(--tw-translate-x) calc(calc(1/2 * 100%) * -1);

      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }

  @media (min-width: 768px) {

    .md\:translate-y-0 {

      --tw-translate-y: calc(var(--spacing) * 0);

      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }

  @media (min-width: 768px) {

    .md\:scale-100 {

      --tw-scale-x: 100%;

      --tw-scale-y: 100%;

      --tw-scale-z: 100%;

      scale: 100% 100%;

      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }

  @media (min-width: 768px) {

    .md\:grid-cols-2 {

      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (min-width: 768px) {

    .md\:grid-cols-3 {

      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

  @media (min-width: 768px) {

    .md\:grid-cols-\[56px_1fr\] {

      grid-template-columns: 56px 1fr;
    }
  }

  @media (min-width: 768px) {

    .md\:flex-row {

      flex-direction: row;
    }
  }

  @media (min-width: 768px) {

    .md\:items-center {

      align-items: center;
    }
  }

  @media (min-width: 768px) {

    .md\:items-start {

      align-items: flex-start;
    }
  }

  @media (min-width: 768px) {

    .md\:items-stretch {

      align-items: stretch;
    }
  }

  @media (min-width: 768px) {

    .md\:justify-between {

      justify-content: space-between;
    }
  }

  @media (min-width: 768px) {

    .md\:justify-end {

      justify-content: flex-end;
    }
  }

  @media (min-width: 768px) {

    .md\:justify-normal {

      justify-content: normal;
    }
  }

  @media (min-width: 768px) {

    .md\:justify-start {

      justify-content: flex-start;
    }
  }

  @media (min-width: 768px) {

    .md\:gap-0 {

      gap: calc(var(--spacing) * 0);
    }
  }

  @media (min-width: 768px) {

    .md\:gap-3 {

      gap: calc(var(--spacing) * 3);
    }
  }

  @media (min-width: 768px) {

    .md\:gap-4 {

      gap: calc(var(--spacing) * 4);
    }
  }

  @media (min-width: 768px) {

    .md\:gap-5 {

      gap: calc(var(--spacing) * 5);
    }
  }

  @media (min-width: 768px) {

    .md\:gap-6 {

      gap: calc(var(--spacing) * 6);
    }
  }

  @media (min-width: 768px) {

    .md\:gap-7 {

      gap: calc(var(--spacing) * 7);
    }
  }

  @media (min-width: 768px) {

    .md\:gap-8 {

      gap: calc(var(--spacing) * 8);
    }
  }

  @media (min-width: 768px) {

    .md\:gap-12 {

      gap: calc(var(--spacing) * 12);
    }
  }

  @media (min-width: 768px) {

    .md\:gap-16 {

      gap: calc(var(--spacing) * 16);
    }
  }

  @media (min-width: 768px) {

    .md\:gap-\[48px\] {

      gap: 48px;
    }
  }

  @media (min-width: 768px) {

    .md\:gap-\[118px\] {

      gap: 118px;
    }
  }

  @media (min-width: 768px) {

    .md\:gap-x-3 {

      -moz-column-gap: calc(var(--spacing) * 3);

           column-gap: calc(var(--spacing) * 3);
    }
  }

  @media (min-width: 768px) {

    .md\:gap-y-\[28px\] {

      row-gap: 28px;
    }
  }

  @media (min-width: 768px) {

    .md\:gap-y-\[48px\] {

      row-gap: 48px;
    }
  }

  @media (min-width: 768px) {

    .md\:self-stretch {

      align-self: stretch;
    }
  }

  @media (min-width: 768px) {

    .md\:justify-self-end {

      justify-self: flex-end;
    }
  }

  @media (min-width: 768px) {

    .md\:overflow-hidden {

      overflow: hidden;
    }
  }

  @media (min-width: 768px) {

    .md\:rounded-\[12px\] {

      border-radius: 12px;
    }
  }

  @media (min-width: 768px) {

    .md\:p-4 {

      padding: calc(var(--spacing) * 4);
    }
  }

  @media (min-width: 768px) {

    .md\:p-5 {

      padding: calc(var(--spacing) * 5);
    }
  }

  @media (min-width: 768px) {

    .md\:p-8 {

      padding: calc(var(--spacing) * 8);
    }
  }

  @media (min-width: 768px) {

    .md\:p-12 {

      padding: calc(var(--spacing) * 12);
    }
  }

  @media (min-width: 768px) {

    .md\:px-0 {

      padding-left: calc(var(--spacing) * 0);

      padding-right: calc(var(--spacing) * 0);
    }
  }

  @media (min-width: 768px) {

    .md\:px-8 {

      padding-left: calc(var(--spacing) * 8);

      padding-right: calc(var(--spacing) * 8);
    }
  }

  @media (min-width: 768px) {

    .md\:px-\[15px\] {

      padding-left: 15px;

      padding-right: 15px;
    }
  }

  @media (min-width: 768px) {

    .md\:px-\[18px\] {

      padding-left: 18px;

      padding-right: 18px;
    }
  }

  @media (min-width: 768px) {

    .md\:py-3 {

      padding-top: calc(var(--spacing) * 3);

      padding-bottom: calc(var(--spacing) * 3);
    }
  }

  @media (min-width: 768px) {

    .md\:py-4 {

      padding-top: calc(var(--spacing) * 4);

      padding-bottom: calc(var(--spacing) * 4);
    }
  }

  @media (min-width: 768px) {

    .md\:py-5 {

      padding-top: calc(var(--spacing) * 5);

      padding-bottom: calc(var(--spacing) * 5);
    }
  }

  @media (min-width: 768px) {

    .md\:py-14 {

      padding-top: calc(var(--spacing) * 14);

      padding-bottom: calc(var(--spacing) * 14);
    }
  }

  @media (min-width: 768px) {

    .md\:py-20 {

      padding-top: calc(var(--spacing) * 20);

      padding-bottom: calc(var(--spacing) * 20);
    }
  }

  @media (min-width: 768px) {

    .md\:py-24 {

      padding-top: calc(var(--spacing) * 24);

      padding-bottom: calc(var(--spacing) * 24);
    }
  }

  @media (min-width: 768px) {

    .md\:py-\[14px\] {

      padding-top: 14px;

      padding-bottom: 14px;
    }
  }

  @media (min-width: 768px) {

    .md\:pt-0 {

      padding-top: calc(var(--spacing) * 0);
    }
  }

  @media (min-width: 768px) {

    .md\:pt-3 {

      padding-top: calc(var(--spacing) * 3);
    }
  }

  @media (min-width: 768px) {

    .md\:pt-10 {

      padding-top: calc(var(--spacing) * 10);
    }
  }

  @media (min-width: 768px) {

    .md\:pt-14 {

      padding-top: calc(var(--spacing) * 14);
    }
  }

  @media (min-width: 768px) {

    .md\:pt-28 {

      padding-top: calc(var(--spacing) * 28);
    }
  }

  @media (min-width: 768px) {

    .md\:pt-\[30px\] {

      padding-top: 30px;
    }
  }

  @media (min-width: 768px) {

    .md\:pt-\[60px\] {

      padding-top: 60px;
    }
  }

  @media (min-width: 768px) {

    .md\:pr-0 {

      padding-right: calc(var(--spacing) * 0);
    }
  }

  @media (min-width: 768px) {

    .md\:pr-4 {

      padding-right: calc(var(--spacing) * 4);
    }
  }

  @media (min-width: 768px) {

    .md\:pr-8 {

      padding-right: calc(var(--spacing) * 8);
    }
  }

  @media (min-width: 768px) {

    .md\:pb-12 {

      padding-bottom: calc(var(--spacing) * 12);
    }
  }

  @media (min-width: 768px) {

    .md\:pb-20 {

      padding-bottom: calc(var(--spacing) * 20);
    }
  }

  @media (min-width: 768px) {

    .md\:pl-0 {

      padding-left: calc(var(--spacing) * 0);
    }
  }

  @media (min-width: 768px) {

    .md\:text-center {

      text-align: center;
    }
  }

  @media (min-width: 768px) {

    .md\:text-left {

      text-align: left;
    }
  }

  @media (min-width: 768px) {

    .md\:text-2xl {

      font-size: var(--text-2xl);

      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
  }

  @media (min-width: 768px) {

    .md\:text-4xl {

      font-size: var(--text-4xl);

      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
  }

  @media (min-width: 768px) {

    .md\:text-base {

      font-size: var(--text-base);

      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }

  @media (min-width: 768px) {

    .md\:text-lg {

      font-size: var(--text-lg);

      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }

  @media (min-width: 768px) {

    .md\:text-sm {

      font-size: var(--text-sm);

      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }

  @media (min-width: 768px) {

    .md\:text-xl {

      font-size: var(--text-xl);

      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }

  @media (min-width: 768px) {

    .md\:text-\[2\.5rem\] {

      font-size: 2.5rem;
    }
  }

  @media (min-width: 768px) {

    .md\:text-\[15px\] {

      font-size: 15px;
    }
  }

  @media (min-width: 768px) {

    .md\:text-\[16px\] {

      font-size: 16px;
    }
  }

  @media (min-width: 768px) {

    .md\:text-\[17px\] {

      font-size: 17px;
    }
  }

  @media (min-width: 768px) {

    .md\:text-\[18px\] {

      font-size: 18px;
    }
  }

  @media (min-width: 768px) {

    .md\:text-\[20px\] {

      font-size: 20px;
    }
  }

  @media (min-width: 768px) {

    .md\:text-\[22px\] {

      font-size: 22px;
    }
  }

  @media (min-width: 768px) {

    .md\:text-\[24px\] {

      font-size: 24px;
    }
  }

  @media (min-width: 768px) {

    .md\:text-\[28px\] {

      font-size: 28px;
    }
  }

  @media (min-width: 768px) {

    .md\:text-\[32px\] {

      font-size: 32px;
    }
  }

  @media (min-width: 768px) {

    .md\:text-\[36px\] {

      font-size: 36px;
    }
  }

  @media (min-width: 768px) {

    .md\:text-\[64px\] {

      font-size: 64px;
    }
  }

  @media (min-width: 768px) {

    .md\:leading-5 {

      --tw-leading: calc(var(--spacing) * 5);

      line-height: calc(var(--spacing) * 5);
    }
  }

  @media (min-width: 768px) {

    .md\:leading-6 {

      --tw-leading: calc(var(--spacing) * 6);

      line-height: calc(var(--spacing) * 6);
    }
  }

  @media (min-width: 768px) {

    .md\:leading-7 {

      --tw-leading: calc(var(--spacing) * 7);

      line-height: calc(var(--spacing) * 7);
    }
  }

  @media (min-width: 768px) {

    .md\:leading-8 {

      --tw-leading: calc(var(--spacing) * 8);

      line-height: calc(var(--spacing) * 8);
    }
  }

  @media (min-width: 768px) {

    .md\:leading-\[24px\] {

      --tw-leading: 24px;

      line-height: 24px;
    }
  }

  @media (min-width: 768px) {

    .md\:leading-\[27px\] {

      --tw-leading: 27px;

      line-height: 27px;
    }
  }

  @media (min-width: 768px) {

    .md\:leading-\[30px\] {

      --tw-leading: 30px;

      line-height: 30px;
    }
  }

  @media (min-width: 768px) {

    .md\:leading-\[36px\] {

      --tw-leading: 36px;

      line-height: 36px;
    }
  }

  @media (min-width: 768px) {

    .md\:leading-\[48px\] {

      --tw-leading: 48px;

      line-height: 48px;
    }
  }

  @media (min-width: 768px) {

    .md\:leading-\[76\.8px\] {

      --tw-leading: 76.8px;

      line-height: 76.8px;
    }
  }

  @media (min-width: 768px) {

    .md\:leading-\[150\%\] {

      --tw-leading: 150%;

      line-height: 150%;
    }
  }

  @media (min-width: 768px) {

    .md\:tracking-\[-0\.4px\] {

      --tw-tracking: -0.4px;

      letter-spacing: -0.4px;
    }
  }

  @media (min-width: 768px) {

    .md\:tracking-\[-0\.32px\] {

      --tw-tracking: -0.32px;

      letter-spacing: -0.32px;
    }
  }

  @media (min-width: 768px) {

    .md\:tracking-\[-0\.36px\] {

      --tw-tracking: -0.36px;

      letter-spacing: -0.36px;
    }
  }

  @media (min-width: 768px) {

    .md\:tracking-\[-0\.48px\] {

      --tw-tracking: -0.48px;

      letter-spacing: -0.48px;
    }
  }

  @media (min-width: 768px) {

    .md\:tracking-\[-0\.64px\] {

      --tw-tracking: -0.64px;

      letter-spacing: -0.64px;
    }
  }

  @media (min-width: 768px) {

    .md\:tracking-\[-1\.28px\] {

      --tw-tracking: -1.28px;

      letter-spacing: -1.28px;
    }
  }

  @media (min-width: 768px) {

    .md\:shadow-tile {

      --tw-shadow: 0px 8px 30px 0px var(--tw-shadow-color, rgba(0, 0, 0, 0.08));

      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0px 8px 30px 0px rgba(0, 0, 0, 0.08);

      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

  @media (min-width: 1024px) {

    .lg\:visible {

      visibility: visible;
    }
  }

  @media (min-width: 1024px) {

    .lg\:object-fit-cover {

      width: 100%;

      height: 100%;

      position: absolute;

      top: 0;

      left: 0;

      -o-object-fit: cover;

         object-fit: cover;
    }
  }

  @media (min-width: 1024px) {

    .lg\:absolute {

      position: absolute;
    }
  }

  @media (min-width: 1024px) {

    .lg\:relative {

      position: relative;
    }
  }

  @media (min-width: 1024px) {

    .lg\:static {

      position: static;
    }
  }

  @media (min-width: 1024px) {

    .lg\:sticky {

      position: sticky;
    }
  }

  @media (min-width: 1024px) {

    .lg\:-top-\[60px\] {

      top: calc(60px * -1);
    }
  }

  @media (min-width: 1024px) {

    .lg\:top-\[-30px\] {

      top: -30px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:top-\[16px\] {

      top: 16px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:top-\[24px\] {

      top: 24px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:top-\[50\%\] {

      top: 50%;
    }
  }

  @media (min-width: 1024px) {

    .lg\:top-\[61px\] {

      top: 61px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:top-\[99px\] {

      top: 99px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:top-\[120px\] {

      top: 120px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:right-0 {

      right: calc(var(--spacing) * 0);
    }
  }

  @media (min-width: 1024px) {

    .lg\:right-4 {

      right: calc(var(--spacing) * 4);
    }
  }

  @media (min-width: 1024px) {

    .lg\:right-\[27px\] {

      right: 27px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:bottom-0 {

      bottom: calc(var(--spacing) * 0);
    }
  }

  @media (min-width: 1024px) {

    .lg\:bottom-\[24px\] {

      bottom: 24px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:bottom-\[79px\] {

      bottom: 79px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:bottom-\[unset\] {

      bottom: auto;

      bottom: initial;
    }
  }

  @media (min-width: 1024px) {

    .lg\:-left-\[5px\] {

      left: calc(5px * -1);
    }
  }

  @media (min-width: 1024px) {

    .lg\:left-\[16px\] {

      left: 16px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:left-\[22px\] {

      left: 22px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:left-\[30px\] {

      left: 30px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:left-\[31px\] {

      left: 31px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:z-\[-1\] {

      z-index: -1;
    }
  }

  @media (min-width: 1024px) {

    .lg\:z-\[10\] {

      z-index: 10;
    }
  }

  @media (min-width: 1024px) {

    .lg\:order-1 {

      order: 1;
    }
  }

  @media (min-width: 1024px) {

    .lg\:order-2 {

      order: 2;
    }
  }

  @media (min-width: 1024px) {

    .lg\:order-\[initial\] {

      order: initial;
    }
  }

  @media (min-width: 1024px) {

    .lg\:order-first {

      order: -9999;
    }
  }

  @media (min-width: 1024px) {

    .lg\:mx-0 {

      margin-left: calc(var(--spacing) * 0);

      margin-right: calc(var(--spacing) * 0);
    }
  }

  @media (min-width: 1024px) {

    .lg\:mx-24 {

      margin-left: calc(var(--spacing) * 24);

      margin-right: calc(var(--spacing) * 24);
    }
  }

  @media (min-width: 1024px) {

    .lg\:mx-auto {

      margin-left: auto;

      margin-right: auto;
    }
  }

  @media (min-width: 1024px) {

    .lg\:my-4 {

      margin-top: calc(var(--spacing) * 4);

      margin-bottom: calc(var(--spacing) * 4);
    }
  }

  @media (min-width: 1024px) {

    .lg\:my-6 {

      margin-top: calc(var(--spacing) * 6);

      margin-bottom: calc(var(--spacing) * 6);
    }
  }

  @media (min-width: 1024px) {

    .lg\:my-7 {

      margin-top: calc(var(--spacing) * 7);

      margin-bottom: calc(var(--spacing) * 7);
    }
  }

  @media (min-width: 1024px) {

    .lg\:my-12 {

      margin-top: calc(var(--spacing) * 12);

      margin-bottom: calc(var(--spacing) * 12);
    }
  }

  @media (min-width: 1024px) {

    .lg\:my-\[32px\] {

      margin-top: 32px;

      margin-bottom: 32px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:mt-0 {

      margin-top: calc(var(--spacing) * 0);
    }
  }

  @media (min-width: 1024px) {

    .lg\:mt-3 {

      margin-top: calc(var(--spacing) * 3);
    }
  }

  @media (min-width: 1024px) {

    .lg\:mt-4 {

      margin-top: calc(var(--spacing) * 4);
    }
  }

  @media (min-width: 1024px) {

    .lg\:mt-8 {

      margin-top: calc(var(--spacing) * 8);
    }
  }

  @media (min-width: 1024px) {

    .lg\:mt-12 {

      margin-top: calc(var(--spacing) * 12);
    }
  }

  @media (min-width: 1024px) {

    .lg\:mt-16 {

      margin-top: calc(var(--spacing) * 16);
    }
  }

  @media (min-width: 1024px) {

    .lg\:mt-20 {

      margin-top: calc(var(--spacing) * 20);
    }
  }

  @media (min-width: 1024px) {

    .lg\:mt-\[-4px\] {

      margin-top: -4px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:mt-\[-263px\] {

      margin-top: -263px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:mt-\[0\] {

      margin-top: 0;
    }
  }

  @media (min-width: 1024px) {

    .lg\:mt-\[11px\] {

      margin-top: 11px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:mt-\[14px\] {

      margin-top: 14px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:mt-\[16px\] {

      margin-top: 16px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:mt-\[22px\] {

      margin-top: 22px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:mt-\[26px\] {

      margin-top: 26px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:mt-\[29px\] {

      margin-top: 29px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:mt-\[33px\] {

      margin-top: 33px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:mt-\[40px\] {

      margin-top: 40px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:mt-\[44px\] {

      margin-top: 44px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:mt-\[54px\] {

      margin-top: 54px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:mt-\[56px\] {

      margin-top: 56px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:mt-\[60px\] {

      margin-top: 60px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:mt-\[64px\] {

      margin-top: 64px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:mt-\[65px\] {

      margin-top: 65px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:mt-\[67px\] {

      margin-top: 67px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:mt-\[68px\] {

      margin-top: 68px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:mt-\[72px\] {

      margin-top: 72px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:mt-\[77px\] {

      margin-top: 77px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:mt-\[79px\] {

      margin-top: 79px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:mt-\[80px\] {

      margin-top: 80px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:mt-\[106px\] {

      margin-top: 106px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:mt-\[107px\] {

      margin-top: 107px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:mt-\[108px\] {

      margin-top: 108px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:mt-\[124px\] {

      margin-top: 124px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:mt-\[130px\] {

      margin-top: 130px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:mt-\[140px\] {

      margin-top: 140px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:mt-\[170px\] {

      margin-top: 170px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:mt-\[180px\] {

      margin-top: 180px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:mt-\[184px\] {

      margin-top: 184px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:mt-\[200px\] {

      margin-top: 200px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:mt-\[201px\] {

      margin-top: 201px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:mt-\[217px\] {

      margin-top: 217px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:mb-0 {

      margin-bottom: calc(var(--spacing) * 0);
    }
  }

  @media (min-width: 1024px) {

    .lg\:mb-2 {

      margin-bottom: calc(var(--spacing) * 2);
    }
  }

  @media (min-width: 1024px) {

    .lg\:mb-4 {

      margin-bottom: calc(var(--spacing) * 4);
    }
  }

  @media (min-width: 1024px) {

    .lg\:mb-5 {

      margin-bottom: calc(var(--spacing) * 5);
    }
  }

  @media (min-width: 1024px) {

    .lg\:mb-6 {

      margin-bottom: calc(var(--spacing) * 6);
    }
  }

  @media (min-width: 1024px) {

    .lg\:mb-20 {

      margin-bottom: calc(var(--spacing) * 20);
    }
  }

  @media (min-width: 1024px) {

    .lg\:mb-\[10px\] {

      margin-bottom: 10px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:mb-\[12px\] {

      margin-bottom: 12px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:mb-\[14px\] {

      margin-bottom: 14px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:mb-\[16px\] {

      margin-bottom: 16px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:mb-\[18px\] {

      margin-bottom: 18px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:mb-\[24px\] {

      margin-bottom: 24px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:mb-\[32px\] {

      margin-bottom: 32px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:mb-\[40px\] {

      margin-bottom: 40px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:mb-\[41px\] {

      margin-bottom: 41px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:mb-\[48px\] {

      margin-bottom: 48px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:mb-\[54px\] {

      margin-bottom: 54px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:mb-\[56px\] {

      margin-bottom: 56px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:mb-\[64px\] {

      margin-bottom: 64px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:mb-\[79px\] {

      margin-bottom: 79px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:mb-\[80px\] {

      margin-bottom: 80px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:mb-\[82px\] {

      margin-bottom: 82px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:mb-\[100px\] {

      margin-bottom: 100px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:mb-\[106px\] {

      margin-bottom: 106px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:mb-\[108px\] {

      margin-bottom: 108px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:mb-\[135px\] {

      margin-bottom: 135px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:mb-\[200px\] {

      margin-bottom: 200px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:ml-0 {

      margin-left: calc(var(--spacing) * 0);
    }
  }

  @media (min-width: 1024px) {

    .lg\:ml-5 {

      margin-left: calc(var(--spacing) * 5);
    }
  }

  @media (min-width: 1024px) {

    .lg\:ml-10 {

      margin-left: calc(var(--spacing) * 10);
    }
  }

  @media (min-width: 1024px) {

    .lg\:ml-\[3px\] {

      margin-left: 3px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:ml-\[15vw\] {

      margin-left: 15vw;
    }
  }

  @media (min-width: 1024px) {

    .lg\:\!inline-flex {

      display: inline-flex !important;
    }
  }

  @media (min-width: 1024px) {

    .lg\:block {

      display: block;
    }
  }

  @media (min-width: 1024px) {

    .lg\:flex {

      display: flex;
    }
  }

  @media (min-width: 1024px) {

    .lg\:grid {

      display: grid;
    }
  }

  @media (min-width: 1024px) {

    .lg\:hidden {

      display: none;
    }
  }

  @media (min-width: 1024px) {

    .lg\:aspect-\[1312\/640\] {

      aspect-ratio: 1312/640;
    }
  }

  @media (min-width: 1024px) {

    .lg\:h-\[20px\] {

      height: 20px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:h-\[32px\] {

      height: 32px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:h-\[38px\] {

      height: 38px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:h-\[40px\] {

      height: 40px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:h-\[45px\] {

      height: 45px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:h-\[56px\] {

      height: 56px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:h-\[60px\] {

      height: 60px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:h-\[72px\] {

      height: 72px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:h-\[470px\] {

      height: 470px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:h-\[600px\] {

      height: 600px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:h-\[calc\(100\%\+60px\)\] {

      height: calc(100% + 60px);
    }
  }

  @media (min-width: 1024px) {

    .lg\:h-\[calc\(100\%-61px\)\] {

      height: calc(100% - 61px);
    }
  }

  @media (min-width: 1024px) {

    .lg\:h-auto {

      height: auto;
    }
  }

  @media (min-width: 1024px) {

    .lg\:h-full {

      height: 100%;
    }
  }

  @media (min-width: 1024px) {

    .lg\:max-h-\[240px\] {

      max-height: 240px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:max-h-none {

      max-height: none;
    }
  }

  @media (min-width: 1024px) {

    .lg\:min-h-\[866px\] {

      min-height: 866px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:\!w-\[auto\] {

      width: auto !important;
    }
  }

  @media (min-width: 1024px) {

    .lg\:w-\[4px\] {

      width: 4px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:w-\[20px\] {

      width: 20px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:w-\[32px\] {

      width: 32px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:w-\[40px\] {

      width: 40px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:w-\[45\%\] {

      width: 45%;
    }
  }

  @media (min-width: 1024px) {

    .lg\:w-\[50\%\] {

      width: 50%;
    }
  }

  @media (min-width: 1024px) {

    .lg\:w-\[56px\] {

      width: 56px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:w-\[60\%\] {

      width: 60%;
    }
  }

  @media (min-width: 1024px) {

    .lg\:w-\[60px\] {

      width: 60px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:w-\[65\%\] {

      width: 65%;
    }
  }

  @media (min-width: 1024px) {

    .lg\:w-\[72px\] {

      width: 72px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:w-\[215px\] {

      width: 215px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:w-\[308px\] {

      width: 308px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:w-\[417px\] {

      width: 417px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:w-\[470px\] {

      width: 470px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:w-\[500px\] {

      width: 500px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:w-\[544px\] {

      width: 544px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:w-\[575px\] {

      width: 575px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:w-\[592px\] {

      width: 592px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:w-auto {

      width: auto;
    }
  }

  @media (min-width: 1024px) {

    .lg\:w-full {

      width: 100%;
    }
  }

  @media (min-width: 1024px) {

    .lg\:max-w-\[75\%\] {

      max-width: 75%;
    }
  }

  @media (min-width: 1024px) {

    .lg\:max-w-\[100\%\] {

      max-width: 100%;
    }
  }

  @media (min-width: 1024px) {

    .lg\:max-w-\[272px\] {

      max-width: 272px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:max-w-\[380px\] {

      max-width: 380px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:max-w-\[383px\] {

      max-width: 383px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:max-w-\[391px\] {

      max-width: 391px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:max-w-\[470px\] {

      max-width: 470px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:max-w-\[506px\] {

      max-width: 506px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:max-w-\[575px\] {

      max-width: 575px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:max-w-\[1390px\] {

      max-width: 1390px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:max-w-\[1424px\] {

      max-width: 1424px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:max-w-\[1440px\] {

      max-width: 1440px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:max-w-\[calc\(100\%-136px\)\] {

      max-width: calc(100% - 136px);
    }
  }

  @media (min-width: 1024px) {

    .lg\:max-w-\[clamp\(16vw_417px_29vw\)\] {

      max-width: max(16vw, min(417px, 29vw));
    }
  }

  @media (min-width: 1024px) {

    .lg\:max-w-full {

      max-width: 100%;
    }
  }

  @media (min-width: 1024px) {

    .lg\:max-w-none {

      max-width: none;
    }
  }

  @media (min-width: 1024px) {

    .lg\:\!min-w-\[272px\] {

      min-width: 272px !important;
    }
  }

  @media (min-width: 1024px) {

    .lg\:\!min-w-\[319px\] {

      min-width: 319px !important;
    }
  }

  @media (min-width: 1024px) {

    .lg\:min-w-\[480px\] {

      min-width: 480px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:flex-\[0_0_32px\] {

      flex: 0 0 32px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:translate-x-0 {

      --tw-translate-x: calc(var(--spacing) * 0);

      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }

  @media (min-width: 1024px) {

    .lg\:translate-x-\[-16px\] {

      --tw-translate-x: -16px;

      translate: -16px var(--tw-translate-y);

      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }

  @media (min-width: 1024px) {

    .lg\:translate-x-\[-60px\] {

      --tw-translate-x: -60px;

      translate: -60px var(--tw-translate-y);

      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }

  @media (min-width: 1024px) {

    .lg\:translate-y-\[4px\] {

      --tw-translate-y: 4px;

      translate: var(--tw-translate-x) 4px;

      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }

  @media (min-width: 1024px) {

    .lg\:grid-cols-2 {

      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (min-width: 1024px) {

    .lg\:grid-cols-3 {

      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

  @media (min-width: 1024px) {

    .lg\:grid-cols-4 {

      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }

  @media (min-width: 1024px) {

    .lg\:grid-cols-\[1\.3fr_1fr\] {

      grid-template-columns: 1.3fr 1fr;
    }
  }

  @media (min-width: 1024px) {

    .lg\:grid-cols-\[1\.7fr_1fr\] {

      grid-template-columns: 1.7fr 1fr;
    }
  }

  @media (min-width: 1024px) {

    .lg\:grid-cols-\[1fr_1\.3fr\] {

      grid-template-columns: 1fr 1.3fr;
    }
  }

  @media (min-width: 1024px) {

    .lg\:grid-cols-\[1fr_1fr\] {

      grid-template-columns: 1fr 1fr;
    }
  }

  @media (min-width: 1024px) {

    .lg\:grid-cols-\[1fr_60\.2\%\] {

      grid-template-columns: 1fr 60.2%;
    }
  }

  @media (min-width: 1024px) {

    .lg\:grid-cols-\[1fr_416px\] {

      grid-template-columns: 1fr 416px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:grid-cols-\[60px_1fr\] {

      grid-template-columns: 60px 1fr;
    }
  }

  @media (min-width: 1024px) {

    .lg\:grid-cols-\[700px_1fr\] {

      grid-template-columns: 700px 1fr;
    }
  }

  @media (min-width: 1024px) {

    .lg\:grid-cols-\[710px_1fr\] {

      grid-template-columns: 710px 1fr;
    }
  }

  @media (min-width: 1024px) {

    .lg\:grid-cols-\[740px_1fr\] {

      grid-template-columns: 740px 1fr;
    }
  }

  @media (min-width: 1024px) {

    .lg\:flex-col {

      flex-direction: column;
    }
  }

  @media (min-width: 1024px) {

    .lg\:flex-row {

      flex-direction: row;
    }
  }

  @media (min-width: 1024px) {

    .lg\:items-center {

      align-items: center;
    }
  }

  @media (min-width: 1024px) {

    .lg\:items-end {

      align-items: flex-end;
    }
  }

  @media (min-width: 1024px) {

    .lg\:items-start {

      align-items: flex-start;
    }
  }

  @media (min-width: 1024px) {

    .lg\:justify-between {

      justify-content: space-between;
    }
  }

  @media (min-width: 1024px) {

    .lg\:justify-center {

      justify-content: center;
    }
  }

  @media (min-width: 1024px) {

    .lg\:justify-end {

      justify-content: flex-end;
    }
  }

  @media (min-width: 1024px) {

    .lg\:justify-start {

      justify-content: flex-start;
    }
  }

  @media (min-width: 1024px) {

    .lg\:gap-0 {

      gap: calc(var(--spacing) * 0);
    }
  }

  @media (min-width: 1024px) {

    .lg\:gap-3 {

      gap: calc(var(--spacing) * 3);
    }
  }

  @media (min-width: 1024px) {

    .lg\:gap-8 {

      gap: calc(var(--spacing) * 8);
    }
  }

  @media (min-width: 1024px) {

    .lg\:gap-24 {

      gap: calc(var(--spacing) * 24);
    }
  }

  @media (min-width: 1024px) {

    .lg\:gap-\[8px\] {

      gap: 8px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:gap-\[12px\] {

      gap: 12px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:gap-\[13px\] {

      gap: 13px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:gap-\[15px\] {

      gap: 15px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:gap-\[16px\] {

      gap: 16px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:gap-\[17px\] {

      gap: 17px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:gap-\[18px\] {

      gap: 18px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:gap-\[20px\] {

      gap: 20px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:gap-\[24px\] {

      gap: 24px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:gap-\[31px\] {

      gap: 31px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:gap-\[32px\] {

      gap: 32px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:gap-\[40px\] {

      gap: 40px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:gap-\[48px\] {

      gap: 48px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:gap-\[64px\] {

      gap: 64px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:gap-\[80px\] {

      gap: 80px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:gap-\[100px\] {

      gap: 100px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:gap-x-\[32px\] {

      -moz-column-gap: 32px;

           column-gap: 32px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:gap-x-\[64px\] {

      -moz-column-gap: 64px;

           column-gap: 64px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:gap-y-\[28px\] {

      row-gap: 28px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:gap-y-\[32px\] {

      row-gap: 32px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:gap-y-\[40px\] {

      row-gap: 40px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:gap-y-\[44px\] {

      row-gap: 44px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:gap-y-\[48px\] {

      row-gap: 48px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:self-end {

      align-self: flex-end;
    }
  }

  @media (min-width: 1024px) {

    .lg\:rounded-\[12px\] {

      border-radius: 12px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:rounded-\[16px\] {

      border-radius: 16px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:border-\[6px\] {

      border-style: var(--tw-border-style);

      border-width: 6px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:border-t-0 {

      border-top-style: var(--tw-border-style);

      border-top-width: 0px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:border-r-\[1px\] {

      border-right-style: var(--tw-border-style);

      border-right-width: 1px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:border-l {

      border-left-style: var(--tw-border-style);

      border-left-width: 1px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:border-\[var\(--neutral-100\)\] {

      border-color: var(--neutral-100);
    }
  }

  @media (min-width: 1024px) {

    .lg\:border-\[var\(--neutral-200\)\] {

      border-color: var(--neutral-200);
    }
  }

  @media (min-width: 1024px) {

    .lg\:bg-transparent {

      background-color: transparent;
    }
  }

  @media (min-width: 1024px) {

    .lg\:bg-white {

      background-color: var(--color-white);
    }
  }

  @media (min-width: 1024px) {

    .lg\:p-6 {

      padding: calc(var(--spacing) * 6);
    }
  }

  @media (min-width: 1024px) {

    .lg\:p-\[12px\] {

      padding: 12px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:p-\[16px\] {

      padding: 16px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:p-\[32px\] {

      padding: 32px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:p-\[40px\] {

      padding: 40px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:px-0 {

      padding-left: calc(var(--spacing) * 0);

      padding-right: calc(var(--spacing) * 0);
    }
  }

  @media (min-width: 1024px) {

    .lg\:px-6 {

      padding-left: calc(var(--spacing) * 6);

      padding-right: calc(var(--spacing) * 6);
    }
  }

  @media (min-width: 1024px) {

    .lg\:px-\[8px\] {

      padding-left: 8px;

      padding-right: 8px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:px-\[12px\] {

      padding-left: 12px;

      padding-right: 12px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:px-\[14px\] {

      padding-left: 14px;

      padding-right: 14px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:px-\[15px\] {

      padding-left: 15px;

      padding-right: 15px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:px-\[16px\] {

      padding-left: 16px;

      padding-right: 16px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:px-\[18px\] {

      padding-left: 18px;

      padding-right: 18px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:px-\[32px\] {

      padding-left: 32px;

      padding-right: 32px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:px-\[40px\] {

      padding-left: 40px;

      padding-right: 40px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:px-\[64px\] {

      padding-left: 64px;

      padding-right: 64px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:px-\[75px\] {

      padding-left: 75px;

      padding-right: 75px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:py-0 {

      padding-top: calc(var(--spacing) * 0);

      padding-bottom: calc(var(--spacing) * 0);
    }
  }

  @media (min-width: 1024px) {

    .lg\:py-1 {

      padding-top: calc(var(--spacing) * 1);

      padding-bottom: calc(var(--spacing) * 1);
    }
  }

  @media (min-width: 1024px) {

    .lg\:py-3 {

      padding-top: calc(var(--spacing) * 3);

      padding-bottom: calc(var(--spacing) * 3);
    }
  }

  @media (min-width: 1024px) {

    .lg\:py-10 {

      padding-top: calc(var(--spacing) * 10);

      padding-bottom: calc(var(--spacing) * 10);
    }
  }

  @media (min-width: 1024px) {

    .lg\:py-12 {

      padding-top: calc(var(--spacing) * 12);

      padding-bottom: calc(var(--spacing) * 12);
    }
  }

  @media (min-width: 1024px) {

    .lg\:py-16 {

      padding-top: calc(var(--spacing) * 16);

      padding-bottom: calc(var(--spacing) * 16);
    }
  }

  @media (min-width: 1024px) {

    .lg\:py-32 {

      padding-top: calc(var(--spacing) * 32);

      padding-bottom: calc(var(--spacing) * 32);
    }
  }

  @media (min-width: 1024px) {

    .lg\:py-\[10px\] {

      padding-top: 10px;

      padding-bottom: 10px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:py-\[12px\] {

      padding-top: 12px;

      padding-bottom: 12px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:py-\[20px\] {

      padding-top: 20px;

      padding-bottom: 20px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:py-\[80px\] {

      padding-top: 80px;

      padding-bottom: 80px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:py-\[89px\] {

      padding-top: 89px;

      padding-bottom: 89px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:py-\[92px\] {

      padding-top: 92px;

      padding-bottom: 92px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:pt-\[0\] {

      padding-top: 0;
    }
  }

  @media (min-width: 1024px) {

    .lg\:pt-\[20px\] {

      padding-top: 20px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:pt-\[23px\] {

      padding-top: 23px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:pt-\[32px\] {

      padding-top: 32px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:pt-\[38px\] {

      padding-top: 38px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:pt-\[40px\] {

      padding-top: 40px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:pt-\[45px\] {

      padding-top: 45px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:pt-\[50px\] {

      padding-top: 50px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:pt-\[51px\] {

      padding-top: 51px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:pt-\[56px\] {

      padding-top: 56px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:pt-\[64px\] {

      padding-top: 64px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:pt-\[83px\] {

      padding-top: 83px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:pt-\[100px\] {

      padding-top: 100px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:pt-\[187px\] {

      padding-top: 187px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:pr-20 {

      padding-right: calc(var(--spacing) * 20);
    }
  }

  @media (min-width: 1024px) {

    .lg\:pr-\[18px\] {

      padding-right: 18px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:pr-\[32px\] {

      padding-right: 32px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:pr-\[50px\] {

      padding-right: 50px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:pr-\[57px\] {

      padding-right: 57px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:pb-0 {

      padding-bottom: calc(var(--spacing) * 0);
    }
  }

  @media (min-width: 1024px) {

    .lg\:pb-\[15px\] {

      padding-bottom: 15px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:pb-\[16px\] {

      padding-bottom: 16px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:pb-\[20px\] {

      padding-bottom: 20px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:pb-\[32px\] {

      padding-bottom: 32px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:pb-\[40px\] {

      padding-bottom: 40px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:pb-\[45px\] {

      padding-bottom: 45px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:pb-\[46px\] {

      padding-bottom: 46px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:pb-\[48px\] {

      padding-bottom: 48px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:pb-\[64px\] {

      padding-bottom: 64px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:pb-\[120px\] {

      padding-bottom: 120px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:pb-\[270px\] {

      padding-bottom: 270px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:pl-\[18px\] {

      padding-left: 18px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:pl-\[40px\] {

      padding-left: 40px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:text-center {

      text-align: center;
    }
  }

  @media (min-width: 1024px) {

    .lg\:text-left {

      text-align: left;
    }
  }

  @media (min-width: 1024px) {

    .lg\:text-2xl {

      font-size: var(--text-2xl);

      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
  }

  @media (min-width: 1024px) {

    .lg\:text-sm {

      font-size: var(--text-sm);

      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }

  @media (min-width: 1024px) {

    .lg\:text-xl {

      font-size: var(--text-xl);

      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }

  @media (min-width: 1024px) {

    .lg\:\!text-\[15px\] {

      font-size: 15px !important;
    }
  }

  @media (min-width: 1024px) {

    .lg\:\!text-\[18px\] {

      font-size: 18px !important;
    }
  }

  @media (min-width: 1024px) {

    .lg\:text-\[14px\] {

      font-size: 14px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:text-\[16px\] {

      font-size: 16px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:text-\[17px\] {

      font-size: 17px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:text-\[18px\] {

      font-size: 18px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:text-\[20px\] {

      font-size: 20px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:text-\[24px\] {

      font-size: 24px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:text-\[32px\] {

      font-size: 32px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:text-\[40px\] {

      font-size: 40px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:text-\[48px\] {

      font-size: 48px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:text-\[56px\] {

      font-size: 56px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:text-\[64px\] {

      font-size: 64px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:\!leading-\[27px\] {

      --tw-leading: 27px !important;

      line-height: 27px !important;
    }
  }

  @media (min-width: 1024px) {

    .lg\:leading-6 {

      --tw-leading: calc(var(--spacing) * 6);

      line-height: calc(var(--spacing) * 6);
    }
  }

  @media (min-width: 1024px) {

    .lg\:leading-\[21px\] {

      --tw-leading: 21px;

      line-height: 21px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:leading-\[24px\] {

      --tw-leading: 24px;

      line-height: 24px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:leading-\[26px\] {

      --tw-leading: 26px;

      line-height: 26px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:leading-\[27px\] {

      --tw-leading: 27px;

      line-height: 27px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:leading-\[30px\] {

      --tw-leading: 30px;

      line-height: 30px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:leading-\[31\.2px\] {

      --tw-leading: 31.2px;

      line-height: 31.2px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:leading-\[36px\] {

      --tw-leading: 36px;

      line-height: 36px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:leading-\[38\.4px\] {

      --tw-leading: 38.4px;

      line-height: 38.4px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:leading-\[48px\] {

      --tw-leading: 48px;

      line-height: 48px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:leading-\[57\.6px\] {

      --tw-leading: 57.6px;

      line-height: 57.6px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:leading-\[72\.8px\] {

      --tw-leading: 72.8px;

      line-height: 72.8px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:leading-\[76\.8px\] {

      --tw-leading: 76.8px;

      line-height: 76.8px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:leading-\[130\%\] {

      --tw-leading: 130%;

      line-height: 130%;
    }
  }

  @media (min-width: 1024px) {

    .lg\:font-medium {

      --tw-font-weight: var(--font-weight-medium);

      font-weight: var(--font-weight-medium);
    }
  }

  @media (min-width: 1024px) {

    .lg\:font-normal {

      --tw-font-weight: var(--font-weight-normal);

      font-weight: var(--font-weight-normal);
    }
  }

  @media (min-width: 1024px) {

    .lg\:font-semibold {

      --tw-font-weight: var(--font-weight-semibold);

      font-weight: var(--font-weight-semibold);
    }
  }

  @media (min-width: 1024px) {

    .lg\:\!tracking-\[-0\.36px\] {

      --tw-tracking: -0.36px !important;

      letter-spacing: -0.36px !important;
    }
  }

  @media (min-width: 1024px) {

    .lg\:tracking-\[-0\.4px\] {

      --tw-tracking: -0.4px;

      letter-spacing: -0.4px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:tracking-\[-0\.8px\] {

      --tw-tracking: -0.8px;

      letter-spacing: -0.8px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:tracking-\[-0\.24px\] {

      --tw-tracking: -0.24px;

      letter-spacing: -0.24px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:tracking-\[-0\.28px\] {

      --tw-tracking: -0.28px;

      letter-spacing: -0.28px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:tracking-\[-0\.32px\] {

      --tw-tracking: -0.32px;

      letter-spacing: -0.32px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:tracking-\[-0\.36px\] {

      --tw-tracking: -0.36px;

      letter-spacing: -0.36px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:tracking-\[-0\.48px\] {

      --tw-tracking: -0.48px;

      letter-spacing: -0.48px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:tracking-\[-0\.64px\] {

      --tw-tracking: -0.64px;

      letter-spacing: -0.64px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:tracking-\[-0\.96px\] {

      --tw-tracking: -0.96px;

      letter-spacing: -0.96px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:tracking-\[-1\.12px\] {

      --tw-tracking: -1.12px;

      letter-spacing: -1.12px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:tracking-\[-1\.28px\] {

      --tw-tracking: -1.28px;

      letter-spacing: -1.28px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:opacity-100 {

      opacity: 1;
    }
  }

  @media (min-width: 1024px) {

    .lg\:outline-\[6px\] {

      outline-style: var(--tw-outline-style);

      outline-width: 6px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:select-auto {

      -webkit-user-select: auto;

      -moz-user-select: auto;

           user-select: auto;
    }
  }

  @media (min-width: 1192px) {

    .xl\:right-\[-50px\] {

      right: -50px;
    }
  }

  @media (min-width: 1192px) {

    .xl\:right-\[108px\] {

      right: 108px;
    }
  }

  @media (min-width: 1192px) {

    .xl\:right-auto {

      right: auto;
    }
  }

  @media (min-width: 1192px) {

    .xl\:-left-\[32px\] {

      left: calc(32px * -1);
    }
  }

  @media (min-width: 1192px) {

    .xl\:max-h-\[240px\] {

      max-height: 240px;
    }
  }

  @media (min-width: 1192px) {

    .xl\:w-\[30\%\] {

      width: 30%;
    }
  }

  @media (min-width: 1192px) {

    .xl\:w-\[45\%\] {

      width: 45%;
    }
  }

  @media (min-width: 1192px) {

    .xl\:w-\[55\%\] {

      width: 55%;
    }
  }

  @media (min-width: 1192px) {

    .xl\:max-w-\[480px\] {

      max-width: 480px;
    }
  }

  @media (min-width: 1192px) {

    .xl\:translate-x-0 {

      --tw-translate-x: calc(var(--spacing) * 0);

      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }

  @media (min-width: 1192px) {

    .xl\:grid-cols-3 {

      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

  @media (min-width: 1192px) {

    .xl\:grid-cols-\[1fr_1\.5fr\] {

      grid-template-columns: 1fr 1.5fr;
    }
  }

  @media (min-width: 1192px) {

    .xl\:px-\[65px\] {

      padding-left: 65px;

      padding-right: 65px;
    }
  }

  @media (min-width: 1192px) {

    .xl\:pr-0 {

      padding-right: calc(var(--spacing) * 0);
    }
  }

  @media (min-width: 1192px) {

    .even\:xl\:ml-\[160px\]:nth-child(even) {

      margin-left: 160px;
    }
  }

  @media (min-width: 1250px) {

    .min-\[1250px\]\:block {

      display: block;
    }
  }

  @media (min-width: 1280px) {

    .xxl\:top-\[-100px\] {

      top: -100px;
    }
  }

  @media (min-width: 1280px) {

    .xxl\:right-0 {

      right: calc(var(--spacing) * 0);
    }
  }

  @media (min-width: 1280px) {

    .xxl\:right-\[-100px\] {

      right: -100px;
    }
  }

  @media (min-width: 1280px) {

    .xxl\:ml-0 {

      margin-left: calc(var(--spacing) * 0);
    }
  }

  @media (min-width: 1280px) {

    .xxl\:w-\[45\%\] {

      width: 45%;
    }
  }

  @media (min-width: 1280px) {

    .xxl\:w-\[50\%\] {

      width: 50%;
    }
  }

  @media (min-width: 96rem) {

    .\32 xl\:relative {

      position: relative;
    }
  }

  @media (min-width: 96rem) {

    .\32 xl\:top-\[24px\] {

      top: 24px;
    }
  }

  @media (min-width: 96rem) {

    .\32 xl\:top-\[133px\] {

      top: 133px;
    }
  }

  @media (min-width: 96rem) {

    .\32 xl\:top-\[141px\] {

      top: 141px;
    }
  }

  @media (min-width: 96rem) {

    .\32 xl\:right-\[24px\] {

      right: 24px;
    }
  }

  @media (min-width: 96rem) {

    .\32 xl\:left-\[24px\] {

      left: 24px;
    }
  }

  @media (min-width: 96rem) {

    .\32 xl\:translate-x-0 {

      --tw-translate-x: calc(var(--spacing) * 0);

      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }

  @media (min-width: 96rem) {

    .\32 xl\:translate-x-\[17px\] {

      --tw-translate-x: 17px;

      translate: 17px var(--tw-translate-y);

      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }

  @media (min-width: 96rem) {

    .\32 xl\:translate-x-\[40px\] {

      --tw-translate-x: 40px;

      translate: 40px var(--tw-translate-y);

      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }

  @media (min-width: 96rem) {

    .\32 xl\:translate-y-\[-70px\] {

      --tw-translate-y: -70px;

      translate: var(--tw-translate-x) -70px;

      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }

  @media (min-width: 96rem) {

    .\32 xl\:translate-y-\[-94px\] {

      --tw-translate-y: -94px;

      translate: var(--tw-translate-x) -94px;

      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }

  @media (min-width: 96rem) {

    .\32 xl\:grid-cols-\[1fr_416px\] {

      grid-template-columns: 1fr 416px;
    }
  }

  @media (min-width: 96rem) {

    .\32 xl\:grid-cols-\[1fr_488px\] {

      grid-template-columns: 1fr 488px;
    }
  }

  @media (min-width: 96rem) {

    .\32 xl\:grid-cols-\[1fr_551px\] {

      grid-template-columns: 1fr 551px;
    }
  }

  @media (min-width: 96rem) {

    .\32 xl\:grid-cols-\[1fr_684px\] {

      grid-template-columns: 1fr 684px;
    }
  }

  @media (min-width: 96rem) {

    .\32 xl\:grid-cols-\[1fr_697px\] {

      grid-template-columns: 1fr 697px;
    }
  }

  @media (min-width: 96rem) {

    .\32 xl\:grid-cols-\[1fr_736px\] {

      grid-template-columns: 1fr 736px;
    }
  }

  @media (min-width: 96rem) {

    .\32 xl\:grid-cols-\[1fr_751px\] {

      grid-template-columns: 1fr 751px;
    }
  }

  @media (min-width: 96rem) {

    .\32 xl\:grid-cols-\[640px_1fr\] {

      grid-template-columns: 640px 1fr;
    }
  }

  @media (min-width: 96rem) {

    .\32 xl\:grid-cols-\[644px_1fr\] {

      grid-template-columns: 644px 1fr;
    }
  }

  @media (min-width: 96rem) {

    .\32 xl\:grid-cols-\[866px_1fr\] {

      grid-template-columns: 866px 1fr;
    }
  }

  @media (min-width: 96rem) {

    .\32 xl\:gap-0 {

      gap: calc(var(--spacing) * 0);
    }
  }

  @media (min-width: 96rem) {

    .\32 xl\:gap-x-\[120px\] {

      -moz-column-gap: 120px;

           column-gap: 120px;
    }
  }

  @media (min-width: 96rem) {

    .\32 xl\:rounded-\[24px\] {

      border-radius: 24px;
    }
  }

  @media (min-width: 96rem) {

    .\32 xl\:\!px-0 {

      padding-left: calc(var(--spacing) * 0) !important;

      padding-right: calc(var(--spacing) * 0) !important;
    }
  }

  @media (min-width: 96rem) {

    .\32 xl\:text-\[24px\] {

      font-size: 24px;
    }
  }

  @media (min-width: 96rem) {

    .\32 xl\:text-\[62px\] {

      font-size: 62px;
    }
  }

  @media (min-width: 96rem) {

    .\32 xl\:leading-\[36px\] {

      --tw-leading: 36px;

      line-height: 36px;
    }
  }

  @media (min-width: 96rem) {

    .\32 xl\:leading-\[74\.4px\] {

      --tw-leading: 74.4px;

      line-height: 74.4px;
    }
  }

  @media (min-width: 96rem) {

    .\32 xl\:tracking-\[-0\.48px\] {

      --tw-tracking: -0.48px;

      letter-spacing: -0.48px;
    }
  }

  @media (min-width: 96rem) {

    .\32 xl\:tracking-\[-2\.48px\] {

      --tw-tracking: -2.48px;

      letter-spacing: -2.48px;
    }
  }

  .\[\&_a\]\:text-primary a {

    color: var(--color-primary);
  }

  .\[\&_a\]\:text-primary a {

    color: var(--color-primary);
  }

  .\[\&_a\]\:focus\:ring-2 a:focus {

    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + 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);
  }

  .\[\&_a\]\:focus\:ring-primary\/40 a:focus {

    --tw-ring-color: rgba(88, 84, 213, 0.4);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .\[\&_a\]\:focus\:ring-primary\/40 a:focus {

      --tw-ring-color: color-mix(in oklab, var(--color-primary) 40%, transparent);
    }
  }

  .\[\&_li\]\:text-\[16px\] li {

    font-size: 16px;
  }

  .\[\&_li\]\:text-\[20px\] li {

    font-size: 20px;
  }

  .\[\&_li\]\:leading-\[1\.6rem\] li {

    --tw-leading: 1.6rem;

    line-height: 1.6rem;
  }

  .\[\&_li\]\:font-medium li {

    --tw-font-weight: var(--font-weight-medium);

    font-weight: var(--font-weight-medium);
  }

  @media (min-width: 1024px) {

    .lg\:\[\&_li\]\:text-\[18px\] li {

      font-size: 18px;
    }
  }

  .\[\&_p\]\:text-\[16px\] p {

    font-size: 16px;
  }

  .\[\&_p\]\:text-\[20px\] p {

    font-size: 20px;
  }

  .\[\&_p\]\:leading-\[1\.6rem\] p {

    --tw-leading: 1.6rem;

    line-height: 1.6rem;
  }

  .\[\&_p\]\:font-medium p {

    --tw-font-weight: var(--font-weight-medium);

    font-weight: var(--font-weight-medium);
  }

  @media (min-width: 1024px) {

    .lg\:\[\&_p\]\:text-\[18px\] p {

      font-size: 18px;
    }
  }
}

@layer base {

  h1,
  .h1,
  h2,
  .h2,
  h3,
  .h3,
  h4,
  .h4,
  h5,
  .h5,
  h6,
  .h6,
  .MainHeadline {

    margin: 0.75rem 0;

    font-weight: 600;

    line-height: 2.75rem;
  }

  .MainHeadline {

    font-size: max(2.6rem, min(4vw, 3rem));
  }

  h1,
  .h1 {

    font-size: max(1.6rem, min(3.5vw, 2rem));

    line-height: max(2.4rem, min(3.5vw, 3rem));
  }

  h2,
  .h2 {

    font-size: max(1.2rem, min(2.5vw, 1.5rem));

    line-height: max(1.6rem, min(3.5vw, 2rem));
  }

  h3,
  .h3 {

    font-size: max(1.4rem, min(2vw, 1.5rem));
  }

  h4,
  .h4 {

    font-size: max(1rem, min(2vw, 1.1rem));
  }

  h5,
  .h5 {

    font-size: max(1rem, min(1.5vw, 1rem));
  }

  h6,
  .h6 {

    font-size: max(1rem, min(1vw, 1rem));
  }

  p,
  li {

    font-weight: 400;

    line-height: 1.5rem;

    color: var(--color-text-black);

    font-size: 0.9375rem;
  }

  .HeadingH2 {

    font-weight: 600;

    font-style: normal;

    line-height: 3.6rem;

    color: var(--black-100);

    letter-spacing: -0.06rem;

    font-size: 3rem;
  }

  .HeadingH4 {

    font-weight: 600;

    font-style: normal;

    line-height: 2.4rem;

    color: var(--black-100);

    letter-spacing: -0.04rem;

    font-size: 2rem;
  }

  @media (min-width: 1024px) {

    .HeadingH4 {

      line-height: 3.6rem;

      letter-spacing: -0.06rem;

      font-size: 3rem;
    }
  }

  .Gradient-text {

    background: linear-gradient(108deg, #ff7ff2 -60.44%, #5854d5 93.08%);

    background: var(--linear, linear-gradient(108deg, var(--brand-secondary-300, #ff7ff2) -60.44%, var(--brand-primary-400, #5854d5) 93.08%));

    -webkit-background-clip: text;

            background-clip: text;

    -webkit-text-fill-color: transparent;
  }

  .no-br--mobile br {

    display: none;
  }

  @media (min-width: 1024px) {

    .no-br--mobile br {

      display: block;
    }
  }

  .Content ul,
  .Content ol {

    margin: 1.5rem 0;
  }

  .Content ul li,
  .Content ol li {

    margin-bottom: calc(var(--spacing) * 4);

    margin-bottom: 15px;
  }

  .Content ol {

    list-style-position: inside;

    list-style-type: decimal;
  }

  .Content ul {

    list-style-type: disc;

    padding-left: 18px;

    list-style-position: outside;
  }

  .Content--black p,
  .Content--black li {

    color: var(--color-text-black);
  }

  .Content--white ol li::marker,
  .Content--white ul li::marker {

    color: #fff;
  }

  @keyframes loader-rotate-translate-y {

    0% {

      transform: translateY(-50%) rotate(0deg);
    }

    100% {

      transform: translateY(-50%) rotate(360deg);
    }
  }

  @keyframes loader-rotate {

    0% {

      transform: translate(-50%, -50%) rotate(0deg);
    }

    100% {

      transform: translate(-50%, -50%) rotate(360deg);
    }
  }

  * {

    box-sizing: border-box;

    padding: 0;

    margin: 0;
  }

  html {

    scroll-behavior: smooth;

    scroll-padding-top: 110px;
  }

  html::-webkit-scrollbar {

    width: 18px;

    height: 18px;
  }

  html::-webkit-scrollbar-track {

    border-radius: 0;

    background: var(--brand-primary-50);
  }

  html:has(.toc-list--fixed), html:has(.single-post) {

    scroll-padding-top: 155px;
  }

  @media (min-width: 1024px) {

    html:has(.toc-list--fixed), html:has(.single-post) {

      scroll-padding-top: 110px;
    }
  }

  body {

    font-family: var(--font-family-sans);

    overflow-x: hidden;
  }

  body::-webkit-scrollbar {

    width: 18px;

    height: 18px;
  }

  body::-webkit-scrollbar-track {

    border-radius: 0;

    background: var(--brand-primary-50);
  }

  a {

    color: var(--color-accent);

    -webkit-text-decoration: none;

    text-decoration: none;

    transition: all 200ms ease-in-out;
  }

  .Post a {

    color: var(--color-primary);
  }

  figure img {

    height: 100%;

    -o-object-fit: cover;

       object-fit: cover;
  }

  menu,
  ol,
  ul {

    padding: 0;

    margin: 0;

    list-style: none;
  }

  table {

    text-indent: 0;

    border-collapse: collapse;

    border-color: inherit;
  }

  button,
  input,
  optgroup,
  select,
  textarea {

    padding: 0;

    margin: 0;

    font-family: inherit;

    font-size: 100%;

    font-weight: inherit;

    line-height: inherit;

    color: inherit;

    letter-spacing: inherit;

    font-feature-settings: inherit;

    font-variation-settings: inherit;
  }

  button,
  select {

    text-transform: none;
  }

  button,
  input:where([type=button]),
  input:where([type=reset]),
  input:where([type=submit]) {

    border: none;

    background-color: transparent;

    background-image: none;

    -webkit-appearance: auto;

       -moz-appearance: auto;

            appearance: auto;
  }

  input:where([type=search])::-webkit-search-cancel-button {

    -webkit-appearance: none;

            appearance: none;
  }

  *:not(html):not(body)::-webkit-scrollbar {

    width: 0.625rem;

    height: 0.625rem;
  }

  @media (min-width: 1024px) {

    *:not(html):not(body)::-webkit-scrollbar {

      width: 0.875rem;

      height: 0.875rem;
    }
  }

  *:not(html):not(body)::-webkit-scrollbar-track {

    border-radius: 0.75rem;

    background: var(--brand-primary-50);
  }

  ::-webkit-scrollbar-thumb {

    border: 2px solid var(--neutral-50);

    border-radius: 0.875rem;

    background: var(--neutral-400);
  }

  ::-webkit-scrollbar-thumb:hover {

    background: var(--color-primary);
  }

  .WoocommerceNotice.woocommerce-error {

    color: var(--neutral-800) !important;

    border: 1px solid var(--color-error) !important;

    background-color: var(--color-error-light) !important;
  }

  .sr-only,
  .screen-reader-text {

    width: 1px !important;

    height: 1px !important;

    padding: 0 !important;

    position: absolute !important;

    margin: -1px !important;

    white-space: nowrap !important;

    border: 0 !important;

    overflow: hidden !important;

    clip: rect(1px, 1px, 1px, 1px) !important;

    clip-path: inset(50%) !important;
  }

  .sr-only-focusable:focus,
  .sr-only-focusable:active {

    width: auto !important;

    height: auto !important;

    margin: auto !important;

    white-space: normal !important;

    overflow: visible !important;

    clip: auto !important;

    clip-path: none !important;
  }

  *:focus {

    outline: 4px solid #01f !important;

    outline-offset: 0.0625rem;
  }

  .mouse-user *:focus,
  *[data-headlessui-state] {

    outline: none !important;
  }

  .skip-link {

    width: 1px;

    height: 1px;

    position: absolute;

    z-index: -999;

    top: auto;

    left: -999px;

    overflow: hidden;

    transition: none;
  }

  .skip-link:focus {

    width: auto;

    height: auto;

    padding: 12px 24px;

    position: absolute;

    z-index: 99999;

    top: 20px;

    left: 20px;

    font-family: "Courier New", Courier, monospace;

    font-size: 16px;

    font-weight: 700;

    line-height: 1;

    color: #fff;

    -webkit-text-decoration: none;

    text-decoration: none;

    text-transform: uppercase;

    letter-spacing: 1px;

    border: 2px dashed #ffd900;

    border-radius: 4px;

    outline: 2px solid #fff;

    outline-offset: 2px;

    background-color: #111;

    box-shadow: 0 10px 30px hsla(0, 0%, 0%, 0.5);

    overflow: visible;

    clip: auto;

    clip-path: none;
  }

  @media (prefers-reduced-motion: reduce) {

    *,
    ::before,
    ::after {

      transition-duration: 0.01ms !important;

      animation-duration: 0.01ms !important;

      animation-iteration-count: 1 !important;

      scroll-behavior: auto !important;
    }
  }

  @media (prefers-reduced-motion: no-preference) {

    html {

      scroll-behavior: smooth;
    }
  }
}

@layer components {

  .Card {

    background-color: #fff;
  }

  .Card__link {

    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgba(0, 0, 0, 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgba(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), 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(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);

    height: 100%;

    padding: 15px;

    border-radius: 16px;
  }

@supports (color: rgb(0 0 0 / 0)) {
.Card__link {

      --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    }
}

  .Card__link:hover .Card__thumbnail img {

    transform: scale(1.1);
  }

  .Card__thumbnail {

    height: 200px;

    margin-bottom: 20px;

    overflow: hidden;
  }

  .Card__thumbnail img {

    transition: transform 200ms linear;
  }

  .Card__title {

    display: block;

    margin-bottom: 15px;

    font-size: 2rem;
  }

  .Card__excerpt {

    margin-bottom: 25px;

    font-size: 1.4rem;
  }

  .Card__button {

    margin-top: auto;
  }

  .container {

    width: 100%;

    max-width: 1312px;

    padding-right: 1rem;

    padding-left: 1rem;

    margin-right: auto;

    margin-left: auto;
  }

  @media (min-width: 1330px) {

    .container:not(.container--fluid) {

      padding-left: calc(var(--spacing) * 0);

      padding-right: calc(var(--spacing) * 0);
    }
  }

  .container--space {

    padding-top: calc(var(--spacing) * 32);

    padding-bottom: calc(var(--spacing) * 32);
  }

  .container--fluid {

    max-width: 1560px;
  }

  .container--small {

    max-width: 1070px;
  }

  .container--lg-smaller {

    max-width: 1280px;
  }

  .container--narrow {

    max-width: 680px;
  }

  .container--wide {

    max-width: 1392px;
  }

  .form-container {

    width: calc(100% - 1.875rem);

    min-height: 50vh;

    margin-right: auto;

    margin-left: auto;

    background-color: var(--color-white);
  }

  @media (min-width: 1024px) {

    .form-container {

      min-height: 100vh;
    }
  }

  .Section {

    padding: 50px 0;
  }

  @media (min-width: 1024px) {

    .Section {

      padding: 110px 0;
    }
  }

  .Section--no-pt {

    padding-top: 0;
  }

  .Meta {

    padding-top: 15px;

    margin-top: 30px;

    border-top: 1px solid #d9d9d9;
  }

  .Meta__author, .Meta__date {

    color: #d9d9d9;

    font-size: 1rem;
  }

  .Meta__date {

    margin-left: 25px;
  }

  .very-important-content {

    width: 0;

    height: 0;

    position: absolute;

    top: 0;

    left: 0;

    opacity: 0;

    overflow: hidden;
  }

  .very-important-content * {

    -webkit-user-select: none;

       -moz-user-select: none;

            user-select: none;

    pointer-events: none;

    width: 0;

    height: 0;

    position: absolute;

    top: 0;

    right: 0;

    line-height: 0;

    opacity: 0;
  }

  .very-importantc-ontent-bottom {

    width: 0;

    height: 0;

    position: absolute;

    bottom: 0;

    left: 0;

    opacity: 0;

    overflow: hidden;
  }

  .very-importantc-ontent-bottom * {

    -webkit-user-select: none;

       -moz-user-select: none;

            user-select: none;

    pointer-events: none;

    width: 0;

    height: 0;

    position: absolute;

    right: 0;

    bottom: 0;

    line-height: 0;

    opacity: 0;
  }

  .Content {

    width: 100%;

    margin-right: auto;

    margin-left: auto;
  }

  @media (min-width: 1024px) {

    .Content {

      padding-right: 0;

      padding-left: 0;
    }
  }

  .Content--white * {

    color: #fff;
  }

  .Content--no-margin {

    margin-right: 0;

    margin-left: 0;
  }

  .Content--post {

    max-width: 768px;
  }

  .Content--text p,
  .Content--text li {

    color: var(--color-text-medium);
  }

  input,
  textarea {

    width: 100%;

    border: none;
  }

  select {

    margin-top: 0;

    border: none;
  }

  .woocommerce-terms-and-conditions-wrapper label:has(+ .error-message) .checkbox {

    border-color: var(--color-error);
  }

  .woocommerce-terms-and-conditions-wrapper .error-message {

    margin-top: -1.25rem !important;
  }

  .form-textarea {

    resize: vertical;

    width: 100%;

    min-height: 10rem;

    padding: 1rem;

    margin-top: 0 !important;

    margin-bottom: 0;

    line-height: 1.3125rem;

    color: var(--neutral-800);

    letter-spacing: -0.0175rem;

    border-radius: 12px;

    background-color: var(--neutral-50);

    font-size: 0.875rem;
  }

  @media (min-width: 768px) {

    .form-textarea {

      min-height: 11.5625rem;

      line-height: 1.5rem;

      letter-spacing: -0.02rem;

      font-size: 1rem;
    }
  }

  .form-textarea::-moz-placeholder {

    color: var(--neutral-500);
  }

  .form-textarea::placeholder {

    color: var(--neutral-500);
  }

  .form-input,
  .woocommerce-input-wrapper .input-text,
  .woocommerce-form-row .input-text {

    width: 100%;

    min-height: 3.5rem;

    padding: 1rem 0.8125rem;

    margin-top: 0.625rem;

    line-height: 1.5rem;

    letter-spacing: -0.02rem;

    border: 1px solid transparent;

    border-radius: 0.75rem;

    background-color: var(--neutral-50);

    font-size: 1rem;
  }

  @media (min-width: 768px) {

    .form-input,
    .woocommerce-input-wrapper .input-text,
    .woocommerce-form-row .input-text {

      margin-top: 0.75rem;
    }
  }

  .form-input::-moz-placeholder, .woocommerce-input-wrapper .input-text::-moz-placeholder, .woocommerce-form-row .input-text::-moz-placeholder {

    color: var(--neutral-500);
  }

  .form-input::placeholder,
  .woocommerce-input-wrapper .input-text::placeholder,
  .woocommerce-form-row .input-text::placeholder {

    color: var(--neutral-500);
  }

  .form-input:focus,
  .woocommerce-input-wrapper .input-text:focus,
  .woocommerce-form-row .input-text:focus {

    border-color: var(--color-primary);
  }

  .input-label,
  .woocommerce-address-fields .form-row label,
  .woocommerce-form-row label {

    font-weight: 600;

    line-height: 1.5rem;

    color: var(--neutral-800);

    letter-spacing: -0.02rem;

    font-size: 1rem;
  }

  @media (min-width: 768px) {

    .input-label,
    .woocommerce-address-fields .form-row label,
    .woocommerce-form-row label {

      font-weight: 500;

      line-height: 1.6875rem;

      letter-spacing: -0.0225rem;

      font-size: 1.125rem;
    }
  }

  .input-label:has(+ input[type=text]), .input-label:has(+ input[type=email]) {

    line-height: 1.6875rem;

    letter-spacing: -0.0225rem;

    font-size: 1.125rem;
  }

  label {

    cursor: pointer;
  }

  .radio-group {

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    justify-content: flex-start;

    gap: 1rem 10rem;

    width: 100%;
  }

  @media (min-width: 768px) {

    .radio-group {

      flex-direction: row;
    }
  }

  .radio-group--column {

    flex-direction: column;

    justify-content: flex-start;

    row-gap: 1.1875rem;
  }

  .radio-group-container {

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    justify-content: flex-start;

    gap: 1rem;
  }

  .radio-group-container:has(.error-message) .radio-button::before {

    border-color: var(--color-error);
  }

  .radio-group-container .error-message {

    margin-top: -0.625rem !important;
  }

  .text-input-container {

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    justify-content: flex-start;

    margin-bottom: 1.5rem;
  }

  @media (min-width: 1024px) {

    .text-input-container {

      margin-bottom: 1.375rem;
    }
  }

  .term-container {

    display: flex;

    align-items: flex-start;

    justify-content: flex-start;

    margin-top: 1rem;
  }

  .textarea-container {

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    justify-content: flex-start;

    width: 100%;
  }

  .datepicker-container {

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    justify-content: flex-start;
  }

  .forminator-checkbox__label {

    padding-left: 56px;
  }

  @media (min-width: 1024px) {

    .forminator-checkbox__label {

      padding-left: 40px;
    }
  }

  .forminator-checkbox__label > p {

    color: var(--color-placeholder) !important;
  }

  .square-group-container {

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    justify-content: flex-start;

    margin-bottom: 1rem;
  }

  @media (min-width: 1024px) {

    .square-group-container {

      margin-bottom: 1.25rem;
    }
  }

  .square-group-container .square-group {

    display: flex;

    flex-direction: column;

    gap: 1rem;

    width: 100%;

    margin-top: 1rem;
  }

  @media (min-width: 768px) {

    .square-group-container .square-group {

      display: grid;

      grid-gap: 1.5rem;

      gap: 1.5rem;

      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .square-group-container .square-group--column {

      gap: 1rem;

      grid-template-columns: 1fr;
    }
  }

  @media (min-width: 1024px) {

    .square-group-container .square-group {

      max-width: 561px;

      margin-top: 1.25rem;

      margin-bottom: 1.25rem;
    }
  }

  .square-group-container .square-group--column {

    flex-direction: column;

    gap: 1rem;
  }

  @media (min-width: 768px) {

    .square-group-container .square-group > label:not(:last-child) {

      margin-right: 0;
    }
  }

  .square-group-container .square-button {

    display: flex;

    align-items: center;

    gap: 12px;

    position: relative;

    cursor: pointer;
  }

  .square-group-container .square-button input[type=checkbox] {

    display: none;
  }

  .square-group-container .square-button input[type=checkbox]:checked + .checkmark {

    background-color: transparent;

    background-image: url(../81c5c552e63398a6b30e.svg);
  }

  .square-group-container .square-button input[type=checkbox]:checked + .checkmark::after {

    content: "";

    width: 6px;

    height: 10px;

    position: absolute;

    top: 4px;

    left: 6px;

    transform: rotate(45deg);

    border: solid white;

    border-width: 0 2px 2px 0;
  }

  .square-group-container .square-button .checkmark {

    width: 32px;

    height: 32px;

    position: relative;

    border: none;

    border-radius: 4px;

    background-color: #f3f3f3;

    transition: all 0.2s ease;
  }

  .show-password-input {

    display: none !important;
  }

  .password-input-wrapper .toggle-password-input-type {

    display: flex;

    align-items: center;

    justify-content: center;
  }

  .password-input-wrapper .toggle-password-input-type::after {

    content: "";

    width: 2px;

    height: 105%;

    position: absolute;

    top: -1px;

    right: 11px;

    transform: rotate(-45deg);

    background-color: #5b5b5c;
  }

  .password-input-wrapper .toggle-password-input-type.visible::after {

    display: none;
  }

  .password-input-wrapper .password-match-indicator {

    -webkit-user-select: none;

       -moz-user-select: none;

            user-select: none;

    pointer-events: none;

    display: flex;

    align-items: center;

    justify-content: center;

    width: 1.5rem;

    height: 1.5rem;

    position: absolute;

    top: 1.4375rem;

    right: 2.75rem;

    border-radius: 50%;
  }

  .password-input-wrapper .password-match-indicator.password-match-success {

    background-image: url("data:image/svg+xml,%3Csvg fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M12 2.25A9.75 9.75 0 1 0 21.75 12 9.76 9.76 0 0 0 12 2.25m4.28 8.03-5.25 5.25a.8.8 0 0 1-.82.16 1 1 0 0 1-.24-.16l-2.25-2.25a.75.75 0 1 1 1.06-1.06l1.72 1.72 4.72-4.72a.8.8 0 0 1 .53-.22.75.75 0 0 1 .7 1.04 1 1 0 0 1-.17.24%27 fill=%27%2366ea14%27/%3E%3C/svg%3E");
  }

  .password-input-wrapper .password-match-indicator.password-match-error {

    background-image: url("data:image/svg+xml,%3Csvg fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M12 2.25A9.75 9.75 0 1 0 21.75 12 9.76 9.76 0 0 0 12 2.25m3.5306 12.2194a.7505.7505 0 1 1-1.0612 1.0612L12 13.0603l-2.4694 2.4703a.75.75 0 0 1-1.0612 0 .751.751 0 0 1-.1627-.8178.75.75 0 0 1 .1627-.2434L10.9397 12 8.4694 9.5306a.7505.7505 0 0 1 1.0612-1.0612L12 10.9397l2.4694-2.4703A.75.75 0 0 1 15 8.2496a.7506.7506 0 0 1 .6933 1.0376.75.75 0 0 1-.1627.2434L13.0603 12z%27 fill=%27%23ff3838%27/%3E%3Cpath d=%27M12 2.25A9.75 9.75 0 1 0 21.75 12 9.76 9.76 0 0 0 12 2.25m3.5306 12.2194a.7505.7505 0 1 1-1.0612 1.0612L12 13.0603l-2.4694 2.4703a.75.75 0 0 1-1.0612 0 .751.751 0 0 1-.1627-.8178.75.75 0 0 1 .1627-.2434L10.9397 12 8.4694 9.5306a.7505.7505 0 0 1 1.0612-1.0612L12 10.9397l2.4694-2.4703A.75.75 0 0 1 15 8.2496a.7506.7506 0 0 1 .6933 1.0376.75.75 0 0 1-.1627.2434L13.0603 12z%27 fill=%27%23000%27 fill-opacity=%27.05%27/%3E%3C/svg%3E");
  }

  .woocommerce-password-strength {

    display: block;

    padding-top: 0.5rem;
  }

  .woocommerce-password-strength.short, .woocommerce-password-strength.bad {

    color: var(--color-red-600);
  }

  .woocommerce-password-strength.good {

    color: var(--color-yellow-500);
  }

  .woocommerce-password-strength.strong {

    color: var(--color-primary);
  }

  .woocommerce-password-hint {

    display: block;

    margin-top: 0.25rem;

    font-size: var(--text-xs);

    line-height: var(--tw-leading, var(--text-xs--line-height));

    color: var(--color-gray-600);
  }

  .text-error {

    display: inline-block;

    transform: translateX(-0.3125rem);
  }

  .error-message {

    margin: 0 !important;

    font-size: 0.875rem !important;

    line-height: 1.3125rem !important;

    color: var(--color-error) !important;

    letter-spacing: -0.0175rem !important;
  }

  .error-message.file-error-message {

    margin-top: -0.625rem !important;
  }

  .no-pesel-fields:has(.editable) .dp__input {

    border: 1px solid var(--color-primary) !important;
  }

  .no-pesel-fields .text-input-container:not(:last-child) {

    margin-bottom: 1rem;
  }

  @media (min-width: 1024px) {

    .no-pesel-fields .text-input-container:not(:last-child) {

      margin-bottom: 1.875rem;
    }
  }

  .no-pesel-fields .text-input-container:last-child {

    margin-bottom: 0;
  }

  .woocommerce-account .form-input,
  .woocommerce-account .woocommerce-input-wrapper .input-text,
  .woocommerce-account .woocommerce-form-row .input-text {

    margin-top: 0.4375rem;
  }

  .woocommerce-account .text-input-container {

    margin-bottom: 0;
  }

  .MyAccount .form-input.editable,
  .MyAccount .woocommerce-input-wrapper .input-text.editable,
  .MyAccount .woocommerce-form-row .input-text.editable {

    border-color: var(--color-primary);
  }

  @media (min-width: 1024px) {

    .MyAccountRegister__column .form-input,
    .MyAccountRegister__column .woocommerce-input-wrapper .input-text,
    .MyAccountRegister__column .woocommerce-form-row .input-text {

      margin-top: 0.5rem;
    }
  }

  .button {

    display: inline-block;

    padding: 1.1875rem 0.625rem;

    position: relative;

    font-family: var(--font-family-sans);

    font-weight: 600;

    line-height: 1.6875rem;

    text-align: center;

    letter-spacing: -0.0225rem;

    border-radius: 0.875rem;

    cursor: pointer;

    overflow: hidden;

    font-size: 1.125rem;
  }

  @media (min-width: 1024px) {

    .button {

      padding: 1.1875rem 2.5rem;
    }
  }

  .button::after {

    content: "";

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    transform: skewX(-25deg) translateX(calc(-100% - 1.875rem));

    background: linear-gradient(120deg, transparent, hsla(0, 0%, 100%, 0.5), transparent);

    transition: transform 0.45s ease;
  }

  .button:hover::after {

    transform: skewX(-25deg) translateX(calc(100% + 1.875rem));
  }

  .button:not(.button--no-style) {

    min-width: 8.9375rem;

    min-height: 2.8125rem;

    padding: 1rem 0.625rem;

    color: var(--color-white);

    border-radius: 0.875rem;

    background: linear-gradient(108deg, #ff7ff2 -60.44%, #5854d5 93.08%);

    background: var(--linear, linear-gradient(108deg, var(--brand-secondary-300, #ff7ff2) -60.44%, var(--brand-primary-400, #5854d5) 93.08%));
  }

  @media (min-width: 1024px) {

    .button:not(.button--no-style) {

      padding: 1rem 1.5rem;
    }
  }

  .button:not(.button--no-style):has(svg) {

    padding-right: 2rem;

    padding-left: 2.5rem;
  }

  .button:has(svg) {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    -moz-column-gap: 0.75rem;

         column-gap: 0.75rem;

    padding-right: 2rem;

    padding-left: 2.5rem;
  }

  .button svg {

    width: 20px;

    height: 20px;
  }

  .is-submitting.button {

    pointer-events: none;

    color: transparent;

    opacity: 0.7;
  }

  .is-submitting.button::before {

    content: "";

    pointer-events: none;

    width: 1.5rem;

    height: 1.5rem;

    position: absolute;

    z-index: 1;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    border: 0.1875rem solid var(--color-white);

    border-top-color: transparent;

    border-radius: 50%;

    background-repeat: no-repeat;

    background-position: center;

    background-size: contain;

    transition: opacity 0.2s ease, visibility 0.2s ease;

    animation: loader-rotate 1s linear infinite;
  }

  .is-submitting.button svg {

    opacity: 0;
  }

  .button--secondary:not(.button--no-style) {

    color: var(--color-primary);

    background: var(--brand-primary-50);
  }

  .button--secondary:not(.button--no-style)::after {

    background: linear-gradient(120deg, transparent, hsla(238, 76%, 63%, 0.2), transparent);
  }

  .button--gray:not(.button--no-style) {

    color: var(--text-secondary);

    background: var(--neutral-50);
  }

  .button--gray:not(.button--no-style)::after {

    background: linear-gradient(120deg, transparent, hsla(238, 45%, 22%, 0.2), transparent);
  }

  .button--black:not(.button--no-style) {

    background: var(--color-black);
  }

  .button--wide:not(.button--no-style) {

    width: 100%;

    min-height: 2.875rem;
  }

  @media (min-width: 1024px) {

    .button--wide:not(.button--no-style) {

      width: auto;
    }
  }

  .button--bordered:not(.button--no-style) {

    color: var(--color-primary);

    border: 2px solid var(--color-primary);

    background: #fff;
  }

  .button--small:not(.button--no-style) {

    min-width: 0;

    min-width: initial;

    min-height: 0;

    min-height: initial;

    padding: 0.375rem 1.25rem;

    font-size: 0.875rem;

    line-height: 1.3125rem;

    letter-spacing: -0.0175rem;
  }

  button.single_add_to_cart_button {

    display: inline-flex;

    align-items: center;

    justify-content: flex-start;

    padding-right: 1rem;

    padding-left: 1rem;
  }

  button.single_add_to_cart_button svg {

    display: none;

    margin-left: 1.25rem;
  }

  button.single_add_to_cart_button.is-adding svg {

    display: block;
  }

  .order-action-button {

    padding: 0.625rem 1rem;

    margin-left: 1.0625rem;

    font-weight: 400;

    color: #000;

    background-color: #d9d9d9;

    font-size: 0.8125rem;
  }

  .loader {

    position: relative;
  }

  .loader::before {

    content: "";

    pointer-events: none;

    width: 1.5rem;

    height: 1.5rem;

    position: absolute;

    z-index: 1;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    border: 0.1875rem solid var(--color-white);

    border-top-color: var(--color-primary);

    border-radius: 50%;

    background-repeat: no-repeat;

    background-position: center;

    background-size: contain;

    transition: opacity 0.2s ease, visibility 0.2s ease;

    animation: loader-rotate 1s linear infinite;

    all: unset;
  }

  .Title {

    font-family: var(--font-family-sans);

    font-weight: 600;

    line-height: 1.625rem;

    color: #000;

    font-size: 1.25rem;
  }

  @media (min-width: 768px) {

    .Title {

      font-size: 2rem;

      line-height: 2.75rem;
    }
  }

  .Title--small {

    line-height: 1.5rem;

    font-size: 0.9375rem;
  }

  @media (min-width: 768px) {

    .Title--small {

      line-height: 1.625rem;

      font-size: 1.25rem;
    }
  }

  .Title--big {

    font-size: max(1.6rem, min(3.5vw, 3rem));

    line-height: max(2.4rem, min(3.5vw, 4rem));
  }

  .Title--white {

    color: #fff;
  }

  .UspTitle {

    width: 100%;

    text-align: center;
  }

  @media (min-width: 768px) {

    .UspTitle {

      width: auto;

      text-align: left;
    }
  }

  .UspTitle span {

    display: block;
  }

  @media (min-width: 768px) {

    .UspTitle span {

      display: inline-block;
    }
  }

  .ProductSubtitle {

    font-weight: 600;

    line-height: 22px;

    color: #000;

    font-size: 1.0625rem;
  }

  @media (min-width: 1024px) {

    .ProductSubtitle {

      font-size: 1.5rem;
    }
  }

  .Text {

    font-weight: 400;

    line-height: 1.5rem;

    color: var(--color-text-black);

    font-size: 0.9375rem;
  }

  .Text--tile, .Text--tile > * {

    line-height: 20px;

    color: black;

    font-size: 0.875rem;
  }

  @media (min-width: 1024px) {

    .Text--tile, .Text--tile > * {

      line-height: 24px;

      font-size: 0.9375rem;
    }
  }

  .Text--black, .Text--black > * {

    color: #000;
  }

  .Text--small {

    font-size: 0.8125rem;
  }

  .Text--big {

    font-size: 1.125rem;
  }

  .Text--white {

    color: #fff;
  }

  .Text--white * {

    color: #fff;
  }

  .Text > * {

    color: inherit;
  }

  .forminator-field.forminator-field .search-form {

    position: relative;
  }

  .forminator-field.forminator-field .search-form__search-input {

    margin-top: 0 !important;

    font-size: 1rem !important;

    line-height: 1.5rem !important;

    letter-spacing: -0.02rem !important;
  }

  .forminator-field.forminator-field .search-form__search-input--hasErrors {

    border: 1px solid #f56565;
  }

  .forminator-field.forminator-field .search-form__submit-button {

    position: absolute;

    top: 50%;

    right: 13px;

    transform: translateY(-50%);
  }

  .forminator-field.forminator-field .search-form__list {

    width: 100%;

    max-height: 15.625rem;

    position: absolute;

    z-index: 10;

    top: 100%;

    left: 0;

    transform: translateY(0.375rem);

    background-color: var(--color-white);

    overflow-y: auto;

    box-shadow: 0 0.25rem 1.25rem hsla(0, 0%, 0%, 0.45), 0 0 0 hsla(0, 0%, 100%, 0.12), 0 0 0 hsla(0, 0%, 100%, 0.34);
  }

  .forminator-field.forminator-field .search-form__list::-webkit-scrollbar-track {

    border-radius: 0 0.5rem 0.5rem 0;
  }

  .forminator-field.forminator-field .search-form__list:not(:empty) {

    padding-top: 0.75rem;

    padding-bottom: 0.75rem;

    border-radius: 0.5rem;
  }

  .TableOfContents {

    padding: 2rem 2.2rem;

    margin-top: 30px;

    margin-bottom: 54px;

    border-radius: 25px;

    background-color: var(--color-dark-gray);
  }

  .TableOfContents ul {

    position: relative;
  }

  .TableOfContents ul::after {

    content: "";

    width: 1px;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    background-color: #000;

    opacity: 0.25;
  }

  .TableOfContents ul li {

    padding-left: 44px;

    position: relative;

    margin: 0.75rem 0;
  }

  .TableOfContents ul li::after {

    content: "";

    width: 25px;

    height: 1px;

    position: absolute;

    top: 50%;

    left: 0;

    transform: translateY(-50%);

    background-color: #000;

    opacity: 0.25;
  }

  .TableOfContents ul li a {

    font-weight: 500;

    line-height: 21px;

    color: #000;

    font-size: 1rem;
  }

  .TableOfContents ul li a:hover {

    color: var(--color-primary);
  }

  .TableOfContents__description {

    font-family: var(--font-family-roboto);

    font-weight: 500;

    line-height: 21px;

    color: #727272;

    font-size: 1rem;
  }

  .simple-toc--inline.open .simple-toc__readmore .icon {

    transform: rotate(180deg);
  }

  .simple-toc__list ol {

    counter-reset: toc-list;

    list-style: none;
  }

  .simple-toc__list ol li {

    padding-left: 18px;

    position: relative;

    border-left: 3px solid var(--color-light);
  }

  .simple-toc__list ol li::before {

    content: counter(toc-list) ".";

    counter-increment: toc-list;

    display: block;

    position: absolute;

    top: 0.5rem;

    left: 10px;

    font-weight: 500;

    line-height: 21px;

    font-size: 0.9375rem;
  }

  .simple-toc__list ol li a {

    display: block;

    padding: 0.5rem 0.75rem;

    font-weight: 500;

    line-height: 21px;

    color: #000;

    font-size: 0.9375rem;
  }

  .simple-toc__list ol li a:hover {

    color: var(--color-primary);
  }

  .simple-toc__list ol li.active {

    border-left-color: var(--color-primary);
  }

  .simple-toc__items {

    height: 0;

    overflow: hidden;

    transition: height 0.3s ease;
  }

  .simple-toc__items ol {

    counter-reset: toc-list;

    padding: 0 !important;

    margin: 0 !important;

    list-style: none !important;
  }

  .simple-toc__items ol li {

    position: relative;
  }

  .simple-toc__items ol li::before {

    content: counter(toc-list) ".";

    counter-increment: toc-list;

    display: block;

    position: absolute;

    top: 0;

    left: 10px;

    font-weight: 500;
  }

  .simple-toc__items ol li a {

    padding-left: 15px;
  }

  .simple-toc__readmore .icon {

    transition: transform 0.25s ease;
  }

  .radio-button {

    display: flex;

    align-items: center;

    justify-content: flex-start;

    gap: 0.8125rem;

    position: relative;

    font-size: 1rem;

    line-height: 1.5rem;

    color: var(--text-secondary);

    letter-spacing: -0.02rem;
  }

  @media (min-width: 768px) {

    .radio-button {

      font-size: 1.125rem;

      line-height: 1.6875rem;

      letter-spacing: -0.0225rem;
    }
  }

  .radio-button::before {

    content: "";

    box-sizing: border-box;

    display: block;

    flex: 0 0 1.75rem;

    width: 1.75rem;

    height: 1.75rem;

    max-width: 1.75rem;

    max-height: 1.75rem;

    z-index: 0;

    margin-left: 0.125rem;

    border: 1.5px solid hsl(240, 4%, 65%);

    border-radius: 50%;

    background-color: var(--color-white);
  }

  .radio-button:focus {

    outline: none !important;
  }

  .radio-button:has(input:checked)::before {

    border-color: var(--color-primary);

    background-color: var(--color-primary);

    box-shadow: inset 0rem 0rem 0rem 0.375rem var(--color-white);
  }

  .radio-button input {

    width: 100%;

    height: 100%;

    padding: 0;

    position: absolute;

    z-index: 1;

    top: 0;

    left: 0;

    margin: 0;

    cursor: pointer;

    opacity: 0;
  }

  body:not(.mouse-user) .radio-button:has(input:focus), body:not(.mouse-user) .radio-button:focus {

    outline: none !important;
  }

  body:not(.mouse-user) .radio-button:has(input:focus)::before, body:not(.mouse-user) .radio-button:focus::before {

    outline: 4px solid #01f !important;

    outline-offset: 0.0625rem;
  }

  body:not(.mouse-user) .radio-button[role=radio]:focus {

    outline: none !important;
  }

  body:not(.mouse-user) .radio-button[role=radio]:focus::before {

    outline: 4px solid #01f !important;

    outline-offset: 0.0625rem;
  }

  .checkbox {

    -webkit-user-select: none;

       -moz-user-select: none;

            user-select: none;

    display: block;

    height: auto;

    padding: 0;

    position: relative;

    cursor: pointer;
  }

  .checkbox:not(:has(.forminator-checkbox-box)) {

    flex-shrink: 0;

    width: 28px;

    height: 28px;

    border: 1.5px solid hsl(240, 4%, 65%);

    border-radius: 0.375rem;
  }

  .checkbox:not(:has(.forminator-checkbox-box))::after {

    content: "";

    display: none;

    width: 100%;

    height: 100%;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    background-image: url("data:image/svg+xml,%3Csvg fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 14 10%27%3E%3Cpath d=%27M13 1 5 9 1 5%27 stroke=%27%23fff%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E");

    background-repeat: no-repeat;

    background-position: center;

    background-size: 16px 12px;
  }

  .checkbox:not(:has(.forminator-checkbox-box)):has(input:checked) {

    border-color: var(--color-primary);

    background-color: var(--color-primary);
  }

  .checkbox:not(:has(.forminator-checkbox-box)):has(input:checked)::after {

    display: block;
  }

  .checkbox:not(:has(.forminator-checkbox-box)):has(input:disabled) {

    background-color: var(--neutral-50);

    cursor: not-allowed;
  }

  #customer_details {

    display: none;

    opacity: 0;

    visibility: hidden;
  }

  .checkbox input {

    width: 100%;

    height: 100%;

    position: absolute;

    z-index: 2;

    top: 0;

    left: 0;

    cursor: pointer;

    opacity: 0;
  }

  .checkbox .forminator-checkbox-box {

    width: 28px;

    height: 28px;

    position: absolute;

    top: 0;

    left: 0;

    border: 1px solid #a1a1a8;

    border-radius: 0.375rem;

    will-change: box-shadow;
  }

  .checkbox .forminator-checkbox-box::after {

    content: "";

    display: none;

    width: 100%;

    height: 100%;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    background-image: url("data:image/svg+xml,%3Csvg fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 14 10%27%3E%3Cpath d=%27M13 1 5 9 1 5%27 stroke=%27%23fff%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E");

    background-repeat: no-repeat;

    background-position: center;

    background-size: 16px 12px;
  }

  .checkbox input:checked ~ .forminator-checkbox-box {

    border-color: var(--color-primary);

    background-color: var(--color-primary);
  }

  .checkbox input:checked ~ .forminator-checkbox-box::after {

    display: block;
  }

  body:not(.mouse-user):not(:has(.forminator-checkbox-box)) .checkbox:has(input:focus) {

    outline: 4px solid #01f !important;

    outline-offset: 0.0625rem;
  }

  body:not(.mouse-user) .checkbox input:focus ~ .forminator-checkbox-box {

    border-color: var(--color-primary);

    box-shadow: 0 0 0 3px #01f;
  }

  .Gradient-bg {

    background: #f1f0ff;

    background: var(--brand-primary-50, #f1f0ff);

    overflow: hidden;
  }

  .Gradient-bg--alt svg {

    bottom: -70%;
  }

  @media (min-width: 1024px) {

    .Gradient-bg--alt svg {

      right: -60%;

      bottom: -270%;
    }
  }

  .Gradient-bg svg {

    height: auto;

    max-width: 1603px;

    position: absolute;

    right: -200%;

    bottom: -35%;
  }

  @media (min-width: 1024px) {

    .Gradient-bg svg {

      max-width: none;

      max-width: initial;

      right: -30%;

      bottom: -60%;
    }
  }

  @media (min-width: 415px) {

    .OfferTiles {

      max-width: calc(100% - 40px);
    }
  }

  @media (min-width: 1192px) {

    .OfferTiles {

      max-width: 1152px;
    }
  }

  .OfferTiles > div {

    border-right: 1px solid var(--neutral-200);

    border-bottom: 1px solid var(--neutral-200);
  }

  @media (min-width: 1024px) {

    .OfferTiles > div:nth-last-child(-n+3) {

      border-bottom: none;
    }

    .OfferTiles > div:nth-child(even) {

      border-right: 1px solid var(--neutral-200);
    }

    .OfferTiles > div:nth-child(3n) {

      border-right: none;
    }
  }

  .OfferTiles > div:nth-last-child(-n+2) {

    border-bottom: none;
  }

  .OfferTiles > div:nth-child(even) {

    border-right: none;
  }

  .Flex {

    display: flex;
  }

  .Flex--align-center {

    align-items: center;
  }

  .Flex--center {

    justify-content: center;
  }

  .Flex--center-full {

    align-items: center;

    justify-content: center;
  }

  .Flex--column {

    flex-direction: column;
  }

  .Flex--end {

    justify-content: flex-end;
  }

  .Flex--responsive {

    flex-direction: column;
  }

  @media (min-width: 1024px) {

    .Flex--responsive {

      flex-direction: row;
    }
  }

  .Flex--space-between {

    justify-content: space-between;
  }

  .Grid {

    display: grid;

    grid-gap: 32px;

    gap: 32px;
  }

  .Grid[data-columns="1"] {

    grid-template-columns: 1fr;
  }

  @media (min-width: 768px) {

    .Grid[data-columns="1"] {

      grid-template-columns: 1fr 1fr;
    }
  }

  @media (min-width: 1024px) {

    .Grid[data-columns="1"] {

      grid-template-columns: repeat(auto-fill, minmax(1128px, 1fr));
    }
  }

  .Grid[data-columns="2"] {

    grid-template-columns: 1fr;
  }

  @media (min-width: 768px) {

    .Grid[data-columns="2"] {

      grid-template-columns: 1fr 1fr;
    }
  }

  @media (min-width: 1024px) {

    .Grid[data-columns="2"] {

      grid-template-columns: repeat(auto-fill, minmax(548px, 1fr));
    }
  }

  .Grid[data-columns="3"] {

    grid-template-columns: 1fr;
  }

  @media (min-width: 768px) {

    .Grid[data-columns="3"] {

      grid-template-columns: 1fr 1fr;
    }
  }

  @media (min-width: 1024px) {

    .Grid[data-columns="3"] {

      grid-template-columns: repeat(auto-fill, minmax(354.6666666667px, 1fr));
    }
  }

  .Grid[data-columns="4"] {

    grid-template-columns: 1fr;
  }

  @media (min-width: 768px) {

    .Grid[data-columns="4"] {

      grid-template-columns: 1fr 1fr;
    }
  }

  @media (min-width: 1024px) {

    .Grid[data-columns="4"] {

      grid-template-columns: repeat(auto-fill, minmax(258px, 1fr));
    }
  }

  .Grid[data-columns="5"] {

    grid-template-columns: 1fr;
  }

  @media (min-width: 768px) {

    .Grid[data-columns="5"] {

      grid-template-columns: 1fr 1fr;
    }
  }

  @media (min-width: 1024px) {

    .Grid[data-columns="5"] {

      grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    }
  }

  .Grid[data-columns="6"] {

    grid-template-columns: 1fr;
  }

  @media (min-width: 768px) {

    .Grid[data-columns="6"] {

      grid-template-columns: 1fr 1fr;
    }
  }

  @media (min-width: 1024px) {

    .Grid[data-columns="6"] {

      grid-template-columns: repeat(auto-fill, minmax(161.3333333333px, 1fr));
    }
  }

  .header::before {

    content: "";

    position: absolute;

    z-index: -1;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    opacity: 0;

    visibility: hidden;

    transition: opacity 0.15s ease-in-out, visibility 0.15s ease-in-out;

    box-shadow: 0 0.4375rem 1.25rem 0 hsla(238, 76%, 63%, 0.22);
  }

  .header--sticky::before {

    opacity: 1;

    visibility: visible;
  }

  .header__menu {

    height: 100vh;
  }

  @media (min-width: 1024px) {

    .header__menu {

      height: auto;
    }
  }

  .header__menu--active {

    visibility: visible;

    z-index: 20;

    --tw-translate-x: calc(var(--spacing) * 0);

    translate: var(--tw-translate-x) var(--tw-translate-y);

    opacity: 1;
  }

  .header__toggle {

    padding: 0;

    border: none;

    background-color: transparent;
  }

  .header__toggle svg {

    height: 24px;

    width: 24px;
  }

  @media (min-width: 1024px) {

    .blog .header {

      position: absolute;

      right: 0;

      left: 0;
    }
  }

  body:has(.header__top-bar) .header {

    top: 2.8125rem;
  }

  body:has(.header__top-bar) .header.header--sticky {

    transform: translateY(-2.875rem);
  }

  body:has(.toc-list--mobile.toc-list--fixed) .header::before {

    display: none;
  }

  body.home:has(.header__top-bar) .header.header {

    padding-right: 0.3125rem;

    padding-left: 1rem;

    top: 3.375rem;
  }

  @media (min-width: 1024px) {

    body.home:has(.header__top-bar) .header.header {

      padding-right: 1.875rem;

      padding-left: 1.875rem;

      top: 4.75rem;
    }
  }

  @media (min-width: 1440px) {

    body.home:has(.header__top-bar) .header.header {

      padding-right: 0;

      padding-left: 0;
    }
  }

  body.home:has(.header__top-bar) .header.header.header--sticky {

    padding-right: 0;

    padding-left: 0;

    transform: translateY(-3.375rem);
  }

  @media (min-width: 1024px) {

    body.home:has(.header__top-bar) .header.header.header--sticky {

      transform: translateY(-4.8125rem);
    }
  }

  body.home .header:not(.header--sticky) {

    padding-right: 0.3125rem;

    padding-left: 1rem;

    top: 1rem;

    background-color: transparent;
  }

  @media (min-width: 1024px) {

    body.home .header:not(.header--sticky) {

      padding-right: 1.875rem;

      padding-left: 1.875rem;

      top: 1.5rem;
    }
  }

  @media (min-width: 1440px) {

    body.home .header:not(.header--sticky) {

      padding-right: 0;

      padding-left: 0;

      top: 2rem;
    }
  }

  body.home .header:not(.header--sticky).header--sticky {

    padding-right: 0;

    padding-left: 0;

    transform: translateY(-1.0625rem);
  }

  @media (min-width: 1024px) {

    body.home .header:not(.header--sticky).header--sticky {

      transform: translateY(-1.5625rem);
    }
  }

  @media (min-width: 1440px) {

    body.home .header:not(.header--sticky).header--sticky {

      transform: translateY(-2.0625rem);
    }
  }

  .pagination {

    justify-content: center;

    margin-top: 2.625rem;
  }

  .pagination--desktop {

    display: none;
  }

  @media (min-width: 768px) {

    .pagination--desktop {

      display: flex;
    }
  }

  .pagination--mobile {

    display: flex;

    margin-top: 2.5rem;
  }

  @media (min-width: 768px) {

    .pagination--mobile {

      display: none;
    }
  }

  .pagination--mobile .pagination__button {

    width: auto;

    width: initial;

    width: max(24px, min(16vw, 56px));

    height: auto;

    height: initial;

    aspect-ratio: 1/1;
  }

  .pagination--mobile .pagination__button.pagination__button--arrow {

    width: 2.25rem;

    height: 2.25rem;
  }

  @media (min-width: 375px) {

    .pagination--mobile .pagination__link--prev {

      transform: translateX(-14px);
    }
  }

  @media (min-width: 375px) {

    .pagination--mobile .pagination__link--next {

      transform: translateX(14px);
    }
  }

  .pagination__list {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 0.375rem;
  }

  @media (min-width: 768px) {

    .pagination__list {

      gap: 0.5rem;
    }
  }

  .pagination__link {

    display: flex;

    align-items: center;

    justify-content: center;

    margin: 0;

    border-radius: 2px;
  }

  @media (min-width: 768px) {

    .pagination__link--prev {

      transform: translateX(-0.625rem);
    }
  }

  @media (min-width: 768px) {

    .pagination__link--next {

      transform: translateX(0.625rem);
    }
  }

  .pagination__link--dots {

    pointer-events: none;

    width: 1.5rem;

    height: 3.5rem;

    font-size: 1rem;

    line-height: 1.5rem;

    letter-spacing: 0;
  }

  @media (min-width: 375px) {

    .pagination__link--dots {

      width: 3.5rem;

      height: 3.5rem;
    }
  }

  .pagination__button {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 3.5rem;

    height: 3.5rem;

    font-size: 1rem;

    line-height: 1.5rem;

    color: var(--neutral-800);

    border-radius: 0.75rem;

    background-color: var(--neutral-50);

    transition: background-color 0.2s ease;
  }

  .pagination__button:hover:not(.pagination__button--current) {

    background-color: var(--neutral-200);
  }

  .pagination__button--arrow {

    width: 3.5rem;

    height: 3.5rem;

    background-color: transparent;
  }

  .pagination__button--arrow svg path {

    fill: var(--neutral-800);
  }

  .pagination__button--current {

    color: #fff;

    background-color: var(--color-primary);

    cursor: default;
  }

  .pagination__button--disabled {

    pointer-events: none;

    cursor: default;
  }

  .pagination__button--disabled:hover {

    background-color: transparent;
  }

  .pagination__button--dots {

    font-weight: 700;

    letter-spacing: 2px;

    background-color: transparent;

    cursor: default;
  }

  .pagination__button svg {

    width: 1rem;

    height: 1rem;
  }

  .pagination .woocommerce-pagination ul.page-numbers {

    display: flex;

    align-items: center;

    justify-content: flex-end;

    width: 100%;
  }

  .pagination .woocommerce-pagination ul.page-numbers span {

    color: #fff;

    background-color: var(--color-primary);
  }

  .pagination .woocommerce-pagination ul.page-numbers a {

    color: var(--color-primary);

    background-color: #fff;
  }

  .pagination .woocommerce-pagination ul.page-numbers a,
  .pagination .woocommerce-pagination ul.page-numbers span {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 56px;

    height: 56px;

    margin: 0 5px;

    border-radius: 2px;
  }

  .sticky-sidebar {

    --sticky-top: 7.5rem;
  }

  @media (min-width: 1024px) {

    .sticky-sidebar.lg\:sticky {

      position: sticky;

      top: var(--sticky-top);

      transform: translateZ(0);

      will-change: top;

      backface-visibility: hidden;
    }
  }

  .Breadcrumbs {

    padding: 0 0.25rem;
  }

  @media (min-width: 1024px) {

    .Breadcrumbs {

      padding: 0;
    }
  }

  .Breadcrumbs a,
  .Breadcrumbs span {

    font-size: 0.75rem;

    line-height: 1.125rem;

    color: var(--text-secondary);

    letter-spacing: -0.015rem;
  }

  @media (min-width: 1024px) {

    .Breadcrumbs a,
    .Breadcrumbs span {

      font-size: 1.125rem;

      line-height: 1.6875rem;

      letter-spacing: -0.0225rem;
    }
  }

  .Breadcrumbs a.breadcrumb_last,
  .Breadcrumbs span.breadcrumb_last {

    font-weight: 500;

    color: var(--neutral-800);
  }

  .Breadcrumbs--archive {

    padding: 0;
  }

  .Breadcrumbs--archive a,
  .Breadcrumbs--archive span {

    font-size: 1.125rem;

    line-height: 1.6875rem;

    letter-spacing: -0.0225rem;
  }

  .Breadcrumbs--archive a.breadcrumb_last,
  .Breadcrumbs--archive span.breadcrumb_last {

    font-weight: 600;

    color: var(--neutral-800);
  }

  .Breadcrumbs--archive > span {

    justify-content: center;

    gap: 0.5rem;
  }

  .Breadcrumbs--archive svg {

    width: 1.5rem;

    height: 1.5rem;
  }

  .Breadcrumbs > span {

    display: flex;

    flex-flow: row wrap;

    align-items: center;

    gap: 0.375rem;
  }

  @media (min-width: 1024px) {

    .Breadcrumbs > span {

      gap: 0.625rem;
    }
  }

  .Breadcrumbs svg {

    width: 1.125rem;

    height: 1.125rem;
  }

  @media (min-width: 1024px) {

    .Breadcrumbs svg {

      width: 1.5rem;

      height: 1.5rem;
    }
  }

  .page--bg {

    background-color: #fff;
  }

  .woocommerce-checkout {

    background-color: #fff;
  }

  .woocommerce-checkout:not(.woocommerce-order-received) .page {

    max-width: 480px;

    margin-right: auto;

    margin-left: auto;
  }

  .woocommerce-checkout .Section {

    padding: 0;
  }

  .page-Content p {

    margin-bottom: 1rem;
  }

  .page-Content ul li,
  .page-Content ol li {

    margin-bottom: 0;
  }

  .page-Content h2 {

    margin: 2rem 0 1.5rem;
  }

  .page-Content table td {

    line-height: 1.5rem;

    color: var(--color-text-black);

    font-size: 0.9375rem;
  }

  .page-Content .Title {

    font-size: 1.5rem;
  }

  @media (min-width: 768px) {

    .page-Content .Title {

      font-size: 2rem;
    }
  }

  .Archive__heading {

    margin-top: 15.5px;
  }

  @media (min-width: 768px) {

    .Archive__heading {

      display: grid;

      align-items: end;

      grid-gap: 2rem;

      gap: 2rem;

      grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);

      margin-top: 0;
    }
  }

  .Archive__heading-image {

    display: none;
  }

  @media (min-width: 768px) {

    .Archive__heading-image {

      display: block;

      position: relative;

      top: -55px;

      border-radius: 40px;

      overflow: hidden;
    }
  }

  @media (min-width: 1024px) {

    .Archive__heading-content {

      position: relative;

      top: -80px;
    }
  }

  .Prefooter {

    position: relative;

    margin-top: 40px;
  }

  @media (min-width: 1024px) {

    .Prefooter {

      margin-top: 60px;
    }
  }

  .Prefooter::after {

    content: "";

    width: 100%;

    height: 4px;

    position: absolute;

    top: -4px;

    right: 0;

    left: 0;

    background: linear-gradient(224deg, #00cb4d 18.08%, #00ac54 79.9%);

    background: var(--gradient, linear-gradient(224deg, #00cb4d 18.08%, #00ac54 79.9%));
  }

  .home .Prefooter {

    margin-top: 0;
  }

  .page-id-205 .Prefooter {

    margin-top: 0;
  }

  @keyframes loader-xy-rotate {

    0% {

      transform: translate(-50%, -50%) rotate(0deg);
    }

    100% {

      transform: translate(-50%, -50%) rotate(360deg);
    }
  }

  .woocommerce-MyAccount-content__wrapper,
  .order-wrapper {

    min-height: 30vh;
  }

  .woocommerce-MyAccount-content__wrapper:empty,
  .order-wrapper:empty {

    position: relative;
  }

  .woocommerce-MyAccount-content__wrapper:empty::before,
  .order-wrapper:empty::before {

    content: "";

    width: 3.75rem;

    height: 3.75rem;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    border: 0.5rem solid var(--color-primary);

    border-left-color: transparent;

    border-radius: 50%;

    animation: loader-xy-rotate 1s linear infinite;
  }

  .order-wrapper {

    width: calc(100% - 2.5rem);

    max-width: 54rem;

    min-height: 50vh;

    padding: 2.5rem 1.25rem;

    margin-right: auto;

    margin-left: auto;

    border-radius: 1rem;

    background-color: var(--color-white);

    box-shadow: 0 0.25rem 1.25rem 0 hsla(0, 0%, 0%, 0.05);

    backdrop-filter: blur(3.125rem);
  }

  @media (min-width: 768px) {

    .order-wrapper {

      padding: 2.5rem;

      border-radius: 1.5rem;
    }
  }

  fieldset[disabled] .multiselect {

    pointer-events: none;
  }

  .multiselect__spinner {

    position: absolute;

    right: 1px;

    top: 1px;

    width: 48px;

    height: 35px;

    background: #fff;

    display: block;
  }

  .multiselect__spinner:after,
  .multiselect__spinner:before {

    position: absolute;

    content: "";

    top: 50%;

    left: 50%;

    margin: -8px 0 0 -8px;

    width: 16px;

    height: 16px;

    border-radius: 100%;

    border: 2px solid transparent;

    border-top-color: #41b883;

    box-shadow: 0 0 0 1px transparent;
  }

  .multiselect__spinner:before {

    animation: spinning 2.4s cubic-bezier(0.41, 0.26, 0.2, 0.62);

    animation-iteration-count: infinite;
  }

  .multiselect__spinner:after {

    animation: spinning 2.4s cubic-bezier(0.51, 0.09, 0.21, 0.8);

    animation-iteration-count: infinite;
  }

  .multiselect__loading-enter-active,
  .multiselect__loading-leave-active {

    transition: opacity 0.4s ease-in-out;

    opacity: 1;
  }

  .multiselect__loading-enter,
  .multiselect__loading-leave-active {

    opacity: 0;
  }

  .multiselect,
  .multiselect__input,
  .multiselect__single {

    font-family: inherit;

    font-size: 16px;

    touch-action: manipulation;
  }

  .multiselect {

    box-sizing: content-box;

    display: block;

    position: relative;

    width: 100%;

    min-height: 40px;

    text-align: left;

    color: #35495e;
  }

  .multiselect * {

    box-sizing: border-box;
  }

  .multiselect:focus {

    outline: none;
  }

  .multiselect--disabled {

    background: #ededed;

    pointer-events: none;

    opacity: 0.6;
  }

  .multiselect--active {

    z-index: 50;
  }

  .multiselect--active:not(.multiselect--above) .multiselect__current,
  .multiselect--active:not(.multiselect--above) .multiselect__input,
  .multiselect--active:not(.multiselect--above) .multiselect__tags {

    border-bottom-left-radius: 0;

    border-bottom-right-radius: 0;
  }

  .multiselect--active .multiselect__select {

    transform: rotate(180deg);
  }

  .multiselect--above.multiselect--active .multiselect__current,
  .multiselect--above.multiselect--active .multiselect__input,
  .multiselect--above.multiselect--active .multiselect__tags {

    border-top-left-radius: 0;

    border-top-right-radius: 0;
  }

  .multiselect__input,
  .multiselect__single {

    position: relative;

    display: inline-block;

    min-height: 20px;

    line-height: 20px;

    border: none;

    border-radius: 5px;

    background: #fff;

    padding: 0 0 0 5px;

    width: 100%;

    transition: border 0.1s ease;

    box-sizing: border-box;

    margin-bottom: 8px;

    vertical-align: top;
  }

  .multiselect__input::-moz-placeholder {

    color: #35495e;
  }

  .multiselect__input::placeholder {

    color: #35495e;
  }

  .multiselect__tag ~ .multiselect__input,
  .multiselect__tag ~ .multiselect__single {

    width: auto;
  }

  .multiselect__input:hover,
  .multiselect__single:hover {

    border-color: #cfcfcf;
  }

  .multiselect__input:focus,
  .multiselect__single:focus {

    border-color: #a8a8a8;

    outline: none;
  }

  .multiselect__single {

    padding-left: 5px;

    margin-bottom: 8px;
  }

  .multiselect__tags-wrap {

    display: inline;
  }

  .multiselect__tags {

    min-height: 40px;

    display: block;

    padding: 8px 40px 0 8px;

    border-radius: 5px;

    border: 1px solid #e8e8e8;

    background: #fff;

    font-size: 14px;
  }

  .multiselect__tag {

    position: relative;

    display: inline-block;

    padding: 4px 26px 4px 10px;

    border-radius: 5px;

    margin-right: 10px;

    color: #fff;

    line-height: 1;

    background: #41b883;

    margin-bottom: 5px;

    white-space: nowrap;

    overflow: hidden;

    max-width: 100%;

    text-overflow: ellipsis;
  }

  .multiselect__tag-icon {

    cursor: pointer;

    margin-left: 7px;

    position: absolute;

    right: 0;

    top: 0;

    bottom: 0;

    font-weight: 700;

    font-style: normal;

    width: 22px;

    text-align: center;

    line-height: 22px;

    transition: all 0.2s ease;

    border-radius: 5px;
  }

  .multiselect__tag-icon:after {

    content: "×";

    color: #266d4d;

    font-size: 14px;
  }

  .multiselect__tag-icon:focus,
  .multiselect__tag-icon:hover {

    background: #369a6e;
  }

  .multiselect__tag-icon:focus:after,
  .multiselect__tag-icon:hover:after {

    color: #fff;
  }

  .multiselect__current {

    min-height: 40px;

    overflow: hidden;

    padding: 8px 30px 0 12px;

    white-space: nowrap;

    border-radius: 5px;

    border: 1px solid #e8e8e8;
  }

  .multiselect__current,
  .multiselect__select {

    line-height: 16px;

    box-sizing: border-box;

    display: block;

    margin: 0;

    -webkit-text-decoration: none;

    text-decoration: none;

    cursor: pointer;
  }

  .multiselect__select {

    position: absolute;

    width: 40px;

    height: 38px;

    right: 1px;

    top: 1px;

    padding: 4px 8px;

    text-align: center;

    transition: transform 0.2s ease;
  }

  .multiselect__select:before {

    position: relative;

    right: 0;

    top: 65%;

    color: #999;

    margin-top: 4px;

    border-color: #999 transparent transparent;

    border-style: solid;

    border-width: 5px 5px 0;

    content: "";
  }

  .multiselect__placeholder {

    color: #adadad;

    display: inline-block;

    margin-bottom: 10px;

    padding-top: 2px;
  }

  .multiselect--active .multiselect__placeholder {

    display: none;
  }

  .multiselect__content-wrapper {

    position: absolute;

    display: block;

    background: #fff;

    width: 100%;

    max-height: 240px;

    overflow: auto;

    border: 1px solid #e8e8e8;

    border-top: none;

    border-bottom-left-radius: 5px;

    border-bottom-right-radius: 5px;

    z-index: 50;

    -webkit-overflow-scrolling: touch;
  }

  .multiselect__content {

    list-style: none;

    display: inline-block;

    padding: 0;

    margin: 0;

    min-width: 100%;

    vertical-align: top;
  }

  .multiselect--above .multiselect__content-wrapper {

    bottom: 100%;

    border-bottom-left-radius: 0;

    border-bottom-right-radius: 0;

    border-top-left-radius: 5px;

    border-top-right-radius: 5px;

    border-bottom: none;

    border-top: 1px solid #e8e8e8;
  }

  .multiselect__content::-webkit-scrollbar {

    display: none;
  }

  .multiselect__element {

    display: block;
  }

  .multiselect__option {

    display: block;

    padding: 12px;

    min-height: 40px;

    line-height: 16px;

    -webkit-text-decoration: none;

    text-decoration: none;

    text-transform: none;

    vertical-align: middle;

    position: relative;

    cursor: pointer;

    white-space: nowrap;
  }

  .multiselect__option:after {

    top: 0;

    right: 0;

    position: absolute;

    line-height: 40px;

    padding-right: 12px;

    padding-left: 20px;

    font-size: 13px;
  }

  .multiselect__option--highlight {

    background: #41b883;

    outline: none;

    color: #fff;
  }

  .multiselect__option--highlight:after {

    content: attr(data-select);

    background: #41b883;

    color: #fff;
  }

  .multiselect__option--selected {

    background: #f3f3f3;

    color: #35495e;

    font-weight: 700;
  }

  .multiselect__option--selected:after {

    content: attr(data-selected);

    color: silver;
  }

  .multiselect__option--selected.multiselect__option--highlight {

    background: #ff6a6a;

    color: #fff;
  }

  .multiselect__option--selected.multiselect__option--highlight:after {

    background: #ff6a6a;

    content: attr(data-deselect);

    color: #fff;
  }

  .multiselect--disabled .multiselect__current,
  .multiselect--disabled .multiselect__select {

    background: #ededed;

    color: #a6a6a6;
  }

  .multiselect__option--disabled {

    background: #ededed !important;

    color: #a6a6a6 !important;

    cursor: text;

    pointer-events: none;
  }

  .multiselect__option--group {

    background: #ededed;

    color: #35495e;
  }

  .multiselect__option--group.multiselect__option--highlight {

    background: #35495e;

    color: #fff;
  }

  .multiselect__option--group.multiselect__option--highlight:after {

    background: #35495e;
  }

  .multiselect__option--disabled.multiselect__option--highlight {

    background: #dedede;
  }

  .multiselect__option--group-selected.multiselect__option--highlight {

    background: #ff6a6a;

    color: #fff;
  }

  .multiselect__option--group-selected.multiselect__option--highlight:after {

    background: #ff6a6a;

    content: attr(data-deselect);

    color: #fff;
  }

  .multiselect-enter-active,
  .multiselect-leave-active {

    transition: all 0.15s ease;
  }

  .multiselect-enter,
  .multiselect-leave-active {

    opacity: 0;
  }

  .multiselect__strong {

    margin-bottom: 8px;

    line-height: 20px;

    display: inline-block;

    vertical-align: top;
  }

  [dir=rtl] .multiselect {

    text-align: right;
  }

  [dir=rtl] .multiselect__select {

    right: auto;

    left: 1px;
  }

  [dir=rtl] .multiselect__tags {

    padding: 8px 8px 0 40px;
  }

  [dir=rtl] .multiselect__content {

    text-align: right;
  }

  [dir=rtl] .multiselect__option:after {

    right: auto;

    left: 0;
  }

  [dir=rtl] .multiselect__clear {

    right: auto;

    left: 12px;
  }

  [dir=rtl] .multiselect__spinner {

    right: auto;

    left: 1px;
  }

  @keyframes spinning {

    0% {

      transform: rotate(0);
    }

    to {

      transform: rotate(2turn);
    }
  }

  .mobile-expandable a {

    transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  }

  .mobile-expandable a:hover {

    color: var(--color-white);

    background-color: var(--color-primary);
  }

  .mobile-expandable a:hover svg path {

    stroke: var(--color-white);
  }

  .mobile-expandable a:focus {

    outline-offset: -5px;
  }

  .mobile-expandable a svg path {

    transition: stroke 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  }

  .mobile-expandable__trigger {

    transition: margin-bottom 0.2s 0.1s ease-in-out;
  }

  .mobile-expandable__trigger[aria-expanded=false] .mobile-expandable__icon {

    transform: rotate(180deg);
  }

  .mobile-expandable__trigger[aria-expanded=false] {

    margin-bottom: -1rem;
  }

  .mobile-expandable__wrapper {

    display: grid;

    grid-template-rows: 1fr;

    overflow: hidden;

    transition: grid-template-rows 0.3s ease-in-out;

    will-change: grid-template-rows;
  }

  .mobile-expandable__wrapper[hidden] {

    grid-template-rows: 0fr;
  }

  .mobile-expandable__content {

    min-height: 0;
  }

  .mobile-expandable__icon {

    transform-origin: center;

    transition: transform 0.2s ease-in-out;
  }

  .toc-list--mobile.toc-list--fixed {

    padding: 1.1875rem;

    padding-top: 0;

    position: fixed;

    z-index: 10;

    top: 5.25rem;

    right: 0;

    left: 0;

    margin: 0;

    background-color: #fff;

    border: 1px solid hsla(0, 0%, 100%, 0.2);

    border: 1px solid var(--card-stroke, hsla(0, 0%, 100%, 0.2));

    box-shadow: 0 0.5rem 1.25rem 0 hsla(0, 0%, 0%, 0.1);
  }

  @media (min-width: 1024px) {

    .toc-list--mobile.toc-list--fixed {

      box-shadow: 0 0.25rem 1.25rem 0 hsla(0, 0%, 0%, 0.05);
    }
  }

  .toc-list__indicator {

    width: 0.125rem;

    position: absolute;

    top: 0;

    left: 0;

    background-color: var(--color-primary);

    transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), height 0.2s cubic-bezier(0.4, 0, 0.2, 1);

    will-change: transform, height;
  }

  .toc-list__link:hover {

    color: var(--color-black);

    background-color: transparent;
  }

  .toc-list .active::marker {

    color: var(--color-black);
  }

  .toc-list .active .toc-list__link {

    color: var(--color-black);

    background-color: transparent;
  }

  .single-accordion__icon {

    background-color: var(--brand-primary-50);

    will-change: background-color;
  }

  .single-accordion__icon--close {

    display: none;
  }

  .single-accordion__icon--open {

    display: flex;
  }

  .single-accordion__trigger {

    cursor: pointer;
  }

  .single-accordion__trigger:hover .single-accordion__icon {

    background-color: var(--color-primary);
  }

  .single-accordion__trigger:hover .single-accordion__icon svg path {

    stroke: var(--color-white);
  }

  .single-accordion__trigger[aria-expanded=true] .single-accordion__icon {

    background-color: var(--color-primary);
  }

  .single-accordion__item {

    will-change: background-color;
  }

  .single-accordion__item:has([aria-expanded=true]) {

    background-color: var(--neutral-50);
  }

  .single-accordion__item:has([aria-expanded=true]) + .single-accordion__item:has([aria-expanded=true]) {

    margin-top: 16px;
  }

  .single-accordion__item [aria-expanded=true] .single-accordion__icon--close {

    display: flex;
  }

  .single-accordion__item [aria-expanded=true] .single-accordion__icon--open {

    display: none;
  }

  .single-accordion__content {

    display: grid;

    grid-template-rows: 1fr;

    transition: grid-template-rows 0.3s ease-in-out;
  }

  .single-accordion__content[hidden] {

    grid-template-rows: 0fr;
  }

  .single-accordion__body {

    overflow: hidden;
  }

  .navigation {

    height: 100%;

    color: var(--color-primary);

    background-color: var(--color-white);
  }

  @media (min-width: 1024px) {

    .navigation {

      display: flex;

      align-items: center;

      justify-content: flex-end;

      -moz-column-gap: 1.5rem;

           column-gap: 1.5rem;

      height: auto;

      background-color: transparent;
    }
  }

  .navigation li:not(.navigation__topbar) {

    border-bottom: 1px solid var(--color-gray-200);
  }

  .navigation li:has(> .navigation__item-icon) {

    display: flex;

    align-items: center;

    justify-content: space-between;

    -moz-column-gap: 1rem;

         column-gap: 1rem;
  }

  @media (min-width: 1024px) {

    .navigation li:has(> .navigation__item-icon) {

      -moz-column-gap: 0.25rem;

           column-gap: 0.25rem;
    }
  }

  .navigation li:has(> .navigation__item-icon) > a {

    -webkit-text-decoration: underline;

    text-decoration: underline;
  }

  @media (min-width: 1024px) {

    .navigation li:has(> .navigation__item-icon) > a {

      padding-right: 0;

      -webkit-text-decoration: none;

      text-decoration: none;
    }
  }

  @media (min-width: 1024px) {

    .navigation li.menu-item-has-children {

      position: relative;
    }
  }

  @media (min-width: 1024px) {

    .navigation li.menu-item-has-children:has([aria-expanded=true]) > .navigation__submenu {

      opacity: 1;

      visibility: visible;
    }
  }

  @media (min-width: 1024px) {

    .navigation li.menu-item-has-children .menu-item-has-children .navigation__submenu {

      top: 0;

      right: 0;

      bottom: auto;

      bottom: initial;

      left: auto;

      left: initial;

      transform: translateX(100%);
    }
  }

  .navigation__topbar {

    display: flex;

    align-items: center;

    justify-content: flex-end;

    -moz-column-gap: 1rem;

         column-gap: 1rem;

    padding: 0.625rem 1rem;

    color: var(--color-white);

    background-color: var(--color-primary);
  }

  @media (min-width: 1024px) {

    .navigation__topbar {

      display: none;
    }
  }

  .navigation__submenu {

    -moz-column-gap: 1rem;

         column-gap: 1rem;

    height: calc(100% - 0 * 4.25rem * -1 - 4.25rem);

    height: calc(100% - var(--depth, 0) * 4.25rem * -1 - 4.25rem);

    position: absolute;

    z-index: 2;

    top: calc(0 * 4.25rem * -1 + 4.25rem);

    top: calc(var(--depth, 0) * 4.25rem * -1 + 4.25rem);

    right: 0;

    left: 0;

    transform: translateX(100%);

    color: var(--color-primary);

    background-color: var(--color-white);

    transition: transform 0.3s ease-in-out;
  }

  @media (min-width: 1024px) {

    .navigation__submenu {

      height: auto;

      top: auto;

      top: initial;

      right: auto;

      right: initial;

      bottom: 0;

      transform: none;

      transform: initial;

      transform: translateY(100%);

      border-top: 2px solid var(--color-primary);

      opacity: 0;

      visibility: hidden;

      transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;

      will-change: opacity, visibility;
    }
  }

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

    .navigation__submenu a:hover,
    .navigation__submenu button:hover {

      background-color: var(--neutral-50);
    }
  }

  @media (min-width: 1024px) {

    .navigation__submenu a {

      padding: 0.75rem 1.25rem;
    }
  }

  @media (min-width: 1024px) {

    .navigation__submenu button[aria-expanded=true] svg {

      transform: rotate(270deg) !important;
    }
  }

  .navigation__submenu.is-open {

    transform: translateX(0);

    opacity: 1;

    visibility: visible;
  }

  @media (min-width: 1024px) {

    .navigation__submenu.is-open {

      transform: none;

      transform: initial;
    }
  }

  .navigation__item a,
  .navigation__item button {

    display: flex;

    align-items: center;

    justify-content: space-between;

    -moz-column-gap: 1rem;

         column-gap: 1rem;

    width: 100%;

    padding: 1rem 1.5rem;

    font-size: 1rem;

    line-height: 1.5rem;

    color: #28257d;

    color: var(--brand-primary-700, #28257d);

    letter-spacing: -0.02rem;

    cursor: pointer;
  }

  @media (min-width: 1024px) {

    .navigation__item a,
    .navigation__item button {

      -moz-column-gap: 0.25rem;

           column-gap: 0.25rem;
    }
  }

  .navigation__item button.navigation__submenu__go-back {

    justify-content: flex-start;

    font-weight: 600;
  }

  @media (min-width: 1024px) {

    .navigation__item button.navigation__submenu__go-back {

      display: none;
    }
  }

  .navigation__item button.navigation__item-icon {

    flex-shrink: 0;

    width: 3rem;

    height: 3rem;

    padding: 0;
  }

  @media (min-width: 1024px) {

    .navigation__item button.navigation__item-icon {

      width: 1.25rem;

      height: 1.25rem;

      margin-right: 0.5rem;
    }
  }

  .navigation__item button.navigation__item-icon svg {

    width: 1.25rem;

    height: 1.25rem;

    transform: rotate(270deg);

    transition: transform 0.2s ease-in-out;
  }

  @media (min-width: 1024px) {

    .navigation__item button[aria-expanded=true] svg {

      transform: rotate(180deg);
    }
  }

  .navigation__link--button svg {

    transform: rotate(270deg);

    transition: transform 0.2s ease-in-out;
  }

  @media (min-width: 1024px) {

    .navigation > li {

      position: relative;

      border-bottom: none !important;
    }
  }

  @media (min-width: 1024px) {

    .navigation > li > button.navigation__item-icon:not([aria-expanded=true]) > svg, .navigation > li > button.navigation__link--button:not([aria-expanded=true]) span > svg {

      transform: rotate(0);
    }
  }

  @media (min-width: 1024px) {

    .navigation > li > a, .navigation > li > button {

      padding: 1rem 0.5rem;
    }
  }

  @media (min-width: 1024px) {

    .navigation > li > .navigation__submenu {

      min-width: 16.25rem;

      z-index: 3;

      transform: translateY(100%);
    }
  }

  .footer__menuList {

    display: grid;

    grid-gap: 0.5rem;

    gap: 0.5rem;

    margin: 0.625rem 0 0;
  }

  @media (min-width: 768px) {

    .footer__menuList {

      gap: 1rem;
    }
  }

  @media (min-width: 1024px) {

    .footer__menuList {

      gap: 0.75rem;

      margin-top: 1rem;
    }
  }

  .footer__menuSubList {

    padding-left: 1rem;
  }

  .footer__menu-link, .footer__menuSubLink {

    display: block;

    font-size: 0.75rem;

    line-height: 1.125rem;

    color: var(--neutral-500);

    letter-spacing: -0.015rem;

    transition: color 0.2s ease;
  }

  @media (min-width: 768px) {

    .footer__menu-link, .footer__menuSubLink {

      font-size: 0.875rem;

      line-height: 1.3125rem;

      letter-spacing: -0.0175rem;
    }
  }

  .footer__menu-link:hover, .footer__menuSubLink:hover {

    color: var(--neutral-200);

    -webkit-text-decoration: underline;

    text-decoration: underline;
  }

  #my-account-dropdown-container {

    display: grid;

    grid-template-rows: 0fr;

    position: absolute;

    z-index: 100;

    top: 110%;

    right: 0;

    overflow: hidden;

    transition: grid-template-rows 0.4s ease-in-out;
  }

  #my-account-dropdown-container > div {

    min-height: 0;

    overflow: hidden;
  }

  #my-account-dropdown-container.active {

    grid-template-rows: 1fr;
  }

  .OpinionCard__content {

    color: #4c4243;
  }

  .OpinionCard__content p,
  .OpinionCard__content li,
  .OpinionCard__content span {

    font-size: 1rem;

    line-height: 1.5rem;

    letter-spacing: -0.02rem;
  }

  @media (min-width: 1024px) {

    .OpinionCard__content p,
    .OpinionCard__content li,
    .OpinionCard__content span {

      font-size: 1.125rem;

      line-height: 1.6875rem;

      letter-spacing: -0.0225rem;
    }
  }

  .Opinions__arrow {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 100%;

    height: 56px;

    max-width: 164px;

    border-radius: 56px;

    background-color: var(--brand-primary-50);

    cursor: pointer;

    transition: background-color 0.3s ease;
  }

  @media (min-width: 1024px) {

    .Opinions__arrow {

      width: 56px;

      border: 1px solid var(--neutral-50);

      border-radius: 50%;

      background-color: transparent;
    }
  }

  @media (min-width: 1024px) {

    .Opinions__arrow:hover {

      background-color: var(--neutral-50);
    }
  }

  .reviews-slider-wrapper {

    width: 100vw;

    padding-bottom: 40px;

    overflow: hidden;
  }

  @media (min-width: 768px) {

    .reviews-slider-wrapper {

      padding-bottom: 70px;
    }
  }

  .reviews-slider-wrapper .splide__track {

    overflow: visible !important;
  }

  @media (min-width: 768px) {

    .reviews-slider-wrapper .splide__slide .item {

      height: 100%;

      box-shadow: 0 54px 32px hsla(0, 0%, 0%, 0.01), 0 24px 24px hsla(0, 0%, 0%, 0.02), 0 6px 13px hsla(0, 0%, 0%, 0.02);
    }
  }

  .reviews-slider-wrapper .splide__navigation .splide__pagination {

    gap: 0.5rem;

    bottom: -1.5rem;
  }

  .reviews-slider-wrapper .splide__navigation .splide__pagination__page {

    width: 0.5rem;

    height: 0.5rem;

    margin: 0;

    background: var(--color-text-medium);
  }

  .reviews-slider-wrapper .splide__navigation .splide__pagination__page.is-active {

    transform: none;

    background: var(--color-primary);
  }

  .reviews-slider-wrapper .splide__arrows .splide__arrow {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 40px;

    height: 40px;

    border: 1px solid var(--color-accent);

    background: hsl(0, 0%, 100%);

    background: var(--color-white, hsl(0, 0%, 100%));

    filter: drop-shadow(0 12px 5px hsla(0, 0%, 0%, 0.01)) drop-shadow(0 7px 4px hsla(0, 0%, 0%, 0.03)) drop-shadow(0 3px 3px hsla(0, 0%, 0%, 0.04)) drop-shadow(0 1px 2px hsla(0, 0%, 0%, 0.05));

    opacity: 1;
  }

  .reviews-slider-wrapper .splide__arrows .splide__arrow--prev {

    left: -20px;
  }

  .reviews-slider-wrapper .splide__arrows .splide__arrow--prev svg {

    transform: none;
  }

  .reviews-slider-wrapper .splide__arrows .splide__arrow--next {

    right: -20px;
  }

  .SearchPopup {

    pointer-events: none;

    display: flex;

    flex-direction: column;

    justify-content: flex-start;

    padding-bottom: 2rem;

    transform: translateY(10px);

    opacity: 0;

    visibility: hidden;

    overflow-y: scroll;

    transition: all 200ms ease-out;
  }

  .SearchPopup__search-input {

    border-bottom: 1px solid #d9d9d9;

    border-radius: 0 !important;
  }

  .SearchPopup__results .wrapper .search-results {

    padding: 1rem;

    margin-top: 2rem;
  }

  .SearchPopup__results .wrapper .search-results a {

    display: flex;

    align-items: center;

    padding: 16px 40px;

    margin-bottom: 8px;

    background-color: #fff;

    box-shadow: 0 16px 40px hsla(220, 72%, 34%, 0.08);

    font-size: 0.75rem;
  }

  .SearchPopup__results .wrapper .search-results a img {

    max-width: 70px;

    min-height: 70px;

    margin-right: 15px;
  }

  .SearchPopup__results .wrapper .search-results a .price {

    margin-left: auto;

    font-weight: 700;

    color: var(--color-primary);

    font-size: 0.9375rem;
  }

  .SearchPopup__results .wrapper .search-results a .name {

    color: #000;

    color: var(--color-black, #000);

    font-size: 0.9375rem;
  }

  .SearchPopup__results .wrapper .nothing-found {

    padding-top: 2rem;

    text-align: center;
  }

  .SearchPopup.open {

    pointer-events: all;

    z-index: 20;

    transform: translateY(0);

    opacity: 1;

    visibility: visible;
  }

  .post-tags .button:not(.button--no-style) {

    min-width: 0;

    min-height: 0;

    padding: 0.5rem 1rem;

    font-weight: 400;
  }

  .Medication {

    background-color: #fff;
  }

  .Medication__content {

    display: grid;
  }

  @media (min-width: 1024px) {

    .Medication__content {

      align-items: start;

      justify-content: space-between;

      grid-template-columns: minmax(0, 593px) minmax(0, 429px);
    }
  }

  .StatsSection {

    background: linear-gradient(268deg, #00cb4d 18%, #00ac54 86.51%);
  }

  .gradient {

    background: linear-gradient(268deg, #00cb4d 18%, #00ac54 86.51%);
  }

  .gradient-bg {

    position: relative;

    z-index: 1;

    background: linear-gradient(326deg, #00ac54 0%, #00cb4d 42.82%, #00ac54 80.51%);
  }

  .background-section-wrapper {

    padding-top: 0;

    padding-bottom: 0;

    position: relative;

    z-index: 1;

    overflow: hidden;
  }

  .background-section-wrapper::after {

    content: "";

    width: 100%;

    height: 100%;

    position: absolute;

    top: 150px;

    border-radius: 180px 0 0;

    background: linear-gradient(326deg, #00ac54 0%, #00cb4d 42.82%, #00ac54 80.51%);
  }

  @media (min-width: 768px) {

    .background-section-wrapper::after {

      top: 250px;
    }
  }

  .background-section-wrapper--alt {

    display: flex;

    flex-direction: column;

    justify-content: flex-end;

    min-height: 380px;

    position: relative;

    margin-top: 20px;

    overflow: visible;
  }

  @media (min-width: 768px) {

    .background-section-wrapper--alt {

      min-height: 560px;
    }
  }

  .background-section-wrapper--alt::after {

    content: "";

    pointer-events: none;

    width: 100vw;

    height: auto;

    max-width: none;

    position: absolute;

    z-index: 0;

    top: 0;

    bottom: 0;

    left: 50%;

    transform: translateX(-50%);

    border-radius: 220px 0 0;

    background: linear-gradient(300deg, #00b24f 0%, #00d25a 45%, #00ae55 100%);
  }

  .background-section-wrapper--alt > * {

    position: relative;

    z-index: 10;
  }

  .HomePageBottomContent {

    padding-top: 50px;

    position: relative;

    z-index: 10;

    margin-right: auto;

    margin-left: auto;
  }

  @media (min-width: 768px) {

    .HomePageBottomContent {

      margin-top: 1.25rem;
    }
  }

  @media (min-width: 1024px) {

    .HomePageBottomContent {

      padding-bottom: 100px;
    }
  }

  @media (min-width: 1024px) {

    .HomePageBottomContent {

      padding-top: 50px;
    }

    .HomePageBottomContent p,
    .HomePageBottomContent li {

      font-size: 18px !important;

      font-weight: 500 !important;

      text-align: left !important;
    }

    .HomePageBottomContent .Content,
    .HomePageBottomContent .Content p,
    .HomePageBottomContent .Content li {

      font-size: 18px !important;

      font-weight: 500 !important;
    }
  }

  .HomePageBottomContent p,
  .HomePageBottomContent li {

    font-size: 16px !important;

    font-weight: 500 !important;

    line-height: 1.6 !important;

    text-align: left !important;
  }

  .HomePageBottomContent__container {

    display: grid;

    align-items: center;

    padding-right: 1rem;

    padding-left: 1rem;
  }

  @media (min-width: 1024px) {

    .HomePageBottomContent__container {

      grid-template-columns: minmax(0, 1fr) minmax(0, 535px) minmax(0, 535px) minmax(0, 1fr);

      padding-right: 0;

      padding-left: 0;
    }
  }

  .HomePageBottomContent__content {

    margin-top: 50px;
  }

  @media (min-width: 1024px) {

    .HomePageBottomContent__content {

      grid-column: 2/3;

      padding-right: 3rem;

      margin-top: 0;
    }
  }

  @media (min-width: 1024px) {

    .HomePageBottomContent__content .Content,
    .HomePageBottomContent__content .Content p,
    .HomePageBottomContent__content .Content li {

      font-size: 18px !important;

      line-height: 1.6 !important;
    }
  }

  .HomePageBottomContent__content .Content,
  .HomePageBottomContent__content .Content p,
  .HomePageBottomContent__content .Content li {

    font-size: 16px !important;

    line-height: 1.6 !important;
  }

  .HomePageBottomContent__content .Content p,
  .HomePageBottomContent__content .Content li {

    font-weight: 400 !important;
  }

  @media (min-width: 1024px) {

    .HomePageBottomContent__image {

      display: block;

      grid-column: 3/5;

      position: relative;
    }
  }

  .HomePageBottomContent__image img {

    width: 100%;

    height: 100%;

    max-width: 586px;

    -o-object-fit: cover;

       object-fit: cover;

    -o-object-position: center;

       object-position: center;
  }

  .HomePageBottomContent .Content,
  .HomePageBottomContent .Content p,
  .HomePageBottomContent .Content li {

    font-size: 16px !important;

    font-weight: 500 !important;

    line-height: 1.6 !important;
  }

  .HomePageBottomContent .space-y-4 > div {

    display: flex;

    align-items: center;

    gap: 0.75rem;

    height: auto !important;

    max-height: none !important;

    padding: 0.5rem !important;

    color: #0e1b09 !important;

    border-radius: 0.75rem !important;

    background: #fff !important;

    box-shadow: none !important;

    backdrop-filter: none !important;
  }

  .HomePageBottomContent .space-y-4 > div .w-12 {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 2.25rem !important;

    height: 2.25rem !important;

    padding: 0 !important;

    border-radius: 9999px !important;

    background: transparent !important;
  }

  .HomePageBottomContent .space-y-4 > div .w-12 img {

    display: block !important;

    width: 1.25rem !important;

    height: 1.25rem !important;

    line-height: 0 !important;

    -o-object-fit: contain !important;

       object-fit: contain !important;
  }

  .Hero__title span:not([class]) {

    display: inline-block;

    padding: 4px 10px;

    margin-top: 8px;

    color: var(--brand-primary-500);

    border: 1px solid #fff;

    border-radius: 14px;

    background: linear-gradient(93deg, hsla(0, 0%, 100%, 0.7) 2.75%, hsla(0, 0%, 100%, 0.14) 98.4%);
  }

  @media (min-width: 1024px) {

    .Hero__title span:not([class]) {

      padding: 0 16px;

      transform: translateY(4px);

      margin: 0;

      margin-left: 5px;
    }
  }

  .Hero__floating_badges__item__icon {

    border: 4px solid hsla(0, 0%, 96%, 0.3);

    background: #f1f0ff;

    background: var(--brand-primary-50, #f1f0ff);

    box-shadow: 0 0 0 4px hsla(244, 100%, 97%, 0.4);
  }

  .Hero__floating_badges__item__text {

    border-radius: 40px;

    border: 1px solid hsla(0, 0%, 100%, 0.2);

    border: 1px solid var(--card-stroke, hsla(0, 0%, 100%, 0.2));

    background: radial-gradient(194.01% 135.13% at -11.56% -26.25%, hsla(0, 0%, 100%, 0.9) 0%, hsla(0, 0%, 100%, 0.34) 74.66%);

    backdrop-filter: blur(14px);
  }

  .Steps__scrollbar__track {

    height: 0;

    will-change: height;
  }

  .Steps__counter__number {

    transition: box-shadow 0.1s ease-in-out, color 0.1s ease-in-out, background 0.1s ease-in-out;

    will-change: box-shadow, color, background;
  }

  .page-recruitment-landing .header {

    margin-top: 32px;
  }

  @media (min-width: 1024px) {

    .page-recruitment-landing .header {

      margin-top: 15px;
    }
  }

  .page-recruitment-landing .navigation__item a, .page-recruitment-landing .navigation__submenu-item a {

    font-weight: 600;

    font-size: 1rem;
  }

  @media (min-width: 1024px) {

    .page-recruitment-landing .navigation__item:not(:last-of-type) {

      margin-right: 72px;
    }
  }

  @media (min-width: 1024px) {

    .page-recruitment-landing .navigation__item.menu-item-bordered a {

      padding: 14px 30px;

      border: 2px solid #000;

      border-radius: 8px;
    }
  }

  .page-recruitment-landing .footer .Text,
  .page-recruitment-landing .footer .Text p {

    font-weight: 400;

    line-height: 1.35;

    color: var(--color-text-medium);

    font-size: 0.875pxrem;
  }

  .page-recruitment-landing .section-hero::before {

    content: "";

    display: block;

    width: 100%;

    height: 250px;

    position: absolute;

    bottom: 0;

    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 0%, hsl(0, 0%, 100%) 72.39%);
  }

  @media (min-width: 768px) {

    .page-recruitment-landing .section-hero::before {

      width: 70%;

      height: 135px;

      right: 0;

      background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 7.06%, hsl(0, 0%, 100%) 91.41%);
    }
  }

  @media (min-width: 1024px) {

    .page-recruitment-landing .section-hero::before {

      width: 60%;
    }
  }

  @media (min-width: 1280px) {

    .page-recruitment-landing .section-hero::before {

      width: 55%;
    }
  }

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

    .page-recruitment-landing .section-hero::before {

      width: 50%;
    }
  }

  .page-recruitment-landing .section-hero::after {

    content: "";

    width: 100%;

    height: 500px;

    position: absolute;

    z-index: -1;

    bottom: 0;

    background-image: var(--mobile-bg-image);

    background-repeat: no-repeat;

    background-position: top right;

    background-size: cover;
  }

  @media (min-width: 768px) {

    .page-recruitment-landing .section-hero::after {

      display: block;

      width: 70%;

      height: calc(100% + 145px);

      top: -145px;

      right: 0;

      left: auto;

      left: initial;

      background-image: var(--desktop-bg-image);
    }
  }

  @media (min-width: 1024px) {

    .page-recruitment-landing .section-hero::after {

      width: 60%;

      height: calc(100% + 125px);

      top: -125px;
    }
  }

  @media (min-width: 1280px) {

    .page-recruitment-landing .section-hero::after {

      width: 55%;
    }
  }

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

    .page-recruitment-landing .section-hero::after {

      width: 50%;
    }
  }

  .page-recruitment-landing .section-hero .header-content .Title {

    font-weight: 500;

    line-height: 1.35;

    font-size: 2rem;
  }

  @media (min-width: 1024px) {

    .page-recruitment-landing .section-hero .header-content .Title {

      font-size: 3rem;
    }
  }

  .page-recruitment-landing .section-hero .header-content .Title strong {

    font-weight: 700;
  }

  .page-recruitment-landing .section-hero .header-content .info-badge {

    background: hsla(223, 51%, 40%, 0.1);
  }

  .page-recruitment-landing .section-hero .header-content .info-badge__title {

    font-weight: 500;

    color: var(--color-accent);

    font-size: 0.875rem;
  }

  .page-recruitment-landing .section-hero .header-content .header-green-button {

    box-shadow: 0 43px 17px hsla(148, 94%, 35%, 0.01), 0 24px 14px hsla(148, 94%, 35%, 0.05), 0 11px 11px hsla(148, 94%, 35%, 0.09), 0 3px 6px hsla(148, 94%, 35%, 0.1);
  }

  @media (min-width: 1024px) {

    .page-recruitment-landing .section-hero .header-content .header-green-button {

      box-shadow: 0 57px 23px hsla(148, 94%, 35%, 0.01), 0 32px 19px hsla(148, 94%, 35%, 0.05), 0 14px 14px hsla(148, 94%, 35%, 0.09), 0 4px 8px hsla(148, 94%, 35%, 0.1);
    }
  }

  @media (min-width: 768px) {

    .page-recruitment-landing .hero-advantages-section .featured-info .item {

      order: initial !important;
    }
  }

  .page-recruitment-landing .section-content-rows .content-row__image > img {

    box-shadow: 0 63px 25px hsla(0, 0%, 0%, 0.01), 0 35px 21px hsla(0, 0%, 0%, 0.03), 0 16px 16px hsla(0, 0%, 0%, 0.04), 0 4px 9px hsla(0, 0%, 0%, 0.05);
  }

  .page-recruitment-landing .section-content-rows .content-row .image-tooltip {

    box-shadow: 0 151px 60px hsla(0, 0%, 0%, 0.01), 0 85px 51px hsla(0, 0%, 0%, 0.04), 0 38px 38px hsla(0, 0%, 0%, 0.06), 0 9px 21px hsla(0, 0%, 0%, 0.07);
  }

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

    .page-recruitment-landing .section-content-rows .bg-big-image {

      right: -150px;
    }
  }

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

    .page-recruitment-landing .section-content-rows .bg-big-image {

      right: -200px;
    }
  }

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

    .page-recruitment-landing .section-content-rows .bg-big-image {

      right: -300px;
    }
  }

  .page-recruitment-landing .section-about-us .section-description,
  .page-recruitment-landing .section-about-us .section-description p {

    margin-bottom: 0.75rem;

    font-size: 1rem;

    font-weight: 500;

    line-height: 150%;

    color: var(--color-text-medium);
  }

  @media (min-width: 768px) {

    .page-recruitment-landing .section-about-us .section-description,
    .page-recruitment-landing .section-about-us .section-description p {

      margin-bottom: 1rem;

      font-size: 1.25rem;
    }
  }

  .page-recruitment-landing .section-about-us .section-description:last-child,
  .page-recruitment-landing .section-about-us .section-description p:last-child {

    margin-bottom: 0;
  }

  .page-recruitment-landing .section-brand-portals .brand-portal-item {

    filter: drop-shadow(0 30px 18px hsla(0, 0%, 0%, 0.01)) drop-shadow(0 13px 13px hsla(0, 0%, 0%, 0.02)) drop-shadow(0 3px 7px hsla(0, 0%, 0%, 0.02));
  }

  .page-recruitment-landing .section-reviews .section-description,
  .page-recruitment-landing .section-reviews .section-description p {

    margin-bottom: 0.75rem;

    font-size: 1rem;

    font-weight: 500;

    line-height: 150%;

    color: var(--color-text-medium);
  }

  @media (min-width: 768px) {

    .page-recruitment-landing .section-reviews .section-description,
    .page-recruitment-landing .section-reviews .section-description p {

      margin-bottom: 1rem;

      font-size: 1.25rem;
    }
  }

  .page-recruitment-landing .section-reviews .section-description:last-child,
  .page-recruitment-landing .section-reviews .section-description p:last-child {

    margin-bottom: 0;
  }

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

    .page-recruitment-landing .section-reviews .bg-big-image {

      right: -150px;
    }
  }

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

    .page-recruitment-landing .section-reviews .bg-big-image {

      right: -200px;
    }
  }

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

    .page-recruitment-landing .section-reviews .bg-big-image {

      right: -300px;
    }
  }

  .page-recruitment-landing .section-forms .tab-content iframe {

    width: 100%;

    min-height: 550px !important;
  }

  .faq-filter-btn.is-active {

    color: var(--color-white);

    background-color: var(--color-primary);
  }

  .faq-carousel {

    display: flex;

    justify-content: flex-start;

    gap: 0.5rem;

    width: 100%;

    max-width: 84.8125rem;

    padding: 0 1.3125rem;

    position: relative;

    margin: 2.5rem auto 0;

    overflow-x: auto;

    scrollbar-width: none;
  }

  @media (min-width: 1024px) {

    .faq-carousel {

      justify-content: center;

      gap: 0.75rem;

      margin-top: 2.0625rem;
    }
  }

  .faq-carousel::-webkit-scrollbar {

    display: none;
  }

  .faq-carousel.is-dragging {

    cursor: grabbing;
  }

  .SplitContent.is-hidden {

    display: none;
  }

  .Post {

    color: var(--color-text-black);
  }

  .Post a {

    color: var(--color-primary);
  }

  .Post p,
  .Post li {

    margin-bottom: 1rem;

    font-size: 1rem;

    line-height: 1.5rem;

    letter-spacing: -0.02rem;
  }

  @media (min-width: 1024px) {

    .Post p,
    .Post li {

      margin-bottom: 1.6875rem;

      font-size: 1.125rem;

      line-height: 1.6875rem;

      letter-spacing: -0.0225rem;
    }
  }

  .Post p:last-child,
  .Post li:last-child {

    margin-bottom: 0;
  }

  .Post p + h1, .Post p + h2, .Post p + h3, .Post p + h4, .Post p + h5, .Post p + h6,
  .Post li + h1,
  .Post li + h2,
  .Post li + h3,
  .Post li + h4,
  .Post li + h5,
  .Post li + h6 {

    margin-top: 2.5rem;
  }

  .Post p {

    margin-bottom: 1.5rem;
  }

  @media (min-width: 1024px) {

    .Post p {

      margin-bottom: 1.6875rem;
    }
  }

  .Post h2 {

    margin-bottom: 1rem;

    font-size: 1.125rem;

    font-weight: 600;

    line-height: 1.6875rem;

    letter-spacing: -0.0225rem;
  }

  @media (min-width: 1024px) {

    .Post h2 {

      font-size: 1.5rem;

      line-height: 2.25rem;

      letter-spacing: -0.03rem;
    }
  }

  .Post h2:last-child {

    margin-bottom: 0;
  }

  .mobileOnlyVisible {

    visibility: visible;
  }

  @media (min-width: 768px) {

    .mobileOnlyVisible {

      visibility: hidden;
    }
  }

  .desktopOnlyVisible {

    visibility: hidden;
  }

  @media (min-width: 768px) {

    .desktopOnlyVisible {

      visibility: visible;
    }
  }

  .landing-bg {

    background: linear-gradient(187.73deg, #00cb4d -1.47%, #00ac54 109%);
  }

  .custom-padding {

    padding-top: 1.25rem;

    padding-right: 2.5rem;

    padding-left: 2.5rem;
  }

  @media (min-width: 1024px) {

    .custom-padding {

      padding-right: 2.5rem;

      padding-bottom: 2.5rem;

      padding-left: 2.5rem;
    }
  }
}

body:not(.mouse-user) .big-blog-tile:has(a:focus) {

  overflow: hidden;

  outline: 4px solid #01f !important;

  outline-offset: 0.0625rem;
}

body:not(.mouse-user) .big-blog-tile:has(a:focus) a {

  outline: none !important;
}

body .blog-tile:has(a:hover) img,
body .blog-tile:has(a:hover) .blog-tile-overlay {

  transform: scale(1.05);
}

body .blog-tile img,
body .blog-tile .blog-tile-overlay {

  transition: transform 0.2s ease-in-out;
}

.forminator-ui {

  max-width: 600px;

  margin-left: auto;

  margin-right: auto;
}

@media (min-width: 1024px) {

  .forminator-ui {

    max-width: none;

    max-width: initial;

    margin-left: 0;

    margin-left: initial;

    margin-right: 0;

    margin-right: initial;
  }
}

.forminator-guttenberg {

  margin-top: 2rem;
}

.forminator-required {

  color: var(--color-error);
}

.forminator-description {

  margin-top: 0.5rem;
}

.forminator-checkbox__label {

  padding-left: 2.75rem;
}

@media (min-width: 1024px) {

  .forminator-checkbox__label {

    padding-left: 2.625rem;
  }
}

.forminator-checkbox__label > p {

  font-size: 1rem;

  line-height: 1.5rem;

  letter-spacing: -0.02rem;

  color: var(--neutral-800);
}

@media (min-width: 1024px) {

  .forminator-checkbox__label > p {

    font-size: 1.125rem;

    line-height: 1.6875rem;

    letter-spacing: -0.0225rem;
  }
}

.forminator-ui .forminator-response-message.forminator-loading::before {

  all: unset;

  content: "";

  position: absolute;

  width: 1.5rem;

  height: 1.5rem;

  pointer-events: none;

  z-index: 1;

  background-position: center;

  background-repeat: no-repeat;

  background-size: contain;

  right: 16px;

  top: 50%;

  transform: translateY(-50%);

  transition: opacity 0.2s ease, visibility 0.2s ease;

  border: 0.1875rem solid var(--color-white);

  border-radius: 50%;

  border-top-color: var(--color-primary);

  animation: loader-rotate-translate-y 1s linear infinite;
}

.forminator-response-message {

  padding: 1rem;

  border-radius: 0.75rem;

  border: 1px solid transparent;

  margin-bottom: 1.5rem;
}

.forminator-response-message:empty {

  display: none;
}

.forminator-response-message.forminator-error {

  border-color: var(--color-error);

  background-color: var(--color-error-light);
}

.forminator-response-message.forminator-success {

  margin-bottom: 0;
}

.forminator-response-message.forminator-loading {

  border-color: var(--color-primary);

  background-color: var(--neutral-400);

  position: relative;
}

.forminator-response-message.forminator-loading p {

  font-weight: 600;
}

.forminator-field {

  width: 100%;

  position: relative;
}

.forminator-field::after {

  content: "";

  position: absolute;

  width: 1.5rem;

  height: 1.5rem;

  pointer-events: none;

  z-index: 1;

  background-position: center;

  background-repeat: no-repeat;

  background-size: contain;

  right: 16px;

  transition: opacity 0.2s ease, visibility 0.2s ease;
}

.forminator-field:has(input:focus)::after {

  opacity: 0;

  visibility: hidden;
}

.forminator-field.forminator-has_error::after {

  background-image: url("data:image/svg+xml,%3Csvg fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M12 2.3a9.7 9.7 0 1 0 0 19.4 9.7 9.7 0 0 0 0-19.4m3.5 12.2a.8.8 0 1 1-1 1L12 13.1l-2.5 2.4a.8.8 0 1 1-1-1l2.4-2.5-2.4-2.5a.8.8 0 0 1 1-1l2.5 2.4 2.5-2.4a.8.8 0 0 1 1 1L13.1 12z%27 fill=%27%23ff3838%27/%3E%3C/svg%3E");

  bottom: 2.875rem;
}

.forminator-field.forminator-has_error input[type=text],
.forminator-field.forminator-has_error input[type=password],
.forminator-field.forminator-has_error input[type=email],
.forminator-field.forminator-has_error textarea {

  padding-right: 3.375rem;
}

.forminator-field.forminator-is_filled:not(.forminator-has_error)::after {

  background-image: url("data:image/svg+xml,%3Csvg fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M12 2.25A9.75 9.75 0 1 0 21.75 12 9.76 9.76 0 0 0 12 2.25m4.2806 8.0306-5.25 5.25a.749.749 0 0 1-.8178.1628.75.75 0 0 1-.2434-.1628l-2.25-2.25a.7503.7503 0 1 1 1.0612-1.0612L10.5 13.9397l4.7194-4.7203a.75.75 0 0 1 .5306-.2198.7506.7506 0 0 1 .6933 1.0376.75.75 0 0 1-.1627.2434%27 fill=%27%2366ea14%27/%3E%3C/svg%3E");

  bottom: 1rem;
}

.forminator-field.forminator-is_filled input[type=text],
.forminator-field.forminator-is_filled input[type=password],
.forminator-field.forminator-is_filled input[type=email],
.forminator-field.forminator-is_filled textarea {

  padding-right: 3.375rem;
}

.forminator-field:has(textarea)::after {

  top: 3.125rem;

  bottom: auto;

  bottom: initial;
}

.forminator-field:has(textarea).forminator-is_filled, .forminator-field:has(textarea).forminator-has_error {

  bottom: auto;

  bottom: initial;
}

.forminator-field:has([type=checkbox])::after {

  bottom: 0;
}

.forminator-field:has([type=checkbox]).forminator-is_filled, .forminator-field:has([type=checkbox]).forminator-has_error {

  bottom: 0;
}

.forminator-field:has([type=checkbox]) .forminator-error-message {

  padding-right: 3.375rem;
}

.forminator-field label {

  color: var(--neutral-800);

  font-weight: 500;

  font-size: 1.125rem;

  line-height: 1.6875rem;

  letter-spacing: -0.0225rem;
}

.forminator-field textarea {

  margin-top: 0.75rem;

  border-radius: 0.75rem;

  width: 100%;

  padding: 1rem;

  background-color: var(--neutral-50);

  margin-bottom: 0;

  min-height: 8rem;

  border: 1px solid transparent;

  font-size: 0.875rem;

  line-height: 1.3125rem;

  letter-spacing: -0.0175rem;
}

@media (min-width: 1024px) {

  .forminator-field textarea {

    font-size: 1rem;

    line-height: 1.5rem;

    letter-spacing: -0.02rem;

    min-height: 12.5rem;
  }
}

.forminator-field textarea::-moz-placeholder {

  color: #a1a1a8;
}

.forminator-field textarea::placeholder {

  color: #a1a1a8;
}

.forminator-field input[type=text],
.forminator-field input[type=password],
.forminator-field input[type=email] {

  margin-top: 0.625rem;

  border-radius: 0.75rem;

  width: 100%;

  padding: 1rem 0.8125rem;

  background-color: var(--neutral-50);

  font-size: 0.875rem;

  line-height: 1.3125rem;

  letter-spacing: -0.0175rem;

  color: var(--neutral-800);

  border: 1px solid transparent;
}

@media (min-width: 1024px) {

  .forminator-field input[type=text],
  .forminator-field input[type=password],
  .forminator-field input[type=email] {

    font-size: 1rem;

    line-height: 1.5rem;

    letter-spacing: -0.02rem;
  }
}

.forminator-field input[type=text]:focus,
.forminator-field input[type=password]:focus,
.forminator-field input[type=email]:focus {

  border-color: var(--color-primary);
}

.forminator-field input[type=text]::-moz-placeholder, .forminator-field input[type=password]::-moz-placeholder, .forminator-field input[type=email]::-moz-placeholder {

  color: #a1a1a8;
}

.forminator-field input[type=text]::placeholder,
.forminator-field input[type=password]::placeholder,
.forminator-field input[type=email]::placeholder {

  color: #a1a1a8;
}

.forminator-field .forminator-button-submit {

  padding: 1rem 2rem;

  width: 100%;

  position: relative;

  overflow: hidden;

  cursor: pointer;

  color: var(--color-white);

  border-radius: 0.875rem;

  font-size: 1rem;

  line-height: 1.5rem;

  letter-spacing: -0.02rem;

  font-weight: 600;

  display: flex;

  align-items: center;

  justify-content: center;

  flex-direction: row-reverse;

  background: linear-gradient(108deg, #ff7ff2 -60.44%, #5854d5 93.08%);

  background: var(--linear, linear-gradient(108deg, var(--brand-secondary-300, #ff7ff2) -60.44%, var(--brand-primary-400, #5854d5) 93.08%));
}

.forminator-field .forminator-button-submit::after {

  content: "";

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

  transform: skewX(-25deg) translateX(calc(-100% - 1.875rem));

  background: linear-gradient(120deg, transparent, hsla(0, 0%, 100%, 0.5), transparent);

  transition: transform 0.45s ease;
}

.forminator-field .forminator-button-submit::before {

  content: "";

  width: 1.25rem;

  height: 1.25rem;

  display: block;

  transform: translate(10px, 0px);

  background-image: url("data:image/svg+xml,%3Csvg width=%2720%27 height=%2720%27 viewBox=%270 0 20 20%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M18.0781 3.46358C18.0781 3.46358 18.0781 3.4714 18.0781 3.4753L13.5312 18.4706C13.4624 18.7142 13.3208 18.9309 13.1253 19.0916C12.9297 19.2523 12.6898 19.3494 12.4375 19.3698C12.4016 19.373 12.3656 19.3745 12.3297 19.3745C12.0933 19.3753 11.8616 19.3083 11.662 19.1817C11.4624 19.055 11.3031 18.8739 11.2031 18.6597L8.35937 12.8237C8.33092 12.7653 8.32142 12.6993 8.3322 12.6352C8.34299 12.5711 8.37351 12.5119 8.41953 12.4659L12.9445 7.94093C13.0568 7.82276 13.1185 7.66542 13.1164 7.50244C13.1143 7.33947 13.0486 7.18375 12.9334 7.0685C12.8181 6.95325 12.6624 6.88758 12.4994 6.8855C12.3364 6.88341 12.1791 6.94507 12.0609 7.05733L7.53359 11.5823C7.48763 11.6283 7.42845 11.6589 7.36431 11.6697C7.30017 11.6804 7.23426 11.6709 7.17578 11.6425L1.33437 8.79952C1.10595 8.68993 0.916219 8.51353 0.790323 8.29367C0.664426 8.07382 0.608307 7.8209 0.629403 7.56843C0.650498 7.31596 0.747813 7.07586 0.908449 6.87994C1.06909 6.68403 1.28546 6.54156 1.5289 6.4714L16.5242 1.92452H16.5359C16.7494 1.86454 16.9751 1.86244 17.1896 1.91843C17.4042 1.97442 17.6 2.0865 17.757 2.24315C17.914 2.39981 18.0265 2.5954 18.0829 2.80987C18.1393 3.02434 18.1377 3.24996 18.0781 3.46358Z%27 fill=%27white%27/%3E%3C/svg%3E%0A");

  background-repeat: no-repeat;
}

.forminator-field .forminator-button-submit:hover::after {

  transform: skewX(-25deg) translateX(calc(100% + 1.875rem));
}

@media (min-width: 1024px) {

  .forminator-field .forminator-button-submit {

    width: auto;

    padding: 1rem 2.5rem;

    font-size: 1.125rem;

    line-height: 1.6875rem;

    letter-spacing: -0.0225rem;
  }
}

.forminator-field label[for*=select] {

  position: relative;

  top: calc(var(--spacing) * 0);

  left: calc(var(--spacing) * 0);

  padding: calc(var(--spacing) * 0);
}

.forminator-field.forminator-is_filled input,
.forminator-field.forminator-is_filled textarea {

  border-color: var(--color-green-600);
}

.forminator-field.forminator-has_error input,
.forminator-field.forminator-has_error textarea {

  border-color: var(--color-red-600);
}

.forminator-field .forminator-radio,
.forminator-field .forminator-checkbox {

  display: flex;

  align-items: center;

  justify-content: flex-start;
}

.forminator-field .forminator-radio label,
.forminator-field .forminator-checkbox label {

  margin-bottom: calc(var(--spacing) * 2);
}

.forminator-field .forminator-radio input,
.forminator-field .forminator-checkbox input {

  margin-right: calc(var(--spacing) * 2);

  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + 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);
}

.forminator-field .forminator-error-message {

  font-size: 0.875rem;

  line-height: 1.225rem;

  color: var(--color-error);

  margin-top: 0.625rem;

  display: block;
}

.success-form-mark {

  width: 6.25rem;

  height: 6.25rem;

  margin-bottom: -1.5rem;

  background-image: url("data:image/svg+xml,%3Csvg fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 112 112%27%3E%3Cg filter=%27url%28%23a%29%27%3E%3Crect x=%2726%27 y=%2719%27 width=%2760%27 height=%2760%27 rx=%2712%27 fill=%27%235854d5%27 shape-rendering=%27crispEdges%27/%3E%3Crect x=%2726%27 y=%2719%27 width=%2760%27 height=%2760%27 rx=%2712%27 fill=%27url%28%23b%29%27 fill-opacity=%27.3%27 shape-rendering=%27crispEdges%27/%3E%3Crect x=%2723%27 y=%2716%27 width=%2766%27 height=%2766%27 rx=%2715%27 stroke=%27%23c6c5ff%27 stroke-opacity=%27.8%27 stroke-width=%276%27 shape-rendering=%27crispEdges%27/%3E%3Cpath d=%27m68.7 42.7-16 16a1 1 0 0 1-1.4 0l-7-7a1 1 0 1 1 1.4-1.4l6.3 6.3 15.3-15.3a1 1 0 0 1 1.4 1.4%27 fill=%27%23fff%27/%3E%3C/g%3E%3Cdefs%3E%3CradialGradient id=%27b%27 cx=%270%27 cy=%270%27 r=%271%27 gradientUnits=%27userSpaceOnUse%27 gradientTransform=%27rotate%2865.9 4.3 38.8%29scale%2863.561 83.8702%29%27%3E%3Cstop stop-color=%27%23fff%27/%3E%3Cstop offset=%271%27 stop-color=%27%23fff%27 stop-opacity=%270%27/%3E%3C/radialGradient%3E%3Cfilter id=%27a%27 x=%270%27 y=%270%27 width=%27112%27 height=%27112%27 filterUnits=%27userSpaceOnUse%27 color-interpolation-filters=%27sRGB%27%3E%3CfeFlood flood-opacity=%270%27 result=%27BackgroundImageFix%27/%3E%3CfeColorMatrix in=%27SourceAlpha%27 values=%270 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0%27 result=%27hardAlpha%27/%3E%3CfeOffset dy=%277%27/%3E%3CfeGaussianBlur stdDeviation=%2710%27/%3E%3CfeComposite in2=%27hardAlpha%27 operator=%27out%27/%3E%3CfeColorMatrix values=%270 0 0 0 0.120164 0 0 0 0 0.0955646 0 0 0 0 0.888886 0 0 0 0.22 0%27/%3E%3CfeBlend in2=%27BackgroundImageFix%27 result=%27effect1_dropShadow_2378_9984%27/%3E%3CfeBlend in=%27SourceGraphic%27 in2=%27effect1_dropShadow_2378_9984%27 result=%27shape%27/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");

  background-repeat: no-repeat;

  background-size: cover;
}

.form-success-message {

  display: flex;

  align-items: center;

  justify-content: center;

  flex-direction: column;

  border-radius: 1.5rem;

  background: radial-gradient(251.4% 154.98% at 7.28% -19.84%, hsla(0, 0%, 100%, 0.5) 0%, hsl(0, 0%, 100%) 100%);

  backdrop-filter: blur(3.125rem);
}

@media (min-width: 1024px) {

  .form-success-message {

    background: radial-gradient(251.4% 154.98% at 7.28% -19.84%, hsla(0, 0%, 100%, 0.5) 0%, hsla(0, 0%, 100%, 0.44) 100%);
  }
}

.form-success-message {

  border: 1px solid hsla(0, 0%, 100%, 0.2);

  border: 1px solid var(--card-stroke, hsla(0, 0%, 100%, 0.2));

  box-shadow: 0 0.5rem 1.25rem 0 hsla(0, 0%, 0%, 0.1);
}

@media (min-width: 1024px) {

  .form-success-message {

    box-shadow: 0 0.25rem 1.25rem 0 hsla(0, 0%, 0%, 0.05);
  }
}

.form-success-message {

  padding: 1.375rem 1.25rem 1.5rem;

  gap: 2rem;
}

@media (min-width: 1024px) {

  .form-success-message {

    padding: 2.25rem 2.5rem 2.5rem;
  }
}

.form-success-message__content {

  width: 100%;
}

.form-success-message__title {

  font-size: 1.5rem;

  line-height: 2.25rem;

  letter-spacing: -0.03rem;

  font-weight: 600;

  text-align: center;

  margin: 0 0 1rem 0;

  color: var(--neutral-800);
}

@media (min-width: 1024px) {

  .form-success-message__title {

    font-size: 2rem;

    line-height: 2.4rem;

    letter-spacing: -0.04rem;
  }
}

.form-success-message__description {

  font-size: 1rem;

  line-height: 1.5rem;

  letter-spacing: -0.02rem;

  color: var(--text-secondary);

  text-align: center;

  margin: 0;
}

@media (min-width: 1024px) {

  .form-success-message__description {

    font-size: 1.125rem;

    line-height: 1.6875rem;

    letter-spacing: -0.0225rem;
  }
}

.form-success-message__actions {

  width: 100%;

  display: flex;

  justify-content: center;
}

.forminator-custom .forminator-edit-module {

  position: absolute;
}

.forminator-custom .forminator-required {

  margin-left: -0.25rem;
}

.forminator-custom .forminator-row:empty {

  display: none !important;
}

.forminator-custom .forminator-row:not(:has(*)):not(:has(+ *)) {

  display: none !important;
}

.forminator-custom .forminator-row.forminator-row-last {

  margin-top: 1.875rem;

  margin-bottom: 0;
}

@media (min-width: 1024px) {

  .forminator-custom .forminator-row.forminator-row-last {

    margin-top: -0.625rem;
  }
}

.forminator-custom .forminator-ui.forminator-custom-form[data-grid=open] .forminator-row-inside:not(:last-child),
.forminator-custom .forminator-ui.forminator-custom-form[data-grid=open] .forminator-row:not(:last-child) {

  margin-bottom: 1.375rem;
}

@media (min-width: 1024px) {

  .forminator-custom .forminator-ui.forminator-custom-form[data-grid=open] .forminator-row-inside:not(:last-child),
  .forminator-custom .forminator-ui.forminator-custom-form[data-grid=open] .forminator-row:not(:last-child) {

    margin-bottom: 1.875rem;
  }
}

.forminator-custom .forminator-ui.forminator-custom-form[data-grid=open] .forminator-row-inside:not(:last-child).forminator-row-last,
.forminator-custom .forminator-ui.forminator-custom-form[data-grid=open] .forminator-row:not(:last-child).forminator-row-last {

  margin-bottom: 0;
}

.forminator-custom .forminator-row:has(.forminator-checkbox) {

  margin-top: 1.625rem;
}

@media (min-width: 783px) {

  .forminator-custom .forminator-ui.forminator-custom-form:not(.forminator-size--small)[data-grid=open] .forminator-row-inside:not(:last-child),
  .forminator-custom .forminator-ui.forminator-custom-form:not(.forminator-size--small)[data-grid=open] .forminator-row:not(:last-child) {

    margin-bottom: 1.875rem;

    margin-left: 0;

    margin-right: 0;
  }

  .forminator-custom .forminator-ui.forminator-custom-form:not(.forminator-size--small)[data-grid=open] .forminator-row-inside:not(:last-child).forminator-row-last,
  .forminator-custom .forminator-ui.forminator-custom-form:not(.forminator-size--small)[data-grid=open] .forminator-row:not(:last-child).forminator-row-last {

    margin-bottom: 0;
  }

  .forminator-custom .forminator-ui.forminator-custom-form:not(.forminator-size--small)[data-grid=open] .forminator-col {

    padding: 0;
  }
}

.forminator-custom--bigger .forminator-ui.forminator-custom-form[data-grid=open] .forminator-row-inside:not(:last-child),
.forminator-custom--bigger .forminator-ui.forminator-custom-form[data-grid=open] .forminator-row:not(:last-child) {

  margin-bottom: 2.125rem;
}

@media (min-width: 783px) {

  .forminator-custom--bigger .forminator-ui.forminator-custom-form[data-grid=open] .forminator-row-inside:not(:last-child),
  .forminator-custom--bigger .forminator-ui.forminator-custom-form[data-grid=open] .forminator-row:not(:last-child) {

    margin-bottom: 2.125rem;
  }
}

@media (min-width: 783px) {

  .forminator-custom--bigger .forminator-ui.forminator-custom-form:not(.forminator-size--small)[data-grid=open] .forminator-row-inside:not(:last-child),
  .forminator-custom--bigger .forminator-ui.forminator-custom-form:not(.forminator-size--small)[data-grid=open] .forminator-row:not(:last-child) {

    margin-bottom: 2.125rem;
  }
}

.forminator-custom--bigger .forminator-row:has(.forminator-checkbox) {

  margin-top: -0.5rem;
}

.forminator-custom--bigger .forminator-row.forminator-row-last {

  margin-top: -0.1875rem;

  margin-bottom: 0;
}

@media (min-width: 1024px) {

  .forminator-custom--bigger .forminator-row.forminator-row-last {

    margin-top: -0.9375rem;
  }
}

.forminator-custom--bigger .forminator-field input[type=text],
.forminator-custom--bigger .forminator-field input[type=password],
.forminator-custom--bigger .forminator-field input[type=email],
.forminator-custom--bigger .forminator-field textarea {

  font-size: 1rem;

  line-height: 1.3125rem;

  letter-spacing: -0.0175rem;
}

.forminator-custom--bigger .forminator-checkbox__label > p {

  font-size: 1.125rem;

  line-height: 1.6875rem;

  letter-spacing: -0.0225rem;
}

.forminator-custom.button-black .forminator-field .forminator-button-submit {

  background: var(--color-black);

  font-size: 1.125rem;

  line-height: 1.6875rem;

  letter-spacing: -0.0225rem;
}

.forminator-custom.button-full .forminator-field .forminator-button-submit {

  width: 100%;
}

.forminator-custom.input-bg--white input[type=text],
.forminator-custom.input-bg--white input[type=password],
.forminator-custom.input-bg--white input[type=email],
.forminator-custom.input-bg--white textarea {

  background-color: var(--color-white);
}

.forminator-custom.input-bg--white .checkbox input:not(:checked) ~ .checkmark,
.forminator-custom.input-bg--white .checkbox input:not(:checked) ~ .forminator-checkbox-box {

  background-color: var(--color-white);
}

.home .form-success-message__actions {

  display: none;
}

@property --tw-translate-x {

  syntax: "*";

  inherits: false;

  initial-value: 0;
}

@property --tw-translate-y {

  syntax: "*";

  inherits: false;

  initial-value: 0;
}

@property --tw-translate-z {

  syntax: "*";

  inherits: false;

  initial-value: 0;
}

@property --tw-scale-x {

  syntax: "*";

  inherits: false;

  initial-value: 1;
}

@property --tw-scale-y {

  syntax: "*";

  inherits: false;

  initial-value: 1;
}

@property --tw-scale-z {

  syntax: "*";

  inherits: false;

  initial-value: 1;
}

@property --tw-rotate-x {

  syntax: "*";

  inherits: false;
}

@property --tw-rotate-y {

  syntax: "*";

  inherits: false;
}

@property --tw-rotate-z {

  syntax: "*";

  inherits: false;
}

@property --tw-skew-x {

  syntax: "*";

  inherits: false;
}

@property --tw-skew-y {

  syntax: "*";

  inherits: false;
}

@property --tw-space-y-reverse {

  syntax: "*";

  inherits: false;

  initial-value: 0;
}

@property --tw-border-style {

  syntax: "*";

  inherits: false;

  initial-value: solid;
}

@property --tw-leading {

  syntax: "*";

  inherits: false;
}

@property --tw-font-weight {

  syntax: "*";

  inherits: false;
}

@property --tw-tracking {

  syntax: "*";

  inherits: false;
}

@property --tw-shadow {

  syntax: "*";

  inherits: false;

  initial-value: 0 0 rgba(0,0,0,0);
}

@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 rgba(0,0,0,0);
}

@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 rgba(0,0,0,0);
}

@property --tw-inset-ring-color {

  syntax: "*";

  inherits: false;
}

@property --tw-inset-ring-shadow {

  syntax: "*";

  inherits: false;

  initial-value: 0 0 rgba(0,0,0,0);
}

@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 rgba(0,0,0,0);
}

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

@keyframes spin {

  to {

    transform: rotate(360deg);
  }
}

@keyframes pulse {

  50% {

    opacity: 0.5;
  }
}

@layer properties {

  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {

    *, ::before, ::after, ::backdrop {

      --tw-translate-x: 0;

      --tw-translate-y: 0;

      --tw-translate-z: 0;

      --tw-scale-x: 1;

      --tw-scale-y: 1;

      --tw-scale-z: 1;

      --tw-rotate-x: initial;

      --tw-rotate-y: initial;

      --tw-rotate-z: initial;

      --tw-skew-x: initial;

      --tw-skew-y: initial;

      --tw-space-y-reverse: 0;

      --tw-border-style: solid;

      --tw-leading: initial;

      --tw-font-weight: initial;

      --tw-tracking: initial;

      --tw-shadow: 0 0 rgba(0,0,0,0);

      --tw-shadow-color: initial;

      --tw-shadow-alpha: 100%;

      --tw-inset-shadow: 0 0 rgba(0,0,0,0);

      --tw-inset-shadow-color: initial;

      --tw-inset-shadow-alpha: 100%;

      --tw-ring-color: initial;

      --tw-ring-shadow: 0 0 rgba(0,0,0,0);

      --tw-inset-ring-color: initial;

      --tw-inset-ring-shadow: 0 0 rgba(0,0,0,0);

      --tw-ring-inset: initial;

      --tw-ring-offset-width: 0px;

      --tw-ring-offset-color: #fff;

      --tw-ring-offset-shadow: 0 0 rgba(0,0,0,0);

      --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: "";
    }
  }
}

/*# sourceMappingURL=main.css.map*/