/* Theme base styles */

/* Tools
Any animations, or functions used throughout the project.
Note: _macros.css needs to be imported into each stylesheet where macros are used and not included here
*/

/* Generic
This is where reset, normalize & box-sizing styles go.
*/

*, *: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;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * 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
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 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
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, 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;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* 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 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 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;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

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

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * 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, IE 10+, and Firefox.
 */

details {
  display: block;
}

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

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

/* Objects
Non-cosmetic design patterns including grid and layout classes)
*/




/* Responsive grid */
.row-fluid {display:flex;flex-wrap: wrap;}
.row-fluid [class*='span'] {margin-left: 1.2968750000000002%;-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( (7.14453125% * 11) + (1.2968750000000002% * 10) );}
.row-fluid .span10 {flex: 0 0 auto;width: calc( (7.14453125% * 10) + (1.2968750000000002% * 9) );}
.row-fluid .span9  {flex: 0 0 auto;width: calc( (7.14453125% * 9) + (1.2968750000000002% * 8) );}
.row-fluid .span8  {flex: 0 0 auto;width: calc( (7.14453125% * 8) + (1.2968750000000002% * 7) );}
.row-fluid .span7  {flex: 0 0 auto;width: calc( (7.14453125% * 7) + (1.2968750000000002% * 6) );}
.row-fluid .span6  {flex: 0 0 auto;width: calc( (7.14453125% * 6) + (1.2968750000000002% * 5) );}
.row-fluid .span5  {flex: 0 0 auto;width: calc( (7.14453125% * 5) + (1.2968750000000002% * 4) );}
.row-fluid .span4  {flex: 0 0 auto;width: calc( (7.14453125% * 4) + (1.2968750000000002% * 3) );}
.row-fluid .span3  {flex: 0 0 auto;width: calc( (7.14453125% * 3) + (1.2968750000000002% * 2) );}
.row-fluid .span2  {flex: 0 0 auto;width: calc( (7.14453125% * 2) + 1.2968750000000002% );}
.row-fluid .span1  {flex: 0 0 auto;width: 7.14453125%;}

.container-fluid .row-fluid .wrapper,
.wrapper {
	margin: 0 auto;
	max-width: var(--wrapper-max-width);
	padding: var(--wrapper-padding)
}

@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 1rem;
}

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

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


.dnd-section .hidden {
	opacity: 0;
	transform: translateY(10px);
	transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
}
.no-reveal .dnd-section .hidden,
.dnd-section .hidden.shazam{
	opacity: 1;
	transform: translateY(0px);
}

@media (max-width: 767px) {
  .dnd-section .dnd-column {
    padding: 0;
  }
}
@font-face {
	font-family: "Welcome";
	src: url('https://landings.welcometothejungle.com/hubfs/markentive/fonts/welcome/Welcomeweb-Regular.otf') format("opentype");
	font-style: regular;
	font-weight: 400;
	font-display: swap;
}
@font-face {
	font-family: "Welcome";
	src: url('https://landings.welcometothejungle.com/hubfs/markentive/fonts/welcome/Welcomeweb-Medium.otf') format("opentype");
	font-style: regular;
	font-weight: 500;
	font-display: swap;
}
@font-face {
	font-family: "Welcome";
	src: url('https://landings.welcometothejungle.com/hubfs/markentive/fonts/welcome/Welcomeweb-Bold.otf') format("opentype");
	font-style: regular;
	font-weight: 700;
	font-display: swap;
}


:root {
	/* ----- Wrapper ----- */
	--wrapper-max-width: 128.0rem;
	--wrapper-padding-value: 2.4rem;
	--wrapper-padding: 0 var(--wrapper-padding-value, 2.4rem);

	/* ----- Fonts ----- */
	--font-family-title: "Welcome", sans-serif;
	--font-family-body: "Work Sans", sans-serif;

	--font-size-body: 1.8rem;
	--line-height-body: 1.3;
	--font-weight-body: 400;
	--font-body: var(--font-weight-body) var(--font-size-body)/var(--line-height-body) var(--font-family-body);
	
	--font-size-body-s: 1.6rem;
	--font-size-body-xs: 1.4rem;
	--font-size-body-xxs: 1.2rem;

	--font-size-h1: 6.5rem;
	--line-height-h1: 1.2;
	--font-weight-h1: 700;
	--font-h1: var(--font-weight-h1) var(--font-size-h1)/var(--line-height-h1) var(--font-family-title);

	--font-size-h2: 4.5rem;
	--line-height-h2: 1.2;
	--font-weight-h2: 700;
	--font-h2: var(--font-weight-h2) var(--font-size-h2)/var(--line-height-h2) var(--font-family-title);

	--font-size-h3: 3.6rem;
	--line-height-h3: 1.2;
	--font-weight-h3: 700;
	--font-h3: var(--font-weight-h3) var(--font-size-h3)/var(--line-height-h3) var(--font-family-title);

	--font-size-h4: 2.6rem;
	--line-height-h4: 1.2;
	--font-weight-h4: 700;
	--font-h4: var(--font-weight-h4) var(--font-size-h4)/var(--line-height-h4) var(--font-family-title);

	--font-size-h5: 2rem;
	--line-height-h5: 1.2;
	--font-weight-h5: 700;
	--font-h5: var(--font-weight-h5) var(--font-size-h5)/var(--line-height-h5) var(--font-family-title);

	--font-size-h6: 1.6rem;
	--line-height-h6: 1.2;
	--font-weight-h6: 700;
	--font-h6: var(--font-weight-h6) var(--font-size-h6)/var(--line-height-h6) var(--font-family-title);

	/* ----- Colors ----- */
	--primary-color: #FFCD00;
	--light-primary-color: #FFE166;
	
	--secondary-color: #EFEAE4;
	--light-secondary-color: #EFEAE4;
	
	--black-color: #000;
	--light-black-color: #424242;
	
	--white-color: #FFF;
	--dark-white-color: #E5E5E5;
	
	--error-color: #CE5947;
	--warning-color: #E4AE56;
	--information-color: #4B9BF1;
	--success-color: #00A772;
	
	--cerulean-blue-color: #8CB3DB;
	--pale-cerulean-color: #3B52D0;
	--spring-rain-color: #EE4B65;
	--pine-green-color: #F79D85;
	--vivid-tangerine-color: #A5D0A8;
	--radical-red-color: #267566;
	--mountains-majesty-color: #9B8CC0;
	
	/* ----- Shadows ----- */
	--small-shadow: 0px 0px 20px rgba(45, 60, 86, 0.1);
	--medium-shadow: 0px 0px 20px rgba(45, 60, 86, 0.2);
	--strong-shadow: 0px 0px 35px rgba(45, 60, 86, 0.3);
	--green-shadow: 0px 0px 10px rgba(22, 169, 116, 0.3);

	/* ----- Transitions ----- */
	--default-transition: 0.3s ease 0s;

	/* ----- Spacer ----- */
	--spacer-xxxxs: 0.4rem; /* 4px */
	--spacer-xxxs: 0.8rem; /* 8px */
	--spacer-xxs: 1.2rem; /* 12px */
	--spacer-xs: 1.6rem; /* 16px */
	--spacer-sm: 2.4rem; /* 24px */
	--spacer-md: 3.2rem; /* 32px */
	--spacer-lg: 4rem; /* 40px */
	--spacer-xl: 4.8rem; /* 48px */
	--spacer-xxl: 5.6rem; /* 56px */
	--spacer-xxxl: 6.4rem; /* 64px */
	--spacer-xxxxl: 8rem; /* 80px */
}

@media (min-width: 320px) {
	:root {
		--wrapper-max-width: 320px;
	}
}

@media (min-width: 360px) {
	:root {
		--wrapper-max-width: 360px;
	}
}

@media (min-width: 480px) {
	:root {
		--wrapper-max-width: 480px;
	}
}

@media (min-width: 640px) {
	:root {
		--wrapper-max-width: 640px;
	}
}

@media (min-width: 768px) {
	:root {
		--wrapper-max-width: 768px;
	}
}

@media (min-width: 1024px) {
	:root {
		--wrapper-max-width: 1024px;
	}
}

@media (min-width: 1280px) {
	:root {
		--wrapper-max-width: 1280px;
	}
}

@media (max-width: 980px) {
	:root {
		/* ----- Fonts ----- */
		--font-size-h1: 4.5rem;

		--font-size-h2: 3.6rem;

		--font-size-h3: 2.6rem;

		--font-size-h4: 2rem;

		--font-size-h5: 1.6rem;

		--font-size-h6: 1.6rem;
	}
}

/* Utilities
Helper classes with ability to override anything that comes before it
*/

/* For content that needs to be visually hidden but stay visible for screenreaders */

.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;
  }
}

.hide {
	display: none;
}

.d-block {
	display: block;
}
.d-flex {
	display: flex;
}
.d-inline-flex {
	display: inline-flex;
}
.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;
}
.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;
}

/* ----- Font-size ----- */
.fs-medium {
	font-size: var(--font-size-h5);
}

/* ----- Font-weight ----- */
.bold {
	font-weight: 600;
}

/* ----- Text align ----- */
.ta-left {
	text-align: left;
}
.ta-center {
	text-align: center;
}
.ta-right {
	text-align: right;
}

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

/* ----- Colors ----- */
.primary {
	 color: var(--primary-color);
}
.secondary {
	 color: var(--secondary-color);
}
.white {
	color: var(--white-color);
}
.black {
	color: var(--black-color);
}
/* ----- Backgrounds ----- */
.background-white {
	background-color: var(--white-color);
}
.background-black {
	background-color: var(--black-color);
}
.background-primary {
	background-color: var(--primary-color);
}
.background-secondary {
	background-color: var(--secondary-color);
}
.background-sub-1 {
	background-color: var(--cerulean-blue-color);
}
.background-sub-2 {
	background-color: var(--pale-cerulean-color);
}
.background-sub-3 {
	background-color: var(--spring-rain-color);
}
.background-sub-4 {
	background-color: var(--pine-green-color);
}
.background-sub-5 {
	background-color: var(--vivid-tangerine-color);
}
.background-sub-6 {
	background-color: var(--radical-red-color);
}
.background-sub-7 {
	background-color: var(--mountains-majesty-color);
}


/* ----- Chevrons ----- */
.chevron {
	display: inline-block;
	width: 12px;
	height: 12px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}
