:root {
	/* Font family
	-------------------------------------------------------------- */
	--so-font-family: "Plus Jakarta Sans", sans-serif;
	--so-font-family-alt: "Martian Mono", monospace;

	/* Colors
	-------------------------------------------------------------- */
	--so-color-white: #FFFFFF;
	--so-color-off-white: #E7D7D6;
	--so-color-black: #141414;
	--so-color-dark-gray: #2E2E2E;
	--so-color-charcoal: #383838;
	--so-color-gray: #4C4C4C;
	--so-color-warm-gray: #816F6C;
	--so-color-mint-green: #7BFFB6;
	--so-color-taupe: #807573;
	--so-color-red: #FF3B1D;
	--so-color-card-gradient: linear-gradient(146deg, #242424 3.97%, #141414 97.58%);
	
	/* Typografie
	-------------------------------------------------------------- */
	/* Body font size */
	--so-fontsize-body: 18px;
	--so-fontsize-body-large: 20px;
	--so-fontsize-body-small: 16px;
	--so-fontsize-body-line-height: 1.5;
	--so-fontsize-body-letter-spacing: 0;

	/* Heading font size */
	--so-fontsize-display: 112px;
	--so-fontsize-h1: 64px;
	--so-fontsize-h2: 48px;
	--so-fontsize-h3: 36px;
	--so-fontsize-h4: 28px;
	--so-fontsize-h5: 22px;
	--so-fontsize-h6: 20px;
	
	/* Heading spacing bottom */
	--so-fontsize-h-default-spacing-bottom: 32px;
	--so-fontsize-display-spacing-bottom: var(--so-fontsize-h-default-spacing-bottom);
	--so-fontsize-h1-spacing-bottom: var(--so-fontsize-h-default-spacing-bottom);
	--so-fontsize-h2-spacing-bottom: var(--so-fontsize-h-default-spacing-bottom);
	--so-fontsize-h3-spacing-bottom: var(--so-fontsize-h-default-spacing-bottom);
	--so-fontsize-h4-spacing-bottom: var(--so-fontsize-h-default-spacing-bottom);
	--so-fontsize-h5-spacing-bottom: var(--so-fontsize-h-default-spacing-bottom);
	--so-fontsize-h6-spacing-bottom: var(--so-fontsize-h-default-spacing-bottom);

	/* Heading line height */
	--so-fontsize-h-default-line-height: 1;
	--so-fontsize-display-line-height: var(--so-fontsize-h-default-line-height);
	--so-fontsize-h1-line-height: var(--so-fontsize-h-default-line-height);
	--so-fontsize-h2-line-height: 1.25em;
	--so-fontsize-h3-line-height: var(--so-fontsize-h-default-line-height);
	--so-fontsize-h4-line-height: var(--so-fontsize-h-default-line-height);
	--so-fontsize-h5-line-height: var(--so-fontsize-h-default-line-height);
	--so-fontsize-h6-line-height: var(--so-fontsize-h-default-line-height);
	
	/* Heading letter spacing */
	--so-fontsize-h-default-letter-spacing: -0.05em;
	--so-fontsize-display-letterspacing: var(--so-fontsize-h-default-letter-spacing);
	--so-fontsize-h1-letterspacing: var(--so-fontsize-h-default-letter-spacing);
	--so-fontsize-h2-letterspacing: var(--so-fontsize-h-default-letter-spacing);
	--so-fontsize-h3-letterspacing: var(--so-fontsize-h-default-letter-spacing);
	--so-fontsize-h4-letterspacing: var(--so-fontsize-h-default-letter-spacing);
	--so-fontsize-h5-letterspacing: var(--so-fontsize-h-default-letter-spacing);
	--so-fontsize-h6-letterspacing: var(--so-fontsize-h-default-letter-spacing);

	/* Paddings en marges
	-------------------------------------------------------------- */
	--so-group-spacing: 64px;
	--so-body-spacing: 16px;
	--so-container-size: 1312px;
	--so-transition-speed: 0.35s;
	--so-block-gap: 32px;
	--so-border-radius: 24px;
	--so-group-background-padding: 96px;

	/* Filters
	-------------------------------------------------------------- */
	--so-filter-white: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(2%) hue-rotate(24deg) brightness(112%) contrast(101%);
	--so-filter-black: brightness(0) saturate(100%) invert(0%) sepia(6%) saturate(2523%) hue-rotate(10deg) brightness(86%) contrast(84%);
	--so-filter-dark-gray: brightness(0) saturate(100%) invert(13%) sepia(0%) saturate(399%) hue-rotate(265deg) brightness(100%) contrast(87%);
	--so-filter-charcoal: brightness(0) saturate(100%) invert(21%) sepia(0%) saturate(1%) hue-rotate(281deg) brightness(98%) contrast(94%);
	--so-filter-gray: brightness(0) saturate(100%) invert(29%) sepia(0%) saturate(0%) hue-rotate(340deg) brightness(98%) contrast(92%);
	--so-filter-mint-green: brightness(0) saturate(100%) invert(87%) sepia(15%) saturate(1324%) hue-rotate(79deg) brightness(108%) contrast(105%);
	--so-filter-taupe: brightness(0) saturate(100%) invert(49%) sepia(7%) saturate(452%) hue-rotate(322deg) brightness(93%) contrast(86%);
	--so-filter-red: brightness(0) saturate(100%) invert(32%) sepia(84%) saturate(3213%) hue-rotate(348deg) brightness(100%) contrast(103%);

	@media (width <= 768px) {
		--so-fontsize-display: 88px;
		--so-fontsize-h1: 52px;
		--so-fontsize-h2: 40px;
		--so-fontsize-h3: 36px;
		--so-fontsize-h4: 28px;
		--so-fontsize-h5: 24px;

		--so-group-spacing: 48px;

		--so-block-gap: 24px;
	}

	@media (width <= 576px) {
		--so-fontsize-body: 16px;

		--so-fontsize-display: 64px;
		--so-fontsize-h1: 46px;
		--so-fontsize-h2: 36px;
		--so-fontsize-h3: 30px;

		--so-group-spacing: 24px;

		--so-block-gap: 16px;
	}
}
/* Slick
-------------------------------------------------------------- */
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}


/* Lity
-------------------------------------------------------------- */
.lity{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;white-space:nowrap;background:#0b0b0b;background:rgba(0,0,0,0.9);outline:none !important;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}.lity.lity-opened{opacity:1}.lity.lity-closed{opacity:0}.lity *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.lity-wrap{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;text-align:center;outline:none !important}.lity-wrap:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-0.25em}.lity-loader{z-index:9991;color:#fff;position:absolute;top:50%;margin-top:-0.8em;width:100%;text-align:center;font-size:14px;font-family:Arial,Helvetica,sans-serif;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}.lity-loading .lity-loader{opacity:1}.lity-container{z-index:9992;position:relative;text-align:left;vertical-align:middle;display:inline-block;white-space:normal;max-width:100%;max-height:100%;outline:none !important}.lity-content{z-index:9993;width:100%;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;-o-transition:-o-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease, -o-transform .3s ease}.lity-loading .lity-content,.lity-closed .lity-content{-webkit-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8)}.lity-content:after{content:'';position:absolute;left:0;top:0;bottom:0;display:block;right:0;width:auto;height:auto;z-index:-1;-webkit-box-shadow:0 0 8px rgba(0,0,0,0.6);box-shadow:0 0 8px rgba(0,0,0,0.6)}.lity-close{z-index:9994;width:35px;height:35px;position:fixed;right:0;top:0;-webkit-appearance:none;cursor:pointer;text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:35px;font-family:Arial,Baskerville,monospace;line-height:35px;text-shadow:0 1px 2px rgba(0,0,0,0.6);border:0;background:none;outline:none;-webkit-box-shadow:none;box-shadow:none}.lity-close::-moz-focus-inner{border:0;padding:0}.lity-close:hover,.lity-close:focus,.lity-close:active,.lity-close:visited{text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:35px;font-family:Arial,Baskerville,monospace;line-height:35px;text-shadow:0 1px 2px rgba(0,0,0,0.6);border:0;background:none;outline:none;-webkit-box-shadow:none;box-shadow:none}.lity-close:active{top:1px}.lity-image img{max-width:100%;display:block;line-height:0;border:0}.lity-iframe .lity-container,.lity-youtube .lity-container,.lity-vimeo .lity-container,.lity-facebookvideo .lity-container,.lity-googlemaps .lity-container{width:100%;max-width:964px}.lity-iframe-container{width:100%;height:0;padding-top:56.25%;overflow:auto;pointer-events:auto;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-overflow-scrolling:touch}.lity-iframe-container iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;-webkit-box-shadow:0 0 8px rgba(0,0,0,0.6);box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000}.lity-hide{display:none}


/* Fonts
-------------------------------------------------------------- */
@font-face {
	font-family: 'Martian Mono';
	font-style: normal;
	font-weight: 100 800;
	font-stretch: 100%;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/martianmono/v6/2V0PKIcADoYhV6w87xrTKjs4CYElh_VS9YA4TlTnaTe9wWmm.woff2) format('woff2');
	unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;	
}

/* cyrillic */
@font-face {
	font-family: 'Martian Mono';
	font-style: normal;
	font-weight: 100 800;
	font-stretch: 100%;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/martianmono/v6/2V0PKIcADoYhV6w87xrTKjs4CYElh_VS9YA4TlTnaT69wWmm.woff2) format('woff2');
	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* latin-ext */
@font-face {
	font-family: 'Martian Mono';
	font-style: normal;
	font-weight: 100 800;
	font-stretch: 100%;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/martianmono/v6/2V0PKIcADoYhV6w87xrTKjs4CYElh_VS9YA4TlTnaTS9wWmm.woff2) format('woff2');
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
	font-family: 'Martian Mono';
	font-style: normal;
	font-weight: 100 800;
	font-stretch: 100%;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/martianmono/v6/2V0PKIcADoYhV6w87xrTKjs4CYElh_VS9YA4TlTnaTq9wQ.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
	font-family: 'Plus Jakarta Sans';
	font-style: italic;
	font-weight: 200 800;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/plusjakartasans/v12/LDIuaomQNQcsA88c7O9yZ4KMCoOg4Koz4yOqhMva.woff2) format('woff2');
	unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* vietnamese */
@font-face {
	font-family: 'Plus Jakarta Sans';
	font-style: italic;
	font-weight: 200 800;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/plusjakartasans/v12/LDIuaomQNQcsA88c7O9yZ4KMCoOg4Koz4yGqhMva.woff2) format('woff2');
	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
	font-family: 'Plus Jakarta Sans';
	font-style: italic;
	font-weight: 200 800;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/plusjakartasans/v12/LDIuaomQNQcsA88c7O9yZ4KMCoOg4Koz4yCqhMva.woff2) format('woff2');
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
	font-family: 'Plus Jakarta Sans';
	font-style: italic;
	font-weight: 200 800;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/plusjakartasans/v12/LDIuaomQNQcsA88c7O9yZ4KMCoOg4Koz4y6qhA.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
	font-family: 'Plus Jakarta Sans';
	font-style: normal;
	font-weight: 200 800;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/plusjakartasans/v12/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko70yyygA.woff2) format('woff2');
	unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* vietnamese */
@font-face {
	font-family: 'Plus Jakarta Sans';
	font-style: normal;
	font-weight: 200 800;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/plusjakartasans/v12/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko50yyygA.woff2) format('woff2');
	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
	font-family: 'Plus Jakarta Sans';
	font-style: normal;
	font-weight: 200 800;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/plusjakartasans/v12/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko40yyygA.woff2) format('woff2');
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
	font-family: 'Plus Jakarta Sans';
	font-style: normal;
	font-weight: 200 800;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/plusjakartasans/v12/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko20yw.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

	
/* Selection
-------------------------------------------------------------- */
::selection {
	background-color: var(--so-color-red);
	color: var(--so-color-white);
}

/* Scrollbar
-------------------------------------------------------------- */


body::-webkit-scrollbar {
	width: 4px;
}

body::-webkit-scrollbar-track {
	background: var(--so-color-charcoal);
}

body::-webkit-scrollbar-thumb {
	background: var(--so-color-red);
}


/* Reset & normalize
-------------------------------------------------------------- */
 html {
	line-height: var(--so-fontsize-body-line-height);
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
}

html, body {
	background-color: var(--so-color-black);
	color: var(--so-color-white);
	overflow-x: clip;
}

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

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

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

b,
strong {
	font-weight: bolder;
}

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

small {
	font-size: 80%;
}

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

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	margin: 0;
}

button,
select {
	text-transform: none;
}

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

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

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

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

legend {
	padding: 0;
}

progress {
	vertical-align: baseline;
}

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

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

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

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

details {
	display: block;
}

summary {
	display: list-item;
}

*, *:before, *:after {
	box-sizing: border-box;
}

a {
	color: inherit;
}

address {
	margin-top: 32px;
	font-style: normal;
}


/* List items
-------------------------------------------------------------- */
ul {
	padding-left: 18px;

	li p {
		margin: 0;
	}
}

/* CTA, logo, and rich text images
-------------------------------------------------------------- */
.hs_cos_wrapper_type_cta img,
.hs_cos_wrapper_type_logo img,
.hs_cos_wrapper_type_rich_text img {
	height: auto;
	max-width: 100%;
}


/* Buttons & knoppen
-------------------------------------------------------------- */
form input[type=submit],
form .hs-button,
button,
.button,
.hs-button {
	cursor: pointer;
	display: inline-block;
	text-align: center;
	transition: all 0.15s linear;
	white-space: normal;
}

form input[type=submit]:disabled,
form .hs-button:disabled,
button:disabled,
.button:disabled,
.hs-button:disabled {
	background-color: #D0D0D0;
	border-color: #D0D0D0;
	color: #E6E6E6;
}


/* Formuliervelden & Forms
-------------------------------------------------------------- */
.hs-form-field {
	margin-bottom: 1.4rem;
}

form label {
	display: block;
	font-size: 0.875rem;
	margin-bottom: 0.35rem;
}

.form-title {
	margin-bottom: 0;
}

form legend {
	font-size: 0.875rem;
}

form .hs-form-field {
    display: flex;
    flex-direction: column;

	label {
		font-size: 12px !important;
		color: #CCCCCC !important;
	}
}

form input[type=text],
form input[type=search],
form input[type=email],
form input[type=password],
form input[type=tel],
form input[type=number],
form input[type=file],
form select,
form textarea {
    display: flex;
    padding: 16px 12px;
    border-radius: 8px;
    border: 1px solid #666666;
    background-color: var(--so-color-dark-gray);
	width: 100%;
	color: var(--so-color-white);
}

form textarea {
	resize: vertical;
	min-height: 150px;
}

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

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

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

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

form input[type=checkbox],
form input[type=radio] {
	cursor: pointer;
	margin-right: 0.35rem;
}

.hs-dateinput {
	position: relative;
}

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

.fn-date-picker .pika-table thead th {
	color: #FFF;
}

.fn-date-picker td.is-selected .pika-button {
	border-radius: 0;
	box-shadow: none;
}

.fn-date-picker td .pika-button:hover,
.fn-date-picker td .pika-button:focus {
	border-radius: 0 !important;
	color: #FFF;
}

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

form .hs-richtext,
form .hs-richtext p {
	font-size: 0.875rem;
	margin: 0 0 1.4rem;
}

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

.hs-input {
	width: 100% !important;
}

.hs-form-required {
	color: #EF6B51;
}

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

.hs-error-msg {
	color: #EF6B51;
	margin-top: 0.35rem;
}

.grecaptcha-badge {
	margin: 0 auto;
}

form input[type="submit"] {
    display: flex;
    align-items: center;
    border-radius: 999px;
    font-family: var(--so-font-family-alt);
    font-size: 14px;
    font-weight: 400;
    justify-content: center;
    letter-spacing: -.05em;
    line-height: 1;
    overflow: hidden;
    padding: 1.07em 40px 1.07em 1.64em;
    text-decoration: none;
    text-transform: uppercase;
    border: 0;
    width: 100%;
    min-height: 56px;
    text-align: left;
	transition: var(--so-transition-speed) ease all;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='12' viewBox='0 0 8 12' fill='none'%3E%3Cpath d='M4.6 6L0 1.4L1.4 0L7.4 6L1.4 12L0 10.6L4.6 6Z' fill='%23141414'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center right 22px;

	&:hover {
		background-color: var(--so-color-red);
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='12' viewBox='0 0 8 12' fill='none'%3E%3Cpath d='M4.6 6L0 1.4L1.4 0L7.4 6L1.4 12L0 10.6L4.6 6Z' fill='%23FFFFFF'/%3E%3C/svg%3E");
		color: var(--so-color-white);
	}
}

form .hs-form-booleancheckbox label {
	display: flex;
    flex-direction: row;
    gap: 6px;
    align-items: flex-start;
	cursor: pointer;

	* {
		margin: 0 !important;
	}

	.legal-consent-container .hs-form-booleancheckbox-display input {
		transform: translate(0, 5px);
	}
}

.legal-consent-container .hs-richtext {
	margin: 12px 0;
	font-size: 12px;
}


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

td,
th {
	vertical-align: top;
}

thead th {
	vertical-align: bottom;
}


/* Drag & Drop containers & functies
-------------------------------------------------------------- */
.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;
}

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



:root {
	--column-gap: 2.13%;
	--column-width-multiplier: 8.333;
}

.row-fluid {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}


	.row-fluid .span1,
	.row-fluid .span2,
	.row-fluid .span3,
	.row-fluid .span4,
	.row-fluid .span5,
	.row-fluid .span6,
	.row-fluid .span7,
	.row-fluid .span8,
	.row-fluid .span9,
	.row-fluid .span10,
	.row-fluid .span11,
	.row-fluid .span12{
	min-height: 1px;
	width: 100%;
}

