/*!***********************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/css/style.css ***!
  \***********************************************************************************************************************************************************************/
/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */

@layer properties;

@layer theme, base, components, utilities;

@layer theme {

  :root, :host {

    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;

    --spacing: 1px;

    --font-weight-medium: 500;

    --font-weight-semibold: 600;

    --font-weight-bold: 700;

    --leading-relaxed: 1.625;

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

    --default-mono-font-family: var(--font-mono);

    --design-width: 1512;

    --px-to-vw: calc(100 / var( --design-width ));

    --color-primary-color: #1a1aa0;

    --color-divergius-color: #FF0080;

    --color-accent-text: #1a1aa0;

    --color-text-color: #333;

    --color-white: #ffffff;

    --color-off-white: #FCFCFC;

    --color-yellow: #E6FF00;

    --font-display: Sora, sans-serif;

    --font-geist: Geist, sans-serif;

    --text-12: 12px;

    --text-16: 16px;

    --text-20: 20px;

    --text-12vw: calc(12 * var(--px-to-vw) * 1vw);

    --text-16vw: calc(16 * var(--px-to-vw) * 1vw);

    --text-20vw: calc(20 * var(--px-to-vw) * 1vw);

    --text-32vw: calc(32 * var(--px-to-vw) * 1vw);

    --leading-20vw: calc(20 * var(--px-to-vw) * 1vw);

    --leading-24vw: calc(24 * var(--px-to-vw) * 1vw);

    --leading-36vw: calc(36 * var(--px-to-vw) * 1vw);

    --spacing-mw: 1512px;

    --spacing-8vw: calc(8 * var(--px-to-vw) * 1vw);

    --spacing-12vw: calc(12 * var(--px-to-vw) * 1vw);

    --spacing-16vw: calc(16 * var(--px-to-vw) * 1vw);

    --spacing-24vw: calc(24 * var(--px-to-vw) * 1vw);

    --spacing-32vw: calc(32 * var(--px-to-vw) * 1vw);

    --spacing-48vw: calc(48 * var(--px-to-vw) * 1vw);

    --spacing-64vw: calc(64 * var(--px-to-vw) * 1vw);

    --spacing-80vw: calc(80 * var(--px-to-vw) * 1vw);

    --spacing-96vw: calc(96 * var(--px-to-vw) * 1vw);

    --spacing-104vw: calc(104 * var(--px-to-vw) * 1vw);

    --spacing-128vw: calc(128 * var(--px-to-vw) * 1vw);

    --spacing-148vw: calc(148 * var(--px-to-vw) * 1vw);

    --spacing-457vw: calc(457 * var(--px-to-vw) * 1vw);

    --spacing-1\/2: 50%;

    --spacing-100vh-60: calc(100vh - 60px);

    --radius-6: 6px;

    --radius-8: 8px;

    --radius-24: 24px;
  }
}

