:root {
    --text-color-light--default: var(--base-color-brand--black);
    --font-size-desktop--m: 1rem;
    --font-size-tablet--m: 1rem;
    --font-size-mobile--m: 1rem;
    --link-color--link-primary: var(--base-color-neutral--black);
    --background-color-dark--background-default: var(--base-color-brand--carbon);
    --text-color-dark--default: var(--base-color-brand--white);
    --base-color-brand--titanium: #cbcbcb;
    --base-color-brand--violet: #6e2cff;
    --text-color-light--tint: #100e138c;
    --font-size-desktop--s: .875rem;
    --font-size-tablet--s: .875rem;
    --font-size-mobile--s: .875rem;
    --base-color-brand--amber: #ff5b00;
    --base-color-neutral--white: white;
    --label-size-desktop--label-button: .8125rem;
    --base-color-brand--white: white;
    --base-color-neutral--black: var(--base-color-brand--black);
    --label-size-desktop--label-2-xl: var(--font-size-desktop--2-xl);
    --label-size-tablet--label-2-xl: var(--font-size-tablet--2-xl);
    --label-size-mobile--label-2-xl: var(--font-size-mobile--2-xl);
    --label-size-desktop--label-m: var(--font-size-desktop--m);
    --label-size-tablet--label-m: var(--font-size-tablet--m);
    --label-size-mobile--label-m: var(--font-size-mobile--m);
    --text-color-dark--reverse: var(--base-color-brand--black);
    --label-size-desktop--label-s: var(--font-size-desktop--s);
    --text-color-dark--tint: #ffffff8c;
    --text-color-light--reverse: var(--base-color-brand--white);
    --border-color--border-primary: var(--base-color-neutral--black);
    --border-color--tint: #1d1c1f33;
    --background-color-light--background-mid: var(--base-color-brand--platinum);
    --background-color-light--background-max: var(--base-color-brand--silver);
    --base-color-brand--black: #100e13;
    --font-size-desktop--l: 1.3125rem;
    --font-size-tablet--l: 1.3125rem;
    --font-size-mobile--l: 18px;
    --background-color-light--background-default: var(--base-color-neutral--white);
    --background-color-light--background-color: var(--base-color-brand--amber);
    --background-color--background-success: var(--base-color-system--success-green-light);
    --text-color--text-success: var(--base-color-system--success-green);
    --font-size-desktop--xs: .75rem;
    --font-size-desktop--5-xl: 4.5rem;
    --font-letter-spacing--desktop: -.03em;
    --font-size-tablet--5-xl: 4rem;
    --font-letter-spacing--tablet: -.02em;
    --font-size-mobile--5-xl: 3rem;
    --font-letter-spacing--mobile: -.01em;
    --font-size-desktop--4-xl: 4rem;
    --font-size-tablet--4-xl: 3rem;
    --font-size-mobile--4-xl: 2.25rem;
    --font-size-desktop--3-xl: 3rem;
    --font-size-tablet--3-xl: 2.25rem;
    --font-size-mobile--3-xl: 1.75rem;
    --font-size-desktop--2-xl: 2rem;
    --font-size-tablet--2-xl: 1.75rem;
    --font-size-mobile--2-xl: 1.5rem;
    --font-size-desktop--xl: 1.5rem;
    --font-size-tablet--xl: 1.5rem;
    --font-size-mobile--xl: 1.3125rem;
    --font-size-tablet--xs: .75rem;
    --font-size-mobile--xs: .75rem;
    --font-size-desktop--2-xs: .625rem;
    --font-size-tablet--2-xs: .625rem;
    --font-size-mobile--2-xs: .625rem;
    --background-color-dark--background-mid: var(--base-color-brand--graphine);
    --background-color-dark--background-max: var(--base-color-brand--steel);
    --background-color-dark--background-color: var(--base-color-brand--violet);
    --border-radii--desktop: 1rem;
    --border-radii--tablet: .75rem;
    --border-radii--mobile: .5rem;
    --text-color-dark--tint-3: #ffffff26;
    --link-color--link-alternate: var(--base-color-neutral--white);
    --base-color-brand--silver: #dfdfdf;
    --nav--light-mode-link-text: #100e13;
    --nav--dark-mode-link-text: white;
    --nav--background: #fff;
    --background-color-dark--tint: #ffffff1a;
    --text-color-light--tint-2: #100e1354;
    --base-color-brand--platinum: #f2f2f2;
    --base-color-brand--carbon: #1d1c1f;
    --nav--logomark: #100e13;
    --nav--logotext: #100e13;
    --base-color-brand--steel: #98979c;
    --base-color-brand--graphine: #2a292c;
    --base-color-neutral--neutral-lightest: #eee;
    --base-color-neutral--neutral-lighter: #ccc;
    --base-color-neutral--neutral-light: #aaa;
    --base-color-neutral--neutral: #666;
    --base-color-neutral--neutral-dark: #444;
    --base-color-neutral--neutral-darker: #222;
    --base-color-neutral--neutral-darkest: #111;
    --base-color-system--success-green: #027a48;
    --base-color-system--success-green-light: #ecfdf3;
    --base-color-system--error-red: #b42318;
    --base-color-system--error-red-light: #fef3f2;
    --background-color--background-error: var(--base-color-system--error-red-light);
    --border-color--border-secondary: var(--base-color-neutral--neutral-light);
    --border-color--border-alternate: var(--base-color-neutral--white);
    --label-size-desktop--label-xs: var(--font-size-tablet--xs);
    --label-size-mobile--label-s: var(--font-size-mobile--s);
    --label-size-mobile--label-xs: var(--font-size-mobile--xs);
    --label-size-tablet--label-s: var(--font-size-tablet--s);
    --label-size-tablet--label-xs: var(--font-size-tablet--xs);
    --link-color--link-secondary: var(--base-color-neutral--neutral-light);
    --text-color--text-error: var(--base-color-system--error-red);
    --text-color--text-selection-color: var(--base-color-brand--violet);
    --text-color-dark--tint-2: #ffffff54;
    --text-color-light--tint-3: #100e1326;
    --background-color-light--tint: #100e131a
}

body {
    color: var(--text-color-light--default);
    font-family: Aeonik, Arial, sans-serif;
    font-size: var(--font-size-desktop--m);
    font-weight: 300
}

h1 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 3.5rem;
    font-weight: 400;
    line-height: 1.2
}

h2 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 3rem;
    font-weight: 400
}

h3 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 2.5rem;
    font-weight: 300;
    line-height: 1.2
}

h4 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 2rem;
    font-weight: 400;
    line-height: 1.3
}

h5 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.4
}

h6 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.4
}

p {
    font-size: var(--font-size-desktop--m);
    margin-bottom: 0;
    line-height: 1.5
}

a {
    color: var(--text-color-light--default);
    text-decoration: underline
}

a:visited {
    color: var(--link-color--link-primary)
}

ul {
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding-left: 1.25rem
}

ol {
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding-left: 1.5rem;
    line-height: 1.5
}

li {
    margin-top: .25rem;
    margin-bottom: .25rem;
    padding-left: .5rem
}

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

label {
    margin-bottom: .25rem;
    font-weight: 500
}

strong {
    font-weight: 400
}

em {
    font-style: italic
}

blockquote {
    border-left: .1875rem solid var(--text-color-light--default);
    margin-bottom: 0;
    padding: .75rem 1.25rem;
    font-size: 1.25rem;
    line-height: 1.5
}

figure {
    margin-top: 3rem;
    margin-bottom: 3rem
}

figcaption {
    text-align: center;
    margin-top: .25rem
}

.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-layout-vflex {
    flex-direction: column;
    align-items: flex-start;
    display: flex
}

.w-layout-hflex {
    flex-direction: row;
    align-items: flex-start;
    display: flex
}

.global-styles {
    height: 15rem;
    display: block;
    position: absolute;
    inset: 0% auto auto 0%
}

.hide {
    display: none
}

.container-large {
    flex-flow: wrap;
    width: 100%;
    max-width: 101rem;
    margin-left: auto;
    margin-right: auto;
    display: flex
}

.main-wrapper.ss25 {
    background-image: linear-gradient(180deg, var(--base-color-brand--titanium), var(--base-color-brand--violet));
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    min-height: 100svh;
    display: flex
}

.margin-xsmall {
    margin: 1rem
}

.margin-small {
    margin: 1.5rem
}

.margin-medium {
    margin: 2rem
}

.margin-large {
    margin: 3rem
}

.margin-xlarge {
    margin: 4rem
}

.padding-xxlarge {
    padding: 5rem
}

.margin-top,
.margin-top.margin-custom1,
.margin-top.margin-huge,
.margin-top.margin-small,
.margin-top.margin-tiny,
.margin-top.margin-custom3,
.margin-top.margin-medium,
.margin-top.margin-xxsmall,
.margin-top.margin-xxhuge {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0
}

.margin-top.margin-xxhuge.small-tablet {
    justify-content: space-between
}

.margin-top.margin-custom2,
.margin-top.margin-xsmall,
.margin-top.margin-large,
.margin-top.margin-xxlarge,
.margin-top.margin-xlarge {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0
}

.margin-top.margin-0,
.margin-top.margin-xhuge,
.margin-top.margin-medium,
.margin-top.margin-xsmall,
.margin-top.margin-large,
.margin-top.margin-xlarge {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0
}

.margin-top.margin-xlarge.small-tablet.position-relative {
    position: relative
}

.margin-bottom,
.margin-bottom.margin-xxlarge,
.margin-bottom.margin-medium,
.margin-bottom.margin-custom3,
.margin-bottom.margin-custom1,
.margin-bottom.margin-tiny,
.margin-bottom.margin-small,
.margin-bottom.margin-large,
.margin-bottom.margin-0,
.margin-bottom.margin-xlarge,
.margin-bottom.margin-xhuge,
.margin-bottom.margin-xxhuge,
.margin-bottom.margin-huge,
.margin-bottom.margin-xxsmall,
.margin-bottom.margin-custom2 {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0
}

.margin-bottom.margin-xsmall,
.margin-bottom.margin-medium,
.margin-bottom.margin-small {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0
}

.margin-bottom.margin-xsmall {
    flex: 1;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0
}

.margin-bottom.margin-xsmall.custom {
    flex: 0 auto
}

.margin-bottom.margin-xsmall.stretch {
    flex: 1
}

.margin-bottom.margin-xsmall {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0
}

.margin-vertical,
.margin-vertical.margin-medium,
.margin-vertical.margin-xlarge,
.margin-vertical.margin-xxsmall,
.margin-vertical.margin-xxlarge,
.margin-vertical.margin-huge,
.margin-vertical.margin-0,
.margin-vertical.margin-xxhuge,
.margin-vertical.margin-tiny,
.margin-vertical.margin-xsmall,
.margin-vertical.margin-custom1,
.margin-vertical.margin-small,
.margin-vertical.margin-large,
.margin-vertical.margin-xhuge,
.margin-vertical.margin-custom2,
.margin-vertical.margin-custom3,
.margin-vertical.margin-medium {
    margin-left: 0;
    margin-right: 0
}

.padding-bottom,
.padding-bottom.padding-xlarge,
.padding-bottom.padding-small,
.padding-bottom.padding-xxhuge,
.padding-bottom.padding-large,
.padding-bottom.padding-xhuge,
.padding-bottom.padding-custom2,
.padding-bottom.padding-xxsmall {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0
}

.padding-bottom.padding-custom3,
.padding-bottom.padding-custom1,
.padding-bottom.padding-xsmall,
.padding-bottom.padding-huge,
.padding-bottom.padding-tiny,
.padding-bottom.padding-medium,
.padding-bottom.padding-0 {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0
}

.padding-bottom.padding-xlarge,
.padding-bottom.padding-large {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0
}

.padding-bottom.padding-xxlarge {
    padding: 0
}

.text-size-medium {
    font-size: var(--font-size-desktop--m);
    text-align: left;
    line-height: 140%
}

.text-size-medium.text-color-light-tint {
    font-size: var(--font-size-desktop--m);
    font-size: var(--font-size-desktop--m)
}

.margin-top-auto {
    margin-top: auto
}

.button {
    border: 1px solid var(--base-color-brand--amber);
    background-color: var(--base-color-brand--amber);
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
    color: var(--base-color-neutral--white);
    font-size: var(--label-size-desktop--label-button);
    text-align: center;
    letter-spacing: .02em;
    text-transform: uppercase;
    border-radius: 62.5rem;
    padding: .6875rem 1.25rem .75rem;
    line-height: 1.2;
    text-decoration: none;
    transition: all .2s
}

.button:hover {
    background-color: #4f443926;
    border-color: #4f443900
}

.button:visited {
    color: var(--base-color-brand--white)
}

.button.is-link.is-icon.is-dark,
.button.is-link.is-icon.is-dark:visited {
    color: var(--text-color-dark--tint)
}

.button.is-icon {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    justify-content: center;
    align-items: center;
    display: flex
}

.button.is-secondary {
    color: var(--text-color-light--default);
    background-color: #0000;
    align-self: flex-start
}

.button.is-secondary:hover {
    border-color: #4f443926
}

.button.is-secondary.is-alternate {
    color: var(--text-color-light--reverse);
    background-color: #0000;
    border-color: #ffffff54
}

.button.is-secondary.is-alternate:hover {
    color: var(--text-color-light--reverse);
    background-color: #0000;
    border-color: #ffffff26
}

.button.is-secondary.text-is-white {
    color: var(--text-color-dark--default)
}

.button.is-small {
    padding: .5rem 1.25rem
}

.button.is-small.is-icon-only {
    padding-left: .5rem;
    padding-right: .5rem
}

.button.is-alternate {
    color: var(--text-color-dark--reverse);
    background-color: #ffffff54;
    border-color: #fff0
}

.button.is-alternate:hover {
    color: var(--text-color-dark--reverse);
    background-color: #ffffff26
}

.button.is-alternate.is-link {
    font-weight: 300
}

.button.is-alternate.is-link.is-icon {
    color: var(--text-color-dark--tint)
}

.button.is-alternate.is-link.is-icon.is-animated.blog-body_cta_button {
    color: var(--text-color-light--tint);
    margin-bottom: 0
}

.button.is-alternate.is-link.is-icon.is-animated.blog-body_cta_button:hover {
    color: var(--text-color-light--default)
}

.button.is-alternate.is-link.is-icon.is-animated.carousel-link {
    -webkit-backdrop-filter: none;
    backdrop-filter: none
}

.button.is-alternate.text-color-dark-default {
    color: var(--text-color-dark--default)
}

.button.is-icon-only {
    padding-left: .75rem;
    padding-right: .75rem
}

.button.is-reverse {
    color: var(--text-color-light--reverse);
    background-color: #1d1c1f33;
    border-color: #1d1c1f00
}

.button.is-reverse:hover {
    background-color: #1d1c1f26
}

.button.is-form-dark {
    border-color: var(--border-color--border-primary);
    background-color: var(--background-color-dark--background-default)
}

.button.is-form-dark:hover {
    border-color: var(--border-color--tint);
    color: var(--text-color-dark--reverse);
    background-color: #0000
}

.button.pep {
    border-color: #1180fa
}

.button.pep:hover {
    color: #000;
    background-color: #ffda00;
    border-color: #ffda00
}

.button.flm {
    background-color: #2ece84;
    border-color: #2ece84
}

.button.flm:hover {
    background-color: #00723f;
    border-color: #00723f
}

.button.is-mono {
    background-color: var(--background-color-light--background-mid);
    color: var(--text-color-light--default);
    border-width: 0;
    flex: 0 auto;
    align-self: flex-start
}

.button.is-mono:hover {
    background-color: var(--background-color-light--background-max);
    color: var(--text-color-light--tint)
}

.button.h-m {
    border-color: var(--base-color-brand--black);
    background-color: var(--base-color-brand--black)
}

.button.is-link {
    color: var(--base-color-neutral--black);
    background-color: #0000;
    border-style: none;
    padding: .25rem 0;
    line-height: 1;
    text-decoration: none
}

.button.is-link.is-alternate {
    color: var(--base-color-neutral--white);
    font-size: var(--label-size-desktop--label-2-xl);
    text-transform: none;
    background-color: #0000;
    font-weight: 400
}

.button.is-link.is-alternate:hover {
    color: var(--base-color-brand--violet);
    background-color: #0000
}

.button.is-link.is-icon.is-dark,
.button.is-link.is-icon.is-dark:visited {
    color: var(--text-color-dark--tint)
}

.button.is-link.is-icon {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    color: var(--text-color-light--tint);
    font-size: var(--label-size-desktop--label-m);
    text-transform: none
}

.button.is-link.is-icon:hover {
    color: var(--text-color-light--default)
}

.button.is-link.is-icon:visited {
    color: var(--text-color-light--tint)
}

.button.is-link.is-icon.is-dark,
.button.is-link.is-icon.is-dark:visited {
    color: var(--text-color-dark--tint)
}

.button.is-link.is-icon.is-animated {
    text-align: left;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0
}

.button.is-link.is-icon.is-animated.is-alternate.is-small {
    grid-column-gap: .25rem;
    grid-row-gap: .25rem;
    font-size: var(--label-size-desktop--label-s);
    padding-left: 0;
    padding-right: 0
}

.button.is-link.is-icon.is-animated.card {
    grid-column-gap: .2rem;
    grid-row-gap: .2rem;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    padding-top: 0;
    padding-bottom: 0
}

.button.is-link.is-icon.is-animated.is-hero {
    background-color: #1d1c1f33;
    flex: none;
    padding: .75rem 1.25rem;
    overflow: hidden
}

.button.is-link.is-icon.is-animated.is-hero.is-dark {
    color: var(--text-color-dark--default);
    background-color: #ffffff54
}

.button.is-link.is-icon.is-animated.is-hero.is-dark:hover {
    color: var(--text-color-dark--reverse)
}

.button.is-link.is-icon.is-animated.is-hero.is-dark.hidden {
    display: none
}

.button.is-link.is-icon.is-animated.static-card-button {
    flex: 1;
    margin-bottom: 0
}

.button.is-link.is-icon.is-animated.is-small {
    font-size: var(--label-size-desktop--label-s);
    padding-left: 0;
    padding-right: 0
}

.button.is-link.is-icon.is-animated.is-small.not-link.nav-card-button {
    color: var(--text-color-light--default)
}

.button.is-tertiary {
    color: var(--base-color-neutral--black);
    background-color: #0000;
    border-color: #1d1c1f33
}

.button.is-tertiary:hover {
    border-color: #1d1c1f26
}

.icon-embed-custom1 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 1.1875rem;
    height: 1.1875rem;
    display: flex
}

.icon-embed-custom1.exipay,
.icon-embed-custom1.pep,
.icon-embed-custom1.flm {
    background-color: #0000
}

.button-group {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-wrap: wrap;
    align-items: center;
    display: flex
}

.button-group.centre {
    justify-content: center;
    align-items: center
}

.text-align-left {
    text-align: left
}

.icon-embed-xxsmall {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 1rem;
    height: 1rem;
    display: flex
}

.text-size-small {
    font-size: var(--font-size-desktop--s);
    line-height: 1.3
}

.text-size-large {
    font-size: var(--font-size-desktop--l);
    font-weight: 300;
    line-height: 130%
}

.text-size-large.demo-header {
    min-width: calc(50% - .5rem)
}

.padding-section-small {
    flex: 1;
    padding-top: 3.5rem;
    padding-bottom: 3.5rem
}

.padding-section-small.sticky-section {
    display: flex
}

.padding-global {
    z-index: 1;
    color: var(--link-color--link-primary);
    padding-left: 5%;
    padding-right: 5%;
    position: relative
}

.padding-global.hidden {
    display: none
}

.padding-global.sticky-section {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    display: flex;
    overflow: visible
}

.padding-section-large {
    padding-top: 8rem;
    padding-bottom: 8rem
}

.spacer-large {
    width: 100%;
    padding-top: 3.5rem
}

.background-color-light-default {
    background-color: var(--background-color-light--background-default);
    color: var(--text-color-light--default)
}

.background-color-light-mid {
    background-color: var(--background-color-light--background-mid)
}

.background-color-light-mid2 {
    background-color: #99989d
}

.text-color-light-tint {
    color: var(--text-color-light--tint)
}

.text-color-light-tint.card_rich-text {
    line-height: 1.4;
    display: flex
}

.text-color-light-tint.text-size-xs.line-height-label.text-align-left.max-width-four-fifths {
    max-width: 80%
}

.text-color-light-default {
    color: var(--text-color-light--default)
}

.text-color-light-default.text-size-medium {
    line-height: 1.2
}

.text-size-4xl {
    font-size: var(--font-size-desktop--4-xl);
    letter-spacing: var(--font-letter-spacing--desktop);
    font-weight: 300;
    line-height: 93%
}

.text-size-3xl {
    font-size: var(--font-size-desktop--3-xl);
    letter-spacing: var(--font-letter-spacing--desktop);
    word-break: keep-all;
    font-weight: 300;
    line-height: 100%
}

.text-size-2xl {
    font-size: var(--font-size-desktop--2-xl);
    font-weight: 300;
    line-height: 110%
}

.text-size-2xl.text-color-dark-default.carousel-subhead {
    color: #ffffffa8
}

.text-size-2xl.carousel-slide-subhead {
    color: #ffffffb3
}

.text-size-xl {
    font-size: var(--font-size-desktop--xl);
    white-space: normal;
    font-weight: 300;
    line-height: 110%
}

.text-size-xl.text-color-dark-default {
    font-weight: 300
}

.text-size-xl.padel-text-margin-bottom {
    margin-bottom: 1em
}

.text-size-xs {
    font-size: var(--font-size-desktop--xs);
    line-height: 150%
}

.section_half-text {
    position: relative
}

.section_half-text.background-color-orange-gradient {
    background-image: linear-gradient(0deg, black, var(--base-color-brand--amber))
}

.section_half-text.background-color-light-mid {
    background-color: #0000
}

.max-width-half {
    width: 100%;
    max-width: 50%
}

.section_half-title-headline-slot {
    background-color: var(--background-color-light--background-default)
}

.section_half-title-headline-slot.background-color-dark-default {
    background-color: var(--background-color-dark--background-default)
}