@media (min-width: 768px) {
	.row-fluid {
		flex-wrap: nowrap;
		justify-content: space-between;
	}

	
		.row-fluid .span1 {
			width: calc(var(--column-width-multiplier) * 1% * 1 - var(--column-gap) * (11 * var(--column-width-multiplier) / 100));
		}
	
		.row-fluid .span2 {
			width: calc(var(--column-width-multiplier) * 1% * 2 - var(--column-gap) * (10 * var(--column-width-multiplier) / 100));
		}
	
		.row-fluid .span3 {
			width: calc(var(--column-width-multiplier) * 1% * 3 - var(--column-gap) * (9 * var(--column-width-multiplier) / 100));
		}
	
		.row-fluid .span4 {
			width: calc(var(--column-width-multiplier) * 1% * 4 - var(--column-gap) * (8 * var(--column-width-multiplier) / 100));
		}
	
		.row-fluid .span5 {
			width: calc(var(--column-width-multiplier) * 1% * 5 - var(--column-gap) * (7 * var(--column-width-multiplier) / 100));
		}
	
		.row-fluid .span6 {
			width: calc(var(--column-width-multiplier) * 1% * 6 - var(--column-gap) * (6 * var(--column-width-multiplier) / 100));
		}
	
		.row-fluid .span7 {
			width: calc(var(--column-width-multiplier) * 1% * 7 - var(--column-gap) * (5 * var(--column-width-multiplier) / 100));
		}
	
		.row-fluid .span8 {
			width: calc(var(--column-width-multiplier) * 1% * 8 - var(--column-gap) * (4 * var(--column-width-multiplier) / 100));
		}
	
		.row-fluid .span9 {
			width: calc(var(--column-width-multiplier) * 1% * 9 - var(--column-gap) * (3 * var(--column-width-multiplier) / 100));
		}
	
		.row-fluid .span10 {
			width: calc(var(--column-width-multiplier) * 1% * 10 - var(--column-gap) * (2 * var(--column-width-multiplier) / 100));
		}
	
		.row-fluid .span11 {
			width: calc(var(--column-width-multiplier) * 1% * 11 - var(--column-gap) * (1 * var(--column-width-multiplier) / 100));
		}
	
}


/* Figcaption
-------------------------------------------------------------- */
figcaption {
	color: #808080;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.25;
}


/* Ul
-------------------------------------------------------------- */
.hs_cos_wrapper_type_rich_text ul {
    display: flex;
    flex-direction: column;
    gap: 4px;
	padding-left: 34px;
    padding-right: 16px;
    margin: 0;
    list-style: none;

	li {
		position: relative;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		align-items: center;
		gap: 3px;
		min-height: 24px;
		padding-top: 4px;
		padding-bottom: 4px;

		&:before {
			content: "";
			position: absolute;
			height: 6px;
			width: 6px;
			top: 15px;
			left: -18px;
			background-color: var(--so-color-taupe);

			@media (width <= 576px) {
				top: 13px;
			}
		}
	}
}


/* Textuele overline
-------------------------------------------------------------- */
.textual-overline {
	font-size: 12px;
	font-weight: 400;
	line-height: 10px;
	text-transform: uppercase;
	color: var(--so-color-taupe);
	font-family: var(--so-font-family-alt);
}
/* Container
-------------------------------------------------------------- */
main#main-content {
	max-width: 100dvw;
	overflow-x: clip;
}

.container,
main#main-content > .container-fluid > .row-fluid-wrapper > .row-fluid > .widget-span > * {
	max-width: calc(var(--so-container-size) + 32px);
	padding-left: 16px;
	padding-right: 16px;
	margin-left: auto;
	margin-right: auto;
}
	
main#main-content > .container-fluid > .row-fluid-wrapper > .row-fluid > .widget-span > * > .row-fluid {
	/* margin-left: -16px;
	margin-right: -16px; */
	max-width: calc(var(--so-container-size) + 32px) !important;
	width: 100% !important;
}

main#main-content > .container-fluid > .row-fluid-wrapper > .row-fluid > .widget-span > div[class*="full-width-section"] {
	width: 100%;
	max-width: 100vw;
	padding-top: var(--so-group-spacing);
	padding-bottom: var(--so-group-spacing);
	padding-left: 0;
	padding-right: 0;
	margin-top: var(--so-group-spacing);
	margin-bottom: var(--so-group-spacing);

	> .row-fluid, > div.row-fluid {
		padding-left: var(--so-body-spacing);
		padding-right: var(--so-body-spacing);
	}

	&.so-section-large {
		padding-top: 128px;
		padding-bottom: 128px;

		@media (max-width: 1200px) {
			padding-top: 88px;
			padding-bottom: 88px;
		}

		@media (max-width: 768px) {
			padding-top: 64px;
			padding-bottom: 64px;
		}

		@media (max-width: 576px) {
			padding-top: 48px;
			padding-bottom: 48px;
		}
	}

	&.so-section-default {
		padding-top: 88px;
		padding-bottom: 88px;

		@media (max-width: 1200px) {
			padding-top: 64px;
			padding-bottom: 64px;
		}

		@media (max-width: 768px) {
			padding-top: 48px;
			padding-bottom: 48px;
		}

		@media (max-width: 576px) {
			padding-top: 32px;
			padding-bottom: 32px;
		}
	}

	&.so-section-small,
	&.so-section-background {
		padding-top: 64px;
		padding-bottom: 64px;

		@media (max-width: 1200px) {
			padding-top: 48px;
			padding-bottom: 48px;
		}

		@media (max-width: 768px) {
			padding-top: 32px;
			padding-bottom: 32px;
		}

		@media (max-width: 576px) {
			padding-top: 24px;
			padding-bottom: 24px;
		}
	}

	&.so-section-background {
		position: relative;

		> .row-fluid {
			position: relative;
			z-index: 1;
		}

		&:after {
			background: linear-gradient(146deg,#242424 3.97%,#141414 97.58%),linear-gradient(0deg,#ff3b1d -2.35%,rgba(255,59,29,0));
			border-radius: 24px;
			bottom: 0;
			content: "";
			height: 100%;
			position: absolute;
			top: 0;
			width: calc(100vw - 160px);
			z-index: 0;
			left: 50%;
			transform: translate(-50%, 0);

			@media (width <= 1600px) {
				width: calc(100vw - 64px);
			}
	
			@media (width <= 1460px) {
				width: calc(100vw - 32px);
			}
	
			@media (width <= 1380px) {
				width: 100vw;
			}
		}
	}
}

/* Secties
-------------------------------------------------------------- */
main#main-content > .container-fluid > .row-fluid-wrapper > .row-fluid > .widget-span > div[class*="full-width-section"]:has( + div[class*="full-width-section"]) {
	margin-bottom: 0;
}

main#main-content > .container-fluid > .row-fluid-wrapper > .row-fluid > .widget-span > div[class*="full-width-section"] + div[class*="full-width-section"] {
	margin-top: 0;
}

main#main-content > .container-fluid > .row-fluid-wrapper > .row-fluid > .widget-span > div[class*="full-width-section"] > .row-fluid {
	max-width: calc(var(--so-container-size) + 32px) !important;
	width: 100% !important;
	margin-left: auto;
	margin-right: auto;
}

main#main-content > .container-fluid > .row-fluid-wrapper > .row-fluid > .widget-span > div[class*="background-color"]:not([class*="full-width-section"]) {
	padding: 40px;
	border-radius: 16px;
}

main#main-content > .container-fluid > .row-fluid-wrapper > .row-fluid > .widget-span > div:last-child:is([class*="full-width-section"]) {
	margin-bottom: 0;
}

@media (max-width: 767px) {
	.container,
	main#main-content > .container-fluid > .row-fluid-wrapper > .row-fluid > .widget-span > div[class*="full-width-section"] > .row-fluid {
		max-width: 100vw;
		width: 100%;
		padding-left: 16px;
		padding-right: 16px;
		margin-left: auto;
		margin-right: auto;
	}

	main#main-content > .container-fluid > .row-fluid-wrapper > .row-fluid > .widget-span > * > .row-fluid {
		margin-left: 0;
		margin-right: 0;
	}
}


/* Typografie
-------------------------------------------------------------- */
html,
body {
	font-family: var(--so-font-family);
	font-size: var(--so-fontsize-body);
	line-height: var(--so-fontsize-body-line-height);
	letter-spacing: var(--so-fontsize-body-letter-spacing);
}

/* Headings */
.h-display, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
	font-weight: 600;
}

.h-display {
	font-size: var(--so-fontsize-display);
	margin-bottom: var(--so-fontsize-display-spacing-bottom);
	line-height: var(--so-fontsize-display-line-height);
	letter-spacing: var(--so-fontsize-display-letterspacing);
	margin-top: 0;
}

h1,
.h1 {
	font-size: var(--so-fontsize-h1);
	margin-bottom: var(--so-fontsize-h1-spacing-bottom);
	line-height: var(--so-fontsize-h1-line-height);
	letter-spacing: var(--so-fontsize-h1-letterspacing);
	margin-top: 0;
}

h2,
.h2 {
	font-size: var(--so-fontsize-h2);
	margin-bottom: var(--so-fontsize-h2-spacing-bottom);
	line-height: var(--so-fontsize-h2-line-height);
	letter-spacing: var(--so-fontsize-h2-letterspacing);
	margin-top: 0;
}

h3,
.h3 {
	font-size: var(--so-fontsize-h3);
	margin-bottom: var(--so-fontsize-h3-spacing-bottom);
	line-height: var(--so-fontsize-h3-line-height);
	letter-spacing: var(--so-fontsize-h3-letterspacing);
	margin-top: 0;
}

h4,
.h4 {
	font-size: var(--so-fontsize-h4);
	margin-bottom: var(--so-fontsize-h4-spacing-bottom);
	line-height: var(--so-fontsize-h4-line-height);
	letter-spacing: var(--so-fontsize-h4-letterspacing);
	margin-top: 0;
}

h5,
.h5 {
	font-size: var(--so-fontsize-h5);
	margin-bottom: var(--so-fontsize-h5-spacing-bottom);
	line-height: var(--so-fontsize-h5-line-height);
	letter-spacing: var(--so-fontsize-h5-letterspacing);
	margin-top: 0;
}

h6,
.h6 {
	font-size: var(--so-fontsize-h6);
	margin-bottom: var(--so-fontsize-h6-spacing-bottom);
	line-height: var(--so-fontsize-h6-line-height);
	letter-spacing: var(--so-fontsize-h6-letterspacing);
	margin-top: 0;
}

.word {
	transform: translateY(115px);
	transition: transform .5s;
}

.line {
	padding-bottom: 0.15em;
	margin-bottom: -0.15em;
	overflow: clip;
	overflow-clip-margin: 0.2em;
}


/* Icons
De flow is als volgt:
Zoek icoon op https://icones.js.org/ en kopieer in het zwart (Snippets -> SVG (vinkje 'copy with color' aan))
Gebruik https://svgcrop.com/ om de svg te croppen en de viewbox te optimaliseren
Gebruik https://jakearchibald.github.io/svgomg/ om de svg code te optimaliseren
Gebruik https://yoksel.github.io/url-encoder/ om de svg te encoden en in de css te plakken
-------------------------------------------------------------- */
[class^="icon-"], [class*=" icon-"] {
	display: inline-block;
	background-repeat: no-repeat;
	background-position: center;
}
.icon-arrow-right {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='4 6 16 12'%3E%3Cpath d='m14 18-1.4-1.45L16.15 13H4v-2h12.15L12.6 7.45 14 6l6 6z'/%3E%3C/svg%3E");
}
.icon-arrow-left {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='4 6 16 12'%3E%3Cpath d='m10 18-6-6 6-6 1.4 1.45L7.85 11H20v2H7.85l3.55 3.55z'/%3E%3C/svg%3E");
}


/* Buttons
-------------------------------------------------------------- */
.button-wrapper {
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
	align-items: center;
	margin: 32px 0;

	&.alignment-left {
		justify-content: flex-start;
	}

	&.alignment-center {
		justify-content: center;
	}
	
	&.alignment-right {
		justify-content: flex-end;
	}

	@media (max-width: 576px) {
		gap: 14px;
	}
}

.button:not(.is-animating, .is-animated) .button-label {
	transform: translateY(-300%);
	transition: color 0.5s ease;

	&:after {
		color: inherit !important;
	}
}
.button.is-animating .button-label {
	transform: 0;

	&:after {
		color: inherit !important;
	}
}

.button.is-animated .button-label {
	transform: 0;
}

.button {
	display: flex;
	font-family: var(--so-font-family-alt);
	font-size: 14px;
	font-weight: 400;
	align-items: center;
	justify-content: center;
	letter-spacing: -.05em;
	line-height: 1;
	text-transform: uppercase;
	padding: 1.07em 1.64em;
	text-decoration: none;
	border-radius: 999px;
	overflow: hidden;

	@media (max-width: 576px) {
		gap: 8px;
	}

	&, * {
		transition: var(--so-transition-speed) ease all;
	}

	&.white, &.white-arrow {
		background-color: var(--so-color-white);
		color: var(--so-color-black);
		border: 1px solid var(--so-color-white);
	}

	&.outline, &.outline-arrow {
		background-color: transparent;
		color: var(--so-color-white);
		border: 1px solid var(--so-color-white);
	}

	&.outline-arrow, &.white-arrow {
		position: relative;
		background-image: none;

		&[href^="#"]:after {
			rotate: 90deg;
		}
	}

	&.white-arrow:after, &.outline-arrow:after {
		content: '';
		display: block;
		right: 16px;
		width: 16px;
		height: 16px;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		background-repeat: no-repeat;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='%23fff' d='M8 0 6.59 1.41 12.17 7H0v2h12.17l-5.58 5.59L8 16l8-8z'/%3E%3C/svg%3E");
	
		@media (min-width: 576px) {
			position: absolute;
		}

		@media (max-width: 576px) {
			height: 12px;
			width: 12px;
		}
	}

	&.white-arrow:after {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M8 0L6.59 1.41L12.17 7H0V9H12.17L6.59 14.59L8 16L16 8L8 0Z' fill='%23141414'/%3E%3C/svg%3E");
	}

	&.white-arrow:after,
	&.outline-arrow:after {
		animation: none;
	}

	&.white-arrow:hover:after,
	&.outline-arrow:hover:after {
		animation: arrowAnimation 0.3s cubic-bezier(0.4, 0, 0.2, 1);
		animation-fill-mode: forwards;
	}

	@media (min-width: 576px) {
		&.outline-arrow, &.white-arrow {
			padding-right: 88px;
		}
	}
	&:hover {
		background-color: var(--so-color-red);
		border-color: var(--so-color-red);
		color: var(--so-color-white);
	}

	&.textual {
		background-color: transparent;
		border: 0;
		color: var(--so-color-white);
		padding: 0.8571428571428571em 0px !important;
		text-decoration: underline;
		border-radius: 0 !important;

		&:hover {
			color: var(--so-color-red);
		}
	}
	
	.button-label {
		display: inline-block;
		will-change: transform;
		height: 1em;
		line-height: 1;
		transform: translate(0, 0);
		transition: transform var(--so-transition-speed) ease;
	
		.button:hover & {
			transform: translate(0, -300%);
		}
		
		&::after {
			content: attr(data-text);
			display: block;
			top: 300%;
			position: absolute;
			color: var(--so-color-white);
		}

		.button.textual &:after {
			color: var(--so-color-red);
			text-decoration: underline;
		}
	}
	
	.button-label-inner {
		display: flex;
		flex-direction: column;
		transition: transform var(--so-transition-speed) ease;
	}

	@media (max-width: 576px) {
		font-size: 12px;
		width: 100% !important;

		&.hide-mobile {
			display: none;
		}
	}
}

@keyframes arrowAnimation {
	0% {
		background-position: center;
		filter: unset;
	}
	40% {
		background-position: center right -24px;
		opacity: 1;
	}
	51% {
		background-position: center right -24px;
		opacity: 0;
		filter: unset;
	}
	52% {
		background-position: center right 24px;
		opacity: 0;
		filter: brightness(0) invert(1);
	}
	60% {
		background-position: center right 24px;
		opacity: 1;
		filter: brightness(0) invert(1);
	}
	100% {
		background-position: center;
		filter: brightness(0) invert(1);
	}
}

/* Form
-------------------------------------------------------------- */



/* Tables
-------------------------------------------------------------- */



/* Website header
-------------------------------------------------------------- */






.blog-post,
.blog-header__inner,
.blog-related-posts {
	padding: px 0;
}

/* Blog post */

.blog-post__meta a {
	color: ;
}

.blog-post__tag-link {
	color: ;
}

.blog-post__tag-link:hover,
.blog-post__tag-link:focus {
	color: ;
}

.blog-post__tag-link:active {
	color: ;
}

/* Blog related posts */

.blog-related-posts__title-link,
.blog-related-posts__title-link:hover,
.blog-related-posts__title-link:focus,
.blog-related-posts__title-link:active {
	;
	text-transform: ;
}

.blog-related-posts__title-link {
	color: ;
}

.blog-related-posts__title-link:hover,
.blog-related-posts__title-link:focus {
	color: ;
}

.blog-related-posts__title-link:active {
	color: ;
}

/* Blog comments */

.blog-comments {
	margin-bottom: px;
}

#comments-listing .comment-reply-to {
	color: ;
}

#comments-listing .comment-reply-to:hover,
#comments-listing .comment-reply-to:focus {
	color: ;
}

#comments-listing .comment-reply-to:active {
	color: ;
}





.hs-search-results__title {
	;
	color: ;
}





/* Blog listing */

.hs-blog-post-listing__post-title-link,
.hs-blog-post-listing__post-title-link:hover,
.hs-blog-post-listing__post-title-link:focus,
.hs-blog-post-listing__post-title-link:active {
	;
	text-transform: ;
}

