@import url("https://use.typekit.net/ygp8qkx.css");


@layer base, utilities, components;
@layer base {
    *, *:before, *:after {
  box-sizing: border-box;
}
	/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

.body-container-wrapper{
	overflow-x: hidden;	
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * Add the correct box sizing in Firefox.
 */

hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Remove the inheritance of text transform in Edge and Firefox.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers.
 */

legend {
  padding: 0;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

    







/* Text decoration Macro */


/* Font style Macro */


/* Font weight Macro */




:root {
	/* 1a. Containers */
	--container_width: 1170px;
	--dnd_section_padding: 120px 2rem;
	--dnd_section_padding_mobile: 60px 2rem;

	/* 1b. Colors */

	--primary_color: #71B62E;
	--secondary_color: #22B4B4; /* background 1st cta */
	--tertiary_color: #005E7D; 

	--bg_1: #F2FBFB;
	--bg_2: #71B62E;


	--white_color: #FFFFFF;
	--black_color: #000000;
	--grey_color: #474740;
  --grey_light_color: #F2FBFB;
  --black_light_color: #0E2629;
  --blue_color: #005E7D;
  --light_bg: #F2FBFB;


	/* 1d. Typography */

	--primary_font: "futura-pt", sans-serif;
	--secondary_font: "rockwell", sans-serif;

	--h1_color: #0E2629;
	--h1_font_style: ;
	--h1_font_weight:  600;
	--h1_font_family: "futura-pt", sans-serif;
	--h1_text_decoration:  none;
	--h1_font_size: 56px;
	--h1_text_transform: uppercase;

	--h2_color: #0E2629;  
	--h2_font_style:  normal;
	--h2_font_weight:  600;
	--h2_font_family: "futura-pt", sans-serif;
	--h2_font_size: 40px;
	--h2_text_decoration:  none;
	--h2_text_transform: none;

	--h3_color: #0E2629;
	--h3_font_style:  normal;
	--h3_font_weight:  600;
	--h3_font_family: "futura-pt", sans-serif;
	--h3_font_size: 32px;
	--h3_text_decoration:  none;
	--h3_text_transform: none;

	--h4_color: #0E2629;
	--h4_font_style:  normal;
	--h4_font_weight:  600;
	--h4_font_family: "futura-pt", sans-serif;
	--h4_font_size: 24px;
	--h4_text_decoration:  none;
	--h4_text_transform: none;

	--h5_color: #0E2629;
	--h5_font_style: ;
	--h5_font_weight: ;
	--h5_font_family: "futura-pt", sans-serif;
	--h5_font_size: 20px;
	--h5_text_decoration:  none;
	--h5_text_transform: none;

	--h6_color: #0E2629;
	--h6_font_style: ;
	--h6_font_weight: ;
	--h6_font_family: "futura-pt", sans-serif;
	--h6_font_size: 16px;
	--h6_text_decoration:  none; 
	--h6_text_transform: none;

	--body_font_color: #555F62;
	--titles_color: #0E2629;
	--body_font_family: "futura-pt", sans-serif;
	--body_font_size: 16px;


	/* 1e. Buttons */

	--button_text_decoration:  none;
	--button_font_family: ;
	--button_font_size: 16px;
	--button_color: #0E2629;
	--button_text_transform: none;

	--button_bg_color: #22B4B4;
	--button_bg_color_hover: #07A3A3;
	--button_bg_color_active: #07A3A3;

	--button_corner_radius: 4px;
	--button_spacing: 16px 20px 16px 20px;

	/* 1f. Forms */

	--form_title_font_color: #0E2629;

	--form_label_font_color: #0E2629;

	--form_help_text_font_color: #000000;

	--form_field_placeholder_color: rgba(85, 95, 98, 0.5) ;
	--form_field_font_color: #555F62;
	--form_field_bg_color: rgba(255, 255, 255, 1.0);
	--form_field_border_top: 0px solid rgba(85, 95, 98, 0.0) ;
	--form_field_border_right: 0px solid rgba(85, 95, 98, 0.0);
	--form_field_border_bottom: 0px solid rgba(85, 95, 98, 0.0);
	--form_field_border_left: 0px solid rgba(85, 95, 98, 0.0);  
	--form_field_corner_radius: 4px;
	--form_field_padding: px;
	--form_border_radius: px;

	/* 1h. Website header */

	--nav_font_color: #FFFFFF;
	--nav_drop_down_font_color: #22B4B4;
	--nav_drop_down_bg_color: #ffffff;

	--header_bg_color: ;

	/* 1i. Website footer */
	--footer_font_color: #FFFFFF;
	--footer_bg_color: #474740;

	/* 1j. Spacer */
	
	--spacer_4: 0.4rem; 
  --spacer_6: 0.6rem; 
	--spacer_8: 0.8rem; 
	--spacer_10: 1rem; 
	--spacer_12: 1.2rem; 
	--spacer_14: 1.4rem; 
	--spacer_16: 1.6rem; 
	--spacer_18: 1.8rem; 
	--spacer_20: 2rem; 
	--spacer_22: 2.2rem; 
	--spacer_24: 2.4rem; 
	--spacer_28: 2.8rem; 
  --spacer_30: 3rem; 
	--spacer_32: 3.2rem; 
	--spacer_40: 4rem; 
	--spacer_48: 4.8rem; 
  --spacer_50: 5rem; 
	--spacer_56: 5.6rem; 
	--spacer_64: 6.4rem; 
	--spacer_72: 7.2rem; 
	--spacer_80: 8rem; 
  --spacer_100: 10rem; 
  --spacer_120: 12rem; 

	/* 1k. Border Radius */
	--border_radius_8: 0.8rem;
	--border_radius_10: 1rem;
	--border_radius_16: 1.6rem;
	--border_radius_round: 50%;

	/* ---- Transition ---- */
	--default_timing_transition: .3s;
	--default_transition_timing_function: ease-in-out;
	--default_transition: var(--default_timing_transition) var(--default_transition_timing_function);
	--slow_transition : .5s var(--default_transition_timing_function);

	/* ---- Font Weight ---- */
	--font_weight_400: 400;
	--font_weight_500: 500;
	--font_weight_600: 600;
	--font_weight_700: 700;

	/* ---- Font Size ---- */
	--font_size_12: 1.2rem;
	--font_size_14: 1.4rem;
	--font_size_18: 1.8rem;
	--font_size_20: 2rem;
	
}
    


/* Responsive grid */
.row-fluid {display:flex;flex-wrap: wrap;}
.row-fluid [class*='span'] {margin-left: 2.5641025641025643%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
.row-fluid [class*='span']:first-child {margin-left: 0;}
.row-fluid .span12 {flex: 0 0 auto;width: 100%}
.row-fluid .span11 {flex: 0 0 auto;width: calc( (5.982905982905983% * 11) + (2.5641025641025643% * 10) );}
.row-fluid .span10 {flex: 0 0 auto;width: calc( (5.982905982905983% * 10) + (2.5641025641025643% * 9) );}
.row-fluid .span9  {flex: 0 0 auto;width: calc( (5.982905982905983% * 9) + (2.5641025641025643% * 8) );}
.row-fluid .span8  {flex: 0 0 auto;width: calc( (5.982905982905983% * 8) + (2.5641025641025643% * 7) );}
.row-fluid .span7  {flex: 0 0 auto;width: calc( (5.982905982905983% * 7) + (2.5641025641025643% * 6) );}
.row-fluid .span6  {flex: 0 0 auto;width: calc( (5.982905982905983% * 6) + (2.5641025641025643% * 5) );}
.row-fluid .span5  {flex: 0 0 auto;width: calc( (5.982905982905983% * 5) + (2.5641025641025643% * 4) );}
.row-fluid .span4  {flex: 0 0 auto;width: calc( (5.982905982905983% * 4) + (2.5641025641025643% * 3) );}
.row-fluid .span3  {flex: 0 0 auto;width: calc( (5.982905982905983% * 3) + (2.5641025641025643% * 2) );}
.row-fluid .span2  {flex: 0 0 auto;width: calc( (5.982905982905983% * 2) + 2.5641025641025643% );}
.row-fluid .span1  {flex: 0 0 auto;width: 5.982905982905983%;}

@media (max-width: 768px) {
  .row-fluid [class*='span'] {margin-left: 0;flex-shrink: 0;width: 100%;max-width: 100%}
}
    .content-wrapper {
	margin: 0 auto;
	padding: 0 2rem;
	max-width: var(--container_width);
}

.dnd-section,
.content-wrapper--vertical-spacing {
	padding: var(--dnd_section_padding);
}

.dnd-section > .row-fluid {
	max-width: var(--container_width);
}

@media screen and (min-width: 1380px) {
	.content-wrapper {
		padding: 0;
	}
}

.dnd-section > .row-fluid {
	margin: 0 auto;
}

.dnd-section[class*="force-full-width-section"]{
	padding-right: 0;
	padding-left: 0;
}
.dnd-section[class*="force-full-width-section"] > .row-fluid {
	padding: 0;
}

@media (max-width: 767px) {
	.dnd-section .dnd-column {
		padding: 0;
	}

	.dnd-section,
	.content-wrapper--vertical-spacing {
		padding: var(--dnd_section_padding_mobile);
	}
}

@media (max-width: 480px){

}
    /* Add transition on opacity to the body the hide the load of the font */
    body {
        opacity: 0;
        transition: opacity var(--slow_transition);
    }
    body.loaded {
        opacity: 1;
    }
}

@layer components {
    body {
	font-family: var(--body_font_family);
	font-style:normal;
	font-weight: normal;
	text-decoration: none;
	font-size: var(--body_font_size);
	color: var(--body_font_color);
	font-size: var(--body_font_size);
	line-height: 1.4;
	word-break: break-word;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-tap-highlight-color: transparent;
}

html[lang^="ja"] body,
html[lang^="zh"] body,
html[lang^="ko"] body {
	line-break: strict;
	word-break: break-all;
}

html {
	font-size: 62.5%;
}



/* Paragraphs */

p {
	font-size: var(--body_font_size);
	color: var(--body_font_color);
	line-height: 2rem;
	margin: 0;
}

/* Anchors */

a {
	color: var(--body_font_color);
	text-decoration: none;
	cursor: pointer;
}



/* Headings */

h1,
.h1 {
	font-family: var(--h1_font_family);
	font-weight: var(--h1_font_weight);
	font-size: var(--h1_font_size);
	font-style: var( --h1_font_style);
	color: var(--h1_color);
	text-decoration: var(--h1_text_decoration);
	text-transform: var(--h1_text_transform);
	line-height: 64px;
	margin-bottom: var(--spacer_16);
	margin-top: 0;
}

h2,
.h2 {
	font-family: var(--h2_font_family);
	font-weight: var(--h2_font_weight);
	font-size: var(--h2_font_size);
	font-style: var( --h2_font_style);
	color: var(--h2_color);
	text-decoration: var(--h2_text_decoration);
	text-transform: var(--h2_text_transform);
	line-height: 48px;
	margin-bottom: var(--spacer_16);
	margin-top: 0;
}

h3,
.h3 {
	font-family: var(--h3_font_family);
	font-weight: var(--h3_font_weight);
	font-size: var(--h3_font_size);
	font-style: var( --h3_font_style);
	color: var(--h3_color);
	text-decoration: var(--h3_text_decoration);
	text-transform: var(--h3_text_transform);
	line-height: 4rem;
	margin-top: 0;
	margin-bottom: var(--spacer_16);
}

h4,
.h4 {
	font-family: var(--h4_font_family);
	font-weight: var(--h4_font_weight);
	font-size: var(--h4_font_size);
	font-style: var( --h4_font_style);
	color: var(--h4_color);
	text-decoration: var(--h4_text_decoration);
	text-transform: var(--h4_text_transform);
	line-height: 3.2rem;
	margin-top: 0;
	margin-bottom: var(--spacer_12);
}

h5,
.h5 {
	font-family: var(--h5_font_family);
	font-weight: var(--h5_font_weight);
	font-size: var(--h5_font_size);
	font-style: var( --h5_font_style);
	color: var(--h5_color);
	text-decoration: var(--h5_text_decoration);
	text-transform: var(--h5_text_transform);
	line-height: 3.2rem;
	margin-bottom: var(--spacer_12);
	margin-top: 0;
}

h6,
.h6 {
	font-family: var(--h6_font_family);
	font-weight: var(--h6_font_weight);
	font-size: var(--h6_font_size);
	font-style: var( --h6_font_style);
	color: var(--h6_color);
	text-decoration: var(--h6_text_decoration);
	text-transform: var(--h6_text_transform);
	line-height: 2.4rem;
	margin-top: 0;
}

.top-title{
	font-family: var(--secondary_font);
}


/* Lists */

ul,
ol {
	margin: 0 0 1.4rem;
}

ul ul,
ol ul,
ul ol,
ol ol {
	margin: 0;
}


.no-list li:before, 
.no-list ul li:before{
	display: none;
}

.no-list ul, 
.no-list{
	padding-left: 0;
}

.hs_cos_wrapper_type_rich_text ul,
.hs-tabs__content__panel ul{
	padding-left: 3.1rem;
	list-style: none;
}

.hs_cos_wrapper_type_rich_text ul li,
.hs-tabs__content__panel ul li{
	position: relative;
}

.hs_cos_wrapper_type_rich_text ul li:not(:last-child),
.hs-tabs__content__panel ul li:not(:last-child){
	margin-bottom: var(--spacer_16);
}

.hs_cos_wrapper_type_rich_text ul li:before,
.hs-tabs__content__panel ul li:before{
	content: "";
	position: absolute;
	top: 2px;
	left: -31px;
	height: 20px;
	width: 15px;
	background-image: url('https://26973329.fs1.hubspotusercontent-eu1.net/hubfs/26973329/Website-2023/icons/check-lists.svg');
	background-size: contain;
	background-repeat: no-repeat;
}

.hs_cos_wrapper_type_rich_text a,
.hs-tabs__content__panel a{
	text-decoration: underline;
	color: var(--secondary_color);
}

em{
	font-style: italic;
}


/* Code blocks */

pre {
	overflow: auto;
}

code {
	vertical-align: bottom;
}

/* Blockquotes */

blockquote {
	border-left: 2px solid;
	border-left-color: var(--secondary_color);
	margin: 0 0 1.4rem;
	padding-left: 0.7rem;
}

/* Horizontal rules */

hr {
	border: none;
	border-bottom: 1px solid #CCC;
}

/* Image alt text */

img {
	max-width:100%;
	height:auto;
}



@media (max-width: 480px){
	h1{
		font-size: 3.6rem;
		line-height: 4.4rem;
	}
	h2{
		font-size: 3.2rem;
		line-height: 4rem;
	}
	h3{
		font-size: 2.8rem;
		line-height: 3.6rem;
	}
	h4{
		font-size: 2.4rem;
		line-height: 3.2rem;
	}
	h5{
		font-size: 2rem;
		line-height: 3.2rem;
	}
	h6{
		font-size: 1.6rem;
		line-height: 2.4rem;
	}

}
    .primary-cta{
	transform: skew(-6deg);
	background-color: var(--button_bg_color);
	border-radius: var(--button_corner_radius);
	transition: all ease-in-out .3s;
	width: fit-content;
}
.primary-cta a{
	font-size: var(--button_font_size);
	font-weight: var(--font_weight_500);
	color: var(--button_color);
	padding: var(--button_spacing);
	transform: skew(6deg);
	display: block;
	width: fit-content;
	line-height: 24px;
}

.primary-cta:hover,
.primary-cta:focus{
	cursor: pointer;
	background-color: var(--button_bg_color_hover);
}

/*** PRIMARY CTA WITH ARROW ***/

.primary-arrow{
	transform: skew(-6deg);
	background-color: var(--button_bg_color);
	border-radius: var(--button_corner_radius);
	transition: all ease-in-out .3s;
	width: fit-content;
}
.primary-arrow a{
	font-size: var(--button_font_size);
	font-weight: var(--font_weight_500);
	color: var(--button_color);
	padding: var(--spacer_16) 5rem var(--spacer_16) var(--spacer_16);
	transform: skew(6deg);
	display: block;
	width: fit-content;
	line-height: 24px;
	position: relative;
}

.primary-arrow:hover,
.primary-arrow:focus{
	cursor: pointer;
	background-color: var(--button_bg_color_hover);
}

.primary-arrow a:after{
	background-image: url(https://26973329.fs1.hubspotusercontent-eu1.net/hubfs/26973329/Website-2023/icons/black_arrow-cta.svg);
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	height: 24px;
	position: absolute;
	right: 15px;
	top: 17px;
	width: 24px;
}


/**** SECONDARY CTA ****/

.secondary-cta{
	transform: skew(-6deg);
	background-color: var(--grey_color);
	border-radius: var(--button_corner_radius);
	transition: all ease-in-out .3s;
	width: fit-content;
}
.secondary-cta a{
	font-size: var(--button_font_size);
	font-weight: var(--font_weight_500);
	color: var(--white_color);
	padding: var(--button_spacing);
	transform: skew(6deg);
	display: block;
	width: fit-content;
	line-height: 24px;
}

.secondary-cta:hover,
.secondary-cta:focus{
	cursor: pointer;
	background-color: #272724;
}


/*** CTA WITH ARROW ***/

.button-arrow{
	width: fit-content;
}
.button-arrow a{
	font-size: var(--button_font_size);
	font-weight: var(--font_weight_500);
	color: var(--button_color);
	display: block;
	width: fit-content;
	position: relative;
}

.button-arrow:hover,
.button-arrow:focus{
	cursor: pointer;
}


.button-arrow a:after{
	background-image: url(https://26973329.fs1.hubspotusercontent-eu1.net/hubfs/26973329/Website-2023/icons/black_arrow-cta.svg);
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	height: 24px;
	position: absolute;
	right: -31px;
	top: -1px;
	width: 24px;
	transition: var(--default_transition);
}


.button-arrow:hover a:after,
.button-arrow:focus a:after{
	transform: translateX(5px);
}
    
    .loaded div[data-global-resource-path*=header] {
	transform: translateY(0);
	transition: all var(--slow_transition);
}

.loaded.scrolled--down div[data-global-resource-path*=header] {
	transform: translateY(-105%);

}
div[data-global-resource-path*="header-no-navigation"],
.loaded.scrolled div[data-global-resource-path*=header]{
	background: var(--white_color);
}

div[data-global-resource-path*="header-no-navigation"] {
	border-bottom: 1px solid rgba(0, 94, 125, 0.2);
}

.header:not(.header--no-navigation) .logo-color{
	display:none;
}

.logo-color, .logo-white{
	height: 48px;
}

.loaded.scrolled .logo-color{
	display: block;
}

.loaded.scrolled .logo-white{
	display: none;
}

div[data-global-resource-path*=header] {
	position: fixed;
	top: 0;
	transform: translateY(-105%);
	width: 100%;
	z-index: 2;
	z-index: 1000;
}

.header__skip {
	height: 1px;
	left: -1000px;
	overflow: hidden;
	position: absolute;
	text-align: left;
	top: -1000px;
	width: 1px;
}

.header__container-inner.dnd-section{
	padding: 12px 0 0 0;
	overflow-x: unset;
}

/**** MENU ****/

.header--top{
	margin-left: auto;
}

.header-top--container{
	padding-bottom: var(--spacer_12);

}

.header-top--container.row-fluid{
	width: 100%;
}

.header-second-level{
	padding: var(--spacer_16) 0;
	border-top: 1px solid rgba(255, 255, 255, 0.30);
	border-bottom: 1px solid rgba(255, 255, 255, 0.30);
	overflow:visible;
}

.header.black-text .header-second-level{
	border-top: 1px solid rgba(0, 94, 125, 0.20);
	border-bottom: 1px solid rgba(0, 94, 125, 0.20);
}

.header-second-level .row-fluid{
	max-width: 100%;
}

.header--main-navigation{
	margin-left: auto;
}

.header__navigation ul:first-child{
	list-style: none;
	display: flex; 
	flex-direction: row;
	margin-bottom: 0;
}

.header__navigation ul li.hs-menu-depth-1>a{
	color: var(--white_color);
	font-weight: var(--font_weight_500);
	transition: all var(--slow_transition);
}

.header.black-text .header__navigation ul li.hs-menu-depth-1>a{
	color: var(--titles_color);
}

.scrolled .header__navigation ul li.hs-menu-depth-1>a{
	color: var(--titles_color);
}

.header__navigation ul li.hs-menu-depth-1>ul{
	background: var(--white_color);
	box-shadow: 0px 2px 4px 0px rgba(61, 68, 65, 0.25);
	border-radius: 8px;
	padding-left: 0;
	padding: var(--spacer_28);
	list-style:none;
	position: absolute;
	top: 15rem;
	left: 0;
	z-index: 1;
	opacity: 0;
	transition: opacity ease-in-out .3s;
	min-width: max-content;
	top: 100%;
	pointer-events: none;
}

.header__navigation ul li.hs-menu-depth-1{
	position: relative;
}

.header__navigation ul li.hs-menu-depth-1>a{
	padding: var(--spacer_8) 0;
	cursor: pointer;
	white-space: nowrap;
	width: max-content;
}

.header__navigation ul li.hs-menu-depth-1:hover>ul{
	max-height: none;
	opacity: 1;
	pointer-events: auto;
	z-index: 3;
}

.header__navigation ul li.hs-menu-depth-1>ul li a{
	letter-spacing: 0.32px;
	color: var(--body_font_color);
	transition: color var(--default_transition);
}

.header__navigation ul li.hs-menu-depth-1>ul li a:hover{
	color: var(--titles_color);
}

.header__navigation ul li.hs-menu-depth-1>ul li:not(:last-child){
	margin-bottom: var(--spacer_8);
}

.header__navigation ul>li.hs-menu-depth-1:not(.hs-item-has-children)>a{
	padding-right: var(--spacer_28);
}

.header__navigation ul>li.hs-menu-depth-1>a {
	padding-right: var(--spacer_56);
	position: relative;
	transition: color var(--default_transition);
}

.header__navigation ul>li.hs-menu-depth-1>a:hover{
	opacity: 0.7;
}

.header__navigation ul>li.hs-menu-depth-1.hs-item-has-children>a:after {
	background-image: url(https://26973329.fs1.hubspotusercontent-eu1.net/hubfs/26973329/Website-2023/icons/white_chevron_down.svg);
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	height: 24px;
	position: absolute;
	right: 27px;
	top: 7px;
	width: 24px;
	transition: var(--default_transition);
}


.scrolled .header__navigation ul>li.hs-menu-depth-1.hs-item-has-children>a:after,
.header.black-text .header__navigation ul>li.hs-menu-depth-1.hs-item-has-children>a:after{
	background-image: url(https://26973329.fs1.hubspotusercontent-eu1.net/hubfs/26973329/Website-2023/icons/black-chevron-down.svg);
}


/**** Burger Menu ****/

.burger-menu-container{
	display: none;
}

#burger-menu {
	height: 2.5rem;
	width: 3rem;
	border: none;
	background-color: transparent;
	padding: 0;
	cursor: pointer;
	background-image: none;
	font-weight: unset;
	box-shadow: none;
	background-position: initial;
	min-height: initial;
}

.burger-menu__bar {
	position: absolute;
	background-color: var(--black_color);
	height: 3px;
	width: 100%;
	left: 0;
	transition: var(--default_transition);
	z-index: 1;
	display: none;
	visibility: hidden;
	border-radius: var(--border_radius_4);
}

.burger-menu__top-bar {
	top: 0;
}

.burger-menu__bottom-bar {
	bottom: 0;
}

.burger-menu__middle-bar {
	top: 50%;
	transform: translateY(-50%);
}

.menu-open .burger-menu__middle-bar {
	opacity: 0;
}

.menu-open .burger-menu__top-bar {
	top: 50%;
	transform: translateY(-110%) rotate(45deg);
}

.menu-open .burger-menu__bottom-bar {
	bottom: 50%;
	transform: translateY(-45%) rotate(-45deg);
}



@media (max-width: 1200px) {
	.header-second-level .row-fluid{
		width: 100%;
	}
	.burger-menu-container{
		display: block;
	}

	.header:not(.header--no-navigation) .logo-color{
		display: block;
	}

	.logo-color img{
		display: flex;
	}

	.logo-white{
		display: none;
	}

	.header-top--container{
		padding:0;
	}

	.header-second-level{
		padding: var(--spacer_16) var(--spacer_20);
		background: var(--white_color);
	}

	.header__navigation{
		margin-left: unset;
	}

	.burger-menu-container{
		margin-left: auto;
	}

	.loaded.scrolled--down div[data-global-resource-path*=header] {
		transform: translateY(0);
	}

	.content-wrapper--mobile-header {
		padding: 0;
	}

	.burger-menu__bar {
		display: flex;
		visibility: visible;
	}

	.header__head {
		padding-top: var(--spacer_18);
		padding-bottom: var(--spacer_18);
	}

	.header__container-inner.dnd-section {
		position: initial;
		border-radius: initial;
		padding-top: 0;
		padding-bottom: 0;
	}

	.header--main-navigation {
		position: absolute;
		top: 7.3rem;
		background-color: var(--white_color);
		width: 100vw;
		height: calc(100vh - 7.3rem);
		max-width: 100%;
		right: -100vw;
		transition: var(--default_transition);
		z-index: 2;
		display: flex;
		flex-flow: column;
		align-items: center;
		overflow-y: scroll;
		align-items: flex-start;
	}

	.header__navigation ul li.hs-menu-depth-1{
		padding: 2rem 0;
	}

	.header__navigation ul li.hs-item-has-children>.hs-menu-children-wrapper {
		display: none;
		opacity: 0;
		transition: opacity 0.3s ease-in-out;
		box-shadow: none;
		padding: 2rem 0 0 1rem;
		background: transparent;
		position: relative;
	}

	.header__navigation ul li.hs-item-has-children.active>ul,
	.header__navigation ul li.hs-item-has-children.active>ul>li>ul{
		display: block;
		opacity: 1;
	}
	
	.header__navigation ul li.hs-item-has-children>.hs-menu-children-wrapper>li>ul{
		padding-left: 3.5rem !important
	}

	.header__navigation ul li.hs-menu-depth-1>a{
		color: var(--black_color);
		font-size: 2rem;
	}

	.header .header__navigation ul{
		padding-left: 2rem;
		display: flex;
		flex-direction: column;
	}

	.header__navigation ul li.hs-menu-depth-1>ul li:not(:last-child) {
		margin-bottom: var(--spacer_16);
	}

	.header__navigation ul li.hs-menu-depth-1>ul li a{
		font-size: 1.8rem;
	}

	.header__navigation ul>li.hs-menu-depth-1.hs-item-has-children>a:after{
		background-image: url('https://26973329.fs1.hubspotusercontent-eu1.net/hubfs/26973329/Website-2023/icons/black-chevron-down.svg');
		top: 9px;
	}

	.header__navigation ul>li.hs-menu-depth-1.hs-item-has-children:hover>a:after{
		transform: scaleY(-1);
	}

	.menu-open .header--main-navigation {
		right: 0;
	}

	.header .primary-cta{
		margin-top: var(--spacer_20);
		margin-left: var(--spacer_20);
	}

	.header-top-links-module>div,
	.header--main-navigation .header-top-links-module ul{
		flex-direction: column!important;
		align-items: flex-start;
	}

	.header--top {
		margin-left: unset;
	}

	.scrolled .header-top-links-module ul li:last-child a{
		border-right: none;
	}

	.header-top-links-module{
		padding-left: var(--spacer_20);
		margin-top: 3rem;
	}

	.header-top-links--members{
		display: flex;
		flex-flow: column;
	}

	.header-top-links--members{
		margin-top: 2rem;
	}


}
}

@layer utilities {
    @media (min-width: 1280px) {
	.mobile {
		display: none;
	}
}
@media (max-width: 1279px) {
	.desktop {
		display: none;
	}
}

.d-block{
	display: block;
}

.d-flex {
	display: flex;
}
.d-inline-flex {
	display: inline-flex;
}

.d-none{
	display: none;
}
@media (min-width: 1280px) {
	.d-flex.mobile,
	.d-inline-flex.mobile{
		display: none;
	}
}
@media (max-width: 1279px) {
	.d-flex.desktop,
	.d-inline-flex.desktop {
		display: none;
	}
}

.flex-row {
	flex-direction: row;
}
.flex-row-reverse {
	flex-direction: row-reverse;
}
.flex-column {
	flex-direction: column;
}
.flex-row-wrap {
	flex-flow: row wrap;
}
.flex-column-wrap {
	flex-flow: column wrap;
}
.align-items-start {
	align-items: flex-start;
}
.align-items-center {
	align-items: center;
}
.align-items-stretch {
	align-items: stretch;
}
.align-items-end {
	align-items: flex-end;
}
.align-items-baseline {
	align-items: baseline;
}

.justify-content-start {
	justify-content: flex-start;
}
.justify-content-center {
	justify-content: center;
}
.justify-content-end {
	justify-content: flex-end;
}
.justify-content-space-between {
	justify-content: space-between;
}
.flex-25 {
	flex: 0 0 25%;
}
.flex-33 {
	flex: 0 0 33.3333%;
}
.flex-50 {
	flex: 0 0 50%;
}
.txt-left {
	text-align: left;
}
.txt-right {
	text-align: right;
}
.txt-center {
	text-align: center;
}

/* ----- Text transform ----- */
.uppercase {
	text-transform: uppercase;
}
.lowercase {
	text-transform: lowercase;
}

/* ----- Colors ----- */
.color-primary {
	color: var(--primary_color);
}
.color-secondary {
	color: var(--secondary_color);
}
.color-darkest-secondary {
	color: var(--darkest-secondary-color);
}
.color-white {
	color: #FFF;
}
.color-dark-grey {
	color: var(--dark_grey_color);
}

/* ----- Font weights ----- */

.light{
	font-weight: 300;
}

.regular{
	font-weight: 400;
}

.medium{
	font-weight: 500;
}

.bold{
	font-weight: 600;
}

.extra-bold{
	font-weight: 700;
}

/* ----- Remove line-height from img containers ----- */
.line-height-0 img {
	display: block;
}

/* ----- Reset button default ----- */
.reset-button-style {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	border: 0;
	background-color: transparent;
	padding: 0;
}

/* ----- Paddings & Margins ----- */
.mb-0 {
	margin-bottom: 0;
}
.mt-auto {
	margin-top: auto;
}

.margin-auto{
	margin: 0 auto;
}

.ml-auto{
	margin-left: auto;
}

.mr-auto{
	margin-right: auto;
}


/* ----- Positioning ----- */
.position-r{
	position: relative;
}
.d-inline {
	display: inline;
}

/* ----- Overflow ----- */
.overflow-x-hidden {
	overflow-x: hidden;
}
.overflow-x-scroll {
	overflow-x: scroll;
}

/* ----- Height ----- */
.height-100 {
	height: 100%;
}

/* Mobile width control */
@media (max-width: 992px) {
	.m-width-big {
		width: 100%;
	}
}
@media (max-width: 768px) {
	.m-width {
		width: 100%;
	}
}

/* ----- Underline link animation ----- */
.underline-hover {
	--underline-color: var(--secondary-color);
	--line-color: var(--underline-color);
	--link-text-color: var(--underline-color);
	position: relative;
	display: inline;
	color: var(--link-text-color);
	text-decoration: none;
	background-image: linear-gradient(to right, var(--line-color), var(--line-color));
	background-repeat: no-repeat;
	background-size: 0% 1px;
	background-position: left bottom 1px;
	transition: color var(--default_transition), background var(--default_transition);
}
.underline-hover:hover,
.underline-hover:focus {
	--underline-color: var(--dark-secondary-color);
	background-size: 100% 1px;
}

ul.no-list {
  list-style: none;
  margin: 0;
  padding-left: 0;

}

/* Remove formating from default list */
.semantic-list {
	margin: 0;
	background-color: transparent;
	border-radius: initial;
	padding: 0;
	list-style: none;
}
.semantic-list-item {
	margin-left: 0;
}
.semantic-list-item:not(:last-child) {
	margin-bottom: 0;
}
.semantic-list-item:before {
	content: '';
	display: none;
}

.show-for-sr {
	border: 0 !important;
	clip: rect(0, 0, 0, 0) !important;
	height: 1px !important;
	overflow: hidden !important;
	padding: 0 !important;
	position: absolute !important;
	white-space: nowrap !important;
	width: 1px !important;
}

@media (max-width: 767px) {
	.show-for-sr--mobile {
		border: 0 !important;
		clip: rect(0, 0, 0, 0) !important;
		height: 1px !important;
		overflow: hidden !important;
		padding: 0 !important;
		position: absolute !important;
		white-space: nowrap !important;
		width: 1px !important;
	}
}
	 
}

@layer tools {
    .glide {
  position: relative;
  width: 100%;
  box-sizing: border-box; }
  .glide * {
    box-sizing: inherit; }
  .glide__track {
    overflow: hidden; }
  .glide__slides {
    position: relative;
    width: 100%;
    list-style: none;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    touch-action: pan-Y;
    overflow: hidden;
    padding: 0;
    white-space: nowrap;
    display: flex;
    flex-wrap: nowrap;
    will-change: transform; }
    .glide__slides--dragging {
      user-select: none; }
  .glide__slide {
    width: 100%;
    height: 100%;
    flex-shrink: 0;
    white-space: normal;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent; }
    .glide__slide a {
      user-select: none;
      -webkit-user-drag: none;
      -moz-user-select: none;
      -ms-user-select: none; }
  .glide__arrows {
    -webkit-touch-callout: none;
    user-select: none; }
  .glide__bullets {
    -webkit-touch-callout: none;
    user-select: none; }
  .glide--rtl {
    direction: rtl; }

.glide__arrow {
  position: absolute;
  display: block;
  top: 50%;
  z-index: 2;
  color: white;
  text-transform: uppercase;
  padding: 9px 12px;
  background-color: transparent;
  border: none;
  border-radius: 4px;
  box-shadow: none;
  text-shadow: none;
  opacity: 1;
  cursor: pointer;
  transition: opacity 150ms ease, border 300ms ease-in-out;
  transform: translateY(-50%);
  line-height: 1; }
  .glide__arrow:focus {
    outline: none; }
  .glide__arrow:hover {
    border-color: white; }
  .glide__arrow--left {
    left: 2em; }
  .glide__arrow--right {
    right: 2em; }
  .glide__arrow--disabled {
    opacity: 0.33; }

.glide__bullets {
  position: absolute;
  z-index: 2;
  bottom: 2em;
  left: 50%;
  display: inline-flex;
  list-style: none;
  transform: translateX(-50%); }

.glide__bullet {
  background-color: rgba(255, 255, 255, 0.5);
  width: 9px;
  height: 9px;
  padding: 0;
  border-radius: 50%;
  border: 2px solid transparent;
  transition: all 300ms ease-in-out;
  cursor: pointer;
  line-height: 0;
  box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.1);
  margin: 0 0.25em; }
  .glide__bullet:focus {
    outline: none; }
  .glide__bullet:hover, .glide__bullet:focus {
    border: 2px solid white;
    background-color: rgba(255, 255, 255, 0.5); }
  .glide__bullet--active {
    background-color: white; }

.glide--swipeable {
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab; }

.glide--dragging {
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing; }
}