/*****************************************************************************
 * The size-related variables (small/medium etc.) are directly related to the
 * responsive breakpoints.
 ***************************************************************************** */
/* Container
  --------------------------------------------------------------------------- */
/*
 * Maximum container width. The container padding will added to this with so
 * the actual content will have this (maximum) size.
 */
@import url("https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,500;1,500&display=swap");
:root {
  --theme-container-width: 1360px;
  --theme-container-width-small: 760px;
  --theme-container-width-large: 1440px;
  --theme-container-padding-default: 20px;
  --theme-container-padding-extra-small: 20px;
  --theme-container-padding-small: 30px;
  --theme-container-padding-medium: 40px;
  --theme-container-padding-large: 40px;
  --theme-container-padding-extra-large: 40px;
  /* Gutters
    --------------------------------------------------------------------------- */
  --theme-gutter-width-default: 20px;
  --theme-gutter-width-extra-small: 20px;
  --theme-gutter-width-small: 30px;
  --theme-gutter-width-medium: 40px;
  --theme-gutter-width-large: 40px;
  --theme-gutter-width-extra-large: 40px;
}

:root {
  --color-base-white: #FFFFFF;
  --color-base-black: #000000;
  --color-grey-light: #F5F3EF;
  --color-grey-medium: #8B9196;
  --color-grey-dark: #1C1F21;
  --color-grey-383D41: #383D41;
  --color-blue: #82C4FE;
  --color-blue-light: #9ED2FF;
  --color-orange: #FF8F59;
  --color-orange-light: #ff8f59b3;
  --color-error-25: #FFFBFA;
  --color-error-50: #FEF3F2;
  --color-error-100: #FEE4E2;
  --color-error-200: #FECDCA;
  --color-error-300: #FDA29B;
  --color-error-400: #F97066;
  --color-error-500: #F04438;
  --color-error-600: #D92D20;
  --color-error-700: #B42318;
  --color-error-800: #912018;
  --color-error-900: #7A271A;
  --color-warning-25: #FFFCF5;
  --color-warning-50: #FFFAEB;
  --color-warning-100: #FEF0C7;
  --color-warning-200: #FEDF89;
  --color-warning-300: #FEC84B;
  --color-warning-400: #FDB022;
  --color-warning-500: #F79009;
  --color-warning-600: #DC6803;
  --color-warning-700: #B54708;
  --color-warning-800: #93370D;
  --color-warning-900: #7A2E0E;
  --color-success-25: #F6FEF9;
  --color-success-50: #ECFDF3;
  --color-success-100: #D1FADF;
  --color-success-200: #A6F4C5;
  --color-success-300: #6CE9A6;
  --color-success-400: #32D583;
  --color-success-500: #12B76A;
  --color-success-600: #039855;
  --color-success-700: #027A48;
  --color-success-800: #05603A;
  --color-success-900: #054F31;
  /* -- Generic colors  -- */
  --theme-color-base: var(--color-grey-dark);
  --theme-form-label-color: var(--color-grey-dark);
  --theme-form-checkbox-label-color: var(--color-grey-dark);
  --theme-form-input-color: var(--color-base-black);
  --theme-color-primary: var(--color-grey-dark);
  --theme-color-primary-hover: var(--color-grey-medium);
  --theme-color-secondary: var(--color-blue);
  --theme-color-secondary-hover: var(--color-blue-light);
  --theme-color-tertiary: var(--color-orange);
  --theme-color-tertiary-hover: var(--color-orange-light);
  --theme-color-action: var(--color-blue);
  --theme-color-action-hover: var(--color-blue-light);
  --theme-color-error: var(--color-error-500);
  --theme-color-accept: var(--color-success-500);
}

