@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-tracking: initial;
            --tw-shadow: 0 0 #0000;
            --tw-shadow-color: initial;
            --tw-shadow-alpha: 100%;
            --tw-inset-shadow: 0 0 #0000;
            --tw-inset-shadow-color: initial;
            --tw-inset-shadow-alpha: 100%;
            --tw-ring-color: initial;
            --tw-ring-shadow: 0 0 #0000;
            --tw-inset-ring-color: initial;
            --tw-inset-ring-shadow: 0 0 #0000;
            --tw-ring-inset: initial;
            --tw-ring-offset-width: 0px;
            --tw-ring-offset-color: #fff;
            --tw-ring-offset-shadow: 0 0 #0000;
            --tw-outline-style: solid;
            --tw-blur: initial;
            --tw-brightness: initial;
            --tw-contrast: initial;
            --tw-grayscale: initial;
            --tw-hue-rotate: initial;
            --tw-invert: initial;
            --tw-opacity: initial;
            --tw-saturate: initial;
            --tw-sepia: initial;
            --tw-drop-shadow: initial;
            --tw-drop-shadow-color: initial;
            --tw-drop-shadow-alpha: 100%;
            --tw-drop-shadow-size: initial;
            --tw-duration: initial;
            --tw-scale-x: 1;
            --tw-scale-y: 1;
            --tw-scale-z: 1;
          }
        }
      }
      @layer theme {
        :root,
        :host {
          --font-sans:
            ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
            "Noto Color Emoji";
          --font-mono:
            ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
          --color-gray-700: oklch(37.3% 0.034 259.733);
          --color-black: #000;
          --color-white: #fff;
          --spacing: 0.25rem;
          --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-3xl: 1.875rem;
          --text-3xl--line-height: calc(2.25 / 1.875);
          --text-4xl: 2.25rem;
          --text-4xl--line-height: calc(2.5 / 2.25);
          --font-weight-light: 300;
          --font-weight-medium: 500;
          --font-weight-semibold: 600;
          --tracking-wide: 0.025em;
          --leading-tight: 1.25;
          --radius-xl: 0.75rem;
          --default-transition-duration: 0.15s;
          --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          --default-font-family: var(--font-sans);
          --default-mono-font-family: var(--font-mono);
        }
      }
      @layer base {
        *,
        :after,
        :before,
        ::backdrop {
          box-sizing: border-box;
          border: 0 solid;
          margin: 0;
          padding: 0;
        }
        ::file-selector-button {
          box-sizing: border-box;
          border: 0 solid;
          margin: 0;
          padding: 0;
        }
        html,
        :host {
          -webkit-text-size-adjust: 100%;
          tab-size: 4;
          line-height: 1.5;
          font-family: var(
            --default-font-family,
            ui-sans-serif,
            system-ui,
            sans-serif,
            "Apple Color Emoji",
            "Segoe UI Emoji",
            "Segoe UI Symbol",
            "Noto Color Emoji"
          );
          font-feature-settings: var(--default-font-feature-settings, normal);
          font-variation-settings: var(--default-font-variation-settings, normal);
          -webkit-tap-highlight-color: transparent;
        }
        hr {
          height: 0;
          color: inherit;
          border-top-width: 1px;
        }
        abbr:where([title]) {
          -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
        }
        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
          font-size: inherit;
          font-weight: inherit;
        }
        a {
          color: inherit;
          -webkit-text-decoration: inherit;
          -webkit-text-decoration: inherit;
          -webkit-text-decoration: inherit;
          -webkit-text-decoration: inherit;
          text-decoration: inherit;
        }
        b,
        strong {
          font-weight: bolder;
        }
        code,
        kbd,
        samp,
        pre {
          font-family: var(
            --default-mono-font-family,
            ui-monospace,
            SFMono-Regular,
            Menlo,
            Monaco,
            Consolas,
            "Liberation Mono",
            "Courier New",
            monospace
          );
          font-feature-settings: var(--default-mono-font-feature-settings, normal);
          font-variation-settings: var(--default-mono-font-variation-settings, normal);
          font-size: 1em;
        }
        small {
          font-size: 80%;
        }
        sub,
        sup {
          vertical-align: baseline;
          font-size: 75%;
          line-height: 0;
          position: relative;
        }
        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 {
          vertical-align: middle;
          display: block;
        }
        img,
        video {
          max-width: 100%;
          height: auto;
        }
        button,
        input,
        select,
        optgroup,
        textarea {
          font: inherit;
          font-feature-settings: inherit;
          font-variation-settings: inherit;
          letter-spacing: inherit;
          color: inherit;
          opacity: 1;
          background-color: #0000;
          border-radius: 0;
        }
        ::file-selector-button {
          font: inherit;
          font-feature-settings: inherit;
          font-variation-settings: inherit;
          letter-spacing: inherit;
          color: inherit;
          opacity: 1;
          background-color: #0000;
          border-radius: 0;
        }
        :where(select:is([multiple], [size])) optgroup {
          font-weight: bolder;
        }
        :where(select:is([multiple], [size])) optgroup option {
          padding-inline-start: 20px;
        }
        ::file-selector-button {
          margin-inline-end: 4px;
        }
        ::placeholder {
          opacity: 1;
        }
        @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
          ::placeholder {
            color: currentColor;
          }
          @supports (color: color-mix(in lab, red, red)) {
            ::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 {
          padding-block: 0;
        }
        ::-webkit-datetime-edit-year-field {
          padding-block: 0;
        }
        ::-webkit-datetime-edit-month-field {
          padding-block: 0;
        }
        ::-webkit-datetime-edit-day-field {
          padding-block: 0;
        }
        ::-webkit-datetime-edit-hour-field {
          padding-block: 0;
        }
        ::-webkit-datetime-edit-minute-field {
          padding-block: 0;
        }
        ::-webkit-datetime-edit-second-field {
          padding-block: 0;
        }
        ::-webkit-datetime-edit-millisecond-field {
          padding-block: 0;
        }
        ::-webkit-datetime-edit-meridiem-field {
          padding-block: 0;
        }
        ::-webkit-calendar-picker-indicator {
          line-height: 1;
        }
        :-moz-ui-invalid {
          box-shadow: none;
        }
        button,
        input:where([type="button"], [type="reset"], [type="submit"]) {
          appearance: button;
        }
        ::file-selector-button {
          appearance: button;
        }
        ::-webkit-inner-spin-button {
          height: auto;
        }
        ::-webkit-outer-spin-button {
          height: auto;
        }
        [hidden]:where(:not([hidden="until-found"])) {
          display: none !important;
        }
      }
      @layer components;
      @layer utilities {
        .visible {
          visibility: visible;
        }
        .absolute {
          position: absolute;
        }
        .relative {
          position: relative;
        }
        .static {
          position: static;
        }
        .start {
          inset-inline-start: var(--spacing);
        }
        .end {
          inset-inline-end: var(--spacing);
        }
        .top-0 {
          top: calc(var(--spacing) * 0);
        }
        .right-30 {
          right: calc(var(--spacing) * 30);
        }
        .right-75 {
          right: calc(var(--spacing) * 75);
        }
        .bottom-\[50px\] {
          bottom: 50px;
        }
        .left-0 {
          left: calc(var(--spacing) * 0);
        }
        .z-0 {
          z-index: 0;
        }
        .z-10 {
          z-index: 10;
        }
        .z-20 {
          z-index: 20;
        }
        .container {
          width: 100%;
        }
        @media (width>=40rem) {
          .container {
            max-width: 40rem;
          }
        }
        @media (width>=48rem) {
          .container {
            max-width: 48rem;
          }
        }
        @media (width>=64rem) {
          .container {
            max-width: 64rem;
          }
        }
        @media (width>=80rem) {
          .container {
            max-width: 80rem;
          }
        }
        @media (width>=96rem) {
          .container {
            max-width: 96rem;
          }
        }
        .mx-auto {
          margin-inline: auto;
        }
        .-mt-8 {
          margin-top: calc(var(--spacing) * -8);
        }
        .mt-3 {
          margin-top: calc(var(--spacing) * 3);
        }
        .mt-4 {
          margin-top: calc(var(--spacing) * 4);
        }
        .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-\[-150px\] {
          margin-top: -150px;
        }
        .mb-6 {
          margin-bottom: calc(var(--spacing) * 6);
        }
        .mb-10 {
          margin-bottom: calc(var(--spacing) * 10);
        }
        .flex {
          display: flex;
        }
        .grid {
          display: grid;
        }
        .hidden {
          display: none;
        }
        .table {
          display: table;
        }
        .h-\[46px\] {
          height: 46px;
        }
        .h-\[70px\] {
          height: 70px;
        }
        .h-\[120px\] {
          height: 120px;
        }
        .h-\[220px\] {
          height: 220px;
        }
        .h-\[250px\] {
          height: 250px;
        }
        .h-\[280px\] {
          height: 280px;
        }
        .min-h-\[430px\] {
          min-height: 430px;
        }
        .min-h-\[900px\] {
          min-height: 900px;
        }
        .w-\[46px\] {
          width: 46px;
        }
        .w-\[90\%\] {
          width: 90%;
        }
        .w-\[280px\] {
          width: 280px;
        }
        .w-\[360px\] {
          width: 360px;
        }
        .w-full {
          width: 100%;
        }
        .max-w-\[520px\] {
          max-width: 520px;
        }
        .max-w-\[1200px\] {
          max-width: 1200px;
        }
        .max-w-\[1280px\] {
          max-width: 1280px;
        }
        .max-w-\[1400px\] {
          max-width: 1400px;
        }
        .flex-shrink {
          flex-shrink: 1;
        }
        .border-collapse {
          border-collapse: collapse;
        }
        .transform {
          transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
        }
        .resize {
          resize: both;
        }
        .flex-wrap {
          flex-wrap: wrap;
        }
        .items-center {
          align-items: center;
        }
        .items-start {
          align-items: flex-start;
        }
        .justify-between {
          justify-content: space-between;
        }
        .justify-center {
          justify-content: center;
        }
        .gap-3 {
          gap: calc(var(--spacing) * 3);
        }
        .gap-8 {
          gap: calc(var(--spacing) * 8);
        }
        .gap-14 {
          gap: calc(var(--spacing) * 14);
        }
        .overflow-hidden {
          overflow: hidden;
        }
        .rounded-\[8px\] {
          border-radius: 8px;
        }
        .rounded-\[22px\] {
          border-radius: 22px;
        }
        .rounded-full {
          border-radius: 3.40282e38px;
        }
        .rounded-xl {
          border-radius: var(--radius-xl);
        }
        .rounded-br-\[120px\] {
          border-bottom-right-radius: 120px;
        }
        .rounded-bl-\[60px\] {
          border-bottom-left-radius: 60px;
        }
        .border {
          border-style: var(--tw-border-style);
          border-width: 1px;
        }
        .bg-\[\#0B1E4F\] {
          background-color: #0b1e4f;
        }
        .bg-\[\#1AAFC0\] {
          background-color: #1aafc0;
        }
        .bg-\[\#2DCDD6\] {
          background-color: #2dcdd6;
        }
        .bg-\[\#2FE4F3\] {
          background-color: #2fe4f3;
        }
        .bg-\[\#30CDD6\] {
          background-color: #30cdd6;
        }
        .bg-\[\#082c63\] {
          background-color: #082c63;
        }
        .bg-\[\#113052\] {
          background-color: #113052;
        }
        .bg-\[\#C7D0D6\] {
          background-color: #c7d0d6;
        }
        .bg-\[\#F4F1EA\] {
          background-color: #f4f1ea;
        }
        .bg-white {
          background-color: var(--color-white);
        }
        .object-cover {
          object-fit: cover;
        }
        .p-4 {
          padding: calc(var(--spacing) * 4);
        }
        .p-5 {
          padding: calc(var(--spacing) * 5);
        }
        .px-4 {
          padding-inline: calc(var(--spacing) * 4);
        }
        .px-6 {
          padding-inline: calc(var(--spacing) * 6);
        }
        .px-10 {
          padding-inline: calc(var(--spacing) * 10);
        }
        .py-4 {
          padding-block: calc(var(--spacing) * 4);
        }
        .py-8 {
          padding-block: calc(var(--spacing) * 8);
        }
        .py-16 {
          padding-block: calc(var(--spacing) * 16);
        }
        .pt-100 {
          padding-top: calc(var(--spacing) * 100);
        }
        .text-center {
          text-align: center;
        }
        .text-3xl {
          font-size: var(--text-3xl);
          line-height: var(--tw-leading, var(--text-3xl--line-height));
        }
        .text-sm {
          font-size: var(--text-sm);
          line-height: var(--tw-leading, var(--text-sm--line-height));
        }
        .text-\[15px\] {
          font-size: 15px;
        }
        .text-\[20px\] {
          font-size: 20px;
        }
        .text-\[34px\] {
          font-size: 34px;
        }
        .text-\[42px\] {
          font-size: 42px;
        }
        .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\.15\] {
          --tw-leading: 1.15;
          line-height: 1.15;
        }
        .leading-none {
          --tw-leading: 1;
          line-height: 1;
        }
        .leading-tight {
          --tw-leading: var(--leading-tight);
          line-height: var(--leading-tight);
        }
        .font-light {
          --tw-font-weight: var(--font-weight-light);
          font-weight: var(--font-weight-light);
        }
        .font-medium {
          --tw-font-weight: var(--font-weight-medium);
          font-weight: var(--font-weight-medium);
        }
        .font-semibold {
          --tw-font-weight: var(--font-weight-semibold);
          font-weight: var(--font-weight-semibold);
        }
        .tracking-wide {
          --tw-tracking: var(--tracking-wide);
          letter-spacing: var(--tracking-wide);
        }
        .text-\[\#0B1E4F\] {
          color: #0b1e4f;
        }
        .text-\[\#0B1E4F\]\/80 {
          color: oklab(25.4904% -0.00893302 -0.0932409/.8);
        }
        .text-\[\#6B7280\] {
          color: #6b7280;
        }
        .text-\[\#111\] {
          color: #111;
        }
        .text-\[\#08306a\] {
          color: #08306a;
        }
        .text-black {
          color: var(--color-black);
        }
        .text-gray-700 {
          color: var(--color-gray-700);
        }
        .text-white {
          color: var(--color-white);
        }
        .uppercase {
          text-transform: uppercase;
        }
        .underline {
          text-decoration-line: underline;
        }
        .shadow-lg {
          --tw-shadow:
            0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
          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, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
          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, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
          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: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,)
            var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
        }
        .filter {
          filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,)
            var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
        }
        .transition {
          transition-property:
            color,
            background-color,
            border-color,
            outline-color,
            text-decoration-color,
            fill,
            stroke,
            --tw-gradient-from,
            --tw-gradient-via,
            --tw-gradient-to,
            opacity,
            box-shadow,
            transform,
            translate,
            scale,
            rotate,
            filter,
            -webkit-backdrop-filter,
            backdrop-filter,
            display,
            content-visibility,
            overlay,
            pointer-events;
          transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
          transition-duration: var(--tw-duration, var(--default-transition-duration));
        }
        .duration-300 {
          --tw-duration: 0.3s;
          transition-duration: 0.3s;
        }
        .backface-hidden {
          backface-visibility: hidden;
        }
        @media (hover: hover) {
          .hover\:scale-105:hover {
            --tw-scale-x: 105%;
            --tw-scale-y: 105%;
            --tw-scale-z: 105%;
            scale: var(--tw-scale-x) var(--tw-scale-y);
          }
        }
        @media (width>=40rem) {
          .sm\:h-\[420px\] {
            height: 420px;
          }
          .sm\:w-\[420px\] {
            width: 420px;
          }
          .sm\:p-6 {
            padding: calc(var(--spacing) * 6);
          }
          .sm\:px-6 {
            padding-inline: calc(var(--spacing) * 6);
          }
          .sm\:py-10 {
            padding-block: calc(var(--spacing) * 10);
          }
          .sm\:py-24 {
            padding-block: calc(var(--spacing) * 24);
          }
          .sm\:text-4xl {
            font-size: var(--text-4xl);
            line-height: var(--tw-leading, var(--text-4xl--line-height));
          }
          .sm\:text-base {
            font-size: var(--text-base);
            line-height: var(--tw-leading, var(--text-base--line-height));
          }
          .sm\:text-\[28px\] {
            font-size: 28px;
          }
          .sm\:text-\[42px\] {
            font-size: 42px;
          }
        }
        @media (width>=48rem) {
          .md\:mt-10 {
            margin-top: calc(var(--spacing) * 10);
          }
          .md\:h-\[500px\] {
            height: 500px;
          }
          .md\:h-\[620px\] {
            height: 620px;
          }
          .md\:w-\[500px\] {
            width: 500px;
          }
          .md\:grid-cols-1 {
            grid-template-columns: repeat(1, minmax(0, 1fr));
          }
          .md\:rounded-\[28px\] {
            border-radius: 28px;
          }
          .md\:rounded-bl-\[100px\] {
            border-bottom-left-radius: 100px;
          }
          .md\:p-8 {
            padding: calc(var(--spacing) * 8);
          }
          .md\:px-8 {
            padding-inline: calc(var(--spacing) * 8);
          }
          .md\:px-14 {
            padding-inline: calc(var(--spacing) * 14);
          }
          .md\:py-16 {
            padding-block: calc(var(--spacing) * 16);
          }
          .md\:py-24 {
            padding-block: calc(var(--spacing) * 24);
          }
          .md\:py-32 {
            padding-block: calc(var(--spacing) * 32);
          }
          .md\:text-base {
            font-size: var(--text-base);
            line-height: var(--tw-leading, var(--text-base--line-height));
          }
          .md\:text-\[18px\] {
            font-size: 18px;
          }
          .md\:text-\[38px\] {
            font-size: 38px;
          }
          .md\:text-\[52px\] {
            font-size: 52px;
          }
        }
        @media (width>=64rem) {
          .lg\:h-\[700px\] {
            height: 700px;
          }
          .lg\:w-\[700px\] {
            width: 700px;
          }
          .lg\:grid-cols-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr));
          }
          .lg\:justify-start {
            justify-content: flex-start;
          }
          .lg\:gap-6 {
            gap: calc(var(--spacing) * 6);
          }
          .lg\:px-8 {
            padding-inline: calc(var(--spacing) * 8);
          }
          .lg\:px-10 {
            padding-inline: calc(var(--spacing) * 10);
          }
          .lg\:px-16 {
            padding-inline: calc(var(--spacing) * 16);
          }
          .lg\:text-\[30px\] {
            font-size: 30px;
          }
        }
      }
      html {
        font-family: Montserrat, sans-serif;
      }
      body {
        margin: 0;
        padding: 0;
        font-family: inherit;
      }
      body,
      button,
      input,
      select,
      textarea {
        font-family: inherit;
      }
      .header-pattern {
        width: 1300px;
        position: absolute;
        top: -400px;
        right: -650px;
      }
      @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-tracking {
        syntax: "*";
        inherits: false;
      }
      @property --tw-shadow {
        syntax: "*";
        inherits: false;
        initial-value: 0 0 #0000;
      }
      @property --tw-shadow-color {
        syntax: "*";
        inherits: false;
      }
      @property --tw-shadow-alpha {
        syntax: "<percentage>";
        inherits: false;
        initial-value: 100%;
      }
      @property --tw-inset-shadow {
        syntax: "*";
        inherits: false;
        initial-value: 0 0 #0000;
      }
      @property --tw-inset-shadow-color {
        syntax: "*";
        inherits: false;
      }
      @property --tw-inset-shadow-alpha {
        syntax: "<percentage>";
        inherits: false;
        initial-value: 100%;
      }
      @property --tw-ring-color {
        syntax: "*";
        inherits: false;
      }
      @property --tw-ring-shadow {
        syntax: "*";
        inherits: false;
        initial-value: 0 0 #0000;
      }
      @property --tw-inset-ring-color {
        syntax: "*";
        inherits: false;
      }
      @property --tw-inset-ring-shadow {
        syntax: "*";
        inherits: false;
        initial-value: 0 0 #0000;
      }
      @property --tw-ring-inset {
        syntax: "*";
        inherits: false;
      }
      @property --tw-ring-offset-width {
        syntax: "<length>";
        inherits: false;
        initial-value: 0;
      }
      @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-duration {
        syntax: "*";
        inherits: false;
      }
      @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;
      }
      body {
        font-family: Montserrat, sans-serif;
      }
      .desktop-only {
        display: block;
      }
      @media screen and (width<=991px) {
        .desktop-only {
          display: none;
        }
      }
      .mobile-only {
        display: none;
      }
      @media screen and (width<=991px) {
        .mobile-only {
          display: block;
        }
        .mobile-only .hero-title {
          font-size: 104px;
          line-height: 90px;
        }
        .hero-title-ai-mobile {
          font-size: 70px;
          display: block;
        }
      }
      @media screen and (width<=600px) {
        .hero-title-ai-mobile {
          font-size: 40px;
        }
      }
      header {
        z-index: 999;
        width: 100%;
        padding: 15px 0;
        position: absolute;
      }
      @media screen and (width<=1330px) {
        header {
          padding: 15px 20px;
        }
      }
      header img {
        width: 100%;
        max-width: 80px;
      }
      @media screen and (width<=600px) {
        header button {
          padding: 10px 20px;
          font-size: 12px;
        }
      }
      .hero-bottom-content {
        padding: 30px 30px 30px calc(100% - 85vw);
      }
      @media screen and (width<=1414px) {
        .hero-bottom-content {
          padding: 30px 50px;
        }
      }
      @media screen and (width<=1170px) {
        .hero-bottom-content {
          padding: 30px;
          bottom: 20px;
        }
      }
      @media screen and (width<=600px) {
        .hero-bottom-content {
          padding: 20px 30px;
        }
      }
      .hero-bottom-content h3 {
        font-size: 28px;
      }
      @media screen and (width<=1448px) {
        .hero-bottom-content h3 {
          font-size: 25px;
        }
      }
      @media screen and (width<=1125px) {
        .hero-bottom-content h3 {
          font-size: 20px;
        }
      }
      @media screen and (width<=768px) {
        .hero-bottom-content h3 {
          font-size: 22px;
        }
      }
      @media screen and (width<=600px) {
        .hero-bottom-content h3 {
          margin-bottom: 20px;
          font-size: 15px;
          line-height: 20px;
        }
      }
      @media screen and (width<=768px) {
        .hero-bottom-content .grid {
          grid-template-columns: 1fr;
          gap: 15px;
        }
      }
      .hero-bottom-content .grid p {
        font-size: 16px;
        line-height: 22px;
      }
      @media screen and (width<=1364px) {
        .hero-bottom-content .grid p {
          font-size: 15px;
          line-height: 20px;
        }
      }
      @media screen and (width<=600px) {
        .hero-bottom-content .grid p {
          font-size: 12px;
          line-height: 15px;
        }
      }
      .hero-bottom-content .enquire-now {
        margin-top: 30px;
      }
      @media screen and (width<=1364px) {
        .hero-bottom-content .enquire-now {
          margin-top: 15px;
        }
      }
      @media screen and (width<=1125px) {
        .hero-bottom-content .enquire-now {
          font-size: 20px;
        }
        .hero-bottom-content .enquire-now button {
          padding: 10px 20px;
          font-size: 15px;
        }
      }
      @media screen and (width<=600px) {
        .hero-bottom-content .enquire-now {
          margin-top: 15px;
        }
      }
      .hero-section {
        padding: 200px 0 0;
      }
      @media screen and (width<=1414px) {
        .hero-section {
          padding-top: 150px;
        }
      }
      @media screen and (width<=991px) {
        .hero-section {
          padding-top: 200px;
        }
      }
      @media screen and (width<=490px) {
        .hero-section {
          padding-top: 160px;
        }
      }
      .hero-section .header-stars-pattern {
        width: 20%;
        position: absolute;
        top: 0;
        left: 200px;
      }
      @media screen and (width<=1414px) {
        .hero-section .header-stars-pattern {
          width: 30%;
          position: absolute;
          top: 0;
          left: 80px;
        }
      }
      @media screen and (width<=991px) {
        .hero-section .header-stars-pattern {
          display: none;
        }
      }
      .hero-section .hero-title {
        text-transform: uppercase;
        color: #113052;
        width: 100%;
        font-family: Montserrat;
        font-size: 100px;
        font-weight: 600;
        line-height: 146px;
        position: relative;
      }
      @media screen and (width<=1414px) {
        .hero-section .hero-title {
          font-size: 100px;
          line-height: 90px;
        }
      }
      @media screen and (width<=1330px) {
        .hero-section .hero-title {
          font-size: 79px;
          line-height: 110px;
        }
      }
      @media screen and (width<=991px) {
        .hero-section .hero-title {
          font-size: 104px;
          line-height: 90px;
        }
      }
      @media screen and (width<=600px) {
        .hero-section .hero-title {
          font-size: 60px;
          line-height: 50px;
        }
      }
      .hero-section .hero-title-ai {
        color: #fff;
      }
      .hero-section .hero-title-cant-match {
        color: #fff;
        text-transform: uppercase;
        font-size: 55%;
        font-weight: 500;
      }
      @media screen and (width<=991px) {
        .hero-section .hero-title-cant-match {
          font-size: 67px;
          display: block;
        }
      }
      @media screen and (width<=600px) {
        .hero-section .hero-title-cant-match {
          font-size: 40px;
          display: block;
        }
      }
      .hero-section .header-pattern {
        width: 1200px;
        position: absolute;
        top: -660px;
        right: -780px;
      }
      @media screen and (width<=1414px) {
        .hero-section .header-pattern {
          width: 1000px;
          position: absolute;
          top: -450px;
          right: -620px;
        }
      }
      @media screen and (width<=991px) {
        .hero-section .header-pattern {
          width: 880px;
          position: absolute;
          top: -440px;
          right: -490px;
        }
      }
      @media screen and (width<=800px) {
        .hero-section .header-pattern {
          width: 880px;
          position: absolute;
          top: -200px;
          right: -400px;
        }
      }
      @media screen and (width<=600px) {
        .hero-section .header-pattern {
          width: 880px;
          position: absolute;
          top: -170px;
          right: -320px;
        }
      }
      .video-container video {
        border-radius: 0;
      }
      .video-container:after {
        content: "";
        background-image: var(--bg-pattern);
        z-index: -1;
        background-position: 0 0;
        background-size: cover;
        width: 100%;
        height: 93px;
        position: absolute;
        bottom: -33px;
        left: 34px;
        overflow: hidden;
      }
      .stats-section {
        border-bottom-left-radius: 250px;
        margin-bottom: 50px;
      }
      @media screen and (width<=1414px) {
        .stats-section {
          border-bottom-left-radius: 150px;
        }
      }
      @media screen and (width<=768px) {
        .stats-section {
          padding-bottom: 40px;
        }
      }
      .stats-section .stats1-parent {
        justify-content: space-between;
        align-items: center;
        padding: 17% 0 0;
        display: flex;
      }
      @media screen and (width<=768px) {
        .stats-section .stats1-parent {
          display: block;
        }
      }
      .stats-section .stats1-parent .stats1-child {
        flex-basis: 50%;
      }
      .stats-section .stats1-parent .stats1-child:first-child {
        padding-left: calc(100% - 80vw);
      }
      @media screen and (width<=1414px) {
        .stats-section .stats1-parent .stats1-child:first-child {
          padding-left: calc(100% - 95vw);
        }
      }
      @media screen and (width<=768px) {
        .stats-section .stats1-parent .stats1-child:first-child {
          padding: 100px 20px 0;
        }
      }
      .stats-section .stats1-parent .stats1-child.textual-content h2 {
        text-transform: uppercase;
        color: #2dcdd6;
        margin-bottom: 30px;
        font-size: 31px;
        font-weight: 400;
        line-height: 40px;
      }
      @media screen and (width<=600px) {
        .stats-section .stats1-parent .stats1-child.textual-content h2 {
          text-transform: uppercase;
          margin-bottom: 30px;
          font-size: 21px;
          font-weight: 400;
          line-height: 30px;
        }
      }
      .stats-section .stats1-parent .stats1-child.textual-content p {
        margin-bottom: 20px;
      }
      .stats-section .stats1-parent .stats1-child img {
        width: 100%;
        position: absolute;
        top: 50%;
        left: 22%;
        transform: translateY(-50%);
      }
      @media screen and (width<=768px) {
        .stats-section .stats1-parent .stats1-child img {
          position: relative;
          top: 20px;
          left: 80px;
          transform: none;
        }
      }
      .stats-section .stats1-parent .stats1-child .stats1-cta {
        color: #113052;
        cursor: pointer;
        background: #f9f5ec;
        border: 1px solid #2dcdd6;
        border-radius: 100px;
        margin: 20px 0 0;
        padding: 25px 70px;
        font-size: 18px;
        font-weight: 700;
      }
      @media screen and (width<=600px) {
        .stats-section .stats1-parent .stats1-child .stats1-cta {
          padding: 15px 30px;
        }
      }
      .stats-section .stats1-parent .stats1-child .stats1-cta:hover {
        color: #113052;
        background-color: #2dcdd6;
      }
      .stats-section .stats2-parent {
        justify-content: space-between;
        align-items: center;
        padding: 15% 0 0;
        display: flex;
      }
      @media screen and (width<=768px) {
        .stats-section .stats2-parent {
          flex-wrap: wrap;
          padding: 100px 20px 0;
        }
      }
      .stats-section .stats2-parent .stats2-child {
        flex-basis: 50%;
      }
      @media screen and (width<=768px) {
        .stats-section .stats2-parent .stats2-child {
          flex-basis: 100%;
        }
      }
      .stats-section .stats2-parent .stats2-child:first-child {
        padding-left: calc(100% - 80vw);
      }
      @media screen and (width<=768px) {
        .stats-section .stats2-parent .stats2-child:first-child {
          order: 2;
          padding: 0;
        }
      }
      .stats-section .stats2-parent .stats2-child.textual-content h2 {
        text-transform: uppercase;
        color: #2dcdd6;
        margin-bottom: 30px;
        font-size: 31px;
        font-weight: 400;
        line-height: 40px;
      }
      .stats-section .stats2-parent .stats2-child.textual-content p {
        margin-bottom: 20px;
      }
      .stats-section .stats2-parent .stats2-child .boy {
        width: 100%;
        position: absolute;
        top: 50%;
        left: -12%;
        transform: translateY(-50%);
      }
      @media screen and (width<=768px) {
        .stats-section .stats2-parent .stats2-child .boy {
          position: relative;
          top: 20px;
          left: -60px;
          transform: none;
        }
      }
      .stats-section .stats2-parent .stats2-child .stats2-cta {
        color: #2dcdd6;
        cursor: pointer;
        border: 1px solid #2dcdd6;
        border-radius: 100px;
        margin: 20px 0 0;
        padding: 25px 70px;
        font-size: 18px;
        font-weight: 500;
      }
      @media screen and (width<=600px) {
        .stats-section .stats2-parent .stats2-child .stats2-cta {
          padding: 15px 30px;
        }
      }
      .stats-section .stats2-parent .stats2-child .stats2-cta:hover {
        color: #113052;
        background-color: #2dcdd6;
      }
      .stats-section .stats2-parent .stats2-child .stats2stats {
        width: 90%;
      }
      @media screen and (width<=1414px) {
        .stats-section .stats2-parent .stats2-child .stats2stats {
          width: 70%;
        }
      }
      @media screen and (width<=768px) {
        .stats-section .stats2-parent .stats2-child .stats2stats {
          text-align: center;
          width: 100%;
          padding: 0 30px;
        }
      }
      .stats-section .stats3-parent {
        justify-content: space-between;
        align-items: center;
        padding: 15% 0 13%;
        display: flex;
      }
      @media screen and (width<=768px) {
        .stats-section .stats3-parent {
          display: block;
        }
      }
      .stats-section .stats3-parent .stats3-child {
        flex-basis: 50%;
      }
      .stats-section .stats3-parent .stats3-child:first-child {
        padding-left: calc(100% - 80vw);
      }
      @media screen and (width<=1414px) {
        .stats-section .stats3-parent .stats3-child:first-child {
          padding-left: calc(100% - 95vw);
        }
      }
      @media screen and (width<=768px) {
        .stats-section .stats3-parent .stats3-child:first-child {
          padding: 50px 20px 0;
        }
      }
      .stats-section .stats3-parent .stats3-child.textual-content h2 {
        text-transform: uppercase;
        color: #2dcdd6;
        margin-bottom: 20px;
        font-size: 31px;
        font-weight: 400;
        line-height: 40px;
      }
      .stats-section .stats3-parent .stats3-child.textual-content p {
        margin-bottom: 20px;
      }
      .stats-section .stats3-parent .stats3-child img {
        z-index: 99999;
        width: 100%;
        position: absolute;
        top: 50%;
        left: 22%;
        transform: translateY(-52%);
      }
      @media screen and (width<=768px) {
        .stats-section .stats3-parent .stats3-child img {
          position: relative;
          top: 20px;
          left: 80px;
          transform: none;
        }
      }
      .stats-section .stats3-parent .stats3-child .stats3-cta {
        color: #2dcdd6;
        cursor: pointer;
        border: 1px solid #2dcdd6;
        border-radius: 100px;
        margin: 20px 0 0;
        padding: 25px 70px;
        font-size: 18px;
        font-weight: 500;
      }
      @media screen and (width<=600px) {
        .stats-section .stats3-parent .stats3-child .stats3-cta {
          padding: 15px 30px;
        }
      }
      .stats-section .stats3-parent .stats3-child .stats3-cta:hover {
        color: #113052;
        background-color: #2dcdd6;
      }
      .info-section {
        color: #113052;
        background-color: #2dcdd6;
        border-bottom-right-radius: 200px;
        max-width: 92%;
        margin-bottom: 50px;
        padding: 0% 5% 0% calc(100% - 90vw);
        position: relative;
        overflow: hidden;
      }
      @media screen and (width<=1414px) {
        .info-section {
          padding: 5% 5% 4%;
        }
      }
      .info-section .info-container {
        justify-content: space-between;
        gap: 0;
        max-width: 1400px;
        margin: 0 auto;
        display: flex;
      }
      .info-section .info-container .info-column {
        flex: 1;
      }
      .info-section .info-container .info-column h2 {
        text-transform: uppercase;
        letter-spacing: 0.5px;
        margin-bottom: 20px;
        font-size: 34px;
        font-weight: 500;
        line-height: 1.3;
      }
      @media screen and (width<=600px) {
        .info-section .info-container .info-column h2 {
          margin-bottom: 20px;
          font-size: 24px;
        }
      }
      .info-section .info-container .info-column p {
        max-width: 90%;
        margin-bottom: 20px;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.4;
      }
      @media screen and (width<=600px) {
        .info-section .info-container .info-column p {
          max-width: 100%;
          margin-bottom: 5px;
          line-height: 20px;
        }
      }
      .info-section .info-container .info-column .info-list {
        margin-bottom: 40px;
        padding-left: 0;
        list-style: none;
      }
      .info-section .info-container .info-column .info-list li {
        margin-bottom: 5px;
        font-size: 16px;
        line-height: 1.8;
      }
      @media (width<=900px) {
        .info-section {
          border-bottom-right-radius: 100px;
          padding: 10% 5%;
        }
        .info-section .info-container {
          flex-direction: column;
          gap: 50px;
        }
        .info-section .info-container .info-column p {
          max-width: 100%;
        }
      }
      .carousel-section {
        margin: 100px 0 0;
        padding: 100px 0;
        overflow: visible;
      }
      @media screen and (width<=600px) {
        .carousel-section h2 {
          font-size: 24px;
          line-height: 30px;
        }
      }
      .carousel-section:before {
        content: "";
        background-image: var(--bg-pattern);
        z-index: -1;
        background-position: 0 0;
        background-repeat: no-repeat;
        background-size: 400%;
        width: 20%;
        height: 100px;
        position: absolute;
        top: -89px;
        left: 0;
        overflow: hidden;
      }
      .swiper {
        margin: 60px 0 0;
      }
      @media (width<=900px) {
        .brremove {
          display: none;
        }
      }
      .sectionproven {
        padding: 160px 0 100px;
      }
      @media screen and (width<=768px) {
        .sectionproven h3 {
          padding: 20px;
          font-size: 31px;
        }
      }
      .sectionproven .provenimg {
        width: 94%;
        margin: 0 auto;
        padding: 30px 0;
      }
      .sectionproven .endtext {
        text-align: center;
        color: #2dcdd6;
        padding: 20px 0 0;
        font-size: 25px;
      }
      section#enquiry {
        border-bottom-right-radius: 200px;
        margin-top: -160px;
      }
      @media screen and (width<=768px) {
        section#enquiry {
          margin-top: -270px;
        }
      }
      @media screen and (width<=600px) {
        section#enquiry {
          margin-top: -200px;
        }
      }
      .findbtn:hover {
        color: #113052;
        background-color: #fff;
      }
      :root {
        --swiper-theme-color: #007aff;
      }
      :host {
        z-index: 1;
        margin-left: auto;
        margin-right: auto;
        display: block;
        position: relative;
      }
      .swiper {
        z-index: 1;
        margin-left: auto;
        margin-right: auto;
        padding: 0;
        list-style: none;
        display: block;
        position: relative;
        overflow: hidden;
      }
      .swiper-vertical > .swiper-wrapper {
        flex-direction: column;
      }
      .swiper-wrapper {
        z-index: 1;
        width: 100%;
        height: 100%;
        transition-property: transform;
        transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
        box-sizing: content-box;
        display: flex;
        position: relative;
      }
      .swiper-android .swiper-slide,
      .swiper-ios .swiper-slide,
      .swiper-wrapper {
        transform: translate(0, 0);
      }
      .swiper-horizontal {
        touch-action: pan-y;
      }
      .swiper-vertical {
        touch-action: pan-x;
      }
      .swiper-slide {
        flex-shrink: 0;
        width: 100%;
        height: 100%;
        transition-property: transform;
        display: block;
        position: relative;
      }
      .swiper-slide-invisible-blank {
        visibility: hidden;
      }
      .swiper-autoheight,
      .swiper-autoheight .swiper-slide {
        height: auto;
      }
      .swiper-autoheight .swiper-wrapper {
        align-items: flex-start;
        transition-property: transform, height;
      }
      .swiper-backface-hidden .swiper-slide {
        backface-visibility: hidden;
        transform: translateZ(0);
      }
      .swiper-3d.swiper-css-mode .swiper-wrapper {
        perspective: 1200px;
      }
      .swiper-3d .swiper-wrapper {
        transform-style: preserve-3d;
      }
      .swiper-3d {
        perspective: 1200px;
      }
      .swiper-3d .swiper-slide,
      .swiper-3d .swiper-cube-shadow {
        transform-style: preserve-3d;
      }
      .swiper-css-mode > .swiper-wrapper {
        scrollbar-width: none;
        -ms-overflow-style: none;
        overflow: auto;
      }
      .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
        display: none;
      }
      .swiper-css-mode > .swiper-wrapper > .swiper-slide {
        scroll-snap-align: start start;
      }
      .swiper-css-mode.swiper-horizontal > .swiper-wrapper {
        scroll-snap-type: x mandatory;
      }
      .swiper-css-mode.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
        margin-inline-start: var(--swiper-slides-offset-before);
        scroll-margin-inline-start: var(--swiper-slides-offset-before);
      }
      .swiper-css-mode.swiper-horizontal > .swiper-wrapper > .swiper-slide:last-child {
        margin-inline-end: var(--swiper-slides-offset-after);
      }
      .swiper-css-mode.swiper-vertical > .swiper-wrapper {
        scroll-snap-type: y mandatory;
      }
      .swiper-css-mode.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
        margin-block-start: var(--swiper-slides-offset-before);
        scroll-margin-block-start: var(--swiper-slides-offset-before);
      }
      .swiper-css-mode.swiper-vertical > .swiper-wrapper > .swiper-slide:last-child {
        margin-block-end: var(--swiper-slides-offset-after);
      }
      .swiper-css-mode.swiper-free-mode > .swiper-wrapper {
        scroll-snap-type: none;
      }
      .swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
        scroll-snap-align: none;
      }
      .swiper-css-mode.swiper-centered > .swiper-wrapper:before {
        content: "";
        flex-shrink: 0;
        order: 9999;
      }
      .swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
        scroll-snap-align: center center;
        scroll-snap-stop: always;
      }
      .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
        margin-inline-start: var(--swiper-centered-offset-before);
      }
      .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper:before {
        height: 100%;
        min-height: 1px;
        width: var(--swiper-centered-offset-after);
      }
      .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
        margin-block-start: var(--swiper-centered-offset-before);
      }
      .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper:before {
        width: 100%;
        min-width: 1px;
        height: var(--swiper-centered-offset-after);
      }
      .swiper-3d .swiper-slide-shadow,
      .swiper-3d .swiper-slide-shadow-left,
      .swiper-3d .swiper-slide-shadow-right,
      .swiper-3d .swiper-slide-shadow-top,
      .swiper-3d .swiper-slide-shadow-bottom,
      .swiper-3d .swiper-slide-shadow,
      .swiper-3d .swiper-slide-shadow-left,
      .swiper-3d .swiper-slide-shadow-right,
      .swiper-3d .swiper-slide-shadow-top,
      .swiper-3d .swiper-slide-shadow-bottom {
        pointer-events: none;
        z-index: 10;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
      }
      .swiper-3d .swiper-slide-shadow {
        background: #00000026;
      }
      .swiper-3d .swiper-slide-shadow-left {
        background-image: linear-gradient(270deg, #00000080, #0000);
      }
      .swiper-3d .swiper-slide-shadow-right {
        background-image: linear-gradient(90deg, #00000080, #0000);
      }
      .swiper-3d .swiper-slide-shadow-top {
        background-image: linear-gradient(#0000, #00000080);
      }
      .swiper-3d .swiper-slide-shadow-bottom {
        background-image: linear-gradient(#00000080, #0000);
      }
      .swiper-lazy-preloader {
        z-index: 10;
        transform-origin: 50%;
        box-sizing: border-box;
        border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
        border-top-color: #0000;
        border-radius: 50%;
        width: 42px;
        height: 42px;
        margin-top: -21px;
        margin-left: -21px;
        position: absolute;
        top: 50%;
        left: 50%;
      }
      :is(.swiper:not(.swiper-watch-progress), .swiper-watch-progress .swiper-slide-visible) .swiper-lazy-preloader {
        animation: 1s linear infinite swiper-preloader-spin;
      }
      .swiper-lazy-preloader-white {
        --swiper-preloader-color: #fff;
      }
      .swiper-lazy-preloader-black {
        --swiper-preloader-color: #000;
      }
      @keyframes swiper-preloader-spin {
        0% {
          transform: rotate(0);
        }
        to {
          transform: rotate(360deg);
        }
      }
      :root {
        --swiper-navigation-size: 44px;
      }
      .swiper-button-prev,
      .swiper-button-next {
        width: var(--swiper-navigation-size);
        height: var(--swiper-navigation-size);
        z-index: 10;
        cursor: pointer;
        color: var(--swiper-navigation-color, var(--swiper-theme-color));
        justify-content: center;
        align-items: center;
        display: flex;
        position: absolute;
      }
      :is(.swiper-button-prev, .swiper-button-next).swiper-button-disabled {
        opacity: 0.35;
        cursor: auto;
        pointer-events: none;
      }
      :is(.swiper-button-prev, .swiper-button-next).swiper-button-hidden {
        opacity: 0;
        cursor: auto;
        pointer-events: none;
      }
      .swiper-navigation-disabled :is(.swiper-button-prev, .swiper-button-next) {
        display: none !important;
      }
      :is(.swiper-button-prev, .swiper-button-next) ::slotted(svg),
      :is(.swiper-button-prev, .swiper-button-next) svg {
        object-fit: contain;
        transform-origin: 50%;
        fill: currentColor;
        pointer-events: none;
        width: 100%;
        height: 100%;
      }
      .swiper-button-lock {
        display: none;
      }
      .swiper-button-prev,
      .swiper-button-next {
        top: var(--swiper-navigation-top-offset, 50%);
        margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
      }
      .swiper-button-prev {
        left: var(--swiper-navigation-sides-offset, 4px);
        right: auto;
      }
      .swiper-button-prev ::slotted(.swiper-navigation-icon),
      .swiper-button-prev .swiper-navigation-icon {
        transform: rotate(180deg);
      }
      .swiper-button-next {
        right: var(--swiper-navigation-sides-offset, 4px);
        left: auto;
      }
      .swiper-horizontal .swiper-button-prev,
      .swiper-horizontal .swiper-button-next,
      .swiper-horizontal ~ .swiper-button-prev,
      .swiper-horizontal ~ .swiper-button-next {
        top: var(--swiper-navigation-top-offset, 50%);
        margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
        margin-left: 0;
      }
      .swiper-horizontal .swiper-button-prev,
      .swiper-horizontal ~ .swiper-button-prev,
      .swiper-horizontal.swiper-rtl .swiper-button-next,
      .swiper-horizontal.swiper-rtl ~ .swiper-button-next {
        left: var(--swiper-navigation-sides-offset, 4px);
        right: auto;
      }
      .swiper-horizontal .swiper-button-next,
      .swiper-horizontal ~ .swiper-button-next,
      .swiper-horizontal.swiper-rtl .swiper-button-prev,
      .swiper-horizontal.swiper-rtl ~ .swiper-button-prev {
        right: var(--swiper-navigation-sides-offset, 4px);
        left: auto;
      }
      :is(
          .swiper-horizontal .swiper-button-prev,
          .swiper-horizontal ~ .swiper-button-prev,
          .swiper-horizontal.swiper-rtl .swiper-button-next,
          .swiper-horizontal.swiper-rtl ~ .swiper-button-next
        )
        ::slotted(.swiper-navigation-icon),
      :is(
          .swiper-horizontal .swiper-button-prev,
          .swiper-horizontal ~ .swiper-button-prev,
          .swiper-horizontal.swiper-rtl .swiper-button-next,
          .swiper-horizontal.swiper-rtl ~ .swiper-button-next
        )
        .swiper-navigation-icon {
        transform: rotate(180deg);
      }
      :is(.swiper-horizontal.swiper-rtl .swiper-button-prev, .swiper-horizontal.swiper-rtl ~ .swiper-button-prev)
        ::slotted(.swiper-navigation-icon),
      :is(.swiper-horizontal.swiper-rtl .swiper-button-prev, .swiper-horizontal.swiper-rtl ~ .swiper-button-prev)
        .swiper-navigation-icon {
        transform: rotate(0);
      }
      .swiper-vertical .swiper-button-prev,
      .swiper-vertical .swiper-button-next,
      .swiper-vertical ~ .swiper-button-prev,
      .swiper-vertical ~ .swiper-button-next {
        left: var(--swiper-navigation-top-offset, 50%);
        margin-left: calc(0px - (var(--swiper-navigation-size) / 2));
        margin-top: 0;
        right: auto;
      }
      .swiper-vertical .swiper-button-prev,
      .swiper-vertical ~ .swiper-button-prev {
        top: var(--swiper-navigation-sides-offset, 4px);
        bottom: auto;
      }
      :is(.swiper-vertical .swiper-button-prev, .swiper-vertical ~ .swiper-button-prev)
        ::slotted(.swiper-navigation-icon),
      :is(.swiper-vertical .swiper-button-prev, .swiper-vertical ~ .swiper-button-prev) .swiper-navigation-icon {
        transform: rotate(-90deg);
      }
      .swiper-vertical .swiper-button-next,
      .swiper-vertical ~ .swiper-button-next {
        bottom: var(--swiper-navigation-sides-offset, 4px);
        top: auto;
      }
      :is(.swiper-vertical .swiper-button-next, .swiper-vertical ~ .swiper-button-next)
        ::slotted(.swiper-navigation-icon),
      :is(.swiper-vertical .swiper-button-next, .swiper-vertical ~ .swiper-button-next) .swiper-navigation-icon {
        transform: rotate(90deg);
      }