.section_half-title-headline-slot.background-color-light-mid {
    background-color: var(--background-color-light--background-mid)
}

.section_half-title-headline-slot.text-color-light-default {
    background-color: var(--background-color-light--background-default)
}

.half-title-headline-slot_component {
    grid-column-gap: 0px;
    grid-row-gap: 0rem;
    flex-flow: row;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: start;
    display: flex
}

.half-title-headline-slot_component.alternate {
    align-items: flex-end
}

.half-title-headline-slot_component.alternate.top {
    align-items: flex-start
}

.half-title-headline-slot_component.gap {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem
}

.half-title-headline-slot_content-left {
    width: 100%;
    min-width: calc(50% - .5rem);
    max-width: calc(50% - .5rem)
}

.half-title-headline-slot_content-right {
    width: 100%;
    max-width: calc(33% - .5rem)
}

.half-title-headline-slot_item-list {
    grid-column-gap: .25rem;
    grid-row-gap: .25rem;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex
}

._3-2-media-wrapper {
    aspect-ratio: 3/2;
    border-radius: var(--border-radii--desktop);
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden
}

._3-2-media_aspect_box {
    aspect-ratio: 3/2;
    width: 100%;
    position: relative
}

._3-2-media_aspect_box._16-9 {
    aspect-ratio: 16/9
}

._3-2-media_image {
    aspect-ratio: 3/2;
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0%
}

.no-aspect-media-box {
    border-radius: var(--border-radii--desktop);
    width: 100%;
    height: auto;
    overflow: hidden
}

.no-aspect-media-box.carousel-image {
    aspect-ratio: 16/9;
    border-radius: 0
}

.no-aspect-media-image {
    width: 100%;
    height: auto
}

.no-aspect-media-image.carousel-image {
    min-height: 100%
}

.section_casestudies {
    overflow: hidden
}

.casestudy_component {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    justify-content: space-between;
    width: 100%;
    height: auto;
    display: flex;
    position: relative
}

.casestudy_component.reverse-direction {
    flex-flow: row-reverse
}

.casestudy_media_wrapper {
    z-index: 2;
    pointer-events: none;
    width: 100%;
    max-width: 32.5301%;
    position: relative
}

.casestudy_copy_right {
    z-index: 1;
    flex-flow: column;
    width: 100%;
    max-width: 66.2651%;
    display: flex;
    position: relative
}

.casestudy_media_aspect-box {
    border-radius: var(--border-radii--desktop);
    width: 100%;
    padding-top: 100%;
    position: relative;
    overflow: hidden
}

.casestudy_media_image {
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0%
}

.casestudy_copy_wrapper {
    pointer-events: none;
    text-align: center;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 3.5rem;
    display: flex
}

.casestudy_image_wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    width: 100%;
    height: 100%;
    max-height: 4rem;
    display: flex;
    overflow: auto
}

.casestudy_image_slider_image {
    z-index: 1;
    object-fit: contain;
    width: 100%;
    max-width: 5rem;
    height: 100%;
    max-height: 4rem;
    position: relative
}

.casestudies_tabs_link {
    opacity: .4;
    filter: grayscale();
    background-color: #0000;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 0;
    display: flex
}

.casestudies_tabs_link.w--current {
    opacity: 1;
    background-color: #0000
}

.casestudies_tabs_menu {
    z-index: 2;
    width: 100%;
    max-width: 66.2651%;
    height: 4rem;
    display: flex;
    position: absolute;
    inset: auto 0% 0% auto
}

.casestudies_tabs_content {
    z-index: 1
}

.section_cards {
    height: auto;
    overflow: hidden
}

.section_cards.cards-are-dark {
    background-color: var(--background-color-dark--background-default);
    width: 100%
}

.section_cards.cards-are-dark.mid {
    background-color: var(--background-color-light--background-max)
}

.cards_component {
    height: auto;
    min-height: 15.125rem;
    display: flex
}

.cards_card {
    background-color: #f2f2f2;
    border: 1px solid #f2f2f2;
    border-radius: .75rem;
    flex-flow: column;
    justify-content: space-between;
    width: 33.333%;
    padding: 1rem;
    display: flex;
    position: relative;
    overflow: hidden
}

.cards_card._1st-card {
    height: auto
}

.cards_card._1st-card.dark {
    border: 1px solid #f2f2f2
}

.cards_card.interaction {
    height: auto;
    transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1), 
         background-color 0.4s cubic-bezier(0.4, 0, 0.2, 1),
        transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    will-change: width, transform;
}

.cards_card.interaction.dark {
    color: var(--link-color--link-primary);
    border: 1px solid #f2f2f2;
    transition: color .5s cubic-bezier(.455, .03, .515, .955)
}

.cards_card.interaction.dark:hover {
    color: var(--text-color-dark--reverse)
}

.cards_media_wrapper {
    width: 100%;
    height: 3.5rem;
    display: flex
}

.cards_media_image {
    width: auto;
    height: 100%
}

.cards_h3 {
    font-size: var(--font-size-desktop--m);
    letter-spacing: .02em;
    margin-bottom: .5rem;
    font-weight: 300;
    line-height: 1.1
}

.card_icon_wrapper {
    z-index: 2;
    width: 1rem;
    height: 1rem;
    position: absolute;
    inset: 1rem 1rem auto auto
}

.card_content {
    flex-flow: column;
    flex: 2 auto;
    width: 100%;
    height: 100%;
    display: flex
}

.card_top_wrapper {
    flex-flow: column;
    flex: auto;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    display: flex
}

.card-paragraph {
    color: var(--text-color-light--tint);
    width: 100%;
    margin-bottom: 0;
    line-height: 1.3
}

.card_content-first-card {
    flex: 1
}

.card_media_lottie {
    width: auto;
    height: 100%
}

.accordion_toggle_line {
    background-color: var(--background-color-light--background-color);
    flex: none;
    width: 1.4375rem;
    height: 2px;
    margin-top: .75rem
}

.accordion_wrapper {
    border-bottom: 1px solid #1d1c1f26;
    width: 100%;
    transition: height .3s cubic-bezier(.455,.03,.515,.955)
}

.accordion_wrapper.border-color-dark-tint {
    border-bottom-color: var(--text-color-dark--tint-3)
}

.accordion_toggle {
    grid-column-gap: .25rem;
    grid-row-gap: .25rem;
    flex-flow: row;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    padding: 1rem 0;
    display: flex
}

.accordion_toggle.dark {
    color: var(--text-color-dark--default)
}

.accordion_content {
    background-color: #0000;
    position: relative !important
}

.accordion_content.w--open {
    padding-bottom: 1rem
}

.accordion_toggle_line {
    background-color: var(--background-color-light--background-color);
    flex: none;
    width: 1.4375rem;
    height: 2px;
    margin-top: .75rem
}

.section_accordion_tabs {
    background-color: var(--background-color-light--background-default)
}

.section_accordion_tabs.background-color-black {
    background-color: var(--base-color-neutral--black)
}

.accordion-tab_header_wrapper {
    grid-column-gap: .25rem;
    grid-row-gap: .25rem;
    cursor: pointer;
    background-color: #0000;
    justify-content: flex-start;
    align-items: flex-start;
    font-weight: 300;
    display: flex
}

.accordion-tabs_componenet {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    justify-content: space-between;
    display: flex
}

.accordion-tabs_componenet.align-top {
    align-items: flex-start
}

.accordion-tabs_content_wrapper {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    place-items: start stretch;
    width: 100%;
    max-width: 50%;
    height: auto;
    display: grid;
    position: relative
}

.accordion-tabs_content_wrapper.alternate {
    align-items: end
}

.accordion-tabs_list_wrapper {
    flex-flow: column;
    justify-content: flex-end;
    align-items: flex-start;
    width: 100%;
    max-width: 33.33%;
    display: flex
}

.accordion-tabs_list_wrapper.alternate {
    justify-content: flex-start;
    align-items: flex-start
}

.accordion-tabs_heading-wrapper {
    padding-bottom: 3.5rem
}

.accordion-tabs_accordion_item {
    border-bottom: 1px solid #1d1c1f26;
    flex-flow: column;
    padding-top: 1rem;
    padding-bottom: 1rem;
    display: flex
}

.accordion-tabs_accordion_item._1.dark.black,
.accordion-tabs_accordion_item._2.dark.black,
.accordion-tabs_accordion_item._3.dark.black,
.accordion-tabs_accordion_item._4.dark.black,
.accordion-tabs_accordion_item._5.dark.black,
.accordion-tabs_accordion_item._6.dark.black,
.accordion-tabs_accordion_item._7.dark.black,
.accordion-tabs_accordion_item._8.dark.black,
.accordion-tabs_accordion_item._9.dark.black,
.accordion-tabs_accordion_item._10.dark.black {
    color: var(--link-color--link-alternate)
}

.accordion-tabs_accordion_item.dark {
    border-bottom-color: #ffffff26
}

.accordion-tabs_accordion_item._1.dark.black,
.accordion-tabs_accordion_item._2.dark.black,
.accordion-tabs_accordion_item._3.dark.black,
.accordion-tabs_accordion_item._4.dark.black,
.accordion-tabs_accordion_item._5.dark.black,
.accordion-tabs_accordion_item._6.dark.black,
.accordion-tabs_accordion_item._7.dark.black,
.accordion-tabs_accordion_item._8.dark.black,
.accordion-tabs_accordion_item._9.dark.black,
.accordion-tabs_accordion_item._10.dark.black {
    color: var(--link-color--link-alternate)
}

.accordion-tabs_content_media_slot {
    width: 100%;
    height: auto;
    position: relative
}

.accordion-tabs_header {
    font-size: var(--font-size-desktop--xl);
    font-weight: 300;
    line-height: 110%
}

.accordion-tab_paragraph {
    font-size: var(--font-size-desktop--m);
    padding-top: 1rem;
    line-height: 150%
}

.accordion-tabs_content_image {
    border-radius: var(--border-radii--desktop);
    width: 100%;
    height: auto;
    overflow: clip
}

.section_card-stack {
    overflow: hidden
}

.section_card-stack.background-color-dark-default {
    background-color: var(--background-color-dark--background-default)
}

.static-cards_heading_wrapper {
    max-width: calc(50% - .5rem);
    padding-bottom: 3.5rem
}

.static-cards_cards_wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: row;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
    max-width: 100%;
    height: auto;
    display: flex
}

.static-cards_cards_wrapper.vertical {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    flex-flow: column
}

.static-cards_cards_wrapper.vertical.one-third-scroll {
    width: 33%
}

.static-cards_cards_wrapper.left {
    max-width: 33%;
    padding-right: 2.5%
}

.static-cards_cards_wrapper.right {
    flex-flow: column;
    justify-content: flex-start;
    align-self: flex-start;
    align-items: flex-start;
    padding-left: 2.5%;
    position: sticky;
    top: 112px
}

.static-cards_cards_wrapper.demo-wrapper {
    flex-flow: column
}

.static-cards_card {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    flex: 1;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    display: flex
}

.static-cards_card.sticky {
    justify-content: flex-start;
    align-self: flex-start;
    align-items: flex-start;
    position: sticky;
    top: 124px
}

.static-cards_card_copy_wrapper {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: column;
    flex: 1;
    justify-content: space-between;
    align-self: stretch;
    display: flex
}

.static-cards_card_copy_wrapper.demo-wrapper {
    flex-flow: row;
    width: 100%;
    min-width: 100%
}

.static-cards_media-slot {
    width: 100%;
    height: auto;
    margin-top: 0
}

.static-cards_media-slot.sticky-card-media {
    margin-top: 2rem
}

.section_full-media {
    background-color: var(--background-color-light--background-default)
}

.section_full-media.background-color-dark-default {
    background-color: var(--background-color-dark--background-default)
}

.section_full-media.background-color-light-mid {
    background-color: var(--background-color-light--background-mid)
}

.section_full-media.background-color-black {
    background-color: var(--base-color-neutral--black)
}

.full-media_slot {
    width: 100%;
    height: auto
}

.section_one-third-text {
    background-color: var(--background-color-light--background-default)
}

.section_one-third-text.background-color-dark-default {
    background-color: var(--background-color-dark--background-default)
}

.section_one-third-text.background-color-light-max.hidden {
    display: none
}

.section_one-third-text.background-color-dark-black {
    background-color: var(--base-color-brand--black)
}

.one-third-text_component {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    justify-content: space-between;
    width: 100%;
    height: auto;
    display: flex
}

.one-third-text_copy_wrapper {
    flex-flow: column;
    justify-content: space-between;
    width: calc(33% - .5rem);
    display: flex
}

.one-third-text_media_slot {
    width: 66.66%
}

.one-third-text_copy-slot {
    line-height: 1.4
}

.section_hero-full {
    padding-top: 10%;
    position: relative
}

.section_hero-full.background-color-dark-with-background-media {
    background-color: #0000
}

.section_hero-full.background-color-dark-with-background-media.shoprite {
    background-color: #e30512
}

.section_hero-full.background-color-dark-with-background-media.luno {
    background-color: #162af1
}

.section_hero-full.background-color-dark-with-background-media.mr_price {
    background-color: #da2032
}

.section_hero-full.background-color-dark-with-background-media.switch-to-stitch-gradient {
    background-image: linear-gradient(0deg, var(--base-color-brand--black), var(--base-color-brand--violet))
}

.section_hero-full.superbalist {
    background-color: #06a267
}

.section_hero-full.payflex {
    background-color: #c8a6fa
}

.section_hero-full.takealot {
    background-color: #0c79be
}

.section_hero-full.flysafair {
    background-color: #ec008c
}

.home-hero_componenet {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: row;
    justify-content: space-between;
    display: flex
}

.hero-full_background {
    z-index: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0%
}

.hero-full_background.background-color-dark-default {
    z-index: -1;
    background-color: #0000
}

.hero-full_background_image {
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0%
}

.hero_copy {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    justify-content: flex-end;
    align-items: flex-start;
    width: 100%;
    min-width: 50%;
    max-width: 50%;
    display: flex
}

.hero_copy.align-center {
    justify-content: center;
    align-items: stretch
}

.hero_media_slot {
    aspect-ratio: 3/2;
    width: 100%;
    max-width: 50%
}

.hero_media_slot._1-1-media_aspect_box {
    aspect-ratio: 1
}

.hero_label_wrapper {
    justify-content: flex-start;
    align-items: center;
    padding-bottom: .75rem;
    display: flex
}

.hero_lable_text {
    color: var(--text-color-light--default)
}

.hero_lable_text.is-dark {
    color: var(--text-color-dark--default)
}

.hero_lable_text_hover {
    text-transform: uppercase
}

.button_hero_ticker_wrapper {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex: none;
    justify-content: flex-start;
    align-items: center;
    display: flex
}

.button_hero_ticker_wrapper.mobile {
    display: none
}

.hero_paragraph_wrapper {
    max-width: 34rem;
    padding-top: 1.5rem
}

.hero_title_wrapper {
    padding-bottom: .75rem
}

.half-media_wrapper {
    grid-column-gap: 10.5rem;
    grid-row-gap: 10.5rem;
    flex-flow: column;
    width: 100%;
    max-width: calc(50% - .5rem);
    display: flex
}

.paragraph-rich-text {
    line-height: 1.3
}

.navbar-pill_component {
    z-index: 1;
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
    background-color: #cbcbcb33;
    border-radius: 2.5rem;
    flex: none;
    justify-content: center;
    align-items: center;
    width: 45.5rem;
    min-height: 2.5rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: 2.5rem;
    padding-right: 1.25rem;
    transition: background-color .1s cubic-bezier(.455, .03, .515, .955);
    display: flex
}

.navbar-pill_component:hover,
.navbar-pill_component:focus {
    background-color: #fff
}

.navbar-pill_container {
    z-index: 0;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: .75fr 2fr .75fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    display: flex;
    position: relative
}

.navbar-pill_logo-link {
    z-index: 100;
    flex: none;
    width: 9rem;
    height: 2rem;   
}

.navbar-pill_menu {
    flex: 1;
    justify-content: center;
    align-items: center;
    height: 1.5rem;
    margin-left: 0;
    display: flex;
    position: static;
    overflow: clip
}

.navbar-pill_menu-left {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-flow: row;
    justify-content: center;
    align-items: center
}

.navbar-pill_menu-dropdown {
    color: var(--nav--light-mode-link-text);
    margin-left: .375rem;
    margin-right: .375rem;
    position: static
}

.navbar-pill_menu-dropdown:hover {
    color: #100e138c
}

.navbar-pill_dropdown-toggle {
    grid-column-gap: .5rem;
    color: var(--link-color--link-primary);
    flex-wrap: nowrap;
    align-items: center;
    height: 2.5rem;
    padding: 0 .375rem;
    display: flex;
    position: static
}

.navbar-pill_dropdown-toggle:hover {
    color: #100e138c
}

.navbar-pill_dropdown-toggle.dark {
    color: var(--nav--dark-mode-link-text)
}

.navbar-pill_dropdown-toggle.dark:hover {
    color: #100e138c
}

.navbar-pill_dropdown-toggle.light {
    color: var(--nav--light-mode-link-text)
}

.navbar-pill_dropdown-toggle.light:hover {
    color: #100e138c
}

.navbar-pill_dropdown-list {
    z-index: -1;
    border-top-left-radius: 2.5rem;
    border-top-right-radius: 2.5rem;
    position: absolute;
    top: 0%;
    left: 0%;
    right: 0%;
    overflow: hidden
}

/* Navbar animation fix */

/* Анимация высоты для дропдауна */
.navbar-pill_dropdown-list {
    transition: max-height 0.3s ease, opacity 0.3s ease;
    overflow: hidden;
    max-height: 0;
    opacity: 0;
}

.navbar-pill_dropdown-list.w--open {
    opacity: 1;
}

.navbar-pill_dropdown-list.w--open {
    z-index: -1;
    background-color: var(--background-color-light--background-default);
    border-radius: 2.5rem 2.5rem 40px 40px;
    width: auto;
    max-width: none;
    padding-top: 2rem;
    padding-left: 0;
    padding-right: 0;
    position: fixed;
    inset: 0% 0% auto;
    overflow: hidden;
    opacity: 1;
}

.navbar-pill_dropdown-content {
    flex-flow: column;
    width: 100%;
    padding: 3.5rem 2.5rem 2.5rem;
    display: flex
}

.navbar-pill_menu-right {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-end;
    align-items: center;
    display: flex
}

.navbar-pill_menu-button {
    padding: 0
}

.navbar {
    z-index: 5000;
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
    width: auto;
    height: auto;
    padding-top: 1.25rem;
    padding-left: 0;
    padding-right: 0;
    transition: all .3s cubic-bezier(.455, .03, .515, .955);
    display: flex;
    position: fixed;
    inset: 0% 1.25rem auto
}

.navbar_logo {
    width: 100%;
    height: 100%
}

.navbar_menu-item-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    display: flex
}

.navbar_menu-item_container {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    background-color: var(--background-color-light--background-mid);
    border-radius: 1rem;
    width: 100%;
    height: auto;
    padding: .75rem 1rem 3.5rem;
    display: flex
}

.navbar_menu-item_title_wrapper {
    width: 33.33%
}

.navbar-menu-item_list-wrapper {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: column;
    align-items: flex-start;
    width: 66.66%;
    display: flex
}

.navbar_menu-item_link {
    color: var(--link-color--link-primary);
    font-size: var(--font-size-desktop--m);
    line-height: 1.2;
    text-decoration: none
}

.navbar_menu-item_link:hover {
    color: var(--text-color-light--default);
    text-decoration: none
}

.navbar_menu-item_link:visited {
    color: var(--text-color-light--default);
    line-height: 1.2;
    text-decoration: none
}

.navbar-pill_mobile-link_wrapper {
    display: none
}

.footer_top-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto;
    grid-template-columns: .75fr 1fr;
    justify-content: space-between;
    align-items: start;
    margin-bottom: 6rem;
    display: flex
}

.footer_left-wrapper {
    flex-direction: column;
    width: 50%;
    min-width: 50%;
    display: flex
}

.footer_link-list {
    grid-column-gap: .25rem;
    grid-row-gap: .25rem;
    font-size: var(--font-size-tablet--s);
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 100%;
    grid-auto-columns: 100%;
    place-items: flex-start start;
    width: 100%;
    max-width: 7.375rem;
    display: flex
}

.footer_link {
    color: var(--text-color-light--tint);
    padding-top: 0;
    padding-bottom: 0;
    line-height: 1.2;
    text-decoration: none
}

.footer_link.dark,
.footer_link.text-color-light-default {
    color: var(--text-color-dark--tint)
}

.footer_bottom-wrapper {
    color: var(--text-color-light--tint);
    font-size: var(--font-size-desktop--xs);
    justify-content: space-between;
    align-items: center;
    display: flex
}

.footer_credit-text {
    color: var(--text-color-light--tint);
    font-size: var(--font-size-desktop--xs);
    line-height: 1.2;
    text-decoration: none
}

.footer_credit-text:hover {
    color: var(--text-color-light--tint)
}

.footer_credit-text:visited {
    color: var(--text-color-light--tint);
    text-decoration: none
}

.footer_credit-text.dark,
.footer_credit-text.dark:hover,
.footer_credit-text.dark:visited {
    color: var(--text-color-dark--tint)
}

.footer_horizontal-list_wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    justify-content: space-between;
    display: flex
}

.footer_right-wrapper {
    grid-column-gap: 4rem;
    grid-row-gap: 1rem;
    justify-content: flex-start;
    align-items: flex-start;
    width: 50%;
    min-width: 50%;
    display: flex;
    margin-bottom: 1rem;
}

.footer_right-wrapper.express {
    background-color: #0000;
    justify-content: flex-end;
    align-items: flex-start
}

.navbar-pill_component-top {
    z-index: 1;
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
    background-color: #cbcbcb33;
    border-radius: 2.5rem;
    flex: none;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-width: 45.5rem;
    min-height: 2.5rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: 2.5rem;
    padding-right: 1.25rem;
    transition: background-color .1s cubic-bezier(.455, .03, .515, .955);
    display: flex
}

