:root {
	--font-eurostile:	Eurostile LT Std, sans-serif;
	--font-kallisto:	Kallisto, sans-serif;
	--sidePadding: 6vw;
	--sidePadding: min(6vw,max(2.0rem,min(5.0rem,2.0rem + 30 * (100vw - 360px) / 920) + (max(0rem,40 * (100vw - 1280px) / 160))));
	--globalCornerRadiusHD: 50px;
	--globalCornerRadius: 35px;
	--globalCornerRadiusMobile: 25px;
	--headerFontSizeDesk: clamp(1.4rem, ( 1.4rem + 4 * (100vw - 1280px) / 640 ), 1.8rem);
	--font-bodySize: clamp(1.4rem, ( 1.4rem + 6 * (100vw - 1280px) / 640 ), 2.0rem);
}

/* ------------ COOKIE BANNER ------------ */
#hs-banner-parent:not(:has(.hs-hidden)) {
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.6);
	position: fixed;
	z-index: 9999;
}
/* Hide the decline button and decline disclaimer text */
#hs-eu-cookie-disclaimer,
#hs-eu-decline-button {
	display:none!important;
}

/* ------------- TYPOGRAPHY ------------ */
@media only screen and (min-width: 1521px) {
	body{
		--cornerRadius: var(--globalCornerRadiusHD);
	}
}
h1,.text-h1, .hs_cos_wrapper_type_inline_rich_text h1,
.hs-richtext h1, h2,.text-h2, .hs_cos_wrapper_type_inline_rich_text h2,
.hs-richtext h2, h3,.text-h3, .hs_cos_wrapper_type_inline_rich_text h3,
.hs-richtext h3, h4,.text-h4, .hs_cos_wrapper_type_inline_rich_text h4,
.hs-richtext h4, h5,.text-h5, .hs_cos_wrapper_type_inline_rich_text h5,
.hs-richtext h5{
	margin: 2rem 0;

}
h1,.text-h1, .hs_cos_wrapper_type_inline_rich_text h1,
.hs-richtext h1,
.text-pretitle{
	text-transform: uppercase;
}

.text-h2--alt{
    font-size: 4.2rem;
	font-size: clamp(3.3rem, ( 3.3rem + 9 * (100vw - 1366px) / 554 ), 4.2rem);
}

.text-pretitle{
	display: block;
	width: auto;
	margin-bottom: 2rem;
	font-family: var(--font-h1Font);
	font-size: 2.4rem;
	font-size: clamp(2.0rem, ( 2.0rem + 4 * (100vw - 768px) / 1152 ), 2.4rem);
	font-weight: 300;
	line-height: 1.125;
	letter-spacing: 7.2px;
	color: #444648;
}
.text-pretitle{
	color: #444648 !important;
}
.color-light .text-pretitle{
	color: #F5F4F4 !important;
}
p:last-child {
	margin:0;
}


	body.hs-blog-post h1, body.hs-blog-post .text-h1,  body.hs-blog-post .hs_cos_wrapper_type_inline_rich_text h1{
		--font-h1Size: clamp(2.8rem, ( 2.8rem + 18 * (100vw - 320px) / 704 ), 4.6rem);
	}

@media only screen and (max-width: 1520px) {
	body{
		--cornerRadius: var(--globalCornerRadius);
	}
	.btn,
	.hs-form input.hs-button,
	.cta_button[style],
	.resources .filters a,
	.email_subscriptions__container input[type="submit"]{
		--button-size: 1.3rem;
	}
	body:not(.hs-blog-post) h1,body:not(.hs-blog-post) .text-h1,  body:not(.hs-blog-post) .hs_cos_wrapper_type_inline_rich_text h1{
/* 		--font-h1Size: 3.5rem; */
	}
    
    .text-h2--alt {
/*         font-size: 3.3rem; */
    }
    
	body:not(.hs-blog-post) .hs-richtext h2, body:not(.hs-blog-post) h2, body:not(.hs-blog-post) .text-h2, body:not(.hs-blog-post) .hs_cos_wrapper_type_inline_rich_text h2{
		--font-h2Size: 3rem;
	}
	body:not(.hs-blog-post) .hs-richtext h3, body:not(.hs-blog-post) h3, body:not(.hs-blog-post) .text-h3, body:not(.hs-blog-post) .hs_cos_wrapper_type_inline_rich_text h3{
		--font-h3Size: 2rem;
	}
	body:not(.hs-blog-post) .hs-richtext h4, body:not(.hs-blog-post) h4, body:not(.hs-blog-post) .text-h4, body:not(.hs-blog-post) .hs_cos_wrapper_type_inline_rich_text h4{
		--font-h4Size: 1.6rem;
	}
	.hs-richtext h5{
		margin: 2rem 0;
	} 
	body:not(.hs-blog-post) p,body:not(.hs-blog-post) table{
/* 		--font-bodySize: 1.4rem; */
		font-size: var(--font-bodySize);
	}
}
@media only screen and (max-width:768px) {
	body{
		--cornerRadius: var(--globalCornerRadiusMobile);
	}
	.text-pretitle {
/* 		font-size:2rem; */
	}
}

/* ------------ MISCELANIOUS ------------ */
.vjs-hubspot .vjs-poster, .vjs-hubspot .vjs-tech {
	border-radius: 50px !important;
	overflow: hidden !important;
}
.vjs-big-play-button.play-button-circle{
	background-color: #f9f9f9;
}

.ctas__container {
	--buttonMargin: 2rem;
	/* 	margin-top: 0; */
}
#smooth-content{
	overflow: hidden;
}

/* ------------ MODIFYERS -------------*/
.section--z{
	z-index: 1;
}
.o-cover{
	object-fit: cover;
}
.o-contain{
	object-fit: contain;
}
.h-align--left{
	align-items: flex-start;
}
.h-align--center{
	align-items: center;
}
.h-align--right{
	align-items: flex-end;
}