.hs-blog-post-listing__post-title-link {
	color: ;
}

.hs-blog-post-listing__post-title-link:hover,
.hs-blog-post-listing__post-title-link:focus {
	color: ;
}

.hs-blog-post-listing__post-title-link:active {
	color: ;
}


.hs-blog-post-listing__post-tag,
.hs-blog-post-listing__post-author-name {
	color: ;
}

/* Blog pagination */

.hs-pagination__link-text,
.hs-pagination__link--number {
	color: ;
}

.hs-pagination__link:hover .hs-pagination__link-text,
.hs-pagination__link:focus .hs-pagination__link-text,
.hs-pagination__link--number:hover,
.hs-pagination__link--number:focus {
	color: ;
}

.hs-pagination__link:active .hs-pagination__link-text,
.hs-pagination__link--number:active {
	color: ;
}

.hs-pagination__link-icon svg {
	fill: ;
}

/* Pricing card */

.card__price {
	;
	color: ;
	font-size: ;
}

.card__body svg {
	fill: ;
}

/* Social follow */

.social-links__icon {
	background-color: ;
}

.social-links__icon:hover,
.social-links__icon:focus {
	background-color: ;
}

.social-links__icon:active {
	background-color: ;
	;
	color: ;
	font-size: ;
}



/* Card styling
-------------------------------------------------------------- */
.card {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 0;
    position: relative;
    border-radius: 16px;
    overflow: hidden;
	position: relative;
	cursor: pointer;

	&, * {
		transition: var(--so-transition-speed) ease all;
		margin: 0;
	}

	figure {
		display: flex;
		overflow: hidden;

		img {
			aspect-ratio: 368/264;
			object-fit: cover;
			transform: scale(1.1);
			transition: var(--so-transition-speed) ease all;
			width: 100%;
			height: 100%;
		}
	}

	&:hover img {
		transform: scale(1.02);
	}

	.card-content {
		display: flex;
		flex-direction: column;
		padding: 24px;
		background-color: #242424;
		min-height: 202px;
		flex: 1;

		@media (width <= 420px) {
			min-height: 160px;
			padding: 16px;
		}
	}

	.tags {
		list-style: none;
		padding: 0;
		margin-bottom: 16px;

		.tag {
			display: flex;
			background-color: var(--so-color-mint-green) !important;
			color: #1A1A1A;
			transition: var(--so-transition-speed) ease all;

			&:hover {
				background-color: var(--so-color-red) !important;
				color: var(--so-color-white);
			}
		}
	}

	.card-meta {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		gap: 4px 16px;
		margin-top: auto;

		&, * {
			color: var(--so-color-taupe);
			font-size: 12px;
			letter-spacing: -.05em;
			line-height: 1;
			text-transform: uppercase;
			font-family: var(--so-font-family-alt);
		}

		> *:not(:last-child):after {
			content: ',';
		}

		@media (width <= 880px) {
			margin-top: 48px;
		}
	}

	/* Full-card hit area; tag links stay clickable above it */
	.card-link:empty {
		position: absolute;
		inset: 0;
		z-index: 1;
	}

	.card-link:empty:focus-visible {
		outline: 2px solid var(--so-color-mint-green);
		outline-offset: -2px;
	}

	.tag {
		position: relative;
		z-index: 2;
	}
}



/* Blog posts row
-------------------------------------------------------------- */
.blog-posts {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 32px var(--so-block-gap, 32px);
	max-width: calc(var(--so-container-size) + 32px);
	margin: 0 auto;
	padding: 0 16px;

	@media (width <= 1364px) {
		padding: var(--so-block-gap, 32px);
	}
	@media (width <= 880px) {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	@media (width <= 576px) {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}

	> .case-quote-card.case-quote-card-highlighted {
		grid-column: span 3;

		@media (max-width: 768px) {
			grid-column: span 1;
		}
	}
}

.case-card {
	border-radius: 16px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 0;
    overflow: hidden;
    position: relative;
	aspect-ratio: 416/598;

	figure {
		position: absolute;
		inset: 0;
		margin: 0;

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

	a {
		display: flex;
		position: absolute;
		inset: 0;
		z-index: 2;
		text-decoration: none;
	}

	.case-card-content {
		margin-top: auto;
		padding: 32px;
		width: 100%;
		background: linear-gradient(180deg,hsla(0,0%,8%,0) 1.31%,hsla(0,0%,8%,.5) 44.65%,hsla(0,0%,8%,.9) 84.98%)

		@media (max-width: 768px) {
			padding: 16px;
		}
	}

	h5 {
		font-size: 20px;
	}

	.case-card-customer {
		display: flex;
		flex-direction: row;
		gap: 12px;
		justify-content: space-between;
		align-items: center;

		img {
			max-width: 144px;
			max-height: 50px;
			object-fit: contain;
			object-position: right;
			flex: 1;
			filter: brightness(0) invert(1);
		}
	}

	.case-card-customer-name {
		flex: 1;
		display: flex;
		flex-direction: column;
		gap: 4px;

		&, * {
			line-height: 1;
			font-size: 14px;
			letter-spacing: -0.05em;
			text-transform: uppercase;
			font-family: var(--so-font-family-alt);
		}

		p {
			color: var(--so-color-taupe);
		}

		& > * {
			margin: 0;
			padding: 0;
		}
	}

	&:after {
		content: '';
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		height: 42.14%;
		z-index: 1;
		backdrop-filter: blur(10px);
		-webkit-mask-image: linear-gradient(transparent, black);
		mask-image: linear-gradient(transparent, black);
	}
}



/* Tag
-------------------------------------------------------------- */
.overline, .tag {
	width: fit-content;
	padding: 4px 8px;
	background-color: var(--so-color-mint-green);
	border-radius: 99px;
	font-size: 12px;
	letter-spacing: -0.05em;
	text-transform: uppercase;
	font-family: var(--so-font-family-alt);
	color: var(--so-color-black);

	&[style*="text-align: center"] {
		margin-left: auto;
		margin-right: auto;
	}
}


/* Teamleden
-------------------------------------------------------------- */
.teamlid {
	position: relative;
	border-radius: var(--so-border-radius, 24px);
	background: rgba(255, 255, 255, 0.10);
	box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.12) inset;
	aspect-ratio: 273/374;
	overflow: hidden;

	&, * {
		margin: 0;
	}

	figure, header {
		position: absolute;
		left: 0;
		top: 0;
		height: 100%;
		width: 100%;
	}

	figure {
		z-index: 1;

		img {
			width: 100%;
			height: 100%;
			object-fit: cover;
			object-position: top;
			transform-origin: top;
		}
	}

	header {
		display: flex;
		flex-direction: column;
		z-index: 3;
		padding: 16px;
	}

	h3 {
		margin-top: auto !important;
		margin-bottom: 0 !important;
	}

	&:after {
		content: '';
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		height: 64px;
		width: 100%;
		background: linear-gradient(180deg, rgba(20, 16, 14, 0.00) 3.06%, rgba(20, 16, 14, 0.60) 96.15%);
		z-index: 1;
	}

	.teamlid-data {
		position: absolute;
		writing-mode: vertical-rl;
		right: 8px;
		top: 32px;
		bottom: 29px;
		z-index: 4;
		pointer-events: none;
		font-size: 8px;
		letter-spacing: -0.05em;
		line-height: 1.65;
		opacity: 0.6;
		text-align: right;
		text-transform: uppercase;
	}
}


/* Slick
-------------------------------------------------------------- */
.slick-arrow {
	height: 56px;
	width: 56px;
	border: 0;
	font-size: 0;
	background-color: var(--so-color-white);
	border-radius: 100%;
	padding: 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 8px;
	transition: var(--so-transition-speed) ease all;

	&:hover {
		background-color: var(--so-color-off-white);
	}

	&.slick-prev {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='12' viewBox='0 0 8 12' fill='none' style=' transform: rotate(180deg);%0A'%3E%3Cpath d='M4.6 6L0 1.4L1.4 0L7.4 6L1.4 12L0 10.6L4.6 6Z' fill='%231A1A1A'%3E%3C/path%3E%3C/svg%3E");
	}

	&.slick-next {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='12' viewBox='0 0 8 12' fill='none'%3E%3Cpath d='M4.6 6L0 1.4L1.4 0L7.4 6L1.4 12L0 10.6L4.6 6Z' fill='%231A1A1A'/%3E%3C/svg%3E");
	}
}

.slick-navigation-desktop {
	pointer-events: none;
	backface-visibility: hidden;
	position: absolute;
	will-change: transform;
	top: 0;
	left: 0;
	opacity: 0;
	z-index: 10;

	&.is-over-interactive {
		opacity: 0;
		scale: 0;
	}

	.slick-arrow {
		background-size: 24px;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='3.25 7.23 17.5 9.52'%3E%3C!--Icon from Prime Icons by PrimeTek - https://github.com/primefaces/primeicons/blob/master/LICENSE--%3E%3Cpath d='M20.69 11.71a.8.8 0 0 0-.16-.24l-4-4a.75.75 0 1 0-1.06 1.06l2.72 2.72H5.81l2.72-2.72a.75.75 0 0 0-1.06-1.06l-4 4a.8.8 0 0 0-.16.24.73.73 0 0 0 0 .58.8.8 0 0 0 .16.24l4 4a.75.75 0 0 0 1.06 0 .75.75 0 0 0 0-1.06l-2.72-2.72h12.38l-2.72 2.72a.75.75 0 0 0 0 1.06.75.75 0 0 0 1.06 0l4-4a.8.8 0 0 0 .16-.24.73.73 0 0 0 0-.58'/%3E%3C/svg%3E");
	}
}

.slick-navigation-mobile {
	display: inline-flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 6px;
	padding-top: 24px;
	width: 40%;
}

@media (width >= 680px) and (pointer: fine) and (hover: hover)  {
	.slick-navigation-desktop {
		display: block;
		
	}
	.slick-navigation-mobile {
		display: none;
	}
}

@media not (pointer: fine) and not (hover: hover) {
	.slick-navigation-desktop {
		display: none;
	}
}

@media (width <= 680px )  {
	.slick-navigation-desktop {
		display: none;
	}
}

.slick-pagination {
	display: inline-block;
	float: right;
	width: 40%;
	padding-top: 24px;
	text-align: right;
	color: var(--so-color-taupe);
	font-size: 12px;
	text-transform: uppercase;
	font-family: var(--so-font-family-alt);
	
	@media (width >= 680px) {
		height: 42px;
	}

	@media (width <= 680px) {
		padding-top: 0;
		margin-top: -56px;
	}
}


/* Noise filter
-------------------------------------------------------------- */
body {
	position: relative;
}

#noise-filter {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.12;
	z-index: 1000;
	pointer-events: none;
	mix-blend-mode: color-dodge;
}

/* Custom cursor
-------------------------------------------------------------- */
@media (pointer: fine) and (hover: hover) {
	/* body:not(.hubspot-disable-focus-styles) {
		cursor: none;
	} */
	body:not(.hubspot-disable-focus-styles) {
		#cursor,
		#cursor-dot {
			position: fixed;
			top: 0;
			left: 0;
			z-index: 999;
			pointer-events: none;
			transform: translate(-50%, -50%);
			will-change: transform;
			transition: width 0.3s ease, height 0.3s ease, background 0.3s ease, border-color 0.3s ease;
		}
		#cursor {
			width: 42px;
			height: 42px;
			/* border: 1.5px solid rgba(255, 255, 255); */
			border-radius: 50%;
			opacity: 0.35;
		}
		#cursor.is-active {
			width: 80px;
			height: 80px;
			background: var(--so-color-mint-green);
			opacity: 0.15;
		}
		#cursor-dot.is-active {
			width: 0;
			height: 0;
		}
		#cursor.is-hidden {
			scale: 0;
			opacity: 0;
		}
		
		#cursor-dot {
			width: 8px;
			height: 8px;
			background: var(--so-color-mint-green);
			border-radius: 50%;
		}
		#cursor-dot.is-hidden {
			scale: 0;
			opacity: 0;
		}
	}
}

