:root {
    /* Font family
	-------------------------------------------------------------- */
    --so-font-family: 'Poppins', sans-serif;

    /* Colors
	-------------------------------------------------------------- */
    --so-color-dark-blue: #14385D;
    --so-color-navy-blue: #0D2948;
    --so-color-bright-blue: #007AF6;
    --so-color-gray: #808080;
    --so-color-light-blue: #ACD1F6;
    --so-color-white: #FFFFFF;
	--so-color-light-gray: #EAF0F6;
    --so-color-black: #0D0D0D;
    --so-color-teal: #3D989C;

    /* Typografie
	-------------------------------------------------------------- */
	/* Body font size */
    --so-fontsize-body: 18px;
    --so-fontsize-body-small: 16px;
	--so-fontsize-body-line-height: 1.5;
	--so-fontsize-body-letter-spacing: 0;

	/* Heading font size */
	--so-fontsize-display: 74px;
	--so-fontsize-h1: 64px;
	--so-fontsize-h2: 48px;
	--so-fontsize-h3: 36px;
	--so-fontsize-h4: 28px;
	--so-fontsize-h5: 20px;
	--so-fontsize-h6: 18px;
    
	/* Heading spacing bottom */
  	--so-fontsize-h-default-spacing-bottom: 16px;
	--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-h1-line-height: var(--so-fontsize-h-default-line-height);
	--so-fontsize-h2-line-height: var(--so-fontsize-h-default-line-height);
	--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.02em;
	--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: 128px;
	--so-body-spacing: 16px;
	--so-container-size: 1312px;
	--so-transition-speed: 0.35s;
	--so-block-gap: 32px;

	--so-border-radius: 16px;

	@media (width <= 1312px) {
		--so-group-spacing: 80px;
	}

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

		--so-fontsize-h1: 56px;
		--so-fontsize-h2: 40px;
		--so-fontsize-h3: 32px;
		--so-fontsize-h4: 24px;
		--so-fontsize-h5: 18px;
		--so-fontsize-h6: 16px;

		--so-block-gap: 24px;

		--so-group-spacing: 64px;
	}

	@media (width <= 576px) {
		--so-fontsize-h1: 48px;
		--so-fontsize-h2: 32px;
		--so-fontsize-h3: 24px;
		--so-fontsize-h4: 20px;
		--so-fontsize-h5: 16px;
		--so-fontsize-h6: 14px;

		--so-fontsize-body: 16px;
		--so-fontsize-body-small: 14px;

		--so-block-gap: 16px;

		--so-group-spacing: 32px;
	}
}
/* 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}

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

body {
	margin: 0;
}

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


/* 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 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: inline-block;
	font-size: 0.875rem;
	padding: 0.7rem;
	width: 100%;
}

form textarea {
	resize: vertical;
}

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

.legal-consent-container .hs-form-booleancheckbox-display > span,
.legal-consent-container .hs-form-booleancheckbox-display > span p {
	margin-left: 1rem !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;
}


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

.dnd-section .dnd-column {
	padding: 0 16px;
}

@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));
		}
	
}
/* Container
-------------------------------------------------------------- */
main#main-content {
	max-width: 100vw;
	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: 100vw;
	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);

	&:first-child {
		margin-top: 0;
	}
	
	&:last-child {
		margin-bottom: 0;
	}
}
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: 100vw;
		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);
	color: var(--so-color-black);
	background-color: var(--so-color-light-gray);
}

a {
	color: var(--so-color-navy-blue);
}

/* Headings */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
	color: var(--so-color-navy-blue);
}

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