.chevron--down {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50 80.5a6.52 6.52 0 01-4.32-1.63L2.2 40.63a6.43 6.43 0 01-.55-9.12 6.55 6.55 0 019.2-.55l38.64 33.98 39.16-43.3a6.55 6.55 0 019.2-.49 6.43 6.43 0 01.5 9.13l-43.5 48.07A6.53 6.53 0 0150 80.5' fill='%23000'%3E%3C/path%3E%3C/svg%3E%0A");
}
/* ----- Margins & Paddings ----- */
    
		.pt-xxxxs{
			padding-top: var(--spacer-xxxxs);
    }
	  
		.pt-xxxs{
			padding-top: var(--spacer-xxxs);
    }
	  
		.pt-xxs{
			padding-top: var(--spacer-xxs);
    }
	  
		.pt-xs{
			padding-top: var(--spacer-xs);
    }
	  
		.pt-sm{
			padding-top: var(--spacer-sm);
    }
	  
		.pt-md{
			padding-top: var(--spacer-md);
    }
	  
		.pt-lg{
			padding-top: var(--spacer-lg);
    }
	  
		.pt-xl{
			padding-top: var(--spacer-xl);
    }
	  
		.pt-xxl{
			padding-top: var(--spacer-xxl);
    }
	  
		.pt-xxxl{
			padding-top: var(--spacer-xxxl);
    }
	  
		.pt-xxxxl{
			padding-top: var(--spacer-xxxxl);
    }
	  
    
		.pb-xxxxs{
			padding-bottom: var(--spacer-xxxxs);
    }
	  
		.pb-xxxs{
			padding-bottom: var(--spacer-xxxs);
    }
	  
		.pb-xxs{
			padding-bottom: var(--spacer-xxs);
    }
	  
		.pb-xs{
			padding-bottom: var(--spacer-xs);
    }
	  
		.pb-sm{
			padding-bottom: var(--spacer-sm);
    }
	  
		.pb-md{
			padding-bottom: var(--spacer-md);
    }
	  
		.pb-lg{
			padding-bottom: var(--spacer-lg);
    }
	  
		.pb-xl{
			padding-bottom: var(--spacer-xl);
    }
	  
		.pb-xxl{
			padding-bottom: var(--spacer-xxl);
    }
	  
		.pb-xxxl{
			padding-bottom: var(--spacer-xxxl);
    }
	  
		.pb-xxxxl{
			padding-bottom: var(--spacer-xxxxl);
    }
	  
    
		.pr-xxxxs{
			padding-right: var(--spacer-xxxxs);
    }
	  
		.pr-xxxs{
			padding-right: var(--spacer-xxxs);
    }
	  
		.pr-xxs{
			padding-right: var(--spacer-xxs);
    }
	  
		.pr-xs{
			padding-right: var(--spacer-xs);
    }
	  
		.pr-sm{
			padding-right: var(--spacer-sm);
    }
	  
		.pr-md{
			padding-right: var(--spacer-md);
    }
	  
		.pr-lg{
			padding-right: var(--spacer-lg);
    }
	  
		.pr-xl{
			padding-right: var(--spacer-xl);
    }
	  
		.pr-xxl{
			padding-right: var(--spacer-xxl);
    }
	  
		.pr-xxxl{
			padding-right: var(--spacer-xxxl);
    }
	  
		.pr-xxxxl{
			padding-right: var(--spacer-xxxxl);
    }
	  
    
		.pl-xxxxs{
			padding-left: var(--spacer-xxxxs);
    }
	  
		.pl-xxxs{
			padding-left: var(--spacer-xxxs);
    }
	  
		.pl-xxs{
			padding-left: var(--spacer-xxs);
    }
	  
		.pl-xs{
			padding-left: var(--spacer-xs);
    }
	  
		.pl-sm{
			padding-left: var(--spacer-sm);
    }
	  
		.pl-md{
			padding-left: var(--spacer-md);
    }
	  
		.pl-lg{
			padding-left: var(--spacer-lg);
    }
	  
		.pl-xl{
			padding-left: var(--spacer-xl);
    }
	  
		.pl-xxl{
			padding-left: var(--spacer-xxl);
    }
	  
		.pl-xxxl{
			padding-left: var(--spacer-xxxl);
    }
	  
		.pl-xxxxl{
			padding-left: var(--spacer-xxxxl);
    }
	  
    
		.mt-xxxxs{
			margin-top: var(--spacer-xxxxs);
    }
	  
		.mt-xxxs{
			margin-top: var(--spacer-xxxs);
    }
	  
		.mt-xxs{
			margin-top: var(--spacer-xxs);
    }
	  
		.mt-xs{
			margin-top: var(--spacer-xs);
    }
	  
		.mt-sm{
			margin-top: var(--spacer-sm);
    }
	  
		.mt-md{
			margin-top: var(--spacer-md);
    }
	  
		.mt-lg{
			margin-top: var(--spacer-lg);
    }
	  
		.mt-xl{
			margin-top: var(--spacer-xl);
    }
	  
		.mt-xxl{
			margin-top: var(--spacer-xxl);
    }
	  
		.mt-xxxl{
			margin-top: var(--spacer-xxxl);
    }
	  
		.mt-xxxxl{
			margin-top: var(--spacer-xxxxl);
    }
	  
    
		.mb-xxxxs{
			margin-bottom: var(--spacer-xxxxs);
    }
	  
		.mb-xxxs{
			margin-bottom: var(--spacer-xxxs);
    }
	  
		.mb-xxs{
			margin-bottom: var(--spacer-xxs);
    }
	  
		.mb-xs{
			margin-bottom: var(--spacer-xs);
    }
	  
		.mb-sm{
			margin-bottom: var(--spacer-sm);
    }
	  
		.mb-md{
			margin-bottom: var(--spacer-md);
    }
	  
		.mb-lg{
			margin-bottom: var(--spacer-lg);
    }
	  
		.mb-xl{
			margin-bottom: var(--spacer-xl);
    }
	  
		.mb-xxl{
			margin-bottom: var(--spacer-xxl);
    }
	  
		.mb-xxxl{
			margin-bottom: var(--spacer-xxxl);
    }
	  
		.mb-xxxxl{
			margin-bottom: var(--spacer-xxxxl);
    }
	  
    
		.mr-xxxxs{
			margin-right: var(--spacer-xxxxs);
    }
	  
		.mr-xxxs{
			margin-right: var(--spacer-xxxs);
    }
	  
		.mr-xxs{
			margin-right: var(--spacer-xxs);
    }
	  
		.mr-xs{
			margin-right: var(--spacer-xs);
    }
	  
		.mr-sm{
			margin-right: var(--spacer-sm);
    }
	  
		.mr-md{
			margin-right: var(--spacer-md);
    }
	  
		.mr-lg{
			margin-right: var(--spacer-lg);
    }
	  
		.mr-xl{
			margin-right: var(--spacer-xl);
    }
	  
		.mr-xxl{
			margin-right: var(--spacer-xxl);
    }
	  
		.mr-xxxl{
			margin-right: var(--spacer-xxxl);
    }
	  
		.mr-xxxxl{
			margin-right: var(--spacer-xxxxl);
    }
	  
    
		.ml-xxxxs{
			margin-left: var(--spacer-xxxxs);
    }
	  
		.ml-xxxs{
			margin-left: var(--spacer-xxxs);
    }
	  
		.ml-xxs{
			margin-left: var(--spacer-xxs);
    }
	  
		.ml-xs{
			margin-left: var(--spacer-xs);
    }
	  
		.ml-sm{
			margin-left: var(--spacer-sm);
    }
	  
		.ml-md{
			margin-left: var(--spacer-md);
    }
	  
		.ml-lg{
			margin-left: var(--spacer-lg);
    }
	  
		.ml-xl{
			margin-left: var(--spacer-xl);
    }
	  
		.ml-xxl{
			margin-left: var(--spacer-xxl);
    }
	  
		.ml-xxxl{
			margin-left: var(--spacer-xxxl);
    }
	  
		.ml-xxxxl{
			margin-left: var(--spacer-xxxxl);
    }
	  

/* Elements
Base HMTL elements are styled in this section (<body>, <h1>, <a>, <p>, <button> etc.)
*/

