:root {
  --components--sections--backgrounds--bg-color-default: var(--globals--color--surfaces--01);
  --core--font-family--primary-font: Inter, sans-serif;
  --components--titles-paragraphs--text-paragraphs: var(--globals--color--texts--03);
  --core--font-size--base-font: 18px;
  --core--line-height--large: 1.5em;
  --core--font-size--base-font-mb: 16px;
  --core--font-family--headlines: var(--core--font-family--primary-font);
  --components--titles-paragraphs--text-titles: var(--globals--color--texts--04);
  --core--font-size--headings--h1: var(--core--font-size--displays--display-9);
  --core--line-height--small: 1.115em;
  --core--font-size--headings-tablet--h1: var(--core--font-size--displays-tablet--display-9);
  --core--font-size--headings-mbl--h1: var(--core--font-size--displays-mbl--display-9);
  --core--font-size--headings-mbp--h1: var(--core--font-size--displays-mbp--display-9);
  --core--font-size--headings--h2: var(--core--font-size--displays--display-8);
  --core--line-height--regular: 1.25em;
  --core--font-size--headings-tablet--h2: var(--core--font-size--displays-tablet--display-8);
  --core--font-size--headings-mbl--h2: var(--core--font-size--displays-mbl--display-8);
  --core--font-size--headings-mbp--h2: var(--core--font-size--displays-mbp--display-8);
  --core--font-size--headings--h3: var(--core--font-size--displays--display-7);
  --core--font-size--headings-tablet--h3: var(--core--font-size--displays-tablet--display-7);
  --core--font-size--headings-mbl--h3: var(--core--font-size--displays-mbl--display-7);
  --core--font-size--headings-mbp--h3: var(--core--font-size--displays-mbp--display-7);
  --core--font-size--headings--h4: var(--core--font-size--displays--display-6);
  --core--font-size--headings-tablet--h4: var(--core--font-size--displays-tablet--display-6);
  --core--font-size--headings-mbl--h4: var(--core--font-size--displays-mbl--display-6);
  --core--font-size--headings-mbp--h4: var(--core--font-size--displays-mbp--display-6);
  --core--font-size--headings--h5: var(--core--font-size--displays--display-5);
  --core--font-size--headings-tablet--h5: var(--core--font-size--displays-tablet--display-5);
  --core--font-size--headings-mbl--h5: var(--core--font-size--displays-mbl--display-5);
  --core--font-size--headings-mbp--h5: var(--core--font-size--displays-mbp--display-5);
  --core--font-size--headings--h6: var(--core--font-size--displays--display-3);
  --core--font-size--headings-tablet--h6: var(--core--font-size--displays-tablet--display-3);
  --core--font-size--headings-mbl--h6: var(--core--font-size--displays-mbl--display-3);
  --core--font-size--headings-mbp--h6: var(--core--font-size--displays-mbp--display-3);
  --components--links--text-color--text-dark: var(--globals--color--texts--04);
  --components--cards--paddings--pd-extra-large: var(--core--sizes--size-9);
  --components--cards--paddings--pd-large: var(--globals--paddings--pd-extra-large);
  --globals--paddings--pd-extra-large: var(--core--sizes--size-8);
  --components--cards--border-radius--br-medium: var(--globals--border-radius--br-medium);
  --globals--color--surfaces--06: var(--core--colors--neutral--600);
  --components--titles-paragraphs--text-light: var(--globals--color--texts--01);
  --core--font-size--displays--display-3: 18px;
  --components--cards--paddings--pd-medium: var(--globals--paddings--pd-large);
  --globals--paddings--pd-large: var(--core--sizes--size-6);
  --components--cards--border-radius--br-regular: var(--globals--border-radius--br-default);
  --globals--paddings--pd-medium: var(--core--sizes--size-5);
  --core--font-size--displays--display-2: 16px;
  --globals--gaps--gap-none: 0px;
  --components--cards--background-color--bg-color-default: var(--globals--color--surfaces--01);
  --core--box-shadow--bs-neutral-small: #9494941a;
  --core--colors--neutral--200: #fafafa;
  --components--divider--border-width--bw-regular: var(--globals--border-width--bw-default);
  --components--divider--border-color--border-default: var(--globals--border-color--border-3);
  --globals--margins--mg-medium: var(--core--sizes--size-6);
  --globals--margins--mg-default: var(--core--sizes--size-5);
  --globals--margins--mg-large: var(--core--sizes--size-7);
  --globals--margins--mg-small: var(--core--sizes--size-4);
  --globals--margins--mg-extra-large: var(--core--sizes--size-9);
  --globals--border-width--bw-default: var(--core--border-width--bw-size-2);
  --components--divider--border-color--border-tertiary: var(--globals--border-color--border-5);
  --globals--gaps--gap-medium: var(--core--sizes--size-4);
  --globals--gaps--gap-large: var(--core--sizes--size-5);
  --globals--gaps--gap-small: var(--core--sizes--size-2);
  --globals--border-width--bw-large: var(--core--border-width--bw-size-3);
  --core--font-size--displays--display-10: 88px;
  --core--font-size--displays-tablet--display-10: 64px;
  --core--font-size--displays-mbl--display-10: 44px;
  --core--font-size--displays-mbp--display-10: 40px;
  --core--font-size--displays--display-9: 64px;
  --core--font-size--displays-tablet--display-9: 48px;
  --core--font-size--displays-mbl--display-9: 40px;
  --core--font-size--displays-mbp--display-9: 32px;
  --core--font-size--displays--display-8: 48px;
  --core--font-size--displays-tablet--display-8: 40px;
  --core--font-size--displays-mbl--display-8: 32px;
  --core--font-size--displays-mbp--display-8: 28px;
  --core--font-size--displays--display-7: 36px;
  --core--font-size--displays-tablet--display-7: 32px;
  --core--font-size--displays-mbl--display-7: 28px;
  --core--font-size--displays-mbp--display-7: 26px;
  --core--font-size--displays--display-6: 30px;
  --core--font-size--displays-tablet--display-6: 28px;
  --core--font-size--displays-mbl--display-6: 24px;
  --core--font-size--displays-mbp--display-6: 24px;
  --core--font-size--displays--display-5: 24px;
  --core--font-size--displays-tablet--display-5: 24px;
  --core--font-size--displays-mbl--display-5: 22px;
  --core--font-size--displays-mbp--display-5: 22px;
  --core--font-size--displays--display-4: 20px;
  --core--font-size--displays-tablet--display-4: 20px;
  --core--font-size--displays-mbl--display-4: 20px;
  --core--font-size--displays-mbp--display-4: 20px;
  --components--badge--text-color--text-light: var(--globals--color--texts--01);
  --core--font-size--displays-tablet--display-3: 18px;
  --core--font-size--displays-mbl--display-3: 18px;
  --core--font-size--displays-mbp--display-3: 18px;
  --core--font-size--displays-tablet--display-2: 16px;
  --core--font-size--displays-mbl--display-2: 16px;
  --core--font-size--displays-mbp--display-2: 16px;
  --core--font-size--displays--display-1: 14px;
  --core--font-size--displays-tablet--display-1: 14px;
  --core--font-size--displays-mbl--display-1: 14px;
  --core--font-size--displays-mbp--display-1: 14px;
  --globals--margins--mg-tiny: var(--core--sizes--size-0);
  --globals--margins--mg-extra-small: var(--core--sizes--size-2);
  --globals--grid-gap--default: var(--core--sizes--size-5);
  --globals--paddings--pd-small: var(--core--sizes--size-3);
  --globals--gaps--gap-default: var(--core--sizes--size-3);
  --components--cards--border-color--br-color-default: var(--globals--border-color--border-3);
  --components--cards--border-color--br-color-secondary: var(--globals--border-color--border-3);
  --components--cards--border-radius--br-small: var(--globals--border-radius--br-small);
  --core--colors--primary--100: #121316;
  --components--badges--paddings--pd-small: var(--globals--paddings--pd-tiny);
  --components--badges--paddings--pd-medium: var(--globals--paddings--pd-small);
  --components--badges--gaps--pd-regular: var(--globals--gaps--gap-small);
  --components--badges--border-radius--br-pill: var(--core--border-radius--br-pill);
  --components--badge-primary--background-color--bg-light: var(--globals--color--surfaces--accent);
  --components--button--gradient-top: #3c3c3c;
  --components--button--gradient-bottom: #242424;
  --components--button--shadow-inset-dark: #111;
  --components--button--shadow-inset-light: #fff9;
  --components--button--shadow-outset: #23102829;
  --components--badge-neutral--background-color--bg-light: var(--globals--color--surfaces--07);
  --components--badge-secondary--border-color--bg-light: var(--globals--border-color--border-2);
  --components--badge-secondary--background-color--bg-light: var(--globals--color--surfaces--01);
  --globals--color--surfaces--01: var(--core--colors--neutral--100);
  --core--colors--neutral--700: #565656;
  --components--badge-tertiary--border-color--bg-light: var(--globals--color--surfaces--02);
  --globals--color--surfaces--03: var(--core--colors--neutral--300);
  --components--badge--text-color--text-dark: var(--globals--color--texts--04);
  --components--badges--paddings--pd-regular: var(--globals--paddings--pd-extra-small);
  --components--badges--gaps--pd-small: var(--globals--gaps--gap-tiny);
  --core--colors--neutral--400: #efefef;
  --components--badges--border-radius--br-small: var(--core--border-radius--br-size-1);
  --neutral--100\<deleted\|variable-89a718ad\>: white;
  --core--colors--neutral--800: #121316;
  --core--colors--neutral--600: #8a8a8a;
  --core--colors--neutral--500: #dfdfdf;
  --core--colors--neutral--300: #f7f7f7;
  --core--colors--neutral--100: white;
  --core--colors--overlays--dark-400: #19213dcc;
  --core--colors--overlays--dark-300: #19213da6;
  --core--colors--overlays--dark-200: #19213d80;
  --core--colors--overlays--dark-100: #19213d66;
  --core--colors--overlays--light-400: #fffc;
  --core--colors--overlays--light-300: #ffffffa6;
  --core--colors--overlays--light-200: #ffffff80;
  --core--colors--overlays--light-100: #fff6;
  --globals--grid-gap--large: var(--core--sizes--size-8);
  --globals--grid-gap--medium: var(--core--sizes--size-6);
  --core--sizes--size-9: 64px;
  --globals--grid-gap--small: var(--core--sizes--size-4);
  --components--sections--paddings--pd-large: var(--core--sizes--size-10);
  --components--sections--paddings--pd-medium: var(--core--sizes--size-9);
  --components--sections--paddings--pd-default: var(--globals--paddings--pd-extra-large);
  --globals--border-radius--br-extra-large: var(--core--border-radius--br-size-7);
  --components--cards--border-width--bw-regular: var(--globals--border-width--bw-default);
  --components--cards--paddings--pd-default: var(--globals--paddings--pd-medium);
  --core--box-shadow--bs-neutral-medium: #9494941a;
  --components--cards--background-color--bg-color-secondary: var(--globals--color--surfaces--02);
  --components--cards--paddings--pd-small: var(--globals--paddings--pd-default);
  --neutral--600\<deleted\|variable-fcce5907\>: #6d758f;
  --globals--accent-color: var(--core--colors--primary--100);
  --core--box-shadow--bs-neutral-regular: #34343414;
  --core--border-radius--br-size-5: 24px;
  --globals--color--surfaces--07: var(--core--colors--neutral--800);
  --core--border-radius--br-size-4: 16px;
  --components--cards--background-color--bg-color-tertiary: var(--globals--color--surfaces--07);
  --globals--border-color--border-2: var(--core--colors--neutral--300);
  --globals--border-color--border-5: var(--core--colors--neutral--700);
  --components--cards--border-radius--br-large: var(--globals--border-radius--br-large);
  --components--cards--border-color--br-color-tertiary: var(--globals--border-color--border-6);
  --globals--color--texts--03: var(--core--colors--neutral--600);
  --globals--paddings--pd-default: var(--core--sizes--size-4);
  --globals--gaps--gap-extra-small: var(--core--sizes--size-1);
  --core--box-shadow--bs-neutral-large: #9494941f;
  --core--box-shadow--bs-primary-small: #4d91e13b;
  --core--box-shadow--bs-primary-regular: #4d91e11a;
  --core--box-shadow--bs-primary-large: #4d91e11a;
  --core--box-shadow--bs-primary-medium: var(--core--box-shadow--bs-neutral-large);
  --core--box-shadow--bs-secondary-small: #9b202f1a;
  --core--box-shadow--bs-secondary-regular: #9b202f1a;
  --core--box-shadow--bs-secondary-medium: #9b202f1a;
  --core--box-shadow--bs-secondary-large: #9b202f24;
  --core--icon-family--line-rounded: "Icon Rounded", sans-serif;
  --components--buttons--gaps--gap-regular: var(--globals--gaps--gap-small);
  --components--buttons--border-width--bw-default: var(--globals--border-width--bw-default);
  --components--buttons-primary--border-color--b-light-mode: var(--globals--border-color--border-accent);
  --components--buttons--border-radius--br-pill: var(--core--border-radius--br-pill);
  --components--buttons-primary--backgrounds--bg-light-mode: var(--globals--color--surfaces--accent);
  --components--buttons-primary--text--text-light-mode: var(--globals--color--texts--01);
  --components--buttons--paddings--pd-small: var(--globals--paddings--pd-extra-small);
  --components--buttons--paddings--pd-medium: var(--globals--paddings--pd-default);
  --components--buttons-primary--border-color--b-dark-mode: var(--globals--border-color--border-1);
  --components--buttons-primary--backgrounds--bg-dark-mode: var(--globals--color--surfaces--01);
  --components--buttons-primary--text--text-dark-mode: var(--globals--color--texts--accent);
  --components--buttons--border-radius--br-none: var(--core--border-radius--br-none);
  --transparent: #0000;
  --components--buttons--gaps--gap-small: var(--globals--gaps--gap-extra-small);
  --components--buttons-secondary--border-color--b-light-mode: var(--globals--border-color--border-3);
  --components--buttons-secondary--backgrounds--bg-light-mode: var(--globals--color--surfaces--02);
  --components--buttons-secondary--text--text-light-mode: var(--globals--color--texts--04);
  --components--buttons-secondary--border-color--b-dark-mode: var(--globals--border-color--border-1);
  --components--buttons-secondary--text--text-dark-mode: var(--globals--color--texts--01);
  --components--buttons--paddings--pd-large: var(--globals--paddings--pd-medium);
  --components--buttons-tertiary--border-color--b-light-mode: var(--globals--color--surfaces--04);
  --components--buttons-tertiary--backgrounds--bg-light-mode: var(--globals--color--surfaces--04);
  --components--buttons-tertiary--text--text-light-mode: var(--globals--color--texts--accent);
  --components--buttons-tertiary--border-color--b-dark-mode: var(--globals--color--surfaces--06);
  --components--buttons-tertiary--backgrounds--bg-dark-mode: var(--globals--color--surfaces--06);
  --components--buttons-tertiary--text--text-dark-mode: var(--globals--color--texts--01);
  --components--links--gaps--gap-medium: var(--globals--gaps--gap-small);
  --neutral--800\<deleted\|variable-5d74d6f6\>: #19213d;
  --components--links--text-color--text-accent: var(--globals--color--texts--accent);
  --components--links--text-color--text-light: var(--globals--color--texts--01);
  --globals--color--texts--04: var(--core--colors--neutral--800);
  --globals--color--texts--01: var(--core--colors--neutral--100);
  --neutral--400\<deleted\|variable-1fec2397\>: #e1e4ed;
  --components--avatars--border-radius--br-regular: var(--globals--border-radius--br-default);
  --components--input-text--paddings--pd-regular: var(--globals--paddings--pd-small);
  --components--input-text--paddings--pd-medium: var(--globals--paddings--pd-default);
  --components--input-text--border-color--br-default: var(--globals--border-color--border-2);
  --components--accordions--paddings--pd-regular: var(--globals--paddings--pd-default);
  --components--input-text--background-color--bg-default: var(--globals--color--surfaces--01);
  --components--input-text--text-color--text-tertiary: var(--globals--color--texts--04);
  --components--input-text--border-color--br-secondary: var(--globals--border-color--border-4);
  --components--input-text--border-color--br-tertiary: var(--globals--border-color--border-accent);
  --components--input-text--text-color--text-secondary: var(--globals--color--texts--03);
  --components--input-text--paddings--pd-small: var(--globals--paddings--pd-tiny);
  --components--inputs-select--border-width--bw-regular: var(--globals--border-width--bw-default);
  --components--buttons--paddings--pd-regular: var(--globals--paddings--pd-small);
  --components--inputs-select--border-radius--br-regular: var(--core--border-radius--br-pill);
  --globals--border-radius--br-small: var(--core--sizes--size-3);
  --globals--border-color--border-accent: var(--globals--accent-color);
  --globals--color--surfaces--accent: var(--globals--accent-color);
  --components--checkboxes-radios-toogles--gaps--gap-regular: var(--globals--gaps--gap-extra-small);
  --globals--border-color--border-6: var(--core--colors--neutral--800);
  --core--font-size--paragraphs--large: 24px;
  --core--font-size--paragraphs--small: 16px;
  --components--badge-primary--background-color--bg-dark: var(--globals--border-color--border-1);
  --components--badge--text-color--text-accent: var(--globals--color--texts--accent);
  --components--badge-neutral--background-color--bg-dark: var(--globals--color--surfaces--06);
  --components--badge-secondary--border-color--bg-dark: var(--globals--border-color--border-1);
  --components--badge-tertiary--border-color--bg-dark: var(--globals--border-color--border-5);
  --components--badge-tertiary--background-color--bg-dark: var(--globals--color--surfaces--06);
  --components--accordions--paddings--pd-medium: var(--globals--paddings--pd-medium);
  --components--accordions--border-radius--br-regular: var(--globals--border-radius--br-default);
  --components--accordions--border-radius--br-small: var(--globals--border-radius--br-small);
  --core--border-width--bw-size-4: 2px;
  --components--images--border-radius--br-small: var(--globals--border-radius--br-small);
  --components--images--border-radius--br-default: var(--globals--border-radius--br-default);
  --globals--border-radius--br-medium: var(--core--border-radius--br-size-5);
  --globals--border-radius--br-default: var(--core--border-radius--br-size-4);
  --globals--border-radius--br-large: var(--core--border-radius--br-size-6);
  --components--dropdowns--paddings--pd-regular: var(--globals--paddings--pd-extra-small);
  --core--letter-spacing--regular: .08em;
  --globals--utilities--utility-2: var(--core--colors--neutral--200);
  --globals--paddings--pd-extra-small: var(--core--sizes--size-2);
  --components--dropdowns--gaps--gap-regular: var(--globals--gaps--gap-small);
  --components--input-text--gaps--gap-regular: var(--globals--gaps--gap-extra-small);
  --core--border-width--bw-size-2: 1px;
  --core--border-radius--br-size-3: 8px;
  --globals--utilities--utility-accent: var(--globals--accent-color);
  --globals--utilities--utility-6: var(--core--colors--neutral--800);
  --1\<deleted\|variable-adce7a81\>: #2388ff;
  --globals--utilities--utility-3: var(--core--colors--neutral--300);
  --components--titles-paragraphs--text-accent: var(--globals--color--texts--accent);
  --globals--paddings--pd-tiny: var(--core--sizes--size-1);
  --components--sections--backgrounds--bg-color-tertiary: var(--globals--color--surfaces--07);
  --core--sizing--container-default--default: 1240px;
  --core--container-default--padding--default: var(--core--sizes--size-5);
  --core--container-default--padding--mb: var(--core--sizes--size-4);
  --components--badges--border-radius--br-regular: var(--globals--border-radius--br-small);
  --globals--utilities--utility-1: var(--core--colors--neutral--100);
  --globals--color--surfaces--05: var(--core--colors--neutral--600);
  --globals--border-width--bw-small: var(--core--border-width--bw-size-1);
  --globals--color--surfaces--02: var(--core--colors--neutral--200);
  --core--border-radius--br-pill: 300px;
  --core--sizes--size-11: 120px;
  --core--sizes--size-10: 80px;
  --components--sections--paddings--pd-extra-large: 100px;
  --components--sections--paddings--pd-extra-small: var(--globals--paddings--pd-default);
  --components--sections--backgrounds--bg-color-secondary: var(--globals--color--surfaces--03);
  --components--footers--paddings--pd-extra-large: var(--core--sizes--size-10);
  --components--divider--border-color--border-secondary: var(--globals--color--surfaces--06);
  --components--footers--paddings--pd-large: var(--core--sizes--size-9);
  --components--footers--paddings--pd-medium: var(--globals--paddings--pd-extra-large);
  --components--footers--paddings--pd-small: var(--globals--paddings--pd-medium);
  --components--footers--paddings--pd-regular: var(--globals--paddings--pd-large);
  --components--titles-paragraphs--text-neutral-light: var(--globals--color--texts--02);
  --core--colors--system--red-400: #fe566b;
  --components--links--gaps--gap-small: var(--globals--gaps--gap-tiny);
  --neutral-shadow--03\<deleted\|variable-75cb512e\>: #19213d24;
  --neutral--300\<deleted\|variable-c5de2c5c\>: #f1f3f7;
  --neutral-shadow--02\<deleted\|variable-f7d5933d\>: #19213d14;
  --core--icon-family--base-font: var(--core--icon-family--line-rounded);
  --globals--border-color--border-3: var(--core--colors--neutral--400);
  --components--cards--border-radius--br-none: var(--core--border-radius--br-none);
  --globals--gaps--gap-tiny: var(--core--sizes--size-0);
  --components--links--gradient-top: var(--globals--color--surfaces--01);
  --components--links--gradient-bottom: #cdcdcd;
  --components--popups--border-radius--br-large: var(--globals--border-radius--br-large);
  --core--sizes--size-7: 40px;
  --core--sizes--size-6: 32px;
  --components--cards--paddings--pd-extra-small: var(--globals--paddings--pd-extra-small);
  --globals--gaps--gap-extra-large: var(--core--sizes--size-7);
  --components--accordions--border-radius--br-none: var(--core--border-radius--br-none);
  --components--accordions--border-radius--br-medium: var(--globals--border-radius--br-medium);
  --components--accordions--border-width--bw-small: var(--globals--border-width--bw-small);
  --components--accordions--border-width--bw-regular: var(--globals--border-width--bw-default);
  --components--accordions--border-width--bw-medium: var(--globals--border-width--bw-large);
  --components--accordions--gaps--gap-small: var(--globals--gaps--gap-small);
  --components--accordions--gaps--gap-regular: var(--globals--gaps--gap-default);
  --components--accordions--gaps--gap-medium: var(--globals--gaps--gap-medium);
  --components--accordions--paddings--pd-small: var(--globals--paddings--pd-extra-small);
  --components--avatars--border-radius--br-small: var(--globals--border-radius--br-small);
  --components--avatars--border-radius--br-medium: var(--globals--border-radius--br-medium);
  --components--badge-neutral--border-color--bg-light: var(--globals--color--surfaces--07);
  --components--badge-neutral--border-color--bg-dark: var(--globals--color--surfaces--06);
  --components--badge-primary--border-color--b-light: var(--globals--border-color--border-accent);
  --components--badge-primary--border-color--b-dark: var(--globals--border-color--border-1);
  --components--badge-secondary--background-color--bg-dark: var(--globals--color--surfaces--07);
  --components--badge-tertiary--background-color--bg-light: var(--globals--color--surfaces--02);
  --components--badges--border-radius--br-none: var(--core--border-radius--br-none);
  --components--badges--border-width--bw-small: var(--globals--border-width--bw-small);
  --components--badges--border-width--bw-regular: var(--globals--border-width--bw-default);
  --components--badges--border-width--bw-medium: var(--globals--border-width--bw-large);
  --components--breadcrumbs--border-radius--br-none: var(--core--border-radius--br-none);
  --components--breadcrumbs--border-radius--br-regular: var(--globals--border-radius--br-small);
  --components--breadcrumbs--gaps--gap-small: var(--globals--gaps--gap-small);
  --components--breadcrumbs--gaps--gap-regular: var(--globals--gaps--gap-default);
  --components--breadcrumbs--gaps--gap-medium: var(--globals--gaps--gap-medium);
  --components--buttons-secondary--backgrounds--bg-dark-mode: var(--globals--color--surfaces--01);
  --components--buttons--border-radius--br-regular: var(--globals--border-radius--br-small);
  --components--buttons--border-radius--br-medium: var(--globals--border-radius--br-medium);
  --components--buttons--border-width--bw-small: var(--globals--border-width--bw-small);
  --components--buttons--border-width--bw-medium: var(--globals--border-width--bw-large);
  --components--buttons--gaps--gap-medium: var(--globals--gaps--gap-default);
  --components--cards--border-width--bw-small: var(--globals--border-width--bw-small);
  --components--cards--border-width--bw-medium: var(--globals--border-width--bw-large);
  --components--checkboxes-radio-toogles--border-radius--br-none: var(--core--border-radius--br-none);
  --components--checkboxes-radio-toogles--border-radius--br-regular: var(--globals--border-radius--br-small);
  --components--checkboxes-radio-toogles--border-radius--br-pill: var(--core--border-radius--br-pill);
  --components--checkboxes-radio-toogles--border-width--bw-small: var(--globals--border-width--bw-small);
  --components--checkboxes-radio-toogles--border-width--bw-regular: var(--globals--border-width--bw-default);
  --components--checkboxes-radio-toogles--border-width--bw-medium: var(--globals--border-width--bw-large);
  --components--checkboxes-radios-toogles--gaps--gap-small: var(--globals--gaps--gap-tiny);
  --components--checkboxes-radios-toogles--gaps--gap-medium: var(--globals--gaps--gap-small);
  --components--divider--border-width--bw-small: var(--globals--border-width--bw-small);
  --components--divider--border-width--bw-medium: var(--globals--border-width--bw-large);
  --components--dropdowns--border-radius--br-none: var(--core--border-radius--br-none);
  --components--dropdowns--border-radius--br-small: var(--globals--border-radius--br-small);
  --components--dropdowns--border-radius--br-default: var(--globals--border-radius--br-default);
  --components--dropdowns--border-radius--br-medium: var(--globals--border-radius--br-medium);
  --components--dropdowns--gaps--gap-small: var(--globals--gaps--gap-extra-small);
  --components--dropdowns--gaps--gap-medium: var(--globals--gaps--gap-medium);
  --components--dropdowns--gaps--gap-large: var(--globals--gaps--gap-large);
  --components--dropdowns--gaps--gap-extra-large: var(--globals--gaps--gap-extra-large);
  --components--dropdowns--paddings--pd-small: var(--globals--paddings--pd-tiny);
  --components--dropdowns--paddings--pd-medium: var(--globals--paddings--pd-default);
  --components--dropdowns--paddings--pd-large: var(--globals--paddings--pd-large);
  --components--icons--border-radius--br-none: var(--core--border-radius--br-none);
  --components--icons--border-radius--br-small: var(--globals--border-radius--br-small);
  --components--icons--border-radius--br-regular: var(--globals--border-radius--br-default);
  --components--icons--border-radius--br-medium: var(--globals--border-radius--br-medium);
  --components--images--border-radius--br-none: var(--core--border-radius--br-none);
  --components--input-text--background-color--bg-secondary: var(--globals--color--surfaces--02);
  --components--input-text--background-color--bg-tertiary: var(--globals--color--surfaces--accent);
  --components--input-text--gaps--gap-small: var(--globals--gaps--gap-tiny);
  --components--input-text--gaps--gap-medium: var(--globals--gaps--gap-small);
  --components--input-text--text-color--text-default: var(--globals--color--texts--01);
  --components--inputs-select--border-radius--br-none: var(--core--border-radius--br-none);
  --components--inputs-select--border-radius--br-small: var(--core--border-radius--br-pill);
  --components--inputs-select--border-radius--br-medium: var(--globals--border-radius--br-medium);
  --components--inputs-select--border-width--bw-small: var(--globals--border-width--bw-small);
  --components--inputs-select--border-width--bw-medium: var(--globals--border-width--bw-large);
  --components--links--gaps--gap-regular: var(--globals--gaps--gap-extra-small);
  --components--lists--gaps--gap-small: var(--globals--gaps--gap-tiny);
  --components--lists--gaps--gap-medium: var(--globals--gaps--gap-small);
  --components--lists--gaps--gap-regular: var(--globals--gaps--gap-extra-small);
  --components--notifications--border-radius--br-none: var(--core--border-radius--br-none);
  --components--notifications--border-radius--br-small: var(--globals--border-radius--br-small);
  --components--notifications--border-radius--br-regular: var(--globals--border-radius--br-default);
  --components--notifications--border-width--bw-small: var(--globals--border-width--bw-small);
  --components--notifications--border-width--bw-regular: var(--globals--border-width--bw-default);
  --components--notifications--border-width--bw-medium: var(--globals--border-width--bw-large);
  --components--notifications--gaps--gap-small: var(--globals--gaps--gap-tiny);
  --components--notifications--gaps--gap-regular: var(--globals--gaps--gap-extra-small);
  --components--notifications--gaps--gap-medium: var(--globals--gaps--gap-small);
  --components--notifications--paddings--pd-small: var(--globals--paddings--pd-tiny);
  --components--notifications--paddings--pd-regular: var(--globals--paddings--pd-extra-small);
  --components--notifications--paddings--pd-medium: var(--globals--paddings--pd-small);
  --components--notifications--paddings--pd-large: var(--globals--paddings--pd-default);
  --components--pagination--gaps--gap-small: var(--globals--gaps--gap-small);
  --components--pagination--gaps--gap-regular: var(--globals--gaps--gap-default);
  --components--pagination--gaps--gap-medium: var(--globals--gaps--gap-large);
  --components--pagination--gaps--gap-large: var(--globals--gaps--gap-extra-large);
  --components--paginations--border-radius--br-none: var(--core--border-radius--br-none);
  --components--paginations--border-radius--br-small: var(--core--border-radius--br-size-1);
  --components--paginations--border-radius--br-pill: var(--core--border-radius--br-pill);
  --components--popups--border-radius--br-none: var(--core--border-radius--br-none);
  --components--popups--border-radius--br-small: var(--globals--border-radius--br-small);
  --components--popups--border-radius--br-regular: var(--globals--border-radius--br-default);
  --components--popups--border-radius--br-medium: var(--globals--border-radius--br-medium);
  --components--popups--gaps--gap-small: var(--globals--gaps--gap-medium);
  --components--popups--gaps--gap-regular: var(--globals--gaps--gap-large);
  --components--popups--gaps--gap-medium: var(--globals--gaps--gap-extra-large);
  --components--popups--gaps--gap-large: var(--globals--grid-gap--large);
  --components--popups--paddings--pd-small: var(--globals--paddings--pd-default);
  --components--popups--paddings--pd-regular: var(--globals--paddings--pd-medium);
  --components--popups--paddings--pd-medium: var(--core--sizes--size-7);
  --components--popups--paddings--pd-large: var(--globals--paddings--pd-extra-large);
  --components--sections--backgrounds--bg-color-accent: var(--globals--color--surfaces--accent);
  --components--sections--paddings--pd-small: var(--globals--paddings--pd-medium);
  --components--select--gaps--gap-small: var(--globals--gaps--gap-tiny);
  --components--select--gaps--gap-regular: var(--globals--gaps--gap-extra-small);
  --components--select--gaps--gap-medium: var(--globals--gaps--gap-small);
  --components--select--paddings--pd-small: var(--globals--paddings--pd-extra-small);
  --components--select--paddings--pd-regular: var(--globals--paddings--pd-small);
  --components--select--paddings--pd-medium: var(--globals--paddings--pd-default);
  --components--state-messages--gaps--gap-small: var(--globals--gaps--gap-small);
  --components--state-messages--gaps--gap-regular: var(--globals--gaps--gap-medium);
  --components--state-messages--gaps--gap-medium: var(--globals--gaps--gap-large);
  --components--tabs-tables--border-radius--br-none: var(--core--border-radius--br-none);
  --components--tabs-tables--border-radius--br-small: var(--globals--border-radius--br-small);
  --components--tabs-tables--border-radius--br-regular: var(--globals--border-radius--br-default);
  --components--tabs-tables--border-width--bw-extra-small: var(--globals--border-width--bw-default);
  --components--tabs-tables--border-width--bw-small: var(--core--border-width--bw-size-4);
  --components--tabs-tables--border-width--bw-regular: var(--core--sizes--size-1);
  --components--tabs-tables--gaps--gap-small: var(--globals--gaps--gap-tiny);
  --components--tabs-tables--gaps--gap-regular: var(--globals--gaps--gap-extra-small);
  --components--tabs-tables--gaps--gap-medium: var(--globals--gaps--gap-small);
  --components--tabs-tables--paddings--pd-small: var(--components--cards--paddings--pd-extra-small);
  --components--tabs-tables--paddings--pd-regular: var(--globals--paddings--pd-small);
  --components--tabs-tables--paddings--pd-medium: var(--globals--paddings--pd-default);
  --components--tabs-tables--paddings--pd-large: var(--globals--paddings--pd-medium);
  --components--text-areas--paddings--pd-small: var(--globals--paddings--pd-tiny);
  --components--text-areas--paddings--pd-regular: var(--globals--paddings--pd-small);
  --components--text-areas--paddings--pd-medium: var(--globals--paddings--pd-default);
  --components--tooltips--border-radius--br-none: var(--core--border-radius--br-none);
  --components--tooltips--border-radius--br-extra-small: var(--core--border-radius--br-size-1);
  --components--tooltips--border-radius--br-small: var(--globals--border-radius--br-small);
  --components--tooltips--border-radius--br-regular: var(--globals--border-radius--br-default);
  --components--tooltips--border-width--bw-small: var(--globals--border-width--bw-small);
  --components--tooltips--border-width--bw-regular: var(--globals--border-width--bw-default);
  --components--tooltips--border-width--bw-medium: var(--globals--border-width--bw-large);
  --components--tooltips--gaps--gap-small: var(--globals--gaps--gap-tiny);
  --components--tooltips--gaps--gap-regular: var(--globals--gaps--gap-extra-small);
  --components--tooltips--gaps--gap-medium: var(--core--sizes--size-3);
  --core--border-radius--br-none: 0px;
  --core--border-radius--br-size-1: 2px;
  --core--border-radius--br-size-2: 4px;
  --core--border-radius--br-size-6: 32px;
  --core--border-radius--br-size-7: 48px;
  --core--border-radius--br-size-8: 56px;
  --core--border-radius--br-size-9: 64px;
  --core--border-width--bw-size-1: .5px;
  --core--border-width--bw-size-3: 1.5px;
  --core--border-width--bw-size-5: 2.5px;
  --core--border-width--bw-size-6: 3px;
  --core--colors--primary--200: #ff2d46;
  --core--colors--primary--300: #ffc700;
  --core--colors--primary--400: #63de77;
  --core--colors--secondary--100: #1777e7;
  --core--colors--secondary--200: #eaf4ff;
  --core--colors--secondary--300: #de1f35;
  --core--colors--secondary--400: #ffe8ea;
  --core--colors--secondary--500: #e79800;
  --core--colors--secondary--600: #fff9e5;
  --core--colors--secondary--700: #37c972;
  --core--colors--secondary--800: #e5f8e8;
  --core--colors--system--red-100: #fff5f6;
  --core--colors--system--red-200: #fac6d0;
  --core--colors--system--red-300: #fb93a3;
  --core--colors--system--blue-100: #e3efff;
  --core--colors--system--blue-200: #c3ddff;
  --core--colors--system--blue-300: #8dc1ff;
  --core--colors--system--blue-400: #64a7ff;
  --core--colors--system--yellow-100: #fffae9;
  --core--colors--system--yellow-200: #faedbf;
  --core--colors--system--yellow-300: #fbe080;
  --core--colors--system--yellow-400: #efc42c;
  --core--colors--system--green-100: #eef9f5;
  --core--colors--system--green-200: #e2fbea;
  --core--colors--system--green-300: #adecbb;
  --core--colors--system--green-400: #74d184;
  --core--font-family--secondary-font: Inter, sans-serif;
  --core--font-size--paragraphs--default: var(--core--font-size--base-font);
  --core--icon-family--line-squared: "Icon Squared", sans-serif;
  --core--icon-family--filled-icons: "Filled Icons", sans-serif;
  --core--icon-family--social-media: "Social Media Icon Font BRIX", sans-serif;
  --core--letter-spacing--none: 0px;
  --core--letter-spacing--small: .04em;
  --core--letter-spacing--large: .1em;
  --core--sizes--size-0: 4px;
  --core--sizes--size-1: 6px;
  --core--sizes--size-2: 8px;
  --core--sizes--size-3: 12px;
  --core--sizes--size-4: 16px;
  --core--sizes--size-5: 24px;
  --core--sizes--size-8: 48px;
  --globals--accent-hover: var(--globals--accent-color);
  --globals--border-color--border-1: var(--core--colors--neutral--100);
  --globals--border-color--border-4: var(--core--colors--neutral--500);
  --globals--color--surfaces--04: var(--core--colors--neutral--500);
  --globals--color--surfaces--08: var(--core--colors--secondary--200);
  --globals--color--texts--02: var(--core--colors--neutral--500);
  --globals--color--texts--accent: var(--globals--accent-color);
  --globals--utilities--utility-4: var(--core--colors--neutral--500);
  --globals--utilities--utility-5: var(--core--colors--neutral--600);
  --globals--utilities--utility-7: var(--core--colors--secondary--200);
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-commerce-commercelayoutcontainer {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.w-commerce-commercecheckoutformcontainer {
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}

.w-commerce-commercelayoutmain {
  flex: 0 800px;
  margin-right: 20px;
}

.w-commerce-commercecheckoutcustomerinfowrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutblockheader {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  justify-content: space-between;
  align-items: baseline;
  padding: 4px 20px;
  display: flex;
}

.w-commerce-commercecheckoutblockcontent {
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  padding: 20px;
}

.w-commerce-commercecheckoutlabel {
  margin-bottom: 8px;
}

.w-commerce-commercecheckoutemailinput {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutemailinput::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutemailinput:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingaddresswrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutshippingfullname {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingfullname::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingfullname:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingstreetaddress {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingstreetaddress::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingstreetaddress:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutrow {
  margin-left: -8px;
  margin-right: -8px;
  display: flex;
}

.w-commerce-commercecheckoutcolumn {
  flex: 1;
  padding-left: 8px;
  padding-right: 8px;
}

.w-commerce-commercecheckoutshippingcity {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingcity::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingcity:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingstateprovince {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingstateprovince::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingstateprovince:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingzippostalcode {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingzippostalcode::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingzippostalcode:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingcountryselector {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingcountryselector::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingcountryselector:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingmethodswrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutshippingmethodslist {
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
}

.w-commerce-commercecheckoutshippingmethoditem {
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  flex-direction: row;
  align-items: baseline;
  margin-bottom: 0;
  padding: 16px;
  font-weight: 400;
  display: flex;
}

.w-commerce-commercecheckoutshippingmethoddescriptionblock {
  flex-direction: column;
  flex-grow: 1;
  margin-left: 12px;
  margin-right: 12px;
  display: flex;
}

.w-commerce-commerceboldtextblock {
  font-weight: 700;
}

.w-commerce-commercecheckoutshippingmethodsemptystate {
  text-align: center;
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  padding: 64px 16px;
}

.w-commerce-commercecheckoutpaymentinfowrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutcardnumber {
  -webkit-appearance: none;
  appearance: none;
  cursor: text;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutcardnumber::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutcardnumber:focus, .w-commerce-commercecheckoutcardnumber.-wfp-focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutcardexpirationdate {
  -webkit-appearance: none;
  appearance: none;
  cursor: text;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutcardexpirationdate::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutcardexpirationdate:focus, .w-commerce-commercecheckoutcardexpirationdate.-wfp-focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutcardsecuritycode {
  -webkit-appearance: none;
  appearance: none;
  cursor: text;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutcardsecuritycode::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutcardsecuritycode:focus, .w-commerce-commercecheckoutcardsecuritycode.-wfp-focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingaddresstogglewrapper {
  flex-direction: row;
  display: flex;
}

.w-commerce-commercecheckoutbillingaddresstogglecheckbox {
  margin-top: 4px;
}

.w-commerce-commercecheckoutbillingaddresstogglelabel {
  margin-left: 8px;
  font-weight: 400;
}

.w-commerce-commercecheckoutbillingaddresswrapper {
  margin-top: 16px;
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutbillingfullname {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingfullname::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingfullname:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingstreetaddress {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingstreetaddress::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingstreetaddress:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingcity {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingcity::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingcity:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingstateprovince {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingstateprovince::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingstateprovince:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingzippostalcode {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingzippostalcode::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingzippostalcode:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingcountryselector {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingcountryselector::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingcountryselector:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutorderitemswrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutsummaryblockheader {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  justify-content: space-between;
  align-items: baseline;
  padding: 4px 20px;
  display: flex;
}

.w-commerce-commercecheckoutorderitemslist {
  margin-bottom: -20px;
}

.w-commerce-commercecheckoutorderitem {
  margin-bottom: 20px;
  display: flex;
}

.w-commerce-commercecartitemimage {
  width: 60px;
  height: 0%;
}

.w-commerce-commercecheckoutorderitemdescriptionwrapper {
  flex-grow: 1;
  margin-left: 16px;
  margin-right: 16px;
}

.w-commerce-commercecheckoutorderitemquantitywrapper {
  white-space: pre-wrap;
  display: flex;
}

.w-commerce-commercecheckoutorderitemoptionlist {
  margin-bottom: 0;
  padding-left: 0;
  text-decoration: none;
  list-style-type: none;
}

.w-commerce-commercelayoutsidebar {
  flex: 0 0 320px;
  position: sticky;
  top: 20px;
}

.w-commerce-commercecheckoutordersummarywrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutsummarylineitem, .w-commerce-commercecheckoutordersummaryextraitemslistitem {
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 8px;
  display: flex;
}

.w-commerce-commercecheckoutsummarytotal {
  font-weight: 700;
}

.w-commerce-commercecheckoutplaceorderbutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  text-align: center;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 3px;
  align-items: center;
  margin-bottom: 20px;
  padding: 9px 15px;
  text-decoration: none;
  display: block;
}

.w-commerce-commercecartapplepaybutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background-color: #000;
  border-width: 0;
  border-radius: 2px;
  align-items: center;
  height: 38px;
  min-height: 30px;
  margin-bottom: 8px;
  padding: 0;
  text-decoration: none;
  display: flex;
}

.w-commerce-commercecartapplepayicon {
  width: 100%;
  height: 50%;
  min-height: 20px;
}

.w-commerce-commercecartquickcheckoutbutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background-color: #000;
  border-width: 0;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  height: 38px;
  margin-bottom: 8px;
  padding: 0 15px;
  text-decoration: none;
  display: flex;
}

.w-commerce-commercequickcheckoutgoogleicon, .w-commerce-commercequickcheckoutmicrosofticon {
  margin-right: 8px;
  display: block;
}

.w-commerce-commercecheckouterrorstate {
  background-color: #ffdede;
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 10px 16px;
}

.w-commerce-commerceaddtocartform {
  margin: 0 0 15px;
}

.w-commerce-commerceaddtocartoptionpillgroup {
  margin-bottom: 10px;
  display: flex;
}

.w-commerce-commerceaddtocartoptionpill {
  color: #000;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #000;
  margin-right: 10px;
  padding: 8px 15px;
}

.w-commerce-commerceaddtocartoptionpill.w--ecommerce-pill-selected {
  color: #fff;
  background-color: #000;
}

.w-commerce-commerceaddtocartoptionpill.w--ecommerce-pill-disabled {
  color: #666;
  cursor: not-allowed;
  background-color: #e6e6e6;
  border-color: #e6e6e6;
  outline-style: none;
}

.w-commerce-commerceaddtocartquantityinput {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 60px;
  height: 38px;
  margin-bottom: 10px;
  padding: 8px 6px 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commerceaddtocartquantityinput::placeholder {
  color: #999;
}

.w-commerce-commerceaddtocartquantityinput:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commerceaddtocartbutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 0;
  align-items: center;
  padding: 9px 15px;
  text-decoration: none;
  display: flex;
}

.w-commerce-commerceaddtocartbutton.w--ecommerce-add-to-cart-disabled {
  color: #666;
  cursor: not-allowed;
  background-color: #e6e6e6;
  border-color: #e6e6e6;
  outline-style: none;
}

.w-commerce-commercebuynowbutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 0;
  align-items: center;
  margin-top: 10px;
  padding: 9px 15px;
  text-decoration: none;
  display: inline-block;
}

.w-commerce-commercebuynowbutton.w--ecommerce-buy-now-disabled {
  color: #666;
  cursor: not-allowed;
  background-color: #e6e6e6;
  border-color: #e6e6e6;
  outline-style: none;
}

.w-commerce-commerceaddtocartoutofstock {
  background-color: #ddd;
  margin-top: 10px;
  padding: 10px;
}

.w-commerce-commerceaddtocarterror {
  background-color: #ffdede;
  margin-top: 10px;
  padding: 10px;
}

.w-commerce-commerceorderconfirmationcontainer {
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}

.w-commerce-commercecheckoutcustomerinfosummarywrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutsummaryitem, .w-commerce-commercecheckoutsummarylabel {
  margin-bottom: 8px;
}

.w-commerce-commercecheckoutsummaryflexboxdiv {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.w-commerce-commercecheckoutsummarytextspacingondiv {
  margin-right: .33em;
}

.w-commerce-commercecheckoutshippingsummarywrapper, .w-commerce-commercecheckoutpaymentsummarywrapper {
  margin-bottom: 20px;
}

.w-commerce-commercepaypalcheckoutformcontainer {
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}

.w-commerce-commercepaypalcheckouterrorstate {
  background-color: #ffdede;
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 10px 16px;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }

  .w-commerce-commercelayoutcontainer {
    flex-direction: column;
    align-items: stretch;
  }

  .w-commerce-commercelayoutmain {
    flex-basis: auto;
    margin-right: 0;
  }

  .w-commerce-commercelayoutsidebar {
    flex-basis: auto;
  }
}

@media screen and (max-width: 479px) {
  .w-commerce-commercecheckoutemailinput, .w-commerce-commercecheckoutshippingfullname, .w-commerce-commercecheckoutshippingstreetaddress, .w-commerce-commercecheckoutshippingstreetaddressoptional {
    font-size: 16px;
  }

  .w-commerce-commercecheckoutrow {
    flex-direction: column;
  }

  .w-commerce-commercecheckoutshippingcity, .w-commerce-commercecheckoutshippingstateprovince, .w-commerce-commercecheckoutshippingzippostalcode, .w-commerce-commercecheckoutshippingcountryselector, .w-commerce-commercecheckoutcardnumber, .w-commerce-commercecheckoutcardexpirationdate, .w-commerce-commercecheckoutcardsecuritycode, .w-commerce-commercecheckoutbillingfullname, .w-commerce-commercecheckoutbillingstreetaddress, .w-commerce-commercecheckoutbillingstreetaddressoptional, .w-commerce-commercecheckoutbillingcity, .w-commerce-commercecheckoutbillingstateprovince, .w-commerce-commercecheckoutbillingzippostalcode, .w-commerce-commercecheckoutbillingcountryselector, .w-commerce-commerceaddtocartquantityinput {
    font-size: 16px;
  }
}

body {
  background-color: var(--components--sections--backgrounds--bg-color-default);
  font-family: var(--core--font-family--primary-font);
  color: var(--components--titles-paragraphs--text-paragraphs);
  font-size: var(--core--font-size--base-font);
  line-height: var(--core--line-height--large);
  letter-spacing: -.03em;
  font-weight: 400;
}

h1 {
  font-family: var(--core--font-family--headlines);
  color: var(--components--titles-paragraphs--text-titles);
  font-size: var(--core--font-size--headings--h1);
  line-height: var(--core--line-height--small);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
}

h2 {
  font-family: var(--core--font-family--headlines);
  color: var(--components--titles-paragraphs--text-titles);
  font-size: var(--core--font-size--headings--h2);
  line-height: var(--core--line-height--regular);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
}

h3 {
  font-family: var(--core--font-family--headlines);
  color: var(--components--titles-paragraphs--text-titles);
  font-size: var(--core--font-size--headings--h3);
  line-height: var(--core--line-height--regular);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
}

h4 {
  font-family: var(--core--font-family--headlines);
  color: var(--components--titles-paragraphs--text-titles);
  font-size: var(--core--font-size--headings--h4);
  line-height: var(--core--line-height--regular);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
}

h5 {
  font-family: var(--core--font-family--headlines);
  color: var(--components--titles-paragraphs--text-titles);
  font-size: var(--core--font-size--headings--h5);
  line-height: var(--core--line-height--regular);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
}

h6 {
  font-family: var(--core--font-family--headlines);
  color: var(--components--titles-paragraphs--text-titles);
  font-size: var(--core--font-size--headings--h6);
  line-height: var(--core--line-height--regular);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
}

p {
  margin-bottom: 0;
}

a {
  color: var(--components--links--text-color--text-dark);
  text-decoration: underline;
}

ul, ol {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

img {
  max-width: 100%;
  display: inline-block;
}

label {
  color: var(--components--titles-paragraphs--text-titles);
  line-height: var(--core--line-height--regular);
  margin-bottom: 12px;
  font-weight: 500;
  display: block;
}

strong {
  color: var(--components--titles-paragraphs--text-titles);
  font-weight: 600;
}

blockquote {
  padding: var(--components--cards--paddings--pd-extra-large) var(--components--cards--paddings--pd-large) var(--components--cards--paddings--pd-extra-large) var(--globals--paddings--pd-extra-large);
  border-radius: var(--components--cards--border-radius--br-medium);
  background-color: var(--globals--color--surfaces--06);
  color: var(--components--titles-paragraphs--text-light);
  font-size: var(--core--font-size--displays--display-3);
  line-height: var(--core--line-height--large);
  text-align: center;
  background-image: linear-gradient(#3c3c3c, #242424);
  border: 0 solid #000;
}

figure {
  margin-bottom: 10px;
}

.page-wrapper {
  position: relative;
}

.page-wrapper.height-100 {
  height: 100%;
}

.page-wrapper.full-height-page {
  flex-direction: column;
  justify-content: space-between;
  min-height: 100vh;
  display: flex;
}

.utp---sidebar-layout-wrapper {
  grid-column-gap: var(--globals--gaps--gap-none);
  grid-row-gap: var(--globals--gaps--gap-none);
  grid-template-rows: auto;
  grid-template-columns: minmax(200px, 280px) 1fr;
  grid-auto-columns: 1fr;
  height: 100%;
  display: grid;
}

.utp--sidebar-wrapper {
  background-color: var(--components--cards--background-color--bg-color-default);
  box-shadow: 2px 0 6px 0 var(--core--box-shadow--bs-neutral-small);
  height: 100%;
  max-height: 100vh;
  position: sticky;
  top: 0;
  overflow: scroll;
}

.utp---content-wrapper {
  padding-right: var(--globals--paddings--pd-extra-large);
  padding-left: var(--globals--paddings--pd-extra-large);
  max-width: 80vw;
  height: 100%;
}

.bg-neutral-200 {
  background-color: var(--core--colors--neutral--200);
}

.divider {
  height: var(--components--divider--border-width--bw-regular);
  background-color: var(--components--divider--border-color--border-default);
}

.divider.mg-medium {
  margin-top: var(--globals--margins--mg-medium);
  margin-bottom: var(--globals--margins--mg-medium);
}

.divider.mg-large {
  margin-top: var(--globals--margins--mg-large);
  margin-bottom: var(--globals--margins--mg-large);
}

.divider.utp---components-divider {
  margin-top: var(--globals--margins--mg-default);
  margin-bottom: var(--globals--margins--mg-large);
}

.divider.mg-default {
  margin-top: var(--globals--margins--mg-default);
  margin-bottom: var(--globals--margins--mg-default);
}

.divider.mg-extra-large {
  margin-top: var(--globals--margins--mg-extra-large);
  margin-bottom: var(--globals--margins--mg-extra-large);
}

.divider.footer-middle-divider {
  width: var(--globals--border-width--bw-default);
  background-color: var(--components--divider--border-color--border-tertiary);
  height: 100%;
}

.divider.tertiary {
  background-color: var(--components--divider--border-color--border-tertiary);
}

.utp---sidebar-bottom {
  grid-row-gap: var(--globals--gaps--gap-medium);
  flex-direction: column;
  display: flex;
}

.utp---title-wrapper {
  margin-bottom: var(--globals--paddings--pd-large);
  padding-top: var(--globals--paddings--pd-medium);
  padding-bottom: var(--globals--paddings--pd-medium);
  grid-column-gap: var(--globals--gaps--gap-small);
  grid-row-gap: var(--globals--gaps--gap-small);
  border-bottom: var(--globals--border-width--bw-large) solid var(--components--divider--border-color--border-default);
  align-items: center;
  display: flex;
}

.mid {
  font-weight: 500;
}

.strong {
  font-weight: 700;
}

.display-10 {
  font-family: var(--core--font-family--headlines);
  font-size: var(--core--font-size--displays--display-10);
  line-height: var(--core--line-height--small);
  letter-spacing: -.03em;
}

.display-9 {
  font-size: var(--core--font-size--displays--display-9);
  line-height: var(--core--line-height--small);
  letter-spacing: -.03em;
}

.display-9.mid.gradient-title {
  color: var(--components--titles-paragraphs--text-light);
  display: inline;
}

.display-8 {
  font-size: var(--core--font-size--displays--display-8);
  line-height: var(--core--line-height--regular);
}

.display-7 {
  font-size: var(--core--font-size--displays--display-7);
  line-height: var(--core--line-height--regular);
}

.display-6 {
  font-size: var(--core--font-size--displays--display-6);
  line-height: var(--core--line-height--regular);
}

.display-5 {
  font-size: var(--core--font-size--displays--display-5);
  line-height: var(--core--line-height--regular);
}

.display-4 {
  font-size: var(--core--font-size--displays--display-4);
  line-height: var(--core--line-height--regular);
}

.display-4.mid.link-text-inside-white {
  color: var(--components--badge--text-color--text-light);
}

.display-3 {
  font-size: var(--core--font-size--displays--display-3);
  line-height: var(--core--line-height--regular);
}

.display-3.cart-item-title {
  color: var(--components--links--text-color--text-dark);
  font-weight: 500;
  text-decoration: none;
}

.display-3.cart-item-title:hover {
  color: var(--components--titles-paragraphs--text-paragraphs);
}

.display-3.order-item-title {
  color: var(--components--links--text-color--text-dark);
  font-weight: 500;
  text-decoration: none;
}

.display-3.order-item-title:hover {
  color: var(--components--titles-paragraphs--text-paragraphs);
}

.display-2 {
  font-size: var(--core--font-size--displays--display-2);
  line-height: var(--core--line-height--regular);
}

.display-1 {
  font-size: var(--core--font-size--displays--display-1);
  line-height: var(--core--line-height--regular);
}

.display-1.mid.v2-alt {
  letter-spacing: 0;
}

.text-titles {
  color: var(--components--titles-paragraphs--text-titles);
}

.mg-right-tiny {
  margin-right: var(--globals--margins--mg-tiny);
}

.mg-right-extra-small {
  margin-right: var(--globals--margins--mg-extra-small);
}

.mg-right-small {
  margin-right: var(--globals--margins--mg-small);
}

.grid-4-columns {
  grid-column-gap: var(--globals--grid-gap--default);
  grid-row-gap: var(--globals--grid-gap--default);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.mg-top-tiny {
  margin-top: var(--globals--margins--mg-tiny);
}

.mg-top-extra-small {
  margin-top: var(--globals--margins--mg-extra-small);
}

.mg-top-small {
  margin-top: var(--globals--margins--mg-small);
}

.mg-top-default {
  margin-top: var(--globals--margins--mg-default);
}

.utp---card-color {
  padding: var(--globals--paddings--pd-small);
  grid-column-gap: var(--globals--gaps--gap-default);
  grid-row-gap: var(--globals--gaps--gap-default);
  border: var(--globals--border-width--bw-default) solid var(--components--cards--border-color--br-color-default);
  border-radius: var(--components--cards--border-radius--br-regular);
  background-color: var(--components--cards--background-color--bg-color-default);
  box-shadow: 0 1px 4px 0 var(--core--box-shadow--bs-neutral-small);
  flex-direction: column;
  display: flex;
}

.utp---color-block {
  border: var(--globals--border-width--bw-default) solid var(--components--cards--border-color--br-color-secondary);
  border-radius: var(--components--cards--border-radius--br-small);
  height: 156px;
}

.bg-primary-100 {
  background-color: var(--core--colors--primary--100);
}

.utp---card-color-details {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.badge {
  padding: var(--components--badges--paddings--pd-small) var(--components--badges--paddings--pd-medium);
  grid-column-gap: var(--components--badges--gaps--pd-regular);
  grid-row-gap: var(--components--badges--gaps--pd-regular);
  border-radius: var(--components--badges--border-radius--br-pill);
  background-color: var(--components--badge-primary--background-color--bg-light);
  background-image: linear-gradient(180deg, var(--components--button--gradient-top), var(--components--button--gradient-bottom));
  box-shadow: inset 0 -2.8px .5px 0 var(--components--button--shadow-inset-dark), inset 0 1.5px 1px 0 var(--components--button--shadow-inset-light), 0 2px 4px 0 var(--components--button--shadow-outset);
  color: var(--components--badge--text-color--text-light);
  font-size: var(--core--font-size--displays--display-2);
  line-height: var(--core--line-height--regular);
  justify-content: center;
  align-items: center;
  font-weight: 400;
  display: flex;
}

.badge.mid.category-link {
  color: var(--components--badge--text-color--text-light);
  transform-style: preserve-3d;
  text-decoration: none;
  transition: transform .3s;
}

.badge.mid.category-link:hover {
  color: var(--components--badge--text-color--text-light);
  transform: scale3d(.95, .95, 1.01);
}

.badge.neutral {
  background-color: var(--components--badge-neutral--background-color--bg-light);
  box-shadow: 0 2px 4px 0 var(--components--button--shadow-outset);
  background-image: none;
}

.badge.secondary {
  border: var(--globals--border-width--bw-default) solid var(--components--badge-secondary--border-color--bg-light);
  border-radius: var(--components--badges--border-radius--br-pill);
  background-color: var(--components--badge-secondary--background-color--bg-light);
  box-shadow: inset 0 2px .5px 0 var(--globals--color--surfaces--01), inset 0 -2px .3px 0 #eaeaea;
  color: var(--core--colors--neutral--700);
  background-image: none;
}

.badge.secondary.mid {
  font-weight: 500;
}

.badge.tertiary {
  border: var(--globals--border-width--bw-default) solid var(--components--badge-tertiary--border-color--bg-light);
  background-color: var(--globals--color--surfaces--03);
  box-shadow: 0 2px 4px 0 var(--components--button--shadow-outset);
  color: var(--components--badge--text-color--text-dark);
  background-image: none;
}

.badge.small {
  padding: var(--components--badges--paddings--pd-small) var(--components--badges--paddings--pd-regular);
  grid-column-gap: var(--components--badges--gaps--pd-small);
  grid-row-gap: var(--components--badges--gaps--pd-small);
  border-radius: var(--components--badges--border-radius--br-pill);
  font-size: var(--core--font-size--displays--display-1);
}

.utp---badge {
  border: var(--globals--border-width--bw-default) solid var(--core--colors--neutral--400);
  border-radius: var(--components--badges--border-radius--br-small);
  background-color: var(--core--colors--neutral--200);
  box-shadow: 0 1px 4px 0 var(--core--box-shadow--bs-neutral-small);
  text-transform: uppercase;
  padding: 3px 5px;
}

.utp---badge.white {
  background-color: var(--neutral--100\<deleted\|variable-89a718ad\>);
}

.utp---badge.typography {
  text-transform: capitalize;
}

.utp---items-wrapper.mg-bottom {
  margin-bottom: var(--globals--margins--mg-large);
}

.bg-neutral-800 {
  background-color: var(--core--colors--neutral--800);
}

.bg-neutral-700 {
  background-color: var(--core--colors--neutral--700);
}

.bg-neutral-600 {
  background-color: var(--core--colors--neutral--600);
}

.bg-neutral-500 {
  background-color: var(--core--colors--neutral--500);
}

.bg-neutral-400 {
  background-color: var(--core--colors--neutral--400);
}

.bg-neutral-300 {
  background-color: var(--core--colors--neutral--300);
}

.bg-neutral-100 {
  background-color: var(--core--colors--neutral--100);
}

.dark-overlay-400 {
  background-color: var(--core--colors--overlays--dark-400);
}

.dark-overlay-300 {
  background-color: var(--core--colors--overlays--dark-300);
}

.dark-overlay-200 {
  background-color: var(--core--colors--overlays--dark-200);
}

.dark-overlay-100 {
  background-color: var(--core--colors--overlays--dark-100);
}

.light-overlay-400 {
  background-color: var(--core--colors--overlays--light-400);
}

.light-overlay-300 {
  background-color: var(--core--colors--overlays--light-300);
}

.light-overlay-200 {
  background-color: var(--core--colors--overlays--light-200);
}

.light-overlay-100 {
  background-color: var(--core--colors--overlays--light-100);
}

.grid-2-columns {
  grid-column-gap: var(--globals--grid-gap--default);
  grid-row-gap: var(--globals--grid-gap--default);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.grid-2-columns.hero-grid {
  grid-column-gap: var(--globals--grid-gap--large);
  grid-row-gap: var(--globals--grid-gap--large);
  grid-template-columns: .8fr 1fr;
  align-items: center;
}

.grid-2-columns.hero-v12 {
  grid-column-gap: var(--core--sizes--size-9);
  grid-row-gap: var(--core--sizes--size-9);
  grid-template-columns: 1fr .7fr;
  align-items: center;
}

.grid-2-columns.contact-form-v1 {
  grid-template-columns: 1fr .4fr;
  justify-content: space-between;
  place-items: start stretch;
}

.grid-2-columns.accordion-v2 {
  grid-template-rows: auto;
  grid-template-columns: .6fr 1fr;
  grid-auto-columns: 1fr;
}

.grid-2-columns.dropdown-link-column {
  align-items: start;
}

.grid-2-columns.dropdown-link-column.main {
  grid-column-gap: var(--globals--grid-gap--medium);
  grid-row-gap: 32px;
  grid-template-columns: auto auto;
}

.grid-2-columns.template-page-sidebar {
  grid-column-gap: var(--globals--grid-gap--medium);
  grid-row-gap: var(--globals--grid-gap--medium);
  grid-template-rows: auto;
  grid-template-columns: .35fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.grid-2-columns.changelog-item {
  padding-top: var(--globals--margins--mg-extra-large);
  padding-bottom: var(--globals--margins--mg-extra-large);
  grid-column-gap: var(--globals--grid-gap--large);
  grid-row-gap: var(--globals--grid-gap--large);
  border-top: var(--globals--border-width--bw-default) solid var(--components--divider--border-color--border-default);
  grid-template-rows: auto;
  grid-template-columns: .4fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.grid-2-columns.changelog-item.first {
  border-top-style: none;
  padding-top: 0;
}

.grid-2-columns.surprises-image-right {
  padding-top: var(--components--sections--paddings--pd-large);
  padding-bottom: var(--components--sections--paddings--pd-large);
  grid-column-gap: var(--globals--grid-gap--medium);
  grid-row-gap: var(--globals--grid-gap--medium);
  grid-template-columns: 1fr 1.14fr;
  align-items: center;
}

.grid-2-columns.surprises-image-right.last {
  margin-bottom: 0;
}

.grid-2-columns.surprises-image-left {
  padding-top: var(--components--sections--paddings--pd-large);
  padding-bottom: var(--components--sections--paddings--pd-large);
  grid-column-gap: var(--globals--grid-gap--medium);
  grid-row-gap: var(--globals--grid-gap--medium);
  grid-template-columns: 1.14fr 1fr;
  align-items: center;
}

.grid-2-columns.section-v30-grid {
  grid-column-gap: var(--globals--grid-gap--medium);
  grid-row-gap: var(--globals--grid-gap--medium);
  grid-template-columns: .8fr 1fr;
  align-items: center;
}

.grid-2-columns.checkout-grid {
  grid-template-columns: 1.75fr 1fr;
}

.grid-2-columns.hero-grid---v1 {
  grid-template-columns: 1fr .7fr;
  place-items: center stretch;
}

.grid-2-columns.about-grid---v1 {
  grid-column-gap: var(--globals--grid-gap--large);
  grid-row-gap: var(--globals--grid-gap--large);
  grid-template-columns: .6fr 1fr;
}

.grid-2-columns.cta-v1-grid {
  place-items: center stretch;
}

.grid-2-columns.about-grid---v3 {
  grid-template-columns: 1fr .8fr;
  place-items: center stretch;
  max-width: 1162px;
  margin-left: auto;
  margin-right: auto;
}

.grid-2-columns.services-grid-wrapper---v3 {
  grid-column-gap: var(--globals--grid-gap--large);
  grid-row-gap: var(--globals--grid-gap--large);
  grid-template-columns: .7fr 1fr;
}

.grid-2-columns.hero-section---v4-grid {
  grid-template-columns: .8fr 1fr;
  place-items: center stretch;
}

.grid-2-columns.about-me-grid {
  grid-template-columns: 1fr .9fr;
  place-items: center stretch;
}

.grid-2-columns.story-grid {
  grid-template-columns: .9fr 1fr;
  place-items: center stretch;
}

.grid-2-columns.career-grid {
  grid-column-gap: var(--globals--grid-gap--large);
  grid-row-gap: var(--globals--grid-gap--large);
  grid-template-columns: .75fr 1fr;
  place-items: start stretch;
}

.grid-2-columns.contact-form-v2 {
  grid-column-gap: var(--globals--grid-gap--default);
  grid-row-gap: var(--globals--grid-gap--default);
  grid-template-columns: 1fr .7fr;
  max-width: 1020px;
  margin-left: auto;
  margin-right: auto;
}

.grid-2-columns.hero-grid---hero-location {
  grid-template-columns: 1fr .85fr;
  place-items: center stretch;
}

.grid-2-columns.side-bar-right-grid {
  grid-row-gap: 100px;
  grid-template-columns: 1fr .3fr;
}

.grid-2-columns.hero-grid---product-single-page {
  grid-column-gap: var(--globals--grid-gap--default);
  grid-row-gap: 40px;
  grid-template-columns: 1fr .9fr;
}

.grid-2-columns.product-gallery-grid {
  grid-template-columns: 1fr 1fr .75fr;
}

.grid-2-columns.blog-grid-wrapper {
  grid-template-columns: .5fr 1fr;
}

.grid-2-columns.blog-grid, .grid-2-columns.bottom-cards---blog-page {
  place-items: stretch stretch;
}

.grid-2-columns.coming-soon-grid {
  grid-template-columns: minmax(527px, 1fr) 1fr;
  place-items: center stretch;
}

.grid-2-columns.templates-pages-grid {
  place-items: stretch stretch;
}

.grid-2-columns.cta-v2-grid {
  place-items: center stretch;
  max-width: 966px;
  margin-left: auto;
  margin-right: auto;
}

.grid-2-columns.contact-form-v3 {
  grid-column-gap: var(--globals--grid-gap--default);
  grid-row-gap: var(--globals--grid-gap--default);
  grid-template-columns: 1fr .7fr;
}

.utp---styles-and-components-wrapper {
  margin-bottom: var(--components--sections--paddings--pd-default);
}

.card {
  border: var(--components--cards--border-width--bw-regular) solid var(--components--cards--border-color--br-color-default);
  border-radius: var(--components--cards--border-radius--br-regular);
  background-color: var(--components--cards--background-color--bg-color-default);
  box-shadow: 0 1px 3px 0 var(--core--box-shadow--bs-neutral-small);
  overflow: hidden;
}

.card.typography-card {
  padding: var(--components--cards--paddings--pd-large) var(--components--cards--paddings--pd-default);
}

.card.utp---icon-font {
  padding: var(--globals--paddings--pd-extra-large) var(--globals--paddings--pd-large);
}

.card.utp---components-wrapper {
  grid-column-gap: 0px;
  flex-direction: row;
  justify-content: center;
  display: flex;
  overflow: hidden;
}

.card.utp---components-wrapper.horizontal {
  flex-direction: row;
}

.card.utp---components-wrapper.overflow-visible {
  overflow: visible;
}

.card.utp---components-wrapper.lists-components {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.card.popup-image-v1 {
  box-shadow: 0 8px 15px 0 var(--core--box-shadow--bs-neutral-medium);
  border-width: 0;
  overflow: hidden;
}

.card.icon-popup-v2 {
  padding: var(--components--cards--paddings--pd-medium) var(--components--cards--paddings--pd-default);
  grid-column-gap: var(--globals--gaps--gap-large);
  grid-row-gap: var(--globals--gaps--gap-large);
  box-shadow: 0 8px 15px 0 var(--core--box-shadow--bs-neutral-medium);
  text-align: left;
  border-width: 0;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: relative;
  overflow: hidden;
}

.card.form-wrapper {
  padding: var(--components--cards--paddings--pd-large);
  background-color: var(--components--cards--background-color--bg-color-secondary);
  box-shadow: inset 0 4px .5px 0 var(--globals--color--surfaces--01), 0 2px 6px 0 #94949440;
}

.card.logo-strip {
  padding: var(--components--cards--paddings--pd-default) var(--components--cards--paddings--pd-small);
  justify-content: center;
  align-items: center;
  display: flex;
}

.card.blog-card-featured {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: var(--components--titles-paragraphs--text-paragraphs);
  grid-template-rows: auto;
  grid-template-columns: .85fr 1fr;
  grid-auto-columns: 1fr;
  text-decoration: none;
  display: grid;
}

.card.blog-card-featured:hover {
  color: var(--neutral--600\<deleted\|variable-fcce5907\>);
}

.card.content-card {
  flex-direction: column;
  height: 100%;
  display: flex;
}

.card.project-card-v1 {
  padding: var(--components--cards--paddings--pd-small);
  border-radius: var(--components--cards--border-radius--br-medium);
  box-shadow: none;
  color: var(--components--titles-paragraphs--text-paragraphs);
  transform-style: preserve-3d;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  width: 100%;
  min-height: 100%;
  text-decoration: none;
  transition: transform .3s, box-shadow .3s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.card.project-card-v1:hover {
  box-shadow: 0 1px 3px 0 var(--core--box-shadow--bs-neutral-small);
  color: var(--components--titles-paragraphs--text-paragraphs);
  transform: scale3d(1.005, 1.005, 1.01);
}

.card.project-card-v1.horizontal-card {
  margin-right: var(--globals--margins--mg-large);
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 760px;
  display: grid;
}

.card.project-card-v1.v2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.card.template-pages---sticky-card {
  padding: var(--components--cards--paddings--pd-default) var(--components--cards--paddings--pd-small);
  position: sticky;
  top: 24px;
}

.card.template-pages---text-card {
  padding: var(--components--cards--paddings--pd-large);
}

.card.sales-home---text-and-image {
  margin-top: var(--globals--margins--mg-default);
  display: flex;
}

.card.sales-home---text-and-image.image-left {
  justify-content: space-between;
  align-items: center;
}

.card.sales-home---page-link {
  text-align: center;
  transform-style: preserve-3d;
  text-decoration: none;
  transition-property: transform;
  display: block;
}

.card.sales-home---page-link:hover {
  transform: scale3d(.98, .98, 1.01);
}

.card.buy-now {
  border-style: none;
  border-color: var(--globals--accent-color);
  transform-style: preserve-3d;
  background-color: #146ef5;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
  transition-property: transform;
  display: flex;
  box-shadow: 0 6px 20px #4a3aff14;
}

.card.buy-now:hover {
  transform: scale3d(.98, .98, 1.01);
}

.card.buy-now.white {
  border-style: solid;
  border-color: var(--components--cards--border-color--br-color-default);
  background-color: var(--components--cards--background-color--bg-color-default);
  box-shadow: 0 6px 20px 0 var(--core--box-shadow--bs-neutral-medium);
}

.card.search-card {
  padding: var(--components--cards--paddings--pd-medium) var(--components--cards--paddings--pd-default);
  background-color: var(--components--cards--background-color--bg-color-secondary);
  box-shadow: 0 2px 3px 0 var(--core--box-shadow--bs-neutral-regular);
  color: var(--components--titles-paragraphs--text-paragraphs);
  transform-style: preserve-3d;
  flex-flow: column;
  width: 100%;
  height: 100%;
  text-decoration: none;
  transition: transform .3s, color .3s;
  display: flex;
}

.card.search-card:hover {
  transform: scale3d(.98, .98, 1.01);
}

.card.checkout-block {
  padding: var(--components--cards--paddings--pd-medium) var(--components--cards--paddings--pd-medium) var(--components--cards--paddings--pd-large);
  margin-bottom: 32px;
}

.card.checkout-block.last {
  margin-bottom: 0;
}

.card.overflow-visible {
  overflow: visible;
}

.card.cart-card {
  flex: none;
}

.card.footer-cta-card {
  padding: var(--components--cards--paddings--pd-extra-large);
  grid-column-gap: var(--globals--grid-gap--default);
  grid-row-gap: var(--globals--grid-gap--default);
  border-radius: var(--core--border-radius--br-size-5);
  background-color: var(--globals--color--surfaces--07);
  box-shadow: none;
  border-style: none;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.card.service-card-v1 {
  border-radius: var(--components--cards--border-radius--br-medium);
  box-shadow: 0 1px 3px 0 var(--core--box-shadow--bs-neutral-small);
  color: var(--components--titles-paragraphs--text-paragraphs);
  flex-flow: column;
  height: 100%;
  text-decoration: none;
  transition-property: none;
  display: flex;
  position: relative;
}

.card.gradient-card {
  box-shadow: inset 0 4px .5px 0 var(--globals--color--surfaces--01);
  background-image: linear-gradient(#f9f9f9, #fafafa);
}

.card.gradient-card.testimonial-v1-card {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 40px;
  display: flex;
}

.card.cta-card-v1 {
  border-radius: var(--components--cards--border-radius--br-medium);
  background-color: var(--components--cards--background-color--bg-color-tertiary);
  box-shadow: none;
  padding: 120px 80px;
  position: relative;
}

.card.project-card-v2 {
  padding: var(--components--cards--paddings--pd-small) var(--components--cards--paddings--pd-small) var(--components--cards--paddings--pd-default);
  border-radius: var(--components--cards--border-radius--br-medium);
  box-shadow: 0 1px 3px 0 var(--core--box-shadow--bs-neutral-small);
  color: var(--components--titles-paragraphs--text-paragraphs);
  background-image: linear-gradient(270deg, #f9f9f980, #fafafa80);
  flex-flow: column;
  text-decoration: none;
  display: flex;
}

.card.project-card-v2:hover {
  color: var(--components--titles-paragraphs--text-paragraphs);
}

.card.cta-card-v2 {
  background-color: var(--components--cards--background-color--bg-color-tertiary);
  box-shadow: none;
  padding: 160px 80px;
  position: relative;
  overflow: hidden;
}

.card.testimonial-card-v2 {
  padding: var(--components--cards--paddings--pd-extra-large);
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  box-shadow: inset 0 4px .5px 0 var(--globals--color--surfaces--01);
  background-image: linear-gradient(#f9f9f9, #fafafa);
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.card.post-card-v1 {
  border-radius: var(--components--cards--border-radius--br-medium);
  color: var(--components--titles-paragraphs--text-paragraphs);
  flex-flow: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  min-height: 100%;
  text-decoration: none;
  display: flex;
}

.card.post-card-v1:hover {
  color: var(--components--titles-paragraphs--text-paragraphs);
}

.card.testimonial-card-v3 {
  padding: var(--components--cards--paddings--pd-default);
  border-color: var(--globals--border-color--border-2);
  border-radius: var(--components--cards--border-radius--br-small);
  background-image: linear-gradient(#f9f9f9, #fafafa);
  max-width: 354px;
}

.card.post-card-featured-v1 {
  padding: var(--components--cards--paddings--pd-small) var(--components--cards--paddings--pd-small) var(--components--cards--paddings--pd-small) 40px;
  grid-column-gap: var(--globals--grid-gap--default);
  grid-row-gap: var(--globals--grid-gap--default);
  border-radius: var(--components--cards--border-radius--br-medium);
  color: var(--components--titles-paragraphs--text-paragraphs);
  background-image: linear-gradient(270deg, #f9f9f980, #fafafa80);
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  grid-auto-columns: 1fr;
  place-items: stretch stretch;
  width: 100%;
  min-height: 100%;
  text-decoration: none;
  display: grid;
}

.card.post-card-featured-v1:hover {
  color: var(--components--titles-paragraphs--text-paragraphs);
}

.card.post-card-secondary-v1 {
  padding: var(--components--cards--paddings--pd-default);
  grid-column-gap: var(--globals--gaps--gap-large);
  grid-row-gap: var(--globals--gaps--gap-large);
  border-radius: var(--components--cards--border-radius--br-small);
  transform-style: preserve-3d;
  background-image: linear-gradient(270deg, #f9f9f980, #fafafa80);
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  height: 100%;
  text-decoration: none;
  transition-property: transform;
  display: flex;
}

.card.post-card-secondary-v1:hover {
  transform: translate3d(0, -3px, .01px);
}

.card.skill-card {
  padding: var(--components--cards--paddings--pd-medium) 40px;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  border-radius: var(--components--cards--border-radius--br-medium);
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.card.contact-form {
  box-shadow: none;
  background-color: #0000;
  border-style: none;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  min-height: 566px;
  display: flex;
}

.card.side-bard-card {
  padding: var(--components--cards--paddings--pd-medium) var(--components--cards--paddings--pd-default);
  width: 100%;
  max-width: 280px;
  position: sticky;
  top: 32px;
}

.card.product-card-v2 {
  padding: var(--components--cards--paddings--pd-small) var(--components--cards--paddings--pd-medium) var(--components--cards--paddings--pd-small) var(--components--cards--paddings--pd-small);
  grid-column-gap: var(--globals--grid-gap--default);
  grid-row-gap: var(--globals--grid-gap--default);
  border-radius: var(--components--cards--border-radius--br-medium);
  box-shadow: 0 2px 4px 0 var(--core--box-shadow--bs-neutral-regular);
  color: var(--components--titles-paragraphs--text-paragraphs);
  grid-template-rows: auto;
  grid-template-columns: 1fr .95fr;
  grid-auto-columns: 1fr;
  place-items: center stretch;
  text-decoration: none;
  display: grid;
}

.card.product-card-v2:hover {
  color: var(--components--titles-paragraphs--text-paragraphs);
}

.card.product-licenses-card {
  padding: var(--components--cards--paddings--pd-medium) 40px;
  background-color: var(--components--cards--background-color--bg-color-secondary);
  box-shadow: inset 0 4px .5px 0 var(--components--button--shadow-inset-light), 0 2px 6px 0 var(--components--button--shadow-outset);
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.card.categories-badge {
  border-radius: var(--components--badges--border-radius--br-pill);
  background-color: var(--components--cards--background-color--bg-color-secondary);
  box-shadow: inset 0 4px .5px 0 var(--components--button--shadow-inset-light);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  min-height: 58.5px;
  padding: 8px 12px;
  display: flex;
}

.card.cta-card-newsletter {
  padding: var(--components--cards--paddings--pd-large) 30px;
  border-color: var(--globals--border-color--border-5);
  border-radius: var(--components--cards--border-radius--br-large);
  background-color: var(--components--cards--background-color--bg-color-tertiary);
}

.card.author-card {
  padding: var(--components--cards--paddings--pd-large) var(--components--cards--paddings--pd-medium);
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.card.password-card {
  border-radius: var(--components--cards--border-radius--br-medium);
  background-color: var(--components--cards--background-color--bg-color-secondary);
  box-shadow: 0 2px 4px 0 var(--core--box-shadow--bs-neutral-regular);
  text-align: center;
  padding: 61px 40px;
}

.card.template-card {
  padding: 80px var(--components--cards--paddings--pd-large);
  border-radius: var(--components--cards--border-radius--br-medium);
  background-color: var(--components--cards--background-color--bg-color-secondary);
  box-shadow: 0 2px 4px 0 var(--core--box-shadow--bs-neutral-regular);
}

.card.cta-card-v3 {
  border-radius: var(--components--cards--border-radius--br-medium);
  background-color: var(--components--cards--background-color--bg-color-tertiary);
  box-shadow: none;
  padding: 120px 80px;
  position: relative;
}

.card.cta-card {
  padding: var(--components--cards--paddings--pd-large) 80px;
  border-radius: var(--components--cards--border-radius--br-medium);
  background-color: var(--components--cards--background-color--bg-color-secondary);
  box-shadow: inset 0 4px .5px 0 var(--globals--color--surfaces--01), inset 0 -2.4px 5.7px 0 var(--core--colors--neutral--400);
}

.card.cta-card.dark {
  border-color: var(--components--cards--border-color--br-color-tertiary);
  background-color: var(--components--cards--background-color--bg-color-tertiary);
  box-shadow: inset 0 1px .5px 0 var(--globals--color--surfaces--01), inset 0 3px 5.7px -2px var(--core--colors--neutral--400);
}

.card.cta-card-newsletter---column {
  padding: var(--components--cards--paddings--pd-large) var(--components--cards--paddings--pd-medium);
  border-color: var(--globals--border-color--border-5);
  border-radius: var(--components--cards--border-radius--br-large);
  background-color: var(--components--cards--background-color--bg-color-tertiary);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-paragraph {
  color: var(--globals--color--texts--03);
}

.text-light {
  color: var(--components--titles-paragraphs--text-light);
}

.flex-horizontal {
  justify-content: center;
  align-items: center;
  display: flex;
}

.flex-horizontal.gap-default {
  grid-column-gap: var(--globals--gaps--gap-default);
}

.flex-horizontal.justify-start {
  justify-content: flex-start;
}

.flex-horizontal.n-bar---space-between {
  grid-column-gap: var(--globals--gaps--gap-large);
  justify-content: space-between;
  max-width: 1108px;
  margin-left: auto;
  margin-right: auto;
}

.flex-horizontal.logo-strip {
  width: 100%;
}

.flex-horizontal.logo-strip.v10 {
  justify-content: flex-start;
}

.flex-horizontal.logo-strip-wrapper---horizontal {
  padding-right: var(--globals--grid-gap--large);
  grid-column-gap: var(--globals--grid-gap--large);
  grid-row-gap: var(--globals--grid-gap--large);
  flex-wrap: nowrap;
  flex: none;
  justify-content: flex-start;
  width: auto;
}

.flex-horizontal.wrap-down {
  flex-flow: wrap;
}

.mg-top-large {
  margin-top: var(--globals--margins--mg-large);
}

.mg-top-48px {
  margin-top: 48px;
}

.text-accent {
  color: var(--globals--accent-color);
}

.utp---typography-grid-row {
  grid-column-gap: var(--globals--gaps--gap-default);
  grid-row-gap: var(--globals--gaps--gap-default);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.utp---typography-grid-row.header {
  padding-bottom: var(--globals--paddings--pd-default);
  border-bottom: var(--globals--border-width--bw-large) solid var(--components--divider--border-color--border-default);
}

.utp---typography-grid-item._55 {
  width: 55%;
}

.utp---typography-grid-item._26-5 {
  width: 26.5%;
}

.utp---typography-grid-item._11 {
  width: 11%;
}

.grid-1-column {
  grid-column-gap: var(--globals--grid-gap--default);
  grid-row-gap: var(--globals--grid-gap--default);
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.grid-1-column.gap-row-large {
  grid-row-gap: var(--globals--grid-gap--large);
  grid-row-gap: var(--globals--grid-gap--large);
}

.grid-1-column.gap-row-extra-small {
  grid-row-gap: var(--globals--gaps--gap-extra-small);
}

.grid-1-column.headers-blocks {
  grid-row-gap: 280px;
  display: flex;
}

.grid-1-column.gap-row-none {
  grid-row-gap: var(--globals--gaps--gap-none);
}

.grid-1-column.dropdown-link-column {
  grid-column-gap: var(--globals--grid-gap--small);
  grid-row-gap: var(--globals--grid-gap--small);
  place-items: start;
}

.grid-1-column.dropdown-link-column.small {
  grid-column-gap: var(--globals--grid-gap--small);
  grid-row-gap: var(--globals--grid-gap--small);
}

.grid-1-column.utp {
  flex-direction: column;
  display: flex;
}

.grid-1-column.form-grid {
  grid-column-gap: var(--globals--gaps--gap-small);
  grid-row-gap: var(--globals--gaps--gap-small);
}

.grid-1-column.gap-row-small {
  grid-row-gap: var(--globals--grid-gap--small);
}

.grid-1-column.services-grid---v3 {
  width: 100%;
  max-width: 662px;
}

.grid-1-column.projects-rich-text-grid {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
}

.grid-1-column.gap-row-12px {
  grid-row-gap: 12px;
}

.utp---card-shadow {
  padding: var(--globals--paddings--pd-small);
  border: var(--components--cards--border-width--bw-regular) solid var(--components--cards--border-color--br-color-default);
  border-radius: var(--components--cards--border-radius--br-regular);
  background-color: var(--components--cards--background-color--bg-color-default);
  text-align: center;
  justify-content: center;
  align-items: center;
  min-height: 148px;
  display: flex;
}

.bs-neutral-small {
  box-shadow: 0 1px 3px 0 var(--core--box-shadow--bs-neutral-small);
}

.bs-neutral-regular {
  box-shadow: 0 1px 4px 0 var(--core--box-shadow--bs-neutral-regular);
}

.bs-neutral-medium {
  box-shadow: 0 8px 15px 0 var(--core--box-shadow--bs-neutral-medium);
}

.bs-neutral-large {
  box-shadow: 0 8px 24px 0 var(--core--box-shadow--bs-neutral-large);
}

.bs-primary-small {
  box-shadow: 0 1px 2px 0 var(--core--box-shadow--bs-primary-small);
}

.bs-primary-regular {
  box-shadow: 0 4px 8px 0 var(--core--box-shadow--bs-primary-regular);
}

.bs-primary-large {
  box-shadow: 0 8px 24px 0 var(--core--box-shadow--bs-primary-large);
}

.bs-primary-medium {
  box-shadow: 0 8px 15px 0 var(--core--box-shadow--bs-primary-medium);
}

.bs-secondary-small {
  box-shadow: 0 1px 2px 0 var(--core--box-shadow--bs-secondary-small);
}

.bs-secondary-regular {
  box-shadow: 0 4px 8px 0 var(--core--box-shadow--bs-secondary-regular);
}

.bs-secondary-medium {
  box-shadow: 0 8px 15px 0 var(--core--box-shadow--bs-secondary-medium);
}

.bs-secondary-large {
  box-shadow: 0 8px 24px 0 var(--core--box-shadow--bs-secondary-large);
}

.inner-container._320px {
  max-width: 320px;
}

.inner-container.center {
  margin-left: auto;
  margin-right: auto;
}

.inner-container._340px {
  max-width: 340px;
}

.inner-container._380px {
  max-width: 380px;
}

.inner-container._850px {
  width: 100%;
  max-width: 850px;
}

.inner-container._872px {
  width: 100%;
  max-width: 776px;
}

.inner-container._770px {
  max-width: 770px;
}

.inner-container._485px {
  max-width: 485px;
}

.inner-container._540px {
  max-width: 540px;
}

.inner-container._760px {
  max-width: 760px;
}

.inner-container._400px {
  max-width: 400px;
}

.inner-container._460px {
  max-width: 460px;
}

.inner-container._500px {
  max-width: 500px;
}

.inner-container._490px {
  max-width: 490px;
}

.inner-container._700px {
  max-width: 700px;
}

.inner-container._480px {
  max-width: 480px;
}

.inner-container._640px {
  max-width: 640px;
}

.inner-container._900px {
  max-width: 900px;
}

.inner-container._250px {
  max-width: 250px;
}

.inner-container._600px {
  max-width: 600px;
}

.inner-container._300px {
  max-width: 300px;
}

.inner-container._620px {
  max-width: 620px;
}

.inner-container._225px {
  max-width: 225px;
}

.inner-container._1108px {
  max-width: 1108px;
}

.inner-container._1050px {
  max-width: 1050px;
}

.inner-container._780px {
  max-width: 780px;
}

.inner-container._682px {
  max-width: 682px;
}

.inner-container._469px {
  max-width: 469px;
}

.inner-container._990px {
  max-width: 990px;
}

.inner-container._448px {
  max-width: 448px;
}

.inner-container._662px {
  max-width: 662px;
}

.inner-container._584px {
  max-width: 584px;
}

.inner-container._566px {
  max-width: 566px;
}

.inner-container._1012px {
  max-width: 1012px;
}

.inner-container._953px {
  max-width: 953px;
}

.inner-container._703px {
  max-width: 703px;
}

.inner-container._789px {
  max-width: 789px;
}

.inner-container._525px {
  max-width: 525px;
}

.inner-container._582px {
  max-width: 582px;
}

.inner-container._587px {
  max-width: 587px;
}

.inner-container._263px {
  max-width: 263px;
}

.inner-container._449px {
  max-width: 449px;
}

.inner-container._435px {
  max-width: 435px;
}

.inner-container._1090px {
  max-width: 1090px;
}

.inner-container._552px {
  max-width: 552px;
}

.utp---card-logo {
  padding: var(--components--cards--paddings--pd-default);
  border: var(--components--cards--border-width--bw-regular) solid var(--components--cards--border-color--br-color-default);
  border-radius: var(--components--cards--border-radius--br-regular);
  background-color: var(--components--cards--background-color--bg-color-default);
  box-shadow: 0 2px 8px 0 var(--core--box-shadow--bs-neutral-small);
  text-align: center;
  justify-content: center;
  align-items: center;
  min-width: 144px;
  min-height: 144px;
  display: flex;
}

.utp---card-logo.dark-card {
  border-color: var(--components--cards--border-color--br-color-tertiary);
  background-color: var(--components--cards--background-color--bg-color-tertiary);
}

.utp---card-logo.auto-padding {
  padding: var(--components--cards--paddings--pd-small);
  min-height: 98px;
}

.logo-icon-wrapper._22px {
  width: 22px;
  margin-right: 8px;
}

.logo-text-wrapper {
  transform-style: preserve-3d;
  align-items: center;
  text-decoration: none;
  transition: transform .3s;
  display: flex;
}

.logo-text-wrapper:hover {
  transform: scale3d(.96, .96, 1.01);
}

.logo-link {
  color: var(--components--titles-paragraphs--text-titles);
  transform-style: preserve-3d;
  transition: transform .3s;
}

.logo-link:hover {
  transform: scale3d(.92, .92, 1.01);
}

.grid-icon-font {
  grid-column-gap: var(--globals--grid-gap--small);
  grid-row-gap: var(--globals--grid-gap--small);
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(20px, 20px));
}

.icon-font-rounded {
  font-family: var(--core--icon-family--line-rounded);
}

.icon-font-rounded.link-arrow {
  margin-left: 6px;
  display: inline;
}

.icon-font-rounded.link-arrow.mg-left-4px {
  margin-left: 4px;
}

.icon-font-rounded.dropdown-arrow {
  justify-content: center;
  align-items: center;
  display: flex;
}

.icon-font-rounded.thank-you-message-icon {
  color: var(--core--colors--primary--100);
  font-size: var(--core--font-size--displays--display-4);
  line-height: 1em;
}

.icon-font-rounded.thank-you-message-icon.large {
  font-size: var(--core--font-size--displays--display-9);
}

.icon-font-rounded.thank-you-message-icon.text-light {
  color: var(--core--colors--neutral--100);
}

.icon-font-wrapper {
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
}

.icon-font-wrapper.close-icon {
  font-size: 22px;
  line-height: 22px;
}

.utp---grid-components-wrapper {
  grid-column-gap: var(--globals--grid-gap--default);
  grid-row-gap: var(--globals--grid-gap--default);
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

.utp---card-componets-wrapper {
  padding: var(--components--cards--paddings--pd-large) var(--components--cards--paddings--pd-default);
  width: 100%;
}

.utp---card-componets-wrapper.dark {
  background-color: var(--components--cards--background-color--bg-color-tertiary);
}

.utp---card-componets-wrapper.v2 {
  width: 100%;
}

.utp---card-componets-wrapper.v2.rich-text {
  padding: var(--components--cards--paddings--pd-large);
}

.utp---card-componets-wrapper.links {
  padding-right: var(--components--cards--paddings--pd-small);
  padding-left: var(--components--cards--paddings--pd-small);
}

.utp---card-componets-wrapper.badges {
  grid-column-gap: var(--globals--grid-gap--large);
  grid-row-gap: var(--globals--grid-gap--large);
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.utp---buttons-top {
  margin-bottom: var(--globals--margins--mg-small);
  justify-content: center;
  display: flex;
}

.utp---components-head-wrapper {
  padding-right: var(--components--cards--paddings--pd-default);
  padding-left: var(--components--cards--paddings--pd-default);
  grid-column-gap: var(--globals--grid-gap--default);
  grid-row-gap: var(--globals--grid-gap--default);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-around;
  align-items: center;
  width: 50%;
  display: grid;
}

.utp---components-head-wrapper.buttons {
  grid-template-columns: 1.5fr 1fr 1fr;
}

.utp---components-head-wrapper.links {
  grid-template-columns: 1fr 1fr;
}

.utp---components-head-wrapper.avatars {
  grid-template-columns: 24px 32px 40px 64px 120px;
  justify-content: space-around;
  justify-items: center;
  width: 100%;
}

.utp---components-head-wrapper.badges {
  grid-template-columns: 1fr 1fr;
}

.utp---components-head-wrapper.center {
  grid-template-columns: 1fr;
}

.text-uppercase {
  letter-spacing: .08em;
  text-transform: uppercase;
}

.text-center {
  text-align: center;
}

.utp---grid-components {
  grid-column-gap: var(--globals--grid-gap--default);
  grid-row-gap: var(--globals--grid-gap--large);
  grid-template-rows: 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-rows: 1fr;
  place-items: center;
}

.utp---grid-components._1-column {
  grid-template-columns: 1fr;
  justify-items: center;
}

.utp---grid-components._1-column.utp---text-form-column {
  height: 100%;
}

.utp---grid-components.links, .utp---grid-components.badges {
  grid-template-columns: 1fr 1fr;
}

.primary-button {
  grid-column-gap: var(--components--buttons--gaps--gap-regular);
  grid-row-gap: var(--components--buttons--gaps--gap-regular);
  border: var(--components--buttons--border-width--bw-default) solid var(--components--buttons-primary--border-color--b-light-mode);
  border-radius: var(--components--buttons--border-radius--br-pill);
  background-color: var(--components--buttons-primary--backgrounds--bg-light-mode);
  background-image: linear-gradient(180deg, var(--components--button--gradient-top), #242424);
  box-shadow: inset 0 -3px 2.8px 0 var(--components--button--shadow-inset-dark), inset 0 .5px 1.5px 0 var(--components--button--shadow-inset-light), 0 2px 4px 0 var(--components--button--shadow-outset);
  color: var(--components--buttons-primary--text--text-light-mode);
  font-size: var(--core--font-size--base-font);
  line-height: var(--core--line-height--regular);
  text-align: center;
  transform-style: preserve-3d;
  justify-content: center;
  align-items: center;
  min-height: 48px;
  padding: .5rem 1rem;
  font-weight: 500;
  text-decoration: none;
  transition: transform .3s;
  display: flex;
}

.primary-button:hover {
  color: var(--components--buttons-primary--text--text-light-mode);
  transform: scale3d(.94, .94, 1.01);
}

.primary-button.small {
  padding: var(--components--buttons--paddings--pd-small) var(--components--buttons--paddings--pd-small) var(--components--buttons--paddings--pd-small) var(--components--buttons--paddings--pd-medium);
  font-size: var(--core--font-size--displays--display-2);
}

.primary-button.small.inside-input {
  padding-top: 0;
  padding-bottom: 0;
  position: absolute;
  inset: 6px 6px 6px auto;
}

.primary-button.small.no-hover:hover {
  transform: none;
}

.primary-button.dark-mode {
  border-color: var(--components--buttons-primary--border-color--b-dark-mode);
  background-color: var(--components--buttons-primary--backgrounds--bg-dark-mode);
  box-shadow: 0 2px 4px 0 var(--components--button--shadow-outset);
  color: var(--components--buttons-primary--text--text-dark-mode);
  background-image: none;
}

.primary-button.inside-input {
  padding-top: 0;
  padding-right: var(--components--buttons--paddings--pd-medium);
  padding-bottom: 0;
  position: absolute;
  top: 12px;
  bottom: 12px;
  right: 12px;
}

.primary-button.inside-input.small {
  min-height: 0;
}

.primary-button.v2 {
  padding-right: var(--components--buttons--paddings--pd-medium);
}

.primary-button.form-btn {
  max-height: 48px;
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden;
}

.primary-button.form-btn---inside {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-radius: var(--components--buttons--border-radius--br-none);
  background-color: var(--transparent);
  box-shadow: none;
  background-image: none;
  border-style: none;
  flex: 1;
  padding-left: 0;
  padding-right: 0;
  transition-property: none;
}

.primary-button.form-btn---inside:hover {
  transform: none;
}

.primary-button.form-btn---inside.alt {
  text-align: left;
}

.primary-button.add-to-cart {
  padding-left: var(--components--buttons--paddings--pd-small);
}

.utp---buttons-sidebar {
  flex-direction: column;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr;
  grid-auto-rows: 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: flex;
}

.secondary-button {
  padding: var(--components--buttons--paddings--pd-small) var(--components--buttons--paddings--pd-small) var(--components--buttons--paddings--pd-small) var(--components--buttons--paddings--pd-medium);
  grid-column-gap: var(--components--buttons--gaps--gap-small);
  grid-row-gap: var(--components--buttons--gaps--gap-small);
  border: var(--components--buttons--border-width--bw-default) solid var(--components--buttons-secondary--border-color--b-light-mode);
  border-radius: var(--components--buttons--border-radius--br-pill);
  background-color: var(--components--buttons-secondary--backgrounds--bg-light-mode);
  box-shadow: inset 0 -2.8px .5px 0 var(--core--colors--neutral--400), inset 0 3px 1px 0 var(--globals--color--surfaces--01), 0 2px 4px 0 var(--components--button--shadow-outset);
  color: var(--components--buttons-secondary--text--text-light-mode);
  font-size: var(--core--font-size--base-font);
  line-height: var(--core--line-height--regular);
  text-align: center;
  transform-style: preserve-3d;
  justify-content: center;
  align-items: center;
  min-height: 48px;
  font-weight: 500;
  text-decoration: none;
  transition: transform .3s;
  display: flex;
}

.secondary-button:hover {
  color: var(--components--buttons-secondary--text--text-light-mode);
  transform: scale3d(.94, .94, 1.01);
}

.secondary-button.small {
  padding: var(--components--buttons--paddings--pd-small) var(--components--buttons--paddings--pd-small) var(--components--buttons--paddings--pd-small) var(--components--buttons--paddings--pd-medium);
  font-size: var(--core--font-size--displays--display-2);
}

.secondary-button.small.no-hover:hover {
  transform: none;
}

.secondary-button.dark-mode {
  border-color: var(--components--buttons-secondary--border-color--b-dark-mode);
  box-shadow: 0 2px 4px 0 var(--components--button--shadow-outset);
  color: var(--components--buttons-secondary--text--text-dark-mode);
  background-color: #0000;
}

.secondary-button.slider-button {
  padding-right: var(--components--buttons--paddings--pd-large);
  padding-left: var(--components--buttons--paddings--pd-large);
  height: 48px;
  margin-top: 24px;
  font-family: Portfolix Font, sans-serif;
  transition: box-shadow .3s, color .3s, border-color .3s, background-color .3s, transform .3s;
}

.secondary-button.slider-button:hover {
  border-color: var(--components--buttons-primary--border-color--b-light-mode);
  background-color: var(--components--buttons-primary--border-color--b-light-mode);
  box-shadow: inset 0 -2.8px .5px 0 var(--components--button--shadow-inset-dark), inset 0 1.5px 1px 0 var(--components--button--shadow-inset-light), 0 2px 4px 0 var(--components--button--shadow-outset);
  color: var(--components--buttons-secondary--text--text-dark-mode);
}

.secondary-button.slider-button.testimonial-v1---left {
  inset: auto auto 0% 0%;
}

.secondary-button.slider-button.testimonial-v1---right {
  inset: auto auto 0% 100px;
}

.secondary-button.slider-button.project-v2---left {
  inset: -96px 100px auto auto;
}

.secondary-button.slider-button.project-v2---right {
  inset: -96px 0% auto auto;
}

.secondary-button.slider-button.skills-slider---left {
  inset: -112px 100px auto auto;
}

.secondary-button.slider-button.skills-slider---right {
  inset: -112px 0% auto auto;
}

.secondary-button.slider-button.right {
  margin-left: auto;
  margin-right: 0;
}

.secondary-button.slider-button.left {
  margin-left: 0;
  margin-right: auto;
}

.secondary-button.buy-now-btn {
  padding-left: var(--components--buttons--paddings--pd-small);
  background-color: var(--globals--color--surfaces--01);
  margin-top: 0;
}

.tertiary-button {
  padding: var(--components--buttons--paddings--pd-small) var(--components--buttons--paddings--pd-small) var(--components--buttons--paddings--pd-small) var(--components--buttons--paddings--pd-medium);
  grid-column-gap: var(--components--buttons--gaps--gap-small);
  grid-row-gap: var(--components--buttons--gaps--gap-small);
  border: var(--components--buttons--border-width--bw-default) solid var(--components--buttons-tertiary--border-color--b-light-mode);
  border-radius: var(--components--buttons--border-radius--br-pill);
  background-color: var(--components--buttons-tertiary--backgrounds--bg-light-mode);
  color: var(--components--buttons-tertiary--text--text-light-mode);
  font-size: var(--core--font-size--displays--display-3);
  line-height: var(--core--line-height--regular);
  text-align: center;
  transform-style: preserve-3d;
  justify-content: center;
  align-items: center;
  min-height: 48px;
  font-weight: 500;
  text-decoration: none;
  transition: transform .3s;
  display: flex;
}

.tertiary-button:hover {
  color: var(--components--buttons-tertiary--text--text-light-mode);
  transform: scale3d(.94, .94, 1.01);
}

.tertiary-button.small {
  padding: var(--components--buttons--paddings--pd-small) var(--components--buttons--paddings--pd-small) var(--components--buttons--paddings--pd-small) var(--components--buttons--paddings--pd-medium);
  font-size: var(--core--font-size--displays-tablet--display-2);
}

.tertiary-button.dark-mode {
  border-color: var(--components--buttons-tertiary--border-color--b-dark-mode);
  background-color: var(--components--buttons-tertiary--backgrounds--bg-dark-mode);
  color: var(--components--buttons-tertiary--text--text-dark-mode);
}

.primary-button-icon {
  border: var(--components--buttons--border-width--bw-default) solid var(--components--buttons-primary--border-color--b-light-mode);
  border-radius: var(--components--buttons--border-radius--br-pill);
  background-color: var(--components--buttons-primary--backgrounds--bg-light-mode);
  background-image: linear-gradient(180deg, var(--components--button--gradient-top), var(--components--button--gradient-bottom));
  box-shadow: inset 0 -2px .5px 0 var(--components--button--shadow-inset-dark), inset 0 -2.8px .5px 0 var(--components--button--shadow-inset-light), 0 2px 4px 0 var(--components--button--shadow-outset);
  color: var(--components--buttons-primary--text--text-light-mode);
  font-size: var(--core--font-size--displays--display-3);
  line-height: var(--core--line-height--small);
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  font-weight: 500;
  text-decoration: none;
  transition: transform .3s;
  display: flex;
}

.primary-button-icon:hover {
  color: var(--neutral--100\<deleted\|variable-89a718ad\>);
  transform: scale(.94);
}

.primary-button-icon.small {
  font-size: var(--core--font-size--displays--display-2);
  width: 32px;
  min-width: 32px;
  height: 32px;
  min-height: 32px;
}

.primary-button-icon.dark-mode {
  border-color: var(--components--buttons-primary--border-color--b-dark-mode);
  background-color: var(--components--buttons-primary--backgrounds--bg-dark-mode);
  box-shadow: 0 2px 4px 0 var(--components--button--shadow-outset);
  color: var(--components--buttons-primary--text--text-dark-mode);
  background-image: none;
}

.secondary-button-icon {
  border: var(--components--buttons--border-width--bw-default) solid var(--components--buttons-secondary--border-color--b-light-mode);
  border-radius: var(--components--buttons--border-radius--br-pill);
  background-color: var(--components--buttons-secondary--backgrounds--bg-light-mode);
  box-shadow: inset 0 -2.8px .5px 0 var(--core--colors--neutral--400), inset 0 3px 1px 0 var(--globals--color--surfaces--01), 0 2px 4px 0 var(--components--button--shadow-outset);
  color: var(--components--buttons-secondary--text--text-light-mode);
  font-size: var(--core--font-size--displays--display-3);
  line-height: var(--core--line-height--small);
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  font-weight: 500;
  text-decoration: none;
  transition: transform .3s;
  display: flex;
}

.secondary-button-icon:hover {
  color: var(--components--buttons-secondary--text--text-light-mode);
  transform: scale(.94);
}

.secondary-button-icon.small {
  font-size: var(--core--font-size--displays--display-2);
  width: 32px;
  min-width: 32px;
  height: 32px;
  min-height: 32px;
}

.secondary-button-icon.white {
  border-color: var(--components--buttons-secondary--border-color--b-dark-mode);
  box-shadow: 0 2px 4px 0 var(--components--button--shadow-outset);
  color: var(--components--buttons-secondary--text--text-dark-mode);
  background-color: #0000;
}

.tertiary-button-icon {
  border: var(--components--buttons--border-width--bw-default) solid var(--components--buttons-tertiary--border-color--b-light-mode);
  border-radius: var(--components--buttons--border-radius--br-pill);
  background-color: var(--components--buttons-tertiary--backgrounds--bg-light-mode);
  color: var(--components--buttons-tertiary--text--text-light-mode);
  font-size: var(--core--font-size--displays--display-3);
  line-height: var(--core--line-height--regular);
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  font-weight: 500;
  text-decoration: none;
  transition: transform .3s;
  display: flex;
}

.tertiary-button-icon:hover {
  transform: scale(.94);
}

.tertiary-button-icon.small {
  font-size: var(--core--font-size--displays--display-2);
  width: 32px;
  min-width: 32px;
  height: 32px;
  min-height: 32px;
}

.tertiary-button-icon.dark-mode {
  border-color: var(--components--buttons-tertiary--border-color--b-dark-mode);
  background-color: var(--components--buttons-tertiary--backgrounds--bg-dark-mode);
  color: var(--components--buttons-tertiary--text--text-dark-mode);
}

.mg-top-medium {
  margin-top: var(--globals--margins--mg-medium);
}

.link {
  grid-column-gap: var(--components--links--gaps--gap-medium);
  grid-row-gap: var(--components--links--gaps--gap-medium);
  color: var(--components--links--text-color--text-dark);
  font-size: var(--core--font-size--displays--display-3);
  line-height: var(--core--line-height--regular);
  text-decoration: none;
  transition: color .3s;
  display: flex;
}

.link:hover {
  color: var(--components--titles-paragraphs--text-paragraphs);
}

.link.mid.no-hover:hover {
  color: var(--neutral--800\<deleted\|variable-5d74d6f6\>);
}

.link.small {
  font-size: var(--core--font-size--displays--display-1);
}

.link.accent {
  color: var(--components--links--text-color--text-accent);
}

.link.accent:hover {
  color: var(--components--links--text-color--text-dark);
}

.link.light {
  color: var(--components--links--text-color--text-light);
}

.link.hover-none {
  transition-property: none;
}

.link.hover-none:hover {
  color: var(--components--links--text-color--text-dark);
}

.list-item {
  grid-column-gap: var(--globals--gaps--gap-extra-small);
  grid-row-gap: var(--globals--gaps--gap-extra-small);
  color: var(--globals--color--texts--04);
  line-height: var(--core--line-height--regular);
  flex-direction: row;
  align-items: center;
  display: flex;
}

.list-item.light {
  color: var(--globals--color--texts--01);
}

.list-item.small {
  font-size: var(--core--font-size--displays--display-1);
}

.list-item.large {
  font-size: var(--core--font-size--displays--display-3);
}

.list-wrapper {
  grid-column-gap: var(--globals--gaps--gap-medium);
  grid-row-gap: var(--globals--gaps--gap-medium);
  flex-direction: column;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.list-item-bullet {
  color: var(--globals--color--texts--04);
  font-size: var(--core--font-size--displays--display-2);
  line-height: var(--core--line-height--regular);
}

.list-item-bullet.small {
  font-size: var(--core--font-size--displays--display-1);
}

.list-item-bullet.light {
  color: var(--globals--color--texts--01);
}

.list-item-bullet.large {
  font-size: var(--core--font-size--displays--display-3);
}

.list-item-number {
  color: var(--globals--color--texts--04);
  font-size: var(--core--font-size--displays--display-2);
  line-height: var(--core--line-height--regular);
}

.list-item-number.small {
  font-size: var(--core--font-size--displays--display-1);
}

.list-item-number.light {
  color: var(--globals--color--texts--01);
}

.list-item-number.large {
  font-size: var(--core--font-size--displays--display-3);
}

.utp---grid-square-icons {
  grid-column-gap: var(--globals--grid-gap--default);
  grid-row-gap: var(--globals--grid-gap--default);
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(48px, 48px));
}

.square-icon {
  width: 48px;
  min-width: 48px;
  height: 48px;
  min-height: 48px;
}

.icon-font-social-media {
  font-family: Social Media Icon Font BRIX, sans-serif;
}

.utp---grid-social-media-icons {
  grid-column-gap: var(--globals--grid-gap--small);
  grid-row-gap: var(--globals--grid-gap--small);
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(24px, 24px));
}

.social-media-icon-wrapper {
  background-image: linear-gradient(180deg, var(--components--button--gradient-top), var(--components--button--gradient-bottom));
  box-shadow: inset 0 -3.5px .6px 0 var(--components--button--shadow-inset-dark), inset 0 1.8px .7px 0 var(--components--button--shadow-inset-light), 0 2.5px 5px 0 var(--components--button--shadow-outset);
  color: var(--components--titles-paragraphs--text-light);
  transform-style: preserve-3d;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 30px;
  min-width: 30px;
  height: 30px;
  min-height: 30px;
  font-size: 14px;
  line-height: 1em;
  text-decoration: none;
  transition: transform .3s;
  display: flex;
}

.social-media-icon-wrapper:hover {
  color: var(--neutral--100\<deleted\|variable-89a718ad\>);
  transform: scale3d(.92, .92, 1.01);
}

.social-media-icon-wrapper.facebook {
  background-color: #1877f2;
}

.social-media-icon-wrapper.twitter {
  background-color: #1da1f2;
}

.social-media-icon-wrapper.instagram {
  background-color: #0000;
  background-image: linear-gradient(135deg, #8423ffb5, #ff881900), radial-gradient(circle, #fa2d9b, #ff9467 81%, #ffd231);
}

.social-media-icon-wrapper.linkedin {
  background-color: #0a6ed2;
}

.social-media-icon-wrapper.youtube {
  background-color: red;
}

.social-media-icon-wrapper.dribbble {
  background-color: #fc4d91;
}

.social-media-icon-wrapper.behance {
  background-color: #205bf6;
}

.social-media-icon-wrapper.whatsapp {
  background-color: #00d95f;
}

.social-media-icon-wrapper.tiktok {
  background-color: #000;
}

.social-media-icon-wrapper.google {
  border: 1px solid var(--neutral--400\<deleted\|variable-1fec2397\>);
  background-color: var(--neutral--100\<deleted\|variable-89a718ad\>);
}

.social-media-icon-wrapper.spotify {
  background-color: #1ed760;
}

.social-media-icon-wrapper.product-hunt {
  background-color: #ff6155;
}

.social-media-icon-wrapper.yelp {
  background-color: #ff1a1a;
}

.social-media-icon-wrapper.twitch {
  background-color: #9247fd;
}

.social-media-icon-wrapper.tumblr {
  background-color: #001935;
}

.social-media-icon-wrapper.vk {
  background-color: #07f;
}

.social-media-icon-wrapper.line {
  background-color: #3ace01;
}

.social-media-icon-wrapper.soundcloud {
  background-image: linear-gradient(#ff9436, #ff433a);
}

.social-media-icon-wrapper.github {
  background-color: #24292f;
}

.social-media-icon-wrapper.messager {
  background-image: linear-gradient(#f84781, #5d78f6 67%, #0073ff);
}

.social-media-icon-wrapper.reddit {
  background-color: #ff4500;
}

.social-media-icon-wrapper.pinterest {
  background-color: red;
}

.social-media-icon-wrapper.telegram {
  background-image: linear-gradient(#00acff, #0098e1);
}

.social-media-icon-wrapper.medium {
  background-color: #020202;
}

.social-media-icon-wrapper.snapchat {
  background-color: #fffc00;
}

.social-media-icon-wrapper.discord {
  background-color: #5865f2;
}

.social-media-icon-wrapper.skype {
  background-image: linear-gradient(#00c3ff, #0092dd);
}

.social-media-icon-wrapper.google-podcast {
  border: 1px solid var(--neutral--400\<deleted\|variable-1fec2397\>);
  background-color: var(--neutral--100\<deleted\|variable-89a718ad\>);
}

.social-media-icon-wrapper.apple-podcast {
  background-image: linear-gradient(#d272f7, #8433be);
}

.social-media-icon-wrapper.apple {
  background-color: #000;
}

.social-media-icon-wrapper.google-play {
  border: 1px solid var(--neutral--400\<deleted\|variable-1fec2397\>);
  background-color: var(--neutral--100\<deleted\|variable-89a718ad\>);
  padding: 5px;
}

.social-media-icon-wrapper.wechat {
  background-color: #2dc100;
}

.social-media-icon-wrapper.apple-music {
  background-image: linear-gradient(#fb5c74, #fa233b 72%);
}

.social-media-icon-wrapper.twitter-icon {
  width: 32px;
  min-width: 32px;
  height: 32px;
  min-height: 32px;
  font-family: Portfolix Font, sans-serif;
}

.avatar-wrapper {
  border-radius: var(--components--avatars--border-radius--br-regular);
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.avatar-wrapper._24px {
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
}

.avatar-wrapper._32px {
  width: 32px;
  min-width: 32px;
  height: 32px;
  min-height: 32px;
}

.avatar-wrapper._40px {
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
}

.avatar-wrapper._64px {
  width: 64px;
  min-width: 64px;
  height: 64px;
  min-height: 64px;
}

.avatar-wrapper._120px {
  width: 120px;
  min-width: 120px;
  height: 120px;
  min-height: 120px;
}

.avatar-image {
  width: 100%;
}

.avatar-image._8px {
  border-radius: 8px;
}

.avatar-image.circle {
  border-radius: 50%;
}

.avatar-image.small {
  max-width: 40px;
}

.avatar-image.small.alt-v2 {
  max-width: 48px;
  margin-top: 5px;
}

.avatar-dot {
  border: var(--globals--border-width--bw-default) solid var(--globals--color--surfaces--07);
  box-shadow: inset 0 -2px 1px 0 var(--components--button--shadow-inset-dark), inset 0 1.3px .3px 0 var(--components--button--shadow-inset-light), 0 1.3px 2.6px 0 var(--components--button--shadow-outset);
  background-image: linear-gradient(0deg, #49da71, #c8ffd8);
  border-radius: 50%;
  width: 10px;
  height: 10px;
  position: absolute;
  inset: auto 3px 0 auto;
}

.utp---avatars-flex-wrapper {
  grid-column-gap: var(--globals--gaps--gap-default);
  grid-row-gap: var(--globals--gaps--gap-default);
  flex-flow: wrap;
  justify-content: space-around;
  align-items: center;
  display: flex;
}

.width-100 {
  width: 100%;
}

.input {
  padding: var(--components--input-text--paddings--pd-regular) var(--components--input-text--paddings--pd-medium);
  border: var(--globals--border-width--bw-default) solid var(--components--input-text--border-color--br-default);
  border-radius: var(--components--accordions--paddings--pd-regular);
  background-color: var(--components--input-text--background-color--bg-default);
  box-shadow: 0 1px 3px 0 var(--core--box-shadow--bs-neutral-small);
  color: var(--components--input-text--text-color--text-tertiary);
  font-size: var(--core--font-size--base-font);
  line-height: var(--core--line-height--regular);
  width: 100%;
  height: 48px;
  margin-bottom: 0;
  font-weight: 400;
  transition: color .3s, border-color .3s;
}

.input:hover {
  border-color: var(--components--input-text--border-color--br-secondary);
}

.input:focus, .input.-wfp-focus {
  border-color: var(--components--input-text--border-color--br-tertiary);
  color: var(--components--input-text--text-color--text-tertiary);
}

.input::placeholder {
  color: var(--components--input-text--text-color--text-secondary);
}

.input.icon-left {
  padding-left: 36px;
}

.input.icon-right {
  padding-right: 36px;
}

.input.small {
  padding: var(--components--input-text--paddings--pd-small) var(--components--input-text--paddings--pd-regular);
  font-size: var(--core--font-size--displays--display-2);
  height: 42px;
}

.input.small.icon-left {
  padding-left: 32px;
}

.input.small.icon-right {
  padding-right: 32px;
}

.input.cart-quantity-input {
  width: 68px;
  height: 41px;
}

.input.button-inside {
  padding-right: 40%;
}

.input.button-inside.default-input {
  height: 72px;
}

.width-320px {
  width: 100%;
  max-width: 320px;
}

.input-wrapper {
  position: relative;
}

.input-icon-wrapper {
  cursor: default;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 16px;
}

.input-icon-wrapper.right {
  cursor: pointer;
  transition: transform .3s;
  left: auto;
  right: 12px;
}

.input-icon-wrapper.right:hover {
  transform: scale(1.1);
}

.input-icon-wrapper.small {
  left: 12px;
}

.text-area {
  padding: 24px var(--components--input-text--paddings--pd-medium) var(--components--input-text--paddings--pd-medium);
  border: var(--components--inputs-select--border-width--bw-regular) solid var(--components--input-text--border-color--br-default);
  border-radius: var(--components--buttons--paddings--pd-regular);
  background-color: var(--components--input-text--background-color--bg-default);
  box-shadow: 0 1px 3px 0 var(--core--box-shadow--bs-neutral-small);
  color: var(--components--input-text--text-color--text-tertiary);
  font-size: var(--core--font-size--base-font);
  line-height: var(--core--line-height--large);
  min-width: 100%;
  max-width: 100%;
  min-height: 140px;
  max-height: 200px;
  margin-bottom: 0;
  transition: color .3s, border-color .3s;
}

.text-area:hover {
  border-color: var(--components--input-text--border-color--br-secondary);
}

.text-area:focus {
  border-color: var(--components--input-text--border-color--br-tertiary);
  color: var(--components--input-text--text-color--text-tertiary);
}

.text-area::placeholder {
  color: var(--components--input-text--text-color--text-secondary);
}

.text-area.icon-left {
  padding-left: 36px;
}

.text-area.small {
  padding: var(--components--input-text--paddings--pd-regular);
  border-radius: var(--components--cards--paddings--pd-default);
  font-size: var(--core--font-size--displays--display-2);
  min-height: 100px;
}

.text-area.small.icon-left {
  padding-left: 32px;
}

.text-area-icon-wrapper {
  position: absolute;
  inset: 25px auto 0% 16px;
}

.text-area-icon-wrapper.small {
  top: 12px;
  left: 12px;
}

.select {
  padding: 0px var(--components--input-text--paddings--pd-medium);
  border-radius: var(--components--inputs-select--border-radius--br-regular);
  color: var(--components--input-text--text-color--text-secondary);
  font-size: var(--core--font-size--base-font);
  line-height: var(--core--line-height--regular);
  background-color: #0000;
  border: 0 solid #0000;
  height: 100%;
  margin-bottom: 0;
  transition: color .3s;
}

.select:hover, .select:focus {
  color: var(--components--input-text--text-color--text-tertiary);
}

.select.icon-left {
  padding-left: 34px;
}

.select.small {
  padding-right: var(--components--input-text--paddings--pd-regular);
  padding-left: var(--components--input-text--paddings--pd-regular);
  font-size: var(--core--font-size--displays--display-2);
}

.select.small.icon-left {
  padding-left: 30px;
}

.select-wrapper {
  border: var(--components--inputs-select--border-width--bw-regular) solid var(--components--input-text--border-color--br-default);
  border-radius: var(--components--inputs-select--border-radius--br-regular);
  background-color: var(--components--input-text--background-color--bg-default);
  box-shadow: 0 1px 3px 0 var(--core--box-shadow--bs-neutral-small);
  height: 48px;
  transition: border-color .3s;
  position: relative;
  overflow: hidden;
}

.select-wrapper:hover {
  border-color: var(--components--input-text--border-color--br-secondary);
}

.select-wrapper:focus {
  border-color: var(--components--input-text--border-color--br-tertiary);
}

.select-wrapper.icon-left {
  padding-left: 0;
}

.select-wrapper.medium {
  height: 48px;
}

.select-wrapper.small {
  height: 42px;
}

.select-icon-wrapper {
  padding-right: var(--components--input-text--paddings--pd-medium);
  background-color: var(--neutral--100\<deleted\|variable-89a718ad\>);
  cursor: default;
  flex-direction: column;
  justify-content: center;
  display: flex;
  position: absolute;
  inset: 0% 0 0% auto;
}

.select-icon-wrapper.left {
  padding-right: 0;
  inset: 0% auto 0% 16px;
}

.select-icon-wrapper.left.small {
  padding-right: 0;
  left: 12px;
}

.select-icon-wrapper.small {
  padding-right: var(--components--input-text--paddings--pd-regular);
}

.grid-3-columns {
  grid-column-gap: var(--globals--grid-gap--default);
  grid-row-gap: var(--globals--grid-gap--default);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.grid-3-columns.gallery-grid {
  grid-template-columns: 1fr 2fr 1fr;
}

.grid-3-columns.checkout-3-inputs-grid {
  grid-column-gap: var(--globals--grid-gap--small);
  margin-bottom: 24px;
}

.grid-3-columns.services-grid {
  grid-row-gap: var(--globals--grid-gap--medium);
}

.grid-3-columns.shop-grid---v1 {
  grid-row-gap: 54px;
}

.grid-3-columns.blog-grid---v2 {
  grid-row-gap: var(--globals--grid-gap--large);
  place-items: stretch stretch;
}

.grid-3-columns.blog-featured-grid---v3 {
  place-items: stretch stretch;
}

.grid-3-columns.projects-grid-v3, .grid-3-columns.blog-grid-v2 {
  grid-row-gap: var(--globals--grid-gap--large);
}

.grid-3-columns.services-grid---page {
  grid-row-gap: var(--globals--grid-gap--medium);
}

.checkbox {
  border-width: var(--globals--border-width--bw-default);
  border-color: var(--components--input-text--border-color--br-default);
  border-radius: var(--globals--border-radius--br-small);
  box-shadow: 0 1px 3px 0 var(--core--box-shadow--bs-neutral-regular);
  width: 18px;
  min-width: 18px;
  height: 18px;
  min-height: 18px;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  transition: border-color .3s;
}

.checkbox:hover {
  border-color: var(--globals--border-color--border-accent);
}

.checkbox.w--redirected-checked {
  border-color: var(--globals--border-color--border-accent);
  border-radius: var(--globals--border-radius--br-small);
  background-color: var(--globals--color--surfaces--accent);
  background-image: url('../images/check-icon.svg');
}

.checkbox.w--redirected-focus {
  border-color: var(--globals--border-color--border-accent);
  border-radius: var(--globals--border-radius--br-small);
  box-shadow: 0 1px 3px 0 var(--core--box-shadow--bs-neutral-regular);
}

.checkbox.small {
  width: 14px;
  min-width: 14px;
  height: 14px;
  min-height: 14px;
}

.checkbox.product-button {
  background-color: var(--core--colors--neutral--100);
  color: var(--components--titles-paragraphs--text-paragraphs);
  justify-content: flex-start;
  align-items: center;
  padding: 0;
  transition: border-width .3s, color .3s, border-color .3s;
  display: flex;
  position: relative;
}

.checkbox.product-button:focus, .checkbox.product-button:focus-visible, .checkbox.product-button[data-wf-focus-visible] {
  border-color: var(--components--input-text--border-color--br-tertiary);
}

.checkbox.product-button.w--ecommerce-pill-selected {
  border-width: 6px;
  border-color: var(--components--input-text--border-color--br-tertiary);
  color: var(--components--titles-paragraphs--text-titles);
}

.checkbox-wrapper {
  grid-column-gap: var(--components--checkboxes-radios-toogles--gaps--gap-regular);
  grid-row-gap: var(--components--checkboxes-radios-toogles--gaps--gap-regular);
  line-height: var(--core--line-height--small);
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.checkbox-wrapper.small {
  font-size: var(--core--font-size--displays--display-1);
}

.checkbox-text {
  color: var(--globals--color--texts--04);
  margin-bottom: 0;
}

.mg-bottom-0 {
  margin-bottom: 0;
}

.radio-button-wrapper {
  grid-column-gap: var(--components--checkboxes-radios-toogles--gaps--gap-regular);
  grid-row-gap: var(--components--checkboxes-radios-toogles--gaps--gap-regular);
  line-height: var(--core--line-height--small);
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.radio-button-wrapper.small {
  font-size: var(--core--font-size--displays--display-1);
}

.radio-button {
  border: var(--globals--border-width--bw-default) solid var(--components--input-text--border-color--br-secondary);
  box-shadow: 0 1px 3px 0 var(--core--box-shadow--bs-neutral-regular);
  width: 18px;
  min-width: 18px;
  height: 18px;
  min-height: 18px;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  transition: border-color .3s;
}

.radio-button:hover {
  border-color: var(--globals--border-color--border-accent);
}

.radio-button.w--redirected-checked {
  border-color: var(--globals--border-color--border-accent);
  box-shadow: 0 1px 3px 0 var(--core--box-shadow--bs-neutral-regular);
}

.radio-button.w--redirected-focus {
  border-color: var(--globals--border-color--border-accent);
  box-shadow: 1px 0 3px 0 var(--core--box-shadow--bs-neutral-regular);
}

.radio-button.small {
  width: 14px;
  min-width: 14px;
  height: 14px;
  min-height: 14px;
}

.toggle-wrapper {
  grid-column-gap: var(--globals--gaps--gap-default);
  grid-row-gap: var(--globals--gaps--gap-default);
  color: var(--globals--color--texts--04);
  line-height: var(--core--line-height--small);
  align-items: center;
  display: flex;
}

.toggle-wrapper.small {
  font-size: var(--core--font-size--displays--display-1);
}

.toggle-button-wrapper {
  z-index: 1;
  border: 0px solid var(--globals--color--surfaces--07);
  background-color: var(--globals--color--surfaces--07);
  cursor: pointer;
  border-radius: 40px;
  align-items: center;
  min-width: 32px;
  max-width: 32px;
  min-height: 18px;
  max-height: 18px;
  padding: 2px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.toggle-button-wrapper.small {
  min-width: 24px;
  max-width: 24px;
  min-height: 14px;
  max-height: 14px;
}

.toggle-button-bg {
  z-index: 1;
  border: var(--globals--border-width--bw-default) solid var(--globals--border-color--border-accent);
  background-color: var(--globals--color--surfaces--accent);
  opacity: 0;
  border-radius: 40px;
  position: absolute;
  inset: 0;
}

.toggle-button-circle-inside {
  z-index: 2;
  background-color: var(--globals--color--surfaces--01);
  box-shadow: 0 1px 1px 0 var(--core--box-shadow--bs-neutral-small);
  border-radius: 100%;
  min-width: 14px;
  max-width: 14px;
  min-height: 14px;
  max-height: 14px;
  transition: transform .3s;
  position: relative;
}

.toggle-button-circle-inside.small {
  min-width: 10px;
  max-width: 10px;
  min-height: 10px;
  max-height: 10px;
}

.upload-wrapper {
  padding: var(--components--cards--paddings--pd-large);
  border-radius: var(--components--cards--border-radius--br-regular);
  background-color: var(--components--cards--background-color--bg-color-default);
  box-shadow: 0 1px 4px 0 var(--core--box-shadow--bs-neutral-regular);
  outline-color: var(--globals--border-color--border-5);
  text-align: center;
  outline-width: 1.5px;
  outline-style: dashed;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: background-color .3s;
  display: flex;
}

.upload-wrapper:hover {
  background-color: var(--components--cards--background-color--bg-color-secondary);
  outline-color: var(--globals--border-color--border-6);
  display: flex;
}

.paragraph-large {
  font-size: var(--core--font-size--paragraphs--large);
  line-height: var(--core--line-height--large);
  margin-bottom: 0;
  font-weight: 400;
}

.paragraph-medium {
  margin-bottom: 0;
  font-size: 16px;
  line-height: 24px;
}

.paragraph-small {
  font-size: var(--core--font-size--paragraphs--small);
  line-height: var(--core--line-height--large);
}

.paragraph-small.v2 {
  font-size: 14px;
  line-height: 1.6em;
}

.badge-dark {
  padding: var(--components--badges--paddings--pd-small) var(--components--badges--paddings--pd-medium);
  grid-column-gap: var(--components--badges--gaps--pd-regular);
  grid-row-gap: var(--components--badges--gaps--pd-regular);
  border-radius: var(--components--badges--border-radius--br-pill);
  background-color: var(--components--badge-primary--background-color--bg-dark);
  color: var(--components--badge--text-color--text-accent);
  font-size: var(--core--font-size--displays--display-2);
  line-height: var(--core--line-height--regular);
  align-items: center;
  display: flex;
}

.badge-dark.neutral {
  background-color: var(--components--badge-neutral--background-color--bg-dark);
  color: var(--components--badge--text-color--text-light);
}

.badge-dark.secondary {
  border: var(--globals--border-width--bw-default) solid var(--components--badge-secondary--border-color--bg-dark);
  color: var(--components--badge--text-color--text-light);
  background-color: #0000;
}

.badge-dark.tertiary {
  border: var(--globals--border-width--bw-default) solid var(--components--badge-tertiary--border-color--bg-dark);
  background-color: var(--components--badge-tertiary--background-color--bg-dark);
  color: var(--components--badge--text-color--text-light);
}

.badge-dark.small {
  padding: var(--components--badges--paddings--pd-small) var(--components--badges--paddings--pd-regular);
  grid-column-gap: var(--components--badges--gaps--pd-small);
  grid-row-gap: var(--components--badges--gaps--pd-small);
  border-radius: var(--components--badges--border-radius--br-pill);
  font-size: var(--core--font-size--displays--display-1);
}

.accordion-item {
  padding: var(--components--accordions--paddings--pd-medium);
  border: var(--globals--border-width--bw-default) solid var(--components--cards--border-color--br-color-default);
  border-radius: var(--components--accordions--border-radius--br-regular);
  background-color: var(--components--cards--background-color--bg-color-secondary);
  box-shadow: 0 2px 3px 0 var(--core--box-shadow--bs-neutral-regular), inset 0 4px .5px 0 var(--globals--color--surfaces--01), inset 0 -2.4px 5.7px 0 var(--core--colors--neutral--400);
  cursor: pointer;
  transform-style: preserve-3d;
  width: 100%;
  transition: transform .3s;
  position: relative;
  overflow: hidden;
}

.accordion-item:hover {
  transform: scale3d(.99, .99, 1.01);
}

.accordion-top {
  z-index: 1;
  grid-column-gap: var(--globals--gaps--gap-default);
  grid-row-gap: var(--globals--gaps--gap-default);
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.accordion-icon-wrapper {
  margin-left: var(--globals--margins--mg-small);
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  display: flex;
  position: relative;
}

.accordion-icon-line {
  height: var(--core--border-width--bw-size-4);
  border-radius: var(--core--border-radius--br-size-5);
  background-color: var(--globals--color--surfaces--07);
  width: 16px;
}

.accordion-icon-line.vertical {
  position: absolute;
  transform: rotate(90deg);
}

.accordion-bottom {
  z-index: 1;
  position: relative;
  overflow: hidden;
}

.accordion-paragraph {
  padding-top: var(--globals--paddings--pd-default);
  overflow: hidden;
}

.popup-wrapper._346px {
  max-width: 346px;
}

.popup-wrapper._485px {
  max-width: 485px;
}

.popup-content-wrapper {
  padding: var(--components--cards--paddings--pd-default) var(--components--cards--paddings--pd-default) var(--components--cards--paddings--pd-medium);
  text-align: center;
}

.popup-image-wrapper {
  position: relative;
}

.popup-close-button-wrapper {
  position: absolute;
  inset: 20px 20px auto auto;
}

.popup-close-icon {
  cursor: pointer;
  align-items: center;
  transition: transform .1s;
  display: flex;
  position: absolute;
  inset: 12px 12px auto auto;
}

.popup-close-icon:hover {
  transform: scale(.9);
}

.popup-icon-v1 {
  flex: none;
}

.buttons-row {
  grid-column-gap: var(--globals--gaps--gap-large);
  grid-row-gap: var(--globals--gaps--gap-large);
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.buttons-row.left {
  justify-content: flex-start;
}

.buttons-row.left.title-left---content-right-alt-v2---buttons {
  flex: none;
}

.buttons-row.between {
  justify-content: space-between;
  align-items: center;
}

.buttons-row.vertical {
  grid-column-gap: var(--globals--gaps--gap-medium);
  grid-row-gap: var(--globals--gaps--gap-medium);
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
}

.text-decoration-none {
  text-decoration: none;
}

.pagination-wrapper {
  grid-column-gap: var(--globals--gaps--gap-large);
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.rich-text h1 {
  margin-bottom: var(--globals--margins--mg-small);
}

.rich-text p {
  margin-top: var(--globals--margins--mg-small);
  margin-bottom: var(--globals--margins--mg-small);
}

.rich-text h2 {
  margin-bottom: var(--globals--margins--mg-small);
}

.rich-text ul {
  margin-top: var(--globals--margins--mg-small);
  margin-bottom: var(--globals--margins--mg-small);
  padding-left: 40px;
}

.rich-text li {
  margin-bottom: var(--globals--margins--mg-extra-small);
}

.rich-text figure {
  margin-top: var(--globals--margins--mg-medium);
  margin-bottom: var(--globals--margins--mg-medium);
}

.rich-text img {
  border-radius: var(--globals--gaps--gap-large);
}

.rich-text h3 {
  margin-top: var(--globals--margins--mg-small);
  margin-bottom: var(--globals--margins--mg-small);
}

.rich-text blockquote {
  margin-top: var(--globals--margins--mg-medium);
  margin-bottom: var(--globals--margins--mg-medium);
}

.rich-text h4 {
  margin-top: var(--globals--margins--mg-small);
  margin-bottom: var(--globals--margins--mg-small);
}

.rich-text ol {
  margin-top: var(--globals--margins--mg-small);
  margin-bottom: var(--globals--margins--mg-small);
  padding-left: 40px;
}

.rich-text h5, .rich-text h6 {
  margin-top: var(--globals--margins--mg-small);
  margin-bottom: var(--globals--margins--mg-small);
}

.image-wrapper, .image-wrapper.border-radius-image-default {
  overflow: hidden;
}

.image-wrapper.border-radius-image-default.project-card-v1-image-wrapper {
  max-width: 630px;
}

.image-wrapper.border-radius-image-default.gallery-link {
  box-shadow: 0 1px 3px 0 var(--core--box-shadow--bs-neutral-small);
}

.image-wrapper.border-radius-image-default.post-card-featured-v1---image-wrapper {
  width: 100%;
  max-width: 632px;
}

.image-wrapper.border-radius-image-small {
  overflow: hidden;
}

.image-wrapper.border-radius-image-small.product-card-v1---image-wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  display: flex;
  position: relative;
}

.image-wrapper.border-radius-image-small.product-card-v2---image-wrapper {
  background-color: var(--components--cards--background-color--bg-color-secondary);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 357px;
  display: flex;
  position: relative;
}

.image-wrapper.image-reveal {
  z-index: 2;
  height: 100%;
  position: relative;
}

.image-wrapper.hero-main-image---v1 {
  min-width: 300px;
  max-width: 300px;
  margin-left: -20px;
  position: relative;
  overflow: visible;
}

.image-wrapper.hero-badge-01---v1 {
  width: 85%;
  position: absolute;
  inset: -10% auto auto -16%;
  overflow: visible;
}

.image-wrapper.hero-badge-02---v1 {
  width: 55%;
  display: block;
  position: absolute;
  inset: 18% 88%;
  overflow: visible;
}

.image-wrapper.hero-badge-03---v1 {
  width: 74%;
  display: block;
  position: absolute;
  inset: 38% -57% auto auto;
  overflow: visible;
}

.image-wrapper.hero-badge-04---v1 {
  width: 80%;
  display: block;
  position: absolute;
  inset: auto -56% 19% auto;
  overflow: visible;
}

.image-wrapper.about-image---v1 {
  margin-top: 18px;
  margin-left: 20px;
  padding-bottom: 20px;
  position: sticky;
  top: 80px;
  overflow: visible;
}

.image-wrapper.cta-icon-v1 {
  max-width: 80px;
}

.image-wrapper.hero-icon---v2 {
  max-width: 96px;
}

.image-wrapper.hero-badge-01---v2 {
  width: 36%;
  max-width: 245px;
  position: absolute;
  inset: 22% auto auto -27%;
  overflow: visible;
}

.image-wrapper.hero-badge-02---v2 {
  width: 36%;
  max-width: 244px;
  position: absolute;
  inset: 15% -20% auto auto;
  overflow: visible;
}

.image-wrapper.hero-badge-03---v2 {
  width: 23%;
  max-width: 146px;
  position: absolute;
  inset: auto auto 13% -14%;
  overflow: visible;
}

.image-wrapper.hero-badge-04---v2 {
  width: 31%;
  max-width: 206px;
  position: absolute;
  inset: auto -22% 14% auto;
  overflow: visible;
}

.image-wrapper.about-image-left---v2 {
  width: 28%;
  max-width: 323px;
  position: absolute;
  inset: auto auto -168px -11%;
  overflow: visible;
}

.image-wrapper.about-image-right---v2 {
  width: 28%;
  max-width: 322px;
  position: absolute;
  inset: -100px -10% auto auto;
  overflow: visible;
}

.image-wrapper.border-radius-image-medium {
  border-radius: var(--globals--border-radius--br-medium);
}

.image-wrapper.border-radius-image-medium.shadow-regular {
  box-shadow: 0 2px 4px 0 var(--core--box-shadow--bs-neutral-regular);
}

.image-wrapper.hero-image---v3 {
  justify-content: center;
  align-items: flex-end;
  margin-top: 36px;
  display: flex;
  position: relative;
  overflow: visible;
}

.image-wrapper.hero-image---v2 {
  z-index: 1;
  width: 56%;
  max-width: 638px;
  position: absolute;
  inset: auto auto 0%;
}

.image-wrapper.hero-badge-01---v3 {
  width: 25%;
  max-width: 245px;
  position: absolute;
  inset: 20% auto auto 4%;
  overflow: visible;
}

.image-wrapper.hero-badge-02---v3 {
  width: 25%;
  max-width: 245px;
  position: absolute;
  inset: 12% 6% auto auto;
  overflow: visible;
}

.image-wrapper.hero-badge-03---v3 {
  width: 20%;
  max-width: 146px;
  position: absolute;
  inset: auto auto 19% 10%;
  overflow: visible;
}

.image-wrapper.hero-badge-04---v3 {
  width: 20%;
  max-width: 206px;
  position: absolute;
  inset: auto 11.5% 12% auto;
  overflow: visible;
}

.image-wrapper.about-image-top---v3 {
  width: 61%;
  max-width: 400px;
  margin-left: 4%;
  overflow: visible;
}

.image-wrapper.about-image-bottom---v3 {
  width: 61%;
  max-width: 400px;
  margin: -26% 8% 7% auto;
  position: static;
  inset: 54% 8% 0% auto;
  overflow: visible;
}

.image-wrapper.about-me-section---image {
  border-radius: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
  transform: rotate(6deg);
  box-shadow: inset 0 6.25px 13.5px #e3e3e340;
}

.image-wrapper.story---image-wrapper {
  border: var(--globals--border-width--bw-default) solid var(--globals--border-color--border-2);
  border-radius: 20px;
  max-width: 360px;
  position: relative;
}

.image-wrapper.hero-image---contact-v3 {
  max-width: 443px;
  padding: 20px;
  overflow: visible;
}

.image-wrapper.hero-icon---contact-v3 {
  max-width: 88px;
  margin: -5px;
}

.image-wrapper.border-radius-image-large {
  border-radius: var(--globals--border-radius--br-large);
}

.image-wrapper.border-radius-image-large.project---featured-image-wrapper {
  margin-bottom: var(--globals--margins--mg-large);
}

.image-wrapper.coming-soon-image {
  width: 100%;
  max-width: 528px;
  padding: 23px;
  overflow: visible;
}

.image-wrapper._404-not-found-image {
  max-width: 313px;
  margin-left: auto;
  margin-right: auto;
}

.image-wrapper.password-image {
  width: 100%;
  max-width: 80px;
  margin-left: auto;
  margin-right: auto;
}

.utp---sidebar-dropdown {
  width: 100%;
}

.utp---sidebar-dropdown-button {
  padding: var(--components--dropdowns--paddings--pd-regular);
  font-size: var(--core--font-size--displays--display-1);
  line-height: var(--core--line-height--small);
  letter-spacing: var(--core--letter-spacing--regular);
  text-transform: uppercase;
  transform-style: preserve-3d;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  font-weight: 600;
  transition: transform .3s;
  display: flex;
}

.utp---sidebar-dropdown-button:hover {
  transform: translate3d(6px, 0, .01px);
}

.utp---dropdown-icon {
  background-color: var(--globals--utilities--utility-2);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
  display: flex;
}

.utp---sidebar-dropdown-list {
  padding-top: var(--globals--paddings--pd-extra-small);
  background-color: #0000;
  overflow: hidden;
}

.utp---sidebar-dropdown-list.w--open {
  position: static;
}

.utp---sidebar-dropdown-item {
  padding: var(--components--dropdowns--gaps--gap-regular) var(--components--dropdowns--paddings--pd-regular) var(--components--dropdowns--paddings--pd-regular) var(--components--dropdowns--gaps--gap-regular);
  grid-column-gap: var(--components--input-text--gaps--gap-regular);
  grid-row-gap: var(--components--input-text--gaps--gap-regular);
  border: var(--core--border-width--bw-size-2) solid transparent;
  border-radius: var(--core--border-radius--br-size-3);
  background-color: var(--components--cards--background-color--bg-color-default);
  color: var(--components--titles-paragraphs--text-paragraphs);
  align-items: center;
  text-decoration: none;
  transition: color .3s, border-color .3s;
  display: flex;
}

.utp---sidebar-dropdown-item:hover {
  border-color: var(--globals--utilities--utility-accent);
  color: var(--globals--utilities--utility-6);
}

.utp---sidebar-dropdown-item.w--current {
  border-color: var(--1\<deleted\|variable-adce7a81\>);
  color: var(--neutral--800\<deleted\|variable-5d74d6f6\>);
  font-weight: 600;
  box-shadow: 0 1px 3px #2388ff1a;
}

.utp---sidebar-dropdown-icon {
  border-radius: var(--core--border-radius--br-size-3);
  background-color: var(--globals--color--surfaces--accent);
  filter: brightness(200%) grayscale();
  padding: 6px;
}

.utp---spacers-wrapper {
  grid-column-gap: var(--globals--grid-gap--default);
  grid-row-gap: var(--globals--grid-gap--default);
  flex-wrap: wrap;
  align-items: flex-start;
  display: flex;
}

.utp---spacers-wrapper.bottom-aligned {
  align-items: flex-end;
}

.utp---spacer-wrapper {
  border: var(--globals--border-width--bw-large) solid var(--globals--utilities--utility-accent);
  background-color: var(--globals--utilities--utility-3);
  color: var(--components--titles-paragraphs--text-accent);
  font-size: var(--core--font-size--displays--display-1);
  line-height: var(--core--line-height--regular);
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  font-weight: 600;
  display: flex;
}

.mg-top-extra-large {
  margin-top: var(--globals--margins--mg-extra-large);
}

.mg-bottom-tiny {
  margin-bottom: var(--globals--margins--mg-tiny);
}

.mg-bottom-extra-small {
  margin-bottom: var(--globals--margins--mg-extra-small);
}

.mg-bottom-12px {
  margin-bottom: 12px;
}

.mg-bottom-small {
  margin-bottom: var(--globals--margins--mg-small);
}

.mg-bottom-default {
  margin-bottom: var(--globals--margins--mg-default);
}

.mg-bottom-medium {
  margin-bottom: var(--globals--margins--mg-medium);
}

.mg-bottom-large {
  margin-bottom: var(--globals--margins--mg-large);
}

.mg-bottom-48px {
  margin-bottom: 48px;
}

.mg-bottom-extra-large {
  margin-bottom: var(--globals--margins--mg-extra-large);
}

.mg-right-default {
  margin-right: var(--globals--margins--mg-default);
}

.mg-right-medium {
  margin-right: var(--globals--margins--mg-medium);
}

.mg-right-large {
  margin-right: var(--globals--margins--mg-large);
}

.mg-right-extra-large {
  margin-right: var(--globals--margins--mg-extra-large);
}

.mg-left-tiny {
  margin-left: var(--globals--margins--mg-tiny);
}

.mg-left-extra-small {
  margin-left: var(--globals--margins--mg-extra-small);
}

.mg-left-small {
  margin-left: var(--globals--margins--mg-small);
}

.mg-left-default {
  margin-left: var(--globals--margins--mg-default);
}

.mg-left-medium {
  margin-left: var(--globals--margins--mg-medium);
}

.mg-left-large {
  margin-left: var(--globals--margins--mg-large);
}

.mg-left-extra-large {
  margin-left: var(--globals--margins--mg-extra-large);
}

.pd-top-tiny {
  padding-top: var(--globals--paddings--pd-tiny);
}

.pd-top-extra-small {
  padding-top: var(--globals--paddings--pd-extra-small);
}

.pd-top-12px {
  padding-top: var(--globals--paddings--pd-small);
}

.pd-top-default {
  padding-top: var(--globals--paddings--pd-default);
}

.pd-top-medium {
  padding-top: var(--globals--paddings--pd-medium);
}

.pd-top-large {
  padding-top: var(--globals--paddings--pd-large);
}

.pd-top-extra-large {
  padding-top: var(--globals--paddings--pd-extra-large);
}

.pd-bottom-tiny {
  padding-bottom: var(--globals--paddings--pd-tiny);
}

.pd-bottom-extra-small {
  padding-bottom: var(--globals--paddings--pd-extra-small);
}

.pd-bottom-small {
  padding-bottom: var(--globals--paddings--pd-small);
}

.pd-bottom-default {
  padding-bottom: var(--globals--paddings--pd-default);
}

.pd-bottom-medium {
  padding-bottom: var(--globals--paddings--pd-medium);
}

.pd-bottom-large {
  padding-bottom: var(--globals--paddings--pd-large);
}

.pd-bottom-extra-large {
  padding-bottom: var(--globals--paddings--pd-extra-large);
}

.pd-right-tiny {
  padding-right: var(--globals--paddings--pd-tiny);
}

.pd-right-extra-small {
  padding-right: var(--globals--paddings--pd-extra-small);
}

.pd-right-small {
  padding-right: var(--globals--paddings--pd-small);
}

.pd-right-default {
  padding-right: var(--globals--paddings--pd-default);
}

.pd-right-medium {
  padding-right: var(--globals--paddings--pd-medium);
}

.pd-right-large {
  padding-right: var(--globals--paddings--pd-large);
}

.pd-right-extra-large {
  padding-right: var(--globals--paddings--pd-extra-large);
}

.pd-left-tiny {
  padding-left: var(--globals--paddings--pd-tiny);
}

.pd-left-extra-small {
  padding-left: var(--globals--paddings--pd-extra-small);
}

.pd-left-small {
  padding-left: var(--globals--paddings--pd-small);
}

.pd-left-default {
  padding-left: var(--globals--paddings--pd-default);
}

.pd-left-medium {
  padding-left: var(--globals--paddings--pd-medium);
}

.pd-left-large {
  padding-left: var(--globals--paddings--pd-large);
}

.pd-left-extra-large {
  padding-left: var(--globals--paddings--pd-extra-large);
}

.utp---block-item-wrapper {
  padding: var(--globals--paddings--pd-default);
  border: var(--globals--border-width--bw-default) dashed var(--globals--utilities--utility-accent);
  border-radius: var(--core--border-radius--br-size-3);
  background-color: var(--globals--utilities--utility-3);
  box-shadow: 0 1px 4px 0 var(--core--box-shadow--bs-primary-small);
}

.utp---blocks-1440px-wrapper {
  width: 100%;
  max-width: 1440px;
  overflow: hidden;
}

.utp---blocks-1440px-wrapper.overflow-visible {
  overflow: visible;
}

.notification-bar {
  background-color: var(--components--sections--backgrounds--bg-color-tertiary);
  color: var(--components--titles-paragraphs--text-light);
  position: relative;
  overflow: hidden;
}

.container-default {
  max-width: var(--core--sizing--container-default--default);
  padding-right: var(--core--container-default--padding--default);
  padding-left: var(--core--container-default--padding--default);
  margin-left: auto;
  margin-right: auto;
}

.container-default.display-block {
  display: block;
}

.notification-bar-padding {
  padding: var(--globals--paddings--pd-medium) var(--globals--paddings--pd-large);
}

.notification-bar-padding.v2 {
  padding-top: var(--globals--paddings--pd-large);
  padding-bottom: var(--globals--paddings--pd-large);
}

.notification-bar-padding.v3 {
  padding: var(--globals--paddings--pd-large) 0px;
  grid-column-gap: 14px;
  text-align: center;
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.utp---block-wrapper {
  flex-direction: column;
  width: 100%;
  display: flex;
}

.utp---block-wrapper.first {
  margin-top: 0;
}

.utp---block-badge {
  margin-left: var(--globals--margins--mg-small);
  padding: var(--globals--paddings--pd-tiny) var(--globals--paddings--pd-small);
  border-top-left-radius: var(--components--badges--border-radius--br-regular);
  border-top-right-radius: var(--components--badges--border-radius--br-regular);
  background-color: var(--globals--utilities--utility-accent);
  color: var(--globals--utilities--utility-1);
  font-size: var(--core--font-size--displays--display-1);
  line-height: var(--core--line-height--regular);
  letter-spacing: var(--core--letter-spacing--regular);
  text-transform: uppercase;
  align-self: flex-start;
  font-weight: 600;
}

.notification-bar-close-icon {
  font-size: var(--core--font-size--displays--display-4);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 48px;
  font-weight: 400;
  transition: transform .3s;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.notification-bar-close-icon:hover {
  transform: scale(.92);
}

.notification-bar-dot {
  background-color: var(--globals--color--surfaces--05);
  border-radius: 50%;
  width: 4px;
  height: 4px;
}

.notification-bar-wrapper-item {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  overflow: visible;
}

.notification-bar-infinity-marquee-item {
  padding-right: var(--globals--gaps--gap-medium);
  grid-column-gap: var(--globals--gaps--gap-medium);
  text-align: center;
  flex: none;
  justify-content: center;
  align-items: center;
  padding-left: 0;
  display: flex;
}

.notification-bar-infinity-marquee-item.marquee {
  flex-direction: row;
}

.notification-bar-infinity-marquee {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.overflow-hidden {
  overflow: hidden;
}

.header-wrapper {
  padding-top: var(--globals--paddings--pd-medium);
  padding-bottom: var(--globals--paddings--pd-medium);
  background-color: var(--components--sections--backgrounds--bg-color-default);
  width: 100%;
}

.header-wrapper.header-floating {
  z-index: 4;
  padding: var(--globals--paddings--pd-medium) var(--globals--paddings--pd-large);
  border: var(--globals--border-width--bw-small) solid var(--components--cards--border-color--br-color-default);
  border-radius: var(--globals--border-radius--br-medium);
  background-color: var(--globals--color--surfaces--02);
  box-shadow: inset 0 4px .5px 0 var(--core--colors--neutral--100), inset 0 -2.4px 5.7px 0 var(--core--colors--neutral--400);
  position: relative;
}

.header-wrapper.v1 {
  background-color: var(--transparent);
  padding-top: 0;
  padding-bottom: 0;
  position: static;
}

.header-container-wrapper {
  grid-column-gap: var(--globals--gaps--gap-medium);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.header-container-wrapper.center {
  padding-right: var(--globals--paddings--pd-large);
  padding-left: var(--globals--paddings--pd-large);
  justify-content: center;
}

.list-nav-menu {
  grid-column-gap: var(--globals--gaps--gap-large);
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.list-nav-menu.full-page-menu {
  padding-right: var(--core--container-default--padding--default);
  padding-left: var(--core--container-default--padding--default);
  grid-row-gap: var(--globals--gaps--gap-large);
  flex-direction: column;
  position: absolute;
  inset: 0%;
}

.list-nav-menu.full-page-menu.v3 {
  align-items: flex-start;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.list-nav-menu.header-v1 {
  width: 100%;
  position: relative;
  inset: 136px 0 auto;
}

.link-nav-item.full-page-menu {
  text-decoration: none;
  overflow: hidden;
}

.link-nav-item.show-on-tablet {
  display: none;
}

.link-nav-item.alt---tablet {
  transform-style: preserve-3d;
}

.nav-menu-right-side {
  grid-column-gap: var(--globals--gaps--gap-medium);
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.hamburger-menu {
  padding: var(--globals--paddings--pd-tiny);
  grid-row-gap: 0px;
  border-radius: var(--core--border-radius--br-size-3);
  background-color: var(--globals--color--surfaces--07);
  background-image: linear-gradient(180deg, var(--components--button--gradient-top), var(--components--button--gradient-bottom));
  box-shadow: inset 0 -2.8px .5px 0 var(--components--button--shadow-inset-dark), inset 0 1.5px 1px 0 var(--components--button--shadow-inset-light), 0 2px 4px 0 var(--components--button--shadow-outset);
  transform-style: preserve-3d;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  transition: background-color .3s, transform .3s;
  position: static;
}

.hamburger-menu:hover {
  background-color: var(--globals--color--surfaces--accent);
  transform: scale3d(.94, .94, 1.01);
}

.hamburger-menu.w--open {
  background-color: var(--globals--color--surfaces--accent);
}

.hamburger-menu.white {
  background-color: var(--components--buttons-primary--backgrounds--bg-dark-mode);
}

.hamburger-menu.white.full-page-menu {
  z-index: 2;
  position: relative;
}

.hamburger-menu.v2 {
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
}

.utp---hamburger-wrapper {
  background-color: #0000;
  width: 48px;
  min-width: 48px;
  height: 48px;
  min-height: 48px;
}

.hamburger-menu-line {
  border-radius: var(--core--border-radius--br-pill);
  background-color: var(--globals--color--surfaces--01);
  width: 21px;
  height: 2px;
}

.hamburger-menu-line.top.white {
  background-color: var(--globals--color--surfaces--01);
}

.hamburger-menu-line.top.left {
  width: 12px;
}

.hamburger-menu-line.middle.white, .hamburger-menu-line.bottom.white {
  background-color: var(--globals--color--surfaces--01);
}

.hamburger-menu-line.bottom.right {
  width: 12px;
  margin-left: auto;
}

.hamburger-menu-line.back {
  position: absolute;
}

.hamburger-menu-flex {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.hamburger-menu-flex.v2 {
  grid-row-gap: 10px;
}

.hamburger-menu-flex.v3 {
  align-items: stretch;
  padding-left: 6px;
  padding-right: 6px;
  position: relative;
}

.logo-wrapper._94px {
  width: 94px;
}

.logo-wrapper._94px.dont-shirnk.full-page-menu {
  z-index: 2;
  position: relative;
}

.utp---other {
  grid-column-gap: var(--globals--grid-gap--large);
  grid-row-gap: var(--globals--grid-gap--large);
  align-items: center;
  display: flex;
}

.utp---hamburger-menus-wrapper {
  grid-column-gap: 16px;
  display: flex;
}

.nav-menu-wrapper.v2 {
  position: static;
}

.nav-menu-wrapper.full-page-menu {
  z-index: 3;
  background-color: #0000;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 100dvh;
  max-height: 100dvh;
  padding-left: 24px;
  padding-right: 24px;
  position: fixed;
  inset: 0%;
  overflow: hidden;
}

.nav-menu-wrapper.full-page-menu.v1 {
  justify-content: center;
  align-items: flex-start;
  padding-left: 0;
  padding-right: 0;
  display: none;
}

.nav-menu-wrapper.full-page-menu.v3 {
  padding-top: var(--core--sizes--size-11);
  align-items: flex-start;
  padding-left: 0;
  padding-right: 0;
}

.nav-menu-left-side {
  grid-column-gap: 40px;
  align-items: center;
  display: flex;
}

.social-media-grid {
  grid-column-gap: var(--globals--gaps--gap-large);
  align-items: center;
  display: flex;
}

.social-media-grid.small {
  grid-column-gap: var(--globals--gaps--gap-medium);
  grid-row-gap: var(--globals--gaps--gap-default);
  flex-flow: wrap;
}

.section {
  padding-top: var(--components--sections--paddings--pd-extra-large);
  padding-bottom: var(--components--sections--paddings--pd-extra-large);
  background-color: var(--components--sections--backgrounds--bg-color-default);
}

.section.small {
  padding-top: var(--components--sections--paddings--pd-large);
  padding-bottom: var(--components--sections--paddings--pd-large);
}

.section.section-v30-wrapper {
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden;
}

.section.horizontal-cards-section {
  padding-top: 0;
  padding-bottom: 0;
}

.section._40px {
  padding-top: 40px;
  padding-bottom: 40px;
}

.section.template-pages-hero {
  padding-top: var(--components--sections--paddings--pd-medium);
  padding-bottom: var(--components--sections--paddings--pd-large);
  border-bottom: var(--globals--border-width--bw-default) solid var(--components--divider--border-color--border-default);
}

.section.sales-home-hero {
  padding-top: var(--components--sections--paddings--pd-large);
  background-image: linear-gradient(180deg, white 50%, var(--components--sections--backgrounds--bg-color-tertiary) 50%);
  padding-bottom: 120px;
  overflow: hidden;
}

.section.cta-sales-home {
  padding-top: 0;
  padding-bottom: var(--components--sections--paddings--pd-large);
  border-bottom: var(--globals--border-width--bw-default) solid var(--components--divider--border-color--border-default);
}

.section.full-height {
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.section.full-height.coming-soon-page {
  padding-top: 98px;
  padding-bottom: 138px;
}

.section.full-height._404-not-found-page {
  padding-top: 120px;
  padding-bottom: 220px;
}

.section.full-height.password-protected-page {
  padding-top: 120px;
  padding-bottom: 194px;
}

.section.hero-section---v1 {
  padding-top: var(--components--sections--paddings--pd-large);
  position: relative;
  overflow: hidden;
}

.section.bottom {
  padding-bottom: 200px;
}

.section.hero-section---v2 {
  padding-top: var(--components--sections--paddings--pd-large);
  padding-bottom: 90px;
  overflow: hidden;
}

.section.about-section---v2 {
  padding-top: 200px;
  padding-bottom: 280px;
  position: relative;
  overflow: hidden;
}

.section.pd-120px {
  padding-top: 120px;
  padding-bottom: 120px;
}

.section.hero-section---v3 {
  padding-top: var(--components--sections--paddings--pd-extra-large);
  padding-bottom: var(--components--sections--paddings--pd-extra-large);
  position: relative;
  overflow: hidden;
}

.section.hero-section---v4 {
  padding-top: var(--components--sections--paddings--pd-large);
  padding-bottom: 0;
  position: relative;
  overflow: visible;
}

.section.top-200 {
  padding-top: 200px;
}

.section.hero-section---v5 {
  padding-top: var(--components--sections--paddings--pd-large);
  padding-bottom: 140px;
  position: relative;
  overflow: hidden;
}

.section.hero-section---v5.overflow-visible {
  overflow: visible;
}

.section.pd-140px {
  padding-top: 140px;
  padding-bottom: 140px;
}

.section.pd-140px.top-0px {
  padding-top: 0;
}

.section.hero-section---v6 {
  padding-top: var(--components--sections--paddings--pd-large);
  padding-bottom: 245px;
  position: relative;
  overflow: hidden;
}

.section.hero-section---v6.overflow-visible {
  overflow: visible;
}

.section.top-0px {
  padding-top: 0;
}

.section.hiden {
  display: none;
}

.width-50ch {
  max-width: 50ch;
}

.hero-v3---images-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 612px;
  display: flex;
  position: relative;
}

._2-images-wrapper-item {
  max-width: 340px;
  position: relative;
  left: 0;
}

._2-images-wrapper-item.right {
  position: absolute;
  inset: 0% 0% 0% auto;
}

._2-images-wrapper-item.left {
  padding-top: var(--core--sizes--size-11);
}

.position-relative {
  position: relative;
}

.position-relative.overflow-hidden.logo-strip-v10 {
  padding-top: 4px;
  padding-bottom: 4px;
}

.infinite-marquee-2-columns-wrapper {
  grid-column-gap: var(--globals--grid-gap--default);
  grid-row-gap: var(--globals--grid-gap--default);
  justify-content: center;
  width: 40%;
  display: flex;
  position: absolute;
  inset: 0% 2% 0% auto;
}

.infinite-marquee-column-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.infinite-marquee-column-wrapper.left, .infinite-marquee-column-wrapper.right {
  justify-content: flex-start;
}

.infinite-marquee-column {
  padding-bottom: var(--globals--grid-gap--default);
  grid-column-gap: var(--globals--grid-gap--default);
  grid-row-gap: var(--globals--grid-gap--default);
  flex-direction: column;
  justify-content: center;
  display: flex;
}

.infinite-marquee-column.marquee.hero-v12 {
  padding-bottom: var(--globals--grid-gap--default);
  grid-column-gap: var(--globals--grid-gap--default);
  grid-row-gap: var(--globals--grid-gap--default);
}

.grid-form {
  grid-column-gap: var(--globals--grid-gap--default);
  grid-row-gap: var(--globals--grid-gap--default);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

.grid-form.contact-form {
  grid-template-rows: auto auto auto auto;
}

.form-wrapper {
  width: 100%;
  margin-bottom: 0;
  position: relative;
}

.form-wrapper._380px {
  max-width: 380px;
}

.footer-wrapper {
  background-color: var(--components--sections--backgrounds--bg-color-tertiary);
}

.footer-wrapper.v2 {
  background-color: var(--components--sections--backgrounds--bg-color-secondary);
}

.footer-wrapper.v3 {
  background-color: var(--components--sections--backgrounds--bg-color-default);
}

.footer-top {
  padding-top: var(--components--footers--paddings--pd-extra-large);
  padding-bottom: var(--components--footers--paddings--pd-extra-large);
  border-bottom: var(--globals--border-width--bw-default) solid var(--components--divider--border-color--border-secondary);
}

.footer-top.v2 {
  padding-bottom: var(--components--footers--paddings--pd-medium);
  border-top: var(--globals--border-width--bw-default) solid var(--components--divider--border-color--border-default);
  border-bottom-width: 0;
}

.footer-bottom {
  padding-top: var(--components--footers--paddings--pd-regular);
}

.footer-bottom.v2 {
  border-top: var(--globals--border-width--bw-default) solid var(--components--divider--border-color--border-default);
}

.footer_flex-side-by-side {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: minmax(auto, 500px) auto;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-end;
  display: grid;
}

.footer-column-links {
  grid-row-gap: var(--globals--gaps--gap-medium);
  flex-direction: column;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.footer-column-item {
  line-height: var(--core--line-height--regular);
}

.footer-item-link {
  color: var(--components--titles-paragraphs--text-neutral-light);
  transform-style: preserve-3d;
  text-decoration: none;
  transition: transform .3s, color .3s;
}

.footer-item-link:hover {
  color: var(--components--titles-paragraphs--text-paragraphs);
  transform: translate3d(4px, 0, .01px);
}

.footer-item-link.highlighted {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: var(--components--titles-paragraphs--text-light);
  justify-content: flex-start;
  align-items: center;
  font-weight: 500;
  display: flex;
}

.footer-item-link.highlighted:hover {
  color: var(--components--titles-paragraphs--text-paragraphs);
}

.footer-center {
  padding-top: var(--components--footers--paddings--pd-large);
  padding-bottom: var(--components--footers--paddings--pd-large);
}

.footer-logo-wrapper {
  width: 100%;
  max-width: 134px;
}

.footer-logo-wrapper.v2 {
  max-width: 151px;
}

.success-message-wrapp {
  background-color: #0000;
  padding: 0;
}

.error-message-wrapper {
  margin-top: var(--globals--margins--mg-small);
  border-radius: var(--components--cards--border-radius--br-regular);
  background-color: var(--transparent);
  color: var(--core--colors--system--red-400);
  padding: 0;
}

.error-message-wrapper.cart-error {
  margin-top: 0;
}

.slider-wrapper {
  background-color: #0000;
  height: 100%;
}

.slider-wrapper.testimonial-slider-v1 {
  position: static;
}

.hidden {
  display: none;
}

.slider-mask {
  width: 100%;
  height: 100%;
}

.slider-mask.testimonial-slider---v1 {
  position: static;
}

.slider-mask.projects-slider---v2 {
  max-width: 584px;
  overflow: visible;
}

.slider-mask.skills-slider {
  max-width: 350px;
  overflow: visible;
}

.logo-strip-fade {
  z-index: 2;
  background-image: linear-gradient(to right, var(--components--sections--backgrounds--bg-color-default), #fff0);
  width: 100%;
  max-width: 170px;
  height: 100%;
  position: absolute;
}

.logo-strip-fade.right {
  background-image: linear-gradient(to right, #fff0, var(--components--sections--backgrounds--bg-color-default));
  inset: 0% 0% 0% auto;
}

.logo-marquee-image-wrapper {
  flex: none;
}

.logo-marquee-image-wrapper.logo-card {
  min-width: 146px;
}

.accordion-v2 {
  padding-top: var(--globals--paddings--pd-medium);
  padding-bottom: var(--globals--paddings--pd-medium);
  padding-left: var(--globals--paddings--pd-medium);
  grid-column-gap: var(--globals--gaps--gap-small);
  grid-row-gap: var(--globals--gaps--gap-small);
  display: flex;
}

.badge-position-absolute {
  z-index: 2;
  position: absolute;
  inset: 16px 16px auto auto;
}

.image {
  width: 100%;
}

.image.cover-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.image.cover-image.grow {
  flex: 1;
}

.image.cover-image.product-card-v1---image {
  max-height: 300px;
}

.image.cover-image.project-card-v2---image {
  max-height: 311px;
}

.image.cover-image.post-card-v1---image {
  max-height: 240px;
}

.image.cover-image.project-card-v3---image {
  object-position: 50% 0%;
  max-height: 311px;
}

.image.cover-image.post-card-featured-v1---image {
  min-height: 449px;
}

.image.cover-image.gallery-image {
  max-height: 500px;
}

.image.cover-image.project---featured-image {
  max-height: 540px;
}

.image.cover-image.product-card-v2---image {
  width: auto;
  min-height: 329px;
}

.image.cover-image.product-gallery-image {
  max-height: 670px;
}

.image.cover-image.product-page-image {
  max-height: 420px;
}

.image.cover-image.post-page-image {
  max-height: 600px;
}

.title-left---content-right {
  grid-column-gap: var(--globals--grid-gap--default);
  grid-row-gap: var(--globals--grid-gap--default);
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.title-left---content-right.center {
  align-items: center;
}

.title-left---content-right.alt-v2 {
  flex-flow: row;
}

.title-left---content-right.alt-v3 {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
}

.feature-wrapper {
  grid-column-gap: var(--globals--gaps--gap-small);
  grid-row-gap: var(--globals--gaps--gap-small);
  font-size: var(--core--font-size--displays--display-5);
  line-height: var(--core--line-height--regular);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.blog-card-featured-right-content {
  padding: var(--components--cards--paddings--pd-large);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.divider-details {
  height: var(--components--divider--border-width--bw-regular);
  background-color: var(--components--divider--border-color--border-secondary);
  width: 22px;
}

.categories-badge-wrapper {
  grid-column-gap: var(--globals--gaps--gap-default);
  grid-row-gap: var(--globals--gaps--gap-default);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.categories-badge-wrapper.center {
  justify-content: center;
  align-items: center;
}

.blog-details-wrapper-v3 {
  grid-column-gap: var(--globals--gaps--gap-medium);
  grid-row-gap: var(--globals--gaps--gap-default);
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.utility-page-form.password-protected {
  width: 100%;
  max-width: 483px;
  margin-left: auto;
  margin-right: auto;
}

.blog-card-v12-wrapper {
  padding-top: var(--globals--margins--mg-large);
  padding-bottom: var(--globals--margins--mg-large);
  border-top: var(--components--cards--border-width--bw-regular) solid var(--components--cards--border-color--br-color-default);
  border-bottom: var(--components--cards--border-width--bw-regular) solid var(--components--cards--border-color--br-color-default);
  color: var(--components--titles-paragraphs--text-paragraphs);
  margin-top: -1px;
  text-decoration: none;
  position: relative;
}

.blog-card-v12-wrapper:hover {
  color: var(--neutral--600\<deleted\|variable-fcce5907\>);
}

.content-card-bottom {
  padding: var(--components--cards--paddings--pd-default);
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.content-card-bottom.content-card-v9 {
  text-align: center;
  justify-content: flex-start;
  align-items: center;
}

.marquee-wrapper {
  justify-content: flex-start;
  align-items: center;
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.marquee-wrapper.vertical {
  flex-direction: column;
  display: flex;
}

.marquee {
  flex: none;
}

.marquee.vertical {
  padding-bottom: var(--globals--grid-gap--default);
  grid-column-gap: var(--globals--grid-gap--default);
  grid-row-gap: var(--globals--grid-gap--default);
  flex-direction: column;
  display: flex;
}

.marquee.vertical.small {
  padding-bottom: var(--globals--grid-gap--small);
  grid-column-gap: var(--globals--grid-gap--small);
  grid-row-gap: var(--globals--grid-gap--small);
}

.section-v30-content-wrapper {
  max-height: 456px;
  position: relative;
  overflow: hidden;
}

.marquee-item---content-section-v30 {
  color: var(--components--titles-paragraphs--text-titles);
  font-size: var(--core--font-size--displays--display-10);
  line-height: var(--core--line-height--small);
  text-align: center;
  font-weight: 800;
}

.section-v30-bg-gradient {
  z-index: 1;
  background-image: linear-gradient(to bottom, var(--neutral--100\<deleted\|variable-89a718ad\>), transparent);
  height: 45%;
  position: absolute;
  inset: 0% 0% auto;
}

.section-v30-bg-gradient.bottom {
  z-index: 1;
  background-image: linear-gradient(to top, var(--neutral--100\<deleted\|variable-89a718ad\>), transparent);
  inset: auto 0% 0%;
}

.dropdown-wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  margin-left: 0;
  display: flex;
}

.dropdown-wrapper.dropdown-v2 {
  display: block;
}

.dropdown-toogle {
  grid-column-gap: var(--components--links--gaps--gap-small);
  grid-row-gap: var(--components--links--gaps--gap-small);
  font-size: var(--core--font-size--displays--display-3);
  line-height: var(--core--line-height--regular);
  align-items: center;
  padding: 0;
  display: flex;
}

.dropdown-list {
  padding-right: var(--globals--paddings--pd-default);
  padding-bottom: var(--globals--paddings--pd-default);
  padding-left: var(--globals--paddings--pd-default);
  background-color: #0000;
  overflow: hidden;
}

.dropdown-list.v1 {
  padding: 0;
  display: block;
  position: relative;
  overflow: visible;
}

.dropdown-list.dropdown-v2 {
  transform: translate(-32%);
}

.dropdown-pd {
  margin-top: var(--globals--margins--mg-small);
  padding: var(--components--cards--paddings--pd-small);
  border: var(--components--cards--border-width--bw-regular) solid var(--components--cards--border-color--br-color-default);
  border-radius: var(--components--cards--border-radius--br-regular);
  background-color: var(--components--cards--background-color--bg-color-default);
  box-shadow: 0 8px 15px 0 var(--core--box-shadow--bs-neutral-medium);
}

.dropdown-pd.dropdown-v1 {
  margin-top: var(--globals--margins--mg-small);
  box-shadow: none;
  background-color: #0000;
  border-style: none;
  border-radius: 0;
  padding: 0;
}

.dropdown-pd.dropdown---v2 {
  padding: var(--components--cards--paddings--pd-medium);
  min-width: 571px;
}

.dropdown-link {
  color: var(--components--titles-paragraphs--text-neutral-light);
  font-size: var(--core--font-size--displays--display-2);
  line-height: var(--core--line-height--regular);
  transform-style: preserve-3d;
  text-decoration: none;
  transition: transform .3s, color .3s;
}

.dropdown-link:hover {
  color: var(--components--titles-paragraphs--text-light);
  transform: translate3d(4px, 0, .01px);
}

.dropdown-link.dark {
  color: var(--components--titles-paragraphs--text-titles);
}

.dropdown-link.dark:hover {
  color: var(--components--titles-paragraphs--text-paragraphs);
}

.dropdown-link.dark.hightlighted {
  font-weight: 600;
}

.dropdown-link.highlighted {
  color: var(--components--titles-paragraphs--text-light);
  font-weight: 500;
}

.dropdown-link.highlighted:hover {
  color: var(--components--titles-paragraphs--text-neutral-light);
}

.content-card-v20-right-content {
  padding-right: var(--components--cards--paddings--pd-large);
  padding-left: var(--components--cards--paddings--pd-large);
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.sidebar---navbar {
  padding-top: var(--globals--paddings--pd-extra-large);
  padding-right: var(--globals--paddings--pd-medium);
  padding-left: var(--globals--paddings--pd-medium);
  background-color: var(--components--cards--background-color--bg-color-default);
}

.utp---nav-menu-wrapper {
  width: 100%;
}

.success-message-wrapper {
  background-color: #0000;
  width: 100%;
  padding: 0;
}

.loading-page-wrapper {
  background-color: var(--globals--color--surfaces--01);
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 100vh;
  display: none;
  position: fixed;
  inset: 0% auto auto 0%;
}

.loading-page-wrapper.bar-animation {
  justify-content: center;
  align-items: center;
  display: none;
}

.loading-page-wrapper.page-cover {
  height: 100vh;
  min-height: 0;
}

.loading-bar {
  background-color: var(--globals--color--surfaces--06);
  border-radius: 1000px;
  width: 100%;
  height: 6px;
  margin-bottom: auto;
}

.page-load-image-wrapper {
  background-color: var(--globals--color--surfaces--01);
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 100vh;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.loading-circle {
  border-style: solid;
  border-width: 10px;
  border-color: var(--globals--color--surfaces--06) var(--globals--color--surfaces--03) var(--globals--color--surfaces--03);
  border-radius: 50%;
  min-width: 120px;
  max-width: 120px;
  min-height: 120px;
  max-height: 120px;
}

.card-wrapper {
  position: sticky;
  top: 60px;
}

.card-wrapper:first-child {
  top: 45px;
}

.card-wrapper._01 {
  top: 24px;
}

.card-wrapper._02 {
  top: 48px;
}

.card-wrapper._03 {
  top: 72px;
}

.card-wrapper._04 {
  top: 96px;
}

.cards-container {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.about-me-section---image-container {
  max-width: 360px;
  padding: 18px 14px;
}

.float-main-image-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.hover-rotate-card-wrapper {
  perspective: 2000px;
  transform-origin: 50%;
}

.arrow-card-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.arrow-button {
  background-color: var(--components--buttons-secondary--text--text-light-mode);
  border-radius: 50%;
  width: 25%;
  min-width: 64px;
  min-height: 64px;
  padding-top: 25%;
  position: absolute;
}

.arrow-button-text {
  color: var(--components--buttons-secondary--text--text-dark-mode);
  font-size: 32px;
  line-height: var(--core--line-height--small);
  justify-content: center;
  align-items: center;
  font-weight: 400;
  display: flex;
  position: absolute;
  inset: 0%;
}

.full-page-menu---link {
  font-size: 64px;
  font-weight: 600;
  line-height: 80px;
  text-decoration: none;
  display: inline-block;
}

.full-page-menu---bg {
  background-color: var(--globals--color--surfaces--03);
  height: 100%;
  position: absolute;
  inset: auto 0% 0%;
}

.full-page-menu---bg.v2 {
  top: 0;
  bottom: auto;
}

.full-page-menu---bg.v1 {
  z-index: 1;
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  background-color: #fafafa99;
}

.full-page-menu---bg.v3 {
  width: 100%;
  top: 0;
  left: auto;
}

.floating-main-image.center-image---animation-image-v1 {
  border-radius: var(--components--images--border-radius--br-default);
  box-shadow: 0 1px 4px 0 var(--core--box-shadow--bs-neutral-small);
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

.floating-side-image.left-image---animation-image-v1 {
  border-radius: var(--components--images--border-radius--br-small);
  box-shadow: 0 1px 4px 0 var(--core--box-shadow--bs-neutral-medium);
  max-width: 30%;
  position: absolute;
  bottom: 25%;
  left: 0;
  overflow: hidden;
}

.floating-side-image.right-image---animation-image-v1 {
  border-radius: var(--components--images--border-radius--br-small);
  box-shadow: 0 1px 4px 0 var(--neutral-shadow--02\<deleted\|variable-f7d5933d\>);
  max-width: 30%;
  position: absolute;
  top: 25%;
  right: 0;
  overflow: hidden;
}

.horizontal-cards-container {
  width: 100%;
  height: 400vw;
  display: flex;
  position: relative;
}

.sticky-wrap {
  padding: var(--globals--margins--mg-large) 0px;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.horizontal-cards-wrapper {
  align-items: center;
  width: 3200px;
  display: flex;
}

.horizontal-card {
  flex: none;
}

.image-reveal-container {
  z-index: 3;
  position: relative;
}

.image-reveal-overlay {
  z-index: 1;
  background-color: var(--globals--color--surfaces--06);
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0%;
}

.image-reveal-mask {
  backface-visibility: hidden;
  position: relative;
  overflow: hidden;
  transform: translate(0);
}

.card-hover-image-mask {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.card-hover-image {
  border-radius: var(--components--images--border-radius--br-default);
  object-fit: cover;
  width: 400px;
}

.card-content-wrapper-v12 {
  z-index: 1;
  position: relative;
}

.icon-font-squared {
  font-family: Icon Squared, sans-serif;
}

.popup-container {
  z-index: 100;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-container.v1 {
  padding: var(--globals--margins--mg-default) var(--core--container-default--padding--default);
  display: none;
}

.popup-container.v2 {
  padding-right: var(--core--container-default--padding--default);
  padding-bottom: var(--globals--margins--mg-default);
  padding-left: var(--core--container-default--padding--default);
  justify-content: flex-end;
  align-items: flex-end;
  display: none;
}

.popup-overlay {
  position: absolute;
  inset: 0%;
}

.popup-mask {
  z-index: 1;
  position: relative;
}

.filled-icons-font {
  font-family: Filled Icons, sans-serif;
}

.template-pages---sidebar-navigation {
  grid-column-gap: var(--globals--gaps--gap-small);
  grid-row-gap: var(--globals--gaps--gap-small);
  flex-direction: column;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.template-pages---nav-item-link {
  padding: var(--globals--paddings--pd-extra-small) var(--globals--paddings--pd-default);
  border-radius: var(--components--cards--border-radius--br-small);
  background-color: #0000;
  text-decoration: none;
  transition: background-color .3s, color .3s;
  display: block;
}

.template-pages---nav-item-link:hover {
  background-color: var(--globals--color--surfaces--03);
  color: var(--components--titles-paragraphs--text-titles);
}

.template-pages---nav-item-link.w--current {
  background-color: var(--globals--color--surfaces--07);
  color: var(--components--titles-paragraphs--text-light);
}

.flex {
  display: flex;
}

.sales-home---pages-container {
  margin-top: var(--globals--margins--mg-large);
  grid-row-gap: var(--globals--grid-gap--default);
  flex-direction: column;
  align-items: center;
  display: flex;
}

.sales-home---pages-row {
  grid-column-gap: var(--globals--grid-gap--default);
  grid-row-gap: var(--globals--grid-gap--default);
  justify-content: center;
  display: flex;
}

.sales-home---hero-link-wrapper {
  border: var(--globals--border-width--bw-default) solid var(--components--cards--border-color--br-color-default);
  border-radius: var(--components--images--border-radius--br-small);
  box-shadow: 0 1px 3px 0 var(--core--box-shadow--bs-neutral-small);
  transform-style: preserve-3d;
  flex: none;
  max-width: 340px;
  transition-property: transform;
  overflow: hidden;
}

.sales-home---hero-link-wrapper:hover {
  transform: scale3d(.98, .98, 1.01);
}

.text-and-image-card---image-wrapper {
  flex: 1;
  width: 55%;
}

.text-and-image-card---text-container {
  padding: var(--components--cards--paddings--pd-large) var(--components--cards--paddings--pd-medium) var(--components--cards--paddings--pd-large) var(--components--cards--paddings--pd-large);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  max-width: 490px;
  display: flex;
}

.max-width-64px {
  max-width: 64px;
}

.sales-home---surprises-image-wrapper {
  border: var(--globals--border-width--bw-default) solid var(--components--cards--border-color--br-color-default);
  border-radius: var(--components--images--border-radius--br-default);
  overflow: hidden;
}

.sales-home---cta-card-text-container {
  padding: var(--components--cards--paddings--pd-large) var(--components--cards--paddings--pd-large) var(--components--cards--paddings--pd-medium);
  flex-flow: column;
  flex: 1;
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.sales-home-cta-card-square-logo {
  margin-bottom: var(--globals--margins--mg-small);
  border: var(--globals--border-width--bw-default) solid var(--components--cards--border-color--br-color-default);
  box-shadow: 0 2px 4px 0 var(--core--box-shadow--bs-neutral-small);
  border-radius: 8px;
  max-width: 60px;
}

.sales-home---cta-card-image {
  min-width: 943px;
  max-width: 943px;
  margin-bottom: -38px;
}

.base-icon-font {
  font-family: var(--core--icon-family--base-font);
}

.base-icon-font._45dgr {
  transform-style: preserve-3d;
  transform: translate(1px)rotateX(0)rotateY(-180deg)rotateZ(0);
}

.bg-section-2 {
  background-color: var(--components--sections--backgrounds--bg-color-secondary);
}

.typography-badge-wrapper {
  grid-column-gap: var(--globals--gaps--gap-default);
  grid-row-gap: var(--globals--gaps--gap-default);
  align-items: center;
  display: flex;
}

.typography-card-top-content-wrapper {
  grid-column-gap: var(--globals--gaps--gap-default);
  grid-row-gap: var(--globals--gaps--gap-default);
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.bg-section-secondary {
  background-color: var(--components--sections--backgrounds--bg-color-secondary);
}

.utp---components-wrapper {
  grid-column-gap: var(--globals--grid-gap--default);
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: auto 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: grid;
}

.utp---buttons-sidebar-item-wrapper {
  padding-top: var(--components--cards--paddings--pd-large);
  padding-bottom: var(--components--cards--paddings--pd-large);
  grid-column-gap: var(--globals--grid-gap--large);
  grid-row-gap: var(--globals--grid-gap--large);
  grid-template-rows: 1fr;
  grid-template-columns: 1fr;
  grid-auto-rows: 1fr;
  grid-auto-columns: 1fr;
  place-items: center end;
  height: 100%;
  display: grid;
}

.utp---buttons-sidebar-item-wrapper.tablet {
  display: none;
}

.utp---buttons-sidebar-item-wrapper.badges {
  align-items: start;
}

.text-neutral {
  color: var(--components--titles-paragraphs--text-paragraphs);
}

.check-icon {
  border: var(--globals--border-width--bw-default) solid var(--globals--color--surfaces--07);
  background-image: linear-gradient(180deg, var(--components--button--gradient-top), var(--components--button--gradient-bottom));
  box-shadow: inset 0 -2.8px .5px 0 var(--components--button--shadow-inset-dark), inset 0 1.5px .5px 0 var(--components--button--shadow-inset-light), 0 2px 4px 0 var(--components--button--shadow-outset);
  font-family: var(--core--icon-family--line-rounded);
  color: var(--globals--color--texts--01);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1em;
  display: flex;
}

.check-icon.small {
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-height: 16px;
  font-size: 8px;
}

.check-icon.white {
  border-color: var(--globals--color--surfaces--01);
  background-color: var(--globals--color--surfaces--01);
  box-shadow: inset 0 -2.8px .5px 0 var(--core--colors--neutral--400), inset 0 3px .5px 0 var(--globals--color--surfaces--01), 0 2px 4px 0 var(--components--button--shadow-outset);
  color: var(--components--titles-paragraphs--text-titles);
  background-image: none;
}

.bullet-list-wrapper {
  grid-column-gap: var(--globals--gaps--gap-default);
  grid-row-gap: var(--globals--gaps--gap-default);
  flex-direction: column;
  margin-bottom: 0;
  padding-left: 20px;
  display: flex;
}

.radio-button-label {
  color: var(--components--titles-paragraphs--text-paragraphs);
  margin-bottom: 0;
}

.footer-title {
  margin-bottom: var(--globals--margins--mg-small);
  color: var(--components--titles-paragraphs--text-paragraphs);
  font-size: var(--core--font-size--displays--display-5);
  line-height: var(--core--line-height--regular);
  font-weight: 400;
}

.border-radius-image-small {
  border-radius: var(--components--images--border-radius--br-small);
}

.blog-details-wrapper-v1 {
  grid-column-gap: var(--globals--gaps--gap-default);
  grid-row-gap: var(--globals--gaps--gap-default);
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.dropodown-title {
  margin-bottom: var(--globals--margins--mg-small);
  color: var(--components--titles-paragraphs--text-light);
  font-size: var(--core--font-size--displays--display-3);
  line-height: var(--core--line-height--small);
  font-weight: 500;
}

.dropodown-title.dark {
  color: var(--components--titles-paragraphs--text-titles);
}

.start-here-image {
  margin-bottom: var(--globals--margins--mg-large);
  border: 1px solid var(--globals--border-color--border-3);
  border-radius: var(--components--images--border-radius--br-default);
  width: 100%;
}

.start-here-image.last {
  margin-bottom: 0;
}

.border-radius-image-default {
  border-radius: var(--components--images--border-radius--br-default);
}

.card-pages-included---bottom-content {
  padding: var(--components--cards--paddings--pd-default);
  text-align: center;
  flex-direction: column;
  display: flex;
}

.grid-pages {
  grid-column-gap: var(--globals--grid-gap--default);
  grid-row-gap: var(--globals--grid-gap--default);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.card-page---bottom-content {
  padding: var(--components--cards--paddings--pd-default);
  border-top: var(--components--cards--border-width--bw-regular) solid var(--components--cards--border-color--br-color-default);
}

.popup-overlay-bg {
  background-color: var(--globals--color--surfaces--06);
  opacity: .8;
  position: absolute;
  inset: 0%;
}

.search-grid-wrapper {
  grid-column-gap: var(--globals--grid-gap--default);
  grid-row-gap: var(--globals--grid-gap--default);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.empty-state-message {
  padding: var(--components--cards--paddings--pd-small);
  border: var(--components--cards--border-width--bw-regular) solid var(--components--cards--border-color--br-color-secondary);
  border-radius: var(--components--cards--border-radius--br-regular);
  background-color: var(--components--cards--background-color--bg-color-secondary);
  text-align: center;
}

.empty-state-message.alt---text {
  border-radius: var(--components--cards--border-radius--br-none);
  background-color: var(--transparent);
  color: var(--components--titles-paragraphs--text-titles);
  border-style: none;
  margin-top: 0;
  padding: 0;
}

.empty-state-message.alt---text.pd-top---bottom {
  padding-top: var(--globals--paddings--pd-medium);
  padding-bottom: var(--globals--paddings--pd-medium);
}

.text-break-all {
  word-break: break-all;
}

.mg-bottom-24px {
  margin-bottom: 24px;
}

.checkout-form {
  background-color: #0000;
  min-height: auto;
  padding: 0;
}

.capitalize-every-word {
  text-transform: capitalize;
}

.checkout-block-header {
  padding: 0px 0px var(--components--cards--paddings--pd-small);
  grid-column-gap: var(--globals--gaps--gap-large);
  border-style: none none solid;
  border-bottom-color: var(--globals--border-color--border-3);
  background-color: #0000;
  flex-flow: wrap-reverse;
}

.checkout-block-content {
  padding: var(--components--cards--paddings--pd-default) 0px 0px;
  background-color: #0000;
  border: 1px #000;
}

.checkout-block-content.pd-top-0px {
  padding-top: 0;
}

.cart-button {
  color: var(--components--links--text-color--text-dark);
  white-space: nowrap;
  background-color: #0000;
  padding: 0;
  transition-property: none;
}

.cart-button:hover {
  color: var(--components--links--text-color--text-dark);
}

.cart-button.v2 {
  color: var(--components--titles-paragraphs--text-paragraphs);
}

.cart-quantity {
  color: var(--components--links--text-color--text-dark);
  font-size: var(--core--font-size--displays--display-2);
  line-height: var(--core--line-height--regular);
  min-width: auto;
  height: auto;
  margin-left: 0;
  padding-left: 0;
  padding-right: 0;
  font-weight: 400;
}

.cart-quantity.v2 {
  color: var(--components--titles-paragraphs--text-paragraphs);
}

.cart-container {
  padding: var(--globals--paddings--pd-default) var(--globals--paddings--pd-medium);
  box-shadow: none;
  background-color: #0000;
  max-width: 600px;
}

.button-icon-right {
  color: var(--components--buttons-primary--text--text-dark-mode);
  background-image: linear-gradient(225deg, #ffe254 16%, #ffba49 45%, #ffbb53 84%);
  border-radius: 50%;
  order: -1;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  font-weight: 600;
  display: flex;
  box-shadow: inset 0 -1px .7px #f178ae, inset 2px -4px 4px #e9715f99, inset -2px 2px 1.6px #fff6b566, inset 0 -1px 3px #f36e7e80;
}

.button-icon-right.small {
  width: 28px;
  height: 28px;
}

.header-container.sticky-alt {
  z-index: 2147483647;
  padding-top: var(--globals--margins--mg-default);
  position: relative;
  top: 0;
}

.card-menu-wrapper {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
}

.card-menu {
  z-index: 1;
  border-radius: var(--core--border-radius--br-size-4);
  background-color: var(--globals--color--surfaces--07);
  text-align: left;
  max-width: 564px;
  max-height: 88dvh;
  margin-left: auto;
  padding: 80px 64px;
  display: block;
  position: relative;
  overflow: auto;
}

.card-menu---top-content {
  grid-column-gap: var(--globals--gaps--gap-medium);
  grid-row-gap: var(--globals--gaps--gap-medium);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.availability-wrapper {
  grid-column-gap: var(--globals--gaps--gap-small);
  grid-row-gap: var(--globals--gaps--gap-small);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.availability-wrapper.center {
  color: var(--globals--color--surfaces--06);
  font-size: var(--core--font-size--displays--display-1);
  justify-content: center;
  align-items: center;
  font-weight: 500;
}

.availability-icon {
  border: var(--globals--border-width--bw-default) solid #1fa845;
  background-image: linear-gradient(#c8ffd8, #49da71);
  border-radius: 50%;
  width: 18px;
  min-width: 18px;
  height: 18px;
  min-height: 18px;
  box-shadow: inset 0 -2.8px 1.7px #47c369, inset 0 2px .5px #fff9;
}

.availability-icon.v2 {
  box-shadow: 0 2px 4px #24cb4999, inset 0 -2.8px 1.7px #47c369, inset 0 2px .5px #fff9;
}

.card-menu---close-button {
  background-image: linear-gradient(180deg, var(--globals--color--surfaces--01), #cdcdcd);
  font-family: var(--core--icon-family--line-rounded);
  -webkit-text-fill-color: transparent;
  cursor: pointer;
  transform-style: preserve-3d;
  -webkit-background-clip: text;
  background-clip: text;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  font-size: 40px;
  font-weight: 400;
  transition: transform .3s;
  display: flex;
}

.card-menu---close-button:hover {
  transform: scale3d(.9, .9, 1.01);
}

.card-menu---links-wrapper {
  grid-column-gap: var(--globals--gaps--gap-large);
  grid-row-gap: var(--globals--gaps--gap-large);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.card-menu---link {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  background-image: linear-gradient(180deg, var(--components--links--gradient-top), var(--components--links--gradient-bottom));
  font-size: var(--core--font-size--displays--display-5);
  line-height: var(--core--line-height--regular);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  justify-content: flex-start;
  align-items: center;
  font-weight: 500;
  text-decoration: none;
  display: flex;
}

.card-menu---link.toogle {
  margin-left: 0;
  margin-right: auto;
  padding: 0;
}

.card-menu---link.toogle.w--open {
  margin-left: 0;
  margin-right: auto;
}

.card-menu---link.v2 {
  transform-style: preserve-3d;
  transition: transform .3s, color .3s;
}

.card-menu---link.v2:hover {
  transform: translate3d(4px, 0, .01px);
}

.card-menu---pages-grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  place-items: stretch start;
}

.text-link {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  align-items: flex-start;
  text-decoration: none;
  transition: transform .3s;
  display: block;
  position: relative;
  overflow: hidden;
}

.text-link:hover {
  transform: translate(5px);
}

.text-link.light {
  color: var(--components--links--text-color--text-light);
}

.text-link.light:hover {
  color: var(--globals--color--surfaces--05);
}

.text-link.light.text-decoration-none {
  transition: transform .3s;
}

.text-link.light.text-decoration-none:hover {
  transform: translate(0, -2px);
}

.text-link.strong {
  font-weight: 600;
}

.text-link.alt-v2 {
  border-bottom: var(--core--border-width--bw-size-2) solid var(--components--links--text-color--text-dark);
  padding-bottom: 1px;
  text-decoration: none;
  transition: transform .3s, border-color .3s, color .3s;
}

.text-link.alt-v2:hover {
  border-bottom-color: var(--components--titles-paragraphs--text-paragraphs);
  color: var(--globals--color--surfaces--05);
  transform: translate(0, -2px);
}

.text-link.alt-v2.light {
  border-bottom-color: var(--components--divider--border-color--border-default);
}

.text-link.alt-v2.light:hover {
  border-bottom-color: var(--globals--color--surfaces--05);
}

.footer-middle {
  padding-top: var(--components--sections--paddings--pd-medium);
  padding-bottom: var(--components--popups--border-radius--br-large);
  border-bottom: var(--globals--border-width--bw-default) solid var(--components--divider--border-color--border-tertiary);
}

.footer-top-content-v1 {
  grid-column-gap: var(--globals--grid-gap--default);
  grid-row-gap: var(--globals--grid-gap--default);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.main-pages-grid---header-v1 {
  grid-column-gap: var(--globals--grid-gap--default);
  grid-row-gap: var(--globals--grid-gap--default);
  grid-template-rows: auto;
  grid-template-columns: auto auto;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.dropdown-arrow-wrapper {
  background-image: linear-gradient(180deg, var(--components--links--gradient-top), var(--components--links--gradient-bottom));
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.left-icon {
  background-image: linear-gradient(180deg, var(--components--links--gradient-top), var(--components--links--gradient-bottom));
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  text-decoration: none;
  display: inline-flex;
}

.heading-wrapper.center {
  text-align: center;
}

.heading-wrapper.center.alt-v2 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.heading-icon {
  float: left;
  max-width: 80px;
  margin-top: 6px;
  margin-right: 8px;
}

.heading-icon.small {
  max-width: 34px;
}

.heading-icon.medium {
  max-width: 64px;
}

.heading-icon._48px {
  max-width: 48px;
}

.heading-icon._48px.alt {
  margin-top: 0;
  margin-right: 0;
}

.heading-icon.right {
  margin-top: 6px;
  margin-left: 8px;
  margin-right: 0;
}

.heading-icon.alt-v2 {
  max-width: 64px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
}

.text-gradient {
  background-image: linear-gradient(180deg, var(--components--links--gradient-top), var(--components--links--gradient-bottom));
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.footer-content-left---content-v1 {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 100%;
  display: flex;
}

.avatar-circle {
  border: var(--globals--border-width--bw-default) solid var(--core--colors--neutral--700);
  background-image: linear-gradient(180deg, var(--components--button--gradient-top), var(--components--button--gradient-bottom));
  box-shadow: inset 0 -3px 4px 0 var(--components--button--shadow-inset-dark), inset 0 1.3px 2.2px 0 var(--components--button--shadow-inset-light), 0 2px 4px 0 var(--components--button--shadow-outset);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  display: flex;
  position: relative;
}

.footer-links-wrapper {
  grid-column-gap: var(--globals--grid-gap--medium);
  grid-row-gap: var(--globals--grid-gap--medium);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  display: grid;
}

.footer-pages-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: 1fr;
  align-self: auto;
  align-items: start;
  display: block;
}

.main-pages-grid---footer-v1 {
  grid-column-gap: var(--globals--grid-gap--large);
  grid-row-gap: var(--globals--grid-gap--large);
  grid-template-rows: auto;
  grid-template-columns: auto auto;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.highlighted-icon {
  max-width: 24px;
}

.bg-section-primary {
  background-color: var(--components--sections--backgrounds--bg-color-default);
}

.cart-wrapper {
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  background-color: #fafafa99;
}

.cart-header {
  padding: var(--components--cards--paddings--pd-default);
  border-bottom-width: var(--globals--border-width--bw-default);
  border-bottom-color: var(--components--divider--border-color--border-default);
}

.close-button {
  color: var(--components--links--text-color--text-dark);
  -webkit-text-stroke-width: 1px;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  font-size: 24px;
  line-height: 1em;
  text-decoration: none;
  transition: transform .3s, color .3s;
  display: flex;
}

.close-button:hover {
  transform: scale(1.1);
}

.pay-button {
  border-radius: var(--components--buttons--border-radius--br-pill);
  height: 48px;
  margin-bottom: 0;
}

.cart-footer {
  padding: var(--components--cards--paddings--pd-medium) var(--components--cards--paddings--pd-default) var(--components--cards--paddings--pd-large);
  border-top-width: var(--globals--border-width--bw-default);
  border-top-color: var(--components--divider--border-color--border-default);
}

.cart-list {
  padding: var(--components--cards--paddings--pd-default);
}

.footer-top-content-v2 {
  grid-column-gap: var(--globals--gaps--gap-large);
  grid-row-gap: var(--globals--gaps--gap-large);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.link-wrapper---footer-v2 {
  grid-column-gap: var(--globals--gaps--gap-large);
  grid-row-gap: var(--globals--gaps--gap-default);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.footer-link-v2 {
  color: var(--components--links--text-color--text-dark);
  font-size: var(--core--font-size--displays--display-6);
  line-height: var(--core--line-height--regular);
  font-weight: 500;
  text-decoration: none;
}

.footer-link-v2:hover {
  color: var(--components--titles-paragraphs--text-paragraphs);
}

.footer-right-content---footer-v2 {
  grid-column-gap: var(--globals--gaps--gap-large);
  grid-row-gap: var(--globals--gaps--gap-large);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.social-media-icon-grid {
  grid-column-gap: var(--globals--gaps--gap-default);
  grid-row-gap: var(--globals--gaps--gap-default);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.card-frame {
  border: var(--globals--border-width--bw-default) solid var(--components--cards--background-color--bg-color-default);
  background-color: var(--globals--color--surfaces--01);
  border-radius: 20px;
  padding: 12px;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 4px .5px #fff, inset 0 -2.4px 5.7px #e4e4e4, 0 3px 12px #0003;
}

.card-frame.hero-card---v1 {
  width: 100%;
  padding: 8px 8px 16px;
  transform: rotate(6deg);
  box-shadow: inset 0 4px .5px #fff, inset 0 -2.4px 5.7px #e4e4e4;
}

.card-frame.rotate-6deg {
  transform: rotate(6deg);
}

.card-frame.rotate--6deg {
  transform: rotate(-6deg);
}

.card-frame.rotate--16deg {
  transform: rotate(-16deg);
}

.card-frame.about-card-frame {
  width: 100%;
  max-width: 484px;
}

.card-frame-image {
  object-fit: cover;
  border-radius: 16px;
  width: 100%;
}

.card-frame-image.coming-soon-image {
  border-radius: 16px;
  overflow: hidden;
  transform: rotate(6deg);
  box-shadow: inset 0 8px 18px #e3e3e340;
}

.availability-card-text {
  line-height: var(--core--line-height--small);
}

.card-frame-dot {
  background-color: var(--globals--color--surfaces--02);
  border-radius: 50%;
  width: 16px;
  height: 16px;
  padding: 0;
  position: absolute;
  top: 24px;
  right: 24px;
  box-shadow: inset -1px 0 2.3px #81818140;
}

.card-frame-dot.left {
  top: 24px;
  left: 24px;
  right: auto;
}

.badge-image.rotate--4deg {
  display: block;
  transform: rotate(-4deg);
}

.badge-image.rotate--8deg {
  transform: rotate(-8deg);
}

.badge-image.rotate-8deg {
  transform: rotate(8deg);
}

.badge-image.rotate--16deg {
  transform: rotate(-16deg);
}

.badge-image.rotate-30deg {
  transform: rotate(30deg);
}

.hero-bottom-content-wrapper---v1 {
  margin-top: 80px;
}

.hero-marquee {
  padding-right: var(--globals--gaps--gap-large);
  grid-column-gap: var(--globals--gaps--gap-large);
  grid-row-gap: var(--globals--gaps--gap-large);
  flex-flow: row;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.caruosel-image-wrapper {
  border-radius: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  display: flex;
  overflow: hidden;
  box-shadow: 0 2px 8px #0000001a;
}

.caruosel-image-wrapper.small {
  border-radius: var(--globals--border-radius--br-small);
  min-width: 280px;
  max-width: 280px;
}

.caruosel-image-wrapper._336px {
  min-width: 336px;
  max-width: 336px;
}

.hero-marquee-gradient---left {
  background-image: linear-gradient(90deg, var(--globals--color--surfaces--01), transparent);
  width: 35%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.hero-marquee-gradient---right {
  background-image: linear-gradient(270deg, var(--globals--color--surfaces--01), transparent);
  width: 35%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.about-text-wrapper {
  display: inline;
  position: relative;
}

.about-text-badge {
  background-image: url('../images/colombia-badge-pablo-pineda-portfolio.png');
  background-size: cover;
  width: 72px;
  min-width: 72px;
  height: 43px;
  margin-top: -3%;
  display: inline-flex;
  transform: translate(4px, 18px)rotate(-4deg);
}

.card-project-v1---content-wrapper {
  z-index: 2;
  grid-column-gap: var(--globals--grid-gap--default);
  grid-row-gap: var(--globals--grid-gap--default);
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: relative;
}

.card-project-v1---left-contet {
  padding: var(--components--cards--paddings--pd-large) var(--components--cards--paddings--pd-default);
  grid-column-gap: var(--globals--grid-gap--large);
  grid-row-gap: var(--globals--grid-gap--large);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.card-project-v1---bg {
  background-image: linear-gradient(270deg, #f9f9f980, #fafafa80);
  position: absolute;
  inset: 0%;
}

.card-project-v1---arrow-wrapper {
  z-index: 3;
  position: absolute;
  top: 24px;
  right: 24px;
}

.card-arrow {
  border: var(--globals--border-width--bw-default) solid var(--globals--color--surfaces--07);
  background-image: linear-gradient(180deg, var(--components--button--gradient-top), var(--components--button--gradient-bottom));
  box-shadow: inset 0 -2.5px .5px 0 var(--components--button--shadow-inset-dark), inset 0 1.5px .5px 0 var(--components--button--shadow-inset-light), 0 2px 4px 0 var(--components--button--shadow-outset);
  color: var(--components--titles-paragraphs--text-light);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  font-size: 16px;
  line-height: 1em;
  display: flex;
}

.service-card-v1---top-banner-light {
  border-bottom: var(--globals--border-width--bw-default) solid var(--globals--border-color--border-2);
  box-shadow: inset 0 4px .5px 0 var(--globals--color--surfaces--01);
  background-image: linear-gradient(270deg, #f9f9f9, #fafafa);
  height: 48px;
}

.service-card---content {
  padding: var(--components--cards--paddings--pd-default) var(--components--cards--paddings--pd-medium) var(--core--sizes--size-7);
  grid-column-gap: 102px;
  grid-row-gap: 102px;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  height: 100%;
  min-height: 392px;
  display: flex;
}

.service-card---content.v2, .service-card---content.v3 {
  padding-right: var(--components--cards--paddings--pd-default);
  padding-left: var(--components--cards--paddings--pd-default);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  flex: 1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  min-height: auto;
  display: flex;
}

.service-card-v1---top-content {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.service-card-icon {
  box-shadow: 0 2px 4px 0 var(--core--box-shadow--bs-neutral-regular);
  border-radius: 12px;
  min-width: 56px;
  max-width: 56px;
  min-height: 56px;
  max-height: 56px;
}

.service-feature-grid {
  grid-column-gap: var(--globals--gaps--gap-small);
  grid-row-gap: var(--globals--gaps--gap-small);
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

.service-feature-grid.v2, .service-feature-grid.v3 {
  width: 100%;
  max-width: 285px;
}

.service-card-v1---top-banner-dark {
  background-color: var(--globals--color--surfaces--07);
  opacity: 0;
  background-image: linear-gradient(#636363bf, #242425bf);
  position: absolute;
  inset: 0%;
  box-shadow: inset 0 3px 2px #ffffffd6;
}

.testimonial-author-wrapper {
  grid-column-gap: var(--globals--gaps--gap-medium);
  grid-row-gap: var(--globals--gaps--gap-medium);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.testimonial-avatar {
  border-radius: 50%;
  min-width: 64px;
  max-width: 64px;
  min-height: 64px;
  max-height: 64px;
  overflow: hidden;
}

.testimonial-left-content---v1 {
  width: 39%;
  max-width: 472px;
  padding-bottom: 80px;
}

.slider-wrapper---testimonial-v1 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 64%;
  max-width: 688px;
}

.testimonial-grid-v1-wrapper {
  grid-column-gap: var(--globals--grid-gap--medium);
  grid-row-gap: var(--globals--grid-gap--medium);
  grid-template-rows: auto;
  grid-template-columns: 1fr .6fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.gradient-title {
  background-image: linear-gradient(0deg, #cdcdcd, var(--globals--color--surfaces--01));
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.cta-v1---marquee-container {
  grid-column-gap: var(--globals--grid-gap--default);
  grid-row-gap: var(--globals--grid-gap--default);
  transform-style: preserve-3d;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 585px;
  display: flex;
  position: absolute;
  inset: 0%;
  transform: translate3d(-47px, 0, .01px)rotate(-15deg);
}

.cta-main---marquee-wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.cta-main---marquee {
  padding-bottom: var(--globals--gaps--gap-large);
  grid-column-gap: var(--globals--gaps--gap-large);
  grid-row-gap: var(--globals--gaps--gap-large);
  flex-flow: column;
  display: flex;
}

.cta-v1---gradient-right {
  background-image: linear-gradient(90deg, #12131614, var(--globals--color--surfaces--07));
  position: absolute;
  inset: -100% -1%;
}

.cta-v1---gradient-left {
  background-image: linear-gradient(270deg, #12131614 70%, var(--globals--color--surfaces--07));
  position: absolute;
  inset: -1%;
}

.product-card-v1 {
  color: var(--components--titles-paragraphs--text-paragraphs);
  flex-flow: column;
  text-decoration: none;
  display: flex;
}

.product-card-v1:hover {
  color: var(--components--titles-paragraphs--text-paragraphs);
}

.product-card-v1---badge-wrapper {
  position: absolute;
  inset: 20px 20px auto auto;
}

.hero-content---v2 {
  z-index: 2;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.about-section---image-container {
  position: relative;
}

.about-section-content---v2 {
  z-index: 1;
  text-align: center;
  max-width: 593px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.project-slider---v2 {
  margin-right: var(--globals--margins--mg-default);
}

.card-project-v2---content-wrapper {
  padding: var(--components--cards--paddings--pd-default);
  flex-flow: column;
  flex: 1;
  justify-content: space-between;
  display: flex;
}

.card-project-v2---details-wrapper {
  grid-column-gap: var(--globals--gaps--gap-large);
  grid-row-gap: var(--globals--gaps--gap-large);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.service-card-v2---left-content {
  grid-column-gap: var(--globals--gaps--gap-large);
  grid-row-gap: var(--globals--gaps--gap-large);
  flex-flow: column;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.center-content {
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.cta-v2---top-marquee-wrapper {
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: absolute;
  inset: -26% 0% auto;
  transform: rotate(-5deg);
}

.cta-v2---marquee {
  padding-right: var(--globals--gaps--gap-large);
  grid-column-gap: var(--globals--gaps--gap-large);
  grid-row-gap: var(--globals--gaps--gap-large);
  flex-flow: row;
  display: flex;
}

.cta-v2---bottom-marquee-wrapper {
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: absolute;
  inset: auto 0% -26%;
  transform: rotate(-5deg);
}

.stack-card-container {
  grid-column-gap: var(--globals--gaps--gap-large);
  grid-row-gap: var(--globals--gaps--gap-large);
  flex-flow: column;
  display: flex;
}

.stack-card {
  position: sticky;
  top: 32px;
}

.stack-card._02 {
  top: 72px;
}

.stack-card._03 {
  top: 112px;
}

.testimonial-card-v2---avatar-wrapper {
  border-radius: 50%;
  flex: none;
  max-width: 180px;
  overflow: hidden;
}

.post-card-v1---content-wrapper {
  padding: var(--components--cards--paddings--pd-default) var(--components--cards--paddings--pd-small);
  grid-column-gap: var(--globals--gaps--gap-large);
  grid-row-gap: var(--globals--gaps--gap-large);
  flex-flow: column;
  flex: 1;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  max-width: 364px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.post-card-v1---details-wrapper {
  grid-column-gap: var(--globals--gaps--gap-medium);
  grid-row-gap: var(--globals--gaps--gap-medium);
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.about-image-container---v3 {
  width: 100%;
  max-width: 624px;
  padding-top: 18px;
  position: relative;
}

.cta-v2---marquee-container {
  grid-column-gap: var(--globals--gaps--gap-large);
  grid-row-gap: var(--globals--gaps--gap-large);
  flex-flow: row;
  justify-content: flex-end;
  align-items: stretch;
  width: 585px;
  margin-left: auto;
  display: flex;
  position: absolute;
  inset: 0%;
  transform: rotate(15deg);
}

.cta-v2---gradient-left {
  background-image: linear-gradient(270deg, #12131614, var(--globals--color--surfaces--07));
  position: absolute;
  inset: -100% 0% -100% -1%;
}

.cta-v2---gradient-right {
  background-image: linear-gradient(90deg, #12131614 62%, var(--globals--color--surfaces--07));
  position: absolute;
  inset: -100% -1% -100% 0%;
}

.testimonial-marquee-container---v3 {
  grid-column-gap: var(--globals--gaps--gap-large);
  grid-row-gap: var(--globals--gaps--gap-large);
  flex-flow: column;
  display: flex;
}

.testimonial-marquee-wrapper---v3 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.testimonial-marquee---v3 {
  padding-right: var(--globals--gaps--gap-large);
  grid-column-gap: var(--globals--gaps--gap-large);
  grid-row-gap: var(--globals--gaps--gap-large);
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.testimonial-card-v3---top-content {
  grid-column-gap: var(--globals--gaps--gap-medium);
  grid-row-gap: var(--globals--gaps--gap-medium);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.testimonial-card-v3---avatar-wrapper {
  grid-column-gap: var(--globals--gaps--gap-default);
  grid-row-gap: var(--globals--gaps--gap-default);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.post-card-featured-v1---content-wrapper {
  padding-top: var(--components--cards--paddings--pd-large);
  padding-bottom: var(--components--cards--paddings--pd-large);
  width: 100%;
  max-width: 463px;
}

.post-card-featured-v1---details-wrapper {
  grid-column-gap: var(--globals--gaps--gap-medium);
  grid-row-gap: var(--globals--gaps--gap-medium);
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.mg-top-section {
  margin-top: var(--components--sections--paddings--pd-large);
}

.story---grid {
  grid-column-gap: var(--globals--grid-gap--default);
  grid-row-gap: var(--globals--grid-gap--default);
  grid-template-rows: auto;
}

.skills-icon {
  max-width: 46px;
  margin: -4px;
}

.resume-card-wrapper {
  grid-column-gap: var(--globals--gaps--gap-medium);
  grid-row-gap: var(--globals--gaps--gap-medium);
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.resume-icon {
  flex: none;
  min-width: 48px;
  max-width: 48px;
  min-height: 48px;
  max-height: 48px;
}

.resume-card---content-wrapper {
  width: 100%;
}

.resume-card---details-wrapper {
  grid-column-gap: var(--globals--gaps--gap-medium);
  grid-row-gap: var(--globals--gaps--gap-medium);
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.resume-card---details-wrapper.center {
  justify-content: space-between;
  align-items: center;
}

.label {
  color: var(--components--titles-paragraphs--text-titles);
  line-height: var(--core--line-height--regular);
  margin-bottom: 12px;
  font-weight: 500;
}

.form.input-form {
  min-height: 112px;
}

.accordion-item-bg {
  background-color: var(--globals--color--surfaces--01);
  opacity: 0;
  position: absolute;
  inset: 0%;
}

.contact-links-wrapper-v1 {
  grid-column-gap: var(--globals--grid-gap--large);
  grid-row-gap: var(--globals--grid-gap--large);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.contact-link {
  grid-column-gap: var(--globals--gaps--gap-default);
  grid-row-gap: var(--globals--gaps--gap-default);
  justify-content: flex-start;
  align-self: flex-end;
  align-items: flex-start;
  display: flex;
}

.contact-link.v2 {
  justify-content: flex-start;
  align-items: flex-start;
}

.contact-icon {
  max-height: 50px;
}

.hero-top-content---contact-v2 {
  grid-column-gap: var(--globals--gaps--gap-extra-large);
  grid-row-gap: var(--globals--gaps--gap-extra-large);
  flex-flow: wrap;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.hero-top-left-content---contact-v3 {
  grid-column-gap: var(--globals--gaps--gap-default);
  grid-row-gap: var(--globals--gaps--gap-default);
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 755px;
  display: flex;
}

.logo-wrapper---project-single {
  grid-column-gap: var(--globals--gaps--gap-default);
  grid-row-gap: var(--globals--gaps--gap-default);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.project-icon {
  border-radius: var(--globals--border-radius--br-small);
  max-width: 64px;
  overflow: hidden;
}

.gallery-grid-wrapper {
  grid-column-gap: var(--globals--grid-gap--default);
  grid-row-gap: var(--globals--grid-gap--default);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  place-items: stretch stretch;
}

.gallery-image---wrapper {
  width: 100%;
  height: 100%;
}

.gallery-image---wrapper.small {
  border-radius: var(--globals--border-radius--br-default);
  width: 100%;
  overflow: hidden;
}

.gallery-image---wrapper.medium {
  border-radius: var(--globals--border-radius--br-medium);
  overflow: hidden;
}

.product-card-v2---arrow-wrapper {
  z-index: 1;
  border-radius: var(--components--buttons--border-radius--br-pill);
  box-shadow: 0 5px 3px 0 var(--core--box-shadow--bs-neutral-large);
  position: absolute;
  inset: 12px 12px auto auto;
}

.shop-card-v2---details-wrapper {
  grid-column-gap: var(--globals--gaps--gap-default);
  grid-row-gap: var(--globals--gaps--gap-default);
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.product-details-wrapper {
  grid-column-gap: var(--globals--gaps--gap-medium);
  grid-row-gap: var(--globals--gaps--gap-tiny);
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.product-gallery-image-wrapper {
  border-radius: var(--globals--border-radius--br-small);
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  display: flex;
  overflow: hidden;
}

.display-prices-wrapper {
  grid-column-gap: var(--globals--gaps--gap-default);
  grid-row-gap: var(--globals--gaps--gap-tiny);
  flex-flow: wrap;
  align-items: flex-end;
  display: flex;
}

.category-badge {
  border-radius: var(--components--buttons--border-radius--br-pill);
  line-height: var(--core--line-height--regular);
  text-align: center;
  transform-style: preserve-3d;
  padding: 8px 12px;
  text-decoration: none;
  transition: transform .3s, color .3s;
}

.category-badge:hover {
  color: var(--components--titles-paragraphs--text-paragraphs);
  transform: scale3d(.96, .96, 1.01);
}

.category-badge.w--current {
  border: var(--globals--border-width--bw-default) solid var(--globals--color--surfaces--06);
  background-image: linear-gradient(180deg, var(--components--button--gradient-top), var(--components--button--gradient-bottom));
  box-shadow: inset 0 -2.8px .5px 0 var(--components--button--shadow-inset-dark), inset 0 1.5px 1px 0 var(--components--button--shadow-inset-light), 0 2px 4px 0 var(--components--button--shadow-outset);
  color: var(--components--links--text-color--text-light);
}

.category-badge.w--current:hover {
  transform: scale3d(1, 1, 1.01);
}

.left-content {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.shipping-method {
  border-bottom-width: var(--globals--border-width--bw-default);
  border-bottom-color: var(--globals--border-color--border-3);
  padding: 20px 0;
}

.shipping-method:last-child {
  border-bottom-style: none;
  padding-bottom: 0;
}

.shipping-method-list {
  border-left-style: none;
  border-right-style: none;
}

.text-neutral-light {
  color: var(--components--titles-paragraphs--text-neutral-light);
}

.text-no-wrap {
  white-space: nowrap;
}

.color-neutral-700 {
  color: var(--core--colors--neutral--700);
}

._w-h-100 {
  width: 100%;
  height: 100%;
  min-height: 100%;
}

.feature-icon {
  min-width: 32px;
  max-width: 32px;
  min-height: 32px;
  max-height: 32px;
  margin-bottom: -3px;
  margin-left: -3px;
  margin-right: -3px;
}

.z-index-1 {
  z-index: 1;
  position: relative;
}

.product-card-v1---content {
  flex: 1;
  max-width: 362px;
  padding-top: 20px;
}

.footer-top-content-v1-title {
  flex: 1;
}

.footer-top-v1 {
  padding-top: var(--components--footers--paddings--pd-extra-large);
  padding-bottom: var(--components--footers--paddings--pd-extra-large);
  border-bottom: var(--globals--border-width--bw-default) solid var(--components--divider--border-color--border-tertiary);
}

.footer-logo---wrapper {
  width: 100%;
  max-width: 134px;
}

.v1-footer-bottom-content-wrapper {
  grid-column-gap: var(--globals--grid-gap--default);
  grid-row-gap: var(--globals--grid-gap--default);
  text-align: right;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.v1-logo-wrapper {
  width: 100%;
  max-width: 134px;
}

.cart-line-item {
  margin-bottom: var(--globals--margins--mg-default);
  grid-column-gap: var(--globals--gaps--gap-medium);
  flex-flow: wrap;
}

.cart-empty-state {
  padding-right: var(--globals--paddings--pd-medium);
  padding-left: var(--globals--paddings--pd-medium);
  grid-column-gap: var(--globals--gaps--gap-medium);
  grid-row-gap: var(--globals--gaps--gap-medium);
  text-align: center;
  flex-flow: column;
}

.cart-item---image-wrapper {
  margin-right: var(--globals--margins--mg-small);
  margin-bottom: var(--globals--margins--mg-small);
  border-radius: var(--core--border-radius--br-size-3);
  width: 100%;
  max-width: 70px;
  transition-property: opacity;
  overflow: hidden;
}

.cart-item---image-wrapper:hover {
  opacity: .6;
}

.cart-item {
  justify-content: space-between;
  align-items: flex-start;
}

.cart-item-content {
  margin-left: 0;
  margin-right: 0;
}

.cart-item-content---main {
  margin-right: var(--globals--margins--mg-small);
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.logo-strip-wrapper---grid {
  grid-column-gap: var(--globals--grid-gap--medium);
  grid-row-gap: var(--globals--grid-gap--medium);
  grid-template-rows: auto;
  grid-template-columns: auto auto auto auto auto auto;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: grid;
}

.title-and-arrows {
  margin-right: 200px;
}

.service-card-v2---content {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex: 1;
  justify-content: space-between;
  width: 100%;
  max-width: 502px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.testimonial-card-v2---logo {
  width: 100%;
  max-width: 161px;
}

.about-container---v3 {
  width: 100%;
  max-width: 475px;
}

.project-card-v3 {
  color: var(--components--titles-paragraphs--text-paragraphs);
  flex-flow: column;
  text-decoration: none;
  display: flex;
}

.project-card-v3:hover {
  color: var(--components--titles-paragraphs--text-paragraphs);
}

.project-card-v3---content {
  flex: 1;
  padding-top: 20px;
}

.position-sticky {
  position: sticky;
  top: 20px;
}

.service-card-v3---content {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex: 1;
  justify-content: space-between;
  width: 100%;
  max-width: 582px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.service-card-v3---left-content {
  grid-column-gap: var(--globals--gaps--gap-large);
  grid-row-gap: var(--globals--gaps--gap-large);
  flex-flow: column;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.hero-section---v4---content {
  width: 100%;
  max-width: 612px;
}

.career-content {
  width: 100%;
  max-width: 583px;
}

.text-area-wrapper {
  min-width: 100%;
  max-width: 100%;
}

.form-block---main {
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  min-height: 568px;
  margin-bottom: 0;
  display: flex;
}

.contact-form-grid-v1 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  justify-items: start;
}

.accordion-icon {
  min-width: 32px;
  max-width: 32px;
  min-height: 32px;
  max-height: 32px;
  margin-bottom: -3px;
  margin-left: -3px;
  margin-right: -3px;
}

.mg-bottom--16px {
  margin-bottom: -16px;
}

.product-card-v2---content {
  width: 100%;
  max-width: 344px;
}

.product-page---main {
  grid-column-gap: var(--globals--gaps--gap-extra-large);
  grid-row-gap: var(--globals--gaps--gap-extra-large);
  flex-flow: column;
  width: 100%;
  max-width: 545px;
  margin-left: auto;
  display: flex;
}

.price-strikethrough {
  font-size: var(--core--font-size--displays--display-5);
  margin-bottom: 10px;
  font-weight: 500;
  text-decoration: line-through;
}

.product-button-text {
  position: absolute;
  left: 24px;
}

.button-group-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr .75fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.button-group-grid.option-list {
  grid-template-columns: 1fr;
  width: 100%;
  min-height: 100%;
  margin-bottom: 0;
}

.add-cart-block {
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  min-height: 141px;
  display: flex;
}

.blog-grid---wrapper {
  width: 100%;
  max-width: 751px;
}

.input-form-block---btn-bottom {
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  min-height: 114px;
  margin-bottom: 0;
  display: flex;
}

.blog-grid---column {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: column;
  width: 100%;
  max-width: 380px;
  display: flex;
}

.blog-grid---column---content-top {
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.mg-top-section-extra-large {
  margin-top: 120px;
}

.input-form-block---btn-inside {
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  min-height: 72px;
  margin-bottom: 0;
  display: flex;
}

.input-form-block---btn-inside._463px {
  width: 463px;
}

.blog-details-wrapper---page {
  margin-bottom: var(--globals--margins--mg-small);
  grid-column-gap: var(--globals--gaps--gap-medium);
  grid-row-gap: var(--globals--gaps--gap-medium);
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.wrap-anywhere-word {
  overflow-wrap: anywhere;
}

.v3-footer-bottom-content-wrapper {
  grid-column-gap: var(--globals--grid-gap--default);
  grid-row-gap: var(--globals--grid-gap--default);
  text-align: right;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.search-content-top {
  width: 100%;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.mg-right-0px {
  margin-right: 0;
}

.order-summary-line-item {
  grid-column-gap: var(--globals--gaps--gap-large);
  flex-flow: wrap;
  justify-content: space-between;
  display: flex;
}

.billing-address-toggle {
  align-items: center;
}

.order-item---image-wrapper {
  margin-right: var(--globals--margins--mg-small);
  margin-bottom: var(--globals--margins--mg-small);
  border-radius: var(--core--border-radius--br-size-3);
  width: 100%;
  max-width: 70px;
  transition-property: opacity;
  overflow: hidden;
}

.order-item---image-wrapper:hover {
  opacity: .6;
}

.order-item---content {
  margin-left: 0;
  margin-right: 0;
}

.order---item {
  border-bottom: 1px solid var(--globals--border-color--border-3);
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 0;
  padding-top: 20px;
  padding-bottom: 20px;
}

.order---item:last-child {
  border-bottom-style: none;
  padding-bottom: 0;
}

.order-item---content-main {
  margin-right: var(--globals--margins--mg-small);
  align-items: flex-start;
  display: flex;
}

.footer-cta-card---content {
  flex: 1;
}

.v2-footer-bottom-content-wrapper {
  grid-column-gap: var(--globals--grid-gap--default);
  grid-row-gap: var(--globals--grid-gap--default);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.text-inline {
  display: inline;
}

.style-guide---icon {
  padding: var(--globals--paddings--pd-extra-small);
  border-radius: var(--core--border-radius--br-size-3);
  background-color: var(--globals--color--surfaces--accent);
  filter: brightness(200%) grayscale();
}

.more-templates-badge-wrapper-edited {
  z-index: 9991;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #666977;
  background-color: #fff;
  border: 1px solid #f0f0f6;
  border-radius: 12px;
  align-items: center;
  width: 100%;
  max-width: 286px;
  padding: 12px 22px 12px 18px;
  text-decoration: none;
  transition-property: none;
  display: block;
  position: fixed;
  inset: auto 24px 12px auto;
  box-shadow: 0 .6px .8px #1010650a, 0 3px 6px #11115414;
}

.more-templates-badge-wrapper-edited:hover {
  color: #666977;
}

.more-templates-logo-wrapper {
  position: relative;
}

.more-templates-logo {
  width: 80px;
}

.more-templates-logo.blur {
  z-index: -1;
  opacity: .68;
  filter: blur(3px);
  position: absolute;
  inset: 10% 0% 20px;
}

.more-templates-logo.customize {
  width: 110px;
}

.more-templates-p {
  margin-bottom: 0;
  font-size: 13px;
  line-height: 1.4em;
}

.more-webflow-templates-sub {
  color: #523ff5;
  text-decoration: underline;
}

.more-templates-lottie {
  width: 44px;
  position: absolute;
  inset: -20px -20px auto auto;
}

.brix-badges-wrapper {
  z-index: 99999999;
  width: 300px;
  height: 120px;
  position: fixed;
  inset: auto 50px 0 auto;
}

.more-templates-lottie-2 {
  z-index: 9999;
  width: 44px;
  position: absolute;
  inset: -18px -19px auto auto;
}

.hidden-code {
  display: none;
}

.more-templates-badge-wrapper {
  z-index: 9991;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  opacity: 0;
  color: #666977;
  background-color: #fff;
  border: 1px solid #f0f0f6;
  border-radius: 12px;
  align-items: center;
  width: 100%;
  max-width: 300px;
  min-height: 76px;
  padding: 12px 22px 12px 18px;
  text-decoration: none;
  transition-property: none;
  display: flex;
  position: absolute;
  transform: scale(.9)translate(0, 20px);
  box-shadow: 0 .6px .8px #1010650a, 0 3px 6px #11115414;
}

.more-templates-badge-wrapper:hover {
  color: #666977;
}

.more-templates-badge-wrapper.customization {
  border-color: #4a3aff;
  padding-left: 10px;
}

.link-text-inside {
  color: var(--components--titles-paragraphs--text-neutral-light);
  margin-bottom: 0;
}

.underline {
  background-color: var(--components--titles-paragraphs--text-neutral-light);
  width: 100%;
  height: 1px;
}

.underline.black {
  background-color: var(--components--badge--text-color--text-dark);
}

.footer_--line {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  display: flex;
}

.margin-b-12 {
  margin-bottom: 12px;
}

.hero-marque_image {
  height: 398px;
}

.hero-marque_image.greencred {
  width: 598px;
}

.coming-soon_flex-wrapper {
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.global-styles {
  display: block;
  position: fixed;
  inset: 0% auto auto 0%;
}

.success_w {
  background-color: var(--globals--color--surfaces--07);
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100svh;
  min-height: 48rem;
  display: flex;
}

.success_check-icon {
  color: #fff;
  max-width: 2rem;
  margin-bottom: 1rem;
}

.success_heading {
  color: var(--components--badge--text-color--text-light);
  font-size: var(--core--font-size--displays-tablet--display-5);
}

.success_p {
  opacity: .5;
  text-align: center;
  max-width: 50ch;
  margin-top: 1rem;
  margin-bottom: 1.5rem;
  font-weight: 400;
}

.button {
  color: #080808;
  white-space: nowrap;
  background-color: #fff;
  border-radius: 4rem;
  padding: .875rem 2rem 1rem;
}

@media screen and (min-width: 1440px) {
  .utp---sidebar-layout-wrapper {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: minmax(280px, 310px) 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .grid-2-columns.hero-v12 {
    grid-template-columns: 1fr .8fr;
  }

  .card.typography-card {
    padding-right: var(--components--cards--paddings--pd-large);
    padding-left: var(--components--cards--paddings--pd-large);
  }

  .card.utp---components-wrapper {
    flex-direction: row;
  }

  .card.utp---components-wrapper.wrap {
    flex-wrap: wrap;
  }

  .card.form-wrapper.v2 {
    padding-left: 80px;
    padding-right: 80px;
  }

  .card.logo-strip {
    padding-left: 22px;
    padding-right: 22px;
  }

  .grid-1-column.gap-row-large {
    grid-row-gap: 64px;
  }

  .utp---grid-components-wrapper._1-column {
    grid-template-columns: minmax(64px, 1fr);
  }

  .utp---card-componets-wrapper {
    padding-right: var(--components--cards--paddings--pd-large);
    padding-left: var(--components--cards--paddings--pd-large);
  }

  .utp---buttons-top {
    display: flex;
  }

  .utp---components-head-wrapper {
    padding-right: var(--components--cards--paddings--pd-large);
    padding-left: var(--components--cards--paddings--pd-large);
  }

  .utp---components-head-wrapper.buttons {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .utp---grid-components {
    grid-column-gap: 19px;
  }

  .utp---buttons-sidebar {
    flex-direction: column;
    display: flex;
  }

  .image-wrapper.about-image-left---v2 {
    left: -7%;
  }

  .image-wrapper.about-image-right---v2 {
    right: -7%;
  }

  .utp---block-item-wrapper {
    justify-content: center;
    display: flex;
  }

  .utp---blocks-1440px-wrapper {
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    max-width: 100%;
    display: flex;
  }

  .notification-bar {
    width: 100%;
  }

  .notification-bar-padding {
    padding-left: 0;
    padding-right: 0;
  }

  .notification-bar-padding.v2 {
    padding-right: 30px;
  }

  .notification-bar-infinity-marquee-item {
    padding-left: 0;
    padding-right: 0;
  }

  .footer-wrapper {
    align-self: stretch;
  }

  .content-card-v20-right-content {
    padding-left: 56px;
    padding-right: 56px;
  }

  .testimonial-grid-v1-wrapper {
    grid-column-gap: var(--globals--grid-gap--medium);
    grid-row-gap: var(--globals--grid-gap--medium);
    grid-template-rows: auto;
    grid-template-columns: 1fr .6fr;
    grid-auto-columns: 1fr;
  }
}

@media screen and (min-width: 1920px) {
  .utp---sidebar-layout-wrapper {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: minmax(280px, 310px) 1fr;
    grid-auto-columns: 1fr;
    max-width: 100vw;
    display: grid;
  }

  .utp---content-wrapper {
    max-width: 87vw;
  }

  .card.logo-strip {
    padding-left: 32px;
    padding-right: 32px;
  }

  .text-light {
    color: var(--components--titles-paragraphs--text-light);
  }

  .utp---blocks-1440px-wrapper {
    align-items: stretch;
  }

  .nav-menu-wrapper.full-page-menu.v1 {
    display: none;
  }

  .footer-wrapper {
    align-self: stretch;
  }

  .blog-card-featured-right-content.v1 {
    align-items: stretch;
  }

  .card-wrapper {
    position: sticky;
  }

  .card-wrapper._01 {
    top: 24px;
  }

  .card-wrapper._02 {
    top: 48px;
  }

  .card-wrapper._03 {
    top: 72px;
  }

  .card-wrapper._04 {
    top: 96px;
  }

  .floating-image-wrapper.hero-v3---image-wrapper {
    width: 100%;
    max-width: 520px;
  }

  .arrow-button-text {
    line-height: 40px;
  }

  .coming-soon_flex-wrapper {
    grid-column-gap: 3rem;
    grid-row-gap: 0rem;
    grid-template-rows: auto;
    grid-template-columns: auto 1fr;
    grid-auto-columns: 1fr;
    justify-content: stretch;
    align-items: stretch;
    width: 100%;
    display: grid;
  }
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: var(--core--font-size--headings-tablet--h1);
  }

  h2 {
    font-size: var(--core--font-size--headings-tablet--h2);
  }

  h3 {
    font-size: var(--core--font-size--headings-tablet--h3);
  }

  h4 {
    font-size: var(--core--font-size--headings-tablet--h4);
  }

  h5 {
    font-size: var(--core--font-size--headings-tablet--h5);
  }

  h6 {
    font-size: var(--core--font-size--headings-tablet--h6);
  }

  .utp---sidebar-layout-wrapper {
    grid-template-columns: minmax(100%, 1fr);
  }

  .utp--sidebar-wrapper {
    height: auto;
    max-height: none;
    position: static;
    overflow: visible;
  }

  .utp---content-wrapper {
    max-width: none;
    padding-left: 24px;
    padding-right: 24px;
  }

  .divider.footer-middle-divider {
    height: var(--globals--border-width--bw-default);
    width: 100%;
  }

  .display-10 {
    font-size: var(--core--font-size--displays-tablet--display-10);
  }

  .display-9 {
    font-size: var(--core--font-size--displays-tablet--display-9);
  }

  .display-8 {
    font-size: var(--core--font-size--displays-tablet--display-8);
  }

  .display-7 {
    font-size: var(--core--font-size--displays-tablet--display-7);
  }

  .display-6 {
    font-size: var(--core--font-size--displays-tablet--display-6);
  }

  .display-5 {
    font-size: var(--core--font-size--displays-tablet--display-5);
  }

  .display-4 {
    font-size: var(--core--font-size--displays-tablet--display-4);
  }

  .display-3 {
    font-size: var(--core--font-size--displays-tablet--display-3);
  }

  .display-2 {
    font-size: var(--core--font-size--displays-tablet--display-2);
  }

  .display-1 {
    font-size: var(--core--font-size--displays-tablet--display-1);
  }

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

  .grid-2-columns._1-col-tablet, .grid-2-columns.hero-grid {
    grid-template-columns: 1fr;
  }

  .grid-2-columns.hero-v12 {
    grid-row-gap: 32px;
    grid-template-columns: 1fr;
  }

  .grid-2-columns.contact-form-v1 {
    grid-column-gap: var(--globals--grid-gap--small);
    grid-row-gap: var(--globals--grid-gap--small);
  }

  .grid-2-columns.accordion-v2 {
    grid-auto-columns: 1fr;
  }

  .grid-2-columns.template-page-sidebar {
    grid-template-columns: .5fr 1fr;
  }

  .grid-2-columns.changelog-item {
    padding-top: var(--globals--margins--mg-large);
    padding-bottom: var(--globals--margins--mg-large);
    grid-column-gap: var(--globals--grid-gap--medium);
    grid-row-gap: var(--globals--grid-gap--medium);
    grid-template-columns: .3fr 1fr;
  }

  .grid-2-columns.section-v30-grid {
    grid-column-gap: var(--globals--grid-gap--large);
    grid-row-gap: var(--globals--grid-gap--large);
    grid-template-columns: 1fr;
  }

  .grid-2-columns.checkout-grid {
    grid-template-columns: 1.65fr 1fr;
  }

  .grid-2-columns.hero-grid---v1 {
    grid-template-columns: minmax(420px, 1fr) .5fr;
  }

  .grid-2-columns.about-grid---v3 {
    grid-column-gap: var(--globals--grid-gap--small);
    grid-row-gap: var(--globals--grid-gap--small);
    grid-template-columns: 1fr 1.25fr;
  }

  .grid-2-columns.services-grid-wrapper---v3 {
    grid-column-gap: var(--globals--grid-gap--default);
  }

  .grid-2-columns.career-grid {
    grid-column-gap: var(--globals--grid-gap--default);
    grid-row-gap: var(--globals--grid-gap--default);
    grid-template-columns: .5fr 1fr;
  }

  .grid-2-columns.contact-form-v2 {
    grid-column-gap: var(--globals--grid-gap--small);
    grid-row-gap: var(--globals--grid-gap--small);
    grid-template-columns: 1fr .65fr;
    max-width: 871px;
  }

  .grid-2-columns.side-bar-right-grid {
    grid-row-gap: 80px;
    grid-template-columns: 1fr minmax(200px, .3fr);
  }

  .grid-2-columns.hero-grid---product-single-page {
    grid-template-columns: 1fr;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
  }

  .grid-2-columns.product-gallery-grid {
    grid-column-gap: var(--globals--grid-gap--small);
    grid-row-gap: var(--globals--grid-gap--small);
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
  }

  .grid-2-columns.blog-grid-wrapper {
    grid-row-gap: var(--globals--grid-gap--large);
    grid-template-columns: 1fr;
  }

  .grid-2-columns.bottom-cards---blog-page {
    grid-column-gap: var(--globals--grid-gap--small);
    grid-row-gap: var(--globals--grid-gap--small);
    grid-template-columns: minmax(442px, 1fr) 1fr;
  }

  .grid-2-columns.coming-soon-grid {
    grid-row-gap: var(--globals--grid-gap--large);
    grid-template-columns: 1fr;
    justify-content: center;
    justify-items: center;
  }

  .grid-2-columns.cta-v2-grid {
    grid-template-columns: 1fr .75fr;
  }

  .grid-2-columns.contact-form-v3 {
    grid-column-gap: var(--globals--grid-gap--small);
    grid-row-gap: var(--globals--grid-gap--small);
    grid-template-columns: 1fr .55fr;
  }

  .card.utp---components-wrapper {
    flex-direction: column;
  }

  .card.utp---components-wrapper.lists-components {
    grid-template-columns: 1fr;
  }

  .card.form-wrapper {
    padding-right: var(--components--cards--paddings--pd-medium);
    padding-left: var(--components--cards--paddings--pd-medium);
  }

  .card.form-wrapper.v2 {
    padding-right: var(--components--cards--paddings--pd-small);
    padding-left: var(--components--cards--paddings--pd-small);
  }

  .card.project-card-v1 {
    align-items: stretch;
  }

  .card.project-card-v1.horizontal-card {
    width: 100%;
    margin-right: 0;
  }

  .card.template-pages---text-card {
    padding: var(--components--cards--paddings--pd-medium);
  }

  .card.sales-home---text-and-image {
    flex-direction: column;
  }

  .card.sales-home---text-and-image.image-left {
    flex-direction: column-reverse;
  }

  .card.footer-cta-card {
    padding-right: var(--components--cards--paddings--pd-large);
    padding-left: var(--components--cards--paddings--pd-large);
  }

  .card.cta-card-v1 {
    padding: 80px var(--components--cards--paddings--pd-large);
  }

  .card.cta-card-v2 {
    padding-right: var(--components--cards--paddings--pd-large);
    padding-left: var(--components--cards--paddings--pd-large);
  }

  .card.testimonial-card-v2 {
    padding: var(--components--cards--paddings--pd-large);
  }

  .card.post-card-v1._3-post-item {
    flex-flow: row;
  }

  .card.post-card-featured-v1 {
    padding-left: var(--components--cards--paddings--pd-default);
    grid-column-gap: var(--globals--grid-gap--medium);
    grid-row-gap: var(--globals--grid-gap--medium);
    grid-template-columns: .9fr 1fr;
  }

  .card.post-card-secondary-v1 {
    padding-right: var(--components--cards--paddings--pd-small);
    padding-left: var(--components--cards--paddings--pd-small);
  }

  .card.product-licenses-card {
    flex: 1;
  }

  .card.cta-card-newsletter {
    border-radius: var(--components--cards--border-radius--br-medium);
    max-width: 48.5%;
  }

  .card.author-card {
    padding-right: var(--components--cards--paddings--pd-small);
    padding-left: var(--components--cards--paddings--pd-small);
  }

  .card.template-card {
    padding-top: var(--components--cards--paddings--pd-extra-large);
    padding-bottom: var(--components--cards--paddings--pd-extra-large);
  }

  .card.cta-card-v3 {
    padding: 80px var(--components--cards--paddings--pd-large);
  }

  .card.cta-card-newsletter---column {
    padding-right: var(--components--cards--paddings--pd-default);
    padding-left: var(--components--cards--paddings--pd-default);
    border-radius: var(--components--cards--border-radius--br-medium);
  }

  .flex-horizontal.logo-strip.v10 {
    overflow: hidden;
  }

  .utp---typography-grid-row {
    flex-direction: column;
    align-items: flex-start;
  }

  .utp---typography-grid-row.header {
    display: none;
  }

  .utp---typography-grid-item._55, .utp---typography-grid-item._26-5, .utp---typography-grid-item._11 {
    width: 100%;
  }

  .grid-1-column.headers-blocks {
    grid-row-gap: 550px;
  }

  .grid-1-column.projects-rich-text-grid {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
  }

  .inner-container._100-tablet {
    max-width: 100%;
  }

  .inner-container._400px.center---tablet {
    margin-left: auto;
    margin-right: auto;
  }

  .inner-container._600px-tablet {
    max-width: 600px;
  }

  .inner-container._500px---tablet {
    max-width: 500px;
  }

  .inner-container._400px---tablet {
    max-width: 400px;
  }

  .inner-container._800px---tablet {
    max-width: 800px;
  }

  .inner-container._300px---tablet {
    max-width: 300px;
  }

  .inner-container._350px---tablet {
    max-width: 350px;
  }

  .icon-font-rounded.thank-you-message-icon {
    font-size: var(--core--font-size--displays-tablet--display-4);
  }

  .icon-font-rounded.thank-you-message-icon.large {
    font-size: var(--core--font-size--displays-tablet--display-9);
  }

  .utp---card-componets-wrapper {
    width: 100%;
  }

  .utp---card-componets-wrapper.v2 {
    padding-left: 22px;
    padding-right: 22px;
  }

  .utp---card-componets-wrapper.v2.rich-text {
    padding-right: var(--components--cards--paddings--pd-medium);
    padding-left: var(--components--cards--paddings--pd-medium);
  }

  .utp---components-head-wrapper {
    width: 100%;
  }

  .utp---components-head-wrapper.right {
    display: none;
  }

  .utp---components-head-wrapper.buttons {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .utp---components-head-wrapper.badges.tablet {
    display: none;
  }

  .secondary-button.slider-button.testimonial-v1---left {
    position: absolute;
    left: auto;
    right: 50%;
  }

  .secondary-button.slider-button.testimonial-v1---right {
    margin-left: 8px;
    left: 50%;
  }

  .grid-3-columns._1-col-tablet {
    grid-template-columns: 1fr;
  }

  .grid-3-columns._2-col-tablet {
    grid-template-columns: 1fr 1fr;
  }

  .grid-3-columns.gallery-grid {
    grid-column-gap: var(--globals--grid-gap--small);
    grid-row-gap: var(--globals--grid-gap--small);
  }

  .grid-3-columns.checkout-3-inputs-grid, .grid-3-columns.services-grid {
    grid-template-columns: 1fr;
  }

  .grid-3-columns.blog-grid---v2 {
    grid-column-gap: var(--globals--grid-gap--small);
    grid-row-gap: var(--globals--grid-gap--default);
    grid-template-columns: 1fr;
  }

  .grid-3-columns.projects-grid-v3, .grid-3-columns.blog-grid-v2, .grid-3-columns.services-grid---page {
    grid-template-columns: 1fr 1fr;
  }

  .paragraph-large {
    font-size: 22px;
  }

  .image-wrapper.hero-main-image---v1 {
    margin-left: 20px;
  }

  .image-wrapper.hero-badge-01---v2 {
    top: 6%;
    left: -7%;
  }

  .image-wrapper.hero-badge-02---v2 {
    top: 10%;
    right: -7%;
  }

  .image-wrapper.hero-badge-03---v2 {
    bottom: 0%;
    left: -7%;
  }

  .image-wrapper.hero-badge-04---v2 {
    bottom: -8%;
    right: -6%;
  }

  .image-wrapper.about-image-left---v2 {
    margin-top: var(--globals--margins--mg-extra-large);
    width: 48%;
    max-width: none;
    margin-bottom: 24px;
    position: relative;
    bottom: 0;
    left: auto;
    right: 26%;
  }

  .image-wrapper.about-image-right---v2 {
    width: 48%;
    max-width: none;
    position: absolute;
    inset: auto 1% 0 auto;
  }

  .image-wrapper.border-radius-image-large.project---featured-image-wrapper {
    margin-bottom: var(--globals--margins--mg-medium);
  }

  .image-wrapper.post-card-v1---image-wrapper._3-post-item {
    flex: 1;
  }

  .notification-bar.v8 {
    padding-left: 0;
    padding-right: 0;
  }

  .list-nav-menu {
    padding: var(--globals--paddings--pd-large) var(--globals--paddings--pd-medium);
    grid-row-gap: var(--globals--gaps--gap-large);
    flex-direction: column;
    align-items: flex-start;
  }

  .list-nav-menu.full-page-menu {
    align-items: center;
  }

  .list-nav-menu.full-page-menu.v3 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .list-nav-menu.header-v1 {
    padding: 0;
  }

  .list-nav-menu.v2 {
    grid-column-gap: var(--globals--gaps--gap-medium);
    grid-row-gap: var(--globals--gaps--gap-medium);
  }

  .link-nav-item.show-on-tablet {
    display: block;
  }

  .link-nav-item.show-on-tablet.header-btn {
    margin-top: 24px;
  }

  .link-nav-item.alt---tablet {
    transition: transform .3s;
  }

  .link-nav-item.alt---tablet:hover {
    transform: translate3d(4px, 0, .01px);
  }

  .hamburger-menu {
    width: 48px;
    min-width: 48px;
    height: 48px;
    min-height: 48px;
  }

  .hamburger-menu.v2 {
    width: 40px;
    min-width: 40px;
    height: 40px;
    min-height: 40px;
  }

  .nav-menu-wrapper {
    border-style: solid;
    border-width: 1px 0;
    border-color: var(--components--cards--border-color--br-color-default);
    background-color: var(--globals--color--surfaces--01);
    box-shadow: 0 2px 8px 0 var(--core--box-shadow--bs-neutral-small);
    border-radius: 0;
  }

  .nav-menu-wrapper.v2 {
    position: absolute;
  }

  .nav-menu-wrapper.full-page-menu {
    margin-top: 0;
  }

  .nav-menu-wrapper.full-page-menu.v2 {
    position: fixed;
  }

  .section.section-v30-wrapper {
    padding-top: var(--components--sections--paddings--pd-large);
    padding-bottom: var(--components--sections--paddings--pd-large);
  }

  .section.horizontal-cards-section {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .section.template-pages-hero {
    padding-top: var(--components--sections--paddings--pd-default);
  }

  .section.sales-home-hero {
    padding-bottom: 100px;
  }

  .section.full-height.coming-soon-page {
    padding-top: var(--components--sections--paddings--pd-large);
    padding-bottom: var(--components--sections--paddings--pd-extra-large);
  }

  .section.full-height._404-not-found-page {
    padding-top: var(--components--sections--paddings--pd-large);
    padding-bottom: 160px;
  }

  .section.full-height.password-protected-page {
    padding-top: 100px;
    padding-bottom: 154px;
  }

  .section.bottom {
    padding-bottom: 160px;
  }

  .section.hero-section---v2 {
    padding-bottom: var(--components--sections--paddings--pd-large);
  }

  .section.about-section---v2, .section.pd-120px {
    padding-top: var(--components--sections--paddings--pd-extra-large);
    padding-bottom: var(--components--sections--paddings--pd-extra-large);
  }

  .section.hero-section---v3, .section.hero-section---v4 {
    padding-top: var(--components--sections--paddings--pd-large);
  }

  .section.top-200 {
    padding-top: 160px;
  }

  .section.hero-section---v5 {
    padding-bottom: var(--components--sections--paddings--pd-extra-large);
  }

  .section.pd-140px {
    padding-top: var(--components--sections--paddings--pd-extra-large);
    padding-bottom: var(--components--sections--paddings--pd-extra-large);
  }

  .section.hero-section---v6 {
    padding-bottom: 200px;
  }

  .width-50ch {
    max-width: none;
  }

  .width-50ch._100-tablet {
    width: 100%;
  }

  .hero-v3---images-wrapper {
    max-width: 100%;
    padding-top: 100px;
  }

  ._2-images-wrapper-item.right {
    max-width: 55%;
  }

  ._2-images-wrapper-item.left {
    max-width: 55%;
    padding-top: 0;
  }

  .position-relative.overflow-hidden.logo-strip-v10 {
    width: 100%;
  }

  .infite-marquee-image-wrapper {
    max-width: 250px;
  }

  .infinite-marquee-2-columns-wrapper.horizontal---tablet {
    flex-direction: column;
    width: 100%;
    position: static;
  }

  .infinite-marquee-column-wrapper.left.hero-v12, .infinite-marquee-column-wrapper.right.hero-v12 {
    flex-direction: row;
  }

  .infinite-marquee-column.marquee.hero-v12 {
    padding-right: var(--globals--grid-gap--default);
    flex-direction: row;
    flex: none;
    justify-content: flex-start;
    padding-bottom: 0;
  }

  .footer-top.v2 {
    padding-top: var(--components--footers--paddings--pd-large);
    padding-bottom: var(--components--footers--paddings--pd-small);
  }

  .footer-bottom {
    text-align: center;
  }

  .footer_flex-side-by-side {
    grid-column-gap: var(--globals--grid-gap--large);
    grid-row-gap: var(--globals--grid-gap--large);
    grid-template-columns: 1fr;
  }

  .footer-center {
    padding-top: var(--components--footers--paddings--pd-medium);
    padding-bottom: var(--components--footers--paddings--pd-medium);
  }

  .slider-mask.testimonial-slider---v1 {
    position: relative;
  }

  .logo-marquee-image-wrapper {
    flex: none;
  }

  .image.cover-image.post-card-featured-v1---image {
    min-height: 400px;
  }

  .image.cover-image.gallery-image {
    max-height: 400px;
  }

  .image.cover-image.project---featured-image {
    max-height: 450px;
  }

  .image.cover-image.post-page-image {
    max-height: 500px;
  }

  .title-left---content-right.alt-v2 {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .feature-wrapper {
    font-size: var(--core--font-size--displays-tablet--display-4);
  }

  .blog-card-featured-right-content {
    padding: var(--components--cards--paddings--pd-medium) var(--components--cards--paddings--pd-default);
  }

  .categories-badge-wrapper {
    grid-column-gap: var(--globals--gaps--gap-small);
    grid-row-gap: var(--globals--gaps--gap-small);
  }

  .section-v30-content-wrapper {
    max-height: 400px;
  }

  .marquee-item---content-section-v30 {
    font-size: var(--core--font-size--displays-tablet--display-10);
  }

  .center-content---tablet {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .dropdown-list {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    position: relative;
    transform: none;
  }

  .dropdown-list.dropdown-v2 {
    transform: none;
  }

  .dropdown-pd {
    box-shadow: none;
    border-width: 0;
    border-radius: 0;
  }

  .dropdown-pd.dropdown-v1 {
    box-shadow: none;
    border-width: 0;
    border-radius: 0;
    width: 100%;
    min-width: 0;
    padding: 0;
  }

  .dropdown-pd.dropdown---v2 {
    min-width: 0;
    padding: 0;
  }

  .content-card-v20-right-content {
    padding-right: var(--components--cards--paddings--pd-default);
    padding-left: var(--components--cards--paddings--pd-default);
  }

  .sidebar---navbar {
    padding-bottom: var(--globals--paddings--pd-medium);
  }

  .full-page-menu---link {
    font-size: 48px;
    line-height: 64px;
  }

  .horizontal-cards-container {
    height: auto;
  }

  .sticky-wrap {
    height: auto;
    padding-top: 0;
    padding-bottom: 0;
    position: static;
  }

  .horizontal-cards-wrapper {
    grid-row-gap: 24px;
    flex-direction: column;
    width: 100%;
  }

  .sales-home---hero-link-wrapper {
    max-width: 272px;
  }

  .text-and-image-card---image-wrapper {
    width: 100%;
  }

  .text-and-image-card---text-container {
    padding-right: var(--components--cards--paddings--pd-large);
    max-width: none;
  }

  .sales-home---cta-card-text-container {
    padding-top: var(--components--cards--paddings--pd-medium);
    padding-right: var(--components--cards--paddings--pd-default);
    padding-left: var(--components--cards--paddings--pd-default);
  }

  .utp---buttons-sidebar-item-wrapper.tablet {
    grid-column-gap: var(--globals--grid-gap--large);
    grid-row-gap: var(--globals--grid-gap--large);
    grid-template-rows: 1fr;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .footer-title {
    font-size: var(--core--font-size--displays--display-4);
  }

  .dropodown-title {
    font-size: var(--core--font-size--displays-tablet--display-2);
  }

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

  .card-menu---close-button {
    width: 32px;
    height: 32px;
    font-size: 32px;
  }

  .card-menu---link {
    font-size: var(--core--font-size--displays-tablet--display-5);
  }

  .heading-icon, .heading-icon.medium {
    max-width: 56px;
  }

  .footer-content-left---content-v1 {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    max-width: 400px;
  }

  .footer-links-wrapper {
    grid-template-columns: auto auto;
  }

  .footer-top-content-v2 {
    flex-flow: column;
  }

  .link-wrapper---footer-v2 {
    justify-content: center;
    align-items: center;
  }

  .footer-right-content---footer-v2 {
    flex: none;
  }

  .hero-bottom-content-wrapper---v1 {
    margin-top: 64px;
  }

  .caruosel-image-wrapper.small {
    min-width: 225px;
    max-width: 225px;
  }

  .card-project-v1---content-wrapper {
    grid-column-gap: var(--globals--grid-gap--small);
    grid-row-gap: var(--globals--grid-gap--small);
  }

  .card-project-v1---left-contet {
    padding-top: var(--components--cards--paddings--pd-medium);
    padding-bottom: var(--components--cards--paddings--pd-medium);
  }

  .service-card---content {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
  }

  .service-card---content.v2, .service-card---content.v3 {
    padding-right: var(--components--cards--paddings--pd-medium);
    padding-left: var(--components--cards--paddings--pd-medium);
  }

  .service-card---content._3-posts---item {
    flex-flow: row;
    align-items: flex-start;
    min-height: auto;
  }

  .service-card-v1---top-content {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    flex-flow: column-reverse;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .service-card-icon {
    min-width: 48px;
    max-width: 48px;
    min-height: 48px;
    max-height: 48px;
  }

  .service-feature-grid.v2, .service-feature-grid.v3 {
    max-width: 100%;
  }

  .service-feature-grid._3-posts---item {
    align-self: stretch;
    width: 50%;
  }

  .testimonial-left-content---v1 {
    text-align: center;
    min-width: 229px;
    padding-bottom: 20px;
  }

  .slider-wrapper---testimonial-v1 {
    width: auto;
    padding-bottom: 80px;
  }

  .testimonial-grid-v1-wrapper {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
  }

  .cta-v1---marquee-container {
    width: 68%;
    transform: translate3d(-21%, 0, .01px)rotate(-15deg);
  }

  .product-card-v1---badge-wrapper {
    top: 16px;
    right: 16px;
  }

  .about-section---image-container {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    max-width: 650px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .about-section-content---v2 {
    max-width: 100%;
  }

  .card-project-v2---content-wrapper {
    padding-right: var(--components--cards--paddings--pd-small);
    padding-left: var(--components--cards--paddings--pd-small);
  }

  .service-card-v2---left-content {
    grid-column-gap: var(--globals--gaps--gap-extra-small);
    grid-row-gap: var(--globals--gaps--gap-extra-small);
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
  }

  .testimonial-card-v2---avatar-wrapper {
    max-width: 120px;
  }

  .post-card-v1---content-wrapper {
    padding-right: var(--components--cards--paddings--pd-extra-small);
    padding-left: var(--components--cards--paddings--pd-extra-small);
    max-width: 418px;
  }

  .post-card-v1---content-wrapper._3-post-item {
    padding-right: var(--components--cards--paddings--pd-medium);
    padding-left: var(--components--cards--paddings--pd-medium);
    flex: 0 auto;
    justify-content: center;
    align-items: stretch;
    width: 50%;
    max-width: none;
  }

  .post-card-v1---details-wrapper {
    grid-column-gap: var(--globals--gaps--gap-default);
    grid-row-gap: var(--globals--gaps--gap-default);
  }

  .cta-v2---marquee-container {
    width: 68%;
  }

  .mg-top-section {
    margin-top: var(--components--sections--paddings--pd-medium);
  }

  .contact-links-wrapper-v1 {
    grid-column-gap: var(--globals--grid-gap--medium);
    grid-row-gap: var(--globals--grid-gap--medium);
  }

  .contact-link.alt---v2 {
    flex-flow: column;
  }

  .contact-icon {
    max-height: 40px;
  }

  .hero-top-left-content---contact-v3 {
    flex-flow: column;
    max-width: 700px;
  }

  .category-badge {
    padding: 3px 8px;
  }

  .v1-footer-bottom-content-wrapper {
    grid-column-gap: var(--globals--grid-gap--small);
    grid-row-gap: var(--globals--grid-gap--small);
    text-align: center;
    flex-flow: column;
  }

  .service-card-v2---content {
    flex-flow: column;
  }

  .position-sticky.static---tablet {
    position: static;
  }

  .service-card-v3---content {
    flex-flow: column;
  }

  .service-card-v3---left-content {
    grid-column-gap: var(--globals--gaps--gap-extra-small);
    grid-row-gap: var(--globals--gaps--gap-extra-small);
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
  }

  .hero-section---v4---content {
    max-width: 462px;
  }

  .product-page---main {
    max-width: 100%;
    margin-left: 0;
  }

  .price-strikethrough {
    font-size: var(--core--font-size--displays-tablet--display-5);
  }

  .blog-grid---wrapper {
    max-width: 100%;
  }

  .blog-grid---column {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    max-width: 100%;
  }

  .blog-grid---column---content-top {
    max-width: 400px;
  }

  .mg-top-section-extra-large {
    margin-top: var(--components--sections--paddings--pd-extra-large);
  }

  .v3-footer-bottom-content-wrapper {
    grid-column-gap: var(--globals--grid-gap--small);
    grid-row-gap: var(--globals--grid-gap--small);
    text-align: center;
    flex-flow: column;
  }

  .text-center---tablet {
    text-align: center;
  }

  .order-item---content-main {
    flex-flow: column;
  }

  .v2-footer-bottom-content-wrapper {
    grid-column-gap: var(--globals--grid-gap--small);
    grid-row-gap: var(--globals--grid-gap--small);
    text-align: center;
    flex-flow: column-reverse;
  }

  .more-templates-badge-wrapper-edited {
    right: 24px;
  }

  .brix-badges-wrapper {
    right: 35px;
  }

  .hero-marque_image {
    height: 376.531px;
  }
}

@media screen and (max-width: 767px) {
  body {
    font-size: var(--core--font-size--base-font-mb);
  }

  h1 {
    font-size: var(--core--font-size--headings-mbl--h1);
  }

  h2 {
    font-size: var(--core--font-size--headings-mbl--h2);
  }

  h3 {
    font-size: var(--core--font-size--headings-mbl--h3);
  }

  h4 {
    font-size: var(--core--font-size--headings-mbl--h4);
  }

  h5 {
    font-size: var(--core--font-size--headings-mbl--h5);
  }

  h6 {
    font-size: var(--core--font-size--headings-mbl--h6);
  }

  blockquote {
    padding: var(--components--cards--paddings--pd-large) var(--components--cards--paddings--pd-medium) var(--components--cards--paddings--pd-large) var(--globals--paddings--pd-large);
    border-radius: var(--components--cards--border-radius--br-regular);
  }

  .utp---sidebar-layout-wrapper {
    grid-template-columns: minmax(170px, 1fr);
  }

  .utp--sidebar-wrapper {
    flex-direction: row;
    align-items: stretch;
    display: flex;
  }

  .divider.mg-medium {
    margin-top: var(--globals--margins--mg-default);
    margin-bottom: var(--globals--margins--mg-default);
  }

  .divider.mg-large {
    margin-top: var(--globals--margins--mg-medium);
    margin-bottom: var(--globals--margins--mg-medium);
  }

  .divider.mg-default {
    margin-top: var(--globals--margins--mg-small);
    margin-bottom: var(--globals--margins--mg-small);
  }

  .divider.mg-extra-large {
    margin-top: var(--globals--margins--mg-large);
    margin-bottom: var(--globals--margins--mg-large);
  }

  .divider.tertiary.mg-default {
    margin-top: var(--globals--margins--mg-default);
    margin-bottom: var(--globals--margins--mg-default);
  }

  .utp---sidebar-top {
    margin-right: auto;
  }

  .utp---sidebar-bottom {
    grid-row-gap: var(--globals--gaps--gap-large);
  }

  .display-10 {
    font-size: var(--core--font-size--displays-mbl--display-10);
  }

  .display-9 {
    font-size: var(--core--font-size--displays-mbl--display-9);
  }

  .display-8 {
    font-size: var(--core--font-size--displays-mbl--display-8);
  }

  .display-7 {
    font-size: var(--core--font-size--displays-mbl--display-7);
  }

  .display-6 {
    font-size: var(--core--font-size--displays-mbl--display-6);
  }

  .display-5 {
    font-size: var(--core--font-size--displays-mbl--display-5);
  }

  .display-4 {
    font-size: var(--core--font-size--displays-mbl--display-4);
  }

  .display-3 {
    font-size: var(--core--font-size--displays-mbl--display-3);
  }

  .display-2 {
    font-size: var(--core--font-size--displays-mbl--display-2);
  }

  .display-1 {
    font-size: var(--core--font-size--displays-mbl--display-1);
  }

  .mg-top-small {
    margin-top: var(--globals--margins--mg-extra-small);
  }

  .mg-top-small.mg-top-16px---mbl {
    margin-top: 16px;
  }

  .mg-top-default {
    margin-top: var(--globals--margins--mg-small);
  }

  .mg-top-default.mg-top-24px---mbl {
    margin-top: 24px;
  }

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

  .grid-2-columns.hero-grid {
    grid-column-gap: var(--globals--grid-gap--medium);
    grid-row-gap: var(--globals--grid-gap--medium);
    grid-template-columns: 1fr;
  }

  .grid-2-columns.hero-v12 {
    grid-template-columns: 1fr;
  }

  .grid-2-columns.contact-form-v1 {
    grid-row-gap: var(--globals--grid-gap--large);
    grid-template-columns: 1fr;
  }

  .grid-2-columns.accordion-v2 {
    grid-row-gap: var(--globals--grid-gap--medium);
    grid-template-columns: 1fr;
  }

  .grid-2-columns.dropdown-link-column.main {
    grid-template-columns: auto 1fr;
  }

  .grid-2-columns.template-page-sidebar {
    grid-template-columns: 1fr;
  }

  .grid-2-columns.changelog-item {
    grid-column-gap: var(--globals--grid-gap--default);
    grid-row-gap: var(--globals--grid-gap--default);
    grid-template-columns: .4fr 1fr;
  }

  .grid-2-columns.surprises-image-right, .grid-2-columns.surprises-image-left {
    padding-top: var(--components--sections--paddings--pd-medium);
    padding-bottom: var(--components--sections--paddings--pd-medium);
    text-align: center;
    grid-template-columns: 1fr;
  }

  .grid-2-columns.section-v30-grid {
    grid-column-gap: var(--globals--grid-gap--medium);
    grid-row-gap: var(--globals--grid-gap--medium);
  }

  .grid-2-columns.checkout-grid {
    grid-template-columns: 1fr;
  }

  .grid-2-columns.hero-grid---v1 {
    grid-row-gap: var(--globals--border-radius--br-extra-large);
    grid-template-columns: 1fr;
  }

  .grid-2-columns.about-grid---v1 {
    grid-column-gap: var(--globals--grid-gap--medium);
    grid-row-gap: var(--globals--grid-gap--medium);
    grid-template-columns: 1fr;
  }

  .grid-2-columns.cta-v1-grid {
    grid-row-gap: var(--globals--grid-gap--large);
    grid-template-columns: 1fr;
  }

  .grid-2-columns.about-grid---v3 {
    grid-column-gap: var(--globals--grid-gap--large);
    grid-row-gap: var(--globals--grid-gap--large);
    grid-template-columns: 1fr;
  }

  .grid-2-columns.services-grid-wrapper---v3 {
    grid-template-columns: 1fr;
  }

  .grid-2-columns.hero-section---v4-grid {
    grid-row-gap: var(--globals--grid-gap--large);
    grid-template-columns: 1fr;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
  }

  .grid-2-columns.about-me-grid, .grid-2-columns.story-grid, .grid-2-columns.career-grid, .grid-2-columns.contact-form-v2 {
    grid-row-gap: var(--globals--grid-gap--large);
    grid-template-columns: 1fr;
  }

  .grid-2-columns.hero-grid---hero-location {
    grid-template-columns: minmax(248px, 1fr) .85fr;
    margin-left: -2px;
    margin-right: -2px;
  }

  .grid-2-columns.side-bar-right-grid {
    grid-row-gap: 64px;
    grid-template-columns: 1fr;
  }

  .grid-2-columns.hero-grid---product-single-page {
    grid-template-columns: 1fr;
  }

  .grid-2-columns.bottom-cards---blog-page {
    grid-column-gap: var(--globals--grid-gap--default);
    grid-row-gap: var(--globals--grid-gap--default);
    grid-template-columns: 1fr;
  }

  .grid-2-columns.cta-v2-grid, .grid-2-columns.contact-form-v3 {
    grid-row-gap: var(--globals--grid-gap--large);
    grid-template-columns: 1fr;
  }

  .grid-2-columns._2-col-mbl {
    grid-template-columns: 1fr 1fr;
  }

  .card.typography-card {
    padding-top: var(--components--cards--paddings--pd-medium);
    padding-bottom: var(--components--cards--paddings--pd-medium);
  }

  .card.utp---icon-font {
    padding: var(--globals--paddings--pd-large) var(--globals--paddings--pd-medium);
  }

  .card.icon-popup-v2 {
    flex-direction: column;
  }

  .card.form-wrapper {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .card.form-wrapper.v2 {
    padding-right: var(--components--cards--paddings--pd-medium);
    padding-left: var(--components--cards--paddings--pd-medium);
  }

  .card.blog-card-featured {
    grid-template-columns: 1fr;
  }

  .card.project-card-v1 {
    border-radius: var(--components--cards--border-radius--br-regular);
    grid-template-columns: 1fr;
  }

  .card.template-pages---sticky-card {
    position: static;
    top: auto;
  }

  .card.template-pages---text-card {
    padding-right: var(--components--cards--paddings--pd-default);
    padding-left: var(--components--cards--paddings--pd-default);
  }

  .card.footer-cta-card {
    padding: var(--components--cards--paddings--pd-large) var(--components--cards--paddings--pd-medium);
    grid-row-gap: var(--globals--grid-gap--large);
    border-radius: var(--core--border-radius--br-size-4);
    text-align: center;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
  }

  .card.service-card-v1 {
    border-radius: var(--components--cards--border-radius--br-regular);
  }

  .card.gradient-card.testimonial-v1-card {
    padding: var(--components--cards--paddings--pd-medium);
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .card.cta-card-v1 {
    padding: var(--components--cards--paddings--pd-extra-large) var(--components--cards--paddings--pd-medium) 0px;
    border-radius: var(--components--cards--border-radius--br-regular);
  }

  .card.cta-card-v2 {
    padding: 130px var(--components--cards--paddings--pd-medium);
  }

  .card.testimonial-card-v2 {
    padding-right: var(--components--cards--paddings--pd-medium);
    padding-left: var(--components--cards--paddings--pd-medium);
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .card.post-card-v1 {
    border-radius: var(--components--cards--border-radius--br-regular);
  }

  .card.post-card-v1._3-post-item {
    flex-flow: column;
  }

  .card.testimonial-card-v3 {
    max-width: 305px;
  }

  .card.post-card-featured-v1 {
    padding-bottom: 40px;
    padding-left: var(--components--cards--paddings--pd-small);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border-radius: var(--components--cards--border-radius--br-regular);
    grid-template-columns: 1fr;
  }

  .card.post-card-secondary-v1 {
    padding-right: var(--components--cards--paddings--pd-small);
    padding-left: var(--components--cards--paddings--pd-small);
    grid-column-gap: var(--globals--gaps--gap-medium);
    grid-row-gap: var(--globals--gaps--gap-medium);
  }

  .card.skill-card {
    padding-right: var(--components--cards--paddings--pd-medium);
    padding-left: var(--components--cards--paddings--pd-medium);
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    border-radius: var(--components--cards--border-radius--br-regular);
  }

  .card.contact-form {
    min-height: 554px;
  }

  .card.side-bard-card {
    padding-right: var(--components--cards--paddings--pd-medium);
    padding-left: var(--components--cards--paddings--pd-medium);
    max-width: 100%;
    position: static;
  }

  .card.product-card-v2 {
    padding-right: var(--components--cards--paddings--pd-small);
    padding-bottom: var(--components--cards--paddings--pd-medium);
    grid-row-gap: var(--globals--grid-gap--medium);
    border-radius: var(--components--cards--border-radius--br-regular);
    grid-template-columns: 1fr;
  }

  .card.product-licenses-card {
    padding-right: var(--components--cards--paddings--pd-medium);
    padding-left: var(--components--cards--paddings--pd-medium);
  }

  .card.categories-badge {
    min-height: 54px;
  }

  .card.cta-card-newsletter {
    padding-top: var(--components--cards--paddings--pd-medium);
    border-radius: var(--components--cards--border-radius--br-regular);
    max-width: 100%;
    padding-bottom: 40px;
  }

  .card.author-card {
    padding: var(--components--cards--paddings--pd-medium) var(--components--cards--paddings--pd-medium) 40px;
  }

  .card.password-card {
    padding: var(--components--cards--paddings--pd-medium) var(--components--cards--paddings--pd-medium) var(--components--cards--paddings--pd-large);
    border-radius: var(--components--cards--border-radius--br-regular);
  }

  .card.template-card {
    padding: var(--components--cards--paddings--pd-large) var(--components--cards--paddings--pd-medium);
    border-radius: var(--components--cards--border-radius--br-regular);
  }

  .card.cta-card-v3 {
    padding: var(--components--cards--paddings--pd-extra-large) var(--components--cards--paddings--pd-medium) 0px;
    border-radius: var(--components--cards--border-radius--br-regular);
  }

  .card.cta-card {
    padding: var(--components--cards--paddings--pd-medium);
    border-radius: var(--components--cards--border-radius--br-regular);
  }

  .card.cta-card-newsletter---column {
    padding: var(--components--cards--paddings--pd-medium) var(--components--cards--paddings--pd-medium) 40px;
    border-radius: var(--components--cards--border-radius--br-regular);
  }

  .flex-horizontal.justify-start.justify-center-mbl {
    justify-content: center;
  }

  .flex-horizontal.n-bar---space-between {
    grid-column-gap: 0px;
    grid-row-gap: 24px;
    text-align: center;
    flex-direction: column;
    align-items: center;
  }

  .flex-horizontal.logo-strip.v10 {
    width: auto;
  }

  .flex-horizontal.logo-strip-wrapper---horizontal.marquee {
    padding-right: var(--globals--grid-gap--medium);
    grid-column-gap: var(--globals--grid-gap--medium);
    grid-row-gap: var(--globals--grid-gap--medium);
  }

  .mg-top-large {
    margin-top: var(--globals--margins--mg-medium);
  }

  .mg-top-48px {
    margin-top: var(--globals--margins--mg-large);
  }

  .grid-1-column.gap-row-large {
    grid-row-gap: var(--globals--grid-gap--medium);
  }

  .grid-1-column.headers-blocks {
    grid-row-gap: 550px;
  }

  .grid-1-column.services-grid---v3 {
    max-width: 100%;
  }

  .grid-1-column.projects-rich-text-grid {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .grid-1-column.gap-row-12px {
    grid-row-gap: 8px;
  }

  .grid-1-column.side-bard-card---items {
    grid-template-columns: auto auto auto;
  }

  .inner-container._100-tablet, .inner-container._400px, .inner-container._460px, .inner-container._490px, .inner-container._700px {
    max-width: 100%;
  }

  .inner-container._500px---mbl {
    max-width: 500px;
  }

  .inner-container._550px---mbl {
    max-width: 550px;
  }

  .inner-container._600px---mbl {
    max-width: 600px;
  }

  .inner-container._400px---mbl {
    max-width: 400px;
  }

  .inner-container._300px---mbl {
    max-width: 300px;
  }

  .inner-container._450px---mbl {
    max-width: 450px;
  }

  .inner-container._250px---mbl {
    max-width: 250px;
  }

  .inner-container._100-mbl {
    max-width: 100%;
  }

  .inner-container._668px---mbl {
    max-width: 668px;
  }

  .icon-font-rounded.thank-you-message-icon {
    font-size: var(--core--font-size--displays-mbl--display-3);
  }

  .icon-font-rounded.thank-you-message-icon.large {
    font-size: var(--core--font-size--displays-mbl--display-9);
  }

  .utp---card-componets-wrapper {
    padding-top: var(--components--cards--paddings--pd-medium);
    padding-bottom: var(--components--cards--paddings--pd-medium);
  }

  .utp---card-componets-wrapper.v2.rich-text {
    padding-right: var(--components--cards--paddings--pd-default);
    padding-left: var(--components--cards--paddings--pd-default);
  }

  .utp---grid-components {
    grid-row-gap: var(--globals--grid-gap--medium);
  }

  .primary-button {
    font-size: var(--core--font-size--base-font-mb);
    min-height: 46px;
  }

  .primary-button.inside-input {
    top: 6px;
    bottom: 6px;
    right: 6px;
  }

  .secondary-button {
    min-height: 46px;
  }

  .secondary-button.slider-button {
    height: 46px;
  }

  .secondary-button.slider-button.testimonial-v1---left {
    margin-right: 8px;
    left: auto;
    right: 50%;
  }

  .secondary-button.slider-button.testimonial-v1---right {
    margin-left: 8px;
    left: 50%;
  }

  .secondary-button.slider-button.project-v2---left {
    margin-right: 8px;
    inset: auto 50% 0% auto;
  }

  .secondary-button.slider-button.project-v2---right {
    margin-left: 8px;
    inset: auto auto 0% 50%;
  }

  .secondary-button.slider-button.skills-slider---left, .secondary-button.slider-button.skills-slider---right {
    top: -94px;
  }

  .tertiary-button {
    font-size: var(--core--font-size--displays--display-2);
    min-height: 46px;
  }

  .primary-button-icon, .secondary-button-icon, .tertiary-button-icon {
    font-size: var(--core--font-size--displays--display-2);
  }

  .mg-top-medium {
    margin-top: var(--globals--margins--mg-default);
  }

  .mg-top-medium.mg-top-32px---mbl {
    margin-top: 32px;
  }

  .link {
    font-size: var(--core--font-size--displays--display-2);
  }

  .input {
    font-size: var(--core--font-size--base-font-mb);
  }

  .input.small {
    font-size: var(--core--font-size--displays--display-1);
  }

  .input.button-inside.default-input {
    height: 64px;
  }

  .text-area {
    border-radius: var(--components--cards--paddings--pd-default);
    font-size: var(--core--font-size--base-font-mb);
    min-height: 120px;
    padding-top: 20px;
  }

  .text-area.small {
    border-radius: var(--components--cards--paddings--pd-small);
    font-size: var(--core--font-size--displays--display-1);
    min-height: 90px;
  }

  .text-area-icon-wrapper {
    top: 21px;
  }

  .select {
    font-size: var(--core--font-size--base-font-mb);
  }

  .select.small {
    font-size: var(--core--font-size--displays--display-1);
  }

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

  .grid-3-columns._2-col-tablet, .grid-3-columns.shop-grid---v1, .grid-3-columns.projects-grid---v3, .grid-3-columns.blog-featured-grid---v3 {
    grid-template-columns: 1fr;
  }

  .grid-3-columns.projects-grid-v3 {
    grid-row-gap: var(--globals--grid-gap--default);
    grid-template-columns: 1fr;
  }

  .grid-3-columns.blog-grid-v2, .grid-3-columns.services-grid---page {
    grid-template-columns: 1fr;
  }

  .upload-wrapper {
    padding: var(--components--cards--paddings--pd-medium) var(--components--cards--paddings--pd-default);
  }

  .paragraph-large {
    font-size: 18px;
  }

  .paragraph-small {
    font-size: 14px;
  }

  .accordion-bottom {
    max-width: 500px;
  }

  .accordion-paragraph {
    padding-top: var(--globals--paddings--pd-small);
  }

  .buttons-row.nav-menu-hidden-on-mobile {
    display: none;
  }

  .buttons-row.left.center-tablet {
    justify-content: center;
  }

  .buttons-row.left.center-mbl {
    justify-content: center;
    align-items: center;
  }

  .rich-text ul {
    padding-left: 32px;
  }

  .rich-text img {
    border-radius: var(--globals--gaps--gap-medium);
  }

  .rich-text ol {
    padding-left: 32px;
  }

  .image-wrapper.border-radius-image-default {
    border-radius: var(--components--images--border-radius--br-small);
  }

  .image-wrapper.border-radius-image-default.project-card-v1-image-wrapper, .image-wrapper.border-radius-image-default.post-card-featured-v1---image-wrapper, .image-wrapper.border-radius-image-small.product-card-v2---image-wrapper {
    max-width: 100%;
  }

  .image-wrapper.content-card-v20 {
    border-radius: var(--components--images--border-radius--br-default);
  }

  .image-wrapper.hero-main-image---v1 {
    min-width: auto;
    margin-left: -86px;
  }

  .image-wrapper.about-image---v1 {
    width: 100%;
    margin-left: 0;
    position: static;
  }

  .image-wrapper.cta-icon-v1 {
    max-width: 64px;
  }

  .image-wrapper.hero-icon---v2 {
    max-width: 80px;
  }

  .image-wrapper.hero-badge-01---v2 {
    width: 38%;
    top: 4%;
    left: -14%;
  }

  .image-wrapper.hero-badge-02---v2 {
    width: 38%;
    top: 1%;
  }

  .image-wrapper.hero-badge-03---v2 {
    width: 25%;
    bottom: -9%;
  }

  .image-wrapper.hero-badge-04---v2 {
    width: 33%;
    right: -14%;
  }

  .image-wrapper.about-image-left---v2 {
    margin-top: var(--globals--margins--mg-large);
    margin-bottom: 16px;
    right: 24%;
  }

  .image-wrapper.border-radius-image-medium {
    border-radius: var(--globals--border-radius--br-default);
  }

  .image-wrapper.border-radius-image-medium.project-card-v3---image-wrapper {
    width: 50%;
  }

  .image-wrapper.hero-badge-04---v3 {
    right: 7%;
  }

  .image-wrapper.about-image-top---v3 {
    width: 50%;
  }

  .image-wrapper.about-image-bottom---v3 {
    width: 50%;
    margin-top: -54%;
  }

  .image-wrapper.about-me-section---image {
    border-radius: var(--globals--border-radius--br-default);
    max-height: 300px;
    transform: none;
  }

  .image-wrapper.story---image-wrapper {
    border-radius: var(--globals--border-radius--br-default);
    max-width: 100%;
  }

  .image-wrapper.hero-image---contact-v3 {
    min-width: 332px;
  }

  .image-wrapper.hero-icon---contact-v3 {
    max-width: 80px;
  }

  .image-wrapper.border-radius-image-large {
    border-radius: var(--globals--border-radius--br-medium);
  }

  .image-wrapper.border-radius-image-large.project---featured-image-wrapper {
    margin-bottom: 0;
  }

  .image-wrapper.coming-soon-image {
    max-width: 500px;
    padding: 20px;
  }

  .image-wrapper.password-image {
    max-width: 64px;
  }

  .utp---sidebar-dropdown-button {
    padding: 0;
  }

  .utp---sidebar-dropdown-list.w--open {
    max-width: 100%;
  }

  .mg-top-extra-large {
    margin-top: 48px;
  }

  .mg-top-extra-large.mg-top-8px---mbl {
    margin-top: 8px;
  }

  .mg-top-extra-large.mg-top-64px---mbl {
    margin-top: 64px;
  }

  .mg-bottom-default {
    margin-bottom: var(--globals--margins--mg-small);
  }

  .mg-bottom-medium {
    margin-bottom: var(--globals--margins--mg-default);
  }

  .mg-bottom-large {
    margin-bottom: var(--globals--margins--mg-medium);
  }

  .mg-right-default {
    margin-right: var(--globals--margins--mg-small);
  }

  .mg-right-medium {
    margin-right: var(--globals--margins--mg-default);
  }

  .mg-right-large {
    margin-right: var(--globals--margins--mg-medium);
  }

  .mg-left-default {
    margin-left: var(--globals--margins--mg-small);
  }

  .mg-left-medium {
    margin-left: var(--globals--margins--mg-default);
  }

  .mg-left-large {
    margin-left: var(--globals--margins--mg-medium);
  }

  .pd-top-medium {
    padding-top: var(--globals--paddings--pd-default);
  }

  .pd-top-large {
    padding-top: var(--globals--paddings--pd-medium);
  }

  .pd-top-extra-large {
    padding-top: var(--globals--paddings--pd-large);
  }

  .pd-bottom-medium {
    padding-bottom: var(--globals--paddings--pd-default);
  }

  .pd-bottom-large {
    padding-bottom: var(--globals--paddings--pd-medium);
  }

  .pd-bottom-extra-large {
    padding-bottom: var(--globals--paddings--pd-large);
  }

  .pd-right-medium {
    padding-right: var(--globals--paddings--pd-default);
  }

  .pd-right-large {
    padding-right: var(--globals--paddings--pd-medium);
  }

  .pd-right-extra-large {
    padding-right: var(--globals--paddings--pd-large);
  }

  .pd-left-medium {
    padding-left: var(--globals--paddings--pd-default);
  }

  .pd-left-large {
    padding-left: var(--globals--paddings--pd-medium);
  }

  .pd-left-extra-large {
    padding-left: var(--globals--paddings--pd-large);
  }

  .notification-bar {
    text-align: center;
  }

  .container-default {
    padding-right: var(--core--container-default--padding--mb);
    padding-left: var(--core--container-default--padding--mb);
  }

  .notification-bar-padding.v2, .notification-bar-padding.v3 {
    padding-top: var(--globals--paddings--pd-medium);
    padding-bottom: var(--globals--paddings--pd-medium);
  }

  .header-wrapper.header-floating {
    padding: var(--globals--paddings--pd-default) var(--globals--paddings--pd-medium);
    border-radius: var(--globals--border-radius--br-default);
  }

  .list-nav-menu.full-page-menu {
    grid-column-gap: var(--globals--gaps--gap-medium);
    grid-row-gap: var(--globals--gaps--gap-medium);
  }

  .list-nav-menu.header-v1 {
    top: 108px;
  }

  .list-nav-menu.v2 {
    padding-top: var(--globals--paddings--pd-medium);
    padding-right: var(--globals--paddings--pd-default);
    padding-left: var(--globals--paddings--pd-default);
    grid-column-gap: var(--globals--gaps--gap-default);
    grid-row-gap: var(--globals--gaps--gap-default);
  }

  .link-nav-item {
    justify-content: flex-start;
    display: flex;
  }

  .hamburger-menu {
    width: 42px;
    min-width: 42px;
    height: 42px;
    min-height: 42px;
  }

  .section {
    padding-top: var(--components--sections--paddings--pd-large);
    padding-bottom: var(--components--sections--paddings--pd-large);
  }

  .section.section-v30-wrapper {
    padding-top: var(--components--sections--paddings--pd-medium);
    padding-bottom: var(--components--sections--paddings--pd-medium);
  }

  .section.template-pages-hero {
    padding-top: var(--components--sections--paddings--pd-default);
    padding-bottom: var(--components--sections--paddings--pd-medium);
  }

  .section.sales-home-hero, .section.full-height.coming-soon-page {
    padding-top: var(--components--sections--paddings--pd-medium);
    padding-bottom: var(--components--sections--paddings--pd-large);
  }

  .section.full-height._404-not-found-page {
    padding-top: var(--components--sections--paddings--pd-medium);
    padding-bottom: 120px;
  }

  .section.full-height.password-protected-page {
    padding-top: 64px;
    padding-bottom: 124px;
  }

  .section.hero-section---v1 {
    padding-top: var(--components--sections--paddings--pd-medium);
    padding-bottom: var(--components--sections--paddings--pd-large);
  }

  .section.bottom {
    padding-bottom: 120px;
  }

  .section.hero-section---v2 {
    padding-top: var(--components--sections--paddings--pd-medium);
    padding-bottom: var(--components--sections--paddings--pd-medium);
  }

  .section.about-section---v2, .section.pd-120px {
    padding-top: var(--components--sections--paddings--pd-large);
    padding-bottom: var(--components--sections--paddings--pd-large);
  }

  .section.hero-section---v3 {
    padding-top: var(--components--sections--paddings--pd-medium);
    padding-bottom: var(--components--sections--paddings--pd-large);
  }

  .section.hero-section---v4 {
    padding-top: var(--components--sections--paddings--pd-medium);
  }

  .section.top-200 {
    padding-top: 120px;
  }

  .section.hero-section---v5 {
    padding-top: var(--components--sections--paddings--pd-medium);
    padding-bottom: var(--components--sections--paddings--pd-large);
  }

  .section.pd-140px {
    padding-top: var(--components--sections--paddings--pd-large);
    padding-bottom: var(--components--sections--paddings--pd-large);
  }

  .section.hero-section---v6 {
    padding-top: var(--components--sections--paddings--pd-medium);
    padding-bottom: 140px;
  }

  .width-50ch {
    width: auto;
  }

  .hero-v3---images-wrapper {
    padding-top: 80px;
  }

  .position-relative.overflow-hidden.logo-strip-v10 {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .hidden-on-mobile-landscape {
    display: none;
  }

  .infite-marquee-image-wrapper.hero-v12 {
    flex: none;
    max-width: 150px;
  }

  .infinite-marquee-2-columns-wrapper {
    grid-column-gap: var(--globals--grid-gap--small);
    grid-row-gap: var(--globals--grid-gap--small);
    flex-direction: column;
    width: 100%;
    position: static;
  }

  .infinite-marquee-column-wrapper.left {
    flex-direction: row;
    justify-content: flex-start;
    width: 100%;
  }

  .infinite-marquee-column-wrapper.right {
    flex-direction: row;
    width: 100%;
  }

  .infinite-marquee-column {
    padding-right: var(--globals--grid-gap--small);
    grid-column-gap: var(--globals--grid-gap--small);
    grid-row-gap: var(--globals--grid-gap--small);
    flex-direction: row;
    flex: none;
    justify-content: flex-start;
    padding-bottom: 0;
  }

  .infinite-marquee-column.marquee.hero-v12 {
    padding-right: var(--globals--grid-gap--small);
    grid-column-gap: var(--globals--grid-gap--small);
    grid-row-gap: var(--globals--grid-gap--small);
  }

  .grid-form {
    grid-column-gap: var(--globals--grid-gap--default);
    grid-row-gap: var(--globals--grid-gap--default);
    grid-template-columns: 1fr;
  }

  .form-wrapper._380px {
    max-width: 100%;
  }

  .footer-top {
    padding-top: var(--components--footers--paddings--pd-large);
  }

  .footer-top.v2 {
    padding-top: var(--components--footers--paddings--pd-medium);
    padding-bottom: 0;
  }

  .footer-center {
    padding-top: var(--components--footers--paddings--pd-regular);
    padding-bottom: var(--components--footers--paddings--pd-regular);
  }

  .footer-logo-wrapper.v2 {
    max-width: 131px;
  }

  .slider-wrapper.testimonial-slider-v1 {
    padding-bottom: 0;
  }

  .slider-wrapper.projects-slider---v2 {
    padding-bottom: 80px;
  }

  .slider-mask.projects-slider---v2 {
    max-width: 500px;
  }

  .logo-marquee-image-wrapper {
    flex: none;
  }

  .accordion-v2 {
    padding-top: var(--globals--paddings--pd-default);
    padding-bottom: var(--globals--paddings--pd-default);
    flex-flow: column;
    padding-left: 0;
  }

  .image.cover-image.project-card-v1-image {
    object-position: 50% 0%;
    max-height: 300px;
  }

  .image.cover-image.project-card-v2---image, .image.cover-image.project-card-v3---image {
    max-height: 300px;
  }

  .image.cover-image.post-card-featured-v1---image {
    min-height: auto;
    max-height: 300px;
  }

  .image.cover-image.responsive---mbl {
    max-height: 300px;
  }

  .image.cover-image.gallery-image {
    max-height: 370px;
  }

  .image.cover-image.project---featured-image {
    max-height: 430px;
  }

  .image.cover-image.product-card-v2---image {
    min-height: auto;
    max-height: 300px;
  }

  .image.cover-image.post-page-image {
    max-height: 400px;
  }

  .title-left---content-right.alt-v3 {
    flex-flow: column;
    justify-content: space-between;
    align-items: stretch;
  }

  ._100-tablet {
    max-width: 100%;
  }

  .feature-wrapper {
    font-size: var(--core--font-size--displays-mbl--display-3);
  }

  .categories-badge-wrapper {
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  .blog-card-v12-wrapper {
    padding-top: var(--globals--margins--mg-medium);
    padding-bottom: var(--globals--margins--mg-medium);
  }

  .section-v30-content-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    max-height: 350px;
  }

  .marquee-item---content-section-v30 {
    font-size: var(--core--font-size--displays-mbl--display-10);
  }

  .dropdown-toogle {
    font-size: var(--core--font-size--displays--display-2);
  }

  .dropdown-link.dark {
    font-size: var(--core--font-size--displays--display-1);
  }

  .content-card-v20-right-content {
    padding-top: var(--globals--margins--mg-default);
    padding-left: 0;
    padding-right: 0;
  }

  .sidebar---navbar {
    padding-top: var(--globals--paddings--pd-medium);
    justify-content: space-between;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .utp---nav-menu-wrapper {
    border-top: 1px solid var(--neutral--300\<deleted\|variable-c5de2c5c\>);
    border-bottom: 1px solid var(--neutral--300\<deleted\|variable-c5de2c5c\>);
    background-color: var(--neutral--100\<deleted\|variable-89a718ad\>);
    padding: 24px;
  }

  .loading-circle {
    min-width: 100px;
    max-width: 100px;
    min-height: 100px;
    max-height: 100px;
  }

  .card-wrapper {
    top: 40px;
  }

  .cards-container {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
  }

  .about-me-section---image-container {
    max-width: 100%;
    padding: 0;
  }

  .full-page-menu---link {
    font-size: 40px;
    line-height: 56px;
  }

  .sales-home---pages-container {
    grid-row-gap: var(--globals--grid-gap--small);
  }

  .sales-home---pages-row {
    grid-column-gap: var(--globals--grid-gap--small);
    grid-row-gap: var(--globals--grid-gap--small);
  }

  .sales-home---hero-link-wrapper {
    max-width: 240px;
  }

  .text-and-image-card---text-container {
    padding: var(--components--cards--paddings--pd-medium);
  }

  .max-width-64px {
    max-width: 56px;
  }

  .sales-home---cta-card-text-container {
    padding-right: var(--components--cards--paddings--pd-medium);
    padding-left: var(--components--cards--paddings--pd-medium);
  }

  .sales-home-cta-card-square-logo {
    max-width: 50px;
  }

  .sales-home---cta-card-image {
    min-width: 800px;
    max-width: 800px;
    margin-bottom: -32px;
  }

  .utp---components-wrapper.avatars {
    grid-template-columns: 1fr;
  }

  .utp---buttons-sidebar-item-wrapper {
    padding-top: var(--components--cards--paddings--pd-medium);
    padding-bottom: var(--components--cards--paddings--pd-medium);
    grid-column-gap: var(--globals--grid-gap--medium);
    grid-row-gap: var(--globals--grid-gap--medium);
  }

  .check-icon {
    width: 18px;
    min-width: 18px;
    height: 18px;
    min-height: 18px;
    font-size: 8px;
  }

  .footer-title {
    font-size: var(--core--font-size--displays--display-3);
  }

  .dropodown-title {
    margin-bottom: var(--globals--margins--mg-small);
    font-size: var(--core--font-size--displays-mbl--display-2);
  }

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

  .search-grid-wrapper {
    grid-template-columns: 1fr;
  }

  .cart-container {
    padding-right: var(--globals--paddings--pd-default);
    padding-left: var(--globals--paddings--pd-default);
  }

  .button-icon-right {
    width: 28px;
    height: 28px;
  }

  .header-container.sticky-alt {
    padding-top: var(--globals--margins--mg-small);
  }

  .card-menu {
    padding: var(--components--cards--paddings--pd-large) var(--components--cards--paddings--pd-medium);
    width: 100%;
    max-width: none;
  }

  .availability-wrapper.center {
    grid-column-gap: var(--globals--gaps--gap-extra-small);
    grid-row-gap: var(--globals--gaps--gap-extra-small);
  }

  .availability-icon.v2 {
    width: 14px;
    height: 14px;
  }

  .card-menu---link {
    font-size: var(--core--font-size--displays-mbl--display-5);
  }

  .card-menu---pages-grid {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
  }

  .footer-middle {
    padding-top: var(--components--sections--paddings--pd-default);
    padding-bottom: var(--components--sections--paddings--pd-default);
  }

  .heading-icon {
    max-width: 40px;
  }

  .heading-icon.small {
    max-width: 24px;
  }

  .heading-icon.medium {
    max-width: 48px;
  }

  .heading-icon._48px {
    max-width: 40px;
  }

  .heading-icon.alt---mbl {
    float: none;
    margin-top: 0;
    margin-bottom: 4px;
    margin-right: 0;
  }

  .heading-icon.alt-v2 {
    max-width: 54px;
  }

  .footer-content-left---content-v1 {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    max-width: 358px;
  }

  .cart-footer {
    padding-top: var(--components--cards--paddings--pd-default);
    padding-bottom: var(--components--cards--paddings--pd-medium);
  }

  .link-wrapper---footer-v2 {
    grid-column-gap: var(--globals--gaps--gap-medium);
    grid-row-gap: var(--globals--gaps--gap-small);
    flex-flow: wrap;
  }

  .footer-link-v2 {
    font-size: var(--core--font-size--displays--display-4);
  }

  .footer-right-content---footer-v2 {
    grid-column-gap: var(--globals--gaps--gap-medium);
    grid-row-gap: var(--globals--gaps--gap-medium);
  }

  .card-frame {
    border-radius: 12px;
    padding: 8px;
  }

  .card-frame.about-card-frame {
    max-width: 100%;
  }

  .card-frame-image {
    border-radius: 8px;
  }

  .card-frame-image.alt---mbl {
    max-height: 300px;
  }

  .card-frame-image.hero-section---v4---image {
    max-height: 400px;
  }

  .card-frame-image.responsiver---mbl {
    max-height: 300px;
  }

  .availability-card-text {
    font-size: 12px;
  }

  .hero-bottom-content-wrapper---v1 {
    margin-top: 54px;
  }

  .hero-marquee {
    padding-right: var(--globals--gaps--gap-medium);
    grid-column-gap: var(--globals--gaps--gap-medium);
    grid-row-gap: var(--globals--gaps--gap-medium);
  }

  .caruosel-image-wrapper {
    border-radius: var(--globals--border-radius--br-default);
    min-width: 250px;
    max-width: 250px;
  }

  .caruosel-image-wrapper.small {
    min-width: 200px;
    max-width: 200px;
  }

  .caruosel-image-wrapper._336px {
    min-width: 268px;
    max-width: 268px;
  }

  .about-text-badge {
    background-repeat: no-repeat;
    background-size: contain;
    width: 56px;
    min-width: 56px;
    height: 32px;
    transform: translate(4px, 10px)rotate(-4deg);
  }

  .card-project-v1---content-wrapper {
    grid-template-columns: 1fr;
  }

  .card-project-v1---left-contet {
    padding-right: 8px;
    padding-bottom: var(--components--cards--paddings--pd-default);
    grid-column-gap: var(--globals--grid-gap--default);
    grid-row-gap: var(--globals--grid-gap--default);
    max-width: 370px;
    padding-left: 8px;
  }

  .service-card-v1---top-banner-light {
    height: 40px;
  }

  .service-card---content {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    min-height: auto;
  }

  .service-card---content._3-posts---item {
    flex-flow: column;
    align-items: stretch;
  }

  .service-card-v1---top-content {
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
  }

  .service-card-icon {
    min-width: 40px;
    max-width: 40px;
    min-height: 40px;
    max-height: 40px;
  }

  .service-feature-grid._3-posts---item {
    width: 100%;
  }

  .testimonial-author-wrapper {
    grid-column-gap: var(--globals--gaps--gap-default);
    grid-row-gap: var(--globals--gaps--gap-default);
  }

  .testimonial-avatar {
    min-width: 56px;
    max-width: 56px;
    min-height: 56px;
    max-height: 56px;
  }

  .testimonial-left-content---v1 {
    width: 100%;
    min-width: auto;
    max-width: 320px;
    margin-bottom: 20px;
    padding-bottom: 0;
  }

  .slider-wrapper---testimonial-v1 {
    width: 100%;
    max-width: 100%;
  }

  .testimonial-grid-v1-wrapper {
    flex-flow: column;
  }

  .cta-v1---marquee-container {
    grid-column-gap: var(--globals--grid-gap--small);
    grid-row-gap: var(--globals--grid-gap--small);
    flex-flow: column;
    width: 100%;
    max-width: 100%;
    margin-bottom: -40px;
    position: relative;
    overflow: hidden;
    transform: none;
  }

  .cta-main---marquee-wrapper {
    flex-flow: row;
  }

  .cta-main---marquee {
    padding-right: var(--globals--gaps--gap-medium);
    grid-column-gap: var(--globals--gaps--gap-medium);
    grid-row-gap: var(--globals--gaps--gap-medium);
    flex-flow: row;
    justify-content: center;
    align-items: center;
    padding-bottom: 0;
  }

  .cta-v1---gradient-right {
    background-image: linear-gradient(90deg, transparent, var(--globals--color--surfaces--07));
    width: 45%;
    inset: 0% 0% 0% auto;
  }

  .cta-v1---gradient-left {
    background-image: linear-gradient(270deg, transparent, var(--globals--color--surfaces--07));
    width: 45%;
    inset: 0% auto 0% 0%;
  }

  .about-section---image-container {
    max-width: 600px;
  }

  .project-slider---v2 {
    margin-right: var(--globals--margins--mg-small);
  }

  .card-project-v2---content-wrapper {
    padding-right: var(--components--cards--paddings--pd-extra-small);
    padding-bottom: var(--components--cards--paddings--pd-small);
    padding-left: var(--components--cards--paddings--pd-extra-small);
  }

  .cta-v2---top-marquee-wrapper {
    top: -23%;
  }

  .cta-v2---bottom-marquee-wrapper {
    bottom: -23%;
  }

  .testimonial-card-v2---avatar-wrapper {
    max-width: 80px;
  }

  .post-card-v1---content-wrapper {
    padding-right: var(--components--cards--paddings--pd-medium);
    padding-left: var(--components--cards--paddings--pd-medium);
    grid-column-gap: var(--globals--gaps--gap-medium);
    grid-row-gap: var(--globals--gaps--gap-medium);
    max-width: 100%;
  }

  .post-card-v1---content-wrapper._3-post-item {
    width: 100%;
  }

  .about-image-container---v3 {
    max-width: 100%;
  }

  .cta-v2---marquee-container {
    grid-column-gap: var(--globals--gaps--gap-medium);
    grid-row-gap: var(--globals--gaps--gap-medium);
    flex-flow: column;
    width: 100%;
    max-width: 100%;
    margin-bottom: -40px;
    position: relative;
    overflow: hidden;
    transform: none;
  }

  .cta-v2---gradient-left {
    background-image: linear-gradient(270deg, transparent, var(--globals--color--surfaces--07));
    width: 45%;
    inset: 0% auto 0% 0%;
  }

  .cta-v2---gradient-right {
    background-image: linear-gradient(270deg, var(--globals--color--surfaces--07), transparent);
    width: 45%;
    padding: 0;
    display: block;
    position: absolute;
    inset: 0% 0% 0% auto;
  }

  .testimonial-card-v3---top-content {
    grid-column-gap: var(--globals--gaps--gap-default);
    grid-row-gap: var(--globals--gaps--gap-default);
  }

  .testimonial-card-v3---avatar-wrapper {
    grid-column-gap: var(--globals--gaps--gap-small);
    grid-row-gap: var(--globals--gaps--gap-small);
  }

  .post-card-featured-v1---content-wrapper {
    padding: var(--components--cards--paddings--pd-medium) 0px 0px;
    max-width: 100%;
  }

  .mg-top-section {
    margin-top: var(--components--sections--paddings--pd-medium);
  }

  .skills-icon {
    max-width: 40px;
  }

  .resume-card-wrapper {
    flex-flow: column;
  }

  .contact-links-wrapper-v1 {
    grid-row-gap: var(--globals--grid-gap--default);
    flex-flow: wrap;
  }

  .contact-link.alt---v2 {
    flex-flow: row;
  }

  .contact-icon {
    max-height: 32px;
  }

  .hero-top-content---contact-v2 {
    grid-column-gap: var(--globals--gaps--gap-large);
    grid-row-gap: var(--globals--gaps--gap-large);
  }

  .hero-top-left-content---contact-v3 {
    grid-column-gap: var(--globals--gaps--gap-small);
    grid-row-gap: var(--globals--gaps--gap-small);
    justify-content: center;
    align-items: center;
  }

  .project-icon {
    border-radius: 8px;
    max-width: 48px;
  }

  .gallery-grid-wrapper {
    grid-column-gap: var(--globals--grid-gap--small);
    grid-row-gap: var(--globals--grid-gap--small);
  }

  .gallery-image---wrapper.small {
    border-radius: var(--globals--border-radius--br-small);
  }

  .gallery-image---wrapper.medium {
    border-radius: var(--globals--border-radius--br-default);
  }

  .footer-top-v1 {
    padding-top: var(--components--footers--paddings--pd-large);
    padding-bottom: var(--components--footers--paddings--pd-large);
  }

  .footer-logo---wrapper {
    max-width: 120px;
  }

  .v1-footer-bottom-content-wrapper {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }

  .v1-logo-wrapper {
    max-width: 120px;
  }

  .logo-strip-wrapper---grid {
    grid-column-gap: var(--globals--grid-gap--default);
    grid-row-gap: var(--globals--grid-gap--default);
    grid-template-columns: auto auto auto;
    max-width: 350px;
    margin-left: auto;
    margin-right: auto;
  }

  .text-center---mbl {
    text-align: center;
  }

  .title-and-arrows {
    margin-right: 0;
  }

  .title-and-arrows.alt-mbl {
    margin-right: 200px;
  }

  .service-card-v2---content {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    max-width: 100%;
  }

  .testimonial-card-v2---logo {
    max-width: 138px;
  }

  .project-card-v3 {
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
  }

  .project-card-v3---content {
    padding-top: 0;
    padding-left: 24px;
  }

  .position-sticky.static---mbl {
    position: static;
  }

  .service-card-v3---content {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    max-width: 100%;
  }

  .hero-section---v4---content {
    text-align: center;
    max-width: 100%;
  }

  .career-content {
    max-width: 100%;
  }

  .form-block---main {
    min-height: 744px;
  }

  .product-card-v2---content {
    max-width: 100%;
  }

  .price-strikethrough {
    font-size: var(--core--font-size--displays-mbl--display-5);
  }

  .input-form-block---btn-bottom {
    min-height: 112px;
  }

  .blog-grid---column {
    grid-row-gap: 54px;
    flex-flow: column-reverse;
    align-items: stretch;
  }

  .blog-grid---column---content-top {
    max-width: 332px;
  }

  .width-100-mbl {
    width: 100%;
  }

  .mg-top-section-extra-large {
    margin-top: var(--components--sections--paddings--pd-large);
  }

  .input-form-block---btn-inside {
    min-height: 64px;
  }

  .input-form-block---btn-inside._463px {
    width: 100%;
    max-width: 463px;
  }

  .blog-details-wrapper---page {
    grid-column-gap: var(--globals--gaps--gap-default);
    grid-row-gap: var(--globals--gaps--gap-default);
  }

  .v3-footer-bottom-content-wrapper {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }

  .search-content-top {
    max-width: 100%;
  }

  .v2-footer-bottom-content-wrapper {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }

  .success_w {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .button {
    padding-top: .7rem;
    padding-bottom: .85rem;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: var(--core--font-size--headings-mbp--h1);
  }

  h2 {
    font-size: var(--core--font-size--headings-mbp--h2);
  }

  h3 {
    font-size: var(--core--font-size--headings-mbp--h3);
  }

  h4 {
    font-size: var(--core--font-size--headings-mbp--h4);
  }

  h5 {
    font-size: var(--core--font-size--headings-mbp--h5);
  }

  h6 {
    font-size: var(--core--font-size--headings-mbp--h6);
  }

  blockquote {
    padding: var(--components--cards--paddings--pd-medium) var(--globals--paddings--pd-medium);
    font-size: var(--core--font-size--displays--display-2);
  }

  .display-10 {
    font-size: var(--core--font-size--displays-mbp--display-10);
  }

  .display-9 {
    font-size: var(--core--font-size--displays-mbp--display-9);
  }

  .display-8 {
    font-size: var(--core--font-size--displays-mbp--display-8);
  }

  .display-7 {
    font-size: var(--core--font-size--displays-mbp--display-7);
  }

  .display-6 {
    font-size: var(--core--font-size--displays-mbp--display-6);
  }

  .display-5 {
    font-size: var(--core--font-size--displays-mbp--display-5);
  }

  .display-4 {
    font-size: var(--core--font-size--displays-mbp--display-4);
  }

  .display-3 {
    font-size: var(--core--font-size--displays-mbp--display-3);
  }

  .display-2 {
    font-size: var(--core--font-size--displays-mbp--display-2);
  }

  .display-1 {
    font-size: var(--core--font-size--displays-mbp--display-1);
  }

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

  .utp---color-block {
    height: 100px;
  }

  .grid-2-columns.dropdown-link-column.main, .grid-2-columns.changelog-item {
    grid-template-columns: 1fr;
  }

  .grid-2-columns.surprises-image-right, .grid-2-columns.surprises-image-left {
    padding-top: var(--components--sections--paddings--pd-default);
    padding-bottom: var(--components--sections--paddings--pd-default);
  }

  .grid-2-columns.hero-grid---hero-location {
    grid-row-gap: var(--globals--grid-gap--medium);
    grid-template-columns: 1fr;
  }

  .grid-2-columns.side-bar-right-grid {
    grid-row-gap: 54px;
  }

  .grid-2-columns.product-gallery-grid {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .grid-2-columns._2-col-mbl {
    grid-template-columns: 1fr;
  }

  .card.utp---icon-font {
    padding: 39px 23px;
  }

  .card.form-wrapper, .card.form-wrapper.v2 {
    padding-right: var(--components--cards--paddings--pd-default);
    padding-left: var(--components--cards--paddings--pd-default);
  }

  .card.template-pages---sticky-card {
    border-radius: var(--components--cards--border-radius--br-small);
  }

  .card.checkout-block {
    padding-right: var(--components--cards--paddings--pd-default);
    padding-left: var(--components--cards--paddings--pd-default);
  }

  .card.cart-card {
    border-radius: 0;
    flex-flow: column;
    flex: 1;
    justify-content: space-between;
    align-items: stretch;
    height: 100%;
    display: flex;
    overflow: auto;
  }

  .card.footer-cta-card, .card.gradient-card.testimonial-v1-card {
    padding-right: var(--components--cards--paddings--pd-default);
    padding-left: var(--components--cards--paddings--pd-default);
  }

  .card.cta-card-v1 {
    padding-top: var(--components--cards--paddings--pd-large);
    padding-right: var(--components--cards--paddings--pd-default);
    padding-left: var(--components--cards--paddings--pd-default);
    border-radius: var(--components--cards--border-radius--br-small);
  }

  .card.cta-card-v2 {
    padding: 32% var(--components--cards--paddings--pd-default);
  }

  .card.testimonial-card-v2 {
    padding: var(--components--cards--paddings--pd-medium) var(--components--cards--paddings--pd-default);
    text-align: center;
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .card.post-card-v1 {
    border-radius: var(--components--cards--border-radius--br-small);
  }

  .card.testimonial-card-v3 {
    width: 90dvw;
  }

  .card.post-card-featured-v1 {
    padding-bottom: var(--components--cards--paddings--pd-medium);
  }

  .card.skill-card {
    padding-right: var(--components--cards--paddings--pd-default);
    padding-left: var(--components--cards--paddings--pd-default);
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    border-radius: var(--components--cards--border-radius--br-small);
  }

  .card.contact-form {
    min-height: 762px;
  }

  .card.side-bard-card {
    padding-right: var(--components--cards--paddings--pd-default);
    padding-left: var(--components--cards--paddings--pd-default);
  }

  .card.product-card-v2 {
    border-radius: var(--components--cards--border-radius--br-small);
  }

  .card.product-licenses-card {
    padding-right: var(--components--cards--paddings--pd-small);
    padding-left: var(--components--cards--paddings--pd-small);
    border-radius: var(--components--cards--border-radius--br-small);
  }

  .card.categories-badge {
    border-radius: var(--components--cards--paddings--pd-small);
    width: 100%;
  }

  .card.cta-card-newsletter {
    padding-right: var(--components--cards--paddings--pd-default);
    padding-left: var(--components--cards--paddings--pd-default);
    border-radius: var(--components--cards--border-radius--br-small);
  }

  .card.author-card {
    padding-right: var(--components--cards--paddings--pd-default);
    padding-left: var(--components--cards--paddings--pd-default);
  }

  .card.password-card, .card.template-card {
    padding-right: var(--components--cards--paddings--pd-default);
    padding-left: var(--components--cards--paddings--pd-default);
    border-radius: var(--components--cards--border-radius--br-small);
  }

  .card.cta-card-v3 {
    padding-top: var(--components--cards--paddings--pd-large);
    padding-right: var(--components--cards--paddings--pd-default);
    padding-left: var(--components--cards--paddings--pd-default);
    border-radius: var(--components--cards--border-radius--br-small);
  }

  .card.cta-card, .card.cta-card-newsletter---column {
    padding-right: var(--components--cards--paddings--pd-default);
    padding-left: var(--components--cards--paddings--pd-default);
    border-radius: var(--components--cards--border-radius--br-small);
  }

  .flex-horizontal.n-bar---space-between {
    grid-row-gap: 16px;
  }

  .flex-horizontal.logo-strip.v10 {
    flex-wrap: nowrap;
    position: static;
    overflow: hidden;
  }

  .grid-1-column.side-bard-card---items {
    grid-column-gap: var(--globals--grid-gap--small);
    grid-template-columns: auto auto;
  }

  .inner-container._400px---mbl.center._100-mbp {
    max-width: 100%;
  }

  .inner-container._400px---mbp {
    max-width: 400px;
  }

  .inner-container._250px---mbp {
    max-width: 250px;
  }

  .inner-container._300px---mbp {
    max-width: 300px;
  }

  .inner-container._350px---mbp {
    max-width: 350px;
  }

  .icon-font-rounded.thank-you-message-icon {
    font-size: var(--core--font-size--displays-mbp--display-3);
  }

  .icon-font-rounded.thank-you-message-icon.large {
    font-size: var(--core--font-size--displays-mbp--display-9);
  }

  .utp---card-componets-wrapper.v2.rich-text {
    padding-top: var(--components--cards--paddings--pd-medium);
    padding-bottom: var(--components--cards--paddings--pd-medium);
  }

  .utp---buttons-top {
    display: none;
  }

  .utp---grid-components {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-rows: auto;
  }

  .utp---grid-components.links, .utp---grid-components.badges {
    grid-template-columns: 1fr;
  }

  .primary-button.small.inside-input {
    border-radius: 6px;
    width: 100%;
    margin-top: 14px;
    padding-top: 12px;
    padding-bottom: 12px;
    position: static;
  }

  .primary-button.inside-input {
    margin-top: var(--globals--margins--mg-small);
    position: static;
  }

  .primary-button.inside-input.small {
    border-radius: var(--components--buttons--border-radius--br-pill);
  }

  .utp---buttons-sidebar {
    display: none;
  }

  .secondary-button.slider-button.testimonial-v1---left, .secondary-button.slider-button.testimonial-v1---right, .secondary-button.slider-button.project-v2---left, .secondary-button.slider-button.project-v2---right {
    width: auto;
  }

  .secondary-button.slider-button.skills-slider---left {
    width: auto;
    margin-right: 8px;
    inset: auto 50% 0% auto;
  }

  .secondary-button.slider-button.skills-slider---right {
    width: auto;
    margin-left: 8px;
    inset: auto auto 0% 50%;
  }

  .secondary-button.slider-button.right, .secondary-button.slider-button.left {
    width: auto;
  }

  .input.small.button-inside {
    padding-right: 12px;
  }

  .input.button-inside {
    padding-right: 16px;
  }

  .input.button-inside.default-input {
    height: 48px;
  }

  .text-area {
    border-radius: var(--components--cards--paddings--pd-small);
  }

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

  .grid-3-columns.gallery-grid {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template-columns: 1fr 1fr;
  }

  .grid-3-columns.projects-grid---v3, .grid-3-columns.projects-grid-v3 {
    grid-row-gap: var(--globals--grid-gap--large);
  }

  .grid-3-columns.blog-grid-v2 {
    grid-row-gap: var(--globals--grid-gap--medium);
  }

  .accordion-item {
    border-radius: var(--components--accordions--border-radius--br-small);
  }

  .buttons-row.between {
    grid-row-gap: var(--globals--gaps--gap-medium);
    align-items: stretch;
  }

  .buttons-row.between.center-mbp {
    justify-content: center;
    align-items: center;
  }

  .buttons-row.center-mbp {
    justify-content: space-between;
    align-items: center;
  }

  .rich-text ul, .rich-text ol {
    padding-left: 24px;
  }

  .image-wrapper.hero-main-image---v1 {
    width: 54dvw;
    max-width: none;
    margin-left: 10%;
  }

  .image-wrapper.hero-badge-01---v2 {
    top: 0%;
    left: -7%;
  }

  .image-wrapper.hero-badge-02---v2 {
    width: 40%;
    top: 0%;
    right: -11%;
  }

  .image-wrapper.hero-badge-03---v2 {
    width: 23%;
    display: none;
    left: -1%;
  }

  .image-wrapper.hero-badge-04---v2 {
    width: 31%;
    display: none;
    right: -3%;
  }

  .image-wrapper.border-radius-image-medium {
    border-radius: var(--globals--border-radius--br-small);
  }

  .image-wrapper.border-radius-image-medium.project-card-v3---image-wrapper {
    width: 100%;
  }

  .image-wrapper.about-me-section---image {
    border-radius: var(--globals--border-radius--br-small);
    max-height: 250px;
  }

  .image-wrapper.story---image-wrapper {
    border-radius: var(--globals--border-radius--br-small);
  }

  .image-wrapper.hero-image---contact-v3 {
    min-width: auto;
  }

  .image-wrapper.hero-icon---contact-v3 {
    max-width: 72px;
  }

  .image-wrapper.border-radius-image-large {
    border-radius: var(--globals--border-radius--br-default);
  }

  .notification-bar-padding, .notification-bar-padding.v2 {
    padding-right: var(--globals--paddings--pd-medium);
    padding-left: var(--globals--paddings--pd-medium);
  }

  .notification-bar-close-icon {
    width: 38px;
    height: 38px;
    inset: 6px 6px auto auto;
  }

  .list-nav-menu.full-page-menu {
    padding-right: var(--core--container-default--padding--mb);
    padding-left: var(--core--container-default--padding--mb);
  }

  .link-nav-item.full-page-menu {
    justify-content: center;
  }

  .link-nav-item.full-page-menu.v3 {
    justify-content: flex-start;
  }

  .link-nav-item.show-on-tablet.header-btn {
    align-self: stretch;
  }

  .utp---other {
    grid-column-gap: var(--globals--grid-gap--medium);
    grid-row-gap: var(--globals--grid-gap--medium);
  }

  .utp---other.popups {
    flex-direction: column;
  }

  .nav-menu-wrapper.full-page-menu.v3 {
    padding-top: var(--core--sizes--size-10);
  }

  .social-media-grid {
    grid-row-gap: var(--globals--gaps--gap-default);
    flex-flow: wrap;
  }

  .section, .section.small {
    padding-top: var(--components--sections--paddings--pd-medium);
    padding-bottom: var(--components--sections--paddings--pd-medium);
  }

  .section.section-v30-wrapper {
    padding-top: 48px;
  }

  .section.horizontal-cards-section {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .section.template-pages-hero {
    padding-top: 40px;
  }

  .section.sales-home-hero {
    padding-top: 54px;
  }

  .section.full-height {
    padding-top: var(--components--sections--paddings--pd-large);
    padding-bottom: var(--components--sections--paddings--pd-large);
  }

  .section.full-height.coming-soon-page {
    padding-top: 54px;
  }

  .section.full-height._404-not-found-page {
    padding-top: 54px;
    padding-bottom: var(--components--sections--paddings--pd-extra-large);
  }

  .section.full-height.password-protected-page {
    padding-top: 54px;
    padding-bottom: 100px;
  }

  .section.hero-section---v1 {
    padding-top: 54px;
    padding-bottom: var(--components--sections--paddings--pd-extra-small);
  }

  .section.bottom {
    padding-bottom: 100px;
  }

  .section.hero-section---v2 {
    padding-top: 54px;
    padding-bottom: var(--components--sections--paddings--pd-extra-small);
  }

  .section.hero-section---v3 {
    padding-top: 54px;
    padding-bottom: var(--components--sections--paddings--pd-medium);
  }

  .section.hero-section---v4 {
    padding-top: 54px;
  }

  .section.top-200 {
    padding-top: 100px;
  }

  .section.hero-section---v5 {
    padding-top: 54px;
  }

  .section.hero-section---v6 {
    padding-top: 54px;
    padding-bottom: 120px;
  }

  .width-50ch {
    max-width: none;
  }

  .hero-v3---images-wrapper {
    padding-top: 64px;
  }

  ._2-images-wrapper-item.right, ._2-images-wrapper-item.left {
    max-width: 58%;
  }

  .position-relative.flex-vertical-left---mbp {
    flex-flow: column;
    align-items: flex-start;
    display: flex;
  }

  .infite-marquee-image-wrapper {
    max-width: 160px;
  }

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

  .form-wrapper._380px, .form-wrapper.flex-vertical-left---mbp {
    flex-flow: column;
    align-items: flex-start;
    display: flex;
  }

  .footer-top {
    padding-top: var(--components--footers--paddings--pd-medium);
  }

  .slider-wrapper.skills-slider {
    padding-bottom: 80px;
  }

  .slider-mask.projects-slider---v2, .slider-mask.skills-slider {
    max-width: 100%;
  }

  .logo-strip-fade {
    max-width: 100px;
  }

  .logo-marquee-image-wrapper {
    flex: none;
  }

  .accordion-v2 {
    padding-top: var(--globals--paddings--pd-small);
    padding-bottom: var(--globals--paddings--pd-small);
  }

  .image.cover-image.project-card-v1-image, .image.cover-image.product-card-v1---image, .image.cover-image.project-card-v2---image, .image.cover-image.project-card-v3---image, .image.cover-image.post-card-featured-v1---image, .image.cover-image.responsive---mbl {
    max-height: 250px;
  }

  .image.cover-image.gallery-image {
    max-height: 300px;
  }

  .image.cover-image.project---featured-image {
    max-height: 340px;
  }

  .image.cover-image.product-card-v2---image {
    max-height: 250px;
  }

  .image.cover-image.post-page-image {
    max-height: 300px;
  }

  .title-left---content-right.center.center---mbp {
    justify-content: center;
  }

  .feature-wrapper {
    font-size: var(--core--font-size--displays-mbp--display-3);
  }

  .blog-card-featured-right-content {
    padding-top: var(--components--cards--paddings--pd-default);
    padding-bottom: var(--components--cards--paddings--pd-default);
  }

  .categories-badge-wrapper {
    grid-column-gap: var(--globals--gaps--gap-small);
    grid-row-gap: var(--globals--gaps--gap-small);
    flex-direction: column;
    align-items: stretch;
    width: 100%;
  }

  .blog-details-wrapper-v3 {
    grid-column-gap: var(--globals--gaps--gap-default);
    grid-row-gap: var(--globals--gaps--gap-small);
    flex-wrap: wrap;
  }

  .section-v30-content-wrapper {
    max-height: 225px;
  }

  .marquee-item---content-section-v30 {
    font-size: var(--core--font-size--displays-mbp--display-8);
  }

  .center-content---tablet {
    align-items: stretch;
  }

  .dropdown-wrapper, .dropdown-toogle {
    margin-left: 0;
    margin-right: auto;
  }

  .sidebar---navbar, .utp---nav-menu-wrapper {
    padding-left: 18px;
    padding-right: 18px;
  }

  .loading-circle {
    border-width: 15px;
    min-width: 80px;
    max-width: 80px;
    min-height: 80px;
    max-height: 80px;
  }

  .popup-container.v1, .popup-container.v2 {
    padding-right: var(--core--container-default--padding--mb);
    padding-left: var(--core--container-default--padding--mb);
  }

  .sales-home---hero-link-wrapper {
    max-width: 180px;
  }

  .text-and-image-card---text-container, .sales-home---cta-card-text-container {
    padding-right: var(--components--cards--paddings--pd-default);
    padding-left: var(--components--cards--paddings--pd-default);
  }

  .sales-home---cta-card-image {
    min-width: 700px;
    max-width: 700px;
    margin-bottom: -24px;
  }

  .typography-badge-wrapper {
    flex-wrap: wrap;
  }

  .utp---components-wrapper {
    grid-template-columns: 1fr;
  }

  .blog-details-wrapper-v1 {
    flex-wrap: wrap;
  }

  .dropodown-title {
    font-size: var(--core--font-size--displays-mbp--display-2);
  }

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

  .mg-bottom-24px-mbp {
    margin-bottom: 24px;
  }

  .cart-container {
    padding: 0;
  }

  .card-menu {
    padding: var(--components--cards--paddings--pd-medium) var(--components--cards--paddings--pd-default);
  }

  .availability-wrapper.center {
    grid-column-gap: var(--globals--gaps--gap-tiny);
    grid-row-gap: var(--globals--gaps--gap-tiny);
  }

  .availability-icon.v2 {
    width: 10px;
    height: 10px;
  }

  .card-menu---close-button {
    width: 24px;
    height: 24px;
    font-size: 24px;
  }

  .card-menu---links-wrapper {
    grid-column-gap: var(--globals--gaps--gap-medium);
    grid-row-gap: var(--globals--gaps--gap-medium);
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
  }

  .card-menu---link {
    font-size: var(--core--font-size--displays-mbp--display-5);
  }

  .footer-top-content-v1 {
    grid-row-gap: 40px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .main-pages-grid---header-v1 {
    grid-column-gap: var(--globals--grid-gap--medium);
    grid-row-gap: var(--globals--grid-gap--medium);
  }

  .heading-icon {
    max-width: 38px;
  }

  .heading-icon.small {
    max-width: 22px;
  }

  .heading-icon.medium {
    max-width: 40px;
  }

  .footer-content-left---content-v1 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .footer-links-wrapper {
    grid-row-gap: var(--globals--grid-gap--small);
    flex-flow: wrap;
    display: flex;
  }

  .footer-pages-grid {
    grid-template-columns: auto;
  }

  .main-pages-grid---footer-v1 {
    grid-column-gap: var(--globals--grid-gap--medium);
    grid-row-gap: var(--globals--grid-gap--medium);
  }

  .footer-link-v2 {
    font-size: var(--core--font-size--displays--display-3);
  }

  .card-frame {
    border-radius: 10px;
    padding: 6px;
  }

  .card-frame-image {
    border-radius: 8px;
  }

  .card-frame-image.coming-soon-image {
    border-radius: 12px;
  }

  .card-frame-image.alt---mbl {
    max-height: 250px;
  }

  .card-frame-image.hero-section---v4---image {
    max-height: 300px;
  }

  .card-frame-image.responsiver---mbl {
    max-height: 250px;
  }

  .availability-card-text {
    font-size: 10px;
  }

  .card-frame-dot {
    width: 12px;
    height: 12px;
    top: 20px;
    right: 20px;
  }

  .card-frame-dot.left {
    top: 20px;
    left: 20px;
  }

  .caruosel-image-wrapper {
    border-radius: var(--globals--border-radius--br-small);
    min-width: auto;
  }

  .caruosel-image-wrapper.small {
    border-radius: 10px;
    min-width: 180px;
    max-width: 180px;
  }

  .card-project-v1---left-contet {
    padding: var(--components--cards--paddings--pd-default) 0px var(--components--cards--paddings--pd-small);
    margin-right: 40px;
  }

  .service-card---content {
    padding-right: var(--components--cards--paddings--pd-default);
    padding-bottom: var(--core--sizes--size-6);
    padding-left: var(--components--cards--paddings--pd-default);
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .service-card---content.v2, .service-card---content.v3 {
    padding-right: var(--components--cards--paddings--pd-default);
    padding-left: var(--components--cards--paddings--pd-default);
  }

  .service-card-v1---top-content {
    grid-row-gap: 8px;
    flex-flow: column-reverse;
    justify-content: space-between;
    align-items: flex-start;
  }

  .testimonial-author-wrapper {
    flex-flow: wrap;
  }

  .testimonial-avatar {
    min-width: 48px;
    max-width: 48px;
    min-height: 48px;
    max-height: 48px;
  }

  .cta-v1---marquee-container {
    margin-bottom: -32px;
  }

  .card-project-v2---content-wrapper {
    padding-right: 0;
    padding-bottom: var(--components--cards--paddings--pd-extra-small);
    padding-left: 0;
  }

  .card-project-v2---details-wrapper {
    grid-row-gap: var(--globals--gaps--gap-medium);
    flex-flow: wrap;
  }

  .service-card-v2---left-content {
    grid-column-gap: var(--globals--gaps--gap-medium);
    grid-row-gap: var(--globals--gaps--gap-medium);
    flex-flow: column-reverse;
    justify-content: space-between;
    align-items: flex-start;
  }

  .center-content.stretch---mbp {
    align-items: stretch;
  }

  .cta-v2---top-marquee-wrapper {
    top: -21%;
  }

  .cta-v2---bottom-marquee-wrapper {
    bottom: -21%;
  }

  .stack-card._01 {
    top: 24px;
  }

  .stack-card._02 {
    top: 56px;
  }

  .stack-card._03 {
    top: 88px;
  }

  .post-card-v1---content-wrapper {
    padding-right: var(--components--cards--paddings--pd-default);
    padding-left: var(--components--cards--paddings--pd-default);
  }

  .post-card-v1---content-wrapper._3-post-item {
    padding-right: var(--components--cards--paddings--pd-small);
    padding-left: var(--components--cards--paddings--pd-small);
  }

  .cta-v2---marquee-container {
    margin-bottom: -32px;
  }

  .testimonial-card-v3---avatar-wrapper {
    flex-flow: wrap;
  }

  .post-card-featured-v1---content-wrapper {
    padding-top: var(--components--cards--paddings--pd-default);
  }

  .mg-top-section {
    margin-top: var(--components--sections--paddings--pd-default);
  }

  .resume-card---details-wrapper {
    flex-flow: column;
  }

  .resume-card---details-wrapper.center {
    justify-content: space-between;
    align-items: flex-start;
  }

  .logo-wrapper---project-single {
    grid-column-gap: var(--globals--gaps--gap-small);
    grid-row-gap: var(--globals--gaps--gap-small);
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .project-icon {
    max-width: 40px;
  }

  .gallery-grid-wrapper {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template-columns: 1fr 1fr;
  }

  .shipping-method {
    flex-flow: column;
  }

  .text-no-wrap.normal---mbp {
    white-space: normal;
  }

  .cart-empty-state {
    justify-content: center;
    align-items: stretch;
  }

  .cart-item {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .cart-item:first-child {
    padding-top: 12px;
  }

  .cart-item:last-child {
    padding-bottom: 12px;
  }

  .cart-item-content---main {
    flex-flow: column;
  }

  .logo-strip-wrapper---grid {
    max-width: 300px;
  }

  .text-center---mbl.left---mbp {
    text-align: left;
  }

  .title-and-arrows.alt-mbl {
    margin-right: 0;
  }

  .testimonial-card-v2---logo {
    margin-left: auto;
    margin-right: auto;
  }

  .width-100-mbp {
    width: 100%;
  }

  .project-card-v3 {
    flex-flow: column;
    align-items: stretch;
  }

  .project-card-v3---content {
    padding-top: 20px;
    padding-left: 0;
  }

  .service-card-v3---left-content {
    grid-column-gap: var(--globals--gaps--gap-medium);
    grid-row-gap: var(--globals--gaps--gap-medium);
    flex-flow: column-reverse;
    justify-content: space-between;
    align-items: flex-start;
  }

  .text-center---mbp {
    text-align: center;
  }

  .price-strikethrough {
    font-size: var(--core--font-size--displays-mbp--display-5);
  }

  .product-button-text {
    left: 23px;
  }

  .button-group-grid {
    grid-column-gap: 8px;
  }

  .blog-grid---column---content-top {
    align-items: stretch;
    max-width: 100%;
  }

  .mg-top-section-extra-large {
    margin-top: var(--components--sections--paddings--pd-medium);
  }

  .input-form-block---btn-inside {
    min-height: 112px;
  }

  .shipping-method-content {
    max-width: 250px;
    margin: 12px 0;
  }

  .order---item {
    flex-flow: column;
  }

  .order-item---content-main {
    margin-right: 0;
    margin-bottom: var(--globals--margins--mg-small);
  }

  .more-templates-badge-wrapper-edited {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    max-width: 250px;
    padding: 8px 18px 8px 15px;
  }

  .more-templates-logo {
    width: 60px;
  }

  .more-templates-p {
    font-size: 12px;
  }

  .more-templates-lottie {
    width: 40px;
  }

  .brix-badges-wrapper {
    width: 310px;
    height: 100px;
    right: 22px;
  }

  .more-templates-lottie-2 {
    width: 40px;
    top: -16px;
    right: -15px;
  }

  .more-templates-badge-wrapper {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    max-width: 310px;
    padding: 8px 18px 8px 15px;
  }

  .more-templates-badge-wrapper:hover {
    transform: scale(.9)translate(0, 20px);
  }

  .hero-marque_image {
    height: auto;
  }

  .success_w {
    padding-left: 1.2rem;
    padding-right: 1.2rem;
  }
}

#w-node-d8de9d14-f5ea-098b-f4b0-f07863b78ebe-63b78ead {
  grid-area: 1 / 6 / 2 / 13;
}

#w-node-_05b7dba5-8d48-91ef-ee58-d8964e99b31c-63b78ead, #w-node-d0a0e3f3-f5d0-714b-d1a4-2016a006204e-63b78ead {
  justify-self: stretch;
}

#w-node-e9da5fd6-ab44-5b2f-81ad-6e5f36bfab9c-36bfab9c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-cf27d9e1-6e74-0954-8a7e-4882ec074bf9-2e55d85c {
  place-self: stretch stretch;
}

#w-node-cf27d9e1-6e74-0954-8a7e-4882ec074c01-2e55d85c {
  justify-self: end;
}

#w-node-_4c95955b-5376-2a18-25b3-2ef24ef96df8-2e55d85d {
  place-self: stretch stretch;
}

#w-node-_6c1aff8b-a672-49ac-786d-39db654a4e11-654a4e11, #w-node-_8613752a-dccf-3d68-682b-f1c016de1eb0-16de1eb0, #w-node-af088ac0-c61f-0ae6-a8c7-517ab41a5f63-b41a5f63 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_8eb838e1-85fa-b7d0-00f9-3028520f71c0-2e55d85e {
  grid-area: span 3 / span 1 / span 3 / span 1;
}

#w-node-_37f9bb41-a6c1-9f5a-a292-9b3a8f21a799-2e55d85e {
  grid-area: span 2 / span 1 / span 2 / span 1;
  place-self: stretch stretch;
}

#w-node-_8be49823-2ee2-f35e-30c3-32cae75722c2-2e55d85e, #w-node-bcbff808-8147-6b45-e5a6-12260f7419e1-2e55d85e {
  justify-self: end;
}

#w-node-b143c10d-5089-7c9d-cc84-dea72ee3549a-2e55d85e {
  grid-area: 1 / 1 / 3 / 3;
  place-self: stretch stretch;
}

#w-node-c5d114b6-ebb2-a488-5347-0e80d0114148-2e55d85e, #w-node-d214e0b1-e65b-103b-e855-095cd8412fe2-2e55d85e, #w-node-_64cad01905c356d49ce5ef94000000000014-2e55d89a {
  place-self: stretch stretch;
}

#w-node-_18716559-f127-8fe0-474c-ae695a324a17-2e55d8a0 {
  justify-self: center;
}

#w-node-_00c0a0dd-0359-5990-14f5-66651571d59c-2e55d8a0 {
  justify-self: end;
}

#w-node-f19a12e4-2c5e-51a5-a69c-d9d664ee11a6-2e55d8a0 {
  place-self: stretch end;
}

#w-node-_778dee6d-d280-5e21-fe00-002c1c43ec69-2e55d8a0 {
  grid-area: 1 / 2 / 2 / 3;
  justify-self: end;
}

#w-node-_884934ad-5fbc-29c2-d152-6255dd142b47-2e55d8a0 {
  place-self: stretch stretch;
}

#w-node-_97c4551a-612e-1312-58fb-d500fd00c1f7-2e55d8a1 {
  grid-area: span 3 / span 1 / span 3 / span 1;
}

#w-node-fa5cec29-454a-3a43-e630-8ea83636e802-2e55d8a1 {
  grid-area: 1 / 2 / 3 / 4;
}

#w-node-fa5cec29-454a-3a43-e630-8ea83636e804-2e55d8a1 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-a03d46fc-d824-3d5e-3526-6e93e8c9e075-2e55d8a1 {
  place-self: stretch stretch;
}

#w-node-f3620972-4bb1-ca6a-2d02-b336399ffb5e-2e55d8b9, #w-node-_70d41dea-66ab-c202-da71-a71d3f88d39a-2e55d8b9, #w-node-_7b876596-eaed-49d2-90c6-c943dfb3a58d-2e55d8b9, #w-node-d7bdd70a-290f-0049-0baf-fd6e051bc749-2e55d8b9, #w-node-ea6f91d3-ec51-ad68-da79-884b4ee4c4ab-2e55d8b9 {
  justify-self: end;
}

#w-node-d7838286-6710-e626-cde7-32a94d28924d-4d289240 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_1ad05782-a610-8192-7b90-d0c013c77a64-2e55d8bb, #w-node-_1ec6a1bb-bed4-9e00-80d0-c80784bf9d79-2e55d8bb, #w-node-_1ec6a1bb-bed4-9e00-80d0-c80784bf9d7d-2e55d8bb, #w-node-_1ec6a1bb-bed4-9e00-80d0-c80784bf9d81-2e55d8bb, #w-node-_1ec6a1bb-bed4-9e00-80d0-c80784bf9d85-2e55d8bb {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1ec6a1bb-bed4-9e00-80d0-c80784bf9d89-2e55d8bb {
  grid-area: 3 / 1 / 4 / 3;
  justify-self: stretch;
}

#w-node-_1ec6a1bb-bed4-9e00-80d0-c80784bf9d8d-2e55d8bb {
  grid-area: span 1 / span 2 / span 1 / span 2;
  justify-self: start;
}

#w-node-_969a81ac-aaa3-5e8c-3abd-f2f48756a96a-2e55d8bb {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-_5fcb4c2e-3570-7634-21ba-53db73910af8-2e55d8bb, #w-node-_5fcb4c2e-3570-7634-21ba-53db73910b07-2e55d8bb, #w-node-_5fcb4c2e-3570-7634-21ba-53db73910b16-2e55d8bb {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_590c8a5d-bfad-564c-14e0-cc39e92edcca-2e55d8bd {
  place-self: stretch end;
}

#w-node-_6538aa77-ff97-8113-4857-a7cd4611202e-27c7d900 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (min-width: 1920px) {
  #w-node-_64f3ca6c-6f1a-22d0-32eb-734396187eef-63b78ead, #w-node-d0a0e3f3-f5d0-714b-d1a4-2016a0062053-63b78ead {
    justify-self: end;
  }

  #w-node-_5fcb4c2e-3570-7634-21ba-53db73910af8-2e55d8bb, #w-node-_5fcb4c2e-3570-7634-21ba-53db73910b07-2e55d8bb, #w-node-_5fcb4c2e-3570-7634-21ba-53db73910b16-2e55d8bb {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 991px) {
  #w-node-_18716559-f127-8fe0-474c-ae695a324a17-2e55d8a0 {
    justify-self: start;
  }

  #w-node-_0082ace1-068c-8cf0-f7ab-c6daa73283ff-2e55d8b9 {
    align-self: stretch;
  }
}

@media screen and (max-width: 767px) {
  #w-node-cf27d9e1-6e74-0954-8a7e-4882ec074c01-2e55d85c {
    justify-self: auto;
  }

  #w-node-_4d824e4a-05d1-88a9-9b09-ba06959fd301-2e55d85d {
    order: -9999;
  }

  #w-node-_71986535-96fb-d1eb-c95f-757d62c08f3d-2e55d8a0, #w-node-_18716559-f127-8fe0-474c-ae695a324a17-2e55d8a0 {
    justify-self: center;
  }

  #w-node-e8b55e81-cca9-fcc6-7a1e-eed80c0ccff0-2e55d8a0 {
    order: 9999;
  }

  #w-node-_00c0a0dd-0359-5990-14f5-66651571d59c-2e55d8a0, #w-node-f19a12e4-2c5e-51a5-a69c-d9d664ee11a6-2e55d8a0 {
    justify-self: auto;
  }

  #w-node-_778dee6d-d280-5e21-fe00-002c1c43ec69-2e55d8a0 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: auto;
  }

  #w-node-_97c4551a-612e-1312-58fb-d500fd00c1f7-2e55d8a1 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-f3620972-4bb1-ca6a-2d02-b336399ffb5e-2e55d8b9 {
    order: -9999;
    justify-self: auto;
  }

  #w-node-_0a5c7df6-a73e-e702-f8f9-ced0c05c4a0c-2e55d8b9 {
    order: -9999;
  }

  #w-node-_70d41dea-66ab-c202-da71-a71d3f88d39a-2e55d8b9 {
    justify-self: auto;
  }

  #w-node-_7b876596-eaed-49d2-90c6-c943dfb3a58d-2e55d8b9 {
    order: -9999;
    justify-self: auto;
  }

  #w-node-d7bdd70a-290f-0049-0baf-fd6e051bc749-2e55d8b9 {
    justify-self: auto;
  }

  #w-node-_1ec6a1bb-bed4-9e00-80d0-c80784bf9d89-2e55d8bb, #w-node-_1ec6a1bb-bed4-9e00-80d0-c80784bf9d8d-2e55d8bb {
    grid-column: span 1 / span 1;
  }

  #w-node-_969a81ac-aaa3-5e8c-3abd-f2f48756a96a-2e55d8bb {
    order: -9999;
    justify-self: auto;
  }

  #w-node-_590c8a5d-bfad-564c-14e0-cc39e92edcca-2e55d8bd {
    justify-self: auto;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_18716559-f127-8fe0-474c-ae695a324a17-2e55d8a0 {
    justify-self: auto;
  }

  #w-node-fa5cec29-454a-3a43-e630-8ea83636e802-2e55d8a1 {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-fa5cec29-454a-3a43-e630-8ea83636e804-2e55d8a1 {
    grid-column: span 2 / span 2;
  }

  #w-node-d7838286-6710-e626-cde7-32a94d28924d-4d289240 {
    order: -9999;
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_1ec6a1bb-bed4-9e00-80d0-c80784bf9d89-2e55d8bb {
    grid-column: span 1 / span 1;
  }
}


@font-face {
  font-family: 'Portfolix Font';
  src: url('../fonts/fontello.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Icon Rounded';
  src: url('../fonts/line-rounded-icon-font-brix.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Social Media Icon Font BRIX';
  src: url('../fonts/social-media-icon-font-brix.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Icon Squared';
  src: url('../fonts/fontello.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Filled Icons';
  src: url('../fonts/fontello.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}