/* Breadcrumbs
-------------------------------------------------------------- */
.breadcrumbs {
	margin: 24px 0;
	font-family: var(--so-font-family-alt);
	font-size: 12px;
	letter-spacing: -0.05em;
	text-transform: uppercase;
	color: white;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 8px;

	a {
		text-decoration: none;
	}
}
.breadcrumbs a:after {
	content: '';
	margin-left: 8px;
	background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5.89 10'%3E%3Cpath d='M0 9.115L0.885 10L5.885 5L0.885 0L0 0.885L4.115 5L0 9.115Z' fill='white'%3E%3C/path%3E%3C/svg%3E");
	height: 10px;
	width: 8px;
	display: inline-block;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.breadcrumbs span {
	color: var(--so-color-taupe);
	display: inline-block;
	max-width: 28ch;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* Tags
-------------------------------------------------------------- */
.tags {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 8px;
}
.tags a.tag {
	background-color: var(--so-color-charcoal);
	text-decoration: none;
	color: var(--so-color-white);
	padding: 6px 8px;
	line-height: 1;
	transition: var(--so-transition-speed) ease all;

	&:hover {
		color: var(--so-color-white);
		background-color: var(--so-color-red);
	}
}

/* Specialisten lijst
-------------------------------------------------------------- */
.specialists-list {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;

	> * {
		height: 64px !important;
		width: 64px !important;
		aspect-ratio: 1/1;
		background-color: var(--so-color-charcoal);
		border: 2px solid var(--so-color-dark-gray);
		border-radius: 100%;
		overflow: hidden;
		object-fit: cover;
		object-position: center top;

		.subdiensten-item & {
			height: 48px !important;
			width: 48px !important;
		}

		@media (width <= 1080px) {
			height: 48px !important;
			width: 48px !important;
		}

		&:nth-child(1) {
			z-index: 10;
		}

		&:nth-child(2) {
			z-index: 9;
		}

		&:nth-child(3) {
			z-index: 8;
		}

		&:nth-child(4) {
			z-index: 7;
		}

		&:nth-child(5) {
			z-index: 6;
		}

		&:nth-child(6) {
			z-index: 5;
		}

		&:nth-child(7) {
			z-index: 4;
		}

		&:nth-child(8) {
			z-index: 3;
		}

		&:nth-child(9) {
			z-index: 2;
		}

		&:nth-child(10) {
			z-index: 1;
		}

		&:not(:first-child) {
			margin-left: -32px;
		}
	}

	.specialists-list-more {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M10.7988 18H7.19824V14.4004H10.7988V18ZM3.59961 10.8008H0V7.20117H3.59961V10.8008ZM10.7988 10.8008H7.19824V7.19922H10.7988V10.8008ZM18 10.8008H14.4004V7.20117H18V10.8008ZM10.7988 3.59961H7.19824V0H10.7988V3.59961Z' fill='white'/%3E%3C/svg%3E");
		background-repeat: no-repeat;
		background-position: center;
		background-size: 18px;
		transform: scale(1) rotate(0deg);
		transition: transform var(--so-transition-speed) ease;
		border: 2px solid var(--so-color-dark-gray);

		&:hover {
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 18 18'%3E%3Cpath fill='%23FF3B1D' d='M10.799 18h-3.6v-3.6h3.6zm-7.2-7.2H0V7.202h3.6zm7.2 0h-3.6V7.2h3.6zm7.201 0h-3.6V7.202H18zm-7.201-7.2h-3.6V0h3.6z'/%3E%3C/svg%3E");
			transform: scale(1.15) rotate(180deg);
		}
	}
}

.specialists-list-label {
	align-items: center;
	background-color: var(--so-color-charcoal);
	border-radius: 999px;
	color: var(--so-color-white);
	display: flex;
	font-family: var(--so-font-family-alt);
	font-size: 12px;
	justify-content: center;
	letter-spacing: -.05em;
	line-height: 1;
	min-height: 24px;
	padding: .333em .667em;
	text-transform: uppercase;
	width: fit-content;
	height: fit-content;
	text-align: center;
}

.specialists-list-wrapper {
	display: flex;
	flex-direction: row;
    justify-content: space-between;
}

.templatesection {
	max-width: 1344px;
	margin: 0 auto;
	padding: 80px 16px;
}

.two-column-section {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 32px;

	@media (max-width: 768px) {
		grid-template-columns: 1fr;
	}
}

/* Forms */
.hs-form .legal-consent-container .hs-form-booleancheckbox-display {
	display: flex;
	align-items: center;
}
.hs-form .legal-consent-container input[type="checkbox"] {
	width: fit-content !important;
    height: 20px;
    width: 20px !important;
}
.header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	padding-top: 22px;
	padding-bottom: 22px;
	z-index: 998;

	@media (width <=920px) {
		padding-top: 12px;
		padding-bottom: 12px;
	}

	&,
	* {
		font-family: var(--so-font-family-alt);
		font-size: 12px;
		font-weight: 400;
		text-transform: uppercase;
	}

	a {
		text-decoration: none;
	}

	ul {
		all: unset;

		li {
			list-style: none;
			padding: 0;
			margin: 0;
		}
	}

	#hs_cos_wrapper_site_logo {
		width: 88px;

		@media (width <=920px) {
			width: 84px;
		}
	}

	.container {
		display: flex;
		flex-direction: row;
		align-items: center;
		flex-wrap: wrap;
		justify-content: space-between;
		gap: 16px 32px;
		width: 100%;

		@media (width <= 1100px) {
			gap: 16px;
		}

		@media (width <= 460px) {
			gap: 8px;
		}
	}

	.button {
		padding: 0.8571428571428571em 1.142857142857143em;
	}

	.button-wrapper {
		gap: 8px 16px;
		margin: 0;
	}

	body.scrolled &:after {
		backdrop-filter: url(#refractionFilter) contrast(1.01) brightness(1.1) blur(3px);
	}

	/* Main menu (Desktop)
	---------------------------------------------------------- */
	@media (width >=920px) {
		transition: transform 0.3s ease-in-out, padding var(--so-transition-speed) ease-in-out;

		body.scrolled & {
			padding-top: 12px;
			padding-bottom: 12px;
		}
		
		&:after {
			content: '';
			position: absolute;
			inset: 0;
			background-color: rgba(46, 46, 46, 0.60);
			pointer-events: none;
			z-index: -1;
			backdrop-filter: blur(6px);
			opacity: 0;
			transition: opacity 0.3s ease-in-out;
		}

		body.scrolled &:after {
			opacity: 1;
		}

		/* Desktop */
		#hs_menu_wrapper_main_menu > ul > li > a {
			padding: 12px 16px;
		}
		.hs_cos_wrapper_type_menu ul {
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			justify-content: space-between;
			align-items: center;
			gap: 0;

			&:has(> .hs-menu-depth-1) {
				position: relative;
			}

			& > .menu-hover-underline {
				position: absolute;
				bottom: 0;
				left: 16px;
				height: 1px;
				width: 0;
				background-color: var(--so-color-white);
				pointer-events: none;
				opacity: 0;
				transition:
					left var(--so-transition-speed) ease,
					width var(--so-transition-speed) ease,
					opacity 0.2s ease;

				@media (prefers-reduced-motion: reduce) {
					transition: opacity 0.2s ease;
				}
			}

			.hs-menu-item.hs-menu-depth-1:has(.hs-menu-children-wrapper) {
				display: flex;
				position: relative;

				> a {
					display: flex;
					flex-direction: row;


					&:after {
						content: "";
						height: 100%;
						width: 15px;
						background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 8 5' fill='none'%3E%3Cpath d='M0.88125 0L3.75 2.8625L6.61875 0L7.5 0.88125L3.75 4.63125L0 0.88125L0.88125 0Z' fill='white'/%3E%3C/svg%3E");
						background-repeat: no-repeat;
						background-position: center right;
						background-size: 8px;
					}
				}
			}
		}

		.main-menu-back {
			display: none;
		}
	}

	/* Sub menu (desktop)
	---------------------------------------------------------- */
	@media (width >=920px) {
		.hs_cos_wrapper_type_menu ul li.hs-item-has-children .hs-menu-children-wrapper {
			position: absolute;
			display: flex;
			flex-direction: column;
			flex-wrap: wrap;
			padding: 0;
			z-index: 1;
			top: calc(100%);
			height: 0;
			overflow: hidden;
			visibility: hidden;

			ul {
				margin: 0;
				padding: 0;
				list-style: none;
			}

			li:first-child > a {
				padding-top: 18px;
			}

			li:last-child > a {
				padding-bottom: 18px;
			}

			li {
				text-align: left;
				width: 100%;

				a {
					padding: 6px 24px;
					display: block;
				}

				a:hover {
					text-decoration: underline;
				}
			}

			&:after {
				content: "";
				backdrop-filter: blur(16px);
				background: rgba(46, 46, 46, .6);
				border-radius: 12px;
				position: absolute;
				inset: 0;
				z-index: -1;
			}
		}

		.menu-toggle {
			display: none;
		}
	}

	/* Main menu (Mobile)
	---------------------------------------------------------- */
	@media (width <=920px) {
		margin-top: 12px;
		margin-left: var(--so-body-spacing);
		margin-right: var(--so-body-spacing);
		width: calc(100% - (2 * var(--so-body-spacing)));

		--menu-offset-top: 104px;

		.button {
			width: fit-content !important;
		}

		&:after {
			content: "";
			position: absolute;
			backdrop-filter: blur(16px);
			background: rgba(46,46,46,.6);
			border-radius: 12px;
			inset: 0;
			z-index: -1;
		}

		.menu-action-buttons {
			margin-left: auto;
		}

		#hs_cos_wrapper_main_menu #hs_menu_wrapper_main_menu a {
			font-size: 18px;
		}

		#hs_cos_wrapper_main_menu #hs_menu_wrapper_main_menu > ul,
		#hs_cos_wrapper_main_menu #hs_menu_wrapper_main_menu > ul > li > .hs-menu-children-wrapper {
			display: flex;
			flex-direction: column;
			gap: 16px;
			background-color: var(--so-color-black);
			left: 0;
			padding-top: var(--menu-offset-top, 104px);
			overflow-x: hidden;
			overflow-y: auto;
			padding-left: var(--so-body-spacing);
			padding-right: var(--so-body-spacing);
			position: fixed;
			right: 0;
			top: 0;
			transform: translate(-110dvw);
			transition: transform .3s ease-in-out;
			z-index: -1;
			bottom: 0;
			padding-bottom: 16px;
		}

		#hs_cos_wrapper_main_menu #hs_menu_wrapper_main_menu > ul {
			z-index: -1;
			overscroll-behavior: contain;

			body.mobile-menu-active & {
				transform: translate(0, 0);
			}

			li {
				display: flex;
				flex-direction: row;
				justify-content: space-between;

				> a {
					font-size: 18px;
					flex: 1;
				}
			}
		}

		#hs_cos_wrapper_main_menu #hs_menu_wrapper_main_menu > ul,
		#hs_cos_wrapper_main_menu #hs_menu_wrapper_main_menu > ul > li > .hs-menu-children-wrapper {
			&::-webkit-scrollbar {
				width: 6px;
			}

			&::-webkit-scrollbar-track {
				background: var(--so-color-black);
				border-radius: 2px;
			}

			&::-webkit-scrollbar-thumb {
				background: var(--so-color-white);
				border-radius: 2px;
			}
		}

		#hs_cos_wrapper_main_menu #hs_menu_wrapper_main_menu > ul > li:has(.hs-menu-children-wrapper) {

			&:after {
				background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='12' fill='none' viewBox='0 0 8 12'%3E%3Cpath fill='%23fff' d='M4.6 6 0 1.4 1.4 0l6 6-6 6L0 10.6z'/%3E%3C/svg%3E");
				content: "";
				height: 27px;
				width: 30px;
				background-repeat: no-repeat;
				background-position: center right;
				background-size: 10px;
				cursor: pointer;
				width: 100%;
			}
		}

		#hs_cos_wrapper_main_menu #hs_menu_wrapper_main_menu > ul > li > .hs-menu-children-wrapper {
			z-index: 1;
			overscroll-behavior: contain;
		}

		#hs_cos_wrapper_main_menu #hs_menu_wrapper_main_menu > ul > li > .hs-menu-children-wrapper.active {
			transform: translate(0, 0);
		}

		.main-menu-back {
			position: absolute;
			top: 0;
			bottom: 0;
			display: flex;
			align-items: center;
			left: 0;
			width: calc(100% - 320px);
			cursor: pointer;
			padding-left: 38px;
			padding-right: 16px;
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none' style='transform: rotate(180deg)'%3E%3Cpath d='M8 0L6.59 1.41L12.17 7H0V9H12.17L6.59 14.59L8 16L16 8L8 0Z' fill='white'/%3E%3C/svg%3E");
			background-repeat: no-repeat;
			background-position: center left 16px;
			background-size: 12px;
			opacity: 0;
			transition: opacity 0.3s ease-in-out;
			height: 0;
			max-width: 0;
			overflow: hidden;

			@media (width <=576px) {
				width: calc(100% - 200px);
			}
		}

		#hs_cos_wrapper_site_logo {
			opacity: 1;
			transition: opacity 0.3s ease-in-out;
		}

		&:has(li.hs-menu-depth-1.hs-item-has-children > .hs-menu-children-wrapper.active) {
			#hs_cos_wrapper_main_menu #hs_menu_wrapper_main_menu > ul {
				overflow-y: hidden;
			}

			#hs_cos_wrapper_site_logo {
				opacity: 0;
				height: 0;
				width: 0;
				overflow: hidden;
			}

			.main-menu-back {
				opacity: 1;
				height: auto;
				max-width: unset;
			}
		}

		.button-label[data-text="085 30 30 720"] {
			font-size: 0px!important;
			width: 28px;
			height: 28px;
			display: flex;
			justify-content: center;
			align-items: center;
		}
		.button-label[data-text="085 30 30 720"]:before {
			content: "";
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3C!-- Icon from Material Symbols by Google - https://github.com/google/material-design-icons/blob/master/LICENSE --%3E%3Cpath fill='%23ffffff' d='M19.95 21q-3.125 0-6.187-1.35T8.2 15.8t-3.85-5.55T3 4.05V3h5.9l.925 5.025l-2.85 2.875q.55.975 1.225 1.85t1.45 1.625q.725.725 1.588 1.388T13.1 17l2.9-2.9l5 1.025V21z'/%3E%3C/svg%3E");
			background-repeat: no-repeat;
			background-position: center;
			background-size: contain;
			width: 28px;
			height: 28px;
			display: flex;
		}
	}

	@media (width <=576px) {
		.button, .button * {
			font-size: 10px !important;
		}
	}

	/* Menu toggle
	---------------------------------------------------------- */
	.menu-toggle {
		cursor: pointer;
		margin: 0;
		flex-shrink: 0;

		@media (width <=920px) {
			display: inline-flex;
			align-items: center;
			justify-content: center;
			align-self: center;
			line-height: 0;
			min-width: 40px;
			min-height: 40px;

			.hamburger {
				background: var(--so-color-white);
				width: 26px;
				height: 2px;
				position: relative;
				flex-shrink: 0;
				transition: background 10ms 300ms ease;

				&:before, &:after {
					content: '';
					transition: top 300ms 350ms ease, transform 300ms 50ms ease;
					position: absolute;
					left: 0;
					background: var(--so-color-white);
					width: 26px;
					height: 2px;
				}

				&:before {
					top: -7px;
				}

				&:after {
					top: 7px;
				}

				body.mobile-menu-active & {
					background: transparent;

					&:before, &:after {
						transition: top 300ms 50ms ease, transform 300ms 350ms ease;
						top: 0;
					}

					&:before {
						transform: rotate(45deg);
						top: 0;
					}

					&:after {
						transform: rotate(-45deg);
						top: 0;
					}
				}
			}
		}
	}
}
.footer {
	background-color: var(--so-color-black);
	color: var(--so-color-white);

	@media (max-width: 576px) {
		padding-top: 40px;
	}

	&, * {
		color: var(--so-color-warm-gray);
		font-size: var(--so-fontsize-body-small);
		font-family: var(--so-font-family-alt);
		text-transform: uppercase;
		letter-spacing: -0.05em;
		line-height: 1.125;
	}

	ul, li {
		display: flex;
		all: unset;
	}

	a {
		text-decoration: none;
		transition: var(--so-transition-speed) ease all;

		&:hover {
			color: var(--so-color-red);
		}
	}
}

.footer-top {
	display: flex;
	gap: 28px 32px;
	flex-wrap: wrap;

	@media (max-width: 1180px) {
		flex-direction: column;
	}

	@media (min-width: 576px) {
		padding-top: var(--so-group-spacing);
		padding-bottom: var(--so-group-spacing);
	}
}

.footer-info, .footer-form {
	width: 20%;
	min-width: 260px;
}

.footer-menus {
	flex: 1;
	display: flex;
	flex-wrap: wrap;
	gap: 28px 32px;
	
	@media (max-width: 768px) {
		gap: 50px 32px;
	}

	&, * {
		font-size: var(--so-fontsize-body-small);

		@media (max-width: 576px) {
			font-size: 12px;
		}
	}

	.hs_cos_wrapper_type_menu {
		flex: 1 0 20%;
	}

	ul {
		display: flex;
		flex-direction: column;

		a {
			padding: 8px 0;
		}

		@media (max-width: 576px) {
			gap: 8px;
		}
	}
	
	li.hs-item-has-children > ul {
		padding-left: 16px;
	}

	.footer-menu {
		flex: 1 0 calc(25% - calc(3 * (32px / 2)));
		width: calc(25% - calc(3 * (32px / 2)));

		@media (max-width: 768px) {
			flex: 1 0 calc(50% - calc(32px / 2));
			width: calc(50% - calc(32px / 2));
		}
	}
}

:is(.footer-menus, .footer-info) h3 {
	color: var(--so-color-off-white);
	font-size: 12px;
	margin-bottom: 8px;
	font-weight: 400;

	@media (max-width: 576px) {
		font-size: 10px;
		margin-bottom: 10px;
	}
}

.footer-menus:has(a:hover) a:not(:hover) {
	opacity: 0.5;
}

.footer-info {
	a {
		color: var(--so-color-white);
		text-decoration: underline;
		transition: var(--so-transition-speed) ease all;

		&:hover {
			color: var(--so-color-red);
		}
	}

	@media (max-width: 576px) {
		padding-top: 24px;
		padding-bottom: 24px;

		position: relative;
		width: 100%;

		&:before, &:after {
			background-color: var(--so-color-gray);
			content: "";
			height: 1px;
			margin-left: calc(-50vw + 50%);
			margin-right: calc(-50vw + 50%);
			display: flex;
			position: absolute;
			width: 100vw;
		}
	
		&:before {
			top: 0;
		}
	
		&:after {
			bottom: 0;
		}
	
		&, * {
			font-size: 11px;
		}
	
		address {
			margin-top: 10px;
		}
	}
}
/* 
@media (max-width: 576px) {
	.footer-info {
		padding-top: 24px;
		padding-bottom: 24px;

		position: relative;
		width: 100%;

		&:before, &:after {
			background-color: var(--so-color-gray);
			content: "";
			height: 1px;
			margin-left: calc(-50vw + 50%);
			margin-right: calc(-50vw + 50%);
			display: flex;
			position: absolute;
			width: 100vw;
		}
	
		&:before {
			top: 0;
		}
	
		&:after {
			bottom: 0;
		}
	
		&, * {
			font-size: 11px;
		}
	
		a {
			color: var(--so-color-white);
			text-decoration: underline;
		}
	
		address {
			margin-top: 10px;
		}
	}
} */

.footer-bottom {
	position: relative;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 16px;
	padding-top: 24px;
	padding-bottom: 24px;

	@media (max-width: 576px) {
		padding-top: 16px;
		padding-bottom: 16px;
	}

	.widget-type-logo {
		display: flex;

		@media (min-width: 576px) {
			height: 52px;
		}

		@media (max-width: 576px) {
			width: 74px;
		}
	}

	* {
		padding: 0;
		margin: 0;

		@media (max-width: 576px) {
			font-size: 11px;
		}
	}

	&:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		height: 1px;
		background-color: var(--so-color-gray);
		margin-left: calc(-100vw / 2 + 100% / 2);
		margin-right: calc(-100vw / 2 + 100% / 2);
	}
}

.footer-medium {
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 16px;
	padding-top: var(--so-group-spacing);
	padding-bottom: var(--so-group-spacing);

	div:has(.social-links) {
		display: flex;
		margin-top: auto;
	}

	h3 {
		color: var(--so-color-white);
		margin: 0;
		font-family: var(--so-font-family);
		font-size: var(--so-fontsize-h3);
		line-height: var(--so-fontsize-h3-line-height);
		letter-spacing: var(--so-fontsize-h3-letterspacing);
		text-transform: none;
		padding: 0;
		max-width: 386px;
	}
}
/* Case hero
-------------------------------------------------------------- */
.case-hero {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	gap: 32px;
	margin-bottom: var(--so-block-gap);
	position: relative;
	z-index: 1;
}

.case-hero > .blog-post-intro {
	flex: 1;
    margin-bottom: 0;
    min-width: 0;
    max-width: 643px;
}

.case-hero > .hs_cos_wrapper_case_video {
	flex: 1 1 400px;
}

.case-hero > .hs_cos_wrapper:not(:has(.case-video)) {
	display: none;
}

.case-hero > .blog-post-intro:not(:has(+ .hs_cos_wrapper > .case-video)) {
	flex: 1 1 100%;
	max-width: 861px;
}

.case-hero > .blog-post-intro h1,
.case-hero > .blog-post-intro h1 + p {
	max-width: none;
}

.case-hero > .hs_cos_wrapper:has(.case-video) {
	flex: 0 1 524px;
}

@media (max-width: 980px) {
	.case-hero {
		flex-direction: column;
		flex-wrap: nowrap;
		gap: 24px;
	}

	.case-hero > .blog-post-intro,
	.case-hero > .hs_cos_wrapper:has(.case-video) {
		flex: none;
		width: 100%;
		max-width: none;
	}
}

/* Case meta bar
-------------------------------------------------------------- */
.template-cases-post .blog-post-intro {
	margin-bottom: var(--so-block-gap);
}

.template-cases-post .case-hero > .blog-post-intro {
	margin-bottom: 0;
}

.case-meta-bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 32px;
	margin: 0 0 var(--so-block-gap);
	padding: 24px;
	background-color: #242424;
	border-radius: var(--so-border-radius);
	position: relative;
	z-index: 1;
}