/* 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 {
	padding: 1.055em 1.333em;
	border-radius: 50px;
	text-decoration: none;
	font-size: var(--so-fontsize-body);
	line-height: 1;
	font-weight: 700;
	text-wrap: nowrap;
	transition: var(--so-transition-speed) ease all;

	&.primary {
		background-color: var(--so-color-bright-blue);
		color: var(--so-color-white);
	}

	&.secondary {
		background-color: var(--so-color-light-gray);
		color: var(--so-color-black);
	}

	&.tertiary {
		background-color: var(--so-color-black);
		color: var(--so-color-white);
	}

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

/* 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
-------------------------------------------------------------- */
.card {
	position: relative;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	overflow: hidden;
	border-radius: 16px;
	--card-padding: 24px;

	a {
		text-decoration: none;
	}

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

	@media (width <= 576px) {
		--card-padding: 16px;
	}
	
	header {
		position: relative;
		display: flex;
		flex-direction: column;
		aspect-ratio: 416 / 312;
		overflow: hidden;
		border-radius: 16px;
		padding: var(--card-padding);
		
		figure {
			position: absolute;
			inset: 0;

			&:before {
				content: '';
				position: absolute;
				inset: 0;
				background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 45.83%, rgba(0, 0, 0, 0.78) 100%);
			}
		}

		.tag {
			z-index: 2;
		}

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

		.tags {
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			gap: 6px 12px;
		}

		> a {
			margin-top: auto;

			&:before {
				content: '';
				position: absolute;
				inset: 0;
			}
		}

		h3 {
			position: relative;
			z-index: 1;
			margin-top: auto;
			color: var(--so-color-white);
		}
	}

	.card-content {
		position: relative;
		padding: var(--card-padding);

		footer {
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			padding-top: 16px;
			gap: 16px;
			align-items: center;

			span {
				font-size: 12px;
				font-weight: 700;
				color: var(--so-color-gray);
			}

			a {
				display: flex;
                flex-direction: row;
                align-items: center;
				gap: 8px;
				color: var(--so-color-bright-blue);
				font-weight: 700;
				margin-left: auto;
				line-height: 1;

				&:after {
					content: '';
					display: block;
					height: 24px;
					width: 24px;
					background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12.6 12L8 7.4L9.4 6L15.4 12L9.4 18L8 16.6L12.6 12Z' fill='%23007AF6'/%3E%3C/svg%3E");
				}

				&:before {
					content: '';
					position: absolute;
					inset: 0;
					z-index: 1;
				}
			}
		}
	}

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