@layer base {

  *, ::after, ::before, ::backdrop, ::file-selector-button {

    box-sizing: border-box;

    margin: 0;

    padding: 0;

    border: 0 solid;
  }

  html, :host {

    line-height: 1.5;

    -webkit-text-size-adjust: 100%;

    -moz-tab-size: 4;

      -o-tab-size: 4;

         tab-size: 4;

    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");

    font-feature-settings: normal;

    font-feature-settings: var(--default-font-feature-settings, normal);

    font-variation-settings: normal;

    font-variation-settings: var(--default-font-variation-settings, normal);

    -webkit-tap-highlight-color: transparent;
  }

  hr {

    height: 0;

    color: inherit;

    border-top-width: 1px;
  }

  abbr:where([title]) {

    -webkit-text-decoration: underline dotted;

    text-decoration: underline dotted;
  }

  h1, h2, h3, h4, h5, h6 {

    font-size: inherit;

    font-weight: inherit;
  }

  a {

    color: inherit;

    -webkit-text-decoration: inherit;

    text-decoration: inherit;
  }

  b, strong {

    font-weight: bolder;
  }

  code, kbd, samp, pre {

    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;

    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);

    font-feature-settings: normal;

    font-feature-settings: var(--default-mono-font-feature-settings, normal);

    font-variation-settings: normal;

    font-variation-settings: var(--default-mono-font-variation-settings, normal);

    font-size: 1em;
  }

  small {

    font-size: 80%;
  }

  sub, sup {

    font-size: 75%;

    line-height: 0;

    position: relative;

    vertical-align: baseline;
  }

  sub {

    bottom: -0.25em;
  }

  sup {

    top: -0.5em;
  }

  table {

    text-indent: 0;

    border-color: inherit;

    border-collapse: collapse;
  }

  :-moz-focusring {

    outline: auto;
  }

  progress {

    vertical-align: baseline;
  }

  summary {

    display: list-item;
  }

  ol, ul, menu {

    list-style: none;
  }

  img, svg, video, canvas, audio, iframe, embed, object {

    display: block;

    vertical-align: middle;
  }

  img, video {

    max-width: 100%;

    height: auto;
  }

  button, input, select, optgroup, textarea, ::file-selector-button {

    font: inherit;

    font-feature-settings: inherit;

    font-variation-settings: inherit;

    letter-spacing: inherit;

    color: inherit;

    border-radius: 0;

    background-color: transparent;

    opacity: 1;
  }

  :where(select:is([multiple], [size])) optgroup {

    font-weight: bolder;
  }

  :where(select:is([multiple], [size])) optgroup option {

    padding-inline-start: 20px;
  }

  ::file-selector-button {

    margin-inline-end: 4px;
  }

  ::-moz-placeholder {

    opacity: 1;
  }

  ::placeholder {

    opacity: 1;
  }

  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {

    ::-moz-placeholder {

      color: currentcolor;
    }

    ::placeholder {

      color: currentcolor;
    }

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

      ::-moz-placeholder {

        color: color-mix(in oklab, currentcolor 50%, transparent);
      }

      ::placeholder {

        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }

  textarea {

    resize: vertical;
  }

  ::-webkit-search-decoration {

    -webkit-appearance: none;
  }

  ::-webkit-date-and-time-value {

    min-height: 1lh;

    text-align: inherit;
  }

  ::-webkit-datetime-edit {

    display: inline-flex;
  }

  ::-webkit-datetime-edit-fields-wrapper {

    padding: 0;
  }

  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {

    padding-block: 0;
  }

  :-moz-ui-invalid {

    box-shadow: none;
  }

  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {

    -webkit-appearance: button;

       -moz-appearance: button;

            appearance: button;
  }

  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {

    height: auto;
  }

  [hidden]:where(:not([hidden="until-found"])) {

    display: none !important;
  }
}