.case-meta-item {
	display: flex;
	flex-direction: column;
	gap: 8px;
	min-width: 0;
	
	.case-card & {
		flex-direction: row;
		padding: 0;
	}

	& dt {
		margin: 0;
		font-family: var(--so-font-family-alt);
		font-size: 12px;
		font-weight: 400;
		line-height: 1;
		letter-spacing: -0.05em;
		text-transform: uppercase;
		color: var(--so-color-taupe);
	}

	& dd {
		margin: 0;
		font-size: var(--so-fontsize-h6);
		font-weight: 600;
		line-height: var(--so-fontsize-h6-line-height);
		letter-spacing: var(--so-fontsize-h6-letterspacing);
		color: var(--so-color-white);
	}

	& .tags {
		display: flex;
		flex-wrap: wrap;
		gap: 8px;
		margin: 0;
		padding: 0;
		list-style: none;

		> li:has(.tag#marketing-hub, .tag#sales-hub, .tag#commerce-hub, .tag#service-hub, .tag#data-hub, .tag#smart-hub, .tag#agent-hub, .tag#content-hub) {
			order: -1;
		}
	}

	& .tag {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-height: 32px;
		padding: 8px 16px;
		background-color: var(--so-color-dark-gray);
		color: var(--so-color-white);
		text-decoration: none;
		transition: background-color var(--so-transition-speed) ease, color var(--so-transition-speed) ease;

		&:hover,
		&:focus-visible {
			background-color: var(--so-color-red);
			color: var(--so-color-white);
		}

		&:focus-visible {
			outline: 2px solid var(--so-color-red);
			outline-offset: 2px;
		}

		&#marketing-hub,
		&#sales-hub,
		&#commerce-hub,
		&#service-hub,
		&#data-hub,
		&#smart-hub,
		&#agent-hub,
		&#content-hub {
			display: flex;
			flex-direction: row;
			gap: 8px;
			padding: 6px 8px 6px 12px;

			&:before {
				content: "";
				height: 12px;
				width: 12px;
				background-repeat: no-repeat;
				background-size: contain;
				background-position: center;
				transition: var(--so-transition-speed) ease all;
			}
		}

		&#marketing-hub {
			&:before {
				background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='18' viewBox='0 0 14 18' fill='none'%3E%3Cpath d='M13.6239 10.0055L8.27705 17.2065C7.89742 17.7166 7.32156 18 6.71034 18C6.50444 18 6.29533 17.9685 6.08622 17.9024C5.26586 17.641 4.73504 16.9231 4.73504 16.0793V11.5421C4.73504 11.265 4.50341 11.0415 4.22352 11.0415H1.9619C1.2284 11.0415 0.562461 10.6447 0.221448 10.0087C-0.116346 9.37267 -0.064873 8.61386 0.356567 8.02502L5.50393 0.82407C6.0058 0.121917 6.86476 -0.164611 7.69798 0.0935795C8.53123 0.351769 9.06845 1.06966 9.06845 1.92295V3.00294C9.06845 3.39337 8.74356 3.71139 8.3446 3.71139C7.94572 3.71139 7.62076 3.39337 7.62076 3.00294V1.92295C7.62076 1.5829 7.34733 1.46954 7.26367 1.44435C7.18002 1.41916 6.89049 1.35619 6.69104 1.63642L1.54046 8.83742C1.3796 9.06097 1.46325 9.27504 1.50829 9.35376C1.55011 9.43567 1.68201 9.62454 1.9619 9.62454H4.22352C5.30125 9.62454 6.18273 10.4841 6.18273 11.5421V16.0793C6.18273 16.4162 6.45297 16.5264 6.53339 16.5547C6.61704 16.5799 6.90337 16.6461 7.10602 16.3722L12.4529 9.17119C12.6202 8.94764 12.5365 8.7335 12.4947 8.65166C12.4529 8.56664 12.321 8.3777 12.0379 8.3777H10.8153C10.5387 9.12391 9.80839 9.65292 8.94944 9.65292C7.84596 9.65292 6.95484 8.78071 6.95484 7.70392C6.95484 6.62705 7.84596 5.75172 8.94944 5.75172C9.7827 5.75172 10.4937 6.25235 10.7929 6.96082H12.0379C12.781 6.96082 13.4501 7.36065 13.7848 8.00612C14.1225 8.65166 14.0582 9.41677 13.6239 10.0055Z' fill='%23ff3b1d'/%3E%3C/svg%3E");
			}

			&:hover:before {
				background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='18' viewBox='0 0 14 18' fill='none'%3E%3Cpath d='M13.6239 10.0055L8.27705 17.2065C7.89742 17.7166 7.32156 18 6.71034 18C6.50444 18 6.29533 17.9685 6.08622 17.9024C5.26586 17.641 4.73504 16.9231 4.73504 16.0793V11.5421C4.73504 11.265 4.50341 11.0415 4.22352 11.0415H1.9619C1.2284 11.0415 0.562461 10.6447 0.221448 10.0087C-0.116346 9.37267 -0.064873 8.61386 0.356567 8.02502L5.50393 0.82407C6.0058 0.121917 6.86476 -0.164611 7.69798 0.0935795C8.53123 0.351769 9.06845 1.06966 9.06845 1.92295V3.00294C9.06845 3.39337 8.74356 3.71139 8.3446 3.71139C7.94572 3.71139 7.62076 3.39337 7.62076 3.00294V1.92295C7.62076 1.5829 7.34733 1.46954 7.26367 1.44435C7.18002 1.41916 6.89049 1.35619 6.69104 1.63642L1.54046 8.83742C1.3796 9.06097 1.46325 9.27504 1.50829 9.35376C1.55011 9.43567 1.68201 9.62454 1.9619 9.62454H4.22352C5.30125 9.62454 6.18273 10.4841 6.18273 11.5421V16.0793C6.18273 16.4162 6.45297 16.5264 6.53339 16.5547C6.61704 16.5799 6.90337 16.6461 7.10602 16.3722L12.4529 9.17119C12.6202 8.94764 12.5365 8.7335 12.4947 8.65166C12.4529 8.56664 12.321 8.3777 12.0379 8.3777H10.8153C10.5387 9.12391 9.80839 9.65292 8.94944 9.65292C7.84596 9.65292 6.95484 8.78071 6.95484 7.70392C6.95484 6.62705 7.84596 5.75172 8.94944 5.75172C9.7827 5.75172 10.4937 6.25235 10.7929 6.96082H12.0379C12.781 6.96082 13.4501 7.36065 13.7848 8.00612C14.1225 8.65166 14.0582 9.41677 13.6239 10.0055Z' fill='%23FFFFFF'/%3E%3C/svg%3E");
			}
		}

		&#sales-hub {
			&:before {
				background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M6.07292 1.59782C7.09874 -0.466592 9.99781 -0.530389 11.1403 1.40543L11.2458 1.59782L11.2467 1.60074L12.5651 4.27555L15.5251 4.70719H15.527C17.8885 5.05756 18.8378 7.94694 17.1286 9.61246V9.61344L14.9899 11.6906L15.4997 14.6291L15.53 14.8468C15.7575 17.0856 13.3737 18.7418 11.321 17.6613L8.67155 16.2687L6.02409 17.6623L6.02312 17.6613C3.90441 18.7759 1.43385 16.9761 1.84538 14.6291L2.19206 12.6232C1.64337 12.2228 1.28581 11.5769 1.28581 10.8468C1.28607 9.63134 2.27414 8.64664 3.49284 8.64664C4.71153 8.64668 5.69962 9.63136 5.69987 10.8468C5.69987 11.8482 5.02859 12.6913 4.11101 12.9582L3.76433 14.9621V14.963C3.63097 15.7231 4.43071 16.3052 5.11589 15.9445V15.9435L8.21843 14.3127C8.50256 14.1634 8.84253 14.1633 9.12663 14.3127L12.2292 15.9435V15.9445C12.9143 16.3052 13.7141 15.7231 13.5807 14.963V14.9621L12.9831 11.5177C12.9285 11.2023 13.0344 10.8798 13.2643 10.6564L15.7692 8.22184C16.3167 7.68657 16.0207 6.74531 15.2428 6.62809L11.777 6.12418C11.4598 6.07791 11.1861 5.87796 11.0446 5.59098L9.50066 2.4611C9.1572 1.76999 8.16145 1.76994 7.81804 2.4611L6.27507 5.59098C6.1337 5.87771 5.85958 6.07768 5.54265 6.12418L1.11491 6.77164C0.58303 6.84922 0.0884481 6.48181 0.010422 5.95133C-0.067583 5.42074 0.300727 4.92765 0.832688 4.84977L4.75261 4.27555L6.07195 1.60074L6.07292 1.59782Z' fill='%23FF3B1D'/%3E%3C/svg%3E");
			}
			
			&:hover:before {
				background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M6.07292 1.59782C7.09874 -0.466592 9.99781 -0.530389 11.1403 1.40543L11.2458 1.59782L11.2467 1.60074L12.5651 4.27555L15.5251 4.70719H15.527C17.8885 5.05756 18.8378 7.94694 17.1286 9.61246V9.61344L14.9899 11.6906L15.4997 14.6291L15.53 14.8468C15.7575 17.0856 13.3737 18.7418 11.321 17.6613L8.67155 16.2687L6.02409 17.6623L6.02312 17.6613C3.90441 18.7759 1.43385 16.9761 1.84538 14.6291L2.19206 12.6232C1.64337 12.2228 1.28581 11.5769 1.28581 10.8468C1.28607 9.63134 2.27414 8.64664 3.49284 8.64664C4.71153 8.64668 5.69962 9.63136 5.69987 10.8468C5.69987 11.8482 5.02859 12.6913 4.11101 12.9582L3.76433 14.9621V14.963C3.63097 15.7231 4.43071 16.3052 5.11589 15.9445V15.9435L8.21843 14.3127C8.50256 14.1634 8.84253 14.1633 9.12663 14.3127L12.2292 15.9435V15.9445C12.9143 16.3052 13.7141 15.7231 13.5807 14.963V14.9621L12.9831 11.5177C12.9285 11.2023 13.0344 10.8798 13.2643 10.6564L15.7692 8.22184C16.3167 7.68657 16.0207 6.74531 15.2428 6.62809L11.777 6.12418C11.4598 6.07791 11.1861 5.87796 11.0446 5.59098L9.50066 2.4611C9.1572 1.76999 8.16145 1.76994 7.81804 2.4611L6.27507 5.59098C6.1337 5.87771 5.85958 6.07768 5.54265 6.12418L1.11491 6.77164C0.58303 6.84922 0.0884481 6.48181 0.010422 5.95133C-0.067583 5.42074 0.300727 4.92765 0.832688 4.84977L4.75261 4.27555L6.07195 1.60074L6.07292 1.59782Z' fill='%23FFFFFF'/%3E%3C/svg%3E");
			}
		}
		
		&#commerce-hub {
			&:before {
				background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M17.4359 0.591816C17.0095 0.164407 16.4156 -0.0475301 15.8071 0.00898645L6.45691 0.899122C5.82288 0.959172 5.29817 1.35832 5.08318 1.93762C4.86819 2.51691 5.01394 3.14919 5.46578 3.58366L6.7302 4.80936L0.240494 11.1003C-0.0801648 11.4112 -0.0801648 11.9128 0.240494 12.2237L1.20611 13.1597C1.52678 13.4705 2.0442 13.4705 2.36486 13.1597C2.68552 12.8488 2.68552 12.3472 2.36486 12.0364L1.98226 11.6655L8.46466 5.37099C8.61771 5.22264 8.70515 5.0213 8.70515 4.80936C8.70515 4.59742 8.61771 4.39609 8.46466 4.24773L6.6136 2.48158L15.9637 1.59145C16.1132 1.57732 16.2115 1.6515 16.2553 1.69388C16.299 1.73981 16.3719 1.83518 16.3536 1.98L15.1657 10.7436L13.2235 8.86092C13.0705 8.71252 12.8628 8.62778 12.6442 8.62778C12.4256 8.62778 12.2179 8.71252 12.0648 8.86444L7.08001 13.7602C6.27837 13.4741 5.34554 13.6366 4.70058 14.2617C3.81876 15.1166 3.81876 16.5012 4.70058 17.356C5.58238 18.2109 7.01078 18.2109 7.89258 17.356C8.59949 16.6708 8.73064 15.6464 8.30066 14.8234L12.6514 10.5493L14.0106 11.8669C14.4515 12.2943 15.0929 12.4391 15.6832 12.2448C16.2735 12.0505 16.6925 11.5596 16.7763 10.9591L17.9825 2.19194C18.0626 1.60205 17.8658 1.01922 17.4395 0.591816H17.4359Z' fill='%23FF3B1D'/%3E%3C/svg%3E");
			}
			
			&:hover:before {
				background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M17.4359 0.591816C17.0095 0.164407 16.4156 -0.0475301 15.8071 0.00898645L6.45691 0.899122C5.82288 0.959172 5.29817 1.35832 5.08318 1.93762C4.86819 2.51691 5.01394 3.14919 5.46578 3.58366L6.7302 4.80936L0.240494 11.1003C-0.0801648 11.4112 -0.0801648 11.9128 0.240494 12.2237L1.20611 13.1597C1.52678 13.4705 2.0442 13.4705 2.36486 13.1597C2.68552 12.8488 2.68552 12.3472 2.36486 12.0364L1.98226 11.6655L8.46466 5.37099C8.61771 5.22264 8.70515 5.0213 8.70515 4.80936C8.70515 4.59742 8.61771 4.39609 8.46466 4.24773L6.6136 2.48158L15.9637 1.59145C16.1132 1.57732 16.2115 1.6515 16.2553 1.69388C16.299 1.73981 16.3719 1.83518 16.3536 1.98L15.1657 10.7436L13.2235 8.86092C13.0705 8.71252 12.8628 8.62778 12.6442 8.62778C12.4256 8.62778 12.2179 8.71252 12.0648 8.86444L7.08001 13.7602C6.27837 13.4741 5.34554 13.6366 4.70058 14.2617C3.81876 15.1166 3.81876 16.5012 4.70058 17.356C5.58238 18.2109 7.01078 18.2109 7.89258 17.356C8.59949 16.6708 8.73064 15.6464 8.30066 14.8234L12.6514 10.5493L14.0106 11.8669C14.4515 12.2943 15.0929 12.4391 15.6832 12.2448C16.2735 12.0505 16.6925 11.5596 16.7763 10.9591L17.9825 2.19194C18.0626 1.60205 17.8658 1.01922 17.4395 0.591816H17.4359Z' fill='%23FFFFFF'/%3E%3C/svg%3E");
			}
		}

		&#service-hub {
			&:before {
				background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='16' viewBox='0 0 18 16' fill='none'%3E%3Cpath d='M9.39746 1.47481C11.3775 -0.504728 14.59 -0.488112 16.5537 1.50411C18.5293 3.49562 18.451 6.70443 16.5 8.65548L10.9238 14.2326C9.81763 15.3388 8.00373 15.3387 6.89746 14.2326L2.87109 10.2063C2.65364 10.279 2.42163 10.3215 2.17969 10.3215C0.976132 10.3214 9.56609e-05 9.34533 0 8.1418C0 6.93819 0.976073 5.96221 2.17969 5.96212C3.38337 5.96212 4.35938 6.93814 4.35938 8.1418C4.35935 8.39112 4.31441 8.62963 4.2373 8.85274L8.25684 12.8723C8.61209 13.2275 9.20822 13.2275 9.56348 12.8723L15.1406 7.2961C16.369 6.06768 16.3923 4.07216 15.1885 2.8586L15.1865 2.85469C13.9707 1.6196 11.9809 1.61131 10.7568 2.83516L9.58984 4.00118C9.40955 4.18147 9.16513 4.28338 8.91016 4.2834C8.65526 4.28332 8.41071 4.18142 8.23047 4.00118L7.06348 2.83516C5.85075 1.62259 3.86782 1.61878 2.63867 2.83809C2.26182 3.21168 1.65325 3.20963 1.2793 2.83321C0.905413 2.45631 0.907493 1.84688 1.28418 1.47286C3.26003 -0.487187 6.4571 -0.491774 8.42383 1.47481L8.91016 1.96114L9.39746 1.47481Z' fill='%23FF3B1D'/%3E%3C/svg%3E");
			}
			
			&:hover:before {
				background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='16' viewBox='0 0 18 16' fill='none'%3E%3Cpath d='M9.39746 1.47481C11.3775 -0.504728 14.59 -0.488112 16.5537 1.50411C18.5293 3.49562 18.451 6.70443 16.5 8.65548L10.9238 14.2326C9.81763 15.3388 8.00373 15.3387 6.89746 14.2326L2.87109 10.2063C2.65364 10.279 2.42163 10.3215 2.17969 10.3215C0.976132 10.3214 9.56609e-05 9.34533 0 8.1418C0 6.93819 0.976073 5.96221 2.17969 5.96212C3.38337 5.96212 4.35938 6.93814 4.35938 8.1418C4.35935 8.39112 4.31441 8.62963 4.2373 8.85274L8.25684 12.8723C8.61209 13.2275 9.20822 13.2275 9.56348 12.8723L15.1406 7.2961C16.369 6.06768 16.3923 4.07216 15.1885 2.8586L15.1865 2.85469C13.9707 1.6196 11.9809 1.61131 10.7568 2.83516L9.58984 4.00118C9.40955 4.18147 9.16513 4.28338 8.91016 4.2834C8.65526 4.28332 8.41071 4.18142 8.23047 4.00118L7.06348 2.83516C5.85075 1.62259 3.86782 1.61878 2.63867 2.83809C2.26182 3.21168 1.65325 3.20963 1.2793 2.83321C0.905413 2.45631 0.907493 1.84688 1.28418 1.47286C3.26003 -0.487187 6.4571 -0.491774 8.42383 1.47481L8.91016 1.96114L9.39746 1.47481Z' fill='%23FFFFFF'/%3E%3C/svg%3E");
			}
		}

		&#data-hub {
			&:before {
				background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='16' viewBox='0 0 18 16' fill='none'%3E%3Cpath d='M7.63789 7.26583C7.71322 7.1986 7.82939 7.20165 7.9016 7.27808L8.6048 7.98108C9.18242 8.56797 10.1399 8.61692 10.7803 8.1003C10.7897 8.09116 10.8023 8.08195 10.8117 8.07281L15.5866 3.72929C15.7372 3.76597 15.8942 3.78737 16.0543 3.78737C17.2661 3.78737 18.2173 2.71142 17.9567 1.4857C17.8029 0.770445 17.2095 0.18968 16.475 0.0429599C15.2161 -0.2138 14.1111 0.715425 14.1111 1.89529C14.1111 2.27126 14.2241 2.61972 14.4187 2.91316L9.8699 7.0519C9.79458 7.10382 9.69101 7.09468 9.62191 7.02746L8.91871 6.32439C8.31908 5.71917 7.31769 5.68861 6.65843 6.27855L0.568211 12.2482C0.204053 12.5753 0 13.0399 0 13.5229C0.00627857 14.4643 0.797381 15.2315 1.76428 15.2315H15.1094C16.0826 15.2315 16.8737 14.4612 16.8737 13.5137V7.35452C16.8737 6.97546 16.5566 6.66675 16.1673 6.66675C15.7781 6.66675 15.461 6.97546 15.461 7.35452V13.5137C15.461 13.7031 15.304 13.856 15.1094 13.856H1.76428C1.57278 13.856 1.41268 13.7031 1.41268 13.5167C1.41268 13.422 1.45349 13.3272 1.54767 13.2416L7.63789 7.26887V7.26583Z' fill='%23FF3B1D'/%3E%3C/svg%3E");
			}
			
			&:hover:before {
				background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='16' viewBox='0 0 18 16' fill='none'%3E%3Cpath d='M7.63789 7.26583C7.71322 7.1986 7.82939 7.20165 7.9016 7.27808L8.6048 7.98108C9.18242 8.56797 10.1399 8.61692 10.7803 8.1003C10.7897 8.09116 10.8023 8.08195 10.8117 8.07281L15.5866 3.72929C15.7372 3.76597 15.8942 3.78737 16.0543 3.78737C17.2661 3.78737 18.2173 2.71142 17.9567 1.4857C17.8029 0.770445 17.2095 0.18968 16.475 0.0429599C15.2161 -0.2138 14.1111 0.715425 14.1111 1.89529C14.1111 2.27126 14.2241 2.61972 14.4187 2.91316L9.8699 7.0519C9.79458 7.10382 9.69101 7.09468 9.62191 7.02746L8.91871 6.32439C8.31908 5.71917 7.31769 5.68861 6.65843 6.27855L0.568211 12.2482C0.204053 12.5753 0 13.0399 0 13.5229C0.00627857 14.4643 0.797381 15.2315 1.76428 15.2315H15.1094C16.0826 15.2315 16.8737 14.4612 16.8737 13.5137V7.35452C16.8737 6.97546 16.5566 6.66675 16.1673 6.66675C15.7781 6.66675 15.461 6.97546 15.461 7.35452V13.5137C15.461 13.7031 15.304 13.856 15.1094 13.856H1.76428C1.57278 13.856 1.41268 13.7031 1.41268 13.5167C1.41268 13.422 1.45349 13.3272 1.54767 13.2416L7.63789 7.26887V7.26583Z' fill='%23FFFFFF'/%3E%3C/svg%3E");
			}
		}

		&#smart-hub {
			&:before {
				background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M9 0C11.4816 1.58778e-05 13.7365 1.0158 15.3604 2.63965C16.9842 4.26351 18 6.51839 18 9C18 11.4816 16.9842 13.7365 15.3604 15.3604C13.7365 16.9842 11.4816 18 9 18C6.5184 18 4.26352 16.9842 2.63965 15.3604C1.01579 13.7365 3.12348e-06 11.4816 0 9C1.15907e-05 7.36853 0.440931 5.8362 1.20312 4.51562C1.01054 4.17064 0.899414 3.77374 0.899414 3.35059C0.899536 2.0281 1.97145 0.956173 3.29395 0.956055C4.61654 0.956055 5.68933 2.02803 5.68945 3.35059C5.68945 4.67325 4.61661 5.74609 3.29395 5.74609C3.22746 5.74609 3.1618 5.74067 3.09668 5.73535C2.55837 6.70434 2.25001 7.81805 2.25 9C2.25 10.8573 3.00867 12.5477 4.23047 13.7695C5.45229 14.9913 7.14271 15.75 9 15.75C10.8573 15.75 12.5477 14.9913 13.7695 13.7695C14.9913 12.5477 15.75 10.8573 15.75 9C15.75 7.14269 14.9913 5.45227 13.7695 4.23047C12.5477 3.00868 10.8573 2.25002 9 2.25C8.37868 2.25 7.875 1.74632 7.875 1.125C7.87503 0.50371 8.3787 1.80376e-06 9 0Z' fill='%23FF3B1D'/%3E%3C/svg%3E");
			}
			
			&:hover:before {
				background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M9 0C11.4816 1.58778e-05 13.7365 1.0158 15.3604 2.63965C16.9842 4.26351 18 6.51839 18 9C18 11.4816 16.9842 13.7365 15.3604 15.3604C13.7365 16.9842 11.4816 18 9 18C6.5184 18 4.26352 16.9842 2.63965 15.3604C1.01579 13.7365 3.12348e-06 11.4816 0 9C1.15907e-05 7.36853 0.440931 5.8362 1.20312 4.51562C1.01054 4.17064 0.899414 3.77374 0.899414 3.35059C0.899536 2.0281 1.97145 0.956173 3.29395 0.956055C4.61654 0.956055 5.68933 2.02803 5.68945 3.35059C5.68945 4.67325 4.61661 5.74609 3.29395 5.74609C3.22746 5.74609 3.1618 5.74067 3.09668 5.73535C2.55837 6.70434 2.25001 7.81805 2.25 9C2.25 10.8573 3.00867 12.5477 4.23047 13.7695C5.45229 14.9913 7.14271 15.75 9 15.75C10.8573 15.75 12.5477 14.9913 13.7695 13.7695C14.9913 12.5477 15.75 10.8573 15.75 9C15.75 7.14269 14.9913 5.45227 13.7695 4.23047C12.5477 3.00868 10.8573 2.25002 9 2.25C8.37868 2.25 7.875 1.74632 7.875 1.125C7.87503 0.50371 8.3787 1.80376e-06 9 0Z' fill='%23FFFFFF'/%3E%3C/svg%3E");
			}
		}

		&#agent-hub {
			&:before {
				background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M17.9955 9.10802C17.9955 9.34908 17.8999 9.58105 17.7271 9.74934L9.74479 17.7316C9.5674 17.909 9.33544 18 9.10347 18C8.87151 18 8.63955 17.909 8.46216 17.7316L0.266077 9.53557C-0.0886923 9.1808 -0.0886923 8.60771 0.266077 8.24839L8.24839 0.266077C8.60316 -0.0886923 9.17625 -0.0886923 9.53557 0.266077L11.5277 2.25824C11.7188 2.19912 11.9234 2.16728 12.1372 2.16728C13.2606 2.16728 14.1703 3.07694 14.1703 4.20038C14.1703 5.32382 13.2606 6.22893 12.1372 6.22893C11.0138 6.22893 10.1041 5.31927 10.1041 4.20038C10.1041 3.96387 10.145 3.73645 10.2224 3.52723L8.8897 2.19912L2.19457 8.89425L9.10347 15.8032L15.7986 9.10802L15.4984 8.80783C15.1437 8.45306 15.1437 7.87543 15.4984 7.52066C15.8577 7.16589 16.4308 7.16589 16.7856 7.52066L17.7271 8.46216C17.8999 8.635 17.9955 8.86696 17.9955 9.10802Z' fill='%23FF3B1D'/%3E%3C/svg%3E");
			}
			
			&:hover:before {
				background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M17.9955 9.10802C17.9955 9.34908 17.8999 9.58105 17.7271 9.74934L9.74479 17.7316C9.5674 17.909 9.33544 18 9.10347 18C8.87151 18 8.63955 17.909 8.46216 17.7316L0.266077 9.53557C-0.0886923 9.1808 -0.0886923 8.60771 0.266077 8.24839L8.24839 0.266077C8.60316 -0.0886923 9.17625 -0.0886923 9.53557 0.266077L11.5277 2.25824C11.7188 2.19912 11.9234 2.16728 12.1372 2.16728C13.2606 2.16728 14.1703 3.07694 14.1703 4.20038C14.1703 5.32382 13.2606 6.22893 12.1372 6.22893C11.0138 6.22893 10.1041 5.31927 10.1041 4.20038C10.1041 3.96387 10.145 3.73645 10.2224 3.52723L8.8897 2.19912L2.19457 8.89425L9.10347 15.8032L15.7986 9.10802L15.4984 8.80783C15.1437 8.45306 15.1437 7.87543 15.4984 7.52066C15.8577 7.16589 16.4308 7.16589 16.7856 7.52066L17.7271 8.46216C17.8999 8.635 17.9955 8.86696 17.9955 9.10802Z' fill='%23FFFFFF'/%3E%3C/svg%3E");
			}
		}

		&#content-hub {
			&:before {
				background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='18' viewBox='0 0 17 18' fill='none'%3E%3Cpath d='M1.24325 2.78496C1.24325 0.593361 3.67901 -0.755663 5.53711 0.455982L15.078 6.65806L15.0796 6.65886C16.7627 7.75627 16.7628 10.2307 15.0796 11.328L5.52592 17.5413C3.67241 18.7519 1.23083 17.425 1.23047 15.2147V11.8139C0.503746 11.4686 0 10.7301 0 9.87179C0.000153911 8.68364 0.963075 7.72035 2.15092 7.72024C3.33885 7.72024 4.30169 8.68357 4.30185 9.87179C4.30185 10.7304 3.79843 11.4695 3.07138 11.8147V15.2147C3.07173 15.9655 3.8937 16.4093 4.51998 16.0003L4.52157 15.9995L14.0753 9.78467C14.643 9.4137 14.6429 8.57323 14.0753 8.20218L4.53436 2.00011L4.53276 1.99931C3.91101 1.59315 3.08416 2.04087 3.08416 2.78496V4.65837C3.084 5.16669 2.6719 5.57902 2.16371 5.57909C1.65549 5.57905 1.24341 5.16671 1.24325 4.65837V2.78496Z' fill='%23FF3B1D'/%3E%3C/svg%3E");
			}
			
			&:hover:before {
				background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='18' viewBox='0 0 17 18' fill='none'%3E%3Cpath d='M1.24325 2.78496C1.24325 0.593361 3.67901 -0.755663 5.53711 0.455982L15.078 6.65806L15.0796 6.65886C16.7627 7.75627 16.7628 10.2307 15.0796 11.328L5.52592 17.5413C3.67241 18.7519 1.23083 17.425 1.23047 15.2147V11.8139C0.503746 11.4686 0 10.7301 0 9.87179C0.000153911 8.68364 0.963075 7.72035 2.15092 7.72024C3.33885 7.72024 4.30169 8.68357 4.30185 9.87179C4.30185 10.7304 3.79843 11.4695 3.07138 11.8147V15.2147C3.07173 15.9655 3.8937 16.4093 4.51998 16.0003L4.52157 15.9995L14.0753 9.78467C14.643 9.4137 14.6429 8.57323 14.0753 8.20218L4.53436 2.00011L4.53276 1.99931C3.91101 1.59315 3.08416 2.04087 3.08416 2.78496V4.65837C3.084 5.16669 2.6719 5.57902 2.16371 5.57909C1.65549 5.57905 1.24341 5.16671 1.24325 4.65837V2.78496Z' fill='%23FFFFFF'/%3E%3C/svg%3E");
			}
		}
	}
}

