html {
    font-size: 62.5%;
}
html.cf-theme-dark {
    color-scheme: dark;
}
:root {
    --min-screen-width: 320px;
    --max-screen-width: 1400px;
    --brand-primary: #012842;
    --brand-secondary: #009ADA;
    --brand-tetriary: #B8E4FC;
    --button-primary: #012842;
    --button-primary-hover: #009ADA;
    --button-primary-font: #ffffff;
    --button-secundair: #FFFFFF;
    --button-secundair-hover: #B8E4FC;
    --button-secundair-font: #012842;
    --default-background: #ffff;
    --background-dark: #012842;
    --background-light: #B8E4FC;
    --border-default: #B5CADE;
    --border-dark: #155783;
    --border-light: #0099D9;
    --border-light-gradient: #C7ECFF;
    --heading-color: #012842;
    --body-color: #012842;
    --subtitle-color: #012842;
    --text-inactive-dark: #005C99;
    --text-inactive-light: #9DDBFD;
    --text-label-dark: #ffffff66;
    --text-label-light: hsla(204, 97.01%, 13.14%, 0.4);
    --inverse-color: #FFFFFF;
    --field-background: #EDF7FD;
    --field-background-dark: #013456;
    --field-text-color: #012842;
    --icon-primary-color: #FFFFFF;
    --icon-secondary-color: #ffff;
    --text-xl: clamp(1.8rem, calc(0.19vw + 1.74rem), 2rem);
    --text-l: clamp(1.6rem, calc(0.19vw + 1.54rem), 1.8rem);
    --text-m: clamp(1.4rem, calc(0.19vw + 1.34rem), 1.6rem);
    --text-s: clamp(1.2rem, calc(0.19vw + 1.14rem), 1.4rem);
    --text-xs: clamp(1.1rem, calc(0.09vw + 1.07rem), 1.2rem);
    --text-xxs: clamp(1rem, calc(0.09vw + 0.97rem), 1.1rem);
    --heading-1: clamp(4.2rem, calc(2.04vw + 3.55rem), 6.4rem);
    --heading-2: clamp(4.2rem, calc(0.56vw + 4.02rem), 4.8rem);
    --heading-3: clamp(2.6rem, calc(1.67vw + 2.07rem), 4.4rem);
    --heading-4: clamp(1.8rem, calc(1.3vw + 1.39rem), 3.2rem);
    --heading-5: clamp(1.4rem, calc(0.93vw + 1.1rem), 2.4rem);
    --heading-6: clamp(1.4rem, calc(0.19vw + 1.34rem), 1.6rem);
    --subhaeding-v1: clamp(1.8rem, calc(0.56vw + 1.62rem), 2.4rem);
    --subheading-v2: clamp(1.8rem, calc(0.56vw + 1.62rem), 2.4rem);
    --button-text-s: clamp(1.2rem, calc(0.19vw + 1.14rem), 1.4rem);
    --button-text-m: clamp(1.6rem, calc(0.19vw + 1.54rem), 1.8rem);
    --button-text-l: clamp(1.8rem, calc(0.56vw + 1.62rem), 2.4rem);
    --heading-lineheight-1: 125%;
    --heading-lineheight-2: 125%;
    --heading-lineheight-3: 125%;
    --heading-lineheight-4: 125%;
    --heading-lineheight-5: 125%;
    --heading-lineheight-6: 125%;
    --text-lineheight-xl: 30px;
    --text-lineheight-l: 27px;
    --text-lineheight-m: 24px;
    --text-lineheight-s: 21px;
    --text-lineheight-xs: 18px;
    --text-lineheight-xxs: 16px;
    --font-family-headings: 'Epilogue';
    --font-family-text: 'Stack Sans Text';
    --font-family-buttons: 'Stack Sans Text';
    --heading-letter-spacing-1: 0;
    --heading-letter-spacing-2: 0;
    --heading-letter-spacing-3: 0;
    --heading-letter-spacing-4: 0.1;
    --heading-letter-spacing-5: 0.2;
    --heading-letter-spacing-6: 0.3;
    --letter-spacing-text: 0;
    --columns-1: repeat(1, minmax(0, 1fr));
    --columns-2: repeat(2, minmax(0, 1fr));
    --columns-3: repeat(3, minmax(0, 1fr));
    --columns-4: repeat(4, minmax(0, 1fr));
    --columns-5: repeat(5, minmax(0, 1fr));
    --columns-6: repeat(6, minmax(0, 1fr));
    --columns-7: repeat(7, minmax(0, 1fr));
    --columns-8: repeat(8, minmax(0, 1fr));
    --section-padding-top-bottom: 100px;
    --section-padding-top-bottom-mobile-landscape: 80px;
    --section-padding-top-bottom-portrait: 60px;
    --section-padding-left-right: 45px;
    --section-padding-left-right-tablet: 35px;
    --section-padding-left-right-mobile-landscape: 25px;
    --section-padding-left-right-mobile-portrait: 20px;
    --layout-size-m: 1384px;
    --layout-size-s: 1024px;
    --layout-size-xs: 768px;
    --button-border-radius: 4px;
    --button-box-shadow: unset !important;
    --button-font-size: var(--button-text-s);
    --button-background: var(--button-primary);
    --button-padding: var(--button-padding-top-bottom) var(--button-padding-left-right);
    --button-letter-spacing: 0.6px;
    --button-line-height: 24px;
    --button-padding-left-right: 24px;
    --button-padding-top-bottom: 12px;
    --field-padding-top-bottom: 16px;
    --field-padding-top-bottom-mobile-landscape: 10px;
    --field-padding-left-right: 24px;
    --field-padding-left-right-mobile-landscape: 18px;
    --field-border-radius: 4px;
    --field-font-size: var(--text-m);
    --field-line-height: 40px;
    --field-border-width: 1px;
}
:root.cf-theme-dark, :root.cf-theme-light .theme-inverted, :root.cf-theme-light .theme-always-dark, :root.cf-theme-dark .theme-inverted .theme-always-dark {
    --brand-primary: #7f153e;
    --brand-secondary: #370c0c;
    --button-primary: #0e7759;
    --button-primary-hover: #9d5dfe;
    --default-background: #0f0f0f;
    --background-dark: #4b0af0;
    --background-light: #cd7099;
    --border-default: rgb(19, 58, 30);
    --body-color: #ffffffbf;
    --field-background: rgba(111, 39, 31, 1);
    --field-text-color: #00000040;
}
.bricks-background-primary {
    padding: var(--button-padding);
    border: none;
    background: var(--button-background);
    border-radius: var(--button-border-radius);
    color: #023c59;
    font-size: var(--button-font-size);
    box-shadow: var(--button-box-shadow);
    font-family: var(--font-family-buttons);
    letter-spacing: var(--button-letter-spacing);
}
.text-xl {
    font-size: var(--text-xl);
    line-height: var(--text-lineheight-xl);
    font-family: var(--font-family-text);
    letter-spacing: var(--letter-spacing-text);
}
.text-l {
    font-size: var(--text-l);
    line-height: var(--text-lineheight-l);
    font-family: var(--font-family-text);
    letter-spacing: var(--letter-spacing-text);
}
.text-m-small {
    font-size: var(--text-m-small);
    line-height: var(--text-lineheight-m);
    font-family: var(--font-family-text);
    letter-spacing: var(--letter-spacing-text);
}
.text-m {
    font-size: var(--text-m);
    line-height: var(--text-lineheight-m);
    font-family: var(--font-family-text);
    letter-spacing: var(--letter-spacing-text);
}
.text-m-light {
    font-size: var(--text-m);
    line-height: var(--text-lineheight-m);
    font-family: var(--font-family-text);
    letter-spacing: var(--letter-spacing-text);
    color: var(--body-color-light);
}
.text-s {
    font-size: var(--text-s);
    line-height: var(--text-lineheight-s);
    font-family: var(--font-family-text);
    letter-spacing: var(--letter-spacing-text);
}
.text-xs {
    font-size: var(--text-xs);
    line-height: var(--text-lineheight-xs);
    font-family: var(--font-family-text);
    letter-spacing: var(--letter-spacing-text);
}
.text-xxs {
    font-size: var(--text-xxs);
    line-height: var(--text-lineheight-xxs);
    font-family: var(--font-family-text);
    letter-spacing: var(--letter-spacing-text);
}
.blog-example {
    font-size: var(--text-m);
    line-height: var(--text-lineheight-m);
    font-family: var(--font-family-text);
    letter-spacing: var(--letter-spacing-text);
    font-weight: 400;
    color: var(--body-color);
}
.heading-1 {
    font-size: var(--heading-1);
    line-height: var(--heading-lineheight-1);
    font-family: var(--font-family-headings);
    letter-spacing: var(--heading-letter-spacing-1);
    font-weight: 600;
}
.heading-1-light {
    font-size: var(--heading-1);
    line-height: var(--heading-lineheight-1);
    font-family: var(--font-family-headings);
    letter-spacing: var(--heading-letter-spacing-1);
    color: var(--heading-color-light);
    font-weight: 600;
}
.heading-2 {
    font-size: var(--heading-2);
    line-height: var(--heading-lineheight-2);
    font-family: var(--font-family-headings);
    letter-spacing: var(--heading-letter-spacing-2);
    font-weight: 600;
}
.heading-3 {
    font-size: var(--heading-3);
    line-height: var(--heading-lineheight-3);
    font-family: var(--font-family-headings);
    letter-spacing: var(--heading-letter-spacing-3);
    font-weight: 600;
}
.heading-4 {
    font-size: var(--heading-4);
    line-height: var(--heading-lineheight-4);
    font-family: var(--font-family-headings);
    letter-spacing: var(--heading-letter-spacing-4);
    font-weight: 600;
}
.heading-5 {
    font-size: var(--heading-5);
    line-height: var(--heading-lineheight-5);
    font-family: var(--font-family-headings);
    letter-spacing: var(--heading-letter-spacing-5);
    font-weight: 600;
}
.heading-6 {
    font-size: var(--heading-6);
    line-height: var(--heading-lineheight-6);
    font-family: var(--font-family-headings);
    letter-spacing: var(--heading-letter-spacing-6);
    font-weight: 600;
}
@media (max-width: 768px) {
    :root {
        --button-padding-left-right: 20px;
    }
}