/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or
    ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *,
    :before,
    :after,
    ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-content: "";
    }
  }
}

/* Warranty page theme override */
.vx-warranty-page .vx-warranty-register {
    padding: clamp(58px, 7vw, 96px) 0 clamp(70px, 8vw, 110px) !important;
    background:
        radial-gradient(circle at 15% 10%, rgba(210, 185, 118, .16), transparent 26%),
        radial-gradient(circle at 84% 18%, rgba(255, 255, 255, .08), transparent 24%),
        linear-gradient(180deg, #000 0%, #070808 48%, #000 100%) !important;
}

.vx-warranty-page .vx-warranty-register::before {
    content: "";
    position: absolute;
    inset: 24px;
    pointer-events: none;
    border: 1px solid rgba(210, 185, 118, .13);
}

.vx-warranty-page .vx-warranty-register::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(115deg, transparent 0 18%, rgba(210, 185, 118, .08) 18% 19%, transparent 19% 62%, rgba(255, 255, 255, .05) 62% 63%, transparent 63%),
        url("../images/ppfw.png") right -70px bottom -120px / min(520px, 48vw) auto no-repeat;
    opacity: .42;
}

.vx-warranty-page .vx-warranty-wrap {
    position: relative;
    z-index: 1;
    width: min(1240px, calc(100% - 28px));
}

.vx-warranty-page .vx-warranty-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: clamp(18px, 3vw, 36px);
    align-items: end;
    max-width: none;
    margin-bottom: clamp(26px, 4vw, 46px);
}

.vx-warranty-page .vx-warranty-head::after {
    content: "15 YEAR WARRANTY OPTIONS";
    display: inline-flex;
    align-items: center;
    min-height: 42px;
    padding: 12px 16px;
    border: 1px solid rgba(210, 185, 118, .34);
    border-radius: 4px;
    background: rgba(210, 185, 118, .1);
    color: var(--vx-gold, #d2b976);
    font-size: 12px;
    font-weight: 850;
    line-height: 1;
}

.vx-warranty-page .vx-warranty-head span {
    color: var(--vx-gold, #d2b976);
}

.vx-warranty-page .vx-warranty-head h1 {
    max-width: 780px;
    color: #fff;
    text-shadow: 0 18px 46px rgba(0, 0, 0, .64);
}

.vx-warranty-page .vx-warranty-head p {
    color: rgba(255, 255, 255, .72) !important;
}

.vx-warranty-page .vx-warranty-form {
    overflow: hidden;
    padding: clamp(20px, 3vw, 34px);
    border: 1px solid rgba(210, 185, 118, .24);
    border-radius: 8px;
    background:
        linear-gradient(180deg, rgba(0, 0, 0, .78), rgba(0, 0, 0, .9)),
        linear-gradient(145deg, rgba(255, 255, 255, .07), rgba(255, 255, 255, .02)),
        linear-gradient(180deg, rgba(15, 17, 18, .96), rgba(4, 5, 5, .98));
    box-shadow: 0 34px 90px rgba(0, 0, 0, .62);
    color: #fff;
    backdrop-filter: blur(16px);
}

.vx-warranty-page .vx-warranty-form::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    border-top: 1px solid rgba(255, 255, 255, .12);
    background: linear-gradient(90deg, rgba(210, 185, 118, .12), transparent 34%, rgba(255, 255, 255, .05));
    opacity: .72;
}

.vx-warranty-page .vx-warranty-form > * {
    position: relative;
    z-index: 1;
}

.vx-warranty-page .vx-warranty-step {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: clamp(22px, 3vw, 34px);
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 8px;
    background: #050505;
}

.vx-warranty-page .vx-warranty-step > * {
    position: relative;
    z-index: 1;
}

.vx-warranty-page .vx-warranty-step::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background-image: var(--vx-step-bg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: .56;
    transform: scale(1.02);
}

.vx-warranty-page .vx-warranty-step::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background:
        linear-gradient(90deg, rgba(0, 0, 0, .9) 0%, rgba(0, 0, 0, .74) 42%, rgba(0, 0, 0, .58) 100%),
        linear-gradient(180deg, rgba(0, 0, 0, .52), rgba(0, 0, 0, .86));
}

.vx-warranty-page .vx-step-customer {
    --vx-step-bg: url("../images/slider1.png");
}

.vx-warranty-page .vx-step-dealer {
    --vx-step-bg: url("../images/slider1.jpeg");
}

.vx-warranty-page .vx-step-vehicle {
    --vx-step-bg: url("../images/slider2.jpeg");
}

.vx-warranty-page .vx-step-progress {
    gap: 10px;
}

.vx-warranty-page .vx-step-progress button {
    border-color: rgba(255, 255, 255, .1);
    background: rgba(255, 255, 255, .045);
    color: rgba(255, 255, 255, .62);
}

.vx-warranty-page .vx-step-progress button span {
    background: rgba(255, 255, 255, .06);
}

.vx-warranty-page .vx-step-progress button.active,
.vx-warranty-page .vx-step-progress button.complete {
    border-color: rgba(210, 185, 118, .56);
    background: linear-gradient(135deg, rgba(210, 185, 118, .2), rgba(210, 185, 118, .06));
    color: #fff;
}

.vx-warranty-page .vx-step-progress button.active span,
.vx-warranty-page .vx-step-progress button.complete span {
    border-color: rgba(210, 185, 118, .82);
    background: var(--vx-gold, #d2b976);
    color: #050505;
}

.vx-warranty-page .vx-warranty-step legend,
.vx-warranty-page .vx-product-details h2 {
    color: #fff;
}

.vx-warranty-page .vx-warranty-step legend::after,
.vx-warranty-page .vx-product-details h2::after {
    content: "";
    display: block;
    width: 62px;
    height: 2px;
    margin-top: 10px;
    background: var(--vx-gold, #d2b976);
}

.vx-warranty-page .vx-field span,
.vx-warranty-page .vx-group-label,
.vx-warranty-page .vx-upload > span {
    color: #fff;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.2;
    text-transform: none;
}

.vx-warranty-page .vx-field input,
.vx-warranty-page .vx-field select {
    min-height: 52px;
    padding: 12px 14px;
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 5px;
    background: rgba(0, 0, 0, .05);
    color: #fff;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04);
}

.vx-warranty-page .vx-field select option {
    background: #050505;
    color: #fff;
}

.vx-warranty-page .vx-field select option:checked,
.vx-warranty-page .vx-field select option:hover {
    background: #d2b976;
    color: #050505;
}

.vx-warranty-page .vx-field input:focus,
.vx-warranty-page .vx-field select:focus {
    border-color: rgba(210, 185, 118, .62);
    background: rgba(0, 0, 0, .12);
    box-shadow: 0 0 0 3px rgba(210, 185, 118, .1);
}

.vx-warranty-page .vx-date-group {
    margin-top: clamp(26px, 4vw, 36px);
    padding: 20px;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 8px;
    background: rgba(255, 255, 255, .035);
}

.vx-warranty-page .vx-protection-grid {
    gap: 18px;
}

.vx-warranty-page .vx-protection-grid > div {
    padding: 20px;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 8px;
    background: rgba(255, 255, 255, .035);
}

.vx-warranty-page .vx-protection-grid label {
    color: rgba(255, 255, 255, .82);
}

.vx-warranty-page .vx-protection-grid input {
    accent-color: var(--vx-gold, #d2b976);
}

.vx-warranty-page .vx-upload label {
    min-height: 118px;
    border-color: rgba(210, 185, 118, .42);
    border-radius: 8px;
    background: rgba(210, 185, 118, .06);
    color: rgba(255, 255, 255, .78);
}

.vx-warranty-page .vx-upload label i {
    color: var(--vx-gold, #d2b976);
}

.vx-warranty-page .vx-upload small {
    color: rgba(255, 255, 255, .52);
}

.vx-warranty-page .vx-step-btn {
    min-height: 46px;
    border: 1px solid rgba(210, 185, 118, .38);
    border-radius: 4px;
    background: var(--vx-gold, #d2b976);
    color: #070707;
    box-shadow: 0 16px 34px rgba(210, 185, 118, .16);
}

.vx-warranty-page .vx-step-prev {
    border-color: rgba(255, 255, 255, .14);
    background: rgba(255, 255, 255, .08);
    color: #fff;
    box-shadow: none;
}

.vx-warranty-page .vx-step-btn:hover {
    border-color: rgba(255, 255, 255, .24);
    background: #fff;
    color: #070707;
}

@media (max-width: 767px) {
    .vx-warranty-page .vx-warranty-register::before {
        inset: 12px;
    }

    .vx-warranty-page .vx-warranty-register::after {
        background-size: 320px auto;
        opacity: .22;
    }

    .vx-warranty-page .vx-warranty-head {
        grid-template-columns: 1fr;
    }

    .vx-warranty-page .vx-warranty-head::after {
        width: fit-content;
    }
}

/* Warranty registration page */
.vx-warranty-page {
    background: #000;
}

.vx-warranty-register {
    position: relative;
    overflow: hidden;
    padding: clamp(46px, 6vw, 84px) 0 clamp(56px, 7vw, 96px);
    background:
        linear-gradient(180deg, rgba(0, 0, 0, .88) 0%, rgba(0, 0, 0, .58) 18%, rgba(0, 0, 0, .82) 100%),
        url("../images/ppf1.jpg") center / cover no-repeat;
}

.vx-warranty-wrap {
    width: min(1180px, calc(100% - 28px));
    margin-inline: auto;
}

.vx-warranty-head {
    max-width: 760px;
    margin-bottom: clamp(22px, 3vw, 34px);
}

.vx-warranty-head span {
    display: inline-block;
    margin-bottom: 9px;
    color: #d2b976;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.vx-warranty-head h1 {
    margin: 0 0 12px;
    color: #fff;
    font-size: clamp(34px, 2.6vw, 58px);
    font-weight: 800;
    line-height: 1.04;
}

.vx-warranty-head p {
    max-width: 640px;
    color: rgba(255, 255, 255, .72);
    font-size: clamp(15px, 1.4vw, 18px);
    line-height: 1.65;
}

.vx-warranty-form {
    position: relative;
    overflow: hidden;
    padding: clamp(22px, 3vw, 34px);
    border: 1px solid rgba(210, 185, 118, .24);
    border-radius: 8px;
    background:
        linear-gradient(90deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .72)),
        linear-gradient(135deg, rgba(0, 0, 0, .08) 0 12%, transparent 12% 38%, rgba(0, 0, 0, .05) 38% 52%, transparent 52%),
        linear-gradient(25deg, transparent 0 28%, rgba(0, 0, 0, .06) 28% 34%, transparent 34% 72%, rgba(0, 0, 0, .04) 72% 78%, transparent 78%),
        #f4f4f2;
    box-shadow: 0 28px 80px rgba(0, 0, 0, .42);
    color: #172023;
}

.vx-step-progress {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: clamp(24px, 4vw, 42px);
}

.vx-step-progress button {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 52px;
    padding: 10px 12px;
    border: 1px solid rgba(23, 32, 35, .16);
    border-radius: 8px;
    background: rgba(255, 255, 255, .42);
    color: rgba(23, 32, 35, .62);
    cursor: pointer;
    transition: border-color .2s ease, color .2s ease, background .2s ease;
}

.vx-step-progress button span {
    display: inline-grid;
    flex: 0 0 auto;
    width: 30px;
    height: 30px;
    place-items: center;
    border: 1px solid currentColor;
    border-radius: 50%;
    font-weight: 800;
}

.vx-step-progress button strong {
    overflow-wrap: anywhere;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.2;
    text-align: left;
}

.vx-step-progress button.active,
.vx-step-progress button.complete {
    border-color: rgba(210, 185, 118, .68);
    background: rgba(210, 185, 118, .18);
    color: #231b08;
}

.vx-warranty-step {
    display: none;
    min-width: 0;
    border: 0;
}

.vx-warranty-step.active {
    display: block;
}

.vx-warranty-step legend,
.vx-product-details h2 {
    margin-bottom: clamp(18px, 3vw, 28px);
    color: #172023;
    font-size: clamp(22px, 2.4vw, 30px);
    font-weight: 800;
    line-height: 1.2;
}

.vx-form-grid {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    column-gap: 24px;
    row-gap: 30px;
}

.vx-span-12 {
    grid-column: span 12;
}

.vx-span-6 {
    grid-column: span 6;
}

.vx-field {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 6px;
}

.vx-field span,
.vx-group-label,
.vx-upload > span {
    color: rgba(23, 32, 35, .62);
    font-size: 12px;
    font-weight: 600;
}

.vx-field input,
.vx-field select {
    width: 100%;
    min-height: 36px;
    border: 0;
    border-bottom: 1px solid rgba(23, 32, 35, .55);
    border-radius: 0;
    background: transparent;
    color: #0e1517;
    font-size: 15px;
    outline: 0;
}

.vx-field input:focus,
.vx-field select:focus {
    border-color: #8f6b13;
}

.vx-field select {
    appearance: auto;
    cursor: pointer;
}

.vx-date-group {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
    margin-top: 22px;
}

.vx-date-group > .vx-group-label {
    grid-column: 1 / -1;
    color: #172023;
    font-weight: 800;
}

.vx-product-details {
    margin-top: clamp(26px, 4vw, 38px);
}

.vx-product-details h2 {
    margin-bottom: 20px;
}

.vx-protection-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(24px, 5vw, 70px);
}

.vx-protection-grid > div {
    display: grid;
    gap: 12px;
}

.vx-protection-grid label {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    color: #0e1517;
    font-size: 13px;
    line-height: 1.35;
}

.vx-protection-grid input {
    flex: 0 0 auto;
    width: 14px;
    height: 14px;
    margin-top: 2px;
    accent-color: #d2b976;
}

.vx-product-extra {
    margin-top: clamp(30px, 5vw, 46px);
}

.vx-upload {
    display: grid;
    gap: 8px;
}

.vx-upload label {
    display: grid;
    min-height: 104px;
    place-items: center;
    gap: 8px;
    padding: 20px;
    border: 1px dashed rgba(23, 32, 35, .52);
    color: rgba(23, 32, 35, .74);
    cursor: pointer;
    text-align: center;
}

.vx-upload label i {
    color: rgba(23, 32, 35, .58);
    font-size: 30px;
    line-height: 1;
}

.vx-upload label strong {
    font-size: 12px;
    font-weight: 700;
}

.vx-upload input {
    width: 1px;
    height: 1px;
    opacity: 0;
    position: absolute;
    pointer-events: none;
}

.vx-upload small {
    color: rgba(23, 32, 35, .58);
    font-size: 11px;
}

.vx-form-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: flex-end;
    margin-top: clamp(28px, 4vw, 42px);
}

.vx-step-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 42px;
    padding: 10px 18px;
    border-radius: 4px;
    background: #230400;
    color: #fff;
    font-size: 13px;
    font-weight: 800;
    cursor: pointer;
    transition: transform .2s ease, background .2s ease;
}

.vx-step-btn:hover {
    background: #d2b976;
    color: #110f09;
    transform: translateY(-1px);
}

.vx-step-prev {
    background: #172023;
}

@media (max-width: 767px) {
    .vx-warranty-form {
        padding: 20px 16px;
    }

    .vx-step-progress {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .vx-span-6 {
        /*grid-column: span 12;*/
    }

    .vx-form-grid,
    .vx-date-group,
    .vx-protection-grid {
        grid-template-columns: 1fr;
    }

    .vx-date-group {
        gap: 18px;
    }

    .vx-form-actions {
        justify-content: stretch;
    }

    .vx-step-btn {
        flex: 1 1 140px;
    }
}
@layer theme {
  :root,
  :host {
    --font-sans:
      ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
    --font-mono:
      ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-black: #0d1416;
    --color-white: #fff;
    --spacing: 0.25rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1/0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25/0.875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5/1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75/1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75/1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2/1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25/1.875);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5/2.25);
    --text-5xl: 3rem;
    --text-5xl--line-height: 1;
    --text-6xl: 3.75rem;
    --text-6xl--line-height: 1;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --animate-spin: spin 1s linear infinite;
    --default-transition-duration: 0.15s;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --text-13: 13px;
    --text-15: 15px;
    --color-body: #404040;
    --color-dark: #000;
    --color-primary: #d2b976;
    --font-body: "Figtree", sans-serif;
  }
}
@layer base {
  *,
  :after,
  :before,
  ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }
  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }
  html,
  :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(
      --default-font-family,
      ui-sans-serif,
      system-ui,
      sans-serif,
      "Apple Color Emoji",
      "Segoe UI Emoji",
      "Segoe UI Symbol",
      "Noto Color Emoji"
    );
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b,
  strong {
    font-weight: bolder;
  }
  code,
  kbd,
  samp,
  pre {
    font-family: var(
      --default-mono-font-family,
      ui-monospace,
      SFMono-Regular,
      Menlo,
      Monaco,
      Consolas,
      "Liberation Mono",
      "Courier New",
      monospace
    );
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(
      --default-mono-font-variation-settings,
      normal
    );
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub,
  sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol,
  ul,
  menu {
    list-style: none;
  }
  img,
  svg,
  video,
  canvas,
  audio,
  iframe,
  embed,
  object {
    vertical-align: middle;
    display: block;
  }
  img,
  video {
    max-width: 100%;
    height: auto;
  }
  button,
  input,
  select,
  optgroup,
  textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }
  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not ((-webkit-appearance: -apple-pay-button))) or
    (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentColor;
    }
    @supports (color: color-mix(in lab, red, red)) {
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button,
  input:where([type="button"], [type="reset"], [type="submit"]) {
    appearance: button;
  }
  ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button {
    height: auto;
  }
  ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer components;
@layer utilities {
  .invisible {
    visibility: hidden;
  }
  .visible {
    visibility: visible;
  }
  .\!fixed {
    position: fixed !important;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .inset-0 {
    inset: calc(var(--spacing) * 0);
  }
  .\!top-0 {
    top: calc(var(--spacing) * 0) !important;
  }
  .-top-\[5px\] {
    top: -5px;
  }
  .top-0 {
    top: calc(var(--spacing) * 0);
  }
  .top-1\/2 {
    top: 50%;
  }
  .top-\[2px\] {
    top: 2px;
  }
  .top-\[4px\] {
    top: 4px;
  }
  .top-\[10px\] {
    top: 10px;
  }
  .top-\[20px\] {
    top: 20px;
  }
  .top-\[25px\] {
    top: 25px;
  }
  .top-\[35px\] {
    top: 35px;
  }
  .top-\[95px\] {
    top: 95px;
  }
  .top-\[215px\] {
    top: 215px;
  }
  .top-full {
    top: 100%;
  }
  .top-px {
    top: 1px;
  }
  .right-0 {
    right: calc(var(--spacing) * 0);
  }
  .bottom-0 {
    bottom: calc(var(--spacing) * 0);
  }
  .bottom-\[8px\] {
    bottom: 8px;
  }
  .bottom-\[10px\] {
    bottom: 10px;
  }
  .bottom-\[20px\] {
    bottom: 20px;
  }
  .bottom-\[65px\] {
    bottom: 65px;
  }
  .left-0 {
    left: calc(var(--spacing) * 0);
  }
  .left-1\/2 {
    left: 50%;
  }
  .-z-\[1\] {
    z-index: calc(1 * -1);
  }
  .z-\[1\] {
    z-index: 1;
  }
  .z-\[2\] {
    z-index: 2;
  }
  .z-\[9\] {
    z-index: 9;
  }
  .z-\[999\] {
    z-index: 999;
  }
  .col-span-2 {
    grid-column: span 2 / span 2;
  }
  .col-start-1 {
    grid-column-start: 1;
  }
  .row-start-1 {
    grid-row-start: 1;
  }
  .container {
    width: 100%;
  }
  @media (min-width: 40rem) {
    .container {
      max-width: 40rem;
    }
  }
  @media (min-width: 48rem) {
    .container {
      max-width: 48rem;
    }
  }
  @media (min-width: 64rem) {
    .container {
      max-width: 64rem;
    }
  }
  @media (min-width: 80rem) {
    .container {
      max-width: 80rem;
    }
  }
  @media (min-width: 96rem) {
    .container {
      max-width: 96rem;
    }
  }
  .mx-auto {
    margin-inline: auto;
  }
  .my-\[5px\] {
    margin-block: 5px;
  }
  .my-\[15px\] {
    margin-block: 15px;
  }
  .my-\[20px\] {
    margin-block: 20px;
  }
  .my-\[25px\] {
    margin-block: 25px;
  }
  .my-\[30px\] {
    margin-block: 30px;
  }
  .my-\[70px\] {
    margin-block: 70px;
  }
  .-mt-\[5px\] {
    margin-top: -5px;
  }
  .-mt-px {
    margin-top: -1px;
  }
  .mt-\[5px\] {
    margin-top: 5px;
  }
  .mt-\[8px\] {
    margin-top: 8px;
  }
  .mt-\[10px\] {
    margin-top: 10px;
  }
  .mt-\[15px\] {
    margin-top: 15px;
  }
  .mt-\[20px\] {
    margin-top: 20px;
  }
  .mt-\[25px\] {
    margin-top: 25px;
  }
  .mt-\[30px\] {
    margin-top: 30px;
  }
  .mt-\[50px\] {
    margin-top: 50px;
  }
  .mt-\[60px\] {
    margin-top: 60px;
  }
  .mt-px {
    margin-top: 1px;
  }
  .\!mb-0 {
    margin-bottom: calc(var(--spacing) * 0) !important;
  }
  .mb-0 {
    margin-bottom: calc(var(--spacing) * 0);
  }
  .mb-\[3px\] {
    margin-bottom: 3px;
  }
  .mb-\[4px\] {
    margin-bottom: 4px;
  }
  .mb-\[5px\] {
    margin-bottom: 5px;
  }
  .mb-\[6px\] {
    margin-bottom: 6px;
  }
  .mb-\[7px\] {
    margin-bottom: 7px;
  }
  .mb-\[8px\] {
    margin-bottom: 8px;
  }
  .mb-\[9px\] {
    margin-bottom: 9px;
  }
  .mb-\[10px\] {
    margin-bottom: 10px;
  }
  .mb-\[11px\] {
    margin-bottom: 11px;
  }
  .mb-\[12px\] {
    margin-bottom: 12px;
  }
  .mb-\[13px\] {
    margin-bottom: 13px;
  }
  .mb-\[15px\] {
    margin-bottom: 15px;
  }
  .mb-\[17px\] {
    margin-bottom: 17px;
  }
  .mb-\[18px\] {
    margin-bottom: 18px;
  }
  .mb-\[20px\] {
    margin-bottom: 20px;
  }
  .mb-\[25px\] {
    margin-bottom: 25px;
  }
  .mb-\[30px\] {
    margin-bottom: 30px;
  }
  .\!hidden {
    display: none !important;
  }
  .block {
    display: block;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .inline-block {
    display: inline-block;
  }
  .table {
    display: table;
  }
  .h-1 {
    height: calc(var(--spacing) * 1);
  }
  .h-2 {
    height: calc(var(--spacing) * 2);
  }
  .h-3 {
    height: calc(var(--spacing) * 3);
  }
  .h-4 {
    height: calc(var(--spacing) * 4);
  }
  .h-5 {
    height: calc(var(--spacing) * 5);
  }
  .h-6 {
    height: calc(var(--spacing) * 6);
  }
  .h-\[3px\] {
    height: 3px;
  }
  .h-\[5px\] {
    height: 5px;
  }
  .h-\[8px\] {
    height: 8px;
  }
  .h-\[12px\] {
    height: 12px;
  }
  .h-\[14px\] {
    height: 14px;
  }
  .h-\[15px\] {
    height: 15px;
  }
  .h-\[17px\] {
    height: 17px;
  }
  .h-\[18px\] {
    height: 18px;
  }
  .h-\[20px\] {
    height: 20px;
  }
  .h-\[30px\] {
    height: 30px;
  }
  .h-\[35px\] {
    height: 35px;
  }
  .h-\[40px\] {
    height: 40px;
  }
  .h-\[42px\] {
    height: 42px;
  }
  .h-\[45px\] {
    height: 45px;
  }
  .h-\[50px\] {
    height: 50px;
  }
  .h-\[60px\] {
    height: 60px;
  }
  .h-\[65px\] {
    height: 65px;
  }
  .h-\[75px\] {
    height: 75px;
  }
  .h-\[90px\] {
    height: 90px;
  }
  .h-\[100px\] {
    height: 100px;
  }
  .h-\[110px\] {
    height: 110px;
  }
  .h-\[150px\] {
    height: 150px;
  }
  .h-\[250px\] {
    height: 250px;
  }
  .h-\[360px\] {
    height: 360px;
  }
  .h-\[500px\] {
    height: 500px;
  }
  .h-full {
    height: 100%;
  }
  .h-px {
    height: 1px;
  }
  .h-screen {
    height: 100vh;
  }
  .min-h-screen {
    min-height: 100vh;
  }
  .w-\[5px\] {
    width: 5px;
  }
  .w-\[8px\] {
    width: 8px;
  }
  .w-\[14px\] {
    width: 14px;
  }
  .w-\[18px\] {
    width: 18px;
  }
  .w-\[20px\] {
    width: 20px;
  }
  .w-\[30px\] {
    width: 30px;
  }
  .w-\[35px\] {
    width: 35px;
  }
  .w-\[40px\] {
    width: 40px;
  }
  .w-\[41px\] {
    width: 41px;
  }
  .w-\[45px\] {
    width: 45px;
  }
  .w-\[50px\] {
    width: 50px;
  }
  .w-\[52px\] {
    width: 52px;
  }
  .w-\[60px\] {
    width: 60px;
  }
  .w-\[65px\] {
    width: 65px;
  }
  .w-\[75px\] {
    width: 75px;
  }
  .w-\[80px\] {
    width: 80px;
  }
  .w-\[90px\] {
    width: 90px;
  }
  .w-\[100px\] {
    width: 100px;
  }
  .w-\[120px\] {
    width: 120px;
  }
  .w-\[144px\] {
    width: 144px;
  }
  .w-\[184px\] {
    width: 184px;
  }
  .w-\[240px\] {
    width: 240px;
  }
  .w-\[380px\] {
    width: 380px;
  }
  .w-full {
    width: 100%;
  }
  .w-px {
    width: 1px;
  }
  .max-w-\[425px\] {
    max-width: 425px;
  }
  .max-w-\[450px\] {
    max-width: 450px;
  }
  .min-w-\[270px\] {
    min-width: 270px;
  }
  .flex-1 {
    flex: 1;
  }
  .flex-none {
    flex: none;
  }
  .grow {
    flex-grow: 1;
  }
  .basis-auto {
    flex-basis: auto;
  }
  .basis-full {
    flex-basis: 100%;
  }
  .border-collapse {
    border-collapse: collapse;
  }
  .translate-2 {
    --tw-translate-x: calc(var(--spacing) * 2);
    --tw-translate-y: calc(var(--spacing) * 2);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-1 {
    --tw-translate-y: calc(var(--spacing) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .scale-75 {
    --tw-scale-x: 75%;
    --tw-scale-y: 75%;
    --tw-scale-z: 75%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .-rotate-\[5deg\] {
    rotate: -5deg;
  }
  .rotate-45 {
    rotate: 45deg;
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,)
      var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .animate-spin {
    animation: var(--animate-spin);
  }
  .cursor-grabbing {
    cursor: grabbing;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .resize {
    resize: both;
  }
  .list-inside {
    list-style-position: inside;
  }
  .list-decimal {
    list-style-type: decimal;
  }
  .list-disc {
    list-style-type: disc;
  }
  .appearance-none {
    appearance: none;
  }
  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-row {
    flex-direction: row;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .items-center {
    align-items: center;
  }
  .items-end {
    align-items: flex-end;
  }
  .\!justify-start {
    justify-content: flex-start !important;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .gap-\[2px\] {
    gap: 2px;
  }
  .gap-\[5px\] {
    gap: 5px;
  }
  .gap-\[7px\] {
    gap: 7px;
  }
  .gap-\[8px\] {
    gap: 8px;
  }
  .gap-\[10px\] {
    gap: 10px;
  }
  .gap-\[12px\] {
    gap: 12px;
  }
  .gap-\[15px\] {
    gap: 15px;
  }
  .gap-\[18px\] {
    gap: 18px;
  }
  .gap-\[20px\] {
    gap: 20px;
  }
  .gap-\[25px\] {
    gap: 25px;
  }
  .gap-px {
    gap: 1px;
  }
  .gap-x-\[15px\] {
    column-gap: 15px;
  }
  .gap-x-\[20px\] {
    column-gap: 20px;
  }
  .gap-x-\[25px\] {
    column-gap: 25px;
  }
  .gap-y-\[10px\] {
    row-gap: 10px;
  }
  .gap-y-\[30px\] {
    row-gap: 30px;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-x-auto {
    overflow-x: auto;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .overflow-y-scroll {
    overflow-y: scroll;
  }
  .rounded-\[3px\] {
    border-radius: 3px;
  }
  .rounded-\[5px\] {
    border-radius: 5px;
  }
  .rounded-\[10px\] {
    border-radius: 10px;
  }
  .rounded-\[15px\] {
    border-radius: 15px;
  }
  .rounded-\[30px\] {
    border-radius: 30px;
  }
  .rounded-full {
    border-radius: 3.40282e38px;
  }
  .rounded-t-\[5px\] {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0;
  }
  .border-\[2px\] {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  .border-\[3px\] {
    border-style: var(--tw-border-style);
    border-width: 3px;
  }
  .border-\[5px\] {
    border-style: var(--tw-border-style);
    border-width: 5px;
  }
  .border-y {
    border-block-style: var(--tw-border-style);
    border-block-width: 1px;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }
  .\!border-\[\#D9D9D9\] {
    border-color: #d9d9d9 !important;
  }
  .\!border-\[\#D9D9D9\]\/30 {
    border-color: oklab(88.5305% 2.98023e-8 0/0.3) !important;
  }
  .\!border-\[\#d9d9d9\] {
    border-color: #d9d9d9 !important;
  }
  .\!border-body\/20 {
    border-color: #40404033 !important;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .\!border-body\/20 {
      border-color: color-mix(
        in oklab,
        var(--color-body) 20%,
        transparent
      ) !important;
    }
  }
  .\!border-dark {
    border-color: var(--color-dark) !important;
  }
  .\!border-white\/10 {
    border-color: #ffffff1a !important;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .\!border-white\/10 {
      border-color: color-mix(
        in oklab,
        var(--color-white) 10%,
        transparent
      ) !important;
    }
  }
  .\!border-white\/20 {
    border-color: #fff3 !important;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .\!border-white\/20 {
      border-color: color-mix(
        in oklab,
        var(--color-white) 20%,
        transparent
      ) !important;
    }
  }
  .border-\[\#0D1416\] {
    border-color: #0d1416;
  }
  .border-\[\#292F31\] {
    border-color: #292f31;
  }
  .border-\[\#454B4D\]\/50 {
    border-color: oklab(40.8074% -0.0065593 -0.00544155/.5);
  }
  .border-\[\#404040\]\/10 {
    border-color: oklab(37.1495% -4.47035e-8 0/0.1);
  }
  .border-\[\#A7F0BA\] {
    border-color: #a7f0ba;
  }
  .border-\[\#CCCCCC\] {
    border-color: #ccc;
  }
  .border-\[\#D9D9D9\] {
    border-color: #d9d9d9;
  }
  .border-\[\#D9D9D9\]\/30 {
    border-color: oklab(88.5305% 2.98023e-8 0/0.3);
  }
  .border-\[\#D9D9D9\]\/50 {
    border-color: oklab(88.5305% 2.98023e-8 0/0.5);
  }
  .border-\[\#E8DAFF\] {
    border-color: #e8daff;
  }
  .border-\[\#ECECEC\] {
    border-color: #ececec;
  }
  .border-\[\#F5E3E7\] {
    border-color: #f5e3e7;
  }
  .border-\[\#FDDC69\] {
    border-color: #fddc69;
  }
  .border-\[\#FFD7D9\] {
    border-color: #ffd7d9;
  }
  .border-\[\#FFD9BE\] {
    border-color: #ffd9be;
  }
  .border-\[\#d9d9d9\] {
    border-color: #d9d9d9;
  }
  .border-black {
    border-color: var(--color-black);
  }
  .border-black\/5 {
    border-color: #0d14160d;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-black\/5 {
      border-color: color-mix(in oklab, var(--color-black) 5%, transparent);
    }
  }
  .border-black\/10 {
    border-color: #0d14161a;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-black\/10 {
      border-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
  }
  .border-body\/10 {
    border-color: #4040401a;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-body\/10 {
      border-color: color-mix(in oklab, var(--color-body) 10%, transparent);
    }
  }
  .border-body\/20 {
    border-color: #40404033;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-body\/20 {
      border-color: color-mix(in oklab, var(--color-body) 20%, transparent);
    }
  }
  .border-primary {
    border-color: var(--color-primary);
  }
  .border-white {
    border-color: var(--color-white);
  }
  .border-white\/5 {
    border-color: #ffffff0d;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/5 {
      border-color: color-mix(in oklab, var(--color-white) 5%, transparent);
    }
  }
  .border-white\/10 {
    border-color: #ffffff1a;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/10 {
      border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }
  .border-white\/20 {
    border-color: #fff3;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/20 {
      border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
    }
  }
  .border-white\/30 {
    border-color: #ffffff4d;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/30 {
      border-color: color-mix(in oklab, var(--color-white) 30%, transparent);
    }
  }
  .\!border-t-primary {
    border-top-color: var(--color-primary) !important;
  }
  .\!bg-\[\#FBFBFB\] {
    background-color: #fbfbfb !important;
  }
  .\!bg-\[\#f4f4f4\] {
    background-color: #f4f4f4 !important;
  }
  .\!bg-black {
    background-color: var(--color-black) !important;
  }
  .\!bg-dark {
    background-color: var(--color-dark) !important;
  }
  .\!bg-transparent {
    background-color: #0000 !important;
  }
  .\!bg-white {
    background-color: var(--color-white) !important;
  }
  .bg-\[\#24A148\] {
    background-color: #24a148;
  }
  .bg-\[\#171E20\] {
    background-color: #171e20;
  }
  .bg-\[\#4589FF\] {
    background-color: #4589ff;
  }
  .bg-\[\#CCE9EB\] {
    background-color: #cce9eb;
  }
  .bg-\[\#D9D9D9\] {
    background-color: #d9d9d9;
  }
  .bg-\[\#D9D9D9\]\/20 {
    background-color: oklab(88.5305% 2.98023e-8 0/0.2);
  }
  .bg-\[\#DEFBE6\] {
    background-color: #defbe6;
  }
  .bg-\[\#E6F4F5\] {
    background-color: #e6f4f5;
  }
  .bg-\[\#E8DAFF\] {
    background-color: #e8daff;
  }
  .bg-\[\#E9F0E5\] {
    background-color: #e9f0e5;
  }
  .bg-\[\#E9F0E5\]\/40 {
    background-color: oklab(94.681% -0.0113359 0.011811/.4);
  }
  .bg-\[\#EFEFF0\] {
    background-color: #efeff0;
  }
  .bg-\[\#F4F4F4\] {
    background-color: #f4f4f4;
  }
  .bg-\[\#F5E3E7\] {
    background-color: #f5e3e7;
  }
  .bg-\[\#F6F2FF\] {
    background-color: #f6f2ff;
  }
  .bg-\[\#F9CF2E\] {
    background-color: #f9cf2e;
  }
  .bg-\[\#FCF4D6\] {
    background-color: #fcf4d6;
  }
  .bg-\[\#FF5100\] {
    background-color: #ff5100;
  }
  .bg-\[\#FFD6BB\] {
    background-color: #ffd6bb;
  }
  .bg-\[\#FFD7D9\] {
    background-color: #ffd7d9;
  }
  .bg-\[\#FFD9BE\] {
    background-color: #ffd9be;
  }
  .bg-\[\#FFF1F1\] {
    background-color: #fff1f1;
  }
  .bg-\[\#FFF2E8\] {
    background-color: #fff2e8;
  }
  .bg-\[\#f4f4f4\] {
    background-color: #f4f4f4;
  }
  .bg-black {
    background-color: var(--color-black);
  }
  .bg-body\/15 {
    background-color: #40404026;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-body\/15 {
      background-color: color-mix(in oklab, var(--color-body) 15%, transparent);
    }
  }
  .bg-body\/20 {
    background-color: #40404033;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-body\/20 {
      background-color: color-mix(in oklab, var(--color-body) 20%, transparent);
    }
  }
  .bg-dark {
    background-color: var(--color-dark);
  }
  .bg-dark\/40 {
    background-color: #0006;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-dark\/40 {
      background-color: color-mix(in oklab, var(--color-dark) 40%, transparent);
    }
  }
  .bg-dark\/90 {
    background-color: #000000e6;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-dark\/90 {
      background-color: color-mix(in oklab, var(--color-dark) 90%, transparent);
    }
  }
  .bg-primary {
    background-color: var(--color-primary);
  }
  .bg-transparent {
    background-color: #0000;
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .bg-white\/5 {
    background-color: #ffffff0d;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/5 {
      background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
    }
  }
  .bg-white\/30 {
    background-color: #ffffff4d;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/30 {
      background-color: color-mix(
        in oklab,
        var(--color-white) 30%,
        transparent
      );
    }
  }
  .bg-cover {
    background-size: cover;
  }
  .bg-center {
    background-position: 50%;
  }
  .bg-no-repeat {
    background-repeat: no-repeat;
  }
  .object-cover {
    object-fit: cover;
  }
  .p-\[10px\] {
    padding: 10px;
  }
  .p-\[15px\] {
    padding: 15px;
  }
  .p-\[20px\] {
    padding: 20px;
  }
  .p-px {
    padding: 1px;
  }
  .px-\[8px\] {
    padding-inline: 8px;
  }
  .px-\[10px\] {
    padding-inline: 10px;
  }
  .px-\[12px\] {
    padding-inline: 12px;
  }
  .px-\[15px\] {
    padding-inline: 15px;
  }
  .px-\[20px\] {
    padding-inline: 20px;
  }
  .px-\[25px\] {
    padding-inline: 25px;
  }
  .px-\[50px\] {
    padding-inline: 50px;
  }
  .py-\[2px\] {
    padding-block: 2px;
  }
  .py-\[4px\] {
    padding-block: 4px;
  }
  .py-\[5px\] {
    padding-block: 5px;
  }
  .py-\[6px\] {
    padding-block: 6px;
  }
  .py-\[8px\] {
    padding-block: 8px;
  }
  .py-\[10px\] {
    padding-block: 10px;
  }
  .py-\[13px\] {
    padding-block: 13px;
  }
  .py-\[14px\] {
    padding-block: 14px;
  }
  .py-\[15px\] {
    padding-block: 15px;
  }
  .py-\[20px\] {
    padding-block: 20px;
  }
  .py-\[25px\] {
    padding-block: 25px;
  }
  .py-\[30px\] {
    padding-block: 30px;
  }
  .py-\[60px\] {
    padding-block: 60px;
  }
  .py-\[80px\] {
    padding-block: 80px;
  }
  .py-px {
    padding-block: 1px;
  }
  .\!pt-0 {
    padding-top: calc(var(--spacing) * 0) !important;
  }
  .pt-\[5px\] {
    padding-top: 5px;
  }
  .pt-\[15px\] {
    padding-top: 15px;
  }
  .pt-\[55px\] {
    padding-top: 55px;
  }
  .pt-\[60px\] {
    padding-top: 60px;
  }
  .pt-\[80px\] {
    padding-top: 80px;
  }
  .pt-\[140px\] {
    padding-top: 140px;
  }
  .pt-\[165px\] {
    padding-top: 165px;
  }
  .pt-\[200px\] {
    padding-top: 200px;
  }
  .\!pb-0 {
    padding-bottom: calc(var(--spacing) * 0) !important;
  }
  .pb-\[8px\] {
    padding-bottom: 8px;
  }
  .pb-\[10px\] {
    padding-bottom: 10px;
  }
  .pb-\[12px\] {
    padding-bottom: 12px;
  }
  .pb-\[15px\] {
    padding-bottom: 15px;
  }
  .pb-\[20px\] {
    padding-bottom: 20px;
  }
  .pb-\[40px\] {
    padding-bottom: 40px;
  }
  .pb-\[60px\] {
    padding-bottom: 60px;
  }
  .pb-\[100px\] {
    padding-bottom: 100px;
  }
  .text-center {
    text-align: center;
  }
  .align-bottom {
    vertical-align: bottom;
  }
  .align-middle {
    vertical-align: middle;
  }
  .align-top {
    vertical-align: top;
  }
  .font-mono {
    font-family: var(--font-mono);
  }
  .font-serif {
    font-family: var(--font-serif);
  }
  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
  .text-4xl {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
  .text-5xl {
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
  }
  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .text-13 {
    font-size: var(--text-13);
  }
  .text-15 {
    font-size: var(--text-15);
  }
  .text-\[10px\] {
    font-size: 10px;
  }
  .text-\[18px\] {
    font-size: 18px;
  }
  .text-\[20px\] {
    font-size: 20px;
  }
  .text-\[24px\] {
    font-size: 24px;
  }
  .text-\[30px\] {
    font-size: 30px;
  }
  .text-\[32px\] {
    font-size: 32px;
  }
  .text-\[34px\] {
    font-size: 34px;
  }
  .text-\[35px\] {
    font-size: 35px;
  }
  .text-\[40px\] {
    font-size: 40px;
  }
  .text-\[44px\] {
    font-size: 44px;
  }
  .text-\[50px\] {
    font-size: 50px;
  }
  .text-\[100px\] {
    font-size: 100px;
  }
  .\!leading-\[1\.2\] {
    --tw-leading: 1.2 !important;
    line-height: 1.2 !important;
  }
  .leading-\[1\.2\] {
    --tw-leading: 1.2;
    line-height: 1.2;
  }
  .leading-\[1\.3\] {
    --tw-leading: 1.3;
    line-height: 1.3;
  }
  .leading-\[1\.7\] {
    --tw-leading: 1.7;
    line-height: 1.7;
  }
  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }
  .\!font-semibold {
    --tw-font-weight: var(--font-weight-semibold) !important;
    font-weight: var(--font-weight-semibold) !important;
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .text-wrap {
    text-wrap: wrap;
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .\!text-black {
    color: var(--color-black) !important;
  }
  .\!text-white {
    color: var(--color-white) !important;
  }
  .text-\[\#42BE65\] {
    color: #42be65;
  }
  .text-\[\#D9D9D9\] {
    color: #d9d9d9;
  }
  .text-\[\#F1C21B\] {
    color: #f1c21b;
  }
  .text-\[\#FA4D56\] {
    color: #fa4d56;
  }
  .text-\[\#FF5100\] {
    color: #ff5100;
  }
  .text-\[\#FFD6BB\] {
    color: #ffd6bb;
  }
  .text-\[\#bbbbbb\] {
    color: #bbb;
  }
  .text-\[\#d9d9d9\] {
    color: #d9d9d9;
  }
  .text-\[\#fe7a36\] {
    color: #fe7a36;
  }
  .text-black {
    color: var(--color-black);
  }
  .text-body {
    color: var(--color-body);
  }
  .text-body\/50 {
    color: #40404080;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-body\/50 {
      color: color-mix(in oklab, var(--color-body) 50%, transparent);
    }
  }
  .text-primary {
    color: var(--color-primary);
  }
  .text-transparent {
    color: #0000;
  }
  .text-white {
    color: var(--color-white);
  }
  .text-white\/70 {
    color: #ffffffb3;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/70 {
      color: color-mix(in oklab, var(--color-white) 70%, transparent);
    }
  }
  .uppercase {
    text-transform: uppercase;
  }
  .italic {
    font-style: italic;
  }
  .line-through {
    text-decoration-line: line-through;
  }
  .overline {
    text-decoration-line: overline;
  }
  .underline {
    text-decoration-line: underline;
  }
  .opacity-0 {
    opacity: 0;
  }
  .opacity-90 {
    opacity: 0.9;
  }
  .shadow-\[0_0_200px_rgba\(13\,20\,22\,0\.1\)\] {
    --tw-shadow: 0 0 200px var(--tw-shadow-color, #0d14161a);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_8px_24px_rgba\(149\,157\,165\,0\.2\)\] {
    --tw-shadow: 0 8px 24px var(--tw-shadow-color, #959da533);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_8px_24px_rgba\(149\,157\,165\,0\.3\)\] {
    --tw-shadow: 0 8px 24px var(--tw-shadow-color, #959da54d);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .\!outline-0 {
    outline-style: var(--tw-outline-style) !important;
    outline-width: 0 !important;
  }
  .outline-0 {
    outline-style: var(--tw-outline-style);
    outline-width: 0;
  }
  .filter {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,)
      var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,)
      var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .backdrop-blur-\[10px\] {
    --tw-backdrop-blur: blur(10px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur,)
      var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,)
      var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,)
      var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,)
      var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,)
      var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,)
      var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,)
      var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,)
      var(--tw-backdrop-sepia,);
  }
  .backdrop-blur-\[21px\] {
    --tw-backdrop-blur: blur(21px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur,)
      var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,)
      var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,)
      var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,)
      var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,)
      var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,)
      var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,)
      var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,)
      var(--tw-backdrop-sepia,);
  }
  .transition {
    transition-property:
      color,
      background-color,
      border-color,
      outline-color,
      text-decoration-color,
      fill,
      stroke,
      --tw-gradient-from,
      --tw-gradient-via,
      --tw-gradient-to,
      opacity,
      box-shadow,
      transform,
      translate,
      scale,
      rotate,
      filter,
      -webkit-backdrop-filter,
      backdrop-filter,
      display,
      content-visibility,
      overlay,
      pointer-events;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-all {
    transition-property: all;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .duration-300 {
    --tw-duration: 0.3s;
    transition-duration: 0.3s;
  }
  .duration-500 {
    --tw-duration: 0.5s;
    transition-duration: 0.5s;
  }
  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }
  .\[-moz-appearance\:textfield\] {
    -moz-appearance: textfield;
  }
  .backface-hidden {
    backface-visibility: hidden;
  }
  @media (hover: hover) {
    .group-hover\:visible:is(:where(.group):hover *) {
      visibility: visible;
    }
    .group-hover\:scale-110:is(:where(.group):hover *) {
      --tw-scale-x: 110%;
      --tw-scale-y: 110%;
      --tw-scale-z: 110%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
    .group-hover\:bg-black:is(:where(.group):hover *) {
      background-color: var(--color-black);
    }
    .group-hover\:bg-dark:is(:where(.group):hover *) {
      background-color: var(--color-dark);
    }
    .group-hover\:bg-primary:is(:where(.group):hover *) {
      background-color: var(--color-primary);
    }
    .group-hover\:text-primary:is(:where(.group):hover *) {
      color: var(--color-primary);
    }
    .group-hover\:text-white:is(:where(.group):hover *) {
      color: var(--color-white);
    }
    .group-hover\:opacity-100:is(:where(.group):hover *) {
      opacity: 1;
    }
  }
  .placeholder\:\!text-white\/70::placeholder {
    color: #ffffffb3 !important;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .placeholder\:\!text-white\/70::placeholder {
      color: color-mix(
        in oklab,
        var(--color-white) 70%,
        transparent
      ) !important;
    }
  }
  .placeholder\:\!text-white\/75::placeholder {
    color: #ffffffbf !important;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .placeholder\:\!text-white\/75::placeholder {
      color: color-mix(
        in oklab,
        var(--color-white) 75%,
        transparent
      ) !important;
    }
  }
  .placeholder\:text-black::placeholder {
    color: var(--color-black);
  }
  .placeholder\:text-body::placeholder {
    color: var(--color-body);
  }
  .first\:mt-0:first-child {
    margin-top: calc(var(--spacing) * 0);
  }
  .first\:border-t:first-child {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .first\:pt-0:first-child {
    padding-top: calc(var(--spacing) * 0);
  }
  .last\:mb-0:last-child {
    margin-bottom: calc(var(--spacing) * 0);
  }
  .last\:border-b:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .last\:border-b-0:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }
  .last\:pb-0:last-child {
    padding-bottom: calc(var(--spacing) * 0);
  }
  @media (hover: hover) {
    .hover\:border-primary:hover {
      border-color: var(--color-primary);
    }
    .hover\:border-white:hover {
      border-color: var(--color-white);
    }
    .hover\:\!bg-dark:hover {
      background-color: var(--color-dark) !important;
    }
    .hover\:bg-black:hover {
      background-color: var(--color-black);
    }
    .hover\:bg-primary:hover {
      background-color: var(--color-primary);
    }
    .hover\:text-primary:hover {
      color: var(--color-primary);
    }
    .hover\:text-white:hover {
      color: var(--color-white);
    }
    .hover\:text-white\/80:hover {
      color: #fffc;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:text-white\/80:hover {
        color: color-mix(in oklab, var(--color-white) 80%, transparent);
      }
    }
    .hover\:underline:hover {
      text-decoration-line: underline;
    }
  }
  .focus\:placeholder\:\!text-transparent:focus::placeholder {
    color: #0000 !important;
  }
  @media (min-width: 40rem) {
    .sm\:col-span-1 {
      grid-column: span 1 / span 1;
    }
    .sm\:col-span-2 {
      grid-column: span 2 / span 2;
    }
    .sm\:mb-0 {
      margin-bottom: calc(var(--spacing) * 0);
    }
    .sm\:max-w-\[640px\] {
      max-width: 640px;
    }
    .sm\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .sm\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .sm\:gap-\[15px\] {
      gap: 15px;
    }
  }
  @media (min-width: 48rem) {
    .md\:absolute {
      position: absolute;
    }
    .md\:top-\[25px\] {
      top: 25px;
    }
    .md\:bottom-\[20px\] {
      bottom: 20px;
    }
    .md\:bottom-\[25px\] {
      bottom: 25px;
    }
    .md\:bottom-\[75px\] {
      bottom: 75px;
    }
    .md\:bottom-\[110px\] {
      bottom: 110px;
    }
    .md\:col-span-1 {
      grid-column: span 1 / span 1;
    }
    .md\:col-span-2 {
      grid-column: span 2 / span 2;
    }
    .md\:col-span-3 {
      grid-column: span 3 / span 3;
    }
    .md\:my-\[20px\] {
      margin-block: 20px;
    }
    .md\:my-\[25px\] {
      margin-block: 25px;
    }
    .md\:my-\[30px\] {
      margin-block: 30px;
    }
    .md\:my-\[40px\] {
      margin-block: 40px;
    }
    .md\:my-\[100px\] {
      margin-block: 100px;
    }
    .md\:-mt-\[15px\] {
      margin-top: -15px;
    }
    .md\:-mt-\[170px\] {
      margin-top: -170px;
    }
    .md\:-mt-\[180px\] {
      margin-top: -180px;
    }
    .md\:mt-0 {
      margin-top: calc(var(--spacing) * 0);
    }
    .md\:mt-\[10px\] {
      margin-top: 10px;
    }
    .md\:mt-\[15px\] {
      margin-top: 15px;
    }
    .md\:mt-\[20px\] {
      margin-top: 20px;
    }
    .md\:mt-\[25px\] {
      margin-top: 25px;
    }
    .md\:mt-\[30px\] {
      margin-top: 30px;
    }
    .md\:mt-\[35px\] {
      margin-top: 35px;
    }
    .md\:mt-\[50px\] {
      margin-top: 50px;
    }
    .md\:mt-\[80px\] {
      margin-top: 80px;
    }
    .md\:mb-0 {
      margin-bottom: calc(var(--spacing) * 0);
    }
    .md\:mb-\[5px\] {
      margin-bottom: 5px;
    }
    .md\:mb-\[8px\] {
      margin-bottom: 8px;
    }
    .md\:mb-\[10px\] {
      margin-bottom: 10px;
    }
    .md\:mb-\[11px\] {
      margin-bottom: 11px;
    }
    .md\:mb-\[12px\] {
      margin-bottom: 12px;
    }
    .md\:mb-\[14px\] {
      margin-bottom: 14px;
    }
    .md\:mb-\[15px\] {
      margin-bottom: 15px;
    }
    .md\:mb-\[18px\] {
      margin-bottom: 18px;
    }
    .md\:mb-\[20px\] {
      margin-bottom: 20px;
    }
    .md\:mb-\[25px\] {
      margin-bottom: 25px;
    }
    .md\:mb-\[30px\] {
      margin-bottom: 30px;
    }
    .md\:mb-\[35px\] {
      margin-bottom: 35px;
    }
    .md\:mb-\[40px\] {
      margin-bottom: 40px;
    }
    .md\:\!inline-block {
      display: inline-block !important;
    }
    .md\:block {
      display: block;
    }
    .md\:flex {
      display: flex;
    }
    .md\:\!h-\[54px\] {
      height: 54px !important;
    }
    .md\:h-\[15px\] {
      height: 15px;
    }
    .md\:h-\[40px\] {
      height: 40px;
    }
    .md\:h-\[45px\] {
      height: 45px;
    }
    .md\:h-\[50px\] {
      height: 50px;
    }
    .md\:h-\[70px\] {
      height: 70px;
    }
    .md\:h-\[75px\] {
      height: 75px;
    }
    .md\:h-\[100px\] {
      height: 100px;
    }
    .md\:h-\[120px\] {
      height: 120px;
    }
    .md\:h-\[175px\] {
      height: 175px;
    }
    .md\:h-\[460px\] {
      height: 460px;
    }
    .md\:h-\[600px\] {
      height: 600px;
    }
    .md\:h-full {
      height: 100%;
    }
    .md\:w-\[40px\] {
      width: 40px;
    }
    .md\:w-\[45px\] {
      width: 45px;
    }
    .md\:w-\[50px\] {
      width: 50px;
    }
    .md\:w-\[70px\] {
      width: 70px;
    }
    .md\:w-\[75px\] {
      width: 75px;
    }
    .md\:w-\[100px\] {
      width: 100px;
    }
    .md\:w-\[120px\] {
      width: 120px;
    }
    .md\:w-\[150px\] {
      width: 150px;
    }
    .md\:w-\[158px\] {
      width: 158px;
    }
    .md\:w-\[250px\] {
      width: 250px;
    }
    .md\:w-\[262px\] {
      width: 262px;
    }
    .md\:w-\[300px\] {
      width: 300px;
    }
    .md\:\!max-w-full {
      max-width: 100% !important;
    }
    .md\:max-w-\[100px\] {
      max-width: 100px;
    }
    .md\:max-w-\[170px\] {
      max-width: 170px;
    }
    .md\:max-w-\[220px\] {
      max-width: 220px;
    }
    .md\:max-w-\[312px\] {
      max-width: 312px;
    }
    .md\:max-w-\[345px\] {
      max-width: 345px;
    }
    .md\:max-w-\[350px\] {
      max-width: 350px;
    }
    .md\:max-w-\[400px\] {
      max-width: 400px;
    }
    .md\:max-w-\[465px\] {
      max-width: 465px;
    }
    .md\:max-w-\[535px\] {
      max-width: 535px;
    }
    .md\:max-w-\[540px\] {
      max-width: 540px;
    }
    .md\:max-w-\[600px\] {
      max-width: 600px;
    }
    .md\:max-w-\[620px\] {
      max-width: 620px;
    }
    .md\:max-w-\[650px\] {
      max-width: 650px;
    }
    .md\:max-w-\[720px\] {
      max-width: 720px;
    }
    .md\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .md\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .md\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .md\:justify-between {
      justify-content: space-between;
    }
    .md\:justify-end {
      justify-content: flex-end;
    }
    .md\:gap-\[10px\] {
      gap: 10px;
    }
    .md\:gap-\[15px\] {
      gap: 15px;
    }
    .md\:gap-\[20px\] {
      gap: 20px;
    }
    .md\:gap-\[25px\] {
      gap: 25px;
    }
    .md\:gap-\[50px\] {
      gap: 50px;
    }
    .md\:gap-x-\[20px\] {
      column-gap: 20px;
    }
    .md\:gap-x-\[25px\] {
      column-gap: 25px;
    }
    .md\:gap-x-\[30px\] {
      column-gap: 30px;
    }
    .md\:gap-y-\[35px\] {
      row-gap: 35px;
    }
    .md\:border-\[10px\] {
      border-style: var(--tw-border-style);
      border-width: 10px;
    }
    .md\:p-\[20px\] {
      padding: 20px;
    }
    .md\:p-\[25px\] {
      padding: 25px;
    }
    .md\:p-\[30px\] {
      padding: 30px;
    }
    .md\:p-\[40px\] {
      padding: 40px;
    }
    .md\:px-\[19px\] {
      padding-inline: 19px;
    }
    .md\:px-\[20px\] {
      padding-inline: 20px;
    }
    .md\:px-\[25px\] {
      padding-inline: 25px;
    }
    .md\:px-\[35px\] {
      padding-inline: 35px;
    }
    .md\:px-\[40px\] {
      padding-inline: 40px;
    }
    .md\:py-\[8px\] {
      padding-block: 8px;
    }
    .md\:py-\[10px\] {
      padding-block: 10px;
    }
    .md\:py-\[11px\] {
      padding-block: 11px;
    }
    .md\:py-\[15px\] {
      padding-block: 15px;
    }
    .md\:py-\[17px\] {
      padding-block: 17px;
    }
    .md\:py-\[20px\] {
      padding-block: 20px;
    }
    .md\:py-\[25px\] {
      padding-block: 25px;
    }
    .md\:py-\[40px\] {
      padding-block: 40px;
    }
    .md\:py-\[80px\] {
      padding-block: 80px;
    }
    .md\:\!pt-\[450px\] {
      padding-top: 450px !important;
    }
    .md\:pt-\[20px\] {
      padding-top: 20px;
    }
    .md\:pt-\[75px\] {
      padding-top: 75px;
    }
    .md\:pt-\[80px\] {
      padding-top: 80px;
    }
    .md\:pt-\[90px\] {
      padding-top: 90px;
    }
    .md\:pt-\[115px\] {
      padding-top: 115px;
    }
    .md\:pt-\[185px\] {
      padding-top: 185px;
    }
    .md\:pt-\[210px\] {
      padding-top: 210px;
    }
    .md\:pt-\[230px\] {
      padding-top: 230px;
    }
    .md\:pt-\[280px\] {
      padding-top: 280px;
    }
    .md\:\!pb-\[40px\] {
      padding-bottom: 40px !important;
    }
    .md\:pb-\[5px\] {
      padding-bottom: 5px;
    }
    .md\:pb-\[20px\] {
      padding-bottom: 20px;
    }
    .md\:pb-\[25px\] {
      padding-bottom: 25px;
    }
    .md\:pb-\[60px\] {
      padding-bottom: 60px;
    }
    .md\:pb-\[80px\] {
      padding-bottom: 80px;
    }
    .md\:pb-\[115px\] {
      padding-bottom: 115px;
    }
    .md\:pb-\[120px\] {
      padding-bottom: 120px;
    }
    .md\:text-2xl {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
    .md\:text-3xl {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
    .md\:text-4xl {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
    .md\:text-5xl {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
    .md\:text-6xl {
      font-size: var(--text-6xl);
      line-height: var(--tw-leading, var(--text-6xl--line-height));
    }
    .md\:text-base {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
    .md\:text-lg {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
    .md\:text-sm {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
    .md\:text-15 {
      font-size: var(--text-15);
    }
    .md\:text-\[30px\] {
      font-size: 30px;
    }
    .md\:text-\[44px\] {
      font-size: 44px;
    }
    .md\:text-\[50px\] {
      font-size: 50px;
    }
    .md\:text-\[64px\] {
      font-size: 64px;
    }
    .md\:text-\[70px\] {
      font-size: 70px;
    }
    .md\:text-\[80px\] {
      font-size: 80px;
    }
    .md\:leading-none {
      --tw-leading: 1;
      line-height: 1;
    }
  }
  @media (min-width: 64rem) {
    .lg\:invisible {
      visibility: hidden;
    }
    .lg\:visible {
      visibility: visible;
    }
    .lg\:absolute {
      position: absolute;
    }
    .lg\:sticky {
      position: sticky;
    }
    .lg\:top-\[25px\] {
      top: 25px;
    }
    .lg\:top-\[55px\] {
      top: 55px;
    }
    .lg\:top-\[150px\] {
      top: 150px;
    }
    .lg\:bottom-\[30px\] {
      bottom: 30px;
    }
    .lg\:bottom-\[85px\] {
      bottom: 85px;
    }
    .lg\:order-1 {
      order: 1;
    }
    .lg\:order-2 {
      order: 2;
    }
    .lg\:col-span-1 {
      grid-column: span 1 / span 1;
    }
    .lg\:col-span-2 {
      grid-column: span 2 / span 2;
    }
    .lg\:mx-auto {
      margin-inline: auto;
    }
    .lg\:my-\[25px\] {
      margin-block: 25px;
    }
    .lg\:my-\[30px\] {
      margin-block: 30px;
    }
    .lg\:my-\[35px\] {
      margin-block: 35px;
    }
    .lg\:my-\[50px\] {
      margin-block: 50px;
    }
    .lg\:-mt-\[100px\] {
      margin-top: -100px;
    }
    .lg\:mt-0 {
      margin-top: calc(var(--spacing) * 0);
    }
    .lg\:mt-\[15px\] {
      margin-top: 15px;
    }
    .lg\:mt-\[20px\] {
      margin-top: 20px;
    }
    .lg\:mt-\[25px\] {
      margin-top: 25px;
    }
    .lg\:mt-\[30px\] {
      margin-top: 30px;
    }
    .lg\:mt-\[35px\] {
      margin-top: 35px;
    }
    .lg\:mt-\[40px\] {
      margin-top: 40px;
    }
    .lg\:mt-\[45px\] {
      margin-top: 45px;
    }
    .lg\:mt-\[80px\] {
      margin-top: 80px;
    }
    .lg\:mt-\[100px\] {
      margin-top: 100px;
    }
    .lg\:-mb-px {
      margin-bottom: -1px;
    }
    .lg\:mb-0 {
      margin-bottom: calc(var(--spacing) * 0);
    }
    .lg\:mb-\[12px\] {
      margin-bottom: 12px;
    }
    .lg\:mb-\[13px\] {
      margin-bottom: 13px;
    }
    .lg\:mb-\[15px\] {
      margin-bottom: 15px;
    }
    .lg\:mb-\[18px\] {
      margin-bottom: 18px;
    }
    .lg\:mb-\[20px\] {
      margin-bottom: 20px;
    }
    .lg\:mb-\[25px\] {
      margin-bottom: 25px;
    }
    .lg\:mb-\[28px\] {
      margin-bottom: 28px;
    }
    .lg\:mb-\[30px\] {
      margin-bottom: 30px;
    }
    .lg\:mb-\[35px\] {
      margin-bottom: 35px;
    }
    .lg\:mb-\[40px\] {
      margin-bottom: 40px;
    }
    .lg\:mb-\[45px\] {
      margin-bottom: 45px;
    }
    .lg\:mb-\[50px\] {
      margin-bottom: 50px;
    }
    .lg\:\!hidden {
      display: none !important;
    }
    .lg\:block {
      display: block;
    }
    .lg\:flex {
      display: flex;
    }
    .lg\:hidden {
      display: none;
    }
    .lg\:table {
      display: table;
    }
    .lg\:table-cell {
      display: table-cell;
    }
    .lg\:h-\[50px\] {
      height: 50px;
    }
    .lg\:h-\[52px\] {
      height: 52px;
    }
    .lg\:h-\[150px\] {
      height: 150px;
    }
    .lg\:h-\[700px\] {
      height: 700px;
    }
    .lg\:h-full {
      height: 100%;
    }
    .lg\:min-h-screen {
      min-height: 100vh;
    }
    .lg\:\!w-\[425px\] {
      width: 425px !important;
    }
    .lg\:w-\[50px\] {
      width: 50px;
    }
    .lg\:w-\[52px\] {
      width: 52px;
    }
    .lg\:w-\[150px\] {
      width: 150px;
    }
    .lg\:w-\[260px\] {
      width: 260px;
    }
    .lg\:w-full {
      width: 100%;
    }
    .lg\:\!max-w-full {
      max-width: 100% !important;
    }
    .lg\:max-w-\[190px\] {
      max-width: 190px;
    }
    .lg\:max-w-\[240px\] {
      max-width: 240px;
    }
    .lg\:max-w-\[400px\] {
      max-width: 400px;
    }
    .lg\:max-w-\[425px\] {
      max-width: 425px;
    }
    .lg\:max-w-\[475px\] {
      max-width: 475px;
    }
    .lg\:max-w-\[660px\] {
      max-width: 660px;
    }
    .lg\:max-w-\[720px\] {
      max-width: 720px;
    }
    .lg\:max-w-\[740px\] {
      max-width: 740px;
    }
    .lg\:max-w-\[780px\] {
      max-width: 780px;
    }
    .lg\:max-w-\[800px\] {
      max-width: 800px;
    }
    .lg\:max-w-\[830px\] {
      max-width: 830px;
    }
    .lg\:max-w-\[872px\] {
      max-width: 872px;
    }
    .lg\:max-w-\[875px\] {
      max-width: 875px;
    }
    .lg\:max-w-\[885px\] {
      max-width: 885px;
    }
    .lg\:max-w-full {
      max-width: 100%;
    }
    .lg\:\!translate-none {
      translate: none !important;
    }
    .lg\:\!transform-none {
      transform: none !important;
    }
    .lg\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .lg\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .lg\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .lg\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .lg\:grid-cols-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
    .lg\:flex-nowrap {
      flex-wrap: nowrap;
    }
    .lg\:items-center {
      align-items: center;
    }
    .lg\:items-start {
      align-items: flex-start;
    }
    .lg\:justify-end {
      justify-content: flex-end;
    }
    .lg\:justify-start {
      justify-content: flex-start;
    }
    .lg\:gap-0 {
      gap: calc(var(--spacing) * 0);
    }
    .lg\:gap-\[20px\] {
      gap: 20px;
    }
    .lg\:gap-\[25px\] {
      gap: 25px;
    }
    .lg\:gap-\[30px\] {
      gap: 30px;
    }
    .lg\:gap-\[75px\] {
      gap: 75px;
    }
    .lg\:gap-x-\[35px\] {
      column-gap: 35px;
    }
    .lg\:gap-y-\[40px\] {
      row-gap: 40px;
    }
    .lg\:border-b-0 {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0;
    }
    .lg\:p-\[25px\] {
      padding: 25px;
    }
    .lg\:p-\[30px\] {
      padding: 30px;
    }
    .lg\:p-\[40px\] {
      padding: 40px;
    }
    .lg\:p-\[60px\] {
      padding: 60px;
    }
    .lg\:\!px-0 {
      padding-inline: calc(var(--spacing) * 0) !important;
    }
    .lg\:px-\[25px\] {
      padding-inline: 25px;
    }
    .lg\:px-\[45px\] {
      padding-inline: 45px;
    }
    .lg\:px-\[60px\] {
      padding-inline: 60px;
    }
    .lg\:py-0 {
      padding-block: calc(var(--spacing) * 0);
    }
    .lg\:py-\[10px\] {
      padding-block: 10px;
    }
    .lg\:py-\[15px\] {
      padding-block: 15px;
    }
    .lg\:py-\[20px\] {
      padding-block: 20px;
    }
    .lg\:py-\[25px\] {
      padding-block: 25px;
    }
    .lg\:py-\[30px\] {
      padding-block: 30px;
    }
    .lg\:py-\[50px\] {
      padding-block: 50px;
    }
    .lg\:py-\[100px\] {
      padding-block: 100px;
    }
    .lg\:pt-0 {
      padding-top: calc(var(--spacing) * 0);
    }
    .lg\:pt-\[30px\] {
      padding-top: 30px;
    }
    .lg\:pt-\[100px\] {
      padding-top: 100px;
    }
    .lg\:pt-\[205px\] {
      padding-top: 205px;
    }
    .lg\:pt-\[240px\] {
      padding-top: 240px;
    }
    .lg\:pt-\[245px\] {
      padding-top: 245px;
    }
    .lg\:pt-\[260px\] {
      padding-top: 260px;
    }
    .lg\:pb-\[25px\] {
      padding-bottom: 25px;
    }
    .lg\:pb-\[30px\] {
      padding-bottom: 30px;
    }
    .lg\:pb-\[80px\] {
      padding-bottom: 80px;
    }
    .lg\:pb-\[100px\] {
      padding-bottom: 100px;
    }
    .lg\:pb-\[140px\] {
      padding-bottom: 140px;
    }
    .lg\:text-center {
      text-align: center;
    }
    .lg\:align-middle {
      vertical-align: middle;
    }
    .lg\:text-3xl {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
    .lg\:text-base {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
    .lg\:text-lg {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
    .lg\:text-xl {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
    .lg\:text-15 {
      font-size: var(--text-15);
    }
    .lg\:text-\[54px\] {
      font-size: 54px;
    }
    .lg\:text-\[60px\] {
      font-size: 60px;
    }
    .lg\:text-\[65px\] {
      font-size: 65px;
    }
    .lg\:text-\[110px\] {
      font-size: 110px;
    }
    .lg\:text-\[\#BBBBBB\] {
      color: #bbb;
    }
    .lg\:text-white {
      color: var(--color-white);
    }
    .lg\:opacity-0 {
      opacity: 0;
    }
    .lg\:opacity-100 {
      opacity: 1;
    }
  }
  @media (min-width: 80rem) {
    .xl\:\!absolute {
      position: absolute !important;
    }
    .xl\:\!top-auto {
      top: auto !important;
    }
    .xl\:-top-\[85px\] {
      top: -85px;
    }
    .xl\:top-\[235px\] {
      top: 235px;
    }
    .xl\:\!bottom-0 {
      bottom: calc(var(--spacing) * 0) !important;
    }
    .xl\:bottom-\[40px\] {
      bottom: 40px;
    }
    .xl\:bottom-\[95px\] {
      bottom: 95px;
    }
    .xl\:mx-auto {
      margin-inline: auto;
    }
    .xl\:-mt-\[190px\] {
      margin-top: -190px;
    }
    .xl\:-mt-\[273px\] {
      margin-top: -273px;
    }
    .xl\:mt-0 {
      margin-top: calc(var(--spacing) * 0);
    }
    .xl\:mt-\[15px\] {
      margin-top: 15px;
    }
    .xl\:mt-\[30px\] {
      margin-top: 30px;
    }
    .xl\:mt-\[40px\] {
      margin-top: 40px;
    }
    .xl\:mt-\[50px\] {
      margin-top: 50px;
    }
    .xl\:mt-\[100px\] {
      margin-top: 100px;
    }
    .xl\:mb-0 {
      margin-bottom: calc(var(--spacing) * 0);
    }
    .xl\:flex {
      display: flex;
    }
    .xl\:w-\[365px\] {
      width: 365px;
    }
    .xl\:w-\[420px\] {
      width: 420px;
    }
    .xl\:\!max-w-\[1920px\] {
      max-width: 1920px !important;
    }
    .xl\:\!max-w-full {
      max-width: 100% !important;
    }
    .xl\:max-w-\[220px\] {
      max-width: 220px;
    }
    .xl\:max-w-\[300px\] {
      max-width: 300px;
    }
    .xl\:max-w-\[350px\] {
      max-width: 350px;
    }
    .xl\:max-w-\[460px\] {
      max-width: 460px;
    }
    .xl\:max-w-\[462px\] {
      max-width: 462px;
    }
    .xl\:max-w-\[465px\] {
      max-width: 465px;
    }
    .xl\:max-w-\[500px\] {
      max-width: 500px;
    }
    .xl\:max-w-\[525px\] {
      max-width: 525px;
    }
    .xl\:max-w-\[535px\] {
      max-width: 535px;
    }
    .xl\:max-w-\[536px\] {
      max-width: 536px;
    }
    .xl\:max-w-\[540px\] {
      max-width: 540px;
    }
    .xl\:max-w-\[630px\] {
      max-width: 630px;
    }
    .xl\:max-w-\[650px\] {
      max-width: 650px;
    }
    .xl\:max-w-\[815px\] {
      max-width: 815px;
    }
    .xl\:max-w-\[865px\] {
      max-width: 865px;
    }
    .xl\:max-w-\[875px\] {
      max-width: 875px;
    }
    .xl\:max-w-\[900px\] {
      max-width: 900px;
    }
    .xl\:max-w-\[960px\] {
      max-width: 960px;
    }
    .xl\:max-w-\[985px\] {
      max-width: 985px;
    }
    .xl\:max-w-\[990px\] {
      max-width: 990px;
    }
    .xl\:max-w-\[1090px\] {
      max-width: 1090px;
    }
    .xl\:max-w-\[1095px\] {
      max-width: 1095px;
    }
    .xl\:max-w-\[1100px\] {
      max-width: 1100px;
    }
    .xl\:max-w-\[1110px\] {
      max-width: 1110px;
    }
    .xl\:max-w-full {
      max-width: 100%;
    }
    .xl\:min-w-\[290px\] {
      min-width: 290px;
    }
    .xl\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .xl\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .xl\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .xl\:items-stretch {
      align-items: stretch;
    }
    .xl\:gap-\[25px\] {
      gap: 25px;
    }
    .xl\:gap-\[30px\] {
      gap: 20px;
    }
    .xl\:gap-\[35px\] {
      gap: 35px;
    }
    .xl\:gap-\[40px\] {
      gap: 40px;
    }
    .xl\:gap-\[50px\] {
      gap: 50px;
    }
    .xl\:gap-\[80px\] {
      gap: 80px;
    }
    .xl\:gap-\[90px\] {
      gap: 90px;
    }
    .xl\:gap-\[100px\] {
      gap: 100px;
    }
    .xl\:gap-y-\[50px\] {
      row-gap: 50px;
    }
    .xl\:p-\[100px\] {
      padding: 100px;
    }
    .xl\:\!px-0 {
      padding-inline: calc(var(--spacing) * 0) !important;
    }
    .xl\:px-\[30px\] {
      padding-inline: 30px;
    }
    .xl\:px-\[55px\] {
      padding-inline: 55px;
    }
    .xl\:px-\[100px\] {
      padding-inline: 100px;
    }
    .xl\:py-0 {
      padding-block: calc(var(--spacing) * 0);
    }
    .xl\:py-\[12px\] {
      padding-block: 12px;
    }
    .xl\:py-\[40px\] {
      padding-block: 40px;
    }
    .xl\:pt-\[120px\] {
      padding-block: 180px;
    }
    .xl\:pt-\[5px\] {
      padding-top: 5px;
    }
    .xl\:pt-\[65px\] {
      padding-top: 65px;
    }
    .xl\:pt-\[120px\] {
      padding-top: 120px;
    }
    .xl\:pt-\[255px\] {
      padding-top: 255px;
    }
    .xl\:pt-\[265px\] {
      padding-top: 265px;
    }
    .xl\:pb-\[75px\] {
      padding-bottom: 75px;
    }
    .xl\:pb-\[100px\] {
      padding-bottom: 100px;
    }
    .xl\:pb-\[120px\] {
      padding-bottom: 40px;
    }
    .xl\:pb-\[200px\] {
      padding-bottom: 200px;
    }
    .xl\:text-xl {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
    .xl\:text-\[64px\] {
      font-size: 64px;
    }
    .xl\:text-\[85px\] {
      font-size: 64px;
    }
    .xl\:text-\[110px\] {
      font-size: 110px;
    }
  }
  @media (min-width: 96rem) {
    .\32 xl\:-top-\[165px\] {
      top: -165px;
    }
    .\32 xl\:top-\[10px\] {
      top: 10px;
    }
    .\32 xl\:top-\[105px\] {
      top: 105px;
    }
    .\32 xl\:top-\[265px\] {
      top: 265px;
    }
    .\32 xl\:\!bottom-\[45px\] {
      bottom: 45px !important;
    }
    .\32 xl\:-mt-\[230px\] {
      margin-top: -230px;
    }
    .\32 xl\:mt-\[150px\] {
      margin-top: 150px;
    }
    .\32 xl\:mb-\[20px\] {
      margin-bottom: 20px;
    }
    .\32 xl\:\!max-w-\[1620px\] {
      max-width: 1620px !important;
    }
    .\32 xl\:\!max-w-\[1760px\] {
      max-width: 1760px !important;
    }
    .\32 xl\:\!max-w-\[1820px\] {
      max-width: 1820px !important;
    }
    .\32 xl\:\!max-w-\[1920px\] {
      max-width: 1920px !important;
    }
    .\32 xl\:max-w-\[280px\] {
      max-width: 280px;
    }
    .\32 xl\:max-w-\[430px\] {
      max-width: 430px;
    }
    .\32 xl\:max-w-\[600px\] {
      max-width: 600px;
    }
    .\32 xl\:max-w-\[1920px\] {
      max-width: 1920px;
    }
    .\32 xl\:max-w-full {
      max-width: 100%;
    }
    .\32 xl\:px-\[100px\] {
      padding-inline: 100px;
    }
    .\32 xl\:px-\[150px\] {
      padding-inline: 150px;
    }
    .\32 xl\:pt-\[45px\] {
      padding-top: 45px;
    }
    .\32 xl\:pt-\[100px\] {
      padding-top: 100px;
    }
    .\32 xl\:pb-\[25px\] {
      padding-bottom: 25px;
    }
    .\32 xl\:text-\[110px\] {
      font-size: 110px;
    }
    .\32 xl\:text-\[125px\] {
      font-size: 125px;
    }
    .\32 xl\:text-\[140px\] {
      font-size: 140px;
    }
  }
  .ltr\:-right-\[32px\]:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
    right: -32px;
  }
  .ltr\:right-0:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
    right: calc(var(--spacing) * 0);
  }
  .ltr\:right-\[10px\]:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
    right: 10px;
  }
  .ltr\:right-\[15px\]:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
    right: 15px;
  }
  .ltr\:right-\[20px\]:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
    right: 20px;
  }
  .ltr\:right-\[120px\]:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
    right: 120px;
  }
  .ltr\:left-0:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
    left: calc(var(--spacing) * 0);
  }
  .ltr\:left-\[10px\]:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
    left: 10px;
  }
  .ltr\:left-\[12px\]:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
    left: 12px;
  }
  .ltr\:left-\[20px\]:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
    left: 20px;
  }
  .ltr\:left-\[30px\]:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
    left: 30px;
  }
  .ltr\:-mr-\[20px\]:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
    margin-right: -20px;
  }
  .ltr\:mr-\[5px\]:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
    margin-right: 5px;
  }
  .ltr\:-ml-\[20px\]:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
    margin-left: -20px;
  }
  .ltr\:-ml-\[430px\]:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
    margin-left: -430px;
  }
  .ltr\:ml-\[10px\]:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
    margin-left: 10px;
  }
  .ltr\:ml-auto:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
    margin-left: auto;
  }
  .ltr\:-translate-x-full:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
    --tw-translate-x: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .ltr\:-scale-x-100:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
    --tw-scale-x: calc(100% * -1);
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .ltr\:rotate-\[15deg\]:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
    rotate: 15deg;
  }
  .ltr\:rotate-\[45deg\]:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
    rotate: 45deg;
  }
  .ltr\:rounded-tl-\[15px\]:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
    border-top-left-radius: 15px;
  }
  .ltr\:border-r:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }
  .ltr\:border-l:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
  .ltr\:border-l-\[4px\]:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
    border-left-style: var(--tw-border-style);
    border-left-width: 4px;
  }
  .ltr\:\!border-l-\[\#F9CF2E\]:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
    border-left-color: #f9cf2e !important;
  }
  .ltr\:\!border-l-primary:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
    border-left-color: var(--color-primary) !important;
  }
  .ltr\:\!pr-0:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
    padding-right: calc(var(--spacing) * 0) !important;
  }
  .ltr\:pr-\[5px\]:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
    padding-right: 5px;
  }
  .ltr\:pr-\[10px\]:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
    padding-right: 10px;
  }
  .ltr\:pr-\[18px\]:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
    padding-right: 18px;
  }
  .ltr\:pl-\[10px\]:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
    padding-left: 10px;
  }
  .ltr\:pl-\[15px\]:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
    padding-left: 15px;
  }
  .ltr\:pl-\[20px\]:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
    padding-left: 20px;
  }
  .ltr\:pl-\[24px\]:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
    padding-left: 24px;
  }
  .ltr\:pl-\[25px\]:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
    padding-left: 25px;
  }
  .ltr\:pl-\[27px\]:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
    padding-left: 27px;
  }
  .ltr\:pl-\[30px\]:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
    padding-left: 30px;
  }
  .ltr\:pl-\[34px\]:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
    padding-left: 34px;
  }
  .ltr\:pl-\[57px\]:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
    padding-left: 57px;
  }
  .ltr\:pl-\[58px\]:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
    padding-left: 58px;
  }
  .ltr\:text-left:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
    text-align: left;
  }
  .ltr\:text-right:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
    text-align: right;
  }
  .ltr\:first\:rounded-l-\[5px\]:where(
      :dir(ltr),
      [dir="ltr"],
      [dir="ltr"] *
    ):first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
  }
  .ltr\:first\:pl-0:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *):first-child {
    padding-left: calc(var(--spacing) * 0);
  }
  .ltr\:last\:rounded-r-\[5px\]:where(
      :dir(ltr),
      [dir="ltr"],
      [dir="ltr"] *
    ):last-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
  }
  .ltr\:last\:pr-0:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *):last-child {
    padding-right: calc(var(--spacing) * 0);
  }
  @media (min-width: 40rem) {
    .ltr\:sm\:-ml-px:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
      margin-left: -1px;
    }
    .ltr\:sm\:rounded-l-none:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
    }
    .ltr\:sm\:rounded-r-none:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
    }
  }
  @media (min-width: 48rem) {
    .ltr\:md\:right-\[20px\]:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
      right: 20px;
    }
    .ltr\:md\:right-\[25px\]:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
      right: 25px;
    }
    .ltr\:md\:left-\[35px\]:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
      left: 35px;
    }
    .ltr\:md\:left-\[50px\]:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
      left: 50px;
    }
    .ltr\:md\:-mr-\[25px\]:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
      margin-right: -25px;
    }
    .ltr\:md\:-mr-px:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
      margin-right: -1px;
    }
    .ltr\:md\:-ml-\[45px\]:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
      margin-left: -45px;
    }
    .ltr\:md\:-ml-\[80px\]:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
      margin-left: -80px;
    }
    .ltr\:md\:ml-\[25px\]:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
      margin-left: 25px;
    }
    .ltr\:md\:ml-auto:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
      margin-left: auto;
    }
    .ltr\:md\:pr-\[15px\]:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
      padding-right: 15px;
    }
    .ltr\:md\:pr-\[45px\]:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
      padding-right: 45px;
    }
    .ltr\:md\:pr-\[80px\]:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
      padding-right: 80px;
    }
    .ltr\:md\:pr-\[85px\]:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
      padding-right: 85px;
    }
    .ltr\:md\:pl-\[20px\]:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
      padding-left: 20px;
    }
    .ltr\:md\:pl-\[23px\]:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
      padding-left: 23px;
    }
    .ltr\:md\:pl-\[72px\]:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
      padding-left: 72px;
    }
    .md\:ltr\:pl-\[15px\]:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
      padding-left: 15px;
    }
    .ltr\:md\:text-right:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
      text-align: right;
    }
    .ltr\:md\:last\:mr-0:where(
        :dir(ltr),
        [dir="ltr"],
        [dir="ltr"] *
      ):last-child {
      margin-right: calc(var(--spacing) * 0);
    }
  }
  @media (min-width: 64rem) {
    .ltr\:lg\:right-\[25px\]:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
      right: 25px;
    }
    .ltr\:lg\:right-\[30px\]:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
      right: 30px;
    }
    .ltr\:lg\:-left-\[12px\]:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
      left: -12px;
    }
    .ltr\:lg\:-mr-\[14px\]:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
      margin-right: -14px;
    }
    .ltr\:lg\:-mr-\[45px\]:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
      margin-right: -45px;
    }
    .ltr\:lg\:-ml-\[15px\]:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
      margin-left: -15px;
    }
    .ltr\:lg\:-ml-\[60px\]:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
      margin-left: -60px;
    }
    .ltr\:lg\:-ml-\[280px\]:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
      margin-left: -280px;
    }
    .ltr\:lg\:ml-\[15px\]:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
      margin-left: 15px;
    }
    .ltr\:lg\:ml-auto:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
      margin-left: auto;
    }
    .ltr\:lg\:-rotate-\[5deg\]:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
      rotate: -5deg;
    }
    .ltr\:lg\:rotate-\[5deg\]:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
      rotate: 5deg;
    }
    .ltr\:lg\:pr-\[20px\]:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
      padding-right: 20px;
    }
    .lg\:ltr\:pl-\[20px\]:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
      padding-left: 20px;
    }
    .ltr\:lg\:\!pl-\[285px\]:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
      padding-left: 285px !important;
    }
    .ltr\:lg\:pl-\[25px\]:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
      padding-left: 25px;
    }
    .ltr\:lg\:pl-\[30px\]:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
      padding-left: 30px;
    }
    .ltr\:lg\:pl-\[45px\]:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
      padding-left: 45px;
    }
    .ltr\:lg\:pl-\[88px\]:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
      padding-left: 88px;
    }
    .ltr\:lg\:text-left:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
      text-align: left;
    }
    .ltr\:lg\:text-right:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
      text-align: right;
    }
  }
  @media (min-width: 80rem) {
    .ltr\:xl\:\!right-auto:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
      right: auto !important;
    }
    .ltr\:xl\:right-\[40px\]:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
      right: 40px;
    }
    .ltr\:xl\:\!left-\[45px\]:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
      left: 45px !important;
    }
    .ltr\:xl\:left-\[25px\]:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
      left: 25px;
    }
    .ltr\:xl\:-mr-\[30px\]:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
      margin-right: -30px;
    }
    .ltr\:xl\:mr-0:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
      margin-right: calc(var(--spacing) * 0);
    }
    .ltr\:xl\:-ml-\[70px\]:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
      margin-left: -70px;
    }
    .ltr\:xl\:-ml-\[100px\]:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
      margin-left: -100px;
    }
    .ltr\:xl\:-ml-\[160px\]:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
      margin-left: -160px;
    }
    .ltr\:xl\:-ml-\[245px\]:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
      margin-left: -245px;
    }
    .ltr\:xl\:ml-\[20px\]:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
      margin-left: 20px;
    }
    .ltr\:xl\:ml-\[33px\]:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
      margin-left: 33px;
    }
    .ltr\:xl\:ml-auto:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
      margin-left: auto;
    }
    .ltr\:xl\:pr-\[25px\]:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
      padding-right: 25px;
    }
    .ltr\:xl\:pr-\[40px\]:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
      padding-right: 40px;
    }
    .ltr\:xl\:pr-\[50px\]:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
      padding-right: 50px;
    }
    .ltr\:xl\:pr-\[70px\]:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
      padding-right: 70px;
    }
    .ltr\:xl\:pr-\[100px\]:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
      padding-right: 100px;
    }
    .ltr\:xl\:pl-0:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
      padding-left: calc(var(--spacing) * 0);
    }
    .ltr\:xl\:pl-\[35px\]:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
      padding-left: 35px;
    }
    .ltr\:xl\:pl-\[45px\]:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
      padding-left: 45px;
    }
    .ltr\:xl\:pl-\[50px\]:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
      padding-left: 50px;
    }
    .ltr\:xl\:pl-\[70px\]:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
      padding-left: 70px;
    }
    .ltr\:xl\:pl-\[75px\]:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
      padding-left: 75px;
    }
    .ltr\:xl\:pl-\[85px\]:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
      padding-left: 85px;
    }
    .ltr\:xl\:pl-\[100px\]:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
      padding-left: 100px;
    }
  }
  @media (min-width: 96rem) {
    .ltr\:2xl\:right-0:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
      right: calc(var(--spacing) * 0);
    }
    .ltr\:2xl\:\!left-\[110px\]:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
      left: 110px !important;
    }
    .ltr\:2xl\:left-\[40px\]:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
      left: 40px;
    }
    .ltr\:2xl\:left-\[280px\]:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
      left: 280px;
    }
    .ltr\:2xl\:-ml-\[260px\]:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
      margin-left: -260px;
    }
    .ltr\:2xl\:-ml-\[345px\]:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
      margin-left: -345px;
    }
    .ltr\:2xl\:pl-\[25px\]:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
      padding-left: 25px;
    }
    .ltr\:2xl\:pl-\[110px\]:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
      padding-left: 110px;
    }
  }
  .rtl\:right-0:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    right: calc(var(--spacing) * 0);
  }
  .rtl\:right-\[10px\]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    right: 10px;
  }
  .rtl\:right-\[12px\]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    right: 12px;
  }
  .rtl\:right-\[20px\]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    right: 20px;
  }
  .rtl\:right-\[30px\]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    right: 30px;
  }
  .rtl\:-left-\[32px\]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    left: -32px;
  }
  .rtl\:left-0:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    left: calc(var(--spacing) * 0);
  }
  .rtl\:left-\[10px\]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    left: 10px;
  }
  .rtl\:left-\[15px\]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    left: 15px;
  }
  .rtl\:left-\[20px\]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    left: 20px;
  }
  .rtl\:left-\[120px\]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    left: 120px;
  }
  .rtl\:-mr-\[20px\]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    margin-right: -20px;
  }
  .rtl\:-mr-\[430px\]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    margin-right: -430px;
  }
  .rtl\:mr-\[10px\]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    margin-right: 10px;
  }
  .rtl\:mr-auto:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    margin-right: auto;
  }
  .rtl\:-ml-\[20px\]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    margin-left: -20px;
  }
  .rtl\:ml-\[5px\]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    margin-left: 5px;
  }
  .rtl\:translate-x-full:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    --tw-translate-x: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .rtl\:-scale-x-100:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    --tw-scale-x: calc(100% * -1);
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .rtl\:-rotate-\[45deg\]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    rotate: -45deg;
  }
  .rtl\:rotate-\[-15deg\]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    rotate: -15deg;
  }
  .rtl\:rounded-tr-\[15px\]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    border-top-right-radius: 15px;
  }
  .rtl\:border-r:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }
  .rtl\:border-r-\[4px\]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    border-right-style: var(--tw-border-style);
    border-right-width: 4px;
  }
  .rtl\:border-l:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
  .rtl\:\!border-r-\[\#F9CF2E\]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    border-right-color: #f9cf2e !important;
  }
  .rtl\:\!border-r-primary:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    border-right-color: var(--color-primary) !important;
  }
  .rtl\:pr-\[10px\]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    padding-right: 10px;
  }
  .rtl\:pr-\[15px\]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    padding-right: 15px;
  }
  .rtl\:pr-\[20px\]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    padding-right: 20px;
  }
  .rtl\:pr-\[24px\]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    padding-right: 24px;
  }
  .rtl\:pr-\[25px\]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    padding-right: 25px;
  }
  .rtl\:pr-\[27px\]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    padding-right: 27px;
  }
  .rtl\:pr-\[30px\]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    padding-right: 30px;
  }
  .rtl\:pr-\[34px\]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    padding-right: 34px;
  }
  .rtl\:pr-\[57px\]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    padding-right: 57px;
  }
  .rtl\:pr-\[58px\]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    padding-right: 58px;
  }
  .rtl\:\!pl-0:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    padding-left: calc(var(--spacing) * 0) !important;
  }
  .rtl\:pl-\[5px\]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    padding-left: 5px;
  }
  .rtl\:pl-\[10px\]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    padding-left: 10px;
  }
  .rtl\:pl-\[18px\]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    padding-left: 18px;
  }
  .rtl\:text-left:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    text-align: left;
  }
  .rtl\:text-right:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    text-align: right;
  }
  .rtl\:first\:rounded-r-\[5px\]:where(
      :dir(rtl),
      [dir="rtl"],
      [dir="rtl"] *
    ):first-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
  }
  .rtl\:last\:rounded-l-\[5px\]:where(
      :dir(rtl),
      [dir="rtl"],
      [dir="rtl"] *
    ):last-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
  }
  .rtl\:last\:pr-0:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *):last-child {
    padding-right: calc(var(--spacing) * 0);
  }
  .rtl\:last\:pl-0:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *):last-child {
    padding-left: calc(var(--spacing) * 0);
  }
  @media (min-width: 40rem) {
    .rtl\:sm\:-mr-px:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      margin-right: -1px;
    }
    .rtl\:sm\:rounded-l-none:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
    }
    .rtl\:sm\:rounded-r-none:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
    }
  }
  @media (min-width: 48rem) {
    .rtl\:md\:right-\[35px\]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      right: 35px;
    }
    .rtl\:md\:right-\[50px\]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      right: 50px;
    }
    .rtl\:md\:left-\[20px\]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      left: 20px;
    }
    .rtl\:md\:left-\[25px\]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      left: 25px;
    }
    .rtl\:md\:-mr-\[45px\]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      margin-right: -45px;
    }
    .rtl\:md\:-mr-\[80px\]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      margin-right: -80px;
    }
    .rtl\:md\:mr-\[25px\]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      margin-right: 25px;
    }
    .rtl\:md\:mr-auto:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      margin-right: auto;
    }
    .rtl\:md\:-ml-\[25px\]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      margin-left: -25px;
    }
    .rtl\:md\:-ml-px:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      margin-left: -1px;
    }
    .md\:rtl\:pr-\[15px\]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      padding-right: 15px;
    }
    .rtl\:md\:pr-\[20px\]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      padding-right: 20px;
    }
    .rtl\:md\:pr-\[23px\]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      padding-right: 23px;
    }
    .rtl\:md\:pr-\[72px\]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      padding-right: 72px;
    }
    .rtl\:md\:pl-\[15px\]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      padding-left: 15px;
    }
    .rtl\:md\:pl-\[45px\]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      padding-left: 45px;
    }
    .rtl\:md\:pl-\[80px\]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      padding-left: 80px;
    }
    .rtl\:md\:pl-\[85px\]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      padding-left: 85px;
    }
    .rtl\:md\:text-left:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      text-align: left;
    }
    .rtl\:md\:last\:ml-0:where(
        :dir(rtl),
        [dir="rtl"],
        [dir="rtl"] *
      ):last-child {
      margin-left: calc(var(--spacing) * 0);
    }
  }
  @media (min-width: 64rem) {
    .rtl\:lg\:-right-\[12px\]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      right: -12px;
    }
    .rtl\:lg\:left-\[25px\]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      left: 25px;
    }
    .rtl\:lg\:left-\[30px\]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      left: 30px;
    }
    .rtl\:lg\:-mr-\[15px\]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      margin-right: -15px;
    }
    .rtl\:lg\:-mr-\[60px\]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      margin-right: -60px;
    }
    .rtl\:lg\:-mr-\[280px\]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      margin-right: -280px;
    }
    .rtl\:lg\:mr-\[15px\]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      margin-right: 15px;
    }
    .rtl\:lg\:mr-auto:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      margin-right: auto;
    }
    .rtl\:lg\:-ml-\[14px\]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      margin-left: -14px;
    }
    .rtl\:lg\:-ml-\[45px\]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      margin-left: -45px;
    }
    .rtl\:lg\:-rotate-\[5deg\]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      rotate: -5deg;
    }
    .rtl\:lg\:rotate-\[5deg\]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      rotate: 5deg;
    }
    .lg\:rtl\:pr-\[20px\]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      padding-right: 20px;
    }
    .rtl\:lg\:\!pr-\[285px\]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      padding-right: 285px !important;
    }
    .rtl\:lg\:pr-\[25px\]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      padding-right: 25px;
    }
    .rtl\:lg\:pr-\[30px\]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      padding-right: 30px;
    }
    .rtl\:lg\:pr-\[45px\]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      padding-right: 45px;
    }
    .rtl\:lg\:pr-\[88px\]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      padding-right: 88px;
    }
    .rtl\:lg\:pl-\[20px\]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      padding-left: 20px;
    }
    .rtl\:lg\:text-left:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      text-align: left;
    }
    .rtl\:lg\:text-right:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      text-align: right;
    }
  }
  @media (min-width: 80rem) {
    .rtl\:xl\:\!right-\[45px\]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      right: 45px !important;
    }
    .rtl\:xl\:right-\[25px\]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      right: 25px;
    }
    .rtl\:xl\:\!left-auto:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      left: auto !important;
    }
    .rtl\:xl\:left-\[40px\]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      left: 40px;
    }
    .rtl\:xl\:-mr-\[70px\]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      margin-right: -70px;
    }
    .rtl\:xl\:-mr-\[100px\]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      margin-right: -100px;
    }
    .rtl\:xl\:-mr-\[160px\]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      margin-right: -160px;
    }
    .rtl\:xl\:-mr-\[245px\]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      margin-right: -245px;
    }
    .rtl\:xl\:mr-\[20px\]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      margin-right: 20px;
    }
    .rtl\:xl\:mr-\[33px\]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      margin-right: 33px;
    }
    .rtl\:xl\:mr-auto:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      margin-right: auto;
    }
    .rtl\:xl\:-ml-\[30px\]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      margin-left: -30px;
    }
    .rtl\:xl\:ml-0:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      margin-left: calc(var(--spacing) * 0);
    }
    .rtl\:xl\:pr-0:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      padding-right: calc(var(--spacing) * 0);
    }
    .rtl\:xl\:pr-\[35px\]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      padding-right: 35px;
    }
    .rtl\:xl\:pr-\[45px\]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      padding-right: 45px;
    }
    .rtl\:xl\:pr-\[50px\]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      padding-right: 50px;
    }
    .rtl\:xl\:pr-\[70px\]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      padding-right: 70px;
    }
    .rtl\:xl\:pr-\[75px\]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      padding-right: 75px;
    }
    .rtl\:xl\:pr-\[85px\]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      padding-right: 85px;
    }
    .rtl\:xl\:pr-\[100px\]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      padding-right: 100px;
    }
    .rtl\:xl\:pl-\[25px\]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      padding-left: 25px;
    }
    .rtl\:xl\:pl-\[40px\]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      padding-left: 40px;
    }
    .rtl\:xl\:pl-\[50px\]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      padding-left: 50px;
    }
    .rtl\:xl\:pl-\[70px\]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      padding-left: 70px;
    }
    .rtl\:xl\:pl-\[100px\]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      padding-left: 100px;
    }
  }
  @media (min-width: 96rem) {
    .rtl\:2xl\:\!right-\[110px\]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      right: 110px !important;
    }
    .rtl\:2xl\:right-\[40px\]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      right: 40px;
    }
    .rtl\:2xl\:right-\[280px\]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      right: 280px;
    }
    .rtl\:2xl\:left-0:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      left: calc(var(--spacing) * 0);
    }
    .rtl\:2xl\:-mr-\[260px\]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      margin-right: -260px;
    }
    .rtl\:2xl\:-mr-\[345px\]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      margin-right: -345px;
    }
    .rtl\:2xl\:pr-\[25px\]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      padding-right: 25px;
    }
    .rtl\:2xl\:pr-\[110px\]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      padding-right: 110px;
    }
  }
  .dark\:\!hidden:where([class="dark"], [class="dark"] *) {
    display: none !important;
  }
  .dark\:\!inline:where([class="dark"], [class="dark"] *) {
    display: inline !important;
  }
  .dark\:block:where([class="dark"], [class="dark"] *) {
    display: block;
  }
  .dark\:hidden:where([class="dark"], [class="dark"] *) {
    display: none;
  }
  .dark\:\!border-white\/10:where([class="dark"], [class="dark"] *) {
    border-color: #ffffff1a !important;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:\!border-white\/10:where([class="dark"], [class="dark"] *) {
      border-color: color-mix(
        in oklab,
        var(--color-white) 10%,
        transparent
      ) !important;
    }
  }
  .dark\:\!border-white\/15:where([class="dark"], [class="dark"] *) {
    border-color: #ffffff26 !important;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:\!border-white\/15:where([class="dark"], [class="dark"] *) {
      border-color: color-mix(
        in oklab,
        var(--color-white) 15%,
        transparent
      ) !important;
    }
  }
  .dark\:border-black:where([class="dark"], [class="dark"] *) {
    border-color: var(--color-black);
  }
  .dark\:border-dark:where([class="dark"], [class="dark"] *) {
    border-color: var(--color-dark);
  }
  .dark\:border-white\/5:where([class="dark"], [class="dark"] *) {
    border-color: #ffffff0d;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-white\/5:where([class="dark"], [class="dark"] *) {
      border-color: color-mix(in oklab, var(--color-white) 5%, transparent);
    }
  }
  .dark\:border-white\/10:where([class="dark"], [class="dark"] *) {
    border-color: #ffffff1a;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-white\/10:where([class="dark"], [class="dark"] *) {
      border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }
  .dark\:border-white\/15:where([class="dark"], [class="dark"] *) {
    border-color: #ffffff26;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-white\/15:where([class="dark"], [class="dark"] *) {
      border-color: color-mix(in oklab, var(--color-white) 15%, transparent);
    }
  }
  .dark\:border-white\/20:where([class="dark"], [class="dark"] *) {
    border-color: #fff3;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-white\/20:where([class="dark"], [class="dark"] *) {
      border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
    }
  }
  .dark\:\!bg-black:where([class="dark"], [class="dark"] *) {
    background-color: var(--color-black) !important;
  }
  .dark\:\!bg-dark:where([class="dark"], [class="dark"] *) {
    background-color: var(--color-dark) !important;
  }
  .dark\:bg-\[\#3b3f41\]:where([class="dark"], [class="dark"] *) {
    background-color: #3b3f41;
  }
  .dark\:bg-\[\#171E20\]:where([class="dark"], [class="dark"] *) {
    background-color: #171e20;
  }
  .dark\:bg-black:where([class="dark"], [class="dark"] *) {
    background-color: var(--color-black);
  }
  .dark\:bg-dark:where([class="dark"], [class="dark"] *) {
    background-color: var(--color-dark);
  }
  .dark\:bg-white:where([class="dark"], [class="dark"] *) {
    background-color: var(--color-white);
  }
  .dark\:bg-white\/10:where([class="dark"], [class="dark"] *) {
    background-color: #ffffff1a;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-white\/10:where([class="dark"], [class="dark"] *) {
      background-color: color-mix(
        in oklab,
        var(--color-white) 10%,
        transparent
      );
    }
  }
  .dark\:bg-white\/15:where([class="dark"], [class="dark"] *) {
    background-color: #ffffff26;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-white\/15:where([class="dark"], [class="dark"] *) {
      background-color: color-mix(
        in oklab,
        var(--color-white) 15%,
        transparent
      );
    }
  }
  .dark\:\!text-white:where([class="dark"], [class="dark"] *) {
    color: var(--color-white) !important;
  }
  .dark\:text-white:where([class="dark"], [class="dark"] *) {
    color: var(--color-white);
  }
  .dark\:text-white\/40:where([class="dark"], [class="dark"] *) {
    color: #fff6;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:text-white\/40:where([class="dark"], [class="dark"] *) {
      color: color-mix(in oklab, var(--color-white) 40%, transparent);
    }
  }
  .dark\:text-white\/50:where([class="dark"], [class="dark"] *) {
    color: #ffffff80;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:text-white\/50:where([class="dark"], [class="dark"] *) {
      color: color-mix(in oklab, var(--color-white) 50%, transparent);
    }
  }
  .dark\:text-white\/70:where([class="dark"], [class="dark"] *) {
    color: #ffffffb3;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:text-white\/70:where([class="dark"], [class="dark"] *) {
      color: color-mix(in oklab, var(--color-white) 70%, transparent);
    }
  }
  .dark\:shadow-none:where([class="dark"], [class="dark"] *) {
    --tw-shadow: 0 0 #0000;
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .dark\:invert:where([class="dark"], [class="dark"] *) {
    --tw-invert: invert(100%);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,)
      var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,)
      var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .dark\:placeholder\:text-white:where(
      [class="dark"],
      [class="dark"] *
    )::placeholder {
    color: var(--color-white);
  }
  .dark\:placeholder\:text-white\/70:where(
      [class="dark"],
      [class="dark"] *
    )::placeholder {
    color: #ffffffb3;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:placeholder\:text-white\/70:where(
        [class="dark"],
        [class="dark"] *
      )::placeholder {
      color: color-mix(in oklab, var(--color-white) 70%, transparent);
    }
  }
  @media (hover: hover) {
    .dark\:hover\:\!bg-dark:where([class="dark"], [class="dark"] *):hover {
      background-color: var(--color-dark) !important;
    }
  }
  .\[\&\:\:-webkit-calendar-picker-indicator\]\:opacity-0::-webkit-calendar-picker-indicator {
    opacity: 0;
  }
  .\[\&\:\:-webkit-calendar-picker-indicator\]\:invert::-webkit-calendar-picker-indicator {
    --tw-invert: invert(100%);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,)
      var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,)
      var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .dark\:\[\&\:\:-webkit-calendar-picker-indicator\]\:invert:where(
      [class="dark"],
      [class="dark"] *
    )::-webkit-calendar-picker-indicator {
    --tw-invert: invert(100%);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,)
      var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,)
      var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button {
    appearance: none;
  }
  .\[\&\:\:-webkit-outer-spin-button\]\:appearance-none::-webkit-outer-spin-button {
    appearance: none;
  }
  .\[\&\:not\(\:first-child\)\]\:mt-\[30px\]:not(:first-child) {
    margin-top: 30px;
  }
  @media (min-width: 48rem) {
    .md\:\[\&\:not\(\:first-child\)\]\:mt-\[40px\]:not(:first-child) {
      margin-top: 40px;
    }
  }
}
body {
  background-color: var(--color-white);
  font-family: var(--font-body);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  color: var(--color-body);
  overflow-x: hidden;
}
@media (min-width: 48rem) {
  body {
    font-size: var(--text-15);
  }
}
@media (min-width: 64rem) {
  body {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
}
body:where([class="dark"], [class="dark"] *) {
  background-color: var(--color-dark);
  color: #ffffffb3;
}
@supports (color: color-mix(in lab, red, red)) {
  body:where([class="dark"], [class="dark"] *) {
    color: color-mix(in oklab, var(--color-white) 70%, transparent);
  }
}
h6,
.h6,
h5,
.h5,
h4,
.h4,
h3,
.h3,
h2,
.h2,
h1,
.h1,
.display-6,
.display-5,
.display-4,
.display-3,
.display-2,
.display-1 {
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-black);
}
:is(
  h6,
  .h6,
  h5,
  .h5,
  h4,
  .h4,
  h3,
  .h3,
  h2,
  .h2,
  h1,
  .h1,
  .display-6,
  .display-5,
  .display-4,
  .display-3,
  .display-2,
  .display-1
):where([class="dark"], [class="dark"] *) {
  color: var(--color-white);
}
p {
  --tw-leading: 1.5;
  margin-bottom: 15px;
  line-height: 1.5;
}
p:last-child {
  margin-bottom: calc(var(--spacing) * 0);
}
@media (min-width: 48rem) {
  p {
    --tw-leading: 1.6;
    line-height: 1.6;
  }
}
a,
button {
  transition-property: all;
  transition-timing-function: var(
    --tw-ease,
    var(--default-transition-timing-function)
  );
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 0.3s;
  --tw-ease: var(--ease-in-out);
  transition-duration: 0.3s;
  transition-timing-function: var(--ease-in-out);
}
img {
  display: inline-block;
}
.container {
  margin-inline: auto;
  padding-inline: 12px;
}
@media (min-width: 40rem) {
  .container {
    max-width: 540px;
  }
}
@media (min-width: 48rem) {
  .container {
    max-width: 720px;
  }
}
@media (min-width: 64rem) {
  .container {
    max-width: 960px;
  }
}
@media (min-width: 80rem) {
  .container {
    max-width: 1270px;
  }
}
button {
  cursor: pointer;
}
.primary-btn {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-primary);
  background-color: var(--color-primary);
  font-size: var(--text-15);
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-white);
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 4px;
  display: inline-flex;
}
@media (hover: hover) {
  .primary-btn:hover {
    border-color: var(--color-black);
    background-color: var(--color-black);
    color: var(--color-white);
  }
}
@media (min-width: 48rem) {
  .primary-btn {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    padding: 5px;
  }
}
@media (min-width: 64rem) {
  .primary-btn {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    padding: 6px;
  }
}
@media (min-width: 80rem) {
  .primary-btn {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
}
.primary-btn span:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
  padding-left: 18px;
}
@media (min-width: 48rem) {
  .primary-btn span:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
    padding-left: 20px;
  }
}
@media (min-width: 64rem) {
  .primary-btn span:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
    padding-left: 22px;
  }
}
.primary-btn span:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
  padding-right: 18px;
}
@media (min-width: 48rem) {
  .primary-btn span:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    padding-right: 20px;
  }
}
@media (min-width: 64rem) {
  .primary-btn span:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    padding-right: 22px;
  }
}
.primary-btn i {
  background-color: var(--color-white);
  width: 37px;
  height: 37px;
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
  color: var(--color-black);
  transition-property: all;
  transition-timing-function: var(
    --tw-ease,
    var(--default-transition-timing-function)
  );
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 0.3s;
  --tw-ease: var(--ease-in-out);
  transition-duration: 0.3s;
  transition-timing-function: var(--ease-in-out);
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  display: flex;
}
@media (hover: hover) {
  .primary-btn i:is(:where(.group):hover *) {
    background-color: var(--color-primary);
    color: var(--color-white);
  }
}
@media (min-width: 48rem) {
  .primary-btn i {
    width: 40px;
    height: 40px;
  }
}
.primary-btn i:where([class="dark"], [class="dark"] *) {
  background-color: var(--color-dark);
  color: var(--color-white);
}
.warranty-cta {
  position: relative;
  overflow: hidden;
  border-radius: 12px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 26px 20px;
  color: rgba(255, 255, 255, 0.76);
  display: grid;
  grid-template-columns: 1fr;
  gap: 22px;
}
.warranty-cta:before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(5, 7, 8, 0.72), rgba(5, 7, 8, 0.36)),
    linear-gradient(135deg, rgba(225, 18, 31, 0.42) 0 30%, transparent 30% 100%);
}
.warranty-cta-content,
.warranty-panel {
  position: relative;
  z-index: 1;
}
.warranty-label {
  display: inline-flex;
  align-items: center;
  border-left: 3px solid var(--color-primary);
  padding-left: 10px;
  margin-bottom: 12px;
  color: var(--color-white);
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
}
.warranty-cta h2 {
  color: var(--color-white);
  font-size: 30px;
  line-height: 1.12;
  margin-bottom: 10px;
}
.warranty-cta p {
  max-width: 560px;
  font-size: 16px;
  line-height: 1.55;
}
.warranty-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px;
  margin-top: 20px;
}
.warranty-phone {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: var(--color-white);
  font-weight: 700;
}
.warranty-phone i {
  width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  background-color: rgba(255, 255, 255, 0.1);
  color: var(--color-primary) !important;
  font-size: 20px;
}
.warranty-phone:hover {
  color: var(--color-primary);
}
.warranty-panel {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}
.warranty-card {
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 7px;
  background-color: rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(10px);
  padding: 14px;
  display: flex;
  align-items: center;
  gap: 12px;
}
.warranty-card i {
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  background-color: var(--color-primary);
  color: var(--color-white);
  font-size: 21px;
}
.warranty-card span {
  display: block;
  color: var(--color-white);
  font-size: 16px;
  font-weight: 800;
}
@media (min-width: 48rem) {
  .warranty-cta {
    padding: 38px 34px;
  }
  .warranty-cta h2 {
    font-size: 42px;
  }
  .warranty-panel {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (min-width: 64rem) {
  .warranty-cta {
    grid-template-columns: minmax(0, 1fr) minmax(360px, 0.8fr);
    align-items: center;
    padding: 48px 50px;
    gap: 34px;
  }
  .warranty-cta h2 {
    font-size: 48px;
  }
  .warranty-panel {
    grid-template-columns: 1fr;
  }
}
@media (min-width: 80rem) {
  .warranty-cta {
    padding: 54px 64px;
  }
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.form-input {
  border-style: var(--tw-border-style);
  width: 100%;
  height: 50px;
  color: var(--color-black);
  transition-property: all;
  transition-timing-function: var(
    --tw-ease,
    var(--default-transition-timing-function)
  );
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 0.3s;
  --tw-ease: var(--ease-in-out);
  transition-duration: 0.3s;
  transition-timing-function: var(--ease-in-out);
  --tw-outline-style: none;
  background-color: #f4f4f4;
  border-width: 1px;
  border-color: #f4f4f4;
  outline-style: none;
  padding-inline: 15px;
  display: block;
}
.form-input::placeholder {
  color: #666;
  transition-property: all;
  transition-timing-function: var(
    --tw-ease,
    var(--default-transition-timing-function)
  );
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 0.3s;
  --tw-ease: var(--ease-in-out);
  transition-duration: 0.3s;
  transition-timing-function: var(--ease-in-out);
}
.form-input:focus::placeholder {
  color: #0000;
}
@media (min-width: 48rem) {
  .form-input {
    height: 55px;
    padding-inline: 20px;
  }
}
.form-input:where([class="dark"], [class="dark"] *) {
  border-color: var(--color-black);
  background-color: var(--color-black);
  color: var(--color-white);
}
.form-input:where([class="dark"], [class="dark"] *)::placeholder {
  color: #ffffff80;
}
@supports (color: color-mix(in lab, red, red)) {
  .form-input:where([class="dark"], [class="dark"] *)::placeholder {
    color: color-mix(in oklab, var(--color-white) 50%, transparent);
  }
}
textarea.form-input {
  height: 150px;
  padding-top: 15px;
}
@media (min-width: 64rem) {
  textarea.form-input {
    padding-top: 20px;
  }
}
:is(
  .dark input[type="date"],
  .dark input[type="time"]
)::-webkit-calendar-picker-indicator {
  --tw-invert: invert(100%);
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,)
    var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,)
    var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.form-select {
  cursor: pointer;
  appearance: none;
  border-style: var(--tw-border-style);
  width: 100%;
  height: 50px;
  color: var(--color-black);
  transition-property: all;
  transition-timing-function: var(
    --tw-ease,
    var(--default-transition-timing-function)
  );
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 0.3s;
  --tw-ease: var(--ease-in-out);
  transition-duration: 0.3s;
  transition-timing-function: var(--ease-in-out);
  --tw-outline-style: none;
  background-color: #f4f4f4;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FF5100' viewBox='0 0 16 16'%3E%3Cpath d='M4.646 6.646a.5.5 0 0 1 .708 0L8 9.293l2.646-2.647a.5.5 0 0 1 .708.708l-3 3a.5.5 0 0 1-.708 0l-3-3a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 24px;
  border-width: 1px;
  border-color: #f4f4f4;
  outline-style: none;
  padding-inline: 15px;
  display: block;
}
@media (min-width: 48rem) {
  .form-select {
    height: 55px;
    padding-inline: 20px;
  }
}
.form-select:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
  background-position: right 12px center;
}
.form-select:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
  background-position: 12px;
}
.form-select:where([class="dark"], [class="dark"] *) {
  border-color: var(--color-black);
  background-color: var(--color-black);
  color: var(--color-white);
}
#navbar .navbar-nav .nav-item .nav-link.active {
  color: var(--color-primary);
}
#navbar .navbar-nav .nav-item .nav-link.dropdown-toggle:before {
  content: var(--tw-content);
  content: var(--tw-content);
  content: var(--tw-content);
  content: var(--tw-content);
  content: var(--tw-content);
  --tw-translate-y: calc(calc(1/2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  content: var(--tw-content);
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
  margin-top: 1px;
  display: inline-block;
  position: absolute;
  top: 50%;
}
#navbar
  .navbar-nav
  .nav-item
  .nav-link.dropdown-toggle:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
  padding-right: 18px;
}
#navbar
  .navbar-nav
  .nav-item
  .nav-link.dropdown-toggle:where(
    :dir(ltr),
    [dir="ltr"],
    [dir="ltr"] *
  ):before {
  content: var(--tw-content);
  right: -2px;
}
#navbar
  .navbar-nav
  .nav-item
  .nav-link.dropdown-toggle:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
  padding-left: 18px;
}
#navbar
  .navbar-nav
  .nav-item
  .nav-link.dropdown-toggle:where(
    :dir(rtl),
    [dir="rtl"],
    [dir="rtl"] *
  ):before {
  content: var(--tw-content);
  left: -2px;
}
#navbar .navbar-nav .nav-item .nav-link.dropdown-toggle:before {
  --tw-content: "";
  font-family: flaticon_rentq;
}
#navbar .navbar-nav .nav-item .dropdown-menu {
  visibility: hidden;
  opacity: 0;
  top: 100%;
}
#navbar
  .navbar-nav
  .nav-item
  .dropdown-menu:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
  left: calc(var(--spacing) * 0);
}
#navbar
  .navbar-nav
  .nav-item
  .dropdown-menu:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
  right: calc(var(--spacing) * 0);
}
#navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  .nav-item
  .nav-link.dropdown-toggle:where(
    :dir(ltr),
    [dir="ltr"],
    [dir="ltr"] *
  ):before {
  content: var(--tw-content);
  right: 20px;
}
#navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  .nav-item
  .nav-link.dropdown-toggle:where(
    :dir(rtl),
    [dir="rtl"],
    [dir="rtl"] *
  ):before {
  content: var(--tw-content);
  left: 20px;
}
#navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu {
  visibility: hidden;
  top: calc(var(--spacing) * 0);
  opacity: 0;
}
#navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  .nav-item
  .dropdown-menu:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
  left: 100%;
}
#navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  .nav-item
  .dropdown-menu:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
  right: 100%;
}
#navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  .nav-item
  .dropdown-menu
  .nav-item
  .dropdown-menu {
  visibility: hidden;
  opacity: 0;
}
#navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  .nav-item
  .dropdown-menu
  .nav-item
  .dropdown-menu:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
  left: -100%;
}
#navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  .nav-item
  .dropdown-menu
  .nav-item
  .dropdown-menu:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
  right: -100%;
}
#navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  .nav-item
  .dropdown-menu
  .nav-item:hover
  .dropdown-menu,
#navbar .navbar-nav .nav-item .dropdown-menu .nav-item:hover .dropdown-menu,
#navbar .navbar-nav .nav-item:hover .dropdown-menu {
  visibility: visible;
  opacity: 1;
}
#navbar.navbar-sticky {
  top: calc(var(--spacing) * 0);
  background-color: var(--color-white);
  --tw-shadow: 0 8px 24px var(--tw-shadow-color, #959da533);
  box-shadow:
    var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  position: sticky;
  border-style: var(--tw-border-style) !important;
  border-width: 0 !important;
}
@media (min-width: 64rem) {
  #navbar.navbar-sticky {
    padding-block: 5px;
  }
}
#navbar.navbar-sticky:where([class="dark"], [class="dark"] *) {
  background-color: var(--color-black);
  --tw-shadow: 0 0 #0000;
  box-shadow:
    var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
#navbar.navbar-sticky.style-two {
  top: calc(var(--spacing) * 0);
  right: calc(var(--spacing) * 0);
  left: calc(var(--spacing) * 0);
  z-index: 9;
  padding-block: calc(var(--spacing) * 0);
  background-color: #0000;
  position: fixed;
  --tw-shadow: 0 0 #0000 !important;
  box-shadow:
    var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}
#navbar.navbar-sticky.style-two .style-two {
  border-style: var(--tw-border-style) !important;
  background-color: var(--color-black) !important;
  border-width: 0 !important;
  border-radius: 0 !important;
}
#navbar.navbar-sticky.style-three {
  background-color: var(--color-black);
  --tw-shadow: 0 0 #0000;
  box-shadow:
    var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
#searchBtn.active {
  color: var(--color-primary);
}
#searchBtn.active i:before {
  content: "";
}
#searchBox.active {
  visibility: visible;
  opacity: 1;
}
.sidebar-modal {
  visibility: hidden;
  top: calc(var(--spacing) * 0);
  bottom: calc(var(--spacing) * 0);
  z-index: 100;
  width: 320px;
  max-width: 100%;
  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,)
    var(--tw-skew-x,) var(--tw-skew-y,);
  background-color: var(--color-white);
  opacity: 0;
  transition-property: all;
  transition-timing-function: var(
    --tw-ease,
    var(--default-transition-timing-function)
  );
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 0.3s;
  --tw-ease: var(--ease-in-out);
  transition-duration: 0.3s;
  transition-timing-function: var(--ease-in-out);
  flex-direction: column;
  display: flex;
  position: fixed;
}
@media (min-width: 48rem) {
  .sidebar-modal {
    width: 400px;
  }
}
@media (min-width: 64rem) {
  .sidebar-modal {
    width: 500px;
  }
}
.sidebar-modal:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
  right: calc(var(--spacing) * 0);
  --tw-translate-x: 100%;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.sidebar-modal:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
  left: calc(var(--spacing) * 0);
  --tw-translate-x: -100%;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.sidebar-modal:where([class="dark"], [class="dark"] *) {
  background-color: var(--color-black);
}
.sidebar-modal .sidebar-modal-header {
  border-bottom-style: var(--tw-border-style);
  border-color: #0d14160d;
  border-bottom-width: 1px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}
@supports (color: color-mix(in lab, red, red)) {
  .sidebar-modal .sidebar-modal-header {
    border-color: color-mix(in oklab, var(--color-black) 5%, transparent);
  }
}
.sidebar-modal .sidebar-modal-header {
  background-color: var(--color-white);
  padding: 20px;
}
@media (min-width: 48rem) {
  .sidebar-modal .sidebar-modal-header {
    padding: 30px;
  }
}
@media (min-width: 64rem) {
  .sidebar-modal .sidebar-modal-header {
    padding-inline: 40px;
  }
}
.sidebar-modal .sidebar-modal-header:where([class="dark"], [class="dark"] *) {
  border-color: #ffffff0d;
}
@supports (color: color-mix(in lab, red, red)) {
  .sidebar-modal .sidebar-modal-header:where([class="dark"], [class="dark"] *) {
    border-color: color-mix(in oklab, var(--color-white) 5%, transparent);
  }
}
.sidebar-modal .sidebar-modal-header:where([class="dark"], [class="dark"] *) {
  background-color: var(--color-black);
}
.sidebar-modal .sidebar-modal-body {
  height: 100vh;
  padding: 20px;
  overflow-y: scroll;
}
@media (min-width: 48rem) {
  .sidebar-modal .sidebar-modal-body {
    padding: 30px;
  }
}
@media (min-width: 64rem) {
  .sidebar-modal .sidebar-modal-body {
    padding-inline: 40px;
  }
}
.sidebar-modal
  .sidebar-modal-body
  .sidebar-navbar-nav
  .nav-item
  .nav-link.dropdown-toggle:before {
  content: var(--tw-content);
  content: var(--tw-content);
  content: var(--tw-content);
  content: var(--tw-content);
  --tw-translate-y: calc(calc(1/2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  display: inline-block;
  position: absolute;
  top: 50%;
}
.sidebar-modal
  .sidebar-modal-body
  .sidebar-navbar-nav
  .nav-item
  .nav-link.dropdown-toggle:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
  padding-right: 20px;
}
.sidebar-modal
  .sidebar-modal-body
  .sidebar-navbar-nav
  .nav-item
  .nav-link.dropdown-toggle:where(
    :dir(ltr),
    [dir="ltr"],
    [dir="ltr"] *
  ):before {
  content: var(--tw-content);
  right: -2px;
}
.sidebar-modal
  .sidebar-modal-body
  .sidebar-navbar-nav
  .nav-item
  .nav-link.dropdown-toggle:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
  padding-left: 20px;
}
.sidebar-modal
  .sidebar-modal-body
  .sidebar-navbar-nav
  .nav-item
  .nav-link.dropdown-toggle:where(
    :dir(rtl),
    [dir="rtl"],
    [dir="rtl"] *
  ):before {
  content: var(--tw-content);
  left: -2px;
}
.sidebar-modal
  .sidebar-modal-body
  .sidebar-navbar-nav
  .nav-item
  .nav-link.dropdown-toggle:before {
  --tw-content: "";
  font-family: flaticon_rentq;
}
.sidebar-modal
  .sidebar-modal-body
  .sidebar-navbar-nav
  .nav-item
  .nav-link.active,
.sidebar-modal
  .sidebar-modal-body
  .sidebar-navbar-nav
  .nav-item
  .nav-link:hover {
  color: var(--color-primary);
}
.sidebar-modal
  .sidebar-modal-body
  .sidebar-navbar-nav
  .nav-item
  .dropdown-menu {
  display: none;
}
.sidebar-modal
  .sidebar-modal-body
  .sidebar-navbar-nav
  .nav-item
  .dropdown-menu
  .nav-item
  .nav-link.dropdown-toggle:before {
  --tw-content: "";
}
.sidebar-modal
  .sidebar-modal-body
  .sidebar-navbar-nav
  .nav-item
  .dropdown-menu
  .nav-item
  .dropdown-menu {
  display: none;
}
.sidebar-modal
  .sidebar-modal-body
  .sidebar-navbar-nav
  .nav-item
  .dropdown-menu
  .nav-item
  .dropdown-menu
  .nav-item
  .nav-link.dropdown-toggle:before {
  --tw-content: "";
}
.sidebar-modal
  .sidebar-modal-body
  .sidebar-navbar-nav
  .nav-item
  .dropdown-menu
  .nav-item
  .dropdown-menu
  .nav-item
  .dropdown-menu {
  display: none;
}
.sidebar-modal
  .sidebar-modal-body
  .sidebar-navbar-nav
  .nav-item
  .dropdown-menu
  .nav-item
  .dropdown-menu
  .nav-item
  .dropdown-menu
  .nav-item
  .nav-link.dropdown-toggle:before {
  --tw-content: "";
}
.sidebar-modal
  .sidebar-modal-body
  .sidebar-navbar-nav
  .nav-item
  .dropdown-menu
  .nav-item
  .dropdown-menu
  .nav-item
  .dropdown-menu
  .nav-item
  .dropdown-menu {
  display: none;
}
.sidebar-modal
  .sidebar-modal-body
  .sidebar-navbar-nav
  .nav-item
  .dropdown-menu
  .nav-item
  .dropdown-menu
  .nav-item
  .dropdown-menu
  .nav-item.active
  .nav-link.dropdown-toggle:before {
  --tw-content: "";
}
.sidebar-modal
  .sidebar-modal-body
  .sidebar-navbar-nav
  .nav-item
  .dropdown-menu
  .nav-item
  .dropdown-menu
  .nav-item
  .dropdown-menu
  .nav-item.active
  .dropdown-menu {
  display: block;
}
.sidebar-modal
  .sidebar-modal-body
  .sidebar-navbar-nav
  .nav-item
  .dropdown-menu
  .nav-item
  .dropdown-menu
  .nav-item.active
  .nav-link.dropdown-toggle:before {
  --tw-content: "";
}
.sidebar-modal
  .sidebar-modal-body
  .sidebar-navbar-nav
  .nav-item
  .dropdown-menu
  .nav-item
  .dropdown-menu
  .nav-item.active
  .dropdown-menu {
  display: block;
}
.sidebar-modal
  .sidebar-modal-body
  .sidebar-navbar-nav
  .nav-item
  .dropdown-menu
  .nav-item.active
  .nav-link.dropdown-toggle:before {
  --tw-content: "";
}
.sidebar-modal
  .sidebar-modal-body
  .sidebar-navbar-nav
  .nav-item
  .dropdown-menu
  .nav-item.active
  .dropdown-menu {
  display: block;
}
.sidebar-modal
  .sidebar-modal-body
  .sidebar-navbar-nav
  .nav-item.active
  .nav-link.dropdown-toggle:before {
  --tw-content: "";
}
.sidebar-modal
  .sidebar-modal-body
  .sidebar-navbar-nav
  .nav-item.active
  .dropdown-menu {
  display: block;
}
.sidebar-modal .sidebar-modal-footer {
  border-top-style: var(--tw-border-style);
  border-color: #0d14160d;
  border-top-width: 1px;
  align-items: center;
  gap: 20px;
  display: flex;
}
@supports (color: color-mix(in lab, red, red)) {
  .sidebar-modal .sidebar-modal-footer {
    border-color: color-mix(in oklab, var(--color-black) 5%, transparent);
  }
}
.sidebar-modal .sidebar-modal-footer {
  background-color: var(--color-white);
  padding: 20px;
}
@media (min-width: 48rem) {
  .sidebar-modal .sidebar-modal-footer {
    gap: 25px;
    padding: 30px;
  }
}
@media (min-width: 64rem) {
  .sidebar-modal .sidebar-modal-footer {
    padding-inline: 40px;
    display: none;
  }
}
.sidebar-modal .sidebar-modal-footer:where([class="dark"], [class="dark"] *) {
  border-color: #ffffff0d;
}
@supports (color: color-mix(in lab, red, red)) {
  .sidebar-modal .sidebar-modal-footer:where([class="dark"], [class="dark"] *) {
    border-color: color-mix(in oklab, var(--color-white) 5%, transparent);
  }
}
.sidebar-modal .sidebar-modal-footer:where([class="dark"], [class="dark"] *) {
  background-color: var(--color-black);
}
.sidebar-modal.show,
.dashboard-sidebar.show {
  visibility: visible;
  opacity: 1;
  translate: none;
}
.backdrop {
  visibility: hidden;
  inset: calc(var(--spacing) * 0);
  z-index: 99;
  background-color: var(--color-black);
  opacity: 0;
  transition-property: all;
  transition-timing-function: var(
    --tw-ease,
    var(--default-transition-timing-function)
  );
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 0.3s;
  --tw-ease: var(--ease-in-out);
  transition-duration: 0.3s;
  transition-timing-function: var(--ease-in-out);
  position: fixed;
}
.backdrop.show {
  visibility: visible;
  opacity: 0.5;
}
.scrollbar::-webkit-scrollbar {
  width: 5px;
}
.scrollbar::-webkit-scrollbar-thumb {
  background-color: #0d14161a;
  border-radius: 3.40282e38px;
}
@supports (color: color-mix(in lab, red, red)) {
  .scrollbar::-webkit-scrollbar-thumb {
    background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
  }
}
.scrollbar::-webkit-scrollbar-track {
  background-color: #0000;
  border-radius: 3.40282e38px;
}
.dark .scrollbar::-webkit-scrollbar-thumb {
  background-color: #ffffff1a;
}
@supports (color: color-mix(in lab, red, red)) {
  .dark .scrollbar::-webkit-scrollbar-thumb {
    background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
  }
}
.banner-images .image.active {
  --tw-scale-x: 100%;
  --tw-scale-y: 100%;
  --tw-scale-z: 100%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
  opacity: 1;
}
.hero-section {
  position: relative;
  isolation: isolate;
  padding-top: 18px;
  padding-bottom: 36px;
}
.hero-section::before {
  content: "";
  position: absolute;
  inset: 0 12px 18px;
  z-index: -1;
  border: 1px solid rgba(210, 185, 118, 0.12);
  border-radius: 28px;
  background:
    radial-gradient(circle at 18% 12%, rgba(210, 185, 118, 0.18), transparent 30%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.065), rgba(255, 255, 255, 0.015) 48%, rgba(210, 185, 118, 0.08));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 24px 70px rgba(0, 0, 0, 0.34);
}
.hero-section::after {
  content: "";
  position: absolute;
  right: 9%;
  bottom: 9%;
  z-index: -1;
  width: 44%;
  height: 24%;
  border-radius: 999px;
  background: rgba(210, 185, 118, 0.22);
  filter: blur(42px);
}
.hero-grid {
  min-height: 500px;
  align-items: center;
}
.hero-content {
  position: relative;
  z-index: 2;
  padding-top: 0 !important;
  padding-left: clamp(0px, 2.4vw, 30px);
}
.hero-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 16px;
  color: var(--color-primary);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: uppercase;
}
.hero-kicker::before {
  content: "";
  width: 34px;
  height: 2px;
  border-radius: 999px;
  background: var(--color-primary);
}
.hero-content h1 {
  max-width: 780px;
  text-wrap: balance;
  text-shadow: 0 18px 50px rgba(0, 0, 0, 0.55);
}
.hero-content p {
  max-width: 620px;
  color: rgba(255, 255, 255, 0.84);
  line-height: 1.65;
}
.hero-points {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 24px 0 18px;
}
.hero-points span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 38px;
  padding: 8px 12px;
  border: 1px solid rgba(210, 185, 118, 0.42);
  border-radius: 5px;
  background: rgba(210, 185, 118, 0.08);
  color: var(--color-primary) !important;
  font-size: 14px;
  font-weight: 700;
  backdrop-filter: blur(12px);
}
.hero-points i {
  color: var(--color-primary);
  font-size: 18px;
}
.hero-visual {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  min-height: 420px;
  padding-bottom: 0 !important;
  overflow: visible;
}
.hero-visual .banner-images {
  right: -5%;
  bottom: 0;
  width: min(690px, 108%);
  margin-right: 0 !important;
  margin-left: 0 !important;
  filter: drop-shadow(0 28px 35px rgba(0, 0, 0, 0.55));
}
.hero-visual .banner-images::before {
  content: "";
  position: absolute;
  left: 10%;
  right: 6%;
  bottom: 4%;
  z-index: -1;
  height: 24%;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.46);
  filter: blur(18px);
}
.banner-images img {
  transform-origin: 50% 80%;
}
.hero-badge {
  position: absolute;
  right: 8%;
  top: 16%;
  z-index: 3;
  display: grid;
  gap: 3px;
  min-width: 150px;
  padding: 13px 16px;
  border: 1px solid rgba(210, 185, 118, 0.36);
  border-radius: 6px;
  background: rgba(8, 8, 8, 0.68);
  box-shadow: 0 18px 38px rgba(0, 0, 0, 0.36);
  color: var(--color-white);
  text-align: left;
  backdrop-filter: blur(14px);
}
.hero-badge span {
  color: var(--color-primary);
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}
.hero-badge strong {
  font-size: 17px;
  line-height: 1.15;
}
@media (max-width: 1199px) {
  .hero-grid {
    min-height: 480px;
  }
  .hero-visual {
    min-height: 400px;
  }
  .hero-visual .banner-images {
    right: -2%;
    width: min(610px, 106%);
  }
}
#about {
  margin-top: 0 !important;
}
.about-veltrixa {
  overflow: hidden;
  padding: 96px 0 112px;
  background:
    radial-gradient(circle at 72% 24%, rgba(210, 185, 118, 0.16), transparent 28%),
    linear-gradient(180deg, #050505 0%, #000000 100%) !important;
  color: #ffffff !important;
}
.about-veltrixa-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(520px, 1.05fr);
  gap: clamp(36px, 6vw, 90px);
  align-items: end;
  min-height: 520px;
}
.about-veltrixa-copy {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  animation: aboutTextReveal 900ms ease both;
}
.about-veltrixa-label {
   display: block;
  max-width: 520px;
  color: #cbced1;
  font-size: clamp(44px, 3vw, 76px);
  font-weight: 900;
  /* line-height: 3.92; */
  letter-spacing: 0;
  text-transform: uppercase;
}
.about-veltrixa-copy h2 {
  max-width: 600px;
  margin: auto 0 18px;
  color: #ffffff !important;
  font-size: clamp(30px, 3.2vw, 54px);
  font-weight: 850;
  line-height: 1.08;
  letter-spacing: 0;
  text-shadow: 0 12px 38px rgba(210, 185, 118, 0.18);
}
.about-veltrixa-copy p {
  max-width: 650px;
  margin: 0;
  color: #f0f0f0 !important;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.72;
}
.about-veltrixa-points {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  max-width: 780px;
  margin-top: 30px;
}
.about-veltrixa-points span {
  display: flex;
  min-height: 72px;
  align-items: center;
  gap: 10px;
  padding: 14px 16px;
  border: 1px solid rgba(210, 185, 118, 0.32);
  border-radius: 8px;
  background: linear-gradient(135deg, #ffffff 0%, #ecece7 100%) !important;
  color: #121619 !important;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.35;
  box-shadow: 0 18px 34px rgba(0, 0, 0, 0.24);
  animation: aboutChipReveal 720ms ease both;
  transition: transform 280ms ease, box-shadow 280ms ease, border-color 280ms ease;
}
.about-veltrixa-points span:nth-child(2) {
  animation-delay: 120ms;
}
.about-veltrixa-points span:nth-child(3) {
  animation-delay: 240ms;
}
.about-veltrixa-points span:hover {
  transform: translateY(-8px);
  border-color: var(--color-primary);
  box-shadow: 0 26px 48px rgba(210, 185, 118, 0.2);
}
.about-veltrixa-points i {
  flex: 0 0 auto;
  color: var(--color-primary) !important;
  font-size: 22px;
}
.about-veltrixa-gallery {
  display: grid;
  grid-template-columns: 0.82fr 0.98fr 1fr;
  gap: 16px;
  align-items: end;
  min-height: 420px;
}
.about-shot {
  position: relative;
  overflow: hidden;
  margin: 0;
  border-radius: 0;
  background: #d9dde0;
  box-shadow: 0 22px 55px rgba(0, 0, 0, 0.42);
  animation: aboutImageRise 850ms cubic-bezier(.22, 1, .36, 1) both;
  transition: transform 350ms ease, box-shadow 350ms ease;
}
.about-shot::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(115deg, transparent 0%, rgba(255, 255, 255, 0.28) 46%, transparent 58%);
  transform: translateX(-140%);
  animation: aboutImageShine 4.5s ease-in-out infinite;
  pointer-events: none;
}
.about-shot img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 700ms ease;
}
.about-shot:hover img {
  transform: scale(1.04);
}
.about-shot:hover {
  transform: translateY(-10px);
  box-shadow: 0 30px 70px rgba(210, 185, 118, 0.2);
}
.about-shot-small {
  height: 240px;
}
.about-shot-medium {
  height: 320px;
  margin-bottom: 42px;
  animation-delay: 140ms;
}
.about-shot-tall {
  height: 400px;
  margin-bottom: 92px;
  animation-delay: 280ms;
}
@keyframes aboutTextReveal {
  from {
    opacity: 0;
    transform: translateY(28px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes aboutChipReveal {
  from {
    opacity: 0;
    transform: translateY(18px) scale(0.96);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes aboutImageRise {
  from {
    opacity: 0;
    transform: translateY(44px) scale(0.96);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes aboutImageShine {
  0%, 45% {
    transform: translateX(-140%);
  }
  70%, 100% {
    transform: translateX(140%);
  }
}
@media (max-width: 991px) {
  .hero-section {
    padding-top: 14px;
    padding-bottom: 40px;
  }
  .hero-section::before {
    inset: 0 12px 22px;
    border-radius: 20px;
  }
  .hero-grid {
    min-height: auto;
  }
  .hero-content {
    padding-top: 34px !important;
    padding-right: 18px;
    padding-left: 18px;
  }
  .hero-visual {
    min-height: auto;
    padding-bottom: 0;
  }
  .hero-visual .banner-images {
    position: relative !important;
    right: auto;
    bottom: auto;
    width: min(560px, 100%);
    margin: 16px auto 0 !important;
  }
  .hero-badge {
    right: 24px;
    top: 30px;
  }
  .about-veltrixa {
    padding: 76px 0 84px;
  }
  .about-veltrixa-grid {
    grid-template-columns: 1fr;
    min-height: 0;
  }
  .about-veltrixa-copy h2 {
    margin-top: 48px;
  }
  .about-veltrixa-gallery {
    min-height: 0;
  }
  .about-shot-small {
    height: 230px;
  }
  .about-shot-medium {
    height: 280px;
    margin-bottom: 30px;
  }
  .about-shot-tall {
    height: 330px;
    margin-bottom: 60px;
  }
}
@media (max-width: 767px) {
  [data-cue],
  [data-cues] > * {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
  }
  .hero-content h1 {
    font-size: 44px;
    line-height: 1.04;
  }
  .hero-content p {
    font-size: 16px;
  }
  .hero-points {
    margin-top: 18px;
  }
  .hero-points span {
    width: 100%;
  }
  .hero-badge {
    display: none;
  }
  .about-veltrixa {
    padding: 58px 0 64px;
  }
  .about-veltrixa-label {
    font-size: clamp(48px, 17vw, 78px);
  }
  .about-veltrixa-copy h2 {
    margin-top: 34px;
  }
  .about-veltrixa-copy p {
    font-size: 16px;
  }
  .about-veltrixa-points {
    grid-template-columns: 1fr;
    max-width: 100%;
  }
  .about-veltrixa-points span {
    min-height: 58px;
  }
  .about-veltrixa-gallery {
    grid-template-columns: repeat(3, minmax(120px, 1fr));
    gap: 10px;
    overflow-x: auto;
    padding-bottom: 4px;
  }
  .about-shot-small {
    height: 210px;
  }
  .about-shot-medium {
    height: 250px;
    margin-bottom: 24px;
  }
  .about-shot-tall {
    height: 290px;
    margin-bottom: 48px;
  }
}
@media (max-width: 575px) {
  .container {
    padding-inline: 16px;
  }
  main,
  section,
  .container,
  .hero-section,
  .hero-grid,
  .hero-content {
    max-width: 100vw;
  }
  .hero-section p,
  #about p {
    max-width: calc(100vw - 48px);
    overflow-wrap: break-word;
  }
  .hero-section {
    padding-top: 10px;
    padding-bottom: 165px;
  }
  .hero-section::before {
    inset: 0 16px 14px;
  }
  .hero-content {
    padding-top: 22px !important;
  }
  .hero-grid {
    display: block;
    min-height: 0;
  }
  .hero-visual {
    position: absolute;
    right: 16px;
    bottom: 18px;
    left: 16px;
    min-height: 0;
    pointer-events: none;
  }
  .hero-visual .banner-images {
    width: min(360px, 98%);
    margin-top: 0 !important;
  }
  .hero-points {
    gap: 8px;
    margin: 14px 0 12px;
  }
  #about {
    padding-top: 52px !important;
    padding-bottom: 56px !important;
  }
  .about-veltrixa-grid {
    gap: 30px;
  }
  .about-veltrixa-copy h2,
  .about-veltrixa-copy p {
    max-width: calc(100vw - 32px);
  }
  .about-veltrixa-gallery {
    margin-right: -16px;
  }
}
@media (max-width: 479px) {
  .hero-section::before {
    border-radius: 14px;
  }
  .hero-content {
    padding-right: 12px;
    padding-left: 12px;
  }
  .hero-content h1 {
    font-size: 38px;
  }
  .hero-kicker {
    font-size: 12px;
  }
}
html[dir="rtl"] .swiper {
  direction: ltr;
}
html[dir="rtl"] .swiper .swiper-slide * {
  direction: rtl;
}
.reviewsSwiper .swiper-wrapper {
  transition-timing-function: ease !important;
}
.reviews-image-slider {
  max-width: 1180px;
  padding: 0 16px 6px;
}
.reviews-image-slider .swiper-slide {
  height: auto;
}
.review-split-card {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
  overflow: hidden;
  min-height: 390px;
  border: 1px solid rgb(255 255 255 / 30%);
  border-radius: 15px;
  background: radial-gradient(
    97.57% 210.75% at 0.9% 2.98%,
    rgb(255 255 255 / 38%) 0%,
    rgb(255 255 255 / 8%) 100%
  );
  backdrop-filter: blur(21px);
}
.review-car-image {
  position: relative;
  min-height: 390px;
  overflow: hidden;
}
.review-car-image::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgb(0 0 0 / 0%) 45%, rgb(0 0 0 / 28%));
  pointer-events: none;
}
.review-car-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.review-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(24px, 5vw, 56px);
}
.review-stars {
  display: flex;
  align-items: center;
  gap: 2px;
  margin-bottom: 18px;
  color: var(--color-primary);
  line-height: 1;
}
.review-content p {
  margin: 0;
  font-size: clamp(20px, 2.2vw, 34px);
  font-weight: 600;
  line-height: 1.26;
}
.review-author {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-top: 28px;
}
.review-author strong {
  font-size: 18px;
  line-height: 1.2;
}
.review-author span {
  color: rgb(255 255 255 / 72%);
  font-size: 14px;
}
.reviews-nav {
  position: absolute;
  right: 34px;
  bottom: 34px;
  z-index: 3;
  display: flex;
  gap: 10px;
}
.reviews-nav button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  color: var(--color-white);
  border: 1px solid rgb(255 255 255 / 35%);
  border-radius: 999px;
  background: rgb(13 20 22 / 58%);
  transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
}
@media (hover: hover) {
  .reviews-nav button:hover {
    color: var(--color-black);
    border-color: var(--color-primary);
    background: var(--color-primary);
  }
}
@media (max-width: 767px) {
  .reviews-section {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
  .reviews-image-slider {
    padding-right: 0;
    padding-left: 0;
  }
  .review-split-card {
    grid-template-columns: 1fr;
    min-height: 0;
  }
  .review-car-image {
    min-height: 245px;
  }
  .review-car-image::after {
    background: linear-gradient(180deg, rgb(0 0 0 / 0%) 55%, rgb(0 0 0 / 28%));
  }
  .review-content {
    padding: 24px 22px 84px;
  }
  .review-content p {
    font-size: 20px;
  }
  .reviews-nav {
    right: 22px;
    bottom: 24px;
  }
  .reviews-nav button {
    width: 40px;
    height: 40px;
  }
}
.swiper-pagination-bullets {
  --tw-leading: 1;
  justify-content: center;
  align-items: center;
  gap: 8px;
  line-height: 1;
  display: flex;
  inset: calc(var(--spacing) * 0) !important;
  width: auto !important;
  position: relative !important;
}
.swiper-pagination-bullets .swiper-pagination-bullet {
  opacity: 1;
  width: 10px;
  height: 10px;
  transition-property: all;
  transition-timing-function: var(
    --tw-ease,
    var(--default-transition-timing-function)
  );
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 0.3s;
  --tw-ease: var(--ease-in-out);
  transition-duration: 0.3s;
  transition-timing-function: var(--ease-in-out);
  background-color: #e9f0e5;
  border-radius: 3.40282e38px;
  position: relative;
  margin: calc(var(--spacing) * 0) !important;
}
@media (hover: hover) {
  .swiper-pagination-bullets .swiper-pagination-bullet:hover {
    background-color: var(--color-primary);
  }
}
.swiper-pagination-bullets
  .swiper-pagination-bullet:where([class="dark"], [class="dark"] *) {
  background-color: #fff3;
}
@supports (color: color-mix(in lab, red, red)) {
  .swiper-pagination-bullets
    .swiper-pagination-bullet:where([class="dark"], [class="dark"] *) {
    background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
  }
}
.swiper-pagination-bullets
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--color-primary);
}
.form-check input[type="checkbox"] {
  -webkit-appearance: none;
  border-style: var(--tw-border-style);
  background-color: var(--color-white);
  border-width: 1px;
  border-color: #d9d9d9;
  border-radius: 2px;
  width: 18px;
  height: 18px;
  position: relative;
}
.form-check input[type="checkbox"]:disabled {
  opacity: 0.35;
}
.form-check input[type="checkbox"]:where([class="dark"], [class="dark"] *) {
  border-color: #ffffff1a;
}
@supports (color: color-mix(in lab, red, red)) {
  .form-check input[type="checkbox"]:where([class="dark"], [class="dark"] *) {
    border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
  }
}
.form-check input[type="checkbox"]:where([class="dark"], [class="dark"] *) {
  background-color: var(--color-black);
}
.form-check input[type="checkbox"]:before {
  content: "";
  border: 2px solid #0000;
  border-width: 0 2px 2px 0;
  width: 4px;
  height: 10px;
  margin-top: -1px;
  margin-left: -1px;
  margin-right: -0.5px;
  position: absolute;
  top: 50%;
  right: 50%;
  transform: rotate(45deg) translate(-50%, -50%);
}
.form-check input[type="checkbox"]:checked {
  border-color: var(--color-primary);
  background-color: var(--color-primary);
}
.form-check input[type="checkbox"]:checked:before {
  border-color: var(--color-white);
}
.form-check input[type="checkbox"]:disabled ~ label {
  opacity: 0.35;
}
.accordion .accordion-item.active .accordion-toggle .ri-add-fill:before {
  content: "";
}
.tabs .nav-tabs .nav-item .nav-link.active {
  color: var(--color-primary);
}
.tabs .tab-content .tab-pane.active {
  display: block;
}
#ltrRtlToggle {
  z-index: 9;
  background-color: var(--color-white);
  width: 41px;
  height: 42px;
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  color: var(--color-black);
  --tw-shadow: 0 8px 24px var(--tw-shadow-color, #959da54d);
  box-shadow:
    var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  transition-property: all;
  transition-timing-function: var(
    --tw-ease,
    var(--default-transition-timing-function)
  );
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 0.3s;
  --tw-ease: var(--ease-in-out);
  transition-duration: 0.3s;
  transition-timing-function: var(--ease-in-out);
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  bottom: 10px;
}
@media (hover: hover) {
  #ltrRtlToggle:hover {
    color: var(--color-primary);
  }
}
@media (min-width: 48rem) {
  #ltrRtlToggle {
    bottom: 20px;
  }
}
@media (min-width: 64rem) {
  #ltrRtlToggle {
    bottom: 30px;
  }
}
@media (min-width: 80rem) {
  #ltrRtlToggle {
    bottom: 40px;
  }
}
#ltrRtlToggle:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
  left: 10px;
}
@media (min-width: 48rem) {
  #ltrRtlToggle:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
    left: 20px;
  }
}
@media (min-width: 64rem) {
  #ltrRtlToggle:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
    left: 30px;
  }
}
@media (min-width: 80rem) {
  #ltrRtlToggle:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
    left: 40px;
  }
}
#ltrRtlToggle:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
  right: 10px;
}
@media (min-width: 48rem) {
  #ltrRtlToggle:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    right: 20px;
  }
}
@media (min-width: 64rem) {
  #ltrRtlToggle:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    right: 30px;
  }
}
@media (min-width: 80rem) {
  #ltrRtlToggle:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    right: 40px;
  }
}
#ltrRtlToggle:where([class="dark"], [class="dark"] *) {
  background-color: var(--color-black);
  color: var(--color-white);
  --tw-shadow: 0 0 #0000;
  box-shadow:
    var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
#backToTopBtn {
  visibility: hidden;
  bottom: calc(var(--spacing) * 0);
  z-index: 9;
  background-color: var(--color-black);
  width: 41px;
  height: 42px;
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  color: var(--color-white);
  opacity: 0;
  transition-property: all;
  transition-timing-function: var(
    --tw-ease,
    var(--default-transition-timing-function)
  );
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 0.3s;
  --tw-ease: var(--ease-in-out);
  transition-duration: 0.3s;
  transition-timing-function: var(--ease-in-out);
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
}
@media (hover: hover) {
  #backToTopBtn:hover {
    background-color: var(--color-primary);
  }
}
#backToTopBtn:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
  right: 10px;
}
@media (min-width: 48rem) {
  #backToTopBtn:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
    right: 20px;
  }
}
@media (min-width: 64rem) {
  #backToTopBtn:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
    right: 30px;
  }
}
@media (min-width: 80rem) {
  #backToTopBtn:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
    right: 40px;
  }
}
#backToTopBtn:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
  left: 10px;
}
@media (min-width: 48rem) {
  #backToTopBtn:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    left: 20px;
  }
}
@media (min-width: 64rem) {
  #backToTopBtn:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    left: 30px;
  }
}
@media (min-width: 80rem) {
  #backToTopBtn:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    left: 40px;
  }
}
#backToTopBtn i {
  --tw-leading: 1;
  line-height: 1;
  position: relative;
  top: 2px;
}
#backToTopBtn.show {
  visibility: visible;
  opacity: 1;
  bottom: 10px;
}
@media (min-width: 48rem) {
  #backToTopBtn.show {
    bottom: 20px;
  }
}
@media (min-width: 64rem) {
  #backToTopBtn.show {
    bottom: 30px;
  }
}
@media (min-width: 80rem) {
  #backToTopBtn.show {
    bottom: 40px;
  }
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}

 
        html,
        body {
            background: #000 !important;
            color: #fff !important;
            color-scheme: dark;
        }

        *,
        *::before,
        *::after {
            color: #fff !important;
        }

        body,
        main,
        header,
        footer,
        section,
        .sidebar-modal,
        .sidebar-modal .sidebar-modal-header,
        .sidebar-modal .sidebar-modal-footer {
            background-color: #000 !important;
        }

        [class~="bg-white"],
        [class~="!bg-white"],
        [class*="bg-[#E"],
        [class*="bg-[#CC"],
        [class*="bg-[#F4"],
        [class*="bg-[#F5"],
        [class*="bg-[#F6"],
        [class*="bg-[#FB"],
        [class*="bg-[#FC"],
        [class*="bg-[#FFD"],
        [class*="bg-[#FFF"] {
            background-color: #000 !important;
        }

        [class~="text-black"],
        [class~="!text-black"],
        [class*="text-body"] {
            color: #fff !important;
        }

        [class*="border-black"],
        [class*="border-body"],
        [class*="border-[#D9D9D9"] {
            border-color: rgba(255, 255, 255, .16) !important;
        }

        input,
        select,
        textarea,
        .form-input {
            /* background-color: #000 !important; */
            color: #ffffff !important;
            border-color: rgba(255, 255, 255, .16) !important;
        }

        .service-showcase {
            padding: 70px 0 0;
            overflow: clip;
        }

        .service-showcase-heading {
            position: relative;
            z-index: 2;
        }

        .service-scroll-stage {
            min-height: 620vh;
            padding-bottom: 100px;
        }

        .service-sticky-frame {
            position: sticky;
            top: 96px;
            min-height: calc(100vh - 120px);
            display: flex;
            flex-direction: column;
            justify-content: center;
            gap: 18px;
        }

        .service-offer-card {
            position: relative;
            min-height: clamp(430px, 62vh, 620px);
            border-radius: 8px;
            overflow: hidden;
            isolation: isolate;
            background: #0c0f0f;
            box-shadow: 0 24px 70px rgba(0, 0, 0, .45);
        }

        .service-panel {
            position: absolute;
            inset: 0;
            opacity: 0;
            visibility: hidden;
            transform: translateY(28px) scale(.985);
            transition: opacity .55s ease, transform .55s ease, visibility .55s ease;
        }

        .service-panel.active {
            opacity: 1;
            visibility: visible;
            transform: translateY(0) scale(1);
        }

        .service-panel-bg {
            position: absolute;
            inset: 0;
            z-index: -3;
            background-position: center;
            background-size: cover;
            filter: blur(1px);
            opacity: .42;
            transform: scale(1.04);
        }

        .service-panel::before {
            content: "";
            position: absolute;
            inset: 0;
            z-index: -2;
            background:
                linear-gradient(90deg, rgba(0, 0, 0, .92) 0%, rgba(0, 0, 0, .82) 44%, rgba(0, 0, 0, .48) 57%, rgba(0, 0, 0, .08) 100%),
                linear-gradient(180deg, rgba(210, 185, 118, .18), rgba(0, 0, 0, .4));
        }

        .service-panel-content {
            width: min(52%, 620px);
            min-height: inherit;
            display: flex;
            flex-direction: column;
            justify-content: center;
            padding: clamp(28px, 5vw, 72px);
        }

        .service-kicker {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            width: fit-content;
            margin-bottom: 18px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: .08em;
            font-size: 13px;
            color: var(--color-primary) !important;
        }

        .service-kicker::before {
            content: "";
            width: 28px;
            height: 2px;
            background: var(--color-primary);
            box-shadow: 8px 0 0 #ff5100;
        }

        .service-panel h3 {
            max-width: 560px;
            margin-bottom: 16px;
            font-size: clamp(30px, 4vw, 58px);
            line-height: 1.02;
            font-weight: 800;
            letter-spacing: 0;
            color: #fff !important;
        }

        .service-panel p {
            max-width: 540px;
            margin-bottom: 22px;
            font-size: clamp(16px, 1.45vw, 21px);
            line-height: 1.55;
            font-weight: 600;
            color: rgba(255, 255, 255, .86) !important;
        }

        .service-panel ul {
            display: grid;
            gap: 10px;
            margin-bottom: 30px;
        }

        .service-panel li {
            position: relative;
            padding-left: 26px;
            font-weight: 600;
            color: rgba(255, 255, 255, .78) !important;
        }

        .service-panel li::before {
            content: "";
            position: absolute;
            left: 0;
            top: .66em;
            width: 12px;
            height: 2px;
            background: var(--color-primary);
        }

        .service-action {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
            width: fit-content;
            min-height: 54px;
            padding: 15px 22px;
            border-radius: 6px;
            background: #ff5100;
            font-weight: 800;
            color: #fff !important;
            transition: background .25s ease, transform .25s ease;
        }

        .service-action:hover {
            background: var(--color-primary);
            transform: translateY(-2px);
        }

        .service-panel-media {
            position: absolute;
            inset: 0 0 0 auto;
            width: 50%;
            clip-path: polygon(17% 0, 100% 0, 100% 100%, 0 100%);
            overflow: hidden;
            background: #111;
        }

        .service-panel-media::after {
            content: "";
            position: absolute;
            inset: 0;
            background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .36));
        }

        .service-panel-media img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transform: scale(1.04);
            transition: transform 1.2s ease;
        }

        .service-panel.active .service-panel-media img {
            transform: scale(1);
        }

        .service-callout {
            position: absolute;
            right: clamp(22px, 4vw, 58px);
            bottom: clamp(22px, 4vw, 44px);
            z-index: 3;
            text-align: left;
        }

        .service-callout span {
            display: block;
            margin-bottom: 5px;
            font-weight: 600;
            color: rgba(255, 255, 255, .82) !important;
        }

        .service-callout a {
            font-size: clamp(18px, 2vw, 24px);
            line-height: 1;
            font-weight: 900;
            color: #fff !important;
        }

        .service-progress {
            display: grid;
            grid-template-columns: repeat(6, minmax(0, 1fr));
            gap: 8px;
        }

        .service-progress button {
            min-height: 44px;
            border: 1px solid rgba(255, 255, 255, .14);
            border-radius: 5px;
            background: rgba(255, 255, 255, .06);
            color: rgba(255, 255, 255, .72) !important;
            font-size: 13px;
            font-weight: 800;
            cursor: pointer;
            transition: background .25s ease, border-color .25s ease, color .25s ease;
        }

        .service-progress button.active {
            border-color: var(--color-primary);
            background: rgba(210, 185, 118, .18);
            color: #fff !important;
        }

        .why-choose-section {
            position: relative;
            overflow: hidden;
            padding: 74px 0 82px;
            background:
                radial-gradient(circle at 88% 18%, rgba(255, 255, 255, .12), transparent 3%),
                radial-gradient(circle at 12% 28%, rgba(210, 185, 118, .08), transparent 28%),
                #050607 !important;
        }

        .why-choose-section::before {
            content: "";
            position: absolute;
            inset: 0;
            pointer-events: none;
            background:
                linear-gradient(rgba(255, 255, 255, .026) 1px, transparent 1px),
                linear-gradient(90deg, rgba(255, 255, 255, .022) 1px, transparent 1px);
            background-size: 58px 58px;
            mask-image: linear-gradient(180deg, transparent, #000 18%, #000 82%, transparent);
        }

        .why-choose-section .container {
            position: relative;
            z-index: 1;
        }

        .why-choose-heading {
            max-width: 760px;
            margin: 0 auto 48px;
            text-align: center;
        }

        .why-choose-heading span {
            display: block;
            margin-bottom: 18px;
            color: var(--color-primary) !important;
            font-size: 12px;
            font-weight: 900;
            letter-spacing: .36em;
            line-height: 1;
            text-transform: uppercase;
        }

        .why-choose-heading h2 {
            margin-bottom: 12px;
            color: #fff !important;
            font-size: clamp(38px, 5vw, 62px);
            line-height: 1.02;
            letter-spacing: 0;
        }

        .why-choose-heading p {
            margin: 0 auto;
            color: rgba(255, 255, 255, .78) !important;
            font-size: 16px;
            line-height: 1.55;
            font-weight: 600;
        }

        .why-choose-grid {
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: 20px;
        }

        .why-choose-card {
            min-height: 184px;
            padding: 24px 24px 22px;
            border: 1px solid rgba(255, 255, 255, .11);
            border-radius: 8px;
            background: linear-gradient(180deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .018));
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035);
            transition: border-color .25s ease, transform .25s ease, background .25s ease;
        }

        .why-choose-card:hover {
            border-color: rgba(210, 185, 118, .48);
            background:
                linear-gradient(180deg, rgba(210, 185, 118, .10), rgba(255, 255, 255, .025)),
                #08090a;
            transform: translateY(-3px);
        }

        .why-choose-card i {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 38px;
            height: 38px;
            margin-bottom: 22px;
            border: 1px solid rgba(210, 185, 118, .35);
            border-radius: 8px;
            background: rgba(210, 185, 118, .12);
            color: var(--color-primary) !important;
            font-size: 20px;
        }

        .why-choose-card h3 {
            margin-bottom: 10px;
            color: #fff !important;
            font-size: 16px;
            line-height: 1.22;
            font-weight: 900;
            letter-spacing: 0;
        }

        .why-choose-card p {
            color: rgba(255, 255, 255, .72) !important;
            font-size: 13px;
            line-height: 1.62;
            font-weight: 600;
        }

        .pricing-section {
            position: relative;
            overflow: hidden;
            padding: 72px 0;
            background:
                radial-gradient(circle at 50% 0, rgba(210, 185, 118, .12), transparent 34%),
                linear-gradient(180deg, #000 0%, #080a0b 54%, #000 100%);
            color: #fff;
        }

        .pricing-section::before {
            content: "";
            position: absolute;
            inset: 0;
            pointer-events: none;
            background-image:
                linear-gradient(rgba(255, 255, 255, .035) 1px, transparent 1px),
                linear-gradient(90deg, rgba(255, 255, 255, .03) 1px, transparent 1px);
            background-size: 52px 52px;
            mask-image: linear-gradient(180deg, transparent, #000 22%, #000 78%, transparent);
        }

        .pricing-section .container {
            position: relative;
            z-index: 1;
        }

        .pricing-heading {
            max-width: 820px;
            margin: 0 auto 42px;
            text-align: center;
        }

        .pricing-heading span {
            display: block;
            margin-bottom: 14px;
            color: var(--color-primary);
            font-size: 12px;
            font-weight: 900;
            letter-spacing: .28em;
            text-transform: uppercase;
        }

        .pricing-heading h2 {
            margin-bottom: 12px;
            color: #fff !important;
            font-size: clamp(34px, 5vw, 64px);
            line-height: 1.04;
            letter-spacing: 0;
        }

        .pricing-heading p {
            max-width: 720px;
            margin: 0 auto;
            color: rgba(255, 255, 255, .72);
            font-size: 16px;
            line-height: 1.65;
            font-weight: 600;
        }

        .pricing-grid {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 18px;
            align-items: stretch;
        }

        .pricing-card {
            position: relative;
            display: flex;
            flex-direction: column;
            min-height: 100%;
            padding: 24px;
            border: 1px solid rgba(255, 255, 255, .12);
            border-radius: 8px;
            background: linear-gradient(180deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .025));
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04);
        }

        .pricing-card.featured {
            border-color: rgba(210, 185, 118, .58);
            background:
                linear-gradient(180deg, rgba(210, 185, 118, .13), rgba(255, 255, 255, .035)),
                #08090a;
            box-shadow: 0 20px 60px rgba(210, 185, 118, .08), inset 0 1px 0 rgba(255, 255, 255, .05);
        }

        .pricing-badge {
            position: absolute;
            top: -13px;
            left: 50%;
            transform: translateX(-50%);
            min-width: 132px;
            padding: 6px 14px;
            border-radius: 999px;
            background: var(--color-primary);
            color: #000;
            text-align: center;
            font-size: 11px;
            font-weight: 900;
            line-height: 1;
            text-transform: uppercase;
        }

        .pricing-card-head {
            min-height: 98px;
        }

        .pricing-card h3 {
            margin-bottom: 8px;
            color: #fff !important;
            font-size: 20px;
            line-height: 1.18;
        }

        .pricing-card-head p {
            color: rgba(255, 255, 255, .66);
            font-size: 13px;
            line-height: 1.5;
            font-weight: 600;
        }

        .pricing-feature {
            min-height: 70px;
            margin-bottom: 14px;
            padding: 15px;
            border: 1px solid rgba(255, 255, 255, .07);
            border-radius: 7px;
            background: rgba(0, 0, 0, .48);
        }

        .pricing-feature span {
            display: block;
            margin-bottom: 6px;
            color: rgba(210, 185, 118, .9);
            font-size: 11px;
            font-weight: 800;
            letter-spacing: .08em;
            line-height: 1.2;
            text-transform: uppercase;
        }

        .pricing-feature strong {
            display: block;
            color: #fff;
            font-size: clamp(16px, 1.45vw, 22px);
            line-height: 1.15;
            font-weight: 900;
        }

        .pricing-card ul {
            display: grid;
            gap: 9px;
            margin: 4px 0 24px;
        }

        .pricing-card li {
            position: relative;
            padding-left: 22px;
            color: rgba(255, 255, 255, .72);
            font-size: 14px;
            line-height: 1.42;
            font-weight: 600;
        }

        .pricing-card li::before {
            content: "";
            position: absolute;
            left: 0;
            top: .65em;
            width: 11px;
            height: 2px;
            background: var(--color-primary);
        }

        .pricing-btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-height: 44px;
            margin-top: auto;
            padding: 12px 16px;
            border: 1px solid rgba(255, 255, 255, .16);
            border-radius: 7px;
            color: #fff !important;
            font-size: 12px;
            font-weight: 900;
            line-height: 1;
            text-transform: uppercase;
            transition: border-color .25s ease, background .25s ease, color .25s ease, transform .25s ease;
        }

        .pricing-btn:hover,
        .pricing-btn.primary {
            border-color: var(--color-primary);
            background: var(--color-primary);
            color: #000 !important;
            transform: translateY(-1px);
        }

        .pricing-note {
            max-width: 900px;
            margin: 24px auto 0;
            color: rgba(255, 255, 255, .62);
            text-align: center;
            font-size: 13px;
            line-height: 1.6;
            font-weight: 600;
        }

        @media (max-width: 991px) {
            .service-showcase {
                padding-top: 54px;
            }

            .service-scroll-stage {
                min-height: auto;
                padding-bottom: 56px;
            }

            .service-sticky-frame {
                position: static;
                min-height: auto;
            }

            .service-offer-card {
                min-height: 0;
            }

            .service-panel-content {
                width: 100%;
                min-height: 0;
                justify-content: flex-start;
                padding: 30px 24px;
            }

            .service-panel.active {
                position: relative;
            }

            .service-panel::before {
                background:
                    linear-gradient(180deg, rgba(0, 0, 0, .96) 0%, rgba(0, 0, 0, .9) 47%, rgba(0, 0, 0, .2) 100%),
                    linear-gradient(180deg, rgba(210, 185, 118, .16), rgba(0, 0, 0, .4));
            }

            .service-panel-media {
                position: relative;
                inset: auto;
                width: 100%;
                height: 285px;
                clip-path: none;
            }

            .service-callout {
                left: 24px;
                right: auto;
                bottom: 24px;
            }

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

            .why-choose-section {
                padding: 64px 0 70px;
            }

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

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

        }

        @media (max-width: 575px) {
            .warranty-cta {
                gap: 18px;
                padding: 22px 16px;
            }

            .service-offer-card {
                min-height: 0;
            }

            .service-panel-content {
                padding: 26px 18px;
            }

            .service-panel-media {
                height: 230px;
            }

            .service-scroll-stage {
                padding-bottom: 46px;
            }

            .service-panel h3 {
                font-size: 30px;
            }

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

            .service-progress button {
                min-height: 40px;
                font-size: 12px;
            }

            .why-choose-section {
                padding: 50px 0 54px;
            }

            .why-choose-heading {
                margin-bottom: 30px;
            }

            .why-choose-heading span {
                font-size: 11px;
                letter-spacing: .24em;
            }

            .why-choose-heading h2 {
                font-size: 34px;
            }

            .why-choose-grid {
                grid-template-columns: 1fr;
                gap: 14px;
            }

            .why-choose-card {
                min-height: auto;
                padding: 22px 20px;
            }

            .pricing-section {
                padding: 50px 0;
            }

            .pricing-heading {
                margin-bottom: 30px;
            }

            .pricing-grid {
                grid-template-columns: 1fr;
            }

            .pricing-card {
                padding: 24px 20px;
            }

            .pricing-card-head {
                min-height: auto;
            }

        }

        .site-footer {
            position: relative;
            overflow: hidden;
            padding: 78px 0 0;
            background:
                linear-gradient(180deg, rgba(0, 0, 0, .86) 0%, #000 36%),
                radial-gradient(circle at 18% 0%, rgba(210, 185, 118, .16), transparent 34%),
                #000;
            border-top: 1px solid rgba(255, 255, 255, .08);
            color: rgba(255, 255, 255, .72);
        }

        .footer-cta {
            display: grid;
            grid-template-columns: minmax(0, 1fr) auto;
            align-items: center;
            gap: 28px;
            margin-bottom: 58px;
            padding: 32px;
            border: 1px solid rgba(210, 185, 118, .28);
            border-radius: 8px;
            background:
                linear-gradient(135deg, rgba(210, 185, 118, .2), rgba(255, 255, 255, .04) 48%, rgba(255, 255, 255, .02)),
                rgba(255, 255, 255, .03);
        }

        .footer-eyebrow {
            display: inline-block;
            margin-bottom: 12px;
            color: var(--color-primary) !important;
            font-size: 12px;
            font-weight: 900;
            line-height: 1.2;
            letter-spacing: .14em;
            text-transform: uppercase;
        }

        .footer-cta h2 {
            max-width: 760px;
            margin: 0;
            color: #fff;
            font-size: clamp(28px, 4vw, 54px);
            line-height: 1.02;
            font-weight: 900;
        }

        .footer-cta-link {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 12px;
            min-height: 52px;
            padding: 15px 18px 15px 22px;
            border-radius: 7px;
            background: var(--color-primary);
            color: #000 !important;
            font-size: 14px;
            font-weight: 900;
            line-height: 1;
            white-space: nowrap;
            transition: transform .25s ease, background .25s ease;
        }

        .footer-cta-link i {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 26px;
            height: 26px;
            border-radius: 50%;
            background: #000;
            color: #fff !important;
            font-size: 17px;
        }

        .footer-cta-link span {
            color: #000 !important;
        }

        .footer-cta-link:hover {
            background: #fff;
            transform: translateY(-2px);
        }

        .footer-main {
            display: grid;
            grid-template-columns: minmax(260px, .9fr) minmax(0, 1.8fr);
            gap: clamp(32px, 6vw, 92px);
            align-items: start;
            padding-bottom: 54px;
        }

        .footer-logo {
            display: inline-block;
            margin-bottom: 24px;
        }

        .footer-logo img {
            width: 178px;
            max-width: 100%;
        }

        .footer-brand p {
            max-width: 380px;
            margin: 0;
            color: rgba(255, 255, 255, .68) !important;
            font-size: 16px;
            line-height: 1.7;
            font-weight: 500;
        }

        .footer-socials {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            margin-top: 28px;
        }

        .footer-socials a,
        .footer-socials span {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 42px;
            height: 42px;
            border: 1px solid rgba(255, 255, 255, .14);
            border-radius: 50%;
            color: #fff !important;
            font-size: 18px;
            transition: border-color .25s ease, background .25s ease, color .25s ease;
        }

        .footer-socials a:hover {
            border-color: var(--color-primary);
            background: var(--color-primary);
            color: #000 !important;
        }

        .footer-socials a:hover i {
            color: #000 !important;
        }

        .footer-links {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 26px;
        }

        .footer-column h3 {
            margin: 0 0 20px;
            color: #fff;
            font-size: 15px;
            line-height: 1.2;
            font-weight: 900;
            letter-spacing: .08em;
            text-transform: uppercase;
        }

        .footer-column ul {
            display: grid;
            gap: 12px;
            margin: 0;
        }

        .footer-column a {
            color: rgba(255, 255, 255, .7) !important;
            font-size: 15px;
            line-height: 1.45;
            font-weight: 600;
            transition: color .25s ease, padding-left .25s ease;
        }

        .footer-column a:hover {
            color: var(--color-primary) !important;
            padding-left: 4px;
        }

        .footer-contact li {
            display: grid;
            grid-template-columns: 24px minmax(0, 1fr);
            align-items: start;
            gap: 10px;
        }

        .footer-contact i {
            color: var(--color-primary) !important;
            font-size: 18px;
            line-height: 1.3;
        }

        .footer-bottom {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 18px;
            padding: 22px 0;
            border-top: 1px solid rgba(255, 255, 255, .1);
        }

        .footer-bottom p {
            margin: 0;
            color: rgba(255, 255, 255, .66) !important;
            font-size: 14px;
            font-weight: 600;
        }

        .footer-bottom div {
            display: flex;
            flex-wrap: wrap;
            justify-content: flex-end;
            gap: 18px;
        }

        .footer-bottom a {
            color: #fff !important;
            font-size: 14px;
            font-weight: 700;
        }

        .footer-bottom a:hover {
            color: var(--color-primary) !important;
        }

        @media (max-width: 991px) {
            .site-footer {
                padding-top: 64px;
            }

            .footer-cta,
            .footer-main {
                grid-template-columns: 1fr;
            }

            .footer-cta {
                margin-bottom: 44px;
            }

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

            .footer-contact {
                grid-column: 1 / -1;
            }
        }

        @media (max-width: 575px) {
            .site-footer {
                padding-top: 54px;
            }

            .footer-cta {
                gap: 22px;
                padding: 24px 20px;
            }

            .footer-cta h2 {
                font-size: 32px;
            }

            .footer-cta-link {
                width: 100%;
            }

            .footer-main {
                padding-bottom: 38px;
            }

            .footer-links {
                grid-template-columns: 1fr;
                gap: 30px;
            }

            .footer-contact {
                grid-column: auto;
            }

            .footer-bottom {
                align-items: flex-start;
                flex-direction: column;
            }

            .footer-bottom div {
                justify-content: flex-start;
            }
        }

 
        /* ======================================
        ||         FULL STYLESHEET           ||
        ====================================== */

        /* Shared Styles */
     
         

        .whatsappbtn {
            border: 1px solid var(--color-primary);
            background: var(--color-primary);
            color: #000 !important;
            box-shadow: 0 14px 34px rgba(0, 0, 0, .28);
        }

        .whatsappbtn:hover {
            border-color: #fff;
            background: #fff;
            color: #000 !important;
            box-shadow: 0 18px 42px rgba(210, 185, 118, .22);
            transform: translateY(-2px);
            cursor: pointer;
        }
        
        /* --- Floating Buttons Container --- */
        .floating-contact-btn {
            position: fixed;
            bottom: 200px;
            right: 0px;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 12px;
            z-index: 1050;
        }

        .floating-contact-btn > div,
        .floating-contact-btn > a {
            position: relative;
            width: 58px;
            height: 58px;
            border-radius: 10%;
            border: 1px solid rgba(210, 185, 118, .52);
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
            background: #08090a;
            box-shadow: 0 16px 34px rgba(0, 0, 0, .36), inset 0 1px 0 rgba(255, 255, 255, .10);
            cursor: pointer;
            transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease, background .25s ease;
            text-decoration: none;
        }

        .floating-contact-btn > div::before,
        .floating-contact-btn > a::before {
            content: "";
            position: absolute;
            inset: 5px;
            border-radius: inherit;
            border: 1px solid rgba(255, 255, 255, .08);
            pointer-events: none;
        }

        .floating-contact-btn > div:hover,
        .floating-contact-btn > a:hover {
            border-color: var(--color-primary);
            background: var(--color-primary);
            box-shadow: 0 20px 42px rgba(210, 185, 118, .24), 0 12px 28px rgba(0, 0, 0, .35);
            transform: translateY(-3px) scale(1.04);
        }

        .floating-whatsapp-btn {
            color: #25D366;
        }
        
        .floating-phone-btn {
            color: var(--color-primary);
        }

        .floating-contact-btn img {
            width: 40px;
        }

        .floating-contact-btn i {
            position: relative;
            z-index: 1;
            font-size: 1.65rem;
            color: currentColor;
            transition: color .25s ease, transform .25s ease;
        }

        .floating-contact-btn > div:hover i,
        .floating-contact-btn > a:hover i {
            color: #000;
            transform: scale(1.04);
        }

        .icon-btn {
            background: none;
            border: none;
            padding: 0;
            cursor: pointer;
        }

        /* Modal Overlay and Container */
        .modal-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, .72);
            backdrop-filter: blur(6px);
            display: none;
            justify-content: center;
            align-items: center;
            z-index: 1050;
            opacity: 0;
            transition: opacity 0.3s ease;
        }

        .modal-overlay.show {
            display: flex;
            opacity: 1;
        }

        .modal-content-wrapper {
            position: relative;
            overflow: hidden;
            border: 1px solid rgba(210, 185, 118, .24);
            background:
                linear-gradient(180deg, rgba(8, 9, 9, .80) 0%, rgba(5, 6, 7, .94) 100%),
                url("../images/vehicle8.jpg") center / cover no-repeat,
                #050607;
            border-radius: 8px;
            box-shadow: 0 24px 70px rgba(0, 0, 0, .52), inset 0 1px 0 rgba(255, 255, 255, .06);
            max-width: 500px;
            width: 90%;
            transition: transform 0.3s ease, opacity 0.3s ease;
            transform: translateY(-50px);
            opacity: 0;
        }

        .modal-content-wrapper::before {
            content: "";
            position: absolute;
            inset: 0;
            background:
                radial-gradient(circle at 82% 18%, rgba(210, 185, 118, .18), transparent 30%),
                linear-gradient(90deg, rgba(0, 0, 0, .62) 0%, rgba(0, 0, 0, .36) 48%, rgba(0, 0, 0, .76) 100%);
            pointer-events: none;
        }

        .modal-overlay.show .modal-content-wrapper {
            transform: translateY(0);
            opacity: 1;
        }

        /* Modal Header */
        .modal-header {
            background:
                linear-gradient(135deg, rgba(210, 185, 118, .24), rgba(255, 255, 255, .04)),
                rgba(11, 13, 14, .72);
            color: white;
            padding: 1rem 1.15rem;
            border-bottom: 1px solid rgba(210, 185, 118, .22);
            display: flex;
            justify-content: space-between;
            align-items: center;
            position: relative;
            z-index: 1;
        }

        .modal-header h5 {
            margin: 0;
            font-size: 1.25rem;
            font-weight: 800;
            color: #fff !important;
            display: flex;
            align-items: center;
            gap: .7rem;
            min-width: 0;
        }

        .modal-title-logo {
            width: 140px;
            max-width: 42vw;
            height: auto;
            flex: 0 0 auto;
        }

        .modal-header .close-btn {
            width: 34px;
            height: 34px;
            border: 1px solid rgba(255, 255, 255, .14);
            border-radius: 6px;
            background: rgba(255, 255, 255, .06);
            color: white;
            font-size: 1.35rem;
            cursor: pointer;
            line-height: 1;
            transition: background .25s ease, color .25s ease, border-color .25s ease;
        }

        .modal-header .close-btn:hover {
            border-color: var(--color-primary);
            background: var(--color-primary);
            color: #000;
        }

        /* Modal Body */
        .modal-body {
            padding: 1.5rem;
            color: rgba(255, 255, 255, .78);
            position: relative;
            z-index: 1;
        }

        .modal-body .text-muted {
            margin-bottom: 1rem;
            color: rgba(255, 255, 255, .70) !important;
            font-weight: 600;
            line-height: 1.55;
        }

        /* Form Styling */
        .form-group {
            margin-bottom: 1rem;
        }

        .form-label {
            font-weight: 700;
            color: #d2b976;
            display: block;
            margin-bottom: 0.5rem;
        }

        .form-control {
            width: 100%;
            border-radius: 6px;
            border: 1px solid rgba(255, 255, 255, .22);
            background: transparent !important;
            color: #fff;
            padding: 0.75rem 1rem;
            box-sizing: border-box;
            transition: border-color .2s ease-in-out, box-shadow .2s ease-in-out, background .2s ease-in-out;
        }

        .form-control:focus {
            outline: none;
            border-color: var(--color-primary);
            background: rgba(0, 0, 0, .18) !important;
            box-shadow: 0 0 0 .2rem rgba(210, 185, 118, .18);
        }

        .btn-submit {
            background: var(--color-primary);
            border: 1px solid var(--color-primary);
            font-weight: bold;
            color: #000;
            border-radius: 6px;
            padding: 0.75rem 1.5rem;
            width: 100%;
            cursor: pointer;
            transition: transform .2s ease-in-out, background .2s ease-in-out, border-color .2s ease-in-out, color .2s ease-in-out;
        }

        .btn-submit:hover {
            border-color: #fff;
            background: #fff;
            color: #000;
            transform: translateY(-2px);
        }

        /* Corner Modal Specific Styles */
        .corner-modal-overlay {
            justify-content: flex-end;
            align-items: flex-end;
            padding: 20px;
        }

        .corner-modal-overlay .modal-content-wrapper {
            width: 100%;
            max-width: 400px;
            transform: translateY(50px);
            margin: 0;
        }
        
        /* --- MOBILE RESPONSIVE STYLES --- */
        @media (max-width: 768px) {
            .floating-contact-btn {
                bottom: 2rem; /* Space from the bottom on mobile */
                right: 1rem; /* Space from the right on mobile */
                gap: 0.75rem;
            }
            .floating-contact-btn > div,
            .floating-contact-btn > a {
                width: 50px;
                height: 50px;
            }
            .floating-contact-btn img {
                width: 35px;
            }
        }

/* Professional sticky About section */
.about-veltrixa {
    --about-progress: 0;
    --about-copy-y: 0px;
    --about-copy-opacity: 1;
    --about-title-x: 0px;
    --about-chip-opacity: 1;
    --about-chip-x-1: 0px;
    --about-chip-x-2: 0px;
    --about-chip-x-3: 0px;
    --about-shot-y-1: 0px;
    --about-shot-y-2: 0px;
    --about-shot-y-3: 0px;
    --about-shot-ry-1: 0deg;
    --about-shot-ry-2: 0deg;
    --about-shot-ry-3: 0deg;
    --about-shot-scale-1: 1;
    --about-shot-scale-2: 1;
    --about-shot-scale-3: 1;
    --about-shot-opacity-1: 1;
    --about-shot-opacity-2: 1;
    --about-shot-opacity-3: 1;
    position: sticky;
    top: 0;
    z-index: 1;
    min-height: 100vh;
    height: 100vh;
    padding: 0 !important;
    background:
        linear-gradient(90deg, rgba(210, 185, 118, .08) 0 1px, transparent 1px 100%),
        linear-gradient(180deg, #ffffff 0%, #f7f8f6 100%) !important;
    background-size: 88px 88px, auto !important;
    color: #11161a !important;
}

.about-veltrixa,
.about-veltrixa * {
    color: #11161a !important;
}

.about-veltrixa > .container {
    position: relative;
    min-height: 100vh;
    display: flex;
    align-items: center;
}

.about-veltrixa-grid {
    width: 100%;
    min-height: min(620px, calc(100vh - 140px));
    align-items: center;
}

.about-veltrixa-copy {
    position: relative;
    max-width: 660px;
    align-self: center;
    padding: 24px 0;
    transform: translateY(var(--about-copy-y));
    animation: none;
    transition: opacity .25s ease;
}

.about-veltrixa-copy::before {
    content: " VELTRIXA";
    display: block;
    margin-bottom: clamp(0px, 0vw, 0px);
    color: rgb(17 22 26 / 4%) !important;
    font-size: clamp(63px, 17vw, 68px);
    font-weight: 900;
    line-height: .88;
    letter-spacing: 0;
}

.about-veltrixa-copy h2 {
    margin: 0 0 18px;
    color: #11161a !important;
    font-size: clamp(12px, 3vw, 51px);
    line-height: 1.02;
    text-shadow: none;
    transform: translateX(var(--about-title-x));
    transition: color .25s ease;
}

.about-veltrixa-copy p {
    max-width: 610px;
    margin-bottom: 14px;
    color: #3e464d !important;
    font-size: 18px;
    line-height: 1.78;
}

.about-read-more {
    display: inline-flex;
    width: fit-content;
    align-items: center;
    gap: 12px;
    margin-top: 14px;
    padding: 14px 18px 14px 22px;
    border: 1px solid rgba(17, 22, 26, .14);
    border-radius: 8px;
    background: #11161a !important;
    color: #ffffff !important;
    font-size: 14px;
    font-weight: 850;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: .04em;
    box-shadow: 0 18px 38px rgba(17, 22, 26, .14);
    transition: transform .25s ease, box-shadow .25s ease, background .25s ease, border-color .25s ease;
}

.about-read-more span,
.about-read-more i {
    color: inherit !important;
}

.about-read-more i {
    display: inline-flex;
    width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--color-primary);
    color: #11161a !important;
    font-size: 17px;
    transition: transform .25s ease;
}

.about-read-more:hover {
    border-color: var(--color-primary);
    background: var(--color-primary) !important;
    color: #11161a !important;
    transform: translateY(-3px);
    box-shadow: 0 24px 46px rgba(17, 22, 26, .18);
}

.about-read-more:hover i {
    background: #11161a;
    color: #ffffff !important;
    transform: rotate(45deg);
}

.about-veltrixa-points {
    grid-template-columns: 1fr;
    max-width: 560px;
    margin-top: 34px;
}

.about-veltrixa-points span {
    min-height: 66px;
    padding: 15px 18px;
    border: 1px solid rgba(17, 22, 26, .1);
    background: rgba(255, 255, 255, .92) !important;
    color: #151a1e !important;
    box-shadow: 0 16px 38px rgba(17, 22, 26, .08);
    transform: translateX(var(--about-chip-x-1));
    opacity: var(--about-chip-opacity);
    animation: none;
    transition: transform .28s ease, opacity .25s ease, border-color .25s ease, box-shadow .25s ease;
}

.about-veltrixa-points span:nth-child(2) {
    transform: translateX(var(--about-chip-x-2));
}

.about-veltrixa-points span:nth-child(3) {
    transform: translateX(var(--about-chip-x-3));
}

.about-veltrixa-points span:hover {
    transform: translateY(-6px);
    border-color: rgba(210, 185, 118, .78);
    box-shadow: 0 22px 46px rgba(17, 22, 26, .12);
}

.about-veltrixa-points i {
    color: var(--color-primary) !important;
}

.about-veltrixa-gallery {
    position: relative;
    min-height: min(560px, calc(100vh - 150px));
    perspective: 1200px;
}

.about-shot {
    border: 1px solid rgba(17, 22, 26, .08);
    box-shadow: 0 24px 60px rgba(17, 22, 26, .14);
    animation: none;
    will-change: transform, opacity;
    transition: transform .28s ease, opacity .25s ease, box-shadow .28s ease;
}

.about-shot::after {
    background: linear-gradient(115deg, transparent 0%, rgba(255, 255, 255, .42) 46%, transparent 58%);
    animation-duration: 5.8s;
}

.about-shot-small {
    height: 260px;
    transform:
        translate3d(0, var(--about-shot-y-1), 0)
        rotateY(var(--about-shot-ry-1))
        scale(var(--about-shot-scale-1));
    opacity: var(--about-shot-opacity-1);
}

.about-shot-medium {
    height: 360px;
    margin-bottom: 46px;
    transform:
        translate3d(0, var(--about-shot-y-2), 0)
        rotateY(var(--about-shot-ry-2))
        scale(var(--about-shot-scale-2));
    opacity: var(--about-shot-opacity-2);
}

.about-shot-tall {
    height: 460px;
    margin-bottom: 94px;
    transform:
        translate3d(0, var(--about-shot-y-3), 0)
        rotateY(var(--about-shot-ry-3))
        scale(var(--about-shot-scale-3));
    opacity: var(--about-shot-opacity-3);
}

.about-veltrixa.is-covered .about-veltrixa-copy {
    opacity: var(--about-copy-opacity);
}

.about-veltrixa + .service-showcase {
    position: relative;
    z-index: 5;
    margin-top: 0;
    border-radius: 34px 34px 0 0;
    box-shadow: 0 -34px 70px rgba(17, 22, 26, .24);
    transform: translateZ(0);
}

.about-veltrixa ~ section,
.about-veltrixa ~ div,
.site-footer {
    position: relative;
    z-index: 5;
}

@media (max-width: 991px) {
    .about-veltrixa {
        position: relative;
        top: auto;
        height: auto;
        min-height: auto;
        padding: 72px 0 84px !important;
    }

    .about-veltrixa > .container {
        position: relative;
        top: auto;
        min-height: 0;
        display: block;
    }

    .about-veltrixa + .service-showcase {
        border-radius: 0;
        box-shadow: none;
    }

    .about-veltrixa-grid {
        min-height: 0;
    }

    .about-veltrixa-copy,
    .about-veltrixa-copy h2,
    .about-shot-small,
    .about-shot-medium,
    .about-shot-tall {
        transform: none;
        opacity: 1;
    }

    .about-veltrixa-copy::before {
        margin-bottom: 28px;
    }

    .about-veltrixa-points {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        max-width: none;
    }

    .about-veltrixa-points span,
    .about-veltrixa-points span:nth-child(2),
    .about-veltrixa-points span:nth-child(3) {
        transform: none;
        opacity: 1;
    }
}

@media (max-width: 767px) {
    .about-veltrixa {
        padding: 58px 0 64px !important;
    }

    .about-veltrixa-copy::before {
        font-size: clamp(46px, 16vw, 76px);
    }

    .about-veltrixa-points {
        grid-template-columns: 1fr;
    }

    .about-veltrixa-gallery {
        min-height: 0;
    }
}

/* Veltrixa luxury brand system */
:root {
    --vx-black: #000000;
    --vx-graphite: #070808;
    --vx-gunmetal: #111416;
    --vx-panel: #0b0c0d;
    --vx-panel-soft: #151719;
    --vx-gold: #d2b976;
    --vx-gold-strong: #e5c46e;
    --vx-copper: #8a6136;
    --vx-line: rgba(210, 185, 118, .24);
    --vx-line-soft: rgba(255, 255, 255, .11);
    --vx-text: #ffffff;
    --vx-muted: rgba(255, 255, 255, .72);
}

html {
    scroll-behavior: smooth;
}

body.canvas,
.veltrixa-home {
    background: var(--vx-black) !important;
}

#navbar {
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none;
    transition: background .25s ease, border-color .25s ease, box-shadow .25s ease, backdrop-filter .25s ease;
}

#navbar.navbar-sticky {
    background: rgba(0, 0, 0, .92) !important;
    border-bottom: 1px solid rgba(210, 185, 118, .22) !important;
    box-shadow: 0 18px 44px rgba(0, 0, 0, .46);
    backdrop-filter: blur(18px);
}

#navbar .nav-link {
    color: rgba(255, 255, 255, .76) !important;
    font-size: 12px;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase;
}

#navbar .nav-link:hover,
.sidebar-modal a:hover {
    color: var(--vx-gold) !important;
}

.veltrixa-home *,
.site-footer * {
    letter-spacing: 0 !important;
}

.primary-btn,
.vx-btn,
.footer-cta-link {
    border-radius: 4px !important;
}

.primary-btn {
    border: 1px solid var(--vx-line) !important;
    background: var(--vx-gold) !important;
    color: #060606 !important;
}

.primary-btn span,
.primary-btn i {
    color: #060606 !important;
}

.veltrixa-home {
    color: var(--vx-text);
}

.veltrixa-home p {
    color: var(--vx-muted) !important;
}

.vx-hero {
    position: relative;
    min-height: calc(100vh - 88px);
    overflow: hidden;
    isolation: isolate;
    display: flex;
    align-items: stretch;
    border-bottom: 1px solid rgba(210, 185, 118, .16);
    background: #000;
}

.vx-hero-bg {
    position: absolute;
    inset: 0;
    z-index: -3;
    background-image: url("../images/vehicle8.jpg");
    background-position: right center;
    background-size: min(68vw, 980px) auto;
    background-repeat: no-repeat;
    filter: saturate(.72) contrast(1.12) brightness(.62);
}

.vx-hero-bg-layer {
    position: absolute;
    inset: 0;
    background-position: right center;
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 0;
    transform: scale(1.01);
    transition: opacity 1.15s ease-in-out;
    will-change: opacity;
}

.vx-hero-bg-layer.active {
    opacity: 1;
}

.vx-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -2;
    background:
        linear-gradient(90deg, #000 0%, rgba(0, 0, 0, .98) 34%, rgba(0, 0, 0, .68) 64%, rgba(0, 0, 0, .2) 100%),
        linear-gradient(180deg, rgba(0, 0, 0, .2), #000 100%);
}

.vx-hero::after,
.vx-section::before,
.vx-omega::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image:
        linear-gradient(rgba(255, 255, 255, .035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .028) 1px, transparent 1px);
    background-size: 74px 74px;
    opacity: .32;
    mask-image: linear-gradient(180deg, transparent, #000 16%, #000 80%, transparent);
}

.vx-hero-inner {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: calc(100vh - 88px);
    padding-top: clamp(64px, 8vh, 112px);
    padding-bottom: clamp(28px, 5vh, 56px);
}

.vx-hero-copy {
    width: min(690px, 100%);
}

.vx-eyebrow,
.vx-section-kicker {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
    color: var(--vx-gold) !important;
    font-size: 13px;
    font-weight: 900;
    line-height: 1.2;
    text-transform: uppercase;
}

.vx-eyebrow::before,
.vx-section-kicker::before {
    content: "";
    width: 34px;
    height: 1px;
    background: var(--vx-gold);
}

.vx-hero h1 {
    margin: 0 0 18px;
    color: #fff !important;
    font-size: 60px;
    font-weight: 900;
    line-height: .9;
    text-transform: uppercase;
    text-shadow: 0 18px 60px rgba(0, 0, 0, .9);
}

.vx-hero p {
    max-width: 620px;
    margin: 0;
    color: rgba(255, 255, 255, .86) !important;
    font-size: clamp(17px, 1.45vw, 22px);
    font-weight: 650;
    line-height: 1.62;
}

.vx-hero-actions,
.vx-portal-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 28px;
}

.vx-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    min-height: 50px;
    padding: 14px 20px;
    border: 1px solid var(--vx-line);
    color: #fff !important;
    font-size: 13px;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
    transition: transform .24s ease, border-color .24s ease, background .24s ease, color .24s ease;
}

.vx-btn i,
.vx-btn span {
    color: inherit !important;
}

.vx-btn-primary {
    background: var(--vx-gold);
    color: #050505 !important;
}

.vx-btn-outline {
    background: rgba(255, 255, 255, .035);
}

.vx-btn:hover {
    border-color: var(--vx-gold-strong);
    background: #fff;
    color: #050505 !important;
    transform: translateY(-2px);
}

.vx-btn.is-submitted {
    border-color: var(--vx-gold);
    background: var(--vx-gold);
    color: #050505 !important;
}

.vx-hero-meter {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 1px;
    width: 100%;
    margin-top: auto;
    border: 1px solid rgba(210, 185, 118, .18);
    background: rgba(210, 185, 118, .18);
    box-shadow: 0 26px 70px rgba(0, 0, 0, .4);
}

.vx-hero-meter-viewport,
.vx-hero-meter-track {
    display: contents;
}

.vx-meter-clone {
    display: none !important;
}

.vx-hero-meter span {
    display: flex;
    min-height: 86px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 16px 12px;
    background: rgba(8, 9, 9, .88);
    color: rgba(255, 255, 255, .88) !important;
    text-align: center;
    font-size: 12px;
    font-weight: 850;
    text-transform: uppercase;
}

.vx-hero-meter i {
    color: var(--vx-gold) !important;
    font-size: 24px;
}

@keyframes vxHeroMeterMarquee {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        transform: translate3d(-1320px, 0, 0);
    }
}

.vx-intro,
.vx-section,
.vx-omega,
.vx-gallery {
    position: relative;
    overflow: hidden;
    padding: clamp(62px, 7vw, 108px) 0;
    background: var(--vx-black) !important;
}

.vx-intro-grid,
.vx-omega-grid,
.vx-partner-grid,
.vx-warranty-grid,
.vx-locator-grid,
.vx-tech-grid {
    display: grid;
    grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
    gap: clamp(28px, 5vw, 72px);
    align-items: center;
}

.vx-intro-copy h2,
.vx-section-head h2,
.vx-omega h2,
.vx-partner h2,
.vx-warranty h2,
.vx-locator h2 {
    margin: 0;
    color: #fff !important;
    font-size: clamp(34px, 5vw, 64px);
    font-weight: 900;
    line-height: .98;
    text-transform: uppercase;
}

.vx-intro-copy p,
.vx-partner-copy p,
.vx-warranty-copy p,
.vx-locator p,
.vx-tech-copy p {
    max-width: 650px;
    margin: 18px 0 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.72;
}

.vx-intro-media {
    position: relative;
    min-height: 360px;
    border: 1px solid var(--vx-line-soft);
    background: var(--vx-panel);
    overflow: hidden;
}

.vx-intro-media picture {
    display: block;
    width: 100%;
    height: 100%;
}

.vx-intro-media img {
    width: 100%;
    height: 100%;
    min-height: 360px;
    object-fit: cover;
    filter: saturate(.75) contrast(1.08) brightness(.72);
}

.vx-section-head {
    max-width: 850px;
    margin: 0 auto 38px;
    text-align: center;
}

.vx-section-head .vx-section-kicker {
    justify-content: center;
}

.vx-series {
    background: linear-gradient(180deg, #000, #060707 52%, #000) !important;
}

.vx-series-grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 12px;
}

.vx-series-card {
    --vx-series-accent: #d19b62;
    --vx-series-accent-rgb: 209, 155, 98;
    --vx-series-hover: #e2aa68;
    --vx-series-hover-rgb: 226, 170, 104;
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 330px;
    padding: 22px 18px;
    border: 1px solid var(--vx-line-soft);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .018)),
        var(--vx-panel);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04);
    transition: transform .24s ease, border-color .24s ease, background .24s ease;
}

.vx-series-nova {
    --vx-series-accent: #c5c8ca;
    --vx-series-accent-rgb: 197, 200, 202;
    --vx-series-hover: #f1f3f4;
    --vx-series-hover-rgb: 241, 243, 244;
}

.vx-series-eclipse {
    --vx-series-accent: #147bd7;
    --vx-series-accent-rgb: 20, 123, 215;
    --vx-series-hover: #1b8dff;
    --vx-series-hover-rgb: 27, 141, 255;
}

.vx-series-stealth {
    --vx-series-accent: #9b9d9b;
    --vx-series-accent-rgb: 155, 157, 155;
    --vx-series-hover: #d7d8d5;
    --vx-series-hover-rgb: 215, 216, 213;
}

.vx-series-chroma {
    --vx-series-accent: #9a48f2;
    --vx-series-accent-rgb: 154, 72, 242;
    --vx-series-hover: #c05cff;
    --vx-series-hover-rgb: 192, 92, 255;
}

.vx-series-titan {
    --vx-series-accent: #d49a3f;
    --vx-series-accent-rgb: 212, 154, 63;
    --vx-series-hover: #f2ba52;
    --vx-series-hover-rgb: 242, 186, 82;
}

.vx-series-omega {
    --vx-series-accent: #c6845e;
    --vx-series-accent-rgb: 198, 132, 94;
    --vx-series-hover: #e0a077;
    --vx-series-hover-rgb: 224, 160, 119;
}

.vx-series-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 18px;
    right: 18px;
    height: 3px;
    background: linear-gradient(90deg, transparent, var(--vx-series-accent), transparent);
    opacity: .72;
}

.vx-series-card:hover {
    border-color: rgba(var(--vx-series-hover-rgb), .72);
    background:
        radial-gradient(circle at 50% 0, rgba(var(--vx-series-hover-rgb), .28), transparent 46%),
        linear-gradient(135deg, rgba(var(--vx-series-hover-rgb), .18), rgba(255, 255, 255, .02) 48%),
        var(--vx-panel);
    box-shadow:
        0 0 28px rgba(var(--vx-series-hover-rgb), .22),
        inset 0 1px 0 rgba(255, 255, 255, .08);
    transform: translateY(-5px);
}

.vx-card-code {
    display: inline-flex;
    width: 38px;
    height: 38px;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
    border: 1px solid var(--vx-line);
    color: var(--vx-series-accent) !important;
    font-size: 12px;
    font-weight: 900;
}

.vx-series-card h3 {
    min-height: 50px;
    margin: 0 0 12px;
    color: #fff !important;
    font-size: 18px;
    font-weight: 900;
    line-height: 1.12;
    text-transform: uppercase;
}

.vx-series-card strong {
    display: block;
    min-height: 52px;
    color: rgba(255, 255, 255, .9) !important;
    font-size: 14px;
    line-height: 1.38;
}

.vx-series-card p {
    margin: 18px 0 8px;
    color: var(--vx-series-accent) !important;
    font-size: 13px;
    font-weight: 900;
    line-height: 1.35;
}

.vx-series-card small {
    display: block;
    min-height: 44px;
    color: rgba(255, 255, 255, .66) !important;
    font-size: 12px;
    font-weight: 650;
    line-height: 1.45;
}

.vx-series-card a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: fit-content;
    margin-top: auto;
    padding: 10px 12px;
    border: 1px solid rgba(var(--vx-series-accent-rgb), .38);
    color: var(--vx-series-accent) !important;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

.vx-series-card a:hover {
    border-color: var(--vx-series-hover);
    background: var(--vx-series-hover);
    color: #050505 !important;
}

.vx-omega {
    min-height: 620px;
    display: flex;
    align-items: center;
    border-top: 1px solid rgba(210, 185, 118, .18);
    border-bottom: 1px solid rgba(210, 185, 118, .18);
    background:
        linear-gradient(90deg, rgba(0, 0, 0, .98), rgba(0, 0, 0, .88) 46%, rgba(0, 0, 0, .72)),
        url("../images/bg-image1.jpg") center / cover no-repeat !important;
}

.vx-omega-copy {
    position: relative;
    z-index: 1;
}

.vx-omega-copy p {
    max-width: 610px;
    margin: 14px 0 22px;
    color: rgba(255, 255, 255, .86) !important;
    font-size: 19px;
    font-weight: 700;
}

.vx-check-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 18px;
    max-width: 760px;
    margin: 0 0 28px;
}

.vx-check-list li {
    display: flex;
    align-items: center;
    gap: 10px;
    color: rgba(255, 255, 255, .84) !important;
    font-size: 14px;
    font-weight: 750;
}

.vx-check-list i {
    color: var(--vx-gold) !important;
    font-size: 18px;
}

.vx-omega-visual {
    display: flex;
    justify-content: center;
    perspective: 900px;
}

.vx-packaging-box {
    width: min(470px, 100%);
    min-height: 220px;
    display: grid;
    align-content: center;
    padding: 38px 42px;
    border: 1px solid rgba(210, 185, 118, .42);
    background:
        linear-gradient(90deg, rgba(210, 185, 118, .18) 0 14px, transparent 14px),
        linear-gradient(135deg, #171819, #050505 48%, #1a1510);
    box-shadow: 0 36px 90px rgba(0, 0, 0, .58);
    transform: rotateY(-10deg) rotateX(4deg);
}

.vx-packaging-box span {
    color: var(--vx-gold) !important;
    font-size: 54px;
    font-weight: 900;
    line-height: .9;
}

.vx-packaging-box strong {
    color: #fff !important;
    font-size: clamp(36px, 5vw, 62px);
    line-height: .9;
    font-weight: 900;
}

.vx-packaging-box small {
    margin-top: 14px;
    color: var(--vx-gold) !important;
    font-size: 13px;
    font-weight: 900;
    text-transform: uppercase;
}

.vx-technology {
    background: linear-gradient(180deg, #000, #080909) !important;
}

.vx-layer-diagram {
    position: relative;
    min-height: 460px;
    display: grid;
    align-content: center;
    gap: 18px;
    padding: 34px;
}

.vx-film-layer {
    position: relative;
    width: min(460px, 90%);
    min-height: 56px;
    margin: 0 auto;
    border: 1px solid rgba(255, 255, 255, .14);
    background: linear-gradient(135deg, rgba(255, 255, 255, .14), rgba(255, 255, 255, .035));
    transform: skewY(-8deg);
    box-shadow: 0 24px 42px rgba(0, 0, 0, .24);
}

.vx-film-layer span {
    position: absolute;
    left: calc(100% + 24px);
    top: 50%;
    min-width: 230px;
    transform: translateY(-50%) skewY(8deg);
    color: rgba(255, 255, 255, .88) !important;
    font-size: 13px;
    font-weight: 850;
}

.vx-film-layer span::before {
    content: "";
    position: absolute;
    right: calc(100% + 8px);
    top: 50%;
    width: 46px;
    height: 1px;
    background: var(--vx-gold);
}

.layer-top { margin-left: 8%; }
.layer-uv { margin-left: 2%; }
.layer-core { border-color: rgba(210, 185, 118, .34); background: linear-gradient(135deg, rgba(210, 185, 118, .22), rgba(255, 255, 255, .04)); }
.layer-adhesive { margin-left: -2%; }
.layer-liner { margin-left: -8%; }

.vx-tech-copy {
    padding: clamp(24px, 4vw, 44px);
    border: 1px solid var(--vx-line-soft);
    background: rgba(255, 255, 255, .035);
}

.vx-tech-copy h3 {
    margin: 0;
    color: #fff !important;
    font-size: clamp(28px, 3.4vw, 48px);
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
}

.vx-tech-pill-grid,
.vx-benefit-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-top: 26px;
}

.vx-tech-pill-grid span,
.vx-benefit-grid span {
    display: flex;
    min-height: 48px;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    border: 1px solid rgba(210, 185, 118, .2);
    background: rgba(0, 0, 0, .38);
    color: rgba(255, 255, 255, .86) !important;
    font-size: 13px;
    font-weight: 800;
}

.vx-tech-pill-grid i {
    color: var(--vx-gold) !important;
    font-size: 20px;
}

.vx-tagline-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-top: 34px;
}

.vx-tagline-grid article,
.vx-why-grid article,
.vx-warranty-panel,
.vx-auth-card,
.vx-shield {
    border: 1px solid var(--vx-line-soft);
    background: linear-gradient(180deg, rgba(255, 255, 255, .052), rgba(255, 255, 255, .018));
}

.vx-tagline-grid article {
    min-height: 138px;
    padding: 24px;
}

.vx-tagline-grid h3 {
    margin: 0 0 8px;
    color: var(--vx-gold) !important;
    font-size: 30px;
    font-weight: 900;
}

.vx-tagline-grid p {
    margin: 0;
    color: rgba(255, 255, 255, .82) !important;
    font-size: 15px;
    font-weight: 700;
}

.vx-why {
    background: var(--vx-graphite) !important;
}

.vx-why-grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 1px;
    border: 1px solid var(--vx-line-soft);
    background: rgba(210, 185, 118, .16);
}

.vx-why-grid article {
    min-height: 190px;
    display: grid;
    align-content: center;
    justify-items: center;
    gap: 18px;
    padding: 22px 14px;
    border: 0;
    background: #080909;
    text-align: center;
}

.vx-why-grid i {
    color: var(--vx-gold) !important;
    font-size: 34px;
}

.vx-why-grid h3 {
    margin: 0;
    color: rgba(255, 255, 255, .88) !important;
    font-size: 14px;
    font-weight: 850;
    line-height: 1.32;
}

.vx-partner {
    background:
        linear-gradient(90deg, #000 0%, #080909 52%, #000 100%) !important;
}

.vx-form {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    padding: clamp(22px, 3vw, 34px);
    border: 1px solid rgba(210, 185, 118, .22);
    background: rgba(255, 255, 255, .035);
}

.vx-form label {
    display: grid;
    gap: 8px;
    color: rgba(255, 255, 255, .76) !important;
    font-size: 12px;
    font-weight: 850;
    text-transform: uppercase;
}

.vx-form input {
    width: 100%;
    min-height: 48px;
    padding: 12px 14px;
    border: 1px solid rgba(255, 255, 255, .14) !important;
    border-radius: 0;
    background: #050505 !important;
    color: #fff !important;
    font-size: 15px;
    font-weight: 650;
    outline: none;
}

.vx-form input:focus {
    border-color: var(--vx-gold) !important;
}

.vx-form-wide {
    grid-column: 1 / -1;
}

.vx-form button {
    width: fit-content;
    cursor: pointer;
}

.vx-warranty {
    background: #000 !important;
}

.vx-warranty-panel {
    display: grid;
    grid-template-columns: .8fr 1.2fr;
    gap: 16px;
    padding: 18px;
}

.vx-shield,
.vx-auth-card {
    display: grid;
    align-content: center;
    justify-items: center;
    min-height: 240px;
    padding: 24px;
    text-align: center;
}

.vx-shield strong {
    color: var(--vx-gold) !important;
    font-size: clamp(62px, 8vw, 112px);
    line-height: .82;
    font-weight: 900;
}

.vx-shield span,
.vx-auth-card span {
    color: rgba(255, 255, 255, .7) !important;
    font-size: 13px;
    font-weight: 800;
    text-transform: uppercase;
}

.vx-auth-card i {
    margin-bottom: 18px;
    color: var(--vx-gold) !important;
    font-size: 58px;
}

.vx-auth-card strong {
    margin-bottom: 8px;
    color: #fff !important;
    font-size: 19px;
    line-height: 1.2;
}

.vx-locator {
    background: var(--vx-graphite) !important;
}

.vx-locator-grid {
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
    padding: clamp(24px, 4vw, 46px);
    border: 1px solid rgba(210, 185, 118, .22);
    background:
        linear-gradient(135deg, rgba(210, 185, 118, .08), rgba(255, 255, 255, .025)),
        #060707;
}

.vx-locator-form {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    padding: 0;
    border: 0;
    background: transparent;
}

.vx-gallery {
    padding-top: clamp(52px, 6vw, 86px);
}

.vx-gallery-strip {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 8px;
}

.vx-gallery-strip img {
    width: 100%;
    height: clamp(160px, 18vw, 260px);
    object-fit: cover;
    border: 1px solid rgba(255, 255, 255, .12);
    filter: saturate(.72) contrast(1.08) brightness(.72);
}

@media (max-width: 1399px) {
    .vx-series-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

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

@media (max-width: 991px) {
    .vx-hero,
    .vx-hero-inner {
        min-height: auto;
    }

    .vx-hero-bg {
        background-position: center bottom;
        background-size: 920px auto;
        opacity: .42;
    }

    .vx-hero-inner {
        padding-top: 82px;
    }

    .vx-hero-meter {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        margin-top: 44px;
    }

    .vx-intro-grid,
    .vx-omega-grid,
    .vx-partner-grid,
    .vx-warranty-grid,
    .vx-locator-grid,
    .vx-tech-grid {
        grid-template-columns: 1fr;
    }

    .vx-film-layer span {
        left: auto;
        right: 12px;
        min-width: 0;
        transform: translateY(-50%) skewY(8deg);
        text-align: right;
    }

    .vx-film-layer span::before {
        display: none;
    }

    .vx-check-list,
    .vx-tagline-grid,
    .vx-gallery-strip {
        grid-template-columns: 1fr;
    }

    .vx-gallery-strip img {
        height: 240px;
    }

    .vx-locator-form {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {
    .vx-hero h1 {
        font-size: clamp(44px, 15vw, 68px);
    }

    .vx-hero-actions,
    .vx-portal-actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .vx-btn {
        width: 100%;
    }

    .vx-hero-meter,
    .vx-series-grid,
    .vx-why-grid,
    .vx-tech-pill-grid,
    .vx-benefit-grid,
    .vx-form,
    .vx-warranty-panel {
        grid-template-columns: 1fr;
    }

    .vx-series-card {
        min-height: auto;
    }

    .vx-series-card h3,
    .vx-series-card strong,
    .vx-series-card small {
        min-height: 0;
    }

    .vx-layer-diagram {
        min-height: 390px;
        padding: 18px 0;
    }

    .vx-film-layer {
        width: 92%;
    }

    .vx-film-layer span {
        max-width: 170px;
        font-size: 12px;
    }

    .vx-packaging-box {
        transform: none;
        min-height: 190px;
        padding: 30px 28px;
    }
}

/* Screenshot-matched Veltrixa homepage refinements */
.vx-hero {
    min-height: calc(100vh - 78px);
}

.vx-hero-bg {
    background-image: url("../images/slider1.jpeg");
    background-position: right center;
    background-size: cover;
    filter: saturate(1) contrast(1.06) brightness(.92);
}

.vx-hero::before {
    background:
        radial-gradient(circle at 84% 27%, rgba(210, 185, 118, .06), transparent 18%),
        linear-gradient(90deg, #000 0%, rgba(0, 0, 0, .9) 30%, rgba(0, 0, 0, .28) 68%, rgba(0, 0, 0, .06) 100%),
        linear-gradient(180deg, rgba(0, 0, 0, .1), rgba(0, 0, 0, .76) 100%);
}

.vx-hero-inner {
    min-height: calc(100vh - 78px);
    padding-bottom: 30px;
}

.vx-hero h1 {
    /* font-size: clamp(52px, 6.8vw, 96px); */
}

.vx-hero-dots {
    position: absolute;
    right: clamp(18px, 3vw, 42px);
    top: 48%;
    display: grid;
    gap: 10px;
    z-index: 3;
}

.vx-hero-dots button {
    appearance: none;
    width: 7px;
    height: 7px;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, .46);
    border-radius: 50%;
    background: transparent;
    cursor: pointer;
    transition: background .25s ease, border-color .25s ease, transform .25s ease;
}

.vx-hero-dots button.active {
    border-color: var(--vx-gold);
    background: var(--vx-gold);
}

.vx-hero-dots button:hover {
    border-color: var(--vx-gold);
    transform: scale(1.25);
}

.vx-hero-meter {
    margin-top: clamp(34px, 6vh, 78px);
}

.vx-intro {
    padding: 28px 0 36px;
}

.vx-intro-grid {
    min-height: 300px;
    padding: clamp(24px, 3.2vw, 38px);
    border: 1px solid rgba(210, 185, 118, .16);
    background:linear-gradient(90deg, rgb(0 0 0) 0%, rgb(0 0 0 / 59%) 48%, rgba(0, 0, 0, .34) 100%), url(../images/banner2.png) right center / contain no-repeat, #050505;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035);
}

.vx-intro-media {
    min-height: 260px;
    border: 0;
    background: transparent;
    opacity: 0;
    pointer-events: none;
}

.vx-intro-media img {
    display: none;
}

.vx-intro-copy h2 {
    font-size: clamp(28px, 3.2vw, 44px);
}

.vx-mini-btn {
    display: inline-flex;
    width: fit-content;
    min-height: 38px;
    align-items: center;
    justify-content: center;
    gap: 9px;
    margin-top: 20px;
    padding: 10px 14px;
    border: 1px solid rgba(210, 185, 118, .34);
    background: rgba(210, 185, 118, .08);
    color: var(--vx-gold) !important;
    font-size: 11px;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
    transition: background .24s ease, color .24s ease, border-color .24s ease, transform .24s ease;
}

.vx-mini-btn span,
.vx-mini-btn i {
    color: inherit !important;
}

.vx-mini-btn:hover {
    border-color: var(--vx-gold);
    background: var(--vx-gold);
    color: #050505 !important;
    transform: translateY(-1px);
}

.vx-mini-outline {
    background: transparent;
}

.vx-section {
    padding: clamp(42px, 5.6vw, 76px) 0;
}

.vx-section-head {
    margin-bottom: 26px;
}

.vx-section-head h2 {
    font-size: clamp(28px, 3vw, 42px);
}

.vx-section-head .vx-section-kicker {
    margin-bottom: 8px;
    font-size: 11px;
}

.vx-section-head .vx-section-kicker::before {
    display: none;
}

.vx-series-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 10px;
}

.vx-series-card {
    min-height: 365px;
    padding: 14px 14px 16px;
}

.vx-series-card::before {
    left: 14px;
    right: 14px;
}

.vx-pack-shot {
    position: relative;
    height: 94px;
    margin: 0 0 18px;
    border: 1px solid rgba(255, 255, 255, .08);
    background:
        linear-gradient(90deg, rgba(210, 185, 118, .22) 0 12px, transparent 12px),
        linear-gradient(135deg, #181a1b, #050505 60%, #151515);
    box-shadow: 0 16px 30px rgba(0, 0, 0, .34);
    transform: perspective(420px) rotateY(-13deg);
    transform-origin: center;
    overflow: hidden;
}

.vx-pack-shot::before {
    content: "";
    position: absolute;
    inset: 12px 14px auto auto;
    width: 36%;
    height: 100%;
    background: linear-gradient(135deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, 0));
    transform: skewX(-15deg);
}

.vx-pack-shot span {
    position: absolute;
    left: 14px;
    top: 18px;
    color: var(--vx-gold) !important;
    font-size: 22px;
    font-weight: 900;
    line-height: 1;
}

.vx-pack-shot strong {
    position: absolute;
    left: 14px;
    bottom: 30px;
    color: #fff !important;
    font-size: 15px;
    font-weight: 900;
}

.vx-pack-shot em {
    position: absolute;
    right: 12px;
    bottom: 12px;
    color: var(--vx-gold) !important;
    font-size: 11px;
    font-style: normal;
    font-weight: 900;
}

.vx-pack-eclipse { background-image: linear-gradient(90deg, rgba(58, 108, 150, .52) 0 12px, transparent 12px), linear-gradient(135deg, #181a1b, #050505 60%, #151515); }
.vx-pack-stealth { background-image: linear-gradient(90deg, rgba(160, 160, 160, .34) 0 12px, transparent 12px), linear-gradient(135deg, #181a1b, #050505 60%, #151515); }
.vx-pack-chroma { background-image: linear-gradient(90deg, rgba(111, 56, 150, .58) 0 12px, transparent 12px), linear-gradient(135deg, #181a1b, #050505 60%, #151515); }
.vx-pack-titan { background-image: linear-gradient(90deg, rgba(210, 159, 72, .58) 0 12px, transparent 12px), linear-gradient(135deg, #181a1b, #050505 60%, #151515); }
.vx-pack-omega { background-image: linear-gradient(90deg, rgba(138, 97, 54, .9) 0 12px, transparent 12px), linear-gradient(135deg, #1b1510, #050505 58%, #25170e); }

.vx-card-code {
    display: none;
}

.vx-series-card h3 {
    min-height: 39px;
    font-size: 17px;
}

.vx-series-card strong {
    min-height: 38px;
    font-size: 12px;
}

.vx-series-card p {
    margin-top: 12px;
    font-size: 12px;
}

.vx-series-card small {
    min-height: 32px;
    font-size: 11px;
}

.vx-compare-wrap {
    display: flex;
    justify-content: center;
    margin-top: 18px;
}

.vx-omega {
    min-height: 420px;
    margin: 0;
    padding: clamp(42px, 5.6vw, 74px) 0;
    background:
        linear-gradient(90deg, rgba(0, 0, 0, .98), rgba(0, 0, 0, .86) 48%, rgba(0, 0, 0, .34)),
        url("../images/banner-5.png") center / cover no-repeat !important;
}

.vx-omega h2 {
    font-size: clamp(32px, 4vw, 52px);
}

.vx-omega-grid {
    grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr);
}

.vx-packaging-box {
    min-height: 170px;
    width: min(560px, 100%);
    transform: perspective(900px) rotateY(-9deg) rotateX(2deg);
}

.vx-technology {
    padding-top: clamp(34px, 4vw, 56px);
}

.vx-tech-band {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1px;
    margin-bottom: 24px;
    border: 1px solid rgba(210, 185, 118, .18);
    background: rgba(210, 185, 118, .15);
}

.vx-tech-band article {
    min-height: 104px;
    display: grid;
    grid-template-columns: 54px minmax(0, 1fr);
    align-content: center;
    gap: 12px;
    padding: 18px;
    background: #080909;
}

.vx-tech-band i {
    align-self: center;
    color: var(--vx-gold) !important;
    font-size: 38px;
}

.vx-tech-band h3 {
    margin: 0 0 4px;
    color: var(--vx-gold) !important;
    font-size: 15px;
    font-weight: 900;
    text-transform: uppercase;
}

.vx-tech-band p {
    margin: 0 0 24px;
    color: rgba(255, 255, 255, .72) !important;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.35;
}

.vx-action-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.vx-action-card {
    position: relative;
    min-height: 250px;
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(150px, .8fr);
    gap: 16px;
    align-items: center;
    padding: 24px;
    border: 1px solid rgba(255, 255, 255, .12);
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .052), rgba(255, 255, 255, .018)),
        #070808;
    overflow: hidden;
}

.vx-action-card::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(135deg, transparent 58%, rgba(210, 185, 118, .12));
}

.vx-action-card > * {
    position: relative;
    z-index: 1;
}

.vx-action-card > div:first-child {
    align-self: start;
}

.vx-action-kicker {
    display: block;
    margin-bottom: 7px;
    color: var(--vx-gold) !important;
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
}

.vx-action-card h3 {
    margin: 0 0 12px;
    color: #fff !important;
    font-size: 20px;
    font-weight: 900;
    line-height: 1.1;
    text-transform: uppercase;
}

.vx-action-card p {
    margin: 0;
    color: rgba(255, 255, 255, .68) !important;
    font-size: 13px;
    font-weight: 650;
    line-height: 1.58;
}

.vx-layer-mini {
    min-height: 190px;
    padding: 0;
    transform: scale(.9);
}

.vx-layer-mini .vx-film-layer {
    min-height: 30px;
    width: 170px;
}

.vx-layer-mini .vx-film-layer span {
    display: none;
}

.vx-shield-mini {
    min-height: 170px;
    border-color: rgba(210, 185, 118, .24);
    background: radial-gradient(circle, rgba(210, 185, 118, .16), rgba(255, 255, 255, .025));
}

.vx-shield-mini strong {
    font-size: 68px;
}

.vx-action-dealer {
    grid-template-columns: 1fr;
    background:
        linear-gradient(90deg, rgba(0, 0, 0, .92), rgba(0, 0, 0, .66)),
        url("../images/products3.svg") right center / 44% auto no-repeat,
        #070808;
}

.vx-action-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.vx-gallery {
    padding: 38px 0 44px;
}

.vx-gallery .vx-section-head {
    margin-bottom: 18px;
}

.vx-gallery .vx-section-head h2 {
    font-size: clamp(24px, 2.6vw, 34px);
}

.vx-gallery-strip {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 2px;
    border: 1px solid rgba(255, 255, 255, .12);
}

.vx-gallery-strip img {
    height: clamp(128px, 13vw, 205px);
    border: 0;
}

.vx-lead-cta {
    position: relative;
    overflow: hidden;
    padding: clamp(34px, 4.8vw, 58px) 0;
    border-top: 1px solid rgba(210, 185, 118, .14);
    border-bottom: 1px solid rgba(210, 185, 118, .16);
    background:
        linear-gradient(90deg, rgba(0, 0, 0, .92) 0%, rgba(0, 0, 0, .82) 48%, rgba(0, 0, 0, .7) 100%),
        url("../images/slider1.png") center / cover no-repeat,
        #020202;
}

.vx-lead-cta::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image:
        linear-gradient(rgba(255, 255, 255, .032) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .024) 1px, transparent 1px);
    background-size: 72px 72px;
    opacity: .3;
    mask-image: linear-gradient(90deg, #000, transparent 78%);
}

.vx-lead-cta-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, .95fr) minmax(360px, .72fr);
    gap: clamp(22px, 4vw, 54px);
    align-items: center;
}

.vx-lead-cta-copy h2 {
    max-width: 740px;
    margin: 0;
    color: #fff !important;
    font-size: clamp(30px, 3.8vw, 46px);
    font-weight: 900;
    line-height: 1.04;
    text-transform: uppercase;
}

.vx-lead-cta-copy p {
    max-width: 560px;
    margin: 12px 0 0;
    color: rgba(255, 255, 255, .78) !important;
    font-size: 15px;
    font-weight: 650;
    line-height: 1.55;
}

.vx-lead-cta-points {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    max-width: 680px;
    margin: 14px 0 0;
    padding: 0;
    list-style: none;
}

.vx-lead-cta-details {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    max-width: 680px;
    margin-top: 18px;
}

.vx-lead-cta-details span {
    display: inline-flex;
    align-items: baseline;
    gap: 6px;
    min-height: 38px;
    padding: 8px 12px;
    border: 1px solid rgba(255, 255, 255, .16);
    background: rgba(0, 0, 0, .4);
    color: rgba(255, 255, 255, .78);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
}

.vx-lead-cta-details strong {
    color: var(--vx-gold) !important;
    font-size: 17px;
    font-weight: 900;
}

.vx-lead-cta-points li {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr);
    gap: 9px;
    align-items: center;
    min-height: 54px;
    padding: 10px 12px;
    border: 1px solid rgba(210, 185, 118, .18);
    background: rgba(255, 255, 255, .035);
    color: rgba(255, 255, 255, .82);
    font-size: 12px;
    font-weight: 750;
    line-height: 1.38;
}

.vx-lead-cta-points i {
    display: inline-flex;
    width: 28px;
    height: 28px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(210, 185, 118, .32);
    color: var(--vx-gold) !important;
    font-size: 16px;
}

.vx-lead-form {
    position: relative;
    overflow: hidden;
    display: grid;
    gap: 16px;
    padding: clamp(22px, 3vw, 32px);
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 6px;
    background: rgba(0, 0, 0, .08);
    box-shadow:
        inset 0 0 0 1px rgba(255, 255, 255, .035),
        0 24px 70px rgba(0, 0, 0, .28);
}

.vx-lead-form > * {
    position: relative;
    z-index: 1;
}

.vx-lead-form-head {
    display: grid;
    gap: 0;
    padding-bottom: 2px;
    color: rgba(255, 255, 255, .72);
}

.vx-lead-form-head p {
    max-width: 360px;
    margin: 0;
    color: rgba(255, 255, 255, .72) !important;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.48;
}

.vx-lead-form label {
    display: grid;
    gap: 8px;
    color: #d2b976 !important;
    font-size: 16px;
    font-weight: 900;
    line-height: 1.2;
    text-transform: none;
}

.vx-lead-form label span {
    color: #d2b976 !important;
}

.vx-lead-form input {
    width: 100%;
    min-height: 50px;
    padding: 12px 14px;
    border: 1px solid rgba(255, 255, 255, .18) !important;
    border-radius: 5px;
    background: rgba(0, 0, 0, .2) !important;
    color: #fff !important;
    font-size: 15px;
    font-weight: 650;
    line-height: 1.2;
    outline: none;
}

.vx-lead-form input::placeholder {
    color: rgba(255, 255, 255, .46);
    font-weight: 650;
}

.vx-lead-form input:focus {
    border-color: rgba(210, 185, 118, .76) !important;
    box-shadow: 0 0 0 3px rgba(210, 185, 118, .12);
}

.vx-lead-form button {
    width: 100%;
    min-height: 50px;
    margin-top: 2px;
    border-color: var(--vx-gold) !important;
    border-radius: 6px !important;
    background: var(--vx-gold) !important;
    color: #fff !important;
    font-size: 16px;
    text-transform: none;
    cursor: pointer;
}

.vx-lead-form button:hover {
    border-color: var(--vx-gold-strong) !important;
    background: var(--vx-gold-strong) !important;
    color: #fff !important;
}

.vx-lead-form .vx-lead-dealer-submit {
    overflow: hidden;
    border-color: rgba(210, 185, 118, .54) !important;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .02) 42%, rgba(138, 97, 54, .24)),
        #080909 !important;
    color: var(--vx-gold) !important;
    box-shadow:
        inset 0 0 0 1px rgba(255, 255, 255, .04),
        0 14px 30px rgba(0, 0, 0, .36);
    text-transform: uppercase;
}

.vx-lead-form .vx-lead-dealer-submit:hover {
    border-color: var(--vx-gold) !important;
    background:
        linear-gradient(135deg, var(--vx-gold-strong), #c8946f 48%, var(--vx-copper)),
        var(--vx-gold) !important;
    color: #050505 !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .28),
        0 16px 34px rgba(0, 0, 0, .42);
}

.site-footer {
    padding-top: 36px !important;
}

.site-footer .footer-cta {
    display: none;
}

.site-footer .footer-main {
    grid-template-columns: minmax(210px, .72fr) minmax(0, 2.6fr);
    gap: clamp(26px, 5vw, 70px);
    padding-bottom: 34px;
}

.site-footer .footer-brand p {
    font-size: 13px;
    line-height: 1.65;
}

.footer-brand-points {
    display: grid;
    gap: 8px;
    margin: 16px 0 0;
    padding: 0;
    list-style: none;
}

.footer-brand-points li {
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    color: rgba(255, 255, 255, .74);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.35;
}

.footer-brand-points i {
    color: var(--vx-gold) !important;
    font-size: 16px;
}

.site-footer .footer-links.vx-footer-links {
    grid-template-columns: 1.05fr 1.05fr 1.34fr 1.08fr;
}

.site-footer .footer-column ul {
    gap: 10px;
}

.footer-contact a {
    display: grid;
    gap: 2px;
}

.footer-contact strong {
    color: rgba(255, 255, 255, .86);
    font-size: 13px;
    font-weight: 750;
    line-height: 1.35;
}

.footer-contact small {
    color: rgba(255, 255, 255, .56);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.45;
}

.vx-newsletter p {
    margin: 0 0 14px;
    color: rgba(255, 255, 255, .68) !important;
    font-size: 13px;
    font-weight: 650;
    line-height: 1.55;
}

.vx-newsletter-form {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 42px;
    border: 1px solid rgba(255, 255, 255, .13);
    background: #050505;
}

.vx-newsletter-form input {
    min-height: 42px;
    padding: 10px 12px;
    border: 0 !important;
    background: transparent !important;
    color: #fff !important;
    font-size: 13px;
    outline: none;
}

.vx-newsletter-form button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--vx-gold);
    color: #050505 !important;
    cursor: pointer;
}

.vx-newsletter-form button i {
    color: #050505 !important;
}

.vx-newsletter-note {
    display: block;
    margin-top: 10px;
    color: rgba(255, 255, 255, .52);
    font-size: 12px;
    font-weight: 650;
    line-height: 1.45;
}

@media (max-width: 1399px) {
    .vx-series-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 1199px) {
    .vx-action-grid,
    .site-footer .footer-links.vx-footer-links {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .vx-lead-cta-grid {
        grid-template-columns: minmax(0, 1fr) minmax(330px, .86fr);
    }

    .vx-lead-cta-points {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .vx-tech-band {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 991px) {
    .vx-hero-dots {
        display: none;
    }

    .vx-intro-grid {
        background:
            linear-gradient(180deg, rgba(0, 0, 0, .96), rgba(0, 0, 0, .78)),
            url("../images/vehicle8.jpg") center bottom / cover no-repeat,
            #050505;
    }

    .vx-action-grid,
    .vx-tech-band,
    .vx-lead-cta-grid,
    .site-footer .footer-main,
    .site-footer .footer-links.vx-footer-links {
        grid-template-columns: 1fr;
    }

    .vx-lead-cta {
        background:
            linear-gradient(180deg, rgba(0, 0, 0, .96), rgba(3, 4, 4, .86)),
            url("../images/slider1.png") center / cover no-repeat,
            #020202;
    }

    .vx-lead-form {
        max-width: 620px;
    }

    .vx-action-card {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {
    .vx-series-grid {
        grid-template-columns: 1fr;
    }

    .vx-tech-band article {
        grid-template-columns: 46px minmax(0, 1fr);
        min-height: 92px;
    }

    .vx-omega-grid {
        grid-template-columns: 1fr;
    }

    .vx-gallery-strip {
        grid-template-columns: 1fr;
    }

    .vx-lead-cta {
        padding-block: 32px;
    }

    .vx-lead-cta-copy h2 {
        font-size: clamp(26px, 7vw, 34px);
        line-height: 1.04;
    }

    .vx-lead-cta-copy p {
        font-size: 15px;
        line-height: 1.62;
    }

    .vx-lead-cta-points li {
        min-height: 50px;
    }

    .vx-lead-cta-points {
        grid-template-columns: 1fr;
    }

    .vx-lead-cta-details span {
        width: 100%;
    }

    .vx-lead-form {
        padding: 16px 14px;
    }
}

/* PPF series product showcase */
.vx-series-showcase {
    padding: 0 !important;
    background:
        radial-gradient(circle at 91% 29%, rgba(212, 151, 75, .18), transparent 17%),
        repeating-linear-gradient(45deg, rgba(255, 255, 255, .025) 0 4px, transparent 4px 10px),
        linear-gradient(180deg, #070707 0%, #020202 100%) !important;
}

.vx-series-showcase::before {
    background:
        repeating-linear-gradient(45deg, rgba(255, 255, 255, .035) 0 2px, transparent 2px 8px),
        linear-gradient(90deg, rgba(0, 0, 0, .68), transparent 28%, transparent 72%, rgba(0, 0, 0, .7));
    opacity: .42;
    mask-image: none;
}

.vx-series-frame {
    position: relative;
    z-index: 1;
    width: min(1180px, calc(100% - 28px));
    margin: 0 auto;
    padding: 6px 0 18px;
}

.vx-series-title {
    text-align: center;
    text-transform: uppercase;
}

.vx-series-title span {
    display: block;
    color: #bd9160 !important;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: 0;
    line-height: 1;
}

.vx-series-title h2 {
    position: relative;
    display: inline-block;
    margin: 7px 0 22px;
    color: rgba(255, 255, 255, .78) !important;
    font-size: clamp(22px, 2.2vw, 30px);
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1;
}

.vx-series-title h2::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -16px;
    width: 42px;
    height: 1px;
    background: #bd9160;
    transform: translateX(-50%);
}

.vx-series-stage {
    position: relative;
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    align-items: end;
    min-height: 252px;
    margin-top: 6px;
    isolation: isolate;
}

.vx-series-slider-wrapper {
    display: contents;
}

.vx-series-swiper-pagination,
.vx-series-swiper-controls {
    display: none;
}

.vx-series-showcase .vx-series-card.swiper-slide {
    height: auto;
}

.vx-series-stage::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 24px;
    height: 190px;
    border: 1px solid rgba(255, 255, 255, .13);
    border-top-color: rgba(255, 255, 255, .18);
    background:
        linear-gradient(90deg, rgba(255, 255, 255, .08), transparent 7%, transparent 94%, rgba(255, 255, 255, .1)),
        repeating-linear-gradient(90deg, rgba(255, 255, 255, .06) 0 1px, transparent 1px 4px),
        linear-gradient(180deg, #4e5050 0%, #2d2f30 19%, #232526 64%, #3d4041 100%);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .22),
        inset 0 -1px 0 rgba(0, 0, 0, .72),
        0 22px 42px rgba(0, 0, 0, .55);
    opacity: .96;
    z-index: -1;
}

.vx-series-stage::after {
    content: "";
    position: absolute;
    left: 8px;
    right: 8px;
    bottom: 214px;
    height: 28px;
    background: linear-gradient(90deg, #5b5d5d, #2d2e2e 42%, #656868 58%, #272929);
    clip-path: polygon(4% 0, 96% 0, 100% 100%, 0 100%);
    opacity: .82;
    z-index: -1;
}

.vx-series-card.vx-series-item {
    position: relative;
    min-height: 238px;
    display: grid;
    grid-template-rows: 82px minmax(0, 1fr);
    gap: 12px;
    padding: 0 18px 16px;
    border: 0;
    background: transparent;
    box-shadow: none;
    transform: none;
}

.vx-series-card.vx-series-item::before {
    display: none;
}

.vx-series-card.vx-series-item:hover {
    border: 0;
    background: transparent;
    transform: translateY(-3px);
}

.vx-series-pack {
    align-self: end;
    justify-self: center;
    width: min(118px, 88%);
    height: 76px;
    margin: 0;
    border: 1px solid rgba(255, 255, 255, .12);
    background:
        linear-gradient(90deg, rgba(175, 126, 72, .58) 0 15px, transparent 15px),
        linear-gradient(135deg, #212121, #050505 61%, #181818);
    box-shadow: 0 14px 23px rgba(0, 0, 0, .55);
    transform: perspective(420px) rotateY(-14deg);
    overflow: visible;
}

.vx-series-pack::before {
    content: "";
    position: absolute;
    top: 5px;
    right: -15px;
    width: 16px;
    height: 68px;
    background: linear-gradient(90deg, #272523, #0b0b0b);
    border: 1px solid rgba(255, 255, 255, .08);
    transform: skewY(16deg);
    transform-origin: left top;
}

.vx-series-pack::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 43% 52%, rgba(255, 255, 255, .12), transparent 2px),
        repeating-linear-gradient(45deg, rgba(255, 255, 255, .025) 0 2px, transparent 2px 6px);
    opacity: .48;
    pointer-events: none;
}

.vx-series-pack span {
    left: 30px;
    top: 20px;
    color: rgba(255, 255, 255, .86) !important;
    font-size: 28px;
    font-weight: 900;
    z-index: 1;
}

.vx-series-pack strong {
    left: 22px;
    bottom: 12px;
    color: #d2a66c !important;
    font-size: 8px;
    letter-spacing: 0;
    z-index: 1;
}

.vx-series-pack em {
    right: -11px;
    bottom: 14px;
    color: rgba(255, 255, 255, .68) !important;
    font-size: 6px;
    letter-spacing: 0;
    writing-mode: vertical-rl;
    z-index: 2;
}

.vx-pack-eclipse.vx-series-pack {
    background:
        linear-gradient(90deg, rgba(37, 89, 151, .86) 0 15px, transparent 15px),
        linear-gradient(135deg, #1f2227, #050505 61%, #111927);
}

.vx-pack-stealth.vx-series-pack {
    background:
        linear-gradient(90deg, rgba(192, 192, 192, .62) 0 15px, transparent 15px),
        linear-gradient(135deg, #252526, #080808 58%, #191919);
}

.vx-pack-chroma.vx-series-pack {
    background:
        linear-gradient(90deg, rgba(125, 40, 145, .9) 0 15px, transparent 15px),
        linear-gradient(135deg, #201d24, #050505 58%, #25102d);
}

.vx-pack-titan.vx-series-pack {
    background:
        linear-gradient(90deg, rgba(216, 142, 52, .95) 0 15px, transparent 15px),
        linear-gradient(135deg, #211b15, #050505 58%, #281706);
}

.vx-pack-omega.vx-series-pack {
    width: 94px;
    height: 58px;
    background:
        linear-gradient(90deg, rgba(133, 78, 42, .95) 0 13px, transparent 13px),
        linear-gradient(135deg, #24160d, #090605 58%, #39210f);
    transform: perspective(360px) rotateY(-11deg);
}

.vx-omega-packs {
    align-self: end;
    display: flex;
    align-items: end;
    justify-content: center;
    gap: 10px;
}

.vx-series-roll {
    position: relative;
    width: 48px;
    height: 72px;
    border: 1px solid rgba(210, 152, 82, .5);
    border-radius: 3px;
    background: linear-gradient(90deg, #2b170c, #110b08 45%, #41220d);
    box-shadow: 0 14px 24px rgba(0, 0, 0, .54);
}

.vx-series-roll::before {
    content: "\03A9";
    position: absolute;
    left: 50%;
    top: 19px;
    color: #d19b62;
    font-size: 24px;
    transform: translateX(-50%);
}

.vx-series-roll span {
    position: absolute;
    left: 50%;
    bottom: 7px;
    color: rgba(255, 255, 255, .7);
    font-size: 6px;
    font-weight: 900;
    text-transform: uppercase;
    transform: translateX(-50%);
}

.vx-series-copy {
    min-width: 0;
}

.vx-series-card.vx-series-item h3 {
    min-height: 0;
    margin: 0 0 9px;
    color: rgba(255, 255, 255, .78) !important;
    font-size: 17px;
    font-weight: 900;
    line-height: .9;
}

.vx-series-card.vx-series-item h3 span {
    display: block;
    color: rgba(255, 255, 255, .78) !important;
}

.vx-series-eclipse h3 span {
    color: #4479b8 !important;
}

.vx-series-titan h3 span,
.vx-series-omega h3 span {
    color: #d69b55 !important;
}

.vx-series-copy > p {
    margin: 0 0 12px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
    color: rgba(255, 255, 255, .82) !important;
    font-size: 10px;
    font-weight: 500;
    line-height: 1.35;
}

.vx-series-copy > strong {
    display: block;
    min-height: 0;
    margin-bottom: 8px;
    color: #fff !important;
    font-size: 10px;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
}

.vx-series-copy > small {
    display: block;
    min-height: 0;
    margin-bottom: 15px;
    color: #fff !important;
    font-size: 10px;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
}

.vx-series-card.vx-series-item a {
    min-width: 96px;
    min-height: 26px;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: 0;
    padding: 7px 11px;
    border: 1px solid rgba(205, 143, 80, .36);
    border-radius: 2px;
    background: rgba(6, 6, 6, .86);
    color: #d19b62 !important;
    font-size: 9px;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
}

.vx-series-card.vx-series-item a:hover {
    border-color: #d19b62;
    background: #d19b62;
    color: #050505 !important;
}

.vx-series-card.vx-series-omega {
    min-height: 288px;
    margin: -8px 10px 0 0;
    padding: 28px 24px 28px;
    border: 1px solid rgba(218, 151, 81, .94);
    border-radius: 16px;
    background:
        radial-gradient(circle at 50% 13%, rgba(210, 143, 75, .16), transparent 45%),
        linear-gradient(180deg, rgba(9, 8, 7, .86), rgba(8, 8, 8, .92));
    box-shadow:
        0 0 24px rgba(210, 143, 75, .26),
        inset 0 0 38px rgba(210, 143, 75, .06);
}

.vx-series-card.vx-series-omega:hover {
    border: 1px solid rgba(218, 151, 81, .94);
}

.vx-series-showcase .vx-compare-wrap {
    margin-top: 0;
}

.vx-series-showcase .vx-mini-btn {
    min-width: 180px;
    min-height: 29px;
    padding: 8px 18px;
    border-color: rgba(205, 143, 80, .5);
    border-radius: 3px;
    background: rgba(7, 7, 7, .74);
    color: #d19b62 !important;
    font-size: 9px;
}

@media (max-width: 1199px) {
    .vx-series-stage {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 10px 0;
        min-height: 0;
    }

    .vx-series-stage::before,
    .vx-series-stage::after {
        display: none;
    }

    .vx-series-card.vx-series-item {
        min-height: 258px;
        padding: 14px 20px 18px;
        border: 1px solid rgba(255, 255, 255, .12);
        background:
            linear-gradient(180deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .018)),
            #181a1a;
    }

    .vx-series-card.vx-series-omega {
        margin: 0;
    }
}

@media (max-width: 767px) {
    .vx-series-frame {
        width: min(430px, calc(100% - 28px));
        padding: 22px 0;
    }

    .vx-series-title h2 {
        line-height: 1.18;
    }

    .vx-series-stage {
        grid-template-columns: 1fr;
    }

    .vx-series-card.vx-series-item {
        grid-template-rows: 92px auto;
        min-height: 0;
    }

    .vx-series-pack {
        width: 130px;
    }

    .vx-series-card.vx-series-item h3 {
        font-size: 21px;
    }

    .vx-series-copy > p,
    .vx-series-copy > strong,
    .vx-series-copy > small {
        font-size: 12px;
    }
}

/* Three-card series layout with real product box imagery */
.vx-series-showcase .vx-series-frame {
    width: min(1120px, calc(100% - 32px));
    padding: 28px 0 34px;
}

.vx-series-showcase .vx-series-stage {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: stretch;
    gap: 18px;
    min-height: 0;
    margin-top: 22px;
}

.vx-series-showcase .vx-series-stage::before,
.vx-series-showcase .vx-series-stage::after {
    display: none;
}

.vx-series-showcase .vx-series-card.vx-series-item {
    min-height: 382px;
    display: grid;
    grid-template-rows: 178px minmax(0, 1fr);
    gap: 18px;
    padding: 18px;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 8px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .018)),
        #111313;
    box-shadow: 0 22px 44px rgba(0, 0, 0, .34), inset 0 1px 0 rgba(255, 255, 255, .05);
}

.vx-series-showcase .vx-series-card.vx-series-item:hover {
    border: 1px solid rgba(210, 152, 82, .44);
    background:
        linear-gradient(180deg, rgba(210, 152, 82, .08), rgba(255, 255, 255, .018)),
        #111313;
    transform: translateY(-3px);
}

.vx-series-showcase .vx-series-card.vx-series-omega {
    margin: 0;
    border-color: rgba(218, 151, 81, .82);
}

.vx-series-showcase .vx-series-pack {
    width: 100%;
    height: 178px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 6px;
    background: #050505;
    box-shadow: none;
    transform: none;
    overflow: hidden;
}

.vx-series-showcase .vx-series-pack::before,
.vx-series-showcase .vx-series-pack::after {
    display: none;
}

.vx-series-showcase .vx-series-pack img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
    object-position: center;
}

.vx-series-showcase .vx-omega-packs {
    display: block;
}

.vx-series-showcase .vx-series-roll {
    display: none;
}

.vx-series-showcase .vx-series-card.vx-series-item h3 {
    margin-bottom: 12px;
    font-size: 22px;
    line-height: .95;
}

.vx-series-showcase .vx-series-copy > p {
    font-size: 13px;
}

.vx-series-showcase .vx-series-copy > strong,
.vx-series-showcase .vx-series-copy > small {
    font-size: 12px;
}

.vx-series-showcase .vx-series-card.vx-series-item a {
    min-width: 112px;
    min-height: 32px;
    font-size: 10px;
}

.vx-series-showcase .vx-compare-wrap {
    margin-top: 22px;
}

@media (max-width: 991px) {
    .vx-series-showcase .vx-series-stage {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .vx-series-showcase .vx-series-stage {
        grid-template-columns: 1fr;
    }
}

/* Screenshot-style six-level PPF series shelf */
.vx-series-showcase {
    padding: 0 0 20px !important;
    background:
        radial-gradient(circle at 95% 42%, rgba(214, 151, 78, .16), transparent 18%),
        radial-gradient(circle at 6% 45%, rgba(255, 255, 255, .08), transparent 17%),
        repeating-linear-gradient(45deg, rgba(255, 255, 255, .028) 0 3px, transparent 3px 10px),
        linear-gradient(180deg, #060606 0%, #010101 100%) !important;
}

.vx-series-showcase .vx-series-frame {
    width: min(1560px, calc(100% - 26px));
    padding: 30px 0 14px;
}

.vx-series-showcase .vx-series-title span {
    font-size: 12px;
    color: #bd9160 !important;
}

.vx-series-showcase .vx-series-title h2 {
    margin: 7px 0 32px;
    color: rgba(255, 255, 255, .8) !important;
    font-size: clamp(22px, 2.15vw, 31px);
    font-weight: 450;
}

.vx-series-showcase .vx-series-title h2::after {
    bottom: -17px;
    width: 38px;
    background: #bd9160;
}

.vx-series-showcase .vx-series-stage {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    align-items: end;
    gap: 0;
    min-height: 310px;
    margin-top: 0;
    padding: 0 8px;
}

.vx-series-showcase .vx-series-slider-wrapper {
    display: contents;
}

.vx-series-showcase .vx-series-stage::before {
    display: block;
    left: 0;
    right: 0;
    bottom: 20px;
    height: 178px;
    border: 1px solid rgba(255, 255, 255, .16);
    border-top-color: rgba(255, 255, 255, .28);
    background:
        linear-gradient(90deg, rgba(255, 255, 255, .18), rgba(255, 255, 255, .06) 2px, transparent 2px 100%),
        linear-gradient(90deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .2) 13%, rgba(255, 255, 255, .08) 31%, rgba(255, 255, 255, .2) 46%, rgba(255, 255, 255, .08) 66%, rgba(255, 255, 255, .18) 82%, rgba(255, 255, 255, .05)),
        repeating-linear-gradient(90deg, rgba(255, 255, 255, .08) 0 1px, transparent 1px 6px),
        linear-gradient(180deg, rgba(116, 118, 116, .72), rgba(44, 45, 45, .94) 58%, rgba(23, 23, 23, .98));
    background-size: auto, auto, 10px 100%, auto;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .35),
        inset 0 28px 48px rgba(255, 255, 255, .05),
        inset 0 -1px 0 rgba(0, 0, 0, .78),
        0 24px 42px rgba(0, 0, 0, .58);
    opacity: .98;
    z-index: -1;
}

.vx-series-showcase .vx-series-stage::after {
    display: block;
    left: 6px;
    right: 6px;
    bottom: 198px;
    height: 31px;
    background:
        linear-gradient(90deg, rgba(255, 255, 255, .32), rgba(255, 255, 255, .07) 11%, rgba(255, 255, 255, .17) 50%, rgba(255, 255, 255, .04)),
        linear-gradient(180deg, #747675, #2c2d2d 62%, #151515);
    clip-path: polygon(5% 0, 96% 0, 100% 100%, 0 100%);
    opacity: .9;
    z-index: -1;
}

.vx-series-showcase .vx-series-card.vx-series-item {
    --vx-series-accent: #d19b62;
    --vx-series-accent-rgb: 209, 155, 98;
    --vx-series-heading: #d19b62;
    --vx-series-hover: #e2aa68;
    --vx-series-hover-rgb: 226, 170, 104;
    min-height: 286px;
    display: grid;
    width: 100%;
    grid-template-rows: 140px 164px;
    gap: 0;
    padding: 0 18px 18px;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    overflow: visible;
}

.vx-series-showcase .vx-series-nova {
    --vx-series-accent: #c5c8ca;
    --vx-series-accent-rgb: 197, 200, 202;
    --vx-series-heading: #c5c8ca;
    --vx-series-hover: #f1f3f4;
    --vx-series-hover-rgb: 241, 243, 244;
}

.vx-series-showcase .vx-series-eclipse {
    --vx-series-accent: #147bd7;
    --vx-series-accent-rgb: 20, 123, 215;
    --vx-series-heading: #147bd7;
    --vx-series-hover: #1b8dff;
    --vx-series-hover-rgb: 27, 141, 255;
}

.vx-series-showcase .vx-series-stealth {
    --vx-series-accent: #9b9d9b;
    --vx-series-accent-rgb: 155, 157, 155;
    --vx-series-heading: #9b9d9b;
    --vx-series-hover: #d7d8d5;
    --vx-series-hover-rgb: 215, 216, 213;
}

.vx-series-showcase .vx-series-chroma {
    --vx-series-accent: #9a48f2;
    --vx-series-accent-rgb: 154, 72, 242;
    --vx-series-heading: #9a48f2;
    --vx-series-hover: #c05cff;
    --vx-series-hover-rgb: 192, 92, 255;
}

.vx-series-showcase .vx-series-titan {
    --vx-series-accent: #d49a3f;
    --vx-series-accent-rgb: 212, 154, 63;
    --vx-series-heading: #d49a3f;
    --vx-series-hover: #f2ba52;
    --vx-series-hover-rgb: 242, 186, 82;
}

.vx-series-showcase .vx-series-omega {
    --vx-series-accent: #c6845e;
    --vx-series-accent-rgb: 198, 132, 94;
    --vx-series-heading: #c6845e;
    --vx-series-hover: #e0a077;
    --vx-series-hover-rgb: 224, 160, 119;
}

.vx-series-showcase .vx-series-card.vx-series-item::after {
    display: none;
}

.vx-series-showcase .vx-series-card.vx-series-item:hover {
    border: 0;
    background: transparent;
    box-shadow: none;
    transform: translateY(-4px);
}

.vx-series-showcase .vx-series-card.vx-series-item > * {
    position: relative;
    z-index: 1;
}

.vx-series-showcase .vx-series-pack {
    align-self: end;
    width: 100%;
    height: 122px;
    display: flex;
    align-items: end;
    justify-content: center;
    margin: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
    transform: none;
    overflow: visible;
}

.vx-series-showcase .vx-series-pack img {
    width: min(126%, 196px);
    /* height: 138px; */
    display: block;
    object-fit: contain;
    /* object-position: center bottom; */
    filter: drop-shadow(0 18px 17px rgba(0, 0, 0, .64));
}

.vx-series-showcase .vx-series-copy {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding-top: 13px;
}

.vx-series-showcase .vx-series-card.vx-series-item h3 {
    /* min-height: 37px; */
    margin: 0 0 9px;
    background: none !important;
    color: var(--vx-series-heading) !important;
    -webkit-text-fill-color: var(--vx-series-heading);
    font-size: clamp(18px, 1.35vw, 24px);
    font-weight: 800;
    line-height: .92;
    text-shadow: 0 0 14px rgba(var(--vx-series-accent-rgb), .16);
}

.vx-series-showcase .vx-series-card.vx-series-item h3 span {
    display: block;
    color: inherit !important;
}

.vx-series-showcase .vx-series-copy > p {
    min-height: 30px;
    margin: 0 0 9px;
    padding-bottom: 9px;
    border-bottom: 1px solid rgba(var(--vx-series-accent-rgb), .22);
    color: rgba(255, 255, 255, .78) !important;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.22;
    text-transform: none;
}

.vx-series-showcase .vx-series-copy > strong,
.vx-series-showcase .vx-series-copy > small {
    min-height: 0;
    margin-bottom: 9px;
    color: #fff !important;
    font-size: 11px;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
}

.vx-series-showcase .vx-series-copy > small {
    margin-bottom: 13px;
}

.vx-series-showcase .vx-series-card.vx-series-item a {
    width: 118px;
    min-width: 0;
    min-height: 31px;
    justify-content: space-between;
    /* margin-top: auto; */
    padding: 8px 13px;
    border: 1px solid rgba(var(--vx-series-accent-rgb), .62);
    border-radius: 3px;
    background: rgba(6, 6, 6, .78);
    color: var(--vx-series-accent) !important;
    font-size: 10px;
    font-weight: 900;
}

.vx-series-showcase .vx-series-card.vx-series-item a:hover {
    border-color: var(--vx-series-hover);
    background: var(--vx-series-hover);
    color: #060606 !important;
}

.vx-series-showcase .vx-series-card.vx-series-omega {
    min-height: 286px;
    grid-template-rows: 122px 164px;
    margin: 0;
    padding: 0 18px 18px;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    overflow: visible;
}

.vx-series-showcase .vx-series-card.vx-series-item:hover {
    border: 1px solid rgba(var(--vx-series-hover-rgb), .98);
    border-radius: 18px;
    background:
        radial-gradient(circle at 50% 7%, rgba(var(--vx-series-hover-rgb), .36), transparent 43%),
        linear-gradient(135deg, rgba(var(--vx-series-hover-rgb), .22), rgba(20, 17, 14, .93) 42%, rgba(6, 6, 6, .96));
    box-shadow:
        0 0 38px rgba(var(--vx-series-hover-rgb), .36),
        0 30px 50px rgba(0, 0, 0, .6),
        inset 0 1px 0 rgba(255, 255, 255, .12),
        inset 0 0 42px rgba(var(--vx-series-hover-rgb), .14);
    overflow: hidden;
    transform: translateY(-4px);
}

.vx-series-showcase .vx-series-card.vx-series-omega::before {
    content: none;
    display: none;
}

.vx-series-showcase .vx-series-card.vx-series-omega::after {
    content: none;
    display: none;
}

.vx-series-showcase .vx-series-signature-tag {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 4;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 28px;
    padding: 7px 11px;
    border: 1px solid rgba(var(--vx-series-hover-rgb), .58);
    border-radius: 999px;
    background:
        linear-gradient(135deg, rgba(var(--vx-series-hover-rgb), .92), rgba(255, 255, 255, .18)),
        #1a0f09;
    color: #080604 !important;
    box-shadow: 0 12px 24px rgba(var(--vx-series-hover-rgb), .2);
    font-size: 10px;
    font-weight: 950;
    line-height: 1;
    text-transform: uppercase;
    opacity: 0;
    pointer-events: none;
    transform: translate3d(8px, -8px, 0) scale(.92);
    transition: opacity .22s ease, transform .22s ease, box-shadow .22s ease;
}

.vx-series-showcase .vx-series-card.vx-series-omega:hover .vx-series-signature-tag,
.vx-series-showcase .vx-series-card.vx-series-omega:focus-within .vx-series-signature-tag {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
    box-shadow:
        0 14px 30px rgba(var(--vx-series-hover-rgb), .32),
        0 0 18px rgba(var(--vx-series-hover-rgb), .2);
}

.vx-series-showcase .vx-omega-packs {
    align-self: end;
    width: 100%;
    height: 122px;
    min-height: 0;
    display: flex;
    align-items: end;
    justify-content: center;
}

.vx-series-showcase .vx-pack-omega.vx-series-pack {
    width: 100%;
    height: 122px;
    transform: none;
}

.vx-series-showcase .vx-series-card.vx-series-omega .vx-series-pack img {
    width: min(126%, 196px);
    height: 138px;
    margin-top: 0;
}

.vx-series-showcase .vx-series-card.vx-series-omega .vx-series-copy {
    padding-top: 13px;
}

.vx-series-showcase .vx-series-card.vx-series-omega h3 {
    font-size: clamp(18px, 1.35vw, 24px);
}

.vx-series-showcase .vx-compare-wrap {
    margin-top: -5px;
}

.vx-series-showcase .vx-mini-btn {
    min-width: 218px;
    min-height: 36px;
    padding: 9px 20px;
    border-color: rgba(205, 143, 80, .5);
    border-radius: 3px;
    background: rgba(7, 7, 7, .78);
    color: #d19b62 !important;
    font-size: 10px;
}

@media (max-width: 1280px) {
    .vx-series-showcase .vx-series-frame {
        width: min(1180px, calc(100% - 24px));
    }

    .vx-series-showcase .vx-series-card.vx-series-item {
        padding-inline: 22px;
    }
}

@media (max-width: 1080px) {
    .vx-series-showcase .vx-series-stage {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 18px;
        min-height: 0;
        padding: 0;
    }

    .vx-series-showcase .vx-series-stage::before,
    .vx-series-showcase .vx-series-stage::after {
        display: none;
    }

    .vx-series-showcase .vx-series-card.vx-series-item {
        min-height: 382px;
        grid-template-rows: 164px minmax(0, 1fr);
        padding: 18px 20px 22px;
        border: 1px solid rgba(var(--vx-series-accent-rgb), .64);
        border-radius: 8px;
        background:
            radial-gradient(circle at 50% 5%, rgba(var(--vx-series-accent-rgb), .15), transparent 38%),
            linear-gradient(180deg, rgba(23, 21, 19, .9), rgba(8, 8, 8, .96));
        box-shadow: 0 22px 44px rgba(0, 0, 0, .34), inset 0 1px 0 rgba(255, 255, 255, .06);
        overflow: hidden;
    }

    .vx-series-showcase .vx-series-pack {
        height: 164px;
    }

    .vx-series-showcase .vx-series-pack img {
        width: min(112%, 260px);
        height: 140px;
    }

    .vx-series-showcase .vx-series-card.vx-series-omega {
        margin: 0;
    }

    .vx-series-showcase .vx-omega-packs,
    .vx-series-showcase .vx-pack-omega.vx-series-pack {
        min-height: 164px;
        height: 164px;
    }
}

@media (max-width: 767px) {
    .vx-series-showcase .vx-series-stage {
        grid-template-columns: 1fr;
    }

    .vx-series-showcase .vx-series-title h2 {
        line-height: 1.18;
    }
}

/* Screenshot-matched Omega signature banner */
.vx-omega-signature {
    min-height: 0;
    display: block;
    margin: 0;
    padding: 8px 0 18px !important;
    border: 0;
    background:
        repeating-linear-gradient(45deg, rgba(255, 255, 255, .025) 0 4px, transparent 4px 10px),
        #050505 !important;
}

.vx-omega-signature::before {
    display: none;
}

.vx-omega-banner {
    position: relative;
    width: min(1218px, calc(100% - 32px));
    min-height: 302px;
    margin: 0 auto;
    padding: 36px 50px;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 7px;
    background:
        linear-gradient(90deg, rgba(7, 7, 7, .96) 0%, rgba(7, 7, 7, .9) 24%, rgba(7, 7, 7, .44) 48%, rgba(7, 7, 7, .06) 100%),
        url("../images/veltrixa-omega-banner.png") center right / cover no-repeat,
        #070707;
    box-shadow:
        inset 0 0 0 1px rgba(0, 0, 0, .5),
        0 22px 55px rgba(0, 0, 0, .5);
    overflow: hidden;
}

.vx-omega-banner::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at 82% 40%, rgba(205, 143, 80, .14), transparent 26%),
        linear-gradient(180deg, rgba(255, 255, 255, .04), transparent 35%, rgba(0, 0, 0, .18));
}

.vx-omega-signature .vx-omega-copy {
    position: relative;
    z-index: 1;
    width: min(390px, 100%);
}

.vx-omega-signature .vx-omega-copy h2 {
    margin: 0 0 7px;
    color: #c28a55 !important;
    font-size: clamp(25px, 2.5vw, 31px);
    font-weight: 900;
    line-height: 1.05;
    text-transform: uppercase;
}

.vx-omega-signature .vx-omega-copy p {
    position: relative;
    max-width: none;
    margin: 0 0 17px;
    padding-bottom: 9px;
    color: rgba(255, 255, 255, .78) !important;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.25;
    text-transform: uppercase;
}

.vx-omega-signature .vx-omega-copy p::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 25px;
    height: 1px;
    background: #c28a55;
}

.vx-omega-signature .vx-check-list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 9px;
    max-width: 380px;
    margin: 0 0 22px;
}

.vx-omega-signature .vx-check-list li {
    display: flex;
    align-items: center;
    gap: 11px;
    color: rgba(255, 255, 255, .72) !important;
    font-size: 13px;
    font-weight: 650;
    line-height: 1.1;
}

.vx-omega-signature .vx-check-list i {
    flex: 0 0 auto;
    color: #c28a55 !important;
    font-size: 15px;
}

.vx-omega-signature .vx-btn {
    width: 187px;
    min-height: 31px;
    justify-content: space-between;
    gap: 18px;
    padding: 8px 17px 8px 21px;
    border: 1px solid rgba(223, 167, 83, .55);
    border-radius: 2px;
    background: linear-gradient(180deg, #e2ad5f, #c99246);
    box-shadow: 0 9px 16px rgba(0, 0, 0, .28);
    color: #070707 !important;
    font-size: 11px;
    font-weight: 900;
}

.vx-omega-signature .vx-btn:hover {
    border-color: #f0c275;
    background: #f0c275;
    color: #070707 !important;
}

@media (max-width: 991px) {
    .vx-omega-banner {
        min-height: 420px;
        padding: 30px;
        background:
            linear-gradient(180deg, rgba(7, 7, 7, .98) 0%, rgba(7, 7, 7, .92) 48%, rgba(7, 7, 7, .28) 100%),
            url("../images/veltrixa-omega-banner.png") center bottom / cover no-repeat,
            #070707;
    }
}

@media (max-width: 640px) {
    .vx-omega-signature {
        padding-top: 14px !important;
    }

    .vx-omega-banner {
        width: min(430px, calc(100% - 28px));
        min-height: 520px;
        padding: 24px 20px;
        background:
            linear-gradient(180deg, rgba(7, 7, 7, .99) 0%, rgba(7, 7, 7, .93) 56%, rgba(7, 7, 7, .32) 100%),
            url("../images/veltrixa-omega-banner.png") center bottom / auto 58% no-repeat,
            #070707;
    }

    .vx-omega-signature .vx-omega-copy h2 {
        font-size: 25px;
    }
}

/* Screenshot-matched Veltrixa technology circuit banner */
.vx-technology {
    padding: 0 0 34px !important;
    background: #030303 !important;
}

.vx-technology > .container {
    width: min(1368px, 100%);
    max-width: none;
    padding-inline: 12px;
}

.vx-technology .vx-section-head {
    margin: 0 0 6px;
    text-align: center;
}

.vx-technology .vx-section-head h2 {
    margin: 0;
    color: rgba(255, 255, 255, .64) !important;
    font-size: clamp(23px, 2vw, 28px);
    font-weight: 500;
    line-height: 1.12;
    letter-spacing: 0;
    text-transform: uppercase;
}

.vx-technology .vx-section-head h2 span {
    color: #bd835d !important;
    font-weight: 750;
}

.vx-tech-band {
    --tech-copper: #c8946f;
    position: relative;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 0;
    min-height: 124px;
    margin: 0 0 24px;
    padding: 0 22px;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 9px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .03), rgba(255, 255, 255, .012)),
        rgba(8, 8, 8, .92);
    box-shadow:
        inset 0 0 0 1px rgba(0, 0, 0, .72),
        inset 0 0 46px rgba(255, 255, 255, .025),
        0 14px 34px rgba(0, 0, 0, .58);
    overflow: hidden;
}

.vx-tech-band::before,
.vx-tech-band::after {
    display: none;
}

.vx-tech-band::before {
    background:
        linear-gradient(90deg, transparent 0 19%, rgba(200, 148, 111, .36) 19% calc(19% + 1px), transparent calc(19% + 1px) 31%, rgba(200, 148, 111, .36) 31% calc(31% + 1px), transparent calc(31% + 1px) 52%, rgba(200, 148, 111, .32) 52% calc(52% + 1px), transparent calc(52% + 1px) 76%, rgba(200, 148, 111, .32) 76% calc(76% + 1px), transparent calc(76% + 1px)),
        linear-gradient(135deg, transparent 0 19.8%, rgba(200, 148, 111, .38) 19.8% calc(19.8% + 1px), transparent calc(19.8% + 1px) 48%, rgba(200, 148, 111, .28) 48% calc(48% + 1px), transparent calc(48% + 1px) 82%, rgba(200, 148, 111, .34) 82% calc(82% + 1px), transparent calc(82% + 1px)),
        linear-gradient(45deg, transparent 0 23%, rgba(200, 148, 111, .32) 23% calc(23% + 1px), transparent calc(23% + 1px) 68%, rgba(200, 148, 111, .32) 68% calc(68% + 1px), transparent calc(68% + 1px));
}

.vx-tech-band::after {
    inset: 16px 32px;
    background:
        radial-gradient(circle at 8% 54%, rgba(236, 186, 139, .92) 0 2px, transparent 3px),
        radial-gradient(circle at 29% 22%, rgba(236, 186, 139, .9) 0 2px, transparent 3px),
        radial-gradient(circle at 47% 68%, rgba(236, 186, 139, .88) 0 2px, transparent 3px),
        radial-gradient(circle at 73% 27%, rgba(236, 186, 139, .9) 0 2px, transparent 3px),
        radial-gradient(circle at 88% 69%, rgba(236, 186, 139, .88) 0 2px, transparent 3px),
        repeating-linear-gradient(90deg, transparent 0 124px, rgba(200, 148, 111, .24) 124px 125px, transparent 125px 252px),
        repeating-linear-gradient(0deg, transparent 0 35px, rgba(200, 148, 111, .18) 35px 36px, transparent 36px 72px);
    mix-blend-mode: screen;
    opacity: .38;
}

.vx-tech-band article {
    position: relative;
    z-index: 1;
    min-height: 122px;
    display: grid;
    grid-template-columns: 80px minmax(0, 1fr);
    grid-template-rows: auto auto;
    align-content: center;
    align-items: center;
    column-gap: 28px;
    row-gap: 5px;
    padding: 16px 28px 15px 26px;
    background: transparent;
}

.vx-tech-band article::before,
.vx-tech-band article::after {
    content: "";
    position: absolute;
    pointer-events: none;
}

.vx-tech-band article::before {
    display: none;
}

.vx-tech-band article::after {
    display: none;
}

.vx-tech-band article:last-child::after {
    display: none;
}

.vx-tech-band i {
    position: relative;
    z-index: 1;
    grid-column: 1;
    grid-row: 1 / span 2;
    width: 74px;
    height: 74px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1.5px solid rgba(224, 176, 131, .92);
    border-radius: 50%;
    color: #efc091 !important;
    font-size: 38px;
    line-height: 1;
    text-shadow: 0 0 16px rgba(224, 176, 131, .35);
}

.vx-tech-band h3 {
    position: relative;
    z-index: 1;
    grid-column: 2;
    grid-row: 1;
    margin: 0;
    color: #bf825f !important;
    font-size: 16px;
    font-weight: 850;
    line-height: 1;
    letter-spacing: 0;
    text-transform: uppercase;
}

.vx-tech-band h3 sup {
    position: relative;
    top: -.28em;
    margin-left: 1px;
    font-size: 9px;
    line-height: 0;
}

.vx-tech-band p {
    position: relative;
    z-index: 1;
    grid-column: 2;
    grid-row: 2;
    max-width: 190px;
    margin: 0;
    color: rgba(255, 255, 255, .62) !important;
    font-size: 15px;
    font-weight: 430;
    line-height: 1.42;
}

@media (max-width: 1199px) {
    .vx-tech-band {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        padding: 6px 12px;
    }

    .vx-tech-band article:nth-child(2)::after {
        display: none;
    }
}

@media (max-width: 767px) {
    .vx-technology > .container {
        padding-inline: 14px;
    }

    .vx-technology .vx-section-head h2 {
        font-size: 21px;
    }

    .vx-tech-band {
        grid-template-columns: 1fr !important;
        padding: 6px 10px;
    }

    .vx-tech-band article {
        min-height: 104px;
        grid-template-columns: 66px minmax(0, 1fr);
        gap: 18px;
        padding: 14px 12px;
    }

    .vx-tech-band article::after {
        left: 12px;
        right: 12px;
        top: auto;
        bottom: 0;
        width: auto;
        height: 1px;
    }

    .vx-tech-band article:last-child::after {
        display: none;
    }

    .vx-tech-band article::before {
        left: 96px;
    }

    .vx-tech-band i {
        width: 60px;
        height: 60px;
        font-size: 31px;
    }

    .vx-tech-band p {
        max-width: none;
        font-size: 13px;
    }
}

/* Screenshot-matched Technology / Warranty / Dealer cards */
.vx-technology {
    padding: 18px 0 32px !important;
    background: transparent !important;
}

.vx-technology .vx-section-head {
    display: block !important;
    width: 100%;
    max-width: none;
    margin: 0 auto 10px;
    text-align: center;
}

.vx-technology .vx-section-head h2 {
    width: 100%;
    margin: 0 auto;
    color: rgba(255, 255, 255, .66) !important;
    font-size: clamp(20px, 1.95vw, 28px);
    font-weight: 500;
    line-height: 1.12;
    text-align: center;
    text-transform: uppercase;
}

.vx-technology .vx-section-head h2 span {
    color: #bd835d !important;
    font-weight: 800;
}

.vx-technology .vx-tech-band {
    --tech-copper: #c8946f;
    position: relative;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 0;
    min-height: 116px;
    margin: 0 0 28px;
    padding: 0 14px;
    border: 1px solid rgba(200, 148, 111, .24);
    border-radius: 8px;
    background: rgba(7, 7, 7, .72);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .04),
        0 12px 28px rgba(0, 0, 0, .32);
    overflow: hidden;
}

.vx-technology .vx-tech-band::before,
.vx-technology .vx-tech-band::after {
    display: none;
}

.vx-technology .vx-tech-band::before {
    background:
        linear-gradient(90deg, transparent 0 18%, rgba(200, 148, 111, .36) 18% calc(18% + 1px), transparent calc(18% + 1px) 30%, rgba(200, 148, 111, .32) 30% calc(30% + 1px), transparent calc(30% + 1px) 52%, rgba(200, 148, 111, .32) 52% calc(52% + 1px), transparent calc(52% + 1px) 77%, rgba(200, 148, 111, .32) 77% calc(77% + 1px), transparent calc(77% + 1px)),
        linear-gradient(135deg, transparent 0 20%, rgba(200, 148, 111, .34) 20% calc(20% + 1px), transparent calc(20% + 1px) 47%, rgba(200, 148, 111, .26) 47% calc(47% + 1px), transparent calc(47% + 1px) 82%, rgba(200, 148, 111, .3) 82% calc(82% + 1px), transparent calc(82% + 1px)),
        linear-gradient(45deg, transparent 0 24%, rgba(200, 148, 111, .28) 24% calc(24% + 1px), transparent calc(24% + 1px) 68%, rgba(200, 148, 111, .28) 68% calc(68% + 1px), transparent calc(68% + 1px));
    opacity: .72;
}

.vx-technology .vx-tech-band::after {
    inset: 14px 26px;
    background:
        radial-gradient(circle at 8% 54%, rgba(236, 186, 139, .9) 0 2px, transparent 3px),
        radial-gradient(circle at 30% 20%, rgba(236, 186, 139, .85) 0 2px, transparent 3px),
        radial-gradient(circle at 46% 72%, rgba(236, 186, 139, .78) 0 2px, transparent 3px),
        radial-gradient(circle at 72% 26%, rgba(236, 186, 139, .86) 0 2px, transparent 3px),
        radial-gradient(circle at 90% 66%, rgba(236, 186, 139, .8) 0 2px, transparent 3px),
        repeating-linear-gradient(90deg, transparent 0 118px, rgba(200, 148, 111, .24) 118px 119px, transparent 119px 240px),
        repeating-linear-gradient(0deg, transparent 0 35px, rgba(200, 148, 111, .16) 35px 36px, transparent 36px 72px);
    opacity: .42;
    mix-blend-mode: screen;
}

.vx-technology .vx-tech-band article {
    position: relative;
    z-index: 1;
    min-height: 114px;
    display: grid;
    grid-template-columns: 68px minmax(0, 1fr);
    grid-template-rows: auto auto;
    align-content: center;
    align-items: center;
    column-gap: 18px;
    row-gap: 6px;
    padding: 16px 20px;
    background: transparent;
}

.vx-technology .vx-tech-band article::before {
    content: "";
    position: absolute;
    top: 18px;
    right: 0;
    bottom: 18px;
    display: block;
    width: 1px;
    background: linear-gradient(180deg, transparent, rgba(200, 148, 111, .28), transparent);
    pointer-events: none;
}

.vx-technology .vx-tech-band article:last-child::before {
    display: none;
}

.vx-technology .vx-tech-band i {
    grid-column: 1;
    grid-row: 1 / span 2;
    width: 60px;
    height: 60px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1.5px solid rgba(224, 176, 131, .92);
    border-radius: 50%;
    color: #efc091 !important;
    font-size: 31px;
    line-height: 1;
    text-shadow: 0 0 16px rgba(224, 176, 131, .35);
}

.vx-technology .vx-tech-band h3 {
    grid-column: 2;
    grid-row: 1;
    margin: 0;
    color: #bf825f !important;
    font-size: 14px;
    font-weight: 850;
    line-height: 1;
    text-transform: uppercase;
}

.vx-technology .vx-tech-band h3 sup {
    position: relative;
    top: -.28em;
    margin-left: 1px;
    font-size: 8px;
    line-height: 0;
}

.vx-technology .vx-tech-band p {
    grid-column: 2;
    grid-row: 2;
    max-width: 180px;
    margin: 0;
    color: rgba(255, 255, 255, .62) !important;
    font-size: 12px;
    font-weight: 430;
    line-height: 1.38;
}

@media (max-width: 1199px) {
    .vx-technology .vx-tech-band {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        padding: 6px 12px;
    }

    .vx-technology .vx-tech-band article:nth-child(2)::before {
        display: none;
    }
}

@media (max-width: 767px) {
    .vx-technology .vx-section-head h2 {
        font-size: 20px;
    }

    .vx-technology .vx-tech-band {
        grid-template-columns: 1fr !important;
        padding: 6px 10px;
    }

    .vx-technology .vx-tech-band article {
        min-height: 104px;
        grid-template-columns: 62px minmax(0, 1fr);
        column-gap: 18px;
        padding: 14px 12px;
    }

    .vx-technology .vx-tech-band article::before {
        top: auto;
        left: 12px;
        right: 12px;
        bottom: 0;
        width: auto;
        height: 1px;
        background: linear-gradient(90deg, transparent, rgba(200, 148, 111, .28), transparent);
    }

    .vx-technology .vx-tech-band article:nth-child(2)::before {
        display: block;
    }

    .vx-technology .vx-tech-band article:last-child::before {
        display: none;
    }

    .vx-technology .vx-tech-band i {
        width: 58px;
        height: 58px;
        font-size: 30px;
    }

    .vx-technology .vx-tech-band h3 {
        font-size: 14px;
    }

    .vx-technology .vx-tech-band p {
        max-width: none;
        font-size: 13px;
    }
}

.vx-action-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 22px !important;
    margin: 0;
}

.vx-action-card {
    position: relative;
    min-height: 234px;
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(170px, .92fr);
    align-items: center;
    gap: 14px;
    padding: 28px 24px 24px 30px;
    border: 1px solid rgba(255, 255, 255, .17);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .035), rgba(255, 255, 255, .006) 44%, rgba(210, 149, 91, .035)),
        #070808;
    box-shadow:
        inset 0 0 0 1px rgba(0, 0, 0, .72),
        inset 0 1px 0 rgba(255, 255, 255, .045),
        0 10px 22px rgba(0, 0, 0, .48);
    overflow: hidden;
}

.vx-action-card::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(90deg, rgba(255, 255, 255, .035), transparent 24% 76%, rgba(255, 255, 255, .025)),
        radial-gradient(circle at 75% 47%, rgba(255, 255, 255, .07), transparent 32%);
    opacity: .72;
}

.vx-action-card::after {
    content: "";
    position: absolute;
    inset: 9px;
    pointer-events: none;
    border-radius: 5px;
    border: 1px solid rgba(255, 255, 255, .025);
    background: none;
}

.vx-action-card > * {
    position: relative;
    z-index: 1;
}

.vx-action-kicker {
    display: block;
    margin: 0 0 7px;
    color: #c18a5f !important;
    font-size: 12px;
    font-weight: 850;
    line-height: 1;
    letter-spacing: 0;
    text-transform: uppercase;
}

.vx-action-card h3 {
    max-width: 250px;
    margin: 0 0 16px;
    color: rgba(255, 255, 255, .88) !important;
    font-size: 14px;
    font-weight: 850;
    line-height: 1.15;
    letter-spacing: 0;
    text-transform: uppercase;
}

.vx-action-card p {
    max-width: 235px;
    margin: 0 0 14px;
    color: rgba(255, 255, 255, .52) !important;
    font-size: 13px;
    font-weight: 450;
    line-height: 1.48;
}

.vx-action-card .vx-mini-btn {
    min-width: 156px;
    min-height: 32px;
    gap: 18px;
    margin-top: 0;
    padding: 9px 13px;
    border: 1px solid rgba(195, 135, 83, .78);
    border-radius: 4px;
    background: rgba(0, 0, 0, .14);
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .38);
    color: #c89162 !important;
    font-size: 11px;
    font-weight: 850;
    line-height: 1;
    white-space: nowrap;
}

.vx-action-card .vx-mini-btn span,
.vx-action-card .vx-mini-btn i {
    color: inherit !important;
}

.vx-action-card .vx-mini-btn i {
    margin-left: auto;
    font-size: 18px;
    line-height: 1;
}

.vx-action-card .vx-mini-btn:hover,
.vx-action-warranty .vx-action-buttons .vx-mini-btn:first-child {
    border-color: #dea45e;
    background: linear-gradient(180deg, #e3ab63, #c98941);
    color: #0a0704 !important;
    transform: translateY(-1px);
}

.vx-action-buttons {
    display: grid;
    gap: 9px;
    justify-items: start;
}

.vx-action-tech .vx-layer-mini {
    position: absolute;
    top: 0px;
    right: -60px;
    min-height: 0;
    width: 336px;
    height: 256px;
    display: grid;
    align-content: center;
    gap: 0;
    padding: 0;
    /* transform: rotate(-10deg); */
    filter: drop-shadow(0 18px 22px rgba(0, 0, 0, .48));
}

.vx-action-tech .vx-layer-mini .vx-film-layer {
    width: 190px;
    min-height: 48px;
    margin: -5px auto;
    border: 1px solid rgba(255, 255, 255, .15);
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .48), rgba(255, 255, 255, .08) 48%, rgba(255, 255, 255, .015)),
        linear-gradient(90deg, rgba(255, 255, 255, .12), transparent);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .24),
        0 17px 24px rgba(0, 0, 0, .28);
    transform: skewY(-12deg) rotateX(49deg);
}

.vx-action-tech .vx-layer-mini .vx-film-layer:nth-child(1) {
    opacity: .92;
    margin-left: 4px;
}

.vx-action-tech .vx-layer-mini .vx-film-layer:nth-child(2) {
    opacity: .82;
    margin-left: 20px;
}

.vx-action-tech .vx-layer-mini .vx-film-layer:nth-child(3) {
    opacity: .7;
    margin-left: 36px;
}

.vx-action-tech .vx-layer-mini .vx-film-layer:nth-child(4) {
    opacity: .55;
    margin-left: 52px;
}

.vx-action-tech .vx-layer-mini .vx-film-layer:nth-child(5) {
    opacity: .43;
    margin-left: 68px;
}

.vx-action-warranty {
    grid-template-columns: minmax(0, 1.1fr) minmax(150px, .7fr);
}

.vx-action-warranty h3 {
    font-size: 13px;
    white-space: nowrap;
}

.vx-action-warranty p {
    max-width: 215px;
    margin-bottom: 12px;
    line-height: 1.42;
}

.vx-action-warranty::before {
    background:
        linear-gradient(90deg, transparent 0 57%, rgba(255, 255, 255, .07) 57% calc(57% + 1px), transparent calc(57% + 1px)),
        radial-gradient(circle at 78% 47%, rgba(204, 142, 87, .11), transparent 34%);
}

.vx-shield-mini {
    width: 150px;
    min-height: 168px;
    display: grid;
    align-self: start;
    justify-items: center;
    align-content: center;
    margin: 10px auto 0;
    padding: 18px 18px 25px;
    border: 2px solid rgba(226, 166, 105, .74);
    clip-path: polygon(50% 0, 94% 17%, 89% 75%, 50% 100%, 11% 75%, 6% 17%);
    background:
        radial-gradient(circle at 50% 35%, rgba(238, 178, 114, .32), transparent 58%),
        linear-gradient(135deg, #21170f, #080808 48%, #2a1a10);
    box-shadow:
        inset 0 0 0 4px rgba(0, 0, 0, .62),
        inset 0 0 0 6px rgba(226, 166, 105, .28),
        0 18px 28px rgba(0, 0, 0, .54);
}

.vx-shield-mini strong {
    color: #e0a86f !important;
    font-size: 58px;
    font-weight: 850;
    line-height: .9;
    text-shadow: 0 2px 0 rgba(0, 0, 0, .55);
}

.vx-shield-mini span {
    max-width: 74px;
    color: rgba(235, 186, 137, .88) !important;
    font-size: 12px;
    font-weight: 850;
    line-height: 1.15;
    letter-spacing: 0;
    text-align: center;
    text-transform: uppercase;
}

.vx-action-dealer {
    grid-template-columns: minmax(0, .72fr) minmax(180px, 1fr);
    background:
        linear-gradient(90deg, #070808 0 48%, rgba(7, 8, 8, .7) 60%, rgba(7, 8, 8, .18)),
        #070808 !important;
}

.vx-action-dealer p {
    max-width: 255px;
}

.vx-dealer-handshake {
    position: absolute;
    top: 42px;
    right: -4px;
    width: 250px;
    height: 142px;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: rotate(-3deg);
}

.vx-dealer-handshake::before,
.vx-dealer-handshake::after {
    content: "";
    position: absolute;
    top: 24px;
    width: 115px;
    height: 74px;
    border-radius: 12px 12px 20px 20px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .12), rgba(255, 255, 255, .02)),
        #16191f;
    box-shadow: inset 0 -7px 18px rgba(0, 0, 0, .38);
}

.vx-dealer-handshake::before {
    right: 128px;
    transform: skewX(-21deg) rotate(13deg);
}

.vx-dealer-handshake::after {
    right: -4px;
    transform: skewX(20deg) rotate(-12deg);
}

.vx-dealer-handshake i {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 150px;
    height: 108px;
    color: #c98763 !important;
    font-size: 96px;
    line-height: 1;
    text-shadow:
        0 4px 10px rgba(0, 0, 0, .62),
        0 0 18px rgba(201, 135, 99, .14);
}

.vx-dealer-handshake i::before {
    color: #cf9168 !important;
}

@media (max-width: 1199px) {
    .vx-action-grid {
        gap: 14px !important;
    }

    .vx-action-card {
        min-height: 252px;
        grid-template-columns: 1fr;
        align-content: start;
    }

    .vx-action-tech .vx-layer-mini,
    .vx-shield-mini,
    .vx-dealer-handshake {
        justify-self: end;
    }

    .vx-action-tech .vx-layer-mini {
        position: absolute;
        right: 8px;
        bottom: 6px;
        width: 178px;
        transform: scale(.84) rotate(-10deg);
    }

    .vx-shield-mini {
        position: absolute;
        right: 18px;
        bottom: 18px;
        transform: scale(.82);
        transform-origin: right bottom;
    }

    .vx-dealer-handshake {
        top: auto;
        right: -34px;
        bottom: 15px;
        transform: scale(.82) rotate(-3deg);
        transform-origin: right bottom;
    }
}

@media (max-width: 991px) {
    .vx-action-grid {
        grid-template-columns: 1fr !important;
    }

    .vx-action-card {
        min-height: 230px;
        padding: 26px 24px;
    }
}

@media (max-width: 575px) {
    .vx-technology {
        padding-top: 10px !important;
    }

    .vx-action-card {
        min-height: 270px;
        padding: 24px 20px;
    }

    .vx-action-card h3,
    .vx-action-card p {
        max-width: 210px;
    }

    .vx-action-tech .vx-layer-mini {
        right: -18px;
        bottom: -7px;
        transform: scale(.72) rotate(-10deg);
    }

    .vx-shield-mini {
        right: 8px;
        bottom: 12px;
        transform: scale(.74);
    }

    .vx-dealer-handshake {
        right: -62px;
        bottom: 6px;
        transform: scale(.72) rotate(-3deg);
    }
}

/* Final mobile polish */
body.no-scroll {
    overflow: hidden;
    touch-action: none;
}

.vx-action-card img,
.vx-pack-shot img,
.vx-series-pack img,
.footer-logo img {
    max-width: 100%;
    height: auto;
}

@media (max-width: 991px) {
    #navbar {
        position: sticky;
        top: 0;
        z-index: 20;
    }

    .sidebar-modal {
        width: min(86vw, 360px);
    }

    .vx-hero {
        min-height: auto;
    }

    .vx-hero-inner {
        min-height: auto;
        justify-content: flex-start;
        padding-top: clamp(56px, 12vw, 84px);
        padding-bottom: 20px;
    }

    .vx-hero::before {
        background:
            linear-gradient(180deg, rgba(0, 0, 0, .34), rgba(0, 0, 0, .58) 50%, rgba(0, 0, 0, .9) 100%),
            linear-gradient(90deg, rgba(0, 0, 0, .84), rgba(0, 0, 0, .28) 58%, rgba(0, 0, 0, .16));
    }

    .vx-hero-bg,
    .vx-hero-bg-layer {
        background-position: center center;
        background-size: cover;
    }

    .vx-hero-bg {
        opacity: 1;
        filter: saturate(1.04) contrast(1.08) brightness(.82);
    }

    .vx-intro,
    .vx-section,
    .vx-omega,
    .vx-gallery {
        padding-block: 42px;
    }

    .vx-series-showcase .vx-series-frame,
    .vx-omega-banner {
        width: calc(100% - 24px);
    }

    .vx-action-card img {
        display: block;
        width: min(220px, 56vw);
        margin-left: auto;
    }
}

@media (max-width: 767px) {
    html,
    body {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
    }

    body {
        font-size: 15px;
    }

    .container {
        width: 100%;
        max-width: 100%;
        padding-inline: 16px;
    }

    #navbar {
        padding-block: 10px !important;
    }

    #navbar img {
        width: 134px;
    }

    .navbar-burger-toggle span {
        width: 27px;
    }

    .vx-hero-inner {
        padding-top: 48px;
    }

    .vx-hero-copy {
        width: min(100%, 358px);
        max-width: 100%;
    }

    .vx-hero h1 {
        margin-bottom: 14px;
        max-width: 100%;
        font-size: clamp(36px, 10.8vw, 44px);
        line-height: .98;
        overflow-wrap: anywhere;
    }

    .vx-hero p {
        max-width: 100%;
        font-size: 15px;
        line-height: 1.55;
    }

    .vx-hero-actions {
        gap: 10px;
        margin-top: 22px;
    }

    .vx-btn,
    .primary-btn,
    .footer-cta-link,
    .vx-mini-btn {
        max-width: 100%;
        white-space: normal;
        text-align: center;
    }

    .vx-hero-meter {
        display: block;
        grid-template-columns: none;
        margin-top: 24px;
        overflow: hidden;
    }

    .vx-hero-meter-viewport {
        display: block;
        overflow: hidden;
        width: 100%;
    }

    .vx-hero-meter-track {
        display: flex;
        width: max-content;
        animation: vxHeroMeterMarquee 20s linear infinite;
        will-change: transform;
    }

    .vx-hero-meter span {
        flex: 0 0 220px;
        min-height: 72px;
        justify-content: center;
        padding: 13px 14px;
        border-right: 1px solid rgba(210, 185, 118, .16);
        text-align: center;
        white-space: nowrap;
    }

    .vx-hero-meter .vx-meter-clone {
        display: flex !important;
    }

    .vx-intro-grid {
        padding: 24px 18px;
        background:
            linear-gradient(180deg, rgba(0, 0, 0, .97), rgba(0, 0, 0, .82)),
            url("../images/vehicle8.jpg") center bottom / cover no-repeat,
            #050505;
    }

    .vx-intro-copy h2,
    .vx-section-head h2,
    .vx-omega h2,
    .vx-partner h2,
    .vx-warranty h2,
    .vx-locator h2 {
        font-size: clamp(27px, 7vw, 38px);
        line-height: 1.04;
    }

    .vx-intro-copy p,
    .vx-partner-copy p,
    .vx-warranty-copy p,
    .vx-locator p,
    .vx-tech-copy p {
        width: min(100%, 330px);
        max-width: 100%;
        font-size: 15px;
        line-height: 1.62;
    }

    .vx-series-showcase {
        padding-bottom: 32px !important;
    }

    .vx-series-showcase .vx-series-frame {
        width: calc(100% - 24px);
        padding-block: 26px;
    }

    .vx-series-showcase .vx-series-title h2 {
        margin-bottom: 24px;
        font-size: 25px;
    }

    .vx-series-showcase .vx-series-stage {
        grid-template-columns: 1fr !important;
        gap: 14px;
        min-height: 0;
        padding: 0;
    }

    .vx-series-showcase .vx-series-stage::before,
    .vx-series-showcase .vx-series-stage::after {
        display: none;
    }

    .vx-series-showcase .vx-series-card.vx-series-item,
    .vx-series-showcase .vx-series-card.vx-series-omega {
        grid-template-rows: 150px minmax(0, 1fr);
        min-height: 0;
        margin: 0;
        padding: 16px;
        border-radius: 8px;
    }

    .vx-series-showcase .vx-series-pack,
    .vx-series-showcase .vx-pack-omega.vx-series-pack,
    .vx-series-showcase .vx-omega-packs {
        width: 100%;
        height: 150px;
        min-height: 150px;
    }

    .vx-series-showcase .vx-series-pack img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .vx-series-showcase .vx-series-card.vx-series-item h3 {
        font-size: 22px;
        line-height: 1;
    }

    .vx-omega-banner {
        min-height: 430px;
        padding: 22px 18px;
        background:
            linear-gradient(180deg, rgba(7, 7, 7, .99) 0%, rgba(7, 7, 7, .94) 58%, rgba(7, 7, 7, .42) 100%),
            url("../images/veltrixa-omega-banner.png") center bottom / auto 48% no-repeat,
            #070707;
    }

    .vx-omega-signature .vx-omega-copy h2 {
        font-size: 24px;
    }

    .vx-omega-signature .vx-btn {
        width: 100%;
    }

    .vx-action-grid {
        gap: 14px !important;
    }

    .vx-action-card {
        min-height: 184px;
        width: 100%;
        grid-template-columns: 1fr;
        align-items: center;
        gap: 0;
        padding: 18px 16px;
        border-color: rgba(255, 255, 255, .16);
        border-radius: 8px;
        background:
            linear-gradient(90deg, #070808 0%, rgba(7, 8, 8, .96) 44%, rgba(7, 8, 8, .62) 68%, rgba(7, 8, 8, .28) 100%),
            linear-gradient(145deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .006) 44%, rgba(210, 149, 91, .04)),
            #070808 !important;
        box-shadow:
            inset 0 0 0 1px rgba(0, 0, 0, .72),
            inset 0 1px 0 rgba(255, 255, 255, .045),
            0 12px 28px rgba(0, 0, 0, .5);
    }

    .vx-action-card > div:first-child {
        align-self: center;
    }

    .vx-action-card h3,
    .vx-action-card p {
        max-width: 100%;
    }

    .vx-action-card h3 {
        margin-bottom: 14px;
        font-size: 14px;
        line-height: 1.08;
        white-space: normal;
    }

    .vx-action-card p {
        margin-bottom: 14px;
        color: rgba(255, 255, 255, .58) !important;
        font-size: 13px;
        line-height: 1.5;
    }

    .vx-action-card .vx-mini-btn {
        width: 100%;
        min-width: 0;
        justify-content: space-between;
        padding-inline: 12px;
        white-space: nowrap;
    }

    .vx-action-buttons {
        width: 100%;
        gap: 8px;
    }

    .vx-action-tech .vx-layer-mini {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        min-height: 0;
        margin-top: 0;
        transform: none;
        pointer-events: none;
    }

    .vx-action-card > div:last-child {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        min-height: 0;
        display: grid;
        align-items: center;
        justify-items: center;
        pointer-events: none;
    }

    .vx-action-tech .vx-layer-mini img,
    .vx-action-card > div:last-child img {
        display: block;
        width: 100%;
        max-height: 152px;
        object-fit: contain;
        margin-inline: auto;
        opacity: .34;
        filter: drop-shadow(0 16px 18px rgba(0, 0, 0, .56));
    }

    .vx-action-warranty,
    .vx-action-dealer {
        grid-template-columns: 1fr;
    }

    .vx-action-dealer {
        background:
            linear-gradient(90deg, #070808 0%, rgba(7, 8, 8, .96) 44%, rgba(7, 8, 8, .62) 68%, rgba(7, 8, 8, .28) 100%),
            linear-gradient(145deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .006) 44%, rgba(210, 149, 91, .04)),
            #070808 !important;
    }

    .vx-gallery-strip img {
        height: 210px;
    }

    .site-footer .footer-main,
    .site-footer .footer-links.vx-footer-links {
        grid-template-columns: 1fr;
        justify-items: center;
        text-align: center;
    }

    .site-footer .footer-main {
        gap: 28px;
        padding-inline: 10px;
    }

    .site-footer .footer-links.vx-footer-links > .footer-column:nth-child(1),
    .site-footer .footer-links.vx-footer-links > .footer-column:nth-child(2),
    .site-footer .footer-links.vx-footer-links > .vx-newsletter {
        display: none;
    }

    .site-footer .footer-brand,
    .site-footer .footer-contact,
    .site-footer .footer-contact ul {
        width: 100%;
        max-width: 360px;
        justify-items: center;
        text-align: center;
    }

    .site-footer .footer-brand p {
        max-width: 335px;
        margin-inline: auto;
    }

    .site-footer .footer-logo {
        margin-bottom: 16px;
    }

    .site-footer .footer-logo img {
        width: 150px;
    }

    .site-footer .footer-brand-points {
        width: fit-content;
        margin-inline: auto;
    }

    .site-footer .footer-brand-points li {
        display: grid;
        grid-template-columns: 18px auto;
        justify-content: start;
        text-align: left;
    }

    .site-footer .footer-socials {
        justify-content: center;
        margin-top: 22px;
    }

    .site-footer .footer-contact {
        margin-top: 2px;
    }

    .site-footer .footer-contact h3 {
        margin-bottom: 18px;
    }

    .site-footer .footer-contact ul {
        gap: 14px;
    }

    .site-footer .footer-contact li {
        display: grid;
        grid-template-columns: 24px minmax(0, 250px);
        justify-content: center;
        align-items: start;
        gap: 10px;
        width: 100%;
        text-align: left;
    }

    .site-footer .footer-contact a,
    .site-footer .footer-contact li > div {
        display: grid;
        gap: 2px;
        justify-items: start;
        text-align: left;
    }

    .site-footer .footer-contact i {
        justify-self: center;
        margin-top: 1px;
    }

    .footer-bottom {
        align-items: center;
        flex-direction: column;
        text-align: center;
    }

    .footer-bottom div {
        justify-content: center;
    }

    .floating-contact-btn {
        right: 0px;
        bottom: 200px;
    }

    #backToTopBtn.show {
        bottom: 128px;
    }

    .modal-overlay {
        padding: 12px;
        align-items: center;
    }

    .modal-content-wrapper,
    .corner-modal-overlay .modal-content-wrapper {
        width: 100%;
        max-width: 420px;
        max-height: calc(100vh - 24px);
        overflow-y: auto;
    }

    .modal-header {
        padding: 14px 16px;
    }

    .modal-header h5 {
        font-size: 18px;
    }

    .modal-body {
        padding: 18px 16px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .site-footer .footer-main {
        grid-template-columns: minmax(210px, .72fr) minmax(0, 2.6fr);
        justify-items: stretch;
        text-align: left;
    }

    .site-footer .footer-links.vx-footer-links {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        justify-items: stretch;
        text-align: left;
    }

    .site-footer .footer-links.vx-footer-links > .footer-column:nth-child(1),
    .site-footer .footer-links.vx-footer-links > .footer-column:nth-child(2) {
        display: none;
    }

    .site-footer .footer-contact {
        grid-column: auto;
    }
}

@media (max-width: 767px) {
    .site-footer .footer-main {
        grid-template-columns: 1fr;
        justify-items: stretch;
        gap: 32px;
        padding-inline: 0;
        text-align: left;
    }

    .site-footer .footer-links.vx-footer-links {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        justify-items: stretch;
        gap: 28px 22px;
        text-align: left;
    }

    .site-footer .footer-links.vx-footer-links > .footer-column:nth-child(1),
    .site-footer .footer-links.vx-footer-links > .footer-column:nth-child(2),
    .site-footer .footer-links.vx-footer-links > .vx-newsletter {
        display: block;
    }

    .site-footer .footer-brand,
    .site-footer .footer-contact,
    .site-footer .footer-contact ul {
        width: 100%;
        max-width: none;
        justify-items: start;
        text-align: left;
    }

    .site-footer .footer-logo {
        justify-content: flex-start;
    }

    .site-footer .footer-brand p {
        max-width: 380px;
        margin-inline: 0;
    }

    .site-footer .footer-brand-points {
        width: auto;
        margin-inline: 0;
    }

    .site-footer .footer-socials {
        justify-content: flex-start;
    }

    .site-footer .footer-contact li {
        grid-template-columns: 24px minmax(0, 1fr);
        justify-content: start;
        text-align: left;
    }

    .site-footer .footer-contact i {
        justify-self: start;
    }

    .footer-bottom {
        align-items: flex-start;
        text-align: left;
    }

    .footer-bottom div {
        justify-content: flex-start;
    }
}

@media (max-width: 480px) {
    .site-footer .footer-links.vx-footer-links {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 420px) {
    .container {
        padding-inline: 14px;
    }

    .vx-hero h1 {
        max-width: calc(100vw - 28px);
        font-size: clamp(34px, 10.2vw, 40px);
    }

    .vx-eyebrow,
    .vx-section-kicker {
        font-size: 11px;
    }

    .vx-series-showcase .vx-series-frame,
    .vx-omega-banner {
        width: calc(100% - 20px);
    }

    .vx-gallery-strip img {
        height: 188px;
    }
}

@media (max-width: 360px) {
    .vx-action-card {
        min-height: 176px;
        grid-template-columns: 1fr;
        padding: 16px 14px;
    }

    .vx-action-card h3,
    .vx-action-card p {
        max-width: 100%;
    }

    .vx-action-card h3 {
        font-size: 13px;
    }

    .vx-action-card p {
        font-size: 12px;
        line-height: 1.44;
    }

    .vx-action-card .vx-mini-btn,
    .vx-action-buttons {
        width: 100%;
    }

    .vx-action-card .vx-mini-btn {
        min-height: 34px;
        padding-inline: 10px;
        font-size: 10px;
    }

    .vx-action-tech .vx-layer-mini,
    .vx-action-card > div:last-child {
        right: 0;
        width: 100%;
        min-height: 0;
        height: 100%;
    }

    .vx-action-tech .vx-layer-mini img,
    .vx-action-card > div:last-child img {
        width: 100%;
        max-height: 132px;
    }
}

/* Refined gallery strip */
.vx-gallery {
    padding: clamp(34px, 4vw, 52px) 0 46px !important;
    background:
        radial-gradient(circle at 50% 0, rgba(201, 148, 111, .12), transparent 34%),
        linear-gradient(180deg, #030303 0%, #090909 58%, #030303 100%) !important;
}

.vx-gallery > .container {
    width: min(1240px, 100%);
    max-width: none;
    padding-inline: clamp(14px, 2vw, 24px);
}

.vx-gallery .vx-section-head {
    max-width: none;
    margin: 0 auto 12px !important;
    text-align: center;
}

.vx-gallery .vx-section-head .vx-section-kicker {
    display: inline;
    margin: 0;
    color: rgba(255, 255, 255, .62) !important;
    font-size: clamp(15px, 1.35vw, 19px) !important;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: 0;
    text-transform: uppercase;
}

.vx-gallery .vx-section-head .vx-section-kicker::before {
    display: none;
}

.vx-gallery .vx-section-head .vx-section-kicker::after {
    content: ", ";
}

.vx-gallery .vx-section-head h2 {
    display: inline;
    margin: 0;
    color: rgba(255, 255, 255, .62) !important;
    font-size: clamp(15px, 1.35vw, 19px) !important;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: 0;
    text-transform: uppercase;
}

.vx-gallery-stage {
    position: relative;
}

.vx-gallery-strip {
    position: relative;
    display: grid !important;
    grid-template-columns: 1.03fr .98fr 1.08fr 1.12fr 1.03fr !important;
    gap: 0 !important;
    min-height: clamp(150px, 13vw, 205px);
    overflow: hidden;
    border: 1px solid rgba(198, 139, 92, .32) !important;
    border-radius: 8px;
    background: #050505;
    box-shadow: 0 18px 42px rgba(0, 0, 0, .34);
}

.vx-gallery-strip::before,
.vx-gallery-strip::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
}

.vx-gallery-strip::before {
    background:
        linear-gradient(90deg, rgba(0, 0, 0, .34), transparent 18%, transparent 82%, rgba(0, 0, 0, .38)),
        linear-gradient(180deg, rgba(255, 255, 255, .08), transparent 28%, rgba(0, 0, 0, .18));
}

.vx-gallery-strip::after {
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: inherit;
}

.vx-gallery-strip > a:not(.vx-gallery-cta) {
    display: block;
    min-height: 100%;
    overflow: hidden;
    border-right: 1px solid rgba(255, 255, 255, .11);
}

.vx-gallery-strip > a:not(.vx-gallery-cta):nth-of-type(5) {
    border-right: 0;
}

.vx-gallery-strip img {
    width: 100%;
    height: clamp(150px, 13vw, 205px) !important;
    min-height: 100%;
    object-fit: cover;
    border: 0 !important;
    filter: saturate(.78) contrast(1.08) brightness(.74);
    transition: transform .35s ease, filter .35s ease;
}

.vx-gallery-strip > a:not(.vx-gallery-cta):nth-of-type(3) img {
    filter: saturate(.84) contrast(1.08) brightness(.82);
}

.vx-gallery-strip > a:not(.vx-gallery-cta):hover img {
    transform: scale(1.04);
    filter: saturate(.9) contrast(1.1) brightness(.88);
}

.vx-gallery-cta {
    position: absolute;
    left: 50%;
    bottom: 0;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 26px;
    min-width: min(210px, calc(100% - 32px));
    min-height: 48px;
    padding: 0 24px;
    border: 1px solid rgba(198, 139, 92, .7);
    border-bottom: 0;
    border-radius: 6px 6px 0 0;
    background: rgba(6, 6, 6, .88);
    color: #c8946f !important;
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
    text-transform: uppercase;
    transform: translateX(-50%);
    transition: color .2s ease, background .2s ease, border-color .2s ease;
}

.vx-gallery-cta i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border: 1px solid rgba(198, 139, 92, .55);
    border-radius: 50%;
    font-size: 13px;
}

.vx-gallery-cta:hover {
    border-color: #e0ad7b;
    background: rgba(14, 10, 7, .94);
    color: #e0ad7b !important;
}

.vx-gallery-mobile-controls {
    display: none;
}

@media (max-width: 991px) {
    .vx-gallery-strip {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        min-height: 0;
    }

    .vx-gallery-strip img {
        height: clamp(150px, 32vw, 240px) !important;
    }

    .vx-gallery-strip > a:not(.vx-gallery-cta):nth-of-type(3) {
        grid-column: span 2;
    }
}

@media (max-width: 575px) {
    .vx-gallery {
        padding: 30px 0 36px !important;
    }

    .vx-gallery .vx-section-head {
        margin-bottom: 10px !important;
    }

    .vx-gallery .vx-section-head .vx-section-kicker,
    .vx-gallery .vx-section-head h2 {
        font-size: 13px !important;
    }

    .vx-gallery-strip {
        grid-template-columns: 1fr !important;
    }

    .vx-gallery-strip img {
        height: 188px !important;
    }

    .vx-gallery-strip > a:not(.vx-gallery-cta):nth-of-type(3) {
        grid-column: auto;
    }

    .vx-gallery-cta {
        position: relative;
        left: auto;
        bottom: auto;
        width: 100%;
        min-width: 0;
        border-right: 0;
        border-left: 0;
        border-radius: 0;
        transform: none;
    }
}

@media (max-width: 767px) {
    .vx-gallery-stage.vx-gallery-mobile-slider {
        overflow: hidden;
        padding-bottom: 48px;
    }

    .vx-gallery-stage.vx-gallery-mobile-slider .vx-gallery-strip {
        display: flex !important;
        gap: 14px !important;
        min-height: 0;
        padding: 1px max(0px, calc((100% - min(84vw, 332px)) / 2)) 8px;
        overflow-x: auto;
        overflow-y: hidden;
        border: 0 !important;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        scroll-behavior: smooth;
        scroll-padding-inline: max(0px, calc((100% - min(84vw, 332px)) / 2));
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }

    .vx-gallery-stage.vx-gallery-mobile-slider .vx-gallery-strip::-webkit-scrollbar {
        display: none;
    }

    .vx-gallery-stage.vx-gallery-mobile-slider .vx-gallery-strip::before,
    .vx-gallery-stage.vx-gallery-mobile-slider .vx-gallery-strip::after {
        display: none;
    }

    .vx-gallery-stage.vx-gallery-mobile-slider .vx-gallery-strip > a:not(.vx-gallery-cta) {
        width: min(84vw, 332px);
        flex: 0 0 min(84vw, 332px);
        min-height: 0;
        overflow: hidden;
        border: 1px solid rgba(198, 139, 92, .32);
        border-radius: 8px;
        background: #050505;
        box-shadow: 0 16px 36px rgba(0, 0, 0, .34);
        scroll-snap-align: center;
        scroll-snap-stop: always;
    }

    .vx-gallery-stage.vx-gallery-mobile-slider .vx-gallery-strip img {
        display: block;
        height: clamp(214px, 62vw, 286px) !important;
    }

    .vx-gallery-stage.vx-gallery-mobile-slider .vx-gallery-strip > a:not(.vx-gallery-cta):nth-of-type(3) {
        grid-column: auto;
    }

    .vx-gallery-stage.vx-gallery-mobile-slider .vx-gallery-strip > a:not(.vx-gallery-cta):hover img {
        transform: none;
    }

    .vx-gallery-stage.vx-gallery-mobile-slider .vx-gallery-cta {
        display: none;
    }

    .vx-gallery-stage.vx-gallery-mobile-slider .vx-gallery-mobile-controls {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 8px;
        z-index: 4;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        min-height: 34px;
    }

    .vx-gallery-nav {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 34px;
        height: 34px;
        padding: 0;
        border: 1px solid rgba(198, 139, 92, .58);
        border-radius: 50%;
        background: rgba(6, 6, 6, .82);
        color: #d19b62;
        font-size: 18px;
        line-height: 1;
    }

    .vx-gallery-pagination {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 6px;
        min-width: 82px;
        height: 18px;
    }

    .vx-gallery-pagination button {
        width: 7px;
        height: 7px;
        margin: 0;
        padding: 0;
        border: 1px solid rgba(209, 155, 98, .65);
        border-radius: 50%;
        background: transparent;
        opacity: 1;
    }

    .vx-gallery-pagination button.active {
        width: 22px;
        border-radius: 999px;
        background: #d19b62;
    }
}

@media (max-width: 767px) {
    #about.vx-intro {
        padding-block: 34px 42px;
    }

    #about .vx-intro-grid {
        grid-template-columns: 1fr;
        gap: 20px;
        min-height: 0;
        padding: 22px 16px 18px;
        background:
            linear-gradient(180deg, rgba(0, 0, 0, .98), rgba(0, 0, 0, .9)),
            #050505;
    }

    #about .vx-intro-copy {
        position: relative;
        z-index: 1;
    }

    #about .vx-intro-media {
        display: block;
        width: 100%;
        min-height: 0;
        aspect-ratio: 700 / 317;
        margin-top: 4px;
        border: 0;
        background: transparent;
        opacity: 1;
        pointer-events: auto;
        overflow: visible;
    }

    #about .vx-intro-media picture {
        display: block;
        width: 100%;
        height: 100%;
    }

    #about .vx-intro-media img {
        display: block;
        width: 100%;
        height: 100%;
        min-height: 0;
        object-fit: contain;
        object-position: center;
        filter: saturate(.9) contrast(1.08) brightness(.92);
    }
}

@media (max-width: 767px) {
    .vx-series-showcase {
        padding-bottom: 30px !important;
    }

    .vx-series-showcase .vx-series-frame {
        width: min(430px, calc(100% - 24px));
        padding-block: 22px 26px;
    }

    .vx-series-showcase .vx-series-title h2 {
        margin-bottom: 22px;
        font-size: 24px;
        line-height: 1.16;
    }

    .vx-series-showcase .vx-series-stage {
        grid-template-columns: 1fr !important;
        justify-items: center;
        gap: 14px;
        padding: 0;
    }

    .vx-series-showcase .vx-series-card.vx-series-item,
    .vx-series-showcase .vx-series-card.vx-series-omega {
        width: min(282px, 100%);
        grid-template-rows: 112px minmax(0, 1fr);
        gap: 0;
        min-height: 286px;
        padding: 12px 15px 15px;
        border: 1px solid rgba(var(--vx-series-accent-rgb), .82);
        border-radius: 9px;
        background:
            radial-gradient(circle at 58% 5%, rgba(var(--vx-series-accent-rgb), .16), transparent 34%),
            repeating-linear-gradient(45deg, rgba(255, 255, 255, .026) 0 2px, transparent 2px 8px),
            linear-gradient(180deg, rgba(10, 10, 9, .98), rgba(2, 2, 2, .99));
        box-shadow:
            0 18px 34px rgba(0, 0, 0, .54),
            inset 0 1px 0 rgba(255, 255, 255, .07),
            inset 0 0 0 1px rgba(0, 0, 0, .62);
        overflow: hidden;
        transform: none;
    }

    .vx-series-showcase .vx-series-card.vx-series-item:hover {
        border-color: rgba(var(--vx-series-hover-rgb), .96);
        background:
            radial-gradient(circle at 58% 5%, rgba(var(--vx-series-hover-rgb), .28), transparent 34%),
            repeating-linear-gradient(45deg, rgba(255, 255, 255, .028) 0 2px, transparent 2px 8px),
            linear-gradient(135deg, rgba(var(--vx-series-hover-rgb), .18), rgba(12, 10, 8, .99) 46%, rgba(2, 2, 2, .99));
        box-shadow:
            0 0 24px rgba(var(--vx-series-hover-rgb), .22),
            0 18px 34px rgba(0, 0, 0, .56),
            inset 0 1px 0 rgba(255, 255, 255, .08);
        transform: translateY(-2px);
    }

    .vx-series-showcase .vx-series-card.vx-series-item::before {
        display: none;
    }

    .vx-series-showcase .vx-series-pack,
    .vx-series-showcase .vx-pack-omega.vx-series-pack,
    .vx-series-showcase .vx-omega-packs {
        align-self: center;
        width: 100%;
        height: 112px;
        min-height: 112px;
        margin: 0;
        border: 0;
        background: transparent;
        box-shadow: none;
        overflow: visible;
    }

    .vx-series-showcase .vx-series-pack img,
    .vx-series-showcase .vx-series-card.vx-series-omega .vx-series-pack img {
        width: min(92%, 206px);
        height: 112px;
        margin: 0 auto;
        object-fit: contain;
        object-position: center bottom;
        filter: drop-shadow(0 13px 14px rgba(0, 0, 0, .72));
    }

    .vx-series-showcase .vx-series-copy {
        align-items: center;
        justify-content: flex-start;
        height: 100%;
        padding-top: 10px;
        text-align: center;
    }

    .vx-series-showcase .vx-series-card.vx-series-item h3,
    .vx-series-showcase .vx-series-card.vx-series-omega h3 {
        min-height: 34px;
        margin: 0 0 8px;
        font-size: 20px;
        line-height: .92;
    }

    .vx-series-showcase .vx-series-copy > p {
        width: 100%;
        min-height: 30px;
        margin: 0 0 9px;
        padding-bottom: 9px;
        font-size: 10px;
        line-height: 1.25;
    }

    .vx-series-showcase .vx-series-copy > strong,
    .vx-series-showcase .vx-series-copy > small {
        margin: 0 0 8px;
        font-size: 9px;
        line-height: 1.1;
    }

    .vx-series-showcase .vx-series-copy > small {
        margin-bottom: 0;
    }

    .vx-series-showcase .vx-series-card.vx-series-item a {
        width: 92px;
        min-height: 26px;
        margin: auto auto 0;
        padding: 7px 10px;
        border-radius: 2px;
        font-size: 7px;
    }
}

@media (max-width: 767px) {
    .vx-series-showcase .vx-series-stage.vx-series-mobile-swiper {
        display: block;
        width: 100%;
        overflow: hidden;
        padding: 2px 0 38px;
    }

    .vx-series-showcase .vx-series-stage.vx-series-mobile-swiper .vx-series-slider-wrapper {
        display: flex;
        align-items: stretch;
        gap: 16px;
        width: 100%;
        padding-inline: max(0px, calc((100% - 282px) / 2));
        overflow-x: auto;
        overflow-y: hidden;
        overscroll-behavior-x: contain;
        scroll-behavior: smooth;
        scroll-snap-type: x mandatory;
        scroll-padding-inline: max(0px, calc((100% - 282px) / 2));
        -webkit-overflow-scrolling: touch;
        cursor: grab;
        touch-action: pan-x pan-y;
        user-select: none;
        -webkit-user-select: none;
        scrollbar-width: none;
    }

    .vx-series-showcase .vx-series-stage.vx-series-mobile-swiper .vx-series-slider-wrapper::-webkit-scrollbar {
        display: none;
    }

    .vx-series-showcase .vx-series-stage.vx-series-mobile-swiper .vx-series-slider-wrapper.is-dragging {
        cursor: grabbing;
        scroll-behavior: auto;
        scroll-snap-type: none;
    }

    .vx-series-showcase .vx-series-stage.vx-series-mobile-swiper .vx-series-card.vx-series-item,
    .vx-series-showcase .vx-series-stage.vx-series-mobile-swiper .vx-series-card.vx-series-omega {
        width: min(282px, 100%);
        flex: 0 0 min(282px, 100%);
        max-width: none;
        grid-template-rows: 112px minmax(0, 1fr);
        min-height: 286px;
        height: auto;
        padding: 12px 15px 15px;
        border-radius: 8px;
        scroll-snap-align: center;
        scroll-snap-stop: always;
    }

    .vx-series-showcase .vx-series-stage.vx-series-mobile-swiper .vx-series-card.vx-series-item:hover {
        transform: none;
    }

    .vx-series-showcase .vx-series-stage.vx-series-mobile-swiper .vx-series-pack,
    .vx-series-showcase .vx-series-stage.vx-series-mobile-swiper .vx-pack-omega.vx-series-pack,
    .vx-series-showcase .vx-series-stage.vx-series-mobile-swiper .vx-omega-packs {
        height: 112px;
        min-height: 112px;
    }

    .vx-series-showcase .vx-series-stage.vx-series-mobile-swiper .vx-series-pack img,
    .vx-series-showcase .vx-series-stage.vx-series-mobile-swiper .vx-series-card.vx-series-omega .vx-series-pack img {
        width: min(92%, 206px);
        height: 112px;
    }

    .vx-series-showcase .vx-series-stage.vx-series-mobile-swiper .vx-series-copy {
        align-items: center;
        justify-content: flex-start;
        height: 100%;
        padding-top: 10px;
        text-align: center;
    }

    .vx-series-showcase .vx-series-stage.vx-series-mobile-swiper .vx-series-card.vx-series-item h3,
    .vx-series-showcase .vx-series-stage.vx-series-mobile-swiper .vx-series-card.vx-series-omega h3 {
        min-height: 34px;
        margin: 0 0 8px;
        font-size: 20px;
        line-height: .92;
    }

    .vx-series-showcase .vx-series-stage.vx-series-mobile-swiper .vx-series-copy > p {
        min-height: 30px;
        margin: 0 0 9px;
        padding-bottom: 9px;
        font-size: 10px;
        line-height: 1.25;
    }

    .vx-series-showcase .vx-series-stage.vx-series-mobile-swiper .vx-series-copy > strong,
    .vx-series-showcase .vx-series-stage.vx-series-mobile-swiper .vx-series-copy > small {
        margin: 0 0 8px;
        font-size: 9px;
        line-height: 1.1;
    }

    .vx-series-showcase .vx-series-stage.vx-series-mobile-swiper .vx-series-copy > small {
        margin-bottom: 0;
    }

    .vx-series-showcase .vx-series-stage.vx-series-mobile-swiper .vx-series-card.vx-series-item a {
        width: 92px;
        min-height: 26px;
        margin-top: 10px;
        padding: 7px 10px;
        font-size: 7px;
    }

    .vx-series-showcase .vx-series-swiper-pagination {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 8px;
        z-index: 4;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 6px;
        height: 18px;
    }

    .vx-series-showcase .vx-series-swiper-pagination button {
        width: 7px;
        height: 7px;
        margin: 0;
        padding: 0;
        border: 1px solid rgba(209, 155, 98, .65);
        border-radius: 50%;
        background: transparent;
        opacity: 1;
    }

    .vx-series-showcase .vx-series-swiper-pagination button.active {
        width: 22px;
        border-radius: 999px;
        background: #d19b62;
    }

    .vx-series-showcase .vx-compare-wrap {
        margin-top: 10px;
    }

    .vx-series-showcase .vx-mini-btn {
        min-width: 142px;
        min-height: 34px;
        justify-content: center;
        gap: 8px;
        padding: 9px 14px;
    }
}

@media (max-width: 420px) {
    .vx-series-showcase .vx-series-stage.vx-series-mobile-swiper .vx-series-card.vx-series-item,
    .vx-series-showcase .vx-series-stage.vx-series-mobile-swiper .vx-series-card.vx-series-omega {
        grid-template-rows: 104px minmax(0, 1fr);
        min-height: 276px;
        padding: 12px 13px 14px;
    }

    .vx-series-showcase .vx-series-stage.vx-series-mobile-swiper .vx-series-pack,
    .vx-series-showcase .vx-series-stage.vx-series-mobile-swiper .vx-pack-omega.vx-series-pack,
    .vx-series-showcase .vx-series-stage.vx-series-mobile-swiper .vx-omega-packs {
        height: 104px;
        min-height: 104px;
    }

    .vx-series-showcase .vx-series-stage.vx-series-mobile-swiper .vx-series-pack img,
    .vx-series-showcase .vx-series-stage.vx-series-mobile-swiper .vx-series-card.vx-series-omega .vx-series-pack img {
        height: 104px;
    }

    .vx-series-showcase .vx-series-stage.vx-series-mobile-swiper .vx-series-card.vx-series-item h3,
    .vx-series-showcase .vx-series-stage.vx-series-mobile-swiper .vx-series-card.vx-series-omega h3 {
        font-size: 19px;
    }
}

/* Transparent header over the hero, black once sticky */
#navbar {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    left: 0 !important;
    z-index: 50 !important;
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
}

#navbar {
    padding-block: clamp(10px, 1.7vw, 18px) !important;
}

#navbar.navbar-sticky,
#navbar.navbar-sticky:where([class="dark"], [class="dark"] *) {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    left: 0 !important;
    z-index: 50 !important;
    background: rgba(0, 0, 0, .94) !important;
    border-bottom: 1px solid rgba(210, 185, 118, .2) !important;
    box-shadow: 0 14px 34px rgba(0, 0, 0, .35) !important;
    backdrop-filter: blur(14px) !important;
}

#navbar .container {
    width: min(100%, 1320px);
}

#navbar > .container > .relative > a:first-child img {
    width: clamp(188px, 14vw, 230px) !important;
    height: auto !important;
    max-width: none;
}

#navbar .primary-btn {
    min-height: 42px;
    gap: 8px;
    padding: 5px 8px 5px 16px !important;
    border-color: rgba(210, 185, 118, .72) !important;
    border-radius: 4px !important;
    background: transparent !important;
    color: var(--vx-gold) !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    white-space: nowrap;
}

#navbar .primary-btn span {
    padding-left: 0 !important;
    padding-right: 0 !important;
    color: inherit !important;
}

#navbar .primary-btn i {
    width: 30px !important;
    height: 30px !important;
    background: transparent !important;
    color: inherit !important;
    border: 1px solid rgba(210, 185, 118, .45);
    font-size: 16px !important;
    border-radius: 4px;
}

#navbar .primary-btn:hover {
    border-color: var(--vx-gold) !important;
    background: var(--vx-gold) !important;
    color: #060606 !important;
}

#navbar .primary-btn:hover i {
    border-color: rgba(6, 6, 6, .2);
    background: rgba(255, 255, 255, .22) !important;
    color: #060606 !important;
}

@media (min-width: 1200px) {
    #navbar > .container > .relative > a:first-child img {
        width: 220px !important;
    }

    #navbar .primary-btn {
        min-height: 44px;
        padding: 6px 8px 6px 18px !important;
        font-size: 14px !important;
    }

    #navbar .primary-btn i {
        width: 32px !important;
        height: 32px !important;
    }
}

.vx-hero,
.vx-hero-inner {
    min-height: 100vh;
    min-height: 100svh;
}

.vx-hero-inner {
    padding-top: clamp(104px, 15vh, 150px);
}

.vx-hero::before {
    background:
        linear-gradient(180deg, rgba(0, 0, 0, .45) 0%, rgba(0, 0, 0, .08) 26%, rgba(0, 0, 0, .74) 100%),
        radial-gradient(circle at 84% 27%, rgba(210, 185, 118, .06), transparent 18%),
        linear-gradient(90deg, #000 0%, rgba(0, 0, 0, .9) 30%, rgba(0, 0, 0, .28) 68%, rgba(0, 0, 0, .06) 100%);
}

@media (max-width: 991px) {
    #navbar {
        position: fixed !important;
    }

    .vx-hero,
    .vx-hero-inner {
        min-height: 100vh;
        min-height: 100svh;
    }

    .vx-hero-inner {
        padding-top: clamp(92px, 18vw, 126px);
        padding-bottom: 24px;
    }
}

@media (max-width: 767px) {
    #navbar {
        padding-block: 12px !important;
    }

    #navbar .container {
        padding-inline: 16px;
    }

    #navbar > .container > .relative > a:first-child img {
        width: 158px !important;
    }

    .vx-hero-inner {
        justify-content: flex-start;
        min-height: auto;
        padding-top: clamp(86px, 24vw, 112px);
        padding-bottom: 24px;
    }

    .vx-hero {
        min-height: auto;
    }
}

@media (max-width: 420px) {
    .vx-hero-inner {
        padding-top: clamp(82px, 26vw, 104px);
        padding-bottom: 20px;
    }
}

/* Tablet polish */
@media (min-width: 768px) and (max-width: 1199px) {
    html,
    body {
        max-width: 100%;
        overflow-x: hidden;
    }

    #navbar .relative > .hidden.lg\:flex {
        display: none !important;
    }

    #navbar .relative > .flex-none.lg\:hidden {
        display: block !important;
        margin-left: auto;
    }

    #navbar > .container > .relative {
        flex-wrap: nowrap !important;
        justify-content: space-between !important;
    }

    #navbar .container {
        padding-inline: 24px;
    }

    #navbar > .container > .relative > a:first-child img {
        width: 178px !important;
    }

    .vx-lead-cta-grid {
        grid-template-columns: minmax(0, 1fr) minmax(330px, .78fr) !important;
        gap: 28px;
        align-items: center;
    }

    .vx-lead-cta-points {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .vx-lead-cta-details span {
        width: auto;
    }

    .vx-lead-form {
        max-width: none;
    }

    .vx-hero-copy {
        width: min(620px, 100%);
    }

    .vx-hero h1 {
        font-size: clamp(52px, 7vw, 64px);
        line-height: .94;
    }

    .vx-hero p {
        max-width: 560px;
        font-size: 18px;
        line-height: 1.55;
    }

    .vx-section-head h2,
    .vx-intro-copy h2,
    .vx-omega h2,
    .vx-partner h2,
    .vx-warranty h2,
    .vx-locator h2 {
        font-size: clamp(34px, 5.2vw, 52px);
        line-height: 1.02;
    }

    .vx-series-showcase .vx-series-frame,
    .vx-omega-banner,
    .vx-gallery > .container {
        width: min(960px, calc(100% - 32px));
    }

    #about.vx-intro {
        padding-block: 42px;
    }

    #about .vx-intro-grid {
        grid-template-columns: 1fr;
        gap: 24px;
        min-height: 0;
        padding: 30px;
        background:
            linear-gradient(90deg, rgba(0, 0, 0, .96), rgba(0, 0, 0, .86)),
            #050505;
    }

    #about .vx-intro-media {
        display: block;
        width: 100%;
        min-height: 0;
        aspect-ratio: 700 / 300;
        margin-top: 4px;
        border: 1px solid rgba(210, 185, 118, .18);
        background: #070707;
        opacity: 1;
        pointer-events: auto;
        overflow: hidden;
    }

    #about .vx-intro-media picture {
        display: block;
        width: 100%;
        height: 100%;
    }

    #about .vx-intro-media img {
        display: block;
        width: 100%;
        height: 100%;
        min-height: 0;
        object-fit: cover;
        object-position: center;
        filter: saturate(.86) contrast(1.08) brightness(.82);
    }

    .vx-series-showcase .vx-series-card.vx-series-item,
    .vx-series-showcase .vx-series-card.vx-series-omega {
        min-width: 0;
    }

    .vx-technology > .container {
        padding-inline: 18px;
    }

    .vx-technology .vx-tech-band article {
        column-gap: 16px;
        padding-inline: 18px;
    }

    .vx-action-card {
        min-width: 0;
    }

    .vx-action-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 16px !important;
    }

    .vx-action-card,
    .vx-action-warranty,
    .vx-action-dealer {
        min-height: 194px;
        grid-template-columns: minmax(0, .94fr) minmax(96px, .78fr);
        align-content: center;
        align-items: center;
        gap: 10px;
        padding: 20px 16px;
    }

    .vx-action-card h3 {
        max-width: 142px;
        margin-bottom: 12px;
        font-size: 12px;
        line-height: 1.1;
        white-space: normal;
    }

    .vx-action-card p {
        max-width: 150px;
        margin-bottom: 13px;
        font-size: 11px;
        line-height: 1.45;
    }

    .vx-action-card .vx-mini-btn {
        min-width: 116px;
        min-height: 30px;
        gap: 10px;
        padding: 8px 10px;
        font-size: 9px;
    }

    .vx-action-buttons {
        gap: 8px;
    }

    .vx-action-card > div:last-child {
        position: relative;
        inset: auto;
        width: 100%;
        min-height: 0;
        display: grid;
        align-items: center;
        justify-items: center;
        pointer-events: none;
    }

    .vx-action-tech .vx-layer-mini {
        position: relative;
        inset: auto;
        width: 100%;
        height: auto;
        min-height: 0;
        padding: 0;
        transform: none;
    }

    .vx-action-card img,
    .vx-action-tech .vx-layer-mini img {
        width: min(138px, 100%);
        max-height: 128px;
        margin: 0 auto;
        object-fit: contain;
        opacity: 1;
        filter: drop-shadow(0 18px 20px rgba(0, 0, 0, .56));
    }

    .vx-action-dealer img {
        width: min(170px, 132%);
        max-width: none;
        transform: translateX(10px);
    }

    .vx-gallery {
        padding-top: 42px !important;
    }

    .vx-gallery .vx-section-head {
        margin-bottom: 14px !important;
    }

    .vx-gallery-strip {
        grid-template-columns: 1.03fr .98fr 1.08fr 1.12fr 1.03fr !important;
        min-height: 156px;
    }

    .vx-gallery-strip > a:not(.vx-gallery-cta):nth-of-type(3) {
        grid-column: auto;
    }

    .vx-gallery-strip img {
        height: clamp(154px, 18vw, 178px) !important;
    }

    .site-footer .footer-main {
        gap: 34px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .vx-action-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    .vx-action-grid .vx-action-card:nth-child(3) {
        grid-column: auto;
        min-height: 194px;
    }

    .vx-action-grid .vx-action-card:nth-child(3) p {
        max-width: 150px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .vx-hero,
    .vx-hero-inner {
        min-height: 100vh;
        min-height: 100svh;
    }

    .vx-hero-inner {
        justify-content: center;
        padding-top: 108px;
        padding-bottom: 34px;
    }

    .vx-hero-bg,
    .vx-hero-bg-layer {
        background-position: 62% center;
    }

    .vx-hero::before {
        background:
            linear-gradient(90deg, rgba(0, 0, 0, .92) 0%, rgba(0, 0, 0, .78) 38%, rgba(0, 0, 0, .34) 68%, rgba(0, 0, 0, .1) 100%),
            linear-gradient(180deg, rgba(0, 0, 0, .36) 0%, rgba(0, 0, 0, .08) 42%, rgba(0, 0, 0, .76) 100%);
    }

    .vx-hero-copy > * {
        opacity: 1 !important;
        visibility: visible !important;
    }

    .vx-hero-meter {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        margin-top: 36px;
    }

    .vx-hero-meter span {
        min-height: 72px;
        padding: 14px 10px;
    }

    .floating-contact-btn {
        bottom: 96px;
        right: 14px;
    }

    .vx-intro-grid {
        gap: 28px;
        padding: 34px 30px;
    }

    .vx-intro-media,
    .vx-intro-media img {
        min-height: 320px;
    }

    .vx-series-showcase .vx-series-stage {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 12px;
        justify-items: stretch;
    }

    .vx-series-showcase .vx-series-card.vx-series-item,
    .vx-series-showcase .vx-series-card.vx-series-omega {
        grid-template-rows: 130px minmax(0, 1fr);
        min-height: 328px;
        padding: 14px 14px 18px;
    }

    .vx-series-showcase .vx-series-pack,
    .vx-series-showcase .vx-pack-omega.vx-series-pack,
    .vx-series-showcase .vx-omega-packs {
        height: 130px;
        min-height: 130px;
    }

    .vx-series-showcase .vx-series-pack img,
    .vx-series-showcase .vx-series-card.vx-series-omega .vx-series-pack img {
        /* width: min(100%, 190px);
        height: 132px; */
    }

    .vx-omega-banner {
        min-height: 360px;
        padding: 34px 32px;
    }

    .vx-check-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        max-width: 640px;
    }

    .vx-action-grid {
        gap: 12px !important;
    }

    .vx-action-card,
    .vx-action-warranty,
    .vx-action-dealer {
        min-height: 186px;
        grid-template-columns: minmax(0, 1fr);
        padding: 18px 14px;
    }

    .vx-action-card > div:last-child,
    .vx-action-tech .vx-layer-mini {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
    }

    .vx-action-card h3,
    .vx-action-card p {
        max-width: 150px;
    }

    .vx-action-card img,
    .vx-action-tech .vx-layer-mini img {
        position: absolute;
        right: 8px;
        bottom: 16px;
        width: min(124px, 46%);
        max-height: 112px;
        opacity: .72;
    }

    .vx-action-dealer img {
        right: -14px;
        width: min(150px, 56%);
        transform: none;
    }
}
 
/* Mobile footer layout */
@media (max-width: 767px) {
    .site-footer {
        padding-top: 40px !important;
    }

    .site-footer .footer-main,
    .site-footer .footer-links.vx-footer-links {
        grid-template-columns: 1fr !important;
        justify-items: center !important;
        text-align: center !important;
    }

    .site-footer .footer-main {
        gap: 30px !important;
        padding-inline: 0 !important;
        padding-bottom: 30px !important;
    }

    .site-footer .footer-links.vx-footer-links {
        gap: 26px !important;
    }

    .site-footer .footer-links.vx-footer-links > .footer-column:nth-child(1),
    .site-footer .footer-links.vx-footer-links > .footer-column:nth-child(2),
    .site-footer .footer-links.vx-footer-links > .vx-newsletter {
        display: none !important;
    }

    .site-footer .footer-brand,
    .site-footer .footer-contact,
    .site-footer .footer-contact ul {
        width: 100% !important;
        max-width: 360px !important;
        justify-items: center !important;
        text-align: center !important;
    }

    .site-footer .footer-brand p,
    .site-footer .footer-brand-points,
    .site-footer .footer-socials {
        margin-inline: auto !important;
    }

    .site-footer .footer-logo,
    .site-footer .footer-socials {
        justify-content: center !important;
    }

    .site-footer .footer-brand-points {
        width: fit-content !important;
    }

    .site-footer .footer-brand-points li {
        justify-content: start !important;
        text-align: left !important;
    }

    .site-footer .footer-contact li {
        grid-template-columns: 24px minmax(0, 250px) !important;
        justify-content: center !important;
        text-align: left !important;
    }

    .site-footer .footer-contact a,
    .site-footer .footer-contact li > div {
        justify-items: start !important;
        text-align: left !important;
    }

    .footer-bottom {
        align-items: center !important;
        flex-direction: column !important;
        text-align: center !important;
    }

    .footer-bottom div,
    .footer-bottom p {
        justify-content: center !important;
        text-align: center !important;
    }
}

/* Omega card signature badge */
.vx-series-showcase .vx-series-card.vx-series-omega {
    --vx-signature-gold: #d9a35a;
    --vx-signature-gold-rgb: 217, 163, 90;
    --vx-signature-dark: #17100a;
}

.vx-series-showcase .vx-series-card.vx-series-omega:hover {
    border-color: rgba(var(--vx-signature-gold-rgb), .96) !important;
    background:
        linear-gradient(180deg, rgba(var(--vx-signature-gold-rgb), .12), rgba(255, 255, 255, .018) 36%),
        linear-gradient(135deg, rgba(var(--vx-signature-gold-rgb), .14), rgba(15, 12, 9, .96) 46%, rgba(3, 3, 3, .98)) !important;
    box-shadow:
        0 0 28px rgba(var(--vx-signature-gold-rgb), .28),
        0 24px 42px rgba(0, 0, 0, .58),
        inset 0 1px 0 rgba(255, 255, 255, .11) !important;
}

.vx-series-showcase .vx-series-signature-tag {
    position: absolute !important;
    top: 14px !important;
    right: auto !important;
    left: 50% !important;
    z-index: 5 !important;
    display: inline-flex !important;
    width: auto !important;
    min-width: 78px !important;
    max-width: calc(100% - 28px) !important;
    min-height: 24px !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 6px 10px !important;
    border: 1px solid rgba(255, 226, 164, .62) !important;
    border-radius: 4px !important;
    background:
        linear-gradient(180deg, rgba(255, 232, 179, .95), rgba(var(--vx-signature-gold-rgb), .98) 48%, rgba(150, 91, 35, .96)) !important;
    color: #100a05 !important;
    box-shadow:
        0 8px 16px rgba(var(--vx-signature-gold-rgb), .24),
        inset 0 1px 0 rgba(255, 255, 255, .45) !important;
    font-size: 9px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    letter-spacing: .3px !important;
    text-align: center !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translate3d(-50%, -8px, 0) scale(.96) !important;
    transform-origin: top center !important;
    transition: opacity .22s ease, visibility .22s ease, transform .22s ease, box-shadow .22s ease !important;
}

.vx-series-showcase .vx-series-signature-tag::after {
    content: "";
    position: absolute;
    inset: 1px;
    border-radius: 3px;
    background: linear-gradient(120deg, rgba(255, 255, 255, .42), transparent 42%);
    opacity: .45;
    pointer-events: none;
}

.vx-series-showcase .vx-series-card.vx-series-omega:hover .vx-series-signature-tag,
.vx-series-showcase .vx-series-card.vx-series-omega:focus-within .vx-series-signature-tag {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translate3d(-50%, 0, 0) scale(1) !important;
    box-shadow:
        0 10px 20px rgba(var(--vx-signature-gold-rgb), .34),
        0 0 16px rgba(var(--vx-signature-gold-rgb), .2),
        inset 0 1px 0 rgba(255, 255, 255, .48) !important;
}

@media (hover: none), (max-width: 767px) {
    .vx-series-showcase .vx-series-card.vx-series-omega .vx-series-signature-tag {
        top: 12px !important;
        right: auto !important;
        left: 50% !important;
        min-width: 72px !important;
        min-height: 22px !important;
        padding: 6px 9px !important;
        font-size: 8px !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: translateX(-50%) !important;
    }
}

@media (max-width: 420px) {
    .vx-series-showcase .vx-series-card.vx-series-omega .vx-series-signature-tag {
        top: 10px !important;
        right: auto !important;
        left: 50% !important;
        min-width: 68px !important;
        min-height: 21px !important;
        padding-inline: 8px !important;
        font-size: 7px !important;
    }
}

/* Inner page breadcrumb banner */
.vx-inner-page-body #navbar {
    /* z-index: 999 !important;
    background: rgba(0, 0, 0, .94) !important;
    border-bottom: 1px solid rgba(210, 185, 118, .2) !important;
    box-shadow: 0 14px 34px rgba(0, 0, 0, .35) !important;
    backdrop-filter: blur(14px) !important; */
}

.vx-page-breadcrumb {
    min-height: clamp(250px, 25vw, 330px);
    display: flex;
    align-items: center;
    overflow: hidden;
    padding-top: clamp(110px, 9vw, 132px) !important;
    padding-bottom: clamp(46px, 5vw, 72px) !important;
    background-image: url("../images/breadcrumb.gif") !important;
    background-size: cover !important;
    background-position: center right !important;
    background-repeat: no-repeat !important;
}

.vx-page-breadcrumb .container {
    position: relative;
    z-index: 1;
    width: min(1270px, calc(100% - 24px));
}

.vx-page-breadcrumb-title {
    max-width: min(720px, 100%);
    margin-bottom: 12px !important;
    font-size: clamp(40px, 5.1vw, 68px) !important;
    line-height: 1.05 !important;
}

.vx-breadcrumb-list {
    width: fit-content;
    max-width: 100%;
    min-height: 32px;
    padding: 0;
    font-size: clamp(14px, 1.1vw, 17px);
    line-height: 1;
}

@media (min-width: 992px) {
    .vx-page-breadcrumb {
        min-height: clamp(390px, 32vw, 460px);
        padding-top: clamp(136px, 10.5vw, 158px) !important;
        padding-bottom: clamp(78px, 6.5vw, 104px) !important;
        background-color: #030506;
        background-image:linear-gradient(90deg, #000000 0%, rgb(0 0 0 / 36%) 24%, rgb(0 0 0 / 18%) 54%, rgb(0 0 0) 100%), linear-gradient(180deg, rgb(0 0 0 / 0%) 0%, rgba(0, 0, 0, .16) 48%, rgb(0 0 0) 100%), url(../images/breadcrumb.gif) !important;
        background-size: cover, cover, clamp(760px, 67vw, 1040px) auto !important;
        background-position: center center, center center, right clamp(24px, 7vw, 120px) center !important;
        background-repeat: no-repeat !important;
    }

    .vx-page-breadcrumb .container {
        padding-top: clamp(16px, 2vw, 30px);
    }

    .vx-page-breadcrumb-title {
        margin-bottom: 18px !important;
        text-shadow: 0 14px 34px rgba(0, 0, 0, .72);
    }

    .vx-breadcrumb-list {
        min-height: 38px;
        padding: 0 18px;
        border: 1px solid rgba(210, 185, 118, .26);
        background: rgba(0, 0, 0, .36);
        backdrop-filter: blur(8px);
    }
}

@media (max-width: 991px) {
    .vx-page-breadcrumb {
        min-height: clamp(230px, 42vw, 300px);
        padding-top: 108px !important;
        padding-bottom: 46px !important;
    }

    .vx-page-breadcrumb-title {
        font-size: clamp(36px, 8vw, 52px) !important;
    }

    .vx-breadcrumb-list {
        margin-inline: auto;
    }
}

@media (max-width: 575px) {
    .vx-page-breadcrumb {
        min-height: 220px;
        padding-top: 96px !important;
        padding-bottom: 34px !important;
    }

    .vx-page-breadcrumb-title {
        margin-bottom: 10px !important;
        font-size: 34px !important;
    }

    .vx-breadcrumb-list {
        min-height: 28px;
        gap: 9px !important;
        font-size: 14px;
    }
}

/* Technology page PPF film structure */
.vx-film-structure {
    --vx-film-copper: #d99570;
    --vx-film-copper-soft: rgba(217, 149, 112, .46);
    --vx-film-line: rgba(217, 149, 112, .34);
    position: relative;
    overflow: hidden;
    padding: clamp(26px, 0vw, 70px) 0 clamp(0px, 0vw, 0px);
    background:
        linear-gradient(180deg, #000 0%, #050505 54%, #020202 100%);
    color: #fff;
}

.vx-film-structure::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(90deg, rgba(217, 149, 112, .08), transparent 28%, transparent 72%, rgba(217, 149, 112, .06)),
        repeating-linear-gradient(0deg, rgba(255, 255, 255, .018) 0 1px, transparent 1px 42px);
    opacity: .58;
}

.vx-film-structure .container {
    position: relative;
    z-index: 1;
    width: min(1480px, calc(100% - 32px));
    max-width: none;
    margin-inline: auto;
}

.vx-film-structure-head {
    max-width: 1080px;
    margin-bottom: clamp(24px, 3vw, 34px);
}

.vx-film-structure-head span {
    display: block;
    margin-bottom: 8px;
    color: var(--vx-film-copper);
    font-size: clamp(13px, 1.25vw, 19px);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0;
}

.vx-film-structure-head h2 {
    margin: 0;
    color: #f8f8f8 !important;
    font-size: 40px;
    font-weight: 850;
    line-height: .98;
    letter-spacing: 0;
    text-transform: uppercase;
}

.vx-film-structure-head h2 em {
    color: var(--vx-film-copper);
    font-style: normal;
}

.vx-film-structure-head p {
    margin-top: 12px;
    color: rgba(255, 255, 255, .76) !important;
    font-size: clamp(16px, 1.55vw, 24px);
    line-height: 1.35;
}

.vx-film-structure-grid {
    display: grid;
    grid-template-columns: minmax(0, 7.32fr) minmax(416px, 7.78fr);
    align-items: center;
    gap: clamp(24px, 4vw, 58px);
}

.vx-film-structure-art {
    position: relative;
    min-height: clamp(330px, 39vw, 590px);
    display: grid;
    align-items: center;
}

.vx-film-structure-art::before,
.vx-film-structure-art::after {
    content: "";
    position: absolute;
    left: 7%;
    right: 2%;
    height: 1px;
    pointer-events: none;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .28), transparent);
    opacity: .38;
}

.vx-film-structure-art::before {
    top: 21%;
}

.vx-film-structure-art::after {
    bottom: 22%;
}

.vx-film-structure-art img {
    position: relative;
    z-index: 1;
    width: min(800px, 100%);
    margin-inline: auto;
    filter:
        drop-shadow(0 34px 46px rgba(0, 0, 0, .68))
        drop-shadow(0 0 26px rgba(255, 255, 255, .08));
    animation: vxFilmFloat 5.6s ease-in-out infinite;
}

.vx-film-structure-list {
    display: grid;
    gap: clamp(14px, 1.2vw, 22px);
    counter-reset: filmLayer;
}

.vx-film-structure-list li {
    position: relative;
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr);
    align-items: start;
    gap: 18px;
    min-height: 74px;
    padding: 2px 0;
    transition: transform .28s ease, filter .28s ease;
}

.vx-film-structure-list li::before {
    content: "";
    position: absolute;
    top: 21px;
    right: calc(100% + 16px);
    width: clamp(68px, 8vw, 116px);
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--vx-film-copper));
    opacity: .9;
}

.vx-film-structure-list li::after {
    content: "";
    position: absolute;
    top: 17px;
    right: calc(100% + clamp(78px, 8vw, 126px));
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--vx-film-copper);
    box-shadow: 0 0 14px rgba(217, 149, 112, .72);
}

.vx-film-structure-list li:hover {
    transform: translateX(6px);
    filter: drop-shadow(0 0 16px rgba(217, 149, 112, .18));
}

.vx-film-layer-no {
    display: inline-flex;
    width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--vx-film-copper);
    border-radius: 6px;
    color: var(--vx-film-copper);
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
    box-shadow: inset 0 0 16px rgba(217, 149, 112, .08);
}

.vx-film-structure-list h3 {
    margin: 0 0 5px;
    color: var(--vx-film-copper) !important;
    font-size: clamp(15px, 1.18vw, 20px);
    font-weight: 850;
    line-height: 1.15;
    letter-spacing: 0;
    text-transform: uppercase;
}

.vx-film-structure-list h3 small {
    color: rgba(255, 255, 255, .82);
    font-size: .78em;
    font-weight: 650;
}

.vx-film-structure-list p {
    max-width: 540px;
    margin: 0;
    color: rgba(255, 255, 255, .74) !important;
    font-size: clamp(14px, 1.05vw, 17px);
    line-height: 1.38;
}

.vx-film-benefits {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0;
    margin-top: clamp(28px, 4vw, 48px);
    padding: 22px 18px;
    border-block: 1px solid var(--vx-film-line);
    background:
        linear-gradient(90deg, rgba(255, 255, 255, .02), rgba(217, 149, 112, .035), rgba(255, 255, 255, .02));
}

.vx-film-benefits article {
    display: grid;
    grid-template-columns: 64px minmax(0, 1fr);
    align-items: center;
    gap: 16px;
    min-height: 76px;
    padding: 0 clamp(12px, 1.35vw, 24px);
    border-right: 1px solid rgba(255, 255, 255, .28);
}

.vx-film-benefits article:last-child {
    border-right: 0;
}

.vx-film-benefits i {
    width: 58px;
    height: 58px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffc5a6 !important;
    font-size: 40px;
    line-height: 1;
    text-shadow: 0 0 18px rgba(217, 149, 112, .36);
}

.vx-film-benefits h3 {
    margin: 0 0 4px;
    color: rgba(255, 255, 255, .96) !important;
    font-size: clamp(13px, 1.05vw, 17px);
    font-weight: 800;
    line-height: 1.1;
    letter-spacing: 0;
    text-transform: uppercase;
}

.vx-film-benefits p {
    margin: 0;
    color: rgba(255, 255, 255, .72) !important;
    font-size: clamp(12px, .95vw, 15px);
    line-height: 1.32;
}

.vx-film-powered {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: clamp(14px, 2vw, 34px);
    min-height: 78px;
    margin-top: 26px;
    padding: 18px clamp(18px, 3vw, 36px);
    border: 1px solid var(--vx-film-line);
    border-radius: 8px;
    background: linear-gradient(90deg, rgba(255, 255, 255, .035), rgba(217, 149, 112, .045), rgba(255, 255, 255, .02));
    box-shadow: inset 0 0 42px rgba(255, 255, 255, .025);
}

.vx-film-powered i {
    flex: none;
    width: 46px;
    height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, .44);
    border-radius: 6px;
    color: #fff !important;
    font-size: 28px;
}

.vx-film-powered p,
.vx-film-powered span {
    margin: 0;
    color: rgba(255, 255, 255, .68) !important;
    font-size: clamp(15px, 1.45vw, 22px);
    font-weight: 520;
    line-height: 1.25;
    letter-spacing: 0;
    text-transform: uppercase;
}

.vx-film-powered strong {
    color: var(--vx-film-copper);
    font-weight: 850;
}

.vx-film-powered span {
    padding-left: clamp(12px, 2vw, 28px);
    color: rgba(255, 255, 255, .72) !important;
}

@keyframes vxFilmFloat {
    0%,
    100% {
        transform: translate3d(0, 0, 0);
    }

    50% {
        transform: translate3d(0, -14px, 0);
    }
}

@media (max-width: 1199px) {
    .vx-film-structure-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 18px;
    }

    .vx-film-structure-head {
        text-align: center;
        margin-inline: auto;
    }

    .vx-film-structure-art {
        min-height: auto;
    }

    .vx-film-structure-art img {
        width: min(680px, 100%);
    }

    .vx-film-structure-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        max-width: 980px;
        margin-inline: auto;
    }

    .vx-film-structure-list li {
        padding: 16px;
        border: 1px solid rgba(217, 149, 112, .2);
        border-radius: 8px;
        background: rgba(255, 255, 255, .025);
    }

    .vx-film-structure-list li::before,
    .vx-film-structure-list li::after {
        display: none;
    }

    .vx-film-benefits {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px 0;
    }

    .vx-film-benefits article:nth-child(2n) {
        border-right: 0;
    }

    .vx-film-benefits article:last-child {
        grid-column: 1 / -1;
        justify-content: center;
        border-right: 0;
    }

    .vx-film-powered {
        flex-wrap: wrap;
        text-align: center;
    }

    .vx-film-powered span {
        padding-left: 0;
    }
}

@media (max-width: 767px) {
    .vx-film-structure {
        padding-top: 44px;
    }

    .vx-film-structure .container {
        width: min(100% - 24px, 560px);
    }

    .vx-film-structure-head {
        margin-bottom: 22px;
        text-align: left;
    }

    .vx-film-structure-head h2 {
        font-size: clamp(32px, 10vw, 46px);
    }

    .vx-film-structure-list {
        grid-template-columns: 1fr;
    }

    .vx-film-structure-list li {
        grid-template-columns: 40px minmax(0, 1fr);
        gap: 14px;
        padding: 14px;
    }

    .vx-film-layer-no {
        width: 38px;
        height: 38px;
        font-size: 21px;
    }

    .vx-film-benefits {
        grid-template-columns: 1fr;
        padding: 8px 0;
    }

    .vx-film-benefits article,
    .vx-film-benefits article:nth-child(2n),
    .vx-film-benefits article:last-child {
        grid-column: auto;
        justify-content: start;
        border-right: 0;
        border-bottom: 1px solid rgba(255, 255, 255, .16);
        padding: 14px 10px;
    }

    .vx-film-benefits article:last-child {
        border-bottom: 0;
    }

    .vx-film-powered {
        display: grid;
        justify-items: center;
        gap: 10px;
        padding: 18px 14px;
    }
}

/* Technology page detail cards */
.vx-tech-details {
    --vx-tech-detail-copper: #d99570;
    --vx-tech-detail-line: rgba(217, 149, 112, .24);
    position: relative;
    overflow: hidden;
    padding: clamp(54px, 6vw, 90px) 0 clamp(58px, 7vw, 98px);
    background:
        radial-gradient(circle at 12% 10%, rgba(217, 149, 112, .12), transparent 28%),
        linear-gradient(180deg, #020202 0%, #070707 48%, #000 100%);
}

.vx-tech-details::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(90deg, transparent, rgba(255, 255, 255, .035), transparent),
        repeating-linear-gradient(90deg, rgba(217, 149, 112, .035) 0 1px, transparent 1px 120px);
    opacity: .55;
}

.vx-tech-details .container {
    position: relative;
    z-index: 1;
    width: min(1320px, calc(100% - 32px));
    max-width: none;
    margin-inline: auto;
}

.vx-tech-details-head {
    max-width: 920px;
    margin: 0 auto clamp(26px, 4vw, 46px);
    text-align: center;
}

.vx-tech-details-head span {
    display: inline-flex;
    margin-bottom: 12px;
    color: var(--vx-tech-detail-copper);
    font-size: 13px;
    font-weight: 850;
    line-height: 1;
    letter-spacing: 0;
    text-transform: uppercase;
}

.vx-tech-details-head h2 {
    margin: 0;
    color: #fff !important;
    font-size: clamp(34px, 4.4vw, 62px);
    font-weight: 900;
    line-height: .98;
    letter-spacing: 0;
}

.vx-tech-details-head p {
    max-width: 840px;
    margin: 16px auto 0;
    color: rgba(255, 255, 255, .76) !important;
    font-size: clamp(15px, 1.3vw, 19px);
    line-height: 1.6;
}

.vx-tech-details-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(16px, 2vw, 24px);
}

.vx-tech-detail-card {
    position: relative;
    display: grid;
    grid-template-columns: 72px minmax(0, 1fr);
    gap: 20px;
    min-height: 100%;
    padding: clamp(22px, 2.4vw, 34px);
    border: 1px solid var(--vx-tech-detail-line);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .018) 42%, rgba(217, 149, 112, .04)),
        rgba(4, 4, 4, .86);
    box-shadow:
        0 24px 48px rgba(0, 0, 0, .46),
        inset 0 1px 0 rgba(255, 255, 255, .06);
    overflow: hidden;
    transition: transform .28s ease, border-color .28s ease, box-shadow .28s ease;
}

.vx-tech-detail-card::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(120deg, rgba(217, 149, 112, .12), transparent 32%);
    opacity: 0;
    transition: opacity .28s ease;
}

.vx-tech-detail-card:hover {
    transform: translateY(-6px);
    border-color: rgba(217, 149, 112, .62);
    box-shadow:
        0 30px 58px rgba(0, 0, 0, .56),
        0 0 24px rgba(217, 149, 112, .14),
        inset 0 1px 0 rgba(255, 255, 255, .08);
}

.vx-tech-detail-card:hover::before {
    opacity: 1;
}

.vx-tech-detail-icon {
    position: relative;
    z-index: 1;
    width: 68px;
    height: 68px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(217, 149, 112, .76);
    border-radius: 8px;
    background: rgba(217, 149, 112, .055);
    color: #ffc5a6 !important;
    box-shadow: inset 0 0 20px rgba(217, 149, 112, .08);
}

.vx-tech-detail-icon i {
    font-size: 38px;
    line-height: 1;
    text-shadow: 0 0 16px rgba(217, 149, 112, .32);
}

.vx-tech-detail-copy {
    position: relative;
    z-index: 1;
    min-width: 0;
}

.vx-tech-detail-copy h3 {
    margin: 0;
    color: var(--vx-tech-detail-copper) !important;
    font-size: clamp(24px, 2.3vw, 34px);
    font-weight: 900;
    line-height: 1;
    letter-spacing: 0;
}

.vx-tech-detail-copy h4 {
    margin: 8px 0 16px;
    color: rgba(255, 255, 255, .92) !important;
    font-size: clamp(15px, 1.25vw, 18px);
    font-weight: 780;
    line-height: 1.35;
}

.vx-tech-detail-copy p {
    margin: 0 0 13px;
    color: rgba(255, 255, 255, .73) !important;
    font-size: 15px;
    line-height: 1.58;
}

.vx-tech-detail-copy strong {
    display: block;
    margin-top: 18px;
    color: #fff;
    font-size: 15px;
    font-weight: 850;
    line-height: 1.2;
}

.vx-tech-detail-copy ul {
    display: grid;
    gap: 9px;
    margin: 12px 0 0;
    padding: 0;
}

.vx-tech-detail-copy li {
    position: relative;
    padding-left: 20px;
    color: rgba(255, 255, 255, .78);
    font-size: 14px;
    line-height: 1.42;
}

.vx-tech-detail-copy li::before {
    content: "";
    position: absolute;
    left: 0;
    top: .58em;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--vx-tech-detail-copper);
    box-shadow: 0 0 12px rgba(217, 149, 112, .62);
}

@media (max-width: 991px) {
    .vx-tech-details-grid {
        grid-template-columns: 1fr;
    }

    .vx-tech-detail-card {
        grid-template-columns: 62px minmax(0, 1fr);
    }

    .vx-tech-detail-icon {
        width: 62px;
        height: 62px;
    }

    .vx-tech-detail-icon i {
        font-size: 34px;
    }
}

@media (max-width: 575px) {
    .vx-tech-details .container {
        width: min(100% - 24px, 520px);
    }

    .vx-tech-details-head {
        text-align: left;
    }

    .vx-tech-detail-card {
        grid-template-columns: 1fr;
        gap: 16px;
        padding: 20px 16px;
    }

    .vx-tech-detail-icon {
        width: 56px;
        height: 56px;
    }

    .vx-tech-detail-icon i {
        font-size: 30px;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .vx-film-structure {
        padding-top: clamp(48px, 5.2vw, 64px);
    }

    .vx-film-structure .container {
        width: min(1180px, calc(100% - 28px));
        padding-right: 58px;
    }

    .vx-film-structure-head {
        max-width: 940px;
        margin-inline: 0;
        text-align: left;
    }

    .vx-film-structure-grid {
        grid-template-columns: minmax(225px, .78fr) minmax(370px, 1fr);
        align-items: center;
        gap: clamp(18px, 2.4vw, 34px);
    }

    .vx-film-structure-art {
        min-height: clamp(330px, 38vw, 460px);
    }

    .vx-film-structure-art img {
        width: min(500px, 100%);
    }

    .vx-film-structure-list {
        grid-template-columns: 1fr;
        max-width: none;
        margin-inline: 0;
        gap: clamp(11px, 1.25vw, 16px);
    }

    .vx-film-structure-list li {
        grid-template-columns: 40px minmax(0, 1fr);
        gap: 14px;
        min-height: 64px;
        padding: 2px 0;
        border: 0;
        border-radius: 0;
        background: transparent;
    }

    .vx-film-structure-list li::before,
    .vx-film-structure-list li::after {
        display: block;
    }

    .vx-film-structure-list li::before {
        right: calc(100% + 12px);
        width: clamp(28px, 4.8vw, 68px);
    }

    .vx-film-structure-list li::after {
        right: calc(100% + clamp(38px, 5.8vw, 78px));
    }

    .vx-film-layer-no {
        width: 38px;
        height: 38px;
        font-size: 21px;
    }

    .vx-film-structure-list h3 {
        font-size: clamp(14px, 1.45vw, 17px);
    }

    .vx-film-structure-list p {
        max-width: none;
        font-size: clamp(12px, 1.25vw, 15px);
        line-height: 1.42;
    }

    .floating-contact-btn {
        right: 10px;
        bottom: 96px;
        gap: 8px;
    }

    .floating-contact-btn > div,
    .floating-contact-btn > a {
        width: 48px;
        height: 48px;
    }

    .floating-contact-btn i {
        font-size: 1.35rem;
    }

    .vx-film-benefits {
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 0;
        padding: 18px 8px;
    }

    .vx-film-benefits article,
    .vx-film-benefits article:nth-child(2n),
    .vx-film-benefits article:last-child {
        grid-column: auto;
        grid-template-columns: 42px minmax(0, 1fr);
        justify-content: stretch;
        gap: 9px;
        min-height: 68px;
        padding: 0 8px;
        border-right: 1px solid rgba(255, 255, 255, .24);
    }

    .vx-film-benefits article:last-child {
        border-right: 0;
    }

    .vx-film-benefits i {
        width: 40px;
        height: 40px;
        font-size: 30px;
    }

    .vx-film-benefits h3 {
        font-size: clamp(11px, 1.2vw, 14px);
    }

    .vx-film-benefits p {
        font-size: clamp(10px, 1.05vw, 13px);
    }

    .vx-film-powered {
        flex-wrap: nowrap;
        text-align: left;
    }

    .vx-film-powered span {
        padding-left: clamp(12px, 2vw, 22px);
    }

    .vx-tech-details-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .vx-tech-detail-card {
        grid-template-columns: 56px minmax(0, 1fr);
        gap: 14px;
        padding: clamp(18px, 2vw, 24px);
    }

    .vx-tech-detail-icon {
        width: 54px;
        height: 54px;
    }

    .vx-tech-detail-icon i {
        font-size: 30px;
    }

    .vx-tech-detail-copy h3 {
        font-size: clamp(22px, 2.3vw, 28px);
    }

    .vx-tech-detail-copy h4 {
        margin-bottom: 12px;
    }

    .vx-tech-detail-copy p {
        font-size: 14px;
        line-height: 1.5;
    }
}

@media (min-width: 768px) and (max-width: 899px) {
    .vx-film-structure {
        padding-top: 34px;
        padding-bottom: 18px;
    }

    .vx-film-structure .container {
        width: min(100% - 20px, 860px);
        padding-right: 58px;
    }

    .vx-film-structure-head {
        margin-bottom: 18px;
    }

    .vx-film-structure-head span {
        font-size: 12px;
    }

    .vx-film-structure-head h2 {
        font-size: 32px;
    }

    .vx-film-structure-head p {
        margin-top: 8px;
        font-size: 15px;
    }

    .vx-film-structure-grid {
        grid-template-columns: minmax(190px, .62fr) minmax(326px, 1fr);
        gap: 12px;
    }

    .vx-film-structure-art {
        min-height: 270px;
    }

    .vx-film-structure-art img {
        width: min(330px, 100%);
    }

    .vx-film-structure-list {
        gap: 10px;
    }

    .vx-film-structure-list li {
        grid-template-columns: 34px minmax(0, 1fr);
        gap: 10px;
        min-height: 50px;
    }

    .vx-film-structure-list li::before {
        top: 17px;
        right: calc(100% + 8px);
        width: clamp(20px, 3.4vw, 42px);
    }

    .vx-film-structure-list li::after {
        top: 13px;
        right: calc(100% + clamp(28px, 4.2vw, 52px));
    }

    .vx-film-layer-no {
        width: 34px;
        height: 34px;
        font-size: 20px;
    }

    .vx-film-structure-list h3 {
        margin-bottom: 4px;
        font-size: 14px;
    }

    .vx-film-structure-list h3 small {
        font-size: .68em;
    }

    .vx-film-structure-list p {
        font-size: 12px;
        line-height: 1.34;
    }

    .floating-contact-btn {
        right: 8px;
        bottom: 96px;
    }

    .floating-contact-btn > div,
    .floating-contact-btn > a {
        width: 44px;
        height: 44px;
    }

    .floating-contact-btn i {
        font-size: 1.2rem;
    }
}

/* PPF Series standalone page */
.vx-ppf-page {
    background:
        radial-gradient(circle at 82% 12%, rgba(217, 149, 112, .12), transparent 28%),
        radial-gradient(circle at 14% 38%, rgba(255, 255, 255, .06), transparent 24%),
        #050505;
}

.vx-ppf-hero {
    position: relative;
    overflow: hidden;
    padding-block: clamp(64px, 8vw, 118px);
}

.vx-ppf-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(90deg, rgba(255, 255, 255, .05) 1px, transparent 1px),
        linear-gradient(180deg, rgba(255, 255, 255, .04) 1px, transparent 1px);
    background-size: 86px 86px;
    mask-image: linear-gradient(90deg, transparent, #000 18%, #000 82%, transparent);
    opacity: .42;
}

.vx-ppf-hero-grid {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, .95fr) minmax(360px, 1.05fr);
    align-items: center;
    gap: clamp(34px, 6vw, 82px);
}

.vx-ppf-hero-copy h1 {
    max-width: 760px;
    margin: 14px 0 20px;
    color: #fff !important;
    font-size: clamp(42px, 7vw, 86px);
    line-height: .98;
    letter-spacing: 0;
}

.vx-ppf-hero-copy p {
    max-width: 620px;
    color: rgba(255, 255, 255, .76);
    font-size: clamp(16px, 1.7vw, 20px);
    line-height: 1.75;
}

.vx-ppf-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 34px;
}

.vx-ppf-hero-media {
    position: relative;
    min-height: 390px;
    display: flex;
    align-items: center;
    justify-content: center;
    isolation: isolate;
}

.vx-ppf-hero-media::before {
    content: "";
    position: absolute;
    width: min(86%, 620px);
    aspect-ratio: 1;
    border: 1px solid rgba(217, 149, 112, .28);
    border-radius: 50%;
    background:
        radial-gradient(circle, rgba(217, 149, 112, .2), transparent 58%),
        linear-gradient(135deg, rgba(255, 255, 255, .08), transparent);
    filter: blur(.2px);
    z-index: -1;
}

.vx-ppf-hero-media img {
    width: min(100%, 760px);
    max-height: 480px;
    object-fit: contain;
    filter: drop-shadow(0 34px 40px rgba(0, 0, 0, .58));
}

.vx-ppf-hero-stat {
    position: absolute;
    right: clamp(8px, 3vw, 34px);
    bottom: clamp(8px, 3vw, 24px);
    display: grid;
    gap: 2px;
    min-width: 148px;
    padding: 16px 18px;
    border: 1px solid rgba(217, 149, 112, .38);
    border-radius: 8px;
    background: rgba(9, 8, 8, .78);
    box-shadow: 0 20px 54px rgba(0, 0, 0, .36);
    backdrop-filter: blur(14px);
}

.vx-ppf-hero-stat strong {
    color: #d99570;
    font-size: 25px;
    line-height: 1;
}

.vx-ppf-hero-stat span {
    color: rgba(255, 255, 255, .72);
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.vx-ppf-catalog {
    padding-top: clamp(58px, 8vw, 112px);
}

.vx-ppf-catalog .vx-series-frame {
    max-width: 1540px;
}

.vx-ppf-catalog .vx-series-title h2 {
    max-width: 850px;
}

.vx-ppf-catalog-redesign {
    position: relative;
    overflow: hidden;
    padding-block: clamp(72px, 8vw, 118px) !important;
    background:
        linear-gradient(90deg, rgba(255, 255, 255, .025) 1px, transparent 1px),
        linear-gradient(180deg, rgba(255, 255, 255, .022) 1px, transparent 1px),
        radial-gradient(ellipse at 50% 0, rgba(217, 149, 112, .18), transparent 42%),
        linear-gradient(180deg, #070707 0%, #0d0b09 52%, #040404 100%) !important;
    background-size: 92px 92px, 92px 92px, auto, auto;
}

.vx-ppf-catalog-redesign::before {
    content: "";
    position: absolute;
    inset: 28px clamp(16px, 4vw, 60px);
    border: 1px solid rgba(217, 149, 112, .16);
    pointer-events: none;
}

.vx-ppf-catalog-redesign .vx-series-frame {
    position: relative;
    width: min(1320px, calc(100% - 32px));
    max-width: none;
    margin-inline: auto;
    padding: 0;
}

.vx-ppf-catalog-redesign .vx-series-title {
    max-width: 820px;
    margin-inline: auto;
    text-align: center;
}

.vx-ppf-catalog-redesign .vx-series-title span {
    color: #d99570 !important;
    font-size: 13px;
    letter-spacing: .22em;
}

.vx-ppf-catalog-redesign .vx-series-title h2 {
    max-width: 820px;
    margin: 12px auto 0;
    color: #fff !important;
    font-size: clamp(34px, 5vw, 64px);
    font-weight: 900;
    line-height: 1;
}

.vx-ppf-catalog-redesign .vx-series-title h2::after {
    display: none;
}

.vx-ppf-series-intro {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    width: min(760px, 100%);
    margin: 30px auto 0;
}

.vx-ppf-series-intro div {
    min-height: 92px;
    display: grid;
    place-items: center;
    gap: 5px;
    padding: 18px 16px;
    border: 1px solid rgba(217, 149, 112, .22);
    border-radius: 8px;
    background: rgba(255, 255, 255, .045);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
}

.vx-ppf-series-intro strong {
    color: #d99570;
    font-size: clamp(26px, 3vw, 38px);
    font-weight: 950;
    line-height: 1;
}

.vx-ppf-series-intro span {
    color: rgba(255, 255, 255, .76);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.vx-ppf-catalog-redesign .vx-series-stage {
    display: block;
    min-height: 0;
    margin-top: clamp(34px, 5vw, 58px);
    padding: 0;
}

.vx-ppf-catalog-redesign .vx-series-stage::before,
.vx-ppf-catalog-redesign .vx-series-stage::after {
    display: none;
}

.vx-ppf-catalog-redesign .vx-series-slider-wrapper {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
}

.vx-ppf-catalog-redesign .vx-series-card.vx-series-item,
.vx-ppf-catalog-redesign .vx-series-card.vx-series-omega {
    min-height: 510px;
    display: grid;
    grid-template-rows: auto 190px 1fr;
    gap: 18px;
    width: 100%;
    margin: 0;
    padding: 24px;
    border: 1px solid rgba(var(--vx-series-accent-rgb), .34);
    border-radius: 8px;
    background:
        linear-gradient(145deg, rgba(var(--vx-series-accent-rgb), .16), rgba(255, 255, 255, .045) 32%, rgba(3, 3, 3, .9)),
        #090909;
    box-shadow:
        0 24px 60px rgba(0, 0, 0, .36),
        inset 0 1px 0 rgba(255, 255, 255, .1);
    overflow: hidden;
    isolation: isolate;
    transform: none;
}

.vx-ppf-catalog-redesign .vx-series-card.vx-series-item::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background:
        linear-gradient(90deg, rgba(var(--vx-series-accent-rgb), .34), transparent 34%),
        linear-gradient(180deg, rgba(255, 255, 255, .08), transparent 42%);
    opacity: .45;
}

.vx-ppf-catalog-redesign .vx-series-card.vx-series-item::after {
    content: "";
    position: absolute;
    left: 24px;
    right: 24px;
    top: 0;
    display: block;
    height: 3px;
    background: var(--vx-series-accent);
    box-shadow: 0 0 20px rgba(var(--vx-series-accent-rgb), .5);
}

.vx-ppf-catalog-redesign .vx-series-card.vx-series-item:hover,
.vx-ppf-catalog-redesign .vx-series-card.vx-series-omega:hover {
    border-color: rgba(var(--vx-series-hover-rgb), .72);
    background:
        linear-gradient(145deg, rgba(var(--vx-series-hover-rgb), .2), rgba(255, 255, 255, .055) 34%, rgba(3, 3, 3, .92)),
        #090909;
    box-shadow:
        0 26px 74px rgba(0, 0, 0, .46),
        0 0 38px rgba(var(--vx-series-hover-rgb), .18),
        inset 0 1px 0 rgba(255, 255, 255, .14);
    transform: translateY(-6px);
}

.vx-ppf-catalog-redesign .vx-series-card.vx-series-item > *,
.vx-ppf-catalog-redesign .vx-series-card.vx-series-omega > * {
    position: relative;
    z-index: 1;
}

.vx-ppf-card-index {
    position: absolute;
    right: 19px;
    top: 15px;
    z-index: 0;
    color: rgba(255, 255, 255, .055);
    font-size: 72px;
    font-weight: 950;
    line-height: .8;
}

.vx-ppf-card-head {
    min-height: 82px;
    padding-right: 76px;
}

.vx-ppf-card-kicker {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 6px 10px;
    border: 1px solid rgba(var(--vx-series-accent-rgb), .36);
    border-radius: 999px;
    color: var(--vx-series-accent);
    font-size: 11px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.vx-ppf-catalog-redesign .vx-series-card.vx-series-item h3,
.vx-ppf-catalog-redesign .vx-series-card.vx-series-omega h3 {
    margin: 14px 0 0;
    color: #fff !important;
    -webkit-text-fill-color: #fff;
    font-size: clamp(24px, 2.4vw, 34px);
    font-weight: 950;
    line-height: .95;
    text-shadow: 0 0 24px rgba(var(--vx-series-accent-rgb), .18);
}

.vx-ppf-series-media {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 190px;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 8px;
    background:
        linear-gradient(90deg, rgba(255, 255, 255, .04) 1px, transparent 1px),
        linear-gradient(180deg, rgba(255, 255, 255, .035) 1px, transparent 1px),
        rgba(0, 0, 0, .24);
    background-size: 34px 34px;
}

.vx-ppf-catalog-redesign .vx-series-pack,
.vx-ppf-catalog-redesign .vx-pack-omega.vx-series-pack,
.vx-ppf-catalog-redesign .vx-omega-packs {
    width: 100%;
    height: 180px;
    min-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
    transform: none;
    overflow: visible;
}

.vx-ppf-catalog-redesign .vx-series-pack img,
.vx-ppf-catalog-redesign .vx-series-card.vx-series-omega .vx-series-pack img {
    width: min(88%, 230px);
    height: 176px;
    margin: 0;
    object-fit: contain;
    object-position: center;
    filter: drop-shadow(0 22px 23px rgba(0, 0, 0, .62));
}

.vx-ppf-catalog-redesign .vx-series-roll {
    display: none;
}

.vx-ppf-catalog-redesign .vx-series-copy,
.vx-ppf-catalog-redesign .vx-series-card.vx-series-omega .vx-series-copy {
    display: flex;
    flex-direction: column;
    align-self: stretch;
    padding: 0;
    min-width: 0;
}

.vx-ppf-catalog-redesign .vx-series-copy > p {
    min-height: 0;
    margin: 0 0 16px;
    padding-bottom: 14px;
    border-bottom: 1px solid rgba(var(--vx-series-accent-rgb), .24);
    color: rgba(255, 255, 255, .76) !important;
    font-size: 15px;
    font-weight: 650;
    line-height: 1.45;
}

.vx-ppf-spec-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 16px;
}

.vx-ppf-catalog-redesign .vx-ppf-spec-row strong,
.vx-ppf-catalog-redesign .vx-ppf-spec-row small {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    margin: 0;
    padding: 8px 11px;
    border: 1px solid rgba(var(--vx-series-accent-rgb), .28);
    border-radius: 6px;
    background: rgba(255, 255, 255, .05);
    color: #fff !important;
    font-size: 12px;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
}

.vx-ppf-feature-list {
    display: grid;
    gap: 9px;
    margin: 0 0 20px;
}

.vx-ppf-feature-list li {
    display: flex;
    align-items: center;
    gap: 9px;
    color: rgba(255, 255, 255, .72);
    font-size: 14px;
    font-weight: 650;
    line-height: 1.35;
}

.vx-ppf-feature-list i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: rgba(var(--vx-series-accent-rgb), .16);
    color: var(--vx-series-accent);
    font-size: 13px;
}

.vx-ppf-catalog-redesign .vx-series-card.vx-series-item a {
    width: 100%;
    min-height: 44px;
    justify-content: space-between;
    margin-top: auto;
    padding: 12px 15px;
    border: 1px solid rgba(var(--vx-series-accent-rgb), .44);
    border-radius: 6px;
    background: rgba(255, 255, 255, .045);
    color: #fff !important;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .08em;
}

.vx-ppf-catalog-redesign .vx-series-card.vx-series-item a:hover {
    border-color: var(--vx-series-hover);
    background: var(--vx-series-hover);
    color: #050505 !important;
}

.vx-ppf-catalog-redesign .vx-series-signature-tag {
    top: 20px;
    right: 20px;
    z-index: 5;
    min-height: 27px;
    border-color: rgba(var(--vx-series-hover-rgb), .62);
    background: var(--vx-series-hover);
    color: #080604 !important;
    opacity: 1;
    transform: none;
}

.vx-ppf-catalog-redesign .vx-series-card.vx-series-omega:hover .vx-series-signature-tag,
.vx-ppf-catalog-redesign .vx-series-card.vx-series-omega:focus-within .vx-series-signature-tag {
    transform: none;
}

.vx-ppf-catalog-redesign .vx-compare-wrap {
    margin-top: 34px;
}

.vx-ppf-catalog-redesign .vx-mini-btn {
    min-height: 46px;
    border-radius: 6px;
    font-size: 12px;
    letter-spacing: .08em;
}

.vx-ppf-product-details {
    position: relative;
    overflow: hidden;
    padding-block: clamp(54px, 0vw, 118px);
    background:
        linear-gradient(118deg, rgba(210, 185, 118, .12), transparent 36%),
        radial-gradient(circle at 82% 12%, rgba(20, 123, 215, .16), transparent 30%),
        radial-gradient(circle at 16% 82%, rgba(224, 155, 57, .13), transparent 29%),
        linear-gradient(90deg, rgba(255, 255, 255, .018) 1px, transparent 1px),
        linear-gradient(180deg, rgba(255, 255, 255, .012) 1px, transparent 1px),
        #050505;
    background-size: auto, auto, auto, 54px 54px, 54px 54px, auto;
}

.vx-ppf-product-details::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .05), transparent 18%),
        linear-gradient(90deg, transparent, rgba(255, 255, 255, .05), transparent);
    opacity: .38;
    pointer-events: none;
}

.vx-ppf-details-frame {
    position: relative;
    z-index: 1;
    width: min(1320px, calc(100% - 32px));
    margin-inline: auto;
}

.vx-ppf-details-head {
    display: grid;
    /* grid-template-columns: minmax(0, .75fr) minmax(0, 1.25fr); */
    align-items: end;
    gap: clamp(18px, 4vw, 58px);
    max-width: 1120px;
    margin: 0 auto clamp(30px, 4vw, 52px);
    text-align: left;
}

.vx-ppf-details-head span {
    display: inline-flex;
    align-items: center;
    width: max-content;
    max-width: 100%;
    min-height: 34px;
    padding: 8px 14px;
    border: 1px solid rgba(210, 185, 118, .46);
    border-radius: 999px;
    background: rgba(210, 185, 118, .08);
    color: #d99570 !important;
    font-size: 12px;
    font-weight: 850;
    letter-spacing: .18em;
    line-height: 1;
    text-transform: uppercase;
}

.vx-ppf-details-head h2 {
    margin: 0;
    color: #fff !important;
    font-size: 40px;
    font-weight: 950;
    line-height: .95;
    text-transform: uppercase;
}

.vx-ppf-details-title p {
    max-width: 690px;
    margin: 16px 0 0;
    color: rgba(255, 255, 255, .68) !important;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.65;
}

.vx-ppf-details-grid {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 18px;
}

.vx-ppf-product-card {
    --vx-series-accent: #d19b62;
    --vx-series-accent-rgb: 209, 155, 98;
    position: relative;
    display: grid;
    grid-column: span 4;
    grid-template-rows: minmax(220px, auto) 1fr;
    gap: 20px;
    min-height: 100%;
    padding: clamp(20px, 2.5vw, 30px);
    border: 1px solid rgba(var(--vx-series-accent-rgb), .3);
    border-radius: 8px;
    background:
        linear-gradient(155deg, rgba(var(--vx-series-accent-rgb), .15), rgba(255, 255, 255, .045) 31%, rgba(5, 5, 5, .94) 68%),
        linear-gradient(180deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .01)),
        #070707;
    box-shadow:
        0 22px 56px rgba(0, 0, 0, .34),
        inset 0 1px 0 rgba(255, 255, 255, .08);
    isolation: isolate;
    overflow: hidden;
    transition:
        transform .24s ease,
        border-color .24s ease,
        box-shadow .24s ease,
        background .24s ease;
}

.vx-ppf-product-card::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background:
        radial-gradient(circle at 50% 0, rgba(var(--vx-series-accent-rgb), .28), transparent 36%),
        linear-gradient(180deg, rgba(255, 255, 255, .05), transparent 42%);
    opacity: .68;
    pointer-events: none;
}

.vx-ppf-product-card::after {
    content: "";
    position: absolute;
    right: 22px;
    top: 22px;
    width: 46px;
    height: 46px;
    border: 1px solid rgba(var(--vx-series-accent-rgb), .42);
    border-radius: 50%;
    background: var(--vx-series-accent);
    box-shadow: 0 0 28px rgba(var(--vx-series-accent-rgb), .36);
    opacity: .14;
    pointer-events: none;
}

.vx-ppf-product-card:hover {
    transform: translateY(-6px);
    border-color: rgba(var(--vx-series-accent-rgb), .72);
    box-shadow:
        0 34px 78px rgba(0, 0, 0, .44),
        0 0 34px rgba(var(--vx-series-accent-rgb), .16),
        inset 0 1px 0 rgba(255, 255, 255, .12);
}

.vx-ppf-product-media {
    display: grid;
    min-height: 220px;
    border-bottom: 1px solid rgba(var(--vx-series-accent-rgb), .24);
    place-items: center;
}

.vx-ppf-product-media img {
    /* width: min(100%, 245px); */
    max-height: 250px;
    object-fit: contain;
    filter: drop-shadow(0 24px 24px rgba(0, 0, 0, .5));
    transition: transform .24s ease, filter .24s ease;
}

.vx-ppf-product-card:hover .vx-ppf-product-media img {
    transform: translateY(-5px) scale(1.035);
    filter:
        drop-shadow(0 28px 25px rgba(0, 0, 0, .5))
        drop-shadow(0 0 18px rgba(var(--vx-series-accent-rgb), .2));
}

.vx-ppf-product-copy {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.vx-ppf-product-copy h3 {
    margin: 0 0 7px;
    color: var(--vx-series-accent) !important;
    font-size: clamp(24px, 1.1vw, 34px);
    font-weight: 950;
    line-height: .95;
    text-transform: uppercase;
}

.vx-ppf-product-copy h4 {
    margin: 0 0 14px;
    color: rgba(255, 255, 255, .9) !important;
    font-size: 17px;
    font-weight: 850;
    line-height: 1.2;
}

.vx-ppf-product-copy p {
    max-width: 100%;
    margin: 0 0 20px;
    color: rgba(255, 255, 255, .68) !important;
    font-size: 15px;
    font-weight: 450;
    line-height: 1.62;
}

.vx-ppf-product-copy > strong {
    display: inline-flex;
    width: max-content;
    max-width: 100%;
    margin: auto 0 12px;
    padding: 7px 10px;
    border: 1px solid rgba(var(--vx-series-accent-rgb), .28);
    border-radius: 999px;
    background: rgba(var(--vx-series-accent-rgb), .08);
    color: rgba(255, 255, 255, .9) !important;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .08em;
    line-height: 1;
    text-transform: uppercase;
}

.vx-ppf-product-copy ul {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin: 0;
    padding: 0;
}

.vx-ppf-product-copy li {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 38px;
    padding: 8px 10px 8px 28px;
    border: 1px solid rgba(255, 255, 255, .09);
    border-radius: 6px;
    background: rgba(255, 255, 255, .045);
    color: rgba(255, 255, 255, .8) !important;
    font-size: 13px;
    font-weight: 650;
    line-height: 1.25;
}

.vx-ppf-product-copy li::before {
    content: "";
    position: absolute;
    left: 11px;
    top: 50%;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--vx-series-accent);
    box-shadow: 0 0 12px rgba(var(--vx-series-accent-rgb), .5);
    transform: translateY(-50%);
}

.vx-ppf-enquiry-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 44px;
    margin-top: 18px;
    padding: 11px 16px;
    border: 1px solid rgba(var(--vx-series-accent-rgb), .46);
    border-radius: 6px;
    background:
        linear-gradient(135deg, rgba(var(--vx-series-accent-rgb), .2), rgba(255, 255, 255, .04)),
        rgba(255, 255, 255, .035);
    color: #fff !important;
    font-size: 12px;
    font-weight: 900;
    gap: 9px;
    letter-spacing: .12em;
    line-height: 1;
    text-transform: uppercase;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
    transition:
        transform .22s ease,
        border-color .22s ease,
        background .22s ease,
        color .22s ease,
        box-shadow .22s ease;
}

.vx-ppf-enquiry-btn i {
    color: var(--vx-series-accent);
    font-size: 17px;
    line-height: 1;
    transition: color .22s ease, transform .22s ease;
}

.vx-ppf-enquiry-btn:hover {
    border-color: rgba(var(--vx-series-accent-rgb), .86);
    background: var(--vx-series-accent);
    color: #050505 !important;
    box-shadow:
        0 14px 30px rgba(var(--vx-series-accent-rgb), .22),
        inset 0 1px 0 rgba(255, 255, 255, .24);
    transform: translateY(-2px);
}

.vx-ppf-enquiry-btn:hover i {
    color: #050505;
    transform: translate(2px, -2px);
}

.vx-ppf-product-card.vx-series-nova {
    --vx-series-accent: #d9dbdf;
    --vx-series-accent-rgb: 217, 219, 223;
}

.vx-ppf-product-card.vx-series-eclipse {
    --vx-series-accent: #147cff;
    --vx-series-accent-rgb: 20, 124, 255;
}

.vx-ppf-product-card.vx-series-stealth {
    --vx-series-accent: #a4a5a7;
    --vx-series-accent-rgb: 164, 165, 167;
}

.vx-ppf-product-card.vx-series-chroma {
    --vx-series-accent: #bc43ff;
    --vx-series-accent-rgb: 188, 67, 255;
}

.vx-ppf-product-card.vx-series-titan {
    --vx-series-accent: #e09b39;
    --vx-series-accent-rgb: 224, 155, 57;
}

.vx-ppf-product-card.vx-series-omega {
    --vx-series-accent: #e89b78;
    --vx-series-accent-rgb: 232, 155, 120;
}

.vx-ppf-compare {
    position: relative;
    overflow: hidden;
    padding-block: clamp(58px, 0vw, 96px);
    background:
        radial-gradient(circle at 50% 0, rgba(217, 149, 112, .12), transparent 32%),
        linear-gradient(90deg, rgba(255, 255, 255, .018) 1px, transparent 1px),
        linear-gradient(180deg, rgba(255, 255, 255, .014) 1px, transparent 1px),
        #020202;
    background-size: auto, 42px 42px, 42px 42px, auto;
}

.vx-ppf-comparison-board {
    width: min(1510px, calc(100% - 32px));
    margin-inline: auto;
    color: #fff;
}

.vx-ppf-comparison-head {
    display: grid;
    /* grid-template-columns: minmax(230px, 350px) 1fr; */
    align-items: center;
    gap: clamp(22px, 4vw, 54px);
    margin-bottom: 20px;
}

.vx-ppf-comparison-logo img {
    width: min(100%, 330px);
    max-height: 78px;
    object-fit: contain;
    object-position: left center;
}

.vx-ppf-comparison-head h2 {
    margin: 0;
    color: #fff !important;
    font-size: 30px;
    font-weight: 950;
    line-height: .95;
    letter-spacing: .06em;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 0 0 24px rgba(255, 255, 255, .1);
}

.vx-ppf-table-wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin-top: 0;
    border: 1px solid rgba(255, 255, 255, .28);
    border-radius: 8px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .018)),
        rgba(0, 0, 0, .9);
    box-shadow:
        0 28px 80px rgba(0, 0, 0, .5),
        inset 0 1px 0 rgba(255, 255, 255, .12);
}

.vx-ppf-table {
    width: 100%;
    /* min-width: 1450px; */
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
}

.vx-ppf-table th,
.vx-ppf-table td {
    border-right: 1px solid rgba(255, 255, 255, .26);
    border-bottom: 1px solid rgba(255, 255, 255, .24);
    color: rgba(255, 255, 255, .9);
    vertical-align: middle;
}

.vx-ppf-table th {
    background: rgba(0, 0, 0, .74);
}

.vx-ppf-table tr:last-child th,
.vx-ppf-table tr:last-child td {
    border-bottom: 0;
}

.vx-ppf-table th:last-child,
.vx-ppf-table td:last-child {
    border-right: 0;
}

.vx-ppf-table thead th {
    height: 96px;
    padding: 18px 20px;
    text-align: center;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .07), rgba(255, 255, 255, .015)),
        rgba(10, 10, 10, .94);
}

.vx-ppf-table .vx-ppf-row-spacer {
    width: 270px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .025), transparent),
        #030303;
}

.vx-ppf-table .vx-series-col {
    --series-tone: #d7d7d7;
    --series-rgb: 215, 215, 215;
}

.vx-ppf-table .vx-series-col a {
    position: relative;
    display: grid;
    place-items: center;
    gap: 3px;
    min-height: 62px;
    color: var(--series-tone) !important;
}

.vx-ppf-table .vx-series-col a::after {
    content: "";
    width: 120px;
    height: 15px;
    margin-top: 2px;
    background: linear-gradient(90deg, transparent, rgba(var(--series-rgb), .9), transparent);
    clip-path: polygon(0 0, 50% 100%, 100% 0, 50% 42%);
    opacity: .82;
}

.vx-ppf-table .vx-series-col strong {
    display: block;
    color: var(--series-tone);
    font-size: 20px;
    font-weight: 950;
    line-height: .9;
    letter-spacing: .08em;
    text-transform: uppercase;
    text-shadow: 0 0 20px rgba(var(--series-rgb), .25);
}

.vx-ppf-table .vx-series-col span {
    display: block;
    color: var(--series-tone);
    font-size: 12px;
    /* font-weight: 850; */
    line-height: 1;
    letter-spacing: .18em;
    text-transform: uppercase;
}

.vx-ppf-table .vx-series-col small {
    display: block;
    margin-top: 4px;
    font-size: 12px;
    letter-spacing: .14em;
}

.vx-ppf-table .vx-series-col-nova {
    --series-tone: #d9dbdf;
    --series-rgb: 217, 219, 223;
}

.vx-ppf-table .vx-series-col-eclipse {
    --series-tone: #147cff;
    --series-rgb: 20, 124, 255;
}

.vx-ppf-table .vx-series-col-stealth {
    --series-tone: #9a9b9d;
    --series-rgb: 154, 155, 157;
}

.vx-ppf-table .vx-series-col-chroma {
    --series-tone: #bc43ff;
    --series-rgb: 188, 67, 255;
}

.vx-ppf-table .vx-series-col-titan {
    --series-tone: #e09b39;
    --series-rgb: 224, 155, 57;
}

.vx-ppf-table .vx-series-col-omega {
    --series-tone: #e89b78;
    --series-rgb: 232, 155, 120;
}

.vx-ppf-table tbody th {
    width: 270px;
    padding: 15px 18px 15px 24px;
    text-align: left;
}

.vx-ppf-table tbody th,
.vx-ppf-table tbody td {
    min-height: 58px;
    background:
        linear-gradient(90deg, rgba(255, 255, 255, .035), transparent 56%),
        rgba(7, 8, 8, .86);
}

.vx-ppf-table tbody tr:nth-child(even) th,
.vx-ppf-table tbody tr:nth-child(even) td {
    background:
        linear-gradient(90deg, rgba(255, 255, 255, .025), transparent 56%),
        rgba(14, 15, 15, .88);
}

.vx-ppf-table tbody th i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    margin-right: 18px;
    color: #e1aa58;
    font-size: 31px;
    font-weight: 400;
    line-height: 1;
    text-shadow: 0 0 18px rgba(225, 170, 88, .24);
    vertical-align: middle;
}

.vx-ppf-table tbody th span {
    display: inline-block;
    width: calc(100% - 58px);
    color: #fff;
    font-size: 16px;
    font-weight: 850;
    line-height: 1.25;
    letter-spacing: .03em;
    text-transform: uppercase;
    vertical-align: middle;
}

.vx-ppf-table tbody td {
    padding: 15px 18px;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.25;
    text-align: center;
}

.vx-ppf-table tbody tr:hover th,
.vx-ppf-table tbody tr:hover td {
    background:
        linear-gradient(90deg, rgba(217, 149, 112, .075), transparent 60%),
        rgba(20, 19, 18, .94);
}

.vx-ppf-warranty-row th,
.vx-ppf-warranty-row td {
    height: 88px;
}

.vx-warranty-shield {
    --shield-color: #c8c8c8;
    display: inline-grid;
    place-items: center;
    width: 66px;
    height: 72px;
    padding-top: 8px;
    /* clip-path: polygon(50% 0, 90% 13%, 86% 69%, 50% 100%, 14% 69%, 10% 13%); */
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .35), rgba(255, 255, 255, .03) 38%, rgba(0, 0, 0, .44)),
        var(--shield-color);
    color: #fff;
    box-shadow:
        0 0 0 2px rgba(255, 255, 255, .2),
        0 10px 22px rgba(0, 0, 0, .42);
}

.vx-warranty-shield strong {
    display: block;
    color: #fff;
    font-size: 32px;
    font-weight: 950;
    line-height: .8;
    text-shadow: 0 2px 8px rgba(0, 0, 0, .42);
}

.vx-warranty-shield small {
    color: #fff;
    font-size: 9px;
    font-weight: 950;
    line-height: 1;
    letter-spacing: .05em;
}

.vx-warranty-nova,
.vx-warranty-stealth {
    --shield-color: #717477;
}

.vx-warranty-eclipse {
    --shield-color: #1253bf;
}

.vx-warranty-chroma {
    --shield-color: #881bc8;
}

.vx-warranty-titan {
    --shield-color: #b77d28;
}

.vx-warranty-omega {
    --shield-color: #a15b43;
}

.vx-tech-platform-strip {
    display: grid;
    grid-template-columns: 270px repeat(4, minmax(0, 1fr));
    gap: 0;
    margin-top: 12px;
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: 8px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .018)),
        #050505;
    overflow: hidden;
}

.vx-tech-platform-brand,
.vx-tech-platform-item {
    min-height: 78px;
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 18px 22px;
    border-right: 1px solid rgba(255, 255, 255, .22);
}

.vx-tech-platform-item:last-child {
    border-right: 0;
}

.vx-tech-platform-brand span {
    color: #d99570;
    font-size: 34px;
    font-weight: 950;
    line-height: 1;
    letter-spacing: -.05em;
}

.vx-tech-platform-brand strong {
    color: #e7c47a;
    font-size: 14px;
    font-weight: 850;
    line-height: 1.22;
    letter-spacing: .18em;
}

.vx-tech-platform-item i {
    flex: 0 0 42px;
    color: #fff;
    font-size: 40px;
    line-height: 1;
}

.vx-tech-platform-item strong {
    display: block;
    color: #fff;
    font-size: 17px;
    font-weight: 850;
    line-height: 1.1;
    letter-spacing: .06em;
}

.vx-tech-platform-item span {
    display: block;
    margin-top: 4px;
    color: rgba(255, 255, 255, .74);
    font-size: 13px;
    line-height: 1.25;
}

.vx-comparison-tagline {
    margin: 20px 0 0;
    color: #e7c47a;
    font-size: 16px;
    font-weight: 850;
    letter-spacing: .64em;
    text-align: center;
    text-indent: .64em;
}

.vx-ppf-omega-feature {
    overflow: hidden;
    padding-block: clamp(68px, 9vw, 130px);
    background:
        radial-gradient(circle at 72% 38%, rgba(217, 149, 112, .16), transparent 34%),
        linear-gradient(180deg, rgba(255, 255, 255, .035), rgba(255, 255, 255, .015));
}

.vx-ppf-omega-grid {
    display: grid;
    grid-template-columns: minmax(0, .85fr) minmax(360px, 1.15fr);
    align-items: center;
    gap: clamp(34px, 6vw, 78px);
}

.vx-ppf-omega-copy h2 {
    max-width: 720px;
    margin: 12px 0 18px;
    color: #fff !important;
    font-size: clamp(34px, 5vw, 66px);
    line-height: 1;
}

.vx-ppf-omega-copy p {
    max-width: 640px;
    color: rgba(255, 255, 255, .74);
    font-size: 17px;
    line-height: 1.75;
}

.vx-ppf-omega-copy .vx-check-list {
    margin: 26px 0 32px;
}

.vx-ppf-omega-media {
    position: relative;
}

.vx-ppf-omega-media::before {
    content: "";
    position: absolute;
    inset: 9% 8%;
    border-radius: 50%;
    background: rgba(217, 149, 112, .18);
    filter: blur(54px);
}

.vx-ppf-omega-media img {
    position: relative;
    width: 100%;
    max-height: 540px;
    object-fit: contain;
    filter: drop-shadow(0 34px 44px rgba(0, 0, 0, .52));
}

@media (max-width: 991px) {
    .vx-ppf-hero-grid,
    .vx-ppf-omega-grid {
        grid-template-columns: 1fr;
    }

    .vx-ppf-details-head {
        grid-template-columns: 1fr;
        max-width: 760px;
        text-align: center;
    }

    .vx-ppf-details-head span {
        margin-inline: auto;
    }

    .vx-ppf-details-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .vx-ppf-product-card {
        grid-column: auto;
        grid-template-columns: 1fr;
        grid-template-rows: minmax(210px, auto) 1fr;
        min-height: 0;
    }

    .vx-ppf-comparison-head {
        grid-template-columns: 1fr;
        gap: 18px;
        text-align: center;
    }

    .vx-ppf-comparison-logo img {
        margin-inline: auto;
        object-position: center;
    }

    .vx-ppf-table {
        min-width: 1320px;
    }

    .vx-tech-platform-strip {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .vx-tech-platform-brand {
        grid-column: 1 / -1;
        justify-content: center;
    }

    .vx-tech-platform-item:nth-child(3),
    .vx-tech-platform-item:nth-child(5) {
        border-right: 0;
    }

    .vx-ppf-catalog-redesign .vx-series-slider-wrapper {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .vx-ppf-hero-media {
        min-height: 320px;
    }

    .vx-ppf-omega-copy {
        max-width: 760px;
    }
}

@media (max-width: 767px) {
    .vx-ppf-product-details {
        padding-block: 48px 58px;
    }

    .vx-ppf-details-frame {
        width: min(100% - 24px, 1320px);
    }

    .vx-ppf-details-head {
        margin-bottom: 26px;
    }

    .vx-ppf-details-head h2 {
        font-size: 31px;
    }

    .vx-ppf-details-grid {
        gap: 14px;
        grid-template-columns: 1fr;
    }

    .vx-ppf-product-card {
        grid-column: 1 / -1;
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        gap: 16px;
        padding: 20px;
    }

    .vx-ppf-product-media {
        min-height: 170px;
    }

    .vx-ppf-product-media img {
        /* width: min(100%, 170px);
        max-height: 175px; */
    }

    .vx-ppf-product-copy h3 {
        font-size: 25px;
    }

    .vx-ppf-product-copy h4 {
        font-size: 16px;
    }

    .vx-ppf-product-copy p {
        font-size: 14px;
        line-height: 1.58;
    }

    .vx-ppf-product-copy ul {
        grid-template-columns: 1fr;
    }

    .vx-ppf-hero {
        padding-block: 54px 64px;
    }

    .vx-ppf-hero-copy h1 {
        font-size: 40px;
    }

    .vx-ppf-hero-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .vx-ppf-hero-actions .vx-btn {
        width: 100%;
        justify-content: center;
    }

    .vx-ppf-hero-media {
        min-height: 260px;
    }

    .vx-ppf-hero-stat {
        right: 0;
        bottom: 0;
        min-width: 132px;
        padding: 13px 14px;
    }

    .vx-ppf-comparison-board {
        width: min(100% - 20px, 1510px);
    }

    .vx-ppf-comparison-head h2 {
        font-size: 29px;
        letter-spacing: .04em;
    }

    .vx-ppf-table {
        min-width: 1180px;
    }

    .vx-ppf-table .vx-ppf-row-spacer,
    .vx-ppf-table tbody th {
        width: 230px;
    }

    .vx-ppf-table thead th {
        height: 84px;
        padding: 14px;
    }

    .vx-ppf-table .vx-series-col strong {
        font-size: 26px;
    }

    .vx-ppf-table .vx-series-col span {
        font-size: 12px;
    }

    .vx-ppf-table tbody th {
        padding: 13px 14px;
    }

    .vx-ppf-table tbody th i {
        width: 28px;
        margin-right: 12px;
        font-size: 25px;
    }

    .vx-ppf-table tbody th span {
        width: calc(100% - 44px);
        font-size: 13px;
    }

    .vx-ppf-table tbody td {
        padding: 13px 12px;
        font-size: 16px;
    }

    .vx-tech-platform-strip {
        grid-template-columns: 1fr;
    }

    .vx-tech-platform-brand,
    .vx-tech-platform-item {
        min-height: 70px;
        border-right: 0;
        border-bottom: 1px solid rgba(255, 255, 255, .18);
    }

    .vx-tech-platform-item:last-child {
        border-bottom: 0;
    }

    .vx-comparison-tagline {
        font-size: 12px;
        letter-spacing: .36em;
        text-indent: .36em;
    }

    .vx-ppf-catalog-redesign {
        padding-block: 58px 70px !important;
    }

    .vx-ppf-catalog-redesign::before {
        inset: 18px 12px;
    }

    .vx-ppf-series-intro {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .vx-ppf-series-intro div {
        min-height: 76px;
    }

    .vx-ppf-catalog-redesign .vx-series-stage {
        margin-top: 30px;
        padding-inline: 0;
    }

    .vx-ppf-catalog-redesign .vx-series-stage.vx-series-mobile-swiper .vx-series-slider-wrapper,
    .vx-ppf-catalog-redesign .vx-series-slider-wrapper {
        display: flex !important;
        gap: 14px;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scroll-padding-inline: 14px;
        padding: 4px 14px 12px;
        margin-inline: -14px;
    }

    .vx-ppf-catalog-redesign .vx-series-stage.vx-series-mobile-swiper .vx-series-card.vx-series-item,
    .vx-ppf-catalog-redesign .vx-series-card.vx-series-item,
    .vx-ppf-catalog-redesign .vx-series-card.vx-series-omega {
        flex: 0 0 min(86vw, 360px);
        min-height: 500px;
        padding: 20px;
        scroll-snap-align: center;
    }

    .vx-ppf-card-head {
        padding-right: 66px;
    }

    .vx-ppf-card-index {
        right: 14px;
        top: 13px;
        font-size: 58px;
    }

    .vx-ppf-catalog-redesign .vx-series-card.vx-series-item h3,
    .vx-ppf-catalog-redesign .vx-series-card.vx-series-omega h3 {
        font-size: 25px;
    }

    .vx-ppf-catalog-redesign .vx-series-swiper-pagination {
        display: flex;
        margin-top: 12px;
    }

    .vx-ppf-omega-copy h2 {
        font-size: 36px;
    }
}

/* About Us page */
.vx-about-page {
    background: #000;
}

.vx-about-hero,
.vx-about-story,
.vx-about-values,
.vx-about-process,
.vx-about-cta {
    position: relative;
    overflow: hidden;
    padding: clamp(30px, 0vw, 104px) 0;
    background: #000;
}

.vx-about-hero {
    /* background:
        radial-gradient(circle at 12% 18%, rgba(210, 185, 118, .2), transparent 30%),
        radial-gradient(circle at 80% 44%, rgba(255, 255, 255, .075), transparent 28%),
        linear-gradient(115deg, rgba(210, 185, 118, .08), transparent 34%),
        linear-gradient(180deg, #020202 0%, #070706 48%, #000 100%); */
}

.vx-about-hero-360-section {
    /* padding: clamp(68px, 7.4vw, 112px) 0; */
    /* background:
        linear-gradient(90deg, rgba(0, 0, 0, .98) 0%, rgba(4, 4, 3, .96) 42%, rgba(14, 13, 9, .93) 100%),
        repeating-linear-gradient(135deg, rgba(210, 185, 118, .07) 0 1px, transparent 1px 38px),
        radial-gradient(ellipse at 78% 48%, rgba(210, 185, 118, .24), transparent 38%),
        radial-gradient(ellipse at 18% 8%, rgba(255, 255, 255, .08), transparent 28%),
        #000; */
}

.vx-about-hero-360-section::before {
    inset: clamp(14px, 2.2vw, 30px);
    border-color: rgba(210, 185, 118, .18);
    box-shadow:
        inset 0 0 0 1px rgba(255, 255, 255, .035),
        inset 0 0 72px rgba(210, 185, 118, .055);
}

.vx-about-hero-360-section::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(115deg, transparent 0 19%, rgba(210, 185, 118, .12) 19% 19.35%, transparent 19.35% 68%, rgba(255, 255, 255, .055) 68% 68.3%, transparent 68.3%),
        linear-gradient(180deg, rgba(255, 255, 255, .035), transparent 30%, rgba(0, 0, 0, .22));
    opacity: .68;
}

.vx-about-hero::before,
.vx-about-story::before,
.vx-about-process::before {
    content: "";
    position: absolute;
    inset: 22px;
    pointer-events: none;
    /* border: 1px solid rgba(210, 185, 118, .1); */
}

.vx-about-hero-grid,
.vx-about-story-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
    gap: clamp(28px, 5vw, 72px);
    align-items: center;
}

.vx-about-hero-grid {
    grid-template-columns: minmax(0, .9fr) minmax(420px, 1.1fr);
    gap: clamp(34px, 5vw, 76px);
}

.vx-about-hero-row {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: clamp(20px, 3vw, 44px);
}

.vx-about-hero-col {
    min-width: 0;
}

.vx-about-hero-col-copy {
    order: 2;
    flex: 1 1 420px;
    max-width: 680px;
}

.vx-about-hero-col-visual {
    order: 1;
    flex: 1.15 1 500px;
    max-width: 790px;
    margin-left: clamp(-26px, -1.8vw, -12px);
}

.vx-about-copy h1,
.vx-about-story-copy h2,
.vx-about-values .vx-section-head h2,
.vx-about-process-head h2,
.vx-about-cta-panel h2 {
    margin: 0;
    color: #fff !important;
    font-size: 30px;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
}

.vx-about-copy h1 {
    max-width: 650px;
    font-size: 40px;
    line-height: .96;
}

.vx-about-copy p,
.vx-about-story-copy p,
.vx-about-values-grid p,
.vx-about-process-grid p {
    color: rgba(255, 255, 255, .72);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.72;
}

.vx-about-copy p,
.vx-about-story-copy p {
    /* max-width: 670px; */
    margin: 18px 0 0;
}

.vx-about-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 30px;
}

.vx-about-visual,
.vx-about-story-media {
    position: relative;
    min-height: clamp(360px, 42vw, 560px);
    overflow: hidden;
    border: 1px solid rgba(210, 185, 118, .22);
    background: #080909;
    box-shadow: 0 32px 80px rgba(0, 0, 0, .5);
}

.vx-about-visual img,
.vx-about-story-media img {
    width: 100%;
    height: 100%;
    min-height: inherit;
    object-fit: cover;
    filter: saturate(.82) contrast(1.08) brightness(.72);
}

.vx-about-visual {
    min-height: 0;
    aspect-ratio: 1.12 / 1;
}

.vx-about-badge {
    position: absolute;
    right: clamp(18px, 3vw, 30px);
    bottom: clamp(18px, 3vw, 30px);
    width: min(210px, calc(100% - 36px));
    padding: 18px;
    border: 1px solid rgba(210, 185, 118, .42);
    border-radius: 8px;
    background: rgba(0, 0, 0, .72);
    backdrop-filter: blur(14px);
}

.vx-about-badge strong {
    display: block;
    color: var(--vx-gold, #d2b976);
    font-size: 40px;
    font-weight: 900;
    line-height: .9;
}

.vx-about-badge span {
    display: block;
    margin-top: 8px;
    color: #fff;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.35;
    text-transform: uppercase;
}

.vx-about-360 {
    --vx-360-progress: 0%;
    --vx-360-zoom: 1;
    isolation: isolate;
    display: block;
    /* min-height: clamp(280px, 31vw, 440px); */
    aspect-ratio: 16 / 9;
    padding: 0;
    border: 0;
    overflow: visible;
    cursor: grab;
    touch-action: pan-y;
    background: transparent;
    box-shadow: none;
    border: 0;
    filter: drop-shadow(0 28px 48px rgba(0, 0, 0, .42));
}

.vx-about-360.is-dragging {
    cursor: grabbing;
}

.vx-about-360::before {
    display: none;
}

.vx-about-360-stage {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    min-height: inherit;
    overflow: hidden;
    padding: clamp(6px, 1.2vw, 18px);
    border: 0;
    border-radius: 0;
    outline: 0;
    background: transparent;
    box-shadow: none;
}

.vx-about-360-stage::before {
    display: none;
}

.vx-about-360-stage::after {
    display: none;
}

.vx-about-360-stage:focus-visible {
    box-shadow: 0 0 0 2px rgba(210, 185, 118, .58);
}

.vx-about-360 .vx-about-360-image {
    width: 96%;
    height: 96%;
    min-height: 0;
    max-height: none;
    /* object-fit: contain; */
    pointer-events: none;
    user-select: none;
    transform: scale(var(--vx-360-zoom));
    transform-origin: center;
    transition: opacity .06s linear, transform .22s ease;
    filter: saturate(1.04) contrast(1.06) brightness(.96);
}

.vx-about-360-controls {
    position: absolute;
    z-index: 3;
    top: clamp(10px, 1.6vw, 18px);
    right: clamp(10px, 1.6vw, 18px);
    display: flex;
    gap: 8px;
}

.vx-about-360-control {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border: 1px solid rgba(210, 185, 118, .44);
    border-radius: 50%;
    color: #f6e8b8;
    background: rgba(4, 5, 5, .72);
    box-shadow: 0 14px 26px rgba(0, 0, 0, .32);
    cursor: pointer;
    backdrop-filter: blur(10px);
    transition: color .2s ease, border-color .2s ease, background .2s ease, transform .2s ease, opacity .2s ease;
}

.vx-about-360-control span {
    font-size: 24px;
    font-weight: 800;
    line-height: 1;
}

.vx-about-360-control:hover,
.vx-about-360-control:focus-visible {
    color: #090909;
    border-color: rgba(210, 185, 118, .9);
    background: #d2b976;
    transform: translateY(-2px);
    outline: 0;
}

.vx-about-360-control:disabled {
    opacity: .42;
    cursor: not-allowed;
    transform: none;
}

.vx-about-360-shadow {
    display: none;
}

.vx-about-metrics {
    position: relative;
    z-index: 2;
    overflow: hidden;
    padding: clamp(34px, 4.4vw, 64px) 0 clamp(58px, 6vw, 88px);
    margin-top: -36px;
    background:
        radial-gradient(circle at 14% 28%, rgba(210, 185, 118, .13), transparent 24%),
        radial-gradient(circle at 86% 54%, rgba(134, 215, 255, .09), transparent 26%),
        linear-gradient(180deg, #000 0%, #050605 56%, #000 100%);
}

.vx-about-metrics::before {
    content: "";
    position: absolute;
    inset: 22px;
    pointer-events: none;
    border: 1px solid rgba(210, 185, 118, .1);
}

.vx-about-metrics::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(115deg, transparent 0 14%, rgba(210, 185, 118, .08) 14% 15%, transparent 15% 62%, rgba(255, 255, 255, .05) 62% 63%, transparent 63%),
        repeating-linear-gradient(90deg, rgba(255, 255, 255, .035) 0 1px, transparent 1px 92px);
    opacity: .38;
}

.vx-about-metrics .container {
    position: relative;
    z-index: 1;
}

.vx-about-metrics-head {
    /* display: flex; */
    /* align-items: end; */
    justify-content: space-between;
    gap: 22px;
    margin-bottom: clamp(22px, 3vw, 34px);
}

.vx-about-metrics-head h2 {
    /* max-width: 580px; */
    margin: 0;
    color: #fff;
    font-size: clamp(28px, 3vw, 44px);
    font-weight: 900;
    line-height: 1.05;
    /* text-align: right; */
}

.vx-about-metrics-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: clamp(14px, 1.8vw, 22px);
}

.vx-about-metrics-grid article {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    min-height: 218px;
    padding: clamp(20px, 2.5vw, 30px);
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 8px;
    background:
        linear-gradient(145deg, color-mix(in srgb, var(--metric-accent, #d2b976) 16%, transparent), transparent 44%),
        linear-gradient(180deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .025)),
        #070808;
    box-shadow: 0 24px 54px rgba(0, 0, 0, .42);
    transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}

.vx-about-metrics-grid article:nth-child(even) {
    margin-top: 26px;
}

.vx-about-metrics-grid article::before {
    content: "";
    position: absolute;
    inset: auto 22px 0;
    height: 3px;
    border-radius: 999px 999px 0 0;
    background: var(--metric-accent, var(--vx-gold, #d2b976));
    box-shadow: 0 -14px 34px color-mix(in srgb, var(--metric-accent, #d2b976) 32%, transparent);
}

.vx-about-metrics-grid article::after {
    content: "";
    position: absolute;
    right: -28px;
    bottom: -42px;
    z-index: -1;
    width: 132px;
    height: 132px;
    border: 1px solid color-mix(in srgb, var(--metric-accent, #d2b976) 28%, transparent);
    border-radius: 50%;
    opacity: .72;
}

.vx-about-metrics-grid article:hover {
    transform: translateY(-6px);
    border-color: color-mix(in srgb, var(--metric-accent, #d2b976) 46%, rgba(255, 255, 255, .12));
    box-shadow: 0 30px 72px rgba(0, 0, 0, .54);
}

.vx-about-metric-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.vx-about-metrics-grid i,
.vx-about-values-grid i {
    color: var(--vx-gold, #d2b976);
    font-size: 34px;
}

.vx-about-metrics-grid i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    border: 1px solid color-mix(in srgb, var(--metric-accent, #d2b976) 34%, rgba(255, 255, 255, .12));
    border-radius: 8px;
    background: color-mix(in srgb, var(--metric-accent, #d2b976) 10%, rgba(255, 255, 255, .04));
    color: var(--metric-accent, var(--vx-gold, #d2b976));
}

.vx-about-metrics-grid em {
    color: rgba(255, 255, 255, .16);
    font-size: clamp(32px, 4vw, 54px);
    font-style: normal;
    font-weight: 950;
    line-height: 1;
}

.vx-about-metrics-grid strong {
    display: block;
    margin-top: clamp(24px, 3vw, 38px);
    color: #fff;
    font-size: clamp(26px, 2.6vw, 38px);
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
}

.vx-about-metrics-grid span {
    display: block;
    max-width: 250px;
    margin-top: 12px;
    color: rgba(255, 255, 255, .72);
    font-size: 15px;
    font-weight: 750;
    line-height: 1.45;
}

.vx-about-story {
    background:
        linear-gradient(90deg, rgba(210, 185, 118, .08), transparent 34%),
        #000;
}

.vx-about-story-media {
    min-height: clamp(340px, 36vw, 500px);
}

.vx-about-checks {
    display: grid;
    gap: 12px;
    margin: 26px 0 0;
    padding: 0;
    list-style: none;
}

.vx-about-checks li {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    color: rgba(255, 255, 255, .82);
    font-size: 15px;
    font-weight: 750;
    line-height: 1.5;
}

.vx-about-checks i {
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--vx-gold, #d2b976);
    color: #050505;
    font-size: 16px;
}

.vx-about-values {
    background:
        radial-gradient(circle at 85% 18%, rgba(255, 255, 255, .08), transparent 24%),
        linear-gradient(180deg, #030303, #000);
}

.vx-about-values-grid,
.vx-about-process-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.vx-about-values-grid article,
.vx-about-process-grid article {
    min-height: 260px;
    padding: clamp(22px, 2.5vw, 30px);
    border: 1px solid rgba(255, 255, 255, .09);
    border-radius: 8px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .018)),
        #070808;
}

.vx-about-values-grid h3,
.vx-about-process-grid h3 {
    margin: 18px 0 0;
    color: #fff;
    font-size: 23px;
    font-weight: 900;
    line-height: 1.15;
}

.vx-about-values-grid p,
.vx-about-process-grid p {
    margin: 14px 0 0;
}

.vx-about-process-head {
    max-width: 850px;
    margin-bottom: 38px;
}

.vx-about-process-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.vx-about-process-grid article {
    min-height: 250px;
}

.vx-about-process-grid span {
    display: block;
    color: rgba(210, 185, 118, .28);
    font-size: 64px;
    font-weight: 900;
    line-height: .86;
}

.vx-about-process-grid h3 {
    margin-top: 24px;
}

/* About page technology and portfolio sections */
.vx-about-page .vx-about-values,
.vx-about-page .vx-about-process {
    padding: clamp(44px, 5.5vw, 78px) 0;
    background: #000;
}

.vx-about-page .vx-about-values::after,
.vx-about-page .vx-about-process::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at 84% 10%, rgba(255, 255, 255, .085), transparent 22%),
        linear-gradient(180deg, rgba(255, 255, 255, .018), transparent 36%);
}

.vx-about-page .vx-about-process::after {
    background:
        radial-gradient(circle at 92% 20%, rgba(255, 255, 255, .07), transparent 24%),
        linear-gradient(180deg, transparent, rgba(255, 255, 255, .012) 54%, transparent);
}

.vx-about-page .vx-about-values .container,
.vx-about-page .vx-about-process .container {
    position: relative;
    z-index: 1;
    width: min(1248px, calc(100% - 88px));
}

.vx-about-page .vx-about-values .vx-section-head {
    max-width: none;
    margin: 0 0 clamp(24px, 2.4vw, 30px);
    text-align: center;
}

.vx-about-page .vx-about-values .vx-section-head .vx-section-kicker,
.vx-about-page .vx-about-process-head .vx-section-kicker {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin: 0 0 8px;
    color: var(--vx-gold, #d2b976);
    font-size: 12px;
    font-weight: 950;
    line-height: 1;
    letter-spacing: 0;
    text-transform: uppercase;
}

.vx-about-page .vx-about-values .vx-section-head .vx-section-kicker::before,
.vx-about-page .vx-about-process-head .vx-section-kicker::before {
    width: 34px;
    height: 1px;
    background: var(--vx-gold, #d2b976);
}

.vx-about-page .vx-about-values .vx-section-head .vx-section-kicker::before {
    display: none;
}

.vx-about-page .vx-about-values .vx-section-head h2,
.vx-about-page .vx-about-process-head h2 {
    margin: 0;
    color: #fff !important;
    font-size: clamp(27px, 2.45vw, 31px);
    font-weight: 950;
    line-height: 1.08;
    letter-spacing: 0;
    text-transform: uppercase;
}

.vx-about-page .vx-about-values-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.vx-about-page .vx-about-values-grid article,
.vx-about-page .vx-about-process-grid article {
    position: relative;
    overflow: hidden;
    min-height: 282px;
    padding: clamp(28px, 2.35vw, 44px) clamp(24px, 2.35vw, 31px);
    border: 1px solid rgba(255, 255, 255, .11);
    border-radius: 7px;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .018) 46%, rgba(255, 255, 255, .01)),
        #0a0b0b;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035);
}

.vx-about-page .vx-about-values-grid article::before,
.vx-about-page .vx-about-process-grid article::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(120deg, rgba(255, 255, 255, .045), transparent 42%);
    opacity: .42;
}

.vx-about-page .vx-about-values-grid article > *,
.vx-about-page .vx-about-process-grid article > * {
    position: relative;
    z-index: 1;
}

.vx-about-page .vx-about-values-grid[data-cues] > *,
.vx-about-page .vx-about-process-grid[data-cues] > * {
    opacity: 1 !important;
    transform: none !important;
}

.vx-about-page .vx-about-values-grid i {
    display: block;
    margin-bottom: 30px;
    color: #fff;
    font-size: 34px;
    line-height: 1;
}

.vx-about-page .vx-about-values-grid h3,
.vx-about-page .vx-about-process-grid h3 {
    margin: 0;
    color: #fff;
    font-size: clamp(22px, 2vw, 25px);
    font-weight: 950;
    line-height: 1.18;
    letter-spacing: 0;
}

.vx-about-page .vx-about-values-grid p,
.vx-about-page .vx-about-process-grid p,
.vx-about-page .vx-about-process-head p {
    color: rgba(255, 255, 255, .68);
    font-size: clamp(15px, 1.22vw, 17px);
    font-weight: 800;
    line-height: 1.65;
}

.vx-about-page .vx-about-values-grid p {
    margin-top: 15px;
}

.vx-about-page .vx-about-process {
    padding-top:clamp(25px, 0.7vw, 78px);
}

.vx-about-page .vx-about-process::before {
    display: none;
}

.vx-about-page .vx-about-process-head {
    max-width: 860px;
    margin: 0 0 clamp(34px, 3.7vw, 42px);
}

.vx-about-page .vx-about-process-head p {
    max-width: 850px;
    margin: 8px 0 0;
    line-height: 1.52;
}

.vx-about-page .vx-about-process-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.vx-about-page .vx-about-process-grid article {
    min-height: 264px;
    padding-top: clamp(30px, 2.7vw, 38px);
}

.vx-about-page .vx-about-process-grid span {
    display: block;
    margin-bottom: 26px;
    color: #fff;
    font-size: clamp(58px, 5.8vw, 66px);
    font-weight: 950;
    line-height: .78;
    letter-spacing: 0;
}

.vx-about-page .vx-about-process-grid h3 {
    margin: 0;
}

.vx-about-page .vx-about-process-grid p {
    margin-top: 14px;
}

.vx-about-cta {
    padding-top: 0;
}

.vx-about-cta-panel {
    display: flex;
    gap: 28px;
    align-items: center;
    justify-content: space-between;
    padding: clamp(28px, 4vw, 46px);
    border: 1px solid rgba(210, 185, 118, .3);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(210, 185, 118, .16), rgba(255, 255, 255, .04)),
        #060707;
}

.vx-about-cta-panel > div {
    max-width: 780px;
}

.vx-about-cta-panel span {
    display: inline-block;
    margin-bottom: 10px;
    color: var(--vx-gold, #d2b976);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.vx-about-cta-panel .vx-mini-btn span {
    margin: 0;
    color: inherit;
    letter-spacing: 0;
}

@media (max-width: 1199px) {
    .vx-about-page .vx-about-values-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .vx-about-hero-grid {
        grid-template-columns: minmax(0, .92fr) minmax(360px, 1.08fr);
        gap: 42px;
    }

    .vx-about-hero-row {
        gap: 28px;
    }

    .vx-about-hero-col-copy {
        flex-basis: 390px;
    }

    .vx-about-hero-col-visual {
        flex-basis: 460px;
        max-width: 660px;
        margin-left: 0;
    }

    .vx-about-copy h1 {
        font-size: clamp(42px, 4.7vw, 58px);
    }

    .vx-about-values-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 991px) {
    .vx-about-page .vx-about-process-grid {
        grid-template-columns: 1fr;
    }

    .vx-about-story-grid,
    .vx-about-process-grid {
        grid-template-columns: 1fr;
    }

    .vx-about-hero {
        padding: 68px 0;
    }

    .vx-about-hero-grid {
        grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
        gap: 28px;
    }

    .vx-about-hero-row {
        gap: 24px;
    }

    .vx-about-hero-col-copy,
    .vx-about-hero-col-visual {
        flex: 1 1 0;
        min-width: 0;
    }

    .vx-about-copy h1 {
        font-size: clamp(36px, 4.8vw, 44px);
    }

    .vx-about-hero-col-copy {
        max-width: 560px;
    }

    .vx-about-copy p {
        font-size: 15px;
        line-height: 1.65;
    }

    .vx-about-actions {
        gap: 10px;
        margin-top: 24px;
    }

    .vx-about-actions .vx-btn {
        min-height: 46px;
        padding: 12px 16px;
        font-size: 12px;
    }

    .vx-about-metrics-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .vx-about-metrics-grid article:nth-child(even) {
        margin-top: 20px;
    }

    .vx-about-metrics-grid article:nth-child(3) {
        margin-top: -20px;
    }

    .vx-about-visual {
        min-height: 0;
        aspect-ratio: 4 / 5;
    }

    .vx-about-360 {
        min-height: clamp(260px, 34vw, 390px);
        aspect-ratio: 16 / 9;
    }

    .vx-about-360 .vx-about-360-image {
        width: 98%;
        height: 98%;
    }

    .vx-about-badge {
        width: min(180px, calc(100% - 28px));
        padding: 14px;
        right: 14px;
        bottom: 14px;
    }

    .vx-about-badge strong {
        font-size: 32px;
    }

    .vx-about-badge span {
        font-size: 11px;
    }

    .vx-about-cta-panel {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 767px) {
    .vx-about-page .vx-about-values .container,
    .vx-about-page .vx-about-process .container {
        width: min(100% - 36px, 1248px);
    }

    .vx-about-page .vx-about-values .vx-section-head {
        text-align: left;
    }

    .vx-about-page .vx-about-values .vx-section-head h2,
    .vx-about-page .vx-about-process-head h2 {
        font-size: clamp(26px, 7.8vw, 34px);
    }

    .vx-about-hero-grid {
        grid-template-columns: 1fr;
    }

    .vx-about-hero-row {
        flex-direction: column;
        align-items: stretch;
        gap: 30px;
    }

    .vx-about-hero-col-copy,
    .vx-about-hero-col-visual {
        flex: none;
        max-width: none;
        margin-left: 0;
        width: 100%;
    }

    .vx-about-copy h1 {
        font-size: clamp(38px, 10vw, 52px);
    }

    .vx-about-copy p {
        max-width: none;
    }

    .vx-about-visual {
        aspect-ratio: 16 / 11;
    }

    .vx-about-360 {
        min-height: clamp(240px, 54vw, 380px);
        aspect-ratio: 16 / 9;
    }

    .vx-about-360-stage {
        min-height: inherit;
        padding: 8px 0 18px;
    }

    .vx-about-metrics-head {
        display: block;
    }

    .vx-about-metrics-head h2 {
        max-width: none;
        margin-top: 10px;
        font-size: clamp(26px, 7.2vw, 34px);
        text-align: left;
        overflow-wrap: anywhere;
    }
}

@media (max-width: 575px) {
    .vx-about-page .vx-about-values-grid {
        grid-template-columns: 1fr;
    }

    .vx-about-page .vx-about-values,
    .vx-about-page .vx-about-process {
        padding: 48px 0;
    }

    .vx-about-page .vx-about-values-grid article,
    .vx-about-page .vx-about-process-grid article {
        padding: 26px 22px;
    }

    .vx-about-page .vx-about-values-grid i {
        margin-bottom: 22px;
    }

    .vx-about-page .vx-about-process-grid span {
        margin-bottom: 22px;
    }

    .vx-about-hero,
    .vx-about-story,
    .vx-about-values,
    .vx-about-process,
    .vx-about-cta {
        padding: 54px 0;
    }

    .vx-about-hero::before,
    .vx-about-story::before,
    .vx-about-process::before {
        inset: 12px;
    }

    .vx-about-actions,
    .vx-about-actions .vx-btn,
    .vx-about-cta-panel .vx-mini-btn {
        width: 100%;
    }

    .vx-about-actions .vx-btn,
    .vx-about-cta-panel .vx-mini-btn {
        justify-content: center;
    }

    .vx-about-visual,
    .vx-about-story-media {
        min-height: 280px;
    }

    .vx-about-360 {
        min-height: 220px;
    }

    .vx-about-360-stage {
        min-height: inherit;
        padding-bottom: 18px;
    }

    .vx-about-360 .vx-about-360-image {
        width: 100%;
        height: 100%;
        max-height: none;
    }

    .vx-about-metrics {
        margin-top: 0;
        padding-top: 42px;
    }

    .vx-about-metrics-grid,
    .vx-about-values-grid {
        grid-template-columns: 1fr;
    }

    .vx-about-metrics::before {
        inset: 12px;
    }

    .vx-about-metrics-grid article,
    .vx-about-metrics-grid article:nth-child(even),
    .vx-about-metrics-grid article:nth-child(3) {
        min-height: 190px;
        margin-top: 0;
    }

    .vx-about-values-grid article,
    .vx-about-process-grid article {
        min-height: auto;
    }
}

/* About hero redesign */
.vx-about-hero-360-section {
    isolation: isolate;
    padding: clamp(29px, 0vw, 108px) 0 clamp(70px, 7.6vw, 118px);
    /* background:
        linear-gradient(116deg, rgba(210, 185, 118, .08) 0 1px, transparent 1px 26%),
        repeating-linear-gradient(90deg, rgba(255, 255, 255, .035) 0 1px, transparent 1px 78px),
        linear-gradient(135deg, #020202 0%, #090907 45%, #000 100%); */
}

.vx-about-hero-360-section::before {
    inset: clamp(16px, 2.5vw, 34px);
    border-color: rgba(210, 185, 118, .16);
    box-shadow:
        inset 0 0 0 1px rgba(255, 255, 255, .035),
        0 0 80px rgba(0, 0, 0, .36);
}

.vx-about-hero-360-section::after {
    background:
        linear-gradient(90deg, rgba(0, 0, 0, .82) 0%, transparent 20%, transparent 76%, rgba(0, 0, 0, .7) 100%),
        linear-gradient(145deg, transparent 0 16%, rgba(210, 185, 118, .105) 16% 16.35%, transparent 16.35% 72%, rgba(119, 201, 189, .1) 72% 72.25%, transparent 72.25%);
    opacity: 1;
}

.vx-about-hero-line {
    position: absolute;
    z-index: 0;
    left: 0;
    right: 0;
    height: 1px;
    pointer-events: none;
    background: linear-gradient(90deg, transparent, rgba(210, 185, 118, .42), transparent);
}

.vx-about-hero-line-top {
    /* top: clamp(26px, 4vw, 54px); */
}

.vx-about-hero-line-bottom {
    /* bottom: clamp(28px, 4vw, 58px); */
}

.vx-about-hero-360-section .container {
    position: relative;
    z-index: 2;
}

.vx-about-hero-shell {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(210, 185, 118, .18);
    border-radius: 8px;
    background:
        linear-gradient(115deg, rgba(255, 255, 255, .075), rgba(255, 255, 255, .02) 46%, rgba(210, 185, 118, .07)),
        rgba(4, 5, 5, .92);
    box-shadow:
        0 34px 90px rgba(0, 0, 0, .55),
        inset 0 1px 0 rgba(255, 255, 255, .08);
}

.vx-about-hero-shell::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(90deg, rgba(210, 185, 118, .16), transparent 33%, transparent 70%, rgba(119, 201, 189, .1)),
        repeating-linear-gradient(0deg, rgba(255, 255, 255, .045) 0 1px, transparent 1px 58px);
    opacity: .42;
}

.vx-about-hero-shell::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 47%;
    width: 1px;
    pointer-events: none;
    background: linear-gradient(180deg, transparent, rgba(210, 185, 118, .28), transparent);
}

.vx-about-hero-360-section .vx-about-hero-row {
    display: grid;
    grid-template-columns: minmax(370px, .88fr) minmax(0, 1.12fr);
    align-items: stretch;
    gap: 0;
}

.vx-about-hero-360-section .vx-about-hero-col {
    position: relative;
    z-index: 1;
}

.vx-about-hero-360-section .vx-about-hero-col-copy {
    order: 1;
    display: flex;
    max-width: none;
    margin: 0;
}

.vx-about-copy-panel {
    /* display: flex; */
    flex-direction: column;
    justify-content: center;
    width: 100%;
    /* min-height: clamp(479px, 5vw, 615px); */
    padding: clamp(22px, 2.7vw, 58px);
    background:
        linear-gradient(180deg, rgba(0, 0, 0, .52), rgba(0, 0, 0, .18)),
        linear-gradient(135deg, rgba(0, 0, 0, .52), rgba(255, 255, 255, .025));
}

.vx-about-copy-panel::before {
    /* content: ""; */
    width: 74px;
    height: 3px;
    margin-bottom: 24px;
    background: linear-gradient(90deg, var(--vx-gold, #d2b976), rgba(119, 201, 189, .82));
}

.vx-about-hero-360-section .vx-section-kicker {
    /* margin-bottom: 18px; */
}

.vx-about-hero-360-section .vx-about-copy h1 {
    max-width: 620px;
    font-size: 32px;
    /* line-height: .92; */
}

.vx-about-hero-360-section .vx-about-copy p {
    /* max-width: 600px; */
    margin-top: 20px;
    color: rgba(255, 255, 255, .76);
    /* font-size: clamp(15px, 1.12vw, 17px); */
    line-height: 1.74;
}

.vx-about-hero-360-section .vx-about-actions {
    margin-top: 34px;
}

.vx-about-hero-360-section .vx-about-actions .vx-btn {
    min-height: 52px;
    border-radius: 4px;
    box-shadow: 0 16px 38px rgba(0, 0, 0, .28);
}

.vx-about-hero-360-section .vx-about-hero-col-visual {
    order: 2;
    display: flex;
    align-items: center;
    max-width: none;
    margin: 0;
}

.vx-about-visual-shell {
    position: relative;
    /* display: flex; */
    /* align-items: center; */
    justify-content: center;
    width: 100%;
    /* min-height: clamp(500px, 47vw, 650px); */
    /* padding: clamp(24px, 3.8vw, 58px) clamp(18px, 3.4vw, 50px); */
    overflow: hidden;
    /* background:
        radial-gradient(ellipse at 56% 42%, rgba(255, 255, 255, .105), transparent 26%),
        radial-gradient(ellipse at 53% 60%, rgba(210, 185, 118, .12), transparent 42%),
        linear-gradient(145deg, rgba(119, 201, 189, .055), transparent 45%); */
}

.vx-about-visual-shell::before {
    content: "";
    position: absolute;
    left: clamp(28px, 5vw, 82px);
    right: clamp(28px, 5vw, 82px);
    bottom: clamp(54px, 6vw, 84px);
    height: clamp(72px, 9vw, 116px);
    transform: perspective(820px) rotateX(64deg);
    transform-origin: center bottom;
    border: 1px solid rgba(210, 185, 118, .2);
    background:
        linear-gradient(90deg, transparent 0 8%, rgba(210, 185, 118, .2) 8% 8.3%, transparent 8.3% 25%, rgba(210, 185, 118, .13) 25% 25.25%, transparent 25.25% 50%, rgba(210, 185, 118, .13) 50% 50.25%, transparent 50.25% 75%, rgba(210, 185, 118, .13) 75% 75.25%, transparent 75.25% 92%, rgba(210, 185, 118, .2) 92% 92.3%, transparent 92.3%),
        repeating-linear-gradient(0deg, rgba(210, 185, 118, .14) 0 1px, transparent 1px 24px),
        linear-gradient(180deg, rgba(210, 185, 118, .18), rgba(210, 185, 118, .025));
    opacity: .62;
}

.vx-about-visual-shell::after {
    content: "";
    position: absolute;
    left: clamp(58px, 8vw, 120px);
    right: clamp(58px, 8vw, 120px);
    bottom: clamp(86px, 8.6vw, 126px);
    height: clamp(18px, 2.8vw, 34px);
    border-radius: 50%;
    background: rgba(0, 0, 0, .72);
    filter: blur(12px);
}

.vx-about-visual-ring {
    position: absolute;
    pointer-events: none;
    border: 1px solid rgba(210, 185, 118, .18);
    border-radius: 50%;
    box-shadow: inset 0 0 42px rgba(210, 185, 118, .025);
    opacity: .86;
}

.vx-about-visual-ring-one {
    width: min(560px, 78%);
    aspect-ratio: 1;
    right: 3%;
    top: 5%;
}

.vx-about-visual-ring-two {
    width: min(390px, 56%);
    aspect-ratio: 1;
    left: 7%;
    bottom: 9%;
    border-color: rgba(119, 201, 189, .16);
    box-shadow: inset 0 0 38px rgba(119, 201, 189, .025);
}

.vx-about-hero-360-section .vx-about-360 {
    position: relative;
    z-index: 2;
    /* width: min(760px, 112%); */
    /* min-height: clamp(340px, 36vw, 520px); */
    /* aspect-ratio: 16 / 9; */
    filter: drop-shadow(0 36px 52px rgba(0, 0, 0, .58));
}

.vx-about-hero-360-section .vx-about-360::before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 8%;
    right: 8%;
    top: 21%;
    height: 40%;
    display: block;
    border-radius: 50%;
    background:
        radial-gradient(ellipse at center, rgba(255, 255, 255, .12), rgba(210, 185, 118, .08) 35%, transparent 70%);
    filter: blur(6px);
    opacity: .8;
}

.vx-about-hero-360-section .vx-about-360-stage {
    z-index: 1;
    padding: clamp(0px, 3.4vw, 0px) 0 clamp(-3px, 0vw, 13px);
}

.vx-about-hero-360-section .vx-about-360 .vx-about-360-image {
    width: 100%;
    height: 100%;
    transform: translateY(2%) scale(var(--vx-360-zoom));
    filter: saturate(1.08) contrast(1.09) brightness(1.05);
}

@media (max-width: 1199px) {
    .vx-about-hero-360-section .vx-about-hero-row {
        grid-template-columns: 1fr;
    }

    .vx-about-hero-shell::after {
        display: none;
    }

    .vx-about-copy-panel {
        min-height: auto;
        padding: clamp(30px, 4vw, 44px);
    }

    .vx-about-hero-360-section .vx-about-hero-col-visual {
        border-top: 1px solid rgba(210, 185, 118, .22);
    }

    .vx-about-visual-shell {
        display: flex;
        align-items: center;
        min-height: clamp(350px, 41vw, 470px);
        padding: clamp(20px, 3vw, 34px) clamp(18px, 4vw, 44px) clamp(32px, 4vw, 48px);
    }

    .vx-about-hero-360-section .vx-about-copy h1 {
        font-size: clamp(30px, 2.6vw, 32px);
    }

    .vx-about-hero-360-section .vx-about-360 {
        width: min(760px, 100%);
        min-height: clamp(300px, 36vw, 400px);
        margin: 0 auto;
    }
}

@media (max-width: 991px) {
    .vx-about-hero-360-section {
        padding: 64px 0 78px;
    }

    .vx-about-hero-360-section .vx-about-hero-row {
        grid-template-columns: 1fr;
    }

    .vx-about-hero-shell::after {
        top: 48%;
        bottom: auto;
        left: 0;
        right: 0;
        width: auto;
        height: 1px;
    }

    .vx-about-copy-panel {
        min-height: auto;
        padding: clamp(28px, 6vw, 46px);
    }

    .vx-about-visual-shell {
        min-height: clamp(340px, 60vw, 500px);
        padding: 24px clamp(14px, 4vw, 34px) 34px;
    }

    .vx-about-hero-360-section .vx-about-copy h1 {
        max-width: 720px;
        font-size: clamp(30px, 2vw, 58px);
    }

    .vx-about-hero-360-section .vx-about-copy p {
        max-width: 760px;
    }

    .vx-about-hero-360-section .vx-about-360 {
        min-height: clamp(280px, 52vw, 420px);
    }
}

@media (max-width: 575px) {
    .vx-about-hero-360-section {
        padding: 46px 0 56px;
    }

    .vx-about-hero-360-section::before {
        inset: 10px;
    }

    .vx-about-hero-shell {
        border-radius: 6px;
    }

    .vx-about-copy-panel {
        padding: 24px 18px 28px;
    }

    .vx-about-copy-panel::before {
        margin-bottom: 18px;
    }

    .vx-about-hero-360-section .vx-section-kicker {
        margin-bottom: 12px;
    }

    .vx-about-hero-360-section .vx-about-copy h1 {
        font-size: clamp(20px, 0vw, 46px);
        /* line-height: .96; */
    }

    .vx-about-hero-360-section .vx-about-copy p {
        margin-top: 16px;
        font-size: 14px;
        line-height: 1.68;
    }

    .vx-about-hero-360-section .vx-about-actions {
        margin-top: 24px;
    }

    .vx-about-visual-shell {
        min-height: clamp(230px, 68vw, 280px);
        padding: 4px 6px 16px;
    }

    .vx-about-visual-shell::before {
        left: 18px;
        right: 18px;
        bottom: 20px;
        height: 42px;
    }

    .vx-about-visual-shell::after {
        left: 42px;
        right: 42px;
        bottom: 23px;
        height: 12px;
    }

    .vx-about-visual-ring {
        opacity: .56;
    }

    .vx-about-hero-360-section .vx-about-360 {
        width: 100%;
        min-height: clamp(205px, 60vw, 250px);
    }

    .vx-about-hero-360-section .vx-about-360-stage {
        padding: 0 0 12px;
    }

    .vx-about-hero-360-section .vx-about-360 .vx-about-360-image {
        width: 115%;
        height: 115%;
        max-width: none;
        transform: translateY(3%) scale(var(--vx-360-zoom));
    }

    .vx-about-360-controls {
        top: 10px;
        right: 10px;
        gap: 7px;
    }

    .vx-about-360-control {
        width: 36px;
        height: 36px;
    }

    .vx-about-360-control span {
        font-size: 22px;
    }

    .vx-about-body .floating-contact-btn {
        right: 8px;
        bottom: 18px;
    }

}

/* Contact page */
.vx-contact-page {
    background:
        radial-gradient(circle at 84% 16%, rgba(217, 149, 112, .12), transparent 30%),
        radial-gradient(circle at 13% 46%, rgba(255, 255, 255, .06), transparent 24%),
        #050505;
}

.vx-contact-section {
    position: relative;
    overflow: hidden;
    padding-block: clamp(30px, 0vw, 118px);
}

.vx-contact-section::before {
    /* content: "";
    position: absolute;
    inset: 28px clamp(16px, 4vw, 60px);
    border: 1px solid rgba(217, 149, 112, .14);
    pointer-events: none; */
}

.vx-contact-grid {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, .92fr) minmax(420px, 1.08fr);
    align-items: start;
    gap: clamp(30px, 5vw, 72px);
}

.vx-contact-copy h1 {
    max-width: 660px;
    margin: 12px 0 18px;
    color: #fff !important;
    font-size: clamp(38px, 2vw, 76px);
    font-weight: 900;
    line-height: 1;
}

.vx-contact-copy p {
    max-width: 620px;
    color: rgba(255, 255, 255, .76);
    font-size: clamp(16px, 1.6vw, 19px);
    line-height: 1.72;
}

.vx-contact-details {
    display: grid;
    gap: 12px;
    margin-top: 34px;
}

.vx-contact-detail {
    min-height: 84px;
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 17px 18px;
    border: 1px solid rgba(255, 255, 255, .11);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .075), rgba(255, 255, 255, .025)),
        rgba(9, 9, 9, .72);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
}

.vx-contact-detail:hover {
    border-color: rgba(217, 149, 112, .44);
    transform: translateY(-2px);
}

.vx-contact-detail i {
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    background: rgba(217, 149, 112, .14);
    color: #d99570 !important;
    font-size: 22px;
}

.vx-contact-detail strong,
.vx-contact-detail small {
    display: block;
}

.vx-contact-detail strong {
    color: #fff;
    font-size: clamp(16px, 1.5vw, 19px);
    font-weight: 850;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.vx-contact-detail small {
    margin-top: 5px;
    color: rgba(255, 255, 255, .62);
    font-size: 13px;
    line-height: 1.35;
}

.vx-contact-form {
    padding: clamp(22px, 4vw, 38px);
    border: 1px solid rgba(217, 149, 112, .24);
    border-radius: 8px;
    background:
        linear-gradient(145deg, rgba(18, 17, 16, .98), rgba(6, 6, 6, .96)),
        #080808;
    box-shadow:
        0 26px 70px rgba(0, 0, 0, .38),
        inset 0 1px 0 rgba(255, 255, 255, .08);
}

.vx-contact-form-head {
    margin-bottom: 24px;
}

.vx-contact-form-head span {
    display: block;
    margin-bottom: 8px;
    color: #d99570;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .18em;
    text-transform: uppercase;
}

.vx-contact-form-head h2 {
    color: #fff !important;
    font-size: clamp(26px, 3vw, 38px);
    font-weight: 900;
    line-height: 1.08;
}

.vx-contact-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 15px;
}

.vx-contact-form label {
    display: grid;
    gap: 8px;
    min-width: 0;
}

.vx-contact-form label span {
    color: rgba(255, 255, 255, .78);
    font-size: 13px;
    font-weight: 800;
}

.vx-contact-form input,
.vx-contact-form textarea {
    width: 100%;
    min-width: 0;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 6px;
    background: rgba(255, 255, 255, .055);
    color: #fff;
    outline: none;
    transition: border-color .2s ease, background-color .2s ease, box-shadow .2s ease;
}

.vx-contact-form input {
    height: 52px;
    padding-inline: 15px;
}

.vx-contact-form textarea {
    min-height: 138px;
    resize: vertical;
    padding: 14px 15px;
}

.vx-contact-form input::placeholder,
.vx-contact-form textarea::placeholder {
    color: rgba(255, 255, 255, .44);
}

.vx-contact-form input:focus,
.vx-contact-form textarea:focus {
    border-color: rgba(217, 149, 112, .78);
    background: rgba(255, 255, 255, .08);
    box-shadow: 0 0 0 3px rgba(217, 149, 112, .12);
}

.vx-contact-full,
.vx-contact-submit {
    grid-column: 1 / -1;
}

.vx-contact-submit {
    width: 100%;
    min-height: 52px;
    justify-content: center;
    margin-top: 20px;
}

@media (max-width: 991px) {
    .vx-contact-grid {
        grid-template-columns: 1fr;
    }

    .vx-contact-section::before {
        inset: 18px;
    }
}

@media (max-width: 575px) {
    .vx-contact-section {
        padding-block: 54px;
    }

    .vx-contact-form-grid {
        grid-template-columns: 1fr;
    }

    .vx-contact-detail {
        align-items: flex-start;
        min-height: auto;
        padding: 15px;
    }

    .vx-contact-detail i {
        width: 42px;
        height: 42px;
        flex-basis: 42px;
    }
}




        .form-container {
            width: 100%;
            max-width: 48rem; /* Equivalent to max-w-2xl */
            background-color: white;
            padding: 2rem; /* Equivalent to p-8 */
            border-radius: 1.5rem; /* Equivalent to rounded-2xl */
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* Equivalent to shadow-xl */
        }
        @media (min-width: 768px) {
            .form-container {
                padding: 3rem; /* Equivalent to md:p-12 */
            }
        }
        .form-heading {
            font-size: 1.875rem; /* Equivalent to text-3xl */
            font-weight: 700; /* Equivalent to font-bold */
            text-align: center;
            color: #1f2937; /* Equivalent to text-gray-800 */
            margin-bottom: 2rem; /* Equivalent to mb-8 */
        }
        .input-grid {
            display: grid;
            grid-template-columns: 1fr;
            gap: 1.5rem;
            margin-bottom: 1.5rem;
        }
        @media (min-width: 768px) {
            .input-grid {
                grid-template-columns: repeat(2, 1fr);
            }
        }
        .form-input, .form-textarea {
            width: 100%;
            padding: 1rem;
            border: 1px solid #d1d5db; /* Equivalent to border-gray-300 */
            border-radius: 0.5rem; /* Equivalent to rounded-lg */
            color: #1f2937;
            transition: all 0.2s ease-in-out;
        }
        .form-input::placeholder, .form-textarea::placeholder {
            color: #6b7280; /* Equivalent to placeholder-gray-500 */
        }
        .form-input:focus, .form-textarea:focus {
            outline: none;
            box-shadow: 0 0 0 2px #3b82f6;
        }
        .form-textarea {
            height: 8rem;
            resize: none;
        }
        .file-upload-section {
            display: flex;
            flex-direction: column;
            margin-bottom: 1.5rem;
        }
        @media (min-width: 768px) {
            .file-upload-section {
                flex-direction: row;
                align-items: center;
            }
        }
        .file-label {
            font-size: 1.125rem;
            font-weight: 500;
            color: #4b5563;
            margin-bottom: 0.5rem;
        }
        @media (min-width: 768px) {
            .file-label {
                width: 33.333333%;
                margin-bottom: 0;
            }
        }
        .captcha-section {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            margin-top: 2rem;
            justify-content: space-between;
        }
        @media (min-width: 768px) {
            .captcha-section {
                flex-direction: row;
                align-items: center;
            }
        }
        .captcha-input-group {
            display: flex;
            flex-grow: 1;
            margin-bottom: 1rem;
        }
        @media (min-width: 768px) {
            .captcha-input-group {
                margin-bottom: 0;
            }
        }
        .captcha-label {
            display: block;
            color: #4b5563;
            font-weight: 500;
            margin-bottom: 0.5rem;
        }
        .captcha-content {
            display: flex;
            align-items: center;
            gap: 1rem;
            font-size: 1.25rem;
            font-weight: 700;
        }
        .captcha-refresh {
            color: #3b82f6;
            cursor: pointer;
            font-size: 1.125rem;
            transition: color 0.2s ease-in-out;
        }
        .captcha-refresh:hover {
            color: #1d4ed8;
        }
        .captcha-input {
            width: 4rem;
            padding: 0.5rem;
            border: 2px solid #d1d5db;
            border-radius: 0.5rem;
            text-align: center;
        }
        .submit-button {
            width: 100%;
            padding: 0.75rem 2rem;
            background-color: #2563eb;
            color: white;
            font-weight: 700;
            border-radius: 9999px;
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
            cursor: pointer;
            transition: background-color 0.2s ease-in-out;
        }
        .submit-button:hover {
            background-color: #1d4ed8;
        }
        .error-message {
            color: #ef4444;
            font-size: 0.875rem;
            font-weight: 500;
            margin-top: 0.25rem;
        }
        .unvalid {
            border-color: #ef4444;
        }
        .valid {
            border-color: #10b981;
        }

.vx-contact-page #form1 {
    width: 100%;
    max-width: 100%;
    padding: clamp(22px, 4vw, 38px);
    border: 1px solid rgba(217, 149, 112, .24);
    border-radius: 8px;
    background:
        linear-gradient(145deg, rgba(18, 17, 16, .98), rgba(6, 6, 6, .96)),
        #080808;
    box-shadow:
        0 26px 70px rgba(0, 0, 0, .38),
        inset 0 1px 0 rgba(255, 255, 255, .08);
}

.vx-contact-page .vx-contact-copy h1 {
    max-width: 100%;
    overflow-wrap: break-word;
}

.vx-contact-page #form1 .hidden {
    display: none !important;
}

.vx-contact-page #form1 .input-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 15px;
    margin-bottom: 15px;
}

.vx-contact-page #form1 .mb-6 {
    margin-bottom: 24px;
}

.vx-contact-page #form1 .form-input,
.vx-contact-page #form1 .form-textarea,
.vx-contact-page #form1 .captcha-input {
    width: 100%;
    min-width: 0;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 6px;
    background: rgba(255, 255, 255, .055);
    color: #fff;
    outline: none;
    transition: border-color .2s ease, background-color .2s ease, box-shadow .2s ease;
}

.vx-contact-page #form1 .form-input {
    height: 52px;
    padding-inline: 15px;
}

.vx-contact-page #form1 .form-textarea {
    min-height: 138px;
    padding: 14px 15px;
    resize: vertical;
}

.vx-contact-page #form1 .captcha-input {
    width: 72px;
    height: 44px;
    padding: 8px 10px;
    text-align: center;
}

.vx-contact-page #form1 .form-input::placeholder,
.vx-contact-page #form1 .form-textarea::placeholder {
    color: rgba(255, 255, 255, .44);
}

.vx-contact-page #form1 .form-input:focus,
.vx-contact-page #form1 .form-textarea:focus,
.vx-contact-page #form1 .captcha-input:focus {
    border-color: rgba(217, 149, 112, .78);
    background: rgba(255, 255, 255, .08);
    box-shadow: 0 0 0 3px rgba(217, 149, 112, .12);
}

.vx-contact-page #form1 .file-upload-section {
    display: grid;
    grid-template-columns: minmax(110px, .35fr) minmax(0, 1fr);
    gap: 14px;
    align-items: center;
    margin-bottom: 24px;
}

.vx-contact-page #form1 .file-label,
.vx-contact-page #form1 .captcha-label {
    color: rgba(255, 255, 255, .78);
    font-size: 13px;
    font-weight: 800;
}

.vx-contact-page #form1 input[type="file"] {
    width: 100%;
    color: rgba(255, 255, 255, .72);
}

.vx-contact-page #form1 input[type="file"]::file-selector-button {
    margin-right: 12px;
    padding: 10px 14px;
    border: 1px solid rgba(217, 149, 112, .35);
    border-radius: 6px;
    background: rgba(217, 149, 112, .12);
    color: #fff;
    cursor: pointer;
}

.vx-contact-page #form1 .captcha-section {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 18px;
    align-items: end;
    margin-top: 0;
}

.vx-contact-page #form1 .captcha-input-group {
    display: grid;
    gap: 8px;
    margin-bottom: 0;
}

.vx-contact-page #form1 .captcha-content {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    color: #fff;
    font-size: 18px;
    font-weight: 800;
}

.vx-contact-page #form1 .captcha-refresh {
    color: #d99570;
    cursor: pointer;
    transition: color .2s ease;
}

.vx-contact-page #form1 .captcha-refresh:hover {
    color: #f1b18f;
}

.vx-contact-page #form1 .submit-button {
    min-height: 52px;
    padding: 0 28px;
    border: 0;
    border-radius: 6px;
    background: #d99570;
    color: #080808;
    font-weight: 900;
    cursor: pointer;
    box-shadow: none;
    transition: background-color .2s ease, transform .2s ease;
}

.vx-contact-page #form1 .submit-button:hover {
    background: #f1b18f;
    transform: translateY(-1px);
}

.vx-contact-page #form1 .error-message {
    color: #ff8c8c;
}

@media (max-width: 575px) {
    .vx-contact-page .vx-contact-copy h1 {
        font-size: clamp(32px, 11vw, 42px);
        line-height: 1.08;
    }

    .vx-contact-page #form1 .input-grid,
    .vx-contact-page #form1 .file-upload-section,
    .vx-contact-page #form1 .captcha-section {
        grid-template-columns: 1fr;
    }

    .vx-contact-page #form1 .submit-button {
        width: 100%;
    }
}

/* Dealer Program page */
.vx-dealer-page {
    --vx-dealer-copper: #d99570;
    --vx-dealer-gold: #d2b976;
    overflow-x: hidden;
    background:
        radial-gradient(circle at 86% 10%, rgba(217, 149, 112, .13), transparent 28%),
        radial-gradient(circle at 12% 44%, rgba(255, 255, 255, .055), transparent 24%),
        #030303;
}

.vx-dealer-hero,
.vx-dealer-benefits,
.vx-dealer-apply {
    position: relative;
    overflow: hidden;
    padding-block: clamp(58px, 7vw, 106px);
}

.vx-dealer-hero {
    background:
        linear-gradient(115deg, rgba(210, 185, 118, .09), transparent 34%),
        linear-gradient(180deg, #020202 0%, #070707 54%, #000 100%);
}

.vx-dealer-hero::before,
.vx-dealer-benefits::before,
.vx-dealer-apply::before {
    content: "";
    position: absolute;
    inset: clamp(16px, 2.5vw, 34px);
    pointer-events: none;
    border: 1px solid rgba(210, 185, 118, .12);
}

.vx-dealer-hero-grid,
.vx-dealer-apply-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, .95fr) minmax(420px, 1.05fr);
    gap: clamp(30px, 5vw, 74px);
    align-items: center;
}

.vx-dealer-hero-grid > *,
.vx-dealer-apply-grid > *,
.vx-dealer-benefits-grid > * {
    min-width: 0;
}

.vx-dealer-hero-copy h1,
.vx-dealer-section-head h2,
.vx-dealer-apply-copy h2,
.vx-dealer-apply-head h2 {
    margin: 10px 0 0;
    color: #fff !important;
    font-size: clamp(38px, 5.4vw, 82px);
    font-weight: 950;
    line-height: .96;
    text-transform: uppercase;
}

.vx-dealer-section-head h2,
.vx-dealer-apply-copy h2,
.vx-dealer-apply-head h2 {
    font-size: clamp(32px, 3.4vw, 52px);
}

.vx-dealer-hero-copy p,
.vx-dealer-apply-copy p,
.vx-dealer-apply-head p {
    max-width: 720px;
    margin: 20px 0 0;
    color: rgba(255, 255, 255, .74) !important;
    font-size: clamp(16px, 1.45vw, 19px);
    font-weight: 600;
    line-height: 1.72;
    overflow-wrap: anywhere;
}

.vx-dealer-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 30px;
}

.vx-dealer-hero-visual {
    position: relative;
    min-height: clamp(390px, 38vw, 560px);
}

.vx-dealer-visual-card {
    position: absolute;
    overflow: hidden;
    border: 1px solid rgba(210, 185, 118, .24);
    border-radius: 8px;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .025)),
        #080909;
    box-shadow: 0 32px 82px rgba(0, 0, 0, .48);
}

.vx-dealer-visual-card-main {
    inset: 0 0 74px 68px;
    display: grid;
    place-items: center;
    padding: clamp(28px, 4vw, 54px);
}

.vx-dealer-visual-card-main img {
    width: min(420px, 100%);
    filter: drop-shadow(0 24px 42px rgba(0, 0, 0, .42));
}

.vx-dealer-visual-card-products {
    left: 0;
    bottom: 0;
    width: min(430px, 78%);
    min-height: 172px;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    align-items: end;
    padding: 18px;
    background:
        linear-gradient(135deg, rgba(210, 185, 118, .16), rgba(255, 255, 255, .035)),
        rgba(0, 0, 0, .72);
    backdrop-filter: blur(14px);
}

.vx-dealer-visual-card-products img {
    width: 100%;
    max-height: 150px;
    object-fit: contain;
    filter: drop-shadow(0 16px 22px rgba(0, 0, 0, .42));
}

.vx-dealer-hero-badge {
    position: absolute;
    right: clamp(16px, 3vw, 30px);
    bottom: clamp(98px, 9vw, 132px);
    width: min(230px, calc(100% - 32px));
    padding: 18px;
    border: 1px solid rgba(217, 149, 112, .42);
    border-radius: 8px;
    background: rgba(0, 0, 0, .76);
    backdrop-filter: blur(14px);
}

.vx-dealer-hero-badge strong,
.vx-dealer-hero-badge span,
.vx-dealer-apply-head strong {
    display: block;
}

.vx-dealer-hero-badge strong {
    color: var(--vx-dealer-gold);
    font-size: 18px;
    font-weight: 950;
    line-height: 1.1;
}

.vx-dealer-hero-badge span {
    margin-top: 8px;
    color: rgba(255, 255, 255, .7);
    font-size: 13px;
    font-weight: 700;
    line-height: 1.42;
}

.vx-dealer-benefits {
    background:
        linear-gradient(180deg, #000 0%, #050505 50%, #000 100%);
}

.vx-dealer-section-head {
    position: relative;
    z-index: 1;
    max-width: 760px;
    margin-bottom: clamp(26px, 4vw, 46px);
}

.vx-dealer-benefits-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.vx-dealer-benefit-card {
    position: relative;
    overflow: hidden;
    min-height: 100%;
    padding: clamp(22px, 2.6vw, 32px);
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 8px;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .075), rgba(255, 255, 255, .02)),
        #080808;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .07);
}

.vx-dealer-benefit-card::after {
    content: "";
    position: absolute;
    inset: auto 0 0;
    height: 3px;
    background: linear-gradient(90deg, var(--vx-dealer-copper), transparent);
    opacity: .9;
}

.vx-dealer-benefit-wide {
    grid-column: span 2;
}

.vx-dealer-benefit-card > i {
    width: 48px;
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px;
    border: 1px solid rgba(210, 185, 118, .32);
    border-radius: 6px;
    background: rgba(210, 185, 118, .1);
    color: var(--vx-dealer-gold) !important;
    font-size: 24px;
}

.vx-dealer-benefit-card h3 {
    margin: 0 0 12px;
    color: #fff !important;
    font-size: clamp(20px, 1.8vw, 26px);
    font-weight: 900;
    line-height: 1.12;
}

.vx-dealer-benefit-card p {
    margin: 0 0 14px;
    color: rgba(255, 255, 255, .66) !important;
    font-size: 15px;
    font-weight: 650;
    line-height: 1.55;
}

.vx-dealer-benefit-card ul {
    display: grid;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.vx-dealer-benefit-card li,
.vx-dealer-applicant-grid span {
    position: relative;
    min-height: 38px;
    display: flex;
    align-items: center;
    gap: 10px;
    color: rgba(255, 255, 255, .78);
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
}

.vx-dealer-benefit-card li::before {
    content: "";
    width: 8px;
    height: 8px;
    flex: 0 0 8px;
    border-radius: 50%;
    background: var(--vx-dealer-copper);
    box-shadow: 0 0 0 4px rgba(217, 149, 112, .11);
}

.vx-dealer-apply {
    background:
        linear-gradient(135deg, rgba(217, 149, 112, .09), transparent 32%),
        linear-gradient(180deg, #050505 0%, #000 100%);
}

.vx-dealer-applicant-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin: 28px 0;
}

.vx-dealer-applicant-grid span {
    min-height: 58px;
    padding: 14px;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 8px;
    background: rgba(255, 255, 255, .045);
}

.vx-dealer-applicant-grid i {
    color: var(--vx-dealer-gold) !important;
    font-size: 20px;
}

.vx-dealer-apply-panel {
    overflow: hidden;
    padding: clamp(22px, 3vw, 36px);
    border: 1px solid rgba(210, 185, 118, .24);
    border-radius: 8px;
    background:
        linear-gradient(145deg, rgba(18, 17, 16, .98), rgba(6, 6, 6, .96)),
        #080808;
    box-shadow:
        0 28px 76px rgba(0, 0, 0, .42),
        inset 0 1px 0 rgba(255, 255, 255, .08);
}

.vx-dealer-apply-head {
    margin-bottom: 22px;
}

.vx-dealer-apply-head > span {
    display: inline-flex;
    min-height: 32px;
    align-items: center;
    padding: 0 12px;
    border: 1px solid rgba(210, 185, 118, .24);
    border-radius: 4px;
    background: rgba(210, 185, 118, .09);
    color: var(--vx-dealer-gold);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

.vx-dealer-apply-head p {
    margin-top: 14px;
}

.vx-dealer-apply-head strong {
    margin-top: 16px;
    color: #fff;
    font-size: clamp(18px, 2vw, 24px);
    font-weight: 950;
    line-height: 1.2;
}

.vx-dealer-lead-form {
    border-color: rgba(255, 255, 255, .1);
    background:
        radial-gradient(circle at 100% 0%, rgba(210, 185, 118, .1), transparent 28%),
        rgba(255, 255, 255, .035);
}

@media (max-width: 1199px) {
    .vx-dealer-benefits-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 991px) {
    .vx-dealer-hero-grid,
    .vx-dealer-apply-grid {
        grid-template-columns: 1fr;
    }

    .vx-dealer-hero-visual {
        min-height: clamp(350px, 68vw, 520px);
    }
}

@media (max-width: 767px) {
    .vx-dealer-page .container {
        width: min(100%, 390px);
        max-width: 100%;
        margin-inline: auto;
        padding-inline: 16px;
    }

    .vx-dealer-hero-copy,
    .vx-dealer-apply-copy,
    .vx-dealer-apply-panel {
        width: 100%;
        max-width: calc(100vw - 32px);
    }

    .vx-dealer-hero,
    .vx-dealer-benefits,
    .vx-dealer-apply {
        padding-block: 50px;
    }

    .vx-dealer-benefits-grid,
    .vx-dealer-applicant-grid {
        grid-template-columns: 1fr;
    }

    .vx-dealer-benefit-wide {
        grid-column: auto;
    }

    .vx-dealer-visual-card-main {
        inset: 0 0 80px 0;
    }

    .vx-dealer-visual-card-products {
        width: 88%;
    }

    .vx-dealer-hero-badge {
        right: 8px;
        bottom: 84px;
    }

    .vx-dealer-hero-actions .vx-btn {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 575px) {
    .vx-dealer-hero-copy,
    .vx-dealer-apply-copy,
    .vx-dealer-apply-panel {
        max-width: min(100%, 300px);
        margin-inline: auto;
    }

    .vx-dealer-hero-copy p,
    .vx-dealer-hero-actions,
    .vx-dealer-hero-actions .vx-btn {
        max-width: 300px;
    }

    .vx-dealer-hero-copy h1 {
        font-size: 38px;
    }

    .vx-dealer-hero-visual {
        min-height: 330px;
    }

    .vx-dealer-visual-card-main {
        padding: 20px;
    }

    .vx-dealer-visual-card-products {
        min-height: 130px;
        padding: 12px;
    }

    .vx-dealer-hero-badge {
        width: 190px;
        padding: 14px;
    }
}

/* Veltrixa Google reviews */
.vx-google-reviews {
    position: relative;
    overflow: hidden;
    padding: clamp(42px, 5vw, 70px) 0;
    border-top: 1px solid rgba(210, 185, 118, .14);
    border-bottom: 1px solid rgba(210, 185, 118, .14);
    background:
        radial-gradient(circle at 16% 6%, rgba(210, 185, 118, .13), transparent 28%),
        radial-gradient(circle at 86% 18%, rgba(255, 255, 255, .08), transparent 26%),
        linear-gradient(180deg, #020202 0%, #090909 54%, #020202 100%);
}

.vx-google-reviews::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image:
        linear-gradient(rgba(255, 255, 255, .026) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .02) 1px, transparent 1px);
    background-size: 68px 68px;
    opacity: .28;
}

.vx-google-reviews > .container,
.vx-review-panel > * {
    position: relative;
    z-index: 1;
}

.vx-google-reviews .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
}

.vx-review-panel {
    position: relative;
    overflow: hidden;
    padding: clamp(18px, 2.2vw, 28px);
    border: 1px solid rgba(210, 185, 118, .22);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .07), rgba(255, 255, 255, .02)),
        rgba(5, 5, 5, .92);
    box-shadow:
        0 26px 70px rgba(0, 0, 0, .46),
        inset 0 1px 0 rgba(255, 255, 255, .08);
}

.vx-review-panel::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(110deg, transparent 0 54%, rgba(210, 185, 118, .08) 78%, transparent 100%);
}

.vx-review-top {
    display: grid;
    grid-template-columns: minmax(180px, .8fr) minmax(120px, auto) minmax(150px, .8fr);
    gap: 18px;
    align-items: center;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, .12);
}

.vx-google-title,
.vx-review-score,
.vx-review-write {
    display: inline-flex;
    align-items: center;
}

.vx-google-title {
    gap: 12px;
    min-width: 0;
}

.vx-google-word {
    display: inline-flex;
    font-size: clamp(26px, 2.2vw, 32px);
    font-weight: 850;
    line-height: 1;
    letter-spacing: 0;
}

.vx-google-word span:nth-child(1),
.vx-google-word span:nth-child(4) {
    color: #4285f4 !important;
}

.vx-google-word span:nth-child(2),
.vx-google-word span:nth-child(6) {
    color: #ea4335 !important;
}

.vx-google-word span:nth-child(3) {
    color: #fbbc05 !important;
}

.vx-google-word span:nth-child(5) {
    color: #34a853 !important;
}

.vx-google-title strong {
    color: rgba(255, 255, 255, .76) !important;
    font-size: clamp(18px, 1.5vw, 22px);
    font-weight: 750;
}

.vx-review-score {
    justify-self: center;
    gap: 11px;
    color: #fff !important;
}

.vx-review-score strong {
    color: var(--vx-gold, #d2b976) !important;
    font-size: clamp(23px, 2vw, 28px);
    font-weight: 900;
    line-height: 1;
}

.vx-review-score span,
.vx-review-stars {
    display: inline-flex;
    gap: 3px;
    color: var(--vx-gold, #d2b976) !important;
    line-height: 1;
}

.vx-review-score i,
.vx-review-stars i {
    color: inherit !important;
    -webkit-text-fill-color: var(--vx-gold, #d2b976);
    text-shadow: 0 0 12px rgba(210, 185, 118, .28);
}

.vx-review-score .ri-star-fill,
.vx-review-score .ri-star-half-fill,
.vx-review-stars .ri-star-fill {
    color: var(--vx-gold, #d2b976) !important;
    -webkit-text-fill-color: var(--vx-gold, #d2b976);
}

.vx-review-write {
    justify-self: end;
    min-height: 44px;
    padding: 0 18px;
    border: 1px solid rgba(210, 185, 118, .62);
    border-radius: 5px;
    background: var(--vx-gold, #d2b976);
    color: #050505 !important;
    font-size: 14px;
    font-weight: 900;
    line-height: 1;
    transition: transform .24s ease, border-color .24s ease, background .24s ease;
}

.vx-review-write:hover {
    border-color: var(--vx-gold-strong, #e5c46e);
    background: var(--vx-gold-strong, #e5c46e);
    color: #050505 !important;
    transform: translateY(-1px);
}

.vx-review-slider {
    margin-top: 20px;
    padding: 0 1px;
}

.vx-review-slider .swiper-wrapper {
    align-items: stretch;
}

.vx-review-card {
    height: auto;
    min-height: 300px;
    display: flex;
    flex-direction: column;
    padding: clamp(20px, 2.5vw, 28px);
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 8px;
    background:
        linear-gradient(145deg, rgba(210, 185, 118, .08), rgba(255, 255, 255, .035) 32%, rgba(2, 2, 2, .86)),
        #070707;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .07);
}

.vx-review-person {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 14px;
    align-items: center;
}

.vx-review-person > span {
    display: inline-flex;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(210, 185, 118, .42);
    border-radius: 50%;
    background:
        linear-gradient(145deg, rgba(210, 185, 118, .96), rgba(138, 97, 54, .94)),
        #d2b976;
    color: #050505 !important;
    font-size: 14px;
    font-weight: 900;
    line-height: 1;
}

.vx-review-person h3 {
    margin: 0 0 9px;
    color: #fff !important;
    font-size: clamp(16px, 1.25vw, 18px);
    font-weight: 900;
    line-height: 1.18;
}

.vx-review-card p {
    flex: 1;
    margin: 24px 0 0;
    color: rgba(255, 255, 255, .76) !important;
    font-size: clamp(15px, 1.18vw, 17px);
    font-weight: 600;
    line-height: 1.62;
}

.vx-review-meta {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    margin-top: 22px;
    padding-top: 16px;
    border-top: 1px solid rgba(255, 255, 255, .1);
}

.vx-review-meta span,
.vx-review-meta strong {
    color: rgba(255, 255, 255, .58) !important;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.35;
}

.vx-review-meta strong {
    color: rgba(210, 185, 118, .78) !important;
}

.vx-review-controls {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) 42px;
    gap: 12px;
    align-items: center;
    max-width: 280px;
    margin: 20px auto 0;
}

.vx-review-controls button {
    display: inline-flex;
    width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(210, 185, 118, .34);
    border-radius: 50%;
    background: rgba(0, 0, 0, .34);
    color: var(--vx-gold, #d2b976) !important;
    font-size: 21px;
    line-height: 1;
    transition: border-color .24s ease, background .24s ease, color .24s ease;
}

.vx-review-controls button i {
    color: inherit !important;
}

.vx-review-controls button:hover {
    border-color: var(--vx-gold, #d2b976);
    background: var(--vx-gold, #d2b976);
    color: #050505 !important;
}

.vx-review-controls .reviews-swiper-pagination {
    min-height: 12px;
}

.vx-review-controls .swiper-pagination-bullet {
    background: rgba(255, 255, 255, .42);
}

.vx-review-controls .swiper-pagination-bullet-active {
    width: 24px;
    border-radius: 999px;
    background: var(--vx-gold, #d2b976);
}

@media (max-width: 767px) {
    .vx-google-reviews {
        padding: 34px 0;
    }

    .vx-review-panel {
        padding: 16px;
    }

    .vx-review-top {
        grid-template-columns: 1fr;
        gap: 14px;
        padding-bottom: 16px;
    }

    .vx-google-title,
    .vx-review-score,
    .vx-review-write {
        justify-self: start;
    }

    .vx-review-write {
        width: 100%;
        justify-content: center;
    }

    .vx-review-card {
        min-height: 0;
        padding: 20px;
    }

    .vx-review-card p {
        margin-top: 20px;
        font-size: 15px;
        line-height: 1.56;
    }

    .vx-review-meta {
        flex-direction: column;
        gap: 7px;
    }
}

/* Header menu visibility fix */
@media (min-width: 1200px) {
    #navbar .relative > .hidden.lg\:flex {
        display: flex !important;
    }

    #navbar .relative > .flex-none.lg\:hidden {
        display: none !important;
    }
}

.sidebar-modal {
    z-index: 1002 !important;
}

.backdrop {
    z-index: 1001 !important;
}

/* Dealer Program layout refresh */
.vx-dealer-page {
    --vx-dealer-gold: #d2b976;
    --vx-dealer-copper: #d99570;
    --vx-dealer-blue: #8fd5ff;
    --vx-dealer-green: #9ad7b0;
    overflow-x: hidden;
    background:
        linear-gradient(180deg, #000 0%, #070707 42%, #000 100%) !important;
}

.vx-dealer-page .vx-page-breadcrumb {
    border-bottom: 1px solid rgba(210, 185, 118, .14);
}

.vx-dealer-hero,
.vx-dealer-benefits,
.vx-dealer-apply {
    position: relative;
    overflow: hidden;
    padding-block: clamp(15px, 1vw, 116px) !important;
    background: transparent !important;
}

.vx-dealer-hero::before,
.vx-dealer-benefits::before,
.vx-dealer-apply::before {
    display: none !important;
}

.vx-dealer-hero {
    /* background:
        linear-gradient(90deg, rgba(0, 0, 0, .94) 0%, rgba(0, 0, 0, .86) 42%, rgba(0, 0, 0, .42) 100%),
        linear-gradient(180deg, rgba(210, 185, 118, .08), transparent 45%),
        url("../images/vehicle8.jpg") right center / min(760px, 54vw) auto no-repeat,
        #010101 !important; */
}

.vx-dealer-hero-grid {
    position: relative;
    z-index: 1;
    display: grid !important;
    grid-template-columns: minmax(0, 1.02fr) minmax(420px, .98fr) !important;
    gap: clamp(34px, 5vw, 76px) !important;
    align-items: center;
}

.vx-dealer-hero-copy,
.vx-dealer-apply-copy,
.vx-dealer-apply-panel,
.vx-dealer-hero-visual {
    width: 100% !important;
    max-width: none !important;
    min-width: 0;
}

.vx-dealer-hero-copy h1 {
    max-width: 720px;
    margin: 12px 0 0 !important;
    color: #fff !important;
    font-size: clamp(41px, 2.3vw, 106px) !important;
    font-weight: 950 !important;
    line-height: .88 !important;
    text-transform: uppercase;
}

.vx-dealer-hero-copy p,
.vx-dealer-apply-copy p,
.vx-dealer-section-head p,
.vx-dealer-apply-head p {
    color: rgba(255, 255, 255, .72) !important;
    font-size: clamp(16px, 1.2vw, 18px) !important;
    font-weight: 650 !important;
    line-height: 1.7 !important;
}

.vx-dealer-hero-copy p {
    max-width: 680px !important;
}

.vx-dealer-hero-actions {
    display: flex !important;
    flex-wrap: wrap;
    gap: 12px !important;
    margin-top: 30px !important;
}

.vx-dealer-hero-actions .vx-btn {
    min-width: 176px;
    justify-content: center;
}

.vx-dealer-hero-metrics {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    max-width: 670px;
    margin-top: 28px;
}

.vx-dealer-hero-metrics span {
    min-height: 84px;
    display: grid;
    align-content: center;
    padding: 14px 16px;
    border: 1px solid rgba(255, 255, 255, .11);
    border-radius: 8px;
    background: rgba(255, 255, 255, .045);
    color: rgba(255, 255, 255, .7);
    font-size: 12px;
    font-weight: 800;
    line-height: 1.25;
    text-transform: uppercase;
}

.vx-dealer-hero-metrics strong {
    display: block;
    margin-bottom: 6px;
    color: var(--vx-dealer-gold);
    font-size: clamp(28px, 3vw, 42px);
    font-weight: 950;
    line-height: .9;
}

.vx-dealer-hero-visual {
    position: relative !important;
    min-height: clamp(440px, 38vw, 590px) !important;
}

.vx-dealer-showcase {
    position: absolute;
    inset: 0 0 72px 40px;
    overflow: hidden;
    border: 1px solid rgba(210, 185, 118, .22);
    border-radius: 8px;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .025)),
        #0a0b0b;
    box-shadow: 0 34px 90px rgba(0, 0, 0, .48);
}

.vx-dealer-showcase::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    /* background:
        linear-gradient(120deg, rgba(210, 185, 118, .12), transparent 34%),
        linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, .66) 100%); */
}

.vx-dealer-showcase-media {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    /* padding: clamp(24px, 4vw, 54px); */
}

.vx-dealer-showcase-media img {
    width: min(480px, 100%);
    filter: drop-shadow(0 28px 44px rgba(0, 0, 0, .48));
}

.vx-dealer-showcase-copy {
    position: absolute;
    left: clamp(18px, 2.6vw, 34px);
    right: clamp(18px, 2.6vw, 34px);
    bottom: clamp(18px, 2.6vw, 34px);
    z-index: 1;
    display: grid;
    gap: 7px;
}

.vx-dealer-showcase-copy span {
    color: var(--vx-dealer-copper);
    font-size: 12px;
    font-weight: 950;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.vx-dealer-showcase-copy strong {
    max-width: 360px;
    color: #fff;
    font-size: clamp(22px, 2vw, 30px);
    font-weight: 950;
    line-height: 1.08;
}

.vx-dealer-product-stack {
    position: absolute;
    left: 0;
    right: 24px;
    bottom: 0;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.vx-dealer-product-stack article {
    min-height: 170px;
    display: grid;
    align-content: end;
    justify-items: center;
    gap: 8px;
    padding: 16px 14px;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 8px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .02)),
        rgba(0, 0, 0, .82);
    box-shadow: 0 22px 56px rgba(0, 0, 0, .38);
    backdrop-filter: blur(12px);
}

.vx-dealer-product-stack img {
    width: 100%;
    height: 118px;
    object-fit: contain;
    filter: drop-shadow(0 16px 20px rgba(0, 0, 0, .45));
}

.vx-dealer-product-stack span {
    color: rgba(255, 255, 255, .84);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

.vx-dealer-benefits {
    border-top: 1px solid rgba(210, 185, 118, .12);
    border-bottom: 1px solid rgba(210, 185, 118, .12);
    background:
        linear-gradient(180deg, #020202 0%, #090909 52%, #020202 100%) !important;
}

.vx-dealer-section-head {
    /* display: grid !important; */
    grid-template-columns: minmax(0, .85fr) minmax(280px, .55fr);
    gap: clamp(18px, 4vw, 60px);
    align-items: end;
    max-width: none !important;
    margin-bottom: clamp(28px, 4vw, 52px) !important;
}

.vx-dealer-section-head h2,
.vx-dealer-apply-copy h2,
.vx-dealer-apply-head h2 {
    margin: 10px 0 0 !important;
    color: #fff !important;
    font-size: clamp(34px, 2vw, 66px) !important;
    font-weight: 950 !important;
    line-height: .96 !important;
    text-transform: uppercase;
}

.vx-dealer-section-head p {
    max-width: 460px;
    margin: 0 !important;
}

.vx-dealer-benefits-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 14px !important;
}

.vx-dealer-benefit-card {
    position: relative;
    min-height: 100%;
    padding: clamp(22px, 2.2vw, 30px) !important;
    border: 1px solid rgba(255, 255, 255, .12) !important;
    border-radius: 8px !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .065), rgba(255, 255, 255, .02)),
        #070707 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08) !important;
}

.vx-dealer-benefit-card:hover {
    border-color: rgba(210, 185, 118, .35) !important;
    transform: translateY(-3px);
}

.vx-dealer-benefit-wide {
    grid-column: 1 / -1 !important;
    /* display: grid; */
    grid-template-columns: minmax(220px, .42fr) minmax(0, 1fr);
    gap: clamp(18px, 3vw, 34px);
    align-items: center;
}

.vx-dealer-benefit-card::after {
    background: linear-gradient(90deg, var(--vx-dealer-gold), rgba(143, 213, 255, .6), transparent) !important;
}

.vx-dealer-benefit-card > i {
    width: 46px !important;
    height: 46px !important;
    border-radius: 8px !important;
    background: rgba(210, 185, 118, .12) !important;
    color: var(--vx-dealer-gold) !important;
}

.vx-dealer-benefit-card:nth-child(3) > i {
    background: rgba(143, 213, 255, .1) !important;
    color: var(--vx-dealer-blue) !important;
}

.vx-dealer-benefit-card:nth-child(4) > i {
    background: rgba(154, 215, 176, .1) !important;
    color: var(--vx-dealer-green) !important;
}

.vx-dealer-benefit-card h3 {
    color: #fff !important;
    font-size: clamp(21px, 1.6vw, 28px) !important;
    font-weight: 950 !important;
}

.vx-dealer-benefit-card p {
    color: rgba(255, 255, 255, .66) !important;
}

.vx-dealer-benefit-wide ul {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px !important;
}

.vx-dealer-benefit-wide li {
    min-height: 54px;
    padding: 13px 14px;
    border: 1px solid rgba(210, 185, 118, .18);
    border-radius: 8px;
    background: rgba(210, 185, 118, .055);
    color: #fff !important;
}

.vx-dealer-benefit-card:not(.vx-dealer-benefit-wide) ul {
    gap: 11px !important;
}

.vx-dealer-benefit-card li {
    color: rgba(255, 255, 255, .76) !important;
    font-size: 14px !important;
    font-weight: 750 !important;
}

.vx-dealer-apply {
    background:
        linear-gradient(90deg, rgba(210, 185, 118, .07), transparent 34%),
        #000 !important;
}

.vx-dealer-apply-grid {
    display: grid !important;
    grid-template-columns: minmax(0, .9fr) minmax(460px, 1.1fr) !important;
    gap: clamp(30px, 5vw, 72px) !important;
    align-items: start !important;
}

.vx-dealer-applicant-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    margin: 26px 0 !important;
}

.vx-dealer-applicant-grid span {
    min-height: 58px;
    padding: 14px 16px 14px 18px !important;
    border: 1px solid rgba(255, 255, 255, .12) !important;
    border-left: 3px solid var(--vx-dealer-gold) !important;
    border-radius: 8px !important;
    background: rgba(255, 255, 255, .045) !important;
    color: rgba(255, 255, 255, .84) !important;
}

.vx-dealer-applicant-grid i {
    color: var(--vx-dealer-green) !important;
}

.vx-dealer-apply-summary {
    padding: 18px 20px;
    border: 1px solid rgba(143, 213, 255, .2);
    border-radius: 8px;
    background: rgba(143, 213, 255, .055);
}

.vx-dealer-apply-panel {
    position: relative;
    padding: clamp(24px, 3vw, 38px) !important;
    border: 1px solid rgba(210, 185, 118, .24) !important;
    border-radius: 8px !important;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .07), rgba(255, 255, 255, .025)),
        #080808 !important;
    box-shadow: 0 30px 86px rgba(0, 0, 0, .46) !important;
}

.vx-dealer-apply-panel::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    border-top: 3px solid var(--vx-dealer-gold);
    border-radius: inherit;
}

.vx-dealer-apply-head {
    margin-bottom: 24px !important;
}

.vx-dealer-apply-head > span {
    border-color: rgba(210, 185, 118, .32) !important;
    background: rgba(210, 185, 118, .12) !important;
    color: var(--vx-dealer-gold) !important;
}

.vx-dealer-apply-head strong {
    color: #fff !important;
}

.vx-dealer-lead-form {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 15px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.vx-dealer-lead-form label,
.vx-dealer-lead-form button {
    min-width: 0;
}

.vx-dealer-lead-form button {
    grid-column: 1 / -1;
}

.vx-dealer-lead-form input {
    min-height: 54px !important;
    border-color: rgba(255, 255, 255, .14) !important;
    background: rgba(255, 255, 255, .055) !important;
}

@media (max-width: 1199px) {
    .vx-dealer-hero-grid,
    .vx-dealer-apply-grid {
        grid-template-columns: 1fr !important;
    }

    .vx-dealer-hero {
        background:
            linear-gradient(90deg, rgba(0, 0, 0, .96), rgba(0, 0, 0, .72)),
            url("../images/vehicle8.jpg") right top / 760px auto no-repeat,
            #010101 !important;
    }

    .vx-dealer-hero-visual {
        max-width: 760px !important;
        margin-inline: auto;
    }

    .vx-dealer-benefits-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .vx-dealer-benefit-wide {
        grid-column: 1 / -1 !important;
    }
}

@media (max-width: 991px) {
    .vx-dealer-section-head {
        grid-template-columns: 1fr !important;
    }

    .vx-dealer-section-head p {
        max-width: 720px;
    }

    .vx-dealer-benefit-wide {
        grid-template-columns: 1fr !important;
    }

    .vx-dealer-benefit-wide ul {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .vx-dealer-hero,
    .vx-dealer-benefits,
    .vx-dealer-apply {
        padding-block: 52px !important;
    }

    .vx-dealer-page .container {
        width: 100% !important;
        max-width: 100% !important;
        padding-inline: 16px !important;
    }

    .vx-dealer-hero-copy,
    .vx-dealer-apply-copy,
    .vx-dealer-apply-panel {
        max-width: 100% !important;
        margin-inline: 0 !important;
    }

    .vx-dealer-hero-copy h1 {
        font-size: clamp(42px, 14vw, 58px) !important;
    }

    .vx-dealer-hero-copy p,
    .vx-dealer-hero-actions,
    .vx-dealer-hero-actions .vx-btn {
        max-width: none !important;
    }

    .vx-dealer-hero-metrics {
        grid-template-columns: 1fr;
    }

    .vx-dealer-hero-visual {
        min-height: 470px !important;
    }

    .vx-dealer-showcase {
        inset: 0 0 130px 0;
    }

    .vx-dealer-product-stack {
        right: 0;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 8px;
    }

    .vx-dealer-product-stack article {
        min-height: 132px;
        padding: 12px 8px;
    }

    .vx-dealer-product-stack img {
        height: 86px;
    }

    .vx-dealer-benefits-grid,
    .vx-dealer-benefit-wide ul,
    .vx-dealer-lead-form {
        grid-template-columns: 1fr !important;
    }

    .vx-dealer-benefit-card {
        padding: 22px !important;
    }

    .vx-dealer-applicant-grid span {
        align-items: flex-start;
    }

    .vx-dealer-hero-actions .vx-btn {
        width: 100%;
    }
}

@media (max-width: 430px) {
    .vx-dealer-product-stack {
        position: relative;
        margin-top: -106px;
    }

    .vx-dealer-hero-visual {
        min-height: 0 !important;
    }

    .vx-dealer-showcase {
        position: relative;
        inset: auto;
        min-height: 330px;
    }

    .vx-dealer-product-stack article:nth-child(3) {
        display: none;
    }

    .vx-dealer-product-stack {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Dealer Program mobile typography polish */
.vx-dealer-hero-copy h1 {
    max-width: 560px !important;
}

.vx-dealer-hero-copy p {
    max-width: 560px !important;
}

.vx-dealer-showcase {
    /* background:
        linear-gradient(145deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .03)),
        linear-gradient(180deg, rgba(0, 0, 0, .16), rgba(0, 0, 0, .78)),
        url("../images/detailing.jpg") center / cover no-repeat,
        #0a0b0b !important; */
}

.vx-dealer-showcase-media {
    background: rgba(0, 0, 0, .38);
}

.vx-dealer-showcase-media img {
    width: min(544px, 100%) !important;
    opacity: .98;
}

@media (max-width: 767px) {
    .vx-dealer-hero {
        background:
            linear-gradient(180deg, rgba(0, 0, 0, .78), rgba(0, 0, 0, .95) 54%, #000 100%),
            url("../images/vehicle8.jpg") center top / 760px auto no-repeat,
            #000 !important;
    }

    .vx-dealer-hero-copy {
        max-width: 358px !important;
        margin-inline: auto !important;
    }

    .vx-dealer-hero-copy h1 {
        max-width: 340px !important;
        font-size: clamp(39px, 10.8vw, 46px) !important;
        line-height: .94 !important;
    }

    .vx-dealer-hero-copy p {
        max-width: 340px !important;
        font-size: 16px !important;
        line-height: 1.62 !important;
    }
}

@media (max-width: 390px) {
    .vx-dealer-hero-copy {
        max-width: 330px !important;
    }

    .vx-dealer-hero-copy h1 {
        max-width: 318px !important;
        font-size: 39px !important;
    }

    .vx-dealer-hero-copy p {
        max-width: 318px !important;
    }
}

/* Dedicated gallery page */
.vx-gallery-page {
    overflow-x: hidden;
    background:
        radial-gradient(circle at 15% 8%, rgba(210, 185, 118, .12), transparent 25%),
        radial-gradient(circle at 86% 28%, rgba(143, 213, 255, .08), transparent 24%),
        linear-gradient(180deg, #000 0%, #070707 48%, #000 100%);
}

.vx-gallery-page .vx-page-breadcrumb {
    border-bottom: 1px solid rgba(210, 185, 118, .14);
}

.vx-gallery-showcase {
    position: relative;
    overflow: hidden;
    padding: clamp(54px, 7vw, 96px) 0 clamp(66px, 8vw, 112px);
}

.vx-gallery-showcase::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(115deg, transparent 0 18%, rgba(210, 185, 118, .08) 18% 19%, transparent 19% 64%, rgba(255, 255, 255, .05) 64% 65%, transparent 65%),
        url("../images/ppfw.png") right -90px top 40px / min(430px, 36vw) auto no-repeat;
    opacity: .42;
}

.vx-gallery-showcase .container {
    position: relative;
    z-index: 1;
    width: min(1240px, calc(100% - 28px));
    max-width: none;
}

.vx-gallery-showcase-head {
    display: grid;
    grid-template-columns: minmax(0, .86fr) minmax(280px, .48fr);
    gap: clamp(18px, 4vw, 58px);
    align-items: end;
    min-width: 0;
    margin-bottom: clamp(28px, 4vw, 52px);
}

.vx-gallery-showcase-head > * {
    min-width: 0;
    max-width: 100%;
}

.vx-gallery-showcase-head span,
.vx-gallery-feature-copy > span {
    color: var(--vx-gold, #d2b976);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .14em;
    line-height: 1.2;
    text-transform: uppercase;
}

.vx-gallery-showcase-head > span,
.vx-gallery-showcase-head > h1 {
    grid-column: 1;
}

.vx-gallery-showcase-head h1 {
    max-width: 760px;
    margin: 10px 0 0;
    color: #fff;
    font-size: clamp(38px, 5.3vw, 84px);
    font-weight: 950;
    line-height: .96;
    text-transform: uppercase;
}

.vx-gallery-showcase-head p {
    grid-column: 2;
    grid-row: 1 / span 2;
    align-self: end;
    max-width: 470px;
    margin: 0;
    color: rgba(255, 255, 255, .7);
    font-size: clamp(15px, 1.25vw, 18px);
    font-weight: 650;
    line-height: 1.68;
}

.vx-gallery-feature {
    display: grid;
    grid-template-columns: minmax(0, 1.22fr) minmax(320px, .78fr);
    gap: 0;
    overflow: hidden;
    margin-bottom: 16px;
    border: 1px solid rgba(210, 185, 118, .24);
    border-radius: 8px;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .075), rgba(255, 255, 255, .02)),
        #070707;
    box-shadow: 0 32px 86px rgba(0, 0, 0, .46);
}

.vx-gallery-feature-media {
    position: relative;
    min-height: clamp(340px, 42vw, 560px);
    overflow: hidden;
    background:
        radial-gradient(circle at 36% 48%, rgba(210, 185, 118, .16), transparent 36%),
        linear-gradient(145deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .015)),
        #030303;
}

.vx-gallery-feature-media::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, transparent 58%, rgba(0, 0, 0, .62)),
        linear-gradient(180deg, rgba(255, 255, 255, .08), transparent 34%, rgba(0, 0, 0, .24));
    pointer-events: none;
}

.vx-gallery-feature-media img,
.vx-car-gallery-item img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.vx-gallery-feature-media img {
    box-sizing: border-box;
    padding: clamp(16px, 3vw, 34px);
    object-fit: contain;
    transition: transform .45s ease, filter .45s ease;
}

.vx-gallery-feature:hover .vx-gallery-feature-media img {
    transform: scale(1.035);
    filter: saturate(1.08) contrast(1.05);
}

.vx-gallery-feature-copy {
    display: grid;
    align-content: center;
    gap: 16px;
    min-width: 0;
    padding: clamp(24px, 4vw, 46px);
}

.vx-gallery-feature-copy h2 {
    max-width: 440px;
    margin: 0;
    color: #fff;
    font-size: clamp(28px, 3vw, 46px);
    font-weight: 950;
    line-height: 1;
    text-transform: uppercase;
}

.vx-gallery-feature-copy p {
    margin: 0;
    color: rgba(255, 255, 255, .68);
    font-size: 16px;
    font-weight: 650;
    line-height: 1.68;
}

.vx-gallery-stats {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto minmax(0, 1fr);
    gap: 8px 12px;
    align-items: center;
    margin-top: 8px;
    padding-top: 18px;
    border-top: 1px solid rgba(255, 255, 255, .1);
}

.vx-gallery-stats strong {
    color: var(--vx-gold, #d2b976);
    font-size: clamp(26px, 3vw, 38px);
    font-weight: 950;
    line-height: 1;
}

.vx-gallery-stats span {
    color: rgba(255, 255, 255, .62);
    font-size: 12px;
    font-weight: 850;
    line-height: 1.2;
    text-transform: uppercase;
}

.vx-car-gallery-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.vx-car-gallery-item {
    position: relative;
    height: 280px;
    min-height: 280px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 8px;
    background: #050505;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06);
}

.vx-car-gallery-item::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .05), transparent 30%, rgba(0, 0, 0, .22) 100%),
        linear-gradient(90deg, rgba(210, 185, 118, .12), transparent 45%);
    opacity: .72;
    pointer-events: none;
    transition: opacity .3s ease;
}

.vx-car-gallery-item::after {
    content: "\ea12";
    position: absolute;
    top: 14px;
    right: 14px;
    z-index: 2;
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border: 1px solid rgba(210, 185, 118, .45);
    border-radius: 50%;
    background: rgba(0, 0, 0, .55);
    color: var(--vx-gold, #d2b976);
    font-family: remixicon;
    font-size: 18px;
    line-height: 1;
    transform: translateY(-8px);
    opacity: 0;
    transition: opacity .25s ease, transform .25s ease, background .25s ease;
}

.vx-car-gallery-item img {
    height: 100%;
    min-height: 100%;
    filter: saturate(.88) contrast(1.08) brightness(.82);
    transition: transform .42s ease, filter .42s ease;
}

.vx-car-gallery-item:hover {
    border-color: rgba(210, 185, 118, .34);
}

.vx-car-gallery-item:hover::before {
    opacity: .95;
}

.vx-car-gallery-item:hover::after {
    transform: translateY(0);
    opacity: 1;
}

.vx-car-gallery-item:hover img {
    transform: scale(1.055);
    filter: saturate(1.06) contrast(1.08) brightness(.92);
}

@media (max-width: 1199px) {
    .vx-car-gallery-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .vx-gallery-feature {
        grid-template-columns: 1fr;
    }

    .vx-gallery-feature-media::after {
        background:
            linear-gradient(180deg, transparent 46%, rgba(0, 0, 0, .68)),
            linear-gradient(90deg, rgba(210, 185, 118, .1), transparent 42%);
    }
}

@media (max-width: 991px) {
    .vx-gallery-showcase-head {
        grid-template-columns: 1fr;
    }

    .vx-gallery-showcase-head > span,
    .vx-gallery-showcase-head > h1,
    .vx-gallery-showcase-head p {
        grid-column: auto;
        grid-row: auto;
    }

    .vx-gallery-showcase-head p {
        max-width: 720px;
    }

    .vx-car-gallery-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .vx-gallery-showcase {
        padding: 46px 0 62px;
    }

    .vx-gallery-showcase::before {
        background-size: 280px auto;
        opacity: .24;
    }

    .vx-gallery-showcase .container {
        width: 100%;
        padding-inline: 16px;
    }

    .vx-gallery-showcase-head,
    .vx-gallery-feature,
    .vx-car-gallery-grid {
        width: 100%;
        max-width: calc(100vw - 32px);
    }

    .vx-gallery-showcase-head h1 {
        font-size: clamp(37px, 12vw, 54px);
    }

    .vx-gallery-showcase-head p {
        width: min(100%, 330px);
        max-width: 330px;
        overflow-wrap: break-word;
    }

    .vx-gallery-feature-media {
        min-height: 280px;
    }

    .vx-gallery-feature-copy {
        padding: 22px;
    }

    .vx-gallery-feature-copy > * {
        max-width: 100%;
    }

    .vx-gallery-feature-copy h2 {
        max-width: 310px;
        font-size: clamp(24px, 7.4vw, 32px);
        line-height: 1.05;
        overflow-wrap: anywhere;
    }

    .vx-gallery-feature-copy p {
        max-width: 310px;
        font-size: 15px;
        line-height: 1.62;
    }

    .vx-gallery-stats {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .vx-car-gallery-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .vx-car-gallery-item {
        height: 248px;
        min-height: 248px;
    }

    .vx-car-gallery-item img {
        height: 248px;
    }
}