@media (max-width: 768px) {
	.case-meta-bar {
		flex-direction: column;
		align-items: flex-start;
		gap: 24px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.case-meta-item .tag {
		transition: none;
	}
}

/* Related cases
-------------------------------------------------------------- */
.related-cases {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 64px;
	padding: 64px 0;
	background-color: var(--so-color-black);
	color: var(--so-color-white);
	overflow: hidden;

	@media (max-width: 768px) {
		gap: 32px;
		padding: 48px 0;
	}
}

.related-cases-heading {
	margin: 0;
	padding: 0 16px;
	text-align: center;
	color: var(--so-color-white);
}

.case-quote-slider-container {
	position: relative;
	width: 100%;

	&.is-slider-locked {
		.slick-arrow,
		.slick-nav-helper-left,
		.slick-nav-helper-right {
			pointer-events: none;
		}

		.slick-list {
			touch-action: pan-y;
		}
	}
}

.case-quote-slider {
	&:focus-visible {
		outline: 2px solid var(--so-color-red);
		outline-offset: 4px;
	}

	.slick-slide {
		margin: 0 16px;

		@media (max-width: 980px) {
			margin: 0 8px;
		}

		@media (max-width: 730px) {
			/* margin: 0; */
			height: auto !important;
			float: none;
		}

		> div {
			display: flex;
			width: 100%;

			@media (max-width: 730px) {
				display: block;
				height: auto;
			}
		}
	}

	.slick-list {
		overflow: visible !important;
		max-width: 1312px;
		margin: 0 auto;

		@media (max-width: 1011px) {
			margin: 0 -12px;
		}

		@media (max-width: 730px) {
			overflow: hidden;
			margin: 0;
			max-width: none;
		}
	}

	@media (max-width: 730px) {
		.slick-track {
			display: flex !important;
			align-items: flex-start;
		}
	}
}

.case-quote-slide {
	width: 100%;

	@media (max-width: 730px) {
		width: 100%;
		height: auto;
	}
}

.case-quote-slider-navigation {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: 100%;
	max-width: 720px;
	margin-top: 64px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;

	@media (max-width: 1140px) {
		margin-top: 48px;
	}

	@media (max-width: 980px) {
		margin-top: 32px;
		max-width: 100%;
		padding: 0 16px;
	}

	@media (max-width: 730px) {
		flex-wrap: nowrap;
		justify-content: flex-start;
		gap: 8px;
		margin-top: 24px;
		padding: 0 16px;
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;

		&::-webkit-scrollbar {
			display: none;
		}
	}
}

.case-quote-slider-navigation-item {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: 128px;
	height: 56px;
	margin: 0;
	padding: 0 16px;
	border: 0;
	border-radius: 12px;
	background-color: #242424;
	opacity: 0.3;
	cursor: pointer;
	transition: opacity 0.4s ease-in-out;

	@media (max-width: 730px) {
		width: 104px;
		height: 48px;
		padding: 0 12px;
	}

	@media (prefers-reduced-motion: reduce) {
		transition: none;
	}

	&:hover,
	&:focus-visible,
	&.is-active {
		opacity: 1;
	}

	&:focus-visible {
		outline: 2px solid var(--so-color-red);
		outline-offset: 2px;
	}

	& img {
		display: block;
		width: 100%;
		height: 20px;
		object-fit: contain;
		filter: brightness(0) invert(1);
	}
}

/* Case quote card
-------------------------------------------------------------- */
.case-quote-card {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	max-width: 480px;
	aspect-ratio: 3 / 4;
	overflow: hidden;
	border-radius: 20px;
	background-color: #242424;

	& .case-quote-card-media {
		position: absolute;
		inset: 0;
		margin: 0;
		z-index: 0;

		@media (max-width: 768px) {
			min-height: 200px;
			aspect-ratio: auto;
		}

		& img {
			display: block;
			width: 100%;
			height: 100%;
			object-fit: cover;
		}

		&::after {
			content: "";
			position: absolute;
			inset: 0;
			background: linear-gradient(
				to bottom,
				hsl(0 0% 8% / 0) 1%,
				hsl(0 0% 8% / 0.2) 45%,
				hsl(0 0% 8% / 0.9) 85%
			);
			mix-blend-mode: multiply;
			pointer-events: none;
		}
	}

	& .case-quote-card-content {
		position: relative;
		z-index: 1;
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		gap: 32px;
		height: 100%;
		padding: 32px;
		min-height: 0;

		@media (max-width: 768px) {
			gap: 24px;
			padding: 24px;
			flex: auto;
		}
	}

	& .case-quote-card-intro {
		display: flex;
		flex-direction: column;
		gap: 16px;
	}

	& .case-quote-card-footer {
		display: flex;
		flex-direction: column;
		gap: 32px;
		width: 100%;
	}

	& .case-quote-card-hubs {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		gap: 4px;
		list-style: none;
		padding: 0;
		margin: 0;
		
		& li {
			display: flex;
			flex-direction: row;
			align-items: center;
			gap: 4px;
			min-height: 32px;
			padding: 8px;
			background-color: #2e2e2e;
			border-radius: 999px;
			color: var(--so-color-white);
			font-size: 12px;
			font-family: var(--so-font-family-alt);
			text-transform: uppercase;
			letter-spacing: -0.05em;
			line-height: 1;

			&::before {
				content: "";
				display: block;
				flex-shrink: 0;
				width: 12px;
				height: 12px;
				background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='12' fill='none' viewBox='0 0 10 12'%3E%3Cpath fill='%23ff3b1d' d='m9.083 6.67-3.565 4.801c-.253.34-.637.529-1.044.529q-.207 0-.417-.065a1.26 1.26 0 0 1-.9-1.216V7.696a.34.34 0 0 0-.341-.334H1.308c-.49 0-.933-.265-1.16-.689a1.25 1.25 0 0 1 .09-1.322L3.669.55c.335-.469.908-.66 1.463-.488s.914.651.914 1.22v.72c0 .26-.217.472-.483.472a.48.48 0 0 1-.482-.472v-.72a.326.326 0 0 0-.239-.32.335.335 0 0 0-.381.129l-3.434 4.8a.31.31 0 0 0-.021.345c.027.054.115.18.302.18h1.508c.718 0 1.306.573 1.306 1.279v3.024c0 .225.18.299.234.318.055.016.246.06.381-.122l3.565-4.8a.32.32 0 0 0 .028-.347.33.33 0 0 0-.305-.183H7.21a1.32 1.32 0 0 1-1.244.85c-.735 0-1.33-.581-1.33-1.3 0-.717.595-1.3 1.33-1.3.556 0 1.03.333 1.23.806h.83c.495 0 .94.266 1.164.696.225.43.182.94-.107 1.333'/%3E%3C/svg%3E");
				background-repeat: no-repeat;
				background-position: center;
				background-size: contain;
			}

			&#marketing-hub {
				&:before {
					background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='18' viewBox='0 0 14 18' fill='none'%3E%3Cpath d='M13.6239 10.0055L8.27705 17.2065C7.89742 17.7166 7.32156 18 6.71034 18C6.50444 18 6.29533 17.9685 6.08622 17.9024C5.26586 17.641 4.73504 16.9231 4.73504 16.0793V11.5421C4.73504 11.265 4.50341 11.0415 4.22352 11.0415H1.9619C1.2284 11.0415 0.562461 10.6447 0.221448 10.0087C-0.116346 9.37267 -0.064873 8.61386 0.356567 8.02502L5.50393 0.82407C6.0058 0.121917 6.86476 -0.164611 7.69798 0.0935795C8.53123 0.351769 9.06845 1.06966 9.06845 1.92295V3.00294C9.06845 3.39337 8.74356 3.71139 8.3446 3.71139C7.94572 3.71139 7.62076 3.39337 7.62076 3.00294V1.92295C7.62076 1.5829 7.34733 1.46954 7.26367 1.44435C7.18002 1.41916 6.89049 1.35619 6.69104 1.63642L1.54046 8.83742C1.3796 9.06097 1.46325 9.27504 1.50829 9.35376C1.55011 9.43567 1.68201 9.62454 1.9619 9.62454H4.22352C5.30125 9.62454 6.18273 10.4841 6.18273 11.5421V16.0793C6.18273 16.4162 6.45297 16.5264 6.53339 16.5547C6.61704 16.5799 6.90337 16.6461 7.10602 16.3722L12.4529 9.17119C12.6202 8.94764 12.5365 8.7335 12.4947 8.65166C12.4529 8.56664 12.321 8.3777 12.0379 8.3777H10.8153C10.5387 9.12391 9.80839 9.65292 8.94944 9.65292C7.84596 9.65292 6.95484 8.78071 6.95484 7.70392C6.95484 6.62705 7.84596 5.75172 8.94944 5.75172C9.7827 5.75172 10.4937 6.25235 10.7929 6.96082H12.0379C12.781 6.96082 13.4501 7.36065 13.7848 8.00612C14.1225 8.65166 14.0582 9.41677 13.6239 10.0055Z' fill='%23ff3b1d'/%3E%3C/svg%3E");
				}

				&:hover:before {
					background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='18' viewBox='0 0 14 18' fill='none'%3E%3Cpath d='M13.6239 10.0055L8.27705 17.2065C7.89742 17.7166 7.32156 18 6.71034 18C6.50444 18 6.29533 17.9685 6.08622 17.9024C5.26586 17.641 4.73504 16.9231 4.73504 16.0793V11.5421C4.73504 11.265 4.50341 11.0415 4.22352 11.0415H1.9619C1.2284 11.0415 0.562461 10.6447 0.221448 10.0087C-0.116346 9.37267 -0.064873 8.61386 0.356567 8.02502L5.50393 0.82407C6.0058 0.121917 6.86476 -0.164611 7.69798 0.0935795C8.53123 0.351769 9.06845 1.06966 9.06845 1.92295V3.00294C9.06845 3.39337 8.74356 3.71139 8.3446 3.71139C7.94572 3.71139 7.62076 3.39337 7.62076 3.00294V1.92295C7.62076 1.5829 7.34733 1.46954 7.26367 1.44435C7.18002 1.41916 6.89049 1.35619 6.69104 1.63642L1.54046 8.83742C1.3796 9.06097 1.46325 9.27504 1.50829 9.35376C1.55011 9.43567 1.68201 9.62454 1.9619 9.62454H4.22352C5.30125 9.62454 6.18273 10.4841 6.18273 11.5421V16.0793C6.18273 16.4162 6.45297 16.5264 6.53339 16.5547C6.61704 16.5799 6.90337 16.6461 7.10602 16.3722L12.4529 9.17119C12.6202 8.94764 12.5365 8.7335 12.4947 8.65166C12.4529 8.56664 12.321 8.3777 12.0379 8.3777H10.8153C10.5387 9.12391 9.80839 9.65292 8.94944 9.65292C7.84596 9.65292 6.95484 8.78071 6.95484 7.70392C6.95484 6.62705 7.84596 5.75172 8.94944 5.75172C9.7827 5.75172 10.4937 6.25235 10.7929 6.96082H12.0379C12.781 6.96082 13.4501 7.36065 13.7848 8.00612C14.1225 8.65166 14.0582 9.41677 13.6239 10.0055Z' fill='%23FFFFFF'/%3E%3C/svg%3E");
				}
			}

			&#sales-hub {
				&:before {
					background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M6.07292 1.59782C7.09874 -0.466592 9.99781 -0.530389 11.1403 1.40543L11.2458 1.59782L11.2467 1.60074L12.5651 4.27555L15.5251 4.70719H15.527C17.8885 5.05756 18.8378 7.94694 17.1286 9.61246V9.61344L14.9899 11.6906L15.4997 14.6291L15.53 14.8468C15.7575 17.0856 13.3737 18.7418 11.321 17.6613L8.67155 16.2687L6.02409 17.6623L6.02312 17.6613C3.90441 18.7759 1.43385 16.9761 1.84538 14.6291L2.19206 12.6232C1.64337 12.2228 1.28581 11.5769 1.28581 10.8468C1.28607 9.63134 2.27414 8.64664 3.49284 8.64664C4.71153 8.64668 5.69962 9.63136 5.69987 10.8468C5.69987 11.8482 5.02859 12.6913 4.11101 12.9582L3.76433 14.9621V14.963C3.63097 15.7231 4.43071 16.3052 5.11589 15.9445V15.9435L8.21843 14.3127C8.50256 14.1634 8.84253 14.1633 9.12663 14.3127L12.2292 15.9435V15.9445C12.9143 16.3052 13.7141 15.7231 13.5807 14.963V14.9621L12.9831 11.5177C12.9285 11.2023 13.0344 10.8798 13.2643 10.6564L15.7692 8.22184C16.3167 7.68657 16.0207 6.74531 15.2428 6.62809L11.777 6.12418C11.4598 6.07791 11.1861 5.87796 11.0446 5.59098L9.50066 2.4611C9.1572 1.76999 8.16145 1.76994 7.81804 2.4611L6.27507 5.59098C6.1337 5.87771 5.85958 6.07768 5.54265 6.12418L1.11491 6.77164C0.58303 6.84922 0.0884481 6.48181 0.010422 5.95133C-0.067583 5.42074 0.300727 4.92765 0.832688 4.84977L4.75261 4.27555L6.07195 1.60074L6.07292 1.59782Z' fill='%23FF3B1D'/%3E%3C/svg%3E");
				}
				
				&:hover:before {
					background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M6.07292 1.59782C7.09874 -0.466592 9.99781 -0.530389 11.1403 1.40543L11.2458 1.59782L11.2467 1.60074L12.5651 4.27555L15.5251 4.70719H15.527C17.8885 5.05756 18.8378 7.94694 17.1286 9.61246V9.61344L14.9899 11.6906L15.4997 14.6291L15.53 14.8468C15.7575 17.0856 13.3737 18.7418 11.321 17.6613L8.67155 16.2687L6.02409 17.6623L6.02312 17.6613C3.90441 18.7759 1.43385 16.9761 1.84538 14.6291L2.19206 12.6232C1.64337 12.2228 1.28581 11.5769 1.28581 10.8468C1.28607 9.63134 2.27414 8.64664 3.49284 8.64664C4.71153 8.64668 5.69962 9.63136 5.69987 10.8468C5.69987 11.8482 5.02859 12.6913 4.11101 12.9582L3.76433 14.9621V14.963C3.63097 15.7231 4.43071 16.3052 5.11589 15.9445V15.9435L8.21843 14.3127C8.50256 14.1634 8.84253 14.1633 9.12663 14.3127L12.2292 15.9435V15.9445C12.9143 16.3052 13.7141 15.7231 13.5807 14.963V14.9621L12.9831 11.5177C12.9285 11.2023 13.0344 10.8798 13.2643 10.6564L15.7692 8.22184C16.3167 7.68657 16.0207 6.74531 15.2428 6.62809L11.777 6.12418C11.4598 6.07791 11.1861 5.87796 11.0446 5.59098L9.50066 2.4611C9.1572 1.76999 8.16145 1.76994 7.81804 2.4611L6.27507 5.59098C6.1337 5.87771 5.85958 6.07768 5.54265 6.12418L1.11491 6.77164C0.58303 6.84922 0.0884481 6.48181 0.010422 5.95133C-0.067583 5.42074 0.300727 4.92765 0.832688 4.84977L4.75261 4.27555L6.07195 1.60074L6.07292 1.59782Z' fill='%23FFFFFF'/%3E%3C/svg%3E");
				}
			}

			&#commerce-hub {
				&:before {
					background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M17.4359 0.591816C17.0095 0.164407 16.4156 -0.0475301 15.8071 0.00898645L6.45691 0.899122C5.82288 0.959172 5.29817 1.35832 5.08318 1.93762C4.86819 2.51691 5.01394 3.14919 5.46578 3.58366L6.7302 4.80936L0.240494 11.1003C-0.0801648 11.4112 -0.0801648 11.9128 0.240494 12.2237L1.20611 13.1597C1.52678 13.4705 2.0442 13.4705 2.36486 13.1597C2.68552 12.8488 2.68552 12.3472 2.36486 12.0364L1.98226 11.6655L8.46466 5.37099C8.61771 5.22264 8.70515 5.0213 8.70515 4.80936C8.70515 4.59742 8.61771 4.39609 8.46466 4.24773L6.6136 2.48158L15.9637 1.59145C16.1132 1.57732 16.2115 1.6515 16.2553 1.69388C16.299 1.73981 16.3719 1.83518 16.3536 1.98L15.1657 10.7436L13.2235 8.86092C13.0705 8.71252 12.8628 8.62778 12.6442 8.62778C12.4256 8.62778 12.2179 8.71252 12.0648 8.86444L7.08001 13.7602C6.27837 13.4741 5.34554 13.6366 4.70058 14.2617C3.81876 15.1166 3.81876 16.5012 4.70058 17.356C5.58238 18.2109 7.01078 18.2109 7.89258 17.356C8.59949 16.6708 8.73064 15.6464 8.30066 14.8234L12.6514 10.5493L14.0106 11.8669C14.4515 12.2943 15.0929 12.4391 15.6832 12.2448C16.2735 12.0505 16.6925 11.5596 16.7763 10.9591L17.9825 2.19194C18.0626 1.60205 17.8658 1.01922 17.4395 0.591816H17.4359Z' fill='%23FF3B1D'/%3E%3C/svg%3E");
				}
				
				&:hover:before {
					background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M17.4359 0.591816C17.0095 0.164407 16.4156 -0.0475301 15.8071 0.00898645L6.45691 0.899122C5.82288 0.959172 5.29817 1.35832 5.08318 1.93762C4.86819 2.51691 5.01394 3.14919 5.46578 3.58366L6.7302 4.80936L0.240494 11.1003C-0.0801648 11.4112 -0.0801648 11.9128 0.240494 12.2237L1.20611 13.1597C1.52678 13.4705 2.0442 13.4705 2.36486 13.1597C2.68552 12.8488 2.68552 12.3472 2.36486 12.0364L1.98226 11.6655L8.46466 5.37099C8.61771 5.22264 8.70515 5.0213 8.70515 4.80936C8.70515 4.59742 8.61771 4.39609 8.46466 4.24773L6.6136 2.48158L15.9637 1.59145C16.1132 1.57732 16.2115 1.6515 16.2553 1.69388C16.299 1.73981 16.3719 1.83518 16.3536 1.98L15.1657 10.7436L13.2235 8.86092C13.0705 8.71252 12.8628 8.62778 12.6442 8.62778C12.4256 8.62778 12.2179 8.71252 12.0648 8.86444L7.08001 13.7602C6.27837 13.4741 5.34554 13.6366 4.70058 14.2617C3.81876 15.1166 3.81876 16.5012 4.70058 17.356C5.58238 18.2109 7.01078 18.2109 7.89258 17.356C8.59949 16.6708 8.73064 15.6464 8.30066 14.8234L12.6514 10.5493L14.0106 11.8669C14.4515 12.2943 15.0929 12.4391 15.6832 12.2448C16.2735 12.0505 16.6925 11.5596 16.7763 10.9591L17.9825 2.19194C18.0626 1.60205 17.8658 1.01922 17.4395 0.591816H17.4359Z' fill='%23FFFFFF'/%3E%3C/svg%3E");
				}
			}

			&#service-hub {
				&:before {
					background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='16' viewBox='0 0 18 16' fill='none'%3E%3Cpath d='M9.39746 1.47481C11.3775 -0.504728 14.59 -0.488112 16.5537 1.50411C18.5293 3.49562 18.451 6.70443 16.5 8.65548L10.9238 14.2326C9.81763 15.3388 8.00373 15.3387 6.89746 14.2326L2.87109 10.2063C2.65364 10.279 2.42163 10.3215 2.17969 10.3215C0.976132 10.3214 9.56609e-05 9.34533 0 8.1418C0 6.93819 0.976073 5.96221 2.17969 5.96212C3.38337 5.96212 4.35938 6.93814 4.35938 8.1418C4.35935 8.39112 4.31441 8.62963 4.2373 8.85274L8.25684 12.8723C8.61209 13.2275 9.20822 13.2275 9.56348 12.8723L15.1406 7.2961C16.369 6.06768 16.3923 4.07216 15.1885 2.8586L15.1865 2.85469C13.9707 1.6196 11.9809 1.61131 10.7568 2.83516L9.58984 4.00118C9.40955 4.18147 9.16513 4.28338 8.91016 4.2834C8.65526 4.28332 8.41071 4.18142 8.23047 4.00118L7.06348 2.83516C5.85075 1.62259 3.86782 1.61878 2.63867 2.83809C2.26182 3.21168 1.65325 3.20963 1.2793 2.83321C0.905413 2.45631 0.907493 1.84688 1.28418 1.47286C3.26003 -0.487187 6.4571 -0.491774 8.42383 1.47481L8.91016 1.96114L9.39746 1.47481Z' fill='%23FF3B1D'/%3E%3C/svg%3E");
				}
				
				&:hover:before {
					background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='16' viewBox='0 0 18 16' fill='none'%3E%3Cpath d='M9.39746 1.47481C11.3775 -0.504728 14.59 -0.488112 16.5537 1.50411C18.5293 3.49562 18.451 6.70443 16.5 8.65548L10.9238 14.2326C9.81763 15.3388 8.00373 15.3387 6.89746 14.2326L2.87109 10.2063C2.65364 10.279 2.42163 10.3215 2.17969 10.3215C0.976132 10.3214 9.56609e-05 9.34533 0 8.1418C0 6.93819 0.976073 5.96221 2.17969 5.96212C3.38337 5.96212 4.35938 6.93814 4.35938 8.1418C4.35935 8.39112 4.31441 8.62963 4.2373 8.85274L8.25684 12.8723C8.61209 13.2275 9.20822 13.2275 9.56348 12.8723L15.1406 7.2961C16.369 6.06768 16.3923 4.07216 15.1885 2.8586L15.1865 2.85469C13.9707 1.6196 11.9809 1.61131 10.7568 2.83516L9.58984 4.00118C9.40955 4.18147 9.16513 4.28338 8.91016 4.2834C8.65526 4.28332 8.41071 4.18142 8.23047 4.00118L7.06348 2.83516C5.85075 1.62259 3.86782 1.61878 2.63867 2.83809C2.26182 3.21168 1.65325 3.20963 1.2793 2.83321C0.905413 2.45631 0.907493 1.84688 1.28418 1.47286C3.26003 -0.487187 6.4571 -0.491774 8.42383 1.47481L8.91016 1.96114L9.39746 1.47481Z' fill='%23FFFFFF'/%3E%3C/svg%3E");
				}
			}

			&#data-hub {
				&:before {
					background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='16' viewBox='0 0 18 16' fill='none'%3E%3Cpath d='M7.63789 7.26583C7.71322 7.1986 7.82939 7.20165 7.9016 7.27808L8.6048 7.98108C9.18242 8.56797 10.1399 8.61692 10.7803 8.1003C10.7897 8.09116 10.8023 8.08195 10.8117 8.07281L15.5866 3.72929C15.7372 3.76597 15.8942 3.78737 16.0543 3.78737C17.2661 3.78737 18.2173 2.71142 17.9567 1.4857C17.8029 0.770445 17.2095 0.18968 16.475 0.0429599C15.2161 -0.2138 14.1111 0.715425 14.1111 1.89529C14.1111 2.27126 14.2241 2.61972 14.4187 2.91316L9.8699 7.0519C9.79458 7.10382 9.69101 7.09468 9.62191 7.02746L8.91871 6.32439C8.31908 5.71917 7.31769 5.68861 6.65843 6.27855L0.568211 12.2482C0.204053 12.5753 0 13.0399 0 13.5229C0.00627857 14.4643 0.797381 15.2315 1.76428 15.2315H15.1094C16.0826 15.2315 16.8737 14.4612 16.8737 13.5137V7.35452C16.8737 6.97546 16.5566 6.66675 16.1673 6.66675C15.7781 6.66675 15.461 6.97546 15.461 7.35452V13.5137C15.461 13.7031 15.304 13.856 15.1094 13.856H1.76428C1.57278 13.856 1.41268 13.7031 1.41268 13.5167C1.41268 13.422 1.45349 13.3272 1.54767 13.2416L7.63789 7.26887V7.26583Z' fill='%23FF3B1D'/%3E%3C/svg%3E");
				}
				
				&:hover:before {
					background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='16' viewBox='0 0 18 16' fill='none'%3E%3Cpath d='M7.63789 7.26583C7.71322 7.1986 7.82939 7.20165 7.9016 7.27808L8.6048 7.98108C9.18242 8.56797 10.1399 8.61692 10.7803 8.1003C10.7897 8.09116 10.8023 8.08195 10.8117 8.07281L15.5866 3.72929C15.7372 3.76597 15.8942 3.78737 16.0543 3.78737C17.2661 3.78737 18.2173 2.71142 17.9567 1.4857C17.8029 0.770445 17.2095 0.18968 16.475 0.0429599C15.2161 -0.2138 14.1111 0.715425 14.1111 1.89529C14.1111 2.27126 14.2241 2.61972 14.4187 2.91316L9.8699 7.0519C9.79458 7.10382 9.69101 7.09468 9.62191 7.02746L8.91871 6.32439C8.31908 5.71917 7.31769 5.68861 6.65843 6.27855L0.568211 12.2482C0.204053 12.5753 0 13.0399 0 13.5229C0.00627857 14.4643 0.797381 15.2315 1.76428 15.2315H15.1094C16.0826 15.2315 16.8737 14.4612 16.8737 13.5137V7.35452C16.8737 6.97546 16.5566 6.66675 16.1673 6.66675C15.7781 6.66675 15.461 6.97546 15.461 7.35452V13.5137C15.461 13.7031 15.304 13.856 15.1094 13.856H1.76428C1.57278 13.856 1.41268 13.7031 1.41268 13.5167C1.41268 13.422 1.45349 13.3272 1.54767 13.2416L7.63789 7.26887V7.26583Z' fill='%23FFFFFF'/%3E%3C/svg%3E");
				}
			}

			&#smart-hub {
				&:before {
					background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M9 0C11.4816 1.58778e-05 13.7365 1.0158 15.3604 2.63965C16.9842 4.26351 18 6.51839 18 9C18 11.4816 16.9842 13.7365 15.3604 15.3604C13.7365 16.9842 11.4816 18 9 18C6.5184 18 4.26352 16.9842 2.63965 15.3604C1.01579 13.7365 3.12348e-06 11.4816 0 9C1.15907e-05 7.36853 0.440931 5.8362 1.20312 4.51562C1.01054 4.17064 0.899414 3.77374 0.899414 3.35059C0.899536 2.0281 1.97145 0.956173 3.29395 0.956055C4.61654 0.956055 5.68933 2.02803 5.68945 3.35059C5.68945 4.67325 4.61661 5.74609 3.29395 5.74609C3.22746 5.74609 3.1618 5.74067 3.09668 5.73535C2.55837 6.70434 2.25001 7.81805 2.25 9C2.25 10.8573 3.00867 12.5477 4.23047 13.7695C5.45229 14.9913 7.14271 15.75 9 15.75C10.8573 15.75 12.5477 14.9913 13.7695 13.7695C14.9913 12.5477 15.75 10.8573 15.75 9C15.75 7.14269 14.9913 5.45227 13.7695 4.23047C12.5477 3.00868 10.8573 2.25002 9 2.25C8.37868 2.25 7.875 1.74632 7.875 1.125C7.87503 0.50371 8.3787 1.80376e-06 9 0Z' fill='%23FF3B1D'/%3E%3C/svg%3E");
				}
				
				&:hover:before {
					background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M9 0C11.4816 1.58778e-05 13.7365 1.0158 15.3604 2.63965C16.9842 4.26351 18 6.51839 18 9C18 11.4816 16.9842 13.7365 15.3604 15.3604C13.7365 16.9842 11.4816 18 9 18C6.5184 18 4.26352 16.9842 2.63965 15.3604C1.01579 13.7365 3.12348e-06 11.4816 0 9C1.15907e-05 7.36853 0.440931 5.8362 1.20312 4.51562C1.01054 4.17064 0.899414 3.77374 0.899414 3.35059C0.899536 2.0281 1.97145 0.956173 3.29395 0.956055C4.61654 0.956055 5.68933 2.02803 5.68945 3.35059C5.68945 4.67325 4.61661 5.74609 3.29395 5.74609C3.22746 5.74609 3.1618 5.74067 3.09668 5.73535C2.55837 6.70434 2.25001 7.81805 2.25 9C2.25 10.8573 3.00867 12.5477 4.23047 13.7695C5.45229 14.9913 7.14271 15.75 9 15.75C10.8573 15.75 12.5477 14.9913 13.7695 13.7695C14.9913 12.5477 15.75 10.8573 15.75 9C15.75 7.14269 14.9913 5.45227 13.7695 4.23047C12.5477 3.00868 10.8573 2.25002 9 2.25C8.37868 2.25 7.875 1.74632 7.875 1.125C7.87503 0.50371 8.3787 1.80376e-06 9 0Z' fill='%23FFFFFF'/%3E%3C/svg%3E");
				}
			}

			&#agent-hub {
				&:before {
					background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M17.9955 9.10802C17.9955 9.34908 17.8999 9.58105 17.7271 9.74934L9.74479 17.7316C9.5674 17.909 9.33544 18 9.10347 18C8.87151 18 8.63955 17.909 8.46216 17.7316L0.266077 9.53557C-0.0886923 9.1808 -0.0886923 8.60771 0.266077 8.24839L8.24839 0.266077C8.60316 -0.0886923 9.17625 -0.0886923 9.53557 0.266077L11.5277 2.25824C11.7188 2.19912 11.9234 2.16728 12.1372 2.16728C13.2606 2.16728 14.1703 3.07694 14.1703 4.20038C14.1703 5.32382 13.2606 6.22893 12.1372 6.22893C11.0138 6.22893 10.1041 5.31927 10.1041 4.20038C10.1041 3.96387 10.145 3.73645 10.2224 3.52723L8.8897 2.19912L2.19457 8.89425L9.10347 15.8032L15.7986 9.10802L15.4984 8.80783C15.1437 8.45306 15.1437 7.87543 15.4984 7.52066C15.8577 7.16589 16.4308 7.16589 16.7856 7.52066L17.7271 8.46216C17.8999 8.635 17.9955 8.86696 17.9955 9.10802Z' fill='%23FF3B1D'/%3E%3C/svg%3E");
				}
				
				&:hover:before {
					background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M17.9955 9.10802C17.9955 9.34908 17.8999 9.58105 17.7271 9.74934L9.74479 17.7316C9.5674 17.909 9.33544 18 9.10347 18C8.87151 18 8.63955 17.909 8.46216 17.7316L0.266077 9.53557C-0.0886923 9.1808 -0.0886923 8.60771 0.266077 8.24839L8.24839 0.266077C8.60316 -0.0886923 9.17625 -0.0886923 9.53557 0.266077L11.5277 2.25824C11.7188 2.19912 11.9234 2.16728 12.1372 2.16728C13.2606 2.16728 14.1703 3.07694 14.1703 4.20038C14.1703 5.32382 13.2606 6.22893 12.1372 6.22893C11.0138 6.22893 10.1041 5.31927 10.1041 4.20038C10.1041 3.96387 10.145 3.73645 10.2224 3.52723L8.8897 2.19912L2.19457 8.89425L9.10347 15.8032L15.7986 9.10802L15.4984 8.80783C15.1437 8.45306 15.1437 7.87543 15.4984 7.52066C15.8577 7.16589 16.4308 7.16589 16.7856 7.52066L17.7271 8.46216C17.8999 8.635 17.9955 8.86696 17.9955 9.10802Z' fill='%23FFFFFF'/%3E%3C/svg%3E");
				}
			}

			&#content-hub {
				&:before {
					background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='18' viewBox='0 0 17 18' fill='none'%3E%3Cpath d='M1.24325 2.78496C1.24325 0.593361 3.67901 -0.755663 5.53711 0.455982L15.078 6.65806L15.0796 6.65886C16.7627 7.75627 16.7628 10.2307 15.0796 11.328L5.52592 17.5413C3.67241 18.7519 1.23083 17.425 1.23047 15.2147V11.8139C0.503746 11.4686 0 10.7301 0 9.87179C0.000153911 8.68364 0.963075 7.72035 2.15092 7.72024C3.33885 7.72024 4.30169 8.68357 4.30185 9.87179C4.30185 10.7304 3.79843 11.4695 3.07138 11.8147V15.2147C3.07173 15.9655 3.8937 16.4093 4.51998 16.0003L4.52157 15.9995L14.0753 9.78467C14.643 9.4137 14.6429 8.57323 14.0753 8.20218L4.53436 2.00011L4.53276 1.99931C3.91101 1.59315 3.08416 2.04087 3.08416 2.78496V4.65837C3.084 5.16669 2.6719 5.57902 2.16371 5.57909C1.65549 5.57905 1.24341 5.16671 1.24325 4.65837V2.78496Z' fill='%23FF3B1D'/%3E%3C/svg%3E");
				}
				
				&:hover:before {
					background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='18' viewBox='0 0 17 18' fill='none'%3E%3Cpath d='M1.24325 2.78496C1.24325 0.593361 3.67901 -0.755663 5.53711 0.455982L15.078 6.65806L15.0796 6.65886C16.7627 7.75627 16.7628 10.2307 15.0796 11.328L5.52592 17.5413C3.67241 18.7519 1.23083 17.425 1.23047 15.2147V11.8139C0.503746 11.4686 0 10.7301 0 9.87179C0.000153911 8.68364 0.963075 7.72035 2.15092 7.72024C3.33885 7.72024 4.30169 8.68357 4.30185 9.87179C4.30185 10.7304 3.79843 11.4695 3.07138 11.8147V15.2147C3.07173 15.9655 3.8937 16.4093 4.51998 16.0003L4.52157 15.9995L14.0753 9.78467C14.643 9.4137 14.6429 8.57323 14.0753 8.20218L4.53436 2.00011L4.53276 1.99931C3.91101 1.59315 3.08416 2.04087 3.08416 2.78496V4.65837C3.084 5.16669 2.6719 5.57902 2.16371 5.57909C1.65549 5.57905 1.24341 5.16671 1.24325 4.65837V2.78496Z' fill='%23FFFFFF'/%3E%3C/svg%3E");
				}
			}
		}
	}

	& blockquote {
		margin: 0;
		font-size: 20px;
		font-weight: 600;
		line-height: 1;
		letter-spacing: -0.02em;
		color: var(--so-color-white);
	}

	& .case-quote-card-author {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		align-items: flex-end;
		gap: 8px;
		width: 100%;

		@media (max-width: 768px) {
			display: none;
		}
	}

	& .case-quote-card-author-name {
		display: flex;
		flex: 1;
		flex-direction: column;
		gap: 4px;
		margin: 0;
		min-width: 0;
		font-family: var(--so-font-family-alt);
		font-size: 14px;
		font-weight: 400;
		line-height: 1.15;
		letter-spacing: -0.05em;
		text-transform: uppercase;
		color: var(--so-color-white);
	}

	& .case-quote-card-author-caption {
		color: var(--so-color-taupe);
		font-size: 14px;
		line-height: 1;
		letter-spacing: -0.05em;
	}

	& .case-quote-card-logo {
		display: block;
		height: 32px;
		width: auto;
		max-width: 30%;
		margin-left: auto;
		object-fit: contain;
		filter: brightness(0) invert(1);

		@media (width <= 840px) {
			display: none;
		}
	}

	& .button {
		width: 100%;
		justify-content: space-between;

		& .button-label {
			width: 100%;
			text-align: left;
		}
	}
}