/* Tags
-------------------------------------------------------------- */
.tag {
    background-color: var(--so-color-light-blue);
    color: var(--so-color-dark-blue);
    font-weight: 500;
    font-size: 12px;
    padding: 6px 8px;
    line-height: 1;
    border-radius: 999px;
	transition: var(--so-transition-speed) ease all;

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


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

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

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


/* Vercies logos
-------------------------------------------------------------- */
.service-logos {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 8px;
	padding: 8px 12px;
	background-color: var(--so-color-light-gray);
	border-radius: 12px;

	img {
		height: 32px;
		width: 32px;
		mix-blend-mode: multiply;
		object-fit: contain;

		@media (width <= 768px) {
			height: 24px;
			width: 24px;
		}

		@media (width <= 576px) {
			height: 20px;
			width: 20px;
		}
	}
}


/* Social icons
-------------------------------------------------------------- */
.social-icons {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 16px;
}

.social-icon {
	display: block;
	height: 32px;
	width: 32px;
	font-size: 0;
	background-size: 44px;
	background-repeat: no-repeat;
	background-position: center;

	&.social-icon-facebook {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 640 640'%3E%3Cpath fill='%23ACD1F6' d='M160 96c-35.3 0-64 28.7-64 64v320c0 35.3 28.7 64 64 64h98.2V398.2h-52.8V320h52.8v-33.7c0-87.1 39.4-127.5 125-127.5c16.2 0 44.2 3.2 55.7 6.4V236c-6-.6-16.5-1-29.6-1c-42 0-58.2 15.9-58.2 57.2V320h83.6l-14.4 78.2H351V544h129c35.3 0 64-28.7 64-64V160c0-35.3-28.7-64-64-64z'/%3E%3C/svg%3E");
	}

	&.social-icon-x {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 640 640'%3E%3Cpath fill='%23ACD1F6' d='M160 96c-35.3 0-64 28.7-64 64v320c0 35.3 28.7 64 64 64h320c35.3 0 64-28.7 64-64V160c0-35.3-28.7-64-64-64zm297.1 84L353.3 298.6L475.4 460h-95.6L305 362.1L219.3 460h-47.5l111-126.9L165.7 180h98l67.7 89.5l78.2-89.5zm-37.8 251.6L249.4 206.9h-28.3l171.8 224.7z'/%3E%3C/svg%3E");
	}

	&.social-icon-linkedin {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 640 640'%3E%3Cpath fill='%23ACD1F6' d='M160 96c-35.3 0-64 28.7-64 64v320c0 35.3 28.7 64 64 64h320c35.3 0 64-28.7 64-64V160c0-35.3-28.7-64-64-64zm5 170.2h66.5V480H165zm71.7-67.7c0 21.3-17.2 38.5-38.5 38.5s-38.5-17.2-38.5-38.5s17.2-38.5 38.5-38.5s38.5 17.2 38.5 38.5M413.9 480V376c0-24.8-.5-56.7-34.5-56.7c-34.6 0-39.9 27-39.9 54.9V480h-66.4V266.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5c67.2 0 79.7 44.3 79.7 101.9V480z'/%3E%3C/svg%3E");
	}

	&.social-icon-pinterest {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 640 640'%3E%3Cpath fill='%23ACD1F6' d='M480 96H160c-35.3 0-64 28.7-64 64v320c0 35.3 28.7 64 64 64h72.6l-2.2-.8c-5.4-48.1-3.1-57.5 15.7-134.7c3.9-16 8.5-35 13.9-57.9c0 0-7.3-14.8-7.3-36.5c0-70.7 75.5-78 75.5-25c0 13.5-5.4 31.1-11.2 49.8c-3.3 10.6-6.6 21.5-9.1 32c-5.7 24.5 12.3 44.4 36.4 44.4c43.7 0 77.2-46 77.2-112.4c0-58.8-42.3-99.9-102.6-99.9C249 203 208 255.4 208 309.6c0 21.1 8.2 43.7 18.3 56c2 2.4 2.3 4.5 1.7 7c-1.1 4.7-3.1 12.9-4.7 19.2c-1 4-1.8 7.3-2.1 8.6c-1.1 4.5-3.5 5.5-8.2 3.3c-30.6-14.3-49.8-59.1-49.8-95.1c0-77.5 56.2-148.6 162.2-148.6c85.2 0 151.4 60.7 151.4 141.8c0 84.6-53.3 152.7-127.4 152.7c-24.9 0-48.3-12.9-56.3-28.2c0 0-12.3 46.9-15.3 58.4c-5 19.3-17.6 42.9-27.4 59.3H480c35.3 0 64-28.7 64-64V160c0-35.3-28.7-64-64-64'/%3E%3C/svg%3E");
	}

	&.social-icon-instagram {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 640 640'%3E%3Cpath fill='%23ACD1F6' d='M290.4 275.7c-16.4 10.3-25.9 28.8-24.9 48.1c1.1 19.4 12.7 36.6 30.1 45.1c17.5 8.4 38.2 6.6 54-4.6c16.4-10.3 25.9-28.8 24.9-48.1c-1.1-19.4-12.7-36.6-30.1-45.1c-17.5-8.4-38.2-6.6-54 4.6m142.3-68.4c-5.2-5.2-11.5-9.3-18.4-12c-18.1-7.1-57.6-6.8-83.1-6.5c-4.1 0-7.9.1-11.2.1s-7.2 0-11.4-.1c-25.5-.3-64.8-.7-82.9 6.5c-6.9 2.7-13.1 6.8-18.4 12s-9.3 11.5-12 18.4c-7.1 18.1-6.7 57.7-6.5 83.2c0 4.1.1 7.9.1 11.1s0 7-.1 11.1c-.2 25.5-.6 65.1 6.5 83.2c2.7 6.9 6.8 13.1 12 18.4s11.5 9.3 18.4 12c18.1 7.1 57.6 6.8 83.1 6.5c4.1 0 7.9-.1 11.2-.1s7.2 0 11.4.1c25.5.3 64.8.7 82.9-6.5c6.9-2.7 13.1-6.8 18.4-12s9.3-11.5 12-18.4c7.2-18 6.8-57.4 6.5-83c0-4.2-.1-8.1-.1-11.4s0-7.1.1-11.4c.3-25.5.7-64.9-6.5-83c-2.7-6.9-6.8-13.1-12-18.4zm-67.1 44.5c18.1 12.1 30.6 30.9 34.9 52.2s-.2 43.5-12.3 61.6c-6 9-13.7 16.6-22.6 22.6s-19 10.1-29.6 12.2c-21.3 4.2-43.5-.2-61.6-12.3s-30.6-30.9-34.9-52.2s.2-43.5 12.2-61.6s30.9-30.6 52.2-34.9s43.5.2 61.6 12.2h.1zm29.2-1.3c-3.1-2.1-5.6-5.1-7.1-8.6s-1.8-7.3-1.1-11.1s2.6-7.1 5.2-9.8s6.1-4.5 9.8-5.2s7.6-.4 11.1 1.1s6.5 3.9 8.6 7s3.2 6.8 3.2 10.6c0 2.5-.5 5-1.4 7.3s-2.4 4.4-4.1 6.2s-3.9 3.2-6.2 4.2s-4.8 1.5-7.3 1.5c-3.8 0-7.5-1.1-10.6-3.2zM544 160c0-35.3-28.7-64-64-64H160c-35.3 0-64 28.7-64 64v320c0 35.3 28.7 64 64 64h320c35.3 0 64-28.7 64-64zm-91 293c-18.7 18.7-41.4 24.6-67 25.9c-26.4 1.5-105.6 1.5-132 0c-25.6-1.3-48.3-7.2-67-25.9s-24.6-41.4-25.8-67c-1.5-26.4-1.5-105.6 0-132c1.3-25.6 7.1-48.3 25.8-67s41.5-24.6 67-25.8c26.4-1.5 105.6-1.5 132 0c25.6 1.3 48.3 7.1 67 25.8s24.6 41.4 25.8 67c1.5 26.3 1.5 105.4 0 131.9c-1.3 25.6-7.1 48.3-25.8 67z'/%3E%3C/svg%3E");
	}

	&.social-icon-youtube {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 640 640'%3E%3Cpath fill='%23ACD1F6' d='m378 320.2l-95.2-54.1v108.2zM480 96H160c-35.3 0-64 28.7-64 64v320c0 35.3 28.7 64 64 64h320c35.3 0 64-28.7 64-64V160c0-35.3-28.7-64-64-64m14.4 136.1c7.6 28.6 7.6 88.2 7.6 88.2s0 59.6-7.6 88.1c-4.2 15.8-16.5 27.7-32.2 31.9C433.9 448 320 448 320 448s-113.9 0-142.2-7.6c-15.7-4.2-28-16.1-32.2-31.9c-7.6-28.6-7.6-88.2-7.6-88.2s0-59.7 7.6-88.2c4.2-15.8 16.5-28.2 32.2-32.4C206.1 192 320 192 320 192s113.9 0 142.2 7.7c15.7 4.2 28 16.6 32.2 32.4'/%3E%3C/svg%3E");
	}
}


/* 
social-icon-facebook
social-icon-x
social-icon-linkedin
social-icon-pinterest
social-icon-instagram
social-icon-youtube
 */
:root {
	--mobile-breakpoint: 990px;
}

/* Algemene header styling */
.header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 99;

	ul {
		all: unset;
	}

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

	#hs_cos_wrapper_site_logo {
		width: 152px;
	}
}