/* ----------- LAYOUT ------------ */
.container:not(.container--content){
	max-width: none;
	width: 100%;
	padding-left: var(--sidePadding);
	padding-right: var(--sidePadding);
}
.footer{
	background: linear-gradient(94deg, rgba(47,47,47,1) 0%, rgba(34,34,34,1) 100%);
}

/* ---------- ICONS ----------- */
.component__icon__wrapper{
	display: flex;
	min-width: 6.5rem;
	justify-content: center;
}


.component__icons{
	display: grid;
	grid-template-columns: repeat(2, 50fr);
	gap: 5rem 7rem;
}

.content__element__icons--column .component__icons{
    grid-template-columns: repeat(1, minmax(0,100%));
}


.grid--fw .component__icons{
	grid-template-columns: repeat(3, 33.33fr);  
}
.component__icons .component__icon__row{
	align-items: flex-start;
}
.component-icon{
	display: flex;
	align-items: flex-start;
	gap: 2rem;
}
.component__icon__title {
	margin: 1rem 0;
}
.component-icons__text{
	display: flex;
	flex-direction: column;
	text-align: left;
}
.component__icon__row--center{
	align-items: center !important;
}
@media only screen and (max-width: 1440px){
	.component__icon__title {
		margin-bottom: 1rem !important;
	}
	.component__icons .component__icon__row{
		gap: 1.5rem;
	}
}
@media only screen and (max-width: 1280px) {
	.component__icons{
		grid-template-columns: repeat(1, 100fr);
		row-gap: 4rem;
	} 
	.grid--fw .component__icons{
		grid-template-columns: repeat(2, 50fr);
		row-gap: 4rem;
	}
	.component__icon__img {
		margin: 0;
		width: 3rem;
	}
}
@media only screen and (max-width: 768px) {
	.grid--fw .component__icons{
		grid-template-columns: repeat(1, 100fr);
		row-gap: 4rem;
	}
}

/* ---------- FORM ----------*/
form.hs-form fieldset > .legal-consent-container, form.hs-form > .legal-consent-container {
	font-size: 1.2rem;
	font-size:clamp(1.2rem, ( 1.2rem + 2 * (100vw - 1280px) / 640 ), 1.4rem);
}

/* ---------- Blog ---------- */
.blog-post-listing__listing {
	--moduleSettings-columnGap:5rem;
}
.blog-post-listing__item{
	border-radius: 3rem;
	overflow: hidden;
}
.blog-post-listing__item__post-content{
	margin-bottom: 2rem;
}
.blog-inner__tags__container .btn--listing,
.blog__filters__container .btn--filter{
	border-color: var(--color-primary2);
	color: var(--color-primary2);
}
.blog-inner__tags__container .btn--listing:hover,
.blog__filters__container .btn--filter:hover,
.blog-inner__tags__container .btn--filter.active, .blog__filters__container .btn--filter.active{
	color: var(--color-white);
	border-color: var(--color-primary2);
	background-color: var(--color-primary2);  
}
.blog-post-recent__container .blog-post-listing__item__tags,
.blog-post-listing__listing .blog-post-listing__item__tags{ 
	color:var(--color-primary2);
	margin-bottom: 1.6rem;
}

.blog-post-listing__item .ctas__container {
	margin-top:auto;	
}

.hs-blog-post main>.blog__container.blog-post-layout--2, .hs-blog-post main>.blog__container.blog-post-layout--4, .hs-blog-post main>.blog__container.blog-post-layout--5, .hs-blog-post main>section:first-of-type.blog-post-layout--1 {
	padding-top: calc(9rem + var(--headerHeight, 13.8rem));
}
.blog-inner__title__container{
	padding: 0;
	max-width: 1040px !important;
}
.post__featured-img {
	max-width:1280px;
	margin:auto;
}

.blog-inner__title__heading h1{
	text-transform: none;
	margin-block: 0.9em;
}
body.hs-blog-post p, .blog-inner__post__body{
	font-size: 1.8rem;
	font-size: clamp(1.6rem, ( 1.6rem + 4 * (100vw - 320px) / 1600 ), 2.0rem);
}

@media only screen and (max-width:1280px) {
    .hs-blog-post main>.blog__container.blog-post-layout--2, .hs-blog-post main>.blog__container.blog-post-layout--4, .hs-blog-post main>.blog__container.blog-post-layout--5, .hs-blog-post main>section:first-of-type.blog-post-layout--1 {
        padding-top: calc(9rem + var(--headerHeight, 8rem));
    }
}


@media only screen and (max-width:1520px) {
	body.hs-blog-listing .hs-richtext h3:not(.blog-post-listing__item__title), .hs-blog-listing h3:not(.blog-post-listing__item__title), body.hs-blog-listing .text-h3:not(.blog-post-listing__item__title), body.hs-blog-listing .hs_cos_wrapper_type_inline_rich_text h3:not(.blog-post-listing__item__title){
		--font-h3Size: 2.8rem;
		font-weight: 600;
	}
    

}