.navbar-pill_component-top:hover,
.navbar-pill_component-top:focus {
    background-color: #fff
}

.section_half-one-third {
    background-color: #fff;
    height: auto
}

.section_half-one-third.background-color-light-mid {
    background-color: var(--background-color-light--background-mid)
}

.section_half-one-third.background-color-dark-default {
    background-color: var(--background-color-dark--background-default)
}

.section_half-one-third.background-color-black {
    background-color: var(--base-color-brand--black)
}

.half-one-third_component {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    justify-content: space-between;
    display: flex
}

.half-one-third_copy-wrapper {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: calc(33% - .5rem);
    display: flex
}

.contact-sales-button {
    border: 1px solid var(--background-color-light--background-color);
    background-color: var(--background-color-light--background-color);
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
    color: var(--base-color-brand--white);
    font-size: var(--label-size-desktop--label-button);
    text-align: center;
    letter-spacing: .02em;
    text-transform: uppercase;
    border-radius: 62.5rem;
    padding: .6875rem 1.25rem .75rem;
    line-height: 1.2;
    text-decoration: none;
    transition: all .2s
}

.contact-sales-button:hover {
    background-color: #4f443926;
    border-color: #4f443900
}

.contact-sales-button:visited {
    color: var(--base-color-brand--white)
}

.contact-sales-button.exipay {
    color: var(--text-color-light--default);
    background-color: #69c0ef;
    border-color: #69c0ef
}

.contact-sales-button.exipay:hover {
    background-color: #afdcf9;
    border-color: #afdcf9
}

.contact-sales-button.pep {
    color: var(--text-color-dark--reverse);
    background-color: #ffda00;
    border-color: #ffda00
}

.contact-sales-button.pep:hover {
    color: var(--text-color-dark--default);
    background-color: #4fa3ff;
    border-color: #4fa3ff
}

.contact-sales-button.flm {
    background-color: #2ece84;
    border-color: #2ece84
}

.contact-sales-button.flm:hover {
    background-color: #00723f;
    border-color: #00723f
}

.contact-sales-button.is-secondary {
    color: var(--text-color-light--default);
    background-color: #0000;
    align-self: flex-start
}

.modal_sales-form {
    z-index: 99999;
    background-color: #17121fcc;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding: 3.5rem 2rem;
    display: none;
    position: fixed;
    inset: 0%;
    overflow: hidden
}

.sales-form_wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    background-color: var(--background-color-light--background-default);
    flex-flow: column;
    width: 100%;
    max-width: 35rem;
    height: auto;
    display: flex;
    position: relative;
    overflow: auto
}

/* .sales-form_close {
    z-index: 2;
    cursor: pointer;
    width: 1.75rem;
    height: 1.75rem;
    position: absolute;
    top: 1.25rem;
    right: 1.25rem
}

.sales-form_close.promotion-modal_close {
    cursor: pointer;
    top: 1rem;
    right: 1rem
} */

.sales-form_hubspot-embed {
    color: var(--text-color-light--tint);
    font-size: var(--font-size-desktop--s);
    text-align: left;
    flex-flow: row;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    min-width: 100%;
    height: auto
}

.sales-form_hubspot-embed.page-form {
    border-radius: var(--border-radii--desktop);
    padding: 2rem
}

.email-subscribe-form {
    width: 100%
}

.email-subscribe-form.is-dark {
    color: var(--text-color-dark--default)
}

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

.footer_social-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    justify-content: flex-start;
    align-items: center;
    display: flex
}

.navlink {
    color: var(--text-color-light--default);
    font-size: var(--font-size-desktop--m);
    margin-left: .75rem;
    margin-right: .75rem;
    text-decoration: none
}

.navlink:hover {
    text-decoration: none
}

.navlink:visited {
    color: var(--text-color-light--default);
    text-decoration: none
}

.navlink.light {
    color: var(--link-color--link-primary)
}

.navlink.light:hover {
    color: #100e138c
}

.navlink.light:visited {
    color: var(--link-color--link-primary)
}

.navlink.dark {
    color: var(--nav--dark-mode-link-text)
}

.navlink.dark:hover {
    color: #100e138c
}

.navlink.dark:visited {
    color: var(--nav--dark-mode-link-text)
}

.hidden-field {
    display: none
}

._1-1-media_aspect_box {
    aspect-ratio: 1;
    width: 100%;
    position: relative
}

._1-1-media_aspect_box.hide-desktop {
    display: none
}

._1-1-media_image {
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0%
}

._1-1-media-wrapper {
    aspect-ratio: 1;
    border-radius: var(--border-radii--desktop);
    width: 100%;
    position: relative;
    overflow: hidden
}

._1-1-media-wrapper.square-corners {
    border-radius: 0
}

.hero-top-padding-half {
    padding-top: 5.5rem
}

.button-2 {
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
    color: #fff;
    text-align: center;
    letter-spacing: .02em;
    text-transform: uppercase;
    background-color: #ff5b00;
    border: 1px solid #ff5b00;
    border-radius: 62.5rem;
    padding: .6875rem 1.25rem .75rem;
    font-size: .8125rem;
    line-height: 1.2;
    text-decoration: none;
    transition: all .2s
}

.button-2:hover {
    background-color: #4f443926;
    border-color: #4f443900
}

.button-2:visited {
    color: #fff
}

.button-2.is-link {
    color: #100e13;
    background-color: #0000;
    border-style: none;
    padding: .25rem 0;
    line-height: 1;
    text-decoration: none
}

.button-2.is-link.is-icon {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    color: #100e138c;
    text-transform: none;
    font-size: 1rem
}

.button-2.is-link.is-icon:hover {
    color: #100e13
}

.button-2.is-link.is-icon:visited {
    color: #100e138c
}

.button-2.is-link.is-icon.is-animated {
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0
}

.button-2.is-link.is-icon.is-animated.static-card-button {
    flex: 1;
    margin-bottom: 0
}

.card-link {
    aspect-ratio: 3/2;
    border-radius: var(--border-radii--desktop);
    color: var(--text-color-light--tint);
    object-fit: cover;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 25%;
    margin-bottom: 1rem;
    padding-left: .5rem;
    padding-right: .5rem;
    text-decoration: none;
    display: flex
}

.card-link.background-color-dark-mid {
    object-fit: cover
}

.card-link-pill {
    border-radius: 10000px;
    margin-top: 1.5rem;
    padding: .25rem .75rem .35rem .75rem
}

.link-card-media-slot {
    object-fit: contain;
    justify-content: center;
    align-items: center;
    min-width: 80px;
    max-height: 80px;
    overflow: hidden
}

.link-card-media {
    flex-flow: column;
    flex: 1;
    justify-content: center;
    align-self: center;
    align-items: center;
    display: flex
}

.wrapping-cards_cards_wrapper {
    flex-flow: wrap;
    place-content: stretch flex-start;
    align-items: flex-start;
    margin-left: -.5rem;
    margin-right: -.5rem;
    display: flex
}

.card-link-inner {
    border-radius: var(--border-radii--desktop);
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 2.5rem 1.5rem 1.5rem;
    overflow: clip
}

.card-link-inner.background-color-dark-mid {
    aspect-ratio: 3/2;
    border-radius: var(--border-radii--desktop)
}

.half-headline-half-body {
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 2rem
}

.caption {
    margin-top: .5rem
}

.nav-items-container {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: column;
    flex: 1;
    display: flex
}

.nav-items-container.narrow {
    min-width: calc(50% - .25rem);
    max-width: calc(50% - .25rem)
}

.nav-item-card {
    border: 1px solid transparent;
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    background-color: var(--background-color-light--background-mid);
    text-align: left;
    cursor: pointer;
    border-radius: 12px;
    flex-flow: column;
    flex: 1;
    align-self: stretch;
    min-width: calc(33% - .25rem);
    max-width: calc(100% - .25rem);
    padding: 1rem;
    text-decoration: none;
    display: flex;
    transition: 0.3s ease-in-out;
}

.nav-item-card.secondary {
    border: 1px solid var(--background-color-light--background-max);
    background-color: #0000;
    flex: 0 auto;
    justify-content: space-between;
    width: 100%;
    max-width: none;
    transition: 0.3s ease-in-out;
}

.nav-item-card:hover {
    border: 1px solid var(--base-color-neutral--neutral);
    border-color: var(--base-color-neutral--neutral);
}

.nav-item-card.feature-card {
    justify-content: space-between;
    min-width: calc(20% - .25rem);
    max-width: calc(20% - .25rem)
}

.nav-item-card.tertiaty {
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: var(--background-color-light--background-max);
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: var(--background-color-light--background-max);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: var(--background-color-light--background-max);
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: var(--background-color-light--background-max);
    background-color: #0000;
    flex: 0 auto;
    justify-content: space-between;
    align-items: flex-start;
    width: calc(25% - .25rem - 2px);
    min-width: auto;
    max-width: calc(25% - .25rem - 2px)
}

.nav-item-card.tertiaty:hover {
    border-color: var(--base-color-neutral--neutral);
}

.nav-item-card-image {
    width: 40px
}

.nav-item-card-main-content {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    text-align: left;
    flex: 1;
    justify-content: space-between;
    align-items: flex-start
}

.nav-card-wrapper {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex: 1;
    align-self: stretch
}

.nav-card-wrapper.wrap {
    flex-flow: wrap
}

.nav-card-quick-links-wrapper {
    grid-column-gap: .25rem;
    grid-row-gap: .25rem;
    line-height: 120px
}

.no-decoration {
    text-decoration: none
}

.line-height-label {
    line-height: 1.2
}

.nav-item-card-arrow {
    align-self: center;
    width: auto;
    max-width: none;
    height: 12px;
    display: block
}

.nav-item-card-arrow-container {
    background-color: var(--background-color-light--background-mid);
    border-radius: 10000px;
    justify-content: center;
    align-self: flex-start;
    align-items: center;
    width: 1.25rem;
    height: 1.25rem;
    display: flex
}

.nav-item-card-arrow-container.is-alternate {
    background-color: var(--background-color-light--background-default);
    background-color: var(--background-color-light--background-default)
}

.nav-item-feature-card-header-wrapper {
    justify-content: space-between;
    align-self: stretch;
    align-items: center
}

.nav-item-feature-card-image-container {
    border-radius: .5rem;
    overflow: hidden
}

.nav-items-card-wrapper {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: row;
    flex: 1;
    display: flex
}

.nav-card-copy-wrapper {
    grid-column-gap: .25rem;
    grid-row-gap: .25rem;
    flex-flow: column;
    display: flex
}

.div-block-5 {
    width: 100%
}