.top-bar {
	background-color: #f3f3f3;
	padding: 10px 0;
}

.menu-bar {
	padding: 24px 0;
}

.top-bar .container, .menu-bar .container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 54px;
}

/* Language switcher styling */
.header nav.hs-language-switcher {
	z-index: 1;
}
.header ul.hs-language-switcher__menu {
	display: block;
	position: absolute;
	top: 100%;
	left: 0;
	height: 0;
	max-height: 0;
	overflow: hidden;
	transition: height 0.3s ease;
}
.header ul.hs-language-switcher__menu:focus-within,
.header ul.hs-language-switcher__menu.visible {
	height: auto;
	max-height: 300px;
}

/* Actiebutton styling */
.menu-action-buttons .button-wrapper {
	margin: 0
}


/* Main menu styling */
@media (min-width: 991px) {
	/* :root :where(body),
	body {
		padding-top: 144px;
	} */

	.main-menu {
		display: flex;
		gap: 32px;
		align-items: center;
		flex: 1;

		a.button {
			padding: 12px 16px;
			font-size: 16px;
			font-weight: normal;
		}
	}
	.main-menu > div {
		margin-left: auto;
	}

	.main-menu .hs-menu-wrapper > ul {
		display: flex;
		gap: 0 32px;
		flex: 1;
		justify-content: center;
		--submenu-spacing: 16px;
		
		a {
			display: block;
			text-decoration: none;
			font-size: 14px;
			font-weight: 400;
			text-wrap: nowrap;
			color: var(--so-color-white);
		}

		& > li > a {
			padding: 12px 0;
		}
		
		/* Menu items zonder megamenu */
		& > .hs-item-has-children,
		.hs-item-has-children .hs-item-has-children {
			position: relative;
			overflow: hidden;
			
			& > a {
				padding-right: 12px;
				background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='4' viewBox='0 0 7 4' fill='none'%3E%3Cpath d='M3.5 2.54961L5.94843 0.167938C6.06353 0.0559793 6.21002 0 6.38789 0C6.56577 0 6.71226 0.0559793 6.82735 0.167938C6.94245 0.279897 7 0.422391 7 0.595418C7 0.768446 6.94245 0.910939 6.82735 1.0229L3.93946 3.83205C3.87668 3.89312 3.80867 3.93648 3.73543 3.96213C3.66218 3.98778 3.58371 4.0004 3.5 3.99999C3.41629 3.99958 3.33782 3.98696 3.26457 3.96213C3.19133 3.93729 3.12332 3.89393 3.06054 3.83205L0.172647 1.0229C0.0575495 0.910939 0 0.768446 0 0.595418C0 0.422391 0.0575495 0.279897 0.172647 0.167938C0.287744 0.0559793 0.43423 0 0.612108 0C0.789985 0 0.936473 0.0559793 1.05157 0.167938L3.5 2.54961Z' fill='white'/%3E%3C/svg%3E");
				background-repeat: no-repeat;
				background-position: center right;
				background-size: 8px;

				.hs-menu-children-wrapper & {
					background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24' style='&%2310; transform: rotate(270deg);&%2310;'%3E%3Cpath fill='%23000000' d='M12 14.5a.74.74 0 0 1-.53-.22L8 10.78a.75.75 0 0 1 1-1.06l3 3l3-3a.75.75 0 0 1 1 1.06l-3.5 3.5a.74.74 0 0 1-.5.22'/%3E%3C/svg%3E");
				}
			}

			&:hover, &:focus, &:focus-within {?
				overflow: unset;

				.hs-menu-children-wrapper, .hs-menu-children-wrapper .hs-menu-children-wrapper {
					overflow: unset;
					height: auto;
					width: auto;
					opacity: 1;
				}
			}

			.hs-menu-children-wrapper {
				position: absolute;
				background-color: #F7F7F7;
				display: flex;
				flex-direction: column;
				gap: 12px;
				transition: 0.3s ease opacity;
				padding-top: var(--submenu-spacing, 16px);
				padding-bottom: var(--submenu-spacing, 16px);
				z-index: 3;

				/*inactive state*/
				height: 0;
				width: 0;
				overflow: hidden;
				opacity: 0;

				li {
					padding-left: var(--submenu-spacing, 16px);
					padding-right: var(--submenu-spacing, 16px);
				}

				.hs-menu-children-wrapper {
					top: calc(-1 * var(--submenu-spacing, 16px));
					left: 100%;
				}
			}
		}
	}

	.hs-menu-children-wrapper {
		padding: 0;
	}
}