.blog-inner__post__body .highlight{
	font-size: 1.6rem;
	font-size: clamp(1.6rem, ( 1.6rem + 2 * (100vw - 1280px) / 640 ), 1.8rem);
	padding: 3rem;
	color: #444648;
	width:100%;
	background-repeat: no-repeat;
	background-color:#F7F7F7;
	border-color:#222;
	border-radius: 7px;
}
.blog-inner__post__body .testimonial {
	font-size: 2.2rem;
	font-size: clamp(2.0rem, ( 2.0rem + 3 * (100vw - 1280px) / 640 ), 2.3rem);
	padding-left: 5rem;
	padding-right: 3rem;
	padding-bottom: 3rem;
	padding-top: 3rem;
	color: #FFF;
	width:100%;
	background-repeat: no-repeat;
	background: rgb(243,146,7);
	background: linear-gradient(90deg, rgba(243,146,7,1) 0%, rgba(248,193,110,1) 100%);
	border-color:#222;
	border-radius: 7px;
}
section.testimonial .inner {
	padding-top: 0px;
	text-align: left;
}
#quote-quote a {
	color: #020202;
	text-decoration: none;
}
#quote-quote a:hover {
	color: #020202;
	text-decoration: underline;
}
section.testimonial blockquote {
	line-height: 1.5em;
	padding-top: 1em;
	position: relative;
	z-index: 1;
	margin-bottom: 0.75em;
}
section.testimonial blockquote::before {
	content: "“";
	color: #FFF;
	opacity: 20%;
	font-family: georgia, serif;
	font-size: 10em;
	position: absolute;
	left: -0.05em;
	top: 0.30em;
	z-index: -1;
}
:where(html[lang="fr"]) section.testimonial blockquote::before {
	content:"«";
	font-size: 7em;
	left: -0.25em;
	top: 0em;
}

@media screen and (min-width: 750px){
	section.testimonial #quote-wrapper {
		padding-left: 0px;
	}  
	section.testimonial #quote-wrapper .portrait {
		position: absolute;
		left: 10px;
		bottom: 0;
	}
}

@media screen and (max-width: 750px){
	section.testimonial .inner {
		padding-left: 0;
	}
	section.testimonial .quote {
		max-width: 75%;
		margin: 0 auto;
		margin-bottom: 20px;
	}
	section.testimonial .portrait {
		display: block;
		margin: 0 auto;
		max-width: 80%;
		background-size: 100% auto !important;
		background-position: center bottom !important;
	}
}

/* ---------- POPUP ---------- */
.popup__container{
	width: 100%;
	position: relative;
	padding: 5.5rem;
	border-radius: 2rem;
}
.popup__overlay{
	display: none;
	/* 	display:flex; */
	z-index: 10;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background-color: rgba(33, 33, 33, 0.85);
}
.popup__overlay.active{
	display: flex;
}
.popup__overlay--exit-intent{
	transform: translateY(-60%) scale(0);
	transition: transform 0.3s cubic-bezier(0.4, 0.0, 0.2, 1);
}
.popup__overlay--exit-intent.active{
	transform: translateY(0) scale(1);
}
.popup {
	position: relative;
	max-height: 90vh;
	overflow: auto;
}
.popup--mw{
	max-width:90vw;
}
.popup__close{
	position: absolute;
	z-index:1;
	top: 20px;
	right: 20px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	-webkit-appearance:none;
	appearance:none;
	padding:0;
	border:0;
	background:none;
}
.popup__cross {
	top: 50%;
}
.popup__cross, .popup__cross::after, .popup__cross::before {
	content:'';
	position:absolute;
	display: block;
	height: 2px;
	width:100%;
	border-radius:2px;
	transform: translate(0,-50%);
}
.popup__cross::before {
	top: 0;
	transform: rotate(45deg);
	background: currentColor;
}
.popup__cross::after {
	bottom: 0;
	transform: rotate(-45deg);
	background: currentColor;
}
.popup__inner {
	position:relative;
	z-index:1;
}
.popup__element + .popup__element {
	margin-top:2rem;
}


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


/* ------------- HELP CENTER ARTICLES ------------ */

.help-center{
    --blog-postContainer: 89.5rem;
}

.help-center .blog-inner__title__container{
    justify-content: flex-start;
    text-align: left;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    width: 95% !important;
    max-width: var(--blog-postContainer) !important;
}

.help-center .blog-inner__post__body{
    padding-bottom: 0;
}

.help-center .blog-inner__title__heading h1{
    color: #383838;
    font-size: 4rem;
	font-size: clamp(2.6rem, ( 2.6rem + 14 * (100vw - 640px) / 1280 ), 4.0rem);
    font-weight: 500;
    line-height: 1.4;   
    letter-spacing: 0px;
    margin: 0;
    max-width: 900px;
}

.help-center .blog-inner__tags__container{
    margin: 0;
    max-width: var(--blog-postContainer);
    width: 100%
}

.help-center .btn--listing{
    pointer-events: none;
}

.help-center .blog-inner__title{
    background-color: #F8F8F8;
    padding-bottom: 6rem;
}

.blog-inner__post__body{
    padding-top: 7.7rem;
    padding-bottom: 9rem;
}

.blog-inner__post__body ol {
    display: flex;
    flex-direction: column;
    gap: 4rem;
    padding-left: 3rem;
}

.blog-inner__post__body ol li ol li:first-child {
    margin-top: 4rem;
}

.help-center .breadcrumbs-wrapper ol{
    padding: 0;
    display: flex;
    list-style-type: none;
    flex-wrap: wrap;
}

.help-center .breadcrumbs-wrapper a{
    text-decoration: none;
    color: #F39207;
    font-weight: 400;
}

.help-center .breadcrumbs-wrapper a:hover{
    text-decoration: underline;
}


.help-center .breadcrumbs-wrapper ol li {
    align-items: center;
    display: flex;
    position: relative;
}

.help-center .breadcrumbs-wrapper ol li a, .help-center .breadcrumbs-wrapper ol li span {
    margin-right: .8rem;
}

.help-center .breadcrumbs-wrapper ol li:not(:last-of-type):after {
    content: ">";
    color: #F39207;
    margin-right: .8rem;
    position: relative;
    right: 0;
    line-height: 1;
}

.help-center .blog-inner__title__heading{
    margin-top: 3rem;
}

.blog-inner__post__body .content--peblar .grid-column.grid-column--1{
    padding: 0 !important;
    width: 100% !important;
}

body:not(.help-center) #faq-contact{
    display: none;
}