@layer utilities {

  .pointer-events-none {

    pointer-events: none;
  }

  .collapse {

    visibility: collapse;
  }

  .visible {

    visibility: visible;
  }

  .absolute {

    position: absolute;
  }

  .fixed {

    position: fixed;
  }

  .relative {

    position: relative;
  }

  .static {

    position: static;
  }

  .top-0 {

    top: calc(1px * 0);

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

  .left-0 {

    left: calc(1px * 0);

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

  .z-0 {

    z-index: 0;
  }

  .z-1 {

    z-index: 1;
  }

  .container {

    width: 100%;
  }

  @media (min-width: 768px) {

    .container {

      max-width: 768px;
    }
  }

  @media (min-width: 1024px) {

    .container {

      max-width: 1024px;
    }
  }

  @media (min-width: 1280px) {

    .container {

      max-width: 1280px;
    }
  }

  @media (min-width: 1512px) {

    .container {

      max-width: 1512px;
    }
  }

  .mx-auto {

    margin-inline: auto;
  }

  .mt-48 {

    margin-top: calc(1px * 48);

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

  .mb-16 {

    margin-bottom: calc(1px * 16);

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

  .mb-24 {

    margin-bottom: calc(1px * 24);

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

  .mb-96 {

    margin-bottom: calc(1px * 96);

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

  .ml-2 {

    margin-left: calc(1px * 2);

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

  .ml-auto {

    margin-left: auto;
  }

  .\!hidden {

    display: none !important;
  }

  .block {

    display: block;
  }

  .contents {

    display: contents;
  }

  .flex {

    display: flex;
  }

  .hidden {

    display: none;
  }

  .inline {

    display: inline;
  }

  .inline-block {

    display: inline-block;
  }

  .table {

    display: table;
  }

  .table-caption {

    display: table-caption;
  }

  .table-cell {

    display: table-cell;
  }

  .aspect-457\/400 {

    aspect-ratio: 457/400;
  }

  .size-24 {

    width: calc(1px * 24);

    width: calc(var(--spacing) * 24);

    height: calc(1px * 24);

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

  .h-auto {

    height: auto;
  }

  .h-full {

    height: 100%;
  }

  .min-h-screen {

    min-height: 100vh;
  }

  .w-80 {

    width: calc(1px * 80);

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

  .w-auto {

    width: auto;
  }

  .w-full {

    width: 100%;
  }

  .max-w-756 {

    max-width: calc(1px * 756);

    max-width: calc(var(--spacing) * 756);
  }

  .max-w-mw {

    max-width: 1512px;

    max-width: var(--spacing-mw);
  }

  .transform {

    transform:          ;

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

  .cursor-pointer {

    cursor: pointer;
  }

  .resize {

    resize: both;
  }

  .flex-col {

    flex-direction: column;
  }

  .items-center {

    align-items: center;
  }

  .gap-4 {

    gap: calc(1px * 4);

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

  .truncate {

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;
  }

  .overflow-hidden {

    overflow: hidden;
  }

  .rounded {

    border-radius: 0.25rem;
  }

  .rounded-6 {

    border-radius: 6px;

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

  .rounded-8 {

    border-radius: 8px;

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

  .rounded-24 {

    border-radius: 24px;

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

  .border {

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

    border-width: 1px;
  }

  .bg-accent-text {

    background-color: #1a1aa0;

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

  .bg-off-white {

    background-color: #FCFCFC;

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

  .bg-primary-color {

    background-color: #1a1aa0;

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

  .bg-white {

    background-color: #ffffff;

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

  .bg-yellow {

    background-color: #E6FF00;

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

  .object-cover {

    -o-object-fit: cover;

       object-fit: cover;
  }

  .px-12 {

    padding-inline: calc(1px * 12);

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

  .px-16 {

    padding-inline: calc(1px * 16);

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

  .px-18 {

    padding-inline: calc(1px * 18);

    padding-inline: calc(var(--spacing) * 18);
  }

  .px-20 {

    padding-inline: calc(1px * 20);

    padding-inline: calc(var(--spacing) * 20);
  }

  .py-12 {

    padding-block: calc(1px * 12);

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

  .py-16 {

    padding-block: calc(1px * 16);

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

  .py-40 {

    padding-block: calc(1px * 40);

    padding-block: calc(var(--spacing) * 40);
  }

  .pt-32 {

    padding-top: calc(1px * 32);

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

  .pt-56 {

    padding-top: calc(1px * 56);

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

  .pt-64 {

    padding-top: calc(1px * 64);

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

  .pb-24 {

    padding-bottom: calc(1px * 24);

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

  .pb-32 {

    padding-bottom: calc(1px * 32);

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

  .pb-40 {

    padding-bottom: calc(1px * 40);

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

  .pb-80 {

    padding-bottom: calc(1px * 80);

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

  .pb-88 {

    padding-bottom: calc(1px * 88);

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

  .text-center {

    text-align: center;
  }

  .font-geist {

    font-family: Geist, sans-serif;

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

  .text-16\/20 {

    font-size: 16px;

    font-size: var(--text-16);

    line-height: calc(1px * 20);

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

  .text-20\/24 {

    font-size: 20px;

    font-size: var(--text-20);

    line-height: calc(1px * 24);

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

  .text-12 {

    font-size: 12px;

    font-size: var(--text-12);
  }

  .leading-relaxed {

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

    line-height: 1.625;

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

  .font-medium {

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

    font-weight: 500;

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

  .font-semibold {

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

    font-weight: 600;

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

  .text-accent-text {

    color: #1a1aa0;

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

  .text-divergius-color {

    color: #FF0080;

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

  .text-primary-color {

    color: #1a1aa0;

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

  .text-text-color {

    color: #333;

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

  .text-white {

    color: #ffffff;

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

  .lowercase {

    text-transform: lowercase;
  }

  .uppercase {

    text-transform: uppercase;
  }

  .italic {

    font-style: italic;
  }

  .underline {

    text-decoration-line: underline;
  }

  .shadow {

    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);

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

  .outline {

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

    outline-width: 1px;
  }

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

  .drop-shadow {

    --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.1))) drop-shadow(0 1px 1px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.06)));

    --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow( 0 1px 1px rgb(0 0 0 / 0.06));

    filter:                 drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow( 0 1px 1px rgb(0 0 0 / 0.06));

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

  .invert {

    --tw-invert: invert(100%);

    filter:           invert(100%)      ;

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

  .\!filter {

    filter:                   !important;

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

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

  @media (min-width: 768px) {

    .md\:flex {

      display: flex;
    }
  }

  @media (min-width: 768px) {

    .md\:min-h-100vh-60 {

      min-height: calc(100vh - 60px);

      min-height: var(--spacing-100vh-60);
    }
  }

  @media (min-width: 768px) {

    .md\:w-1\/2 {

      width: 50%;

      width: var(--spacing-1\/2);
    }
  }

  @media (min-width: 768px) {

    .md\:flex-col {

      flex-direction: column;
    }
  }

  @media (min-width: 768px) {

    .md\:flex-row {

      flex-direction: row;
    }
  }

  @media (min-width: 768px) {

    .md\:text-primary-color {

      color: #1a1aa0;

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

  @media (min-width: 1024px) {

    .lg\:mt-32vw {

      margin-top: calc(32 * calc(100 / 1512) * 1vw);

      margin-top: var(--spacing-32vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:mb-8vw {

      margin-bottom: calc(8 * calc(100 / 1512) * 1vw);

      margin-bottom: var(--spacing-8vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:mb-16vw {

      margin-bottom: calc(16 * calc(100 / 1512) * 1vw);

      margin-bottom: var(--spacing-16vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:mb-32vw {

      margin-bottom: calc(32 * calc(100 / 1512) * 1vw);

      margin-bottom: var(--spacing-32vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:w-80vw {

      width: calc(80 * calc(100 / 1512) * 1vw);

      width: var(--spacing-80vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:w-457vw {

      width: calc(457 * calc(100 / 1512) * 1vw);

      width: var(--spacing-457vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:p-32vw {

      padding: calc(32 * calc(100 / 1512) * 1vw);

      padding: var(--spacing-32vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:px-12vw {

      padding-inline: calc(12 * calc(100 / 1512) * 1vw);

      padding-inline: var(--spacing-12vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:py-12vw {

      padding-block: calc(12 * calc(100 / 1512) * 1vw);

      padding-block: var(--spacing-12vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:py-16vw {

      padding-block: calc(16 * calc(100 / 1512) * 1vw);

      padding-block: var(--spacing-16vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:pt-24vw {

      padding-top: calc(24 * calc(100 / 1512) * 1vw);

      padding-top: var(--spacing-24vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:pt-48vw {

      padding-top: calc(48 * calc(100 / 1512) * 1vw);

      padding-top: var(--spacing-48vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:pt-96vw {

      padding-top: calc(96 * calc(100 / 1512) * 1vw);

      padding-top: var(--spacing-96vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:pr-64vw {

      padding-right: calc(64 * calc(100 / 1512) * 1vw);

      padding-right: var(--spacing-64vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:pr-148vw {

      padding-right: calc(148 * calc(100 / 1512) * 1vw);

      padding-right: var(--spacing-148vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:pb-24vw {

      padding-bottom: calc(24 * calc(100 / 1512) * 1vw);

      padding-bottom: var(--spacing-24vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:pb-32vw {

      padding-bottom: calc(32 * calc(100 / 1512) * 1vw);

      padding-bottom: var(--spacing-32vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:pb-80vw {

      padding-bottom: calc(80 * calc(100 / 1512) * 1vw);

      padding-bottom: var(--spacing-80vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:pb-104vw {

      padding-bottom: calc(104 * calc(100 / 1512) * 1vw);

      padding-bottom: var(--spacing-104vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:pl-80vw {

      padding-left: calc(80 * calc(100 / 1512) * 1vw);

      padding-left: var(--spacing-80vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:pl-128vw {

      padding-left: calc(128 * calc(100 / 1512) * 1vw);

      padding-left: var(--spacing-128vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:text-16vw\/20vw {

      font-size: calc(16 * calc(100 / 1512) * 1vw);

      font-size: var(--text-16vw);

      line-height: calc(20 * calc(100 / 1512) * 1vw);

      line-height: var(--leading-20vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:text-20vw\/24vw {

      font-size: calc(20 * calc(100 / 1512) * 1vw);

      font-size: var(--text-20vw);

      line-height: calc(24 * calc(100 / 1512) * 1vw);

      line-height: var(--leading-24vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:text-32vw\/36vw {

      font-size: calc(32 * calc(100 / 1512) * 1vw);

      font-size: var(--text-32vw);

      line-height: calc(36 * calc(100 / 1512) * 1vw);

      line-height: var(--leading-36vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:text-12vw {

      font-size: calc(12 * calc(100 / 1512) * 1vw);

      font-size: var(--text-12vw);
    }
  }

  @media (hover: hover) {

    @media (min-width: 1024px) {

      .hover\:lg\:-translate-y-2:hover {

        --tw-translate-y: calc(var(--spacing) * -2);

        translate: var(--tw-translate-x) calc(1px * -2);

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

  @media (hover: hover) {

    @media (min-width: 1024px) {

      .hover\:lg\:bg-yellow\/60:hover {

        background-color: color-mix(in srgb, #E6FF00 60%, transparent);
      }

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

        .hover\:lg\:bg-yellow\/60:hover {

          background-color: color-mix(in oklab, #E6FF00 60%, transparent);
        }

@supports (color: color-mix(in lch, red, blue)) {
.hover\:lg\:bg-yellow\/60:hover {

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

  @media (min-width: 1512px) {

    .mw\:mt-32 {

      margin-top: calc(1px * 32);

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

  @media (min-width: 1512px) {

    .mw\:mb-8 {

      margin-bottom: calc(1px * 8);

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

  @media (min-width: 1512px) {

    .mw\:mb-16 {

      margin-bottom: calc(1px * 16);

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

  @media (min-width: 1512px) {

    .mw\:mb-32 {

      margin-bottom: calc(1px * 32);

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

  @media (min-width: 1512px) {

    .mw\:w-80 {

      width: calc(1px * 80);

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

  @media (min-width: 1512px) {

    .mw\:w-auto {

      width: auto;
    }
  }

  @media (min-width: 1512px) {

    .mw\:p-32 {

      padding: calc(1px * 32);

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

  @media (min-width: 1512px) {

    .mw\:px-12 {

      padding-inline: calc(1px * 12);

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

  @media (min-width: 1512px) {

    .mw\:py-12 {

      padding-block: calc(1px * 12);

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

  @media (min-width: 1512px) {

    .mw\:py-16 {

      padding-block: calc(1px * 16);

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

  @media (min-width: 1512px) {

    .mw\:pt-24 {

      padding-top: calc(1px * 24);

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

  @media (min-width: 1512px) {

    .mw\:pt-48 {

      padding-top: calc(1px * 48);

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

  @media (min-width: 1512px) {

    .mw\:pt-96 {

      padding-top: calc(1px * 96);

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

  @media (min-width: 1512px) {

    .mw\:pr-64 {

      padding-right: calc(1px * 64);

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

  @media (min-width: 1512px) {

    .mw\:pr-148 {

      padding-right: calc(1px * 148);

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

  @media (min-width: 1512px) {

    .mw\:pb-20 {

      padding-bottom: calc(1px * 20);

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

  @media (min-width: 1512px) {

    .mw\:pb-32 {

      padding-bottom: calc(1px * 32);

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

  @media (min-width: 1512px) {

    .mw\:pb-80 {

      padding-bottom: calc(1px * 80);

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

  @media (min-width: 1512px) {

    .mw\:pb-104 {

      padding-bottom: calc(1px * 104);

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

  @media (min-width: 1512px) {

    .mw\:pl-80 {

      padding-left: calc(1px * 80);

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

  @media (min-width: 1512px) {

    .mw\:pl-128 {

      padding-left: calc(1px * 128);

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

  @media (min-width: 1512px) {

    .mw\:text-16\/20 {

      font-size: 16px;

      font-size: var(--text-16);

      line-height: calc(1px * 20);

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

  @media (min-width: 1512px) {

    .mw\:text-20\/24 {

      font-size: 20px;

      font-size: var(--text-20);

      line-height: calc(1px * 24);

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

  @media (min-width: 1512px) {

    .mw\:text-12 {

      font-size: 12px;

      font-size: var(--text-12);
    }
  }

  @media (min-width: 1512px) {

    .mw\:duration-300 {

      --tw-duration: 300ms;

      transition-duration: 300ms;
    }
  }
}

@layer components;

@layer components;

@layer utilities;

@layer utilities;

@layer utilities;

@layer utilities {

  * {

    box-sizing: border-box;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    line-height: 1.1em;

    box-sizing: border-box;
  }

  html, body, h1, h2, h3, h4, h5, h6, p, input, textarea, a, span {

    font-family: Sora, sans-serif;

    font-family: var(--font-display);

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;
  }

  button, button:focus {

    outline: 0;
  }

  input, textarea {

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    outline: 0;

    border-radius: 0;
  }

  *:focus {

    outline: none;
  }

  strong, b {

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

    font-weight: 700;

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

  .gradient--blue-text {

    background: linear-gradient(69deg, rgba(21,21,81,1) 0%, rgba(0,74,218,1) 100%);

    -webkit-background-clip: text;

    background-clip: text;

    color: transparent;
  }

  .gradient--blue-border {

    border: 1px solid transparent;

    background: linear-gradient(#FCFCFC, #FCFCFC) padding-box, linear-gradient(75deg, rgba(21,21,81,1) 0%, rgba(0,74,218,1) 100%) border-box;
  }

  .drop-shadow {

    filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.25));
  }

  #contact-form-content.hidden {

    display: none;

    pointer-events: none;

    visibility: hidden;
  }

  .success-message {

    height: 520px;

    display: flex;

    flex-direction: column;

    justify-content: center;
  }

  .success-message p {

    color: #1a1aa0;

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

    text-align: center;

    font-size: 1.5rem;

    margin-bottom: 20px;
  }

  .success-message .msg {

    font-weight: bold;
  }

  .success-message.hidden {

    display: none;

    height: 0;
  }

  .success-message .btn-close {

    font-size: 1.1rem;

    color: #1a1aa0;

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

  .required.error {

    border-color: #FF0080;

    border-color: var(--color-divergius-color);

    background-color: transparent;
  }

  input[type=checkbox].error + .acceptance:before {

    border-color: #FF0080;

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

  input[type=checkbox] {

    position: absolute;

    opacity: 0;

    width: 20px;

    height: 20px;
  }

  input[type=checkbox].error + label {

    color: #ef4444;
  }

  input[type=checkbox].error + label:before {

    border-color: #ef4444;
  }

  input[type=checkbox] + label {

    pointer-events: auto;

    font-family: Geist, sans-serif;

    font-family: var(--font-geist);

    display: inline-flex;

    font-size: 1rem;

    line-height: 1.25rem;

    text-transform: none;

    padding-left: 32px;

    position: relative;

    cursor: pointer;
  }

  input[type=checkbox] + label:before {

    display: block;

    position: absolute;

    left: 0;

    top: 0;

    width: 20px;

    height: 20px;

    border: 1px solid;

    border-radius: 4px;

    content: "";
  }

  input[type=checkbox] + label:after {

    display: flex;

    justify-content: center;

    align-items: center;

    opacity: 0;

    position: absolute;

    left: 0;

    top: 0;

    width: 20px;

    height: 20px;

    content: url("data:image/svg+xml,%3Csvg width=%2712%27 height=%279%27 viewBox=%270 0 12 9%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27m1 5 3 3 7-7%27 stroke=%27%231F2587%27 stroke-linecap=%27round%27/%3E%3C/svg%3E");
  }

  input[type=checkbox]:checked + label:after {

    opacity: 1;
  }
}

@layer utilities;

@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-border-style {

  syntax: "*";

  inherits: false;

  initial-value: solid;
}

@property --tw-leading {

  syntax: "*";

  inherits: false;
}

@property --tw-font-weight {

  syntax: "*";

  inherits: false;
}

@property --tw-shadow {

  syntax: "*";

  inherits: false;

  initial-value: 0 0 #0000;
}

@property --tw-shadow-color {

  syntax: "*";

  inherits: false;
}

@property --tw-shadow-alpha {

  syntax: "<percentage>";

  inherits: false;

  initial-value: 100%;
}

@property --tw-inset-shadow {

  syntax: "*";

  inherits: false;

  initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {

  syntax: "*";

  inherits: false;
}

@property --tw-inset-shadow-alpha {

  syntax: "<percentage>";

  inherits: false;

  initial-value: 100%;
}

@property --tw-ring-color {

  syntax: "*";

  inherits: false;
}

@property --tw-ring-shadow {

  syntax: "*";

  inherits: false;

  initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color {

  syntax: "*";

  inherits: false;
}

@property --tw-inset-ring-shadow {

  syntax: "*";

  inherits: false;

  initial-value: 0 0 #0000;
}

@property --tw-ring-inset {

  syntax: "*";

  inherits: false;
}

@property --tw-ring-offset-width {

  syntax: "<length>";

  inherits: false;

  initial-value: 0px;
}

@property --tw-ring-offset-color {

  syntax: "*";

  inherits: false;

  initial-value: #fff;
}

@property --tw-ring-offset-shadow {

  syntax: "*";

  inherits: false;

  initial-value: 0 0 #0000;
}

@property --tw-outline-style {

  syntax: "*";

  inherits: false;

  initial-value: solid;
}

@property --tw-blur {

  syntax: "*";

  inherits: false;
}

@property --tw-brightness {

  syntax: "*";

  inherits: false;
}

@property --tw-contrast {

  syntax: "*";

  inherits: false;
}

@property --tw-grayscale {

  syntax: "*";

  inherits: false;
}

@property --tw-hue-rotate {

  syntax: "*";

  inherits: false;
}

@property --tw-invert {

  syntax: "*";

  inherits: false;
}

@property --tw-opacity {

  syntax: "*";

  inherits: false;
}

@property --tw-saturate {

  syntax: "*";

  inherits: false;
}

@property --tw-sepia {

  syntax: "*";

  inherits: false;
}

@property --tw-drop-shadow {

  syntax: "*";

  inherits: false;
}

@property --tw-drop-shadow-color {

  syntax: "*";

  inherits: false;
}

@property --tw-drop-shadow-alpha {

  syntax: "<percentage>";

  inherits: false;

  initial-value: 100%;
}

@property --tw-drop-shadow-size {

  syntax: "*";

  inherits: false;
}

@property --tw-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-duration {

  syntax: "*";

  inherits: false;
}

@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-rotate-x: initial;

      --tw-rotate-y: initial;

      --tw-rotate-z: initial;

      --tw-skew-x: initial;

      --tw-skew-y: initial;

      --tw-border-style: solid;

      --tw-leading: initial;

      --tw-font-weight: initial;

      --tw-shadow: 0 0 #0000;

      --tw-shadow-color: initial;

      --tw-shadow-alpha: 100%;

      --tw-inset-shadow: 0 0 #0000;

      --tw-inset-shadow-color: initial;

      --tw-inset-shadow-alpha: 100%;

      --tw-ring-color: initial;

      --tw-ring-shadow: 0 0 #0000;

      --tw-inset-ring-color: initial;

      --tw-inset-ring-shadow: 0 0 #0000;

      --tw-ring-inset: initial;

      --tw-ring-offset-width: 0px;

      --tw-ring-offset-color: #fff;

      --tw-ring-offset-shadow: 0 0 #0000;

      --tw-outline-style: solid;

      --tw-blur: initial;

      --tw-brightness: initial;

      --tw-contrast: initial;

      --tw-grayscale: initial;

      --tw-hue-rotate: initial;

      --tw-invert: initial;

      --tw-opacity: initial;

      --tw-saturate: initial;

      --tw-sepia: initial;

      --tw-drop-shadow: initial;

      --tw-drop-shadow-color: initial;

      --tw-drop-shadow-alpha: 100%;

      --tw-drop-shadow-size: initial;

      --tw-translate-x: 0;

      --tw-translate-y: 0;

      --tw-translate-z: 0;

      --tw-duration: initial;
    }
  }
}