@charset "UTF-8";

      @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:wght@400;500;600;700&display=swap');

      :root,
      [data-bs-theme="light"] {
          --bs-body-font-family: "Inter", sans-serif;
          --bs-heading-font-family: "Playfair Display", serif;
          --bs-body-font-size: 16px;
          --bs-body-font-weight: 400;
          --bs-body-line-height: 1.7;

          --bs-body-bg: #ffffff;
          --bs-body-bg-rgb: 255, 255, 255;
          --bs-body-color: #5f6673;
          --bs-body-color-rgb: 95, 102, 115;

          --bs-heading-color: #1A2942;

          --bs-primary: #D96C2B;
          --bs-primary-rgb: 217, 108, 43;

          --bs-dark: #1A2942;
          --bs-dark-rgb: 26, 41, 66;

          --bs-light: #F8F8F6;
          --bs-light-rgb: 248, 248, 246;

          --bs-secondary: #F2F1ED;
          --bs-secondary-rgb: 242, 241, 237;

          --bs-border-color: #E7E3DC;
          --bs-border-color-translucent: rgba(231, 227, 220, 1);

          --bs-border-radius: 14px;
          --bs-border-radius-sm: 10px;
          --bs-border-radius-lg: 24px;

          --primary-color: #1A2942;
          --secondary-color: #F8F8F6;
          --text-color: #5f6673;
          --accent-color: #D96C2B;
          --dark-color: #1A2942;
          --white-color: #ffffff;
          --divider-color: #E7E3DC;
          --default-font: "Inter", sans-serif;
      }

      /*!
 * Bootstrap  v5.3.3 (https://getbootstrap.com/)
 * Copyright 2011-2024 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
      :root,
      [data-bs-theme="light"] {
          --bs-blue: #0d6efd;
          --bs-indigo: #6610f2;
          --bs-purple: #6f42c1;
          --bs-pink: #d63384;
          --bs-red: #dc3545;
          --bs-orange: #fd7e14;
          --bs-yellow: #ffc107;
          --bs-green: #198754;
          --bs-teal: #20c997;
          --bs-cyan: #0dcaf0;
          --bs-black: #000;
          --bs-white: #fff;
          --bs-gray: #6c757d;
          --bs-gray-dark: #343a40;
          --bs-gray-100: #f8f9fa;
          --bs-gray-200: #e9ecef;
          --bs-gray-300: #dee2e6;
          --bs-gray-400: #ced4da;
          --bs-gray-500: #adb5bd;
          --bs-gray-600: #6c757d;
          --bs-gray-700: #495057;
          --bs-gray-800: #343a40;
          --bs-gray-900: #212529;
          --bs-primary: #0d6efd;
          --bs-secondary: #6c757d;
          --bs-success: #198754;
          --bs-info: #0dcaf0;
          --bs-warning: #ffc107;
          --bs-danger: #dc3545;
          --bs-light: #f8f9fa;
          --bs-dark: #212529;
          --bs-primary-rgb: 13, 110, 253;
          --bs-secondary-rgb: 108, 117, 125;
          --bs-success-rgb: 25, 135, 84;
          --bs-info-rgb: 13, 202, 240;
          --bs-warning-rgb: 255, 193, 7;
          --bs-danger-rgb: 220, 53, 69;
          --bs-light-rgb: 248, 249, 250;
          --bs-dark-rgb: 33, 37, 41;
          --bs-primary-text-emphasis: #052c65;
          --bs-secondary-text-emphasis: #2b2f32;
          --bs-success-text-emphasis: #0a3622;
          --bs-info-text-emphasis: #055160;
          --bs-warning-text-emphasis: #664d03;
          --bs-danger-text-emphasis: #58151c;
          --bs-light-text-emphasis: #495057;
          --bs-dark-text-emphasis: #495057;
          --bs-primary-bg-subtle: #cfe2ff;
          --bs-secondary-bg-subtle: #e2e3e5;
          --bs-success-bg-subtle: #d1e7dd;
          --bs-info-bg-subtle: #cff4fc;
          --bs-warning-bg-subtle: #fff3cd;
          --bs-danger-bg-subtle: #f8d7da;
          --bs-light-bg-subtle: #fcfcfd;
          --bs-dark-bg-subtle: #ced4da;
          --bs-primary-border-subtle: #9ec5fe;
          --bs-secondary-border-subtle: #c4c8cb;
          --bs-success-border-subtle: #a3cfbb;
          --bs-info-border-subtle: #9eeaf9;
          --bs-warning-border-subtle: #ffe69c;
          --bs-danger-border-subtle: #f1aeb5;
          --bs-light-border-subtle: #e9ecef;
          --bs-dark-border-subtle: #adb5bd;
          --bs-white-rgb: 255, 255, 255;
          --bs-black-rgb: 0, 0, 0;
          --bs-font-sans-serif:
              system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans",
              "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
              "Segoe UI Symbol", "Noto Color Emoji";
          --bs-font-monospace:
              SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New",
              monospace;
          --bs-gradient: linear-gradient(180deg,
                  rgba(255, 255, 255, 0.15),
                  rgba(255, 255, 255, 0));
          --bs-body-font-family: var(--bs-font-sans-serif);
          --bs-body-font-size: 1rem;
          --bs-body-font-weight: 400;
          --bs-body-line-height: 1.5;
          --bs-body-color: #212529;
          --bs-body-color-rgb: 33, 37, 41;
          --bs-body-bg: #fff;
          --bs-body-bg-rgb: 255, 255, 255;
          --bs-emphasis-color: #000;
          --bs-emphasis-color-rgb: 0, 0, 0;
          --bs-secondary-color: rgba(33, 37, 41, 0.75);
          --bs-secondary-color-rgb: 33, 37, 41;
          --bs-secondary-bg: #e9ecef;
          --bs-secondary-bg-rgb: 233, 236, 239;
          --bs-tertiary-color: rgba(33, 37, 41, 0.5);
          --bs-tertiary-color-rgb: 33, 37, 41;
          --bs-tertiary-bg: #f8f9fa;
          --bs-tertiary-bg-rgb: 248, 249, 250;
          --bs-heading-color: inherit;
          --bs-link-color: #0d6efd;
          --bs-link-color-rgb: 13, 110, 253;
          --bs-link-decoration: underline;
          --bs-link-hover-color: #0a58ca;
          --bs-link-hover-color-rgb: 10, 88, 202;
          --bs-code-color: #d63384;
          --bs-highlight-color: #212529;
          --bs-highlight-bg: #fff3cd;
          --bs-border-width: 1px;
          --bs-border-style: solid;
          --bs-border-color: #dee2e6;
          --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
          --bs-border-radius: 0.375rem;
          --bs-border-radius-sm: 0.25rem;
          --bs-border-radius-lg: 0.5rem;
          --bs-border-radius-xl: 1rem;
          --bs-border-radius-xxl: 2rem;
          --bs-border-radius-2xl: var(--bs-border-radius-xxl);
          --bs-border-radius-pill: 50rem;
          --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
          --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
          --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
          --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
          --bs-focus-ring-width: 0.25rem;
          --bs-focus-ring-opacity: 0.25;
          --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
          --bs-form-valid-color: #198754;
          --bs-form-valid-border-color: #198754;
          --bs-form-invalid-color: #dc3545;
          --bs-form-invalid-border-color: #dc3545;
      }

      [data-bs-theme="dark"] {
          color-scheme: dark;
          --bs-body-color: #dee2e6;
          --bs-body-color-rgb: 222, 226, 230;
          --bs-body-bg: #212529;
          --bs-body-bg-rgb: 33, 37, 41;
          --bs-emphasis-color: #fff;
          --bs-emphasis-color-rgb: 255, 255, 255;
          --bs-secondary-color: rgba(222, 226, 230, 0.75);
          --bs-secondary-color-rgb: 222, 226, 230;
          --bs-secondary-bg: #343a40;
          --bs-secondary-bg-rgb: 52, 58, 64;
          --bs-tertiary-color: rgba(222, 226, 230, 0.5);
          --bs-tertiary-color-rgb: 222, 226, 230;
          --bs-tertiary-bg: #2b3035;
          --bs-tertiary-bg-rgb: 43, 48, 53;
          --bs-primary-text-emphasis: #6ea8fe;
          --bs-secondary-text-emphasis: #a7acb1;
          --bs-success-text-emphasis: #75b798;
          --bs-info-text-emphasis: #6edff6;
          --bs-warning-text-emphasis: #ffda6a;
          --bs-danger-text-emphasis: #ea868f;
          --bs-light-text-emphasis: #f8f9fa;
          --bs-dark-text-emphasis: #dee2e6;
          --bs-primary-bg-subtle: #031633;
          --bs-secondary-bg-subtle: #161719;
          --bs-success-bg-subtle: #051b11;
          --bs-info-bg-subtle: #032830;
          --bs-warning-bg-subtle: #332701;
          --bs-danger-bg-subtle: #2c0b0e;
          --bs-light-bg-subtle: #343a40;
          --bs-dark-bg-subtle: #1a1d20;
          --bs-primary-border-subtle: #084298;
          --bs-secondary-border-subtle: #41464b;
          --bs-success-border-subtle: #0f5132;
          --bs-info-border-subtle: #087990;
          --bs-warning-border-subtle: #997404;
          --bs-danger-border-subtle: #842029;
          --bs-light-border-subtle: #495057;
          --bs-dark-border-subtle: #343a40;
          --bs-heading-color: inherit;
          --bs-link-color: #6ea8fe;
          --bs-link-hover-color: #8bb9fe;
          --bs-link-color-rgb: 110, 168, 254;
          --bs-link-hover-color-rgb: 139, 185, 254;
          --bs-code-color: #e685b5;
          --bs-highlight-color: #dee2e6;
          --bs-highlight-bg: #664d03;
          --bs-border-color: #495057;
          --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
          --bs-form-valid-color: #75b798;
          --bs-form-valid-border-color: #75b798;
          --bs-form-invalid-color: #ea868f;
          --bs-form-invalid-border-color: #ea868f;
      }

      *,
      ::after,
      ::before {
          box-sizing: border-box;
      }

      @media (prefers-reduced-motion: no-preference) {
          :root {
              scroll-behavior: smooth;
          }
      }

      body {
          margin: 0;
          font-family: var(--bs-body-font-family);
          font-size: var(--bs-body-font-size);
          font-weight: var(--bs-body-font-weight);
          line-height: var(--bs-body-line-height);
          color: var(--bs-body-color);
          text-align: var(--bs-body-text-align);
          background-color: var(--bs-body-bg);
          -webkit-text-size-adjust: 100%;
          -webkit-tap-highlight-color: transparent;
      }

      hr {
          margin: 1rem 0;
          color: inherit;
          border: 0;
          border-top: var(--bs-border-width) solid;
          opacity: 0.25;
      }

      .h1,
      .h2,
      .h3,
      .h4,
      .h5,
      .h6,
      h1,
      h2,
      h3,
      h4,
      h5,
      h6 {
          margin-top: 0;
          margin-bottom: 0.5rem;
          font-weight: 500;
          line-height: 1.2;
          color: var(--bs-heading-color);
      }

      .h1,
      h1 {
          font-size: calc(1.375rem + 1.5vw);
      }

      @media (min-width: 1200px) {

          .h1,
          h1 {
              font-size: 2.5rem;
          }
      }

      .h2,
      h2 {
          font-size: calc(1.325rem + 0.9vw);
      }

      @media (min-width: 1200px) {

          .h2,
          h2 {
              font-size: 2rem;
          }
      }

      .h3,
      h3 {
          font-size: calc(1.3rem + 0.6vw);
      }

      @media (min-width: 1200px) {

          .h3,
          h3 {
              font-size: 1.75rem;
          }
      }

      .h4,
      h4 {
          font-size: calc(1.275rem + 0.3vw);
      }

      @media (min-width: 1200px) {

          .h4,
          h4 {
              font-size: 1.5rem;
          }
      }

      .h5,
      h5 {
          font-size: 1.25rem;
      }

      .h6,
      h6 {
          font-size: 1rem;
      }

      p {
          margin-top: 0;
          margin-bottom: 1rem;
      }

      abbr[title] {
          -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
          cursor: help;
          -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
      }

      address {
          margin-bottom: 1rem;
          font-style: normal;
          line-height: inherit;
      }

      ol,
      ul {
          padding-left: 2rem;
      }

      dl,
      ol,
      ul {
          margin-top: 0;
          margin-bottom: 1rem;
      }

      ol ol,
      ol ul,
      ul ol,
      ul ul {
          margin-bottom: 0;
      }

      dt {
          font-weight: 700;
      }

      dd {
          margin-bottom: 0.5rem;
          margin-left: 0;
      }

      blockquote {
          margin: 0 0 1rem;
      }

      b,
      strong {
          font-weight: bolder;
      }

      .small,
      small {
          font-size: 0.875em;
      }

      .mark,
      mark {
          padding: 0.1875em;
          color: var(--bs-highlight-color);
          background-color: var(--bs-highlight-bg);
      }

      sub,
      sup {
          position: relative;
          font-size: 0.75em;
          line-height: 0;
          vertical-align: baseline;
      }

      sub {
          bottom: -0.25em;
      }

      sup {
          top: -0.5em;
      }

      a {
          color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
          text-decoration: underline;
      }

      a:hover {
          --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
      }

      a:not([href]):not([class]),
      a:not([href]):not([class]):hover {
          color: inherit;
          text-decoration: none;
      }

      code,
      kbd,
      pre,
      samp {
          font-family: var(--bs-font-monospace);
          font-size: 1em;
      }

      pre {
          display: block;
          margin-top: 0;
          margin-bottom: 1rem;
          overflow: auto;
          font-size: 0.875em;
      }

      pre code {
          font-size: inherit;
          color: inherit;
          word-break: normal;
      }

      code {
          font-size: 0.875em;
          color: var(--bs-code-color);
          word-wrap: break-word;
      }

      a>code {
          color: inherit;
      }

      kbd {
          padding: 0.1875rem 0.375rem;
          font-size: 0.875em;
          color: var(--bs-body-bg);
          background-color: var(--bs-body-color);
          border-radius: 0.25rem;
      }

      kbd kbd {
          padding: 0;
          font-size: 1em;
      }

      figure {
          margin: 0 0 1rem;
      }

      img,
      svg {
          vertical-align: middle;
      }

      table {
          caption-side: bottom;
          border-collapse: collapse;
      }

      caption {
          padding-top: 0.5rem;
          padding-bottom: 0.5rem;
          color: var(--bs-secondary-color);
          text-align: left;
      }

      th {
          text-align: inherit;
          text-align: -webkit-match-parent;
      }

      tbody,
      td,
      tfoot,
      th,
      thead,
      tr {
          border-color: inherit;
          border-style: solid;
          border-width: 0;
      }

      label {
          display: inline-block;
      }

      button {
          border-radius: 0;
      }

      button:focus:not(:focus-visible) {
          outline: 0;
      }

      button,
      input,
      optgroup,
      select,
      textarea {
          margin: 0;
          font-family: inherit;
          font-size: inherit;
          line-height: inherit;
      }

      button,
      select {
          text-transform: none;
      }

      [role="button"] {
          cursor: pointer;
      }

      select {
          word-wrap: normal;
      }

      select:disabled {
          opacity: 1;
      }

      [list]:not([type="date"]):not([type="datetime-local"]):not([type="month"]):not([type="week"]):not([type="time"])::-webkit-calendar-picker-indicator {
          display: none !important;
      }

      [type="button"],
      [type="reset"],
      [type="submit"],
      button {
          -webkit-appearance: button;
      }

      [type="button"]:not(:disabled),
      [type="reset"]:not(:disabled),
      [type="submit"]:not(:disabled),
      button:not(:disabled) {
          cursor: pointer;
      }

      ::-moz-focus-inner {
          padding: 0;
          border-style: none;
      }

      textarea {
          resize: vertical;
      }

      fieldset {
          min-width: 0;
          padding: 0;
          margin: 0;
          border: 0;
      }

      legend {
          float: left;
          width: 100%;
          padding: 0;
          margin-bottom: 0.5rem;
          font-size: calc(1.275rem + 0.3vw);
          line-height: inherit;
      }

      @media (min-width: 1200px) {
          legend {
              font-size: 1.5rem;
          }
      }

      legend+* {
          clear: left;
      }

      ::-webkit-datetime-edit-day-field,
      ::-webkit-datetime-edit-fields-wrapper,
      ::-webkit-datetime-edit-hour-field,
      ::-webkit-datetime-edit-minute,
      ::-webkit-datetime-edit-month-field,
      ::-webkit-datetime-edit-text,
      ::-webkit-datetime-edit-year-field {
          padding: 0;
      }

      ::-webkit-inner-spin-button {
          height: auto;
      }

      [type="search"] {
          -webkit-appearance: textfield;
          outline-offset: -2px;
      }

      ::-webkit-search-decoration {
          -webkit-appearance: none;
      }

      ::-webkit-color-swatch-wrapper {
          padding: 0;
      }

      ::-webkit-file-upload-button {
          font: inherit;
          -webkit-appearance: button;
      }

      ::file-selector-button {
          font: inherit;
          -webkit-appearance: button;
      }

      output {
          display: inline-block;
      }

      iframe {
          border: 0;
      }

      summary {
          display: list-item;
          cursor: pointer;
      }

      progress {
          vertical-align: baseline;
      }

      [hidden] {
          display: none !important;
      }

      .lead {
          font-size: 1.25rem;
          font-weight: 300;
      }

      .display-1 {
          font-size: calc(1.625rem + 4.5vw);
          font-weight: 300;
          line-height: 1.2;
      }

      @media (min-width: 1200px) {
          .display-1 {
              font-size: 5rem;
          }
      }

      .display-2 {
          font-size: calc(1.575rem + 3.9vw);
          font-weight: 300;
          line-height: 1.2;
      }

      @media (min-width: 1200px) {
          .display-2 {
              font-size: 4.5rem;
          }
      }

      .display-3 {
          font-size: calc(1.525rem + 3.3vw);
          font-weight: 300;
          line-height: 1.2;
      }

      @media (min-width: 1200px) {
          .display-3 {
              font-size: 4rem;
          }
      }

      .display-4 {
          font-size: calc(1.475rem + 2.7vw);
          font-weight: 300;
          line-height: 1.2;
      }

      @media (min-width: 1200px) {
          .display-4 {
              font-size: 3.5rem;
          }
      }

      .display-5 {
          font-size: calc(1.425rem + 2.1vw);
          font-weight: 300;
          line-height: 1.2;
      }

      @media (min-width: 1200px) {
          .display-5 {
              font-size: 3rem;
          }
      }

      .display-6 {
          font-size: calc(1.375rem + 1.5vw);
          font-weight: 300;
          line-height: 1.2;
      }

      @media (min-width: 1200px) {
          .display-6 {
              font-size: 2.5rem;
          }
      }

      .list-unstyled {
          padding-left: 0;
          list-style: none;
      }

      .list-inline {
          padding-left: 0;
          list-style: none;
      }

      .list-inline-item {
          display: inline-block;
      }

      .list-inline-item:not(:last-child) {
          margin-right: 0.5rem;
      }

      .initialism {
          font-size: 0.875em;
          text-transform: uppercase;
      }

      .blockquote {
          margin-bottom: 1rem;
          font-size: 1.25rem;
      }

      .blockquote> :last-child {
          margin-bottom: 0;
      }

      .blockquote-footer {
          margin-top: -1rem;
          margin-bottom: 1rem;
          font-size: 0.875em;
          color: #6c757d;
      }

      .blockquote-footer::before {
          content: "— ";
      }

      .img-fluid {
          max-width: 100%;
          height: auto;
      }

      .img-thumbnail {
          padding: 0.25rem;
          background-color: var(--bs-body-bg);
          border: var(--bs-border-width) solid var(--bs-border-color);
          border-radius: var(--bs-border-radius);
          max-width: 100%;
          height: auto;
      }

      .figure {
          display: inline-block;
      }

      .figure-img {
          margin-bottom: 0.5rem;
          line-height: 1;
      }

      .figure-caption {
          font-size: 0.875em;
          color: var(--bs-secondary-color);
      }

      .container,
      .container-fluid,
      .container-lg,
      .container-md,
      .container-sm,
      .container-xl,
      .container-xxl {
          --bs-gutter-x: 1.5rem;
          --bs-gutter-y: 0;
          width: 100%;
          padding-right: calc(var(--bs-gutter-x) * 0.5);
          padding-left: calc(var(--bs-gutter-x) * 0.5);
          margin-right: auto;
          margin-left: auto;
      }

      @media (min-width: 576px) {

          .container,
          .container-sm {
              max-width: 540px;
          }
      }

      @media (min-width: 768px) {

          .container,
          .container-md,
          .container-sm {
              max-width: 720px;
          }
      }

      @media (min-width: 992px) {

          .container,
          .container-lg,
          .container-md,
          .container-sm {
              max-width: 960px;
          }
      }

      @media (min-width: 1200px) {

          .container,
          .container-lg,
          .container-md,
          .container-sm,
          .container-xl {
              max-width: 1140px;
          }
      }

      @media (min-width: 1400px) {

          .container,
          .container-lg,
          .container-md,
          .container-sm,
          .container-xl,
          .container-xxl {
              max-width: 1320px;
          }
      }

      :root {
          --bs-breakpoint-xs: 0;
          --bs-breakpoint-sm: 576px;
          --bs-breakpoint-md: 768px;
          --bs-breakpoint-lg: 992px;
          --bs-breakpoint-xl: 1200px;
          --bs-breakpoint-xxl: 1400px;
      }

      .row {
          --bs-gutter-x: 1.5rem;
          --bs-gutter-y: 0;
          display: flex;
          flex-wrap: wrap;
          margin-top: calc(-1 * var(--bs-gutter-y));
          margin-right: calc(-0.5 * var(--bs-gutter-x));
          margin-left: calc(-0.5 * var(--bs-gutter-x));
      }

      .row>* {
          flex-shrink: 0;
          width: 100%;
          max-width: 100%;
          padding-right: calc(var(--bs-gutter-x) * 0.5);
          padding-left: calc(var(--bs-gutter-x) * 0.5);
          margin-top: var(--bs-gutter-y);
      }

      .col {
          flex: 1 0 0%;
      }

      .row-cols-auto>* {
          flex: 0 0 auto;
          width: auto;
      }

      .row-cols-1>* {
          flex: 0 0 auto;
          width: 100%;
      }

      .row-cols-2>* {
          flex: 0 0 auto;
          width: 50%;
      }

      .row-cols-3>* {
          flex: 0 0 auto;
          width: 33.33333333%;
      }

      .row-cols-4>* {
          flex: 0 0 auto;
          width: 25%;
      }

      .row-cols-5>* {
          flex: 0 0 auto;
          width: 20%;
      }

      .row-cols-6>* {
          flex: 0 0 auto;
          width: 16.66666667%;
      }

      .col-auto {
          flex: 0 0 auto;
          width: auto;
      }

      .col-1 {
          flex: 0 0 auto;
          width: 8.33333333%;
      }

      .col-2 {
          flex: 0 0 auto;
          width: 16.66666667%;
      }

      .col-3 {
          flex: 0 0 auto;
          width: 25%;
      }

      .col-4 {
          flex: 0 0 auto;
          width: 33.33333333%;
      }

      .col-5 {
          flex: 0 0 auto;
          width: 41.66666667%;
      }

      .col-6 {
          flex: 0 0 auto;
          width: 50%;
      }

      .col-7 {
          flex: 0 0 auto;
          width: 58.33333333%;
      }

      .col-8 {
          flex: 0 0 auto;
          width: 66.66666667%;
      }

      .col-9 {
          flex: 0 0 auto;
          width: 75%;
      }

      .col-10 {
          flex: 0 0 auto;
          width: 83.33333333%;
      }

      .col-11 {
          flex: 0 0 auto;
          width: 91.66666667%;
      }

      .col-12 {
          flex: 0 0 auto;
          width: 100%;
      }

      .offset-1 {
          margin-left: 8.33333333%;
      }

      .offset-2 {
          margin-left: 16.66666667%;
      }

      .offset-3 {
          margin-left: 25%;
      }

      .offset-4 {
          margin-left: 33.33333333%;
      }

      .offset-5 {
          margin-left: 41.66666667%;
      }

      .offset-6 {
          margin-left: 50%;
      }

      .offset-7 {
          margin-left: 58.33333333%;
      }

      .offset-8 {
          margin-left: 66.66666667%;
      }

      .offset-9 {
          margin-left: 75%;
      }

      .offset-10 {
          margin-left: 83.33333333%;
      }

      .offset-11 {
          margin-left: 91.66666667%;
      }

      .g-0,
      .gx-0 {
          --bs-gutter-x: 0;
      }

      .g-0,
      .gy-0 {
          --bs-gutter-y: 0;
      }

      .g-1,
      .gx-1 {
          --bs-gutter-x: 0.25rem;
      }

      .g-1,
      .gy-1 {
          --bs-gutter-y: 0.25rem;
      }

      .g-2,
      .gx-2 {
          --bs-gutter-x: 0.5rem;
      }

      .g-2,
      .gy-2 {
          --bs-gutter-y: 0.5rem;
      }

      .g-3,
      .gx-3 {
          --bs-gutter-x: 1rem;
      }

      .g-3,
      .gy-3 {
          --bs-gutter-y: 1rem;
      }

      .g-4,
      .gx-4 {
          --bs-gutter-x: 1.5rem;
      }

      .g-4,
      .gy-4 {
          --bs-gutter-y: 1.5rem;
      }

      .g-5,
      .gx-5 {
          --bs-gutter-x: 3rem;
      }

      .g-5,
      .gy-5 {
          --bs-gutter-y: 3rem;
      }

      @media (min-width: 576px) {
          .col-sm {
              flex: 1 0 0%;
          }

          .row-cols-sm-auto>* {
              flex: 0 0 auto;
              width: auto;
          }

          .row-cols-sm-1>* {
              flex: 0 0 auto;
              width: 100%;
          }

          .row-cols-sm-2>* {
              flex: 0 0 auto;
              width: 50%;
          }

          .row-cols-sm-3>* {
              flex: 0 0 auto;
              width: 33.33333333%;
          }

          .row-cols-sm-4>* {
              flex: 0 0 auto;
              width: 25%;
          }

          .row-cols-sm-5>* {
              flex: 0 0 auto;
              width: 20%;
          }

          .row-cols-sm-6>* {
              flex: 0 0 auto;
              width: 16.66666667%;
          }

          .col-sm-auto {
              flex: 0 0 auto;
              width: auto;
          }

          .col-sm-1 {
              flex: 0 0 auto;
              width: 8.33333333%;
          }

          .col-sm-2 {
              flex: 0 0 auto;
              width: 16.66666667%;
          }

          .col-sm-3 {
              flex: 0 0 auto;
              width: 25%;
          }

          .col-sm-4 {
              flex: 0 0 auto;
              width: 33.33333333%;
          }

          .col-sm-5 {
              flex: 0 0 auto;
              width: 41.66666667%;
          }

          .col-sm-6 {
              flex: 0 0 auto;
              width: 50%;
          }

          .col-sm-7 {
              flex: 0 0 auto;
              width: 58.33333333%;
          }

          .col-sm-8 {
              flex: 0 0 auto;
              width: 66.66666667%;
          }

          .col-sm-9 {
              flex: 0 0 auto;
              width: 75%;
          }

          .col-sm-10 {
              flex: 0 0 auto;
              width: 83.33333333%;
          }

          .col-sm-11 {
              flex: 0 0 auto;
              width: 91.66666667%;
          }

          .col-sm-12 {
              flex: 0 0 auto;
              width: 100%;
          }

          .offset-sm-0 {
              margin-left: 0;
          }

          .offset-sm-1 {
              margin-left: 8.33333333%;
          }

          .offset-sm-2 {
              margin-left: 16.66666667%;
          }

          .offset-sm-3 {
              margin-left: 25%;
          }

          .offset-sm-4 {
              margin-left: 33.33333333%;
          }

          .offset-sm-5 {
              margin-left: 41.66666667%;
          }

          .offset-sm-6 {
              margin-left: 50%;
          }

          .offset-sm-7 {
              margin-left: 58.33333333%;
          }

          .offset-sm-8 {
              margin-left: 66.66666667%;
          }

          .offset-sm-9 {
              margin-left: 75%;
          }

          .offset-sm-10 {
              margin-left: 83.33333333%;
          }

          .offset-sm-11 {
              margin-left: 91.66666667%;
          }

          .g-sm-0,
          .gx-sm-0 {
              --bs-gutter-x: 0;
          }

          .g-sm-0,
          .gy-sm-0 {
              --bs-gutter-y: 0;
          }

          .g-sm-1,
          .gx-sm-1 {
              --bs-gutter-x: 0.25rem;
          }

          .g-sm-1,
          .gy-sm-1 {
              --bs-gutter-y: 0.25rem;
          }

          .g-sm-2,
          .gx-sm-2 {
              --bs-gutter-x: 0.5rem;
          }

          .g-sm-2,
          .gy-sm-2 {
              --bs-gutter-y: 0.5rem;
          }

          .g-sm-3,
          .gx-sm-3 {
              --bs-gutter-x: 1rem;
          }

          .g-sm-3,
          .gy-sm-3 {
              --bs-gutter-y: 1rem;
          }

          .g-sm-4,
          .gx-sm-4 {
              --bs-gutter-x: 1.5rem;
          }

          .g-sm-4,
          .gy-sm-4 {
              --bs-gutter-y: 1.5rem;
          }

          .g-sm-5,
          .gx-sm-5 {
              --bs-gutter-x: 3rem;
          }

          .g-sm-5,
          .gy-sm-5 {
              --bs-gutter-y: 3rem;
          }
      }

      @media (min-width: 768px) {
          .col-md {
              flex: 1 0 0%;
          }

          .row-cols-md-auto>* {
              flex: 0 0 auto;
              width: auto;
          }

          .row-cols-md-1>* {
              flex: 0 0 auto;
              width: 100%;
          }

          .row-cols-md-2>* {
              flex: 0 0 auto;
              width: 50%;
          }

          .row-cols-md-3>* {
              flex: 0 0 auto;
              width: 33.33333333%;
          }

          .row-cols-md-4>* {
              flex: 0 0 auto;
              width: 25%;
          }

          .row-cols-md-5>* {
              flex: 0 0 auto;
              width: 20%;
          }

          .row-cols-md-6>* {
              flex: 0 0 auto;
              width: 16.66666667%;
          }

          .col-md-auto {
              flex: 0 0 auto;
              width: auto;
          }

          .col-md-1 {
              flex: 0 0 auto;
              width: 8.33333333%;
          }

          .col-md-2 {
              flex: 0 0 auto;
              width: 16.66666667%;
          }

          .col-md-3 {
              flex: 0 0 auto;
              width: 25%;
          }

          .col-md-4 {
              flex: 0 0 auto;
              width: 33.33333333%;
          }

          .col-md-5 {
              flex: 0 0 auto;
              width: 41.66666667%;
          }

          .col-md-6 {
              flex: 0 0 auto;
              width: 50%;
          }

          .col-md-7 {
              flex: 0 0 auto;
              width: 58.33333333%;
          }

          .col-md-8 {
              flex: 0 0 auto;
              width: 66.66666667%;
          }

          .col-md-9 {
              flex: 0 0 auto;
              width: 75%;
          }

          .col-md-10 {
              flex: 0 0 auto;
              width: 83.33333333%;
          }

          .col-md-11 {
              flex: 0 0 auto;
              width: 91.66666667%;
          }

          .col-md-12 {
              flex: 0 0 auto;
              width: 100%;
          }

          .offset-md-0 {
              margin-left: 0;
          }

          .offset-md-1 {
              margin-left: 8.33333333%;
          }

          .offset-md-2 {
              margin-left: 16.66666667%;
          }

          .offset-md-3 {
              margin-left: 25%;
          }

          .offset-md-4 {
              margin-left: 33.33333333%;
          }

          .offset-md-5 {
              margin-left: 41.66666667%;
          }

          .offset-md-6 {
              margin-left: 50%;
          }

          .offset-md-7 {
              margin-left: 58.33333333%;
          }

          .offset-md-8 {
              margin-left: 66.66666667%;
          }

          .offset-md-9 {
              margin-left: 75%;
          }

          .offset-md-10 {
              margin-left: 83.33333333%;
          }

          .offset-md-11 {
              margin-left: 91.66666667%;
          }

          .g-md-0,
          .gx-md-0 {
              --bs-gutter-x: 0;
          }

          .g-md-0,
          .gy-md-0 {
              --bs-gutter-y: 0;
          }

          .g-md-1,
          .gx-md-1 {
              --bs-gutter-x: 0.25rem;
          }

          .g-md-1,
          .gy-md-1 {
              --bs-gutter-y: 0.25rem;
          }

          .g-md-2,
          .gx-md-2 {
              --bs-gutter-x: 0.5rem;
          }

          .g-md-2,
          .gy-md-2 {
              --bs-gutter-y: 0.5rem;
          }

          .g-md-3,
          .gx-md-3 {
              --bs-gutter-x: 1rem;
          }

          .g-md-3,
          .gy-md-3 {
              --bs-gutter-y: 1rem;
          }

          .g-md-4,
          .gx-md-4 {
              --bs-gutter-x: 1.5rem;
          }

          .g-md-4,
          .gy-md-4 {
              --bs-gutter-y: 1.5rem;
          }

          .g-md-5,
          .gx-md-5 {
              --bs-gutter-x: 3rem;
          }

          .g-md-5,
          .gy-md-5 {
              --bs-gutter-y: 3rem;
          }
      }

      @media (min-width: 992px) {
          .col-lg {
              flex: 1 0 0%;
          }

          .row-cols-lg-auto>* {
              flex: 0 0 auto;
              width: auto;
          }

          .row-cols-lg-1>* {
              flex: 0 0 auto;
              width: 100%;
          }

          .row-cols-lg-2>* {
              flex: 0 0 auto;
              width: 50%;
          }

          .row-cols-lg-3>* {
              flex: 0 0 auto;
              width: 33.33333333%;
          }

          .row-cols-lg-4>* {
              flex: 0 0 auto;
              width: 25%;
          }

          .row-cols-lg-5>* {
              flex: 0 0 auto;
              width: 20%;
          }

          .row-cols-lg-6>* {
              flex: 0 0 auto;
              width: 16.66666667%;
          }

          .col-lg-auto {
              flex: 0 0 auto;
              width: auto;
          }

          .col-lg-1 {
              flex: 0 0 auto;
              width: 8.33333333%;
          }

          .col-lg-2 {
              flex: 0 0 auto;
              width: 16.66666667%;
          }

          .col-lg-3 {
              flex: 0 0 auto;
              width: 25%;
          }

          .col-lg-4 {
              flex: 0 0 auto;
              width: 33.33333333%;
          }

          .col-lg-5 {
              flex: 0 0 auto;
              width: 41.66666667%;
          }

          .col-lg-6 {
              flex: 0 0 auto;
              width: 50%;
          }

          .col-lg-7 {
              flex: 0 0 auto;
              width: 58.33333333%;
          }

          .col-lg-8 {
              flex: 0 0 auto;
              width: 66.66666667%;
          }

          .col-lg-9 {
              flex: 0 0 auto;
              width: 75%;
          }

          .col-lg-10 {
              flex: 0 0 auto;
              width: 83.33333333%;
          }

          .col-lg-11 {
              flex: 0 0 auto;
              width: 91.66666667%;
          }

          .col-lg-12 {
              flex: 0 0 auto;
              width: 100%;
          }

          .offset-lg-0 {
              margin-left: 0;
          }

          .offset-lg-1 {
              margin-left: 8.33333333%;
          }

          .offset-lg-2 {
              margin-left: 16.66666667%;
          }

          .offset-lg-3 {
              margin-left: 25%;
          }

          .offset-lg-4 {
              margin-left: 33.33333333%;
          }

          .offset-lg-5 {
              margin-left: 41.66666667%;
          }

          .offset-lg-6 {
              margin-left: 50%;
          }

          .offset-lg-7 {
              margin-left: 58.33333333%;
          }

          .offset-lg-8 {
              margin-left: 66.66666667%;
          }

          .offset-lg-9 {
              margin-left: 75%;
          }

          .offset-lg-10 {
              margin-left: 83.33333333%;
          }

          .offset-lg-11 {
              margin-left: 91.66666667%;
          }

          .g-lg-0,
          .gx-lg-0 {
              --bs-gutter-x: 0;
          }

          .g-lg-0,
          .gy-lg-0 {
              --bs-gutter-y: 0;
          }

          .g-lg-1,
          .gx-lg-1 {
              --bs-gutter-x: 0.25rem;
          }

          .g-lg-1,
          .gy-lg-1 {
              --bs-gutter-y: 0.25rem;
          }

          .g-lg-2,
          .gx-lg-2 {
              --bs-gutter-x: 0.5rem;
          }

          .g-lg-2,
          .gy-lg-2 {
              --bs-gutter-y: 0.5rem;
          }

          .g-lg-3,
          .gx-lg-3 {
              --bs-gutter-x: 1rem;
          }

          .g-lg-3,
          .gy-lg-3 {
              --bs-gutter-y: 1rem;
          }

          .g-lg-4,
          .gx-lg-4 {
              --bs-gutter-x: 1.5rem;
          }

          .g-lg-4,
          .gy-lg-4 {
              --bs-gutter-y: 1.5rem;
          }

          .g-lg-5,
          .gx-lg-5 {
              --bs-gutter-x: 3rem;
          }

          .g-lg-5,
          .gy-lg-5 {
              --bs-gutter-y: 3rem;
          }
      }

      @media (min-width: 1200px) {
          .col-xl {
              flex: 1 0 0%;
          }

          .row-cols-xl-auto>* {
              flex: 0 0 auto;
              width: auto;
          }

          .row-cols-xl-1>* {
              flex: 0 0 auto;
              width: 100%;
          }

          .row-cols-xl-2>* {
              flex: 0 0 auto;
              width: 50%;
          }

          .row-cols-xl-3>* {
              flex: 0 0 auto;
              width: 33.33333333%;
          }

          .row-cols-xl-4>* {
              flex: 0 0 auto;
              width: 25%;
          }

          .row-cols-xl-5>* {
              flex: 0 0 auto;
              width: 20%;
          }

          .row-cols-xl-6>* {
              flex: 0 0 auto;
              width: 16.66666667%;
          }

          .col-xl-auto {
              flex: 0 0 auto;
              width: auto;
          }

          .col-xl-1 {
              flex: 0 0 auto;
              width: 8.33333333%;
          }

          .col-xl-2 {
              flex: 0 0 auto;
              width: 16.66666667%;
          }

          .col-xl-3 {
              flex: 0 0 auto;
              width: 25%;
          }

          .col-xl-4 {
              flex: 0 0 auto;
              width: 33.33333333%;
          }

          .col-xl-5 {
              flex: 0 0 auto;
              width: 41.66666667%;
          }

          .col-xl-6 {
              flex: 0 0 auto;
              width: 50%;
          }

          .col-xl-7 {
              flex: 0 0 auto;
              width: 58.33333333%;
          }

          .col-xl-8 {
              flex: 0 0 auto;
              width: 66.66666667%;
          }

          .col-xl-9 {
              flex: 0 0 auto;
              width: 75%;
          }

          .col-xl-10 {
              flex: 0 0 auto;
              width: 83.33333333%;
          }

          .col-xl-11 {
              flex: 0 0 auto;
              width: 91.66666667%;
          }

          .col-xl-12 {
              flex: 0 0 auto;
              width: 100%;
          }

          .offset-xl-0 {
              margin-left: 0;
          }

          .offset-xl-1 {
              margin-left: 8.33333333%;
          }

          .offset-xl-2 {
              margin-left: 16.66666667%;
          }

          .offset-xl-3 {
              margin-left: 25%;
          }

          .offset-xl-4 {
              margin-left: 33.33333333%;
          }

          .offset-xl-5 {
              margin-left: 41.66666667%;
          }

          .offset-xl-6 {
              margin-left: 50%;
          }

          .offset-xl-7 {
              margin-left: 58.33333333%;
          }

          .offset-xl-8 {
              margin-left: 66.66666667%;
          }

          .offset-xl-9 {
              margin-left: 75%;
          }

          .offset-xl-10 {
              margin-left: 83.33333333%;
          }

          .offset-xl-11 {
              margin-left: 91.66666667%;
          }

          .g-xl-0,
          .gx-xl-0 {
              --bs-gutter-x: 0;
          }

          .g-xl-0,
          .gy-xl-0 {
              --bs-gutter-y: 0;
          }

          .g-xl-1,
          .gx-xl-1 {
              --bs-gutter-x: 0.25rem;
          }

          .g-xl-1,
          .gy-xl-1 {
              --bs-gutter-y: 0.25rem;
          }

          .g-xl-2,
          .gx-xl-2 {
              --bs-gutter-x: 0.5rem;
          }

          .g-xl-2,
          .gy-xl-2 {
              --bs-gutter-y: 0.5rem;
          }

          .g-xl-3,
          .gx-xl-3 {
              --bs-gutter-x: 1rem;
          }

          .g-xl-3,
          .gy-xl-3 {
              --bs-gutter-y: 1rem;
          }

          .g-xl-4,
          .gx-xl-4 {
              --bs-gutter-x: 1.5rem;
          }

          .g-xl-4,
          .gy-xl-4 {
              --bs-gutter-y: 1.5rem;
          }

          .g-xl-5,
          .gx-xl-5 {
              --bs-gutter-x: 3rem;
          }

          .g-xl-5,
          .gy-xl-5 {
              --bs-gutter-y: 3rem;
          }
      }

      @media (min-width: 1400px) {
          .col-xxl {
              flex: 1 0 0%;
          }

          .row-cols-xxl-auto>* {
              flex: 0 0 auto;
              width: auto;
          }

          .row-cols-xxl-1>* {
              flex: 0 0 auto;
              width: 100%;
          }

          .row-cols-xxl-2>* {
              flex: 0 0 auto;
              width: 50%;
          }

          .row-cols-xxl-3>* {
              flex: 0 0 auto;
              width: 33.33333333%;
          }

          .row-cols-xxl-4>* {
              flex: 0 0 auto;
              width: 25%;
          }

          .row-cols-xxl-5>* {
              flex: 0 0 auto;
              width: 20%;
          }

          .row-cols-xxl-6>* {
              flex: 0 0 auto;
              width: 16.66666667%;
          }

          .col-xxl-auto {
              flex: 0 0 auto;
              width: auto;
          }

          .col-xxl-1 {
              flex: 0 0 auto;
              width: 8.33333333%;
          }

          .col-xxl-2 {
              flex: 0 0 auto;
              width: 16.66666667%;
          }

          .col-xxl-3 {
              flex: 0 0 auto;
              width: 25%;
          }

          .col-xxl-4 {
              flex: 0 0 auto;
              width: 33.33333333%;
          }

          .col-xxl-5 {
              flex: 0 0 auto;
              width: 41.66666667%;
          }

          .col-xxl-6 {
              flex: 0 0 auto;
              width: 50%;
          }

          .col-xxl-7 {
              flex: 0 0 auto;
              width: 58.33333333%;
          }

          .col-xxl-8 {
              flex: 0 0 auto;
              width: 66.66666667%;
          }

          .col-xxl-9 {
              flex: 0 0 auto;
              width: 75%;
          }

          .col-xxl-10 {
              flex: 0 0 auto;
              width: 83.33333333%;
          }

          .col-xxl-11 {
              flex: 0 0 auto;
              width: 91.66666667%;
          }

          .col-xxl-12 {
              flex: 0 0 auto;
              width: 100%;
          }

          .offset-xxl-0 {
              margin-left: 0;
          }

          .offset-xxl-1 {
              margin-left: 8.33333333%;
          }

          .offset-xxl-2 {
              margin-left: 16.66666667%;
          }

          .offset-xxl-3 {
              margin-left: 25%;
          }

          .offset-xxl-4 {
              margin-left: 33.33333333%;
          }

          .offset-xxl-5 {
              margin-left: 41.66666667%;
          }

          .offset-xxl-6 {
              margin-left: 50%;
          }

          .offset-xxl-7 {
              margin-left: 58.33333333%;
          }

          .offset-xxl-8 {
              margin-left: 66.66666667%;
          }

          .offset-xxl-9 {
              margin-left: 75%;
          }

          .offset-xxl-10 {
              margin-left: 83.33333333%;
          }

          .offset-xxl-11 {
              margin-left: 91.66666667%;
          }

          .g-xxl-0,
          .gx-xxl-0 {
              --bs-gutter-x: 0;
          }

          .g-xxl-0,
          .gy-xxl-0 {
              --bs-gutter-y: 0;
          }

          .g-xxl-1,
          .gx-xxl-1 {
              --bs-gutter-x: 0.25rem;
          }

          .g-xxl-1,
          .gy-xxl-1 {
              --bs-gutter-y: 0.25rem;
          }

          .g-xxl-2,
          .gx-xxl-2 {
              --bs-gutter-x: 0.5rem;
          }

          .g-xxl-2,
          .gy-xxl-2 {
              --bs-gutter-y: 0.5rem;
          }

          .g-xxl-3,
          .gx-xxl-3 {
              --bs-gutter-x: 1rem;
          }

          .g-xxl-3,
          .gy-xxl-3 {
              --bs-gutter-y: 1rem;
          }

          .g-xxl-4,
          .gx-xxl-4 {
              --bs-gutter-x: 1.5rem;
          }

          .g-xxl-4,
          .gy-xxl-4 {
              --bs-gutter-y: 1.5rem;
          }

          .g-xxl-5,
          .gx-xxl-5 {
              --bs-gutter-x: 3rem;
          }

          .g-xxl-5,
          .gy-xxl-5 {
              --bs-gutter-y: 3rem;
          }
      }

      .table {
          --bs-table-color-type: initial;
          --bs-table-bg-type: initial;
          --bs-table-color-state: initial;
          --bs-table-bg-state: initial;
          --bs-table-color: var(--bs-emphasis-color);
          --bs-table-bg: var(--bs-body-bg);
          --bs-table-border-color: var(--bs-border-color);
          --bs-table-accent-bg: transparent;
          --bs-table-striped-color: var(--bs-emphasis-color);
          --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05);
          --bs-table-active-color: var(--bs-emphasis-color);
          --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1);
          --bs-table-hover-color: var(--bs-emphasis-color);
          --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075);
          width: 100%;
          margin-bottom: 1rem;
          vertical-align: top;
          border-color: var(--bs-table-border-color);
      }

      .table> :not(caption)>*>* {
          padding: 0.5rem 0.5rem;
          color: var(--bs-table-color-state,
                  var(--bs-table-color-type, var(--bs-table-color)));
          background-color: var(--bs-table-bg);
          border-bottom-width: var(--bs-border-width);
          box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)));
      }

      .table>tbody {
          vertical-align: inherit;
      }

      .table>thead {
          vertical-align: bottom;
      }

      .table-group-divider {
          border-top: calc(var(--bs-border-width) * 2) solid currentcolor;
      }

      .caption-top {
          caption-side: top;
      }

      .table-sm> :not(caption)>*>* {
          padding: 0.25rem 0.25rem;
      }

      .table-bordered> :not(caption)>* {
          border-width: var(--bs-border-width) 0;
      }

      .table-bordered> :not(caption)>*>* {
          border-width: 0 var(--bs-border-width);
      }

      .table-borderless> :not(caption)>*>* {
          border-bottom-width: 0;
      }

      .table-borderless> :not(:first-child) {
          border-top-width: 0;
      }

      .table-striped>tbody>tr:nth-of-type(odd)>* {
          --bs-table-color-type: var(--bs-table-striped-color);
          --bs-table-bg-type: var(--bs-table-striped-bg);
      }

      .table-striped-columns> :not(caption)>tr> :nth-child(2n) {
          --bs-table-color-type: var(--bs-table-striped-color);
          --bs-table-bg-type: var(--bs-table-striped-bg);
      }

      .table-active {
          --bs-table-color-state: var(--bs-table-active-color);
          --bs-table-bg-state: var(--bs-table-active-bg);
      }

      .table-hover>tbody>tr:hover>* {
          --bs-table-color-state: var(--bs-table-hover-color);
          --bs-table-bg-state: var(--bs-table-hover-bg);
      }

      .table-primary {
          --bs-table-color: #000;
          --bs-table-bg: #cfe2ff;
          --bs-table-border-color: #a6b5cc;
          --bs-table-striped-bg: #c5d7f2;
          --bs-table-striped-color: #000;
          --bs-table-active-bg: #bacbe6;
          --bs-table-active-color: #000;
          --bs-table-hover-bg: #bfd1ec;
          --bs-table-hover-color: #000;
          color: var(--bs-table-color);
          border-color: var(--bs-table-border-color);
      }

      .table-secondary {
          --bs-table-color: #000;
          --bs-table-bg: #e2e3e5;
          --bs-table-border-color: #b5b6b7;
          --bs-table-striped-bg: #d7d8da;
          --bs-table-striped-color: #000;
          --bs-table-active-bg: #cbccce;
          --bs-table-active-color: #000;
          --bs-table-hover-bg: #d1d2d4;
          --bs-table-hover-color: #000;
          color: var(--bs-table-color);
          border-color: var(--bs-table-border-color);
      }

      .table-success {
          --bs-table-color: #000;
          --bs-table-bg: #d1e7dd;
          --bs-table-border-color: #a7b9b1;
          --bs-table-striped-bg: #c7dbd2;
          --bs-table-striped-color: #000;
          --bs-table-active-bg: #bcd0c7;
          --bs-table-active-color: #000;
          --bs-table-hover-bg: #c1d6cc;
          --bs-table-hover-color: #000;
          color: var(--bs-table-color);
          border-color: var(--bs-table-border-color);
      }

      .table-info {
          --bs-table-color: #000;
          --bs-table-bg: #cff4fc;
          --bs-table-border-color: #a6c3ca;
          --bs-table-striped-bg: #c5e8ef;
          --bs-table-striped-color: #000;
          --bs-table-active-bg: #badce3;
          --bs-table-active-color: #000;
          --bs-table-hover-bg: #bfe2e9;
          --bs-table-hover-color: #000;
          color: var(--bs-table-color);
          border-color: var(--bs-table-border-color);
      }

      .table-warning {
          --bs-table-color: #000;
          --bs-table-bg: #fff3cd;
          --bs-table-border-color: #ccc2a4;
          --bs-table-striped-bg: #f2e7c3;
          --bs-table-striped-color: #000;
          --bs-table-active-bg: #e6dbb9;
          --bs-table-active-color: #000;
          --bs-table-hover-bg: #ece1be;
          --bs-table-hover-color: #000;
          color: var(--bs-table-color);
          border-color: var(--bs-table-border-color);
      }

      .table-danger {
          --bs-table-color: #000;
          --bs-table-bg: #f8d7da;
          --bs-table-border-color: #c6acae;
          --bs-table-striped-bg: #eccccf;
          --bs-table-striped-color: #000;
          --bs-table-active-bg: #dfc2c4;
          --bs-table-active-color: #000;
          --bs-table-hover-bg: #e5c7ca;
          --bs-table-hover-color: #000;
          color: var(--bs-table-color);
          border-color: var(--bs-table-border-color);
      }

      .table-light {
          --bs-table-color: #000;
          --bs-table-bg: #f8f9fa;
          --bs-table-border-color: #c6c7c8;
          --bs-table-striped-bg: #ecedee;
          --bs-table-striped-color: #000;
          --bs-table-active-bg: #dfe0e1;
          --bs-table-active-color: #000;
          --bs-table-hover-bg: #e5e6e7;
          --bs-table-hover-color: #000;
          color: var(--bs-table-color);
          border-color: var(--bs-table-border-color);
      }

      .table-dark {
          --bs-table-color: #fff;
          --bs-table-bg: #212529;
          --bs-table-border-color: #4d5154;
          --bs-table-striped-bg: #2c3034;
          --bs-table-striped-color: #fff;
          --bs-table-active-bg: #373b3e;
          --bs-table-active-color: #fff;
          --bs-table-hover-bg: #323539;
          --bs-table-hover-color: #fff;
          color: var(--bs-table-color);
          border-color: var(--bs-table-border-color);
      }

      .table-responsive {
          overflow-x: auto;
          -webkit-overflow-scrolling: touch;
      }

      @media (max-width: 575.98px) {
          .table-responsive-sm {
              overflow-x: auto;
              -webkit-overflow-scrolling: touch;
          }
      }

      @media (max-width: 767.98px) {
          .table-responsive-md {
              overflow-x: auto;
              -webkit-overflow-scrolling: touch;
          }
      }

      @media (max-width: 991.98px) {
          .table-responsive-lg {
              overflow-x: auto;
              -webkit-overflow-scrolling: touch;
          }
      }

      @media (max-width: 1199.98px) {
          .table-responsive-xl {
              overflow-x: auto;
              -webkit-overflow-scrolling: touch;
          }
      }

      @media (max-width: 1399.98px) {
          .table-responsive-xxl {
              overflow-x: auto;
              -webkit-overflow-scrolling: touch;
          }
      }

      .form-label {
          margin-bottom: 0.5rem;
      }

      .col-form-label {
          padding-top: calc(0.375rem + var(--bs-border-width));
          padding-bottom: calc(0.375rem + var(--bs-border-width));
          margin-bottom: 0;
          font-size: inherit;
          line-height: 1.5;
      }

      .col-form-label-lg {
          padding-top: calc(0.5rem + var(--bs-border-width));
          padding-bottom: calc(0.5rem + var(--bs-border-width));
          font-size: 1.25rem;
      }

      .col-form-label-sm {
          padding-top: calc(0.25rem + var(--bs-border-width));
          padding-bottom: calc(0.25rem + var(--bs-border-width));
          font-size: 0.875rem;
      }

      .form-text {
          margin-top: 0.25rem;
          font-size: 0.875em;
          color: var(--bs-secondary-color);
      }

      .form-control {
          display: block;
          width: 100%;
          padding: 0.375rem 0.75rem;
          font-size: 1rem;
          font-weight: 400;
          line-height: 1.5;
          color: var(--bs-body-color);
          -webkit-appearance: none;
          -moz-appearance: none;
          appearance: none;
          background-color: var(--bs-body-bg);
          background-clip: padding-box;
          border: var(--bs-border-width) solid var(--bs-border-color);
          border-radius: var(--bs-border-radius);
          transition:
              border-color 0.15s ease-in-out,
              box-shadow 0.15s ease-in-out;
      }

      @media (prefers-reduced-motion: reduce) {
          .form-control {
              transition: none;
          }
      }

      .form-control[type="file"] {
          overflow: hidden;
      }

      .form-control[type="file"]:not(:disabled):not([readonly]) {
          cursor: pointer;
      }

      .form-control:focus {
          color: var(--bs-body-color);
          background-color: var(--bs-body-bg);
          border-color: #86b7fe;
          outline: 0;
          box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
      }

      .form-control::-webkit-date-and-time-value {
          min-width: 85px;
          height: 1.5em;
          margin: 0;
      }

      .form-control::-webkit-datetime-edit {
          display: block;
          padding: 0;
      }

      .form-control::-moz-placeholder {
          color: var(--bs-secondary-color);
          opacity: 1;
      }

      .form-control::placeholder {
          color: var(--bs-secondary-color);
          opacity: 1;
      }

      .form-control:disabled {
          background-color: var(--bs-secondary-bg);
          opacity: 1;
      }

      .form-control::-webkit-file-upload-button {
          padding: 0.375rem 0.75rem;
          margin: -0.375rem -0.75rem;
          -webkit-margin-end: 0.75rem;
          margin-inline-end: 0.75rem;
          color: var(--bs-body-color);
          background-color: var(--bs-tertiary-bg);
          pointer-events: none;
          border-color: inherit;
          border-style: solid;
          border-width: 0;
          border-inline-end-width: var(--bs-border-width);
          border-radius: 0;
          -webkit-transition:
              color 0.15s ease-in-out,
              background-color 0.15s ease-in-out,
              border-color 0.15s ease-in-out,
              box-shadow 0.15s ease-in-out;
          transition:
              color 0.15s ease-in-out,
              background-color 0.15s ease-in-out,
              border-color 0.15s ease-in-out,
              box-shadow 0.15s ease-in-out;
      }

      .form-control::file-selector-button {
          padding: 0.375rem 0.75rem;
          margin: -0.375rem -0.75rem;
          -webkit-margin-end: 0.75rem;
          margin-inline-end: 0.75rem;
          color: var(--bs-body-color);
          background-color: var(--bs-tertiary-bg);
          pointer-events: none;
          border-color: inherit;
          border-style: solid;
          border-width: 0;
          border-inline-end-width: var(--bs-border-width);
          border-radius: 0;
          transition:
              color 0.15s ease-in-out,
              background-color 0.15s ease-in-out,
              border-color 0.15s ease-in-out,
              box-shadow 0.15s ease-in-out;
      }

      @media (prefers-reduced-motion: reduce) {
          .form-control::-webkit-file-upload-button {
              -webkit-transition: none;
              transition: none;
          }

          .form-control::file-selector-button {
              transition: none;
          }
      }

      .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
          background-color: var(--bs-secondary-bg);
      }

      .form-control:hover:not(:disabled):not([readonly])::file-selector-button {
          background-color: var(--bs-secondary-bg);
      }

      .form-control-plaintext {
          display: block;
          width: 100%;
          padding: 0.375rem 0;
          margin-bottom: 0;
          line-height: 1.5;
          color: var(--bs-body-color);
          background-color: transparent;
          border: solid transparent;
          border-width: var(--bs-border-width) 0;
      }

      .form-control-plaintext:focus {
          outline: 0;
      }

      .form-control-plaintext.form-control-lg,
      .form-control-plaintext.form-control-sm {
          padding-right: 0;
          padding-left: 0;
      }

      .form-control-sm {
          min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
          padding: 0.25rem 0.5rem;
          font-size: 0.875rem;
          border-radius: var(--bs-border-radius-sm);
      }

      .form-control-sm::-webkit-file-upload-button {
          padding: 0.25rem 0.5rem;
          margin: -0.25rem -0.5rem;
          -webkit-margin-end: 0.5rem;
          margin-inline-end: 0.5rem;
      }

      .form-control-sm::file-selector-button {
          padding: 0.25rem 0.5rem;
          margin: -0.25rem -0.5rem;
          -webkit-margin-end: 0.5rem;
          margin-inline-end: 0.5rem;
      }

      .form-control-lg {
          min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
          padding: 0.5rem 1rem;
          font-size: 1.25rem;
          border-radius: var(--bs-border-radius-lg);
      }

      .form-control-lg::-webkit-file-upload-button {
          padding: 0.5rem 1rem;
          margin: -0.5rem -1rem;
          -webkit-margin-end: 1rem;
          margin-inline-end: 1rem;
      }

      .form-control-lg::file-selector-button {
          padding: 0.5rem 1rem;
          margin: -0.5rem -1rem;
          -webkit-margin-end: 1rem;
          margin-inline-end: 1rem;
      }

      textarea.form-control {
          min-height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));
      }

      textarea.form-control-sm {
          min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
      }

      textarea.form-control-lg {
          min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
      }

      .form-control-color {
          width: 3rem;
          height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));
          padding: 0.375rem;
      }

      .form-control-color:not(:disabled):not([readonly]) {
          cursor: pointer;
      }

      .form-control-color::-moz-color-swatch {
          border: 0 !important;
          border-radius: var(--bs-border-radius);
      }

      .form-control-color::-webkit-color-swatch {
          border: 0 !important;
          border-radius: var(--bs-border-radius);
      }

      .form-control-color.form-control-sm {
          height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
      }

      .form-control-color.form-control-lg {
          height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
      }

      .form-select {
          --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
          display: block;
          width: 100%;
          padding: 0.375rem 2.25rem 0.375rem 0.75rem;
          font-size: 1rem;
          font-weight: 400;
          line-height: 1.5;
          color: var(--bs-body-color);
          -webkit-appearance: none;
          -moz-appearance: none;
          appearance: none;
          background-color: var(--bs-body-bg);
          background-image:
              var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
          background-repeat: no-repeat;
          background-position: right 0.75rem center;
          background-size: 16px 12px;
          border: var(--bs-border-width) solid var(--bs-border-color);
          border-radius: var(--bs-border-radius);
          transition:
              border-color 0.15s ease-in-out,
              box-shadow 0.15s ease-in-out;
      }

      @media (prefers-reduced-motion: reduce) {
          .form-select {
              transition: none;
          }
      }

      .form-select:focus {
          border-color: #86b7fe;
          outline: 0;
          box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
      }

      .form-select[multiple],
      .form-select[size]:not([size="1"]) {
          padding-right: 0.75rem;
          background-image: none;
      }

      .form-select:disabled {
          background-color: var(--bs-secondary-bg);
      }

      .form-select:-moz-focusring {
          color: transparent;
          text-shadow: 0 0 0 var(--bs-body-color);
      }

      .form-select-sm {
          padding-top: 0.25rem;
          padding-bottom: 0.25rem;
          padding-left: 0.5rem;
          font-size: 0.875rem;
          border-radius: var(--bs-border-radius-sm);
      }

      .form-select-lg {
          padding-top: 0.5rem;
          padding-bottom: 0.5rem;
          padding-left: 1rem;
          font-size: 1.25rem;
          border-radius: var(--bs-border-radius-lg);
      }

      [data-bs-theme="dark"] .form-select {
          --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
      }

      .form-check {
          display: block;
          min-height: 1.5rem;
          padding-left: 1.5em;
          margin-bottom: 0.125rem;
      }

      .form-check .form-check-input {
          float: left;
          margin-left: -1.5em;
      }

      .form-check-reverse {
          padding-right: 1.5em;
          padding-left: 0;
          text-align: right;
      }

      .form-check-reverse .form-check-input {
          float: right;
          margin-right: -1.5em;
          margin-left: 0;
      }

      .form-check-input {
          --bs-form-check-bg: var(--bs-body-bg);
          flex-shrink: 0;
          width: 1em;
          height: 1em;
          margin-top: 0.25em;
          vertical-align: top;
          -webkit-appearance: none;
          -moz-appearance: none;
          appearance: none;
          background-color: var(--bs-form-check-bg);
          background-image: var(--bs-form-check-bg-image);
          background-repeat: no-repeat;
          background-position: center;
          background-size: contain;
          border: var(--bs-border-width) solid var(--bs-border-color);
          -webkit-print-color-adjust: exact;
          color-adjust: exact;
          print-color-adjust: exact;
      }

      .form-check-input[type="checkbox"] {
          border-radius: 0.25em;
      }

      .form-check-input[type="radio"] {
          border-radius: 50%;
      }

      .form-check-input:active {
          filter: brightness(90%);
      }

      .form-check-input:focus {
          border-color: #86b7fe;
          outline: 0;
          box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
      }

      .form-check-input:checked {
          background-color: #0d6efd;
          border-color: #0d6efd;
      }

      .form-check-input:checked[type="checkbox"] {
          --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
      }

      .form-check-input:checked[type="radio"] {
          --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
      }

      .form-check-input[type="checkbox"]:indeterminate {
          background-color: #0d6efd;
          border-color: #0d6efd;
          --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
      }

      .form-check-input:disabled {
          pointer-events: none;
          filter: none;
          opacity: 0.5;
      }

      .form-check-input:disabled~.form-check-label,
      .form-check-input[disabled]~.form-check-label {
          cursor: default;
          opacity: 0.5;
      }

      .form-switch {
          padding-left: 2.5em;
      }

      .form-switch .form-check-input {
          --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
          width: 2em;
          margin-left: -2.5em;
          background-image: var(--bs-form-switch-bg);
          background-position: left center;
          border-radius: 2em;
          transition: background-position 0.15s ease-in-out;
      }

      @media (prefers-reduced-motion: reduce) {
          .form-switch .form-check-input {
              transition: none;
          }
      }

      .form-switch .form-check-input:focus {
          --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e");
      }

      .form-switch .form-check-input:checked {
          background-position: right center;
          --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
      }

      .form-switch.form-check-reverse {
          padding-right: 2.5em;
          padding-left: 0;
      }

      .form-switch.form-check-reverse .form-check-input {
          margin-right: -2.5em;
          margin-left: 0;
      }

      .form-check-inline {
          display: inline-block;
          margin-right: 1rem;
      }

      .btn-check {
          position: absolute;
          clip: rect(0, 0, 0, 0);
          pointer-events: none;
      }

      .btn-check:disabled+.btn,
      .btn-check[disabled]+.btn {
          pointer-events: none;
          filter: none;
          opacity: 0.65;
      }

      [data-bs-theme="dark"] .form-switch .form-check-input:not(:checked):not(:focus) {
          --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e");
      }

      .form-range {
          width: 100%;
          height: 1.5rem;
          padding: 0;
          -webkit-appearance: none;
          -moz-appearance: none;
          appearance: none;
          background-color: transparent;
      }

      .form-range:focus {
          outline: 0;
      }

      .form-range:focus::-webkit-slider-thumb {
          box-shadow:
              0 0 0 1px #fff,
              0 0 0 0.25rem rgba(13, 110, 253, 0.25);
      }

      .form-range:focus::-moz-range-thumb {
          box-shadow:
              0 0 0 1px #fff,
              0 0 0 0.25rem rgba(13, 110, 253, 0.25);
      }

      .form-range::-moz-focus-outer {
          border: 0;
      }

      .form-range::-webkit-slider-thumb {
          width: 1rem;
          height: 1rem;
          margin-top: -0.25rem;
          -webkit-appearance: none;
          appearance: none;
          background-color: #0d6efd;
          border: 0;
          border-radius: 1rem;
          -webkit-transition:
              background-color 0.15s ease-in-out,
              border-color 0.15s ease-in-out,
              box-shadow 0.15s ease-in-out;
          transition:
              background-color 0.15s ease-in-out,
              border-color 0.15s ease-in-out,
              box-shadow 0.15s ease-in-out;
      }

      @media (prefers-reduced-motion: reduce) {
          .form-range::-webkit-slider-thumb {
              -webkit-transition: none;
              transition: none;
          }
      }

      .form-range::-webkit-slider-thumb:active {
          background-color: #b6d4fe;
      }

      .form-range::-webkit-slider-runnable-track {
          width: 100%;
          height: 0.5rem;
          color: transparent;
          cursor: pointer;
          background-color: var(--bs-secondary-bg);
          border-color: transparent;
          border-radius: 1rem;
      }

      .form-range::-moz-range-thumb {
          width: 1rem;
          height: 1rem;
          -moz-appearance: none;
          appearance: none;
          background-color: #0d6efd;
          border: 0;
          border-radius: 1rem;
          -moz-transition:
              background-color 0.15s ease-in-out,
              border-color 0.15s ease-in-out,
              box-shadow 0.15s ease-in-out;
          transition:
              background-color 0.15s ease-in-out,
              border-color 0.15s ease-in-out,
              box-shadow 0.15s ease-in-out;
      }

      @media (prefers-reduced-motion: reduce) {
          .form-range::-moz-range-thumb {
              -moz-transition: none;
              transition: none;
          }
      }

      .form-range::-moz-range-thumb:active {
          background-color: #b6d4fe;
      }

      .form-range::-moz-range-track {
          width: 100%;
          height: 0.5rem;
          color: transparent;
          cursor: pointer;
          background-color: var(--bs-secondary-bg);
          border-color: transparent;
          border-radius: 1rem;
      }

      .form-range:disabled {
          pointer-events: none;
      }

      .form-range:disabled::-webkit-slider-thumb {
          background-color: var(--bs-secondary-color);
      }

      .form-range:disabled::-moz-range-thumb {
          background-color: var(--bs-secondary-color);
      }

      .form-floating {
          position: relative;
      }

      .form-floating>.form-control,
      .form-floating>.form-control-plaintext,
      .form-floating>.form-select {
          height: calc(3.5rem + calc(var(--bs-border-width) * 2));
          min-height: calc(3.5rem + calc(var(--bs-border-width) * 2));
          line-height: 1.25;
      }

      .form-floating>label {
          position: absolute;
          top: 0;
          left: 0;
          z-index: 2;
          height: 100%;
          padding: 1rem 0.75rem;
          overflow: hidden;
          text-align: start;
          text-overflow: ellipsis;
          white-space: nowrap;
          pointer-events: none;
          border: var(--bs-border-width) solid transparent;
          transform-origin: 0 0;
          transition:
              opacity 0.1s ease-in-out,
              transform 0.1s ease-in-out;
      }

      @media (prefers-reduced-motion: reduce) {
          .form-floating>label {
              transition: none;
          }
      }

      .form-floating>.form-control,
      .form-floating>.form-control-plaintext {
          padding: 1rem 0.75rem;
      }

      .form-floating>.form-control-plaintext::-moz-placeholder,
      .form-floating>.form-control::-moz-placeholder {
          color: transparent;
      }

      .form-floating>.form-control-plaintext::placeholder,
      .form-floating>.form-control::placeholder {
          color: transparent;
      }

      .form-floating>.form-control-plaintext:not(:-moz-placeholder-shown),
      .form-floating>.form-control:not(:-moz-placeholder-shown) {
          padding-top: 1.625rem;
          padding-bottom: 0.625rem;
      }

      .form-floating>.form-control-plaintext:focus,
      .form-floating>.form-control-plaintext:not(:placeholder-shown),
      .form-floating>.form-control:focus,
      .form-floating>.form-control:not(:placeholder-shown) {
          padding-top: 1.625rem;
          padding-bottom: 0.625rem;
      }

      .form-floating>.form-control-plaintext:-webkit-autofill,
      .form-floating>.form-control:-webkit-autofill {
          padding-top: 1.625rem;
          padding-bottom: 0.625rem;
      }

      .form-floating>.form-select {
          padding-top: 1.625rem;
          padding-bottom: 0.625rem;
      }

      .form-floating>.form-control:not(:-moz-placeholder-shown)~label {
          color: rgba(var(--bs-body-color-rgb), 0.65);
          transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
      }

      .form-floating>.form-control-plaintext~label,
      .form-floating>.form-control:focus~label,
      .form-floating>.form-control:not(:placeholder-shown)~label,
      .form-floating>.form-select~label {
          color: rgba(var(--bs-body-color-rgb), 0.65);
          transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
      }

      .form-floating>.form-control:not(:-moz-placeholder-shown)~label::after {
          position: absolute;
          inset: 1rem 0.375rem;
          z-index: -1;
          height: 1.5em;
          content: "";
          background-color: var(--bs-body-bg);
          border-radius: var(--bs-border-radius);
      }

      .form-floating>.form-control-plaintext~label::after,
      .form-floating>.form-control:focus~label::after,
      .form-floating>.form-control:not(:placeholder-shown)~label::after,
      .form-floating>.form-select~label::after {
          position: absolute;
          inset: 1rem 0.375rem;
          z-index: -1;
          height: 1.5em;
          content: "";
          background-color: var(--bs-body-bg);
          border-radius: var(--bs-border-radius);
      }

      .form-floating>.form-control:-webkit-autofill~label {
          color: rgba(var(--bs-body-color-rgb), 0.65);
          transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
      }

      .form-floating>.form-control-plaintext~label {
          border-width: var(--bs-border-width) 0;
      }

      .form-floating>.form-control:disabled~label,
      .form-floating> :disabled~label {
          color: #6c757d;
      }

      .form-floating>.form-control:disabled~label::after,
      .form-floating> :disabled~label::after {
          background-color: var(--bs-secondary-bg);
      }

      .input-group {
          position: relative;
          display: flex;
          flex-wrap: wrap;
          align-items: stretch;
          width: 100%;
      }

      .input-group>.form-control,
      .input-group>.form-floating,
      .input-group>.form-select {
          position: relative;
          flex: 1 1 auto;
          width: 1%;
          min-width: 0;
      }

      .input-group>.form-control:focus,
      .input-group>.form-floating:focus-within,
      .input-group>.form-select:focus {
          z-index: 5;
      }

      .input-group .btn {
          position: relative;
          z-index: 2;
      }

      .input-group .btn:focus {
          z-index: 5;
      }

      .input-group-text {
          display: flex;
          align-items: center;
          padding: 0.375rem 0.75rem;
          font-size: 1rem;
          font-weight: 400;
          line-height: 1.5;
          color: var(--bs-body-color);
          text-align: center;
          white-space: nowrap;
          background-color: var(--bs-tertiary-bg);
          border: var(--bs-border-width) solid var(--bs-border-color);
          border-radius: var(--bs-border-radius);
      }

      .input-group-lg>.btn,
      .input-group-lg>.form-control,
      .input-group-lg>.form-select,
      .input-group-lg>.input-group-text {
          padding: 0.5rem 1rem;
          font-size: 1.25rem;
          border-radius: var(--bs-border-radius-lg);
      }

      .input-group-sm>.btn,
      .input-group-sm>.form-control,
      .input-group-sm>.form-select,
      .input-group-sm>.input-group-text {
          padding: 0.25rem 0.5rem;
          font-size: 0.875rem;
          border-radius: var(--bs-border-radius-sm);
      }

      .input-group-lg>.form-select,
      .input-group-sm>.form-select {
          padding-right: 3rem;
      }

      .input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n + 3),
      .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control,
      .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select,
      .input-group:not(.has-validation)> :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
          border-top-right-radius: 0;
          border-bottom-right-radius: 0;
      }

      .input-group.has-validation>.dropdown-toggle:nth-last-child(n + 4),
      .input-group.has-validation>.form-floating:nth-last-child(n + 3)>.form-control,
      .input-group.has-validation>.form-floating:nth-last-child(n + 3)>.form-select,
      .input-group.has-validation> :nth-last-child(n + 3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
          border-top-right-radius: 0;
          border-bottom-right-radius: 0;
      }

      .input-group> :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
          margin-left: calc(var(--bs-border-width) * -1);
          border-top-left-radius: 0;
          border-bottom-left-radius: 0;
      }

      .input-group>.form-floating:not(:first-child)>.form-control,
      .input-group>.form-floating:not(:first-child)>.form-select {
          border-top-left-radius: 0;
          border-bottom-left-radius: 0;
      }

      .valid-feedback {
          display: none;
          width: 100%;
          margin-top: 0.25rem;
          font-size: 0.875em;
          color: var(--bs-form-valid-color);
      }

      .valid-tooltip {
          position: absolute;
          top: 100%;
          z-index: 5;
          display: none;
          max-width: 100%;
          padding: 0.25rem 0.5rem;
          margin-top: 0.1rem;
          font-size: 0.875rem;
          color: #fff;
          background-color: var(--bs-success);
          border-radius: var(--bs-border-radius);
      }

      .is-valid~.valid-feedback,
      .is-valid~.valid-tooltip,
      .was-validated :valid~.valid-feedback,
      .was-validated :valid~.valid-tooltip {
          display: block;
      }

      .form-control.is-valid,
      .was-validated .form-control:valid {
          border-color: var(--bs-form-valid-border-color);
          padding-right: calc(1.5em + 0.75rem);
          background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
          background-repeat: no-repeat;
          background-position: right calc(0.375em + 0.1875rem) center;
          background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
      }

      .form-control.is-valid:focus,
      .was-validated .form-control:valid:focus {
          border-color: var(--bs-form-valid-border-color);
          box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
      }

      .was-validated textarea.form-control:valid,
      textarea.form-control.is-valid {
          padding-right: calc(1.5em + 0.75rem);
          background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
      }

      .form-select.is-valid,
      .was-validated .form-select:valid {
          border-color: var(--bs-form-valid-border-color);
      }

      .form-select.is-valid:not([multiple]):not([size]),
      .form-select.is-valid:not([multiple])[size="1"],
      .was-validated .form-select:valid:not([multiple]):not([size]),
      .was-validated .form-select:valid:not([multiple])[size="1"] {
          --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
          padding-right: 4.125rem;
          background-position:
              right 0.75rem center,
              center right 2.25rem;
          background-size:
              16px 12px,
              calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
      }

      .form-select.is-valid:focus,
      .was-validated .form-select:valid:focus {
          border-color: var(--bs-form-valid-border-color);
          box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
      }

      .form-control-color.is-valid,
      .was-validated .form-control-color:valid {
          width: calc(3rem + calc(1.5em + 0.75rem));
      }

      .form-check-input.is-valid,
      .was-validated .form-check-input:valid {
          border-color: var(--bs-form-valid-border-color);
      }

      .form-check-input.is-valid:checked,
      .was-validated .form-check-input:valid:checked {
          background-color: var(--bs-form-valid-color);
      }

      .form-check-input.is-valid:focus,
      .was-validated .form-check-input:valid:focus {
          box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
      }

      .form-check-input.is-valid~.form-check-label,
      .was-validated .form-check-input:valid~.form-check-label {
          color: var(--bs-form-valid-color);
      }

      .form-check-inline .form-check-input~.valid-feedback {
          margin-left: 0.5em;
      }

      .input-group>.form-control:not(:focus).is-valid,
      .input-group>.form-floating:not(:focus-within).is-valid,
      .input-group>.form-select:not(:focus).is-valid,
      .was-validated .input-group>.form-control:not(:focus):valid,
      .was-validated .input-group>.form-floating:not(:focus-within):valid,
      .was-validated .input-group>.form-select:not(:focus):valid {
          z-index: 3;
      }

      .invalid-feedback {
          display: none;
          width: 100%;
          margin-top: 0.25rem;
          font-size: 0.875em;
          color: var(--bs-form-invalid-color);
      }

      .invalid-tooltip {
          position: absolute;
          top: 100%;
          z-index: 5;
          display: none;
          max-width: 100%;
          padding: 0.25rem 0.5rem;
          margin-top: 0.1rem;
          font-size: 0.875rem;
          color: #fff;
          background-color: var(--bs-danger);
          border-radius: var(--bs-border-radius);
      }

      .is-invalid~.invalid-feedback,
      .is-invalid~.invalid-tooltip,
      .was-validated :invalid~.invalid-feedback,
      .was-validated :invalid~.invalid-tooltip {
          display: block;
      }

      .form-control.is-invalid,
      .was-validated .form-control:invalid {
          border-color: var(--bs-form-invalid-border-color);
          padding-right: calc(1.5em + 0.75rem);
          background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
          background-repeat: no-repeat;
          background-position: right calc(0.375em + 0.1875rem) center;
          background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
      }

      .form-control.is-invalid:focus,
      .was-validated .form-control:invalid:focus {
          border-color: var(--bs-form-invalid-border-color);
          box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
      }

      .was-validated textarea.form-control:invalid,
      textarea.form-control.is-invalid {
          padding-right: calc(1.5em + 0.75rem);
          background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
      }

      .form-select.is-invalid,
      .was-validated .form-select:invalid {
          border-color: var(--bs-form-invalid-border-color);
      }

      .form-select.is-invalid:not([multiple]):not([size]),
      .form-select.is-invalid:not([multiple])[size="1"],
      .was-validated .form-select:invalid:not([multiple]):not([size]),
      .was-validated .form-select:invalid:not([multiple])[size="1"] {
          --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
          padding-right: 4.125rem;
          background-position:
              right 0.75rem center,
              center right 2.25rem;
          background-size:
              16px 12px,
              calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
      }

      .form-select.is-invalid:focus,
      .was-validated .form-select:invalid:focus {
          border-color: var(--bs-form-invalid-border-color);
          box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
      }

      .form-control-color.is-invalid,
      .was-validated .form-control-color:invalid {
          width: calc(3rem + calc(1.5em + 0.75rem));
      }

      .form-check-input.is-invalid,
      .was-validated .form-check-input:invalid {
          border-color: var(--bs-form-invalid-border-color);
      }

      .form-check-input.is-invalid:checked,
      .was-validated .form-check-input:invalid:checked {
          background-color: var(--bs-form-invalid-color);
      }

      .form-check-input.is-invalid:focus,
      .was-validated .form-check-input:invalid:focus {
          box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
      }

      .form-check-input.is-invalid~.form-check-label,
      .was-validated .form-check-input:invalid~.form-check-label {
          color: var(--bs-form-invalid-color);
      }

      .form-check-inline .form-check-input~.invalid-feedback {
          margin-left: 0.5em;
      }

      .input-group>.form-control:not(:focus).is-invalid,
      .input-group>.form-floating:not(:focus-within).is-invalid,
      .input-group>.form-select:not(:focus).is-invalid,
      .was-validated .input-group>.form-control:not(:focus):invalid,
      .was-validated .input-group>.form-floating:not(:focus-within):invalid,
      .was-validated .input-group>.form-select:not(:focus):invalid {
          z-index: 4;
      }

      .btn {
          --bs-btn-padding-x: 0.75rem;
          --bs-btn-padding-y: 0.375rem;
          --bs-btn-font-family: ;
          --bs-btn-font-size: 1rem;
          --bs-btn-font-weight: 400;
          --bs-btn-line-height: 1.5;
          --bs-btn-color: var(--bs-body-color);
          --bs-btn-bg: transparent;
          --bs-btn-border-width: var(--bs-border-width);
          --bs-btn-border-color: transparent;
          --bs-btn-border-radius: var(--bs-border-radius);
          --bs-btn-hover-border-color: transparent;
          --bs-btn-box-shadow:
              inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
          --bs-btn-disabled-opacity: 0.65;
          --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), 0.5);
          display: inline-block;
          padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
          font-family: var(--bs-btn-font-family);
          font-size: var(--bs-btn-font-size);
          font-weight: var(--bs-btn-font-weight);
          line-height: var(--bs-btn-line-height);
          color: var(--bs-btn-color);
          text-align: center;
          text-decoration: none;
          vertical-align: middle;
          cursor: pointer;
          -webkit-user-select: none;
          -moz-user-select: none;
          user-select: none;
          border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
          border-radius: var(--bs-btn-border-radius);
          background-color: var(--bs-btn-bg);
          transition:
              color 0.15s ease-in-out,
              background-color 0.15s ease-in-out,
              border-color 0.15s ease-in-out,
              box-shadow 0.15s ease-in-out;
      }

      @media (prefers-reduced-motion: reduce) {
          .btn {
              transition: none;
          }
      }

      .btn:hover {
          color: var(--bs-btn-hover-color);
          background-color: var(--bs-btn-hover-bg);
          border-color: var(--bs-btn-hover-border-color);
      }

      .btn-check+.btn:hover {
          color: var(--bs-btn-color);
          background-color: var(--bs-btn-bg);
          border-color: var(--bs-btn-border-color);
      }

      .btn:focus-visible {
          color: var(--bs-btn-hover-color);
          background-color: var(--bs-btn-hover-bg);
          border-color: var(--bs-btn-hover-border-color);
          outline: 0;
          box-shadow: var(--bs-btn-focus-box-shadow);
      }

      .btn-check:focus-visible+.btn {
          border-color: var(--bs-btn-hover-border-color);
          outline: 0;
          box-shadow: var(--bs-btn-focus-box-shadow);
      }

      .btn-check:checked+.btn,
      .btn.active,
      .btn.show,
      .btn:first-child:active,
      :not(.btn-check)+.btn:active {
          color: var(--bs-btn-active-color);
          background-color: var(--bs-btn-active-bg);
          border-color: var(--bs-btn-active-border-color);
      }

      .btn-check:checked+.btn:focus-visible,
      .btn.active:focus-visible,
      .btn.show:focus-visible,
      .btn:first-child:active:focus-visible,
      :not(.btn-check)+.btn:active:focus-visible {
          box-shadow: var(--bs-btn-focus-box-shadow);
      }

      .btn-check:checked:focus-visible+.btn {
          box-shadow: var(--bs-btn-focus-box-shadow);
      }

      .btn.disabled,
      .btn:disabled,
      fieldset:disabled .btn {
          color: var(--bs-btn-disabled-color);
          pointer-events: none;
          background-color: var(--bs-btn-disabled-bg);
          border-color: var(--bs-btn-disabled-border-color);
          opacity: var(--bs-btn-disabled-opacity);
      }

      .btn-primary {
          --bs-btn-color: #fff;
          --bs-btn-bg: #0d6efd;
          --bs-btn-border-color: #0d6efd;
          --bs-btn-hover-color: #fff;
          --bs-btn-hover-bg: #0b5ed7;
          --bs-btn-hover-border-color: #0a58ca;
          --bs-btn-focus-shadow-rgb: 49, 132, 253;
          --bs-btn-active-color: #fff;
          --bs-btn-active-bg: #0a58ca;
          --bs-btn-active-border-color: #0a53be;
          --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
          --bs-btn-disabled-color: #fff;
          --bs-btn-disabled-bg: #0d6efd;
          --bs-btn-disabled-border-color: #0d6efd;
      }

      .btn-default {
          position: relative;
          display: inline-block;
          font-size: 18px;
          font-weight: 700;
          line-height: 1em;
          text-transform: capitalize;
          background: #143257;
          color: var(--white-color);
          border-radius: 100px;
          padding: 18px 70px 18px 30px;
          border: none;
          overflow: hidden;
          transition: all 0.5s ease-in-out;
          z-index: 1;
      }

      .btn-default:hover {
          background: #000;
      }

      .btn-default::before {
          content: "";
          display: block;
          position: absolute;
          top: 0;
          bottom: 0;
          left: auto;
          right: 0;
          width: 0;
          height: 100%;
          background: var(--primary-color);
          border-radius: 100px;
          transition: all 0.4s ease-in-out;
          z-index: -1;
      }

      .btn-default::after {
          content: "";
          position: absolute;
          top: 50%;
          right: 0;
          width: 30px;
          height: 30px;
          background-image: url(../../images/arrow-white.svg);
          background-repeat: no-repeat;
          background-position: center right;
          background-size: cover;
          transform: translate(-30px, -50%);
          transition: all 0.4s ease-in-out;
      }

      .btn-secondary {
          --bs-btn-color: #fff;
          --bs-btn-bg: #6c757d;
          --bs-btn-border-color: #6c757d;
          --bs-btn-hover-color: #fff;
          --bs-btn-hover-bg: #5c636a;
          --bs-btn-hover-border-color: #565e64;
          --bs-btn-focus-shadow-rgb: 130, 138, 145;
          --bs-btn-active-color: #fff;
          --bs-btn-active-bg: #565e64;
          --bs-btn-active-border-color: #51585e;
          --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
          --bs-btn-disabled-color: #fff;
          --bs-btn-disabled-bg: #6c757d;
          --bs-btn-disabled-border-color: #6c757d;
      }

      .btn-success {
          --bs-btn-color: #fff;
          --bs-btn-bg: #198754;
          --bs-btn-border-color: #198754;
          --bs-btn-hover-color: #fff;
          --bs-btn-hover-bg: #157347;
          --bs-btn-hover-border-color: #146c43;
          --bs-btn-focus-shadow-rgb: 60, 153, 110;
          --bs-btn-active-color: #fff;
          --bs-btn-active-bg: #146c43;
          --bs-btn-active-border-color: #13653f;
          --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
          --bs-btn-disabled-color: #fff;
          --bs-btn-disabled-bg: #198754;
          --bs-btn-disabled-border-color: #198754;
      }

      .btn-info {
          --bs-btn-color: #000;
          --bs-btn-bg: #0dcaf0;
          --bs-btn-border-color: #0dcaf0;
          --bs-btn-hover-color: #000;
          --bs-btn-hover-bg: #31d2f2;
          --bs-btn-hover-border-color: #25cff2;
          --bs-btn-focus-shadow-rgb: 11, 172, 204;
          --bs-btn-active-color: #000;
          --bs-btn-active-bg: #3dd5f3;
          --bs-btn-active-border-color: #25cff2;
          --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
          --bs-btn-disabled-color: #000;
          --bs-btn-disabled-bg: #0dcaf0;
          --bs-btn-disabled-border-color: #0dcaf0;
      }

      .btn-warning {
          --bs-btn-color: #000;
          --bs-btn-bg: #ffc107;
          --bs-btn-border-color: #ffc107;
          --bs-btn-hover-color: #000;
          --bs-btn-hover-bg: #ffca2c;
          --bs-btn-hover-border-color: #ffc720;
          --bs-btn-focus-shadow-rgb: 217, 164, 6;
          --bs-btn-active-color: #000;
          --bs-btn-active-bg: #ffcd39;
          --bs-btn-active-border-color: #ffc720;
          --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
          --bs-btn-disabled-color: #000;
          --bs-btn-disabled-bg: #ffc107;
          --bs-btn-disabled-border-color: #ffc107;
      }

      .btn-danger {
          --bs-btn-color: #fff;
          --bs-btn-bg: #dc3545;
          --bs-btn-border-color: #dc3545;
          --bs-btn-hover-color: #fff;
          --bs-btn-hover-bg: #bb2d3b;
          --bs-btn-hover-border-color: #b02a37;
          --bs-btn-focus-shadow-rgb: 225, 83, 97;
          --bs-btn-active-color: #fff;
          --bs-btn-active-bg: #b02a37;
          --bs-btn-active-border-color: #a52834;
          --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
          --bs-btn-disabled-color: #fff;
          --bs-btn-disabled-bg: #dc3545;
          --bs-btn-disabled-border-color: #dc3545;
      }

      .btn-light {
          --bs-btn-color: #000;
          --bs-btn-bg: #f8f9fa;
          --bs-btn-border-color: #f8f9fa;
          --bs-btn-hover-color: #000;
          --bs-btn-hover-bg: #d3d4d5;
          --bs-btn-hover-border-color: #c6c7c8;
          --bs-btn-focus-shadow-rgb: 211, 212, 213;
          --bs-btn-active-color: #000;
          --bs-btn-active-bg: #c6c7c8;
          --bs-btn-active-border-color: #babbbc;
          --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
          --bs-btn-disabled-color: #000;
          --bs-btn-disabled-bg: #f8f9fa;
          --bs-btn-disabled-border-color: #f8f9fa;
      }

      .btn-dark {
          --bs-btn-color: #fff;
          --bs-btn-bg: #212529;
          --bs-btn-border-color: #212529;
          --bs-btn-hover-color: #fff;
          --bs-btn-hover-bg: #424649;
          --bs-btn-hover-border-color: #373b3e;
          --bs-btn-focus-shadow-rgb: 66, 70, 73;
          --bs-btn-active-color: #fff;
          --bs-btn-active-bg: #4d5154;
          --bs-btn-active-border-color: #373b3e;
          --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
          --bs-btn-disabled-color: #fff;
          --bs-btn-disabled-bg: #212529;
          --bs-btn-disabled-border-color: #212529;
      }

      .btn-outline-primary {
          --bs-btn-color: #0d6efd;
          --bs-btn-border-color: #0d6efd;
          --bs-btn-hover-color: #fff;
          --bs-btn-hover-bg: #0d6efd;
          --bs-btn-hover-border-color: #0d6efd;
          --bs-btn-focus-shadow-rgb: 13, 110, 253;
          --bs-btn-active-color: #fff;
          --bs-btn-active-bg: #0d6efd;
          --bs-btn-active-border-color: #0d6efd;
          --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
          --bs-btn-disabled-color: #0d6efd;
          --bs-btn-disabled-bg: transparent;
          --bs-btn-disabled-border-color: #0d6efd;
          --bs-gradient: none;
      }

      .btn-outline-secondary {
          --bs-btn-color: #6c757d;
          --bs-btn-border-color: #6c757d;
          --bs-btn-hover-color: #fff;
          --bs-btn-hover-bg: #6c757d;
          --bs-btn-hover-border-color: #6c757d;
          --bs-btn-focus-shadow-rgb: 108, 117, 125;
          --bs-btn-active-color: #fff;
          --bs-btn-active-bg: #6c757d;
          --bs-btn-active-border-color: #6c757d;
          --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
          --bs-btn-disabled-color: #6c757d;
          --bs-btn-disabled-bg: transparent;
          --bs-btn-disabled-border-color: #6c757d;
          --bs-gradient: none;
      }

      .btn-outline-success {
          --bs-btn-color: #198754;
          --bs-btn-border-color: #198754;
          --bs-btn-hover-color: #fff;
          --bs-btn-hover-bg: #198754;
          --bs-btn-hover-border-color: #198754;
          --bs-btn-focus-shadow-rgb: 25, 135, 84;
          --bs-btn-active-color: #fff;
          --bs-btn-active-bg: #198754;
          --bs-btn-active-border-color: #198754;
          --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
          --bs-btn-disabled-color: #198754;
          --bs-btn-disabled-bg: transparent;
          --bs-btn-disabled-border-color: #198754;
          --bs-gradient: none;
      }

      .btn-outline-info {
          --bs-btn-color: #0dcaf0;
          --bs-btn-border-color: #0dcaf0;
          --bs-btn-hover-color: #000;
          --bs-btn-hover-bg: #0dcaf0;
          --bs-btn-hover-border-color: #0dcaf0;
          --bs-btn-focus-shadow-rgb: 13, 202, 240;
          --bs-btn-active-color: #000;
          --bs-btn-active-bg: #0dcaf0;
          --bs-btn-active-border-color: #0dcaf0;
          --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
          --bs-btn-disabled-color: #0dcaf0;
          --bs-btn-disabled-bg: transparent;
          --bs-btn-disabled-border-color: #0dcaf0;
          --bs-gradient: none;
      }

      .btn-outline-warning {
          --bs-btn-color: #ffc107;
          --bs-btn-border-color: #ffc107;
          --bs-btn-hover-color: #000;
          --bs-btn-hover-bg: #ffc107;
          --bs-btn-hover-border-color: #ffc107;
          --bs-btn-focus-shadow-rgb: 255, 193, 7;
          --bs-btn-active-color: #000;
          --bs-btn-active-bg: #ffc107;
          --bs-btn-active-border-color: #ffc107;
          --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
          --bs-btn-disabled-color: #ffc107;
          --bs-btn-disabled-bg: transparent;
          --bs-btn-disabled-border-color: #ffc107;
          --bs-gradient: none;
      }

      .btn-outline-danger {
          --bs-btn-color: #dc3545;
          --bs-btn-border-color: #dc3545;
          --bs-btn-hover-color: #fff;
          --bs-btn-hover-bg: #dc3545;
          --bs-btn-hover-border-color: #dc3545;
          --bs-btn-focus-shadow-rgb: 220, 53, 69;
          --bs-btn-active-color: #fff;
          --bs-btn-active-bg: #dc3545;
          --bs-btn-active-border-color: #dc3545;
          --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
          --bs-btn-disabled-color: #dc3545;
          --bs-btn-disabled-bg: transparent;
          --bs-btn-disabled-border-color: #dc3545;
          --bs-gradient: none;
      }

      .btn-outline-light {
          --bs-btn-color: #f8f9fa;
          --bs-btn-border-color: #f8f9fa;
          --bs-btn-hover-color: #000;
          --bs-btn-hover-bg: #f8f9fa;
          --bs-btn-hover-border-color: #f8f9fa;
          --bs-btn-focus-shadow-rgb: 248, 249, 250;
          --bs-btn-active-color: #000;
          --bs-btn-active-bg: #f8f9fa;
          --bs-btn-active-border-color: #f8f9fa;
          --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
          --bs-btn-disabled-color: #f8f9fa;
          --bs-btn-disabled-bg: transparent;
          --bs-btn-disabled-border-color: #f8f9fa;
          --bs-gradient: none;
      }

      .btn-outline-dark {
          --bs-btn-color: #212529;
          --bs-btn-border-color: #212529;
          --bs-btn-hover-color: #fff;
          --bs-btn-hover-bg: #212529;
          --bs-btn-hover-border-color: #212529;
          --bs-btn-focus-shadow-rgb: 33, 37, 41;
          --bs-btn-active-color: #fff;
          --bs-btn-active-bg: #212529;
          --bs-btn-active-border-color: #212529;
          --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
          --bs-btn-disabled-color: #212529;
          --bs-btn-disabled-bg: transparent;
          --bs-btn-disabled-border-color: #212529;
          --bs-gradient: none;
      }

      .btn-link {
          --bs-btn-font-weight: 400;
          --bs-btn-color: var(--bs-link-color);
          --bs-btn-bg: transparent;
          --bs-btn-border-color: transparent;
          --bs-btn-hover-color: var(--bs-link-hover-color);
          --bs-btn-hover-border-color: transparent;
          --bs-btn-active-color: var(--bs-link-hover-color);
          --bs-btn-active-border-color: transparent;
          --bs-btn-disabled-color: #6c757d;
          --bs-btn-disabled-border-color: transparent;
          --bs-btn-box-shadow: 0 0 0 #000;
          --bs-btn-focus-shadow-rgb: 49, 132, 253;
          text-decoration: underline;
      }

      .btn-link:focus-visible {
          color: var(--bs-btn-color);
      }

      .btn-link:hover {
          color: var(--bs-btn-hover-color);
      }

      .btn-group-lg>.btn,
      .btn-lg {
          --bs-btn-padding-y: 0.5rem;
          --bs-btn-padding-x: 1rem;
          --bs-btn-font-size: 1.25rem;
          --bs-btn-border-radius: var(--bs-border-radius-lg);
      }

      .btn-group-sm>.btn,
      .btn-sm {
          --bs-btn-padding-y: 0.25rem;
          --bs-btn-padding-x: 0.5rem;
          --bs-btn-font-size: 0.875rem;
          --bs-btn-border-radius: var(--bs-border-radius-sm);
      }

      .fade {
          transition: opacity 0.15s linear;
      }

      @media (prefers-reduced-motion: reduce) {
          .fade {
              transition: none;
          }
      }

      .fade:not(.show) {
          opacity: 0;
      }

      .collapse:not(.show) {
          display: none;
      }

      .collapsing {
          height: 0;
          overflow: hidden;
          transition: height 0.35s ease;
      }

      @media (prefers-reduced-motion: reduce) {
          .collapsing {
              transition: none;
          }
      }

      .collapsing.collapse-horizontal {
          width: 0;
          height: auto;
          transition: width 0.35s ease;
      }

      @media (prefers-reduced-motion: reduce) {
          .collapsing.collapse-horizontal {
              transition: none;
          }
      }

      .dropdown,
      .dropdown-center,
      .dropend,
      .dropstart,
      .dropup,
      .dropup-center {
          position: relative;
      }

      .dropdown-toggle {
          white-space: nowrap;
      }

      .dropdown-toggle::after {
          display: inline-block;
          margin-left: 0.255em;
          vertical-align: 0.255em;
          content: "";
          border-top: 0.3em solid;
          border-right: 0.3em solid transparent;
          border-bottom: 0;
          border-left: 0.3em solid transparent;
      }

      .dropdown-toggle:empty::after {
          margin-left: 0;
      }

      .dropdown-menu {
          --bs-dropdown-zindex: 1000;
          --bs-dropdown-min-width: 10rem;
          --bs-dropdown-padding-x: 0;
          --bs-dropdown-padding-y: 0.5rem;
          --bs-dropdown-spacer: 0.125rem;
          --bs-dropdown-font-size: 1rem;
          --bs-dropdown-color: var(--bs-body-color);
          --bs-dropdown-bg: var(--bs-body-bg);
          --bs-dropdown-border-color: var(--bs-border-color-translucent);
          --bs-dropdown-border-radius: var(--bs-border-radius);
          --bs-dropdown-border-width: var(--bs-border-width);
          --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
          --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
          --bs-dropdown-divider-margin-y: 0.5rem;
          --bs-dropdown-box-shadow: var(--bs-box-shadow);
          --bs-dropdown-link-color: var(--bs-body-color);
          --bs-dropdown-link-hover-color: var(--bs-body-color);
          --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
          --bs-dropdown-link-active-color: #fff;
          --bs-dropdown-link-active-bg: #0d6efd;
          --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
          --bs-dropdown-item-padding-x: 1rem;
          --bs-dropdown-item-padding-y: 0.25rem;
          --bs-dropdown-header-color: #6c757d;
          --bs-dropdown-header-padding-x: 1rem;
          --bs-dropdown-header-padding-y: 0.5rem;
          position: absolute;
          z-index: var(--bs-dropdown-zindex);
          display: none;
          min-width: var(--bs-dropdown-min-width);
          padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
          margin: 0;
          font-size: var(--bs-dropdown-font-size);
          color: var(--bs-dropdown-color);
          text-align: left;
          list-style: none;
          background-color: var(--bs-dropdown-bg);
          background-clip: padding-box;
          border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
          border-radius: var(--bs-dropdown-border-radius);
      }

      .dropdown-menu[data-bs-popper] {
          top: 100%;
          left: 0;
          margin-top: var(--bs-dropdown-spacer);
      }

      .dropdown-menu-start {
          --bs-position: start;
      }

      .dropdown-menu-start[data-bs-popper] {
          right: auto;
          left: 0;
      }

      .dropdown-menu-end {
          --bs-position: end;
      }

      .dropdown-menu-end[data-bs-popper] {
          right: 0;
          left: auto;
      }

      @media (min-width: 576px) {
          .dropdown-menu-sm-start {
              --bs-position: start;
          }

          .dropdown-menu-sm-start[data-bs-popper] {
              right: auto;
              left: 0;
          }

          .dropdown-menu-sm-end {
              --bs-position: end;
          }

          .dropdown-menu-sm-end[data-bs-popper] {
              right: 0;
              left: auto;
          }
      }

      @media (min-width: 768px) {
          .dropdown-menu-md-start {
              --bs-position: start;
          }

          .dropdown-menu-md-start[data-bs-popper] {
              right: auto;
              left: 0;
          }

          .dropdown-menu-md-end {
              --bs-position: end;
          }

          .dropdown-menu-md-end[data-bs-popper] {
              right: 0;
              left: auto;
          }
      }

      @media (min-width: 992px) {
          .dropdown-menu-lg-start {
              --bs-position: start;
          }

          .dropdown-menu-lg-start[data-bs-popper] {
              right: auto;
              left: 0;
          }

          .dropdown-menu-lg-end {
              --bs-position: end;
          }

          .dropdown-menu-lg-end[data-bs-popper] {
              right: 0;
              left: auto;
          }
      }

      @media (min-width: 1200px) {
          .dropdown-menu-xl-start {
              --bs-position: start;
          }

          .dropdown-menu-xl-start[data-bs-popper] {
              right: auto;
              left: 0;
          }

          .dropdown-menu-xl-end {
              --bs-position: end;
          }

          .dropdown-menu-xl-end[data-bs-popper] {
              right: 0;
              left: auto;
          }
      }

      @media (min-width: 1400px) {
          .dropdown-menu-xxl-start {
              --bs-position: start;
          }

          .dropdown-menu-xxl-start[data-bs-popper] {
              right: auto;
              left: 0;
          }

          .dropdown-menu-xxl-end {
              --bs-position: end;
          }

          .dropdown-menu-xxl-end[data-bs-popper] {
              right: 0;
              left: auto;
          }
      }

      .dropup .dropdown-menu[data-bs-popper] {
          top: auto;
          bottom: 100%;
          margin-top: 0;
          margin-bottom: var(--bs-dropdown-spacer);
      }

      .dropup .dropdown-toggle::after {
          display: inline-block;
          margin-left: 0.255em;
          vertical-align: 0.255em;
          content: "";
          border-top: 0;
          border-right: 0.3em solid transparent;
          border-bottom: 0.3em solid;
          border-left: 0.3em solid transparent;
      }

      .dropup .dropdown-toggle:empty::after {
          margin-left: 0;
      }

      .dropend .dropdown-menu[data-bs-popper] {
          top: 0;
          right: auto;
          left: 100%;
          margin-top: 0;
          margin-left: var(--bs-dropdown-spacer);
      }

      .dropend .dropdown-toggle::after {
          display: inline-block;
          margin-left: 0.255em;
          vertical-align: 0.255em;
          content: "";
          border-top: 0.3em solid transparent;
          border-right: 0;
          border-bottom: 0.3em solid transparent;
          border-left: 0.3em solid;
      }

      .dropend .dropdown-toggle:empty::after {
          margin-left: 0;
      }

      .dropend .dropdown-toggle::after {
          vertical-align: 0;
      }

      .dropstart .dropdown-menu[data-bs-popper] {
          top: 0;
          right: 100%;
          left: auto;
          margin-top: 0;
          margin-right: var(--bs-dropdown-spacer);
      }

      .dropstart .dropdown-toggle::after {
          display: inline-block;
          margin-left: 0.255em;
          vertical-align: 0.255em;
          content: "";
      }

      .dropstart .dropdown-toggle::after {
          display: none;
      }

      .dropstart .dropdown-toggle::before {
          display: inline-block;
          margin-right: 0.255em;
          vertical-align: 0.255em;
          content: "";
          border-top: 0.3em solid transparent;
          border-right: 0.3em solid;
          border-bottom: 0.3em solid transparent;
      }

      .dropstart .dropdown-toggle:empty::after {
          margin-left: 0;
      }

      .dropstart .dropdown-toggle::before {
          vertical-align: 0;
      }

      .dropdown-divider {
          height: 0;
          margin: var(--bs-dropdown-divider-margin-y) 0;
          overflow: hidden;
          border-top: 1px solid var(--bs-dropdown-divider-bg);
          opacity: 1;
      }

      .dropdown-item {
          display: block;
          width: 100%;
          padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
          clear: both;
          font-weight: 400;
          color: var(--bs-dropdown-link-color);
          text-align: inherit;
          text-decoration: none;
          white-space: nowrap;
          background-color: transparent;
          border: 0;
          border-radius: var(--bs-dropdown-item-border-radius, 0);
      }

      .dropdown-item:focus,
      .dropdown-item:hover {
          color: var(--bs-dropdown-link-hover-color);
          background-color: var(--bs-dropdown-link-hover-bg);
      }

      .dropdown-item.active,
      .dropdown-item:active {
          color: var(--bs-dropdown-link-active-color);
          text-decoration: none;
          background-color: var(--bs-dropdown-link-active-bg);
      }

      .dropdown-item.disabled,
      .dropdown-item:disabled {
          color: var(--bs-dropdown-link-disabled-color);
          pointer-events: none;
          background-color: transparent;
      }

      .dropdown-menu.show {
          display: block;
      }

      .dropdown-header {
          display: block;
          padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
          margin-bottom: 0;
          font-size: 0.875rem;
          color: var(--bs-dropdown-header-color);
          white-space: nowrap;
      }

      .dropdown-item-text {
          display: block;
          padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
          color: var(--bs-dropdown-link-color);
      }

      .dropdown-menu-dark {
          --bs-dropdown-color: #dee2e6;
          --bs-dropdown-bg: #343a40;
          --bs-dropdown-border-color: var(--bs-border-color-translucent);
          --bs-dropdown-box-shadow: ;
          --bs-dropdown-link-color: #dee2e6;
          --bs-dropdown-link-hover-color: #fff;
          --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
          --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
          --bs-dropdown-link-active-color: #fff;
          --bs-dropdown-link-active-bg: #0d6efd;
          --bs-dropdown-link-disabled-color: #adb5bd;
          --bs-dropdown-header-color: #adb5bd;
      }

      .btn-group,
      .btn-group-vertical {
          position: relative;
          display: inline-flex;
          vertical-align: middle;
      }

      .btn-group-vertical>.btn,
      .btn-group>.btn {
          position: relative;
          flex: 1 1 auto;
      }

      .btn-group-vertical>.btn-check:checked+.btn,
      .btn-group-vertical>.btn-check:focus+.btn,
      .btn-group-vertical>.btn.active,
      .btn-group-vertical>.btn:active,
      .btn-group-vertical>.btn:focus,
      .btn-group-vertical>.btn:hover,
      .btn-group>.btn-check:checked+.btn,
      .btn-group>.btn-check:focus+.btn,
      .btn-group>.btn.active,
      .btn-group>.btn:active,
      .btn-group>.btn:focus,
      .btn-group>.btn:hover {
          z-index: 1;
      }

      .btn-toolbar {
          display: flex;
          flex-wrap: wrap;
          justify-content: flex-start;
      }

      .btn-toolbar .input-group {
          width: auto;
      }

      .btn-group {
          border-radius: var(--bs-border-radius);
      }

      .btn-group>.btn-group:not(:first-child),
      .btn-group> :not(.btn-check:first-child)+.btn {
          margin-left: calc(var(--bs-border-width) * -1);
      }

      .btn-group>.btn-group:not(:last-child)>.btn,
      .btn-group>.btn.dropdown-toggle-split:first-child,
      .btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
          border-top-right-radius: 0;
          border-bottom-right-radius: 0;
      }

      .btn-group>.btn-group:not(:first-child)>.btn,
      .btn-group>.btn:nth-child(n + 3),
      .btn-group> :not(.btn-check)+.btn {
          border-top-left-radius: 0;
          border-bottom-left-radius: 0;
      }

      .dropdown-toggle-split {
          padding-right: 0.5625rem;
          padding-left: 0.5625rem;
      }

      .dropdown-toggle-split::after,
      .dropend .dropdown-toggle-split::after,
      .dropup .dropdown-toggle-split::after {
          margin-left: 0;
      }

      .dropstart .dropdown-toggle-split::before {
          margin-right: 0;
      }

      .btn-group-sm>.btn+.dropdown-toggle-split,
      .btn-sm+.dropdown-toggle-split {
          padding-right: 0.375rem;
          padding-left: 0.375rem;
      }

      .btn-group-lg>.btn+.dropdown-toggle-split,
      .btn-lg+.dropdown-toggle-split {
          padding-right: 0.75rem;
          padding-left: 0.75rem;
      }

      .btn-group-vertical {
          flex-direction: column;
          align-items: flex-start;
          justify-content: center;
      }

      .btn-group-vertical>.btn,
      .btn-group-vertical>.btn-group {
          width: 100%;
      }

      .btn-group-vertical>.btn-group:not(:first-child),
      .btn-group-vertical>.btn:not(:first-child) {
          margin-top: calc(var(--bs-border-width) * -1);
      }

      .btn-group-vertical>.btn-group:not(:last-child)>.btn,
      .btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {
          border-bottom-right-radius: 0;
          border-bottom-left-radius: 0;
      }

      .btn-group-vertical>.btn-group:not(:first-child)>.btn,
      .btn-group-vertical>.btn~.btn {
          border-top-left-radius: 0;
          border-top-right-radius: 0;
      }

      .nav {
          --bs-nav-link-padding-x: 1rem;
          --bs-nav-link-padding-y: 0.5rem;
          --bs-nav-link-font-weight: ;
          --bs-nav-link-color: var(--bs-link-color);
          --bs-nav-link-hover-color: var(--bs-link-hover-color);
          --bs-nav-link-disabled-color: var(--bs-secondary-color);
          display: flex;
          flex-wrap: wrap;
          padding-left: 0;
          margin-bottom: 0;
          list-style: none;
      }

      .nav-link {
          display: block;
          padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
          font-size: var(--bs-nav-link-font-size);
          font-weight: var(--bs-nav-link-font-weight);
          color: var(--bs-nav-link-color);
          text-decoration: none;
          background: 0 0;
          border: 0;
          transition:
              color 0.15s ease-in-out,
              background-color 0.15s ease-in-out,
              border-color 0.15s ease-in-out;
      }

      @media (prefers-reduced-motion: reduce) {
          .nav-link {
              transition: none;
          }
      }

      .nav-link:focus,
      .nav-link:hover {
          color: var(--bs-nav-link-hover-color);
      }

      .nav-link:focus-visible {
          outline: 0;
          box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
      }

      .nav-link.disabled,
      .nav-link:disabled {
          color: var(--bs-nav-link-disabled-color);
          pointer-events: none;
          cursor: default;
      }

      .nav-tabs {
          --bs-nav-tabs-border-width: var(--bs-border-width);
          --bs-nav-tabs-border-color: var(--bs-border-color);
          --bs-nav-tabs-border-radius: var(--bs-border-radius);
          --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);
          --bs-nav-tabs-link-active-color: var(--bs-emphasis-color);
          --bs-nav-tabs-link-active-bg: var(--bs-body-bg);
          --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);
          border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
      }

      .nav-tabs .nav-link {
          margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
          border: var(--bs-nav-tabs-border-width) solid transparent;
          border-top-left-radius: var(--bs-nav-tabs-border-radius);
          border-top-right-radius: var(--bs-nav-tabs-border-radius);
      }

      .nav-tabs .nav-link:focus,
      .nav-tabs .nav-link:hover {
          isolation: isolate;
          border-color: var(--bs-nav-tabs-link-hover-border-color);
      }

      .nav-tabs .nav-item.show .nav-link,
      .nav-tabs .nav-link.active {
          color: var(--bs-nav-tabs-link-active-color);
          background-color: var(--bs-nav-tabs-link-active-bg);
          border-color: var(--bs-nav-tabs-link-active-border-color);
      }

      .nav-tabs .dropdown-menu {
          margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
          border-top-left-radius: 0;
          border-top-right-radius: 0;
      }

      .nav-pills {
          --bs-nav-pills-border-radius: var(--bs-border-radius);
          --bs-nav-pills-link-active-color: #fff;
          --bs-nav-pills-link-active-bg: #0d6efd;
      }

      .nav-pills .nav-link {
          border-radius: var(--bs-nav-pills-border-radius);
      }

      .nav-pills .nav-link.active,
      .nav-pills .show>.nav-link {
          color: var(--bs-nav-pills-link-active-color);
          background-color: var(--bs-nav-pills-link-active-bg);
      }

      .nav-underline {
          --bs-nav-underline-gap: 1rem;
          --bs-nav-underline-border-width: 0.125rem;
          --bs-nav-underline-link-active-color: var(--bs-emphasis-color);
          gap: var(--bs-nav-underline-gap);
      }

      .nav-underline .nav-link {
          padding-right: 0;
          padding-left: 0;
          border-bottom: var(--bs-nav-underline-border-width) solid transparent;
      }

      .nav-underline .nav-link:focus,
      .nav-underline .nav-link:hover {
          border-bottom-color: currentcolor;
      }

      .nav-underline .nav-link.active,
      .nav-underline .show>.nav-link {
          font-weight: 700;
          color: var(--bs-nav-underline-link-active-color);
          border-bottom-color: currentcolor;
      }

      .nav-fill .nav-item,
      .nav-fill>.nav-link {
          flex: 1 1 auto;
          text-align: center;
      }

      .nav-justified .nav-item,
      .nav-justified>.nav-link {
          flex-basis: 0;
          flex-grow: 1;
          text-align: center;
      }

      .nav-fill .nav-item .nav-link,
      .nav-justified .nav-item .nav-link {
          width: 100%;
      }

      .tab-content>.tab-pane {
          display: none;
      }

      .tab-content>.active {
          display: block;
      }

      .navbar {
          --bs-navbar-padding-x: 0;
          --bs-navbar-padding-y: 0.5rem;
          --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65);
          --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8);
          --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);
          --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);
          --bs-navbar-brand-padding-y: 0.3125rem;
          --bs-navbar-brand-margin-end: 1rem;
          --bs-navbar-brand-font-size: 1.25rem;
          --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);
          --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);
          --bs-navbar-nav-link-padding-x: 0.5rem;
          --bs-navbar-toggler-padding-y: 0.25rem;
          --bs-navbar-toggler-padding-x: 0.75rem;
          --bs-navbar-toggler-font-size: 1.25rem;
          --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
          --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);
          --bs-navbar-toggler-border-radius: var(--bs-border-radius);
          --bs-navbar-toggler-focus-width: 0.25rem;
          --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
          position: relative;
          display: flex;
          flex-wrap: wrap;
          align-items: center;
          justify-content: space-between;
          padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
      }

      .navbar>.container,
      .navbar>.container-fluid,
      .navbar>.container-lg,
      .navbar>.container-md,
      .navbar>.container-sm,
      .navbar>.container-xl,
      .navbar>.container-xxl {
          display: flex;
          flex-wrap: inherit;
          align-items: center;
          justify-content: space-between;
      }

      .navbar-brand {
          padding-top: var(--bs-navbar-brand-padding-y);
          padding-bottom: var(--bs-navbar-brand-padding-y);
          margin-right: var(--bs-navbar-brand-margin-end);
          font-size: var(--bs-navbar-brand-font-size);
          color: var(--bs-navbar-brand-color);
          text-decoration: none;
          white-space: nowrap;
      }

      .navbar-brand:focus,
      .navbar-brand:hover {
          color: var(--bs-navbar-brand-hover-color);
      }

      .navbar-nav {
          --bs-nav-link-padding-x: 0;
          --bs-nav-link-padding-y: 0.5rem;
          --bs-nav-link-font-weight: ;
          --bs-nav-link-color: var(--bs-navbar-color);
          --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
          --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
          display: flex;
          flex-direction: column;
          padding-left: 0;
          margin-bottom: 0;
          list-style: none;
      }

      .navbar-nav .nav-link.active,
      .navbar-nav .nav-link.show {
          color: var(--bs-navbar-active-color);
      }

      .navbar-nav .dropdown-menu {
          position: static;
      }

      .navbar-text {
          padding-top: 0.5rem;
          padding-bottom: 0.5rem;
          color: var(--bs-navbar-color);
      }

      .navbar-text a,
      .navbar-text a:focus,
      .navbar-text a:hover {
          color: var(--bs-navbar-active-color);
      }

      .navbar-collapse {
          flex-basis: 100%;
          flex-grow: 1;
          align-items: center;
      }

      .navbar-toggler {
          padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
          font-size: var(--bs-navbar-toggler-font-size);
          line-height: 1;
          color: var(--bs-navbar-color);
          background-color: transparent;
          border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
          border-radius: var(--bs-navbar-toggler-border-radius);
          transition: var(--bs-navbar-toggler-transition);
      }

      @media (prefers-reduced-motion: reduce) {
          .navbar-toggler {
              transition: none;
          }
      }

      .navbar-toggler:hover {
          text-decoration: none;
      }

      .navbar-toggler:focus {
          text-decoration: none;
          outline: 0;
          box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width);
      }

      .navbar-toggler-icon {
          display: inline-block;
          width: 1.5em;
          height: 1.5em;
          vertical-align: middle;
          background-image: var(--bs-navbar-toggler-icon-bg);
          background-repeat: no-repeat;
          background-position: center;
          background-size: 100%;
      }

      .navbar-nav-scroll {
          max-height: var(--bs-scroll-height, 75vh);
          overflow-y: auto;
      }

      @media (min-width: 576px) {
          .navbar-expand-sm {
              flex-wrap: nowrap;
              justify-content: flex-start;
          }

          .navbar-expand-sm .navbar-nav {
              flex-direction: row;
          }

          .navbar-expand-sm .navbar-nav .dropdown-menu {
              position: absolute;
          }

          .navbar-expand-sm .navbar-nav .nav-link {
              padding-right: var(--bs-navbar-nav-link-padding-x);
              padding-left: var(--bs-navbar-nav-link-padding-x);
          }

          .navbar-expand-sm .navbar-nav-scroll {
              overflow: visible;
          }

          .navbar-expand-sm .navbar-collapse {
              display: flex !important;
              flex-basis: auto;
          }

          .navbar-expand-sm .navbar-toggler {
              display: none;
          }

          .navbar-expand-sm .offcanvas {
              position: static;
              z-index: auto;
              flex-grow: 1;
              width: auto !important;
              height: auto !important;
              visibility: visible !important;
              background-color: transparent !important;
              border: 0 !important;
              transform: none !important;
              transition: none;
          }

          .navbar-expand-sm .offcanvas .offcanvas-header {
              display: none;
          }

          .navbar-expand-sm .offcanvas .offcanvas-body {
              display: flex;
              flex-grow: 0;
              padding: 0;
              overflow-y: visible;
          }
      }

      @media (min-width: 768px) {
          .navbar-expand-md {
              flex-wrap: nowrap;
              justify-content: flex-start;
          }

          .navbar-expand-md .navbar-nav {
              flex-direction: row;
          }

          .navbar-expand-md .navbar-nav .dropdown-menu {
              position: absolute;
          }

          .navbar-expand-md .navbar-nav .nav-link {
              padding-right: var(--bs-navbar-nav-link-padding-x);
              padding-left: var(--bs-navbar-nav-link-padding-x);
          }

          .navbar-expand-md .navbar-nav-scroll {
              overflow: visible;
          }

          .navbar-expand-md .navbar-collapse {
              display: flex !important;
              flex-basis: auto;
          }

          .navbar-expand-md .navbar-toggler {
              display: none;
          }

          .navbar-expand-md .offcanvas {
              position: static;
              z-index: auto;
              flex-grow: 1;
              width: auto !important;
              height: auto !important;
              visibility: visible !important;
              background-color: transparent !important;
              border: 0 !important;
              transform: none !important;
              transition: none;
          }

          .navbar-expand-md .offcanvas .offcanvas-header {
              display: none;
          }

          .navbar-expand-md .offcanvas .offcanvas-body {
              display: flex;
              flex-grow: 0;
              padding: 0;
              overflow-y: visible;
          }
      }

      @media (min-width: 992px) {
          .navbar-expand-lg {
              flex-wrap: nowrap;
              justify-content: flex-start;
              justify-self: left;
              margin-left: 60px;
          }

          .navbar-expand-lg .navbar-nav {
              flex-direction: row;
          }

          .navbar-expand-lg .navbar-nav .dropdown-menu {
              position: absolute;
          }

          .navbar-expand-lg .navbar-nav .nav-link {
              padding-right: var(--bs-navbar-nav-link-padding-x);
              padding-left: var(--bs-navbar-nav-link-padding-x);
          }

          .navbar-expand-lg .navbar-nav-scroll {
              overflow: visible;
          }

          .navbar-expand-lg .navbar-collapse {
              display: flex !important;
              flex-basis: auto;
          }

          .navbar-expand-lg .navbar-toggler {
              display: none;
          }

          .navbar-expand-lg .offcanvas {
              position: static;
              z-index: auto;
              flex-grow: 1;
              width: auto !important;
              height: auto !important;
              visibility: visible !important;
              background-color: transparent !important;
              border: 0 !important;
              transform: none !important;
              transition: none;
          }

          .navbar-expand-lg .offcanvas .offcanvas-header {
              display: none;
          }

          .navbar-expand-lg .offcanvas .offcanvas-body {
              display: flex;
              flex-grow: 0;
              padding: 0;
              overflow-y: visible;
          }
      }

      @media (min-width: 1200px) {
          .navbar-expand-xl {
              flex-wrap: nowrap;
              justify-content: flex-start;
          }

          .navbar-expand-xl .navbar-nav {
              flex-direction: row;
          }

          .navbar-expand-xl .navbar-nav .dropdown-menu {
              position: absolute;
          }

          .navbar-expand-xl .navbar-nav .nav-link {
              padding-right: var(--bs-navbar-nav-link-padding-x);
              padding-left: var(--bs-navbar-nav-link-padding-x);
          }

          .navbar-expand-xl .navbar-nav-scroll {
              overflow: visible;
          }

          .navbar-expand-xl .navbar-collapse {
              display: flex !important;
              flex-basis: auto;
          }

          .navbar-expand-xl .navbar-toggler {
              display: none;
          }

          .navbar-expand-xl .offcanvas {
              position: static;
              z-index: auto;
              flex-grow: 1;
              width: auto !important;
              height: auto !important;
              visibility: visible !important;
              background-color: transparent !important;
              border: 0 !important;
              transform: none !important;
              transition: none;
          }

          .navbar-expand-xl .offcanvas .offcanvas-header {
              display: none;
          }

          .navbar-expand-xl .offcanvas .offcanvas-body {
              display: flex;
              flex-grow: 0;
              padding: 0;
              overflow-y: visible;
          }
      }

      @media (min-width: 1400px) {
          .navbar-expand-xxl {
              flex-wrap: nowrap;
              justify-content: flex-start;
          }

          .navbar-expand-xxl .navbar-nav {
              flex-direction: row;
          }

          .navbar-expand-xxl .navbar-nav .dropdown-menu {
              position: absolute;
          }

          .navbar-expand-xxl .navbar-nav .nav-link {
              padding-right: var(--bs-navbar-nav-link-padding-x);
              padding-left: var(--bs-navbar-nav-link-padding-x);
          }

          .navbar-expand-xxl .navbar-nav-scroll {
              overflow: visible;
          }

          .navbar-expand-xxl .navbar-collapse {
              display: flex !important;
              flex-basis: auto;
          }

          .navbar-expand-xxl .navbar-toggler {
              display: none;
          }

          .navbar-expand-xxl .offcanvas {
              position: static;
              z-index: auto;
              flex-grow: 1;
              width: auto !important;
              height: auto !important;
              visibility: visible !important;
              background-color: transparent !important;
              border: 0 !important;
              transform: none !important;
              transition: none;
          }

          .navbar-expand-xxl .offcanvas .offcanvas-header {
              display: none;
          }

          .navbar-expand-xxl .offcanvas .offcanvas-body {
              display: flex;
              flex-grow: 0;
              padding: 0;
              overflow-y: visible;
          }
      }

      .navbar-expand {
          flex-wrap: nowrap;
          justify-content: flex-start;
      }

      .navbar-expand .navbar-nav {
          flex-direction: row;
      }

      .navbar-expand .navbar-nav .dropdown-menu {
          position: absolute;
      }

      .navbar-expand .navbar-nav .nav-link {
          padding-right: var(--bs-navbar-nav-link-padding-x);
          padding-left: var(--bs-navbar-nav-link-padding-x);
      }

      .navbar-expand .navbar-nav-scroll {
          overflow: visible;
      }

      .navbar-expand .navbar-collapse {
          display: flex !important;
          flex-basis: auto;
      }

      .navbar-expand .navbar-toggler {
          display: none;
      }

      .navbar-expand .offcanvas {
          position: static;
          z-index: auto;
          flex-grow: 1;
          width: auto !important;
          height: auto !important;
          visibility: visible !important;
          background-color: transparent !important;
          border: 0 !important;
          transform: none !important;
          transition: none;
      }

      .navbar-expand .offcanvas .offcanvas-header {
          display: none;
      }

      .navbar-expand .offcanvas .offcanvas-body {
          display: flex;
          flex-grow: 0;
          padding: 0;
          overflow-y: visible;
      }

      .navbar-dark,
      .navbar[data-bs-theme="dark"] {
          --bs-navbar-color: rgba(255, 255, 255, 0.55);
          --bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
          --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
          --bs-navbar-active-color: #fff;
          --bs-navbar-brand-color: #fff;
          --bs-navbar-brand-hover-color: #fff;
          --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
          --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
      }

      [data-bs-theme="dark"] .navbar-toggler-icon {
          --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
      }

      .card {
          --bs-card-spacer-y: 1rem;
          --bs-card-spacer-x: 1rem;
          --bs-card-title-spacer-y: 0.5rem;
          --bs-card-title-color: ;
          --bs-card-subtitle-color: ;
          --bs-card-border-width: var(--bs-border-width);
          --bs-card-border-color: var(--bs-border-color-translucent);
          --bs-card-border-radius: var(--bs-border-radius);
          --bs-card-box-shadow: ;
          --bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
          --bs-card-cap-padding-y: 0.5rem;
          --bs-card-cap-padding-x: 1rem;
          --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
          --bs-card-cap-color: ;
          --bs-card-height: ;
          --bs-card-color: ;
          --bs-card-bg: var(--bs-body-bg);
          --bs-card-img-overlay-padding: 1rem;
          --bs-card-group-margin: 0.75rem;
          position: relative;
          display: flex;
          flex-direction: column;
          min-width: 0;
          height: var(--bs-card-height);
          color: var(--bs-body-color);
          word-wrap: break-word;
          background-color: var(--bs-card-bg);
          background-clip: border-box;
          border: var(--bs-card-border-width) solid var(--bs-card-border-color);
          border-radius: var(--bs-card-border-radius);
      }

      .card>hr {
          margin-right: 0;
          margin-left: 0;
      }

      .card>.list-group {
          border-top: inherit;
          border-bottom: inherit;
      }

      .card>.list-group:first-child {
          border-top-width: 0;
          border-top-left-radius: var(--bs-card-inner-border-radius);
          border-top-right-radius: var(--bs-card-inner-border-radius);
      }

      .card>.list-group:last-child {
          border-bottom-width: 0;
          border-bottom-right-radius: var(--bs-card-inner-border-radius);
          border-bottom-left-radius: var(--bs-card-inner-border-radius);
      }

      .card>.card-header+.list-group,
      .card>.list-group+.card-footer {
          border-top: 0;
      }

      .card-body {
          flex: 1 1 auto;
          padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
          color: var(--bs-card-color);
      }

      .card-title {
          margin-bottom: var(--bs-card-title-spacer-y);
          color: var(--bs-card-title-color);
      }

      .card-subtitle {
          margin-top: calc(-0.5 * var(--bs-card-title-spacer-y));
          margin-bottom: 0;
          color: var(--bs-card-subtitle-color);
      }

      .card-text:last-child {
          margin-bottom: 0;
      }

      .card-link+.card-link {
          margin-left: var(--bs-card-spacer-x);
      }

      .card-header {
          padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
          margin-bottom: 0;
          color: var(--bs-card-cap-color);
          background-color: var(--bs-card-cap-bg);
          border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color);
      }

      .card-header:first-child {
          border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0;
      }

      .card-footer {
          padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
          color: var(--bs-card-cap-color);
          background-color: var(--bs-card-cap-bg);
          border-top: var(--bs-card-border-width) solid var(--bs-card-border-color);
      }

      .card-footer:last-child {
          border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius);
      }

      .card-header-tabs {
          margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
          margin-bottom: calc(-1 * var(--bs-card-cap-padding-y));
          margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
          border-bottom: 0;
      }

      .card-header-tabs .nav-link.active {
          background-color: var(--bs-card-bg);
          border-bottom-color: var(--bs-card-bg);
      }

      .card-header-pills {
          margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
          margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
      }

      .card-img-overlay {
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          padding: var(--bs-card-img-overlay-padding);
          border-radius: var(--bs-card-inner-border-radius);
      }

      .card-img,
      .card-img-bottom,
      .card-img-top {
          width: 100%;
      }

      .card-img,
      .card-img-top {
          border-top-left-radius: var(--bs-card-inner-border-radius);
          border-top-right-radius: var(--bs-card-inner-border-radius);
      }

      .card-img,
      .card-img-bottom {
          border-bottom-right-radius: var(--bs-card-inner-border-radius);
          border-bottom-left-radius: var(--bs-card-inner-border-radius);
      }

      .card-group>.card {
          margin-bottom: var(--bs-card-group-margin);
      }

      @media (min-width: 576px) {
          .card-group {
              display: flex;
              flex-flow: row wrap;
          }

          .card-group>.card {
              flex: 1 0 0%;
              margin-bottom: 0;
          }

          .card-group>.card+.card {
              margin-left: 0;
              border-left: 0;
          }

          .card-group>.card:not(:last-child) {
              border-top-right-radius: 0;
              border-bottom-right-radius: 0;
          }

          .card-group>.card:not(:last-child) .card-header,
          .card-group>.card:not(:last-child) .card-img-top {
              border-top-right-radius: 0;
          }

          .card-group>.card:not(:last-child) .card-footer,
          .card-group>.card:not(:last-child) .card-img-bottom {
              border-bottom-right-radius: 0;
          }

          .card-group>.card:not(:first-child) {
              border-top-left-radius: 0;
              border-bottom-left-radius: 0;
          }

          .card-group>.card:not(:first-child) .card-header,
          .card-group>.card:not(:first-child) .card-img-top {
              border-top-left-radius: 0;
          }

          .card-group>.card:not(:first-child) .card-footer,
          .card-group>.card:not(:first-child) .card-img-bottom {
              border-bottom-left-radius: 0;
          }
      }

      .accordion {
          --bs-accordion-color: var(--bs-body-color);
          --bs-accordion-bg: var(--bs-body-bg);
          --bs-accordion-transition:
              color 0.15s ease-in-out, background-color 0.15s ease-in-out,
              border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out,
              border-radius 0.15s ease;
          --bs-accordion-border-color: var(--bs-border-color);
          --bs-accordion-border-width: var(--bs-border-width);
          --bs-accordion-border-radius: var(--bs-border-radius);
          --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
          --bs-accordion-btn-padding-x: 1.25rem;
          --bs-accordion-btn-padding-y: 1rem;
          --bs-accordion-btn-color: var(--bs-body-color);
          --bs-accordion-btn-bg: var(--bs-accordion-bg);
          --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
          --bs-accordion-btn-icon-width: 1.25rem;
          --bs-accordion-btn-icon-transform: rotate(-180deg);
          --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
          --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23052c65' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
          --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
          --bs-accordion-body-padding-x: 1.25rem;
          --bs-accordion-body-padding-y: 1rem;
          --bs-accordion-active-color: var(--bs-primary-text-emphasis);
          --bs-accordion-active-bg: var(--bs-primary-bg-subtle);
      }

      .accordion-button {
          position: relative;
          display: flex;
          align-items: center;
          width: 100%;
          padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
          font-size: 1rem;
          color: var(--bs-accordion-btn-color);
          text-align: left;
          background-color: var(--bs-accordion-btn-bg);
          border: 0;
          border-radius: 0;
          overflow-anchor: none;
          transition: var(--bs-accordion-transition);
      }

      @media (prefers-reduced-motion: reduce) {
          .accordion-button {
              transition: none;
          }
      }

      .accordion-button:not(.collapsed) {
          color: var(--bs-accordion-active-color);
          background-color: var(--bs-accordion-active-bg);
          box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
      }

      .accordion-button:not(.collapsed)::after {
          background-image: var(--bs-accordion-btn-active-icon);
          transform: var(--bs-accordion-btn-icon-transform);
      }

      .accordion-button::after {
          flex-shrink: 0;
          width: var(--bs-accordion-btn-icon-width);
          height: var(--bs-accordion-btn-icon-width);
          margin-left: auto;
          content: "";
          background-image: var(--bs-accordion-btn-icon);
          background-repeat: no-repeat;
          background-size: var(--bs-accordion-btn-icon-width);
          transition: var(--bs-accordion-btn-icon-transition);
      }

      @media (prefers-reduced-motion: reduce) {
          .accordion-button::after {
              transition: none;
          }
      }

      .accordion-button:hover {
          z-index: 2;
      }

      .accordion-button:focus {
          z-index: 3;
          outline: 0;
          box-shadow: var(--bs-accordion-btn-focus-box-shadow);
      }

      .accordion-header {
          margin-bottom: 0;
      }

      .accordion-item {
          color: var(--bs-accordion-color);
          background-color: var(--bs-accordion-bg);
          border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
      }

      .accordion-item:first-of-type {
          border-top-left-radius: var(--bs-accordion-border-radius);
          border-top-right-radius: var(--bs-accordion-border-radius);
      }

      .accordion-item:first-of-type>.accordion-header .accordion-button {
          border-top-left-radius: var(--bs-accordion-inner-border-radius);
          border-top-right-radius: var(--bs-accordion-inner-border-radius);
      }

      .accordion-item:not(:first-of-type) {
          border-top: 0;
      }

      .accordion-item:last-of-type {
          border-bottom-right-radius: var(--bs-accordion-border-radius);
          border-bottom-left-radius: var(--bs-accordion-border-radius);
      }

      .accordion-item:last-of-type>.accordion-header .accordion-button.collapsed {
          border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
          border-bottom-left-radius: var(--bs-accordion-inner-border-radius);
      }

      .accordion-item:last-of-type>.accordion-collapse {
          border-bottom-right-radius: var(--bs-accordion-border-radius);
          border-bottom-left-radius: var(--bs-accordion-border-radius);
      }

      .accordion-body {
          padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
      }

      .accordion-flush>.accordion-item {
          border-right: 0;
          border-left: 0;
          border-radius: 0;
      }

      .accordion-flush>.accordion-item:first-child {
          border-top: 0;
      }

      .accordion-flush>.accordion-item:last-child {
          border-bottom: 0;
      }

      .accordion-flush>.accordion-item>.accordion-header .accordion-button,
      .accordion-flush>.accordion-item>.accordion-header .accordion-button.collapsed {
          border-radius: 0;
      }

      .accordion-flush>.accordion-item>.accordion-collapse {
          border-radius: 0;
      }

      [data-bs-theme="dark"] .accordion-button::after {
          --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
          --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
      }

      .breadcrumb {
          --bs-breadcrumb-padding-x: 0;
          --bs-breadcrumb-padding-y: 0;
          --bs-breadcrumb-margin-bottom: 1rem;
          --bs-breadcrumb-bg: ;
          --bs-breadcrumb-border-radius: ;
          --bs-breadcrumb-divider-color: var(--bs-secondary-color);
          --bs-breadcrumb-item-padding-x: 0.5rem;
          --bs-breadcrumb-item-active-color: var(--bs-secondary-color);
          display: flex;
          flex-wrap: wrap;
          padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
          margin-bottom: var(--bs-breadcrumb-margin-bottom);
          font-size: var(--bs-breadcrumb-font-size);
          list-style: none;
          background-color: var(--bs-breadcrumb-bg);
          border-radius: var(--bs-breadcrumb-border-radius);
      }

      .breadcrumb-item+.breadcrumb-item {
          padding-left: var(--bs-breadcrumb-item-padding-x);
      }

      .breadcrumb-item+.breadcrumb-item::before {
          float: left;
          padding-right: var(--bs-breadcrumb-item-padding-x);
          color: var(--bs-breadcrumb-divider-color);
          content: var(--bs-breadcrumb-divider, "https://html.xpressbuddy.com/");
      }

      .breadcrumb-item.active {
          color: var(--bs-breadcrumb-item-active-color);
      }

      .pagination {
          --bs-pagination-padding-x: 0.75rem;
          --bs-pagination-padding-y: 0.375rem;
          --bs-pagination-font-size: 1rem;
          --bs-pagination-color: var(--bs-link-color);
          --bs-pagination-bg: var(--bs-body-bg);
          --bs-pagination-border-width: var(--bs-border-width);
          --bs-pagination-border-color: var(--bs-border-color);
          --bs-pagination-border-radius: var(--bs-border-radius);
          --bs-pagination-hover-color: var(--bs-link-hover-color);
          --bs-pagination-hover-bg: var(--bs-tertiary-bg);
          --bs-pagination-hover-border-color: var(--bs-border-color);
          --bs-pagination-focus-color: var(--bs-link-hover-color);
          --bs-pagination-focus-bg: var(--bs-secondary-bg);
          --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
          --bs-pagination-active-color: #fff;
          --bs-pagination-active-bg: #0d6efd;
          --bs-pagination-active-border-color: #0d6efd;
          --bs-pagination-disabled-color: var(--bs-secondary-color);
          --bs-pagination-disabled-bg: var(--bs-secondary-bg);
          --bs-pagination-disabled-border-color: var(--bs-border-color);
          display: flex;
          padding-left: 0;
          list-style: none;
      }

      .page-link {
          position: relative;
          display: block;
          padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
          font-size: var(--bs-pagination-font-size);
          color: var(--bs-pagination-color);
          text-decoration: none;
          background-color: var(--bs-pagination-bg);
          border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
          transition:
              color 0.15s ease-in-out,
              background-color 0.15s ease-in-out,
              border-color 0.15s ease-in-out,
              box-shadow 0.15s ease-in-out;
      }

      @media (prefers-reduced-motion: reduce) {
          .page-link {
              transition: none;
          }
      }

      .page-link:hover {
          z-index: 2;
          color: var(--bs-pagination-hover-color);
          background-color: var(--bs-pagination-hover-bg);
          border-color: var(--bs-pagination-hover-border-color);
      }

      .page-link:focus {
          z-index: 3;
          color: var(--bs-pagination-focus-color);
          background-color: var(--bs-pagination-focus-bg);
          outline: 0;
          box-shadow: var(--bs-pagination-focus-box-shadow);
      }

      .active>.page-link,
      .page-link.active {
          z-index: 3;
          color: var(--bs-pagination-active-color);
          background-color: var(--bs-pagination-active-bg);
          border-color: var(--bs-pagination-active-border-color);
      }

      .disabled>.page-link,
      .page-link.disabled {
          color: var(--bs-pagination-disabled-color);
          pointer-events: none;
          background-color: var(--bs-pagination-disabled-bg);
          border-color: var(--bs-pagination-disabled-border-color);
      }

      .page-item:not(:first-child) .page-link {
          margin-left: calc(var(--bs-border-width) * -1);
      }

      .page-item:first-child .page-link {
          border-top-left-radius: var(--bs-pagination-border-radius);
          border-bottom-left-radius: var(--bs-pagination-border-radius);
      }

      .page-item:last-child .page-link {
          border-top-right-radius: var(--bs-pagination-border-radius);
          border-bottom-right-radius: var(--bs-pagination-border-radius);
      }

      .pagination-lg {
          --bs-pagination-padding-x: 1.5rem;
          --bs-pagination-padding-y: 0.75rem;
          --bs-pagination-font-size: 1.25rem;
          --bs-pagination-border-radius: var(--bs-border-radius-lg);
      }

      .pagination-sm {
          --bs-pagination-padding-x: 0.5rem;
          --bs-pagination-padding-y: 0.25rem;
          --bs-pagination-font-size: 0.875rem;
          --bs-pagination-border-radius: var(--bs-border-radius-sm);
      }

      .badge {
          --bs-badge-padding-x: 0.65em;
          --bs-badge-padding-y: 0.35em;
          --bs-badge-font-size: 0.75em;
          --bs-badge-font-weight: 700;
          --bs-badge-color: #fff;
          --bs-badge-border-radius: var(--bs-border-radius);
          display: inline-block;
          padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
          font-size: var(--bs-badge-font-size);
          font-weight: var(--bs-badge-font-weight);
          line-height: 1;
          color: var(--bs-badge-color);
          text-align: center;
          white-space: nowrap;
          vertical-align: baseline;
          border-radius: var(--bs-badge-border-radius);
      }

      .badge:empty {
          display: none;
      }

      .btn .badge {
          position: relative;
          top: -1px;
      }

      .alert {
          --bs-alert-bg: transparent;
          --bs-alert-padding-x: 1rem;
          --bs-alert-padding-y: 1rem;
          --bs-alert-margin-bottom: 1rem;
          --bs-alert-color: inherit;
          --bs-alert-border-color: transparent;
          --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color);
          --bs-alert-border-radius: var(--bs-border-radius);
          --bs-alert-link-color: inherit;
          position: relative;
          padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
          margin-bottom: var(--bs-alert-margin-bottom);
          color: var(--bs-alert-color);
          background-color: var(--bs-alert-bg);
          border: var(--bs-alert-border);
          border-radius: var(--bs-alert-border-radius);
      }

      .alert-heading {
          color: inherit;
      }

      .alert-link {
          font-weight: 700;
          color: var(--bs-alert-link-color);
      }

      .alert-dismissible {
          padding-right: 3rem;
      }

      .alert-dismissible .btn-close {
          position: absolute;
          top: 0;
          right: 0;
          z-index: 2;
          padding: 1.25rem 1rem;
      }

      .alert-primary {
          --bs-alert-color: var(--bs-primary-text-emphasis);
          --bs-alert-bg: var(--bs-primary-bg-subtle);
          --bs-alert-border-color: var(--bs-primary-border-subtle);
          --bs-alert-link-color: var(--bs-primary-text-emphasis);
      }

      .alert-secondary {
          --bs-alert-color: var(--bs-secondary-text-emphasis);
          --bs-alert-bg: var(--bs-secondary-bg-subtle);
          --bs-alert-border-color: var(--bs-secondary-border-subtle);
          --bs-alert-link-color: var(--bs-secondary-text-emphasis);
      }

      .alert-success {
          --bs-alert-color: var(--bs-success-text-emphasis);
          --bs-alert-bg: var(--bs-success-bg-subtle);
          --bs-alert-border-color: var(--bs-success-border-subtle);
          --bs-alert-link-color: var(--bs-success-text-emphasis);
      }

      .alert-info {
          --bs-alert-color: var(--bs-info-text-emphasis);
          --bs-alert-bg: var(--bs-info-bg-subtle);
          --bs-alert-border-color: var(--bs-info-border-subtle);
          --bs-alert-link-color: var(--bs-info-text-emphasis);
      }

      .alert-warning {
          --bs-alert-color: var(--bs-warning-text-emphasis);
          --bs-alert-bg: var(--bs-warning-bg-subtle);
          --bs-alert-border-color: var(--bs-warning-border-subtle);
          --bs-alert-link-color: var(--bs-warning-text-emphasis);
      }

      .alert-danger {
          --bs-alert-color: var(--bs-danger-text-emphasis);
          --bs-alert-bg: var(--bs-danger-bg-subtle);
          --bs-alert-border-color: var(--bs-danger-border-subtle);
          --bs-alert-link-color: var(--bs-danger-text-emphasis);
      }

      .alert-light {
          --bs-alert-color: var(--bs-light-text-emphasis);
          --bs-alert-bg: var(--bs-light-bg-subtle);
          --bs-alert-border-color: var(--bs-light-border-subtle);
          --bs-alert-link-color: var(--bs-light-text-emphasis);
      }

      .alert-dark {
          --bs-alert-color: var(--bs-dark-text-emphasis);
          --bs-alert-bg: var(--bs-dark-bg-subtle);
          --bs-alert-border-color: var(--bs-dark-border-subtle);
          --bs-alert-link-color: var(--bs-dark-text-emphasis);
      }

      @keyframes progress-bar-stripes {
          0% {
              background-position-x: 1rem;
          }
      }

      .progress,
      .progress-stacked {
          --bs-progress-height: 1rem;
          --bs-progress-font-size: 0.75rem;
          --bs-progress-bg: var(--bs-secondary-bg);
          --bs-progress-border-radius: var(--bs-border-radius);
          --bs-progress-box-shadow: var(--bs-box-shadow-inset);
          --bs-progress-bar-color: #fff;
          --bs-progress-bar-bg: #0d6efd;
          --bs-progress-bar-transition: width 0.6s ease;
          display: flex;
          height: var(--bs-progress-height);
          overflow: hidden;
          font-size: var(--bs-progress-font-size);
          background-color: var(--bs-progress-bg);
          border-radius: var(--bs-progress-border-radius);
      }

      .progress-bar {
          display: flex;
          flex-direction: column;
          justify-content: center;
          overflow: hidden;
          color: var(--bs-progress-bar-color);
          text-align: center;
          white-space: nowrap;
          background-color: var(--bs-progress-bar-bg);
          transition: var(--bs-progress-bar-transition);
      }

      @media (prefers-reduced-motion: reduce) {
          .progress-bar {
              transition: none;
          }
      }

      .progress-bar-striped {
          background-image: linear-gradient(45deg,
                  rgba(255, 255, 255, 0.15) 25%,
                  transparent 25%,
                  transparent 50%,
                  rgba(255, 255, 255, 0.15) 50%,
                  rgba(255, 255, 255, 0.15) 75%,
                  transparent 75%,
                  transparent);
          background-size: var(--bs-progress-height) var(--bs-progress-height);
      }

      .progress-stacked>.progress {
          overflow: visible;
      }

      .progress-stacked>.progress>.progress-bar {
          width: 100%;
      }

      .progress-bar-animated {
          animation: 1s linear infinite progress-bar-stripes;
      }

      @media (prefers-reduced-motion: reduce) {
          .progress-bar-animated {
              animation: none;
          }
      }

      .list-group {
          --bs-list-group-color: var(--bs-body-color);
          --bs-list-group-bg: var(--bs-body-bg);
          --bs-list-group-border-color: var(--bs-border-color);
          --bs-list-group-border-width: var(--bs-border-width);
          --bs-list-group-border-radius: var(--bs-border-radius);
          --bs-list-group-item-padding-x: 1rem;
          --bs-list-group-item-padding-y: 0.5rem;
          --bs-list-group-action-color: var(--bs-secondary-color);
          --bs-list-group-action-hover-color: var(--bs-emphasis-color);
          --bs-list-group-action-hover-bg: var(--bs-tertiary-bg);
          --bs-list-group-action-active-color: var(--bs-body-color);
          --bs-list-group-action-active-bg: var(--bs-secondary-bg);
          --bs-list-group-disabled-color: var(--bs-secondary-color);
          --bs-list-group-disabled-bg: var(--bs-body-bg);
          --bs-list-group-active-color: #fff;
          --bs-list-group-active-bg: #0d6efd;
          --bs-list-group-active-border-color: #0d6efd;
          display: flex;
          flex-direction: column;
          padding-left: 0;
          margin-bottom: 0;
          border-radius: var(--bs-list-group-border-radius);
      }

      .list-group-numbered {
          list-style-type: none;
          counter-reset: section;
      }

      .list-group-numbered>.list-group-item::before {
          content: counters(section, ".") ". ";
          counter-increment: section;
      }

      .list-group-item-action {
          width: 100%;
          color: var(--bs-list-group-action-color);
          text-align: inherit;
      }

      .list-group-item-action:focus,
      .list-group-item-action:hover {
          z-index: 1;
          color: var(--bs-list-group-action-hover-color);
          text-decoration: none;
          background-color: var(--bs-list-group-action-hover-bg);
      }

      .list-group-item-action:active {
          color: var(--bs-list-group-action-active-color);
          background-color: var(--bs-list-group-action-active-bg);
      }

      .list-group-item {
          position: relative;
          display: block;
          padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
          color: var(--bs-list-group-color);
          text-decoration: none;
          background-color: var(--bs-list-group-bg);
          border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
      }

      .list-group-item:first-child {
          border-top-left-radius: inherit;
          border-top-right-radius: inherit;
      }

      .list-group-item:last-child {
          border-bottom-right-radius: inherit;
          border-bottom-left-radius: inherit;
      }

      .list-group-item.disabled,
      .list-group-item:disabled {
          color: var(--bs-list-group-disabled-color);
          pointer-events: none;
          background-color: var(--bs-list-group-disabled-bg);
      }

      .list-group-item.active {
          z-index: 2;
          color: var(--bs-list-group-active-color);
          background-color: var(--bs-list-group-active-bg);
          border-color: var(--bs-list-group-active-border-color);
      }

      .list-group-item+.list-group-item {
          border-top-width: 0;
      }

      .list-group-item+.list-group-item.active {
          margin-top: calc(-1 * var(--bs-list-group-border-width));
          border-top-width: var(--bs-list-group-border-width);
      }

      .list-group-horizontal {
          flex-direction: row;
      }

      .list-group-horizontal>.list-group-item:first-child:not(:last-child) {
          border-bottom-left-radius: var(--bs-list-group-border-radius);
          border-top-right-radius: 0;
      }

      .list-group-horizontal>.list-group-item:last-child:not(:first-child) {
          border-top-right-radius: var(--bs-list-group-border-radius);
          border-bottom-left-radius: 0;
      }

      .list-group-horizontal>.list-group-item.active {
          margin-top: 0;
      }

      .list-group-horizontal>.list-group-item+.list-group-item {
          border-top-width: var(--bs-list-group-border-width);
          border-left-width: 0;
      }

      .list-group-horizontal>.list-group-item+.list-group-item.active {
          margin-left: calc(-1 * var(--bs-list-group-border-width));
          border-left-width: var(--bs-list-group-border-width);
      }

      @media (min-width: 576px) {
          .list-group-horizontal-sm {
              flex-direction: row;
          }

          .list-group-horizontal-sm>.list-group-item:first-child:not(:last-child) {
              border-bottom-left-radius: var(--bs-list-group-border-radius);
              border-top-right-radius: 0;
          }

          .list-group-horizontal-sm>.list-group-item:last-child:not(:first-child) {
              border-top-right-radius: var(--bs-list-group-border-radius);
              border-bottom-left-radius: 0;
          }

          .list-group-horizontal-sm>.list-group-item.active {
              margin-top: 0;
          }

          .list-group-horizontal-sm>.list-group-item+.list-group-item {
              border-top-width: var(--bs-list-group-border-width);
              border-left-width: 0;
          }

          .list-group-horizontal-sm>.list-group-item+.list-group-item.active {
              margin-left: calc(-1 * var(--bs-list-group-border-width));
              border-left-width: var(--bs-list-group-border-width);
          }
      }

      @media (min-width: 768px) {
          .list-group-horizontal-md {
              flex-direction: row;
          }

          .list-group-horizontal-md>.list-group-item:first-child:not(:last-child) {
              border-bottom-left-radius: var(--bs-list-group-border-radius);
              border-top-right-radius: 0;
          }

          .list-group-horizontal-md>.list-group-item:last-child:not(:first-child) {
              border-top-right-radius: var(--bs-list-group-border-radius);
              border-bottom-left-radius: 0;
          }

          .list-group-horizontal-md>.list-group-item.active {
              margin-top: 0;
          }

          .list-group-horizontal-md>.list-group-item+.list-group-item {
              border-top-width: var(--bs-list-group-border-width);
              border-left-width: 0;
          }

          .list-group-horizontal-md>.list-group-item+.list-group-item.active {
              margin-left: calc(-1 * var(--bs-list-group-border-width));
              border-left-width: var(--bs-list-group-border-width);
          }
      }

      @media (min-width: 992px) {
          .list-group-horizontal-lg {
              flex-direction: row;
          }

          .list-group-horizontal-lg>.list-group-item:first-child:not(:last-child) {
              border-bottom-left-radius: var(--bs-list-group-border-radius);
              border-top-right-radius: 0;
          }

          .list-group-horizontal-lg>.list-group-item:last-child:not(:first-child) {
              border-top-right-radius: var(--bs-list-group-border-radius);
              border-bottom-left-radius: 0;
          }

          .list-group-horizontal-lg>.list-group-item.active {
              margin-top: 0;
          }

          .list-group-horizontal-lg>.list-group-item+.list-group-item {
              border-top-width: var(--bs-list-group-border-width);
              border-left-width: 0;
          }

          .list-group-horizontal-lg>.list-group-item+.list-group-item.active {
              margin-left: calc(-1 * var(--bs-list-group-border-width));
              border-left-width: var(--bs-list-group-border-width);
          }
      }

      @media (min-width: 1200px) {
          .list-group-horizontal-xl {
              flex-direction: row;
          }

          .list-group-horizontal-xl>.list-group-item:first-child:not(:last-child) {
              border-bottom-left-radius: var(--bs-list-group-border-radius);
              border-top-right-radius: 0;
          }

          .list-group-horizontal-xl>.list-group-item:last-child:not(:first-child) {
              border-top-right-radius: var(--bs-list-group-border-radius);
              border-bottom-left-radius: 0;
          }

          .list-group-horizontal-xl>.list-group-item.active {
              margin-top: 0;
          }

          .list-group-horizontal-xl>.list-group-item+.list-group-item {
              border-top-width: var(--bs-list-group-border-width);
              border-left-width: 0;
          }

          .list-group-horizontal-xl>.list-group-item+.list-group-item.active {
              margin-left: calc(-1 * var(--bs-list-group-border-width));
              border-left-width: var(--bs-list-group-border-width);
          }
      }

      @media (min-width: 1400px) {
          .list-group-horizontal-xxl {
              flex-direction: row;
          }

          .list-group-horizontal-xxl>.list-group-item:first-child:not(:last-child) {
              border-bottom-left-radius: var(--bs-list-group-border-radius);
              border-top-right-radius: 0;
          }

          .list-group-horizontal-xxl>.list-group-item:last-child:not(:first-child) {
              border-top-right-radius: var(--bs-list-group-border-radius);
              border-bottom-left-radius: 0;
          }

          .list-group-horizontal-xxl>.list-group-item.active {
              margin-top: 0;
          }

          .list-group-horizontal-xxl>.list-group-item+.list-group-item {
              border-top-width: var(--bs-list-group-border-width);
              border-left-width: 0;
          }

          .list-group-horizontal-xxl>.list-group-item+.list-group-item.active {
              margin-left: calc(-1 * var(--bs-list-group-border-width));
              border-left-width: var(--bs-list-group-border-width);
          }
      }

      .list-group-flush {
          border-radius: 0;
      }

      .list-group-flush>.list-group-item {
          border-width: 0 0 var(--bs-list-group-border-width);
      }

      .list-group-flush>.list-group-item:last-child {
          border-bottom-width: 0;
      }

      .list-group-item-primary {
          --bs-list-group-color: var(--bs-primary-text-emphasis);
          --bs-list-group-bg: var(--bs-primary-bg-subtle);
          --bs-list-group-border-color: var(--bs-primary-border-subtle);
          --bs-list-group-action-hover-color: var(--bs-emphasis-color);
          --bs-list-group-action-hover-bg: var(--bs-primary-border-subtle);
          --bs-list-group-action-active-color: var(--bs-emphasis-color);
          --bs-list-group-action-active-bg: var(--bs-primary-border-subtle);
          --bs-list-group-active-color: var(--bs-primary-bg-subtle);
          --bs-list-group-active-bg: var(--bs-primary-text-emphasis);
          --bs-list-group-active-border-color: var(--bs-primary-text-emphasis);
      }

      .list-group-item-secondary {
          --bs-list-group-color: var(--bs-secondary-text-emphasis);
          --bs-list-group-bg: var(--bs-secondary-bg-subtle);
          --bs-list-group-border-color: var(--bs-secondary-border-subtle);
          --bs-list-group-action-hover-color: var(--bs-emphasis-color);
          --bs-list-group-action-hover-bg: var(--bs-secondary-border-subtle);
          --bs-list-group-action-active-color: var(--bs-emphasis-color);
          --bs-list-group-action-active-bg: var(--bs-secondary-border-subtle);
          --bs-list-group-active-color: var(--bs-secondary-bg-subtle);
          --bs-list-group-active-bg: var(--bs-secondary-text-emphasis);
          --bs-list-group-active-border-color: var(--bs-secondary-text-emphasis);
      }

      .list-group-item-success {
          --bs-list-group-color: var(--bs-success-text-emphasis);
          --bs-list-group-bg: var(--bs-success-bg-subtle);
          --bs-list-group-border-color: var(--bs-success-border-subtle);
          --bs-list-group-action-hover-color: var(--bs-emphasis-color);
          --bs-list-group-action-hover-bg: var(--bs-success-border-subtle);
          --bs-list-group-action-active-color: var(--bs-emphasis-color);
          --bs-list-group-action-active-bg: var(--bs-success-border-subtle);
          --bs-list-group-active-color: var(--bs-success-bg-subtle);
          --bs-list-group-active-bg: var(--bs-success-text-emphasis);
          --bs-list-group-active-border-color: var(--bs-success-text-emphasis);
      }

      .list-group-item-info {
          --bs-list-group-color: var(--bs-info-text-emphasis);
          --bs-list-group-bg: var(--bs-info-bg-subtle);
          --bs-list-group-border-color: var(--bs-info-border-subtle);
          --bs-list-group-action-hover-color: var(--bs-emphasis-color);
          --bs-list-group-action-hover-bg: var(--bs-info-border-subtle);
          --bs-list-group-action-active-color: var(--bs-emphasis-color);
          --bs-list-group-action-active-bg: var(--bs-info-border-subtle);
          --bs-list-group-active-color: var(--bs-info-bg-subtle);
          --bs-list-group-active-bg: var(--bs-info-text-emphasis);
          --bs-list-group-active-border-color: var(--bs-info-text-emphasis);
      }

      .list-group-item-warning {
          --bs-list-group-color: var(--bs-warning-text-emphasis);
          --bs-list-group-bg: var(--bs-warning-bg-subtle);
          --bs-list-group-border-color: var(--bs-warning-border-subtle);
          --bs-list-group-action-hover-color: var(--bs-emphasis-color);
          --bs-list-group-action-hover-bg: var(--bs-warning-border-subtle);
          --bs-list-group-action-active-color: var(--bs-emphasis-color);
          --bs-list-group-action-active-bg: var(--bs-warning-border-subtle);
          --bs-list-group-active-color: var(--bs-warning-bg-subtle);
          --bs-list-group-active-bg: var(--bs-warning-text-emphasis);
          --bs-list-group-active-border-color: var(--bs-warning-text-emphasis);
      }

      .list-group-item-danger {
          --bs-list-group-color: var(--bs-danger-text-emphasis);
          --bs-list-group-bg: var(--bs-danger-bg-subtle);
          --bs-list-group-border-color: var(--bs-danger-border-subtle);
          --bs-list-group-action-hover-color: var(--bs-emphasis-color);
          --bs-list-group-action-hover-bg: var(--bs-danger-border-subtle);
          --bs-list-group-action-active-color: var(--bs-emphasis-color);
          --bs-list-group-action-active-bg: var(--bs-danger-border-subtle);
          --bs-list-group-active-color: var(--bs-danger-bg-subtle);
          --bs-list-group-active-bg: var(--bs-danger-text-emphasis);
          --bs-list-group-active-border-color: var(--bs-danger-text-emphasis);
      }

      .list-group-item-light {
          --bs-list-group-color: var(--bs-light-text-emphasis);
          --bs-list-group-bg: var(--bs-light-bg-subtle);
          --bs-list-group-border-color: var(--bs-light-border-subtle);
          --bs-list-group-action-hover-color: var(--bs-emphasis-color);
          --bs-list-group-action-hover-bg: var(--bs-light-border-subtle);
          --bs-list-group-action-active-color: var(--bs-emphasis-color);
          --bs-list-group-action-active-bg: var(--bs-light-border-subtle);
          --bs-list-group-active-color: var(--bs-light-bg-subtle);
          --bs-list-group-active-bg: var(--bs-light-text-emphasis);
          --bs-list-group-active-border-color: var(--bs-light-text-emphasis);
      }

      .list-group-item-dark {
          --bs-list-group-color: var(--bs-dark-text-emphasis);
          --bs-list-group-bg: var(--bs-dark-bg-subtle);
          --bs-list-group-border-color: var(--bs-dark-border-subtle);
          --bs-list-group-action-hover-color: var(--bs-emphasis-color);
          --bs-list-group-action-hover-bg: var(--bs-dark-border-subtle);
          --bs-list-group-action-active-color: var(--bs-emphasis-color);
          --bs-list-group-action-active-bg: var(--bs-dark-border-subtle);
          --bs-list-group-active-color: var(--bs-dark-bg-subtle);
          --bs-list-group-active-bg: var(--bs-dark-text-emphasis);
          --bs-list-group-active-border-color: var(--bs-dark-text-emphasis);
      }

      .btn-close {
          --bs-btn-close-color: #000;
          --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
          --bs-btn-close-opacity: 0.5;
          --bs-btn-close-hover-opacity: 0.75;
          --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
          --bs-btn-close-focus-opacity: 1;
          --bs-btn-close-disabled-opacity: 0.25;
          --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
          box-sizing: content-box;
          width: 1em;
          height: 1em;
          padding: 0.25em 0.25em;
          color: var(--bs-btn-close-color);
          background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
          border: 0;
          border-radius: 0.375rem;
          opacity: var(--bs-btn-close-opacity);
      }

      .btn-close:hover {
          color: var(--bs-btn-close-color);
          text-decoration: none;
          opacity: var(--bs-btn-close-hover-opacity);
      }

      .btn-close:focus {
          outline: 0;
          box-shadow: var(--bs-btn-close-focus-shadow);
          opacity: var(--bs-btn-close-focus-opacity);
      }

      .btn-close.disabled,
      .btn-close:disabled {
          pointer-events: none;
          -webkit-user-select: none;
          -moz-user-select: none;
          user-select: none;
          opacity: var(--bs-btn-close-disabled-opacity);
      }

      .btn-close-white {
          filter: var(--bs-btn-close-white-filter);
      }

      [data-bs-theme="dark"] .btn-close {
          filter: var(--bs-btn-close-white-filter);
      }

      .toast {
          --bs-toast-zindex: 1090;
          --bs-toast-padding-x: 0.75rem;
          --bs-toast-padding-y: 0.5rem;
          --bs-toast-spacing: 1.5rem;
          --bs-toast-max-width: 350px;
          --bs-toast-font-size: 0.875rem;
          --bs-toast-color: ;
          --bs-toast-bg: rgba(var(--bs-body-bg-rgb), 0.85);
          --bs-toast-border-width: var(--bs-border-width);
          --bs-toast-border-color: var(--bs-border-color-translucent);
          --bs-toast-border-radius: var(--bs-border-radius);
          --bs-toast-box-shadow: var(--bs-box-shadow);
          --bs-toast-header-color: var(--bs-secondary-color);
          --bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), 0.85);
          --bs-toast-header-border-color: var(--bs-border-color-translucent);
          width: var(--bs-toast-max-width);
          max-width: 100%;
          font-size: var(--bs-toast-font-size);
          color: var(--bs-toast-color);
          pointer-events: auto;
          background-color: var(--bs-toast-bg);
          background-clip: padding-box;
          border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
          box-shadow: var(--bs-toast-box-shadow);
          border-radius: var(--bs-toast-border-radius);
      }

      .toast.showing {
          opacity: 0;
      }

      .toast:not(.show) {
          display: none;
      }

      .toast-container {
          --bs-toast-zindex: 1090;
          position: absolute;
          z-index: var(--bs-toast-zindex);
          width: -webkit-max-content;
          width: -moz-max-content;
          width: max-content;
          max-width: 100%;
          pointer-events: none;
      }

      .toast-container> :not(:last-child) {
          margin-bottom: var(--bs-toast-spacing);
      }

      .toast-header {
          display: flex;
          align-items: center;
          padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x);
          color: var(--bs-toast-header-color);
          background-color: var(--bs-toast-header-bg);
          background-clip: padding-box;
          border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);
          border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
          border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
      }

      .toast-header .btn-close {
          margin-right: calc(-0.5 * var(--bs-toast-padding-x));
          margin-left: var(--bs-toast-padding-x);
      }

      .toast-body {
          padding: var(--bs-toast-padding-x);
          word-wrap: break-word;
      }

      .modal {
          --bs-modal-zindex: 1055;
          --bs-modal-width: 500px;
          --bs-modal-padding: 1rem;
          --bs-modal-margin: 0.5rem;
          --bs-modal-color: ;
          --bs-modal-bg: var(--bs-body-bg);
          --bs-modal-border-color: var(--bs-border-color-translucent);
          --bs-modal-border-width: var(--bs-border-width);
          --bs-modal-border-radius: var(--bs-border-radius-lg);
          --bs-modal-box-shadow: var(--bs-box-shadow-sm);
          --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));
          --bs-modal-header-padding-x: 1rem;
          --bs-modal-header-padding-y: 1rem;
          --bs-modal-header-padding: 1rem 1rem;
          --bs-modal-header-border-color: var(--bs-border-color);
          --bs-modal-header-border-width: var(--bs-border-width);
          --bs-modal-title-line-height: 1.5;
          --bs-modal-footer-gap: 0.5rem;
          --bs-modal-footer-bg: ;
          --bs-modal-footer-border-color: var(--bs-border-color);
          --bs-modal-footer-border-width: var(--bs-border-width);
          position: fixed;
          top: 0;
          left: 0;
          z-index: var(--bs-modal-zindex);
          display: none;
          width: 100%;
          height: 100%;
          overflow-x: hidden;
          overflow-y: auto;
          outline: 0;
      }

      .modal-dialog {
          position: relative;
          width: auto;
          margin: var(--bs-modal-margin);
          pointer-events: none;
      }

      .modal.fade .modal-dialog {
          transition: transform 0.3s ease-out;
          transform: translate(0, -50px);
      }

      @media (prefers-reduced-motion: reduce) {
          .modal.fade .modal-dialog {
              transition: none;
          }
      }

      .modal.show .modal-dialog {
          transform: none;
      }

      .modal.modal-static .modal-dialog {
          transform: scale(1.02);
      }

      .modal-dialog-scrollable {
          height: calc(100% - var(--bs-modal-margin) * 2);
      }

      .modal-dialog-scrollable .modal-content {
          max-height: 100%;
          overflow: hidden;
      }

      .modal-dialog-scrollable .modal-body {
          overflow-y: auto;
      }

      .modal-dialog-centered {
          display: flex;
          align-items: center;
          min-height: calc(100% - var(--bs-modal-margin) * 2);
      }

      .modal-content {
          position: relative;
          display: flex;
          flex-direction: column;
          width: 100%;
          color: var(--bs-modal-color);
          pointer-events: auto;
          background-color: var(--bs-modal-bg);
          background-clip: padding-box;
          border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
          border-radius: var(--bs-modal-border-radius);
          outline: 0;
      }

      .modal-backdrop {
          --bs-backdrop-zindex: 1050;
          --bs-backdrop-bg: #000;
          --bs-backdrop-opacity: 0.5;
          position: fixed;
          top: 0;
          left: 0;
          z-index: var(--bs-backdrop-zindex);
          width: 100vw;
          height: 100vh;
          background-color: var(--bs-backdrop-bg);
      }

      .modal-backdrop.fade {
          opacity: 0;
      }

      .modal-backdrop.show {
          opacity: var(--bs-backdrop-opacity);
      }

      .modal-header {
          display: flex;
          flex-shrink: 0;
          align-items: center;
          padding: var(--bs-modal-header-padding);
          border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
          border-top-left-radius: var(--bs-modal-inner-border-radius);
          border-top-right-radius: var(--bs-modal-inner-border-radius);
      }

      .modal-header .btn-close {
          padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5);
          margin: calc(-0.5 * var(--bs-modal-header-padding-y)) calc(-0.5 * var(--bs-modal-header-padding-x)) calc(-0.5 * var(--bs-modal-header-padding-y)) auto;
      }

      .modal-title {
          margin-bottom: 0;
          line-height: var(--bs-modal-title-line-height);
      }

      .modal-body {
          position: relative;
          flex: 1 1 auto;
          padding: var(--bs-modal-padding);
      }

      .modal-footer {
          display: flex;
          flex-shrink: 0;
          flex-wrap: wrap;
          align-items: center;
          justify-content: flex-end;
          padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5);
          background-color: var(--bs-modal-footer-bg);
          border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
          border-bottom-right-radius: var(--bs-modal-inner-border-radius);
          border-bottom-left-radius: var(--bs-modal-inner-border-radius);
      }

      .modal-footer>* {
          margin: calc(var(--bs-modal-footer-gap) * 0.5);
      }

      @media (min-width: 576px) {
          .modal {
              --bs-modal-margin: 1.75rem;
              --bs-modal-box-shadow: var(--bs-box-shadow);
          }

          .modal-dialog {
              max-width: var(--bs-modal-width);
              margin-right: auto;
              margin-left: auto;
          }

          .modal-sm {
              --bs-modal-width: 300px;
          }
      }

      @media (min-width: 992px) {

          .modal-lg,
          .modal-xl {
              --bs-modal-width: 800px;
          }
      }

      @media (min-width: 1200px) {
          .modal-xl {
              --bs-modal-width: 1140px;
          }
      }

      .modal-fullscreen {
          width: 100vw;
          max-width: none;
          height: 100%;
          margin: 0;
      }

      .modal-fullscreen .modal-content {
          height: 100%;
          border: 0;
          border-radius: 0;
      }

      .modal-fullscreen .modal-footer,
      .modal-fullscreen .modal-header {
          border-radius: 0;
      }

      .modal-fullscreen .modal-body {
          overflow-y: auto;
      }

      @media (max-width: 575.98px) {
          .modal-fullscreen-sm-down {
              width: 100vw;
              max-width: none;
              height: 100%;
              margin: 0;
          }

          .modal-fullscreen-sm-down .modal-content {
              height: 100%;
              border: 0;
              border-radius: 0;
          }

          .modal-fullscreen-sm-down .modal-footer,
          .modal-fullscreen-sm-down .modal-header {
              border-radius: 0;
          }

          .modal-fullscreen-sm-down .modal-body {
              overflow-y: auto;
          }
      }

      @media (max-width: 767.98px) {
          .modal-fullscreen-md-down {
              width: 100vw;
              max-width: none;
              height: 100%;
              margin: 0;
          }

          .modal-fullscreen-md-down .modal-content {
              height: 100%;
              border: 0;
              border-radius: 0;
          }

          .modal-fullscreen-md-down .modal-footer,
          .modal-fullscreen-md-down .modal-header {
              border-radius: 0;
          }

          .modal-fullscreen-md-down .modal-body {
              overflow-y: auto;
          }
      }

      @media (max-width: 991.98px) {
          .modal-fullscreen-lg-down {
              width: 100vw;
              max-width: none;
              height: 100%;
              margin: 0;
          }

          .modal-fullscreen-lg-down .modal-content {
              height: 100%;
              border: 0;
              border-radius: 0;
          }

          .modal-fullscreen-lg-down .modal-footer,
          .modal-fullscreen-lg-down .modal-header {
              border-radius: 0;
          }

          .modal-fullscreen-lg-down .modal-body {
              overflow-y: auto;
          }
      }

      @media (max-width: 1199.98px) {
          .modal-fullscreen-xl-down {
              width: 100vw;
              max-width: none;
              height: 100%;
              margin: 0;
          }

          .modal-fullscreen-xl-down .modal-content {
              height: 100%;
              border: 0;
              border-radius: 0;
          }

          .modal-fullscreen-xl-down .modal-footer,
          .modal-fullscreen-xl-down .modal-header {
              border-radius: 0;
          }

          .modal-fullscreen-xl-down .modal-body {
              overflow-y: auto;
          }
      }

      @media (max-width: 1399.98px) {
          .modal-fullscreen-xxl-down {
              width: 100vw;
              max-width: none;
              height: 100%;
              margin: 0;
          }

          .modal-fullscreen-xxl-down .modal-content {
              height: 100%;
              border: 0;
              border-radius: 0;
          }

          .modal-fullscreen-xxl-down .modal-footer,
          .modal-fullscreen-xxl-down .modal-header {
              border-radius: 0;
          }

          .modal-fullscreen-xxl-down .modal-body {
              overflow-y: auto;
          }
      }

      .tooltip {
          --bs-tooltip-zindex: 1080;
          --bs-tooltip-max-width: 200px;
          --bs-tooltip-padding-x: 0.5rem;
          --bs-tooltip-padding-y: 0.25rem;
          --bs-tooltip-margin: ;
          --bs-tooltip-font-size: 0.875rem;
          --bs-tooltip-color: var(--bs-body-bg);
          --bs-tooltip-bg: var(--bs-emphasis-color);
          --bs-tooltip-border-radius: var(--bs-border-radius);
          --bs-tooltip-opacity: 0.9;
          --bs-tooltip-arrow-width: 0.8rem;
          --bs-tooltip-arrow-height: 0.4rem;
          z-index: var(--bs-tooltip-zindex);
          display: block;
          margin: var(--bs-tooltip-margin);
          font-family: var(--bs-font-sans-serif);
          font-style: normal;
          font-weight: 400;
          line-height: 1.5;
          text-align: left;
          text-align: start;
          text-decoration: none;
          text-shadow: none;
          text-transform: none;
          letter-spacing: normal;
          word-break: normal;
          white-space: normal;
          word-spacing: normal;
          line-break: auto;
          font-size: var(--bs-tooltip-font-size);
          word-wrap: break-word;
          opacity: 0;
      }

      .tooltip.show {
          opacity: var(--bs-tooltip-opacity);
      }

      .tooltip .tooltip-arrow {
          display: block;
          width: var(--bs-tooltip-arrow-width);
          height: var(--bs-tooltip-arrow-height);
      }

      .tooltip .tooltip-arrow::before {
          position: absolute;
          content: "";
          border-color: transparent;
          border-style: solid;
      }

      .bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow,
      .bs-tooltip-top .tooltip-arrow {
          bottom: calc(-1 * var(--bs-tooltip-arrow-height));
      }

      .bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before,
      .bs-tooltip-top .tooltip-arrow::before {
          top: -1px;
          border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
          border-top-color: var(--bs-tooltip-bg);
      }

      .bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow,
      .bs-tooltip-end .tooltip-arrow {
          left: calc(-1 * var(--bs-tooltip-arrow-height));
          width: var(--bs-tooltip-arrow-height);
          height: var(--bs-tooltip-arrow-width);
      }

      .bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before,
      .bs-tooltip-end .tooltip-arrow::before {
          right: -1px;
          border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
          border-right-color: var(--bs-tooltip-bg);
      }

      .bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow,
      .bs-tooltip-bottom .tooltip-arrow {
          top: calc(-1 * var(--bs-tooltip-arrow-height));
      }

      .bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before,
      .bs-tooltip-bottom .tooltip-arrow::before {
          bottom: -1px;
          border-width: 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
          border-bottom-color: var(--bs-tooltip-bg);
      }

      .bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow,
      .bs-tooltip-start .tooltip-arrow {
          right: calc(-1 * var(--bs-tooltip-arrow-height));
          width: var(--bs-tooltip-arrow-height);
          height: var(--bs-tooltip-arrow-width);
      }

      .bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before,
      .bs-tooltip-start .tooltip-arrow::before {
          left: -1px;
          border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
          border-left-color: var(--bs-tooltip-bg);
      }

      .tooltip-inner {
          max-width: var(--bs-tooltip-max-width);
          padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
          color: var(--bs-tooltip-color);
          text-align: center;
          background-color: var(--bs-tooltip-bg);
          border-radius: var(--bs-tooltip-border-radius);
      }

      .popover {
          --bs-popover-zindex: 1070;
          --bs-popover-max-width: 276px;
          --bs-popover-font-size: 0.875rem;
          --bs-popover-bg: var(--bs-body-bg);
          --bs-popover-border-width: var(--bs-border-width);
          --bs-popover-border-color: var(--bs-border-color-translucent);
          --bs-popover-border-radius: var(--bs-border-radius-lg);
          --bs-popover-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width));
          --bs-popover-box-shadow: var(--bs-box-shadow);
          --bs-popover-header-padding-x: 1rem;
          --bs-popover-header-padding-y: 0.5rem;
          --bs-popover-header-font-size: 1rem;
          --bs-popover-header-color: inherit;
          --bs-popover-header-bg: var(--bs-secondary-bg);
          --bs-popover-body-padding-x: 1rem;
          --bs-popover-body-padding-y: 1rem;
          --bs-popover-body-color: var(--bs-body-color);
          --bs-popover-arrow-width: 1rem;
          --bs-popover-arrow-height: 0.5rem;
          --bs-popover-arrow-border: var(--bs-popover-border-color);
          z-index: var(--bs-popover-zindex);
          display: block;
          max-width: var(--bs-popover-max-width);
          font-family: var(--bs-font-sans-serif);
          font-style: normal;
          font-weight: 400;
          line-height: 1.5;
          text-align: left;
          text-align: start;
          text-decoration: none;
          text-shadow: none;
          text-transform: none;
          letter-spacing: normal;
          word-break: normal;
          white-space: normal;
          word-spacing: normal;
          line-break: auto;
          font-size: var(--bs-popover-font-size);
          word-wrap: break-word;
          background-color: var(--bs-popover-bg);
          background-clip: padding-box;
          border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
          border-radius: var(--bs-popover-border-radius);
      }

      .popover .popover-arrow {
          display: block;
          width: var(--bs-popover-arrow-width);
          height: var(--bs-popover-arrow-height);
      }

      .popover .popover-arrow::after,
      .popover .popover-arrow::before {
          position: absolute;
          display: block;
          content: "";
          border-color: transparent;
          border-style: solid;
          border-width: 0;
      }

      .bs-popover-auto[data-popper-placement^="top"]>.popover-arrow,
      .bs-popover-top>.popover-arrow {
          bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
      }

      .bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::after,
      .bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::before,
      .bs-popover-top>.popover-arrow::after,
      .bs-popover-top>.popover-arrow::before {
          border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0;
      }

      .bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::before,
      .bs-popover-top>.popover-arrow::before {
          bottom: 0;
          border-top-color: var(--bs-popover-arrow-border);
      }

      .bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::after,
      .bs-popover-top>.popover-arrow::after {
          bottom: var(--bs-popover-border-width);
          border-top-color: var(--bs-popover-bg);
      }

      .bs-popover-auto[data-popper-placement^="right"]>.popover-arrow,
      .bs-popover-end>.popover-arrow {
          left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
          width: var(--bs-popover-arrow-height);
          height: var(--bs-popover-arrow-width);
      }

      .bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::after,
      .bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::before,
      .bs-popover-end>.popover-arrow::after,
      .bs-popover-end>.popover-arrow::before {
          border-width: calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0;
      }

      .bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::before,
      .bs-popover-end>.popover-arrow::before {
          left: 0;
          border-right-color: var(--bs-popover-arrow-border);
      }

      .bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::after,
      .bs-popover-end>.popover-arrow::after {
          left: var(--bs-popover-border-width);
          border-right-color: var(--bs-popover-bg);
      }

      .bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow,
      .bs-popover-bottom>.popover-arrow {
          top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
      }

      .bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow::after,
      .bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow::before,
      .bs-popover-bottom>.popover-arrow::after,
      .bs-popover-bottom>.popover-arrow::before {
          border-width: 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height);
      }

      .bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow::before,
      .bs-popover-bottom>.popover-arrow::before {
          top: 0;
          border-bottom-color: var(--bs-popover-arrow-border);
      }

      .bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow::after,
      .bs-popover-bottom>.popover-arrow::after {
          top: var(--bs-popover-border-width);
          border-bottom-color: var(--bs-popover-bg);
      }

      .bs-popover-auto[data-popper-placement^="bottom"] .popover-header::before,
      .bs-popover-bottom .popover-header::before {
          position: absolute;
          top: 0;
          left: 50%;
          display: block;
          width: var(--bs-popover-arrow-width);
          margin-left: calc(-0.5 * var(--bs-popover-arrow-width));
          content: "";
          border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg);
      }

      .bs-popover-auto[data-popper-placement^="left"]>.popover-arrow,
      .bs-popover-start>.popover-arrow {
          right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
          width: var(--bs-popover-arrow-height);
          height: var(--bs-popover-arrow-width);
      }

      .bs-popover-auto[data-popper-placement^="left"]>.popover-arrow::after,
      .bs-popover-auto[data-popper-placement^="left"]>.popover-arrow::before,
      .bs-popover-start>.popover-arrow::after,
      .bs-popover-start>.popover-arrow::before {
          border-width: calc(var(--bs-popover-arrow-width) * 0.5) 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height);
      }

      .bs-popover-auto[data-popper-placement^="left"]>.popover-arrow::before,
      .bs-popover-start>.popover-arrow::before {
          right: 0;
          border-left-color: var(--bs-popover-arrow-border);
      }

      .bs-popover-auto[data-popper-placement^="left"]>.popover-arrow::after,
      .bs-popover-start>.popover-arrow::after {
          right: var(--bs-popover-border-width);
          border-left-color: var(--bs-popover-bg);
      }

      .popover-header {
          padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
          margin-bottom: 0;
          font-size: var(--bs-popover-header-font-size);
          color: var(--bs-popover-header-color);
          background-color: var(--bs-popover-header-bg);
          border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
          border-top-left-radius: var(--bs-popover-inner-border-radius);
          border-top-right-radius: var(--bs-popover-inner-border-radius);
      }

      .popover-header:empty {
          display: none;
      }

      .popover-body {
          padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
          color: var(--bs-popover-body-color);
      }

      .carousel {
          position: relative;
      }

      .carousel.pointer-event {
          touch-action: pan-y;
      }

      .carousel-inner {
          position: relative;
          width: 100%;
          overflow: hidden;
      }

      .carousel-inner::after {
          display: block;
          clear: both;
          content: "";
      }

      .carousel-item {
          position: relative;
          display: none;
          float: left;
          width: 100%;
          margin-right: -100%;
          -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
          transition: transform 0.6s ease-in-out;
      }

      @media (prefers-reduced-motion: reduce) {
          .carousel-item {
              transition: none;
          }
      }

      .carousel-item-next,
      .carousel-item-prev,
      .carousel-item.active {
          display: block;
      }

      .active.carousel-item-end,
      .carousel-item-next:not(.carousel-item-start) {
          transform: translateX(100%);
      }

      .active.carousel-item-start,
      .carousel-item-prev:not(.carousel-item-end) {
          transform: translateX(-100%);
      }

      .carousel-fade .carousel-item {
          opacity: 0;
          transition-property: opacity;
          transform: none;
      }

      .carousel-fade .carousel-item-next.carousel-item-start,
      .carousel-fade .carousel-item-prev.carousel-item-end,
      .carousel-fade .carousel-item.active {
          z-index: 1;
          opacity: 1;
      }

      .carousel-fade .active.carousel-item-end,
      .carousel-fade .active.carousel-item-start {
          z-index: 0;
          opacity: 0;
          transition: opacity 0s 0.6s;
      }

      @media (prefers-reduced-motion: reduce) {

          .carousel-fade .active.carousel-item-end,
          .carousel-fade .active.carousel-item-start {
              transition: none;
          }
      }

      .carousel-control-next,
      .carousel-control-prev {
          position: absolute;
          top: 0;
          bottom: 0;
          z-index: 1;
          display: flex;
          align-items: center;
          justify-content: center;
          width: 15%;
          padding: 0;
          color: #fff;
          text-align: center;
          background: 0 0;
          border: 0;
          opacity: 0.5;
          transition: opacity 0.15s ease;
      }

      @media (prefers-reduced-motion: reduce) {

          .carousel-control-next,
          .carousel-control-prev {
              transition: none;
          }
      }

      .carousel-control-next:focus,
      .carousel-control-next:hover,
      .carousel-control-prev:focus,
      .carousel-control-prev:hover {
          color: #fff;
          text-decoration: none;
          outline: 0;
          opacity: 0.9;
      }

      .carousel-control-prev {
          left: 0;
      }

      .carousel-control-next {
          right: 0;
      }

      .carousel-control-next-icon,
      .carousel-control-prev-icon {
          display: inline-block;
          width: 2rem;
          height: 2rem;
          background-repeat: no-repeat;
          background-position: 50%;
          background-size: 100% 100%;
      }

      .carousel-control-prev-icon {
          background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
      }

      .carousel-control-next-icon {
          background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
      }

      .carousel-indicators {
          position: absolute;
          right: 0;
          bottom: 0;
          left: 0;
          z-index: 2;
          display: flex;
          justify-content: center;
          padding: 0;
          margin-right: 15%;
          margin-bottom: 1rem;
          margin-left: 15%;
      }

      .carousel-indicators [data-bs-target] {
          box-sizing: content-box;
          flex: 0 1 auto;
          width: 30px;
          height: 3px;
          padding: 0;
          margin-right: 3px;
          margin-left: 3px;
          text-indent: -999px;
          cursor: pointer;
          background-color: #fff;
          background-clip: padding-box;
          border: 0;
          border-top: 10px solid transparent;
          border-bottom: 10px solid transparent;
          opacity: 0.5;
          transition: opacity 0.6s ease;
      }

      @media (prefers-reduced-motion: reduce) {
          .carousel-indicators [data-bs-target] {
              transition: none;
          }
      }

      .carousel-indicators .active {
          opacity: 1;
      }

      .carousel-caption {
          position: absolute;
          right: 15%;
          bottom: 1.25rem;
          left: 15%;
          padding-top: 1.25rem;
          padding-bottom: 1.25rem;
          color: #fff;
          text-align: center;
      }

      .carousel-dark .carousel-control-next-icon,
      .carousel-dark .carousel-control-prev-icon {
          filter: invert(1) grayscale(100);
      }

      .carousel-dark .carousel-indicators [data-bs-target] {
          background-color: #000;
      }

      .carousel-dark .carousel-caption {
          color: #000;
      }

      [data-bs-theme="dark"] .carousel .carousel-control-next-icon,
      [data-bs-theme="dark"] .carousel .carousel-control-prev-icon,
      [data-bs-theme="dark"].carousel .carousel-control-next-icon,
      [data-bs-theme="dark"].carousel .carousel-control-prev-icon {
          filter: invert(1) grayscale(100);
      }

      [data-bs-theme="dark"] .carousel .carousel-indicators [data-bs-target],
      [data-bs-theme="dark"].carousel .carousel-indicators [data-bs-target] {
          background-color: #000;
      }

      [data-bs-theme="dark"] .carousel .carousel-caption,
      [data-bs-theme="dark"].carousel .carousel-caption {
          color: #000;
      }

      .spinner-border,
      .spinner-grow {
          display: inline-block;
          width: var(--bs-spinner-width);
          height: var(--bs-spinner-height);
          vertical-align: var(--bs-spinner-vertical-align);
          border-radius: 50%;
          animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);
      }

      @keyframes spinner-border {
          to {
              transform: rotate(360deg);
          }
      }

      .spinner-border {
          --bs-spinner-width: 2rem;
          --bs-spinner-height: 2rem;
          --bs-spinner-vertical-align: -0.125em;
          --bs-spinner-border-width: 0.25em;
          --bs-spinner-animation-speed: 0.75s;
          --bs-spinner-animation-name: spinner-border;
          border: var(--bs-spinner-border-width) solid currentcolor;
          border-right-color: transparent;
      }

      .spinner-border-sm {
          --bs-spinner-width: 1rem;
          --bs-spinner-height: 1rem;
          --bs-spinner-border-width: 0.2em;
      }

      @keyframes spinner-grow {
          0% {
              transform: scale(0);
          }

          50% {
              opacity: 1;
              transform: none;
          }
      }

      .spinner-grow {
          --bs-spinner-width: 2rem;
          --bs-spinner-height: 2rem;
          --bs-spinner-vertical-align: -0.125em;
          --bs-spinner-animation-speed: 0.75s;
          --bs-spinner-animation-name: spinner-grow;
          background-color: currentcolor;
          opacity: 0;
      }

      .spinner-grow-sm {
          --bs-spinner-width: 1rem;
          --bs-spinner-height: 1rem;
      }

      @media (prefers-reduced-motion: reduce) {

          .spinner-border,
          .spinner-grow {
              --bs-spinner-animation-speed: 1.5s;
          }
      }

      .offcanvas,
      .offcanvas-lg,
      .offcanvas-md,
      .offcanvas-sm,
      .offcanvas-xl,
      .offcanvas-xxl {
          --bs-offcanvas-zindex: 1045;
          --bs-offcanvas-width: 400px;
          --bs-offcanvas-height: 30vh;
          --bs-offcanvas-padding-x: 1rem;
          --bs-offcanvas-padding-y: 1rem;
          --bs-offcanvas-color: var(--bs-body-color);
          --bs-offcanvas-bg: var(--bs-body-bg);
          --bs-offcanvas-border-width: var(--bs-border-width);
          --bs-offcanvas-border-color: var(--bs-border-color-translucent);
          --bs-offcanvas-box-shadow: var(--bs-box-shadow-sm);
          --bs-offcanvas-transition: transform 0.3s ease-in-out;
          --bs-offcanvas-title-line-height: 1.5;
      }

      @media (max-width: 575.98px) {
          .offcanvas-sm {
              position: fixed;
              bottom: 0;
              z-index: var(--bs-offcanvas-zindex);
              display: flex;
              flex-direction: column;
              max-width: 100%;
              color: var(--bs-offcanvas-color);
              visibility: hidden;
              background-color: var(--bs-offcanvas-bg);
              background-clip: padding-box;
              outline: 0;
              transition: var(--bs-offcanvas-transition);
          }
      }

      @media (max-width: 575.98px) and (prefers-reduced-motion: reduce) {
          .offcanvas-sm {
              transition: none;
          }
      }

      @media (max-width: 575.98px) {
          .offcanvas-sm.offcanvas-start {
              top: 0;
              left: 0;
              width: var(--bs-offcanvas-width);
              border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
              transform: translateX(-100%);
          }

          .offcanvas-sm.offcanvas-end {
              top: 0;
              right: 0;
              width: var(--bs-offcanvas-width);
              border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
              transform: translateX(100%);
          }

          .offcanvas-sm.offcanvas-top {
              top: 0;
              right: 0;
              left: 0;
              height: var(--bs-offcanvas-height);
              max-height: 100%;
              border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
              transform: translateY(-100%);
          }

          .offcanvas-sm.offcanvas-bottom {
              right: 0;
              left: 0;
              height: var(--bs-offcanvas-height);
              max-height: 100%;
              border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
              transform: translateY(100%);
          }

          .offcanvas-sm.show:not(.hiding),
          .offcanvas-sm.showing {
              transform: none;
          }

          .offcanvas-sm.hiding,
          .offcanvas-sm.show,
          .offcanvas-sm.showing {
              visibility: visible;
          }
      }

      @media (min-width: 576px) {
          .offcanvas-sm {
              --bs-offcanvas-height: auto;
              --bs-offcanvas-border-width: 0;
              background-color: transparent !important;
          }

          .offcanvas-sm .offcanvas-header {
              display: none;
          }

          .offcanvas-sm .offcanvas-body {
              display: flex;
              flex-grow: 0;
              padding: 0;
              overflow-y: visible;
              background-color: transparent !important;
          }
      }

      @media (max-width: 767.98px) {
          .offcanvas-md {
              position: fixed;
              bottom: 0;
              z-index: var(--bs-offcanvas-zindex);
              display: flex;
              flex-direction: column;
              max-width: 100%;
              color: var(--bs-offcanvas-color);
              visibility: hidden;
              background-color: var(--bs-offcanvas-bg);
              background-clip: padding-box;
              outline: 0;
              transition: var(--bs-offcanvas-transition);
          }
      }

      @media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
          .offcanvas-md {
              transition: none;
          }
      }

      @media (max-width: 767.98px) {
          .offcanvas-md.offcanvas-start {
              top: 0;
              left: 0;
              width: var(--bs-offcanvas-width);
              border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
              transform: translateX(-100%);
          }

          .offcanvas-md.offcanvas-end {
              top: 0;
              right: 0;
              width: var(--bs-offcanvas-width);
              border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
              transform: translateX(100%);
          }

          .offcanvas-md.offcanvas-top {
              top: 0;
              right: 0;
              left: 0;
              height: var(--bs-offcanvas-height);
              max-height: 100%;
              border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
              transform: translateY(-100%);
          }

          .offcanvas-md.offcanvas-bottom {
              right: 0;
              left: 0;
              height: var(--bs-offcanvas-height);
              max-height: 100%;
              border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
              transform: translateY(100%);
          }

          .offcanvas-md.show:not(.hiding),
          .offcanvas-md.showing {
              transform: none;
          }

          .offcanvas-md.hiding,
          .offcanvas-md.show,
          .offcanvas-md.showing {
              visibility: visible;
          }
      }

      @media (min-width: 768px) {
          .offcanvas-md {
              --bs-offcanvas-height: auto;
              --bs-offcanvas-border-width: 0;
              background-color: transparent !important;
          }

          .offcanvas-md .offcanvas-header {
              display: none;
          }

          .offcanvas-md .offcanvas-body {
              display: flex;
              flex-grow: 0;
              padding: 0;
              overflow-y: visible;
              background-color: transparent !important;
          }
      }

      @media (max-width: 991.98px) {
          .offcanvas-lg {
              position: fixed;
              bottom: 0;
              z-index: var(--bs-offcanvas-zindex);
              display: flex;
              flex-direction: column;
              max-width: 100%;
              color: var(--bs-offcanvas-color);
              visibility: hidden;
              background-color: var(--bs-offcanvas-bg);
              background-clip: padding-box;
              outline: 0;
              transition: var(--bs-offcanvas-transition);
          }
      }

      @media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
          .offcanvas-lg {
              transition: none;
          }
      }

      @media (max-width: 991.98px) {
          .offcanvas-lg.offcanvas-start {
              top: 0;
              left: 0;
              width: var(--bs-offcanvas-width);
              border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
              transform: translateX(-100%);
          }

          .offcanvas-lg.offcanvas-end {
              top: 0;
              right: 0;
              width: var(--bs-offcanvas-width);
              border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
              transform: translateX(100%);
          }

          .offcanvas-lg.offcanvas-top {
              top: 0;
              right: 0;
              left: 0;
              height: var(--bs-offcanvas-height);
              max-height: 100%;
              border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
              transform: translateY(-100%);
          }

          .offcanvas-lg.offcanvas-bottom {
              right: 0;
              left: 0;
              height: var(--bs-offcanvas-height);
              max-height: 100%;
              border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
              transform: translateY(100%);
          }

          .offcanvas-lg.show:not(.hiding),
          .offcanvas-lg.showing {
              transform: none;
          }

          .offcanvas-lg.hiding,
          .offcanvas-lg.show,
          .offcanvas-lg.showing {
              visibility: visible;
          }
      }

      @media (min-width: 992px) {
          .offcanvas-lg {
              --bs-offcanvas-height: auto;
              --bs-offcanvas-border-width: 0;
              background-color: transparent !important;
          }

          .offcanvas-lg .offcanvas-header {
              display: none;
          }

          .offcanvas-lg .offcanvas-body {
              display: flex;
              flex-grow: 0;
              padding: 0;
              overflow-y: visible;
              background-color: transparent !important;
          }
      }

      @media (max-width: 1199.98px) {
          .offcanvas-xl {
              position: fixed;
              bottom: 0;
              z-index: var(--bs-offcanvas-zindex);
              display: flex;
              flex-direction: column;
              max-width: 100%;
              color: var(--bs-offcanvas-color);
              visibility: hidden;
              background-color: var(--bs-offcanvas-bg);
              background-clip: padding-box;
              outline: 0;
              transition: var(--bs-offcanvas-transition);
          }
      }

      @media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) {
          .offcanvas-xl {
              transition: none;
          }
      }

      @media (max-width: 1199.98px) {
          .offcanvas-xl.offcanvas-start {
              top: 0;
              left: 0;
              width: var(--bs-offcanvas-width);
              border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
              transform: translateX(-100%);
          }

          .offcanvas-xl.offcanvas-end {
              top: 0;
              right: 0;
              width: var(--bs-offcanvas-width);
              border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
              transform: translateX(100%);
          }

          .offcanvas-xl.offcanvas-top {
              top: 0;
              right: 0;
              left: 0;
              height: var(--bs-offcanvas-height);
              max-height: 100%;
              border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
              transform: translateY(-100%);
          }

          .offcanvas-xl.offcanvas-bottom {
              right: 0;
              left: 0;
              height: var(--bs-offcanvas-height);
              max-height: 100%;
              border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
              transform: translateY(100%);
          }

          .offcanvas-xl.show:not(.hiding),
          .offcanvas-xl.showing {
              transform: none;
          }

          .offcanvas-xl.hiding,
          .offcanvas-xl.show,
          .offcanvas-xl.showing {
              visibility: visible;
          }
      }

      @media (min-width: 1200px) {
          .offcanvas-xl {
              --bs-offcanvas-height: auto;
              --bs-offcanvas-border-width: 0;
              background-color: transparent !important;
          }

          .offcanvas-xl .offcanvas-header {
              display: none;
          }

          .offcanvas-xl .offcanvas-body {
              display: flex;
              flex-grow: 0;
              padding: 0;
              overflow-y: visible;
              background-color: transparent !important;
          }
      }

      @media (max-width: 1399.98px) {
          .offcanvas-xxl {
              position: fixed;
              bottom: 0;
              z-index: var(--bs-offcanvas-zindex);
              display: flex;
              flex-direction: column;
              max-width: 100%;
              color: var(--bs-offcanvas-color);
              visibility: hidden;
              background-color: var(--bs-offcanvas-bg);
              background-clip: padding-box;
              outline: 0;
              transition: var(--bs-offcanvas-transition);
          }
      }

      @media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) {
          .offcanvas-xxl {
              transition: none;
          }
      }

      @media (max-width: 1399.98px) {
          .offcanvas-xxl.offcanvas-start {
              top: 0;
              left: 0;
              width: var(--bs-offcanvas-width);
              border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
              transform: translateX(-100%);
          }

          .offcanvas-xxl.offcanvas-end {
              top: 0;
              right: 0;
              width: var(--bs-offcanvas-width);
              border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
              transform: translateX(100%);
          }

          .offcanvas-xxl.offcanvas-top {
              top: 0;
              right: 0;
              left: 0;
              height: var(--bs-offcanvas-height);
              max-height: 100%;
              border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
              transform: translateY(-100%);
          }

          .offcanvas-xxl.offcanvas-bottom {
              right: 0;
              left: 0;
              height: var(--bs-offcanvas-height);
              max-height: 100%;
              border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
              transform: translateY(100%);
          }

          .offcanvas-xxl.show:not(.hiding),
          .offcanvas-xxl.showing {
              transform: none;
          }

          .offcanvas-xxl.hiding,
          .offcanvas-xxl.show,
          .offcanvas-xxl.showing {
              visibility: visible;
          }
      }

      @media (min-width: 1400px) {
          .offcanvas-xxl {
              --bs-offcanvas-height: auto;
              --bs-offcanvas-border-width: 0;
              background-color: transparent !important;
          }

          .offcanvas-xxl .offcanvas-header {
              display: none;
          }

          .offcanvas-xxl .offcanvas-body {
              display: flex;
              flex-grow: 0;
              padding: 0;
              overflow-y: visible;
              background-color: transparent !important;
          }
      }

      .offcanvas {
          position: fixed;
          bottom: 0;
          z-index: var(--bs-offcanvas-zindex);
          display: flex;
          flex-direction: column;
          max-width: 100%;
          color: var(--bs-offcanvas-color);
          visibility: hidden;
          background-color: var(--bs-offcanvas-bg);
          background-clip: padding-box;
          outline: 0;
          transition: var(--bs-offcanvas-transition);
      }

      @media (prefers-reduced-motion: reduce) {
          .offcanvas {
              transition: none;
          }
      }

      .offcanvas.offcanvas-start {
          top: 0;
          left: 0;
          width: var(--bs-offcanvas-width);
          border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
          transform: translateX(-100%);
      }

      .offcanvas.offcanvas-end {
          top: 0;
          right: 0;
          width: var(--bs-offcanvas-width);
          border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
          transform: translateX(100%);
      }

      .offcanvas.offcanvas-top {
          top: 0;
          right: 0;
          left: 0;
          height: var(--bs-offcanvas-height);
          max-height: 100%;
          border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
          transform: translateY(-100%);
      }

      .offcanvas.offcanvas-bottom {
          right: 0;
          left: 0;
          height: var(--bs-offcanvas-height);
          max-height: 100%;
          border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
          transform: translateY(100%);
      }

      .offcanvas.show:not(.hiding),
      .offcanvas.showing {
          transform: none;
      }

      .offcanvas.hiding,
      .offcanvas.show,
      .offcanvas.showing {
          visibility: visible;
      }

      .offcanvas-backdrop {
          position: fixed;
          top: 0;
          left: 0;
          z-index: 1040;
          width: 100vw;
          height: 100vh;
          background-color: #000;
      }

      .offcanvas-backdrop.fade {
          opacity: 0;
      }

      .offcanvas-backdrop.show {
          opacity: 0.5;
      }

      .offcanvas-header {
          display: flex;
          align-items: center;
          padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
      }

      .offcanvas-header .btn-close {
          padding: calc(var(--bs-offcanvas-padding-y) * 0.5) calc(var(--bs-offcanvas-padding-x) * 0.5);
          margin: calc(-0.5 * var(--bs-offcanvas-padding-y)) calc(-0.5 * var(--bs-offcanvas-padding-x)) calc(-0.5 * var(--bs-offcanvas-padding-y)) auto;
      }

      .offcanvas-title {
          margin-bottom: 0;
          line-height: var(--bs-offcanvas-title-line-height);
      }

      .offcanvas-body {
          flex-grow: 1;
          padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
          overflow-y: auto;
      }

      .placeholder {
          display: inline-block;
          min-height: 1em;
          vertical-align: middle;
          cursor: wait;
          background-color: currentcolor;
          opacity: 0.5;
      }

      .placeholder.btn::before {
          display: inline-block;
          content: "";
      }

      .placeholder-xs {
          min-height: 0.6em;
      }

      .placeholder-sm {
          min-height: 0.8em;
      }

      .placeholder-lg {
          min-height: 1.2em;
      }

      .placeholder-glow .placeholder {
          animation: placeholder-glow 2s ease-in-out infinite;
      }

      @keyframes placeholder-glow {
          50% {
              opacity: 0.2;
          }
      }

      .placeholder-wave {
          -webkit-mask-image: linear-gradient(130deg,
                  #000 55%,
                  rgba(0, 0, 0, 0.8) 75%,
                  #000 95%);
          mask-image: linear-gradient(130deg,
                  #000 55%,
                  rgba(0, 0, 0, 0.8) 75%,
                  #000 95%);
          -webkit-mask-size: 200% 100%;
          mask-size: 200% 100%;
          animation: placeholder-wave 2s linear infinite;
      }

      @keyframes placeholder-wave {
          100% {
              -webkit-mask-position: -200% 0%;
              mask-position: -200% 0%;
          }
      }

      .clearfix::after {
          display: block;
          clear: both;
          content: "";
      }

      .text-bg-primary {
          color: #fff !important;
          background-color: RGBA(var(--bs-primary-rgb),
                  var(--bs-bg-opacity, 1)) !important;
      }

      .text-bg-secondary {
          color: #fff !important;
          background-color: RGBA(var(--bs-secondary-rgb),
                  var(--bs-bg-opacity, 1)) !important;
      }

      .text-bg-success {
          color: #fff !important;
          background-color: RGBA(var(--bs-success-rgb),
                  var(--bs-bg-opacity, 1)) !important;
      }

      .text-bg-info {
          color: #000 !important;
          background-color: RGBA(var(--bs-info-rgb),
                  var(--bs-bg-opacity, 1)) !important;
      }

      .text-bg-warning {
          color: #000 !important;
          background-color: RGBA(var(--bs-warning-rgb),
                  var(--bs-bg-opacity, 1)) !important;
      }

      .text-bg-danger {
          color: #fff !important;
          background-color: RGBA(var(--bs-danger-rgb),
                  var(--bs-bg-opacity, 1)) !important;
      }

      .text-bg-light {
          color: #000 !important;
          background-color: RGBA(var(--bs-light-rgb),
                  var(--bs-bg-opacity, 1)) !important;
      }

      .text-bg-dark {
          color: #fff !important;
          background-color: RGBA(var(--bs-dark-rgb),
                  var(--bs-bg-opacity, 1)) !important;
      }

      .link-primary {
          color: RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important;
          -webkit-text-decoration-color: RGBA(var(--bs-primary-rgb),
                  var(--bs-link-underline-opacity, 1)) !important;
          text-decoration-color: RGBA(var(--bs-primary-rgb),
                  var(--bs-link-underline-opacity, 1)) !important;
      }

      .link-primary:focus,
      .link-primary:hover {
          color: RGBA(10, 88, 202, var(--bs-link-opacity, 1)) !important;
          -webkit-text-decoration-color: RGBA(10,
                  88,
                  202,
                  var(--bs-link-underline-opacity, 1)) !important;
          text-decoration-color: RGBA(10,
                  88,
                  202,
                  var(--bs-link-underline-opacity, 1)) !important;
      }

      .link-secondary {
          color: RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important;
          -webkit-text-decoration-color: RGBA(var(--bs-secondary-rgb),
                  var(--bs-link-underline-opacity, 1)) !important;
          text-decoration-color: RGBA(var(--bs-secondary-rgb),
                  var(--bs-link-underline-opacity, 1)) !important;
      }

      .link-secondary:focus,
      .link-secondary:hover {
          color: RGBA(86, 94, 100, var(--bs-link-opacity, 1)) !important;
          -webkit-text-decoration-color: RGBA(86,
                  94,
                  100,
                  var(--bs-link-underline-opacity, 1)) !important;
          text-decoration-color: RGBA(86,
                  94,
                  100,
                  var(--bs-link-underline-opacity, 1)) !important;
      }

      .link-success {
          color: RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important;
          -webkit-text-decoration-color: RGBA(var(--bs-success-rgb),
                  var(--bs-link-underline-opacity, 1)) !important;
          text-decoration-color: RGBA(var(--bs-success-rgb),
                  var(--bs-link-underline-opacity, 1)) !important;
      }

      .link-success:focus,
      .link-success:hover {
          color: RGBA(20, 108, 67, var(--bs-link-opacity, 1)) !important;
          -webkit-text-decoration-color: RGBA(20,
                  108,
                  67,
                  var(--bs-link-underline-opacity, 1)) !important;
          text-decoration-color: RGBA(20,
                  108,
                  67,
                  var(--bs-link-underline-opacity, 1)) !important;
      }

      .link-info {
          color: RGBA(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important;
          -webkit-text-decoration-color: RGBA(var(--bs-info-rgb),
                  var(--bs-link-underline-opacity, 1)) !important;
          text-decoration-color: RGBA(var(--bs-info-rgb),
                  var(--bs-link-underline-opacity, 1)) !important;
      }

      .link-info:focus,
      .link-info:hover {
          color: RGBA(61, 213, 243, var(--bs-link-opacity, 1)) !important;
          -webkit-text-decoration-color: RGBA(61,
                  213,
                  243,
                  var(--bs-link-underline-opacity, 1)) !important;
          text-decoration-color: RGBA(61,
                  213,
                  243,
                  var(--bs-link-underline-opacity, 1)) !important;
      }

      .link-warning {
          color: RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important;
          -webkit-text-decoration-color: RGBA(var(--bs-warning-rgb),
                  var(--bs-link-underline-opacity, 1)) !important;
          text-decoration-color: RGBA(var(--bs-warning-rgb),
                  var(--bs-link-underline-opacity, 1)) !important;
      }

      .link-warning:focus,
      .link-warning:hover {
          color: RGBA(255, 205, 57, var(--bs-link-opacity, 1)) !important;
          -webkit-text-decoration-color: RGBA(255,
                  205,
                  57,
                  var(--bs-link-underline-opacity, 1)) !important;
          text-decoration-color: RGBA(255,
                  205,
                  57,
                  var(--bs-link-underline-opacity, 1)) !important;
      }

      .link-danger {
          color: RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important;
          -webkit-text-decoration-color: RGBA(var(--bs-danger-rgb),
                  var(--bs-link-underline-opacity, 1)) !important;
          text-decoration-color: RGBA(var(--bs-danger-rgb),
                  var(--bs-link-underline-opacity, 1)) !important;
      }

      .link-danger:focus,
      .link-danger:hover {
          color: RGBA(176, 42, 55, var(--bs-link-opacity, 1)) !important;
          -webkit-text-decoration-color: RGBA(176,
                  42,
                  55,
                  var(--bs-link-underline-opacity, 1)) !important;
          text-decoration-color: RGBA(176,
                  42,
                  55,
                  var(--bs-link-underline-opacity, 1)) !important;
      }

      .link-light {
          color: RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important;
          -webkit-text-decoration-color: RGBA(var(--bs-light-rgb),
                  var(--bs-link-underline-opacity, 1)) !important;
          text-decoration-color: RGBA(var(--bs-light-rgb),
                  var(--bs-link-underline-opacity, 1)) !important;
      }

      .link-light:focus,
      .link-light:hover {
          color: RGBA(249, 250, 251, var(--bs-link-opacity, 1)) !important;
          -webkit-text-decoration-color: RGBA(249,
                  250,
                  251,
                  var(--bs-link-underline-opacity, 1)) !important;
          text-decoration-color: RGBA(249,
                  250,
                  251,
                  var(--bs-link-underline-opacity, 1)) !important;
      }

      .link-dark {
          color: RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important;
          -webkit-text-decoration-color: RGBA(var(--bs-dark-rgb),
                  var(--bs-link-underline-opacity, 1)) !important;
          text-decoration-color: RGBA(var(--bs-dark-rgb),
                  var(--bs-link-underline-opacity, 1)) !important;
      }

      .link-dark:focus,
      .link-dark:hover {
          color: RGBA(26, 30, 33, var(--bs-link-opacity, 1)) !important;
          -webkit-text-decoration-color: RGBA(26,
                  30,
                  33,
                  var(--bs-link-underline-opacity, 1)) !important;
          text-decoration-color: RGBA(26,
                  30,
                  33,
                  var(--bs-link-underline-opacity, 1)) !important;
      }

      .link-body-emphasis {
          color: RGBA(var(--bs-emphasis-color-rgb),
                  var(--bs-link-opacity, 1)) !important;
          -webkit-text-decoration-color: RGBA(var(--bs-emphasis-color-rgb),
                  var(--bs-link-underline-opacity, 1)) !important;
          text-decoration-color: RGBA(var(--bs-emphasis-color-rgb),
                  var(--bs-link-underline-opacity, 1)) !important;
      }

      .link-body-emphasis:focus,
      .link-body-emphasis:hover {
          color: RGBA(var(--bs-emphasis-color-rgb),
                  var(--bs-link-opacity, 0.75)) !important;
          -webkit-text-decoration-color: RGBA(var(--bs-emphasis-color-rgb),
                  var(--bs-link-underline-opacity, 0.75)) !important;
          text-decoration-color: RGBA(var(--bs-emphasis-color-rgb),
                  var(--bs-link-underline-opacity, 0.75)) !important;
      }

      .focus-ring:focus {
          outline: 0;
          box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color);
      }

      .icon-link {
          display: inline-flex;
          gap: 0.375rem;
          align-items: center;
          -webkit-text-decoration-color: rgba(var(--bs-link-color-rgb),
                  var(--bs-link-opacity, 0.5));
          text-decoration-color: rgba(var(--bs-link-color-rgb),
                  var(--bs-link-opacity, 0.5));
          text-underline-offset: 0.25em;
          -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
      }

      .icon-link>.bi {
          flex-shrink: 0;
          width: 1em;
          height: 1em;
          fill: currentcolor;
          transition: 0.2s ease-in-out transform;
      }

      @media (prefers-reduced-motion: reduce) {
          .icon-link>.bi {
              transition: none;
          }
      }

      .icon-link-hover:focus-visible>.bi,
      .icon-link-hover:hover>.bi {
          transform: var(--bs-icon-link-transform, translate3d(0.25em, 0, 0));
      }

      .ratio {
          position: relative;
          width: 100%;
      }

      .ratio::before {
          display: block;
          padding-top: var(--bs-aspect-ratio);
          content: "";
      }

      .ratio>* {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
      }

      .ratio-1x1 {
          --bs-aspect-ratio: 100%;
      }

      .ratio-4x3 {
          --bs-aspect-ratio: 75%;
      }

      .ratio-16x9 {
          --bs-aspect-ratio: 56.25%;
      }

      .ratio-21x9 {
          --bs-aspect-ratio: 42.8571428571%;
      }

      .fixed-top {
          position: fixed;
          top: 0;
          right: 0;
          left: 0;
          z-index: 1030;
      }

      .fixed-bottom {
          position: fixed;
          right: 0;
          bottom: 0;
          left: 0;
          z-index: 1030;
      }

      .sticky-top {
          position: -webkit-sticky;
          position: sticky;
          top: 0;
          z-index: 1020;
      }

      .sticky-bottom {
          position: -webkit-sticky;
          position: sticky;
          bottom: 0;
          z-index: 1020;
      }

      @media (min-width: 576px) {
          .sticky-sm-top {
              position: -webkit-sticky;
              position: sticky;
              top: 0;
              z-index: 1020;
          }

          .sticky-sm-bottom {
              position: -webkit-sticky;
              position: sticky;
              bottom: 0;
              z-index: 1020;
          }
      }

      @media (min-width: 768px) {
          .sticky-md-top {
              position: -webkit-sticky;
              position: sticky;
              top: 0;
              z-index: 1020;
          }

          .sticky-md-bottom {
              position: -webkit-sticky;
              position: sticky;
              bottom: 0;
              z-index: 1020;
          }
      }

      @media (min-width: 992px) {
          .sticky-lg-top {
              position: -webkit-sticky;
              position: sticky;
              top: 0;
              z-index: 1020;
          }

          .sticky-lg-bottom {
              position: -webkit-sticky;
              position: sticky;
              bottom: 0;
              z-index: 1020;
          }
      }

      @media (min-width: 1200px) {
          .sticky-xl-top {
              position: -webkit-sticky;
              position: sticky;
              top: 0;
              z-index: 1020;
          }

          .sticky-xl-bottom {
              position: -webkit-sticky;
              position: sticky;
              bottom: 0;
              z-index: 1020;
          }
      }

      @media (min-width: 1400px) {
          .sticky-xxl-top {
              position: -webkit-sticky;
              position: sticky;
              top: 0;
              z-index: 1020;
          }

          .sticky-xxl-bottom {
              position: -webkit-sticky;
              position: sticky;
              bottom: 0;
              z-index: 1020;
          }
      }

      .hstack {
          display: flex;
          flex-direction: row;
          align-items: center;
          align-self: stretch;
      }

      .vstack {
          display: flex;
          flex: 1 1 auto;
          flex-direction: column;
          align-self: stretch;
      }

      .visually-hidden,
      .visually-hidden-focusable:not(:focus):not(:focus-within) {
          width: 1px !important;
          height: 1px !important;
          padding: 0 !important;
          margin: -1px !important;
          overflow: hidden !important;
          clip: rect(0, 0, 0, 0) !important;
          white-space: nowrap !important;
          border: 0 !important;
      }

      .visually-hidden-focusable:not(:focus):not(:focus-within):not(caption),
      .visually-hidden:not(caption) {
          position: absolute !important;
      }

      .stretched-link::after {
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          z-index: 1;
          content: "";
      }

      .text-truncate {
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
      }

      .vr {
          display: inline-block;
          align-self: stretch;
          width: var(--bs-border-width);
          min-height: 1em;
          background-color: currentcolor;
          opacity: 0.25;
      }

      .align-baseline {
          vertical-align: baseline !important;
      }

      .align-top {
          vertical-align: top !important;
      }

      .align-middle {
          vertical-align: middle !important;
      }

      .align-bottom {
          vertical-align: bottom !important;
      }

      .align-text-bottom {
          vertical-align: text-bottom !important;
      }

      .align-text-top {
          vertical-align: text-top !important;
      }

      .float-start {
          float: left !important;
      }

      .float-end {
          float: right !important;
      }

      .float-none {
          float: none !important;
      }

      .object-fit-contain {
          -o-object-fit: contain !important;
          object-fit: contain !important;
      }

      .object-fit-cover {
          -o-object-fit: cover !important;
          object-fit: cover !important;
      }

      .object-fit-fill {
          -o-object-fit: fill !important;
          object-fit: fill !important;
      }

      .object-fit-scale {
          -o-object-fit: scale-down !important;
          object-fit: scale-down !important;
      }

      .object-fit-none {
          -o-object-fit: none !important;
          object-fit: none !important;
      }

      .opacity-0 {
          opacity: 0 !important;
      }

      .opacity-25 {
          opacity: 0.25 !important;
      }

      .opacity-50 {
          opacity: 0.5 !important;
      }

      .opacity-75 {
          opacity: 0.75 !important;
      }

      .opacity-100 {
          opacity: 1 !important;
      }

      .overflow-auto {
          overflow: auto !important;
      }

      .overflow-hidden {
          overflow: hidden !important;
      }

      .overflow-visible {
          overflow: visible !important;
      }

      .overflow-scroll {
          overflow: scroll !important;
      }

      .overflow-x-auto {
          overflow-x: auto !important;
      }

      .overflow-x-hidden {
          overflow-x: hidden !important;
      }

      .overflow-x-visible {
          overflow-x: visible !important;
      }

      .overflow-x-scroll {
          overflow-x: scroll !important;
      }

      .overflow-y-auto {
          overflow-y: auto !important;
      }

      .overflow-y-hidden {
          overflow-y: hidden !important;
      }

      .overflow-y-visible {
          overflow-y: visible !important;
      }

      .overflow-y-scroll {
          overflow-y: scroll !important;
      }

      .d-inline {
          display: inline !important;
      }

      .d-inline-block {
          display: inline-block !important;
      }

      .d-block {
          display: block !important;
      }

      .d-grid {
          display: grid !important;
      }

      .d-inline-grid {
          display: inline-grid !important;
      }

      .d-table {
          display: table !important;
      }

      .d-table-row {
          display: table-row !important;
      }

      .d-table-cell {
          display: table-cell !important;
      }

      .d-flex {
          display: flex !important;
      }

      .d-inline-flex {
          display: inline-flex !important;
      }

      .d-none {
          display: none !important;
      }

      .shadow {
          box-shadow: var(--bs-box-shadow) !important;
      }

      .shadow-sm {
          box-shadow: var(--bs-box-shadow-sm) !important;
      }

      .shadow-lg {
          box-shadow: var(--bs-box-shadow-lg) !important;
      }

      .shadow-none {
          box-shadow: none !important;
      }

      .focus-ring-primary {
          --bs-focus-ring-color: rgba(var(--bs-primary-rgb),
                  var(--bs-focus-ring-opacity));
      }

      .focus-ring-secondary {
          --bs-focus-ring-color: rgba(var(--bs-secondary-rgb),
                  var(--bs-focus-ring-opacity));
      }

      .focus-ring-success {
          --bs-focus-ring-color: rgba(var(--bs-success-rgb),
                  var(--bs-focus-ring-opacity));
      }

      .focus-ring-info {
          --bs-focus-ring-color: rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity));
      }

      .focus-ring-warning {
          --bs-focus-ring-color: rgba(var(--bs-warning-rgb),
                  var(--bs-focus-ring-opacity));
      }

      .focus-ring-danger {
          --bs-focus-ring-color: rgba(var(--bs-danger-rgb),
                  var(--bs-focus-ring-opacity));
      }

      .focus-ring-light {
          --bs-focus-ring-color: rgba(var(--bs-light-rgb),
                  var(--bs-focus-ring-opacity));
      }

      .focus-ring-dark {
          --bs-focus-ring-color: rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity));
      }

      .position-static {
          position: static !important;
      }

      .position-relative {
          position: relative !important;
      }

      .position-absolute {
          position: absolute !important;
      }

      .position-fixed {
          position: fixed !important;
      }

      .position-sticky {
          position: -webkit-sticky !important;
          position: sticky !important;
      }

      .top-0 {
          top: 0 !important;
      }

      .top-50 {
          top: 50% !important;
      }

      .top-100 {
          top: 100% !important;
      }

      .bottom-0 {
          bottom: 0 !important;
      }

      .bottom-50 {
          bottom: 50% !important;
      }

      .bottom-100 {
          bottom: 100% !important;
      }

      .start-0 {
          left: 0 !important;
      }

      .start-50 {
          left: 50% !important;
      }

      .start-100 {
          left: 100% !important;
      }

      .end-0 {
          right: 0 !important;
      }

      .end-50 {
          right: 50% !important;
      }

      .end-100 {
          right: 100% !important;
      }

      .translate-middle {
          transform: translate(-50%, -50%) !important;
      }

      .translate-middle-x {
          transform: translateX(-50%) !important;
      }

      .translate-middle-y {
          transform: translateY(-50%) !important;
      }

      .border {
          border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
      }

      .border-0 {
          border: 0 !important;
      }

      .border-top {
          border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
      }

      .border-top-0 {
          border-top: 0 !important;
      }

      .border-end {
          border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
      }

      .border-end-0 {
          border-right: 0 !important;
      }

      .border-bottom {
          border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
      }

      .border-bottom-0 {
          border-bottom: 0 !important;
      }

      .border-start {
          border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
      }

      .border-start-0 {
          border-left: 0 !important;
      }

      .border-primary {
          --bs-border-opacity: 1;
          border-color: rgba(var(--bs-primary-rgb),
                  var(--bs-border-opacity)) !important;
      }

      .border-secondary {
          --bs-border-opacity: 1;
          border-color: rgba(var(--bs-secondary-rgb),
                  var(--bs-border-opacity)) !important;
      }

      .border-success {
          --bs-border-opacity: 1;
          border-color: rgba(var(--bs-success-rgb),
                  var(--bs-border-opacity)) !important;
      }

      .border-info {
          --bs-border-opacity: 1;
          border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important;
      }

      .border-warning {
          --bs-border-opacity: 1;
          border-color: rgba(var(--bs-warning-rgb),
                  var(--bs-border-opacity)) !important;
      }

      .border-danger {
          --bs-border-opacity: 1;
          border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important;
      }

      .border-light {
          --bs-border-opacity: 1;
          border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important;
      }

      .border-dark {
          --bs-border-opacity: 1;
          border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important;
      }

      .border-black {
          --bs-border-opacity: 1;
          border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important;
      }

      .border-white {
          --bs-border-opacity: 1;
          border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important;
      }

      .border-primary-subtle {
          border-color: var(--bs-primary-border-subtle) !important;
      }

      .border-secondary-subtle {
          border-color: var(--bs-secondary-border-subtle) !important;
      }

      .border-success-subtle {
          border-color: var(--bs-success-border-subtle) !important;
      }

      .border-info-subtle {
          border-color: var(--bs-info-border-subtle) !important;
      }

      .border-warning-subtle {
          border-color: var(--bs-warning-border-subtle) !important;
      }

      .border-danger-subtle {
          border-color: var(--bs-danger-border-subtle) !important;
      }

      .border-light-subtle {
          border-color: var(--bs-light-border-subtle) !important;
      }

      .border-dark-subtle {
          border-color: var(--bs-dark-border-subtle) !important;
      }

      .border-1 {
          border-width: 1px !important;
      }

      .border-2 {
          border-width: 2px !important;
      }

      .border-3 {
          border-width: 3px !important;
      }

      .border-4 {
          border-width: 4px !important;
      }

      .border-5 {
          border-width: 5px !important;
      }

      .border-opacity-10 {
          --bs-border-opacity: 0.1;
      }

      .border-opacity-25 {
          --bs-border-opacity: 0.25;
      }

      .border-opacity-50 {
          --bs-border-opacity: 0.5;
      }

      .border-opacity-75 {
          --bs-border-opacity: 0.75;
      }

      .border-opacity-100 {
          --bs-border-opacity: 1;
      }

      .w-25 {
          width: 25% !important;
      }

      .w-50 {
          width: 50% !important;
      }

      .w-75 {
          width: 75% !important;
      }

      .w-100 {
          width: 100% !important;
      }

      .w-auto {
          width: auto !important;
      }

      .mw-100 {
          max-width: 100% !important;
      }

      .vw-100 {
          width: 100vw !important;
      }

      .min-vw-100 {
          min-width: 100vw !important;
      }

      .h-25 {
          height: 25% !important;
      }

      .h-50 {
          height: 50% !important;
      }

      .h-75 {
          height: 75% !important;
      }

      .h-100 {
          height: 100% !important;
      }

      .h-auto {
          height: auto !important;
      }

      .mh-100 {
          max-height: 100% !important;
      }

      .vh-100 {
          height: 100vh !important;
      }

      .min-vh-100 {
          min-height: 100vh !important;
      }

      .flex-fill {
          flex: 1 1 auto !important;
      }

      .flex-row {
          flex-direction: row !important;
      }

      .flex-column {
          flex-direction: column !important;
      }

      .flex-row-reverse {
          flex-direction: row-reverse !important;
      }

      .flex-column-reverse {
          flex-direction: column-reverse !important;
      }

      .flex-grow-0 {
          flex-grow: 0 !important;
      }

      .flex-grow-1 {
          flex-grow: 1 !important;
      }

      .flex-shrink-0 {
          flex-shrink: 0 !important;
      }

      .flex-shrink-1 {
          flex-shrink: 1 !important;
      }

      .flex-wrap {
          flex-wrap: wrap !important;
      }

      .flex-nowrap {
          flex-wrap: nowrap !important;
      }

      .flex-wrap-reverse {
          flex-wrap: wrap-reverse !important;
      }

      .justify-content-start {
          justify-content: flex-start !important;
      }

      .justify-content-end {
          justify-content: flex-end !important;
      }

      .justify-content-center {
          justify-content: center !important;
      }

      .justify-content-between {
          justify-content: space-between !important;
      }

      .justify-content-around {
          justify-content: space-around !important;
      }

      .justify-content-evenly {
          justify-content: space-evenly !important;
      }

      .align-items-start {
          align-items: flex-start !important;
      }

      .align-items-end {
          align-items: flex-end !important;
      }

      .align-items-center {
          align-items: center !important;
      }

      .align-items-baseline {
          align-items: baseline !important;
      }

      .align-items-stretch {
          align-items: stretch !important;
      }

      .align-content-start {
          align-content: flex-start !important;
      }

      .align-content-end {
          align-content: flex-end !important;
      }

      .align-content-center {
          align-content: center !important;
      }

      .align-content-between {
          align-content: space-between !important;
      }

      .align-content-around {
          align-content: space-around !important;
      }

      .align-content-stretch {
          align-content: stretch !important;
      }

      .align-self-auto {
          align-self: auto !important;
      }

      .align-self-start {
          align-self: flex-start !important;
      }

      .align-self-end {
          align-self: flex-end !important;
      }

      .align-self-center {
          align-self: center !important;
      }

      .align-self-baseline {
          align-self: baseline !important;
      }

      .align-self-stretch {
          align-self: stretch !important;
      }

      .order-first {
          order: -1 !important;
      }

      .order-0 {
          order: 0 !important;
      }

      .order-1 {
          order: 1 !important;
      }

      .order-2 {
          order: 2 !important;
      }

      .order-3 {
          order: 3 !important;
      }

      .order-4 {
          order: 4 !important;
      }

      .order-5 {
          order: 5 !important;
      }

      .order-last {
          order: 6 !important;
      }

      .m-0 {
          margin: 0 !important;
      }

      .m-1 {
          margin: 0.25rem !important;
      }

      .m-2 {
          margin: 0.5rem !important;
      }

      .m-3 {
          margin: 1rem !important;
      }

      .m-4 {
          margin: 1.5rem !important;
      }

      .m-5 {
          margin: 3rem !important;
      }

      .m-auto {
          margin: auto !important;
      }

      .mx-0 {
          margin-right: 0 !important;
          margin-left: 0 !important;
      }

      .mx-1 {
          margin-right: 0.25rem !important;
          margin-left: 0.25rem !important;
      }

      .mx-2 {
          margin-right: 0.5rem !important;
          margin-left: 0.5rem !important;
      }

      .mx-3 {
          margin-right: 1rem !important;
          margin-left: 1rem !important;
      }

      .mx-4 {
          margin-right: 1.5rem !important;
          margin-left: 1.5rem !important;
      }

      .mx-5 {
          margin-right: 3rem !important;
          margin-left: 3rem !important;
      }

      .mx-auto {
          margin-right: auto !important;
          margin-left: auto !important;
      }

      .my-0 {
          margin-top: 0 !important;
          margin-bottom: 0 !important;
      }

      .my-1 {
          margin-top: 0.25rem !important;
          margin-bottom: 0.25rem !important;
      }

      .my-2 {
          margin-top: 0.5rem !important;
          margin-bottom: 0.5rem !important;
      }

      .my-3 {
          margin-top: 1rem !important;
          margin-bottom: 1rem !important;
      }

      .my-4 {
          margin-top: 1.5rem !important;
          margin-bottom: 1.5rem !important;
      }

      .my-5 {
          margin-top: 3rem !important;
          margin-bottom: 3rem !important;
      }

      .my-auto {
          margin-top: auto !important;
          margin-bottom: auto !important;
      }

      .mt-0 {
          margin-top: 0 !important;
      }

      .mt-1 {
          margin-top: 0.25rem !important;
      }

      .mt-2 {
          margin-top: 0.5rem !important;
      }

      .mt-3 {
          margin-top: 1rem !important;
      }

      .mt-4 {
          margin-top: 1.5rem !important;
      }

      .mt-5 {
          margin-top: 3rem !important;
      }

      .mt-auto {
          margin-top: auto !important;
      }

      .me-0 {
          margin-right: 0 !important;
      }

      .me-1 {
          margin-right: 0.25rem !important;
      }

      .me-2 {
          margin-right: 0.5rem !important;
      }

      .me-3 {
          margin-right: 1rem !important;
      }

      .me-4 {
          margin-right: 1.5rem !important;
      }

      .me-5 {
          margin-right: 3rem !important;
      }

      .me-auto {
          margin-right: auto !important;
      }

      .mb-0 {
          margin-bottom: 0 !important;
      }

      .mb-1 {
          margin-bottom: 0.25rem !important;
      }

      .mb-2 {
          margin-bottom: 0.5rem !important;
      }

      .mb-3 {
          margin-bottom: 1rem !important;
      }

      .mb-4 {
          margin-bottom: 1.5rem !important;
      }

      .mb-5 {
          margin-bottom: 3rem !important;
      }

      .mb-auto {
          margin-bottom: auto !important;
      }

      .ms-0 {
          margin-left: 0 !important;
      }

      .ms-1 {
          margin-left: 0.25rem !important;
      }

      .ms-2 {
          margin-left: 0.5rem !important;
      }

      .ms-3 {
          margin-left: 1rem !important;
      }

      .ms-4 {
          margin-left: 1.5rem !important;
      }

      .ms-5 {
          margin-left: 3rem !important;
      }

      .ms-auto {
          margin-left: auto !important;
      }

      .p-0 {
          padding: 0 !important;
      }

      .p-1 {
          padding: 0.25rem !important;
      }

      .p-2 {
          padding: 0.5rem !important;
      }

      .p-3 {
          padding: 1rem !important;
      }

      .p-4 {
          padding: 1.5rem !important;
      }

      .p-5 {
          padding: 3rem !important;
      }

      .px-0 {
          padding-right: 0 !important;
          padding-left: 0 !important;
      }

      .px-1 {
          padding-right: 0.25rem !important;
          padding-left: 0.25rem !important;
      }

      .px-2 {
          padding-right: 0.5rem !important;
          padding-left: 0.5rem !important;
      }

      .px-3 {
          padding-right: 1rem !important;
          padding-left: 1rem !important;
      }

      .px-4 {
          padding-right: 1.5rem !important;
          padding-left: 1.5rem !important;
      }

      .px-5 {
          padding-right: 3rem !important;
          padding-left: 3rem !important;
      }

      .py-0 {
          padding-top: 0 !important;
          padding-bottom: 0 !important;
      }

      .py-1 {
          padding-top: 0.25rem !important;
          padding-bottom: 0.25rem !important;
      }

      .py-2 {
          padding-top: 0.5rem !important;
          padding-bottom: 0.5rem !important;
      }

      .py-3 {
          padding-top: 1rem !important;
          padding-bottom: 1rem !important;
      }

      .py-4 {
          padding-top: 1.5rem !important;
          padding-bottom: 1.5rem !important;
      }

      .py-5 {
          padding-top: 3rem !important;
          padding-bottom: 3rem !important;
      }

      .pt-0 {
          padding-top: 0 !important;
      }

      .pt-1 {
          padding-top: 0.25rem !important;
      }

      .pt-2 {
          padding-top: 0.5rem !important;
      }

      .pt-3 {
          padding-top: 1rem !important;
      }

      .pt-4 {
          padding-top: 1.5rem !important;
      }

      .pt-5 {
          padding-top: 3rem !important;
      }

      .pe-0 {
          padding-right: 0 !important;
      }

      .pe-1 {
          padding-right: 0.25rem !important;
      }

      .pe-2 {
          padding-right: 0.5rem !important;
      }

      .pe-3 {
          padding-right: 1rem !important;
      }

      .pe-4 {
          padding-right: 1.5rem !important;
      }

      .pe-5 {
          padding-right: 3rem !important;
      }

      .pb-0 {
          padding-bottom: 0 !important;
      }

      .pb-1 {
          padding-bottom: 0.25rem !important;
      }

      .pb-2 {
          padding-bottom: 0.5rem !important;
      }

      .pb-3 {
          padding-bottom: 1rem !important;
      }

      .pb-4 {
          padding-bottom: 1.5rem !important;
      }

      .pb-5 {
          padding-bottom: 3rem !important;
      }

      .ps-0 {
          padding-left: 0 !important;
      }

      .ps-1 {
          padding-left: 0.25rem !important;
      }

      .ps-2 {
          padding-left: 0.5rem !important;
      }

      .ps-3 {
          padding-left: 1rem !important;
      }

      .ps-4 {
          padding-left: 1.5rem !important;
      }

      .ps-5 {
          padding-left: 3rem !important;
      }

      .gap-0 {
          gap: 0 !important;
      }

      .gap-1 {
          gap: 0.25rem !important;
      }

      .gap-2 {
          gap: 0.5rem !important;
      }

      .gap-3 {
          gap: 1rem !important;
      }

      .gap-4 {
          gap: 1.5rem !important;
      }

      .gap-5 {
          gap: 3rem !important;
      }

      .row-gap-0 {
          row-gap: 0 !important;
      }

      .row-gap-1 {
          row-gap: 0.25rem !important;
      }

      .row-gap-2 {
          row-gap: 0.5rem !important;
      }

      .row-gap-3 {
          row-gap: 1rem !important;
      }

      .row-gap-4 {
          row-gap: 1.5rem !important;
      }

      .row-gap-5 {
          row-gap: 3rem !important;
      }

      .column-gap-0 {
          -moz-column-gap: 0 !important;
          column-gap: 0 !important;
      }

      .column-gap-1 {
          -moz-column-gap: 0.25rem !important;
          column-gap: 0.25rem !important;
      }

      .column-gap-2 {
          -moz-column-gap: 0.5rem !important;
          column-gap: 0.5rem !important;
      }

      .column-gap-3 {
          -moz-column-gap: 1rem !important;
          column-gap: 1rem !important;
      }

      .column-gap-4 {
          -moz-column-gap: 1.5rem !important;
          column-gap: 1.5rem !important;
      }

      .column-gap-5 {
          -moz-column-gap: 3rem !important;
          column-gap: 3rem !important;
      }

      .font-monospace {
          font-family: var(--bs-font-monospace) !important;
      }

      .fs-1 {
          font-size: calc(1.375rem + 1.5vw) !important;
      }

      .fs-2 {
          font-size: calc(1.325rem + 0.9vw) !important;
      }

      .fs-3 {
          font-size: calc(1.3rem + 0.6vw) !important;
      }

      .fs-4 {
          font-size: calc(1.275rem + 0.3vw) !important;
      }

      .fs-5 {
          font-size: 1.25rem !important;
      }

      .fs-6 {
          font-size: 1rem !important;
      }

      .fst-italic {
          font-style: italic !important;
      }

      .fst-normal {
          font-style: normal !important;
      }

      .fw-lighter {
          font-weight: lighter !important;
      }

      .fw-light {
          font-weight: 300 !important;
      }

      .fw-normal {
          font-weight: 400 !important;
      }

      .fw-medium {
          font-weight: 500 !important;
      }

      .fw-semibold {
          font-weight: 600 !important;
      }

      .fw-bold {
          font-weight: 700 !important;
      }

      .fw-bolder {
          font-weight: bolder !important;
      }

      .lh-1 {
          line-height: 1 !important;
      }

      .lh-sm {
          line-height: 1.25 !important;
      }

      .lh-base {
          line-height: 1.5 !important;
      }

      .lh-lg {
          line-height: 2 !important;
      }

      .text-start {
          text-align: left !important;
      }

      .text-end {
          text-align: right !important;
      }

      .text-center {
          text-align: center !important;
      }

      .text-decoration-none {
          text-decoration: none !important;
      }

      .text-decoration-underline {
          text-decoration: underline !important;
      }

      .text-decoration-line-through {
          text-decoration: line-through !important;
      }

      .text-lowercase {
          text-transform: lowercase !important;
      }

      .text-uppercase {
          text-transform: uppercase !important;
      }

      .text-capitalize {
          text-transform: capitalize !important;
      }

      .text-wrap {
          white-space: normal !important;
      }

      .text-nowrap {
          white-space: nowrap !important;
      }

      .text-break {
          word-wrap: break-word !important;
          word-break: break-word !important;
      }

      .text-primary {
          --bs-text-opacity: 1;
          color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
      }

      .text-secondary {
          --bs-text-opacity: 1;
          color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
      }

      .text-success {
          --bs-text-opacity: 1;
          color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
      }

      .text-info {
          --bs-text-opacity: 1;
          color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
      }

      .text-warning {
          --bs-text-opacity: 1;
          color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
      }

      .text-danger {
          --bs-text-opacity: 1;
          color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
      }

      .text-light {
          --bs-text-opacity: 1;
          color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
      }

      .text-dark {
          --bs-text-opacity: 1;
          color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
      }

      .text-black {
          --bs-text-opacity: 1;
          color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
      }

      .text-white {
          --bs-text-opacity: 1;
          color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
      }

      .text-body {
          --bs-text-opacity: 1;
          color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
      }

      .text-muted {
          --bs-text-opacity: 1;
          color: var(--bs-secondary-color) !important;
      }

      .text-black-50 {
          --bs-text-opacity: 1;
          color: rgba(0, 0, 0, 0.5) !important;
      }

      .text-white-50 {
          --bs-text-opacity: 1;
          color: rgba(255, 255, 255, 0.5) !important;
      }

      .text-body-secondary {
          --bs-text-opacity: 1;
          color: var(--bs-secondary-color) !important;
      }

      .text-body-tertiary {
          --bs-text-opacity: 1;
          color: var(--bs-tertiary-color) !important;
      }

      .text-body-emphasis {
          --bs-text-opacity: 1;
          color: var(--bs-emphasis-color) !important;
      }

      .text-reset {
          --bs-text-opacity: 1;
          color: inherit !important;
      }

      .text-opacity-25 {
          --bs-text-opacity: 0.25;
      }

      .text-opacity-50 {
          --bs-text-opacity: 0.5;
      }

      .text-opacity-75 {
          --bs-text-opacity: 0.75;
      }

      .text-opacity-100 {
          --bs-text-opacity: 1;
      }

      .text-primary-emphasis {
          color: var(--bs-primary-text-emphasis) !important;
      }

      .text-secondary-emphasis {
          color: var(--bs-secondary-text-emphasis) !important;
      }

      .text-success-emphasis {
          color: var(--bs-success-text-emphasis) !important;
      }

      .text-info-emphasis {
          color: var(--bs-info-text-emphasis) !important;
      }

      .text-warning-emphasis {
          color: var(--bs-warning-text-emphasis) !important;
      }

      .text-danger-emphasis {
          color: var(--bs-danger-text-emphasis) !important;
      }

      .text-light-emphasis {
          color: var(--bs-light-text-emphasis) !important;
      }

      .text-dark-emphasis {
          color: var(--bs-dark-text-emphasis) !important;
      }

      .link-opacity-10 {
          --bs-link-opacity: 0.1;
      }

      .link-opacity-10-hover:hover {
          --bs-link-opacity: 0.1;
      }

      .link-opacity-25 {
          --bs-link-opacity: 0.25;
      }

      .link-opacity-25-hover:hover {
          --bs-link-opacity: 0.25;
      }

      .link-opacity-50 {
          --bs-link-opacity: 0.5;
      }

      .link-opacity-50-hover:hover {
          --bs-link-opacity: 0.5;
      }

      .link-opacity-75 {
          --bs-link-opacity: 0.75;
      }

      .link-opacity-75-hover:hover {
          --bs-link-opacity: 0.75;
      }

      .link-opacity-100 {
          --bs-link-opacity: 1;
      }

      .link-opacity-100-hover:hover {
          --bs-link-opacity: 1;
      }

      .link-offset-1 {
          text-underline-offset: 0.125em !important;
      }

      .link-offset-1-hover:hover {
          text-underline-offset: 0.125em !important;
      }

      .link-offset-2 {
          text-underline-offset: 0.25em !important;
      }

      .link-offset-2-hover:hover {
          text-underline-offset: 0.25em !important;
      }

      .link-offset-3 {
          text-underline-offset: 0.375em !important;
      }

      .link-offset-3-hover:hover {
          text-underline-offset: 0.375em !important;
      }

      .link-underline-primary {
          --bs-link-underline-opacity: 1;
          -webkit-text-decoration-color: rgba(var(--bs-primary-rgb),
                  var(--bs-link-underline-opacity)) !important;
          text-decoration-color: rgba(var(--bs-primary-rgb),
                  var(--bs-link-underline-opacity)) !important;
      }

      .link-underline-secondary {
          --bs-link-underline-opacity: 1;
          -webkit-text-decoration-color: rgba(var(--bs-secondary-rgb),
                  var(--bs-link-underline-opacity)) !important;
          text-decoration-color: rgba(var(--bs-secondary-rgb),
                  var(--bs-link-underline-opacity)) !important;
      }

      .link-underline-success {
          --bs-link-underline-opacity: 1;
          -webkit-text-decoration-color: rgba(var(--bs-success-rgb),
                  var(--bs-link-underline-opacity)) !important;
          text-decoration-color: rgba(var(--bs-success-rgb),
                  var(--bs-link-underline-opacity)) !important;
      }

      .link-underline-info {
          --bs-link-underline-opacity: 1;
          -webkit-text-decoration-color: rgba(var(--bs-info-rgb),
                  var(--bs-link-underline-opacity)) !important;
          text-decoration-color: rgba(var(--bs-info-rgb),
                  var(--bs-link-underline-opacity)) !important;
      }

      .link-underline-warning {
          --bs-link-underline-opacity: 1;
          -webkit-text-decoration-color: rgba(var(--bs-warning-rgb),
                  var(--bs-link-underline-opacity)) !important;
          text-decoration-color: rgba(var(--bs-warning-rgb),
                  var(--bs-link-underline-opacity)) !important;
      }

      .link-underline-danger {
          --bs-link-underline-opacity: 1;
          -webkit-text-decoration-color: rgba(var(--bs-danger-rgb),
                  var(--bs-link-underline-opacity)) !important;
          text-decoration-color: rgba(var(--bs-danger-rgb),
                  var(--bs-link-underline-opacity)) !important;
      }

      .link-underline-light {
          --bs-link-underline-opacity: 1;
          -webkit-text-decoration-color: rgba(var(--bs-light-rgb),
                  var(--bs-link-underline-opacity)) !important;
          text-decoration-color: rgba(var(--bs-light-rgb),
                  var(--bs-link-underline-opacity)) !important;
      }

      .link-underline-dark {
          --bs-link-underline-opacity: 1;
          -webkit-text-decoration-color: rgba(var(--bs-dark-rgb),
                  var(--bs-link-underline-opacity)) !important;
          text-decoration-color: rgba(var(--bs-dark-rgb),
                  var(--bs-link-underline-opacity)) !important;
      }

      .link-underline {
          --bs-link-underline-opacity: 1;
          -webkit-text-decoration-color: rgba(var(--bs-link-color-rgb),
                  var(--bs-link-underline-opacity, 1)) !important;
          text-decoration-color: rgba(var(--bs-link-color-rgb),
                  var(--bs-link-underline-opacity, 1)) !important;
      }

      .link-underline-opacity-0 {
          --bs-link-underline-opacity: 0;
      }

      .link-underline-opacity-0-hover:hover {
          --bs-link-underline-opacity: 0;
      }

      .link-underline-opacity-10 {
          --bs-link-underline-opacity: 0.1;
      }

      .link-underline-opacity-10-hover:hover {
          --bs-link-underline-opacity: 0.1;
      }

      .link-underline-opacity-25 {
          --bs-link-underline-opacity: 0.25;
      }

      .link-underline-opacity-25-hover:hover {
          --bs-link-underline-opacity: 0.25;
      }

      .link-underline-opacity-50 {
          --bs-link-underline-opacity: 0.5;
      }

      .link-underline-opacity-50-hover:hover {
          --bs-link-underline-opacity: 0.5;
      }

      .link-underline-opacity-75 {
          --bs-link-underline-opacity: 0.75;
      }

      .link-underline-opacity-75-hover:hover {
          --bs-link-underline-opacity: 0.75;
      }

      .link-underline-opacity-100 {
          --bs-link-underline-opacity: 1;
      }

      .link-underline-opacity-100-hover:hover {
          --bs-link-underline-opacity: 1;
      }

      .bg-primary {
          --bs-bg-opacity: 1;
          background-color: rgba(var(--bs-primary-rgb),
                  var(--bs-bg-opacity)) !important;
      }

      .bg-secondary {
          --bs-bg-opacity: 1;
          background-color: rgba(var(--bs-secondary-rgb),
                  var(--bs-bg-opacity)) !important;
      }

      .bg-success {
          --bs-bg-opacity: 1;
          background-color: rgba(var(--bs-success-rgb),
                  var(--bs-bg-opacity)) !important;
      }

      .bg-info {
          --bs-bg-opacity: 1;
          background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
      }

      .bg-warning {
          --bs-bg-opacity: 1;
          background-color: rgba(var(--bs-warning-rgb),
                  var(--bs-bg-opacity)) !important;
      }

      .bg-danger {
          --bs-bg-opacity: 1;
          background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
      }

      .bg-light {
          --bs-bg-opacity: 1;
          background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
      }

      .bg-dark {
          --bs-bg-opacity: 1;
          background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
      }

      .bg-black {
          --bs-bg-opacity: 1;
          background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
      }

      .bg-white {
          --bs-bg-opacity: 1;
          background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
      }

      .bg-body {
          --bs-bg-opacity: 1;
          background-color: rgba(var(--bs-body-bg-rgb),
                  var(--bs-bg-opacity)) !important;
      }

      .bg-transparent {
          --bs-bg-opacity: 1;
          background-color: transparent !important;
      }

      .bg-body-secondary {
          --bs-bg-opacity: 1;
          background-color: rgba(var(--bs-secondary-bg-rgb),
                  var(--bs-bg-opacity)) !important;
      }

      .bg-body-tertiary {
          --bs-bg-opacity: 1;
          background-color: rgba(var(--bs-tertiary-bg-rgb),
                  var(--bs-bg-opacity)) !important;
      }

      .bg-opacity-10 {
          --bs-bg-opacity: 0.1;
      }

      .bg-opacity-25 {
          --bs-bg-opacity: 0.25;
      }

      .bg-opacity-50 {
          --bs-bg-opacity: 0.5;
      }

      .bg-opacity-75 {
          --bs-bg-opacity: 0.75;
      }

      .bg-opacity-100 {
          --bs-bg-opacity: 1;
      }

      .bg-primary-subtle {
          background-color: var(--bs-primary-bg-subtle) !important;
      }

      .bg-secondary-subtle {
          background-color: var(--bs-secondary-bg-subtle) !important;
      }

      .bg-success-subtle {
          background-color: var(--bs-success-bg-subtle) !important;
      }

      .bg-info-subtle {
          background-color: var(--bs-info-bg-subtle) !important;
      }

      .bg-warning-subtle {
          background-color: var(--bs-warning-bg-subtle) !important;
      }

      .bg-danger-subtle {
          background-color: var(--bs-danger-bg-subtle) !important;
      }

      .bg-light-subtle {
          background-color: var(--bs-light-bg-subtle) !important;
      }

      .bg-dark-subtle {
          background-color: var(--bs-dark-bg-subtle) !important;
      }

      .bg-gradient {
          background-image: var(--bs-gradient) !important;
      }

      .user-select-all {
          -webkit-user-select: all !important;
          -moz-user-select: all !important;
          user-select: all !important;
      }

      .user-select-auto {
          -webkit-user-select: auto !important;
          -moz-user-select: auto !important;
          user-select: auto !important;
      }

      .user-select-none {
          -webkit-user-select: none !important;
          -moz-user-select: none !important;
          user-select: none !important;
      }

      .pe-none {
          pointer-events: none !important;
      }

      .pe-auto {
          pointer-events: auto !important;
      }

      .rounded {
          border-radius: var(--bs-border-radius) !important;
      }

      .rounded-0 {
          border-radius: 0 !important;
      }

      .rounded-1 {
          border-radius: var(--bs-border-radius-sm) !important;
      }

      .rounded-2 {
          border-radius: var(--bs-border-radius) !important;
      }

      .rounded-3 {
          border-radius: var(--bs-border-radius-lg) !important;
      }

      .rounded-4 {
          border-radius: var(--bs-border-radius-xl) !important;
      }

      .rounded-5 {
          border-radius: var(--bs-border-radius-xxl) !important;
      }

      .rounded-circle {
          border-radius: 50% !important;
      }

      .rounded-pill {
          border-radius: var(--bs-border-radius-pill) !important;
      }

      .rounded-top {
          border-top-left-radius: var(--bs-border-radius) !important;
          border-top-right-radius: var(--bs-border-radius) !important;
      }

      .rounded-top-0 {
          border-top-left-radius: 0 !important;
          border-top-right-radius: 0 !important;
      }

      .rounded-top-1 {
          border-top-left-radius: var(--bs-border-radius-sm) !important;
          border-top-right-radius: var(--bs-border-radius-sm) !important;
      }

      .rounded-top-2 {
          border-top-left-radius: var(--bs-border-radius) !important;
          border-top-right-radius: var(--bs-border-radius) !important;
      }

      .rounded-top-3 {
          border-top-left-radius: var(--bs-border-radius-lg) !important;
          border-top-right-radius: var(--bs-border-radius-lg) !important;
      }

      .rounded-top-4 {
          border-top-left-radius: var(--bs-border-radius-xl) !important;
          border-top-right-radius: var(--bs-border-radius-xl) !important;
      }

      .rounded-top-5 {
          border-top-left-radius: var(--bs-border-radius-xxl) !important;
          border-top-right-radius: var(--bs-border-radius-xxl) !important;
      }

      .rounded-top-circle {
          border-top-left-radius: 50% !important;
          border-top-right-radius: 50% !important;
      }

      .rounded-top-pill {
          border-top-left-radius: var(--bs-border-radius-pill) !important;
          border-top-right-radius: var(--bs-border-radius-pill) !important;
      }

      .rounded-end {
          border-top-right-radius: var(--bs-border-radius) !important;
          border-bottom-right-radius: var(--bs-border-radius) !important;
      }

      .rounded-end-0 {
          border-top-right-radius: 0 !important;
          border-bottom-right-radius: 0 !important;
      }

      .rounded-end-1 {
          border-top-right-radius: var(--bs-border-radius-sm) !important;
          border-bottom-right-radius: var(--bs-border-radius-sm) !important;
      }

      .rounded-end-2 {
          border-top-right-radius: var(--bs-border-radius) !important;
          border-bottom-right-radius: var(--bs-border-radius) !important;
      }

      .rounded-end-3 {
          border-top-right-radius: var(--bs-border-radius-lg) !important;
          border-bottom-right-radius: var(--bs-border-radius-lg) !important;
      }

      .rounded-end-4 {
          border-top-right-radius: var(--bs-border-radius-xl) !important;
          border-bottom-right-radius: var(--bs-border-radius-xl) !important;
      }

      .rounded-end-5 {
          border-top-right-radius: var(--bs-border-radius-xxl) !important;
          border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
      }

      .rounded-end-circle {
          border-top-right-radius: 50% !important;
          border-bottom-right-radius: 50% !important;
      }

      .rounded-end-pill {
          border-top-right-radius: var(--bs-border-radius-pill) !important;
          border-bottom-right-radius: var(--bs-border-radius-pill) !important;
      }

      .rounded-bottom {
          border-bottom-right-radius: var(--bs-border-radius) !important;
          border-bottom-left-radius: var(--bs-border-radius) !important;
      }

      .rounded-bottom-0 {
          border-bottom-right-radius: 0 !important;
          border-bottom-left-radius: 0 !important;
      }

      .rounded-bottom-1 {
          border-bottom-right-radius: var(--bs-border-radius-sm) !important;
          border-bottom-left-radius: var(--bs-border-radius-sm) !important;
      }

      .rounded-bottom-2 {
          border-bottom-right-radius: var(--bs-border-radius) !important;
          border-bottom-left-radius: var(--bs-border-radius) !important;
      }

      .rounded-bottom-3 {
          border-bottom-right-radius: var(--bs-border-radius-lg) !important;
          border-bottom-left-radius: var(--bs-border-radius-lg) !important;
      }

      .rounded-bottom-4 {
          border-bottom-right-radius: var(--bs-border-radius-xl) !important;
          border-bottom-left-radius: var(--bs-border-radius-xl) !important;
      }

      .rounded-bottom-5 {
          border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
          border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
      }

      .rounded-bottom-circle {
          border-bottom-right-radius: 50% !important;
          border-bottom-left-radius: 50% !important;
      }

      .rounded-bottom-pill {
          border-bottom-right-radius: var(--bs-border-radius-pill) !important;
          border-bottom-left-radius: var(--bs-border-radius-pill) !important;
      }

      .rounded-start {
          border-bottom-left-radius: var(--bs-border-radius) !important;
          border-top-left-radius: var(--bs-border-radius) !important;
      }

      .rounded-start-0 {
          border-bottom-left-radius: 0 !important;
          border-top-left-radius: 0 !important;
      }

      .rounded-start-1 {
          border-bottom-left-radius: var(--bs-border-radius-sm) !important;
          border-top-left-radius: var(--bs-border-radius-sm) !important;
      }

      .rounded-start-2 {
          border-bottom-left-radius: var(--bs-border-radius) !important;
          border-top-left-radius: var(--bs-border-radius) !important;
      }

      .rounded-start-3 {
          border-bottom-left-radius: var(--bs-border-radius-lg) !important;
          border-top-left-radius: var(--bs-border-radius-lg) !important;
      }

      .rounded-start-4 {
          border-bottom-left-radius: var(--bs-border-radius-xl) !important;
          border-top-left-radius: var(--bs-border-radius-xl) !important;
      }

      .rounded-start-5 {
          border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
          border-top-left-radius: var(--bs-border-radius-xxl) !important;
      }

      .rounded-start-circle {
          border-bottom-left-radius: 50% !important;
          border-top-left-radius: 50% !important;
      }

      .rounded-start-pill {
          border-bottom-left-radius: var(--bs-border-radius-pill) !important;
          border-top-left-radius: var(--bs-border-radius-pill) !important;
      }

      .visible {
          visibility: visible !important;
      }

      .invisible {
          visibility: hidden !important;
      }

      .z-n1 {
          z-index: -1 !important;
      }

      .z-0 {
          z-index: 0 !important;
      }

      .z-1 {
          z-index: 1 !important;
      }

      .z-2 {
          z-index: 2 !important;
      }

      .z-3 {
          z-index: 3 !important;
      }

      @media (min-width: 576px) {
          .float-sm-start {
              float: left !important;
          }

          .float-sm-end {
              float: right !important;
          }

          .float-sm-none {
              float: none !important;
          }

          .object-fit-sm-contain {
              -o-object-fit: contain !important;
              object-fit: contain !important;
          }

          .object-fit-sm-cover {
              -o-object-fit: cover !important;
              object-fit: cover !important;
          }

          .object-fit-sm-fill {
              -o-object-fit: fill !important;
              object-fit: fill !important;
          }

          .object-fit-sm-scale {
              -o-object-fit: scale-down !important;
              object-fit: scale-down !important;
          }

          .object-fit-sm-none {
              -o-object-fit: none !important;
              object-fit: none !important;
          }

          .d-sm-inline {
              display: inline !important;
          }

          .d-sm-inline-block {
              display: inline-block !important;
          }

          .d-sm-block {
              display: block !important;
          }

          .d-sm-grid {
              display: grid !important;
          }

          .d-sm-inline-grid {
              display: inline-grid !important;
          }

          .d-sm-table {
              display: table !important;
          }

          .d-sm-table-row {
              display: table-row !important;
          }

          .d-sm-table-cell {
              display: table-cell !important;
          }

          .d-sm-flex {
              display: flex !important;
          }

          .d-sm-inline-flex {
              display: inline-flex !important;
          }

          .d-sm-none {
              display: none !important;
          }

          .flex-sm-fill {
              flex: 1 1 auto !important;
          }

          .flex-sm-row {
              flex-direction: row !important;
          }

          .flex-sm-column {
              flex-direction: column !important;
          }

          .flex-sm-row-reverse {
              flex-direction: row-reverse !important;
          }

          .flex-sm-column-reverse {
              flex-direction: column-reverse !important;
          }

          .flex-sm-grow-0 {
              flex-grow: 0 !important;
          }

          .flex-sm-grow-1 {
              flex-grow: 1 !important;
          }

          .flex-sm-shrink-0 {
              flex-shrink: 0 !important;
          }

          .flex-sm-shrink-1 {
              flex-shrink: 1 !important;
          }

          .flex-sm-wrap {
              flex-wrap: wrap !important;
          }

          .flex-sm-nowrap {
              flex-wrap: nowrap !important;
          }

          .flex-sm-wrap-reverse {
              flex-wrap: wrap-reverse !important;
          }

          .justify-content-sm-start {
              justify-content: flex-start !important;
          }

          .justify-content-sm-end {
              justify-content: flex-end !important;
          }

          .justify-content-sm-center {
              justify-content: center !important;
          }

          .justify-content-sm-between {
              justify-content: space-between !important;
          }

          .justify-content-sm-around {
              justify-content: space-around !important;
          }

          .justify-content-sm-evenly {
              justify-content: space-evenly !important;
          }

          .align-items-sm-start {
              align-items: flex-start !important;
          }

          .align-items-sm-end {
              align-items: flex-end !important;
          }

          .align-items-sm-center {
              align-items: center !important;
          }

          .align-items-sm-baseline {
              align-items: baseline !important;
          }

          .align-items-sm-stretch {
              align-items: stretch !important;
          }

          .align-content-sm-start {
              align-content: flex-start !important;
          }

          .align-content-sm-end {
              align-content: flex-end !important;
          }

          .align-content-sm-center {
              align-content: center !important;
          }

          .align-content-sm-between {
              align-content: space-between !important;
          }

          .align-content-sm-around {
              align-content: space-around !important;
          }

          .align-content-sm-stretch {
              align-content: stretch !important;
          }

          .align-self-sm-auto {
              align-self: auto !important;
          }

          .align-self-sm-start {
              align-self: flex-start !important;
          }

          .align-self-sm-end {
              align-self: flex-end !important;
          }

          .align-self-sm-center {
              align-self: center !important;
          }

          .align-self-sm-baseline {
              align-self: baseline !important;
          }

          .align-self-sm-stretch {
              align-self: stretch !important;
          }

          .order-sm-first {
              order: -1 !important;
          }

          .order-sm-0 {
              order: 0 !important;
          }

          .order-sm-1 {
              order: 1 !important;
          }

          .order-sm-2 {
              order: 2 !important;
          }

          .order-sm-3 {
              order: 3 !important;
          }

          .order-sm-4 {
              order: 4 !important;
          }

          .order-sm-5 {
              order: 5 !important;
          }

          .order-sm-last {
              order: 6 !important;
          }

          .m-sm-0 {
              margin: 0 !important;
          }

          .m-sm-1 {
              margin: 0.25rem !important;
          }

          .m-sm-2 {
              margin: 0.5rem !important;
          }

          .m-sm-3 {
              margin: 1rem !important;
          }

          .m-sm-4 {
              margin: 1.5rem !important;
          }

          .m-sm-5 {
              margin: 3rem !important;
          }

          .m-sm-auto {
              margin: auto !important;
          }

          .mx-sm-0 {
              margin-right: 0 !important;
              margin-left: 0 !important;
          }

          .mx-sm-1 {
              margin-right: 0.25rem !important;
              margin-left: 0.25rem !important;
          }

          .mx-sm-2 {
              margin-right: 0.5rem !important;
              margin-left: 0.5rem !important;
          }

          .mx-sm-3 {
              margin-right: 1rem !important;
              margin-left: 1rem !important;
          }

          .mx-sm-4 {
              margin-right: 1.5rem !important;
              margin-left: 1.5rem !important;
          }

          .mx-sm-5 {
              margin-right: 3rem !important;
              margin-left: 3rem !important;
          }

          .mx-sm-auto {
              margin-right: auto !important;
              margin-left: auto !important;
          }

          .my-sm-0 {
              margin-top: 0 !important;
              margin-bottom: 0 !important;
          }

          .my-sm-1 {
              margin-top: 0.25rem !important;
              margin-bottom: 0.25rem !important;
          }

          .my-sm-2 {
              margin-top: 0.5rem !important;
              margin-bottom: 0.5rem !important;
          }

          .my-sm-3 {
              margin-top: 1rem !important;
              margin-bottom: 1rem !important;
          }

          .my-sm-4 {
              margin-top: 1.5rem !important;
              margin-bottom: 1.5rem !important;
          }

          .my-sm-5 {
              margin-top: 3rem !important;
              margin-bottom: 3rem !important;
          }

          .my-sm-auto {
              margin-top: auto !important;
              margin-bottom: auto !important;
          }

          .mt-sm-0 {
              margin-top: 0 !important;
          }

          .mt-sm-1 {
              margin-top: 0.25rem !important;
          }

          .mt-sm-2 {
              margin-top: 0.5rem !important;
          }

          .mt-sm-3 {
              margin-top: 1rem !important;
          }

          .mt-sm-4 {
              margin-top: 1.5rem !important;
          }

          .mt-sm-5 {
              margin-top: 3rem !important;
          }

          .mt-sm-auto {
              margin-top: auto !important;
          }

          .me-sm-0 {
              margin-right: 0 !important;
          }

          .me-sm-1 {
              margin-right: 0.25rem !important;
          }

          .me-sm-2 {
              margin-right: 0.5rem !important;
          }

          .me-sm-3 {
              margin-right: 1rem !important;
          }

          .me-sm-4 {
              margin-right: 1.5rem !important;
          }

          .me-sm-5 {
              margin-right: 3rem !important;
          }

          .me-sm-auto {
              margin-right: auto !important;
          }

          .mb-sm-0 {
              margin-bottom: 0 !important;
          }

          .mb-sm-1 {
              margin-bottom: 0.25rem !important;
          }

          .mb-sm-2 {
              margin-bottom: 0.5rem !important;
          }

          .mb-sm-3 {
              margin-bottom: 1rem !important;
          }

          .mb-sm-4 {
              margin-bottom: 1.5rem !important;
          }

          .mb-sm-5 {
              margin-bottom: 3rem !important;
          }

          .mb-sm-auto {
              margin-bottom: auto !important;
          }

          .ms-sm-0 {
              margin-left: 0 !important;
          }

          .ms-sm-1 {
              margin-left: 0.25rem !important;
          }

          .ms-sm-2 {
              margin-left: 0.5rem !important;
          }

          .ms-sm-3 {
              margin-left: 1rem !important;
          }

          .ms-sm-4 {
              margin-left: 1.5rem !important;
          }

          .ms-sm-5 {
              margin-left: 3rem !important;
          }

          .ms-sm-auto {
              margin-left: auto !important;
          }

          .p-sm-0 {
              padding: 0 !important;
          }

          .p-sm-1 {
              padding: 0.25rem !important;
          }

          .p-sm-2 {
              padding: 0.5rem !important;
          }

          .p-sm-3 {
              padding: 1rem !important;
          }

          .p-sm-4 {
              padding: 1.5rem !important;
          }

          .p-sm-5 {
              padding: 3rem !important;
          }

          .px-sm-0 {
              padding-right: 0 !important;
              padding-left: 0 !important;
          }

          .px-sm-1 {
              padding-right: 0.25rem !important;
              padding-left: 0.25rem !important;
          }

          .px-sm-2 {
              padding-right: 0.5rem !important;
              padding-left: 0.5rem !important;
          }

          .px-sm-3 {
              padding-right: 1rem !important;
              padding-left: 1rem !important;
          }

          .px-sm-4 {
              padding-right: 1.5rem !important;
              padding-left: 1.5rem !important;
          }

          .px-sm-5 {
              padding-right: 3rem !important;
              padding-left: 3rem !important;
          }

          .py-sm-0 {
              padding-top: 0 !important;
              padding-bottom: 0 !important;
          }

          .py-sm-1 {
              padding-top: 0.25rem !important;
              padding-bottom: 0.25rem !important;
          }

          .py-sm-2 {
              padding-top: 0.5rem !important;
              padding-bottom: 0.5rem !important;
          }

          .py-sm-3 {
              padding-top: 1rem !important;
              padding-bottom: 1rem !important;
          }

          .py-sm-4 {
              padding-top: 1.5rem !important;
              padding-bottom: 1.5rem !important;
          }

          .py-sm-5 {
              padding-top: 3rem !important;
              padding-bottom: 3rem !important;
          }

          .pt-sm-0 {
              padding-top: 0 !important;
          }

          .pt-sm-1 {
              padding-top: 0.25rem !important;
          }

          .pt-sm-2 {
              padding-top: 0.5rem !important;
          }

          .pt-sm-3 {
              padding-top: 1rem !important;
          }

          .pt-sm-4 {
              padding-top: 1.5rem !important;
          }

          .pt-sm-5 {
              padding-top: 3rem !important;
          }

          .pe-sm-0 {
              padding-right: 0 !important;
          }

          .pe-sm-1 {
              padding-right: 0.25rem !important;
          }

          .pe-sm-2 {
              padding-right: 0.5rem !important;
          }

          .pe-sm-3 {
              padding-right: 1rem !important;
          }

          .pe-sm-4 {
              padding-right: 1.5rem !important;
          }

          .pe-sm-5 {
              padding-right: 3rem !important;
          }

          .pb-sm-0 {
              padding-bottom: 0 !important;
          }

          .pb-sm-1 {
              padding-bottom: 0.25rem !important;
          }

          .pb-sm-2 {
              padding-bottom: 0.5rem !important;
          }

          .pb-sm-3 {
              padding-bottom: 1rem !important;
          }

          .pb-sm-4 {
              padding-bottom: 1.5rem !important;
          }

          .pb-sm-5 {
              padding-bottom: 3rem !important;
          }

          .ps-sm-0 {
              padding-left: 0 !important;
          }

          .ps-sm-1 {
              padding-left: 0.25rem !important;
          }

          .ps-sm-2 {
              padding-left: 0.5rem !important;
          }

          .ps-sm-3 {
              padding-left: 1rem !important;
          }

          .ps-sm-4 {
              padding-left: 1.5rem !important;
          }

          .ps-sm-5 {
              padding-left: 3rem !important;
          }

          .gap-sm-0 {
              gap: 0 !important;
          }

          .gap-sm-1 {
              gap: 0.25rem !important;
          }

          .gap-sm-2 {
              gap: 0.5rem !important;
          }

          .gap-sm-3 {
              gap: 1rem !important;
          }

          .gap-sm-4 {
              gap: 1.5rem !important;
          }

          .gap-sm-5 {
              gap: 3rem !important;
          }

          .row-gap-sm-0 {
              row-gap: 0 !important;
          }

          .row-gap-sm-1 {
              row-gap: 0.25rem !important;
          }

          .row-gap-sm-2 {
              row-gap: 0.5rem !important;
          }

          .row-gap-sm-3 {
              row-gap: 1rem !important;
          }

          .row-gap-sm-4 {
              row-gap: 1.5rem !important;
          }

          .row-gap-sm-5 {
              row-gap: 3rem !important;
          }

          .column-gap-sm-0 {
              -moz-column-gap: 0 !important;
              column-gap: 0 !important;
          }

          .column-gap-sm-1 {
              -moz-column-gap: 0.25rem !important;
              column-gap: 0.25rem !important;
          }

          .column-gap-sm-2 {
              -moz-column-gap: 0.5rem !important;
              column-gap: 0.5rem !important;
          }

          .column-gap-sm-3 {
              -moz-column-gap: 1rem !important;
              column-gap: 1rem !important;
          }

          .column-gap-sm-4 {
              -moz-column-gap: 1.5rem !important;
              column-gap: 1.5rem !important;
          }

          .column-gap-sm-5 {
              -moz-column-gap: 3rem !important;
              column-gap: 3rem !important;
          }

          .text-sm-start {
              text-align: left !important;
          }

          .text-sm-end {
              text-align: right !important;
          }

          .text-sm-center {
              text-align: center !important;
          }
      }

      @media (min-width: 768px) {
          .float-md-start {
              float: left !important;
          }

          .float-md-end {
              float: right !important;
          }

          .float-md-none {
              float: none !important;
          }

          .object-fit-md-contain {
              -o-object-fit: contain !important;
              object-fit: contain !important;
          }

          .object-fit-md-cover {
              -o-object-fit: cover !important;
              object-fit: cover !important;
          }

          .object-fit-md-fill {
              -o-object-fit: fill !important;
              object-fit: fill !important;
          }

          .object-fit-md-scale {
              -o-object-fit: scale-down !important;
              object-fit: scale-down !important;
          }

          .object-fit-md-none {
              -o-object-fit: none !important;
              object-fit: none !important;
          }

          .d-md-inline {
              display: inline !important;
          }

          .d-md-inline-block {
              display: inline-block !important;
          }

          .d-md-block {
              display: block !important;
          }

          .d-md-grid {
              display: grid !important;
          }

          .d-md-inline-grid {
              display: inline-grid !important;
          }

          .d-md-table {
              display: table !important;
          }

          .d-md-table-row {
              display: table-row !important;
          }

          .d-md-table-cell {
              display: table-cell !important;
          }

          .d-md-flex {
              display: flex !important;
          }

          .d-md-inline-flex {
              display: inline-flex !important;
          }

          .d-md-none {
              display: none !important;
          }

          .flex-md-fill {
              flex: 1 1 auto !important;
          }

          .flex-md-row {
              flex-direction: row !important;
          }

          .flex-md-column {
              flex-direction: column !important;
          }

          .flex-md-row-reverse {
              flex-direction: row-reverse !important;
          }

          .flex-md-column-reverse {
              flex-direction: column-reverse !important;
          }

          .flex-md-grow-0 {
              flex-grow: 0 !important;
          }

          .flex-md-grow-1 {
              flex-grow: 1 !important;
          }

          .flex-md-shrink-0 {
              flex-shrink: 0 !important;
          }

          .flex-md-shrink-1 {
              flex-shrink: 1 !important;
          }

          .flex-md-wrap {
              flex-wrap: wrap !important;
          }

          .flex-md-nowrap {
              flex-wrap: nowrap !important;
          }

          .flex-md-wrap-reverse {
              flex-wrap: wrap-reverse !important;
          }

          .justify-content-md-start {
              justify-content: flex-start !important;
          }

          .justify-content-md-end {
              justify-content: flex-end !important;
          }

          .justify-content-md-center {
              justify-content: center !important;
          }

          .justify-content-md-between {
              justify-content: space-between !important;
          }

          .justify-content-md-around {
              justify-content: space-around !important;
          }

          .justify-content-md-evenly {
              justify-content: space-evenly !important;
          }

          .align-items-md-start {
              align-items: flex-start !important;
          }

          .align-items-md-end {
              align-items: flex-end !important;
          }

          .align-items-md-center {
              align-items: center !important;
          }

          .align-items-md-baseline {
              align-items: baseline !important;
          }

          .align-items-md-stretch {
              align-items: stretch !important;
          }

          .align-content-md-start {
              align-content: flex-start !important;
          }

          .align-content-md-end {
              align-content: flex-end !important;
          }

          .align-content-md-center {
              align-content: center !important;
          }

          .align-content-md-between {
              align-content: space-between !important;
          }

          .align-content-md-around {
              align-content: space-around !important;
          }

          .align-content-md-stretch {
              align-content: stretch !important;
          }

          .align-self-md-auto {
              align-self: auto !important;
          }

          .align-self-md-start {
              align-self: flex-start !important;
          }

          .align-self-md-end {
              align-self: flex-end !important;
          }

          .align-self-md-center {
              align-self: center !important;
          }

          .align-self-md-baseline {
              align-self: baseline !important;
          }

          .align-self-md-stretch {
              align-self: stretch !important;
          }

          .order-md-first {
              order: -1 !important;
          }

          .order-md-0 {
              order: 0 !important;
          }

          .order-md-1 {
              order: 1 !important;
          }

          .order-md-2 {
              order: 2 !important;
          }

          .order-md-3 {
              order: 3 !important;
          }

          .order-md-4 {
              order: 4 !important;
          }

          .order-md-5 {
              order: 5 !important;
          }

          .order-md-last {
              order: 6 !important;
          }

          .m-md-0 {
              margin: 0 !important;
          }

          .m-md-1 {
              margin: 0.25rem !important;
          }

          .m-md-2 {
              margin: 0.5rem !important;
          }

          .m-md-3 {
              margin: 1rem !important;
          }

          .m-md-4 {
              margin: 1.5rem !important;
          }

          .m-md-5 {
              margin: 3rem !important;
          }

          .m-md-auto {
              margin: auto !important;
          }

          .mx-md-0 {
              margin-right: 0 !important;
              margin-left: 0 !important;
          }

          .mx-md-1 {
              margin-right: 0.25rem !important;
              margin-left: 0.25rem !important;
          }

          .mx-md-2 {
              margin-right: 0.5rem !important;
              margin-left: 0.5rem !important;
          }

          .mx-md-3 {
              margin-right: 1rem !important;
              margin-left: 1rem !important;
          }

          .mx-md-4 {
              margin-right: 1.5rem !important;
              margin-left: 1.5rem !important;
          }

          .mx-md-5 {
              margin-right: 3rem !important;
              margin-left: 3rem !important;
          }

          .mx-md-auto {
              margin-right: auto !important;
              margin-left: auto !important;
          }

          .my-md-0 {
              margin-top: 0 !important;
              margin-bottom: 0 !important;
          }

          .my-md-1 {
              margin-top: 0.25rem !important;
              margin-bottom: 0.25rem !important;
          }

          .my-md-2 {
              margin-top: 0.5rem !important;
              margin-bottom: 0.5rem !important;
          }

          .my-md-3 {
              margin-top: 1rem !important;
              margin-bottom: 1rem !important;
          }

          .my-md-4 {
              margin-top: 1.5rem !important;
              margin-bottom: 1.5rem !important;
          }

          .my-md-5 {
              margin-top: 3rem !important;
              margin-bottom: 3rem !important;
          }

          .my-md-auto {
              margin-top: auto !important;
              margin-bottom: auto !important;
          }

          .mt-md-0 {
              margin-top: 0 !important;
          }

          .mt-md-1 {
              margin-top: 0.25rem !important;
          }

          .mt-md-2 {
              margin-top: 0.5rem !important;
          }

          .mt-md-3 {
              margin-top: 1rem !important;
          }

          .mt-md-4 {
              margin-top: 1.5rem !important;
          }

          .mt-md-5 {
              margin-top: 3rem !important;
          }

          .mt-md-auto {
              margin-top: auto !important;
          }

          .me-md-0 {
              margin-right: 0 !important;
          }

          .me-md-1 {
              margin-right: 0.25rem !important;
          }

          .me-md-2 {
              margin-right: 0.5rem !important;
          }

          .me-md-3 {
              margin-right: 1rem !important;
          }

          .me-md-4 {
              margin-right: 1.5rem !important;
          }

          .me-md-5 {
              margin-right: 3rem !important;
          }

          .me-md-auto {
              margin-right: auto !important;
          }

          .mb-md-0 {
              margin-bottom: 0 !important;
          }

          .mb-md-1 {
              margin-bottom: 0.25rem !important;
          }

          .mb-md-2 {
              margin-bottom: 0.5rem !important;
          }

          .mb-md-3 {
              margin-bottom: 1rem !important;
          }

          .mb-md-4 {
              margin-bottom: 1.5rem !important;
          }

          .mb-md-5 {
              margin-bottom: 3rem !important;
          }

          .mb-md-auto {
              margin-bottom: auto !important;
          }

          .ms-md-0 {
              margin-left: 0 !important;
          }

          .ms-md-1 {
              margin-left: 0.25rem !important;
          }

          .ms-md-2 {
              margin-left: 0.5rem !important;
          }

          .ms-md-3 {
              margin-left: 1rem !important;
          }

          .ms-md-4 {
              margin-left: 1.5rem !important;
          }

          .ms-md-5 {
              margin-left: 3rem !important;
          }

          .ms-md-auto {
              margin-left: auto !important;
          }

          .p-md-0 {
              padding: 0 !important;
          }

          .p-md-1 {
              padding: 0.25rem !important;
          }

          .p-md-2 {
              padding: 0.5rem !important;
          }

          .p-md-3 {
              padding: 1rem !important;
          }

          .p-md-4 {
              padding: 1.5rem !important;
          }

          .p-md-5 {
              padding: 3rem !important;
          }

          .px-md-0 {
              padding-right: 0 !important;
              padding-left: 0 !important;
          }

          .px-md-1 {
              padding-right: 0.25rem !important;
              padding-left: 0.25rem !important;
          }

          .px-md-2 {
              padding-right: 0.5rem !important;
              padding-left: 0.5rem !important;
          }

          .px-md-3 {
              padding-right: 1rem !important;
              padding-left: 1rem !important;
          }

          .px-md-4 {
              padding-right: 1.5rem !important;
              padding-left: 1.5rem !important;
          }

          .px-md-5 {
              padding-right: 3rem !important;
              padding-left: 3rem !important;
          }

          .py-md-0 {
              padding-top: 0 !important;
              padding-bottom: 0 !important;
          }

          .py-md-1 {
              padding-top: 0.25rem !important;
              padding-bottom: 0.25rem !important;
          }

          .py-md-2 {
              padding-top: 0.5rem !important;
              padding-bottom: 0.5rem !important;
          }

          .py-md-3 {
              padding-top: 1rem !important;
              padding-bottom: 1rem !important;
          }

          .py-md-4 {
              padding-top: 1.5rem !important;
              padding-bottom: 1.5rem !important;
          }

          .py-md-5 {
              padding-top: 3rem !important;
              padding-bottom: 3rem !important;
          }

          .pt-md-0 {
              padding-top: 0 !important;
          }

          .pt-md-1 {
              padding-top: 0.25rem !important;
          }

          .pt-md-2 {
              padding-top: 0.5rem !important;
          }

          .pt-md-3 {
              padding-top: 1rem !important;
          }

          .pt-md-4 {
              padding-top: 1.5rem !important;
          }

          .pt-md-5 {
              padding-top: 3rem !important;
          }

          .pe-md-0 {
              padding-right: 0 !important;
          }

          .pe-md-1 {
              padding-right: 0.25rem !important;
          }

          .pe-md-2 {
              padding-right: 0.5rem !important;
          }

          .pe-md-3 {
              padding-right: 1rem !important;
          }

          .pe-md-4 {
              padding-right: 1.5rem !important;
          }

          .pe-md-5 {
              padding-right: 3rem !important;
          }

          .pb-md-0 {
              padding-bottom: 0 !important;
          }

          .pb-md-1 {
              padding-bottom: 0.25rem !important;
          }

          .pb-md-2 {
              padding-bottom: 0.5rem !important;
          }

          .pb-md-3 {
              padding-bottom: 1rem !important;
          }

          .pb-md-4 {
              padding-bottom: 1.5rem !important;
          }

          .pb-md-5 {
              padding-bottom: 3rem !important;
          }

          .ps-md-0 {
              padding-left: 0 !important;
          }

          .ps-md-1 {
              padding-left: 0.25rem !important;
          }

          .ps-md-2 {
              padding-left: 0.5rem !important;
          }

          .ps-md-3 {
              padding-left: 1rem !important;
          }

          .ps-md-4 {
              padding-left: 1.5rem !important;
          }

          .ps-md-5 {
              padding-left: 3rem !important;
          }

          .gap-md-0 {
              gap: 0 !important;
          }

          .gap-md-1 {
              gap: 0.25rem !important;
          }

          .gap-md-2 {
              gap: 0.5rem !important;
          }

          .gap-md-3 {
              gap: 1rem !important;
          }

          .gap-md-4 {
              gap: 1.5rem !important;
          }

          .gap-md-5 {
              gap: 3rem !important;
          }

          .row-gap-md-0 {
              row-gap: 0 !important;
          }

          .row-gap-md-1 {
              row-gap: 0.25rem !important;
          }

          .row-gap-md-2 {
              row-gap: 0.5rem !important;
          }

          .row-gap-md-3 {
              row-gap: 1rem !important;
          }

          .row-gap-md-4 {
              row-gap: 1.5rem !important;
          }

          .row-gap-md-5 {
              row-gap: 3rem !important;
          }

          .column-gap-md-0 {
              -moz-column-gap: 0 !important;
              column-gap: 0 !important;
          }

          .column-gap-md-1 {
              -moz-column-gap: 0.25rem !important;
              column-gap: 0.25rem !important;
          }

          .column-gap-md-2 {
              -moz-column-gap: 0.5rem !important;
              column-gap: 0.5rem !important;
          }

          .column-gap-md-3 {
              -moz-column-gap: 1rem !important;
              column-gap: 1rem !important;
          }

          .column-gap-md-4 {
              -moz-column-gap: 1.5rem !important;
              column-gap: 1.5rem !important;
          }

          .column-gap-md-5 {
              -moz-column-gap: 3rem !important;
              column-gap: 3rem !important;
          }

          .text-md-start {
              text-align: left !important;
          }

          .text-md-end {
              text-align: right !important;
          }

          .text-md-center {
              text-align: center !important;
          }
      }

      @media (min-width: 992px) {
          .float-lg-start {
              float: left !important;
          }

          .float-lg-end {
              float: right !important;
          }

          .float-lg-none {
              float: none !important;
          }

          .object-fit-lg-contain {
              -o-object-fit: contain !important;
              object-fit: contain !important;
          }

          .object-fit-lg-cover {
              -o-object-fit: cover !important;
              object-fit: cover !important;
          }

          .object-fit-lg-fill {
              -o-object-fit: fill !important;
              object-fit: fill !important;
          }

          .object-fit-lg-scale {
              -o-object-fit: scale-down !important;
              object-fit: scale-down !important;
          }

          .object-fit-lg-none {
              -o-object-fit: none !important;
              object-fit: none !important;
          }

          .d-lg-inline {
              display: inline !important;
          }

          .d-lg-inline-block {
              display: inline-block !important;
          }

          .d-lg-block {
              display: block !important;
          }

          .d-lg-grid {
              display: grid !important;
          }

          .d-lg-inline-grid {
              display: inline-grid !important;
          }

          .d-lg-table {
              display: table !important;
          }

          .d-lg-table-row {
              display: table-row !important;
          }

          .d-lg-table-cell {
              display: table-cell !important;
          }

          .d-lg-flex {
              display: flex !important;
          }

          .d-lg-inline-flex {
              display: inline-flex !important;
          }

          .d-lg-none {
              display: none !important;
          }

          .flex-lg-fill {
              flex: 1 1 auto !important;
          }

          .flex-lg-row {
              flex-direction: row !important;
          }

          .flex-lg-column {
              flex-direction: column !important;
          }

          .flex-lg-row-reverse {
              flex-direction: row-reverse !important;
          }

          .flex-lg-column-reverse {
              flex-direction: column-reverse !important;
          }

          .flex-lg-grow-0 {
              flex-grow: 0 !important;
          }

          .flex-lg-grow-1 {
              flex-grow: 1 !important;
          }

          .flex-lg-shrink-0 {
              flex-shrink: 0 !important;
          }

          .flex-lg-shrink-1 {
              flex-shrink: 1 !important;
          }

          .flex-lg-wrap {
              flex-wrap: wrap !important;
          }

          .flex-lg-nowrap {
              flex-wrap: nowrap !important;
          }

          .flex-lg-wrap-reverse {
              flex-wrap: wrap-reverse !important;
          }

          .justify-content-lg-start {
              justify-content: flex-start !important;
          }

          .justify-content-lg-end {
              justify-content: flex-end !important;
          }

          .justify-content-lg-center {
              justify-content: center !important;
          }

          .justify-content-lg-between {
              justify-content: space-between !important;
          }

          .justify-content-lg-around {
              justify-content: space-around !important;
          }

          .justify-content-lg-evenly {
              justify-content: space-evenly !important;
          }

          .align-items-lg-start {
              align-items: flex-start !important;
          }

          .align-items-lg-end {
              align-items: flex-end !important;
          }

          .align-items-lg-center {
              align-items: center !important;
          }

          .align-items-lg-baseline {
              align-items: baseline !important;
          }

          .align-items-lg-stretch {
              align-items: stretch !important;
          }

          .align-content-lg-start {
              align-content: flex-start !important;
          }

          .align-content-lg-end {
              align-content: flex-end !important;
          }

          .align-content-lg-center {
              align-content: center !important;
          }

          .align-content-lg-between {
              align-content: space-between !important;
          }

          .align-content-lg-around {
              align-content: space-around !important;
          }

          .align-content-lg-stretch {
              align-content: stretch !important;
          }

          .align-self-lg-auto {
              align-self: auto !important;
          }

          .align-self-lg-start {
              align-self: flex-start !important;
          }

          .align-self-lg-end {
              align-self: flex-end !important;
          }

          .align-self-lg-center {
              align-self: center !important;
          }

          .align-self-lg-baseline {
              align-self: baseline !important;
          }

          .align-self-lg-stretch {
              align-self: stretch !important;
          }

          .order-lg-first {
              order: -1 !important;
          }

          .order-lg-0 {
              order: 0 !important;
          }

          .order-lg-1 {
              order: 1 !important;
          }

          .order-lg-2 {
              order: 2 !important;
          }

          .order-lg-3 {
              order: 3 !important;
          }

          .order-lg-4 {
              order: 4 !important;
          }

          .order-lg-5 {
              order: 5 !important;
          }

          .order-lg-last {
              order: 6 !important;
          }

          .m-lg-0 {
              margin: 0 !important;
          }

          .m-lg-1 {
              margin: 0.25rem !important;
          }

          .m-lg-2 {
              margin: 0.5rem !important;
          }

          .m-lg-3 {
              margin: 1rem !important;
          }

          .m-lg-4 {
              margin: 1.5rem !important;
          }

          .m-lg-5 {
              margin: 3rem !important;
          }

          .m-lg-auto {
              margin: auto !important;
          }

          .mx-lg-0 {
              margin-right: 0 !important;
              margin-left: 0 !important;
          }

          .mx-lg-1 {
              margin-right: 0.25rem !important;
              margin-left: 0.25rem !important;
          }

          .mx-lg-2 {
              margin-right: 0.5rem !important;
              margin-left: 0.5rem !important;
          }

          .mx-lg-3 {
              margin-right: 1rem !important;
              margin-left: 1rem !important;
          }

          .mx-lg-4 {
              margin-right: 1.5rem !important;
              margin-left: 1.5rem !important;
          }

          .mx-lg-5 {
              margin-right: 3rem !important;
              margin-left: 3rem !important;
          }

          .mx-lg-auto {
              margin-right: auto !important;
              margin-left: auto !important;
          }

          .my-lg-0 {
              margin-top: 0 !important;
              margin-bottom: 0 !important;
          }

          .my-lg-1 {
              margin-top: 0.25rem !important;
              margin-bottom: 0.25rem !important;
          }

          .my-lg-2 {
              margin-top: 0.5rem !important;
              margin-bottom: 0.5rem !important;
          }

          .my-lg-3 {
              margin-top: 1rem !important;
              margin-bottom: 1rem !important;
          }

          .my-lg-4 {
              margin-top: 1.5rem !important;
              margin-bottom: 1.5rem !important;
          }

          .my-lg-5 {
              margin-top: 3rem !important;
              margin-bottom: 3rem !important;
          }

          .my-lg-auto {
              margin-top: auto !important;
              margin-bottom: auto !important;
          }

          .mt-lg-0 {
              margin-top: 0 !important;
          }

          .mt-lg-1 {
              margin-top: 0.25rem !important;
          }

          .mt-lg-2 {
              margin-top: 0.5rem !important;
          }

          .mt-lg-3 {
              margin-top: 1rem !important;
          }

          .mt-lg-4 {
              margin-top: 1.5rem !important;
          }

          .mt-lg-5 {
              margin-top: 3rem !important;
          }

          .mt-lg-auto {
              margin-top: auto !important;
          }

          .me-lg-0 {
              margin-right: 0 !important;
          }

          .me-lg-1 {
              margin-right: 0.25rem !important;
          }

          .me-lg-2 {
              margin-right: 0.5rem !important;
          }

          .me-lg-3 {
              margin-right: 1rem !important;
          }

          .me-lg-4 {
              margin-right: 1.5rem !important;
          }

          .me-lg-5 {
              margin-right: 3rem !important;
          }

          .me-lg-auto {
              margin-right: auto !important;
          }

          .mb-lg-0 {
              margin-bottom: 0 !important;
          }

          .mb-lg-1 {
              margin-bottom: 0.25rem !important;
          }

          .mb-lg-2 {
              margin-bottom: 0.5rem !important;
          }

          .mb-lg-3 {
              margin-bottom: 1rem !important;
          }

          .mb-lg-4 {
              margin-bottom: 1.5rem !important;
          }

          .mb-lg-5 {
              margin-bottom: 3rem !important;
          }

          .mb-lg-auto {
              margin-bottom: auto !important;
          }

          .ms-lg-0 {
              margin-left: 0 !important;
          }

          .ms-lg-1 {
              margin-left: 0.25rem !important;
          }

          .ms-lg-2 {
              margin-left: 0.5rem !important;
          }

          .ms-lg-3 {
              margin-left: 1rem !important;
          }

          .ms-lg-4 {
              margin-left: 1.5rem !important;
          }

          .ms-lg-5 {
              margin-left: 3rem !important;
          }

          .ms-lg-auto {
              margin-left: auto !important;
          }

          .p-lg-0 {
              padding: 0 !important;
          }

          .p-lg-1 {
              padding: 0.25rem !important;
          }

          .p-lg-2 {
              padding: 0.5rem !important;
          }

          .p-lg-3 {
              padding: 1rem !important;
          }

          .p-lg-4 {
              padding: 1.5rem !important;
          }

          .p-lg-5 {
              padding: 3rem !important;
          }

          .px-lg-0 {
              padding-right: 0 !important;
              padding-left: 0 !important;
          }

          .px-lg-1 {
              padding-right: 0.25rem !important;
              padding-left: 0.25rem !important;
          }

          .px-lg-2 {
              padding-right: 0.5rem !important;
              padding-left: 0.5rem !important;
          }

          .px-lg-3 {
              padding-right: 1rem !important;
              padding-left: 1rem !important;
          }

          .px-lg-4 {
              padding-right: 1.5rem !important;
              padding-left: 1.5rem !important;
          }

          .px-lg-5 {
              padding-right: 3rem !important;
              padding-left: 3rem !important;
          }

          .py-lg-0 {
              padding-top: 0 !important;
              padding-bottom: 0 !important;
          }

          .py-lg-1 {
              padding-top: 0.25rem !important;
              padding-bottom: 0.25rem !important;
          }

          .py-lg-2 {
              padding-top: 0.5rem !important;
              padding-bottom: 0.5rem !important;
          }

          .py-lg-3 {
              padding-top: 1rem !important;
              padding-bottom: 1rem !important;
          }

          .py-lg-4 {
              padding-top: 1.5rem !important;
              padding-bottom: 1.5rem !important;
          }

          .py-lg-5 {
              padding-top: 3rem !important;
              padding-bottom: 3rem !important;
          }

          .pt-lg-0 {
              padding-top: 0 !important;
          }

          .pt-lg-1 {
              padding-top: 0.25rem !important;
          }

          .pt-lg-2 {
              padding-top: 0.5rem !important;
          }

          .pt-lg-3 {
              padding-top: 1rem !important;
          }

          .pt-lg-4 {
              padding-top: 1.5rem !important;
          }

          .pt-lg-5 {
              padding-top: 3rem !important;
          }

          .pe-lg-0 {
              padding-right: 0 !important;
          }

          .pe-lg-1 {
              padding-right: 0.25rem !important;
          }

          .pe-lg-2 {
              padding-right: 0.5rem !important;
          }

          .pe-lg-3 {
              padding-right: 1rem !important;
          }

          .pe-lg-4 {
              padding-right: 1.5rem !important;
          }

          .pe-lg-5 {
              padding-right: 3rem !important;
          }

          .pb-lg-0 {
              padding-bottom: 0 !important;
          }

          .pb-lg-1 {
              padding-bottom: 0.25rem !important;
          }

          .pb-lg-2 {
              padding-bottom: 0.5rem !important;
          }

          .pb-lg-3 {
              padding-bottom: 1rem !important;
          }

          .pb-lg-4 {
              padding-bottom: 1.5rem !important;
          }

          .pb-lg-5 {
              padding-bottom: 3rem !important;
          }

          .ps-lg-0 {
              padding-left: 0 !important;
          }

          .ps-lg-1 {
              padding-left: 0.25rem !important;
          }

          .ps-lg-2 {
              padding-left: 0.5rem !important;
          }

          .ps-lg-3 {
              padding-left: 1rem !important;
          }

          .ps-lg-4 {
              padding-left: 1.5rem !important;
          }

          .ps-lg-5 {
              padding-left: 3rem !important;
          }

          .gap-lg-0 {
              gap: 0 !important;
          }

          .gap-lg-1 {
              gap: 0.25rem !important;
          }

          .gap-lg-2 {
              gap: 0.5rem !important;
          }

          .gap-lg-3 {
              gap: 1rem !important;
          }

          .gap-lg-4 {
              gap: 1.5rem !important;
          }

          .gap-lg-5 {
              gap: 3rem !important;
          }

          .row-gap-lg-0 {
              row-gap: 0 !important;
          }

          .row-gap-lg-1 {
              row-gap: 0.25rem !important;
          }

          .row-gap-lg-2 {
              row-gap: 0.5rem !important;
          }

          .row-gap-lg-3 {
              row-gap: 1rem !important;
          }

          .row-gap-lg-4 {
              row-gap: 1.5rem !important;
          }

          .row-gap-lg-5 {
              row-gap: 3rem !important;
          }

          .column-gap-lg-0 {
              -moz-column-gap: 0 !important;
              column-gap: 0 !important;
          }

          .column-gap-lg-1 {
              -moz-column-gap: 0.25rem !important;
              column-gap: 0.25rem !important;
          }

          .column-gap-lg-2 {
              -moz-column-gap: 0.5rem !important;
              column-gap: 0.5rem !important;
          }

          .column-gap-lg-3 {
              -moz-column-gap: 1rem !important;
              column-gap: 1rem !important;
          }

          .column-gap-lg-4 {
              -moz-column-gap: 1.5rem !important;
              column-gap: 1.5rem !important;
          }

          .column-gap-lg-5 {
              -moz-column-gap: 3rem !important;
              column-gap: 3rem !important;
          }

          .text-lg-start {
              text-align: left !important;
          }

          .text-lg-end {
              text-align: right !important;
          }

          .text-lg-center {
              text-align: center !important;
          }
      }

      @media (min-width: 1200px) {
          .float-xl-start {
              float: left !important;
          }

          .float-xl-end {
              float: right !important;
          }

          .float-xl-none {
              float: none !important;
          }

          .object-fit-xl-contain {
              -o-object-fit: contain !important;
              object-fit: contain !important;
          }

          .object-fit-xl-cover {
              -o-object-fit: cover !important;
              object-fit: cover !important;
          }

          .object-fit-xl-fill {
              -o-object-fit: fill !important;
              object-fit: fill !important;
          }

          .object-fit-xl-scale {
              -o-object-fit: scale-down !important;
              object-fit: scale-down !important;
          }

          .object-fit-xl-none {
              -o-object-fit: none !important;
              object-fit: none !important;
          }

          .d-xl-inline {
              display: inline !important;
          }

          .d-xl-inline-block {
              display: inline-block !important;
          }

          .d-xl-block {
              display: block !important;
          }

          .d-xl-grid {
              display: grid !important;
          }

          .d-xl-inline-grid {
              display: inline-grid !important;
          }

          .d-xl-table {
              display: table !important;
          }

          .d-xl-table-row {
              display: table-row !important;
          }

          .d-xl-table-cell {
              display: table-cell !important;
          }

          .d-xl-flex {
              display: flex !important;
          }

          .d-xl-inline-flex {
              display: inline-flex !important;
          }

          .d-xl-none {
              display: none !important;
          }

          .flex-xl-fill {
              flex: 1 1 auto !important;
          }

          .flex-xl-row {
              flex-direction: row !important;
          }

          .flex-xl-column {
              flex-direction: column !important;
          }

          .flex-xl-row-reverse {
              flex-direction: row-reverse !important;
          }

          .flex-xl-column-reverse {
              flex-direction: column-reverse !important;
          }

          .flex-xl-grow-0 {
              flex-grow: 0 !important;
          }

          .flex-xl-grow-1 {
              flex-grow: 1 !important;
          }

          .flex-xl-shrink-0 {
              flex-shrink: 0 !important;
          }

          .flex-xl-shrink-1 {
              flex-shrink: 1 !important;
          }

          .flex-xl-wrap {
              flex-wrap: wrap !important;
          }

          .flex-xl-nowrap {
              flex-wrap: nowrap !important;
          }

          .flex-xl-wrap-reverse {
              flex-wrap: wrap-reverse !important;
          }

          .justify-content-xl-start {
              justify-content: flex-start !important;
          }

          .justify-content-xl-end {
              justify-content: flex-end !important;
          }

          .justify-content-xl-center {
              justify-content: center !important;
          }

          .justify-content-xl-between {
              justify-content: space-between !important;
          }

          .justify-content-xl-around {
              justify-content: space-around !important;
          }

          .justify-content-xl-evenly {
              justify-content: space-evenly !important;
          }

          .align-items-xl-start {
              align-items: flex-start !important;
          }

          .align-items-xl-end {
              align-items: flex-end !important;
          }

          .align-items-xl-center {
              align-items: center !important;
          }

          .align-items-xl-baseline {
              align-items: baseline !important;
          }

          .align-items-xl-stretch {
              align-items: stretch !important;
          }

          .align-content-xl-start {
              align-content: flex-start !important;
          }

          .align-content-xl-end {
              align-content: flex-end !important;
          }

          .align-content-xl-center {
              align-content: center !important;
          }

          .align-content-xl-between {
              align-content: space-between !important;
          }

          .align-content-xl-around {
              align-content: space-around !important;
          }

          .align-content-xl-stretch {
              align-content: stretch !important;
          }

          .align-self-xl-auto {
              align-self: auto !important;
          }

          .align-self-xl-start {
              align-self: flex-start !important;
          }

          .align-self-xl-end {
              align-self: flex-end !important;
          }

          .align-self-xl-center {
              align-self: center !important;
          }

          .align-self-xl-baseline {
              align-self: baseline !important;
          }

          .align-self-xl-stretch {
              align-self: stretch !important;
          }

          .order-xl-first {
              order: -1 !important;
          }

          .order-xl-0 {
              order: 0 !important;
          }

          .order-xl-1 {
              order: 1 !important;
          }

          .order-xl-2 {
              order: 2 !important;
          }

          .order-xl-3 {
              order: 3 !important;
          }

          .order-xl-4 {
              order: 4 !important;
          }

          .order-xl-5 {
              order: 5 !important;
          }

          .order-xl-last {
              order: 6 !important;
          }

          .m-xl-0 {
              margin: 0 !important;
          }

          .m-xl-1 {
              margin: 0.25rem !important;
          }

          .m-xl-2 {
              margin: 0.5rem !important;
          }

          .m-xl-3 {
              margin: 1rem !important;
          }

          .m-xl-4 {
              margin: 1.5rem !important;
          }

          .m-xl-5 {
              margin: 3rem !important;
          }

          .m-xl-auto {
              margin: auto !important;
          }

          .mx-xl-0 {
              margin-right: 0 !important;
              margin-left: 0 !important;
          }

          .mx-xl-1 {
              margin-right: 0.25rem !important;
              margin-left: 0.25rem !important;
          }

          .mx-xl-2 {
              margin-right: 0.5rem !important;
              margin-left: 0.5rem !important;
          }

          .mx-xl-3 {
              margin-right: 1rem !important;
              margin-left: 1rem !important;
          }

          .mx-xl-4 {
              margin-right: 1.5rem !important;
              margin-left: 1.5rem !important;
          }

          .mx-xl-5 {
              margin-right: 3rem !important;
              margin-left: 3rem !important;
          }

          .mx-xl-auto {
              margin-right: auto !important;
              margin-left: auto !important;
          }

          .my-xl-0 {
              margin-top: 0 !important;
              margin-bottom: 0 !important;
          }

          .my-xl-1 {
              margin-top: 0.25rem !important;
              margin-bottom: 0.25rem !important;
          }

          .my-xl-2 {
              margin-top: 0.5rem !important;
              margin-bottom: 0.5rem !important;
          }

          .my-xl-3 {
              margin-top: 1rem !important;
              margin-bottom: 1rem !important;
          }

          .my-xl-4 {
              margin-top: 1.5rem !important;
              margin-bottom: 1.5rem !important;
          }

          .my-xl-5 {
              margin-top: 3rem !important;
              margin-bottom: 3rem !important;
          }

          .my-xl-auto {
              margin-top: auto !important;
              margin-bottom: auto !important;
          }

          .mt-xl-0 {
              margin-top: 0 !important;
          }

          .mt-xl-1 {
              margin-top: 0.25rem !important;
          }

          .mt-xl-2 {
              margin-top: 0.5rem !important;
          }

          .mt-xl-3 {
              margin-top: 1rem !important;
          }

          .mt-xl-4 {
              margin-top: 1.5rem !important;
          }

          .mt-xl-5 {
              margin-top: 3rem !important;
          }

          .mt-xl-auto {
              margin-top: auto !important;
          }

          .me-xl-0 {
              margin-right: 0 !important;
          }

          .me-xl-1 {
              margin-right: 0.25rem !important;
          }

          .me-xl-2 {
              margin-right: 0.5rem !important;
          }

          .me-xl-3 {
              margin-right: 1rem !important;
          }

          .me-xl-4 {
              margin-right: 1.5rem !important;
          }

          .me-xl-5 {
              margin-right: 3rem !important;
          }

          .me-xl-auto {
              margin-right: auto !important;
          }

          .mb-xl-0 {
              margin-bottom: 0 !important;
          }

          .mb-xl-1 {
              margin-bottom: 0.25rem !important;
          }

          .mb-xl-2 {
              margin-bottom: 0.5rem !important;
          }

          .mb-xl-3 {
              margin-bottom: 1rem !important;
          }

          .mb-xl-4 {
              margin-bottom: 1.5rem !important;
          }

          .mb-xl-5 {
              margin-bottom: 3rem !important;
          }

          .mb-xl-auto {
              margin-bottom: auto !important;
          }

          .ms-xl-0 {
              margin-left: 0 !important;
          }

          .ms-xl-1 {
              margin-left: 0.25rem !important;
          }

          .ms-xl-2 {
              margin-left: 0.5rem !important;
          }

          .ms-xl-3 {
              margin-left: 1rem !important;
          }

          .ms-xl-4 {
              margin-left: 1.5rem !important;
          }

          .ms-xl-5 {
              margin-left: 3rem !important;
          }

          .ms-xl-auto {
              margin-left: auto !important;
          }

          .p-xl-0 {
              padding: 0 !important;
          }

          .p-xl-1 {
              padding: 0.25rem !important;
          }

          .p-xl-2 {
              padding: 0.5rem !important;
          }

          .p-xl-3 {
              padding: 1rem !important;
          }

          .p-xl-4 {
              padding: 1.5rem !important;
          }

          .p-xl-5 {
              padding: 3rem !important;
          }

          .px-xl-0 {
              padding-right: 0 !important;
              padding-left: 0 !important;
          }

          .px-xl-1 {
              padding-right: 0.25rem !important;
              padding-left: 0.25rem !important;
          }

          .px-xl-2 {
              padding-right: 0.5rem !important;
              padding-left: 0.5rem !important;
          }

          .px-xl-3 {
              padding-right: 1rem !important;
              padding-left: 1rem !important;
          }

          .px-xl-4 {
              padding-right: 1.5rem !important;
              padding-left: 1.5rem !important;
          }

          .px-xl-5 {
              padding-right: 3rem !important;
              padding-left: 3rem !important;
          }

          .py-xl-0 {
              padding-top: 0 !important;
              padding-bottom: 0 !important;
          }

          .py-xl-1 {
              padding-top: 0.25rem !important;
              padding-bottom: 0.25rem !important;
          }

          .py-xl-2 {
              padding-top: 0.5rem !important;
              padding-bottom: 0.5rem !important;
          }

          .py-xl-3 {
              padding-top: 1rem !important;
              padding-bottom: 1rem !important;
          }

          .py-xl-4 {
              padding-top: 1.5rem !important;
              padding-bottom: 1.5rem !important;
          }

          .py-xl-5 {
              padding-top: 3rem !important;
              padding-bottom: 3rem !important;
          }

          .pt-xl-0 {
              padding-top: 0 !important;
          }

          .pt-xl-1 {
              padding-top: 0.25rem !important;
          }

          .pt-xl-2 {
              padding-top: 0.5rem !important;
          }

          .pt-xl-3 {
              padding-top: 1rem !important;
          }

          .pt-xl-4 {
              padding-top: 1.5rem !important;
          }

          .pt-xl-5 {
              padding-top: 3rem !important;
          }

          .pe-xl-0 {
              padding-right: 0 !important;
          }

          .pe-xl-1 {
              padding-right: 0.25rem !important;
          }

          .pe-xl-2 {
              padding-right: 0.5rem !important;
          }

          .pe-xl-3 {
              padding-right: 1rem !important;
          }

          .pe-xl-4 {
              padding-right: 1.5rem !important;
          }

          .pe-xl-5 {
              padding-right: 3rem !important;
          }

          .pb-xl-0 {
              padding-bottom: 0 !important;
          }

          .pb-xl-1 {
              padding-bottom: 0.25rem !important;
          }

          .pb-xl-2 {
              padding-bottom: 0.5rem !important;
          }

          .pb-xl-3 {
              padding-bottom: 1rem !important;
          }

          .pb-xl-4 {
              padding-bottom: 1.5rem !important;
          }

          .pb-xl-5 {
              padding-bottom: 3rem !important;
          }

          .ps-xl-0 {
              padding-left: 0 !important;
          }

          .ps-xl-1 {
              padding-left: 0.25rem !important;
          }

          .ps-xl-2 {
              padding-left: 0.5rem !important;
          }

          .ps-xl-3 {
              padding-left: 1rem !important;
          }

          .ps-xl-4 {
              padding-left: 1.5rem !important;
          }

          .ps-xl-5 {
              padding-left: 3rem !important;
          }

          .gap-xl-0 {
              gap: 0 !important;
          }

          .gap-xl-1 {
              gap: 0.25rem !important;
          }

          .gap-xl-2 {
              gap: 0.5rem !important;
          }

          .gap-xl-3 {
              gap: 1rem !important;
          }

          .gap-xl-4 {
              gap: 1.5rem !important;
          }

          .gap-xl-5 {
              gap: 3rem !important;
          }

          .row-gap-xl-0 {
              row-gap: 0 !important;
          }

          .row-gap-xl-1 {
              row-gap: 0.25rem !important;
          }

          .row-gap-xl-2 {
              row-gap: 0.5rem !important;
          }

          .row-gap-xl-3 {
              row-gap: 1rem !important;
          }

          .row-gap-xl-4 {
              row-gap: 1.5rem !important;
          }

          .row-gap-xl-5 {
              row-gap: 3rem !important;
          }

          .column-gap-xl-0 {
              -moz-column-gap: 0 !important;
              column-gap: 0 !important;
          }

          .column-gap-xl-1 {
              -moz-column-gap: 0.25rem !important;
              column-gap: 0.25rem !important;
          }

          .column-gap-xl-2 {
              -moz-column-gap: 0.5rem !important;
              column-gap: 0.5rem !important;
          }

          .column-gap-xl-3 {
              -moz-column-gap: 1rem !important;
              column-gap: 1rem !important;
          }

          .column-gap-xl-4 {
              -moz-column-gap: 1.5rem !important;
              column-gap: 1.5rem !important;
          }

          .column-gap-xl-5 {
              -moz-column-gap: 3rem !important;
              column-gap: 3rem !important;
          }

          .text-xl-start {
              text-align: left !important;
          }

          .text-xl-end {
              text-align: right !important;
          }

          .text-xl-center {
              text-align: center !important;
          }
      }

      @media (min-width: 1400px) {
          .float-xxl-start {
              float: left !important;
          }

          .float-xxl-end {
              float: right !important;
          }

          .float-xxl-none {
              float: none !important;
          }

          .object-fit-xxl-contain {
              -o-object-fit: contain !important;
              object-fit: contain !important;
          }

          .object-fit-xxl-cover {
              -o-object-fit: cover !important;
              object-fit: cover !important;
          }

          .object-fit-xxl-fill {
              -o-object-fit: fill !important;
              object-fit: fill !important;
          }

          .object-fit-xxl-scale {
              -o-object-fit: scale-down !important;
              object-fit: scale-down !important;
          }

          .object-fit-xxl-none {
              -o-object-fit: none !important;
              object-fit: none !important;
          }

          .d-xxl-inline {
              display: inline !important;
          }

          .d-xxl-inline-block {
              display: inline-block !important;
          }

          .d-xxl-block {
              display: block !important;
          }

          .d-xxl-grid {
              display: grid !important;
          }

          .d-xxl-inline-grid {
              display: inline-grid !important;
          }

          .d-xxl-table {
              display: table !important;
          }

          .d-xxl-table-row {
              display: table-row !important;
          }

          .d-xxl-table-cell {
              display: table-cell !important;
          }

          .d-xxl-flex {
              display: flex !important;
          }

          .d-xxl-inline-flex {
              display: inline-flex !important;
          }

          .d-xxl-none {
              display: none !important;
          }

          .flex-xxl-fill {
              flex: 1 1 auto !important;
          }

          .flex-xxl-row {
              flex-direction: row !important;
          }

          .flex-xxl-column {
              flex-direction: column !important;
          }

          .flex-xxl-row-reverse {
              flex-direction: row-reverse !important;
          }

          .flex-xxl-column-reverse {
              flex-direction: column-reverse !important;
          }

          .flex-xxl-grow-0 {
              flex-grow: 0 !important;
          }

          .flex-xxl-grow-1 {
              flex-grow: 1 !important;
          }

          .flex-xxl-shrink-0 {
              flex-shrink: 0 !important;
          }

          .flex-xxl-shrink-1 {
              flex-shrink: 1 !important;
          }

          .flex-xxl-wrap {
              flex-wrap: wrap !important;
          }

          .flex-xxl-nowrap {
              flex-wrap: nowrap !important;
          }

          .flex-xxl-wrap-reverse {
              flex-wrap: wrap-reverse !important;
          }

          .justify-content-xxl-start {
              justify-content: flex-start !important;
          }

          .justify-content-xxl-end {
              justify-content: flex-end !important;
          }

          .justify-content-xxl-center {
              justify-content: center !important;
          }

          .justify-content-xxl-between {
              justify-content: space-between !important;
          }

          .justify-content-xxl-around {
              justify-content: space-around !important;
          }

          .justify-content-xxl-evenly {
              justify-content: space-evenly !important;
          }

          .align-items-xxl-start {
              align-items: flex-start !important;
          }

          .align-items-xxl-end {
              align-items: flex-end !important;
          }

          .align-items-xxl-center {
              align-items: center !important;
          }

          .align-items-xxl-baseline {
              align-items: baseline !important;
          }

          .align-items-xxl-stretch {
              align-items: stretch !important;
          }

          .align-content-xxl-start {
              align-content: flex-start !important;
          }

          .align-content-xxl-end {
              align-content: flex-end !important;
          }

          .align-content-xxl-center {
              align-content: center !important;
          }

          .align-content-xxl-between {
              align-content: space-between !important;
          }

          .align-content-xxl-around {
              align-content: space-around !important;
          }

          .align-content-xxl-stretch {
              align-content: stretch !important;
          }

          .align-self-xxl-auto {
              align-self: auto !important;
          }

          .align-self-xxl-start {
              align-self: flex-start !important;
          }

          .align-self-xxl-end {
              align-self: flex-end !important;
          }

          .align-self-xxl-center {
              align-self: center !important;
          }

          .align-self-xxl-baseline {
              align-self: baseline !important;
          }

          .align-self-xxl-stretch {
              align-self: stretch !important;
          }

          .order-xxl-first {
              order: -1 !important;
          }

          .order-xxl-0 {
              order: 0 !important;
          }

          .order-xxl-1 {
              order: 1 !important;
          }

          .order-xxl-2 {
              order: 2 !important;
          }

          .order-xxl-3 {
              order: 3 !important;
          }

          .order-xxl-4 {
              order: 4 !important;
          }

          .order-xxl-5 {
              order: 5 !important;
          }

          .order-xxl-last {
              order: 6 !important;
          }

          .m-xxl-0 {
              margin: 0 !important;
          }

          .m-xxl-1 {
              margin: 0.25rem !important;
          }

          .m-xxl-2 {
              margin: 0.5rem !important;
          }

          .m-xxl-3 {
              margin: 1rem !important;
          }

          .m-xxl-4 {
              margin: 1.5rem !important;
          }

          .m-xxl-5 {
              margin: 3rem !important;
          }

          .m-xxl-auto {
              margin: auto !important;
          }

          .mx-xxl-0 {
              margin-right: 0 !important;
              margin-left: 0 !important;
          }

          .mx-xxl-1 {
              margin-right: 0.25rem !important;
              margin-left: 0.25rem !important;
          }

          .mx-xxl-2 {
              margin-right: 0.5rem !important;
              margin-left: 0.5rem !important;
          }

          .mx-xxl-3 {
              margin-right: 1rem !important;
              margin-left: 1rem !important;
          }

          .mx-xxl-4 {
              margin-right: 1.5rem !important;
              margin-left: 1.5rem !important;
          }

          .mx-xxl-5 {
              margin-right: 3rem !important;
              margin-left: 3rem !important;
          }

          .mx-xxl-auto {
              margin-right: auto !important;
              margin-left: auto !important;
          }

          .my-xxl-0 {
              margin-top: 0 !important;
              margin-bottom: 0 !important;
          }

          .my-xxl-1 {
              margin-top: 0.25rem !important;
              margin-bottom: 0.25rem !important;
          }

          .my-xxl-2 {
              margin-top: 0.5rem !important;
              margin-bottom: 0.5rem !important;
          }

          .my-xxl-3 {
              margin-top: 1rem !important;
              margin-bottom: 1rem !important;
          }

          .my-xxl-4 {
              margin-top: 1.5rem !important;
              margin-bottom: 1.5rem !important;
          }

          .my-xxl-5 {
              margin-top: 3rem !important;
              margin-bottom: 3rem !important;
          }

          .my-xxl-auto {
              margin-top: auto !important;
              margin-bottom: auto !important;
          }

          .mt-xxl-0 {
              margin-top: 0 !important;
          }

          .mt-xxl-1 {
              margin-top: 0.25rem !important;
          }

          .mt-xxl-2 {
              margin-top: 0.5rem !important;
          }

          .mt-xxl-3 {
              margin-top: 1rem !important;
          }

          .mt-xxl-4 {
              margin-top: 1.5rem !important;
          }

          .mt-xxl-5 {
              margin-top: 3rem !important;
          }

          .mt-xxl-auto {
              margin-top: auto !important;
          }

          .me-xxl-0 {
              margin-right: 0 !important;
          }

          .me-xxl-1 {
              margin-right: 0.25rem !important;
          }

          .me-xxl-2 {
              margin-right: 0.5rem !important;
          }

          .me-xxl-3 {
              margin-right: 1rem !important;
          }

          .me-xxl-4 {
              margin-right: 1.5rem !important;
          }

          .me-xxl-5 {
              margin-right: 3rem !important;
          }

          .me-xxl-auto {
              margin-right: auto !important;
          }

          .mb-xxl-0 {
              margin-bottom: 0 !important;
          }

          .mb-xxl-1 {
              margin-bottom: 0.25rem !important;
          }

          .mb-xxl-2 {
              margin-bottom: 0.5rem !important;
          }

          .mb-xxl-3 {
              margin-bottom: 1rem !important;
          }

          .mb-xxl-4 {
              margin-bottom: 1.5rem !important;
          }

          .mb-xxl-5 {
              margin-bottom: 3rem !important;
          }

          .mb-xxl-auto {
              margin-bottom: auto !important;
          }

          .ms-xxl-0 {
              margin-left: 0 !important;
          }

          .ms-xxl-1 {
              margin-left: 0.25rem !important;
          }

          .ms-xxl-2 {
              margin-left: 0.5rem !important;
          }

          .ms-xxl-3 {
              margin-left: 1rem !important;
          }

          .ms-xxl-4 {
              margin-left: 1.5rem !important;
          }

          .ms-xxl-5 {
              margin-left: 3rem !important;
          }

          .ms-xxl-auto {
              margin-left: auto !important;
          }

          .p-xxl-0 {
              padding: 0 !important;
          }

          .p-xxl-1 {
              padding: 0.25rem !important;
          }

          .p-xxl-2 {
              padding: 0.5rem !important;
          }

          .p-xxl-3 {
              padding: 1rem !important;
          }

          .p-xxl-4 {
              padding: 1.5rem !important;
          }

          .p-xxl-5 {
              padding: 3rem !important;
          }

          .px-xxl-0 {
              padding-right: 0 !important;
              padding-left: 0 !important;
          }

          .px-xxl-1 {
              padding-right: 0.25rem !important;
              padding-left: 0.25rem !important;
          }

          .px-xxl-2 {
              padding-right: 0.5rem !important;
              padding-left: 0.5rem !important;
          }

          .px-xxl-3 {
              padding-right: 1rem !important;
              padding-left: 1rem !important;
          }

          .px-xxl-4 {
              padding-right: 1.5rem !important;
              padding-left: 1.5rem !important;
          }

          .px-xxl-5 {
              padding-right: 3rem !important;
              padding-left: 3rem !important;
          }

          .py-xxl-0 {
              padding-top: 0 !important;
              padding-bottom: 0 !important;
          }

          .py-xxl-1 {
              padding-top: 0.25rem !important;
              padding-bottom: 0.25rem !important;
          }

          .py-xxl-2 {
              padding-top: 0.5rem !important;
              padding-bottom: 0.5rem !important;
          }

          .py-xxl-3 {
              padding-top: 1rem !important;
              padding-bottom: 1rem !important;
          }

          .py-xxl-4 {
              padding-top: 1.5rem !important;
              padding-bottom: 1.5rem !important;
          }

          .py-xxl-5 {
              padding-top: 3rem !important;
              padding-bottom: 3rem !important;
          }

          .pt-xxl-0 {
              padding-top: 0 !important;
          }

          .pt-xxl-1 {
              padding-top: 0.25rem !important;
          }

          .pt-xxl-2 {
              padding-top: 0.5rem !important;
          }

          .pt-xxl-3 {
              padding-top: 1rem !important;
          }

          .pt-xxl-4 {
              padding-top: 1.5rem !important;
          }

          .pt-xxl-5 {
              padding-top: 3rem !important;
          }

          .pe-xxl-0 {
              padding-right: 0 !important;
          }

          .pe-xxl-1 {
              padding-right: 0.25rem !important;
          }

          .pe-xxl-2 {
              padding-right: 0.5rem !important;
          }

          .pe-xxl-3 {
              padding-right: 1rem !important;
          }

          .pe-xxl-4 {
              padding-right: 1.5rem !important;
          }

          .pe-xxl-5 {
              padding-right: 3rem !important;
          }

          .pb-xxl-0 {
              padding-bottom: 0 !important;
          }

          .pb-xxl-1 {
              padding-bottom: 0.25rem !important;
          }

          .pb-xxl-2 {
              padding-bottom: 0.5rem !important;
          }

          .pb-xxl-3 {
              padding-bottom: 1rem !important;
          }

          .pb-xxl-4 {
              padding-bottom: 1.5rem !important;
          }

          .pb-xxl-5 {
              padding-bottom: 3rem !important;
          }

          .ps-xxl-0 {
              padding-left: 0 !important;
          }

          .ps-xxl-1 {
              padding-left: 0.25rem !important;
          }

          .ps-xxl-2 {
              padding-left: 0.5rem !important;
          }

          .ps-xxl-3 {
              padding-left: 1rem !important;
          }

          .ps-xxl-4 {
              padding-left: 1.5rem !important;
          }

          .ps-xxl-5 {
              padding-left: 3rem !important;
          }

          .gap-xxl-0 {
              gap: 0 !important;
          }

          .gap-xxl-1 {
              gap: 0.25rem !important;
          }

          .gap-xxl-2 {
              gap: 0.5rem !important;
          }

          .gap-xxl-3 {
              gap: 1rem !important;
          }

          .gap-xxl-4 {
              gap: 1.5rem !important;
          }

          .gap-xxl-5 {
              gap: 3rem !important;
          }

          .row-gap-xxl-0 {
              row-gap: 0 !important;
          }

          .row-gap-xxl-1 {
              row-gap: 0.25rem !important;
          }

          .row-gap-xxl-2 {
              row-gap: 0.5rem !important;
          }

          .row-gap-xxl-3 {
              row-gap: 1rem !important;
          }

          .row-gap-xxl-4 {
              row-gap: 1.5rem !important;
          }

          .row-gap-xxl-5 {
              row-gap: 3rem !important;
          }

          .column-gap-xxl-0 {
              -moz-column-gap: 0 !important;
              column-gap: 0 !important;
          }

          .column-gap-xxl-1 {
              -moz-column-gap: 0.25rem !important;
              column-gap: 0.25rem !important;
          }

          .column-gap-xxl-2 {
              -moz-column-gap: 0.5rem !important;
              column-gap: 0.5rem !important;
          }

          .column-gap-xxl-3 {
              -moz-column-gap: 1rem !important;
              column-gap: 1rem !important;
          }

          .column-gap-xxl-4 {
              -moz-column-gap: 1.5rem !important;
              column-gap: 1.5rem !important;
          }

          .column-gap-xxl-5 {
              -moz-column-gap: 3rem !important;
              column-gap: 3rem !important;
          }

          .text-xxl-start {
              text-align: left !important;
          }

          .text-xxl-end {
              text-align: right !important;
          }

          .text-xxl-center {
              text-align: center !important;
          }
      }

      @media (min-width: 1200px) {
          .fs-1 {
              font-size: 2.5rem !important;
          }

          .fs-2 {
              font-size: 2rem !important;
          }

          .fs-3 {
              font-size: 1.75rem !important;
          }

          .fs-4 {
              font-size: 1.5rem !important;
          }
      }

      @media print {
          .d-print-inline {
              display: inline !important;
          }

          .d-print-inline-block {
              display: inline-block !important;
          }

          .d-print-block {
              display: block !important;
          }

          .d-print-grid {
              display: grid !important;
          }

          .d-print-inline-grid {
              display: inline-grid !important;
          }

          .d-print-table {
              display: table !important;
          }

          .d-print-table-row {
              display: table-row !important;
          }

          .d-print-table-cell {
              display: table-cell !important;
          }

          .d-print-flex {
              display: flex !important;
          }

          .d-print-inline-flex {
              display: inline-flex !important;
          }

          .d-print-none {
              display: none !important;
          }
      }

      /*# sourceMappingURL=bootstrap.min.css.map */

      /* 1.1 - Template Fonts - Start
================================================== */
      @font-face {
          font-family: "SuisseIntl Regular";
          src: url("../fonts/suisseIntl-regular.ttf") format("truetype");
          font-weight: 400;
          font-style: normal;
          font-display: swap;
      }

      @font-face {
          font-family: "SuisseIntl Medium";
          src: url("../fonts/suisseIntl-medium.ttf") format("truetype");
          font-weight: 500;
          font-style: normal;
          font-display: swap;
      }

      @font-face {
          font-family: "SuisseIntl SemiBold";
          src: url("../fonts/suisseIntl-semibold.ttf") format("truetype");
          font-weight: 600;
          font-style: normal;
          font-display: swap;
      }

      @font-face {
          font-family: "SuisseIntl Bold";
          src: url("../fonts/suisseIntl-bold.ttf") format("truetype");
          font-weight: 700;
          font-style: normal;
          font-display: swap;
      }

      /* 1.1 - Template Fonts - End
================================================== */
      /* 1.2 - Template Reset - Start
================================================== */
      body {
          margin: 0;
          padding: 0;
          font-size: var(--bs-body-font-size);
          font-weight: var(--bs-body-font-weight);
          line-height: var(--bs-body-line-height);
          font-style: normal;
          font-optical-sizing: auto;
          color: var(--bs-body-color);
          font-family: var(--bs-body-font-family);
          background-color: var(--bs-body-bg);
          text-rendering: optimizelegibility;
          -moz-osx-font-smoothing: grayscale;
          -webkit-font-smoothing: antialiased;
      }

      .page_wrapper {
          overflow: hidden;
          position: relative;
      }

      iframe {
          border: none;
      }

      a:focus,
      a:active,
      input,
      input:hover,
      input:focus,
      input:active,
      textarea,
      textarea:hover,
      textarea:focus,
      textarea:active {
          outline: none;
      }

      img:not([draggable]),
      embed,
      object,
      video {
          height: auto;
          max-width: 100%;
      }

      img {
          border: none;
          height: auto;
          max-width: 100%;
          user-select: none;
          vertical-align: middle;
      }

      a {
          outline: 0;
          display: inline-block;
          text-decoration: none;
          transition: var(--bs-transition);
          font-family: var(--bs-body-font-family);
      }

      a:active,
      a:focus,
      a:hover,
      a:visited {
          outline: 0;
          text-decoration: none;
      }

      button {
          padding: 0px;
          border: none;
          outline: none;
          background: none;
          display: inline-block;
          transition: var(--bs-transition);
          font-family: var(--bs-body-font-family);
      }

      button:focus {
          outline: none;
      }

      h1,
      h2,
      h3,
      h4,
      h5,
      h6 {
          color: var(--bs-heading-color);
          font-family: var(--bs-heading-font-family);
      }

      b,
      strong {
          font-weight: 700;
      }

      hr {
          opacity: 1;
          height: 1px;
          border: none;
          margin: 25px 0;
          background-color: var(--bs-border-color);
      }

      mark {
          padding: 0;
          color: var(--bs-primary);
          background-color: transparent;
      }

      .container {
          padding-left: 20px;
          padding-right: 20px;
      }

      .container-fluid {
          padding-left: 30px;
          padding-right: 30px;
      }

      .row {
          margin: -15px;
      }

      [class*="col-"] {
          padding: 10px;
      }

      .dropdown-menu {
          padding: 6px 0;
          margin-top: 30px;
          transition: 200ms;
          background-color: var(--bs-white);
          border-radius: var(--bs-border-radius);
          border: 1px solid var(--bs-border-color);
          box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.1);
      }

      .dropdown-menu:before {
          left: 0;
          right: 0;
          top: -30px;
          content: "";
          height: 30px;
          display: block;
          position: absolute;
      }

      .dropdown-menu>li {
          padding: 0 6px;
      }

      .dropdown-menu>li:not(:last-child) {
          margin-bottom: 1px;
      }

      .dropdown-menu>li>a {
          gap: 8px;
          display: flex;
          font-size: 16px;
          font-weight: 500;
          line-height: 20px;
          position: relative;
          border-radius: 7px;
          align-items: center;
          white-space: nowrap;
          color: var(--bs-dark);
          padding: 11px 20px 10px;
          justify-content: space-between;
      }

      .dropdown-menu>li:hover>a,
      .dropdown-menu>li.active>a {
          color: var(--bs-white);
          background-color: var(--bs-dark);
      }

      .dropdown-toggle {
          gap: 10px;
          align-items: center;
          display: inline-flex;
      }

      .dropdown-toggle::after {
          margin: 0;
          border: none;
          line-height: 1;
          content: "\f107";
          font-weight: 400;
          color: currentColor;
          font-family: "Font Awesome 6 Pro";
      }

      @media screen and (min-width: 992px) {
          .dropdown-menu {
              left: 0;
              opacity: 0;
              display: block;
              visibility: hidden;
              transform: translateY(4px);
          }

          .dropdown-menu>.dropdown>.dropdown-menu {
              left: 100%;
          }

          .dropdown:hover>.dropdown-menu {
              opacity: 1;
              display: block;
              visibility: visible;
              transform: translateY(0px);
          }

          .dropdown:hover>.dropdown-menu>.dropdown>.dropdown-menu {
              transform: translateY(0px);
          }
      }

      .language_dropdown .dropdown-toggle {
          display: flex;
          text-transform: uppercase;
          color: var(--bs-body-color);
      }

      .language_dropdown .dropdown-toggle:after {
          margin-left: -6px;
      }

      .language_dropdown .dropdown-toggle .name {
          color: currentColor;
      }

      .language_dropdown .dropdown-menu {
          margin-top: 10px;
      }

      .language_dropdown .dropdown-menu:before {
          top: -10px;
          height: 10px;
      }

      .language_dropdown .dropdown-menu {
          gap: 1px;
          border: none;
          padding: 6px;
          border-radius: 6px;
          background-color: var(--bs-white);
      }

      .language_dropdown .dropdown-menu>ul>li {
          gap: 10px;
          display: flex;
          cursor: pointer;
          border-radius: 4px;
          align-items: center;
          padding: 8px 20px 8px 10px;
      }

      .language_dropdown .dropdown-menu>ul>li:hover,
      .language_dropdown .dropdown-menu>ul>li.active {
          background-color: var(--bs-gray-200);
      }

      .language_dropdown .flag {
          width: 24px;
          height: 24px;
          flex: 0 0 auto;
          overflow: hidden;
          border-radius: 100%;
          display: inline-flex;
      }

      .language_dropdown .flag img {
          object-fit: cover;
      }

      .language_dropdown .name {
          line-height: 1;
          font-size: 14px;
          font-weight: 500;
          color: var(--bs-dark);
      }

      .overlay {
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          z-index: -1;
          position: absolute;
      }

      .section_decoration {
          z-index: 1;
          position: relative;
      }

      .section_decoration .decoration_item {
          z-index: -1;
          position: absolute;
      }

      .badge {
          line-height: 1;
          font-size: 14px;
          font-weight: 500;
          padding: 8px 10px;
          border-radius: 5px;
          color: #003d2b;
      }

      .badge .fa-circle {
          font-size: 12px;
      }

      .badge.style_2 {
          gap: 10px;
          padding: 8px 10px;
          border-radius: 50px;
          align-items: center;
          display: inline-flex;
          justify-content: center;
          color: var(--bs-heading-color);
          font-family: "SuisseIntl Medium";
          background-color: var(--bs-white);
          box-shadow: 0 4px 11px 0 rgba(1, 58, 55, 0.15);
      }

      .ml-10 {
          margin-left: 10px !important;
      }

      /* 1.2 - Template Reset - End
================================================== */
      .appp_btn .btn {
          padding: 18px 30px;
          font-size: 14px;
      }

      /* 2.01 - Template CSS Animations - Start
================================================== */
      @keyframes fadeInDown {
          0% {
              opacity: 0;
              transform: translateY(-20px);
          }

          100% {
              opacity: 1;
              transform: translateY(0);
          }
      }

      .fadeInDown {
          animation-name: fadeInDown;
      }

      @keyframes phoneRinging {
          from {
              transform: rotate3d(0, 0, 1, 0deg);
          }

          20%,
          32%,
          44%,
          56%,
          68% {
              transform: rotate3d(0, 0, 1, 0deg);
          }

          23%,
          35%,
          47%,
          59%,
          71% {
              transform: rotate3d(0, 0, 1, 15deg);
          }

          26%,
          38%,
          50%,
          62%,
          74% {
              transform: rotate3d(0, 0, 1, 0deg);
          }

          29%,
          41%,
          53%,
          65%,
          77% {
              transform: rotate3d(0, 0, 1, -15deg);
          }

          80% {
              transform: rotate3d(0, 0, 1, 0deg);
          }
      }

      .phoneRinging {
          animation: phoneRinging 1.5s infinite linear;
      }

      @keyframes spin {
          0% {
              transform: rotate(0deg);
          }

          100% {
              transform: rotate(360deg);
          }
      }

      .spinner {
          animation: spin 1s linear infinite;
      }

      @keyframes ripple {
          0% {
              opacity: 0.9;
          }

          100% {
              opacity: 0;
              transform: scale(1.6);
          }
      }

      .ripple {
          animation: ripple 1.5s linear infinite;
      }

      .path {
          stroke-dasharray: 6;
          stroke-dashoffset: 6;
          animation: dash 4s linear infinite;
      }

      @keyframes dash {
          0% {
              stroke-dashoffset: 100;
          }

          100% {
              stroke-dashoffset: 0;
          }
      }

      .path_2 {
          stroke-dasharray: 6;
          stroke-dashoffset: 6;
          animation: dashTwo 4s linear infinite;
      }

      @keyframes dashTwo {
          0% {
              stroke-dashoffset: 0;
          }

          100% {
              stroke-dashoffset: 100;
          }
      }

      /* 2.01 - Template CSS Animations - End
================================================== */
      /* 2.02 - Backtotop Button - Start
================================================== */
      .backtotop {
          right: 15px;
          z-index: 999;
          bottom: 60px;
          display: none;
          position: fixed;
      }

      .backtotop .scroll {
          z-index: 1;
          width: 42px;
          height: 42px;
          display: flex;
          font-size: 15px;
          position: relative;
          align-items: center;
          border-radius: 100%;
          color: var(--bs-dark);
          justify-content: center;
          background-color: var(--bs-white);
          border: 1px solid var(--bs-border-color);
          box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.1);
      }

      .backtotop .scroll:hover {
          color: var(--bs-dark);
      }

      /* 2.02 - Backtotop Button - End
================================================== */
      /* 2.03 - Template Gapping or Spacing - Start
================================================== */
      .section_space {
          background: #fff;
          padding-top: 0px;
          padding-bottom: 40px;
      }

      .row.online_banking_funfact {
          padding-bottom: 50px;
      }

      .online_banking_review.bg-dark {
          padding: 50px;
      }

      .heading_block.style_2.text-center {
          padding-top: 30px;
      }

      .funfact_section.section_space.bg-light {
          padding-top: 65px;
          background: ghostwhite !important;
          /* background: #f5f5dc !important; */
      }

      /* 1st box */
      .online_banking_features>.col-lg-6:nth-child(1) .imagebox_block {
          background: #fecdd3 !important;
      }

      /* 2nd box */
      .online_banking_features>.col-lg-6:nth-child(2) .imagebox_block {
          background: linear-gradient(135deg, #a1c4fd 0%, #c2e9fb 100%) !important;
      }

      /* 3rd box */
      .online_banking_features>.col-lg-4:nth-child(3) .imagebox_block {
          background: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%) !important;
      }

      /* 4th box */
      .online_banking_features>.col-lg-4:nth-child(4) .imagebox_block {
          background: linear-gradient(135deg, #e0c3fc 0%, #8ec5fc 100%) !important;
      }

      /* 5th box */
      .online_banking_features>.col-lg-4:nth-child(5) .imagebox_block {
          background: linear-gradient(135deg, #c1f0c1 0%, #a1e0a1 100%) !important;
      }

      /* 2.03 - Template Gapping or Spacing - End
================================================== */
      /* 2.04 - Order & Unorder List - Start
================================================== */
      [class*="unordered_list"] {
          margin: 0;
          padding: 0;
          display: flex;
          flex-wrap: nowrap;
          align-items: center;
      }

      [class*="unordered_list"]>li {
          float: left;
          list-style: none;
          display: inline-block;
      }

      .unordered_list_block {
          display: flex;
          flex-direction: column;
      }

      .unordered_list_block>li {
          width: 100%;
          display: block;
      }

      .iconlist_block.unordered_list_block {
          gap: 12px;
      }

      .iconlist_block>li {
          gap: 12px;
          display: flex;
          font-size: 16px;
          font-weight: 500;
          line-height: 30px;
          align-items: flex-start;
      }

      .iconlist_block a {
          gap: 12px;
          display: inline-flex;
          align-items: flex-start;
          color: var(--bs-body-color);
      }

      .iconlist_block a:hover {
          color: var(--bs-primary);
      }

      .iconlist_block .iconlist_icon:has(.fa-circle) {
          font-size: 6px;
          color: var(--bs-primary);
      }

      .iconlist_block .iconlist_icon img {
          width: 24px;
          margin-top: -2px;
      }

      .filter_elements_nav {
          display: flex;
          flex-wrap: wrap;
          margin-bottom: 70px;
      }

      .filter_elements_nav ul {
          gap: 1px;
          padding: 7px;
          border-radius: 10px;
          background-color: #d8e4e5;
      }

      .filter_elements_nav ul>li:hover button {
          background-color: var(--bs-white);
      }

      .filter_elements_nav ul>li.active button {
          background-color: var(--bs-white);
          box-shadow: 0 6px 12px 0 rgba(167, 197, 203, 0.39);
      }

      .filter_elements_nav button {
          line-height: 1;
          font-size: 16px;
          font-weight: 700;
          padding: 14px 30px;
          border-radius: 10px;
          color: var(--bs-heading-color);
      }

      .post_meta {
          gap: 30px;
      }

      .post_meta>li {
          font-size: 16px;
          font-weight: 600;
      }

      .post_meta a {
          gap: 8px;
          line-height: 1;
          align-items: center;
          display: inline-flex;
          color: var(--bs-body-color);
      }

      .post_meta a:hover {
          color: var(--bs-heading-color);
      }

      .post_meta a.bg-white {
          border-radius: 5px;
          padding: 6px 8px 5px;
      }

      .post_meta .meta_icon {
          color: var(--bs-heading-color);
      }

      .post_meta .meta_icon img {
          display: block;
      }

      .tags_block {
          gap: 10px;
      }

      .tags_block a {
          font-size: 14px;
          font-weight: 500;
          border-radius: 6px;
          align-items: center;
          display: inline-flex;
          padding: 7px 20px 6px;
          background-size: 100% 0%;
          color: var(--bs-body-color);
          background-repeat: no-repeat;
          background-color: var(--bs-white);
          background-position: center bottom;
          border: 1px solid var(--bs-border-color);
          background-image: linear-gradient(45deg, #00f1b5, #d9ff43);
      }

      .tags_block a:hover {
          background-size: 100% 100%;
          color: var(--bs-heading-color);
      }

      .category_list_block>li:not(:last-child) {
          border-bottom: 1px solid var(--bs-border-color);
      }

      .category_list_block a {
          display: flex;
          padding: 16px 0;
          font-size: 20px;
          font-weight: 500;
          align-items: center;
          justify-content: space-between;
      }

      .category_list_block a span {
          color: var(--bs-body-color);
      }

      .category_list_block a span:first-child {
          transform: translateX(-24px);
      }

      .category_list_block a span:first-child i {
          opacity: 0;
          color: inherit;
          transition: var(--bs-transition);
      }

      .category_list_block a:hover span {
          color: var(--bs-dark);
      }

      .category_list_block a:hover span:first-child {
          transform: translateX(0px);
      }

      .category_list_block a:hover span:first-child i {
          opacity: 1;
          color: inherit;
      }

      .category_list_block span {
          gap: 10px;
          align-items: center;
          display: inline-flex;
          transition: var(--bs-transition);
      }

      /* 2.04 - Order & Unorder List - End
================================================== */
      /* 2.05 - Buttons - Start
================================================== */
      .btns_group {
          gap: 30px;
          display: grid;
          padding: 50px 0;
          align-items: center;
          justify-content: center;
      }

      .btns_group .btn {
          background: #92c83e;
      }

      .btns_group button {
          color: #000;
      }

      .btns_group button:hover {
          color: #00d999;
      }

      .btn {
          gap: 12px;
          border: 0;
          line-height: 1;
          font-size: 18px;
          overflow: hidden;
          font-weight: 700;
          transition: 300ms;
          position: relative;
          padding: 26px 40px;
          align-items: center;
          letter-spacing: 1px;
          display: inline-flex;
          letter-spacing: -0.2px;
          justify-content: center;
          border-radius: var(--bs-border-radius-sm);
      }

      .btn:before {
          left: 50%;
          bottom: -200%;
          width: 200%;
          height: 200%;
          content: "";
          z-index: -1;
          position: absolute;
          border-radius: 50%;
          transform: translateX(-50%);
          transition: var(--bs-transition);
          color: #fff;
          background-color: #000;
      }

      .btn::after {
          content: "\f061";
          /* CSS Arrow */
          font-size: 18px;
          color: #fff;
          margin-left: 6px;
          transition: transform 0.3s ease;
          display: inline-block;
          font-family: "Font Awesome 6 Free";
      }

      .btn .btn_icon {
          margin: 0 0 -1px;
      }

      .btn:hover {
          transform: translateY(-2px);
      }

      .btn:hover:before {
          bottom: -70%;
      }

      .btn.btn-rounded {
          border-radius: 60px;
      }

      .btn.btn-main {
          padding: 26px 50px;
          position: relative;
          z-index: 1;
      }

      .btn.btn-main .btn_icon {
          transition: 0.3s;
      }

      .btn.btn-main::before {
          display: none;
      }

      .btn.btn-main::after {
          position: absolute;
          top: -288px;
          left: -302px;
          width: 650px;
          height: 650px;
          background-image: url(../images/shapes/btn_shape.webp);
          content: "";
          z-index: -1;
          background-repeat: no-repeat;
          transition: 0.7s;
      }

      .btn.btn-main:hover::after {
          transform: rotate(90deg);
      }

      .btn.btn-main:hover .btn_icon {
          transform: translateX(4px);
      }

      .btn.bg-dark {
          color: var(--bs-white);
      }

      .btn.bg-dark svg path {
          transition: 0.3s;
      }

      .btn.bg-dark:hover {
          color: var(--bs-dark);
      }

      .btn.bg-dark:hover svg path {
          fill: var(--bs-dark);
      }

      .btn.bg-secondary {
          color: var(--bs-white);
      }

      .btn.bg-secondary:hover {
          color: var(--bs-dark);
      }

      [class*="btn-outline-"] {
          border: 1px solid transparent;
      }

      .btn-link {
          gap: 10px;
          line-height: 1;
          font-size: 18px;
          position: relative;
          padding-bottom: 2px;
          display: inline-flex;
          text-decoration: none;
          color: var(--bs-body-color);
          font-family: "SuisseIntl Medium";
          border-bottom: 1px solid currentColor;
      }

      .btn-link:hover {
          color: var(--bs-heading-color);
      }

      @keyframes btnTxtMarqueeY {
          to {
              transform: translateY(-200%);
          }
      }

      .hotline_btn {
          gap: 10px;
          font-size: 16px;
          overflow: hidden;
          font-weight: 500;
          padding: 13px 20px;
          position: relative;
          align-items: center;
          display: inline-flex;
          color: var(--bs-white);
          background-color: #023436;
          font-family: "SuisseIntl Medium";
          border-radius: var(--bs-border-radius-sm);
      }

      .hotline_btn .btn_icon {
          animation: phoneRinging 1.5s infinite linear;
      }

      .hotline_btn .btn_icon:has(img) {
          width: 18px;
      }

      .hotline_btn .btn_label:after {
          top: 100%;
          left: 50%;
          position: absolute;
          white-space: nowrap;
          display: inline-block;
          content: attr(data-text);
          transform: translate(-50%, 100%);
      }

      .btn_label {
          color: #fff;
      }

      .app_download_btns {
          gap: 10px;
      }

      .app_download_btns a {
          display: block;
          max-width: 182px;
      }

      .app_download_btns a img {
          display: block;
      }

      /* 2.05 - Buttons - End
================================================== */
      /* 2.06 - Typography - Start
================================================== */
      .heading_block {
          margin-bottom: 40px;
      }

      .heading_block .heading_text {
          font-size: 50px;
          font-weight: 600;
          line-height: 60px;
          margin-bottom: 24px;
          letter-spacing: -0.5px;
      }

      .heading_block .subtitle_text {
          line-height: 1;
          font-size: 18px;
          font-weight: 700;
      }

      .heading_block .subtitle_text.border-bottom {
          padding-bottom: 10px;
          display: inline-block;
      }

      .heading_block .heading_description {
          font-size: 20px;
          font-weight: 500;
          line-height: 32px;
          letter-spacing: -0.2px;
      }

      .heading_block .badge {
          margin-bottom: 19px;
      }

      .heading_block.style_2 .heading_text {
          padding-top: 30px;
          font-size: 55px;
          line-height: 67px;
      }

      .heading_block.style_2 .heading_description {
          font-size: 18px;
          line-height: 28px;
      }

      .heading_block.text-white .heading_text {
          color: var(--bs-white);
      }

      .bg-ins-subtle {
          background-color: rgba(0, 61, 43, 0.1);
      }

      /* 2.06 - Typography - End
================================================== */
      /* 2.90 - Form - Start
================================================== */
      .form-group {
          position: relative;
      }

      .form-group .form-control,
      .form-group .form-select {
          padding: 0 24px;
          font-size: 16px;
          box-shadow: none;
          border-radius: 5px;
          color: var(--bs-dark);
          transition: 0.3s ease;
          border: 1px solid #dbe2e2;
          caret-color: var(--bs-dark);
          background-color: var(--bs-light);
      }

      .form-group .form-control:focus,
      .form-group .form-select:focus {
          background-color: var(--bs-white);
      }

      .form-group .form-control::placeholder,
      .form-group .form-select::placeholder {
          color: #7e8a8b;
          font-size: 16px;
      }

      .form-group .form-control:-ms-input-placeholder,
      .form-group .form-select:-ms-input-placeholder {
          color: #7e8a8b;
          font-size: 16px;
      }

      .form-group .form-control::-ms-input-placeholder,
      .form-group .form-select::-ms-input-placeholder {
          color: #7e8a8b;
          font-size: 16px;
      }

      .form-group input.form-control,
      .form-group select.form-select {
          height: 60px;
      }

      .form-group textarea.form-control {
          min-height: 180px;
          border-radius: 5px;
          padding: 15px 25px 25px;
      }

      .form-group .form-select {
          color: #8c8f92;
      }

      .form-group .input_title {
          display: block;
          line-height: 1;
          font-size: 20px;
          margin-bottom: 16px;
          color: var(--bs-dark);
          font-family: "SuisseIntl SemiBold";
      }

      .form-group .input_title sup {
          top: -2px;
          font-size: 18px;
      }

      .form-group:has(.icon_block) .form-control {
          padding-right: 50px;
      }

      .form-group .icon_block {
          top: 22px;
          right: 25px;
          position: absolute;
      }

      .form-group .icon_block img {
          width: 18px;
          display: block;
      }

      .form-group-file {
          margin: 60px 0;
      }

      .form-group-file .file-upload-label {
          line-height: 1;
          cursor: pointer;
          font-size: 16px;
          font-weight: 600;
          border-radius: 5px;
          display: inline-block;
          color: var(--bs-white);
          padding: 16px 30px 15px;
          transition: var(--bs-transition);
          background-color: var(--bs-dark);
      }

      .form-group-file .file-upload-label:hover {
          color: var(--bs-dark);
          background-color: var(--bs-primary);
      }

      .form-group-file input[type="file"] {
          display: none;
      }

      .form-group-file .accepted_file_types {
          display: block;
          font-size: 18px;
          font-weight: 500;
          margin-top: 20px;
      }

      input[type="search"]::-webkit-search-decoration,
      input[type="search"]::-webkit-search-cancel-button,
      input[type="search"]::-webkit-search-results-button,
      input[type="search"]::-webkit-search-results-decoration {
          -webkit-appearance: none;
      }

      .form-check {
          padding-left: 30px;
      }

      .form-check .form-check-input {
          width: 20px;
          height: 20px;
          box-shadow: none;
          margin: 1px 0 0 -30px;
      }

      .form-check .form-check-label {
          cursor: pointer;
      }

      .newsletter_input {
          display: flex;
          position: relative;
          align-items: center;
      }

      .newsletter_input label {
          top: 16px;
          left: 24px;
          position: absolute;
      }

      .newsletter_input input {
          flex: 1;
          height: 60px;
          color: var(--bs-white);
          padding: 0 25px 0 50px;
          background-color: #023436;
          transition: var(--bs-transition);
          border: 1px solid rgba(255, 255, 255, 0.1);
          border-radius: var(--bs-border-radius-sm) 0 0 var(--bs-border-radius-sm);
      }

      .newsletter_input input:focus {
          border-color: var(--bs-primary);
      }

      .newsletter_input input::placeholder {
          color: #c6c6c6;
      }

      .newsletter_input input:-ms-input-placeholder {
          color: #c6c6c6;
      }

      .newsletter_input input::-ms-input-placeholder {
          color: #c6c6c6;
      }

      .newsletter_input .submit_btn {
          width: 60px;
          height: 60px;
          flex: 0 0 auto;
          font-size: 20px;
          color: var(--bs-dark);
          background-color: var(--bs-primary);
          border-radius: 0 var(--bs-border-radius-sm) var(--bs-border-radius-sm) 0;
      }

      .newslatter_wrapper {
          z-index: 1;
          padding: 50px;
          position: relative;
          border-radius: 10px;
          background-size: cover;
          background-repeat: no-repeat;
          background-position: center center;
      }

      .newslatter_wrapper .heading_block .heading_text {
          font-size: 36px;
          color: var(--bs-white);
      }

      .newslatter_wrapper .newslatter_form {
          gap: 20px;
          display: flex;
          align-items: center;
      }

      .newslatter_wrapper .newslatter_form input {
          flex: 1;
          height: 70px;
          outline: none;
          padding: 0 24px;
          font-weight: 500;
          border-radius: 6px;
          color: var(--bs-white);
          caret-color: var(--bs-white);
          border: 1px solid var(--bs-black);
          transition: var(--bs-transition);
          background-color: var(--bs-black);
      }

      .newslatter_wrapper .newslatter_form input:focus {
          border-color: var(--bs-primary);
      }

      .newslatter_wrapper .newslatter_form input::placeholder {
          color: white;
      }

      .newslatter_wrapper .newslatter_form input:-ms-input-placeholder {
          color: white;
      }

      .newslatter_wrapper .newslatter_form input::-ms-input-placeholder {
          color: white;
      }

      .client_feedback_section {
          background-size: cover;
          background-repeat: no-repeat;
          background-position: center center;
      }

      .client_feedback_section .shape_nate_1 {
          top: 0;
          right: 0;
      }

      .client_feedback_section .shape_star_1 {
          left: 100px;
          bottom: 230px;
      }

      .client_feedback_section .shape_star_1 {
          left: 100px;
          bottom: 230px;
      }

      .client_feedback_section .shape_star_2 {
          right: 100px;
          bottom: 300px;
      }

      .client_feedback_section .shape_arrow_1 {
          top: 170px;
          left: 100px;
          max-width: 44px;
      }

      .feedback_form_wrap {
          border-radius: 20px;
          padding: 70px 50px 63px;
          background-color: var(--bs-white);
          box-shadow: 0 4px 10px 0 rgba(0, 61, 43, 0.1);
      }

      .feedback_form_wrap .form-group .form-select {
          padding: 0;
          height: 70px;
          border: none;
          font-size: 24px;
          font-weight: 500;
          border-radius: 0;
          background-size: 18px;
          background-color: transparent;
          color: var(--bs-heading-color);
          border-bottom: 2px solid #d9d9d9;
      }

      .car_insurance_quote_form {
          padding: 50px;
          border-radius: 10px;
          background-color: var(--bs-white);
      }

      .car_insurance_quote_form .heading_text {
          font-size: 30px;
          line-height: 36px;
          margin: -7px 0 33px;
      }

      .car_insurance_quote_form .form-group:not(:last-child) {
          margin-bottom: 20px;
      }

      .car_insurance_quote_form .btn {
          width: 100%;
          display: block;
          padding: 20px 30px;
      }

      /* 2.90 - Form - End
================================================== */
      /* 2.08 - Carousel or Slider - Start
================================================== */
      .swiper-pagination-bullets {
          gap: 10px;
          display: flex;
          position: static;
          padding: 0px 0 0;
          justify-content: center;
      }

      .swiper-pagination-bullets .swiper-pagination-bullet {
          opacity: 1;
          width: 12px;
          height: 12px;
          margin: 0 !important;
          background-color: transparent;
          transition: var(--bs-transition);
      }

      .swiper-pagination-bullets .swiper-pagination-bullet:hover,
      .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
          background-color: var(--bs-primary);
      }

      .carousel_arrows {
          display: flex;
          position: relative;
          align-items: center;
          justify-content: center;
      }

      .carousel_arrows button {
          width: 40px;
          height: 40px;
          flex: 0 0 auto;
          font-size: 28px;
          overflow: hidden;
          border-radius: 100%;
          align-items: center;
          display: inline-flex;
          color: var(--bs-dark);
          justify-content: center;
          background-color: var(--bs-primary);
          opacity: 0.2;
          transition: 0.3s;
      }

      .carousel_arrows button:hover,
      .carousel_arrows button.rc2-swiper-button-next {
          opacity: 1;
      }

      .carousel_arrows:has(.line) {
          justify-content: space-between;
      }

      .carousel_arrows:has(.line) .line {
          height: 1px;
          opacity: 0.2;
          display: block;
          width: calc(100% - 120px);
          background-color: var(--bs-light);
      }

      /* 2.08 - Carousel or Slider - End
================================================== */
      .marchant-logo {
          padding: 20px 0 20px;
          background: #143257;
      }

      .swiper-slide {
          padding: 10px;
      }

      /* 2.11 - Social Icons - Start
================================================== */
      .social_icons_block {
          gap: 4px;
      }

      .social_icons_block a {
          z-index: 1;
          width: 42px;
          height: 42px;
          display: flex;
          flex: 0 0 auto;
          position: relative;
          border-radius: 100%;
          align-items: center;
          color: var(--bs-white);
          justify-content: center;
          background: var(--bs-dark);
      }

      .social_icons_block a:before {
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          opacity: 0;
          z-index: -1;
          content: "";
          position: absolute;
          transform: scale(0.8);
          border-radius: inherit;
          transition: var(--bs-transition);
          background: linear-gradient(0deg, #00f1b5, #d9ff43);
      }

      .social_icons_block a svg {
          width: 17px;
      }

      .social_icons_block a svg path {
          fill: var(--bs-white);
          transition: var(--bs-transition);
      }

      .social_icons_block a:hover {
          color: var(--bs-dark);
      }

      .social_icons_block a:hover:before {
          opacity: 1;
          transform: scale(1);
      }

      .social_icons_block a:hover svg path {
          fill: var(--bs-dark);
      }

      .ins_social_links li a:hover {
          color: var(--bs-white) !important;
      }

      .ins_social_links li a::before {
          background: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
      }

      .ins_social_footer li a:hover {
          color: var(--bs-dark) !important;
      }

      .ins_social_footer li a::before {
          background: var(--bs-primary);
      }

      .social_links_block {
          gap: 6px;
      }

      .social_links_block a {
          display: flex;
          line-height: 1;
          font-size: 14px;
          font-weight: 500;
          align-items: center;
          border-radius: 50px;
          color: var(--bs-dark);
          padding: 12px 18px 11px;
          justify-content: center;
          text-transform: uppercase;
          background-color: var(--bs-light);
      }

      .social_links_block a:hover {
          transform: translateY(-3px);
      }

      .social_links_block a:hover {
          color: var(--bs-dark);
          background-color: var(--bs-primary);
      }

      .social_links_block .facebook a {
          color: var(--bs-white);
          background-color: #1877f2;
      }

      .social_links_block .twitter a {
          color: var(--bs-white);
          background-color: #000000;
      }

      .social_links_block .linkdin a {
          color: var(--bs-white);
          background-color: #0a66c2;
      }

      /* 2.11 - Social Icons - End
================================================== */
      /* 2.13 - Rating Star - Start
================================================== */
      .rating_block {
          gap: 20px;
          display: flex;
          align-items: center;
      }

      .rating_block .rating_admin {
          flex: 0 0 auto;
          max-width: 51px;
      }

      .rating_block .rating_icons {
          font-size: 16px;
          color: #08b87f;
      }

      .rating_block .rating_counter {
          display: block;
          margin-top: 2px;
          font-size: 18px;
          font-weight: 500;
          color: #6b6b6b;
          text-transform: uppercase;
          margin-top: 6px;
      }

      /* 2.13 - Rating Star - End
================================================== */
      /* 2.14 - Accordion - Start
================================================== */
      .faq_man_image .shape_dollar_1 {
          top: 330px;
          right: 100px;
          max-width: 60px;
          filter: blur(2px);
      }

      .faq_man_image .chart_image {
          top: 100px;
          left: -50px;
          max-width: 192px;
          position: absolute;
      }

      .faq_section .shape_nate_1 {
          top: -330px;
          left: -330px;
      }

      .faq_section .shape_nate_2 {
          right: -250px;
          bottom: -260px;
      }

      .accordion-item {
          border: none;
          padding: 0 0 23px;
          border-radius: 0 !important;
          background-color: transparent;
          border-bottom: 1px solid rgba(255, 255, 255, 0.1);
      }

      .accordion-item:not(:last-child) {
          margin-bottom: 40px;
      }

      .accordion-item .accordion-body {
          padding: 14px 0 0;
      }

      .accordion-item .accordion-button {
          padding: 0;
          font-size: 22px;
          line-height: 30px;
          color: var(--bs-white);
          font-family: "SuisseIntl Medium";
      }

      .accordion-item .accordion-button,
      .accordion-item .accordion-button:not(.collapsed) {
          box-shadow: none;
          background-color: transparent;
      }

      .accordion-item .accordion-button::after {
          width: auto;
          height: auto;
          content: "\f107";
          font-weight: 400;
          background: none;
          font-family: "Font Awesome 6 Free";
      }

      .accordion.style_2 .accordion-item {
          margin: 0;
          padding: 40px 30px;
          border-radius: 10px;
          border-color: #d9d9d9;
      }

      .accordion.style_2 .accordion-item:has([aria-expanded="true"]) {
          border-radius: 10px !important;
          background-color: var(--bs-white);
          box-shadow: 0 4px 10px 0 rgba(0, 61, 43, 0.1);
      }

      .accordion.style_2 .accordion-item .accordion-button {
          padding: 0;
          font-size: 24px;
          color: var(--bs-heading-color);
      }

      .accordion.style_2 .accordion-item .accordion-button::after {
          width: 50px;
          height: 50px;
          border-radius: 100%;
          align-items: center;
          display: inline-flex;
          justify-content: center;
          border: 1px solid #d9d9d9;
      }

      .accordion.style_2 .accordion-item .accordion-body {
          font-size: 18px;
          padding-right: 50px;
      }

      .payment_solutions .accordion-item {
          padding: 30px 30px 34px;
      }

      .payment_solutions .accordion-item .icon {
          max-width: 28px;
          margin-right: 20px;
      }

      .payment_solutions .accordion-item:not(:last-child) {
          margin-bottom: 0px;
      }

      .payment_solutions .accordion-item:has([aria-expanded="true"]) {
          background-color: var(--bs-secondary);
      }

      .powering_industry_section .shape_nate_1 {
          left: 0;
          top: 24%;
          max-width: 470px;
      }

      .powering_industry_section .shape_arrow_1 {
          top: 200px;
          right: 75px;
          max-width: 22px;
      }

      /* 2.14 - Accordion - End
================================================== */
      /* ImageBox Block - Start
================================================== */
      .image_block {
          overflow: hidden;
          position: relative;
      }

      .online_banking_features .imagebox_block {
          --bs-primary-rgb: 247, 255, 217;
          --bs-success-rgb: 229, 255, 223;
          --bs-warning-rgb: 255, 233, 212;
          --bs-light-rgb: 239, 246, 255;
          --bs-info-rgb: 221, 253, 237;
          padding: 50px 46px;
          background-color: var(--bs-light);
          border-radius: var(--bs-border-radius-lg);
      }

      .online_banking_features .imagebox_block .imagebox_icon {
          width: 70px;
          height: 70px;
          padding: 12px;
          border-radius: 100%;
          align-items: center;
          display: inline-flex;
          justify-content: center;
          background-color: var(--bs-white);
          box-shadow: 0 4px 11px 0 rgba(0, 0, 0, 0.17);
      }

      .online_banking_features .imagebox_block .imagebox_content {
          max-width: 461px;
          margin-bottom: 62px;
      }

      .online_banking_features .imagebox_block .imagebox_title {
          font-size: 30px;
          max-width: 360px;
          line-height: 42px;
          margin: 38px 0 14px;
          letter-spacing: -1px;
      }

      .online_banking_features .imagebox_block p {
          font-size: 20px;
          line-height: 30px;
      }

      .online_banking_features .imagebox_block .image_block {
          height: 330px;
          display: flex;
          align-items: flex-end;
          justify-content: center;
      }

      .online_banking_features .imagebox_block .image_block img {
          max-height: 100%;
      }

      .online_banking_features .col-lg-4 .imagebox_block .imagebox_content {
          margin-bottom: 30px;
      }

      .online_banking_features .col-lg-4 .imagebox_block .image_block {
          height: 320px;
          margin: 0 -30px 0;
      }

      /* ImageBox Block - End
================================================== */
      /* 2.17 - Iconbox - Start
================================================== */
      .iconbox_block .iconbox_icon {
          width: 65px;
          height: 65px;
          align-items: center;
          border-radius: 100%;
          display: inline-flex;
          justify-content: center;
          background-color: var(--bs-light);
      }

      .iconbox_block .iconbox_icon img {
          width: 24px;
      }

      .iconbox_block.icon_left {
          gap: 20px;
          display: flex;
          align-items: flex-start;
      }

      .payment_methods_section {
          padding: 0 30px;
      }

      .payment_methods_section .content_wrapper {
          padding: 130px 15px;
          border-radius: 30px;
          background-image: linear-gradient(120deg, #8234c5, #230952);
      }

      .payment_methods_section .shape_nate_1 {
          top: -120px;
          left: -140px;
          max-width: 870px;
      }

      .payment_methods_section .shape_nate_2 {
          right: -270px;
          bottom: -212px;
          max-width: 470px;
      }

      .payment_methods_section .shape_nate_2 img {
          transform: rotate(26deg);
      }

      .payment_methods_section .shape_nate_3 {
          top: -150px;
          right: -300px;
          max-width: 500px;
      }

      .payment_method_block .block_icon {
          padding: 40px 25px;
          border-radius: 20px;
          background-color: var(--bs-dark);
          transition: var(--bs-transition);
          border: 1px solid rgba(217, 255, 67, 0.4);
      }

      .payment_method_block .block_content {
          z-index: 1;
          overflow: hidden;
          position: relative;
          border-radius: 20px;
          padding: 31px 25px 40px;
          background-color: var(--bs-dark);
          transition: var(--bs-transition);
          border: 1px solid rgba(217, 255, 67, 0.4);
      }

      .payment_method_block .block_content:before {
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          opacity: 0;
          z-index: -1;
          content: "";
          position: absolute;
          transition: var(--bs-transition);
          background-image: linear-gradient(30deg,
                  rgba(217, 255, 67, 0.4) 0%,
                  transparent 60%);
      }

      .payment_method_block .block_title {
          font-size: 28px;
          line-height: 34px;
          margin-bottom: 14px;
      }

      .payment_method_block p {
          font-size: 16px;
          font-weight: 500;
          line-height: 26px;
          margin-bottom: 18px;
      }

      .payment_method_block .btn-link {
          font-size: 16px;
      }

      .payment_method_block:hover .block_icon,
      .payment_method_block:hover .block_content {
          border-color: var(--bs-primary);
      }

      .payment_method_block:hover .block_content:before {
          opacity: 1;
      }

      .car_insurance_process {
          text-align: center;
          border-radius: 10px;
          padding: 70px 60px 64px;
          background-color: var(--bs-white);
          box-shadow: 0 3px 15px 0 rgba(12, 1, 13, 0.03);
      }

      .car_insurance_process .iconbox_icon {
          width: auto;
          height: 80px;
          border-radius: 0;
          margin-bottom: 34px;
          background-color: transparent;
      }

      .car_insurance_process .iconbox_icon img {
          width: auto;
          height: auto;
          max-height: 100%;
      }

      .car_insurance_process .iconbox_title {
          font-size: 22px;
          line-height: 28px;
          margin-bottom: 18px;
      }

      .car_process_section .shape_nate_1 {
          left: 0;
          bottom: 0;
      }

      .car_process_section .shape_nate_2 {
          top: 150px;
          right: -30px;
      }

      /* 2.17 - Iconbox - End
================================================== */
      /* 2.07 - Authorbox - Start
================================================== */
      .authorbox_block {
          gap: 15px;
          display: flex;
          align-items: center;
      }

      .authorbox_block .author_image {
          width: 50px;
          height: 50px;
          flex: 0 0 auto;
          overflow: hidden;
          border-radius: 100%;
          background-color: var(--bs-light);
      }

      .authorbox_block .author_name {
          line-height: 1;
          font-size: 16px;
          font-weight: 600;
          margin-bottom: 8px;
      }

      .authorbox_block .author_designation {
          display: block;
          font-size: 14px;
          font-weight: 500;
      }

      .postabmin_block {
          gap: 30px;
          display: flex;
          padding: 40px;
          align-items: flex-start;
          background-color: var(--bs-white);
          border-radius: var(--bs-border-radius);
      }

      .postabmin_block .admin_image {
          width: 150px;
          height: 150px;
          flex: 0 0 auto;
          overflow: hidden;
          border-radius: 100%;
      }

      .postabmin_block .admin_name {
          line-height: 1;
          font-size: 22px;
          margin-bottom: 4px;
      }

      .postabmin_block .admin_designation {
          display: block;
          margin-bottom: 10px;
      }

      .postabmin_block .social_icons_block a {
          background: var(--bs-light);
          color: var(--bs-heading-color);
      }

      .postabmin_block .social_icons_block a svg path {
          fill: var(--bs-heading-color);
      }

      .avatars_block .text_content {
          font-size: 18px;
          font-weight: 500;
      }

      .avatars_group>li {
          width: 44px;
          height: 44px;
          overflow: hidden;
          border-radius: 100%;
          border: 2px solid var(--bs-white);
          box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
      }

      .avatars_group>li:not(:first-child) {
          margin-left: -14px;
      }

      .avatars_group>li:last-child {
          line-height: 1;
          font-size: 15px;
          font-weight: 500;
          align-items: center;
          display: inline-flex;
          color: var(--bs-white);
          justify-content: center;
          background-color: var(--bs-dark);
      }

      /* 2.07 - Authorbox - End
================================================== */
      /* 2.10 - Video - Start
================================================== */
      .mfp-iframe-holder .mfp-content {
          width: 100%;
          line-height: 0;
          max-width: 70%;
          border: 4px solid #ffffff;
      }

      .mfp-container {
          padding: 0 15px;
      }

      .mfp-bg {
          opacity: 0.94;
          background-color: #000000;
      }

      @media screen and (max-width: 1199px) {
          .mfp-iframe-holder .mfp-content {
              max-width: 100%;
          }
      }

      .video_block {
          overflow: hidden;
          position: relative;
          border-radius: var(--bs-border-radius-lg);
      }

      .video_btn {
          align-items: center;
          display: inline-flex;
      }

      .video_btn .btn_icon {
          width: 100px;
          height: 100px;
          flex: 0 0 auto;
          font-size: 26px;
          padding-left: 4px;
          position: relative;
          border-radius: 100%;
          align-items: center;
          display: inline-flex;
          color: var(--bs-dark);
          justify-content: center;
          transition: var(--bs-transition);
          background-color: var(--bs-white);
      }

      .video_btn .btn_icon:before,
      .video_btn .btn_icon:after {
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          opacity: 0;
          z-index: -1;
          content: "";
          position: absolute;
          border-radius: 100%;
          transition: all 0.33s ease;
          background-color: var(--bs-white);
          animation: ripple 1.5s linear infinite;
      }

      .video_btn .btn_icon:before {
          animation-delay: 0.1s;
      }

      .video_btn .btn_icon:after {
          animation-delay: 0.9s;
      }

      .video_btn:hover .btn_icon {
          transform: scale(1.1);
      }

      .position-relative .video_btn {
          top: 50%;
          left: 50%;
          z-index: 2;
          position: absolute;
          transform: translate(-50%, -50%);
      }

      /* 2.10 - Video - End
================================================== */
      /* 2.14 - Table - Start
================================================== */
      .table {
          background-color: var(--bs-white);
          box-shadow: 0 3px 14px 0 rgba(12, 1, 13, 0.1);
      }

      .table thead {
          font-size: 24px;
          line-height: 34px;
          color: var(--bs-heading-color);
          font-family: var(--bs-heading-font-family);
      }

      .table thead th {
          padding: 24px 70px;
          background-color: var(--bs-secondary);
      }

      .table thead th:not(:first-child) {
          text-align: center;
      }

      .table td {
          font-size: 20px;
          font-weight: 500;
          line-height: 28px;
          padding: 16px 70px;
          background-color: transparent;
          color: var(--bs-heading-color);
      }

      .table td:not(:first-child) {
          text-align: center;
      }

      .table_wrapper table {
          border-radius: 20px;
          box-shadow: 0 3px 15px 0 rgba(12, 1, 13, 0.03);
      }

      /* 2.14 - Table - End
================================================== */
      /* Offcanvas - Start
================================================== */
      .offcanvas_wrapper {
          top: 0;
          bottom: 0;
          right: -400px;
          width: 400px;
          z-index: 1001;
          position: fixed;
          overflow-y: scroll;
          padding: 50px 46px 80px;
          background-color: var(--bs-white);
          transition: 0.7s cubic-bezier(0.16, 1, 0.3, 1);
      }

      .offcanvas_wrapper.active {
          right: 0;
          box-shadow: -20px 0px 30px 0px rgba(0, 0, 0, 0.08);
      }

      .offcanvas_wrapper::-webkit-scrollbar {
          width: 6px;
      }

      .offcanvas_wrapper::-webkit-scrollbar-thumb {
          border-radius: 14px;
          background: rgba(0, 0, 0, 0.4);
      }

      .offcanvas_wrapper::-webkit-scrollbar-thumb:hover {
          background: rgba(0, 0, 0, 0.6);
      }

      .offcanvas_wrapper hr {
          margin: 36px 0;
      }

      .offcanvas_wrapper .offcanvas_info_title {
          font-size: 24px;
          line-height: 30px;
          margin-bottom: 20px;
      }

      .offcanvas_wrapper p {
          font-size: 18px;
          line-height: 26px;
          margin-bottom: 30px;
      }

      .offcanvas_wrapper .btn {
          padding: 20px 30px;
      }

      .offcanvas_wrapper .social_icons_block {
          gap: 8px;
      }

      .offcanvas_wrapper .social_icons_block a {
          color: var(--bs-dark);
          background: var(--bs-light);
      }

      .offcanvas_wrapper .social_icons_block a svg path {
          fill: var(--bs-dark);
      }

      .offcanvas_close_btn {
          width: 46px;
          height: 46px;
          font-size: 18px;
          cursor: pointer;
          border-radius: 100%;
          margin-bottom: 40px;
          align-items: center;
          display: inline-flex;
          justify-content: center;
          color: var(--bs-heading-color);
          transition: var(--bs-transition);
          background-color: var(--bs-light);
      }

      .offcanvas_close_btn:hover {
          color: var(--bs-white);
          background-color: var(--bs-primary);
      }

      .offcanvas_overlay {
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          opacity: 0;
          z-index: 1000;
          position: fixed;
          visibility: hidden;
          backdrop-filter: blur(2px);
          background-color: rgba(0, 0, 0, 0.8);
      }

      .offcanvas_overlay.active {
          opacity: 1;
          visibility: visible;
      }

      @media screen and (max-width: 680px) {
          .offcanvas_wrapper {
              width: 300px;
              right: -300px;
              padding: 70px 30px;
          }

          .offcanvas_wrapper.active {
              right: 0;
          }
      }

      /* Offcanvas - End
================================================== */
      /* 3.01 - Site Header - Start
================================================== */
      .site_header {
          top: 0;
          left: 0;
          right: 0;
          z-index: 999;
          position: relative;
          transition: transform 0.5s;
          background: ghostwhite !important;
      }

      .site_header .site_logo .site_link {
          max-width: 100%;
      }

      .site_header .btns_group {
          gap: 10px;
      }

      .site_header .btns_group>li:first-child {
          display: none;
      }

      .site_header .btn {
          gap: 8px;
          padding: 15px 26px;
      }

      .stricked-menu {
          top: 0;
          top: 0;
          left: 0;
          right: 0;
          z-index: 999;
          position: fixed;
          transition: 0.5s;
          visibility: hidden;
          transform: translateY(-100%);
      }

      .stricked-menu.stricky-fixed {
          visibility: visible;
          transform: translateY(0%);
          background-color: var(--bs-white);
          box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
      }

      .main_menu_list {
          gap: 50px;
      }

      /* Make nav-login-btn push itself to the right */
      .nav-login-btn {
          margin-left: auto;
          /* Push to the right */
      }

      /* Style login link as button */
      .btn-login {
          padding: 10px 28px;
          background: transparent;
          /* Use your primary color */
          color: #000 !important;
          font-weight: 600;
          border-radius: 30px;
          transition: background-color 0.3s ease;
          display: inline-block;
          text-decoration: none;
          white-space: nowrap;
          border: 2px solid #000;
      }

      .btn-login:hover,
      .btn-login:focus {
          background-color: #000;
          /* darker shade on hover */
          color: white !important;
          text-decoration: none;
      }

      /* Adjust for mobile: push login button below menu */
      @media (max-width: 991px) {
          .main_menu_list {
              flex-direction: column;
              gap: 0;
          }

          .nav-login-btn {
              margin-left: 0;
              margin-top: 20px;
          }

          .btn-login {
              width: 100%;
              text-align: center;
              padding: 12px 0;
          }
      }

      .main_menu_list>li>a {
          z-index: 1;
          display: flex;
          line-height: 1;
          font-size: 16px;
          font-weight: 500;
          position: relative;
          align-items: center;
          color: var(--bs-dark);
          font-family: "SuisseIntl Medium";
      }

      .main_menu_list>li.active>a {
          color: var(--bs-dark);
      }

      .main_menu_list>li:hover>a {
          color: var(--bs-dark);
      }

      .main_menu_list>li:hover>a:after {
          transform: rotateX(-180deg);
      }

      .main_menu_list .dropdown>a {
          position: relative;
      }

      .main_menu_list .dropdown>a:after {
          float: right;
          font-size: 14px;
          content: "\f107";
          /* Unicode for down angle */
          font-weight: 900;
          margin: 1px 0 0 8px;
          transition: var(--bs-transition);
          font-family: "Font Awesome 6 Free";
          /* <- Use "Free" if you are not using PRO version */
      }

      .main_menu_list .dropdown-menu {
          min-width: 240px;
      }

      .main_menu_list .dropdown-menu>li>a {
          font-size: 18px;
          line-height: 22px;
      }

      .main_menu_list .dropdown-menu .dropdown>a:after {
          margin-top: -2px;
          content: "\f105";
      }

      .main_menu_list .dropdown-menu .dropdown-menu {
          top: 0;
          margin: 0;
          left: 100%;
      }

      /* Sticky nav appearance */
      .stricky-fixed {
          position: fixed;
          top: 0;
          left: 0;
          right: 0;
          background-color: #fff;
          z-index: 999;
          box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
          transition: all 0.3s ease;
      }

      .site_logo img {
          width: 100%;
          height: 80px;
      }

      /* Make sure the nav sticks under 1024px too */
      @media (max-width: 1024px) {
          .main_menu_list {
              display: none;
          }
      }

      /* ----------------------
   MOBILE MENU STYLES
------------------------ */
      .mobile_menu_wrapper {
          position: fixed;
          top: 0;
          right: -100%;
          width: 80%;
          height: 100%;
          background: #fff;
          z-index: 9999;
          transition: 0.4s ease;
          overflow-y: auto;
          box-shadow: -5px 0 20px rgba(0, 0, 0, 0.1);
      }

      .mobile_menu_wrapper.active {
          right: 0;
      }

      .mobile_menu_inner {
          padding: 30px 20px;
          position: relative;
      }

      .menu_close_btn {
          position: absolute;
          top: 20px;
          right: 20px;
          background: none;
          border: none;
          font-size: 26px;
          cursor: pointer;
      }

      .mobile_menu_list {
          margin-top: 70px;
          list-style: none;
          padding-left: 0;
      }

      .mobile_menu_list li {
          margin-bottom: 15px;
          position: relative;
      }

      .mobile_menu_list li a {
          font-size: 18px;
          color: #111;
          text-decoration: none;
          display: block;
      }

      .mobile_menu_list li.has-dropdown>a::after {
          content: "+";
          position: absolute;
          right: 10px;
          font-size: 20px;
      }

      .mobile_menu_list li.has-dropdown.open>a::after {
          content: "-";
      }

      .mobile_menu_list li .submenu {
          display: none;
          margin-top: 10px;
          margin-left: 15px;
      }

      .mobile_menu_list li.has-dropdown.open .submenu {
          display: block;
      }

      .mobile_menu_list .submenu {
          max-height: 300px;
          /* Adjust height as needed */
          overflow-y: auto;
          -webkit-overflow-scrolling: touch;
          /* Smooth scrolling on iOS */
          padding-left: 15px;
          /* optional for indent */
      }

      /* Optional: style the scrollbar for WebKit browsers */
      .mobile_menu_list .submenu::-webkit-scrollbar {
          width: 6px;
      }

      .mobile_menu_list .submenu::-webkit-scrollbar-thumb {
          background-color: rgba(0, 0, 0, 0.15);
          border-radius: 3px;
      }

      .mobile_menu_list .submenu::-webkit-scrollbar-track {
          background: transparent;
      }

      /* ------------------------
   RESPONSIVE BEHAVIOR
------------------------- */
      @media (max-width: 1024px) {
          .main_menu {
              display: none !important;
          }

          .menu_toggle_btn {
              display: inline-block;
          }

          .menu_toggle_btn i {
              font-size: 24px;
              background: none;
              border: none;
              color: #000;
          }
      }

      @media (min-width: 1025px) {

          .mobile_menu_wrapper,
          .menu_toggle_btn {
              display: none !important;
          }
      }

      .header_layout_1 {
          padding: 5px 0;
      }

      .header_layout_1 .site_logo img:nth-child(2) {
          display: none;
      }

      .xb-header .container {
          max-width: 100%;
      }

      .header_layout_1 .xb-header:not(.stricked-menu) .main_menu_list>li>a {
          color: #000;
      }

      .header_layout_1 .xb-header:not(.stricked-menu) .main_menu_list>li>a:after {
          color: #000;
      }

      .header_layout_1 .stricked-menu {
          padding: 15px 0;
          backdrop-filter: blur(15px);
          background-color: var(--bs-white);
          box-shadow: 0px 20px 40px 0 rgba(0, 0, 0, 0.08);
      }

      .header_layout_1 .stricked-menu .site_logo img:nth-child(2) {
          display: inline-block;
      }

      .header_layout_1 .stricked-menu .btn-outline-light {
          color: var(--bs-dark);
          border-color: var(--bs-dark);
      }

      .header_layout_1 .stricked-menu .btn-outline-light:before {
          background-color: var(--bs-dark);
      }

      .header_layout_1 .stricked-menu .btn-outline-light:hover {
          color: var(--bs-white);
      }

      .index_insurance .header_layout_1 .btn,
      .index_insurance .site_footer .btn {
          --bs-dark: #060210;
          --bs-dark-rgb: 6, 2, 16;
      }

      .index_insurance .hotline_btn {
          --bs-dark: #060210;
          --bs-dark-rgb: 6, 2, 16;
      }

      @media screen and (max-width: 991px) {

          .header_layout_1 .xb-header:not(.stricked-menu) .main_menu_list>li>a,
          .header_layout_1 .xb-header:not(.stricked-menu) .main_menu_list>li>a::after {
              color: #012a2b;
          }
      }

      .ob-header-btn .btn .btn_icon {
          color: #d9ff43;
          transition: 0.3s;
      }

      .ob-header-btn .btn:hover .btn_icon {
          color: var(--bs-btn-hover-color);
      }

      .stricked-menu .ob-header-btn .btn .btn_icon {
          color: var(--bs-btn-hover-color);
      }

      .stricked-menu .ob-header-btn .btn:hover .btn_icon {
          color: var(--bs-white);
      }

      .header_layout_2 {
          background-color: var(--bs-white);
      }

      .header_layout_2 .header_top {
          padding: 29px 0;
          border-bottom: 1px solid var(--bs-border-color);
      }

      .header_layout_2 .hotline_btn {
          padding: 8px 14px;
          margin-right: 60px;
          color: var(--bs-heading-color);
          background-color: var(--bs-gray-100);
      }

      .header_layout_2 .language_dropdown .dropdown-menu {
          right: 0;
          left: auto;
      }

      .header_layout_2 .office_hour_text {
          color: #615959;
          font-size: 14px;
          font-weight: 500;
          line-height: 16px;
          margin-left: 100px;
      }

      .header_layout_2 .btns_group {
          gap: 20px;
      }

      .header_layout_2 .icon_block {
          width: 48px;
          height: 48px;
          font-size: 18px;
          border-radius: 100%;
          align-items: center;
          display: inline-flex;
          color: var(--bs-white);
          justify-content: center;
          background-color: var(--bs-dark);
      }

      .header_layout_2 .icon_block:hover {
          background-color: var(--bs-primary);
      }

      .header_layout_2 .header_bottom {
          padding: 16px 0;
      }

      .header_layout_2 .stricked-menu.stricky-fixed.header_bottom {
          padding: 10px 0;
          box-shadow: 0px 20px 40px 0 rgba(0, 0, 0, 0.08);
      }

      .header_layout_2 .stricked-menu.stricky-fixed .main_menu_list>.dropdown>.dropdown-menu {
          margin-top: 25px;
      }

      .header_layout_2 .stricked-menu.stricky-fixed .main_menu_list>.dropdown>.dropdown-menu:before {
          top: -25px;
          height: 25px;
      }

      .header_layout_2+main {
          padding-top: 200px;
      }

      .header_layout_3 {
          padding: 30px 0;
          background-color: var(--bs-white);
      }

      .header_layout_3 .dropdown-menu {
          margin-top: 46px;
      }

      .header_layout_3 .dropdown-menu:before {
          top: -46px;
          height: 46px;
      }

      .header_layout_3 .stricked-menu {
          padding: 15px 0;
          background-color: var(--bs-white);
          box-shadow: 0px 20px 40px 0 rgba(0, 0, 0, 0.08);
      }

      .header_layout_3 .stricked-menu .main_menu_list>.dropdown>.dropdown-menu {
          margin-top: 26px;
      }

      .header_layout_3 .stricked-menu .main_menu_list>.dropdown>.dropdown-menu:before {
          top: -26px;
          height: 26px;
      }

      .header_layout_3+main {
          padding-top: 110px;
      }

      @media screen and (max-width: 991px) {
          .site_header .main_menu {
              left: 0;
              right: 0;
              top: 135px;
              padding: 0;
              z-index: 999;
              position: fixed;
          }

          .site_header.sticky .main_menu {
              top: 82px;
          }

          .main_menu_inner {
              padding: 0 15px;
          }

          .main_menu_list>li {
              width: 100%;
              display: block;
          }

          .main_menu_list {
              margin: auto;
              padding: 15px;
              max-width: 700px;
              border-radius: 10px;
              background-color: var(--bs-white);
              box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.12);
          }

          .main_menu_list>li>a {
              width: 100%;
              display: block;
          }

          .main_menu_list .dropdown-menu {
              position: static;
              box-shadow: none;
          }

          .main_menu_list>li>a {
              font-size: 16px;
              line-height: 20px;
              padding: 12px 20px;
          }
      }

      .sales-btn a {
          padding: 10px 28px;
          background: transparent;
          color: #000 !important;
          border: 2px solid #000;
          border-radius: 30px;
      }

      .sales-btn a:hover {
          background: #000;
          color: #fff !important;
      }

      /* -------- >>>>>>> Sub in Sub Menu Right side <<<<<<< ----------- */
      /* Container for mega menu */
      .mega-menu {
          display: flex !important;
          border-radius: 12px;
          padding: 20px;
          min-width: 900px !important;
          color: white;
          gap: 20px;
      }

      /* Left menu column */
      .left-menu {
          width: 330px;
          display: flex;
          flex-direction: column;
          gap: 12px;
          list-style: none;
          margin: 0;
          padding: 0;
      }

      /* Left menu items as buttons */
      .left-menu li a {
          color: #000 !important;
          text-decoration: none;
          padding: 14px 18px;
          font-weight: 600;
          border-radius: 8px;
          display: flex;
          justify-content: space-between;
          align-items: center;
          transition: background-color 0.3s ease;
          cursor: pointer;
      }

      /* Active and hover state */
      .left-menu li.active a,
      .left-menu li a:hover {
          background-color: #000;
          color: white !important;
      }

      /* Arrow icon on the right side */
      .left-menu li.active a i.fa-arrow-right {
          font-size: 16px;
          color: white;
          margin-left: 8px;
      }

      /* Right submenu card */
      .right_submenu_card {
          border-radius: 12px;
          padding: 25px 30px;
          flex-grow: 1;
          display: grid;
          grid-template-columns: repeat(2, 1fr);
          /* 2 columns */
          gap: 30px 40px;
          color: #000;
          min-height: 300px;
      }

      /* Right submenu list */
      .right_submenu_card ul {
          margin: 0;
          padding: 0;
          list-style: none;
          display: contents;
          /* Make the ul behave like no container */
      }

      /* Right submenu list items */
      .right_submenu_card ul li {
          display: flex;
          align-items: flex-start;
          gap: 14px;
      }

      .right_submenu_card h6 {
          color: #000;
      }

      .right_submenu_card p {
          color: #1c1c1e;
      }

      .right_submenu_card ul li svg {
          width: 70px;
      }

      .right_submenu_card ul li {
          position: relative;
          padding: 15px 20px;
          border: 2px solid transparent;
          border-radius: 12px;
          transition:
              border-color 0.4s ease,
              background-color 0.4s ease;
          cursor: pointer;
      }

      .right_submenu_card ul li:hover {
          border-color: #ff8c00;
          background-color: rgba(45, 127, 255, 0.1);
          /* subtle background highlight */
      }

      /* Optional: Smooth transition on the link inside */
      .right_submenu_card ul li a,
      .right_submenu_card ul li a h6,
      .right_submenu_card ul li a p {
          transition: color 0.3s ease;
      }

      .right_submenu_card ul li:hover a,
      .right_submenu_card ul li:hover a h6,
      .right_submenu_card ul li:hover a p {
          color: #000;
          /* text color change on hover */
      }

      /* Container flex for columns */
      .industries-menu {
          margin-left: -100%;
          display: flex !important;
          display: block;
          gap: 30px;
          padding: 20px 30px;
          background: #fff;
          border-radius: 8px;
          box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
          width: fit-content;
      }

      /* Each li is a column */
      .industries-menu>li {
          flex: 1;
      }

      /* Reset padding/margin for inner ul */
      .industries-menu>li>ul {
          list-style: none;
          padding: 0;
          margin: 0;
      }

      /* Style the individual links */
      .industries-menu a {
          display: block;
          padding: 6px 10px;
          color: #000;
          /* Google blue-ish */
          font-weight: 500;
          text-decoration: none;
          border-radius: 4px;
          transition: background-color 0.3s ease;
      }

      /* Hover background highlight */
      .industries-menu a:hover {
          background-color: #000;
          color: #fff;
      }

      .company-menu {
          display: flex !important;
          gap: 30px;
          padding: 20px 30px;
          background: #fff;
          border-radius: 8px;
          box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
          min-width: 500px !important;
          /* adjust width as needed */
      }

      .company-menu>li {
          flex: 1;
      }

      .company-menu>li>ul {
          list-style: none;
          padding: 0;
          margin: 0;
      }

      .company-menu a {
          display: block;
          padding: 6px 10px;
          color: #000;
          font-weight: 500;
          text-decoration: none;
          border-radius: 4px;
          transition: background-color 0.3s ease;
      }

      .company-menu a:hover {
          background-color: #000;
          color: #fff;
      }

      /* 3.01 - Site Header - End
================================================== */
      /* 3.02 - Site Footer - Start
================================================== */
      .footer-logo img {
          width: 280px;
      }

      .iconbox_content h4 {
          text-align: center;
          color: #fff;
      }

      .form-row img {
          width: 20px;
      }

      .site_footer .heading_block .heading_text {
          font-size: 45px;
          line-height: 60px;
      }

      .site_footer .site_logo {
          margin-bottom: 49px;
      }

      .site_footer p {
          font-size: 18px;
          font-weight: 500;
          line-height: 30px;
          margin-bottom: 22px;
      }

      .site_footer .iconlist_block {
          margin-bottom: 30px !important;
      }

      .site_footer .iconlist_block a {
          font-family: "SuisseIntl Medium";
      }

      .site_footer .iconlist_block a:hover .iconlist_text {
          text-decoration: underline;
          text-decoration-thickness: 1px;
      }

      .site_footer .copyright_text {
          font-size: 16px;
          line-height: 26px;
      }

      .footer_newsletter {
          padding: 87px 0;
      }

      .footer_newslatter_2 {
          margin-top: 40px;
          display: flex;
          flex-direction: column;
          gap: 20px;
          padding: 20px;
          border-left: 1px solid rgba(255, 255, 255, 0.1);
      }

      .form-row {
          display: flex;
          gap: 15px;
      }

      .form-row label {
          width: fit-content;
          border-radius: 40px;
          padding: 4px;
          background: #000;
      }

      .submit-wrap {
          font-size: 28px;
          text-align: center;
      }

      .footer_newslatter_2 input {
          width: 100%;
          flex: 1;
          border: none;
          font-size: 16px;
          padding: 4px 0 0 8px;
          color: #000;
          border-bottom: 1px solid #51585e;
          background-color: transparent;
      }

      .footer_newslatter_2 input::placeholder {
          color: #0f172a;
      }

      .footer_newslatter_2 input:-ms-input-placeholder {
          color: #cfcfcf;
      }

      .footer_newslatter_2 input::-ms-input-placeholder {
          color: #cfcfcf;
      }

      .footer_newslatter_2 button {
          color: #fff;
      }

      .footer_newslatter_2 button:hover {
          color: #00d999;
      }

      .footer_layout_1 {
          background-size: cover;
          background-repeat: no-repeat;
          background-position: center top;
      }

      .footer_layout_1 p {
          color: #c6c6c6;
      }

      .footer_layout_1 .iconlist_block a {
          color: var(--bs-white);
      }

      .footer_layout_1 .iconlist_block a:hover {
          color: var(--bs-primary);
      }

      .footer_layout_1 .footer_content_wrapper {
          padding: 87px 0;
      }

      .footer_layout_1 .footer_info_title {
          color: #c6c6c6;
          line-height: 1;
          font-size: 16px;
          font-weight: 600;
          margin-bottom: 29px;
          padding-bottom: 27px;
          border-bottom: 1px solid #003d3f;
      }

      .footer_layout_1 .footer_bottom {
          padding: 39px 0;
          border-top: 1px solid #003d3f;
      }

      .footer_layout_1 .shape_finto {
          bottom: 0;
          left: 50%;
          opacity: 0.03;
          max-width: 667px;
          transform: translateX(-50%);
      }

      .footer_layout_1 .shape_nate {
          left: -375px;
          bottom: -444px;
          max-width: 650px;
      }

      .footer_layout_1 .shape_dollar_1 {
          top: 240px;
          left: 50px;
          max-width: 64px;
      }

      .footer_layout_1 .shape_dollar_2 {
          right: 12px;
          bottom: 148px;
          max-width: 61px;
          filter: blur(2px);
      }

      .footer_layout_2 {
          filter: drop-shadow(2px 4px 6px black);
          background-size: cover;
          background-repeat: no-repeat;
          background-position: center center;
      }

      .footer_layout_2 .overlay {
          opacity: 0.02;
          background-size: cover;
          background-repeat: no-repeat;
          background-position: center center;
      }

      .footer_layout_2 p {
          color: #000;
          font-size: 16px;
          margin-bottom: 28px;
          padding-right: 0px !important;
      }

      .footer_widget img {
          padding-bottom: 20px;
          margin-top: 0px;
      }

      .footer_layout_2 .footer_info_title {
          color: #143257;
          line-height: 1;
          font-size: 20px;
          margin-bottom: 30px;
      }

      .footer_layout_2 .content_wrap {
          padding: 10px 70px;
          border-top-right-radius: 60px;
          border-top-left-radius: 60px;
          background-color: #fff;
      }

      .footer_layout_2 hr {
          margin: 40px 0;
          background-color: rgba(255, 255, 255, 0.1);
      }

      .footer_layout_2 .iconbox_block {
          align-items: center;
      }

      .footer_layout_2 .iconbox_block .iconbox_icon {
          background-color: rgba(255, 255, 255, 0.1);
      }

      .footer_layout_2 .iconbox_block .iconbox_title {
          color: #cfcfcf;
          font-size: 14px;
          margin-bottom: 8px;
          font-family: "SuisseIntl Medium";
      }

      .footer_layout_2 .iconbox_block p {
          font-size: 20px;
          color: var(--bs-white);
          font-family: "SuisseIntl SemiBold";
      }

      .footer_layout_2 .iconbox_block p a {
          color: currentColor;
      }

      .footer_layout_2 .iconlist_block.unordered_list_block {
          gap: 10px;
      }

      .footer_layout_2 .iconlist_block.unordered_list>li {
          gap: 0;
          font-size: 16px;
          font-weight: 400;
      }

      .footer_layout_2 .iconlist_block.unordered_list>li:not(:last-child):after {
          width: 1px;
          content: "";
          height: 11px;
          margin: 10px 30px 0;
          display: inline-block;
          background-color: var(--bs-white);
      }

      .footer_layout_2 .iconlist_block.unordered_list a:not(:hover) {
          color: #000;
      }

      .footer_layout_2 .iconlist_block a {
          color: #0f172a;
      }

      .footer_layout_2 .iconlist_block a:hover {
          color: darkorange;
      }

      .footer_layout_2 .footer_bottom {
          padding: 44px 0;
      }

      .footer_layout_2 [class*="shape_shadow_"] {
          opacity: 0.2;
          max-width: 500px;
          filter: blur(150px);
      }

      .footer_layout_2 .shape_shadow_1 {
          top: -150px;
          left: -150px;
      }

      .footer_layout_2 .shape_shadow_2 {
          left: -150px;
          bottom: -150px;
      }

      .footer_layout_2 .shape_shadow_3 {
          top: -150px;
          right: -150px;
      }

      .footer_layout_2 .shape_shadow_4 {
          right: -150px;
          bottom: -150px;
      }

      .footer_layout_2 .shape_shadow_5 {
          top: 50%;
          left: 50%;
          max-width: 800px;
          transform: translate(-50%, -50%);
      }

      .footer_layout_3 {
          padding: 0 50px;
      }

      .footer_layout_3 .cta_section .heading_text {
          font-size: 65px;
          line-height: 80px;
      }

      .footer_layout_3 .cta_section .btn {
          font-size: 30px;
          padding: 35px 100px;
      }

      .footer_layout_3 .content_wrap {
          padding: 130px 0 60px;
          border-radius: 30px 30px 0 0;
          background-image: linear-gradient(120deg, #8234c5, #230952);
      }

      .footer_layout_3 .footer_bottom {
          margin-top: 100px;
          padding: 20px 30px;
          border-radius: 10px;
      }

      .footer_layout_3 .social_icons_block a {
          background: rgba(255, 255, 255, 0.06);
      }

      .footer_layout_3 .footer_info_title {
          color: #dbdbdb;
          line-height: 1;
          font-size: 16px;
          margin-bottom: 32px;
      }

      .footer_layout_3 .shape_nate_1 {
          top: -210px;
          left: -200px;
      }

      .footer_layout_3 .shape_nate_2 {
          top: 0;
          opacity: 0.3;
          right: -210px;
          max-width: 460px;
          transform: rotate(24deg);
      }

      .footer_layout_3 .shape_nate_3 {
          left: 0;
          bottom: 0;
      }

      .footer_layout_4 {
          padding: 0 70px;
      }

      .footer_layout_4 .cta_section {
          border-radius: 20px;
      }

      .footer_layout_4 .cta_section .heading_block {
          padding: 65px 0;
      }

      .footer_layout_4 .cta_section .heading_block .heading_text {
          font-size: 60px;
          line-height: 100px;
      }

      .footer_layout_4 .btn {
          padding: 26px 50px;
      }

      .footer_layout_4 hr {
          background-color: #242628;
      }

      .footer_layout_4 .contact_info {
          padding: 70px 0 200px;
      }

      .footer_layout_4 .iconbox_block.icon_left {
          align-items: center;
      }

      .footer_layout_4 .iconbox_block.icon_left .iconbox_icon {
          background-color: #242628;
      }

      .footer_layout_4 .iconbox_block.icon_left .iconbox_title {
          color: #e1e1e1;
          font-size: 14px;
          font-weight: 500;
          font-family: "SuisseIntl Medium";
      }

      .footer_layout_4 .iconbox_block.icon_left p {
          color: #ffffff;
          font-size: 20px;
          font-family: "SuisseIntl SemiBold";
      }

      .footer_layout_4 .newslatter_wrapper {
          margin: -130px 0 80px;
      }

      .footer_layout_4 .newslatter_wrapper .badge.style_2 {
          gap: 6px;
          padding: 0;
          box-shadow: none;
          color: var(--bs-white);
          background-color: transparent;
      }

      .footer_layout_4 .newslatter_wrapper .badge.style_2 .fa-circle {
          font-size: 8px;
      }

      .footer_layout_4 .newslatter_wrapper .heading_block .heading_text {
          font-size: 26px;
          line-height: 35px;
      }

      .footer_layout_4 .footer_info_title {
          color: #615959;
          font-size: 16px;
          margin-bottom: 30px;
      }

      .footer_layout_4 .iconlist_block a:not(:hover) {
          color: #033b38;
      }

      .footer_layout_4 .footer_bottom {
          padding: 20px 0;
          margin-top: 72px;
          border-radius: 20px 20px 0 0;
      }

      .footer_layout_4 .copyright_text {
          color: #e1e1e1;
      }

      .footer_layout_4 .social_icons_block {
          gap: 10px;
      }

      .footer_layout_4 .social_icons_block a {
          background-color: #242628;
      }

      .footer_layout_4 .shape_nate_1 {
          bottom: 0;
          left: -230px;
      }

      .footer_layout_4 .shape_nate_1 img {
          transform: scaleX(-1);
      }

      .footer_layout_4 .shape_nate_2 {
          bottom: 0;
          right: -230px;
      }

      .footer_layout_5 .footer_info_title {
          color: #dbdbdb;
          font-size: 16px;
          line-height: 24px;
          margin-bottom: 28px;
      }

      .footer_layout_5 .footer_top_wrapper {
          display: flex;
          padding: 70px 0;
          align-items: flex-start;
          justify-content: space-between;
      }

      .footer_layout_5 .footer_middle_wrapper {
          padding: 60px 0;
          border-style: solid;
          border-width: 1px 0 1px;
          border-color: rgba(255, 255, 255, 0.1);
      }

      .footer_layout_5 .footer_bottom_wrapper {
          padding: 20px 0 30px;
      }

      .footer_layout_5 .iconlist_block a:not(:hover) {
          color: var(--bs-white);
      }

      .footer_layout_5 .shape_nate_1 {
          top: 0;
          left: 0;
      }

      .footer_layout_5 .shape_nate_2 {
          top: 0;
          right: 0;
      }

      .footer_layout_5 .shape_pattern_1 {
          left: 0;
          bottom: 0;
      }

      .footer_layout_5 .shape_pattern_2 {
          right: 0;
          bottom: 0;
      }

      .footer_layout_6 .contact_wrapper {
          border-radius: 10px;
          padding: 44px 50px 50px;
          background-color: var(--bs-white);
      }

      .footer_layout_6 .footer_info_title {
          color: #66676a;
          line-height: 1;
          font-size: 16px;
          margin-bottom: 32px;
      }

      .footer_layout_6 hr {
          margin: 37px 0 35px;
      }

      .footer_layout_6 .iconbox_block .iconbox_title {
          color: #66676a;
          line-height: 1;
          font-size: 16px;
          margin-bottom: 12px;
          font-family: "SuisseIntl Regular";
      }

      .footer_layout_6 .iconbox_block p {
          line-height: 1;
          font-size: 20px;
          color: var(--bs-primary);
          font-family: var(--bs-heading-font-family);
      }

      .footer_layout_6 .iconlist_block a:not(:hover) {
          color: var(--bs-heading-color);
      }

      .footer_layout_6 .newsletter_input {
          margin-top: 52px;
      }

      .footer_layout_6 .app_download_wrapper {
          z-index: 1;
          padding: 50px;
          position: relative;
          border-radius: 10px;
          background-size: auto;
          background-repeat: no-repeat;
          background-position: right -100px center;
      }

      .footer_layout_6 .app_download_wrapper .heading_block {
          max-width: 400px;
      }

      .footer_layout_6 .app_download_wrapper .hand_image {
          right: 0;
          bottom: 0;
          z-index: -1;
          max-width: 276px;
          position: absolute;
      }

      .footer_layout_6 .footer_bottom_wrapper {
          padding: 42px 0;
      }

      .footer_layout_6 .copyright_text {
          font-size: 20px;
          line-height: 26px;
      }

      .footer_layout_6 .newsletter_input input {
          color: var(--bs-heading-color);
          background-color: var(--bs-light);
          border-color: var(--bs-border-color);
      }

      .footer_layout_6 .newsletter_input input:focus {
          background-color: var(--bs-white);
      }

      .footer_layout_6 .newsletter_input input::placeholder {
          color: black;
      }

      .footer_layout_6 .newsletter_input input:-ms-input-placeholder {
          color: black;
      }

      .footer_layout_6 .newsletter_input input::-ms-input-placeholder {
          color: black;
      }

      .footer_layout_6 .newsletter_input .submit_btn {
          color: var(--bs-white);
          background-color: var(--bs-dark);
      }

      .footer_layout_6 .heading_block span {
          padding: 2px 10px;
          border-radius: 50px;
          background-color: rgba(255, 255, 255, 0.1);
      }

      .footer_layout_6 .heading_block .heading_text {
          font-size: 42px;
          line-height: 48px;
      }

      .footer_layout_6 .btns_group {
          padding: 60px 0 106px;
          gap: 15px;
      }

      .footer_layout_6 .btns_group .btn {
          padding: 19px 40px;
      }

      .footer_layout_6 .btns_group .btn .btn_icon {
          font-size: 22px;
      }

      .footer_layout_6 .shape_car_path_1 {
          top: 0;
          left: 0;
          max-width: 210px;
      }

      .footer_layout_6 .shape_car_path_2 {
          right: 0;
          bottom: 0;
          max-width: 210px;
      }

      /* 3.02 - Site Footer - End
================================================== */
      /* 3.03 - Page Header - Start
================================================== */
      .page_header {
          padding: 209px 0 148px;
          background-size: cover;
          background-repeat: no-repeat;
          background-position: center top;
      }

      .page_header .shape_nate {
          top: 50%;
          /* left: 50%; */
          width: 100%;
          opacity: 0.1;
          margin-top: -60px;
          transform: translate(-50%, -50%);
      }

      .page_header .shape_dollar_1 {
          top: 147px;
          left: 68px;
          max-width: 55px;
          filter: blur(4px);
      }

      .page_header .shape_dollar_2 {
          top: 169px;
          right: 188px;
          max-width: 65px;
      }

      .page_header .shape_dollar_3 {
          left: 258px;
          bottom: 38px;
          max-width: 41px;
      }

      .page_header .shape_dollar_4 {
          right: 390px;
          bottom: 28px;
          max-width: 32px;
          filter: blur(3px);
      }

      .page_header .shape_pattern_1 {
          left: 0;
          bottom: 0;
      }

      .page_header .shape_pattern_2 {
          right: 0;
          bottom: 0;
      }

      .page_title {
          color: #000;
          font-size: 70px;
          line-height: 90px;
          margin-bottom: 11px;
      }

      .breadcrumb_nav {
          gap: 26px;
      }

      .breadcrumb_nav>li {
          line-height: 1;
          font-size: 22px;
          font-weight: 500;
      }

      .breadcrumb_nav>li:not(:last-child) {
          position: relative;
      }

      .breadcrumb_nav>li:not(:last-child):after {
          bottom: 2px;
          right: -20px;
          content: "";
          width: 12px;
          height: 2px;
          position: absolute;
          background-color: #c6c6c6;
      }

      .breadcrumb_nav>li>a {
          color: #c6c6c6;
      }

      .breadcrumb_nav>li:hover:not(.active)>a {
          color: var(--bs-white);
      }

      .breadcrumb_nav>li.active>a {
          pointer-events: none;
      }

      /* 3.03 - Page Header - End
================================================== */
      /* 3.04 - Sidebar - Start
================================================== */
      .sidebar>* {
          padding: 48px 40px 50px;
          background-color: var(--bs-white);
          border-radius: var(--bs-border-radius);
      }

      .sidebar>*:not(:last-child) {
          margin-bottom: 40px;
      }

      .sidebar .tags_block a {
          background-color: #eff6f6;
      }

      .sidebar_widget_title {
          line-height: 1;
          font-size: 24px;
          margin-bottom: 36px;
      }

      /* 3.04 - Sidebar - End
================================================== */
      /* Hero Sections - Start
================================================== */
      .acm_hero_v3 {
          position: relative;
          overflow: hidden;
          min-height: 860px;
          padding: 72px 0 92px !important;
          background:
              radial-gradient(circle at top right, rgba(18, 49, 87, .035), transparent 18%),
              radial-gradient(circle at bottom left, rgba(217, 106, 39, .045), transparent 18%),
              #F8F7F4 !important;
      }

      .acm_hero_v3__bg-shape {
          position: absolute;
          border-radius: 50%;
          pointer-events: none;
          filter: blur(10px);
      }

      .acm_hero_v3__bg-shape--one {
          top: -120px;
          right: -100px;
          width: 340px;
          height: 340px;
          background: radial-gradient(circle, rgba(217, 106, 39, 0.10), transparent 68%);
      }

      .acm_hero_v3__bg-shape--two {
          left: -120px;
          bottom: 30px;
          width: 300px;
          height: 300px;
          background: radial-gradient(circle, rgba(18, 49, 87, 0.07), transparent 70%);
      }

      .acm_hero_v3 .container {
          position: relative;
          z-index: 2;
      }

      .acm_hero_v3__row {
          align-items: center;
      }

      .acm_hero_v3__content {
          max-width: 640px;
      }

      .acm_hero_v3__eyebrow {
          display: inline-flex;
          align-items: center;
          gap: 10px;
          padding: 10px 16px;
          margin-bottom: 22px;
          border-radius: 999px;
          background: rgba(255, 255, 255, 0.76);
          border: 1px solid rgba(20, 27, 40, 0.08);
          color: #687284;
          font-size: 13px;
          font-weight: 600;
          backdrop-filter: blur(10px);
      }

      .acm_hero_v3__eyebrow-dot {
          width: 10px;
          height: 10px;
          border-radius: 50%;
          background: #d96a27;
          box-shadow: 0 0 0 6px rgba(217, 106, 39, 0.12);
      }

      .acm_hero_v3__title {
          margin: 0 0 18px !important;
          font-size: clamp(52px, 5vw, 84px) !important;
          line-height: .93 !important;
          letter-spacing: -0.055em;
          color: #141b28 !important;
          max-width: 640px;
      }

      .acm_hero_v3__title span,
      .acm_hero_v3__title strong {
          color: #d96a27 !important;
      }

      .acm_hero_v3__dynamic {
          display: flex;
          align-items: center;
          gap: 12px;
          flex-wrap: wrap;
          margin-bottom: 22px;
      }

      .acm_hero_v3__dynamic-static {
          font-size: 24px;
          font-weight: 500;
          color: #5f6b7a;
      }

      .acm_hero_v3__dynamic-box {
          display: inline-flex;
          align-items: center;
          justify-content: center;
          min-width: 280px;
          min-height: 60px;
          padding: 10px 22px;
          border-radius: 14px;
          background: linear-gradient(135deg, #f39a3f, #e57c2e);
          box-shadow: 0 14px 28px rgba(217, 106, 39, 0.18);
      }

      #acm-dynamic-text {
          display: inline-block;
          color: #fff;
          font-size: 28px;
          line-height: 1.2;
          font-weight: 700;
      }

      #acm-dynamic-text.is-animated {
          animation: acmFadeWord .55s ease;
      }

      @keyframes acmFadeWord {
          0% {
              opacity: 0;
              transform: translateY(12px);
          }

          100% {
              opacity: 1;
              transform: translateY(0);
          }
      }

      .acm_hero_v3__desc {
          max-width: 580px;
          margin-bottom: 28px;
      }

      .acm_hero_v3__desc p {
          margin: 0;
          color: #667287;
          font-size: 17px;
          line-height: 1.75;
      }

      .acm_hero_v3__buttons {
          display: flex;
          gap: 14px;
          flex-wrap: wrap;
          margin: 28px 0 24px;
      }

      .acm_hero_v3__btn {
          display: inline-flex;
          align-items: center;
          justify-content: center;
          min-height: 56px;
          padding: 0 26px;
          border-radius: 999px;
          font-size: 15px;
          font-weight: 700;
          text-decoration: none !important;
          transition: all .28s ease;
      }

      .acm_hero_v3__btn--primary {
          color: #fff !important;
          background: linear-gradient(135deg, #d96a27, #ef9350);
          box-shadow: 0 12px 24px rgba(217, 106, 39, 0.24);
      }

      .acm_hero_v3__btn--primary:hover {
          transform: translateY(-2px);
          color: #fff !important;
      }

      .acm_hero_v3__btn--secondary {
          color: #141b28 !important;
          background: rgba(255, 255, 255, 0.88);
          border: 1px solid rgba(20, 27, 40, 0.10);
      }

      .acm_hero_v3__btn--secondary:hover {
          transform: translateY(-2px);
          color: #141b28 !important;
      }

      .acm_hero_v3__review-row {
          display: flex;
          align-items: center;
          gap: 10px;
          flex-wrap: wrap;
          margin-bottom: 30px;
      }

      .acm_hero_v3__stars {
          display: inline-flex;
          gap: 4px;
          color: #f1b74f;
      }

      .acm_hero_v3__review-score,
      .acm_hero_v3__review-count {
          color: #141b28;
          font-size: 14px;
          font-weight: 700;
      }

      .acm_hero_v3__review-divider {
          width: 1px;
          height: 14px;
          background: rgba(20, 27, 40, 0.15);
      }

      .acm_hero_v3__stats {
          display: grid;
          grid-template-columns: repeat(3, minmax(0, 1fr));
          gap: 16px;
          max-width: 560px;
      }

      .acm_hero_v3__stat-card {
          padding: 18px;
          border-radius: 22px;
          background: rgba(255, 255, 255, 0.76);
          border: 1px solid rgba(20, 27, 40, 0.06);
          box-shadow: 0 12px 24px rgba(20, 27, 40, 0.05);
      }

      .acm_hero_v3__stat-card h3 {
          margin: 0 0 8px;
          font-size: 32px;
          line-height: 1;
          color: #141b28;
      }

      .acm_hero_v3__stat-card p {
          margin: 0;
          color: #667287;
          font-size: 13px;
          line-height: 1.45;
      }

      /* RIGHT SIDE */
      .acm_hero_v3__visual {
          position: relative;
          min-height: 720px;
          padding-left: 30px;
      }

      .acm_hero_v3__dashboard {
          position: relative;
          z-index: 2;
          max-width: 620px;
          margin-left: auto;
          padding: 24px;
          border-radius: 34px;
          background: linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(255, 255, 255, 0.80));
          border: 1px solid rgba(255, 255, 255, 0.82);
          box-shadow: 0 28px 70px rgba(20, 27, 40, 0.10);
      }

      .acm_hero_v3__dashboard-top {
          display: flex;
          align-items: center;
          justify-content: space-between;
          gap: 12px;
          padding-bottom: 18px;
          border-bottom: 1px solid rgba(20, 27, 40, 0.08);
      }

      .acm_hero_v3__dashboard-dots {
          display: flex;
          gap: 8px;
      }

      .acm_hero_v3__dashboard-dots span {
          width: 10px;
          height: 10px;
          border-radius: 50%;
          background: rgba(20, 27, 40, 0.10);
      }

      .acm_hero_v3__dashboard-dots span:nth-child(1) {
          background: rgba(217, 106, 39, 0.55);
      }

      .acm_hero_v3__dashboard-dots span:nth-child(2) {
          background: rgba(155, 207, 149, 0.65);
      }

      .acm_hero_v3__dashboard-badge {
          padding: 8px 12px;
          border-radius: 999px;
          background: rgba(217, 106, 39, 0.10);
          color: #be581b;
          font-size: 12px;
          font-weight: 700;
      }

      .acm_hero_v3__dashboard-body {
          display: grid;
          grid-template-columns: 1.15fr .85fr;
          gap: 18px;
          margin-top: 20px;
      }

      .acm_hero_v3__chart-box,
      .acm_hero_v3__mini-metric {
          background: rgba(255, 255, 255, 0.82);
          border: 1px solid rgba(20, 27, 40, 0.06);
          box-shadow: 0 10px 24px rgba(20, 27, 40, 0.05);
      }

      .acm_hero_v3__chart-box {
          padding: 18px;
          border-radius: 24px;
      }

      .acm_hero_v3__chart-head {
          display: flex;
          align-items: center;
          justify-content: space-between;
          gap: 10px;
          margin-bottom: 16px;
      }

      .acm_hero_v3__chart-head span:first-child {
          color: #141b28;
          font-size: 14px;
          font-weight: 700;
      }

      .acm_hero_v3__chart-live {
          padding: 6px 10px;
          border-radius: 999px;
          background: rgba(155, 207, 149, 0.18);
          color: #5e8b58;
          font-size: 11px;
          font-weight: 700;
      }

      .acm_hero_v3__chart-area {
          height: 245px;
          border-radius: 18px;
          background:
              linear-gradient(rgba(20, 27, 40, 0.05) 1px, transparent 1px),
              linear-gradient(90deg, rgba(20, 27, 40, 0.04) 1px, transparent 1px),
              linear-gradient(180deg, rgba(248, 247, 244, 0.96), rgba(255, 255, 255, 0.86));
          background-size: 100% 48px, 68px 100%, 100% 100%;
          overflow: hidden;
      }

      .acm_hero_v3__chart-svg {
          width: 100%;
          height: 100%;
      }

      .acm_hero_v3__mini-metrics {
          display: grid;
          gap: 16px;
      }

      .acm_hero_v3__mini-metric {
          padding: 18px;
          border-radius: 22px;
      }

      .acm_hero_v3__mini-metric small {
          display: block;
          margin-bottom: 8px;
          color: #667287;
          font-size: 12px;
          font-weight: 700;
          text-transform: uppercase;
          letter-spacing: .08em;
      }

      .acm_hero_v3__mini-metric strong {
          display: block;
          margin-bottom: 8px;
          font-size: 38px;
          line-height: 1;
          color: #141b28;
      }

      .acm_hero_v3__mini-metric span {
          display: block;
          color: #667287;
          font-size: 13px;
      }

      .acm_hero_v3__float {
          position: absolute;
          z-index: 3;
          width: 190px;
          padding: 16px;
          border-radius: 22px;
          background: rgba(255, 255, 255, 0.92);
          border: 1px solid rgba(255, 255, 255, 0.82);
          box-shadow: 0 18px 40px rgba(20, 27, 40, 0.10);
      }

      .acm_hero_v3__float--top {
          top: -16px;
          right: 0;
      }

      .acm_hero_v3__float--left {
          left: 0;
          top: 150px;
      }

      .acm_hero_v3__float-label {
          display: block;
          margin-bottom: 8px;
          color: #667287;
          font-size: 11px;
          font-weight: 700;
          text-transform: uppercase;
          letter-spacing: .08em;
      }

      .acm_hero_v3__float strong {
          display: block;
          margin: 6px 0;
          font-size: 34px;
          line-height: 1;
          color: #d96a27;
      }

      .acm_hero_v3__float p {
          margin: 0;
          color: #667287;
          font-size: 12px;
          line-height: 1.5;
      }

      .acm_hero_v3__hero-image {
          position: absolute;
          right: -10px;
          bottom: -10px;
          z-index: 4;
          width: 270px;
          max-width: 44%;
      }

      .acm_hero_v3__hero-img {
          display: block;
          width: 100%;
          height: auto;
          filter: drop-shadow(0 22px 40px rgba(20, 27, 40, 0.12));
      }

      .acm_hero_v3__payment-chips {
          position: absolute;
          left: 40px;
          bottom: 18px;
          z-index: 4;
          display: flex;
          flex-wrap: wrap;
          gap: 10px;
          max-width: 300px;
      }

      .acm_hero_v3__payment-chips span {
          display: inline-flex;
          align-items: center;
          justify-content: center;
          min-height: 38px;
          padding: 0 14px;
          border-radius: 999px;
          background: rgba(255, 255, 255, 0.90);
          border: 1px solid rgba(20, 27, 40, 0.08);
          box-shadow: 0 10px 20px rgba(20, 27, 40, 0.05);
          color: #141b28;
          font-size: 12px;
          font-weight: 700;
      }

      @media (max-width: 1199px) {
          .acm_hero_v3__title {
              font-size: 66px !important;
          }

          .acm_hero_v3__visual {
              min-height: 680px;
          }
      }

      @media (max-width: 991px) {
          .acm_hero_v3 {
              min-height: auto;
              padding: 48px 0 68px !important;
          }

          .acm_hero_v3__stats {
              grid-template-columns: 1fr;
              max-width: 100%;
          }

          .acm_hero_v3__visual {
              min-height: auto;
              padding-left: 0;
              margin-top: 40px;
          }

          .acm_hero_v3__dashboard {
              max-width: 100%;
          }

          .acm_hero_v3__dashboard-body {
              grid-template-columns: 1fr;
          }

          .acm_hero_v3__float,
          .acm_hero_v3__hero-image,
          .acm_hero_v3__payment-chips {
              position: relative;
              inset: auto;
              width: 100%;
              max-width: 100%;
              margin-top: 16px;
          }

          .acm_hero_v3__hero-image {
              text-align: center;
          }

          .acm_hero_v3__hero-img {
              max-width: 260px;
              margin: 0 auto;
          }
      }

      @media (max-width: 767px) {
          .acm_hero_v3__title {
              font-size: 42px !important;
          }

          .acm_hero_v3__dynamic-static {
              font-size: 20px;
          }

          #acm-dynamic-text {
              font-size: 22px;
          }

          .acm_hero_v3__dynamic-box {
              min-width: 100%;
          }

          .acm_hero_v3__buttons {
              flex-direction: column;
          }

          .acm_hero_v3__btn {
              width: 100%;
          }
      }

      /* Hero Sections - End
================================================== */

      .acm-hero-clean {
          position: relative;
          overflow: hidden;
          padding: 0px 0 90px;
          background:
              radial-gradient(circle at top right, rgba(18, 49, 87, .035), transparent 18%),
              radial-gradient(circle at bottom left, rgba(217, 106, 39, .045), transparent 18%),
              #F8F7F4;
      }

      .acm-hero-clean__bg {
          position: absolute;
          border-radius: 50%;
          pointer-events: none;
          filter: blur(10px);
      }

      .acm-hero-clean__bg--one {
          top: -120px;
          right: -100px;
          width: 340px;
          height: 340px;
          background: radial-gradient(circle, rgba(217, 106, 39, 0.10), transparent 68%);
      }

      .acm-hero-clean__bg--two {
          left: -120px;
          bottom: 30px;
          width: 300px;
          height: 300px;
          background: radial-gradient(circle, rgba(18, 49, 87, 0.07), transparent 70%);
      }

      .acm-hero-clean__row {
          align-items: center;
      }

      .acm-hero-clean__content {
          max-width: 100%;
          position: relative;
          z-index: 2;
      }

      .acm-hero-clean__eyebrow {
          display: inline-flex;
          align-items: center;
          gap: 10px;
          padding: 10px 16px;
          margin-bottom: 24px;
          border-radius: 999px;
          background: rgba(255, 255, 255, 0.78);
          border: 1px solid rgba(20, 27, 40, 0.08);
          color: #687284;
          font-size: 13px;
          font-weight: 600;
      }

      .acm-hero-clean__eyebrow-dot {
          width: 10px;
          height: 10px;
          border-radius: 50%;
          background: #d96a27;
          box-shadow: 0 0 0 6px rgba(217, 106, 39, 0.12);
      }

      .acm-hero-clean__title {
          margin: 0 0 18px;
          font-size: clamp(52px, 4vw, 60px);
          line-height: .93;
          letter-spacing: -0.055em;
          color: #141b28;
          max-width: 100%;
      }

      .acm-hero-clean__title span,
      .acm-hero-clean__title strong {
          color: #d96a27;
      }

      .acm-hero-clean__dynamic {
          display: flex;
          align-items: center;
          gap: 12px;
          flex-wrap: wrap;
          margin-bottom: 24px;
      }

      .acm-hero-clean__dynamic-label {
          font-size: 22px;
          font-weight: 500;
          color: #5f6b7a;
      }

      .acm-hero-clean__dynamic-box {
          display: inline-flex;
          align-items: center;
          justify-content: center;
          min-width: 300px;
          min-height: 62px;
          padding: 12px 22px;
          border-radius: 14px;
          background: linear-gradient(135deg, #f39a3f, #e57c2e);
          box-shadow: 0 14px 28px rgba(217, 106, 39, 0.18);
      }

      #acm-hero-rotating-text {
          color: #fff;
          font-size: 24px;
          line-height: 1.2;
          font-weight: 700;
          text-align: center;
      }

      #acm-hero-rotating-text.is-active {
          animation: acmHeroFade .5s ease;
      }

      @keyframes acmHeroFade {
          0% {
              opacity: 0;
              transform: translateY(10px);
          }

          100% {
              opacity: 1;
              transform: translateY(0);
          }
      }

      .acm-hero-clean__desc {
          max-width: 520px;
          margin-bottom: 28px;
      }

      .acm-hero-clean__desc p {
          margin: 0;
          color: #667287;
          font-size: 17px;
          line-height: 1.75;
      }

      .acm-hero-clean__actions {
          display: flex;
          gap: 14px;
          flex-wrap: wrap;
          margin-bottom: 24px;
      }

      .acm-hero-clean__btn {
          display: inline-flex;
          align-items: center;
          justify-content: center;
          min-height: 56px;
          padding: 0 26px;
          border-radius: 999px;
          font-size: 15px;
          font-weight: 700;
          text-decoration: none;
          transition: all .25s ease;
      }

      .acm-hero-clean__btn--primary {
          color: #fff;
          background: linear-gradient(135deg, #d96a27, #ef9350);
          box-shadow: 0 12px 24px rgba(217, 106, 39, 0.24);
      }

      .acm-hero-clean__btn--secondary {
          color: #141b28;
          background: rgba(255, 255, 255, 0.88);
          border: 1px solid rgba(20, 27, 40, 0.10);
      }

      .acm-hero-clean__review {
          display: flex;
          align-items: center;
          gap: 10px;
          flex-wrap: wrap;
          margin-bottom: 30px;
          color: #141b28;
          font-size: 14px;
          font-weight: 700;
      }

      .acm-hero-clean__stars {
          display: inline-flex;
          gap: 4px;
          color: #f1b74f;
      }

      .acm-hero-clean__review-divider {
          width: 1px;
          height: 14px;
          background: rgba(20, 27, 40, 0.15);
      }

      .acm-hero-clean__stats {
          display: grid;
          grid-template-columns: repeat(3, minmax(0, 1fr));
          gap: 16px;
          max-width: 560px;
      }

      .acm-hero-clean__stat-card {
          padding: 18px;
          border-radius: 22px;
          background: rgba(255, 255, 255, 0.76);
          border: 1px solid rgba(20, 27, 40, 0.06);
          box-shadow: 0 12px 24px rgba(20, 27, 40, 0.05);
      }

      .acm-hero-clean__stat-card h3 {
          margin: 0 0 8px;
          font-size: 32px;
          line-height: 1;
          color: #141b28;
      }

      .acm-hero-clean__stat-card p {
          margin: 0;
          color: #667287;
          font-size: 13px;
          line-height: 1.45;
      }

      /* RIGHT SIDE */
      .acm-hero-clean__visual {
          position: relative;
          z-index: 4;
      }

      .acm-hero-clean__visual-card {
          position: relative;
          min-height: 520px;
          max-width: 740px;
          margin-left: auto;
          z-index: 4;
      }

      .acm-hero-clean__panel {
          position: relative;
          width: 100%;
          max-width: 620px;
          margin: 60px auto 0;
          padding: 24px;
          border-radius: 34px;
          background: linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(255, 255, 255, 0.84));
          border: 1px solid rgba(255, 255, 255, 0.86);
          box-shadow: 0 28px 70px rgba(20, 27, 40, 0.10);
          z-index: 5;
      }


      .acm-hero-clean__panel-top {
          display: flex;
          align-items: center;
          justify-content: space-between;
          gap: 12px;
          padding-bottom: 18px;
          border-bottom: 1px solid rgba(20, 27, 40, 0.08);
      }

      .acm-hero-clean__dots {
          display: flex;
          gap: 8px;
      }

      .acm-hero-clean__dots span {
          width: 10px;
          height: 10px;
          border-radius: 50%;
          background: rgba(20, 27, 40, 0.10);
      }

      .acm-hero-clean__dots span:nth-child(1) {
          background: rgba(217, 106, 39, 0.55);
      }

      .acm-hero-clean__dots span:nth-child(2) {
          background: rgba(155, 207, 149, 0.65);
      }

      .acm-hero-clean__badge {
          padding: 8px 12px;
          border-radius: 999px;
          background: rgba(217, 106, 39, 0.10);
          color: #be581b;
          font-size: 12px;
          font-weight: 700;
      }

      .acm-hero-clean__panel-grid {
          display: grid;
          grid-template-columns: 1.2fr .8fr;
          gap: 18px;
          margin-top: 20px;
      }

      .acm-hero-clean__chart,
      .acm-hero-clean__metric {
          background: rgba(255, 255, 255, 0.82);
          border: 1px solid rgba(20, 27, 40, 0.06);
          box-shadow: 0 10px 24px rgba(20, 27, 40, 0.05);
      }

      .acm-hero-clean__chart {
          padding: 18px;
          border-radius: 24px;
      }

      .acm-hero-clean__chart-head {
          display: flex;
          align-items: center;
          justify-content: space-between;
          gap: 10px;
          margin-bottom: 16px;
      }

      .acm-hero-clean__chart-head span:first-child {
          color: #141b28;
          font-size: 14px;
          font-weight: 700;
      }

      .acm-hero-clean__live {
          padding: 6px 10px;
          border-radius: 999px;
          background: rgba(155, 207, 149, 0.18);
          color: #5e8b58;
          font-size: 11px;
          font-weight: 700;
      }

      .acm-hero-clean__chart-area {
          height: 245px;
          border-radius: 18px;
          background:
              linear-gradient(rgba(20, 27, 40, 0.05) 1px, transparent 1px),
              linear-gradient(90deg, rgba(20, 27, 40, 0.04) 1px, transparent 1px),
              linear-gradient(180deg, rgba(248, 247, 244, 0.96), rgba(255, 255, 255, 0.86));
          background-size: 100% 48px, 68px 100%, 100% 100%;
          overflow: hidden;
      }

      .acm-hero-clean__chart-area svg {
          width: 100%;
          height: 100%;
      }

      .acm-hero-clean__metrics {
          display: grid;
          gap: 16px;
      }

      .acm-hero-clean__metric {
          padding: 18px;
          border-radius: 22px;
      }

      .acm-hero-clean__metric small {
          display: block;
          margin-bottom: 8px;
          color: #667287;
          font-size: 12px;
          font-weight: 700;
          text-transform: uppercase;
          letter-spacing: .08em;
      }

      .acm-hero-clean__metric strong {
          display: block;
          margin-bottom: 8px;
          font-size: 38px;
          line-height: 1;
          color: #141b28;
      }

      .acm-hero-clean__metric span {
          display: block;
          color: #667287;
          font-size: 13px;
      }

      .acm-hero-clean__float {
          position: absolute;
          z-index: 8;
          width: 190px;
          padding: 16px;
          border-radius: 22px;
          background: rgba(255, 255, 255, 0.96);
          border: 1px solid rgba(255, 255, 255, 0.88);
          box-shadow: 0 18px 40px rgba(20, 27, 40, 0.12);
      }

      .acm-hero-clean__float--top {
          top: 0;
          right: 20px;
      }

      .acm-hero-clean__float--left {
          left: -10px;
          top: 180px;
      }

      .acm-hero-clean__float small {
          display: block;
          margin-bottom: 8px;
          color: #667287;
          font-size: 11px;
          font-weight: 700;
          text-transform: uppercase;
          letter-spacing: .08em;
      }

      .acm-hero-clean__float strong {
          display: block;
          margin: 6px 0;
          font-size: 34px;
          line-height: 1;
          color: #d96a27;
      }

      .acm-hero-clean__float span {
          display: block;
          color: #667287;
          font-size: 12px;
          line-height: 1.5;
      }

      /* full section media background */
      .acm-hero-clean {
          position: relative;
          overflow: hidden;
          padding: 0px 0 0px;
          background:
              radial-gradient(circle at top right, rgba(18, 49, 87, .035), transparent 18%),
              radial-gradient(circle at bottom left, rgba(217, 106, 39, .045), transparent 18%),
              #F8F7F4;
      }

      .acm-hero-clean__media-bg {
          position: absolute;
          inset: 0;
          z-index: 1;
          overflow: hidden;
      }

      .acm-hero-clean__media-image,
      .acm-hero-clean__media-video {
          width: 100%;
          height: 100%;
          object-fit: cover;
          object-position: center center;
          display: block;
          transform: scale(1);
          opacity: 0.45;
          filter: blur(0px);
          transition: transform .45s ease, opacity .45s ease, filter .45s ease;
      }

      .acm-hero-clean__media-overlay {
          position: absolute;
          inset: 0;
          background:
              linear-gradient(90deg, rgba(248, 247, 244, 0.88) 0%, rgba(248, 247, 244, 0.70) 35%, rgba(248, 247, 244, 0.52) 55%, rgba(248, 247, 244, 0.72) 100%),
              linear-gradient(180deg, rgba(248, 247, 244, 0.16), rgba(248, 247, 244, 0.22));
      }

      /* all real content should be above background */
      .acm-hero-clean .container {
          position: relative;
          z-index: 3;
      }


      .acm-hero-clean__chips {
          position: absolute;
          left: 70px;
          bottom: 30px;
          z-index: 7;
          display: flex;
          flex-wrap: wrap;
          gap: 10px;
          max-width: 260px;
      }

      .acm-hero-clean__chips span {
          display: inline-flex;
          align-items: center;
          justify-content: center;
          min-height: 38px;
          padding: 0 14px;
          border-radius: 999px;
          background: rgba(255, 255, 255, 0.92);
          border: 1px solid rgba(20, 27, 40, 0.08);
          box-shadow: 0 10px 20px rgba(20, 27, 40, 0.05);
          color: #141b28;
          font-size: 12px;
          font-weight: 700;
      }

      @media (max-width: 1199px) {
          .acm-hero-clean__title {
              font-size: 64px;
          }

          .acm-hero-clean__visual-card {
              min-height: 600px;
          }
      }

      @media (max-width: 991px) {
          .acm-hero-clean {
              padding: 0px 0 68px;
          }

          .acm-hero-clean__stats {
              grid-template-columns: 1fr;
              max-width: 100%;
          }

          .acm-hero-clean__visual-card {
              min-height: auto;
              margin-top: 40px;
          }

          .acm-hero-clean__panel-grid {
              grid-template-columns: 1fr;
          }

          .acm-hero-clean__float,
          .acm-hero-clean__chips {
              position: relative;
              inset: auto;
              width: 100%;
              max-width: 100%;
              margin-top: 16px;
          }



          .acm-hero-clean__image {
              max-width: 260px;
              margin: 0 auto;
          }
      }

      @media (max-width: 991px) {
          .acm-hero-clean__visual-card {
              min-height: auto;
              margin-top: 40px;
          }

          .acm-hero-clean__float,
          .acm-hero-clean__chips {
              position: relative;
              inset: auto;
              width: 100%;
              max-width: 100%;
              margin-top: 16px;
          }

          .acm-hero-clean__float--left,
          .acm-hero-clean__float--top {
              left: auto;
              right: auto;
              top: auto;
          }

          .acm-hero-clean__chips {
              left: auto;
              bottom: auto;
          }

          .acm-hero-clean__media-image,
          .acm-hero-clean__media-video {
              opacity: 0.18;
          }
      }

      .acm-brand-strip {
          background: #ffffff;
          padding: 26px 0 30px;
          border-top: 1px solid rgba(20, 27, 40, 0.05);
          border-bottom: 1px solid rgba(20, 27, 40, 0.05);
      }

      .acm-brand-strip__container {
          max-width: 1280px;
          margin: 0 auto;
          padding: 0 24px;
          text-align: center;
      }

      .acm-brand-strip__title {
          margin: 0 0 22px;
          font-size: 17px;
          line-height: 1.4;
          font-weight: 600;
          color: #232834;
      }

      .acm-brand-strip__logos {
          display: flex;
          align-items: center;
          justify-content: center;
          gap: 58px;
          flex-wrap: wrap;
      }

      .acm-brand-strip__logo-item img {
          height: 60px;
          width: auto;
          display: block;
          opacity: 1;
          filter: brightness(0) saturate(100%) invert(10%) sepia(12%) saturate(895%) hue-rotate(182deg) brightness(95%) contrast(92%);
      }

      @media (max-width: 991px) {
          .acm-brand-strip {
              padding: 22px 0 26px;
          }

          .acm-brand-strip__title {
              font-size: 15px;
              margin-bottom: 18px;
          }

          .acm-brand-strip__logos {
              gap: 28px 34px;
          }

          .acm-brand-strip__logo-item img {
              max-height: 28px;
          }
      }

      @media (max-width: 575px) {
          .acm-brand-strip__container {
              padding: 0 16px;
          }

          .acm-brand-strip__logos {
              gap: 18px 24px;
          }

          .acm-brand-strip__logo-item img {
              max-height: 22px;
          }
      }

      /* section 3 new start */

      @import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Cormorant+Garamond:wght@600;700&display=swap');

      .ace-orbit-v4,
      .ace-orbit-v4 * {
          box-sizing: border-box;
      }

      .ace-orbit-v4 {
          position: relative;
          padding: 88px 0;
          background:
              radial-gradient(circle at top right, rgba(18, 49, 87, 0.035), transparent 18%),
              radial-gradient(circle at bottom left, rgba(217, 106, 39, 0.045), transparent 18%),
              #F8F7F4;
          font-family: "Manrope", Arial, sans-serif;
      }

      .ace-orbit-v4__bg {
          position: absolute;
          border-radius: 50%;
          filter: blur(90px);
          pointer-events: none;
          z-index: 0;
      }

      .ace-orbit-v4__bg--one {
          width: 260px;
          height: 260px;
          left: 4%;
          top: 12%;
          background: rgba(18, 49, 87, 0.06);
      }

      .ace-orbit-v4__bg--two {
          width: 320px;
          height: 320px;
          right: 6%;
          bottom: 10%;
          background: rgba(217, 106, 39, 0.10);
      }

      .ace-orbit-v4__container {
          position: relative;
          z-index: 2;
          max-width: 1460px;
          margin: 0 auto;
          padding: 0 24px;
      }

      .ace-orbit-v4__top {
          max-width: 940px;
          margin: 0 auto 40px;
          text-align: center;
      }

      .ace-orbit-v4__eyebrow {
          display: inline-flex;
          align-items: center;
          gap: 8px;
          min-height: 38px;
          padding: 0 16px;
          margin-bottom: 18px;
          border-radius: 999px;
          background: rgba(255, 255, 255, 0.80);
          border: 1px solid rgba(255, 255, 255, 0.92);
          box-shadow: 0 10px 24px rgba(18, 34, 58, 0.04);
          color: #425069;
          font-size: 11px;
          font-weight: 800;
          letter-spacing: .12em;
          text-transform: uppercase;
      }

      .ace-orbit-v4__eyebrow-dot {
          width: 7px;
          height: 7px;
          border-radius: 50%;
          background: #d96a27;
          box-shadow: 0 0 0 5px rgba(217, 106, 39, 0.10);
      }

      .ace-orbit-v4__title {
          margin: 0 0 14px;
          color: #121a2c;
          font-family: "Cormorant Garamond", serif;
          font-size: clamp(48px, 5vw, 82px);
          line-height: 0.94;
          letter-spacing: -0.05em;
          font-weight: 700;
      }

      .ace-orbit-v4__title-line {
          display: block;
      }

      .ace-orbit-v4__title-line--accent {
          position: relative;
          display: inline-block;
          color: #d96a27;
      }


      .ace-orbit-v4__desc {
          margin: 0 auto;
          max-width: 760px;
          color: #5b6880;
          font-size: 17px;
          line-height: 1.8;
          font-weight: 500;
      }

      .ace-orbit-v4__stage {
          display: grid;
          grid-template-columns: 700px minmax(400px, 0.74fr);
          justify-content: space-between;
          align-items: center;
          height: 600px;
      }

      /* LEFT ORBIT */
      .ace-orbit-v4__orbit-side {
          display: flex;
          flex-direction: column;
          align-items: center;
          transform: scale(0.8);
      }

      .ace-orbit-v4__orbit-shell {
          position: relative;
          width: 640px;
          height: 640px;
          transform-style: preserve-3d;
      }

      .ace-orbit-v4__ring {
          position: absolute;
          left: 50%;
          top: 50%;
          border-radius: 50%;
          transform: translate(-50%, -50%);
          pointer-events: none;
      }

      .ace-orbit-v4__ring--outer {
          width: 400px;
          height: 400px;
          border: 2px solid rgba(18, 49, 87, 0.16);
      }

      .ace-orbit-v4__ring--middle {
          width: 446px;
          height: 446px;
          border: 1.5px solid rgba(18, 49, 87, 0.10);
      }

      .ace-orbit-v4__ring--inner {
          width: 270px;
          height: 270px;
          border: 1px solid rgba(255, 255, 255, 0.22);
          opacity: .45;
      }

      .ace-orbit-v4__core {
          position: absolute;
          left: 50%;
          top: 50%;
          width: 246px;
          height: 246px;
          transform: translate(-50%, -50%);
          border-radius: 50%;
          background:
              radial-gradient(circle at 28% 24%, rgba(255, 255, 255, 0.20), transparent 28%),
              linear-gradient(145deg, #f4b57f, #d96a27);
          box-shadow:
              0 24px 44px rgba(217, 106, 39, 0.22),
              inset 0 0 0 10px rgba(255, 255, 255, 0.08);
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          text-align: center;
          color: #fff;
          z-index: 4;
          transition: transform .42s cubic-bezier(.22, .61, .36, 1), opacity .28s ease;
      }

      .ace-orbit-v4__core::before,
      .ace-orbit-v4__core::after {
          content: "";
          position: absolute;
          inset: 16px;
          border-radius: 50%;
          border: 2px solid rgba(255, 255, 255, 0.12);
      }

      .ace-orbit-v4__core::after {
          inset: 38px;
          opacity: .7;
      }

      .ace-orbit-v4__core.is-switching {
          transform: translate(-50%, -50%) scale(.92);
          opacity: .72;
      }

      .ace-orbit-v4__core-badge {
          margin-bottom: 8px;
          padding: 6px 12px;
          border-radius: 999px;
          background: rgba(255, 255, 255, 0.14);
          font-size: 11px;
          font-weight: 800;
          letter-spacing: .08em;
          text-transform: uppercase;
      }

      .ace-orbit-v4__core-title {
          font-family: "Cormorant Garamond", serif;
          font-size: 38px;
          line-height: .92;
          letter-spacing: -0.03em;
          font-weight: 700;
      }

      .ace-orbit-v4__core-copy {
          margin-top: 10px;
          max-width: 160px;
          font-size: 13px;
          line-height: 1.45;
          font-weight: 600;
          opacity: .94;
      }

      .ace-orbit-v4__nodes {
          position: absolute;
          inset: 0;
          z-index: 5;
      }

      .ace-orbit-v4__node {
          --x: 0px;
          --y: 0px;
          --scale: 1;
          --opacity: 1;
          position: absolute;
          left: var(--x);
          top: var(--y);
          transform: translate(-50%, -50%) scale(var(--scale));
          opacity: var(--opacity);
          /* transition:
              left .72s cubic-bezier(.22, .61, .36, 1),
              top .72s cubic-bezier(.22, .61, .36, 1),
              transform .72s cubic-bezier(.22, .61, .36, 1),
              opacity .42s ease; */
      }

      .ace-orbit-v4__node.is-active {
          z-index: 8;
      }

      .ace-orbit-v4__node-button {
          position: relative;
          border: 0;
          background: none;
          padding: 0;
          cursor: pointer;
      }

      .ace-orbit-v4__node-dot {
          width: 62px;
          height: 62px;
          border-radius: 50%;
          background: rgba(255, 255, 255, 0.90);
          border: 0;
          box-shadow: 0 14px 28px rgba(18, 34, 58, 0.08);
          display: flex;
          align-items: center;
          justify-content: center;
          transition:
              transform .28s ease,
              box-shadow .28s ease,
              background .28s ease,
              opacity .28s ease;
      }

      .ace-orbit-v4__node:hover .ace-orbit-v4__node-dot {
          transform: translateY(-2px);
          box-shadow: 0 18px 34px rgba(18, 34, 58, 0.12);
      }

      .ace-orbit-v4__node.is-active .ace-orbit-v4__node-dot {
          background:
              radial-gradient(circle at 30% 25%, rgba(255, 255, 255, 0.24), transparent 34%),
              linear-gradient(145deg, #f4b57f, #d96a27);
          box-shadow: 0 22px 38px rgba(217, 106, 39, 0.24);
      }

      .ace-orbit-v4__node-icon {
          width: 24px;
          height: 24px;
      }

      .ace-orbit-v4__node-icon svg {
          width: 100%;
          height: 100%;
          fill: none;
          stroke: #6da5e2;
          stroke-width: 1.9;
          stroke-linecap: round;
          stroke-linejoin: round;
          transition: stroke .28s ease;
      }

      .ace-orbit-v4__node.is-active .ace-orbit-v4__node-icon svg {
          stroke: #ffffff;
      }

      .ace-orbit-v4__node-label {
          position: absolute;
          color: #5b6880;
          line-height: 1.15;
          white-space: nowrap;
          max-width: 92px;
          transition: color .28s ease, opacity .28s ease, transform .28s ease;
      }

      .ace-orbit-v4__node.is-active .ace-orbit-v4__node-label {
          color: #121a2c;
      }

      .ace-orbit-v4__node-label--right {
          left: 78px;
          top: 50%;
          font-size: 18px;
          font-weight: 700;
          transform: translateY(-50%);
          text-align: left;
      }

      .ace-orbit-v4__node-label--left {
          right: 78px;
          top: 50%;
          transform: translateY(-50%);
          text-align: right;
      }

      .ace-orbit-v4__node-label--top {
          left: 50%;
          bottom: 78px;
          transform: translateX(-50%);
          text-align: center;
      }

      .ace-orbit-v4__node-label--bottom {
          left: 50%;
          top: 78px;
          transform: translateX(-50%);
          text-align: center;
      }

      .ace-orbit-v4__node-label--top-right {
          left: 66px;
          bottom: 58px;
          text-align: left;
      }

      .ace-orbit-v4__node-label--bottom-right {
          left: 66px;
          top: 58px;
          text-align: left;
      }

      .ace-orbit-v4__node-label--top-left {
          right: 66px;
          bottom: 58px;
          text-align: right;
      }

      .ace-orbit-v4__node-label--bottom-left {
          right: 66px;
          top: 58px;
          text-align: right;
      }

      .ace-orbit-v4__hint {
          display: inline-flex;
          align-items: center;
          gap: 10px;
          margin-top: 18px;
          padding: 10px 14px;
          border-radius: 999px;
          background: rgba(255, 255, 255, 0.72);
          box-shadow: 0 10px 24px rgba(18, 34, 58, 0.04);
          color: #5b6880;
          font-size: 12px;
          font-weight: 700;
      }

      /* RIGHT DETAIL */
      .ace-orbit-v4__detail {
          position: relative;
          min-height: 640px;
          border-radius: 36px;
          overflow: hidden;
          background: rgba(255, 255, 255, 0.12);
          box-shadow:
              0 28px 68px rgba(18, 34, 58, 0.10),
              0 2px 0 rgba(255, 255, 255, 0.35) inset;
          transform-style: preserve-3d;
          transition: transform .35s ease, box-shadow .35s ease;
      }

      .ace-orbit-v4__detail:hover {
          transform: translateY(-3px) rotateX(.7deg) rotateY(-.7deg);
          box-shadow:
              0 34px 84px rgba(18, 34, 58, 0.14),
              0 2px 0 rgba(255, 255, 255, 0.45) inset;
      }

      .ace-orbit-v4__detail-media {
          position: absolute;
          inset: 0;
      }

      .ace-orbit-v4__detail-image {
          width: 100%;
          height: 100%;
          object-fit: cover;
          display: block;
          transition: transform .65s cubic-bezier(.22, .61, .36, 1), opacity .35s ease, filter .35s ease;
      }

      .ace-orbit-v4__detail-glass {
          position: absolute;
          inset: 0;
          background:
              linear-gradient(120deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.02) 32%, rgba(255, 255, 255, 0.00) 56%),
              radial-gradient(circle at 18% 20%, rgba(255, 255, 255, 0.18), transparent 26%);
          pointer-events: none;
          z-index: 2;
      }

      .ace-orbit-v4__detail-overlay {
          position: absolute;
          left: 0;
          right: 0;
          bottom: 0;
          height: 58%;
          z-index: 3;
          background:
              linear-gradient(180deg, rgba(6, 8, 20, 0.00) 0%, rgba(6, 8, 20, 0.22) 14%, rgba(6, 8, 20, 0.88) 100%);
          backdrop-filter: blur(16px);
          -webkit-backdrop-filter: blur(16px);
      }

      .ace-orbit-v4__detail-content {
          position: absolute;
          left: 0;
          right: 0;
          bottom: 0;
          z-index: 4;
          padding: 34px 32px 28px;
      }

      .ace-orbit-v4__detail-label {
          display: inline-flex;
          align-items: center;
          min-height: 32px;
          padding: 0 14px;
          margin-bottom: 16px;
          border-radius: 999px;
          background: rgba(255, 255, 255, 0.14);
          color: rgba(255, 255, 255, 0.96);
          font-size: 11px;
          font-weight: 800;
          letter-spacing: .12em;
          text-transform: uppercase;
          transition: transform .32s ease, opacity .32s ease;
      }

      .ace-orbit-v4__detail-title {
          margin: 0 0 12px;
          color: #fff;
          font-family: "Cormorant Garamond", serif;
          font-size: clamp(40px, 2.8vw, 60px);
          line-height: 0.96;
          letter-spacing: -0.04em;
          font-weight: 700;
          transition: transform .32s ease, opacity .32s ease;
      }

      .ace-orbit-v4__detail-text {
          margin: 0;
          max-width: 88%;
          color: rgba(255, 255, 255, 0.90);
          font-size: 16px;
          line-height: 1.78;
          font-weight: 500;
          transition: transform .32s ease, opacity .32s ease;
      }

      .ace-orbit-v4__detail-points {
          display: flex;
          flex-wrap: wrap;
          gap: 10px;
          margin-top: 18px;
          transition: transform .32s ease, opacity .32s ease;
      }

      .ace-orbit-v4__detail-points span {
          display: inline-flex;
          align-items: center;
          min-height: 36px;
          padding: 0 14px;
          border-radius: 999px;
          background: rgba(255, 255, 255, 0.12);
          color: rgba(255, 255, 255, 0.92);
          font-size: 12px;
          font-weight: 700;
      }

      .ace-orbit-v4__detail-btn {
          display: inline-flex;
          align-items: center;
          gap: 8px;
          min-height: 48px;
          padding: 0 22px;
          margin-top: 22px;
          border-radius: 999px;
          background: linear-gradient(135deg, #d96a27, #ef9350);
          color: #fff;
          text-decoration: none;
          font-size: 14px;
          font-weight: 800;
          box-shadow: 0 14px 28px rgba(217, 106, 39, 0.24);
          transition: transform .22s ease, box-shadow .22s ease, opacity .32s ease;
      }

      .ace-orbit-v4__detail-btn:hover {
          transform: translateY(-2px);
          box-shadow: 0 18px 34px rgba(217, 106, 39, 0.30);
      }

      .ace-orbit-v4__detail-btn svg {
          width: 14px;
          height: 14px;
          fill: currentColor;
      }

      .ace-orbit-v4__detail.is-switching .ace-orbit-v4__detail-image {
          transform: scale(1.08);
          opacity: .16;
          filter: blur(8px);
      }

      .ace-orbit-v4__detail.is-switching .ace-orbit-v4__detail-label,
      .ace-orbit-v4__detail.is-switching .ace-orbit-v4__detail-title,
      .ace-orbit-v4__detail.is-switching .ace-orbit-v4__detail-text,
      .ace-orbit-v4__detail.is-switching .ace-orbit-v4__detail-points,
      .ace-orbit-v4__detail.is-switching .ace-orbit-v4__detail-btn {
          opacity: 0;
          transform: translateY(18px);
      }

      /* MOTION HELPERS */
      #aceOrbitV4Shell.is-next .ace-orbit-v4__node {
          transform: translate(-50%, -50%) scale(calc(var(--scale) * 0.985));
      }

      #aceOrbitV4Shell.is-prev .ace-orbit-v4__node {
          transform: translate(-50%, -50%) scale(calc(var(--scale) * 0.985));
      }

      /* RESPONSIVE */
      @media (max-width: 1280px) {
          .ace-orbit-v4__stage {
              grid-template-columns: 1fr;
              gap: 34px;
          }

          .ace-orbit-v4__orbit-side {
              order: 2;
          }

          .ace-orbit-v4__detail {
              order: 1;
              min-height: 560px;
          }
      }

      @media (max-width: 767px) {
          .ace-orbit-v4 {
              padding: 60px 0 72px;
          }

          .ace-orbit-v4__container {
              padding: 0 16px;
          }

          .ace-orbit-v4__title {
              font-size: 42px;
          }

          .ace-orbit-v4__desc {
              font-size: 15px;
              line-height: 1.7;
          }

          .ace-orbit-v4__orbit-shell {
              width: 360px;
              height: 360px;
          }

          .ace-orbit-v4__ring--outer {
              width: 320px;
              height: 320px;
          }

          .ace-orbit-v4__ring--middle {
              width: 252px;
              height: 252px;
          }

          .ace-orbit-v4__ring--inner {
              width: 152px;
              height: 152px;
          }

          .ace-orbit-v4__core {
              width: 150px;
              height: 150px;
          }

          .ace-orbit-v4__core-title {
              font-size: 24px;
          }

          .ace-orbit-v4__core-copy,
          .ace-orbit-v4__core-badge {
              font-size: 10px;
          }

          .ace-orbit-v4__node-dot {
              width: 46px;
              height: 46px;
          }

          .ace-orbit-v4__node-icon {
              width: 18px;
              height: 18px;
          }

          .ace-orbit-v4__node-label {
              font-size: 10px;
          }

          .ace-orbit-v4__node-label--right {
              left: 56px;
          }

          .ace-orbit-v4__node-label--left {
              right: 56px;
          }

          .ace-orbit-v4__node-label--top {
              bottom: 56px;
          }

          .ace-orbit-v4__node-label--bottom {
              top: 56px;
          }

          .ace-orbit-v4__node-label--top-right,
          .ace-orbit-v4__node-label--bottom-right {
              left: 52px;
          }

          .ace-orbit-v4__node-label--top-left,
          .ace-orbit-v4__node-label--bottom-left {
              right: 52px;
          }

          .ace-orbit-v4__detail {
              min-height: 470px;
              border-radius: 24px;
          }

          .ace-orbit-v4__detail-content {
              padding: 22px 18px 18px;
          }

          .ace-orbit-v4__detail-title {
              font-size: 38px;
          }

          .ace-orbit-v4__detail-text {
              max-width: 100%;
              font-size: 14px;
          }
      }

      /* section 3 new end */



      /* section 3 start */

      @import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Cormorant+Garamond:wght@600;700&display=swap');

      .acm-editorial-tabs-v2,
      .acm-editorial-tabs-v2 * {
          box-sizing: border-box;
      }

      .acm-editorial-tabs-v2 {
          --section-progress: 0;
          --top-progress: 0;
          --feature-progress: 0;
          --tiles-progress: 0;
          position: relative;
          overflow: hidden;
          padding: 88px 0 96px;
          background:
              radial-gradient(circle at top right, rgba(18, 49, 87, 0.035), transparent 18%),
              radial-gradient(circle at bottom left, rgba(217, 106, 39, 0.045), transparent 18%),
              #F8F7F4;
          font-family: "Manrope", Arial, sans-serif !important;
      }

      .acm-editorial-tabs-v2__bg {
          position: absolute;
          border-radius: 50%;
          filter: blur(90px);
          pointer-events: none;
          z-index: 0;
          transition: transform .12s linear, opacity .12s linear;
      }

      .acm-editorial-tabs-v2__bg--one {
          width: 280px;
          height: 280px;
          left: 3%;
          top: 8%;
          background: rgba(18, 49, 87, 0.08);
          opacity: calc(.10 + (var(--section-progress) * .20));
          transform:
              translate3d(calc((1 - var(--section-progress)) * -18px), calc((1 - var(--section-progress)) * 12px), 0) scale(calc(.96 + (var(--section-progress) * .04)));
      }

      .acm-editorial-tabs-v2__bg--two {
          width: 320px;
          height: 320px;
          right: 6%;
          bottom: 8%;
          background: rgba(217, 106, 39, 0.12);
          opacity: calc(.10 + (var(--section-progress) * .24));
          transform:
              translate3d(calc((1 - var(--section-progress)) * 18px), calc((1 - var(--section-progress)) * -12px), 0) scale(calc(.96 + (var(--section-progress) * .04)));
      }

      .acm-editorial-tabs-v2__container {
          position: relative;
          z-index: 2;
          max-width: 1420px;
          margin: 0 auto;
          padding: 0 24px;
      }

      .acm-editorial-tabs-v2__group {
          position: relative;
          padding: 36px;
          border-radius: 34px;
          background: rgba(255, 255, 255, 0.40);
          border: 1px solid rgba(255, 255, 255, 0.88);
          box-shadow:
              0 24px 60px rgba(18, 34, 58, 0.06),
              inset 0 1px 0 rgba(255, 255, 255, 0.96);
          backdrop-filter: blur(12px);
          -webkit-backdrop-filter: blur(12px);
          transition: box-shadow .25s ease, border-color .25s ease;
      }

      .acm-editorial-tabs-v2.is-centered .acm-editorial-tabs-v2__group {
          box-shadow:
              0 28px 70px rgba(18, 34, 58, 0.09),
              inset 0 1px 0 rgba(255, 255, 255, 0.98);
      }

      .acm-editorial-tabs-v2__top {
          max-width: 920px;
          margin: 0 auto 34px;
          text-align: center;
          transform:
              translateY(calc((1 - var(--top-progress)) * 26px)) scale(calc(.985 + (var(--top-progress) * .015)));
          opacity: calc(.88 + (var(--top-progress) * .12));
          transition: transform .12s linear, opacity .12s linear;
      }

      .acm-editorial-tabs-v2__eyebrow {
          display: inline-flex;
          align-items: center;
          gap: 8px;
          min-height: 38px;
          padding: 0 16px;
          margin-bottom: 18px;
          border-radius: 999px;
          background: rgba(255, 255, 255, 0.78);
          border: 1px solid rgba(255, 255, 255, 0.96);
          box-shadow:
              0 10px 24px rgba(18, 34, 58, 0.04),
              inset 0 1px 0 rgba(255, 255, 255, 0.95);
          color: #425069;
          font-size: 11px !important;
          font-weight: 800 !important;
          letter-spacing: .12em;
          text-transform: uppercase;
      }

      .acm-editorial-tabs-v2__eyebrow-dot {
          width: 7px;
          height: 7px;
          border-radius: 50%;
          background: #d96a27;
          box-shadow: 0 0 0 5px rgba(217, 106, 39, 0.10);
      }

      .acm-editorial-tabs-v2__title {
          margin: 0 0 14px;
          max-width: 900px;
          margin-left: auto;
          margin-right: auto;
          color: #121a2c;
          font-size: clamp(48px, 5vw, 82px) !important;
          line-height: 0.94 !important;
          letter-spacing: -0.05em;
          font-weight: 700 !important;
          font-family: "Cormorant Garamond", serif !important;
      }

      .acm-editorial-tabs-v2__title-line {
          display: block;
      }

      .acm-editorial-tabs-v2__title-line--accent {
          position: relative;
          display: inline-block;
          color: #d96a27 !important;
      }


      .acm-editorial-tabs-v2__desc {
          margin: 0 auto;
          max-width: 760px;
          color: #5b6880;
          font-size: 17px !important;
          line-height: 1.78 !important;
          font-weight: 500 !important;
      }

      .acm-editorial-tabs-v2__bottom {
          display: grid;
          grid-template-columns: minmax(0, 1.08fr) minmax(360px, 0.92fr);
          gap: 26px;
          align-items: stretch;
      }

      .acm-editorial-tabs-v2__feature-wrap {
          perspective: 1600px;
      }

      .acm-editorial-tabs-v2__feature {
          position: relative;
          min-height: 620px;
          padding: 14px;
          border-radius: 32px;
          overflow: hidden;
          background: rgba(255, 255, 255, 0.58);
          border: 1px solid rgba(255, 255, 255, 0.96);
          box-shadow:
              0 28px 62px rgba(18, 34, 58, 0.08),
              inset 0 1px 0 rgba(255, 255, 255, 1);
          backdrop-filter: blur(14px);
          -webkit-backdrop-filter: blur(14px);
          transform:
              translateY(calc((1 - var(--feature-progress)) * 34px)) rotateX(2deg) rotateY(-2deg) scale(calc(.97 + (var(--feature-progress) * .03)));
          transition: transform .22s ease, box-shadow .25s ease, opacity .12s linear;
          opacity: calc(.90 + (var(--feature-progress) * .10));
      }

      .acm-editorial-tabs-v2__feature:hover {
          transform:
              translateY(calc((1 - var(--feature-progress)) * 34px - 4px)) rotateX(0deg) rotateY(0deg) scale(calc(.97 + (var(--feature-progress) * .03)));
          box-shadow:
              0 38px 82px rgba(18, 34, 58, 0.12),
              inset 0 1px 0 rgba(255, 255, 255, 1);
      }

      .acm-editorial-tabs-v2__feature-media {
          position: absolute;
          inset: 14px;
          border-radius: 26px;
          overflow: hidden;
          background: #ddd;
      }

      .acm-editorial-tabs-v2__feature-image {
          width: 100%;
          height: 100%;
          object-fit: cover;
          display: block;
          transition: transform .55s ease, opacity .18s ease;
      }

      .acm-editorial-tabs-v2__feature:hover .acm-editorial-tabs-v2__feature-image {
          transform: scale(1.05);
      }

      .acm-editorial-tabs-v2__feature-overlay {
          position: absolute;
          left: 14px;
          right: 14px;
          bottom: 14px;
          height: 52%;
          border-radius: 0 0 26px 26px;
          background:
              linear-gradient(180deg, rgba(9, 10, 24, 0.02) 0%, rgba(9, 10, 24, 0.36) 16%, rgba(9, 10, 24, 0.92) 100%);
          backdrop-filter: blur(14px);
          -webkit-backdrop-filter: blur(14px);
      }

      .acm-editorial-tabs-v2__feature-content {
          position: absolute;
          left: 14px;
          right: 14px;
          bottom: 14px;
          z-index: 3;
          padding: 30px 28px 24px;
      }

      .acm-editorial-tabs-v2__feature-label {
          display: inline-flex;
          align-items: center;
          min-height: 32px;
          padding: 0 12px;
          margin-bottom: 14px;
          border-radius: 999px;
          background: rgba(255, 255, 255, 0.16);
          border: 1px solid rgba(255, 255, 255, 0.12);
          color: rgba(255, 255, 255, 0.94);
          font-size: 11px !important;
          font-weight: 800 !important;
          letter-spacing: .12em;
          text-transform: uppercase;
      }

      .acm-editorial-tabs-v2__feature-title {
          margin: 0 0 12px;
          color: #fff !important;
          font-size: clamp(30px, 2.5vw, 48px) !important;
          line-height: 1.02 !important;
          letter-spacing: -0.04em;
          font-weight: 800 !important;
          font-family: "Manrope", Arial, sans-serif !important;
      }

      .acm-editorial-tabs-v2__feature-text {
          margin: 0;
          max-width: 88%;
          color: rgba(255, 255, 255, 0.88) !important;
          font-size: 16px !important;
          line-height: 1.74 !important;
          font-weight: 500 !important;
      }

      .acm-editorial-tabs-v2__feature-points {
          display: flex;
          flex-wrap: wrap;
          gap: 10px;
          margin-top: 18px;
      }

      .acm-editorial-tabs-v2__feature-points span {
          display: inline-flex;
          align-items: center;
          min-height: 34px;
          padding: 0 14px;
          border-radius: 999px;
          background: rgba(255, 255, 255, 0.10);
          border: 1px solid rgba(255, 255, 255, 0.10);
          color: rgba(255, 255, 255, 0.92);
          font-size: 12px !important;
          font-weight: 700 !important;
          transition: transform .22s ease, background .22s ease;
      }

      .acm-editorial-tabs-v2__feature-points span:hover {
          transform: translateY(-2px);
          background: rgba(255, 255, 255, 0.14);
      }

      .acm-editorial-tabs-v2__feature-btn {
          display: inline-flex;
          align-items: center;
          gap: 8px;
          min-height: 46px;
          padding: 0 20px;
          margin-top: 22px;
          border-radius: 999px;
          background: linear-gradient(135deg, #d96a27, #ef9350);
          box-shadow: 0 12px 24px rgba(217, 106, 39, 0.24);
          color: #fff !important;
          text-decoration: none !important;
          font-size: 14px !important;
          font-weight: 800 !important;
          transition: transform .22s ease, box-shadow .22s ease;
      }

      .acm-editorial-tabs-v2__feature-btn:hover {
          transform: translateY(-2px);
          box-shadow: 0 18px 32px rgba(217, 106, 39, 0.28);
      }

      .acm-editorial-tabs-v2__feature-btn svg {
          width: 14px;
          height: 14px;
          fill: currentColor;
      }

      .acm-editorial-tabs-v2__tiles {
          display: grid;
          grid-template-columns: 1fr 1fr;
          gap: 16px;
          align-content: start;
      }

      .acm-editorial-tabs-v2__tile {
          --tile-progress: 0;
          position: relative;
          min-height: 120px;
          border: 0;
          cursor: pointer;
          padding: 18px 18px 16px;
          border-radius: 24px;
          text-align: left;
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          background: rgba(255, 255, 255, 0.52);
          border: 1px solid rgba(255, 255, 255, 0.92);
          box-shadow:
              0 14px 30px rgba(18, 34, 58, 0.05),
              inset 0 1px 0 rgba(255, 255, 255, 0.96);
          backdrop-filter: blur(12px);
          -webkit-backdrop-filter: blur(12px);
          transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease, opacity .12s linear;
          overflow: hidden;
          transform:
              translateY(calc((1 - var(--tile-progress)) * 24px)) scale(calc(.98 + (var(--tile-progress) * .02)));
          opacity: calc(.86 + (var(--tile-progress) * .14));
      }

      .acm-editorial-tabs-v2__tile::before {
          content: "";
          position: absolute;
          inset: auto auto -40px -40px;
          width: 100px;
          height: 100px;
          border-radius: 50%;
          background: radial-gradient(circle, rgba(217, 106, 39, 0.10), transparent 70%);
          opacity: 0;
          transition: opacity .22s ease;
      }

      .acm-editorial-tabs-v2__tile:hover {
          transform:
              translateY(calc((1 - var(--tile-progress)) * 24px - 3px)) scale(calc(.98 + (var(--tile-progress) * .02)));
          box-shadow:
              0 18px 36px rgba(18, 34, 58, 0.08),
              inset 0 1px 0 rgba(255, 255, 255, 1);
      }

      .acm-editorial-tabs-v2__tile:hover::before {
          opacity: 1;
      }

      .acm-editorial-tabs-v2__tile.is-active {
          background: linear-gradient(135deg, rgba(255, 255, 255, 0.86), rgba(255, 244, 236, 0.80));
          box-shadow:
              0 20px 42px rgba(18, 34, 58, 0.09),
              0 0 0 1px rgba(217, 106, 39, 0.10),
              inset 0 1px 0 rgba(255, 255, 255, 1);
      }

      .acm-editorial-tabs-v2__tile-no,
      .acm-editorial-tabs-v2__tile-name,
      .acm-editorial-tabs-v2__tile-tag {
          position: relative;
          z-index: 2;
      }

      .acm-editorial-tabs-v2__tile-no {
          display: inline-flex;
          width: fit-content;
          min-height: 24px;
          align-items: center;
          padding: 0 10px;
          margin-bottom: 12px;
          border-radius: 999px;
          background: rgba(18, 26, 44, 0.06);
          color: rgba(18, 26, 44, 0.60);
          font-size: 11px !important;
          font-weight: 800 !important;
          letter-spacing: .08em;
          text-transform: uppercase;
      }

      .acm-editorial-tabs-v2__tile-name {
          color: #2c2240;
          font-size: 18px !important;
          line-height: 1.3 !important;
          font-weight: 700 !important;
          margin-bottom: 6px;
      }

      .acm-editorial-tabs-v2__tile-tag {
          color: rgba(44, 34, 64, .60);
          font-size: 13px !important;
          line-height: 1.2 !important;
          font-weight: 700 !important;
          text-transform: uppercase;
          letter-spacing: .05em;
      }

      @media (max-width: 1199px) {
          .acm-editorial-tabs-v2__bottom {
              grid-template-columns: 1fr;
          }

          .acm-editorial-tabs-v2__feature {
              min-height: 520px;
          }
      }

      @media (max-width: 767px) {
          .acm-editorial-tabs-v2 {
              padding: 60px 0 72px;
          }

          .acm-editorial-tabs-v2__container {
              padding: 0 16px;
          }

          .acm-editorial-tabs-v2__group {
              padding: 18px;
              border-radius: 22px;
          }

          .acm-editorial-tabs-v2__title {
              font-size: 36px !important;
          }

          .acm-editorial-tabs-v2__desc {
              font-size: 15px !important;
              line-height: 1.7 !important;
          }

          .acm-editorial-tabs-v2__feature {
              min-height: 420px;
              border-radius: 24px;
              padding: 10px;
              transform:
                  translateY(calc((1 - var(--feature-progress)) * 24px)) scale(calc(.985 + (var(--feature-progress) * .015)));
          }

          .acm-editorial-tabs-v2__feature:hover {
              transform:
                  translateY(calc((1 - var(--feature-progress)) * 24px)) scale(calc(.985 + (var(--feature-progress) * .015)));
          }

          .acm-editorial-tabs-v2__feature-media {
              inset: 10px;
              border-radius: 18px;
          }

          .acm-editorial-tabs-v2__feature-overlay {
              left: 10px;
              right: 10px;
              bottom: 10px;
              border-radius: 0 0 18px 18px;
          }

          .acm-editorial-tabs-v2__feature-content {
              left: 10px;
              right: 10px;
              bottom: 10px;
              padding: 22px 18px 18px;
          }

          .acm-editorial-tabs-v2__feature-text {
              max-width: 100%;
              font-size: 14px !important;
          }

          .acm-editorial-tabs-v2__tiles {
              grid-template-columns: 1fr;
          }

          .acm-editorial-tabs-v2__tile {
              min-height: 100px;
              border-radius: 18px;
          }

          .acm-editorial-tabs-v2__tile-name {
              font-size: 16px !important;
          }
      }

      /* section-3 end */



      /* section-4 start */

      .acm-product-reel,
      .acm-product-reel * {
          box-sizing: border-box;
      }

      .acm-product-reel {
          padding: 72px 0 82px;
          overflow: hidden;
      }


      .acm-product-reel__container {
          max-width: 1360px;
          margin: 0 auto;
          padding: 0 24px;
      }

      .acm-product-reel__top {
          display: flex;
          align-items: flex-end;
          justify-content: space-between;
          gap: 20px;
          margin-bottom: 32px;
      }

      .acm-product-reel__heading {
          max-width: 760px;
      }


      .acm-product-reel__eyebrow {
          display: inline-flex;
          align-items: center;
          gap: 10px;
          min-height: 48px;
          padding: 11px 18px;
          border-radius: 999px;
          background: rgba(255, 255, 255, 0.68);
          border: 1px solid rgba(18, 49, 87, 0.07);
          box-shadow: 0 8px 24px rgba(18, 49, 87, 0.04);
          font-size: 12px;
          font-weight: 800;
          color: #425069;
          letter-spacing: 0.08em;
          text-transform: uppercase;
      }

      .acm-product-reel__eyebrow-dot {
          width: 10px;
          height: 10px;
          border-radius: 50%;
          background: var(--ace-accent);
          box-shadow: 0 0 0 8px rgba(217, 106, 39, 0.1);
      }

      .acm-product-reel__heading h2 {
          margin: 0;
          color: #171d29;
          font-size: clamp(38px, 4.3vw, 72px) !important;
          line-height: 1.02 !important;
          letter-spacing: -0.045em;
          font-weight: 700 !important;
      }

      .acm-product-reel__heading h2 span {
          color: #d96a27;
      }

      .acm-product-reel__readmore {
          display: inline-flex;
          align-items: center;
          gap: 14px;
          color: #171d29 !important;
          text-decoration: none !important;
          font-size: 15px !important;
          font-weight: 700 !important;
          white-space: nowrap;
          transition: color .25s ease;
      }

      .acm-product-reel__readmore svg {
          width: 18px;
          height: 18px;
          fill: currentColor;
          padding: 0;
          border-radius: 999px;
          background: transparent;
          box-shadow: none;
          position: relative;
          z-index: 2;
          transition: transform .28s ease;
      }

      .acm-product-reel__readmore::after {
          content: "";
          width: 42px;
          height: 42px;
          border-radius: 50%;
          background: rgba(255, 255, 255, 0.88);
          box-shadow: 0 8px 18px rgba(20, 27, 40, 0.06);
          position: absolute;
          right: 0;
          top: 50%;
          transform: translateY(-50%);
          transition: transform .28s ease, box-shadow .28s ease, background .28s ease;
      }

      .acm-product-reel__readmore {
          position: relative;
          padding-right: 54px;
      }

      .acm-product-reel__readmore:hover::after {
          transform: translateY(-50%) scale(1.06);
          box-shadow: 0 12px 24px rgba(20, 27, 40, 0.10);
          background: rgba(255, 255, 255, 1);
      }

      .acm-product-reel__readmore:hover svg {
          transform: translate(3px, -3px);
      }

      .acm-product-reel__cards {
          display: flex;
          gap: 14px;
          align-items: stretch;
      }

      .acm-product-reel__card {
          position: relative;
          flex: 1 1 0;
          min-height: 360px;
          border-radius: 26px;
          overflow: hidden;
          background:
              linear-gradient(180deg, rgba(255, 244, 234, 0.88) 0%, rgba(248, 235, 221, 0.94) 100%);
          border: 1px solid rgba(20, 27, 40, 0.05);
          box-shadow:
              0 10px 24px rgba(20, 27, 40, 0.05),
              inset 0 1px 0 rgba(255, 255, 255, 0.95);
          transition:
              flex .7s cubic-bezier(.22, .61, .36, 1),
              transform .4s ease,
              box-shadow .4s ease,
              background .45s ease;
      }

      .acm-product-reel__card::before,
      .acm-product-reel__card::after {
          content: "";
          position: absolute;
          border-radius: 50%;
          pointer-events: none;
          transition: opacity .35s ease, transform .45s ease;
      }

      .acm-product-reel__card::before {
          width: 170px;
          height: 170px;
          left: -34px;
          bottom: -46px;
          background: rgba(255, 255, 255, 0.28);
      }

      .acm-product-reel__card::after {
          width: 94px;
          height: 94px;
          left: 92px;
          bottom: 70px;
          background: rgba(255, 255, 255, 0.18);
      }

      .acm-product-reel__card:hover {
          transform: translateY(-4px);
          box-shadow:
              0 22px 42px rgba(20, 27, 40, 0.08),
              inset 0 1px 0 rgba(255, 255, 255, 0.95);
      }

      .acm-product-reel__card:not(.is-active) .acm-product-reel__media {
          height: 250px;
      }

      .acm-product-reel__card.is-active {
          flex: 2 1 0;
          background:
              linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, rgba(245, 245, 243, 0.98) 100%);
      }

      .acm-product-reel__card.is-active::before,
      .acm-product-reel__card.is-active::after {
          opacity: 0;
          transform: scale(.9);
      }

      .acm-product-reel__hit {
          position: absolute;
          inset: 0;
          z-index: 6;
          border: 0;
          background: transparent;
          cursor: pointer;
      }

      .acm-product-reel__collapsed,
      .acm-product-reel__expanded {
          position: relative;
          z-index: 2;
          height: 100%;
      }

      .acm-product-reel__collapsed {
          display: flex;
          flex-direction: column;
          padding: 20px 18px 18px;
          transition: opacity .28s ease, visibility .28s ease;
      }

      .acm-product-reel__collapsed h3 {
          margin: 0;
          color: #171d29;
          font-size: 24px !important;
          line-height: 1.15 !important;
          font-weight: 700 !important;
          letter-spacing: -0.02em;
      }

      .acm-product-reel__collapsed-footer {
          margin-top: auto;
          display: flex;
          align-items: center;
          justify-content: space-between;
          gap: 12px;
          color: #171d29;
          font-size: 15px !important;
          font-weight: 700 !important;
      }

      .acm-product-reel__expanded {
          display: grid;
          grid-template-columns: minmax(220px, 1fr) 230px;
          gap: 16px;
          padding: 20px 18px 18px;
          opacity: 0;
          visibility: hidden;
          position: absolute;
          inset: 0;
          transition: opacity .35s ease, visibility .35s ease;
      }

      .acm-product-reel__card.is-active .acm-product-reel__collapsed {
          opacity: 0;
          visibility: hidden;
      }

      .acm-product-reel__card.is-active .acm-product-reel__expanded {
          opacity: 1;
          visibility: visible;
      }

      .acm-product-reel__copy {
          display: flex;
          flex-direction: column;
          min-width: 0;
      }

      .acm-product-reel__copy h3 {
          margin: 0 0 12px;
          color: #171d29;
          font-size: 24px !important;
          line-height: 1.12 !important;
          font-weight: 700 !important;
          letter-spacing: -0.02em;
      }

      .acm-product-reel__copy p {
          margin: 0;
          color: #5f6b7a;
          font-size: 16px !important;
          line-height: 1.72 !important;
          font-weight: 500 !important;
      }

      .acm-product-reel__cta {
          display: inline-flex;
          align-items: center;
          gap: 10px;
          width: fit-content;
          margin-top: auto;
          padding-top: 26px;
          color: #171d29 !important;
          text-decoration: none !important;
          font-size: 15px !important;
          font-weight: 700 !important;
      }

      .acm-product-reel__icon-circle {
          display: inline-flex;
          align-items: center;
          justify-content: center;
          border-radius: 999px;
          transition: transform .28s ease, box-shadow .28s ease, background .28s ease;
      }

      .acm-product-reel__icon-circle--accent {
          width: 40px;
          height: 40px;
          background: linear-gradient(180deg, #f3a24f 0%, #d96a27 100%);
          color: #fff;
          box-shadow: 0 12px 20px rgba(217, 106, 39, 0.20);
          transition: transform .28s ease, box-shadow .28s ease, filter .28s ease;
      }

      .acm-product-reel__icon-circle--light {
          width: 46px;
          height: 46px;
          background: rgba(255, 255, 255, 0.92);
          color: #171d29;
          box-shadow: 0 10px 18px rgba(20, 27, 40, 0.06);
          transition: transform .28s ease, box-shadow .28s ease, background .28s ease;
      }

      .acm-product-reel__card:hover .acm-product-reel__icon-circle--light {
          transform: translate(3px, -3px) scale(1.04);
          box-shadow: 0 14px 24px rgba(20, 27, 40, 0.10);
          background: rgba(255, 255, 255, 1);
      }

      .acm-product-reel__cta:hover .acm-product-reel__icon-circle--accent {
          transform: translateX(4px) scale(1.05);
          box-shadow: 0 16px 26px rgba(217, 106, 39, 0.28);
          filter: saturate(1.05);
      }

      .acm-product-reel__media {
          position: relative;
          min-height: 185px;
          border-radius: 22px;
          background: linear-gradient(180deg, #eef4fa 0%, #dcecf8 100%);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
          overflow: hidden;
      }

      /* ===== custom visuals ===== */

      /* EMV */
      .emv-hero-card,
      .emv-hero-phone {
          position: absolute;
      }

      .emv-hero-card {
          width: 76px;
          height: 132px;
          left: 24px;
          top: 62px;
          border-radius: 16px;
          background: linear-gradient(180deg, #fbfbfb 0%, #d7dde5 100%);
          box-shadow: 0 18px 24px rgba(20, 27, 40, 0.12);
      }

      .emv-hero-card::before {
          content: "";
          position: absolute;
          left: 16px;
          right: 16px;
          top: 16px;
          height: 34px;
          border-radius: 8px;
          background: #d0d7df;
      }

      .emv-hero-card::after {
          content: "";
          position: absolute;
          left: 20px;
          right: 20px;
          bottom: 18px;
          height: 54px;
          border-radius: 10px;
          background:
              linear-gradient(#8f99aa 0 0) 0 0/100% 10px no-repeat,
              linear-gradient(#8f99aa 0 0) 0 22px/100% 10px no-repeat,
              linear-gradient(#8f99aa 0 0) 0 44px/100% 10px no-repeat;
      }

      .emv-hero-phone {
          width: 84px;
          height: 144px;
          right: 24px;
          top: 50px;
          border-radius: 18px;
          background: linear-gradient(180deg, #282e39 0%, #101318 100%);
          box-shadow: 0 20px 28px rgba(20, 27, 40, 0.16);
      }

      .emv-hero-phone::before {
          content: "";
          position: absolute;
          inset: 14px 12px 18px;
          border-radius: 14px;
          background: linear-gradient(180deg, #ffffff 0%, #edf4f8 100%);
      }

      .emv-hero-check {
          position: absolute;
          width: 34px;
          height: 34px;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -30%);
          border-radius: 50%;
          background: #39be75;
          box-shadow: 0 0 0 8px rgba(57, 190, 117, 0.14);
      }

      .emv-hero-check::before {
          content: "";
          position: absolute;
          width: 12px;
          height: 6px;
          border-left: 3px solid #fff;
          border-bottom: 3px solid #fff;
          transform: rotate(-45deg);
          left: 10px;
          top: 10px;
      }

      /* POS */
      .pos-screen,
      .pos-stand,
      .pos-base {
          position: absolute;
      }

      .pos-screen {
          width: 156px;
          height: 112px;
          left: 50%;
          top: 34px;
          transform: translateX(-50%);
          border-radius: 18px;
          background: linear-gradient(180deg, #40454f 0%, #1e232c 100%);
          box-shadow: 0 18px 26px rgba(20, 27, 40, 0.16);
      }

      .pos-screen__ui {
          position: absolute;
          inset: 12px;
          border-radius: 12px;
          background:
              linear-gradient(180deg, #f26423 0 0) 0 0/100% 26px no-repeat,
              linear-gradient(#f3b04d 0 0) 8px 40px/42px 12px no-repeat,
              linear-gradient(#f3b04d 0 0) 58px 40px/42px 12px no-repeat,
              linear-gradient(#f3b04d 0 0) 108px 40px/42px 12px no-repeat,
              linear-gradient(#fff 0 0) 0 0/100% 100% no-repeat;
      }

      .pos-stand {
          width: 50px;
          height: 54px;
          left: 50%;
          bottom: 56px;
          transform: translateX(-50%);
          border-radius: 0 0 14px 14px;
          background: linear-gradient(180deg, #9ba2ab 0%, #747c86 100%);
      }

      .pos-base {
          width: 94px;
          height: 30px;
          left: 50%;
          bottom: 24px;
          transform: translateX(-50%);
          border-radius: 0 0 22px 22px;
          background: linear-gradient(180deg, #7f858d 0%, #555b63 100%);
      }

      /* Vaultix */
      .vaultix-badge {
          position: absolute;
          width: 116px;
          height: 136px;
          left: 50%;
          top: 34px;
          transform: translateX(-50%);
          clip-path: polygon(50% 0%, 92% 16%, 92% 54%, 50% 100%, 8% 54%, 8% 16%);
          background: linear-gradient(180deg, #1cb6cb 0%, #2f74d9 100%);
          box-shadow: 0 18px 28px rgba(47, 116, 217, 0.18);
      }

      .vaultix-badge__inner {
          position: absolute;
          inset: 14px;
          clip-path: polygon(50% 0%, 92% 16%, 92% 54%, 50% 100%, 8% 54%, 8% 16%);
          background: linear-gradient(180deg, #eef8ff 0%, #ffffff 100%);
      }

      .vaultix-badge__inner::before,
      .vaultix-badge__inner::after {
          content: "";
          position: absolute;
          background: #2f74d9;
          border-radius: 999px;
      }

      .vaultix-badge__inner::before {
          width: 48px;
          height: 12px;
          left: 50%;
          top: 44px;
          transform: translateX(-50%);
      }

      .vaultix-badge__inner::after {
          width: 12px;
          height: 58px;
          left: 50%;
          top: 44px;
          transform: translateX(-50%);
      }

      .vaultix-lines {
          position: absolute;
          left: 50%;
          top: 184px;
          transform: translateX(-50%);
          width: 180px;
      }

      .vaultix-lines span {
          display: block;
          height: 10px;
          margin: 10px auto 0;
          border-radius: 999px;
          background: rgba(47, 116, 217, 0.14);
      }

      .vaultix-lines span:nth-child(1) {
          width: 180px;
      }

      .vaultix-lines span:nth-child(2) {
          width: 138px;
      }

      .vaultix-lines span:nth-child(3) {
          width: 98px;
      }

      /* Capital */
      .capital-sheet,
      .capital-dollar {
          position: absolute;
      }

      .capital-sheet {
          width: 78px;
          height: 116px;
          border-radius: 18px;
          background: linear-gradient(180deg, #f2f0fb 0%, #dfe1f4 100%);
          box-shadow: 0 16px 24px rgba(20, 27, 40, 0.08);
      }

      .capital-sheet--one {
          left: 26px;
          top: 68px;
          transform: rotate(-10deg);
      }

      .capital-sheet--two {
          left: 78px;
          top: 48px;
          transform: rotate(2deg);
      }

      .capital-sheet--three {
          left: 130px;
          top: 64px;
          transform: rotate(10deg);
      }

      .capital-dollar {
          width: 54px;
          height: 54px;
          right: 20px;
          top: 34px;
          border-radius: 50%;
          background: linear-gradient(180deg, #ffefd9 0%, #ffc98f 100%);
          color: #d96a27;
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 28px;
          font-weight: 700;
          box-shadow: 0 14px 22px rgba(217, 106, 39, 0.14);
      }

      /* active media motion */
      .acm-product-reel__card.is-active .emv-hero-card,
      .acm-product-reel__card.is-active .emv-hero-phone,
      .acm-product-reel__card.is-active .pos-screen,
      .acm-product-reel__card.is-active .pos-stand,
      .acm-product-reel__card.is-active .pos-base,
      .acm-product-reel__card.is-active .vaultix-badge,
      .acm-product-reel__card.is-active .capital-sheet,
      .acm-product-reel__card.is-active .capital-dollar {
          animation: acmReelFloat 4.8s ease-in-out infinite;
      }

      @keyframes acmReelFloat {

          0%,
          100% {
              transform: translateY(0);
          }

          50% {
              transform: translateY(-8px);
          }
      }

      @media (max-width: 1199px) {
          .acm-product-reel__expanded {
              grid-template-columns: minmax(200px, 1fr) 240px;
          }
      }

      @media (max-width: 991px) {
          .acm-product-reel {
              padding: 64px 0 72px;
          }

          .acm-product-reel__container {
              padding: 0 16px;
          }

          .acm-product-reel__top {
              flex-direction: column;
              align-items: flex-start;
              gap: 14px;
              margin-bottom: 24px;
          }

          .acm-product-reel__cards {
              flex-direction: column;
          }

          .acm-product-reel__card,
          .acm-product-reel__card.is-active {
              flex: none;
              min-height: auto;
          }

          .acm-product-reel__collapsed {
              display: none;
          }

          .acm-product-reel__expanded {
              position: relative;
              inset: auto;
              opacity: 1 !important;
              visibility: visible !important;
              display: grid;
              grid-template-columns: 1fr;
              gap: 18px;
          }

          .acm-product-reel__media {
              min-height: 220px;
          }
      }


      /* =========================================================
   SOLUTION REEL — REAL IMAGE + LINK FIX
========================================================= */

      .acm-product-reel__card {
          position: relative;
      }

      .acm-product-reel__hit {
          z-index: 2;
      }

      .acm-product-reel__mini-link,
      .acm-product-reel__cta,
      .acm-product-reel__readmore {
          position: relative;
          z-index: 10;
          pointer-events: auto;
      }

      .acm-product-reel__mini-link {
          display: inline-flex;
          align-items: center;
          gap: 12px;
          color: inherit;
          text-decoration: none;
          font-weight: 800;
      }

      .acm-product-reel__mini-link:hover {
          color: #d96c2b;
      }

      .acm-product-reel__mini-link--disabled {
          cursor: default;
          opacity: .8;
      }

      .acm-product-reel__real-image {
          width: 100%;
          height: 100% !important;
          min-height: 220px;
          display: block;
          object-fit: contain;
          border-radius: 24px;
      }

      .acm-product-reel__media:has(.acm-product-reel__real-image) {
          padding: 0 !important;
          overflow: hidden;
          background: #eef4f7;
      }

      /* Fallback for browsers without :has support */
      @supports not selector(:has(*)) {
          .acm-product-reel__media .acm-product-reel__real-image {
              border-radius: 24px;
          }
      }

      /* section-4 end */


      /* section 5 start */

      @import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Cormorant+Garamond:wght@600;700&display=swap');

      :root {
          --ace-bg: #F8F7F4;
          --ace-text: #121a2c;
          --ace-muted: #58657b;
          --ace-border: rgba(18, 49, 87, 0.08);
          --ace-surface: rgba(255, 255, 255, 0.78);
          --ace-surface-strong: rgba(255, 255, 255, 0.92);
          --ace-accent: #d96a27;
          --ace-accent-soft: #efb285;
          --ace-shadow: 0 16px 45px rgba(18, 34, 58, 0.08);
          --ace-shadow-hover: 0 26px 65px rgba(18, 34, 58, 0.14);
          --ace-radius: 32px;
          --ace-radius-sm: 24px;
          --ace-speed: 0.45s cubic-bezier(.2, .8, .2, 1);
          --ace-max: 1380px;
      }

      * {
          box-sizing: border-box;
      }

      html {
          scroll-behavior: smooth;
      }

      body {
          margin: 0;
          font-family: "Manrope", sans-serif;
          color: var(--ace-text);
          background:
              radial-gradient(circle at top right, rgba(18, 49, 87, 0.035), transparent 18%),
              radial-gradient(circle at bottom left, rgba(217, 106, 39, 0.045), transparent 18%),
              #F8F7F4;
      }

      img,
      svg {
          display: block;
          max-width: 100%;
      }

      a {
          text-decoration: none;
      }

      .ace-achievements {
          --section-progress: 0;
          position: relative;
          overflow: hidden;
          padding: 90px 24px 96px;
      }

      .ace-achievements__container {
          max-width: var(--ace-max);
          margin: 0 auto;
          position: relative;
          z-index: 2;
      }

      .ace-achievements__orb {
          position: absolute;
          border-radius: 50%;
          pointer-events: none;
          z-index: 1;
      }

      .ace-achievements__orb--1 {
          width: 360px;
          height: 360px;
          right: -120px;
          top: -100px;
          background: radial-gradient(circle, rgba(217, 106, 39, 0.12), transparent 70%);
          opacity: calc(.18 + (var(--section-progress, 0) * .4));
          transform: translate3d(calc((1 - var(--section-progress, 0)) * 40px), calc((1 - var(--section-progress, 0)) * -32px), 0);
          transition: transform .12s linear, opacity .12s linear;
          filter: blur(14px);
      }

      .ace-achievements__orb--2 {
          width: 300px;
          height: 300px;
          left: -90px;
          bottom: -80px;
          background: radial-gradient(circle, rgba(18, 49, 87, 0.08), transparent 70%);
          opacity: calc(.12 + (var(--section-progress, 0) * .3));
          transform: translate3d(calc((1 - var(--section-progress, 0)) * -28px), calc((1 - var(--section-progress, 0)) * 22px), 0);
          transition: transform .12s linear, opacity .12s linear;
          filter: blur(12px);
      }

      .ace-layout {
          display: grid;
          grid-template-columns: 1.28fr 0.92fr 0.98fr;
          grid-template-areas:
              "copy processed support"
              "visual retention support";
          gap: 24px;
          align-items: stretch;
      }

      /* COPY */
      .ace-copy {
          grid-area: copy;
          padding: 6px 4px 0;
      }

      .ace-copy__top {
          display: flex;
          align-items: center;
          justify-content: space-between;
          gap: 18px;
          margin-bottom: 28px;
      }

      .ace-badge {
          display: inline-flex;
          align-items: center;
          gap: 10px;
          min-height: 48px;
          padding: 11px 18px;
          border-radius: 999px;
          background: rgba(255, 255, 255, 0.68);
          border: 1px solid rgba(18, 49, 87, 0.07);
          box-shadow: 0 8px 24px rgba(18, 49, 87, 0.04);
          font-size: 12px;
          font-weight: 800;
          color: #425069;
          letter-spacing: 0.08em;
          text-transform: uppercase;
      }

      .ace-badge__dot {
          width: 10px;
          height: 10px;
          border-radius: 50%;
          background: var(--ace-accent);
          box-shadow: 0 0 0 8px rgba(217, 106, 39, 0.1);
      }

      .ace-top-btn {
          flex-shrink: 0;
          min-width: 196px;
          min-height: 54px;
          display: inline-flex;
          align-items: center;
          justify-content: center;
          padding: 0 24px;
          border-radius: 999px;
          background: #0c0f15;
          color: #fff;
          font-size: 14px;
          font-weight: 700;
          box-shadow: 0 14px 32px rgba(0, 0, 0, 0.13);
          transition: transform var(--ace-speed), box-shadow var(--ace-speed);
      }

      .ace-top-btn:hover {
          transform: translateY(-3px);
          box-shadow: 0 20px 40px rgba(0, 0, 0, 0.18);
      }

      .ace-title {
          margin: 0;
          max-width: 760px;
          font-family: "Cormorant Garamond", serif;
          font-size: clamp(52px, 4vw, 60px);
          line-height: 0.94;
          font-weight: 700;
          letter-spacing: -0.04em;
          color: var(--ace-text);
      }

      .ace-title__line {
          display: block;
      }

      .ace-title__line--accent {
          color: var(--ace-accent);
          position: relative;
          display: inline-block;
      }



      .ace-intro {
          max-width: 590px;
          margin: 28px 0 0;
          font-size: 17px;
          line-height: 1.85;
          font-weight: 500;
          color: #4d5a70;
      }

      /* POP EFFECT - subtle, not faded */
      .js-pop {
          --item-progress: 0;
          transform:
              translateY(calc((1 - var(--item-progress)) * 34px)) scale(calc(0.975 + (var(--item-progress) * 0.025)));
          opacity: calc(0.86 + (var(--item-progress) * 0.14));
          transition: transform .12s linear, opacity .12s linear;
          will-change: transform, opacity;
      }

      .ace-copy__top.js-pop {
          transform:
              translateY(calc((1 - var(--item-progress)) * 14px)) scale(calc(0.992 + (var(--item-progress) * 0.008)));
          opacity: calc(0.94 + (var(--item-progress) * 0.06));
      }

      .ace-title.js-pop {
          transform:
              translateY(calc((1 - var(--item-progress)) * 18px)) scale(calc(0.992 + (var(--item-progress) * 0.008)));
          opacity: calc(0.94 + (var(--item-progress) * 0.06));
      }

      .ace-intro.js-pop {
          transform: translateY(calc((1 - var(--item-progress)) * 12px));
          opacity: calc(0.92 + (var(--item-progress) * 0.08));
      }

      /* CARDS */
      .ace-card {
          position: relative;
          overflow: visible;
          border-radius: var(--ace-radius);
          transform-style: preserve-3d;
          transition: transform var(--ace-speed);
      }

      .ace-card__inner {
          position: relative;
          min-height: 290px;
          height: 100%;
          padding: 24px;
          border-radius: var(--ace-radius);
          border: 1px solid var(--ace-border);
          background: var(--ace-surface);
          backdrop-filter: blur(10px);
          -webkit-backdrop-filter: blur(10px);
          box-shadow: var(--ace-shadow);
          transition: box-shadow var(--ace-speed), border-color var(--ace-speed);
          overflow: hidden;
      }

      .ace-card:hover .ace-card__inner {
          box-shadow: var(--ace-shadow-hover);
          border-color: rgba(217, 106, 39, 0.18);
      }

      .ace-card__gloss {
          position: absolute;
          right: -12%;
          bottom: -14%;
          width: 180px;
          height: 180px;
          border-radius: 50%;
          background: radial-gradient(circle, rgba(255, 255, 255, 0.88), rgba(255, 255, 255, 0));
          opacity: .6;
          pointer-events: none;
      }

      .ace-card__content {
          position: relative;
          z-index: 2;
      }

      .ace-card__heading {
          margin: 10px 0 10px;
          font-size: 22px;
          line-height: 1.2;
          font-weight: 800;
          color: #162134;
      }

      .ace-card__text {
          margin: 0;
          font-size: 15px;
          line-height: 1.78;
          color: #56657b;
      }

      .ace-metric {
          font-size: clamp(48px, 4.8vw, 82px);
          line-height: 0.92;
          font-weight: 800;
          letter-spacing: -0.05em;
          color: #121a2c;
      }

      /* processed */
      .ace-card--processed {
          grid-area: processed;
      }

      .ace-card--processed .ace-card__inner {
          background: linear-gradient(180deg, #f7ebf5 0%, #fbeef8 100%);
      }

      .ace-mini-avatars {
          display: inline-flex;
          align-items: center;
          margin-bottom: 18px;
      }

      .ace-mini-avatars span {
          width: 42px;
          height: 42px;
          margin-left: -8px;
          border-radius: 50%;
          border: 3px solid rgba(255, 255, 255, 0.96);
          background: linear-gradient(135deg, #fff, #edd5f2);
          color: #172338;
          display: inline-flex;
          align-items: center;
          justify-content: center;
          font-size: 13px;
          font-weight: 800;
          box-shadow: 0 10px 20px rgba(28, 23, 48, 0.08);
      }

      .ace-mini-avatars span:first-child {
          margin-left: 0;
      }

      /* retention */
      .ace-card--retention {
          grid-area: retention;
      }

      .ace-card--retention .ace-card__inner {
          background: linear-gradient(180deg, #fffdf8 0%, #fff7eb 100%);
      }

      .ace-chart-top {
          display: flex;
          align-items: center;
          justify-content: space-between;
          margin-bottom: 18px;
          gap: 12px;
      }

      .ace-chart-top__label {
          font-size: 13px;
          font-weight: 800;
          letter-spacing: 0.03em;
          text-transform: uppercase;
          color: #617089;
      }

      .ace-chart-top__status {
          min-height: 34px;
          display: inline-flex;
          align-items: center;
          justify-content: center;
          padding: 0 14px;
          border-radius: 999px;
          background: #edf6ea;
          color: #517d3c;
          font-size: 13px;
          font-weight: 800;
      }

      .ace-chart {
          position: relative;
          height: 180px;
          margin-bottom: 20px;
          border-radius: 24px;
          overflow: hidden;
          border: 1px solid rgba(18, 49, 87, 0.06);
          background: linear-gradient(180deg, rgba(255, 255, 255, .88), rgba(255, 255, 255, .72));
      }

      .ace-chart__grid {
          position: absolute;
          inset: 0;
          background:
              linear-gradient(rgba(18, 49, 87, .045) 1px, transparent 1px),
              linear-gradient(90deg, rgba(18, 49, 87, .045) 1px, transparent 1px);
          background-size: 100% 25%, 25% 100%;
      }

      .ace-bar {
          --bar-progress: 0;
          position: absolute;
          bottom: 18px;
          width: 42px;
          border-radius: 18px 18px 8px 8px;
          transform-origin: bottom;
          transform: scaleY(calc(.18 + (var(--bar-progress) * .82)));
          transition: transform .12s linear;
      }

      .ace-bar--1 {
          left: 42px;
          height: 54px;
          background: linear-gradient(180deg, #dbe8ff 0%, #eef4ff 100%);
      }

      .ace-bar--2 {
          left: 108px;
          height: 78px;
          background: linear-gradient(180deg, #e8e2ff 0%, #f1eeff 100%);
      }

      .ace-bar--3 {
          left: 174px;
          height: 114px;
          background: linear-gradient(180deg, #f7dfea 0%, #fcf0f5 100%);
      }

      .ace-bar--4 {
          left: 240px;
          height: 134px;
          background: linear-gradient(180deg, #fff0c9 0%, #fff7e2 100%);
      }

      .ace-chart__svg {
          position: absolute;
          inset: 0;
          width: 100%;
          height: 100%;
      }

      .ace-chart__line {
          fill: none;
          stroke: var(--ace-accent);
          stroke-width: 5;
          stroke-linecap: round;
          stroke-linejoin: round;
          stroke-dasharray: 420;
          stroke-dashoffset: calc(420 - (420 * var(--line-progress, 0)));
          transition: stroke-dashoffset .12s linear;
      }

      .ace-chart__dot {
          fill: #fff;
          stroke: var(--ace-accent);
          stroke-width: 3;
          opacity: var(--dot-progress, 0);
          transform-box: fill-box;
          transform-origin: center;
          transform: scale(calc(.4 + (var(--dot-progress, 0) * .6)));
          transition: opacity .12s linear, transform .12s linear;
      }

      .ace-retention {
          position: relative;
      }

      /* visual */
      .ace-card--visual {
          grid-area: visual;
      }

      .ace-card--visual .ace-card__inner {
          padding: 22px;
          background: linear-gradient(180deg, #fff3ea 0%, #f9d7bc 100%);
      }

      .ace-visual {
          position: relative;
          min-height: 100%;
          height: 100%;
          border-radius: 28px;
          padding: 24px 24px 22px;
          overflow: hidden;
          background: linear-gradient(180deg, rgba(243, 172, 116, 0.36), rgba(225, 132, 62, 0.32));
          transform:
              translateY(calc((1 - var(--item-progress, 0)) * 18px)) scale(calc(.96 + (var(--item-progress, 0) * .04)));
          transition: transform .12s linear;
      }

      .ace-visual::before {
          content: "";
          position: absolute;
          inset: 0;
          background:
              radial-gradient(circle at 18% 20%, rgba(255, 255, 255, .36), transparent 20%),
              radial-gradient(circle at 85% 25%, rgba(255, 255, 255, .22), transparent 18%),
              radial-gradient(circle at 80% 80%, rgba(255, 255, 255, .14), transparent 18%);
          pointer-events: none;
      }

      .ace-visual__badge {
          position: relative;
          z-index: 3;
          display: inline-flex;
          align-items: center;
          min-height: 38px;
          padding: 0 16px;
          border-radius: 999px;
          background: rgba(255, 255, 255, .88);
          border: 1px solid rgba(255, 255, 255, .72);
          color: #d96a27;
          text-shadow: none;
          font-size: 13px;
          font-weight: 800;
          letter-spacing: .02em;
          box-shadow: 0 10px 24px rgba(181, 114, 58, 0.08);
      }

      .ace-visual__glow {
          position: absolute;
          left: -2%;
          bottom: 16%;
          width: 210px;
          height: 210px;
          border-radius: 50%;
          background: radial-gradient(circle, rgba(255, 255, 255, .55), transparent 66%);
          filter: blur(4px);
      }

      .ace-device-wrap {
          position: relative;
          z-index: 2;
          width: 100%;
          max-width: 380px;
          margin: 8px auto 12px;
          perspective: 1200px;
      }

      .ace-device {
          width: 100%;
          height: auto;
          filter: drop-shadow(0 22px 40px rgba(18, 49, 87, .2));
      }

      .ace-device__group {
          transform-origin: center;
          animation: aceFloatDevice 4.8s ease-in-out infinite;
      }

      @keyframes aceFloatDevice {

          0%,
          100% {
              transform: translateY(0px) rotate(-5deg);
          }

          50% {
              transform: translateY(-10px) rotate(-2deg);
          }
      }

      .ace-cta-btn {
          position: relative;
          z-index: 3;
          display: inline-flex;
          align-items: center;
          gap: 10px;
          min-height: 58px;
          padding: 0 24px;
          border-radius: 18px;
          background: linear-gradient(180deg, #2f83ff 0%, #196ae0 100%);
          color: #fff;
          font-size: 16px;
          font-weight: 800;
          box-shadow: 0 16px 36px rgba(31, 102, 214, 0.28);
          transition: transform var(--ace-speed), box-shadow var(--ace-speed);
      }

      .ace-cta-btn:hover {
          transform: translateY(-4px);
          box-shadow: 0 24px 44px rgba(31, 102, 214, 0.34);
      }

      .ace-cta-btn svg {
          width: 18px;
          height: 18px;
          fill: none;
          stroke: currentColor;
          stroke-width: 2.2;
          stroke-linecap: round;
          stroke-linejoin: round;
          transition: transform var(--ace-speed);
      }

      .ace-cta-btn:hover svg {
          transform: translateX(4px);
      }

      /* support */
      .ace-card--support {
          grid-area: support;
      }

      .ace-card--support .ace-card__inner {
          min-height: 610px;
          background: linear-gradient(180deg, #eff2ff 0%, #e8ecfb 100%);
          display: flex;
          flex-direction: column;
          justify-content: space-between;
      }

      .ace-card__inner {
          transition: box-shadow var(--ace-speed), border-color var(--ace-speed), transform .12s linear;
      }

      .ace-support__top h3 {
          margin: 0 0 18px;
          font-size: clamp(28px, 3vw, 44px);
          line-height: 1;
          letter-spacing: -0.04em;
          font-weight: 800;
          color: #11192a;
          max-width: 320px;
      }

      .ace-support-stats {
          display: grid;
          gap: 16px;
      }

      .ace-support-box {
          padding: 22px;
          border-radius: 24px;
          background: rgba(255, 255, 255, .56);
          border: 1px solid rgba(18, 49, 87, .06);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, .34);
      }

      .ace-support-box .ace-metric {
          font-size: clamp(48px, 4vw, 78px);
          margin-bottom: 6px;
      }

      .ace-support-box p {
          margin: 0 0 8px;
          font-size: 20px;
          line-height: 1.1;
          font-weight: 800;
          color: #172237;
      }

      .ace-support-box span {
          display: block;
          font-size: 14px;
          line-height: 1.75;
          color: #5b6880;
      }

      .ace-tag-board {
          position: relative;
          min-height: 255px;
          margin-top: 22px;
          opacity: calc(.25 + (var(--item-progress, 0) * .75));
          transition: opacity .12s linear;
      }

      .ace-tag {
          position: absolute;
          display: inline-flex;
          align-items: center;
          justify-content: center;
          min-height: 52px;
          padding: 0 20px;
          border-radius: 999px;
          background: rgba(255, 255, 255, .7);
          border: 1px solid rgba(18, 49, 87, .1);
          color: #444f67;
          font-size: 14px;
          font-weight: 700;
          box-shadow: 0 10px 24px rgba(18, 49, 87, .07);
          transition: transform .55s cubic-bezier(.2, .8, .2, 1), box-shadow .45s ease, background .45s ease;
          transform-origin: center;
      }

      /* .ace-card--support:hover .ace-tag {
          box-shadow: 0 16px 30px rgba(18, 49, 87, .12);
          background: rgba(255, 255, 255, .84);
      } */

      .ace-tag--1 {
          left: 8px;
          bottom: 203px;
          background: #90EE90;
          /* transform: translateY(calc((1 - var(--item-progress, 0)) * 18px)) rotate(-58deg); */
      }

      .ace-tag--2 {
          left: 70px;
          bottom: 146px;
          background: #90EE90;
          /* transform: translateY(calc((1 - var(--item-progress, 0)) * 26px)) rotate(-36deg); */
      }

      .ace-tag--3 {
          left: 207px;
          bottom: 196px;
          background: #90EE90;
          /* transform: translateY(calc((1 - var(--item-progress, 0)) * 20px)) rotate(-10deg); */
      }

      .ace-tag--4 {
          left: 154px;
          bottom: 53px;
          background: #90EE90;
          /* transform: translateY(calc((1 - var(--item-progress, 0)) * 28px)) rotate(12deg); */
      }

      .ace-tag--5 {
          left: 39px;
          bottom: 78px;
          background: #90EE90;
          /* transform: translateY(calc((1 - var(--item-progress, 0)) * 16px)) rotate(2deg); */
      }

      .ace-tag--6 {
          left: 211px;
          bottom: 108px;
          background: #90EE90;
          /* transform: translateY(calc((1 - var(--item-progress, 0)) * 22px)) rotate(22deg); */
      }

      .ace-tag--7 {
          left: -5px;
          bottom: 20px;
          background: #90EE90;
          /* transform: translateY(calc((1 - var(--item-progress, 0)) * 20px)) rotate(18deg); */
      }

      /* .ace-card--support:hover .ace-tag--1 {
          transform: translate(-8px, -6px) rotate(-64deg);
      }

      .ace-card--support:hover .ace-tag--2 {
          transform: translate(6px, -10px) rotate(-42deg);
      }

      .ace-card--support:hover .ace-tag--3 {
          transform: translate(10px, -6px) rotate(-4deg);
      }

      .ace-card--support:hover .ace-tag--4 {
          transform: translate(4px, -10px) rotate(18deg);
      }

      .ace-card--support:hover .ace-tag--5 {
          transform: translate(-4px, -4px) rotate(6deg);
      }

      .ace-card--support:hover .ace-tag--6 {
          transform: translate(8px, 0px) rotate(28deg);
      }

      .ace-card--support:hover .ace-tag--7 {
          transform: translate(-6px, 4px) rotate(24deg);
      } */

      /* active enhancement */
      .ace-achievements.is-active .ace-card__inner {
          box-shadow: 0 22px 56px rgba(18, 34, 58, 0.1);
      }

      .ace-achievements.is-centered .ace-card__inner {
          box-shadow: 0 24px 58px rgba(18, 34, 58, 0.12);
          border-color: rgba(18, 49, 87, 0.10);
      }

      .ace-achievements.is-centered .ace-metric,
      .ace-achievements.is-centered .ace-card__heading,
      .ace-achievements.is-centered .ace-title {
          color: #0f1729;
      }

      /* responsive */
      @media (max-width: 1280px) {
          .ace-layout {
              grid-template-columns: 1.1fr 0.9fr;
              grid-template-areas:
                  "copy copy"
                  "processed support"
                  "visual support"
                  "retention retention";
          }

          .ace-card--support .ace-card__inner {
              min-height: 100%;
          }
      }

      @media (max-width: 980px) {
          .ace-achievements {
              padding: 56px 18px 70px;
          }

          .ace-layout {
              grid-template-columns: 1fr;
              grid-template-areas:
                  "copy"
                  "processed"
                  "visual"
                  "retention"
                  "support";
          }

          .ace-copy__top {
              flex-direction: column;
              align-items: flex-start;
              margin-bottom: 20px;
          }

          .ace-top-btn {
              min-width: 175px;
          }

          .ace-intro {
              font-size: 15px;
              line-height: 1.8;
          }

          .ace-card__inner {
              min-height: auto;
              border-radius: 24px;
          }

          .ace-card--support .ace-card__inner {
              min-height: auto;
          }

          .ace-tag-board {
              min-height: 300px;
          }

          .ace-tag {
              font-size: 13px;
              min-height: 48px;
              padding: 0 16px;
          }

          .ace-tag--1 {
              left: 0;
              bottom: 154px;
          }

          .ace-tag--2 {
              left: 46px;
              bottom: 198px;
          }

          .ace-tag--3 {
              left: 152px;
              bottom: 174px;
          }

          .ace-tag--4 {
              left: 206px;
              bottom: 124px;
          }

          .ace-tag--5 {
              left: 70px;
              bottom: 102px;
          }

          .ace-tag--6 {
              left: 174px;
              bottom: 56px;
          }

          .ace-tag--7 {
              left: 12px;
              bottom: 54px;
          }
      }

      @media (max-width: 640px) {
          .ace-title {
              font-size: 52px;
              line-height: .96;
          }

          .ace-card__inner {
              padding: 20px;
          }

          .ace-support__top h3 {
              font-size: 34px;
          }

          .ace-support-box p {
              font-size: 18px;
          }

          .ace-tag-board {
              min-height: 330px;
          }
      }

      /* Achievement support text metric fix */
      .ace-support-box .ace-metric--text {
          font-size: clamp(34px, 3.2vw, 58px);
          line-height: .9;
          letter-spacing: -0.06em;
          font-weight: 900;
          color: #10213a;
          white-space: normal;
      }

      @media (max-width: 767px) {
          .ace-support-box .ace-metric--text {
              font-size: 34px;
              line-height: 1;
          }
      }

      /* section 5 end */



      /* section 6 start  */

      :root {
          --bs-blue: #1f78c8;
          --bs-blue-2: #2f8fda;
          --bs-orange: #f89a45;
          --bs-orange-2: #ffac63;
          --bs-text: #5f6673;
          --bs-dark: #4d5562;
          --bs-light: #f5f5f5;
          --bs-ring: #e2e2e2;
          --bs-soft: #ededed;
          --bs-white: #ffffff;
          --bs-shadow: 0 18px 46px rgba(0, 0, 0, .12);
          --bs-panel-shadow: 0 20px 60px rgba(0, 0, 0, .16);
          --bs-ease: cubic-bezier(.22, .61, .36, 1);
      }

      .bs-eco {
          position: relative;
          width: 100%;
          overflow: hidden;
          isolation: isolate;
          padding-top: 40px;
      }

      .bs-eco__container {
          max-width: 1380px;
          margin: 0 auto;
          padding: 34px 24px 56px;
          position: relative;
      }

      .bs-eco__header {
          position: relative;
          z-index: 8;
          text-align: center;
          max-width: 780px;
          margin: 0 auto 18px;
      }

      .bs-eco__header h2 {
          margin: 0 0 12px;
          font-size: 28px;
          line-height: 1.15;
          letter-spacing: -.02em;
          color: var(--bs-blue);
          font-weight: 500;
      }

      .bs-eco__header p {
          margin: 0 auto 10px;
          max-width: 690px;
          color: var(--bs-blue);
          font-size: 14px;
          line-height: 1.5;
          font-weight: 600;
      }

      .bs-eco__header .bs-eco__mini {
          font-size: 13px;
          line-height: 1.5;
          color: var(--bs-blue);
          font-weight: 600;
      }

      .bs-eco__stage {
          position: relative;
          min-height: 760px;
          display: flex;
          align-items: center;
          justify-content: center;
          transform: scale(0.8);
      }


      /* SIDE LABELS */
      .bs-side {
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          z-index: 2;
          display: flex;
          align-items: center;
          gap: 16px;
          cursor: pointer;
          user-select: none;
          transition: transform .45s var(--bs-ease), opacity .35s ease, color .35s ease;
          color: var(--bs-dark);
      }

      .bs-side:hover {
          color: var(--bs-blue);
      }

      .bs-side--left {
          left: 50px
      }

      .bs-side--right {
          right: 50px;
          flex-direction: row-reverse;
          text-align: right;
      }

      .bs-side__arrow {
          font-size: 34px;
          line-height: 1;
          color: var(--bs-blue);
          font-weight: 400;
          letter-spacing: -.06em;
          transition: transform .45s var(--bs-ease), color .3s ease;
      }

      .bs-side:hover .bs-side__arrow {
          transform: translateX(-4px);
      }

      .bs-side--right:hover .bs-side__arrow {
          transform: translateX(4px);
      }

      .bs-side__text {
          font-size: 28px;
          line-height: 1.06;
          font-weight: 500;
          letter-spacing: -.03em;
      }

      /* PANEL OVERLAY SHAPES */
      .bs-eco__panel-bg {
          position: absolute;
          top: 46px;
          bottom: 18px;
          width: 74%;
          background: #fffbf5;
          box-shadow: var(--bs-panel-shadow);
          opacity: 0;
          z-index: 3;
          transition:
              opacity .45s ease,
              transform .6s var(--bs-ease),
              filter .45s ease;
          filter: blur(0px);
          pointer-events: none;
      }

      .bs-eco__panel-bg--left {
          left: 0;
          border-radius: 32px 220px 220px 32px;
          transform: translateX(-60px) scale(.98);
      }

      .bs-eco__panel-bg--right {
          right: 0;
          border-radius: 220px 32px 32px 220px;
          transform: translateX(60px) scale(.98);
      }

      .bs-eco.is-left-open .bs-eco__panel-bg--left,
      .bs-eco.is-right-open .bs-eco__panel-bg--right {
          opacity: 1;
          transform: translateX(0) scale(1);
          pointer-events: auto;
      }

      /* MAIN ORBIT */
      .bs-orbit {
          position: relative;
          width: 700px;
          height: 700px;
          z-index: 6;
          transition:
              opacity .45s ease,
              transform .55s var(--bs-ease),
              filter .45s ease;
      }

      .bs-eco.is-left-open .bs-orbit,
      .bs-eco.is-right-open .bs-orbit {
          opacity: .17;
          transform: scale(.98);
          filter: grayscale(.05);
      }

      .bs-orbit__ring {
          position: absolute;
          inset: 25px;
          border: 5px solid var(--bs-ring);
          border-radius: 50%;
      }

      .bs-orbit__core-shadow {
          position: absolute;
          width: 262px;
          height: 262px;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%);
          background: #d7d7d7;
          border-radius: 50%;
          opacity: .8;
      }

      /* NODES */
      .bs-node {
          position: absolute;
          width: 158px;
          text-align: center;
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          cursor: pointer;
          user-select: none;
          z-index: 8;
          transition: transform .35s var(--bs-ease), opacity .3s ease;
          color: #696f79;
      }

      .bs-node:hover {
          transform: scale(1.04);
      }

      .bs-node.is-active {
          color: #6a6a6a;
      }

      .bs-node__icon {
          width: 30px;
          height: 30px;
          margin-bottom: 8px;
          transition: transform .35s var(--bs-ease), opacity .3s ease;
      }

      .bs-node:hover .bs-node__icon {
          transform: translateY(-1px);
      }

      .bs-node__label {
          font-size: 15px;
          line-height: 1.2;
          font-weight: 500;
          letter-spacing: -.01em;
          transition: color .3s ease;
      }

      .bs-node svg {
          width: 100%;
          height: 100%;
          stroke: var(--bs-blue);
          fill: none;
          stroke-width: 1.85;
          stroke-linecap: round;
          stroke-linejoin: round;
          transition: stroke .3s ease, transform .35s var(--bs-ease);
      }

      .bs-node.is-active svg {
          stroke: var(--bs-orange);
      }

      .bs-node.is-active .bs-node__label {
          color: #656565;
      }

      .bs-node--top {
          top: 75px;
          left: 50%;
          transform: translateX(-50%);
      }

      .bs-node--top:hover {
          transform: translateX(-50%) scale(1.04);
      }

      .bs-node--ur {
          top: 172px;
          right: 72px;
      }

      .bs-node--r {
          top: 50%;
          right: 42px;
          transform: translateY(-50%);
      }

      .bs-node--r:hover {
          transform: translateY(-50%) scale(1.04)
      }

      .bs-node--lr {
          right: 98px;
          bottom: 146px;
      }

      .bs-node--bottom {
          left: 50%;
          bottom: 74px;
          transform: translateX(-50%);
      }

      .bs-node--bottom:hover {
          transform: translateX(-50%) scale(1.04)
      }

      .bs-node--ll {
          left: 98px;
          bottom: 146px;
      }

      .bs-node--l {
          top: 50%;
          left: 42px;
          transform: translateY(-50%);
      }

      .bs-node--l:hover {
          transform: translateY(-50%) scale(1.04)
      }

      .bs-node--ul {
          top: 172px;
          left: 72px;
      }

      /* CENTER FLIP */
      .bs-center {
          position: absolute;
          left: 50%;
          top: 50%;
          width: 308px;
          height: 308px;
          transform: translate(-50%, -50%);
          perspective: 1600px;
          z-index: 10;
      }

      .bs-center__flip {
          position: relative;
          width: 100%;
          height: 100%;
          transform-style: preserve-3d;
          transition: transform .72s cubic-bezier(.25, .8, .25, 1);
      }

      .bs-center.is-flipped .bs-center__flip {
          transform: rotateY(180deg);
      }

      .bs-center__face {
          position: absolute;
          inset: 0;
          border-radius: 50%;
          overflow: hidden;
          backface-visibility: hidden;
          -webkit-backface-visibility: hidden;
          display: flex;
          align-items: center;
          justify-content: center;
          text-align: center;
      }

      .bs-center__face--front {
          background: linear-gradient(145deg, var(--bs-orange-2), var(--bs-orange));
          color: #fff;
      }

      .bs-center__face--back {
          background: linear-gradient(145deg, #4a99d6, #2d82cd);
          color: #fff;
          transform: rotateY(180deg);
      }

      /* FRONT globe */
      .bs-globe {
          position: absolute;
          inset: 0;
          pointer-events: none;
          opacity: .22;
      }

      .bs-globe__circle,
      .bs-globe__ellipse-h,
      .bs-globe__ellipse-v,
      .bs-globe__ellipse-v2 {
          position: absolute;
          border: 4px solid rgba(255, 255, 255, .32);
          border-radius: 50%;
      }

      .bs-globe__circle {
          inset: 12px;
      }

      .bs-globe__ellipse-h {
          left: 18px;
          right: 18px;
          top: 88px;
          bottom: 88px;
          border-left: none;
          border-right: none;
      }

      .bs-globe__ellipse-v {
          top: 12px;
          bottom: 12px;
          left: 104px;
          right: 104px;
          border-top: none;
          border-bottom: none;
      }

      .bs-globe__ellipse-v2 {
          top: 12px;
          bottom: 12px;
          left: 76px;
          right: 76px;
          border-top: none;
          border-bottom: none;
          opacity: .75;
      }

      .bs-center__content {
          position: relative;
          z-index: 2;
          width: 78%;
          margin: auto;
      }

      .bs-center__title {
          font-size: 22px;
          line-height: 1.1;
          font-weight: 700;
          letter-spacing: -.02em;
      }

      .bs-center__brand {
          margin-top: 14px;
          font-size: 12px;
          font-weight: 500;
          opacity: .97;
      }

      .bs-center__brand small {
          display: block;
          font-size: 10px;
          margin-top: 2px;
          opacity: .92;
      }

      /* BACK face */
      .bs-center__back-inner {
          position: relative;
          width: 82%;
          margin: auto;
          z-index: 2;
      }

      .bs-center__back-icon {
          width: 30px;
          height: 30px;
          margin: 0 auto 12px;
      }

      .bs-center__back-icon svg {
          width: 100%;
          height: 100%;
          stroke: #fff;
          fill: none;
          stroke-width: 1.9;
          stroke-linecap: round;
          stroke-linejoin: round;
      }

      .bs-center__back-title {
          font-size: 18px;
          line-height: 1.2;
          font-weight: 700;
          letter-spacing: -.02em;
          margin-bottom: 12px;
      }

      .bs-center__back-copy {
          font-size: 12px;
          line-height: 1.55;
          font-weight: 500;
          opacity: .98;
      }

      .bs-center__back-arc {
          position: absolute;
          width: 170px;
          height: 170px;
          border-radius: 50%;
          border: 4px solid transparent;
          pointer-events: none;
      }

      .bs-center__back-arc--a {
          right: 62px;
          top: 8px;
          border-top-color: var(--bs-orange);
          transform: rotate(-16deg);
      }

      .bs-center__back-arc--b {
          right: 18px;
          bottom: 12px;
          border-right-color: var(--bs-orange);
          border-bottom-color: var(--bs-orange);
          transform: rotate(18deg);
      }

      /* PANELS */
      .bs-panel {
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          width: 430px;
          z-index: 11;
          opacity: 0;
          pointer-events: none;
          transition:
              opacity .35s ease,
              transform .55s var(--bs-ease);
      }

      .bs-panel--left {
          left: 56px;
          transform: translateY(-50%) translateX(-26px);
      }

      .bs-panel--right {
          right: 56px;
          transform: translateY(-50%) translateX(26px);
      }

      .bs-eco.is-left-open .bs-panel--left,
      .bs-eco.is-right-open .bs-panel--right {
          opacity: 1;
          pointer-events: auto;
      }

      .bs-eco.is-left-open .bs-panel--left {
          transform: translateY(-50%) translateX(0);
      }

      .bs-eco.is-right-open .bs-panel--right {
          transform: translateY(-50%) translateX(0);
      }

      .bs-panel__close {
          position: absolute;
          top: -4px;
          width: 28px;
          height: 28px;
          border: none;
          background: none;
          cursor: pointer;
          color: #666;
          font-size: 28px;
          line-height: 1;
          padding: 0;
      }

      .bs-panel--left .bs-panel__close {
          left: -40px
      }

      .bs-panel--right .bs-panel__close {
          right: -4px
      }

      .bs-panel__title {
          margin: 0 0 14px;
          color: var(--bs-blue);
          font-size: 33px;
          line-height: 1.07;
          letter-spacing: -.03em;
          font-weight: 500;
      }

      .bs-panel__desc {
          margin: 0 0 16px;
          font-size: 15px;
          line-height: 1.72;
          color: var(--bs-text);
          font-weight: 500;
      }

      .bs-panel__group {
          margin-bottom: 13px;
      }

      .bs-panel__group h4 {
          margin: 0 0 4px;
          color: var(--bs-blue);
          font-size: 15px;
          line-height: 1.35;
          font-weight: 700;
      }

      .bs-panel__group p {
          margin: 0;
          color: var(--bs-text);
          font-size: 14px;
          line-height: 1.65;
          font-weight: 500;
      }

      /* =========================
   NEW TOP INTRO CONTENT
========================= */
      .bs-eco__intro {
          max-width: 1120px;
          margin: 0 auto 40px;
          text-align: center;
          position: relative;
          z-index: 20;
      }

      .bs-eco__eyebrow {
          display: inline-flex;
          align-items: center;
          justify-content: center;
          padding: 14px 22px;
          border-radius: 14px;
          background: #d7d9dd;
          color: #111827;
          font-size: 18px;
          font-weight: 500;
          letter-spacing: .08em;
          text-transform: uppercase;
          margin-bottom: 28px;
      }

      .bs-eco__main-title {
          margin: 0 auto 24px;
          max-width: 1180px;
          color: #1f242d;
          font-size: clamp(46px, 3.3vw, 96px);
          line-height: .98;
          letter-spacing: -.05em;
          font-weight: 700;
      }

      .bs-eco__main-copy {
          margin: 0 auto;
          max-width: 1080px;
          color: #142235;
          font-size: clamp(18px, 1vw, 30px);
          line-height: 1.55;
          letter-spacing: -.02em;
          font-weight: 400;
      }

      /* hide old blue heading */
      .bs-eco__header {
          display: none;
      }

      /* =========================
   FLOATING STATS
========================= */
      .bs-eco__floating-stat {
          position: absolute;
          z-index: 25;
          pointer-events: none;
      }

      .bs-eco__floating-stat--left {
          top: 400px;
          left: 270px;
          animation: bsFloatY 4.8s ease-in-out infinite;
      }

      .bs-eco__floating-stat--right {
          top: 400px;
          right: 270px;
          animation: bsFloatY 5.2s ease-in-out infinite;
          animation-delay: .6s;
      }

      .bs-eco__floating-card {
          display: flex;
          align-items: center;
          gap: 22px;
      }

      .bs-eco__floating-icon {
          border-radius: 999px;
          background: #d7d9dd;
          display: flex;
          align-items: center;
          justify-content: center;
          color: #ff7a00;
          flex: 0 0 140px;
      }

      .bs-eco__floating-icon img {
          width: 60px;
          height: 60px;
      }

      .bs-eco__floating-text {
          display: flex;
          flex-direction: column;
          align-items: flex-start;
      }

      .bs-eco__floating-number {
          color: #1f242d;
          font-size: 30px;
          line-height: .95;
          letter-spacing: -.05em;
          font-weight: 700;
      }

      .bs-eco__floating-label {
          margin-top: 8px;
          color: #0f172a;
          font-size: clamp(22px, 1.8vw, 34px);
          line-height: 1.15;
          letter-spacing: -.03em;
          font-weight: 500;
      }

      @keyframes bsFloatY {
          0% {
              transform: translateY(0);
          }

          25% {
              transform: translateY(-12px);
          }

          50% {
              transform: translateY(-22px);
          }

          75% {
              transform: translateY(-10px);
          }

          100% {
              transform: translateY(0);
          }
      }

      .bs-eco__stage {
          margin-top: 50px;
      }

      /* MOBILE */
      @media (max-width: 1400px) {
          .bs-eco__floating-stat--left {
              left: 30px;
              top: 270px;
          }

          .bs-eco__floating-stat--right {
              right: 30px;
              top: 270px;
          }

          .bs-eco__floating-icon {
              width: 120px;
              height: 120px;
              flex-basis: 120px;
          }

          .bs-eco__floating-icon svg {
              width: 74px;
              height: 74px;
          }
      }

      @media (max-width:1280px) {
          .bs-side--left {
              left: 16px
          }

          .bs-side--right {
              right: 16px
          }

          .bs-side__text {
              font-size: 24px
          }

          .bs-orbit {
              width: 640px;
              height: 640px
          }

          .bs-orbit__ring {
              inset: 76px
          }
      }

      @media (max-width:1080px) {
          .bs-eco {
              min-height: auto;
          }

          .bs-eco__floating-stat {
              position: static;
              animation: none;
              margin: 18px auto 0;
              display: flex;
              justify-content: center;
              pointer-events: auto;
          }

          .bs-eco__floating-card {
              width: 100%;
              max-width: 540px;
              justify-content: center;
          }

          .bs-eco__stage {
              margin-top: 30px;
          }

          .bs-eco__stage {
              min-height: auto;
              padding-bottom: 18px;
              display: block;
          }

          .bs-side {
              position: relative;
              top: auto;
              left: auto;
              right: auto;
              transform: none !important;
              justify-content: center;
              margin: 0 auto 18px;
              width: max-content;
          }

          .bs-side--right {
              margin-top: 18px;
          }

          .bs-eco__panel-bg {
              display: none;
          }

          .bs-orbit {
              width: 620px;
              height: 620px;
              margin: 0 auto;
          }

          .bs-panel {
              position: relative;
              top: auto;
              left: auto !important;
              right: auto !important;
              width: 100%;
              max-width: 860px;
              transform: none !important;
              background: rgba(255, 255, 255, .9);
              box-shadow: var(--bs-shadow);
              border-radius: 28px;
              padding: 26px 22px;
              margin: 18px auto 0;
              display: none;
              opacity: 1 !important;
          }

          .bs-eco.is-left-open .bs-panel--left,
          .bs-eco.is-right-open .bs-panel--right {
              display: block;
          }

          .bs-panel__close {
              top: 12px;
              right: 14px !important;
              left: auto !important;
          }
      }

      @media (max-width:767px) {
          .bs-eco__container {
              padding: 26px 14px 42px;
          }

          .bs-eco__header h2 {
              font-size: 22px;
          }

          .bs-eco__header p,
          .bs-eco__header .bs-eco__mini {
              font-size: 12px;
          }

          .bs-side {
              gap: 10px;
          }

          .bs-side__arrow {
              font-size: 24px;
          }

          .bs-side__text {
              font-size: 20px;
          }

          .bs-orbit {
              width: 100%;
              max-width: 392px;
              height: 392px;
          }

          .bs-orbit__ring {
              inset: 34px;
              border-width: 4px;
          }

          .bs-orbit__core-shadow {
              width: 150px;
              height: 150px;
          }

          .bs-center {
              width: 176px;
              height: 176px;
          }

          .bs-center__title {
              font-size: 17px;
          }

          .bs-center__brand {
              margin-top: 8px;
              font-size: 10px;
          }

          .bs-center__brand small {
              font-size: 8px;
          }

          .bs-globe__circle,
          .bs-globe__ellipse-h,
          .bs-globe__ellipse-v,
          .bs-globe__ellipse-v2 {
              border-width: 2px;
          }

          .bs-globe__circle {
              inset: 8px
          }

          .bs-globe__ellipse-h {
              top: 52px;
              bottom: 52px;
              left: 12px;
              right: 12px
          }

          .bs-globe__ellipse-v {
              left: 58px;
              right: 58px;
              top: 8px;
              bottom: 8px
          }

          .bs-globe__ellipse-v2 {
              left: 42px;
              right: 42px;
              top: 8px;
              bottom: 8px
          }

          .bs-center__back-icon {
              width: 20px;
              height: 20px;
              margin-bottom: 8px;
          }

          .bs-center__back-title {
              font-size: 13px;
              margin-bottom: 8px;
          }

          .bs-center__back-copy {
              font-size: 9px;
              line-height: 1.45;
          }

          .bs-center__back-arc {
              width: 86px;
              height: 86px;
              border-width: 3px;
          }

          .bs-center__back-arc--a {
              right: 34px;
              top: 8px;
          }

          .bs-center__back-arc--b {
              right: 8px;
              bottom: 8px;
          }

          .bs-node {
              width: 92px;
          }

          .bs-node__icon {
              width: 100%;
              height: 100%;
              margin-bottom: 5px;
          }

          .bs-node__label {
              font-size: 11px;
              line-height: 1.1;
          }

          .bs-node--top {
              top: 18px
          }

          .bs-node--ur {
              top: 155px;
              right: 6px
          }

          .bs-node--r {
              right: -4px
          }

          .bs-node--lr {
              right: 10px;
              bottom: 70px
          }

          .bs-node--bottom {
              bottom: 8px
          }

          .bs-node--ll {
              left: 10px;
              bottom: 70px
          }

          .bs-node--l {
              left: -4px
          }

          .bs-node--ul {
              top: 72px;
              left: 6px
          }

          .bs-panel {
              padding: 20px 16px;
          }

          .bs-panel__title {
              font-size: 28px;
              padding-right: 24px;
          }

          .bs-panel__desc {
              font-size: 14px;
          }

          .bs-panel__group h4 {
              font-size: 14px;
          }

          .bs-panel__group p {
              font-size: 13px;
          }

          .bs-eco {
              padding-top: 24px;
          }

          .bs-eco__intro {
              margin-bottom: 24px;
          }

          .bs-eco__eyebrow {
              font-size: 14px;
              padding: 12px 18px;
              margin-bottom: 20px;
          }

          .bs-eco__main-title {
              font-size: clamp(34px, 10vw, 54px);
              line-height: 1.02;
              margin-bottom: 18px;
          }

          .bs-eco__main-copy {
              font-size: 17px;
              line-height: 1.65;
          }

          .bs-eco__floating-card {
              gap: 14px;
              align-items: center;
          }

          .bs-eco__floating-icon {
              width: 90px;
              height: 90px;
              flex-basis: 90px;
              border-radius: 14px;
          }

          .bs-eco__floating-icon svg {
              width: 52px;
              height: 52px;
          }

          .bs-eco__floating-number {
              font-size: 42px;
          }

          .bs-eco__floating-label {
              font-size: 18px;
          }
      }


      /* =========================
   ACE FINAL OVERRIDE
   paste at very end
========================= */

      .bs-eco {
          padding-top: 34px;
      }

      .bs-eco__container {
          max-width: 1680px;
      }

      /* INTRO */
      .bs-eco__intro {
          max-width: 980px;
          margin: 0 auto 34px;
          text-align: center;
      }

      .bs-eco__eyebrow {
          display: inline-flex;
          align-items: center;
          justify-content: center;
          min-height: 40px;
          padding: 0 16px;
          border-radius: 999px;
          background: rgba(226, 233, 245, 0.88);
          border: 1px solid rgba(255, 255, 255, 0.92);
          box-shadow: 0 8px 22px rgba(18, 34, 58, 0.04);
          color: #425069;
          font-family: "Manrope", Arial, sans-serif;
          font-size: 11px;
          font-weight: 800;
          letter-spacing: .10em;
          text-transform: uppercase;
          margin-bottom: 18px;
      }

      .bs-eco__main-title {
          margin: 0 auto 18px;
          max-width: 980px;
          color: #121a2c;
          font-family: "Cormorant Garamond", serif;
          font-size: clamp(46px, 4.2vw, 78px);
          line-height: 0.95;
          letter-spacing: -0.05em;
          font-weight: 700;
      }

      .bs-eco__main-title-line {
          display: block;
      }

      .bs-eco__main-title-line em {
          color: #d96a27;
          font-style: normal;
          position: relative;
          display: inline-block;
      }


      .bs-eco__main-copy {
          margin: 0 auto;
          max-width: 780px;
          color: #5b6880;
          font-family: "Manrope", Arial, sans-serif;
          font-size: clamp(15px, 1.1vw, 18px);
          line-height: 1.8;
          letter-spacing: 0;
          font-weight: 500;
      }

      /* FLOATING STATS */
      .bs-eco__floating-card {
          display: flex;
          align-items: center;
          gap: 12px;
          padding: 8px 12px;
          border-radius: 999px;
          background: rgba(255, 255, 255, 0.72);
          border: 1px solid rgba(255, 255, 255, 0.92);
          box-shadow: 0 12px 28px rgba(18, 34, 58, 0.05);
          backdrop-filter: blur(10px);
          -webkit-backdrop-filter: blur(10px);
      }

      .bs-eco__floating-icon {
          width: 38px;
          height: 38px;
          flex: 0 0 38px;
          border-radius: 999px;
          background: rgba(217, 106, 39, 0.10);
          display: flex;
          align-items: center;
          justify-content: center;
      }

      .bs-eco__floating-icon img {
          width: 18px;
          height: 18px;
          object-fit: contain;
      }

      .bs-eco__floating-number {
          color: #121a2c;
          font-family: "Manrope", Arial, sans-serif;
          font-size: 13px;
          line-height: 1;
          font-weight: 800;
      }

      .bs-eco__floating-label {
          margin-top: 3px;
          color: #121a2c;
          font-family: "Manrope", Arial, sans-serif;
          font-size: 14px;
          line-height: 1.2;
          font-weight: 700;
      }

      .bs-eco__floating-stat--left {
          top: 400px;
          left: 270px;
      }

      .bs-eco__floating-stat--right {
          top: 400px;
          right: 270px;
      }

      /* SIDE TEXT */
      .bs-side {
          color: #425069;
      }

      .bs-side:hover {
          color: #d96a27;
      }

      .bs-side__arrow {
          color: #8aa9d4;
          font-size: 28px;
      }

      .bs-side__text {
          font-family: "Manrope", Arial, sans-serif;
          font-size: 20px;
          line-height: 1.08;
          font-weight: 700;
          letter-spacing: -0.02em;
      }

      /* ORBIT */
      .bs-orbit__ring {
          border-color: rgba(18, 49, 87, 0.10);
      }

      .bs-orbit__core-shadow {
          background: rgba(217, 106, 39, 0.08);
          opacity: 1;
      }

      /* NODES */
      .bs-node {
          color: #5f6c80;
      }

      .bs-node__label {
          font-family: "Manrope", Arial, sans-serif;
          font-size: 12px;
          line-height: 1.18;
          font-weight: 700;
          letter-spacing: -0.01em;
      }

      .bs-node svg {
          stroke: #6da5e2;
      }

      .bs-node.is-active svg {
          stroke: #d96a27;
      }

      .bs-node.is-active .bs-node__label {
          color: #121a2c;
      }

      /* CENTER */
      .bs-center__face--front {
          background: linear-gradient(145deg, #f3b57f, #d96a27);
      }

      .bs-center__face--back {
          background: linear-gradient(145deg, #6da5e2, #2f7fcf);
      }

      .bs-center__title {
          font-family: "Cormorant Garamond", serif;
          font-size: 30px;
          line-height: 0.95;
          font-weight: 700;
          letter-spacing: -0.03em;
      }

      .bs-center__brand {
          margin-top: 12px;
          font-family: "Manrope", Arial, sans-serif;
          font-size: 11px;
          font-weight: 700;
          letter-spacing: .04em;
          text-transform: uppercase;
      }

      .bs-center__brand small {
          display: block;
          margin-top: 2px;
          font-size: 10px;
          font-weight: 700;
          letter-spacing: .03em;
          text-transform: uppercase;
      }

      .bs-center__back-title {
          font-family: "Cormorant Garamond", serif;
          font-size: 24px;
          line-height: 1;
          font-weight: 700;
          letter-spacing: -0.03em;
      }

      .bs-center__back-copy {
          font-family: "Manrope", Arial, sans-serif;
          font-size: 12px;
          line-height: 1.6;
          font-weight: 500;
      }

      /* PANELS */
      .bs-panel__title {
          color: #121a2c;
          font-family: "Cormorant Garamond", serif;
          font-size: 40px;
          line-height: 0.98;
          letter-spacing: -0.03em;
          font-weight: 700;
      }

      .bs-panel__desc {
          color: #5b6880;
          font-family: "Manrope", Arial, sans-serif;
          font-size: 15px;
          line-height: 1.8;
          font-weight: 500;
      }

      .bs-panel__group h4 {
          color: #121a2c;
          font-family: "Manrope", Arial, sans-serif;
          font-size: 15px;
          line-height: 1.4;
          font-weight: 800;
      }

      .bs-panel__group p {
          color: #5b6880;
          font-family: "Manrope", Arial, sans-serif;
          font-size: 14px;
          line-height: 1.7;
          font-weight: 500;
      }

      .bs-panel__close {
          color: #425069;
      }

      /* MOBILE */
      @media (max-width: 1400px) {

          .bs-eco__floating-stat--left,
          .bs-eco__floating-stat--right {
              top: 76px;
          }
      }

      @media (max-width: 1080px) {
          .bs-eco__floating-card {
              max-width: 360px;
              justify-content: flex-start;
          }

          .bs-eco__floating-icon {
              width: 38px;
              height: 38px;
              flex-basis: 38px;
          }

          .bs-eco__floating-icon img {
              width: 18px;
              height: 18px;
          }

          .bs-eco__floating-number {
              font-size: 13px;
          }

          .bs-eco__floating-label {
              font-size: 14px;
          }
      }

      @media (max-width: 767px) {
          .bs-eco {
              padding-top: 22px;
          }

          .bs-eco__intro {
              margin-bottom: 22px;
          }

          .bs-eco__eyebrow {
              min-height: 36px;
              padding: 0 14px;
              font-size: 10px;
              margin-bottom: 14px;
          }

          .bs-eco__main-title {
              font-size: clamp(34px, 10vw, 52px);
              line-height: 0.98;
              margin-bottom: 14px;
          }

          .bs-eco__main-copy {
              font-size: 14px;
              line-height: 1.7;
          }

          .bs-side__text {
              font-size: 16px;
          }

          .bs-side__arrow {
              font-size: 22px;
          }

          .bs-panel__title {
              font-size: 30px;
          }
      }


      /* section 7 start */

      .acm-core-feature-grid,
      .acm-core-feature-grid * {
          box-sizing: border-box;
      }

      .acm-core-feature-grid {
          position: relative;
          overflow: hidden;

      }

      .acm-core-feature-grid__bg {
          position: absolute;
          border-radius: 50%;
          filter: blur(80px);
          pointer-events: none;
          z-index: 0;
      }

      .acm-core-feature-grid__bg--one {
          width: 260px;
          height: 260px;
          left: 4%;
          top: 8%;
          background: rgba(18, 49, 87, 0.06);
      }

      .acm-core-feature-grid__bg--two {
          width: 300px;
          height: 300px;
          right: 6%;
          bottom: 8%;
          background: rgba(217, 106, 39, 0.10);
      }

      .acm-core-feature-grid__container {
          position: relative;
          z-index: 2;
          max-width: 1420px;
          margin: 0 auto;
          padding: 0 24px;
      }

      .acm-core-feature-grid__top {
          max-width: 860px;
          margin: 0 auto 34px;
          text-align: center;
      }

      .acm-core-feature-grid__eyebrow {
          display: inline-flex;
          align-items: center;
          gap: 8px;
          min-height: 40px;
          padding: 0 16px;
          margin-bottom: 18px;
          border-radius: 999px;
          background: rgba(226, 233, 245, 0.88);
          border: 1px solid rgba(255, 255, 255, 0.92);
          box-shadow: 0 8px 22px rgba(18, 34, 58, 0.04);
          color: #425069;
          font-size: 11px;
          font-weight: 800;
          letter-spacing: .10em;
          text-transform: uppercase;
      }

      .acm-core-feature-grid__eyebrow-dot {
          width: 7px;
          height: 7px;
          border-radius: 50%;
          background: #d96a27;
          box-shadow: 0 0 0 5px rgba(217, 106, 39, 0.10);
      }

      .acm-core-feature-grid__title {
          margin: 0 0 14px;
          color: #121a2c;
          font-family: "Cormorant Garamond", serif;
          font-size: clamp(52px, 4vw, 60px);
          line-height: 0.92;
          letter-spacing: -0.05em;
          font-weight: 700;
      }

      .acm-core-feature-grid__title-line {
          display: block;
      }

      .acm-core-feature-grid__title-line em {
          color: #d96a27;
          font-style: normal;
          position: relative;
          display: inline-block;
      }


      .acm-core-feature-grid__desc {
          margin: 0 auto;
          max-width: 760px;
          color: #5b6880;
          font-size: 17px;
          line-height: 1.8;
          font-weight: 500;
      }

      /* GRID */
      .acm-core-feature-grid__grid {
          display: grid;
          grid-template-columns: 1.22fr 0.78fr 0.78fr 0.78fr;
          grid-template-areas:
              "feature wide wide wide"
              "feature mint lavender green";
          gap: 16px;
          align-items: stretch;
      }

      /* CARD BASE */
      .acm-core-feature-card {
          position: relative;
          border-radius: 28px;
          overflow: hidden;
          border: 1px solid rgba(255, 255, 255, 0.88);
          box-shadow:
              0 18px 36px rgba(18, 34, 58, 0.06),
              inset 0 1px 0 rgba(255, 255, 255, 0.92);
          backdrop-filter: blur(10px);
          -webkit-backdrop-filter: blur(10px);
          transition: transform .25s ease, box-shadow .25s ease;
      }

      .acm-core-feature-card:hover {
          transform: translateY(-4px);
          box-shadow:
              0 24px 44px rgba(18, 34, 58, 0.10),
              inset 0 1px 0 rgba(255, 255, 255, 1);
      }

      /* LEFT FEATURE CARD */
      .acm-core-feature-card--feature {
          grid-area: feature;
          position: relative;
          min-height: 430px;
          padding: 0;
          background:
              linear-gradient(135deg, #f5ebed 0%, #efe4f1 100%);
          display: block;
          isolation: isolate;
      }

      .acm-core-feature-card__content {
          position: relative;
          z-index: 3;
          width: min(50%, 320px);
          padding: 0 0px 0 20px;
          height: 100%;
          display: flex;
          flex-direction: column;
          justify-content: center;
      }

      .acm-core-feature-card__label {
          display: inline-flex;
          align-items: center;
          min-height: 30px;
          width: max-content;
          padding: 0 12px;
          margin-bottom: 14px;
          border-radius: 999px;
          background: rgba(255, 255, 255, 0.78);
          color: #d96a27;
          font-size: 11px;
          font-weight: 800;
          letter-spacing: .06em;
          text-transform: uppercase;
      }

      .acm-core-feature-card__title {
          margin: 0 0 10px;
          color: #121a2c;
          font-family: "Cormorant Garamond", serif;
          font-size: clamp(30px, 2.2vw, 46px);
          line-height: 0.98;
          letter-spacing: -0.03em;
          font-weight: 700;
      }


      .acm-core-feature-card__text {
          margin: 0;
          color: #5b6880;
          font-size: 15px;
          line-height: 1.78;
          font-weight: 500;
          max-width: 280px;
      }

      .acm-core-feature-card__btn {
          display: inline-flex;
          align-items: center;
          gap: 8px;
          min-height: 46px;
          width: max-content;
          padding: 0 18px;
          margin-top: 20px;
          border-radius: 999px;
          background: #0c0f15;
          color: #fff;
          font-size: 14px;
          font-weight: 800;
          text-decoration: none;
          box-shadow: 0 12px 24px rgba(0, 0, 0, 0.14);
          transition: transform .22s ease, box-shadow .22s ease;
      }

      .acm-core-feature-card__btn:hover {
          transform: translateY(-2px);
          box-shadow: 0 18px 30px rgba(0, 0, 0, 0.18);
      }

      .acm-core-feature-card__btn svg {
          width: 14px;
          height: 14px;
          fill: currentColor;
      }

      .acm-core-feature-card__media {
          position: absolute;
          inset: 0;
          z-index: 1;
          display: flex;
          align-items: flex-end;
          justify-content: flex-end;
          pointer-events: none;
          padding: 10px 12px 8px 12px;
      }

      .acm-core-feature-card__image {
          width: 88%;
          height: 92%;
          object-fit: contain;
          object-position: right bottom;
          display: block;
          filter: drop-shadow(0 18px 34px rgba(18, 49, 87, 0.10));
          opacity: 0.98;
      }

      .acm-core-feature-card__overlay {
          position: absolute;
          inset: 0;
          z-index: 2;
          background:
              linear-gradient(90deg,
                  rgba(245, 235, 237, 0.98) 0%,
                  rgba(245, 235, 237, 0.94) 28%,
                  rgba(245, 235, 237, 0.70) 46%,
                  rgba(245, 235, 237, 0.18) 68%,
                  rgba(245, 235, 237, 0.02) 100%);
          pointer-events: none;
      }


      /* TOP WIDE CARD */
      .acm-core-feature-card--wide {
          grid-area: wide;
          min-height: 156px;
          padding: 22px 24px;
          background: linear-gradient(135deg, #edf4ff 0%, #e7eefb 100%);
          display: flex;
          align-items: flex-start;
          gap: 18px;
      }

      .acm-core-feature-card__wide-copy {
          flex: 1;
      }

      /* SMALL CARDS */
      .acm-core-feature-card--mint {
          grid-area: mint;
          min-height: 250px;
          padding: 22px;
          background: linear-gradient(135deg, #eaf5f2 0%, #e4f0ee 100%);
      }

      .acm-core-feature-card--lavender {
          grid-area: lavender;
          min-height: 250px;
          padding: 22px;
          background: linear-gradient(135deg, #efeafb 0%, #e9e4f7 100%);
      }

      .acm-core-feature-card--green {
          grid-area: green;
          min-height: 250px;
          padding: 22px;
          background: linear-gradient(135deg, #edf7e9 0%, #e4f0df 100%);
      }

      /* ICON */
      .acm-core-feature-card__icon {
          width: 52px;
          height: 52px;
          margin-bottom: 18px;
          border-radius: 16px;
          background: rgba(255, 255, 255, 0.76);
          border: 1px solid rgba(255, 255, 255, 0.90);
          display: inline-flex;
          align-items: center;
          justify-content: center;
          box-shadow: 0 10px 22px rgba(18, 34, 58, 0.04);
          flex-shrink: 0;
      }

      .acm-core-feature-card__icon svg {
          width: 24px;
          height: 24px;
          fill: #8aa9d4;
      }

      /* RESPONSIVE */
      @media (max-width: 1280px) {

          .acm-core-feature-grid__grid {
              grid-template-columns: 1fr 1fr;
              grid-template-areas:
                  "feature feature"
                  "wide wide"
                  "mint lavender"
                  "green green";
          }

          @media (max-width: 767px) {
              .acm-core-feature-card--feature {
                  min-height: 520px;
              }

              .acm-core-feature-card__content {
                  width: 100%;
                  padding: 24px 20px 20px;
                  justify-content: flex-end;
              }

              .acm-core-feature-card__media {
                  padding: 16px 8px 10px 8px;
                  align-items: center;
                  justify-content: center;
              }

              .acm-core-feature-card__image {
                  width: 100%;
                  height: 72%;
                  object-fit: contain;
                  object-position: center bottom;
              }

              .acm-core-feature-card__overlay {
                  background:
                      linear-gradient(180deg,
                          rgba(245, 235, 237, 0.10) 0%,
                          rgba(245, 235, 237, 0.16) 28%,
                          rgba(245, 235, 237, 0.90) 72%,
                          rgba(245, 235, 237, 0.98) 100%);
              }
          }

      }

      img.acm-core-feature-card__image {
          object-fit: cover;
          height: 100%;
          border-radius: 30px;
      }

      /* section 7 end */


      /* section 8 start */
      .acm-cta-premium,
      .acm-cta-premium * {
          box-sizing: border-box;
      }

      .acm-cta-premium {
          position: relative;
          overflow: hidden;
          padding: 50px 24px;

      }

      .acm-cta-premium__inner {
          position: relative;
          z-index: 3;
          max-width: 1640px;
          margin: 0 auto;
          padding: 30px 0px;
          border-radius: 34px;
          background:
              radial-gradient(circle at top left, rgba(255, 255, 255, 0.65), transparent 34%),
              linear-gradient(135deg, #f7dce5 0%, #f8dcd0 48%, #f1d1e1 100%);
          border: 1px solid rgba(255, 255, 255, 0.75);
          box-shadow:
              0 24px 55px rgba(217, 106, 39, 0.12),
              0 8px 18px rgba(23, 29, 41, 0.06),
              inset 0 1px 0 rgba(255, 255, 255, 0.95);
          text-align: center;
          backdrop-filter: blur(10px);
          -webkit-backdrop-filter: blur(10px);
      }

      .acm-cta-premium__inner::before {
          content: "";
          position: absolute;
          inset: 16px;
          border-radius: 26px;
          border: 1px solid rgba(255, 255, 255, 0.28);
          pointer-events: none;
      }

      .acm-cta-premium__inner::after {
          content: "";
          position: absolute;
          left: 50%;
          bottom: -70px;
          width: 420px;
          height: 160px;
          transform: translateX(-50%);
          background: radial-gradient(circle, rgba(217, 106, 39, 0.18), transparent 70%);
          filter: blur(40px);
          pointer-events: none;
      }

      .acm-cta-premium__badge {
          display: inline-flex;
          align-items: center;
          justify-content: center;
          min-height: 38px;
          padding: 0 16px;
          border-radius: 999px;
          background: rgba(255, 255, 255, 0.55);
          border: 1px solid rgba(255, 255, 255, 0.75);
          box-shadow:
              0 8px 18px rgba(23, 29, 41, 0.05),
              inset 0 1px 0 rgba(255, 255, 255, 0.95);
          color: #8d4b1f;
          font-size: 12px !important;
          font-weight: 700 !important;
          letter-spacing: 0.08em;
          margin-bottom: 22px;
      }

      .acm-cta-premium__title {
          margin: 0 auto 16px;
          max-width: 1180px;
          color: #d96a27;
          font-size: clamp(34px, 4vw, 72px) !important;
          line-height: 1.06 !important;
          letter-spacing: -0.04em;
          font-weight: 700 !important;
      }

      .acm-cta-premium__text {
          margin: 0 auto 24px;
          max-width: 900px;
          color: #171d29;
          font-size: clamp(18px, 0.5vw, 28px) !important;
          line-height: 1.6 !important;
          font-weight: 500 !important;
      }

      .acm-cta-premium__chips {
          display: flex;
          justify-content: center;
          flex-wrap: wrap;
          gap: 12px;
          margin-bottom: 30px;
      }

      .acm-cta-premium__chips span {
          display: inline-flex;
          align-items: center;
          min-height: 40px;
          padding: 0 16px;
          border-radius: 999px;
          background: rgba(255, 255, 255, 0.5);
          border: 1px solid rgba(255, 255, 255, 0.78);
          color: #5e6674;
          font-size: 14px !important;
          font-weight: 600 !important;
          box-shadow: 0 8px 18px rgba(23, 29, 41, 0.04);
          transition: transform .25s ease, box-shadow .25s ease, background .25s ease;
      }

      .acm-cta-premium__chips span:hover {
          transform: translateY(-2px);
          background: rgba(255, 255, 255, 0.72);
          box-shadow: 0 12px 24px rgba(23, 29, 41, 0.08);
      }

      .acm-cta-premium__actions {
          display: flex;
          justify-content: center;
      }

      .acm-cta-premium__button {
          position: relative;
          display: inline-flex;
          align-items: center;
          justify-content: center;
          gap: 14px;
          min-height: 72px;
          padding: 0 34px;
          border-radius: 999px;
          background: linear-gradient(135deg, #d96a27 0%, #eb7f2e 100%);
          color: #fff !important;
          text-decoration: none !important;
          font-size: 18px !important;
          font-weight: 700 !important;
          box-shadow:
              0 16px 34px rgba(217, 106, 39, 0.26),
              inset 0 1px 0 rgba(255, 255, 255, 0.18);
          transition: transform .28s ease, box-shadow .28s ease, filter .28s ease;
          overflow: hidden;
      }

      .acm-cta-premium__button::before {
          content: "";
          position: absolute;
          top: 0;
          left: -120%;
          width: 80%;
          height: 100%;
          background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.28), transparent);
          transform: skewX(-22deg);
          transition: left .7s ease;
      }

      .acm-cta-premium__button:hover {
          transform: translateY(-4px) scale(1.02);
          box-shadow:
              0 22px 42px rgba(217, 106, 39, 0.34),
              inset 0 1px 0 rgba(255, 255, 255, 0.20);
          filter: saturate(1.04);
      }

      .acm-cta-premium__button:hover::before {
          left: 130%;
      }

      .acm-cta-premium__button svg {
          width: 24px;
          height: 24px;
          fill: currentColor;
          flex: 0 0 auto;
      }

      .acm-cta-premium__orb {
          position: absolute;
          border-radius: 50%;
          filter: blur(70px);
          pointer-events: none;
          z-index: 1;
          animation: acmCtaFloat 8s ease-in-out infinite;
      }

      .acm-cta-premium__orb--one {
          width: 220px;
          height: 220px;
          top: 8%;
          left: 8%;
          background: rgba(255, 190, 150, 0.22);
      }

      .acm-cta-premium__orb--two {
          width: 260px;
          height: 260px;
          right: 10%;
          top: 18%;
          background: rgba(255, 208, 228, 0.22);
          animation-delay: 1.5s;
      }

      .acm-cta-premium__orb--three {
          width: 200px;
          height: 200px;
          bottom: 8%;
          left: 50%;
          transform: translateX(-50%);
          background: rgba(255, 174, 112, 0.20);
          animation-delay: .8s;
      }

      .acm-cta-premium__cursor-glow {
          position: absolute;
          width: 260px;
          height: 260px;
          border-radius: 50%;
          background: radial-gradient(circle, rgba(255, 255, 255, 0.22), rgba(255, 200, 170, 0.10), transparent 70%);
          filter: blur(18px);
          pointer-events: none;
          z-index: 2;
          transform: translate(-50%, -50%);
          opacity: .9;
          transition: left .08s linear, top .08s linear;
      }

      @keyframes acmCtaFloat {

          0%,
          100% {
              transform: translateY(0px);
          }

          50% {
              transform: translateY(-18px);
          }
      }

      @media (max-width: 991px) {
          .acm-cta-premium {
              padding: 56px 16px;
          }

          .acm-cta-premium__inner {
              padding: 60px 22px;
              border-radius: 24px;
          }

          .acm-cta-premium__title {
              font-size: 38px !important;
          }

          .acm-cta-premium__text {
              font-size: 18px !important;
          }

          .acm-cta-premium__button {
              min-height: 60px;
              padding: 0 26px;
              font-size: 16px !important;
          }

          .acm-cta-premium__cursor-glow {
              display: none;
          }
      }

      @media (max-width: 767px) {
          .acm-cta-premium__inner {
              padding: 44px 16px;
          }

          .acm-cta-premium__title {
              font-size: 30px !important;
              line-height: 1.12 !important;
          }

          .acm-cta-premium__text {
              font-size: 16px !important;
          }

          .acm-cta-premium__chips {
              gap: 10px;
              margin-bottom: 24px;
          }

          .acm-cta-premium__chips span {
              min-height: 36px;
              font-size: 13px !important;
          }

          .acm-cta-premium__button {
              width: 100%;
              max-width: 320px;
          }
      }

      /* =========================================================
   START: CTA PREMIUM FIX
========================================================= */

      .acm-cta-premium__title {
          margin: 0;
          color: #1A2942;
          font-family: "Playfair Display", serif;
          font-size: clamp(36px, 4.7vw, 76px);
          font-weight: 600;
          line-height: 1.02;
          letter-spacing: -0.04em;
          text-align: center;
          max-width: 1220px;
          margin-inline: auto;
      }

      .acm-cta-premium__title span {
          color: #D96C2B;
          display: inline;
      }

      .acm-cta-premium__title br {
          display: block;
          content: "";
      }

      .acm-cta-premium__text {
          margin: 22px auto 0;
          max-width: 980px;
          color: #1A2942;
          font-size: clamp(19px, 0.5vw, 28px);
          line-height: 1.55;
          font-weight: 500;
          text-align: center;
      }

      .acm-cta-premium__text span {
          color: #D96C2B;
          display: inline;
      }

      .acm-cta-premium__text br {
          display: block;
          content: "";
      }

      .acm-cta-premium__actions {
          display: flex;
          justify-content: center;
          align-items: center;
          gap: 14px;
          flex-wrap: wrap;
          margin-top: 28px;
      }

      .acm-cta-premium__button {
          display: inline-flex;
          align-items: center;
          justify-content: center;
          gap: 10px;
          min-height: 58px;
          padding: 0 28px;
          border-radius: 999px;
          text-decoration: none;
          transition: all 0.25s ease;
      }

      .acm-cta-premium__button svg {
          width: 18px;
          height: 18px;
          fill: currentColor;
      }

      .acm-cta-premium__button--primary {
          background: linear-gradient(135deg, #D96C2B 0%, #ED8B46 100%);
          color: #fff;
          box-shadow: 0 16px 34px rgba(217, 108, 43, 0.22);
      }

      .acm-cta-premium__button--primary:hover {
          color: #fff;
          transform: translateY(-2px);
          box-shadow: 0 20px 40px rgba(217, 108, 43, 0.28);
      }

      .acm-cta-premium__button--secondary {
          background: #1a2942;
          color: #1a2942;
          border: 1px solid rgba(26, 41, 66, 0.12);
          box-shadow: 0 12px 28px rgba(26, 41, 66, 0.08);
      }

      .acm-cta-premium__button--secondary:hover {
          color: #1A2942;
          transform: translateY(-2px);
          border-color: rgba(217, 108, 43, 0.28);
          box-shadow: 0 16px 32px rgba(26, 41, 66, 0.10);
      }

      @media (max-width: 991px) {
          .acm-cta-premium__title {
              font-size: clamp(30px, 7vw, 54px);
              line-height: 1.06;
          }

          .acm-cta-premium__text {
              font-size: clamp(17px, 0.5vw, 22px);
              line-height: 1.6;
              max-width: 100%;
          }
      }

      @media (max-width: 767px) {
          .acm-cta-premium__actions {
              flex-direction: column;
          }

          .acm-cta-premium__button {
              width: 100%;
              max-width: 320px;
          }
      }

      /* =========================================================
   END: CTA PREMIUM FIX
========================================================= */

      /* section 8 end */


      /* home page landing page end  */



      /* section 9 start*/

      @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Cormorant+Garamond:wght@500;600;700&display=swap');

      .acmMegaHeroX21 {
          --acm-x21-bg: #f5f1ec;
          --acm-x21-bg-2: #eee8e2;
          --acm-x21-text: #16233a;
          --acm-x21-muted: #63748b;
          --acm-x21-accent: #e27a2e;
          --acm-x21-accent-dark: #cb6820;
          --acm-x21-white: #ffffff;
          --acm-x21-border: rgba(22, 35, 58, 0.07);
          --acm-x21-shadow: 0 24px 60px rgba(16, 24, 40, 0.10);

          position: relative;
          width: 100%;
          overflow: hidden;
          border-radius: 30px;
          border: 1px solid var(--acm-x21-border);
          background:
              radial-gradient(circle at top right, rgba(226, 122, 46, 0.08), transparent 28%),
              linear-gradient(135deg, var(--acm-x21-bg) 0%, var(--acm-x21-bg-2) 100%);
          box-shadow: var(--acm-x21-shadow);
      }

      .acmMegaHeroX21::before {
          content: "";
          position: absolute;
          top: -120px;
          right: -80px;
          width: 260px;
          height: 260px;
          border-radius: 50%;
          background: radial-gradient(circle, rgba(226, 122, 46, 0.12) 0%, rgba(226, 122, 46, 0) 72%);
          pointer-events: none;
      }

      .acmMegaHeroX21::after {
          content: "";
          position: absolute;
          left: -100px;
          bottom: -120px;
          width: 220px;
          height: 220px;
          border-radius: 50%;
          background: radial-gradient(circle, rgba(22, 35, 58, 0.06) 0%, rgba(22, 35, 58, 0) 72%);
          pointer-events: none;
      }

      .acmMegaHeroX21__inner {
          position: relative;
          z-index: 2;
          display: grid;
          grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.85fr);
          align-items: center;
          gap: 44px;
          padding: 38px 44px;
          min-height: 430px;
      }

      .acmMegaHeroX21__content {
          max-width: 700px;
      }

      .acmMegaHeroX21__eyebrow {
          display: inline-flex;
          align-items: center;
          gap: 10px;
          padding: 11px 18px;
          margin-bottom: 22px;
          border-radius: 999px;
          background: rgba(255, 255, 255, 0.72);
          border: 1px solid rgba(22, 35, 58, 0.08);
          backdrop-filter: blur(10px);
          font-family: "Inter", sans-serif;
          font-size: 14px;
          font-weight: 700;
          color: #667791;
          line-height: 1;
      }

      .acmMegaHeroX21__eyebrowDot {
          width: 11px;
          height: 11px;
          border-radius: 50%;
          flex: 0 0 11px;
          background: var(--acm-x21-accent);
          box-shadow: 0 0 0 6px rgba(226, 122, 46, 0.12);
      }

      .acmMegaHeroX21__title {
          margin: 0;
          color: var(--acm-x21-text);
          font-family: var(--bs-heading-font-family);
          font-size: clamp(46px, 5.2vw, 82px);
          font-weight: 600;
          line-height: 0.9;
          letter-spacing: -0.03em;
          max-width: 760px;
      }

      .acmMegaHeroX21__accent {
          color: var(--acm-x21-accent);
      }

      .acmMegaHeroX21__text {
          max-width: 620px;
          margin: 22px 0 0;
          color: var(--acm-x21-muted);
          font-family: "Inter", sans-serif;
          font-size: 18px;
          line-height: 1.75;
      }

      .acmMegaHeroX21__actions {
          margin-top: 30px;
      }

      .acmMegaHeroX21__btn {
          display: inline-flex;
          align-items: center;
          justify-content: center;
          min-height: 58px;
          padding: 0 34px;
          border-radius: 999px;
          background: linear-gradient(180deg, #eb8640 0%, #da7126 100%);
          color: #ffffff;
          text-decoration: none;
          font-family: "Inter", sans-serif;
          font-size: 17px;
          font-weight: 700;
          box-shadow: 0 16px 35px rgba(226, 122, 46, 0.24);
          transition: transform 0.28s ease, box-shadow 0.28s ease, background 0.28s ease;
      }

      .acmMegaHeroX21__btn:hover {
          transform: translateY(-2px);
          background: linear-gradient(180deg, #ef9150 0%, #d86a1f 100%);
          box-shadow: 0 18px 38px rgba(226, 122, 46, 0.30);
      }

      .acmMegaHeroX21__media {
          display: flex;
          justify-content: flex-end;
          align-items: center;
      }

      .acmMegaHeroX21__imageWrap {
          position: relative;
          width: 100%;
          max-width: 470px;
          aspect-ratio: 0.9 / 1;
          overflow: hidden;
          border-radius: 30px;
          background: #ddd6cf;
          box-shadow:
              0 25px 55px rgba(17, 24, 39, 0.14),
              0 2px 0 rgba(255, 255, 255, 0.35) inset;
          transform: translateZ(0);
      }

      .acmMegaHeroX21__imageWrap::before {
          content: "";
          position: absolute;
          inset: 0;
          border-radius: inherit;
          border: 1px solid rgba(255, 255, 255, 0.18);
          pointer-events: none;
          z-index: 3;
      }

      .acmMegaHeroX21__image {
          width: 100%;
          height: 100%;
          display: block;
          object-fit: cover;
          transform: scale(1.01);
          transition: transform 0.7s ease;
      }

      .acmMegaHeroX21__imageOverlay {
          position: absolute;
          inset: 0;
          background:
              linear-gradient(180deg, rgba(12, 18, 30, 0.04) 0%, rgba(12, 18, 30, 0.02) 34%, rgba(12, 18, 30, 0.16) 100%),
              linear-gradient(90deg, rgba(226, 122, 46, 0.08) 0%, rgba(226, 122, 46, 0) 38%);
          pointer-events: none;
          z-index: 2;
      }

      .acmMegaHeroX21__imageWrap:hover .acmMegaHeroX21__image {
          transform: scale(1.06);
      }

      .acmMegaHeroX21--js .acmMegaHeroX21__eyebrow,
      .acmMegaHeroX21--js .acmMegaHeroX21__title,
      .acmMegaHeroX21--js .acmMegaHeroX21__text,
      .acmMegaHeroX21--js .acmMegaHeroX21__actions,
      .acmMegaHeroX21--js .acmMegaHeroX21__media {
          opacity: 0;
          transform: translateY(26px);
      }

      .acmMegaHeroX21.is-visible .acmMegaHeroX21__eyebrow,
      .acmMegaHeroX21.is-visible .acmMegaHeroX21__title,
      .acmMegaHeroX21.is-visible .acmMegaHeroX21__text,
      .acmMegaHeroX21.is-visible .acmMegaHeroX21__actions,
      .acmMegaHeroX21.is-visible .acmMegaHeroX21__media {
          opacity: 1;
          transform: translateY(0);
      }

      .acmMegaHeroX21__eyebrow,
      .acmMegaHeroX21__title,
      .acmMegaHeroX21__text,
      .acmMegaHeroX21__actions,
      .acmMegaHeroX21__media {
          transition: opacity 0.7s ease, transform 0.7s ease;
      }

      .acmMegaHeroX21.is-visible .acmMegaHeroX21__title {
          transition-delay: 0.08s;
      }

      .acmMegaHeroX21.is-visible .acmMegaHeroX21__text {
          transition-delay: 0.16s;
      }

      .acmMegaHeroX21.is-visible .acmMegaHeroX21__actions {
          transition-delay: 0.24s;
      }

      .acmMegaHeroX21.is-visible .acmMegaHeroX21__media {
          transition-delay: 0.18s;
      }

      @media (max-width: 1240px) {
          .acmMegaHeroX21__inner {
              grid-template-columns: 1fr;
              gap: 28px;
              min-height: auto;
          }

          .acmMegaHeroX21__content {
              max-width: 100%;
          }

          .acmMegaHeroX21__title {
              max-width: 100%;
              font-size: clamp(42px, 7vw, 68px);
          }

          .acmMegaHeroX21__text {
              max-width: 100%;
          }

          .acmMegaHeroX21__media {
              justify-content: flex-start;
          }

          .acmMegaHeroX21__imageWrap {
              max-width: 560px;
              aspect-ratio: 1.35 / 1;
          }
      }

      @media (max-width: 767px) {
          .acmMegaHeroX21 {
              border-radius: 24px;
          }

          .acmMegaHeroX21__inner {
              padding: 24px 20px;
              gap: 22px;
          }

          .acmMegaHeroX21__eyebrow {
              margin-bottom: 18px;
              padding: 10px 14px;
              font-size: 12px;
          }

          .acmMegaHeroX21__title {
              font-size: clamp(34px, 10vw, 48px);
              line-height: 0.95;
          }

          .acmMegaHeroX21__text {
              margin-top: 16px;
              font-size: 15px;
              line-height: 1.7;
          }

          .acmMegaHeroX21__actions {
              margin-top: 22px;
          }

          .acmMegaHeroX21__btn {
              width: 100%;
              min-height: 54px;
              padding: 0 24px;
              font-size: 16px;
          }

          .acmMegaHeroX21__imageWrap {
              max-width: 100%;
              border-radius: 22px;
              aspect-ratio: 1.18 / 1;
          }
      }

      /* section 9 end */


      /* section 10 start */

      .acmPaySuiteP11 {
          position: relative;
          padding: 90px 0;
          overflow: hidden;
      }

      .acmPaySuiteP11,
      .acmPaySuiteP11 * {
          box-sizing: border-box;
      }

      .acmPaySuiteP11__container {
          width: min(1320px, calc(100% - 40px));
          margin: 0 auto;
      }

      .acmPaySuiteP11__header {
          max-width: 980px;
          margin: 0 auto 36px;
          text-align: center;
      }

      .acmPaySuiteP11__sectionTitle {
          margin: 0;
          color: #17233d;
          font-family: var(--bs-heading-font-family);
          font-size: clamp(48px, 5vw, 82px);
          font-weight: 600;
          line-height: 0.9;
          letter-spacing: -0.035em;
      }

      .acmPaySuiteP11__sectionTitleAccent {
          color: #e07a2f;
      }

      .acmPaySuiteP11__shell {
          display: grid;
          grid-template-columns: 330px minmax(0, 1fr);
          gap: 18px;
          align-items: start;
          padding: 18px;
          border-radius: 34px;
          border: 1px solid rgba(23, 35, 61, 0.08);
          background:
              radial-gradient(circle at top right, rgba(224, 122, 47, 0.10) 0%, rgba(224, 122, 47, 0) 22%),
              linear-gradient(135deg, #f8f4ef 0%, #f1ebe4 100%);
          box-shadow:
              0 24px 60px rgba(16, 22, 36, 0.07),
              inset 0 1px 0 rgba(255, 255, 255, 0.72);
          overflow: hidden;
      }

      .acmPaySuiteP11__nav {
          display: flex;
          flex-direction: column;
          gap: 14px;
          align-self: stretch;
      }

      .acmPaySuiteP11__tab {
          position: relative;
          display: flex;
          align-items: center;
          gap: 14px;
          width: 100%;
          min-height: 88px;
          padding: 16px 18px;
          border: 1px solid rgba(23, 35, 61, 0.07);
          border-radius: 24px;
          background: linear-gradient(180deg, rgba(255, 255, 255, 0.82) 0%, rgba(251, 248, 244, 0.94) 100%);
          box-shadow:
              0 10px 24px rgba(17, 24, 39, 0.04),
              inset 0 1px 0 rgba(255, 255, 255, 0.65);
          cursor: pointer;
          text-align: left;
          transition:
              transform 0.35s ease,
              border-color 0.35s ease,
              box-shadow 0.35s ease,
              background 0.35s ease;
          overflow: hidden;
      }

      .acmPaySuiteP11__tab::before {
          content: "";
          position: absolute;
          inset: 0;
          background: linear-gradient(90deg, rgba(224, 122, 47, 0.14) 0%, rgba(224, 122, 47, 0) 42%);
          opacity: 0;
          transition: opacity 0.35s ease;
      }

      .acmPaySuiteP11__tab::after {
          content: "";
          position: absolute;
          top: 16px;
          bottom: 16px;
          left: 0;
          width: 4px;
          border-radius: 999px;
          background: linear-gradient(180deg, #f2a665 0%, #e07a2f 100%);
          transform: scaleY(0);
          transform-origin: center;
          transition: transform 0.35s ease;
      }

      .acmPaySuiteP11__tab:hover {
          transform: translateX(8px);
          border-color: rgba(224, 122, 47, 0.22);
          box-shadow:
              0 18px 28px rgba(17, 24, 39, 0.06),
              0 12px 22px rgba(224, 122, 47, 0.08);
      }

      .acmPaySuiteP11__tab:hover::before,
      .acmPaySuiteP11__tab:hover::after {
          opacity: 1;
          transform: scaleY(1);
      }

      .acmPaySuiteP11__tab.is-active {
          transform: translateX(14px);
          border-color: rgba(224, 122, 47, 0.28);
          background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 242, 236, 0.98) 100%);
          box-shadow:
              0 20px 34px rgba(17, 24, 39, 0.08),
              0 14px 28px rgba(224, 122, 47, 0.10);
      }

      .acmPaySuiteP11__tab.is-active::before {
          opacity: 1;
      }

      .acmPaySuiteP11__tab.is-active::after {
          transform: scaleY(1);
      }

      .acmPaySuiteP11__tabIndex {
          position: relative;
          z-index: 2;
          display: inline-flex;
          align-items: center;
          justify-content: center;
          width: 44px;
          height: 44px;
          flex: 0 0 44px;
          border-radius: 15px;
          border: 1px solid rgba(23, 35, 61, 0.07);
          background: linear-gradient(180deg, #ffffff 0%, #f6efe8 100%);
          color: #e07a2f;
          font-family: "Inter", Arial, Helvetica, sans-serif;
          font-size: 13px;
          font-weight: 800;
          letter-spacing: 0.08em;
      }

      .acmPaySuiteP11__tabContent {
          position: relative;
          z-index: 2;
          display: flex;
          flex-direction: column;
          gap: 4px;
          min-width: 0;
      }

      .acmPaySuiteP11__tabTitle {
          color: #17233d;
          font-family: "Inter", Arial, Helvetica, sans-serif;
          font-size: 17px;
          font-weight: 700;
          line-height: 1.2;
      }

      .acmPaySuiteP11__tabMeta {
          color: #77849a;
          font-family: "Inter", Arial, Helvetica, sans-serif;
          font-size: 13px;
          font-weight: 500;
          line-height: 1.35;
      }

      .acmPaySuiteP11__stage {
          position: relative;
          min-height: 640px;
          overflow: hidden;
          transition: height 0.45s ease;
      }

      .acmPaySuiteP11__panel {
          position: absolute;
          inset: 0;
          opacity: 0;
          visibility: hidden;
          pointer-events: none;
          transform: translateY(18px) scale(0.985);
          transition:
              opacity 0.5s ease,
              transform 0.5s ease,
              visibility 0s linear 0.5s;
      }

      .acmPaySuiteP11__panel.is-active,
      .acmPaySuiteP11__panel.is-leaving {
          visibility: visible;
      }

      .acmPaySuiteP11__panel.is-active {
          z-index: 3;
          opacity: 1;
          pointer-events: auto;
          transform: translateY(0) scale(1);
          transition:
              opacity 0.5s ease,
              transform 0.5s ease,
              visibility 0s linear 0s;
      }

      .acmPaySuiteP11__panel.is-leaving {
          z-index: 2;
          opacity: 0;
          transform: translateY(-16px) scale(0.985);
      }

      .acmPaySuiteP11__panelBody {
          display: grid;
          grid-template-columns: minmax(0, 1.06fr) minmax(330px, 0.84fr);
          gap: 26px;
          align-items: stretch;
          min-height: 640px;
          padding: 18px;
          border-radius: 30px;
          border: 1px solid rgba(23, 35, 61, 0.07);
          background: linear-gradient(180deg, rgba(255, 255, 255, 0.80) 0%, rgba(251, 248, 244, 0.92) 100%);
          box-shadow:
              inset 0 1px 0 rgba(255, 255, 255, 0.72),
              0 18px 40px rgba(17, 24, 39, 0.05);
          overflow: hidden;
      }

      .acmPaySuiteP11__copy {
          display: flex;
          flex-direction: column;
          justify-content: center;
          min-width: 0;
          padding: 22px 18px 22px 18px;
      }

      .acmPaySuiteP11__eyebrow,
      .acmPaySuiteP11__panelTitle,
      .acmPaySuiteP11__panelText,
      .acmPaySuiteP11__listItem,
      .acmPaySuiteP11__mediaCard {
          opacity: 0;
          transform: translateY(22px);
      }

      .acmPaySuiteP11__panel.is-active .acmPaySuiteP11__eyebrow,
      .acmPaySuiteP11__panel.is-active .acmPaySuiteP11__panelTitle,
      .acmPaySuiteP11__panel.is-active .acmPaySuiteP11__panelText,
      .acmPaySuiteP11__panel.is-active .acmPaySuiteP11__listItem,
      .acmPaySuiteP11__panel.is-active .acmPaySuiteP11__mediaCard {
          opacity: 1;
          transform: translateY(0);
          transition: opacity 0.55s ease, transform 0.55s ease;
      }

      .acmPaySuiteP11__panel.is-active .acmPaySuiteP11__eyebrow {
          transition-delay: 0.05s;
      }

      .acmPaySuiteP11__panel.is-active .acmPaySuiteP11__panelTitle {
          transition-delay: 0.12s;
      }

      .acmPaySuiteP11__panel.is-active .acmPaySuiteP11__panelText {
          transition-delay: 0.20s;
      }

      .acmPaySuiteP11__panel.is-active .acmPaySuiteP11__listItem:nth-child(1) {
          transition-delay: 0.28s;
      }

      .acmPaySuiteP11__panel.is-active .acmPaySuiteP11__listItem:nth-child(2) {
          transition-delay: 0.36s;
      }

      .acmPaySuiteP11__panel.is-active .acmPaySuiteP11__listItem:nth-child(3) {
          transition-delay: 0.44s;
      }

      .acmPaySuiteP11__panel.is-active .acmPaySuiteP11__mediaCard {
          transition-delay: 0.18s;
      }

      .acmPaySuiteP11__eyebrow {
          display: inline-flex;
          align-items: center;
          align-self: flex-start;
          padding: 11px 16px;
          border-radius: 999px;
          border: 1px solid rgba(23, 35, 61, 0.08);
          background: rgba(255, 255, 255, 0.82);
          color: #e07a2f;
          font-family: "Inter", Arial, Helvetica, sans-serif;
          font-size: 12px;
          font-weight: 800;
          letter-spacing: 0.12em;
          text-transform: uppercase;
      }

      .acmPaySuiteP11__panelTitle {
          margin: 18px 0 0;
          max-width: 620px;
          color: #17233d;
          font-family: var(--bs-heading-font-family);
          font-size: clamp(38px, 3vw, 58px);
          font-weight: 600;
          line-height: 0.94;
          letter-spacing: -0.03em;
      }

      .acmPaySuiteP11__panelText {
          margin: 18px 0 0;
          max-width: 600px;
          color: #67758c;
          font-family: "Inter", Arial, Helvetica, sans-serif;
          font-size: 17px;
          font-weight: 500;
          line-height: 1.75;
      }

      .acmPaySuiteP11__list {
          display: flex;
          flex-direction: column;
          gap: 16px;
          margin: 28px 0 0;
          padding: 0;
          list-style: none;
      }

      .acmPaySuiteP11__listItem {
          display: flex;
          align-items: flex-start;
          gap: 14px;
          max-width: 620px;
          color: #223049;
          font-family: "Inter", Arial, Helvetica, sans-serif;
          font-size: 17px;
          font-weight: 600;
          line-height: 1.6;
      }

      .acmPaySuiteP11__check {
          position: relative;
          top: 1px;
          width: 24px;
          height: 24px;
          flex: 0 0 24px;
          border-radius: 50%;
          background: linear-gradient(180deg, #ee8f4e 0%, #e07a2f 100%);
          box-shadow: 0 8px 18px rgba(224, 122, 47, 0.20);
      }

      .acmPaySuiteP11__check::before {
          content: "";
          position: absolute;
          left: 8px;
          top: 5px;
          width: 6px;
          height: 11px;
          border-right: 2px solid #ffffff;
          border-bottom: 2px solid #ffffff;
          transform: rotate(45deg);
      }

      .acmPaySuiteP11__media {
          display: flex;
          align-items: stretch;
          min-width: 0;
      }

      .acmPaySuiteP11__mediaCard {
          position: relative;
          width: 100%;
          min-height: 584px;
          border-radius: 28px;
          overflow: hidden;
          border: 1px solid rgba(23, 35, 61, 0.08);
          background:
              radial-gradient(circle at 82% 10%, rgba(224, 122, 47, 0.18) 0%, rgba(224, 122, 47, 0) 18%),
              radial-gradient(circle at 16% 86%, rgba(23, 35, 61, 0.10) 0%, rgba(23, 35, 61, 0) 18%),
              linear-gradient(135deg, #fbf7f2 0%, #efe5d9 100%);
          box-shadow:
              inset 0 1px 0 rgba(255, 255, 255, 0.74),
              0 20px 44px rgba(17, 24, 39, 0.07);
      }

      .acmPaySuiteP11__glow {
          position: absolute;
          border-radius: 50%;
          pointer-events: none;
      }

      .acmPaySuiteP11__glow--one {
          top: -28px;
          right: -24px;
          width: 140px;
          height: 140px;
          background: radial-gradient(circle, rgba(224, 122, 47, 0.18) 0%, rgba(224, 122, 47, 0) 72%);
      }

      .acmPaySuiteP11__glow--two {
          left: -18px;
          bottom: -18px;
          width: 120px;
          height: 120px;
          background: radial-gradient(circle, rgba(23, 35, 61, 0.10) 0%, rgba(23, 35, 61, 0) 72%);
      }

      .acmPaySuiteP11__image {
          position: absolute;
          inset: 24px;
          width: calc(100% - 48px);
          height: calc(100% - 48px);
          object-fit: contain;
          object-position: center;
          filter: drop-shadow(0 20px 26px rgba(18, 24, 39, 0.15));
          transform: scale(1.01);
          transition: transform 0.55s ease;
      }

      .acmPaySuiteP11__mediaCard:hover .acmPaySuiteP11__image {
          transform: scale(1.04) translateY(-4px);
      }

      @media (max-width: 1240px) {
          .acmPaySuiteP11__shell {
              grid-template-columns: 1fr;
          }

          .acmPaySuiteP11__nav {
              flex-direction: row;
              overflow-x: auto;
              padding-bottom: 4px;
              scrollbar-width: thin;
          }

          .acmPaySuiteP11__nav::-webkit-scrollbar {
              height: 6px;
          }

          .acmPaySuiteP11__nav::-webkit-scrollbar-thumb {
              background: rgba(23, 35, 61, 0.16);
              border-radius: 999px;
          }

          .acmPaySuiteP11__tab {
              min-width: 280px;
              flex: 0 0 280px;
          }

          .acmPaySuiteP11__tab:hover,
          .acmPaySuiteP11__tab.is-active {
              transform: translateY(-4px);
          }

          .acmPaySuiteP11__panelBody {
              grid-template-columns: 1fr;
              min-height: auto;
          }

          .acmPaySuiteP11__mediaCard {
              min-height: 420px;
          }
      }

      @media (max-width: 767px) {
          .acmPaySuiteP11 {
              padding: 64px 0;
          }

          .acmPaySuiteP11__container {
              width: min(100%, calc(100% - 20px));
          }

          .acmPaySuiteP11__sectionTitle {
              font-size: clamp(34px, 11vw, 54px);
              line-height: 0.96;
          }

          .acmPaySuiteP11__shell {
              padding: 14px;
              border-radius: 24px;
          }

          .acmPaySuiteP11__tab {
              min-width: 250px;
              flex: 0 0 250px;
              min-height: 78px;
              padding: 14px;
              border-radius: 18px;
          }

          .acmPaySuiteP11__tabIndex {
              width: 40px;
              height: 40px;
              flex-basis: 40px;
              border-radius: 14px;
              font-size: 12px;
          }

          .acmPaySuiteP11__tabTitle {
              font-size: 16px;
          }

          .acmPaySuiteP11__tabMeta {
              font-size: 12px;
          }

          .acmPaySuiteP11__stage {
              min-height: 1px;
          }

          .acmPaySuiteP11__panelBody {
              padding: 14px;
              gap: 18px;
              border-radius: 22px;
          }

          .acmPaySuiteP11__copy {
              padding: 8px 4px 0;
          }

          .acmPaySuiteP11__eyebrow {
              font-size: 11px;
              padding: 9px 12px;
          }

          .acmPaySuiteP11__panelTitle {
              margin-top: 16px;
              font-size: clamp(30px, 9vw, 42px);
              line-height: 0.98;
          }

          .acmPaySuiteP11__panelText {
              margin-top: 14px;
              font-size: 15px;
              line-height: 1.7;
          }

          .acmPaySuiteP11__list {
              margin-top: 22px;
              gap: 14px;
          }

          .acmPaySuiteP11__listItem {
              font-size: 15px;
              gap: 12px;
          }

          .acmPaySuiteP11__check {
              width: 22px;
              height: 22px;
              flex-basis: 22px;
          }

          .acmPaySuiteP11__check::before {
              left: 7px;
              top: 4px;
          }

          .acmPaySuiteP11__mediaCard {
              min-height: 300px;
              border-radius: 22px;
          }

          .acmPaySuiteP11__image {
              inset: 18px;
              width: calc(100% - 36px);
              height: calc(100% - 36px);
          }
      }

      /* section 10 end */

      /* section 11 start */

      .acmPayCardsZ5 {
          position: relative;
          padding: 90px 0;
          overflow: hidden;
      }

      .acmPayCardsZ5,
      .acmPayCardsZ5 * {
          box-sizing: border-box;
      }

      .acmPayCardsZ5__inner {
          width: min(1320px, calc(100% - 40px));
          margin: 0 auto;
      }

      .acmPayCardsZ5__head {
          max-width: 860px;
          margin: 0 auto 42px;
          text-align: center;
      }

      .acmPayCardsZ5__eyebrow {
          display: inline-flex;
          align-items: center;
          justify-content: center;
          min-height: 36px;
          padding: 0 16px;
          margin-bottom: 16px;
          border-radius: 999px;
          border: 1px solid rgba(23, 35, 61, 0.08);
          background: rgba(255, 255, 255, 0.82);
          color: #e07a2f;
          font-family: "Inter", Arial, Helvetica, sans-serif;
          font-size: 12px;
          font-weight: 800;
          letter-spacing: 0.12em;
          text-transform: uppercase;
      }

      .acmPayCardsZ5__title {
          margin: 0;
          color: #17233d;
          font-family: var(--bs-heading-font-family);
          font-size: clamp(42px, 4.6vw, 76px);
          font-weight: 600;
          line-height: 0.93;
          letter-spacing: -0.035em;
      }

      .acmPayCardsZ5__titleAccent {
          color: #e07a2f;
      }

      .acmPayCardsZ5__text {
          max-width: 720px;
          margin: 18px auto 0;
          color: #68768d;
          font-family: "Inter", Arial, Helvetica, sans-serif;
          font-size: 18px;
          line-height: 1.75;
          font-weight: 500;
      }

      .acmPayCardsZ5__grid {
          display: grid;
          grid-template-columns: repeat(3, minmax(0, 1fr));
          gap: 24px;
      }

      .acmPayCardsZ5__card {
          position: relative;
          display: flex;
          flex-direction: column;
          min-height: 360px;
          padding: 26px;
          border-radius: 28px;
          border: 1px solid rgba(23, 35, 61, 0.08);
          background:
              radial-gradient(circle at top right, rgba(224, 122, 47, 0.08) 0%, rgba(224, 122, 47, 0) 22%),
              linear-gradient(180deg, rgba(255, 255, 255, 0.94) 0%, rgba(248, 243, 238, 0.98) 100%);
          box-shadow:
              0 14px 30px rgba(17, 24, 39, 0.05),
              inset 0 1px 0 rgba(255, 255, 255, 0.72);
          overflow: hidden;
          transform: translateY(0);
          transition:
              transform 0.42s ease,
              background 0.42s ease,
              border-color 0.42s ease,
              box-shadow 0.42s ease;
      }

      .acmPayCardsZ5__cardGlow {
          content: "";
          position: absolute;
          inset: auto;
          left: -40px;
          bottom: -40px;
          width: 160px;
          height: 160px;
          border-radius: 50%;
          background: radial-gradient(circle, rgba(224, 122, 47, 0.14) 0%, rgba(224, 122, 47, 0) 72%);
          opacity: 0.7;
          transition: transform 0.42s ease, opacity 0.42s ease;
          pointer-events: none;
      }

      .acmPayCardsZ5__card::before {
          content: "";
          position: absolute;
          inset: 0;
          border-radius: inherit;
          background: linear-gradient(135deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0) 50%);
          opacity: 0;
          transition: opacity 0.42s ease;
          pointer-events: none;
      }

      .acmPayCardsZ5__card:hover,
      .acmPayCardsZ5__card:focus-visible,
      .acmPayCardsZ5__card.is-active,
      .acmPayCardsZ5__card.is-featured {
          transform: translateY(-12px);
      }

      .acmPayCardsZ5__card:hover,
      .acmPayCardsZ5__card:focus-visible,
      .acmPayCardsZ5__card.is-active {
          border-color: rgba(224, 122, 47, 0.26);
          background:
              radial-gradient(circle at 18% 100%, rgba(224, 122, 47, 0.26) 0%, rgba(224, 122, 47, 0) 30%),
              radial-gradient(circle at 100% 0%, rgba(233, 154, 93, 0.18) 0%, rgba(233, 154, 93, 0) 24%),
              linear-gradient(180deg, #1d2d4b 0%, #18263f 100%);
          box-shadow:
              0 24px 44px rgba(17, 24, 39, 0.18),
              0 14px 28px rgba(224, 122, 47, 0.12);
      }

      .acmPayCardsZ5__card:hover::before,
      .acmPayCardsZ5__card:focus-visible::before,
      .acmPayCardsZ5__card.is-active::before {
          opacity: 1;
      }

      .acmPayCardsZ5__card:hover .acmPayCardsZ5__cardGlow,
      .acmPayCardsZ5__card:focus-visible .acmPayCardsZ5__cardGlow,
      .acmPayCardsZ5__card.is-active .acmPayCardsZ5__cardGlow {
          transform: scale(1.3);
          opacity: 1;
      }

      .acmPayCardsZ5__cardTop {
          display: flex;
          align-items: center;
          justify-content: flex-start;
          margin-bottom: 18px;
      }

      .acmPayCardsZ5__iconWrap {
          position: relative;
          width: 76px;
          height: 76px;
          flex: 0 0 76px;
          border-radius: 22px;
          display: grid;
          place-items: center;
      }

      .acmPayCardsZ5__icon3d {
          position: relative;
          width: 76px;
          height: 76px;
          border-radius: 22px;
          background:
              linear-gradient(180deg, #f39b54 0%, #e07a2f 100%);
          box-shadow:
              0 16px 24px rgba(224, 122, 47, 0.24),
              inset 0 1px 0 rgba(255, 255, 255, 0.45),
              inset 0 -10px 16px rgba(178, 84, 16, 0.18);
          display: grid;
          place-items: center;
          transform: translateZ(0) rotate(0deg);
          transition: transform 0.42s ease, box-shadow 0.42s ease, background 0.42s ease;
      }

      .acmPayCardsZ5__icon3d::before {
          content: "";
          position: absolute;
          inset: 7px;
          border-radius: 16px;
          background: linear-gradient(180deg, rgba(255, 255, 255, 0.18) 0%, rgba(255, 255, 255, 0.02) 100%);
          pointer-events: none;
      }

      .acmPayCardsZ5__icon3d svg {
          width: 34px;
          height: 34px;
          fill: none;
          stroke: #ffffff;
          stroke-width: 1.8;
          stroke-linecap: round;
          stroke-linejoin: round;
          position: relative;
          z-index: 2;
      }

      .acmPayCardsZ5__card:hover .acmPayCardsZ5__icon3d,
      .acmPayCardsZ5__card:focus-visible .acmPayCardsZ5__icon3d,
      .acmPayCardsZ5__card.is-active .acmPayCardsZ5__icon3d {
          transform: translateY(-4px) rotate(-4deg) scale(1.04);
          background: linear-gradient(180deg, #ffb36f 0%, #ea7d26 100%);
          box-shadow:
              0 20px 28px rgba(224, 122, 47, 0.26),
              inset 0 1px 0 rgba(255, 255, 255, 0.48),
              inset 0 -10px 16px rgba(178, 84, 16, 0.14);
      }

      .acmPayCardsZ5__cardBody {
          flex: 1 1 auto;
      }

      .acmPayCardsZ5__cardTitle {
          margin: 0;
          color: #17233d;
          font-family: "Inter", Arial, Helvetica, sans-serif;
          font-size: 31px;
          font-weight: 800;
          line-height: 1.08;
          letter-spacing: -0.03em;
          transition: color 0.42s ease;
      }

      .acmPayCardsZ5__cardText {
          margin: 14px 0 0;
          color: #5f6f87;
          font-family: "Inter", Arial, Helvetica, sans-serif;
          font-size: 17px;
          line-height: 1.75;
          font-weight: 500;
          transition: color 0.42s ease;
      }

      .acmPayCardsZ5__cardBottom {
          display: flex;
          align-items: flex-end;
          justify-content: space-between;
          gap: 14px;
          padding-top: 24px;
      }

      .acmPayCardsZ5__miniStage {
          position: relative;
          display: flex;
          align-items: flex-end;
          gap: 8px;
          min-height: 60px;
          flex: 1 1 auto;
      }

      .acmPayCardsZ5__miniStage--split .acmPayCardsZ5__miniBlock {
          display: block;
          width: 44px;
          height: 28px;
          border-radius: 12px;
          background: linear-gradient(180deg, #f8ede3 0%, #efd9c6 100%);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6);
          transition: transform 0.42s ease, background 0.42s ease;
      }

      .acmPayCardsZ5__miniStage--split .acmPayCardsZ5__miniBlock:nth-child(2) {
          height: 36px;
      }

      .acmPayCardsZ5__miniStage--split .acmPayCardsZ5__miniBlock:nth-child(3) {
          height: 22px;
      }

      .acmPayCardsZ5__miniStage--lines span {
          display: block;
          width: 16px;
          border-radius: 999px;
          background: linear-gradient(180deg, #f4e4d5 0%, #ecd2bd 100%);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6);
          transition: transform 0.42s ease, background 0.42s ease;
      }

      .acmPayCardsZ5__miniStage--lines span:nth-child(1) {
          height: 26px;
      }

      .acmPayCardsZ5__miniStage--lines span:nth-child(2) {
          height: 40px;
      }

      .acmPayCardsZ5__miniStage--lines span:nth-child(3) {
          height: 54px;
      }

      .acmPayCardsZ5__miniStage--shield span,
      .acmPayCardsZ5__miniStage--cards span {
          display: block;
          border-radius: 16px;
          background: linear-gradient(180deg, #f5e7da 0%, #ecd4c1 100%);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6);
          transition: transform 0.42s ease, background 0.42s ease;
      }

      .acmPayCardsZ5__miniStage--shield span {
          width: 64px;
          height: 54px;
          clip-path: polygon(50% 0%, 92% 18%, 92% 52%, 50% 100%, 8% 52%, 8% 18%);
      }

      .acmPayCardsZ5__miniStage--bars span {
          display: block;
          width: 16px;
          border-radius: 12px 12px 6px 6px;
          background: linear-gradient(180deg, #f4e6d9 0%, #ead1bc 100%);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6);
          transition: transform 0.42s ease, background 0.42s ease;
      }

      .acmPayCardsZ5__miniStage--bars span:nth-child(1) {
          height: 28px;
      }

      .acmPayCardsZ5__miniStage--bars span:nth-child(2) {
          height: 42px;
      }

      .acmPayCardsZ5__miniStage--bars span:nth-child(3) {
          height: 34px;
      }

      .acmPayCardsZ5__miniStage--bars span:nth-child(4) {
          height: 56px;
      }

      .acmPayCardsZ5__miniStage--waves span {
          display: block;
          width: 18px;
          border-radius: 999px;
          background: linear-gradient(180deg, #f4e6d9 0%, #ead1bc 100%);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6);
          transition: transform 0.42s ease, background 0.42s ease;
      }

      .acmPayCardsZ5__miniStage--waves span:nth-child(1) {
          height: 22px;
      }

      .acmPayCardsZ5__miniStage--waves span:nth-child(2) {
          height: 38px;
      }

      .acmPayCardsZ5__miniStage--waves span:nth-child(3) {
          height: 28px;
      }

      .acmPayCardsZ5__miniStage--cards span {
          width: 56px;
          height: 34px;
      }

      .acmPayCardsZ5__miniStage--cards span:last-child {
          margin-left: -20px;
          transform: translateY(10px);
      }

      .acmPayCardsZ5__arrow {
          position: relative;
          width: 48px;
          height: 48px;
          flex: 0 0 48px;
          border-radius: 50%;
          background: linear-gradient(180deg, #ffffff 0%, #f7efe8 100%);
          border: 1px solid rgba(23, 35, 61, 0.08);
          display: grid;
          place-items: center;
          box-shadow: 0 10px 18px rgba(17, 24, 39, 0.06);
          transition:
              transform 0.42s ease,
              background 0.42s ease,
              border-color 0.42s ease,
              box-shadow 0.42s ease;
      }

      .acmPayCardsZ5__arrow svg {
          width: 20px;
          height: 20px;
          fill: none;
          stroke: #17233d;
          stroke-width: 2;
          stroke-linecap: round;
          stroke-linejoin: round;
          transition: stroke 0.42s ease;
      }

      .acmPayCardsZ5__card:hover .acmPayCardsZ5__arrow,
      .acmPayCardsZ5__card:focus-visible .acmPayCardsZ5__arrow,
      .acmPayCardsZ5__card.is-active .acmPayCardsZ5__arrow {
          transform: translateY(-4px) rotate(-8deg);
          background: linear-gradient(180deg, #ffb36f 0%, #ea7d26 100%);
          border-color: rgba(255, 255, 255, 0.12);
          box-shadow: 0 16px 24px rgba(224, 122, 47, 0.24);
      }

      .acmPayCardsZ5__card:hover .acmPayCardsZ5__arrow svg,
      .acmPayCardsZ5__card:focus-visible .acmPayCardsZ5__arrow svg,
      .acmPayCardsZ5__card.is-active .acmPayCardsZ5__arrow svg {
          stroke: #ffffff;
      }

      .acmPayCardsZ5__card:hover .acmPayCardsZ5__cardTitle,
      .acmPayCardsZ5__card:focus-visible .acmPayCardsZ5__cardTitle,
      .acmPayCardsZ5__card.is-active .acmPayCardsZ5__cardTitle {
          color: #ffffff;
      }

      .acmPayCardsZ5__card:hover .acmPayCardsZ5__cardText,
      .acmPayCardsZ5__card:focus-visible .acmPayCardsZ5__cardText,
      .acmPayCardsZ5__card.is-active .acmPayCardsZ5__cardText {
          color: rgba(255, 255, 255, 0.76);
      }

      .acmPayCardsZ5__card:hover .acmPayCardsZ5__miniStage span,
      .acmPayCardsZ5__card:hover .acmPayCardsZ5__miniStage .acmPayCardsZ5__miniBlock,
      .acmPayCardsZ5__card:focus-visible .acmPayCardsZ5__miniStage span,
      .acmPayCardsZ5__card:focus-visible .acmPayCardsZ5__miniStage .acmPayCardsZ5__miniBlock,
      .acmPayCardsZ5__card.is-active .acmPayCardsZ5__miniStage span,
      .acmPayCardsZ5__card.is-active .acmPayCardsZ5__miniStage .acmPayCardsZ5__miniBlock {
          background: linear-gradient(180deg, rgba(255, 255, 255, 0.22) 0%, rgba(255, 255, 255, 0.08) 100%);
      }

      .acmPayCardsZ5__card:hover .acmPayCardsZ5__miniStage--bars span:nth-child(1),
      .acmPayCardsZ5__card:focus-visible .acmPayCardsZ5__miniStage--bars span:nth-child(1),
      .acmPayCardsZ5__card.is-active .acmPayCardsZ5__miniStage--bars span:nth-child(1) {
          transform: translateY(-4px);
      }

      .acmPayCardsZ5__card:hover .acmPayCardsZ5__miniStage--bars span:nth-child(2),
      .acmPayCardsZ5__card:focus-visible .acmPayCardsZ5__miniStage--bars span:nth-child(2),
      .acmPayCardsZ5__card.is-active .acmPayCardsZ5__miniStage--bars span:nth-child(2) {
          transform: translateY(-8px);
      }

      .acmPayCardsZ5__card:hover .acmPayCardsZ5__miniStage--bars span:nth-child(3),
      .acmPayCardsZ5__card:focus-visible .acmPayCardsZ5__miniStage--bars span:nth-child(3),
      .acmPayCardsZ5__card.is-active .acmPayCardsZ5__miniStage--bars span:nth-child(3) {
          transform: translateY(-6px);
      }

      .acmPayCardsZ5__card:hover .acmPayCardsZ5__miniStage--bars span:nth-child(4),
      .acmPayCardsZ5__card:focus-visible .acmPayCardsZ5__miniStage--bars span:nth-child(4),
      .acmPayCardsZ5__card.is-active .acmPayCardsZ5__miniStage--bars span:nth-child(4) {
          transform: translateY(-10px);
      }

      .acmPayCardsZ5__card:hover .acmPayCardsZ5__miniStage--lines span:nth-child(1),
      .acmPayCardsZ5__card:focus-visible .acmPayCardsZ5__miniStage--lines span:nth-child(1),
      .acmPayCardsZ5__card.is-active .acmPayCardsZ5__miniStage--lines span:nth-child(1) {
          transform: translateY(-4px);
      }

      .acmPayCardsZ5__card:hover .acmPayCardsZ5__miniStage--lines span:nth-child(2),
      .acmPayCardsZ5__card:focus-visible .acmPayCardsZ5__miniStage--lines span:nth-child(2),
      .acmPayCardsZ5__card.is-active .acmPayCardsZ5__miniStage--lines span:nth-child(2) {
          transform: translateY(-8px);
      }

      .acmPayCardsZ5__card:hover .acmPayCardsZ5__miniStage--lines span:nth-child(3),
      .acmPayCardsZ5__card:focus-visible .acmPayCardsZ5__miniStage--lines span:nth-child(3),
      .acmPayCardsZ5__card.is-active .acmPayCardsZ5__miniStage--lines span:nth-child(3) {
          transform: translateY(-10px);
      }

      .acmPayCardsZ5__card:hover .acmPayCardsZ5__miniStage--split .acmPayCardsZ5__miniBlock:nth-child(1),
      .acmPayCardsZ5__card:focus-visible .acmPayCardsZ5__miniStage--split .acmPayCardsZ5__miniBlock:nth-child(1),
      .acmPayCardsZ5__card.is-active .acmPayCardsZ5__miniStage--split .acmPayCardsZ5__miniBlock:nth-child(1) {
          transform: translateY(-4px) rotate(-4deg);
      }

      .acmPayCardsZ5__card:hover .acmPayCardsZ5__miniStage--split .acmPayCardsZ5__miniBlock:nth-child(2),
      .acmPayCardsZ5__card:focus-visible .acmPayCardsZ5__miniStage--split .acmPayCardsZ5__miniBlock:nth-child(2),
      .acmPayCardsZ5__card.is-active .acmPayCardsZ5__miniStage--split .acmPayCardsZ5__miniBlock:nth-child(2) {
          transform: translateY(-10px);
      }

      .acmPayCardsZ5__card:hover .acmPayCardsZ5__miniStage--split .acmPayCardsZ5__miniBlock:nth-child(3),
      .acmPayCardsZ5__card:focus-visible .acmPayCardsZ5__miniStage--split .acmPayCardsZ5__miniBlock:nth-child(3),
      .acmPayCardsZ5__card.is-active .acmPayCardsZ5__miniStage--split .acmPayCardsZ5__miniBlock:nth-child(3) {
          transform: translateY(-6px) rotate(3deg);
      }

      .acmPayCardsZ5__card:hover .acmPayCardsZ5__miniStage--cards span:first-child,
      .acmPayCardsZ5__card:focus-visible .acmPayCardsZ5__miniStage--cards span:first-child,
      .acmPayCardsZ5__card.is-active .acmPayCardsZ5__miniStage--cards span:first-child {
          transform: translateY(-6px) rotate(-4deg);
      }

      .acmPayCardsZ5__card:hover .acmPayCardsZ5__miniStage--cards span:last-child,
      .acmPayCardsZ5__card:focus-visible .acmPayCardsZ5__miniStage--cards span:last-child,
      .acmPayCardsZ5__card.is-active .acmPayCardsZ5__miniStage--cards span:last-child {
          transform: translateY(2px) rotate(6deg);
      }

      .acmPayCardsZ5__card:hover .acmPayCardsZ5__miniStage--shield span,
      .acmPayCardsZ5__card:focus-visible .acmPayCardsZ5__miniStage--shield span,
      .acmPayCardsZ5__card.is-active .acmPayCardsZ5__miniStage--shield span {
          transform: translateY(-8px) scale(1.04);
      }

      .acmPayCardsZ5__card:hover .acmPayCardsZ5__miniStage--waves span:nth-child(1),
      .acmPayCardsZ5__card:focus-visible .acmPayCardsZ5__miniStage--waves span:nth-child(1),
      .acmPayCardsZ5__card.is-active .acmPayCardsZ5__miniStage--waves span:nth-child(1) {
          transform: translateY(-5px);
      }

      .acmPayCardsZ5__card:hover .acmPayCardsZ5__miniStage--waves span:nth-child(2),
      .acmPayCardsZ5__card:focus-visible .acmPayCardsZ5__miniStage--waves span:nth-child(2),
      .acmPayCardsZ5__card.is-active .acmPayCardsZ5__miniStage--waves span:nth-child(2) {
          transform: translateY(-9px);
      }

      .acmPayCardsZ5__card:hover .acmPayCardsZ5__miniStage--waves span:nth-child(3),
      .acmPayCardsZ5__card:focus-visible .acmPayCardsZ5__miniStage--waves span:nth-child(3),
      .acmPayCardsZ5__card.is-active .acmPayCardsZ5__miniStage--waves span:nth-child(3) {
          transform: translateY(-6px);
      }

      @media (max-width: 1199px) {
          .acmPayCardsZ5__grid {
              grid-template-columns: repeat(2, minmax(0, 1fr));
          }
      }

      @media (max-width: 767px) {
          .acmPayCardsZ5 {
              padding: 64px 0;
          }

          .acmPayCardsZ5__inner {
              width: min(100%, calc(100% - 20px));
          }

          .acmPayCardsZ5__head {
              margin-bottom: 28px;
          }

          .acmPayCardsZ5__title {
              font-size: clamp(34px, 10vw, 52px);
              line-height: 0.98;
          }

          .acmPayCardsZ5__text {
              font-size: 15px;
              line-height: 1.7;
          }

          .acmPayCardsZ5__grid {
              grid-template-columns: 1fr;
              gap: 18px;
          }

          .acmPayCardsZ5__card {
              min-height: 320px;
              padding: 22px;
              border-radius: 22px;
          }

          .acmPayCardsZ5__iconWrap,
          .acmPayCardsZ5__icon3d {
              width: 66px;
              height: 66px;
              border-radius: 18px;
          }

          .acmPayCardsZ5__icon3d svg {
              width: 30px;
              height: 30px;
          }

          .acmPayCardsZ5__cardTitle {
              font-size: 26px;
          }

          .acmPayCardsZ5__cardText {
              font-size: 15px;
              line-height: 1.7;
          }

          .acmPayCardsZ5__cardBottom {
              padding-top: 18px;
          }

          .acmPayCardsZ5__arrow {
              width: 44px;
              height: 44px;
              flex-basis: 44px;
          }
      }

      /* section 11 end */



      /* section 12 start */


      .acmStorySplitM9 {
          position: relative;
          padding: 96px 0;
          overflow: hidden;
      }

      .acmStorySplitM9,
      .acmStorySplitM9 * {
          box-sizing: border-box;
      }

      .acmStorySplitM9__inner {
          width: min(1280px, calc(100% - 40px));
          margin: 0 auto;
      }

      .acmStorySplitM9__row {
          display: grid;
          grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
          gap: 64px;
          align-items: center;
      }

      .acmStorySplitM9__row+.acmStorySplitM9__row {
          margin-top: 88px;
      }

      .acmStorySplitM9__media,
      .acmStorySplitM9__content {
          min-width: 0;
      }

      .acmStorySplitM9__content {
          opacity: 0;
          transform: translateY(40px);
          transition:
              opacity 0.9s ease,
              transform 0.9s ease;
      }

      .acmStorySplitM9__media {
          opacity: 0;
          transition:
              opacity 1s ease,
              transform 1s cubic-bezier(0.22, 1, 0.36, 1);
      }

      .acmStorySplitM9__media--left {
          transform: translateX(-90px);
      }

      .acmStorySplitM9__media--right {
          transform: translateX(90px);
      }

      .acmStorySplitM9__row.is-visible .acmStorySplitM9__content,
      .acmStorySplitM9__row.is-visible .acmStorySplitM9__media {
          opacity: 1;
          transform: translate(0, 0);
      }

      .acmStorySplitM9__eyebrow {
          display: inline-flex;
          align-items: center;
          min-height: 38px;
          padding: 0 16px;
          margin-bottom: 20px;
          border-radius: 999px;
          border: 1px solid rgba(23, 35, 61, 0.08);
          background: rgba(255, 255, 255, 0.82);
          color: #e07a2f;
          font-family: var(--bs-body-font-family, "Inter", Arial, Helvetica, sans-serif);
          font-size: 12px;
          font-weight: 800;
          letter-spacing: 0.12em;
          text-transform: uppercase;
          box-shadow: 0 10px 20px rgba(17, 24, 39, 0.04);
      }

      .acmStorySplitM9__title {
          margin: 0;
          color: #17233d;
          font-family: var(--bs-heading-font-family);
          font-size: clamp(42px, 4.1vw, 76px);
          font-weight: 600;
          line-height: 0.95;
          letter-spacing: -0.035em;
          text-wrap: balance;
      }

      .acmStorySplitM9__titleAccent {
          color: #e07a2f;
      }

      .acmStorySplitM9__text {
          max-width: 640px;
          margin: 20px 0 0;
          color: #66758d;
          font-family: var(--bs-body-font-family, "Inter", Arial, Helvetica, sans-serif);
          font-size: 18px;
          font-weight: 500;
          line-height: 1.8;
      }

      .acmStorySplitM9__list {
          display: flex;
          flex-direction: column;
          gap: 16px;
          margin: 28px 0 0;
          padding: 0;
          list-style: none;
      }

      .acmStorySplitM9__listItem {
          display: flex;
          align-items: flex-start;
          gap: 14px;
          color: #1d2b45;
          font-family: var(--bs-body-font-family, "Inter", Arial, Helvetica, sans-serif);
          font-size: 17px;
          font-weight: 500;
          line-height: 1.75;
      }

      .acmStorySplitM9__listItem strong {
          color: #17233d;
          font-weight: 700;
      }

      .acmStorySplitM9__check {
          position: relative;
          top: 3px;
          width: 24px;
          height: 24px;
          flex: 0 0 24px;
          border-radius: 50%;
          background: linear-gradient(180deg, #ed904f 0%, #e07a2f 100%);
          box-shadow: 0 10px 18px rgba(224, 122, 47, 0.22);
      }

      .acmStorySplitM9__check::before {
          content: "";
          position: absolute;
          left: 8px;
          top: 5px;
          width: 6px;
          height: 11px;
          border-right: 2px solid #ffffff;
          border-bottom: 2px solid #ffffff;
          transform: rotate(45deg);
      }

      .acmStorySplitM9__mediaCard {
          position: relative;
          min-height: 420px;
          padding: 22px;
          border-radius: 34px;
          border: 1px solid rgba(23, 35, 61, 0.08);
          background:
              radial-gradient(circle at top right, rgba(224, 122, 47, 0.16) 0%, rgba(224, 122, 47, 0) 22%),
              radial-gradient(circle at bottom left, rgba(23, 35, 61, 0.08) 0%, rgba(23, 35, 61, 0) 20%),
              linear-gradient(135deg, #fbf7f2 0%, #efe4d8 100%);
          box-shadow:
              0 26px 60px rgba(16, 22, 36, 0.10),
              inset 0 1px 0 rgba(255, 255, 255, 0.76);
          overflow: hidden;
          transform: translateY(0);
          transition:
              transform 0.42s ease,
              box-shadow 0.42s ease,
              border-color 0.42s ease;
      }

      .acmStorySplitM9__mediaCard::before {
          content: "";
          position: absolute;
          inset: 12px;
          border-radius: 26px;
          border: 1px solid rgba(255, 255, 255, 0.52);
          pointer-events: none;
      }

      .acmStorySplitM9__mediaCard:hover {
          transform: translateY(-10px);
          border-color: rgba(224, 122, 47, 0.22);
          box-shadow:
              0 34px 72px rgba(16, 22, 36, 0.14),
              0 18px 34px rgba(224, 122, 47, 0.12);
      }

      .acmStorySplitM9__mediaGlow {
          position: absolute;
          border-radius: 50%;
          pointer-events: none;
          transition: transform 0.42s ease, opacity 0.42s ease;
      }

      .acmStorySplitM9__mediaGlow--one {
          top: -40px;
          right: -30px;
          width: 180px;
          height: 180px;
          background: radial-gradient(circle, rgba(224, 122, 47, 0.18) 0%, rgba(224, 122, 47, 0) 72%);
      }

      .acmStorySplitM9__mediaGlow--two {
          left: -28px;
          bottom: -34px;
          width: 150px;
          height: 150px;
          background: radial-gradient(circle, rgba(23, 35, 61, 0.12) 0%, rgba(23, 35, 61, 0) 72%);
      }

      .acmStorySplitM9__mediaCard:hover .acmStorySplitM9__mediaGlow--one {
          transform: scale(1.12);
      }

      .acmStorySplitM9__mediaCard:hover .acmStorySplitM9__mediaGlow--two {
          transform: scale(1.08);
      }

      .acmStorySplitM9__mediaBadge {
          position: absolute;
          top: 22px;
          left: 22px;
          z-index: 3;
          display: inline-flex;
          align-items: center;
          min-height: 36px;
          padding: 0 14px;
          border-radius: 999px;
          border: 1px solid rgba(23, 35, 61, 0.08);
          background: rgba(255, 255, 255, 0.88);
          color: #17233d;
          font-family: var(--bs-body-font-family, "Inter", Arial, Helvetica, sans-serif);
          font-size: 12px;
          font-weight: 700;
          letter-spacing: 0.02em;
          box-shadow: 0 12px 24px rgba(17, 24, 39, 0.05);
      }

      .acmStorySplitM9__image {
          position: relative;
          z-index: 2;
          display: block;
          width: 100%;
          height: 100%;
          max-height: 375px;
          margin: 18px auto 0;
          object-fit: contain;
          object-position: center;
          filter: drop-shadow(0 22px 28px rgba(18, 24, 39, 0.16));
          transform: scale(1);
          transition: transform 0.5s ease;
      }

      .acmStorySplitM9__mediaCard:hover .acmStorySplitM9__image {
          transform: scale(1.04);
      }

      .acmStorySplitM9__mediaFooter {
          position: absolute;
          left: 22px;
          right: 22px;
          bottom: 20px;
          z-index: 3;
          display: flex;
          align-items: center;
          justify-content: space-between;
          gap: 16px;
      }

      .acmStorySplitM9__miniPill {
          display: inline-flex;
          align-items: center;
          min-height: 34px;
          padding: 0 14px;
          border-radius: 999px;
          background: #111822;
          color: #ffffff;
          font-family: var(--bs-body-font-family, "Inter", Arial, Helvetica, sans-serif);
          font-size: 12px;
          font-weight: 700;
          letter-spacing: 0.02em;
          box-shadow: 0 12px 18px rgba(17, 24, 39, 0.14);
      }

      .acmStorySplitM9__dots {
          display: inline-flex;
          align-items: center;
          gap: 8px;
      }

      .acmStorySplitM9__dots span {
          display: block;
          width: 8px;
          height: 8px;
          border-radius: 50%;
          background: rgba(23, 35, 61, 0.16);
          transition: transform 0.35s ease, background 0.35s ease;
      }

      .acmStorySplitM9__dots span:nth-child(1) {
          background: #e07a2f;
      }

      .acmStorySplitM9__mediaCard:hover .acmStorySplitM9__dots span:nth-child(1) {
          transform: scale(1.25);
      }

      .acmStorySplitM9__mediaCard:hover .acmStorySplitM9__dots span:nth-child(2) {
          background: rgba(23, 35, 61, 0.28);
      }

      .acmStorySplitM9__mediaCard:hover .acmStorySplitM9__dots span:nth-child(3) {
          background: rgba(23, 35, 61, 0.28);
      }

      @media (max-width: 1199px) {
          .acmStorySplitM9__row {
              gap: 40px;
          }

          .acmStorySplitM9__row+.acmStorySplitM9__row {
              margin-top: 72px;
          }

          .acmStorySplitM9__title {
              font-size: clamp(38px, 5vw, 62px);
          }

          .acmStorySplitM9__mediaCard {
              min-height: 380px;
          }
      }

      @media (max-width: 991px) {

          .acmStorySplitM9__row,
          .acmStorySplitM9__row--second {
              grid-template-columns: 1fr;
              gap: 28px;
          }

          .acmStorySplitM9__row--second .acmStorySplitM9__content {
              order: 2;
          }

          .acmStorySplitM9__row--second .acmStorySplitM9__media {
              order: 1;
          }

          .acmStorySplitM9__row+.acmStorySplitM9__row {
              margin-top: 60px;
          }

          .acmStorySplitM9__media--left,
          .acmStorySplitM9__media--right {
              transform: translateY(50px);
          }

          .acmStorySplitM9__row.is-visible .acmStorySplitM9__media--left,
          .acmStorySplitM9__row.is-visible .acmStorySplitM9__media--right {
              transform: translateY(0);
          }
      }

      @media (max-width: 767px) {
          .acmStorySplitM9 {
              padding: 64px 0;
          }

          .acmStorySplitM9__inner {
              width: min(100%, calc(100% - 20px));
          }

          .acmStorySplitM9__title {
              font-size: clamp(34px, 10vw, 48px);
              line-height: 0.98;
          }

          .acmStorySplitM9__text {
              font-size: 15px;
              line-height: 1.72;
          }

          .acmStorySplitM9__list {
              gap: 14px;
              margin-top: 22px;
          }

          .acmStorySplitM9__listItem {
              gap: 12px;
              font-size: 15px;
              line-height: 1.7;
          }

          .acmStorySplitM9__check {
              width: 22px;
              height: 22px;
              flex-basis: 22px;
          }

          .acmStorySplitM9__check::before {
              left: 7px;
              top: 4px;
          }

          .acmStorySplitM9__mediaCard {
              min-height: 300px;
              padding: 18px;
              border-radius: 24px;
          }

          .acmStorySplitM9__mediaCard::before {
              inset: 10px;
              border-radius: 18px;
          }

          .acmStorySplitM9__mediaBadge {
              top: 18px;
              left: 18px;
              min-height: 32px;
              padding: 0 12px;
              font-size: 11px;
          }

          .acmStorySplitM9__image {
              max-height: 255px;
              margin-top: 22px;
          }

          .acmStorySplitM9__mediaFooter {
              left: 18px;
              right: 18px;
              bottom: 16px;
          }

          .acmStorySplitM9__miniPill {
              min-height: 30px;
              padding: 0 12px;
              font-size: 11px;
          }
      }


      /* section 12 end  */


      .acmEditorialSplitQ7 {
          position: relative;
          padding: 96px 0;
          overflow: hidden;
      }

      .acmEditorialSplitQ7,
      .acmEditorialSplitQ7 * {
          box-sizing: border-box;
      }

      .acmEditorialSplitQ7__inner {
          width: min(1240px, calc(100% - 40px));
          margin: 0 auto;
      }

      .acmEditorialSplitQ7__row {
          display: grid;
          grid-template-columns: minmax(0, 1.02fr) minmax(0, 0.98fr);
          gap: 62px;
          align-items: center;
      }

      .acmEditorialSplitQ7__row+.acmEditorialSplitQ7__row {
          margin-top: 78px;
      }

      .acmEditorialSplitQ7__media,
      .acmEditorialSplitQ7__content {
          min-width: 0;
          will-change: transform, opacity;
      }

      .acmEditorialSplitQ7__media {
          opacity: 0;
          transition:
              opacity 0.95s cubic-bezier(0.22, 1, 0.36, 1),
              transform 0.95s cubic-bezier(0.22, 1, 0.36, 1);
      }

      .acmEditorialSplitQ7__content {
          opacity: 0;
          transform: translateY(48px);
          transition:
              opacity 0.85s ease,
              transform 0.85s cubic-bezier(0.22, 1, 0.36, 1);
      }

      .acmEditorialSplitQ7__media--left {
          transform: translateX(-160px);
      }

      .acmEditorialSplitQ7__media--right {
          transform: translateX(160px);
      }

      .acmEditorialSplitQ7__row.is-active .acmEditorialSplitQ7__media,
      .acmEditorialSplitQ7__row.is-active .acmEditorialSplitQ7__content {
          opacity: 1;
          transform: translate(0, 0);
      }

      .acmEditorialSplitQ7__frame {
          position: relative;
          min-height: 360px;
          padding: 20px;
          border-radius: 34px;
          border: 1px solid rgba(23, 35, 61, 0.08);
          background:
              radial-gradient(circle at 100% 0%, rgba(224, 122, 47, 0.15) 0%, rgba(224, 122, 47, 0) 24%),
              linear-gradient(135deg, #fbf7f2 0%, #f1e6da 100%);
          box-shadow:
              0 26px 64px rgba(15, 22, 36, 0.10),
              inset 0 1px 0 rgba(255, 255, 255, 0.76);
          overflow: hidden;
          transform: translateY(0);
          transition:
              transform 0.45s ease,
              box-shadow 0.45s ease,
              border-color 0.45s ease;
      }

      .acmEditorialSplitQ7__frame::before {
          content: "";
          position: absolute;
          inset: 10px;
          border-radius: 26px;
          border: 1px solid rgba(255, 255, 255, 0.54);
          pointer-events: none;
      }

      .acmEditorialSplitQ7__frame:hover {
          transform: translateY(-8px);
          border-color: rgba(224, 122, 47, 0.18);
          box-shadow:
              0 34px 78px rgba(15, 22, 36, 0.14),
              0 18px 34px rgba(224, 122, 47, 0.10);
      }

      .acmEditorialSplitQ7__badge {
          position: absolute;
          top: 18px;
          left: 18px;
          z-index: 3;
          display: inline-flex;
          align-items: center;
          min-height: 34px;
          padding: 0 13px;
          border-radius: 999px;
          border: 1px solid rgba(23, 35, 61, 0.08);
          background: rgba(255, 255, 255, 0.90);
          color: #17233d;
          font-family: var(--bs-body-font-family, "Inter", Arial, Helvetica, sans-serif);
          font-size: 11px;
          font-weight: 700;
          letter-spacing: 0.02em;
          box-shadow: 0 10px 20px rgba(17, 24, 39, 0.05);
      }

      .acmEditorialSplitQ7__imageWrap {
          display: flex;
          align-items: center;
          justify-content: center;
          min-height: 300px;
          height: 100%;
          border-radius: 28px;
          overflow: hidden;
      }

      .acmEditorialSplitQ7__image {
          display: block;
          width: 100%;
          max-width: 470px;
          max-height: 285px;
          object-fit: contain;
          object-position: center;
          filter: drop-shadow(0 22px 28px rgba(18, 24, 39, 0.16));
          transform: scale(1);
          transition: transform 0.55s ease;
      }

      .acmEditorialSplitQ7__frame:hover .acmEditorialSplitQ7__image {
          transform: scale(1.035);
      }

      .acmEditorialSplitQ7__cardFooter {
          position: absolute;
          left: 18px;
          right: 18px;
          bottom: 16px;
          z-index: 3;
          display: flex;
          align-items: center;
          justify-content: space-between;
          gap: 14px;
      }

      .acmEditorialSplitQ7__footerPill {
          display: inline-flex;
          align-items: center;
          min-height: 30px;
          padding: 0 12px;
          border-radius: 999px;
          background: #121926;
          color: #ffffff;
          font-family: var(--bs-body-font-family, "Inter", Arial, Helvetica, sans-serif);
          font-size: 11px;
          font-weight: 700;
          letter-spacing: 0.01em;
          box-shadow: 0 12px 18px rgba(17, 24, 39, 0.14);
      }

      .acmEditorialSplitQ7__footerDots {
          display: inline-flex;
          align-items: center;
          gap: 7px;
      }

      .acmEditorialSplitQ7__footerDots span {
          display: block;
          width: 7px;
          height: 7px;
          border-radius: 50%;
          background: rgba(23, 35, 61, 0.16);
          transition: transform 0.35s ease, background 0.35s ease;
      }

      .acmEditorialSplitQ7__footerDots span:nth-child(1) {
          background: #e07a2f;
      }

      .acmEditorialSplitQ7__frame:hover .acmEditorialSplitQ7__footerDots span:nth-child(1) {
          transform: scale(1.24);
      }

      .acmEditorialSplitQ7__frame:hover .acmEditorialSplitQ7__footerDots span:nth-child(2),
      .acmEditorialSplitQ7__frame:hover .acmEditorialSplitQ7__footerDots span:nth-child(3) {
          background: rgba(23, 35, 61, 0.28);
      }

      .acmEditorialSplitQ7__eyebrow {
          display: inline-flex;
          align-items: center;
          min-height: 36px;
          padding: 0 15px;
          margin-bottom: 18px;
          border-radius: 999px;
          border: 1px solid rgba(23, 35, 61, 0.08);
          background: rgba(255, 255, 255, 0.82);
          color: #e07a2f;
          font-family: var(--bs-body-font-family, "Inter", Arial, Helvetica, sans-serif);
          font-size: 11px;
          font-weight: 800;
          letter-spacing: 0.12em;
          text-transform: uppercase;
          box-shadow: 0 10px 20px rgba(17, 24, 39, 0.04);
      }

      .acmEditorialSplitQ7__title {
          margin: 0;
          color: #17233d;
          font-family: var(--bs-heading-font-family);
          font-size: clamp(50px, 4.8vw, 82px);
          font-weight: 600;
          line-height: 0.90;
          letter-spacing: -0.04em;
          text-wrap: balance;
      }

      .acmEditorialSplitQ7__accent {
          color: #e07a2f;
      }

      .acmEditorialSplitQ7__text {
          max-width: 610px;
          margin: 18px 0 0;
          color: #66758d;
          font-family: var(--bs-body-font-family, "Inter", Arial, Helvetica, sans-serif);
          font-size: 17px;
          font-weight: 500;
          line-height: 1.78;
      }

      .acmEditorialSplitQ7__list {
          display: flex;
          flex-direction: column;
          gap: 15px;
          margin: 26px 0 0;
          padding: 0;
          list-style: none;
      }

      .acmEditorialSplitQ7__item {
          display: flex;
          align-items: flex-start;
          gap: 13px;
          color: #1f2d47;
          font-family: var(--bs-body-font-family, "Inter", Arial, Helvetica, sans-serif);
          font-size: 16px;
          font-weight: 500;
          line-height: 1.72;
      }

      .acmEditorialSplitQ7__item strong {
          color: #17233d;
          font-weight: 700;
      }

      .acmEditorialSplitQ7__check {
          position: relative;
          top: 3px;
          width: 22px;
          height: 22px;
          flex: 0 0 22px;
          border-radius: 50%;
          background: linear-gradient(180deg, #ed8e4d 0%, #e07a2f 100%);
          box-shadow: 0 8px 16px rgba(224, 122, 47, 0.22);
      }

      .acmEditorialSplitQ7__check::before {
          content: "";
          position: absolute;
          left: 7px;
          top: 4px;
          width: 6px;
          height: 10px;
          border-right: 2px solid #ffffff;
          border-bottom: 2px solid #ffffff;
          transform: rotate(45deg);
      }

      @media (max-width: 1199px) {
          .acmEditorialSplitQ7__row {
              gap: 44px;
          }

          .acmEditorialSplitQ7__title {
              font-size: clamp(42px, 5vw, 64px);
          }

          .acmEditorialSplitQ7__frame {
              min-height: 330px;
          }
      }

      @media (max-width: 991px) {
          .acmEditorialSplitQ7__row {
              grid-template-columns: 1fr;
              gap: 26px;
          }

          .acmEditorialSplitQ7__row+.acmEditorialSplitQ7__row {
              margin-top: 56px;
          }

          .acmEditorialSplitQ7__row--bottom .acmEditorialSplitQ7__content {
              order: 2;
          }

          .acmEditorialSplitQ7__row--bottom .acmEditorialSplitQ7__media {
              order: 1;
          }

          .acmEditorialSplitQ7__media--left,
          .acmEditorialSplitQ7__media--right {
              transform: translateY(80px);
          }

          .acmEditorialSplitQ7__row.is-active .acmEditorialSplitQ7__media--left,
          .acmEditorialSplitQ7__row.is-active .acmEditorialSplitQ7__media--right {
              transform: translateY(0);
          }
      }

      @media (max-width: 767px) {
          .acmEditorialSplitQ7 {
              padding: 64px 0;
          }

          .acmEditorialSplitQ7__inner {
              width: min(100%, calc(100% - 20px));
          }

          .acmEditorialSplitQ7__title {
              font-size: clamp(36px, 10vw, 50px);
              line-height: 0.96;
          }

          .acmEditorialSplitQ7__text {
              font-size: 15px;
              line-height: 1.72;
          }

          .acmEditorialSplitQ7__list {
              gap: 13px;
              margin-top: 22px;
          }

          .acmEditorialSplitQ7__item {
              font-size: 15px;
              line-height: 1.7;
              gap: 12px;
          }

          .acmEditorialSplitQ7__frame {
              min-height: 280px;
              padding: 16px;
              border-radius: 24px;
          }

          .acmEditorialSplitQ7__frame::before {
              inset: 8px;
              border-radius: 18px;
          }

          .acmEditorialSplitQ7__badge {
              top: 16px;
              left: 16px;
              min-height: 30px;
              padding: 0 11px;
              font-size: 10px;
          }

          .acmEditorialSplitQ7__imageWrap {
              min-height: 230px;
          }

          .acmEditorialSplitQ7__image {
              max-height: 215px;
          }

          .acmEditorialSplitQ7__cardFooter {
              left: 16px;
              right: 16px;
              bottom: 14px;
          }

          .acmEditorialSplitQ7__footerPill {
              min-height: 28px;
              padding: 0 11px;
              font-size: 10px;
          }
      }


      /* =========================================================
   ISO PARTNERSHIPS HERO
   Page: /partner-with-us/iso-partnerships/
   ========================================================= */

      .acm-iso-hero {
          position: relative;
          overflow: hidden;
          padding: 24px 0 92px;
          background:
              radial-gradient(circle at top right, rgba(18, 49, 87, 0.035), transparent 18%),
              radial-gradient(circle at bottom left, rgba(217, 106, 39, 0.045), transparent 18%),
              #F8F7F4;
      }

      .acm-iso-hero * {
          box-sizing: border-box;
      }

      .acm-iso-hero__container {
          position: relative;
          z-index: 2;
          max-width: 1320px;
      }

      .acm-iso-hero__bg {
          position: absolute;
          border-radius: 50%;
          pointer-events: none;
          filter: blur(10px);
      }

      .acm-iso-hero__bg--one {
          top: -120px;
          right: -100px;
          width: 340px;
          height: 340px;
          background: radial-gradient(circle, rgba(217, 106, 39, 0.10), transparent 68%);
      }

      .acm-iso-hero__bg--two {
          left: -120px;
          bottom: 20px;
          width: 300px;
          height: 300px;
          background: radial-gradient(circle, rgba(18, 49, 87, 0.07), transparent 70%);
      }

      .acm-iso-hero__row {
          align-items: center;
      }

      .acm-iso-hero__content {
          position: relative;
          z-index: 3;
          max-width: 100%;
      }

      .acm-iso-hero__eyebrow {
          display: inline-flex;
          align-items: center;
          gap: 10px;
          padding: 10px 16px;
          margin-bottom: 24px;
          border-radius: 999px;
          background: rgba(255, 255, 255, 0.78);
          border: 1px solid rgba(20, 27, 40, 0.08);
          color: #687284;
          font-family: var(--default-font, "Inter", sans-serif);
          font-size: 13px;
          font-weight: 700;
          letter-spacing: 0.04em;
          text-transform: uppercase;
          box-shadow: 0 8px 18px rgba(20, 27, 40, 0.04);
      }

      .acm-iso-hero__eyebrow-dot {
          width: 10px;
          height: 10px;
          border-radius: 50%;
          background: #D96C2B;
          box-shadow: 0 0 0 6px rgba(217, 106, 39, 0.12);
      }

      .acm-iso-hero__title {
          margin: 0 0 18px;
          color: #141B28;
          font-family: var(--bs-heading-font-family, "Playfair Display", serif);
          font-size: clamp(54px, 5.2vw, 82px);
          line-height: 0.93;
          letter-spacing: -0.045em;
          font-weight: 600;
          max-width: 100%;
      }

      .acm-iso-hero__title span {
          display: block;
          color: #D96C2B;
      }

      .acm-iso-hero__desc {
          max-width: 585px;
          margin-bottom: 30px;
      }

      .acm-iso-hero__desc p {
          margin: 0;
          color: #667287;
          font-family: var(--default-font, "Inter", sans-serif);
          font-size: 17px;
          line-height: 1.78;
          font-weight: 400;
      }

      .acm-iso-hero__actions {
          display: flex;
          align-items: center;
          gap: 14px;
          flex-wrap: wrap;
          margin-bottom: 28px;
      }

      .acm-iso-hero__btn {
          display: inline-flex;
          align-items: center;
          justify-content: center;
          min-height: 56px;
          padding: 0 26px;
          border-radius: 999px;
          text-decoration: none;
          font-family: var(--default-font, "Inter", sans-serif);
          font-size: 15px;
          font-weight: 700;
          transition: all 0.25s ease;
          white-space: nowrap;
      }

      .acm-iso-hero__btn--primary {
          color: #fff;
          background: linear-gradient(135deg, #D96C2B, #EF9350);
          box-shadow: 0 12px 24px rgba(217, 106, 39, 0.24);
      }

      .acm-iso-hero__btn--primary:hover {
          color: #fff;
          transform: translateY(-2px);
          box-shadow: 0 16px 30px rgba(217, 106, 39, 0.28);
      }

      .acm-iso-hero__btn--secondary {
          color: #141B28;
          background: rgba(255, 255, 255, 0.88);
          border: 1px solid rgba(20, 27, 40, 0.10);
      }

      .acm-iso-hero__btn--secondary:hover {
          color: #141B28;
          transform: translateY(-2px);
          border-color: rgba(20, 27, 40, 0.16);
      }

      .acm-iso-hero__stats {
          display: grid;
          grid-template-columns: repeat(3, minmax(0, 1fr));
          gap: 16px;
          max-width: 650px;
      }

      .acm-iso-hero__stat-card {
          padding: 18px;
          border-radius: 22px;
          background: rgba(255, 255, 255, 0.76);
          border: 1px solid rgba(20, 27, 40, 0.06);
          box-shadow: 0 12px 24px rgba(20, 27, 40, 0.05);
      }

      .acm-iso-hero__stat-card h3 {
          margin: 0 0 8px;
          color: #141B28;
          font-family: var(--default-font, "Inter", sans-serif);
          font-size: 28px;
          line-height: 1;
          font-weight: 800;
      }

      .acm-iso-hero__stat-card p {
          margin: 0;
          color: #667287;
          font-family: var(--default-font, "Inter", sans-serif);
          font-size: 13px;
          line-height: 1.6;
      }

      .acm-iso-hero__visual {
          position: relative;
          z-index: 4;
      }

      .acm-iso-hero__panel {
          position: relative;
          width: 100%;
          max-width: 650px;
          margin: 58px auto 0;
          padding: 24px;
          border-radius: 34px;
          background: linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(255, 255, 255, 0.84));
          border: 1px solid rgba(255, 255, 255, 0.86);
          box-shadow: 0 28px 70px rgba(20, 27, 40, 0.10);
          transform-style: preserve-3d;
          transform: rotateX(var(--iso-tilt-x, 0deg)) rotateY(var(--iso-tilt-y, 0deg));
          transition: transform 0.22s ease;
      }

      .acm-iso-hero__panel-top {
          display: flex;
          align-items: center;
          justify-content: space-between;
          gap: 12px;
          padding-bottom: 18px;
          border-bottom: 1px solid rgba(20, 27, 40, 0.08);
      }

      .acm-iso-hero__dots {
          display: flex;
          align-items: center;
          gap: 8px;
      }

      .acm-iso-hero__dots span {
          width: 10px;
          height: 10px;
          border-radius: 50%;
          background: rgba(20, 27, 40, 0.10);
      }

      .acm-iso-hero__dots span:nth-child(1) {
          background: rgba(217, 106, 39, 0.55);
      }

      .acm-iso-hero__dots span:nth-child(2) {
          background: rgba(155, 207, 149, 0.65);
      }

      .acm-iso-hero__badge {
          padding: 8px 14px;
          border-radius: 999px;
          background: rgba(217, 106, 39, 0.10);
          color: #BE581B;
          font-family: var(--default-font, "Inter", sans-serif);
          font-size: 12px;
          font-weight: 700;
      }

      .acm-iso-hero__status {
          padding: 6px 10px;
          border-radius: 999px;
          background: rgba(155, 207, 149, 0.18);
          color: #5E8B58;
          font-family: var(--default-font, "Inter", sans-serif);
          font-size: 11px;
          font-weight: 700;
      }

      .acm-iso-hero__panel-body {
          margin-top: 20px;
      }

      .acm-iso-hero__workspace {
          position: relative;
          min-height: 330px;
          padding: 18px;
          border-radius: 28px;
          background: linear-gradient(180deg, rgba(238, 243, 239, 0.95), rgba(247, 249, 247, 0.88));
          border: 1px solid rgba(20, 27, 40, 0.06);
          overflow: hidden;
      }

      .acm-iso-hero__workspace-grid {
          position: absolute;
          inset: 0;
          background:
              linear-gradient(rgba(20, 27, 40, 0.045) 1px, transparent 1px),
              linear-gradient(90deg, rgba(20, 27, 40, 0.04) 1px, transparent 1px);
          background-size: 100% 54px, 64px 100%;
          opacity: 0.22;
          pointer-events: none;
      }

      .acm-iso-hero__device {
          position: absolute;
          left: 48px;
          bottom: 56px;
          width: 112px;
          padding: 14px 12px 16px;
          border-radius: 28px;
          background: #1B3B69;
          box-shadow: 0 20px 34px rgba(20, 27, 40, 0.14);
      }

      .acm-iso-hero__device-screen {
          height: 82px;
          margin-bottom: 14px;
          border-radius: 16px;
          background: #DFF0E6;
          position: relative;
      }

      .acm-iso-hero__signal {
          position: absolute;
          border: 6px solid transparent;
          border-top-color: #1A2942;
          border-right-color: #1A2942;
          border-radius: 50%;
          transform: rotate(-45deg);
      }

      .acm-iso-hero__signal--one {
          width: 20px;
          height: 20px;
          top: 32px;
          left: 42px;
      }

      .acm-iso-hero__signal--two {
          width: 34px;
          height: 34px;
          top: 25px;
          left: 35px;
      }

      .acm-iso-hero__signal--three {
          width: 48px;
          height: 48px;
          top: 18px;
          left: 28px;
      }

      .acm-iso-hero__device-keypad {
          display: grid;
          grid-template-columns: repeat(3, 1fr);
          gap: 8px;
      }

      .acm-iso-hero__device-keypad span {
          display: block;
          height: 14px;
          border-radius: 4px;
          background: #A7B8CB;
      }

      .acm-iso-hero__device-keypad span.is-accent {
          background: #D96C2B;
      }

      .acm-iso-hero__pipeline {
          position: absolute;
          top: 34px;
          right: 76px;
          width: 180px;
          height: 120px;
      }

      .acm-iso-hero__pipeline-icon {
          position: absolute;
          background: rgba(255, 255, 255, 0.92);
          box-shadow: 0 12px 24px rgba(20, 27, 40, 0.08);
      }

      .acm-iso-hero__pipeline-icon--link {
          left: 0;
          top: 22px;
          width: 62px;
          height: 62px;
          border-radius: 18px;
      }

      .acm-iso-hero__pipeline-icon--link::before,
      .acm-iso-hero__pipeline-icon--link::after {
          content: "";
          position: absolute;
          width: 18px;
          height: 30px;
          border: 5px solid #1A2942;
          border-radius: 16px;
          top: 15px;
      }

      .acm-iso-hero__pipeline-icon--link::before {
          left: 13px;
          transform: rotate(45deg);
      }

      .acm-iso-hero__pipeline-icon--link::after {
          right: 13px;
          transform: rotate(45deg);
      }

      .acm-iso-hero__pipeline-icon--globe {
          right: 0;
          top: 0;
          width: 76px;
          height: 76px;
          border-radius: 50%;
      }

      .acm-iso-hero__pipeline-icon--globe::before,
      .acm-iso-hero__pipeline-icon--globe::after {
          content: "";
          position: absolute;
          inset: 14px;
          border: 5px solid #1A2942;
          border-radius: 50%;
      }

      .acm-iso-hero__pipeline-icon--globe::after {
          inset: 6px 28px;
          border-width: 0 5px;
          border-radius: 0;
      }

      .acm-iso-hero__pipeline-flow {
          position: absolute;
          left: 28px;
          top: 66px;
          width: 126px;
          display: flex;
          align-items: center;
          gap: 10px;
      }

      .acm-iso-hero__pipeline-flow span {
          display: block;
          height: 6px;
          border-radius: 999px;
          background: rgba(217, 106, 39, 0.26);
      }

      .acm-iso-hero__pipeline-flow span:nth-child(1) {
          width: 24px;
      }

      .acm-iso-hero__pipeline-flow span:nth-child(2) {
          width: 38px;
          background: rgba(217, 106, 39, 0.42);
      }

      .acm-iso-hero__pipeline-flow span:nth-child(3) {
          width: 56px;
          background: rgba(217, 106, 39, 0.62);
      }

      .acm-iso-hero__pipeline-handshake {
          position: absolute;
          left: 58px;
          top: 50px;
          width: 72px;
          height: 42px;
          transform: rotate(-7deg);
      }

      .acm-iso-hero__pipeline-handshake::before,
      .acm-iso-hero__pipeline-handshake::after {
          content: "";
          position: absolute;
          width: 42px;
          height: 26px;
          background: #D96C2B;
          border-radius: 10px;
      }

      .acm-iso-hero__pipeline-handshake::before {
          left: 0;
          top: 0;
          transform: skewX(-24deg);
      }

      .acm-iso-hero__pipeline-handshake::after {
          right: 0;
          top: 0;
          transform: skewX(24deg);
      }

      .acm-iso-hero__laptop {
          position: absolute;
          right: 44px;
          bottom: 42px;
          width: 260px;
      }

      .acm-iso-hero__laptop-screen {
          position: relative;
          height: 146px;
          padding: 18px 18px 14px;
          border-radius: 22px 22px 12px 12px;
          background: #1A2942;
          box-shadow: 0 20px 34px rgba(20, 27, 40, 0.14);
      }

      .acm-iso-hero__laptop-screen::before {
          content: "";
          position: absolute;
          inset: 12px;
          border-radius: 14px;
          background: #ffffff;
      }

      .acm-iso-hero__chart,
      .acm-iso-hero__line,
      .acm-iso-hero__check {
          position: relative;
          z-index: 2;
      }

      .acm-iso-hero__chart {
          position: absolute;
          left: 28px;
          bottom: 28px;
          display: flex;
          align-items: flex-end;
          gap: 10px;
      }

      .acm-iso-hero__chart .bar {
          display: block;
          width: 18px;
          border-radius: 6px 6px 0 0;
      }

      .acm-iso-hero__chart .bar--1 {
          height: 22px;
          background: rgba(217, 106, 39, 0.75);
      }

      .acm-iso-hero__chart .bar--2 {
          height: 38px;
          background: rgba(26, 41, 66, 0.86);
      }

      .acm-iso-hero__chart .bar--3 {
          height: 54px;
          background: rgba(217, 106, 39, 0.84);
      }

      .acm-iso-hero__chart .bar--4 {
          height: 74px;
          background: rgba(26, 41, 66, 0.96);
      }

      .acm-iso-hero__line {
          position: absolute;
          right: 24px;
          top: 22px;
          width: 132px;
          height: 54px;
      }

      .acm-iso-hero__check {
          position: absolute;
          right: 24px;
          top: 72px;
          width: 42px;
          height: 42px;
          border-radius: 50%;
          background: #1A2942;
      }

      .acm-iso-hero__check::before {
          content: "";
          position: absolute;
          left: 11px;
          top: 12px;
          width: 17px;
          height: 10px;
          border-left: 4px solid #DFF0E6;
          border-bottom: 4px solid #DFF0E6;
          transform: rotate(-45deg);
      }

      .acm-iso-hero__laptop-base {
          width: 100%;
          height: 22px;
          border-radius: 0 0 32px 32px;
          background: linear-gradient(180deg, #23436E 0%, #102746 100%);
          box-shadow: 0 16px 24px rgba(20, 27, 40, 0.10);
      }

      .acm-iso-hero__metrics {
          display: grid;
          grid-template-columns: repeat(3, minmax(0, 1fr));
          gap: 12px;
          margin-top: 14px;
      }

      .acm-iso-hero__metric {
          padding: 16px 14px;
          border-radius: 20px;
          background: rgba(255, 255, 255, 0.82);
          border: 1px solid rgba(20, 27, 40, 0.06);
          box-shadow: 0 10px 24px rgba(20, 27, 40, 0.05);
      }

      .acm-iso-hero__metric small {
          display: block;
          margin-bottom: 6px;
          color: #667287;
          font-family: var(--default-font, "Inter", sans-serif);
          font-size: 11px;
          font-weight: 700;
          text-transform: uppercase;
          letter-spacing: 0.06em;
      }

      .acm-iso-hero__metric strong {
          display: block;
          margin-bottom: 8px;
          color: #141B28;
          font-family: var(--default-font, "Inter", sans-serif);
          font-size: 30px;
          line-height: 1;
          font-weight: 800;
      }

      .acm-iso-hero__metric span {
          display: block;
          color: #667287;
          font-family: var(--default-font, "Inter", sans-serif);
          font-size: 12px;
          line-height: 1.55;
      }

      .acm-iso-hero__float {
          position: absolute;
          z-index: 8;
          width: 196px;
          padding: 16px;
          border-radius: 22px;
          background: rgba(255, 255, 255, 0.96);
          border: 1px solid rgba(255, 255, 255, 0.88);
          box-shadow: 0 18px 40px rgba(20, 27, 40, 0.12);
          transition: transform 0.22s ease;
      }

      .acm-iso-hero__float--top {
          top: 0;
          right: 18px;
      }

      .acm-iso-hero__float--left {
          left: -12px;
          top: 190px;
      }

      .acm-iso-hero__float small {
          display: block;
          margin-bottom: 8px;
          color: #667287;
          font-family: var(--default-font, "Inter", sans-serif);
          font-size: 11px;
          font-weight: 700;
          text-transform: uppercase;
          letter-spacing: 0.08em;
      }

      .acm-iso-hero__float strong {
          display: block;
          margin: 6px 0;
          color: #D96C2B;
          font-family: var(--default-font, "Inter", sans-serif);
          font-size: 34px;
          line-height: 1;
          font-weight: 800;
      }

      .acm-iso-hero__float span {
          display: block;
          color: #667287;
          font-family: var(--default-font, "Inter", sans-serif);
          font-size: 12px;
          line-height: 1.5;
      }

      .acm-iso-hero__chips {
          display: flex;
          flex-wrap: wrap;
          gap: 10px;
          margin-top: 16px;
          justify-content: center;
      }

      .acm-iso-hero__chips span {
          display: inline-flex;
          align-items: center;
          min-height: 36px;
          padding: 8px 14px;
          border-radius: 999px;
          background: rgba(255, 255, 255, 0.82);
          border: 1px solid rgba(20, 27, 40, 0.08);
          color: #667287;
          font-family: var(--default-font, "Inter", sans-serif);
          font-size: 12px;
          font-weight: 600;
          box-shadow: 0 10px 20px rgba(20, 27, 40, 0.04);
      }

      /* reveal */
      .acm-iso-hero [data-iso-reveal] {
          opacity: 0;
          transition:
              opacity 0.8s ease,
              transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
      }

      .acm-iso-hero [data-iso-reveal="up"] {
          transform: translateY(34px);
      }

      .acm-iso-hero [data-iso-reveal="zoom"] {
          transform: translateY(26px) scale(0.97);
      }

      .acm-iso-hero [data-iso-reveal].is-visible {
          opacity: 1;
          transform: none;
      }

      /* ---------- TV / WIDE DESKTOP ---------- */
      @media (min-width: 1600px) {
          .acm-iso-hero {
              padding: 28px 0 110px;
          }

          .acm-iso-hero__container {
              max-width: 1440px;
          }

          .acm-iso-hero__title {
              font-size: 90px;
          }

          .acm-iso-hero__desc p {
              font-size: 18px;
          }

          .acm-iso-hero__panel {
              max-width: 700px;
          }

          .acm-iso-hero__workspace {
              min-height: 370px;
          }
      }

      /* ---------- DESKTOP / LARGE LAPTOP ---------- */
      @media (min-width: 1200px) and (max-width: 1599.98px) {
          .acm-iso-hero__title {
              font-size: clamp(58px, 5vw, 80px);
          }
      }

      /* ---------- LAPTOP ---------- */
      @media (min-width: 992px) and (max-width: 1199.98px) {
          .acm-iso-hero {
              padding: 18px 0 78px;
          }

          .acm-iso-hero__title {
              font-size: 60px;
          }

          .acm-iso-hero__desc p {
              font-size: 16px;
          }

          .acm-iso-hero__stats {
              gap: 12px;
          }

          .acm-iso-hero__stat-card {
              padding: 16px;
          }

          .acm-iso-hero__panel {
              padding: 20px;
              border-radius: 30px;
          }

          .acm-iso-hero__workspace {
              min-height: 300px;
          }

          .acm-iso-hero__device {
              left: 34px;
              bottom: 48px;
              transform: scale(0.92);
              transform-origin: left bottom;
          }

          .acm-iso-hero__pipeline {
              right: 44px;
              transform: scale(0.92);
              transform-origin: top right;
          }

          .acm-iso-hero__laptop {
              right: 26px;
              bottom: 34px;
              transform: scale(0.92);
              transform-origin: right bottom;
          }

          .acm-iso-hero__float {
              width: 176px;
          }

          .acm-iso-hero__float--left {
              left: -6px;
              top: 180px;
          }
      }

      /* ---------- TABLETS: 768px–991.98px ---------- */
      @media (min-width: 768px) and (max-width: 991.98px) {
          .acm-iso-hero {
              padding: 14px 0 68px;
          }

          .acm-iso-hero__row {
              row-gap: 34px;
          }

          .acm-iso-hero__content {
              text-align: center;
          }

          .acm-iso-hero__eyebrow,
          .acm-iso-hero__actions {
              justify-content: center;
          }

          .acm-iso-hero__title {
              font-size: 54px;
              line-height: 0.98;
          }

          .acm-iso-hero__desc {
              max-width: 760px;
              margin-left: auto;
              margin-right: auto;
          }

          .acm-iso-hero__desc p {
              font-size: 16px;
          }

          .acm-iso-hero__stats {
              max-width: 760px;
              margin-left: auto;
              margin-right: auto;
          }

          .acm-iso-hero__visual {
              max-width: 760px;
              margin: 0 auto;
          }

          .acm-iso-hero__panel {
              margin-top: 24px;
          }

          .acm-iso-hero__float--top {
              top: -18px;
              right: 18px;
          }

          .acm-iso-hero__float--left {
              left: 8px;
              top: 148px;
          }
      }

      /* ---------- SMALL TABLETS: 576px–767.98px ---------- */
      @media (min-width: 576px) and (max-width: 767.98px) {
          .acm-iso-hero {
              padding: 10px 0 58px;
          }

          .ace-careers-openings__intro {
              position: relative !important;

          }

          .acm-iso-hero__row {
              row-gap: 28px;
          }

          .acm-iso-hero__content {
              text-align: center;
          }

          .acm-iso-hero__eyebrow,
          .acm-iso-hero__actions {
              justify-content: center;
          }

          .acm-iso-hero__title {
              font-size: 44px;
              line-height: 1;
          }

          .acm-iso-hero__desc {
              max-width: 100%;
              margin-left: auto;
              margin-right: auto;
              margin-bottom: 24px;
          }

          .acm-iso-hero__desc p {
              font-size: 15px;
              line-height: 1.76;
          }

          .acm-iso-hero__actions {
              gap: 12px;
          }

          .acm-iso-hero__btn {
              min-height: 50px;
              padding: 0 20px;
              font-size: 14px;
          }

          .acm-iso-hero__stats {
              grid-template-columns: 1fr;
              max-width: 560px;
              margin-left: auto;
              margin-right: auto;
              gap: 12px;
          }

          .acm-iso-hero__visual {
              max-width: 100%;
          }

          .acm-iso-hero__panel {
              margin-top: 0;
              padding: 16px;
              border-radius: 28px;
          }

          .acm-iso-hero__panel-top {
              flex-wrap: wrap;
              justify-content: center;
          }

          .acm-iso-hero__workspace {
              min-height: 280px;
              padding: 12px;
          }

          .acm-iso-hero__device {
              left: 12px;
              bottom: 28px;
              transform: scale(0.78);
              transform-origin: left bottom;
          }

          .acm-iso-hero__pipeline {
              right: 12px;
              top: 16px;
              transform: scale(0.78);
              transform-origin: top right;
          }

          .acm-iso-hero__laptop {
              right: 10px;
              bottom: 18px;
              transform: scale(0.74);
              transform-origin: right bottom;
          }

          .acm-iso-hero__metrics {
              grid-template-columns: 1fr;
          }

          .acm-iso-hero__float {
              position: static;
              width: 100%;
              margin-bottom: 10px;
          }

          .acm-iso-hero__chips {
              justify-content: center;
          }
      }

      /* ---------- LARGE PHONES: 480px–575.98px ---------- */
      @media (min-width: 480px) and (max-width: 575.98px) {
          .acm-iso-hero {
              padding: 6px 0 52px;
          }

          .ace-careers-openings__intro {
              position: relative !important;

          }

          .acm-iso-hero__row {
              row-gap: 24px;
          }

          .acm-iso-hero__content {
              text-align: center;
          }

          .acm-iso-hero__eyebrow,
          .acm-iso-hero__actions {
              justify-content: center;
          }

          .acm-iso-hero__eyebrow {
              padding: 10px 14px;
              font-size: 11px;
          }

          .acm-iso-hero__title {
              font-size: 39px;
              line-height: 1.02;
          }

          .acm-iso-hero__desc {
              margin-bottom: 22px;
          }

          .acm-iso-hero__desc p {
              font-size: 14px;
              line-height: 1.72;
          }

          .acm-iso-hero__actions {
              flex-direction: column;
              gap: 10px;
          }

          .acm-iso-hero__btn {
              width: 100%;
              min-height: 48px;
              padding: 0 16px;
              font-size: 14px;
          }

          .acm-iso-hero__stats {
              grid-template-columns: 1fr;
              gap: 10px;
          }

          .acm-iso-hero__panel {
              margin-top: 0;
              padding: 14px;
              border-radius: 24px;
          }

          .acm-iso-hero__panel-top {
              flex-wrap: wrap;
              justify-content: center;
              gap: 10px;
          }

          .acm-iso-hero__badge,
          .acm-iso-hero__status {
              font-size: 10px;
          }

          .acm-iso-hero__workspace {
              min-height: 250px;
              padding: 10px;
              border-radius: 22px;
          }

          .acm-iso-hero__device {
              left: 4px;
              bottom: 16px;
              transform: scale(0.64);
              transform-origin: left bottom;
          }

          .acm-iso-hero__pipeline {
              right: 2px;
              top: 8px;
              transform: scale(0.62);
              transform-origin: top right;
          }

          .acm-iso-hero__laptop {
              right: 2px;
              bottom: 10px;
              transform: scale(0.61);
              transform-origin: right bottom;
          }

          .acm-iso-hero__metrics {
              grid-template-columns: 1fr;
              gap: 10px;
          }

          .acm-iso-hero__metric strong {
              font-size: 26px;
          }

          .acm-iso-hero__float {
              position: static;
              width: 100%;
              margin-bottom: 10px;
              padding: 14px;
          }

          .acm-iso-hero__chips {
              gap: 8px;
          }
      }

      /* ---------- PHONES: 375px–479.98px ---------- */
      @media (min-width: 375px) and (max-width: 479.98px) {
          .acm-iso-hero {
              padding: 4px 0 48px;
          }

          .ace-careers-openings__intro {
              position: relative !important;

          }

          .acm-iso-hero__row {
              row-gap: 22px;
          }

          .acm-iso-hero__content {
              text-align: center;
          }

          .acm-iso-hero__eyebrow,
          .acm-iso-hero__actions {
              justify-content: center;
          }

          .acm-iso-hero__eyebrow {
              padding: 9px 13px;
              font-size: 10px;
              gap: 8px;
          }

          .acm-iso-hero__title {
              font-size: 34px;
              line-height: 1.04;
          }

          .acm-iso-hero__desc {
              margin-bottom: 22px;
          }

          .acm-iso-hero__desc p {
              font-size: 14px;
              line-height: 1.72;
          }

          .acm-iso-hero__actions {
              flex-direction: column;
              gap: 10px;
          }

          .acm-iso-hero__btn {
              width: 100%;
              min-height: 46px;
              padding: 0 16px;
              font-size: 14px;
          }

          .acm-iso-hero__stats {
              grid-template-columns: 1fr;
              gap: 10px;
          }

          .acm-iso-hero__stat-card {
              padding: 16px;
              border-radius: 18px;
          }

          .acm-iso-hero__stat-card h3 {
              font-size: 24px;
          }

          .acm-iso-hero__panel {
              margin-top: 0;
              padding: 12px;
              border-radius: 22px;
          }

          .acm-iso-hero__panel-top {
              flex-wrap: wrap;
              justify-content: center;
              gap: 9px;
          }

          .acm-iso-hero__badge,
          .acm-iso-hero__status {
              font-size: 9px;
              padding: 7px 10px;
          }

          .acm-iso-hero__workspace {
              min-height: 220px;
              padding: 8px;
              border-radius: 20px;
          }

          .acm-iso-hero__device {
              left: 0;
              bottom: 10px;
              transform: scale(0.50);
              transform-origin: left bottom;
          }

          .acm-iso-hero__pipeline {
              right: -8px;
              top: 0;
              transform: scale(0.50);
              transform-origin: top right;
          }

          .acm-iso-hero__laptop {
              right: -6px;
              bottom: 4px;
              transform: scale(0.50);
              transform-origin: right bottom;
          }

          .acm-iso-hero__metrics {
              grid-template-columns: 1fr;
              gap: 9px;
              margin-top: 10px;
          }

          .acm-iso-hero__metric {
              padding: 14px 12px;
              border-radius: 16px;
          }

          .acm-iso-hero__metric strong {
              font-size: 24px;
          }

          .acm-iso-hero__float {
              position: static;
              width: 100%;
              margin-bottom: 9px;
              padding: 13px;
              border-radius: 18px;
          }

          .acm-iso-hero__float strong {
              font-size: 24px;
          }

          .acm-iso-hero__chips {
              gap: 8px;
          }

          .acm-iso-hero__chips span {
              font-size: 11px;
          }
      }

      /* ---------- SMALL PHONES: 320px–374.98px ---------- */
      @media (min-width: 320px) and (max-width: 374.98px) {
          .acm-iso-hero {
              padding: 0 0 44px;
          }

          .ace-careers-openings__intro {
              position: relative !important;

          }

          .acm-iso-hero__row {
              row-gap: 20px;
          }

          .acm-iso-hero__content {
              text-align: center;
          }

          .acm-iso-hero__eyebrow,
          .acm-iso-hero__actions {
              justify-content: center;
          }

          .acm-iso-hero__eyebrow {
              padding: 8px 12px;
              font-size: 9px;
              gap: 8px;
              margin-bottom: 18px;
          }

          .acm-iso-hero__eyebrow-dot {
              width: 8px;
              height: 8px;
          }

          .acm-iso-hero__title {
              font-size: 29px;
              line-height: 1.08;
              margin-bottom: 14px;
          }

          .acm-iso-hero__desc {
              margin-bottom: 20px;
          }

          .acm-iso-hero__desc p {
              font-size: 13px;
              line-height: 1.70;
          }

          .acm-iso-hero__actions {
              flex-direction: column;
              gap: 9px;
          }

          .acm-iso-hero__btn {
              width: 100%;
              min-height: 44px;
              padding: 0 14px;
              font-size: 13px;
          }

          .acm-iso-hero__stats {
              grid-template-columns: 1fr;
              gap: 9px;
          }

          .acm-iso-hero__stat-card {
              padding: 14px;
              border-radius: 16px;
          }

          .acm-iso-hero__stat-card h3 {
              font-size: 22px;
          }

          .acm-iso-hero__stat-card p {
              font-size: 12px;
          }

          .acm-iso-hero__panel {
              margin-top: 0;
              padding: 10px;
              border-radius: 20px;
          }

          .acm-iso-hero__panel-top {
              flex-wrap: wrap;
              justify-content: center;
              gap: 8px;
              padding-bottom: 14px;
          }

          .acm-iso-hero__badge,
          .acm-iso-hero__status {
              font-size: 8px;
              padding: 7px 9px;
          }

          .acm-iso-hero__workspace {
              min-height: 196px;
              padding: 8px;
              border-radius: 18px;
          }

          .acm-iso-hero__device {
              left: -6px;
              bottom: 6px;
              transform: scale(0.42);
              transform-origin: left bottom;
          }

          .acm-iso-hero__pipeline {
              right: -18px;
              top: -6px;
              transform: scale(0.42);
              transform-origin: top right;
          }

          .acm-iso-hero__laptop {
              right: -16px;
              bottom: -2px;
              transform: scale(0.42);
              transform-origin: right bottom;
          }

          .acm-iso-hero__metrics {
              grid-template-columns: 1fr;
              gap: 8px;
              margin-top: 8px;
          }

          .acm-iso-hero__metric {
              padding: 13px 11px;
              border-radius: 14px;
          }

          .acm-iso-hero__metric strong {
              font-size: 22px;
          }

          .acm-iso-hero__metric span {
              font-size: 11px;
          }

          .acm-iso-hero__float {
              position: static;
              width: 100%;
              margin-bottom: 8px;
              padding: 12px;
              border-radius: 16px;
          }

          .acm-iso-hero__float small {
              font-size: 10px;
          }

          .acm-iso-hero__float strong {
              font-size: 22px;
          }

          .acm-iso-hero__float span {
              font-size: 11px;
          }

          .acm-iso-hero__chips {
              gap: 7px;
          }

          .acm-iso-hero__chips span {
              font-size: 10px;
              padding: 8px 12px;
          }
      }

      /* =========================================================
   ISO PARTNERSHIPS - GROWTH BENTO SECTION
   ========================================================= */

      .acm-iso-growth-bento {
          position: relative;
          overflow: hidden;
          padding: 90px 0;
          background: #F8F7F4;
      }

      .acm-iso-growth-bento * {
          box-sizing: border-box;
      }

      .acm-iso-growth-bento__container {
          position: relative;
          z-index: 2;
          max-width: 1320px;
      }

      .acm-iso-growth-bento__bg {
          position: absolute;
          border-radius: 50%;
          pointer-events: none;
          filter: blur(80px);
          z-index: 0;
      }

      .acm-iso-growth-bento__bg--one {
          top: 90px;
          left: -140px;
          width: 320px;
          height: 320px;
          background: rgba(217, 108, 43, 0.10);
      }

      .acm-iso-growth-bento__bg--two {
          right: -120px;
          bottom: 20px;
          width: 360px;
          height: 360px;
          background: rgba(26, 41, 66, 0.08);
      }

      .acm-iso-growth-bento__top {
          margin-bottom: 28px;
      }

      .acm-iso-growth-bento__eyebrow {
          display: inline-flex;
          align-items: center;
          gap: 10px;
          min-height: 42px;
          padding: 9px 16px;
          border-radius: 999px;
          background: rgba(255, 255, 255, 0.88);
          border: 1px solid rgba(26, 41, 66, 0.08);
          color: #667287;
          font-family: var(--default-font, "Inter", sans-serif);
          font-size: 13px;
          font-weight: 700;
          letter-spacing: 0.06em;
          text-transform: uppercase;
          box-shadow: 0 10px 24px rgba(26, 41, 66, 0.05);
      }

      .acm-iso-growth-bento__eyebrow-dot {
          width: 9px;
          height: 9px;
          border-radius: 50%;
          background: #D96C2B;
          box-shadow: 0 0 0 6px rgba(217, 108, 43, 0.12);
      }

      .acm-iso-growth-bento__grid {
          display: grid;
          grid-template-columns: minmax(0, 1.02fr) minmax(0, 0.98fr);
          grid-template-areas:
              "media mini1"
              "media mini2"
              "media content";
          gap: 22px;
          align-items: stretch;
          padding: 20px 0;
      }

      .acm-iso-growth-bento__card {
          position: relative;
          min-width: 0;
          border-radius: 34px;
          border: 1px solid rgba(26, 41, 66, 0.08);
          box-shadow: 0 18px 40px rgba(26, 41, 66, 0.06);
          overflow: hidden;
      }

      .acm-iso-growth-bento__card--media {
          grid-area: media;
          height: 450px;
          background:
              radial-gradient(circle at top left, rgba(255, 255, 255, 0.72), transparent 28%),
              linear-gradient(180deg, #ece8f5 0%, #d8e7f2 52%, #c8e6f1 100%);
      }

      .acm-iso-growth-bento__card--content {
          grid-area: content;
          padding: 34px 34px 30px;
          background:
              linear-gradient(180deg, rgba(255, 255, 255, 0.92) 0%, rgba(250, 249, 246, 0.92) 100%);
      }

      .acm-iso-growth-bento__card--mini {
          padding: 24px 24px 22px;
          min-height: 210px;
      }

      .acm-iso-growth-bento__card--mini-orange {
          grid-area: mini1;
          background: linear-gradient(180deg, rgba(255, 245, 235, 0.98) 0%, rgba(255, 238, 224, 0.94) 100%);
      }

      .acm-iso-growth-bento__card--mini-blue {
          grid-area: mini2;
          background: linear-gradient(180deg, rgba(241, 246, 252, 0.98) 0%, rgba(234, 241, 248, 0.96) 100%);
      }

      .acm-iso-growth-bento__media-wrap {
          position: relative;
          width: 100%;
          height: 100%;
          min-height: 760px;
          padding: 28px;
      }

      .acm-iso-growth-bento__media-glow {
          position: absolute;
          inset: auto auto 50px 40px;
          width: 240px;
          height: 240px;
          border-radius: 50%;
          background: radial-gradient(circle, rgba(217, 108, 43, 0.16), transparent 70%);
          filter: blur(20px);
          z-index: 1;
      }

      .acm-iso-growth-bento__image {
          position: absolute;
          inset: 28px 28px 28px 28px;
          width: calc(100% - 56px);
          height: calc(100% - 56px);
          object-fit: cover;
          object-position: center;
          border-radius: 28px;
          filter: saturate(0.96) contrast(1.02);
          z-index: 2;
      }

      .acm-iso-growth-bento__media-overlay {
          position: absolute;
          inset: 28px;
          border-radius: 28px;
          background:
              linear-gradient(180deg, rgba(20, 27, 40, 0.02) 0%, rgba(20, 27, 40, 0.20) 100%);
          z-index: 3;
          pointer-events: none;
      }

      .acm-iso-growth-bento__floating {
          position: absolute;
          z-index: 4;
          width: 210px;
          padding: 16px 16px 14px;
          border-radius: 22px;
          background: rgba(255, 255, 255, 0.92);
          border: 1px solid rgba(26, 41, 66, 0.08);
          box-shadow: 0 18px 36px rgba(26, 41, 66, 0.10);
          backdrop-filter: blur(14px);
      }

      .acm-iso-growth-bento__floating--top {
          top: 36px;
          right: 36px;
      }

      .acm-iso-growth-bento__floating--bottom {
          left: 36px;
          bottom: 36px;
      }

      .acm-iso-growth-bento__floating small {
          display: block;
          margin-bottom: 7px;
          color: #667287;
          font-family: var(--default-font, "Inter", sans-serif);
          font-size: 11px;
          font-weight: 700;
          letter-spacing: 0.08em;
          text-transform: uppercase;
      }

      .acm-iso-growth-bento__floating strong {
          display: block;
          color: #1A2942;
          font-family: var(--default-font, "Inter", sans-serif);
          font-size: 24px;
          line-height: 1.05;
          font-weight: 800;
      }

      .acm-iso-growth-bento__content-badge {
          display: inline-flex;
          align-items: center;
          gap: 10px;
          min-height: 38px;
          padding: 8px 14px;
          margin-bottom: 22px;
          border-radius: 999px;
          background: rgba(217, 108, 43, 0.08);
          color: #B95619;
          font-family: var(--default-font, "Inter", sans-serif);
          font-size: 12px;
          font-weight: 700;
          letter-spacing: 0.05em;
          text-transform: uppercase;
      }

      .acm-iso-growth-bento__content-badge span:first-child {
          width: 8px;
          height: 8px;
          border-radius: 50%;
          background: #D96C2B;
      }

      .acm-iso-growth-bento__title {
          margin: 0 0 18px;
          color: #141B28;
          font-family: var(--bs-heading-font-family, "Playfair Display", serif);
          font-size: clamp(42px, 3.8vw, 62px);
          line-height: 1.02;
          letter-spacing: -0.035em;
          font-weight: 600;
      }

      .acm-iso-growth-bento__title span {
          display: block;
          color: #D96C2B;
      }

      .acm-iso-growth-bento__text {
          margin: 0;
          color: #667287;
          font-family: var(--default-font, "Inter", sans-serif);
          font-size: 17px;
          line-height: 1.82;
      }

      .acm-iso-growth-bento__actions {
          display: flex;
          align-items: center;
          gap: 14px;
          flex-wrap: wrap;
          margin-top: 28px;
      }

      .acm-iso-growth-bento__btn {
          display: inline-flex;
          align-items: center;
          justify-content: center;
          min-height: 54px;
          padding: 0 24px;
          border-radius: 999px;
          text-decoration: none;
          font-family: var(--default-font, "Inter", sans-serif);
          font-size: 15px;
          font-weight: 700;
          white-space: nowrap;
          transition: all 0.25s ease;
      }

      .acm-iso-growth-bento__btn--primary {
          color: #ffffff;
          background: linear-gradient(135deg, #D96C2B 0%, #ED8B46 100%);
          box-shadow: 0 14px 28px rgba(217, 108, 43, 0.24);
      }

      .acm-iso-growth-bento__btn--primary:hover {
          color: #ffffff;
          transform: translateY(-2px);
      }

      .acm-iso-growth-bento__btn--secondary {
          color: #1A2942;
          background: #ffffff;
          border: 1px solid rgba(26, 41, 66, 0.10);
      }

      .acm-iso-growth-bento__btn--secondary:hover {
          color: #1A2942;
          transform: translateY(-2px);
      }

      .acm-iso-growth-bento__feature-pills {
          display: flex;
          flex-wrap: wrap;
          gap: 10px;
          margin-top: 28px;
      }

      .acm-iso-growth-bento__feature-pills span {
          display: inline-flex;
          align-items: center;
          min-height: 38px;
          padding: 8px 14px;
          border-radius: 999px;
          background: rgba(255, 255, 255, 0.92);
          border: 1px solid rgba(26, 41, 66, 0.08);
          color: #667287;
          font-family: var(--default-font, "Inter", sans-serif);
          font-size: 12px;
          font-weight: 600;
      }

      .acm-iso-growth-bento__mini-icon {
          width: 58px;
          height: 58px;
          display: inline-flex;
          align-items: center;
          justify-content: center;
          margin-bottom: 18px;
          border-radius: 18px;
          background: rgba(255, 255, 255, 0.74);
          color: #1A2942;
          box-shadow: 0 10px 22px rgba(26, 41, 66, 0.06);
      }

      .acm-iso-growth-bento__mini-icon svg {
          width: 28px;
          height: 28px;
      }

      .acm-iso-growth-bento__card--mini h3 {
          margin: 0 0 12px;
          color: #141B28;
          font-family: var(--default-font, "Inter", sans-serif);
          font-size: 26px;
          line-height: 1.15;
          font-weight: 800;
      }

      .acm-iso-growth-bento__card--mini p {
          margin: 0;
          color: #667287;
          font-family: var(--default-font, "Inter", sans-serif);
          font-size: 14px;
          line-height: 1.72;
      }

      /* reveal */
      .acm-iso-growth-bento [data-iso-growth-reveal] {
          opacity: 0;
          transition:
              opacity 0.8s ease,
              transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
      }

      .acm-iso-growth-bento [data-iso-growth-reveal="up"] {
          transform: translateY(34px);
      }

      .acm-iso-growth-bento [data-iso-growth-reveal="left"] {
          transform: translateX(-34px);
      }

      .acm-iso-growth-bento [data-iso-growth-reveal="right"] {
          transform: translateX(34px);
      }

      .acm-iso-growth-bento [data-iso-growth-reveal].is-visible {
          opacity: 1;
          transform: none;
      }

      /* ---------- TV / WIDE DESKTOP ---------- */
      @media (min-width: 1600px) {
          .acm-iso-growth-bento {
              padding: 110px 0;
          }

          .acm-iso-growth-bento__container {
              max-width: 1440px;
          }

          .acm-iso-growth-bento__grid {
              gap: 24px;
          }

          .acm-iso-growth-bento__card--media,
          .acm-iso-growth-bento__media-wrap {
              min-height: 820px;
          }

          .acm-iso-growth-bento__title {
              font-size: 68px;
          }
      }

      /* ---------- DESKTOP / LARGE LAPTOP ---------- */
      @media (min-width: 1200px) and (max-width: 1599.98px) {
          .acm-iso-growth-bento__title {
              font-size: clamp(44px, 3.6vw, 60px);
          }
      }

      /* ---------- LAPTOP ---------- */
      @media (min-width: 992px) and (max-width: 1199.98px) {
          .acm-iso-growth-bento {
              padding: 78px 0;
          }

          .acm-iso-growth-bento__grid {
              gap: 18px;
          }

          .acm-iso-growth-bento__card--media,
          .acm-iso-growth-bento__media-wrap {
              min-height: 700px;
          }

          .acm-iso-growth-bento__card--content {
              padding: 28px 26px;
          }

          .acm-iso-growth-bento__title {
              font-size: 46px;
          }

          .acm-iso-growth-bento__text {
              font-size: 16px;
          }

          .acm-iso-growth-bento__card--mini h3 {
              font-size: 22px;
          }

          .acm-iso-growth-bento__floating {
              width: 184px;
          }
      }

      /* ---------- TABLETS: 768px–991.98px ---------- */
      @media (min-width: 768px) and (max-width: 991.98px) {
          .acm-iso-growth-bento {
              padding: 68px 0;
          }

          .acm-iso-growth-bento__top {
              text-align: center;
          }

          .acm-iso-growth-bento__grid {
              grid-template-columns: 1fr;
              grid-template-areas:
                  "content"
                  "media"
                  "mini1"
                  "mini2";
              gap: 18px;
          }

          .acm-iso-growth-bento__card--content {
              text-align: center;
              padding: 30px 24px 28px;
          }

          .acm-iso-growth-bento__actions,
          .acm-iso-growth-bento__feature-pills {
              justify-content: center;
          }

          .acm-iso-growth-bento__title {
              font-size: 48px;
          }

          .acm-iso-growth-bento__text {
              font-size: 16px;
          }

          .acm-iso-growth-bento__card--media,
          .acm-iso-growth-bento__media-wrap {
              min-height: 620px;
          }

          .acm-iso-growth-bento__floating--top {
              top: 24px;
              right: 24px;
          }

          .acm-iso-growth-bento__floating--bottom {
              left: 24px;
              bottom: 24px;
          }
      }

      /* ---------- SMALL TABLETS: 576px–767.98px ---------- */
      @media (min-width: 576px) and (max-width: 767.98px) {
          .acm-iso-growth-bento {
              padding: 58px 0;
          }

          .acm-iso-growth-bento__top {
              text-align: center;
          }

          .acm-iso-growth-bento__grid {
              grid-template-columns: 1fr;
              grid-template-areas:
                  "content"
                  "media"
                  "mini1"
                  "mini2";
              gap: 16px;
          }

          .acm-iso-growth-bento__card {
              border-radius: 28px;
          }

          .acm-iso-growth-bento__card--content {
              text-align: center;
              padding: 26px 18px 24px;
          }

          .acm-iso-growth-bento__content-badge,
          .acm-iso-growth-bento__actions,
          .acm-iso-growth-bento__feature-pills {
              justify-content: center;
          }

          .acm-iso-growth-bento__title {
              font-size: 40px;
              line-height: 1.04;
          }

          .acm-iso-growth-bento__text {
              font-size: 15px;
              line-height: 1.76;
          }

          .acm-iso-growth-bento__actions {
              gap: 12px;
          }

          .acm-iso-growth-bento__btn {
              min-height: 50px;
              padding: 0 18px;
              font-size: 14px;
          }

          .acm-iso-growth-bento__card--media,
          .acm-iso-growth-bento__media-wrap {
              min-height: 540px;
          }

          .acm-iso-growth-bento__media-wrap {
              padding: 16px;
          }

          .acm-iso-growth-bento__image,
          .acm-iso-growth-bento__media-overlay {
              inset: 16px;
              width: calc(100% - 32px);
              height: calc(100% - 32px);
              border-radius: 22px;
          }

          .acm-iso-growth-bento__floating {
              position: static;
              width: 100%;
              margin-bottom: 10px;
              border-radius: 18px;
          }

          .acm-iso-growth-bento__card--mini {
              min-height: auto;
              padding: 22px 18px;
          }

          .acm-iso-growth-bento__card--mini h3 {
              font-size: 22px;
          }
      }

      /* ---------- LARGE PHONES: 480px–575.98px ---------- */
      @media (min-width: 480px) and (max-width: 575.98px) {
          .acm-iso-growth-bento {
              padding: 52px 0;
          }

          .acm-iso-growth-bento__top {
              text-align: center;
              margin-bottom: 22px;
          }

          .acm-iso-growth-bento__grid {
              grid-template-columns: 1fr;
              grid-template-areas:
                  "content"
                  "media"
                  "mini1"
                  "mini2";
              gap: 14px;
          }

          .acm-iso-growth-bento__card {
              border-radius: 24px;
          }

          .acm-iso-growth-bento__card--content {
              text-align: center;
              padding: 24px 16px 22px;
          }

          .acm-iso-growth-bento__content-badge,
          .acm-iso-growth-bento__actions,
          .acm-iso-growth-bento__feature-pills {
              justify-content: center;
          }

          .acm-iso-growth-bento__title {
              font-size: 36px;
              line-height: 1.05;
          }

          .acm-iso-growth-bento__text {
              font-size: 14px;
              line-height: 1.72;
          }

          .acm-iso-growth-bento__actions {
              flex-direction: column;
              gap: 10px;
          }

          .acm-iso-growth-bento__btn {
              width: 100%;
              min-height: 48px;
              padding: 0 16px;
              font-size: 14px;
          }

          .acm-iso-growth-bento__feature-pills {
              gap: 8px;
          }

          .acm-iso-growth-bento__card--media,
          .acm-iso-growth-bento__media-wrap {
              min-height: 470px;
          }

          .acm-iso-growth-bento__media-wrap {
              padding: 14px;
          }

          .acm-iso-growth-bento__image,
          .acm-iso-growth-bento__media-overlay {
              inset: 14px;
              width: calc(100% - 28px);
              height: calc(100% - 28px);
              border-radius: 20px;
          }

          .acm-iso-growth-bento__floating {
              position: static;
              width: 100%;
              margin-bottom: 9px;
              padding: 14px;
              border-radius: 16px;
          }

          .acm-iso-growth-bento__floating strong {
              font-size: 20px;
          }

          .acm-iso-growth-bento__card--mini {
              min-height: auto;
              padding: 20px 16px;
          }

          .acm-iso-growth-bento__mini-icon {
              width: 52px;
              height: 52px;
              margin-bottom: 16px;
          }

          .acm-iso-growth-bento__card--mini h3 {
              font-size: 20px;
          }
      }

      /* ---------- PHONES: 375px–479.98px ---------- */
      @media (min-width: 375px) and (max-width: 479.98px) {
          .acm-iso-growth-bento {
              padding: 48px 0;
          }

          .acm-iso-growth-bento__top {
              text-align: center;
              margin-bottom: 20px;
          }

          .acm-iso-growth-bento__grid {
              grid-template-columns: 1fr;
              grid-template-areas:
                  "content"
                  "media"
                  "mini1"
                  "mini2";
              gap: 12px;
          }

          .acm-iso-growth-bento__card {
              border-radius: 22px;
          }

          .acm-iso-growth-bento__card--content {
              text-align: center;
              padding: 22px 14px 20px;
          }

          .acm-iso-growth-bento__content-badge,
          .acm-iso-growth-bento__actions,
          .acm-iso-growth-bento__feature-pills {
              justify-content: center;
          }

          .acm-iso-growth-bento__content-badge {
              font-size: 10px;
              padding: 8px 12px;
          }

          .acm-iso-growth-bento__title {
              font-size: 32px;
              line-height: 1.06;
          }

          .acm-iso-growth-bento__text {
              font-size: 14px;
              line-height: 1.70;
          }

          .acm-iso-growth-bento__actions {
              flex-direction: column;
              gap: 10px;
          }

          .acm-iso-growth-bento__btn {
              width: 100%;
              min-height: 46px;
              padding: 0 16px;
              font-size: 14px;
          }

          .acm-iso-growth-bento__feature-pills {
              gap: 8px;
          }

          .acm-iso-growth-bento__feature-pills span {
              font-size: 11px;
          }

          .acm-iso-growth-bento__card--media,
          .acm-iso-growth-bento__media-wrap {
              min-height: 420px;
          }

          .acm-iso-growth-bento__media-wrap {
              padding: 12px;
          }

          .acm-iso-growth-bento__image,
          .acm-iso-growth-bento__media-overlay {
              inset: 12px;
              width: calc(100% - 24px);
              height: calc(100% - 24px);
              border-radius: 18px;
          }

          .acm-iso-growth-bento__floating {
              position: static;
              width: 100%;
              margin-bottom: 8px;
              padding: 13px;
              border-radius: 16px;
          }

          .acm-iso-growth-bento__floating strong {
              font-size: 18px;
          }

          .acm-iso-growth-bento__card--mini {
              min-height: auto;
              padding: 18px 14px;
          }

          .acm-iso-growth-bento__mini-icon {
              width: 48px;
              height: 48px;
              margin-bottom: 14px;
          }

          .acm-iso-growth-bento__mini-icon svg {
              width: 24px;
              height: 24px;
          }

          .acm-iso-growth-bento__card--mini h3 {
              font-size: 18px;
          }

          .acm-iso-growth-bento__card--mini p {
              font-size: 13px;
          }
      }

      /* ---------- SMALL PHONES: 320px–374.98px ---------- */
      @media (min-width: 320px) and (max-width: 374.98px) {
          .acm-iso-growth-bento {
              padding: 44px 0;
          }

          .acm-iso-growth-bento__top {
              text-align: center;
              margin-bottom: 18px;
          }

          .acm-iso-growth-bento__grid {
              grid-template-columns: 1fr;
              grid-template-areas:
                  "content"
                  "media"
                  "mini1"
                  "mini2";
              gap: 12px;
          }

          .acm-iso-growth-bento__card {
              border-radius: 20px;
          }

          .acm-iso-growth-bento__card--content {
              text-align: center;
              padding: 20px 12px 18px;
          }

          .acm-iso-growth-bento__content-badge,
          .acm-iso-growth-bento__actions,
          .acm-iso-growth-bento__feature-pills {
              justify-content: center;
          }

          .acm-iso-growth-bento__content-badge {
              font-size: 9px;
              padding: 8px 10px;
              margin-bottom: 18px;
          }

          .acm-iso-growth-bento__title {
              font-size: 28px;
              line-height: 1.08;
              margin-bottom: 14px;
          }

          .acm-iso-growth-bento__text {
              font-size: 13px;
              line-height: 1.68;
          }

          .acm-iso-growth-bento__actions {
              flex-direction: column;
              gap: 9px;
              margin-top: 22px;
          }

          .acm-iso-growth-bento__btn {
              width: 100%;
              min-height: 44px;
              padding: 0 14px;
              font-size: 13px;
          }

          .acm-iso-growth-bento__feature-pills {
              gap: 7px;
              margin-top: 20px;
          }

          .acm-iso-growth-bento__feature-pills span {
              font-size: 10px;
              padding: 8px 12px;
          }

          .acm-iso-growth-bento__card--media,
          .acm-iso-growth-bento__media-wrap {
              min-height: 380px;
          }

          .acm-iso-growth-bento__media-wrap {
              padding: 10px;
          }

          .acm-iso-growth-bento__image,
          .acm-iso-growth-bento__media-overlay {
              inset: 10px;
              width: calc(100% - 20px);
              height: calc(100% - 20px);
              border-radius: 16px;
          }

          .acm-iso-growth-bento__floating {
              position: static;
              width: 100%;
              margin-bottom: 8px;
              padding: 12px;
              border-radius: 14px;
          }

          .acm-iso-growth-bento__floating small {
              font-size: 10px;
          }

          .acm-iso-growth-bento__floating strong {
              font-size: 17px;
          }

          .acm-iso-growth-bento__card--mini {
              min-height: auto;
              padding: 16px 12px;
          }

          .acm-iso-growth-bento__mini-icon {
              width: 44px;
              height: 44px;
              margin-bottom: 12px;
              border-radius: 14px;
          }

          .acm-iso-growth-bento__mini-icon svg {
              width: 22px;
              height: 22px;
          }

          .acm-iso-growth-bento__card--mini h3 {
              font-size: 17px;
              margin-bottom: 10px;
          }

          .acm-iso-growth-bento__card--mini p {
              font-size: 12px;
              line-height: 1.66;
          }
      }

      /* =========================================================
   ISO PARTNERSHIPS - BENEFITS GRID
   ========================================================= */

      .acm-iso-benefits {
          position: relative;
          overflow: hidden;
          padding: 96px 0 102px;
          background:
              radial-gradient(circle at 10% 14%, rgba(255, 255, 255, 0.72) 0%, rgba(255, 255, 255, 0) 28%),
              radial-gradient(circle at 90% 12%, rgba(217, 108, 43, 0.06) 0%, rgba(217, 108, 43, 0) 22%),
              linear-gradient(180deg, #effaf7 0%, #ecf8f5 100%);
      }

      .acm-iso-benefits * {
          box-sizing: border-box;
      }

      .acm-iso-benefits__container {
          position: relative;
          z-index: 2;
          max-width: 1320px;
      }

      .acm-iso-benefits__bg {
          position: absolute;
          border-radius: 50%;
          filter: blur(80px);
          pointer-events: none;
          z-index: 0;
      }

      .acm-iso-benefits__bg--one {
          left: -110px;
          top: 90px;
          width: 300px;
          height: 300px;
          background: rgba(217, 108, 43, 0.08);
      }

      .acm-iso-benefits__bg--two {
          right: -120px;
          bottom: 80px;
          width: 340px;
          height: 340px;
          background: rgba(26, 41, 66, 0.08);
      }

      .acm-iso-benefits__intro {
          max-width: 860px;
          margin: 0 auto 34px;
          text-align: center;
      }

      .acm-iso-benefits__eyebrow {
          display: inline-flex;
          align-items: center;
          gap: 10px;
          min-height: 42px;
          padding: 9px 16px;
          margin-bottom: 20px;
          border-radius: 999px;
          background: rgba(255, 255, 255, 0.88);
          border: 1px solid rgba(26, 41, 66, 0.08);
          color: #667287;
          font-family: var(--default-font, "Inter", sans-serif);
          font-size: 13px;
          font-weight: 700;
          letter-spacing: 0.06em;
          text-transform: uppercase;
          box-shadow: 0 10px 24px rgba(26, 41, 66, 0.05);
      }

      .acm-iso-benefits__eyebrow-dot {
          width: 9px;
          height: 9px;
          border-radius: 50%;
          background: #D96C2B;
          box-shadow: 0 0 0 6px rgba(217, 108, 43, 0.12);
      }

      .acm-iso-benefits__title {
          margin: 0;
          color: #141B28;
          font-family: var(--bs-heading-font-family, "Playfair Display", serif);
          font-size: clamp(42px, 3.9vw, 64px);
          line-height: 1.02;
          letter-spacing: -0.035em;
          font-weight: 600;
      }

      .acm-iso-benefits__title span {
          color: #D96C2B;
      }

      .acm-iso-benefits__text {
          max-width: 760px;
          margin: 16px auto 0;
          color: #667287;
          font-family: var(--default-font, "Inter", sans-serif);
          font-size: 17px;
          line-height: 1.82;
      }

      .acm-iso-benefits__grid {
          display: grid;
          grid-template-columns: repeat(12, minmax(0, 1fr));
          gap: 22px;
      }

      .acm-iso-benefits__card {
          position: relative;
          min-width: 0;
          min-height: 280px;
          padding: 28px 28px 24px;
          border-radius: 30px;
          border: 1px solid rgba(26, 41, 66, 0.08);
          box-shadow: 0 16px 34px rgba(26, 41, 66, 0.08);
          overflow: hidden;
          transition:
              transform 0.28s ease,
              box-shadow 0.28s ease,
              border-color 0.28s ease;
          will-change: transform;
      }

      .acm-iso-benefits__card::before {
          content: "";
          position: absolute;
          inset: 0;
          background:
              linear-gradient(120deg, rgba(255, 255, 255, 0) 18%, rgba(255, 255, 255, 0.42) 50%, rgba(255, 255, 255, 0) 82%);
          transform: translateX(-130%);
          transition: transform 0.75s ease;
          pointer-events: none;
      }

      .acm-iso-benefits__card::after {
          content: "";
          position: absolute;
          left: 28px;
          bottom: 0;
          width: calc(100% - 56px);
          height: 4px;
          border-radius: 999px;
          background: linear-gradient(90deg, rgba(217, 108, 43, 0.88), rgba(26, 41, 66, 0.18));
          transform: scaleX(0.16);
          transform-origin: left center;
          transition: transform 0.3s ease;
          opacity: 0.92;
      }

      .acm-iso-benefits__card:hover {
          transform: translateY(-8px);
          box-shadow: 0 26px 46px rgba(26, 41, 66, 0.11);
          border-color: rgba(26, 41, 66, 0.12);
      }

      .acm-iso-benefits__card:hover::before {
          transform: translateX(130%);
      }

      .acm-iso-benefits__card:hover::after {
          transform: scaleX(1);
      }

      .acm-iso-benefits__card:nth-child(1),
      .acm-iso-benefits__card:nth-child(2),
      .acm-iso-benefits__card:nth-child(3),
      .acm-iso-benefits__card:nth-child(4),
      .acm-iso-benefits__card:nth-child(5),
      .acm-iso-benefits__card:nth-child(6) {
          grid-column: span 4;
      }

      .acm-iso-benefits__card--mint {
          background: linear-gradient(180deg, #e4f3e7 0%, #ddefdf 100%);
      }

      .acm-iso-benefits__card--blue {
          background: linear-gradient(180deg, #e5eef9 0%, #dfe9f5 100%);
      }

      .acm-iso-benefits__card--peach {
          background: linear-gradient(180deg, #f8ead8 0%, #f6e2cd 100%);
      }

      .acm-iso-benefits__card--lavender {
          background: linear-gradient(180deg, #ece8f8 0%, #e4dff2 100%);
      }

      .acm-iso-benefits__card--butter {
          background: linear-gradient(180deg, #f8f1d8 0%, #f4edcf 100%);
      }

      .acm-iso-benefits__card--blush {
          background: linear-gradient(180deg, #f4e2f2 0%, #efd8ec 100%);
      }

      .acm-iso-benefits__card-top {
          display: flex;
          align-items: flex-start;
          justify-content: space-between;
          gap: 14px;
          margin-bottom: 22px;
      }

      .acm-iso-benefits__icon {
          width: 58px;
          height: 58px;
          display: inline-flex;
          align-items: center;
          justify-content: center;
          border-radius: 18px;
          background: #e07a2f8f;
          color: #ffffff;
          box-shadow: 0 14px 24px rgba(14, 86, 99, 0.18);
          transition:
              transform 0.28s ease,
              background 0.28s ease,
              box-shadow 0.28s ease;
      }

      .acm-iso-benefits__card:hover .acm-iso-benefits__icon {
          transform: translateY(-4px) rotate(-6deg) scale(1.04);
          background: #0b4d58;
          box-shadow: 0 18px 30px rgba(14, 86, 99, 0.22);
      }

      .acm-iso-benefits__icon i {
          font-size: 24px;
          line-height: 1;
      }

      .acm-iso-benefits__pill {
          display: inline-flex;
          align-items: center;
          min-height: 34px;
          padding: 8px 12px;
          border-radius: 999px;
          background: rgba(255, 255, 255, 0.58);
          border: 1px solid rgba(26, 41, 66, 0.08);
          color: #5c6678;
          font-family: var(--default-font, "Inter", sans-serif);
          font-size: 11px;
          font-weight: 700;
          letter-spacing: 0.06em;
          text-transform: uppercase;
          white-space: nowrap;
      }

      .acm-iso-benefits__card-title {
          margin: 0 0 14px;
          color: #141B28;
          font-family: var(--default-font, "Inter", sans-serif);
          font-size: 34px;
          line-height: 1.14;
          font-weight: 800;
          letter-spacing: -0.03em;
          max-width: 92%;
      }

      .acm-iso-benefits__card-text {
          margin: 0;
          color: #516071;
          font-family: var(--default-font, "Inter", sans-serif);
          font-size: 15px;
          line-height: 1.8;
          max-width: 96%;
      }

      .acm-iso-benefits__card-meta {
          display: flex;
          flex-wrap: wrap;
          gap: 10px;
          margin-top: 22px;
      }

      .acm-iso-benefits__card-meta span {
          display: inline-flex;
          align-items: center;
          min-height: 34px;
          padding: 8px 12px;
          border-radius: 999px;
          background: rgba(255, 255, 255, 0.66);
          border: 1px solid rgba(26, 41, 66, 0.08);
          color: #445164;
          font-family: var(--default-font, "Inter", sans-serif);
          font-size: 12px;
          font-weight: 600;
          white-space: nowrap;
      }

      /* reveal */
      .acm-iso-benefits [data-iso-benefit-reveal] {
          opacity: 0;
          transition:
              opacity 0.8s ease,
              transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
      }

      .acm-iso-benefits [data-iso-benefit-reveal="up"] {
          transform: translateY(34px);
      }

      .acm-iso-benefits [data-iso-benefit-reveal].is-visible {
          opacity: 1;
          transform: none;
      }

      /* ---------- LARGE TV / WIDE DESKTOP ---------- */
      @media (min-width: 1600px) {
          .acm-iso-benefits {
              padding: 110px 0 118px;
          }

          .acm-iso-benefits__container {
              max-width: 1440px;
          }

          .acm-iso-benefits__grid {
              gap: 24px;
          }

          .acm-iso-benefits__card {
              min-height: 300px;
              padding: 30px 30px 26px;
          }

          .acm-iso-benefits__card-title {
              font-size: 38px;
          }
      }

      /* ---------- DESKTOP / LARGE LAPTOP ---------- */
      @media (min-width: 1200px) and (max-width: 1599.98px) {
          .acm-iso-benefits__title {
              font-size: clamp(44px, 3.8vw, 62px);
          }
      }

      /* ---------- LAPTOP ---------- */
      @media (min-width: 992px) and (max-width: 1199.98px) {
          .acm-iso-benefits {
              padding: 82px 0 88px;
          }

          .acm-iso-benefits__grid {
              gap: 18px;
          }

          .acm-iso-benefits__card {
              min-height: 260px;
              padding: 24px 22px 22px;
              border-radius: 26px;
          }

          .acm-iso-benefits__card-title {
              font-size: 28px;
              max-width: 100%;
          }

          .acm-iso-benefits__card-text {
              font-size: 14px;
          }

          .acm-iso-benefits__pill {
              font-size: 10px;
          }
      }

      /* ---------- TABLETS: 768px–991.98px ---------- */
      @media (min-width: 768px) and (max-width: 991.98px) {
          .acm-iso-benefits {
              padding: 70px 0 76px;
          }

          .acm-iso-benefits__intro {
              margin-bottom: 28px;
          }

          .acm-iso-benefits__title {
              font-size: 48px;
              line-height: 1.04;
          }

          .acm-iso-benefits__text {
              font-size: 16px;
          }

          .acm-iso-benefits__grid {
              gap: 16px;
          }

          .acm-iso-benefits__card:nth-child(1),
          .acm-iso-benefits__card:nth-child(2),
          .acm-iso-benefits__card:nth-child(3),
          .acm-iso-benefits__card:nth-child(4),
          .acm-iso-benefits__card:nth-child(5),
          .acm-iso-benefits__card:nth-child(6) {
              grid-column: span 6;
          }

          .acm-iso-benefits__card {
              min-height: 240px;
              padding: 22px 20px 20px;
              border-radius: 24px;
          }

          .acm-iso-benefits__card-title {
              font-size: 26px;
              max-width: 100%;
          }

          .acm-iso-benefits__card-text {
              font-size: 14px;
          }
      }

      /* ---------- SMALL TABLETS: 576px–767.98px ---------- */
      @media (min-width: 576px) and (max-width: 767.98px) {
          .acm-iso-benefits {
              padding: 60px 0 66px;
          }

          .acm-iso-benefits__intro {
              margin-bottom: 24px;
          }

          .acm-iso-benefits__title {
              font-size: 40px;
              line-height: 1.06;
          }

          .acm-iso-benefits__text {
              font-size: 15px;
              line-height: 1.76;
          }

          .acm-iso-benefits__grid {
              gap: 14px;
          }

          .acm-iso-benefits__card:nth-child(1),
          .acm-iso-benefits__card:nth-child(2),
          .acm-iso-benefits__card:nth-child(3),
          .acm-iso-benefits__card:nth-child(4),
          .acm-iso-benefits__card:nth-child(5),
          .acm-iso-benefits__card:nth-child(6) {
              grid-column: span 12;
          }

          .acm-iso-benefits__card {
              min-height: auto;
              padding: 22px 18px 18px;
              border-radius: 22px;
          }

          .acm-iso-benefits__card-top {
              margin-bottom: 18px;
          }

          .acm-iso-benefits__card-title {
              font-size: 24px;
              max-width: 100%;
          }

          .acm-iso-benefits__card-text {
              font-size: 14px;
              line-height: 1.72;
              max-width: 100%;
          }

          .acm-iso-benefits__card-meta {
              margin-top: 18px;
          }
      }

      /* ---------- LARGE PHONES: 480px–575.98px ---------- */
      @media (min-width: 480px) and (max-width: 575.98px) {
          .acm-iso-benefits {
              padding: 54px 0 58px;
          }

          .acm-iso-benefits__intro {
              margin-bottom: 22px;
          }

          .acm-iso-benefits__title {
              font-size: 36px;
              line-height: 1.08;
          }

          .acm-iso-benefits__text {
              font-size: 14px;
              line-height: 1.72;
          }

          .acm-iso-benefits__grid {
              gap: 12px;
          }

          .acm-iso-benefits__card:nth-child(1),
          .acm-iso-benefits__card:nth-child(2),
          .acm-iso-benefits__card:nth-child(3),
          .acm-iso-benefits__card:nth-child(4),
          .acm-iso-benefits__card:nth-child(5),
          .acm-iso-benefits__card:nth-child(6) {
              grid-column: span 12;
          }

          .acm-iso-benefits__card {
              min-height: auto;
              padding: 20px 16px 16px;
              border-radius: 20px;
          }

          .acm-iso-benefits__card-top {
              flex-wrap: wrap;
              margin-bottom: 16px;
          }

          .acm-iso-benefits__icon {
              width: 54px;
              height: 54px;
              border-radius: 16px;
          }

          .acm-iso-benefits__icon i {
              font-size: 22px;
          }

          .acm-iso-benefits__card-title {
              font-size: 22px;
              max-width: 100%;
          }

          .acm-iso-benefits__card-text {
              font-size: 14px;
              line-height: 1.68;
              max-width: 100%;
          }

          .acm-iso-benefits__card-meta {
              margin-top: 16px;
              gap: 8px;
          }

          .acm-iso-benefits__card-meta span {
              font-size: 11px;
          }
      }

      /* ---------- PHONES: 375px–479.98px ---------- */
      @media (min-width: 375px) and (max-width: 479.98px) {
          .acm-iso-benefits {
              padding: 48px 0 54px;
          }

          .acm-iso-benefits__intro {
              margin-bottom: 20px;
          }

          .acm-iso-benefits__eyebrow {
              font-size: 11px;
          }

          .acm-iso-benefits__title {
              font-size: 32px;
              line-height: 1.10;
          }

          .acm-iso-benefits__text {
              font-size: 14px;
              line-height: 1.68;
          }

          .acm-iso-benefits__grid {
              gap: 12px;
          }

          .acm-iso-benefits__card:nth-child(1),
          .acm-iso-benefits__card:nth-child(2),
          .acm-iso-benefits__card:nth-child(3),
          .acm-iso-benefits__card:nth-child(4),
          .acm-iso-benefits__card:nth-child(5),
          .acm-iso-benefits__card:nth-child(6) {
              grid-column: span 12;
          }

          .acm-iso-benefits__card {
              min-height: auto;
              padding: 18px 14px 15px;
              border-radius: 18px;
          }

          .acm-iso-benefits__card-top {
              flex-wrap: wrap;
              gap: 10px;
              margin-bottom: 14px;
          }

          .acm-iso-benefits__icon {
              width: 50px;
              height: 50px;
              border-radius: 15px;
          }

          .acm-iso-benefits__icon i {
              font-size: 20px;
          }

          .acm-iso-benefits__pill {
              font-size: 10px;
              padding: 7px 10px;
          }

          .acm-iso-benefits__card-title {
              font-size: 20px;
              line-height: 1.18;
              max-width: 100%;
          }

          .acm-iso-benefits__card-text {
              font-size: 13px;
              line-height: 1.66;
              max-width: 100%;
          }

          .acm-iso-benefits__card-meta {
              margin-top: 14px;
              gap: 8px;
          }

          .acm-iso-benefits__card-meta span {
              font-size: 10px;
              padding: 7px 10px;
          }
      }

      /* ---------- SMALL PHONES: 320px–374.98px ---------- */
      @media (min-width: 320px) and (max-width: 374.98px) {
          .acm-iso-benefits {
              padding: 44px 0 50px;
          }

          .acm-iso-benefits__intro {
              margin-bottom: 18px;
          }

          .acm-iso-benefits__eyebrow {
              gap: 8px;
              min-height: 38px;
              padding: 8px 12px;
              font-size: 10px;
          }

          .acm-iso-benefits__eyebrow-dot {
              width: 8px;
              height: 8px;
          }

          .acm-iso-benefits__title {
              font-size: 28px;
              line-height: 1.12;
          }

          .acm-iso-benefits__text {
              font-size: 13px;
              line-height: 1.66;
          }

          .acm-iso-benefits__grid {
              gap: 10px;
          }

          .acm-iso-benefits__card:nth-child(1),
          .acm-iso-benefits__card:nth-child(2),
          .acm-iso-benefits__card:nth-child(3),
          .acm-iso-benefits__card:nth-child(4),
          .acm-iso-benefits__card:nth-child(5),
          .acm-iso-benefits__card:nth-child(6) {
              grid-column: span 12;
          }

          .acm-iso-benefits__card {
              min-height: auto;
              padding: 16px 12px 14px;
              border-radius: 16px;
          }

          .acm-iso-benefits__card-top {
              flex-wrap: wrap;
              gap: 8px;
              margin-bottom: 12px;
          }

          .acm-iso-benefits__icon {
              width: 46px;
              height: 46px;
              border-radius: 14px;
          }

          .acm-iso-benefits__icon i {
              font-size: 18px;
          }

          .acm-iso-benefits__pill {
              font-size: 9px;
              padding: 7px 9px;
          }

          .acm-iso-benefits__card-title {
              font-size: 18px;
              line-height: 1.18;
              max-width: 100%;
              margin-bottom: 10px;
          }

          .acm-iso-benefits__card-text {
              font-size: 12px;
              line-height: 1.64;
              max-width: 100%;
          }

          .acm-iso-benefits__card-meta {
              margin-top: 12px;
              gap: 7px;
          }

          .acm-iso-benefits__card-meta span {
              font-size: 9px;
              padding: 7px 9px;
          }
      }

      /* =========================================================
   ISO PARTNERSHIPS - CONTACT / FORM SECTION
   ========================================================= */

      .acm-iso-contact-panel {
          position: relative;
          overflow: hidden;
          padding: 98px 0 104px;
          background:
              radial-gradient(circle at 12% 10%, rgba(255, 255, 255, 0.82) 0%, rgba(255, 255, 255, 0) 26%),
              radial-gradient(circle at 88% 12%, rgba(217, 108, 43, 0.06) 0%, rgba(217, 108, 43, 0) 22%),
              #F8F7F4;
      }

      .acm-iso-contact-panel * {
          box-sizing: border-box;
      }

      .acm-iso-contact-panel__container {
          position: relative;
          z-index: 2;
          max-width: 1320px;
      }

      .acm-iso-contact-panel__bg {
          position: absolute;
          border-radius: 50%;
          filter: blur(80px);
          pointer-events: none;
          z-index: 0;
      }

      .acm-iso-contact-panel__bg--one {
          left: -120px;
          top: 140px;
          width: 320px;
          height: 320px;
          background: rgba(217, 108, 43, 0.08);
      }

      .acm-iso-contact-panel__bg--two {
          right: -120px;
          bottom: 60px;
          width: 360px;
          height: 360px;
          background: rgba(26, 41, 66, 0.08);
      }

      .acm-iso-contact-panel__shell {
          position: relative;
          padding: 28px;
          border-radius: 38px;
          background:
              linear-gradient(180deg, rgba(255, 255, 255, 0.90) 0%, rgba(252, 250, 247, 0.88) 100%);
          border: 1px solid rgba(26, 41, 66, 0.08);
          box-shadow:
              0 30px 70px rgba(26, 41, 66, 0.08),
              inset 0 1px 0 rgba(255, 255, 255, 0.92);
          backdrop-filter: blur(12px);
      }

      .acm-iso-contact-panel__shell::before {
          content: "";
          position: absolute;
          inset: 14px;
          border-radius: 28px;
          border: 1px solid rgba(26, 41, 66, 0.05);
          pointer-events: none;
      }

      .acm-iso-contact-panel__grid {
          display: grid;
          grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
          gap: 24px;
          align-items: stretch;
      }

      .acm-iso-contact-panel__content,
      .acm-iso-contact-panel__form-column {
          min-width: 0;
      }

      .acm-iso-contact-panel__content {
          position: relative;
          padding: 18px 14px 10px 14px;
      }

      .acm-iso-contact-panel__eyebrow {
          display: inline-flex;
          align-items: center;
          gap: 10px;
          min-height: 42px;
          padding: 9px 16px;
          margin-bottom: 24px;
          border-radius: 999px;
          background: rgba(255, 255, 255, 0.92);
          border: 1px solid rgba(26, 41, 66, 0.08);
          color: #667287;
          font-family: var(--default-font, "Inter", sans-serif);
          font-size: 13px;
          font-weight: 700;
          letter-spacing: 0.06em;
          text-transform: uppercase;
          box-shadow: 0 10px 24px rgba(26, 41, 66, 0.05);
      }

      .acm-iso-contact-panel__eyebrow-dot {
          width: 9px;
          height: 9px;
          border-radius: 50%;
          background: #D96C2B;
          box-shadow: 0 0 0 6px rgba(217, 108, 43, 0.12);
      }

      .acm-iso-contact-panel__title {
          margin: 0 0 18px;
          color: #141B28;
          font-family: var(--bs-heading-font-family, "Playfair Display", serif);
          font-size: clamp(42px, 3.9vw, 62px);
          line-height: 1.02;
          letter-spacing: -0.035em;
          font-weight: 600;
          max-width: 92%;
      }

      .acm-iso-contact-panel__title span {
          display: block;
          color: #D96C2B;
      }

      .acm-iso-contact-panel__text {
          max-width: 620px;
          margin: 0 0 24px;
          color: #667287;
          font-family: var(--default-font, "Inter", sans-serif);
          font-size: 17px;
          line-height: 1.82;
      }

      .acm-iso-contact-panel__media-card {
          position: relative;
          overflow: hidden;
          min-height: 320px;
          border-radius: 30px;
          background: linear-gradient(180deg, #edf5f0 0%, #e7f1ec 100%);
          border: 1px solid rgba(26, 41, 66, 0.07);
          box-shadow: 0 18px 34px rgba(26, 41, 66, 0.06);
      }

      .acm-iso-contact-panel__image {
          width: 100%;
          height: 320px;
          display: block;
          object-fit: cover;
          object-position: center;
          transform: scale(1.01);
          transition: transform 0.6s ease;
      }

      .acm-iso-contact-panel__media-card:hover .acm-iso-contact-panel__image {
          transform: scale(1.05);
      }

      .acm-iso-contact-panel__media-overlay {
          position: absolute;
          inset: 0;
          background:
              linear-gradient(180deg, rgba(20, 27, 40, 0.02) 0%, rgba(20, 27, 40, 0.18) 100%);
          pointer-events: none;
      }

      .acm-iso-contact-panel__media-chip {
          position: absolute;
          z-index: 3;
          display: inline-flex;
          align-items: center;
          gap: 10px;
          min-height: 42px;
          padding: 10px 14px;
          border-radius: 999px;
          background: rgba(255, 255, 255, 0.94);
          border: 1px solid rgba(26, 41, 66, 0.08);
          color: #1A2942;
          box-shadow: 0 14px 28px rgba(26, 41, 66, 0.10);
          font-family: var(--default-font, "Inter", sans-serif);
          font-size: 12px;
          font-weight: 700;
      }

      .acm-iso-contact-panel__media-chip i {
          color: #D96C2B;
          font-size: 15px;
      }

      .acm-iso-contact-panel__media-chip--top {
          top: 18px;
          left: 18px;
      }

      .acm-iso-contact-panel__trust-grid {
          display: grid;
          grid-template-columns: 1fr;
          gap: 14px;
          margin-top: 22px;
      }

      .acm-iso-contact-panel__trust-card {
          display: flex;
          align-items: flex-start;
          gap: 14px;
          padding: 18px 18px 16px;
          border-radius: 22px;
          background: rgba(255, 255, 255, 0.78);
          border: 1px solid rgba(26, 41, 66, 0.07);
          box-shadow: 0 12px 24px rgba(26, 41, 66, 0.05);
          transition:
              transform 0.25s ease,
              box-shadow 0.25s ease;
      }

      .acm-iso-contact-panel__trust-card:hover {
          transform: translateY(-4px);
          box-shadow: 0 18px 30px rgba(26, 41, 66, 0.08);
      }

      .acm-iso-contact-panel__trust-icon {
          flex: 0 0 50px;
          width: 50px;
          height: 50px;
          display: inline-flex;
          align-items: center;
          justify-content: center;
          border-radius: 16px;
          background: #e07a2f;
          color: #ffffff;
          box-shadow: 0 12px 22px rgba(14, 86, 99, 0.16);
      }

      .acm-iso-contact-panel__trust-icon i {
          font-size: 20px;
          line-height: 1;
      }

      .acm-iso-contact-panel__trust-copy strong {
          display: block;
          margin-bottom: 6px;
          color: #141B28;
          font-family: var(--default-font, "Inter", sans-serif);
          font-size: 18px;
          line-height: 1.2;
          font-weight: 800;
      }

      .acm-iso-contact-panel__trust-copy span {
          display: block;
          color: #667287;
          font-family: var(--default-font, "Inter", sans-serif);
          font-size: 14px;
          line-height: 1.65;
      }

      .acm-iso-contact-panel__form-column {
          display: flex;
          align-items: stretch;
      }

      .acm-iso-contact-panel__form-card {
          position: relative;
          width: 100%;
          padding: 34px 32px 30px;
          border-radius: 32px;
          background:
              linear-gradient(180deg, rgba(255, 250, 246, 0.96) 0%, rgba(255, 245, 237, 0.94) 100%);
          border: 1px solid rgba(217, 108, 43, 0.10);
          box-shadow:
              0 24px 50px rgba(26, 41, 66, 0.08),
              inset 0 1px 0 rgba(255, 255, 255, 0.95);
          overflow: hidden;
      }

      .acm-iso-contact-panel__form-card::before {
          content: "";
          position: absolute;
          top: -80px;
          right: -80px;
          width: 220px;
          height: 220px;
          border-radius: 50%;
          background: radial-gradient(circle, rgba(217, 108, 43, 0.10), transparent 70%);
          pointer-events: none;
      }

      .acm-iso-contact-panel__form-top {
          position: relative;
          z-index: 2;
          margin-bottom: 24px;
      }

      .acm-iso-contact-panel__form-badge {
          display: inline-flex;
          align-items: center;
          gap: 10px;
          min-height: 40px;
          padding: 9px 14px;
          margin-bottom: 18px;
          border-radius: 999px;
          background: rgba(255, 255, 255, 0.74);
          border: 1px solid rgba(26, 41, 66, 0.07);
          color: #B95A1E;
          font-family: var(--default-font, "Inter", sans-serif);
          font-size: 12px;
          font-weight: 700;
          letter-spacing: 0.05em;
          text-transform: uppercase;
      }

      .acm-iso-contact-panel__form-badge i {
          font-size: 14px;
      }

      .acm-iso-contact-panel__form-title {
          margin: 0 0 10px;
          color: #141B28;
          font-family: var(--bs-heading-font-family, "Playfair Display", serif);
          font-size: 42px;
          line-height: 1.04;
          letter-spacing: -0.03em;
          font-weight: 600;
      }

      .acm-iso-contact-panel__form-subtitle {
          margin: 0;
          color: #667287;
          font-family: var(--default-font, "Inter", sans-serif);
          font-size: 15px;
          line-height: 1.75;
      }

      .acm-iso-contact-panel__form-grid {
          display: grid;
          grid-template-columns: repeat(2, minmax(0, 1fr));
          gap: 16px;
      }

      .acm-iso-contact-panel__field-group {
          min-width: 0;
      }

      .acm-iso-contact-panel__field-group--full {
          grid-column: 1 / -1;
      }

      .acm-iso-contact-panel__field-group label {
          display: inline-block;
          margin-bottom: 10px;
          color: #243247;
          font-family: var(--default-font, "Inter", sans-serif);
          font-size: 13px;
          font-weight: 700;
          letter-spacing: 0.01em;
      }

      .acm-iso-contact-panel__field-group label span {
          color: #D96C2B;
      }

      .acm-iso-contact-panel__field-wrap {
          position: relative;
          display: flex;
          align-items: center;
          min-height: 60px;
          border-radius: 18px;
          background: rgba(255, 255, 255, 0.82);
          border: 1px solid rgba(26, 41, 66, 0.10);
          transition:
              border-color 0.25s ease,
              box-shadow 0.25s ease,
              transform 0.25s ease;
      }

      .acm-iso-contact-panel__field-wrap.is-focused {
          border-color: rgba(217, 108, 43, 0.44);
          box-shadow: 0 0 0 4px rgba(217, 108, 43, 0.10);
          transform: translateY(-1px);
      }

      .acm-iso-contact-panel__field-wrap i {
          flex: 0 0 44px;
          text-align: center;
          color: #D96C2B;
          font-size: 17px;
      }

      .acm-iso-contact-panel__field-wrap input,
      .acm-iso-contact-panel__field-wrap select,
      .acm-iso-contact-panel__field-wrap textarea {
          width: 100%;
          border: 0;
          outline: 0;
          background: transparent;
          color: #1A2942;
          font-family: var(--default-font, "Inter", sans-serif);
          font-size: 15px;
          line-height: 1.5;
          padding: 16px 16px 16px 0;
          box-shadow: none;
          appearance: none;
      }

      .acm-iso-contact-panel__field-wrap input::placeholder,
      .acm-iso-contact-panel__field-wrap textarea::placeholder {
          color: #8a94a5;
      }

      .acm-iso-contact-panel__field-wrap select {
          cursor: pointer;
      }

      .acm-iso-contact-panel__field-wrap--textarea {
          align-items: flex-start;
          min-height: 140px;
      }

      .acm-iso-contact-panel__field-wrap--textarea i {
          padding-top: 20px;
      }

      .acm-iso-contact-panel__field-wrap--textarea textarea {
          resize: vertical;
          min-height: 140px;
          padding-top: 18px;
      }

      .acm-iso-contact-panel__form-bottom {
          margin-top: 22px;
      }

      .acm-iso-contact-panel__note {
          display: flex;
          align-items: flex-start;
          gap: 12px;
          padding: 14px 16px;
          margin-bottom: 18px;
          border-radius: 18px;
          background: rgba(255, 255, 255, 0.62);
          border: 1px solid rgba(26, 41, 66, 0.07);
          color: #617084;
          font-family: var(--default-font, "Inter", sans-serif);
          font-size: 13px;
          line-height: 1.65;
      }

      .acm-iso-contact-panel__note i {
          color: #0E5663;
          font-size: 16px;
          margin-top: 2px;
      }

      .acm-iso-contact-panel__submit {
          display: inline-flex;
          align-items: center;
          justify-content: center;
          gap: 12px;
          min-height: 58px;
          padding: 0 24px;
          width: 100%;
          border: 0;
          border-radius: 999px;
          background: linear-gradient(135deg, #D96C2B 0%, #ED8A45 100%);
          color: #ffffff;
          font-family: var(--default-font, "Inter", sans-serif);
          font-size: 15px;
          font-weight: 700;
          cursor: pointer;
          box-shadow: 0 18px 30px rgba(217, 108, 43, 0.24);
          transition:
              transform 0.25s ease,
              box-shadow 0.25s ease;
      }

      .acm-iso-contact-panel__submit:hover {
          transform: translateY(-2px);
          box-shadow: 0 24px 36px rgba(217, 108, 43, 0.28);
      }

      .acm-iso-contact-panel__submit-icon {
          width: 34px;
          height: 34px;
          display: inline-flex;
          align-items: center;
          justify-content: center;
          border-radius: 50%;
          background: rgba(255, 255, 255, 0.16);
      }

      .acm-iso-contact-panel__submit-icon i {
          font-size: 16px;
          line-height: 1;
      }

      /* reveal */
      .acm-iso-contact-panel [data-iso-contact-reveal] {
          opacity: 0;
          transition:
              opacity 0.8s ease,
              transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
      }

      .acm-iso-contact-panel [data-iso-contact-reveal="up"] {
          transform: translateY(34px);
      }

      .acm-iso-contact-panel [data-iso-contact-reveal="left"] {
          transform: translateX(-34px);
      }

      .acm-iso-contact-panel [data-iso-contact-reveal="right"] {
          transform: translateX(34px);
      }

      .acm-iso-contact-panel [data-iso-contact-reveal].is-visible {
          opacity: 1;
          transform: none;
      }

      /* ---------- LARGE TV / WIDE DESKTOP ---------- */
      @media (min-width: 1600px) {
          .acm-iso-contact-panel {
              padding: 116px 0 122px;
          }

          .acm-iso-contact-panel__container {
              max-width: 1440px;
          }

          .acm-iso-contact-panel__shell {
              padding: 32px;
          }

          .acm-iso-contact-panel__title {
              font-size: 66px;
          }

          .acm-iso-contact-panel__form-title {
              font-size: 46px;
          }

          .acm-iso-contact-panel__image {
              height: 340px;
          }
      }

      /* ---------- DESKTOP / LARGE LAPTOP ---------- */
      @media (min-width: 1200px) and (max-width: 1599.98px) {
          .acm-iso-contact-panel__title {
              font-size: clamp(44px, 3.8vw, 60px);
          }
      }

      /* ---------- LAPTOP ---------- */
      @media (min-width: 992px) and (max-width: 1199.98px) {
          .acm-iso-contact-panel {
              padding: 82px 0 88px;
          }

          .acm-iso-contact-panel__shell {
              padding: 22px;
              border-radius: 32px;
          }

          .acm-iso-contact-panel__grid {
              gap: 18px;
          }

          .acm-iso-contact-panel__title {
              font-size: 46px;
              max-width: 100%;
          }

          .acm-iso-contact-panel__text {
              font-size: 16px;
          }

          .acm-iso-contact-panel__form-card {
              padding: 28px 24px 24px;
              border-radius: 28px;
          }

          .acm-iso-contact-panel__form-title {
              font-size: 36px;
          }
      }

      /* ---------- TABLETS: 768px–991.98px ---------- */
      @media (min-width: 768px) and (max-width: 991.98px) {
          .acm-iso-contact-panel {
              padding: 70px 0 76px;
          }

          .acm-iso-contact-panel__shell {
              padding: 20px;
              border-radius: 30px;
          }

          .acm-iso-contact-panel__grid {
              grid-template-columns: 1fr;
              gap: 18px;
          }

          .acm-iso-contact-panel__content {
              text-align: center;
              padding: 8px 4px 0;
          }

          .acm-iso-contact-panel__title {
              font-size: 48px;
              max-width: 100%;
          }

          .acm-iso-contact-panel__text {
              max-width: 760px;
              margin-left: auto;
              margin-right: auto;
              font-size: 16px;
          }

          .acm-iso-contact-panel__trust-grid {
              grid-template-columns: 1fr;
          }

          .acm-iso-contact-panel__form-card {
              padding: 28px 22px 22px;
              border-radius: 28px;
          }

          .acm-iso-contact-panel__form-title {
              font-size: 38px;
          }
      }

      /* ---------- SMALL TABLETS: 576px–767.98px ---------- */
      @media (min-width: 576px) and (max-width: 767.98px) {
          .acm-iso-contact-panel {
              padding: 60px 0 66px;
          }

          .acm-iso-contact-panel__shell {
              padding: 16px;
              border-radius: 26px;
          }

          .acm-iso-contact-panel__shell::before {
              inset: 10px;
              border-radius: 18px;
          }

          .acm-iso-contact-panel__grid {
              grid-template-columns: 1fr;
              gap: 16px;
          }

          .acm-iso-contact-panel__content {
              text-align: center;
              padding: 4px 2px 0;
          }

          .acm-iso-contact-panel__title {
              font-size: 40px;
              line-height: 1.05;
              max-width: 100%;
          }

          .acm-iso-contact-panel__text {
              font-size: 15px;
              line-height: 1.76;
              max-width: 100%;
          }

          .acm-iso-contact-panel__media-card {
              min-height: 280px;
              border-radius: 24px;
          }

          .acm-iso-contact-panel__image {
              height: 280px;
          }

          .acm-iso-contact-panel__trust-grid {
              gap: 12px;
          }

          .acm-iso-contact-panel__trust-card {
              padding: 16px;
              border-radius: 18px;
          }

          .acm-iso-contact-panel__form-card {
              padding: 24px 18px 20px;
              border-radius: 24px;
          }

          .acm-iso-contact-panel__form-title {
              font-size: 32px;
          }

          .acm-iso-contact-panel__form-grid {
              grid-template-columns: 1fr;
              gap: 14px;
          }

          .acm-iso-contact-panel__field-wrap {
              min-height: 56px;
              border-radius: 16px;
          }

          .acm-iso-contact-panel__field-wrap--textarea {
              min-height: 126px;
          }
      }

      /* ---------- LARGE PHONES: 480px–575.98px ---------- */
      @media (min-width: 480px) and (max-width: 575.98px) {
          .acm-iso-contact-panel {
              padding: 54px 0 58px;
          }

          .acm-iso-contact-panel__shell {
              padding: 14px;
              border-radius: 22px;
          }

          .acm-iso-contact-panel__shell::before {
              inset: 9px;
              border-radius: 16px;
          }

          .acm-iso-contact-panel__grid {
              grid-template-columns: 1fr;
              gap: 14px;
          }

          .acm-iso-contact-panel__content {
              text-align: center;
              padding: 2px 0 0;
          }

          .acm-iso-contact-panel__eyebrow {
              font-size: 11px;
          }

          .acm-iso-contact-panel__title {
              font-size: 36px;
              line-height: 1.06;
              max-width: 100%;
          }

          .acm-iso-contact-panel__text {
              font-size: 14px;
              line-height: 1.72;
              max-width: 100%;
          }

          .acm-iso-contact-panel__media-card {
              min-height: 250px;
              border-radius: 22px;
          }

          .acm-iso-contact-panel__image {
              height: 250px;
          }

          .acm-iso-contact-panel__media-chip {
              position: static;
              margin: 12px 12px 0;
              width: calc(100% - 24px);
              justify-content: center;
              border-radius: 14px;
          }

          .acm-iso-contact-panel__trust-grid {
              gap: 10px;
          }

          .acm-iso-contact-panel__trust-card {
              padding: 14px;
              border-radius: 16px;
          }

          .acm-iso-contact-panel__trust-icon {
              flex-basis: 44px;
              width: 44px;
              height: 44px;
              border-radius: 14px;
          }

          .acm-iso-contact-panel__trust-copy strong {
              font-size: 16px;
          }

          .acm-iso-contact-panel__trust-copy span {
              font-size: 13px;
          }

          .acm-iso-contact-panel__form-card {
              padding: 22px 16px 18px;
              border-radius: 22px;
          }

          .acm-iso-contact-panel__form-title {
              font-size: 30px;
          }

          .acm-iso-contact-panel__form-grid {
              grid-template-columns: 1fr;
              gap: 12px;
          }

          .acm-iso-contact-panel__field-wrap {
              min-height: 54px;
              border-radius: 15px;
          }

          .acm-iso-contact-panel__field-wrap input,
          .acm-iso-contact-panel__field-wrap select,
          .acm-iso-contact-panel__field-wrap textarea {
              font-size: 14px;
          }

          .acm-iso-contact-panel__submit {
              min-height: 52px;
              font-size: 14px;
          }
      }

      /* ---------- PHONES: 375px–479.98px ---------- */
      @media (min-width: 375px) and (max-width: 479.98px) {
          .acm-iso-contact-panel {
              padding: 48px 0 54px;
          }

          .acm-iso-contact-panel__shell {
              padding: 12px;
              border-radius: 20px;
          }

          .acm-iso-contact-panel__shell::before {
              inset: 8px;
              border-radius: 14px;
          }

          .acm-iso-contact-panel__grid {
              grid-template-columns: 1fr;
              gap: 12px;
          }

          .acm-iso-contact-panel__content {
              text-align: center;
              padding: 0;
          }

          .acm-iso-contact-panel__eyebrow {
              font-size: 10px;
              padding: 8px 12px;
              margin-bottom: 18px;
          }

          .acm-iso-contact-panel__title {
              font-size: 32px;
              line-height: 1.08;
              max-width: 100%;
          }

          .acm-iso-contact-panel__text {
              font-size: 14px;
              line-height: 1.70;
              max-width: 100%;
              margin-bottom: 20px;
          }

          .acm-iso-contact-panel__media-card {
              min-height: 220px;
              border-radius: 20px;
          }

          .acm-iso-contact-panel__image {
              height: 220px;
          }

          .acm-iso-contact-panel__media-chip {
              position: static;
              margin: 10px 10px 0;
              width: calc(100% - 20px);
              justify-content: center;
              border-radius: 14px;
              font-size: 11px;
          }

          .acm-iso-contact-panel__trust-grid {
              gap: 10px;
          }

          .acm-iso-contact-panel__trust-card {
              padding: 13px;
              border-radius: 15px;
          }

          .acm-iso-contact-panel__trust-icon {
              flex-basis: 42px;
              width: 42px;
              height: 42px;
              border-radius: 13px;
          }

          .acm-iso-contact-panel__trust-icon i {
              font-size: 17px;
          }

          .acm-iso-contact-panel__trust-copy strong {
              font-size: 15px;
          }

          .acm-iso-contact-panel__trust-copy span {
              font-size: 12px;
          }

          .acm-iso-contact-panel__form-card {
              padding: 20px 14px 16px;
              border-radius: 20px;
          }

          .acm-iso-contact-panel__form-badge {
              font-size: 10px;
              padding: 8px 12px;
          }

          .acm-iso-contact-panel__form-title {
              font-size: 28px;
              line-height: 1.08;
          }

          .acm-iso-contact-panel__form-subtitle {
              font-size: 14px;
              line-height: 1.68;
          }

          .acm-iso-contact-panel__form-grid {
              grid-template-columns: 1fr;
              gap: 12px;
          }

          .acm-iso-contact-panel__field-group label {
              font-size: 12px;
          }

          .acm-iso-contact-panel__field-wrap {
              min-height: 52px;
              border-radius: 14px;
          }

          .acm-iso-contact-panel__field-wrap i {
              flex-basis: 40px;
              font-size: 15px;
          }

          .acm-iso-contact-panel__field-wrap input,
          .acm-iso-contact-panel__field-wrap select,
          .acm-iso-contact-panel__field-wrap textarea {
              font-size: 14px;
          }

          .acm-iso-contact-panel__note {
              font-size: 12px;
              padding: 12px 13px;
              border-radius: 15px;
          }

          .acm-iso-contact-panel__submit {
              min-height: 50px;
              font-size: 14px;
          }

          .acm-iso-contact-panel__submit-icon {
              width: 30px;
              height: 30px;
          }
      }

      /* ---------- SMALL PHONES: 320px–374.98px ---------- */
      @media (min-width: 320px) and (max-width: 374.98px) {
          .acm-iso-contact-panel {
              padding: 44px 0 50px;
          }

          .acm-iso-contact-panel__shell {
              padding: 10px;
              border-radius: 18px;
          }

          .acm-iso-contact-panel__shell::before {
              inset: 7px;
              border-radius: 12px;
          }

          .acm-iso-contact-panel__grid {
              grid-template-columns: 1fr;
              gap: 12px;
          }

          .acm-iso-contact-panel__content {
              text-align: center;
              padding: 0;
          }

          .acm-iso-contact-panel__eyebrow {
              gap: 8px;
              min-height: 38px;
              padding: 8px 10px;
              margin-bottom: 16px;
              font-size: 9px;
          }

          .acm-iso-contact-panel__eyebrow-dot {
              width: 8px;
              height: 8px;
          }

          .acm-iso-contact-panel__title {
              font-size: 28px;
              line-height: 1.10;
              max-width: 100%;
              margin-bottom: 14px;
          }

          .acm-iso-contact-panel__text {
              font-size: 13px;
              line-height: 1.68;
              max-width: 100%;
              margin-bottom: 18px;
          }

          .acm-iso-contact-panel__media-card {
              min-height: 200px;
              border-radius: 18px;
          }

          .acm-iso-contact-panel__image {
              height: 200px;
          }

          .acm-iso-contact-panel__media-chip {
              position: static;
              margin: 9px 9px 0;
              width: calc(100% - 18px);
              justify-content: center;
              border-radius: 12px;
              font-size: 10px;
              padding: 9px 10px;
          }

          .acm-iso-contact-panel__trust-grid {
              gap: 9px;
              margin-top: 16px;
          }

          .acm-iso-contact-panel__trust-card {
              padding: 12px;
              border-radius: 14px;
              gap: 10px;
          }

          .acm-iso-contact-panel__trust-icon {
              flex-basis: 40px;
              width: 40px;
              height: 40px;
              border-radius: 12px;
          }

          .acm-iso-contact-panel__trust-icon i {
              font-size: 16px;
          }

          .acm-iso-contact-panel__trust-copy strong {
              font-size: 14px;
          }

          .acm-iso-contact-panel__trust-copy span {
              font-size: 11px;
              line-height: 1.58;
          }

          .acm-iso-contact-panel__form-card {
              padding: 18px 12px 14px;
              border-radius: 18px;
          }

          .acm-iso-contact-panel__form-badge {
              font-size: 9px;
              padding: 8px 10px;
              margin-bottom: 14px;
          }

          .acm-iso-contact-panel__form-title {
              font-size: 24px;
              line-height: 1.10;
          }

          .acm-iso-contact-panel__form-subtitle {
              font-size: 13px;
              line-height: 1.66;
          }

          .acm-iso-contact-panel__form-grid {
              grid-template-columns: 1fr;
              gap: 10px;
          }

          .acm-iso-contact-panel__field-group label {
              font-size: 11px;
              margin-bottom: 8px;
          }

          .acm-iso-contact-panel__field-wrap {
              min-height: 50px;
              border-radius: 13px;
          }

          .acm-iso-contact-panel__field-wrap i {
              flex-basis: 38px;
              font-size: 14px;
          }

          .acm-iso-contact-panel__field-wrap input,
          .acm-iso-contact-panel__field-wrap select,
          .acm-iso-contact-panel__field-wrap textarea {
              font-size: 13px;
          }

          .acm-iso-contact-panel__field-wrap--textarea {
              min-height: 116px;
          }

          .acm-iso-contact-panel__note {
              gap: 10px;
              padding: 11px 12px;
              margin-bottom: 14px;
              border-radius: 14px;
              font-size: 11px;
          }

          .acm-iso-contact-panel__submit {
              min-height: 48px;
              font-size: 13px;
              gap: 10px;
          }

          .acm-iso-contact-panel__submit-icon {
              width: 28px;
              height: 28px;
          }
      }

      /* ======================================================================
   FINAL RESPONSIVE STRUCTURE FIXES FOR HOMEPAGE
   Keeps your same classes, same theme feel, same colors.
   Focus: layout stability only, no redesign.
   ====================================================================== */

      html,
      body {
          max-width: 100%;
          overflow-x: hidden;
      }

      img,
      svg,
      video,
      canvas,
      iframe {
          max-width: 100%;
      }

      .acm-hero-clean,
      .acm-brand-strip,
      .ace-orbit-v4,
      .acm-product-reel,
      .ace-achievements,
      .bs-eco,
      .acm-core-feature-grid,
      .acm-cta-premium {
          width: 100%;
          overflow-x: hidden;
      }

      /* -----------------------------
   Hero
-------------------------------- */
      .acm-hero-clean .row {
          margin-right: calc(var(--bs-gutter-x) * -0.5);
          margin-left: calc(var(--bs-gutter-x) * -0.5);
      }

      .acm-hero-clean__visual,
      .acm-hero-clean__visual-card,
      .acm-hero-clean__panel {
          max-width: 100%;
      }

      @media (max-width: 1199.98px) {
          .acm-hero-clean {
              padding-top: 64px;
              padding-bottom: 46px;
          }

          .acm-hero-clean__row {
              row-gap: 32px;
          }

          .acm-hero-clean .col-lg-6 {
              flex: 0 0 100%;
              max-width: 100%;
          }

          .acm-hero-clean__content,
          .acm-hero-clean__visual {
              max-width: 100%;
          }

          .acm-hero-clean__visual {
              width: 100%;
              margin: 0 auto;
          }

          .acm-hero-clean__visual-card {
              min-height: auto;
              margin-top: 0;
          }

          .acm-hero-clean__float,
          .acm-hero-clean__chips,
          .acm-hero-clean__float--left,
          .acm-hero-clean__float--top {
              position: relative !important;
              inset: auto !important;
              left: auto !important;
              right: auto !important;
              top: auto !important;
              bottom: auto !important;
              width: 100%;
              max-width: 100%;
              margin-top: 16px;
          }

          .acm-hero-clean__panel-grid {
              grid-template-columns: 1fr;
              gap: 18px;
          }
      }

      @media (max-width: 767.98px) {
          .acm-hero-clean {
              padding-top: 42px;
              padding-bottom: 28px;
          }

          .acm-hero-clean .container {
              padding-left: 16px;
              padding-right: 16px;
          }

          .acm-hero-clean__actions {
              display: flex;
              flex-direction: column;
              align-items: stretch;
              gap: 12px;
          }

          .acm-hero-clean__btn {
              width: 100%;
              justify-content: center;
          }

          .acm-hero-clean__review {
              flex-wrap: wrap;
              gap: 8px 12px;
          }

          .acm-hero-clean__panel {
              padding: 16px;
          }

          .acm-hero-clean__panel,
          .acm-hero-clean__float,
          .acm-hero-clean__metric {
              border-radius: 22px;
          }
      }

      @media (max-width: 479.98px) {
          .acm-hero-clean .container {
              padding-left: 14px;
              padding-right: 14px;
          }
      }

      /* -----------------------------
   Brand strip
-------------------------------- */
      @media (max-width: 991.98px) {
          .acm-brand-strip__container {
              padding-left: 18px;
              padding-right: 18px;
          }

          .acm-brand-strip__logos {
              gap: 24px 28px;
              justify-content: center;
          }
      }

      @media (max-width: 767.98px) {
          .acm-brand-strip {
              padding-top: 20px;
              padding-bottom: 22px;
          }

          .acm-brand-strip__title {
              margin-bottom: 16px;
          }

          .acm-brand-strip__logos {
              gap: 16px 20px;
          }

          .acm-brand-strip__logo-item {
              flex: 0 0 calc(50% - 10px);
              display: flex;
              justify-content: center;
          }

          .acm-brand-strip__logo-item img {
              max-height: 22px;
              width: auto;
          }
      }

      @media (max-width: 479.98px) {
          .acm-brand-strip__container {
              padding-left: 14px;
              padding-right: 14px;
          }
      }

      /* -----------------------------
   Industries orbit
-------------------------------- */
      @media (max-width: 1199.98px) {
          .ace-orbit-v4 {
              padding-top: 68px;
              padding-bottom: 68px;
          }

          .ace-orbit-v4__container {
              padding-left: 18px;
              padding-right: 18px;
          }

          .ace-orbit-v4__stage {
              grid-template-columns: 1fr;
              gap: 34px;
              height: auto;
          }

          .ace-orbit-v4__orbit-side,
          .ace-orbit-v4__detail {
              width: 100%;
          }

          .ace-orbit-v4__detail {
              max-width: 820px;
              min-height: auto;
              margin: 0 auto;
          }
      }

      @media (max-width: 991.98px) {
          .ace-orbit-v4__orbit-shell {
              width: min(100%, 620px);
              height: min(calc(100vw - 56px), 620px);
              max-height: 620px;
          }
      }

      @media (max-width: 767.98px) {
          .ace-orbit-v4__container {
              padding-left: 16px;
              padding-right: 16px;
          }

          .ace-orbit-v4__stage {
              gap: 22px;
          }

          .ace-orbit-v4__orbit-shell {
              width: min(100%, 360px);
              height: min(calc(100vw - 36px), 360px);
              max-height: 360px;
          }

          .ace-orbit-v4__ring--outer {
              width: 240px;
              height: 240px;
          }

          .ace-orbit-v4__ring--inner {
              width: 150px;
              height: 150px;
          }

          .ace-orbit-v4__core {
              width: 150px;
              height: 150px;
          }

          .ace-orbit-v4__detail {
              border-radius: 24px;
          }

          .ace-orbit-v4__detail-content {
              padding: 18px;
          }

          .ace-orbit-v4__detail-points {
              display: flex;
              flex-wrap: wrap;
              gap: 8px;
          }
      }

      @media (max-width: 479.98px) {
          .ace-orbit-v4__container {
              padding-left: 14px;
              padding-right: 14px;
          }

          .ace-orbit-v4__orbit-shell {
              width: min(100%, 320px);
              height: min(calc(100vw - 28px), 320px);
              max-height: 320px;
          }

          .ace-orbit-v4__ring--outer {
              width: 214px;
              height: 214px;
          }

          .ace-orbit-v4__ring--inner {
              width: 136px;
              height: 136px;
          }

          .ace-orbit-v4__core {
              width: 136px;
              height: 136px;
          }
      }

      /* -----------------------------
   Product reel
-------------------------------- */
      @media (max-width: 1199.98px) {
          .acm-product-reel {
              overflow: hidden;
          }

          .acm-product-reel__container {
              padding-left: 18px;
              padding-right: 18px;
          }

          .acm-product-reel__top {
              display: flex;
              flex-direction: column;
              align-items: flex-start;
              gap: 14px;
          }

          .acm-product-reel__cards {
              gap: 18px;
          }

          .acm-product-reel__card {
              width: 100%;
              min-width: 0;
          }
      }

      @media (max-width: 991.98px) {
          .acm-product-reel__container {
              padding-left: 16px;
              padding-right: 16px;
          }

          .acm-product-reel__cards {
              display: grid;
              grid-template-columns: 1fr;
          }

          .acm-product-reel__card,
          .acm-product-reel__expanded,
          .acm-product-reel__collapsed {
              min-width: 0;
          }

          .acm-product-reel__expanded {
              grid-template-columns: 1fr;
              gap: 18px;
              position: relative;
              inset: auto;
          }

          .acm-product-reel__media {
              min-height: 220px;
          }
      }

      @media (max-width: 767.98px) {
          .acm-product-reel__readmore {
              align-self: flex-start;
          }

          .acm-product-reel__media {
              min-height: 200px;
          }

          .acm-product-reel__card {
              border-radius: 24px;
          }
      }

      @media (max-width: 479.98px) {
          .acm-product-reel__container {
              padding-left: 14px;
              padding-right: 14px;
          }
      }

      /* -----------------------------
   Achievements
-------------------------------- */
      @media (max-width: 1199.98px) {
          .ace-achievements {
              overflow: hidden;
          }

          .ace-layout {
              display: grid;
              grid-template-columns: repeat(2, minmax(0, 1fr));
              gap: 18px;
          }

          .ace-copy {
              grid-column: 1 / -1;
          }
      }

      @media (max-width: 991.98px) {
          .ace-achievements {
              padding-left: 18px;
              padding-right: 18px;
          }

          .ace-layout {
              grid-template-columns: 1fr;
          }

          .ace-copy,
          .ace-card {
              grid-column: auto;
          }
      }

      @media (max-width: 767.98px) {
          .ace-card__inner {
              min-height: auto;
              padding: 20px;
              border-radius: 24px;
          }

          .ace-support-stats {
              grid-template-columns: 1fr;
          }

          .ace-tag-board {
              justify-content: flex-start;
          }
      }

      @media (max-width: 479.98px) {
          .ace-achievements {
              padding-left: 14px;
              padding-right: 14px;
          }
      }

      /* -----------------------------
   BlueSnap ecosystem
-------------------------------- */
      @media (max-width: 1080px) {
          .bs-eco {
              min-height: auto;
              padding-left: 18px;
              padding-right: 18px;
          }

          .bs-eco__main-copy {
              margin-left: auto;
              margin-right: auto;
          }

          .bs-eco__floating-stat {
              position: static;
              animation: none;
              margin: 18px auto 0;
              display: flex;
              justify-content: center;
              pointer-events: auto;
          }

          .bs-eco__floating-card {
              width: 100%;
              max-width: 560px;
              justify-content: center;
          }

          .bs-eco__stage {
              margin-top: 30px;
              min-height: auto;
              padding-bottom: 18px;
              display: block;
          }

          .bs-side {
              position: relative;
              top: auto;
              left: auto;
              right: auto;
              transform: none !important;
              justify-content: center;
              margin: 0 auto 18px;
              width: max-content;
              max-width: 100%;
          }

          .bs-side--right {
              margin-top: 18px;
          }

          .bs-eco__panel-bg {
              display: none;
          }

          .bs-orbit {
              width: min(100%, 620px);
              height: min(calc(100vw - 56px), 620px);
              max-height: 620px;
              margin: 0 auto;
          }

          .bs-panel {
              width: 100%;
              max-width: 860px;
              margin-left: auto;
              margin-right: auto;
          }
      }

      @media (max-width: 767.98px) {
          .bs-eco {
              padding-left: 16px;
              padding-right: 16px;
          }

          .bs-eco__floating-card {
              padding: 14px 16px;
              gap: 14px;
          }

          .bs-eco__floating-icon {
              width: 66px;
              height: 66px;
              flex-basis: 66px;
          }

          .bs-eco__floating-number {
              font-size: 24px;
          }

          .bs-eco__floating-label {
              line-height: 1.25;
          }

          .bs-side {
              width: 100%;
              max-width: 320px;
          }

          .bs-side__text {
              text-align: center;
          }

          .bs-orbit {
              width: min(100%, 360px);
              height: min(calc(100vw - 36px), 360px);
              max-height: 360px;
          }

          .bs-orbit__ring {
              inset: 44px;
          }

          .bs-node__label {
              line-height: 1.2;
          }

          .bs-panel {
              padding: 20px 16px;
              border-radius: 24px;
          }
      }

      @media (max-width: 479.98px) {
          .bs-eco {
              padding-left: 14px;
              padding-right: 14px;
          }

          .bs-orbit {
              width: min(100%, 320px);
              height: min(calc(100vw - 28px), 320px);
              max-height: 320px;
          }

          .bs-orbit__ring {
              inset: 38px;
          }
      }

      /* -----------------------------
   Core feature grid
-------------------------------- */
      /* Fixes original nested media query issue without changing design */
      @media (max-width: 1280px) {
          .acm-core-feature-grid__grid {
              grid-template-columns: 1fr 1fr;
              grid-template-areas:
                  "feature feature"
                  "wide wide"
                  "mint lavender"
                  "green green";
          }
      }

      @media (max-width: 991.98px) {
          .acm-core-feature-grid {
              padding-left: 18px;
              padding-right: 18px;
          }

          .acm-core-feature-grid__grid {
              grid-template-columns: 1fr;
              grid-template-areas:
                  "feature"
                  "wide"
                  "mint"
                  "lavender"
                  "green";
              gap: 18px;
          }
      }

      @media (max-width: 767.98px) {
          .acm-core-feature-grid {
              padding-left: 16px;
              padding-right: 16px;
          }

          .acm-core-feature-card,
          .acm-core-feature-card--mint,
          .acm-core-feature-card--lavender,
          .acm-core-feature-card--green,
          .acm-core-feature-card--wide {
              min-height: auto;
              padding: 18px;
              border-radius: 24px;
          }

          .acm-core-feature-card--feature {
              min-height: 460px;
          }

          .acm-core-feature-card__content {
              width: 100%;
              padding: 20px 18px 18px;
              justify-content: flex-end;
          }

          .acm-core-feature-card__media {
              padding: 14px 6px 8px;
              align-items: center;
              justify-content: center;
          }

          .acm-core-feature-card__image {
              width: 100%;
              height: 72%;
              object-fit: contain;
              object-position: center bottom;
          }
      }

      @media (max-width: 479.98px) {
          .acm-core-feature-grid {
              padding-left: 14px;
              padding-right: 14px;
          }
      }

      /* -----------------------------
   CTA
-------------------------------- */
      @media (max-width: 991.98px) {
          .acm-cta-premium {
              padding: 56px 16px;
          }

          .acm-cta-premium__inner {
              padding: 60px 22px;
              border-radius: 24px;
          }

          .acm-cta-premium__cursor-glow {
              display: none;
          }
      }

      @media (max-width: 767.98px) {
          .acm-cta-premium {
              padding-left: 16px;
              padding-right: 16px;
          }

          .acm-cta-premium__inner {
              padding: 44px 16px;
          }

          .acm-cta-premium__chips {
              gap: 10px;
              margin-bottom: 24px;
          }

          .acm-cta-premium__button {
              width: 100%;
              max-width: 320px;
              min-height: 56px;
              padding-left: 20px;
              padding-right: 20px;
          }
      }

      @media (max-width: 479.98px) {
          .acm-cta-premium {
              padding-left: 14px;
              padding-right: 14px;
          }
      }

      /* =========================================
   FINAL FIX : ACE ORBIT V4 ONLY
   Keeps orbit centered, orbit first on stacked view,
   and detail card visible on all responsive widths.
========================================= */
      @media (max-width: 1199.98px) {
          .ace-orbit-v4__stage {
              grid-template-columns: 1fr;
              height: auto;
              gap: 30px;
              justify-items: center;
              align-items: start;
          }

          .ace-orbit-v4__orbit-side {
              order: 1;
              width: 100%;
              display: flex;
              justify-content: center;
              align-items: center;
              overflow: visible;
          }

          .ace-orbit-v4__detail {
              order: 2;
              width: 100%;
              max-width: 820px;
              min-height: 560px;
              margin: 0 auto;
              display: block;
          }
      }

      @media (min-width: 768px) and (max-width: 1199.98px) {
          .ace-orbit-v4__orbit-shell {
              width: 640px;
              height: 640px;
              max-width: none;
              max-height: none;
              margin: 0 auto;
          }
      }

      @media (max-width: 767.98px) {
          .ace-orbit-v4__container {
              padding-left: 16px;
              padding-right: 16px;
          }

          .ace-orbit-v4__stage {
              gap: 24px;
          }

          .ace-orbit-v4__orbit-side {
              order: 1;
              position: relative;
              width: 100%;
              min-height: clamp(300px, 92vw, 360px);
              display: block;
              overflow: visible;
          }

          .ace-orbit-v4__orbit-shell {
              position: absolute;
              left: 50%;
              top: 0;
              width: 360px;
              height: 360px;
              max-width: none;
              max-height: none;
              --ace-orbit-scale: min(1, calc((100vw - 32px) / 360));
              transform: translateX(-50%) scale(var(--ace-orbit-scale));
              transform-origin: top center;
              margin: 0;
          }

          .ace-orbit-v4__ring--outer {
              width: 320px;
              height: 320px;
          }

          .ace-orbit-v4__ring--inner {
              width: 152px;
              height: 152px;
          }

          .ace-orbit-v4__core {
              width: 150px;
              height: 150px;
          }

          .ace-orbit-v4__core-title {
              font-size: 24px;
          }

          .ace-orbit-v4__core-copy,
          .ace-orbit-v4__core-badge {
              font-size: 10px;
          }

          .ace-orbit-v4__node-dot {
              width: 46px;
              height: 46px;
          }

          .ace-orbit-v4__node-icon {
              width: 18px;
              height: 18px;
          }

          .ace-orbit-v4__node-label {
              display: none !important;
          }

          .ace-orbit-v4__detail {
              order: 2;
              width: 100%;
              max-width: 100%;
              min-height: 470px;
              border-radius: 24px;
              margin: 0 auto;
          }

          .ace-orbit-v4__detail-content {
              padding: 22px 18px 18px;
          }

          .ace-orbit-v4__detail-title {
              font-size: 38px;
          }

          .ace-orbit-v4__detail-text {
              max-width: 100%;
              font-size: 14px;
          }
      }

      @media (max-width: 479.98px) {
          .ace-orbit-v4__container {
              padding-left: 14px;
              padding-right: 14px;
          }

          .ace-orbit-v4__orbit-side {
              min-height: clamp(280px, 92vw, 340px);
          }

          .ace-orbit-v4__orbit-shell {
              --ace-orbit-scale: min(1, calc((100vw - 24px) / 360));
          }
      }

      /* =========================================
   FINAL OVERRIDE : ACE ORBIT V4 CENTER FIX
   Only fixes the industries orbit section.
========================================= */
      @media (max-width: 1199.98px) {
          .ace-orbit-v4__stage {
              grid-template-columns: 1fr !important;
              height: auto !important;
              gap: 30px !important;
              justify-items: stretch !important;
              align-items: start !important;
          }

          .ace-orbit-v4__orbit-side {
              order: 1 !important;
              width: 100% !important;
              display: flex !important;
              justify-content: center !important;
              align-items: center !important;
              overflow: visible !important;
              margin: 0 auto !important;
          }

          .ace-orbit-v4__detail {
              order: 2 !important;
              width: 100% !important;
              max-width: 820px !important;
              margin: 0 auto !important;
              display: block !important;
              opacity: 1 !important;
              visibility: visible !important;
          }
      }

      @media (min-width: 768px) and (max-width: 1199.98px) {
          .ace-orbit-v4__orbit-side {
              min-height: 640px !important;
          }

          .ace-orbit-v4__orbit-shell {
              position: relative !important;
              left: auto !important;
              top: auto !important;
              width: 640px !important;
              height: 640px !important;
              max-width: none !important;
              max-height: none !important;
              margin: 0 auto !important;
              transform: none !important;
              transform-origin: center center !important;
          }
      }

      @media (max-width: 767.98px) {
          .ace-orbit-v4__stage {
              gap: 24px !important;
          }

          .ace-orbit-v4__orbit-side {
              --ace-orbit-scale: clamp(0.82, calc((100vw - 40px) / 360), 1);
              min-height: calc(360px * var(--ace-orbit-scale)) !important;
              padding: 0 !important;
          }

          .ace-orbit-v4__orbit-shell {
              position: relative !important;
              left: auto !important;
              top: auto !important;
              width: 360px !important;
              height: 360px !important;
              max-width: none !important;
              max-height: none !important;
              margin: 0 auto !important;
              transform: scale(var(--ace-orbit-scale)) !important;
              transform-origin: center top !important;
          }

          .ace-orbit-v4__ring--outer {
              width: 320px !important;
              height: 320px !important;
          }

          .ace-orbit-v4__ring--inner {
              width: 152px !important;
              height: 152px !important;
          }

          .ace-orbit-v4__core {
              width: 150px !important;
              height: 150px !important;
          }

          .ace-orbit-v4__core-title {
              font-size: 24px !important;
          }

          .ace-orbit-v4__core-copy,
          .ace-orbit-v4__core-badge {
              font-size: 10px !important;
          }

          .ace-orbit-v4__node-dot {
              width: 46px !important;
              height: 46px !important;
          }

          .ace-orbit-v4__node-icon {
              width: 18px !important;
              height: 18px !important;
          }

          .ace-orbit-v4__node-label {
              display: none !important;
          }

          .ace-orbit-v4__detail {
              min-height: 470px !important;
              max-width: 100% !important;
              border-radius: 24px !important;
          }

          .ace-orbit-v4__detail-content {
              padding: 22px 18px 18px !important;
          }

          .ace-orbit-v4__detail-title {
              font-size: clamp(34px, 9vw, 38px) !important;
          }

          .ace-orbit-v4__detail-text {
              max-width: 100% !important;
              font-size: 14px !important;
          }
      }

      @media (max-width: 479.98px) {
          .ace-orbit-v4__orbit-side {
              --ace-orbit-scale: clamp(0.78, calc((100vw - 28px) / 360), 1);
              min-height: calc(360px * var(--ace-orbit-scale)) !important;
          }
      }

      /* =========================================================
   TRUE FINAL FIX - INDUSTRIES ORBIT ONLY
   Keeps only this section centered and stacked correctly.
   Does not change any other section.
   ========================================================= */

      @media (max-width: 1279.98px) {
          #aceOrbitV4 .ace-orbit-v4__stage {
              display: flex !important;
              flex-direction: column !important;
              align-items: center !important;
              justify-content: flex-start !important;
              gap: 24px !important;
              height: auto !important;
          }

          #aceOrbitV4 .ace-orbit-v4__stage>* {
              min-width: 0 !important;
          }

          #aceOrbitV4 .ace-orbit-v4__orbit-side {
              order: 1 !important;
              width: 100% !important;
              max-width: 100% !important;
              min-width: 0 !important;
              display: grid !important;
              place-items: center !important;
              align-content: center !important;
              justify-content: center !important;
              padding: 0 !important;
              margin: 0 auto !important;
              overflow: visible !important;
              position: relative !important;
          }

          #aceOrbitV4 .ace-orbit-v4__detail {
              order: 2 !important;
              width: 100% !important;
              max-width: 820px !important;
              margin: 0 auto !important;
              display: block !important;
              opacity: 1 !important;
              visibility: visible !important;
          }
      }

      @media (min-width: 768px) and (max-width: 1279.98px) {
          #aceOrbitV4 .ace-orbit-v4__orbit-side {
              min-height: 640px !important;
          }

          #aceOrbitV4 .ace-orbit-v4__orbit-shell {
              position: relative !important;
              inset: auto !important;
              left: auto !important;
              right: auto !important;
              top: auto !important;
              bottom: auto !important;
              width: 640px !important;
              height: 640px !important;
              max-width: none !important;
              max-height: none !important;
              min-width: 640px !important;
              min-height: 640px !important;
              margin: 0 auto !important;
              transform: none !important;
              translate: none !important;
              transform-origin: center center !important;
          }

          #aceOrbitV4 .ace-orbit-v4__detail {
              max-width: 740px !important;
          }
      }

      @media (max-width: 767.98px) {
          #aceOrbitV4 {
              overflow-x: hidden !important;
          }

          #aceOrbitV4 .ace-orbit-v4__container {
              padding-left: 16px !important;
              padding-right: 16px !important;
          }

          #aceOrbitV4 .ace-orbit-v4__top {
              margin-bottom: 8px !important;
          }

          #aceOrbitV4 .ace-orbit-v4__orbit-side {
              --ace-orbit-shell-scale: clamp(0.76, calc((100vw - 36px) / 360), 1);
              min-height: calc(360px * var(--ace-orbit-shell-scale)) !important;
          }

          #aceOrbitV4 .ace-orbit-v4__orbit-shell {
              position: relative !important;
              inset: auto !important;
              left: auto !important;
              right: auto !important;
              top: auto !important;
              bottom: auto !important;
              width: 360px !important;
              height: 360px !important;
              min-width: 360px !important;
              min-height: 360px !important;
              max-width: none !important;
              max-height: none !important;
              margin: 0 auto !important;
              transform: scale(var(--ace-orbit-shell-scale)) !important;
              translate: none !important;
              transform-origin: center center !important;
          }

          #aceOrbitV4 .ace-orbit-v4__ring--outer {
              width: 320px !important;
              height: 320px !important;
          }

          #aceOrbitV4 .ace-orbit-v4__ring--middle {
              width: 252px !important;
              height: 252px !important;
          }

          #aceOrbitV4 .ace-orbit-v4__ring--inner {
              width: 152px !important;
              height: 152px !important;
          }

          #aceOrbitV4 .ace-orbit-v4__core {
              width: 150px !important;
              height: 150px !important;
          }

          #aceOrbitV4 .ace-orbit-v4__core-title {
              font-size: 24px !important;
          }

          #aceOrbitV4 .ace-orbit-v4__core-copy,
          #aceOrbitV4 .ace-orbit-v4__core-badge {
              font-size: 10px !important;
          }

          #aceOrbitV4 .ace-orbit-v4__node-dot {
              width: 46px !important;
              height: 46px !important;
          }

          #aceOrbitV4 .ace-orbit-v4__node-icon {
              width: 18px !important;
              height: 18px !important;
          }

          #aceOrbitV4 .ace-orbit-v4__node-label,
          #aceOrbitV4 .ace-orbit-v4__node.is-active .ace-orbit-v4__node-label {
              display: none !important;
          }

          #aceOrbitV4 .ace-orbit-v4__detail {
              max-width: 100% !important;
              min-height: 470px !important;
              border-radius: 24px !important;
          }

          #aceOrbitV4 .ace-orbit-v4__detail-media,
          #aceOrbitV4 .ace-orbit-v4__detail-image {
              display: block !important;
          }

          #aceOrbitV4 .ace-orbit-v4__detail-content {
              padding: 22px 18px 18px !important;
          }

          #aceOrbitV4 .ace-orbit-v4__detail-title {
              font-size: clamp(34px, 9vw, 38px) !important;
          }

          #aceOrbitV4 .ace-orbit-v4__detail-text {
              max-width: 100% !important;
              font-size: 14px !important;
          }
      }

      @media (max-width: 479.98px) {
          #aceOrbitV4 .ace-orbit-v4__container {
              padding-left: 14px !important;
              padding-right: 14px !important;
          }

          #aceOrbitV4 .ace-orbit-v4__orbit-side {
              --ace-orbit-shell-scale: clamp(0.72, calc((100vw - 28px) / 360), 1);
              min-height: calc(360px * var(--ace-orbit-shell-scale)) !important;
          }
      }

      /* =========================================================
   FINAL FIX : BLUESNAP / GLOBAL PAYMENTS SECTION ONLY
   Small screens: hide text labels, keep icons only,
   center structure, preserve desktop labels.
========================================================= */
      @media (max-width: 991.98px) {
          .bs-eco__stage {
              text-align: center;
          }

          .bs-side {
              width: auto !important;
              max-width: none !important;
              padding: 0 !important;
              gap: 0 !important;
              justify-content: center !important;
              margin-left: auto !important;
              margin-right: auto !important;
          }

          .bs-side--left,
          .bs-side--right {
              margin-bottom: 14px !important;
          }

          .bs-side--right {
              margin-top: 12px !important;
          }

          .bs-side__arrow {
              font-size: 30px !important;
              line-height: 1 !important;
          }

          .bs-orbit {
              width: min(calc(100vw - 48px), 500px) !important;
              height: min(calc(100vw - 48px), 500px) !important;
              max-width: 500px !important;
              max-height: 500px !important;
              margin: 0 auto !important;
          }

          .bs-orbit__ring {
              inset: clamp(34px, 9%, 56px) !important;
          }

          .bs-orbit__core-shadow {
              width: clamp(160px, 40%, 220px) !important;
              height: clamp(160px, 40%, 220px) !important;
          }

          .bs-center {
              width: clamp(190px, 48%, 250px) !important;
              height: clamp(190px, 48%, 250px) !important;
          }

          .bs-center__title {
              font-size: clamp(20px, 5vw, 30px) !important;
              line-height: 1.02 !important;
          }

          .bs-center__brand {
              font-size: clamp(11px, 2vw, 14px) !important;
          }

          .bs-center__brand small {
              font-size: .82em !important;
          }

          .bs-center__back-title {
              font-size: clamp(15px, 3.6vw, 22px) !important;
          }

          .bs-center__back-copy {
              font-size: clamp(10px, 2vw, 13px) !important;
              max-width: 72% !important;
              margin-left: auto !important;
              margin-right: auto !important;
          }

          .bs-node {
              width: 46px !important;
              min-width: 46px !important;
          }

          .bs-node__label {
              display: none !important;
          }

          .bs-node__icon {
              width: 100% !important;
              height: 100% !important;
              margin: 0 !important;
          }

          .bs-node--top {
              top: 7% !important;
              left: 50% !important;
              transform: translateX(-50%) !important;
          }

          .bs-node--top:hover {
              transform: translateX(-50%) scale(1.04) !important;
          }

          .bs-node--ur {
              top: 18% !important;
              right: 9% !important;
          }

          .bs-node--r {
              top: 50% !important;
              right: 4% !important;
              transform: translateY(-50%) !important;
          }

          .bs-node--r:hover {
              transform: translateY(-50%) scale(1.04) !important;
          }

          .bs-node--lr {
              right: 9% !important;
              bottom: 18% !important;
          }

          .bs-node--bottom {
              left: 50% !important;
              bottom: 7% !important;
              transform: translateX(-50%) !important;
          }

          .bs-node--bottom:hover {
              transform: translateX(-50%) scale(1.04) !important;
          }

          .bs-node--ll {
              left: 9% !important;
              bottom: 18% !important;
          }

          .bs-node--l {
              top: 50% !important;
              left: 4% !important;
              transform: translateY(-50%) !important;
          }

          .bs-node--l:hover {
              transform: translateY(-50%) scale(1.04) !important;
          }

          .bs-node--ul {
              top: 18% !important;
              left: 9% !important;
          }
      }

      @media (max-width: 575.98px) {
          .bs-orbit {
              width: min(calc(100vw - 32px), 390px) !important;
              height: min(calc(100vw - 32px), 390px) !important;
          }

          .bs-center {
              width: clamp(168px, 52%, 208px) !important;
              height: clamp(168px, 52%, 208px) !important;
          }

          .bs-node {
              width: 42px !important;
              min-width: 42px !important;
          }

          .bs-node__icon {
              width: 100% !important;
              height: 100% !important;
          }

          .bs-side__arrow {
              font-size: 26px !important;
          }
      }



      /* ===== HOMEPAGE TITLE SPAN FIXES ===== */
      .acm-hero-clean__title span,
      .acm-product-reel__heading h2 span,
      .ace-title span,
      .bs-eco__main-title span,
      .bs-eco__main-title em,
      .acm-core-feature-grid__title span,
      .acm-cta-premium__title span,
      .ace-site-footer__headline span {
          color: var(--accent-color, #D96C2B);
          font-style: normal;
      }

      /* Industry orbit title uses single title field now */
      .ace-orbit-v4__title span {
          color: var(--accent-color, #D96C2B);
      }

      /* Optional line-break helper when you use <br> in one title field */
      .acm-hero-clean__title br,
      .ace-orbit-v4__title br,
      .acm-product-reel__heading h2 br,
      .ace-title br,
      .bs-eco__main-title br,
      .acm-core-feature-grid__title br,
      .acm-cta-premium__title br {
          content: "";
      }

      /* Feature card icon support */
      .acm-core-feature-card__icon-svg,
      .acm-core-feature-card__icon-image,
      .acm-core-feature-card__icon i {
          display: inline-flex;
          align-items: center;
          justify-content: center;
      }

      .acm-core-feature-card__icon-svg svg {
          width: 24px;
          height: 24px;
      }

      .acm-core-feature-card__icon-image {
          width: 24px;
          height: 24px;
          object-fit: contain;
      }

      :root {
          --supply-primary: #D96C2B;
          --supply-primary-light: #ED8B46;
          --supply-dark: #1A2942;
          --supply-body: #5f6673;
          --supply-bg: #F8F8F6;
          --supply-soft: #F2F1ED;
          --supply-white: #ffffff;
          --supply-border: #E7E3DC;
          --supply-green: #EAF8F2;
          --supply-danger: #ea5b4a;

          --supply-radius-xs: 14px;
          --supply-radius-sm: 18px;
          --supply-radius-md: 24px;
          --supply-radius-lg: 32px;
          --supply-radius-xl: 40px;

          --supply-shadow-sm: 0 10px 24px rgba(26, 41, 66, .05);
          --supply-shadow-md: 0 18px 36px rgba(26, 41, 66, .07);
          --supply-shadow-lg: 0 26px 52px rgba(26, 41, 66, .10);

          --supply-wrap: 1320px;
          --supply-ease: cubic-bezier(.22, 1, .36, 1);
      }

      * {
          box-sizing: border-box;
          margin: 0;
          padding: 0
      }

      html {
          scroll-behavior: smooth
      }

      body {
          font-family: "Inter", sans-serif;
          font-size: 16px;
          line-height: 1.7;
          color: var(--supply-body);
          background: var(--supply-bg);
          -webkit-font-smoothing: antialiased;
          overflow-x: hidden;
      }

      img {
          display: block;
          max-width: 100%;
          height: auto
      }

      a {
          text-decoration: none;
          color: inherit
      }

      button,
      input,
      textarea {
          font: inherit
      }

      .acmsupply-page {
          background: var(--supply-bg);
          overflow: hidden
      }

      .acmsupply-wrap {
          width: min(var(--supply-wrap), calc(100% - 40px));
          margin-inline: auto
      }

      .acmsupply-section {
          padding: 68px 0
      }

      .acmsupply-shell {
          background: var(--supply-soft);
          border: 1px solid var(--supply-border);
          border-radius: var(--supply-radius-xl);
          padding: 22px;
          position: relative;
          overflow: hidden;
      }

      .acmsupply-shell::before {
          content: "";
          position: absolute;
          top: -70px;
          right: -70px;
          width: 200px;
          height: 200px;
          border-radius: 50%;
          background: radial-gradient(circle, rgba(217, 108, 43, .10), transparent 70%);
          pointer-events: none;
      }

      .acmsupply-shell::after {
          content: "";
          position: absolute;
          left: -55px;
          bottom: -55px;
          width: 170px;
          height: 170px;
          border-radius: 50%;
          background: radial-gradient(circle, rgba(26, 41, 66, .07), transparent 70%);
          pointer-events: none;
      }

      .acmsupply-kicker {
          display: inline-flex;
          align-items: center;
          gap: 8px;
          min-height: 34px;
          padding: 0 14px;
          border-radius: 999px;
          background: rgba(255, 255, 255, .92);
          border: 1px solid rgba(26, 41, 66, .08);
          color: var(--supply-primary);
          font-size: 10px;
          font-weight: 800;
          letter-spacing: .14em;
          text-transform: uppercase;
          box-shadow: 0 8px 16px rgba(26, 41, 66, .04);
      }

      .acmsupply-kicker i {
          font-size: 8px;
          line-height: 1
      }

      .acmsupply-title-xl,
      .acmsupply-title-lg,
      .acmsupply-title-md,
      .acmsupply-title-sm {
          color: var(--supply-dark);
          font-family: "Playfair Display", serif;
          font-weight: 700;
          letter-spacing: -.05em;
          line-height: .95;
      }

      .acmsupply-title-xl {
          font-size: clamp(44px, 5vw, 80px)
      }

      .acmsupply-title-lg {
          font-size: clamp(34px, 4vw, 60px)
      }

      .acmsupply-title-md {
          font-size: clamp(26px, 2.4vw, 38px);
          line-height: 1.04
      }

      .acmsupply-title-sm {
          font-size: clamp(21px, 2vw, 28px);
          line-height: 1.08
      }

      .acmsupply-title-xl span,
      .acmsupply-title-lg span,
      .acmsupply-title-md span,
      .acmsupply-title-sm span {
          color: var(--supply-primary)
      }

      .acmsupply-copy {
          color: var(--supply-body);
          font-size: 16px;
          line-height: 1.86;
      }

      .acmsupply-btn {
          display: inline-flex;
          align-items: center;
          justify-content: center;
          gap: 10px;
          min-height: 54px;
          padding: 0 24px;
          border-radius: 999px;
          border: 0;
          font-size: 14px;
          font-weight: 800;
          cursor: pointer;
          transition:
              transform .25s var(--supply-ease),
              box-shadow .25s var(--supply-ease),
              background .25s var(--supply-ease),
              color .25s var(--supply-ease);
      }

      .acmsupply-btn:hover {
          transform: translateY(-2px)
      }

      .acmsupply-btn--primary {
          color: #fff;
          background: linear-gradient(135deg, var(--supply-primary), var(--supply-primary-light));
          box-shadow: 0 16px 28px rgba(217, 108, 43, .22);
      }

      .acmsupply-btn--ghost {
          color: var(--supply-dark);
          background: rgba(255, 255, 255, .94);
          border: 1px solid rgba(26, 41, 66, .08);
          box-shadow: 0 8px 16px rgba(26, 41, 66, .04);
      }

      .acmsupply-card {
          background: var(--supply-white);
          border: 1px solid var(--supply-border);
          border-radius: var(--supply-radius-md);
          box-shadow: var(--supply-shadow-sm);
          position: relative;
          overflow: hidden;
          transition:
              transform .32s var(--supply-ease),
              box-shadow .32s var(--supply-ease),
              border-color .32s var(--supply-ease);
      }

      .acmsupply-card:hover {
          transform: translateY(-6px);
          box-shadow: var(--supply-shadow-md);
          border-color: rgba(217, 108, 43, .20);
      }

      .acmsupply-card::after {
          content: "";
          position: absolute;
          right: -40px;
          bottom: -40px;
          width: 130px;
          height: 130px;
          border-radius: 50%;
          background: radial-gradient(circle, rgba(217, 108, 43, .10), transparent 70%);
          opacity: 0;
          transition: opacity .32s var(--supply-ease);
          pointer-events: none;
      }

      .acmsupply-card:hover::after {
          opacity: 1
      }

      .acmsupply-card__inner {
          transition: transform .32s var(--supply-ease);
          transform: translateZ(0);
          position: relative;
          z-index: 1;
      }

      .acmsupply-card:hover .acmsupply-card__inner {
          transform: translateY(-2px)
      }

      .acmsupply-reveal {
          opacity: 0;
          transform: translateY(30px);
          transition: opacity .85s var(--supply-ease), transform .85s var(--supply-ease);
      }

      .acmsupply-reveal.is-visible {
          opacity: 1;
          transform: none;
      }

      /* hero */
      .acmsupply-hero {
          padding: 60px 0 34px
      }

      .acmsupply-hero__grid {
          display: grid;
          grid-template-columns: minmax(0, 1fr) minmax(360px, .82fr);
          gap: 26px;
          align-items: center;
      }

      .acmsupply-hero__copy {
          max-width: 640px;
          padding: 10px 8px 10px 6px;
      }

      .acmsupply-hero__copy .acmsupply-copy {
          margin-top: 16px;
          max-width: 560px;
      }

      .acmsupply-hero__chips {
          display: flex;
          flex-wrap: wrap;
          gap: 10px;
          margin-top: 22px;
      }

      .acmsupply-hero__chip {
          min-height: 38px;
          padding: 0 14px;
          border-radius: 999px;
          background: rgba(255, 255, 255, .92);
          border: 1px solid rgba(26, 41, 66, .08);
          color: var(--supply-dark);
          font-size: 13px;
          font-weight: 700;
          display: inline-flex;
          align-items: center;
          gap: 8px;
          box-shadow: 0 8px 16px rgba(26, 41, 66, .04);
      }

      .acmsupply-hero__chip i {
          color: var(--supply-primary);
          font-size: 12px;
      }

      .acmsupply-hero__visual {
          height: 100%;
          padding: 24px;
          background:
              linear-gradient(180deg, rgba(255, 255, 255, .24), rgba(255, 255, 255, .08)),
              linear-gradient(135deg, #edf5fb 0%, #f7fbff 100%);
          border: 1px solid rgba(26, 41, 66, .05);
          display: flex;
          align-items: center;
          justify-content: center;
      }

      .acmsupply-rollset {
          width: min(420px, 100%);
          display: grid;
          grid-template-columns: 1fr 1fr;
          gap: 18px;
          align-items: end;
      }

      .acmsupply-roll {
          position: relative;
          border-radius: 24px;
          background: linear-gradient(145deg, #ffffff, #f1ede8);
          border: 1px solid var(--supply-border);
          box-shadow: var(--supply-shadow-sm);
      }

      .acmsupply-roll::before {
          content: "";
          position: absolute;
          inset: auto 16px 18px 16px;
          height: 12px;
          border-radius: 999px;
          background: rgba(26, 41, 66, .08);
          filter: blur(8px);
      }

      .acmsupply-roll--tall {
          height: 250px;
          width: 150px;
          margin-inline: auto;
      }

      .acmsupply-roll--wide {
          height: 180px;
          width: 180px;
          margin-inline: auto;
      }

      .acmsupply-roll__tube {
          position: absolute;
          inset: 18px;
          border-radius: 22px;
          background: linear-gradient(180deg, #ffffff, #efefef 62%, #e5ddd6);
          box-shadow: inset -16px 0 24px rgba(0, 0, 0, .06);
      }

      .acmsupply-roll__ring {
          position: absolute;
          left: 50%;
          bottom: 22px;
          transform: translateX(-50%);
          width: 54px;
          height: 54px;
          border-radius: 50%;
          background: #fff;
          border: 8px solid #dfd6cf;
          box-shadow: inset 0 0 0 6px #f7f3ef;
      }

      .acmsupply-roll__tag {
          position: absolute;
          top: 18px;
          left: 18px;
          min-height: 28px;
          padding: 0 10px;
          border-radius: 999px;
          background: #fff4eb;
          color: var(--supply-primary);
          display: inline-flex;
          align-items: center;
          justify-content: center;
          font-size: 10px;
          font-weight: 800;
          letter-spacing: .08em;
          text-transform: uppercase;
          border: 1px solid rgba(217, 108, 43, .14);
      }

      /* board */
      .acmsupply-board {
          padding-top: 6px;
          padding-bottom: 34px;
      }

      .acmsupply-board__head {
          display: flex;
          align-items: end;
          justify-content: space-between;
          gap: 20px;
          margin-bottom: 22px;
      }

      .acmsupply-board__copy {
          max-width: 760px
      }

      .acmsupply-selected {
          display: flex;
          flex-wrap: wrap;
          gap: 10px;
          justify-content: flex-end;
      }

      .acmsupply-selected__pill {
          min-height: 38px;
          padding: 0 14px;
          border-radius: 999px;
          background: rgba(255, 255, 255, .94);
          border: 1px solid var(--supply-border);
          color: var(--supply-dark);
          font-size: 12px;
          font-weight: 700;
          display: inline-flex;
          align-items: center;
          gap: 8px;
          box-shadow: 0 8px 16px rgba(26, 41, 66, .04);
      }

      .acmsupply-selected__pill i {
          color: var(--supply-primary);
          font-size: 11px;
      }

      .acmsupply-group {
          margin-top: 18px
      }

      .acmsupply-group__title {
          display: inline-flex;
          align-items: center;
          gap: 8px;
          min-height: 40px;
          padding: 0 16px;
          border-radius: 999px;
          background: rgba(255, 255, 255, .92);
          border: 1px solid var(--supply-border);
          color: var(--supply-dark);
          font-size: 14px;
          font-weight: 800;
          box-shadow: 0 8px 16px rgba(26, 41, 66, .04);
          margin-bottom: 16px;
      }

      .acmsupply-group__title i {
          color: var(--supply-primary);
          font-size: 12px;
      }

      .acmsupply-products {
          display: grid;
          gap: 18px;
      }

      .acmsupply-product {
          padding: 20px
      }

      .acmsupply-product__grid {
          display: grid;
          grid-template-columns: 260px minmax(0, 1fr);
          gap: 18px;
          align-items: stretch;
      }

      .acmsupply-product__info {
          border-radius: 22px;
          border: 1px solid var(--supply-border);
          padding: 18px;
          background: linear-gradient(180deg, #ffffff, #fbfaf8);
          display: flex;
          flex-direction: column;
          height: 100%;
      }

      .acmsupply-product__badge {
          display: inline-flex;
          align-items: center;
          min-height: 28px;
          padding: 0 10px;
          border-radius: 999px;
          background: #fff4eb;
          color: var(--supply-primary);
          font-size: 10px;
          font-weight: 800;
          letter-spacing: .08em;
          text-transform: uppercase;
          width: max-content;
          margin-bottom: 12px;
      }

      .acmsupply-product__name {
          color: var(--supply-dark);
          font-family: "Playfair Display", serif;
          font-size: 30px;
          line-height: 1.05;
          letter-spacing: -.04em;
      }

      .acmsupply-product__sub {
          color: var(--supply-body);
          font-size: 14px;
          line-height: 1.72;
          margin-top: 10px;
      }

      .acmsupply-product__visual {
          margin-top: auto;
          min-height: 150px;
          border-radius: 20px;
          background:
              radial-gradient(circle at 18% 30%, rgba(217, 108, 43, .12), transparent 24%),
              radial-gradient(circle at 80% 72%, rgba(26, 41, 66, .08), transparent 24%),
              linear-gradient(135deg, #f3efe8 0%, #fbfaf8 100%);
          border: 1px solid var(--supply-border);
          display: flex;
          align-items: center;
          justify-content: center;
          padding: 18px;
      }

      .acmsupply-product__roll {
          width: 120px;
          height: 120px;
          border-radius: 50%;
          background: linear-gradient(145deg, #fff, #ededed 62%, #ddd3cb);
          position: relative;
          box-shadow: inset -18px 0 22px rgba(0, 0, 0, .08), 0 14px 24px rgba(26, 41, 66, .08);
      }

      .acmsupply-product__roll::before {
          content: "";
          position: absolute;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%);
          width: 42px;
          height: 42px;
          border-radius: 50%;
          background: #fff;
          border: 8px solid #ddd4cc;
          box-shadow: inset 0 0 0 5px #f7f3ef;
      }

      .acmsupply-product__roll::after {
          content: "";
          position: absolute;
          left: 50%;
          bottom: -18px;
          transform: translateX(-50%);
          width: 84px;
          height: 12px;
          border-radius: 999px;
          background: rgba(26, 41, 66, .10);
          filter: blur(8px);
      }

      .acmsupply-product__options {
          display: grid;
          gap: 12px;
      }

      .acmsupply-option {
          position: relative;
          display: grid;
          grid-template-columns: 120px minmax(0, 1fr) 190px;
          gap: 12px;
          align-items: center;
          min-height: 92px;
          padding: 14px;
          border-radius: 22px;
          border: 1px solid var(--supply-border);
          background: #fff;
          transition:
              transform .25s var(--supply-ease),
              border-color .25s var(--supply-ease),
              box-shadow .25s var(--supply-ease),
              background .25s var(--supply-ease);
          cursor: pointer;
      }

      .acmsupply-option:hover {
          transform: translateX(4px);
          border-color: rgba(217, 108, 43, .22);
          box-shadow: 0 10px 20px rgba(26, 41, 66, .05);
      }

      .acmsupply-option.is-selected {
          background: linear-gradient(135deg, #fff7f1, #fffdfb);
          border-color: rgba(217, 108, 43, .30);
          box-shadow: 0 12px 22px rgba(217, 108, 43, .10);
      }

      .acmsupply-option__qty {
          display: flex;
          align-items: center;
          gap: 10px;
          color: var(--supply-dark);
          font-size: 15px;
          font-weight: 800;
      }

      .acmsupply-option__qty-badge {
          width: 42px;
          height: 42px;
          border-radius: 14px;
          background: var(--supply-soft);
          border: 1px solid var(--supply-border);
          display: flex;
          align-items: center;
          justify-content: center;
          color: var(--supply-primary);
          font-size: 15px;
          font-weight: 900;
          transition: background .25s var(--supply-ease), color .25s var(--supply-ease), border-color .25s var(--supply-ease);
          flex: 0 0 42px;
      }

      .acmsupply-option.is-selected .acmsupply-option__qty-badge {
          background: var(--supply-primary);
          color: #fff;
          border-color: transparent;
      }

      .acmsupply-option__center {
          min-width: 0;
      }

      .acmsupply-option__eyebrow {
          color: #7f8894;
          font-size: 11px;
          line-height: 1.2;
          letter-spacing: .08em;
          text-transform: uppercase;
          font-weight: 800;
          margin-bottom: 6px;
      }

      .acmsupply-option__price-row {
          display: flex;
          align-items: center;
          gap: 10px;
          flex-wrap: wrap;
      }

      .acmsupply-option__price {
          color: var(--supply-dark);
          font-family: "Playfair Display", serif;
          font-size: 34px;
          line-height: 1;
          letter-spacing: -.04em;
      }

      .acmsupply-option__popular {
          min-height: 28px;
          padding: 0 10px;
          border-radius: 999px;
          background: #fff4eb;
          color: var(--supply-primary);
          border: 1px solid rgba(217, 108, 43, .16);
          font-size: 10px;
          font-weight: 900;
          letter-spacing: .08em;
          text-transform: uppercase;
          display: inline-flex;
          align-items: center;
          gap: 6px;
          white-space: nowrap;
      }

      .acmsupply-option__popular i {
          font-size: 10px;
      }

      .acmsupply-option__cta {
          display: flex;
          justify-content: flex-end;
      }

      .acmsupply-option__button {
          position: relative;
          overflow: hidden;
          min-height: 50px;
          padding: 0 18px;
          border-radius: 999px;
          border: 1px solid rgba(26, 41, 66, .10);
          background: #fff;
          color: var(--supply-dark);
          font-size: 13px;
          font-weight: 800;
          display: inline-flex;
          align-items: center;
          gap: 10px;
          transition:
              transform .25s var(--supply-ease),
              background .25s var(--supply-ease),
              color .25s var(--supply-ease),
              border-color .25s var(--supply-ease),
              box-shadow .25s var(--supply-ease);
      }

      .acmsupply-option__button::before {
          content: "";
          position: absolute;
          top: 0;
          left: -130%;
          width: 90%;
          height: 100%;
          background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .55), transparent);
          transition: left .55s var(--supply-ease);
          pointer-events: none;
      }

      .acmsupply-option:hover .acmsupply-option__button::before,
      .acmsupply-option.is-selected .acmsupply-option__button::before {
          left: 140%;
      }

      .acmsupply-option.is-selected .acmsupply-option__button {
          background: linear-gradient(135deg, var(--supply-primary), var(--supply-primary-light));
          color: #fff;
          border-color: transparent;
          box-shadow: 0 12px 20px rgba(217, 108, 43, .18);
          animation: acmsupplyPulse 2s infinite;
      }

      .acmsupply-option__button .fa-check {
          display: none
      }

      .acmsupply-option.is-selected .acmsupply-option__button .fa-check {
          display: inline-block
      }

      .acmsupply-option.is-selected .acmsupply-option__button .fa-plus {
          display: none
      }

      @keyframes acmsupplyPulse {
          0% {
              box-shadow: 0 12px 20px rgba(217, 108, 43, .18)
          }

          50% {
              box-shadow: 0 14px 28px rgba(217, 108, 43, .28)
          }

          100% {
              box-shadow: 0 12px 20px rgba(217, 108, 43, .18)
          }
      }

      .acmsupply-note {
          margin-top: 18px;
          padding: 14px 16px;
          border-radius: 18px;
          border: 1px solid rgba(217, 108, 43, .18);
          background: #fff4f4;
          color: var(--supply-danger);
          font-size: 14px;
          font-weight: 800;
          display: flex;
          align-items: center;
          gap: 10px;
      }

      /* form */
      .acmsupply-auth {
          padding-top: 10px;
          padding-bottom: 74px;
      }

      .acmsupply-auth__grid {
          display: grid;
          grid-template-columns: minmax(0, 1fr) 320px;
          gap: 24px;
          align-items: start;
      }

      .acmsupply-form {
          padding: 28px
      }

      .acmsupply-form__head {
          margin-bottom: 20px
      }

      .acmsupply-form__head .acmsupply-copy {
          margin-top: 12px;
          max-width: 780px;
      }

      .acmsupply-summary {
          display: flex;
          flex-wrap: wrap;
          gap: 10px;
          margin-top: 18px;
      }

      .acmsupply-summary__chip {
          min-height: 38px;
          padding: 0 14px;
          border-radius: 999px;
          background: #fff8f1;
          border: 1px solid rgba(217, 108, 43, .16);
          color: var(--supply-dark);
          font-size: 12px;
          font-weight: 700;
          display: inline-flex;
          align-items: center;
          gap: 8px;
      }

      .acmsupply-summary__chip i {
          color: var(--supply-primary);
          font-size: 11px;
      }

      .acmsupply-form__grid {
          display: grid;
          grid-template-columns: 1fr;
          gap: 16px;
          margin-top: 20px;
      }

      .acmsupply-field {
          display: block
      }

      .acmsupply-label {
          display: block;
          color: var(--supply-dark);
          font-size: 11px;
          line-height: 1.3;
          letter-spacing: .08em;
          text-transform: uppercase;
          font-weight: 800;
          margin-bottom: 8px;
      }

      .acmsupply-label .req {
          color: var(--supply-primary)
      }

      .acmsupply-input,
      .acmsupply-textarea {
          width: 100%;
          border: 1px solid #d9dee4;
          background: #fff;
          color: var(--supply-dark);
          border-radius: 16px;
          transition:
              border-color .28s var(--supply-ease),
              box-shadow .28s var(--supply-ease),
              background .28s var(--supply-ease);
      }

      .acmsupply-input {
          height: 58px;
          padding: 0 16px;
      }

      .acmsupply-textarea {
          min-height: 118px;
          padding: 16px;
          resize: vertical;
      }

      .acmsupply-input::placeholder,
      .acmsupply-textarea::placeholder {
          color: #8b97a4
      }

      .acmsupply-input:focus,
      .acmsupply-textarea:focus {
          outline: none;
          border-color: rgba(217, 108, 43, .52);
          box-shadow: 0 0 0 4px rgba(217, 108, 43, .10);
          background: #fffdfc;
      }

      .acmsupply-disclaimer {
          position: relative;
          padding: 18px 18px 18px 22px;
          border-radius: 18px;
          background: linear-gradient(135deg, #fff7f1, #fffdfc);
          border: 1px solid rgba(217, 108, 43, .18);
          overflow: hidden;
      }

      .acmsupply-disclaimer::before {
          content: "";
          position: absolute;
          inset: 0 auto 0 0;
          width: 4px;
          background: linear-gradient(180deg, var(--supply-primary), var(--supply-primary-light));
      }

      .acmsupply-disclaimer__row {
          display: grid;
          grid-template-columns: 42px 1fr;
          gap: 14px;
          align-items: start;
      }

      .acmsupply-disclaimer__icon {
          width: 42px;
          height: 42px;
          border-radius: 14px;
          background: rgba(217, 108, 43, .10);
          border: 1px solid rgba(217, 108, 43, .14);
          color: var(--supply-primary);
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 16px;
          flex: 0 0 42px;
      }

      .acmsupply-disclaimer__text {
          color: var(--supply-dark);
          font-size: 14px;
          line-height: 1.9;
          font-weight: 600;
      }

      .acmsupply-submit {
          width: 100%;
          margin-top: 8px;
      }

      .acmsupply-side {
          display: grid;
          gap: 18px;
          position: sticky;
          top: 24px;
      }

      .acmsupply-side__card {
          padding: 22px
      }

      .acmsupply-side__list {
          display: grid;
          gap: 12px;
          margin-top: 14px;
      }

      .acmsupply-side__item {
          display: grid;
          grid-template-columns: 46px 1fr;
          gap: 12px;
          align-items: start;
          padding: 14px;
          border-radius: 18px;
          background: var(--supply-bg);
          border: 1px solid var(--supply-border);
          transition:
              transform .25s var(--supply-ease),
              box-shadow .25s var(--supply-ease),
              border-color .25s var(--supply-ease);
      }

      .acmsupply-side__item:hover {
          transform: translateX(4px);
          border-color: rgba(217, 108, 43, .20);
          box-shadow: 0 8px 18px rgba(26, 41, 66, .04);
      }

      .acmsupply-side__icon {
          width: 42px;
          height: 42px;
          border-radius: 14px;
          background: rgba(217, 108, 43, .10);
          border: 1px solid rgba(217, 108, 43, .14);
          color: var(--supply-primary);
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 16px;
          transition: transform .28s var(--supply-ease);
      }

      .acmsupply-side__item:hover .acmsupply-side__icon {
          transform: scale(1.06) rotate(-4deg);
      }

      .acmsupply-side__text {
          color: var(--supply-dark);
          font-size: 14px;
          line-height: 1.8;
          font-weight: 600;
      }

      .acmsupply-side__hint {
          display: flex;
          flex-wrap: wrap;
          gap: 10px;
          margin-top: 16px;
      }

      .acmsupply-side__hint span {
          min-height: 34px;
          padding: 0 12px;
          border-radius: 999px;
          background: rgba(255, 255, 255, .92);
          border: 1px solid rgba(26, 41, 66, .08);
          color: var(--supply-dark);
          font-size: 12px;
          font-weight: 700;
          display: inline-flex;
          align-items: center;
          gap: 8px;
      }

      .acmsupply-side__hint i {
          color: var(--supply-primary);
          font-size: 11px;
      }


      .acmsupply-form__cf7,
      .acmsupply-form__cf7 .wpcf7 {
          width: 100%;
      }

      .acmsupply-form__cf7 .wpcf7 form {
          margin: 0;
      }

      .acmsupply-form__cf7 p {
          margin: 0;
      }

      .acmsupply-form__cf7 br {
          display: none;
      }

      .acmsupply-form__cf7 .wpcf7-form-control-wrap {
          display: block;
          width: 100%;
      }

      .acmsupply-form__cf7 .wpcf7-form-control {
          width: 100%;
      }

      .acmsupply-form__cf7 .acmsupply-submit {
          width: 100%;
          margin-top: 8px;
      }

      .acmsupply-form__cf7 .wpcf7-spinner {
          display: none;
      }

      .acmsupply-form .wpcf7-not-valid {
          border-color: rgba(217, 108, 43, .52) !important;
          box-shadow: 0 0 0 4px rgba(217, 108, 43, .10) !important;
      }

      .acmsupply-form .wpcf7-not-valid-tip {
          margin-top: 8px;
          font-size: 13px;
          line-height: 1.5;
          color: #ea5b4a;
          font-weight: 700;
      }

      .acmsupply-form .wpcf7-response-output {
          margin: 16px 0 0 !important;
          padding: 14px 16px !important;
          border-radius: 16px;
          font-size: 14px;
          line-height: 1.6;
      }

      .acmsupply-form form.sent .wpcf7-response-output {
          border: 1px solid #1f9d61;
          color: #1f9d61;
      }

      .acmsupply-form form.invalid .wpcf7-response-output,
      .acmsupply-form form.failed .wpcf7-response-output,
      .acmsupply-form form.aborted .wpcf7-response-output {
          border: 1px solid #ea5b4a;
          color: #ea5b4a;
      }

      .acmsupply-hero__image-wrap {
          display: flex;
          align-items: center;
          justify-content: center;
          width: 100%;
          min-height: 260px;
          border-radius: 28px;
          overflow: hidden;
      }

      .acmsupply-hero__image {
          display: block;
          width: 100%;
          max-width: 420px;
          height: auto;
          object-fit: contain;
      }

      .acmsupply-product__visual {
          display: flex;
          align-items: center;
          justify-content: center;
          min-height: 170px;
          border-radius: 22px;
          overflow: hidden;
          background: linear-gradient(180deg, #f8f6f2 0%, #f2efea 100%);
      }

      .acmsupply-product__image {
          display: block;
          width: 100%;
          max-width: 150px;
          height: auto;
          object-fit: contain;
      }

      /* old fake roll hidden */
      .acmsupply-rollset,
      .acmsupply-roll,
      .acmsupply-product__roll {
          display: none !important;
      }

      .acmsupply-hero__images {
          display: flex;
          align-items: flex-end;
          justify-content: center;
          gap: 24px;
          width: 100%;
          height: 100%;
      }

      .acmsupply-hero__image-item {
          display: flex;
          align-items: center;
          justify-content: center;
      }

      .acmsupply-hero__image-item--tall {
          width: 42%;
      }

      .acmsupply-hero__image-item--wide {
          width: 34%;
      }

      .acmsupply-hero__image {
          display: block;
          width: 100%;
          height: auto;
          object-fit: contain;
      }

      @media (min-width:1200px) and (max-width:1399.98px) {
          .acmsupply-wrap {
              width: min(var(--supply-wrap), calc(100% - 34px))
          }
      }

      @media (min-width:992px) and (max-width:1199.98px) {
          .acmsupply-wrap {
              width: min(var(--supply-wrap), calc(100% - 30px))
          }

          .acmsupply-hero__grid {
              grid-template-columns: minmax(0, 1fr) 400px
          }

          .acmsupply-product__grid {
              grid-template-columns: 240px minmax(0, 1fr)
          }

          .acmsupply-option {
              grid-template-columns: 110px minmax(0, 1fr) 170px
          }
      }

      @media (min-width:768px) and (max-width:991.98px) {
          .acmsupply-wrap {
              width: min(var(--supply-wrap), calc(100% - 24px))
          }

          .acmsupply-section {
              padding: 54px 0
          }

          .acmsupply-shell {
              padding: 16px;
              border-radius: 28px
          }

          .acmsupply-hero__grid,
          .acmsupply-auth__grid {
              grid-template-columns: 1fr
          }

          .acmsupply-board__head {
              flex-direction: column;
              align-items: flex-start
          }

          .acmsupply-selected {
              justify-content: flex-start
          }

          .acmsupply-product__grid {
              grid-template-columns: 1fr
          }

          .acmsupply-side {
              position: relative;
              top: auto
          }
      }

      @media (min-width:480px) and (max-width:767.98px) {
          .acmsupply-wrap {
              width: min(var(--supply-wrap), calc(100% - 20px))
          }

          .acmsupply-section {
              padding: 44px 0
          }

          .acmsupply-shell {
              padding: 14px;
              border-radius: 24px
          }

          .acmsupply-title-xl {
              font-size: clamp(38px, 10vw, 58px);
              line-height: .97
          }

          .acmsupply-title-lg {
              font-size: clamp(30px, 8vw, 46px)
          }

          .acmsupply-copy {
              font-size: 15px;
              line-height: 1.76
          }

          .acmsupply-hero__grid,
          .acmsupply-auth__grid {
              grid-template-columns: 1fr
          }

          .acmsupply-board__head {
              flex-direction: column;
              align-items: flex-start
          }

          .acmsupply-selected {
              justify-content: flex-start
          }

          .acmsupply-product__grid {
              grid-template-columns: 1fr
          }

          .acmsupply-option {
              grid-template-columns: 1fr;
              align-items: flex-start
          }

          .acmsupply-option__cta {
              justify-content: flex-start
          }

          .acmsupply-form,
          .acmsupply-side__card {
              padding: 20px 18px
          }

          .acmsupply-side {
              position: relative;
              top: auto
          }

          .acmsupply-disclaimer__row {
              grid-template-columns: 1fr
          }
      }

      @media (min-width:320px) and (max-width:479.98px) {
          .acmsupply-wrap {
              width: min(var(--supply-wrap), calc(100% - 16px))
          }

          .acmsupply-section {
              padding: 38px 0
          }

          .acmsupply-shell {
              padding: 12px;
              border-radius: 20px
          }

          .acmsupply-kicker {
              min-height: 32px;
              padding: 0 12px;
              font-size: 9px
          }

          .acmsupply-title-xl {
              font-size: 34px;
              line-height: .98
          }

          .acmsupply-title-lg {
              font-size: 28px;
              line-height: 1
          }

          .acmsupply-copy {
              font-size: 14px;
              line-height: 1.7
          }

          .acmsupply-hero__grid,
          .acmsupply-auth__grid {
              grid-template-columns: 1fr
          }

          .acmsupply-board__head {
              flex-direction: column;
              align-items: flex-start
          }

          .acmsupply-selected {
              justify-content: flex-start
          }

          .acmsupply-product {
              padding: 16px
          }

          .acmsupply-product__grid {
              grid-template-columns: 1fr
          }

          .acmsupply-option {
              grid-template-columns: 1fr;
              align-items: flex-start
          }

          .acmsupply-option__cta {
              justify-content: flex-start
          }

          .acmsupply-form,
          .acmsupply-side__card {
              padding: 18px 16px
          }

          .acmsupply-input {
              height: 56px;
              padding: 0 16px
          }

          .acmsupply-side {
              position: relative;
              top: auto
          }

          .acmsupply-disclaimer__row {
              grid-template-columns: 1fr
          }
      }

      /* =========================================================
   START: CONTACT PAGE - INTRO HERO CENTERED
========================================================= */

      :root {
          --contact-primary: #D96C2B;
          --contact-primary-light: #ED8B46;
          --contact-dark: #1A2942;
          --contact-body: #5f6673;
          --contact-bg: #F8F8F6;
          --contact-soft: #F2F1ED;
          --contact-white: #ffffff;
          --contact-border: #E7E3DC;

          --contact-radius-xs: 14px;
          --contact-radius-sm: 18px;
          --contact-radius-md: 24px;
          --contact-radius-lg: 32px;
          --contact-radius-xl: 40px;

          --contact-shadow-sm: 0 10px 24px rgba(26, 41, 66, .05);
          --contact-shadow-md: 0 18px 38px rgba(26, 41, 66, .07);
          --contact-shadow-lg: 0 26px 54px rgba(26, 41, 66, .09);

          --contact-wrap: 1320px;
          --contact-ease: cubic-bezier(.22, 1, .36, 1);
      }

      .acecontact-page {
          background: var(--contact-bg);
          overflow: hidden;
      }

      .acecontact-wrap {
          width: min(var(--contact-wrap), calc(100% - 40px));
          margin-inline: auto;
      }

      .acecontact-section {
          padding: 68px 0;
      }

      .acecontact-shell {
          background: var(--contact-soft);
          border: 1px solid var(--contact-border);
          border-radius: var(--contact-radius-xl);
          padding: 22px;
          position: relative;
          overflow: hidden;
      }

      .acecontact-shell::before {
          content: "";
          position: absolute;
          top: -60px;
          right: -60px;
          width: 180px;
          height: 180px;
          border-radius: 50%;
          background: radial-gradient(circle, rgba(217, 108, 43, .10), transparent 70%);
          pointer-events: none;
      }

      .acecontact-shell::after {
          content: "";
          position: absolute;
          left: -50px;
          bottom: -50px;
          width: 160px;
          height: 160px;
          border-radius: 50%;
          background: radial-gradient(circle, rgba(26, 41, 66, .07), transparent 70%);
          pointer-events: none;
      }

      .acecontact-kicker {
          display: inline-flex;
          align-items: center;
          gap: 8px;
          min-height: 34px;
          padding: 0 14px;
          border-radius: 999px;
          background: rgba(255, 255, 255, .92);
          border: 1px solid rgba(26, 41, 66, .08);
          color: var(--contact-primary);
          font-size: 10px;
          font-weight: 800;
          letter-spacing: .14em;
          text-transform: uppercase;
          box-shadow: 0 8px 16px rgba(26, 41, 66, .04);
      }

      .acecontact-kicker i {
          font-size: 8px;
          line-height: 1;
      }

      .acecontact-title-xl,
      .acecontact-title-lg,
      .acecontact-title-md,
      .acecontact-title-sm {
          color: var(--contact-dark);
          font-family: "Playfair Display", serif;
          font-weight: 700;
          letter-spacing: -.05em;
          line-height: .95;
      }

      .acecontact-title-xl {
          font-size: clamp(44px, 5.2vw, 80px)
      }

      .acecontact-title-lg {
          font-size: clamp(34px, 4vw, 60px)
      }

      .acecontact-title-md {
          font-size: clamp(26px, 2.4vw, 38px);
          line-height: 1.04
      }

      .acecontact-title-sm {
          font-size: clamp(21px, 2vw, 28px);
          line-height: 1.08
      }

      .acecontact-title-xl span,
      .acecontact-title-lg span,
      .acecontact-title-md span,
      .acecontact-title-sm span {
          color: var(--contact-primary);
      }

      .acecontact-copy {
          color: var(--contact-body);
          font-size: 16px;
          line-height: 1.86;
      }

      .acecontact-btn {
          display: inline-flex;
          align-items: center;
          justify-content: center;
          gap: 10px;
          min-height: 56px;
          padding: 0 24px;
          border-radius: 999px;
          border: 0;
          font-size: 15px;
          font-weight: 800;
          cursor: pointer;
          transition:
              transform .25s var(--contact-ease),
              box-shadow .25s var(--contact-ease),
              background .25s var(--contact-ease);
      }

      .acecontact-btn:hover {
          transform: translateY(-2px);
      }

      .acecontact-btn--primary {
          color: #fff;
          background: linear-gradient(135deg, var(--contact-primary), var(--contact-primary-light));
          box-shadow: 0 16px 28px rgba(217, 108, 43, .22);
      }

      .acecontact-card {
          background: var(--contact-white);
          border: 1px solid var(--contact-border);
          border-radius: var(--contact-radius-md);
          box-shadow: var(--contact-shadow-sm);
          position: relative;
          overflow: hidden;
          transition:
              transform .32s var(--contact-ease),
              box-shadow .32s var(--contact-ease),
              border-color .32s var(--contact-ease);
      }

      .acecontact-card:hover {
          transform: translateY(-6px);
          box-shadow: var(--contact-shadow-md);
          border-color: rgba(217, 108, 43, .20);
      }

      .acecontact-card::after {
          content: "";
          position: absolute;
          right: -40px;
          bottom: -40px;
          width: 130px;
          height: 130px;
          border-radius: 50%;
          background: radial-gradient(circle, rgba(217, 108, 43, .10), transparent 70%);
          opacity: 0;
          transition: opacity .32s var(--contact-ease);
          pointer-events: none;
      }

      .acecontact-card:hover::after {
          opacity: 1;
      }

      .acecontact-card__inner {
          transition: transform .32s var(--contact-ease);
          transform: translateZ(0);
          position: relative;
          z-index: 1;
      }

      .acecontact-card:hover .acecontact-card__inner {
          transform: translateY(-2px);
      }

      .acecontact-reveal {
          opacity: 0;
          transform: translateY(30px);
          transition: opacity .85s var(--contact-ease), transform .85s var(--contact-ease);
      }

      .acecontact-reveal.is-visible {
          opacity: 1;
          transform: none;
      }

      .acecontact-hero {
          padding: 60px 0 32px;
      }

      .acecontact-hero__head {
          text-align: center;
          max-width: 820px;
          margin: 0 auto;
      }

      .acecontact-hero__head .acecontact-copy {
          max-width: 720px;
          margin: 14px auto 0;
      }

      /* =========================================================
   END: CONTACT PAGE - INTRO HERO CENTERED
========================================================= */


      /* =========================================================
   START: CONTACT PAGE - CONTACT FORM SIDEBAR
========================================================= */

      .acecontact-main {
          padding-top: 8px;
          padding-bottom: 72px;
      }

      .acecontact-main__grid {
          display: grid;
          grid-template-columns: minmax(0, 1.06fr) minmax(320px, .66fr);
          gap: 24px;
          align-items: start;
      }

      .acecontact-form {
          padding: 28px;
      }

      .acecontact-form__head {
          margin-bottom: 22px;
      }

      .acecontact-form__head .acecontact-copy {
          margin-top: 12px;
          max-width: 700px;
      }

      .acecontact-form__grid {
          display: grid;
          grid-template-columns: repeat(2, minmax(0, 1fr));
          gap: 16px;
      }

      .acecontact-field {
          display: block;
      }

      .acecontact-field--full {
          grid-column: 1 / -1;
      }

      .acecontact-label {
          display: block;
          color: var(--contact-dark);
          font-size: 11px;
          line-height: 1.3;
          letter-spacing: .08em;
          text-transform: uppercase;
          font-weight: 800;
          margin-bottom: 8px;
      }

      .acecontact-label .req {
          color: var(--contact-primary);
      }

      .acecontact-input,
      .acecontact-textarea {
          width: 100%;
          border: 1px solid #d9dee4;
          background: #fff;
          color: var(--contact-dark);
          border-radius: 16px;
          transition:
              border-color .28s var(--contact-ease),
              box-shadow .28s var(--contact-ease),
              transform .28s var(--contact-ease),
              background .28s var(--contact-ease);
      }

      .acecontact-input {
          height: 60px;
          padding: 0 18px;
      }

      .acecontact-textarea {
          min-height: 168px;
          padding: 18px;
          resize: vertical;
      }

      .acecontact-input::placeholder,
      .acecontact-textarea::placeholder {
          color: #8b97a4;
      }

      .acecontact-input:focus,
      .acecontact-textarea:focus {
          outline: none;
          border-color: rgba(217, 108, 43, .52);
          box-shadow: 0 0 0 4px rgba(217, 108, 43, .10);
          background: #fffdfc;
      }

      .acecontact-submit {
          width: 100%;
          margin-top: 20px;
      }

      .acecontact-side {
          display: grid;
          gap: 18px;
          position: sticky;
          top: 24px;
      }

      .acecontact-info {
          padding: 24px;
      }

      .acecontact-info__copy {
          padding-bottom: 20px;
          border-bottom: 1px solid var(--contact-border);
          margin-bottom: 20px;
      }

      .acecontact-info__copy .acecontact-copy {
          color: var(--contact-dark);
          font-size: 16px;
          line-height: 1.9;
      }

      .acecontact-info__list {
          display: grid;
          gap: 14px;
          margin-top: 18px;
      }

      .acecontact-info__item {
          display: grid;
          grid-template-columns: 54px 1fr;
          gap: 14px;
          align-items: start;
          padding: 16px;
          background: var(--contact-bg);
          border: 1px solid var(--contact-border);
          border-radius: 20px;
          transition:
              transform .25s var(--contact-ease),
              border-color .25s var(--contact-ease),
              box-shadow .25s var(--contact-ease);
      }

      .acecontact-info__item:hover {
          transform: translateX(4px);
          border-color: rgba(217, 108, 43, .22);
          box-shadow: 0 8px 18px rgba(26, 41, 66, .04);
      }

      .acecontact-info__icon {
          width: 44px;
          height: 44px;
          border-radius: 14px;
          display: flex;
          align-items: center;
          justify-content: center;
          background: rgba(217, 108, 43, .10);
          border: 1px solid rgba(217, 108, 43, .14);
          color: var(--contact-primary);
          font-size: 18px;
          transition: transform .28s var(--contact-ease), background .28s var(--contact-ease);
      }

      .acecontact-info__item:hover .acecontact-info__icon {
          transform: scale(1.06) rotate(-4deg);
          background: rgba(217, 108, 43, .14);
      }

      .acecontact-info__text {
          color: var(--contact-dark);
          font-size: 15px;
          line-height: 1.82;
          font-weight: 600;
      }

      .acecontact-social {
          padding: 22px;
      }

      .acecontact-social__row {
          display: flex;
          flex-wrap: wrap;
          gap: 10px;
          margin-top: 16px;
      }

      .acecontact-social__link {
          width: 46px;
          height: 46px;
          border-radius: 14px;
          display: flex;
          align-items: center;
          justify-content: center;
          background: var(--contact-bg);
          border: 1px solid var(--contact-border);
          color: var(--contact-dark);
          font-size: 16px;
          transition:
              transform .25s var(--contact-ease),
              color .25s var(--contact-ease),
              border-color .25s var(--contact-ease),
              background .25s var(--contact-ease),
              box-shadow .25s var(--contact-ease);
      }

      .acecontact-social__link:hover {
          transform: translateY(-3px);
          color: var(--contact-primary);
          background: #fff;
          border-color: rgba(217, 108, 43, .22);
          box-shadow: 0 10px 20px rgba(26, 41, 66, .05);
      }

      .acecontact-help {
          padding: 22px;
          background: linear-gradient(135deg, rgba(217, 108, 43, .08), rgba(255, 255, 255, .96));
      }

      .acecontact-help__chips {
          display: flex;
          flex-wrap: wrap;
          gap: 10px;
          margin-top: 16px;
      }

      .acecontact-help__chip {
          min-height: 34px;
          padding: 0 12px;
          border-radius: 999px;
          background: rgba(255, 255, 255, .88);
          border: 1px solid rgba(26, 41, 66, .08);
          color: var(--contact-dark);
          font-size: 12px;
          font-weight: 700;
          display: inline-flex;
          align-items: center;
          gap: 8px;
      }

      .acecontact-help__chip i {
          color: var(--contact-primary);
          font-size: 11px;
      }

      /* =========================================================
   END: CONTACT PAGE - CONTACT FORM SIDEBAR
========================================================= */


      /* =========================================================
   START: CONTACT PAGE - RESPONSIVE
========================================================= */

      @media (min-width:1200px) and (max-width:1399.98px) {
          .acecontact-wrap {
              width: min(var(--contact-wrap), calc(100% - 34px));
          }
      }

      @media (min-width:992px) and (max-width:1199.98px) {
          .acecontact-wrap {
              width: min(var(--contact-wrap), calc(100% - 30px));
          }

          .acecontact-main__grid {
              grid-template-columns: minmax(0, 1fr) 360px;
          }
      }

      @media (min-width:768px) and (max-width:991.98px) {
          .acecontact-wrap {
              width: min(var(--contact-wrap), calc(100% - 24px));
          }

          .acecontact-section {
              padding: 54px 0;
          }

          .acecontact-shell {
              padding: 16px;
              border-radius: 28px;
          }

          .acecontact-main__grid {
              grid-template-columns: 1fr;
          }

          .acecontact-side {
              position: relative;
              top: auto;
          }
      }

      @media (min-width:480px) and (max-width:767.98px) {
          .acecontact-wrap {
              width: min(var(--contact-wrap), calc(100% - 20px));
          }

          .acecontact-section {
              padding: 44px 0;
          }

          .acecontact-shell {
              padding: 14px;
              border-radius: 24px;
          }

          .acecontact-title-xl {
              font-size: clamp(38px, 10vw, 58px);
              line-height: .97;
          }

          .acecontact-title-lg {
              font-size: clamp(30px, 8vw, 46px);
          }

          .acecontact-copy {
              font-size: 15px;
              line-height: 1.76;
          }

          .acecontact-main__grid,
          .acecontact-form__grid {
              grid-template-columns: 1fr;
          }

          .acecontact-form,
          .acecontact-info,
          .acecontact-social,
          .acecontact-help {
              padding: 20px 18px;
          }

          .acecontact-side {
              position: relative;
              top: auto;
          }
      }

      @media (min-width:320px) and (max-width:479.98px) {
          .acecontact-wrap {
              width: min(var(--contact-wrap), calc(100% - 16px));
          }

          .acecontact-section {
              padding: 38px 0;
          }

          .acecontact-shell {
              padding: 12px;
              border-radius: 20px;
          }

          .acecontact-kicker {
              min-height: 32px;
              padding: 0 12px;
              font-size: 9px;
          }

          .acecontact-title-xl {
              font-size: 34px;
              line-height: .98;
          }

          .acecontact-title-lg {
              font-size: 28px;
              line-height: 1;
          }

          .acecontact-copy {
              font-size: 14px;
              line-height: 1.7;
          }

          .acecontact-main__grid,
          .acecontact-form__grid {
              grid-template-columns: 1fr;
          }

          .acecontact-form,
          .acecontact-info,
          .acecontact-social,
          .acecontact-help {
              padding: 18px 16px;
          }

          .acecontact-side {
              position: relative;
              top: auto;
          }

          .acecontact-input {
              height: 56px;
              padding: 0 16px;
          }

          .acecontact-textarea {
              min-height: 150px;
              padding: 16px;
          }
      }

      /* =========================================================
   END: CONTACT PAGE - RESPONSIVE
========================================================= */


      /* =========================================================
   PARTNER WITH US — SCOPED APPEND
   Paste at the END of your main style.css
   This version is scoped so it will NOT change your site-wide
   buttons, container, hero, features, growth, or typography.
   CTA removed.
   ========================================================= */

      .amp-partner-page {
          --primary: #D96C2B;
          --primary-light: #ED8B46;
          --primary-pale: rgba(217, 108, 43, .08);
          --dark: #1A2942;
          --body: #5f6673;
          --bg: #F8F7F4;
          --bg-soft: #F4F1EC;
          --white: #fff;
          --mint: #dfeee7;
          --mint-2: #d6e8df;
          --ice: #e7eff8;
          --sand: #f5e7d4;
          --lavender: #ede8f7;
          --peach: #fae5d9;
          --border: rgba(26, 41, 66, .08);
          --radius: 14px;
          --radius-lg: 24px;
          --radius-xl: 34px;
          --shadow: 0 18px 40px rgba(26, 41, 66, .08);
          --shadow-lg: 0 28px 70px rgba(26, 41, 66, .12);
          --font-body: "Inter", sans-serif;
          --font-head: "Playfair Display", serif;
          --ease: cubic-bezier(.22, 1, .36, 1);
      }

      .amp-partner-page,
      .amp-partner-page *,
      .amp-partner-page *::before,
      .amp-partner-page *::after {
          box-sizing: border-box;
      }

      .amp-partner-page {
          position: relative;
          color: var(--body);
          font-family: var(--font-body);
      }

      .amp-partner-page img {
          display: block;
          max-width: 100%;
          height: auto;
      }

      .amp-partner-page a {
          text-decoration: none;
          color: inherit;
      }

      .amp-partner-page button {
          cursor: pointer;
          border: 0;
          background: none;
          font-family: var(--font-body);
      }

      .amp-partner-page h1,
      .amp-partner-page h2,
      .amp-partner-page h3,
      .amp-partner-page h4 {
          color: var(--dark);
          font-family: var(--font-head);
          line-height: 1;
          margin: 0;
      }

      .amp-partner-page .container {
          width: min(1280px, calc(100% - 48px));
          margin: 0 auto;
          max-width: none;
          padding-left: 0;
          padding-right: 0;
      }

      .amp-partner-page [data-reveal] {
          opacity: 0;
          transform: translateY(40px);
          transition: opacity .8s var(--ease), transform .8s var(--ease);
      }

      .amp-partner-page [data-reveal="left"] {
          transform: translateX(-50px);
      }

      .amp-partner-page [data-reveal="right"] {
          transform: translateX(50px);
      }

      .amp-partner-page [data-reveal="scale"] {
          transform: scale(.94) translateY(20px);
      }

      .amp-partner-page [data-reveal].visible {
          opacity: 1;
          transform: none;
      }

      /* buttons */
      .amp-partner-page .btn-primary,
      .amp-partner-page .btn-secondary {
          display: inline-flex;
          align-items: center;
          justify-content: center;
          gap: 10px;
          min-height: 56px;
          padding: 0 26px;
          border-radius: 999px;
          font-size: 15px;
          line-height: 1;
          white-space: nowrap;
          transition: transform .25s, box-shadow .25s, border-color .25s, background-color .25s, color .25s;
      }

      .amp-partner-page .btn-primary {
          background: linear-gradient(135deg, var(--primary), var(--primary-light));
          color: #fff;
          font-weight: 700;
          box-shadow: 0 14px 28px rgba(217, 108, 43, .26);
      }

      .amp-partner-page .btn-primary:hover {
          transform: translateY(-2px);
          box-shadow: 0 20px 36px rgba(217, 108, 43, .30);
          color: #fff;
      }

      .amp-partner-page .btn-secondary {
          background: rgba(255, 255, 255, .88);
          border: 1px solid var(--border);
          color: var(--dark);
          font-weight: 600;
      }

      .amp-partner-page .btn-secondary:hover {
          transform: translateY(-2px);
          border-color: rgba(217, 108, 43, .30);
          color: var(--dark);
      }

      .amp-partner-page .section-eyebrow {
          display: inline-flex;
          align-items: center;
          gap: 9px;
          min-height: 40px;
          padding: 0 16px;
          margin-bottom: 18px;
          border-radius: 999px;
          background: rgba(255, 255, 255, .9);
          border: 1px solid var(--border);
          color: #667287;
          font-size: 11px;
          font-weight: 800;
          letter-spacing: .12em;
          text-transform: uppercase;
          box-shadow: 0 8px 20px rgba(26, 41, 66, .04);
      }

      .amp-partner-page .section-eyebrow__dot {
          width: 7px;
          height: 7px;
          border-radius: 50%;
          background: var(--primary);
          box-shadow: 0 0 0 5px rgba(217, 108, 43, .10);
      }

      .amp-partner-page .section-title {
          font-size: clamp(40px, 4.8vw, 72px);
          font-weight: 600;
          line-height: .96;
          letter-spacing: -.04em;
          color: var(--dark);
          margin-bottom: 16px;
      }

      .amp-partner-page .section-title em {
          color: var(--primary);
          font-style: normal;
      }

      /* hero */
      .amp-partner-page.hero {
          overflow: hidden;
          padding: 28px 0 44px;
          background: transparent;
      }

      .amp-partner-page.hero .hero__surface {
          position: relative;
          overflow: hidden;
          padding: 44px;
          border-radius: 42px;
          box-shadow: var(--shadow-lg);
      }

      .amp-partner-page.hero .hero__surface::before {
          content: "";
          position: absolute;
          right: -200px;
          top: -140px;
          width: 480px;
          height: 480px;
          border-radius: 50%;
          background: radial-gradient(circle, rgba(217, 108, 43, .08), transparent 72%);
          pointer-events: none;
      }

      .amp-partner-page.hero .hero__surface::after {
          content: "";
          position: absolute;
          left: -180px;
          bottom: -180px;
          width: 420px;
          height: 420px;
          border-radius: 50%;
          background: radial-gradient(circle, rgba(26, 41, 66, .05), transparent 72%);
          pointer-events: none;
      }

      .amp-partner-page.hero .hero__grid {
          display: grid;
          grid-template-columns: minmax(0, .92fr) minmax(500px, 1.08fr);
          gap: 42px;
          align-items: center;
      }

      .amp-partner-page.hero .hero__content {
          position: relative;
          z-index: 2;
          max-width: 560px;
      }

      .amp-partner-page.hero .hero__eyebrow {
          margin-bottom: 24px;
      }

      .amp-partner-page.hero .hero__title {
          font-size: clamp(54px, 6vw, 84px);
          font-weight: 600;
          line-height: .92;
          letter-spacing: -.05em;
          margin: 0 0 18px;
          color: var(--dark);
      }

      .amp-partner-page.hero .hero__title em {
          display: block;
          color: var(--primary);
          font-style: normal;
      }

      .amp-partner-page.hero .hero__desc {
          font-size: 17px;
          line-height: 1.82;
          color: #667287;
          max-width: 540px;
          margin: 0 0 28px;
      }

      .amp-partner-page.hero .hero__actions {
          display: flex;
          align-items: center;
          gap: 14px;
          flex-wrap: wrap;
          margin-bottom: 22px;
      }

      .amp-partner-page.hero .hero__pills {
          display: flex;
          flex-wrap: wrap;
          gap: 10px;
      }

      .amp-partner-page.hero .hero__pill {
          display: inline-flex;
          align-items: center;
          gap: 8px;
          min-height: 36px;
          padding: 0 14px;
          border-radius: 999px;
          background: rgba(255, 255, 255, .78);
          border: 1px solid rgba(26, 41, 66, .06);
          color: #5d6a7d;
          font-size: 12px;
          font-weight: 600;
          box-shadow: 0 8px 18px rgba(26, 41, 66, .04);
      }

      .amp-partner-page.hero .hero__visual {
          position: relative;
          min-width: 0;
          z-index: 2;
          perspective: 1400px;
      }

      .amp-partner-page.hero .hero__visual-wrap {
          position: relative;
          min-height: 620px;
      }

      .amp-partner-page.hero .hero__media {
          position: relative;
          overflow: hidden;
          width: min(760px, 100%);
          margin-left: auto;
          border-radius: 34px;
          background: #d7d7d7;
          border: 1px solid rgba(255, 255, 255, .85);
          box-shadow: 0 24px 54px rgba(26, 41, 66, .16);
          transform-style: preserve-3d;
          transition: transform .2s ease;
      }

      .amp-partner-page.hero .hero__media img {
          width: 100%;
          height: 510px;
          object-fit: cover;
          object-position: center;
          transform: scale(1.02);
      }

      .amp-partner-page.hero .hero__media::before {
          content: "";
          position: absolute;
          inset: 0;
          background: linear-gradient(180deg, rgba(8, 12, 20, .08) 0%, rgba(8, 12, 20, .42) 100%);
          pointer-events: none;
          z-index: 1;
      }

      .amp-partner-page.hero .hero__overlay-card {
          position: absolute;
          z-index: 3;
          border-radius: 28px;
          background: rgba(255, 255, 255, .90);
          border: 1px solid rgba(255, 255, 255, .88);
          box-shadow: 0 18px 36px rgba(26, 41, 66, .16);
          backdrop-filter: blur(16px);
      }

      .amp-partner-page.hero .hero__overlay-card--big {
          left: -38px;
          bottom: 44px;
          width: 340px;
          padding: 26px 24px 24px;
          background: rgba(29, 40, 58, .54);
          border-color: rgba(255, 255, 255, .18);
          color: #fff;
          overflow: hidden;
      }

      .amp-partner-page.hero .hero__overlay-card--big::before {
          content: "";
          position: absolute;
          inset: 0;
          background: radial-gradient(circle at 26% 26%, rgba(255, 255, 255, .22), transparent 24%), linear-gradient(180deg, rgba(255, 255, 255, .10), rgba(255, 255, 255, .02));
          pointer-events: none;
      }

      .amp-partner-page.hero .hero__overlay-card--big .hero__overlay-title {
          position: relative;
          z-index: 2;
          font-family: var(--font-body);
          font-size: clamp(34px, 3.4vw, 62px);
          line-height: .92;
          letter-spacing: -.05em;
          color: #fff;
          font-weight: 300;
          margin: 0 0 18px;
          max-width: 260px;
      }

      .amp-partner-page.hero .hero__overlay-card--small {
          right: -22px;
          bottom: 28px;
          width: 360px;
          padding: 26px 24px;
          animation: ampPartnerFloatY 5.4s ease-in-out infinite;
      }

      .amp-partner-page.hero .hero__stat-mini {
          display: block;
          color: #617286;
          font-size: 11px;
          font-weight: 700;
          letter-spacing: .10em;
          text-transform: uppercase;
          margin-bottom: 8px;
      }

      .amp-partner-page.hero .hero__stat-value {
          display: block;
          color: var(--dark);
          font-family: var(--font-body);
          font-size: clamp(48px, 5vw, 82px);
          line-height: .9;
          letter-spacing: -.06em;
          font-weight: 800;
          margin-bottom: 8px;
      }

      .amp-partner-page.hero .hero__stat-value span {
          color: var(--primary);
      }

      .amp-partner-page.hero .hero__stat-copy {
          display: block;
          color: #5e6f84;
          font-size: 16px;
          line-height: 1.6;
          max-width: 260px;
      }

      .amp-partner-page.hero .hero__approval-card {
          position: absolute;
          left: 28px;
          bottom: 28px;
          z-index: 4;
          width: 250px;
          padding: 20px 20px 18px;
          border-radius: 24px;
          background: rgba(255, 255, 255, .94);
          box-shadow: 0 14px 28px rgba(26, 41, 66, .14);
          backdrop-filter: blur(16px);
          animation: ampPartnerFloatY 4.8s .6s ease-in-out infinite;
      }

      .amp-partner-page.hero .hero__approval-card strong {
          display: block;
          color: var(--primary);
          font-family: var(--font-body);
          font-size: 54px;
          line-height: .9;
          letter-spacing: -.05em;
          font-weight: 800;
          margin-bottom: 8px;
      }

      .amp-partner-page.hero .hero__approval-card span {
          display: block;
          color: #5f7085;
          font-size: 15px;
          line-height: 1.6;
      }

      .amp-partner-page.hero .hero__mono-pill {
          position: absolute;
          right: 24px;
          top: 24px;
          z-index: 4;
          display: inline-flex;
          align-items: center;
          gap: 8px;
          min-height: 36px;
          padding: 0 14px;
          border-radius: 999px;
          background: rgba(255, 255, 255, .86);
          color: #617286;
          font-size: 11px;
          font-weight: 700;
          box-shadow: 0 10px 22px rgba(26, 41, 66, .10);
      }

      .amp-partner-page.hero .hero__mini-track {
          position: absolute;
          right: 210px;
          top: 24px;
          width: 12px;
          height: 360px;
          border-radius: 999px;
          background: linear-gradient(180deg, rgba(17, 45, 83, .65), rgba(17, 45, 83, .95));
          box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .14);
          overflow: hidden;
          z-index: 2;
      }

      .amp-partner-page.hero .hero__mini-track::after {
          content: "";
          position: absolute;
          left: 2px;
          top: 12px;
          width: 8px;
          height: 90px;
          border-radius: 999px;
          background: linear-gradient(180deg, rgba(255, 255, 255, .75), rgba(255, 255, 255, .12));
          animation: ampPartnerSlideTrack 5s ease-in-out infinite;
      }

      @keyframes ampPartnerSlideTrack {

          0%,
          100% {
              transform: translateY(0);
          }

          50% {
              transform: translateY(230px);
          }
      }

      @keyframes ampPartnerFloatY {

          0%,
          100% {
              transform: translateY(0);
          }

          50% {
              transform: translateY(-10px);
          }
      }

      /* intro */
      .amp-partner-page.intro {
          padding: 14px 0 6px;
      }

      .amp-partner-page.intro .intro__box {
          max-width: 1040px;
          margin: 0 auto;
          text-align: center;
      }

      .amp-partner-page.intro .intro__title {
          font-size: clamp(36px, 4.2vw, 62px);
          line-height: 1.02;
          letter-spacing: -.05em;
          margin: 0 0 14px;
      }

      .amp-partner-page.intro .intro__title em {
          color: var(--primary);
          font-style: normal;
      }

      .amp-partner-page.intro .intro__text {
          color: #6c7c90;
          font-size: 15px;
          line-height: 1.82;
          max-width: 840px;
          margin: 0 auto;
      }

      /* tracks */
      .amp-partner-page.tracks {
          padding: 68px 0 0;
      }

      .amp-partner-page.tracks .tracks__grid {
          display: grid;
          gap: 24px;
      }

      .amp-partner-page.tracks .track {
          display: grid;
          grid-template-columns: .98fr 1.02fr;
          gap: 26px;
          align-items: center;
          padding: 22px;
          border-radius: 32px;
          background: rgba(255, 255, 255, .72);
          border: 1px solid var(--border);
          box-shadow: var(--shadow);
      }

      .amp-partner-page.tracks .track:nth-child(even) {
          grid-template-columns: 1.02fr .98fr;
      }

      .amp-partner-page.tracks .track:nth-child(even) .track__visual {
          order: 2;
      }

      .amp-partner-page.tracks .track:nth-child(even) .track__content {
          order: 1;
      }

      .amp-partner-page.tracks .track__visual {
          position: relative;
          min-height: 360px;
          border-radius: 26px;
          overflow: hidden;
          background: #dadada;
          box-shadow: 0 20px 36px rgba(26, 41, 66, .10);
      }

      .amp-partner-page.tracks .track__visual img {
          width: 100%;
          height: 360px;
          object-fit: cover;
          object-position: center;
          transform: scale(1.02);
      }

      .amp-partner-page.tracks .track__visual::after {
          content: "";
          position: absolute;
          inset: 0;
          background: linear-gradient(180deg, rgba(17, 45, 83, .06) 0%, rgba(17, 45, 83, .24) 100%);
          pointer-events: none;
      }

      .amp-partner-page.tracks .track__badge {
          position: absolute;
          left: 16px;
          top: 16px;
          z-index: 2;
          display: inline-flex;
          align-items: center;
          gap: 8px;
          min-height: 34px;
          padding: 0 12px;
          border-radius: 999px;
          background: rgba(255, 255, 255, .92);
          color: var(--dark);
          font-size: 11px;
          font-weight: 700;
          box-shadow: 0 10px 20px rgba(26, 41, 66, .10);
      }

      .amp-partner-page.tracks .track__badge i {
          color: var(--primary);
      }

      .amp-partner-page.tracks .track__stat {
          position: absolute;
          right: 16px;
          bottom: 16px;
          z-index: 2;
          min-width: 170px;
          padding: 14px 16px;
          border-radius: 20px;
          background: rgba(17, 45, 83, .88);
          color: #fff;
          box-shadow: 0 18px 32px rgba(26, 41, 66, .18);
      }

      .amp-partner-page.tracks .track__stat strong {
          display: block;
          font-family: var(--font-body);
          font-size: 34px;
          line-height: .95;
          letter-spacing: -.05em;
          font-weight: 800;
          margin-bottom: 4px;
      }

      .amp-partner-page.tracks .track__stat strong span {
          color: var(--primary-light);
      }

      .amp-partner-page.tracks .track__stat small {
          display: block;
          color: rgba(255, 255, 255, .80);
          font-size: 11px;
          line-height: 1.5;
      }

      .amp-partner-page.tracks .track__content {
          max-width: 520px;
          padding: 8px 4px;
      }

      .amp-partner-page.tracks .track__eyebrow {
          display: inline-flex;
          align-items: center;
          gap: 8px;
          min-height: 32px;
          padding: 0 12px;
          border-radius: 999px;
          background: rgba(217, 108, 43, .10);
          color: var(--primary);
          font-size: 10px;
          font-weight: 700;
          letter-spacing: .09em;
          text-transform: uppercase;
          margin-bottom: 16px;
      }

      .amp-partner-page.tracks .track__title {
          font-size: clamp(30px, 3vw, 50px);
          line-height: 1;
          letter-spacing: -.05em;
          margin: 0 0 14px;
      }

      .amp-partner-page.tracks .track__text {
          color: #65778d;
          font-size: 15px;
          line-height: 1.82;
          margin: 0 0 18px;
      }

      .amp-partner-page.tracks .track__list {
          display: grid;
          grid-template-columns: 1fr 1fr;
          gap: 10px 14px;
          margin: 20px 0 22px;
      }

      .amp-partner-page.tracks .track__item {
          display: flex;
          align-items: flex-start;
          gap: 10px;
          color: #53657c;
          font-size: 14px;
          line-height: 1.55;
      }

      .amp-partner-page.tracks .track__item i {
          color: var(--primary);
          font-size: 14px;
          transform: translateY(3px);
      }

      /* features */
      .amp-partner-page.features {
          padding: 84px 0 0;
      }

      .amp-partner-page.features .features__head {
          max-width: 860px;
          margin: 0 auto 42px;
          text-align: center;
      }

      .amp-partner-page.features .features__grid {
          display: grid;
          grid-template-columns: repeat(12, minmax(0, 1fr));
          gap: 18px;
      }

      .amp-partner-page.features .feature-card {
          position: relative;
          overflow: hidden;
          padding: 26px;
          border-radius: 28px;
          border: 1px solid rgba(26, 41, 66, .06);
          box-shadow: var(--shadow);
          transition: transform .32s var(--ease), box-shadow .32s, border-color .32s;
      }

      .amp-partner-page.features .feature-card:hover {
          transform: translateY(-8px);
          box-shadow: 0 26px 46px rgba(26, 41, 66, .10);
          border-color: rgba(217, 108, 43, .20);
      }

      .amp-partner-page.features .feature-card::after {
          content: "";
          position: absolute;
          right: -30px;
          bottom: -44px;
          width: 150px;
          height: 150px;
          border-radius: 50%;
          background: radial-gradient(circle, rgba(255, 255, 255, .34), transparent 70%);
          pointer-events: none;
      }

      .amp-partner-page.features .feature-card--wide {
          grid-column: span 6;
          min-height: 250px;
          background: linear-gradient(135deg, #1A2942 0%, #25385e 100%);
          color: #fff;
      }

      .amp-partner-page.features .feature-card--small {
          grid-column: span 3;
          min-height: 250px;
      }

      .amp-partner-page.features .feature-card--mint {
          background: linear-gradient(180deg, #dfeee7, #d6e8df);
      }

      .amp-partner-page.features .feature-card--ice {
          background: linear-gradient(180deg, #e7eff8, #dee8f5);
      }

      .amp-partner-page.features .feature-card--sand {
          background: linear-gradient(180deg, #f5e7d4, #efdfc8);
      }

      .amp-partner-page.features .feature-card--lavender {
          background: linear-gradient(180deg, #ede8f7, #e4def1);
      }

      .amp-partner-page.features .feature-card--peach {
          background: linear-gradient(180deg, #fae5d9, #f6d9cb);
      }

      .amp-partner-page.features .feature-card__number {
          position: absolute;
          right: 20px;
          top: 16px;
          font-family: var(--font-head);
          font-size: 68px;
          line-height: 1;
          letter-spacing: -.06em;
          color: rgba(26, 41, 66, .16);
          pointer-events: none;
      }

      .amp-partner-page.features .feature-card--wide .feature-card__number {
          color: rgba(255, 255, 255, .16);
      }

      .amp-partner-page.features .feature-card__icon {
          width: 54px;
          height: 54px;
          border-radius: 18px;
          display: flex;
          align-items: center;
          justify-content: center;
          background: rgba(17, 45, 83, .10);
          color: var(--dark);
          font-size: 22px;
          margin-bottom: 16px;
          box-shadow: 0 12px 22px rgba(26, 41, 66, .08);
      }

      .amp-partner-page.features .feature-card--wide .feature-card__icon {
          background: rgba(255, 255, 255, .12);
          color: #fff;
          box-shadow: none;
      }

      .amp-partner-page.features .feature-card__tag {
          display: inline-flex;
          align-items: center;
          min-height: 28px;
          padding: 0 10px;
          border-radius: 999px;
          background: rgba(255, 255, 255, .76);
          border: 1px solid rgba(26, 41, 66, .06);
          color: #5d6d82;
          font-size: 10px;
          font-weight: 700;
          letter-spacing: .08em;
          text-transform: uppercase;
          margin-bottom: 14px;
      }

      .amp-partner-page.features .feature-card--wide .feature-card__tag {
          background: rgba(255, 255, 255, .12);
          border-color: rgba(255, 255, 255, .12);
          color: rgba(255, 255, 255, .82);
      }

      .amp-partner-page.features .feature-card__title {
          font-family: var(--font-body);
          font-size: 21px;
          line-height: 1.15;
          letter-spacing: -.03em;
          font-weight: 800;
          color: var(--dark);
          margin: 0 0 10px;
          max-width: 360px;
      }

      .amp-partner-page.features .feature-card--wide .feature-card__title {
          color: #fff;
          font-family: var(--font-head);
          font-size: clamp(26px, 2.7vw, 42px);
          line-height: 1.02;
          letter-spacing: -.04em;
          max-width: 440px;
      }

      .amp-partner-page.features .feature-card__text {
          color: #5f7085;
          font-size: 14px;
          line-height: 1.8;
          max-width: 470px;
          margin: 0;
      }

      .amp-partner-page.features .feature-card--wide .feature-card__text {
          color: rgba(255, 255, 255, .80);
          font-size: 15px;
      }

      .amp-partner-page.features .feature-card__chips {
          display: flex;
          flex-wrap: wrap;
          gap: 8px;
          margin-top: 16px;
      }

      .amp-partner-page.features .feature-card__chips span {
          display: inline-flex;
          align-items: center;
          min-height: 30px;
          padding: 0 11px;
          border-radius: 999px;
          background: rgba(255, 255, 255, .78);
          border: 1px solid rgba(26, 41, 66, .06);
          color: #58697d;
          font-size: 11px;
          font-weight: 600;
      }

      .amp-partner-page.features .feature-card--wide .feature-card__chips span {
          background: rgba(255, 255, 255, .12);
          border-color: rgba(255, 255, 255, .12);
          color: rgba(255, 255, 255, .84);
      }

      /* growth */
      .amp-partner-page.growth {
          padding: 92px 0 0;
      }

      .amp-partner-page.growth .growth__grid {
          display: grid;
          grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);
          gap: 34px;
          align-items: start;
      }

      .amp-partner-page.growth .growth__copy {
          max-width: 470px;
          padding-right: 10px;
      }

      .amp-partner-page.growth .growth__title {
          font-size: clamp(36px, 4.2vw, 62px);
          line-height: 1.02;
          letter-spacing: -.05em;
          margin: 18px 0 16px;
      }

      .amp-partner-page.growth .growth__title em {
          color: var(--primary);
          font-style: normal;
      }

      .amp-partner-page.growth .growth__text {
          color: #67788d;
          font-size: 16px;
          line-height: 1.84;
          margin-bottom: 28px;
      }

      .amp-partner-page.growth .growth__points {
          display: grid;
          gap: 18px;
          position: relative;
      }

      .amp-partner-page.growth .growth__points::before {
          content: "";
          position: absolute;
          left: 25px;
          top: 52px;
          bottom: 52px;
          width: 2px;
          border-radius: 999px;
          background: linear-gradient(180deg, rgba(17, 45, 83, .08), rgba(17, 45, 83, .18), rgba(17, 45, 83, .08));
      }

      .amp-partner-page.growth .growth__point {
          display: grid;
          grid-template-columns: 60px 1fr;
          gap: 16px;
          align-items: start;
      }

      .amp-partner-page.growth .growth__point-icon {
          width: 50px;
          height: 50px;
          border-radius: 50%;
          display: flex;
          align-items: center;
          justify-content: center;
          background: #fff;
          border: 1px solid rgba(26, 41, 66, .06);
          box-shadow: 0 10px 22px rgba(26, 41, 66, .06);
          color: var(--primary);
          font-size: 17px;
          z-index: 1;
      }

      .amp-partner-page.growth .growth__point-title {
          color: var(--dark);
          font-family: var(--font-body);
          font-size: 18px;
          font-weight: 800;
          line-height: 1.3;
          margin-bottom: 5px;
      }

      .amp-partner-page.growth .growth__point-text {
          color: #64758a;
          font-size: 14px;
          line-height: 1.72;
      }

      .amp-partner-page.growth .growth__visual {
          position: relative;
          padding-top: 88px;
      }

      .amp-partner-page.growth .growth__ribbon {
          position: absolute;
          left: 38px;
          right: 38px;
          top: 0;
          z-index: 3;
          display: grid;
          grid-template-columns: 1fr auto 1fr;
          align-items: center;
          gap: 18px;
          min-height: 118px;
          padding: 0 34px;
          border-radius: 30px;
          background: linear-gradient(135deg, #9ed67c, #8ac768);
          box-shadow: 0 20px 40px rgba(138, 199, 104, .28);
      }

      .amp-partner-page.growth .growth__ribbon strong {
          display: block;
          color: #0f2b23;
          font-family: var(--font-body);
          font-size: 64px;
          line-height: .9;
          letter-spacing: -.06em;
          font-weight: 800;
      }

      .amp-partner-page.growth .growth__ribbon span {
          display: block;
          color: #1e342d;
          font-size: 14px;
          line-height: 1.35;
          font-weight: 700;
          text-transform: uppercase;
      }

      .amp-partner-page.growth .growth__ribbon-divider {
          width: 1px;
          height: 52px;
          background: rgba(15, 43, 35, .24);
      }

      .amp-partner-page.growth .growth__media {
          overflow: hidden;
          border-radius: 34px;
          background: #ddd7cf;
          box-shadow: var(--shadow-lg);
      }

      .amp-partner-page.growth .growth__media img {
          width: 100%;
          height: 560px;
          object-fit: cover;
      }

      /* responsive */
      @media (min-width: 992px) and (max-width: 1199px) {
          .amp-partner-page .container {
              width: min(100%, calc(100% - 40px));
          }

          .amp-partner-page.hero .hero__surface {
              padding: 30px;
          }

          .amp-partner-page.hero .hero__grid {
              grid-template-columns: 1fr;
              gap: 28px;
          }

          .amp-partner-page.hero .hero__content {
              max-width: none;
          }

          .amp-partner-page.hero .hero__visual-wrap {
              min-height: 620px;
          }

          .amp-partner-page.hero .hero__media {
              width: 100%;
          }

          .amp-partner-page.hero .hero__overlay-card--big {
              left: 20px;
          }

          .amp-partner-page.hero .hero__overlay-card--small {
              right: 12px;
          }

          .amp-partner-page.tracks .track,
          .amp-partner-page.tracks .track:nth-child(even) {
              grid-template-columns: 1fr 1fr;
          }

          .amp-partner-page.features .feature-card--wide {
              grid-column: span 12;
          }

          .amp-partner-page.features .feature-card--small {
              grid-column: span 6;
          }

          .amp-partner-page.growth .growth__grid {
              grid-template-columns: 1fr;
          }

          .amp-partner-page.growth .growth__copy {
              max-width: 760px;
              padding-right: 0;
          }
      }

      @media (min-width: 768px) and (max-width: 991px) {
          .amp-partner-page .container {
              width: min(100%, calc(100% - 32px));
          }

          .amp-partner-page.hero {
              padding: 22px 0 12px;
          }

          .amp-partner-page.hero .hero__surface {
              padding: 24px;
              border-radius: 36px;
          }

          .amp-partner-page.hero .hero__grid {
              grid-template-columns: 1fr;
              gap: 26px;
          }

          .amp-partner-page.hero .hero__content {
              max-width: none;
          }

          .amp-partner-page.hero .hero__title {
              font-size: clamp(42px, 8vw, 64px);
          }

          .amp-partner-page.hero .hero__visual-wrap {
              min-height: 620px;
          }

          .amp-partner-page.hero .hero__media {
              width: 100%;
          }

          .amp-partner-page.hero .hero__media img {
              height: 480px;
          }

          .amp-partner-page.hero .hero__overlay-card--big {
              left: 14px;
              bottom: 20px;
              width: 300px;
          }

          .amp-partner-page.hero .hero__overlay-card--small {
              right: 10px;
              bottom: 18px;
              width: 320px;
          }

          .amp-partner-page.hero .hero__approval-card {
              left: 18px;
              bottom: 18px;
              width: 220px;
          }

          .amp-partner-page.hero .hero__mini-track {
              right: 180px;
              height: 320px;
          }

          .amp-partner-page.tracks .track,
          .amp-partner-page.tracks .track:nth-child(even) {
              grid-template-columns: 1fr;
              gap: 18px;
              padding: 18px;
              border-radius: 26px;
          }

          .amp-partner-page.tracks .track:nth-child(even) .track__visual,
          .amp-partner-page.tracks .track:nth-child(even) .track__content {
              order: initial;
          }

          .amp-partner-page.tracks .track__content {
              max-width: none;
          }

          .amp-partner-page.features .feature-card--wide {
              grid-column: span 12;
          }

          .amp-partner-page.features .feature-card--small {
              grid-column: span 6;
          }

          .amp-partner-page.growth .growth__grid {
              grid-template-columns: 1fr;
          }

          .amp-partner-page.growth .growth__copy {
              max-width: none;
              padding-right: 0;
          }

          .amp-partner-page.growth .growth__visual {
              padding-top: 82px;
          }

          .amp-partner-page.growth .growth__ribbon {
              left: 24px;
              right: 24px;
              min-height: 104px;
              padding: 0 24px;
          }

          .amp-partner-page.growth .growth__ribbon strong {
              font-size: 54px;
          }

          .amp-partner-page.growth .growth__media img {
              height: 480px;
          }
      }

      @media (min-width: 458px) and (max-width: 767px) {
          .amp-partner-page .container {
              width: min(100%, calc(100% - 24px));
          }

          .amp-partner-page.hero {
              padding: 18px 0 8px;
          }

          .amp-partner-page.hero .hero__surface {
              padding: 18px;
              border-radius: 28px;
          }

          .amp-partner-page.hero .hero__grid {
              grid-template-columns: 1fr;
              gap: 22px;
          }

          .amp-partner-page.hero .hero__title {
              font-size: clamp(36px, 10vw, 52px);
          }

          .amp-partner-page.hero .hero__desc {
              font-size: 14px;
              line-height: 1.76;
              margin-bottom: 20px;
          }

          .amp-partner-page.hero .hero__actions {
              flex-direction: column;
              align-items: stretch;
              margin-bottom: 18px;
          }

          .amp-partner-page.hero .btn-primary,
          .amp-partner-page.hero .btn-secondary {
              width: 100%;
          }

          .amp-partner-page.hero .hero__visual-wrap {
              min-height: auto;
          }

          .amp-partner-page.hero .hero__media {
              width: 100%;
              border-radius: 24px;
          }

          .amp-partner-page.hero .hero__media img {
              height: 340px;
          }

          .amp-partner-page.hero .hero__overlay-card--big {
              position: relative;
              left: auto;
              bottom: auto;
              width: 100%;
              margin-top: 12px;
              padding: 18px;
              border-radius: 22px;
          }

          .amp-partner-page.hero .hero__overlay-card--big .hero__overlay-title {
              font-size: 42px;
              max-width: none;
              margin-bottom: 12px;
          }

          .amp-partner-page.hero .hero__overlay-card--small {
              position: relative;
              right: auto;
              bottom: auto;
              width: 100%;
              margin-top: 12px;
              padding: 20px 18px;
              border-radius: 22px;
              animation: none;
          }

          .amp-partner-page.hero .hero__approval-card {
              left: 14px;
              bottom: 14px;
              width: 190px;
              padding: 16px;
              border-radius: 18px;
          }

          .amp-partner-page.hero .hero__approval-card strong {
              font-size: 42px;
          }

          .amp-partner-page.hero .hero__approval-card span {
              font-size: 13px;
          }

          .amp-partner-page.hero .hero__mono-pill {
              top: 14px;
              right: 14px;
          }

          .amp-partner-page.hero .hero__mini-track {
              display: none;
          }

          .amp-partner-page.intro .intro__title {
              font-size: clamp(30px, 8vw, 42px);
          }

          .amp-partner-page.intro .intro__text {
              font-size: 14px;
          }

          .amp-partner-page.tracks {
              padding-top: 48px;
          }

          .amp-partner-page.tracks .track,
          .amp-partner-page.tracks .track:nth-child(even) {
              grid-template-columns: 1fr;
              gap: 18px;
              padding: 18px;
              border-radius: 24px;
          }

          .amp-partner-page.tracks .track:nth-child(even) .track__visual,
          .amp-partner-page.tracks .track:nth-child(even) .track__content {
              order: initial;
          }

          .amp-partner-page.tracks .track__visual {
              min-height: 280px;
              border-radius: 22px;
          }

          .amp-partner-page.tracks .track__visual img {
              height: 280px;
          }

          .amp-partner-page.tracks .track__content {
              max-width: none;
              padding: 0;
          }

          .amp-partner-page.tracks .track__title {
              font-size: 30px;
          }

          .amp-partner-page.tracks .track__list {
              grid-template-columns: 1fr;
          }

          .amp-partner-page.features {
              padding-top: 58px;
          }

          .amp-partner-page.features .features__grid {
              grid-template-columns: 1fr;
          }

          .amp-partner-page.features .feature-card,
          .amp-partner-page.features .feature-card--wide,
          .amp-partner-page.features .feature-card--small {
              grid-column: span 1;
              min-height: auto;
          }

          .amp-partner-page.features .feature-card {
              padding: 22px;
              border-radius: 24px;
          }

          .amp-partner-page.features .feature-card__title {
              font-size: 26px;
          }

          .amp-partner-page.growth {
              padding-top: 64px;
          }

          .amp-partner-page.growth .growth__grid {
              grid-template-columns: 1fr;
              gap: 24px;
          }

          .amp-partner-page.growth .growth__copy {
              max-width: none;
              padding-right: 0;
          }

          .amp-partner-page.growth .growth__title {
              font-size: 34px;
              max-width: none;
          }

          .amp-partner-page.growth .growth__text {
              font-size: 14px;
          }

          .amp-partner-page.growth .growth__visual {
              padding-top: 72px;
          }

          .amp-partner-page.growth .growth__ribbon {
              left: 18px;
              right: 18px;
              min-height: 92px;
              padding: 0 18px;
              border-radius: 24px;
          }

          .amp-partner-page.growth .growth__ribbon strong {
              font-size: 38px;
          }

          .amp-partner-page.growth .growth__ribbon span {
              font-size: 11px;
          }

          .amp-partner-page.growth .growth__media {
              border-radius: 26px;
          }

          .amp-partner-page.growth .growth__media img {
              height: 360px;
          }
      }

      @media (min-width: 369px) and (max-width: 457px) {
          .amp-partner-page .container {
              width: min(100%, calc(100% - 22px));
          }

          .amp-partner-page.hero {
              padding: 14px 0 6px;
          }

          .amp-partner-page.hero .hero__surface {
              padding: 14px;
              border-radius: 24px;
          }

          .amp-partner-page.hero .hero__grid {
              grid-template-columns: 1fr;
              gap: 18px;
          }

          .amp-partner-page .section-eyebrow {
              min-height: 38px;
              padding: 0 14px;
              font-size: 10px;
          }

          .amp-partner-page.hero .hero__title {
              font-size: clamp(32px, 10.8vw, 44px);
              margin-bottom: 12px;
          }

          .amp-partner-page.hero .hero__desc {
              font-size: 13.5px;
              line-height: 1.74;
              margin-bottom: 18px;
          }

          .amp-partner-page.hero .hero__actions {
              flex-direction: column;
              align-items: stretch;
              margin-bottom: 16px;
          }

          .amp-partner-page.hero .btn-primary,
          .amp-partner-page.hero .btn-secondary {
              width: 100%;
              min-height: 52px;
          }

          .amp-partner-page.hero .hero__pills {
              gap: 8px;
          }

          .amp-partner-page.hero .hero__visual-wrap {
              min-height: auto;
          }

          .amp-partner-page.hero .hero__media {
              width: 100%;
              border-radius: 20px;
          }

          .amp-partner-page.hero .hero__media img {
              height: 300px;
          }

          .amp-partner-page.hero .hero__overlay-card--big {
              position: relative;
              left: auto;
              bottom: auto;
              width: 100%;
              margin-top: 10px;
              padding: 16px;
              border-radius: 18px;
          }

          .amp-partner-page.hero .hero__overlay-card--big .hero__overlay-title {
              font-size: 34px;
              max-width: none;
              margin-bottom: 10px;
          }

          .amp-partner-page.hero .hero__overlay-card--small {
              position: relative;
              right: auto;
              bottom: auto;
              width: 100%;
              margin-top: 10px;
              padding: 16px;
              border-radius: 18px;
              animation: none;
          }

          .amp-partner-page.hero .hero__stat-value {
              font-size: 52px;
          }

          .amp-partner-page.hero .hero__stat-copy {
              font-size: 14px;
          }

          .amp-partner-page.hero .hero__approval-card {
              left: 10px;
              bottom: 10px;
              width: 170px;
              padding: 14px;
              border-radius: 16px;
          }

          .amp-partner-page.hero .hero__approval-card strong {
              font-size: 36px;
          }

          .amp-partner-page.hero .hero__approval-card span {
              font-size: 12px;
          }

          .amp-partner-page.hero .hero__mono-pill {
              top: 10px;
              right: 10px;
              min-height: 32px;
              padding: 0 12px;
              font-size: 10px;
          }

          .amp-partner-page.hero .hero__mini-track {
              display: none;
          }

          .amp-partner-page.intro .intro__title {
              font-size: 30px;
          }

          .amp-partner-page.intro .intro__text {
              font-size: 13.5px;
          }

          .amp-partner-page.tracks {
              padding-top: 42px;
          }

          .amp-partner-page.tracks .track,
          .amp-partner-page.tracks .track:nth-child(even) {
              grid-template-columns: 1fr;
              gap: 16px;
              padding: 16px;
              border-radius: 22px;
          }

          .amp-partner-page.tracks .track:nth-child(even) .track__visual,
          .amp-partner-page.tracks .track:nth-child(even) .track__content {
              order: initial;
          }

          .amp-partner-page.tracks .track__visual {
              min-height: 238px;
              border-radius: 20px;
          }

          .amp-partner-page.tracks .track__visual img {
              height: 238px;
          }

          .amp-partner-page.tracks .track__badge {
              top: 12px;
              left: 12px;
              min-height: 34px;
              padding: 0 12px;
              font-size: 10px;
          }

          .amp-partner-page.tracks .track__stat {
              right: 12px;
              bottom: 12px;
              min-width: 138px;
              padding: 12px 14px;
              border-radius: 18px;
          }

          .amp-partner-page.tracks .track__stat strong {
              font-size: 28px;
          }

          .amp-partner-page.tracks .track__content {
              max-width: none;
              padding: 0;
          }

          .amp-partner-page.tracks .track__title {
              font-size: 26px;
          }

          .amp-partner-page.tracks .track__text {
              font-size: 13.5px;
          }

          .amp-partner-page.tracks .track__list {
              grid-template-columns: 1fr;
              gap: 9px 12px;
          }

          .amp-partner-page.features {
              padding-top: 52px;
          }

          .amp-partner-page.features .features__grid {
              grid-template-columns: 1fr;
          }

          .amp-partner-page.features .feature-card,
          .amp-partner-page.features .feature-card--wide,
          .amp-partner-page.features .feature-card--small {
              grid-column: span 1;
              min-height: auto;
          }

          .amp-partner-page.features .feature-card {
              padding: 20px;
              border-radius: 22px;
          }

          .amp-partner-page.features .feature-card__number {
              right: 18px;
              top: 18px;
              font-size: 54px;
          }

          .amp-partner-page.features .feature-card__title {
              font-size: 24px;
          }

          .amp-partner-page.features .feature-card__text {
              font-size: 13.5px;
          }

          .amp-partner-page.growth {
              padding-top: 58px;
          }

          .amp-partner-page.growth .growth__grid {
              grid-template-columns: 1fr;
              gap: 22px;
          }

          .amp-partner-page.growth .growth__copy {
              max-width: none;
              padding-right: 0;
          }

          .amp-partner-page.growth .growth__title {
              font-size: 30px;
              max-width: none;
          }

          .amp-partner-page.growth .growth__text {
              font-size: 14px;
              margin-bottom: 20px;
          }

          .amp-partner-page.growth .growth__point {
              grid-template-columns: 54px 1fr;
              gap: 12px;
          }

          .amp-partner-page.growth .growth__point-icon {
              width: 46px;
              height: 46px;
              font-size: 16px;
          }

          .amp-partner-page.growth .growth__point-title {
              font-size: 16px;
          }

          .amp-partner-page.growth .growth__point-text {
              font-size: 13.5px;
          }

          .amp-partner-page.growth .growth__visual {
              padding-top: 60px;
          }

          .amp-partner-page.growth .growth__ribbon {
              left: 14px;
              right: 14px;
              min-height: 82px;
              padding: 0 14px;
              gap: 12px;
              border-radius: 20px;
          }

          .amp-partner-page.growth .growth__ribbon strong {
              font-size: 30px;
          }

          .amp-partner-page.growth .growth__ribbon span {
              font-size: 10px;
          }

          .amp-partner-page.growth .growth__ribbon-divider {
              height: 38px;
          }

          .amp-partner-page.growth .growth__media {
              border-radius: 22px;
          }

          .amp-partner-page.growth .growth__media img {
              height: 290px;
          }
      }

      @media (max-width: 368px) {
          .amp-partner-page .container {
              width: min(100%, calc(100% - 18px));
          }

          .amp-partner-page.hero {
              padding: 12px 0 4px;
          }

          .amp-partner-page.hero .hero__surface {
              padding: 12px;
              border-radius: 20px;
          }

          .amp-partner-page.hero .hero__grid {
              grid-template-columns: 1fr;
              gap: 16px;
          }

          .amp-partner-page .section-eyebrow {
              min-height: 36px;
              padding: 0 12px;
              font-size: 9.5px;
          }

          .amp-partner-page.hero .hero__title {
              font-size: 30px;
              margin-bottom: 10px;
          }

          .amp-partner-page.hero .hero__desc {
              font-size: 13px;
              line-height: 1.72;
              margin-bottom: 16px;
          }

          .amp-partner-page.hero .hero__actions {
              flex-direction: column;
              align-items: stretch;
              margin-bottom: 14px;
          }

          .amp-partner-page.hero .btn-primary,
          .amp-partner-page.hero .btn-secondary {
              width: 100%;
              min-height: 50px;
              font-size: 13.5px;
          }

          .amp-partner-page.hero .hero__pill {
              min-height: 32px;
              padding: 0 12px;
              font-size: 10.5px;
          }

          .amp-partner-page.hero .hero__media {
              border-radius: 18px;
          }

          .amp-partner-page.hero .hero__media img {
              height: 264px;
          }

          .amp-partner-page.hero .hero__overlay-card--big {
              position: relative;
              left: auto;
              bottom: auto;
              width: 100%;
              margin-top: 8px;
              padding: 14px;
              border-radius: 16px;
          }

          .amp-partner-page.hero .hero__overlay-card--big .hero__overlay-title {
              font-size: 30px;
              margin-bottom: 8px;
          }

          .amp-partner-page.hero .hero__overlay-card--small {
              position: relative;
              right: auto;
              bottom: auto;
              width: 100%;
              margin-top: 8px;
              padding: 14px;
              border-radius: 16px;
              animation: none;
          }

          .amp-partner-page.hero .hero__stat-value {
              font-size: 44px;
          }

          .amp-partner-page.hero .hero__stat-copy {
              font-size: 13px;
          }

          .amp-partner-page.hero .hero__approval-card {
              left: 8px;
              bottom: 8px;
              width: 160px;
              padding: 12px;
              border-radius: 14px;
          }

          .amp-partner-page.hero .hero__approval-card strong {
              font-size: 32px;
          }

          .amp-partner-page.hero .hero__approval-card span {
              font-size: 11px;
          }

          .amp-partner-page.hero .hero__mono-pill {
              top: 8px;
              right: 8px;
              min-height: 30px;
              padding: 0 10px;
              font-size: 9px;
          }

          .amp-partner-page.hero .hero__mini-track {
              display: none;
          }

          .amp-partner-page.intro .intro__title {
              font-size: 28px;
          }

          .amp-partner-page.intro .intro__text {
              font-size: 13px;
          }

          .amp-partner-page.tracks {
              padding-top: 38px;
          }

          .amp-partner-page.tracks .track,
          .amp-partner-page.tracks .track:nth-child(even) {
              grid-template-columns: 1fr;
              gap: 14px;
              padding: 14px;
              border-radius: 20px;
          }

          .amp-partner-page.tracks .track:nth-child(even) .track__visual,
          .amp-partner-page.tracks .track:nth-child(even) .track__content {
              order: initial;
          }

          .amp-partner-page.tracks .track__visual {
              min-height: 220px;
              border-radius: 18px;
          }

          .amp-partner-page.tracks .track__visual img {
              height: 220px;
          }

          .amp-partner-page.tracks .track__badge {
              top: 10px;
              left: 10px;
              min-height: 32px;
              padding: 0 10px;
              font-size: 10px;
          }

          .amp-partner-page.tracks .track__stat {
              right: 10px;
              bottom: 10px;
              min-width: 126px;
              padding: 10px 12px;
              border-radius: 16px;
          }

          .amp-partner-page.tracks .track__stat strong {
              font-size: 24px;
          }

          .amp-partner-page.tracks .track__content {
              max-width: none;
              padding: 0;
          }

          .amp-partner-page.tracks .track__title {
              font-size: 24px;
          }

          .amp-partner-page.tracks .track__text {
              font-size: 13px;
          }

          .amp-partner-page.tracks .track__list {
              grid-template-columns: 1fr;
              gap: 8px 10px;
          }

          .amp-partner-page.features {
              padding-top: 48px;
          }

          .amp-partner-page.features .features__grid {
              grid-template-columns: 1fr;
          }

          .amp-partner-page.features .feature-card,
          .amp-partner-page.features .feature-card--wide,
          .amp-partner-page.features .feature-card--small {
              grid-column: span 1;
              min-height: auto;
          }

          .amp-partner-page.features .feature-card {
              padding: 18px;
              border-radius: 20px;
          }

          .amp-partner-page.features .feature-card__icon {
              width: 48px;
              height: 48px;
              border-radius: 15px;
              font-size: 20px;
          }

          .amp-partner-page.features .feature-card__number {
              right: 14px;
              top: 14px;
              font-size: 46px;
          }

          .amp-partner-page.features .feature-card__title {
              font-size: 22px;
          }

          .amp-partner-page.features .feature-card__text {
              font-size: 13px;
          }

          .amp-partner-page.growth {
              padding-top: 52px;
          }

          .amp-partner-page.growth .growth__grid {
              grid-template-columns: 1fr;
              gap: 20px;
          }

          .amp-partner-page.growth .growth__copy {
              max-width: none;
              padding-right: 0;
          }

          .amp-partner-page.growth .growth__title {
              font-size: 28px;
              max-width: none;
          }

          .amp-partner-page.growth .growth__text {
              font-size: 13px;
              margin-bottom: 18px;
          }

          .amp-partner-page.growth .growth__point {
              grid-template-columns: 48px 1fr;
              gap: 10px;
          }

          .amp-partner-page.growth .growth__point-icon {
              width: 42px;
              height: 42px;
              font-size: 15px;
          }

          .amp-partner-page.growth .growth__point-title {
              font-size: 15px;
          }

          .amp-partner-page.growth .growth__point-text {
              font-size: 13px;
          }

          .amp-partner-page.growth .growth__visual {
              padding-top: 54px;
          }

          .amp-partner-page.growth .growth__ribbon {
              left: 12px;
              right: 12px;
              min-height: 76px;
              padding: 0 12px;
              gap: 10px;
              border-radius: 18px;
          }

          .amp-partner-page.growth .growth__ribbon strong {
              font-size: 26px;
          }

          .amp-partner-page.growth .growth__ribbon span {
              font-size: 9px;
          }

          .amp-partner-page.growth .growth__ribbon-divider {
              height: 34px;
          }

          .amp-partner-page.growth .growth__media {
              border-radius: 18px;
          }

          .amp-partner-page.growth .growth__media img {
              height: 250px;
          }
      }

      /* span highlight support to match your one-title ACF fields */
      .amp-partner-page .section-title span,
      .amp-partner-page.hero .hero__title span,
      .amp-partner-page.intro .intro__title span,
      .amp-partner-page.growth .growth__title span {
          color: var(--primary);
          font-style: normal;
      }

      .amp-partner-page .section-title br,
      .amp-partner-page.hero .hero__title br,
      .amp-partner-page.intro .intro__title br,
      .amp-partner-page.growth .growth__title br {
          content: "";
      }

      /* =========================================================
   START: ACCEPT PAYMENTS / SOLUTION PAGE ADD-ON
========================================================= */

      .acepay-section {
          position: relative;
          padding: 75px 0;
      }

      .acepay-container {
          width: min(1320px, calc(100% - 40px));
          margin: 0 auto;
      }

      .acepay-kicker {
          display: inline-flex;
          align-items: center;
          gap: 10px;
          min-height: 38px;
          padding: 0 16px;
          border-radius: 999px;
          background: rgba(255, 255, 255, .82);
          border: 1px solid rgba(26, 41, 66, .08);
          color: #D96C2B;
          font-size: 11px;
          font-weight: 800;
          letter-spacing: .12em;
          text-transform: uppercase;
          box-shadow: 0 10px 22px rgba(26, 41, 66, .04);
      }

      .acepay-kicker__dot {
          width: 7px;
          height: 7px;
          border-radius: 50%;
          background: #D96C2B;
          box-shadow: 0 0 0 5px rgba(217, 108, 43, .10);
          flex: 0 0 7px;
      }

      .acepay-heading {
          margin: 0;
          color: #1A2942;
          font-family: "Playfair Display", serif;
          font-weight: 600;
          letter-spacing: -.04em;
          line-height: .92;
      }

      .acepay-heading span {
          color: #D96C2B;
      }

      .acepay-copy {
          color: #647487;
          font-size: 17px;
          line-height: 1.82;
      }

      .acepay-btn {
          display: inline-flex;
          align-items: center;
          justify-content: center;
          gap: 10px;
          min-height: 56px;
          padding: 0 26px;
          border-radius: 999px;
          font-size: 15px;
          font-weight: 700;
          text-decoration: none;
          transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease;
          white-space: nowrap;
      }

      .acepay-btn:hover {
          transform: translateY(-2px);
      }

      .acepay-btn--primary {
          color: #fff;
          background: linear-gradient(135deg, #D96C2B, #ED8B46);
          box-shadow: 0 16px 28px rgba(217, 108, 43, .25);
      }

      .acepay-btn--ghost {
          color: #1A2942;
          border: 1px solid rgba(26, 41, 66, .08);
          background: rgba(255, 255, 255, .88);
          box-shadow: 0 12px 24px rgba(26, 41, 66, .04);
      }

      [data-ace-reveal] {
          opacity: 0;
          transform: translateY(38px);
          transition: opacity .8s ease, transform .8s ease;
      }

      [data-ace-reveal="left"] {
          transform: translateX(-44px);
      }

      [data-ace-reveal="right"] {
          transform: translateX(44px);
      }

      [data-ace-reveal].is-visible {
          opacity: 1;
          transform: none;
      }

      /* hero */
      .acepay-hero {
          padding: 28px 0 42px;
      }

      .acepay-hero__panel {
          position: relative;
          overflow: hidden;
          border-radius: 42px;
          padding: 42px;
          border: 1px solid rgba(255, 255, 255, .9);
          background:
              radial-gradient(circle at 85% 10%, rgba(217, 108, 43, .06), transparent 20%),
              radial-gradient(circle at 15% 85%, rgba(26, 41, 66, .05), transparent 20%),
              #f8f7f4;
          box-shadow: 0 22px 60px rgba(26, 41, 66, .08);
      }

      .acepay-hero__grid {
          display: grid;
          grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
          gap: 38px;
          align-items: center;
      }

      .acepay-hero__title {
          font-size: clamp(52px, 4vw, 60px);
          max-width: 620px;
      }

      .acepay-hero__text {
          max-width: 560px;
          margin-top: 18px;
      }

      .acepay-hero__actions {
          display: flex;
          flex-wrap: wrap;
          gap: 14px;
          margin-top: 26px;
      }

      .acepay-hero__media {
          display: flex;
          justify-content: flex-end;
      }

      .acepay-hero__visual {
          position: relative;
          width: min(100%, 650px);
          aspect-ratio: 1.18/1;
          overflow: hidden;
          border-radius: 34px;
          box-shadow: 0 26px 60px rgba(26, 41, 66, .14);
          transform-style: preserve-3d;
          transition: transform .18s ease;
          background: #e5e1da;
      }

      .acepay-hero__visual::after {
          content: "";
          position: absolute;
          inset: 0;
          background: linear-gradient(180deg, rgba(17, 26, 44, .04), rgba(17, 26, 44, .18));
          pointer-events: none;
      }

      .acepay-hero__image {
          width: 100%;
          height: 100% !important;
          object-fit: cover;
          transform: scale(1.02);
      }

      /* suite */
      .acepay-suite__head {
          max-width: 980px;
          margin: 0 auto 36px;
          text-align: center;
      }

      .acepay-suite__title {
          font-size: clamp(48px, 5vw, 82px);
      }

      .acepay-suite__shell {
          display: grid;
          grid-template-columns: 330px minmax(0, 1fr);
          gap: 18px;
          padding: 18px;
          border-radius: 34px;
          border: 1px solid rgba(26, 41, 66, .08);
          background:
              radial-gradient(circle at top right, rgba(217, 108, 43, .10) 0%, rgba(217, 108, 43, 0) 22%),
              linear-gradient(135deg, #f8f4ef 0%, #f1ebe4 100%);
          box-shadow: 0 22px 60px rgba(26, 41, 66, .08), inset 0 1px 0 rgba(255, 255, 255, .75);
      }

      .acepay-suite__nav {
          display: flex;
          flex-direction: column;
          gap: 14px;
      }

      .acepay-suite__tab {
          display: flex;
          align-items: center;
          gap: 14px;
          text-align: left;
          border: 1px solid transparent;
          background: rgba(255, 255, 255, .74);
          min-height: 90px;
          padding: 18px;
          border-radius: 22px;
          cursor: pointer;
          transition: transform .24s ease, border-color .24s ease, background .24s ease, box-shadow .24s ease;
      }

      .acepay-suite__tab:hover {
          transform: translateX(4px);
          border-color: rgba(217, 108, 43, .18);
      }

      .acepay-suite__tab.is-active {
          background: #fff;
          border-color: rgba(217, 108, 43, .22);
          box-shadow: 0 18px 28px rgba(26, 41, 66, .06);
      }

      .acepay-suite__tab-index {
          width: 48px;
          height: 48px;
          border-radius: 16px;
          display: grid;
          place-items: center;
          flex: 0 0 48px;
          font-size: 13px;
          font-weight: 800;
          color: #1A2942;
          background: rgba(217, 108, 43, .10);
      }

      .acepay-suite__tab-title {
          display: block;
          color: #1A2942;
          font-size: 18px;
          font-weight: 800;
          line-height: 1.2;
      }

      .acepay-suite__tab-meta {
          display: block;
          margin-top: 4px;
          color: #7a8798;
          font-size: 13px;
          line-height: 1.45;
      }

      .acepay-suite__stage {
          position: relative;
          min-height: 540px;
          transition: height .42s ease;
      }

      .acepay-suite__panel {
          position: absolute;
          inset: 0;
          opacity: 0;
          pointer-events: none;
          transform: translateY(16px);
          transition: opacity .44s ease, transform .44s ease;
      }

      .acepay-suite__panel.is-active {
          opacity: 1;
          pointer-events: auto;
          transform: none;
          z-index: 2;
      }

      .acepay-suite__panel.is-leaving {
          z-index: 1;
      }

      .acepay-suite__panel-body {
          display: grid;
          grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
          gap: 22px;
          align-items: center;
          min-height: 100%;
          padding: 24px;
          border-radius: 28px;
          background: rgba(255, 255, 255, .7);
          border: 1px solid rgba(255, 255, 255, .65);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, .84);
      }

      .acepay-suite__eyebrow,
      .acepay-story__eyebrow {
          display: inline-flex;
          align-items: center;
          min-height: 34px;
          padding: 0 14px;
          border-radius: 999px;
          background: #fff;
          border: 1px solid rgba(26, 41, 66, .08);
          color: #D96C2B;
          font-size: 11px;
          font-weight: 800;
          letter-spacing: .1em;
          text-transform: uppercase;
      }

      .acepay-suite__panel-title {
          margin-top: 18px;
          color: #1A2942;
          font-family: "Playfair Display", serif;
          font-size: clamp(38px, 3.5vw, 62px);
          font-weight: 600;
          line-height: .96;
          letter-spacing: -.04em;
      }

      .acepay-suite__panel-title span,
      .acepay-suite__title span,
      .acepay-story__title span,
      .acepay-launchflow__title span,
      .acepay-benefits__title span,
      .acepay-hero__title span {
          color: #D96C2B;
      }

      .acepay-suite__panel-text {
          margin-top: 14px;
          color: #647487;
          font-size: 16px;
          line-height: 1.78;
      }

      .acepay-suite__list {
          display: grid;
          gap: 16px;
          margin-top: 26px;
          padding: 0;
          list-style: none;
      }

      .acepay-suite__list-item,
      .acepay-story__item {
          display: flex;
          align-items: flex-start;
          gap: 14px;
          color: #5d6e81;
          font-size: 16px;
          line-height: 1.7;
      }

      .acepay-suite__check,
      .acepay-story__item-check {
          position: relative;
          width: 24px;
          height: 24px;
          flex: 0 0 24px;
          border-radius: 50%;
          background: linear-gradient(135deg, #D96C2B, #ED8B46);
          box-shadow: 0 10px 18px rgba(217, 108, 43, .18);
          margin-top: 3px;
      }

      .acepay-suite__check::before,
      .acepay-story__item-check::before {
          content: "";
          position: absolute;
          left: 8px;
          top: 5px;
          width: 6px;
          height: 10px;
          border-right: 2px solid #fff;
          border-bottom: 2px solid #fff;
          transform: rotate(40deg);
      }

      .acepay-suite__actions {
          margin-top: 24px;
      }

      .acepay-suite__media-card {
          position: relative;
          min-height: 420px;
          border-radius: 28px;
          overflow: hidden;
          background:
              radial-gradient(circle at 20% 15%, rgba(255, 255, 255, .7), transparent 20%),
              linear-gradient(135deg, #233a61 0%, #1a2942 100%);
          box-shadow: 0 24px 48px rgba(26, 41, 66, .14);
      }

      .acepay-suite__glow {
          position: absolute;
          border-radius: 50%;
          filter: blur(22px);
          pointer-events: none;
      }

      .acepay-suite__glow--one {
          width: 150px;
          height: 150px;
          background: rgba(237, 139, 70, .30);
          top: 10%;
          left: 10%;
      }

      .acepay-suite__glow--two {
          width: 180px;
          height: 180px;
          background: rgba(255, 255, 255, .10);
          bottom: 8%;
          right: 5%;
      }

      .acepay-suite__image {
          position: absolute;
          inset: 24px;
          width: calc(100% - 48px);
          height: calc(100% - 48px) !important;
          object-fit: cover;
          filter: drop-shadow(0 20px 30px rgba(0, 0, 0, .18));
          border-radius: inherit;
      }

      /* benefits */
      .acepay-benefits__head {
          max-width: 860px;
          margin: 0 auto 42px;
          text-align: center;
      }

      .acepay-benefits__title {
          font-size: clamp(42px, 4.6vw, 76px);
      }

      .acepay-benefits__text {
          max-width: 720px;
          margin: 18px auto 0;
          font-size: 18px;
          line-height: 1.75;
      }

      .acepay-benefits__grid {
          display: grid;
          grid-template-columns: repeat(3, minmax(0, 1fr));
          gap: 20px;
      }

      .acepay-benefits__card {
          position: relative;
          overflow: hidden;
          min-height: 330px;
          padding: 24px;
          border-radius: 30px;
          border: 1px solid rgba(26, 41, 66, .07);
          background: linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(246, 243, 238, .92));
          box-shadow: 0 18px 36px rgba(26, 41, 66, .06);
          transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
          outline: none;
      }

      .acepay-benefits__card:hover,
      .acepay-benefits__card:focus-visible,
      .acepay-benefits__card.is-active {
          transform: translateY(-8px);
          border-color: rgba(217, 108, 43, .18);
          box-shadow: 0 26px 44px rgba(26, 41, 66, .10);
      }

      .acepay-benefits__card.is-featured {
          background:
              radial-gradient(circle at top right, rgba(237, 139, 70, .14), transparent 26%),
              linear-gradient(135deg, #f8f4ef 0%, #f2ece5 100%);
      }

      .acepay-benefits__glow {
          position: absolute;
          right: -50px;
          bottom: -50px;
          width: 140px;
          height: 140px;
          border-radius: 50%;
          background: radial-gradient(circle, rgba(217, 108, 43, .10), transparent 68%);
          pointer-events: none;
      }

      .acepay-benefits__icon-wrap {
          width: 74px;
          height: 74px;
          border-radius: 24px;
          display: grid;
          place-items: center;
          background: linear-gradient(135deg, #fff, #f6f0e9);
          border: 1px solid rgba(26, 41, 66, .06);
          box-shadow: 0 16px 30px rgba(26, 41, 66, .06);
          margin-bottom: 24px;
      }

      .acepay-benefits__icon {
          width: 34px;
          height: 34px;
          color: #D96C2B;
          display: inline-flex;
          align-items: center;
          justify-content: center;
      }

      .acepay-benefits__icon svg,
      .acepay-launchflow__iconbox svg {
          width: 100%;
          height: 100%;
          fill: none;
          stroke: currentColor;
          stroke-width: 1.8;
          stroke-linecap: round;
          stroke-linejoin: round;
      }

      .acepay-benefits__icon i {
          font-size: 30px;
          line-height: 1;
      }

      .acepay-benefits__icon img {
          max-width: 100%;
          max-height: 100%;
      }

      .acepay-benefits__tag {
          min-height: 32px;
          padding: 0 12px;
          font-size: 10px;
          margin-bottom: 16px;
      }

      .acepay-benefits__card-title {
          margin: 0;
          color: #1A2942;
          font-size: 26px;
          font-weight: 800;
          letter-spacing: -.03em;
          line-height: 1.08;
      }

      .acepay-benefits__card-text {
          margin-top: 14px;
          font-size: 15px;
          line-height: 1.78;
          color: #647487;
      }

      .acepay-benefits__card-bottom {
          display: flex;
          align-items: flex-end;
          justify-content: space-between;
          gap: 18px;
          margin-top: 24px;
      }

      .acepay-benefits__mini {
          display: flex;
          align-items: flex-end;
          gap: 7px;
          min-height: 50px;
      }

      .acepay-benefits__mini--bars span,
      .acepay-benefits__mini--waves span {
          display: block;
          width: 14px;
          border-radius: 999px;
          background: linear-gradient(180deg, #f3b07b, #d96c2b);
          transition: transform .28s ease;
      }

      .acepay-benefits__mini--bars span:nth-child(1) {
          height: 20px;
          width: 12px;
      }

      .acepay-benefits__mini--bars span:nth-child(2) {
          height: 34px;
          width: 12px;
      }

      .acepay-benefits__mini--bars span:nth-child(3) {
          height: 26px;
          width: 12px;
      }

      .acepay-benefits__mini--bars span:nth-child(4) {
          height: 42px;
          width: 12px;
      }

      .acepay-benefits__mini--waves span:nth-child(1) {
          height: 24px;
      }

      .acepay-benefits__mini--waves span:nth-child(2) {
          height: 36px;
      }

      .acepay-benefits__mini--waves span:nth-child(3) {
          height: 28px;
      }

      .acepay-benefits__mini--split span {
          width: 36px;
          height: 36px;
          border-radius: 12px;
          background: rgba(26, 41, 66, .10);
          transition: transform .28s ease;
      }

      .acepay-benefits__mini--split span:nth-child(2) {
          height: 28px;
      }

      .acepay-benefits__mini--split span:nth-child(3) {
          height: 20px;
      }

      .acepay-benefits__mini--lines {
          flex-direction: column;
          align-items: flex-start;
          justify-content: center;
      }

      .acepay-benefits__mini--lines span {
          width: 40px;
          height: 4px;
          border-radius: 999px;
          background: #d9c7b7;
          display: block;
          transition: transform .28s ease;
      }

      .acepay-benefits__mini--shield span {
          width: 40px;
          height: 46px;
          border-radius: 16px 16px 20px 20px;
          background: linear-gradient(180deg, #e7eff8, #bfd2ea);
          display: block;
          transition: transform .28s ease;
          clip-path: polygon(50% 0, 100% 18%, 100% 60%, 50% 100%, 0 60%, 0 18%);
      }

      .acepay-benefits__mini--cards span {
          width: 36px;
          height: 48px;
          border-radius: 12px;
          background: #eef2f7;
          display: block;
          transition: transform .28s ease;
          border: 1px solid rgba(26, 41, 66, .06);
      }

      .acepay-benefits__mini--cards span:last-child {
          transform: translateX(-10px);
      }

      .acepay-benefits__arrow {
          width: 42px;
          height: 42px;
          border-radius: 50%;
          display: grid;
          place-items: center;
          background: rgba(217, 108, 43, .10);
          color: #D96C2B;
          text-decoration: none;
      }

      .acepay-benefits__arrow svg {
          width: 18px;
          height: 18px;
          fill: none;
          stroke: currentColor;
          stroke-width: 2;
          stroke-linecap: round;
          stroke-linejoin: round;
      }

      .acepay-benefits__card:hover .acepay-benefits__mini--bars span,
      .acepay-benefits__card.is-active .acepay-benefits__mini--bars span {
          transform: translateY(-6px);
      }

      .acepay-benefits__card:hover .acepay-benefits__mini--split span:nth-child(1),
      .acepay-benefits__card.is-active .acepay-benefits__mini--split span:nth-child(1) {
          transform: translateY(-4px);
      }

      .acepay-benefits__card:hover .acepay-benefits__mini--split span:nth-child(2),
      .acepay-benefits__card.is-active .acepay-benefits__mini--split span:nth-child(2) {
          transform: translateY(3px);
      }

      .acepay-benefits__card:hover .acepay-benefits__mini--split span:nth-child(3),
      .acepay-benefits__card.is-active .acepay-benefits__mini--split span:nth-child(3) {
          transform: translateY(-8px);
      }

      .acepay-benefits__card:hover .acepay-benefits__mini--lines span:nth-child(1),
      .acepay-benefits__card.is-active .acepay-benefits__mini--lines span:nth-child(1) {
          transform: translateX(6px);
      }

      .acepay-benefits__card:hover .acepay-benefits__mini--lines span:nth-child(2),
      .acepay-benefits__card.is-active .acepay-benefits__mini--lines span:nth-child(2) {
          transform: translateX(12px);
      }

      .acepay-benefits__card:hover .acepay-benefits__mini--shield span,
      .acepay-benefits__card.is-active .acepay-benefits__mini--shield span {
          transform: translateY(-6px) scale(1.04);
      }

      .acepay-benefits__card:hover .acepay-benefits__mini--waves span:nth-child(1),
      .acepay-benefits__card.is-active .acepay-benefits__mini--waves span:nth-child(1) {
          transform: translateY(-4px);
      }

      .acepay-benefits__card:hover .acepay-benefits__mini--waves span:nth-child(2),
      .acepay-benefits__card.is-active .acepay-benefits__mini--waves span:nth-child(2) {
          transform: translateY(-8px);
      }

      .acepay-benefits__card:hover .acepay-benefits__mini--waves span:nth-child(3),
      .acepay-benefits__card.is-active .acepay-benefits__mini--waves span:nth-child(3) {
          transform: translateY(-6px);
      }

      .acepay-benefits__card:hover .acepay-benefits__mini--cards span:first-child,
      .acepay-benefits__card.is-active .acepay-benefits__mini--cards span:first-child {
          transform: translateY(-6px) rotate(-4deg);
      }

      .acepay-benefits__card:hover .acepay-benefits__mini--cards span:last-child,
      .acepay-benefits__card.is-active .acepay-benefits__mini--cards span:last-child {
          transform: translate(-10px, 2px) rotate(6deg);
      }

      /* story */
      .acepay-story__inner {
          display: grid;
          gap: 32px;
      }

      .acepay-story__row {
          display: grid;
          grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
          gap: 26px;
          align-items: center;
          opacity: 0;
          transform: translateY(46px);
          transition: opacity .8s ease, transform .8s ease;
      }

      .acepay-story__row.is-active {
          opacity: 1;
          transform: none;
      }

      .acepay-story__row--reverse .acepay-story__frame {
          order: 2;
      }

      .acepay-story__row--reverse>div:last-child {
          order: 1;
      }

      .acepay-story__frame {
          position: relative;
          overflow: hidden;
          border-radius: 34px;
          padding: 20px;
          background:
              radial-gradient(circle at 80% 18%, rgba(217, 108, 43, .10), transparent 20%),
              linear-gradient(135deg, #fff 0%, #f6f1eb 100%);
          border: 1px solid rgba(26, 41, 66, .08);
          box-shadow: 0 22px 48px rgba(26, 41, 66, .08);
          transform-style: preserve-3d;
          transition: transform .2s ease;
      }

      .acepay-story__badge {
          position: absolute;
          left: 20px;
          top: 20px;
          z-index: 2;
          display: inline-flex;
          align-items: center;
          min-height: 34px;
          padding: 0 14px;
          border-radius: 999px;
          background: rgba(255, 255, 255, .92);
          border: 1px solid rgba(26, 41, 66, .06);
          color: #D96C2B;
          font-size: 11px;
          font-weight: 800;
          letter-spacing: .10em;
          text-transform: uppercase;
      }

      .acepay-story__image-wrap {
          overflow: hidden;
          border-radius: 26px;
          background: #e7dfd4;
          min-height: 420px;
      }

      .acepay-story__image {
          width: 100%;
          height: 420px !important;
          object-fit: cover;
      }

      .acepay-story__footer {
          display: flex;
          justify-content: space-between;
          align-items: center;
          gap: 14px;
          margin-top: 18px;
      }

      .acepay-story__pill {
          display: inline-flex;
          align-items: center;
          min-height: 34px;
          padding: 0 14px;
          border-radius: 999px;
          background: rgba(217, 108, 43, .10);
          color: #D96C2B;
          font-size: 12px;
          font-weight: 700;
      }

      .acepay-story__dots {
          display: flex;
          gap: 7px;
      }

      .acepay-story__dots span {
          width: 10px;
          height: 10px;
          border-radius: 50%;
          background: #d4dce6;
      }

      .acepay-story__dots span:nth-child(2) {
          background: #ed8b46;
      }

      .acepay-story__dots span:nth-child(3) {
          background: #1a2942;
      }

      .acepay-story__title {
          margin-top: 18px;
          color: #1A2942;
          font-family: "Playfair Display", serif;
          font-size: clamp(42px, 4vw, 64px);
          line-height: .95;
          letter-spacing: -.04em;
      }

      .acepay-story__text {
          margin-top: 14px;
          font-size: 16px;
          line-height: 1.82;
          color: #647487;
      }

      .acepay-story__list {
          display: grid;
          gap: 18px;
          margin-top: 24px;
          padding: 0;
          list-style: none;
      }

      .acepay-story__item strong {
          color: #1A2942;
      }

      /* launchflow */
      .acepay-launchflow {
          padding-top: 15px;
          padding-bottom: 30px;
          background:
              radial-gradient(circle at 18% 16%, rgba(217, 108, 43, .06), transparent 18%),
              radial-gradient(circle at 85% 84%, rgba(26, 41, 66, .05), transparent 20%),
              linear-gradient(180deg, #f7f6f2 0%, #f2f0eb 100%);
          overflow: hidden;
      }

      .acepay-launchflow__head {
          display: grid;
          grid-template-columns: minmax(0, 1fr) auto;
          gap: 28px;
          align-items: start;
          margin-bottom: 36px;
      }

      .acepay-launchflow__intro {
          max-width: 760px;
          min-width: 0;
      }

      .acepay-launchflow__title {
          margin-top: 18px;
          font-size: clamp(42px, 4.8vw, 76px);
          line-height: .96;
      }

      .acepay-launchflow__text {
          max-width: 720px;
          margin-top: 18px;
          font-size: 17px;
          line-height: 1.8;
      }

      .acepay-launchflow__meta {
          display: flex;
          gap: 10px;
          padding-top: 4px;
          align-items: center;
          flex-wrap: wrap;
      }

      .acepay-launchflow__meta-chip {
          display: inline-flex;
          align-items: center;
          min-height: 42px;
          padding: 0 16px;
          border-radius: 14px;
          background: rgba(255, 255, 255, .88);
          border: 1px solid rgba(26, 41, 66, .06);
          color: #728296;
          font-size: 13px;
          font-weight: 600;
          box-shadow: 0 10px 18px rgba(26, 41, 66, .04);
          white-space: nowrap;
      }

      .acepay-launchflow__meta-chip--active {
          background: #b6e06b;
          color: #1A2942;
          border-color: rgba(145, 192, 71, .34);
      }

      .acepay-launchflow__stage {
          position: relative;
      }

      .acepay-launchflow__desktop-map {
          position: relative;
          min-height: 860px;
      }

      .acepay-launchflow__mobile-stack {
          display: none;
      }

      .acepay-launchflow__mobile-item+.acepay-launchflow__mobile-item {
          margin-top: 18px;
      }

      .acepay-launchflow__node {
          position: absolute;
          z-index: 2;
      }

      .acepay-launchflow__node--1 {
          left: 0;
          top: 0;
          width: 30%;
      }

      .acepay-launchflow__node--2 {
          right: 12%;
          top: 150px;
          width: 32%;
      }

      .acepay-launchflow__node--3 {
          left: 12%;
          top: 400px;
          width: 31%;
      }

      .acepay-launchflow__node--4 {
          right: 7%;
          top: 540px;
          width: 31%;
      }

      .acepay-launchflow__card {
          position: relative;
          width: 100%;
      }

      .acepay-launchflow__card-shell {
          position: relative;
          width: 100%;
          min-height: 238px;
          padding: 28px 28px 24px 96px;
          border-radius: 28px;
          border: 1px solid rgba(26, 41, 66, .06);
          box-shadow: 0 18px 34px rgba(26, 41, 66, .07);
          transform-style: preserve-3d;
          transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease;
          background: linear-gradient(180deg, #fff, #f7f4ee);
          overflow: hidden;
      }

      .acepay-launchflow__card-shell::after {
          content: "";
          position: absolute;
          right: -32px;
          bottom: -32px;
          width: 120px;
          height: 120px;
          border-radius: 50%;
          background: radial-gradient(circle, rgba(255, 255, 255, .34), transparent 70%);
          pointer-events: none;
      }

      .acepay-launchflow__card-shell--olive {
          background: linear-gradient(180deg, #ebf2dd, #e4ecd3);
      }

      .acepay-launchflow__card-shell--white {
          background: linear-gradient(180deg, #ffffff, #f5f4f2);
      }

      .acepay-launchflow__card-shell--mint {
          background: linear-gradient(180deg, #e3f0e8, #d7e8de);
      }

      .acepay-launchflow__rail {
          position: absolute;
          left: 14px;
          top: 14px;
          bottom: 14px;
          width: 36px;
          border-radius: 999px;
          display: flex;
          align-items: center;
          justify-content: center;
          writing-mode: vertical-rl;
          transform: rotate(180deg);
          background: linear-gradient(180deg, #0d7954, #076646);
          color: #fff;
          font-size: 10px;
          font-weight: 800;
          letter-spacing: .08em;
          text-transform: uppercase;
          box-shadow: 0 12px 22px rgba(13, 121, 84, .18);
          z-index: 3;
      }

      .acepay-launchflow__rail--dark {
          background: linear-gradient(180deg, #2b2d32, #1f2125);
          box-shadow: 0 12px 22px rgba(34, 37, 43, .16);
      }

      .acepay-launchflow__card-head {
          display: flex;
          align-items: flex-start;
          gap: 16px;
          min-width: 0;
      }

      .acepay-launchflow__iconbox {
          width: 56px;
          height: 56px;
          border-radius: 18px;
          flex: 0 0 56px;
          display: grid;
          place-items: center;
          background: linear-gradient(135deg, #fff, #f3ede6);
          border: 1px solid rgba(26, 41, 66, .06);
          box-shadow: 0 14px 26px rgba(26, 41, 66, .06);
          color: #D96C2B;
      }

      .acepay-launchflow__iconbox i {
          font-size: 24px;
          line-height: 1;
      }

      .acepay-launchflow__iconbox img {
          max-width: 26px;
          max-height: 26px;
      }

      .acepay-launchflow__card-title {
          color: #1A2942;
          font-size: 22px;
          font-weight: 800;
          line-height: 1.08;
          letter-spacing: -.03em;
          max-width: 220px;
          padding-top: 6px;
      }

      .acepay-launchflow__card-text {
          margin-top: 18px;
          color: #607184;
          font-size: 15px;
          line-height: 1.82;
          max-width: 260px;
      }

      .acepay-launchflow__connector {
          position: absolute;
          z-index: 1;
          pointer-events: none;
          display: block;
      }

      .acepay-launchflow__line-h,
      .acepay-launchflow__line-v,
      .acepay-launchflow__corner {
          position: absolute;
          display: block;
      }

      .acepay-launchflow__line-h {
          top: 0;
          height: 0;
          border-top: 2px dashed rgba(145, 171, 117, .60);
      }

      .acepay-launchflow__line-v {
          width: 0;
          border-left: 2px dashed rgba(145, 171, 117, .60);
      }

      .acepay-launchflow__corner {
          width: 26px;
          height: 26px;
      }

      .acepay-launchflow__corner--tr {
          border-top: 2px dashed rgba(145, 171, 117, .60);
          border-right: 2px dashed rgba(145, 171, 117, .60);
          border-top-right-radius: 26px;
      }

      .acepay-launchflow__corner--bl {
          border-left: 2px dashed rgba(145, 171, 117, .60);
          border-top: 2px dashed rgba(145, 171, 117, .60);
          border-top-left-radius: 26px;
      }

      .acepay-launchflow__arrow {
          position: absolute;
          width: 12px;
          height: 12px;
          border-right: 2px solid rgba(145, 171, 117, .80);
          border-bottom: 2px solid rgba(145, 171, 117, .80);
          transform: rotate(45deg);
      }

      .acepay-launchflow__connector[data-flow="right-down"] .acepay-launchflow__line-h {
          left: 0;
          width: calc(100% - 26px);
      }

      .acepay-launchflow__connector[data-flow="right-down"] .acepay-launchflow__corner {
          right: 0;
          top: 0;
      }

      .acepay-launchflow__connector[data-flow="right-down"] .acepay-launchflow__line-v {
          right: 0;
          top: 26px;
          height: calc(100% - 38px);
      }

      .acepay-launchflow__connector[data-flow="right-down"] .acepay-launchflow__arrow {
          right: -4px;
          bottom: 0;
      }

      .acepay-launchflow__connector[data-flow="left-down"] .acepay-launchflow__line-h {
          right: 0;
          width: calc(100% - 26px);
      }

      .acepay-launchflow__connector[data-flow="left-down"] .acepay-launchflow__corner {
          left: 0;
          top: 0;
      }

      .acepay-launchflow__connector[data-flow="left-down"] .acepay-launchflow__line-v {
          left: 0;
          top: 26px;
          height: calc(100% - 38px);
      }

      .acepay-launchflow__connector[data-flow="left-down"] .acepay-launchflow__arrow {
          left: -4px;
          bottom: 0;
      }

      /* responsive */
      @media (min-width: 992px) and (max-width: 1199px) {
          .acepay-container {
              width: min(100%, calc(100% - 36px));
          }

          .acepay-hero__panel {
              padding: 32px;
          }

          .acepay-hero__grid {
              gap: 28px;
          }

          .acepay-suite__shell {
              grid-template-columns: 290px minmax(0, 1fr);
          }

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

          .acepay-launchflow__desktop-map {
              min-height: 820px;
          }

          .acepay-launchflow__node--1 {
              width: 35%;
          }

          .acepay-launchflow__node--2 {
              width: 35%;
              right: 5%;
              top: 92px;
          }

          .acepay-launchflow__node--3 {
              width: 33%;
              left: 7%;
              top: 432px;
          }

          .acepay-launchflow__node--4 {
              width: 34%;
              right: 0;
              top: 494px;
          }
      }

      @media (min-width: 768px) and (max-width: 991px) {
          .acepay-container {
              width: min(100%, calc(100% - 32px));
          }

          .acepay-section {
              padding: 78px 0;
          }

          .acepay-hero__panel {
              padding: 26px;
              border-radius: 32px;
          }

          .acepay-hero__grid,
          .acepay-story__row,
          .acepay-suite__panel-body {
              grid-template-columns: 1fr;
              gap: 26px;
          }

          .acepay-hero__title {
              font-size: clamp(42px, 8vw, 64px);
          }

          .acepay-hero__media {
              justify-content: flex-start;
          }

          .acepay-hero__visual {
              width: 100%;
              aspect-ratio: 1.3/1;
          }

          .acepay-suite__shell {
              grid-template-columns: 1fr;
              gap: 16px;
              border-radius: 28px;
          }

          .acepay-suite__nav {
              flex-direction: row;
              overflow: auto;
              padding-bottom: 6px;
          }

          .acepay-suite__tab {
              min-width: 250px;
              flex: 0 0 250px;
          }

          .acepay-suite__stage {
              min-height: 1px;
          }

          .acepay-suite__panel {
              position: relative;
              display: none;
          }

          .acepay-suite__panel.is-active {
              display: block;
          }

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

          .acepay-story__image-wrap,
          .acepay-story__image {
              min-height: 360px;
              height: 360px;
          }

          .acepay-launchflow__head {
              grid-template-columns: 1fr;
              gap: 18px;
              margin-bottom: 28px;
          }

          .acepay-launchflow__title {
              font-size: clamp(36px, 8vw, 52px);
              line-height: .98;
          }

          .acepay-launchflow__text {
              font-size: 15px;
              line-height: 1.72;
          }

          .acepay-launchflow__desktop-map {
              display: none;
          }

          .acepay-launchflow__mobile-stack {
              display: block;
          }
      }

      @media (max-width: 767px) {
          .acepay-container {
              width: min(100%, calc(100% - 24px));
          }

          .acepay-section {
              padding: 64px 0;
          }

          .acepay-hero {
              padding: 18px 0 20px;
          }

          .acepay-hero__panel {
              padding: 18px;
              border-radius: 26px;
          }

          .acepay-hero__grid,
          .acepay-story__row,
          .acepay-suite__panel-body {
              grid-template-columns: 1fr;
              gap: 20px;
          }

          .acepay-hero__title,
          .acepay-suite__title,
          .acepay-benefits__title,
          .acepay-story__title,
          .acepay-launchflow__title {
              font-size: clamp(34px, 10vw, 52px);
              line-height: .98;
          }

          .acepay-hero__text,
          .acepay-benefits__text,
          .acepay-story__text,
          .acepay-story__item,
          .acepay-suite__panel-text,
          .acepay-suite__list-item,
          .acepay-launchflow__text {
              font-size: 15px;
          }

          .acepay-hero__actions {
              flex-direction: column;
              align-items: stretch;
          }

          .acepay-btn {
              width: 100%;
          }

          .acepay-hero__visual {
              width: 100%;
              aspect-ratio: 1.15/1;
              border-radius: 24px;
          }

          .acepay-suite__head,
          .acepay-benefits__head {
              margin-bottom: 28px;
          }

          .acepay-suite__shell {
              grid-template-columns: 1fr;
              gap: 14px;
              padding: 14px;
              border-radius: 24px;
          }

          .acepay-suite__nav {
              flex-direction: row;
              overflow: auto;
              padding-bottom: 4px;
          }

          .acepay-suite__tab {
              min-width: 250px;
              flex: 0 0 250px;
              min-height: 78px;
              padding: 14px;
              border-radius: 18px;
          }

          .acepay-suite__tab-index {
              width: 40px;
              height: 40px;
              flex-basis: 40px;
              border-radius: 14px;
          }

          .acepay-suite__stage {
              min-height: 1px;
              height: auto !important;
          }

          .acepay-suite__panel {
              position: relative;
              display: none;
          }

          .acepay-suite__panel.is-active {
              display: block;
          }

          .acepay-suite__panel-body {
              padding: 14px;
              gap: 18px;
              border-radius: 22px;
          }

          .acepay-suite__media-card {
              min-height: 300px;
              border-radius: 22px;
          }

          .acepay-suite__image {
              inset: 18px;
              width: calc(100% - 36px);
              height: calc(100% - 36px);
          }

          .acepay-benefits__grid {
              grid-template-columns: 1fr;
          }

          .acepay-benefits__card {
              min-height: 300px;
              border-radius: 24px;
          }

          .acepay-story__inner {
              gap: 24px;
          }

          .acepay-story__frame {
              padding: 14px;
              border-radius: 24px;
          }

          .acepay-story__image-wrap,
          .acepay-story__image {
              min-height: 280px;
              height: 280px;
              border-radius: 20px;
          }

          .acepay-story__badge {
              left: 14px;
              top: 14px;
              font-size: 10px;
          }

          .acepay-launchflow__head {
              grid-template-columns: 1fr;
              gap: 18px;
              margin-bottom: 28px;
          }

          .acepay-launchflow__desktop-map {
              display: none;
          }

          .acepay-launchflow__mobile-stack {
              display: block;
          }
      }

      @media (prefers-reduced-motion: reduce) {

          [data-ace-reveal],
          .acepay-story__row,
          .acepay-suite__panel,
          .acepay-hero__visual,
          .acepay-story__frame,
          .acepay-launchflow__card-shell {
              transition: none !important;
              animation: none !important;
          }

          [data-ace-reveal],
          .acepay-story__row {
              opacity: 1 !important;
              transform: none !important;
          }
      }

      /* =========================================================
   END: ACCEPT PAYMENTS / SOLUTION PAGE ADD-ON
========================================================= */


      /* =========================================================
   START: ACE POS PAGE APPEND
   Excludes acepos-steps and acepos-cta
========================================================= */

      .acepos-page {
          overflow: hidden;
      }

      .acepos-shell {
          width: min(1320px, calc(100% - 40px));
          margin: 0 auto;
      }

      .acepos-section {
          padding: 40px 0;
      }

      .acepos-title {
          color: #1a2942;
          font-family: "Playfair Display", serif;
          font-weight: 600;
          line-height: 0.96;
          letter-spacing: -0.04em;
      }

      .acepos-title span {
          color: #d96c2b;
      }

      .acepos-copy {
          font-size: 17px;
          line-height: 1.82;
          color: #647487;
      }

      .acepos-kicker,
      .acepos-card__eyebrow {
          display: inline-flex;
          align-items: center;
          gap: 10px;
          min-height: 38px;
          padding: 0 16px;
          border-radius: 999px;
          border: 1px solid rgba(26, 41, 66, 0.08);
          background: rgba(255, 255, 255, 0.88);
          color: #d96c2b;
          font-size: 11px;
          font-weight: 800;
          letter-spacing: 0.12em;
          text-transform: uppercase;
          box-shadow: 0 10px 22px rgba(26, 41, 66, 0.04);
          width: fit-content;
          max-width: 100%;
      }

      .acepos-kicker__dot {
          width: 7px;
          height: 7px;
          border-radius: 50%;
          background: #d96c2b;
          box-shadow: 0 0 0 5px rgba(217, 108, 43, 0.1);
          flex: 0 0 7px;
      }

      .acepos-btn {
          display: inline-flex;
          align-items: center;
          justify-content: center;
          min-height: 56px;
          padding: 0 28px;
          border-radius: 999px;
          font-size: 15px;
          font-weight: 700;
          transition: transform 0.24s ease, box-shadow 0.24s ease, border-color 0.24s ease, background 0.24s ease;
          white-space: nowrap;
      }

      .acepos-btn:hover {
          transform: translateY(-2px);
      }

      .acepos-btn--primary {
          color: #fff;
          background: linear-gradient(135deg, #d96c2b, #ed8b46);
          box-shadow: 0 16px 28px rgba(217, 108, 43, 0.24);
      }

      .acepos-btn--ghost {
          color: #1a2942;
          background: rgba(255, 255, 255, 0.9);
          border: 1px solid rgba(26, 41, 66, 0.08);
          box-shadow: 0 12px 24px rgba(26, 41, 66, 0.04);
      }

      .acepos-card {
          position: relative;
          border: 1px solid rgba(26, 41, 66, 0.08);
          border-radius: 30px;
          background: rgba(255, 255, 255, 0.94);
          box-shadow: 0 18px 34px rgba(26, 41, 66, 0.07);
          overflow: hidden;
          min-width: 0;
      }

      .acepos-card--soft {
          background: radial-gradient(circle at top right, rgba(217, 108, 43, 0.08), transparent 26%), linear-gradient(135deg, #fff 0%, #f8f4ef 100%);
      }

      .acepos-card--visual {
          background: radial-gradient(circle at 20% 20%, rgba(255, 255, 255, 0.8), transparent 25%), linear-gradient(135deg, #eff3f8 0%, #e7edf5 100%);
      }

      .acepos-section__head {
          max-width: 880px;
          margin-bottom: 38px;
      }

      .acepos-section__head--center {
          margin-left: auto;
          margin-right: auto;
          text-align: center;
      }

      .acepos-section__head--center .acepos-kicker {
          margin-inline: auto;
      }

      .acepos-section__title {
          font-size: clamp(44px, 4.8vw, 76px);
          margin-top: 18px;
      }

      .acepos-section__copy {
          margin-top: 18px;
          max-width: 760px;
      }

      .acepos-section__head--center .acepos-section__copy {
          margin-left: auto;
          margin-right: auto;
      }

      .acepos-reveal {
          opacity: 0;
          transform: translateY(36px);
          transition: opacity 0.8s ease, transform 0.8s ease;
          will-change: transform, opacity;
      }

      .acepos-reveal[data-reveal="left"] {
          transform: translateX(-40px);
      }

      .acepos-reveal[data-reveal="right"] {
          transform: translateX(40px);
      }

      .acepos-reveal.is-visible {
          opacity: 1;
          transform: none;
      }

      .acepos-list {
          display: grid;
          gap: 16px;
          margin-top: 24px;
      }

      .acepos-list--compact {
          gap: 14px;
      }

      .acepos-list__item {
          display: flex;
          align-items: flex-start;
          gap: 14px;
          font-size: 15px;
          line-height: 1.72;
          min-width: 0;
      }

      .acepos-list__check {
          position: relative;
          width: 24px;
          height: 24px;
          flex: 0 0 24px;
          border-radius: 50%;
          background: linear-gradient(135deg, #d96c2b, #ed8b46);
          box-shadow: 0 10px 18px rgba(217, 108, 43, 0.18);
          margin-top: 3px;
      }

      .acepos-list__check::before {
          content: "";
          position: absolute;
          left: 8px;
          top: 5px;
          width: 6px;
          height: 10px;
          border-right: 2px solid #fff;
          border-bottom: 2px solid #fff;
          transform: rotate(40deg);
      }

      .js-acepos-tilt {
          transform-style: preserve-3d;
          transition: transform 0.18s ease;
      }

      .acepos-hero {
          padding: 30px 0 34px;
      }

      .acepos-shell--hero {
          display: grid;
          grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
          gap: 34px;
          align-items: center;
          padding: 42px;
          border-radius: 42px;
          border: 1px solid rgba(255, 255, 255, 0.92);
          box-shadow: 0 22px 60px rgba(26, 41, 66, 0.08);
          background: rgba(255, 255, 255, 0.55);
          backdrop-filter: blur(4px);
      }

      .acepos-hero__title {
          font-size: clamp(52px, 4vw, 60px);
          max-width: 620px;
          margin-top: 20px;
      }

      .acepos-hero__text {
          max-width: 560px;
          margin-top: 18px;
      }

      .acepos-hero__actions {
          display: flex;
          flex-wrap: wrap;
          gap: 14px;
          margin-top: 28px;
      }

      .acepos-hero__media {
          display: flex;
          justify-content: flex-end;
          min-width: 0;
      }

      .acepos-hero__visual {
          position: relative;
          width: min(100%, 680px);
          aspect-ratio: 1.12 / 1;
          display: flex;
          align-items: center;
          justify-content: center;
          padding: 34px;
          border-radius: 34px;
      }

      .acepos-hero__glow {
          position: absolute;
          border-radius: 50%;
          filter: blur(22px);
          pointer-events: none;
      }

      .acepos-hero__glow--one {
          width: 160px;
          height: 160px;
          background: rgba(237, 139, 70, 0.24);
          top: 8%;
          right: 12%;
      }

      .acepos-hero__glow--two {
          width: 190px;
          height: 190px;
          background: rgba(26, 41, 66, 0.1);
          left: 6%;
          bottom: 6%;
      }

      .acepos-hero__image {
          position: relative;
          z-index: 1;
          max-height: 100%;
          object-fit: contain;
          filter: drop-shadow(0 26px 34px rgba(26, 41, 66, 0.16));
      }

      .acepos-overview__grid {
          display: grid;
          grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
          gap: 24px;
          align-items: stretch;
      }

      .acepos-overview__intro,
      .acepos-overview__visual {
          padding: 34px;
      }

      .acepos-overview__title {
          font-size: clamp(42px, 4.7vw, 70px);
          margin-top: 18px;
      }

      .acepos-overview__text {
          margin-top: 16px;
          max-width: 630px;
      }

      .acepos-overview__media {
          position: relative;
          min-height: 100%;
          display: flex;
          align-items: center;
          justify-content: center;
          padding: 24px;
          border-radius: 26px;
          background: radial-gradient(circle at 18% 18%, rgba(255, 255, 255, 0.84), transparent 22%), linear-gradient(145deg, #edf5ef 0%, #e8edf6 100%);
      }

      .acepos-overview__halo {
          position: absolute;
          border-radius: 50%;
          filter: blur(24px);
          pointer-events: none;
      }

      .acepos-overview__halo--orange {
          width: 140px;
          height: 140px;
          background: rgba(237, 139, 70, 0.18);
          right: 12%;
          top: 10%;
      }

      .acepos-overview__halo--navy {
          width: 190px;
          height: 190px;
          background: rgba(26, 41, 66, 0.1);
          left: 6%;
          bottom: 8%;
      }

      .acepos-overview__device {
          position: relative;
          z-index: 1;
          width: min(100%, 460px);
          filter: drop-shadow(0 26px 34px rgba(26, 41, 66, 0.16));
      }

      .acepos-features__grid {
          display: grid;
          grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr);
          grid-template-areas: "kiosk table" "website delivery" "kitchen kitchen";
          gap: 22px;
          align-items: stretch;
      }

      .acepos-feature {
          display: flex;
          flex-direction: column;
          gap: 22px;
          padding: 26px;
          min-width: 0;
          height: 100%;
          background: radial-gradient(circle at top right, rgba(217, 108, 43, 0.07), transparent 24%), linear-gradient(135deg, #fff 0%, #f8f7f4 100%);
      }

      .acepos-feature--large {
          grid-area: kiosk;
      }

      .acepos-features__grid>.acepos-feature:nth-child(2) {
          grid-area: table;
      }

      .acepos-features__grid>.acepos-feature:nth-child(3) {
          grid-area: delivery;
      }

      .acepos-features__grid>.acepos-feature:nth-child(4) {
          grid-area: website;
      }

      .acepos-feature--wide {
          grid-area: kitchen;
          display: grid;
          grid-template-columns: minmax(0, 1.02fr) minmax(0, 0.98fr);
          align-items: center;
          background: radial-gradient(circle at 8% 18%, rgba(217, 108, 43, 0.08), transparent 24%), linear-gradient(135deg, #fff 0%, #f7f4ef 100%);
      }

      .acepos-feature__content {
          min-width: 0;
      }

      .acepos-feature__title {
          color: #1a2942;
          font-size: 32px;
          font-weight: 800;
          line-height: 1.08;
          letter-spacing: -0.03em;
          margin-top: 16px;
      }

      .acepos-feature__text {
          margin-top: 14px;
          font-size: 15px;
          line-height: 1.82;
      }

      .acepos-feature__media {
          position: relative;
          display: flex;
          align-items: center;
          justify-content: center;
          padding: 18px;
          border-radius: 24px;
          background: linear-gradient(135deg, rgba(233, 241, 249, 0.9), rgba(246, 240, 235, 0.9));
          box-shadow: 0 14px 30px rgba(26, 41, 66, 0.08);
          margin-top: auto;
          min-width: 0;
          overflow: hidden;
      }

      .acepos-feature--large .acepos-feature__media {
          min-height: 340px;
      }

      .acepos-features__grid>.acepos-feature:nth-child(2) .acepos-feature__media,
      .acepos-features__grid>.acepos-feature:nth-child(3) .acepos-feature__media,
      .acepos-features__grid>.acepos-feature:nth-child(4) .acepos-feature__media {
          min-height: 270px;
      }

      .acepos-feature--wide .acepos-feature__media {
          min-height: 320px;
          margin-top: 0;
      }

      .acepos-feature__media img {
          width: 100%;
          max-width: 100%;
          max-height: 320px;
          object-fit: cover;
          filter: drop-shadow(0 16px 24px rgba(26, 41, 66, 0.12));
          border-radius: inherit;
      }

      .acepos-feature--large .acepos-feature__media img {
          max-height: 310px;
      }

      .acepos-feature--wide .acepos-feature__media img {
          max-height: 290px;
      }

      .acepos-ops__wrap {
          padding: 22px;
          border-radius: 34px;
          border: 1px solid rgba(26, 41, 66, 0.08);
          background: radial-gradient(circle at top right, rgba(217, 108, 43, 0.1) 0%, rgba(217, 108, 43, 0) 24%), linear-gradient(135deg, #f8f4ef 0%, #f1ebe4 100%);
          box-shadow: 0 22px 60px rgba(26, 41, 66, 0.08);
      }

      .acepos-ops__tabs {
          display: flex;
          flex-wrap: wrap;
          gap: 12px;
      }

      .acepos-ops__tab {
          min-height: 48px;
          padding: 0 16px;
          border-radius: 999px;
          border: 1px solid rgba(26, 41, 66, 0.08);
          background: rgba(255, 255, 255, 0.72);
          color: #1a2942;
          font-size: 14px;
          font-weight: 700;
          cursor: pointer;
          transition: transform 0.24s ease, border-color 0.24s ease, background 0.24s ease, box-shadow 0.24s ease;
      }

      .acepos-ops__tab:hover {
          transform: translateY(-2px);
      }

      .acepos-ops__tab.is-active {
          background: #fff;
          border-color: rgba(217, 108, 43, 0.2);
          box-shadow: 0 14px 22px rgba(26, 41, 66, 0.06);
      }

      .acepos-ops__stage {
          position: relative;
          min-height: 520px;
          margin-top: 20px;
          transition: height 0.42s ease;
      }

      .acepos-ops__panel {
          position: absolute;
          inset: 0;
          opacity: 0;
          pointer-events: none;
          transform: translateY(16px);
          transition: opacity 0.44s ease, transform 0.44s ease;
      }

      .acepos-ops__panel.is-active {
          opacity: 1;
          pointer-events: auto;
          transform: none;
          z-index: 2;
      }

      .acepos-ops__panel-grid {
          display: grid;
          grid-template-columns: minmax(0, 0.84fr) minmax(0, 1.16fr);
          gap: 24px;
          align-items: center;
          min-height: 100%;
          padding: 24px;
          border-radius: 28px;
          background: rgba(255, 255, 255, 0.74);
          border: 1px solid rgba(255, 255, 255, 0.66);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.84);
      }

      .acepos-ops__media {
          min-height: 360px;
          display: flex;
          align-items: center;
          justify-content: center;
          padding: 24px;
          border-radius: 28px;
          background: radial-gradient(circle at 24% 20%, rgba(255, 255, 255, 0.84), transparent 24%), linear-gradient(135deg, #dfe4f5 0%, #cfd9ee 100%);
          box-shadow: 0 18px 34px rgba(26, 41, 66, 0.1);
          min-width: 0;
      }

      .acepos-ops__media img {
          width: 100%;
          max-width: 100%;
          max-height: 300px;
          object-fit: cover;
          border-radius: inherit;
      }

      .acepos-ops__title {
          color: #1a2942;
          font-size: clamp(34px, 3vw, 52px);
          font-family: "Playfair Display", serif;
          font-weight: 600;
          letter-spacing: -0.04em;
          line-height: 0.98;
      }

      .acepos-ops__text {
          margin-top: 14px;
          font-size: 16px;
          line-height: 1.78;
      }

      .acepos-ops__list {
          margin-top: 20px;
          gap: 12px;
          max-width: 560px;
      }

      .acepos-ops__list .acepos-list__item {
          gap: 10px;
          font-size: 14px;
          line-height: 1.65;
      }

      .acepos-ops__list .acepos-list__check {
          width: 16px;
          height: 16px;
          flex: 0 0 16px;
          margin-top: 4px;
          box-shadow: 0 0 0 4px rgba(217, 108, 43, 0.08);
      }

      .acepos-ops__list .acepos-list__check::before {
          left: 5px;
          top: 3px;
          width: 4px;
          height: 6px;
          border-right-width: 2px;
          border-bottom-width: 2px;
      }

      .acepos-benefits__grid {
          display: grid;
          grid-template-columns: repeat(3, minmax(0, 1fr));
          gap: 14px;
          margin-top: 24px;
      }

      .acepos-benefit {
          padding: 24px;
          transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;
          min-width: 0;
          height: 100%;
      }

      .acepos-benefit:hover {
          transform: translateY(-6px);
          box-shadow: 0 24px 40px rgba(26, 41, 66, 0.09);
          border-color: rgba(217, 108, 43, 0.18);
      }

      .acepos-benefit__icon {
          width: 62px;
          height: 62px;
          display: grid;
          place-items: center;
          border-radius: 18px;
          background: linear-gradient(135deg, #1a2942, #22375a);
          box-shadow: 0 16px 28px rgba(26, 41, 66, 0.14);
          overflow: hidden;
          color: #fff;
      }

      .acepos-benefit__icon img {
          width: 28px;
          height: 28px;
          object-fit: contain;
      }

      .acepos-benefit__icon svg {
          width: 28px;
          height: 28px;
          fill: currentColor;
      }

      .acepos-benefit__title {
          margin-top: 18px;
          color: #1a2942;
          font-size: 23px;
          line-height: 1.12;
          letter-spacing: -0.03em;
      }

      .acepos-benefit__text {
          margin-top: 12px;
          font-size: 14px;
          line-height: 1.74;
      }

      .acepos-support__grid {
          display: grid;
          grid-template-columns: minmax(0, 1.04fr) minmax(0, 0.96fr);
          gap: 24px;
          align-items: center;
      }

      .acepos-support__copy {
          padding: 32px 0;
      }

      .acepos-support__title {
          margin-top: 18px;
          font-size: clamp(42px, 4.7vw, 68px);
      }

      .acepos-support__text {
          margin-top: 16px;
          max-width: 620px;
      }

      .acepos-support__media {
          padding: 26px;
          background: radial-gradient(circle at 12% 18%, rgba(217, 108, 43, 0.08), transparent 22%), linear-gradient(135deg, #fff 0%, #f9ebe6 100%);
      }

      .acepos-support__visual {
          min-height: 100%;
          display: flex;
          align-items: center;
          justify-content: center;
          padding: 24px;
          border-radius: 24px;
          background: rgba(255, 255, 255, 0.68);
          min-width: 0;
      }

      .acepos-support__visual img {
          width: 100%;
          max-width: 100%;
          max-height: 360px;
          object-fit: contain;
      }

      @media (min-width: 992px) and (max-width: 1199px) {
          .acepos-shell {
              width: min(100%, calc(100% - 36px));
          }

          .acepos-section {
              padding: 78px 0;
          }

          .acepos-shell--hero {
              gap: 28px;
              padding: 30px;
          }

          .acepos-hero__title {
              font-size: clamp(46px, 5vw, 68px);
          }

          .acepos-overview__grid {
              grid-template-columns: minmax(0, 1fr) minmax(0, 0.94fr);
          }

          .acepos-features__grid {
              grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
              gap: 18px;
          }

          .acepos-feature {
              padding: 22px;
              gap: 18px;
          }

          .acepos-feature__title {
              font-size: 28px;
          }

          .acepos-feature--large .acepos-feature__media {
              min-height: 300px;
          }

          .acepos-features__grid>.acepos-feature:nth-child(2) .acepos-feature__media,
          .acepos-features__grid>.acepos-feature:nth-child(3) .acepos-feature__media,
          .acepos-features__grid>.acepos-feature:nth-child(4) .acepos-feature__media {
              min-height: 240px;
          }

          .acepos-feature--wide .acepos-feature__media {
              min-height: 280px;
          }

          .acepos-ops__panel-grid {
              grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
          }

          .acepos-benefits__grid {
              grid-template-columns: repeat(2, minmax(0, 1fr));
              gap: 14px;
          }
      }

      @media (min-width: 768px) and (max-width: 991px) {
          .acepos-shell {
              width: min(100%, calc(100% - 32px));
          }

          .acepos-section {
              padding: 72px 0;
          }

          .acepos-shell--hero {
              grid-template-columns: 1fr;
              gap: 24px;
              padding: 28px;
              border-radius: 34px;
          }

          .acepos-hero__media {
              justify-content: flex-start;
          }

          .acepos-overview__grid,
          .acepos-support__grid {
              grid-template-columns: 1fr;
          }

          .acepos-features__grid {
              grid-template-columns: repeat(2, minmax(0, 1fr));
              grid-template-areas: "kiosk kiosk" "table delivery" "website website" "kitchen kitchen";
              gap: 18px;
          }

          .acepos-feature {
              padding: 22px;
          }

          .acepos-feature--wide {
              grid-template-columns: 1fr;
          }

          .acepos-feature--large .acepos-feature__media,
          .acepos-feature--wide .acepos-feature__media {
              min-height: 280px;
          }

          .acepos-features__grid>.acepos-feature:nth-child(2) .acepos-feature__media,
          .acepos-features__grid>.acepos-feature:nth-child(3) .acepos-feature__media,
          .acepos-features__grid>.acepos-feature:nth-child(4) .acepos-feature__media {
              min-height: 220px;
          }

          .acepos-feature__title {
              font-size: 27px;
          }

          .acepos-ops__tabs {
              flex-wrap: nowrap;
              overflow-x: auto;
              padding-bottom: 4px;
              scrollbar-width: thin;
          }

          .acepos-ops__tab {
              white-space: nowrap;
              flex: 0 0 auto;
          }

          .acepos-ops__stage {
              min-height: 1px;
              height: auto !important;
          }

          .acepos-ops__panel {
              position: relative;
              display: none;
          }

          .acepos-ops__panel.is-active {
              display: block;
              opacity: 1;
              transform: none;
          }

          .acepos-ops__panel-grid {
              grid-template-columns: 1fr;
          }

          .acepos-benefits__grid {
              grid-template-columns: repeat(2, minmax(0, 1fr));
              gap: 14px;
          }
      }

      @media (min-width: 576px) and (max-width: 767px) {
          .acepos-shell {
              width: min(100%, calc(100% - 24px));
          }

          .acepos-section {
              padding: 62px 0;
          }

          .acepos-hero {
              padding: 20px 0 18px;
          }

          .acepos-shell--hero {
              grid-template-columns: 1fr;
              gap: 22px;
              padding: 20px;
              border-radius: 28px;
          }

          .acepos-hero__title {
              font-size: clamp(38px, 9vw, 54px);
          }

          .acepos-hero__actions {
              flex-direction: column;
              align-items: stretch;
          }

          .acepos-btn {
              width: 100%;
          }

          .acepos-overview__grid,
          .acepos-support__grid {
              grid-template-columns: 1fr;
          }

          .acepos-overview__intro,
          .acepos-overview__visual,
          .acepos-feature {
              padding: 20px;
          }

          .acepos-features__grid {
              grid-template-columns: 1fr;
              grid-template-areas: "kiosk" "table" "delivery" "website" "kitchen";
          }

          .acepos-feature--wide {
              grid-template-columns: 1fr;
          }

          .acepos-section__title,
          .acepos-overview__title,
          .acepos-support__title {
              font-size: clamp(34px, 10vw, 46px);
              line-height: 0.98;
          }

          .acepos-feature__title {
              font-size: 27px;
          }

          .acepos-feature__media,
          .acepos-overview__media,
          .acepos-ops__media,
          .acepos-support__visual,
          .acepos-hero__visual {
              border-radius: 22px;
          }

          .acepos-feature--large .acepos-feature__media,
          .acepos-feature--wide .acepos-feature__media,
          .acepos-features__grid>.acepos-feature:nth-child(2) .acepos-feature__media,
          .acepos-features__grid>.acepos-feature:nth-child(3) .acepos-feature__media,
          .acepos-features__grid>.acepos-feature:nth-child(4) .acepos-feature__media {
              min-height: 240px;
          }

          .acepos-benefits__grid {
              grid-template-columns: 1fr;
              gap: 14px;
          }

          .acepos-ops__wrap {
              padding: 14px;
              border-radius: 24px;
          }

          .acepos-ops__tabs {
              flex-wrap: nowrap;
              overflow-x: auto;
              padding-bottom: 4px;
              gap: 8px;
              scrollbar-width: thin;
          }

          .acepos-ops__tab {
              flex: 0 0 auto;
              white-space: nowrap;
          }

          .acepos-ops__stage {
              min-height: 1px;
              height: auto !important;
              margin-top: 14px;
          }

          .acepos-ops__panel {
              position: relative;
              display: none;
          }

          .acepos-ops__panel.is-active {
              display: block;
              opacity: 1;
              transform: none;
          }

          .acepos-ops__panel-grid {
              grid-template-columns: 1fr;
              padding: 16px;
              gap: 18px;
              border-radius: 22px;
          }
      }

      @media (max-width: 575px) {
          .acepos-shell {
              width: min(100%, calc(100% - 20px));
          }

          .acepos-section {
              padding: 54px 0;
          }

          .acepos-hero {
              padding: 16px 0 18px;
          }

          .acepos-shell--hero {
              grid-template-columns: 1fr;
              gap: 18px;
              padding: 16px;
              border-radius: 24px;
          }

          .acepos-kicker,
          .acepos-card__eyebrow {
              min-height: 34px;
              padding: 0 12px;
              font-size: 10px;
          }

          .acepos-hero__title,
          .acepos-section__title,
          .acepos-overview__title,
          .acepos-support__title {
              font-size: 34px;
              line-height: 1;
          }

          .acepos-copy,
          .acepos-hero__text,
          .acepos-overview__text,
          .acepos-section__copy,
          .acepos-feature__text,
          .acepos-ops__text,
          .acepos-support__text {
              font-size: 14px;
              line-height: 1.7;
          }

          .acepos-hero__actions {
              flex-direction: column;
              align-items: stretch;
              margin-top: 22px;
          }

          .acepos-btn {
              width: 100%;
              min-height: 50px;
              padding: 0 18px;
              font-size: 14px;
          }

          .acepos-overview__grid,
          .acepos-support__grid {
              grid-template-columns: 1fr;
          }

          .acepos-overview__intro,
          .acepos-overview__visual,
          .acepos-feature,
          .acepos-benefit {
              padding: 16px;
              border-radius: 20px;
          }

          .acepos-features__grid,
          .acepos-benefits__grid {
              grid-template-columns: 1fr;
              gap: 14px;
          }

          .acepos-features__grid {
              grid-template-areas: "kiosk" "table" "delivery" "website" "kitchen";
          }

          .acepos-feature--wide {
              grid-template-columns: 1fr;
          }

          .acepos-feature__title {
              font-size: 25px;
          }

          .acepos-feature__media,
          .acepos-overview__media,
          .acepos-ops__media,
          .acepos-support__visual,
          .acepos-hero__visual {
              min-height: 220px;
              padding: 14px;
              border-radius: 18px;
          }

          .acepos-feature--large .acepos-feature__media,
          .acepos-feature--wide .acepos-feature__media,
          .acepos-features__grid>.acepos-feature:nth-child(2) .acepos-feature__media,
          .acepos-features__grid>.acepos-feature:nth-child(3) .acepos-feature__media,
          .acepos-features__grid>.acepos-feature:nth-child(4) .acepos-feature__media {
              min-height: 220px;
          }

          .acepos-feature__media img,
          .acepos-ops__media img,
          .acepos-support__visual img {
              max-height: 220px;
          }

          .acepos-list {
              gap: 12px;
              margin-top: 18px;
          }

          .acepos-list__item {
              font-size: 13px;
              gap: 12px;
          }

          .acepos-list__check {
              width: 22px;
              height: 22px;
              flex-basis: 22px;
          }

          .acepos-ops__wrap {
              padding: 10px;
              border-radius: 20px;
          }

          .acepos-ops__tabs {
              flex-wrap: nowrap;
              overflow-x: auto;
              padding-bottom: 4px;
              gap: 8px;
              scrollbar-width: thin;
          }

          .acepos-ops__tab {
              min-height: 42px;
              padding: 0 14px;
              font-size: 12px;
              flex: 0 0 auto;
              white-space: nowrap;
          }

          .acepos-ops__stage {
              min-height: 1px;
              height: auto !important;
              margin-top: 12px;
          }

          .acepos-ops__panel {
              position: relative;
              display: none;
          }

          .acepos-ops__panel.is-active {
              display: block;
              opacity: 1;
              transform: none;
          }

          .acepos-ops__panel-grid {
              grid-template-columns: 1fr;
              gap: 14px;
              padding: 10px;
              border-radius: 18px;
          }

          .acepos-ops__title {
              font-size: 28px;
              line-height: 1.02;
          }

          .acepos-benefit__icon {
              width: 58px;
              height: 58px;
              border-radius: 18px;
          }

          .acepos-benefit__title {
              font-size: 21px;
          }

          .acepos-benefit__text {
              font-size: 13px;
              line-height: 1.66;
          }
      }

      @media (max-width: 479px) {
          .acepos-shell {
              width: min(100%, calc(100% - 18px));
          }

          .acepos-section {
              padding: 50px 0;
          }

          .acepos-hero {
              padding: 14px 0 16px;
          }

          .acepos-shell--hero {
              grid-template-columns: 1fr;
              gap: 16px;
              padding: 14px;
              border-radius: 22px;
          }

          .acepos-kicker,
          .acepos-card__eyebrow {
              min-height: 32px;
              padding: 0 10px;
              font-size: 9px;
              letter-spacing: 0.1em;
          }

          .acepos-hero__title,
          .acepos-section__title,
          .acepos-overview__title,
          .acepos-support__title {
              font-size: 30px;
              line-height: 1;
          }

          .acepos-copy,
          .acepos-hero__text,
          .acepos-overview__text,
          .acepos-section__copy,
          .acepos-feature__text,
          .acepos-ops__text,
          .acepos-support__text {
              font-size: 13.5px;
              line-height: 1.68;
          }

          .acepos-hero__actions {
              flex-direction: column;
              align-items: stretch;
              margin-top: 20px;
          }

          .acepos-btn {
              width: 100%;
              min-height: 48px;
              padding: 0 16px;
              font-size: 13px;
          }

          .acepos-overview__grid,
          .acepos-support__grid,
          .acepos-features__grid,
          .acepos-benefits__grid {
              grid-template-columns: 1fr;
              gap: 14px;
          }

          .acepos-features__grid {
              grid-template-areas: "kiosk" "table" "delivery" "website" "kitchen";
              gap: 14px;
          }

          .acepos-feature--wide {
              grid-template-columns: 1fr;
          }

          .acepos-overview__intro,
          .acepos-overview__visual,
          .acepos-feature,
          .acepos-benefit {
              padding: 14px;
              border-radius: 18px;
          }

          .acepos-feature {
              gap: 16px;
          }

          .acepos-feature__title {
              font-size: 23px;
          }

          .acepos-feature__media,
          .acepos-overview__media,
          .acepos-ops__media,
          .acepos-support__visual,
          .acepos-hero__visual {
              min-height: 200px;
              padding: 12px;
              border-radius: 16px;
          }

          .acepos-feature--large .acepos-feature__media,
          .acepos-feature--wide .acepos-feature__media,
          .acepos-features__grid>.acepos-feature:nth-child(2) .acepos-feature__media,
          .acepos-features__grid>.acepos-feature:nth-child(3) .acepos-feature__media,
          .acepos-features__grid>.acepos-feature:nth-child(4) .acepos-feature__media {
              min-height: 200px;
          }

          .acepos-feature__media img,
          .acepos-ops__media img,
          .acepos-support__visual img {
              max-height: 190px;
          }

          .acepos-list {
              gap: 10px;
              margin-top: 16px;
          }

          .acepos-list__item {
              font-size: 12.5px;
              gap: 10px;
          }

          .acepos-list__check {
              width: 20px;
              height: 20px;
              flex: 0 0 20px;
          }

          .acepos-list__check::before {
              left: 7px;
              top: 4px;
              width: 5px;
              height: 8px;
          }

          .acepos-ops__wrap {
              padding: 10px;
              border-radius: 18px;
          }

          .acepos-ops__tabs {
              flex-wrap: nowrap;
              overflow-x: auto;
              gap: 8px;
              padding-bottom: 4px;
              scrollbar-width: thin;
          }

          .acepos-ops__tab {
              min-height: 40px;
              padding: 0 12px;
              font-size: 11px;
              flex: 0 0 auto;
              white-space: nowrap;
          }

          .acepos-ops__stage {
              min-height: 1px;
              height: auto !important;
              margin-top: 12px;
          }

          .acepos-ops__panel {
              position: relative;
              display: none;
          }

          .acepos-ops__panel.is-active {
              display: block;
              opacity: 1;
              transform: none;
          }

          .acepos-ops__panel-grid {
              grid-template-columns: 1fr;
              gap: 12px;
              padding: 10px;
              border-radius: 16px;
          }

          .acepos-ops__title {
              font-size: 25px;
              line-height: 1.04;
          }

          .acepos-benefit__icon {
              width: 52px;
              height: 52px;
              border-radius: 16px;
          }

          .acepos-benefit__icon img {
              width: 24px;
              height: 24px;
          }

          .acepos-benefit__title {
              font-size: 19px;
          }

          .acepos-benefit__text {
              font-size: 12.5px;
              line-height: 1.64;
          }
      }

      @media (prefers-reduced-motion: reduce) {

          .acepos-reveal,
          .acepos-btn,
          .acepos-benefit,
          .acepos-ops__tab,
          .js-acepos-tilt {
              transition: none !important;
          }

          .acepos-reveal {
              opacity: 1 !important;
              transform: none !important;
          }
      }

      /* =========================================================
   END: ACE POS PAGE APPEND
========================================================= */


      :root {
          --ace-bg: #f8f7f4;
          --ace-surface: rgba(255, 255, 255, 0.82);
          --ace-surface-strong: #ffffff;
          --ace-surface-soft: #f6f1eb;
          --ace-dark: #1A2942;
          --ace-text: #647487;
          --ace-orange: #D96C2B;
          --ace-orange-2: #ED8B46;
          --ace-border: rgba(26, 41, 66, 0.08);
          --ace-shadow: 0 24px 60px rgba(26, 41, 66, 0.10);
          --ace-radius-xl: 40px;
          --ace-radius-lg: 30px;
          --ace-radius-md: 22px;
          --ace-radius-sm: 16px;
          --ace-green: #b6e06b;
          --ace-green-dark: #86b640;
      }

      * {
          box-sizing: border-box;
          margin: 0;
          padding: 0;
      }

      html {
          scroll-behavior: smooth;
      }

      body {
          font-family: "Inter", sans-serif;
          background:
              radial-gradient(circle at 8% 10%, rgba(217, 108, 43, 0.08), transparent 20%),
              radial-gradient(circle at 92% 18%, rgba(26, 41, 66, 0.06), transparent 22%),
              radial-gradient(circle at 80% 85%, rgba(237, 139, 70, 0.06), transparent 20%),
              var(--ace-bg);
          color: var(--ace-text);
          -webkit-font-smoothing: antialiased;
          overflow-x: hidden;
      }

      img {
          max-width: 100%;
          display: block;
          height: auto;
      }

      a {
          text-decoration: none;
          color: inherit;
      }

      .vaultix-hero-page {
          overflow: hidden;
      }

      .vaultix-hero-wrap {
          width: min(1320px, calc(100% - 40px));
          margin: 0 auto;
          padding: 28px 0 54px;
          position: relative;
      }

      .vaultix-hero {
          position: relative;
          overflow: hidden;
          border-radius: var(--ace-radius-xl);
          border: 1px solid rgba(255, 255, 255, 0.85);
          background:
              linear-gradient(135deg, rgba(255, 255, 255, 0.84) 0%, rgba(246, 241, 235, 0.86) 100%);
          box-shadow: var(--ace-shadow);
          isolation: isolate;
      }

      .vaultix-hero::before {
          content: "";
          position: absolute;
          inset: 0;
          background:
              radial-gradient(circle at 15% 14%, rgba(217, 108, 43, 0.14), transparent 16%),
              radial-gradient(circle at 86% 20%, rgba(26, 41, 66, 0.12), transparent 18%),
              radial-gradient(circle at 70% 88%, rgba(237, 139, 70, 0.10), transparent 18%);
          pointer-events: none;
          z-index: 0;
      }

      .vaultix-hero::after {
          content: "";
          position: absolute;
          inset: 18px;
          border-radius: 32px;
          border: 1px solid rgba(255, 255, 255, 0.5);
          pointer-events: none;
          z-index: 0;
      }

      .vaultix-hero__grid {
          position: relative;
          z-index: 2;
          display: grid;
          grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
          gap: 40px;
          align-items: center;
          padding: 56px;
      }

      .vaultix-hero__content {
          position: relative;
          z-index: 2;
      }

      .vaultix-hero__kicker {
          display: inline-flex;
          align-items: center;
          gap: 10px;
          min-height: 40px;
          padding: 0 16px;
          border-radius: 999px;
          background: rgba(255, 255, 255, 0.88);
          border: 1px solid var(--ace-border);
          color: var(--ace-orange);
          font-size: 11px;
          font-weight: 800;
          letter-spacing: 0.12em;
          text-transform: uppercase;
          box-shadow: 0 12px 24px rgba(26, 41, 66, 0.04);
      }

      .vaultix-hero__kicker-dot {
          width: 8px;
          height: 8px;
          border-radius: 50%;
          background: var(--ace-orange);
          box-shadow: 0 0 0 6px rgba(217, 108, 43, 0.10);
          flex: 0 0 8px;
      }

      .vaultix-hero__title {
          margin-top: 20px;
          font-family: "Playfair Display", serif;
          color: var(--ace-dark);
          font-size: clamp(52px, 4vw, 60px);
          line-height: 0.95;
          letter-spacing: -0.04em;
          max-width: 700px;
      }

      .vaultix-hero__title span {
          color: var(--ace-orange);
      }

      .vaultix-hero__text {
          margin-top: 22px;
          max-width: 600px;
          font-size: 17px;
          line-height: 1.82;
          color: var(--ace-text);
      }

      .vaultix-hero__actions {
          display: flex;
          flex-wrap: wrap;
          gap: 14px;
          margin-top: 30px;
      }

      .vaultix-hero__btn {
          min-height: 58px;
          padding: 0 26px;
          border-radius: 999px;
          display: inline-flex;
          align-items: center;
          justify-content: center;
          gap: 10px;
          font-size: 15px;
          font-weight: 800;
          transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease, background .25s ease;
          white-space: nowrap;
      }

      .vaultix-hero__btn:hover {
          transform: translateY(-3px);
      }

      .vaultix-hero__btn--primary {
          background: linear-gradient(135deg, var(--ace-orange), var(--ace-orange-2));
          color: #fff;
          box-shadow: 0 18px 30px rgba(217, 108, 43, 0.28);
      }

      .vaultix-hero__btn--secondary {
          background: rgba(255, 255, 255, 0.88);
          color: var(--ace-dark);
          border: 1px solid var(--ace-border);
          box-shadow: 0 14px 24px rgba(26, 41, 66, 0.05);
      }

      .vaultix-hero__meta {
          display: flex;
          flex-wrap: wrap;
          gap: 12px;
          margin-top: 28px;
      }

      .vaultix-hero__meta-chip {
          min-height: 40px;
          padding: 0 16px;
          display: inline-flex;
          align-items: center;
          gap: 10px;
          border-radius: 999px;
          background: rgba(255, 255, 255, 0.78);
          border: 1px solid var(--ace-border);
          box-shadow: 0 10px 20px rgba(26, 41, 66, 0.04);
          color: #6d7d8f;
          font-size: 13px;
          font-weight: 700;
      }

      .vaultix-hero__meta-chip--highlight {
          background: rgba(182, 224, 107, 0.28);
          border-color: rgba(134, 182, 64, 0.25);
          color: var(--ace-dark);
      }

      .vaultix-hero__media {
          position: relative;
          min-width: 0;
      }

      .vaultix-hero__scene {
          position: relative;
          min-height: 640px;
          border-radius: 34px;
          overflow: visible;
          perspective: 1200px;
      }

      .vaultix-hero__card {
          position: relative;
          border-radius: 32px;
          overflow: hidden;
          background: linear-gradient(145deg, #22385e 0%, #1A2942 100%);
          box-shadow: 0 30px 70px rgba(26, 41, 66, 0.24);
          min-height: 640px;
          transform-style: preserve-3d;
          transition: transform .45s cubic-bezier(.2, .8, .2, 1), box-shadow .45s ease;
      }

      .vaultix-hero__scene:hover .vaultix-hero__card {
          transform: translateY(-10px) scale(1.01);
          box-shadow: 0 40px 90px rgba(26, 41, 66, 0.28);
      }

      .vaultix-hero__media-glow {
          position: absolute;
          border-radius: 50%;
          filter: blur(26px);
          pointer-events: none;
          opacity: .9;
          z-index: 0;
      }

      .vaultix-hero__media-glow--one {
          width: 180px;
          height: 180px;
          background: rgba(237, 139, 70, 0.22);
          top: -12px;
          left: -16px;
      }

      .vaultix-hero__media-glow--two {
          width: 220px;
          height: 220px;
          background: rgba(255, 255, 255, 0.10);
          bottom: 20px;
          right: -10px;
      }

      .vaultix-hero__media-pattern {
          position: absolute;
          inset: 0;
          z-index: 1;
          background:
              radial-gradient(circle at 18% 18%, rgba(255, 255, 255, 0.12), transparent 12%),
              radial-gradient(circle at 84% 26%, rgba(237, 139, 70, 0.14), transparent 14%),
              linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(255, 255, 255, 0.00));
          pointer-events: none;
      }

      .vaultix-hero__image-wrap {
          position: absolute;
          inset: 26px 26px 118px 26px;
          z-index: 2;
          border-radius: 26px;
          overflow: hidden;
          background: #d9d6cf;
          box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
      }

      .vaultix-hero__image {
          width: 100%;
          height: 100% !important;
          object-fit: cover;
          transform: scale(1.03);
          transition: transform .8s ease;
      }

      .vaultix-hero__scene:hover .vaultix-hero__image {
          transform: scale(1.08);
      }

      .vaultix-hero__panel {
          position: absolute;
          left: 26px;
          right: 26px;
          bottom: 26px;
          z-index: 3;
          display: grid;
          grid-template-columns: repeat(3, minmax(0, 1fr));
          gap: 14px;
      }

      .vaultix-hero__metric {
          position: relative;
          overflow: hidden;
          min-height: 94px;
          padding: 18px 18px 16px;
          border-radius: 22px;
          background: rgba(255, 255, 255, 0.12);
          border: 1px solid rgba(255, 255, 255, 0.14);
          backdrop-filter: blur(14px);
          -webkit-backdrop-filter: blur(14px);
          transition: transform .4s ease, background .4s ease, border-color .4s ease;
          transform-style: preserve-3d;
      }

      .vaultix-hero__scene:hover .vaultix-hero__metric {
          transform: translateY(-6px);
          background: rgba(255, 255, 255, 0.14);
      }

      .vaultix-hero__metric-label {
          color: rgba(255, 255, 255, 0.78);
          font-size: 11px;
          font-weight: 700;
          letter-spacing: 0.10em;
          text-transform: uppercase;
      }

      .vaultix-hero__metric-value {
          margin-top: 10px;
          color: #fff;
          font-size: 25px;
          font-weight: 800;
          line-height: 1;
          letter-spacing: -0.03em;
      }

      .vaultix-hero__metric-copy {
          margin-top: 8px;
          color: rgba(255, 255, 255, 0.72);
          font-size: 12px;
          line-height: 1.45;
      }

      .vaultix-hero__floating {
          position: absolute;
          z-index: 4;
          border-radius: 22px;
          border: 1px solid rgba(26, 41, 66, 0.08);
          box-shadow: 0 24px 40px rgba(26, 41, 66, 0.10);
          background: rgba(255, 255, 255, 0.9);
          backdrop-filter: blur(12px);
          -webkit-backdrop-filter: blur(12px);
          animation: vaultixFloat 6s ease-in-out infinite;
          transform-style: preserve-3d;
          transition: transform .4s ease, box-shadow .4s ease;
      }

      .vaultix-hero__scene:hover .vaultix-hero__floating {
          box-shadow: 0 28px 46px rgba(26, 41, 66, 0.14);
      }

      .vaultix-hero__floating--a {
          top: 40px;
          left: -34px;
          width: 180px;
          padding: 16px;
          animation-delay: 0s;
      }

      .vaultix-hero__floating--b {
          right: -18px;
          bottom: 122px;
          width: 190px;
          padding: 16px;
          animation-delay: 1.2s;
      }

      .vaultix-hero__floating--c {
          right: 38px;
          top: -18px;
          width: 160px;
          padding: 14px 16px;
          animation-delay: 2.2s;
          border-radius: 999px;
      }

      .vaultix-hero__floating-title {
          color: var(--ace-dark);
          font-size: 13px;
          font-weight: 800;
          line-height: 1.35;
      }

      .vaultix-hero__floating-copy {
          margin-top: 8px;
          color: #728296;
          font-size: 12px;
          line-height: 1.55;
      }

      .vaultix-hero__floating-row {
          display: flex;
          align-items: center;
          gap: 12px;
      }

      .vaultix-hero__floating-icon {
          width: 42px;
          height: 42px;
          border-radius: 14px;
          flex: 0 0 42px;
          display: grid;
          place-items: center;
          background: linear-gradient(135deg, rgba(217, 108, 43, 0.14), rgba(237, 139, 70, 0.24));
          color: var(--ace-orange);
          box-shadow: 0 10px 20px rgba(217, 108, 43, 0.14);
      }

      .vaultix-hero__floating-icon svg {
          width: 20px;
          height: 20px;
          fill: none;
          stroke: currentColor;
          stroke-width: 2;
          stroke-linecap: round;
          stroke-linejoin: round;
      }

      .vaultix-hero__status {
          display: flex;
          align-items: center;
          gap: 10px;
          color: var(--ace-dark);
          font-size: 13px;
          font-weight: 800;
      }

      .vaultix-hero__status-dot {
          width: 10px;
          height: 10px;
          border-radius: 50%;
          background: var(--ace-green-dark);
          box-shadow: 0 0 0 6px rgba(134, 182, 64, 0.16);
          animation: vaultixPulse 2s ease infinite;
      }

      .vaultix-hero__decor-ring {
          position: absolute;
          border-radius: 50%;
          border: 1px solid rgba(255, 255, 255, 0.14);
          pointer-events: none;
          z-index: 1;
      }

      .vaultix-hero__decor-ring--one {
          width: 320px;
          height: 320px;
          top: 70px;
          right: 46px;
      }

      .vaultix-hero__decor-ring--two {
          width: 440px;
          height: 440px;
          top: 12px;
          right: -10px;
          border-color: rgba(237, 139, 70, 0.10);
      }

      [data-vaultix-reveal] {
          opacity: 0;
          transform: translateY(38px);
          transition: opacity .8s ease, transform .8s ease;
      }

      [data-vaultix-reveal="left"] {
          transform: translateX(-42px);
      }

      [data-vaultix-reveal="right"] {
          transform: translateX(42px);
      }

      [data-vaultix-reveal].is-visible {
          opacity: 1;
          transform: none;
      }

      @keyframes vaultixFloat {

          0%,
          100% {
              transform: translateY(0px);
          }

          50% {
              transform: translateY(-10px);
          }
      }

      @keyframes vaultixPulse {

          0%,
          100% {
              transform: scale(1);
              opacity: 1;
          }

          50% {
              transform: scale(1.15);
              opacity: .88;
          }
      }

      /* 1200+ handled by base */

      @media (min-width: 992px) and (max-width: 1199.98px) {
          .vaultix-hero-wrap {
              width: min(100%, calc(100% - 36px));
          }

          .vaultix-hero__grid {
              padding: 42px;
              gap: 28px;
          }

          .vaultix-hero__scene,
          .vaultix-hero__card {
              min-height: 580px;
          }

          .vaultix-hero__image-wrap {
              inset: 22px 22px 108px 22px;
          }

          .vaultix-hero__panel {
              left: 22px;
              right: 22px;
              bottom: 22px;
          }

          .vaultix-hero__floating--a {
              left: -14px;
              width: 160px;
          }

          .vaultix-hero__floating--b {
              right: -10px;
              width: 170px;
          }

          .vaultix-hero__floating--c {
              right: 20px;
          }
      }

      @media (min-width: 768px) and (max-width: 991.98px) {
          .vaultix-hero-wrap {
              width: min(100%, calc(100% - 32px));
              padding: 22px 0 42px;
          }

          .vaultix-hero {
              border-radius: 32px;
          }

          .vaultix-hero__grid {
              grid-template-columns: 1fr;
              gap: 28px;
              padding: 30px;
          }

          .vaultix-hero__title {
              font-size: clamp(40px, 8vw, 60px);
          }

          .vaultix-hero__text {
              font-size: 16px;
          }

          .vaultix-hero__scene,
          .vaultix-hero__card {
              min-height: 560px;
          }

          .vaultix-hero__floating--a {
              top: 28px;
              left: -10px;
              width: 160px;
          }

          .vaultix-hero__floating--b {
              right: -8px;
              bottom: 114px;
              width: 165px;
          }

          .vaultix-hero__floating--c {
              right: 20px;
              top: -10px;
          }

          .vaultix-hero__panel {
              grid-template-columns: repeat(3, 1fr);
          }
      }

      @media (min-width: 480px) and (max-width: 767.98px) {
          .vaultix-hero-wrap {
              width: min(100%, calc(100% - 24px));
              padding: 18px 0 34px;
          }

          .vaultix-hero {
              border-radius: 26px;
          }

          .vaultix-hero::after {
              inset: 12px;
              border-radius: 20px;
          }

          .vaultix-hero__grid {
              grid-template-columns: 1fr;
              gap: 24px;
              padding: 20px;
          }

          .vaultix-hero__title {
              font-size: clamp(34px, 10vw, 48px);
              line-height: 0.98;
          }

          .vaultix-hero__text {
              margin-top: 16px;
              font-size: 15px;
              line-height: 1.74;
          }

          .vaultix-hero__actions {
              flex-direction: column;
              align-items: stretch;
          }

          .vaultix-hero__btn {
              width: 100%;
          }

          .vaultix-hero__meta {
              gap: 10px;
          }

          .vaultix-hero__meta-chip {
              font-size: 12px;
              min-height: 36px;
          }

          .vaultix-hero__scene,
          .vaultix-hero__card {
              min-height: 520px;
          }

          .vaultix-hero__image-wrap {
              inset: 16px 16px 146px 16px;
              border-radius: 20px;
          }

          .vaultix-hero__panel {
              left: 16px;
              right: 16px;
              bottom: 16px;
              grid-template-columns: 1fr;
              gap: 10px;
          }

          .vaultix-hero__metric {
              min-height: 84px;
              border-radius: 18px;
          }

          .vaultix-hero__metric-value {
              font-size: 22px;
          }

          .vaultix-hero__floating--a {
              width: 150px;
              left: 8px;
              top: 10px;
          }

          .vaultix-hero__floating--b {
              width: 152px;
              right: 8px;
              bottom: 160px;
          }

          .vaultix-hero__floating--c {
              top: auto;
              bottom: 278px;
              right: 12px;
              width: auto;
              max-width: 150px;
          }

          .vaultix-hero__decor-ring--one,
          .vaultix-hero__decor-ring--two {
              display: none;
          }
      }

      @media (min-width: 320px) and (max-width: 479.98px) {
          .vaultix-hero-wrap {
              width: min(100%, calc(100% - 18px));
              padding: 14px 0 28px;
          }

          .vaultix-hero {
              border-radius: 22px;
          }

          .vaultix-hero::after {
              inset: 10px;
              border-radius: 16px;
          }

          .vaultix-hero__grid {
              grid-template-columns: 1fr;
              gap: 20px;
              padding: 16px;
          }

          .vaultix-hero__kicker {
              min-height: 34px;
              padding: 0 12px;
              font-size: 9.5px;
          }

          .vaultix-hero__kicker-dot {
              width: 7px;
              height: 7px;
              flex-basis: 7px;
          }

          .vaultix-hero__title {
              margin-top: 16px;
              font-size: clamp(30px, 10.6vw, 40px);
              line-height: 1;
          }

          .vaultix-hero__text {
              margin-top: 14px;
              font-size: 14px;
              line-height: 1.68;
          }

          .vaultix-hero__actions {
              flex-direction: column;
              align-items: stretch;
              margin-top: 22px;
          }

          .vaultix-hero__btn {
              width: 100%;
              min-height: 52px;
              font-size: 14px;
              padding: 0 18px;
          }

          .vaultix-hero__meta {
              gap: 8px;
              margin-top: 18px;
          }

          .vaultix-hero__meta-chip {
              min-height: 34px;
              padding: 0 12px;
              font-size: 11px;
          }

          .vaultix-hero__scene,
          .vaultix-hero__card {
              min-height: 470px;
              border-radius: 20px;
          }

          .vaultix-hero__image-wrap {
              inset: 12px 12px 132px 12px;
              border-radius: 16px;
          }

          .vaultix-hero__panel {
              left: 12px;
              right: 12px;
              bottom: 12px;
              grid-template-columns: 1fr;
              gap: 8px;
          }

          .vaultix-hero__metric {
              min-height: 76px;
              padding: 14px 14px 13px;
              border-radius: 16px;
          }

          .vaultix-hero__metric-label {
              font-size: 10px;
          }

          .vaultix-hero__metric-value {
              margin-top: 8px;
              font-size: 19px;
          }

          .vaultix-hero__metric-copy {
              margin-top: 6px;
              font-size: 11px;
          }

          .vaultix-hero__floating {
              animation: none;
          }

          .vaultix-hero__floating--a {
              top: 10px;
              left: 10px;
              width: 132px;
              padding: 12px;
              border-radius: 16px;
          }

          .vaultix-hero__floating--b {
              right: 10px;
              bottom: 146px;
              width: 138px;
              padding: 12px;
              border-radius: 16px;
          }

          .vaultix-hero__floating--c {
              display: none;
          }

          .vaultix-hero__floating-row {
              gap: 10px;
          }

          .vaultix-hero__floating-icon {
              width: 36px;
              height: 36px;
              flex-basis: 36px;
              border-radius: 12px;
          }

          .vaultix-hero__floating-icon svg {
              width: 16px;
              height: 16px;
          }

          .vaultix-hero__floating-title {
              font-size: 11px;
          }

          .vaultix-hero__floating-copy {
              font-size: 10px;
              margin-top: 6px;
          }

          .vaultix-hero__status {
              font-size: 11px;
          }

          .vaultix-hero__decor-ring--one,
          .vaultix-hero__decor-ring--two {
              display: none;
          }
      }


      .vgw-benefits {
          --vgw-bg: #f8f7f4;
          --vgw-surface: #ffffff;
          --vgw-surface-2: #f6f1eb;
          --vgw-dark: #1A2942;
          --vgw-text: #647487;
          --vgw-orange: #D96C2B;
          --vgw-orange-2: #ED8B46;
          --vgw-green: #4fc487;
          --vgw-blue: #c5edf5;
          --vgw-blue-2: #aee3ef;
          --vgw-border: rgba(26, 41, 66, .08);
          --vgw-shadow: 0 24px 60px rgba(26, 41, 66, .08);
          --vgw-shadow-2: 0 18px 40px rgba(26, 41, 66, .10);

          position: relative;
          padding: 88px 0;
          overflow: hidden;
          background:
              radial-gradient(circle at 12% 12%, rgba(217, 108, 43, .06), transparent 18%),
              radial-gradient(circle at 88% 82%, rgba(26, 41, 66, .05), transparent 20%);
      }

      .vgw-benefits *,
      .vgw-benefits *::before,
      .vgw-benefits *::after {
          box-sizing: border-box;
      }

      .vgw-benefits__container {
          width: min(1320px, calc(100% - 40px));
          margin: 0 auto;
      }

      .vgw-benefits__head {
          max-width: 980px;
          margin: 0 auto 34px;
          text-align: center;
      }

      .vgw-benefits__kicker {
          display: inline-flex;
          align-items: center;
          gap: 10px;
          min-height: 40px;
          padding: 0 16px;
          border-radius: 999px;
          background: rgba(255, 255, 255, .84);
          border: 1px solid var(--vgw-border);
          color: var(--vgw-orange);
          font-size: 11px;
          font-weight: 800;
          letter-spacing: .12em;
          text-transform: uppercase;
          box-shadow: 0 10px 22px rgba(26, 41, 66, .04);
      }

      .vgw-benefits__kicker-dot {
          width: 8px;
          height: 8px;
          flex: 0 0 8px;
          border-radius: 50%;
          background: var(--vgw-orange);
          box-shadow: 0 0 0 6px rgba(217, 108, 43, .10);
      }

      .vgw-benefits__title {
          margin: 18px 0 0;
          font-family: "Playfair Display", serif;
          font-size: clamp(42px, 5.6vw, 78px);
          line-height: .95;
          letter-spacing: -.045em;
          color: var(--vgw-dark);
      }

      .vgw-benefits__title span {
          display: block;
          color: var(--vgw-orange);
      }

      .vgw-benefits__intro {
          max-width: 860px;
          margin: 18px auto 0;
          font-size: 17px;
          line-height: 1.82;
          color: var(--vgw-text);
      }

      .vgw-benefits__tabs {
          display: flex;
          flex-wrap: nowrap;
          justify-content: center;
          gap: 12px;
          margin: 30px auto 0;
      }

      .vgw-benefits__tab {
          display: inline-flex;
          align-items: center;
          justify-content: center;
          min-height: 54px;
          padding: 0 18px;
          border: none;
          border-radius: 18px;
          background: rgba(255, 255, 255, .84);
          border: 1px solid var(--vgw-border);
          color: var(--vgw-dark);
          box-shadow: 0 12px 22px rgba(26, 41, 66, .04);
          font: inherit;
          font-size: 15px;
          font-weight: 800;
          cursor: pointer;
          white-space: nowrap;
          transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease, color .28s ease, background .28s ease;
      }

      .vgw-benefits__tab:hover {
          transform: translateY(-4px);
          box-shadow: 0 18px 28px rgba(26, 41, 66, .08);
      }

      .vgw-benefits__tab.is-active {
          color: var(--vgw-orange);
          background: linear-gradient(180deg, #fff8f3 0%, #ffffff 100%);
          border-color: rgba(217, 108, 43, .24);
          box-shadow: 0 18px 30px rgba(217, 108, 43, .10);
      }

      .vgw-benefits__shell {
          position: relative;
          margin-top: 34px;
          padding: 18px;
          border-radius: 38px;
          border: 1px solid var(--vgw-border);
          background:
              linear-gradient(135deg, rgba(255, 255, 255, .86) 0%, rgba(246, 241, 235, .92) 100%);
          box-shadow: var(--vgw-shadow);
          overflow: hidden;
      }

      .vgw-benefits__shell::before {
          content: "";
          position: absolute;
          left: -110px;
          top: -110px;
          width: 280px;
          height: 280px;
          border-radius: 50%;
          background: radial-gradient(circle, rgba(217, 108, 43, .10), transparent 70%);
          pointer-events: none;
      }

      .vgw-benefits__shell::after {
          content: "";
          position: absolute;
          right: -120px;
          bottom: -140px;
          width: 340px;
          height: 340px;
          border-radius: 50%;
          background: radial-gradient(circle, rgba(174, 227, 239, .24), transparent 70%);
          pointer-events: none;
      }

      .vgw-benefits__stage {
          position: relative;
          min-height: 560px;
      }

      .vgw-benefits__panel {
          position: absolute;
          inset: 0;
          opacity: 0;
          pointer-events: none;
          transform: translateY(18px) scale(.985);
          transition: opacity .45s ease, transform .45s ease;
      }

      .vgw-benefits__panel.is-active {
          opacity: 1;
          pointer-events: auto;
          transform: none;
          z-index: 2;
      }

      .vgw-benefits__card {
          position: relative;
          display: grid;
          grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
          gap: 28px;
          min-height: 560px;
          border-radius: 32px;
          overflow: hidden;
          background: radial-gradient(circle at top right, rgba(18, 49, 87, .035), transparent 18%), radial-gradient(circle at bottom left, rgba(217, 106, 39, .045), transparent 18%), #F8F7F4;
          border: 1px solid rgba(255, 255, 255, .52);
          box-shadow: var(--vgw-shadow-2);
          transform-style: preserve-3d;
          transition: transform .35s ease, box-shadow .35s ease;
      }

      .vgw-benefits__card:hover {
          transform: translateY(-6px);
          box-shadow: 0 28px 56px rgba(26, 41, 66, .14);
      }

      .vgw-benefits__visual {
          position: relative;
          min-height: 100%;
          padding: 30px 18px 30px 30px;
          display: flex;
          align-items: center;
          justify-content: center;
          perspective: 1200px;
      }

      .vgw-benefits__visual-glow {
          position: absolute;
          border-radius: 50%;
          filter: blur(24px);
          pointer-events: none;
          opacity: .9;
      }

      .vgw-benefits__visual-glow--one {
          width: 150px;
          height: 150px;
          left: 10px;
          top: 18px;
          background: rgba(255, 255, 255, .55);
      }

      .vgw-benefits__visual-glow--two {
          width: 180px;
          height: 180px;
          right: 8px;
          bottom: 22px;
          background: rgba(237, 139, 70, .14);
      }

      .vgw-benefits__scene {
          position: relative;
          width: min(100%, 520px);
          aspect-ratio: 1/1;
          border-radius: 32px;
          background:
              linear-gradient(180deg, rgba(255, 255, 255, .18), rgba(255, 255, 255, .08)),
              linear-gradient(145deg, #bce8f1 0%, #d4f2f7 100%);
          box-shadow: 0 24px 50px rgba(26, 41, 66, .10);
          transform-style: preserve-3d;
          transition: transform .28s ease, box-shadow .28s ease;
          overflow: hidden;
      }

      .vgw-benefits__visual[data-vgw-tilt]:hover .vgw-benefits__scene {
          box-shadow: 0 34px 60px rgba(26, 41, 66, .14);
      }

      .vgw-benefits__scene::before {
          content: "";
          position: absolute;
          inset: 18px;
          border-radius: 24px;
          border: 1px solid rgba(255, 255, 255, .42);
      }

      .vgw-benefits__float-chip {
          position: absolute;
          z-index: 3;
          display: flex;
          align-items: center;
          gap: 10px;
          min-height: 56px;
          padding: 10px 14px;
          border-radius: 18px;
          background: rgba(255, 255, 255, .9);
          border: 1px solid rgba(26, 41, 66, .06);
          box-shadow: 0 18px 28px rgba(26, 41, 66, .10);
          color: var(--vgw-dark);
          font-size: 13px;
          font-weight: 800;
          line-height: 1.25;
          backdrop-filter: blur(10px);
          -webkit-backdrop-filter: blur(10px);
          animation: vgwFloat 6s ease-in-out infinite;
          transition: transform .25s ease, box-shadow .25s ease;
      }

      .vgw-benefits__visual:hover .vgw-benefits__float-chip {
          box-shadow: 0 24px 34px rgba(26, 41, 66, .14);
      }

      .vgw-benefits__float-chip--a {
          top: 30px;
          left: 16px;
          animation-delay: 0s;
      }

      .vgw-benefits__float-chip--b {
          top: 82px;
          right: 12px;
          animation-delay: 1.2s;
      }

      .vgw-benefits__float-chip--c {
          left: 26px;
          bottom: 18px;
          animation-delay: 2s;
      }

      .vgw-benefits__float-icon {
          width: 34px;
          height: 34px;
          flex: 0 0 34px;
          border-radius: 12px;
          display: grid;
          place-items: center;
          background: linear-gradient(135deg, rgba(217, 108, 43, .10), rgba(237, 139, 70, .20));
          color: var(--vgw-orange);
          box-shadow: 0 10px 18px rgba(217, 108, 43, .10);
      }

      .vgw-benefits__float-icon svg {
          width: 16px;
          height: 16px;
          fill: none;
          stroke: currentColor;
          stroke-width: 2;
          stroke-linecap: round;
          stroke-linejoin: round;
      }

      /* Sell everywhere visual */
      .vgw-benefits__scene-frame {
          position: absolute;
          left: 8%;
          top: 20%;
          width: 84%;
          height: 58%;
          border-radius: 22px;
          background: rgba(255, 255, 255, .10);
          box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .18);
      }

      .vgw-benefits__scene-base {
          position: absolute;
          left: 0;
          right: 0;
          bottom: -6%;
          height: 24%;
          background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(26, 41, 66, .08));
          filter: blur(10px);
      }

      .vgw-benefits__bag {
          position: absolute;
          bottom: 14%;
          box-shadow: 0 18px 26px rgba(26, 41, 66, .14);
      }

      .vgw-benefits__bag--red {
          left: 18%;
          width: 34%;
          height: 42%;
          background: linear-gradient(90deg, #ef3c3c 0%, #f44444 70%, #c42d2d 100%);
          clip-path: polygon(10% 0, 90% 0, 100% 100%, 0 100%);
      }

      .vgw-benefits__bag--gold {
          left: 48%;
          width: 30%;
          height: 28%;
          background: linear-gradient(90deg, #f0b330 0%, #f3b533 68%, #d89a1d 100%);
          clip-path: polygon(8% 0, 92% 0, 100% 100%, 0 100%);
      }

      .vgw-benefits__bag-handle {
          position: absolute;
          left: 50%;
          top: -30%;
          width: 32%;
          height: 42%;
          transform: translateX(-50%);
          border: 10px solid rgba(240, 243, 247, .92);
          border-bottom: none;
          border-radius: 999px 999px 0 0;
      }

      .vgw-benefits__bag-tag {
          position: absolute;
          left: 15%;
          top: 20%;
          width: 14%;
          height: 22%;
          background: #ffbf29;
          clip-path: polygon(0 10%, 85% 0, 100% 100%, 0 100%);
      }

      .vgw-benefits__bag--gold .vgw-benefits__bag-handle {
          width: 36%;
          height: 52%;
          border-width: 9px;
      }

      /* Multi MID */
      .vgw-benefits__scene--mid {
          background: linear-gradient(145deg, #caedf5 0%, #e1f6fa 100%);
      }

      .vgw-benefits__mid-card {
          position: absolute;
          border-radius: 22px;
          background: linear-gradient(145deg, #fff 0%, #f5fafc 100%);
          border: 1px solid rgba(26, 41, 66, .06);
          box-shadow: 0 18px 28px rgba(26, 41, 66, .10);
      }

      .vgw-benefits__mid-card--one {
          left: 14%;
          top: 22%;
          width: 36%;
          height: 26%;
          transform: rotate(-10deg);
      }

      .vgw-benefits__mid-card--two {
          right: 14%;
          top: 24%;
          width: 36%;
          height: 26%;
          transform: rotate(10deg);
      }

      .vgw-benefits__mid-card--three {
          left: 32%;
          bottom: 20%;
          width: 36%;
          height: 26%;
          transform: translateZ(10px);
      }

      .vgw-benefits__mid-lines {
          position: absolute;
          inset: 0;
      }

      .vgw-benefits__mid-lines::before,
      .vgw-benefits__mid-lines::after {
          content: "";
          position: absolute;
          background: linear-gradient(90deg, rgba(217, 108, 43, .35), rgba(217, 108, 43, 0));
          height: 2px;
      }

      .vgw-benefits__mid-lines::before {
          left: 34%;
          top: 39%;
          width: 32%;
          transform: rotate(8deg);
      }

      .vgw-benefits__mid-lines::after {
          left: 40%;
          top: 54%;
          width: 20%;
          transform: rotate(-68deg);
      }

      /* Reporting */
      .vgw-benefits__scene--reporting {
          background: linear-gradient(145deg, #d5f2f8 0%, #eefbfd 100%);
      }

      .vgw-benefits__chart-bars {
          position: absolute;
          left: 12%;
          right: 12%;
          bottom: 14%;
          height: 56%;
          display: flex;
          align-items: flex-end;
          gap: 18px;
      }

      .vgw-benefits__chart-bars span {
          flex: 1 1 0;
          border-radius: 18px 18px 8px 8px;
          background: linear-gradient(180deg, #f3bf5a 0%, #ed8b46 100%);
          box-shadow: 0 12px 22px rgba(217, 108, 43, .14);
      }

      .vgw-benefits__chart-bars span:nth-child(1) {
          height: 28%
      }

      .vgw-benefits__chart-bars span:nth-child(2) {
          height: 42%
      }

      .vgw-benefits__chart-bars span:nth-child(3) {
          height: 56%
      }

      .vgw-benefits__chart-bars span:nth-child(4) {
          height: 70%
      }

      .vgw-benefits__chart-bars span:nth-child(5) {
          height: 88%
      }

      .vgw-benefits__chart-line {
          position: absolute;
          left: 8%;
          right: 8%;
          top: 18%;
          height: 34%;
      }

      .vgw-benefits__chart-line svg {
          width: 100%;
          height: 100%;
      }

      .vgw-benefits__chart-line path {
          fill: none;
          stroke: #1A2942;
          stroke-width: 5;
          stroke-linecap: round;
          stroke-linejoin: round;
          stroke-dasharray: 420;
          stroke-dashoffset: 420;
          animation: vgwDash 3.2s ease forwards;
      }

      /* Compatibility */
      .vgw-benefits__scene--compatibility {
          background: linear-gradient(145deg, #c7edf5 0%, #e8f9fc 100%);
      }

      .vgw-benefits__nodes {
          position: absolute;
          inset: 0;
      }

      .vgw-benefits__node {
          position: absolute;
          border-radius: 50%;
          background: linear-gradient(145deg, #fff 0%, #f5fafc 100%);
          border: 1px solid rgba(26, 41, 66, .06);
          box-shadow: 0 16px 26px rgba(26, 41, 66, .10);
      }

      .vgw-benefits__node--center {
          left: 50%;
          top: 50%;
          width: 104px;
          height: 104px;
          transform: translate(-50%, -50%);
          background: linear-gradient(145deg, #fef0e4 0%, #fff 100%);
      }

      .vgw-benefits__node--one {
          left: 18%;
          top: 20%;
          width: 66px;
          height: 66px;
      }

      .vgw-benefits__node--two {
          right: 18%;
          top: 22%;
          width: 66px;
          height: 66px;
      }

      .vgw-benefits__node--three {
          left: 20%;
          bottom: 20%;
          width: 66px;
          height: 66px;
      }

      .vgw-benefits__node--four {
          right: 16%;
          bottom: 18%;
          width: 66px;
          height: 66px;
      }

      .vgw-benefits__node--one::before,
      .vgw-benefits__node--two::before,
      .vgw-benefits__node--three::before,
      .vgw-benefits__node--four::before {
          content: "";
          position: absolute;
          left: 50%;
          top: 50%;
          width: 120px;
          height: 2px;
          background: linear-gradient(90deg, rgba(217, 108, 43, .36), rgba(217, 108, 43, 0));
          transform-origin: left center;
      }

      .vgw-benefits__node--one::before {
          transform: rotate(36deg);
      }

      .vgw-benefits__node--two::before {
          transform: rotate(145deg);
      }

      .vgw-benefits__node--three::before {
          transform: rotate(-35deg);
      }

      .vgw-benefits__node--four::before {
          transform: rotate(-145deg);
      }

      /* Management */
      .vgw-benefits__scene--management {
          background: linear-gradient(145deg, #cef0f6 0%, #e9fafe 100%);
      }

      .vgw-benefits__dashboard {
          position: absolute;
          left: 12%;
          right: 12%;
          top: 18%;
          bottom: 16%;
          display: grid;
          grid-template-columns: 28% 1fr;
          gap: 16px;
          padding: 16px;
          border-radius: 24px;
          background: rgba(255, 255, 255, .38);
          box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .35);
      }

      .vgw-benefits__dashboard-side {
          border-radius: 18px;
          background: linear-gradient(180deg, rgba(255, 255, 255, .80), rgba(255, 255, 255, .34));
          box-shadow: 0 10px 18px rgba(26, 41, 66, .06);
      }

      .vgw-benefits__dashboard-main {
          display: grid;
          grid-template-columns: repeat(2, 1fr);
          gap: 14px;
      }

      .vgw-benefits__dashboard-main span {
          border-radius: 18px;
          background: linear-gradient(145deg, #fff 0%, #f5fbfd 100%);
          box-shadow: 0 12px 18px rgba(26, 41, 66, .06);
      }

      /* Security */
      .vgw-benefits__scene--security {
          background: linear-gradient(145deg, #caedf5 0%, #e8f9fc 100%);
      }

      .vgw-benefits__shield {
          position: absolute;
          left: 50%;
          top: 50%;
          width: 210px;
          height: 250px;
          transform: translate(-50%, -50%);
          clip-path: polygon(50% 0, 92% 16%, 92% 58%, 50% 100%, 8% 58%, 8% 16%);
          background: linear-gradient(180deg, #1f355a 0%, #2b4778 100%);
          box-shadow: 0 26px 40px rgba(26, 41, 66, .18);
      }

      .vgw-benefits__shield-core {
          position: absolute;
          inset: 18px;
          clip-path: polygon(50% 0, 92% 16%, 92% 58%, 50% 100%, 8% 58%, 8% 16%);
          background: linear-gradient(180deg, #8fe0ee 0%, #d6f3f8 100%);
      }

      .vgw-benefits__shield-lock {
          position: absolute;
          left: 50%;
          top: 50%;
          width: 70px;
          height: 78px;
          transform: translate(-50%, -32%);
          border-radius: 18px;
          background: #fff;
          box-shadow: 0 16px 22px rgba(26, 41, 66, .12);
      }

      .vgw-benefits__shield-lock::before {
          content: "";
          position: absolute;
          left: 50%;
          top: -28px;
          width: 42px;
          height: 34px;
          transform: translateX(-50%);
          border: 8px solid #fff;
          border-bottom: none;
          border-radius: 999px 999px 0 0;
      }

      .vgw-benefits__content {
          padding: 10px 10px 15px 0;
          display: flex;
          flex-direction: column;
          justify-content: center;
      }

      .vgw-benefits__eyebrow {
          display: inline-flex;
          align-items: center;
          align-self: flex-start;
          min-height: 36px;
          padding: 0 14px;
          border-radius: 999px;
          background: rgba(255, 255, 255, .78);
          border: 1px solid var(--vgw-border);
          color: var(--vgw-orange);
          font-size: 11px;
          font-weight: 800;
          letter-spacing: .12em;
          text-transform: uppercase;
          box-shadow: 0 10px 18px rgba(26, 41, 66, .05);
      }

      .vgw-benefits__content-title {
          margin: 18px 0 0;
          font-family: "Playfair Display", serif;
          font-size: clamp(34px, 4vw, 58px);
          line-height: .95;
          letter-spacing: -.045em;
          color: var(--vgw-dark);
      }

      .vgw-benefits__content-text {
          margin: 16px 0 0;
          font-size: 17px;
          line-height: 1.82;
          color: #5b6f83;
          max-width: 680px;
      }

      .vgw-benefits__points {
          list-style: none;
          margin: 24px 0 0;
          padding: 0;
          display: grid;
          gap: 14px;
      }

      .vgw-benefits__point {
          display: flex;
          align-items: flex-start;
          gap: 14px;
          padding: 14px 16px;
          border-radius: 20px;
          background: rgba(255, 255, 255, .50);
          border: 1px solid rgba(255, 255, 255, .45);
          box-shadow: 0 12px 20px rgba(26, 41, 66, .04);
          transition: transform .25s ease, background .25s ease;
      }

      .vgw-benefits__point:hover {
          transform: translateX(6px);
          background: rgba(255, 255, 255, .72);
      }

      .vgw-benefits__check {
          position: relative;
          width: 24px;
          height: 24px;
          flex: 0 0 24px;
          margin-top: 2px;
          border-radius: 50%;
          background: linear-gradient(135deg, #45bd80, #72d89f);
          box-shadow: 0 10px 16px rgba(69, 189, 128, .18);
      }

      .vgw-benefits__check::before {
          content: "";
          position: absolute;
          left: 8px;
          top: 5px;
          width: 6px;
          height: 10px;
          border-right: 2px solid #fff;
          border-bottom: 2px solid #fff;
          transform: rotate(40deg);
      }

      .vgw-benefits__point span:last-child {
          color: #486277;
          font-size: 16px;
          line-height: 1.72;
      }

      /* reveal */
      [data-vgw-reveal] {
          opacity: 0;
          transform: translateY(34px);
          transition: opacity .8s ease, transform .8s ease;
      }

      [data-vgw-reveal="left"] {
          transform: translateX(-34px)
      }

      [data-vgw-reveal="right"] {
          transform: translateX(34px)
      }

      [data-vgw-reveal].is-visible {
          opacity: 1;
          transform: none;
      }

      @keyframes vgwFloat {

          0%,
          100% {
              transform: translateY(0);
          }

          50% {
              transform: translateY(-8px);
          }
      }

      @keyframes vgwDash {
          to {
              stroke-dashoffset: 0;
          }
      }

      /* ===================== 992–1199 ===================== */
      @media (min-width: 992px) and (max-width: 1199.98px) {
          .vgw-benefits__container {
              width: min(100%, calc(100% - 36px));
          }

          .vgw-benefits__card {
              gap: 20px;
          }

          .vgw-benefits__visual {
              padding: 24px 14px 24px 24px;
          }

          .vgw-benefits__content {
              padding: 30px 28px 30px 0;
          }

          .vgw-benefits__stage,
          .vgw-benefits__card {
              min-height: 530px;
          }
      }

      /* ===================== 768–991 ===================== */
      @media (min-width: 768px) and (max-width: 991.98px) {
          .vgw-benefits {
              padding: 72px 0;
          }

          .vgw-benefits__container {
              width: min(100%, calc(100% - 32px));
          }

          .vgw-benefits__title {
              font-size: clamp(36px, 7vw, 56px);
              line-height: .98;
          }

          .vgw-benefits__intro {
              font-size: 16px;
              line-height: 1.76;
          }

          .vgw-benefits__tabs {
              justify-content: flex-start;
              flex-wrap: nowrap;
              overflow: auto;
              padding-bottom: 6px;
          }

          .vgw-benefits__tab {
              flex: 0 0 auto;
          }

          .vgw-benefits__shell {
              padding: 14px;
              border-radius: 28px;
          }

          .vgw-benefits__stage {
              min-height: auto;
          }

          .vgw-benefits__panel {
              position: relative;
              display: none;
              opacity: 1;
              transform: none;
          }

          .vgw-benefits__panel.is-active {
              display: block;
          }

          .vgw-benefits__card {
              min-height: auto;
              grid-template-columns: 1fr;
              gap: 0;
          }

          .vgw-benefits__visual {
              padding: 24px 20px 10px;
          }

          .vgw-benefits__scene {
              width: min(100%, 540px);
          }

          .vgw-benefits__content {
              padding: 18px 24px 26px;
          }

          .vgw-benefits__float-chip--a {
              left: 8px;
              top: 14px;
          }

          .vgw-benefits__float-chip--b {
              right: 8px;
              top: 72px;
          }

          .vgw-benefits__float-chip--c {
              left: 18px;
              bottom: 12px;
          }
      }

      /* ===================== 480–767 ===================== */
      @media (min-width: 480px) and (max-width: 767.98px) {
          .vgw-benefits {
              padding: 60px 0;
          }

          .vgw-benefits__container {
              width: min(100%, calc(100% - 24px));
          }

          .vgw-benefits__head {
              margin-bottom: 24px;
          }

          .vgw-benefits__kicker {
              min-height: 36px;
              padding: 0 13px;
              font-size: 10px;
          }

          .vgw-benefits__title {
              font-size: clamp(32px, 9vw, 44px);
              line-height: 1;
          }

          .vgw-benefits__intro {
              font-size: 15px;
              line-height: 1.72;
          }

          .vgw-benefits__tabs {
              justify-content: flex-start;
              flex-wrap: nowrap;
              overflow: auto;
              gap: 10px;
              margin-top: 24px;
              padding-bottom: 6px;
          }

          .vgw-benefits__tab {
              min-height: 48px;
              padding: 0 15px;
              font-size: 14px;
              flex: 0 0 auto;
          }

          .vgw-benefits__shell {
              margin-top: 22px;
              padding: 12px;
              border-radius: 24px;
          }

          .vgw-benefits__stage {
              min-height: auto;
          }

          .vgw-benefits__panel {
              position: relative;
              display: none;
              opacity: 1;
              transform: none;
          }

          .vgw-benefits__panel.is-active {
              display: block;
          }

          .vgw-benefits__card {
              min-height: auto;
              grid-template-columns: 1fr;
              gap: 0;
              border-radius: 22px;
          }

          .vgw-benefits__visual {
              padding: 18px 14px 8px;
          }

          .vgw-benefits__scene {
              width: min(100%, 420px);
              border-radius: 22px;
          }

          .vgw-benefits__scene::before {
              inset: 14px;
              border-radius: 18px;
          }

          .vgw-benefits__float-chip {
              min-height: 48px;
              padding: 8px 12px;
              border-radius: 14px;
              font-size: 11px;
          }

          .vgw-benefits__float-chip--a {
              left: 6px;
              top: 10px;
          }

          .vgw-benefits__float-chip--b {
              right: 6px;
              top: 54px;
          }

          .vgw-benefits__float-chip--c {
              left: 8px;
              bottom: 8px;
          }

          .vgw-benefits__float-icon {
              width: 28px;
              height: 28px;
              flex-basis: 28px;
              border-radius: 10px;
          }

          .vgw-benefits__float-icon svg {
              width: 14px;
              height: 14px;
          }

          .vgw-benefits__content {
              padding: 16px 18px 20px;
          }

          .vgw-benefits__eyebrow {
              min-height: 33px;
              padding: 0 12px;
              font-size: 9.5px;
          }

          .vgw-benefits__content-title {
              font-size: clamp(28px, 8vw, 40px);
              line-height: 1;
          }

          .vgw-benefits__content-text {
              font-size: 15px;
              line-height: 1.72;
          }

          .vgw-benefits__points {
              gap: 10px;
              margin-top: 18px;
          }

          .vgw-benefits__point {
              padding: 12px 13px;
              border-radius: 16px;
              gap: 11px;
          }

          .vgw-benefits__point span:last-child {
              font-size: 14px;
          }

          .vgw-benefits__dashboard {
              padding: 12px;
              gap: 10px;
          }

          .vgw-benefits__shield {
              width: 170px;
              height: 205px;
          }
      }

      /* ===================== 320–479.98 ===================== */
      @media (min-width: 320px) and (max-width: 479.98px) {
          .vgw-benefits {
              padding: 52px 0;
          }

          .vgw-benefits__container {
              width: min(100%, calc(100% - 18px));
          }

          .vgw-benefits__head {
              margin-bottom: 20px;
          }

          .vgw-benefits__kicker {
              min-height: 34px;
              padding: 0 12px;
              font-size: 9px;
              gap: 8px;
          }

          .vgw-benefits__kicker-dot {
              width: 7px;
              height: 7px;
              flex-basis: 7px;
          }

          .vgw-benefits__title {
              margin-top: 16px;
              font-size: clamp(27px, 10vw, 36px);
              line-height: 1.02;
          }

          .vgw-benefits__intro {
              margin-top: 14px;
              font-size: 14px;
              line-height: 1.66;
          }

          .vgw-benefits__tabs {
              justify-content: flex-start;
              flex-wrap: nowrap;
              overflow: auto;
              gap: 8px;
              margin-top: 20px;
              padding-bottom: 6px;
          }

          .vgw-benefits__tab {
              min-height: 44px;
              padding: 0 14px;
              font-size: 13px;
              border-radius: 14px;
              flex: 0 0 auto;
          }

          .vgw-benefits__shell {
              margin-top: 20px;
              padding: 10px;
              border-radius: 20px;
          }

          .vgw-benefits__stage {
              min-height: auto;
          }

          .vgw-benefits__panel {
              position: relative;
              display: none;
              opacity: 1;
              transform: none;
          }

          .vgw-benefits__panel.is-active {
              display: block;
          }

          .vgw-benefits__card {
              min-height: auto;
              grid-template-columns: 1fr;
              gap: 0;
              border-radius: 18px;
          }

          .vgw-benefits__visual {
              padding: 12px 10px 6px;
          }

          .vgw-benefits__scene {
              width: min(100%, 340px);
              border-radius: 18px;
          }

          .vgw-benefits__scene::before {
              inset: 10px;
              border-radius: 14px;
          }

          .vgw-benefits__float-chip {
              min-height: 40px;
              padding: 7px 9px;
              border-radius: 12px;
              font-size: 10px;
              gap: 8px;
              animation: none;
          }

          .vgw-benefits__float-chip--a {
              left: 4px;
              top: 8px;
          }

          .vgw-benefits__float-chip--b {
              right: 4px;
              top: 50px;
          }

          .vgw-benefits__float-chip--c {
              left: 6px;
              bottom: 6px;
          }

          .vgw-benefits__float-icon {
              width: 24px;
              height: 24px;
              flex-basis: 24px;
              border-radius: 8px;
          }

          .vgw-benefits__float-icon svg {
              width: 12px;
              height: 12px;
          }

          .vgw-benefits__content {
              padding: 14px 14px 16px;
          }

          .vgw-benefits__eyebrow {
              min-height: 30px;
              padding: 0 10px;
              font-size: 8.5px;
          }

          .vgw-benefits__content-title {
              margin-top: 14px;
              font-size: clamp(24px, 8.8vw, 31px);
              line-height: 1.03;
          }

          .vgw-benefits__content-text {
              margin-top: 12px;
              font-size: 14px;
              line-height: 1.62;
          }

          .vgw-benefits__points {
              margin-top: 16px;
              gap: 9px;
          }

          .vgw-benefits__point {
              padding: 10px 10px;
              border-radius: 14px;
              gap: 10px;
          }

          .vgw-benefits__check {
              width: 22px;
              height: 22px;
              flex-basis: 22px;
          }

          .vgw-benefits__check::before {
              left: 7px;
              top: 4px;
          }

          .vgw-benefits__point span:last-child {
              font-size: 13px;
              line-height: 1.56;
          }

          .vgw-benefits__bag--red {
              left: 16%;
              width: 36%;
              height: 40%;
          }

          .vgw-benefits__bag--gold {
              left: 50%;
              width: 30%;
              height: 26%;
          }

          .vgw-benefits__dashboard {
              padding: 10px;
              gap: 8px;
          }

          .vgw-benefits__shield {
              width: 140px;
              height: 170px;
          }

          .vgw-benefits__shield-lock {
              width: 54px;
              height: 60px;
              border-radius: 14px;
          }

          .vgw-benefits__shield-lock::before {
              width: 34px;
              height: 28px;
              top: -22px;
              border-width: 7px;
          }
      }

      .vaultix-sec3d {
          --vs3d-bg: #f8f7f4;
          --vs3d-surface: #ffffff;
          --vs3d-dark: #1A2942;
          --vs3d-text: #647487;
          --vs3d-orange: #D96C2B;
          --vs3d-orange-2: #ED8B46;
          --vs3d-border: rgba(26, 41, 66, .08);
          --vs3d-shadow: 0 22px 50px rgba(26, 41, 66, .08);
          --vs3d-shadow-lg: 0 30px 70px rgba(26, 41, 66, .12);
          --vs3d-mint: #dff1de;
          --vs3d-blue: #dcebfa;
          --vs3d-sand: #f2e4d1;

          position: relative;
          padding: 92px 0;
          overflow: hidden;
          background:
              radial-gradient(circle at 12% 12%, rgba(217, 108, 43, .06), transparent 18%),
              radial-gradient(circle at 84% 78%, rgba(26, 41, 66, .05), transparent 22%);
      }

      .vaultix-sec3d *,
      .vaultix-sec3d *::before,
      .vaultix-sec3d *::after {
          box-sizing: border-box;
      }

      .vaultix-sec3d__container {
          width: min(1320px, calc(100% - 40px));
          margin: 0 auto;
      }

      .vaultix-sec3d__head {
          max-width: 980px;
          margin: 0 auto 40px;
          text-align: center;
      }

      .vaultix-sec3d__kicker {
          display: inline-flex;
          align-items: center;
          gap: 10px;
          min-height: 40px;
          padding: 0 16px;
          border-radius: 999px;
          background: rgba(255, 255, 255, .82);
          border: 1px solid var(--vs3d-border);
          color: var(--vs3d-orange);
          font-size: 11px;
          font-weight: 800;
          letter-spacing: .12em;
          text-transform: uppercase;
          box-shadow: 0 10px 20px rgba(26, 41, 66, .04);
      }

      .vaultix-sec3d__kicker-dot {
          width: 8px;
          height: 8px;
          flex: 0 0 8px;
          border-radius: 50%;
          background: var(--vs3d-orange);
          box-shadow: 0 0 0 6px rgba(217, 108, 43, .10);
      }

      .vaultix-sec3d__title {
          margin: 18px 0 0;
          color: var(--vs3d-dark);
          font-family: "Playfair Display", serif;
          font-size: clamp(42px, 5.2vw, 78px);
          line-height: .95;
          letter-spacing: -.045em;
      }

      .vaultix-sec3d__title span {
          display: block;
          color: var(--vs3d-orange);
      }

      .vaultix-sec3d__intro {
          max-width: 780px;
          margin: 18px auto 0;
          color: var(--vs3d-text);
          font-size: 17px;
          line-height: 1.82;
      }

      .vaultix-sec3d__grid {
          display: grid;
          grid-template-columns: repeat(3, minmax(0, 1fr));
          gap: 22px;
      }

      .vaultix-sec3d__card {
          position: relative;
          overflow: hidden;
          min-height: 430px;
          padding: 26px 24px 22px;
          border-radius: 30px;
          border: 1px solid rgba(26, 41, 66, .06);
          box-shadow: var(--vs3d-shadow);
          transform-style: preserve-3d;
          transition: transform .34s ease, box-shadow .34s ease, border-color .34s ease;
          will-change: transform;
      }

      .vaultix-sec3d__card:hover {
          box-shadow: var(--vs3d-shadow-lg);
          border-color: rgba(217, 108, 43, .14);
      }

      .vaultix-sec3d__card--mint {
          background: linear-gradient(180deg, rgba(223, 241, 222, .96), rgba(214, 236, 213, .92));
      }

      .vaultix-sec3d__card--blue {
          background: linear-gradient(180deg, rgba(220, 235, 250, .96), rgba(211, 229, 247, .92));
      }

      .vaultix-sec3d__card--sand {
          background: linear-gradient(180deg, rgba(242, 228, 209, .96), rgba(238, 222, 198, .92));
      }

      .vaultix-sec3d__card-glow {
          position: absolute;
          right: -60px;
          bottom: -60px;
          width: 170px;
          height: 170px;
          border-radius: 50%;
          background: radial-gradient(circle, rgba(255, 255, 255, .38), transparent 72%);
          pointer-events: none;
      }

      .vaultix-sec3d__iconbox {
          width: 68px;
          height: 68px;
          border-radius: 22px;
          display: grid;
          place-items: center;
          background: #0b5566;
          box-shadow: 0 14px 24px rgba(11, 85, 102, .20);
      }

      .vaultix-sec3d__iconbox svg {
          width: 28px;
          height: 28px;
          fill: none;
          stroke: #fff;
          stroke-width: 1.9;
          stroke-linecap: round;
          stroke-linejoin: round;
      }

      .vaultix-sec3d__eyebrow {
          display: inline-flex;
          align-items: center;
          min-height: 34px;
          padding: 0 13px;
          margin-top: 18px;
          border-radius: 999px;
          background: rgba(255, 255, 255, .44);
          border: 1px solid rgba(255, 255, 255, .45);
          color: rgba(26, 41, 66, .78);
          font-size: 11px;
          font-weight: 800;
          letter-spacing: .1em;
          text-transform: uppercase;
      }

      .vaultix-sec3d__card-title {
          margin: 18px 0 0;
          color: var(--vs3d-dark);
          font-size: 20px;
          line-height: 1.16;
          letter-spacing: -.03em;
          font-weight: 900;
      }

      .vaultix-sec3d__card-text {
          margin: 16px 0 0;
          color: #486074;
          font-size: 16px;
          line-height: 1.72;
      }

      .vaultix-sec3d__bottom {
          display: flex;
          align-items: flex-end;
          justify-content: space-between;
          gap: 16px;
          margin-top: 26px;
      }

      .vaultix-sec3d__mini {
          min-height: 54px;
          display: flex;
          align-items: flex-end;
          gap: 8px;
      }

      .vaultix-sec3d__mini--lock span {
          position: relative;
          width: 44px;
          height: 46px;
          border-radius: 14px;
          background: linear-gradient(180deg, rgba(255, 255, 255, .72), rgba(255, 255, 255, .38));
          box-shadow: inset 0 0 0 1px rgba(26, 41, 66, .06);
      }

      .vaultix-sec3d__mini--lock span::before {
          content: "";
          position: absolute;
          left: 50%;
          top: -16px;
          width: 24px;
          height: 20px;
          transform: translateX(-50%);
          border: 5px solid rgba(255, 255, 255, .88);
          border-bottom: none;
          border-radius: 999px 999px 0 0;
      }

      .vaultix-sec3d__mini--lines {
          flex-direction: column;
          align-items: flex-start;
          justify-content: center;
      }

      .vaultix-sec3d__mini--lines span {
          width: 44px;
          height: 4px;
          border-radius: 999px;
          background: rgba(26, 41, 66, .18);
          transition: transform .28s ease;
      }

      .vaultix-sec3d__mini--grid {
          display: grid;
          grid-template-columns: repeat(2, 18px);
          grid-template-rows: repeat(2, 18px);
          gap: 8px;
          align-items: center;
      }

      .vaultix-sec3d__mini--grid span {
          border-radius: 7px;
          background: rgba(255, 255, 255, .44);
          box-shadow: inset 0 0 0 1px rgba(26, 41, 66, .06);
      }

      .vaultix-sec3d__arrow {
          width: 48px;
          height: 48px;
          flex: 0 0 48px;
          border-radius: 50%;
          display: grid;
          place-items: center;
          background: rgba(255, 255, 255, .42);
          box-shadow: 0 10px 18px rgba(26, 41, 66, .05);
          color: var(--vs3d-orange);
          transition: transform .28s ease, background .28s ease;
      }

      .vaultix-sec3d__arrow svg {
          width: 18px;
          height: 18px;
          fill: none;
          stroke: currentColor;
          stroke-width: 2;
          stroke-linecap: round;
          stroke-linejoin: round;
      }

      .vaultix-sec3d__card:hover .vaultix-sec3d__arrow {
          transform: translateY(-3px);
          background: rgba(255, 255, 255, .70);
      }

      .vaultix-sec3d__card:hover .vaultix-sec3d__mini--lines span:nth-child(1) {
          transform: translateX(4px);
      }

      .vaultix-sec3d__card:hover .vaultix-sec3d__mini--lines span:nth-child(2) {
          transform: translateX(10px);
      }

      .vaultix-sec3d__card:hover .vaultix-sec3d__mini--lines span:nth-child(3) {
          transform: translateX(16px);
      }

      /* reveal */
      [data-vs3d-reveal] {
          opacity: 0;
          transform: translateY(34px);
          transition: opacity .8s ease, transform .8s ease;
      }

      [data-vs3d-reveal="left"] {
          transform: translateX(-34px);
      }

      [data-vs3d-reveal="right"] {
          transform: translateX(34px);
      }

      [data-vs3d-reveal].is-visible {
          opacity: 1;
          transform: none;
      }

      /* ===================== 992–1199 ===================== */
      @media (min-width: 992px) and (max-width: 1199.98px) {
          .vaultix-sec3d__container {
              width: min(100%, calc(100% - 36px));
          }

          .vaultix-sec3d__grid {
              gap: 18px;
          }

          .vaultix-sec3d__card {
              min-height: 420px;
              padding: 24px 20px 20px;
              border-radius: 26px;
          }

          .vaultix-sec3d__card-title {
              font-size: 19px;
          }

          .vaultix-sec3d__card-text {
              font-size: 15px;
          }
      }

      /* ===================== 768–991 ===================== */
      @media (min-width: 768px) and (max-width: 991.98px) {
          .vaultix-sec3d {
              padding: 74px 0;
          }

          .vaultix-sec3d__container {
              width: min(100%, calc(100% - 32px));
          }

          .vaultix-sec3d__title {
              font-size: clamp(36px, 7vw, 58px);
              line-height: .98;
          }

          .vaultix-sec3d__intro {
              font-size: 16px;
              line-height: 1.74;
          }

          .vaultix-sec3d__grid {
              grid-template-columns: 1fr;
              gap: 18px;
          }

          .vaultix-sec3d__card {
              min-height: auto;
              padding: 24px 22px 20px;
          }

          .vaultix-sec3d__bottom {
              margin-top: 22px;
          }
      }

      /* ===================== 480–767 ===================== */
      @media (min-width: 480px) and (max-width: 767.98px) {
          .vaultix-sec3d {
              padding: 60px 0;
          }

          .vaultix-sec3d__container {
              width: min(100%, calc(100% - 24px));
          }

          .vaultix-sec3d__head {
              margin-bottom: 28px;
          }

          .vaultix-sec3d__kicker {
              min-height: 36px;
              padding: 0 13px;
              font-size: 10px;
          }

          .vaultix-sec3d__title {
              font-size: clamp(32px, 9vw, 48px);
              line-height: 1;
          }

          .vaultix-sec3d__intro {
              font-size: 15px;
              line-height: 1.72;
          }

          .vaultix-sec3d__grid {
              grid-template-columns: 1fr;
              gap: 16px;
          }

          .vaultix-sec3d__card {
              min-height: auto;
              padding: 20px 18px 18px;
              border-radius: 22px;
          }

          .vaultix-sec3d__iconbox {
              width: 58px;
              height: 58px;
              border-radius: 18px;
          }

          .vaultix-sec3d__iconbox svg {
              width: 24px;
              height: 24px;
          }

          .vaultix-sec3d__card-title {
              font-size: 18px;
          }

          .vaultix-sec3d__card-text {
              font-size: 15px;
              line-height: 1.68;
          }

          .vaultix-sec3d__bottom {
              margin-top: 20px;
          }

          .vaultix-sec3d__arrow {
              width: 42px;
              height: 42px;
              flex-basis: 42px;
          }
      }

      /* ===================== 320–479.98 ===================== */
      @media (min-width: 320px) and (max-width: 479.98px) {
          .vaultix-sec3d {
              padding: 52px 0;
          }

          .vaultix-sec3d__container {
              width: min(100%, calc(100% - 18px));
          }

          .vaultix-sec3d__head {
              margin-bottom: 22px;
          }

          .vaultix-sec3d__kicker {
              min-height: 34px;
              padding: 0 12px;
              font-size: 9px;
              gap: 8px;
          }

          .vaultix-sec3d__kicker-dot {
              width: 7px;
              height: 7px;
              flex-basis: 7px;
          }

          .vaultix-sec3d__title {
              font-size: clamp(27px, 10vw, 38px);
              line-height: 1.03;
          }

          .vaultix-sec3d__intro {
              margin-top: 14px;
              font-size: 14px;
              line-height: 1.64;
          }

          .vaultix-sec3d__grid {
              grid-template-columns: 1fr;
              gap: 14px;
          }

          .vaultix-sec3d__card {
              min-height: auto;
              padding: 18px 14px 16px;
              border-radius: 18px;
          }

          .vaultix-sec3d__iconbox {
              width: 52px;
              height: 52px;
              border-radius: 16px;
          }

          .vaultix-sec3d__iconbox svg {
              width: 22px;
              height: 22px;
          }

          .vaultix-sec3d__eyebrow {
              min-height: 30px;
              padding: 0 10px;
              margin-top: 14px;
              font-size: 9px;
          }

          .vaultix-sec3d__card-title {
              margin-top: 14px;
              font-size: 17px;
              line-height: 1.18;
          }

          .vaultix-sec3d__card-text {
              margin-top: 12px;
              font-size: 14px;
              line-height: 1.62;
          }

          .vaultix-sec3d__bottom {
              margin-top: 18px;
          }

          .vaultix-sec3d__mini {
              min-height: 44px;
          }

          .vaultix-sec3d__arrow {
              width: 40px;
              height: 40px;
              flex-basis: 40px;
          }
      }

      .vgw-coregrid {
          --vgw-core-bg: #f8f7f4;
          --vgw-core-surface: #ffffff;
          --vgw-core-dark: #1A2942;
          --vgw-core-text: #647487;
          --vgw-core-orange: #D96C2B;
          --vgw-core-orange-2: #ED8B46;
          --vgw-core-border: rgba(26, 41, 66, .08);
          --vgw-core-shadow: 0 18px 42px rgba(26, 41, 66, .07);
          --vgw-core-shadow-lg: 0 28px 58px rgba(26, 41, 66, .12);

          position: relative;
          padding: 84px 0;
          overflow: hidden;
          background:
              radial-gradient(circle at 10% 10%, rgba(217, 108, 43, .05), transparent 20%),
              radial-gradient(circle at 88% 82%, rgba(26, 41, 66, .05), transparent 22%);
      }

      .vgw-coregrid *,
      .vgw-coregrid *::before,
      .vgw-coregrid *::after {
          box-sizing: border-box;
      }

      .vgw-coregrid__container {
          width: min(1320px, calc(100% - 40px));
          margin: 0 auto;
      }

      .vgw-coregrid__head {
          max-width: 980px;
          margin: 0 auto 34px;
          text-align: center;
      }

      .vgw-coregrid__kicker {
          display: inline-flex;
          align-items: center;
          gap: 10px;
          min-height: 38px;
          padding: 0 15px;
          border-radius: 999px;
          background: rgba(255, 255, 255, .84);
          border: 1px solid var(--vgw-core-border);
          color: var(--vgw-core-orange);
          font-size: 11px;
          font-weight: 800;
          letter-spacing: .12em;
          text-transform: uppercase;
          box-shadow: 0 10px 18px rgba(26, 41, 66, .04);
      }

      .vgw-coregrid__kicker-dot {
          width: 8px;
          height: 8px;
          flex: 0 0 8px;
          border-radius: 50%;
          background: var(--vgw-core-orange);
          box-shadow: 0 0 0 5px rgba(217, 108, 43, .10);
      }

      .vgw-coregrid__title {
          margin: 18px 0 0;
          color: var(--vgw-core-dark);
          font-family: "Playfair Display", serif;
          font-size: clamp(34px, 4.4vw, 58px);
          line-height: .98;
          letter-spacing: -.04em;
      }

      .vgw-coregrid__title span {
          color: var(--vgw-core-orange);
      }

      .vgw-coregrid__intro {
          max-width: 920px;
          margin: 16px auto 0;
          color: var(--vgw-core-text);
          font-size: 16px;
          line-height: 1.78;
      }

      .vgw-coregrid__grid {
          display: grid;
          grid-template-columns: repeat(4, minmax(0, 1fr));
          gap: 18px;
          align-items: stretch;
      }

      .vgw-coregrid__card {
          position: relative;
          overflow: hidden;
          min-height: 255px;
          padding: 22px 20px 18px;
          border-radius: 28px;
          border: 1px solid rgba(26, 41, 66, .06);
          box-shadow: var(--vgw-core-shadow);
          background: linear-gradient(180deg, rgba(255, 255, 255, .94), rgba(250, 250, 250, .92));
          transform-style: preserve-3d;
          transition: transform .32s ease, box-shadow .32s ease, border-color .32s ease;
          will-change: transform;
      }

      .vgw-coregrid__card:hover {
          border-color: rgba(217, 108, 43, .12);
          box-shadow: var(--vgw-core-shadow-lg);
      }

      .vgw-coregrid__card--wide {
          grid-column: span 2;
      }

      .vgw-coregrid__card--mint {
          background: linear-gradient(180deg, #dff0de 0%, #e7f4e6 100%);
      }

      .vgw-coregrid__card--blue {
          background: linear-gradient(180deg, #ddeaf8 0%, #e7f1fb 100%);
      }

      .vgw-coregrid__card--sand {
          background: linear-gradient(180deg, #f1e1cc 0%, #f5eadb 100%);
      }

      .vgw-coregrid__card--lilac {
          background: linear-gradient(180deg, #e8e1f5 0%, #f0ebf9 100%);
      }

      .vgw-coregrid__card--cream {
          background: linear-gradient(180deg, #f4edc9 0%, #f8f3db 100%);
      }

      .vgw-coregrid__card--pink {
          background: linear-gradient(180deg, #efd7ea 0%, #f5e5f1 100%);
      }

      .vgw-coregrid__card--sky {
          background: linear-gradient(180deg, #ddeff4 0%, #eaf6f9 100%);
      }

      .vgw-coregrid__card--rose {
          background: linear-gradient(180deg, #f1d7df 0%, #f7e7ec 100%);
      }

      .vgw-coregrid__card--sage {
          background: linear-gradient(180deg, #dfe9dd 0%, #e9f0e8 100%);
      }

      .vgw-coregrid__card-glow {
          position: absolute;
          right: -70px;
          top: -70px;
          width: 180px;
          height: 180px;
          border-radius: 50%;
          background: radial-gradient(circle, rgba(255, 255, 255, .42), transparent 72%);
          pointer-events: none;
      }

      .vgw-coregrid__iconbox {
          width: 56px;
          height: 56px;
          border-radius: 18px;
          display: grid;
          place-items: center;
          background: aliceblue;
          box-shadow: 0 12px 20px rgba(11, 85, 102, .16);
          transition: transform .28s ease;
      }

      .vgw-coregrid__card:hover .vgw-coregrid__iconbox {
          transform: translateY(-3px);
      }

      .vgw-coregrid__iconbox svg {
          width: 24px;
          height: 24px;
          fill: none;
          stroke: #fff;
          stroke-width: 1.9;
          stroke-linecap: round;
          stroke-linejoin: round;
      }

      .vgw-coregrid__card-title {
          margin: 18px 0 0;
          color: var(--vgw-core-dark);
          font-size: 18px;
          line-height: 1.16;
          letter-spacing: -.02em;
          font-weight: 900;
      }

      .vgw-coregrid__card-text {
          margin: 14px 0 0;
          color: #4a6175;
          font-size: 15px;
          line-height: 1.66;
      }

      .vgw-coregrid__footer {
          display: flex;
          align-items: center;
          justify-content: space-between;
          gap: 12px;
          margin-top: 18px;
      }

      .vgw-coregrid__chip {
          display: inline-flex;
          align-items: center;
          min-height: 34px;
          padding: 0 12px;
          border-radius: 999px;
          background: rgba(255, 255, 255, .46);
          border: 1px solid rgba(255, 255, 255, .40);
          color: rgba(26, 41, 66, .72);
          font-size: 12px;
          font-weight: 700;
      }

      .vgw-coregrid__arrow {
          width: 40px;
          height: 40px;
          flex: 0 0 40px;
          border-radius: 50%;
          display: grid;
          place-items: center;
          background: rgba(255, 255, 255, .40);
          color: var(--vgw-core-orange);
          box-shadow: 0 8px 16px rgba(26, 41, 66, .04);
          transition: transform .28s ease, background .28s ease;
      }

      .vgw-coregrid__card:hover .vgw-coregrid__arrow {
          transform: translateY(-3px);
          background: rgba(255, 255, 255, .72);
      }

      .vgw-coregrid__arrow svg {
          width: 16px;
          height: 16px;
          fill: none;
          stroke: currentColor;
          stroke-width: 2;
          stroke-linecap: round;
          stroke-linejoin: round;
      }

      /* reveal */
      [data-vgw-core-reveal] {
          opacity: 0;
          transform: translateY(30px);
          transition: opacity .78s ease, transform .78s ease;
      }

      [data-vgw-core-reveal="left"] {
          transform: translateX(-30px);
      }

      [data-vgw-core-reveal="right"] {
          transform: translateX(30px);
      }

      [data-vgw-core-reveal].is-visible {
          opacity: 1;
          transform: none;
      }

      /* ===================== 1200+ base ===================== */

      /* ===================== 992–1199 ===================== */
      @media (min-width: 992px) and (max-width: 1199.98px) {
          .vgw-coregrid {
              padding: 76px 0;
          }

          .vgw-coregrid__container {
              width: min(100%, calc(100% - 34px));
          }

          .vgw-coregrid__grid {
              grid-template-columns: repeat(3, minmax(0, 1fr));
              gap: 16px;
          }

          .vgw-coregrid__card--wide {
              grid-column: span 2;
          }

          .vgw-coregrid__card {
              min-height: 245px;
              padding: 20px 18px 18px;
          }
      }

      /* ===================== 768–991 ===================== */
      @media (min-width: 768px) and (max-width: 991.98px) {
          .vgw-coregrid {
              padding: 68px 0;
          }

          .vgw-coregrid__container {
              width: min(100%, calc(100% - 30px));
          }

          .vgw-coregrid__head {
              margin-bottom: 28px;
          }

          .vgw-coregrid__title {
              font-size: clamp(32px, 6vw, 48px);
              line-height: 1;
          }

          .vgw-coregrid__intro {
              font-size: 15px;
              line-height: 1.72;
          }

          .vgw-coregrid__grid {
              grid-template-columns: repeat(2, minmax(0, 1fr));
              gap: 16px;
          }

          .vgw-coregrid__card--wide {
              grid-column: span 2;
          }

          .vgw-coregrid__card {
              min-height: 235px;
              border-radius: 24px;
              padding: 20px 18px 18px;
          }

          .vgw-coregrid__iconbox {
              width: 52px;
              height: 52px;
              border-radius: 16px;
          }

          .vgw-coregrid__iconbox svg {
              width: 22px;
              height: 22px;
          }
      }

      /* ===================== 480–767 ===================== */
      @media (min-width: 480px) and (max-width: 767.98px) {
          .vgw-coregrid {
              padding: 58px 0;
          }

          .vgw-coregrid__container {
              width: min(100%, calc(100% - 22px));
          }

          .vgw-coregrid__head {
              margin-bottom: 24px;
          }

          .vgw-coregrid__kicker {
              min-height: 34px;
              padding: 0 12px;
              font-size: 9.5px;
          }

          .vgw-coregrid__title {
              font-size: clamp(29px, 8vw, 40px);
              line-height: 1.02;
          }

          .vgw-coregrid__intro {
              font-size: 14px;
              line-height: 1.68;
          }

          .vgw-coregrid__grid {
              grid-template-columns: repeat(2, minmax(0, 1fr));
              gap: 14px;
          }

          .vgw-coregrid__card--wide {
              grid-column: span 2;
          }

          .vgw-coregrid__card {
              min-height: 220px;
              border-radius: 20px;
              padding: 18px 16px 16px;
          }

          .vgw-coregrid__iconbox {
              width: 48px;
              height: 48px;
              border-radius: 15px;
          }

          .vgw-coregrid__iconbox svg {
              width: 20px;
              height: 20px;
          }

          .vgw-coregrid__card-title {
              margin-top: 14px;
              font-size: 17px;
          }

          .vgw-coregrid__card-text {
              margin-top: 12px;
              font-size: 14px;
              line-height: 1.6;
          }

          .vgw-coregrid__chip {
              min-height: 32px;
              padding: 0 10px;
              font-size: 11px;
          }
      }

      /* ===================== 320–479.98 ===================== */
      @media (min-width: 320px) and (max-width: 479.98px) {
          .vgw-coregrid {
              padding: 50px 0;
          }

          .vgw-coregrid__container {
              width: min(100%, calc(100% - 18px));
          }

          .vgw-coregrid__head {
              margin-bottom: 20px;
          }

          .vgw-coregrid__kicker {
              min-height: 32px;
              padding: 0 11px;
              font-size: 8.8px;
              gap: 8px;
          }

          .vgw-coregrid__kicker-dot {
              width: 7px;
              height: 7px;
              flex-basis: 7px;
          }

          .vgw-coregrid__title {
              margin-top: 14px;
              font-size: clamp(25px, 9vw, 33px);
              line-height: 1.04;
          }

          .vgw-coregrid__intro {
              margin-top: 12px;
              font-size: 13.5px;
              line-height: 1.62;
          }

          .vgw-coregrid__grid {
              grid-template-columns: 1fr;
              gap: 12px;
          }

          .vgw-coregrid__card--wide {
              grid-column: auto;
          }

          .vgw-coregrid__card {
              min-height: auto;
              border-radius: 18px;
              padding: 16px 14px 14px;
          }

          .vgw-coregrid__iconbox {
              width: 44px;
              height: 44px;
              border-radius: 14px;
          }

          .vgw-coregrid__iconbox svg {
              width: 18px;
              height: 18px;
          }

          .vgw-coregrid__card-title {
              margin-top: 13px;
              font-size: 16px;
              line-height: 1.18;
          }

          .vgw-coregrid__card-text {
              margin-top: 10px;
              font-size: 13.5px;
              line-height: 1.56;
          }

          .vgw-coregrid__footer {
              margin-top: 14px;
          }

          .vgw-coregrid__chip {
              min-height: 30px;
              padding: 0 9px;
              font-size: 10.5px;
          }

          .vgw-coregrid__arrow {
              width: 36px;
              height: 36px;
              flex-basis: 36px;
          }
      }


      .vgw-extensions {
          --vgw-ext-dark: #1A2942;
          --vgw-ext-text: #647487;
          --vgw-ext-orange: #D96C2B;
          --vgw-ext-orange-2: #ED8B46;
          --vgw-ext-border: rgba(26, 41, 66, .08);
          --vgw-ext-shadow: 0 22px 56px rgba(26, 41, 66, .08);
          --vgw-ext-shadow-lg: 0 34px 78px rgba(26, 41, 66, .14);
          --vgw-ext-blue: #dceaf8;
          --vgw-ext-pink: #efd8e8;
          --vgw-ext-mint: #dcebdc;
          --vgw-ext-sand: #f0debe;

          position: relative;
          padding: 88px 0;
          overflow: hidden;
          background:
              radial-gradient(circle at 12% 12%, rgba(217, 108, 43, .05), transparent 20%),
              radial-gradient(circle at 86% 82%, rgba(26, 41, 66, .05), transparent 22%);
      }

      .vgw-extensions *,
      .vgw-extensions *::before,
      .vgw-extensions *::after {
          box-sizing: border-box;
      }

      .vgw-extensions__container {
          width: min(1320px, calc(100% - 40px));
          margin: 0 auto;
      }

      .vgw-extensions__layout {
          display: grid;
          grid-template-columns: minmax(0, .96fr) minmax(0, 1.04fr);
          gap: 34px;
          align-items: start;
      }

      .vgw-extensions__intro {
          position: relative;
      }

      .vgw-extensions__kicker {
          display: inline-flex;
          align-items: center;
          gap: 10px;
          min-height: 38px;
          padding: 0 15px;
          border-radius: 999px;
          background: rgba(255, 255, 255, .84);
          border: 1px solid var(--vgw-ext-border);
          color: var(--vgw-ext-orange);
          font-size: 11px;
          font-weight: 800;
          letter-spacing: .12em;
          text-transform: uppercase;
          box-shadow: 0 10px 20px rgba(26, 41, 66, .04);
      }

      .vgw-extensions__kicker-dot {
          width: 8px;
          height: 8px;
          flex: 0 0 8px;
          border-radius: 50%;
          background: var(--vgw-ext-orange);
          box-shadow: 0 0 0 5px rgba(217, 108, 43, .10);
      }

      .vgw-extensions__title {
          margin: 18px 0 0;
          color: var(--vgw-ext-dark);
          font-family: "Playfair Display", serif;
          font-size: clamp(38px, 4.8vw, 66px);
          line-height: .96;
          letter-spacing: -.04em;
      }

      .vgw-extensions__title span {
          display: block;
          color: var(--vgw-ext-orange);
      }

      .vgw-extensions__text {
          max-width: 640px;
          margin: 18px 0 0;
          color: var(--vgw-ext-text);
          font-size: 17px;
          line-height: 1.8;
      }


      .vgw-extensions__visual,
      .vx-addon-gridpro__visual {
          position: relative;
          overflow: hidden;
          display: flex;
          align-items: center;
          justify-content: center;
      }

      .vgw-extensions__visual-image,
      .vx-addon-gridpro__visual-image {
          width: 480px;
          height: 480px !important;
          display: block;
          object-fit: contain;
          border-radius: inherit;
      }


      .vgw-extensions__visual {
          position: relative;
          min-height: 520px;
          margin-top: 30px;
          border-radius: 34px;
          background:
              linear-gradient(145deg, rgba(219, 243, 249, .88) 0%, rgba(239, 248, 251, .88) 100%);
          border: 1px solid rgba(255, 255, 255, .52);
          box-shadow: var(--vgw-ext-shadow);
          overflow: hidden;
          transform-style: preserve-3d;
          transition: transform .36s ease, box-shadow .36s ease;
      }

      .vgw-extensions__visual:hover {
          transform: translateY(-8px);
          box-shadow: var(--vgw-ext-shadow-lg);
      }

      .vgw-extensions__visual::before {
          content: "";
          position: absolute;
          inset: 18px;
          border-radius: 26px;
          border: 1px solid rgba(255, 255, 255, .42);
          pointer-events: none;
      }

      .vgw-extensions__visual-orb {
          position: absolute;
          border-radius: 50%;
          filter: blur(26px);
          opacity: .8;
          pointer-events: none;
      }

      .vgw-extensions__visual-orb--one {
          width: 160px;
          height: 160px;
          left: -20px;
          top: 20px;
          background: rgba(237, 139, 70, .16);
      }

      .vgw-extensions__visual-orb--two {
          width: 200px;
          height: 200px;
          right: -40px;
          bottom: 20px;
          background: rgba(26, 41, 66, .08);
      }

      .vgw-extensions__device {
          position: absolute;
          left: 18%;
          bottom: 8%;
          width: 45%;
          aspect-ratio: .68/1;
          border-radius: 36px;
          background: linear-gradient(160deg, #d8eef8 0%, #f1fbff 100%);
          box-shadow: 0 28px 0 #174f95, 0 18px 38px rgba(26, 41, 66, .18);
          border: 1px solid rgba(255, 255, 255, .55);
          transform: rotate(-32deg);
          transition: transform .45s ease, box-shadow .45s ease;
      }

      .vgw-extensions__visual:hover .vgw-extensions__device {
          transform: rotate(-28deg) translateY(-8px);
      }

      .vgw-extensions__device-screen {
          position: absolute;
          inset: 10% 12%;
          border-radius: 26px;
          background: linear-gradient(180deg, rgba(255, 255, 255, .36), rgba(255, 255, 255, .08));
      }

      .vgw-extensions__device-title {
          position: absolute;
          left: 50%;
          top: 22%;
          transform: translateX(-50%);
          color: #174f95;
          font-size: 18px;
          font-weight: 900;
          letter-spacing: .06em;
      }

      .vgw-extensions__device-field {
          position: absolute;
          left: 50%;
          top: 43%;
          width: 58%;
          height: 18%;
          transform: translateX(-50%);
          border-radius: 14px;
          background: #ffffff;
          box-shadow: 0 10px 20px rgba(26, 41, 66, .08);
      }

      .vgw-extensions__device-field::before {
          content: "";
          position: absolute;
          left: 16%;
          top: 36%;
          width: 32%;
          height: 8px;
          border-radius: 999px;
          background: #6eb6e1;
          box-shadow: 44px 0 0 #6eb6e1, 88px 0 0 #6eb6e1;
      }

      .vgw-extensions__device-button {
          position: absolute;
          left: 50%;
          bottom: 14%;
          min-width: 120px;
          min-height: 56px;
          padding: 0 18px;
          transform: translateX(-50%);
          display: inline-flex;
          align-items: center;
          justify-content: center;
          border-radius: 18px;
          background: linear-gradient(135deg, #174f95, #2c78cd);
          color: #fff;
          font-size: 20px;
          font-weight: 900;
          letter-spacing: .04em;
          box-shadow: 0 14px 24px rgba(23, 79, 149, .22);
      }

      .vgw-extensions__shield {
          position: absolute;
          left: 28%;
          top: 26%;
          width: 28%;
          aspect-ratio: .86/1;
          clip-path: polygon(50% 0, 92% 16%, 92% 58%, 50% 100%, 8% 58%, 8% 16%);
          background: linear-gradient(180deg, #2c89d0 0%, #2e6fb8 100%);
          box-shadow: 0 20px 28px rgba(26, 41, 66, .18);
          transition: transform .45s ease;
      }

      .vgw-extensions__visual:hover .vgw-extensions__shield {
          transform: translateY(-10px) scale(1.03);
      }

      .vgw-extensions__shield-core {
          position: absolute;
          inset: 12%;
          clip-path: polygon(50% 0, 92% 16%, 92% 58%, 50% 100%, 8% 58%, 8% 16%);
          background: linear-gradient(180deg, rgba(255, 255, 255, .24), rgba(255, 255, 255, .06));
      }

      .vgw-extensions__shield-lock {
          position: absolute;
          left: 50%;
          top: 50%;
          width: 34%;
          height: 30%;
          transform: translate(-50%, -22%);
          border-radius: 12px;
          background: #1f5fa8;
      }

      .vgw-extensions__shield-lock::before {
          content: "";
          position: absolute;
          left: 50%;
          top: -30%;
          width: 52%;
          height: 50%;
          transform: translateX(-50%);
          border: 6px solid #1f5fa8;
          border-bottom: none;
          border-radius: 999px 999px 0 0;
      }

      .vgw-extensions__card-float {
          position: absolute;
          right: 16%;
          top: 28%;
          width: 26%;
          aspect-ratio: 1.45/1;
          border-radius: 18px;
          background: linear-gradient(145deg, #d2ecf7 0%, #f3fbfe 100%);
          border: 1px solid rgba(255, 255, 255, .58);
          box-shadow: 0 18px 24px rgba(26, 41, 66, .12);
          transform: rotate(-8deg);
          transition: transform .4s ease;
      }

      .vgw-extensions__card-float::before {
          content: "";
          position: absolute;
          left: 18%;
          top: 20%;
          width: 40%;
          height: 7px;
          border-radius: 999px;
          background: #317dca;
          box-shadow: 0 18px 0 #317dca, 0 36px 0 #317dca;
      }

      .vgw-extensions__card-float::after {
          content: "$";
          position: absolute;
          right: 14%;
          top: 18%;
          color: #4ea8da;
          font-size: 48px;
          font-weight: 900;
      }

      .vgw-extensions__visual:hover .vgw-extensions__card-float {
          transform: rotate(-5deg) translateY(-6px);
      }

      .vgw-extensions__badge {
          position: absolute;
          z-index: 3;
          min-height: 46px;
          padding: 0 16px;
          display: inline-flex;
          align-items: center;
          border-radius: 14px;
          background: rgba(255, 255, 255, .92);
          border: 1px solid rgba(26, 41, 66, .06);
          color: var(--vgw-ext-dark);
          font-size: 13px;
          font-weight: 800;
          box-shadow: 0 16px 24px rgba(26, 41, 66, .10);
          animation: vgwExtFloat 6s ease-in-out infinite;
      }

      .vgw-extensions__badge--top {
          left: 12%;
          top: 8%;
          animation-delay: 0s;
      }

      .vgw-extensions__badge--right {
          right: 10%;
          bottom: 16%;
          animation-delay: 1.2s;
      }

      .vgw-extensions__signal {
          position: absolute;
          border: 2px dashed rgba(63, 156, 218, .54);
          border-radius: 16px;
          opacity: .8;
      }

      .vgw-extensions__signal--one {
          left: 8%;
          top: 40%;
          width: 12%;
          height: 12%;
          border-right: none;
          border-bottom: none;
      }

      .vgw-extensions__signal--two {
          right: 8%;
          top: 52%;
          width: 14%;
          height: 16%;
          border-left: none;
          border-top: none;
      }

      .vgw-extensions__board {
          position: relative;
          display: grid;
          grid-template-columns: repeat(2, minmax(0, 1fr));
          gap: 18px;
          padding: 18px;
          border-radius: 32px;
          background: rgba(255, 255, 255, .54);
          border: 1px solid var(--vgw-ext-border);
          box-shadow: var(--vgw-ext-shadow);
      }

      .vgw-extensions__card {
          position: relative;
          overflow: hidden;
          min-height: 260px;
          padding: 24px 22px 20px;
          border-radius: 26px;
          border: 1px solid rgba(26, 41, 66, .06);
          box-shadow: 0 16px 28px rgba(26, 41, 66, .08);
          transition: transform .34s ease, box-shadow .34s ease, border-color .34s ease, background .34s ease;
          transform-style: preserve-3d;
      }

      .vgw-extensions__card::before {
          content: "";
          position: absolute;
          inset: auto -40% -40% auto;
          width: 140px;
          height: 140px;
          border-radius: 50%;
          background: radial-gradient(circle, rgba(255, 255, 255, .38), transparent 72%);
          pointer-events: none;
      }

      .vgw-extensions__card::after {
          content: "";
          position: absolute;
          top: 0;
          left: -120%;
          width: 70%;
          height: 100%;
          background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .24), transparent);
          transform: skewX(-20deg);
          transition: left .7s ease;
          pointer-events: none;
      }

      .vgw-extensions__card:hover {
          transform: translateY(-9px) scale(1.015);
          box-shadow: 0 28px 52px rgba(26, 41, 66, .14);
          border-color: rgba(217, 108, 43, .12);
      }

      .vgw-extensions__card:hover::after {
          left: 135%;
      }

      .vgw-extensions__card--blue {
          background: linear-gradient(180deg, #dceaf8 0%, #e7f1fb 100%);
      }

      .vgw-extensions__card--pink {
          background: linear-gradient(180deg, #efd8e8 0%, #f5e4ef 100%);
      }

      .vgw-extensions__card--mint {
          background: linear-gradient(180deg, #dcebdc 0%, #e8f1e8 100%);
      }

      .vgw-extensions__card--sand {
          background: linear-gradient(180deg, #f0debe 0%, #f5e8d0 100%);
      }

      .vgw-extensions__iconbox {
          width: 56px;
          height: 56px;
          border-radius: 18px;
          display: grid;
          place-items: center;
          background: #111;
          box-shadow: 0 12px 20px rgba(0, 0, 0, .14);
          transition: transform .28s ease, box-shadow .28s ease;
      }

      .vgw-extensions__card:hover .vgw-extensions__iconbox {
          transform: translateY(-3px);
          box-shadow: 0 16px 24px rgba(0, 0, 0, .18);
      }

      .vgw-extensions__iconbox svg {
          width: 24px;
          height: 24px;
          fill: none;
          stroke: #fff;
          stroke-width: 1.9;
          stroke-linecap: round;
          stroke-linejoin: round;
      }

      .vgw-extensions__card-title {
          margin: 18px 0 0;
          color: var(--vgw-ext-dark);
          font-size: 20px;
          line-height: 1.14;
          letter-spacing: -.03em;
          font-weight: 900;
      }

      .vgw-extensions__card-text {
          margin: 14px 0 0;
          color: #495f74;
          font-size: 16px;
          line-height: 1.7;
      }

      .vgw-extensions__card-tag {
          display: inline-flex;
          align-items: center;
          min-height: 34px;
          padding: 0 12px;
          margin-top: 18px;
          border-radius: 999px;
          background: rgba(255, 255, 255, .48);
          border: 1px solid rgba(255, 255, 255, .42);
          color: rgba(26, 41, 66, .74);
          font-size: 12px;
          font-weight: 700;
      }

      [data-vgw-ext-reveal] {
          opacity: 0;
          transform: translateY(34px);
          transition: opacity .8s ease, transform .8s ease;
      }

      [data-vgw-ext-reveal="left"] {
          transform: translateX(-34px);
      }

      [data-vgw-ext-reveal="right"] {
          transform: translateX(34px);
      }

      [data-vgw-ext-reveal].is-visible {
          opacity: 1;
          transform: none;
      }

      @keyframes vgwExtFloat {

          0%,
          100% {
              transform: translateY(0);
          }

          50% {
              transform: translateY(-8px);
          }
      }

      /* ===================== 992–1199 ===================== */
      @media (min-width: 992px) and (max-width: 1199.98px) {
          .vgw-extensions {
              padding: 78px 0;
          }

          .vgw-extensions__container {
              width: min(100%, calc(100% - 34px));
          }

          .vgw-extensions__layout {
              gap: 24px;
          }

          .vgw-extensions__visual {
              min-height: 470px;
          }

          .vgw-extensions__card {
              min-height: 245px;
              padding: 22px 18px 18px;
          }

          .vgw-extensions__card-title {
              font-size: 18px;
          }

          .vgw-extensions__card-text {
              font-size: 15px;
          }
      }

      /* ===================== 768–991 ===================== */
      @media (min-width: 768px) and (max-width: 991.98px) {
          .vgw-extensions {
              padding: 70px 0;
          }

          .vgw-extensions__container {
              width: min(100%, calc(100% - 30px));
          }

          .vgw-extensions__layout {
              grid-template-columns: 1fr;
              gap: 24px;
          }

          .vgw-extensions__title {
              font-size: clamp(34px, 7vw, 52px);
              line-height: .98;
          }

          .vgw-extensions__text {
              font-size: 16px;
              line-height: 1.74;
              max-width: 100%;
          }

          .vgw-extensions__visual {
              min-height: 440px;
          }

          .vgw-extensions__board {
              gap: 16px;
              padding: 16px;
          }

          .vgw-extensions__card {
              min-height: 230px;
              padding: 20px 18px 18px;
          }

          .vgw-extensions__card-title {
              font-size: 18px;
          }

          .vgw-extensions__card-text {
              font-size: 15px;
          }
      }

      /* ===================== 480–767 ===================== */
      @media (min-width: 480px) and (max-width: 767.98px) {
          .vgw-extensions {
              padding: 58px 0;
          }

          .vgw-extensions__container {
              width: min(100%, calc(100% - 22px));
          }

          .vgw-extensions__layout {
              grid-template-columns: 1fr;
              gap: 20px;
          }

          .vgw-extensions__kicker {
              min-height: 34px;
              padding: 0 12px;
              font-size: 9.5px;
          }

          .vgw-extensions__title {
              font-size: clamp(30px, 8.5vw, 42px);
              line-height: 1.02;
          }

          .vgw-extensions__text {
              font-size: 15px;
              line-height: 1.68;
          }

          .vgw-extensions__visual {
              min-height: 380px;
              margin-top: 22px;
              border-radius: 24px;
          }

          .vgw-extensions__visual::before {
              inset: 12px;
              border-radius: 18px;
          }

          .vgw-extensions__badge {
              min-height: 38px;
              padding: 0 12px;
              font-size: 11px;
              border-radius: 12px;
          }

          .vgw-extensions__device {
              left: 16%;
              width: 48%;
              border-radius: 28px;
          }

          .vgw-extensions__device-title {
              font-size: 15px;
          }

          .vgw-extensions__device-button {
              min-width: 100px;
              min-height: 48px;
              font-size: 16px;
              border-radius: 16px;
          }

          .vgw-extensions__board {
              grid-template-columns: 1fr;
              gap: 14px;
              padding: 12px;
              border-radius: 24px;
          }

          .vgw-extensions__card {
              min-height: auto;
              padding: 18px 16px 16px;
              border-radius: 20px;
          }

          .vgw-extensions__iconbox {
              width: 50px;
              height: 50px;
              border-radius: 16px;
          }

          .vgw-extensions__iconbox svg {
              width: 20px;
              height: 20px;
          }

          .vgw-extensions__card-title {
              margin-top: 14px;
              font-size: 18px;
          }

          .vgw-extensions__card-text {
              margin-top: 12px;
              font-size: 14px;
              line-height: 1.62;
          }
      }

      /* ===================== 320–479.98 ===================== */
      @media (min-width: 320px) and (max-width: 479.98px) {
          .vgw-extensions {
              padding: 50px 0;
          }

          .vgw-extensions__container {
              width: min(100%, calc(100% - 18px));
          }

          .vgw-extensions__layout {
              grid-template-columns: 1fr;
              gap: 18px;
          }

          .vgw-extensions__kicker {
              min-height: 32px;
              padding: 0 11px;
              gap: 8px;
              font-size: 8.8px;
          }

          .vgw-extensions__kicker-dot {
              width: 7px;
              height: 7px;
              flex-basis: 7px;
          }

          .vgw-extensions__title {
              margin-top: 14px;
              font-size: clamp(26px, 9.5vw, 34px);
              line-height: 1.04;
          }

          .vgw-extensions__text {
              margin-top: 14px;
              font-size: 14px;
              line-height: 1.62;
          }

          .vgw-extensions__visual {
              min-height: 315px;
              margin-top: 20px;
              border-radius: 20px;
          }

          .vgw-extensions__visual::before {
              inset: 10px;
              border-radius: 15px;
          }

          .vgw-extensions__badge {
              min-height: 34px;
              padding: 0 10px;
              font-size: 10px;
              border-radius: 10px;
              animation: none;
          }

          .vgw-extensions__badge--top {
              left: 8px;
              top: 8px;
          }

          .vgw-extensions__badge--right {
              right: 8px;
              bottom: 12px;
          }

          .vgw-extensions__device {
              left: 14%;
              width: 50%;
              border-radius: 24px;
              box-shadow: 0 18px 0 #174f95, 0 16px 30px rgba(26, 41, 66, .16);
          }

          .vgw-extensions__device-title {
              font-size: 12px;
          }

          .vgw-extensions__device-field {
              height: 16%;
          }

          .vgw-extensions__device-field::before {
              height: 6px;
              box-shadow: 30px 0 0 #6eb6e1, 60px 0 0 #6eb6e1;
          }

          .vgw-extensions__device-button {
              min-width: 82px;
              min-height: 40px;
              padding: 0 14px;
              font-size: 14px;
              border-radius: 14px;
          }

          .vgw-extensions__shield {
              width: 30%;
          }

          .vgw-extensions__card-float {
              right: 12%;
              top: 25%;
              width: 28%;
              border-radius: 14px;
          }

          .vgw-extensions__card-float::after {
              font-size: 34px;
          }

          .vgw-extensions__board {
              grid-template-columns: 1fr;
              gap: 12px;
              padding: 10px;
              border-radius: 20px;
          }

          .vgw-extensions__card {
              min-height: auto;
              padding: 16px 14px 14px;
              border-radius: 18px;
          }

          .vgw-extensions__iconbox {
              width: 46px;
              height: 46px;
              border-radius: 14px;
          }

          .vgw-extensions__iconbox svg {
              width: 18px;
              height: 18px;
          }

          .vgw-extensions__card-title {
              margin-top: 13px;
              font-size: 16px;
              line-height: 1.18;
          }

          .vgw-extensions__card-text {
              margin-top: 10px;
              font-size: 13.5px;
              line-height: 1.56;
          }

          .vgw-extensions__card-tag {
              min-height: 30px;
              padding: 0 10px;
              margin-top: 14px;
              font-size: 10.5px;
          }
      }


      .vx-addon-gridpro {
          --vxag-dark: #1A2942;
          --vxag-text: #647487;
          --vxag-orange: #D96C2B;
          --vxag-orange-2: #ED8B46;
          --vxag-border: rgba(26, 41, 66, .08);
          --vxag-shadow: 0 22px 60px rgba(26, 41, 66, .08);
          --vxag-shadow-lg: 0 34px 80px rgba(26, 41, 66, .14);
          --vxag-blue: #dceaf8;
          --vxag-pink: #efd9e9;
          --vxag-mint: #ddebdc;
          --vxag-sand: #f2dfbf;

          position: relative;
          padding: 96px 0;
          overflow: hidden;
          background:
              radial-gradient(circle at 10% 10%, rgba(217, 108, 43, .05), transparent 20%),
              radial-gradient(circle at 88% 80%, rgba(26, 41, 66, .05), transparent 22%);
      }

      .vx-addon-gridpro *,
      .vx-addon-gridpro *::before,
      .vx-addon-gridpro *::after {
          box-sizing: border-box;
      }

      .vx-addon-gridpro__container {
          width: min(1320px, calc(100% - 40px));
          margin: 0 auto;
      }

      .vx-addon-gridpro__frame {
          display: grid;
          grid-template-columns: 1.2fr .78fr .78fr;
          grid-template-rows: minmax(280px, auto) minmax(280px, auto);
          gap: 18px;
          padding: 18px;
          border-radius: 38px;
          background: rgba(255, 255, 255, .56);
          border: 1px solid var(--vxag-border);
          box-shadow: var(--vxag-shadow);
          backdrop-filter: blur(10px);
          -webkit-backdrop-filter: blur(10px);
      }

      .vx-addon-gridpro__intro,
      .vx-addon-gridpro__card {
          position: relative;
          overflow: hidden;
          border-radius: 30px;
          min-width: 0;
          min-height: 0;
      }

      .vx-addon-gridpro__intro {
          grid-column: 1 / 2;
          grid-row: 1 / 3;
          padding: 32px 32px 30px;
          background: linear-gradient(145deg, rgba(255, 255, 255, .94) 0%, rgba(249, 245, 240, .92) 100%);
          border: 1px solid rgba(26, 41, 66, .06);
          box-shadow: 0 16px 40px rgba(26, 41, 66, .06);
          display: flex;
          flex-direction: column;
          justify-content: flex-start;
      }

      .vx-addon-gridpro__eyebrow {
          display: inline-flex;
          align-items: center;
          gap: 10px;
          align-self: flex-start;
          min-height: 40px;
          padding: 0 16px;
          border-radius: 999px;
          background: rgba(255, 255, 255, .86);
          border: 1px solid var(--vxag-border);
          color: var(--vxag-orange);
          font-size: 11px;
          font-weight: 800;
          letter-spacing: .12em;
          text-transform: uppercase;
          box-shadow: 0 10px 20px rgba(26, 41, 66, .04);
      }

      .vx-addon-gridpro__eyebrow-dot {
          width: 8px;
          height: 8px;
          flex: 0 0 8px;
          border-radius: 50%;
          background: var(--vxag-orange);
          box-shadow: 0 0 0 5px rgba(217, 108, 43, .10);
      }

      .vx-addon-gridpro__title {
          margin: 26px 0 0;
          color: var(--vxag-dark);
          font-family: "Playfair Display", serif;
          font-size: clamp(44px, 5.2vw, 78px);
          line-height: .92;
          letter-spacing: -.055em;
          max-width: 520px;
      }

      .vx-addon-gridpro__title span {
          display: block;
          color: var(--vxag-orange);
      }

      .vx-addon-gridpro__text {
          max-width: 560px;
          margin: 22px 0 0;
          color: var(--vxag-text);
          font-size: 17px;
          line-height: 1.82;
      }

      .vx-addon-gridpro__visual {
          position: relative;
          margin-top: auto;
          min-height: 270px;
          border-radius: 26px;
          background: linear-gradient(145deg, #eef7fb 0%, #f6fbfd 100%);
          border: 1px solid rgba(26, 41, 66, .05);
          box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .46);
          overflow: hidden;
      }

      .vx-addon-gridpro__visual::before {
          content: "";
          position: absolute;
          inset: 22px;
          border-radius: 20px;
          border: 1px solid rgba(26, 41, 66, .05);
          pointer-events: none;
      }

      .vx-addon-gridpro__visual-card {
          position: absolute;
          display: flex;
          align-items: center;
          gap: 10px;
          min-height: 54px;
          padding: 10px 14px;
          border-radius: 18px;
          background: rgba(255, 255, 255, .90);
          border: 1px solid rgba(26, 41, 66, .06);
          box-shadow: 0 16px 24px rgba(26, 41, 66, .10);
          color: var(--vxag-dark);
          font-size: 13px;
          font-weight: 800;
          animation: vxagFloat 6s ease-in-out infinite;
      }

      .vx-addon-gridpro__visual-card--a {
          left: 24px;
          top: 26px;
          animation-delay: 0s;
      }

      .vx-addon-gridpro__visual-card--b {
          right: 24px;
          bottom: 34px;
          animation-delay: 1.1s;
      }

      .vx-addon-gridpro__visual-card--c {
          left: 50%;
          bottom: 42px;
          transform: translateX(-50%);
          animation-delay: 2s;
      }

      .vx-addon-gridpro__visual-icon {
          width: 30px;
          height: 30px;
          flex: 0 0 30px;
          display: grid;
          place-items: center;
          border-radius: 10px;
          background: linear-gradient(135deg, rgba(217, 108, 43, .12), rgba(237, 139, 70, .22));
          color: var(--vxag-orange);
      }

      .vx-addon-gridpro__visual-icon svg {
          width: 15px;
          height: 15px;
          fill: none;
          stroke: currentColor;
          stroke-width: 2;
          stroke-linecap: round;
          stroke-linejoin: round;
      }

      .vx-addon-gridpro__orb {
          position: absolute;
          border-radius: 50%;
          pointer-events: none;
      }

      .vx-addon-gridpro__orb--one {
          width: 18px;
          height: 18px;
          right: 52px;
          bottom: 56px;
          background: #8ccce6;
      }

      .vx-addon-gridpro__orb--two {
          width: 16px;
          height: 16px;
          right: 98px;
          bottom: 28px;
          background: #b4a7f2;
      }

      .vx-addon-gridpro__orb--three {
          width: 12px;
          height: 12px;
          left: 38px;
          bottom: 54px;
          background: #95c67d;
      }

      .vx-addon-gridpro__card {
          padding: 22px 20px 18px;
          border: 1px solid rgba(26, 41, 66, .06);
          box-shadow: 0 16px 34px rgba(26, 41, 66, .08);
          transition: transform .34s ease, box-shadow .34s ease, border-color .34s ease;
          transform-style: preserve-3d;
          isolation: isolate;
      }

      .vx-addon-gridpro__card::before {
          content: "";
          position: absolute;
          inset: auto -18% -26% auto;
          width: 160px;
          height: 160px;
          border-radius: 50%;
          background: radial-gradient(circle, rgba(255, 255, 255, .34), transparent 72%);
          pointer-events: none;
          z-index: 0;
      }

      .vx-addon-gridpro__card::after {
          content: "";
          position: absolute;
          inset: 0;
          background: linear-gradient(120deg, transparent 0%, rgba(255, 255, 255, .18) 46%, transparent 82%);
          transform: translateX(-130%);
          transition: transform .75s ease;
          z-index: 0;
          pointer-events: none;
      }

      .vx-addon-gridpro__card:hover {
          transform: translateY(-10px) scale(1.015);
          box-shadow: var(--vxag-shadow-lg);
          border-color: rgba(217, 108, 43, .14);
      }

      .vx-addon-gridpro__card:hover::after {
          transform: translateX(130%);
      }

      .vx-addon-gridpro__card--verify {
          background: linear-gradient(180deg, var(--vxag-blue) 0%, #e7f1fb 100%);
      }

      .vx-addon-gridpro__card--risk {
          background: linear-gradient(180deg, var(--vxag-pink) 0%, #f5e7f0 100%);
      }

      .vx-addon-gridpro__card--sync {
          background: linear-gradient(180deg, var(--vxag-mint) 0%, #e7f0e7 100%);
      }

      .vx-addon-gridpro__card--threat {
          background: linear-gradient(180deg, var(--vxag-sand) 0%, #f6ebd4 100%);
      }

      .vx-addon-gridpro__noise {
          position: absolute;
          inset: 0;
          background:
              radial-gradient(circle at 14% 14%, rgba(255, 255, 255, .18), transparent 18%),
              radial-gradient(circle at 84% 80%, rgba(255, 255, 255, .12), transparent 18%);
          pointer-events: none;
          z-index: 0;
      }

      .vx-addon-gridpro__iconbox,
      .vx-addon-gridpro__kicker,
      .vx-addon-gridpro__card-title,
      .vx-addon-gridpro__card-text,
      .vx-addon-gridpro__card-meta {
          position: relative;
          z-index: 1;
      }

      .vx-addon-gridpro__iconbox {
          width: 58px;
          height: 58px;
          border-radius: 18px;
          display: grid;
          place-items: center;
          background: #0b0b0d;
          box-shadow: 0 12px 20px rgba(0, 0, 0, .16);
          transition: transform .28s ease, box-shadow .28s ease;
      }

      .vx-addon-gridpro__card:hover .vx-addon-gridpro__iconbox {
          transform: translateY(-4px);
          box-shadow: 0 16px 24px rgba(0, 0, 0, .20);
      }

      .vx-addon-gridpro__iconbox svg {
          width: 24px;
          height: 24px;
          fill: none;
          stroke: #fff;
          stroke-width: 1.9;
          stroke-linecap: round;
          stroke-linejoin: round;
      }

      .vx-addon-gridpro__kicker {
          margin-top: 16px;
          color: rgba(26, 41, 66, .62);
          font-size: 11px;
          font-weight: 800;
          letter-spacing: .12em;
          text-transform: uppercase;
      }

      .vx-addon-gridpro__card-title {
          margin: 8px 0 0;
          color: var(--vxag-dark);
          font-size: 20px;
          line-height: 1.14;
          letter-spacing: -.03em;
          font-weight: 900;
      }

      .vx-addon-gridpro__card-text {
          margin: 14px 0 0;
          color: #4b6176;
          font-size: 16px;
          line-height: 1.72;
      }

      .vx-addon-gridpro__card-meta {
          display: flex;
          align-items: center;
          justify-content: space-between;
          gap: 12px;
          margin-top: 20px;
      }



      .vx-addon-gridpro__pill {
          display: inline-flex;
          align-items: center;
          min-height: 36px;
          padding: 0 13px;
          border-radius: 999px;
          background: rgba(255, 255, 255, .48);
          border: 1px solid rgba(255, 255, 255, .42);
          color: rgba(26, 41, 66, .74);
          font-size: 12px;
          font-weight: 700;
      }

      .vx-addon-gridpro__arrow {
          width: 42px;
          height: 42px;
          flex: 0 0 42px;
          border-radius: 50%;
          display: grid;
          place-items: center;
          background: rgba(255, 255, 255, .42);
          box-shadow: 0 8px 16px rgba(26, 41, 66, .05);
          color: var(--vxag-orange);
          transition: transform .28s ease, background .28s ease;
      }

      .vx-addon-gridpro__card:hover .vx-addon-gridpro__arrow {
          transform: translateY(-3px);
          background: rgba(255, 255, 255, .72);
      }

      .vx-addon-gridpro__arrow svg {
          width: 16px;
          height: 16px;
          fill: none;
          stroke: currentColor;
          stroke-width: 2;
          stroke-linecap: round;
          stroke-linejoin: round;
      }

      [data-vxag-reveal] {
          opacity: 0;
          transform: translateY(34px);
          transition: opacity .8s ease, transform .8s ease;
      }

      [data-vxag-reveal="left"] {
          transform: translateX(-34px);
      }

      [data-vxag-reveal="right"] {
          transform: translateX(34px);
      }

      [data-vxag-reveal].is-visible {
          opacity: 1;
          transform: none;
      }

      @keyframes vxagFloat {

          0%,
          100% {
              transform: translateY(0);
          }

          50% {
              transform: translateY(-8px);
          }
      }

      /* 992–1199 */
      @media (min-width: 992px) and (max-width: 1199.98px) {
          .vx-addon-gridpro {
              padding: 82px 0;
          }

          .vx-addon-gridpro__container {
              width: min(100%, calc(100% - 34px));
          }

          .vx-addon-gridpro__frame {
              gap: 16px;
              padding: 16px;
          }

          .vx-addon-gridpro__intro {
              padding: 28px 26px 24px;
          }

          .vx-addon-gridpro__card {
              padding: 20px 18px 16px;
          }

          .vx-addon-gridpro__card-title {
              font-size: 18px;
          }

          .vx-addon-gridpro__card-text {
              font-size: 15px;
          }
      }

      /* 768–991 */
      @media (min-width: 768px) and (max-width: 991.98px) {
          .vx-addon-gridpro {
              padding: 70px 0;
          }

          .vx-addon-gridpro__container {
              width: min(100%, calc(100% - 30px));
          }

          .vx-addon-gridpro__frame {
              grid-template-columns: repeat(2, minmax(0, 1fr));
              grid-template-rows: auto;
              gap: 16px;
              padding: 16px;
          }

          .vx-addon-gridpro__intro {
              grid-column: 1 / -1;
              grid-row: auto;
              padding: 26px 22px 22px;
          }

          .vx-addon-gridpro__title {
              font-size: clamp(34px, 7vw, 54px);
              line-height: .98;
          }

          .vx-addon-gridpro__text {
              font-size: 16px;
              line-height: 1.74;
          }

          .vx-addon-gridpro__visual {
              min-height: 240px;
              margin-top: 24px;
          }

          .vx-addon-gridpro__card {
              padding: 20px 18px 16px;
          }

          .vx-addon-gridpro__card-title {
              font-size: 18px;
          }

          .vx-addon-gridpro__card-text {
              font-size: 15px;
              line-height: 1.64;
          }
      }

      /* 480–767 */
      @media (min-width: 480px) and (max-width: 767.98px) {
          .vx-addon-gridpro {
              padding: 60px 0;
          }

          .vx-addon-gridpro__container {
              width: min(100%, calc(100% - 22px));
          }

          .vx-addon-gridpro__frame {
              grid-template-columns: 1fr;
              gap: 14px;
              padding: 12px;
              border-radius: 24px;
          }

          .vx-addon-gridpro__intro {
              padding: 20px 16px 18px;
              border-radius: 22px;
          }

          .vx-addon-gridpro__eyebrow {
              min-height: 34px;
              padding: 0 12px;
              font-size: 9.5px;
          }

          .vx-addon-gridpro__title {
              margin-top: 18px;
              font-size: clamp(31px, 8.8vw, 42px);
              line-height: 1.02;
          }

          .vx-addon-gridpro__text {
              margin-top: 16px;
              font-size: 15px;
              line-height: 1.68;
          }

          .vx-addon-gridpro__visual {
              min-height: 220px;
              margin-top: 22px;
              border-radius: 20px;
          }

          .vx-addon-gridpro__visual::before {
              inset: 12px;
              border-radius: 16px;
          }

          .vx-addon-gridpro__visual-card {
              min-height: 44px;
              padding: 8px 10px;
              border-radius: 14px;
              font-size: 11px;
          }

          .vx-addon-gridpro__visual-icon {
              width: 24px;
              height: 24px;
              flex-basis: 24px;
              border-radius: 8px;
          }

          .vx-addon-gridpro__visual-icon svg {
              width: 12px;
              height: 12px;
          }

          .vx-addon-gridpro__card {
              padding: 18px 16px 16px;
              border-radius: 20px;
          }

          .vx-addon-gridpro__iconbox {
              width: 50px;
              height: 50px;
              border-radius: 16px;
          }

          .vx-addon-gridpro__iconbox svg {
              width: 20px;
              height: 20px;
          }

          .vx-addon-gridpro__card-title {
              font-size: 18px;
          }

          .vx-addon-gridpro__card-text {
              font-size: 14px;
              line-height: 1.62;
          }

          .vx-addon-gridpro__pill {
              min-height: 32px;
              padding: 0 11px;
              font-size: 11px;
          }

          .vx-addon-gridpro__arrow {
              width: 38px;
              height: 38px;
              flex-basis: 38px;
          }
      }

      /* 320–479 */
      @media (min-width: 320px) and (max-width: 479.98px) {
          .vx-addon-gridpro {
              padding: 50px 0;
          }

          .vx-addon-gridpro__container {
              width: min(100%, calc(100% - 18px));
          }

          .vx-addon-gridpro__frame {
              grid-template-columns: 1fr;
              gap: 12px;
              padding: 10px;
              border-radius: 20px;
          }

          .vx-addon-gridpro__intro {
              padding: 18px 14px 16px;
              border-radius: 18px;
          }

          .vx-addon-gridpro__eyebrow {
              min-height: 32px;
              padding: 0 11px;
              gap: 8px;
              font-size: 8.8px;
          }

          .vx-addon-gridpro__eyebrow-dot {
              width: 7px;
              height: 7px;
              flex-basis: 7px;
          }

          .vx-addon-gridpro__title {
              margin-top: 16px;
              font-size: clamp(27px, 9.5vw, 34px);
              line-height: 1.04;
          }

          .vx-addon-gridpro__text {
              margin-top: 14px;
              font-size: 14px;
              line-height: 1.62;
          }

          .vx-addon-gridpro__visual {
              min-height: 190px;
              margin-top: 18px;
              border-radius: 18px;
          }

          .vx-addon-gridpro__visual::before {
              inset: 10px;
              border-radius: 14px;
          }

          .vx-addon-gridpro__visual-card {
              min-height: 40px;
              padding: 7px 9px;
              border-radius: 12px;
              font-size: 10px;
              animation: none;
          }

          .vx-addon-gridpro__visual-card--a {
              left: 10px;
              top: 10px;
          }

          .vx-addon-gridpro__visual-card--b {
              right: 10px;
              bottom: 12px;
          }

          .vx-addon-gridpro__visual-card--c {
              bottom: 52px;
          }

          .vx-addon-gridpro__visual-icon {
              width: 22px;
              height: 22px;
              flex-basis: 22px;
              border-radius: 7px;
          }

          .vx-addon-gridpro__visual-icon svg {
              width: 11px;
              height: 11px;
          }

          .vx-addon-gridpro__card {
              padding: 16px 14px 14px;
              border-radius: 18px;
          }

          .vx-addon-gridpro__iconbox {
              width: 46px;
              height: 46px;
              border-radius: 14px;
          }

          .vx-addon-gridpro__iconbox svg {
              width: 18px;
              height: 18px;
          }

          .vx-addon-gridpro__kicker {
              margin-top: 13px;
              font-size: 10px;
          }

          .vx-addon-gridpro__card-title {
              margin-top: 8px;
              font-size: 16px;
              line-height: 1.18;
          }

          .vx-addon-gridpro__card-text {
              margin-top: 10px;
              font-size: 13.5px;
              line-height: 1.56;
          }

          .vx-addon-gridpro__card-meta {
              margin-top: 14px;
          }

          .vx-addon-gridpro__pill {
              min-height: 30px;
              padding: 0 10px;
              font-size: 10.5px;
          }

          .vx-addon-gridpro__arrow {
              width: 36px;
              height: 36px;
              flex-basis: 36px;
          }
      }


      .vx-perfpath {
          --vxpp-dark: #1A2942;
          --vxpp-text: #647487;
          --vxpp-orange: #D96C2B;
          --vxpp-orange-2: #ED8B46;
          --vxpp-border: rgba(26, 41, 66, .08);
          --vxpp-shadow: 0 22px 56px rgba(26, 41, 66, .08);
          --vxpp-shadow-lg: 0 32px 76px rgba(26, 41, 66, .14);
          --vxpp-mint: #dce8d2;
          --vxpp-white: #ffffff;
          --vxpp-sky: #dbe8f4;
          --vxpp-line: rgba(129, 167, 97, .54);

          position: relative;
          padding: 92px 0;
          overflow: hidden;
          background:
              radial-gradient(circle at 12% 10%, rgba(217, 108, 43, .05), transparent 20%),
              radial-gradient(circle at 88% 80%, rgba(26, 41, 66, .05), transparent 22%);
      }

      .vx-perfpath *,
      .vx-perfpath *::before,
      .vx-perfpath *::after {
          box-sizing: border-box;
      }

      .vx-perfpath__container {
          width: min(1320px, calc(100% - 40px));
          margin: 0 auto;
      }

      .vx-perfpath__head {
          max-width: 980px;
          margin: 0 auto 34px;
          text-align: center;
      }

      .vx-perfpath__kicker {
          display: inline-flex;
          align-items: center;
          gap: 10px;
          min-height: 38px;
          padding: 0 15px;
          border-radius: 999px;
          background: rgba(255, 255, 255, .84);
          border: 1px solid var(--vxpp-border);
          color: var(--vxpp-orange);
          font-size: 11px;
          font-weight: 800;
          letter-spacing: .12em;
          text-transform: uppercase;
          box-shadow: 0 10px 18px rgba(26, 41, 66, .04);
      }

      .vx-perfpath__kicker-dot {
          width: 8px;
          height: 8px;
          flex: 0 0 8px;
          border-radius: 50%;
          background: var(--vxpp-orange);
          box-shadow: 0 0 0 5px rgba(217, 108, 43, .10);
      }

      .vx-perfpath__title {
          margin: 18px 0 0;
          color: var(--vxpp-dark);
          font-family: "Playfair Display", serif;
          font-size: clamp(38px, 5vw, 72px);
          line-height: .96;
          letter-spacing: -.05em;
      }

      .vx-perfpath__title span {
          color: var(--vxpp-orange);
      }

      .vx-perfpath__intro {
          max-width: 960px;
          margin: 18px auto 0;
          color: var(--vxpp-text);
          font-size: 17px;
          line-height: 1.8;
      }

      .vx-perfpath__map {
          position: relative;
          display: grid;
          grid-template-columns: repeat(12, minmax(0, 1fr));
          gap: 18px;
          align-items: start;
          padding: 10px 0 0;
      }

      .vx-perfpath__guide {
          position: absolute;
          pointer-events: none;
      }

      .vx-perfpath__guide--a {
          left: 31%;
          top: 174px;
          width: 36%;
          height: 20px;
      }

      .vx-perfpath__guide--a::before {
          content: "";
          position: absolute;
          left: 0;
          right: 16px;
          top: 9px;
          border-top: 2px dashed var(--vxpp-line);
      }

      .vx-perfpath__guide--a::after {
          content: "";
          position: absolute;
          right: 0;
          top: 5px;
          width: 10px;
          height: 10px;
          border-top: 2px solid var(--vxpp-orange);
          border-right: 2px solid var(--vxpp-orange);
          transform: rotate(45deg);
      }

      .vx-perfpath__guide--b {
          right: 31.8%;
          top: 316px;
          width: 23%;
          height: 138px;
      }

      .vx-perfpath__guide--b::before {
          content: "";
          position: absolute;
          right: 0;
          top: 0;
          width: 100%;
          height: 100%;
          border-top: 2px dashed var(--vxpp-line);
          border-left: 2px dashed var(--vxpp-line);
          border-top-left-radius: 28px;
      }

      .vx-perfpath__guide--b::after {
          content: "";
          position: absolute;
          left: -5px;
          bottom: 0;
          width: 10px;
          height: 10px;
          border-bottom: 2px solid var(--vxpp-orange);
          border-left: 2px solid var(--vxpp-orange);
          transform: rotate(-45deg);
      }

      .vx-perfpath__card {
          position: relative;
          overflow: hidden;
          min-height: 280px;
          border-radius: 28px;
          border: 1px solid rgba(26, 41, 66, .06);
          box-shadow: var(--vxpp-shadow);
          transition: transform .34s ease, box-shadow .34s ease, border-color .34s ease;
          transform-style: preserve-3d;
          background: linear-gradient(180deg, rgba(255, 255, 255, .92), rgba(248, 248, 246, .90));
      }

      .vx-perfpath__card::before {
          content: "";
          position: absolute;
          inset: auto -30% -34% auto;
          width: 160px;
          height: 160px;
          border-radius: 50%;
          background: radial-gradient(circle, rgba(255, 255, 255, .34), transparent 72%);
          pointer-events: none;
      }

      .vx-perfpath__card:hover {
          transform: translateY(-10px) scale(1.012);
          box-shadow: var(--vxpp-shadow-lg);
          border-color: rgba(217, 108, 43, .14);
      }

      .vx-perfpath__card--one {
          grid-column: 1 / span 4;
          background: linear-gradient(180deg, var(--vxpp-mint) 0%, #e4eddc 100%);
      }

      .vx-perfpath__card--two {
          grid-column: 8 / span 4;
          background: linear-gradient(180deg, rgba(255, 255, 255, .96) 0%, rgba(249, 249, 249, .94) 100%);
      }

      .vx-perfpath__card--three {
          grid-column: 4 / span 6;
          background: linear-gradient(180deg, #dbe8e2 0%, #e6efe9 100%);
      }

      .vx-perfpath__rail {
          position: absolute;
          left: 14px;
          top: 14px;
          bottom: 14px;
          width: 42px;
          border-radius: 999px;
          display: flex;
          align-items: center;
          justify-content: center;
          writing-mode: vertical-rl;
          transform: rotate(180deg);
          background: linear-gradient(180deg, #0d7954, #0c6b4b);
          color: #fff;
          font-size: 11px;
          font-weight: 800;
          letter-spacing: .08em;
          text-transform: uppercase;
          box-shadow: 0 14px 22px rgba(13, 121, 84, .16);
      }

      .vx-perfpath__rail--dark {
          background: linear-gradient(180deg, #2b2d32, #202227);
          box-shadow: 0 14px 22px rgba(34, 37, 43, .14);
      }

      .vx-perfpath__body {
          position: relative;
          z-index: 1;
          min-height: 280px;
          padding: 26px 24px 22px 78px;
      }

      .vx-perfpath__iconbox {
          width: 58px;
          height: 58px;
          border-radius: 18px;
          display: grid;
          place-items: center;
          background: #ffffff;
          border: 1px solid rgba(26, 41, 66, .06);
          box-shadow: 0 12px 20px rgba(26, 41, 66, .05);
          transition: transform .28s ease;
      }

      .vx-perfpath__card:hover .vx-perfpath__iconbox {
          transform: translateY(-4px);
      }

      .vx-perfpath__iconbox svg {
          width: 24px;
          height: 24px;
          fill: none;
          stroke: var(--vxpp-orange);
          stroke-width: 1.9;
          stroke-linecap: round;
          stroke-linejoin: round;
      }

      .vx-perfpath__eyebrow {
          margin-top: 16px;
          color: rgba(26, 41, 66, .62);
          font-size: 11px;
          font-weight: 800;
          letter-spacing: .12em;
          text-transform: uppercase;
      }

      .vx-perfpath__card-title {
          margin: 8px 0 0;
          color: var(--vxpp-dark);
          font-size: 21px;
          line-height: 1.14;
          letter-spacing: -.03em;
          font-weight: 900;
      }

      .vx-perfpath__card-text {
          margin: 14px 0 0;
          color: #4b6176;
          font-size: 16px;
          line-height: 1.72;
      }

      .vx-perfpath__meta {
          display: flex;
          align-items: center;
          justify-content: space-between;
          gap: 12px;
          margin-top: 20px;
      }

      .vx-perfpath__pill {
          display: inline-flex;
          align-items: center;
          min-height: 36px;
          padding: 0 13px;
          border-radius: 999px;
          background: rgba(255, 255, 255, .48);
          border: 1px solid rgba(255, 255, 255, .42);
          color: rgba(26, 41, 66, .74);
          font-size: 12px;
          font-weight: 700;
      }

      .vx-perfpath__arrow {
          width: 42px;
          height: 42px;
          flex: 0 0 42px;
          border-radius: 50%;
          display: grid;
          place-items: center;
          background: rgba(255, 255, 255, .42);
          box-shadow: 0 8px 16px rgba(26, 41, 66, .05);
          color: var(--vxpp-orange);
          transition: transform .28s ease, background .28s ease;
      }

      .vx-perfpath__card:hover .vx-perfpath__arrow {
          transform: translateY(-3px);
          background: rgba(255, 255, 255, .72);
      }

      .vx-perfpath__arrow svg {
          width: 16px;
          height: 16px;
          fill: none;
          stroke: currentColor;
          stroke-width: 2;
          stroke-linecap: round;
          stroke-linejoin: round;
      }

      [data-vxpp-reveal] {
          opacity: 0;
          transform: translateY(34px);
          transition: opacity .8s ease, transform .8s ease;
      }

      [data-vxpp-reveal="left"] {
          transform: translateX(-34px);
      }

      [data-vxpp-reveal="right"] {
          transform: translateX(34px);
      }

      [data-vxpp-reveal].is-visible {
          opacity: 1;
          transform: none;
      }

      /* 992–1199 */
      @media (min-width: 992px) and (max-width: 1199.98px) {
          .vx-perfpath {
              padding: 82px 0;
          }

          .vx-perfpath__container {
              width: min(100%, calc(100% - 34px));
          }

          .vx-perfpath__guide--a {
              left: 31.6%;
              top: 170px;
              width: 35.2%;
          }

          .vx-perfpath__guide--b {
              right: 31.5%;
              top: 314px;
              width: 22.8%;
              height: 132px;
          }

          .vx-perfpath__card {
              min-height: 272px;
          }

          .vx-perfpath__body {
              min-height: 272px;
              padding: 24px 20px 20px 72px;
          }

          .vx-perfpath__card-title {
              font-size: 19px;
          }

          .vx-perfpath__card-text {
              font-size: 15px;
          }
      }

      /* 768–991 */
      @media (min-width: 768px) and (max-width: 991.98px) {
          .vx-perfpath {
              padding: 70px 0;
          }

          .vx-perfpath__container {
              width: min(100%, calc(100% - 30px));
          }

          .vx-perfpath__title {
              font-size: clamp(34px, 7vw, 54px);
              line-height: .98;
          }

          .vx-perfpath__intro {
              font-size: 16px;
              line-height: 1.74;
          }

          .vx-perfpath__map {
              grid-template-columns: repeat(12, minmax(0, 1fr));
              gap: 16px;
          }

          .vx-perfpath__card--one {
              grid-column: 1 / span 5;
          }

          .vx-perfpath__card--two {
              grid-column: 8 / span 5;
          }

          .vx-perfpath__card--three {
              grid-column: 3 / span 8;
          }

          .vx-perfpath__guide--a {
              left: 39%;
              top: 164px;
              width: 22%;
          }

          .vx-perfpath__guide--b {
              right: 34%;
              top: 304px;
              width: 18%;
              height: 128px;
          }

          .vx-perfpath__card {
              min-height: 260px;
          }

          .vx-perfpath__body {
              min-height: 260px;
              padding: 22px 18px 18px 70px;
          }

          .vx-perfpath__iconbox {
              width: 54px;
              height: 54px;
              border-radius: 16px;
          }

          .vx-perfpath__iconbox svg {
              width: 22px;
              height: 22px;
          }

          .vx-perfpath__card-title {
              font-size: 18px;
          }

          .vx-perfpath__card-text {
              font-size: 15px;
              line-height: 1.66;
          }
      }

      /* 480–767 */
      @media (min-width: 480px) and (max-width: 767.98px) {
          .vx-perfpath {
              padding: 58px 0;
          }

          .vx-perfpath__container {
              width: min(100%, calc(100% - 22px));
          }

          .vx-perfpath__head {
              margin-bottom: 24px;
          }

          .vx-perfpath__kicker {
              min-height: 34px;
              padding: 0 12px;
              font-size: 9.5px;
          }

          .vx-perfpath__title {
              font-size: clamp(30px, 8.8vw, 42px);
              line-height: 1.02;
          }

          .vx-perfpath__intro {
              font-size: 15px;
              line-height: 1.68;
          }

          .vx-perfpath__map {
              grid-template-columns: 1fr;
              gap: 14px;
              padding-left: 18px;
          }

          .vx-perfpath__map::before {
              content: "";
              position: absolute;
              left: 26px;
              top: 6px;
              bottom: 6px;
              width: 2px;
              background: repeating-linear-gradient(to bottom,
                      rgba(129, 167, 97, .68) 0 10px,
                      transparent 10px 18px);
          }

          .vx-perfpath__guide {
              display: none;
          }

          .vx-perfpath__card--one,
          .vx-perfpath__card--two,
          .vx-perfpath__card--three {
              grid-column: auto;
          }

          .vx-perfpath__card {
              min-height: auto;
              border-radius: 22px;
          }

          .vx-perfpath__card::after {
              content: "";
              position: absolute;
              left: -11px;
              top: 46px;
              width: 22px;
              height: 22px;
              border-left: 2px dashed var(--vxpp-line);
              border-bottom: 2px dashed var(--vxpp-line);
              border-bottom-left-radius: 14px;
              background: none;
              transform: none;
          }

          .vx-perfpath__card:last-child::after {
              display: none;
          }

          .vx-perfpath__rail {
              left: 10px;
              top: 10px;
              bottom: 10px;
              width: 34px;
              font-size: 9px;
          }

          .vx-perfpath__body {
              min-height: auto;
              padding: 18px 16px 16px 58px;
          }

          .vx-perfpath__iconbox {
              width: 48px;
              height: 48px;
              border-radius: 15px;
          }

          .vx-perfpath__iconbox svg {
              width: 20px;
              height: 20px;
          }

          .vx-perfpath__card-title {
              font-size: 18px;
          }

          .vx-perfpath__card-text {
              font-size: 14px;
              line-height: 1.62;
          }

          .vx-perfpath__pill {
              min-height: 32px;
              padding: 0 11px;
              font-size: 11px;
          }

          .vx-perfpath__arrow {
              width: 38px;
              height: 38px;
              flex-basis: 38px;
          }
      }

      /* 320–479 */
      @media (min-width: 320px) and (max-width: 479.98px) {
          .vx-perfpath {
              padding: 50px 0;
          }

          .vx-perfpath__container {
              width: min(100%, calc(100% - 18px));
          }

          .vx-perfpath__head {
              margin-bottom: 20px;
          }

          .vx-perfpath__kicker {
              min-height: 32px;
              padding: 0 11px;
              gap: 8px;
              font-size: 8.8px;
          }

          .vx-perfpath__kicker-dot {
              width: 7px;
              height: 7px;
              flex-basis: 7px;
          }

          .vx-perfpath__title {
              font-size: clamp(27px, 9.5vw, 34px);
              line-height: 1.04;
          }

          .vx-perfpath__intro {
              margin-top: 14px;
              font-size: 14px;
              line-height: 1.62;
          }

          .vx-perfpath__map {
              grid-template-columns: 1fr;
              gap: 12px;
              padding-left: 16px;
          }

          .vx-perfpath__map::before {
              content: "";
              position: absolute;
              left: 22px;
              top: 6px;
              bottom: 6px;
              width: 2px;
              background: repeating-linear-gradient(to bottom,
                      rgba(129, 167, 97, .68) 0 10px,
                      transparent 10px 18px);
          }

          .vx-perfpath__guide {
              display: none;
          }

          .vx-perfpath__card--one,
          .vx-perfpath__card--two,
          .vx-perfpath__card--three {
              grid-column: auto;
          }

          .vx-perfpath__card {
              min-height: auto;
              border-radius: 18px;
          }

          .vx-perfpath__card::after {
              content: "";
              position: absolute;
              left: -9px;
              top: 42px;
              width: 18px;
              height: 18px;
              border-left: 2px dashed var(--vxpp-line);
              border-bottom: 2px dashed var(--vxpp-line);
              border-bottom-left-radius: 12px;
              background: none;
              transform: none;
          }

          .vx-perfpath__card:last-child::after {
              display: none;
          }

          .vx-perfpath__rail {
              left: 10px;
              top: 10px;
              bottom: 10px;
              width: 30px;
              font-size: 8.5px;
          }

          .vx-perfpath__body {
              min-height: auto;
              padding: 16px 14px 14px 52px;
          }

          .vx-perfpath__iconbox {
              width: 44px;
              height: 44px;
              border-radius: 14px;
          }

          .vx-perfpath__iconbox svg {
              width: 18px;
              height: 18px;
          }

          .vx-perfpath__eyebrow {
              margin-top: 13px;
              font-size: 10px;
          }

          .vx-perfpath__card-title {
              margin-top: 8px;
              font-size: 16px;
              line-height: 1.18;
          }

          .vx-perfpath__card-text {
              margin-top: 10px;
              font-size: 13.5px;
              line-height: 1.56;
          }

          .vx-perfpath__meta {
              margin-top: 14px;
          }

          .vx-perfpath__pill {
              min-height: 30px;
              padding: 0 10px;
              font-size: 10.5px;
          }

          .vx-perfpath__arrow {
              width: 36px;
              height: 36px;
              flex-basis: 36px;
          }
      }

      .vx-smartstack {
          --vxss-dark: #1A2942;
          --vxss-text: #647487;
          --vxss-orange: #D96C2B;
          --vxss-orange-2: #ED8B46;
          --vxss-border: rgba(26, 41, 66, .08);
          --vxss-shadow: 0 22px 58px rgba(26, 41, 66, .08);
          --vxss-shadow-lg: 0 34px 78px rgba(26, 41, 66, .14);
          --vxss-mint: #dcebdc;
          --vxss-blue: #dceaf8;
          --vxss-line: rgba(126, 171, 111, .52);

          position: relative;
          padding: 30px 0;
          overflow: hidden;
          background:
              radial-gradient(circle at 10% 12%, rgba(217, 108, 43, .05), transparent 18%),
              radial-gradient(circle at 88% 82%, rgba(26, 41, 66, .05), transparent 20%);
      }

      .vx-smartstack *,
      .vx-smartstack *::before,
      .vx-smartstack *::after {
          box-sizing: border-box;
      }

      .vx-smartstack__container {
          width: min(1320px, calc(100% - 40px));
          margin: 0 auto;
      }

      .vx-smartstack__head {
          max-width: 980px;
          margin: 0 auto 34px;
          text-align: center;
      }

      .vx-smartstack__eyebrow {
          display: inline-flex;
          align-items: center;
          gap: 10px;
          min-height: 38px;
          padding: 0 15px;
          border-radius: 999px;
          background: rgba(255, 255, 255, .84);
          border: 1px solid var(--vxss-border);
          color: var(--vxss-orange);
          font-size: 11px;
          font-weight: 800;
          letter-spacing: .12em;
          text-transform: uppercase;
          box-shadow: 0 10px 18px rgba(26, 41, 66, .04);
      }

      .vx-smartstack__eyebrow-dot {
          width: 8px;
          height: 8px;
          flex: 0 0 8px;
          border-radius: 50%;
          background: var(--vxss-orange);
          box-shadow: 0 0 0 5px rgba(217, 108, 43, .10);
      }

      .vx-smartstack__title {
          margin: 18px 0 0;
          color: var(--vxss-dark);
          font-family: "Playfair Display", serif;
          font-size: clamp(38px, 5vw, 68px);
          line-height: .96;
          letter-spacing: -.05em;
      }

      .vx-smartstack__title span {
          color: var(--vxss-orange);
      }

      .vx-smartstack__intro {
          max-width: 920px;
          margin: 18px auto 0;
          color: var(--vxss-text);
          font-size: 17px;
          line-height: 1.8;
      }

      .vx-smartstack__board {
          position: relative;
          display: grid;
          grid-template-columns: repeat(2, minmax(0, 1fr));
          gap: 26px 220px;
          align-items: start;
          padding: 36px 40px 16px;
          border-radius: 36px;
          border: 1px solid var(--vxss-border);
          /* box-shadow: var(--vxss-shadow);
          background: rgba(255, 255, 255, .56); */
          backdrop-filter: blur(10px);
          -webkit-backdrop-filter: blur(10px);
      }

      .vx-smartstack__connector {
          position: absolute;
          top: 132px;
          height: 2px;
          border-top: 2px dashed var(--vxss-line);
          pointer-events: none;
      }

      .vx-smartstack__connector--left {
          left: calc(50% - 160px);
          width: 118px;
      }

      .vx-smartstack__connector--right {
          right: calc(50% - 160px);
          width: 118px;
      }

      .vx-smartstack__hub {
          position: absolute;
          left: 50%;
          top: 78px;
          transform: translateX(-50%);
          width: 160px;
          display: flex;
          flex-direction: column;
          align-items: center;
          z-index: 2;
      }

      .vx-smartstack__hub-ring {
          position: absolute;
          top: -10px;
          width: 108px;
          height: 108px;
          border-radius: 50%;
          background: radial-gradient(circle, rgba(217, 108, 43, .10), transparent 68%);
          filter: blur(10px);
          pointer-events: none;
      }

      .vx-smartstack__hub-core {
          position: relative;
          width: 78px;
          height: 78px;
          border-radius: 50%;
          display: grid;
          place-items: center;
          background: linear-gradient(135deg, #fff7f1, #ffffff);
          border: 1px solid rgba(26, 41, 66, .06);
          box-shadow: 0 18px 28px rgba(26, 41, 66, .10);
          animation: vxssPulse 3.4s ease-in-out infinite;
      }

      .vx-smartstack__hub-core svg {
          width: 30px;
          height: 30px;
          fill: none;
          stroke: var(--vxss-orange);
          stroke-width: 1.9;
          stroke-linecap: round;
          stroke-linejoin: round;
      }

      .vx-smartstack__hub-label {
          margin-top: 12px;
          display: inline-flex;
          align-items: center;
          min-height: 32px;
          padding: 0 12px;
          border-radius: 999px;
          background: rgba(255, 255, 255, .84);
          border: 1px solid rgba(26, 41, 66, .06);
          color: var(--vxss-dark);
          font-size: 12px;
          font-weight: 700;
          box-shadow: 0 10px 18px rgba(26, 41, 66, .05);
      }

      .vx-smartstack__hub {
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          gap: 12px;
      }

      .vx-smartstack__hub-icon {
          width: 92px;
          height: 92px;
          border-radius: 50%;
          display: grid;
          place-items: center;
          background: rgba(255, 255, 255, .92);
          box-shadow: 0 16px 30px rgba(26, 41, 66, .10);
          color: var(--vxss-orange, #D96C2B);
      }

      .vx-smartstack__hub-icon i {
          font-size: 28px;
          line-height: 1;
      }

      .vx-smartstack__hub-icon img {
          width: 28px;
          height: 28px;
          object-fit: contain;
      }

      .vx-smartstack__hub-icon svg {
          width: 28px;
          height: 28px;
          display: block;
          fill: none;
          stroke: currentColor;
          stroke-width: 2;
          stroke-linecap: round;
          stroke-linejoin: round;
      }

      .vx-smartstack__hub-label {
          display: inline-flex;
          align-items: center;
          justify-content: center;
          min-height: 42px;
          padding: 0 18px;
          border-radius: 999px;
          background: rgba(255, 255, 255, .92);
          box-shadow: 0 10px 22px rgba(26, 41, 66, .08);
      }

      .vx-smartstack__card {
          position: relative;
          overflow: hidden;
          min-height: 300px;
          padding: 26px 24px 20px;
          border-radius: 28px;
          border: 1px solid rgba(26, 41, 66, .06);
          box-shadow: 0 18px 34px rgba(26, 41, 66, .08);
          transition: transform .34s ease, box-shadow .34s ease, border-color .34s ease;
          transform-style: preserve-3d;
          isolation: isolate;
      }

      .vx-smartstack__card:hover {
          transform: translateY(-10px) scale(1.014);
          box-shadow: var(--vxss-shadow-lg);
          border-color: rgba(217, 108, 43, .14);
      }

      .vx-smartstack__card::after {
          content: "";
          position: absolute;
          inset: 0;
          background: linear-gradient(120deg, transparent 0%, rgba(255, 255, 255, .18) 46%, transparent 82%);
          transform: translateX(-130%);
          transition: transform .75s ease;
          pointer-events: none;
          z-index: 0;
      }

      .vx-smartstack__card:hover::after {
          transform: translateX(130%);
      }

      .vx-smartstack__card-glow {
          position: absolute;
          right: -26px;
          top: -26px;
          width: 160px;
          height: 160px;
          border-radius: 50%;
          background: radial-gradient(circle, rgba(255, 255, 255, .34), transparent 72%);
          pointer-events: none;
          z-index: 0;
      }

      .vx-smartstack__card--shop {
          background: linear-gradient(180deg, var(--vxss-mint) 0%, #e7f0e7 100%);
      }

      .vx-smartstack__card--acct {
          background: linear-gradient(180deg, var(--vxss-blue) 0%, #e8f1fb 100%);
          margin-top: 44px;
      }

      .vx-smartstack__iconbox,
      .vx-smartstack__card-kicker,
      .vx-smartstack__card-title,
      .vx-smartstack__card-text,
      .vx-smartstack__meta {
          position: relative;
          z-index: 1;
      }

      .vx-smartstack__iconbox {
          width: 58px;
          height: 58px;
          border-radius: 18px;
          display: grid;
          place-items: center;
          background: #0b5566;
          box-shadow: 0 12px 20px rgba(11, 85, 102, .18);
          transition: transform .28s ease;
      }

      .vx-smartstack__card:hover .vx-smartstack__iconbox {
          transform: translateY(-4px);
      }

      .vx-smartstack__iconbox svg {
          width: 24px;
          height: 24px;
          fill: none;
          stroke: #fff;
          stroke-width: 1.9;
          stroke-linecap: round;
          stroke-linejoin: round;
      }

      .vx-smartstack__card-kicker {
          margin-top: 16px;
          color: rgba(26, 41, 66, .62);
          font-size: 11px;
          font-weight: 800;
          letter-spacing: .12em;
          text-transform: uppercase;
      }

      .vx-smartstack__card-title {
          margin: 8px 0 0;
          color: var(--vxss-dark);
          font-size: 20px;
          line-height: 1.14;
          letter-spacing: -.03em;
          font-weight: 900;
      }

      .vx-smartstack__card-text {
          margin: 14px 0 0;
          color: #4b6176;
          font-size: 16px;
          line-height: 1.72;
      }

      .vx-smartstack__meta {
          display: flex;
          align-items: center;
          justify-content: space-between;
          gap: 12px;
          margin-top: 20px;
      }

      .vx-smartstack__pill {
          display: inline-flex;
          align-items: center;
          min-height: 36px;
          padding: 0 13px;
          border-radius: 999px;
          background: rgba(255, 255, 255, .48);
          border: 1px solid rgba(255, 255, 255, .42);
          color: rgba(26, 41, 66, .74);
          font-size: 12px;
          font-weight: 700;
      }

      .vx-smartstack__arrow {
          width: 42px;
          height: 42px;
          flex: 0 0 42px;
          border-radius: 50%;
          display: grid;
          place-items: center;
          background: rgba(255, 255, 255, .42);
          box-shadow: 0 8px 16px rgba(26, 41, 66, .05);
          color: var(--vxss-orange);
          transition: transform .28s ease, background .28s ease;
      }

      .vx-smartstack__card:hover .vx-smartstack__arrow {
          transform: translateY(-3px);
          background: rgba(255, 255, 255, .72);
      }

      .vx-smartstack__arrow svg {
          width: 16px;
          height: 16px;
          fill: none;
          stroke: currentColor;
          stroke-width: 2;
          stroke-linecap: round;
          stroke-linejoin: round;
      }

      [data-vxss-reveal] {
          opacity: 0;
          transform: translateY(34px);
          transition: opacity .8s ease, transform .8s ease;
      }

      [data-vxss-reveal="left"] {
          transform: translateX(-34px);
      }

      [data-vxss-reveal="right"] {
          transform: translateX(34px);
      }

      [data-vxss-reveal].is-visible {
          opacity: 1;
          transform: none;
      }

      @keyframes vxssPulse {

          0%,
          100% {
              transform: scale(1);
          }

          50% {
              transform: scale(1.06);
          }
      }

      /* 992–1199 */
      @media (min-width: 992px) and (max-width: 1199.98px) {
          .vx-smartstack {
              padding: 80px 0;
          }

          .vx-smartstack__container {
              width: min(100%, calc(100% - 34px));
          }

          .vx-smartstack__board {
              gap: 22px 180px;
              padding: 32px 28px 14px;
          }

          .vx-smartstack__connector--left {
              left: calc(50% - 145px);
              width: 98px;
          }

          .vx-smartstack__connector--right {
              right: calc(50% - 145px);
              width: 98px;
          }

          .vx-smartstack__hub {
              top: 74px;
              width: 146px;
          }

          .vx-smartstack__card {
              min-height: 292px;
              padding: 24px 20px 18px;
          }

          .vx-smartstack__card-title {
              font-size: 18px;
          }

          .vx-smartstack__card-text {
              font-size: 15px;
          }
      }

      /* 768–991 */
      @media (min-width: 768px) and (max-width: 991.98px) {
          .vx-smartstack {
              padding: 70px 0;
          }

          .vx-smartstack__container {
              width: min(100%, calc(100% - 30px));
          }

          .vx-smartstack__title {
              font-size: clamp(34px, 7vw, 54px);
              line-height: .98;
          }

          .vx-smartstack__intro {
              font-size: 16px;
              line-height: 1.74;
          }

          .vx-smartstack__board {
              grid-template-columns: 1fr;
              gap: 16px;
              padding: 20px 16px 16px;
              border-radius: 28px;
          }

          .vx-smartstack__connector,
          .vx-smartstack__hub {
              display: none;
          }

          .vx-smartstack__card {
              min-height: auto;
              padding: 22px 18px 18px;
          }

          .vx-smartstack__card--acct {
              margin-top: 0;
          }

          .vx-smartstack__card-title {
              font-size: 18px;
          }

          .vx-smartstack__card-text {
              font-size: 15px;
              line-height: 1.64;
          }
      }

      /* 480–767 */
      @media (min-width: 480px) and (max-width: 767.98px) {
          .vx-smartstack {
              padding: 58px 0;
          }

          .vx-smartstack__container {
              width: min(100%, calc(100% - 22px));
          }

          .vx-smartstack__head {
              margin-bottom: 24px;
          }

          .vx-smartstack__eyebrow {
              min-height: 34px;
              padding: 0 12px;
              font-size: 9.5px;
          }

          .vx-smartstack__title {
              font-size: clamp(30px, 8.8vw, 42px);
              line-height: 1.02;
          }

          .vx-smartstack__intro {
              font-size: 15px;
              line-height: 1.68;
          }

          .vx-smartstack__board {
              grid-template-columns: 1fr;
              gap: 14px;
              padding: 12px;
              border-radius: 24px;
          }

          .vx-smartstack__connector,
          .vx-smartstack__hub {
              display: none;
          }

          .vx-smartstack__card {
              min-height: auto;
              padding: 18px 16px 16px;
              border-radius: 20px;
          }

          .vx-smartstack__card--acct {
              margin-top: 0;
          }

          .vx-smartstack__iconbox {
              width: 50px;
              height: 50px;
              border-radius: 16px;
          }

          .vx-smartstack__iconbox svg {
              width: 20px;
              height: 20px;
          }

          .vx-smartstack__card-title {
              font-size: 18px;
          }

          .vx-smartstack__card-text {
              font-size: 14px;
              line-height: 1.62;
          }

          .vx-smartstack__pill {
              min-height: 32px;
              padding: 0 11px;
              font-size: 11px;
          }

          .vx-smartstack__arrow {
              width: 38px;
              height: 38px;
              flex-basis: 38px;
          }
      }

      /* 320–479 */
      @media (min-width: 320px) and (max-width: 479.98px) {
          .vx-smartstack {
              padding: 50px 0;
          }

          .vx-smartstack__container {
              width: min(100%, calc(100% - 18px));
          }

          .vx-smartstack__head {
              margin-bottom: 20px;
          }

          .vx-smartstack__eyebrow {
              min-height: 32px;
              padding: 0 11px;
              gap: 8px;
              font-size: 8.8px;
          }

          .vx-smartstack__eyebrow-dot {
              width: 7px;
              height: 7px;
              flex-basis: 7px;
          }

          .vx-smartstack__title {
              font-size: clamp(27px, 9.5vw, 34px);
              line-height: 1.04;
          }

          .vx-smartstack__intro {
              margin-top: 14px;
              font-size: 14px;
              line-height: 1.62;
          }

          .vx-smartstack__board {
              grid-template-columns: 1fr;
              gap: 12px;
              padding: 10px;
              border-radius: 20px;
          }

          .vx-smartstack__connector,
          .vx-smartstack__hub {
              display: none;
          }

          .vx-smartstack__card {
              min-height: auto;
              padding: 16px 14px 14px;
              border-radius: 18px;
          }

          .vx-smartstack__card--acct {
              margin-top: 0;
          }

          .vx-smartstack__iconbox {
              width: 46px;
              height: 46px;
              border-radius: 14px;
          }

          .vx-smartstack__iconbox svg {
              width: 18px;
              height: 18px;
          }

          .vx-smartstack__card-kicker {
              margin-top: 13px;
              font-size: 10px;
          }

          .vx-smartstack__card-title {
              margin-top: 8px;
              font-size: 16px;
              line-height: 1.18;
          }

          .vx-smartstack__card-text {
              margin-top: 10px;
              font-size: 13.5px;
              line-height: 1.56;
          }

          .vx-smartstack__meta {
              margin-top: 14px;
          }

          .vx-smartstack__pill {
              min-height: 30px;
              padding: 0 10px;
              font-size: 10.5px;
          }

          .vx-smartstack__arrow {
              width: 36px;
              height: 36px;
              flex-basis: 36px;
          }
      }


      .vx-cta-panel {
          --vxcta-dark: #1A2942;
          --vxcta-text: #647487;
          --vxcta-orange: #D96C2B;
          --vxcta-orange-2: #ED8B46;
          --vxcta-border: rgba(26, 41, 66, .08);
          --vxcta-shadow: 0 24px 60px rgba(26, 41, 66, .08);
          --vxcta-shadow-lg: 0 32px 76px rgba(26, 41, 66, .12);

          position: relative;
          padding: 72px 0 86px;
          overflow: hidden;
      }

      .vx-cta-panel *,
      .vx-cta-panel *::before,
      .vx-cta-panel *::after {
          box-sizing: border-box;
      }

      .vx-cta-panel__container {
          width: min(1320px, calc(100% - 40px));
          margin: 0 auto;
      }

      .vx-cta-panel__box {
          position: relative;
          overflow: hidden;
          border-radius: 34px;
          background:
              linear-gradient(135deg, #f3dce4 0%, #f8dfe2 36%, #f7d4dd 100%);
          border: 1px solid rgba(255, 255, 255, .42);
          box-shadow: var(--vxcta-shadow);
          transition: transform .34s ease, box-shadow .34s ease;
      }

      .vx-cta-panel__box:hover {
          transform: translateY(-6px);
          box-shadow: var(--vxcta-shadow-lg);
      }

      .vx-cta-panel__box::before {
          content: "";
          position: absolute;
          inset: 0;
          background:
              linear-gradient(90deg, rgba(255, 255, 255, .14), transparent 28%, transparent 72%, rgba(237, 139, 70, .14));
          pointer-events: none;
      }

      .vx-cta-panel__box::after {
          content: "";
          position: absolute;
          left: 14px;
          right: 14px;
          bottom: -8px;
          height: 16px;
          border-radius: 0 0 28px 28px;
          background: linear-gradient(90deg, rgba(237, 139, 70, .22), rgba(217, 108, 43, .16));
          filter: blur(1px);
          pointer-events: none;
      }

      .vx-cta-panel__glow {
          position: absolute;
          border-radius: 50%;
          filter: blur(30px);
          pointer-events: none;
          opacity: .82;
      }

      .vx-cta-panel__glow--one {
          width: 220px;
          height: 220px;
          left: -40px;
          top: -60px;
          background: rgba(255, 255, 255, .28);
      }

      .vx-cta-panel__glow--two {
          width: 260px;
          height: 260px;
          right: -60px;
          bottom: -80px;
          background: rgba(237, 139, 70, .16);
      }

      .vx-cta-panel__inner {
          position: relative;
          z-index: 1;
          min-height: 360px;
          padding: 56px 34px 64px;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          text-align: center;
      }

      .vx-cta-panel__eyebrow {
          display: inline-flex;
          align-items: center;
          gap: 10px;
          min-height: 38px;
          padding: 0 15px;
          border-radius: 999px;
          background: rgba(255, 255, 255, .72);
          border: 1px solid rgba(26, 41, 66, .06);
          color: var(--vxcta-orange);
          font-size: 11px;
          font-weight: 800;
          letter-spacing: .12em;
          text-transform: uppercase;
          box-shadow: 0 10px 18px rgba(26, 41, 66, .04);
      }

      .vx-cta-panel__eyebrow-dot {
          width: 8px;
          height: 8px;
          flex: 0 0 8px;
          border-radius: 50%;
          background: var(--vxcta-orange);
          box-shadow: 0 0 0 5px rgba(217, 108, 43, .10);
      }

      .vx-cta-panel__title {
          margin: 24px 0 0;
          color: var(--vxcta-orange);
          font-family: "Playfair Display", serif;
          font-size: clamp(34px, 4.4vw, 64px);
          line-height: 1.02;
          letter-spacing: -.045em;
          max-width: 1020px;
      }

      .vx-cta-panel__title span {
          color: var(--vxcta-orange);
      }

      .vx-cta-panel__text {
          margin: 18px 0 0;
          color: var(--vxcta-dark);
          font-size: 17px;
          line-height: 1.7;
          font-weight: 500;
      }

      .vx-cta-panel__actions {
          margin-top: 28px;
      }

      .vx-cta-panel__btn {
          min-height: 58px;
          padding: 0 28px;
          border-radius: 999px;
          display: inline-flex;
          align-items: center;
          justify-content: center;
          gap: 12px;
          background: linear-gradient(135deg, var(--vxcta-orange), var(--vxcta-orange-2));
          color: #fff;
          text-decoration: none;
          font-size: 18px;
          font-weight: 800;
          letter-spacing: -.01em;
          box-shadow: 0 18px 28px rgba(217, 108, 43, .20);
          transition: transform .28s ease, box-shadow .28s ease, filter .28s ease;
      }

      .vx-cta-panel__btn:hover {
          transform: translateY(-3px);
          box-shadow: 0 24px 36px rgba(217, 108, 43, .26);
          filter: saturate(1.05);
      }

      .vx-cta-panel__btn svg {
          width: 20px;
          height: 20px;
          fill: none;
          stroke: currentColor;
          stroke-width: 2.1;
          stroke-linecap: round;
          stroke-linejoin: round;
      }

      [data-vxcta-reveal] {
          opacity: 0;
          transform: translateY(34px);
          transition: opacity .8s ease, transform .8s ease;
      }

      [data-vxcta-reveal].is-visible {
          opacity: 1;
          transform: none;
      }

      @media (min-width: 992px) and (max-width: 1199.98px) {
          .vx-cta-panel {
              padding: 66px 0 80px;
          }

          .vx-cta-panel__container {
              width: min(100%, calc(100% - 34px));
          }

          .vx-cta-panel__inner {
              min-height: 330px;
              padding: 48px 28px 56px;
          }

          .vx-cta-panel__title {
              font-size: clamp(32px, 4.1vw, 54px);
          }
      }

      @media (min-width: 768px) and (max-width: 991.98px) {
          .vx-cta-panel {
              padding: 58px 0 72px;
          }

          .vx-cta-panel__container {
              width: min(100%, calc(100% - 30px));
          }

          .vx-cta-panel__box {
              border-radius: 28px;
          }

          .vx-cta-panel__inner {
              min-height: 300px;
              padding: 42px 24px 50px;
          }

          .vx-cta-panel__title {
              font-size: clamp(30px, 6vw, 46px);
              line-height: 1.04;
          }

          .vx-cta-panel__text {
              font-size: 16px;
          }

          .vx-cta-panel__btn {
              min-height: 54px;
              font-size: 17px;
          }
      }

      @media (min-width: 480px) and (max-width: 767.98px) {
          .vx-cta-panel {
              padding: 50px 0 62px;
          }

          .vx-cta-panel__container {
              width: min(100%, calc(100% - 22px));
          }

          .vx-cta-panel__box {
              border-radius: 24px;
          }

          .vx-cta-panel__inner {
              min-height: 270px;
              padding: 34px 18px 42px;
          }

          .vx-cta-panel__eyebrow {
              min-height: 34px;
              padding: 0 12px;
              font-size: 9.5px;
          }

          .vx-cta-panel__title {
              margin-top: 18px;
              font-size: clamp(28px, 8vw, 38px);
              line-height: 1.06;
          }

          .vx-cta-panel__text {
              margin-top: 14px;
              font-size: 15px;
              line-height: 1.64;
          }

          .vx-cta-panel__actions {
              margin-top: 22px;
          }

          .vx-cta-panel__btn {
              min-height: 50px;
              padding: 0 22px;
              font-size: 16px;
          }
      }

      @media (min-width: 320px) and (max-width: 479.98px) {
          .vx-cta-panel {
              padding: 42px 0 54px;
          }

          .vx-cta-panel__container {
              width: min(100%, calc(100% - 18px));
          }

          .vx-cta-panel__box {
              border-radius: 20px;
          }

          .vx-cta-panel__inner {
              min-height: 240px;
              padding: 28px 14px 36px;
          }

          .vx-cta-panel__eyebrow {
              min-height: 32px;
              padding: 0 11px;
              gap: 8px;
              font-size: 8.8px;
          }

          .vx-cta-panel__eyebrow-dot {
              width: 7px;
              height: 7px;
              flex-basis: 7px;
          }

          .vx-cta-panel__title {
              margin-top: 16px;
              font-size: clamp(24px, 9vw, 32px);
              line-height: 1.08;
          }

          .vx-cta-panel__text {
              margin-top: 12px;
              font-size: 14px;
              line-height: 1.58;
          }

          .vx-cta-panel__actions {
              margin-top: 20px;
          }

          .vx-cta-panel__btn {
              min-height: 48px;
              padding: 0 18px;
              font-size: 15px;
              gap: 10px;
          }

          .vx-cta-panel__btn svg {
              width: 18px;
              height: 18px;
          }
      }


      .vx-addon-gridpro__visual {
          position: relative;
          overflow: hidden;
          display: flex;
          align-items: center;
          justify-content: center;
      }

      .vx-addon-gridpro__visual-image {
          width: 100%;
          height: 100%;
          display: block;
          object-fit: contain;
          border-radius: inherit;
      }


      .vgw-benefits__scene {
          position: relative;
          overflow: hidden;
          display: flex;
          align-items: center;
          justify-content: center;
      }

      .vgw-benefits__scene-image {
          width: 100%;
          height: 100%;
          display: block;
          object-fit: contain;
          border-radius: inherit;
      }

      /* Vaultix Gateway helper CSS only.
   Keep your original Vaultix section CSS exactly as-is.
   This file only adds safe helper styles for dynamic icon/image rendering. */

      .ace-vaultix-icon-image {
          width: 100%;
          height: 100%;
          object-fit: contain;
          display: block;
      }

      .vaultix-hero__floating-icon i,
      .vgw-benefits__float-icon i,
      .vaultix-sec3d__iconbox i,
      .vgw-coregrid__iconbox i,
      .vgw-extensions__iconbox i,
      .vx-addon-gridpro__iconbox i,
      .vx-perfpath__iconbox i,
      .vx-smartstack__iconbox i,
      .vx-addon-gridpro__visual-icon i {
          font-size: 20px;
          line-height: 1;
          color: darkorange;
      }

      .vaultix-hero__floating-icon img,
      .vgw-benefits__float-icon img,
      .vaultix-sec3d__iconbox img,
      .vgw-coregrid__iconbox img,
      .vgw-extensions__iconbox img,
      .vx-addon-gridpro__iconbox img,
      .vx-perfpath__iconbox img,
      .vx-smartstack__iconbox img,
      .vx-addon-gridpro__visual-icon img {
          width: 20px;
          height: 20px;
          object-fit: contain;
      }

      .vaultix-hero__floating-icon svg,
      .vgw-benefits__float-icon svg {
          width: 20px;
          height: 20px;
          display: block;
      }

      .vaultix-hero__floating-row>div {
          min-width: 0;
      }


      :root {
          --ace-bg: #f8f7f4;
          --ace-surface: #ffffff;
          --ace-surface-2: #f6f1eb;
          --ace-surface-3: #eef7f8;
          --ace-dark: #1A2942;
          --ace-text: #647487;
          --ace-orange: #D96C2B;
          --ace-orange-2: #ED8B46;
          --ace-line: rgba(26, 41, 66, .08);
          --ace-shadow: 0 22px 60px rgba(26, 41, 66, .08);
          --ace-shadow-lg: 0 34px 80px rgba(26, 41, 66, .14);
          --ace-mint: #dcebdc;
          --ace-blue: #dceaf8;
          --ace-sand: #f1e0c3;
          --ace-lilac: #eadff3;
          --ace-pink: #f1d8e5;
          --ace-sky: #dcedef;
          --ace-radius-xl: 34px;
          --ace-radius-lg: 28px;
          --ace-radius-md: 22px;
          --ace-radius-sm: 16px;
      }

      * {
          box-sizing: border-box;
          margin: 0;
          padding: 0
      }

      html {
          scroll-behavior: smooth
      }

      body {
          font-family: "Inter", sans-serif;
          color: var(--ace-text);
          background:
              radial-gradient(circle at 10% 10%, rgba(217, 108, 43, .05), transparent 18%),
              radial-gradient(circle at 90% 80%, rgba(26, 41, 66, .05), transparent 22%),
              var(--ace-bg);
          -webkit-font-smoothing: antialiased;
          overflow-x: hidden;
      }

      img {
          max-width: 100%;
          display: block;
          height: auto
      }

      a {
          text-decoration: none;
          color: inherit
      }

      ul {
          list-style: none
      }

      .ace-retail-page {
          overflow: hidden
      }

      .ace-wrap {
          width: min(1320px, calc(100% - 40px));
          margin: 0 auto
      }

      .ace-kicker {
          display: inline-flex;
          align-items: center;
          gap: 10px;
          min-height: 38px;
          padding: 0 15px;
          border-radius: 999px;
          background: rgba(255, 255, 255, .84);
          border: 1px solid var(--ace-line);
          color: var(--ace-orange);
          font-size: 11px;
          font-weight: 800;
          letter-spacing: .12em;
          text-transform: uppercase;
          box-shadow: 0 10px 18px rgba(26, 41, 66, .04)
      }

      .ace-kicker__dot {
          width: 8px;
          height: 8px;
          flex: 0 0 8px;
          border-radius: 50%;
          background: var(--ace-orange);
          box-shadow: 0 0 0 5px rgba(217, 108, 43, .10)
      }

      .ace-section-title {
          color: var(--ace-dark);
          font-family: "Playfair Display", serif;
          font-size: clamp(34px, 4.8vw, 62px);
          line-height: .98;
          letter-spacing: -.05em
      }

      .ace-section-title span {
          color: var(--ace-orange)
      }

      .ace-copy {
          font-size: 17px;
          line-height: 1.8;
          color: var(--ace-text)
      }

      .ace-btn {
          min-height: 56px;
          padding: 0 24px;
          border-radius: 999px;
          display: inline-flex;
          align-items: center;
          justify-content: center;
          gap: 12px;
          font-size: 16px;
          font-weight: 800;
          transition: transform .28s ease, box-shadow .28s ease, filter .28s ease
      }

      .ace-btn--primary {
          background: linear-gradient(135deg, var(--ace-orange), var(--ace-orange-2));
          color: #fff;
          box-shadow: 0 18px 30px rgba(217, 108, 43, .2)
      }

      .ace-btn--ghost {
          background: rgba(255, 255, 255, .84);
          border: 1px solid var(--ace-line);
          color: var(--ace-dark);
          box-shadow: 0 12px 20px rgba(26, 41, 66, .05)
      }

      .ace-btn:hover {
          transform: translateY(-3px)
      }

      .ace-btn svg {
          width: 18px;
          height: 18px;
          fill: none;
          stroke: currentColor;
          stroke-width: 2;
          stroke-linecap: round;
          stroke-linejoin: round
      }

      [data-ace-reveal] {
          opacity: 0;
          transform: translateY(34px);
          transition: opacity .8s ease, transform .8s ease
      }

      [data-ace-reveal="left"] {
          transform: translateX(-34px)
      }

      [data-ace-reveal="right"] {
          transform: translateX(34px)
      }

      [data-ace-reveal].is-visible {
          opacity: 1;
          transform: none
      }

      /* hero */
      .ace-retail-hero {
          padding: 32px 0 46px
      }

      .ace-retail-hero__shell {
          position: relative;
          overflow: hidden;
          border-radius: 42px;
          padding: 22px;
          /* background:  */
          border: 1px solid rgba(255, 255, 255, .7);
          box-shadow: var(--ace-shadow)
      }

      .ace-retail-hero__shell::before {
          content: "";
          position: absolute;
          left: -60px;
          top: -60px;
          width: 220px;
          height: 220px;
          border-radius: 50%;
          background: radial-gradient(circle, rgba(237, 139, 70, .16), transparent 70%);
          filter: blur(20px)
      }

      .ace-retail-hero__shell::after {
          content: "";
          position: absolute;
          right: -80px;
          bottom: -100px;
          width: 280px;
          height: 280px;
          border-radius: 50%;
          background: radial-gradient(circle, rgba(26, 41, 66, .10), transparent 72%);
          filter: blur(24px)
      }

      .ace-retail-hero__grid {
          position: relative;
          z-index: 1;
          display: grid;
          grid-template-columns: minmax(0, 1fr) minmax(0, .96fr);
          gap: 34px;
          align-items: center;
          padding: 34px
      }

      .ace-retail-hero__title {
          font-family: "Playfair Display", serif;
          color: var(--ace-dark);
          font-size: clamp(52px, 4vw, 60px);
          line-height: .92;
          letter-spacing: -.055em;
          max-width: 650px
      }

      .ace-retail-hero__title span {
          color: var(--ace-orange)
      }

      .ace-retail-hero__text {
          max-width: 580px;
          margin-top: 20px;
          font-size: 18px;
          line-height: 1.82
      }

      .ace-retail-hero__actions {
          display: flex;
          flex-wrap: wrap;
          gap: 14px;
          margin-top: 30px
      }

      .ace-retail-hero__badges {
          display: flex;
          flex-wrap: wrap;
          gap: 10px;
          margin-top: 22px
      }

      .ace-retail-hero__badge {
          min-height: 36px;
          padding: 0 12px;
          border-radius: 999px;
          background: rgba(255, 255, 255, .74);
          border: 1px solid rgba(26, 41, 66, .06);
          color: rgba(26, 41, 66, .74);
          font-size: 12px;
          font-weight: 700;
          display: inline-flex;
          align-items: center
      }

      .ace-retail-hero__visual {
          position: relative;
          min-height: 520px;
          border-radius: 34px;
          background: linear-gradient(145deg, #fff3d9 0%, #f6fbff 50%, #f8d8dd 100%);
          border: 1px solid rgba(255, 255, 255, .72);
          box-shadow: 0 28px 58px rgba(26, 41, 66, .12);
          overflow: hidden;
          transition: transform .36s ease, box-shadow .36s ease
      }

      .ace-retail-hero__visual:hover {
          transform: translateY(-8px);
          box-shadow: var(--ace-shadow-lg)
      }

      .ace-retail-hero__visual::before {
          content: "";
          position: absolute;
          inset: 18px;
          border-radius: 26px;
          border: 1px solid rgba(255, 255, 255, .45)
      }

      .ace-retail-hero__desk {
          position: absolute;
          left: 0;
          right: 0;
          bottom: 0;
          height: 34%;
          background: linear-gradient(180deg, rgba(125, 73, 34, .0), rgba(120, 72, 40, .16))
      }

      .ace-retail-hero__surface {
          position: absolute;
          left: 10%;
          right: 10%;
          bottom: 10%;
          height: 26%;
          border-radius: 24px;
          background: linear-gradient(145deg, #8d5a2f, #6c431f);
          box-shadow: 0 20px 30px rgba(26, 41, 66, .18)
      }

      .ace-retail-hero__terminal {
          position: absolute;
          right: 18%;
          bottom: 20%;
          width: 170px;
          height: 260px;
          border-radius: 24px;
          background: linear-gradient(160deg, #ffffff, #ecf4fb);
          box-shadow: 0 24px 40px rgba(26, 41, 66, .18);
          transform: rotate(14deg);
          transition: transform .45s ease
      }

      .ace-retail-hero__visual:hover .ace-retail-hero__terminal {
          transform: rotate(10deg) translateY(-8px)
      }

      .ace-retail-hero__terminal::before {
          content: "";
          position: absolute;
          left: 14%;
          right: 14%;
          top: 12%;
          height: 26%;
          border-radius: 16px;
          background: linear-gradient(180deg, #fff6f0, #f9fafc);
          box-shadow: inset 0 0 0 1px rgba(26, 41, 66, .05)
      }

      .ace-retail-hero__terminal::after {
          content: "";
          position: absolute;
          left: 50%;
          bottom: 12%;
          width: 44%;
          height: 14%;
          transform: translateX(-50%);
          border-radius: 16px;
          background: linear-gradient(135deg, #174f95, #2d79cd);
          box-shadow: 0 10px 18px rgba(23, 79, 149, .24)
      }

      .ace-retail-hero__terminal-screen {
          position: absolute;
          left: 26%;
          top: 20%;
          width: 48%;
          height: 10px;
          border-radius: 999px;
          background: #85bee4;
          box-shadow: 0 18px 0 #85bee4, 0 36px 0 #85bee4
      }

      .ace-retail-hero__card {
          position: absolute;
          left: 24%;
          top: 18%;
          width: 160px;
          height: 96px;
          border-radius: 18px;
          background: linear-gradient(135deg, #f3c84a, #ffd36b);
          box-shadow: 0 18px 28px rgba(26, 41, 66, .16);
          transform: rotate(-14deg);
          transition: transform .45s ease
      }

      .ace-retail-hero__visual:hover .ace-retail-hero__card {
          transform: rotate(-9deg) translateY(-6px)
      }

      .ace-retail-hero__bag {
          position: absolute;
          left: 10%;
          bottom: 18%;
          width: 130px;
          height: 160px;
          background: linear-gradient(135deg, #f06363, #d74b4b);
          clip-path: polygon(10% 0, 90% 0, 100% 100%, 0 100%);
          box-shadow: 0 20px 30px rgba(26, 41, 66, .16)
      }

      .ace-retail-hero__bag::before {
          content: "";
          position: absolute;
          left: 50%;
          top: -28%;
          width: 46%;
          height: 42%;
          transform: translateX(-50%);
          border: 10px solid rgba(240, 243, 247, .92);
          border-bottom: none;
          border-radius: 999px 999px 0 0
      }

      .ace-retail-hero__bag--mini {
          left: auto;
          right: 34%;
          bottom: 12%;
          width: 96px;
          height: 112px;
          background: linear-gradient(135deg, #efb33d, #e39b1d)
      }

      .ace-retail-hero__bag--mini::before {
          width: 42%;
          height: 48%;
          border-width: 8px
      }

      .ace-retail-hero__chip {
          position: absolute;
          display: inline-flex;
          align-items: center;
          min-height: 42px;
          padding: 0 14px;
          border-radius: 14px;
          background: rgba(255, 255, 255, .9);
          border: 1px solid rgba(26, 41, 66, .06);
          box-shadow: 0 16px 24px rgba(26, 41, 66, .10);
          color: var(--ace-dark);
          font-size: 13px;
          font-weight: 800;
          animation: aceFloat 6s ease-in-out infinite
      }

      .ace-retail-hero__chip--a {
          left: 10%;
          top: 10%;
          animation-delay: 0s
      }

      .ace-retail-hero__chip--b {
          right: 10%;
          top: 14%;
          animation-delay: 1.2s
      }

      .ace-retail-hero__chip--c {
          left: 12%;
          bottom: 10%;
          animation-delay: 2s
      }

      /* =========================================
   RETAIL IMAGE SUPPORT FIXES
========================================= */

      .ace-retail-hero__visual--image {
          background: linear-gradient(145deg, #fff3d9 0%, #f6fbff 50%, #f8d8dd 100%);
          display: flex;
          align-items: stretch;
          justify-content: stretch;
      }

      .ace-retail-hero__visual-image {
          width: 100%;
          height: 100%;
          min-height: 520px;
          object-fit: cover;
          display: block;
          border-radius: inherit;
          position: relative;
          z-index: 2;
      }

      .ace-retail-story__media--image {
          background: #f4f4f4;
      }

      .ace-retail-story__media-image {
          width: 100%;
          height: 100%;
          min-height: 340px;
          object-fit: cover;
          display: block;
          border-radius: inherit;
      }

      .ace-retail-products__media--image {
          background: #ffffff;
      }

      .ace-retail-products__media-image {
          width: 100%;
          height: 100% !important;
          object-fit: contain;
          display: block;
          border-radius: inherit;
      }

      .ace-retail-advantage__image--has-photo {
          background: #ffffff;
      }

      .ace-retail-advantage__image-img {
          width: 100%;
          height: 100%;
          min-height: 340px;
          object-fit: cover;
          display: block;
          border-radius: inherit;
      }

      /* icon helpers */
      .ace-retail-essentials__icon i {
          color: #fff;
          font-size: 20px;
          line-height: 1;
      }

      .ace-retail-essentials__icon img {
          width: 22px;
          height: 22px;
          object-fit: contain;
          display: block;
      }

      /* mobile */
      @media (max-width: 767.98px) {
          .ace-retail-hero__visual-image {
              min-height: 330px;
          }

          .ace-retail-story__media-image {
              min-height: 220px;
          }

          .ace-retail-advantage__image-img {
              min-height: 240px;
          }
      }



      /* story split section */
      .ace-retail-story {
          padding: 26px 0 70px
      }

      .ace-retail-story__stack {
          display: grid;
          gap: 24px
      }

      .ace-retail-story__row {
          display: grid;
          grid-template-columns: minmax(0, .96fr) minmax(0, 1.04fr);
          gap: 24px;
          align-items: center
      }

      .ace-retail-story__row:nth-child(even) {
          grid-template-columns: minmax(0, 1.04fr) minmax(0, .96fr)
      }

      .ace-retail-story__media,
      .ace-retail-story__content {
          min-width: 0
      }

      .ace-retail-story__media {
          position: relative;
          min-height: 340px;
          border-radius: 30px;
          overflow: hidden;
          border: 1px solid rgba(26, 41, 66, .06);
          box-shadow: var(--ace-shadow);
          transition: transform .34s ease, box-shadow .34s ease
      }

      .ace-retail-story__media:hover {
          transform: translateY(-6px);
          box-shadow: var(--ace-shadow-lg)
      }

      .ace-retail-story__media--workspace {
          background: linear-gradient(145deg, #d9e9f7 0%, #f6fbfe 100%)
      }

      .ace-retail-story__media--global {
          background: linear-gradient(145deg, #e5f0fb 0%, #d5edf5 100%)
      }

      .ace-retail-story__media--checkout {
          background: linear-gradient(145deg, #eef6fa 0%, #fff5df 100%)
      }

      .ace-retail-story__content {
          padding: 14px 8px
      }

      .ace-retail-story__title {
          color: var(--ace-dark);
          font-family: "Playfair Display", serif;
          font-size: clamp(30px, 3.4vw, 48px);
          line-height: 1;
          letter-spacing: -.04em
      }

      .ace-retail-story__text {
          margin-top: 16px;
          font-size: 17px;
          line-height: 1.78;
          max-width: 620px
      }

      .ace-retail-story__points {
          display: grid;
          gap: 12px;
          margin-top: 20px
      }

      .ace-retail-story__point {
          display: flex;
          align-items: flex-start;
          gap: 12px;
          padding: 12px 14px;
          border-radius: 18px;
          background: rgba(255, 255, 255, .58);
          border: 1px solid rgba(26, 41, 66, .05);
          box-shadow: 0 10px 18px rgba(26, 41, 66, .04)
      }

      .ace-retail-story__check {
          position: relative;
          width: 22px;
          height: 22px;
          flex: 0 0 22px;
          margin-top: 1px;
          border-radius: 50%;
          background: linear-gradient(135deg, #4abd80, #79d8a1);
          box-shadow: 0 10px 14px rgba(74, 189, 128, .18)
      }

      .ace-retail-story__check::before {
          content: "";
          position: absolute;
          left: 7px;
          top: 4px;
          width: 6px;
          height: 10px;
          border-right: 2px solid #fff;
          border-bottom: 2px solid #fff;
          transform: rotate(40deg)
      }

      .ace-retail-story__point span:last-child {
          font-size: 15px;
          line-height: 1.62;
          color: #476176
      }

      /* workspace media */
      .ace-media-workspace__desk {
          position: absolute;
          left: 8%;
          right: 8%;
          bottom: 12%;
          height: 20%;
          border-radius: 24px;
          background: linear-gradient(145deg, #d5e7f4, #c2d9eb)
      }

      .ace-media-workspace__screen {
          position: absolute;
          left: 12%;
          top: 14%;
          width: 48%;
          height: 44%;
          border-radius: 24px;
          background: linear-gradient(145deg, #ffffff, #eef5fb);
          box-shadow: 0 20px 30px rgba(26, 41, 66, .14)
      }

      .ace-media-workspace__screen::before {
          content: "";
          position: absolute;
          left: 18%;
          top: 16%;
          width: 50%;
          height: 8px;
          border-radius: 999px;
          background: #76b9e1;
          box-shadow: 0 22px 0 #76b9e1, 0 44px 0 #76b9e1
      }

      .ace-media-workspace__people span {
          position: absolute;
          border-radius: 50%;
          background: linear-gradient(135deg, #f2b35d, #da7d24);
          box-shadow: 0 10px 18px rgba(26, 41, 66, .12)
      }

      .ace-media-workspace__people span:nth-child(1) {
          left: 64%;
          top: 16%;
          width: 74px;
          height: 74px
      }

      .ace-media-workspace__people span:nth-child(2) {
          left: 56%;
          bottom: 22%;
          width: 88px;
          height: 88px;
          background: linear-gradient(135deg, #7ebbe0, #4b8bd1)
      }

      .ace-media-workspace__people span:nth-child(3) {
          left: 20%;
          bottom: 18%;
          width: 82px;
          height: 82px;
          background: linear-gradient(135deg, #e58f79, #cb6651)
      }

      .ace-media-workspace__card {
          position: absolute;
          right: 12%;
          bottom: 18%;
          width: 120px;
          height: 78px;
          border-radius: 18px;
          background: linear-gradient(145deg, #ffe07f, #ffd061);
          box-shadow: 0 18px 24px rgba(26, 41, 66, .12);
          transform: rotate(8deg)
      }

      /* global media */
      .ace-media-global__globe {
          position: absolute;
          left: 14%;
          top: 16%;
          width: 42%;
          aspect-ratio: 1/1;
          border-radius: 50%;
          background: linear-gradient(145deg, #5aa9dd, #7dc6ec);
          box-shadow: 0 24px 32px rgba(26, 41, 66, .16)
      }

      .ace-media-global__globe::before {
          content: "";
          position: absolute;
          inset: 18%;
          border-radius: 50%;
          border: 2px solid rgba(255, 255, 255, .48)
      }

      .ace-media-global__globe::after {
          content: "";
          position: absolute;
          left: 50%;
          top: 0;
          bottom: 0;
          width: 2px;
          background: rgba(255, 255, 255, .42);
          transform: translateX(-50%)
      }

      .ace-media-global__card {
          position: absolute;
          right: 12%;
          top: 18%;
          width: 150px;
          height: 92px;
          border-radius: 18px;
          background: linear-gradient(145deg, #ffffff, #eef5fa);
          box-shadow: 0 18px 24px rgba(26, 41, 66, .14)
      }

      .ace-media-global__card::before {
          content: "";
          position: absolute;
          left: 16%;
          top: 18%;
          width: 36%;
          height: 6px;
          border-radius: 999px;
          background: #75bce3;
          box-shadow: 0 16px 0 #75bce3, 0 32px 0 #75bce3
      }

      .ace-media-global__card::after {
          content: "$";
          position: absolute;
          right: 14%;
          top: 18%;
          font-size: 42px;
          font-weight: 900;
          color: #43a4dd
      }

      .ace-media-global__pins span {
          position: absolute;
          width: 18px;
          height: 18px;
          border-radius: 50%;
          background: var(--ace-orange);
          box-shadow: 0 0 0 8px rgba(217, 108, 43, .10)
      }

      .ace-media-global__pins span:nth-child(1) {
          left: 30%;
          top: 22%
      }

      .ace-media-global__pins span:nth-child(2) {
          left: 26%;
          bottom: 28%
      }

      .ace-media-global__pins span:nth-child(3) {
          left: 48%;
          top: 38%
      }

      .ace-media-global__pins span:nth-child(4) {
          right: 20%;
          bottom: 20%
      }

      /* checkout media */
      .ace-media-checkout__counter {
          position: absolute;
          left: 8%;
          right: 8%;
          bottom: 10%;
          height: 22%;
          border-radius: 22px;
          background: linear-gradient(145deg, #dac1a0, #ba8b57)
      }

      .ace-media-checkout__terminal {
          position: absolute;
          left: 12%;
          bottom: 18%;
          width: 120px;
          height: 180px;
          border-radius: 22px;
          background: linear-gradient(145deg, #ffffff, #eef4fb);
          box-shadow: 0 20px 30px rgba(26, 41, 66, .18);
          transform: rotate(-14deg)
      }

      .ace-media-checkout__terminal::before {
          content: "";
          position: absolute;
          left: 18%;
          right: 18%;
          top: 14%;
          height: 26%;
          border-radius: 14px;
          background: linear-gradient(180deg, #fff9f2, #f7fafc)
      }

      .ace-media-checkout__terminal::after {
          content: "";
          position: absolute;
          left: 50%;
          bottom: 14%;
          width: 44%;
          height: 16%;
          transform: translateX(-50%);
          border-radius: 14px;
          background: linear-gradient(135deg, #174f95, #2d79cd)
      }

      .ace-media-checkout__person {
          position: absolute;
          right: 12%;
          bottom: 16%;
          width: 180px;
          height: 220px
      }

      .ace-media-checkout__person::before {
          content: "";
          position: absolute;
          left: 36%;
          top: 0;
          width: 52px;
          height: 52px;
          border-radius: 50%;
          background: linear-gradient(135deg, #f0b17a, #e38f63)
      }

      .ace-media-checkout__person::after {
          content: "";
          position: absolute;
          left: 10%;
          top: 42px;
          width: 160px;
          height: 160px;
          border-radius: 34px 34px 18px 18px;
          background: linear-gradient(145deg, #e25d4f, #c4473a)
      }

      .ace-media-checkout__card {
          position: absolute;
          right: 24%;
          top: 76px;
          width: 86px;
          height: 56px;
          border-radius: 14px;
          background: linear-gradient(145deg, #f3c650, #ffd56e);
          box-shadow: 0 14px 20px rgba(26, 41, 66, .12);
          transform: rotate(-12deg)
      }

      /* essentials */
      .ace-retail-essentials {
          padding: 10px 0 74px
      }

      .ace-retail-essentials__head {
          text-align: center;
          max-width: 960px;
          margin: 0 auto 26px
      }

      .ace-retail-essentials__title {
          font-family: "Playfair Display", serif;
          color: var(--ace-dark);
          font-size: clamp(32px, 4vw, 54px);
          line-height: 1;
          letter-spacing: -.045em
      }

      .ace-retail-essentials__intro {
          margin-top: 14px;
          font-size: 16px;
          line-height: 1.74
      }

      .ace-retail-essentials__grid {
          display: grid;
          grid-template-columns: repeat(3, minmax(0, 1fr));
          gap: 18px
      }

      .ace-retail-essentials__card {
          position: relative;
          overflow: hidden;
          min-height: 230px;
          padding: 22px 20px 18px;
          border-radius: 26px;
          border: 1px solid rgba(26, 41, 66, .06);
          box-shadow: var(--ace-shadow);
          transition: transform .32s ease, box-shadow .32s ease
      }

      .ace-retail-essentials__card:hover {
          transform: translateY(-8px);
          box-shadow: var(--ace-shadow-lg)
      }

      .ace-retail-essentials__card--mint {
          background: linear-gradient(180deg, var(--ace-mint), #e7f0e7)
      }

      .ace-retail-essentials__card--blue {
          background: linear-gradient(180deg, var(--ace-blue), #e7f1fb)
      }

      .ace-retail-essentials__card--sand {
          background: linear-gradient(180deg, var(--ace-sand), #f6ead3)
      }

      .ace-retail-essentials__card--lilac {
          background: linear-gradient(180deg, var(--ace-lilac), #f0eafa)
      }

      .ace-retail-essentials__card--cream {
          background: linear-gradient(180deg, #f4ebc8, #f8f3db)
      }

      .ace-retail-essentials__card--pink {
          background: linear-gradient(180deg, var(--ace-pink), #f6e5ef)
      }

      .ace-retail-essentials__icon {
          width: 54px;
          height: 54px;
          border-radius: 16px;
          display: grid;
          place-items: center;
          background: #0b5566;
          box-shadow: 0 12px 20px rgba(11, 85, 102, .18)
      }

      .ace-retail-essentials__icon svg {
          width: 22px;
          height: 22px;
          fill: none;
          stroke: #fff;
          stroke-width: 1.9;
          stroke-linecap: round;
          stroke-linejoin: round
      }

      .ace-retail-essentials__card h3 {
          margin-top: 16px;
          color: var(--ace-dark);
          font-size: 20px;
          line-height: 1.14;
          letter-spacing: -.03em;
          font-weight: 900
      }

      .ace-retail-essentials__card p {
          margin-top: 12px;
          color: #4b6176;
          font-size: 15px;
          line-height: 1.66
      }

      /* product strip */
      .ace-retail-products {
          padding: 6px 0 74px
      }

      .ace-retail-products__shell {
          border-radius: 34px;
          padding: 28px;
          background: linear-gradient(145deg, #f0d999 0%, #dff0de 100%);
          border: 1px solid rgba(255, 255, 255, .62);
          box-shadow: var(--ace-shadow)
      }

      .ace-retail-products__head {
          text-align: center;
          max-width: 940px;
          margin: 0 auto 28px
      }

      .ace-retail-products__title {
          color: var(--ace-dark);
          font-family: "Playfair Display", serif;
          font-size: clamp(32px, 4.3vw, 54px);
          line-height: 1;
          letter-spacing: -.045em
      }

      .ace-retail-products__grid {
          display: grid;
          grid-template-columns: repeat(4, minmax(0, 1fr));
          gap: 18px
      }

      .ace-retail-products__card {
          position: relative;
          overflow: hidden;
          min-height: 320px;
          border-radius: 26px;
          padding: 18px 18px 16px;
          background: linear-gradient(180deg, rgba(245, 248, 255, .94), rgba(245, 251, 252, .94));
          border: 1px solid rgba(26, 41, 66, .06);
          box-shadow: 0 16px 30px rgba(26, 41, 66, .08);
          transition: transform .32s ease, box-shadow .32s ease
      }

      .ace-retail-products__card:hover {
          transform: translateY(-8px);
          box-shadow: var(--ace-shadow-lg)
      }

      .ace-retail-products__media {
          height: 164px;
          border-radius: 20px;
          background: linear-gradient(145deg, #ffffff, #e9f2f7);
          display: flex;
          align-items: center;
          justify-content: center;
          position: relative;
          overflow: hidden
      }

      .ace-retail-products__label {
          margin-top: 14px;
          color: var(--ace-dark);
          font-size: 18px;
          font-weight: 900;
          line-height: 1.14
      }

      .ace-retail-products__text {
          margin-top: 10px;
          color: #4a6175;
          font-size: 14px;
          line-height: 1.62
      }

      .ace-device-terminal {
          position: relative;
          width: 78px;
          height: 130px;
          border-radius: 18px;
          background: linear-gradient(145deg, #fff, #edf4fb);
          box-shadow: 0 16px 22px rgba(26, 41, 66, .12);
          transform: rotate(-14deg)
      }

      .ace-device-terminal::before {
          content: "";
          position: absolute;
          left: 18%;
          right: 18%;
          top: 14%;
          height: 24%;
          border-radius: 12px;
          background: #f9fbfd
      }

      .ace-device-terminal::after {
          content: "";
          position: absolute;
          left: 50%;
          bottom: 12%;
          width: 44%;
          height: 14%;
          transform: translateX(-50%);
          border-radius: 12px;
          background: linear-gradient(135deg, #174f95, #2d79cd)
      }

      .ace-device-register {
          position: relative;
          width: 130px;
          height: 96px;
          border-radius: 18px;
          background: linear-gradient(145deg, #f9fafb, #e7edf4);
          box-shadow: 0 18px 24px rgba(26, 41, 66, .12)
      }

      .ace-device-register::before {
          content: "";
          position: absolute;
          left: 8%;
          right: 8%;
          top: 10%;
          height: 34%;
          border-radius: 12px;
          background: linear-gradient(145deg, #ffdbc3, #ffd0a9)
      }

      .ace-device-register::after {
          content: "";
          position: absolute;
          left: 16%;
          right: 16%;
          bottom: 14%;
          height: 20%;
          border-radius: 10px;
          background: #fff
      }

      .ace-device-logo {
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          gap: 12px
      }

      .ace-device-logo__shield {
          position: relative;
          width: 74px;
          height: 88px;
          clip-path: polygon(50% 0, 92% 16%, 92% 58%, 50% 100%, 8% 58%, 8% 16%);
          background: linear-gradient(180deg, #3e9ee1, #2461ae)
      }

      .ace-device-logo__shield::before {
          content: "";
          position: absolute;
          inset: 12%;
          clip-path: polygon(50% 0, 92% 16%, 92% 58%, 50% 100%, 8% 58%, 8% 16%);
          background: linear-gradient(180deg, rgba(255, 255, 255, .22), rgba(255, 255, 255, .05))
      }

      .ace-device-logo__word {
          font-size: 14px;
          font-weight: 900;
          color: var(--ace-dark);
          text-transform: uppercase;
          letter-spacing: .08em;
          text-align: center
      }

      .ace-device-capital {
          font-size: 26px;
          font-weight: 900;
          color: #8460ab;
          text-align: center;
          line-height: 1.1
      }

      /* advantage */
      .ace-retail-advantage {
          padding: 2px 0 70px
      }

      .ace-retail-advantage__grid {
          display: grid;
          grid-template-columns: minmax(0, 1fr) minmax(0, .96fr);
          gap: 26px;
          align-items: start
      }

      .ace-retail-advantage__main {
          padding: 10px 6px
      }

      .ace-retail-advantage__title {
          font-family: "Playfair Display", serif;
          color: var(--ace-dark);
          font-size: clamp(32px, 4.2vw, 54px);
          line-height: 1;
          letter-spacing: -.045em
      }

      .ace-retail-advantage__title span {
          color: var(--ace-orange)
      }

      .ace-retail-advantage__text {
          margin-top: 16px;
          font-size: 17px;
          line-height: 1.78;
          max-width: 620px
      }

      .ace-retail-advantage__image {
          position: relative;
          min-height: 340px;
          margin-top: 24px;
          border-radius: 30px;
          overflow: hidden;
          border: 1px solid rgba(26, 41, 66, .06);
          box-shadow: var(--ace-shadow);
          background: linear-gradient(145deg, #dbe8f2 0%, #f6fbfe 100%)
      }





      .ace-retail-advantage__photo-people span {
          position: absolute;
          border-radius: 50%;
          background: linear-gradient(135deg, #f1b17d, #dc875e);
          box-shadow: 0 10px 18px rgba(26, 41, 66, .12)
      }

      .ace-retail-advantage__photo-people span:nth-child(1) {
          left: 16%;
          top: 16%;
          width: 76px;
          height: 76px
      }

      .ace-retail-advantage__photo-people span:nth-child(2) {
          left: 38%;
          top: 20%;
          width: 70px;
          height: 70px
      }

      .ace-retail-advantage__photo-people span:nth-child(3) {
          right: 22%;
          top: 18%;
          width: 80px;
          height: 80px
      }

      .ace-retail-advantage__photo-terminal {
          position: absolute;
          left: 42%;
          bottom: 14%;
          width: 132px;
          height: 200px;
          border-radius: 22px;
          background: linear-gradient(145deg, #fff, #eef4fb);
          box-shadow: 0 20px 30px rgba(26, 41, 66, .18);
          transform: rotate(-8deg)
      }

      .ace-retail-advantage__photo-terminal::before {
          content: "";
          position: absolute;
          left: 18%;
          right: 18%;
          top: 14%;
          height: 26%;
          border-radius: 14px;
          background: #fbfdff
      }

      .ace-retail-advantage__photo-terminal::after {
          content: "";
          position: absolute;
          left: 50%;
          bottom: 12%;
          width: 44%;
          height: 16%;
          transform: translateX(-50%);
          border-radius: 14px;
          background: linear-gradient(135deg, #174f95, #2d79cd)
      }

      .ace-retail-advantage__cards {
          display: grid;
          grid-template-columns: repeat(2, minmax(0, 1fr));
          gap: 18px;
          padding-top: 10px;
          position: sticky;
          top: 100px;
      }

      .ace-retail-advantage__card {
          position: relative;
          overflow: hidden;
          min-height: 220px;
          padding: 20px 18px 16px;
          border-radius: 24px;
          border: 1px solid rgba(26, 41, 66, .06);
          box-shadow: var(--ace-shadow);
          transition: transform .32s ease, box-shadow .32s ease
      }

      .ace-retail-advantage__card:hover {
          transform: translateY(-8px);
          box-shadow: var(--ace-shadow-lg)
      }

      .ace-retail-advantage__card--blue {
          background: linear-gradient(180deg, var(--ace-blue), #e8f1fb)
      }

      .ace-retail-advantage__card--pink {
          background: linear-gradient(180deg, var(--ace-pink), #f6e6ef)
      }

      .ace-retail-advantage__card--mint {
          background: linear-gradient(180deg, var(--ace-mint), #e7f0e7)
      }

      .ace-retail-advantage__card--sand {
          background: linear-gradient(180deg, var(--ace-sand), #f6ead3)
      }

      .ace-retail-advantage__card .ace-retail-essentials__icon {
          width: 52px;
          height: 52px;
          border-radius: 15px
      }

      .ace-retail-advantage__card h3 {
          margin-top: 14px;
          color: var(--ace-dark);
          font-size: 18px;
          line-height: 1.16;
          font-weight: 900
      }

      .ace-retail-advantage__card p {
          margin-top: 12px;
          color: #4b6176;
          font-size: 14px;
          line-height: 1.62
      }

      /* cta */
      .ace-retail-cta {
          padding: 0 0 70px
      }

      .ace-retail-cta__box {
          position: relative;
          overflow: hidden;
          border-radius: 34px;
          background: linear-gradient(135deg, #f3dce4 0%, #f8dfe2 36%, #f7d4dd 100%);
          border: 1px solid rgba(255, 255, 255, .42);
          box-shadow: var(--ace-shadow);
          transition: transform .34s ease, box-shadow .34s ease
      }

      .ace-retail-cta__box:hover {
          transform: translateY(-6px);
          box-shadow: var(--ace-shadow-lg)
      }

      .ace-retail-cta__box::after {
          content: "";
          position: absolute;
          left: 14px;
          right: 14px;
          bottom: -8px;
          height: 16px;
          border-radius: 0 0 28px 28px;
          background: linear-gradient(90deg, rgba(237, 139, 70, .22), rgba(217, 108, 43, .16));
          filter: blur(1px)
      }

      .ace-retail-cta__inner {
          position: relative;
          z-index: 1;
          min-height: 310px;
          padding: 48px 24px 56px;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          text-align: center
      }

      .ace-retail-cta__title {
          color: var(--ace-orange);
          font-family: "Playfair Display", serif;
          font-size: clamp(34px, 4.4vw, 60px);
          line-height: 1.02;
          letter-spacing: -.045em;
          max-width: 980px
      }

      .ace-retail-cta__text {
          margin-top: 16px;
          color: var(--ace-dark);
          font-size: 17px;
          line-height: 1.7
      }

      .ace-retail-cta__actions {
          margin-top: 24px
      }

      @keyframes aceFloat {

          0%,
          100% {
              transform: translateY(0)
          }

          50% {
              transform: translateY(-8px)
          }
      }

      /* responsive */
      @media (min-width: 992px) and (max-width: 1199.98px) {
          .ace-wrap {
              width: min(100%, calc(100% - 34px))
          }

          .ace-retail-hero__grid {
              padding: 28px;
              gap: 26px
          }

          .ace-retail-hero__visual {
              min-height: 480px
          }

          .ace-retail-products__grid {
              grid-template-columns: repeat(2, minmax(0, 1fr))
          }

          .ace-retail-essentials__grid {
              grid-template-columns: repeat(3, minmax(0, 1fr))
          }

          .ace-retail-advantage__cards {
              gap: 16px
          }
      }

      @media (min-width: 768px) and (max-width: 991.98px) {
          .ace-wrap {
              width: min(100%, calc(100% - 30px))
          }

          .ace-copy {
              font-size: 16px;
              line-height: 1.74
          }

          .ace-retail-hero {
              padding: 24px 0 40px
          }

          .ace-retail-hero__shell {
              border-radius: 32px;
              padding: 16px
          }

          .ace-retail-hero__grid {
              grid-template-columns: 1fr;
              gap: 24px;
              padding: 20px
          }

          .ace-retail-hero__visual {
              min-height: 430px
          }

          .ace-retail-story__row,
          .ace-retail-story__row:nth-child(even),
          .ace-retail-advantage__grid {
              grid-template-columns: 1fr
          }

          .ace-retail-story__media {
              min-height: 300px
          }

          .ace-retail-essentials__grid {
              grid-template-columns: repeat(2, minmax(0, 1fr))
          }

          .ace-retail-products__grid {
              grid-template-columns: repeat(2, minmax(0, 1fr))
          }

          .ace-retail-advantage__cards {
              grid-template-columns: repeat(2, minmax(0, 1fr))
          }

          .ace-retail-cta__inner {
              min-height: 280px;
              padding: 40px 18px 48px
          }
      }

      @media (min-width: 480px) and (max-width: 767.98px) {
          .ace-wrap {
              width: min(100%, calc(100% - 22px))
          }

          .ace-kicker {
              min-height: 34px;
              padding: 0 12px;
              font-size: 9.5px
          }

          .ace-kicker__dot {
              width: 7px;
              height: 7px;
              flex-basis: 7px
          }

          .ace-copy {
              font-size: 15px;
              line-height: 1.68
          }

          .ace-section-title {
              font-size: clamp(28px, 8vw, 42px);
              line-height: 1.02
          }

          .ace-retail-hero {
              padding: 18px 0 34px
          }

          .ace-retail-hero__shell {
              border-radius: 24px;
              padding: 12px
          }

          .ace-retail-hero__grid {
              grid-template-columns: 1fr;
              gap: 18px;
              padding: 16px
          }

          .ace-retail-hero__title {
              font-size: clamp(34px, 10vw, 52px)
          }

          .ace-retail-hero__text {
              margin-top: 14px;
              font-size: 15px;
              line-height: 1.68
          }

          .ace-retail-hero__actions {
              margin-top: 22px
          }

          .ace-retail-hero__visual {
              min-height: 330px;
              border-radius: 24px
          }

          .ace-retail-hero__terminal {
              width: 118px;
              height: 188px
          }

          .ace-retail-hero__card {
              width: 118px;
              height: 72px
          }

          .ace-retail-hero__bag {
              width: 94px;
              height: 118px
          }

          .ace-retail-hero__bag--mini {
              width: 74px;
              height: 90px
          }

          .ace-retail-story {
              padding: 12px 0 54px
          }

          .ace-retail-story__row,
          .ace-retail-story__row:nth-child(even),
          .ace-retail-advantage__grid {
              grid-template-columns: 1fr
          }

          .ace-retail-story__media {
              min-height: 250px;
              border-radius: 22px
          }

          .ace-retail-story__title {
              font-size: clamp(26px, 7vw, 36px)
          }

          .ace-retail-story__text {
              font-size: 15px;
              line-height: 1.68
          }

          .ace-retail-story__point span:last-child {
              font-size: 14px
          }

          .ace-retail-essentials {
              padding: 0 0 56px
          }

          .ace-retail-essentials__grid {
              grid-template-columns: 1fr;
              gap: 14px
          }

          .ace-retail-essentials__card {
              min-height: auto;
              padding: 18px 16px 16px;
              border-radius: 20px
          }

          .ace-retail-essentials__card h3 {
              font-size: 18px
          }

          .ace-retail-essentials__card p {
              font-size: 14px;
              line-height: 1.62
          }

          .ace-retail-products {
              padding: 0 0 56px
          }

          .ace-retail-products__shell {
              border-radius: 24px;
              padding: 18px
          }

          .ace-retail-products__grid {
              grid-template-columns: 1fr;
              gap: 14px
          }

          .ace-retail-products__card {
              min-height: auto;
              border-radius: 20px;
              padding: 16px
          }

          .ace-retail-products__media {
              height: 150px;
              border-radius: 18px
          }

          .ace-retail-advantage {
              padding: 0 0 52px
          }

          .ace-retail-advantage__cards {
              grid-template-columns: 1fr;
              gap: 14px
          }

          .ace-retail-advantage__image {
              min-height: 280px;
              border-radius: 22px
          }

          .ace-retail-advantage__card {
              min-height: auto;
              padding: 18px 16px 16px;
              border-radius: 20px
          }

          .ace-retail-cta {
              padding: 0 0 54px
          }

          .ace-retail-cta__box {
              border-radius: 24px
          }

          .ace-retail-cta__inner {
              min-height: 250px;
              padding: 34px 16px 40px
          }

          .ace-retail-cta__title {
              font-size: clamp(28px, 8vw, 38px);
              line-height: 1.06
          }

          .ace-retail-cta__text {
              font-size: 15px;
              line-height: 1.64
          }

          .ace-btn {
              min-height: 50px;
              padding: 0 20px;
              font-size: 15px
          }
      }

      @media (min-width: 320px) and (max-width: 479.98px) {
          .ace-wrap {
              width: min(100%, calc(100% - 18px))
          }

          .ace-kicker {
              min-height: 32px;
              padding: 0 11px;
              gap: 8px;
              font-size: 8.8px
          }

          .ace-kicker__dot {
              width: 7px;
              height: 7px;
              flex-basis: 7px
          }

          .ace-copy {
              font-size: 14px;
              line-height: 1.62
          }

          .ace-section-title {
              font-size: clamp(24px, 9vw, 32px);
              line-height: 1.04
          }

          .ace-retail-hero {
              padding: 14px 0 28px
          }

          .ace-retail-hero__shell {
              border-radius: 20px;
              padding: 10px
          }

          .ace-retail-hero__grid {
              grid-template-columns: 1fr;
              gap: 16px;
              padding: 12px
          }

          .ace-retail-hero__title {
              font-size: clamp(28px, 10vw, 40px)
          }

          .ace-retail-hero__text {
              margin-top: 12px;
              font-size: 14px;
              line-height: 1.62
          }

          .ace-retail-hero__actions {
              flex-direction: column;
              align-items: stretch;
              margin-top: 18px
          }

          .ace-retail-hero__badges {
              gap: 8px
          }

          .ace-retail-hero__badge {
              min-height: 32px;
              padding: 0 10px;
              font-size: 10.5px
          }

          .ace-retail-hero__visual {
              min-height: 270px;
              border-radius: 18px
          }

          .ace-retail-hero__terminal {
              width: 96px;
              height: 156px;
              border-radius: 18px
          }

          .ace-retail-hero__card {
              width: 94px;
              height: 58px;
              border-radius: 12px
          }

          .ace-retail-hero__bag {
              width: 74px;
              height: 92px
          }

          .ace-retail-hero__bag--mini {
              width: 60px;
              height: 72px
          }

          .ace-retail-hero__chip {
              min-height: 34px;
              padding: 0 10px;
              border-radius: 12px;
              font-size: 10px;
              animation: none
          }

          .ace-retail-story {
              padding: 8px 0 48px
          }

          .ace-retail-story__row,
          .ace-retail-story__row:nth-child(even),
          .ace-retail-advantage__grid {
              grid-template-columns: 1fr
          }

          .ace-retail-story__stack {
              gap: 18px
          }

          .ace-retail-story__media {
              min-height: 220px;
              border-radius: 18px
          }

          .ace-retail-story__title {
              font-size: clamp(22px, 8vw, 30px)
          }

          .ace-retail-story__text {
              font-size: 14px;
              line-height: 1.62
          }

          .ace-retail-story__points {
              gap: 10px;
              margin-top: 16px
          }

          .ace-retail-story__point {
              padding: 10px 11px;
              border-radius: 14px
          }

          .ace-retail-story__point span:last-child {
              font-size: 13.5px;
              line-height: 1.56
          }

          .ace-retail-essentials {
              padding: 0 0 48px
          }

          .ace-retail-essentials__grid {
              grid-template-columns: 1fr;
              gap: 12px
          }

          .ace-retail-essentials__card {
              min-height: auto;
              padding: 16px 14px 14px;
              border-radius: 18px
          }

          .ace-retail-essentials__icon {
              width: 46px;
              height: 46px;
              border-radius: 14px
          }

          .ace-retail-essentials__icon svg {
              width: 18px;
              height: 18px
          }

          .ace-retail-essentials__card h3 {
              margin-top: 13px;
              font-size: 16px;
              line-height: 1.18
          }

          .ace-retail-essentials__card p {
              margin-top: 10px;
              font-size: 13.5px;
              line-height: 1.56
          }

          .ace-retail-products {
              padding: 0 0 48px
          }

          .ace-retail-products__shell {
              border-radius: 20px;
              padding: 14px
          }

          .ace-retail-products__grid {
              grid-template-columns: 1fr;
              gap: 12px
          }

          .ace-retail-products__card {
              padding: 14px;
              border-radius: 18px
          }

          .ace-retail-products__media {
              height: 132px;
              border-radius: 16px
          }

          .ace-retail-products__label {
              margin-top: 12px;
              font-size: 16px
          }

          .ace-retail-products__text {
              font-size: 13.5px;
              line-height: 1.56
          }

          .ace-retail-advantage {
              padding: 0 0 46px
          }

          .ace-retail-advantage__main {
              padding: 4px 0
          }

          .ace-retail-advantage__title {
              font-size: clamp(24px, 9vw, 32px);
              line-height: 1.04
          }

          .ace-retail-advantage__text {
              font-size: 14px;
              line-height: 1.62
          }

          .ace-retail-advantage__image {
              min-height: 240px;
              margin-top: 18px;
              border-radius: 18px
          }

          .ace-retail-advantage__photo-terminal {
              width: 98px;
              height: 150px
          }

          .ace-retail-advantage__cards {
              grid-template-columns: 1fr;
              gap: 12px
          }

          .ace-retail-advantage__card {
              min-height: auto;
              padding: 16px 14px 14px;
              border-radius: 18px
          }

          .ace-retail-advantage__card h3 {
              margin-top: 12px;
              font-size: 16px
          }

          .ace-retail-advantage__card p {
              font-size: 13.5px;
              line-height: 1.56
          }

          .ace-retail-cta {
              padding: 0 0 48px
          }

          .ace-retail-cta__box {
              border-radius: 20px
          }

          .ace-retail-cta__inner {
              min-height: 220px;
              padding: 26px 14px 34px
          }

          .ace-retail-cta__title {
              font-size: clamp(24px, 9vw, 30px);
              line-height: 1.08
          }

          .ace-retail-cta__text {
              margin-top: 12px;
              font-size: 14px;
              line-height: 1.58
          }

          .ace-btn {
              min-height: 48px;
              padding: 0 18px;
              font-size: 14px
          }

          .ace-btn svg {
              width: 16px;
              height: 16px
          }
      }


      :root {
          --ace-bg: #F8F8F6;
          --ace-surface: #FFFFFF;
          --ace-surface-soft: #F2F1ED;
          --ace-dark: #1A2942;
          --ace-text: #5f6673;
          --ace-text-strong: #44586b;
          --ace-orange: #D96C2B;
          --ace-orange-2: #D96C2B;
          --ace-line: #E7E3DC;
          --ace-line-strong: rgba(26, 41, 66, 0.10);
          --ace-radius-xl: 34px;
          --ace-radius-lg: 28px;
          --ace-radius-md: 22px;
          --ace-radius-sm: 16px;
          --ace-shadow-sm: 0 8px 18px rgba(26, 41, 66, 0.04);
          --ace-shadow-md: 0 14px 30px rgba(26, 41, 66, 0.06);
          --ace-shadow-lg: 0 18px 40px rgba(26, 41, 66, 0.08);
          --ace-transition: 0.3s ease;
      }

      .ace-careers-page,
      .ace-careers-hero,
      .ace-careers-openings,
      .ace-careers-apply {
          position: relative;
      }

      .ace-careers-wrap {
          width: min(1320px, calc(100% - 40px));
          margin: 0 auto;
      }

      .ace-careers-kicker {
          display: inline-flex;
          align-items: center;
          gap: 9px;
          min-height: 36px;
          padding: 0 14px;
          border-radius: 999px;
          background: var(--ace-surface);
          border: 1px solid var(--ace-line);
          color: var(--ace-orange);
          font-size: 10px;
          font-weight: 800;
          letter-spacing: 0.14em;
          text-transform: uppercase;
          box-shadow: var(--ace-shadow-sm);
      }

      .ace-careers-kicker i {
          font-size: 9px;
      }

      .ace-careers-title {
          font-family: "Playfair Display", serif;
          font-size: clamp(52px, 4vw, 60px);
          line-height: 0.92;
          letter-spacing: -0.055em;
          color: var(--ace-dark);
      }

      .ace-careers-title span,
      .ace-careers-section-title span,
      .ace-careers-apply__head h2 span {
          color: var(--ace-orange);
      }

      .ace-careers-section-title {
          font-family: "Playfair Display", serif;
          font-size: clamp(38px, 4.5vw, 68px);
          line-height: 0.96;
          letter-spacing: -0.05em;
          color: var(--ace-dark);
      }

      .ace-careers-copy {
          color: var(--ace-text);
          font-size: 16px;
          line-height: 1.85;
      }

      .ace-careers-button {
          min-height: 54px;
          padding: 0 24px;
          border-radius: 999px;
          display: inline-flex;
          align-items: center;
          justify-content: center;
          gap: 10px;
          border: 1px solid transparent;
          font-size: 15px;
          font-weight: 800;
          cursor: pointer;
          transition:
              transform var(--ace-transition),
              box-shadow var(--ace-transition),
              background var(--ace-transition),
              border-color var(--ace-transition),
              color var(--ace-transition);
      }

      .ace-careers-button:hover {
          transform: translateY(-2px);
      }

      .ace-careers-button--primary {
          background: var(--ace-orange);
          color: #fff;
          box-shadow: 0 14px 28px rgba(217, 108, 43, 0.20);
      }

      .ace-careers-button--primary:hover {
          background: #c55f24;
      }

      .ace-careers-button--ghost {
          background: var(--ace-surface);
          color: var(--ace-dark);
          border-color: var(--ace-line);
          box-shadow: var(--ace-shadow-sm);
      }

      .ace-careers-button--ghost:hover {
          background: #fbfbfa;
      }

      .ace-careers-button--small {
          min-height: 46px;
          padding: 0 18px;
          font-size: 14px;
      }

      .ace-careers-hero {
          padding: 28px 0 46px;
      }

      .ace-careers-hero__shell {
          background: var(--ace-surface-soft);
          border: 1px solid var(--ace-line);
          border-radius: 40px;
          padding: 22px;
      }

      .ace-careers-hero__grid {
          display: grid;
          grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
          gap: 34px;
          align-items: center;
          padding: 12px;
      }

      .ace-careers-hero__copy {
          max-width: 640px;
      }

      .ace-careers-hero__copy .ace-careers-copy {
          margin-top: 22px;
          max-width: 580px;
      }

      .ace-careers-hero__actions {
          display: flex;
          flex-wrap: wrap;
          gap: 14px;
          margin-top: 28px;
      }

      .ace-careers-hero__meta {
          display: grid;
          grid-template-columns: repeat(3, minmax(0, 1fr));
          gap: 12px;
          margin-top: 28px;
          max-width: 620px;
      }

      .ace-careers-hero__meta-card {
          background: var(--ace-surface);
          border: 1px solid var(--ace-line);
          border-radius: 20px;
          padding: 18px 16px;
          box-shadow: var(--ace-shadow-sm);
          min-height: 124px;
      }

      .ace-careers-hero__meta-card h3 {
          color: var(--ace-dark);
          font-size: 17px;
          font-weight: 900;
          line-height: 1.1;
          margin-bottom: 8px;
      }

      .ace-careers-hero__meta-card p {
          color: var(--ace-text-strong);
          font-size: 13px;
          line-height: 1.58;
          font-weight: 600;
      }

      .ace-careers-hero__visual {
          position: relative;
          min-height: 560px;
          background: var(--ace-surface);
          border: 1px solid var(--ace-line);
          border-radius: 30px;
          padding: 22px;
          overflow: hidden;
      }

      .ace-careers-hero__image-main,
      .ace-careers-hero__image-small,
      .ace-careers-hero__image-bottom {
          overflow: hidden;
          border-radius: 22px;
          border: 1px solid var(--ace-line);
          box-shadow: var(--ace-shadow-md);
      }

      .ace-careers-hero__image-main {
          position: absolute;
          right: 22px;
          top: 64px;
          width: 60%;
          height: 69%;
      }

      .ace-careers-hero__image-small {
          position: absolute;
          left: 22px;
          top: 92px;
          width: 30%;
          height: 26%;
      }

      .ace-careers-hero__image-bottom {
          position: absolute;
          left: 62px;
          bottom: 24px;
          width: 34%;
          height: 22%;
      }

      .ace-careers-hero__image-main img,
      .ace-careers-hero__image-small img,
      .ace-careers-hero__image-bottom img {
          width: 100%;
          height: 100%;
          object-fit: cover;
      }

      .ace-careers-hero__floating {
          position: absolute;
          z-index: 2;
          min-width: 190px;
          max-width: 250px;
          padding: 14px 14px 13px;
          background: rgba(255, 255, 255, 0.96);
          border: 1px solid var(--ace-line);
          border-radius: 18px;
          box-shadow: var(--ace-shadow-md);
      }

      .ace-careers-hero__floating--culture {
          left: 24px;
          top: 22px;
      }

      .ace-careers-hero__floating--roles {
          right: 24px;
          bottom: 22px;
      }

      .ace-careers-hero__floating-head {
          display: flex;
          align-items: center;
          gap: 10px;
          color: var(--ace-dark);
          font-size: 14px;
          font-weight: 800;
          line-height: 1.35;
          margin-bottom: 7px;
      }

      .ace-careers-hero__floating-head i {
          width: 32px;
          height: 32px;
          flex: 0 0 32px;
          display: inline-flex;
          align-items: center;
          justify-content: center;
          border-radius: 12px;
          background: var(--ace-orange);
          color: #fff;
          font-size: 13px;
      }

      .ace-careers-hero__floating p {
          color: var(--ace-text);
          font-size: 12px;
          line-height: 1.6;
          font-weight: 600;
      }

      .ace-careers-openings {
          padding: 6px 0 50px;
      }

      .ace-careers-openings__shell {
          background: var(--ace-surface-soft);
          border: 1px solid var(--ace-line);
          border-radius: 38px;
          padding: 18px;
      }

      .ace-careers-openings__grid {
          display: grid;
          grid-template-columns: 390px minmax(0, 1fr);
          gap: 18px;
          align-items: start;
      }

      .ace-careers-openings__intro {
          position: sticky;
          top: 20px;
          background: var(--ace-surface);
          border: 1px solid var(--ace-line);
          border-radius: 24px;
          padding: 22px;
          box-shadow: var(--ace-shadow-sm);
      }

      .ace-careers-openings__intro .ace-careers-copy {
          margin-top: 16px;
          font-size: 15px;
          line-height: 1.8;
      }

      .ace-careers-openings__feature-list {
          display: grid;
          gap: 12px;
          margin-top: 22px;
      }

      .ace-careers-openings__feature {
          display: flex;
          align-items: flex-start;
          gap: 12px;
          padding: 14px 14px;
          background: var(--ace-bg);
          border: 1px solid var(--ace-line);
          border-radius: 16px;
      }

      .ace-careers-openings__feature i {
          width: 26px;
          height: 26px;
          flex: 0 0 26px;
          display: inline-flex;
          align-items: center;
          justify-content: center;
          border-radius: 999px;
          background: rgba(62, 177, 92, 0.12);
          color: #36a65d;
          font-size: 12px;
          margin-top: 1px;
      }

      .ace-careers-openings__feature strong {
          display: block;
          color: var(--ace-dark);
          font-size: 14px;
          line-height: 1.35;
          margin-bottom: 4px;
      }

      .ace-careers-openings__feature span {
          display: block;
          color: var(--ace-text);
          font-size: 12px;
          line-height: 1.58;
      }

      .ace-careers-openings__stats {
          display: grid;
          grid-template-columns: repeat(2, minmax(0, 1fr));
          gap: 12px;
          margin-top: 12px;
      }

      .ace-careers-openings__stat {
          background: var(--ace-bg);
          border: 1px solid var(--ace-line);
          border-radius: 16px;
          padding: 16px 14px;
      }

      .ace-careers-openings__stat h4 {
          color: var(--ace-dark);
          font-size: 17px;
          line-height: 1.1;
          font-weight: 900;
          margin-bottom: 6px;
      }

      .ace-careers-openings__stat p {
          color: var(--ace-text);
          font-size: 12px;
          line-height: 1.58;
          font-weight: 600;
      }

      .ace-careers-accordion {
          display: grid;
          gap: 12px;
      }

      .ace-careers-job {
          background: var(--ace-surface);
          border: 1px solid var(--ace-line);
          border-radius: 22px;
          overflow: hidden;
          transition: border-color var(--ace-transition), box-shadow var(--ace-transition);
      }

      .ace-careers-job:hover {
          box-shadow: var(--ace-shadow-sm);
      }

      .ace-careers-job.is-open {
          box-shadow: var(--ace-shadow-md);
      }

      .ace-careers-job__button {
          position: relative;
          width: 100%;
          padding: 18px 60px 18px 18px;
          background: transparent;
          border: 0;
          text-align: left;
          cursor: pointer;
      }

      .ace-careers-job__tags {
          display: flex;
          flex-wrap: wrap;
          gap: 8px;
          margin-bottom: 12px;
      }

      .ace-careers-job__tag {
          min-height: 26px;
          padding: 0 10px;
          display: inline-flex;
          align-items: center;
          border-radius: 999px;
          background: #fff4eb;
          color: var(--ace-orange);
          font-size: 10px;
          font-weight: 800;
          letter-spacing: 0.08em;
          text-transform: uppercase;
      }

      .ace-careers-job__title {
          color: var(--ace-dark);
          font-family: "Playfair Display", serif;
          font-size: clamp(24px, 2.3vw, 44px);
          line-height: 1.04;
          letter-spacing: -0.04em;
      }

      .ace-careers-job__excerpt {
          color: var(--ace-text);
          font-size: 15px;
          line-height: 1.72;
          margin-top: 8px;
          max-width: 820px;
      }

      .ace-careers-job__toggle {
          position: absolute;
          right: 16px;
          top: 18px;
          width: 34px;
          height: 34px;
          display: inline-flex;
          align-items: center;
          justify-content: center;
          border-radius: 999px;
          background: var(--ace-surface-soft);
          border: 1px solid var(--ace-line);
          color: var(--ace-dark);
          font-size: 12px;
          transition: transform var(--ace-transition), background var(--ace-transition), color var(--ace-transition);
      }

      .ace-careers-job.is-open .ace-careers-job__toggle {
          background: var(--ace-dark);
          color: #fff;
          transform: rotate(180deg);
      }

      .ace-careers-job__panel {
          display: none;
          padding: 0 18px 18px;
      }

      .ace-careers-job.is-open .ace-careers-job__panel {
          display: block;
      }

      .ace-careers-job__inner {
          padding-top: 14px;
          border-top: 1px solid var(--ace-line);
      }

      .ace-careers-job__grid {
          display: grid;
          grid-template-columns: minmax(0, 1fr) 250px;
          gap: 20px;
          align-items: start;
      }

      .ace-careers-job__content h4 {
          color: var(--ace-dark);
          font-size: 13px;
          line-height: 1.3;
          font-weight: 900;
          letter-spacing: 0.08em;
          text-transform: uppercase;
          margin: 18px 0 10px;
      }

      .ace-careers-job__content h4:first-child {
          margin-top: 0;
      }

      .ace-careers-job__content p {
          color: var(--ace-text);
          font-size: 14px;
          line-height: 1.8;
      }

      .ace-careers-job__list {
          list-style: none;
          display: grid;
          gap: 9px;
          margin-top: 4px;
      }

      .ace-careers-job__list li {
          position: relative;
          padding-left: 18px;
          color: var(--ace-text);
          font-size: 14px;
          line-height: 1.76;
      }

      .ace-careers-job__list li::before {
          content: "";
          position: absolute;
          left: 0;
          top: 10px;
          width: 7px;
          height: 7px;
          border-radius: 50%;
          background: var(--ace-orange);
      }

      .ace-careers-job__side {
          background: var(--ace-bg);
          border: 1px solid var(--ace-line);
          border-radius: 18px;
          padding: 16px;
      }

      .ace-careers-job__meta {
          display: grid;
          gap: 14px;
      }

      .ace-careers-job__meta-item h5 {
          color: #7a8791;
          font-size: 10px;
          line-height: 1.3;
          letter-spacing: 0.09em;
          text-transform: uppercase;
          font-weight: 800;
          margin-bottom: 6px;
      }

      .ace-careers-job__meta-item p {
          color: var(--ace-dark);
          font-size: 14px;
          line-height: 1.6;
          font-weight: 800;
      }

      .ace-careers-job__actions {
          display: flex;
          flex-wrap: wrap;
          gap: 12px;
          margin-top: 22px;
      }

      .ace-careers-apply {
          padding: 2px 0 60px;
      }

      .ace-careers-apply__shell {
          background: var(--ace-surface-soft);
          border: 1px solid var(--ace-line);
          border-radius: 38px;
          padding: 22px;
      }

      .ace-careers-apply__form-card {
          max-width: 980px;
          margin: 0 auto;
          background: var(--ace-surface);
          border: 1px solid var(--ace-line);
          border-radius: 28px;
          padding: 26px;
          box-shadow: var(--ace-shadow-sm);
      }

      .ace-careers-apply__head {
          margin-bottom: 22px;
      }

      .ace-careers-apply__head h2 {
          font-family: "Playfair Display", serif;
          font-size: clamp(38px, 4vw, 64px);
          line-height: 0.98;
          letter-spacing: -0.05em;
          color: var(--ace-dark);
          margin-top: 16px;
          margin-bottom: 10px;
      }

      .ace-careers-apply__head p {
          color: var(--ace-text);
          font-size: 15px;
          line-height: 1.75;
          max-width: 760px;
      }

      .ace-careers-form__grid {
          display: grid;
          grid-template-columns: repeat(2, minmax(0, 1fr));
          gap: 16px;
      }

      .ace-careers-form__field {
          display: block;
      }

      .ace-careers-form__field--full {
          grid-column: 1 / -1;
      }

      .ace-careers-form__label {
          display: block;
          margin-bottom: 8px;
          color: var(--ace-dark);
          font-size: 11px;
          line-height: 1.3;
          letter-spacing: 0.08em;
          text-transform: uppercase;
          font-weight: 800;
      }

      .ace-careers-form__input,
      .ace-careers-form__select {
          width: 100%;
          height: 56px;
          padding: 0 16px;
          background: #fff;
          border: 1px solid #d9dee4;
          border-radius: 14px;
          color: var(--ace-dark);
          transition: border-color var(--ace-transition), box-shadow var(--ace-transition);
      }

      .ace-careers-form__textarea {
          height: auto;
          min-height: 140px;
          padding-top: 16px;
          padding-bottom: 16px;
          resize: vertical;
      }

      .ace-careers-form__input::placeholder,
      .ace-careers-form__select,
      .ace-careers-form__file-name {
          color: #8b97a4;
      }

      .ace-careers-form__input:focus,
      .ace-careers-form__select:focus,
      .ace-careers-form__textarea:focus {
          outline: none;
          border-color: rgba(217, 108, 43, 0.55);
          box-shadow: 0 0 0 4px rgba(217, 108, 43, 0.10);
      }

      .ace-careers-form__file {
          position: relative;
          min-height: 62px;
          display: flex;
          align-items: center;
          gap: 14px;
          padding: 8px;
          background: #fff;
          border: 1px solid #d9dee4;
          border-radius: 14px;
      }

      .ace-careers-form__file input {
          position: absolute;
          inset: 0;
          opacity: 0;
          cursor: pointer;
      }

      .ace-careers-form__file-button {
          min-width: 122px;
          height: 44px;
          padding: 0 16px;
          display: inline-flex;
          align-items: center;
          justify-content: center;
          gap: 8px;
          border-radius: 12px;
          background: var(--ace-orange);
          color: #fff;
          font-size: 13px;
          font-weight: 800;
          pointer-events: none;
          flex: 0 0 auto;
      }

      .ace-careers-form__file-name {
          font-size: 14px;
          line-height: 1.6;
          font-weight: 600;
      }

      .ace-careers-form__notice {
          margin-bottom: 18px;
          padding: 14px 16px;
          border-radius: 16px;
          border: 1px solid rgba(26, 41, 66, 0.08);
          font-size: 14px;
          font-weight: 700;
      }

      .ace-careers-form__notice--success {
          background: rgba(54, 166, 93, 0.10);
          color: #227447;
      }

      .ace-careers-form__notice--error {
          background: rgba(217, 108, 43, 0.10);
          color: #9a4412;
      }

      .ace-careers-form__actions {
          margin-top: 22px;
          display: flex;
          justify-content: flex-start;
      }

      @media (min-width: 1200px) and (max-width: 1399.98px) {
          .ace-careers-wrap {
              width: min(100% - 34px, 1320px);
          }

          .ace-careers-hero__grid {
              gap: 28px;
          }

          .ace-careers-openings__grid {
              grid-template-columns: 360px minmax(0, 1fr);
          }
      }

      @media (min-width: 992px) and (max-width: 1199.98px) {
          .ace-careers-wrap {
              width: min(100% - 30px, 1320px);
          }

          .ace-careers-hero__grid {
              grid-template-columns: minmax(0, 1fr) minmax(0, 0.92fr);
              gap: 24px;
          }

          .ace-careers-hero__visual {
              min-height: 520px;
          }

          .ace-careers-openings__grid {
              grid-template-columns: 320px minmax(0, 1fr);
          }

          .ace-careers-job__grid {
              grid-template-columns: minmax(0, 1fr) 225px;
          }

          .ace-careers-title {
              font-size: clamp(42px, 5.4vw, 72px);
          }
      }

      @media (min-width: 768px) and (max-width: 991.98px) {
          .ace-careers-wrap {
              width: min(100% - 26px, 1320px);
          }

          .ace-careers-hero {
              padding: 22px 0 40px;
          }

          .ace-careers-hero__shell,
          .ace-careers-openings__shell,
          .ace-careers-apply__shell {
              padding: 16px;
              border-radius: 28px;
          }

          .ace-careers-hero__grid,
          .ace-careers-openings__grid,
          .ace-careers-job__grid,
          .ace-careers-form__grid {
              grid-template-columns: 1fr;
          }

          .ace-careers-hero__grid {
              gap: 22px;
          }

          .ace-careers-hero__visual {
              min-height: 520px;
          }

          .ace-careers-openings__intro {
              position: relative;
              top: auto;
          }

          .ace-careers-hero__meta {
              grid-template-columns: repeat(3, minmax(0, 1fr));
          }

          .ace-careers-job__side {
              margin-top: 6px;
          }
      }

      @media (min-width: 480px) and (max-width: 767.98px) {
          .ace-careers-wrap {
              width: min(100% - 20px, 1320px);
          }

          .ace-careers-hero {
              padding: 18px 0 34px;
          }

          .ace-careers-openings,
          .ace-careers-apply {
              padding-bottom: 40px;
          }

          .ace-careers-hero__shell,
          .ace-careers-openings__shell,
          .ace-careers-apply__shell {
              padding: 14px;
              border-radius: 24px;
          }

          .ace-careers-hero__grid,
          .ace-careers-openings__grid,
          .ace-careers-job__grid,
          .ace-careers-form__grid,
          .ace-careers-hero__meta,
          .ace-careers-openings__stats {
              grid-template-columns: 1fr;
          }

          .ace-careers-title {
              font-size: clamp(38px, 9vw, 58px);
              line-height: 0.96;
          }

          .ace-careers-section-title,
          .ace-careers-apply__head h2 {
              font-size: clamp(34px, 8vw, 52px);
              line-height: 0.98;
          }

          .ace-careers-copy {
              font-size: 15px;
          }

          .ace-careers-hero__actions,
          .ace-careers-job__actions,
          .ace-careers-form__actions {
              flex-direction: column;
              align-items: stretch;
          }

          .ace-careers-hero__visual {
              min-height: 430px;
              padding: 14px;
          }

          .ace-careers-hero__image-main {
              position: relative;
              top: auto;
              right: auto;
              width: 100%;
              height: 240px;
          }

          .ace-careers-hero__image-small,
          .ace-careers-hero__image-bottom {
              display: none;
          }

          .ace-careers-hero__floating {
              min-width: 0;
              max-width: 72%;
              padding: 12px;
          }

          .ace-careers-hero__floating--culture {
              left: 14px;
              top: 14px;
          }

          .ace-careers-hero__floating--roles {
              right: 14px;
              bottom: 14px;
          }

          .ace-careers-openings__intro,
          .ace-careers-apply__form-card {
              padding: 18px;
          }

          .ace-careers-job__button {
              padding: 16px 52px 16px 16px;
          }

          .ace-careers-job__panel {
              padding: 0 16px 16px;
          }
      }

      @media (min-width: 375px) and (max-width: 479.98px) {
          .ace-careers-wrap {
              width: min(100% - 16px, 1320px);
          }

          .ace-careers-hero {
              padding: 16px 0 30px;
          }

          .ace-careers-openings,
          .ace-careers-apply {
              padding-bottom: 34px;
          }

          .ace-careers-kicker {
              min-height: 32px;
              padding: 0 12px;
              font-size: 9px;
              letter-spacing: 0.12em;
          }

          .ace-careers-hero__shell,
          .ace-careers-openings__shell,
          .ace-careers-apply__shell {
              padding: 12px;
              border-radius: 22px;
          }

          .ace-careers-hero__grid,
          .ace-careers-openings__grid,
          .ace-careers-job__grid,
          .ace-careers-form__grid,
          .ace-careers-hero__meta,
          .ace-careers-openings__stats {
              grid-template-columns: 1fr;
          }

          .ace-careers-title {
              font-size: 36px;
              line-height: 0.98;
          }

          .ace-careers-section-title,
          .ace-careers-apply__head h2 {
              font-size: 32px;
              line-height: 1;
          }

          .ace-careers-copy {
              font-size: 14px;
              line-height: 1.72;
          }

          .ace-careers-hero__actions,
          .ace-careers-job__actions,
          .ace-careers-form__actions {
              flex-direction: column;
              align-items: stretch;
          }

          .ace-careers-hero__visual {
              min-height: 380px;
              padding: 12px;
          }

          .ace-careers-hero__image-main {
              position: relative;
              top: auto;
              right: auto;
              width: 100%;
              height: 210px;
          }

          .ace-careers-hero__image-small,
          .ace-careers-hero__image-bottom {
              display: none;
          }

          .ace-careers-hero__floating {
              min-width: 0;
              max-width: 74%;
              padding: 10px;
              border-radius: 14px;
          }

          .ace-careers-hero__floating-head {
              font-size: 12px;
              gap: 8px;
          }

          .ace-careers-hero__floating-head i {
              width: 28px;
              height: 28px;
              flex: 0 0 28px;
              font-size: 11px;
          }

          .ace-careers-hero__floating p {
              font-size: 11px;
          }

          .ace-careers-openings__intro,
          .ace-careers-apply__form-card {
              padding: 16px;
          }

          .ace-careers-job__button {
              padding: 15px 48px 15px 15px;
          }

          .ace-careers-job__title {
              font-size: 22px;
          }

          .ace-careers-job__excerpt,
          .ace-careers-job__content p,
          .ace-careers-job__list li {
              font-size: 13px;
          }

          .ace-careers-job__panel {
              padding: 0 15px 15px;
          }

          .ace-careers-form__file {
              flex-direction: column;
              align-items: stretch;
          }

          .ace-careers-form__file-button {
              min-width: 100%;
          }
      }

      @media (min-width: 320px) and (max-width: 374.98px) {
          .ace-careers-wrap {
              width: min(100% - 14px, 1320px);
          }

          .ace-careers-hero {
              padding: 14px 0 28px;
          }

          .ace-careers-openings,
          .ace-careers-apply {
              padding-bottom: 30px;
          }

          .ace-careers-kicker {
              min-height: 30px;
              padding: 0 10px;
              gap: 7px;
              font-size: 8px;
              letter-spacing: 0.11em;
          }

          .ace-careers-hero__shell,
          .ace-careers-openings__shell,
          .ace-careers-apply__shell {
              padding: 10px;
              border-radius: 18px;
          }

          .ace-careers-hero__grid,
          .ace-careers-openings__grid,
          .ace-careers-job__grid,
          .ace-careers-form__grid,
          .ace-careers-hero__meta,
          .ace-careers-openings__stats {
              grid-template-columns: 1fr;
          }

          .ace-careers-title {
              font-size: 32px;
              line-height: 1;
          }

          .ace-careers-section-title,
          .ace-careers-apply__head h2 {
              font-size: 28px;
              line-height: 1.02;
          }

          .ace-careers-copy {
              font-size: 14px;
              line-height: 1.68;
          }

          .ace-careers-button {
              min-height: 50px;
              padding: 0 18px;
              font-size: 14px;
          }

          .ace-careers-hero__actions,
          .ace-careers-job__actions,
          .ace-careers-form__actions {
              flex-direction: column;
              align-items: stretch;
          }

          .ace-careers-hero__visual {
              min-height: 340px;
              padding: 10px;
          }

          .ace-careers-hero__image-main {
              position: relative;
              top: auto;
              right: auto;
              width: 100%;
              height: 185px;
          }

          .ace-careers-hero__image-small,
          .ace-careers-hero__image-bottom {
              display: none;
          }

          .ace-careers-hero__floating {
              min-width: 0;
              max-width: 78%;
              padding: 9px;
              border-radius: 12px;
          }

          .ace-careers-hero__floating-head {
              font-size: 11px;
              gap: 7px;
          }

          .ace-careers-hero__floating-head i {
              width: 26px;
              height: 26px;
              flex: 0 0 26px;
              font-size: 10px;
          }

          .ace-careers-hero__floating p {
              font-size: 10px;
              line-height: 1.5;
          }

          .ace-careers-openings__intro,
          .ace-careers-apply__form-card {
              padding: 14px;
          }

          .ace-careers-job__button {
              padding: 14px 44px 14px 14px;
          }

          .ace-careers-job__title {
              font-size: 20px;
              line-height: 1.06;
          }

          .ace-careers-job__excerpt,
          .ace-careers-job__content p,
          .ace-careers-job__list li,
          .ace-careers-job__meta-item p {
              font-size: 13px;
          }

          .ace-careers-job__panel {
              padding: 0 14px 14px;
          }

          .ace-careers-form__input,
          .ace-careers-form__select {
              height: 52px;
              padding: 0 14px;
              font-size: 14px;
          }

          .ace-careers-form__file {
              flex-direction: column;
              align-items: stretch;
              gap: 10px;
          }

          .ace-careers-form__file-button {
              min-width: 100%;
              height: 42px;
              font-size: 12px;
          }

          .ace-careers-form__file-name {
              font-size: 13px;
          }
      }






      :root {
          --bs-body-font-family: "Inter", sans-serif;
          --bs-heading-font-family: "Playfair Display", serif;
          --bs-body-color: #5f6673;
          --bs-heading-color: #1A2942;
          --bs-primary: #D96C2B;
          --bs-primary-rgb: 217, 108, 43;
          --bs-dark: #1A2942;
          --bs-light: #F8F8F6;
          --bs-secondary: #F2F1ED;
          --bs-border-color: #E7E3DC;
          --bs-white: #ffffff;

          --about-radius-xs: 12px;
          --about-radius-sm: 16px;
          --about-radius-md: 24px;
          --about-radius-lg: 30px;
          --about-radius-xl: 38px;

          --about-shadow-sm: 0 10px 22px rgba(26, 41, 66, 0.05);
          --about-shadow-md: 0 16px 32px rgba(26, 41, 66, 0.06);
          --about-shadow-lg: 0 22px 46px rgba(26, 41, 66, 0.08);

          --about-ease: cubic-bezier(.22, 1, .36, 1);
          --about-wrap: 1320px;
      }

      * {
          box-sizing: border-box;
          margin: 0;
          padding: 0;
      }

      html {
          scroll-behavior: smooth;
      }

      body {
          font-family: var(--bs-body-font-family);
          font-size: 16px;
          line-height: 1.7;
          color: var(--bs-body-color);
          background: var(--bs-light);
          -webkit-font-smoothing: antialiased;
          overflow-x: clip;
      }

      img {
          display: block;
          max-width: 100%;
          height: auto;
      }

      a {
          text-decoration: none;
          color: inherit;
      }

      button,
      input,
      select,
      textarea {
          font: inherit;
      }

      .about-page {
          background: var(--bs-light);
          overflow: hidden;
      }

      .about-wrap {
          width: min(var(--about-wrap), calc(100% - 40px));
          margin-inline: auto;
      }

      .about-section {
          padding: 64px 0;
      }

      .about-shell {
          background: var(--bs-secondary);
          border: 1px solid var(--bs-border-color);
          border-radius: var(--about-radius-xl);
          padding: 20px;
          position: relative;
          overflow: hidden;
      }

      .about-kicker {
          display: inline-flex;
          align-items: center;
          gap: 8px;
          min-height: 34px;
          padding: 0 14px;
          border-radius: 999px;
          background: rgba(255, 255, 255, 0.88);
          border: 1px solid rgba(26, 41, 66, 0.08);
          color: var(--bs-primary);
          font-size: 10px;
          font-weight: 800;
          letter-spacing: .14em;
          text-transform: uppercase;
          box-shadow: 0 8px 16px rgba(26, 41, 66, 0.04);
      }

      .about-kicker i {
          font-size: 8px;
          line-height: 1;
      }

      .about-title-xl,
      .about-title-lg,
      .about-title-md,
      .about-title-sm {
          color: var(--bs-heading-color);
          font-family: var(--bs-heading-font-family);
          font-weight: 700;
          letter-spacing: -.05em;
          line-height: .95;
      }

      .about-title-xl {
          font-size: clamp(52px, 4vw, 60px);
      }

      .about-title-lg {
          font-size: clamp(36px, 4.2vw, 64px);
      }

      .about-title-md {
          font-size: clamp(28px, 2.6vw, 40px);
          line-height: 1.02;
      }

      .about-title-sm {
          font-size: clamp(22px, 2vw, 28px);
          line-height: 1.08;
      }

      .about-title-xl span,
      .about-title-lg span,
      .about-title-md span,
      .about-title-sm span {
          color: var(--bs-primary);
      }

      .about-copy {
          color: var(--bs-body-color);
          font-size: 16px;
          line-height: 1.82;
      }

      .about-btn-row {
          display: flex;
          flex-wrap: wrap;
          gap: 14px;
      }

      .about-btn {
          display: inline-flex;
          align-items: center;
          justify-content: center;
          gap: 10px;
          min-height: 54px;
          padding: 0 24px;
          border-radius: 999px;
          font-size: 14px;
          font-weight: 800;
          transition:
              transform .28s var(--about-ease),
              box-shadow .28s var(--about-ease),
              background .28s var(--about-ease),
              border-color .28s var(--about-ease);
      }

      .about-btn:hover {
          transform: translateY(-2px);
      }

      .about-btn--primary {
          color: #fff;
          background: linear-gradient(135deg, var(--bs-primary), #ED8B46);
          box-shadow: 0 14px 28px rgba(var(--bs-primary-rgb), .22);
      }

      .about-btn--ghost {
          color: var(--bs-heading-color);
          background: rgba(255, 255, 255, .94);
          border: 1px solid rgba(26, 41, 66, .08);
          box-shadow: 0 8px 16px rgba(26, 41, 66, .04);
      }

      .about-card {
          background: var(--bs-white);
          border: 1px solid var(--bs-border-color);
          border-radius: var(--about-radius-md);
          box-shadow: var(--about-shadow-sm);
          position: relative;
          overflow: hidden;
          transition:
              transform .35s var(--about-ease),
              box-shadow .35s var(--about-ease),
              border-color .35s var(--about-ease);
          transform-style: preserve-3d;
          will-change: transform;
      }

      .about-card:hover {
          border-color: rgba(var(--bs-primary-rgb), .22);
          box-shadow: var(--about-shadow-md);
      }

      .about-card::after {
          content: "";
          position: absolute;
          right: -40px;
          bottom: -40px;
          width: 130px;
          height: 130px;
          border-radius: 50%;
          background: radial-gradient(circle, rgba(var(--bs-primary-rgb), .10), transparent 70%);
          opacity: 0;
          transition: opacity .35s var(--about-ease);
          pointer-events: none;
      }

      .about-card:hover::after {
          opacity: 1;
      }

      .about-reveal {
          opacity: 0;
          transform: translateY(32px);
          transition: opacity .85s var(--about-ease), transform .85s var(--about-ease);
      }

      .about-reveal.is-visible {
          opacity: 1;
          transform: none;
      }

      .about-tilt__inner {
          transition: transform .35s var(--about-ease);
          transform: translateZ(0);
      }

      .about-card:hover .about-tilt__inner {
          transform: translateZ(18px);
      }

      .about-section-copy {
          color: #8a93a0;
          font-size: 11px;
          font-weight: 700;
          letter-spacing: .08em;
          text-transform: uppercase;
          line-height: 1.6;
          margin-bottom: 12px;
      }

      /* hero */
      .about-hero {
          padding: 24px 0 36px;
      }

      .about-hero__grid {
          display: grid;
          grid-template-columns: minmax(0, 1fr) minmax(0, .94fr);
          gap: 24px;
          align-items: center;
      }

      .about-hero__copy {
          max-width: 650px;
          padding: 14px 8px;
      }

      .about-hero__copy .about-copy {
          max-width: 560px;
          margin-top: 16px;
      }

      .about-hero__actions {
          margin-top: 24px;
      }

      .about-hero__media {
          display: grid;
          grid-template-columns: 1fr .62fr;
          grid-template-rows: 1fr auto;
          gap: 16px;
          min-height: 0;
      }

      .about-hero__media-item {
          overflow: hidden;
          border-radius: var(--about-radius-lg);
          border: 1px solid var(--bs-border-color);
          background: #dcd6cf;
          box-shadow: var(--about-shadow-sm);
      }

      .about-hero__media-item img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          transition: transform .55s var(--about-ease);
      }

      .about-hero__media-item:hover img {
          transform: scale(1.05);
      }

      .about-hero__media-item--top {
          grid-column: 1 / 3;
          height: 276px;
      }

      .about-hero__media-item--left {
          height: 292px;
      }

      .about-hero__media-stack {
          display: grid;
          grid-template-rows: repeat(2, 1fr);
          gap: 16px;
          height: 292px;
      }

      /* intro */
      .about-intro__grid {
          display: grid;
          grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
          gap: 24px;
          align-items: stretch;
      }

      .about-intro__media {
          padding: 14px;
          min-height: 420px;
      }

      .about-intro__media-grid {
          display: grid;
          grid-template-columns: 1.05fr .95fr;
          gap: 14px;
          height: 100%;
      }

      .about-intro__media-left {
          display: grid;
          grid-template-rows: 1fr auto;
          gap: 14px;
      }

      .about-intro__media-image {
          overflow: hidden;
          border-radius: 22px;
          border: 1px solid var(--bs-border-color);
          background: #ddd8d1;
      }

      .about-intro__media-image img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          transition: transform .55s var(--about-ease);
      }

      .about-intro__media:hover .about-intro__media-image img {
          transform: scale(1.04);
      }

      .about-intro__media-image--main {
          min-height: 210px;
      }

      .about-intro__media-image--small {
          min-height: 118px;
      }

      .about-intro__media-right {
          border-radius: 22px;
          border: 1px solid var(--bs-border-color);
          background: var(--bs-light);
          display: flex;
          align-items: center;
          justify-content: center;
          padding: 20px;
          text-align: center;
      }

      .about-intro__media-tag {
          color: #7f8894;
          font-size: 10px;
          font-weight: 800;
          letter-spacing: .14em;
          text-transform: uppercase;
          margin-bottom: 10px;
      }

      .about-intro__media-title {
          color: var(--bs-heading-color);
          font-family: var(--bs-heading-font-family);
          font-size: clamp(26px, 2vw, 34px);
          line-height: 1.04;
          letter-spacing: -.04em;
      }

      .about-intro__content {
          padding: 26px;
      }

      .about-intro__content .about-copy {
          margin-top: 16px;
      }

      .about-intro__signature {
          margin-top: 22px;
          display: grid;
          grid-template-columns: 60px 1fr;
          gap: 14px;
          align-items: start;
      }

      .about-intro__icon {
          width: 54px;
          height: 54px;
          border-radius: 15px;
          display: flex;
          align-items: center;
          justify-content: center;
          background: rgba(var(--bs-primary-rgb), .10);
          border: 1px solid rgba(var(--bs-primary-rgb), .14);
          color: var(--bs-primary);
          font-size: 18px;
      }

      .about-intro__signature-copy p {
          color: #7c8692;
          font-size: 14px;
          margin-top: 4px;
      }

      .about-intro__list {
          list-style: none;
          display: grid;
          gap: 12px;
          margin-top: 22px;
      }

      .about-intro__list li {
          display: flex;
          align-items: center;
          gap: 12px;
          min-height: 50px;
          padding: 0 16px;
          border-radius: 16px;
          background: var(--bs-light);
          border: 1px solid var(--bs-border-color);
          color: var(--bs-heading-color);
          font-size: 14px;
          font-weight: 700;
          transition:
              transform .28s var(--about-ease),
              border-color .28s var(--about-ease),
              box-shadow .28s var(--about-ease);
      }

      .about-intro__list li:hover {
          transform: translateX(4px);
          border-color: rgba(var(--bs-primary-rgb), .20);
          box-shadow: 0 8px 18px rgba(26, 41, 66, .04);
      }

      .about-intro__list i {
          color: var(--bs-primary);
          font-size: 14px;
      }

      /* principles */
      .about-principles {
          padding-top: 50px;
      }

      .about-principles__head {
          max-width: 860px;
          margin-bottom: 24px;
      }

      .about-principles__grid {
          display: grid;
          grid-template-columns: repeat(3, minmax(0, 1fr));
          gap: 20px;
      }

      .about-principles__media {
          height: 180px;
          overflow: hidden;
          border-bottom: 1px solid var(--bs-border-color);
          background: #ddd8d1;
      }

      .about-principles__media img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          transition: transform .55s var(--about-ease);
      }

      .about-principles__card:hover .about-principles__media img {
          transform: scale(1.05);
      }

      .about-principles__body {
          padding: 20px 18px 22px;
      }

      .about-principles__icon {
          width: 42px;
          height: 42px;
          border-radius: 14px;
          display: flex;
          align-items: center;
          justify-content: center;
          background: rgba(var(--bs-primary-rgb), .10);
          border: 1px solid rgba(var(--bs-primary-rgb), .14);
          color: var(--bs-primary);
          font-size: 15px;
          margin-bottom: 12px;
      }

      .about-principles__body .about-copy {
          font-size: 14px;
          line-height: 1.78;
          margin-top: 10px;
      }

      /* more about */
      .about-more__grid {
          display: grid;
          grid-template-columns: minmax(0, 1fr) 360px;
          gap: 24px;
          align-items: start;
      }

      .about-more__content {
          padding: 4px;
      }

      .about-more__items {
          display: grid;
          grid-template-columns: repeat(2, minmax(0, 1fr));
          gap: 16px;
          margin-top: 24px;
      }

      .about-more__item {
          padding: 20px 18px;
      }

      .about-more__item-icon {
          width: 44px;
          height: 44px;
          border-radius: 14px;
          display: flex;
          align-items: center;
          justify-content: center;
          background: rgba(var(--bs-primary-rgb), .10);
          border: 1px solid rgba(var(--bs-primary-rgb), .14);
          color: var(--bs-primary);
          font-size: 16px;
          margin-bottom: 12px;
      }

      .about-more__item .about-copy {
          font-size: 14px;
          line-height: 1.78;
          margin-top: 10px;
      }

      .about-more__side {
          padding: 14px;
      }

      .about-more__side-media {
          overflow: hidden;
          border-radius: 22px 22px 0 0;
          background: #ddd8d1;
          border-bottom: 1px solid var(--bs-border-color);
      }

      .about-more__side-media img {
          width: 100%;
          height: 210px;
          object-fit: cover;
          transition: transform .55s var(--about-ease);
      }

      .about-more__side:hover .about-more__side-media img {
          transform: scale(1.05);
      }

      .about-more__side-body {
          padding: 24px 20px 22px;
          background: var(--bs-white);
          text-align: center;
      }

      .about-more__year {
          width: 124px;
          height: 124px;
          border-radius: 50%;
          margin: 0 auto 16px;
          display: flex;
          align-items: center;
          justify-content: center;
          border: 1px solid rgba(var(--bs-primary-rgb), .28);
          background: linear-gradient(180deg, #fff, #fcfaf7);
          color: var(--bs-heading-color);
          font-family: var(--bs-heading-font-family);
          font-size: 18px;
          font-weight: 700;
          line-height: 1.04;
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, .86);
      }

      .about-more__year span {
          color: var(--bs-primary);
      }

      .about-more__side-body .about-copy {
          font-size: 14px;
          line-height: 1.78;
          margin-top: 10px;
      }

      /* team */
      .about-team {
          padding-top: 44px;
      }

      .about-team__head {
          max-width: 820px;
          text-align: center;
          margin: 0 auto 24px;
      }

      .about-team__head .about-copy {
          max-width: 740px;
          margin: 14px auto 0;
          font-size: 15px;
      }

      .about-team__grid {
          display: grid;
          grid-template-columns: repeat(5, minmax(0, 1fr));
          gap: 18px;
      }

      .about-team__card {
          cursor: pointer;
          background: linear-gradient(180deg, rgba(255, 255, 255, .92), rgba(255, 255, 255, .98));
      }

      .about-team__photo {
          aspect-ratio: 1 / 1.08;
          overflow: hidden;
          background: #ece2e4;
          border-bottom: 1px solid var(--bs-border-color);
      }

      .about-team__photo img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          transition: transform .55s var(--about-ease);
      }

      .about-team__card:hover .about-team__photo img {
          transform: scale(1.04);
      }

      .about-team__body {
          padding: 16px 12px 18px;
          text-align: center;
      }

      .about-team__body .about-title-sm {
          font-size: 22px;
          margin-bottom: 6px;
      }

      .about-team__role {
          color: var(--bs-body-color);
          font-size: 12px;
          line-height: 1.5;
          font-weight: 600;
          min-height: 36px;
      }

      /* modal */
      .about-bio {
          position: fixed;
          inset: 0;
          z-index: 9999;
          display: none;
          align-items: center;
          justify-content: center;
          padding: 20px;
          background: rgba(17, 26, 44, .52);
          backdrop-filter: blur(6px);
      }

      .about-bio.is-open {
          display: flex;
      }

      .about-bio__dialog {
          width: min(940px, 100%);
          max-height: 90vh;
          overflow: auto;
          background: var(--bs-white);
          border: 1px solid var(--bs-border-color);
          border-radius: 28px;
          box-shadow: 0 28px 60px rgba(17, 26, 44, .18);
          position: relative;
      }

      .about-bio__close {
          position: absolute;
          right: 16px;
          top: 16px;
          width: 42px;
          height: 42px;
          border-radius: 50%;
          border: 1px solid rgba(26, 41, 66, .10);
          background: rgba(255, 255, 255, .96);
          color: var(--bs-heading-color);
          display: flex;
          align-items: center;
          justify-content: center;
          cursor: pointer;
          box-shadow: 0 10px 20px rgba(26, 41, 66, .06);
          z-index: 2;
      }

      .about-bio__grid {
          display: grid;
          grid-template-columns: 320px minmax(0, 1fr);
      }

      .about-bio__media {
          background: #ece2e4;
          min-height: 100%;
      }

      .about-bio__media img {
          width: 100%;
          height: 100%;
          object-fit: cover;
      }

      .about-bio__content {
          padding: 36px 32px 30px;
      }

      .about-bio__role {
          color: var(--bs-primary);
          font-size: 11px;
          font-weight: 800;
          letter-spacing: .12em;
          text-transform: uppercase;
          margin-top: 8px;
      }

      .about-bio__copy {
          margin-top: 18px;
          display: grid;
          gap: 14px;
      }

      .about-bio__copy p {
          color: var(--bs-body-color);
          font-size: 15px;
          line-height: 1.82;
      }

      /* responsive */
      @media (min-width: 1200px) and (max-width: 1399.98px) {
          .about-wrap {
              width: min(var(--about-wrap), calc(100% - 34px));
          }
      }

      @media (min-width: 992px) and (max-width: 1199.98px) {
          .about-wrap {
              width: min(var(--about-wrap), calc(100% - 30px));
          }

          .about-hero__grid {
              grid-template-columns: minmax(0, 1fr) minmax(0, .96fr);
          }

          .about-more__grid {
              grid-template-columns: minmax(0, 1fr) 320px;
          }

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

      @media (min-width: 768px) and (max-width: 991.98px) {
          .about-wrap {
              width: min(var(--about-wrap), calc(100% - 24px));
          }

          .about-section {
              padding: 54px 0;
          }

          .about-shell {
              padding: 16px;
              border-radius: 28px;
          }

          .about-hero__grid,
          .about-intro__grid,
          .about-more__grid {
              grid-template-columns: 1fr;
          }

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

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

          .about-bio__grid {
              grid-template-columns: 1fr;
          }

          .about-bio__media {
              min-height: 300px;
          }
      }

      @media (min-width: 480px) and (max-width: 767.98px) {
          .about-wrap {
              width: min(var(--about-wrap), calc(100% - 20px));
          }

          .about-section {
              padding: 46px 0;
          }

          .about-shell {
              padding: 14px;
              border-radius: 24px;
          }

          .about-title-xl {
              font-size: clamp(38px, 10vw, 58px);
              line-height: .97;
          }

          .about-title-lg {
              font-size: clamp(31px, 8vw, 46px);
          }

          .about-copy {
              font-size: 15px;
              line-height: 1.76;
          }

          .about-btn-row,
          .about-hero__actions {
              flex-direction: column;
              align-items: stretch;
          }

          .about-hero__grid,
          .about-intro__grid,
          .about-principles__grid,
          .about-more__grid,
          .about-more__items,
          .about-team__grid {
              grid-template-columns: 1fr;
          }

          .about-hero__media {
              grid-template-columns: 1fr;
              grid-template-rows: 210px 170px 170px;
          }

          .about-hero__media-item--top,
          .about-hero__media-item--left,
          .about-hero__media-stack {
              grid-column: auto;
              grid-row: auto;
              height: auto;
          }

          .about-hero__media-stack {
              display: grid;
              grid-template-rows: 1fr 1fr;
              gap: 16px;
              height: auto;
          }

          .about-intro__media-grid {
              grid-template-columns: 1fr;
          }

          .about-intro__media-right {
              min-height: 150px;
          }

          .about-bio__grid {
              grid-template-columns: 1fr;
          }

          .about-bio__media {
              min-height: 250px;
          }

          .about-bio__content {
              padding: 24px 18px 20px;
          }
      }

      @media (min-width: 375px) and (max-width: 479.98px) {
          .about-wrap {
              width: min(var(--about-wrap), calc(100% - 16px));
          }

          .about-section {
              padding: 40px 0;
          }

          .about-shell {
              padding: 12px;
              border-radius: 20px;
          }

          .about-kicker {
              min-height: 32px;
              padding: 0 12px;
              font-size: 9px;
          }

          .about-title-xl {
              font-size: 35px;
              line-height: .98;
          }

          .about-title-lg {
              font-size: 29px;
              line-height: 1;
          }

          .about-copy {
              font-size: 14px;
              line-height: 1.7;
          }

          .about-btn-row,
          .about-hero__actions {
              flex-direction: column;
              align-items: stretch;
          }

          .about-hero__grid,
          .about-intro__grid,
          .about-principles__grid,
          .about-more__grid,
          .about-more__items,
          .about-team__grid {
              grid-template-columns: 1fr;
          }

          .about-hero__media {
              grid-template-columns: 1fr;
              grid-template-rows: 190px 145px 145px;
          }

          .about-hero__media-item--top,
          .about-hero__media-item--left,
          .about-hero__media-stack {
              grid-column: auto;
              grid-row: auto;
              height: auto;
          }

          .about-hero__media-stack {
              height: auto;
          }

          .about-intro__media-grid {
              grid-template-columns: 1fr;
          }

          .about-intro__content {
              padding: 20px 16px;
          }

          .about-bio__grid {
              grid-template-columns: 1fr;
          }

          .about-bio__media {
              min-height: 220px;
          }

          .about-bio__content {
              padding: 22px 16px 18px;
          }
      }

      @media (min-width: 320px) and (max-width: 374.98px) {
          .about-wrap {
              width: min(var(--about-wrap), calc(100% - 14px));
          }

          .about-section {
              padding: 36px 0;
          }

          .about-shell {
              padding: 10px;
              border-radius: 18px;
          }

          .about-kicker {
              min-height: 30px;
              padding: 0 10px;
              gap: 6px;
              font-size: 8px;
          }

          .about-title-xl {
              font-size: 31px;
              line-height: 1;
          }

          .about-title-lg {
              font-size: 26px;
              line-height: 1.02;
          }

          .about-copy {
              font-size: 14px;
              line-height: 1.66;
          }

          .about-btn {
              min-height: 50px;
              padding: 0 18px;
              font-size: 13px;
          }

          .about-btn-row,
          .about-hero__actions {
              flex-direction: column;
              align-items: stretch;
          }

          .about-hero__grid,
          .about-intro__grid,
          .about-principles__grid,
          .about-more__grid,
          .about-more__items,
          .about-team__grid {
              grid-template-columns: 1fr;
          }

          .about-hero__media {
              grid-template-columns: 1fr;
              grid-template-rows: 175px 135px 135px;
          }

          .about-hero__media-item--top,
          .about-hero__media-item--left,
          .about-hero__media-stack {
              grid-column: auto;
              grid-row: auto;
              height: auto;
          }

          .about-hero__media-stack {
              height: auto;
          }

          .about-intro__media-grid {
              grid-template-columns: 1fr;
          }

          .about-intro__content {
              padding: 18px 14px;
          }

          .about-bio__grid {
              grid-template-columns: 1fr;
          }

          .about-bio__media {
              min-height: 200px;
          }

          .about-bio__content {
              padding: 20px 14px 16px;
          }
      }


      /* =========================================================
   BLOG LISTING + SINGLE POST
========================================================= */

      .acmb-page,
      .acepost-page {
          background: #F8F8F6;
          overflow: hidden;
      }

      .acmb-wrap,
      .acepost-wrap {
          width: min(1320px, calc(100% - 40px));
          margin-inline: auto;
      }

      .acmb-section,
      .acepost-section {
          padding: 64px 0;
      }

      .acmb-shell,
      .acepost-shell {
          background: #F2F1ED;
          border: 1px solid #E7E3DC;
          border-radius: 40px;
          padding: 22px;
          position: relative;
          overflow: hidden;
      }

      .acmb-kicker,
      .acepost-kicker {
          display: inline-flex;
          align-items: center;
          gap: 8px;
          min-height: 34px;
          padding: 0 14px;
          border-radius: 999px;
          background: rgba(255, 255, 255, .92);
          border: 1px solid rgba(26, 41, 66, .08);
          color: #D96C2B;
          font-size: 10px;
          font-weight: 800;
          letter-spacing: .14em;
          text-transform: uppercase;
          box-shadow: 0 8px 16px rgba(26, 41, 66, .04);
      }

      .acmb-kicker i,
      .acepost-kicker i {
          font-size: 8px;
          line-height: 1;
      }

      .acmb-title-xl,
      .acmb-title-lg,
      .acmb-title-md,
      .acmb-title-sm,
      .acepost-title-xl,
      .acepost-title-lg,
      .acepost-title-md,
      .acepost-title-sm {
          color: #1A2942;
          font-family: "Playfair Display", serif;
          font-weight: 700;
          letter-spacing: -.05em;
          line-height: .95;
          margin: 0;
      }

      .acmb-title-xl,
      .acepost-title-xl {
          font-size: clamp(46px, 5.2vw, 82px)
      }

      .acmb-title-lg,
      .acepost-title-lg {
          font-size: clamp(34px, 4vw, 62px)
      }

      .acmb-title-md,
      .acepost-title-md {
          font-size: clamp(24px, 2.4vw, 36px);
          line-height: 1.04
      }

      .acmb-title-sm,
      .acepost-title-sm {
          font-size: clamp(20px, 2vw, 28px);
          line-height: 1.08
      }

      .acmb-title-xl span,
      .acmb-title-lg span,
      .acmb-title-md span,
      .acmb-title-sm span,
      .acepost-title-xl span,
      .acepost-title-lg span,
      .acepost-title-md span,
      .acepost-title-sm span,
      .acmb-post__title span,
      .acepost-article h2 span {
          color: #D96C2B;
      }

      .acmb-copy,
      .acepost-copy {
          color: #5f6673;
          font-size: 16px;
          line-height: 1.82;
      }

      .acmb-btn,
      .acepost-btn {
          display: inline-flex;
          align-items: center;
          justify-content: center;
          gap: 10px;
          min-height: 50px;
          padding: 0 22px;
          border-radius: 999px;
          font-size: 14px;
          font-weight: 800;
          transition: transform .25s cubic-bezier(.22, 1, .36, 1), box-shadow .25s cubic-bezier(.22, 1, .36, 1), background .25s cubic-bezier(.22, 1, .36, 1), border-color .25s cubic-bezier(.22, 1, .36, 1), color .25s cubic-bezier(.22, 1, .36, 1);
          text-decoration: none;
      }

      .acmb-btn:hover,
      .acepost-btn:hover {
          transform: translateY(-2px)
      }

      .acmb-btn--ghost,
      .acepost-btn--ghost {
          background: rgba(255, 255, 255, .96);
          border: 1px solid rgba(26, 41, 66, .08);
          color: #1A2942;
          box-shadow: 0 8px 16px rgba(26, 41, 66, .04);
      }

      .acmb-card,
      .acepost-card {
          background: #ffffff;
          border: 1px solid #E7E3DC;
          border-radius: 24px;
          box-shadow: 0 10px 22px rgba(26, 41, 66, .05);
          overflow: hidden;
          transition: transform .28s cubic-bezier(.22, 1, .36, 1), box-shadow .28s cubic-bezier(.22, 1, .36, 1), border-color .28s cubic-bezier(.22, 1, .36, 1);
      }

      .acmb-card:hover,
      .acepost-card:hover {
          transform: translateY(-4px);
          box-shadow: 0 18px 36px rgba(26, 41, 66, .07);
          border-color: rgba(217, 108, 43, .22);
      }

      .acmb-reveal,
      .acepost-reveal {
          opacity: 0;
          transform: translateY(28px);
          transition: opacity .85s cubic-bezier(.22, 1, .36, 1), transform .85s cubic-bezier(.22, 1, .36, 1)
      }

      .acmb-reveal.is-visible,
      .acepost-reveal.is-visible {
          opacity: 1;
          transform: none
      }

      /* listing */
      .acmb-hero {
          padding: 110px 0 40px
      }

      .acmb-hero__head {
          text-align: center;
          max-width: 820px;
          margin: 0 auto 24px
      }

      .acmb-hero__head .acmb-copy {
          max-width: 760px;
          margin: 14px auto 0
      }

      .acmb-filters {
          display: flex;
          flex-wrap: wrap;
          justify-content: center;
          gap: 10px;
          margin-top: 22px
      }

      .acmb-filter {
          display: inline-flex;
          align-items: center;
          justify-content: center;
          min-height: 40px;
          padding: 0 16px;
          border-radius: 999px;
          background: rgba(255, 255, 255, .95);
          border: 1px solid #E7E3DC;
          color: #1A2942;
          font-size: 13px;
          font-weight: 700;
          text-decoration: none;
          transition: transform .25s cubic-bezier(.22, 1, .36, 1), border-color .25s cubic-bezier(.22, 1, .36, 1), background .25s cubic-bezier(.22, 1, .36, 1), color .25s cubic-bezier(.22, 1, .36, 1)
      }

      .acmb-filter:hover {
          transform: translateY(-2px);
          border-color: rgba(217, 108, 43, .24);
          color: #1A2942
      }

      .acmb-filter.is-active {
          background: linear-gradient(135deg, #D96C2B, #ED8B46);
          color: #fff;
          border-color: transparent;
          box-shadow: 0 12px 22px rgba(217, 108, 43, .18)
      }

      .acmb-bento {
          display: grid;
          grid-template-columns: 280px minmax(0, 1fr) 280px;
          gap: 18px;
          align-items: stretch;
          margin-top: 28px
      }

      .acmb-bento__col {
          display: grid;
          gap: 18px
      }

      .acmb-post {
          display: flex;
          flex-direction: column;
          min-height: 100%;
          height: 100%
      }

      .acmb-post__media {
          position: relative;
          overflow: hidden;
          background: #ddd8d1;
          border-bottom: 1px solid #E7E3DC;
          text-decoration: none;
          display: block
      }

      .acmb-post__media img {
          width: 100%;
          object-fit: contain;
          transition: transform .55s cubic-bezier(.22, 1, .36, 1)
      }

      .acmb-post:hover .acmb-post__media img {
          transform: scale(1.05)
      }

      .acmb-post__media--placeholder {
          display: flex;
          align-items: center;
          justify-content: center;
          background: linear-gradient(135deg, #f0ece5, #e2dbd2);
          color: #9da6b2
      }

      .acmb-post__body {
          padding: 18px 18px 20px;
          display: flex;
          flex-direction: column;
          flex: 1
      }

      .acmb-post__meta {
          display: flex;
          align-items: center;
          gap: 10px;
          flex-wrap: wrap;
          color: #7e8894;
          font-size: 12px;
          font-weight: 700;
          margin-bottom: 10px
      }

      .acmb-post__meta .dot {
          width: 4px;
          height: 4px;
          border-radius: 50%;
          background: #9aa3af;
          display: inline-block
      }

      .acmb-post__tag {
          display: inline-flex;
          align-items: center;
          min-height: 26px;
          padding: 0 10px;
          border-radius: 999px;
          background: #fff4eb;
          color: #D96C2B;
          font-size: 10px;
          font-weight: 800;
          letter-spacing: .08em;
          text-transform: uppercase
      }

      .acmb-post__title {
          color: #1A2942;
          font-family: "Playfair Display", serif;
          font-size: clamp(22px, 2vw, 30px);
          font-weight: 700;
          line-height: 1.08;
          letter-spacing: -.04em;
          margin: 0
      }

      .acmb-post__excerpt {
          color: #5f6673;
          font-size: 14px;
          line-height: 1.8;
          margin-top: 10px;
          flex: 1
      }

      .acmb-post__link {
          display: inline-flex;
          align-items: center;
          gap: 8px;
          margin-top: 16px;
          color: #D96C2B;
          font-size: 14px;
          font-weight: 800;
          text-decoration: none;
          transition: gap .25s cubic-bezier(.22, 1, .36, 1)
      }

      .acmb-post:hover .acmb-post__link {
          gap: 12px
      }



      .acmb-post--minimal .acmb-post__body {
          padding: 16px
      }

      .acmb-latest {
          padding-top: 12px;
          padding-bottom: 70px
      }

      .acmb-latest__head {
          display: flex;
          align-items: end;
          justify-content: space-between;
          gap: 20px;
          margin-bottom: 24px
      }

      .acmb-latest__copy {
          max-width: 760px
      }

      .acmb-grid {
          display: grid;
          grid-template-columns: repeat(3, minmax(0, 1fr));
          gap: 20px
      }

      .acmb-grid .acmb-post__media {
          height: 220px
      }

      .acmb-pager {
          display: flex;
          justify-content: center;
          gap: 10px;
          margin-top: 30px;
          flex-wrap: wrap
      }

      .acmb-page-btn {
          min-width: 44px;
          height: 44px;
          padding: 0 14px;
          border-radius: 12px;
          border: 1px solid #E7E3DC;
          background: rgba(255, 255, 255, .96);
          color: #1A2942;
          font-size: 14px;
          font-weight: 800;
          display: inline-flex;
          align-items: center;
          justify-content: center;
          text-decoration: none;
          transition: transform .25s cubic-bezier(.22, 1, .36, 1), border-color .25s cubic-bezier(.22, 1, .36, 1), background .25s cubic-bezier(.22, 1, .36, 1), color .25s cubic-bezier(.22, 1, .36, 1), box-shadow .25s cubic-bezier(.22, 1, .36, 1)
      }

      .acmb-page-btn:hover {
          transform: translateY(-2px);
          border-color: rgba(217, 108, 43, .24);
          box-shadow: 0 10px 20px rgba(26, 41, 66, .05);
          color: #1A2942
      }

      .acmb-page-btn.is-active,
      .acmb-page-btn.current {
          background: linear-gradient(135deg, #D96C2B, #ED8B46);
          color: #fff;
          border-color: transparent;
          box-shadow: 0 12px 22px rgba(217, 108, 43, .18)
      }

      .acmb-page-btn.dots {
          min-width: auto;
          padding: 0 10px
      }

      /* single */
      .acepost-page {
          padding-bottom: 72px
      }

      .acepost-hero {
          padding: 110px 0 22px
      }

      .acepost-hero__grid {
          display: grid;
          grid-template-columns: minmax(0, 1fr) 360px;
          gap: 24px;
          align-items: stretch
      }

      .acepost-hero__main {
          padding: 8px
      }

      .acepost-hero__main .acepost-copy {
          max-width: 840px;
          margin-top: 16px
      }

      .acepost-hero__meta {
          display: flex;
          flex-wrap: wrap;
          gap: 10px;
          margin-top: 18px;
          color: #7f8894;
          font-size: 13px;
          font-weight: 700
      }

      .acepost-hero__meta-pill {
          display: inline-flex;
          align-items: center;
          gap: 8px;
          min-height: 34px;
          padding: 0 14px;
          border-radius: 999px;
          background: rgba(255, 255, 255, .9);
          border: 1px solid rgba(26, 41, 66, .08);
          color: #1A2942
      }

      .acepost-hero__meta-pill i {
          color: #D96C2B
      }

      .acepost-hero__side {
          padding: 20px;
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          background: linear-gradient(180deg, rgba(255, 255, 255, .85), rgba(255, 255, 255, .98))
      }

      .acepost-hero__side-top {
          display: grid;
          gap: 14px
      }

      .acepost-hero__stat {
          min-height: 82px;
          padding: 16px;
          border-radius: 18px;
          background: #F8F8F6;
          border: 1px solid #E7E3DC
      }

      .acepost-hero__stat small {
          display: block;
          color: #7f8894;
          font-size: 11px;
          font-weight: 800;
          letter-spacing: .09em;
          text-transform: uppercase;
          margin-bottom: 8px
      }

      .acepost-hero__stat strong {
          display: block;
          color: #1A2942;
          font-size: 20px;
          line-height: 1.08;
          font-family: "Playfair Display", serif;
          letter-spacing: -.03em
      }

      .acepost-cover {
          padding-top: 0;
          padding-bottom: 34px
      }

      .acepost-cover__image {
          overflow: hidden;
          border-radius: 30px;
          border: 1px solid #E7E3DC;
          background: #ddd8d1;
          box-shadow: 0 10px 22px rgba(26, 41, 66, .05)
      }

      .acepost-cover__image img {
          width: 100%;
          height: 540px;
          object-fit: cover;
          transition: transform .7s cubic-bezier(.22, 1, .36, 1)
      }

      .acepost-cover__image:hover img {
          transform: scale(1.04)
      }

      .acepost-content {
          padding-top: 0
      }

      .acepost-content__grid {
          display: grid;
          grid-template-columns: minmax(0, 1fr) 330px;
          gap: 24px;
          align-items: start
      }

      .acepost-article {
          padding: 28px
      }

      .acepost-article p {
          color: #5f6673;
          font-size: 16px;
          line-height: 1.9;
          margin-bottom: 18px
      }

      .acepost-article h2 {
          color: #1A2942;
          font-family: "Playfair Display", serif;
          font-size: clamp(28px, 2.4vw, 38px);
          line-height: 1.04;
          letter-spacing: -.04em;
          margin: 34px 0 14px
      }

      .acepost-article ul,
      .acepost-article ol {
          display: grid;
          gap: 12px;
          margin: 18px 0 22px;
          padding-left: 22px
      }

      .acepost-article li {
          color: #5f6673;
          font-size: 15px;
          line-height: 1.82
      }

      .acepost-article blockquote,
      .acepost-quote {
          margin: 28px 0;
          padding: 24px;
          border-radius: 24px;
          background: #fff7f1;
          border: 1px solid rgba(217, 108, 43, .14);
          color: #1A2942;
          font-family: "Playfair Display", serif;
          font-size: 30px;
          line-height: 1.18;
          letter-spacing: -.04em
      }

      .acepost-inline-media {
          overflow: hidden;
          border-radius: 24px;
          border: 1px solid #E7E3DC;
          margin: 26px 0;
          background: #ddd8d1
      }

      .acepost-inline-media img {
          width: 100%;
          height: 390px;
          object-fit: cover
      }

      .acepost-side {
          position: sticky;
          top: 110px;
          display: grid;
          gap: 18px
      }

      .acepost-side__card {
          padding: 20px
      }

      .acepost-side__title {
          color: #1A2942;
          font-family: "Playfair Display", serif;
          font-size: 26px;
          line-height: 1.05;
          letter-spacing: -.04em;
          margin-bottom: 14px
      }

      .acepost-side__list {
          list-style: none;
          display: grid;
          gap: 12px;
          padding: 0
      }

      .acepost-side__list a {
          display: flex;
          align-items: flex-start;
          gap: 10px;
          color: #1A2942;
          font-size: 14px;
          font-weight: 700;
          line-height: 1.6;
          transition: transform .25s cubic-bezier(.22, 1, .36, 1), color .25s cubic-bezier(.22, 1, .36, 1);
          text-decoration: none
      }

      .acepost-side__list a:hover {
          transform: translateX(4px);
          color: #D96C2B
      }

      .acepost-side__list i {
          color: #D96C2B;
          margin-top: 3px;
          font-size: 12px
      }

      .acepost-share {
          display: flex;
          flex-wrap: wrap;
          gap: 10px
      }

      .acepost-share a {
          width: 42px;
          height: 42px;
          border-radius: 12px;
          border: 1px solid #E7E3DC;
          background: #F8F8F6;
          color: #1A2942;
          display: flex;
          align-items: center;
          justify-content: center;
          transition: transform .25s cubic-bezier(.22, 1, .36, 1), color .25s cubic-bezier(.22, 1, .36, 1), border-color .25s cubic-bezier(.22, 1, .36, 1), background .25s cubic-bezier(.22, 1, .36, 1)
      }

      .acepost-share a:hover {
          transform: translateY(-2px);
          color: #D96C2B;
          border-color: rgba(217, 108, 43, .24);
          background: #fff
      }

      .acepost-related {
          padding-top: 40px;
          padding-bottom: 70px
      }

      .acepost-related__head {
          display: flex;
          align-items: end;
          justify-content: space-between;
          gap: 20px;
          margin-bottom: 22px
      }

      .acepost-related__grid {
          display: grid;
          grid-template-columns: repeat(3, minmax(0, 1fr));
          gap: 20px
      }

      .acepost-related__card {
          display: flex;
          flex-direction: column;
          min-height: 100%
      }

      .acepost-related__media {
          height: 220px;
          overflow: hidden;
          background: #ddd8d1;
          border-bottom: 1px solid #E7E3DC;
          display: block
      }

      .acepost-related__media img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          transition: transform .6s cubic-bezier(.22, 1, .36, 1)
      }

      .acepost-related__card:hover .acepost-related__media img {
          transform: scale(1.06)
      }

      .acepost-related__body {
          padding: 18px
      }

      .acepost-related__meta {
          color: #7f8894;
          font-size: 12px;
          font-weight: 700;
          margin-bottom: 10px
      }

      .acepost-related__body p {
          color: #5f6673;
          font-size: 14px;
          line-height: 1.78;
          margin-top: 10px
      }

      .acepost-related__link {
          display: inline-flex;
          align-items: center;
          gap: 8px;
          margin-top: 14px;
          color: #D96C2B;
          font-size: 14px;
          font-weight: 800;
          text-decoration: none
      }

      /* responsive */
      @media (min-width:1200px) and (max-width:1399.98px) {

          .acmb-wrap,
          .acepost-wrap {
              width: min(1320px, calc(100% - 34px))
          }
      }

      @media (min-width:992px) and (max-width:1199.98px) {

          .acmb-wrap,
          .acepost-wrap {
              width: min(1320px, calc(100% - 30px))
          }

          .acmb-bento {
              grid-template-columns: 240px minmax(0, 1fr) 240px
          }

          .acmb-post--featured .acmb-post__media {
              height: 390px
          }

          .acepost-hero__grid {
              grid-template-columns: minmax(0, 1fr) 320px
          }

          .acepost-content__grid {
              grid-template-columns: minmax(0, 1fr) 280px
          }
      }

      @media (min-width:768px) and (max-width:991.98px) {

          .acmb-wrap,
          .acepost-wrap {
              width: min(1320px, calc(100% - 24px))
          }

          .acmb-section,
          .acepost-section {
              padding: 54px 0
          }

          .acmb-shell,
          .acepost-shell {
              padding: 16px;
              border-radius: 28px
          }

          .acmb-bento,
          .acmb-grid,
          .acepost-related__grid {
              grid-template-columns: 1fr 1fr
          }

          .acmb-bento__col:first-child,
          .acmb-bento__col:nth-child(2) {
              grid-column: 1 / -1
          }

          .acmb-latest__head,
          .acepost-related__head {
              flex-direction: column;
              align-items: flex-start
          }

          .acepost-hero__grid,
          .acepost-content__grid {
              grid-template-columns: 1fr
          }

          .acepost-side {
              position: static;
              top: auto
          }
      }

      @media (min-width:480px) and (max-width:767.98px) {

          .acmb-wrap,
          .acepost-wrap {
              width: min(1320px, calc(100% - 20px))
          }

          .acmb-section,
          .acepost-section {
              padding: 44px 0
          }

          .acmb-shell,
          .acepost-shell {
              padding: 14px;
              border-radius: 24px
          }

          .acmb-title-xl,
          .acepost-title-xl {
              font-size: clamp(38px, 10vw, 58px);
              line-height: .97
          }

          .acmb-title-lg,
          .acepost-title-lg {
              font-size: clamp(30px, 8vw, 46px)
          }

          .acmb-copy,
          .acepost-copy {
              font-size: 15px;
              line-height: 1.76
          }

          .acmb-bento,
          .acmb-grid,
          .acepost-hero__grid,
          .acepost-content__grid,
          .acepost-related__grid {
              grid-template-columns: 1fr
          }

          .acmb-post--featured .acmb-post__media,
          .acmb-post--tall .acmb-post__media,
          .acmb-post--small .acmb-post__media,
          .acmb-grid .acmb-post__media,
          .acepost-related__media {
              height: 220px
          }

          .acmb-latest__head,
          .acepost-related__head {
              flex-direction: column;
              align-items: flex-start
          }

          .acepost-article,
          .acepost-side__card {
              padding: 22px 18px
          }

          .acepost-cover__image img {
              height: 320px
          }

          .acepost-inline-media img {
              height: 240px
          }

          .acepost-side {
              position: static;
              top: auto
          }
      }

      @media (min-width:320px) and (max-width:479.98px) {

          .acmb-wrap,
          .acepost-wrap {
              width: min(1320px, calc(100% - 16px))
          }

          .acmb-section,
          .acepost-section {
              padding: 38px 0
          }

          .acmb-shell,
          .acepost-shell {
              padding: 12px;
              border-radius: 20px
          }

          .acmb-kicker,
          .acepost-kicker {
              min-height: 32px;
              padding: 0 12px;
              font-size: 9px
          }

          .acmb-title-xl,
          .acepost-title-xl {
              font-size: 34px;
              line-height: .98
          }

          .acmb-title-lg,
          .acepost-title-lg {
              font-size: 28px;
              line-height: 1
          }

          .acmb-copy,
          .acepost-copy {
              font-size: 14px;
              line-height: 1.7
          }

          .acmb-bento,
          .acmb-grid,
          .acepost-hero__grid,
          .acepost-content__grid,
          .acepost-related__grid {
              grid-template-columns: 1fr
          }

          .acmb-post--featured .acmb-post__media,
          .acmb-post--tall .acmb-post__media,
          .acmb-post--small .acmb-post__media,
          .acmb-grid .acmb-post__media,
          .acepost-related__media {
              height: 205px
          }

          .acmb-latest__head,
          .acepost-related__head {
              flex-direction: column;
              align-items: flex-start
          }

          .acmb-hero__head {
              margin-bottom: 18px
          }

          .acepost-article,
          .acepost-side__card {
              padding: 20px 16px
          }

          .acepost-cover__image img {
              height: 260px
          }

          .acepost-inline-media img {
              height: 220px
          }

          .acepost-side {
              position: static;
              top: auto
          }
      }

      @media (prefers-reduced-motion:reduce) {

          .acmb-card,
          .acepost-card,
          .acmb-post__media img,
          .acepost-cover__image img,
          .acepost-related__media img,
          .acmb-filter,
          .acmb-btn,
          .acepost-btn,
          .acmb-page-btn,
          .acmb-reveal,
          .acepost-reveal {
              transition: none !important;
              animation: none !important
          }

          .acmb-reveal,
          .acepost-reveal {
              opacity: 1 !important;
              transform: none !important
          }
      }




      :root {
          --ref-primary: #D96C2B;
          --ref-primary-light: #ED8B46;
          --ref-dark: #1A2942;
          --ref-body: #5f6673;
          --ref-bg: #F8F8F6;
          --ref-soft: #F2F1ED;
          --ref-white: #ffffff;
          --ref-border: #E7E3DC;

          --ref-radius-sm: 16px;
          --ref-radius-md: 24px;
          --ref-radius-lg: 32px;
          --ref-radius-xl: 40px;

          --ref-shadow-sm: 0 10px 24px rgba(26, 41, 66, .05);
          --ref-shadow-md: 0 18px 36px rgba(26, 41, 66, .06);
          --ref-shadow-lg: 0 24px 52px rgba(26, 41, 66, .08);

          --ref-ease: cubic-bezier(.22, 1, .36, 1);
          --ref-wrap: 1320px;
      }

      * {
          box-sizing: border-box;
          margin: 0;
          padding: 0;
      }

      html {
          scroll-behavior: smooth;
      }

      body {
          font-family: "Inter", sans-serif;
          font-size: 16px;
          line-height: 1.7;
          color: var(--ref-body);
          background: var(--ref-bg);
          -webkit-font-smoothing: antialiased;
          overflow-x: clip;
      }

      img {
          display: block;
          max-width: 100%;
          height: auto;
      }

      a {
          color: inherit;
          text-decoration: none;
      }

      button,
      input,
      textarea {
          font: inherit;
      }

      .refearn-page {
          background: var(--ref-bg);
          overflow: hidden;
      }

      .refearn-wrap {
          width: min(var(--ref-wrap), calc(100% - 40px));
          margin-inline: auto;
      }

      .refearn-section {
          padding: 72px 0;
      }

      .refearn-shell {
          background: var(--ref-soft);
          border: 1px solid var(--ref-border);
          border-radius: var(--ref-radius-xl);
          padding: 22px;
          position: relative;
          overflow: hidden;
      }

      .refearn-kicker {
          display: inline-flex;
          align-items: center;
          gap: 8px;
          min-height: 34px;
          padding: 0 14px;
          border-radius: 999px;
          background: rgba(255, 255, 255, .88);
          border: 1px solid rgba(26, 41, 66, .08);
          color: var(--ref-primary);
          font-size: 10px;
          font-weight: 800;
          letter-spacing: .14em;
          text-transform: uppercase;
          box-shadow: 0 8px 18px rgba(26, 41, 66, .04);
      }

      .refearn-kicker i {
          font-size: 8px;
          line-height: 1;
      }

      .refearn-title-xl,
      .refearn-title-lg,
      .refearn-title-md {
          color: var(--ref-dark);
          font-family: "Playfair Display", serif;
          font-weight: 700;
          letter-spacing: -.05em;
          line-height: .95;
      }

      .refearn-title-xl {
          font-size: clamp(52px, 4vw, 60px);
      }

      .refearn-title-lg {
          font-size: clamp(34px, 4vw, 60px);
      }

      .refearn-title-md {
          font-size: clamp(24px, 2.4vw, 36px);
          line-height: 1.04;
      }

      .refearn-title-xl span,
      .refearn-title-lg span,
      .refearn-title-md span {
          color: var(--ref-primary);
      }

      .refearn-copy {
          color: var(--ref-body);
          font-size: 16px;
          line-height: 1.85;
      }

      .refearn-btn-row {
          display: flex;
          flex-wrap: wrap;
          gap: 14px;
      }

      .refearn-btn {
          display: inline-flex;
          align-items: center;
          justify-content: center;
          gap: 10px;
          min-height: 54px;
          padding: 0 24px;
          border-radius: 999px;
          font-size: 14px;
          font-weight: 800;
          transition:
              transform .28s var(--ref-ease),
              box-shadow .28s var(--ref-ease),
              background .28s var(--ref-ease),
              border-color .28s var(--ref-ease);
      }

      .refearn-btn:hover {
          transform: translateY(-2px);
      }

      .refearn-btn--primary {
          color: #fff;
          background: linear-gradient(135deg, var(--ref-primary), var(--ref-primary-light));
          box-shadow: 0 14px 28px rgba(217, 108, 43, .22);
      }

      .refearn-btn--ghost {
          color: var(--ref-dark);
          background: rgba(255, 255, 255, .94);
          border: 1px solid rgba(26, 41, 66, .08);
          box-shadow: 0 8px 16px rgba(26, 41, 66, .04);
      }

      .refearn-card {
          background: var(--ref-white);
          border: 1px solid var(--ref-border);
          border-radius: var(--ref-radius-md);
          box-shadow: var(--ref-shadow-sm);
          position: relative;
          overflow: hidden;
          transition:
              transform .38s var(--ref-ease),
              box-shadow .38s var(--ref-ease),
              border-color .38s var(--ref-ease);
          transform-style: preserve-3d;
          will-change: transform;
      }

      .refearn-card:hover {
          border-color: rgba(217, 108, 43, .22);
          box-shadow: var(--ref-shadow-md);
      }

      .refearn-card::after {
          content: "";
          position: absolute;
          right: -36px;
          bottom: -36px;
          width: 120px;
          height: 120px;
          border-radius: 50%;
          background: radial-gradient(circle, rgba(217, 108, 43, .10), transparent 70%);
          opacity: 0;
          transition: opacity .35s var(--ref-ease);
          pointer-events: none;
      }

      .refearn-card:hover::after {
          opacity: 1;
      }

      .refearn-tilt__inner {
          transition: transform .35s var(--ref-ease);
          transform: translateZ(0);
      }

      .refearn-card:hover .refearn-tilt__inner {
          transform: translateZ(16px);
      }

      .refearn-reveal {
          opacity: 0;
          transform: translateY(30px);
          transition: opacity .85s var(--ref-ease), transform .85s var(--ref-ease);
      }

      .refearn-reveal.is-visible {
          opacity: 1;
          transform: none;
      }

      /* hero */
      .refearn-hero {
          padding: 24px 0 40px;
      }

      .refearn-hero__grid {
          display: grid;
          grid-template-columns: minmax(0, 1fr) minmax(480px, .92fr);
          gap: 28px;
          align-items: center;
      }

      .refearn-hero__copy {
          max-width: 610px;
          padding: 18px 10px 18px 6px;
      }

      .refearn-hero__copy .refearn-copy {
          max-width: 540px;
          margin-top: 18px;
      }

      .refearn-hero__actions {
          margin-top: 24px;
      }

      .refearn-hero__visual {
          min-height: 430px;
          display: flex;
          align-items: center;
          justify-content: center;
          padding: 24px;
          background:
              linear-gradient(180deg, rgba(255, 255, 255, .30), rgba(255, 255, 255, .10)),
              linear-gradient(135deg, #dff3e8 0%, #d6efe5 48%, #cfeadc 100%);
          border: 1px solid rgba(26, 41, 66, .06);
      }

      .refearn-hero__visual::before {
          content: "";
          position: absolute;
          width: 240px;
          height: 240px;
          border-radius: 50%;
          top: -40px;
          right: -40px;
          background: radial-gradient(circle, rgba(217, 108, 43, .10), transparent 72%);
          pointer-events: none;
      }

      .refearn-hero__visual::after {
          content: "";
          position: absolute;
          width: 180px;
          height: 180px;
          border-radius: 50%;
          left: -30px;
          bottom: -30px;
          background: radial-gradient(circle, rgba(26, 41, 66, .08), transparent 72%);
          pointer-events: none;
      }

      .refearn-hero__image-wrap {
          width: min(500px, 100%);
          position: relative;
          z-index: 1;
          filter: drop-shadow(0 18px 28px rgba(26, 41, 66, .12));
      }

      .refearn-hero__image {
          width: 100%;
          height: auto;
          object-fit: contain;
      }

      /* body section */
      .refearn-main {
          padding-top: 8px;
          padding-bottom: 60px;
      }

      .refearn-main__grid {
          display: grid;
          grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
          gap: 24px;
          align-items: start;
      }

      .refearn-story {
          padding: 24px;
          min-height: 100%;
      }

      .refearn-story__brand {
          display: flex;
          align-items: center;
          gap: 16px;
          margin-bottom: 24px;
      }

      .refearn-story__brand-logo {
          width: 68px;
          height: 68px;
          border-radius: 18px;
          background: rgba(217, 108, 43, .08);
          border: 1px solid rgba(217, 108, 43, .14);
          display: flex;
          align-items: center;
          justify-content: center;
          color: var(--ref-primary);
          font-size: 30px;
          flex: 0 0 68px;
      }

      .refearn-story__brand-copy strong {
          display: block;
          color: var(--ref-dark);
          font-family: "Playfair Display", serif;
          font-size: 28px;
          line-height: 1.02;
          letter-spacing: -.04em;
          margin-bottom: 6px;
      }

      .refearn-story__brand-copy span {
          display: block;
          color: #7f8894;
          font-size: 13px;
          font-weight: 600;
      }

      .refearn-story__illustration {
          min-height: 220px;
          border-radius: 22px;
          overflow: hidden;
          background:
              radial-gradient(circle at 20% 30%, rgba(217, 108, 43, .10), transparent 24%),
              radial-gradient(circle at 80% 70%, rgba(26, 41, 66, .08), transparent 24%),
              linear-gradient(135deg, #f3efe8 0%, #fbfaf8 100%);
          border: 1px solid var(--ref-border);
          display: flex;
          align-items: center;
          justify-content: center;
          padding: 20px;
          margin-bottom: 22px;
      }

      .refearn-story__illustration i {
          font-size: 132px;
          color: var(--ref-primary);
          opacity: .9;
      }

      .refearn-story__text {
          border-left: 3px solid var(--ref-dark);
          padding-left: 16px;
      }

      .refearn-story__text p {
          color: var(--ref-body);
          font-size: 16px;
          line-height: 1.88;
          margin-bottom: 0;
      }

      .refearn-story__text p+p {
          margin-top: 6px;
      }

      .refearn-story__site {
          display: inline-block;
          margin-top: 10px;
          color: var(--ref-dark);
          font-weight: 700;
      }

      .refearn-form {
          padding: 28px;
      }

      .refearn-form__head {
          margin-bottom: 20px;
      }

      .refearn-form__head .refearn-title-md {
          margin-top: 14px;
      }

      .refearn-form__required {
          display: inline-flex;
          align-items: center;
          gap: 8px;
          margin-top: 10px;
          color: #7d8793;
          font-size: 12px;
          font-weight: 700;
      }

      .refearn-form__required i {
          color: var(--ref-primary);
          font-size: 11px;
      }

      .refearn-form__grid {
          display: grid;
          grid-template-columns: repeat(2, minmax(0, 1fr));
          gap: 16px;
      }

      .refearn-field {
          display: block;
      }

      .refearn-field--full {
          grid-column: 1 / -1;
      }

      .refearn-label {
          display: block;
          color: var(--ref-dark);
          font-size: 11px;
          line-height: 1.3;
          letter-spacing: .08em;
          text-transform: uppercase;
          font-weight: 800;
          margin-bottom: 8px;
      }

      .refearn-label .req {
          color: var(--ref-primary);
      }

      .refearn-input,
      .refearn-textarea {
          width: 100%;
          border: 1px solid #d9dee4;
          background: #fff;
          color: var(--ref-dark);
          border-radius: 16px;
          transition: border-color .28s var(--ref-ease), box-shadow .28s var(--ref-ease), transform .28s var(--ref-ease);
      }

      .refearn-input {
          height: 58px;
          padding: 0 16px;
      }

      .refearn-textarea {
          min-height: 132px;
          padding: 16px;
          resize: vertical;
      }

      .refearn-input::placeholder,
      .refearn-textarea::placeholder {
          color: #8c96a3;
      }

      .refearn-input:focus,
      .refearn-textarea:focus {
          outline: none;
          border-color: rgba(217, 108, 43, .52);
          box-shadow: 0 0 0 4px rgba(217, 108, 43, .10);
      }

      .refearn-submit {
          margin-top: 20px;
          width: 100%;
          border: 0;
          cursor: pointer;
      }

      /* responsive */
      @media (min-width:1200px) and (max-width:1399.98px) {
          .refearn-wrap {
              width: min(var(--ref-wrap), calc(100% - 34px));
          }
      }

      @media (min-width:992px) and (max-width:1199.98px) {
          .refearn-wrap {
              width: min(var(--ref-wrap), calc(100% - 30px));
          }

          .refearn-hero__grid {
              grid-template-columns: minmax(0, 1fr) minmax(420px, .94fr);
          }
      }

      @media (min-width:768px) and (max-width:991.98px) {
          .refearn-wrap {
              width: min(var(--ref-wrap), calc(100% - 24px));
          }

          .refearn-section {
              padding: 54px 0;
          }

          .refearn-shell {
              padding: 16px;
              border-radius: 28px;
          }

          .refearn-hero__grid,
          .refearn-main__grid {
              grid-template-columns: 1fr;
          }
      }

      @media (min-width:480px) and (max-width:767.98px) {
          .refearn-wrap {
              width: min(var(--ref-wrap), calc(100% - 20px));
          }

          .refearn-section {
              padding: 44px 0;
          }

          .refearn-shell {
              padding: 14px;
              border-radius: 24px;
          }

          .refearn-title-xl {
              font-size: clamp(38px, 10vw, 58px);
              line-height: .97;
          }

          .refearn-title-lg {
              font-size: clamp(30px, 8vw, 46px);
          }

          .refearn-copy {
              font-size: 15px;
              line-height: 1.76;
          }

          .refearn-btn-row,
          .refearn-hero__actions {
              flex-direction: column;
              align-items: stretch;
          }

          .refearn-hero__grid,
          .refearn-main__grid,
          .refearn-form__grid {
              grid-template-columns: 1fr;
          }

          .refearn-hero__visual {
              min-height: 320px;
          }

          .refearn-story,
          .refearn-form {
              padding: 20px 18px;
          }
      }

      @media (min-width:375px) and (max-width:479.98px) {
          .refearn-wrap {
              width: min(var(--ref-wrap), calc(100% - 16px));
          }

          .refearn-section {
              padding: 38px 0;
          }

          .refearn-shell {
              padding: 12px;
              border-radius: 20px;
          }

          .refearn-kicker {
              min-height: 32px;
              padding: 0 12px;
              font-size: 9px;
          }

          .refearn-title-xl {
              font-size: 35px;
              line-height: .98;
          }

          .refearn-title-lg {
              font-size: 28px;
              line-height: 1;
          }

          .refearn-copy {
              font-size: 14px;
              line-height: 1.72;
          }

          .refearn-btn-row,
          .refearn-hero__actions {
              flex-direction: column;
              align-items: stretch;
          }

          .refearn-hero__grid,
          .refearn-main__grid,
          .refearn-form__grid {
              grid-template-columns: 1fr;
          }

          .refearn-hero__visual {
              min-height: 280px;
              padding: 18px;
          }

          .refearn-story,
          .refearn-form {
              padding: 18px 16px;
          }

          .refearn-story__illustration i {
              font-size: 108px;
          }
      }

      @media (min-width:320px) and (max-width:374.98px) {
          .refearn-wrap {
              width: min(var(--ref-wrap), calc(100% - 14px));
          }

          .refearn-section {
              padding: 34px 0;
          }

          .refearn-shell {
              padding: 10px;
              border-radius: 18px;
          }

          .refearn-kicker {
              min-height: 30px;
              padding: 0 10px;
              font-size: 8px;
              gap: 6px;
          }

          .refearn-title-xl {
              font-size: 31px;
              line-height: 1;
          }

          .refearn-title-lg {
              font-size: 25px;
              line-height: 1.02;
          }

          .refearn-copy {
              font-size: 14px;
              line-height: 1.66;
          }

          .refearn-btn {
              min-height: 50px;
              padding: 0 18px;
              font-size: 13px;
          }

          .refearn-btn-row,
          .refearn-hero__actions {
              flex-direction: column;
              align-items: stretch;
          }

          .refearn-hero__grid,
          .refearn-main__grid,
          .refearn-form__grid {
              grid-template-columns: 1fr;
          }

          .refearn-hero__visual {
              min-height: 250px;
              padding: 16px;
          }

          .refearn-story,
          .refearn-form {
              padding: 16px 14px;
          }

          .refearn-story__illustration i {
              font-size: 92px;
          }

          .refearn-input {
              height: 54px;
              padding: 0 14px;
          }
      }





      /* =========================================================
       GLOBAL
       ========================================================= */
      * {
          box-sizing: border-box;
          margin: 0;
          padding: 0
      }

      :root {
          --primary: #D96C2B;
          --primary-light: #ED8B46;
          --primary-soft: rgba(217, 108, 43, .12);
          --dark: #1A2942;
          --dark-soft: #243553;
          --body: #5f6673;
          --bg: #F6F4EF;
          --bg-2: #F1EEE8;
          --white: #ffffff;
          --border: rgba(26, 41, 66, .08);
          --shadow: 0 18px 44px rgba(26, 41, 66, .08);
          --shadow-lg: 0 26px 70px rgba(26, 41, 66, .14);
          --radius-sm: 16px;
          --radius-md: 24px;
          --radius-lg: 34px;
          --radius-xl: 42px;
          --font-body: "Inter", sans-serif;
          --font-head: "Playfair Display", serif;
          --ease: cubic-bezier(.22, 1, .36, 1);
      }

      html {
          scroll-behavior: smooth
      }

      body {
          font-family: var(--font-body);
          background:
              radial-gradient(circle at 10% 10%, rgba(217, 108, 43, .06), transparent 20%),
              radial-gradient(circle at 90% 18%, rgba(26, 41, 66, .06), transparent 24%),
              linear-gradient(180deg, #f8f6f2 0%, #f4f1eb 100%);
          color: var(--body);
          line-height: 1.7;
          -webkit-font-smoothing: antialiased;
      }

      img {
          display: block;
          max-width: 100%;
          height: auto
      }

      a {
          text-decoration: none;
          color: inherit
      }

      button,
      input,
      select,
      textarea {
          font: inherit
      }

      section {
          position: relative
      }

      .site-shell {
          width: min(1320px, calc(100% - 48px));
          margin: 0 auto
      }

      .section-space {
          padding: 40px 0
      }

      .section-head {
          max-width: 860px;
          margin: 0 auto 54px;
          text-align: center;
      }

      .eyebrow {
          display: inline-flex;
          align-items: center;
          gap: 10px;
          min-height: 42px;
          padding: 0 18px;
          border-radius: 999px;
          background: rgba(255, 255, 255, .85);
          border: 1px solid var(--border);
          box-shadow: 0 10px 22px rgba(26, 41, 66, .04);
          color: #677385;
          font-size: 12px;
          font-weight: 700;
          letter-spacing: .1em;
          text-transform: uppercase;
          margin-bottom: 22px;
      }

      .eyebrow__dot {
          width: 8px;
          height: 8px;
          border-radius: 50%;
          background: var(--primary);
          box-shadow: 0 0 0 5px rgba(217, 108, 43, .12);
          flex: 0 0 8px;
      }

      .section-title {
          color: var(--dark);
          font-family: var(--font-head);
          font-size: clamp(44px, 4.8vw, 82px);
          line-height: .95;
          letter-spacing: -.05em;
          margin-bottom: 18px;
      }

      .section-title span {
          color: var(--primary)
      }

      .section-desc {
          color: #667287;
          font-size: 17px;
          line-height: 1.82;
          max-width: 760px;
          margin: 0 auto;
      }

      .btn-primary,
      .btn-secondary {
          display: inline-flex;
          align-items: center;
          justify-content: center;
          gap: 10px;
          min-height: 56px;
          padding: 0 26px;
          border-radius: 999px;
          transition: transform .28s var(--ease), box-shadow .28s var(--ease), border-color .28s var(--ease);
      }

      .btn-primary {
          color: #fff;
          background: linear-gradient(135deg, var(--primary), var(--primary-light));
          box-shadow: 0 16px 34px rgba(217, 108, 43, .28);
          font-weight: 700;
      }

      .btn-primary:hover {
          transform: translateY(-2px);
          box-shadow: 0 22px 40px rgba(217, 108, 43, .34);
      }

      .btn-secondary {
          background: rgba(255, 255, 255, .88);
          border: 1px solid var(--border);
          color: var(--dark);
          font-weight: 600;
      }

      .btn-secondary:hover {
          transform: translateY(-2px);
          border-color: rgba(217, 108, 43, .28);
      }

      .card-surface {
          background: rgba(255, 255, 255, .82);
          border: 1px solid var(--border);
          box-shadow: var(--shadow);
          backdrop-filter: blur(12px);
      }

      [data-reveal] {
          opacity: 0;
          transform: translateY(34px);
          transition: opacity .8s var(--ease), transform .8s var(--ease);
      }

      [data-reveal="left"] {
          transform: translateX(-46px)
      }

      [data-reveal="right"] {
          transform: translateX(46px)
      }

      [data-reveal="scale"] {
          transform: scale(.96) translateY(16px)
      }

      [data-reveal].is-visible {
          opacity: 1;
          transform: none
      }

      /* =========================================================
       HEADER + HERO
       ========================================================= */
      .hero-wrap {
          padding: 32px 0 42px;
      }

      .hero-box {
          position: relative;
          overflow: hidden;
          border-radius: 42px;
          background:
              radial-gradient(circle at 6% 10%, rgba(237, 139, 70, .12), transparent 18%),
              radial-gradient(circle at 92% 10%, rgba(255, 255, 255, .08), transparent 20%),
              linear-gradient(135deg, #172544 0%, #1b2c4f 52%, #24324f 100%);
          border: 1px solid rgba(255, 255, 255, .08);
          box-shadow: var(--shadow-lg);
          padding: 22px;
          isolation: isolate;
      }

      .hero-box::before {
          content: "";
          position: absolute;
          inset: 0;
          background:
              linear-gradient(rgba(255, 255, 255, .03) 1px, transparent 1px),
              linear-gradient(90deg, rgba(255, 255, 255, .03) 1px, transparent 1px);
          background-size: 100% 80px, 80px 100%;
          opacity: .45;
          pointer-events: none;
          z-index: -1;
      }

      .hero-box__orb {
          position: absolute;
          border-radius: 50%;
          pointer-events: none;
          z-index: -1;
      }

      .hero-box__orb--one {
          width: 520px;
          height: 520px;
          top: -240px;
          right: -180px;
          background: radial-gradient(circle, rgba(217, 108, 43, .22), transparent 70%);
      }

      .hero-box__orb--two {
          width: 420px;
          height: 420px;
          left: -180px;
          bottom: -140px;
          background: radial-gradient(circle, rgba(255, 255, 255, .08), transparent 72%);
      }

      .hero-nav {
          display: flex;
          align-items: center;
          justify-content: space-between;
          gap: 20px;
          padding: 10px 14px 24px;
      }

      .hero-brand {
          display: flex;
          align-items: center;
          gap: 12px;
          color: #fff;
          font-weight: 800;
          font-size: 24px;
          letter-spacing: -.03em;
      }

      .hero-brand__icon {
          width: 44px;
          height: 44px;
          border-radius: 14px;
          background: linear-gradient(135deg, var(--primary), var(--primary-light));
          display: flex;
          align-items: center;
          justify-content: center;
          box-shadow: 0 12px 22px rgba(217, 108, 43, .26);
          color: #fff;
          font-size: 18px;
      }

      .hero-menu {
          display: flex;
          align-items: center;
          gap: 28px;
          color: rgba(255, 255, 255, .76);
          font-size: 14px;
          font-weight: 500;
      }

      .hero-menu a {
          position: relative
      }

      .hero-menu a::after {
          content: "";
          position: absolute;
          left: 0;
          bottom: -8px;
          width: 100%;
          height: 2px;
          border-radius: 999px;
          background: linear-gradient(90deg, var(--primary), var(--primary-light));
          transform: scaleX(0);
          transform-origin: left;
          transition: transform .28s var(--ease);
      }

      .hero-menu a:hover::after {
          transform: scaleX(1)
      }

      .hero-nav__actions {
          display: flex;
          align-items: center;
          gap: 12px
      }

      .hero-nav__link {
          min-height: 46px;
          padding: 0 20px;
          border-radius: 999px;
          font-size: 14px;
          font-weight: 600;
          display: inline-flex;
          align-items: center;
          justify-content: center;
      }

      .hero-nav__link--ghost {
          background: rgba(255, 255, 255, .08);
          color: #fff;
          border: 1px solid rgba(255, 255, 255, .10);
      }

      .hero-nav__link--light {
          background: #fff;
          color: var(--dark);
      }

      .hero-grid {
          display: grid;
          grid-template-columns: minmax(0, 1fr) minmax(460px, .96fr);
          gap: 42px;
          align-items: center;
          padding: 22px 18px 14px;
      }

      .hero-copy {
          max-width: 620px
      }

      .hero-copy__eyebrow {
          display: inline-flex;
          align-items: center;
          gap: 10px;
          min-height: 42px;
          padding: 0 18px;
          border-radius: 999px;
          background: rgba(255, 255, 255, .08);
          border: 1px solid rgba(255, 255, 255, .12);
          color: rgba(255, 255, 255, .72);
          font-size: 12px;
          font-weight: 700;
          letter-spacing: .12em;
          text-transform: uppercase;
          margin-bottom: 24px;
      }

      .hero-copy__eyebrow-dot {
          width: 8px;
          height: 8px;
          border-radius: 50%;
          background: var(--primary);
          box-shadow: 0 0 0 5px rgba(217, 108, 43, .14);
      }

      .hero-copy__title {
          color: #fff;
          font-family: var(--font-head);
          font-size: clamp(56px, 5.8vw, 92px);
          line-height: .92;
          letter-spacing: -.055em;
          margin-bottom: 18px;
      }

      .hero-copy__title span {
          color: var(--primary-light)
      }

      .hero-copy__text {
          color: rgba(255, 255, 255, .76);
          font-size: 17px;
          line-height: 1.86;
          max-width: 560px;
          margin-bottom: 30px;
      }

      .hero-copy__actions {
          display: flex;
          align-items: center;
          gap: 14px;
          flex-wrap: wrap;
          margin-bottom: 34px;
      }

      .hero-copy__stats {
          display: grid;
          grid-template-columns: repeat(3, minmax(0, 1fr));
          gap: 14px;
      }

      .hero-copy__stat {
          padding: 18px 16px;
          border-radius: 24px;
          background: rgba(255, 255, 255, .08);
          border: 1px solid rgba(255, 255, 255, .10);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04);
          backdrop-filter: blur(12px);
      }

      .hero-copy__stat strong {
          display: block;
          color: #fff;
          font-size: 30px;
          line-height: 1;
          letter-spacing: -.04em;
          font-weight: 800;
          margin-bottom: 7px;
      }

      .hero-copy__stat strong span {
          color: var(--primary-light)
      }

      .hero-copy__stat small {
          display: block;
          color: rgba(255, 255, 255, .68);
          font-size: 12px;
          line-height: 1.6;
      }

      .hero-visual {
          position: relative;
          min-width: 0;
      }

      .hero-visual__card {
          position: relative;
          min-height: 640px;
          border-radius: 36px;
          overflow: hidden;
          background: #d8d4cd;
          border: 1px solid rgba(255, 255, 255, .12);
          box-shadow: 0 20px 44px rgba(7, 15, 30, .30);
      }

      .hero-visual__image {
          width: 100%;
          height: 640px !important;
          object-fit: cover;
          object-position: center;
          transform: scale(1.02);
      }

      .hero-visual__overlay {
          position: absolute;
          inset: 0;
          background:
              linear-gradient(180deg, rgba(16, 24, 40, .08) 0%, rgba(16, 24, 40, .22) 100%);
      }

      .hero-visual__badge {
          position: absolute;
          z-index: 3;
          width: min(220px, calc(100% - 32px));
          padding: 14px 16px;
          border-radius: 22px;
          background: rgba(255, 255, 255, .92);
          border: 1px solid rgba(255, 255, 255, .9);
          box-shadow: 0 18px 34px rgba(26, 41, 66, .12);
          backdrop-filter: blur(12px);
          animation: floaty 5.2s ease-in-out infinite;
      }

      .hero-visual__badge--top {
          top: 20px;
          right: 20px
      }

      .hero-visual__badge--bottom {
          left: 20px;
          bottom: 20px;
          animation-delay: .9s
      }

      .hero-visual__badge-label {
          display: block;
          color: #667287;
          font-size: 10px;
          font-weight: 700;
          text-transform: uppercase;
          letter-spacing: .08em;
          margin-bottom: 5px;
      }

      .hero-visual__badge-value {
          display: block;
          color: var(--primary);
          font-size: 30px;
          font-weight: 800;
          line-height: 1;
          letter-spacing: -.04em;
          margin-bottom: 5px;
      }

      .hero-visual__badge-text {
          display: block;
          color: #667287;
          font-size: 11px;
          line-height: 1.5;
      }

      .hero-visual__panel {
          position: absolute;
          left: 22px;
          right: 22px;
          bottom: 22px;
          display: grid;
          grid-template-columns: 1.05fr .95fr;
          gap: 14px;
          z-index: 3;
          align-items: end;
      }

      .hero-visual__copy {
          padding: 20px 22px;
          border-radius: 24px;
          background: linear-gradient(180deg, rgba(255, 255, 255, .14), rgba(255, 255, 255, .08));
          border: 1px solid rgba(255, 255, 255, .16);
          backdrop-filter: blur(14px);
          color: #fff;
      }

      .hero-visual__copy h3 {
          color: #fff;
          font-size: clamp(28px, 2.8vw, 42px);
          line-height: 1.02;
          letter-spacing: -.04em;
          margin-bottom: 10px;
      }

      .hero-visual__copy p {
          color: rgba(255, 255, 255, .86);
          font-size: 15px;
          line-height: 1.7;
      }

      .hero-visual__kpi {
          padding: 18px;
          border-radius: 24px;
          background: rgba(255, 255, 255, .95);
          box-shadow: 0 14px 30px rgba(26, 41, 66, .12);
      }

      .hero-visual__kpi-label {
          display: block;
          color: #667287;
          font-size: 10px;
          font-weight: 700;
          text-transform: uppercase;
          letter-spacing: .08em;
          margin-bottom: 6px;
      }

      .hero-visual__kpi-value {
          display: block;
          color: var(--dark);
          font-size: clamp(40px, 4vw, 62px);
          font-weight: 800;
          line-height: .92;
          letter-spacing: -.06em;
          margin-bottom: 6px;
      }

      .hero-visual__kpi-value span {
          color: var(--primary)
      }

      .hero-visual__kpi-text {
          display: block;
          color: #667287;
          font-size: 12px;
          line-height: 1.55;
      }

      @keyframes floaty {

          0%,
          100% {
              transform: translateY(0)
          }

          50% {
              transform: translateY(-8px)
          }
      }

      /* =========================================================
       TRUST STRIP
       ========================================================= */
      .trust-strip {
          padding: 24px 0 12px;
      }

      .trust-strip__box {
          padding: 18px 20px;
          border-radius: 28px;
          background: rgba(255, 255, 255, .78);
          border: 1px solid var(--border);
          box-shadow: var(--shadow);
          display: grid;
          grid-template-columns: auto 1fr;
          gap: 18px 28px;
          align-items: center;
      }

      .trust-strip__label {
          color: #788396;
          font-size: 12px;
          font-weight: 800;
          letter-spacing: .12em;
          text-transform: uppercase;
          white-space: nowrap;
      }

      .trust-strip__items {
          display: grid;
          grid-template-columns: repeat(5, minmax(0, 1fr));
          gap: 14px;
      }

      .trust-strip__item {
          display: flex;
          align-items: center;
          gap: 12px;
          padding: 12px 14px;
          border-radius: 20px;
          background: #fff;
          border: 1px solid rgba(26, 41, 66, .05);
      }

      .trust-strip__icon {
          width: 44px;
          height: 44px;
          border-radius: 15px;
          flex: 0 0 44px;
          background: rgba(217, 108, 43, .10);
          color: var(--primary);
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 18px;
      }

      .trust-strip__copy strong {
          display: block;
          color: var(--dark);
          font-size: 15px;
          line-height: 1.2;
          font-weight: 800;
      }

      .trust-strip__copy span {
          display: block;
          color: #748094;
          font-size: 12px;
          line-height: 1.4;
          margin-top: 3px;
      }

      /* =========================================================
       ABOUT / STORY
       ========================================================= */
      .story-grid {
          display: grid;
          grid-template-columns: minmax(380px, .9fr) minmax(0, 1.1fr);
          gap: 34px;
          align-items: center;
      }

      .story-visual {
          position: relative;
          padding: 18px;
          border-radius: 38px;
          background: linear-gradient(180deg, rgba(255, 255, 255, .80), rgba(255, 255, 255, .60));
          border: 1px solid var(--border);
          box-shadow: var(--shadow);
      }

      .story-visual__grid {
          display: grid;
          grid-template-columns: 1.05fr .95fr;
          gap: 14px;
          align-items: stretch;
      }

      .story-visual__big,
      .story-visual__stack-item {
          overflow: hidden;
          border-radius: 28px;
          background: #e5e1da;
      }

      .story-visual__big img {
          width: 100%;
          height: 100%;
          min-height: 400px;
          object-fit: cover;
      }

      .story-visual__stack {
          display: grid;
          grid-template-rows: 1fr 1fr;
          gap: 14px;
      }

      .story-visual__stack-item img {
          width: 100%;
          height: 100%;
          min-height: 193px;
          object-fit: cover;
      }

      .story-visual__seal {
          position: absolute;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%);
          width: 124px;
          height: 124px;
          border-radius: 50%;
          background: linear-gradient(135deg, var(--primary), var(--primary-light));
          color: #fff;
          display: flex;
          align-items: center;
          justify-content: center;
          flex-direction: column;
          text-align: center;
          box-shadow: 0 18px 36px rgba(217, 108, 43, .30);
          border: 8px solid rgba(255, 255, 255, .88);
          font-weight: 800;
      }

      .story-visual__seal small {
          font-size: 11px;
          letter-spacing: .10em;
          text-transform: uppercase;
          line-height: 1.2;
      }

      .story-visual__seal strong {
          font-size: 26px;
          line-height: 1;
          margin-top: 4px;
      }

      .story-copy {
          max-width: 620px;
      }

      .story-copy__mini {
          color: #748094;
          font-size: 13px;
          font-weight: 700;
          letter-spacing: .08em;
          text-transform: uppercase;
          margin-bottom: 14px;
      }

      .story-copy__title {
          color: var(--dark);
          font-family: var(--font-head);
          font-size: clamp(42px, 4.4vw, 70px);
          line-height: .98;
          letter-spacing: -.05em;
          margin-bottom: 16px;
      }

      .story-copy__title span {
          color: var(--primary)
      }

      .story-copy__text {
          color: #667287;
          font-size: 16px;
          line-height: 1.85;
          margin-bottom: 26px;
      }

      .story-copy__stats {
          display: grid;
          grid-template-columns: repeat(3, minmax(0, 1fr));
          gap: 16px;
          margin-bottom: 26px;
      }

      .story-copy__stat {
          padding: 18px;
          border-radius: 22px;
          background: #fff;
          border: 1px solid var(--border);
          box-shadow: var(--shadow);
      }

      .story-copy__stat strong {
          display: block;
          color: var(--primary);
          font-size: 34px;
          line-height: 1;
          letter-spacing: -.04em;
          font-weight: 800;
          margin-bottom: 6px;
      }

      .story-copy__stat span {
          display: block;
          color: #6f7b8f;
          font-size: 13px;
          line-height: 1.5;
      }

      .story-copy__signature {
          display: flex;
          align-items: center;
          gap: 14px;
      }

      .story-copy__signature-avatar {
          width: 54px;
          height: 54px;
          border-radius: 50%;
          overflow: hidden;
          flex: 0 0 54px;
          background: #d8d4cd;
      }

      .story-copy__signature-avatar img {
          width: 100%;
          height: 100%;
          object-fit: cover;
      }

      .story-copy__signature-copy strong {
          display: block;
          color: var(--dark);
          font-size: 16px;
          font-weight: 800;
      }

      .story-copy__signature-copy span {
          display: block;
          color: #7c8798;
          font-size: 13px;
          margin-top: 3px;
      }

      /* =========================================================
       BENTO BENEFITS
       ========================================================= */
      .bento-wrap {
          display: grid;
          grid-template-columns: repeat(12, minmax(0, 1fr));
          gap: 20px;
          align-items: center;
      }

      .bento-card {
          position: relative;
          overflow: hidden;
          border-radius: 34px;
          border: 1px solid rgba(26, 41, 66, .06);
          box-shadow: var(--shadow);
          padding: 28px;
          transition: transform .32s var(--ease), box-shadow .32s var(--ease), border-color .32s var(--ease);
      }

      .bento-card:hover {
          transform: translateY(-8px);
          box-shadow: 0 24px 54px rgba(26, 41, 66, .10);
          border-color: rgba(217, 108, 43, .20);
      }

      .bento-card::before {
          content: "";
          position: absolute;
          inset: auto -10% -45% auto;
          width: 220px;
          height: 220px;
          border-radius: 50%;
          background: radial-gradient(circle, rgba(255, 255, 255, .42), transparent 68%);
          pointer-events: none;
      }

      .bento-card--feature {
          grid-column: span 8;
          min-height: 340px;
          background: linear-gradient(135deg, #1A2942 0%, #2b3047 40%, #d96c2b 100%);
          color: #fff;
          display: flex;
          flex-direction: column;
          justify-content: space-between;
      }

      .bento-card--feature::after {
          content: "";
          position: absolute;
          inset: 0;
          background:
              linear-gradient(rgba(255, 255, 255, .04) 1px, transparent 1px),
              linear-gradient(90deg, rgba(255, 255, 255, .04) 1px, transparent 1px);
          background-size: 100% 56px, 56px 100%;
          opacity: .25;
          pointer-events: none;
      }

      .bento-card--side {
          grid-column: span 4;
          ⁠height: max-content;
          background: linear-gradient(180deg, #e2efe2, #d7e6d7);
      }

      .bento-card--blue {
          grid-column: span 4;
          background: linear-gradient(180deg, #e5edf8, #dce7f4)
      }

      .bento-card--sand {
          grid-column: span 4;
          background: linear-gradient(180deg, #f3e9d8, #efe2cf)
      }

      .bento-card--lavender {
          grid-column: span 4;
          background: linear-gradient(180deg, #ede8f7, #e6dff2)
      }

      .bento-card--butter {
          grid-column: span 4;
          background: linear-gradient(180deg, #f3eed4, #ece4bd)
      }

      .bento-card__top {
          position: relative;
          z-index: 2;
          display: flex;
          justify-content: space-between;
          gap: 18px;
          margin-bottom: 22px;
          align-items: center;
      }

      .bento-card__icon {
          width: 62px;
          height: 62px;
          border-radius: 20px;
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 24px;
          background: rgba(217, 108, 43, .16);
          color: var(--primary);
          box-shadow: 0 12px 22px rgba(217, 108, 43, .16);
          flex: 0 0 62px;
      }

      .bento-card--feature .bento-card__icon {
          background: rgba(255, 255, 255, .12);
          color: #fff;
          box-shadow: none;
      }

      .bento-card__tag {
          display: inline-flex;
          align-items: center;
          min-height: 32px;
          padding: 0 12px;
          border-radius: 999px;
          font-size: 11px;
          font-weight: 700;
          letter-spacing: .09em;
          text-transform: uppercase;
          background: rgba(255, 255, 255, .74);
          color: #5e697d;
          border: 1px solid rgba(26, 41, 66, .06);
      }

      .bento-card--feature .bento-card__tag {
          background: rgba(255, 255, 255, .12);
          color: rgba(255, 255, 255, .84);
          border-color: rgba(255, 255, 255, .14);
      }

      .bento-card__metric {
          position: absolute;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%);
          text-align: center;
          opacity: .19;
          pointer-events: none;
          z-index: 1;
      }

      .bento-card__metric i {
          display: block;
          font-size: 62px;
          margin-bottom: 10px;
          color: rgba(255, 255, 255, .34);
      }

      .bento-card__metric strong {
          display: block;
          font-size: 82px;
          line-height: .9;
          letter-spacing: -.06em;
          font-weight: 800;
          color: #fff;
      }

      .bento-card__metric span {
          display: block;
          font-size: 15px;
          line-height: 1.4;
          color: rgba(255, 255, 255, .86);
          margin-top: 4px;
      }

      .bento-card__body {
          position: relative;
          z-index: 2
      }

      .bento-card__title {
          color: var(--dark);
          font-size: 24px;
          line-height: 1.15;
          letter-spacing: -.03em;
          margin-bottom: 12px;
          font-weight: 800;
      }

      .bento-card--feature .bento-card__title {
          color: #fff;
          font-family: var(--font-head);
          font-size: clamp(34px, 3.8vw, 58px);
          line-height: .98;
          letter-spacing: -.045em;
          max-width: 680px;
          margin-bottom: 12px;
      }

      .bento-card__text {
          color: #5f6d82;
          font-size: 15px;
          line-height: 1.82;
          max-width: 560px;
      }

      .bento-card--feature .bento-card__text {
          color: rgba(255, 255, 255, .88);
          font-size: 18px;
          line-height: 1.78;
          max-width: 680px;
      }

      .bento-card__chips {
          display: flex;
          flex-wrap: wrap;
          gap: 8px;
          margin-top: 18px;
      }

      .bento-card__chips span {
          display: inline-flex;
          align-items: center;
          min-height: 32px;
          padding: 0 12px;
          border-radius: 999px;
          background: rgba(255, 255, 255, .76);
          border: 1px solid rgba(26, 41, 66, .06);
          color: #556277;
          font-size: 12px;
          font-weight: 600;
      }

      .bento-card--feature .bento-card__chips span {
          background: rgba(255, 255, 255, .12);
          border-color: rgba(255, 255, 255, .14);
          color: rgba(255, 255, 255, .88);
      }

      .bento-card--feature .bento-card__footer {
          position: relative;
          z-index: 2;
          display: flex;
          justify-content: space-between;
          align-items: end;
          gap: 18px;
          margin-top: 26px;
      }

      .bento-card__kpi {
          padding: 16px 18px;
          border-radius: 20px;
          background: rgba(255, 255, 255, .92);
          box-shadow: 0 14px 28px rgba(20, 28, 42, .16);
          min-width: 220px;
      }

      .bento-card__kpi small {
          display: block;
          color: #758195;
          font-size: 10px;
          font-weight: 700;
          text-transform: uppercase;
          letter-spacing: .08em;
          margin-bottom: 6px;
      }

      .bento-card__kpi strong {
          display: block;
          color: var(--dark);
          font-size: 48px;
          line-height: .92;
          font-weight: 800;
          letter-spacing: -.05em;
          margin-bottom: 5px;
      }

      .bento-card__kpi strong span {
          color: var(--primary)
      }

      .bento-card__kpi span {
          display: block;
          color: #667287;
          font-size: 12px;
          line-height: 1.5;
      }

      /* =========================================================
       PROCESS
       ========================================================= */
      .journey {
          overflow: hidden;
          padding: 110px 0 118px;
          background:
              radial-gradient(circle at 10% 85%, rgba(217, 108, 43, .14), transparent 24%),
              radial-gradient(circle at 92% 6%, rgba(217, 108, 43, .10), transparent 20%),
              linear-gradient(180deg, #172644 0%, #13213c 100%);
      }

      .journey .section-title {
          color: #fff
      }

      .journey .section-desc {
          color: rgba(255, 255, 255, .70)
      }

      .journey .eyebrow {
          background: rgba(255, 255, 255, .08);
          border-color: rgba(255, 255, 255, .12);
          color: rgba(255, 255, 255, .74);
      }

      .journey-rail {
          position: absolute;
          left: 7%;
          right: 7%;
          top: 236px;
          height: 150px;
          pointer-events: none;
      }

      .journey-rail svg {
          width: 100%;
          height: 100%
      }

      .journey-rail__base {
          fill: none;
          stroke: rgba(237, 139, 70, .28);
          stroke-width: 4;
          stroke-linecap: round;
      }

      .journey-rail__flow {
          fill: none;
          stroke: var(--primary-light);
          stroke-width: 4;
          stroke-linecap: round;
          stroke-dasharray: 18 18;
          filter: drop-shadow(0 0 10px rgba(237, 139, 70, .54));
          animation: journeyFlow 8s linear infinite;
      }

      .journey-points {
          position: absolute;
          inset: 0
      }

      .journey-point {
          position: absolute;
          top: 50%;
          width: 18px;
          height: 18px;
          border-radius: 50%;
          background: var(--primary-light);
          box-shadow: 0 0 0 0 rgba(237, 139, 70, .34), 0 0 18px rgba(237, 139, 70, .42);
          animation: journeyPulse 2.4s ease-in-out infinite;
      }

      .journey-point--one {
          left: 9%
      }

      .journey-point--two {
          left: 49%
      }

      .journey-point--three {
          right: 8%;
          animation-delay: .7s
      }

      @keyframes journeyFlow {
          from {
              stroke-dashoffset: 0
          }

          to {
              stroke-dashoffset: -220
          }
      }

      @keyframes journeyPulse {
          0% {
              transform: scale(.92);
              box-shadow: 0 0 0 0 rgba(237, 139, 70, .34), 0 0 18px rgba(237, 139, 70, .42)
          }

          70% {
              transform: scale(1.08);
              box-shadow: 0 0 0 16px rgba(237, 139, 70, 0), 0 0 24px rgba(237, 139, 70, .54)
          }

          100% {
              transform: scale(.96);
              box-shadow: 0 0 0 0 rgba(237, 139, 70, 0), 0 0 16px rgba(237, 139, 70, .24)
          }
      }

      .journey-steps {
          position: relative;
          z-index: 2;
          display: grid;
          grid-template-columns: repeat(3, minmax(0, 1fr));
          gap: 26px;
      }

      .journey-step {}

      .journey-step__node {
          display: flex;
          justify-content: center;
          margin-bottom: 34px;
      }

      .journey-step__number {
          width: 74px;
          height: 74px;
          border-radius: 50%;
          display: inline-flex;
          align-items: center;
          justify-content: center;
          background: linear-gradient(135deg, var(--primary), var(--primary-light));
          color: #fff;
          font-size: 20px;
          font-weight: 800;
          box-shadow: 0 20px 36px rgba(217, 108, 43, .28), 0 0 24px rgba(217, 108, 43, .14);
      }

      .journey-step__card {
          min-height: 340px;
          padding: 30px;
          border-radius: 30px;
          background: rgba(255, 255, 255, .08);
          border: 1px solid rgba(255, 255, 255, .10);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04);
          backdrop-filter: blur(12px);
          transition: transform .32s var(--ease), border-color .32s var(--ease), background .32s var(--ease);
      }

      .journey-step:hover .journey-step__card {
          transform: translateY(-8px);
          border-color: rgba(237, 139, 70, .34);
          background: rgba(255, 255, 255, .10);
      }

      .journey-step__icon {
          width: 62px;
          height: 62px;
          border-radius: 18px;
          display: flex;
          align-items: center;
          justify-content: center;
          background: rgba(237, 139, 70, .16);
          color: var(--primary-light);
          font-size: 26px;
          margin-bottom: 20px;
      }

      .journey-step__title {
          color: #fff;
          font-size: 24px;
          line-height: 1.14;
          letter-spacing: -.03em;
          margin-bottom: 14px;
      }

      .journey-step__text {
          color: rgba(255, 255, 255, .70);
          font-size: 15px;
          line-height: 1.82;
          margin-bottom: 22px;
      }

      .journey-step__badge {
          display: inline-flex;
          align-items: center;
          gap: 10px;
          min-height: 50px;
          padding: 0 18px;
          border-radius: 999px;
          background: rgba(237, 139, 70, .16);
          color: #f2be98;
          font-size: 13px;
          font-weight: 700;
      }

      .journey-step__badge i {
          color: var(--primary-light)
      }

      /* =========================================================
       PROOF / METRICS
       ========================================================= */
      .proof-grid {
          display: grid;
          grid-template-columns: minmax(0, 1.05fr) minmax(340px, .95fr);
          gap: 34px;
          align-items: start;
      }

      .proof-story {
          padding: 34px;
          border-radius: 34px;
          background: #fff;
          border: 1px solid var(--border);
          box-shadow: var(--shadow);
      }

      .proof-story__title {
          color: var(--dark);
          font-family: var(--font-head);
          font-size: clamp(40px, 4vw, 62px);
          line-height: .98;
          letter-spacing: -.05em;
          margin-bottom: 18px;
      }

      .proof-story__title span {
          color: var(--primary)
      }

      .proof-quote {
          position: relative;
          margin: 20px 0 24px;
          padding: 30px 28px 26px;
          border-radius: 28px;
          background: linear-gradient(135deg, #fff7f1, #fff2e7);
          border: 1px solid rgba(217, 108, 43, .12);
          box-shadow: 0 16px 36px rgba(217, 108, 43, .08);
      }

      .proof-quote::before {
          content: "“";
          position: absolute;
          top: -14px;
          left: 20px;
          font-size: 84px;
          line-height: 1;
          color: rgba(217, 108, 43, .42);
          font-family: Georgia, serif;
      }

      .proof-quote p {
          color: #3c495e;
          font-size: 18px;
          line-height: 1.82;
          font-style: italic;
          margin-bottom: 18px;
      }

      .proof-author {
          display: flex;
          align-items: center;
          gap: 14px;
      }

      .proof-author__avatar {
          width: 52px;
          height: 52px;
          border-radius: 50%;
          overflow: hidden;
          flex: 0 0 52px;
          background: #d5d1cb;
      }

      .proof-author__avatar img {
          width: 100%;
          height: 100%;
          object-fit: cover
      }

      .proof-author__copy strong {
          display: block;
          color: var(--dark);
          font-size: 16px;
          font-weight: 800;
      }

      .proof-author__copy span {
          display: block;
          color: #768295;
          font-size: 13px;
          margin-top: 3px;
      }

      .proof-author__stars {
          display: flex;
          gap: 4px;
          color: #f4a62e;
          font-size: 13px;
          margin-top: 5px;
      }

      .proof-stats {
          display: grid;
          grid-template-columns: 1fr 1fr;
          gap: 16px;
      }

      .proof-stat {
          padding: 24px;
          border-radius: 26px;
          background: linear-gradient(180deg, #faf9f5, #f4f1eb);
          border: 1px solid var(--border);
          box-shadow: var(--shadow);
          transition: transform .28s var(--ease), box-shadow .28s var(--ease);
      }

      .proof-stat:hover {
          transform: translateY(-5px);
          box-shadow: 0 18px 38px rgba(26, 41, 66, .10);
      }

      .proof-stat__icon {
          width: 48px;
          height: 48px;
          border-radius: 16px;
          background: rgba(217, 108, 43, .10);
          display: flex;
          align-items: center;
          justify-content: center;
          color: var(--primary);
          font-size: 20px;
          margin-bottom: 14px;
      }

      .proof-stat strong {
          display: block;
          color: var(--dark);
          font-size: 38px;
          line-height: 1;
          letter-spacing: -.05em;
          font-weight: 800;
          margin-bottom: 7px;
      }

      .proof-stat strong span {
          color: var(--primary)
      }

      .proof-stat p {
          color: #6e7a8d;
          font-size: 13px;
          line-height: 1.65;
      }

      /* =========================================================
       CONTACT
       ========================================================= */
      .contact-area {
          padding-bottom: 110px;
      }

      .contact-shell {
          padding: 26px;
          border-radius: 40px;
          background: linear-gradient(180deg, rgba(255, 255, 255, .92), rgba(252, 250, 246, .92));
          border: 1px solid var(--border);
          box-shadow: var(--shadow-lg);
      }

      .contact-grid {
          display: grid;
          grid-template-columns: minmax(0, .95fr) minmax(380px, 1.05fr);
          gap: 24px;
          align-items: stretch;
      }

      .contact-left {
          padding: 10px 8px 8px;
      }

      .contact-left__title {
          color: var(--dark);
          font-family: var(--font-head);
          font-size: clamp(40px, 4vw, 62px);
          line-height: .98;
          letter-spacing: -.05em;
          margin-bottom: 16px;
      }

      .contact-left__title span {
          color: var(--primary)
      }

      .contact-left__text {
          color: #667287;
          font-size: 16px;
          line-height: 1.82;
          margin-bottom: 24px;
      }

      .contact-media {
          position: relative;
          min-height: 320px;
          overflow: hidden;
          border-radius: 30px;
          background: #ddd6cd;
          margin-bottom: 20px;
      }

      .contact-media img {
          width: 100%;
          height: 320px;
          object-fit: cover;
      }

      .contact-media__badge {
          position: absolute;
          top: 16px;
          left: 16px;
          display: inline-flex;
          align-items: center;
          gap: 10px;
          min-height: 42px;
          padding: 0 15px;
          border-radius: 999px;
          background: rgba(255, 255, 255, .92);
          color: var(--dark);
          font-size: 12px;
          font-weight: 700;
          box-shadow: 0 10px 24px rgba(26, 41, 66, .10);
      }

      .contact-trust {
          display: grid;
          gap: 12px;
      }

      .contact-trust__item {
          display: flex;
          align-items: flex-start;
          gap: 14px;
          padding: 16px 18px;
          border-radius: 22px;
          background: #fff;
          border: 1px solid var(--border);
          box-shadow: var(--shadow);
      }

      .contact-trust__icon {
          width: 44px;
          height: 44px;
          border-radius: 15px;
          flex: 0 0 44px;
          display: flex;
          align-items: center;
          justify-content: center;
          background: linear-gradient(135deg, var(--primary), var(--primary-light));
          color: #fff;
          font-size: 18px;
          box-shadow: 0 12px 20px rgba(217, 108, 43, .22);
      }

      .contact-trust__copy strong {
          display: block;
          color: var(--dark);
          font-size: 16px;
          font-weight: 800;
          margin-bottom: 4px;
      }

      .contact-trust__copy span {
          display: block;
          color: #6e7a8d;
          font-size: 13px;
          line-height: 1.62;
      }

      .contact-form-card {
          width: 100%;
          padding: 34px 30px 28px;
          border-radius: 34px;
          background: linear-gradient(180deg, #fffaf5, #fff3e8);
          border: 1px solid rgba(217, 108, 43, .14);
          box-shadow: 0 24px 50px rgba(26, 41, 66, .08);
          position: relative;
          overflow: hidden;
          height: fit-content;
      }

      .contact-form-card::before {
          content: "";
          position: absolute;
          top: -70px;
          right: -70px;
          width: 220px;
          height: 220px;
          border-radius: 50%;
          background: radial-gradient(circle, rgba(217, 108, 43, .12), transparent 72%);
          pointer-events: none;
      }

      .contact-form__badge {
          display: inline-flex;
          align-items: center;
          gap: 10px;
          min-height: 38px;
          padding: 0 14px;
          border-radius: 999px;
          background: rgba(255, 255, 255, .76);
          border: 1px solid rgba(26, 41, 66, .06);
          color: #b95a1e;
          font-size: 11px;
          font-weight: 700;
          text-transform: uppercase;
          letter-spacing: .08em;
          margin-bottom: 16px;
      }

      .contact-form__title {
          color: var(--dark);
          font-size: 38px;
          line-height: 1;
          letter-spacing: -.04em;
          margin-bottom: 10px;
      }

      .contact-form__subtitle {
          color: #6e7a8d;
          font-size: 14px;
          line-height: 1.72;
          margin-bottom: 22px;
      }

      .form-grid {
          display: grid;
          grid-template-columns: 1fr 1fr;
          gap: 14px;
      }

      .field {
          min-width: 0
      }

      .field--full {
          grid-column: 1/-1
      }

      .field label {
          display: block;
          color: #243247;
          font-size: 12px;
          font-weight: 700;
          margin-bottom: 8px;
      }

      .field label span {
          color: var(--primary)
      }

      .field__wrap {
          display: flex;
          align-items: center;
          min-height: 56px;
          border-radius: 16px;
          background: rgba(255, 255, 255, .88);
          border: 1px solid rgba(26, 41, 66, .10);
          transition: border-color .25s var(--ease), box-shadow .25s var(--ease), transform .25s var(--ease);
      }

      .field__wrap:focus-within {
          border-color: rgba(217, 108, 43, .45);
          box-shadow: 0 0 0 4px rgba(217, 108, 43, .10);
          transform: translateY(-1px);
      }

      .field__wrap i {
          flex: 0 0 42px;
          text-align: center;
          color: var(--primary);
          font-size: 16px;
      }

      .field__wrap input,
      .field__wrap select,
      .field__wrap textarea {
          width: 100%;
          border: 0;
          outline: 0;
          background: transparent;
          color: var(--dark);
          padding: 14px 14px 14px 0;
          font-size: 14px;
          line-height: 1.5;
          appearance: none;
      }

      .field__wrap textarea {
          resize: vertical;
          min-height: 128px;
          padding-top: 16px
      }

      .field__wrap--textarea {
          align-items: flex-start;
          min-height: 128px
      }

      .field__wrap--textarea i {
          padding-top: 18px
      }

      .form-note {
          display: flex;
          align-items: flex-start;
          gap: 12px;
          padding: 12px 14px;
          margin-bottom: 16px;
          border-radius: 16px;
          background: rgba(255, 255, 255, .64);
          border: 1px solid rgba(26, 41, 66, .06);
          color: #617084;
          font-size: 12px;
          line-height: 1.65;
      }

      .form-note i {
          color: var(--primary);
          font-size: 15px;
          margin-top: 1px;
          flex-shrink: 0
      }

      .form-submit {
          width: 100%
      }

      /* =========================================================
       RESPONSIVE
       ========================================================= */
      @media (max-width:1279px) {
          .hero-grid {
              grid-template-columns: minmax(0, 1fr) minmax(410px, .95fr);
          }

          .hero-visual__card,
          .hero-visual__image {
              min-height: 600px;
              height: 600px
          }
      }

      @media (max-width:1199px) {
          .trust-strip__items {
              grid-template-columns: repeat(3, minmax(0, 1fr))
          }

          .story-grid {
              grid-template-columns: 1fr
          }

          .proof-grid {
              grid-template-columns: 1fr
          }

          .contact-grid {
              grid-template-columns: 1fr
          }

          .bento-card--feature {
              grid-column: span 12
          }

          .bento-card--side,
          .bento-card--blue,
          .bento-card--sand,
          .bento-card--lavender,
          .bento-card--butter {
              grid-column: span 6
          }
      }

      @media (max-width:991px) {
          .site-shell {
              width: min(100%, calc(100% - 32px))
          }

          .section-space {
              padding: 30px 0
          }

          .hero-menu {
              display: none
          }

          .hero-grid {
              grid-template-columns: 1fr;
              gap: 34px
          }

          .hero-copy {
              max-width: none
          }

          .hero-copy__title {
              font-size: clamp(46px, 8vw, 74px)
          }

          .hero-copy__stats {
              grid-template-columns: repeat(2, minmax(0, 1fr))
          }

          .hero-visual__panel {
              grid-template-columns: 1fr
          }

          .hero-visual__card,
          .hero-visual__image {
              min-height: 560px;
              height: 560px
          }

          .trust-strip__box {
              grid-template-columns: 1fr
          }

          .journey {
              padding: 94px 0 98px
          }

          .journey-rail {
              display: none
          }

          .journey-steps {
              grid-template-columns: 1fr;
              gap: 20px;
              max-width: 760px;
              margin: 0 auto
          }

          .journey-steps::before {
              content: "";
              position: absolute;
              left: 36px;
              top: 12px;
              bottom: 12px;
              width: 3px;
              border-radius: 999px;
              background: linear-gradient(180deg, rgba(237, 139, 70, .95), rgba(237, 139, 70, .08));
              box-shadow: 0 0 12px rgba(237, 139, 70, .24);
          }

          .journey-step {
              display: grid;
              grid-template-columns: 74px 1fr;
              gap: 18px;
              align-items: start
          }

          .journey-step__node {
              justify-content: center;
              margin-bottom: 0;
              padding-top: 6px
          }
      }

      @media (min-width:768px) and (max-width:991px) {

          .bento-card--side,
          .bento-card--blue,
          .bento-card--sand,
          .bento-card--lavender,
          .bento-card--butter {
              grid-column: span 6
          }
      }

      @media (min-width:458px) and (max-width:767px) {
          .site-shell {
              width: min(100%, calc(100% - 24px))
          }

          .section-space {
              padding: 72px 0
          }

          .section-head {
              margin-bottom: 36px
          }

          .section-title {
              font-size: clamp(34px, 8vw, 52px)
          }

          .section-desc {
              font-size: 14px;
              line-height: 1.75
          }

          .hero-wrap {
              padding: 18px 0 10px
          }

          .hero-box {
              padding: 18px;
              border-radius: 30px
          }

          .hero-nav {
              padding: 6px 4px 20px
          }

          .hero-nav__actions {
              display: none
          }

          .hero-brand {
              font-size: 22px
          }

          .hero-grid {
              gap: 28px;
              padding: 8px 2px 2px
          }

          .hero-copy__title {
              font-size: clamp(38px, 10vw, 54px)
          }

          .hero-copy__text {
              font-size: 14px;
              line-height: 1.78;
              margin-bottom: 24px
          }

          .hero-copy__actions {
              flex-direction: column;
              align-items: stretch;
              margin-bottom: 24px
          }

          .hero-copy__stats {
              grid-template-columns: 1fr
          }

          .hero-visual__card,
          .hero-visual__image {
              min-height: 500px;
              height: 500px;
              border-radius: 28px
          }

          .hero-visual__badge {
              max-width: 180px;
              padding: 12px 14px
          }

          .hero-visual__badge-value {
              font-size: 26px
          }

          .hero-visual__panel {
              left: 16px;
              right: 16px;
              bottom: 16px
          }

          .hero-visual__copy {
              padding: 16px
          }

          .hero-visual__copy h3 {
              font-size: 28px
          }

          .trust-strip__items {
              grid-template-columns: 1fr 1fr
          }

          .story-copy__stats {
              grid-template-columns: 1fr
          }

          .bento-wrap {
              grid-template-columns: 1fr
          }

          .bento-card--feature,
          .bento-card--side,
          .bento-card--blue,
          .bento-card--sand,
          .bento-card--lavender,
          .bento-card--butter {
              grid-column: span 1
          }

          .bento-card--feature .bento-card__footer {
              flex-direction: column;
              align-items: flex-start
          }

          .journey {
              padding: 76px 0 82px
          }

          .journey .section-head {
              margin-bottom: 34px
          }

          .journey-steps {
              grid-template-columns: 1fr;
              gap: 16px
          }

          .journey-steps::before {
              content: "";
              position: absolute;
              left: 31px;
              top: 10px;
              bottom: 10px;
              width: 3px;
              border-radius: 999px;
              background: linear-gradient(180deg, rgba(237, 139, 70, .95), rgba(237, 139, 70, .08));
          }

          .journey-step {
              display: grid;
              grid-template-columns: 64px 1fr;
              gap: 14px
          }

          .journey-step__node {
              justify-content: center;
              margin-bottom: 0;
              padding-top: 6px
          }

          .journey-step__number {
              width: 64px;
              height: 64px;
              font-size: 18px
          }

          .journey-step__card {
              min-height: auto;
              padding: 24px 22px;
              border-radius: 24px
          }

          .proof-stats {
              grid-template-columns: 1fr
          }

          .contact-shell {
              padding: 18px
          }

          .contact-form-card {
              padding: 24px 18px 20px
          }

          .form-grid {
              grid-template-columns: 1fr
          }
      }

      @media (min-width:369px) and (max-width:457px) {
          .site-shell {
              width: min(100%, calc(100% - 22px))
          }

          .section-space {
              padding: 64px 0
          }

          .section-head {
              margin-bottom: 30px
          }

          .section-title {
              font-size: clamp(30px, 10vw, 42px);
              margin-bottom: 14px
          }

          .section-desc {
              font-size: 13.5px;
              line-height: 1.74
          }

          .hero-wrap {
              padding: 14px 0 6px
          }

          .hero-box {
              padding: 14px;
              border-radius: 26px
          }

          .hero-nav {
              padding: 4px 2px 16px
          }

          .hero-menu,
          .hero-nav__actions {
              display: none
          }

          .hero-brand {
              font-size: 20px
          }

          .hero-brand__icon {
              width: 40px;
              height: 40px;
              border-radius: 13px
          }

          .hero-grid {
              gap: 24px;
              padding: 6px 0 0
          }

          .hero-copy__eyebrow {
              min-height: 38px;
              padding: 0 14px;
              font-size: 10px;
              letter-spacing: .08em;
              margin-bottom: 18px
          }

          .hero-copy__title {
              font-size: clamp(34px, 11vw, 46px);
              margin-bottom: 14px
          }

          .hero-copy__text {
              font-size: 14px;
              line-height: 1.74;
              margin-bottom: 20px
          }

          .hero-copy__actions {
              flex-direction: column;
              align-items: stretch;
              margin-bottom: 20px
          }

          .btn-primary,
          .btn-secondary {
              width: 100%
          }

          .hero-copy__stats {
              grid-template-columns: 1fr;
              gap: 12px
          }

          .hero-copy__stat {
              padding: 16px 14px;
              border-radius: 18px
          }

          .hero-copy__stat strong {
              font-size: 26px
          }

          .hero-visual__card,
          .hero-visual__image {
              min-height: 430px;
              height: 430px;
              border-radius: 24px
          }

          .hero-visual__badge {
              max-width: 152px;
              padding: 10px 12px;
              border-radius: 16px
          }

          .hero-visual__badge--top {
              top: 14px;
              right: 14px
          }

          .hero-visual__badge--bottom {
              left: 14px;
              bottom: 14px
          }

          .hero-visual__badge-value {
              font-size: 22px
          }

          .hero-visual__panel {
              left: 12px;
              right: 12px;
              bottom: 12px;
              gap: 10px
          }

          .hero-visual__copy {
              padding: 14px;
              border-radius: 18px
          }

          .hero-visual__copy h3 {
              font-size: 24px
          }

          .hero-visual__copy p {
              font-size: 13px
          }

          .hero-visual__kpi {
              padding: 14px;
              border-radius: 18px
          }

          .hero-visual__kpi-value {
              font-size: 38px
          }

          .trust-strip__box {
              padding: 16px
          }

          .trust-strip__items {
              grid-template-columns: 1fr
          }

          .story-visual {
              padding: 14px;
              border-radius: 28px
          }

          .story-visual__grid {
              grid-template-columns: 1fr
          }

          .story-visual__big img {
              min-height: 260px
          }

          .story-visual__stack {
              grid-template-rows: auto auto
          }

          .story-visual__stack-item img {
              min-height: 180px
          }

          .story-visual__seal {
              width: 104px;
              height: 104px
          }

          .story-copy__title {
              font-size: 36px
          }

          .story-copy__text {
              font-size: 14px
          }

          .story-copy__stats {
              grid-template-columns: 1fr
          }

          .bento-wrap {
              grid-template-columns: 1fr
          }

          .bento-card {
              padding: 22px;
              border-radius: 24px
          }

          .bento-card--feature,
          .bento-card--side,
          .bento-card--blue,
          .bento-card--sand,
          .bento-card--lavender,
          .bento-card--butter {
              grid-column: span 1;
              min-height: auto
          }

          .bento-card__metric strong {
              font-size: 58px
          }

          .bento-card--feature .bento-card__title {
              font-size: 30px
          }

          .bento-card--feature .bento-card__text {
              font-size: 15px
          }

          .bento-card--feature .bento-card__footer {
              flex-direction: column;
              align-items: flex-start
          }

          .journey {
              padding: 68px 0 74px
          }

          .journey .section-head {
              margin-bottom: 28px
          }

          .journey-steps {
              grid-template-columns: 1fr;
              gap: 14px
          }

          .journey-steps::before {
              content: "";
              position: absolute;
              left: 28px;
              top: 8px;
              bottom: 8px;
              width: 3px;
              border-radius: 999px;
              background: linear-gradient(180deg, rgba(237, 139, 70, .95), rgba(237, 139, 70, .08));
          }

          .journey-step {
              display: grid;
              grid-template-columns: 58px 1fr;
              gap: 12px
          }

          .journey-step__node {
              justify-content: center;
              margin-bottom: 0;
              padding-top: 6px
          }

          .journey-step__number {
              width: 58px;
              height: 58px;
              font-size: 17px
          }

          .journey-step__card {
              min-height: auto;
              padding: 22px 18px;
              border-radius: 22px
          }

          .journey-step__title {
              font-size: 20px
          }

          .journey-step__text {
              font-size: 13.5px
          }

          .proof-story {
              padding: 24px
          }

          .proof-quote {
              padding: 24px 20px 22px
          }

          .proof-quote p {
              font-size: 16px
          }

          .proof-stats {
              grid-template-columns: 1fr
          }

          .contact-shell {
              padding: 16px;
              border-radius: 28px
          }

          .contact-media {
              min-height: 250px
          }

          .contact-media img {
              height: 250px
          }

          .contact-form-card {
              padding: 22px 16px 18px;
              border-radius: 26px
          }

          .contact-form__title {
              font-size: 30px
          }

          .form-grid {
              grid-template-columns: 1fr
          }
      }

      @media (max-width:368px) {
          .site-shell {
              width: min(100%, calc(100% - 18px))
          }

          .section-space {
              padding: 30x 0
          }

          .section-head {
              margin-bottom: 26px
          }

          .section-title {
              font-size: 28px;
              margin-bottom: 12px
          }

          .section-desc {
              font-size: 13px;
              line-height: 1.7
          }

          .hero-box {
              padding: 12px;
              border-radius: 22px
          }

          .hero-menu,
          .hero-nav__actions {
              display: none
          }

          .hero-nav {
              padding: 2px 0 14px
          }

          .hero-brand {
              font-size: 19px
          }

          .hero-brand__icon {
              width: 38px;
              height: 38px;
              border-radius: 12px
          }

          .hero-copy__eyebrow {
              min-height: 36px;
              padding: 0 12px;
              font-size: 9.5px;
              margin-bottom: 16px
          }

          .hero-copy__title {
              font-size: 32px;
              margin-bottom: 12px
          }

          .hero-copy__text {
              font-size: 13.5px;
              line-height: 1.72;
              margin-bottom: 18px
          }

          .hero-copy__actions {
              flex-direction: column;
              align-items: stretch;
              margin-bottom: 18px
          }

          .btn-primary,
          .btn-secondary {
              width: 100%;
              min-height: 50px;
              font-size: 13.5px;
              padding: 0 16px
          }

          .hero-copy__stats {
              grid-template-columns: 1fr;
              gap: 10px
          }

          .hero-copy__stat strong {
              font-size: 24px
          }

          .hero-visual__card,
          .hero-visual__image {
              min-height: 390px;
              height: 390px;
              border-radius: 22px
          }

          .hero-visual__badge {
              max-width: 144px;
              padding: 9px 11px;
              border-radius: 14px
          }

          .hero-visual__badge-value {
              font-size: 20px
          }

          .hero-visual__panel {
              left: 10px;
              right: 10px;
              bottom: 10px
          }

          .hero-visual__copy {
              padding: 12px
          }

          .hero-visual__copy h3 {
              font-size: 22px
          }

          .hero-visual__copy p {
              font-size: 12.5px
          }

          .hero-visual__kpi {
              padding: 12px
          }

          .hero-visual__kpi-value {
              font-size: 34px
          }

          .trust-strip__box {
              padding: 14px
          }

          .trust-strip__items {
              grid-template-columns: 1fr
          }

          .story-visual {
              padding: 12px;
              border-radius: 24px
          }

          .story-visual__grid {
              grid-template-columns: 1fr
          }

          .story-visual__big img {
              min-height: 230px
          }

          .story-visual__stack-item img {
              min-height: 160px
          }

          .story-visual__seal {
              width: 96px;
              height: 96px
          }

          .story-copy__title {
              font-size: 32px
          }

          .story-copy__stats {
              grid-template-columns: 1fr
          }

          .bento-wrap {
              grid-template-columns: 1fr
          }

          .bento-card {
              padding: 20px;
              border-radius: 22px
          }

          .bento-card--feature,
          .bento-card--side,
          .bento-card--blue,
          .bento-card--sand,
          .bento-card--lavender,
          .bento-card--butter {
              grid-column: span 1
          }

          .bento-card__icon {
              width: 54px;
              height: 54px;
              border-radius: 17px;
              font-size: 22px
          }

          .bento-card__metric strong {
              font-size: 50px
          }

          .bento-card--feature .bento-card__title {
              font-size: 28px
          }

          .bento-card__title {
              font-size: 21px
          }

          .bento-card__text {
              font-size: 13.5px
          }

          .bento-card__chips span {
              font-size: 11px
          }

          .journey {
              padding: 62px 0 68px
          }

          .journey-steps {
              grid-template-columns: 1fr;
              gap: 12px
          }

          .journey-steps::before {
              content: "";
              position: absolute;
              left: 25px;
              top: 8px;
              bottom: 8px;
              width: 3px;
              border-radius: 999px;
              background: linear-gradient(180deg, rgba(237, 139, 70, .95), rgba(237, 139, 70, .08));
          }

          .journey-step {
              display: grid;
              grid-template-columns: 52px 1fr;
              gap: 10px
          }

          .journey-step__node {
              justify-content: center;
              margin-bottom: 0;
              padding-top: 5px
          }

          .journey-step__number {
              width: 52px;
              height: 52px;
              font-size: 15px
          }

          .journey-step__card {
              min-height: auto;
              padding: 20px 16px;
              border-radius: 20px
          }

          .journey-step__title {
              font-size: 18px
          }

          .journey-step__text {
              font-size: 13px
          }

          .proof-story {
              padding: 20px
          }

          .proof-quote {
              padding: 22px 18px 20px
          }

          .proof-quote p {
              font-size: 15px
          }

          .proof-stats {
              grid-template-columns: 1fr
          }

          .contact-shell {
              padding: 14px;
              border-radius: 24px
          }

          .contact-media {
              min-height: 230px
          }

          .contact-media img {
              height: 230px
          }

          .contact-form-card {
              padding: 20px 14px 16px;
              border-radius: 22px
          }

          .contact-form__title {
              font-size: 28px
          }

          .form-grid {
              grid-template-columns: 1fr
          }
      }


      /* =========================================================
   FINAL CF7 FORM FIX — ACE CONTACT / ISO / ISV / FINANCIAL / CAREERS
   Paste at very bottom of style.css
========================================================= */

      /* ---------- CF7 global cleanup ---------- */

      .wpcf7 form p {
          margin: 0 !important;
          padding: 0 !important;
      }

      .wpcf7-form-control-wrap {
          display: block;
          width: 100%;
      }

      .wpcf7-not-valid-tip {
          margin-top: 7px;
          color: #d93025;
          font-size: 12px;
          font-weight: 700;
          line-height: 1.35;
      }

      .wpcf7-response-output {
          margin: 18px 0 0 !important;
          padding: 14px 16px !important;
          border-radius: 16px !important;
          font-weight: 700;
          font-size: 14px;
      }

      .wpcf7-spinner {
          display: block;
          margin: 12px auto 0;
      }


      /* =========================================================
   ISO / ISV / FINANCIAL CF7 FORM — CLEAN NO ICON VERSION
========================================================= */

      .iso-partner-cf7 .wpcf7-form {
          margin: 0 !important;
      }

      .iso-partner-cf7-form {
          width: 100%;
      }

      .iso-partner-cf7-form .field {
          min-width: 0;
      }

      .iso-partner-cf7-form .field label {
          display: block;
          margin-bottom: 10px;
      }

      .iso-partner-cf7-form .field__wrap {
          display: block;
          position: relative;
          width: 100%;
          min-height: 64px;
          padding: 0 !important;
          overflow: hidden;
      }

      .iso-partner-cf7-form .field__wrap .wpcf7-form-control-wrap {
          width: 100%;
          height: 100%;
      }

      .iso-partner-cf7-form .field__wrap input,
      .iso-partner-cf7-form .field__wrap select,
      .iso-partner-cf7-form .field__wrap textarea {
          width: 100% !important;
          min-height: 64px !important;
          height: 64px !important;
          border: 0 !important;
          outline: none !important;
          box-shadow: none !important;
          background: transparent !important;
          color: #1c2f4f !important;
          font: inherit !important;
          font-size: 16px !important;
          line-height: 1.4 !important;
          padding: 0 18px !important;
          box-sizing: border-box !important;
      }

      .iso-partner-cf7-form .field__wrap select {
          cursor: pointer;
          appearance: auto;
      }

      .iso-partner-cf7-form .field__wrap--textarea {
          min-height: 140px !important;
          height: 140px !important;
      }

      .iso-partner-cf7-form .field__wrap--textarea textarea {
          min-height: 140px !important;
          height: 140px !important;
          resize: none !important;
          overflow-y: auto !important;
          padding: 18px !important;
          line-height: 1.55 !important;
      }

      .iso-partner-cf7-form .form-submit {
          width: 100% !important;
          border: 0 !important;
          cursor: pointer;
          text-align: center;
          justify-content: center;
      }


      /* =========================================================
   CAREERS CF7 FORM — FINAL CLEAN FIX
========================================================= */

      .ace-careers-cf7 .wpcf7-form {
          margin: 0 !important;
      }

      .ace-careers-cf7-grid {
          align-items: start;
      }

      .ace-careers-cf7-grid .ace-careers-form__field {
          min-width: 0;
          align-self: start;
      }

      .ace-careers-cf7-grid .ace-careers-form__label {
          display: block;
          margin-bottom: 12px;
      }

      /* Fix all CF7 generated inputs/select/textarea */
      .ace-careers-cf7-grid input[type="text"],
      .ace-careers-cf7-grid input[type="email"],
      .ace-careers-cf7-grid input[type="tel"],
      .ace-careers-cf7-grid select,
      .ace-careers-cf7-grid textarea {
          width: 100% !important;
          box-sizing: border-box !important;
          border: 1px solid rgba(24, 51, 88, .18) !important;
          border-radius: 14px !important;
          outline: none !important;
          background: #fff !important;
          color: #1c2f4f !important;
          font: inherit !important;
          font-size: 15px !important;
          box-shadow: none !important;
      }

      .ace-careers-cf7-grid input[type="text"],
      .ace-careers-cf7-grid input[type="email"],
      .ace-careers-cf7-grid input[type="tel"],
      .ace-careers-cf7-grid select {
          height: 56px !important;
          min-height: 56px !important;
          padding: 0 18px !important;
      }

      .ace-careers-cf7-grid textarea {
          min-height: 126px !important;
          height: 126px !important;
          padding: 16px 18px !important;
          line-height: 1.55 !important;
          resize: none !important;
          overflow-y: auto !important;
      }

      /* Focus state */
      .ace-careers-cf7-grid input:focus,
      .ace-careers-cf7-grid select:focus,
      .ace-careers-cf7-grid textarea:focus,
      .iso-partner-cf7-form input:focus,
      .iso-partner-cf7-form select:focus,
      .iso-partner-cf7-form textarea:focus {
          border-color: rgba(217, 108, 43, .45) !important;
          box-shadow: 0 0 0 4px rgba(217, 108, 43, .10) !important;
      }

      /* Resume upload design */
      .ace-careers-form__file {
          position: relative;
          display: flex;
          align-items: center;
          gap: 14px;
          min-height: 58px;
          padding: 8px 14px;
          border: 1px solid rgba(24, 51, 88, .18);
          border-radius: 14px;
          background: #fff;
          cursor: pointer;
          overflow: hidden;
          box-sizing: border-box;
      }

      .ace-careers-form__file .wpcf7-form-control-wrap {
          position: absolute;
          inset: 0;
          z-index: 3;
          opacity: 0;
          cursor: pointer;
      }

      .ace-careers-file-native {
          width: 100%;
          height: 100%;
          cursor: pointer;
      }

      .ace-careers-form__file-button {
          position: relative;
          z-index: 1;
          display: inline-flex;
          gap: 8px;
          padding: 12px 18px;
          border-radius: 25px;
          background: #e5712d;
          color: #fff;
          font-weight: 800;
          font-size: 13px;
          line-height: 1;
          align-items: flex-end;
      }

      .ace-careers-form__file-name {
          position: relative;
          z-index: 1;
          color: #7d8a9d;
          font-weight: 700;
          font-size: 13px;
      }

      /* Careers submit */
      .ace-careers-cf7 .ace-careers-form__actions {
          margin-top: 24px;
      }

      .ace-careers-cf7 .ace-careers-button {
          border: 0 !important;
          cursor: pointer;
      }

      .ace-careers-cf7 .wpcf7-spinner {
          display: block;
          margin: 12px 0 0;
      }


      /* =========================================================
   RESPONSIVE CF7 FIX
========================================================= */

      @media (max-width: 767px) {

          .iso-partner-cf7-form .field__wrap,
          .iso-partner-cf7-form .field__wrap input,
          .iso-partner-cf7-form .field__wrap select {
              min-height: 58px !important;
              height: 58px !important;
          }

          .iso-partner-cf7-form .field__wrap--textarea,
          .iso-partner-cf7-form .field__wrap--textarea textarea {
              min-height: 130px !important;
              height: 130px !important;
          }

          .ace-careers-cf7-grid input[type="text"],
          .ace-careers-cf7-grid input[type="email"],
          .ace-careers-cf7-grid input[type="tel"],
          .ace-careers-cf7-grid select {
              height: 54px !important;
              min-height: 54px !important;
          }

          .ace-careers-cf7-grid textarea {
              min-height: 120px !important;
              height: 120px !important;
          }
      }

      /* =========================================================
   ECOSYSTEM ORBIT — MAKE ORBIT SMALLER
========================================================= */

      @media (min-width: 992px) {
          .bs-eco__stage {
              transform: scale(0.82);
              transform-origin: center center;
          }
      }




      /* ============================================================
   SINGLE BLOG PREMIUM REDESIGN - ACE THEME SAFE
   Keeps existing Ace colors, background, fonts
   ============================================================ */

      .acepost-premium-page {
          background: #F8F8F6 !important;
          overflow: visible !important;
      }

      .acepost-premium-hero {
          padding-top: 100px;
          padding-bottom: 28px;
      }

      .acepost-premium-hero__shell {
          padding: clamp(24px, 3vw, 42px);
      }

      .acepost-premium-hero__grid {
          display: grid;
          grid-template-columns: minmax(0, 0.9fr) minmax(420px, 1.1fr);
          gap: clamp(28px, 5vw, 70px);
          align-items: center;
      }

      .acepost-premium-hero__title {
          margin-top: 18px !important;
          max-width: 720px;
          font-size: clamp(46px, 3.2vw, 82px);
          line-height: 0.96;
          letter-spacing: -0.055em;
      }

      .acepost-premium-hero__excerpt {
          max-width: 720px;
          margin-top: 22px;
          font-size: 16px;
          line-height: 1.85;
      }

      .acepost-premium-meta {
          display: flex;
          flex-wrap: wrap;
          align-items: center;
          gap: 14px;
          margin-top: 28px;
      }

      .acepost-premium-meta span {
          display: inline-flex;
          align-items: center;
          gap: 8px;
          min-height: 34px;
          padding: 0 12px;
          border-radius: 999px;
          background: #ffffff;
          border: 1px solid #E7E3DC;
          color: #1A2942;
          font-size: 13px;
          font-weight: 700;
      }

      .acepost-premium-meta i {
          color: #D96C2B;
      }

      .acepost-premium-share {
          display: flex;
          flex-wrap: wrap;
          align-items: center;
          gap: 10px;
          margin-top: 26px;
      }

      .acepost-premium-share strong {
          color: #1A2942;
          font-weight: 800;
      }

      .acepost-premium-share__btn {
          min-height: 42px;
          padding: 0 16px;
          display: inline-flex;
          align-items: center;
          gap: 8px;
          border: 1px solid rgba(217, 108, 43, .16);
          border-radius: 999px;
          background: rgba(217, 108, 43, .08);
          color: #1A2942;
          font-size: 13px;
          font-weight: 800;
          text-decoration: none;
          cursor: pointer;
          transition: all .25s ease;
      }

      .acepost-premium-share__btn:hover {
          background: #D96C2B;
          color: #ffffff;
          text-decoration: none;
          transform: translateY(-2px);
      }

      .acepost-premium-share__btn:hover i {
          color: #ffffff;
      }

      .acepost-premium-share__btn i {
          color: #D96C2B;
      }

      .acepost-premium-hero__media {
          position: relative;
          overflow: hidden;
          border-radius: 30px;
          background: #ffffff;
          border: 1px solid #E7E3DC;
          box-shadow: 0 24px 60px rgba(26, 41, 66, .14);
      }

      .acepost-premium-hero__media::after {
          content: "";
          position: absolute;
          inset: 0;
          border-radius: inherit;
          box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .55);
          pointer-events: none;
      }

      .acepost-premium-hero__media img {
          display: block;
          width: 100%;
          object-fit: contain !important;
      }


      /* Content layout */
      .acepost-premium-content {
          padding-top: 34px;
      }

      .acepost-premium-layout {
          display: grid;
          grid-template-columns: 280px minmax(0, 860px);
          gap: 28px;
          justify-content: center;
          align-items: start;
      }

      .acepost-premium-toc {
          position: sticky;
          top: 110px;
      }

      .acepost-premium-toc__card {
          padding: 18px;
          border-radius: 20px;
      }

      .acepost-premium-toc__title {
          display: flex;
          align-items: center;
          gap: 8px;
          padding-bottom: 13px;
          margin-bottom: 13px;
          border-bottom: 1px solid #E7E3DC;
          color: #1A2942;
          font-size: 12px;
          font-weight: 900;
          letter-spacing: .08em;
          text-transform: uppercase;
      }

      .acepost-premium-toc__title i {
          color: #D96C2B;
      }

      .acepost-premium-toc__nav {
          display: grid;
          gap: 10px;
          max-height: calc(100vh - 180px);
          overflow: auto;
          padding-right: 3px;
      }

      .acepost-premium-toc__item {
          display: grid;
          grid-template-columns: 24px minmax(0, 1fr);
          gap: 9px;
          align-items: start;
          color: #1A2942;
          text-decoration: none;
          font-size: 13px;
          line-height: 1.45;
          font-weight: 700;
          transition: color .2s ease;
      }

      .acepost-premium-toc__item:hover,
      .acepost-premium-toc__item.is-active {
          color: #D96C2B;
          text-decoration: none;
      }

      .acepost-premium-toc__num {
          width: 21px;
          height: 21px;
          display: grid;
          place-items: center;
          border-radius: 999px;
          background: #1A2942;
          color: #ffffff;
          font-size: 10px;
          font-weight: 900;
      }

      .acepost-premium-toc__item.is-active .acepost-premium-toc__num,
      .acepost-premium-toc__item:hover .acepost-premium-toc__num {
          background: #D96C2B;
      }

      .acepost-premium-toc__item--sub {
          padding-left: 8px;
          color: #5f6673;
          font-size: 12px;
          font-weight: 600;
      }

      .acepost-premium-toc__item--sub .acepost-premium-toc__num {
          background: transparent;
          color: #D96C2B;
          font-size: 14px;
      }

      /* Article polish without changing theme */
      .acepost-premium-article {
          padding: clamp(24px, 3vw, 42px);
          border-radius: 22px;
          overflow: visible;
      }

      .acepost-premium-article p,
      .acepost-premium-article span {
          color: #5f6673;
          font-size: 16px;
          line-height: 1.85;
      }

      .acepost-premium-article>span {
          display: block;
          margin-bottom: 17px;
      }

      .acepost-premium-article h2 {
          margin: 42px 0 16px;
          color: #1A2942;
          font-family: var(--bs-heading-font-family, "Playfair Display", serif);
          font-size: clamp(31px, 3vw, 44px);
          line-height: 1.04;
          letter-spacing: -0.035em;
          scroll-margin-top: 120px;
      }

      .acepost-premium-article h3 {
          margin: 30px 0 12px;
          color: #1A2942;
          font-family: var(--bs-heading-font-family, "Playfair Display", serif);
          font-size: clamp(24px, 2.2vw, 32px);
          line-height: 1.08;
          scroll-margin-top: 120px;
      }

      .acepost-premium-article h4 {
          margin: 24px 0 10px;
          color: #1A2942;
          font-weight: 800;
          scroll-margin-top: 120px;
      }

      .acepost-premium-article a {
          color: #D96C2B;
          font-weight: 800;
          text-decoration: none;
      }

      .acepost-premium-article a:hover {
          text-decoration: underline;
      }

      .acepost-premium-article ul,
      .acepost-premium-article ol {
          margin: 18px 0 24px;
          padding-left: 24px;
      }

      .acepost-premium-article li {
          margin-bottom: 10px;
      }

      .acepost-premium-article img {
          display: block;
          width: 100%;
          max-width: 100%;
          height: auto;
          margin: 28px 0;
          border-radius: 18px;
          border: 1px solid #E7E3DC;
          background: #F2F1ED;
      }

      .acepost-premium-article .aligncenter {
          margin-left: auto;
          margin-right: auto;
      }

      .acepost-premium-article .alignleft,
      .acepost-premium-article .alignright {
          float: none;
          margin: 28px 0;
      }

      /* Fix reveal visibility */
      .single-post .acepost-reveal,
      .single-post .acepost-article,
      .single-post .acepost-side {
          opacity: 1 !important;
          transform: none !important;
          visibility: visible !important;
      }

      @media (max-width: 1199px) {
          .acepost-premium-hero__grid {
              grid-template-columns: 1fr;
          }

          .acepost-premium-layout {
              grid-template-columns: 1fr;
          }

          .acepost-premium-toc {
              position: static;
          }

          .acepost-ai-strip {
              align-items: flex-start;
              flex-wrap: wrap;
          }
      }

      @media (max-width: 767px) {
          .acepost-premium-hero {
              padding-top: 36px;
          }

          .acepost-premium-hero__shell {
              border-radius: 28px;
          }

          .acepost-premium-hero__title {
              font-size: clamp(30px, 5vw, 54px);
          }



          .acepost-ai-strip {
              padding: 16px;
          }

          .acepost-ai-strip__actions {
              width: 100%;
          }

          .acepost-ai-tool {
              flex: 1 1 auto;
              justify-content: center;
          }

          .acepost-premium-article {
              padding: 22px 18px;
          }

          .acepost-premium-article p,
          .acepost-premium-article span {
              font-size: 15px;
              line-height: 1.78;
          }
      }

      /* ============================================================
   FINAL BLOG LISTING HERO BENTO - 6 POSTS
   ============================================================ */

      .acmb-hero .acmb-shell {
          padding-bottom: 28px !important;
      }

      /* .acmb-bento--six {
    display: grid !important;
    grid-template-columns: 260px minmax(0, 1fr) 260px !important;
    gap: 22px !important;
    align-items: stretch !important;
} */

      .acmb-bento--six .acmb-bento__col {
          display: grid !important;
          gap: 18px !important;
          min-width: 0 !important;
      }

      .acmb-bento--six .acmb-bento__col--left {
          grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
      }

      .acmb-bento--six .acmb-bento__col--right {
          grid-template-rows: repeat(3, minmax(0, 1fr)) !important;
      }

      .acmb-bento--six .acmb-bento__col--center {
          min-height: 100% !important;
      }

      .acmb-bento--six .acmb-post {
          height: 100% !important;
          min-height: 0 !important;
          display: flex !important;
          flex-direction: column !important;
          overflow: hidden !important;
      }

      .acmb-bento--six .acmb-post__body {
          flex: 1 1 auto !important;
          display: flex !important;
          flex-direction: column !important;
      }

      .acmb-bento--six .acmb-post__link {
          margin-top: auto !important;
      }

      .acmb-bento--six .acmb-post--featured .acmb-post__media {
          height: 325px !important;
      }

      .acmb-bento--six .acmb-post--featured .acmb-post__body {
          padding: 24px 26px 26px !important;
      }

      .acmb-bento--six .acmb-post--featured .acmb-post__title {
          font-size: clamp(28px, 2.35vw, 38px) !important;
          line-height: 1.04 !important;
          letter-spacing: -0.04em !important;
      }

      .acmb-bento--six .acmb-post--featured .acmb-post__excerpt {
          display: -webkit-box !important;
          -webkit-line-clamp: 3 !important;
          -webkit-box-orient: vertical !important;
          overflow: hidden !important;
      }

      .acmb-bento--six .acmb-bento__col--left .acmb-post__media,
      .acmb-bento--six .acmb-bento__col--right .acmb-post__media {
          height: 118px !important;
          flex: 0 0 118px !important;
      }

      .acmb-bento--six .acmb-bento__col--left .acmb-post__body,
      .acmb-bento--six .acmb-bento__col--right .acmb-post__body {
          padding: 14px 16px 16px !important;
      }

      .acmb-bento--six .acmb-bento__col--left .acmb-post__title,
      .acmb-bento--six .acmb-bento__col--right .acmb-post__title {
          font-size: 22px !important;
          line-height: 1.04 !important;
          letter-spacing: -0.035em !important;
          display: -webkit-box !important;
          -webkit-line-clamp: 3 !important;
          -webkit-box-orient: vertical !important;
          overflow: hidden !important;
      }

      .acmb-bento--six .acmb-bento__col--left .acmb-post__excerpt,
      .acmb-bento--six .acmb-bento__col--right .acmb-post__excerpt {
          font-size: 13px !important;
          line-height: 1.55 !important;
          display: -webkit-box !important;
          -webkit-line-clamp: 2 !important;
          -webkit-box-orient: vertical !important;
          overflow: hidden !important;
      }

      @media (min-width: 768px) and (max-width: 1199px) {
          /* .acmb-bento--six {
        grid-template-columns: 1fr 1fr !important;
    } */

          .acmb-bento--six .acmb-bento__col--center {
              grid-column: 1 / -1 !important;
              order: -1 !important;
          }

          .acmb-bento--six .acmb-post--featured .acmb-post__media {
              height: 330px !important;
          }
      }

      @media (max-width: 767.98px) {
          /* .acmb-bento--six {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    } */

          .acmb-bento--six .acmb-bento__col {
              grid-template-rows: auto !important;
              gap: 16px !important;
          }

          .acmb-bento--six .acmb-post--featured .acmb-post__media,
          .acmb-bento--six .acmb-bento__col--left .acmb-post__media,
          .acmb-bento--six .acmb-bento__col--right .acmb-post__media {
              height: 220px !important;
              flex-basis: 220px !important;
          }

          .acmb-bento--six .acmb-bento__col--left .acmb-post__title,
          .acmb-bento--six .acmb-bento__col--right .acmb-post__title {
              font-size: 25px !important;
          }
      }


      /* ============================================================
   FINAL SINGLE BLOG PREMIUM DESIGN
   ============================================================ */

      .acepost-premium-page {
          background: #F8F8F6 !important;
          overflow: visible !important;
      }

      .acepost-premium-hero {
          padding-top: 100px !important;
          padding-bottom: 28px !important;
      }

      .acepost-premium-hero__shell {
          padding: clamp(24px, 3vw, 42px) !important;
      }

      .acepost-premium-hero__grid {
          display: grid !important;
          grid-template-columns: minmax(0, 0.9fr) minmax(420px, 1.1fr) !important;
          gap: clamp(28px, 5vw, 70px) !important;
          align-items: center !important;
      }

      .acepost-premium-hero__title {
          margin-top: 18px !important;
          max-width: 720px !important;
          font-size: clamp(46px, 3.2vw, 82px) !important;
          line-height: 0.96 !important;
          letter-spacing: -0.055em !important;
      }

      .acepost-premium-hero__excerpt {
          max-width: 720px !important;
          margin-top: 22px !important;
          font-size: 16px !important;
          line-height: normal;
      }

      .acepost-premium-meta {
          display: flex !important;
          flex-wrap: wrap !important;
          align-items: center !important;
          gap: 14px !important;
          margin-top: 28px !important;
      }

      .acepost-premium-meta span {
          display: inline-flex !important;
          align-items: center !important;
          gap: 8px !important;
          min-height: 34px !important;
          padding: 0 12px !important;
          border-radius: 999px !important;
          background: #ffffff !important;
          border: 1px solid #E7E3DC !important;
          color: #1A2942 !important;
          font-size: 13px !important;
          font-weight: 700 !important;
      }

      .acepost-premium-meta i {
          color: #D96C2B !important;
      }

      .acepost-premium-share {
          display: flex !important;
          flex-wrap: wrap !important;
          align-items: center !important;
          gap: 10px !important;
          margin-top: 26px !important;
      }

      .acepost-premium-share strong {
          color: #1A2942 !important;
          font-weight: 800 !important;
      }

      .acepost-premium-share__btn {
          min-height: 42px !important;
          padding: 0 16px !important;
          display: inline-flex !important;
          align-items: center !important;
          gap: 8px !important;
          border: 1px solid rgba(217, 108, 43, .16) !important;
          border-radius: 999px !important;
          background: rgba(217, 108, 43, .08) !important;
          color: #1A2942 !important;
          font-size: 13px !important;
          font-weight: 800 !important;
          text-decoration: none !important;
          cursor: pointer !important;
          transition: all .25s ease !important;
      }

      .acepost-premium-share__btn:hover {
          background: #D96C2B !important;
          color: #ffffff !important;
          text-decoration: none !important;
          transform: translateY(-2px) !important;
      }

      .acepost-premium-share__btn i {
          color: #D96C2B !important;
      }

      .acepost-premium-share__btn:hover i {
          color: #ffffff !important;
      }

      .acepost-premium-hero__media {
          position: relative !important;
          overflow: hidden !important;
          border-radius: 30px !important;
          background: #ffffff !important;
          border: 1px solid #E7E3DC !important;
          box-shadow: 0 24px 60px rgba(26, 41, 66, .14) !important;
      }


      /* ============================================================
   FINAL SINGLE BLOG AI SUMMARY STRIP
   ============================================================ */

      .acepost-ai-strip {
          width: min(1080px, 100%) !important;
          margin: 28px auto 0 !important;
          padding: 18px 20px !important;
          display: flex !important;
          align-items: center !important;
          gap: 16px !important;
          background: #ffffff !important;
          border: 1px solid #E7E3DC !important;
          border-radius: 22px !important;
          box-shadow: 0 18px 42px rgba(26, 41, 66, .08) !important;
      }

      .acepost-ai-strip__icon {
          width: 54px !important;
          height: 54px !important;
          flex: 0 0 54px !important;
          display: grid !important;
          place-items: center !important;
          border-radius: 17px !important;
          color: #ffffff !important;
          background:
              radial-gradient(circle at 30% 20%, rgba(255, 255, 255, .35), transparent 35%),
              linear-gradient(135deg, #1A2942 0%, #D96C2B 100%) !important;
      }

      .acepost-ai-strip__text {
          flex: 1 !important;
          min-width: 220px !important;
      }

      .acepost-ai-strip__text strong {
          display: block !important;
          color: #1A2942 !important;
          font-size: 16px !important;
          font-weight: 900 !important;
      }

      .acepost-ai-strip__text span {
          display: block !important;
          margin-top: 3px !important;
          color: #5f6673 !important;
          font-size: 13px !important;
          line-height: 1.5 !important;
      }

      .acepost-ai-strip__label {
          color: #1A2942 !important;
          font-weight: 800 !important;
          font-size: 14px !important;
          white-space: nowrap !important;
      }

      .acepost-ai-strip__actions {
          display: flex !important;
          flex-wrap: wrap !important;
          gap: 9px !important;
      }

      .acepost-ai-tool {
          min-height: 42px !important;
          padding: 0 15px !important;
          border-radius: 13px !important;
          border: 1px solid #E7E3DC !important;
          background: #F8F8F6 !important;
          color: #1A2942 !important;
          display: inline-flex !important;
          align-items: center !important;
          gap: 9px !important;
          font-size: 13px !important;
          font-weight: 850 !important;
          cursor: pointer !important;
          transition: all .25s ease !important;
      }

      .acepost-ai-tool:hover {
          background: #1A2942 !important;
          border-color: #1A2942 !important;
          color: #ffffff !important;
          transform: translateY(-2px) !important;
          box-shadow: 0 14px 28px rgba(26, 41, 66, .14) !important;
      }

      .ace-ai-logo {
          width: 20px !important;
          height: 20px !important;
          display: inline-grid !important;
          place-items: center !important;
          flex: 0 0 20px !important;
      }

      .ace-ai-logo svg {
          width: 20px !important;
          height: 20px !important;
          display: block !important;
      }

      .ace-ai-logo--grok {
          color: #111111 !important;
      }

      .ace-ai-logo--perplexity {
          color: #20a6a6 !important;
      }

      .ace-ai-logo--chatgpt {
          color: #10a37f !important;
      }

      .ace-ai-logo--claude {
          color: #D96C2B !important;
      }

      .acepost-ai-tool:hover .ace-ai-logo--grok,
      .acepost-ai-tool:hover .ace-ai-logo--perplexity,
      .acepost-ai-tool:hover .ace-ai-logo--chatgpt,
      .acepost-ai-tool:hover .ace-ai-logo--claude {
          color: #ffffff !important;
      }

      .acepost-ai-tool.is-copied {
          background: rgba(217, 108, 43, .12) !important;
          border-color: rgba(217, 108, 43, .28) !important;
          color: #D96C2B !important;
      }


      /* ============================================================
   FINAL SINGLE BLOG CONTENT + TOC
   ============================================================ */

      .acepost-premium-content {
          padding-top: 34px !important;
      }

      .acepost-premium-layout {
          display: grid !important;
          grid-template-columns: 280px minmax(0, 860px) !important;
          gap: 28px !important;
          justify-content: center !important;
          align-items: start !important;
      }

      .acepost-premium-toc {
          position: sticky !important;
          top: 110px !important;
      }

      .acepost-premium-toc__card {
          padding: 18px !important;
          border-radius: 20px !important;
      }

      .acepost-premium-toc__title {
          display: flex !important;
          align-items: center !important;
          gap: 8px !important;
          padding-bottom: 13px !important;
          margin-bottom: 13px !important;
          border-bottom: 1px solid #E7E3DC !important;
          color: #1A2942 !important;
          font-size: 12px !important;
          font-weight: 900 !important;
          letter-spacing: .08em !important;
          text-transform: uppercase !important;
      }

      .acepost-premium-toc__title i {
          color: #D96C2B !important;
      }

      .acepost-premium-toc__nav {
          display: grid !important;
          gap: 10px !important;
          max-height: calc(100vh - 180px) !important;
          overflow: auto !important;
          padding-right: 3px !important;
      }

      .acepost-premium-toc__item {
          display: grid !important;
          grid-template-columns: 24px minmax(0, 1fr) !important;
          gap: 9px !important;
          align-items: start !important;
          color: #1A2942 !important;
          text-decoration: none !important;
          font-size: 13px !important;
          line-height: 1.45 !important;
          font-weight: 700 !important;
          transition: color .2s ease !important;
      }

      .acepost-premium-toc__item:hover,
      .acepost-premium-toc__item.is-active {
          color: #D96C2B !important;
          text-decoration: none !important;
      }

      .acepost-premium-toc__num {
          width: 21px !important;
          height: 21px !important;
          display: grid !important;
          place-items: center !important;
          border-radius: 999px !important;
          background: #1A2942 !important;
          color: #ffffff !important;
          font-size: 10px !important;
          font-weight: 900 !important;
      }

      .acepost-premium-toc__item.is-active .acepost-premium-toc__num,
      .acepost-premium-toc__item:hover .acepost-premium-toc__num {
          background: #D96C2B !important;
      }

      .acepost-premium-toc__item--sub {
          padding-left: 8px !important;
          color: #5f6673 !important;
          font-size: 12px !important;
          font-weight: 600 !important;
      }

      .acepost-premium-toc__item--sub .acepost-premium-toc__num {
          background: transparent !important;
          color: #D96C2B !important;
          font-size: 14px !important;
      }

      .acepost-premium-article {
          padding: clamp(24px, 3vw, 42px) !important;
          border-radius: 22px !important;
          overflow: visible !important;
      }

      .acepost-premium-article p,
      .acepost-premium-article span {
          color: #5f6673 !important;
          font-size: 16px !important;
          line-height: 1.85 !important;
      }

      .acepost-premium-article>span {
          display: block !important;
          margin-bottom: 17px !important;
      }

      .acepost-premium-article h2 {
          margin: 42px 0 16px !important;
          color: #1A2942 !important;
          font-family: var(--bs-heading-font-family, "Playfair Display", serif) !important;
          font-size: clamp(31px, 3vw, 44px) !important;
          line-height: 1.04 !important;
          letter-spacing: -0.035em !important;
          scroll-margin-top: 120px !important;
      }

      .acepost-premium-article h3 {
          margin: 30px 0 12px !important;
          color: #1A2942 !important;
          font-family: var(--bs-heading-font-family, "Playfair Display", serif) !important;
          font-size: clamp(24px, 2.2vw, 32px) !important;
          line-height: 1.08 !important;
          scroll-margin-top: 120px !important;
      }

      .acepost-premium-article h4 {
          margin: 24px 0 10px !important;
          color: #1A2942 !important;
          font-weight: 800 !important;
          scroll-margin-top: 120px !important;
      }

      .acepost-premium-article a {
          color: #D96C2B !important;
          font-weight: 800 !important;
          text-decoration: none !important;
      }

      .acepost-premium-article a:hover {
          text-decoration: underline !important;
      }

      .acepost-premium-article ul,
      .acepost-premium-article ol {
          margin: 18px 0 24px !important;
          padding-left: 24px !important;
      }

      .acepost-premium-article li {
          margin-bottom: 10px !important;
      }

      .acepost-premium-article img {
          display: block !important;
          width: 100% !important;
          max-width: 100% !important;
          height: auto !important;
          margin: 28px 0 !important;
          border-radius: 18px !important;
          border: 1px solid #E7E3DC !important;
          background: #F2F1ED !important;
      }

      .single-post .acepost-reveal,
      .single-post .acepost-article,
      .single-post .acepost-side {
          opacity: 1 !important;
          transform: none !important;
          visibility: visible !important;
      }


      /* ============================================================
   FINAL BLOG RESPONSIVE
   ============================================================ */

      @media (max-width: 1199px) {
          .acepost-premium-hero__grid {
              grid-template-columns: 1fr !important;
          }

          .acepost-premium-layout {
              grid-template-columns: 1fr !important;
          }

          .acepost-premium-toc {
              position: static !important;
          }

          .acepost-ai-strip {
              align-items: flex-start !important;
              flex-wrap: wrap !important;
          }
      }

      @media (max-width: 767px) {
          .acepost-premium-hero {
              padding-top: 55px !important;
          }

          .acepost-premium-hero__shell {
              border-radius: 28px !important;
          }

          .acepost-premium-hero__title {
              font-size: clamp(30px, 5vw, 54px) !important;
          }



          .acepost-ai-strip {
              padding: 16px !important;
          }

          .acepost-ai-strip__label {
              width: 100% !important;
          }

          .acepost-ai-strip__actions {
              width: 100% !important;
          }

          .acepost-ai-tool {
              flex: 1 1 auto !important;
              justify-content: center !important;
          }

          .acepost-premium-article {
              padding: 22px 18px !important;
          }

          .acepost-premium-article p,
          .acepost-premium-article span {
              font-size: 15px !important;
              line-height: 1.78 !important;
          }
      }


      /* ============================================================
   CONTACT PAGE MOBILE CONTACT INFO FIX
   Fix address / phone / email overflow on mobile
   ============================================================ */

      @media (max-width: 767.98px) {

          .acecontact-page,
          .acecontact-main,
          .acecontact-wrap,
          .acecontact-card,
          .acecontact-info,
          .acecontact-side {
              max-width: 100% !important;
              min-width: 0 !important;
          }

          .acecontact-info {
              padding: 18px 12px !important;
              overflow: hidden !important;
          }

          .acecontact-info__list {
              gap: 12px !important;
              width: 100% !important;
              max-width: 100% !important;
              overflow: hidden !important;
          }

          .acecontact-info__item {
              width: 100% !important;
              max-width: 100% !important;
              min-width: 0 !important;
              grid-template-columns: 48px minmax(0, 1fr) !important;
              gap: 12px !important;
              padding: 14px !important;
              align-items: center !important;
              border-radius: 18px !important;
              overflow: hidden !important;
          }

          .acecontact-info__icon {
              width: 44px !important;
              height: 44px !important;
              min-width: 44px !important;
              flex: 0 0 44px !important;
              border-radius: 14px !important;
              font-size: 17px !important;
          }

          .acecontact-info__text {
              min-width: 0 !important;
              max-width: 100% !important;
              display: block !important;
              color: var(--contact-dark) !important;
              font-size: 15px !important;
              line-height: 1.65 !important;
              font-weight: 700 !important;

              /* main fix for long address/email */
              white-space: normal !important;
              overflow-wrap: anywhere !important;
              word-break: break-word !important;
              hyphens: auto !important;
          }

          .acecontact-social {
              padding: 18px 12px !important;
              overflow: hidden !important;
          }

          .acecontact-social__row {
              gap: 10px !important;
          }

          .acecontact-social__link {
              width: 44px !important;
              height: 44px !important;
              border-radius: 13px !important;
          }
      }

      @media (max-width: 374.98px) {

          .acecontact-info {
              padding: 16px 10px !important;
          }

          .acecontact-info__item {
              grid-template-columns: 42px minmax(0, 1fr) !important;
              gap: 10px !important;
              padding: 12px !important;
              border-radius: 16px !important;
          }

          .acecontact-info__icon {
              width: 40px !important;
              height: 40px !important;
              min-width: 40px !important;
              font-size: 16px !important;
          }

          .acecontact-info__text {
              font-size: 14px !important;
              line-height: 1.6 !important;
              font-weight: 700 !important;
          }
      }



      /* ============================================================
   FINAL BLOG HERO BENTO - 5 POSTS
   Left 2 / Center 1 / Right 2
   ============================================================ */

      .acmb-hero .acmb-shell {
          overflow: visible !important;
          padding-bottom: 28px !important;
      }

      .acmb-bento--five {
          display: grid !important;
          grid-template-columns: 260px minmax(0, 1fr) 260px !important;
          gap: 22px !important;
          align-items: stretch !important;
      }

      .acmb-bento--five .acmb-bento__col {
          display: grid !important;
          gap: 16px !important;
          min-width: 0 !important;
      }

      .acmb-bento--five .acmb-bento__col--left,
      .acmb-bento--five .acmb-bento__col--right {
          grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
      }

      .acmb-bento--five .acmb-bento__col--center {
          min-height: 100% !important;
      }

      .acmb-bento--five .acmb-post {
          height: 100% !important;
          min-height: 0 !important;
          display: flex !important;
          flex-direction: column !important;
          overflow: hidden !important;
      }

      .acmb-bento--five .acmb-post__body {
          flex: 1 1 auto !important;
          display: flex !important;
          flex-direction: column !important;
      }

      .acmb-bento--five .acmb-post__link {
          margin-top: auto !important;
      }

      /* Center featured card */
      .acmb-bento--five .acmb-post--featured .acmb-post__media {
          height: 315px !important;
      }

      .acmb-bento--five .acmb-post--featured .acmb-post__body {
          padding: 22px 24px 24px !important;
      }

      .acmb-bento--five .acmb-post--featured .acmb-post__title {
          font-size: clamp(27px, 2.2vw, 36px) !important;
          line-height: 1.04 !important;
          letter-spacing: -0.04em !important;
      }

      .acmb-bento--five .acmb-post--featured .acmb-post__excerpt {
          display: -webkit-box !important;
          -webkit-line-clamp: 2 !important;
          -webkit-box-orient: vertical !important;
          overflow: hidden !important;
          font-size: 14px !important;
          line-height: 1.6 !important;
      }

      /* Side cards */
      .acmb-bento--five .acmb-bento__col--left .acmb-post__media,
      .acmb-bento--five .acmb-bento__col--right .acmb-post__media {
          height: 126px !important;
          flex: 0 0 126px !important;
      }

      .acmb-bento--five .acmb-bento__col--left .acmb-post__body,
      .acmb-bento--five .acmb-bento__col--right .acmb-post__body {
          padding: 14px 15px 15px !important;
      }

      .acmb-bento--five .acmb-bento__col--left .acmb-post__title,
      .acmb-bento--five .acmb-bento__col--right .acmb-post__title {
          font-size: 21px !important;
          line-height: 1.05 !important;
          letter-spacing: -0.035em !important;
          display: -webkit-box !important;
          -webkit-line-clamp: 3 !important;
          -webkit-box-orient: vertical !important;
          overflow: hidden !important;
      }

      .acmb-bento--five .acmb-bento__col--left .acmb-post__excerpt,
      .acmb-bento--five .acmb-bento__col--right .acmb-post__excerpt {
          display: -webkit-box !important;
          -webkit-line-clamp: 2 !important;
          -webkit-box-orient: vertical !important;
          overflow: hidden !important;
          font-size: 12.5px !important;
          line-height: 1.5 !important;
      }

      /* Tablet */
      @media (max-width: 991.98px) {
          .acmb-bento--five {
              grid-template-columns: 1fr 1fr !important;
          }

          .acmb-bento--five .acmb-bento__col--center {
              grid-column: 1 / -1 !important;
              order: -1 !important;
          }

          .acmb-bento--five .acmb-post--featured .acmb-post__media {
              height: 320px !important;
          }
      }

      /* Mobile */
      @media (max-width: 767.98px) {
          .acmb-bento--five {
              grid-template-columns: 1fr !important;
              gap: 16px !important;
          }

          .acmb-bento--five .acmb-bento__col--left,
          .acmb-bento--five .acmb-bento__col--right {
              grid-template-rows: auto !important;
              gap: 16px !important;
          }

          .acmb-bento--five .acmb-post--featured .acmb-post__media,
          .acmb-bento--five .acmb-bento__col--left .acmb-post__media,
          .acmb-bento--five .acmb-bento__col--right .acmb-post__media {
              height: 220px !important;
              flex-basis: 220px !important;
          }

          .acmb-bento--five .acmb-bento__col--left .acmb-post__title,
          .acmb-bento--five .acmb-bento__col--right .acmb-post__title {
              font-size: 24px !important;
          }
      }

      /* ============================================================
   FINAL BLOG HERO BENTO - 5 POSTS
   Left 2 / Center 1 / Right 2
   ============================================================ */

      .acmb-hero .acmb-shell {
          overflow: visible !important;
          padding-bottom: 28px !important;
      }

      .acmb-bento--five {
          display: grid !important;
          grid-template-columns: 260px minmax(0, 1fr) 260px !important;
          gap: 22px !important;
          align-items: stretch !important;
      }

      .acmb-bento--five .acmb-bento__col {
          display: grid !important;
          gap: 16px !important;
          min-width: 0 !important;
      }

      .acmb-bento--five .acmb-bento__col--left,
      .acmb-bento--five .acmb-bento__col--right {
          grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
      }

      .acmb-bento--five .acmb-post {
          height: 100% !important;
          min-height: 0 !important;
          display: flex !important;
          flex-direction: column !important;
          overflow: hidden !important;
      }

      .acmb-bento--five .acmb-post__body {
          flex: 1 1 auto !important;
          display: flex !important;
          flex-direction: column !important;
      }

      .acmb-bento--five .acmb-post__link {
          margin-top: auto !important;
      }

      .acmb-bento--five .acmb-post--featured .acmb-post__media {
          height: 315px !important;
      }

      .acmb-bento--five .acmb-post--featured .acmb-post__body {
          padding: 22px 24px 24px !important;
      }

      .acmb-bento--five .acmb-post--featured .acmb-post__title {
          font-size: clamp(27px, 2.2vw, 36px) !important;
          line-height: 1.04 !important;
          letter-spacing: -0.04em !important;
      }

      .acmb-bento--five .acmb-post--featured .acmb-post__excerpt {
          display: -webkit-box !important;
          -webkit-line-clamp: 2 !important;
          -webkit-box-orient: vertical !important;
          overflow: hidden !important;
          font-size: 14px !important;
          line-height: 1.6 !important;
      }

      .acmb-bento--five .acmb-bento__col--left .acmb-post__media,
      .acmb-bento--five .acmb-bento__col--right .acmb-post__media {
          height: 126px !important;
          flex: 0 0 126px !important;
      }

      .acmb-bento--five .acmb-bento__col--left .acmb-post__body,
      .acmb-bento--five .acmb-bento__col--right .acmb-post__body {
          padding: 14px 15px 15px !important;
      }

      .acmb-bento--five .acmb-bento__col--left .acmb-post__title,
      .acmb-bento--five .acmb-bento__col--right .acmb-post__title {
          font-size: 21px !important;
          line-height: 1.05 !important;
          letter-spacing: -0.035em !important;
          display: -webkit-box !important;
          -webkit-line-clamp: 3 !important;
          -webkit-box-orient: vertical !important;
          overflow: hidden !important;
      }

      .acmb-bento--five .acmb-bento__col--left .acmb-post__excerpt,
      .acmb-bento--five .acmb-bento__col--right .acmb-post__excerpt {
          display: -webkit-box !important;
          -webkit-line-clamp: 2 !important;
          -webkit-box-orient: vertical !important;
          overflow: hidden !important;
          font-size: 12.5px !important;
          line-height: 1.5 !important;
      }

      @media (max-width: 991.98px) {
          .acmb-bento--five {
              grid-template-columns: 1fr 1fr !important;
          }

          .acmb-bento--five .acmb-bento__col--center {
              grid-column: 1 / -1 !important;
              order: -1 !important;
          }

          .acmb-bento--five .acmb-post--featured .acmb-post__media {
              height: 320px !important;
          }
      }

      @media (max-width: 767.98px) {
          .acmb-bento--five {
              grid-template-columns: 1fr !important;
              gap: 16px !important;
          }

          .acmb-bento--five .acmb-bento__col--left,
          .acmb-bento--five .acmb-bento__col--right {
              grid-template-rows: auto !important;
              gap: 16px !important;
          }

          .acmb-bento--five .acmb-post--featured .acmb-post__media,
          .acmb-bento--five .acmb-bento__col--left .acmb-post__media,
          .acmb-bento--five .acmb-bento__col--right .acmb-post__media {
              height: 220px !important;
              flex-basis: 220px !important;
          }

          .acmb-bento--five .acmb-bento__col--left .acmb-post__title,
          .acmb-bento--five .acmb-bento__col--right .acmb-post__title {
              font-size: 24px !important;
          }
      }

      /* ============================================================
   FULL SERVICE PROVIDER PAGE - FINAL ACE NEW THEME CSS
   Replace old FSP CSS with this full CSS
============================================================ */

      .fsp {
          --fsp-navy: #1A2942;
          --fsp-navy-dark: #101b2d;
          --fsp-navy-soft: #263a5c;
          --fsp-orange: #D96C2B;
          --fsp-orange-dark: #bd561d;
          --fsp-orange-soft: #f4a163;
          --fsp-cream: #F8F8F6;
          --fsp-paper: #FBFAF7;
          --fsp-soft: #F2F1ED;
          --fsp-border: #E7E3DC;
          --fsp-text: #5f6673;
          --fsp-heading: #1A2942;
          --fsp-white: #ffffff;

          --brand-dark: var(--fsp-navy);
          --brand-primary: var(--fsp-orange);
          --brand-secondary: var(--fsp-orange);
          --brand-accent: var(--fsp-orange);
          --brand-light: var(--fsp-cream);
          --brand-text: var(--fsp-heading);
          --brand-muted: var(--fsp-text);

          --shadow-soft: 0 18px 45px rgba(26, 41, 66, 0.07);
          --shadow-strong: 0 28px 70px rgba(26, 41, 66, 0.12);

          font-family: "Inter", sans-serif;
          background:
              radial-gradient(circle at 12% 8%, rgba(217, 108, 43, 0.08), transparent 30%),
              radial-gradient(circle at 88% 18%, rgba(26, 41, 66, 0.06), transparent 34%),
              var(--fsp-paper);
          color: var(--fsp-text);
          overflow-x: hidden;
      }

      .fsp,
      .fsp * {
          box-sizing: border-box;
          max-width: 100%;
      }

      .fsp a {
          color: inherit;
          text-decoration: none;
      }

      .fsp img,
      .fsp svg {
          max-width: 100%;
          display: block;
      }

      .fsp button,
      .fsp input,
      .fsp select,
      .fsp textarea {
          font-family: inherit;
      }

      .fsp .fsp-container {
          width: 100%;
          max-width: 1180px;
          margin: 0 auto;
          padding-left: clamp(14px, 4vw, 32px);
          padding-right: clamp(14px, 4vw, 32px);
      }

      .fsp .fsp-container-narrow {
          max-width: 1180px;
      }

      /* ================= TYPOGRAPHY ================= */

      .fsp .fsp-h1,
      .fsp .fsp-h2,
      .fsp .fsp-h2-sm,
      .fsp .fsp-h3,
      .fsp .fsp-h3-white,
      .fsp .fsp-form-title,
      .fsp .fsp-feature h3,
      .fsp .fsp-tier h3 {
          font-family: "Playfair Display", serif;
          color: var(--fsp-heading);
          letter-spacing: -0.035em;
          overflow-wrap: break-word;
          word-break: normal;
      }

      .fsp .fsp-gradient-text,
      .fsp .fsp-gradient-soft {
          background: linear-gradient(120deg, var(--fsp-orange), #f09a5b);
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent;
          background-clip: text;
      }



      /* ================= BUTTONS ================= */

      .fsp .fsp-btn,
      .fsp .fsp-btn-dark,
      .fsp .fsp-btn-blue,
      .fsp .fsp-cta {
          display: inline-flex;
          align-items: center;
          justify-content: center;
          gap: 10px;
          border-radius: 999px;
          padding: 14px 22px;
          min-height: 50px;
          font-weight: 700;
          background: var(--fsp-orange);
          color: #fff;
          border: 1px solid transparent;
          box-shadow: 0 14px 28px rgba(217, 108, 43, 0.25);
          cursor: pointer;
          transition: transform 0.22s ease, background 0.22s ease, border-color 0.22s ease, color 0.22s ease, box-shadow 0.22s ease;
      }

      .fsp .fsp-btn:hover,
      .fsp .fsp-btn-dark:hover,
      .fsp .fsp-btn-blue:hover,
      .fsp .fsp-cta:hover {
          background: var(--fsp-orange-dark);
          color: #fff;
          transform: translateY(-2px);
          box-shadow: 0 18px 34px rgba(217, 108, 43, 0.30);
      }

      .fsp .fsp-btn-lg {
          padding: 16px 26px;
          font-size: 17px;
      }

      .fsp .fsp-btn-full {
          width: 100%;
      }

      .fsp .fsp-btn-pad {
          padding: 16px 20px;
          border-radius: 14px;
      }

      .fsp .fsp-btn-white,
      .fsp .fsp-btn-outline {
          background: #fff;
          color: var(--fsp-navy);
          border: 1px solid var(--fsp-border);
          box-shadow: 0 10px 24px rgba(26, 41, 66, 0.06);
      }

      .fsp .fsp-btn-white:hover,
      .fsp .fsp-btn-outline:hover {
          background: #fff;
          color: var(--fsp-orange);
          border-color: rgba(217, 108, 43, 0.35);
      }

      .fsp .fsp-inline-link {
          display: inline-flex;
          align-items: center;
          gap: 10px;
          color: var(--fsp-orange);
          font-weight: 700;
      }

      .fsp .fsp-inline-link:hover {
          text-decoration: underline;
      }

      /* ================= HERO ================= */

      .fsp .fsp-hero {
          position: relative;
          padding: 86px 0 70px;
          overflow: hidden;
          background:
              linear-gradient(180deg, rgba(248, 248, 246, 0.96), rgba(255, 255, 255, 0.96)),
              radial-gradient(circle at top left, rgba(217, 108, 43, 0.14), transparent 38%);
      }

      .fsp .fsp-hero-grid {
          position: absolute;
          inset: 0;
          opacity: 0.35;
          background-image: radial-gradient(rgba(217, 108, 43, 0.28) 1px, transparent 1px);
          background-size: 22px 22px;
      }

      .fsp .fsp-hero-glow {
          position: absolute;
          inset: 0;
          left: 50%;
          transform: translateX(-50%);
          pointer-events: none;
          background: radial-gradient(circle at center, rgba(217, 108, 43, 0.16), transparent 62%);
      }

      .fsp .fsp-hero-content {
          position: relative;
          z-index: 2;
      }

      .fsp .fsp-hero-top {
          text-align: center;
          max-width: 920px;
          margin: 0 auto 52px;
      }

      .fsp .fsp-badge,
      .fsp .fsp-tag {
          display: inline-flex;
          align-items: center;
          gap: 10px;
          padding: 10px 14px;
          border-radius: 999px;
          background: #fff;
          border: 1px solid rgba(217, 108, 43, 0.22);
          box-shadow: 0 10px 30px rgba(26, 41, 66, 0.06);
          color: var(--fsp-navy);
          margin-bottom: 24px;
      }

      .fsp .fsp-dot {
          width: 8px;
          height: 8px;
          border-radius: 999px;
          background: var(--fsp-orange);
          box-shadow: 0 0 0 6px rgba(217, 108, 43, 0.12);
      }

      .fsp .fsp-badge-text {
          font-size: 11px;
          font-weight: 800;
          letter-spacing: 0.12em;
          text-transform: uppercase;
          color: var(--fsp-navy);
      }

      .fsp .fsp-h1 {
          max-width: 920px;
          margin: 0 auto 18px;
          font-size: clamp(44px, 5vw, 74px);
          line-height: 0.98;
          font-weight: 700;
          color: var(--fsp-navy);
      }

      .fsp .fsp-lead {
          max-width: 760px;
          margin: 0 auto 28px;
          color: var(--fsp-text);
          font-size: 18px;
          line-height: 1.75;
      }

      .fsp .fsp-hero-actions {
          display: grid;
          grid-template-columns: auto auto;
          gap: 12px;
          justify-content: center;
          margin-bottom: 16px;
      }

      .fsp .fsp-hero-link {
          margin-top: 10px;
      }

      /* Hero dashboard card */
      .fsp .fsp-preview {
          position: relative;
          max-width: 980px;
          margin: 58px auto 0;
      }

      .fsp .fsp-float {
          display: none;
          position: absolute;
          border-radius: 999px;
          border: 1px solid rgba(217, 108, 43, 0.20);
      }

      .fsp .fsp-float-left {
          top: -48px;
          left: -48px;
          width: 96px;
          height: 96px;
          align-items: center;
          justify-content: center;
      }

      .fsp .fsp-float-left span {
          width: 12px;
          height: 12px;
          border-radius: 999px;
          background: var(--fsp-orange);
          display: block;
      }

      .fsp .fsp-float-right {
          top: 45%;
          right: -64px;
          width: 128px;
          height: 128px;
          border-color: rgba(26, 41, 66, 0.14);
      }

      .fsp .fsp-card-outer {
          background: var(--fsp-navy);
          border-radius: 34px;
          border: 1px solid rgba(231, 227, 220, 0.22);
          box-shadow: 0 32px 80px rgba(26, 41, 66, 0.22);
          padding: 8px;
          overflow: hidden;
      }

      .fsp .fsp-card-inner {
          position: relative;
          background:
              radial-gradient(circle at 82% 10%, rgba(217, 108, 43, 0.18), transparent 34%),
              linear-gradient(135deg, #101b2d, #1A2942);
          border-radius: 28px;
          overflow: hidden;
      }

      .fsp .fsp-card-glow {
          position: absolute;
          top: -120px;
          right: -120px;
          width: 520px;
          height: 520px;
          background: rgba(217, 108, 43, 0.22);
          filter: blur(100px);
          border-radius: 999px;
          pointer-events: none;
      }

      .fsp .fsp-card-grid {
          position: relative;
          z-index: 2;
          display: grid;
          grid-template-columns: 1fr 1fr;
      }

      .fsp .fsp-card-left {
          padding: 34px;
          position: relative;
          z-index: 2;
      }

      .fsp .fsp-card-right {
          background: rgba(17, 24, 39, 0.35);
          padding: 34px;
          border-left: 1px solid rgba(255, 255, 255, 0.08);
          position: relative;
      }

      .fsp .fsp-pill {
          display: inline-block;
          background: rgba(217, 108, 43, 0.12);
          color: #f4a163;
          border: 1px solid rgba(217, 108, 43, 0.18);
          font-size: 11px;
          font-weight: 800;
          letter-spacing: 0.10em;
          text-transform: uppercase;
          padding: 6px 10px;
          border-radius: 999px;
          margin-bottom: 18px;
      }

      .fsp .fsp-h3 {
          color: #fff;
          font-size: 30px;
          margin: 0 0 10px;
          font-weight: 700;
      }

      .fsp .fsp-card-text {
          color: rgba(255, 255, 255, 0.68);
          line-height: 1.7;
          margin: 0 0 18px;
      }

      .fsp .fsp-list {
          list-style: none;
          padding: 0;
          margin: 0 0 18px;
          display: grid;
          gap: 12px;
      }

      .fsp .fsp-list li {
          color: rgba(255, 255, 255, 0.78);
          display: flex;
          align-items: center;
          gap: 12px;
      }

      .fsp .fsp-check {
          width: 24px;
          height: 24px;
          border-radius: 999px;
          flex: 0 0 24px;
          display: inline-flex;
          align-items: center;
          justify-content: center;
          background: rgba(217, 108, 43, 0.16);
          color: #f4a163;
          font-size: 12px;
      }

      .fsp .fsp-cta {
          width: 100%;
          justify-content: space-between;
          border-radius: 16px;
      }

      .fsp .fsp-metric-row {
          display: flex;
          align-items: flex-end;
          justify-content: space-between;
          gap: 12px;
          margin-bottom: 18px;
      }

      .fsp .fsp-metric-label {
          color: rgba(255, 255, 255, 0.62);
          font-size: 14px;
          margin: 0 0 4px;
      }

      .fsp .fsp-metric-value {
          color: #fff;
          font-size: 26px;
          margin: 0;
          font-weight: 900;
      }

      .fsp .fsp-metric-badge {
          background: rgba(217, 108, 43, 0.13);
          color: #f4a163;
          padding: 6px 10px;
          border-radius: 10px;
          font-weight: 800;
          font-size: 14px;
          display: inline-flex;
          gap: 6px;
          align-items: center;
      }

      .fsp .fsp-chart {
          width: 100%;
          height: 250px;
          border-radius: 14px;
          overflow: hidden;
      }

      .fsp .fsp-chart svg.main-svg {
          width: 100% !important;
          height: 100% !important;
      }

      .fsp .fsp-chart .scatterlayer path.js-line {
          stroke: var(--fsp-orange) !important;
      }

      .fsp .fsp-chart .scatterlayer path.js-fill {
          fill: rgba(217, 108, 43, 0.14) !important;
      }

      .fsp .fsp-mini-grid {
          margin-top: 18px;
          display: grid;
          grid-template-columns: 1fr 1fr;
          gap: 12px;
      }

      .fsp .fsp-mini {
          background: rgba(255, 255, 255, 0.07);
          border: 1px solid rgba(255, 255, 255, 0.09);
          border-radius: 14px;
          padding: 14px;
      }

      .fsp .fsp-mini-top {
          display: flex;
          align-items: center;
          gap: 10px;
          color: rgba(255, 255, 255, 0.62);
          font-size: 12px;
          margin-bottom: 8px;
      }

      .fsp .fsp-mini-dot {
          width: 8px;
          height: 8px;
          border-radius: 999px;
          display: inline-block;
      }

      .fsp .fsp-dot-blue,
      .fsp .fsp-dot-purple {
          background: var(--fsp-orange);
      }

      .fsp .fsp-mini-val {
          color: #fff;
          font-size: 18px;
          font-weight: 900;
      }

      /* ================= COMMON SECTIONS ================= */

      .fsp .fsp-section {
          padding: 86px 0;
      }

      .fsp .fsp-section-white,
      .fsp .fsp-section-light {
          background:
              radial-gradient(circle at 10% 0%, rgba(217, 108, 43, 0.05), transparent 26%),
              #fff;
      }

      .fsp .fsp-section-gray {
          background: var(--fsp-cream);
      }

      .fsp .fsp-center {
          text-align: center;
          max-width: 780px;
          margin: 0 auto 54px;
      }

      .fsp .fsp-h2 {
          font-size: clamp(36px, 4vw, 56px);
          line-height: 1;
          font-weight: 700;
          margin: 0 0 14px;
      }

      .fsp .fsp-h2-sm {
          font-size: 30px;
      }

      .fsp .fsp-sub {
          margin: 0;
          color: var(--fsp-text);
          font-size: 17px;
          line-height: 1.72;
      }

      .fsp .fsp-grid-3 {
          display: grid;
          grid-template-columns: repeat(3, minmax(0, 1fr));
          gap: 24px;
      }

      /* ================= FEATURES ================= */

      .fsp .fsp-feature {
          background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 248, 246, 0.96));
          border: 1px solid var(--fsp-border);
          border-radius: 28px;
          padding: 34px;
          box-shadow: var(--shadow-soft);
          transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
      }

      .fsp .fsp-feature:hover {
          transform: translateY(-6px);
          border-color: rgba(217, 108, 43, 0.35);
          box-shadow: var(--shadow-strong);
      }

      .fsp .fsp-feature-ic {
          width: 56px;
          height: 56px;
          border-radius: 18px;
          background: #fff;
          border: 1px solid rgba(217, 108, 43, 0.12);
          box-shadow: 0 12px 26px rgba(217, 108, 43, 0.12);
          display: inline-flex;
          align-items: center;
          justify-content: center;
          color: var(--fsp-orange);
          font-size: 22px;
          margin-bottom: 16px;
      }

      .fsp .fsp-feature h3 {
          margin: 0 0 10px;
          font-size: 24px;
          font-weight: 700;
      }

      .fsp .fsp-feature p {
          margin: 0;
          color: var(--fsp-text);
          line-height: 1.7;
      }

      /* ================= COMING SOON ================= */

      .fsp .fsp-coming {
          position: relative;
          padding: 96px 0;
          overflow: hidden;
          background: var(--fsp-navy);
      }

      .fsp .fsp-coming-bg {
          position: absolute;
          inset: 0;
          background:
              radial-gradient(circle at 75% 20%, rgba(217, 108, 43, 0.22), transparent 34%),
              radial-gradient(circle at 18% 82%, rgba(255, 255, 255, 0.08), transparent 28%),
              var(--fsp-navy);
          z-index: 0;
      }

      .fsp .fsp-coming-texture {
          position: absolute;
          inset: 0;
          z-index: 0;
          opacity: 0.08;
          background-image: url("https://www.transparenttextures.com/patterns/cubes.png");
      }

      .fsp .fsp-coming-orb {
          position: absolute;
          border-radius: 999px;
          filter: blur(110px);
          pointer-events: none;
          z-index: 0;
          background: rgba(217, 108, 43, 0.18);
      }

      .fsp .fsp-orb-a {
          width: 600px;
          height: 600px;
          top: -120px;
          right: -160px;
      }

      .fsp .fsp-orb-b {
          width: 420px;
          height: 420px;
          bottom: -140px;
          left: -120px;
          background: rgba(255, 255, 255, 0.08);
      }

      .fsp .fsp-coming-wrap {
          position: relative;
          z-index: 1;
          display: grid;
          grid-template-columns: minmax(0, 1.02fr) minmax(0, 0.98fr);
          gap: 54px;
          align-items: center;
      }

      .fsp .fsp-coming-left,
      .fsp .fsp-coming-right {
          min-width: 0;
      }

      .fsp .fsp-coming-right {
          position: relative;
      }

      .fsp .fsp-coming-right::before {
          content: "";
          position: absolute;
          inset: -60px;
          background: radial-gradient(circle at 40% 40%, rgba(217, 108, 43, 0.26), transparent 60%);
          filter: blur(30px);
          z-index: 0;
      }

      .fsp .fsp-tag {
          color: var(--fsp-navy);
          margin-bottom: 18px;
      }

      .fsp .fsp-h2-white {
          color: #fff;
          margin-bottom: 16px;
      }

      .fsp .fsp-coming-sub {
          color: rgba(255, 255, 255, 0.72);
          line-height: 1.7;
          font-size: 18px;
          margin: 0 0 20px;
      }

      .fsp .fsp-form-row {
          display: grid;
          grid-template-columns: minmax(0, 1fr) auto;
          gap: 12px;
          position: relative;
          align-items: center;
      }

      .fsp .fsp-input {
          width: 100%;
          min-width: 0;
          min-height: 56px;
          border-radius: 999px;
          background: rgba(255, 255, 255, 0.10);
          border: 1px solid rgba(255, 255, 255, 0.14);
          color: #fff;
          outline: none;
          padding: 0 22px;
      }

      .fsp .fsp-input::placeholder {
          color: rgba(255, 255, 255, 0.50);
      }

      .fsp .fsp-input:focus {
          border-color: rgba(217, 108, 43, 0.65);
          box-shadow: 0 0 0 4px rgba(217, 108, 43, 0.15);
      }

      .fsp .fsp-small {
          color: rgba(255, 255, 255, 0.45);
          font-size: 14px;
          margin-top: 10px;
          line-height: 1.6;
      }

      .fsp .fsp-mock {
          position: relative;
          z-index: 1;
          transform: rotate(1.5deg);
          transition: transform .5s ease;
          max-width: 100%;
      }

      .fsp .fsp-mock:hover {
          transform: rotate(0deg);
      }

      .fsp .fsp-mock-inner {
          background: #26344d;
          border: 1px solid rgba(255, 255, 255, 0.10);
          border-radius: 24px;
          padding: 8px;
          box-shadow: 0 35px 90px rgba(0, 0, 0, 0.34);
          overflow: hidden;
          position: relative;
      }

      .fsp .fsp-browser {
          height: 32px;
          background: #1d2a40;
          border-bottom: 1px solid rgba(255, 255, 255, 0.08);
          display: flex;
          align-items: center;
          gap: 8px;
          padding: 0 12px;
      }

      .fsp .fsp-dot-red,
      .fsp .fsp-dot-yellow,
      .fsp .fsp-dot-green {
          width: 10px;
          height: 10px;
          border-radius: 999px;
          flex: 0 0 auto;
      }

      .fsp .fsp-dot-red {
          background: #ef4444;
      }

      .fsp .fsp-dot-yellow {
          background: #f59e0b;
      }

      .fsp .fsp-dot-green {
          background: #22c55e;
      }

      .fsp .fsp-url {
          margin-left: 10px;
          background: rgba(0, 0, 0, 0.22);
          height: 20px;
          border-radius: 8px;
          padding: 0 10px;
          display: inline-flex;
          align-items: center;
          color: rgba(255, 255, 255, 0.44);
          font-size: 12px;
          width: 66%;
          max-width: 420px;
          min-width: 0;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
      }

      .fsp .fsp-mock-body {
          padding: 18px;
      }

      .fsp .fsp-mock-body img {
          width: 100%;
          height: auto;
          border-radius: 16px;
      }

      .fsp .fsp-skel {
          background: #374151;
          border-radius: 10px;
          opacity: 0.7;
          animation: fspPulse 1.6s ease-in-out infinite;
      }

      @keyframes fspPulse {

          0%,
          100% {
              opacity: .55;
          }

          50% {
              opacity: .85;
          }
      }

      .fsp .sk1 {
          height: 32px;
          width: 35%;
          margin-bottom: 12px;
      }

      .fsp .sk2 {
          height: 16px;
          width: 70%;
          margin-bottom: 10px;
          background: #1f2937;
      }

      .fsp .sk3 {
          height: 16px;
          width: 55%;
          margin-bottom: 18px;
          background: #1f2937;
      }

      .fsp .fsp-skel-grid {
          display: grid;
          grid-template-columns: repeat(3, minmax(0, 1fr));
          gap: 12px;
      }

      .fsp .skbox {
          height: 90px;
          background: #1f2937;
      }

      .fsp .fsp-overlay {
          position: absolute;
          inset: 0;
          display: flex;
          align-items: center;
          justify-content: center;
          background: rgba(0, 0, 0, 0.60);
          opacity: 0;
          transition: opacity .25s ease;
      }

      .fsp .fsp-mock-inner:hover .fsp-overlay {
          opacity: 1;
      }

      .fsp .fsp-overlay span {
          color: #fff;
          font-weight: 900;
          letter-spacing: 0.16em;
          border: 2px solid #fff;
          border-radius: 10px;
          padding: 10px 18px;
      }

      .fsp .fsp-blob {
          position: absolute;
          width: 160px;
          height: 160px;
          border-radius: 999px;
          filter: blur(26px);
          opacity: 0.70;
          z-index: -1;
      }

      .fsp .fsp-blob-a {
          right: -24px;
          bottom: -24px;
          background: var(--fsp-orange);
      }

      .fsp .fsp-blob-b {
          left: -24px;
          top: -24px;
          background: rgba(255, 255, 255, 0.25);
      }

      /* ================= PARTNER PROGRAMS ================= */

      .fsp .fsp-partners {
          max-width: 1180px;
          margin: 0 auto;
      }

      .fsp .fsp-tier {
          background: #fff;
          border-radius: 30px;
          padding: 30px;
          border: 1px solid var(--fsp-border);
          box-shadow: 0 18px 45px rgba(26, 41, 66, 0.08);
          position: relative;
          overflow: hidden;
      }

      .fsp .fsp-tier-topbar {
          position: absolute;
          left: 10px;
          top: -1px;
          height: 10px;
          width: calc(100% - 20px);
          border-top-right-radius: 999px;
          border-top-left-radius: 999px;
      }

      .fsp .fsp-tier-topbar.grad {
          background: linear-gradient(90deg, var(--fsp-orange), #f4a163);
      }

      .fsp .fsp-tier h3 {
          margin: 10px 0 6px;
          color: var(--fsp-navy);
          font-size: 26px;
          font-weight: 700;
      }

      .fsp .fsp-tier-sub {
          margin: 0 0 18px;
          color: var(--fsp-text);
          font-size: 14px;
          line-height: 1.65;
      }

      .fsp .fsp-price {
          margin: 0 0 18px;
          display: flex;
          align-items: baseline;
          gap: 10px;
      }

      .fsp .fsp-price-big {
          font-size: 38px;
          font-weight: 900;
          color: var(--fsp-orange);
      }

      .fsp .fsp-price-small {
          color: var(--fsp-text);
          font-size: 14px;
      }

      .fsp .fsp-hr {
          border: 0;
          height: 1px;
          background: var(--fsp-border);
          margin: 18px 0;
      }

      .fsp .fsp-hr.dark {
          background: rgba(148, 163, 184, 0.25);
      }

      .fsp .fsp-tier-list {
          list-style: none;
          padding: 0;
          margin: 0;
          display: grid;
          gap: 12px;
      }

      .fsp .fsp-tier-list li {
          display: flex;
          gap: 10px;
          color: #4b5563;
          font-weight: 600;
          font-size: 14px;
      }

      .fsp .fsp-tier-list i,
      .fsp .fsp-tier-list.dark i {
          color: var(--fsp-orange);
          margin-top: 2px;
      }

      .fsp .fsp-tier-dark {
          background:
              radial-gradient(circle at 90% 10%, rgba(217, 108, 43, 0.20), transparent 34%),
              var(--fsp-navy);
          border-color: rgba(255, 255, 255, 0.10);
          box-shadow: 0 40px 90px rgba(15, 23, 42, 0.35);
      }

      .fsp .fsp-tier-dark h3,
      .fsp .fsp-tier-dark .fsp-price-big {
          color: #fff;
      }

      .fsp .fsp-tier-dark .fsp-tier-sub,
      .fsp .fsp-tier-dark .fsp-price-small {
          color: rgba(255, 255, 255, 0.65);
      }

      .fsp .fsp-tier-list.dark li {
          color: rgba(255, 255, 255, 0.76);
      }

      .fsp .fsp-popular {
          position: absolute;
          right: 18px;
          top: 14px;
          background: var(--fsp-orange);
          color: #fff;
          font-weight: 900;
          font-size: 12px;
          padding: 6px 10px;
          border-radius: 999px;
          text-transform: uppercase;
          letter-spacing: 0.08em;
      }

      /* ================= LOGOS ================= */

      .fsp .fsp-logos {
          border-top: 1px solid var(--fsp-border);
          background: #fff;
      }

      .fsp .fsp-logo-grid {
          display: grid;
          grid-template-columns: repeat(4, minmax(0, 1fr));
          gap: 22px;
          align-items: center;
          justify-items: center;
          opacity: 0.72;
          filter: grayscale(1);
          transition: filter .5s ease, opacity .5s ease;
      }

      .fsp .fsp-logo-grid:hover {
          filter: grayscale(0);
          opacity: 1;
      }

      .fsp .fsp-logo-grid i {
          font-size: 48px;
          color: var(--fsp-navy);
      }

      /* ================= CONTACT ================= */

      .fsp .fsp-contact {
          background: #fff;
          border-radius: 34px;
          overflow: hidden;
          border: 1px solid var(--fsp-border);
          box-shadow: 0 24px 70px rgba(26, 41, 66, 0.11);
          display: grid;
          grid-template-columns: 40% 60%;
          min-height: 100%;
      }

      .fsp .fsp-contact-left {
          background:
              radial-gradient(circle at 10% 0%, rgba(217, 108, 43, 0.18), transparent 34%),
              var(--fsp-navy);
          color: #fff;
          padding: 38px 34px;
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          gap: 28px;
      }

      .fsp .fsp-contact-left-top {
          display: flex;
          flex-direction: column;
          gap: 18px;
      }

      .fsp .fsp-h3-white {
          margin: 0;
          font-size: 34px;
          font-weight: 700;
          line-height: 1.12;
          color: #fff;
      }

      .fsp .fsp-contact-sub,
      .fsp .fsp-left-text,
      .fsp .fsp-contact-item {
          color: rgba(255, 255, 255, 0.76);
      }

      .fsp .fsp-contact-sub {
          margin: 0;
          line-height: 1.75;
          font-size: 16px;
      }

      .fsp .fsp-left-media {
          margin-top: 4px;
      }

      .fsp .fsp-left-media img {
          width: 100%;
          max-width: 320px;
          height: auto;
          border-radius: 18px;
          background: #fff;
          padding: 10px;
      }

      .fsp .fsp-left-text {
          line-height: 1.85;
          font-size: 15px;
          border-left: 4px solid rgba(217, 108, 43, 0.55);
          padding-left: 14px;
      }

      .fsp .fsp-left-text p {
          margin: 0 0 10px;
      }

      .fsp .fsp-left-text p:last-child {
          margin-bottom: 0;
      }

      .fsp .fsp-contact-list {
          display: grid;
          gap: 14px;
          margin-top: 6px;
      }

      .fsp .fsp-contact-item {
          display: flex;
          align-items: center;
          gap: 12px;
          font-size: 15px;
          line-height: 1.6;
      }

      .fsp .fsp-contact-ic {
          width: 42px;
          height: 42px;
          border-radius: 999px;
          background: rgba(217, 108, 43, 0.16);
          display: inline-flex;
          align-items: center;
          justify-content: center;
          color: #f4a163;
          flex: 0 0 42px;
      }

      .fsp .fsp-social {
          display: flex;
          gap: 12px;
          flex-wrap: wrap;
      }

      .fsp .fsp-social a {
          width: 42px;
          height: 42px;
          border-radius: 999px;
          background: rgba(255, 255, 255, 0.10);
          display: inline-flex;
          align-items: center;
          justify-content: center;
          transition: background .2s ease, transform .2s ease;
          color: #fff;
      }

      .fsp .fsp-social a:hover {
          background: var(--fsp-orange);
          transform: translateY(-2px);
      }

      .fsp .fsp-contact-right {
          background: var(--fsp-cream);
          padding: 34px;
      }

      .fsp .fsp-form-head {
          text-align: center;
          margin-bottom: 24px;
      }

      .fsp .fsp-form-title {
          margin: 0 0 8px;
          font-size: 42px;
          line-height: 1.05;
          font-weight: 700;
          color: var(--fsp-navy);
      }

      .fsp .fsp-form-note {
          margin: 0;
          color: var(--fsp-orange);
          font-size: 14px;
          line-height: 1.5;
      }

      .fsp .fsp-form-card {
          background: #fff;
          border: 1px solid var(--fsp-border);
          border-radius: 28px;
          padding: 24px;
          box-shadow: 0 14px 35px rgba(26, 41, 66, 0.06);
      }

      .fsp .fsp-form,
      .fsp .fsp-contact-right form,
      .fsp .fsp-contact-right .wpcf7,
      .fsp .fsp-contact-right .wpforms-container,
      .fsp .fsp-contact-right .gform_wrapper,
      .fsp .fsp-contact-right .ff-default {
          width: 100%;
      }

      .fsp .fsp-form-grid {
          display: grid;
          grid-template-columns: repeat(2, minmax(0, 1fr));
          gap: 16px 14px;
          min-width: 0;
      }

      .fsp .fsp-field {
          width: 100%;
      }

      .fsp .fsp-field-full {
          grid-column: 1 / -1;
      }

      .fsp .fsp-field label {
          display: block;
          font-size: 13px;
          font-weight: 700;
          color: var(--fsp-navy);
          margin-bottom: 6px;
      }

      .fsp .fsp-field input,
      .fsp .fsp-field select,
      .fsp .fsp-field textarea,
      .fsp .fsp-contact-right input,
      .fsp .fsp-contact-right select,
      .fsp .fsp-contact-right textarea {
          width: 100%;
          max-width: 100%;
          min-width: 0;
          min-height: 56px;
          border: 1px solid var(--fsp-border);
          border-radius: 16px;
          padding: 15px 17px;
          outline: none;
          transition: box-shadow .15s ease, border-color .15s ease;
          font-family: inherit;
          font-size: 15px;
          background: #fff;
          color: var(--fsp-navy);
          box-sizing: border-box;
      }

      .fsp .fsp-field textarea,
      .fsp .fsp-contact-right textarea {
          min-height: 130px;
          resize: vertical;
      }

      .fsp .fsp-field input:focus,
      .fsp .fsp-field select:focus,
      .fsp .fsp-field textarea:focus,
      .fsp .fsp-contact-right input:focus,
      .fsp .fsp-contact-right select:focus,
      .fsp .fsp-contact-right textarea:focus {
          border-color: rgba(217, 108, 43, 0.55);
          box-shadow: 0 0 0 4px rgba(217, 108, 43, 0.12);
      }

      .fsp .fsp-btn-form-submit,
      .fsp .fsp-contact-right button,
      .fsp .fsp-contact-right input[type="submit"],
      .fsp .fsp-contact-right .wpcf7-submit,
      .fsp .fsp-contact-right .wpforms-submit,
      .fsp .fsp-contact-right .gform_button,
      .fsp .fsp-contact-right .ff-btn-submit {
          width: 100%;
          min-height: 58px;
          border: 0;
          border-radius: 999px;
          background: var(--fsp-orange);
          color: #fff;
          font-size: 17px;
          font-weight: 700;
          cursor: pointer;
          transition: all .2s ease;
          box-shadow: 0 14px 30px rgba(217, 108, 43, 0.22);
      }

      .fsp .fsp-btn-form-submit:hover,
      .fsp .fsp-contact-right button:hover,
      .fsp .fsp-contact-right input[type="submit"]:hover,
      .fsp .fsp-contact-right .wpcf7-submit:hover,
      .fsp .fsp-contact-right .wpforms-submit:hover,
      .fsp .fsp-contact-right .gform_button:hover,
      .fsp .fsp-contact-right .ff-btn-submit:hover {
          background: var(--fsp-orange-dark);
          color: #fff;
      }

      .fsp .fsp-contact-right .wpcf7-form,
      .fsp .fsp-contact-right .wpforms-form,
      .fsp .fsp-contact-right form {
          display: block;
      }

      .fsp .fsp-contact-right .wpcf7 p,
      .fsp .fsp-contact-right .wpforms-field-container,
      .fsp .fsp-contact-right .gform_fields {
          margin: 0 0 18px;
      }

      .fsp .wpcf7 form p {
          margin: 0;
      }

      .fsp .wpcf7-spinner {
          margin-top: 10px;
      }

      .fsp .wpcf7-not-valid-tip {
          font-size: 13px;
          margin-top: 6px;
      }

      .fsp .wpcf7-response-output {
          margin: 14px 0 0;
          border-radius: 12px;
      }

      /* ================= RESPONSIVE - LARGE DESKTOP ================= */

      @media (min-width: 1280px) {
          .fsp .fsp-container {
              max-width: 1180px;
          }

          .fsp .fsp-hero {
              padding-top: 96px;
              padding-bottom: 82px;
          }

          .fsp .fsp-section {
              padding-top: 92px;
              padding-bottom: 92px;
          }

          .fsp .fsp-float {
              display: flex;
          }
      }

      /* ================= LAPTOP / SMALL DESKTOP ================= */

      @media (min-width: 1024px) and (max-width: 1279px) {
          .fsp .fsp-container {
              max-width: 1040px;
          }

          .fsp .fsp-h1 {
              font-size: 58px;
          }

          .fsp .fsp-h2 {
              font-size: 48px;
          }

          .fsp .fsp-card-left,
          .fsp .fsp-card-right {
              padding: 30px;
          }

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

          .fsp .fsp-contact {
              grid-template-columns: 40% 60%;
          }
      }

      /* ================= TABLET LANDSCAPE ================= */

      @media (min-width: 768px) and (max-width: 1023px) {
          .fsp .fsp-hero {
              padding-top: 70px;
              padding-bottom: 60px;
          }

          .fsp .fsp-h1 {
              font-size: 50px;
              line-height: 1.02;
          }

          .fsp .fsp-h2 {
              font-size: 42px;
          }

          .fsp .fsp-lead,
          .fsp .fsp-sub {
              font-size: 17px;
          }

          .fsp .fsp-card-grid {
              grid-template-columns: 1fr;
          }

          .fsp .fsp-card-right {
              border-left: 0;
              border-top: 1px solid rgba(255, 255, 255, 0.08);
          }

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

          .fsp .fsp-coming-wrap {
              grid-template-columns: 1fr;
          }

          .fsp .fsp-mock {
              max-width: 760px;
              margin: 0 auto;
              transform: none;
          }

          .fsp .fsp-contact {
              grid-template-columns: 1fr;
          }

          .fsp .fsp-contact-left,
          .fsp .fsp-contact-right {
              padding: 34px;
          }

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

      /* ================= TABLET / LARGE MOBILE ================= */

      @media (min-width: 576px) and (max-width: 767px) {
          .fsp .fsp-hero {
              padding-top: 60px;
              padding-bottom: 52px;
          }

          .fsp .fsp-h1 {
              font-size: 44px;
              line-height: 1.04;
          }

          .fsp .fsp-h2 {
              font-size: 38px;
              line-height: 1.08;
          }

          .fsp .fsp-h3,
          .fsp .fsp-h3-white {
              font-size: 28px;
          }

          .fsp .fsp-lead,
          .fsp .fsp-sub,
          .fsp .fsp-coming-sub {
              font-size: 16px;
              line-height: 1.7;
          }

          .fsp .fsp-section,
          .fsp .fsp-coming {
              padding-top: 58px;
              padding-bottom: 58px;
          }

          .fsp .fsp-card-grid,
          .fsp .fsp-coming-wrap,
          .fsp .fsp-contact {
              grid-template-columns: 1fr;
          }

          .fsp .fsp-card-outer {
              border-radius: 28px;
          }

          .fsp .fsp-card-inner {
              border-radius: 22px;
          }

          .fsp .fsp-card-left,
          .fsp .fsp-card-right {
              padding: 26px;
          }

          .fsp .fsp-card-right {
              border-left: 0;
              border-top: 1px solid rgba(255, 255, 255, 0.08);
          }

          .fsp .fsp-grid-3 {
              grid-template-columns: 1fr;
              gap: 18px;
          }

          .fsp .fsp-feature {
              padding: 26px;
              border-radius: 24px;
          }

          .fsp .fsp-mock {
              transform: none;
          }

          .fsp .fsp-contact {
              border-radius: 28px;
          }

          .fsp .fsp-contact-left,
          .fsp .fsp-contact-right {
              padding: 28px;
          }

          .fsp .fsp-form-grid {
              grid-template-columns: 1fr;
          }

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

      /* ================= 376PX TO 575PX ================= */

      @media (min-width: 376px) and (max-width: 575px) {
          .fsp .fsp-container {
              padding-left: 18px;
              padding-right: 18px;
          }

          .fsp .fsp-hero {
              padding-top: 52px;
              padding-bottom: 48px;
          }

          .fsp .fsp-badge {
              padding: 8px 12px;
              margin-bottom: 20px;
          }

          .fsp .fsp-badge-text {
              font-size: 10px;
              letter-spacing: 0.1em;
          }

          .fsp .fsp-h1 {
              font-size: 38px;
              line-height: 1.05;
              margin-bottom: 16px;
          }

          .fsp .fsp-h2 {
              font-size: 34px;
              line-height: 1.08;
          }

          .fsp .fsp-h3,
          .fsp .fsp-h3-white {
              font-size: 25px;
          }

          .fsp .fsp-lead,
          .fsp .fsp-sub,
          .fsp .fsp-coming-sub {
              font-size: 15px;
              line-height: 1.65;
          }

          .fsp .fsp-hero-actions {
              grid-template-columns: 1fr;
              width: 100%;
          }

          .fsp .fsp-btn,
          .fsp .fsp-btn-dark,
          .fsp .fsp-btn-white,
          .fsp .fsp-btn-outline,
          .fsp .fsp-btn-blue {
              width: 100%;
              min-height: 50px;
              padding: 13px 18px;
              font-size: 15px;
          }

          .fsp .fsp-preview {
              margin-top: 36px;
          }

          .fsp .fsp-card-grid,
          .fsp .fsp-coming-wrap,
          .fsp .fsp-contact {
              grid-template-columns: 1fr;
          }

          .fsp .fsp-card-outer {
              padding: 5px;
              border-radius: 24px;
          }

          .fsp .fsp-card-inner {
              border-radius: 19px;
          }

          .fsp .fsp-card-left,
          .fsp .fsp-card-right {
              padding: 22px;
          }

          .fsp .fsp-card-right {
              border-left: 0;
              border-top: 1px solid rgba(255, 255, 255, 0.08);
          }

          .fsp .fsp-list li {
              align-items: flex-start;
              font-size: 14px;
          }

          .fsp .fsp-chart {
              height: 190px;
          }

          .fsp .fsp-mini-grid {
              grid-template-columns: 1fr;
          }

          .fsp .fsp-section,
          .fsp .fsp-coming {
              padding-top: 52px;
              padding-bottom: 52px;
          }

          .fsp .fsp-center {
              margin-bottom: 32px;
          }

          .fsp .fsp-grid-3 {
              grid-template-columns: 1fr;
              gap: 14px;
          }

          .fsp .fsp-feature {
              padding: 24px;
              border-radius: 22px;
          }

          .fsp .fsp-coming-wrap {
              gap: 28px;
          }

          .fsp .fsp-form-row {
              grid-template-columns: 1fr;
          }

          .fsp .fsp-input {
              border-radius: 16px;
          }

          .fsp .fsp-mock {
              transform: none;
          }

          .fsp .fsp-mock-body {
              padding: 12px;
          }

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

          .fsp .fsp-contact {
              border-radius: 24px;
          }

          .fsp .fsp-contact-left,
          .fsp .fsp-contact-right {
              padding: 24px 20px;
          }

          .fsp .fsp-form-title {
              font-size: 28px;
          }

          .fsp .fsp-form-card {
              padding: 18px;
              border-radius: 22px;
          }

          .fsp .fsp-form-grid {
              grid-template-columns: 1fr;
              gap: 13px;
          }

          .fsp .fsp-contact-right input,
          .fsp .fsp-contact-right select,
          .fsp .fsp-contact-right textarea {
              min-height: 52px;
              padding: 13px 15px;
              font-size: 14px;
          }
      }

      /* ================= 320PX TO 375PX IMPORTANT ================= */

      @media (min-width: 320px) and (max-width: 375px) {
          .fsp .fsp-container {
              padding-left: 14px;
              padding-right: 14px;
          }

          .fsp .fsp-hero {
              padding-top: 44px;
              padding-bottom: 42px;
          }

          .fsp .fsp-badge {
              padding: 7px 10px;
              gap: 7px;
              margin-bottom: 18px;
          }

          .fsp .fsp-dot {
              width: 7px;
              height: 7px;
              box-shadow: 0 0 0 4px rgba(217, 108, 43, 0.12);
          }

          .fsp .fsp-badge-text {
              font-size: 9px;
              letter-spacing: 0.08em;
          }

          .fsp .fsp-h1 {
              font-size: 32px;
              line-height: 1.06;
              margin-bottom: 14px;
          }

          .fsp .fsp-h2 {
              font-size: 30px;
              line-height: 1.08;
          }

          .fsp .fsp-h2-sm {
              font-size: 24px;
          }

          .fsp .fsp-h3,
          .fsp .fsp-h3-white {
              font-size: 23px;
              line-height: 1.12;
          }

          .fsp .fsp-lead,
          .fsp .fsp-sub,
          .fsp .fsp-coming-sub,
          .fsp .fsp-card-text,
          .fsp .fsp-feature p {
              font-size: 14px;
              line-height: 1.6;
          }

          .fsp .fsp-hero-actions {
              grid-template-columns: 1fr;
              width: 100%;
              gap: 10px;
          }

          .fsp .fsp-btn,
          .fsp .fsp-btn-lg,
          .fsp .fsp-btn-dark,
          .fsp .fsp-btn-white,
          .fsp .fsp-btn-outline,
          .fsp .fsp-btn-blue {
              width: 100%;
              min-height: 48px;
              padding: 12px 15px;
              font-size: 14px;
          }

          .fsp .fsp-preview {
              margin-top: 30px;
          }

          .fsp .fsp-card-grid,
          .fsp .fsp-coming-wrap,
          .fsp .fsp-contact {
              grid-template-columns: 1fr;
          }

          .fsp .fsp-card-outer {
              padding: 4px;
              border-radius: 22px;
          }

          .fsp .fsp-card-inner {
              border-radius: 18px;
          }

          .fsp .fsp-card-left,
          .fsp .fsp-card-right {
              padding: 18px;
          }

          .fsp .fsp-card-right {
              border-left: 0;
              border-top: 1px solid rgba(255, 255, 255, 0.08);
          }

          .fsp .fsp-pill {
              font-size: 9px;
              padding: 5px 8px;
              margin-bottom: 14px;
          }

          .fsp .fsp-list {
              gap: 10px;
          }

          .fsp .fsp-list li {
              font-size: 13px;
              line-height: 1.45;
              align-items: flex-start;
          }

          .fsp .fsp-check {
              width: 21px;
              height: 21px;
              flex: 0 0 21px;
              font-size: 10px;
          }

          .fsp .fsp-cta {
              padding: 13px 14px;
              font-size: 13px;
          }

          .fsp .fsp-metric-row {
              align-items: flex-start;
              flex-direction: column;
              gap: 8px;
          }

          .fsp .fsp-metric-value {
              font-size: 22px;
          }

          .fsp .fsp-chart {
              height: 170px;
          }

          .fsp .fsp-mini-grid {
              grid-template-columns: 1fr;
              gap: 10px;
          }

          .fsp .fsp-mini {
              padding: 12px;
          }

          .fsp .fsp-section,
          .fsp .fsp-coming {
              padding-top: 46px;
              padding-bottom: 46px;
          }

          .fsp .fsp-center {
              margin-bottom: 28px;
          }

          .fsp .fsp-grid-3 {
              grid-template-columns: 1fr;
              gap: 14px;
          }

          .fsp .fsp-feature {
              padding: 20px;
              border-radius: 20px;
          }

          .fsp .fsp-feature-ic {
              width: 48px;
              height: 48px;
              font-size: 19px;
              border-radius: 15px;
              margin-bottom: 14px;
          }

          .fsp .fsp-feature h3 {
              font-size: 21px;
          }

          .fsp .fsp-coming-wrap {
              gap: 24px;
          }

          .fsp .fsp-tag {
              font-size: 11px;
              padding: 7px 10px;
          }

          .fsp .fsp-form-row {
              grid-template-columns: 1fr;
              gap: 10px;
          }

          .fsp .fsp-input {
              min-height: 48px;
              padding: 0 15px;
              border-radius: 14px;
              font-size: 14px;
          }

          .fsp .fsp-small {
              font-size: 12px;
          }

          .fsp .fsp-mock {
              transform: none;
          }

          .fsp .fsp-mock-inner {
              border-radius: 18px;
              padding: 5px;
          }

          .fsp .fsp-browser {
              height: 28px;
              padding: 0 8px;
          }

          .fsp .fsp-url {
              height: 17px;
              font-size: 9px;
              margin-left: 6px;
              padding: 0 7px;
          }

          .fsp .fsp-mock-body {
              padding: 10px;
          }

          .fsp .fsp-overlay span {
              font-size: 10px;
              padding: 8px 10px;
          }

          .fsp .fsp-tier {
              padding: 20px;
              border-radius: 22px;
          }

          .fsp .fsp-tier h3 {
              font-size: 22px;
          }

          .fsp .fsp-price-big {
              font-size: 30px;
          }

          .fsp .fsp-tier-list li {
              font-size: 13px;
          }

          .fsp .fsp-logo-grid {
              grid-template-columns: repeat(2, minmax(0, 1fr));
              gap: 18px;
          }

          .fsp .fsp-logo-grid i {
              font-size: 38px;
          }

          .fsp .fsp-contact {
              border-radius: 22px;
          }

          .fsp .fsp-contact-left,
          .fsp .fsp-contact-right {
              padding: 20px 16px;
          }

          .fsp .fsp-contact-item {
              align-items: flex-start;
              font-size: 13px;
          }

          .fsp .fsp-contact-ic {
              width: 36px;
              height: 36px;
              flex: 0 0 36px;
          }

          .fsp .fsp-form-title {
              font-size: 26px;
          }

          .fsp .fsp-form-note {
              font-size: 12px;
          }

          .fsp .fsp-form-card {
              padding: 14px;
              border-radius: 20px;
          }

          .fsp .fsp-form-grid {
              grid-template-columns: 1fr;
              gap: 11px;
          }

          .fsp .fsp-contact-right input,
          .fsp .fsp-contact-right select,
          .fsp .fsp-contact-right textarea {
              min-height: 48px;
              padding: 12px 13px;
              font-size: 13px;
              border-radius: 13px;
          }

          .fsp .fsp-contact-right textarea {
              min-height: 105px;
          }

          .fsp .fsp-contact-right input[type="submit"],
          .fsp .fsp-contact-right button,
          .fsp .fsp-contact-right .wpcf7-submit {
              min-height: 48px;
              font-size: 14px;
          }
      }

      /* ================= BELOW 320PX SAFETY ================= */

      @media (max-width: 319px) {
          .fsp .fsp-container {
              padding-left: 12px;
              padding-right: 12px;
          }

          .fsp .fsp-h1 {
              font-size: 29px;
          }

          .fsp .fsp-h2 {
              font-size: 27px;
          }

          .fsp .fsp-card-grid,
          .fsp .fsp-coming-wrap,
          .fsp .fsp-contact,
          .fsp .fsp-form-grid,
          .fsp .fsp-grid-3 {
              grid-template-columns: 1fr;
          }

          .fsp .fsp-card-left,
          .fsp .fsp-card-right,
          .fsp .fsp-contact-left,
          .fsp .fsp-contact-right {
              padding: 16px 12px;
          }

          .fsp .fsp-feature,
          .fsp .fsp-form-card,
          .fsp .fsp-tier {
              padding: 16px;
          }

          .fsp .fsp-card-right {
              border-left: 0;
              border-top: 1px solid rgba(255, 255, 255, 0.08);
          }
      }

      /* ============================================================
   FSP FINAL FIX PATCH - CHART + FEATURE CARDS
   Paste at VERY END of FSP CSS
============================================================ */

      /* Chart must have real visible height before Plotly draws */
      .fsp .fsp-chart {
          display: block !important;
          width: 100% !important;
          height: 250px !important;
          min-height: 250px !important;
          max-height: 260px !important;
          opacity: 1 !important;
          visibility: visible !important;
          overflow: hidden !important;
      }

      .fsp .fsp-chart .plot-container,
      .fsp .fsp-chart .svg-container,
      .fsp .fsp-chart svg.main-svg {
          width: 100% !important;
          height: 100% !important;
      }

      /* Keep right side dashboard balanced */
      .fsp .fsp-card-right {
          min-height: 430px;
          display: flex;
          flex-direction: column;
          justify-content: space-between;
      }

      .fsp .fsp-metric-row {
          flex: 0 0 auto;
      }

      .fsp .fsp-mini-grid {
          flex: 0 0 auto;
      }

      /* Why Choose card fix */
      .fsp .fsp-feature {
          min-height: 250px;
          display: flex;
          flex-direction: column;
          align-items: flex-start;
          justify-content: flex-start;
      }

      .fsp .fsp-feature h3 {
          margin-bottom: 12px !important;
      }

      .fsp .fsp-feature p {
          display: block !important;
          visibility: visible !important;
          opacity: 1 !important;
          margin-top: 0 !important;
          color: #5f6673 !important;
          font-family: "Inter", sans-serif !important;
          font-size: 16px !important;
          line-height: 1.7 !important;
      }

      /* Make feature icons match orange theme */
      .fsp .fsp-feature-ic,
      .fsp .fsp-feature-ic i {
          color: #D96C2B !important;
      }

      /* Tablet */
      @media (max-width: 1023px) {
          .fsp .fsp-chart {
              height: 230px !important;
              min-height: 230px !important;
          }

          .fsp .fsp-card-right {
              min-height: auto;
          }
      }

      /* Mobile */
      @media (max-width: 767px) {
          .fsp .fsp-chart {
              height: 210px !important;
              min-height: 210px !important;
          }

          .fsp .fsp-feature {
              min-height: auto;
          }
      }

      /* 320px to 375px */
      @media (min-width: 320px) and (max-width: 375px) {
          .fsp .fsp-chart {
              height: 185px !important;
              min-height: 185px !important;
          }

          .fsp .fsp-feature p {
              font-size: 14px !important;
              line-height: 1.6 !important;
          }
      }



      /* =========================================================
   START: ACEPAY DYNAMIC INDUSTRY SLIDER + SIMPLE QUOTE FORM
   Add at the END of style.css / style 4.css
   ========================================================= */
      .acepay-dynamic-slider-section,
      .acepay-quote-form-section {
          --ap-navy: var(--primary-color, #1A2942);
          --ap-orange: var(--accent-color, #D96C2B);
          --ap-text: var(--text-color, #5f6673);
          --ap-light: var(--secondary-color, #F8F8F6);
          --ap-soft: #F2F1ED;
          --ap-border: var(--divider-color, #E7E3DC);
          --ap-white: var(--white-color, #ffffff);
          --ap-heading: var(--bs-heading-font-family, "Playfair Display", serif);
          --ap-font: var(--default-font, "Inter", sans-serif);
          font-family: var(--ap-font);
      }

      .acepay-dynamic-slider-section {
          position: relative;
          overflow: hidden;
          padding: 92px 0 82px;
          background:
              radial-gradient(circle at 8% 10%, rgba(217, 108, 43, 0.10), transparent 32%),
              radial-gradient(circle at 88% 12%, rgba(26, 41, 66, 0.06), transparent 34%),
              linear-gradient(180deg, #fffaf5 0%, var(--ap-light) 100%);
      }

      .acepay-dynamic-container {
          width: min(1180px, calc(100% - 32px));
          margin: 0 auto;
      }

      .acepay-dynamic-head {
          text-align: center;
          max-width: 850px;
          margin: 0 auto 42px;
      }

      .acepay-dynamic-eyebrow {
          display: inline-flex;
          align-items: center;
          justify-content: center;
          padding: 8px 16px;
          border-radius: 100px;
          background: rgba(217, 108, 43, 0.09);
          border: 1px solid rgba(217, 108, 43, 0.20);
          color: var(--ap-orange);
          font-size: 13px;
          font-weight: 800;
          line-height: 1;
          margin-bottom: 14px;
      }

      .acepay-dynamic-head h2 {
          margin: 0 0 13px;
          font-family: var(--ap-heading);
          color: var(--ap-navy);
          font-size: clamp(36px, 5vw, 64px);
          line-height: .98;
          font-weight: 700;
          letter-spacing: -1.25px;
      }

      .acepay-dynamic-head h2 span {
          color: var(--ap-orange);
      }

      .acepay-dynamic-head p {
          margin: 0 auto;
          max-width: 780px;
          color: var(--ap-text);
          font-size: 16px;
          line-height: 1.75;
      }

      .acepay-dynamic-slider-shell {
          position: relative;
          padding: 18px;
          border-radius: 34px;
          background: rgba(255, 255, 255, .86);
          border: 1px solid var(--ap-border);
          box-shadow: 0 24px 70px rgba(26, 41, 66, .12);
      }

      .acepay-dynamic-slider-window {
          overflow: hidden;
          border-radius: 25px;
          padding: 8px;
      }

      .acepay-dynamic-slider-track {
          display: flex;
          gap: 24px;
          transition: transform .55s cubic-bezier(.22, .72, .17, 1);
          will-change: transform;
      }

      .acepay-dynamic-card {
          flex: 0 0 calc((100% - 48px) / 3);
          min-height: 555px;
          display: flex;
          flex-direction: column;
          padding: 24px;
          border-radius: 24px;
          background: var(--ap-white);
          border: 1px solid var(--ap-border);
          box-shadow: 0 18px 45px rgba(26, 41, 66, .075);
          transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
      }

      .acepay-dynamic-card:hover {
          transform: translateY(-5px);
          border-color: rgba(217, 108, 43, .30);
          box-shadow: 0 24px 60px rgba(26, 41, 66, .12);
      }

      .acepay-dynamic-card__image {
          position: relative;
          height: 214px;
          overflow: hidden;
          border-radius: 19px;
          margin-bottom: 24px;
          background: #f3f5f8;
          border: 1px solid rgba(231, 227, 220, .72);
      }

      .acepay-dynamic-card__image img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          transition: transform .55s ease;
      }

      .acepay-dynamic-card:hover .acepay-dynamic-card__image img {
          transform: scale(1.045);
      }

      .acepay-dynamic-card__image-fallback {
          width: 100%;
          height: 100%;
          display: grid;
          place-items: center;
          color: var(--ap-orange);
          font-family: var(--ap-heading);
          font-size: 54px;
          font-weight: 700;
          background: linear-gradient(135deg, rgba(217, 108, 43, .10), rgba(26, 41, 66, .06));
      }

      .acepay-dynamic-card__badge {
          position: absolute;
          left: 14px;
          bottom: 14px;
          display: inline-flex;
          align-items: center;
          max-width: calc(100% - 28px);
          padding: 9px 14px;
          border-radius: 10px 999px 999px 10px;
          color: #fff;
          background: linear-gradient(90deg, #d96c2b 0%, #5967ff 100%);
          font-size: 13px;
          font-weight: 800;
          line-height: 1;
          box-shadow: 0 12px 25px rgba(31, 99, 130, .18);
      }

      .acepay-dynamic-card h3 {
          margin: 0 0 10px;
          color: var(--ap-navy);
          font-family: var(--ap-font);
          font-size: clamp(23px, 2vw, 30px);
          line-height: 1.17;
          font-weight: 800;
          letter-spacing: -0.7px;
      }

      .acepay-dynamic-card p {
          margin: 0 0 16px;
          color: var(--ap-text);
          font-size: 16px;
          line-height: 1.72;
      }

      .acepay-dynamic-card ul {
          list-style: none;
          padding: 0;
          margin: 0 0 24px;
          display: grid;
          gap: 11px;
      }

      .acepay-dynamic-card li {
          position: relative;
          padding-left: 28px;
          color: var(--ap-navy);
          font-size: 15px;
          line-height: 1.45;
          font-weight: 700;
      }

      .acepay-dynamic-card li::before {
          content: "✓";
          position: absolute;
          left: 0;
          top: 1px;
          width: 18px;
          height: 18px;
          border-radius: 50%;
          display: grid;
          place-items: center;
          background: #d96c2b;
          color: #fff;
          font-size: 12px;
          font-weight: 900;
      }

      .acepay-dynamic-card__button {
          margin-top: auto;
          align-self: flex-start;
          display: inline-flex;
          align-items: center;
          justify-content: center;
          min-height: 50px;
          padding: 13px 27px;
          border-radius: 100px;
          border: 2px solid #d96c2b;
          background: #fff;
          color: var(--ap-navy);
          text-decoration: none;
          font-size: 15px;
          font-weight: 800;
          box-shadow: 0 12px 28px rgba(26, 41, 66, .08);
          transition: all .25s ease;
      }

      .acepay-dynamic-card__button:hover {
          color: #fff;
          background: var(--ap-orange);
          border-color: var(--ap-orange);
          transform: translateY(-2px);
      }

      .acepay-dynamic-arrow {
          position: absolute;
          top: 50%;
          z-index: 5;
          width: 54px;
          height: 54px;
          border-radius: 50%;
          border: 0;
          display: grid;
          place-items: center;
          background: linear-gradient(135deg, #d96c2b, #5967ff);
          color: #fff;
          font-size: 34px;
          line-height: 1;
          box-shadow: 0 14px 35px rgba(31, 99, 130, .24);
          cursor: pointer;
          transform: translateY(-50%);
          transition: all .25s ease;
      }

      .acepay-dynamic-arrow:hover {
          background: var(--ap-orange);
          transform: translateY(-50%) scale(1.04);
      }

      .acepay-dynamic-arrow--prev {
          left: -27px;
      }

      .acepay-dynamic-arrow--next {
          right: -27px;
      }

      .acepay-dynamic-dots {
          display: flex;
          justify-content: center;
          gap: 10px;
          margin-top: 30px;
      }

      .acepay-dynamic-dots button {
          width: 13px;
          height: 13px;
          padding: 0;
          border: 0;
          border-radius: 99px;
          background: #d6dce4;
          cursor: pointer;
          transition: all .25s ease;
      }

      .acepay-dynamic-dots button.active {
          width: 42px;
          background: var(--ap-orange);
      }

      .acepay-quote-form-section {
          position: relative;
          overflow: hidden;
          padding: 90px 0;
          background:
              radial-gradient(circle at 20% 10%, rgba(217, 108, 43, .09), transparent 30%),
              linear-gradient(180deg, #fff 0%, var(--ap-light) 100%);
      }

      .acepay-quote-form-container {
          width: min(720px, calc(100% - 32px));
          margin: 0 auto;
      }

      .acepay-quote-card {
          background: #fff;
          border: 1px solid var(--ap-border);
          border-radius: 28px;
          padding: clamp(28px, 5vw, 52px);
          box-shadow: 0 24px 70px rgba(26, 41, 66, .13);
      }

      .acepay-quote-logo {
          display: inline-flex;
          margin-bottom: 24px;
          color: var(--ap-orange);
          font-size: 28px;
          font-weight: 900;
          letter-spacing: -1.2px;
          line-height: 1;
      }

      .acepay-quote-logo span {
          color: var(--ap-navy);
      }

      .acepay-quote-card h2 {
          margin: 0 0 22px;
          color: var(--ap-navy);
          font-family: var(--ap-font);
          font-size: clamp(30px, 4vw, 42px);
          line-height: 1.1;
          font-weight: 900;
          letter-spacing: -.8px;
      }

      .acepay-demo-form,
      .acepay-quote-card .wpcf7-form {
          display: grid;
          gap: 14px;
      }

      .acepay-demo-form input,
      .acepay-demo-form select,
      .acepay-demo-form textarea,
      .acepay-quote-card .wpcf7-form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
      .acepay-quote-card .wpcf7-form select,
      .acepay-quote-card .wpcf7-form textarea {
          width: 100%;
          min-height: 56px;
          border: 1px solid #dce3ee;
          border-radius: 999px;
          background: #f6f8fb;
          color: var(--ap-navy);
          padding: 15px 20px;
          font-size: 16px;
          line-height: 1.3;
          outline: none;
          box-shadow: none;
          transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
      }

      .acepay-demo-form textarea,
      .acepay-quote-card .wpcf7-form textarea {
          min-height: 112px;
          border-radius: 24px;
          resize: vertical;
      }

      .acepay-demo-form input:focus,
      .acepay-demo-form select:focus,
      .acepay-demo-form textarea:focus,
      .acepay-quote-card .wpcf7-form input:not([type="submit"]):focus,
      .acepay-quote-card .wpcf7-form select:focus,
      .acepay-quote-card .wpcf7-form textarea:focus {
          border-color: rgba(217, 108, 43, .48);
          background: #fff;
          box-shadow: 0 0 0 4px rgba(217, 108, 43, .10);
      }

      .acepay-phone-row {
          display: grid;
          grid-template-columns: 180px 1fr;
          gap: 12px;
      }

      .acepay-submit,
      .acepay-quote-card .wpcf7-submit {
          width: 100%;
          min-height: 58px;
          border: 0;
          border-radius: 999px;
          padding: 16px 24px;
          color: #fff;
          background: linear-gradient(90deg, #D96C2B 0%, #1A2942 100%);
          font-size: 16px;
          font-weight: 900;
          cursor: pointer;
          transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
      }

      .acepay-submit:hover,
      .acepay-quote-card .wpcf7-submit:hover {
          transform: translateY(-2px);
          box-shadow: 0 16px 34px rgba(26, 41, 66, .16);
          filter: saturate(1.08);
      }

      .acepay-quote-card .wpcf7-spinner {
          margin: 8px auto 0;
      }

      .acepay-quote-card .wpcf7-response-output {
          border-radius: 14px;
          margin: 14px 0 0;
      }

      .acepay-quote-card .wpcf7-not-valid-tip {
          font-size: 13px;
          margin: 5px 0 0 14px;
          color: #d96c2b;
      }

      @media (max-width: 1100px) {
          .acepay-dynamic-card {
              flex-basis: calc((100% - 24px) / 2);
          }
      }

      @media (max-width: 720px) {
          .acepay-dynamic-slider-section {
              padding: 64px 0 58px;
          }

          .acepay-dynamic-container {
              width: min(100% - 24px, 520px);
          }

          .acepay-dynamic-slider-shell {
              padding: 12px;
              border-radius: 26px;
          }

          .acepay-dynamic-slider-window {
              padding: 4px;
          }

          .acepay-dynamic-slider-track {
              gap: 18px;
          }

          .acepay-dynamic-card {
              flex-basis: 100%;
              min-height: auto;
              padding: 18px;
          }

          .acepay-dynamic-card__image {
              height: 210px;
          }

          .acepay-dynamic-arrow {
              width: 44px;
              height: 44px;
              font-size: 27px;
          }

          .acepay-dynamic-arrow--prev {
              left: -8px;
          }

          .acepay-dynamic-arrow--next {
              right: -8px;
          }

          .acepay-phone-row {
              grid-template-columns: 1fr;
          }

          .acepay-quote-form-section {
              padding: 62px 0;
          }

          .acepay-quote-form-container {
              width: min(100% - 24px, 520px);
          }

          .acepay-quote-card {
              border-radius: 24px;
              padding: 24px;
          }


      }

      /* =========================================================
   END: ACEPAY DYNAMIC INDUSTRY SLIDER + SIMPLE QUOTE FORM
   ========================================================= */
      /* AcePay CF7 Quote Form Fix */

      .acepay-quote-form-section {
          background:
              radial-gradient(circle at 20% 20%, rgba(217, 108, 43, 0.08), transparent 34%),
              linear-gradient(180deg, #ffffff 0%, #f8f8f6 100%);
          padding: 90px 20px;
      }

      .acepay-quote-form-container {
          max-width: 860px;
          margin: 0 auto;
      }

      .acepay-quote-card {
          background: #ffffff;
          border: 1px solid #E7E3DC;
          border-radius: 30px;
          padding: 58px 62px;
          box-shadow: 0 28px 80px rgba(26, 41, 66, 0.10);
      }

      .acepay-quote-logo {
          font-family: "Inter", sans-serif;
          font-size: 28px;
          font-weight: 900;
          color: #D96C2B;
          line-height: 1;
          margin-bottom: 26px;
      }

      .acepay-quote-logo span {
          color: #1A2942;
      }

      .acepay-quote-card h2 {
          font-family: "Inter", sans-serif;
          font-size: clamp(34px, 4vw, 48px);
          line-height: 1.1;
          font-weight: 900;
          color: #1A2942;
          margin: 0 0 24px;
      }

      .acepay-cf7-form {
          display: grid;
          gap: 14px;
      }

      .acepay-cf7-field,
      .acepay-cf7-country,
      .acepay-cf7-phone {
          width: 100%;
      }

      .acepay-cf7-form p {
          margin: 0;
      }

      .acepay-cf7-form .wpcf7-form-control-wrap {
          display: block;
          width: 100%;
      }

      .acepay-cf7-form input,
      .acepay-cf7-form select,
      .acepay-cf7-form textarea {
          width: 100%;
          min-height: 58px;
          border: 1px solid #d9e0ea;
          background: #f7f9fc;
          border-radius: 999px;
          padding: 0 22px;
          color: #1A2942;
          font-family: "Inter", sans-serif;
          font-size: 15px;
          font-weight: 500;
          outline: none;
          box-shadow: none;
          transition: 0.25s ease;
      }

      .acepay-cf7-form input::placeholder,
      .acepay-cf7-form textarea::placeholder {
          color: #7a8392;
          opacity: 1;
      }

      .acepay-cf7-form select {
          appearance: auto;
          cursor: pointer;
      }

      .acepay-cf7-form textarea {
          min-height: 170px;
          border-radius: 26px;
          padding: 18px 22px;
          resize: vertical;
      }

      .acepay-cf7-form input:focus,
      .acepay-cf7-form select:focus,
      .acepay-cf7-form textarea:focus {
          border-color: #D96C2B;
          background: #ffffff;
          box-shadow: 0 0 0 4px rgba(217, 108, 43, 0.10);
      }

      .acepay-cf7-phone-row {
          display: grid;
          grid-template-columns: 170px 1fr;
          gap: 12px;
      }

      .acepay-cf7-submit {
          margin-top: 4px;
      }

      .acepay-cf7-submit input[type="submit"] {
          width: 100%;
          min-height: 58px;
          border: none;
          border-radius: 999px;
          background: linear-gradient(90deg, #D96C2B 0%, #1A2942 100%);
          color: #ffffff;
          font-size: 16px;
          font-weight: 900;
          cursor: pointer;
          transition: 0.3s ease;
      }

      .acepay-cf7-submit input[type="submit"]:hover {
          transform: translateY(-2px);
          box-shadow: 0 16px 34px rgba(217, 108, 43, 0.24);
      }

      .acepay-cf7-form .wpcf7-spinner {
          display: block;
          margin: 12px auto 0;
      }

      .acepay-cf7-form .wpcf7-not-valid-tip {
          color: #dc3545;
          font-size: 13px;
          margin-top: 6px;
          padding-left: 18px;
      }

      .acepay-cf7-form .wpcf7-response-output {
          margin: 18px 0 0 !important;
          padding: 14px 18px !important;
          border-radius: 16px !important;
          font-size: 14px;
          font-weight: 700;
      }

      @media (max-width: 767px) {
          .acepay-quote-form-section {
              padding: 60px 14px;
          }

          .acepay-quote-card {
              padding: 34px 22px;
              border-radius: 24px;
          }

          .acepay-cf7-phone-row {
              grid-template-columns: 1fr;
          }

          .acepay-cf7-form input,
          .acepay-cf7-form select,
          .acepay-cf7-form textarea {
              min-height: 54px;
              font-size: 14px;
          }

          .acepay-cf7-form textarea {
              min-height: 140px;
          }
      }


      /* added  */

      /* AcePay Slider Category Tabs */
.acepay-dynamic-tabs {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 7px;
    margin-top: 24px;
    background: #ffffff;
    border: 1px solid #E7E3DC;
    border-radius: 999px;
    box-shadow: 0 14px 36px rgba(26, 41, 66, 0.08);
}

.acepay-dynamic-tab {
    border: 0;
    outline: none;
    min-width: 130px;
    padding: 13px 22px;
    border-radius: 999px;
    background: transparent;
    color: #1A2942;
    font-family: "Inter", sans-serif;
    font-size: 15px;
    font-weight: 900;
    line-height: 1;
    cursor: pointer;
    transition: all 0.25s ease;
}

.acepay-dynamic-tab:hover {
    color: #D96C2B;
    background: rgba(217, 108, 43, 0.08);
}

.acepay-dynamic-tab.active {
    color: #ffffff;
    background: linear-gradient(90deg, #D96C2B 0%, #1A2942 100%);
    box-shadow: 0 10px 24px rgba(217, 108, 43, 0.20);
}

.acepay-dynamic-card.is-hidden {
    display: none !important;
}

@media (max-width: 575px) {
    .acepay-dynamic-tabs {
        width: 100%;
        max-width: 360px;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 6px;
        margin-top: 20px;
    }

    .acepay-dynamic-tab {
        min-width: 0;
        width: 100%;
        padding: 12px 12px;
        font-size: 14px;
    }
}