@font-face {
  font-family: Arial;
  src: url("https://24982907.fs1.hubspotusercontent-eu1.net/hubfs/24982907/stratech-theme-assets/fonts/arial/arial.ttf") format("truetype"), url("https://24982907.fs1.hubspotusercontent-eu1.net/hubfs/24982907/stratech-theme-assets/fonts/arial/arial.woff") format("woff");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: Arial;
  src: url("https://24982907.fs1.hubspotusercontent-eu1.net/hubfs/24982907/stratech-theme-assets/fonts/arial/arial-bold.ttf") format("truetype"), url("https://24982907.fs1.hubspotusercontent-eu1.net/hubfs/24982907/stratech-theme-assets/fonts/arial/arial-bold.woff") format("woff");
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: Arial;
  src: url("https://24982907.fs1.hubspotusercontent-eu1.net/hubfs/24982907/stratech-theme-assets/fonts/arial/arial-italic.ttf") format("truetype"), url("https://24982907.fs1.hubspotusercontent-eu1.net/hubfs/24982907/stratech-theme-assets/fonts/arial/arial-italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: Arial;
  src: url("https://24982907.fs1.hubspotusercontent-eu1.net/hubfs/24982907/stratech-theme-assets/fonts/arial/arial-bold-italic.ttf") format("truetype"), url("https://24982907.fs1.hubspotusercontent-eu1.net/hubfs/24982907/stratech-theme-assets/fonts/arial/arial-bold-italic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
:root {
  --theme-font-family-base: Arial, sans-serif;
  --theme-font-family-alternative: "Archivo", sans-serif;
  --theme-font-family-heading: "Archivo", sans-serif;
  --theme-font-family-monospace: "Courier New", "Lucida Console", sans-serif;
  --theme-font-weight-light: 300;
  --theme-font-weight-base: 400;
  --theme-font-weight-medium: 500;
  --theme-font-weight-semibold: 600;
  --theme-font-weight-strong: 700;
  --theme-font-weight-extrabold: 800;
}

:root {
  --theme-module-spacing-default: 1rem;
  --theme-module-spacing-extra-small: 1.6rem;
  --theme-module-spacing-small: 2.4rem;
  --theme-module-spacing-medium: 3.2rem;
  --theme-module-spacing-large: 3.2rem;
  --theme-module-spacing-extra-large: 3.2rem;
  --theme-module-spacing-scale-xxs: 0.16666;
  --theme-module-spacing-scale-xs: 0.25;
  --theme-module-spacing-scale-s: 0.5;
  --theme-module-spacing-scale-m: 1;
  --theme-module-spacing-scale-l: 1.5;
  --theme-module-spacing-scale-xl: 2;
  --theme-module-spacing-scale-xxl: 2.5;
}

:root {
  --theme-button-background: var(--color-base-white);
  --theme-button-background-hover: var(--color-grey-light);
  --theme-button-color: var(--theme-color-primary);
  --theme-button-color-hover: var(--theme-color-primary);
  --theme-button-padding-sm: .4rem .7rem;
  --theme-button-padding-md: .5rem .8rem;
  --theme-button-padding-lg: .5rem .9rem;
  --theme-button-padding-xl: .6rem 1rem;
  --theme-button-padding-xxl: .9rem 1.4rem;
  --theme-button-text-position: center;
  --theme-button-border-radius: 5rem;
  --theme-button-font-size: .8rem;
  --theme-button-font-family: var(--theme-font-family-alternative);
  --theme-button-font-weight: var(--theme-font-weight-medium);
  --theme-button-padding: .7rem 1.6rem;
  --theme-button-outline-focus: 4px solid rgba(0,0,0, 0.3);
  --theme-button-icon-gap: .5rem;
  --theme-button-background-primary: var(--theme-color-primary);
  --theme-button-primary-background: var(--theme-color-primary);
  --theme-button-background-primary-hover: var(--theme-color-primary-hover);
  --theme-button-primary-background-hover: var(--theme-color-primary-hover);
  --theme-button-primary-border-width: 0;
  --theme-button-color-primary: var(--color-base-white);
  --theme-button-primary-color: var(--color-base-white);
  --theme-button-color-primary-hover: var(--color-base-white);
  --theme-button-primary-color-hover: var(--color-base-white);
  --theme-button-background-secondary: var(--theme-color-secondary);
  --theme-button-secondary-background: var(--theme-color-secondary);
  --theme-button-background-secondary-hover: var(--theme-color-secondary-hover);
  --theme-button-secondary-background-hover: var(--theme-color-secondary-hover);
  --theme-button-color-secondary: var(--color-grey-dark);
  --theme-button-secondary-color: var(--color-grey-dark);
  --theme-button-color-secondary-hover: var(--color-grey-dark);
  --theme-button-secondary-color-hover: var(--color-grey-dark);
  --theme-button-background-tertiary: var(--theme-color-tertiary);
  --theme-button-tertiary-background: var(--theme-color-tertiary);
  --theme-button-background-tertiary-hover: var(--theme-color-tertiary-hover);
  --theme-button-tertiary-background-hover: var(--theme-color-tertiary-hover);
  --theme-button-color-tertiary: var(--color-grey-dark);
  --theme-button-tertiary-color: var(--color-grey-dark);
  --theme-button-color-tertiary-hover: var(--color-grey-dark);
  --theme-button-tertiary-color-hover: var(--color-grey-dark);
  --theme-link-icon-icon-gap: .4rem;
  --theme-link-icon-color: var(--theme-color-action);
  --theme-link-icon-color-hover: var(--theme-color-action);
  --theme-link-icon-font-family: var(--theme-font-family-base);
  --theme-link-icon-font-size: var(--theme-typography-text-md-font-size);
  --theme-link-icon-font-weight: var(--theme-font-weight-base);
  --theme-link-icon-line-height: 1.4;
  --theme-link-icon-position-x-adjustment: 0;
  --theme-link-icon-position-y-adjustment: 0;
}

:root {
  --theme-typography-text-xl-font-size: 1.1rem;
  --theme-typography-text-md-font-size: .8rem;
  --theme-typography-text-sm-font-size: .7rem;
  --theme-typography-text-xl-line-height: 1.3;
  --theme-typography-text-md-line-height: 1.4;
  --theme-typography-text-sm-line-height: 1.4;
  --theme-typography-base-line-height: var(--theme-typography-text-md-line-height);
  --theme-typography-base-font-size: var(--theme-typography-text-md-font-size);
  --theme-typography-base-margin-top: 0;
  --theme-typography-base-margin-bottom: 1rem;
  --theme-typography-base-color: var(--theme-color-base);
  --theme-typography-link-transition: color 0.1s linear;
  --theme-typography-link-text-decoration: none;
  --theme-typography-link-text-decoration-hover: underline;
  --theme-typography-link-color: var(--theme-color-action);
  --theme-typography-link-color-hover: var(--theme-color-action-hover);
  --typography-link-color: var(--theme-color-action);
  --typography-link-color-hover: var(--theme-color-action-hover);
  --theme-typography-link-font-family: var(--theme-font-family-base);
  --theme-typography-link-font-weight: var(--theme-font-weight-base);
  --theme-typography-link-line-height: var(--theme-typography-text-md-line-height);
  --theme-typography-blockquote-font-size: 1.5rem;
  --theme-typography-blockquote-font-weight: var(--theme-font-weight-medium);
  --theme-typography-blockquote-line-height: 1.1;
  --theme-typography-pre-font-size: 0.7rem;
  --theme-typography-heading-color: var(--color-primary);
  --theme-typography-heading-font-family: var(--theme-font-family-heading);
  --theme-typography-heading-font-weight: var(--theme-font-weight-medium);
  --theme-typography-heading-margin-bottom: 2rem;
  --theme-typography-heading-margin-top: 0;
  --theme-typography-heading-line-height: 1;
  --theme-typography-heading-1-margin-bottom: var(--theme-typography-heading-margin-bottom);
  --theme-typography-heading-1-margin-top: var(--theme-typography-heading-margin-top);
  --theme-typography-heading-1-line-height: var(--theme-typography-heading-line-height);
  --theme-typography-heading-1-font-size: 2rem;
  --theme-typography-heading-1-font-weight: var(--theme-typography-heading-font-weight);
  --theme-typography-heading-2-margin-bottom: var(--theme-typography-heading-margin-bottom);
  --theme-typography-heading-2-margin-top: var(--theme-typography-heading-margin-top);
  --theme-typography-heading-2-line-height: 1.1;
  --theme-typography-heading-2-font-size: 1.7rem;
  --theme-typography-heading-2-font-weight: var(--theme-typography-heading-font-weight);
  --theme-typography-heading-3-margin-bottom: var(--theme-typography-heading-margin-bottom);
  --theme-typography-heading-3-margin-top: var(--theme-typography-heading-margin-top);
  --theme-typography-heading-3-line-height: 1.1;
  --theme-typography-heading-3-font-size: 1.5rem;
  --theme-typography-heading-3-font-weight: var(--theme-typography-heading-font-weight);
  --theme-typography-heading-4-margin-bottom: var(--theme-typography-heading-margin-bottom);
  --theme-typography-heading-4-margin-top: var(--theme-typography-heading-margin-top);
  --theme-typography-heading-4-line-height: 1.3;
  --theme-typography-heading-4-font-size: 1.2rem;
  --theme-typography-heading-4-font-weight: var(--theme-typography-heading-font-weight);
  --theme-typography-heading-5-margin-bottom: 1.2rem;
  --theme-typography-heading-5-margin-top: var(--theme-typography-heading-margin-top);
  --theme-typography-heading-5-line-height: 1.3;
  --theme-typography-heading-5-font-size: .9rem;
  --theme-typography-heading-5-font-weight: var(--theme-typography-heading-font-weight);
  --theme-typography-heading-6-margin-bottom: 1.2rem;
  --theme-typography-heading-6-margin-top: var(--theme-typography-heading-margin-top);
  --theme-typography-heading-6-line-height: 1.4;
  --theme-typography-heading-6-font-size: .8rem;
  --theme-typography-heading-6-font-weight: var(--theme-typography-heading-font-weight);
  --theme-typography-text-xl-font-size-desktop: 1rem;
  --theme-typography-text-md-font-size-desktop: .8rem;
  --theme-typography-text-sm-font-size-desktop: .7rem;
  --theme-typography-text-xl-line-height-desktop: 1.3;
  --theme-typography-text-md-line-height-desktop: 1.4;
  --theme-typography-text-sm-line-height-desktop: 1.4;
  --theme-typography-base-font-size-desktop: var(--theme-typography-text-xl-font-size-desktop);
  --theme-typography-base-margin-bottom-desktop: var(--theme-typography-base-margin-bottom);
  --theme-typography-base-margin-top-desktop: var(--theme-typography-base-margin-top);
  --theme-typography-base-line-height-desktop: var(--theme-typography-text-xl-line-height);
  --theme-typography-link-text-decoration-hover-desktop: var(--theme-typography-link-text-decoration-hover);
  --theme-typography-link-line-height-desktop: var(--theme-typography-link-line-height);
  --theme-typography-blockquote-font-size-desktop: 1.8rem;
  --theme-typography-blockquote-font-weight-desktop: var(--theme-font-weight-medium);
  --theme-typography-blockquote-line-height-desktop: 1.1;
  --theme-typography-pre-font-size-desktop: 0.9rem;
  --theme-typography-heading-font-weight-desktop: var(--theme-font-weight-medium);
  --theme-typography-heading-margin-bottom-desktop: var(--theme-typography-heading-margin-bottom);
  --theme-typography-heading-margin-top-desktop: var(--theme-typography-heading-margin-top);
  --theme-typography-heading-line-height-desktop: var(--theme-typography-heading-line-height);
  --theme-typography-heading-1-margin-bottom-desktop: var(--theme-typography-heading-margin-bottom-desktop);
  --theme-typography-heading-1-margin-top-desktop: var(--theme-typography-heading-margin-top-desktop);
  --theme-typography-heading-1-line-height-desktop: var(--theme-typography-heading-line-height-desktop);
  --theme-typography-heading-1-font-size-desktop: 2.8rem;
  --theme-typography-heading-1-font-weight-desktop: var(--theme-typography-heading-font-weight-desktop);
  --theme-typography-heading-2-margin-bottom-desktop: var(--theme-typography-heading-2-margin-bottom);
  --theme-typography-heading-2-margin-top-desktop: var(--theme-typography-heading-2-margin-top);
  --theme-typography-heading-2-line-height-desktop: var(--theme-typography-heading-2-line-height);
  --theme-typography-heading-2-font-size-desktop: 2.3rem;
  --theme-typography-heading-2-font-weight-desktop: var(--theme-typography-heading-2-font-weight);
  --theme-typography-heading-3-margin-bottom-desktop: var(--theme-typography-heading-3-margin-bottom);
  --theme-typography-heading-3-margin-top-desktop: var(--theme-typography-heading-3-margin-top);
  --theme-typography-heading-3-line-height-desktop: var(--theme-typography-heading-3-line-height);
  --theme-typography-heading-3-font-size-desktop: 1.8rem;
  --theme-typography-heading-3-font-weight-desktop: var(--theme-typography-heading-3-font-weight);
  --theme-typography-heading-4-margin-bottom-desktop: var(--theme-typography-heading-4-margin-bottom);
  --theme-typography-heading-4-margin-top-desktop: var(--theme-typography-heading-4-margin-top);
  --theme-typography-heading-4-line-height-desktop: var(--theme-typography-heading-4-line-height);
  --theme-typography-heading-4-font-size-desktop: 1.4rem;
  --theme-typography-heading-4-font-weight-desktop: var(--theme-typography-heading-4-font-weight);
  --theme-typography-heading-5-margin-bottom-desktop: var(--theme-typography-heading-5-margin-bottom);
  --theme-typography-heading-5-margin-top-desktop: var(--theme-typography-heading-5-margin-top);
  --theme-typography-heading-5-line-height-desktop: var(--theme-typography-heading-5-line-height);
  --theme-typography-heading-5-font-size-desktop: 1.1rem;
  --theme-typography-heading-5-font-weight-desktop: var(--theme-typography-heading-5-font-weight);
  --theme-typography-heading-6-margin-bottom-desktop: var(--theme-typography-heading-6-margin-bottom);
  --theme-typography-heading-6-margin-top-desktop: var(--theme-typography-heading-6-margin-top);
  --theme-typography-heading-6-line-height-desktop: var(--theme-typography-heading-6-line-height);
  --theme-typography-heading-6-font-size-desktop: .8rem;
  --theme-typography-heading-6-font-weight-desktop: var(--theme-typography-heading-6-font-weight);
  --theme-typography-article-elements-spacing: 2rem;
  --theme-typography-article-blockquote-border: 1px solid #E8ECEF;
  --theme-typography-article-blockquote-padding: var(--theme-typography-article-elements-spacing) 0;
  --theme-typography-article-blockquote-padding-left-mobile: 70px;
  --theme-typography-article-blockquote-padding-left-desktop: 100px;
  --theme-typography-article-blockquote-quote-mobile-scale: .7;
  --theme-typography-article-blockquote-quote-size: 70px;
  --theme-typography-article-blockquote-quote-text-margin-bottom: 22px;
  --theme-typography-article-blockquote-quoter-font-size: 16px;
  --theme-typography-article-blockquote-quoter-font-weigth: 500;
  --theme-typography-article-blockquote-quoter-line-height: 22.4px;
  --theme-typography-article-blockquote-function-color: var(--color-grey-medium);
  --theme-typography-article-blockquote-function-font-size: 16px;
  --theme-typography-article-blockquote-function-line-height: 22.4px;
  --theme-typography-article-blockquote-function-font-weigth: 400;
  --theme-typography-article-blockquote-function-padding-left: 13px;
  --theme-typography-article-blockquote-function-margin-left: 13px;
  --theme-typography-article-blockquote-round-separator-size: 4px;
  --theme-typography-article-blockquote-round-separator-background-color: var(--color-blue);
  --theme-typography-article-blockquote-h5-font-size: 22px ;
  --theme-typography-article-blockquote-h5-line-height: 28.6px;
  --theme-typography-article-blockquote-h5-font-weight: 500;
  --theme-typography-article-blockquote-h5-margin-bottom: 24px;
  --theme-typography-article-blockquote-list-element-font-size: 16px;
  --theme-typography-article-blockquote-list-element-line-height: 28.8px;
  --theme-typography-article-blockquote-list-element-font-weight: 400;
  --theme-typography-article-blockquote-list-nested-margin-top: .25rem;
}

:root {
  --theme-body-padding-top: 140px;
  --theme-form-checkbox-label-font-size: 14px;
}

@media only screen and (min-width: 992px) {
  :root {
    --theme-body-padding-top: 140px;
  }
}
:root {
  --theme-media-play-button-background: var(--color-base-white);
  --theme-media-play-button-icon-color: var(--theme-color-secondary);
  --theme-media-play-button-icon-size: .7rem;
  --theme-media-play-button-icon-width: .8rem;
}

:root {
  --theme-typography-base-font-size-desktop: 22px;
  --theme-stratech-heading-group-label-font-family: "Archivo";
}

/*****************************************************************************
 * Responsive breakpoints are used bottom-up; extra small means a screen size
 * between 576px and 787px (just before the small breakpoint);
 *
 * @media only screen and (min-width: xxx) { }
 ***************************************************************************** */
/*****************************************************************************
 * Responsive breakpoints are used bottom-up; extra small means a screen size
 * between 576px and 787px (just before the small breakpoint);
 *
 * @media only screen and (min-width: xxx) { }
 ***************************************************************************** */
/*****************************************************************************
 * The size-related variables (small/medium etc.) are directly related to the
 * responsive breakpoints.
 ***************************************************************************** */
/* Container
  --------------------------------------------------------------------------- */
/*
 * Maximum container width. The container padding will added to this with so
 * the actual content will have this (maximum) size.
 */
/* Gutters
  --------------------------------------------------------------------------- */
/*****************************************************************************
 * Generic module settings
 ***************************************************************************** */
/*****************************************************************************
 * Opiniated defaults
 *
 * Based on Normalize.css:
 * normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css
 ***************************************************************************** */
/* Document
  ---------------------------------------------------------------------------- */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body {
  line-height: var(--theme-typography-base-line-height);
  overflow-x: hidden;
  margin: 0;
  padding: 0;
  text-rendering: optimizeLegibility;
  width: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
}

html {
  font-size: var(--theme-font-size, 20px);
}

body.no-overflow {
  overflow: unset;
}

/* Typography
  ---------------------------------------------------------------------------- */
body {
  color: var(--theme-color-base);
  font-size: var(--theme-typography-base-font-size, 0.8rem);
  font-family: var(--theme-font-family-base, sans-serif);
  font-weight: var(--theme-font-weight-base, 400);
  padding-top: var(--theme-body-top-space, 0);
}

h1, h2, h3, h4, h5, h6 {
  margin-bottom: var(--theme-typography-heading-margin-bottom, 1rem);
  margin-top: var(--theme-typography-heading-margin-top, 0);
}

p {
  margin-bottom: var(--theme-typography-base-margin-bottom, 1rem);
  margin-top: 0;
}

p:last-child {
  margin-bottom: 0;
}

ul, ol {
  margin-bottom: var(--theme-typography-base-margin-bottom, 1rem);
  margin-top: 0;
}

figure {
  margin: 0;
  padding: 0;
}

picture {
  display: block;
}

blockquote {
  font-size: var(--theme-typography-blockquote-font-size, 1.7rem);
  margin: 0;
}

a.cta_button {
  box-sizing: border-box !important;
}

/* Grouping content
  ---------------------------------------------------------------------------- */
hr {
  background: var(--theme-color-base, #000000);
  border: none;
  height: 1px;
}

/*****************************************************************************
 * Responsive breakpoints are used bottom-up; extra small means a screen size
 * between 576px and 787px (just before the small breakpoint);
 *
 * @media only screen and (min-width: xxx) { }
 ***************************************************************************** */
/*****************************************************************************
 * Responsive breakpoints are used bottom-up; extra small means a screen size
 * between 576px and 787px (just before the small breakpoint);
 *
 * @media only screen and (min-width: xxx) { }
 ***************************************************************************** */
/*****************************************************************************
 * The size-related variables (small/medium etc.) are directly related to the
 * responsive breakpoints.
 ***************************************************************************** */
/* Container
  --------------------------------------------------------------------------- */
/*
 * Maximum container width. The container padding will added to this with so
 * the actual content will have this (maximum) size.
 */
/* Gutters
  --------------------------------------------------------------------------- */
/*****************************************************************************
 * Generic module settings
 ***************************************************************************** */
/*****************************************************************************
 * Setup of container and grid. A row is a flex container by default; use
 * flexbox modifiers to change direction, order, alignment etc.
 ***************************************************************************** */
/* Setup
  ---------------------------------------------------------------------------- */
.container {
  margin: 0 auto;
  position: relative;
  width: 100%;
}

/* Default
  ---------------------------------------------------------------------------- */
.container {
  max-width: calc(var(--theme-container-width) + var(--theme-container-padding-default) + var(--theme-container-padding-default));
  padding: 0 var(--theme-container-padding-default);
}

.container--small {
  max-width: calc(var(--theme-container-width-small) + var(--theme-container-padding-default) + var(--theme-container-padding-default));
  padding: 0 var(--theme-container-padding-default);
}

.container--large {
  max-width: calc(var(--theme-container-width-large) + var(--theme-container-padding-default) + var(--theme-container-padding-default));
  padding: 0 var(--theme-container-padding-default);
}

/* Extra small screens
  ---------------------------------------------------------------------------- */
@media only screen and (min-width: 576px) {
  .container {
    max-width: calc(var(--theme-container-width) + var(--theme-container-padding-extra-small) + var(--theme-container-padding-extra-small));
    padding: 0 var(--theme-container-padding-extra-small);
  }

  .container--small {
    max-width: calc(var(--theme-container-width-small) + var(--theme-container-padding-extra-small) + var(--theme-container-padding-extra-small));
    padding: 0 var(--theme-container-padding-extra-small);
  }

  .container--large {
    max-width: calc(var(--theme-container-width-large) + var(--theme-container-padding-extra-small) + var(--theme-container-padding-extra-small));
    padding: 0 var(--theme-container-padding-extra-small);
  }
}
/* Small screens
  ---------------------------------------------------------------------------- */
@media only screen and (min-width: 768px) {
  .container {
    max-width: calc(var(--theme-container-width) + var(--theme-container-padding-small) + var(--theme-container-padding-small));
    padding: 0 var(--theme-container-padding-small);
  }

  .container--small {
    max-width: calc(var(--theme-container-width-small) + var(--theme-container-padding-small) + var(--theme-container-padding-small));
    padding: 0 var(--theme-container-padding-small);
  }

  .container--large {
    max-width: calc(var(--theme-container-width-large) + var(--theme-container-padding-small) + var(--theme-container-padding-small));
    padding: 0 var(--theme-container-padding-small);
  }
}
/* Medium screens
  ---------------------------------------------------------------------------- */
@media only screen and (min-width: 992px) {
  .container {
    max-width: calc(var(--theme-container-width) + var(--theme-container-padding-medium) + var(--theme-container-padding-medium));
    padding: 0 var(--theme-container-padding-medium);
  }

  .container--small {
    max-width: calc(var(--theme-container-width-small) + var(--theme-container-padding-medium) + var(--theme-container-padding-medium));
    padding: 0 var(--theme-container-padding-medium);
  }

  .container--large {
    max-width: calc(var(--theme-container-width-large) + var(--theme-container-padding-medium) + var(--theme-container-padding-medium));
    padding: 0 var(--theme-container-padding-medium);
  }
}
/* Large screens
  ---------------------------------------------------------------------------- */
@media only screen and (min-width: 1175px) {
  .container {
    max-width: calc(var(--theme-container-width) + var(--theme-container-padding-large) + var(--theme-container-padding-large));
    padding: 0 var(--theme-container-padding-large);
  }

  .container--small {
    max-width: calc(var(--theme-container-width-small) + var(--theme-container-padding-large) + var(--theme-container-padding-large));
    padding: 0 var(--theme-container-padding-large);
  }

  .container--large {
    max-width: calc(var(--theme-container-width-large) + var(--theme-container-padding-large) + var(--theme-container-padding-large));
    padding: 0 var(--theme-container-padding-large);
  }
}
/* Extra large screens
  ---------------------------------------------------------------------------- */
@media only screen and (min-width: 1440px) {
  .container {
    max-width: calc(var(--theme-container-width) + var(--theme-container-padding-extra-large) + var(--theme-container-padding-extra-large));
    padding: 0 var(--theme-container-padding-extra-large);
  }

  .container--small {
    max-width: calc(var(--theme-container-width-small) + var(--theme-container-padding-extra-large) + var(--theme-container-padding-extra-large));
    padding: 0 var(--theme-container-padding-extra-large);
  }

  .container--large {
    max-width: calc(var(--theme-container-width-large) + var(--theme-container-padding-extra-large) + var(--theme-container-padding-extra-large));
    padding: 0 var(--theme-container-padding-extra-large);
  }
}
/*****************************************************************************
 * Responsive breakpoints are used bottom-up; extra small means a screen size
 * between 576px and 787px (just before the small breakpoint);
 *
 * @media only screen and (min-width: xxx) { }
 ***************************************************************************** */
/*****************************************************************************
 * Responsive breakpoints are used bottom-up; extra small means a screen size
 * between 576px and 787px (just before the small breakpoint);
 *
 * @media only screen and (min-width: xxx) { }
 ***************************************************************************** */
/*****************************************************************************
 * The size-related variables (small/medium etc.) are directly related to the
 * responsive breakpoints.
 ***************************************************************************** */
/* Container
  --------------------------------------------------------------------------- */
/*
 * Maximum container width. The container padding will added to this with so
 * the actual content will have this (maximum) size.
 */
/* Gutters
  --------------------------------------------------------------------------- */
/*****************************************************************************
 * Generic module settings
 ***************************************************************************** */
/*****************************************************************************
 * Buttons
 ***************************************************************************** */
.button {
  background-color: var(--button-background);
  border: var(--theme-button-border-width) var(--theme-button-border-style) var(--theme-button-border-color);
  border-radius: var(--theme-button-border-radius);
  color: var(--theme-button-color);
  display: inline-flex;
  font-family: var(--theme-button-font-family);
  font-size: var(--theme-button-font-size);
  font-weight: var(--theme-button-font-weight);
  line-height: var(--theme-typography-base-line-height);
  padding: var(--theme-button-padding);
  text-align: var(--theme-button-text-position);
  text-decoration: none;
}
.button:hover {
  background-color: var(--button-background-hover);
  border-color: var(--button-border-color-hover);
  color: var(--theme-button-color-hover);
  text-decoration: none;
}
.button-spacing--sm {
  padding: var(--button-padding-sm);
}
.button-spacing--md {
  padding: var(--button-padding-md);
}
.button-spacing--lg {
  padding: var(--button-padding-lg);
}
.button-spacing--xl {
  padding: var(--button-padding-xl);
}
.button-spacing--xxl {
  padding: var(--button-padding-xxl);
}
.button .icon {
  margin-left: 0.45rem;
}
.button.left span {
  order: 1;
}
.button.left .icon {
  margin-left: unset;
  margin-right: 0.45rem;
}

.icon {
  align-items: center;
  display: inline-flex;
}
.icon.left.download::before {
  background: url("https://24982907.fs1.hubspotusercontent-eu1.net/hubfs/24982907/stratech-theme-assets/icons/download.svg") center/cover no-repeat;
  content: "";
  display: block;
  flex: 0 0 20px;
  height: 20px;
  margin-right: 0.4rem;
  width: 20px;
}
.icon.left.arrow-right::before {
  background: url("https://24982907.fs1.hubspotusercontent-eu1.net/hubfs/24982907/stratech-theme-assets/icons/arrow-right.svg") center/cover no-repeat;
  content: "";
  display: block;
  flex: 0 0 20px;
  height: 20px;
  margin-right: 0.4rem;
  width: 20px;
}
.icon.left.phone::before {
  background: url("https://24982907.fs1.hubspotusercontent-eu1.net/hubfs/24982907/stratech-theme-assets/icons/phone-icon.svg") center/cover no-repeat;
  content: "";
  display: block;
  flex: 0 0 20px;
  height: 20px;
  margin-right: 0.4rem;
  width: 20px;
}
.icon.left.arrow-left::before {
  background: url("https://24982907.fs1.hubspotusercontent-eu1.net/hubfs/24982907/stratech-theme-assets/icons/arrow-left.svg") center/cover no-repeat;
  content: "";
  display: block;
  flex: 0 0 20px;
  height: 20px;
  margin-right: 0.4rem;
  width: 20px;
}
.icon.left.white.download::before {
  background: url("https://24982907.fs1.hubspotusercontent-eu1.net/hubfs/24982907/stratech-theme-assets/icons/download-white.svg") center/cover no-repeat;
}
.icon.left.white.arrow-right::before {
  background: url("https://24982907.fs1.hubspotusercontent-eu1.net/hubfs/24982907/stratech-theme-assets/icons/arrow-right-white.svg") center/cover no-repeat;
}
.icon.left.white.phone::before {
  background: url("https://24982907.fs1.hubspotusercontent-eu1.net/hubfs/24982907/stratech-theme-assets/icons/phone-icon-white.svg") center/cover no-repeat;
}
.icon.left.white.arrow-left::before {
  background: url("https://24982907.fs1.hubspotusercontent-eu1.net/hubfs/24982907/stratech-theme-assets/icons/arrow-left-white.svg") center/cover no-repeat;
}
.icon.right.download::after {
  background: url("https://24982907.fs1.hubspotusercontent-eu1.net/hubfs/24982907/stratech-theme-assets/icons/download.svg") center/cover no-repeat;
  content: "";
  display: block;
  flex: 0 0 20px;
  height: 20px;
  margin-left: 0.4rem;
  width: 20px;
}
.icon.right.arrow-right::after {
  background: url("https://24982907.fs1.hubspotusercontent-eu1.net/hubfs/24982907/stratech-theme-assets/icons/arrow-right.svg") center/cover no-repeat;
  content: "";
  display: block;
  flex: 0 0 20px;
  height: 20px;
  margin-left: 0.4rem;
  width: 20px;
}
.icon.right.phone::after {
  background: url("https://24982907.fs1.hubspotusercontent-eu1.net/hubfs/24982907/stratech-theme-assets/icons/phone-icon.svg") center/cover no-repeat;
  content: "";
  display: block;
  flex: 0 0 20px;
  height: 20px;
  margin-left: 0.4rem;
  width: 20px;
}
.icon.right.arrow-left::after {
  background: url("https://24982907.fs1.hubspotusercontent-eu1.net/hubfs/24982907/stratech-theme-assets/icons/arrow-left.svg") center/cover no-repeat;
  content: "";
  display: block;
  flex: 0 0 20px;
  height: 20px;
  margin-left: 0.4rem;
  width: 20px;
}
.icon.right.white.download::after {
  background: url("https://24982907.fs1.hubspotusercontent-eu1.net/hubfs/24982907/stratech-theme-assets/icons/download-white.svg") center/cover no-repeat;
}
.icon.right.white.arrow-right::after {
  background: url("https://24982907.fs1.hubspotusercontent-eu1.net/hubfs/24982907/stratech-theme-assets/icons/arrow-right-white.svg") center/cover no-repeat;
}
.icon.right.white.phone::after {
  background: url("https://24982907.fs1.hubspotusercontent-eu1.net/hubfs/24982907/stratech-theme-assets/icons/phone-icon-white.svg") center/cover no-repeat;
}
.icon.right.white.arrow-left::after {
  background: url("https://24982907.fs1.hubspotusercontent-eu1.net/hubfs/24982907/stratech-theme-assets/icons/arrow-left-white.svg") center/cover no-repeat;
}

.button--primary {
  background-color: var(--theme-button-primary-background);
  border: var(--theme-button-primary-border-width) var(--theme-button-primary-border-style) var(--theme-button-primary-border-color);
  color: var(--theme-button-primary-color);
}
.button--primary:hover {
  background-color: var(--theme-button-background-primary-hover);
  border-color: var(--theme-button-primary-border-color);
  color: var(--theme-button-primary-color-hover);
}

.button--secondary {
  background-color: var(--theme-button-secondary-background);
  border: var(--theme-button-secondary-border-width) var(--theme-button-secondary-border-style) var(--theme-button-secondary-border-color);
  box-shadow: var(--theme-button-secondary-box-shadow-style) 0 0 0 var(--theme-button-secondary-box-shadow-width) var(--theme-button-secondary-box-shadow-color);
  color: var(--theme-button-secondary-color);
}
.button--secondary:hover {
  background-color: var(--theme-button-secondary-background-hover);
  border-color: var(--theme-button-secondary-border-color-hover);
  box-shadow: var(--theme-button-secondary-box-shadow-style) 0 0 0 var(--theme-button-secondary-box-shadow-width) var(--theme-button-secondary-box-shadow-color-hover);
  color: var(--theme-button-secondary-color);
}
.button--tertiary {
  background-color: var(--theme-button-tertiary-background);
  border: var(--theme-button-tertiary-border-width) var(--theme-button-tertiary-border-style) var(--theme-button-tertiary-border-color);
  box-shadow: var(--theme-button-tertiary-box-shadow-style) 0 0 0 var(--theme-button-tertiary-box-shadow-width) var(--theme-button-tertiary-box-shadow-color);
  color: var(--theme-button-tertiary-color);
}
.button--tertiary:hover {
    background-color: var(--theme-button-tertiary-background-hover);
    border-color: var(--theme-button-tertiary-border-color-hover);
    box-shadow: var(--theme-button-tertiary-box-shadow-style) 0 0 0 var(--theme-button-tertiary-box-shadow-width) var(--theme-button-tertiary-box-shadow-color-hover);
    color: var(--theme-button-tertiary-color);
}

.button--white {
  background: white;
}
.button--white:hover {
  background: #dbdbdb;
}

/*****************************************************************************
 * Forms
 ***************************************************************************** */
/*  Elements and fields
   =========================================================================== */
.hs-form {
  /* Descriptions (targets class applied to Help Text divs) */
  /* Labels (selects field labels and error messages) */
  /* Form Field (selector for form field wrapper) */
  /* Error message (selector for validation messages)
     ========================================================================== */
  /* Fancy fields (label slide up when input is focused)
     ========================================================================== */
  /*****************************************************************************
   * Responsive breakpoints are used bottom-up; extra small means a screen size
   * between 576px and 787px (just before the small breakpoint);
   *
   * @media only screen and (min-width: xxx) { }
   ***************************************************************************** */
  /*****************************************************************************
   * Responsive breakpoints are used bottom-up; extra small means a screen size
   * between 576px and 787px (just before the small breakpoint);
   *
   * @media only screen and (min-width: xxx) { }
   ***************************************************************************** */
  /*****************************************************************************
   * The size-related variables (small/medium etc.) are directly related to the
   * responsive breakpoints.
   ***************************************************************************** */
  /* Container
    --------------------------------------------------------------------------- */
  /*
   * Maximum container width. The container padding will added to this with so
   * the actual content will have this (maximum) size.
   */
  /* Gutters
    --------------------------------------------------------------------------- */
  /*****************************************************************************
   * Generic module settings
   ***************************************************************************** */
  /* Inputs (selectors for all inputs)
     ========================================================================== */
  /* Multi-line inputs (selectors to target multi-line fields
     ========================================================================== */
  /*****************************************************************************
   * Responsive breakpoints are used bottom-up; extra small means a screen size
   * between 576px and 787px (just before the small breakpoint);
   *
   * @media only screen and (min-width: xxx) { }
   ***************************************************************************** */
  /*****************************************************************************
   * Responsive breakpoints are used bottom-up; extra small means a screen size
   * between 576px and 787px (just before the small breakpoint);
   *
   * @media only screen and (min-width: xxx) { }
   ***************************************************************************** */
  /*****************************************************************************
   * The size-related variables (small/medium etc.) are directly related to the
   * responsive breakpoints.
   ***************************************************************************** */
  /* Container
    --------------------------------------------------------------------------- */
  /*
   * Maximum container width. The container padding will added to this with so
   * the actual content will have this (maximum) size.
   */
  /* Gutters
    --------------------------------------------------------------------------- */
  /*****************************************************************************
   * Generic module settings
   ***************************************************************************** */
  /* Multi-select (selectors for multi-select fields)
     ========================================================================== */
  /* Stylized radio display */
  /* Multi Column Form (selectors for fieldsets and field wrappers)
     ========================================================================== */
  /*****************************************************************************
   * Responsive breakpoints are used bottom-up; extra small means a screen size
   * between 576px and 787px (just before the small breakpoint);
   *
   * @media only screen and (min-width: xxx) { }
   ***************************************************************************** */
  /*****************************************************************************
   * Responsive breakpoints are used bottom-up; extra small means a screen size
   * between 576px and 787px (just before the small breakpoint);
   *
   * @media only screen and (min-width: xxx) { }
   ***************************************************************************** */
  /*****************************************************************************
   * The size-related variables (small/medium etc.) are directly related to the
   * responsive breakpoints.
   ***************************************************************************** */
  /* Container
    --------------------------------------------------------------------------- */
  /*
   * Maximum container width. The container padding will added to this with so
   * the actual content will have this (maximum) size.
   */
  /* Gutters
    --------------------------------------------------------------------------- */
  /*****************************************************************************
   * Generic module settings
   ***************************************************************************** */
  /* Submit buttons (selectors for all non-CTA buttons)
     ========================================================================== */
  /* Form Variations
     ========================================================================== */
}
.hs-form .hs-field-desc {
  font-size: 0.65rem;
  line-height: 1;
  margin-bottom: 0.5rem;
}
.hs-form label {
  font-size: 0.8rem;
  line-height: 1.4;
}
.hs-form .hs-form-field {
  margin-bottom: 0.7rem;
}
.hs-form .hs-form-field > label {
  color: var(--theme-form-label-color);
  display: inline-block;
  font-weight: var(--theme-font-weight-base);
  margin-bottom: 0.5rem;
}
.hs-form .submitted-message {
  color: white;
}
.hs-form .hs-error-msgs {
  list-style: none;
  margin: 0;
  padding: 0;
}
.hs-form .hs-error-msgs li:last-child {
  margin-right: 0;
}
.hs-form .hs-error-msgs label {
  color: var(--theme-color-error);
  font-size: 0.6rem;
}
.hs-form .hs-dependent-field ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.hs-form .legal-consent-container {
  margin-bottom: 1.1rem;
}
.hs-form .legal-consent-container .field.hs-form-field {
  margin-bottom: 1rem;
}
.hs-form .legal-consent-container,
.hs-form .legal-consent-container p,
.hs-form .legal-consent-container a,
.hs-form .legal-consent-container label {
  color: var(--color-base-white);
  font-size: 0.7rem;
  font-weight: var(--theme-font-weight-base);
  line-height: 1.4;
}
.hs-form .legal-consent-container a {
  text-decoration: underline;
}
.hs-form .legal-consent-container a:hover {
  color: var(--theme-color-primary);
}
.hs-form .legal-consent-container label {
  align-items: baseline;
  display: flex;
}
.hs-form .legal-consent-container .hs-error-msgs label {
  color: var(--theme-color-error);
}
.hs-form .legal-consent-container .hs-form-booleancheckbox {
  margin: 0.5rem 0;
}
.hs-form .legal-consent-container .hs-form-booleancheckbox-display > span {
  margin: 0;
}
.hs-form .hs-fieldtype-text.input--error .hs-input,
.hs-form .hs-fieldtype-textarea.input--error .hs-input,
.hs-form .hs-fieldtype-select.input--error .hs-input,
.hs-form .hs-fieldtype-number.input--error .hs-input,
.hs-form .hs-fieldtype-phonenumber.input--error .hs-input,
.hs-form .hs-fieldtype-file.input--error .hs-input {
  border-color: var(--theme-color-error);
}
.hs-form .hs-fieldtype-text.input--error > label,
.hs-form .hs-fieldtype-textarea.input--error > label,
.hs-form .hs-fieldtype-select.input--error > label,
.hs-form .hs-fieldtype-number.input--error > label,
.hs-form .hs-fieldtype-phonenumber.input--error > label,
.hs-form .hs-fieldtype-file.input--error > label {
  color: var(--theme-color-error);
}
.hs-form .hs-fieldtype-text.input--filled > label, .hs-form .hs-fieldtype-text.input--focused > label,
.hs-form .hs-fieldtype-textarea.input--filled > label,
.hs-form .hs-fieldtype-textarea.input--focused > label,
.hs-form .hs-fieldtype-select.input--filled > label,
.hs-form .hs-fieldtype-select.input--focused > label,
.hs-form .hs-fieldtype-number.input--filled > label,
.hs-form .hs-fieldtype-number.input--focused > label,
.hs-form .hs-fieldtype-phonenumber.input--filled > label,
.hs-form .hs-fieldtype-phonenumber.input--focused > label,
.hs-form .hs-fieldtype-file.input--filled > label,
.hs-form .hs-fieldtype-file.input--focused > label {
  color: var(--theme-form-label-color);
}
.hs-form .hs-fieldtype-text.input--filled .hs-input, .hs-form .hs-fieldtype-text.input--focused .hs-input,
.hs-form .hs-fieldtype-textarea.input--filled .hs-input,
.hs-form .hs-fieldtype-textarea.input--focused .hs-input,
.hs-form .hs-fieldtype-select.input--filled .hs-input,
.hs-form .hs-fieldtype-select.input--focused .hs-input,
.hs-form .hs-fieldtype-number.input--filled .hs-input,
.hs-form .hs-fieldtype-number.input--focused .hs-input,
.hs-form .hs-fieldtype-phonenumber.input--filled .hs-input,
.hs-form .hs-fieldtype-phonenumber.input--focused .hs-input,
.hs-form .hs-fieldtype-file.input--filled .hs-input,
.hs-form .hs-fieldtype-file.input--focused .hs-input {
  border-color: var(--theme-color-primary);
}
.hs-form input[type=text],
.hs-form input[type=password],
.hs-form input[type=datetime],
.hs-form input[type=datetime-local],
.hs-form input[type=date],
.hs-form input[type=month],
.hs-form input[type=time],
.hs-form input[type=week],
.hs-form input[type=number],
.hs-form input[type=email],
.hs-form input[type=url],
.hs-form input[type=search],
.hs-form input[type=tel],
.hs-form input[type=color],
.hs-form input[type=file],
.hs-form textarea,
.hs-form select {
  background: var(--color-base-white);
  border: 1px solid #D3D3D3;
  border-radius: 5rem;
  color: var(--theme-color-base);
  display: block;
  font-family: var(--theme-font-family-base);
  font-size: 0.8rem;
  font-weight: var(--theme-font-weight-base);
  line-height: 1.4;
  outline: none;
  padding: 0.75rem 1.3rem;
  width: 100%;
}
.hs-form input[type=file] {
  display: flex;
}
.hs-form select {
  -webkit-appearance: none;
  -moz-appearance: none;
}
.hs-form .hs-fieldtype-select .input {
  position: relative;
}
.hs-form .hs-fieldtype-select .input::after {
  background: url("https://24982907.fs1.hubspotusercontent-eu1.net/hubfs/24982907/stratech-theme-assets/icons/chevron-down-black.svg") center/cover;
  content: "";
  height: 8px;
  pointer-events: none;
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  width: 14px;
}
.hs-form .hs-fieldtype-select .input select {
  padding-right: 2rem;
}
.hs-form textarea {
  height: 180px;
  border-radius: 2rem;
  min-height: 68px;
  min-width: 100%;
  max-width: 100%;
  resize: vertical;
}
.hs-form .hs-form-field ul.inputs-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.hs-form .hs-form-field ul.inputs-list li label {
  align-items: baseline;
  display: inline-flex;
}
.hs-form .hs-form-checkbox-display,
.hs-form .hs-form-booleancheckbox-display,
.hs-form .hs-form-radio-display {
  color: var(--color-base-white);
  font-size: var(--theme-form-checkbox-label-font-size);
}
.hs-form .hs-form-checkbox-display::before,
.hs-form .hs-form-booleancheckbox-display::before,
.hs-form .hs-form-radio-display::before {
  background: var(--color-base-white);
  border: 1px solid var(--color-grey-383D41);
  content: "";
  cursor: pointer;
  display: inline-block;
  height: 14px;
  min-width: 14px;
  margin-right: 0.6rem;
  width: 14px;
}
.hs-form .hs-form-radio-display {
  color: var(--color-base-white);
  font-size: var(--theme-form-checkbox-label-font-size);
}
.hs-form .hs-form-radio-display::before {
  border-radius: 50%;
}
.hs-form .hs-form-radio-display.checked::before {
  background: radial-gradient(var(--theme-color-primary) 32%, var(--color-base-white) 37%);
  border-color: var(--color-grey-383D41);
}
.hs-form .hs-form-radio-display input[type=radio] {
  display: none;
}
.hs-form .hs-form-checkbox-display,
.hs-form .hs-form-booleancheckbox-display {
  font-size: var(--theme-form-checkbox-label-font-size);
  color: var(--color-base-white);
}
.hs-form .hs-form-checkbox-display::before,
.hs-form .hs-form-booleancheckbox-display::before {
  border-radius: 0.2rem;
}
.hs-form .hs-form-checkbox-display.checked::before,
.hs-form .hs-form-booleancheckbox-display.checked::before {
  background: url("https://24982907.fs1.hubspotusercontent-eu1.net/hubfs/24982907/stratech-theme-assets/icons/check.svg") center/9px no-repeat, var(--color-base-white);
  box-shadow: none;
  border-color: var(--color-grey-383D41);
}
.hs-form .hs-form-checkbox-display input[type=checkbox],
.hs-form .hs-form-booleancheckbox-display input[type=checkbox] {
  display: none;
}
.hs-form .hs-form-booleancheckbox-display a {
  font-size: var(--theme-form-checkbox-label-font-size);
  color: var(--theme-form-checkbox-label-color);
  text-decoration: underline;
}
.hs-form fieldset {
  padding: 0;
  margin: 0;
  border: 0;
}
.hs-form fieldset.form-columns-1, .hs-form fieldset.form-columns-2, .hs-form fieldset.form-columns-3 {
  max-width: 100%;
}
.hs-form fieldset.form-columns-1 .hs-form-field .input, .hs-form fieldset.form-columns-2 .hs-form-field .input, .hs-form fieldset.form-columns-3 .hs-form-field .input {
  margin-right: 0;
}
.hs-form fieldset.form-columns-1 .hs-form-field .input .hs-input, .hs-form fieldset.form-columns-2 .hs-form-field .input .hs-input, .hs-form fieldset.form-columns-3 .hs-form-field .input .hs-input {
  width: 100% !important;
}
.hs-form fieldset.form-columns-2 .hs-form-field {
  float: none;
  width: 100%;
}
@media only screen and (min-width: 576px) {
  .hs-form fieldset.form-columns-2 {
    display: flex;
    gap: 3.49%;
  }
  .hs-form fieldset.form-columns-2 .hs-form-field {
    flex: 0 0 48.253%;
    width: 48.253% !important;
  }
  .hs-form fieldset.form-columns-2 .hs-form-field:last-of-type {
    margin-right: 0;
  }
  .hs-form fieldset.form-columns-3 .hs-form-field {
    flex: 0 0 32.2510823%;
    margin-right: 1.6233766%;
    width: 32.2510823% !important;
  }
  .hs-form fieldset.form-columns-3 .hs-form-field:last-of-type {
    margin-right: 0;
  }
}
.hs-form :root {
  --theme-hs-form-btn-icon-display: none;
  --theme-hs-form-btn-padding: .7rem 1.6rem;
  --theme-hs-form-btn-icon-path: url("https://24982907.fs1.hubspotusercontent-eu1.net/hubfs/24982907/stratech-theme-assets/demo/download_icon.png");
}
.hs-form .hs-button.primary,
.hs-form input[type=submit],
.hs-form input[type=button] {
  align-items: center;
  background: var(--theme-color-secondary);
  border: 0;
  border-radius: 5rem;
  color: var(--theme-color-primary);
  cursor: pointer;
  display: inline-flex;
  font: var(--theme-font-weight-medium) 0.9rem/2 var(--theme-font-family-alternative);
  justify-content: center;
  outline: none;
  overflow: hidden;
  padding: var(--theme-hs-form-btn-padding);
  position: relative;
  text-decoration: none;
  transition: background 0.1s linear, border 0.1s linear, color 0.1s linear;
  z-index: 1;
  white-space: normal;
}
.hs-form .hs-button.primary:hover,
.hs-form input[type=submit]:hover,
.hs-form input[type=button]:hover {
  background: var(--theme-color-secondary-hover);
  text-decoration: none;
}
.hs-form .actions {
  position: relative;
}
.hs-form .actions::before {
  display: var(--theme-hs-form-btn-icon-display);
  content: "";
  background-image: var(--theme-hs-form-btn-icon-path);
  background-size: cover;
  width: 24px;
  height: 24px;
  position: absolute;
  left: 32px;
  z-index: 9;
  top: 20px;
}
.hs-form--small .hs-form-field {
  margin-bottom: 0.5rem;
}
.hs-form--small .actions {
  margin-top: 1.3rem;
}
.hs-form--full-width-actions .actions input[type=submit] {
  width: 100%;
}
.hs-form--rounded-actions .actions input[type=submit] {
  border-radius: 5rem;
}
.hs-form--centered-actions .actions input[type=submit] {
  justify-content: center;
}
.hs-form--primary .actions input[type=submit] {
  background: var(--theme-color-primary);
  color: #fff;
}
.hs-form--primary .actions input[type=submit]:hover {
  background: #fff;
  color: var(--theme-color-primary);
}
.hs-form--download .actions {
  text-align: center;
}
.hs-form--download .actions input[type=submit] {
  background: url("https://2537730.fs1.hubspotusercontent-na1.net/hubfs/2537730/hato-theme-assets/icons/download.svg") right 1rem top 50% no-repeat, var(--color-hato-blue-100);
  padding-right: 2.4rem;
}
.hs-form--download .actions input[type=submit]:hover {
  background-color: var(--color-hato-blue-50);
}
.hs-form--no-labels .hs-form-field > label {
  display: none;
}

/*****************************************************************************
 * Responsive breakpoints are used bottom-up; extra small means a screen size
 * between 576px and 787px (just before the small breakpoint);
 *
 * @media only screen and (min-width: xxx) { }
 ***************************************************************************** */
/*****************************************************************************
 * Responsive breakpoints are used bottom-up; extra small means a screen size
 * between 576px and 787px (just before the small breakpoint);
 *
 * @media only screen and (min-width: xxx) { }
 ***************************************************************************** */
/*****************************************************************************
 * The size-related variables (small/medium etc.) are directly related to the
 * responsive breakpoints.
 ***************************************************************************** */
/* Container
  --------------------------------------------------------------------------- */
/*
 * Maximum container width. The container padding will added to this with so
 * the actual content will have this (maximum) size.
 */
/* Gutters
  --------------------------------------------------------------------------- */
/*****************************************************************************
 * Generic module settings
 ***************************************************************************** */
/* Submit buttons (selectors for all non-CTA buttons)
   ========================================================================== */
:root {
  --theme-hs-form-btn-icon-display: none;
  --theme-hs-form-btn-padding: .7rem 1.6rem;
  --theme-hs-form-btn-icon-path: url("https://24982907.fs1.hubspotusercontent-eu1.net/hubfs/24982907/stratech-theme-assets/demo/download_icon.png");
}

.hs-button.primary,
input[type=submit],
input[type=button] {
  align-items: center;
  background: var(--theme-color-secondary);
  border: 0;
  border-radius: 5rem;
  color: var(--theme-color-primary);
  cursor: pointer;
  display: inline-flex;
  font: var(--theme-font-weight-medium) 0.9rem/2 var(--theme-font-family-alternative);
  justify-content: center;
  outline: none;
  overflow: hidden;
  padding: var(--theme-hs-form-btn-padding);
  position: relative;
  text-decoration: none;
  transition: background 0.1s linear, border 0.1s linear, color 0.1s linear;
  z-index: 1;
  white-space: normal;
}
.hs-button.primary:hover,
input[type=submit]:hover,
input[type=button]:hover {
  background: var(--theme-color-secondary-hover);
  text-decoration: none;
}

.actions {
  position: relative;
}

.actions::before {
  display: var(--theme-hs-form-btn-icon-display);
  content: "";
  background-image: var(--theme-hs-form-btn-icon-path);
  background-size: cover;
  width: 24px;
  height: 24px;
  position: absolute;
  left: 32px;
  z-index: 9;
  top: 20px;
}

::-webkit-input-placeholder,
:-moz-placeholder,
::-moz-placeholder,
:-ms-input-placeholder {
  color: #8B9196;
}

/*****************************************************************************
 * Responsive breakpoints are used bottom-up; extra small means a screen size
 * between 576px and 787px (just before the small breakpoint);
 *
 * @media only screen and (min-width: xxx) { }
 ***************************************************************************** */
/*****************************************************************************
 * Responsive breakpoints are used bottom-up; extra small means a screen size
 * between 576px and 787px (just before the small breakpoint);
 *
 * @media only screen and (min-width: xxx) { }
 ***************************************************************************** */
/*****************************************************************************
 * The size-related variables (small/medium etc.) are directly related to the
 * responsive breakpoints.
 ***************************************************************************** */
/* Container
  --------------------------------------------------------------------------- */
/*
 * Maximum container width. The container padding will added to this with so
 * the actual content will have this (maximum) size.
 */
/* Gutters
  --------------------------------------------------------------------------- */
/*****************************************************************************
 * Generic module settings
 ***************************************************************************** */
/*****************************************************************************
 * Tables
 ***************************************************************************** */
table {
  border: 0.05rem solid var(--theme-color-hato-blue-50);
  border-collapse: collapse;
  margin: 1rem 0 2rem;
  overflow: auto;
  width: 100%;
}

table th {
  text-align: left;
}

table thead tr,
table tfoot tr,
table tbody tr:nth-child(even) {
  background: var(--theme-color-hato-blue-50);
}

table th,
table td {
  padding: 0.5rem 1rem;
}

/*****************************************************************************
 * Responsive breakpoints are used bottom-up; extra small means a screen size
 * between 576px and 787px (just before the small breakpoint);
 *
 * @media only screen and (min-width: xxx) { }
 ***************************************************************************** */
/*****************************************************************************
 * Responsive breakpoints are used bottom-up; extra small means a screen size
 * between 576px and 787px (just before the small breakpoint);
 *
 * @media only screen and (min-width: xxx) { }
 ***************************************************************************** */
/*****************************************************************************
 * The size-related variables (small/medium etc.) are directly related to the
 * responsive breakpoints.
 ***************************************************************************** */
/* Container
  --------------------------------------------------------------------------- */
/*
 * Maximum container width. The container padding will added to this with so
 * the actual content will have this (maximum) size.
 */
/* Gutters
  --------------------------------------------------------------------------- */
/*****************************************************************************
 * Generic module settings
 ***************************************************************************** */
/*****************************************************************************
 * Typography
 ***************************************************************************** */
/* Default
  ---------------------------------------------------------------------------- */
/* -- Base typography -- */
body {
  line-height: var(--theme-typography-base-line-height);
  color: var(--theme-color-base);
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  color: var(--theme-typography-heading-color);
  font-family: var(--theme-typography-heading-font-family);
  font-weight: var(--theme-typography-heading-font-weight);
  margin-bottom: var(--theme-typography-heading-margin-bottom);
  margin-top: var(--theme-typography-heading-margin-top);
}

h1.no-margin, h2.no-margin, h3.no-margin, h4.no-margin, h5.no-margin, h6.no-margin,
.h1.no-margin, .h2.no-margin, .h3.no-margin, .h4.no-margin, .h5.no-margin, .h6.no-margin {
  margin: 0;
}

h1, .h1 {
  font-size: var(--theme-typography-heading-1-font-size);
  font-weight: var(--theme-typography-heading-1-font-weight);
  line-height: var(--theme-typography-heading-1-line-height);
  margin-top: var(--theme-typography-heading-1-margin-top);
  margin-bottom: var(--theme-typography-heading-1-margin-bottom);
}

h2, .h2 {
  font-size: var(--theme-typography-heading-2-font-size);
  font-weight: var(--theme-typography-heading-2-font-weight);
  line-height: var(--theme-typography-heading-2-line-height);
  margin-top: var(--theme-typography-heading-2-margin-top);
  margin-bottom: var(--theme-typography-heading-2-margin-bottom);
}

h3, .h3 {
  font-size: var(--theme-typography-heading-3-font-size);
  font-weight: var(--theme-typography-heading-3-font-weight);
  line-height: var(--theme-typography-heading-3-line-height);
  margin-top: var(--theme-typography-heading-3-margin-top);
  margin-bottom: var(--theme-typography-heading-3-margin-bottom);
}

h4, .h4 {
  font-size: var(--theme-typography-heading-4-font-size);
  font-weight: var(--theme-typography-heading-4-font-weight);
  line-height: var(--theme-typography-heading-4-line-height);
  margin-top: var(--theme-typography-heading-4-margin-top);
  margin-bottom: var(--theme-typography-heading-4-margin-bottom);
}

h5, .h5 {
  font-size: var(--theme-typography-heading-5-font-size);
  font-weight: var(--theme-typography-heading-5-font-weight);
  line-height: var(--theme-typography-heading-5-line-height);
  margin-top: var(--theme-typography-heading-5-margin-top);
  margin-bottom: var(--theme-typography-heading-5-margin-bottom);
}

h6, .h6 {
  font-size: var(--theme-typography-heading-6-font-size);
  font-weight: var(--theme-typography-heading-6-font-weight);
  line-height: var(--theme-typography-heading-6-line-height);
  margin-top: var(--theme-typography-heading-6-margin-top);
  margin-bottom: var(--theme-typography-heading-6-margin-bottom);
}

h2:first-of-type, h3:first-of-type, h4:first-of-type, h5:first-of-type, h6:first-of-type {
  margin-top: 0;
}

/* -- Paragraph -- */
p {
  margin-bottom: var(--theme-typography-base-margin-bottom);
}

p:last-child, p:last-of-type {
  margin-bottom: 0;
}

p, li {
  color: var(--theme-typography-base-color);
}

p, li, a {
  font-size: var(--theme-typography-base-font-size);
  line-height: var(--theme-typography-base-line-height);
}

li {
  line-height: 1.8;
}

.rich-text-container img {
  height: auto;
  max-width: 100%;
}

.rich-text-container ::slotted(img) {
  height: auto;
  max-width: 100%;
}

.rich-text-container.article > *:not(:last-of-type), .rich-text-container.article > *:not(:last-child) {
  margin-bottom: var(--theme-typography-article-elements-spacing);
}
.rich-text-container.article blockquote {
  position: relative;
  border-top: var(--theme-typography-article-blockquote-border);
  border-bottom: var(--theme-typography-article-blockquote-border);
  padding: var(--theme-typography-article-blockquote-padding);
  padding-left: var(--theme-typography-article-blockquote-padding-left-mobile);
  margin-bottom: var(--theme-typography-article-elements-spacing);
  /* Quote */
  /* Quote text */
  /*  Quote details */
  /* Quoter */
  /* Function */
}
@media (min-width: 768px) {
  .rich-text-container.article blockquote {
    padding-left: var(--theme-typography-article-blockquote-padding-left-desktop);
  }
}
.rich-text-container.article blockquote::before {
  content: "";
  position: absolute;
  left: 0;
  top: 2rem;
  width: var(--theme-typography-article-blockquote-quote-size);
  height: var(--theme-typography-article-blockquote-quote-size);
  border-radius: 50%;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 23 21' fill='white' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23 0V3.57778C21.8642 3.78519 20.9349 4.3037 20.2121 5.13334C19.541 5.91111 19.0247 6.8963 18.6633 8.08889C18.3535 9.28148 18.1987 10.5778 18.1987 11.9778H22.303V21H13.7071V12.8333C13.7071 9.82593 14.1459 7.44074 15.0236 5.67778C15.9529 3.91482 17.1145 2.59259 18.5084 1.71111C19.954 0.829629 21.4512 0.259259 23 0ZM9.29293 0V3.57778C8.15713 3.78519 7.22783 4.3037 6.50505 5.13334C5.83389 5.91111 5.31762 6.8963 4.95623 8.08889C4.64646 9.28148 4.49158 10.5778 4.49158 11.9778H8.59596V21H0V12.8333C0 9.82593 0.438833 7.44074 1.3165 5.67778C2.24579 3.91482 3.40741 2.59259 4.80135 1.71111C6.24691 0.829629 7.74411 0.259259 9.29293 0Z' fill='white'/%3E%3C/svg%3E%0A");
  background-color: var(--color-blue);
  background-repeat: no-repeat;
  background-size: 23px;
  background-position: center;
}
@media (max-width: 768px) {
  .rich-text-container.article blockquote::before {
    width: calc(var(--theme-typography-article-blockquote-quote-size) * var(--theme-typography-article-blockquote-quote-mobile-scale));
    height: calc(var(--theme-typography-article-blockquote-quote-size) * var(--theme-typography-article-blockquote-quote-mobile-scale));
    background-size: calc(23px * var(--theme-typography-article-blockquote-quote-mobile-scale));
  }
}
.rich-text-container.article blockquote h3 {
  margin-bottom: var(--theme-typography-article-blockquote-quote-text-margin-bottom);
}
.rich-text-container.article blockquote > h6, .rich-text-container.article blockquote > h6 ~ p {
  display: inline-block;
  margin-bottom: 0;
}
.rich-text-container.article blockquote > h6 {
  font-size: var(--theme-typography-article-blockquote-quoter-font-size);
  font-weight: var(--theme-typography-article-blockquote-quoter-font-weight);
  line-height: var(--theme-typography-article-blockquote-quoter-line-height);
}
.rich-text-container.article blockquote > h6 ~ p {
  color: var(--theme-typography-article-blockquote-function-color);
  font-size: var(--theme-typography-article-blockquote-function-font-size);
  line-height: var(--theme-typography-article-blockquote-function-line-height);
  font-weight: var(--theme-typography-article-blockquote-function-font-weight);
  position: relative;
  padding-left: var(--theme-typography-article-blockquote-function-padding-left);
  margin-left: var(--theme-typography-article-blockquote-function-margin-left);
  /* Round separator */
}
.rich-text-container.article blockquote > h6 ~ p::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: var(--theme-typography-article-blockquote-round-separator-size);
  height: var(--theme-typography-article-blockquote-round-separator-size);
  border-radius: 50%;
  background-color: var(--theme-typography-article-blockquote-round-separator-background-color);
}
.rich-text-container.article h5 {
  font-size: var(--theme-typography-article-blockquote-h5-font-size);
  line-height: var(--theme-typography-article-blockquote-h5-line-height);
  font-weight: var(--theme-typography-article-blockquote-h5-font-weight);
  margin-bottom: var(--theme-typography-article-blockquote-h5-margin-bottom) !important;
}
.rich-text-container.article ul li {
  font-size: var(--theme-typography-article-blockquote-list-element-font-size);
  line-height: var(--theme-typography-article-blockquote-list-element-line-height);
  font-weight: var(--theme-typography-article-blockquote-list-element-font-weight);
}
.rich-text-container.article ul li > ul {
  margin-top: var(--theme-typography-article-blockquote-list-nested-margin-top);
}

/* -- Blockquote -- */
blockquote, blockquote p {
  font-family: var(--theme-font-family-heading);
  font-size: var(--theme-typography-blockquote-font-size);
  font-weight: var(--theme-typography-blockquote-font-weight);
  line-height: var(--theme-typography-blockquote-line-height);
  margin: 0;
}

/* -- Pre -- */
pre {
  font-family: var(--theme-font-family-monospace);
  font-size: var(--theme-typography-pre-font-size);
}

/* -- Link -- */
a {
  color: var(--theme-typography-link-color);
  font-family: var(--theme-typography-link-font-family);
  font-weight: var(--theme-typography-link-font-weight);
  line-height: var(--theme-typography-link-line-height);
  transition: var(--theme-typography-link-transition);
  -webkit-text-decoration: var(--theme-typography-link-text-decoration);
          text-decoration: var(--theme-typography-link-text-decoration);
}

a:hover {
  color: var(--typography-link-color-hover);
  -webkit-text-decoration: var(--theme-typography-link-text-decoration-hover);
          text-decoration: var(--theme-typography-link-text-decoration-hover);
}

@media only screen and (min-width: 992px) {
  h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    margin-bottom: var(--theme-typography-heading-margin-bottom-desktop);
  }

  h1, .h1 {
    font-size: var(--theme-typography-heading-1-font-size-desktop);
    font-weight: var(--theme-typography-heading-1-font-weight-desktop);
    line-height: var(--theme-typography-heading-1-line-height-desktop);
    margin-top: var(--theme-typography-heading-1-margin-top-desktop);
    margin-bottom: var(--theme-typography-heading-1-margin-bottom-desktop);
  }

  h2, .h2 {
    font-size: var(--theme-typography-heading-2-font-size-desktop);
    font-weight: var(--theme-typography-heading-2-font-weight-desktop);
    line-height: var(--theme-typography-heading-2-line-height-desktop);
    margin-top: var(--theme-typography-heading-2-margin-top-desktop);
    margin-bottom: var(--theme-typography-heading-2-margin-bottom-desktop);
  }

  h3, .h3 {
    font-size: var(--theme-typography-heading-3-font-size-desktop);
    font-weight: var(--theme-typography-heading-3-font-weight-desktop);
    line-height: var(--theme-typography-heading-3-line-height-desktop);
    margin-top: var(--theme-typography-heading-3-margin-top-desktop);
    margin-bottom: var(--theme-typography-heading-3-margin-bottom-desktop);
  }

  h4, .h4 {
    font-size: var(--theme-typography-heading-4-font-size-desktop);
    font-weight: var(--theme-typography-heading-4-font-weight-desktop);
    line-height: var(--theme-typography-heading-4-line-height-desktop);
    margin-top: var(--theme-typography-heading-4-margin-top-desktop);
    margin-bottom: var(--theme-typography-heading-4-margin-bottom-desktop);
  }

  h5, .h5 {
    font-size: var(--theme-typography-heading-5-font-size-desktop);
    font-weight: var(--theme-typography-heading-5-font-weight-desktop);
    line-height: var(--theme-typography-heading-5-line-height-desktop);
    margin-top: var(--theme-typography-heading-5-margin-top-desktop);
    margin-bottom: var(--theme-typography-heading-5-margin-bottom-desktop);
  }

  h6, .h6 {
    font-size: var(--theme-typography-heading-6-font-size-desktop);
    font-weight: var(--theme-typography-heading-6-font-weight-desktop);
    line-height: var(--theme-typography-heading-6-line-height-desktop);
    margin-top: var(--theme-typography-heading-6-margin-top-desktop);
    margin-bottom: var(--theme-typography-heading-6-margin-bottom-desktop);
  }

  /* -- Paragraph -- */
  p, li {
    font-size: var(--theme-typography-base-font-size-desktop);
  }

  /* -- Blockquote -- */
  blockquote, blockquote p {
    font-family: var(--theme-font-family-heading);
    font-size: var(--theme-typography-blockquote-font-size-desktop);
    font-weight: var(--theme-typography-blockquote-font-weight-desktop);
    line-height: var(--theme-typography-blockquote-line-height-desktop);
  }

  /* -- Pre -- */
  pre {
    font-size: var(--theme-typography-pre-font-size-desktop);
  }
}
/*****************************************************************************
 * Responsive breakpoints are used bottom-up; extra small means a screen size
 * between 576px and 787px (just before the small breakpoint);
 *
 * @media only screen and (min-width: xxx) { }
 ***************************************************************************** */
/*****************************************************************************
 * Responsive breakpoints are used bottom-up; extra small means a screen size
 * between 576px and 787px (just before the small breakpoint);
 *
 * @media only screen and (min-width: xxx) { }
 ***************************************************************************** */
/*****************************************************************************
 * The size-related variables (small/medium etc.) are directly related to the
 * responsive breakpoints.
 ***************************************************************************** */
/* Container
  --------------------------------------------------------------------------- */
/*
 * Maximum container width. The container padding will added to this with so
 * the actual content will have this (maximum) size.
 */
/* Gutters
  --------------------------------------------------------------------------- */
/*****************************************************************************
 * Generic module settings
 ***************************************************************************** */
/*****************************************************************************
 * Backgrounds
 ***************************************************************************** */
.bg_black {
  background: var(--color-base-black);
}
.bg_black h1:not(.keep-default),
.bg_black h2:not(.keep-default),
.bg_black h3:not(.keep-default),
.bg_black h4:not(.keep-default),
.bg_black h5:not(.keep-default),
.bg_black h6:not(.keep-default),
.bg_black blockquote:not(.keep-default),
.bg_black p:not(.keep-default),
.bg_black a:not(.button):not(.cta_button):not(.keep-default),
.bg_black li:not(.keep-default) {
  color: var(--color-base-white);
}
.bg_black .rich-text-container.keep-default h1,
.bg_black .rich-text-container.keep-default h2,
.bg_black .rich-text-container.keep-default h3,
.bg_black .rich-text-container.keep-default h4,
.bg_black .rich-text-container.keep-default h5,
.bg_black .rich-text-container.keep-default h6,
.bg_black .rich-text-container.keep-default blockquote,
.bg_black .rich-text-container.keep-default p,
.bg_black .rich-text-container.keep-default a:not(.button):not(.cta_button),
.bg_black .rich-text-container.keep-default li {
  color: var(--theme-color-base);
}
.bg_black .submitted-message {
  color: var(--color-base-white);
}
.bg_black form.hs-form .hs_error_rollup label,
.bg_black form.hs-form .hs-form-field .hs-error-msgs label,
.bg_black form.hs-form .hs-form-field > label {
  color: var(--color-base-white);
}
.bg_black form.hs-form .legal-consent-container, .bg_black form.hs-form .legal-consent-container p, .bg_black form.hs-form .legal-consent-container a:not(.button):not(.cta_button):not(.keep-default), .bg_black form.hs-form .legal-consent-container li, .bg_black form.hs-form .legal-consent-container label, .bg_black form.hs-form .legal-consent-container span, .bg_black form.hs-form .legal-consent-container label span {
  color: var(--color-grey-medium);
}
.bg_black form.hs-form .legal-consent-container a:not(.button):not(.cta_button):not(.keep-default):hover {
  color: var(--color-base-white);
}
.bg_black form.hs-form .hs-fieldtype-radio, .bg_black form.hs-form .hs-fieldtype-radio p, .bg_black form.hs-form .hs-fieldtype-radio a, .bg_black form.hs-form .hs-fieldtype-radio li, .bg_black form.hs-form .hs-fieldtype-radio label, .bg_black form.hs-form .hs-fieldtype-radio span, .bg_black form.hs-form .hs-fieldtype-radio > label,
.bg_black form.hs-form .hs-fieldtype-checkbox,
.bg_black form.hs-form .hs-fieldtype-checkbox p,
.bg_black form.hs-form .hs-fieldtype-checkbox a,
.bg_black form.hs-form .hs-fieldtype-checkbox li,
.bg_black form.hs-form .hs-fieldtype-checkbox label,
.bg_black form.hs-form .hs-fieldtype-checkbox span,
.bg_black form.hs-form .hs-fieldtype-checkbox > label,
.bg_black form.hs-form .hs-form-booleancheckbox,
.bg_black form.hs-form .hs-form-booleancheckbox p,
.bg_black form.hs-form .hs-form-booleancheckbox a,
.bg_black form.hs-form .hs-form-booleancheckbox li,
.bg_black form.hs-form .hs-form-booleancheckbox label,
.bg_black form.hs-form .hs-form-booleancheckbox span,
.bg_black form.hs-form .hs-form-booleancheckbox > label {
  color: var(--color-base-white);
}
.bg_black form.hs-form .hs-fieldtype-radio .hs-form-checkbox-display::before,
.bg_black form.hs-form .hs-fieldtype-radio .hs-form-radio-display::before,
.bg_black form.hs-form .hs-fieldtype-radio .hs-form-booleancheckbox-display::before,
.bg_black form.hs-form .hs-fieldtype-checkbox .hs-form-checkbox-display::before,
.bg_black form.hs-form .hs-fieldtype-checkbox .hs-form-radio-display::before,
.bg_black form.hs-form .hs-fieldtype-checkbox .hs-form-booleancheckbox-display::before,
.bg_black form.hs-form .hs-form-booleancheckbox .hs-form-checkbox-display::before,
.bg_black form.hs-form .hs-form-booleancheckbox .hs-form-radio-display::before,
.bg_black form.hs-form .hs-form-booleancheckbox .hs-form-booleancheckbox-display::before {
  border-color: var(--color-base-white);
}
.bg_black .keep-default .submitted-message {
  color: var(--theme-color-base);
}
.bg_black .keep-default form.hs-form .hs_error_rollup label,
.bg_black .keep-default form.hs-form .hs-form-field .hs-error-msgs label {
  color: var(--theme-color-base);
}
.bg_black .keep-default form.hs-form .legal-consent-container, .bg_black .keep-default form.hs-form .legal-consent-container p, .bg_black .keep-default form.hs-form .legal-consent-container a, .bg_black .keep-default form.hs-form .legal-consent-container li, .bg_black .keep-default form.hs-form .legal-consent-container label, .bg_black .keep-default form.hs-form .legal-consent-container span {
  color: var(--theme-color-base);
}
.bg_black .keep-default form.hs-form .hs-fieldtype-radio, .bg_black .keep-default form.hs-form .hs-fieldtype-radio p, .bg_black .keep-default form.hs-form .hs-fieldtype-radio a, .bg_black .keep-default form.hs-form .hs-fieldtype-radio li, .bg_black .keep-default form.hs-form .hs-fieldtype-radio label, .bg_black .keep-default form.hs-form .hs-fieldtype-radio span, .bg_black .keep-default form.hs-form .hs-fieldtype-radio > label,
.bg_black .keep-default form.hs-form .hs-fieldtype-checkbox,
.bg_black .keep-default form.hs-form .hs-fieldtype-checkbox p,
.bg_black .keep-default form.hs-form .hs-fieldtype-checkbox a,
.bg_black .keep-default form.hs-form .hs-fieldtype-checkbox li,
.bg_black .keep-default form.hs-form .hs-fieldtype-checkbox label,
.bg_black .keep-default form.hs-form .hs-fieldtype-checkbox span,
.bg_black .keep-default form.hs-form .hs-fieldtype-checkbox > label,
.bg_black .keep-default form.hs-form .hs-form-booleancheckbox,
.bg_black .keep-default form.hs-form .hs-form-booleancheckbox p,
.bg_black .keep-default form.hs-form .hs-form-booleancheckbox a,
.bg_black .keep-default form.hs-form .hs-form-booleancheckbox li,
.bg_black .keep-default form.hs-form .hs-form-booleancheckbox label,
.bg_black .keep-default form.hs-form .hs-form-booleancheckbox span,
.bg_black .keep-default form.hs-form .hs-form-booleancheckbox > label {
  color: var(--theme-color-base);
}
.bg_black .keep-default form.hs-form .hs-fieldtype-radio .hs-form-checkbox-display::before,
.bg_black .keep-default form.hs-form .hs-fieldtype-radio .hs-form-radio-display::before,
.bg_black .keep-default form.hs-form .hs-fieldtype-radio .hs-form-booleancheckbox-display::before,
.bg_black .keep-default form.hs-form .hs-fieldtype-checkbox .hs-form-checkbox-display::before,
.bg_black .keep-default form.hs-form .hs-fieldtype-checkbox .hs-form-radio-display::before,
.bg_black .keep-default form.hs-form .hs-fieldtype-checkbox .hs-form-booleancheckbox-display::before,
.bg_black .keep-default form.hs-form .hs-form-booleancheckbox .hs-form-checkbox-display::before,
.bg_black .keep-default form.hs-form .hs-form-booleancheckbox .hs-form-radio-display::before,
.bg_black .keep-default form.hs-form .hs-form-booleancheckbox .hs-form-booleancheckbox-display::before {
  border-color: var(--theme-color-base);
}

.bg_primary {
  background: var(--theme-color-primary);
}
.bg_primary h1:not(.keep-default),
.bg_primary h2:not(.keep-default),
.bg_primary h3:not(.keep-default),
.bg_primary h4:not(.keep-default),
.bg_primary h5:not(.keep-default),
.bg_primary h6:not(.keep-default),
.bg_primary blockquote:not(.keep-default),
.bg_primary p:not(.keep-default),
.bg_primary a:not(.button):not(.cta_button):not(.keep-default),
.bg_primary li:not(.keep-default) {
  color: var(--color-base-white);
}
.bg_primary .rich-text-container.keep-default h1,
.bg_primary .rich-text-container.keep-default h2,
.bg_primary .rich-text-container.keep-default h3,
.bg_primary .rich-text-container.keep-default h4,
.bg_primary .rich-text-container.keep-default h5,
.bg_primary .rich-text-container.keep-default h6,
.bg_primary .rich-text-container.keep-default blockquote,
.bg_primary .rich-text-container.keep-default p,
.bg_primary .rich-text-container.keep-default a:not(.button):not(.cta_button),
.bg_primary .rich-text-container.keep-default li {
  color: var(--theme-color-base);
}
.bg_primary .submitted-message {
  color: var(--color-base-white);
}
.bg_primary form.hs-form .hs_error_rollup label,
.bg_primary form.hs-form .hs-form-field .hs-error-msgs label,
.bg_primary form.hs-form .hs-form-field > label {
  color: var(--color-base-white);
}
.bg_primary form.hs-form .legal-consent-container, .bg_primary form.hs-form .legal-consent-container p, .bg_primary form.hs-form .legal-consent-container a:not(.button):not(.cta_button):not(.keep-default), .bg_primary form.hs-form .legal-consent-container li, .bg_primary form.hs-form .legal-consent-container label, .bg_primary form.hs-form .legal-consent-container span, .bg_primary form.hs-form .legal-consent-container label span {
  color: var(--color-grey-medium);
}
.bg_primary form.hs-form .legal-consent-container a:not(.button):not(.cta_button):not(.keep-default):hover {
  color: var(--color-base-white);
}
.bg_primary form.hs-form .hs-fieldtype-radio, .bg_primary form.hs-form .hs-fieldtype-radio p, .bg_primary form.hs-form .hs-fieldtype-radio a, .bg_primary form.hs-form .hs-fieldtype-radio li, .bg_primary form.hs-form .hs-fieldtype-radio label, .bg_primary form.hs-form .hs-fieldtype-radio span, .bg_primary form.hs-form .hs-fieldtype-radio > label,
.bg_primary form.hs-form .hs-fieldtype-checkbox,
.bg_primary form.hs-form .hs-fieldtype-checkbox p,
.bg_primary form.hs-form .hs-fieldtype-checkbox a,
.bg_primary form.hs-form .hs-fieldtype-checkbox li,
.bg_primary form.hs-form .hs-fieldtype-checkbox label,
.bg_primary form.hs-form .hs-fieldtype-checkbox span,
.bg_primary form.hs-form .hs-fieldtype-checkbox > label,
.bg_primary form.hs-form .hs-form-booleancheckbox,
.bg_primary form.hs-form .hs-form-booleancheckbox p,
.bg_primary form.hs-form .hs-form-booleancheckbox a,
.bg_primary form.hs-form .hs-form-booleancheckbox li,
.bg_primary form.hs-form .hs-form-booleancheckbox label,
.bg_primary form.hs-form .hs-form-booleancheckbox span,
.bg_primary form.hs-form .hs-form-booleancheckbox > label {
  color: var(--color-base-white);
}
.bg_primary form.hs-form .hs-fieldtype-radio .hs-form-checkbox-display::before,
.bg_primary form.hs-form .hs-fieldtype-radio .hs-form-radio-display::before,
.bg_primary form.hs-form .hs-fieldtype-radio .hs-form-booleancheckbox-display::before,
.bg_primary form.hs-form .hs-fieldtype-checkbox .hs-form-checkbox-display::before,
.bg_primary form.hs-form .hs-fieldtype-checkbox .hs-form-radio-display::before,
.bg_primary form.hs-form .hs-fieldtype-checkbox .hs-form-booleancheckbox-display::before,
.bg_primary form.hs-form .hs-form-booleancheckbox .hs-form-checkbox-display::before,
.bg_primary form.hs-form .hs-form-booleancheckbox .hs-form-radio-display::before,
.bg_primary form.hs-form .hs-form-booleancheckbox .hs-form-booleancheckbox-display::before {
  border-color: var(--color-base-white);
}
.bg_primary .keep-default .submitted-message {
  color: var(--theme-color-base);
}
.bg_primary .keep-default form.hs-form .hs_error_rollup label,
.bg_primary .keep-default form.hs-form .hs-form-field .hs-error-msgs label {
  color: var(--theme-color-base);
}
.bg_primary .keep-default form.hs-form .legal-consent-container, .bg_primary .keep-default form.hs-form .legal-consent-container p, .bg_primary .keep-default form.hs-form .legal-consent-container a, .bg_primary .keep-default form.hs-form .legal-consent-container li, .bg_primary .keep-default form.hs-form .legal-consent-container label, .bg_primary .keep-default form.hs-form .legal-consent-container span {
  color: var(--theme-color-base);
}
.bg_primary .keep-default form.hs-form .hs-fieldtype-radio, .bg_primary .keep-default form.hs-form .hs-fieldtype-radio p, .bg_primary .keep-default form.hs-form .hs-fieldtype-radio a, .bg_primary .keep-default form.hs-form .hs-fieldtype-radio li, .bg_primary .keep-default form.hs-form .hs-fieldtype-radio label, .bg_primary .keep-default form.hs-form .hs-fieldtype-radio span, .bg_primary .keep-default form.hs-form .hs-fieldtype-radio > label,
.bg_primary .keep-default form.hs-form .hs-fieldtype-checkbox,
.bg_primary .keep-default form.hs-form .hs-fieldtype-checkbox p,
.bg_primary .keep-default form.hs-form .hs-fieldtype-checkbox a,
.bg_primary .keep-default form.hs-form .hs-fieldtype-checkbox li,
.bg_primary .keep-default form.hs-form .hs-fieldtype-checkbox label,
.bg_primary .keep-default form.hs-form .hs-fieldtype-checkbox span,
.bg_primary .keep-default form.hs-form .hs-fieldtype-checkbox > label,
.bg_primary .keep-default form.hs-form .hs-form-booleancheckbox,
.bg_primary .keep-default form.hs-form .hs-form-booleancheckbox p,
.bg_primary .keep-default form.hs-form .hs-form-booleancheckbox a,
.bg_primary .keep-default form.hs-form .hs-form-booleancheckbox li,
.bg_primary .keep-default form.hs-form .hs-form-booleancheckbox label,
.bg_primary .keep-default form.hs-form .hs-form-booleancheckbox span,
.bg_primary .keep-default form.hs-form .hs-form-booleancheckbox > label {
  color: var(--theme-color-base);
}
.bg_primary .keep-default form.hs-form .hs-fieldtype-radio .hs-form-checkbox-display::before,
.bg_primary .keep-default form.hs-form .hs-fieldtype-radio .hs-form-radio-display::before,
.bg_primary .keep-default form.hs-form .hs-fieldtype-radio .hs-form-booleancheckbox-display::before,
.bg_primary .keep-default form.hs-form .hs-fieldtype-checkbox .hs-form-checkbox-display::before,
.bg_primary .keep-default form.hs-form .hs-fieldtype-checkbox .hs-form-radio-display::before,
.bg_primary .keep-default form.hs-form .hs-fieldtype-checkbox .hs-form-booleancheckbox-display::before,
.bg_primary .keep-default form.hs-form .hs-form-booleancheckbox .hs-form-checkbox-display::before,
.bg_primary .keep-default form.hs-form .hs-form-booleancheckbox .hs-form-radio-display::before,
.bg_primary .keep-default form.hs-form .hs-form-booleancheckbox .hs-form-booleancheckbox-display::before {
  border-color: var(--theme-color-base);
}

.bg_base {
  background: var(--theme-color-base);
}
.bg_base h1:not(.keep-default),
.bg_base h2:not(.keep-default),
.bg_base h3:not(.keep-default),
.bg_base h4:not(.keep-default),
.bg_base h5:not(.keep-default),
.bg_base h6:not(.keep-default),
.bg_base blockquote:not(.keep-default),
.bg_base p:not(.keep-default),
.bg_base a:not(.button):not(.cta_button):not(.keep-default),
.bg_base li:not(.keep-default) {
  color: var(--color-base-white);
}
.bg_base .rich-text-container.keep-default h1,
.bg_base .rich-text-container.keep-default h2,
.bg_base .rich-text-container.keep-default h3,
.bg_base .rich-text-container.keep-default h4,
.bg_base .rich-text-container.keep-default h5,
.bg_base .rich-text-container.keep-default h6,
.bg_base .rich-text-container.keep-default blockquote,
.bg_base .rich-text-container.keep-default p,
.bg_base .rich-text-container.keep-default a:not(.button):not(.cta_button),
.bg_base .rich-text-container.keep-default li {
  color: var(--theme-color-base);
}
.bg_base .submitted-message {
  color: var(--color-base-white);
}
.bg_base form.hs-form .hs_error_rollup label,
.bg_base form.hs-form .hs-form-field .hs-error-msgs label,
.bg_base form.hs-form .hs-form-field > label {
  color: var(--color-base-white);
}
.bg_base form.hs-form .legal-consent-container, .bg_base form.hs-form .legal-consent-container p, .bg_base form.hs-form .legal-consent-container a:not(.button):not(.cta_button):not(.keep-default), .bg_base form.hs-form .legal-consent-container li, .bg_base form.hs-form .legal-consent-container label, .bg_base form.hs-form .legal-consent-container span, .bg_base form.hs-form .legal-consent-container label span {
  color: var(--color-grey-medium);
}
.bg_base form.hs-form .legal-consent-container a:not(.button):not(.cta_button):not(.keep-default):hover {
  color: var(--color-base-white);
}
.bg_base form.hs-form .hs-fieldtype-radio, .bg_base form.hs-form .hs-fieldtype-radio p, .bg_base form.hs-form .hs-fieldtype-radio a, .bg_base form.hs-form .hs-fieldtype-radio li, .bg_base form.hs-form .hs-fieldtype-radio label, .bg_base form.hs-form .hs-fieldtype-radio span, .bg_base form.hs-form .hs-fieldtype-radio > label,
.bg_base form.hs-form .hs-fieldtype-checkbox,
.bg_base form.hs-form .hs-fieldtype-checkbox p,
.bg_base form.hs-form .hs-fieldtype-checkbox a,
.bg_base form.hs-form .hs-fieldtype-checkbox li,
.bg_base form.hs-form .hs-fieldtype-checkbox label,
.bg_base form.hs-form .hs-fieldtype-checkbox span,
.bg_base form.hs-form .hs-fieldtype-checkbox > label,
.bg_base form.hs-form .hs-form-booleancheckbox,
.bg_base form.hs-form .hs-form-booleancheckbox p,
.bg_base form.hs-form .hs-form-booleancheckbox a,
.bg_base form.hs-form .hs-form-booleancheckbox li,
.bg_base form.hs-form .hs-form-booleancheckbox label,
.bg_base form.hs-form .hs-form-booleancheckbox span,
.bg_base form.hs-form .hs-form-booleancheckbox > label {
  color: var(--color-base-white);
}
.bg_base form.hs-form .hs-fieldtype-radio .hs-form-checkbox-display::before,
.bg_base form.hs-form .hs-fieldtype-radio .hs-form-radio-display::before,
.bg_base form.hs-form .hs-fieldtype-radio .hs-form-booleancheckbox-display::before,
.bg_base form.hs-form .hs-fieldtype-checkbox .hs-form-checkbox-display::before,
.bg_base form.hs-form .hs-fieldtype-checkbox .hs-form-radio-display::before,
.bg_base form.hs-form .hs-fieldtype-checkbox .hs-form-booleancheckbox-display::before,
.bg_base form.hs-form .hs-form-booleancheckbox .hs-form-checkbox-display::before,
.bg_base form.hs-form .hs-form-booleancheckbox .hs-form-radio-display::before,
.bg_base form.hs-form .hs-form-booleancheckbox .hs-form-booleancheckbox-display::before {
  border-color: var(--color-base-white);
}
.bg_base .keep-default .submitted-message {
  color: var(--theme-color-base);
}
.bg_base .keep-default form.hs-form .hs_error_rollup label,
.bg_base .keep-default form.hs-form .hs-form-field .hs-error-msgs label {
  color: var(--theme-color-base);
}
.bg_base .keep-default form.hs-form .legal-consent-container, .bg_base .keep-default form.hs-form .legal-consent-container p, .bg_base .keep-default form.hs-form .legal-consent-container a, .bg_base .keep-default form.hs-form .legal-consent-container li, .bg_base .keep-default form.hs-form .legal-consent-container label, .bg_base .keep-default form.hs-form .legal-consent-container span {
  color: var(--theme-color-base);
}
.bg_base .keep-default form.hs-form .hs-fieldtype-radio, .bg_base .keep-default form.hs-form .hs-fieldtype-radio p, .bg_base .keep-default form.hs-form .hs-fieldtype-radio a, .bg_base .keep-default form.hs-form .hs-fieldtype-radio li, .bg_base .keep-default form.hs-form .hs-fieldtype-radio label, .bg_base .keep-default form.hs-form .hs-fieldtype-radio span, .bg_base .keep-default form.hs-form .hs-fieldtype-radio > label,
.bg_base .keep-default form.hs-form .hs-fieldtype-checkbox,
.bg_base .keep-default form.hs-form .hs-fieldtype-checkbox p,
.bg_base .keep-default form.hs-form .hs-fieldtype-checkbox a,
.bg_base .keep-default form.hs-form .hs-fieldtype-checkbox li,
.bg_base .keep-default form.hs-form .hs-fieldtype-checkbox label,
.bg_base .keep-default form.hs-form .hs-fieldtype-checkbox span,
.bg_base .keep-default form.hs-form .hs-fieldtype-checkbox > label,
.bg_base .keep-default form.hs-form .hs-form-booleancheckbox,
.bg_base .keep-default form.hs-form .hs-form-booleancheckbox p,
.bg_base .keep-default form.hs-form .hs-form-booleancheckbox a,
.bg_base .keep-default form.hs-form .hs-form-booleancheckbox li,
.bg_base .keep-default form.hs-form .hs-form-booleancheckbox label,
.bg_base .keep-default form.hs-form .hs-form-booleancheckbox span,
.bg_base .keep-default form.hs-form .hs-form-booleancheckbox > label {
  color: var(--theme-color-base);
}
.bg_base .keep-default form.hs-form .hs-fieldtype-radio .hs-form-checkbox-display::before,
.bg_base .keep-default form.hs-form .hs-fieldtype-radio .hs-form-radio-display::before,
.bg_base .keep-default form.hs-form .hs-fieldtype-radio .hs-form-booleancheckbox-display::before,
.bg_base .keep-default form.hs-form .hs-fieldtype-checkbox .hs-form-checkbox-display::before,
.bg_base .keep-default form.hs-form .hs-fieldtype-checkbox .hs-form-radio-display::before,
.bg_base .keep-default form.hs-form .hs-fieldtype-checkbox .hs-form-booleancheckbox-display::before,
.bg_base .keep-default form.hs-form .hs-form-booleancheckbox .hs-form-checkbox-display::before,
.bg_base .keep-default form.hs-form .hs-form-booleancheckbox .hs-form-radio-display::before,
.bg_base .keep-default form.hs-form .hs-form-booleancheckbox .hs-form-booleancheckbox-display::before {
  border-color: var(--theme-color-base);
}

.bg_white {
  background: var(--color-base-white);
}

.bg_extragrijs {
  background: var(--color-grey-light);
}

.link_arrow {
  align-items: center;
  color: var(--theme-link-arrow-color);
  display: inline-flex;
  font-family: var(--theme-link-arrow-font-family);
  font-size: var(--theme-link-arrow-font-size);
  font-weight: var(--theme-link-arrow-font-weight);
  line-height: var(--theme-link-arrow-line-height);
  text-decoration: none;
  transition: all 0.1s linear 0s;
  pointer-events: var(--theme-link-arrow-pointer-event-text);
}
.link_arrow.right::after {
  background: url("https://24982907.fs1.hubspotusercontent-eu1.net/hubfs/24982907/stratech-theme-assets/icons/arrow-right.svg") center/cover no-repeat;
  content: "";
  display: block;
  flex: 0 0 20px;
  height: 20px;
  margin-left: 0.4rem;
  width: 20px;
}
.link_arrow.right.white {
  color: var(--color-base-white);
}
.link_arrow.right.white::after {
  background: url("https://24982907.fs1.hubspotusercontent-eu1.net/hubfs/24982907/stratech-theme-assets/icons/arrow-right-white.svg") center/cover no-repeat;
  content: "";
  display: block;
  flex: 0 0 20px;
  height: 20px;
  margin-left: 0.4rem;
  width: 20px;
}

/*****************************************************************************
 * Responsive breakpoints are used bottom-up; extra small means a screen size
 * between 576px and 787px (just before the small breakpoint);
 *
 * @media only screen and (min-width: xxx) { }
 ***************************************************************************** */
/*****************************************************************************
 * Responsive breakpoints are used bottom-up; extra small means a screen size
 * between 576px and 787px (just before the small breakpoint);
 *
 * @media only screen and (min-width: xxx) { }
 ***************************************************************************** */
/*****************************************************************************
 * The size-related variables (small/medium etc.) are directly related to the
 * responsive breakpoints.
 ***************************************************************************** */
/* Container
  --------------------------------------------------------------------------- */
/*
 * Maximum container width. The container padding will added to this with so
 * the actual content will have this (maximum) size.
 */
/* Gutters
  --------------------------------------------------------------------------- */
/*****************************************************************************
 * Generic module settings
 ***************************************************************************** */
/*****************************************************************************
* Module options
***************************************************************************** */
.module_top-padding-xxs {
  padding-top: calc(var(--theme-module-spacing-default) * var(--theme-module-spacing-scale-xxs));
}
.module_top-padding-xs {
  padding-top: calc(var(--theme-module-spacing-default) * var(--theme-module-spacing-scale-xs));
}
.module_top-padding-s {
  padding-top: calc(var(--theme-module-spacing-default) * var(--theme-module-spacing-scale-s));
}
.module_top-padding-m {
  padding-top: calc(var(--theme-module-spacing-default) * var(--theme-module-spacing-scale-m));
}
.module_top-padding-l {
  padding-top: calc(var(--theme-module-spacing-default) * var(--theme-module-spacing-scale-l));
}
.module_top-padding-xl {
  padding-top: calc(var(--theme-module-spacing-default) * var(--theme-module-spacing-scale-xl));
}
.module_top-padding-xxl {
  padding-top: calc(var(--theme-module-spacing-default) * var(--theme-module-spacing-scale-xxl));
}
.module_top-padding-0 {
  padding-top: 0;
}

.module_bottom-padding-xxs {
  padding-bottom: calc(var(--theme-module-spacing-default) * var(--theme-module-spacing-scale-xxs));
}
.module_bottom-padding-xs {
  padding-bottom: calc(var(--theme-module-spacing-default) * var(--theme-module-spacing-scale-xs));
}
.module_bottom-padding-s {
  padding-bottom: calc(var(--theme-module-spacing-default) * var(--theme-module-spacing-scale-s));
}
.module_bottom-padding-m {
  padding-bottom: calc(var(--theme-module-spacing-default) * var(--theme-module-spacing-scale-m));
}
.module_bottom-padding-l {
  padding-bottom: calc(var(--theme-module-spacing-default) * var(--theme-module-spacing-scale-l));
}
.module_bottom-padding-xl {
  padding-bottom: calc(var(--theme-module-spacing-default) * var(--theme-module-spacing-scale-xl));
}
.module_bottom-padding-xxl {
  padding-bottom: calc(var(--theme-module-spacing-default) * var(--theme-module-spacing-scale-xxl));
}
.module_bottom-padding-0 {
  padding-bottom: 0;
}

@media only screen and (min-width: 576px) {
  .module_top-padding-xxs {
    padding-top: calc(var(--theme-module-spacing-extra-small) * var(--theme-module-spacing-scale-xxs));
  }
  .module_top-padding-xs {
    padding-top: calc(var(--theme-module-spacing-extra-small) * var(--theme-module-spacing-scale-xs));
  }
  .module_top-padding-s {
    padding-top: calc(var(--theme-module-spacing-extra-small) * var(--theme-module-spacing-scale-s));
  }
  .module_top-padding-m {
    padding-top: calc(var(--theme-module-spacing-extra-small) * var(--theme-module-spacing-scale-m));
  }
  .module_top-padding-l {
    padding-top: calc(var(--theme-module-spacing-extra-small) * var(--theme-module-spacing-scale-l));
  }
  .module_top-padding-xl {
    padding-top: calc(var(--theme-module-spacing-extra-small) * var(--theme-module-spacing-scale-xl));
  }
  .module_top-padding-xxl {
    padding-top: calc(var(--theme-module-spacing-extra-small) * var(--theme-module-spacing-scale-xxl));
  }
  .module_top-padding-0 {
    padding-top: 0;
  }

  .module_bottom-padding-xxs {
    padding-bottom: calc(var(--theme-module-spacing-extra-small) * var(--theme-module-spacing-scale-xxs));
  }
  .module_bottom-padding-xs {
    padding-bottom: calc(var(--theme-module-spacing-extra-small) * var(--theme-module-spacing-scale-xs));
  }
  .module_bottom-padding-s {
    padding-bottom: calc(var(--theme-module-spacing-extra-small) * var(--theme-module-spacing-scale-s));
  }
  .module_bottom-padding-m {
    padding-bottom: calc(var(--theme-module-spacing-extra-small) * var(--theme-module-spacing-scale-m));
  }
  .module_bottom-padding-l {
    padding-bottom: calc(var(--theme-module-spacing-extra-small) * var(--theme-module-spacing-scale-l));
  }
  .module_bottom-padding-xl {
    padding-bottom: calc(var(--theme-module-spacing-extra-small) * var(--theme-module-spacing-scale-xl));
  }
  .module_bottom-padding-xxl {
    padding-bottom: calc(var(--theme-module-spacing-extra-small) * var(--theme-module-spacing-scale-xxl));
  }
  .module_bottom-padding-0 {
    padding-bottom: 0;
  }
}
@media only screen and (min-width: 768px) {
  .module_top-padding-xxs {
    padding-top: calc(var(--theme-module-spacing-small) * var(--theme-module-spacing-scale-xxs));
  }
  .module_top-padding-xs {
    padding-top: calc(var(--theme-module-spacing-small) * var(--theme-module-spacing-scale-xs));
  }
  .module_top-padding-s {
    padding-top: calc(var(--theme-module-spacing-small) * var(--theme-module-spacing-scale-s));
  }
  .module_top-padding-m {
    padding-top: calc(var(--theme-module-spacing-small) * var(--theme-module-spacing-scale-m));
  }
  .module_top-padding-l {
    padding-top: calc(var(--theme-module-spacing-small) * var(--theme-module-spacing-scale-l));
  }
  .module_top-padding-xl {
    padding-top: calc(var(--theme-module-spacing-small) * var(--theme-module-spacing-scale-xl));
  }
  .module_top-padding-xxl {
    padding-top: calc(var(--theme-module-spacing-small) * var(--theme-module-spacing-scale-xxl));
  }
  .module_top-padding-0 {
    padding-top: 0;
  }

  .module_bottom-padding-xxs {
    padding-bottom: calc(var(--theme-module-spacing-small) * var(--theme-module-spacing-scale-xxs));
  }
  .module_bottom-padding-xs {
    padding-bottom: calc(var(--theme-module-spacing-small) * var(--theme-module-spacing-scale-xs));
  }
  .module_bottom-padding-s {
    padding-bottom: calc(var(--theme-module-spacing-small) * var(--theme-module-spacing-scale-s));
  }
  .module_bottom-padding-m {
    padding-bottom: calc(var(--theme-module-spacing-small) * var(--theme-module-spacing-scale-m));
  }
  .module_bottom-padding-l {
    padding-bottom: calc(var(--theme-module-spacing-small) * var(--theme-module-spacing-scale-l));
  }
  .module_bottom-padding-xl {
    padding-bottom: calc(var(--theme-module-spacing-small) * var(--theme-module-spacing-scale-xl));
  }
  .module_bottom-padding-xxl {
    padding-bottom: calc(var(--theme-module-spacing-small) * var(--theme-module-spacing-scale-xxl));
  }
  .module_bottom-padding-0 {
    padding-bottom: 0;
  }
}
@media only screen and (min-width: 992px) {
  .module_top-padding-xxs {
    padding-top: calc(var(--theme-module-spacing-medium) * var(--theme-module-spacing-scale-xxs));
  }
  .module_top-padding-xs {
    padding-top: calc(var(--theme-module-spacing-medium) * var(--theme-module-spacing-scale-xs));
  }
  .module_top-padding-s {
    padding-top: calc(var(--theme-module-spacing-medium) * var(--theme-module-spacing-scale-s));
  }
  .module_top-padding-m {
    padding-top: calc(var(--theme-module-spacing-medium) * var(--theme-module-spacing-scale-m));
  }
  .module_top-padding-l {
    padding-top: calc(var(--theme-module-spacing-medium) * var(--theme-module-spacing-scale-l));
  }
  .module_top-padding-xl {
    padding-top: calc(var(--theme-module-spacing-medium) * var(--theme-module-spacing-scale-xl));
  }
  .module_top-padding-xxl {
    padding-top: calc(var(--theme-module-spacing-medium) * var(--theme-module-spacing-scale-xxl));
  }
  .module_top-padding-0 {
    padding-top: 0;
  }

  .module_bottom-padding-xxs {
    padding-bottom: calc(var(--theme-module-spacing-medium) * var(--theme-module-spacing-scale-xxs));
  }
  .module_bottom-padding-xs {
    padding-bottom: calc(var(--theme-module-spacing-medium) * var(--theme-module-spacing-scale-xs));
  }
  .module_bottom-padding-s {
    padding-bottom: calc(var(--theme-module-spacing-medium) * var(--theme-module-spacing-scale-s));
  }
  .module_bottom-padding-m {
    padding-bottom: calc(var(--theme-module-spacing-medium) * var(--theme-module-spacing-scale-m));
  }
  .module_bottom-padding-l {
    padding-bottom: calc(var(--theme-module-spacing-medium) * var(--theme-module-spacing-scale-l));
  }
  .module_bottom-padding-xl {
    padding-bottom: calc(var(--theme-module-spacing-medium) * var(--theme-module-spacing-scale-xl));
  }
  .module_bottom-padding-xxl {
    padding-bottom: calc(var(--theme-module-spacing-medium) * var(--theme-module-spacing-scale-xxl));
  }
  .module_bottom-padding-0 {
    padding-bottom: 0;
  }
}
@media only screen and (min-width: 1175px) {
  .module_top-padding-xxs {
    padding-top: calc(var(--theme-module-spacing-large) * var(--theme-module-spacing-scale-xxs));
  }
  .module_top-padding-xs {
    padding-top: calc(var(--theme-module-spacing-large) * var(--theme-module-spacing-scale-xs));
  }
  .module_top-padding-s {
    padding-top: calc(var(--theme-module-spacing-large) * var(--theme-module-spacing-scale-s));
  }
  .module_top-padding-m {
    padding-top: calc(var(--theme-module-spacing-large) * var(--theme-module-spacing-scale-m));
  }
  .module_top-padding-l {
    padding-top: calc(var(--theme-module-spacing-large) * var(--theme-module-spacing-scale-l));
  }
  .module_top-padding-xl {
    padding-top: calc(var(--theme-module-spacing-large) * var(--theme-module-spacing-scale-xl));
  }
  .module_top-padding-xxl {
    padding-top: calc(var(--theme-module-spacing-large) * var(--theme-module-spacing-scale-xxl));
  }
  .module_top-padding-0 {
    padding-top: 0;
  }

  .module_bottom-padding-xxs {
    padding-bottom: calc(var(--theme-module-spacing-large) * var(--theme-module-spacing-scale-xxs));
  }
  .module_bottom-padding-xs {
    padding-bottom: calc(var(--theme-module-spacing-large) * var(--theme-module-spacing-scale-xs));
  }
  .module_bottom-padding-s {
    padding-bottom: calc(var(--theme-module-spacing-large) * var(--theme-module-spacing-scale-s));
  }
  .module_bottom-padding-m {
    padding-bottom: calc(var(--theme-module-spacing-large) * var(--theme-module-spacing-scale-m));
  }
  .module_bottom-padding-l {
    padding-bottom: calc(var(--theme-module-spacing-large) * var(--theme-module-spacing-scale-l));
  }
  .module_bottom-padding-xl {
    padding-bottom: calc(var(--theme-module-spacing-large) * var(--theme-module-spacing-scale-xl));
  }
  .module_bottom-padding-xxl {
    padding-bottom: calc(var(--theme-module-spacing-large) * var(--theme-module-spacing-scale-xxl));
  }
  .module_bottom-padding-0 {
    padding-bottom: 0;
  }
}
@media only screen and (min-width: 1440px) {
  .module_top-padding-xxs {
    padding-top: calc(var(--theme-module-spacing-extra-large) * var(--theme-module-spacing-scale-xxs));
  }
  .module_top-padding-xs {
    padding-top: calc(var(--theme-module-spacing-extra-large) * var(--theme-module-spacing-scale-xs));
  }
  .module_top-padding-s {
    padding-top: calc(var(--theme-module-spacing-extra-large) * var(--theme-module-spacing-scale-s));
  }
  .module_top-padding-m {
    padding-top: calc(var(--theme-module-spacing-extra-large) * var(--theme-module-spacing-scale-m));
  }
  .module_top-padding-l {
    padding-top: calc(var(--theme-module-spacing-extra-large) * var(--theme-module-spacing-scale-l));
  }
  .module_top-padding-xl {
    padding-top: calc(var(--theme-module-spacing-extra-large) * var(--theme-module-spacing-scale-xl));
  }
  .module_top-padding-xxl {
    padding-top: calc(var(--theme-module-spacing-extra-large) * var(--theme-module-spacing-scale-xxl));
  }
  .module_top-padding-0 {
    padding-top: 0;
  }

  .module_bottom-padding-xxs {
    padding-bottom: calc(var(--theme-module-spacing-extra-large) * var(--theme-module-spacing-scale-xxs));
  }
  .module_bottom-padding-xs {
    padding-bottom: calc(var(--theme-module-spacing-extra-large) * var(--theme-module-spacing-scale-xs));
  }
  .module_bottom-padding-s {
    padding-bottom: calc(var(--theme-module-spacing-extra-large) * var(--theme-module-spacing-scale-s));
  }
  .module_bottom-padding-m {
    padding-bottom: calc(var(--theme-module-spacing-extra-large) * var(--theme-module-spacing-scale-m));
  }
  .module_bottom-padding-l {
    padding-bottom: calc(var(--theme-module-spacing-extra-large) * var(--theme-module-spacing-scale-l));
  }
  .module_bottom-padding-xl {
    padding-bottom: calc(var(--theme-module-spacing-extra-large) * var(--theme-module-spacing-scale-xl));
  }
  .module_bottom-padding-xxl {
    padding-bottom: calc(var(--theme-module-spacing-extra-large) * var(--theme-module-spacing-scale-xxl));
  }
  .module_bottom-padding-0 {
    padding-bottom: 0;
  }
}
/*****************************************************************************
 * Responsive breakpoints are used bottom-up; extra small means a screen size
 * between 576px and 787px (just before the small breakpoint);
 *
 * @media only screen and (min-width: xxx) { }
 ***************************************************************************** */
/*****************************************************************************
 * Responsive breakpoints are used bottom-up; extra small means a screen size
 * between 576px and 787px (just before the small breakpoint);
 *
 * @media only screen and (min-width: xxx) { }
 ***************************************************************************** */
/*****************************************************************************
 * The size-related variables (small/medium etc.) are directly related to the
 * responsive breakpoints.
 ***************************************************************************** */
/* Container
  --------------------------------------------------------------------------- */
/*
 * Maximum container width. The container padding will added to this with so
 * the actual content will have this (maximum) size.
 */
/* Gutters
  --------------------------------------------------------------------------- */
/*****************************************************************************
 * Generic module settings
 ***************************************************************************** */
/*****************************************************************************
 * Text utilities
 *
 * @TODO: Add responsive utility selectors
 ***************************************************************************** */
/* -- Color -- */
body .text_color-black {
  color: var(--color-base-black);
}

body .text_color-primary {
  color: var(--theme-color-primary);
}

body .text_color-secondary {
  color: var(--theme-color-secondary);
}

body .text_color-action {
  color: var(--theme-color-action);
}

body .text_color-grey {
  color: var(--color-grey-medium);
}

body .text_color-light-grey {
  color: var(--color-grey-light);
}

body .text_color-white {
  color: var(--color-base-white);
}

/* -- Alignment -- */
.text_left {
  text-align: left;
}

.text_right {
  text-align: right;
}

.text_center {
  text-align: center;
}

/* -- Weight -- */
.text_weight-light {
  font-weight: var(--theme-font-weight-light);
}
.text_weight-medium {
  font-weight: var(--theme-font-weight-medium);
}
.text_weight-semibold {
  font-weight: var(--theme-font-weight-semibold);
}
.text_weight-strong {
  font-weight: var(--theme-font-weight-strong);
}

/* -- Sizes -- */
.text_size-sm {
  line-height: var(--theme-typography-text-sm-line-height);
  font-size: var(--theme-typography-text-sm-font-size);
}
.text_size-md {
  line-height: var(--theme-typography-text-md-line-height);
  font-size: var(--theme-typography-text-md-font-size);
}
.text_size-xl {
  line-height: var(--theme-typography-text-xl-line-height);
  font-size: var(--theme-typography-text-xl-font-size);
}

/* -- Rich text -- */
.rich-text-container {
  font-family: "Archivo";
}
.rich-text-container img {
  height: auto;
  max-width: 100%;
  width: 100% !important;
  border-radius: 40px;
}
.rich-text-container--color-black p,
.rich-text-container--color-black li,
.rich-text-container--color-black a {
  color: var(--color-base-black);
}
.rich-text-container--color-primary p,
.rich-text-container--color-primary li,
.rich-text-container--color-primary a {
  color: var(--theme-color-primary);
}
.rich-text-container--color-secondary p,
.rich-text-container--color-secondary li,
.rich-text-container--color-secondary a {
  color: var(--theme-color-secondary);
}
.rich-text-container--color-action p,
.rich-text-container--color-action li,
.rich-text-container--color-action a {
  color: var(--theme-color-action);
}
.rich-text-container--color-grey p,
.rich-text-container--color-grey li,
.rich-text-container--color-grey a {
  color: var(--color-grey-medium);
}
.rich-text-container--color-light-grey p,
.rich-text-container--color-light-grey li,
.rich-text-container--color-light-grey a {
  color: var(--color-grey-light);
}
.rich-text-container--color-white p,
.rich-text-container--color-white li,
.rich-text-container--color-white a {
  color: var(--color-base-white);
}
.rich-text-container p {
  font-family: "Arial";
}
.rich-text-container p, .rich-text-container li, .rich-text-container a {
  line-height: var(--theme-typography-text-md-line-height);
  font-size: var(--theme-typography-text-md-font-size);
}
.rich-text-container p + ul, .rich-text-container p + ol {
  margin-top: var(--theme-typography-base-margin-bottom);
}
.rich-text-container li {
  margin-bottom: 0.25rem;
}
.rich-text-container li ul, .rich-text-container li ol {
  margin-bottom: 0;
}
.rich-text-container li::marker {
  color: var(--theme-color-secondary);
}
.rich-text-container h5 {
  font-weight: var(--theme-font-weight-base);
}
.rich-text-container--light p, .rich-text-container--light li, .rich-text-container--light a {
  font-weight: var(--theme-font-weight-light);
}
.rich-text-container--medium p, .rich-text-container--medium li, .rich-text-container--medium a {
  font-weight: var(--theme-font-weight-medium);
}
.rich-text-container--semibold p, .rich-text-container--semibold li, .rich-text-container--semibold a {
  font-weight: var(--theme-font-weight-semibold);
}
.rich-text-container--strong p, .rich-text-container--strong li, .rich-text-container--strong a {
  font-weight: var(--theme-font-weight-strong);
}
.rich-text-container--sm p, .rich-text-container--sm li, .rich-text-container--sm a {
  line-height: var(--theme-typography-text-sm-line-height);
  font-size: var(--theme-typography-text-sm-font-size);
}
.rich-text-container--md p, .rich-text-container--md li, .rich-text-container--md a {
  line-height: var(--theme-typography-text-md-line-height);
  font-size: var(--theme-typography-text-md-font-size);
}
.rich-text-container--xl p, .rich-text-container--xl li, .rich-text-container--xl a {
  line-height: var(--theme-typography-text-xl-line-height);
  font-size: var(--theme-typography-text-xl-font-size);
}
.rich-text-container--xl p, .rich-text-container--xl h1, .rich-text-container--xl h2, .rich-text-container--xl h3, .rich-text-container--xl h4, .rich-text-container--xl h6 {
  margin-bottom: 2rem;
}
.rich-text-container blockquote {
  border-top: 1px solid #E8ECEF;
  border-bottom: 1px solid #E8ECEF;
  margin: 1.8rem 0 !important;
  padding: 2rem 0 2rem 5rem;
  position: relative;
}
.rich-text-container blockquote::before {
  background: url("https://24982907.fs1.hubspotusercontent-eu1.net/hubfs/24982907/stratech-theme-assets/icons/quote.svg") center/cover no-repeat, var(--theme-color-secondary);
  display: block;
  height: 70px;
  left: 0;
  position: absolute;
  top: 0;
  width: 70px;
}
.rich-text-container blockquote a {
  font-size: var(--theme-typography-heading-3-font-size);
  font-family: var(--theme-typography-heading-font-family);
  font-weight: var(--theme-typography-heading-3-font-weight);
}
.rich-text-container blockquote p {
  display: inline-block;
  font-weight: var(--theme-font-weight-base);
  margin-bottom: 0;
}
.rich-text-container blockquote span {
  display: inline-block;
  color: #8B9196 !important;
  font-size: 0.8rem !important;
  line-height: 1.4;
}

/* Medium screens
  ---------------------------------------------------------------------------- */
@media only screen and (min-width: 992px) {
  /* -- Sizes -- */
  .text_size-sm {
    line-height: var(--theme-typography-text-sm-line-height-desktop);
    font-size: var(--theme-typography-text-sm-font-size-desktop);
  }
  .text_size-md {
    line-height: var(--theme-typography-text-md-line-height-desktop);
    font-size: var(--theme-typography-text-md-font-size-desktop);
  }
  .text_size-xl {
    line-height: var(--theme-typography-text-xl-line-height-desktop);
    font-size: var(--theme-typography-text-xl-font-size-desktop);
  }

  .rich-text-container--sm p, .rich-text-container--sm li, .rich-text-container--sm a {
    line-height: var(--theme-typography-text-sm-line-height-desktop);
    font-size: var(--theme-typography-text-sm-font-size-desktop);
  }
  .rich-text-container--md p, .rich-text-container--md li, .rich-text-container--md a {
    line-height: var(--theme-typography-text-md-line-height-desktop);
    font-size: var(--theme-typography-text-md-font-size-desktop);
  }
  .rich-text-container--xl p, .rich-text-container--xl li, .rich-text-container--xl a {
    line-height: var(--theme-typography-text-xl-line-height-desktop);
    font-size: var(--theme-typography-text-xl-font-size-desktop);
  }
  .rich-text-container blockquote {
    margin: 3.8rem 0 !important;
    padding-left: 7rem;
  }
  .rich-text-container blockquote a {
    font-size: var(--theme-typography-heading-3-font-size-desktop);
  }
  .rich-text-container blockquote::before {
    height: 70px;
    width: 70px;
  }
}
/*****************************************************************************
 * Responsive breakpoints are used bottom-up; extra small means a screen size
 * between 576px and 787px (just before the small breakpoint);
 *
 * @media only screen and (min-width: xxx) { }
 ***************************************************************************** */
/*****************************************************************************
 * Responsive breakpoints are used bottom-up; extra small means a screen size
 * between 576px and 787px (just before the small breakpoint);
 *
 * @media only screen and (min-width: xxx) { }
 ***************************************************************************** */
/*****************************************************************************
 * The size-related variables (small/medium etc.) are directly related to the
 * responsive breakpoints.
 ***************************************************************************** */
/* Container
  --------------------------------------------------------------------------- */
/*
 * Maximum container width. The container padding will added to this with so
 * the actual content will have this (maximum) size.
 */
/* Gutters
  --------------------------------------------------------------------------- */
/*****************************************************************************
 * Generic module settings
 ***************************************************************************** */
.newsletter {
  --theme-form-checkbox-label-color: #8B9196 !important;
  --theme-color-primary: #fff !important;
}
.newsletter form {
  display: flex;
  flex-direction: column;
}
.newsletter form .hubspot-link__container {
  display: none !important;
}
.newsletter form .legal-consent-container .hs-form-booleancheckbox-display > span {
  color: #8B9196;
}
.newsletter form .legal-consent-container {
  order: 3;
  margin-bottom: 0;
}
.newsletter form .legal-consent-container p, .newsletter form a {
  color: #8B9196;
}
.newsletter form .hs_email label {
  display: none !important;
}
.newsletter form .hs_email input,
.newsletter form .hs_submit input {
  border-radius: 5rem !important;
  height: 64px;
}
.newsletter form .hs_submit input {
  color: #1C1F21 !important;
  width: 100%;
}
.newsletter form .actions::before, .newsletter form .actions::after {
  display: none;
}
.newsletter form .inputs-list.multi-container {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 1.5rem;
}
.newsletter form .inputs-list.multi-container li {
  margin-right: 1.65rem;
}
.newsletter form .inputs-list.multi-container li:last-of-type {
  margin-right: 0;
}
.newsletter form .inputs-list.multi-container li span {
  font-size: 0.8rem;
}

@media only screen and (min-width: 992px) {
  .newsletter form {
    align-items: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 0;
    position: relative;
    width: 100%;
  }
  .newsletter form .legal-consent-container {
    flex: 0 0 100%;
    order: 2;
  }
  .newsletter form .hs_email {
    flex: 0 0 90%;
    margin-bottom: 0;
    margin-right: 0.8rem;
  }
  .newsletter form .hs_submit {
    flex: 1;
    position: absolute;
    left: auto;
    right: 0;
  }
}