/* Mobile menu styling */
.menu-back,
.mobile-menu-button {
	display: none;
}

@media (max-width: 990px) {
	:root :where(body),
	body {
		padding-top: 67px;
	}

	.main-menu {
		display: flex;
		flex-direction: column;
		position: absolute;
		top: 100%;
		right: 110%;
		pointer-events: none;
		opacity: 0;
		width: 100vw;
		height: calc(100vh - 100%);
		background: #FFF;
		padding: 64px 32px 32px 32px;
		overflow: auto;
		scroll-behavior: smooth;
		transition: all .3s;
		z-index: 99;
	}

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

	.mobile-menu-open .main-menu {
		right: 0;
		pointer-events: auto;
		opacity: 1;
		border-top: solid 1px #E6E6E6;
	}

	.main-menu .hs-menu-wrapper > ul a {
		display: block;
		text-decoration: none;
		font-size: 14px;
		line-height: 20px;
		font-weight: 600;
		white-space: nowrap;
		padding: 12px 0;
	}

	.main-menu .hs-menu-wrapper > ul ul.hs-menu-children-wrapper {
		opacity: 0;
		position: absolute;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100vh;
		background: #FFF;
		padding: 64px 32px 100px 32px;
		overflow: auto;
		scroll-behavior: smooth;
		box-sizing: border-box;
		pointer-events: none;
	}

	.main-menu .hs-menu-wrapper > ul li.hs-item-has-children a {
		position: relative;
	}

	.main-menu .hs-menu-wrapper > ul li.hs-item-has-children > a:after {
		content: '';
		display: block;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='4 4 16 16'%3E%3C!--Icon from Material Symbols by Google - https://github.com/google/material-design-icons/blob/master/LICENSE--%3E%3Cpath d='M16.175 13H4v-2h12.175l-5.6-5.6L12 4l8 8-8 8-1.425-1.4z'%3E%3C/path%3E%3C/svg%3E");
		width: 16px;
		height: 16px;
		background-repeat: no-repeat;
		background-size: 16px;
		background-position: center;
		filter: var(--color-dark-blue);
		position: absolute;
		top: 15px;
		right: 0;
	}

	.main-menu .hs-menu-wrapper > ul li.menu-back {
		display: flex;
		gap: 8px;
		align-items: center;
		position: absolute;
		top: 16px;
		left: 32px;
		background: #FFF;
		width: 160px;
		z-index: 1;
		text-decoration: none;
		font-size: 14px;
		line-height: 14px;
		text-transform: uppercase;
		color: var(--color-dark-blue);
	}

	.menu-back:before {
		content: '';
		display: inline-block;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='4.43 4.43 15.57 15.16'%3E%3C!--Icon from Material Symbols by Google - https://github.com/google/material-design-icons/blob/master/LICENSE--%3E%3Cpath d='m7.825 13 4.9 4.9q.3.3.288.7t-.313.7q-.3.275-.7.288t-.7-.288l-6.6-6.6q-.15-.15-.213-.325T4.426 12t.063-.375.212-.325l6.6-6.6q.275-.275.688-.275t.712.275q.3.3.3.713t-.3.712L7.825 11H19q.425 0 .713.288T20 12t-.288.713T19 13z'%3E%3C/path%3E%3C/svg%3E");
		background-repeat: no-repeat;
		background-size: 20px;
		background-position: center;
		width: 40px;
		height: 40px;
		background-color: #F2F2F2;
		border-radius: 100%;
	}

	.main-menu .hs-menu-wrapper > ul li.hs-item-has-children > ul.hs-menu-children-wrapper {
		display: block;
		position: absolute;
		left: 0;
		visibility: hidden;
		pointer-events: none;
		opacity: 0;
		background: #FFF;
		transition: all .3s;
	}

	.main-menu .hs-menu-wrapper > ul li.hs-item-has-children.active {
		z-index: 4;
	}

	.main-menu .hs-menu-wrapper > ul li.hs-item-has-children.active > ul.hs-menu-children-wrapper {
		pointer-events: auto;
		visibility: visible;
		opacity: 1;
		left: 0;
		z-index: 3;
	}

	.menu-title {
		position: absolute;
		left: 140px;
		top: 16px;
		color: var(--color-dusty-gray);
		text-transform: uppercase;
		font-size: 12px;
		line-height: 44px;
		font-weight: 600;
		z-index: 2;
	}

	.mobile-menu-button {
		display: block;
		width: 30px;
		cursor: pointer;
		padding: 0;
		margin: 0;
		border: 0;
		background: none;
	}

	.mobile-menu-button span {
		display: block;
		width: 100%;
		height: 4px;
		background: #333;
		transition: all .2s;
		position: relative;
	}

	.mobile-menu-button span + span {
		margin-top: 6px;
	}

	.mobile-menu-button.active span:nth-child(1) {
		animation: ease .4s top forwards;
	}

	.mobile-menu-button.not-active span:nth-child(1) {
		animation: ease .4s top-2 forwards;
		margin-left: -8px;
	}

	.mobile-menu-button.active span:nth-child(2) {
		animation: ease .4s bottom forwards;
	}

	.mobile-menu-button.not-active span:nth-child(2) {
		animation: ease .4s bottom-2 forwards;
	}

	@keyframes top {
		0% {
			top: 0;
			transform: rotate(0);
		}
		50% {
			top: 5px;
			transform: rotate(0);
		}
		100% {
			top: 5px;
			transform: rotate(45deg);
		}
	}

	@keyframes top-2 {
		0% {
			top: 8px;
			transform: rotate(45deg);
		}
		50% {
			top: 8px;
			transform: rotate(0deg);
		}
		100% {
			top: 0;
			transform: rotate(0deg);
		}
	}

	@keyframes bottom {
		0% {
			bottom: 0;
			transform: rotate(0);
		}
		50% {
			bottom: 5px;
			transform: rotate(0);
		}
		100% {
			bottom: 5px;
			transform: rotate(135deg);
		}
	}

	@keyframes bottom-2 {
		0% {
			bottom: 8px;
			transform: rotate(135deg);
		}
		50% {
			bottom: 8px;
			transform: rotate(0);
		}
		100% {
			bottom: 0;
			transform: rotate(0);
		}
	}
}
.footer {
	background-color: var(--so-color-dark-blue);
	background-image: url('https://145553672.fs1.hubspotusercontent-eu1.net/hubfs/145553672/footer-bg.svg');
	background-size: cover;
	padding-top: var(--so-group-spacing);
	padding-bottom: var(--so-group-spacing);

	&, * {
		color: var(--so-color-white);
	}

	h5 {
		margin: 0;
	}

	.footer-top {
		display: flex;
		flex-direction: row;
		gap: 32px 64px;
		flex-wrap: wrap;

		a {
			text-decoration: none;
		}

		ul {
			font-size: 16px;
			list-style: none;
			padding: 0;
			margin: 0;
		}
	}

	.footer-top-contact {
		display: flex;
		flex-direction: column;
		gap: 18px;

		address {
			font-style: normal;
		}
	}
}

.sub-footer {
	display: flex;
    flex-direction: row;
	align-items: center;
    gap: 16px 32px;
    flex-wrap: wrap;
    justify-content: space-between;
	padding-top: 64px;
	margin-top: 48px;
	border-top: 2px solid #2E5B8D;

	&, * {
		font-size: 14px;
		line-height: 1.28571;
	}

	> span.footer-copyright {
		font-weight: 700;
		text-transform: uppercase;
	}

	ul,
	.footer-menu {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		list-style: none;
		gap: 16px 24px;
		margin: 0;
		padding: 0;
	}
}