* {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

html {
	font-size: 62.5%;
	scroll-behavior: smooth;
}

body {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	box-sizing: border-box;
  word-break: break-word;
	font: var(--font-body);
	word-spacing: 1px;
	letter-spacing: -0.3px;
	color: var(--black-color);
}

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

/* Paragraphs */

p {
  margin: 0 0 var(--spacer-sm);
}

/* Anchors */

a {
  cursor: pointer;
	color: #000;
}

/* Headings */
h1 {
	font: var(--font-h1);
}

h2 {
	font: var(--font-h2);
}

h3 {
	font: var(--font-h3);
}

h4 {
	font: var(--font-h4);
}

h5 {
	font: var(--font-h5);
}

h6 {
	font: var(--font-h6);
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: var(--black-color);
	letter-spacing: -0.9px;
  margin: 0 0 var(--spacer-xxs);
}

/* Lists */

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

ul ul,
ol ul,
ul ol,
ol ol {
  margin: 0;
}
ol li::marker {
	font-weight: bold;
	color: var(--primary-color);
}
ul.yellow-bullets,
ul.black-bullets {
	list-style: none;
	padding-left: var(--spacer-xs);
}
ul.yellow-bullets li,
ul.black-bullets li {
	position: relative;
}
ul.yellow-bullets li::before,
ul.black-bullets li::before{
	content: "";
	position: absolute;
	top: 9px;
	left: calc(var(--spacer-xs) * -1);
	width: 5px;
	height: 5px;
	background-color: var(--primary-color);
	border-radius: 50%;
}
ul.black-bullets li::before {
	background-color: #000 !important;
}

.hs_cos_wrapper_type_rich_text ol {
	padding-left: 2rem;
}
.hs_cos_wrapper_type_rich_text ul {
	list-style: none;
	padding-left: 2rem;
}
.hs_cos_wrapper_type_rich_text ul li {
	position: relative;
}

ul.no-list {
  list-style: none;
  padding-left: 0;
}
ul.inputs-list li::before,
ul.no-list li::before {
	content: none;
}

.ty-page header ul.no-list {
	margin-bottom: 0;
}

/* Code blocks */

pre {
  overflow: auto;
}

code {
  vertical-align: bottom;
}

/* Blockquotes */

blockquote {
  border-left: 2px solid;
  margin: 0 0 2rem;
  padding-left: 0.7rem;
}

/* Horizontal rules */

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

/* Image alt text */

img {
  font-size: 1rem;
  word-break: normal;
}
button,
.button,
a.cta_button,
a.hs-button {
	--button-background-color: var(--primary-color);
	--button-color: #000;
	--button-font-size: var(--font-size-body-s);
	--button-height: 4.2rem;
	--button-padding-value: 1.5rem;
  cursor: pointer;
  display: inline-flex;
	align-items: center;
  text-align: center;
  white-space: normal;
	text-decoration: none;
	font-size: var(--button-font-size);
	letter-spacing: 0;
	color: var(--button-color);
	font-weight: 600;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	background-color: transparent;
	border: 0;
	padding: 0rem var(--button-padding-value);
	height: var(--button-height);
	background-color: var(--button-background-color);
	transition: color var(--default-transition), background var(--default-transition);
}
button:hover,
.button:hover,
a.cta_button:hover,
a.hs-button:hover {
	--button-background-color: var(--light-primary-color);
}

.button-small button,
button.button-small,
.button-small .button,
.button.button-small,
.button-small a.cta_button {
	--button-font-size: var(--font-size-body-xxs);
	--button-padding-value: 1.4rem;
	--button-height: 3.4rem;
}
.button-medium button,
button.button-medium,
.button-medium .button,
.button.button-medium,
.button-medium a.cta_button {
	--button-font-size: var(--font-size-body-xs);
	--button-padding-value: 1.5rem;
	--button-height: 4.2rem;
}
.button-large button,
button.button-large,
.button-large .button,
.button.button-large,
.button-large a.cta_button {
	--button-font-size: var(--font-size-body-s);
	--button-padding-value: 2rem;
	--button-height: 4.9rem;
}

button:disabled,
.button:disabled {
  background-color: #D0D0D0;
  border-color: #D0D0D0;
  color: #E6E6E6;
}

.button-black a.cta_button,
.button-black .button,
button.button-black,
.button.button-black {
	--button-background-color: var(--black-color);
	--button-color: #FFF;
}
.button-black a.cta_button:hover,
.button-black .button:hover,
button.button-black:hover,
.button.button-black:hover,
.button-black a.cta_button:focus,
.button-black .button:focus,
button.button-black:focus,
.button.button-black:focus {
	--button-background-color: var(--light-black-color);
}

.button-white a.cta_button,
.button-white .button,
button.button-white,
.button.button-white {
	--button-background-color: var(--white-color);
}
.button-white a.cta_button:hover,
.button-white .button:hover,
button.button-white:hover,
.button.button-white:hover,
.button-white a.cta_button:focus,
.button-white .button:focus,
button.button-white:focus,
.button.button-white:focus {
	--button-background-color: var(--dark-white-color);
}

.button-white-border a.cta_button,
.button-white-border .button,
button.button-white-border,
.button.button-white-border {
	box-shadow: inset 0 0 0 1px var(--black-color);
	--button-background-color: var(--white-color);
}
.button-white-border a.cta_button:hover,
.button-white-border .button:hover,
button.button-white-border:hover,
.button.button-white-border:hover,
.button-white-border a.cta_button:focus,
.button-white-border .button:focus,
button.button-white-border:focus,
.button.button-white-border:focus {
	--button-background-color: var(--dark-white-color);
}

.button-secondary a.cta_button,
.button-secondary .button,
button.button-secondary,
.button.button-secondary,
p a,
.hs_cos_wrapper_type_rich_text a {
	display: inline;
	padding: 0;
	height: auto;
	--button-background-color: transparent;
	background-image: linear-gradient(to right, var(--primary-color), var(--primary-color));
	background-position: bottom left;
	background-size: 100% 50%;
	background-position-y: calc(200% - 1px);
	background-repeat: no-repeat;
	text-decoration: none;
	transition: background-position var(--default-transition);
}
.hs_cos_wrapper_type_rich_text a.black-link {
	background-image: none;
	text-decoration: underline;
}
.button-secondary a.cta_button:hover,
button.button-secondary:hover,
.button-secondary .button:hover,
.button.button-secondary:hover,
p a:hover,
.hs_cos_wrapper_type_rich_text a:hover,
.button-secondary a.cta_button:focus,
button.button-secondary:focus,
.button-secondary .button:focus,
.button.button-secondary:focus,
p a:focus,
.hs_cos_wrapper_type_rich_text a:focus {
	background-position-y: 100%;
}

/* No button */

.no-button,
.no-button:hover,
.no-button:focus,
.no-button:active {
  background: none;
  border: none;
  border-radius: 0;
  color: initial;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  margin-bottom: 0;
  padding: 0;
  text-align: left;
  text-decoration: none;
  transition: none;
}
/* Fields */

.hs-form-field {
  margin-bottom: var(--spacer-xs);
}

/* Labels */

form label {
  display: block;
  font-size: var(--font-size-body-xs);
  margin-bottom: var(--spacer-xxxxs);
	color: #6f6f6f;
}

/* Help text */

form legend {
	color: #6f6f6f;
  font-size: 1.4rem;
}

/* Inputs */

form input[type=text],
form input[type=email],
form input[type=password],
form input[type=tel],
form input[type=number],
form input[type=file],
form input[type=date],
form select,
form textarea {
  display: inline-block;
  font-size: 1.4rem;
  padding: 0 1.2rem;
	min-height: 38px;
  width: 100%;
	background-color: #fff;
	border: 1px solid #efeae4;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	transition: border-color var(--default-transition);
}

form input[type=text]::placeholder,
form input[type=email]::placeholder,
form input[type=password]::placeholder,
form input[type=tel]::placeholder,
form input[type=number]::placeholder,
form input[type=file]::placeholder,
form input[type=date]::placeholder,
form select::placeholder,
form textarea::placeholder {
	color: rgba(0,0,0,0.40);
}

form textarea {
	padding-top: var(--spacer-xxs);
	padding-bottom: var(--spacer-xxs);
	height: 10.2rem;
	resize: none;
	overflow-y: auto;
}
form input:focus,
form select:focus,
form textarea:focus {
	outline: none;
	border-color: var(--primary-color);
}

form select {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='68' height='42' viewBox='0 0 68 42'%3E%3Cpath id='icon' d='M50,71a4.4,4.4,0,0,1-2.935-1.119L17.491,43.552a4.468,4.468,0,0,1-.377-6.283,4.416,4.416,0,0,1,6.253-.379l26.278,23.4,26.632-29.81a4.412,4.412,0,0,1,6.253-.338,4.464,4.464,0,0,1,.337,6.283L53.3,69.523A4.413,4.413,0,0,1,50,71' transform='translate(-16 -29)' fill-rule='evenodd' fill='%23737373'/%3E%3C/svg%3E%0A");
	background-position: center right 10px;
	background-repeat: no-repeat;
	background-size: 10px 10px;
}

form fieldset {
  max-width: 100% !important;
}

form.hs-form fieldset.form-columns-1 .input {
	margin-right: 0;
}
form.hs-form fieldset.form-columns-1 .hs-input,
form.hs-form fieldset.form-columns-1 input[type=text],
form.hs-form fieldset.form-columns-1 input[type=email],
form.hs-form fieldset.form-columns-1 input[type=password],
form.hs-form fieldset.form-columns-1 input[type=tel],
form.hs-form fieldset.form-columns-1 input[type=number],
form.hs-form fieldset.form-columns-1 input[type=file],
form.hs-form fieldset.form-columns-1 input[type=date],
form.hs-form fieldset.form-columns-1 select,
form.hs-form fieldset.form-columns-1 textarea {
	width: 100%;
}

/* Inputs - checkbox/radio */

form .inputs-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

form .inputs-list > li {
  display: block;
  margin: 0.7rem 0;
}

form .inputs-list input,
form .inputs-list span {
  vertical-align: middle;
	cursor: pointer;
}

form.hs-form fieldset.form-columns-1 input[type=checkbox],
form.hs-form fieldset.form-columns-1 input[type=radio] {
	min-width: 18px;
}

form input[type=checkbox],
form input[type=radio] {
	position: relative;
	width: 18px;
	height: 18px;
  cursor: pointer;
  margin-right: var(--spacer-xxxxs);
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	border: 1px solid var(--secondary-color);
	transition: border var(--default-transition), background-color var(--default-transition);
}
form input[type=checkbox]::after,
form input[type=radio]::after {
	content: url("data:image/svg+xml; utf8, <svg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'><path d='M10.113 1.273a1.085 1.085 0 011.526-.082c.433.386.481 1.041.118 1.485l-.035.04-7.245 8.01a1.083 1.083 0 01-1.474.126l-.047-.039-2.59-2.277A1.076 1.076 0 01.274 7.01a1.085 1.085 0 011.483-.126l.042.035 1.786 1.57 6.528-7.216z' fill='black' /></svg>");
	position: absolute;
	top: 1px;
	right: 0;
	bottom: 0;
	left: 0;
	width: 12px;
	margin: auto;
	text-align: center;
	opacity: 0;
	transition: opacity var(--default-transition);
}
form input[type=checkbox]:checked,
form input[type=radio]:checked {
	border-color: var(--primary-color);
	background-color: var(--primary-color);
}
form input[type=checkbox]:checked::after,
form input[type=radio]:checked::after {
	opacity: 1;
}

form input[type=radio] {
	border-radius: 50%;
}

/* Inputs - date picker */

.hs-dateinput {
  position: relative;
}

.hs-dateinput::before {
  content:'\01F4C5';
  position: absolute;
  right: var(--spacer-xxs);
  top: 50%;
  transform: translateY(-50%);
}

.hs-datepicker .fn-date-picker .pika-lendar {
	width: 308px;
	margin: var(--spacer-xs);
}
.fn-date-picker .pika-title {
	display: flex;
	align-items: center;
}
.fn-date-picker .pika-title .pika-label {
	line-height: 0;
	height: 38px;
	order: 2;
}
.fn-date-picker .pika-title select.pika-select {
	position: relative;
	font-family: var(--font-family-body);
	margin-top: -10px;
	opacity: 1;
	z-index: 10000;
}
.fn-date-picker .is-rtl .pika-next,
.fn-date-picker .pika-prev {
	clear: both;
	order: 1;
}
.fn-date-picker .is-rtl .pika-prev,
.fn-date-picker .pika-next {
	clear: both;
  order: 4;
}

.fn-date-picker .pika-table abbr {
	text-transform: uppercase;
	font-weight: 500;
	font-size: var(--font-size-xxs);
	letter-spacing: 1px;
	color: rgb(107, 105, 102);
	text-decoration: none;
	font-family: var(--font-family-body);
}
.fn-date-picker .pika-table thead {
	white-space: nowrap;
}
.fn-date-picker .pika-table thead th {
  color: #FFF;
}

.fn-date-picker .pika-table td,
.fn-date-picker .pika-table th {
	display: inline-block;
	width: 2.7rem!important;
	line-height: 2.7rem;
	margin: calc(var(--spacer-xxxxs) / 2) var(--spacer-xxxs);
	text-align: center;
	font-family: var(--font-family-body);
}

.fn-date-picker td.is-selected .pika-button {
  border-radius: 50%;
  box-shadow: none;
	background-color: var(--primary-color);
	color: #000 !important;
}

.fn-date-picker td.is-today .pika-button {
	color: #000;
}

.fn-date-picker td .pika-button {
	font-family: var(--font-family-body);
	padding: 0;
	border-radius: 50%;
	text-align: center;
	background-color: #FFF;
	width: 2.7rem;
	height: 2.7rem;
	margin-right: 0;
}
.fn-date-picker td:not(.is-selected):not(.is-today) .pika-button:hover,
.fn-date-picker td:not(.is-selected):not(.is-today) .pika-button:focus {
	background-color: rgb(246, 243, 239) !important;
  color: rgb(107, 105, 102) !important;
}
.fn-date-picker td.is-today .pika-button:hover,
.fn-date-picker td.is-today .pika-button:focus,
.fn-date-picker td.is-selected .pika-button:hover,
.fn-date-picker td.is-selected .pika-button:focus{
	background-color: var(--primary-color)!important;
	color: #000!important;
}
.fn-date-picker td .pika-button:hover,
.fn-date-picker td .pika-button:focus {
	border-radius: 50% !important;
}


/* Inputs - file picker */

form input[type=file] {
  background-color: transparent;
  border: initial;
  padding: initial;
}

/* Headings and text */

form .hs-richtext,
form .hs-richtext p {
	color: #323232;
  font-size: var(--font-size-body-xxs);
  margin: 0;
	line-height: 1.3;
}
form .hs-richtext span {
	text-decoration: none!important;
}
form .hs-richtext a {
	line-height: 1.3;
	text-decoration: none;
}

form .hs-richtext img {
  max-width: 100% !important;
}

/* GDPR */

.legal-consent-container .hs-form-booleancheckbox-display > span,
.legal-consent-container .hs-form-booleancheckbox-display > span p {
  margin-left: 1rem !important;
}

/* Validation */

.hs-form-required {
  color: var(--primary-color);
	padding-left: var(--spacer-xxxxs);
}

.hs-input.invalid.error {
  border-color: #bf4c3b;
}

.hs-error-msg {
	font-size: 1.1rem;
	font-weight: 600;
	letter-spacing: -0.2px;
  color: #bf4c3b;
  margin-top: 0;
}

/* Submit button */
form .hs_submit.hs-submit {
	padding-top: 1.4rem;
}

form input[type=submit],
form .hs-button {
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	text-align: center;
	white-space: normal;
	text-decoration: none;
	font-size: var(--font-size-body-s);
	letter-spacing: 0;
	color: var(--black-color);
	font-weight: 600;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	background-color: transparent;
	border: 0;
	padding: 0rem 2rem;
	height: 4.9rem;
	background-color: var(--primary-color);
	transition: color var(--default-transition), background-color var(--default-transition);
}
form input[type=submit]:hover,
form .hs-button:hover {
	background-color: var(--light-primary-color);
}

/* Captcha */

.grecaptcha-badge {
  margin: 0 auto;
}
/* Table */

table {
  border-collapse: collapse;
  margin-bottom: 1.4rem;
  overflow-wrap: break-word;
}

/* Table cells */

td,
th {
  vertical-align: top;
}

/* Table header */

thead th {
  vertical-align: bottom;
}

/* Components
Specific pieces of UI that are stylized. Typically used for global partial styling
*/

div[data-global-resource-path*="header"] {
	position: sticky;
	top: 0;
	z-index: 1;
	
}

header {
	position: relative;
	border-bottom: 1px solid rgba(0, 0, 0, 0);
	z-index: 2;
	transition: background var(--default-transition), border var(--default-transition);
}
.ty-page header,
.landing-page header,
.scrolled header {
	border-bottom-color: rgba(0, 0, 0, 0.1);
	background-color: var(--white-color);
}

/* Header DND sections */

.header .dnd-section {
  padding: 0;
}

/* Header container */

.header__container {
  display: flex;
  justify-content: space-between;
	padding-top: 2.4rem;
	padding-bottom: 2.4rem;
}

.header__row-1 {
  padding-top: 1rem;
}

.header__row-1,
.header__row-2 {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  width: 100%;
}

.header__column {
	flex-grow: 1;
	padding-left: var(--spacer-xl);
}

@media (max-width: 1023px) {
	.header__column {
		padding-left: var(--spacer-md);
	}
}
@media (max-width: 767px) {
	.header__column {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		padding-left: var(--wrapper-padding-value);
		padding-right: var(--wrapper-padding-value);
	}
  .header__container {
		height: 80px;
    flex-direction: column;
    padding: var(--spacer-xxxs) 0;
  }
	.landing-page .header__container {
		height: auto;
	}
}

/* Navigation skipper */

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

.header__skip:hover,
.header__skip:focus,
.header__skip:active {
  height: auto;
  left: 0;
  overflow: visible;
  top: 0;
  width: auto;
}

/* Logo */

.header__logo {
	line-height: 0;
  align-items: center;
  display: flex;
  height: auto;
  max-width: 200px;
  overflow: hidden;
}



@media (min-width: 768px) {
  .header__logo {
    flex: 0 0 130px;
  }
}
@media (min-width: 1024px) {
  .header__logo {
    flex: 0 0 165px;
  }
}

@media (max-width: 767px) {
  .header__logo {
    margin: auto;
    width: 130px;
  }
	.header--no-navigation-cta .header__logo {
		margin: unset;
	}
	.header__logo a {
		position: relative;
		z-index: 1;
	}
}

.header__logo img {
  max-width: 100%;
}

.header__logo .logo-company-name {
  font-size: var(--font-size-body-s);
}

.ty-page .header__toolbox {
	margin-left: auto;
}

/* Contact us */
@media (min-width: 768px) {
	.header__contact-us {
		margin-left: var(--spacer-lg);
	}
}

@media (max-width: 767px) {
	.header__contact-us a {
		position: relative;
		display: block;
		width: 28px;
		height: 28px;
		overflow: hidden;
		background-color: var(--white-color);
		color: var(--white-color);
		padding: 0;
	}
	.header__contact-us a::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 28px;
		height: 28px;
		background-color: #FFF;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M62.297 52.8l28.125 23.982L9.016 86 37.14 55.648l10.6 9.038a2.705 2.705 0 001.759.647c.73 0 1.456-.293 1.986-.865L62.296 52.8zM5 28.24L33.042 52.15 5 82.413V28.24zm89-9.652v54.17l-28.042-23.91L94 18.588zM89.98 15L60.048 47.303c-.005.008-.014.014-.023.023-.004.004-.005.009-.009.013L49.28 58.925 8.578 24.218 89.98 15z' fill='%23000'%3E%3C/path%3E%3C/svg%3E%0A");
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
	}
}