.case-quote-card-highlighted,
.case-quote-slider .case-quote-card {
	flex-direction: row;
	flex-wrap: wrap;
	align-items: stretch;
	gap: 32px;
	max-width: 1312px;
	width: 100%;
	aspect-ratio: auto;
	height: auto;
	background-color: transparent;
	overflow: visible;
	transition: opacity 0.4s ease-in-out, filter 0.4s ease-in-out;

	@media (prefers-reduced-motion: reduce) {
		transition: none;
	}

	@media (max-width: 980px) {
		gap: 16px;
	}

	@media (max-width: 730px) {
		flex-direction: column-reverse;
		flex-wrap: nowrap;
		gap: 16px;
		max-width: none;
	}

	@media (min-width: 731px) {
		.slick-slide:not(.slick-active) & {
			opacity: 0.5;
			filter: blur(5px);

			a {
				pointer-events: none;
			}
		}
	}

	& .case-quote-card-media,
	& .case-quote-card-content {
		max-width: calc(50% - 16px);

		@media (max-width: 980px) {
			max-width: calc(50% - 8px);
		}

		@media (max-width: 730px) {
			flex: auto;
			width: 100%;
			max-width: none;
		}
	}

	& .case-quote-card-media {
		position: relative;
		inset: auto;
		flex: 1 1 0;
		min-width: 0;
		aspect-ratio: 1 / 1;
		overflow: hidden;
		border-radius: 24px;
		background-color: var(--so-color-white);

		&::after {
			display: none;
		}

		@media (max-width: 730px) {
			order: 2;
			aspect-ratio: 4 / 3;
			height: auto;
		}
	}

	& .case-quote-card-content {
		flex: 1 1 0;
		justify-content: space-between;
		gap: 32px;
		min-width: 0;
		aspect-ratio: 1 / 1;
		padding: 48px;
		background-color: #242424;
		border-radius: 24px;
		overflow: hidden;

		@media (max-width: 1140px) {
			gap: 24px;
			padding: 32px;
		}

		@media (max-width: 980px) {
			gap: 16px;
			padding: 24px;
		}

		@media (max-width: 730px) {
			order: 1;
			aspect-ratio: auto;
			height: auto;
			min-height: 0;
			padding: 24px;
			justify-content: flex-start;
			flex: auto;
		}
	}

	& .case-quote-card-intro {
		gap: 32px;

		@media (max-width: 1140px) {
			gap: 24px;
		}

		@media (max-width: 980px) {
			gap: 16px;
		}
	}

	& .case-quote-card-footer {
		@media (max-width: 730px) {
			gap: 24px;
			margin-top: auto;
		}
	}

	& blockquote {
		font-size: var(--so-fontsize-h3);
		letter-spacing: -0.04em;

		@media (max-width: 1140px) {
			font-size: 30px;
		}

		@media (max-width: 980px) {
			font-size: 24px;
		}

		@media (max-width: 730px) {
			font-size: 20px;
			line-height: 1.2;
		}
	}

	& .case-quote-card-author {
		align-items: center;
		gap: 5px;
	}

	& .case-quote-card-author-name {
		font-family: var(--so-font-family);
		font-size: 20px;
		font-weight: 600;
		letter-spacing: -0.02em;
		text-transform: none;
		gap: 5px;

		@media (max-width: 730px) {
			font-size: 18px;
		}
	}

	& .case-quote-card-author-caption {
		font-family: var(--so-font-family-alt);
		font-weight: 400;
		text-transform: uppercase;
		letter-spacing: -0.05em;
	}

	& .case-quote-card-logo {
		@media (max-width: 730px) {
			max-width: 40%;
			height: 28px;
		}
	}
}