.help-center .blog-inner__post__body ol {
    gap: 2rem;
}

/* -- SEARCH RESULTS -- */
.hs-search-results {
	margin-top:3rem;
}
.hs-search-results__listing.hs-search-results__listing {
	display:grid;
	gap:5rem;
	margin-bottom:4rem;
}
.hs-search-results :is(:link, :visited) {
	color: var(--font-linkHoverColor);
	text-decoration:none;
}
.hs-search-results :is(:link, :visited):hover {
	text-decoration:underline;
}
.hs-search-highlight.hs-search-highlight {
	font-weight:600;
}

@media only screen and (max-width: 640px) {
    
    .help-center .blog-inner__title__container{
        padding-left: var(--sidePadding);
        padding-right: var(--sidePadding);
        width: 100% !important;
    }

    .help-center .breadcrumbs-wrapper a{
        font-size: 1.6rem;
    }
    
    .help-center .blog-inner__title__heading h1 {
/*         font-size: 2.6rem; */
    }
    
    .help-center .blog-inner__title__heading {
        margin-top: 1rem;
    }   
    
    .blog-inner__post__body {
/*         font-size: 1.6rem; */
        padding-left: var(--sidePadding);
        padding-right: var(--sidePadding);
        width: 100% !important;
    }
}


/* Events */

span.iconify,iconify-icon {
	display: inline-block;
	width: 1em;
	height: 1em;
}

.hubdb-feed-upcoming__item__date,
.hubdb-feed-upcoming__item__time,
.hubdb-feed-upcoming__item__location{
    font-size: 1.6rem;
    line-height: 1.2em;
    display: flex;
    gap: 0.75rem;
}

.event-info .hubdb-feed-upcoming__item__date,
.event-info .hubdb-feed-upcoming__item__time,
.event-info .hubdb-feed-upcoming__item__location{
    font-size: 1.8rem;
}

.event-info{
    display: flex; 
    flex-direction: column;
    gap: 0.5rem;   
}

.component__intro--flex {
    max-width: 75rem;
    text-wrap: balance;
    font-size: 18px;
    display: flex;
    flex-direction: column;
    gap: 5rem;
}

.component__intro--flex p:last-of-type{
    margin-bottom: 0;
}

.hero__form,
.form{
	width: 100%;
}