/* Search bar */

.header__search {
  padding: 0 1rem;
  width: auto;
}

.header__search .hs-search-field__input {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5TZWFyY2g8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+ICAgICAgICA8cGF0aCBkPSJNOS4xMzg2MTUzNCwxNS44OTI1Njg1IEM1LjQxMzk1NzQyLDE1Ljg5MjU2ODUgMi4zODM4ODUyNywxMi44NjM0NDc1IDIuMzgzODg1MjcsOS4xMzkwMDM3NiBDMi4zODM4ODUyNyw1LjQxNDU2MDA1IDUuNDEzOTU3NDIsMi4zODM4ODUyNyA5LjEzODYxNTM0LDIuMzgzODg1MjcgQzEyLjg2MzI3MzMsMi4zODM4ODUyNyAxNS44OTI1Njg1LDUuNDE0NTYwMDUgMTUuODkyNTY4NSw5LjEzOTAwMzc2IEMxNS44OTI1Njg1LDEyLjg2MzQ0NzUgMTIuODYzMjczMywxNS44OTI1Njg1IDkuMTM4NjE1MzQsMTUuODkyNTY4NSBNOS4xMzg3NTI0NSwyLjQzMzYwODg3ZS0xMyBDMTQuMTc3OTk1NSwyLjQzMzYwODg3ZS0xMyAxOC4yNzY0NTM3LDQuMTAwMzI0NzEgMTguMjc2NDUzNyw5LjEzOTI3Nzk2IEMxOC4yNzY0NTM3LDExLjIyOTgyMTEgMTcuNTcxMDE2OSwxMy4xNTg0NDM0IDE2LjM4NTYzMTMsMTQuNjk5NjY5NiBMMjMuNjUwODg4MSwyMS45NjUyMjY2IEMyNC4xMTYzNzA2LDIyLjQzMDcwOTIgMjQuMTE2MzcwNiwyMy4xODU0MDU1IDIzLjY1MDg4ODEsMjMuNjUwODg4MSBDMjMuMTg1NDA1NSwyNC4xMTYzNzA2IDIyLjQzMDcwOTIsMjQuMTE2MzcwNiAyMS45NjUyMjY2LDIzLjY1MDg4ODEgTDE0LjY5OTgxMzMsMTYuMzg1NDcxMyBDMTMuMTU4NDQwNSwxNy41NzA5NTA5IDExLjIyOTU3MzgsMTguMjc2NDUzNyA5LjEzODc1MjQ1LDE4LjI3NjQ1MzcgQzQuMDk5NTA5MzgsMTguMjc2NDUzNyAtMy43MzAzNDkzNmUtMTQsMTQuMTc4MjMxMiAtMy43MzAzNDkzNmUtMTQsOS4xMzkyNzc5NiBDLTMuNzMwMzQ5MzZlLTE0LDQuMTAwMzI0NzEgNC4wOTk1MDkzOCwyLjQzMzYwODg3ZS0xMyA5LjEzODc1MjQ1LDIuNDMzNjA4ODdlLTEzIFoiIGlkPSJwYXRoLTEiPjwvcGF0aD4gICAgPC9kZWZzPiAgICA8ZyBpZD0iU2VhcmNoIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxtYXNrIGlkPSJtYXNrLTIiIGZpbGw9IndoaXRlIj4gICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPiAgICAgICAgPC9tYXNrPiAgICAgICAgPHVzZSBpZD0iSWNvbnMvQWN0aW9ucy9TZWFyY2giIGZpbGw9IiM0OTRBNTIiIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPiAgICA8L2c+PC9zdmc+);
  background-position: center right 15px;
  background-repeat: no-repeat;
  height: 45px;
  padding: 0 0.7rem;
}

.header__search .hs-search-field--open .hs-search-field__input {
  border-bottom: none;
  border-radius: 6px 6px 0 0;
  max-width: 100%;
}

.header__search .hs-search-field--open .hs-search-field__suggestions {
  background-color: #FFF;
  border: 2px solid #D1D6DC;
  border-radius: 0 0 6px 6px;
  border-top-width: 1px;
  position: absolute;
  width: 100%;
  z-index: 10;
}

.header__search .hs-search-field__suggestions li {
  border-top: 1px solid #D1D6DC;
  font-size: 0.875rem;
}

.header__search .hs-search-field__suggestions li a {
  color: #494A52;
  padding: 0.35rem 0.7rem;
  text-decoration: none;
  transition: background-color 0.3s;
}

.header__search .hs-search-field__suggestions #results-for {
  display: none;
}

@media (min-width: 767px) {
  .header__search form {
    align-items: center;
    display: flex;
    flex-direction: row;
  }

  .header__search label {
    margin: 0 1rem 0 0;
  }

  .header__search .hs-search-field__input {
    width: auto;
  }
}

@media (max-width: 767px) {
  .header__search {
    border-top: 2px solid #CED4DB;
    order: 1;
    padding: 1.05rem;
  }
}

/* Language switcher */

@media (max-width: 767px){
	.header__language-switcher {
		display: none;
	}
}

/* Navigation */

#nav-toggle {
  display: none;
}

/* Mobile toggles */

@media (max-width: 767px) {
	.header__label-mobile {
		display: block;
		width: 40px;
		height: 40px;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M91.049 65.784a2.644 2.644 0 012.934 2.334 2.652 2.652 0 01-2.334 2.936L8.95 80.484a2.652 2.652 0 01-.6-5.272zm0-23.133a2.645 2.645 0 012.933 2.335 2.654 2.654 0 01-2.334 2.936L8.952 57.35a2.65 2.65 0 01-2.934-2.334 2.65 2.65 0 012.333-2.936zM8.95 34.218l82.698-9.43a2.65 2.65 0 002.332-2.935 2.642 2.642 0 00-2.933-2.334L8.35 28.948a2.652 2.652 0 00.6 5.27z' fill='%23000'%3E%3C/path%3E%3C/svg%3E%0A");
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
	}
	.header__input-mobile:checked + .header__label-mobile {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M49.42 39.78L82.87 2.42a7.22 7.22 0 0110.22-.56 7.28 7.28 0 01.56 10.26l-33.39 37.3 32.8 29.14c3 2.66 3.27 7.25.62 10.25a7.23 7.23 0 01-10.23.62l-32.87-29.2-33.45 37.36a7.22 7.22 0 01-5.39 2.41 7.18 7.18 0 01-4.83-1.86 7.28 7.28 0 01-.56-10.26l33.39-37.3-32.8-29.13a7.29 7.29 0 01-.62-10.26 7.23 7.23 0 0110.23-.61l32.87 29.2z' fill='%23000'%3E%3C/path%3E%3C/svg%3E%0A");
		background-size: 24px 24px;
		background-position: left center;
	}
	
  .header__navigation,
  .header__language-switcher {
    width: 100%;
  }

}
.footer {
	padding-top: var(--spacer-xxxxl);
	padding-bottom: var(--spacer-xxxxl);
}
@media (max-width: 767px) {
	.footer {
		padding-top: var(--spacer-lg);
		padding-bottom: var(--spacer-lg);
	}
}

.footer__menu {
	flex: 0 0 100%;
	justify-content: space-between;
	margin-top: var(--spacer-lg);
	padding-top: 2rem;
	border-top: solid 1px rgba(0, 0, 0, 0.1);
}
@media (min-width: 1024px) {
	.footer__menu {
		align-items: center;
	}
}
@media (max-width: 1023px) {
	.footer__menu {
		align-items: flex-start;
	}
}

@media (max-width: 767px) {
	.footer__menu {
		flex-direction: column;
	}
	.footer__socials {
		margin-top: var(--spacer-sm);
	}
}
.footer__socials-text {
	margin-bottom: var(--spacer-xs);
}

.footer__socials-text * {
	font-family: var(--font-family-title);
	font-size: var(--font-size-body-s);
	font-weight: 600;
	letter-spacing: -0.5px;
	line-height: 1.2;
}
.footer__socials-text *:last-of-type {
	margin-bottom: 0;
}

@media (max-width: 767px) {
	.footer__logo {
		width: 100%;
	}

}

