/* 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.
*/
/*! 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.3; /* 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 */
  white-space: pre-wrap; /* Overflow by default is bad. */
}

/* 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: inherit; /* 1 */
  margin: 0; /* 2 */
  border: none;
}

/**
 * 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 {
  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"] {
  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;
}
/* Switch to border-box for box-sizing. */
html {
	box-sizing:border-box;
}
*, ::before, ::after {
	box-sizing: inherit;
}

/* Immediately jump any animation to the end point if the user has set their device to "prefers reduced motion". */
/* This could create bad, unintended consequences. Remove as needed, and write your own appropriate code for prefers-reduced-motion. */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.001s !important;
    transition-duration: 0.001s !important;
  }
}

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

img, video, canvas, audio, iframe, embed, object  { 
  display: block; /* Switch display mode to block, since that's what we usually want for images. */
  vertical-align: middle;  /* If you override, and make an image inline, it's likely you'll want middle vertical alignment. */
}
img, video {
  max-width: 100%; /* Make images and video flexible by default. */
  height: auto; /* Ensure images and video maintain their aspect ratio when max-width comes into play. */
}
img {
  border-style: none; /* Remove the border on images inside links in IE 10 and earlier. */
}
video {
	cursor:pointer; /* Videos can be clicked to play so should have cursor pointer */
}


blockquote {
	padding:0;
	margin:0;
}

ul {
	padding-left: 1.2em;
}

hr{ 
    height: 0;
    overflow: visible;
    border: 0px solid;
    border-bottom-width: var(--moduleSettings-dividerSize,1px);
}

/* Theme 
This is the css used to change the style of the theme
*/



/* Macro - Assigning Theme Colors */
/* convertFromThemeToColor("primary") */


/*     
    'fullHD':'1920',
    'desktopLarge':'1366',
    'desktop':'1280',
    'desktopSmall':'1024',
    'tabletLarge':'960',
    'tablet':'768',
    'mobileLarge':'640',
    'mobile':'480',
    'mobileSmall':'400' 
*/

/* Set all css variables from the theme here */
:root, :root::before, :root::after {
	--container-narrow: 96rem;
	--container-default: 128rem;
	--container-wide: 162rem;
	--container-full: none;
/* 	--container-percentage: -2.5vw; */
    
    
    --mq-fullHD: 1920;
    --mq-desktopLarge: 1366;
    --mq-desktop: 1280;
    --mq-desktopSmall: 1024;
    --mq-tabletLarge: 960;
    --mq-tablet: 768;
    --mq-mobileLarge: 640;
    --mq-mobile: 480;
    --mq-mobileSmall: 400;
    
    
    
    --color-transparent:						transparent;
	--color-white:								#FFF;
	--color-black:								#000;    
    --color-primary:							#151A18;
	--color-primary2:							#39e2f2;
	--color-primary3:							#ff4d62;
	--color-primary4:							#ffbf2e;
    --color-secondary:							#EBEAE5;
	--color-secondary2:							#F1F1EB;
	--color-secondary3:							;
    --color-tertiary:							#14161B;
    --color-tertiary2:							#14161C;
    
    --padding-smaller:							5.0rem;  
	--padding-small:							7.5rem;
	--padding-medium:							10.0rem;
	--padding-large:							15.0rem;

    --font-XXS:                                 2.2rem;
    --font-XXL:                                 8rem;
    
    --font-h1Size:								7.1rem;
    --font-h1Weight:							400;
    --font-h1LineHeight:						1.12;
	--font-h1LetterSpacing:						1.1px;
	--font-h1Color:								#151A18;
	--font-h1ColorLight:						#FFFFFF;
    --font-h2Size:								5.8rem;
    --font-h2Weight:							400;
    --font-h2LineHeight:						1.13;
	--font-h2LetterSpacing:						1.1px;
	--font-h2Color:								#151A18;
	--font-h2ColorLight:						#FFFFFF;
    --font-h3Size:								4.6rem;
    --font-h3Weight:							400;
    --font-h3LineHeight:						1.3;
	--font-h3LetterSpacing:						0.0px;
	--font-h3Color:								#151A18;
	--font-h3ColorLight:						#FFFFFF;
    --font-h4Size:								3.7rem;
    --font-h4Weight:							400;
    --font-h4LineHeight:						1.2;
	--font-h4LetterSpacing:						0.0px;
	--font-h4Color:								#151A18;
	--font-h4ColorLight:						#FFFFFF;
    --font-h5Size:								3.0rem;
	--font-h5Weight:						    400;
    --font-h5LineHeight:						1.333;
	--font-h5LetterSpacing:						0.0px;
	--font-h5Color:								#151A18;
	--font-h5ColorLight:						#FFFFFF;
    --font-bodySize:							2.0rem;
    --font-bodyWeight:							400;
    --font-bodyLineHeight:						1.5;
	--font-bodyLetterSpacing:					-0.05px;
	--font-bodyColor:							#151A18;
	--font-bodyColorLight:						#FFFFFF;
	--font-linkUnderline:						underline;
	--font-linkColor:							#151A18;
	--font-linkColorLight:						#FFFFFF;
	--font-linkWeight:							600;
	--font-linkHoverUnderline:					underline;
	--font-linkHoverColor:						#151A18;
	--font-linkHoverColorLight:					;
    --font-strongFontWeight:					700;
    --font-footerNavSize:						1.8rem;
        
    --moduleSettings-ctaBorderRadius:           0.3125em;
    --moduleSettings-listingBorderRadius:       0em;
    --moduleSettings-imagevideoBorderRadius:    0em;
    --moduleSettings-formsBorderRadius:         0em;
    --moduleSettings-forminputsBorderRadius:    0em;
    --moduleSettings-testimonialsBorderRadius:  0em;
    --moduleSettings-columnGap:                 4.0rem;
	--moduleSettings-dividerColor: 				#131619;
	--moduleSettings-dividerColorLight: 		inherit;
	--moduleSettings-dividerSize: 				1px;

    --header-backgroundColor:                   #151A18;
    --header-padding:                           3.0rem;
    --header-paddingMobile:                     2.5rem;
	
	
	--header-shadowX:							0px;
	--header-shadowY:							3px;
	--header-shadowBlur:						6px;
	--header-shadowColor:						rgba(0, 0, 0, 16%);
	

    --header-navAlignment:						right;
	--header-navLinkSize:						1.8rem;
	--header-navLinkWeight:						400;
	--header-navLinkColor:						#FFFFFF;
	--header-navLinkStyle:						normal;
	--header-navLinkPaddingVertical:			1.0rem;
	--header-navLinkPaddingHorizontal:			1.5rem;
	--header-navLinkMargin:						0.5rem;

	--header-navLinkHoverColor: 				#FFFFFF;
	--header-navLinkHoverBGColor: 				;
	--header-navLinkHoverUnderline: 			none;
	--header-navLinkHoverBorderWidth: 			0px;
	--header-navLinkHoverBorderColor: 			#FFFFFF;
	--header-navLinkHoverBorderRadius: 			0px;
	--header-navLinkOpenColor:					#FFFFFF;
	
	--header-navInnerBoxBGColor:				#151A18;
	--header-navInnerBoxBorderRadius:			5px;
	--header-navInnerBoxPadding:				2.0rem 1.5rem;
	--header-navInnerBoxBorderWidth:			0px;
	--header-navInnerBoxBorderColor:			#151A18;

	--header-navInnerLinkSize: 					1.8rem;
	--header-navInnerLinkColor: 				#FFF;
	--header-navInnerLinkPaddingVertical: 		1.5rem;
	--header-navInnerLinkPaddingHorizontal: 	1.0rem;
	--header-navInnerLinkLineHeight: 			1.2;

	--header-navInnerLinkHoverColor: 			#FFF;
	--header-navInnerLinkHoverBGColor: 			;
	--header-navInnerLinkHoverBorderRadius: 	0px;

	--header-navInnerLinkOpenColor: 			#FFF;

    --header-mobileNavLogoWidth:				15.0rem;
    --header-mobileNavBackgroundColor:  		#151A18;
    --header-mobileNavHamburgerColor:    		#FFFFFF;
    --header-mobileNavHamburgerWidth:   		30px;
    --header-mobileNavHamburgerHeight:  		20px;
    --header-mobileNavHamburgerThickness:		2px;
    --header-mobileNavHamburgerSpacing:			-9.0px;

	--header-mobileNavLinkPadding:				0.8em 1em;
	--header-mobileNavLinkColor: 				#FFF;
	--header-mobileNavLinkColorHover: 			#FFF;
	--header-mobileNavLinkBackgroundColor: 		;
	--header-mobileNavLinkBackgroundColorHover:	;
 	--header-mobileNavLinkBorderRadius:			10px;
	
	--header-transparentNavLinkColor: 				#151A18;
	--header-transparentNavLinkHoverColor: 			#151A1B;
	--header-transparentNavLinkHoverBGColor: 		;
	--header-transparentNavLinkHoverBorderColor: 	;
	--header-transparentNavLinkOpenColor:			#151A1B;
	--header-transparentMobileNavHamburgerColor:	#151A18;
    
    --footer-backgroundColor:                   #151A18;
    --footer-aboutLinkColor:                    #FFFFFF;
    --footer-aboutLinkColorHover:               #FFFFFF;
    --footer-aboutTextColor:                    #FFFFFF;
    --footer-navigationSize:                    1.8rem;
    --footer-navigationLinkAlignment:			;
    --footer-navigationLinkColor:               #FFFFFF;
    --footer-navigationLinkColorHover:          #FFFFFF;
    --footer-navigationSubLinkColor:            #FFFFFF;
    --footer-navigationSubLinkColorHover:       #FFFFFF;
    --footer-baseMenuBackgroundColor:         #151A18;
    --footer-baseMenuTextColor:               #FFFFFF;
    --footer-baseMenuLinkColor:               #FFFFFF;
    --footer-baseMenuLinkColorHover:          #FFFFFF;

	--button-fontType:              			custom;
    --button-font:			            		;
	--button-size:								1.6rem;
	--button-weight:							400;
	--button-paddingLR:							1.625em;
	--button-paddingTop:						0.875em;
	--button-paddingBottom:						0.9375em;
	
	--button-primaryTextColor:					#151A18;
	--button-primaryBackgroundColor:			#39e2f2;
    --button-primaryBorderWidth:			    2px;
    --button-primaryBorderColor:			    #151A18;
	--button-primaryHoverTextColor:				#151A18;  
    --button-primaryHoverBackgroundColor:		#39e2f2;
	--button-primaryHoverBorderColor:			#151A18;
    
	--button-secondaryTextColor:				#151A18;
	--button-secondaryBackgroundColor:			#ff4d62;
    --button-secondaryBorderWidth:			    2px;
    --button-secondaryBorderColor:			    #151A18;
	--button-secondaryHoverTextColor:			#151A18;  
    --button-secondaryHoverBackgroundColor:		#ff4d62;
	--button-secondaryHoverBorderColor:			#151A18;
    
	--button-tertiaryTextColor:					#151A18;
	--button-tertiaryBackgroundColor:			#ffbf2e;
    --button-tertiaryBorderWidth:			    2px;
    --button-tertiaryBorderColor:			    #151A18;
	--button-tertiaryHoverTextColor:			#151A18;  
    --button-tertiaryHoverBackgroundColor:		#ffbf2e;
	--button-tertiaryHoverBorderColor:			#151A18;
 
    --button-quaternaryTextColor:				#151A18;
	--button-quaternaryBackgroundColor:			#F0F0EC;
    --button-quaternaryBorderWidth:			    2px;
    --button-quaternaryBorderColor:			    #151A18;
	--button-quaternaryHoverTextColor:			#151A18;  
    --button-quaternaryHoverBackgroundColor:	#F0F0EC;
	--button-quaternaryHoverBorderColor:		#151A18;
 
    --button-quinaryTextColor:				    #FFFFFF;
	--button-quinaryBackgroundColor:			#151A18;
    --button-quinaryBorderWidth:			    2px;
    --button-quinaryBorderColor:			    #151A18;
	--button-quinaryHoverTextColor:			    #FFFFFF;  
    --button-quinaryHoverBackgroundColor:	    #151A18;
	--button-quinaryHoverBorderColor:		    #151A18;
    
    --form-GDPRSize:							1.6rem;
	--form-GDPRWeight:							400;
	--form-GDPRLineHeight:						1.6;
    --form-formLabelsMarginBottom:			    0;
    --form-formFieldsPaddingTopBottom:    		1.6rem;
    --form-formFieldsPaddingLeftRight:			1.6rem;
    --form-formFieldsMarginBottom:			    4rem;
    --form-formFields-columnGap:                2rem;
        
    --form-primaryBackgroundColor:				transparent;
    --form-primaryTextColor:					var(--color-primary);
    --form-primaryLabelSize:					1.8rem;
    --form-primaryLabelWeight:					400;
    --form-primaryLabelLineHeight:				1.6;
    --form-primaryLabelColor:					var(--color-primary);
    --form-primaryInputBackgroundColor:		    transparent;
    --form-primaryDropDownIconColor:		    var(--color-primary);
    --form-primaryInputBorderSize:				1px solid;
    --form-primaryInputBorderColor:			    var(--color-primary);
    --form-primaryInputBorderRadius:			0;
    --form-primaryInputColor:					var(--color-primary);
    --form-primaryInputPlaceholder:			    var(--color-primary);
    --form-primaryWarningMessageColor:			#d3604d;
    --form-primarySuccessMessageColor:			var(--color-primary);
       
	--blog-postContainer:						0.0rem;
    --blog-postContainerMQ:						0.0;
    --blog-postLargerContainer:			        0.0rem;
    --blog-postLargerContainerMQ:			    0.0;
    --blog-buttonTextColor:					    ;
	--blog-buttonBackgroundColor:			    none;
    --blog-buttonBorderWidth:			        px;
    --blog-buttonBorderColor:			        ;
	--blog-buttonHoverTextColor:				;  
    --blog-buttonHoverBackgroundColor:		    none;
	--blog-buttonHoverBorderColor:			    ;
    --blog-buttonLightTextColor:                ;  
    --blog-buttonLightBackgroundColor:			none;
    --blog-buttonLightBorderWidth:			    px;
    --blog-buttonLightBorderColor:			    ;
    --blog-buttonLightHoverTextColor:           ;  
    --blog-buttonLightHoverBackgroundColor:		none;
    --blog-buttonLightHoverBorderColor:			;
    --blog-postHover:							;
    
    --blog-subscriptionFormGDPRSize:							0.0rem;
    --blog-subscriptionFormGDPRWeight:							;
    --blog-subscriptionFormGDPRLineHeight:						;
    --blog-subscriptionFormFormLabelsMarginBottom:			    0.0rem;
    --blog-subscriptionFormFormFieldsPaddingTopBottom:    		0.0rem;
    --blog-subscriptionFormFormFieldsPaddingLeftRight:			0.0rem;
    --blog-subscriptionFormFormFieldsMarginBottom:			    0.0rem;
    --blog-subscriptionFormFormFields-columnGap:                0.0rem;

    --blog-subscriptionFormBackgroundColor:				transparent;
    --blog-subscriptionFormTextColor:					;    
    --blog-subscriptionFormPaddingLR:                   0.0rem;
    --blog-subscriptionFormPaddingTB:                   0.0rem;

    --blog-subscriptionFormLabelSize:					0.0rem;
    --blog-subscriptionFormLabelWeight:					;
    --blog-subscriptionFormLabelLineHeight:				;
    --blog-subscriptionFormLabelColor:					;
    --blog-subscriptionFormInputBackgroundColor:		    ;
    --blog-subscriptionFormDropDownIconColor:		    ;
    --blog-subscriptionFormInputBorderSize:				none;
    --blog-subscriptionFormInputBorderColor:			    ;
    --blog-subscriptionFormInputBorderRadius:			var(--moduleSettings-forminputsBorderRadius);
    --blog-subscriptionFormInputColor:					;
    --blog-subscriptionFormInputPlaceholder:			    ;
    --blog-subscriptionFormWarningMessageColor:			;
    --blog-subscriptionFormSuccessMessageColor:			;
    --blog-subscriptionFormSubmitBorderSize:			1;
    --blog-subscriptionFormSubmitBorderColor:			;
    --blog-subscriptionFormSubmitBorderColorHover:		;
    --blog-subscriptionFormSubmitButtonBackgroundColor:	transparent;
    --blog-subscriptionFormSubmitButtonBackgroundColorHover:	 transparent;
    --blog-subscriptionFormSubmitButtonTextColor:		;
    --blog-subscriptionFormSubmitButtonTextColorHover:	;
	
	--table-headerBackgroundColor:				;
	--table-headerTextColor:					;
	--table-headerPadding:						0.0rem;
	--table-standardBackgroundColor:			;
	--table-standardTextColor:					;
	--table-standardBorderColor:				;
	--table-standardPadding:					0.0rem;
    --table-alternateBackgroundColor:			;
	--table-alternateTextColor:					;
	
	--table-headerColor:						transparent;
    --table-alternatingRowOddBackgroundColor:	;
    --table-alternatingRowOddBTextColor:		;
    --table-alternatingRowEvenBackgroundColor:	;
    --table-alternatingRowOddTextColor:			;

    --font-thankYou:                            clamp(1.2rem,calc(22.0rem + 0 * (100vw - 1280px) / 1280),22.0rem);;
	--font-XXS:                                 clamp(1.2rem,calc(1.6rem + 6 * (100vw - 1280px) / 1280),2.2rem);;
    --font-XXL:                                 clamp(1.2rem,calc(6.0rem + 20 * (100vw - 1280px) / 1280),8.0rem);;
	--font-h1Size:								clamp(1.2rem,calc(4.97rem + 21.300000000000004 * (100vw - 1280px) / 1280),7.1rem);;
	--font-h2Size:								clamp(1.2rem,calc(4.640000000000001rem + 11.599999999999994 * (100vw - 1280px) / 1280),5.8rem);;
	--font-h3Size:								clamp(1.2rem,calc(3.6800000000000006rem + 9.199999999999996 * (100vw - 1280px) / 1280),4.6rem);;
	--font-h4Size:								clamp(1.2rem,calc(2.96rem + 7.399999999999999 * (100vw - 1280px) / 1280),3.7rem);;
	--font-h5Size:								clamp(1.2rem,calc(2.4rem + 6 * (100vw - 1280px) / 1280),3.0rem);;
	--font-bodySize:							clamp(1.2rem,calc(1.8rem + 2 * (100vw - 1280px) / 1280),2.0rem);;
    --button-size:								clamp(1.2rem,calc(1.6rem + 2 * (100vw - 1280px) / 1280),1.8rem);;
}
@media only screen and (max-width: 1280px) {
	:root, :root::before, :root::after {
        --font-thankYou:                            clamp(1.2rem,calc(10.0rem + 120 * (100vw - 360px) / 920),22.0rem);;
		--font-XXS:                                 clamp(1.2rem,calc(1.4849999999999999rem + 1.6500000000000004 * (100vw - 360px) / 920),1.65rem);;
		--font-XXL:                                 clamp(1.2rem,calc(4.0rem + 24 * (100vw - 360px) / 920),6.4rem);;
		--font-h1Size:								clamp(1.2rem,calc(3.976rem + 17.040000000000006 * (100vw - 360px) / 920),5.680000000000001rem);;
		--font-h2Size:								clamp(1.2rem,calc(3.2479999999999998rem + 13.920000000000009 * (100vw - 360px) / 920),4.640000000000001rem);;
		--font-h3Size:								clamp(1.2rem,calc(2.5759999999999996rem + 11.040000000000006 * (100vw - 360px) / 920),3.6800000000000006rem);;
		--font-h4Size:								clamp(1.2rem,calc(2.072rem + 8.880000000000003 * (100vw - 360px) / 920),2.96rem);;
		--font-h5Size:								clamp(1.2rem,calc(2.2rem + 2 * (100vw - 360px) / 920),2.4rem);;
		--font-bodySize:							clamp(1.2rem,calc(1.6rem + 1 * (100vw - 360px) / 920),1.7rem);;
		--button-size:								clamp(1.2rem,calc(1.4rem + 2 * (100vw - 360px) / 920),1.6rem);;
	}
}
:root {
	--font-h1Font:				PP Agrandir, Aeonik, sans-serif;
	--font-h2Font:				PP Agrandir, Aeonik, sans-serif;
	--font-h3Font:				PP Agrandir, Aeonik, sans-serif;
	--font-h4Font:				PP Agrandir, Aeonik, sans-serif;
	--font-h5Font:				PP Agrandir, Aeonik, sans-serif;
	--font-bodyFont:			Aeonik, sans-serif;
	--font-linkFont:			Aeonik, sans-serif;
	--font-buttonFont:			Optician Sans, Aeonik, sans-serif;
    --font-headerFont:			Aeonik, sans-serif;
    --font-headingAccentFont:	Hedvig, PP Agrandir, sans-serif;
}