.case-quote-slider .case-quote-card {
	max-width: none;
}

/* Case quote slider — mobile override
-------------------------------------------------------------- */
@media (max-width: 730px) {
	.case-quote-slider {
		.slick-list {
			overflow: hidden;
			margin: 0;
			max-width: none;
			height: auto !important;
		}

		.slick-track {
			display: flex !important;
			align-items: flex-start;
			height: auto !important;
		}

		.slick-slide {
			float: none;
			height: auto !important;

			> div {
				display: block;
				height: auto;
				width: 100%;
			}
		}
	}

	.case-quote-slide {
		display: block;
		width: 100%;
		height: auto;
	}

	.case-quote-slider .case-quote-card,
	.case-quote-slider .case-quote-card-highlighted {
		display: flex;
		flex-direction: column-reverse;
		flex-wrap: nowrap;
		align-items: stretch;
		gap: 0;
		width: 100%;
		max-width: none;
		height: auto;
		aspect-ratio: auto;
		overflow: visible;
		background-color: transparent;
		border-radius: 0;
	}

	.case-quote-slider .case-quote-card .case-quote-card-content,
	.case-quote-slider .case-quote-card-highlighted .case-quote-card-content {
		position: relative;
		inset: auto;
		order: 1;
		display: flex;
		flex: none;
		flex-direction: column;
		justify-content: flex-start;
		gap: 24px;
		width: 100%;
		max-width: none;
		height: auto;
		min-height: 0;
		aspect-ratio: auto;
		padding: 24px;
		overflow: visible;
		border-radius: 0 0 24px 24px;
		background-color: #242424;
	}

	.case-quote-slider .case-quote-card .case-quote-card-media,
	.case-quote-slider .case-quote-card-highlighted .case-quote-card-media {
		position: relative;
		inset: auto;
		order: 2;
		display: block;
		flex: none;
		width: 100%;
		max-width: none;
		height: auto;
		aspect-ratio: 4 / 3;
		overflow: hidden;
		border-radius: 24px 24px 0 0;
		background-color: var(--so-color-white);
		z-index: 0;

		&::after {
			display: none;
		}

		& img {
			position: relative;
			inset: auto;
			display: block;
			width: 100%;
			height: 100%;
			object-fit: cover;
		}
	}

	.case-quote-slider .case-quote-card .case-quote-card-intro {
		gap: 16px;
	}

	.case-quote-slider .case-quote-card .case-quote-card-footer {
		gap: 24px;
		margin-top: 0;
	}

	.case-quote-slider .case-quote-card blockquote {
		font-size: 20px;
		line-height: 1.2;
	}

	.case-quote-slider-navigation {
		flex-wrap: nowrap;
		justify-content: flex-start;
		gap: 8px;
		width: 100%;
		max-width: none;
		margin-top: 24px;
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;

		&::-webkit-scrollbar {
			display: none;
		}
	}

	.case-quote-slider-navigation-item {
		flex: 0 0 auto;
		width: 104px;
		height: 48px;
		padding: 0 12px;
	}
}

/* Case gradient bubble */
.case-background-gradient-bubble {
	position: absolute;
	top: 400px;
	left: calc(50vw - (var(--so-container-size) / 2));
	width: 100%;
	max-width: var(--so-container-size);
	height: fit-content;
	max-height: fit-content;
	pointer-events: none;
}