@media (min-width: 767px) and (max-width: 991px) {
	.footer__logo img {
		min-width: 100%;
	}
}
@media (max-width: 767px) {
	.footer__language-switcher {
		margin-top: var(--spacer-xxs);
	}
}
.footer__language-switcher-text {
	margin-bottom: 0;
	font-size: var(--font-size-body-xs);
	opacity: 0.7;
}
.footer__language-switcher .language-switcher__dropdown {
	top: auto;
	bottom: calc(100% + var(--spacer-xs));
}
/* Menu and simple menu */

.hs-menu-wrapper ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding-left: 0;
}

/* Horizontal menu */

.hs-menu-wrapper.hs-menu-flow-horizontal .hs-menu-children-wrapper {
  flex-direction: column;
}

@media (max-width: 767px) {
  .hs-menu-wrapper.hs-menu-flow-horizontal ul {
    flex-direction: column;
  }
}

/* Vertical menu */

.hs-menu-wrapper.hs-menu-flow-vertical ul {
  flex-direction: column;
}

/* Flyouts */

.hs-menu-wrapper.hs-menu-flow-vertical.flyouts ul {
  display: inline-flex;
}

@media (max-width: 767px) {
  .hs-menu-wrapper.hs-menu-flow-vertical ul {
    display: flex;
  }
}

.hs-menu-wrapper.flyouts .hs-item-has-children {
  position: relative;
}

.hs-menu-wrapper.flyouts .hs-menu-children-wrapper {
  left: -9999px;
  opacity: 0;
  position: absolute;
}

.hs-menu-wrapper.flyouts .hs-menu-children-wrapper a {
  display: block;
  white-space: nowrap;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
  left: 0;
  opacity: 1;
  top: 100%;
}

.hs-menu-wrapper.hs-menu-flow-vertical.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
  left: 100%;
  opacity: 1;
  top: 0;
}

@media (max-width: 767px) {
  .hs-menu-wrapper.flyouts .hs-menu-children-wrapper,
  .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper,
  .hs-menu-wrapper.hs-menu-flow-vertical.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
    left: 0;
    opacity: 1;
    position: relative;
    top: auto;
  }
}

/* CTA, logo, and rich text images */

.hs_cos_wrapper_type_cta img,
.hs_cos_wrapper_type_logo img,
.hs_cos_wrapper_type_rich_text img {
  height: auto;
  max-width: 100%;
}

/* reveal on scroll */
body:not(.no-reveal) .hs_cos_wrapper_type_module:not(.hs_cos_wrapper_type_rich_text) > *,
body:not(.no-reveal) .hs_cos_wrapper_type_linked_image > *,
body:not(.no-reveal) span.hs_cos_wrapper_type_rich_text > * {
	opacity: 0;
	transform: translateY(10px);
	transition: opacity .5s ease-in-out,transform .5s ease-in-out;
}
body:not(.no-reveal) .hs_cos_wrapper_type_module:not(.hs_cos_wrapper_type_rich_text) > *.shazam,
body:not(.no-reveal) .hs_cos_wrapper_type_linked_image > *.shazam,
body:not(.no-reveal) span.hs_cos_wrapper_type_rich_text > *.shazam {
	opacity: 1;
	transform: translateY(0px);
}
.alternating-bloc {
	padding-top: 5rem;
	padding-bottom: 5rem;
}
@media (max-width: 1279px) {
	.alternating-bloc {
		padding-top: var(--spacer-xxxxl);
	}
}

.alternating-bloc__caption {
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
}
.alternating-bloc__caption * {
	font-size: var(--font-size-body-xs);
	line-height: 1.7;
	text-align: center;
}
.alternating-bloc__caption *:last-child {
	margin-bottom: 0;
}

.alternating-bloc__list {
	margin-bottom: 0;
}

.alternating-bloc__item {
	--bloc-background-color: var(--secondary-color);
	padding: var(--spacer-xxxxl);
	background-color: var(--bloc-background-color);
	margin-top: var(--spacer-md);
}
@media (max-width: 1279px) {
	.alternating-bloc__item {
		padding: var(--spacer-xxl);
	}
}
@media (max-width: 767px) {
	.alternating-bloc__item {
		padding: var(--spacer-lg);
	}
}
@media (max-width: 540px) {
	.alternating-bloc__item {
		padding: var(--spacer-sm);
	}
}
.alternating-bloc__item--border {
	box-shadow: inset 0 0 0 1px var(--secondary-color);
}

.alternating-bloc__item--image-full-height {
	padding: 0 var(--spacer-xxxxl);
}

@media (min-width: 1280px) {
	.alternating-bloc__item--image-full-height .alternating-bloc__item-col--texts {
		padding-top: var(--spacer-xxxxl);
		padding-bottom: var(--spacer-xxxxl);
	}
	.alternating-bloc__item:nth-child(even) {
		flex-direction: row-reverse;
	}
}
@media (max-width: 767px) {
	.alternating-bloc__item {
		padding: var(--spacer-md);
	}
}

.alternating-bloc__item-col {
	flex: 0 0 50%;
}
@media (max-width: 1279px) {
	.alternating-bloc__item-col {
		flex: 0 0 100%;
	}
	.alternating-bloc__item-col--media {
		margin-bottom: var(--spacer-md);
	}
}

.alternating-bloc__item-col--media {
	line-height: 0;
}

.alternating-bloc__item-col--media-video > div{
	width: 100%;
}

.alternating-bloc__item-image {
	max-width: 100%;
	height: auto;
}
@media (min-width: 1280px) {
	.alternating-bloc__item--odd .alternating-bloc__item-image {
		margin-left: var(--spacer-xs);
	}
	.alternating-bloc__item--even .alternating-bloc__item-image {
		margin-left: auto;
		margin-right: var(--spacer-xs);
	}
}
@media (max-width: 1279px) {
	.alternating-bloc__item-image {
		margin-left: auto;
		margin-right: auto;
	}
}

.alternating-bloc__item-iframe-container {
	position: relative;
	overflow: hidden;
	padding-top: 56.25%;
	width: 100%;
	max-width: 517px;
}
@media (min-width: 1280px) {
	.alternating-bloc__item--even .alternating-bloc__item-iframe-container {
		margin-left: auto;
	}
	.alternating-bloc__item--odd .alternating-bloc__item-iframe-container {
		margin-right: auto;
	}
}
@media (max-width: 1279px) {
	.alternating-bloc__item-iframe-container {
		margin-left: auto;
		margin-right: auto;
		max-width: unset;
	}
}

.alternating-bloc__item-iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}
@media (min-width: 1280px) {
	.alternating-bloc__item-col--texts {
		padding-left: var(--spacer-xs);
		padding-right: var(--spacer-xs);
	}
}

.alternating-bloc__item-title {
	margin-bottom: var(--spacer-xxs);
	line-height: 1.2;
	letter-spacing: -0.9px;
}

.alternating-bloc__item-caption:not(.no-cta) {
	margin-bottom: var(--spacer-md);
}

@media (min-width: 1280px) {
	.alternating-bloc__item-title,
	.alternating-bloc__item-caption {
		max-width: 500px;
	}
}

.alternating-bloc__item-caption * {
	font-size: var(--font-size-body-xs);
}
.alternating-bloc__item-caption *:last-child {
	margin-bottom: 0;
}
.alternating-bloc__item-caption ul {
	padding-left: var(--spacer-xs);
	list-style: none;
}
.alternating-bloc__item-caption ul li {
	position: relative;
}
.alternating-bloc__item-caption ul li::before {
	content: "";
	position: absolute;
	top: 7.5px;
	left: calc(var(--spacer-xs) * -1);
	width: 5px;
	height: 5px;
	background-color: var(--primary-color);
	border-radius: 50%;
}
.cta-full-width {
	padding-top: 5rem;
	padding-bottom: 5rem;
}
.cta-full-width__inner {
	--background-color: #FFF;
	background-color: var(--background-color);
	padding: var(--spacer-md) 10rem;
	justify-content: space-between;
}
.cta-full-width__inner--image-full-height {
	padding: 0 10rem;
}
.cta-full-width__inner--white {
	box-shadow: inset 0 0 0 1px #EFEAE4;
}
@media (max-width: 1023px) {
	.cta-full-width__inner {
		flex-wrap: wrap;
		justify-content: center;
		padding: var(--spacer-md) var(--spacer-xl);
	}
}
@media (max-width: 767px) {
	.cta-full-width__inner {
		padding: var(--spacer-md);
	}
}

.cta-full-width__inner--image-full-height .cta-full-width__image {
	min-height: 100%;
	object-fit: contain;
	object-position: center bottom;
}
@media (max-width: 1023px) {
	.cta-full-width__image {
		display: none;
	}
}

@media (min-width: 1024px) {
	.cta-full-width__texts {
		max-width: 720px;
		width: 100%;
	}
	.cta-full-width__inner--image-full-height .cta-full-width__texts {
		padding-top: var(--spacer-xl);
		padding-bottom: var(--spacer-xl);
	}
}
@media (max-width: 1023px) {
	.cta-full-width__texts {
		flex 0 0 100%;
	}
}

.cta-full-width__caption {
	padding-right: var(--spacer-xxs);
}
.cta-full-width__caption * {
	font-size: var(--font-size-body-xs);
	line-height: 1.7;
}
.cta-full-width__caption *:last-child {
	margin-bottom: 0;
}

.cta-full-width__cta-container {
	margin-top: var(--spacer-md);
}
.customer-logo {
	--background-color: var(--secondary-color);
}
.customer-logo--empty {
	padding-top: 5rem;
	padding-bottom: 5rem;
}
@media (max-width: 1279px) {
	.customer-logo--empty {
		padding-top: var(--spacer-xxxxl);
		padding-bottom: calc(var(--spacer-xxxxl) - var(--spacer-lg));
	}
}
.customer-logo--background {
	padding-top: var(--spacer-xl);
	padding-bottom: var(--spacer-xl);
	background-color: var(--background-color);
}