/* Objects
Non-cosmetic design patterns including grid and layout classes)
*/
/* Responsive grid */
.row-fluid {
	width: 100%;
	display:flex;
	justify-content:space-between;
}

.row-fluid [class*='span'] {
	display: block;
}

.row-fluid .span12 {
	width: 100%;
}

.row-fluid .span11 {
	width: calc(91.66666666666667% - (var(--moduleSettings-columnGap,0) / 2));
}

.row-fluid .span10 {
	width: calc(83.33333333333334% - (var(--moduleSettings-columnGap,0) / 2));
}

.row-fluid .span9 {
	width: calc(75.0% - (var(--moduleSettings-columnGap,0) / 2));
}

.row-fluid .span8 {
	width: calc(66.66666666666667% - (var(--moduleSettings-columnGap,0) / 2));
}

.row-fluid .span7 {
	width: calc(58.333333333333336% - (var(--moduleSettings-columnGap,0) / 2));
}

.row-fluid .span6 {
	width: calc(50.0% - (var(--moduleSettings-columnGap,0) / 2));
}

.row-fluid .span5 {
	width: calc(41.66666666666667% - (var(--moduleSettings-columnGap,0) / 2));
}

.row-fluid .span4 {
	width: calc(33.333333333333336% - (var(--moduleSettings-columnGap,0) / 2));
}

.row-fluid .span3 {
	width: calc(25.0% - (var(--moduleSettings-columnGap,0) / 2));
}

.row-fluid .span2 {
	width: calc(16.666666666666668% - (var(--moduleSettings-columnGap,0) / 2));
}

.row-fluid .span1 {
	width: calc(8.333333333333334% - (var(--moduleSettings-columnGap,0) / 2));
}

.container-fluid:before, .container-fluid:after {
	display: table;
	content: '';
}

.container-fluid:after {
	clear: both;
}

@media (max-width: 767px) {
	.row-fluid [class*='span'] {
		display: block;
		width: 100%;
	}
}

@media (min-width: 768px) and (max-width: 1139px) {
	.row-fluid {
		width: 100%;
	}
}
/* Clearfix */

.clearfix:before, .clearfix:after {
	display: table;
	content: '';
}

.clearfix:after {
	clear: both;
}

/* Visibilty classes */

.hide {
	display: none;
}

.show {
	display: block;
}

.invisible {
	visibility: hidden;
}

.hidden {
	display: none;
	visibility: hidden;
}

/* Responsive visibilty classes */

.visible-phone {
	display: none !important;
}

.visible-tablet {
	display: none !important;
}

.hidden-desktop {
	display: none !important;
}

@media (max-width: 767px) {
	.visible-phone {
		display: inherit !important;
	}

	.hidden-phone {
		display: none !important;
	}

	.hidden-desktop {
		display: inherit !important;
	}

	.visible-desktop {
		display: none !important;
	}
}

@media (min-width: 768px) and (max-width: 1139px) {
	.visible-tablet {
		display: inherit !important;
	}

	.hidden-tablet {
		display: none !important;
	}

	.hidden-desktop {
		display: inherit !important;
	}

	.visible-desktop {
		display: none !important;
	}
}
.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 .dnd-column {
/* 	padding: 0 1rem; */
}

@media (max-width: 767px) {
	.dnd-section .dnd-column {
		padding: 0;
	}
}
.hs-tools-menu.hs-tools-menu {
	top: 0!important;
    right: 0!important;
}
.hs-tools-menu.hs-collapsed {
    overflow: hidden;
    border-radius: 0% 0% 0% 100% !important;
}
.hs-tools-menu.hs-tools-menu img.hs-sprocket {
	width: 32px!important;
    padding: 3px 3px 4px 4px!important;
	pointer-events: none;
}

/* Foundation
Base HMTL elements are styled in this section (<body>, <h1>, <a>, <p>, <button> etc.)
As well as setting up overall layouts and fonts
*/
html {
	height:100%;
	font-size:10px;
	scroll-padding-top:var(--headerHeight, 10rem);
	--vw:1vw;
	--100vw:calc(var(--vw)*100);
}
@media (prefers-reduced-motion:no-preference) {
	html, :has(:target) {
		scroll-behavior: smooth;
	}
}
					
body {
	min-height: 100%;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr auto;
	scroll-padding-top:var(--headerHeight, 10rem);
	-webkit-font-smoothing: antialiased;
}
main {
	min-width:0;
}

@media only screen and (max-width: 960px) {
	html,body {
		scroll-padding-top:var(--headerHeight, 4rem);
	}
}
@media only screen and (max-width: 320px) {
/* 	Super small e.g. folded samsung flex  */
	html {
		font-size: calc( 8px + (10 - 8) * (100vw - 280px) / (320 - 280) );
	}
}

.container {
	max-width: var(--container-default);
    width: 85%;
	margin:0 auto;
    position: relative;
    z-index:1;
}

.container--narrow {max-width: var(--container-narrow);}
.container--wide {max-width: var(--container-wide);}
.container--full {max-width: var(--container-full); width: 85%;}

.footer-container-wrapper {
	margin-top:auto;
}


/**
 * Remove Min heights.
 */

.row-fluid.row-fluid [class*="span"] {
	min-height:0;
}
.color--primary {color: var(--color-primary);}
.color--primary2 {color: var(--color-primary2);}
.color--primary3 {color: var(--color-primary3);}
.color--primary4 {color: var(--color-primary4);}
.color--secondary {color: var(--color-secondary);}
.color--secondary2 {color: var(--color-secondary2);}
.color--secondary3 {color: var(--color-secondary3);}
.color--tertiary {color: var(--color-tertiary);}
.color--tertiary2 {color: var(--color-tertiary2);}
.color--white {color: var(--color-white);}
.color--black {color: var(--color-black);}

.border-color--primary {border-color: var(--color-primary) !important;}
.border-color--primary2 {border-color: var(--color-primary2) !important;}
.border-color--primary3 {border-color: var(--color-primary3) !important;}
.border-color--primary4 {border-color: var(--color-primary4) !important;}
.border-color--secondary {border-color: var(--color-secondary) !important;}
.border-color--secondary2 {border-color: var(--color-secondary2) !important;}
.border-color--secondary3 {border-color: var(--color-secondary3) !important;}
.border-color--tertiary {border-color: var(--color-tertiary) !important;}
.border-color--tertiary2 {border-color: var(--color-tertiary2) !important;}
.border-color--white {border-color: var(--color-white) !important;}
.border-color--black {border-color: var(--color-black) !important;}