/* ------- NEW FORM BUILDER CODE - START ---------- */
	:root, :root::before, :root::after {

		--form-gdpr-size: var(--form-GDPRSize);
		--form-gdpr-weight: var(--form-GDPRWeight);
		--form-gdpr-line-height: var(--form-GDPRLineHeight);
		--form-labels-size: var(--form-primaryLabelSize);
		--form-labels-margin-bottom: var(--form-formLabelsMarginBottom);
		--form-input-size: inherit;
		--form-fields-padding-top-bottom: var(--form-formFieldsPaddingTopBottom);
		--form-fields-padding-left-right: var(--form-formFieldsPaddingLeftRight);
		--form-fields-margin-bottom: var(--form-formFieldsMarginBottom);
		--form-fields-column-gap: var(--form-formFields-columnGap);
			
		--form-primary-text-color: var(--form-primaryTextColor);
		--form-primary-label-weight: var(--form-primaryLabelWeight);
		--form-primary-label-line-height: var(--form-primaryLabelLineHeight);
		--form-primary-label-color: var(--form-primaryLabelColor);
		--form-primary-input-background-color: var(--form-primaryInputBackgroundColor);
		--form-primary-drop-down-background-arrow: var(--form-primaryDropDownIconColor);
		--form-primary-date-picker: var(--form-primaryDropDownIconColor);
		--form-primary-input-border-size: var(--form-primaryInputBorderSize);
		--form-primary-input-border-color: var(--form-primaryInputBorderColor);
		--form-primary-input-border-radius: var(--form-primaryInputBorderRadius);
		--form-primary-input-color: var(--form-primaryInputColor);
		--form-primary-input-placeholder: var(--form-primaryInputPlaceholder);
		--form-primary-warning-message-color: var(--form-primaryWarningMessageColor);
		--form-primary-success-message-color: var(--form-primarySuccessMessageColor);
		--form-primary-submit-border-size: 1px;
		--form-primary-submit-border-color: var(--form-primarySubmitBorderColor);
		--form-primary-submit-border-color-hover: var(--form-primarySubmitBorderColorHover);
		--form-primary-submit-button-background-color: var(--form-primarySubmitButtonBackgroundColor);
		--form-primary-submit-button-background-color-hover: var(--form-primarySubmitButtonBackgroundColorHover);
		--form-primary-submit-button-text-color: var(--form-primarySubmitButtonTextColor);
		--form-primary-submit-button-text-color-hover: var(--form-primarySubmitButtonTextColorHover);
			
		--form-secondary-text-color: var(--form-secondaryTextColor);
		--form-secondary-label-weight: var(--form-secondaryLabelWeight);
		--form-secondary-label-line-height: var(--form-secondaryLabelLineHeight);
		--form-secondary-label-color: var(--form-secondaryLabelColor);
		--form-secondary-input-border-size: var(--form-secondaryInputBorderSize);
		--form-secondary-input-border-color: var(--form-secondaryInputBorderColor);
		--form-secondary-input-border-radius: var(--form-secondaryInputBorderRadius);
		--form-secondary-input-color: var(--form-secondaryInputColor);
		--form-secondary-input-placeholder: var(--form-secondaryInputPlaceholder);
		--form-secondary-warning-message-color: var(--form-secondaryWarningMessageColor);
		--form-secondary-success-message-color: var(--form-secondarySuccessMessageColor);
		--form-secondary-submit-border-size: none;
		--form-secondary-submit-border-color: var(--form-secondarySubmitBorderColor);
		--form-secondary-submit-border-color-hover: var(--form-secondarySubmitBorderColorHover);
		--form-secondary-submit-button-background-color: var(--form-secondarySubmitButtonBackgroundColor);
		--form-secondary-submit-button-background-color-hover: var(--form-secondarySubmitButtonBackgroundColorHover);
		--form-secondary-submit-button-text-color: var(--form-secondarySubmitButtonTextColor);
		--form-secondary-submit-button-text-color-hover: var(--form-secondarySubmitButtonTextColorHover);
		--font-button-font: var(--font-buttonFont, --font-bodyFont);
		--font-body-font: var(--font-bodyFont);
		--font-body-size: var(--font-bodySize);
		--module-settings-form-inputs-border-radius: var(--moduleSettings-forminputsBorderRadius);
		--module-settings-cta-border-radius: var(--moduleSettings-ctaBorderRadius);
		--button-padding-top: var(--button-paddingTop);
		--button-padding-lr: var(--button-paddingLR);
		--button-padding-bottom: var(--button-paddingBottom);
	}	

	/* ------- NEW FORM BUILDER VARIABLES - PRIMARY ---------- */

	.hsfc-Form {
		--hsf-default-background__padding: 0 !important;
		--hsf-default-background__background-color: transparent;
		--hsf-background__padding: 0 !important;
		--hsf-default-row__horizontal-spacing: var(--form-fields-column-gap) ;
		--hsf-default-row__vertical-spacing: var(--form-fields-margin-bottom) ;
		--hsf-default-module__vertical-spacing: var(--form-fields-margin-bottom) ;
		--hsf-default-navigationrow-buttons__justify-content: start ;
		--hsf-default-navigationrow-buttons-single__justify-content: start ;

		--hsf-default-button__font-family: var(--font-button-font) ;
		--hsf-default-button__font-size: var(--button-size, 1em) ;
		--hsf-default-button__color: var(--form-primary-submit-button-text-color) ;
		--hsf-default-button__background-color: var(--form-primary-submit-button-background-color) ;
		--hsf-default-button__background-image: none ;
		--hsf-default-button__border-radius: var(--module-settings-cta-border-radius) ;
		--hsf-default-button__border-width: 1px ;
		--hsf-default-button__border-style: solid;
		--hsf-default-button__border-color: var(--form-primary-submit-border-color) ;
		--hsf-default-button__padding: var(--button-padding-top) var(--button-padding-lr) var(--button-padding-bottom);

		--hsf-button--hover__color: var(--form-primary-submit-button-text-color-hover);
		--hsf-button--hover__background-color : var(--form-primary-submit-button-background-color-hover);
		--hsf-default-button--hover__background-color: var(--form-primary-submit-button-background-color-hover);
		--hsf-button--hover__border-color: var(--form-primary-submit-border-color-hover);
		--hsf-default-button__font-family
		--hsf-global__font-family: var(--font-bodyFont);
		--hsf-default-button__box-shadow: none ;
		--hsf-default-button__font-weight: var(--button-weight) ;
		--hsf-default-richtext__font-family: var(--font-body-font);
		--hsf-default-richtext__font-size: var(--font-body-size);
		--hsf-default-richtext__color: var(--form-primary-text-color);

		--hsf-default-heading__font-family: var(--font-body-font);
		--hsf-default-heading__color: var(--form-primary-text-color);
		--hsf-default-heading__text-shadow: none;
		--hsf-default-background__padding: 40px;
		--hsf-default-background__border-style: none;
		--hsf-default-background__border-color: rgba(255, 255, 255, 1);
		--hsf-default-background__border-radius: 0px;
		--hsf-default-background__border-width: 1px 1px 1px 1px;

		--hsf-default-progressbar-text__font-family: var(--font-body-font);
		--hsf-default-progressbar-text__font-size:  var(--font-body-size);
		--hsf-default-progressbar-text__color: var(--form-primary-text-color);
		--hsf-default-progressbar-progressLine__background-color: var(--form-primary-submit-button-background-color);
		--hsf-default-progressbar-progressLine__background-image: none;
		--hsf-default-progressbar-progressLine__border-color: rgb(149, 148, 148);
		--hsf-default-progressbar-progressLine__border-style: none;
		--hsf-default-progressbar-progressLine__border-width: 0px 0px 0px 0px;
		--hsf-default-progressbar-trackLine__background-color: rgba(217, 217, 217, 1);

		--hsf-default-erroralert__font-family: var(--font-body-font);
		--hsf-default-erroralert__font-size: var(--font-body-size);
		--hsf-default-erroralert__color: var(--form-primary-warning-message-color);
		--hsf-default-infoalert__font-family: var(--font-body-font);
		--hsf-default-infoalert__font-size: var(--font-body-size, 1em);
		--hsf-default-infoalert__color: var(--font-body-color);
		
		--hsf-default-field-label__font-family: var(--font-body-font);
		--hsf-default-field-label__font-size: var(--form-labels-size, 1em);
		--hsf-default-field-label__color: var(--form-primary-text-color);
		--hsf-default-field-description__font-family: var(--font-body-font);
		--hsf-default-field-description__font-size: calc( var(--form-labels-size, 1em) * 0.8 );
		--hsf-default-field-description__color: var(--form-primary-text-color);

		--hsf-default-field-footer__font-family: var(--font-body-font);
		--hsf-default-field-footer__font-size: 0.8em;
		--hsf-default-field-footer__color: var(--form-primary-text-color);

		--hsf-default-field-input__font-family: var(--font-body-font);
		--hsf-default-field-input__font-size: var(--form-input-size, 1em);
		--hsf-default-field-input__color: var(--form-primary-input-color);
		--hsf-default-field-input__background-color: var(--form-primary-input-background-color);
		--hsf-default-field-input__placeholder-color: var(--form-primary-input-placeholder);
		--hsf-default-field-input__border-color: var(--form-primary-input-border-color);
		--hsf-default-field-input__border-width: var(--form-primary-input-border-size);
		--hsf-default-field-input__border-style: solid;
		--hsf-default-field-input__border-radius: var(--module-settings-form-inputs-border-radius);
		--hsf-default-field-input__padding: var(--form-fields-padding-top-bottom) var(--form-fields-padding-left-right);

		--hsf-default-field-textarea__font-family: var(--font-body-font);
		--hsf-default-field-textarea__font-size: 1em;
		--hsf-default-field-textarea__color: var(--form-primary-input-color);
		--hsf-default-field-textarea__background-color: var(--form-primary-input-background-color);
		--hsf-default-field-textarea__placeholder-color: var(--form-primary-input-placeholder);
		--hsf-default-field-textarea__border-color: var(--form-primary-input-border-color);
		--hsf-default-field-textarea__border-width: var(--form-primary-input-border-size);
		--hsf-default-field-textarea__border-style: solid;
		--hsf-default-field-textarea__border-radius: var(--module-settings-form-inputs-border-radius);
		--hsf-default-field-textarea__padding: var(--form-fields-padding-top-bottom) var(--form-fields-padding-left-right);

		--hsf-default-field-checkbox__padding: 8px;
		--hsf-default-field-radio__padding: 8px;
		--hsf-default-field-radio__background-color: rgb(245, 248, 250);
		--hsf-default-field-radio__color: rgb(33, 45, 58);
		--hsf-default-field-radio__border-color: rgb(149, 148, 148);
		--hsf-default-field-radio__border-width: 1px 1px 1px 1px;
		--hsf-default-field-radio__border-style: solid;

		--hsf-default-field-checkbox__border-color: var(--hsf-default-field-input__border-color);
		--hsf-default-field-checkbox__background-color: var(--hsf-default-field-input__background-color) !important;
		--hsf-default-field-checkbox__border-color: var(--form-primary-input-border-size);
		--hsf-default-field-checkbox__border-width: var(--hsf-default-field-input__border-width);
		--hsf-default-field-checkbox__border-style: solid;
	}

	/* ------- NEW FORM BUILDER VARIABLES - SECONDARY ---------- */

	.component__form--secondary .hsfc-Form{
		--hsf-default-button__color: var(--form-secondary-submit-button-text-color) ;
		--hsf-default-button__background-color: var(--form-secondary-submit-button-background-color) ;
		--hsf-default-button__border-width: none ;
		--hsf-default-button__border-style: none;
		--hsf-default-button__border-color: var(--form-secondary-submit-border-color) ;

		--hsf-button--hover__color: var(--form-secondary-submit-button-text-color-hover);
		--hsf-button--hover__background-color : var(--form-secondary-submit-button-background-color-hover);
		--hsf-default-button--hover__background-color: var(--form-secondary-submit-button-background-color-hover);
		--hsf-button--hover__border-color: var(--form-secondary-submit-border-color-hover);


		--hsf-default-richtext__color: var(--form-secondary-text-color);

		--hsf-default-heading__color: var(--form-secondary-text-color);

		--hsf-default-progressbar-text__color: var(--form-secondary-text-color);
		--hsf-default-progressbar-progressLine__background-color: var(--form-secondary-submit-button-background-color);

		--hsf-default-erroralert__color: var(--form-secondary-warning-message-color);
		
		--hsf-default-field-label__color: var(--form-secondary-text-color);
		--hsf-default-field-description__color: var(--form-secondary-text-color);

		--hsf-default-field-footer__color: var(--form-secondary-text-color);
		--hsf-default-field-input__color: var(--form-secondary-input-color);
		--hsf-default-field-input__background-color: var(--form-secondary-input-background-color);
		--hsf-default-field-input__placeholder-color: var(--form-secondary-input-placeholder);
		--hsf-default-field-input__border-color: var(--form-secondary-input-border-color);
		--hsf-default-field-input__border-width: var(--form-secondary-input-border-size);

		--hsf-default-field-textarea__color: var(--form-secondary-input-color);
		--hsf-default-field-textarea__background-color: var(--form-secondary-input-background-color);
		--hsf-default-field-textarea__placeholder-color: var(--form-secondary-input-placeholder);
		--hsf-default-field-textarea__border-color: var(--form-secondary-input-border-color);
		--hsf-default-field-textarea__border-width: var(--form-secondary-input-border-size);

		--hsf-default-field-checkbox__border-color: var(--hsf-default-field-input__border-color);
		--hsf-default-field-checkbox__background-color: var(--hsf-default-field-input__background-color);
		--hsf-default-field-checkbox__border-color: var(--form-secondary-input-border-size);
		--hsf-default-field-checkbox__border-width: var(--hsf-default-field-input__border-width);
		--hsf-default-field-checkbox__border-style: solid;
	}

	/* ------- NEW FORM BUILDER OVERRIDES ---------- */

	.hsfc-Form .hsfc-Button{
		font-family: var(--font-buttonFont) !important;
	}

	.hsfc-Form .hsfc-DataPrivacyField label{
		font-size: var(--form-gdpr-size);
		--hsf-default-field-label__font-size: var(--form-gdpr-size);
	}

	.hsfc-Form .hsfc-CheckboxField label {
		display: flex !important;
		align-items: flex-start !important;
	}

	.hsfc-Form .hsfc-FieldLabel{
		--hsf-default-module__vertical-spacing: var(--form-labels-margin-bottom);
	}

	.hsfc-Form .hsfc-CheckboxField label > input {
		margin-top: 0.1em;
	}

	.hsfc-Form .hsfc-DataPrivacyField{
		--hsf-default-richtext__font-size: var(--form-gdpr-size);
		--hsf-default-field-label__font-size: var(--form-gdpr-size);
	}

	.hsfc-DataPrivacyField .hsfc-FieldLabel {
		font-size: var(--form-gdpr-size);
	}

	.hsfc-Form .hsfc-RadioInput,
	.hsfc-Form .hsfc-CheckboxField{
		/* Add if not using autoprefixer */
		-webkit-appearance: none;
		appearance: none;
		/* For iOS < 15 to remove gradient background */
		background-color: transparent;
		/* Not removed via appearance */
		border: 0;
	}


	.hsfc-Form .hsfc-CheckboxField label,
	.hsfc-Form .hsfc-RadioFieldGroup__Options label{
		display: grid !important;
		grid-template-columns: 1em auto !important;
		gap: 0.5em;
		justify-content: flex-start !important;
		align-items: center !important;
	}

	.hsfc-Form .hsfc-CheckboxField input:is([type="checkbox"],[type="radio"]),
	.hsfc-Form .hsfc-RadioFieldGroup__Options input:is([type="checkbox"],[type="radio"]){
		-webkit-appearance: none;
		appearance: none;
		background-color: transparent;
		margin: 0.05em 0 0;
		font: inherit;
		width: 1.05em;
		height: 1.05em;
		border: max(1px, 0.1em) solid currentColor;
		border-radius: max(1px, 0.1em);
		display: grid;
		place-content: center;
		cursor: pointer;
	}

	.hsfc-Form .hsfc-DropdownOptions, .hsfc-Form .hsfc-DropdownOptions__List__ListItem {
		--hsf-default-field-input__background-color: var(--form-primary-input-background-color, white);
	}

	.component__form--secondary .hsfc-Form .hsfc-DropdownOptions, .hsfc-Form .hsfc-DropdownOptions__List__ListItem {
		--hsf-default-field-input__background-color: var(--form-secondary-input-background-color, white);
	}

	/* Transparent Fallback */

	.hsfc-Form .hsfc-DropdownInput:has(.has-transparent-background) .hsfc-DropdownOptions, .hsfc-Form .hsfc-DropdownInput:has(.has-transparent-background) .hsfc-DropdownOptions__List__ListItem {
		--form-primary-input-background-color: white;
		--hsf-default-field-input__background-color: var(--form-primary-input-background-color, white);
		--hsf-default-field-input__color: black;
	}

	.component__form--secondary .hsfc-Form .hsfc-DropdownInput:has(.has-transparent-background) .hsfc-DropdownOptions, .hsfc-DropdownInput:has(.has-transparent-background) .hsfc-DropdownOptions__List__ListItem {
		--form-secondary-input-background-color: white;
		--hsf-default-field-input__background-color: var(--form-secondary-input-background-color, white);
		--hsf-default-field-input__color: black;
	}

	.hsfc-Form .hsfc-DropdownInput:has(.has-transparent-background) .hsfc-DropdownOptions .hsfc-DropdownOptions__Search .hsfc-TextInput {
		--hsf-default-field-input__color: black;
		--hsf-default-field-input__border-color: black;
	}

	.hsfc-Form .hsfc-DropdownInput:has(.has-transparent-background) .hsfc-DropdownOptions .hsfc-DropdownOptions__Search .hsfc-TextInput[role="searchbox"],
	.hsfc-Form .hsfc-DropdownInput:has(.has-transparent-background) .hsfc-DropdownOptions .hsfc-DropdownOptions__Search .hsfc-TextInput[role="searchbox"]::placeholder{
		color: black;
	}

	.component__form--secondary .hsfc-Form .hsfc-DropdownInput:has(.has-transparent-background) .hsfc-DropdownOptions .hsfc-DropdownOptions__Search .hsfc-TextInput {
		--hsf-default-field-input__color: black;
		--hsf-default-field-input__border-color: black;
	}

	.component__form--secondary .hsfc-Form .hsfc-DropdownInput:has(.has-transparent-background) .hsfc-DropdownOptions .hsfc-DropdownOptions__Search .hsfc-TextInput[role="searchbox"],
	.component__form--secondary .hsfc-Form .hsfc-DropdownInput:has(.has-transparent-background) .hsfc-DropdownOptions .hsfc-DropdownOptions__Search .hsfc-TextInput[role="searchbox"]::placeholder{
		color: black;
	}

	.hsfc-Form .hsfc-PhoneField:has(.has-transparent-background) .hsfc-DropdownOptions, .hsfc-Form .hsfc-PhoneField:has(.has-transparent-background) .hsfc-DropdownOptions__List__ListItem {
		--form-primary-input-background-color: white;
		--hsf-default-field-input__background-color: var(--form-primary-input-background-color, white);
		--hsf-default-field-input__color: black;
	}

	.component__form--secondary .hsfc-Form .hsfc-PhoneField:has(.has-transparent-background) .hsfc-DropdownOptions, .hsfc-PhoneField:has(.has-transparent-background) .hsfc-DropdownOptions__List__ListItem {
		--form-secondary-input-background-color: white;
		--hsf-default-field-input__background-color: var(--form-secondary-input-background-color, white);
		--hsf-default-field-input__color: black;
	}

	.hsfc-Form .hsfc-PhoneField:has(.has-transparent-background) .hsfc-DropdownOptions .hsfc-DropdownOptions__Search .hsfc-TextInput {
		--hsf-default-field-input__color: black;
		--hsf-default-field-input__border-color: black;
	}

	.hsfc-Form .hsfc-PhoneField:has(.has-transparent-background) .hsfc-DropdownOptions .hsfc-DropdownOptions__Search .hsfc-TextInput[role="searchbox"],
	.hsfc-Form .hsfc-PhoneField:has(.has-transparent-background) .hsfc-DropdownOptions .hsfc-DropdownOptions__Search .hsfc-TextInput[role="searchbox"]::placeholder{
		color: black;
	}

	.component__form--secondary .hsfc-Form .hsfc-PhoneField:has(.has-transparent-background) .hsfc-DropdownOptions .hsfc-DropdownOptions__Search .hsfc-TextInput {
		--hsf-default-field-input__color: black;
		--hsf-default-field-input__border-color: black;
	}

	.component__form--secondary .hsfc-Form .hsfc-PhoneField:has(.has-transparent-background) .hsfc-DropdownOptions .hsfc-DropdownOptions__Search .hsfc-TextInput[role="searchbox"],
	.component__form--secondary .hsfc-Form .hsfc-PhoneField:has(.has-transparent-background) .hsfc-DropdownOptions .hsfc-DropdownOptions__Search .hsfc-TextInput[role="searchbox"]::placeholder{
		color: black;
	}


	/* End of Transparent Fallback */



	.hsfc-Form .hsfc-DropdownOptions{
		--hsf-default-field-dropdown-options__border-radius: var(--module-settings-form-inputs-border-radius);
	}

	.hsfc-Form .hsfc-DropdownOptions, .hsfc-DropdownOptions__List__ListItem {
		--hsf-default-field-input__color: var(--form-primary-input-color, black);
	}

	.component__form--secondary .hsfc-Form .hsfc-DropdownOptions, .hsfc-DropdownOptions__List__ListItem {
		--hsf-default-field-input__color: var(--form-secondary-input-color, black);
	}

	.hsfc-Form .hsfc-DropdownOptions .hsfc-DropdownOptions__Search .hsfc-TextInput {
		--hsf-default-field-input__color: var(--form-primary-input-border-color, black);
		--hsf-default-field-input__border-color: var(--form-primary-input-border-color, black);
	}

	.hsfc-Form .hsfc-DropdownOptions .hsfc-DropdownOptions__Search .hsfc-TextInput[role="searchbox"],
	.hsfc-Form .hsfc-DropdownOptions .hsfc-DropdownOptions__Search .hsfc-TextInput[role="searchbox"]::placeholder{
		color: var(--form-primary-input-color, black);
	}

	.component__form--secondary .hsfc-Form .hsfc-DropdownOptions .hsfc-DropdownOptions__Search .hsfc-TextInput {
		--hsf-default-field-input__color: var(--form-secondary-input-border-color, black);
		--hsf-default-field-input__border-color: var(--form-secondary-input-border-color, black);
	}

	.component__form--secondary .hsfc-Form .hsfc-DropdownOptions .hsfc-DropdownOptions__Search .hsfc-TextInput[role="searchbox"],
	.component__form--secondary .hsfc-Form .hsfc-DropdownOptions .hsfc-DropdownOptions__Search .hsfc-TextInput[role="searchbox"]::placeholder{
		color: var(--form-secondary-input-color, black);
	}


	.hsfc-Form .hsfc-Step__Content{
		--hsf-default-background__padding: 0;
	}

	.hsfc-RadioFieldGroup__Options input:is([type="radio"]) {
		border-radius: 50% !important;
	}


	.hsfc-Form .hsfc-FieldDescription{
		margin-bottom: 1rem !important;
	}

	.hsfc-Form .hsfc-RadioInput:checked:after,{
		--hsf-default-field-radio__color: var(--hsf-default-field-input__color);
		-webkit-mask-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23F7A949%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%226%22%2F%3E%3C%2Fsvg%3E) !important;
		mask-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23F7A949%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%226%22%2F%3E%3C%2Fsvg%3E) !important;
	}

	.hsfc-Form .hsfc-RadioFieldGroup__Options label:not(:has(.hsfc-RadioInput:checked)),
	.hsfc-Form .hsfc-CheckboxFieldGroup__Options label:not(:has(.hsfc-CheckboxInput:checked)){
		--hsf-default-field-label__color: var(--hsf-default-field-input__color);
	}

	.hsfc-Form .hsfc-RadioFieldGroup__Options label:has(.hsfc-RadioInput:checked) .hsfc-RadioInput:checked:after,
	.hsfc-Form .hsfc-CheckboxFieldGroup__Options label:has(.hsfc-CheckboxInput:checked) .hsfc-CheckboxInput:checked:after,
	.hsfc-Form .hsfc-CheckboxField .hsfc-CheckboxInput:checked:after{
		--hsf-default-field-radio__color: var(--hsf-default-field-input__color);
		--hsf-default-field-checkbox__color: var(--hsf-default-field-input__color);
	}

	.hsfc-Form .hsfc-CheckboxInput:hover,
	.hsfc-Form .hsfc-CheckboxInput:focus,
	.hsfc-Form .hsfc-TextInput:hover,
	.hsfc-Form .hsfc-TextInput:focus {
		box-shadow: none !important;
	}

	.hsfc-Form .hsfc-CheckboxFieldGroup__Options label>span,
	.hsfc-Form .hsfc-RadioFieldGroup__Options label>span,
	.hsfc-Form .hsfc-CheckboxField label>span {
		padding-top: 2px;
	}

	.hsfc-Form .hsfc-Step--layoutTemplate-right,
	.hsfc-Form .hsfc-Step--layoutTemplate-left,
	.hsfc-Form .hsfc-Step--layoutTemplate-top,
	.hsfc-Form .hsfc-Step--layoutTemplate-bottom {
		gap: var(--module-settings-column-gap);
	}

	.component__form--padding0 .hsfc-Form .hsfc-Step--layoutTemplate-right{
		padding-right: var(--module-settings-column-gap);
		padding-bottom: var(--module-settings-column-gap);
		padding-top: var(--module-settings-column-gap);
	}

	.component__form--padding0 .hsfc-Form .hsfc-Step--layoutTemplate-left{
		padding-left: var(--module-settings-column-gap);
		padding-bottom: var(--module-settings-column-gap);
		padding-top: var(--module-settings-column-gap);
	}

/* ------- NEW FORM BUILDER CODE - END ---------- */