.customer-logo--semi {
	background-image: linear-gradient(to right, var(--background-color), var(--background-color)), linear-gradient(to right, #FFF, #FFF);
	background-size: 100% 50%;
	background-repeat: no-repeat;
	background-position: center top, center bottom;
	margin-bottom: 5rem;
}

.customer-logo--semi .wrapper--customer-logo {
	background-image: linear-gradient(to right, #FFF, #FFF), linear-gradient(to right, var(--background-color), var(--background-color));
	background-size: calc(100% - ((var(--wrapper-padding-value) * 2) + 2px)) calc(100% - 2px), calc(100% - (var(--wrapper-padding-value) * 2));
	background-position: center;
	background-repeat: no-repeat;
	padding-top: var(--spacer-xl);
	padding-bottom: var(--spacer-xl);
}
@media (max-width: 1279px) {
	.customer-logo--semi .wrapper--customer-logo {
		background-size: calc(100% - 2px) calc(100% - 2px), 100%;
	}
}
.container-fluid .row-fluid .customer-logo--semi .wrapper.wrapper--customer-logo {
	padding: var(--spacer-xl) var(--wrapper-padding-value);
}
@media (max-width: 1279px) {
	.container-fluid .row-fluid .customer-logo--semi .wrapper.wrapper--customer-logo {
		padding-bottom: var(--spacer-sm);
		max-width: calc(var(--wrapper-max-width) - (var(--wrapper-padding-value) * 2));
	}
}

.customer-logo__title {
	margin-bottom: var(--spacer-xxs);
}

.customer-logo__caption * {
	font-size: var(--font-size-body-xs);
	line-height: 1.7;
	text-align: center;
}
.customer-logo__caption *:last-child {
	margin-bottom: 0;
}

.customer-logo__list {
	padding-top: var(--spacer-md);
}
.customer-logo--semi .customer-logo__list {
	padding-left: var(--spacer-md);
	padding-right: var(--spacer-md);
}
@media (max-width: 1279px) {
	.customer-logo--semi .customer-logo__list {
		width: 100%;
		transform: unset;
		left: auto;
		padding-left: 0;
		padding-right: 0;
	}
	.customer-logo--semi .customer-logo__list::after {
		content: none;
	}
}

@media (max-width: 1279px) {
	.customer-logo__list {
		padding-bottom: 0;
		margin-bottom: 0;
		flex-wrap: wrap;
	}
	
	.customer-logo__list::after {
		content: "";
		min-height: 100%;
		min-width: var(--wrapper-padding-value);
	}
}

.customer-logo__item {
	flex: 0 0 calc(((100% / 12) * 2) - (var(--spacer-lg) / (6/5)));
	line-height: 0;
}
.customer-logo__item:not(:nth-child(6n + 1)) {
	margin-left: var(--spacer-lg);
}
@media (max-width: 1279px) {
	.customer-logo__item {
		flex: 0 0 calc(50% - (var(--spacer-lg) / 2));
		margin-bottom: var(--spacer-lg);
	}
	.customer-logo__item:not(:nth-child(6n + 1)) {
		margin-left: 0;
	}
	.customer-logo__item:not(:nth-child(2n + 1)) {
		margin-left: var(--spacer-lg);
	}
}

@media (max-width: 767px) {
	.customer-logo__item {
		flex: 0 0 100%;
	}
	.customer-logo__item:not(:nth-child(2n + 1)) {
		margin-left: 0;
	}
}

.customer-logo__image {
	max-width: 170px;
	height: auto;
	max-height: 50px;
	object-fit: contain;
	object-position: center;
}
.customer-logo--background .customer-logo__image {
	filter: brightness(0);
}
.customer-quote {
	--quote-background-color: #FFF;
	background-color: var(--quote-background-color);
	padding-top: 5rem;
	padding-bottom: 5rem;
	overflow-x: hidden;
}

.customer-quote__title {
	line-height: 1.2;
	letter-spacing: -1.12px;
	margin-bottom: var(--spacer-xs);
}

.customer-quote__caption {
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: var(--spacer-xl);
}
.customer-quote__caption * {
	font-size: var(--font-size-body-xs);
	text-align: center;
	line-height: 1.7;
}
.customer-quote__caption *:last-child {
	margin-bottom: 0;
}



.customer-quote__list--carousel {
	--item-width: 385px;
}
@media (min-width: 2560px) {
	.customer-quote__list--carousel {
		--item-width: 20%;
	}
}

@media (max-width: 767px) {
	.customer-quote__list--carousel {
		position: relative;
		overflow-x: scroll;
		padding-bottom: var(--spacer-sm);
		width: 100vw;
		left: calc(50% - 50vw);
	}
	ul.no-list.customer-quote__list--carousel {
		padding-left: calc(((100vw - var(--wrapper-max-width)) / 2) + var(--wrapper-padding-value));
	}
	.customer-quote__list--carousel::after {
		content: "";
		min-width: calc(((100vw - var(--wrapper-max-width)) / 2) + var(--wrapper-padding-value));
		min-height: 1px;
	}
}
@media (max-width: 540px) {
	ul.no-list.customer-quote__list--carousel {
		padding-left: var(--spacer-lg);
	}
}

.customer-quote__list-one-item .customer-quote__item {
	max-width: 1031px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	align-items: center;
}

.customer-quote__item {
	--background-color: #FFF;
	background-color: var(--background-color);
	padding: var(--spacer-md);
}
.customer-quote__list--carousel .customer-quote__item:not(:first-of-type) {
	margin-left: var(--spacer-lg);
}
.customer-quote__list--carousel .customer-quote__item {
	flex: 0 0 var(--item-width);
	max-width: 100%;
}
@media (max-width: 540px) {
	.customer-quote__list--carousel .customer-quote__item {
		flex: 0 0 calc(100% - var(--spacer-lg));
	}
}
@media (max-width: 767px) {
	.customer-quote__item--desktop {
		display: none;
	}
}

.customer-quote__list--grid .customer-quote__item:not(:nth-child(3n + 1)) {
	margin-left: var(--spacer-lg);
}
.customer-quote__list--grid {
	flex-wrap: wrap;
}
.customer-quote__list--grid .customer-quote__item {
	flex: 0 0 calc((100% / 3) - (var(--spacer-lg) / (3/2)));
	max-width: var(--item-width);
	margin-bottom: var(--spacer-lg);
}
@media (max-width: 1023px) {
	.customer-quote__list--grid .customer-quote__item {
		flex: 0 0 100%;
		max-width: unset;
	}
	.customer-quote__list--grid .customer-quote__item:not(:nth-child(3n + 1)) {
		margin-left: 0;
	}
}

.customer-quote__list--grid[data-length="1"],
.customer-quote__list--grid[data-length="2"] {
	flex-wrap: nowrap;
}
.customer-quote__list--grid[data-length="1"] .customer-quote__item {
	flex: 1 0 0;
	max-width: unset;
}
.customer-quote__list--grid[data-length="2"] .customer-quote__item {
	flex: 0 0 calc(50% - (var(--spacer-lg) / 2));
	max-width: unset;
}

.customer-quote__item-text-container {
	margin-bottom: var(--spacer-md);
}
.customer-quote__list[data-length="1"] .customer-quote__item-text-container {
	text-align: center;
}
.customer-quote__item-text {
	margin-bottom: 0;
}
.customer-quote__item-text-container,
.customer-quote__item-text,
.customer-quote__item-text-container::before,
.customer-quote__item-text-container::after {
	font-size: var(--font-size-h5);
	line-height: 1.6;
	letter-spacing: -0.5px;
	font-weight: bold;
}
.customer-quote__item-text,
.customer-quote__item-text-container::before,
.customer-quote__item-text-container::after {
	display: inline;
}
.customer-quote__item-text-container::before {
	content: "«";
}
.customer-quote__item-text-container::after {
	content: "»";
}

.customer-quote__item-image {
	margin-bottom: var(--spacer-xxs);
	max-height: 30px;
	max-width: 130px;
	object-fit: contain;
	object-position: left center;
}
.customer-quote__list[data-length="1"] .customer-quote__item-image {
	object-position: center;
}

.customer-quote__item-author {
	font-size: var(--font-size-body-xs);
	line-height: 1.7;
	margin-bottom: 0;
}
.customer-quote__list[data-length="1"] .customer-quote__item-author,
.customer-quote__list[data-length="2"] .customer-quote__item-author {
	text-align: center;
}
.faq {
	--faq-background-color: var(--secondary-color);
	background-color: var(--faq-background-color);
	padding-top: 5rem;
	padding-bottom: 5rem;
}

.faq__title {
	line-height: 1.2;
	letter-spacing: -1.12px;
	margin-bottom: var(--spacer-xs);
}
.faq__caption {
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
}
.faq__caption * {
	font-size: var(--font-size-body-xs);
	text-align: center;
	line-height: 1.7;
}
.faq__caption *:last-child {
	margin-bottom: 0;
}

.faq__list {
	margin-top: var(--spacer-md);
}
.faq__list[data-column="1"] {
	max-width: 813px;
	margin-left: auto;
	margin-right: auto;
}

@media (min-width: 992px) {
	.faq__list[data-column="2"] {
		columns: 2;
	}
	.faq__label {
		display: inline-flex;
		-webkit-column-break-inside: avoid;
		page-break-inside: avoid;
		break-inside: avoid-column;
	}
}

.faq__label {
	--background-color: #FFF;
	position: relative;
	padding: var(--spacer-md);
	background-color: #FFF;
	min-height: 108px;
	width: 100%;
	cursor: pointer;
	margin-bottom: var(--spacer-xs);
	transition: background-color var(--default-transition);
}


.faq__input:checked + .faq__label {
	background-color: var(--background-color);	
}

.faq__question {
	position: relative;
	width: 100%;
	font-family: var(--font-family-title);
	font-size: var(--font-size-body-xs);
	line-height: 1.7;
	font-weight: bold;
	margin-bottom: 0;
	padding-right: 1.6rem;
}
.faq__question::after {
	content: "";
	position: absolute;
	top: calc(50% - 3px);
	right: 0;
	width: 12px;
	height: 6px;
	transform: rotate(0);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='68' height='42' viewBox='0 0 68 42'%3E%3Cpath id='icon' d='M50,71a4.4,4.4,0,0,1-2.935-1.119L17.491,43.552a4.468,4.468,0,0,1-.377-6.283,4.416,4.416,0,0,1,6.253-.379l26.278,23.4,26.632-29.81a4.412,4.412,0,0,1,6.253-.338,4.464,4.464,0,0,1,.337,6.283L53.3,69.523A4.413,4.413,0,0,1,50,71' transform='translate(-16 -29)' fill-rule='evenodd' fill='%23000'/%3E%3C/svg%3E%0A");
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	transition: transform var(--default-transition);
}
.faq__input:checked + .faq__label .faq__question::after {
	transform: rotate(-90deg);
}

.faq__answer-outer {
	--max-height-answer: 0px;
	max-height: 0;
	width: 100%;
	overflow: hidden;
	margin-top: 0;
	transition: max-height 0.5s ease, margin 0.5s ease;
}
.faq__input:checked + .faq__label .faq__answer-outer {
	max-height: var(--max-height-answer);
	margin-top: var(--spacer-xxs);

}
.faq__answer-inner {
	padding-right: var(--spacer-xs);
}
.faq__answer-inner * {
	font-size: var(--font-size-body-xs);
	line-height: 1.7;
}
.faq__answer-inner *:last-child {
	margin-bottom: 0;
}
.features {
	--features-background-color: #FFF;
	background-color: var(--features-background-color);
	padding-top: 5rem;
	padding-bottom: 5rem;
}

.features__caption {
	margin: 0 auto 0;
	max-width: 600px;
}
.features__caption * {
	font-size: var(--font-size-body-xs);
	line-height: 1.7;
}
.features__caption *:last-child {
	margin-bottom: 0;
}

.features__container {
	padding-top: var(--spacer-md);
	margin-bottom: 0;
}

.features__item {
	position: relative;
	flex: 0 0 calc((100% / 3) - (var(--spacer-lg) / (3/2)));
	padding: var(--spacer-md);
	margin-bottom: var(--spacer-md)
}
.features__item:not(:nth-child(3n + 1)) {
	margin-left: var(--spacer-lg);
}
@media (max-width: 1023px) {
	.features__item {
		flex: 0 0 100%;
		margin-bottom: var(--spacer-lg);
	}
	.features__item:not(:nth-child(3n + 1)) {
		margin-left: 0;
	}
}
.features__item--white {
	box-shadow: inset 0 0 0 1px var(--secondary-color);
}

.features__item-image {
	height: 200px;
	width: 200px;
	object-fit: contain;
	object-position: center;
	margin-bottom: var(--spacer-sm);
}
.features__item-title {
	margin-bottom: var(--spacer-xxs);
}
.features__item-title * {
	line-height: 1.2;
	letter-spacing: -0.9px;
}
.features__item-title *:last-child {
	margin-bottom: 0;
}

.features__item-caption * {
	font-size: var(--font-size-body-xs);
	line-height: 1.7;
	text-align: center;
}
.features__item-caption *:last-child {
	margin-bottom: 0;
}

.features__item-row--cta {
	margin-top: var(--spacer-md);
}
.form-fw {
	--form-fw-background-color: var(--secondary-color);
	background-color: var(--form-fw-background-color);
	padding-top: 5rem;
	padding-bottom: 5rem;
}

.form-fw__container {
	background-color: #FFF;
	padding: var(--spacer-md);
	max-width: 1027px;
	margin-left: auto;
	margin-right: auto;
}
@media (max-width: 767px) {
	.form-fw__container {
		padding: var(--spacer-sm);
	}
}

.form-fw__container .form-title {
	text-align: center;
	margin-bottom: var(--spacer-md);
}
@media (max-width: 767px) {
	.form-fw__container .form-title {
		margin-bottom: var(--spacer-sm);
	}
}

.form-fw__container form.hs-form fieldset {
	display: flex;
}
@media (max-width: 767px) {
	.form-fw__container form.hs-form fieldset {
		flex-wrap: wrap;
	}
}
.form-fw__container form.hs-form .hs-form-field {
	width: 100%;
}

.form-fw__container form.hs-form fieldset.form-columns-2 .hs-form-field {
	clear: both;
	width: calc(50% - (var(--spacer-lg) / 2));
}
.form-fw__container form.hs-form fieldset.form-columns-2 .hs-form-field:first-of-type {
	margin-right: var(--spacer-lg);
}
@media (max-width: 767px) {
	.form-fw__container form.hs-form fieldset.form-columns-2 .hs-form-field {
		width: 100%;
	}
	.form-fw__container form.hs-form fieldset.form-columns-2 .hs-form-field:first-of-type {
		margin-right: 0;
	}
}

.form-fw__container form.hs-form fieldset.form-columns-1 .input,
.form-fw__container form.hs-form fieldset.form-columns-2 .input {
	margin-right: 0;
}


.form-fw__container form.hs-form .hs_submit.hs-submit {
	text-align: center;
}
.hero {
	position: relative;
}

.hero__background-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.hero--lp .hero__texts,
.hero--lp .hero__form,
.hero--lp .hero__media-container {
	flex: 0 0 50%;
}

@media (max-width: 1023px) {
	.hero--lp .hero__texts,
	.hero--lp .hero__form,
	.hero--lp .hero__media-container {
		flex: 0 0 100%;
		margin-bottom: var(--spacer-md);
	}
}

@media (min-width: 1024px) {
	.hero--lp .hero__form,
	.hero--lp .hero__media-container {
		padding-left: var(--spacer-md);
	}
	.hero--lp .hero__texts {
		padding-bottom: 10rem;
		padding-right: var(--spacer-md);
	}
}

.hero--lp .hero__texts {
	padding-top: 10rem;
}
.hero--lp .hero__title {
	text-transform: uppercase;
	margin-bottom: var(--spacer-xxs);
}

.hero--lp .hero__caption {
	margin-bottom: var(--spacer-xl);
}
.hero--lp .hero__caption * {
	font-size: var(--font-size-body-xs);
	line-height: 1.7;
}
.hero--lp .hero__caption *:last-child {
	margin-bottom: 0;
}

.hero--lp .hero__caption ul,
.hero--lp .hero__caption ol {
	padding-left: var(--spacer-xs);
}
.hero--lp .hero__caption ul li,
.hero--lp .hero__caption ol li {
	position: relative;
}

.hero--lp .hero__cta {
	margin-right: var(--spacer-sm);
}
@media (max-width: 1023px) {
	.hero--lp .hero__cta {
		margin-bottom: var(--spacer-sm);
	}	
}

.hero--lp .hero__form form {
	max-width: 494px;
	background-color: #FFF;
	padding: var(--spacer-md);
	margin-left: auto;
}
@media (max-width: 991px) {
	.hero--lp .hero__form form {
		margin-right: auto;
	}
}

.hero--lp .hero__media-container {
	line-height: 0;
	padding-top: 10rem;
	padding-bottom: 10rem;
}
@media (max-width: 1023px) {
	.hero--lp .hero__media-container {
		padding-top: 0;
		padding-bottom: 3rem;
	}
}

.hero__media-container--video > div {
	width: 100%;
}

.hero--lp .hero__image {
	max-width: 560px;
	height: auto;
}
.newsletter {
	--background-color: #FFF;
	padding-top: 5rem;
	padding-bottom: 5rem;
	background-color: var(--background-color);
}

.newsletter__title {
	font-size: var(--font-size-h5);
	line-height: 1.2;
	letter-spacing: -0.5px;
	margin-right: var(--spacer-md);
	margin-bottom: 0;
}
.newsletter--black .newsletter__title {
	color: #FFF;
}
@media (max-width: 1023px) {
	.newsletter__title {
		flex: 0 0 100%;
		text-align: center;
		margin-bottom: var(--spacer-xs);
		margin-right: 0;
	}
}

.newsletter__form-container {
	flex-grow: 1;
	max-width: 801px;
}

.newsletter__form-container form {
	display: flex;
}
@media (max-width: 767px) {
	.newsletter__form-container form {
		flex-wrap: wrap;
	}
}
.newsletter__form-container .hs-form-field {
	position: relative;
	flex-grow: 1;
	margin-bottom: 0;
}
.newsletter__form-container form input[type=text],
.newsletter__form-container form input[type=email],
.newsletter__form-container form input[type=password],
.newsletter__form-container form input[type=tel],
.newsletter__form-container form input[type=number],
.newsletter__form-container form input[type=file],
.newsletter__form-container form select {
	padding: 0 2rem;
	height: 49px;
	font-size: var(--font-size-body-xs);
	line-height: 1.14;
	letter-spacing: -0.35px;
}
.newsletter__form-container form input[type=text]::placeholder,
.newsletter__form-container form input[type=email]::placeholder,
.newsletter__form-container form input[type=password]::placeholder,
.newsletter__form-container form input[type=tel]::placeholder,
.newsletter__form-container form input[type=number]::placeholder,
.newsletter__form-container form input[type=file]::placeholder,
.newsletter__form-container form select::placeholder {
	color: #BCBCBC;
}

.newsletter__form-container .no-list.hs-error-msgs.inputs-list {
	position: absolute;
	top: 100%;
	left: 0;
}
@media (max-width: 639px) {
	.newsletter__form-container .no-list.hs-error-msgs.inputs-list {
		position: relative;
		top: auto;
		padding-left: 0;
	}
}
.invert-error-color.newsletter__form-container .no-list.hs-error-msgs.inputs-list .hs-error-msg {
	color: #000;
}

.newsletter__form-container form .hs_submit.hs-submit {
	padding-top: 0;
}
@media (max-width: 639px) {
	.newsletter__form-container form .hs_submit.hs-submit {
		flex: 0 0 100%;
		margin-top: var(--spacer-xs);
	}
	.newsletter__form-container form .hs_submit.hs-submit .actions {
		background-color: var(--primary-color);
		text-align: center;
		transition: background-color 0.2s ease;
	}
	.newsletter__form-container.button-black form .hs_submit.hs-submit .actions:hover {
		background-color: var(--lighter-primary-color);
	}
	.newsletter__form-container.button-black form .hs_submit.hs-submit .actions {
		background-color: #000;
	}
	.newsletter__form-container.button-black form .hs_submit.hs-submit .actions:hover {
		background-color: #434343;
	}
}
.newsletter__form-container form label {
	margin-bottom: 0;
}

.newsletter__form-container.button-black form input[type=submit],
.newsletter__form-container.button-black form .hs-button {
	background-color: #000;
	color: #FFF;
}
.newsletter__form-container.button-black form input[type=submit]:hover,
.newsletter__form-container.button-black form .hs-button:hover {
	background-color: #434343;
}
.other-product {
	--background-color: #FFF;
	background-color: var(--background-color);
	padding-top: 5rem;
	padding-bottom: 5rem;
}

.other-product__caption {
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
}
.other-product__caption * {
	font-size: var(--font-size-body-xs);
	text-align: center;
	line-height: 1.7;
}
.other-product__caption *:last-child {
	margin-bottom: 0;
}

.other-product__list {
	padding-top: var(--spacer-xl);
}

.other-product__item {
	--bloc-background-color: #FFF;
	flex: 0 0 calc((100% / 3) - (var(--spacer-lg) / (3/2)));
	padding: var(--spacer-md) var(--spacer-xs);
	background-color: var(--bloc-background-color);
}
.other-product__item--inner-border {
	box-shadow: inset 0 0 0 1px var(--secondary-color);
}
.other-product__item:not(:nth-child(3n + 1)) {
	margin-left: var(--spacer-lg);
}
@media (max-width: 1023px) {
	.other-product__item {
		flex: 0 0 100%;
	}
	.other-product__item:not(:nth-child(3n + 1)) {
		margin-left: 0;
	}
	.other-product__item:not(:first-of-type) {
		margin-top: var(--spacer-md);
	}
}

.other-product__item-image {
	height: auto;
	max-width: 173px;
	max-height: 160px;
}

.other-product__item-image-texts {
	padding-bottom: var(--spacer-md);
}

.other-product__item-title {
	font-size: var(--font-size-h5);
	line-height: 1.2;
	letter-spacing: -0.5px;
	margin-top: var(--spacer-md);
	margin-bottom: var(--spacer-xxs);
}

.other-product__item-caption * {
	text-align: center;
	font-size: var(--font-size-body-xs);
	line-height: 1.7;
}
.other-product__item-caption *:last-child {
	margin-bottom: 0;
}

.other-product__item--white-link .other-product__item-link {
	background-image: linear-gradient(to right, var(--secondary-color), var(--secondary-color));
}
.ressources__title {
	margin-bottom: var(--spacer-xxxl);
}
@media (max-width: 767px) {
	.ressources__title {
		margin-bottom: var(--spacer-sm);
	}
}
.ressources__link {
	width: calc(((100% / 12) * 3) - (var(--spacer-lg) / (4/3)));
	text-decoration: none;
}
@media (min-width: 1024px) {
	.ressources__link:not(:first-of-type) {
		margin-left: var(--spacer-lg);
	}
}
@media (max-width: 1023px) {
	.ressources__link {
		width: calc(50% - (var(--spacer-lg) / (2/1)));
		margin-bottom: var(--spacer-md);
	}
}
@media (min-width: 480px) and (max-width: 1023px) {
	.ressources__link:not(:nth-child(2n + 1)) {
		margin-left: var(--spacer-lg);
	}
}
@media (max-width: 479px) {
	.ressources__link {
		width: 100%;
	}

}

.ressources__link-image {
	width: 100%;
}

.ressources__link-caption {
	margin-top: var(--spacer-xs);
	font-family: var(--font-family-title);
	font-size: var(--font-size-body-s);
	color: #000;
	font-weight: 600;
	letter-spacing: -0.5px;
}
.ressources__link:hover .ressources__link-caption {
	text-decoration: underline;
}

.ressources__cta {
	margin-top: var(--spacer-xl);
}
@media (max-width: 1023px) {
	.ressources__cta {
		margin-top: calc(var(--spacer-xl) - var(--spacer-md));
	}
}
.social-links {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
}

.social-links__link {
	line-height: 0;
}

.social-links__icon {
  display: inline-flex;
  height: 20px;
	width: 20px;
  position: relative;
	margin: var(--spacer-xxxs) var(--spacer-xxs) var(--spacer-xxxs) 0;
	opacity: 0.7;
	transition: opacity var(--default-transition);
}
@media (max-width: 767px) {
	.social-links__icon {
		width: 32px;
		height: 32px;
	}
}
.social-links__icon:hover {
	opacity: 1;
}
.steps {
	--steps-background-color: #FFF;
	padding-top: 5rem;
	padding-bottom: 5rem;
	background-color: var(--steps-background-color);
}

@media (max-width: 1023px) {
	.steps {
		padding-top: var(--spacer-xxxxl);
		padding-bottom: calc(var(--spacer-xxxxl) - var(--spacer-md));
	}
}

.steps__title {
	margin-bottom: var(--spacer-xs);
}

.steps__caption {
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
}
.steps__caption * {
	font-size: var(--font-size-body-xs);
	text-align: center;
	line-height: 1.7;
}
.steps__caption *:last-child {
	margin-bottom: 0;
}

@media (min-width: 768px) {
	.steps--scroll {
		--height: 100vh;
		height: var(--height);
	}
	.steps__inner {
		--sticky-top: 12rem;
		position: sticky;
		top: var(--sticky-top);
	}
	.steps--no-scroll .steps__container-inner {
		width: 100%;
		max-width: var(--wrapper-max-width);
		padding-left: var(--wrapper-padding-value);
		padding-right: var(--wrapper-padding-value);
		margin-left: auto;
		margin-right: auto;
	}
	.steps--scroll .steps__container-inner {
		width: 100%;
		padding-left: calc((100vw - (var(--wrapper-max-width) - (var(--wrapper-padding-value) * 2))) / 2);
		overflow-x: hidden;
	}
}
@media (max-width: 1023px) {
	.steps--no-scroll .steps__container-inner {
		flex-direction: row;
		align-items: stretch;
		width: 100%;

		margin: 0 auto;
		max-width: var(--wrapper-max-width);
		padding: var(--wrapper-padding);
	}
}
@media (max-width: 767px) {
	.steps__container-inner {
		flex-direction: row;
		align-items: stretch;
		width: 100%;
		
		margin: 0 auto;
		max-width: var(--wrapper-max-width);
		padding: var(--wrapper-padding);
	}
}

.steps__list {
	--translate-value: 0px;
}

ul.no-list.steps__list {
	padding-top: var(--spacer-xl);
	margin-bottom: 0;
}
@media (max-width: 1023px) {
	.steps--no-scroll .steps__list {
		flex-direction: column;
		width: 100%;
	}
}
@media (max-width: 767px) {
	.steps__list {
		flex-direction: column;
		width: 100%;
	}
}

.steps__item {
	flex: 0 0 calc((100% / 3) - (var(--spacer-lg) / (3/2)));
	max-width: 386px;
	margin-bottom: var(--spacer-md);
	transform: translateX(var(--translate-value));
}
@media (min-width: 768px) and (max-width: 1279px) {
	.steps--scroll .steps__item {
		flex: 0 0 386px;
	}
}
@media (min-width: 768px) {
	.steps__item {
		--margin-left: 0px;
		margin-right: var(--spacer-lg);
		margin-left: var(--margin-left);
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	.steps__item:first-of-type .steps__item-dot {
		background-size: calc(50% + (var(--spacer-lg) / 2)) 2px;
		background-position: right center;
	}
	.steps__item:last-of-type {
		margin-right: 0;
	}
	.steps__item:last-of-type .steps__item-dot {
		width: 100%;
		background-size: 50% 2px;
		background-position: left center;
	}
}
@media (max-width: 1023px) {
	.steps--no-scroll .steps__item {
		display: flex;
		flex: 0 0 auto;
		justify-content: space-between;
		width: 100%;
		max-width: unset;
		margin-bottom: 0px;
		flex-direction: row;
	}
	.steps--no-scroll .steps__item:not(:last-of-type) {
		padding-bottom: var(--spacer-md);
	}
}
@media (max-width: 767px) {
	.steps__item {
		display: flex;
		flex: 0 0 auto;
		justify-content: space-between;
		width: 100%;
		max-width: unset;
		margin-bottom: 0px;
	}
	.steps__item:not(:last-of-type) {
		padding-bottom: var(--spacer-md);
	}
}

.steps__item-inner {
	background-color: #FFF;
	padding: var(--spacer-md);
	box-shadow: inset 0 0 0 1px var(--secondary-color);
}
@media (min-width: 768px) {
	.steps__item-inner {
		height: 100%;
	}
}
@media (max-width: 1023px) {
	.steps--no-scroll .steps__item-inner {
		width: 100%;
	}
}
@media (max-width: 767px) {
	.steps__item-inner {
		width: 100%;
	}
}

.steps__item-title {
	margin-bottom: var(--spacer-xxs);
}

.steps__item-text * {
	font-size: var(--font-size-body-xs);
	line-height: 1.7;
}

.steps__item-text *:last-child {
	margin-bottom: 0;
}

.steps__item-dot {
	position: relative;
	width: calc(100% + var(--spacer-lg));
	min-height: 14px;
	margin-top: auto;
	background-image: linear-gradient(to right, var(--secondary-color), var(--secondary-color));
	background-size: 100% 2px;
	background-position: center;
	background-repeat: no-repeat;
}

.steps__item-dot::after {
	content: "";
	position: absolute;
	top: 0;
	left: calc((50% - 7px) - (var(--spacer-lg) / 2));
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background-color: var(--secondary-color);
}

@media (min-width: 768px) {
	.steps__item-dot {
		margin-top: var(--spacer-md);
	}
	.steps--scroll .steps__item:last-of-type .steps__item-dot {
		width: 100%;
	}
	.steps__item:last-of-type .steps__item-dot::after {
		left: calc(50% - 7px);
	}
}
@media (max-width: 1023px) {
	.steps--no-scroll .steps__item-dot {
		width: var(--spacer-lg);
		height: calc(100% + var(--spacer-md));
		margin-top: 0;
		margin-left: calc(var(--wrapper-padding-value) * -1);
		order: -1;
		background-size: 2px 100%;
	}
	.steps--no-scroll .steps__item-dot::after {
		top: calc(50% - (7px + (var(--spacer-md) / 2)));
		left: calc(50% - 7px);
	}
	.steps--no-scroll .steps__item:last-of-type .steps__item-dot {
		height: calc(100% - var(--spacer-md));
	}
	.steps--no-scroll .steps__item:last-of-type .steps__item-dot::after {
		top: calc(50% - 7px);
	}
}
@media (max-width: 767px) {
	.steps__item-dot {
		width: var(--spacer-lg);
		height: calc(100% + var(--spacer-md));
		margin-top: 0;
		margin-left: calc(var(--wrapper-padding-value) * -1);
		order: -1;
		background-size: 2px 100%;
	}
	.steps__item-dot::after {
		top: calc(50% - (7px + (var(--spacer-md) / 2)));
		left: calc(50% - 7px);
	}
	.steps__item:last-of-type .steps__item-dot {
		height: 100%;
	}
	.steps__item:last-of-type .steps__item-dot::after {
		top: calc(50% - 7px);
	}
}
.testimonials {
	--testimonials-background-color: #FFF;
	background-color: var(--testimonials-background-color);
	overflow-x: hidden;
	padding-top: 5rem;
	padding-bottom: 5rem;
}

.testimonials__title {
	margin-bottom: var(--spacer-xxs);
}
.testimonials__caption {
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
}
.testimonials__caption * {
	font-size: var(--font-size-body-xs);
	line-height: 1.7;
	text-align: center;
}
.testimonials__caption *:last-child {
	margin-bottom: 0;
}

.testimonials__list {
	margin-top: var(--spacer-xl);
	margin-bottom: 0;
	padding-right: calc(100% / 12);
}
ul.no-list.testimonials__list {
	padding-left: calc(100% / 12);
}
@media (max-width: 1023px) {
	.testimonials__list {
		padding-right: 0;
	}
	ul.no-list.testimonials__list {
		padding-left: 0;
	}
}

.testimonials__item {
	flex: 0 0 100%;
	opacity: 0;
	visibility: visible;
	transition: transform var(--default-transition), opacity var(--default-transition), visibility var(--default-transition);
}
.testimonials__item:not(:first-of-type) {
	margin-left: var(--spacer-xl);
}
@media (max-width: 1023px) {
	.testimonials__item {
		flex-wrap: wrap;
		justify-content: center;
	}
}

.testimonials__item-image {
	position: relative;
	width: 280px;
	height: 264px;
	object-fit: cover;
	z-index: 1;
}

.testimonials__item-texts-container {
	margin-top: var(--spacer-xl);
	padding-top: var(--spacer-xl);
	padding-left: calc(var(--spacer-xl) * 2);
	padding-right: var(--spacer-xl);
	padding-bottom: var(--spacer-xl);
	flex: 0 0 calc(100% - (280px - var(--spacer-xl)));
	transform: translate(calc(var(--spacer-xl) * -1), 0);
}
@media (max-width: 1023px) {
	.testimonials__item-texts-container {
		margin-top: calc((var(--spacer-xl) + (var(--spacer-xl) / 2)) * -1);
		padding-top: calc(var(--spacer-xl) * 2);
		padding-left: var(--wrapper-padding-value);
		padding-right: var(--wrapper-padding-value);
		flex: 0 0 calc(100% + (var(--wrapper-padding-value) * 2));
		transform: translate(0, 0);
	}
}

.testimonials__item-text {
	display: inline;
	font-family: var(--font-family-title);
	font-size: 2.4rem;
	line-height: 1;
	margin-bottom: 0;
}
.testimonials__item-text::before {
	content: "« ";
}
.testimonials__item-text::after {
	content: " »";
}
.testimonials__item-text::before,
.testimonials__item-text::after {
	font-family: var(--font-family-title);
	font-size: 2.4rem;
	line-height: 1;
}

.testimonials__item-author {
	margin-top: var(--spacer-sm);
	font-weight: 700;
	line-height: 1.33;
	margin-bottom: 0;
}

.testimonial__list-pagination {
	width: 100%;
	margin-bottom: 0;
	margin-top: var(--spacer-xl);
}

.testimonial__list-pagination-button {
	display: block;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	padding: 0;
	border: 0;
	width: 10px;
	height: 10px;
	margin-left: calc(var(--spacer-xxs) / 2);
	margin-right: calc(var(--spacer-xxs) / 2);
	border-radius: 50%;
	background-color: #d6d2cc;
	transition: background-color var(--default-transition);
}
.testimonial__list-pagination-button:hover {
	background-color: #d6d2cc;
}
.hero--ty .hero__title {
	margin-bottom: var(--spacer-xxs);
}
.hero--ty .hero__title *:last-child {
	margin-bottom: 0;
}

.hero--ty .hero__texts {
	flex: 0 0 calc((100% / 12) * 5);
	padding-right: calc(var(--spacer-lg) / 2);
}
.hero--ty .hero__image {
	flex: 0 0 calc((100% / 12) * 5);
	padding-left: calc(var(--spacer-lg) / 2);
	line-height: 0;
}
.hero--ty .hero__image img {
	width: 100%;
	max-width: 493px;
	height: auto;
}
@media (max-width: 1279px) {
	.hero--ty .hero__texts {
		flex: 0 0 calc(50% - (var(--spacer-lg) / 2));
		padding-right: 0;
	}
	.hero--ty .hero__image {
		flex: 0 0 calc(50% - (var(--spacer-lg) / 2));
		padding-left: 0;
	}
}
@media (max-width: 1023px) {
	.hero--ty .hero__texts {
		flex: 0 0 75%;
		margin-bottom: var(--spacer-lg);
	}
	.hero--ty .hero__image {
		flex: 0 0 100%;
	}
}
@media (max-width: 767px) {
	.hero--ty .hero__texts {
		flex: 0 0 100%;
	}
}

.hero--ty .hero__caption {
	opacity: 0.7;
	position: relative;
	z-index: -1;
}
.hero--ty .hero__caption *:last-child {
	margin-bottom: 0;
}
.hero--ty .hero__caption * {
	line-height: 1.7;
	/* font-size: var(--font-size-body-xs); */
}