.bg-color--transparent {background-color: var(--color-transparent);}
.bg-color--primary {background-color: var(--color-primary);}
.bg-color--primary2 {background-color: var(--color-primary2);}
.bg-color--primary3 {background-color: var(--color-primary3);}
.bg-color--primary4 {background-color: var(--color-primary4);}
.bg-color--secondary {background-color: var(--color-secondary);}
.bg-color--secondary2 {background-color: var(--color-secondary2);}
.bg-color--secondary3 {background-color: var(--color-secondary3);}
.bg-color--tertiary {background-color: var(--color-tertiary);}
.bg-color--tertiary2 {background-color: var(--color-tertiary2);}
.bg-color--white {background-color: var(--color-white);}
.bg-color--black {background-color: var(--color-black);}
.bg-color--image {
	background-size:cover;
	background-position:50% 50%;
	background-repeat:no-repeat;
}
.bg-video {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.bg-video video {
	width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.overlay:before{
    content: '';
    position: absolute;
    background-color: #000;
    opacity: 0.7;
    width: 100%;    
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.bg-overlay {
    content: '';
    position: absolute;
    width: calc(100% + 0.2px);    
    height: calc(100% + 0.2px);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}
.bg-overlay--primary {background-color: var(--color-primary);}
.bg-overlay--primary2 {background-color: var(--color-primary2);}
.bg-overlay--primary3 {background-color: var(--color-primary3);}
.bg-overlay--primary4 {background-color: var(--color-primary4);}
.bg-overlay--secondary {background-color: var(--color-secondary);}
.bg-overlay--secondary2 {background-color: var(--color-secondary2);}
.bg-overlay--secondary3 {background-color: var(--color-secondary3);}
.bg-overlay--tertiary {background-color: var(--color-tertiary);}
.bg-overlay--tertiary2 {background-color: var(--color-tertiary2);}
.bg-overlay--white {background-color: var(--color-white);}
.bg-overlay--black {background-color: var(--color-black);}

.f{display: flex;}
.f-r{flex-direction: row;}
.f-c{flex-direction: column;}
.f-w{flex-wrap: wrap}

.t-center {text-align:center;}
.t-right {text-align:right;}
.t-left {text-align:left;}

.v-align-top {align-items:flex-start; align-items: start;}
.v-align-center {align-items:center; align-items: center;}
.v-align-bottom {align-items:flex-end; align-items: end;}
.v-align-stretch {align-items:stretch; align-items: stretch;}

.h-align-left {justify-content:flex-start; justify-items:start;}
.h-align-center {justify-content:center; justify-items:center;}
.h-align-right {justify-content:flex-end; justify-items:end;}
.h-align-justify {justify-content:space-between; justify-items:stretch;}

.grid-column.v-align-self-top {align-self:flex-start; align-self: start;}
.grid-column.v-align-self-center {align-self: center;}
.grid-column.v-align-self-bottom {align-self:flex-end; align-self: end;}
.grid-column.v-align-self-stretch {align-self: stretch;}

.mt-0 {margin-top:0;}
.mt-25 {margin-top: 2.5rem;}
.mt-50 {margin-top:5rem;}
.mt-75 {margin-top:7.5rem;}
.mt-100 {margin-top:10rem;}
.mt-150 {margin-top:15rem;}

.mb-0 {margin-bottom:0;}
.mb-25 {margin-bottom: 2.5rem;}
.mb-50 {margin-bottom:5rem;}
.mb-75 {margin-bottom:7.5rem;}
.mb-100 {margin-bottom:10rem;}
.mb-150 {margin-bottom:15rem;}

.pd-smaller {padding: var(--padding-smaller) 0;}
.pd-small {padding: var(--padding-small) 0;}
.pd-medium {padding: var(--padding-medium) 0;}
.pd-large {padding: var(--padding-large) 0;}
.pd-none {padding:0;}

.pd-all-smaller {padding: var(--padding-smaller);}
.pd-all-small {padding: var(--padding-small);}
.pd-all-medium {padding: var(--padding-medium);}
.pd-all-large {padding: var(--padding-large);}
.pd-all-none {padding:0;}

.header-block--goes-transparent + .main .module--1.pd-smaller {padding-top: calc(var(--padding-smaller) + var(--headerHeight,8.5rem));}
.header-block--goes-transparent + .main .module--1.pd-small {padding-top: calc(var(--padding-small) + var(--headerHeight,8.5rem));}
.header-block--goes-transparent + .main .module--1.pd-medium {padding-top: calc(var(--padding-medium) + var(--headerHeight,8.5rem));}
.header-block--goes-transparent + .main .module--1.pd-large {padding-top: calc(var(--padding-large) + var(--headerHeight,8.5rem));}
.header-block--goes-transparent + .main .module--1.pd-none {padding-top: var(--headerHeight,8.5rem);}


.decorated-image-wrapper{
    position: relative;
    top: 0;
    left: 0;
    margin: 2rem;
    border: 1px solid var(--color-primary);
    transition: all .3s ease-in-out;
}

.decorated-image-wrapper:after{
    width: 100%;
    height: 100%;
    content: '';
    position: absolute;
    border: 1px solid var(--color-primary);
    background: transparent;
    text-decoration: none;
    bottom: 0;
    right: 0;
    z-index: -1;
    transition: all .3s cubic-bezier(0.45, 0.05, 0.55, 0.95);;
}

.decorated-image-wrapper.loaded{
    position: relative;
    top: -2rem;
    left: -2rem;
    margin: 2rem;
    border: 1px solid var(--color-primary);
}

.decorated-image-wrapper.loaded:after{
    width: 100%;
    height: 100%;
    content: '';
    position: absolute;
    border: 1px solid var(--color-primary);
    background: transparent;
    text-decoration: none;
    bottom: -2rem;
    right: -2rem;
    z-index: -1;
}

.color-light .decorated-image-wrapper{
    border: 1px solid var(--color-white);
}

.color-light .decorated-image-wrapper:after{
    border: 1px solid var(--color-white);
}

@media only screen and (max-width: 768px) {
	.mt-25 {margin-top: 2rem;}
	.mt-50 {margin-top:3rem;}
	.mt-75 {margin-top:4.5rem;}
	.mt-100 {margin-top:6rem;}
	.mt-150 {margin-top:10rem;}
	
	.mb-25 {margin-bottom:2rem;}
	.mb-50 {margin-bottom:3rem;}
	.mb-75 {margin-bottom:4.5rem;}
	.mb-100 {margin-bottom:6rem;}
	.mb-150 {margin-bottom:10rem;}
	    
	.pd-smaller {padding:calc(var(--padding-smaller) * 0.9) 0;}
	.pd-small {padding:calc(var(--padding-small) * 0.9) 0;}
	.pd-medium {padding:calc(var(--padding-medium) * 0.9) 0;}
	.pd-large {padding:calc(var(--padding-large) * 0.9) 0;}
	.pd-none {padding:0;}
	
	.pd-all-smaller {padding:calc(var(--padding-smaller) * 0.9) ;}
	.pd-all-small {padding:calc(var(--padding-small) * 0.9) ;}
	.pd-all-medium {padding:calc(var(--padding-medium) * 0.9) ;}
	.pd-all-large {padding:calc(var(--padding-large) * 0.9) ;}
	.pd-all-none {padding:0;}
	
	.header-block--goes-transparent + .main .module--1.pd-smaller {padding-top: calc(var(--padding-smaller) * 0.9 + var(--headerHeight,8.5rem));}
	.header-block--goes-transparent + .main .module--1.pd-small {padding-top: calc(var(--padding-small) * 0.9 + var(--headerHeight,8.5rem));}
	.header-block--goes-transparent + .main .module--1.pd-medium {padding-top: calc(var(--padding-medium) * 0.9 + var(--headerHeight,8.5rem));}
	.header-block--goes-transparent + .main .module--1.pd-large {padding-top: calc(var(--padding-large) * 0.9 + var(--headerHeight,8.5rem));}
	.header-block--goes-transparent + .main .module--1.pd-none {padding-top: var(--headerHeight,8.5rem);}
}

/* Border Radius Settings */
.testimonial-cr{border-radius: var(--moduleSettings-testimonialsBorderRadius);}
.item-cr{border-radius: var(--moduleSettings-listingBorderRadius); overflow: hidden;}
.image-cr{border-radius: var(--moduleSettings-imagevideoBorderRadius); overflow: hidden;}
.video-cr{border-radius: var(--moduleSettings-imagevideoBorderRadius); overflow: hidden;}

.position-relative {
	position:relative;
}
.position-relative .container {
	position:relative;
    z-index: 1;
}

.no-display, .visuallyhidden, .visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap;
}

.image--fit{
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.video--fit > video{
    height: 100%;
    object-fit: cover;
    object-position: center;
}

@media only screen and (min-width: 769px) {  
    .module--mobile .bg-mobile,
    .body--mobile .bg-mobile{
        display: none;
        visibility: hidden;
    }
}
@media only screen and (max-width: 768px) {  
    
    .image--fit, .video--fit{
      width: 100%;
    }
    
    .module--mobile .bg-mobile,
    .body--mobile .bg-mobile{
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
    }
    
    .module--mobile,
    .body--mobile{
        background: none !important;
    }
    
    .module--mobile .bg-video,
    .module--mobile .bg-video video,
    .module--mobile .bg-video + .bg-overlay{
        display: none;
        visibility: hidden;
    }
}
.grid-row {
	display:grid;
    z-index: 1;
    position: relative;
	--grid-columnGap:var(--moduleSettings-columnGap,0);
	gap: var(--grid-columnGap);
	grid-auto-columns: minmax(0,100%); /* Helps firefox */
}
.grid-row--2Xgap {
	--grid-columnGap: calc(var(--grid-columnGap) * 2);
}

.grid-row--no-gap .grid-column{
    display: flex;
    flex-direction: column;
/*     align-self: normal; */
}

.grid-column{
    display: grid;
    align-self: auto;
    width: 100%;
}

.grid--fw{
  grid-template-columns: 1fr;
}

.grid--fw .grid-column.grid-column--1{
  width: 100%;
}

.fill-width {
	--column-percent:50;
	--column-width: 100%;
	--container-width: calc((var(--column-width) * (100/var(--column-percent))) + var(--grid-columnGap));
	--width-edge-container-to-edge-screen: calc(((var(--100vw) - var(--container-width)) / 2));
	width: calc( 100% + var(--width-edge-container-to-edge-screen) );
}
.fill-width--left, .fill-width--right {
    position: absolute;
    max-width: none !important;
    height: 100% !important;
    object-fit: cover;
    object-position: center center;
    pointer-events: none;
}

.fill--padding-left,
.fill--padding-right{
    display: flex;
    flex-direction: column;
}

.f-r--1, 
.f-r--2, 
.f-r--3, 
.f-r--4, 
.f-r--5,
.f-r--6{
	gap: var(--moduleSettings-columnGap,0);
}

@media only screen and (min-width: 1081px) {
	.grid-row--50_50 {grid-template-columns: 50fr 50fr;}
	.grid-row--60_40 {grid-template-columns: 60fr 40fr;}
	.grid-row--40_60 {grid-template-columns: 40fr 60fr;}
	.grid-row--70_30 {grid-template-columns: 70fr 30fr;}
	.grid-row--30_70 {grid-template-columns: 30fr 70fr;}
	
    .grid-column--60_40 .fill-width--left	{ --column-percent: 60; }
    .grid-column--60_40 .fill-width--right	{ --column-percent: 40; }
    .grid-column--40_60 .fill-width--left	{ --column-percent: 40; }
    .grid-column--40_60 .fill-width--right	{ --column-percent: 60; }
    .grid-column--70_30 .fill-width--left	{ --column-percent: 70; }
    .grid-column--70_30 .fill-width--right	{ --column-percent: 30; }
    .grid-column--30_70 .fill-width--left	{ --column-percent: 30; }
    .grid-column--30_70 .fill-width--right  { --column-percent: 70; }
    
    .grid-row--60_40 .grid-column .fill-width--left	    { --column-percent: 60;}
    .grid-row--60_40 .grid-column .fill-width--right	{ --column-percent: 40;}
    .grid-row--40_60 .grid-column .fill-width--left	    { --column-percent: 40;}
    .grid-row--40_60 .grid-column .fill-width--right	{ --column-percent: 60;}
    .grid-row--70_30 .grid-column .fill-width--left	    { --column-percent: 70;}
    .grid-row--70_30 .grid-column .fill-width--right	{ --column-percent: 30;}
    .grid-row--30_70 .grid-column .fill-width--left	    { --column-percent: 30;}
    .grid-row--30_70 .grid-column .fill-width--right    { --column-percent: 70;}
    
    .grid-row--1{grid-template-columns: repeat(1, 1fr);}
    .grid-row--2{grid-template-columns: repeat(2, 50fr);}
    .grid-row--3{grid-template-columns: repeat(3, 33.33fr);}
    .grid-row--4{grid-template-columns: repeat(4, 25fr);}
    .grid-row--5{grid-template-columns: repeat(5, 20fr);}
    .grid-row--6{grid-template-columns: repeat(6, 16.66fr);}
    
    .f-r--1{
        flex-direction: column;
    }
    
    .f-r--1 > div{
        width: 100%;
    }
    
    .f-r--2 > div{
        width: calc((100% / 2) - ((var(--moduleSettings-columnGap) * (2 - 1)) / 2 ));
    }
    
    .f-r--3 > div{
        width: calc((100% / 3) - ((var(--moduleSettings-columnGap) * (3 - 1)) / 3 ));
    }
    
    .f-r--4 > div{
        width: calc((100% / 4) - ((var(--moduleSettings-columnGap) * (4 - 1)) / 4 ));
    }
    
    .f-r--5 > div{
        width: calc((100% / 5) - ((var(--moduleSettings-columnGap) * (5 - 1)) / 5 ));
    }
    
    .f-r--6 > div{
        width: calc((100% / 6) - ((var(--moduleSettings-columnGap) * (6 - 1)) / 6 ));
    }
}

@media only screen and (max-width: 1440px) {
	.grid-row--50_50 { 
        --grid-columnGap: calc(var(--moduleSettings-columnGap,0) * 2);
        gap: var(--grid-columnGap);
    }
}    

@media only screen and (max-width: 1080px) {
    
    .grid-row {
	display:grid;
    z-index: 1;
    position: relative;
	--grid-columnGap:var(--moduleSettings-columnGap,0);
	gap: var(--grid-columnGap);
	grid-auto-columns: minmax(0,100%); /* Helps firefox */
}
    
    
	.grid-row--50_50 { 
        --grid-columnGap: calc(var(--moduleSettings-columnGap,0) * 2);
        gap: var(--grid-columnGap);
        grid-template-columns: minmax(0, 1fr);
    }
    
	.grid-row--60_40 {grid-template-columns: 50fr 50fr;}
	.grid-row--40_60 {grid-template-columns: 50fr 50fr;}
	.grid-row--70_30 {grid-template-columns: 60fr 40fr;}
	.grid-row--30_70 {grid-template-columns: 40fr 60fr;}
    
    .grid-row--1{grid-template-columns: repeat(1, 1fr);}
    .grid-row--2{grid-template-columns: repeat(1, 1fr);}
    .grid-row--3{grid-template-columns: repeat(2, 50fr);}
    .grid-row--4{grid-template-columns: repeat(2, 50fr);}
    .grid-row--5{grid-template-columns: repeat(3, 33.33fr);}
    .grid-row--6{grid-template-columns: repeat(3, 33.33fr);}
	
	.fill-width {
		--column-percent:50;
	}
    
    .f-r--2{
        flex-direction: column;
    }
    
    .f-r--2 > div{
        width: 100%;
    }
    
    .f-r--3 > div{
        width: calc((100% / 2) - ((var(--moduleSettings-columnGap) * (2 - 1)) / 2 ));
    }
    
    .f-r--4 > div{
        width: calc((100% / 2) - ((var(--moduleSettings-columnGap) * (2 - 1)) / 2 ));
    }
    
    .f-r--5 > div{
        width: calc((100% / 3) - ((var(--moduleSettings-columnGap) * (3 - 1)) / 3 ));
    }
    
    .f-r--6 > div{
        width: calc((100% / 3) - ((var(--moduleSettings-columnGap) * (3 - 1)) / 3 ));
    }
}

@media only screen and (min-width: 769px) {
	.grid-row--no-gap{
		--grid-columnGap: 0%;
	}
    .grid-row--no-gap .fill-width{
        --column-width: calc(100% - var(--grid-columnGapp) / 2);
        /*margin: 0 calc(var(--moduleSettings-columnGap)/2 * -1);*/
    }
    .grid-row--no-gap .fill--padding-left{ padding-right: calc(var(--moduleSettings-columnGap) ); }
    .grid-row--no-gap .fill--padding-right{ padding-left: calc(var(--moduleSettings-columnGap) ); }
}

@media only screen and (max-width: 768px) {
    .grid-row{
        --grid-columnGap: calc(var(--moduleSettings-columnGap,0) * 2);
        gap: var(--grid-columnGap);
        grid-template-columns: minmax(0, 1fr);
    }

    .grid-row--1,
    .grid-row--2,
    .grid-row--3,
    .grid-row--4,
    .grid-row--5,
    .grid-row--6{
        --grid-columnGap: calc(var(--moduleSettings-columnGap,0) * 2);
        gap: var(--grid-columnGap);
        grid-template-columns: minmax(0, 1fr);
        grid-auto-flow: row;
    }
    
    .f-r--3{
        flex-direction: column;
    }
    
    .f-r--3 > div{
        width: 100%;
    }
    .f-r--4 > div{
        width: calc((100% / 2) - ((var(--moduleSettings-columnGap) * (2 - 1)) / 2 ));
    }
    
    .f-r--5 > div{
        width: calc((100% / 3) - ((var(--moduleSettings-columnGap) * (3 - 1)) / 3 ));
    }
    
    .f-r--6 > div{
        width: calc((100% / 3) - ((var(--moduleSettings-columnGap) * (3 - 1)) / 3 ));
    }
    
	
	.grid-row--mob-reverse .grid-column:last-of-type{
        grid-column-start: 1;
        grid-row-start: 1;
    }
	
	.grid-row--mob-reverse .content__image--left {
        align-items: flex-start;
    }
    
    .grid-row--mob-reverse .content__image--right {
        align-items: flex-start;
    }
    
    .grid-column{
        --column-percent: 100;
        width: 100%;
        max-width: none !important;
		position: relative;
    }

    .grid-row:not(.grid-row--mob-reverse) .grid-column:not(:first-of-type){
		padding-top:0 !important;
	}
	.grid-row:not(.grid-row--mob-reverse) .grid-column:not(:last-of-type){
		padding-bottom:0 !important;
	}
	
	.grid-row--mob-reverse .grid-column:not(:first-of-type){
		padding-bottom:0 !important;
	}
	.grid-row--mob-reverse .grid-column:not(:last-of-type){
		padding-top:0 !important;
	}
    
	.fill-width{       
        --column-percent: 100;
        position: relative !important;
        max-width: none !important;
        width: 100%;
        left: var(--container-percentage,-2.5vw);
        right: var(--container-percentage,-2.5vw);
        margin: auto;
    }
}

@media only screen and (max-width: 500px) {
    .f-r--4, 
    .f-r--5{
        flex-direction: column;
    }
    
    .f-r--4 > div{
        width: 100%;
    }
    .f-r--5 > div{
        width: 100%;
    }
    
    .f-r--6 > div{
        width: calc((100% / 2) - ((var(--moduleSettings-columnGap) * (3 - 1)) / 3 ));
    }
  
}
html {
	font-family:var(--font-bodyFont);
	font-size:10px;
}
body {
	font-family: var(--font-bodyFont);
	font-size:var(--font-bodySize);
    font-weight: var(--font-bodyWeight);
	line-height: var(--font-bodyLineHeight);
	letter-spacing: var(--font-bodyLetterSpacing);
	color: var(--font-bodyColor);
	--font-bodyColorInitial: var(--font-bodyColor);
	--font-h1ColorInitial: var(--font-h1Color);
	--font-h2ColorInitial: var(--font-h2Color);
	--font-h3ColorInitial: var(--font-h3Color);
	--font-h4ColorInitial: var(--font-h4Color);
	--font-h5ColorInitial: var(--font-h5Color);
	--font-linkColorInitial: var(--font-linkColor);
	--font-linkHoverColorInitial: var(--font-linkHoverColor);
	--moduleSettings-dividerColorInitial: var(--moduleSettings-dividerColor);
}

strong{
    font-weight: var(--font-strongFontWeight);
}

h1,h2,h3,h4,h5 {
	font-weight:inherit;
	font-size:inherit;
}


.pre-title-wrapper *{
    margin: 0;
    display: block;
}

.heading--accent{
    font-family: var(--font-headingAccentFont);
}

.text-xxs{
    font-size: var(--font-XXS);
    line-height: 1;
    letter-spacing: -0.02em;
}

.text-xxl{
    font-size: var(--font-XXL);
    line-height: 1;
    letter-spacing: -1.6px;
}

.text-body{
    font-size:var(--font-bodySize);
}

h1,.text-h1, .hs_cos_wrapper_type_inline_rich_text h1,
.hs-richtext h1{
	font-family: var(--font-h1Font);
    font-size: var(--font-h1Size);
	font-weight: var(--font-h1Weight);
	line-height: var(--font-h1LineHeight);
	letter-spacing: var(--font-h1LetterSpacing);
	color: var(--font-h1Color);
	margin: 0.45em 0;
}

h2,.text-h2, .hs_cos_wrapper_type_inline_rich_text h2,
.hs-richtext h2{
	font-family: var(--font-h2Font);
	font-size: var(--font-h2Size);
	font-weight: var(--font-h2Weight);
	line-height: var(--font-h2LineHeight);
	letter-spacing: var(--font-h2LetterSpacing);
	color: var(--font-h2Color);
	margin:0.45em 0;
}
h3,.text-h3, .hs_cos_wrapper_type_inline_rich_text h3,
.hs-richtext h3{
	font-family: var(--font-h3Font);
	font-size: var(--font-h3Size);
	font-weight: var(--font-h3Weight);
	line-height: var(--font-h3LineHeight);
	letter-spacing: var(--font-h3LetterSpacing);
	color: var(--font-h3Color);
	margin:0.5em 0;
}
h4,.text-h4, .hs_cos_wrapper_type_inline_rich_text h4,
.hs-richtext h4{
	font-family: var(--font-h4Font);
	font-size: var(--font-h4Size);
	font-weight: var(--font-h4Weight);
    line-height: var(--font-h4LineHeight);
	letter-spacing: var(--font-h4LetterSpacing);
	color: var(--font-h4Color);
}
h5,.text-h5, .hs_cos_wrapper_type_inline_rich_text h5,
.hs-richtext h5{
	font-family: var(--font-h5Font);
	font-size: var(--font-h5Size);
	font-weight: var(--font-h5Weight);
	line-height: var(--font-h5LineHeight);
	letter-spacing: var(--font-h5LetterSpacing);
	color: var(--font-h5Color);
}


:link,:visited {
	font-family: var(--font-linkFont);
	color: var(--font-linkColor);
	text-decoration: var(--font-linkUnderline);
	font-weight: var(--font-linkWeight);
	transition: all 0.25s ease-in-out;
}
:link:hover,:visited:hover {
    color: var(--font-linkHoverColor);
	text-decoration: var(--font-linkHoverUnderline);
}

h1 a,
.text-h1 a,
h2 a,
.text-h2 a,
h3 a,
.text-h3 a,
h4 a,
.text-h4 a,
h5 a,
.text-h5 a{
    font-weight:inherit;
}

.color-light{    
    color: var(--font-bodyColor);
	--font-bodyColor: var(--font-bodyColorLight);
	--font-h1Color: var(--font-h1ColorLight);
	--font-h2Color: var(--font-h2ColorLight);
	--font-h3Color: var(--font-h3ColorLight);
	--font-h4Color: var(--font-h4ColorLight);
	--font-h5Color: var(--font-h5ColorLight);
	--font-linkColor: var(--font-linkColorLight);
	--font-linkHoverColor: var(--font-linkHoverColorLight);
	--moduleSettings-dividerColor: var(--moduleSettings-dividerColorLight);
}
.color-reset {
	color: var(--font-bodyColor);
	--font-bodyColor: var(--font-bodyColorInitial);
	--font-h1Color: var(--font-h1ColorInitial);
	--font-h2Color: var(--font-h2ColorInitial);
	--font-h3Color: var(--font-h3ColorInitial);
	--font-h4Color: var(--font-h4ColorInitial);
	--font-h5Color: var(--font-h5ColorInitial);
	--font-linkColor: var(--font-linkColorInitial);
	--font-linkHoverColor: var(--font-linkHoverInitial);
	--moduleSettings-dividerColor: var(--moduleSettings-dividerColorInitial);
}


.color-light .pre-title-wrapper.pre-title-wrapper--intro span {
    color: var(--color-white) !important;
}

h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, p:first-child {
	margin-top:0;
}

h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, p:last-child{
    margin-bottom:0;
}

.text-light {font-weight:300;}
.text-normal {font-weight:400;}
.text-medium {font-weight:500;}
.text-semi-bold {font-weight:600;}
.text-bold {font-weight:700;}



/* Macro - Assigning Theme Colors */
/* convertFromThemeToColor("primary") */


:root {
    --orb-grid: 4px;
    --ghost-width: clamp(1.2rem,calc(10.0rem + 160 * (100vw - 360px) / 2200),26.0rem);;
    --ghost-color: #151A18;
}

.orb {
    position: relative;
    max-width: var(--ghost-width);
    max-height: var(--ghost-width);
    width: 100%;
    height: var(--ghost-width);
    background-color: var(--ghost-color);
    animation: bounce ease-in-out 3s infinite;
    border-radius: 50% 50% 50% 0%;
}

.eyes {
    position: absolute;
    max-height: calc(var(--ghost-width) * 0.15);
    max-width: calc(var(--ghost-width) * 0.15);
    width: 100%;
    height: 100%;
    top: calc(var(--ghost-width) * 0.21);
    right: calc(var(--ghost-width) * 0.087);
    transform: translate3d(-50%, -50%, 0);
}

.eye {
    position: absolute;
    max-height: calc(var(--ghost-width) * 0.15);
    max-width: calc(var(--ghost-width) * 0.15);
    width: 100%;
    height: 100%;
    background-color: white;
    border-radius: 50%;
    overflow: hidden;
    -webkit-mask-image: -webkit-radial-gradient(white, black); 
}

.eye--left {
  top: 0;
  right: calc(var(--ghost-width) * 0.174);
}

.eye--right {
  top: 0;
  right: 0;
}

.pupil {
    max-height: calc(var(--ghost-width) * 0.1);
    max-width: calc(var(--ghost-width) * 0.1);
    width: 100%;
    height: 100%;
    background-color: var(--ghost-color);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    border-radius: 50%;
    transition: all 0.15s ease-in-out;
}

.pupil.pupil-dilate{
    max-height: calc(var(--ghost-width) * 0.13);
    max-width: calc(var(--ghost-width) * 0.13);
    width: 100%;
    height: 100%;
}

.system-page{
    min-height: 100vh;
    display:flex;
    flex-direction:column;
    justify-content: center;
    align-items: center;
}

.system-400 .content__heading{
    margin-bottom: 1em;
}
.module{
    width: 100%;
    max-width: 100dvw;
    position: relative;
    z-index: 1;
}

.module--editor{
    width: 100%;
}

.h__wrapper{
    display: block;
}

.h__wrapper--fit{
    display: inline-block;
}

.divider{
	color: var(--moduleSettings-dividerColor);
    margin-bottom: 2.5rem;
	margin-left:0;
    width: 100%;
}

@media only screen and (max-width: 640px ) {
    .hs_cos_wrapper_type_inline_rich_text p img {
        float: none !important;
    }
}

/* Components
Reusable Components (used through macros) are styled here
*/
button, input[type="submit"] {
	cursor:pointer;
	color:inherit;
}

.btn:not(.btn--header),
.hs-form input.hs-button,
.cta--hubspot:not(.cta--header) .cta_button[style],
.cta--hubspot:not(.cta--header) .hs-web-interactive-inline[style] a,
.resources .filters a,
.email_subscriptions__container input[type="submit"]{
	cursor:pointer;
    position: relative;
    display: flex;
    align-items: center;
	background-color: var(--button-primaryBackgroundColor);
	color: var(--button-primaryTextColor);
	font-weight: var(--button-weight);
    font-size: var(--button-size);
    font-family: var(--font-buttonFont);
    letter-spacing: 1.6px;
    line-height: 1;
	padding: var(--button-paddingTop) var(--button-paddingLR) var(--button-paddingBottom);
	text-decoration:none !important;
    border-radius: 0;
    border: var(--button-primaryBorderWidth) solid var(--button-primaryBorderColor);
    top: -10px;
    left: -10px;
    transition: all .3s cubic-bezier(0.45, 0.05, 0.55, 0.95);
}

.hs-form .actions div{
    width: 100%;
    height: 100%;
    z-index: -1;
    display: block;
    position: relative;
}

.btn:not(.btn--header):hover,
.hs-form input.hs-button:hover,
.cta--hubspot:not(.cta--header) .cta_button[style]:hover,
.cta--hubspot:not(.cta--header) .hs-web-interactive-inline[style] a:hover,
.resources .filters a:hover,
.email_subscriptions__container input[type="submit"]:hover{
	background-color: var(--button-primaryHoverBackgroundColor);
	color: var(--button-primaryHoverTextColor);
	text-decoration:none;
    border: var(--button-primaryBorderWidth) solid var(--button-primaryHoverBorderColor);
    top: -6px;
    left: -6px;
}

.btn:not(.btn--header):before,
.cta--hubspot:not(.cta--header) .cta_button[style]:before,
.cta--hubspot:not(.cta--header) .hs-web-interactive-inline[style] a:before,
.hs-form .actions div:before,
.email_subscriptions__container input[type="submit"]:before{
    width: 100%;
    height: 100%;
    content: '';
    position: absolute;
    border: 3px solid var(--color-primary);
    background: var(--color-primary);
    border-radius: 0;
    text-decoration: none;
    transition: all .3s cubic-bezier(0.45, 0.05, 0.55, 0.95);;
    bottom: -10px;
    right: -10px;
    z-index: -1;
}

.btn:not(.btn--header):hover:before,
.cta--hubspot:not(.cta--header) .cta_button[style]:hover:before,
.email_subscriptions__container input[type="submit"]:hover:before,
.cta--hubspot:not(.cta--header) .hs-web-interactive-inline[style] a:hover:before{
    width: 100%;
    height: 100%;
    content: '';
    position: absolute;
    border: 3px solid var(--color-primary);
    background: var(--color-primary);
    border-radius: 0;
    text-decoration: none;
    transition: all .3s cubic-bezier(0.45, 0.05, 0.55, 0.95);;
    bottom: -6px;
    right: -6px;
    z-index: -1;
}

.btn--secondary:not(.btn--header),
.cta--hubspot:not(.cta--header).cta--secondary .cta_button[style],
.cta--hubspot:not(.cta--header).cta--secondary .hs-web-interactive-inline[style] a{
	background-color: var(--button-secondaryBackgroundColor);
	color: var(--button-secondaryTextColor);
    border: var(--button-secondaryBorderWidth) solid var(--button-secondaryBorderColor);
}
.btn--secondary:not(.btn--header):hover,
.cta--hubspot:not(.cta--header).cta--secondary .cta_button[style]:hover,
.cta--hubspot:not(.cta--header).cta--secondary .hs-web-interactive-inline[style] a:hover{
	background-color: var(--button-secondaryHoverBackgroundColor);
    color: var(--button-secondaryHoverTextColor);
    border: var(--button-secondaryBorderWidth) solid var(--button-secondaryHoverBorderColor);
}
.btn--tertiary:not(.btn--header),
.cta--hubspot:not(.cta--header).cta--tertiary .cta_button[style],
.cta--hubspot:not(.cta--header).cta--tertiary .hs-web-interactive-inline[style] a{
	background-color: var(--button-tertiaryBackgroundColor);
	color: var(--button-tertiaryTextColor);
    border: var(--button-tertiaryBorderWidth) solid var(--button-tertiaryBorderColor);
}
.btn--tertiary:not(.btn--header):hover,
.cta--hubspot:not(.cta--header).cta--tertiary .cta_button[style]:hover,
.cta--hubspot:not(.cta--header).cta--tertiary .hs-web-interactive-inline[style] a:hover{
	background-color: var(--button-tertiaryHoverBackgroundColor);
	color: var(--button-tertiaryHoverTextColor);
    border: var(--button-tertiaryBorderWidth) solid var(--button-tertiaryHoverBorderColor);
}

.btn--quaternary:not(.btn--header),
.cta--hubspot:not(.cta--header).cta--quaternary .cta_button[style],
.cta--hubspot:not(.cta--header).cta--quaternary .hs-web-interactive-inline[style] a,
.hs-form input.hs-button{
	background-color: var(--button-quaternaryBackgroundColor);
	color: var(--button-quaternaryTextColor);
    border: var(--button-quaternaryBorderWidth) solid var(--button-quaternaryBorderColor);
}
.btn--quaternary:not(.btn--header):hover,
.cta--hubspot:not(.cta--header).cta--quaternary .cta_button[style]:hover,
.cta--hubspot:not(.cta--header).cta--quaternary .hs-web-interactive-inline[style] a:hover,
.hs-form input.hs-button:hover{
	background-color: var(--button-quaternaryHoverBackgroundColor);
	color: var(--button-quaternaryHoverTextColor);
    border: var(--button-quaternaryBorderWidth) solid var(--button-quaternaryHoverBorderColor);
}

.btn--quinary:not(.btn--header),
.cta--hubspot:not(.cta--header).cta--quinary .cta_button[style],
.cta--hubspot:not(.cta--header).cta--quinary .hs-web-interactive-inline[style] a{
	background-color: var(--button-quinaryBackgroundColor);
	color: var(--button-quinaryTextColor);
    border: var(--button-quinaryBorderWidth) solid var(--button-quinaryBorderColor);
}
.btn--quinary:not(.btn--header):hover,
.cta--hubspot:not(.cta--header).cta--quinary .cta_button[style]:hover,
.cta--hubspot:not(.cta--header).cta--quinary .hs-web-interactive-inline[style] a:hover{
	background-color: var(--button-quinaryHoverBackgroundColor);
	color: var(--button-quinaryHoverTextColor);
    border: var(--button-quinaryBorderWidth) solid var(--button-quinaryHoverBorderColor);
}

.btn--quinary:not(.btn--header)::before,
.cta--hubspot:not(.cta--header).cta--quinary .cta_button[style]::before,
.cta--hubspot:not(.cta--header).cta--quinary .hs-web-interactive-inline[style] a::before{
	background-color: transparent;
	color: var(--button-quinaryTextColor);
    border: var(--button-quinaryBorderWidth) solid var(--button-quinaryBorderColor);
}
.btn--quinary:not(.btn--header):hover::before,
.cta--hubspot:not(.cta--header).cta--quinary .cta_button[style]:hover::before,
.cta--hubspot:not(.cta--header).cta--quinary .hs-web-interactive-inline[style] a:hover::before{
	background-color: transparent;
	color: var(--button-quinaryHoverTextColor);
    border: var(--button-quinaryBorderWidth) solid var(--button-quinaryHoverBorderColor);
}



/* Light Button Options */

.btn--light.btn:not(.btn--header),
.hs-form input.hs-button.btn--light,
.btn--light .cta--hubspot:not(.cta--header) .cta_button[style],
.btn--light .cta--hubspot:not(.cta--header) .hs-web-interactive-inline[style] a,
.resources .filters a.btn--light,
.email_subscriptions__container input[type="submit"].btn--light{
	background-color: var(--color-primary);
	color: var(--color-white);
    border: var(--button-primaryBorderWidth) solid var(--color-white);
}

.btn--light.btn:not(.btn--header):hover,
.hs-form input.hs-button.btn--light:hover,
.btn--light .cta--hubspot:not(.cta--header) .cta_button[style]:hover,
.btn--light .cta--hubspot:not(.cta--header) .hs-web-interactive-inline[style] a:hover,
.resources .filters a.btn--light:hover,
.email_subscriptions__container input[type="submit"].btn--light:hover{
	background-color: var(--color-primary);
    color: var(--color-white);
    border-color: #EBEAE5;
}


.btn--light.btn:not(.btn--header):before,
.btn--light .cta--hubspot:not(.cta--header) .cta_button[style]:before,
.btn--light .cta--hubspot:not(.cta--header) .hs-web-interactive-inline[style] a:before,
.email_subscriptions__container input[type="submit"].btn--light:before{
    border: 2px solid var(--button-primaryBackgroundColor);
    background: var(--button-primaryBackgroundColor);
    border-radius: 0;
}

.btn--light.btn:not(.btn--header).btn--secondary:before,
.btn--light .cta--hubspot:not(.cta--header).cta--secondary .cta_button[style]:before,
.btn--light .cta--hubspot:not(.cta--header).cta--secondary .hs-web-interactive-inline[style] a:before{
	background-color: var(--button-secondaryBackgroundColor);
    border: var(--button-secondaryBorderWidth) solid var(--button-secondaryBackgroundColor);
}
.btn--light.btn:not(.btn--header).btn--secondary:hover:before,
.btn--light .cta--hubspot:not(.cta--header).cta--secondary .cta_button[style]:hover:before,
.btn--light .cta--hubspot:not(.cta--header).cta--secondary .hs-web-interactive-inline[style] a:hover:before{
	background-color: var(--button-secondaryHoverBackgroundColor);
    border: var(--button-secondaryBorderWidth) solid var(--button-secondaryHoverBackgroundColor);
}
.btn--light.btn:not(.btn--header).btn--tertiary:before,
.btn--light .cta--hubspot:not(.cta--header).cta--tertiary .cta_button[style]:before,
.btn--light .cta--hubspot:not(.cta--header).cta--tertiary .hs-web-interactive-inline[style] a:before{
	background-color: var(--button-tertiaryBackgroundColor);
    border: var(--button-tertiaryBorderWidth) solid var(--button-tertiaryBackgroundColor);

}
.btn--light.btn:not(.btn--header).btn--tertiary:hover:before,
.btn--light .cta--hubspot:not(.cta--header).cta--tertiary .cta_button[style]:hover:before,
.btn--light .cta--hubspot:not(.cta--header).cta--tertiary .hs-web-interactive-inline[style] a:hover:before{
	background-color: var(--button-tertiaryHoverBackgroundColor);
    border: var(--button-tertiaryBorderWidth) solid var(--button-tertiaryHoverBackgroundColor);
}

.btn--light.btn:not(.btn--header).btn--quaternary:before,
.btn--light .cta--hubspot:not(.cta--header).cta--quaternary .cta_button[style]:before,
.btn--light .cta--hubspot:not(.cta--header).cta--quaternary .hs-web-interactive-inline[style] a:before{
	background-color: var(--button-quaternaryBackgroundColor);
    border: var(--button-quaternaryBorderWidth) solid var(--button-quaternaryBackgroundColor);
}
.btn--light.btn:not(.btn--header).btn--quaternary:hover:before,
.btn--light .cta--hubspot:not(.cta--header).cta--quaternary .cta_button[style]:hover:before,
.btn--light .cta--hubspot:not(.cta--header).cta--quaternary .hs-web-interactive-inline[style] a:hover:before{
	background-color: var(--button-quaternaryHoverBackgroundColor);
    border: var(--button-quaternaryBorderWidth) solid var(--button-quaternaryHoverBackgroundColor);
}

.btn--light.btn:not(.btn--header).btn--quinary:before,
.btn--light .cta--hubspot:not(.cta--header).cta--quinary .cta_button[style]:before,
.btn--light .cta--hubspot:not(.cta--header).cta--quinary .hs-web-interactive-inline[style] a:before{
	background-color: var(--color-white);
    border: var(--button-quinaryBorderWidth) solid var(--color-white);
}
.btn--light.btn:not(.btn--header).btn--quinary:hover:before,
.btn--light .cta--hubspot:not(.cta--header).cta--quinary .cta_button[style]:hover:before,
.btn--light .cta--hubspot:not(.cta--header).cta--quinary .hs-web-interactive-inline[style] a:hover:before{
	background-color: var(--color-white);
    border: var(--button-quinaryBorderWidth) solid var(--color-white);
}

.cta_button.no-style,
.hs-web-interactive-inline.no-style{
	padding: var(--button-paddingTop) 0 var(--button-paddingBottom) !important;
    background-color: none !important;
	border-radius:0;
}

.cta__element:last-child .ctas__container{
    margin-bottom: 0;
}

.ctas__container,
.form .hs_submit{
	--buttonMargin: 1.5rem;
	margin: calc((var(--buttonMargin,0) * 2)) calc((var(--buttonMargin,0) * -1) + 1rem);
    display: flex;
	align-items:flex-start;
    flex-wrap: wrap;
}
.ctas__container--left{
    justify-content: flex-start;
}
.ctas__container--center{
    justify-content: center;
}
.ctas__container--right{
    justify-content: flex-end;
}

.ctas__container > * ,
.form .hs_submit  > *{
    margin: var(--buttonMargin,0);
}

.btn__icon{
    display: inline-flex;
}

.btn__icon svg{
    width: 1em;
    height: 1em;
    fill: currentColor;
    font-size: 1.1em;
    margin-left: 0.5em;
    margin-right: calc(-0.2 * var(--button-paddingLR));
}

.btn__icon svg,
.btn__icon .hs_cos_wrapper_type_icon{
    display: inline-flex;
}

.hs-blog-link{
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: transform .8s ease;
}


@media only screen and (min-width: 641px) and (max-width: 1440px) {   
    
/*     .btn,
    .hs-form input.hs-button,
    .cta_button[style],
    .resources .filters a,
    .email_subscriptions__container input[type="submit"]{
        font-size: var(--button-sizeTab);
    } */
}

@media only screen and (max-width: 640px) {   
/*     .btn,
    .hs-form input.hs-button,
    .cta_button[style],
    .resources .filters a,
    .email_subscriptions__container input[type="submit"]{
        font-size: var(--button-sizeTabMobile);
    } */
}


@media only screen and (max-width: 480px) {   

    .ctas__container > *{
        width: 100%;
    }
    
    .btn, .hs-form input.hs-button, .cta_button[style],
    .cta--hubspot:not(.cta--header) .cta_button[style],
    .cta--hubspot:not(.cta--header) .hs-web-interactive-inline[style] a,
    .resources .filters a, .email_subscriptions__container input[type="submit"]{
        text-align: center;
        justify-content: center;
    }
    
}
/* Embed */
.component__embed iframe{
    max-width: 100%;
}
.color-light{
    --form-primaryBackgroundColor:				transparent;
    --form-primaryTextColor:					var(--color-white);
    --form-primaryLabelSize:					1.8rem;
    --form-primaryLabelWeight:					400;
    --form-primaryLabelLineHeight:				1.6;
    --form-primaryLabelColor:					var(--color-white);
    --form-primaryInputBackgroundColor:		    transparent;
    --form-primaryDropDownIconColor:		    var(--color-white);
    --form-primaryInputBorderSize:				1px solid;
    --form-primaryInputBorderColor:			    var(--color-white);
    --form-primaryInputBorderRadius:			0;
    --form-primaryInputColor:					var(--color-white);
    --form-primaryInputPlaceholder:			    var(--color-white);
    --form-primaryWarningMessageColor:			#d3604d;
    --form-primarySuccessMessageColor:			var(--color-white);
}.form{
    position: relative;
    border-radius: var(--moduleSettings-formsBorderRadius);
}

.form-bg{
    background-color: var(--form-primaryBackgroundColor);
    color: var(--form-primaryTextColor);
    position: relative;
}

.form__bg-img{
    width: 100%;
    height: 100%;
    z-index: 1 !important;
    position: absolute !important;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: center;
}

.form--primary .hs_cos_wrapper_type_inline_rich_text > *,
.form--primary .hs-richtext > *{
    color: var(--form-primaryTextColor) !important;
}

form.hs-form fieldset{
	max-width: none;
	width: 100%;
    display: flex;
    justify-content: space-between;
}

form.hs-form .hs-form-field,
form.hs-form .hs-dependent-field,
form.hs-form > .hs-richtext,
form.hs-form > .legal-consent-container {
	margin-bottom: var(--form-formFieldsMarginBottom);
    position: relative;
}

form.hs-form fieldset.form-columns-1 .hs-form-field, 
form.hs-form fieldset.form-columns-1 .hs-dependent-field {
	width: 100%;
}

form.hs-form fieldset.form-columns-2 .hs-form-field, 
form.hs-form fieldset.form-columns-2 .hs-dependent-field {
	width: calc(100%/2 - var(--form-formFields-columnGap)/2);
}

form.hs-form fieldset.form-columns-3 .hs-form-field, 
form.hs-form fieldset.form-columns-3 .hs-dependent-field {
	width: calc(100%/3 - var(--form-formFields-columnGap)/3);
}

/* Labels */
.form .hs-form label{
	display: block;
	font-size: var(--form-primaryLabelSize);
	font-weight: var(--form-primaryLabelWeight);
	margin-bottom: var(--form-formLabelsMarginBottom);
	line-height: var(--form-primaryLabelLineHeight);
    letter-spacing: -0.36px;
}
.form--primary .hs-form label,
.form--primary fieldset > .legal-consent-container,
.form--primary .legal-consent-container{
    color: var(--form-primaryLabelColor);
}


/* Help text - legends */
form.hs-form legend {
	font-size: calc(var(--form-secondaryLabelSize) * 0.8);
	font-weight: 400;
	margin: -var(--form-formLabelsMarginBottom) 0 calc(var(--form-formLabelsMarginBottom) * 0.5);
}

/* -------- Fields -------- */
form.hs-form .hs-form-field .input,
form.hs-form .hs-dependent-field .input {
	display: flex;
	width:100%;
	margin:0!important;
    position: relative;
}

form.hs-form .hs-dependent-field .input, form.hs-form .hs-form-field .input{
    position: relative;
}

.form .hs-fieldtype-text input + label {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.form .hs-fieldtype-text label span {
    position: absolute;
    bottom: 0px;
    left: 0px;
    padding-bottom: 16px;
    transform: translateY(0);
    transition: all 0.3s ease;
}

.form input:focus {
    outline: none;
}

.form .hs-fieldtype-text .input input + .input--required span:first-of-type{
    left: 1rem !important;
}

.form .hs-fieldtype-text .input input.invalid.error + label span{
    top: auto;
}

.form .hs-fieldtype-phonenumber .input input:focus + label span,
.form .hs-fieldtype-phonenumber .input input:not([value=""])  + label span,
.form .hs-fieldtype-text .input input:focus + label span,
.form .hs-fieldtype-text .input input:not([value=""])  + label span{
    transform: translateY(-100%);
    font-size: 1.4rem;
    left: 0px;
}



.form .hs-fieldtype-text .input input + .input--required:focus label span:first-of-type{
    left: 2rem;
}

.form .hs-fieldtype-phonenumber .input input + label {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.form .hs-fieldtype-phonenumber label span {
    position: absolute;
    bottom: 0px;
    left: 0px;
    padding-bottom: 16px;
    transform: translateY(0);
    transition: all 0.3s ease;
}

.form .hs-fieldtype-phonenumber .input input + .input--required span:first-of-type{
    left: 1rem !important;
}

.form .hs-fieldtype-phonenumber .input input.invalid.error + label span{
    top: auto;
}

.form .hs-fieldtype-phonenumber .input input:focus + label span,
.form .hs-fieldtype-phonenumber .input input:not([value=""])  + label span{
    transform: translateY(-100%);
    font-size: 1.4rem;
    left: 0px;
}

.form .hs-fieldtype-phonenumber .input input + .input--required:focus label span:first-of-type{
    left: 2rem;
}

.form input:focus {
  outline: none;
}

/* Input */
form.hs-form .hs-form-field .input input[type=text],
form.hs-form .hs-form-field .input input[type=email],
form.hs-form .hs-form-field .input input[type=password],
form.hs-form .hs-form-field .input input[type=tel],
form.hs-form .hs-form-field .input input[type=number],
form.hs-form .hs-form-field .input input[type=file],
form.hs-form .hs-dependent-field .input input[type=text],
form.hs-form .hs-dependent-field .input input[type=email],
form.hs-form .hs-dependent-field .input input[type=password],
form.hs-form .hs-dependent-field .input input[type=tel],
form.hs-form .hs-dependent-field .input input[type=number],
form.hs-form .hs-dependent-field .input input[type=file] {
	width:100% !important;
	font-size:inherit;
	line-height:inherit;
	padding: var(--form-formFieldsPaddingTopBottom) var(--form-formFieldsPaddingLeftRight);
	border-bottom: var(--form-primaryInputBorderSize) var(--form-primaryInputBorderColor);
	border-radius: var(--moduleSettings-forminputsBorderRadius);
	background: var(--form-primaryInputBackgroundColor);
	color: var(--form-primaryInputColor);
	outline:none;
	box-shadow: none;
	-webkit-appearance: none;
    appearance: none;
    letter-spacing: -0.36px;
}
form.hs-form .hs-form-field .input input::-webkit-input-placeholder,
form.hs-form .hs-dependent-field .input input::-webkit-input-placeholder{ /* Chrome/Opera/Safari */
	color: var(--form-primaryInputPlaceholder);
}
form.hs-form .hs-form-field .input input::-moz-placeholder,
form.hs-form .hs-dependent-field .input input::-moz-placeholder{ /* Firefox 19+ */
	color: var(--form-primaryInputPlaceholder);
}
form.hs-form .hs-form-field .input input:-ms-input-placeholder,
form.hs-form .hs-dependent-field .input input:-ms-input-placeholder{ /* IE 10+ */
	color: var(--form-primaryInputPlaceholder);
}
form.hs-form .hs-form-field .input input:-moz-placeholder,
form.hs-form .hs-dependent-field .input input:-moz-placeholder{ /* Firefox 18- */
	color: var(--form-primaryInputPlaceholder);
	opacity:1;
}
/* Text area */
form.hs-form .hs-form-field .input textarea,
form.hs-form .hs-dependent-field .input textarea{
	min-width:100%;
	width:100% !important;
	font-size:inherit;
	line-height:inherit;
	padding: var(--form-formFieldsPaddingTopBottom) var(--form-formFieldsPaddingLeftRight);
	border:var(--form-primaryInputBorderSize) var(--form-primaryInputBorderColor);
	border-radius:var(--moduleSettings-forminputsBorderRadius);
	background: var(--form-primaryInputBackgroundColor);
	color: var(--form-primaryInputColor);
	outline:none;
	box-shadow: none;
	min-height: 8rem;
}
form.hs-form .hs-form-field .input textarea::-webkit-input-placeholder,
form.hs-form .hs-dependent-field .input textarea::-webkit-input-placeholder{ /* Chrome/Opera/Safari */
	color: var(--form-primaryInputPlaceholder);
}
form.hs-form .hs-form-field .input textarea::-moz-placeholder,
form.hs-form .hs-dependent-field .input textarea::-moz-placeholder{ /* Firefox 19+ */
	color: var(--form-primaryInputPlaceholder);
}
form.hs-form .hs-form-field .input textarea:-ms-input-placeholder,
form.hs-form .hs-dependent-field .input textarea:-ms-input-placeholder{ /* IE 10+ */
	color: var(--form-primaryInputPlaceholder);
}
form.hs-form .hs-form-field .input textarea:-moz-placeholder,
form.hs-form .hs-dependent-field .input textarea:-moz-placeholder{ /* Firefox 18- */
	color: var(--form-primaryInputPlaceholder);
	opacity:1;
}
/* Select  https://www.filamentgroup.com/lab/select-css.html */
form.hs-form .hs-form-field .input select,
form.hs-form .hs-dependent-field .input select{
	display: block;
    margin-top: 1rem;
	max-width: 100%;
	width:100% !important;
	font-size:inherit;
	line-height:inherit;
	height: auto;
	border-bottom: var(--form-primaryInputBorderSize) var(--form-primaryInputBorderColor);
	border-radius: var(--moduleSettings-forminputsBorderRadius);
	color: var(--form-primaryInputColor);
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	box-shadow: none;
	outline: none;
	cursor:pointer;
	/* 	background-color: var(--form-primaryInputBackgroundColor); */
	background-color:transparent;
	background-repeat: no-repeat, repeat;
	background-position: right var(--form-formFieldsPaddingLeftRight) top 50%, 0 0;
	background-size: 0.8em auto, 100%;
	background-clip: padding-box;
	
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20448%20512%22%3E%3Cpath%20fill%3D%22%2324272A%22%20d%3D%22M207.029%20381.476L12.686%20187.132c-9.373-9.373-9.373-24.569%200-33.941l22.667-22.667c9.357-9.357%2024.522-9.375%2033.901-.04L224%20284.505l154.745-154.021c9.379-9.335%2024.544-9.317%2033.901.04l22.667%2022.667c9.373%209.373%209.373%2024.569%200%2033.941L240.971%20381.476c-9.373%209.372-24.569%209.372-33.942%200z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E'), linear-gradient(to bottom, var(--form-primaryInputBackgroundColor) 0%,var(--form-primaryInputBackgroundColor) 100%);
	padding: var(--form-formFieldsPaddingTopBottom) calc(var(--form-formFieldsPaddingLeftRight) * 2 + 0.8em) var(--form-formFieldsPaddingTopBottom) var(--form-formFieldsPaddingLeftRight);
}
form.hs-form .hs-form-field .input select::-ms-expand,
form.hs-form .hs-dependent-field .input select::-ms-expand{display: none;}
form.hs-form .hs-form-field .input select:hover,
form.hs-form .hs-dependent-field .input select:hover{}
form.hs-form .hs-form-field .input select:focus,
form.hs-form .hs-dependent-field .input select:focus{}
form.hs-form .hs-form-field .input select option,
form.hs-form .hs-dependent-field .input select option {
	color: #151A18;
	font-weight:normal;
}

/* Checkbox/Radio */
form.hs-form .inputs-list {
	margin: 0;
	padding: 0;
	list-style: none;
}
form.hs-form .inputs-list > li {
	display: block;
	margin: 0.4em 0 0.7em;
}
form.hs-form .inputs-list label {
	display: flex;
/* 	align-items: center; */
	margin-bottom: 0;
}
form.hs-form .inputs-list input,
form.hs-form .inputs-list span {
	vertical-align: middle;
}
form.hs-form input[type=checkbox],
form.hs-form input[type=radio] {
	cursor: pointer;
	margin:0.25em 0.5em 0 0;
}

/* Datepicker */
form.hs-form .hs-dateinput {
	position: relative;
	width:100%;
}
form.hs-form .hs-dateinput:before {
	content:'\F0ED';
	font-family:'Material Design Icons';
	position: absolute;
	right: var(--form-formFieldsPaddingLeftRight);
	font-size: 1.2em;
	top: 50%;
	transform: translateY(-50%);
	cursor:pointer;
    color: #24272A;
}
form.hs-form .hs-form-field .input .hs-dateinput input,
form.hs-form .hs-dependent-field .input .hs-dateinput input{
	padding-right: calc(var(--form-formFieldsPaddingLeftRight) * 2 + 1em);
}

/* File picker */
form.hs-form .hs-form-field .input input[type=file],
form.hs-form .hs-dependent-field .input input[type=file]{
	background-color: transparent;
    color: var(--form-primaryLabelColor);
	border: initial;
	padding: initial;
    margin-top: 2rem;
}

/* Phone With Country DropDown */
form.hs-form .hs-input.hs-fieldtype-intl-phone {
    width: 100%!important;
}
form.hs-form .hs-input.hs-fieldtype-intl-phone select {
	width: 18rem!important;
}
form.hs-form .hs-input.hs-fieldtype-intl-phone input[type="tel"] {
    width: calc(100% - 18rem - var(--form-formFields-columnGap))!important;
}

/* GDPR */
form.hs-form fieldset > .legal-consent-container,
form.hs-form > .legal-consent-container,
form.hs-form > .legal-consent-container .hs-form-booleancheckbox-display p,
form.hs-form > .legal-consent-container .hs-form-booleancheckbox-display span{
	font-size: var(--form-GDPRSize);
    font-weight: var(--form-GDPRWeight);
	line-height: var(--form-GDPRLineHeight);
	margin-top: -calc(var(--form-formFieldsMarginBottom) * 0.2 );
	margin-bottom:0.8em;
}

form.hs-form .legal-consent-container .hs-fieldtype-booleancheckbox{
    margin-top:0.8em;
    margin-bottom:0.8em;
}

form.hs-form .legal-consent-container .hs-richtext > p {
	margin: 0 0 0.4em;
}

form.hs-form .legal-consent-container .hs-richtext > a,
form.hs-form .legal-consent-container .hs-richtext > p > a{
	color: inherit;
    font-weight: 600;
}

form.hs-form .legal-consent-container .hs-richtext > a:hover,
form.hs-form .legal-consent-container .hs-richtext > p > a:hover{
    text-decoration: underline;
}


form.hs-form .legal-consent-container .hs-form-field,
form.hs-form .legal-consent-container .hs-dependent-field{
	margin:0;
}
form.hs-form .legal-consent-container label.hs-form-booleancheckbox-display{
	font-size:1.5rem;
}
form.hs-form .legal-consent-container .hs-form-booleancheckbox-display span:first-of-type {
	margin: 0;
}





/* Validation */
.hs-form-required {
/*   color: #EF6B51; */
}
form.hs-form .hs-form-field .input input.invalid.error,
form.hs-form .hs-dependent-field .input input.invalid.error {
  border-bottom: 1px solid var(--form-primaryWarningMessageColor);
}
form.hs-form label.hs-error-msg,
form.hs-form .hs-error-msgs.inputs-list {
    color: var(--form-primaryWarningMessageColor);
}

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

/* Submit button */

@media only screen and (min-width: 961px) {

    .form--overflow{
        z-index: 2;
        position: absolute;
        top: 0;
    }

}
    
@media only screen and (max-width: 640px) {
	form.hs-form fieldset {
		width:100%;
        flex-direction: column;
		margin:0;
	}
	form.hs-form fieldset .hs-form-field,
	form.hs-form fieldset.form-columns-2 .hs-form-field,
	form.hs-form fieldset.form-columns-3 .hs-form-field,
	form.hs-form fieldset .hs-dependent-field,
	form.hs-form fieldset.form-columns-2 .hs-dependent-field,
	form.hs-form fieldset.form-columns-3 .hs-dependent-field,
	form.hs-form fieldset > .hs-richtext,
	form.hs-form fieldset > .legal-consent-container {
		width:100%;
		margin:0 0 var(--form-formFieldsMarginBottom);
	}
}
@media only screen and (max-width: 400px) {
	/* Phone With Country DropDown */
	form.hs-form .hs-input.hs-fieldtype-intl-phone select {
		width: 100% !important;
		margin-bottom: var(--form-formFieldsMarginBottom);
	}
	form.hs-form .hs-input.hs-fieldtype-intl-phone input[type="tel"] {
		width: 100%!important;
	}
}

/* Alternative Form Styling */

.form--secondary .hs_cos_wrapper_type_inline_rich_text > *,
.form--secondary .hs-richtext > *{
    color: var(--form-secondaryTextColor) !important;
}

/* Label */

.form--secondary label,
.form--secondary fieldset > .legal-consent-container,
.form--secondary .legal-consent-container{
    color: ;
}

/* Input */
.form--secondary form.hs-form .hs-form-field .input input[type=text],
.form--secondary form.hs-form .hs-form-field .input input[type=email],
.form--secondary form.hs-form .hs-form-field .input input[type=password],
.form--secondary form.hs-form .hs-form-field .input input[type=tel],
.form--secondary form.hs-form .hs-form-field .input input[type=number],
.form--secondary form.hs-form .hs-form-field .input input[type=file],
.form--secondary form.hs-form .hs-dependent-field .input input[type=text],
.form--secondary form.hs-form .hs-dependent-field .input input[type=email],
.form--secondary form.hs-form .hs-dependent-field .input input[type=password],
.form--secondary form.hs-form .hs-dependent-field .input input[type=tel],
.form--secondary form.hs-form .hs-dependent-field .input input[type=number],
.form--secondary form.hs-form .hs-dependent-field .input input[type=file]{
	border: var(--form-primaryInputBorderSize) var(--form-primaryInputBorderColor);
	border-radius: var(--moduleSettings-forminputsBorderRadius);
	background: var(--form-primaryInputBackgroundColor);
	color: var(--form-secondaryInputColor);
}



.form--secondary form.hs-form .hs-form-field .input input::-webkit-input-placeholder,
.form--secondary form.hs-form .hs-dependent-field .input input::-webkit-input-placeholder{ /* Chrome/Opera/Safari */
	color: var(--form-primaryInputPlaceholder);
}
.form--secondary form.hs-form .hs-form-field .input input::-moz-placeholder,
.form--secondary form.hs-form .hs-dependent-field .input input::-moz-placeholder{ /* Firefox 19+ */
	color: var(--form-primaryInputPlaceholder);
}
.form--secondary form.hs-form .hs-form-field .input input:-ms-input-placeholder,
.form--secondary form.hs-form .hs-dependent-field .input input:-ms-input-placeholder{ /* IE 10+ */
	color: var(--form-primaryInputPlaceholder);
}
.form--secondary form.hs-form .hs-form-field .input input:-moz-placeholder,
.form--secondary form.hs-form .hs-dependent-field .input input:-moz-placeholder{ /* Firefox 18- */
	color: var(--form-primaryInputPlaceholder);
}
/* Text area */
.form--secondary form.hs-form .hs-form-field .input textarea,
.form--secondary form.hs-form .hs-dependent-field .input textarea{
	border:var(--form-primaryInputBorderSize) var(--form-primaryInputBorderColor);
	background: var(--form-primaryInputBackgroundColor);
	color: var(--form-primaryInputColor);
}
.form--secondary form.hs-form .hs-form-field .input textarea::-webkit-input-placeholder,
.form--secondary form.hs-form .hs-dependent-field .input textarea::-webkit-input-placeholder{ /* Chrome/Opera/Safari */
	color: var(--form-primaryInputPlaceholder);
}
.form--secondary form.hs-form .hs-form-field .input textarea::-moz-placeholder,
.form--secondary form.hs-form .hs-dependent-field .input textarea::-moz-placeholder{ /* Firefox 19+ */
	color: var(--form-primaryInputPlaceholder);
}
.form--secondary form.hs-form .hs-form-field .input textarea:-ms-input-placeholder,
.form--secondary form.hs-form .hs-dependent-field .input textarea:-ms-input-placeholder{ /* IE 10+ */
	color: var(--form-primaryInputPlaceholder);
}
.form--secondary form.hs-form .hs-form-field .input textarea:-moz-placeholder,
.form--secondary form.hs-form .hs-dependent-field .input textarea:-moz-placeholder{ /* Firefox 18- */
	color: var(--form-primaryInputPlaceholder);
}

/* File picker */

.form--secondary form.hs-form .hs-form-field .input input[type=file],
.form--secondary form.hs-form .hs-dependent-field .input input[type=file]{
    background-color: transparent;
    color: var(--form-secondaryLabelColor);
}

/* Select  https://www.filamentgroup.com/lab/select-css.html */
.form--secondary form.hs-form .hs-form-field .input select,
.form--secondary form.hs-form .hs-dependent-field .input select{
	border: var(--form-primaryInputBorderSize) var(--form-primaryInputBorderColor);
	color: var(--form-primaryInputColor);
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20448%20512%22%3E%3Cpath%20fill%3D%22%2324272A%22%20d%3D%22M207.029%20381.476L12.686%20187.132c-9.373-9.373-9.373-24.569%200-33.941l22.667-22.667c9.357-9.357%2024.522-9.375%2033.901-.04L224%20284.505l154.745-154.021c9.379-9.335%2024.544-9.317%2033.901.04l22.667%2022.667c9.373%209.373%209.373%2024.569%200%2033.941L240.971%20381.476c-9.373%209.372-24.569%209.372-33.942%200z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E'), linear-gradient(to bottom, var(--form-primaryInputBackgroundColor) 0%,var(--form-primaryInputBackgroundColor) 100%);
}
.form--secondary form.hs-form .hs-form-field .input input.invalid.error,
.form--secondary form.hs-form .hs-dependent-field .input input.invalid.error{
    border: 1px solid var(--form-primaryWarningMessageColor);
}

.form--secondary form.hs-form label.hs-error-msg,
.form--secondary form.hs-form .hs-error-msgs.inputs-list {
    color: var(--form-primaryWarningMessageColor);
}

/* Submit button */
.form--secondary form.hs-form input.hs-button{
	background: var(--form-primarySubmitButtonBackgroundColor);
    color: var(--form-primarySubmitButtonTextColor);
	border: var(--form-primarySubmitBorderSize) var(--form-primarySubmitBorderColor);
}

.form--secondary form.hs-form input.hs-button:hover{
	background: ;
	color: ;
	border: ;
	color: ;
}
.form--secondary form.hs-form input.hs-button:hover{
	background: ;
	color: ;
	border: ;
}

/* Subcription Forms */

/* GDPR */

.blog-subscription form.hs-form fieldset > .legal-consent-container,
.blog-subscription form.hs-form > .legal-consent-container {
	font-size:1.5rem;
	line-height:1.2;
	margin-top: -calc(var(--blog-subscriptionFormFormFieldsMarginBottom) * 0.2 );
	margin-bottom:0.8em;
}
.blog-subscription form.hs-form .legal-consent-container .hs-richtext > p {
	margin: 0 0 0.4em;
}

.blog-subscription form.hs-form .legal-consent-container .hs-richtext > a,
.blog-subscription form.hs-form .legal-consent-container .hs-richtext > p > a{
	color: inherit;
    font-weight: 600;
}

.blog-subscription form.hs-form .legal-consent-container .hs-richtext > a:hover,
.blog-subscription form.hs-form .legal-consent-container .hs-richtext > p > a:hover{
    text-decoration: underline;
}


.blog-subscription form.hs-form .legal-consent-container .hs-form-field,
.blog-subscription form.hs-form .legal-consent-container .hs-dependent-field{
	margin:0;
}
.blog-subscription form.hs-form .legal-consent-container label.hs-form-booleancheckbox-display{
	font-size:1.5rem;
}
.blog-subscription form.hs-form .legal-consent-container .hs-form-booleancheckbox-display span:first-of-type {
	margin-left: 0;
}

.blog-subscription .blog-subscription__container{
    position: relative;
    border-radius: var(--moduleSettings-formsBorderRadius);
    background-color: var(--blog-subscriptionFormBackgroundColor);
    color: var(--blog-subscriptionFormTextColor);
    position: relative;
    padding: var(--blog-subscriptionFormPaddingTB) var(--blog-subscriptionFormPaddingLR);
}

--blog-subscriptionFormBackgroundColor
--blog-subscriptionFormTextColo
--blog-subscriptionFormPaddingLR
--blog-subscriptionFormPaddingTB



.blog-subscription .hs_cos_wrapper_type_inline_rich_text > *,
.blog-subscription .hs-richtext > *{
    color: var(--form-primaryTextColor) !important;
}

.blog-subscription .blog-subscription__container .hs-form fieldset{
	max-width: none;
	width: 100%;
    display: flex;
    justify-content: space-between;
}

.blog-subscription .blog-subscription__container .hs-form .hs-form-field,
.blog-subscription .blog-subscription__container .hs-form.hs-dependent-field,
.blog-subscription .blog-subscription__container .hs-form> .hs-richtext,
.blog-subscription .blog-subscription__container .hs-form> .legal-consent-container {
	margin-bottom: var(--form-formFieldsMarginBottom)
}

.blog-subscription .blog-subscription__container .hs-formfieldset.form-columns-1 .hs-form-field, 
.blog-subscription .blog-subscription__container .hs-formfieldset.form-columns-1 .hs-dependent-field {
	width: 100%;
}

.blog-subscription .blog-subscription__container .hs-formfieldset.form-columns-2 .hs-form-field, 
.blog-subscription .blog-subscription__container .hs-formfieldset.form-columns-2 .hs-dependent-field {
	width: calc(100%/2 - var(--form-formFields-columnGap)/2);
}

.blog-subscription .blog-subscription__container .hs-formfieldset.form-columns-3 .hs-form-field, 
.blog-subscription .blog-subscription__container .hs-formfieldset.form-columns-3 .hs-dependent-field {
	width: calc(100%/3 - var(--form-formFields-columnGap)/3);
}

/* Labels */
.blog-subscription .blog-subscription__container .hs-form label{
	display: block;
	font-size: var(--form-primaryLabelSize);
	font-weight: var(--form-primaryLabelWeight);
	margin-bottom: var(--form-formLabelsMarginBottom);
	line-height: var(--form-primaryLabelLineHeight);
}
.blog-subscription  .hs-form label,
.blog-subscription  fieldset > .legal-consent-container,
.blog-subscription  .legal-consent-container{
    color: var(--form-primaryLabelColor);
}


/* Help text - legends */
.blog-subscription .blog-subscription__container .hs-form legend {
	font-size: calc(var(--form-secondaryLabelSize) * 0.8);
	font-weight: 400;
	margin: -var(--form-formLabelsMarginBottom) 0 calc(var(--form-formLabelsMarginBottom) * 0.5);
}

/* -------- Fields -------- */
.blog-subscription .blog-subscription__container .hs-form .hs-form-field .input,
.blog-subscription .blog-subscription__container .hs-form.hs-dependent-field .input {
	display: flex;
	width:100%;
	margin:0!important;
}

/* Input */
.blog-subscription .blog-subscription__container .hs-form .hs-form-field .input input[type=text],
.blog-subscription .blog-subscription__container .hs-form .hs-form-field .input input[type=email],
.blog-subscription .blog-subscription__container .hs-form .hs-form-field .input input[type=password],
.blog-subscription .blog-subscription__container .hs-form .hs-form-field .input input[type=tel],
.blog-subscription .blog-subscription__container .hs-form .hs-form-field .input input[type=number],
.blog-subscription .blog-subscription__container .hs-form .hs-form-field .input input[type=file],
.blog-subscription .blog-subscription__container .hs-form.hs-dependent-field .input input[type=text],
.blog-subscription .blog-subscription__container .hs-form.hs-dependent-field .input input[type=email],
.blog-subscription .blog-subscription__container .hs-form.hs-dependent-field .input input[type=password],
.blog-subscription .blog-subscription__container .hs-form.hs-dependent-field .input input[type=tel],
.blog-subscription .blog-subscription__container .hs-form.hs-dependent-field .input input[type=number],
.blog-subscription .blog-subscription__container .hs-form.hs-dependent-field .input input[type=file] {
	width:100% !important;
	font-size:inherit;
	line-height:inherit;
	padding: var(--form-formFieldsPaddingTopBottom) var(--form-formFieldsPaddingLeftRight);
	border: var(--form-primaryInputBorderSize) var(--form-primaryInputBorderColor);
	border-radius: var(--moduleSettings-forminputsBorderRadius);
	background: var(--form-primaryInputBackgroundColor);
	color: var(--form-primaryInputColor);
	outline:none;
	box-shadow: none;
	-webkit-appearance: none;
    appearance: none;
}
.blog-subscription .blog-subscription__container .hs-form .hs-form-field .input input::-webkit-input-placeholder,
.blog-subscription .blog-subscription__container .hs-form.hs-dependent-field .input input::-webkit-input-placeholder{ /* Chrome/Opera/Safari */
	color: var(--form-primaryInputPlaceholder);
}
.blog-subscription .blog-subscription__container .hs-form .hs-form-field .input input::-moz-placeholder,
.blog-subscription .blog-subscription__container .hs-form.hs-dependent-field .input input::-moz-placeholder{ /* Firefox 19+ */
	color: var(--form-primaryInputPlaceholder);
}
.blog-subscription .blog-subscription__container .hs-form .hs-form-field .input input:-ms-input-placeholder,
.blog-subscription .blog-subscription__container .hs-form.hs-dependent-field .input input:-ms-input-placeholder{ /* IE 10+ */
	color: var(--form-primaryInputPlaceholder);
}
.blog-subscription .blog-subscription__container .hs-form .hs-form-field .input input:-moz-placeholder,
.blog-subscription .blog-subscription__container .hs-form.hs-dependent-field .input input:-moz-placeholder{ /* Firefox 18- */
	color: var(--form-primaryInputPlaceholder);
	opacity:1;
}
/* Text area */
.blog-subscription .blog-subscription__container .hs-form .hs-form-field .input textarea,
.blog-subscription .blog-subscription__container .hs-form.hs-dependent-field .input textarea{
	min-width:100%;
	width:100% !important;
	font-size:inherit;
	line-height:inherit;
	padding: var(--form-formFieldsPaddingTopBottom) var(--form-formFieldsPaddingLeftRight);
	border:var(--form-primaryInputBorderSize) var(--form-primaryInputBorderColor);
	border-radius:var(--moduleSettings-forminputsBorderRadius);
	background: var(--form-primaryInputBackgroundColor);
	color: var(--form-primaryInputColor);
	outline:none;
	box-shadow: none;
	min-height: 8rem;
}
.blog-subscription .blog-subscription__container .hs-form .hs-form-field .input textarea::-webkit-input-placeholder,
.blog-subscription .blog-subscription__container .hs-form.hs-dependent-field .input textarea::-webkit-input-placeholder{ /* Chrome/Opera/Safari */
	color: var(--form-primaryInputPlaceholder);
}
.blog-subscription .blog-subscription__container .hs-form .hs-form-field .input textarea::-moz-placeholder,
.blog-subscription .blog-subscription__container .hs-form.hs-dependent-field .input textarea::-moz-placeholder{ /* Firefox 19+ */
	color: var(--form-primaryInputPlaceholder);
}
.blog-subscription .blog-subscription__container .hs-form .hs-form-field .input textarea:-ms-input-placeholder,
.blog-subscription .blog-subscription__container .hs-form.hs-dependent-field .input textarea:-ms-input-placeholder{ /* IE 10+ */
	color: var(--form-primaryInputPlaceholder);
}
.blog-subscription .blog-subscription__container .hs-form .hs-form-field .input textarea:-moz-placeholder,
.blog-subscription .blog-subscription__container .hs-form.hs-dependent-field .input textarea:-moz-placeholder{ /* Firefox 18- */
	color: var(--form-primaryInputPlaceholder);
	opacity:1;
}
/* Select  https://www.filamentgroup.com/lab/select-css.html */
.blog-subscription .blog-subscription__container .hs-form .hs-form-field .input select,
.blog-subscription .blog-subscription__container .hs-form.hs-dependent-field .input select{
	display: block;
	max-width: 100%;
	width:100% !important;
	font-size:inherit;
	line-height:inherit;
	height: auto;
	border: var(--form-primaryInputBorderSize) var(--form-primaryInputBorderColor);
	border-radius: var(--moduleSettings-forminputsBorderRadius);
	color: var(--form-primaryInputColor);
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	box-shadow: none;
	outline: none;
	cursor:pointer;
	/* 	background-color: var(--form-primaryInputBackgroundColor); */
	background-color:transparent;
	background-repeat: no-repeat, repeat;
	background-position: right var(--form-formFieldsPaddingLeftRight) top 50%, 0 0;
	background-size: 0.8em auto, 100%;
	background-clip: padding-box;
	
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20448%20512%22%3E%3Cpath%20fill%3D%22%2324272A%22%20d%3D%22M207.029%20381.476L12.686%20187.132c-9.373-9.373-9.373-24.569%200-33.941l22.667-22.667c9.357-9.357%2024.522-9.375%2033.901-.04L224%20284.505l154.745-154.021c9.379-9.335%2024.544-9.317%2033.901.04l22.667%2022.667c9.373%209.373%209.373%2024.569%200%2033.941L240.971%20381.476c-9.373%209.372-24.569%209.372-33.942%200z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E'), linear-gradient(to bottom, var(--form-primaryInputBackgroundColor) 0%,var(--form-primaryInputBackgroundColor) 100%);
	padding: var(--form-formFieldsPaddingTopBottom) calc(var(--form-formFieldsPaddingLeftRight) * 2 + 0.8em) var(--form-formFieldsPaddingTopBottom) var(--form-formFieldsPaddingLeftRight);
}
.blog-subscription .blog-subscription__container .hs-form .hs-form-field .input select::-ms-expand,
.blog-subscription .blog-subscription__container .hs-form.hs-dependent-field .input select::-ms-expand{display: none;}
.blog-subscription .blog-subscription__container .hs-form .hs-form-field .input select:hover,
.blog-subscription .blog-subscription__container .hs-form.hs-dependent-field .input select:hover{}
.blog-subscription .blog-subscription__container .hs-form .hs-form-field .input select:focus,
.blog-subscription .blog-subscription__container .hs-form.hs-dependent-field .input select:focus{}
.blog-subscription .blog-subscription__container .hs-form .hs-form-field .input select option,
.blog-subscription .blog-subscription__container .hs-form.hs-dependent-field .input select option {
	color: #151A18;
	font-weight:normal;
}

/* Checkbox/Radio */
.blog-subscription .blog-subscription__container .hs-form.inputs-list {
	margin: 0;
	padding: 0;
	list-style: none;
}
.blog-subscription .blog-subscription__container .hs-form.inputs-list > li {
	display: block;
	margin: 0.4em 0 0.7em;
}
.blog-subscription .blog-subscription__container .hs-form.inputs-list label {
	display: flex;
/* 	align-items: center; */
	margin-bottom: 0;
}
.blog-subscription .blog-subscription__container .hs-form.inputs-list input,
.blog-subscription .blog-subscription__container .hs-form.inputs-list span {
	vertical-align: middle;
}
.blog-subscription .blog-subscription__container .hs-forminput[type=checkbox],
.blog-subscription .blog-subscription__container .hs-forminput[type=radio] {
	cursor: pointer;
	margin:0.25em 0.5em 0 0;
}

/* Datepicker */
.blog-subscription .blog-subscription__container .hs-form.hs-dateinput {
	position: relative;
	width:100%;
}
.blog-subscription .blog-subscription__container .hs-form.hs-dateinput:before {
	content:'\F0ED';
	font-family:'Material Design Icons';
	position: absolute;
	right: var(--form-formFieldsPaddingLeftRight);
	font-size: 1.2em;
	top: 50%;
	transform: translateY(-50%);
	cursor:pointer;
    color: #24272A;
}
.blog-subscription .blog-subscription__container .hs-form .hs-form-field .input .hs-dateinput input,
.blog-subscription .blog-subscription__container .hs-form.hs-dependent-field .input .hs-dateinput input{
	padding-right: calc(var(--form-formFieldsPaddingLeftRight) * 2 + 1em);
}

/* File picker */
.blog-subscription .blog-subscription__container .hs-form .hs-form-field .input input[type=file],
.blog-subscription .blog-subscription__container .hs-form.hs-dependent-field .input input[type=file]{
	background-color: transparent;
    color: var(--form-primaryLabelColor);
	border: initial;
	padding: initial;
}

/* Phone With Country DropDown */
.blog-subscription .blog-subscription__container .hs-form.hs-input.hs-fieldtype-intl-phone {
    width: 100%!important;
}
.blog-subscription .blog-subscription__container .hs-form.hs-input.hs-fieldtype-intl-phone select {
	width: 18rem!important;
}
.blog-subscription .blog-subscription__container .hs-form.hs-input.hs-fieldtype-intl-phone input[type="tel"] {
    width: calc(100% - 18rem - var(--form-formFields-columnGap))!important;
}
/* Validation */
.hs-form-required {
/*   color: #EF6B51; */
}
.blog-subscription .blog-subscription__container .hs-form .hs-form-field .input input.invalid.error,
.blog-subscription .blog-subscription__container .hs-form.hs-dependent-field .input input.invalid.error {
  border: 1px solid var(--form-primaryWarningMessageColor);
}
.blog-subscription .blog-subscription__container .hs-formlabel.hs-error-msg,
.blog-subscription .blog-subscription__container .hs-form.hs-error-msgs.inputs-list {
    color: var(--form-primaryWarningMessageColor);
}

/* Submit button */
.blog-subscription .blog-subscription__container .hs-form input.hs-button{
	display: block;
	width: auto;
	min-width: 8em;
	text-align: center;
	background: var(--form-primarySubmitButtonBackgroundColor);
    color: var(--form-primarySubmitButtonTextColor);
	font-weight: var(--button-weight);
	margin: var(--form-formFieldsMarginBottom) 0 0;
    padding: ;
	text-transform: none;
	text-decoration:none;
	cursor: pointer;
	transition: all 0.25s ease;
	border: var(--form-primarySubmitBorderSize) var(--form-primarySubmitBorderColor);
	border-radius: var(--moduleSettings-ctaBorderRadius);
	box-shadow: none;
	-webkit-appearance: none;
	appearance:none;
}
.blog-subscription .blog-subscription__container .hs-form input.hs-button:hover{
	background: var(--form-primarySubmitButtonBackgroundColorHover);
	color: var(--form-primarySubmitButtonTextColorHover);
	border: var(--form-primarySubmitBorderSize) var(--form-primarySubmitBorderColorHover);
}


/* Email Preference Forms */

.email_subscriptions__container{
    padding: 4rem;
}

.email_subscriptions__container input[type=text],
.email_subscriptions__container input[type=email],
.email_subscriptions__container input[type=password],
.email_subscriptions__container input[type=tel],
.email_subscriptions__container input[type=number],
.email_subscriptions__container input[type=file] {
	width:100% !important;
	font-size:inherit !important;
	line-height:inherit !important;
	padding: var(--form-formFieldsPaddingTopBottom) var(--form-formFieldsPaddingLeftRight) !important;
	border: var(--form-primaryInputBorderSize) var(--form-primaryInputBorderColor) !important;
	border-radius: var(--moduleSettings-forminputsBorderRadius) !important;
	background: var(--form-primaryInputBackgroundColor) !important;
	color: var(--form-primaryInputColor) !important;
	outline:none !important;
	box-shadow: none !important;
	-webkit-appearance: none !important;
    appearance: none !important;
}
form.hs-form .hs-form-field .input input::-webkit-input-placeholder,
form.hs-form .hs-dependent-field .input input::-webkit-input-placeholder{ /* Chrome/Opera/Safari */
	color: var(--form-primaryInputPlaceholder) !important;
}
form.hs-form .hs-form-field .input input::-moz-placeholder,
form.hs-form .hs-dependent-field .input input::-moz-placeholder{ /* Firefox 19+ */
	color: var(--form-primaryInputPlaceholder) !important;
}
form.hs-form .hs-form-field .input input:-ms-input-placeholder,
form.hs-form .hs-dependent-field .input input:-ms-input-placeholder{ /* IE 10+ */
	color: var(--form-primaryInputPlaceholder) !important;
}
form.hs-form .hs-form-field .input input:-moz-placeholder,
form.hs-form .hs-dependent-field .input input:-moz-placeholder{ /* Firefox 18- */
	color: var(--form-primaryInputPlaceholder) !important;
	opacity:1 !important;
}

.hs_cos_wrapper_type_email_subscriptions #email-prefs-form .page-header h2,
.email_subscriptions__container .page-header h2,
.email_subscriptions__container .page-header h3,
.email_subscriptions__container form h2,
.email_subscriptions__container form h3{
    font-size: 2rem;
    font-style: italic;
}

.email_subscriptions__container .hs-input{
    margin-bottom: var(--form-formFieldsMarginBottom);
}

.email-prefs{
    margin: 3rem 0;
}

.email-prefs .header{
    padding: 0;
    background: none;
    font-weight: 500;
}

.email-prefs .item:not(:first-of-type){
    margin: 1rem 0;
    padding: 2rem 0 0 0;
    border-top: 1px solid transparent;
}

.email-prefs .subscribe-options{
    padding-top: 4rem;
    border-top: 1px solid transparent;
}

.password-page__container{
    padding: 4rem;
}

.password-page__container input[type=text],
.password-page__container input[type=email],
.password-page__container input[type=password],
.password-page__container input[type=tel],
.password-page__container input[type=number],
.password-page__container input[type=file] {
	width:100% !important;
	font-size:inherit !important;
	line-height:inherit !important;
	padding: var(--form-formFieldsPaddingTopBottom) var(--form-formFieldsPaddingLeftRight) !important;
	border: var(--form-primaryInputBorderSize) var(--form-primaryInputBorderColor) !important;
	border-radius: var(--moduleSettings-forminputsBorderRadius) !important;
	background: var(--form-primaryInputBackgroundColor) !important;
	color: var(--form-primaryInputColor) !important;
	outline:none !important;
	box-shadow: none !important;
	-webkit-appearance: none !important;
    appearance: none !important;
    height: auto !important;
}

.password-page__container .hs-button{
    margin: 2rem 0;
}

.content__element__form .hs_cos_wrapper_type_inline_rich_text + .hs_cos_wrapper_type_form form {
    padding-top: 16px;
}

@media only screen and (max-width: 640px) {
    .hs_cos_wrapper_type_email_subscriptions #email-prefs-form .page-header h1,
    .email_subscriptions__container .page-header h1{
        font-size: var(--font-h4Size);
    }
    
    .hs_cos_wrapper_type_email_subscriptions #email-prefs-form,
    .email_subscriptions__container{
        padding: 3rem;
    }
    
    .password-page__container h1{
        font-size: var(--font-h4Size);
    }
    
    .password-page__container{
        padding: 3rem;
    }
}
/* Icons */

.component__icons{
    display: flex;
    flex-direction: column;
    gap: 1.5rem;  
}
.component__icons--row {
	flex-direction: row;
    flex-wrap: wrap;
    gap: 1.5rem 4rem;
}
.component__icon__wrapper{
    align-items: center;
    gap: 1.8rem;
    display: grid;
    grid-template-columns: minmax(auto, 35px) 1fr;
}

.component__icon__wrapper.component__icon__img{
    margin: auto;
}

.component__icon__statistic{
    margin: 0;
}

.component__icon__wrapper--statistic{
    display: grid; 
    grid-template-columns: auto 1fr;
    grid-template-rows: 1fr minmax(20px, 1fr);
    gap: 1.6rem; 
    grid-template-areas: 
        "icon stat"
        "text text"; 
}

.component__icon__wrapper--statistic .component__icon__img { grid-area: icon; }
.component__icon__wrapper--statistic .component__icon__statistic { grid-area: stat; line-height: 0; }
.component__icon__wrapper--statistic .component__icon__text { grid-area: text; margin: 0; }

.component__icon__wrapper .component__icon__text{
    margin-top: 0;
    max-width: 190px;
}

.component__icon__text{
    font-size: 1.8rem;
}

@media only screen and (max-width: 1080px) {   
    .component__icons--row {
        flex-direction: column;
        flex-wrap: nowrap;
    }
}
.component__intro{
    z-index: 1;
    position: relative;
}
/* Logo */
.component__logo {
    display: flex;
    align-items: center;
	margin:0;
	position:relative;
    max-width: 160px;
    width: 100%;
}
.component__logo__img {
	width: 100%;
}
table {
  border-collapse: collapse;
  width: 100%;
}
th, td {
	background:var(--table-standardBackgroundColor);
	color:var(--table-standardTextColor);
	border:1px solid var(--table-standardBorderColor);
	padding:var(--table-standardPadding);
	text-align:left;
}
th {
	background:var(--table-headerBackgroundColor);
	color:var(--table-headerTextColor);
	padding:var(--table-headerPadding);
}
tr.even td {
	background:var(--table-alternateBackgroundColor);
	color:var(--table-alternateTextColor);
}
tr.sticky {
    top: 0;
    position: sticky;
}
.testimonial{
    padding: 4rem;
    background-color: #04040407;
    border: 1px solid #E3E3E3;
    max-width: 530px;
    margin-left: auto;
    position: relative;
}

.testimonial__shape{
    display: flex;
    height: 150px;
    opacity: .04;
    pointer-events: none;
    position: absolute;
    bottom: 4rem;
    right: 4rem;
    width: 150px;
}

.testimonial__profile{
    background-size: cover;
    background-position: center;
    height: 170px;
    width: 170px;
    border-bottom-left-radius: 100%;
}

.testimonial__shape svg{
    width: auto;
    height: 100%;
}

.testimonial__testimonial__content{
    display: grid;
  grid-template-columns: auto 170px; 
  gap: 4rem; 
  grid-template-areas: 
    "logos profile"
    "quote quote"
    "source source"; 
}

.logos { grid-area: logos; }
.profile { grid-area: profile; }
.quote { grid-area: quote; }
.source { grid-area: source; }

.testimonial__testimonial{
    background-color: var(--color-secondary);
    display: flex;
    align-items: center;
    justify-content: end;
    padding: 6% 8%;
}

.testimonial__quote{
    display: block; 
    width: 100%;
    position: relative;
    z-index: 1;
    margin: 0;
}

.testimonial__logos{
    display: flex;
    gap: 2rem;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column;
}

.testimonial-baner__logos__client{
    max-width: 500px;
}

.testimonial__source-grid{
    display: flex;
    flex-direction: column;
}

.testimonial__source-grid img{
    grid-area: profile;
    border-radius: 50%;
}

.testimonial__source{
    grid-area: source;
}

.testimonial__role{
    grid-area: role;
    color: #151A1855;
}

.testimonial__source,
.testimonial__role{
    margin: 0;
    font-size: 2.4rem;
}

.testimonial q::before {
    margin-right: -2px;
}

.testimonial q::after {
    margin-left: -2px;
}

@media only screen and (max-width: 1080px){
    .content__element__testimonial .testimonial{
        margin-left: 0;
    }
    
    .content__element__testimonial .testimonial__role, .content__element__testimonial .testimonial__source {
        font-size: 1.8rem;
    }
}

@media only screen and (max-width: 520px){
    .content__element__testimonial .testimonial__logos__dd,
    .content__element__testimonial .testimonial__profile{
        display: none;
    }
    
    .content__element__testimonial .testimonial__testimonial__content {
        grid-template-areas:
            "logos logos"
            "quote quote"
            "source source";
    }
}

/* .component__testimonial__column,
.testimonial__column{
    display: flex;
    flex-direction: column;
}

.component__testimonial__row,
.testimonial__row{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.component__testimonial__row .component__testimonial__image,
.testimonial__row .testimonial__image,
.testimonial__row .testimonial__source .testimonial__image{
    margin-bottom: 10px;
    width: 80px;
    min-width: 80px;    
    max-width: 80px;
    height: 80px;
    min-height: 80px;    
    max-height: 80px;
    background-size: cover;
    border-radius: 50%;
}

.component__testimonial__image,
.testimonial__column .testimonial__image,
.testimonial__column .testimonial__source .testimonial__image{
    display: flex;
    width: 55px;
    min-width: 55px;    
    max-width: 55px;
    height: 55px;
    min-height: 55px;    
    max-height: 55px;
    background-size: cover;
    border-radius: 50%;
    margin-bottom: 10px;
}

.component__testimonial__quote,
.component__testimonial__role{
    font-size: 1.6rem;   
}

.component__testimonial__role p:first-of-type{
    font-weight: 500;
    color: var(--font-bodyColor);
    opacity: 0.73;
}

.component__testimonial__role p:last-of-type{
    color: var(--font-bodyColor);
    opacity: 0.48;
}

.component__testimonial__column .component__testimonial__source,
.testimonial__column .testimonial__source{
    display: flex;
    align-items: center;
}

.component__testimonial__column .component__testimonial__role p,
.testimonial__column .testimonial__role p{
    margin: 0;
}

.component__testimonial__row .component__testimonial__source,
.testimonial__row .testimonial__source{
    margin-right: 20px;   
}

.component__testimonial__row .component__testimonial__source{
    width: 30%;
    max-width: calc(30% - 2rem); 
}

.component__testimonial__row .component__testimonial__quote{
    width: 70%;
    max-width: calc(70% - 2rem); 
}

.component__testimonial__row .component__testimonial__role p:first-of-type{
    margin-bottom: 0;
}

.component__testimonial__row .component__testimonial__role p:last-of-type{
    margin: 0px;
}

.component__testimonial__column .component__testimonial__image,
.testimonial__column .testimonial__source .testimonial__image{
    margin-right: 20px;   
}

@media only screen and (max-width: 640px ) {
    .component__testimonial__row{
        flex-direction: column-reverse;
    }
    
    .component__testimonial__row .component__testimonial__source,
    .component__testimonial__row .component__testimonial__quote{
        width: 100%;
        max-width: none;
    }
    
    .component__testimonial__row .component__testimonial__quote{
        margin-bottom: 1rem;
    }
} */
/* Text */
.component__text__text p:last-of-type{
    margin-bottom: 0;
}
/* Video */


.component__video{
    width: 100%;
    height: 100%;
    align-items: center;
}

.component__video iframe{
    width: 100%;
    object-fit: cover !important;
}

.component__video > .hs-video-widget{
    display: block; 
}

.component__video > div{
    width: 100%;
    height: 100%;
    display: flex;
}

/* Theme Overrides
These are styles that may override the default library styles
*/
ol li{
    margin-bottom: 1rem;
}