.background-gradient-light {
    z-index: -1;
    background-image: linear-gradient(180deg, var(--base-color-brand--platinum), var(--base-color-brand--white));
    width: 100vw;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.background-gradient-light.reverse {
    background-image: linear-gradient(180deg, var(--base-color-brand--white), var(--base-color-brand--platinum))
}

.half-title-headline-50slot_component {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: row;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: start;
    display: flex;
}

@media screen and (max-width: 991px) {
    body {
        font-size: var(--font-size-tablet--m)
    }

    h1 {
        font-size: 3.25rem
    }

    h2 {
        font-size: 2.75rem
    }

    h3 {
        font-size: 2.25rem
    }

    h4 {
        font-size: 1.75rem
    }

    p {
        font-size: var(--font-size-tablet--m)
    }

    .hide-tablet {
        display: none
    }

    .container-large {
        font-size: var(--font-size-mobile--m);
        line-height: 1.4
    }

    .max-width-full-tablet {
        width: 100%;
        max-width: none
    }

    .margin-large {
        margin: 2.5rem
    }

    .margin-xlarge {
        margin: 3.5rem
    }

    .margin-xxlarge {
        margin: 4.5rem
    }

    .margin-huge {
        margin: 5rem
    }

    .margin-xhuge {
        margin: 6rem
    }

    .margin-xxhuge {
        margin: 7.5rem
    }

    .padding-large {
        padding: 2.5rem
    }

    .padding-xlarge {
        padding: 3.5rem
    }

    .padding-xxlarge {
        padding: 4.5rem
    }

    .padding-huge {
        padding: 5rem
    }

    .padding-xhuge {
        padding: 6rem
    }

    .padding-xxhuge {
        padding: 7.5rem
    }

    .margin-top {
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0
    }

    .margin-top.margin-xxhuge.small-tablet {
        margin-top: 2rem
    }

    .margin-bottom {
        margin-top: 0;
        margin-left: 0;
        margin-right: 0
    }

    .margin-left {
        margin-top: 0;
        margin-bottom: 0;
        margin-right: 0
    }

    .margin-right {
        margin-top: 0;
        margin-bottom: 0;
        margin-left: 0
    }

    .margin-vertical {
        margin-left: 0;
        margin-right: 0
    }

    .margin-horizontal {
        margin-top: 0;
        margin-bottom: 0
    }

    .padding-top {
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0
    }

    .padding-bottom {
        padding-top: 0;
        padding-left: 0;
        padding-right: 0
    }

    .padding-bottom.padding-xxlarge {
        padding-bottom: 6rem
    }

    .padding-left {
        padding-top: 0;
        padding-bottom: 0;
        padding-right: 0
    }

    .padding-right {
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0
    }

    .padding-vertical {
        padding-left: 0;
        padding-right: 0
    }

    .padding-horizontal {
        padding-top: 0;
        padding-bottom: 0
    }

    .text-size-medium,
    .text-size-medium.text-color-light-tint,
    .text-size-medium.text-color-light-tint {
        font-size: var(--font-size-tablet--m)
    }

    .heading-style-h2 {
        font-size: 2.75rem
    }

    .stitch-styleguide_icons-list {
        grid-auto-flow: row
    }

    .heading-style-h1 {
        font-size: 3.25rem
    }

    .form_checkbox-label {
        font-size: var(--font-size-tablet--s)
    }

    .form_field-label {
        font-size: var(--font-size-tablet--m)
    }

    .button.is-link.is-alternate {
        font-size: var(--label-size-tablet--label-2-xl)
    }

    .button.is-link.is-icon {
        font-size: var(--label-size-tablet--label-m)
    }

    .button.is-alternate.is-link.is-icon.is-animated.blog-body_cta_button {
        margin-bottom: 2rem
    }

    .heading-style-h4 {
        font-size: 1.75rem
    }

    .form_radio-label {
        font-size: var(--font-size-tablet--s)
    }

    .heading-style-h3 {
        font-size: 2.25rem
    }

    .form_input:focus-visible,
    .form_input[data-wf-focus-visible] {
        font-size: var(--font-size-tablet--m)
    }

    .form_input.is-submit {
        font-size: var(--font-size-tablet--s);
        font-size: var(--font-size-tablet--s)
    }

    .text-size-small {
        font-size: var(--font-size-tablet--s)
    }

    .text-size-large {
        font-size: var(--font-size-tablet--l)
    }

    .text-size-large.text-size-tablet-medium {
        font-size: var(--font-size-tablet--m);
        font-size: var(--font-size-tablet--m)
    }

    .padding-section-small {
        padding-top: 2rem;
        padding-bottom: 2rem
    }

    .padding-global.sticky-section.padding-section-small {
        grid-column-gap: 1.5rem;
        grid-row-gap: 1.5rem;
        grid-column-gap: 1.5rem;
        grid-row-gap: 1.5rem;
        grid-column-gap: 1.5rem;
        grid-row-gap: 1.5rem
    }

    .padding-section-medium,
    .padding-section-large {
        padding-top: 4rem;
        padding-bottom: 4rem
    }

    .spacer-large {
        padding-top: 2rem
    }

    .spacer-xlarge {
        padding-top: 3.5rem
    }

    .spacer-xxlarge {
        padding-top: 4.5rem
    }

    .spacer-huge {
        padding-top: 5rem
    }

    .spacer-xhuge {
        padding-top: 6rem
    }

    .spacer-xxhuge {
        padding-top: 7.5rem
    }

    .text-size-5xl {
        font-size: var(--font-size-tablet--5-xl);
        letter-spacing: var(--font-letter-spacing--tablet)
    }

    .text-size-4xl {
        font-size: var(--font-size-tablet--4-xl);
        letter-spacing: var(--font-letter-spacing--tablet)
    }

    .text-size-3xl {
        font-size: var(--font-size-tablet--3-xl);
        letter-spacing: var(--font-letter-spacing--tablet)
    }

    .text-size-2xl {
        font-size: var(--font-size-tablet--2-xl)
    }

    .text-size-xl {
        font-size: var(--font-size-tablet--xl)
    }

    .text-size-xs {
        font-size: var(--font-size-tablet--xs)
    }

    .text-size-2xs {
        font-size: var(--font-size-tablet--2-xs)
    }

    .max-width-half {
        order: -1;
        max-width: 100%
    }

    .half-title-headline-slot_component {
        grid-column-gap: 2rem;
        grid-row-gap: 2rem;
        flex-flow: column
    }

    .half-title-headline-slot_component.alternate {
        align-items: flex-start
    }

    .half-title-headline-slot_content-left {
        order: -1;
        max-width: 41rem
    }

    .half-title-headline-slot_content-right {
        max-width: 30.75rem
    }

    ._3-2-media-wrapper,
    .no-aspect-media-box {
        border-radius: var(--border-radii--tablet)
    }

    .no-aspect-media-box.carousel-image {
        width: auto;
        height: 100%
    }

    .no-aspect-media-image.carousel-image {
        aspect-ratio: 16/8;
        object-fit: cover;
        aspect-ratio: 16/8;
        object-fit: cover;
        width: auto;
        height: 100%
    }

    .section_casestudies {
        overflow: hidden
    }

    .casestudy_component {
        justify-content: space-between
    }

    .casestudy_media_wrapper {
        max-width: 50%
    }

    .casestudy_copy_right {
        width: 100%;
        max-width: 50%;
        max-height: none
    }

    .casestudy_media_aspect-box {
        border-radius: var(--border-radii--tablet)
    }

    .casestudy_copy_wrapper {
        flex: 1;
        height: auto;
        padding: 2rem
    }

    .casestudies_tabs_menu {
        grid-column-gap: 1rem;
        grid-row-gap: 1rem;
        max-width: 50%;
        padding-left: .5rem
    }

    .cards_component {
        width: calc(100vw - 2.5rem);
        padding-right: 2rem;
        overflow: auto
    }

    .cards_card._1st-card,
    .cards_card.interaction,
    .cards_card._1st-card,
    .cards_card.interaction {
        flex: none
    }

    .card_icon_wrapper._1st-card {
        opacity: 0;
        opacity: 0
    }

    .half-title-headline-half-slot_content-right {
        max-width: 30.75rem
    }

    .half-title-headline-50slot_component {
        grid-column-gap: 2rem;
        grid-row-gap: 2rem;
        flex-flow: column
    }

    .accordion-tabs_componenet {
        flex-flow: column
    }

    .accordion-tabs_content_wrapper {
        max-width: none
    }

    .accordion-tabs_content_wrapper.alternate {
        order: -1
    }

    .accordion-tabs_list_wrapper {
        max-width: none
    }

    .accordion-tabs_list_wrapper.alternate {
        order: 1
    }

    .accordion-tabs_header {
        font-size: var(--font-size-tablet--xl)
    }

    .accordion-tab_paragraph {
        font-size: var(--font-size-tablet--m)
    }

    .accordion-tabs_content_image {
        border-radius: var(--border-radii--tablet)
    }

    .static-cards_heading_wrapper {
        max-width: 50%
    }

    .static-cards_cards_wrapper {
        width: 95vw;
        overflow: auto
    }

    .static-cards_card {
        flex: none;
        width: 45%
    }

    .static-cards_card.sticky {
        width: 66.666%;
        top: 112px
    }

    .static-cards_card.full-width-tablet {
        width: 100%
    }

    .one-third-text_component {
        grid-column-gap: 2rem;
        grid-row-gap: 2rem;
        flex-flow: column
    }

    .one-third-text_copy_wrapper {
        flex-flow: column;
        width: auto;
        display: flex
    }

    .one-third-text_copy_wrapper.text-color-light-default {
        width: 50%
    }

    .one-third-text_media_slot {
        order: -1;
        width: 100%
    }

    .team_heading_wrapper {
        max-width: 66%
    }

    .team_component {
        grid-row-gap: 1rem;
        grid-template-columns: 1fr 1fr 1fr 1fr
    }

    .home-hero_componenet {
        grid-column-gap: 3.5rem;
        grid-row-gap: 3.5rem;
        flex-flow: column
    }

    .hero-full_background_image {
        width: auto
    }

    .hero_copy,
    .hero_media_slot {
        max-width: 100%
    }

    .hero_label_wrapper {
        padding-bottom: 2rem
    }

    .hero_paragraph_wrapper {
        padding-top: 1.5rem
    }

    .hero_button_wrapper {
        padding-top: 2rem
    }

    .hero-top-padding {
        padding-top: 11rem
    }

    .hero_subscribe_wrapper {
        padding-top: 2rem
    }

    .full-bleed-slider_content {
        grid-column-gap: 3.5rem;
        grid-row-gap: 3.5rem;
        padding-top: 2rem;
        padding-bottom: 2rem
    }

    .full-bleed-slider_nav_wrapper {
        max-width: 33.33%
    }

    .full-bleed-slider_slide_copy {
        max-width: 66.66%
    }

    .full-bleed_slide_link {
        font-size: var(--font-size-tablet--2-xl)
    }

    .blog-header_component {
        flex-flow: column
    }

    .blog-header_content_wrapper {
        width: 100%
    }

    .blog-header_detail_wrapper {
        font-size: var(--font-size-tablet--m)
    }

    .blog_header_main_wrapper {
        grid-column-gap: 1.5rem;
        grid-row-gap: 1.5rem
    }

    .blog_h1 {
        font-size: var(--font-size-tablet--3-xl);
        letter-spacing: var(--font-letter-spacing--tablet)
    }

    .blog_short-description_rich-text p {
        font-size: var(--font-size-tablet--m);
        font-size: var(--font-size-tablet--m)
    }

    .blog-header_author_wrapper {
        font-size: var(--font-size-mobile--s);
        text-align: right
    }

    .blog-body_component {
        grid-column-gap: 1rem;
        grid-row-gap: 1rem
    }

    .blog-body_share_wrapper {
        max-width: 9.125rem
    }

    .blog-body_rich-text_wrapper {
        flex: 1;
        max-width: none
    }

    ._66-title-headline-slot_content-left {
        order: -1;
        max-width: 41rem
    }

    .full-media_negative-padding-top {
        margin-top: -2rem
    }

    .half-media_wrapper {
        grid-column-gap: 2rem;
        grid-row-gap: 2rem;
        order: -1;
        max-width: 100%
    }

    .donation-form_input:focus-visible,
    .donation-form_input[data-wf-focus-visible] {
        font-size: var(--font-size-tablet--m)
    }

    .blog-body_share_content {
        margin-bottom: 15rem;
        top: 6.5rem
    }

    .blog-body_feature_image {
        border-radius: var(--border-radii--tablet);
        display: inline-block
    }

    .blog-body_rich-text blockquote {
        padding-right: 1.25rem
    }

    .blog-body_cta_component {
        border-radius: var(--border-radii--tablet);
        flex-flow: column
    }

    .blog-body_cta_copy_wrapper {
        width: 100%
    }

    .blog-body_cta-image {
        border-radius: var(--border-radii--tablet)
    }

    .blog-body_cta_image-wrapper {
        width: 100%
    }

    .blog_card_image {
        border-radius: var(--border-radii--tablet)
    }

    .blog-main_component {
        flex-flow: column
    }

    .blog-main_large_wrapper {
        width: 100%;
        position: relative;
        top: auto
    }

    .blog-main_tab_link_wrapper {
        flex-flow: wrap;
        padding-bottom: 2rem
    }

    .blog_old-posts_component {
        flex-flow: column
    }

    .blog_old-posts_large_wrapper {
        width: 100%
    }

    .blog-main_4col_list {
        grid-template-columns: 1fr 1fr 1fr
    }

    .navbar-pill_component {
        min-height: 4rem;
        max-height: 4rem;
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .navbar-pill_container {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
        position: static
    }

    .navbar-pill_menu {
        z-index: -1;
        background-color: var(--background-color-light--background-default);
        -webkit-text-fill-color: inherit;
        background-clip: border-box;
        border-bottom-right-radius: 2rem;
        border-bottom-left-radius: 2rem;
        flex: 0 auto;
        align-items: flex-start;
        width: 100%;
        height: 100dvh;
        margin-left: 0;
        padding: 3.875rem 1rem 1rem;
        transition: height .5s;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        overflow: auto;
        transform: translateY(-2rem)
    }

    .navbar-pill_menu-left {
        display: none
    }

    .navbar-pill_menu-dropdown {
        width: 100%
    }

    .navbar-pill_dropdown-toggle {
        align-items: center;
        padding-top: .75rem;
        padding-bottom: .75rem;
        padding-left: 0;
        font-size: 1.125rem;
        display: flex
    }

    .navbar-pill_dropdown-list {
        position: relative;
        overflow: hidden
    }

    .navbar-pill_dropdown-list.w--open {
        border-style: none;
        align-items: flex-start;
        padding: 0 0 0;
        position: relative;
        top: 0;
        opacity: 1;
        z-index: 901;
    }

    .navbar-pill_dropdown-content {
        flex-direction: column
    }

    .navbar-pill_menu-right {
        flex-direction: column;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr;
        align-items: stretch;
        margin-top: 1.5rem;
        display: none
    }

    .navbar-pill_menu-button {
        position: static
    }

    .navbar-pill_menu-button.w--open {
        background-color: #0000;
        position: static
    }

    .menu-icon5 {
        grid-column-gap: .375rem;
        grid-row-gap: .375rem;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 2.5rem;
        height: 2.5rem;
        padding-bottom: 0;
        padding-right: 0;
        display: flex
    }

    .menu-icon1_line-top {
        background-color: var(--base-color-neutral--black);
        width: 2rem;
        height: 2px;
        padding-bottom: 0;
        padding-right: 0
    }

    .menu-icon1_line-top.dark {
        background-color: var(--nav--background);
        background-color: var(--nav--background)
    }

    .menu-icon1_line-bottom {
        background-color: var(--base-color-neutral--black);
        width: 2rem;
        height: 2px;
        padding-bottom: 0;
        padding-right: 0
    }

    .menu-icon1_line-bottom.dark {
        background-color: var(--nav--background);
        background-color: var(--nav--background)
    }

    .navbar_menu-item_title_wrapper {
        justify-content: flex-start;
        align-items: flex-start;
        display: flex
    }

    .navbar_menu-item_link {
        font-size: var(--font-size-tablet--m)
    }

    .navbar-pill_mobile-link_wrapper {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        flex-flow: column;
        width: 100%;
        display: flex
    }

    .footer_top-wrapper {
        grid-row-gap: 3.5rem;
        flex-flow: column;
        grid-template-columns: 1fr;
        margin-bottom: 0
    }

    .footer_left-wrapper {
        width: 100%
    }

    .footer_bottom-wrapper {
        grid-column-gap: 1rem;
        grid-row-gap: 1rem;
        font-size: var(--font-size-tablet--xs);
        flex-flow: column;
        align-items: flex-start
    }

    .footer_credit-text {
        font-size: var(--font-size-desktop--xs)
    }

    .footer_horizontal-list_wrapper.credit {
        order: 1
    }

    .footer_right-wrapper {
        justify-content: space-between;
        align-items: flex-start;
        width: 100%
    }

    .navbar-pill_component-top {
        min-width: auto;
        min-height: 4rem;
        max-height: 4rem;
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .half-one-third_component {
        flex-flow: column
    }

    .half-one-third_copy-wrapper {
        width: 66.66%
    }

    .modal_sales-form {
        max-width: 100vw;
        overflow: hidden
    }

    .sales-form_wrapper {
        padding: 2rem;
        overflow: hidden auto
    }

    /* .sales-form_close {
        top: 2rem;
        right: 2rem
    } */

    .sales-form_hubspot-embed.page-form {
        border-radius: var(--border-radii--tablet);
        border-radius: var(--border-radii--tablet)
    }

    .flow-subscribe_heading_wrapper {
        max-width: 30.75rem
    }

    .flow-subscribe_media_wrapper {
        order: -1;
        max-width: 41rem
    }

    .flow-subscribe_component {
        grid-column-gap: 2rem;
        grid-row-gap: 2rem;
        flex-flow: column
    }

    .navbar_mobile_sales-button_wrapper {
        grid-column-gap: 1rem;
        grid-row-gap: 1rem;
        justify-content: flex-end;
        align-items: flex-end;
        width: 100%;
        display: flex;
        position: sticky;
        inset: auto 1rem 1rem auto
    }

    .about-stitch_wrapper {
        grid-column-gap: 2rem;
        grid-row-gap: 2rem;
        flex-flow: column
    }

    .success_button_wrapper {
        padding-top: 2rem
    }

    .carousel_component {
        border-radius: var(--border-radii--tablet)
    }

    .carousel_slide_copy_wrapper {
        position: absolute
    }

    .carousel_slide_component {
        aspect-ratio: 3/2;
        grid-template-columns: 1fr
    }

    .carousel_slide_image_container {
        height: 100%;
        min-height: 100%
    }

    .image-slot {
        align-self: stretch;
        width: 100%;
        height: auto;
        padding-top: 3.5rem
    }

    .image-slot.carousel-image,
    .carousel-slide-copy-slot {
        padding-top: 0
    }

    ._1-1-media-wrapper {
        border-radius: var(--border-radii--tablet)
    }

    .button-2.is-link.is-icon {
        font-size: 1rem
    }

    .padel-container {
        padding: 40px
    }

    .padel-flex-stretch {
        width: 100%
    }

    .padel-title-l {
        font-size: 7vw
    }

    ._16-9-media-wrapper {
        border-radius: var(--border-radii--tablet)
    }

    .card-link {
        max-width: 50%
    }

    .link-card-media-slot {
        min-width: 60px;
        max-height: 60px
    }

    .card-link-inner.background-color-dark-mid {
        padding-bottom: 2rem
    }

    .half-headline-half-body {
        grid-column-gap: 1rem;
        grid-row-gap: 1rem
    }

    ._2-1-media_image {
        border-radius: var(--border-radii--tablet)
    }

    .two-thirds-slot_content-right {
        width: 100%
    }

    .pricing-card-light {
        max-width: 50%;
        margin-bottom: 1rem
    }

    .pricing-card-inner {
        border-radius: var(--border-radii--tablet)
    }

    .hero-image-custom {
        background-image: url(https://cdn.prod.website-files.com/670a67727905d0e6bd612d79/67a5ed7869e83d0d2a10de26_express-hero.avif);
        background-position: 75%;
        background-size: cover;
        width: 100%;
        max-width: none;
        height: 108%;
        bottom: 0
    }

    .nav-items-container {
        width: 100%;
        max-width: 100%
    }

    .nav-items-container.narrow {
        width: calc(50% - .5rem);
        max-width: calc(60% - .5rem)
    }

    .nav-item-card.feature-card {
        max-width: none
    }

    .nav-item-feature-card-image-container {
        aspect-ratio: 3/2;
        justify-content: center;
        display: flex
    }

    .nav-items-card-wrapper {
        flex-flow: wrap
    }

    .four-years-year-container {
        padding: 1.5rem
    }

    .four-years-card.size-s {
        max-width: 80%
    }

    .four-years-card.size-m {
        max-width: 100%
    }

    .four-years-card-content-wrapper {
        grid-column-gap: 1rem;
        grid-row-gap: 1rem;
        padding: 1rem
    }

    .four-years-card-image-wrapper.wide-screen {
        aspect-ratio: 1;
        object-fit: cover;
        aspect-ratio: 1;
        object-fit: cover;
        width: 100%
    }

    .four-years-year-ticker {
        grid-column-gap: 10vh;
        grid-row-gap: 10vh
    }

    .four-years-year-text {
        font-size: 33vh
    }

    .four-years-title-xl {
        font-size: 14.075vw
    }

    .four-years-header-container {
        padding: 1.5rem
    }

    .four-years-nav-link {
        width: 60px
    }

    .four-years-sub-head {
        font-size: var(--font-size-desktop--xl)
    }

    .four-years-header-content {
        justify-content: flex-start;
        align-items: flex-end
    }

    .four-years-media {
        max-width: none;
        height: 100%;
        position: relative
    }

    .four-years-tabs-menu {
        padding: 1.5rem
    }

    .four-years-list-container {
        padding: 1.75rem
    }

    .four-years-list-header-wrapper {
        flex-flow: column;
        justify-content: space-between;
        align-items: flex-end
    }

    .four-years-list-header-title {
        font-size: 24.25vw;
        line-height: 1
    }

    .four-years-list-sub-head {
        text-align: right;
        width: 100%
    }

    .four-years-list-sub-head-wrapper {
        justify-content: flex-end;
        align-items: center;
        width: 59.5%;
        display: flex
    }

    .four-years-list-table-row {
        grid-column-gap: .5rem;
        grid-row-gap: .5rem
    }

    .four-years-list-table-row.header-row {
        padding-top: 1.75rem;
        padding-bottom: 1.75rem
    }

    .four-years-list-table-column {
        font-size: var(--font-size-mobile--s)
    }

    .four-years-list-table-column.date {
        font-size: var(--font-size-tablet--s);
        font-size: var(--font-size-tablet--s)
    }

    .four-years-list-header-title-wrapper {
        width: 100%
    }

    .promotion-modal.background-color-light-default {
        aspect-ratio: 3/2;
        aspect-ratio: 3/2
    }

    .promotion-modal-headline {
        font-size: var(--font-size-tablet--3-xl)
    }

    .promotion-modal-body {
        font-size: var(--font-size-desktop--xs)
    }

    .promotion-modal-logo {
        max-height: 20px
    }

    .ss25-padding.ss25-hero {
        padding-top: 11vw
    }

    .ss25-text.ss25-headline {
        font-size: 9vw
    }

    .ss25-text.ss25-headline.ss25-text-align-right.s25-m-text-align-left {
        text-align: left;
        text-align: left;
        text-align: left
    }

    .ss25-text.ss25-sub-head {
        padding-right: 0;
        font-size: 6.375vw
    }

    .ss25-headline-text-wrapper {
        grid-row-gap: 5.5vw
    }

    .ss25-headline-text-wrapper-inner.ss25-w-39 {
        width: 40vw;
        min-width: 40vw
    }

    .ss25-headline-text-wrapper-inner.ss25-w-39.ss25-m-w-100 {
        width: 100%;
        min-width: 100%
    }

    .ss25-form-modal {
        width: 100vw;
        min-width: 100vw;
        height: auto;
        min-height: 100svh;
        inset: auto 0% 0%
    }

    .ss25-form-modal-inner.left.ss25-w-39.ss25-m-w-75 {
        width: 85%;
        min-width: 85%
    }

    .ss25-form {
        width: 100%;
        min-width: 100%
    }

    .ss25-form-modal-content {
        flex-flow: wrap;
        padding-top: 5.5vw
    }

    .brands-textblock {
        font-size: 1.25rem
    }

    .footer_top-wrapper-2 {
        grid-column-gap: 2vw;
        grid-row-gap: 4rem;
        grid-template-columns: 1fr 1fr 1fr
    }

    .ticker_text {
        font-size: 1.5rem
    }

    .hero_image_stitch-logo {
        width: 15%
    }

    .menu-icon1_line-middle-inner {
        width: 4px;
        height: 0;
        padding-bottom: 0;
        padding-right: 0
    }

    .agenda_detail-textblock {
        font-size: .88rem
    }

    .navbar_menu {
        -webkit-text-fill-color: inherit;
        background-color: #fff;
        background-clip: border-box;
        border-bottom: 1px solid #240f54;
        padding: 1rem 5% 2rem;
        position: absolute;
        overflow: auto
    }

    .navbar_menu.is-page-height-tablet {
        height: 100dvh;
        padding-bottom: 6.5rem;
        transition: height .5s
    }

    .brand_image {
        height: 1.5rem
    }

    .section-ticker {
        padding-top: 4rem;
        padding-bottom: 4rem
    }

    .what_text_huge {
        font-size: 8svw
    }

    .ricker_image-barcode {
        width: 8.7rem
    }

    .menu-icon1_line-middle {
        background-color: #fff;
        justify-content: center;
        align-items: center;
        width: 24px;
        height: 2px;
        margin-top: 6px;
        margin-bottom: 6px;
        padding-bottom: 0;
        padding-right: 0;
        display: flex
    }

    .navbar_component {
        color: #240f54
    }

    .menu-icon1_line-top-2 {
        background-color: #fff;
        width: 24px;
        height: 2px;
        padding-bottom: 0;
        padding-right: 0
    }

    .hero_textblock {
        font-size: 1.25rem
    }

    .navbar_menu-button.w--open {
        background-color: #0000
    }

    .menu-icon1_line-bottom-2 {
        background-color: #fff;
        width: 24px;
        height: 2px;
        padding-bottom: 0;
        padding-right: 0
    }

    .agenda_no-textblock {
        font-size: .88rem
    }

    .navbar_link {
        color: #240f54;
        width: auto;
        padding: .75rem 0;
        font-size: 1.125rem
    }

    .attend_component {
        grid-row-gap: 2rem;
        grid-template-columns: 1fr 1fr
    }

    .what_paragraph-wrapper {
        max-width: none;
        margin-left: auto
    }

    .menu-icon1 {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 48px;
        height: 48px;
        margin-right: -.5rem;
        padding-bottom: 0;
        padding-right: 0;
        display: flex
    }

    .attend_copy-wrapper {
        padding-top: 5rem
    }

    .attend_copy-wrapper.light {
        flex-flow: column;
        justify-content: flex-end;
        align-items: flex-start;
        display: flex
    }

    .what_paragraph_component {
        padding-top: 3rem
    }

    .attend_heading-wrapper {
        padding-top: 4rem
    }

    .source {
        font-size: 1rem
    }

    .report-modal_link_icon-1 {
        width: 2rem;
        height: 2rem
    }

    .stats1_graph_number-wrapper._8,
    .stats1_graph_number-wrapper._7,
    .stats1_graph_number-wrapper._5,
    .stats1_graph_number-wrapper._3,
    .stats1_graph_number-wrapper._1 {
        overflow: visible
    }

    .stats1_graph_number-wrapper._4,
    .stats1_graph_number-wrapper._2,
    .stats1_graph_number-wrapper._8,
    .stats1_graph_number-wrapper._7,
    .stats1_graph_number-wrapper._5,
    .stats1_graph_number-wrapper._3,
    .stats1_graph_number-wrapper._1 {
        overflow: visible
    }

    .stats1_graph_number-wrapper._6 {
        width: 4.05rem;
        overflow: visible
    }

    .stats1_graph_number-wrapper._4,
    .stats1_graph_number-wrapper._2 {
        overflow: visible
    }

    .accordion_heading-grid {
        grid-template-columns: .5fr 2.75fr min-content
    }

    .text-size-xl-3 {
        font-size: 1.5rem
    }

    .report-debit_neutral_copy-wrapper._2 {
        bottom: -829%
    }

    .heading-style-h4-2 {
        font-size: 1.75rem
    }

    .accordion_heading_number_image {
        width: 5.4rem
    }

    .sales-form_wrapper-2 {
        padding: 2rem;
        overflow: hidden auto
    }

    .report-debit_positivel_tag {
        bottom: -500%
    }

    .report-safety_component {
        grid-column-gap: 2rem;
        grid-row-gap: 2rem;
        grid-template-columns: 1fr 1fr
    }

    .report-case-studies_image-wrapper-accordion-2.blank {
        height: 112px
    }

    .report-modal_link_grid {
        flex-flow: column
    }

    .reporty-findings_button-wrapper {
        justify-content: flex-start
    }

    .report-demand_graph_component {
        max-width: none
    }

    .padding-top-2 {
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0
    }

    .reporty-findings_grid {
        grid-row-gap: 2rem;
        grid-template-rows: auto;
        grid-template-columns: 1fr
    }

    .report-case-studie_image-card {
        width: 90%;
        right: 10%
    }

    .report-hero_paragrapgh_container {
        grid-column-gap: 32px;
        grid-row-gap: 32px;
        flex-flow: column
    }

    .report-footer_top-wrapper {
        grid-row-gap: 4rem;
        grid-template-columns: 1fr
    }

    .report-case-studie_stats-text-block {
        font-size: 6rem
    }

    .accordion_heading_number-wrapper {
        justify-content: flex-start;
        align-items: flex-start
    }

    .consumer-payments_grid {
        grid-template-columns: 1fr
    }

    .report-case-studie_apple-pay {
        width: 90%
    }

    .padding-section-large-3 {
        padding-top: 6rem;
        padding-bottom: 6rem
    }

    .stats-testimonial_scroll-wrapper {
        grid-column-gap: 2rem;
        grid-row-gap: 2rem
    }

    .report-demand_component {
        grid-column-gap: 4rem;
        grid-row-gap: 4rem;
        flex-flow: column;
        grid-template-columns: .45fr;
        display: flex
    }

    .report-case-studie_grid {
        grid-column-gap: 1.5rem;
        grid-row-gap: 1.5rem
    }

    .report-case-studie_grid.accordion-2 {
        grid-column-gap: 4rem;
        grid-row-gap: 4rem;
        grid-column-gap: 4rem;
        grid-row-gap: 4rem;
        grid-template-columns: 1fr
    }

    .report-case-studies_dial-wrapper {
        margin-top: 2rem
    }

    .report-bash_content {
        grid-column-gap: 3rem;
        grid-row-gap: 3rem;
        grid-template-columns: 1fr
    }

    .report-footer_left-wrapper {
        grid-column-gap: 2rem;
        grid-row-gap: 2rem
    }

    .stats2_graph_chart_stats {
        font-size: 2.31rem
    }

    .report-debit_neutral_tag {
        bottom: -66%
    }

    .heading-style-h3-2 {
        font-size: 2.25rem
    }

    .report-findings_number-wrapper {
        font-size: 5rem
    }

    .report-safety_stat {
        font-size: 4rem
    }

    .heading-style-h2-2 {
        font-size: 2rem
    }

    .report-findings_item {
        grid-template-columns: 102px 1fr
    }

    .stats-testimonial_card_component {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .stats2_graph_number-wrapper._5 {
        width: 64.8047px
    }

    .stats2_graph_number-wrapper._4 {
        width: 64.1797px;
        overflow: visible
    }

    .stats2_graph_number-wrapper._1 {
        width: 70.1641px
    }

    .stats2_graph_number-wrapper._2 {
        width: 74.7109px;
        overflow: visible
    }

    .stats2_graph_number-wrapper._3 {
        width: 61.8125px;
        overflow: visible
    }

    .report-safety_card {
        padding: 1.5rem
    }

    .report-footer_menu-wrapper {
        grid-row-gap: 3rem;
        flex-flow: column
    }

    .report-debit_positive-stat-wrapper {
        top: -400%
    }

    .report-intro_content {
        grid-column-gap: 3rem;
        grid-row-gap: 2rem;
        grid-template-columns: 1fr
    }

    .stats4_graph_heading-wrapper {
        grid-template-columns: 1fr
    }

    .report-case-studie_content-wrapper {
        padding-right: 1.5rem
    }

    .report-modal_link_linkblock {
        grid-column-gap: 2rem;
        grid-row-gap: 2rem;
        grid-template-columns: 2rem 1fr minmax(127px, 128px);
        min-width: auto;
        padding-left: 2rem
    }

    .report-modal_link_linkblock._5 {
        order: 5
    }

    .report-modal_link_linkblock._1 {
        order: -1;
        min-width: auto
    }

    .report-modal_link_linkblock._4 {
        order: 4
    }

    .report-modal_link_linkblock._7 {
        order: 7
    }

    .report-modal_link_linkblock._6 {
        order: 6
    }

    .report-modal_link_linkblock.ornage.last {
        order: 10
    }

    .repor-bash_background_image {
        max-height: 20.8rem
    }

    .accordion_heading_icon {
        width: 4rem;
        height: 4rem
    }

    .agenda-name-link {
        font-size: .88rem
    }

    .elevate-agenda-page-header {
        margin-bottom: 5rem
    }

    .elevate-agenda-page-item-wrapper {
        grid-row-gap: 1.5rem;
        flex-flow: wrap
    }

    .elevate-agenda-page-time-and-title-wrapper {
        width: 100%
    }

    .elevate-agenda-page-p {
        width: 75%
    }

    .elevate-agenda-page-time {
        width: 20%
    }

    .rive-frame {
        border-radius: var(--border-radii--tablet)
    }

    .max-width-two-thirds.full-width-tablet {
        max-width: 100%
    }
}

@media screen and (max-width: 767px) {
    h1 {
        font-size: 2.5rem
    }

    h2 {
        font-size: 2.25rem
    }

    h3 {
        font-size: 2rem
    }

    h4 {
        font-size: 1.5rem;
        line-height: 1.4
    }

    h5 {
        font-size: 1.25rem
    }

    h6 {
        font-size: 1.125rem
    }

    p {
        font-size: var(--font-size-mobile--m);
        line-height: 1.4
    }

    .hide-mobile-landscape {
        display: none
    }

    .max-width-full-mobile-landscape {
        width: 100%;
        max-width: none
    }

    .margin-xsmall {
        margin: .75rem
    }

    .margin-small {
        margin: 1.25rem
    }

    .margin-medium {
        margin: 1.5rem
    }

    .margin-large {
        margin: 2rem
    }

    .margin-xlarge {
        margin: 2.5rem
    }

    .margin-xxlarge {
        margin: 3rem
    }

    .margin-huge {
        margin: 3.5rem
    }

    .margin-xhuge {
        margin: 4rem
    }

    .margin-xxhuge {
        margin: 5rem
    }

    .padding-xsmall {
        padding: .75rem
    }

    .padding-small {
        padding: 1.25rem
    }

    .padding-medium {
        padding: 1.5rem
    }

    .padding-large {
        padding: 2rem
    }

    .padding-xlarge {
        padding: 2.5rem
    }

    .padding-xxlarge {
        padding: 3rem
    }

    .padding-huge {
        padding: 3.5rem
    }

    .padding-xhuge {
        padding: 4rem
    }

    .padding-xxhuge {
        padding: 5rem
    }

    .margin-top {
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0
    }

    .margin-top.margin-xxhuge.small-tablet {
        margin-top: 1.5rem
    }

    .margin-top.margin-xhuge.mobile {
        margin-top: 3.5rem
    }

    .margin-bottom {
        margin-top: 0;
        margin-left: 0;
        margin-right: 0
    }

    .margin-left {
        margin-top: 0;
        margin-bottom: 0;
        margin-right: 0
    }

    .margin-right {
        margin-top: 0;
        margin-bottom: 0;
        margin-left: 0
    }

    .margin-vertical {
        margin-left: 0;
        margin-right: 0
    }

    .margin-horizontal {
        margin-top: 0;
        margin-bottom: 0
    }

    .padding-top {
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0
    }

    .padding-bottom {
        padding-top: 0;
        padding-left: 0;
        padding-right: 0
    }

    .padding-left {
        padding-top: 0;
        padding-bottom: 0;
        padding-right: 0
    }

    .padding-right {
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0
    }

    .padding-vertical {
        padding-left: 0;
        padding-right: 0
    }

    .padding-horizontal {
        padding-top: 0;
        padding-bottom: 0
    }

    .text-size-medium {
        font-size: var(--font-size-mobile--m);
        line-height: 140%
    }

    .text-size-medium.text-color-light-tint {
        font-size: var(--font-size-mobile--m);
        font-size: var(--font-size-mobile--m)
    }

    .text-style-quote {
        font-size: 1.125rem
    }

    .heading-style-h2 {
        font-size: 2.25rem
    }

    .heading-style-h6 {
        font-size: 1.125rem
    }

    .heading-style-h5 {
        font-size: 1.25rem
    }

    .heading-style-h1 {
        font-size: 2.5rem
    }

    .form_checkbox-label {
        font-size: var(--font-size-mobile--s)
    }

    .form_field-label {
        font-size: var(--font-size-mobile--m)
    }

    .button.is-link.is-alternate {
        font-size: var(--label-size-mobile--label-2-xl)
    }

    .button.is-link.is-icon {
        font-size: var(--label-size-mobile--label-m)
    }

    .heading-style-h4 {
        font-size: 1.5rem;
        line-height: 1.4
    }

    .form_radio-label {
        font-size: var(--font-size-mobile--s)
    }

    .heading-style-h3 {
        font-size: 2rem
    }

    .form_input:focus-visible,
    .form_input[data-wf-focus-visible] {
        font-size: var(--font-size-mobile--m)
    }

    .form_input.is-submit {
        font-size: var(--font-size-mobile--s);
        font-size: var(--font-size-mobile--s)
    }

    .text-style-nowrap {
        white-space: normal
    }

    .text-size-small {
        font-size: var(--font-size-mobile--s);
        line-height: 140%
    }

    .text-size-large {
        font-size: var(--font-size-mobile--l)
    }

    .padding-section-small {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem
    }

    .padding-global.sticky-section.padding-section-small {
        grid-column-gap: 1rem;
        grid-row-gap: 1rem;
        grid-column-gap: 1rem;
        grid-row-gap: 1rem;
        grid-column-gap: 1rem;
        grid-row-gap: 1rem;
        flex-flow: column-reverse
    }

    .padding-section-medium {
        padding-top: 3rem;
        padding-bottom: 3rem
    }

    .padding-section-large {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem
    }

    .spacer-xsmall {
        padding-top: .75rem
    }

    .spacer-small {
        padding-top: 1.25rem
    }

    .spacer-medium {
        padding-top: 1.5rem
    }

    .spacer-large {
        padding-top: 1.25rem
    }

    .spacer-xlarge {
        padding-top: 2.5rem
    }

    .spacer-xxlarge {
        padding-top: 3rem
    }

    .spacer-huge {
        padding-top: 3.5rem
    }

    .spacer-xhuge {
        padding-top: 4rem
    }

    .spacer-xxhuge {
        padding-top: 5rem
    }

    .text-size-5xl {
        font-size: var(--font-size-mobile--5-xl);
        letter-spacing: var(--font-letter-spacing--mobile);
        line-height: 100%
    }

    .text-size-4xl {
        font-size: var(--font-size-mobile--4-xl);
        letter-spacing: var(--font-letter-spacing--mobile);
        line-height: 100%
    }

    .text-size-3xl {
        font-size: var(--font-size-mobile--3-xl);
        letter-spacing: var(--font-letter-spacing--mobile);
        padding-bottom: 1.5rem;
        line-height: 100%
    }

    .text-size-3xl.padel {
        padding-bottom: 0
    }

    .text-size-2xl {
        font-size: var(--font-size-mobile--2-xl)
    }

    .text-size-xl {
        font-size: var(--font-size-mobile--xl);
        line-height: 120%
    }

    .text-size-xs {
        font-size: var(--font-size-mobile--xs);
        line-height: 140%
    }

    .text-size-xs.text-color-light-tint.no-decoration.line-height-label {
        line-height: 1.2
    }

    .text-size-2xs {
        font-size: var(--font-size-mobile--2-xs);
        line-height: 140%
    }

    .half-title-headline-slot_component {
        grid-column-gap: 2rem;
        grid-row-gap: 2rem;
        grid-template-columns: 1fr
    }

    .half-title-headline-slot_content-left,
    .half-title-headline-slot_content-right {
        max-width: 100%
    }

    ._3-2-media-wrapper,
    .no-aspect-media-box {
        border-radius: var(--border-radii--mobile)
    }

    .casestudy_component {
        flex-flow: column
    }

    .casestudy_media_wrapper,
    .casestudy_copy_right {
        max-width: 100%
    }

    .casestudy_media_aspect-box {
        border-radius: var(--border-radii--mobile)
    }

    .casestudy_copy_wrapper {
        padding: 1.25rem
    }

    .casestudy_image_wrapper {
        grid-column-gap: 0rem;
        grid-row-gap: 0rem;
        overflow: visible
    }

    .casestudy_image_slider_image {
        flex: none;
        width: 6rem;
        height: 4rem
    }

    .casestudies_tabs_link {
        flex: none;
        width: auto;
        height: 4rem;
        padding-left: 3.5rem;
        padding-right: 3.5rem
    }

    .casestudies_tabs_link.w--current {
        flex: none;
        width: auto;
        height: 4rem
    }

    .casestudies_tab_component {
        flex-flow: column;
        justify-content: flex-start;
        align-items: flex-start;
        display: flex
    }

    .casestudies_tabs_menu {
        flex: none;
        order: 1;
        width: 100vw;
        max-width: none;
        padding-left: 0;
        position: relative;
        overflow: auto
    }

    .half-title-headline-half-slot_content-right {
        max-width: 100%
    }

    .half-title-headline-50slot_component {
        grid-column-gap: 2rem;
        grid-row-gap: 2rem;
        grid-template-columns: 1fr
    }

    .accordion-tabs_header {
        font-size: var(--font-size-mobile--xl);
        line-height: 120%
    }

    .accordion-tab_paragraph {
        font-size: var(--font-size-mobile--m);
        line-height: 140%
    }

    .accordion-tabs_content_image {
        border-radius: var(--border-radii--mobile)
    }

    .static-cards_heading_wrapper {
        max-width: 100%;
        padding-bottom: .5rem
    }

    .static-cards_cards_wrapper {
        grid-column-gap: 1rem;
        grid-row-gap: 1rem;
        justify-content: space-between
    }

    .static-cards_cards_wrapper.vertical.one-third-scroll {
        width: 100%
    }

    .static-cards_card {
        width: 85%
    }

    .static-cards_card.sticky {
        width: 100%;
        position: relative;
        top: 0
    }

    .one-third-text_component {
        grid-column-gap: 1.5rem;
        grid-row-gap: 1.5rem
    }

    .one-third-text_copy_wrapper,
    .one-third-text_copy_wrapper.text-color-light-default,
    .one-third-text_copy_wrapper.text-color-light-default {
        width: 100%
    }

    .team_heading_wrapper {
        max-width: 100%
    }

    .team_component {
        grid-template-columns: 1fr 1fr
    }

    .hero-top-padding {
        padding-top: 6rem
    }

    .full-bleed-slider_content {
        grid-column-gap: 3.5rem;
        grid-row-gap: 3.5rem;
        padding-top: 1.25rem;
        padding-bottom: 1.25rem
    }

    .full-bleed-slider_nav_wrapper,
    .full-bleed-slider_slide_copy {
        max-width: none
    }

    .full-bleed_slide_link {
        font-size: var(--font-size-mobile--2-xl)
    }

    .section_blog-header {
        margin-top: 5.4375rem
    }

    .blog-header_detail_wrapper {
        grid-column-gap: 1rem;
        grid-row-gap: 1rem;
        font-size: var(--font-size-mobile--m)
    }

    .blog-header_detail_right {
        grid-column-gap: 1rem;
        grid-row-gap: 1rem;
        flex: 1;
        justify-content: space-between
    }

    .blog_header_main_wrapper {
        grid-column-gap: 1.5rem;
        grid-row-gap: 1.5rem
    }

    .blog_h1 {
        font-size: var(--font-size-mobile--3-xl);
        letter-spacing: var(--font-letter-spacing--mobile);
        line-height: 100%
    }

    .blog_short-description_rich-text p {
        font-size: var(--font-size-mobile--m);
        font-size: var(--font-size-mobile--m)
    }

    .blog-header_author_wrapper {
        font-size: var(--font-size-mobile--s);
        text-align: left;
        padding-top: 1.5rem
    }

    .blog-body_component {
        flex-flow: column;
        padding-bottom: 0
    }

    .blog-body_share_wrapper {
        grid-column-gap: 2rem;
        grid-row-gap: 2rem;
        order: 1;
        width: auto;
        max-width: none
    }

    .blog-body_rich-text_wrapper {
        order: -1;
        width: auto
    }

    ._66-title-headline-slot_content-left {
        max-width: 100%
    }

    .full-media_negative-padding-top {
        margin-top: -1.25rem
    }

    .half-media_wrapper {
        grid-column-gap: 1rem;
        grid-row-gap: 1rem
    }

    .donation-form_input:focus-visible,
    .donation-form_input[data-wf-focus-visible] {
        font-size: var(--font-size-mobile--m)
    }

    .button-wrapper.right-align {
        justify-content: flex-start
    }

    .blog-body_share_content {
        margin-bottom: auto;
        position: relative;
        top: auto
    }

    .blog-body_feature_image {
        border-radius: var(--border-radii--mobile);
        margin-bottom: 1.75rem
    }

    .blog-body_cta_component,
    .blog-body_cta-image {
        border-radius: var(--border-radii--mobile)
    }

    .blog-futher-reading_collection_list {
        grid-column-gap: 1.5rem;
        grid-row-gap: 1.5rem;
        flex-flow: column
    }

    .blog_card_image {
        border-radius: var(--border-radii--mobile)
    }

    .blog-body_share_link_wrapper {
        grid-column-gap: 1rem;
        grid-row-gap: 1rem;
        flex-flow: row;
        justify-content: flex-start;
        width: 100%
    }

    .blog-main_component {
        grid-column-gap: 3.5rem;
        grid-row-gap: 3.5rem
    }

    .blog-main_feature-list {
        grid-row-gap: 3.5rem;
        grid-template-columns: 1fr
    }

    .blog-main_tab_link_wrapper {
        grid-column-gap: .5rem;
        grid-row-gap: .5rem;
        padding-bottom: 1rem
    }

    .blog_old-posts_component {
        grid-column-gap: 3.5rem;
        grid-row-gap: 3.5rem
    }

    .blog-main_4col_list {
        grid-row-gap: 3.5rem;
        grid-template-columns: 1fr
    }

    .navbar-pill_component {
        min-height: 4rem
    }

    .navbar-pill_menu {
        padding-bottom: 6rem
    }

    .navbar-pill_dropdown-content {
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    .navbar_menu-item_container {
        text-align: left;
        flex-flow: column;
        justify-content: flex-start;
        align-items: flex-start
    }

    .navbar_menu-item_title_wrapper,
    .navbar-menu-item_list-wrapper {
        width: 100%
    }

    .navbar_menu-item_link {
        font-size: var(--font-size-mobile--m)
    }

    .footer_top-wrapper {
        grid-row-gap: 3rem
    }

    .footer_bottom-wrapper {
        font-size: var(--font-size-tablet--xs);
        flex-flow: column;
        align-items: flex-start;
        padding-bottom: 1rem
    }

    .footer_credit-text {
        font-size: var(--font-size-mobile--xs);
        margin-top: 0
    }

    .footer_credit-text.copyright {
        order: 1;
        width: 100%
    }

    .footer_horizontal-list_wrapper.credit {
        flex-flow: wrap;
        order: 1;
        justify-content: flex-start
    }

    .footer_right-wrapper {
        grid-row-gap: .5rem;
        flex-flow: wrap;
        justify-content: flex-start;
        align-items: flex-start
    }

    .navbar-pill_component-top {
        min-height: 4rem
    }

    .half-one-third_copy-wrapper {
        width: 100%
    }

    .modal_sales-form {
        padding: 0
    }

    .sales-form_wrapper {
        max-width: 100vw;
        padding: 1rem
    }

    /* .sales-form_close {
        top: 1rem;
        right: 1rem
    } */

    .sales-form_hubspot-embed.page-form {
        border-radius: var(--border-radii--mobile);
        border-radius: var(--border-radii--mobile)
    }

    .blog-body_email-subscribe_wrapper {
        order: 1
    }

    .flow-subscribe_heading_wrapper,
    .flow-subscribe_media_wrapper {
        max-width: 100%
    }

    .flow-subscribe_component {
        grid-column-gap: 2rem;
        grid-row-gap: 2rem;
        grid-template-columns: 1fr
    }

    .blog-main_single-item_tilte-wrapper {
        width: 100%
    }

    .about-stitch_wrapper {
        grid-column-gap: 2rem;
        grid-row-gap: 2rem;
        grid-template-columns: 1fr
    }

    .carousel_component {
        border-radius: var(--border-radii--mobile)
    }

    .carousel_right_arrow {
        top: 1.25rem;
        right: 1.25rem
    }

    .carousel_left_arrow {
        top: 1.25rem;
        right: 3.325rem
    }

    .carousel_slide_component {
        padding: 1.25rem
    }

    .slide-nav {
        height: .9375rem;
        padding-left: .8rem;
        padding-right: .8rem
    }

    ._1-1-media-wrapper {
        border-radius: var(--border-radii--mobile)
    }

    .slide_nav_dark {
        height: .9375rem;
        padding-left: .8rem;
        padding-right: .8rem
    }

    .button-2.is-link.is-icon {
        font-size: 1rem
    }

    .padel-container {
        padding: 30px
    }

    ._16-9-media-wrapper {
        border-radius: var(--border-radii--mobile)
    }

    .card-link {
        max-width: 50%
    }

    .link-card-media-slot {
        min-width: 70px;
        max-height: 70px
    }

    .card-link-inner.background-color-dark-mid {
        padding: 2rem .5rem 1rem
    }

    .card-link-inner.background-color-light-mid {
        padding-bottom: 1rem
    }

    .half-headline-half-body {
        flex-flow: column;
        margin-bottom: 3rem
    }

    ._2-1-media_image,
    .pricing-card-inner {
        border-radius: var(--border-radii--mobile)
    }

    .nav-item-feature-card-image-container {
        aspect-ratio: 1
    }

    .four-years-card-content-wrapper {
        grid-column-gap: .5rem;
        grid-row-gap: .5rem
    }

    .four-years-card-header {
        font-size: var(--font-size-desktop--l)
    }

    .four-years-card-body {
        font-size: var(--font-size-tablet--s);
        line-height: 1
    }

    .agenda_item-heading {
        padding-left: 0%
    }

    .brands-textblock {
        font-size: 1.13rem
    }

    .hero_main-vector-wrapper {
        top: auto;
        bottom: 35%
    }

    .footer_top-wrapper-2 {
        grid-row-gap: 3rem
    }

    .hero_image_vercor-background {
        width: 84%;
        max-width: 90%;
        max-height: 90%
    }

    .hero_image_stitch-logo {
        width: 15%;
        position: relative
    }

    .agenda_detail-textblock {
        font-size: .88rem
    }

    .home_hero_foreground-copy-wrapper {
        grid-column-gap: 1rem;
        grid-row-gap: 1rem;
        flex-flow: column;
        order: -1;
        justify-content: flex-start;
        align-items: center
    }

    .navbar_menu.is-page-height-tablet {
        padding-bottom: 6rem
    }

    .brand_image {
        height: 1.5rem
    }

    .section-ticker {
        padding-top: 3rem;
        padding-bottom: 3rem
    }

    .what_text_huge {
        font-size: 8svw
    }

    .hero_image_main-vector {
        max-width: 13.5rem
    }

    .agenda_item-heading-textblock {
        font-size: min(6.25rem, 5vw);
        font-weight: 300
    }

    .navbar_component {
        height: auto;
        min-height: 4rem
    }

    .section-hero {
        min-height: 31.5rem
    }

    .hero_textblock {
        color: #fff;
        text-shadow: 0 1px 5px #000;
        font-size: 1rem
    }

    .hero_full-width_foreground {
        position: absolute;
        inset: auto 5% 0%
    }

    .agenda_no-textblock {
        font-size: .88rem
    }

    .hero_component {
        padding-top: 4.15rem;
        position: absolute;
        inset: 0%
    }

    .attend_component {
        grid-template-rows: auto;
        grid-template-columns: 1fr
    }

    .navbar_logo-link {
        padding-left: 0
    }

    .what_paragraph-wrapper {
        max-width: none;
        margin-left: 0%
    }

    .hero_image_man {
        width: 74%;
        max-width: 22.4rem;
        right: auto
    }

    .what_paragraph_component {
        padding-top: 4rem;
        position: static
    }

    .home_hero_button-wrapper {
        display: none;
        position: relative;
        bottom: auto;
        right: auto
    }

    .hero_copy_container {
        grid-column-gap: 1rem;
        grid-row-gap: 1rem;
        flex-flow: column;
        justify-content: flex-start;
        align-items: center;
        padding-bottom: 32px;
        position: relative;
        left: 0%;
        right: 0%
    }

    .report-debit_neutral-sentiment {
        top: 9%;
        left: 19%
    }

    .stats1_graph_number-wrapper._8,
    .stats1_graph_number-wrapper._7 {
        width: 1.97rem
    }

    .stats1_graph_number-wrapper._12,
    .stats1_graph_number-wrapper._11 {
        width: 1.6rem
    }

    .stats1_graph_number-wrapper._8,
    .stats1_graph_number-wrapper._7 {
        width: 1.97rem
    }

    .stats1_graph_number-wrapper._5 {
        width: 2.14rem
    }

    .stats1_graph_number-wrapper._3 {
        width: 35.3438px
    }

    .stats1_graph_number-wrapper._1 {
        width: 2.23rem
    }

    .stats1_graph_number-wrapper._10 {
        width: 1.95rem
    }

    .stats1_graph_number-wrapper._6 {
        width: 1.97rem
    }

    .stats1_graph_number-wrapper._4 {
        width: 2.17rem
    }

    .stats1_graph_number-wrapper._9 {
        width: 35.3438px;
        overflow: visible
    }

    .stats1_graph_number-wrapper._2 {
        width: 2.23rem
    }

    .stats1_graph_number-wrapper._12,
    .stats1_graph_number-wrapper._11 {
        width: 1.6rem
    }

    .accordion_heading-grid {
        grid-column-gap: 1.5rem;
        grid-row-gap: 1.5rem;
        grid-template-columns: 4rem 2.75fr min-content
    }

    .stats1_graph_chart-wrapper {
        padding-bottom: 1rem
    }

    .stats1_graph_chart-bar {
        min-height: 4rem
    }

    .stats4_graph_chart-bar {
        min-height: 3rem
    }

    .text-size-xl-3 {
        font-size: 1.3125rem;
        line-height: 120%
    }

    .text-size-large-2 {
        font-size: 1.125rem
    }

    .heading-style-h4-2 {
        font-size: 1.5rem;
        line-height: 1.4
    }

    .accordion_heading_number_image {
        width: 4rem
    }

    .sales-form_wrapper-2 {
        max-width: 100vw;
        padding: 1rem
    }

    .report-safety_component {
        grid-template-columns: 1fr
    }

    .text-size-18 {
        font-size: 1rem
    }

    .report-bash_case-study_testimonials-wrapper,
    .report-bash_case-study_testimonials-wrapper.accordion-2,
    .report-bash_case-study_testimonials-wrapper.accordion-2 {
        padding-right: 0
    }

    .padding-top-2 {
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0
    }

    .accordion_heading_icon-wrapper {
        justify-content: flex-end;
        align-items: flex-start
    }

    .stats-testimonial_card_content.grey,
    .stats-testimonial_card_content.black,
    .stats-testimonial_card_content.purple,
    .stats-testimonial_card_content.grey,
    .stats-testimonial_card_content.black,
    .stats-testimonial_card_content.purple {
        padding: 1rem
    }

    .report-debit_negative-sentiment {
        width: 70%
    }

    .stats3_graph_grid {
        grid-template-columns: minmax(200px, .25fr)
    }

    .report-debit_grid {
        grid-column-gap: 4rem;
        grid-row-gap: 4rem;
        grid-template-columns: 1fr
    }

    .stats1_graph_grid {
        grid-column-gap: 1rem;
        grid-template-columns: 1fr
    }

    .report-footer_top-wrapper {
        grid-row-gap: 3rem
    }

    .report-case-studie_stats-text-block {
        font-size: 5rem
    }

    .stats2_graph_chart-bar {
        min-height: 4rem
    }

    .padding-section-large-3 {
        padding-top: 4rem;
        padding-bottom: 4rem
    }

    .stats1_graph_chart_stats {
        font-size: 1.125rem
    }

    .report-case-studie_grid {
        grid-column-gap: 3rem;
        grid-row-gap: 3rem;
        grid-template-columns: 1fr
    }

    .report-case-studies_dial-wrapper {
        max-width: none
    }

    .report-bash_content {
        grid-row-gap: 3rem;
        grid-template-columns: 1fr
    }

    .report-debit_positive-sentiment {
        top: 8%;
        left: 5%
    }

    .stats2_graph_chart_stats {
        font-size: 1.125rem
    }

    .heading-style-h5-2 {
        font-size: 1.25rem
    }

    .report-debit_neutral_tag {
        top: -75%
    }

    .heading-style-h3-2 {
        font-size: 2rem
    }

    .report-findings_number-wrapper {
        font-size: 3.5rem
    }

    .report-safety_stat {
        font-size: 3rem
    }

    .heading-style-h2-2 {
        font-size: 1.5rem
    }

    .report-case-studies-dial {
        font-size: clamp(12px, 20svw, 80px)
    }

    .report-findings_item {
        grid-template-columns: 53px 1fr
    }

    .stats2_graph_number-wrapper._5 {
        width: 1.97rem
    }

    .stats2_graph_number-wrapper._4 {
        width: 31.2578px
    }

    .stats2_graph_number-wrapper._1 {
        width: 34.1719px
    }

    .stats2_graph_number-wrapper._2 {
        width: 36.3906px
    }

    .stats2_graph_number-wrapper._3 {
        width: 30.1094px
    }

    .report-footer_menu-wrapper {
        grid-column-gap: 1.5rem
    }

    .report-intro_content {
        grid-column-gap: 1.25rem;
        grid-row-gap: 1.25rem;
        grid-template-columns: 1fr
    }

    .report-case-studie_content-wrapper,
    .report-case-studie_content-wrapper.accordion-2,
    .report-case-studie_content-wrapper.accordion-2 {
        border-right-style: none;
        border-right-width: 0;
        padding-right: 0
    }

    .padding-section-small-3 {
        padding-top: 2rem;
        padding-bottom: 2rem
    }

    .report-modal_link_linkblock._1 {
        min-width: auto
    }

    .accordion_heading_icon {
        width: 3rem;
        height: 3rem
    }

    .agenda-name-link {
        font-size: .88rem
    }

    .elevate-agenda-page-body {
        padding: 2rem
    }

    .elevate-agenda-page-header {
        flex-flow: wrap;
        margin-bottom: 1rem
    }

    .elevate-agenda-page-logo-container {
        width: 50%
    }

    .elevate-agenda-page-logo-container.elevate-agenda-page-stitch-logo-container {
        width: calc(20% - 1.125rem)
    }

    .elevate-agenda-page-title-container {
        flex-flow: wrap;
        padding-top: .125rem
    }

    .elevate-agenda-page-title-container.elevate-agenda-page-footer-content {
        flex-flow: row;
        width: calc(80% - 1.125rem)
    }

    .elevate-agenda-page-text-size-m {
        font-size: 1rem
    }

    .elevate-agenda-page-text-size-l {
        font-size: 2rem
    }

    .elevate-agenda-page-logo {
        width: 100%
    }

    .rive-frame {
        border-radius: var(--border-radii--mobile)
    }
}

@media screen and (max-width: 479px) {
    h1 {
        font-size: 2.5rem
    }

    .hide-mobile-portrait {
        display: none
    }

    .page-wrapper {
        overflow: hidden
    }

    .utility_form-block {
        width: 100%;
        max-width: 100%
    }

    .main-wrapper.ss25 {
        background-color: #0000;
        background-image: linear-gradient(180deg, var(--base-color-brand--titanium), var(--base-color-brand--violet));
        background-color: #0000;
        background-image: linear-gradient(180deg, var(--base-color-brand--titanium), var(--base-color-brand--violet))
    }

    .margin-top {
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0
    }

    .margin-bottom {
        margin-top: 0;
        margin-left: 0;
        margin-right: 0
    }

    .margin-left {
        margin-top: 0;
        margin-bottom: 0;
        margin-right: 0
    }

    .margin-right {
        margin-top: 0;
        margin-bottom: 0;
        margin-left: 0
    }

    .margin-vertical {
        margin-left: 0;
        margin-right: 0
    }

    .margin-horizontal {
        margin-top: 0;
        margin-bottom: 0
    }

    .padding-top {
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0
    }

    .padding-bottom {
        padding-top: 0;
        padding-left: 0;
        padding-right: 0
    }

    .padding-bottom.padding-xxlarge {
        padding-bottom: 6rem
    }

    .padding-left {
        padding-top: 0;
        padding-bottom: 0;
        padding-right: 0
    }

    .padding-right {
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0
    }

    .padding-vertical {
        padding-left: 0;
        padding-right: 0
    }

    .padding-horizontal {
        padding-top: 0;
        padding-bottom: 0
    }

    .max-width-full-mobile-portrait {
        width: 100%;
        max-width: none
    }

    .stitch-styleguide_heading {
        font-size: 2rem
    }

    .stitch-styleguide_item-row,
    .stitch-styleguide_item-row.is-button-row,
    .stitch-styleguide_item-row.is-button-row {
        grid-template-columns: 1fr
    }

    .button.is-link.is-icon.is-animated.is-hero {
        grid-column-gap: 0rem;
        grid-row-gap: 0rem;
        flex: none;
        width: 100%
    }

    .button.is-link.is-icon.is-animated.is-hero.is-dark {
        max-width: 100%
    }

    .text-align-right.mobile-text-align-left {
        text-align: left;
        text-align: left
    }

    .stitch-styleguide_shadows-list {
        grid-template-columns: 1fr
    }

    .padding-global {
        z-index: 1
    }

    .padding-global.sticky-section.padding-section-small {
        flex-flow: column-reverse
    }

    .half-title-headline-slot_component {
        grid-template-columns: 1fr
    }

    .section_casestudies.background-color-dark-default {
        padding-top: 5%;
        padding-bottom: 5%
    }

    .casestudy_component {
        flex-flow: column;
        max-width: 100%
    }

    .casestudy_media_wrapper,
    .casestudy_copy_right {
        max-width: 100%
    }

    .casestudy_copy_wrapper {
        padding-left: 0;
        padding-right: 0
    }

    .casestudy_image_wrapper {
        width: auto
    }

    .casestudy_image_slider_image {
        width: 4rem;
        max-width: 4rem
    }

    .casestudies_tabs_link {
        padding-left: 0;
        padding-right: 0
    }

    .casestudies_tab_component {
        width: 100%;
        max-width: 100%
    }

    .casestudies_tabs_menu {
        grid-column-gap: 2rem;
        grid-row-gap: 2rem
    }

    .casestudies_tabs_content,
    .casestudies_tabs_pane {
        width: 100%;
        max-width: 100%
    }

    .half-title-headline-50slot_component {
        grid-template-columns: 1fr
    }

    .section_card-stack.background-color-dark-default {
        max-width: 100%
    }

    .static-cards_heading_wrapper {
        margin-bottom: 1.5rem
    }

    .static-cards_cards_wrapper.vertical.one-third-scroll {
        width: 100%
    }

    .static-cards_card.sticky {
        width: 100%;
        position: relative;
        top: 0
    }

    .team_component {
        grid-row-gap: 1rem
    }

    .section_hero-full {
        padding-top: 40%
    }

    .section_hero-full.background-color-dark-with-background-media {
        padding-top: 40%;
        overflow: hidden
    }

    .hero_media_slot {
        aspect-ratio: auto
    }

    .hero_media_slot._1-1-media_aspect_box {
        aspect-ratio: 1;
        aspect-ratio: 1
    }

    .hero_label_wrapper {
        max-width: 100%
    }

    .button_hero_ticker_wrapper {
        padding-right: .5rem
    }

    .button_hero_ticker_wrapper.mobile {
        display: flex
    }

    .hero-top-padding {
        padding-top: 7rem
    }

    .blog-header_detail_wrapper {
        grid-column-gap: .8rem;
        grid-row-gap: .8rem;
        font-size: var(--font-size-mobile--m);
        flex-flow: wrap
    }

    .blog-header_detail_right {
        flex-flow: row;
        flex: 1
    }

    .blog-body_share_wrapper {
        grid-column-gap: 2rem;
        grid-row-gap: 2rem
    }

    .donation-form_radio_wrapper {
        flex-flow: wrap
    }

    .blog-body_cta_component {
        padding: 1rem
    }

    .no-wrap {
        flex: none
    }

    .navbar.dark,
    .navbar.light,
    .navbar.dark,
    .navbar.light {
        left: 5%;
        right: 5%
    }

    .footer_top-wrapper {
        grid-row-gap: 48px
    }

    .footer_bottom-wrapper {
        flex-flow: column
    }

    .footer_credit-text {
        margin-top: 0
    }

    .footer_horizontal-list_wrapper {
        grid-column-gap: 1rem;
        grid-row-gap: .5rem;
        flex-flow: wrap;
        order: -1;
        justify-content: flex-start
    }

    .footer_horizontal-list_wrapper.credit {
        grid-column-gap: 1rem;
        grid-row-gap: .5rem;
        grid-column-gap: 1rem;
        grid-row-gap: .5rem;
        flex-flow: wrap;
        order: 1;
        justify-content: flex-start
    }

    .half-one-third_copy-wrapper {
        width: 100%
    }

    .footer_social-wrapper {
        grid-column-gap: 1rem;
        grid-row-gap: .5rem;
        flex-flow: wrap
    }

    .flow-subscribe_component {
        grid-template-columns: 1fr
    }

    .navbar_mobile_sales-button_wrapper {
        bottom: 0
    }

    .about-stitch_wrapper {
        grid-template-columns: 1fr
    }

    .about-stitch_horizontal_wrapper {
        grid-column-gap: 1rem;
        grid-row-gap: 1rem;
        flex-flow: column
    }

    .carousel_slide_copy_wrapper {
        max-width: 75%;
        margin: .9rem
    }

    .carousel_slide_component {
        aspect-ratio: 1;
        padding: 0
    }

    ._1-1-media_aspect_box.hide-desktop {
        display: block
    }

    .padel-container {
        padding-top: 20px;
        padding-left: 20px;
        padding-right: 20px
    }

    .padel-flex-justify.padel-flex-hug.mobile-column {
        grid-column-gap: 1rem;
        grid-row-gap: 1rem;
        grid-column-gap: 1rem;
        grid-row-gap: 1rem;
        grid-column-gap: 1rem;
        grid-row-gap: 1rem;
        flex-flow: column
    }

    .padel-flex-stretch.padel-w-2 {
        min-width: 100%;
        max-width: 100%
    }

    .padel-title-xl {
        font-size: 17vw
    }

    .padel-title-l {
        font-size: 10vw
    }

    .padel-title-l.padel-text-underline.mobile-show {
        display: block
    }

    .padel-title-l.padel-text-underline.mobile-hide {
        display: none
    }

    .padel-w-2 {
        min-width: 100%;
        max-width: 100%
    }

    .traction-card-light.case_study-card,
    .traction-card-light.case_study-card._3-2-aspect-ratio,
    .traction-card-light.case_study-card,
    .traction-card-light.case_study-card._3-2-aspect-ratio,
    .traction-card-light.case_study-card._3-2-aspect-ratio {
        min-width: 90%
    }

    .card-link {
        max-width: 100%
    }

    .link-card-media-slot {
        min-width: 80px;
        max-height: 80px
    }

    .card-link-inner.background-color-dark-mid {
        padding-bottom: 1rem
    }

    .pricing-card-light {
        max-width: 100%
    }

    .hero-image-custom {
        background-size: cover;
        height: 110%
    }

    .nav-items-container.narrow {
        flex-flow: wrap;
        width: 100%;
        max-width: none
    }

    .nav-item-card {
        aspect-ratio: auto;
        flex: 1;
        min-width: 100%;
        max-width: none;
        padding: .75rem
    }

    .nav-item-card.secondary {
        min-width: calc(50% - .25rem);
        max-width: calc(50% - .25rem)
    }

    .nav-item-card.tertiaty {
        width: calc(25% - .25rem);
        min-width: calc(50% - .25rem);
        max-width: calc(50% - .25rem)
    }

    .nav-card-wrapper {
        flex-flow: wrap
    }

    .nav-item-feature-card-image-container {
        aspect-ratio: 3/2
    }

    .nav-items-card-wrapper {
        text-align: left;
        flex-flow: column
    }

    .four-years-year-container {
        padding: 1rem
    }

    .four-years-year-container.final-section {
        padding-top: 4rem;
        padding-bottom: 1rem
    }

    .four-years-card.size-s.align-left.mobile-visible {
        display: flex
    }

    .four-years-card.size-m.mobile-visible,
    .four-years-card.size-l.mobile-visible,
    .four-years-card.size-s.align-left.mobile-visible,
    .four-years-card.size-s.align-left.mobile-visible,
    .four-years-card.size-s.align-left.mobile-visible {
        display: flex
    }

    .four-years-card.size-m.align-left {
        align-self: flex-start
    }

    .four-years-card.size-m.mobile-visible,
    .four-years-card.size-l.mobile-visible,
    .four-years-card.size-l.mobile-visible {
        display: flex
    }

    .four-years-card-content-wrapper {
        padding: .75rem
    }

    .four-years-card-body {
        line-height: 1.1
    }

    .four-years-card-image-wrapper.list-view {
        width: 125%;
        margin-top: 1.5rem;
        position: static
    }

    .four-years-card-stack.right {
        grid-column-gap: 5rem;
        grid-row-gap: 5rem;
        width: 100%
    }

    .four-years-card-stack.right.mobile-hidden {
        display: none
    }

    .four-years-card-stack.left {
        grid-column-gap: 5rem;
        grid-row-gap: 5rem;
        width: 100%;
        margin-top: 2.5rem;
        margin-bottom: 2.5rem
    }

    .four-years-card-stack.left.mobile-first {
        order: -1
    }

    .four-years-card-stack.full {
        margin-bottom: 0;
        padding-bottom: 0
    }

    .spacer {
        display: none
    }

    .four-years-title-xl {
        font-size: 13.5vw
    }

    .four-years-header-container {
        padding: 1rem
    }

    .four-years-headline-wrapper {
        white-space: normal;
        font-size: 12.7vw
    }

    .four-years-header-nav {
        flex-flow: wrap
    }

    .four-years-header-nav-inner-wrapper {
        max-width: calc(100vw - 2rem)
    }

    .four-years-header-nav-inner-wrapper.last-mobile {
        grid-column-gap: .25rem;
        grid-row-gap: .25rem;
        flex: 0 auto;
        max-width: calc(100vw - 2rem);
        top: 1rem
    }

    .four-years-header-nav-inner-wrapper.first-mobile {
        flex: 0 auto;
        order: -1
    }

    .four-years-header-nav-inner-wrapper.mobile-hidden {
        display: none
    }

    .four-years-header-nav-inner-wrapper.sticky-nav {
        align-self: center;
        top: 1rem
    }

    .four-years-header-nav-inner-wrapper.nav-links {
        mix-blend-mode: difference;
        width: calc(100vw - 2rem);
        max-width: calc(100vw - 2rem)
    }

    .four-years-nav-link {
        font-size: var(--font-size-desktop--xs);
        border-radius: .355rem;
        flex: 1;
        padding-top: .2rem;
        padding-left: 0;
        padding-right: 0
    }

    .four-years-nav-link.reverse {
        border-radius: .355rem
    }

    .four-years-sub-head {
        font-size: 7.45vw
    }

    .four-years-subhead-wrapper {
        margin-top: 2rem
    }

    .four-years-subhead-wrapper.mobile-hidden {
        display: none
    }

    .four-years-subhead-wrapper.mobile-visible {
        display: block
    }

    .four-years-instruction {
        font-size: var(--font-size-tablet--s)
    }

    .four-years-header-content-wrapper.top,
    .four-years-header-content {
        flex-flow: wrap
    }

    .text-block-3 {
        flex: 1
    }

    .four-years-tabs-menu {
        padding: 1rem
    }

    .four-years-headline {
        font-size: 14.5vw
    }

    .four-years-headline.mobile-hidden {
        display: none
    }

    .four-years-headline.mobile-visible {
        display: block
    }

    .four-years-cta-wrapper {
        margin-top: 1.5rem
    }

    .four-years-list-container {
        padding: 1rem
    }

    .four-years-list-header-wrapper {
        margin-bottom: 25svh
    }

    .four-years-list-header-title {
        font-size: 23.6vw
    }

    .four-years-list-sub-head {
        font-size: var(--font-size-desktop--l);
        text-align: left
    }

    .four-years-list-table-row {
        width: 100%
    }

    .four-years-list-table-column {
        flex-flow: column;
        display: flex
    }

    .four-years-list-table-column.date {
        font-size: var(--font-size-tablet--xs);
        font-size: var(--font-size-tablet--xs);
        width: 15%
    }

    .promotion-modal.background-color-light-default {
        aspect-ratio: auto;
        aspect-ratio: auto;
        flex-flow: column;
        width: calc(100vw - 2rem)
    }

    .promotion-modal-inner-wrapper.max-width-half.flex-justify {
        aspect-ratio: 3/2;
        order: 1;
        height: auto;
        padding: 12px
    }

    .promotion-modal-inner-wrapper.max-width-half.bg-image.express {
        aspect-ratio: 3/2;
        aspect-ratio: 3/2;
        height: auto;
        padding: 12px
    }

    .promotion-modal-headline {
        font-size: var(--font-size-mobile--3-xl);
        line-height: 1
    }

    .promotion-modal-body {
        font-size: var(--font-size-desktop--m);
        margin-bottom: .5rem
    }

    .promotion-modal-logos {
        grid-column-gap: .75rem;
        grid-row-gap: .75rem;
        flex-flow: column
    }

    .promotion-modal-logo {
        max-height: 24px
    }

    .ss25 {
        background-color: var(--base-color-brand--titanium);
        background-image: none
    }

    .ss25-padding {
        padding: 6vw
    }

    .ss25-padding.ss25-hero {
        padding-top: 22vw
    }

    .ss25-text.ss25-headline {
        font-size: 14.125vw
    }

    .ss25-text.ss25-headline.ss25-text-align-right.s25-m-text-align-left {
        text-align: right
    }

    .ss25-text.ss25-headline.ss25-text-align-right.ss25-s-text-align-left {
        text-align: left
    }

    .ss25-text.ss25-sub-head {
        padding-right: 0;
        font-size: 8.60625vw
    }

    .ss25-headline-text-wrapper {
        grid-column-gap: 11vw;
        grid-row-gap: 11vw
    }

    .ss25-button.ss25-text.ss25-modal-close-button {
        position: fixed;
        top: 6vw;
        right: 6vw
    }

    .ss25-subhead-wrapper {
        grid-row-gap: 5.5vw;
        flex-flow: wrap
    }

    .ss25-form-modal {
        -webkit-backdrop-filter: blur(20px);
        backdrop-filter: blur(20px);
        pointer-events: auto;
        height: auto;
        min-height: 100svh;
        padding: 32px 24px 40px;
        inset: 0% 0% auto
    }

    .ss25-form-headline-wrapper {
        grid-column-gap: 5.5vw;
        grid-row-gap: 5.5vw
    }

    .ss25-form-modal-inner.left.ss25-w-39.ss25-m-w-75 {
        align-self: auto;
        width: 100%;
        min-width: 100%;
        overflow: scroll
    }

    .ss25-form-modal-inner.right {
        align-self: auto
    }

    .ss25-form-modal-content {
        padding-top: 16.5vw;
        position: relative;
        overflow: scroll
    }

    .section-agenda {
        padding-top: 16px;
        padding-bottom: 2rem
    }

    .what_text_component {
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        justify-content: flex-start;
        align-items: flex-start;
        display: flex
    }

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

    .brands-textblock.orange {
        margin-bottom: 2rem;
        font-weight: 300
    }

    .footer_top-wrapper-2 {
        flex-flow: column;
        grid-template-columns: 1fr;
        justify-content: flex-start;
        align-items: center;
        display: flex
    }

    .image_ticker2_track {
        width: 200%;
        left: -58%
    }

    .hero_image_stitch-logo {
        width: 30%
    }

    .home_hero_foreground-copy-wrapper {
        grid-column-gap: .5rem;
        grid-row-gap: .5rem;
        margin-bottom: 1rem
    }

    .brand_image {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    .text-size-regular {
        font-size: 1.25rem
    }

    .what_text_huge {
        font-size: 7svw
    }

    .what_text_huge.show-on-mobile {
        font-size: 8svw;
        display: block
    }

    .attend_buuton_wrapper {
        width: 100%
    }

    .agenda_component {
        padding-top: 2rem
    }

    .agenda_detail-wrapper {
        text-align: right
    }

    .image_image {
        object-fit: cover;
        height: 100%
    }

    ._20-opacity {
        color: #54140066
    }

    .image_ticker1_track {
        width: 200%
    }

    .hero_textblock {
        color: #fff;
        text-align: center;
        text-shadow: 0 1px 5px #000000c2
    }

    .agenda_item {
        grid-column-gap: 1rem;
        grid-row-gap: 1rem
    }

    .section-image {
        aspect-ratio: 3/2
    }

    .hero_image_man {
        object-fit: contain;
        object-position: 50% 100%;
        width: 111%;
        max-width: 90rem;
        max-height: 92%
    }

    .what_paragraph_component {
        padding-top: 2rem
    }

    .button-4.is-icon.is-light,
    .button-4.is-icon.is-alternate,
    .button-4.is-icon.is-light,
    .button-4.is-icon.is-alternate,
    .button-4.is-icon.is-light,
    .button-4.is-icon.is-alternate {
        width: 100%;
        min-width: auto
    }

    .image_ticker3_track {
        width: 200%;
        left: -9%
    }

    .hero_copy_container {
        grid-column-gap: .5rem;
        grid-row-gap: .5rem
    }

    .carousel-overlay-image {
        width: 50%;
        top: 50%;
        transform: translateY(-15%)
    }

    .report-debit_neutral-sentiment {
        left: 17%
    }

    .report-hero-background_image {
        object-fit: cover;
        object-position: 50% 100%;
        height: 120%;
        margin-bottom: 0%
    }

    .accordion_heading-grid {
        grid-column-gap: 1rem;
        grid-row-gap: 1rem;
        grid-template-columns: 3rem 2.75fr min-content;
        padding-top: 2rem;
        padding-bottom: 2rem
    }

    .stats2_graph_component {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .consumer-payments_card {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .report-navbar_link.open,
    .report-navbar_link.close,
    .report-navbar_link.open,
    .report-navbar_link.close {
        font-size: 1.5rem;
        line-height: .9
    }

    .accordion_heading_number_image {
        width: 3rem
    }

    .report-safety_component {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .report-modal_link_copy-wrapper {
        padding: 1rem 1rem 1rem 0;
        font-size: 1rem
    }

    .report-demand_graph_component {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .padding-top-2 {
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0
    }

    .stats4_graph_component {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .stats3_graph_grid {
        grid-template-columns: 1fr
    }

    .report-footer_top-wrapper {
        grid-row-gap: 48px
    }

    .report-modal_link_image-align {
        display: none
    }

    .report-case-studie_content,
    .stats6_graph_component {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .report-navbar_grid {
        justify-content: flex-start;
        align-items: flex-start;
        display: flex
    }

    .report-debit_neutral_tag {
        top: auto
    }

    .report-findings_number-wrapper {
        font-size: 3rem
    }

    .report-case-studie_heading-container {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .report-navbar_logo_image {
        height: auto
    }

    .report-demand_graph_heading-grid {
        grid-template-columns: 1.5fr
    }

    .report-findings_item {
        grid-column-gap: 1rem;
        grid-row-gap: 1rem
    }

    .report-navbar_copy-wrapper {
        padding-top: .2rem;
        font-size: .88rem;
        line-height: 1.5
    }

    .report-footer_menu-wrapper {
        grid-row-gap: 2.5rem;
        grid-template-columns: 1fr
    }

    .report-intro_content {
        grid-template-columns: 1fr
    }

    .stats1_graph_component {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .report-modal_link_linkblock {
        grid-template-columns: 2rem 1fr;
        padding-left: 1rem
    }

    .report-modal_link_linkblock._1 {
        grid-column-gap: 1rem;
        grid-row-gap: 1rem;
        padding-left: 1rem
    }

    .report-modal_link_linkblock.ornage.last {
        min-height: 5rem
    }

    .elevate-agenda-page-body {
        grid-row-gap: 2rem;
        letter-spacing: .015em;
        padding: 1.5rem
    }

    .elevate-agenda-page-header {
        grid-column-gap: 1rem;
        grid-row-gap: 1rem;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 2rem
    }

    .elevate-agenda-page-logo-container {
        width: 100%
    }

    .elevate-agenda-page-logo-container.elevate-agenda-page-stitch-logo-container {
        width: auto
    }

    .elevate-agenda-page-title-container {
        width: 100%
    }

    .elevate-agenda-page-title-container.elevate-agenda-page-footer-content {
        grid-row-gap: .25rem;
        grid-row-gap: .25rem;
        flex-flow: column;
        justify-content: space-between;
        align-items: flex-start;
        width: auto;
        padding-top: 0
    }

    .elevate-agenda-page-text-size-m {
        font-size: 1.25rem
    }

    .elevate-agenda-page-text-size-l {
        letter-spacing: 0
    }

    .elevate-agenda-page-speaker-wrapper {
        width: 100%
    }

    .elevate-agenda-page-time-and-title-wrapper {
        flex-flow: column;
        min-width: 100%
    }

    .elevate-agenda-page-p {
        width: 100%
    }

    .elevate-agenda-page-logo.mobile-visible {
        display: block
    }

    .elevate-agenda-page-logo.mobile-hidden {
        display: none
    }

    .elevate-agenda-page-time,
    .elevate-agenda-page-item-title,
    .elevate-agenda-page-item-title-wrapper {
        width: 100%
    }

    .elevate-agenda-page-footer-text {
        font-size: var(--font-size-tablet--xs);
        line-height: 1
    }

    .ss25-agenda {
        padding: 5vw
    }

    .ss25-agenda-inner {
        margin-top: 3rem
    }

    .ss25-agenda-item-wrapper {
        flex-flow: wrap
    }

    .ss25-agenda-item-wrapper.ss25-agenda-header-row {
        top: 5vw
    }

    .ss25-agenda-item-title {
        font-weight: 400
    }

    .ss25-agenda-item-sub_title {
        color: var(--text-color-light--default)
    }

    .ss25-agenda-item-detail.ss25-agenda-item-time.ss25-faq-header,
    .ss25-agenda-item-detail.ss25-agenda-item-time.ss25-faq-question {
        min-width: 100%
    }

    .ss25-agenda-item-detail.ss-25-agenda-item-title-container {
        border-color: var(--text-color-light--reverse);
        background-color: var(--text-color-light--reverse);
        width: 100%;
        min-width: 100%;
        margin-bottom: 1px
    }

    .ss25-agenda-item-detail.ss-25-agenda-item-title-container.ss25-agenda-header-item {
        display: none
    }

    .ss25-agenda-item-detail.ss-25-agenda-item-title-container.ss25-faq-answer {
        border-color: var(--text-color-light--default);
        background-color: #0000
    }

    .ss25-agenda-item-detail.ss25-agenda-item-time.ss25-faq-header,
    .ss25-agenda-item-detail.ss25-agenda-item-time.ss25-faq-question,
    .ss25-agenda-item-detail.ss25-agenda-item-time.ss25-faq-header,
    .ss25-agenda-item-detail.ss25-agenda-item-time.ss25-faq-question {
        min-width: 100%
    }

    .ss25-agenda-item-detail.ss25-agenda-header-item {
        display: none
    }

    .ss25-agenda-button {
        position: fixed
    }

    .ss25-faqs-wrapper {
        margin-bottom: 5.5rem
    }
}

.accordion-tabs_content-media-controller {
    grid-area: 1/1/2/2
}

.fn-date-picker.pika-single {
    z-index: 9999;
    display: block;
    position: relative;
    color: #333;
    background: #fff;
    border: 1px solid #ccc;
    border-bottom-color: #bbb;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    *zoom: 1
}

.fn-date-picker.pika-single.is-hidden {
    display: none
}

.fn-date-picker.pika-single.is-bound {
    position: absolute;
    box-shadow: 0 5px 15px -5px rgba(0, 0, 0, .5)
}

.fn-date-picker.pika-single:after,
.fn-date-picker.pika-single:before {
    content: " ";
    display: table
}

.fn-date-picker.pika-single:after {
    clear: both
}

.fn-date-picker .pika-lendar {
    float: left;
    width: 240px;
    margin: 8px
}

.fn-date-picker .pika-title {
    position: relative;
    text-align: center
}

.fn-date-picker .pika-title select {
    cursor: pointer;
    position: absolute;
    z-index: 9998;
    margin: 0;
    left: 0;
    top: 5px;
    filter: alpha(opacity=0);
    opacity: 0
}

.fn-date-picker .pika-label {
    display: inline-block;
    *display: inline;
    position: relative;
    z-index: 9999;
    overflow: hidden;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    background-color: #fff
}

.fn-date-picker .pika-next,
.fn-date-picker .pika-prev {
    display: block;
    cursor: pointer;
    position: relative;
    outline: none;
    border: 0;
    padding: 0;
    width: 20px;
    height: 30px;
    text-indent: 20px;
    white-space: nowrap;
    overflow: hidden;
    background-color: transparent;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 75% 75%;
    opacity: .5;
    *position: absolute;
    *top: 0
}

.fn-date-picker .pika-next:hover,
.fn-date-picker .pika-prev:hover {
    opacity: 1
}

.fn-date-picker .pika-next.is-disabled,
.fn-date-picker .pika-prev.is-disabled {
    cursor: default;
    opacity: .2
}

.fn-date-picker .is-rtl .pika-next,
.fn-date-picker .pika-prev {
    float: left;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==");
    *left: 0
}

.fn-date-picker .is-rtl .pika-prev,
.fn-date-picker .pika-next {
    float: right;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=");
    *right: 0
}

.fn-date-picker .pika-select {
    display: inline-block;
    *display: inline
}

.fn-date-picker .pika-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0
}

.fn-date-picker .pika-table td,
.fn-date-picker .pika-table th {
    width: 14.2857142857%;
    padding: 0
}

.fn-date-picker .pika-table th {
    color: #999;
    font-size: 12px;
    line-height: 25px;
    font-weight: 700;
    text-align: center
}

.fn-date-picker .pika-table abbr {
    border-bottom: none;
    cursor: help
}

.fn-date-picker .pika-button {
    cursor: pointer;
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    border: 0;
    margin: 0;
    width: 100%;
    padding: 5px;
    color: #666;
    font-size: 12px;
    line-height: 15px;
    text-align: right;
    background: #f5f5f5
}

.fn-date-picker .pika-button:hover {
    color: #fff !important;
    background: #ff8000 !important;
    box-shadow: none !important;
    border-radius: 3px !important
}

.fn-date-picker .is-today .pika-button {
    color: #3af;
    font-weight: 700
}

.fn-date-picker .is-selected .pika-button {
    color: #fff;
    font-weight: 700;
    background: #3af;
    box-shadow: inset 0 1px 3px #178fe5;
    border-radius: 3px
}

.fn-date-picker .is-disabled .pika-button {
    pointer-events: none;
    cursor: default;
    color: #999;
    opacity: .3
}

.fn-date-picker .pika-week {
    font-size: 11px;
    color: #999
}

.hs-form-f18f941f-28b0-4fdb-9b2f-dbf6e7bdc49e_70a549e4-e802-46e8-a24a-4c8694cab309 .inputs-list.inline-list li {
    vertical-align: top;
    display: inline-block;
    word-wrap: break-word;
    padding-right: 16px
}

.hs-form-f18f941f-28b0-4fdb-9b2f-dbf6e7bdc49e_70a549e4-e802-46e8-a24a-4c8694cab309 .inputs-list.inline-list li:after {
    clear: both
}

.hs-form-f18f941f-28b0-4fdb-9b2f-dbf6e7bdc49e_70a549e4-e802-46e8-a24a-4c8694cab309 .inputs-list.inline-list li input {
    float: left
}

.hs-form-f18f941f-28b0-4fdb-9b2f-dbf6e7bdc49e_70a549e4-e802-46e8-a24a-4c8694cab309 .inputs-list.inline-list.inline-list-2 li {
    width: 50%
}

.hs-form-f18f941f-28b0-4fdb-9b2f-dbf6e7bdc49e_70a549e4-e802-46e8-a24a-4c8694cab309 .inputs-list.inline-list.inline-list-2 li:nth-child(2n) {
    padding-right: 0
}

.hs-form-f18f941f-28b0-4fdb-9b2f-dbf6e7bdc49e_70a549e4-e802-46e8-a24a-4c8694cab309 .inputs-list.inline-list.inline-list-3 li {
    width: 33%
}

.hs-form-f18f941f-28b0-4fdb-9b2f-dbf6e7bdc49e_70a549e4-e802-46e8-a24a-4c8694cab309 .inputs-list.inline-list.inline-list-3 li:nth-child(3n) {
    width: 34%;
    padding-right: 0
}

.hs-fieldtype-intl-phone.hs-input {
    padding: 0;
    background: none;
    border: none;
    height: auto
}

.hs-fieldtype-intl-phone.hs-input:after {
    clear: both;
    content: " ";
    display: table
}

.hs-fieldtype-intl-phone.hs-input .hs-input {
    margin-bottom: 0
}

.hs-fieldtype-intl-phone.hs-input input {
    width: 68% !important;
    float: right
}

.hs-fieldtype-intl-phone.hs-input select {
    float: left;
    width: 30% !important
}

@media (max-device-width:480px) and (min-device-width:320px),
(max-width:400px) {
    .hs-form-f18f941f-28b0-4fdb-9b2f-dbf6e7bdc49e_70a549e4-e802-46e8-a24a-4c8694cab309>.hs-phone>.input>.hs-fieldtype-intl-phone.hs-input>input.hs-input {
        width: 68% !important
    }

    .hs-form-f18f941f-28b0-4fdb-9b2f-dbf6e7bdc49e_70a549e4-e802-46e8-a24a-4c8694cab309>.hs-phone>.input>.hs-fieldtype-intl-phone.hs-input>select.hs-input {
        width: 30% !important
    }
}

.hs-fieldtype-textarea.hs-input {
    resize: vertical
}

.hs-form-f18f941f-28b0-4fdb-9b2f-dbf6e7bdc49e_70a549e4-e802-46e8-a24a-4c8694cab309 .hs-button {
    white-space: pre-wrap
}

.hs-form-f18f941f-28b0-4fdb-9b2f-dbf6e7bdc49e_70a549e4-e802-46e8-a24a-4c8694cab309 .hs-richtext {
    word-break: break-word
}

.hs-form-f18f941f-28b0-4fdb-9b2f-dbf6e7bdc49e_70a549e4-e802-46e8-a24a-4c8694cab309 fieldset {
    border: 0;
    padding: 0;
    margin: 0;
    max-width: 500px
}

.hs-form-f18f941f-28b0-4fdb-9b2f-dbf6e7bdc49e_70a549e4-e802-46e8-a24a-4c8694cab309 fieldset.form-columns-1 .hs-input {
    width: 95%
}

.hs-form-f18f941f-28b0-4fdb-9b2f-dbf6e7bdc49e_70a549e4-e802-46e8-a24a-4c8694cab309 fieldset.form-columns-1 .input {
    margin-right: 8px
}

.hs-form-f18f941f-28b0-4fdb-9b2f-dbf6e7bdc49e_70a549e4-e802-46e8-a24a-4c8694cab309 fieldset.form-columns-1 input[type=checkbox],
.hs-form-f18f941f-28b0-4fdb-9b2f-dbf6e7bdc49e_70a549e4-e802-46e8-a24a-4c8694cab309 fieldset.form-columns-1 input[type=radio] {
    width: auto
}

.hs-form-f18f941f-28b0-4fdb-9b2f-dbf6e7bdc49e_70a549e4-e802-46e8-a24a-4c8694cab309 fieldset.form-columns-2 .hs-form-field {
    width: 50%;
    float: left
}

.hs-form-f18f941f-28b0-4fdb-9b2f-dbf6e7bdc49e_70a549e4-e802-46e8-a24a-4c8694cab309 fieldset.form-columns-2 .input {
    margin-right: 8px
}

.hs-form-f18f941f-28b0-4fdb-9b2f-dbf6e7bdc49e_70a549e4-e802-46e8-a24a-4c8694cab309 fieldset.form-columns-3 .hs-form-field {
    width: 32.7%;
    float: left
}

.hs-form-f18f941f-28b0-4fdb-9b2f-dbf6e7bdc49e_70a549e4-e802-46e8-a24a-4c8694cab309 fieldset.form-columns-3 .input {
    margin-right: 8px
}

.hs-form-f18f941f-28b0-4fdb-9b2f-dbf6e7bdc49e_70a549e4-e802-46e8-a24a-4c8694cab309 label.hs-hidden {
    visibility: hidden
}

.hs-form-f18f941f-28b0-4fdb-9b2f-dbf6e7bdc49e_70a549e4-e802-46e8-a24a-4c8694cab309 .hs-field-desc {
    width: 100%
}

.hs-custom-style .hs-input,
.hs-custom-style fieldset {
    max-width: 100%
}

.hs-custom-style>div.form-columns-3 .hs-form-field,
.hs-custom-style fieldset.form-columns-3 .hs-form-field {
    width: 33.3%
}

.hs-custom-style>div>div:last-of-type .hs-input:not([type=checkbox]):not([type=radio]),
.hs-custom-style fieldset>div:last-of-type .hs-input:not([type=checkbox]):not([type=radio]) {
    width: 100%;
    max-width: 100%
}

.hs-custom-style>div input:not([type=image]):not([type=submit]):not([type=button]):not([type=radio]):not([type=checkbox]):not([type=file]),
.hs-custom-style fieldset input:not([type=image]):not([type=submit]):not([type=button]):not([type=radio]):not([type=checkbox]):not([type=file]) {
    box-sizing: border-box;
    padding: 0 15px;
    min-height: 27px
}

.hs-custom-style>div textarea,
.hs-custom-style fieldset textarea {
    padding: 10px 15px
}

.hs-custom-style .hs-dependent-field>div .hs-input:not([type=checkbox]):not([type=radio]) {
    width: 100%
}

@media (max-width:400px),
(min-device-width:320px) and (max-device-width:480px) {

    .hs-custom-style .hs-input:not([type=checkbox]):not([type=radio]),
    .hs-custom-style fieldset {
        margin-right: 0 !important;
        width: 100% !important
    }

    form.hs-form-f18f941f-28b0-4fdb-9b2f-dbf6e7bdc49e_70a549e4-e802-46e8-a24a-4c8694cab309:not(.hs-video-form) .form-columns-2 .hs-form-field,
    form.hs-form-f18f941f-28b0-4fdb-9b2f-dbf6e7bdc49e_70a549e4-e802-46e8-a24a-4c8694cab309:not(.hs-video-form) .form-columns-3 .hs-form-field {
        float: none;
        width: 100%
    }

    form.hs-form-f18f941f-28b0-4fdb-9b2f-dbf6e7bdc49e_70a549e4-e802-46e8-a24a-4c8694cab309:not(.hs-video-form) .form-columns-2 .hs-form-field .hs-input,
    form.hs-form-f18f941f-28b0-4fdb-9b2f-dbf6e7bdc49e_70a549e4-e802-46e8-a24a-4c8694cab309:not(.hs-video-form) .form-columns-3 .hs-form-field .hs-input {
        width: 95%
    }

    form.hs-form-f18f941f-28b0-4fdb-9b2f-dbf6e7bdc49e_70a549e4-e802-46e8-a24a-4c8694cab309:not(.hs-video-form) .form-columns-2 .hs-form-field input[type=checkbox],
    form.hs-form-f18f941f-28b0-4fdb-9b2f-dbf6e7bdc49e_70a549e4-e802-46e8-a24a-4c8694cab309:not(.hs-video-form) .form-columns-2 .hs-form-field input[type=radio],
    form.hs-form-f18f941f-28b0-4fdb-9b2f-dbf6e7bdc49e_70a549e4-e802-46e8-a24a-4c8694cab309:not(.hs-video-form) .form-columns-3 .hs-form-field input[type=checkbox],
    form.hs-form-f18f941f-28b0-4fdb-9b2f-dbf6e7bdc49e_70a549e4-e802-46e8-a24a-4c8694cab309:not(.hs-video-form) .form-columns-3 .hs-form-field input[type=radio] {
        width: auto
    }
}

.legal-consent-container .field.hs-form-field {
    margin-bottom: 8px
}

.legal-consent-container .hs-field-desc.checkbox-desc {
    margin: -12px 0 0 21px
}

.legal-consent-container .hs-form-booleancheckbox-display input {
    float: left
}

.legal-consent-container .hs-form-booleancheckbox-display>span {
    display: block;
    margin-left: 20px
}

.legal-consent-container .hs-form-booleancheckbox-display p {
    margin: 0;
    display: inline
}

.legal-consent-container .hs-error-msgs label {
    color: #f2545b
}

.legal-consent-container~.hs_recaptcha {
    margin-top: 18px
}

.cookie-reset-container {
    font-size: 14px;
    margin-bottom: 10px;
    text-align: right
}

#hs-outer-captcha-target,
#hs-outer-captcha-target * {
    display: none;
    height: 0;
    width: 0
}

.hubspot-link__container {
    font-size: 14px;
    padding-bottom: 40px;
    position: relative;
    color: #9fa0a2;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif
}

.hubspot-link-text {
    color: #00a4bd;
    font-weight: 400
}

.hubspot-link__container.sproket {
    color: #9fa0a2
}

.hubspot-link {
    color: #9fa0a2
}

.hubspot-link,
.hubspot-link:hover {
    text-decoration: none
}

.hubspot-link:hover .hubspot-link-text {
    text-decoration: underline
}

.hubspot-link__icon {
    margin-bottom: -1px;
    margin-right: 5px
}

.hubspot-link__container.sproket .hubspot-link__icon {
    width: 30px;
    margin-right: 0;
    float: left;
    margin-top: -9px;
    margin-left: -5px
}

/* Set color style to inherit */
.inherit-color * {
    color: inherit;
}

a.switch-link:visited {
    color: var(--text-color-dark--default) !important;
}

a.switch-link.w--current {
    color: var(--text-color-dark--reverse) !important;
}

/* Focus state style for keyboard navigation for the focusable elements */
*[tabindex]:focus-visible,
input[type="file"]:focus-visible {
    outline: 0.125rem solid #4d65ff;
    outline-offset: 0.125rem;
}

/* Get rid of top margin on first element in any rich text element */
.w-richtext> :not(div):first-child,
.w-richtext>div:first-child> :first-child {
    margin-top: 0 !important;
}

/* Get rid of bottom margin on last element in any rich text element */
.w-richtext>:last-child,
.w-richtext ol li:last-child,
.w-richtext ul li:last-child {
    margin-bottom: 0 !important;
}

/* Prevent all click and hover interaction with an element */
.pointer-events-off {
    pointer-events: none;
}

/* Enables all click and hover interaction with an element */
.pointer-events-on {
    pointer-events: auto;
}

/* Create a class of .div-square which maintains a 1:1 dimension of a div */
.div-square::after {
    content: "";
    display: block;
    padding-bottom: 100%;
}

/* Make sure containers never lose their center alignment */
.container-medium,
.container-small,
.container-large {
    margin-right: auto !important;
    margin-left: auto !important;
}

/* 
Make the following elements inherit typography styles from the parent and not have hardcoded values. 
Important: You will not be able to style for example "All Links" in Designer with this CSS applied.
Uncomment this CSS to use it in the project. Leave this message for future hand-off.
*/
/*
a,
.w-input,
.w-select,
.w-tab-link,
.w-nav-link,
.w-dropdown-btn,
.w-dropdown-toggle,
.w-dropdown-link {
  color: inherit;
  text-decoration: inherit;
  font-size: inherit;
}
*/

/* Apply "..." after 3 lines of text */
.text-style-3lines {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

/* Apply "..." after 2 lines of text */
.text-style-2lines {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* Adds inline flex display */
.display-inlineflex {
    display: inline-flex;
}

/* These classes are never overwritten */
.hide {
    display: none !important;
}

@media screen and (max-width: 991px) {

    .hide,
    .hide-tablet {
        display: none !important;
    }
}

@media screen and (max-width: 767px) {
    .hide-mobile-landscape {
        display: none !important;
    }
}

@media screen and (max-width: 479px) {
    .hide-mobile {
        display: none !important;
    }
}

.margin-0 {
    margin: 0rem !important;
}

.padding-0 {
    padding: 0rem !important;
}

.spacing-clean {
    padding: 0rem !important;
    margin: 0rem !important;
}

.margin-top {
    margin-right: 0rem !important;
    margin-bottom: 0rem !important;
    margin-left: 0rem !important;
}

.padding-top {
    padding-right: 0rem !important;
    padding-bottom: 0rem !important;
    padding-left: 0rem !important;
}

.margin-right {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
    margin-left: 0rem !important;
}

.padding-right {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
    padding-left: 0rem !important;
}

.margin-bottom {
    margin-top: 0rem !important;
    margin-right: 0rem !important;
    margin-left: 0rem !important;
}

.padding-bottom {
    padding-top: 0rem !important;
    padding-right: 0rem !important;
    padding-left: 0rem !important;
}

.margin-left {
    margin-top: 0rem !important;
    margin-right: 0rem !important;
    margin-bottom: 0rem !important;
}

.padding-left {
    padding-top: 0rem !important;
    padding-right: 0rem !important;
    padding-bottom: 0rem !important;
}

.margin-horizontal {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
}

.padding-horizontal {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
}

.margin-vertical {
    margin-right: 0rem !important;
    margin-left: 0rem !important;
}

.padding-vertical {
    padding-right: 0rem !important;
    padding-left: 0rem !important;
}

/* Apply "..." at 100% width */
.truncate-width {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Removes native scrollbar */
.no-scrollbar {
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
}

.no-scrollbar::-webkit-scrollbar {
    display: none;
}

/* Custom - Milk Mon Studio */

/* Slider Thumnails and cards scroll without scroll bars */
/* Hide scrollbar for Chrome, Safari and Opera */
.casestudies_tabs_menu::-webkit-scrollbar {
    display: none;
}

.cards_component::-webkit-scrollbar {
    display: none;
}

.static-cards_cards_wrapper::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.casestudies_tabs_menu .cards_component .static-cards_cards_wrapper {
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}

/* Keep the overflow behavior */
.casestudies_tabs_menu .cards_component .static-cards_cards_wrapper {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    /* Smooth scrolling on iOS */
}

/* Text selection color */
::selection {
    color: #fff;
    background: var(--text-color--text-selection-color);
}

/* Move mobile nav up */
.w-nav-overlay {
    margin-top: -2rem !important;
    z-index: -1 !important;
}

/* Scoped HubSpot form styling with important overrides */

.hbspt-form {
    width: 100% !important;
}

/* General Reset for Input, Button, Select, and Textarea Fields */
.hbspt-form input[type=text],
.hbspt-form input[type=email],
.hbspt-form input[type=button],
.hbspt-form input[type=tel],
.hbspt-form select,
.hbspt-form textarea {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
    border: none !important;
    /* Remove any browser default borders */
    background-color: hsla(0, 0%, 0%, 0) !important;
    outline: none !important;
    width: 100% !important;
}

/* Input, Select, and Textarea Styling */
.hbspt-form input[type=text],
.hbspt-form input[type=email],
.hbspt-form input[type=button],
.hbspt-form input[type=tel],
.hbspt-form .form_input,
.hbspt-form select,
.hbspt-form textarea {
    height: auto !important;
    min-height: 2.5625rem !important;
    margin-bottom: 0.5rem !important;
    /* Add spacing between rows */
    padding-top: 0.875rem !important;
    padding-right: 2rem !important;
    /* Add space for the arrow in select */
    padding-bottom: 0.5rem !important;
    padding-left: 0 !important;
    border-bottom: 1px solid rgba(16, 14, 19, 0.55) !important;
    /* Border styling */
    background-color: hsla(0, 0%, 0%, 0) !important;
    color: rgba(16, 14, 19, 0.55) !important;
    /* Text color updated to grey */
    font-family: Aeonik, sans-serif !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
    outline: none !important;
    transition: all 200ms ease !important;
    position: relative;
}

/* Custom Arrow for Select */
.hbspt-form select {
    background-image: url('https://cdn.prod.website-files.com/66a7a3b57957a6e7c625afd5/66fad0b51ba5ab1553e4a060_Arrow.png') !important;
    background-repeat: no-repeat !important;
    background-position: right 0.5rem center !important;
    /* Align the arrow to the right and middle */
    background-size: 16px 16px !important;
    /* Set the size of the arrow */
}

/* Placeholder and Selected Text Color for Select */
.hbspt-form select option,
.hbspt-form select {
    color: rgba(16, 14, 19, 0.55) !important;
    /* Set grey color for select options */
}

/* Placeholder Styling */
.hbspt-form ::placeholder,
.hbspt-form select option[disabled] {
    font-family: Aeonik, sans-serif !important;
    font-weight: 400 !important;
    color: rgba(16, 14, 19, 0.55) !important;
    /* Placeholder color */
}

/* Focus State */
.hbspt-form input:focus,
.hbspt-form .form_input:focus,
.hbspt-form select:focus,
.hbspt-form textarea:focus {
    border-color: #100e13 !important;
    /* Default text color when focused */
    color: #100e13 !important;
}

/* Text Area Specific Styling */
.hbspt-form textarea {
    height: auto !important;
    min-height: 5rem !important;
    padding-top: 0.875rem !important;
    padding-right: 0 !important;
    padding-bottom: 0.5rem !important;
    padding-left: 0 !important;
    border-bottom: 1px solid rgba(16, 14, 19, 0.55) !important;
    /* Matching the input fields */
    background-color: hsla(0, 0%, 0%, 0) !important;
    color: rgba(16, 14, 19, 0.55) !important;
    /* Text color for textarea */
}

/* Checkbox and Radio Styling */
.hbspt-form .form_checkbox,
.hbspt-form .form_radio {
    display: flex !important;
    align-items: center !important;
    padding-left: 1.25rem !important;
    margin-bottom: 0.5rem !important;
    /* Add spacing between rows */
}

.hbspt-form .form_checkbox-icon,
.hbspt-form .form_radio-icon {
    width: 1rem !important;
    height: 1rem !important;
    margin-left: -1.25rem !important;
    margin-right: 0.5rem !important;
    border: 1px solid rgba(16, 14, 19, 0.55) !important;
    /* Main color */
    transition: all 200ms ease !important;
    cursor: pointer !important;
}

.hbspt-form .form_checkbox-icon:checked,
.hbspt-form .form_radio-icon:checked {
    border-color: #100e13 !important;
    background-color: #100e13 !important;
}

/* Checkbox and Radio Label */
.hbspt-form .form_checkbox-label,
.hbspt-form .form_radio-label {
    font-family: Aeonik, sans-serif !important;
    font-weight: 400 !important;
    color: rgba(16, 14, 19, 0.55) !important;
    /* Correct color */
    font-size: 14px !important;
    /* Adjusted to 14px */
    line-height: 1.2 !important;
    /* Adjusted line-height */
}

/* Paragraph Text inside Checkbox/Radio Labels */
.hbspt-form .hs-form-booleancheckbox-display p {
    color: rgba(16, 14, 19, 0.55) !important;
    /* Set the correct tinted gray */
    font-size: 14px !important;
    /* Set to 14px */
    line-height: 1.2 !important;
    /* Adjusted line-height */
    margin: 0 !important;
    /* Ensure no extra spacing */
}

.legal-consent-container,
.hs-richtext {
    margin-top: 1.5rem;
}

.hs-richtext p {
    font-size: var(--font-size-desktop--s);
    line-height: 1.3;
}

.hs-richtext p a span {
    color: var(--base-color-brand--violet) !important;
}

.hbspt-form .hs-button.primary.large {
    /* Add this line */
    padding-top: 0.6875rem !important;
    padding-right: 1.25rem !important;
    padding-bottom: 0.75rem !important;
    padding-left: 1.25rem !important;
    border-top: 1px solid #FF5B00 !important;
    border-right: 1px solid #FF5B00 !important;
    border-bottom: 1px solid #FF5B00 !important;
    border-left: 1px solid #FF5B00 !important;
    border-radius: 62.5rem !important;
    background-color: #FF5B00 !important;
    /* Updated to orange */
    backdrop-filter: blur(24px) !important;
    transition-property: all !important;
    transition-duration: 200ms !important;
    transition-timing-function: ease !important;
    color: white !important;
    /* Default button text color */
    font-size: var(--label-size-desktop--label-button) !important;
    line-height: 1.2 !important;
    text-align: center !important;
    letter-spacing: 0.02em !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
}

/* Button Hover State */
.hbspt-form .hs-button.primary.large:hover {
    border-top-color: hsla(29, 16.28%, 26.66%, 0) !important;
    border-right-color: hsla(29, 16.28%, 26.66%, 0) !important;
    border-bottom-color: hsla(29, 16.28%, 26.66%, 0) !important;
    border-left-color: hsla(29, 16.28%, 26.66%, 0) !important;
    background-color: hsla(29, 16.28%, 26.66%, 0.15) !important;
    color: white !important;
}

/* General Fieldset Styling */
.hbspt-form fieldset {
    max-width: 100% !important;
}

/* Hide Labels */
.hbspt-form label {
    display: none !important;
}

/* List Styling */
.hbspt-form ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.hbspt-form li label {
    display: block !important;
    font-family: Aeonik, sans-serif !important;
    font-weight: 400 !important;
    font-size: 10px !important;
    color: black !important;
}

.hs_e_com_platforms.hs-e_com_platforms.hs-fieldtype-checkbox.field.hs-form-field {
    margin-top: 1rem;
}

.hs_e_com_platforms.hs-e_com_platforms.hs-fieldtype-checkbox.field.hs-form-field label {
    display: block !important;
    font-size: var(--font-size-desktop--m);
    font-weight: 400 !important;
}

.hs_e_com_platforms.hs-e_com_platforms.hs-fieldtype-checkbox.field.hs-form-field ul {
    margin-top: 1rem !important;
}

label.hs-form-checkbox-display span {
    font-size: var(--font-size-desktop--m) !important;
    color: var(--text-color-light--tint);
    margin-left: 0.5rem !important;
}

/* File upload form field styling */

.hs-fieldtype-file label {
    display: block !important;
    font-weight: 400;
    font-size: var(--font-size-desktop--m);
    margin-top: 8px;
    margin-bottom: 16px;
}

/* Right-align Hubspot submit button */

.hs_submit .actions {
    display: flex;
    justify-content: flex-end;
}

/* Hide ReCaptcha */
.hbspt-form .hs_recaptcha.hs-recaptcha.field.hs-form-field {
    display: none !important;
}

/* Submitted Message */
.hbspt-form .submitted-message p {
    font-family: Aeonik, sans-serif !important;
    font-weight: 400 !important;
    color: black !important;
}

/* Pointer Cursor for Buttons and Links */
.hbspt-form a,
.hbspt-form input[type=submit] {
    cursor: pointer !important;
}

/* Hide the submit button for email subscribe forms */
.email-subscribe-form .hs-submit input[type="submit"] {
    display: none !important;
    /* Hides the submit button */
}

/* Styling for light-themed forms (default) */
.email-subscribe-form .hs-input,
.email-subscribe-form input[type="email"],
.email-subscribe-form input[type="text"],
.email-subscribe-form select,
.email-subscribe-form textarea {
    color: rgba(16, 14, 19, 0.55) !important;
    /* Default grey for text */
    font-size: 14px !important;
    border-bottom: 1px solid rgba(16, 14, 19, 0.55) !important;
    /* Default grey bottom border */

    /* Arrow Image Styling */
    background-image: url('https://cdn.prod.website-files.com/66a7a3b57957a6e7c625afd5/66fbdcf17df6e09ea5011210_M.png') !important;
    background-repeat: no-repeat !important;
    background-position: right 0.5rem center !important;
    /* Right align, vertically centered */
    background-size: 19px 15px !important;
    /* Size of the arrow */
    padding-right: 2.5rem !important;
    /* Add space for the arrow to avoid overlap with text */
}

/* Placeholder styling for light-themed forms */
.email-subscribe-form .hs-input::placeholder,
.email-subscribe-form input[type="email"]::placeholder,
.email-subscribe-form input[type="text"]::placeholder,
.email-subscribe-form select::placeholder,
.email-subscribe-form textarea::placeholder {
    color: rgba(16, 14, 19, 0.55) !important;
    /* Light version placeholder color */
    font-size: 14px !important;
}

/* Styling for dark-themed forms - increased specificity */
.email-subscribe-form.is-dark .hs-input,
.email-subscribe-form.is-dark input[type="email"],
.email-subscribe-form.is-dark input[type="text"],
.email-subscribe-form.is-dark select,
.email-subscribe-form.is-dark textarea {
    color: rgba(255, 255, 255, 0.5) !important;
    /* 50% white for text */
    font-size: 14px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5) !important;
    /* 50% white bottom border */

    /* Arrow Image Styling */
    background-image: url('https://cdn.prod.website-files.com/66a7a3b57957a6e7c625afd5/66fbdcf17df6e09ea5011210_M.png') !important;
    background-repeat: no-repeat !important;
    background-position: right 0.5rem center !important;
    /* Right align, vertically centered */
    background-size: 19px 15px !important;
    /* Size of the arrow */
    padding-right: 2.5rem !important;
    /* Add space for the arrow to avoid overlap with text */
}

/* Placeholder styling for dark-themed forms */
.email-subscribe-form.is-dark .hs-input::placeholder,
.email-subscribe-form.is-dark input[type="email"]::placeholder,
.email-subscribe-form.is-dark input[type="text"]::placeholder,
.email-subscribe-form.is-dark select::placeholder,
.email-subscribe-form.is-dark textarea::placeholder {
    color: rgba(255, 255, 255, 0.5) !important;
    /* 50% white for placeholder */
    font-size: 14px !important;
}

/* Target all slider dots within the carousel_component slider */
.carousel_component .w-slider-dot {
    width: 100%;
    height: 2px;
    border-radius: 0;
    /* No border radius */
    background-color: rgba(29, 28, 31, 0.2);
    /* #1D1C1F with 20% opacity */
}

/* Override inactive dots inside .slide_nav_dark */
.slide_nav_dark .w-slider-dot:not(.w-active) {
    background-color: rgba(255, 255, 255, 0.33);
    /* White with 33% opacity */
}

/* Target the active slider dot within the carousel_component slider */
.carousel_component .w-slider-dot.w-active {
    background-color: #FF5B00;
    /* Active color */
}

/* Targeting the mask to make it a flex container and all slides the same height */
.carousel_component .carousel_mask {
    display: flex !important;
    /* Display slides in a row */
    align-items: stretch;
    /* Stretch slides to match the tallest one */
}

/* Styling each slide to maintain consistent height */
.carousel_component .carousel_slide {
    flex-shrink: 0;
    /* Prevent shrinking */
    height: auto !important;
    /* Allow slides to grow based on tallest sibling */
}

/* Ensure the slide content wrapper stretches as needed */
.carousel_component .carousel_slide_component {
    height: 100%;
    /* Make the slide content wrapper take full height of the slide */
}


.navbar-pill_menu-dropdown {
    pointer-events: auto !important;
}

/* Custom styling for rich text on legal pages */

.blog-body_rich-text.legal blockquote {
    border: solid 1px var(--text-color-light--default);
    border-radius: 3px;
    padding: 0.5rem 0.5rem 0.75rem 0.755rem;
}

.blog-body_rich-text.legal ol>li::marker {
    content: counters(list-item, '.') '. ';
}

.blog-body_rich-text.legal ol {
    overflow: visible;
}

.blog-body_rich-text.legal li ol {
    padding-left: 3.5rem;
}

.blog-body_rich-text img {
    border-radius: var(--border-radii--desktop);
}

@media (max-width: 479px) {

    .blog-body_rich-text.legal li ol {
        padding-left: 1.75rem;
    }

    .blog-body_rich-text img {
        border-radius: var(--border-radii--mobile);
    }

}

/*Конактная форма*/

/* Стили для модального окна */
.modal_sales-form {
    z-index: 99999;
    background-color: rgba(23, 18, 31, 0.8);
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding: 3.5rem 2rem;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}

/* Анимация появления модального окна */
@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes slideIn {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.modal_sales-form {
    animation: fadeIn 0.3s ease;
}

.modal-content {
    animation: slideIn 0.3s ease;
}

.express {
    background-color: #b295f0;
}

/* Стили для кнопки закрытия */
.sales-form_close.promotion-modal_close {
    cursor: pointer;
    position: relative;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #FF5B00;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    border: 2px solid #FF5B00;
    vertical-align: middle;
    flex-shrink: 0;
}

.sales-form_close.promotion-modal_close::before,
.sales-form_close.promotion-modal_close::after {
    content: '';
    position: absolute;
    background-color: white;
    width: 16px;
    height: 1px;
    border-radius: 0.5px;
    transition: all 0.3s ease;
}

.sales-form_close.promotion-modal_close::before {
    transform: rotate(45deg);
}

.sales-form_close.promotion-modal_close::after {
    transform: rotate(-45deg);
}

.sales-form_close.promotion-modal_close:hover {
    background-color: hsla(29, 16.28%, 26.66%, 0.15) !important;
    border-color: hsla(29, 16.28%, 26.66%, 0) !important;
}

.sales-form_close.promotion-modal_close:active {
    transform: scale(0.95);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

/* Контейнер для кнопок в модальном окне */
.form-actions-container {
    margin-top: 20px;
}

/* Общие стили для полей формы */
.hs-form-field .input input.hs-input,
.hs-form-field .input select.hs-input,
.hs-form-field .input textarea.hs-input {
    width: 100%;
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 16px;
    box-sizing: border-box;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    background-color: white;
    transition: border-color 0.3s, box-shadow 0.3s;
}

.hs-form-field .input input.hs-input:focus,
.hs-form-field .input select.hs-input:focus,
.hs-form-field .input textarea.hs-input:focus {
    outline: none;
    border-color: #4a90e2;
    box-shadow: 0 0 0 2px rgba(74, 144, 226, 0.2);
}

/* Специфичные стили для телефонного поля */
.hs_mobilephone .hs-input {
    width: 100%;
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 16px;
    box-sizing: border-box;
    background-color: white;
}

.hs-input::placeholder {
    color: #999;
    opacity: 1;
}

/* Стили для меток */
.hs-form-field label {
    display: block;
    margin-bottom: 5px;
    font-weight: 600;
    color: #333;
    font-size: 14px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.hs-form-required {
    color: #e74c3c;
    margin-left: 2px;
}

/* Стили для полей в две колонки */
.form-columns-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    margin-bottom: 15px;
}

/* Стили для кнопки отправки */
.hs-button.primary.large {
    background-color: #4a90e2;
    color: white;
    border: none;
    padding: 12px 24px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    transition: background-color 0.3s;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.hs-button.primary.large:hover:not(:disabled) {
    background-color: #357ae8;
}

.hs-button.primary.large:disabled {
    background-color: #cccccc;
    cursor: not-allowed;
    opacity: 0.7;
}

/* Адаптивность для мобильных */
@media (max-width: 768px) {
    .modal_sales-form {
        padding: 1rem;
    }
    
    .modal-content {
        width: 95%;
        padding: 1.5rem;
    }
    
    .form-columns-2 {
        grid-template-columns: 1fr;
        gap: 15px;
    }
    
    .sales-form_close.promotion-modal_close {
        width: 36px;
        height: 36px;
        margin-left: 10px;
    }
    
    .sales-form_close.promotion-modal_close::before,
    .sales-form_close.promotion-modal_close::after {
        width: 14px;
    }
}

/* Стили для ссылки */
.contact-modal-link:hover {
    background-color: #357ae8;
}

/* Для предотвращения скролла тела при открытом модальном окне */
body.modal-open {
    overflow: hidden;
}

.spacer-medium {
    padding-top: 1rem
}