/*
Theme Name: Cyberlab
Theme URI: https://ip4sure.nl/
Author: Scherponline
Author URI: http://scherponline.nl/
Description: IP4Sure
Version: 1.0
License: IP4Sure
License URI: https://ip4sure.nl/
Tags: two-columns, right-sidebar, flexible-width
Text Domain: scherponline
*/

/* Reset default browser CSS */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
	border: 0;
	font-family: inherit;
	font-display: swap;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

:focus {
	/* remember to define focus styles! */
}

html {
	scroll-behavior: smooth;
}

body {
	background: #fff;
	line-height: 1;
	overflow-x: hidden;
}

ol,
ul {
	list-style: none;
}

table {
	/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

a img {
	border: 0;
}

#main p > a:not(.wp-element-button, .btn-primary, .btn-seconday, .btn-tertiary) {
	color: var(--so-color-blue) !important;
	text-decoration: underline;
}

#main p > a:not(.wp-element-button, .btn-primary, .btn-seconday, .btn-tertiary):hover {
	text-decoration: none;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

.caclearfix {
	clear: both;
}

.clearfix {
	*zoom: 1;
	clear: both;
}

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

.clearfix:after {
	clear: both;
}

audio,
canvas,
video {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

audio:not([controls]) {
	display: none;
}

html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

a:hover,
a:active {
	outline: 0;
}

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

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	max-width: 100%;
	height: auto;
	border: 0;
	-ms-interpolation-mode: bicubic;
	image-rendering: optimizeQuality;
}

button,
input,
textarea {
	margin: 0;
	font-size: 100%;
	vertical-align: middle;
	border-radius: 0;
}

select {
	margin: 0;
	font-size: 100%;
	vertical-align: middle;
	border-radius: 0;
}

button,
input {
	*overflow: visible;
	line-height: normal;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	padding: 0;
	border: 0;
}

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

input[type="search"] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
	-webkit-appearance: none;
}

textarea {
	overflow: auto;
	vertical-align: top;
}

figure {
	padding: 0;
	margin: 0;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

:is(h1, h2, h3, h4, h5, h6, p).has-bg-bg-5-color {
	color: #fff !important;
}

:is(h1, h2, h3, h4, h5, h6, p).has-bg-bg-4-color {
	color: #F4F5F4 !important;
}

:is(h1, h2, h3, h4, h5, h6, p).has-bg-bg-3-color {
	color: #D60F3F !important;
}

:is(h1, h2, h3, h4, h5, h6, p).has-bg-bg-2-color {
	color: #1D71B8 !important;
}

:is(h1, h2, h3, h4, h5, h6, p).has-bg-bg-1-color {
	color: #212C4B !important;
}

:is(h1, h2, h3, h4, h5, h6, p).has-bg-bg-0-color {
	color: #000 !important;
}



/* Hamburger */
.hamburger {
	font: inherit;
	display: inline-block;
	overflow: visible;
	margin: 0;
	padding: 15px;
	cursor: pointer;
	transition-timing-function: linear;
	transition-duration: 0.15s;
	transition-property: opacity, filter;
	text-transform: none;
	color: inherit;
	border: 0;
	background-color: transparent;
}

.hamburger.is-active:hover,
.hamburger:hover {
	opacity: 0.7;
}

.hamburger-inner,
.hamburger-inner:after,
.hamburger-inner:before,
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner:after,
.hamburger.is-active .hamburger-inner:before {
	background-color: var(--so-color-blue);
}

.hamburger-box {
	position: relative;
	display: inline-block;
	width: 40px;
	height: 24px;
}

.hamburger-inner {
	top: 50%;
	display: block;
	margin-top: -2px;
}

.hamburger-inner,
.hamburger-inner:after,
.hamburger-inner:before {
	position: absolute;
	width: 40px;
	height: 4px;
	transition-timing-function: ease;
	transition-duration: 0.15s;
	transition-property: transform;
	border-radius: 4px;
}

.hamburger-inner:after,
.hamburger-inner:before {
	display: block;
	content: "";
}

.hamburger-inner:before {
	top: -10px;
}

.hamburger-inner:after {
	bottom: -10px;
}

.hamburger--3dx .hamburger-box {
	perspective: 80px;
}

.hamburger--3dx .hamburger-inner {
	transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
}

.hamburger--3dx .hamburger-inner:after,
.hamburger--3dx .hamburger-inner:before {
	transition: transform 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
}

.hamburger--3dx.is-active .hamburger-inner {
	transform: rotateY(180deg);
	background-color: transparent !important;
}

.hamburger--3dx.is-active .hamburger-inner:before {
	transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dx.is-active .hamburger-inner:after {
	transform: translate3d(0, -10px, 0) rotate(-45deg);
}

.hamburger--3dx-r .hamburger-box {
	perspective: 80px;
}

.hamburger--3dx-r .hamburger-inner {
	transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
}

.hamburger--3dx-r .hamburger-inner:after,
.hamburger--3dx-r .hamburger-inner:before {
	transition: transform 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
}

.hamburger--3dx-r.is-active .hamburger-inner {
	transform: rotateY(-180deg);
	background-color: transparent !important;
}

.hamburger--3dx-r.is-active .hamburger-inner:before {
	transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dx-r.is-active .hamburger-inner:after {
	transform: translate3d(0, -10px, 0) rotate(-45deg);
}

.hamburger--3dy .hamburger-box {
	perspective: 80px;
}

.hamburger--3dy .hamburger-inner {
	transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
}

.hamburger--3dy .hamburger-inner:after,
.hamburger--3dy .hamburger-inner:before {
	transition: transform 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
}

.hamburger--3dy.is-active .hamburger-inner {
	transform: rotateX(-180deg);
	background-color: transparent !important;
}

.hamburger--3dy.is-active .hamburger-inner:before {
	transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dy.is-active .hamburger-inner:after {
	transform: translate3d(0, -10px, 0) rotate(-45deg);
}

.hamburger--3dy-r .hamburger-box {
	perspective: 80px;
}

.hamburger--3dy-r .hamburger-inner {
	transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
}

.hamburger--3dy-r .hamburger-inner:after,
.hamburger--3dy-r .hamburger-inner:before {
	transition: transform 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
}

.hamburger--3dy-r.is-active .hamburger-inner {
	transform: rotateX(180deg);
	background-color: transparent !important;
}

.hamburger--3dy-r.is-active .hamburger-inner:before {
	transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dy-r.is-active .hamburger-inner:after {
	transform: translate3d(0, -10px, 0) rotate(-45deg);
}

.hamburger--3dxy .hamburger-box {
	perspective: 80px;
}

.hamburger--3dxy .hamburger-inner {
	transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
}

.hamburger--3dxy .hamburger-inner:after,
.hamburger--3dxy .hamburger-inner:before {
	transition: transform 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
}

.hamburger--3dxy.is-active .hamburger-inner {
	transform: rotateX(180deg) rotateY(180deg);
	background-color: transparent !important;
}

.hamburger--3dxy.is-active .hamburger-inner:before {
	transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dxy.is-active .hamburger-inner:after {
	transform: translate3d(0, -10px, 0) rotate(-45deg);
}

.hamburger--3dxy-r .hamburger-box {
	perspective: 80px;
}

.hamburger--3dxy-r .hamburger-inner {
	transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
}

.hamburger--3dxy-r .hamburger-inner:after,
.hamburger--3dxy-r .hamburger-inner:before {
	transition: transform 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
}

.hamburger--3dxy-r.is-active .hamburger-inner {
	transform: rotateX(180deg) rotateY(180deg) rotate(-180deg);
	background-color: transparent !important;
}

.hamburger--3dxy-r.is-active .hamburger-inner:before {
	transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dxy-r.is-active .hamburger-inner:after {
	transform: translate3d(0, -10px, 0) rotate(-45deg);
}

.hamburger--arrow.is-active .hamburger-inner:before {
	transform: translate3d(-8px, 0, 0) rotate(-45deg) scaleX(0.7);
}

.hamburger--arrow.is-active .hamburger-inner:after {
	transform: translate3d(-8px, 0, 0) rotate(45deg) scaleX(0.7);
}

.hamburger--arrow-r.is-active .hamburger-inner:before {
	transform: translate3d(8px, 0, 0) rotate(45deg) scaleX(0.7);
}

.hamburger--arrow-r.is-active .hamburger-inner:after {
	transform: translate3d(8px, 0, 0) rotate(-45deg) scaleX(0.7);
}

.hamburger--arrowalt .hamburger-inner:before {
	transition: top 0.1s ease 0.1s, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt .hamburger-inner:after {
	transition: bottom 0.1s ease 0.1s, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt.is-active .hamburger-inner:before {
	top: 0;
	transition: top 0.1s ease, transform 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.1s;
	transform: translate3d(-8px, -10px, 0) rotate(-45deg) scaleX(0.7);
}

.hamburger--arrowalt.is-active .hamburger-inner:after {
	bottom: 0;
	transition: bottom 0.1s ease, transform 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.1s;
	transform: translate3d(-8px, 10px, 0) rotate(45deg) scaleX(0.7);
}

.hamburger--arrowalt-r .hamburger-inner:before {
	transition: top 0.1s ease 0.1s, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt-r .hamburger-inner:after {
	transition: bottom 0.1s ease 0.1s, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt-r.is-active .hamburger-inner:before {
	top: 0;
	transition: top 0.1s ease, transform 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.1s;
	transform: translate3d(8px, -10px, 0) rotate(45deg) scaleX(0.7);
}

.hamburger--arrowalt-r.is-active .hamburger-inner:after {
	bottom: 0;
	transition: bottom 0.1s ease, transform 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.1s;
	transform: translate3d(8px, 10px, 0) rotate(-45deg) scaleX(0.7);
}

.hamburger--arrowturn.is-active .hamburger-inner {
	transform: rotate(-180deg);
}

.hamburger--arrowturn.is-active .hamburger-inner:before {
	transform: translate3d(8px, 0, 0) rotate(45deg) scaleX(0.7);
}

.hamburger--arrowturn.is-active .hamburger-inner:after {
	transform: translate3d(8px, 0, 0) rotate(-45deg) scaleX(0.7);
}

.hamburger--arrowturn-r.is-active .hamburger-inner {
	transform: rotate(-180deg);
}

.hamburger--arrowturn-r.is-active .hamburger-inner:before {
	transform: translate3d(-8px, 0, 0) rotate(-45deg) scaleX(0.7);
}

.hamburger--arrowturn-r.is-active .hamburger-inner:after {
	transform: translate3d(-8px, 0, 0) rotate(45deg) scaleX(0.7);
}

.hamburger--boring .hamburger-inner,
.hamburger--boring .hamburger-inner:after,
.hamburger--boring .hamburger-inner:before {
	transition-property: none;
}

.hamburger--boring.is-active .hamburger-inner {
	transform: rotate(45deg);
}

.hamburger--boring.is-active .hamburger-inner:before {
	top: 0;
	opacity: 0;
}

.hamburger--boring.is-active .hamburger-inner:after {
	bottom: 0;
	transform: rotate(-90deg);
}

.hamburger--collapse .hamburger-inner {
	top: auto;
	bottom: 0;
	transition-delay: 0.13s;
	transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition-duration: 0.13s;
}

.hamburger--collapse .hamburger-inner:after {
	top: -20px;
	transition: top 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s, opacity 0.1s linear;
}

.hamburger--collapse .hamburger-inner:before {
	transition: top 0.12s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s, transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse.is-active .hamburger-inner {
	transition-delay: 0.22s;
	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	transform: translate3d(0, -10px, 0) rotate(-45deg);
}

.hamburger--collapse.is-active .hamburger-inner:after {
	top: 0;
	transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s linear 0.22s;
	opacity: 0;
}

.hamburger--collapse.is-active .hamburger-inner:before {
	top: 0;
	transition: top 0.1s cubic-bezier(0.33333, 0, 0.66667, 0.33333) 0.16s, transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
	transform: rotate(-90deg);
}

.hamburger--collapse-r .hamburger-inner {
	top: auto;
	bottom: 0;
	transition-delay: 0.13s;
	transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition-duration: 0.13s;
}

.hamburger--collapse-r .hamburger-inner:after {
	top: -20px;
	transition: top 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s, opacity 0.1s linear;
}

.hamburger--collapse-r .hamburger-inner:before {
	transition: top 0.12s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s, transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse-r.is-active .hamburger-inner {
	transition-delay: 0.22s;
	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	transform: translate3d(0, -10px, 0) rotate(45deg);
}

.hamburger--collapse-r.is-active .hamburger-inner:after {
	top: 0;
	transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s linear 0.22s;
	opacity: 0;
}

.hamburger--collapse-r.is-active .hamburger-inner:before {
	top: 0;
	transition: top 0.1s cubic-bezier(0.33333, 0, 0.66667, 0.33333) 0.16s, transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
	transform: rotate(90deg);
}

.hamburger--elastic .hamburger-inner {
	top: 2px;
	transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
	transition-duration: 0.275s;
}

.hamburger--elastic .hamburger-inner:before {
	top: 10px;
	transition: opacity 0.125s ease 0.275s;
}

.hamburger--elastic .hamburger-inner:after {
	top: 20px;
	transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic.is-active .hamburger-inner {
	transition-delay: 75ms;
	transform: translate3d(0, 10px, 0) rotate(135deg);
}

.hamburger--elastic.is-active .hamburger-inner:before {
	transition-delay: 0s;
	opacity: 0;
}

.hamburger--elastic.is-active .hamburger-inner:after {
	transition-delay: 75ms;
	transform: translate3d(0, -20px, 0) rotate(-270deg);
}

.hamburger--elastic-r .hamburger-inner {
	top: 2px;
	transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
	transition-duration: 0.275s;
}

.hamburger--elastic-r .hamburger-inner:before {
	top: 10px;
	transition: opacity 0.125s ease 0.275s;
}

.hamburger--elastic-r .hamburger-inner:after {
	top: 20px;
	transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic-r.is-active .hamburger-inner {
	transition-delay: 75ms;
	transform: translate3d(0, 10px, 0) rotate(-135deg);
}

.hamburger--elastic-r.is-active .hamburger-inner:before {
	transition-delay: 0s;
	opacity: 0;
}

.hamburger--elastic-r.is-active .hamburger-inner:after {
	transition-delay: 75ms;
	transform: translate3d(0, -20px, 0) rotate(270deg);
}

.hamburger--emphatic {
	overflow: hidden;
}

.hamburger--emphatic .hamburger-inner {
	transition: background-color 0.125s ease-in 0.175s;
}

.hamburger--emphatic .hamburger-inner:before {
	left: 0;
	transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s linear 0.125s, left 0.125s ease-in 0.175s;
}

.hamburger--emphatic .hamburger-inner:after {
	top: 10px;
	right: 0;
	transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s linear 0.125s, right 0.125s ease-in 0.175s;
}

.hamburger--emphatic.is-active .hamburger-inner {
	transition-delay: 0s;
	transition-timing-function: ease-out;
	background-color: transparent !important;
}

.hamburger--emphatic.is-active .hamburger-inner:before {
	top: -80px;
	left: -80px;
	transition: left 0.125s ease-out, top 0.05s linear 0.125s, transform 0.125s cubic-bezier(0.075, 0.82, 0.165, 1) 0.175s;
	transform: translate3d(80px, 80px, 0) rotate(45deg);
}

.hamburger--emphatic.is-active .hamburger-inner:after {
	top: -80px;
	right: -80px;
	transition: right 0.125s ease-out, top 0.05s linear 0.125s, transform 0.125s cubic-bezier(0.075, 0.82, 0.165, 1) 0.175s;
	transform: translate3d(-80px, 80px, 0) rotate(-45deg);
}

.hamburger--emphatic-r {
	overflow: hidden;
}

.hamburger--emphatic-r .hamburger-inner {
	transition: background-color 0.125s ease-in 0.175s;
}

.hamburger--emphatic-r .hamburger-inner:before {
	left: 0;
	transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s linear 0.125s, left 0.125s ease-in 0.175s;
}

.hamburger--emphatic-r .hamburger-inner:after {
	top: 10px;
	right: 0;
	transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s linear 0.125s, right 0.125s ease-in 0.175s;
}

.hamburger--emphatic-r.is-active .hamburger-inner {
	transition-delay: 0s;
	transition-timing-function: ease-out;
	background-color: transparent !important;
}

.hamburger--emphatic-r.is-active .hamburger-inner:before {
	top: 80px;
	left: -80px;
	transition: left 0.125s ease-out, top 0.05s linear 0.125s, transform 0.125s cubic-bezier(0.075, 0.82, 0.165, 1) 0.175s;
	transform: translate3d(80px, -80px, 0) rotate(-45deg);
}

.hamburger--emphatic-r.is-active .hamburger-inner:after {
	top: 80px;
	right: -80px;
	transition: right 0.125s ease-out, top 0.05s linear 0.125s, transform 0.125s cubic-bezier(0.075, 0.82, 0.165, 1) 0.175s;
	transform: translate3d(-80px, -80px, 0) rotate(45deg);
}

.hamburger--minus .hamburger-inner:after,
.hamburger--minus .hamburger-inner:before {
	transition: bottom 0.08s ease-out 0s, top 0.08s ease-out 0s, opacity 0s linear;
}

.hamburger--minus.is-active .hamburger-inner:after,
.hamburger--minus.is-active .hamburger-inner:before {
	transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s linear 0.08s;
	opacity: 0;
}

.hamburger--minus.is-active .hamburger-inner:before {
	top: 0;
}

.hamburger--minus.is-active .hamburger-inner:after {
	bottom: 0;
}

.hamburger--slider .hamburger-inner {
	top: 2px;
}

.hamburger--slider .hamburger-inner:before {
	top: 10px;
	transition-timing-function: ease;
	transition-duration: 0.15s;
	transition-property: transform, opacity;
}

.hamburger--slider .hamburger-inner:after {
	top: 20px;
}

.hamburger--slider.is-active .hamburger-inner {
	transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--slider.is-active .hamburger-inner:before {
	transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
	opacity: 0;
}

.hamburger--slider.is-active .hamburger-inner:after {
	transform: translate3d(0, -20px, 0) rotate(-90deg);
}

.hamburger--slider-r .hamburger-inner {
	top: 2px;
}

.hamburger--slider-r .hamburger-inner:before {
	top: 10px;
	transition-timing-function: ease;
	transition-duration: 0.15s;
	transition-property: transform, opacity;
}

.hamburger--slider-r .hamburger-inner:after {
	top: 20px;
}

.hamburger--slider-r.is-active .hamburger-inner {
	transform: translate3d(0, 10px, 0) rotate(-45deg);
}

.hamburger--slider-r.is-active .hamburger-inner:before {
	transform: rotate(45deg) translate3d(5.71429px, -6px, 0);
	opacity: 0;
}

.hamburger--slider-r.is-active .hamburger-inner:after {
	transform: translate3d(0, -20px, 0) rotate(90deg);
}

.hamburger--spin .hamburger-inner {
	transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition-duration: 0.22s;
}

.hamburger--spin .hamburger-inner:before {
	transition: top 0.1s ease-in 0.25s, opacity 0.1s ease-in;
}

.hamburger--spin .hamburger-inner:after {
	transition: bottom 0.1s ease-in 0.25s, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin.is-active .hamburger-inner {
	transition-delay: 0.12s;
	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	transform: rotate(225deg);
}

.hamburger--spin.is-active .hamburger-inner:before {
	top: 0;
	transition: top 0.1s ease-out, opacity 0.1s ease-out 0.12s;
	opacity: 0;
}

.hamburger--spin.is-active .hamburger-inner:after {
	bottom: 0;
	transition: bottom 0.1s ease-out, transform 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
	transform: rotate(-90deg);
}

.hamburger--spin-r .hamburger-inner {
	transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition-duration: 0.22s;
}

.hamburger--spin-r .hamburger-inner:before {
	transition: top 0.1s ease-in 0.25s, opacity 0.1s ease-in;
}

.hamburger--spin-r .hamburger-inner:after {
	transition: bottom 0.1s ease-in 0.25s, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin-r.is-active .hamburger-inner {
	transition-delay: 0.12s;
	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	transform: rotate(-225deg);
}

.hamburger--spin-r.is-active .hamburger-inner:before {
	top: 0;
	transition: top 0.1s ease-out, opacity 0.1s ease-out 0.12s;
	opacity: 0;
}

.hamburger--spin-r.is-active .hamburger-inner:after {
	bottom: 0;
	transition: bottom 0.1s ease-out, transform 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
	transform: rotate(90deg);
}

.hamburger--spring .hamburger-inner {
	top: 2px;
	transition: background-color 0s linear 0.13s;
}

.hamburger--spring .hamburger-inner:before {
	top: 10px;
	transition: top 0.1s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s, transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring .hamburger-inner:after {
	top: 20px;
	transition: top 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s, transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring.is-active .hamburger-inner {
	transition-delay: 0.22s;
	background-color: transparent !important;
}

.hamburger--spring.is-active .hamburger-inner:before {
	top: 0;
	transition: top 0.1s cubic-bezier(0.33333, 0, 0.66667, 0.33333) 0.15s, transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.22s;
	transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--spring.is-active .hamburger-inner:after {
	top: 0;
	transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.22s;
	transform: translate3d(0, 10px, 0) rotate(-45deg);
}

.hamburger--spring-r .hamburger-inner {
	top: auto;
	bottom: 0;
	transition-delay: 0s;
	transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition-duration: 0.13s;
}

.hamburger--spring-r .hamburger-inner:after {
	top: -20px;
	transition: top 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s, opacity 0s linear;
}

.hamburger--spring-r .hamburger-inner:before {
	transition: top 0.1s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s, transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring-r.is-active .hamburger-inner {
	transition-delay: 0.22s;
	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	transform: translate3d(0, -10px, 0) rotate(-45deg);
}

.hamburger--spring-r.is-active .hamburger-inner:after {
	top: 0;
	transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s linear 0.22s;
	opacity: 0;
}

.hamburger--spring-r.is-active .hamburger-inner:before {
	top: 0;
	transition: top 0.1s cubic-bezier(0.33333, 0, 0.66667, 0.33333) 0.15s, transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.22s;
	transform: rotate(90deg);
}

.hamburger--stand .hamburger-inner {
	transition: transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.15s, background-color 0s linear 75ms;
}

.hamburger--stand .hamburger-inner:before {
	transition: top 75ms ease-in 75ms, transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;
}

.hamburger--stand .hamburger-inner:after {
	transition: bottom 75ms ease-in 75ms, transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;
}

.hamburger--stand.is-active .hamburger-inner {
	transition: transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s, background-color 0s linear 0.15s;
	transform: rotate(90deg);
	background-color: transparent !important;
}

.hamburger--stand.is-active .hamburger-inner:before {
	top: 0;
	transition: top 75ms ease-out 0.1s, transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
	transform: rotate(-45deg);
}

.hamburger--stand.is-active .hamburger-inner:after {
	bottom: 0;
	transition: bottom 75ms ease-out 0.1s, transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
	transform: rotate(45deg);
}

.hamburger--stand-r .hamburger-inner {
	transition: transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.15s, background-color 0s linear 75ms;
}

.hamburger--stand-r .hamburger-inner:before {
	transition: top 75ms ease-in 75ms, transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;
}

.hamburger--stand-r .hamburger-inner:after {
	transition: bottom 75ms ease-in 75ms, transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;
}

.hamburger--stand-r.is-active .hamburger-inner {
	transition: transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s, background-color 0s linear 0.15s;
	transform: rotate(-90deg);
	background-color: transparent !important;
}

.hamburger--stand-r.is-active .hamburger-inner:before {
	top: 0;
	transition: top 75ms ease-out 0.1s, transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
	transform: rotate(-45deg);
}

.hamburger--stand-r.is-active .hamburger-inner:after {
	bottom: 0;
	transition: bottom 75ms ease-out 0.1s, transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
	transform: rotate(45deg);
}

.hamburger--squeeze .hamburger-inner {
	transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition-duration: 75ms;
}

.hamburger--squeeze .hamburger-inner:before {
	transition: top 75ms ease 0.12s, opacity 75ms ease;
}

.hamburger--squeeze .hamburger-inner:after {
	transition: bottom 75ms ease 0.12s, transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--squeeze.is-active .hamburger-inner {
	transition-delay: 0.12s;
	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	transform: rotate(45deg);
}

.hamburger--squeeze.is-active .hamburger-inner:before {
	top: 0;
	transition: top 75ms ease, opacity 75ms ease 0.12s;
	opacity: 0;
}

.hamburger--squeeze.is-active .hamburger-inner:after {
	bottom: 0;
	transition: bottom 75ms ease, transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
	transform: rotate(-90deg);
}

.hamburger--vortex .hamburger-inner {
	transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
	transition-duration: 0.2s;
}

.hamburger--vortex .hamburger-inner:after,
.hamburger--vortex .hamburger-inner:before {
	transition-delay: 0.1s;
	transition-timing-function: linear;
	transition-duration: 0s;
}

.hamburger--vortex .hamburger-inner:before {
	transition-property: top, opacity;
}

.hamburger--vortex .hamburger-inner:after {
	transition-property: bottom, transform;
}

.hamburger--vortex.is-active .hamburger-inner {
	transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
	transform: rotate(765deg);
}

.hamburger--vortex.is-active .hamburger-inner:after,
.hamburger--vortex.is-active .hamburger-inner:before {
	transition-delay: 0s;
}

.hamburger--vortex.is-active .hamburger-inner:before {
	top: 0;
	opacity: 0;
}

.hamburger--vortex.is-active .hamburger-inner:after {
	bottom: 0;
	transform: rotate(90deg);
}

.hamburger--vortex-r .hamburger-inner {
	transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
	transition-duration: 0.2s;
}

.hamburger--vortex-r .hamburger-inner:after,
.hamburger--vortex-r .hamburger-inner:before {
	transition-delay: 0.1s;
	transition-timing-function: linear;
	transition-duration: 0s;
}

.hamburger--vortex-r .hamburger-inner:before {
	transition-property: top, opacity;
}

.hamburger--vortex-r .hamburger-inner:after {
	transition-property: bottom, transform;
}

.hamburger--vortex-r.is-active .hamburger-inner {
	transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
	transform: rotate(-765deg);
}

.hamburger--vortex-r.is-active .hamburger-inner:after,
.hamburger--vortex-r.is-active .hamburger-inner:before {
	transition-delay: 0s;
}

.hamburger--vortex-r.is-active .hamburger-inner:before {
	top: 0;
	opacity: 0;
}

.hamburger--vortex-r.is-active .hamburger-inner:after {
	bottom: 0;
	transform: rotate(-90deg);
}




/* GRID */
body {
	padding: 0;
	margin: 0;
}

.main {
	max-width: var(--container-size);
	margin: 0 auto;
	clear: both;
}

@media only screen and (max-width: 1500px) {
	.main {
		width: calc(100% - 64px);
		margin: 0 32px;
	}
}

@media only screen and (max-width: 650px) {
	.main {
		width: calc(100% - 32px);
		margin: 0 16px;
	}
}

.section {
	clear: both;
	display: flex;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-left: -16px;
	margin-right: -16px;
}

.section:after {
	content: '';
	display: table;
	clear: both;
}

[class^="fc"],
[class*=" fc"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 16px 32px 16px;
	border: none;
}

[class^="fc"]:last-child,
[class*=" fc"]:last-child {
	margin-right: 0;
}

.fc20 {
	width: calc(20% - 32px);
}

.fc20:nth-child(5n+1) {
	clear: left;
}

.fc25 {
	width: calc(25% - 32px);
}

.fc25:nth-child(4n+1) {
	clear: left;
}


.fc30 {
	width: calc(30% - 32px);
}

.fc30:nth-child(3n+1) {
	clear: left;
}

.fc33 {
	width: calc(33.3333% - 32px);
}

.fc33:nth-child(3n+1) {
	clear: left;
}

.fc40 {
	width: calc(40% - 32px);
}

.fc100 {
	width: calc(100% - 32px);
	clear: left;
}

.fc50 {
	width: calc(50% - 32px);
}

.fc50:nth-child(2n+1) {
	clear: left;
}

.fc60 {
	width: calc(60% - 32px);
}

.fc66 {
	width: calc(66.6666% - 32px);
}

.fc70 {
	width: calc(70% - 32px);
}

.fc75 {
	width: calc(75% - 32px);
}




/* Variables */
:root {
	--base-font-family: "Open Sans", sans-serif;
	--header-font-family: "Anton", sans-serif;

	--so-color-purple: #212C4B;
	--so-color-blue: #1D71B8;
	--so-color-red: #D60F3F;
	--so-color-gray: #F4F5F4;
	--so-color-white: #FFFFFF;
	--so-color-black: #0D0D0D;

	--so-color-purple-hover: #1a243e;
	--so-color-blue-hover: #115791;
	--so-color-red-hover: #8e0827;
	--so-color-gray-hover: #dfdfdf;
	--so-color-white-hover: #dfdfdf;
	--so-color-black-hover: #1f1f1f;

	--so-cyberlab-gradient: linear-gradient(79deg, #0D1439 0%, #6C0C4B 100%);

	--container-size: 1475px;
}




/* IP4Sure icons */
@font-face {
	font-family: 'ip-icons-v2';
	src: url('assets/fonts/ip-icons-v3.eot?yc4h3n');
	src: url('assets/fonts/ip-icons-v3.eot?yc4h3n#iefix') format('embedded-opentype'),
		url('assets/fonts/ip-icons-v3.ttf?yc4h3n') format('truetype'),
		url('assets/fonts/ip-icons-v3.woff?yc4h3n') format('woff'),
		url('assets/fonts/ip-icons-v3.svg?yc4h3n#ip-icons-v3') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: block;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
	font-family: 'ip-icons-v2' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-circle:before {
	content: "\e91d";
}

.icon-eye:before {
	content: "\e91c";
}

.icon-angle-down:before {
	content: "\e900";
}

.icon-angle-up:before {
	content: "\e901";
}

.icon-calendar:before {
	content: "\e902";
}

.icon-checkpoint:before {
	content: "\e903";
}

.icon-close:before {
	content: "\e904";
}

.icon-contrast:before {
	content: "\e905";
}

.icon-defensive:before {
	content: "\e906";
}

.icon-dienst-placeholder:before {
	content: "\e907";
}

.icon-down:before {
	content: "\e908";
}

.icon-imperva:before {
	content: "\e909";
}

.icon-lab:before {
	content: "\e90a";
}

.icon-left:before {
	content: "\e90b";
}

.icon-logo-mark:before {
	content: "\e90c";
}

.icon-mail:before {
	content: "\e90d";
}

.icon-mens:before {
	content: "\e90e";
}

.icon-mic:before {
	content: "\e90f";
}

.icon-offensive:before {
	content: "\e910";
}

.icon-phone:before {
	content: "\e911";
}

.icon-phone-2:before {
	content: "\e912";
}

.icon-pin:before {
	content: "\e913";
}

.icon-pulsesecure:before {
	content: "\e914";
}

.icon-rapid:before {
	content: "\e915";
}

.icon-right:before {
	content: "\e916";
}

.icon-sentinal:before {
	content: "\e917";
}

.icon-thales:before {
	content: "\e918";
}

.icon-time:before {
	content: "\e919";
}

.icon-up:before {
	content: "\e91a";
}

.icon-warning:before {
	content: "\e91b";
}


/* Generic */
::-moz-selection {
	/* Code for Firefox */
	color: var(--so-color-black);
	background: var(--so-color-blue);
}

::selection {
	color: var(--so-color-black);
	background: var(--so-color-blue);
}

body {
	font-size: 17px;
	background: #FFFFFF;
	color: var(--so-color-black);
	font-family: var(--base-font-family);
}

.section {
	padding: 35px 20px;
	margin-left: -20px;
	margin-right: -20px;
}

@media only screen and (max-width: 420px) {
	.section {
		padding: 35px 15px;
		margin-left: -15px;
		margin-right: -15px;
	}
}

@media only screen and (max-width: 390px) {
	.section {
		padding: 35px 10px;
		margin-left: -10px;
		margin-right: -10px;
	}
}

.stretched-link::after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	pointer-events: auto;
	content: "";
	background-color: rgba(0, 0, 0, 0);
}

.small-intro {
	max-width: 864px;
	margin: 0 auto;
}

.small-intro :is(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5) {
	margin-top: 0;
}

.small-intro.small-gradient-intro {
	position: relative;
}

:is(.small-intro.small-gradient-intro, .small-intro.small-margin-intro) {
	margin-top: 58px;
}

.small-intro.small-gradient-intro * {
	position: relative;
	z-index: 2;
}

.small-intro.small-gradient-intro :where(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5) {
	position: relative;
	z-index: 1;
	margin-bottom: 24px;
}

.small-intro.small-gradient-intro:before {
	content: '';
	position: absolute;
	background-image: url(assets/img/bg-diensten.png);
	width: 100%;
	height: 1600px;
	left: 90px;
	top: -550px;
	z-index: 0;
	opacity: 0.3;
	background-size: contain;
	right: 0;
	background-position: center;
	background-repeat: no-repeat;
}

@media only screen and (max-width: 1270px) {
	:is(.small-intro.small-gradient-intro, .small-intro.small-margin-intro) {
		margin-top: 22px;
	}
}

@media only screen and (max-width: 1270px) {
	.small-intro :is(h2, .h2) {
		margin-bottom: 16px;
	}
}

.text-center {
	text-align: center;
}


/* Typography */
h1,
h2,
h3,
h4,
h5,
.h1,
.h2,
.h3,
.h4,
.h5 {
	color: var(--so-color-black);
	font-family: var(--header-font-family);
	line-height: 1;
	font-weight: 500;
}

h1,
.h1 {
	font-size: 40px;
	margin-bottom: 16px;
}

h2,
.h2 {
	font-size: 32px;
	margin-bottom: 16px;
	line-height: 40px !important;
}

h3,
.h3 {
	font-size: 24px;
	line-height: 32px !important;
}

:is(h4, h5, h6, .h4, .h5, .h6) {
	font-size: 18px;
	line-height: 22px !important;
}

p {
	font-size: 16px !important;
	letter-spacing: 0;
	line-height: 1.555555555555556;
	margin-bottom: 24px;
}

p.has-so-text-groot-font-size {
	font-size: 17px;
}

a {
	color: var(--so-color-black);
	text-decoration: none;
}

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



/* Generic */
main :is(ul, ol) {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	gap: 12px;
	padding-left: 20px;
}

main ul {
	list-style: disc;
}

main ol {
	list-style: num;
}

main :is(ul, ol) li {
	line-height: 1.2;
}


/* Scherp Online custom columns */
.so-column-section {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 16px;
	max-width: var(--container-size);
	margin: 26px auto;
}

.so-column-section :is(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, p) {
	margin-top: 0;
}

.so-column-section .so-column {
	flex: 1 0 50%;
	max-width: calc(50% - 8px);
}

.so-column-section .so-column:only-child {
	flex: 1 0 100%;
	max-width: 1010px;
	margin-left: auto;
	margin-right: auto;
}

@media screen and (min-width: 940px) {
	.vertical-align-columns {
		align-items: center;
	}
}

@media screen and (max-width: 1270px) {
	.so-column-section {
		margin: 95px auto;
	}
}

@media screen and (max-width: 940px) {
	.so-column-section {
		flex-direction: column;
	}

	.so-column-section .so-column {
		flex: 1 0 100%;
		max-width: unset;
	}
}



/* Buttons */
@media screen and (min-width: 1250px) {
	.product-intro-columns {
		margin-top: 60px;
		margin-bottom: 80px;
	}

	#product-intro {
		margin: 60px 0;
	}
}

.btn,
.btn-primary,
.btn-white,
.btn-red,
.btn-green,
.btn-purple,
.btn-dark-blue,
.btn-outline {
	display: inline-block;
	font-size: 18px;
	line-height: 1;
	padding: 20px 32px;
	border-radius: 30px;
	color: var(--so-color-white);
	transition: 0.25s ease all;
	font-weight: 600;
}

.btn-primary {
	background: var(--so-color-blue);
}

.btn-primary:hover {
	background: var(--so-color-blue-hover);
}

.btn-white {
	background: var(--so-color-white);
	color: #131F40 !important;
}

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

.btn-red {
	background: var(--so-color-red);
}

.btn-red:hover {
	background: var(--so-color-red-hover);
}

.btn-green {
	background: #02BE8C;
}

.btn-green:hover {
	background: #06a379;
}

.btn-purple {
	background: var(--so-color-purple);
}

.btn-purple:hover {
	background: var(--so-color-purple-hover);
}

.btn-outline {
	background: transparent;
	border: 2px solid #ABB0BC;
}

.btn-outline:hover {
	background: #FFFFFF;
	border-color: var(--so-color-black);
	color: #131F40;
}

.btn-arrow-large {
	position: relative;
	font-size: 24px;
	line-height: 1;
	font-weight: 500;
}

.btn-arrow-large:before {
	content: '';
	position: absolute;
	bottom: 0;
	height: 1px;
	width: calc(100% - 26px);
	background: white;
}

.btn-arrow-large:after {
	content: "\e916";
	font-family: 'ip-icons-v2' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 1;
	padding-left: 10px;
	font-size: 16px;
}

.btn-round-icon {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 16px;
	font-size: 24px;
	line-height: 1.4;
}

.btn-round-icon:before {
	content: '';
	height: 48px;
	width: 48px;
	border-radius: 100%;
	background: #232F4D;
	line-height: 48px;
	text-align: center;
	font-family: 'ip-icons-v2' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.btn-round-icon.btn-round-phone:before {
	content: "\e912";
	font-size: 19px;
}

.btn-round-icon.btn-round-mail:before {
	content: "\e90d";
	font-size: 14px;
}

.btn-round-icon.btn-round-address:before {
	background-image: url("data:image/svg+xml,%3Csvg id='Group_2355' data-name='Group 2355' xmlns='http://www.w3.org/2000/svg' width='21.25' height='21.25' viewBox='0 0 21.25 21.25'%3E%3Ccircle id='Ellipse_109' data-name='Ellipse 109' cx='2.5' cy='2.5' r='2.5' transform='translate(8.125 8.125)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.25'/%3E%3Ccircle id='Ellipse_110' data-name='Ellipse 110' cx='6.875' cy='6.875' r='6.875' transform='translate(3.75 3.75)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.25'/%3E%3Cline id='Line_79' data-name='Line 79' y2='3.125' transform='translate(10.625 0.625)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.25'/%3E%3Cline id='Line_80' data-name='Line 80' x2='3.125' transform='translate(0.625 10.625)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.25'/%3E%3Cline id='Line_81' data-name='Line 81' y1='3.125' transform='translate(10.625 17.5)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.25'/%3E%3Cline id='Line_82' data-name='Line 82' x1='3.125' transform='translate(17.5 10.625)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.25'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-position: center;
}

.btn-round-icon.btn-round-danger:before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.169' height='14.587' viewBox='0 0 15.169 14.587'%3E%3Cg id='Group_947' data-name='Group 947' transform='translate(-9.167 -9.593)'%3E%3Cg id='Group_947-2' data-name='Group 947' transform='translate(9.167 9.593)'%3E%3Cpath id='Path_415' data-name='Path 415' d='M18.246,10.49a1.692,1.692,0,0,0-2.988,0L9.353,21.728a1.68,1.68,0,0,0,1.494,2.451h11.81a1.68,1.68,0,0,0,1.494-2.451Zm-1.494,3.5a.875.875,0,0,1,.875.875v3.5a.875.875,0,0,1-1.751,0V14.831a.875.875,0,0,1,.875-.864Zm0,8.169a1.155,1.155,0,1,0,0-.023Z' transform='translate(-9.167 -9.593)' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-position: center;
	background-color: var(--so-color-blue);
	transition: all .2s ease-in-out;
}

.btn-round-icon.btn-round-danger:hover:before {
	background-color: var(--so-color-blue-hover);
}

p.btn-primary.afspraak-maken {
	cursor: pointer;
}





/* Header/navigation */
header {
	position: relative;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	font-size: 16px;
	align-items: center;
	gap: 16px 32px;
	justify-content: space-between;
}

header.main {
	max-width: var(--container-size);
}

header ul {
	padding: 0;
}

header .logo {
	margin: 16px 0;
	max-width: 180px;
	object-fit: contain;
}

header nav,
header a {
	color: #131840;
}

header :is(nav.mainmenu, .sub-nav)>ul {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 48px;
	align-items: center;
	font-weight: 500;
}

header nav.mainmenu>ul>li {
	font-weight: 400;
}

header nav.mainmenu>ul>li,
header nav.mainmenu>ul>li>a {
	padding: 12px 0;
	transition: color 0.2s ease all;
}

header nav.mainmenu>ul>li>a:hover {
	color: var(--so-color-black);
}

header nav.mainmenu>ul>li.menu-item-has-children>a:after {
	content: "\e900";
	font-family: 'ip-icons-v2' !important;
	speak: never;
	font-size: 15px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transition: 0.2s ease all;
	font-size: 6px;
	margin-left: 5px;
	position: absolute;
	line-height: 20px;
}

header .logo-href {
	display: flex;
}

header .logo-href img {
	margin: 0;
}

@media screen and (max-width: 1309px) {
	header.main {
		padding-top: 16px;
		padding-bottom: 16px;
		display: flex;
		align-items: center;
	}
}

@media screen and (max-width: 800px) {
	header.main {
		padding-top: 8;
		padding-bottom: 8;
	}

	header.main .logo {
		max-width: 140px;
	}
}

@media screen and (min-width: 1310px) {
	header nav.mainmenu>ul>li.menu-item-has-children {
		position: relative;
	}

	header nav.mainmenu>ul>li.menu-item-has-children>ul.sub-menu {
		display: none;
		background: var(--so-color-white);
		box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.16);
		padding: 40px;
		position: absolute;
		top: 100%;
		left: 0;
		z-index: 300;
		border-radius: 16px;
	}

	header nav.mainmenu>ul>li.menu-item-has-children:hover>.sub-menu {
		display: flex;
		flex-direction: column;
	}

	header nav.mainmenu>ul>li.menu-item-has-children>.sub-menu li {
		margin: 0 0 32px 0;
		position: relative;
	}

	header nav.mainmenu>ul>li.menu-item-has-children>.sub-menu li:last-child {
		margin-bottom: 0;
	}

	header nav.mainmenu ul>li.menu-item-has-children>.sub-menu li[class^="icon-"] a,
	header nav.mainmenu ul>li.menu-item-has-children>.sub-menu li[class*=" icon-"] a {
		padding-left: 40px;
	}

	header nav.mainmenu ul>li.menu-item-has-children>.sub-menu li:before {
		display: inline-block;
		color: var(--so-color-black);
		font-size: 24px;
		position: absolute;
		top: 12px;
		left: 0;
	}

	header nav.mainmenu ul>li.menu-item-has-children>.sub-menu a {
		color: var(--so-color-black);
		font-size: 17px;
		line-height: 24px;
		display: block;
		white-space: nowrap;
	}

	header nav.mainmenu ul>li.menu-item-has-children.vacaturesmenu>.sub-menu a {
		color: var(--so-color-white);
	}

	header nav.mainmenu ul>li.menu-item-has-children>.sub-menu a small {
		display: block;
		font-size: 14px;
		line-height: 24px;
		opacity: 0.7;
		white-space: normal;
		width: 300px;
	}

	header {
		min-height: 80px;
	}
}

header .btn,
header .btn-primary,
header .btn-white,
header .btn-red,
header .btn-green,
header .btn-purple,
header .btn-dark-blue,
header .btn-outline {
	font-size: 16px;
	line-height: 24px;
	color: var(--so-color-white);
	padding: 14px 28px;
}

@media screen and (max-width: 1310px) {
	header nav.mainmenu>ul {
		padding-left: 40px;
	}
}

@media screen and (min-width: 1311px) {
	header .hamburger {
		display: none;
	}
}

@media screen and (max-width: 1310px) {
	header :is(nav.mainmenu, .sub-nav) {
		display: none;
	}

	header .hamburger {
		padding: 0;
		margin-left: auto;
	}
}

header nav.mainmenu li.cols>ul.sub-menu {
	display: flex;
	padding: 0 !important;
	flex-wrap: nowrap;
	align-items: flex-start;
	flex-direction: row !important;
}

header nav.mainmenu li.cols>ul.sub-menu>li:first-child {
	padding: 40px;
	margin: 0;
}

header nav.mainmenu li.cols>ul.sub-menu>li>a {
	opacity: 0;
	height: 0;
}

.menupost {
	width: 240px;
	padding: 40px;
	border-left: solid 1px rgba(225, 225, 225, 0.15);
}

.menupost img {
	display: block;
	margin-bottom: 20px;
}

.menupost h3 {
	font-size: 17px;
	line-height: 24px;
	font-family: 'Source Sans Pro', sans-serif;
	padding: 12px 0;
}

.menupost a {
	color: var(--so-color-blue) !important;
	font-size: 17px;
	line-height: 28px;
}

.menupost a:after {
	content: "\e916";
	font-family: 'ip-icons-v2' !important;
	speak: never;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display: inline-block;
	vertical-align: middle;
	margin-left: 12px;
}

.menupost>.cattag {
	margin-right: 5px;
}

.vacaturesmenu>ul>li {
	margin-bottom: 12px !important;
}

.vacaturesmenu>ul.sub-menu {
	padding: 32px;
}

.vacaturesmenu>ul>li a {
	display: block;
	background: var(--so-color-blue);
	color: var(--so-color-white);
	padding: 24px;
	max-height: 80px;
	position: relative;
}

.vacaturesmenu>ul>li a:after {
	content: "\e916";
	font-family: 'ip-icons-v2' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 17px;
	position: absolute;
	top: calc(50% - 8px);
	right: 32px;
}

nav.mainmenu .menu-item-has-children.vacaturesmenu > .sub-menu li {
	border-radius: 16px;
	overflow: hidden;
}


/* Sticky desktop menu */
@media screen and (min-width: 1260px) {
	header.main {
		position: relative;
	}

	header.main.header-scrolled {
		position: sticky;
		top: -1px;
		z-index: 8;
	}

	body.admin-bar header.main.header-scrolled {
		top: 32px;
	}

	header.main:after {
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		height: 100%;
		width: 100vw;
		margin-left: calc(-100vw / 2 + 100% / 2);
		margin-right: calc(-100vw / 2 + 100% / 2);
		z-index: -1;
		background: var(--so-color-white);
		box-shadow: 0px 0px 18px -8px rgba(0, 0, 0, 0.3);
		-webkit-box-shadow: 0px 0px 18px -8px rgba(0, 0, 0, 0.3);
		-moz-box-shadow: 0px 0px 18px -8px rgba(0, 0, 0, 0.3);
		opacity: 0;
		transition: 0.2s ease opacity !important;
	}

	header.main.header-scrolled:after {
		opacity: 1;
	}
}



/* Mobile menu */
@media screen and (max-width: 1260px) {
	body.mobile-active {
		overflow: hidden;
	}

	body.mobile-active .notification {
		display: none !important;
	}

	header.main {
		position: sticky;
		top: 0;
		z-index: 999;
	}

	.hamburger.is-active:hover,
	.hamburger:hover {
		opacity: 1;
	}

	header.main.mobile-active:after {
		content: '';
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		height: 100vh;
		width: 100vw;
		background: var(--so-color-white);
		z-index: 98;
	}

	header.main.mobile-active .mainmenu {
		display: block;
		position: fixed;
		top: 130px;
		overflow-y: auto;
		overflow-x: hidden;
		z-index: 99;
		scrollbar-width: auto;
		scrollbar-color: #212C4B #131f40;
		height: 100%;
		max-height: -webkit-fill-available;
		width: calc(100% - 32px);
		margin-bottom: 26px;
	}

	header.main.mobile-active .mainmenu::-webkit-scrollbar {
		width: 5px;
	}

	header.main.mobile-active .mainmenu::-webkit-scrollbar-track {
		background: #131f40;
	}

	header.main.mobile-active .mainmenu::-webkit-scrollbar-thumb {
		background-color: #212C4B;
		border-radius: 0px;
		border: 0px solid #131f40;
	}

	header.main.mobile-active .mainmenu .menu {
		flex-direction: column;
		width: 100%;
		padding-left: 0;
		align-items: flex-start;
		gap: 16px;
	}

	header.main.mobile-active .mainmenu .menu li a {
		font-size: 20px;
	}

	header.main.mobile-active .mainmenu .menu li ul.sub-menu a {
		font-size: 17px;
	}

	header.main.mobile-active :is(.hamburger, .logo-href) {
		z-index: 100;
	}

	header.main.header-scrolled:after {
		content: '';
		position: absolute;
		top: 0;
		left: -32px;
		right: -32px;
		bottom: 0;
		width: calc(100% + 64px);
		background: var(--so-color-white);
		z-index: -1;
		box-shadow: 0px 0px 18px -8px rgba(0, 0, 0, 1);
		-webkit-box-shadow: 0px 0px 18px -8px rgba(0, 0, 0, 1);
		-moz-box-shadow: 0px 0px 18px -8px rgba(0, 0, 0, 1);
	}

	header.main.mobile-active .mainmenu .menu ul.sub-menu {
		display: none;
	}

	header.main.mobile-active .mainmenu .menu>li {
		width: 100%;
	}

	header.main.mobile-active .mainmenu .menu li.active ul.sub-menu {
		display: flex;
		flex-direction: column !important;
		flex-wrap: wrap;
		gap: 12px;
		margin-top: 3px;
		margin-bottom: 5px;
	}

	header.main.mobile-active .mainmenu ul.sub-menu small {
		display: none;
	}

	header.main.mobile-active .mainmenu .menu li.active>a:after {
		content: "\e901";
	}

	header.main.mobile-active .mainmenu .menu>li.menu-item-has-children {
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		padding: 0;
	}

	header.main.mobile-active .mainmenu .menu>li.menu-item-has-children>a {
		cursor: pointer;
	}

	header.main.mobile-active .mainmenu .menu ul.sub-menu>li.featuredmenupost {
		display: none;
	}

	header nav.mainmenu li.cols>ul.sub-menu>li,
	header nav.mainmenu li.cols>ul.sub-menu>li:first-child,
	.vacaturesmenu>ul.sub-menu {
		padding: 0;
	}

	.el-hide-mobile .sub-menu>a,
	.el-hide-mobile>a {
		display: none;
	}

	header.main.mobile-active .mainmenu ul.sub-menu>li {
		width: 100%;
	}

	.vacaturesmenu>ul>li:last-of-type {
		margin-bottom: 0 !important;
	}

	header.main.mobile-active .mainmenu .menu li.active ul.sub-menu li[class^="icon-"],
	header.main.mobile-active .mainmenu .menu li.active ul.sub-menu li[class*=" icon-"] {
		display: flex;
		align-items: center;
	}

	header.main.mobile-active .mainmenu .menu li.active ul.sub-menu li[class^="icon-"]:before,
	header.main.mobile-active .mainmenu .menu li.active ul.sub-menu li[class*=" icon-"]:before {
		margin-right: 10px;
	}

	.slide-out {
		padding: 120px 75px 20px 75px;
	}

	.slide-out .slide-out-close {
		margin-bottom: 30px;
	}
}

@media screen and (max-width: 765px) {
	header.main.mobile-active .mainmenu {
		top: 100px;
	}

	.slide-out.active {
		padding: 100px 35px 20px 35px;
		width: 100%;
		max-width: calc(100% - 70px);
	}
}


/* Custom backgrounds */
/* :is(.home, .page-template-contact) {
	background-image: url('assets/img/header-bg.png');
	background-position: top right;
	background-repeat: no-repeat;
	background-size: 100% 900px;
} */

/* :is(body.post-type-archive-so_cpt_products, body.single-so_cpt_products) {
	background-image: url('assets/img/diensten-bg.jpg');
	background-position: top right;
	background-repeat: no-repeat;
	background-size: contain;
} */



/* General */
.dienst-tag {
	font-size: 17px;
	line-height: 1px;
	border-radius: 2px;
	width: fit-content;
	padding: 12px 16px;
	display: flex;
	align-items: center;
	gap: 12px;
}

.dienst-tag i {
	color: var(--icon-color, #212C4B);
	font-size: 22px;
}

.dienst-tag:has(i[class^="icon-"]) {
	padding-left: 0;
}




/* WP Buttons */
a.wp-block-button__link {
	display: inline-block;
	font-size: 18px;
	line-height: 1;
	padding: 20px 32px;
	border-radius: 30px;
	color: var(--so-color-white);
	transition: 0.25s ease all;
	font-weight: 600;
}

a.wp-block-button__link:not(.has-background) {
	background: var(--so-color-blue);
}

a.wp-block-button__link:hover {
	background: var(--so-color-blue-hover);
}

a.wp-block-button.is-style-fill .wp-block-button__link {
	background: transparent;
	border: 2px solid var(--so-color-white);
	padding: 18px 46px;
}

a.wp-block-button.is-style-fill:hover .wp-block-button__link {
	background: var(--so-color-blue-hover);
	border: 2px solid var(--so-color-blue-hover);
}

a.wp-block-button__link.has-background:is(.has-bg-bg-4-background-color, .has-bg-bg-5-background-color) {
	color: var(--so-color-black);
}


.wp-block-button.is-style-outline a.wp-block-button__link {
	padding: 19px 31px;
	background: none;
	color: var(--so-color-white);
	border: 1px solid var(--so-color-white);
}

.wp-block-button.is-style-outline a.wp-block-button__link:hover {
	background: var(--so-color-blue-hover);
}

.wp-block-button.is-style-outline a.wp-block-button__link.has-bg-bg-1-background-color:hover {
	background: var(--so-color-purple);
	border-color: var(--so-color-purple);
}

.wp-block-button.is-style-outline a.wp-block-button__link.has-bg-bg-2-background-color:hover {
	background: var(--so-color-blue);
	border-color: var(--so-color-blue);
}

.wp-block-button.is-style-outline a.wp-block-button__link.has-bg-bg-3-background-color:hover {
	background: var(--so-color-red);
	border-color: var(--so-color-red);
}

.wp-block-button.is-style-outline a.wp-block-button__link.has-bg-bg-4-background-color:hover {
	background: var(--so-color-gray);
	border-color: var(--so-color-gray);
	color: var(--so-color-black);
}

.wp-block-button.is-style-outline a.wp-block-button__link.has-bg-bg-5-background-color:hover {
	background: var(--so-color-white);
	border-color: var(--so-color-white);
	color: var(--so-color-black);
}



/* ReCaptcha */
.grecaptcha-badge {
	visibility: hidden;
}


/* Home intro */
.header-intro {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin: 60px auto 82px auto;
	max-width: 1315px;
	gap: 16px;
}

.header-intro .home-slider-nav {
	display: flex;
	flex-direction: row;
	align-items: center;
	flex-wrap: wrap;
	gap: 28px;
	margin-bottom: 22px;
}


/* Header intro container */
.header-intro-container {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	width: 100%;
	max-width: 640px;

	picture {
		filter: brightness(0%);
	}
}

.header-intro-container :is(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5) {
	margin-top: 0;
}

.header-intro-container > img {
	-webkit-filter: invert(1);
	filter: invert(1);
}

.header-intro-container :is(h1, .h1) {
	margin-bottom: 26px;
}

.header-intro-container p {
	margin-top: 0;
}

.header-intro-container :is(a, .afspraak-maken) {
	width: fit-content;
	margin-top: 12px;
	cursor: pointer;
}

.header-intro-container .contact-details :is(a, .afspraak-maken) {
	margin-top: 0;
}


/* Home slider */
.home-slider,
.home-slider-nav {
	max-width: 640px;
	width: 100%;
}

.home-slider-nav .next-arrow {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 14px;
	margin-left: 10px;
	margin-top: 0;
}

.home-slider-nav .next-arrow:after {
	content: "\e916";
	font-family: 'ip-icons-v2' !important;
	speak: never;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.home-slider h1 {
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 16px;
}

.home-slider p {
	margin-top: 26px;
	margin-bottom: 24px;
	color: #F9FAFB;
	font-size: 17px;
	line-height: 1.5;
}

.home-slider a {
	margin-top: 30px;
}

.home-slider-dots ul.slick-dots {
	display: flex;
	flex-direction: row;
	position: unset;
	width: fit-content;
}

.home-slider-dots ul.slick-dots li.slick-active button {
	display: block;
	background: #212C4B;
	height: 16px;
	width: 16px;
}

.home-slider-dots ul.slick-dots {
	display: flex;
	align-items: center;
	gap: 14px;
}

.home-slider-dots ul.slick-dots li {
	display: inline-block;
	width: unset;
	height: unset;
	margin: 0;
}

.home-slider-dots ul.slick-dots li button {
	display: block;
	background: #46506A;
	height: 10px;
	width: 10px;
	border-radius: 100%;
}

.home-slider-dots ul.slick-dots li button:before {
	display: none;
}

.wp-block-sogutenberg-homeslideshow .header-intro {
	align-items: center;
}



/* Home - diensten monitor */
.header-intro .diensten-monitor {
	position: relative;
	background-repeat: no-repeat;
	width: 528px;
	height: 442px;
	background-size: contain;
	margin-top: auto;
	margin-bottom: auto;
	margin-left: auto;
	border-radius: 5px;
}

.header-intro .diensten-monitor .circlepulseanimation {
	position: absolute;
	width: 100%;
	z-index: 2;
	pointer-events: none;
	transform: translate(6px, -23px);
}

.header-intro .diensten-monitor .diensten {
	position: relative;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 12px;
}

.header-intro:not(.diensten-header-intro):not(.producten-header-intro) .diensten-monitor>*:after {
	content: '';
	position: absolute;
	background-image: url(assets/img/bg-home.png);
	height: 350%;
	width: 350%;
	background-size: contain;
	z-index: -1;
	left: -95%;
	top: -150%;
}

.header-intro .diensten-monitor .diensten a {
	position: relative;
	flex: 1 0 50%;
	max-width: calc(50% - 6px);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 10px;
}

.header-intro .diensten-monitor .diensten a:after {
	content: '';
	background: #1E356A;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	border-radius: 5px;
	z-index: 1;
	transition: 0.3s ease all;
}

.header-intro .diensten-monitor .diensten i {
	position: relative;
	z-index: 2;
	font-size: 68px;
	transform: translate(0, 16px);
	transition: 0.3s ease all;
}

.header-intro .diensten-monitor .diensten a p {
	line-height: 1;
	margin: 0;
	overflow: hidden;
	transform: translate(0, 15px);
	transition: 0.3s ease all;
	height: 20px;
}

.header-intro .diensten-monitor .diensten a p:after {
	content: "\e916";
	font-family: 'ip-icons-v2' !important;
	speak: never;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin-left: 8px;
}

.header-intro .diensten-monitor .diensten a:hover i {
	transform: translate(0, -5px);
}

.header-intro .diensten-monitor .diensten a:hover p {
	z-index: 2;
	transform: unset;
}

.header-intro .diensten-monitor .diensten a:hover:after {
	top: -12px;
	left: -12px;
	right: -12px;
	bottom: -12px;
	height: calc(100% + 24px);
	width: calc(100% + 24px);
	background: var(--hover-background);
}

.header-intro .diensten-monitor .diensten.dienst-gradient {
	background: rgb(41,107,177);
	background: linear-gradient(0deg, rgba(41,107,177,1) 0%, rgba(102,75,137,1) 50%, rgba(199,23,73,1) 100%);
	border-radius: 5px;
	background-size: cover;
	background-position: center;
	aspect-ratio: 1/1;
	border-radius: 100%;
	max-height: 100%;
	margin-left: auto;
	margin-right: auto;
}

.header-intro .diensten-monitor .diensten.dienst-gradient i {
	color: var(--so-color-white);
}

.header-intro .diensten-monitor .diensten .logopulseanimation {
	position: absolute;
	height: 100%;
	width: 100%;
	z-index: 2;
	pointer-events: none;
}

.header-intro .diensten-monitor .diensten .logopulseanimation:before {
	content: '';
	background-image: url('/wp-content/themes/ip4sure/assets/img/ip4sure-round.png');
	height: 82px;
	width: 82px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

@media only screen and (max-width: 1270px) {
	.header-intro-container {
		max-width: 430px;
	}
}

@media only screen and (max-width: 1270px) {
	.header-intro {
		margin: 40px auto 48px auto;
	}
}

@media only screen and (max-width: 1070px) {
	.diensten-monitor {
		display: none;
	}

	.header-intro-container {
		max-width: 100%;
	}
}


/* Diensten header intro - diensten monitor */
.header-intro.diensten-header-intro {
	position: relative;
}

.header-intro.diensten-header-intro .diensten-monitor .diensten.dienst-gradient i {
	background: unset;
	height: fit-content;
	top: calc(50% - 6px);
	left: 50%;
	transform: translate(-50%, -50%);
	color: var(--dienst-color);
	height: 82px;
	width: 82px;
	background: #FFFFFF;
	text-align: center;
	border-radius: 100%;
	font-size: 48px;
}

.header-intro.diensten-header-intro .diensten-monitor .diensten.dienst-gradient i:before {
	line-height: 82px;
	font-size: 50px;
}

.header-intro.diensten-header-intro .diensten-monitor .diensten.dienst-gradient i.icon-defensive {
	position: relative;
}

.header-intro.diensten-header-intro .diensten-monitor .diensten.dienst-gradient i.icon-defensive:before {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, calc(-50% + 2.5px));
}


/* Producten header intro */
.header-intro.producten-header-intro img {
	width: fit-content;
	margin-bottom: 20px;
}

.header-intro.producten-header-intro .diensten-monitor .diensten.dienst-gradient i {
	font-size: 130px;
	background: none;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.header-intro.producten-header-intro .diensten-monitor .diensten.dienst-gradient i.icon-armis:before {
	content: '';
	height: 130px;
	width: 130px;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAXUAAAFjCAMAAAD1rGt8AAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAaFQTFRFAAAA////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////ja4xQQAAAIt0Uk5TAP+84ST9+vP2C/4F0+QEAvdBAys+EfkZ7gYeDrSdo1jyIAfI2gwBGCntLs8UqGxV58rm3F/gN4PsCRY0vlPSmHxiI9USXSYbhFubSNdXOPAxunJKb5B5ZMSVinXjJZNA3g/QqkxpQ1HAroZ2zMa4TbKRgJ/pGjtFHzKci6GmaLC2jGbDeHusJ4iOpWVTYVYAAA1BSURBVHic7Z3nWhRZF4XZYHfTNDmDZMkgKElAMoiYFVQMI4gJc85jzs5VDz18fCLSULUrrFrV9V7BOe+P/ZywQ0pKkpHddOzn/aHUyvHmMvRSkoeSsRpZJf3vS+jFJAtHjsovIuN16PUkBeNh+Y0zUfSKkoCekGxgIQe9Jt+TF9koXeQ6elF+Z6ntT+lSehK9LJ+zsIl0kdQB9Lp8zdym0kVm0QvzM4PdCayXFqCX5mMqE0gXORXEGKfoTChdpAO9OL/SlCi+/BdjjqOX51MSx5c4e3ei1+dLqou3tC5j2egV+pCSya2lS+5z9BL9R86TbaSLnGtAL9J3HKjZ1nroMXqRfmNH2rbSRWqCGGMrZbcMSBe5Fzy120lHriHroR/ohfqJl12GpIukB3cl24i9Nyh95a4UnGPs4t0fn3aJmUEv1i+83GNcukReoZfrD6IVJqSv3JWC9xg7OG1KusgYesF+4FWLSeuR/egl87PzvknpIkNF6EXT02Fausg+9KLZOX5CYT33GnrZ3LR/UEhfuSu9RC+cmtkMlXW5gF44M4WbJDUaIjyMXjovJXeV0ldiTDl68bTsU0sXOROkV+tYVAb1VZbRy+dkacSKdGkrQW+AkhlL0kUeoTfASKGl+BLnCHoLfNRZiy9xMoP3GLPctix95RyD3gQbc5bjywoZeehtcNG0XVKjMdqC/BgznLFFushP9EaYuLZN0rRhIkGMMUz5ZkWlOnYFMcYoP22TLjKK3gwLnXbFlzjhHvR2OJjQv+9uRttB9IYYyH9jq3SRyqBeaXvGbZYu4XH0lrxPQb3d1oMYsy35u22XLlIV9GTbmnEHpIsE55gtmTZS9GWeyeBfaSuuOiJd5J8gxiTmkEPSRY6ht+ZdprMcs14/iN6cVykznzRtnDcx9PY8yjsHpYsEeb6bMt3vqPXeIMZsQsxc0Zd5KoNzzJ84G19WyHiA3qL3aP7LaetyOegavoFsp+NLnG9BjPmds+HtpVkmHLRR/o3jzt2P1hPEmPVEP7siXeRWEGN+YUdSoyFygxan/6fPaNMd66RNoDfrFZZ2uSZdpCJ4j1nFStGXacLv0Nv1Bq+eumldsmrRG/YC7VdclS7yPogx9iVNGyYU5Mek5Bnr1GgnXdPoTaMZzHRdusjVJL8r5f8NkC6hA+h9YwHElzh7knrkzEG3zy9rvE3iFqd1H0HSJZTEb77DdhZlmCPSh948ipdbTeJxmop29PYx1G09icdp7qD3j+EYVHqStjgtQcaXOKeSsaVGFVh6UsYYcHyJE2lFS3Cb9sto5yvcrENrcJm3aOP/cRGtwV3m0b5XqWlGi3CTWjOTMpxkCG3CTbwRX+KcRqtwj3ETk3gc5mnSnGOme9Gu13EfbcMt8Pej9SRJjPnkRtK0cf5KiveYPneSpo1TgTbiAtFvaMsbyfD/yJnGO3Y0JbWXpzfQVpxmsRTteBOGfP53HX2INrwpFxrRYhzlLNrv5vT7OsYcT0f7TYCfx3OWnULbTYiPx1p9QbtNTE0hWo5TFGKSGo1x16cxJmpfp2kn8OldyeokHofxZw5eobcevf5k7xJakf3UuVlUqmMM7ch+PB5f4vgvxnjy/WUj93yWgzfgVlMMa3xFe7KXBbRPY5Q+R4uyk2HNpHUEIz6KMVOooi/z+GfkTM55tEvjlM6hbdlFJ8P5ZY1Jn8SYIkTRup7DaF+20DiK9miOE74YATzs1f+jRNQ3oZVZp9z+STxOcx7tzDLZTk3KcJCaF2hrVqn2TtK0cerJx1rVOt9p2gm4RwDHvJU0bZgIdX5MJ2N8iXO0HK1OzyWvFH2Z5zbanZroE7Q7Pem055h5r/9Pb0UmaRvlApZH9c35kYMWqGHnB7Q3a4Sr0QY1XEdrs0rvd7RC8xS0oK1ZpoqupUZ2KtqZDdDFmA7W+9F6ssjOMZe4zy9r/IP2aIqGm2hfNkEVYx6jbdlFFtGb70l/xJc4PDFm5zm0K/vI6ETbNIpHi0p1dJO8+fbVoE3ZCkd+TNEQ2pO9hClizB20JruZJLgrFforvsTxfp5vuY/OL2uEPT9yBjKJx2kyPT7Wao750y4xo/losVtR7v2iUh09aLNb4fokQbfwcow5gpbjHJXZaLmJKPF2UwxreDbGPEKbcZJuj44A7kSLcZY3nuyDV+KFSRlO4sl/JeKkRmOklaAV/8kyWorzVKId/8EUX9GXeTz35vsabcQNej1WE/nAn+8vG3mN9vwb7VxF62pCx9Cm17MbrcMtjnroHOOLpEZjeOccs+Mo2oV7RA6hbf+PMs9NynCSTI/EmNPJE1/iPPHEv9JEEsWXODVeiDF179Ea3GayHe08JWUWLcF9quA1ka1em/TlArnou1LUL0UZpqh/hrXu4UkZTvIE+q/UytSp0UbCy0DpUZ8lTRvnMrCW4CJ68zgOw2JMq3+KvsyDyvNt8EPR+honutNM0XJuB0R69hjalC3U7/7Rk9fX1zyxwxTTBZipVp6e9GWM/rfzzQd3xiD6dBSRJ01npN9fLmGbJpuzD63NEqGWj81RtEPz5LF1mv6N/kdN8BcsBdG9aHEWqLlagPan4wLx/1G950vqElBIHF/eeOTj0zRTI2h1aiJf0PLUEE3i2UCXJ5PQDTFXjJanJYt3OnU7bVLAnjy0Oz20RV9dtH2mmeML+pPZAk20SdN30OosQNsU4xbanAWusd6PWlrR6vS09qLtabmOVqcnn2yS4C9SiQdoHmAt+qpZRKvT08o56Uskg/j8EjuMtqfl1CDanZ4etDwt6bzPLynfaZOmZ9Dq9GSTThIUueexQnQznEbL05JLHF9aI2h7Wn6g1elpPIWWp2VkCu1OTwdanpbwA7Q6Pd9pJ31xNK3fnAq0PC29xPcj2kmCxcNodXoKaO9Hu9Hq9OTTFmU8fYl2p4d2Ek94Hq1OT2EX2p6Wh0xlGL/DO6n0KeEw3jV4i7460Or05NGeX1IxVXJ2MEBbtB55hXanppG36OuiJ/pzqZijfd+9yRtfpu6i5WlJ70O707OAlqdmhrGycZUbrEmNkkkcX2iTptOJizI+ouWpuYBWp2eRNr4cXUK7U1NEG19yPTf/wjAx3kkZVbz3owcZaHlarvCmejV1o+VpqeEttYtVouWp2c0bX4Zpzy+TmN5zdsAbX0LEXxm0SdPMqRjDtO+7vR6d/WqAZ7RFpXIR7U5NjDapUe6j3en5xFpUKqW8Veu1rEWlIrNod2qyH6LdqdnF+3/UQ9upMcRb9TW9By1PDe9XRox3UukV3qqvedr4ksH7VfqKdxLPebQ7NVO896MR3qeAWdr/I+HtBNtH++glC7RfGe288aXtElqeGt5JX2He+LKfN75UZqPlaZmibYohWSfR8tTcRrtTU+yF8d068tDu9FSh3alp4J3Es6cZLU8Nb3yR02h3ap7TftrJ0ABanpbYPbQ7Nf288YW3qDTEm4pBPElwL218WaItKmVuwEs7iUdCf6PdqemkncQjewkHw67SzjsJmbeqNGeB9/9ogTbr6BDvpPXJcrQ8LYO88aX4GlqeFt5JGSJn6tD2tHxCq9NTfxAtT8uly2h3emgbfGfzJjXKVdqj+jhanZ402vhCXJQhB9DytOQQx5dvtE+NB9Dq9PB+ZUzwFmXIF7Q8LY28SY1yivb8Qnw/6tqPlqelmXYSj8hXtDwt+bxFpXKO9vzSwZv/sucFWp6WAuLzy0wj2p6SGHF8+Uz7vjvLm//SQvtVWkA7iYe4qjTKm9QobUVoe1oe0xatS/ERtDwt+4nvR7TxpYE3KUC6aQcI0E4SXIF2VilxUwzeBpnRm2h1evppU714JwmK9KDlaVnkLVqXCtauGOUjaHV6amir1nmLvoirSnknfYl8YH0KqL2CVqen9DjanpKcGbQ6C9BWlb7gffSSoWdoe0pqic8v6Ytoe0ryeSdliIyh7WnpRJuzwOd2tD0l5WlodXrSb6DtaWGOLx/R8rQM81byyuQg2p6SEuKir3Tar1LeSaUir9HytFTzJjVKFuv9aAdx0VcubYPMq2h1FriFlqelh/j8QhtfCurR6vSk01aVvkWrs8AH1q47vJN4RLpYZwmeJI4vGayzBOuIi9alogGtT8lXtDkLlBag7Sk5TlyUIWdJZ2VEeSdliOxirVpnTpqOsKZinOxHq7MAa9X6AHHStGSyxpdZtDkL0FZ9MTfFoK36KiMuKpUR1lQM5qTpCGuDzP28naZF3pB2xagjLiqVTNZZyMSTviT0Dm1PyXPm+1FVGVqfjjLm+HKFtar0AtqcBcLzaHtKjjDHl29oe0qK2tDmLJBGWlWaQzwpQzI60PqULBMXrctDtD0lg5locxZoYf0qHUWbs8IY2p6SOeb3l72k/9ODR9HmLFD8Cq1PRzbz+UUeo/UpqSZOapTMJbQ+HbXEnaZFSGcJDlSixVnhEVqfEuaiL7lLOutrIgttzgrLaH06Gqjjy2gM7U/HIebzSy/pU8DJXrQ5CxSTVpU2vEebs8IoaYPMx2hxVsgijS8p31KJqUbbU/IvJhbp0wKyo6gAAAAASUVORK5CYII=);
	display: block;
	z-index: 1;
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;	
}


/* Diensten archive header */
@media only screen and (max-width: 1390px) {
	.diensten-archive-img {
		display: none;
	}
}

@media only screen and (min-width: 1390px) {
	.diensten-archive-img {
		position: relative;
	}

	.diensten-archive-img .logopulseanimation {
		position: absolute;
		top: 41px;
		left: 62px;
	}
}




/* Brand slider */
.brand-slider {
	margin: 50px auto;
	max-width: 1050px;
}

.brand-slider .slick-slide {
	margin: 0 30px;
}

.brand-slider .slick-list {
	position: relative;
	margin: 0 -30px;
}

.brand-slider .slick-list:before,
.brand-slider .slick-list:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	height: 100%;
	width: 130px;
	z-index: 1;
}

.brand-slider .slick-list:before {
	left: 0;
	background: rgba(255,255,255,1);
	background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 10%, rgba(255,255,255,0) 100%);
}

.brand-slider .slick-list:after {
	right: 0;
	background: rgb(19, 31, 64);
	background: linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 10%, rgba(255,255,255,0) 100%);
}



/* Toggler */
.toggle-section {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	margin: 48px 0;
}

.toggle-section .small-intro p {
	margin-bottom: 0;
}

.toggler .toggler-nav {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 14px;
	justify-content: center;
	margin-top: 24px;
	margin-bottom: 48px;
}

.toggler .toggler-nav p {
	position: relative;
	font-size: 16px;
	font-weight: 600;
	line-height: 1;
	padding: 11px 22px;
	margin: 0;
	border: 1px solid var(--so-color-purple);
	border-radius: 25px;
	cursor: pointer;
	z-index: 1;
}

.toggler .toggler-nav p.active {
	color: var(--so-color-white);
	background-color: var(--so-color-purple);
}

.toggler .toggler-slides {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	position: relative;
}

.toggler .toggler-slides figure {
	position: absolute;
	z-index: 1;
	right: 0;
	top: 0;
	bottom: 0;
	max-width: 1050px;
	margin-left: 100px;
}

.toggler .toggler-slides figure img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	border-radius: 16px;
	overflow: hidden;
}

.toggler .toggler-slides :is(.toggler-slide-content, .toggler-slide-tags) {
	position: relative;
}

.toggler .toggler-slides .toggler-slide {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	max-width: 720px;
	z-index: 2;
	margin-top: 30px;
	margin-bottom: 50px;
	border-radius: 16px;
	background: var(--so-cyberlab-gradient);
	overflow: hidden;
}

.toggler .toggler-slides .toggler-slide-content {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	padding: 65px 70px 55px 80px;
}

.toggler .toggler-slides .toggler-slide-content :is(p.tag, h3),
.toggler .toggler-slides .toggler-slide-content,
.toggler .toggler-slides .toggler-slide-content {
	color: var(--so-color-white);
}

.toggler .toggler-slides .toggler-slide-content:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
}

.toggler .toggler-slides .toggler-slide-content p.tag {
	margin: 0 0 16px 0;
}

.toggler .toggler-slides .toggler-slide-content h3 {
	margin: 0 0 34px 0;
}

.toggler .toggler-slides .toggler-slide-content :is(p.tag, h3) {
	flex: 1 0 100%;
	width: 100%;
}

.toggler .toggler-slides .toggler-slide-content .toggler-text {
	margin-right: 16px;
	max-width: 415px;
	margin-bottom: 50px;
}

.toggler .toggler-slides .toggler-slide-content .toggler-text p {
	margin-top: 0;
	font-size: 20px;
	line-height: 31px;
	margin-bottom: 24px;
}

.toggler .toggler-slides .toggler-slide-content .toggler-text+i {
	text-align: right;
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
	font-size: 80px;
	flex-grow: 1;
}

.toggler .toggler-slides .toggler-slide-content .more-info {
	position: relative;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	width: fit-content;
	gap: 8px;
	font-size: 24px;
	transition: 0.25 ease all;
	color: var(--so-color-white);
}

.toggler .toggler-slides .toggler-slide-content .more-info:before {
	content: '';
	position: absolute;
	height: 1px;
	background: var(--so-color-white);
	bottom: 0;
	left: 0;
	right: 25px;
}

.toggler .toggler-slides .toggler-slide-content .more-info:after {
	content: "\e916";
	font-family: 'ip-icons-v2' !important;
	speak: never;
	font-size: 15px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transition: 0.2s ease all;
}

.toggler .toggler-slides .toggler-slide-content .more-info:hover:after {
	transform: translate(5px, 0);
}

.toggler .toggler-slides .toggler-slide-tags {
	padding: 50px 80px;
}

.toggler .toggler-slides .toggler-slide-tags,
.toggler .toggler-slides .toggler-slide-tags * {
	color: var(--so-color-white);
}

.toggler .toggler-slides .toggler-slide-tags:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	background: rgba(0, 0, 0, 0.25);
	backdrop-filter: blur(23px);
	-webkit-backdrop-filter: blur(23px);
}

.toggler .toggler-slides .toggler-slide-tags>p {
	margin: 0;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 1;
}

.toggler .toggler-slides .toggler-slide-tags ul {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 12px;
	padding: 0;
	margin-top: 12px;
	margin-bottom: 0;
}

.toggler .toggler-slides .toggler-slide-tags ul li {
	display: inline-block;
	font-size: 12px;
	line-height: 1;
	padding: 15px 20px;
	border: 1px solid #FFFFFF;
	border-radius: 100px;
}

.toggler .toggler-slide:not(.active),
.toggler .toggler-slide:not(.active)+figure {
	display: none;
}

@media only screen and (max-width: 1270px) {
	.toggle-section {
		margin: 85px 0;
	}
}

@media only screen and (max-width: 1170px) {
	.toggler .toggler-slides :is(.toggler-slide-content, .toggler-slide-tags) {
		padding-top: 40px;
		padding-bottom: 40px;
		padding-left: 50px;
		padding-right: 50px;
	}
}

@media only screen and (max-width: 1010px) {
	.toggler .toggler-nav {
		margin-bottom: 55px;
	}
}

@media only screen and (max-width: 860px) {
	.toggler .toggler-slides .toggler-slide {
		margin-top: 0;
		margin-bottom: 0;
		max-width: unset;
	}

	.toggler .toggler-slides figure {
		margin-left: 0;
	}
}

@media only screen and (max-width: 620px) {
	.toggler .toggler-slides :is(.toggler-slide-content, .toggler-slide-tags) {
		padding-top: 26px;
		padding-bottom: 26px;
		padding-left: 30px;
		padding-right: 30px;
	}
}

@media only screen and (max-width: 480px) {
	.toggler .toggler-slides .toggler-slide-tags {
		display: none;
	}
}





/* Clickable cards */
.clickable-cards {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 16px;
	margin: 48px 0;
}

.clickable-cards>.clickable-card {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	flex: 1 0 50%;
	max-width: calc(50% - 168px);
	background: var(--so-cyberlab-gradient);
	padding: 64px 80px 54px 80px;
	position: relative;
	border-radius: 16px;
	overflow: hidden;
}

.clickable-cards>.clickable-card * {
	color: var(--so-color-white);
}

.clickable-cards>.clickable-card:only-child {
	margin: 0 auto;
}

.clickable-cards>.clickable-card p {
	margin-top: 0;
}

.clickable-cards>.clickable-card>*:not(.clickable-card-content, .clickable-card-content + i) {
	flex: 1 0 100%;
	width: 100%;
}

.clickable-cards>.clickable-card h3 {
	position: relative;
	margin-top: 0;
	margin-bottom: 12px;
	margin-right: 50px;
	transition: 0.25 all ease-in-out;
	line-height: 1.4em;
}

.clickable-cards>.clickable-card h3:after {
	content: "\e916";
	font-family: 'ip-icons-v2' !important;
	speak: never;
	font-size: 24px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 1;
	padding-left: 15px;
	position: absolute;
	height: 28px;
	line-height: 28px;
	transform: translate(0, 0);
}

.clickable-cards>.clickable-card i {
	text-align: right;
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
	font-size: 80px;
	flex-grow: 1;
}

.clickable-cards>.clickable-card .clickable-card-content {
	margin-right: 16px;
	max-width: 415px;
	margin-bottom: 50px;
}

.clickable-cards>.clickable-card .clickable-card-content p {
	font-size: 20px;
	line-height: 31px;
}

.clickable-card .intro {
	font-size: 17px;
	line-height: 1;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 12px;
}

@media only screen and (max-width: 1170px) {
	.clickable-cards>.clickable-card {
		padding: 40px;
		max-width: calc(50% - 88px);
	}

	.clickable-cards>.clickable-card .clickable-card-content {
		margin-bottom: 30px;
	}
}

@media only screen and (max-width: 900px) {
	.clickable-cards {
		flex-direction: column;
	}

	.clickable-cards>.clickable-card {
		padding: 40px;
		max-width: calc(100% - 80px);
	}
}

@media only screen and (max-width: 640px) {
	.clickable-cards>.clickable-card h3:after {
		font-size: 15px;
		height: 44px;
		line-height: 44px;
	}
}

@media only screen and (max-width: 492px) {
	.clickable-cards>.clickable-card {
		padding: 28px;
		max-width: calc(100% - 56px);
	}
}




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

	.toggler .toggler-slides .toggler-slide-content h3,
	.clickable-cards>.clickable-card h3 {
		margin: 0 0 16px 0;
	}

	.toggler .toggler-slides .toggler-slide-content p.tag {
		margin: 0 0 10px 0;
	}

	.toggler .toggler-slides .toggler-slide-content .toggler-text p,
	.clickable-cards>.clickable-card .clickable-card-content p {
		font-size: 17px;
		line-height: 28px;
	}

	.toggler .toggler-slides .toggler-slide-content .toggler-text,
	.clickable-cards>.clickable-card .clickable-card-content {
		margin-bottom: 24px;
	}

	.toggler .toggler-slides .toggler-slide-content .more-info {
		font-size: 17px;
	}

	.toggler .toggler-slides .toggler-slide-content .more-info:before {
		right: 18px;
	}

	.toggler .toggler-slides .toggler-slide-content .more-info:after {
		font-size: 10px;
	}

	.toggler .toggler-slides .toggler-slide-content .toggler-text+i,
	.clickable-cards>.clickable-card i {
		font-size: 60px;
	}
}



/* Quote slider */
/*.quote-section {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	margin-top: 45px;
	margin-bottom: 80px;
}

.quote-slider {
	padding-top: 30px;
	width: 100vw;
	margin-left: calc(-100vw / 2 + 100% / 2);
	margin-right: calc(-100vw / 2 + 100% / 2);
}*/

.quote-slider .tag {
	font-size: 14px;
	line-height: 1;
	border: 1px solid #212C4B;
	border-radius: 20px;
	display: inline-block;
	padding: 7px 20px;
	width: fit-content;
}

.quote-slider .slick-track {
	display: flex !important;
}

.quote-slider .slick-slide {
	display: flex !important;
	flex-direction: column;
	flex-wrap: wrap;
	margin: 0 8px;
	padding: 40px 45px;
	background: var(--so-color-gray);
	height: inherit !important;
	border-radius: 16px;
}

.quote-slider .slick-slide q {
	display: block;
	font-size: 17px;
	line-height: 1.5;
	margin-top: 20px;
	margin-bottom: 34px;
}

.quote-slider .slick-slide .quote-author {
	margin-top: auto;
}

.quote-slider .slick-slide .quote-author p {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 14px;
	margin-top: 18px;
	margin-bottom: 18px;
}

.quote-slider .slick-slide q:before {
	content: '"';
}

.quote-slider .slick-list {
	margin: 0 -8px;
}

@media only screen and (max-width: 768px) {
	.quote-slider .slick-slide {
		padding: 32px;
	}
}

@media only screen and (max-width: 576px) {
	.quote-slider .slick-slide {
		padding: 16px;
	}
}

/* Home hero */
.home-hero {
	max-width: ;
}

.wp-block-group.is-style-small-content {
	margin-left: auto;
	margin-right: auto;
	max-width: 1315px;
}

.home-hero :is(h1, h2, h3, h4, h5, h6, p) {
	max-width: 504px;
}

:is(.wp-block-group.has-background.has-cyberlab-gradient-gradient-background) h1 {
	font-size: 80px;
}

/* Timeline and quote slider intro */
:is(.timeline-section, .quote-section) {
	margin: 100px auto;
}

:is(.timeline-section > .timeline-intro, .quote-section > .quote-intro) {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 32px;
	margin-bottom: 64px;
	color: var(--so-color-black);
}

:is(.wp-block-group.has-background.has-bg-bg-1-background-color, .wp-block-group.has-background.has-bg-bg-2-background-color, .wp-block-group.has-background.has-bg-bg-3-background-color, .wp-block-group.has-background.has-bg-bg-4-background-color, .wp-block-group.has-background.has-bg-bg-5-background-color, .wp-block-group.has-background.has-cyberlab-gradient-gradient-background) :is(.timeline-section > .timeline-intro, .quote-section > .quote-intro) :is(h1, h2, h3, h4, h5) {
	color: var(--so-color-white);
}

:is(.timeline-section > .timeline-intro, .quote-section > .quote-intro) :is(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5) {
	font-size: 48px;
	line-height: 1;
	margin-top: 0;
	margin-bottom: 0;
}

:is(.timeline-intro .timeline-slider-nav, .quote-intro .quote-slider-nav) {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 8px;
	margin-left: auto;
}

.timeline-intro :is(.timeline-prev, .timeline-next),
.quote-slider-nav :is(.quote-prev, .quote-next) {
	height: 60px;
	width: 60px;
	line-height: 60px;
	font-size: 16px;
	background: var(--so-color-blue);
	border-radius: 100%;
	text-align: center;
	cursor: pointer;
}


.quote-slider-nav .quote-prev:before,
.quote-slider-nav .quote-next:before,
.timeline-intro .timeline-prev:before,
.timeline-intro .timeline-next:before {
	font-family: 'ip-icons-v2' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 60px;
	color: var(--so-color-white);
}

.quote-slider-nav .quote-prev:before,
.timeline-intro .timeline-prev:before {
	content: "\e90b";
}

.quote-slider-nav .quote-next:before,
.timeline-intro .timeline-next:before {
	content: "\e916";
}

:is(.timeline-slider, .quote-slider) .slick-list {
	overflow: visible;
	margin: 0 -8px;
}

@media only screen and (max-width: 1270px) {
	:is(.timeline-section, .quote-section) {
		margin: 95px auto;
	}
}

@media only screen and (max-width: 880px) {
	:is(.timeline-section > .timeline-intro, .quote-section > .quote-intro) {
		margin-bottom: 48px;
	}
}

@media only screen and (max-width: 320px) {
	:is(.timeline-section > .timeline-intro, .quote-section > .quote-intro) {
		flex-direction: column;
		gap: 16px;
		margin-bottom: 44px;
	}
}



/* Timeline slider */
.timeline-section {
	max-width: var(--container-size);
}

.timeline-slider .slick-track {
	display: flex !important;
}

.timeline-slide {
	position: relative;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	padding: 22px 36px;
	background: var(--so-color-gray);
	border-radius: 16px;
	margin: 0 8px;
	height: inherit !important;
}

:is(.timeline-slide, .timeline-slide *) {
	color: var(--so-color-black);
}

.wp-block-group.has-background:is(.has-cyberlab-gradient-gradient-background, .has-bg-bg-1-background-color, .has-bg-bg-2-background-color, .has-bg-bg-3-background-color) .timeline-slide {
	color: var(--so-color-white);
	background: #00000029 0% 0% no-repeat padding-box;
}

.timeline-slide .jaartal {
	padding: 6px 14px;
	line-height: 21px;
	color: #131F40;
	background: white;
	border-radius: 15px;
	margin: 0;
	width: fit-content;
	font-weight: bold;
	font-size: 14px;
	position: absolute;
	top: -14px;
	min-height: 20px;
	box-shadow: 0px 6px 12px #00000014;
	left: 36px;
}

.timeline-slide h4 {
	margin-top: 22px;
	margin-bottom: 32px;
}

.timeline-slide p:not(.jaartal) {
	font-size: 16px;
	line-height: 28px;
	font-weight: 300;
	margin-top: 0;
	margin-bottom: 34px;
}


@media only screen and (max-width: 320px) {
	.timeline-intro .timeline-slider-nav {
		transform: unset;
	}
}


/* Slider progress */
:is(.quote-progress, .timeline-progress) {
	display: block;
	width: 100%;
	height: 10px;
	border-radius: 10px;
	overflow: hidden;
	margin-top: 38px;
	background-color: #00000029;
	background-image: linear-gradient(to right, #1D71B8, #1D71B8);
	background-repeat: no-repeat;
	background-size: 0 100%;
	transition: background-size .4s ease-in-out;
}



/* Quote tag section */
.quote-tags-section {
	margin: 96px auto;
	max-width: var(--container-size);
}

.wp-block-group.has-background .quote-tags-section {
	margin-top: 0;
	margin-bottom: 0;
}

.quote-tag-block {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	border-radius: 16px;
	overflow: hidden;
	border: 1px solid #EEEEEE;
}

.quote-tag-block q {
	font-size: 28px;
	font-weight: 500;
	line-height: 1.285714285714286;
	margin-bottom: 32px;
	font-family: var(--header-font-family);
	color: var(--so-color-white);
}

.quote-tag-block q:before,
.quote-tag-block q:after {
	content: '"';
}

.quote-tag-block q+p {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	line-height: 1;
	margin: 0;
	font-weight: 600;
	color: var(--so-color-white);
}

.quote-tag-block q+p span {
	font-weight: 400;
	color: #FFFFFFA8;
	padding-left: 16px;
}

.quote-tag-block :is(.quote-tag-block-content, .quote-tag-block-tags) {
	padding-top: 45px;
	padding-bottom: 55px;
}

.quote-tag-block .quote-tag-block-content {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	max-width: 730px;
	background: var(--so-color-white);
	width: 100%;
	padding: 48px 48px 56px 48px;
	justify-content: center;
}

.quote-tag-block .quote-tag-block-tags {
	background: var(--so-color-gray);
}

.quote-tag-block :is(.quote-tag-block-content, .quote-tag-block-content *) {
	color: var(--so-color-black);
}

.wp-block-group.has-background:is(.has-cyberlab-gradient-gradient-background, .has-bg-bg-1-background-color, .has-bg-bg-2-background-color, .has-bg-bg-3-background-color) .quote-tag-block {
	border: 1px solid transparent;
}

.wp-block-group.has-background:is(.has-cyberlab-gradient-gradient-background, .has-bg-bg-1-background-color, .has-bg-bg-2-background-color, .has-bg-bg-3-background-color) .quote-tag-block .quote-tag-block-content {
	background: #00000026;
	color: var(--so-color-white);
}

.wp-block-group.has-background:is(.has-cyberlab-gradient-gradient-background, .has-bg-bg-1-background-color, .has-bg-bg-2-background-color, .has-bg-bg-3-background-color) .quote-tag-block :is(.quote-tag-block-content, .quote-tag-block-content *) {
	color: var(--so-color-white);
}

.quote-tag-block .quote-tag-block-tags {
	background: #F4F5F4;
	padding-left: 64px;
	padding-right: 64px;
}

.wp-block-group.has-background:is(.has-cyberlab-gradient-gradient-background, .has-bg-bg-1-background-color, .has-bg-bg-2-background-color, .has-bg-bg-3-background-color) .quote-tag-block .quote-tag-block-tags {
	background: #00000040;
}

.quote-tag-block .quote-tag-block-tags {
	flex: 1;
}

.quote-tag-block .quote-tag-block-tags img {
	width: 100%;
	max-width: 180px;
	object-fit: cover;
}

.quote-tag-block .quote-tag-block-tags ul {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 16.5px 6.5px;
	padding-left: 0;
	margin-top: 20px;
	list-style: none;
	margin-bottom: 0;
}

.quote-tag-block .quote-tag-block-tags ul li {
	font-size: 12px;
	line-height: 1;
	padding: 15px 20px;
	border-radius: 24px;
	border: 1px solid var(--so-color-black);
	color: var(--so-color-black);
}

.wp-block-group.has-background:is(.has-cyberlab-gradient-gradient-background, .has-bg-bg-1-background-color, .has-bg-bg-2-background-color, .has-bg-bg-3-background-color) .quote-tag-block .quote-tag-block-tags ul li {
	border: 1px solid var(--so-color-white);
	color: var(--so-color-white);
}

@media only screen and (max-width: 1510px) {
	.quote-tag-block .quote-tag-block-content {
		max-width: 780px;
		padding-left: 70px;
	}
}

@media only screen and (max-width: 1400px) {
	.quote-tag-block .quote-tag-block-content {
		padding-left: 64px;
		padding-right: 64px;
	}
}

@media only screen and (max-width: 1330px) {
	.quote-tag-block .quote-tag-block-content {
		max-width: 720px;
	}
}

@media only screen and (max-width: 1270px) {
	.quote-tags-section {
		flex-direction: column;
		margin: 48px auto;
	}

	.quote-tag-block .quote-tag-block-content {
		max-width: unset;
	}

	.quote-tag-block :is(.quote-tag-block-content, .quote-tag-block-tags) {
		padding: 40px;
	}
}

@media only screen and (max-width: 600px) {
	.quote-tag-block .quote-tag-block-tags img {
		max-width: 170px;
	}

	.quote-tag-block .quote-tag-block-tags ul {
		margin-top: 26px;
	}
}

@media only screen and (max-width: 370px) {
	.quote-tag-block :is(.quote-tag-block-content, .quote-tag-block-tags) {
		padding: 24px;
	}
}




/* Filter section */
.filter-section {
	margin: 125px 0;
}

.filter-section .filter-blocks,
.product-blocks {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin-top: 28px;
	gap: 16px;
}

.filter-intro {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 16px;
}

.filter-intro a.btn-arrow-large {
	position: relative;
	color: var(--so-color-blue);
	font-size: 16px;
	line-height: 1.375;
	font-weight: 500;
	margin-top: auto;
	margin-left: auto;
	margin-right: 0;
}

.filter-intro .filter-intro-content {
	max-width: 864px;
}

.filter-intro .filter-intro-content h2 {
	margin-top: 0;
	margin-bottom: 20px;
}

.filter-intro .filter-intro-content h2+p {
	color: #505050;
	max-width: 640px;
	margin-top: 0;
}

.filter-intro .filter-controls {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 14px;
	margin-top: 36px;
}

.filter-intro .filter-controls p {
	font-size: 16px;
	font-weight: 600;
	line-height: 1;
	padding: 11px 22px;
	margin: 0;
	border: 1px solid #131840;
	border-radius: 25px;
	cursor: pointer;
}

.filter-intro .filter-controls p.mixitup-control-active {
	background: #131840;
	color: white;
	border: 0;
}

@media only screen and (max-width: 1400px) {
	.filter-section {
		margin: 60px 0;
	}
}

@media only screen and (max-width: 1300px) {
	.filter-section {
		margin: 50px 0;
	}
}

@media only screen and (max-width: 1270px) {
	.filter-section {
		margin: 48px 0;
	}
}

@media only screen and (max-width: 1220px) {
	.filter-intro a.btn-arrow-large {
		display: none;
	}

	.filter-intro .filter-intro-content {
		max-width: unset;
	}
}




/* Filter/product blocks */
:is(.filter-section .filter-blocks, .product-blocks)> :is(.filter-block, .product-block) {
	display: flex;
	flex-direction: row;
	flex: 1 0 calc(50% - 16px);
	max-width: calc(50% - 16px);
	border: 1px solid #EEEEEE;
	border-radius: 16px;
	overflow: hidden;
}

:is(.filter-section .filter-blocks, .product-blocks)> :is(.filter-block, .product-block) figure {
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 145px;
	width: 100%;
	background: #EEEEEE;
	backdrop-filter: blur(23px);
	-webkit-backdrop-filter: blur(23px);
	margin-bottom: 0;
}

:is(.filter-section .filter-blocks, .product-blocks)> :is(.filter-block, .product-block) figure img {
	max-width: 60px;
}

:is(.filter-block .filter-block-content, .product-block .product-block-content) {
	position: relative;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	flex-grow: 1;
	padding: 40px;
}

:is(.filter-block .filter-block-content, .product-block .product-block-content)>* {
	max-width: 452px;
}

:is(.filter-block .filter-block-content, .product-block .product-block-content) p.tag {
	font-size: 14px;
	font-family: var(--header-font-family);
	color: #8E8E8E;
	line-height: 1.5;
	margin-top: 0;
	margin-bottom: 6px;
}

:is(.filter-block .filter-block-content, .product-block .product-block-content) h4 {
	margin: 0;
}

:is(.filter-block .filter-block-content, .product-block .product-block-content) p:not(.tag) {
	margin-top: 16px;
	color: #505050;
	margin-bottom: 40px;
}

:is(.filter-block .filter-block-content, .product-block .product-block-content) p.btn-filter-arrow {
	position: relative;
	font-size: 18px;
	line-height: 1;
	margin-top: auto;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	color: var(--read-me-color, #212C4B);
}

:is(.filter-block .filter-block-content, .product-block .product-block-content) p.btn-filter-arrow:after {
	position: absolute;
	top: 5px;
	content: "\e916";
	font-family: 'ip-icons-v2' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 1;
	padding-left: 10px;
	font-size: 10px;
	color: var(--read-me-color, #212C4B);
}

@media only screen and (max-width: 1180px) {
	:is(.filter-section .filter-blocks, .product-blocks)> :is(.filter-block, .product-block) figure {
		max-width: 100px;
	}

	:is(.filter-block .filter-block-content, .product-block .product-block-content) {
		padding: 30px;
	}
}

@media only screen and (max-width: 940px) {
	:is(.filter-section .filter-blocks, .product-blocks) {
		flex-direction: column;
	}

	:is(.filter-section .filter-blocks, .product-blocks) :is(.filter-block, .product-block) {
		flex: 1 0 100%;
		max-width: 100%;
	}
}

@media only screen and (max-width: 400px) {
	:is(.filter-section .filter-blocks, .product-blocks) :is(.filter-block, .product-block) {
		flex-direction: column;
	}

	:is(.filter-section .filter-blocks, .product-blocks)> :is(.filter-block, .product-block) figure {
		max-width: unset;
		width: calc(100% - 20px);
		padding: 10px;
	}
}




/* Product archive */




/* Contact section */
.contact-section {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 16px;
	margin: 43px 0;
}

.contact-section .cta {
	flex: 1;
	position: relative;
	overflow: hidden;
	padding: 55px 85px;
	width: 100%;
	z-index: 2;
	padding: 64px;
}

.contact-section .cta:before {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(assets/img/vrouw-kantoor.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.contact-section .cta:after {
	content: '';
	position: absolute;
	inset: 0;
	background: var(--so-cyberlab-gradient), url(assets/img/vrouw-kantoor.png);
	mix-blend-mode: screen;
}

.contact-section :is(.cta, .contact-block) {
	border-radius: 16px;
}

.contact-section .cta .cta-content {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	max-width: 528px;
	height: 100%;
}

.contact-section .cta .cta-content h4 {
	position: relative;
	font-size: 48px;
	color: var(--so-color-white);
	line-height: 1;
	margin-top: 0;
	margin-bottom: 62px;
	line-height: 62px !important;
}

.contact-section .contact-block h4 {
	line-height: 42px !important;
}

.contact-section .cta .cta-content>p.btn-white.afspraak-maken {
	margin-top: auto;
	width: fit-content;
	cursor: pointer;
	z-index: 1;
}

.contact-section .cta .cta-content a {
	margin-top: auto;
	font-weight: 600;
	width: fit-content;
}

.contact-section .cta img {
	position: absolute;
	bottom: 0;
	right: 50px;
	height: calc(100% - 40px);
}

.contact-section .contact-block {
	position: relative;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	padding: 64px;
	flex: 1;
	min-height: 342px;
	background: var(--so-color-gray);
	min-height: 100px;
	max-width: 400px;
}

.contact-section .contact-block .contact-block-content {
	margin-top: auto;
}

.contact-section .contact-block .contact-block-content i {
	color: #ABB0BC;
	font-size: 84px;
	position: absolute;
	right: 45px;
}

.contact-section .contact-block h4 {
	font-size: 32px;
	margin-top: 0;
	margin-bottom: 62px;
}

.contact-section .contact-block a {
	width: fit-content;
}

.contact-section .contact-block * {
	z-index: 2;
}

/* .contact-section .contact-block:before {
	content: '';
	background-image: url(assets/img/bg-home.png);
	position: absolute;
	height: 200%;
	aspect-ratio: 1/1;
	background-size: contain;
	top: -285px;
	background-repeat: no-repeat;
	left: -277px;
	z-index: 1;
}

.contact-section .contact-block:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	backdrop-filter: blur(18px);
	-webkit-backdrop-filter: blur(18px);
	background: rgba(35, 47, 77, 0.8);
	z-index: 0;
} */

@media only screen and (max-width: 1470px) {
	.contact-section .cta {
		flex: 1 0 60%;
		max-width: 50%;
	}

	.contact-section .cta .cta-content {
		max-width: 390px;
	}
}

@media only screen and (max-width: 1410px) and (min-width: 1220px) {
	.contact-section :is(.cta, .contact-block) {
		flex: 1 0 50%;
		max-width: calc(50% - 176px);
		padding: 80px;
	}

	.contact-section .cta img {
		display: none;
	}

	.contact-section .cta .cta-content {
		max-width: unset;
	}
}

@media only screen and (max-width: 1220px) {
	.contact-section {
		flex-direction: column;
	}

	.contact-section .cta .cta-content {
		max-width: unset;
		margin-right: 260px;
	}

	.contact-section :is(.cta, .contact-block) {
		flex: 1 0 calc(100% - 160px);
		max-width: calc(100% - 160px);
		min-height: unset;
		padding: 80px;
	}

	.contact-section .contact-block:before {
		content: '';
		background-image: url(assets/img/bg-home.png);
		position: absolute;
		height: 250%;
		aspect-ratio: 1/1;
		background-size: contain;
		top: -340px;
		background-repeat: no-repeat;
		left: 0;
		z-index: 1;
	}
}

@media only screen and (max-width: 1095px) {
	.contact-section .cta img {
		max-width: 300px;
		height: auto;
		max-height: calc(100% - 40px);
	}
}

@media only screen and (max-width: 890px) {
	.contact-section :is(.cta, .contact-block) {
		flex: 1 0 calc(100% - 80px);
		max-width: calc(100% - 80px);
		padding: 40px !important;
	}
}

@media only screen and (max-width: 780px) {
	.contact-section .cta img {
		display: none;
	}

	.contact-section .cta .cta-content {
		width: 100%;
	}
}

@media only screen and (max-width: 530px) {
	.contact-section :is(.cta, .contact-block) {
		flex: 1 0 calc(100% - 80px);
		max-width: calc(100% - 80px);
		padding: 26px;
	}

	.contact-section .contact-block .contact-block-content i {
		bottom: 26px;
	}

	.contact-section .contact-block:before {
		display: none;
	}
}

@media only screen and (max-width: 450px) and (max-width: 530px) {
	.contact-section .contact-block h4 {
		margin-bottom: 60px;
	}
}

@media only screen and (max-width: 450px) {
	.contact-section .contact-block .contact-block-content i {
		display: none;
	}
}

@media only screen and (max-width: 450px) {
	.contact-section .cta .cta-content :is(h3, .h3 h4, .h4) {
		font-size: 25px;
	}
}




/* Form */
form input {
	font-family: var(--base-font-family);
	font-weight: normal;
	font-size: 17px;
	padding: 16px 20px;
}

form select {
	padding: 16px 20px;
}

form :is(input:focus, select:focus) {
	outline: none;
}

/* Contact Form */
.contact-form :is(h1, h2, h3, h4, h5, h6, p, label, input, textarea, a) {
	color: #fff !important;
}

.contact-form a {
	text-decoration: underline;
}

.contact-form a:hover {
	text-decoration: none;
}

/* Slide-out */
.slide-out {
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	max-width: 582px;
	width: 100%;
	background: var(--so-cyberlab-gradient);
	padding: 70px 115px 20px 115px;
	z-index: 9;
	transform: translate(200vw, 0);
	transition: 0.25s ease transform;
}

.slide-out :is(h1, h2, h3, h4, h5, h6, p, label, input, textarea, a) {
	color: #fff !important;
}

.slide-out a {
	text-decoration: underline;
}

.slide-out a:hover {
	text-decoration: none;
}

.slide-out::-webkit-scrollbar {
	height: 10px;
	width: 10px;
}

.slide-out::-webkit-scrollbar-track {
	border-radius: 6px;
	background-color: var(--so-color-blue);
}

.slide-out::-webkit-scrollbar-track:hover {
	background-color: var(--so-color-blue);
}

.slide-out::-webkit-scrollbar-track:active {
	background-color: var(--so-color-blue);
}

.slide-out::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background-color: var(--so-color-white);
	border: 3px solid var(--so-color-blue);
}

.slide-out::-webkit-scrollbar-thumb:hover {
	background-color: var(--so-color-white);
}

.slide-out::-webkit-scrollbar-thumb:active {
	background-color: var(--so-color-white);
}

.slide-out.active {
	transform: translate(0, 0px);
	-webkit-box-shadow: 0px 0px 50px 25px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 50px 25px rgba(0, 0, 0, 0.3);
	overflow-x: hidden;
	overflow-y: auto;
	z-index: 999;
}

.slide-out-close {
	display: block;
	height: 60px;
	width: 60px;
	line-height: 64px;
	background: #131F40;
	color: white;
	cursor: pointer;
	border-radius: 100%;
	text-align: center;
	margin-bottom: 50px;
}

.slide-out .slide-out-intro {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 20px;
	margin-bottom: 48px;
	align-items: center;
}

.slide-out .slide-out-intro figure {
	height: 80px;
	width: 80px;
}

.slide-out .slide-out-intro :is(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, p) {
	margin: 0;
}

.slide-out .slide-out-intro p {
	color: #D7E2FE;
}

.slide-out form.wpcf7-form {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	gap: 22px;
}

.slide-out form.wpcf7-form .screen-reader-response {
	display: none;
}

.slide-out form .form-row {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 24px;
}

.slide-out form .form-row>.form-field {
	display: flex;
	flex-direction: column;
	gap: 10px;
	flex: 1 0 100%;
	width: 100%;
}

.slide-out form .form-row>.form-field.checkbox-field {
	align-items: center;
	flex-direction: row;
}

.slide-out form .form-row>.form-field label {
	font-size: 16px;
}

.slide-out form .form-row>.form-field:first-child:nth-last-child(2),
.slide-out form .form-row>.form-field:first-child:nth-last-child(2)~.form-field,
.slide-out form .form-row>.form-field:first-child:nth-last-child(4),
.slide-out form .form-row>.form-field:first-child:nth-last-child(4)~.form-field {
	flex: 1 0 calc(50% - 12px);
	width: calc(50% - 12px);
}

.slide-out form .form-row>.form-field:first-child:nth-last-child(3),
.slide-out form .form-row>.form-field:first-child:nth-last-child(3)~.form-field {
	flex: 1 0 33.33%;
	width: 33.33%;
}

.slide-out form input,
.slide-out form select {
	color: var(--so-color-black);
	background: transparent;
	border: 1px solid #FFFFFF;
	border-radius: 4px;
	font-size: 17px;
}

.slide-out form input {
	width: calc(100% - 42px);
}

.slide-out form select,
.slide-out form input[type='submit'] {
	width: 100%;
}

.slide-out form select {
	-webkit-appearance: none;
	-moz-appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='14.4' viewBox='0 0 24 14.4'%3E%3Cg id='angle-down' transform='translate(-0.082 -10.254)'%3E%3Cpath id='Path_324' data-name='Path 324' d='M12.082,24.654a2.852,2.852,0,0,1-2.027-.847L.768,14.334A2.4,2.4,0,0,1,4.2,10.974l7.886,8.044,7.887-8.044a2.4,2.4,0,0,1,3.427,3.36l-9.288,9.473A2.852,2.852,0,0,1,12.082,24.654Z' transform='translate(0 0)' style='&%2310; fill: white;&%2310;'/%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: 12px;
	background-position: center right 22px;
	padding: 16px 45px 16px 20px;
	height: 100%;
}

.slide-out form select option {
	background: #212C4B;
}

.slide-out form input[type='checkbox'] {
	width: 24px;
	height: 24px;
	padding: 0 !important;
	border-radius: 2px;
	-webkit-appearance: none;
	-moz-appearance: none;
}

.slide-out form input[type='checkbox']:checked {
	background-size: 13px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M438.6 105.4C451.1 117.9 451.1 138.1 438.6 150.6L182.6 406.6C170.1 419.1 149.9 419.1 137.4 406.6L9.372 278.6C-3.124 266.1-3.124 245.9 9.372 233.4C21.87 220.9 42.13 220.9 54.63 233.4L159.1 338.7L393.4 105.4C405.9 92.88 426.1 92.88 438.6 105.4H438.6z' style='&%2310; fill: %23131F40;&%2310;'/%3E%3C/svg%3E");
	background-color: #fff;
	color: #212C4B;
}

.slide-out form input[type='submit'] {
	background: var(--so-color-blue);
	border: 1px solid #131F40;
	margin-top: 28px;
	transition: 0.25s ease background;
}

.slide-out form input[type='submit']:hover {
	background: var(--so-color-blue-hover);
	border-color: var(--so-color-blue-hover);
}

.screen-reader-response {
	display: none;
}

/* Slide-out - Webinar */
#slide-out-webinar .slide-out-webinar-details {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 25px;
	font-size: 14px;
	padding: 16px 20px;
	margin-top: 24px;
	background: rgb(61, 108, 237);
	background: linear-gradient(315deg, rgba(61, 108, 237, 1) 0%, rgba(61, 105, 237, 1) 100%);
}

#slide-out-webinar .slide-out-webinar-details :is(#webinar-date, #webinar-time) {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
}

#slide-out-webinar .slide-out-webinar-details #webinar-date:before,
#slide-out-webinar .slide-out-webinar-details #webinar-time:before {
	font-family: 'ip-icons-v2' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

#slide-out-webinar .slide-out-webinar-details #webinar-date:before {
	content: "\e902";
}

#slide-out-webinar .slide-out-webinar-details #webinar-time:before {
	content: "\e919";
}

#slide-out-webinar.slide-out .slide-out-intro,
#slide-out-webinar.slide-out .slide-out-webinar-details {
	width: 100%;
}

#slide-out-webinar.slide-out .slide-out-intro {
	margin-bottom: 28px;
}






/* Vacature form */

.solliciteer-direct-form form.wpcf7-form {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	gap: 22px;
}

.solliciteer-direct-form form.wpcf7-form .screen-reader-response {
	display: none;
}

.solliciteer-direct-form form .form-row {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 24px;
}

.solliciteer-direct-form form .form-row>.form-field {
	display: flex;
	flex-direction: column;
	gap: 10px;
	flex: 1 0 100%;
	width: 100%;
}

.solliciteer-direct-form form .form-row>.form-field.checkbox-field {
	align-items: center;
	flex-direction: row;
}

.solliciteer-direct-form form .form-row>.form-field label {
	font-size: 16px;
}

.solliciteer-direct-form form .form-row>.form-field:first-child:nth-last-child(2),
.solliciteer-direct-form form .form-row>.form-field:first-child:nth-last-child(2)~.form-field,
.solliciteer-direct-form form .form-row>.form-field:first-child:nth-last-child(4),
.solliciteer-direct-form form .form-row>.form-field:first-child:nth-last-child(4)~.form-field {
	flex: 1 0 calc(50% - 12px);
	width: calc(50% - 12px);
}

.solliciteer-direct-form form .form-row>.form-field:first-child:nth-last-child(3),
.solliciteer-direct-form form .form-row>.form-field:first-child:nth-last-child(3)~.form-field {
	flex: 1 0 33.33%;
	width: 33.33%;
}

.solliciteer-direct-form form input,
.solliciteer-direct-form form select {
	color: var(--so-color-black);
	background: transparent;
	border: 1px solid #FFFFFF;
	border-radius: 4px;
	font-size: 17px;
}

.solliciteer-direct-form form input {
	width: calc(100% - 42px);
}

.solliciteer-direct-form form select,
.solliciteer-direct-form form input[type='submit'] {
	width: 100%;
}

.solliciteer-direct-form form select {
	-webkit-appearance: none;
	-moz-appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='14.4' viewBox='0 0 24 14.4'%3E%3Cg id='angle-down' transform='translate(-0.082 -10.254)'%3E%3Cpath id='Path_324' data-name='Path 324' d='M12.082,24.654a2.852,2.852,0,0,1-2.027-.847L.768,14.334A2.4,2.4,0,0,1,4.2,10.974l7.886,8.044,7.887-8.044a2.4,2.4,0,0,1,3.427,3.36l-9.288,9.473A2.852,2.852,0,0,1,12.082,24.654Z' transform='translate(0 0)' style='&%2310; fill: white;&%2310;'/%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: 12px;
	background-position: center right 22px;
	padding: 17px 45px 17px 20px;
	height: 100%;
}

.solliciteer-direct-form form select option {
	background: #212C4B;
}

.solliciteer-direct-form form input[type='checkbox'] {
	width: 24px;
	height: 24px;
	padding: 0;
	border-radius: 2px;
	-webkit-appearance: none;
	-moz-appearance: none;
}

.solliciteer-direct-form form input[type='checkbox']:checked {
	background-size: 13px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M438.6 105.4C451.1 117.9 451.1 138.1 438.6 150.6L182.6 406.6C170.1 419.1 149.9 419.1 137.4 406.6L9.372 278.6C-3.124 266.1-3.124 245.9 9.372 233.4C21.87 220.9 42.13 220.9 54.63 233.4L159.1 338.7L393.4 105.4C405.9 92.88 426.1 92.88 438.6 105.4H438.6z' style='&%2310; fill: %23131F40;&%2310;'/%3E%3C/svg%3E");
	background-color: var(--so-color-white);
}

.solliciteer-direct-form form input[type='submit'] {
	background: #131F40;
	border: 1px solid #131F40;
	margin-top: 28px;
	transition: 0.25s ease background;
}

.solliciteer-direct-form form input[type='submit']:hover {
	background: #030710;
	border-color: #030710;
}





/* CTA block section */
.cta-blocks-section {
	margin: 120px 0;
}

.cta-blocks-section .cta-blocks {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	gap: 32px;
	margin: 25px auto;
	max-width: var(--container-size);
}

.cta-blocks-section .cta-block {
	flex: 1 0 calc((100% - (2 * 32px)) / 3);
	max-width: calc((100% - (2 * 32px)) / 3);
	min-height: 350px;
	padding: 40px 47px;
	background: var(--so-color-gray);
	box-sizing: border-box;
	border-radius: 16px;
}

.cta-blocks-section .cta-block figure {
	max-height: 84px;
}

.cta-blocks-section .cta-block img {
	max-width: 65px;
}

.cta-blocks-section .cta-block figure :is(img, svg) {
	height: 100%;
}

.cta-blocks-section .cta-block h4 {
	margin-top: 32px;
	margin-bottom: 32px;
}

.cta-blocks-section .cta-block *:last-child {
	margin-bottom: 0;
}

.cta-block figure img {
	width: 84px;
}

@media only screen and (max-width: 1270px) {
	.cta-blocks-section {
		margin: 48px 0;
	}
}

@media only screen and (max-width: 1180px) {
	.cta-blocks-section .cta-block {
		padding: 32px;
	}
}

@media only screen and (max-width: 1050px) {
	.cta-blocks-section .cta-blocks {
		gap: 24px;
	}

	.cta-blocks-section .cta-block {
		flex: 1 0 calc((100% - (2 * 24px)) / 3);
		max-width: calc((100% - (2 * 24px)) / 3);
		padding: 24px;
	}
}

@media only screen and (max-width: 850px) {
	.cta-blocks-section .cta-block img {
		max-width: 45px;
	}
}

@media only screen and (max-width: 768px) {
	.cta-blocks-section .cta-block {
		flex: 1 0 calc((100% - 24px) / 2);
		max-width: calc((100% - 24px) / 2);
	}
}

@media only screen and (max-width: 650px) {
	.cta-blocks-section .cta-blocks {
		flex-direction: column;
	}

	.cta-blocks-section .cta-block {
		flex: 1;
		max-width: unset;
		min-height: unset;
	}
}



/* Text and image */
 .text-and-image {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	gap: 32px;
	margin: 100px auto;
	max-width: var(--container-size);
}

.text-and-image.text-and-image-reverse {
	flex-direction: row-reverse;
}

.text-and-image .text-and-image-content {
	max-width: 528px;
}

.text-and-image .text-and-image-content :is(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5) {
	margin-top: 0;
	margin-bottom: 25px;
}

.text-and-image figure {
	position: relative;
	max-width: 634px;
	overflow: hidden;
	display: flex;
}

.text-and-image figure img {
	width: 100%;
	border-radius: 5px;
}

.text-and-image:not(.text-and-image-reverse) figure {
	margin-left: auto;
}

.text-and-image.text-and-image-reverse figure {
	margin-right: auto;
}

.text-and-image figure img {
	position: relative;
	z-index: 2;
}

@media only screen and (min-width: 1078px) and (max-width: 1260px) {
	.text-and-image figure {
		max-width: 500px;
	}
}

@media only screen and (max-width: 1270px) {
	.text-and-image {
		margin: 48px auto;
	}
}

@media only screen and (min-width: 1078px) and (max-width: 1130px) {
	.text-and-image .text-and-image-content {
		max-width: 480px;
	}
}

@media only screen and (max-width: 1078px) {
	.text-and-image .text-and-image-content {
		max-width: unset;
		width: 100%;
	}

	.text-and-image:not(.text-and-image-reverse) figure,
	.text-and-image.text-and-image-reverse figure {
		margin-left: auto;
		margin-right: auto;
	}

	.text-and-image figure:after {
		content: '';
		position: absolute;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='1224' height='1063' viewBox='0 0 1224 1063'%3E%3Cdefs%3E%3CradialGradient id='radial-gradient' cx='0.5' cy='0.5' r='0.501' gradientTransform='translate(-0.027 0.029) rotate(-3.186)' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%234188fc'/%3E%3Cstop offset='1' stop-color='%234173fc' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='radial-gradient-2' cx='0.5' cy='0.5' r='0.5' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%239843d8'/%3E%3Cstop offset='1' stop-color='%236043d8' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='radial-gradient-3' cx='0.5' cy='0.5' r='0.5' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%2302be8c'/%3E%3Cstop offset='1' stop-color='%2302a4be' stop-opacity='0'/%3E%3C/radialGradient%3E%3Cfilter id='Ellipse_56' x='50' y='86' width='721' height='722' filterUnits='userSpaceOnUse'%3E%3CfeOffset dy='3' input='SourceAlpha'/%3E%3CfeGaussianBlur stdDeviation='3' result='blur'/%3E%3CfeFlood flood-opacity='0.161'/%3E%3CfeComposite operator='in' in2='blur'/%3E%3CfeComposite in='SourceGraphic'/%3E%3C/filter%3E%3C/defs%3E%3Cg id='Group_1640' data-name='Group 1640' transform='translate(149.996 149.661)' opacity='0.64'%3E%3Cellipse id='Ellipse_57' data-name='Ellipse 57' cx='462' cy='377' rx='462' ry='377' transform='translate(0.004 0.339)' fill='url(%23radial-gradient)'/%3E%3Cellipse id='Ellipse_58' data-name='Ellipse 58' cx='227' cy='227.5' rx='227' ry='227.5' transform='translate(420.004 308.34)' fill='url(%23radial-gradient-2)'/%3E%3Cg transform='matrix(1, 0, 0, 1, -150, -149.66)' filter='url(%23Ellipse_56)'%3E%3Cellipse id='Ellipse_56-2' data-name='Ellipse 56' cx='201.5' cy='202' rx='201.5' ry='202' transform='translate(209 242)' fill='url(%23radial-gradient-3)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
		width: 1100px;
		height: 860px;
		left: -250px;
		top: -220px;
		z-index: -2;
		opacity: 0.8;
		background-size: contain;
		right: 0;
		background-position: center;
		background-repeat: no-repeat;
	}
}

@media only screen and (max-width: 700px) {
	.text-and-image figure:after {
		content: '';
		position: absolute;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='1224' height='1063' viewBox='0 0 1224 1063'%3E%3Cdefs%3E%3CradialGradient id='radial-gradient' cx='0.5' cy='0.5' r='0.501' gradientTransform='translate(-0.027 0.029) rotate(-3.186)' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%234188fc'/%3E%3Cstop offset='1' stop-color='%234173fc' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='radial-gradient-2' cx='0.5' cy='0.5' r='0.5' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%239843d8'/%3E%3Cstop offset='1' stop-color='%236043d8' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='radial-gradient-3' cx='0.5' cy='0.5' r='0.5' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%2302be8c'/%3E%3Cstop offset='1' stop-color='%2302a4be' stop-opacity='0'/%3E%3C/radialGradient%3E%3Cfilter id='Ellipse_56' x='50' y='86' width='721' height='722' filterUnits='userSpaceOnUse'%3E%3CfeOffset dy='3' input='SourceAlpha'/%3E%3CfeGaussianBlur stdDeviation='3' result='blur'/%3E%3CfeFlood flood-opacity='0.161'/%3E%3CfeComposite operator='in' in2='blur'/%3E%3CfeComposite in='SourceGraphic'/%3E%3C/filter%3E%3C/defs%3E%3Cg id='Group_1640' data-name='Group 1640' transform='translate(149.996 149.661)' opacity='0.64'%3E%3Cellipse id='Ellipse_57' data-name='Ellipse 57' cx='462' cy='377' rx='462' ry='377' transform='translate(0.004 0.339)' fill='url(%23radial-gradient)'/%3E%3Cellipse id='Ellipse_58' data-name='Ellipse 58' cx='227' cy='227.5' rx='227' ry='227.5' transform='translate(420.004 308.34)' fill='url(%23radial-gradient-2)'/%3E%3Cg transform='matrix(1, 0, 0, 1, -150, -149.66)' filter='url(%23Ellipse_56)'%3E%3Cellipse id='Ellipse_56-2' data-name='Ellipse 56' cx='201.5' cy='202' rx='201.5' ry='202' transform='translate(209 242)' fill='url(%23radial-gradient-3)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
		width: 180%;
		height: 180%;
		left: -40%;
		top: -40%;
		z-index: -2;
		opacity: 0.8;
		background-size: contain;
		right: 0;
		background-position: center;
		background-repeat: no-repeat;
	}
}

@media only screen and (max-width: 650px) {
	.text-and-image .text-and-image-content :is(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5) {
		margin-bottom: 20px;
	}
}


@media only screen and (max-width: 480px) {
	.text-and-image {
		margin: 36px auto;
	}
} 


/* Text and image transparent */
.text-and-image,
.text-and-image-transparent {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 16px 144px;
	margin: 100px auto;
	padding: 60px 0;
	max-width: var(--container-size);
}

:is(.text-and-image, .text-and-image-transparent)>* {
	flex: 1 0 calc((100% - 144px) / 2);
	max-width: calc((100% - 144px) / 2);
}

:is(.text-and-image .text-and-image-content, .text-and-image-transparent .transparent-text-block-content) :is(h1, h2, h3, h4, h5) {
	line-height: 1;
	margin-bottom: 32px;
}

:is(.text-and-image, .text-and-image-transparent) figure {
	display: flex;
	border-radius: 34px;
	overflow: hidden;
}

:is(.text-and-image, .text-and-image-transparent) img {
	object-fit: cover;
}

:is(.text-and-image .text-and-image-content, .text-and-image-transparent .transparent-text-block-content)>*:first-child {
	margin-top: 64px;
}

:is(.text-and-image .text-and-image-content, .text-and-image-transparent .transparent-text-block-content)>*:last-child {
	margin-bottom: 64px;
}

:is(.text-and-image, .text-and-image-transparent) .text-and-image-content {
	max-width: 528px;
	margin-right: auto;
}

@media only screen and (max-width: 768px) {
	:is(.text-and-image, .text-and-image-transparent) {
		flex-direction: column-reverse;
	}

	:is(.text-and-image, .text-and-image-transparent) :is(.text-and-image-content, figure) {
		max-width: unset;
	}

	:is(.text-and-image .text-and-image-content, .text-and-image-transparent .transparent-text-block-content)>*:first-child {
		margin-top: 16px;
	}

	:is(.text-and-image, .text-and-image-transparent) {
		margin: 32px auto;
		padding: 16px 0;
	}
}


/* Related cards */
.related-cards-section {
	margin: 95px auto;
	max-width: var(--container-size);
}

.related-cards-section :is(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5) {
	margin: 50px 0 30px;
}

.related-cards {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 16px;
}

.related-cards .related-card {
	position: relative;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	position: relative;
	min-height: 351px;
	flex: 1 0 calc(25% - 76px);
	max-width: calc(25% - 76px);
	padding: 32px;
	background: linear-gradient(31deg, #F4F5F4, #F4F5F4, #F4F5F4);
	transition: 0.25s ease background;
	border-radius: 16px;
	transition: all .2s ease-in-out;
}

.related-cards .related-card:hover {
	background: var(--so-cyberlab-gradient) !important;
}

.related-cards .related-card:hover, .related-cards .related-card:hover * {
	color: var(--so-color-white);
}

.col-btn-green .related-cards .related-card:hover {
	background: #02BE8C;
}

.col-btn-red .related-cards .related-card:hover {
	background: #DE3450;
}

.col-btn-purple .related-cards .related-card:hover {
	background: #8E44D9;
	background: var(--so-cyberlab-gradient);
}

.col-btn-dark-blue .related-cards .related-card:hover {
	background: #131F40;
}

.related-cards .related-card :is(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5) {
	margin-top: 0;
	margin-bottom: 25px;
	padding-bottom: 25px;
	border-bottom: 1px solid #D6D6D6;
}

.related-cards .related-card p {
	color: #505050;
	margin-top: 0;
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 55px;
}

.related-cards .related-card .related-card-nav {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	margin-top: auto;
}

.related-cards .related-card .related-card-nav i:first-child {
	font-size: 59px;
}

.related-cards .related-card .related-card-nav i.icon-right {
	font-size: 16px;
	margin-top: auto;
}

@media only screen and (max-width: 1270px) {
	.related-cards-section {
		margin: 48px auto;
	}
}

@media only screen and (max-width: 1250px) {
	.related-cards .related-card {
		flex: 1 0 calc(33.33% - 74.66666666666667px);
		max-width: calc(33.33% - 74.66666666666667px);
	}
}

@media only screen and (max-width: 900px) {
	.related-cards .related-card {
		flex: 1 0 calc(50% - 72px);
		max-width: calc(50% - 72px);
	}
}

@media only screen and (min-width: 600px) and (max-width: 690px) {
	.related-cards .related-card {
		flex: 1 0 calc(50% - 48px);
		max-width: calc(50% - 48px);
		padding: 20px;
	}
}

@media only screen and (max-width: 600px) {
	.related-cards {
		flex-direction: column;
	}

	.related-cards .related-card {
		flex: 1;
		max-width: calc(100% - 64px);
		padding: 32px;
		min-height: unset;
	}
}





/* Uitgelichte artikellen / Uitgelichte artikel / blog archive */
.featured-article-section,
.single-featured-article-section {
	margin: 95px auto;
}

.featured-article-section.blog-single-featured-articles,
.blog-section>.blog-articles {
	position: relative;
	margin: auto;
	max-width: calc(var(--container-size) + 32px);
	z-index: 2;
}

:is(.featured-article-section, .blog-section) :is(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5) {
	margin-top: 0;
	margin-bottom: 20px;
}

.featured-article-section.blog-single-featured-articles :is(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5) {
	margin-left: 0;
	margin-right: 0;
}

:is(.featured-article-section, .blog-section) .blog-articles {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

:is(.featured-article-section, .blog-section) .blog-articles .blog-article {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	position: relative;
	flex: 1 0 calc(25% - 32px);
	max-width: calc(25% - 32px);
	padding: 16px;
	transition: 0.25s ease all;
	border-radius: 12px;
}

:is(.featured-article-section, .blog-section) .blog-articles .blog-article:hover {
	background-color: #ECEDEC;
}

:is(.featured-article-section, .blog-section) .blog-articles .blog-article .blog-article-intro {
	margin-top: 24px;
	margin-bottom: 16px;
}

:is(.featured-article-section, .blog-section) .blog-articles .blog-article figure {
	aspect-ratio: 313/180;
	max-width: 100%;
	overflow: hidden;
}

:is(.featured-article-section .blog-articles, .blog-section .blog-articles, .single-featured-article-section) :is(.blog-article > figure img, .blog-article > img) {
	object-fit: cover;
	height: 100%;
	width: 100%;
	border-radius: 16px;
}

:is(.featured-article-section .blog-articles, .blog-section .blog-articles, .single-featured-article-section) .blog-article>p {
	margin-top: 0;
	font-size: 16px;
	line-height: 1.4;
	margin-bottom: 16px;
}

:is(.featured-article-section .blog-articles, .blog-section .blog-articles, .single-featured-article-section) .blog-article p.read-more,
.featured-blog-article-content p.read-more {
	color: var(--so-color-blue);
	font-weight: 600;
	line-height: 1.5;
	width: fit-content;
	margin-bottom: 0;
	position: relative;
	text-decoration: underline;
	padding-right: 16px;
}

:is(.blog-section .blog-articles, .single-featured-article-section) .blog-article p.read-more,
.featured-blog-article-content p.read-more {
	font-size: 16px;
}

.featured-article-section .blog-articles .blog-article p.read-more {
	font-size: 18px;
	margin-top: auto;
}

:is(.featured-article-section .blog-articles, .blog-section .blog-articles, .single-featured-article-section) .blog-article p.read-more:after,
.featured-blog-article-content p.read-more:after {
	content: "\e916";
	font-family: 'ip-icons-v2' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 1;
	padding-left: 10px;
	font-size: 10px;
	text-decoration: none;
	position: absolute;
	right: 0px;
	top: 50%;
	transform: translate(0, -50%);
}

:is(.featured-article-section, .blog-section) .blog-articles>.blog-article:hover {
	background: #ECEDEC;
}

@media only screen and (max-width: 1350px) {
	.blog-section .blog-articles .blog-article {
		flex: 1 0 calc(33.33% - 32px);
		max-width: calc(33.33% - 32px);
	}
}

@media only screen and (max-width: 1080px) {
	.featured-article-section .blog-articles .blog-article {
		flex: 1 0 calc(50% - 32px);
		max-width: calc(50% - 32px);
	}
}

@media only screen and (max-width: 990px) {
	.blog-section .blog-articles .blog-article {
		flex: 1 0 calc(50% - 32px);
		max-width: calc(50% - 32px);
	}
}

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

	.featured-article-section,
	.single-featured-article-section {
		margin: 48px auto;
	}
}

@media only screen and (max-width: 640px) {
	:is(.featured-article-section, .blog-section) .blog-articles {
		flex-direction: column;
	}

	:is(.featured-article-section, .blog-section) .blog-articles .blog-article {
		flex: 1;
		max-width: unset;
	}
}

@media only screen and (min-width: 920px) {
	.featured-article-section.blog-single-featured-articles+.contact-section {
		margin: 146px 0 86px 0;
	}
}

@media only screen and (max-width: 920px) {
	body.post-type-archive-so_cpt_webinars .blog-article.webinar-article {
		flex: 1 0 calc(100% - 32px) !important;
		max-width: calc(100% - 32px) !important;
	}
}


.blog-article-intro {
	align-items: center;
}

:is(.blog-article-intro, .blog-article-intro ul, .blog-article-intro p) {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	font-size: 14px;
}

.blog-article-intro ul {
	padding-left: 8px;
	margin: 0;
	gap: 0;
	list-style: none;
}

.blog-article-intro ul>li {
	color: #ABB0BC;
}

.blog-article-intro ul>li:not(:last-of-type) {
	position: relative;
	padding-right: 16px;
	margin-right: 16px;
}

.blog-article-intro ul>li:not(:last-of-type):after {
	content: '';
	position: absolute;
	right: -3px;
	top: calc(50% - 0px);
	transform: translate(-50%, 0);
	height: 3px;
	width: 3px;
	background: white;
	border-radius: 100%;
}

.blog-article-intro p {
	line-height: 1.307692307692308;
	padding: 3px 13px;
	margin: 0;
	border: 1px solid var(--so-color-blue);
	border-radius: 14px;
	font-weight: 600;
	font-size: 12px;
}

.cattag {
	line-height: 1;
	padding: 3px 13px;
	margin: 0;
	border: 1px solid var(--so-color-blue);
	border-radius: 14px;
	font-size: 12px;
	line-height: 15px;
}

@media only screen and (max-width: 500px) {
	.blog-article-intro {
		flex-direction: column !important;
		align-items: flex-start;
		gap: 10px !important;
	}

	.blog-article-intro ul {
		padding-left: 0;
	}
}


/* Blog section */
.blog-section {
	flex-direction: column;
	flex-wrap: wrap;
}

.blog-section .blog-articles {
	gap: 42px 0;
}


/* Blog filter buttons */
.blog-filter-controls {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 12px;
	max-width: var(--container-size);
	margin: 0 auto 30px auto;
}

.blog-filter-controls button {
	background: unset;
	border: 1px solid var(--so-color-purple);
	border-radius: 25px;
	color: var(--so-color-black);
	line-height: 1;
	font-family: 'Source Sans Pro', sans-serif;
	padding: 13px 32px;
}

.blog-filter-controls button.mixitup-control-active {
	border-color: var(--so-color-purple);
	background: var(--so-color-purple);
	color: var(--so-color-white);
}

.single-featured-article-section {
	max-width: 1088px;
}

.single-featured-article-section .blog-article {
	position: relative;
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 48px;
	padding: 24px;
	background: var(--so-color-white);
	box-shadow: 0px 0px 48px #0000000A;
	border-radius: 16px;
}

.single-featured-article-section .blog-article h4 {
	margin-top: 14px;
	margin-bottom: 40px;
}

.single-featured-article-section :is(.blog-article > figure img, .blog-article > img) {
	aspect-ratio: 3/2;
	max-width: 340px;
	border-radius: 16px;
}

@media only screen and (max-width: 960px) {
	.single-featured-article-section .blog-article {
		gap: 32px;
	}
}

@media only screen and (max-width: 850px) {
	.single-featured-article-section .blog-article {
		flex-direction: column;
	}

	.single-featured-article-section :is(.blog-article > figure img, .blog-article > img) {
		max-width: 100%;
	}
}

@media only screen and (max-width: 430px) {
	.single-featured-article-section .blog-article {
		padding: 16px;
	}
}

.blog-section {
	margin-top: 40px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 86px;
}


/* Blog intro */
.blog-intro {
	margin: auto;
	max-width: var(--container-size);
}

.blog-intro * {
	max-width: 752px;
}

.blog-intro h1 {
	margin-top: 28px;
	margin-bottom: 16px;
}

@media only screen and (max-width: 1270px) {
	.blog-section {
		margin-bottom: 40px;
	}

	.blog-filter-controls {
		margin: 0 auto 25px auto;
	}
}

@media only screen and (max-width: 730px) {
	.blog-filter-controls {
		margin: 0 auto 20px auto;
	}
}

@media only screen and (max-width: 680px) {
	.blog-filter-controls {
		gap: 16px;
	}
}


/* Blog single */
.blog-single-intro {
	position: relative;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	gap: 20px;
	margin: 60px auto 48px auto;
	align-items: center;
	text-align: center;
}

.blog-single-intro h1 {
	margin-top: 0;
	margin-bottom: 80px;
	max-width: 752px;
	font-size: 40px;
}

.blog-single-intro .blog-single-article-author {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 12px;
}

.blog-single-intro .blog-single-article-author img {
	height: 56px;
	width: 56px;
	border-radius: 100%;
}

.blog-single-intro .blog-single-article-author p {
	font-size: 14px;
	color: #ABB0BC;
	margin-bottom: 0;
}

.blog-single-intro figure {
	width: 100%;
	aspect-ratio: 1312/738;
	border-radius: 24px;
	overflow: hidden;
}

.blog-single-intro img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.blog-single-intro.small-image figure {
	display: none;
}

.blog-single-intro p {
	margin: 0;
	color: var(--so-color-red);
	font-family: var(--header-font-family);
}

.blog-single-intro:after {
	content: '';
	position: absolute;
	top: -140px;
	width: 100vw;
	height: 972px;
	width: 100vw;
	background: var(--so-color-gray);
	margin-left: calc(-100vw / 2 + 100% / 2);
	margin-right: calc(-100vw / 2 + 100% / 2);
	z-index: -1;
}

.blog-single-intro.small-image:after {
	height: calc(100% + 140px);
}

@media only screen and (max-width: 1270px) {
	.blog-single-intro {
		margin: 48px auto 35px auto;
	}

	.blog-single-intro figure {
		margin-top: 60px;
	}

	.blog-single-intro>* {
		width: 100% !important;
	}

	.blog-single-intro .blog-article-intro {
		width: fit-content !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}

	.blog-single-intro .blog-single-article-author {
		justify-content: center;
	}
}

@media only screen and (max-width: 650px) {
	.blog-single-section {
		margin: 38px auto !important;
	}

	.blog-single-intro figure {
		margin-top: 25px;
	}
}

@media only screen and (max-width: 600px) {
	.blog-single-intro {
		margin: 22px auto;
	}
}

@media only screen and (max-width: 500px) {
	.blog-single-intro .blog-article-intro {
		text-align: center;
		flex-direction: column;
		align-items: center;
	}
}


/* Webinar single */
.webinar-single-intro {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	gap: 20px;
	margin: 60px auto 22px auto;
	align-items: center;
	text-align: left;
	max-width: 1240px;
}

.webinar-single-intro * {
	width: 100%;
}

.webinar-single-intro h1 {
	margin-bottom: 22px;
}

.webinar-single-intro .webinar-single-intro-details.blog-article-intro {
	align-items: center;
	gap: 24px;
}

.webinar-single-intro .webinar-single-intro-details.blog-article-intro * {
	width: fit-content;
}

.webinar-single-intro .webinar-single-intro-details.blog-article-intro :not(.tag) {
	padding: 0;
	border: 0;
}

.webinar-teams {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
}

.webinar-teams:before {
	content: '';
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2228.833 2073.333'%3E%3Cpath fill='%235059C9' d='M1554.637,777.5h575.713c54.391,0,98.483,44.092,98.483,98.483c0,0,0,0,0,0v524.398 c0,199.901-162.051,361.952-361.952,361.952h0h-1.711c-199.901,0.028-361.975-162-362.004-361.901c0-0.017,0-0.034,0-0.052V828.971 C1503.167,800.544,1526.211,777.5,1554.637,777.5L1554.637,777.5z'/%3E%3Ccircle fill='%235059C9' cx='1943.75' cy='440.583' r='233.25'/%3E%3Ccircle fill='%237B83EB' cx='1218.083' cy='336.917' r='336.917'/%3E%3Cpath fill='%237B83EB' d='M1667.323,777.5H717.01c-53.743,1.33-96.257,45.931-95.01,99.676v598.105 c-7.505,322.519,247.657,590.16,570.167,598.053c322.51-7.893,577.671-275.534,570.167-598.053V877.176 C1763.579,823.431,1721.066,778.83,1667.323,777.5z'/%3E%3Cpath opacity='.1' d='M1244,777.5v838.145c-0.258,38.435-23.549,72.964-59.09,87.598 c-11.316,4.787-23.478,7.254-35.765,7.257H667.613c-6.738-17.105-12.958-34.21-18.142-51.833 c-18.144-59.477-27.402-121.307-27.472-183.49V877.02c-1.246-53.659,41.198-98.19,94.855-99.52H1244z'/%3E%3Cpath opacity='.2' d='M1192.167,777.5v889.978c-0.002,12.287-2.47,24.449-7.257,35.765 c-14.634,35.541-49.163,58.833-87.598,59.09H691.975c-8.812-17.105-17.105-34.21-24.362-51.833 c-7.257-17.623-12.958-34.21-18.142-51.833c-18.144-59.476-27.402-121.307-27.472-183.49V877.02 c-1.246-53.659,41.198-98.19,94.855-99.52H1192.167z'/%3E%3Cpath opacity='.2' d='M1192.167,777.5v786.312c-0.395,52.223-42.632,94.46-94.855,94.855h-447.84 c-18.144-59.476-27.402-121.307-27.472-183.49V877.02c-1.246-53.659,41.198-98.19,94.855-99.52H1192.167z'/%3E%3Cpath opacity='.2' d='M1140.333,777.5v786.312c-0.395,52.223-42.632,94.46-94.855,94.855H649.472 c-18.144-59.476-27.402-121.307-27.472-183.49V877.02c-1.246-53.659,41.198-98.19,94.855-99.52H1140.333z'/%3E%3Cpath opacity='.1' d='M1244,509.522v163.275c-8.812,0.518-17.105,1.037-25.917,1.037 c-8.812,0-17.105-0.518-25.917-1.037c-17.496-1.161-34.848-3.937-51.833-8.293c-104.963-24.857-191.679-98.469-233.25-198.003 c-7.153-16.715-12.706-34.071-16.587-51.833h258.648C1201.449,414.866,1243.801,457.217,1244,509.522z'/%3E%3Cpath opacity='.2' d='M1192.167,561.355v111.442c-17.496-1.161-34.848-3.937-51.833-8.293 c-104.963-24.857-191.679-98.469-233.25-198.003h190.228C1149.616,466.699,1191.968,509.051,1192.167,561.355z'/%3E%3Cpath opacity='.2' d='M1192.167,561.355v111.442c-17.496-1.161-34.848-3.937-51.833-8.293 c-104.963-24.857-191.679-98.469-233.25-198.003h190.228C1149.616,466.699,1191.968,509.051,1192.167,561.355z'/%3E%3Cpath opacity='.2' d='M1140.333,561.355v103.148c-104.963-24.857-191.679-98.469-233.25-198.003 h138.395C1097.783,466.699,1140.134,509.051,1140.333,561.355z'/%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='198.099' y1='1683.0726' x2='942.2344' y2='394.2607' gradientTransform='matrix(1 0 0 -1 0 2075.3333)'%3E%3Cstop offset='0' stop-color='%235a62c3'/%3E%3Cstop offset='.5' stop-color='%234d55bd'/%3E%3Cstop offset='1' stop-color='%233940ab'/%3E%3C/linearGradient%3E%3Cpath fill='url(%23a)' d='M95.01,466.5h950.312c52.473,0,95.01,42.538,95.01,95.01v950.312c0,52.473-42.538,95.01-95.01,95.01 H95.01c-52.473,0-95.01-42.538-95.01-95.01V561.51C0,509.038,42.538,466.5,95.01,466.5z'/%3E%3Cpath fill='%23FFF' d='M820.211,828.193H630.241v517.297H509.211V828.193H320.123V727.844h500.088V828.193z'/%3E%3C/svg%3E");
	height: 24px;
	width: 24px;
	background-repeat: no-repeat;
	background-size: contain;
}

/* Webinar form */
.webinar-single-form {
	width: 100%;
	padding: 32px;
	max-width: 1088px;
	margin: 0 auto;
	background: rgba(255, 255, 255, 0.06);
}

.webinar-single-form .wpcf7 form .webinar-row,
.webinar-single-form form.webinar-row .gform_fields {
	display: flex;
}

.webinar-single-form form.webinar-row {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	border: 1px solid #FFFFFF;
	border-radius: 4px;
	justify-content: space-between;
	align-items: center;
}

.webinar-single-form form span {
	width: unset;
}

.webinar-single-form form input,
.webinar-single-form .gform_wrapper.gravity-theme form input {
	color: var(--so-color-black);
	font-size: 16px;
	line-height: 1;
	border: 0;
	background: transparent;
	padding-top: 22px;
	padding-bottom: 22px;
}

.webinar-single-form form input::placeholder {
	color: #959BA9;
}

.webinar-single-form .wpcf7 form :is(span[data-name="fname"], span[data-name="lname"], span[data-name="bedrijfsnaam"]) {
	flex: 1 0 18%;
	max-width: 18%;
	overflow: hidden;
}

.webinar-single-form .wpcf7 form span[data-name="email"],
.webinar-single-form form input[type='email'] {
	flex: 1 0 calc(28% - 3px);
	max-width: calc(28% - 3px);
	overflow: hidden;
}

.webinar-single-form .wpcf7 form span[data-name="bedrijfsnaam"] {
	flex: 1 0 20%;
	max-width: 20%;
	overflow: hidden;
}

.webinar-single-form form input[type='submit'],
.webinar-single-form .gform_wrapper.gravity-theme form input[type='submit'] {
	background: #212C4B;
	font-size: 17px;
	font-weight: 500;
	padding-left: 36px;
	padding-right: 36px;
	transform: translate(2px, -2px);
	height: calc(100% + 3px);
	border-radius: 0 3px 3px 0;
	transition: 0.25s ease all;
}

.gform_wrapper.gravity-theme .gform_footer {
	width: 20%;
	padding: 8px 0 4px 0 !important;
}

.webinar-single-form .wpcf7 form input[type='submit']:hover {
	background: #0e5ad7;
}

.webinar-single-form .wpcf7 form .wpcf7-response-output {
	font-size: 14px;
}

.webinar-single-form .gform_required_legend {
	display: none;
}

@media screen and (min-width: 1251px) {
	.webinar-single-form form {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}
}

@media screen and (max-width: 1270px) {
	.webinar-single-intro {
		margin: 48px auto 22px auto;
	}
}

@media screen and (max-width: 1250px) {
	.webinar-single-form {
		max-width: 1024px;
	}

	.gform_wrapper.gravity-theme .gform_footer {
		width: 100%;
	}

	.webinar-single-form .gform_wrapper.gravity-theme form input[type='submit'] {
		transform: unset;
	}

	.webinar-single-form form input[type='submit'] {
		flex: 1 0 100%;
		max-width: 100%;
		height: 100%;
		transform: unset;
	}
}

@media screen and (max-width: 1200px) {
	.webinar-single-form {
		max-width: calc(100% - 64px);
	}
}

@media screen and (max-width: 1090px) {
	.webinar-single-form .wpcf7 form :is(span[data-name="fname"], span[data-name="lname"], span[data-name="email"], span[data-name="bedrijfsnaam"]) {
		flex: 1 0 calc(25% - 1px);
		max-width: calc(25% - 1px);
	}
}

@media screen and (min-width: 760px) {
	.webinar-single-form .wpcf7 form :is(span[data-name="fname"], span[data-name="lname"], span[data-name="email"]) {
		border-right: 1px solid #444D67;
	}
}

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

	.webinar-single-form .wpcf7 form .webinar-row,
	.webinar-single-form form.webinar-row .gform_fields {
		flex-direction: column;
	}

	.webinar-single-form .wpcf7 form input {
		width: 100%;
	}

	.webinar-single-form .wpcf7 form :is(span[data-name="fname"], span[data-name="lname"], span[data-name="email"]) {
		border-bottom: 1px solid #444D67;
	}

	.webinar-single-form .wpcf7 form :is(span[data-name="fname"], span[data-name="lname"], span[data-name="email"], span[data-name="bedrijfsnaam"]) {
		flex: 1;
		max-width: 100%;
	}
}

@media screen and (max-width: 600px) {
	.webinar-single-intro {
		margin: 26px auto 22px auto;
	}
}

@media screen and (max-width: 390px) {
	.webinar-single-form {
		padding: 20px;
		max-width: calc(100% - 40px);
	}
}







/* Featured blog article */
.featured-blog-article {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	position: relative;
	margin: 45px auto;
	max-width: calc(var(--container-size) - 64px);
	background: rgba(255, 255, 255, 0.06);
	padding: 32px;
	gap: 32px;
	box-shadow: 0px 0px 48px #0000000A;
	border-radius: 16px;
}

.featured-blog-article>* {
	flex: 1 0 calc(50% - 16px);
	max-width: calc(50% - 16px);
}

.featured-blog-article .featured-blog-article-content {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	padding: 32px;
	max-width: 542px;
	margin-right: auto;
}

.featured-blog-article .featured-blog-article-content :is(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5) {
	margin: 24px 0;
}

.featured-blog-article .featured-blog-article-content p:not(.read-more):not(.tag) {
	font-size: 16px;
	line-height: 24px;
	margin-top: 0;
	margin-bottom: 28px;
}

.featured-blog-article .featured-blog-article-content .read-more {
	margin-top: auto;
	margin-bottom: 0;
}

.featured-blog-article figure {
	max-height: -webkit-fill-available;
}


.featured-blog-article img {
	max-width: 100%;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media only screen and (max-width: 1380px) {
	.featured-blog-article .featured-blog-article-content {
		padding: 0;
	}
}

@media only screen and (max-width: 1180px) {
	.featured-blog-article {
		flex-direction: column-reverse;
	}

	.featured-blog-article>*,
	.featured-blog-article .featured-blog-article-content {
		flex: 1 0 100%;
		max-width: unset;
	}

	.featured-blog-article>figure {
		display: flex;
	}

	.featured-blog-article>figure img {
		height: auto;
		width: 100%;
		aspect-ratio: 3/2;
	}
}

@media only screen and (max-width: 650px) {
	.featured-blog-article {
		margin: 30px auto 45px auto;
		padding: 20px;
	}
}


.blog-articles .blog-article a h4 {
	line-height: 1.24em;
}

/* Webinar archive */
.blog-article.webinar-article {
	max-width: calc(50% - 32px) !important;
}

@media (max-width: 920px) {
	.featured-article-section .blog-articles .blog-article.webinar-article {
		max-width: calc(100% - 32px) !important;
		flex: 1 0 calc(100% - 32px) !important;
	}
}

:is(.featured-webinar, .webinar-article) .webinar-sprekers {
	background: var(--so-cyberlab-gradient);
}

.webinar-article .webinar-sprekers {
	aspect-ratio: 640/360;
	height: auto;
	width: 100%;
	border-radius: 16px;
	overflow: hidden;
}

:is(.featured-webinar, .webinar-article) .blog-article-intro {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 24px;
}

:is(.featured-webinar, .webinar-article) .blog-article-intro>p:not(.tag) {
	padding: 0;
	border: 0;
	font-size: 14px !important;
	margin: 0 !important;
}

:is(.featured-webinar, .webinar-article, .webinar-single-intro) .blog-article-intro :is(p.webinar-date, p.webinar-time) {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
}

:is(.featured-webinar, .webinar-article, .webinar-single-intro) .blog-article-intro p.webinar-date:before,
:is(.featured-webinar, .webinar-article, .webinar-single-intro) .blog-article-intro p.webinar-time:before {
	font-family: 'ip-icons-v2' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

:is(.featured-webinar, .webinar-article, .webinar-single-intro) .blog-article-intro p.webinar-date:before {
	content: "\e902";
}

:is(.featured-webinar, .webinar-article, .webinar-single-intro) .blog-article-intro p.webinar-time:before {
	content: "\e919";
}

:is(.featured-webinar, .webinar-article) .webinar-nav {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 45px;
	margin-top: auto;
}

:is(.featured-webinar, .webinar-article) .webinar-nav p.webinar-aanmelden {
	margin-bottom: 0;
	cursor: pointer;
}

:is(.featured-webinar, .webinar-article) .webinar-nav p.read-more {
	margin-bottom: 0 !important;
	line-height: 1 !important;
}

.webinar-sprekers {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	padding: 24px;
	box-sizing: border-box;
}

.webinar-sprekers>.webinar-spreker:not(:first-child) {
	margin-left: -20px;
}

.webinar-sprekers .webinar-spreker {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.webinar-sprekers .webinar-spreker>figure {
	height: 150px;
	width: 150px;
	border-radius: 100%;
	-webkit-box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.05);
	box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.05);
	background-color: var(--so-color-blue);
}

.webinar-sprekers>.webinar-spreker:first-child figure:before {
	content: "\e90f";
	font-family: 'ip-icons-v2' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	height: 50px;
	width: 50px;
	line-height: 50px;
	text-align: center;
	color: #212C4B;
	background: rgba(255, 255, 255, 0.75);
	border-radius: 100%;
	font-size: 32px;
	left: -20px;
}

.webinar-sprekers .webinar-spreker>figure img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	border-radius: 100%;
}

.webinar-sprekers .webinar-spreker p {
	line-height: 1;
	padding: 0;
	width: 100px;
	margin-bottom: 0;
	text-align: center;
}

.webinar-article .webinar-sprekers .webinar-spreker p {
	color: white; 
	font-weight: 600;
	margin-top: 12px;
	b
}

/* Webinar featured */
:is(.featured-article-section, .blog-section) .blog-articles .blog-article.webinar-article.featured-webinar {
	flex: 1 0 100%;
	max-width: calc(100% - 32px);
	flex-direction: row-reverse;
	gap: 32px;
	background: #232F4D;
	backdrop-filter: blur(23px);
	-webkit-backdrop-filter: blur(23px);
	box-sizing: border-box;
}

:is(.featured-article-section, .blog-section) .blog-articles .blog-article.webinar-article.featured-webinar>* {
	width: calc(50% - 16px);
}

:is(.featured-article-section, .blog-section) .blog-articles .blog-article.webinar-article.featured-webinar .blog-article-intro-content {
	margin-left: auto;
	margin-right: auto;
	max-width: 540px;
}

:is(.featured-article-section, .blog-section) .blog-articles .blog-article.webinar-article.featured-webinar .blog-article-intro-content h4+p {
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 33px;
}

:is(.featured-article-section, .blog-section) .blog-articles .blog-article.webinar-article.featured-webinar .blog-article-intro-content .webinar-nav {
	margin-bottom: 24px;
}

@media only screen and (max-width: 1380px) {
	.webinar-sprekers .webinar-spreker>figure {
		height: 190px;
		width: 190px;
	}

	.webinar-sprekers>.webinar-spreker:not(:first-child) {
		margin-left: -10px;
	}
}

@media only screen and (max-width: 1305px) {
	:is(.featured-article-section, .blog-section) .blog-articles .blog-article.webinar-article.featured-webinar {
		flex-direction: column;
		padding: 32px;
		max-width: calc(100% - 64px);
	}

	:is(.featured-article-section, .blog-section) .blog-articles .blog-article.webinar-article.featured-webinar .blog-article-intro {
		margin-top: 0;
	}

	:is(.featured-article-section, .blog-section) .blog-articles .blog-article.webinar-article.featured-webinar>* {
		width: 100%;
	}

	:is(.featured-article-section, .blog-section) .blog-articles .blog-article.webinar-article.featured-webinar .blog-article-intro-content {
		max-width: unset;
	}
}

@media only screen and (max-width: 650px) {
	:is(.featured-article-section, .blog-section) .blog-articles .blog-article.webinar-article.featured-webinar {
		padding: 20px;
		max-width: calc(100% - 40px);
	}

	.webinar-sprekers>.webinar-spreker:first-child figure:before {
		height: 65px;
		width: 65px;
		line-height: 65px;
		font-size: 30px;
	}

	:is(.featured-article-section, .blog-section) .blog-articles .blog-article.webinar-article.featured-webinar h4 {
		font-size: 32px;
		line-height: 40px;
	}

	:is(.featured-webinar, .webinar-article) .blog-article-intro {
		gap: 16px;
	}
}

@media only screen and (max-width: 600px) {
	.webinar-sprekers .webinar-spreker>figure {
		height: 150px;
		width: 150px;
	}

	.webinar-sprekers .webinar-spreker p {
		font-size: 12px;
		padding: 10px;
		margin-top: -18px;
	}

	.webinar-sprekers>.webinar-spreker:first-child figure:before {
		height: 45px;
		width: 45px;
		line-height: 45px;
		font-size: 24px;
		left: -18px;
	}
}

@media only screen and (max-width: 500px) {
	.webinar-sprekers .webinar-spreker>figure {
		height: 130px;
		width: 130px;
	}

	.webinar-sprekers>.webinar-spreker:not(:first-child) {
		margin-left: -5px;
	}
}

@media only screen and (max-width: 485px) {
	:is(.featured-webinar, .webinar-article) .webinar-nav {
		gap: 28px;
	}
}

@media only screen and (max-width: 420px) {
	.webinar-sprekers .webinar-spreker>figure {
		height: 100px;
		width: 100px;
	}

	.webinar-sprekers>.webinar-spreker:not(:first-child) {
		margin-left: -2px;
	}

	.webinar-sprekers .webinar-spreker p {
		padding: 8px;
		font-size: 10px;
	}

	.webinar-sprekers>.webinar-spreker:first-child figure:before {
		height: 32px;
		width: 32px;
		line-height: 32px;
		font-size: 17px;
		left: -18px;
	}

	:is(.featured-webinar, .webinar-article) .webinar-nav {
		flex-direction: column;
		align-items: flex-start;
	}
}


/* Single spreker sidebar */
.webinar-single-sprekers {
	display: flex;
	justify-content: center;
	position: sticky;
	height: fit-content;
	top: 40px;
	width: 100%;
	flex-direction: column;
}

.webinar-single-sprekers .webinar-sprekers {
	align-items: unset;
	justify-content: unset;
	margin-top: 24px;
	margin-left: 15px;
}

.webinar-single-sprekers .webinar-spreker>figure {
	height: 115px;
	width: 115px;
}

.webinar-single-sprekers .webinar-spreker p {
	font-size: 14px;
	line-height: 16px;
	padding: 0;
	max-width: 100px;
	text-align: center;
	margin-top: 8px;
}

.webinar-single-sprekers .webinar-spreker:not(:first-child) {
	margin-left: -10px;
}

.webinar-single-sprekers .webinar-spreker:first-child figure:before {
	left: -15px;
	top: -10px;
	height: 40px;
	width: 40px;
	line-height: 40px;
	font-size: 20px;
	border: 2px solid rgba(0, 0, 0, 0.2);
}





/* Selected post */
.single-featured-article-section {
	margin: 85px auto;
}

.selected-post-section {
	margin: 48px auto;
}

.selected-post {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	padding: 29px;
	gap: 32px;
	background: rgb(65, 136, 252);
	background: linear-gradient(298deg, rgba(65, 136, 252, 1) 0%, rgba(65, 65, 252, 1) 100%);
}

.selected-post>img {
	aspect-ratio: 721/528;
	flex: 1 0 calc(50% - 16px);
	max-width: calc(50% - 16px);
	margin-top: auto;
	margin-bottom: auto;
	object-fit: cover;
}

.selected-post, .selected-post>img {
	border-radius: 16px;
	overflow: hidden;
}

.selected-post, .selected-post * {
	color: var(--so-color-white);
}

.selected-post .selected-post-content {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	max-width: 528px;
	margin-top: 16px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 16px;
}

.selected-post .selected-post-content>* {
	margin-top: 0;
}

.selected-post .selected-post-content .tag {
	font-size: 14px;
	line-height: 1;
	margin-bottom: 18px;
}

.selected-post .selected-post-content :is(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5) {
	margin-bottom: 22px;
}

.selected-post .selected-post-content p {
	font-size: 17px;
	line-height: 1.5;
	margin-bottom: 40px;
}

.selected-post .selected-post-content a {
	margin-top: auto;
	width: fit-content;
}

@media only screen and (max-width: 1380px) {
	.selected-post .selected-post-content {
		max-width: calc(50% - 16px);
	}

	.selected-post .selected-post-content :is(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5) {
		margin-bottom: 20px;
	}
}

@media only screen and (max-width: 1270px) {
	.single-featured-article-section {
		margin: 95px auto;
	}
}

@media only screen and (max-width: 1180px) {
	.selected-post .selected-post-content {
		margin-top: 0;
		margin-bottom: 0;
	}
}

@media only screen and (max-width: 1080px) {
	.selected-post {
		flex-direction: column-reverse;
	}

	.selected-post>img {
		aspect-ratio: 5/2;
		flex: 1;
		max-width: 100%;
		margin-top: auto;
		margin-bottom: auto;
		object-fit: cover;
	}

	.selected-post .selected-post-content {
		max-width: unset;
	}
}

@media only screen and (max-width: 720px) {
	.selected-post>img {
		aspect-ratio: 2/1;
	}
}

@media only screen and (max-width: 640px) {
	.selected-post .selected-post-content :is(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5) {
		margin-bottom: 10px;
	}

	.selected-post .selected-post-content .tag {
		margin-bottom: 5px;
	}

	.selected-post .selected-post-content p {
		font-size: 17px;
		line-height: 1.4;
		margin-bottom: 30px;
	}
}

@media only screen and (max-width: 620px) {
	.selected-post {
		padding: 16px;
		gap: 26px;
	}
}





/* Team */
.team-section {
	max-width: 1270px;
	margin-top: 85px;
	margin-bottom: 85px;
	margin-left: auto;
	margin-right: auto;
}

.team-section :is(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5) {
	text-align: center;
	margin-top: 0;
	margin-bottom: 70px;
}

.team {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	gap: 70px 20px;
}

.team .team-person {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	align-items: center;
	text-align: center;
	flex: 1 0 calc(16.66666666666667% - 17px);
	max-width: calc(16.66666666666667% - 16px);
}

.team .team-person p {
	margin-top: 18px;
	margin-bottom: 6px;
	line-height: 1.15;
}

.team .team-person span {
	font-size: 14px;
	line-height: 1;
	color: #ABB0BC;
}

.team .team-person img {
	aspect-ratio: 1/1;
	border-radius: 100%;
	object-fit: cover;
	max-width: 116px;
	width: 100%;
}

@media only screen and (max-width: 1320px) {
	.team {
		gap: 55px 20px;
	}

	.team .team-person {
		flex: calc(20% - 16px);
		max-width: calc(20% - 16px);
	}
}

@media only screen and (max-width: 1080px) {
	.team {
		gap: 40px 20px;
	}

	.team .team-person {
		flex: calc(25% - 15px);
		max-width: calc(25% - 15px);
	}
}

@media only screen and (max-width: 860px) {
	.team .team-person {
		flex: calc(33.33% - 14px);
		max-width: calc(33.33% - 14px);
	}
}

@media only screen and (max-width: 640px) {
	.team .team-person {
		flex: 1 0 calc(50% - 10px);
		max-width: calc(50% - 10px);
	}
}



/* Textual cards */
.textual-cards-section {
	margin: 55px auto;
	max-width: var(--container-size);
}

.textual-cards {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	gap: 32px;
}

.textual-cards .textual-card {
	flex: 1 0 calc((100% - (2 * 32px)) / 3);
	max-width: calc((100% - (2 * 32px)) / 3);
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	background: var(--so-color-gray);
	padding: 40px 48px;
	box-sizing: border-box;
	border-radius: 16px;
	overflow: hidden;
}

.wp-block-group.has-cyberlab-gradient-gradient-background .textual-cards .textual-card {
	background: #0000002E;
}

.textual-cards .textual-card .intro {
	color: #212C4B;
	font-size: 16px;
	margin-bottom: 32px;
}

.wp-block-group.has-cyberlab-gradient-gradient-background .textual-cards .textual-card .intro {
	color: var(--so-color-red);
	font-family: var(--header-font-family) !important;
}

.textual-cards .textual-card * {
	margin-top: 0;
}

.textual-cards .textual-card :is(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5) {
	margin-bottom: 32px;
}

.textual-cards .textual-card p {
	font-size: 16px;
	line-height: 1.4;
	margin-bottom: 0;
	color: #505050;
}

.wp-block-group.has-cyberlab-gradient-gradient-background .textual-cards .textual-card p {
	color: var(--so-color-white);
}

@media only screen and (max-width: 1270px) {
	.textual-cards-section {
		margin: 95px auto;
	}
}

@media only screen and (max-width: 1180px) {
	.textual-cards .textual-card {
		padding: 32px;
	}
}

@media only screen and (max-width: 1050px) {
	.textual-cards {
		gap: 24px;
	}

	.textual-cards .textual-card {
		flex: 1 0 calc((100% - (2 * 24px)) / 3);
		max-width: calc((100% - (2 * 24px)) / 3);
		padding: 24px;
	}
}

@media only screen and (max-width: 800px) {
	.textual-cards .textual-card {
		flex: 1 0 calc((100% - 24px) / 2);
		max-width: calc((100% - 24px) / 2);
	}
}

@media only screen and (max-width: 650px) {
	.textual-cards {
		flex-direction: column;
	}

	.textual-cards .textual-card {
		flex: 1;
		max-width: unset;
	}
}



/* Product archive */
.products-section {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	margin: 105px auto 80px auto;
	gap: 55px;
}

.product-section .product-section-intro {
	max-width: var(--container-size);
	margin: 0 auto;
}

.product-section .product-section-intro * {
	max-width: 752px;
	width: 100%;
}

.product-section .product-section-intro h2 {
	margin-top: 0;
	margin-bottom: 14px;
}

@media only screen and (max-width: 1420px) {
	.products-section {
		gap: 80px;
	}
}

@media only screen and (max-width: 1270px) {
	.products-section {
		margin: 75px auto 90px auto;
	}
}

@media only screen and (max-width: 1200px) {
	.product-blocks {
		margin-top: 27px;
	}
}

@media only screen and (max-width: 1050px) {
	.product-blocks {
		margin-top: 22px;
	}
}

@media only screen and (max-width: 500px) {
	.products-section {
		margin: 48px auto 48px auto;
	}
}




/* Leadership */
.leaderships-section {
	display: flex;
	justify-content: center;
	margin: 28px auto 65px auto;
	max-width: var(--container-size);
	position: relative;
}

.leadership-persons {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}

.leadership-persons img {
	width: 800px;
	margin: 0 auto;
}

.leadership-persons .leadership-contact {
	display: flex;
	flex-direction: row;
	gap: 20px;
	justify-content: center;
	margin-top: -50px;
	height: 67px;
}

.leadership-persons .leadership-contact a {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	background: var(--so-color-gray);
	max-width: 180px;
	padding: 16px;
	backdrop-filter: blur(30px);
	-webkit-backdrop-filter: blur(30px);
	line-height: 27px;
	width: 100%;
	height: fit-content;
	justify-content: space-between;
	gap: 6px;
	align-items: center;
	border-radius: 16px;
	overflow: hidden;
}

.leadership-persons .leadership-contact a:after {
	content: "\e90d";
	font-family: 'ip-icons-v2' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	height: 15px;
	font-size: 15px;
	color: #212C4B;
}

@media only screen and (max-width: 1000px) {
	.leadership-persons .leadership-contact {
		display: none;
	}
}




/* Video section */
.video-section {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	align-items: center;
	margin: 95px auto;
	max-width: 1170px;
}

.video-section .video {
	position: relative;
	margin-top: 25px;
	margin-bottom: 25px;
}

.video-section .video img {
	aspect-ratio: 16/9;
	object-fit: cover;
	border-radius: 16px;
}

.video-section .video .play-btn {
	position: relative;
	background: #212C4B;
	border-radius: 4px;
	height: 107px;
	width: 140px;
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	cursor: pointer;
	transition: 0.25s ease all;
}

.video-section .video .play-btn:hover {
	background: #0e5ad7
}

.video-section .video .play-btn:before {
	content: '';
	width: 44px;
	height: 44px;
	background: #FFFFFF;
	clip-path: polygon(0 0, 0% 100%, 100% 50%);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

@media only screen and (max-width: 1270px) {
	.video-section {
		margin: 95px auto;
	}
}

@media only screen and (max-width: 750px) {
	.video-section .video .play-btn {
		height: 77px;
		width: 100px;
	}

	.video-section .video .play-btn:before {
		width: 33px;
		height: 33px;
	}
}

@media only screen and (max-width: 540px) {
	.video-section .video {
		margin-top: 30px;
		margin-bottom: 30px;
	}

	.video-section .video .play-btn {
		height: 67px;
		width: 90px;
	}

	.video-section .video .play-btn:before {
		width: 23px;
		height: 23px;
	}
}





/* Vacature intro */
.vacature-intro {
	margin-top: 48px;
	margin-bottom: 10px;
}

.vacature-intro .vacature-intro-text {
	text-align: center;
	max-width: 1100px;
	margin: 0 auto;
}

.vacature-intro .vacature-intro-text :is(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5) {
	margin-bottom: 30px;
}

.vacature-intro .vacature-intro-text :is(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, p) {
	margin-top: 0;
}

.vacature-intro .vacature-intro-text p {
	margin-bottom: 60px;
}

.vacature-intro .btn-primary.vacature-btn {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px;
	margin-bottom: 70px;
	padding: 20px 25px;
	width: fit-content;
	margin-left: auto;
	margin-right: auto;
}

.vacature-intro .btn-primary.vacature-btn:after {
	content: attr(vacature-aantal);
	display: block;
	height: 24px;
	width: 24px;
	background: #FFFFFF;
	color: #131F40;
	border-radius: 100%;
	line-height: 24px;
	font-size: 14px;
	font-weight: bold;
}

/* Parallax */
.vacature-parallax {
	display: flex;
	flex-direction: row;
	justify-content: center;
	flex-wrap: wrap;
	position: relative;
	width: 100%;
	height: 530px;
}

.vacature-parallax figure {
	position: relative;
	padding: 5px;
	width: 33.33%;
}

.vacature-parallax figure:after {
	content: '';
	backdrop-filter: blur(18px);
	-webkit-backdrop-filter: blur(18px);
	background: rgba(80, 100, 145, 0.5);
	height: 100%;
	width: 100%;
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	border-radius: 8px;
}

.vacature-parallax>figure:nth-child(1) {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
}

.vacature-parallax>figure:nth-child(2) {
	position: absolute;
	left: 16.665%;
	bottom: 0;
	z-index: 2;
}

.vacature-parallax>figure:nth-child(3) {
	position: absolute;
	top: 0;
	right: 16.665%;
	z-index: 1;
}

.vacature-parallax>figure:nth-child(4) {
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 3;
}

.vacature-parallax img {
	aspect-ratio: 451/339;
	object-fit: cover;
	display: block;
	max-width: unset;
	max-height: unset;
	width: 100%;
	border-radius: 5px;
}

@media only screen and (max-width: 1135px) {
	.vacature-parallax {
		display: none;
	}

	.vacature-intro {
		margin-top: 75px;
	}

	.vacature-intro .vacature-intro-text :is(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5) {
		margin-bottom: 30px;
	}

	.vacature-intro .vacature-intro-text p {
		margin-bottom: 40px;
	}

	.vacature-intro,
	.vacature-intro .btn-primary.vacature-btn {
		margin-bottom: 75px;
	}
}




/* Featured jobs section */
.featured-jobs-section {
	margin: 95px auto;
}

.featured-jobs {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 16px;
}

.featured-jobs>.featured-job {
	position: relative;
	flex: 1 0 50%;
	max-width: calc(50% - 168px);
	padding: 60px 80px 50px 80px;
	background: var(--so-color-gray);
	color: var(--so-color-black);
	transition: 0.25s ease all;
	border-radius: 16px;
	overflow: hidden;
}

.featured-jobs>.featured-job:hover {
	background: var(--so-cyberlab-gradient);
}

.featured-jobs>.featured-job:hover, .featured-jobs>.featured-job:hover * {
	color: var(--so-color-white);
}

.featured-jobs>.featured-job h4:after {
	content: "\e916";
	font-family: 'ip-icons-v2' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 50px;
	font-size: 24px;
	padding-left: 16px;
}

.featured-jobs>.featured-job>* {
	margin-top: 0;
}

.featured-jobs>.featured-job :is(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5) {
	display: flex;
	align-items: center;
	font-size: 34px;
	line-height: 1.15;
	margin-top: 0;
	margin-bottom: 16px;
}

.featured-jobs>.featured-job p.tag {
	padding: 15px 20px;
	width: fit-content;
	line-height: 1;
	font-size: 12px;
	border: 1px solid var(--so-color-blue);
	border-radius: 24px;
	margin-bottom: 30px;
}

.featured-jobs>.featured-job p {
	font-weight: 400;
	margin-bottom: 0;
}

@media only screen and (max-width: 1270px) {
	.featured-jobs-section {
		margin: 48px auto;
	}

	.featured-jobs>.featured-job {
		max-width: calc(50% - 136px);
		padding: 60px;
	}
}

@media only screen and (max-width: 1050px) {
	.featured-jobs>.featured-job {
		max-width: calc(50% - 98px);
		padding: 45px;
	}
}

@media only screen and (max-width: 760px) {
	.featured-jobs>.featured-job {
		max-width: calc(50% - 100px);
		padding: 45px;
	}
}

@media only screen and (max-width: 730px) {
	.featured-jobs {
		flex-direction: column;
	}

	.featured-jobs>.featured-job {
		max-width: unset;
	}
}

@media only screen and (max-width: 640px) {
	.featured-jobs>.featured-job :is(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5) {
		font-size: 30px;
		line-height: 1.1;
	}
}

@media only screen and (max-width: 520px) {
	.featured-jobs>.featured-job {
		padding: 30px;
	}
}

/* Related jobs */
.featured-jobs-section.related-jobs> :is(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5) {
	max-width: var(--container-size);
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 26px;
}




/* Quote image slider */
.quote-image-slider-section {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 32px;
	margin: 65px auto;
	padding: 65px 80px;
	overflow: hidden;
	background-color: var(--so-color-gray);
	border-radius: 16px;
}

.quote-image-slider-section * {
	margin-top: 0;
}

.quote-image-slider .slick-track {
	display: flex !important;
	align-items: stretch;
}

.quote-image-slider .slick-slide {
	display: flex;
	align-items: stretch;
	height: auto;
}

.quote-image-slider-section .quote-slider-section-content {
	flex: 1 0 calc(50% - 16px);
	width: calc(50% - 16px);
}

.quote-image-slider-section .quote-slider-section-content .tag {
	font-size: 14px;
	color: var(--so-color-red);
	font-family: var(--header-font-family);
	margin-bottom: 12px;
	font-weight: normal;
}

.quote-image-slider-section .quote-slider-section-content h2 {
	font-size: 48px;
	line-height: 1;
}

.quote-image-slider-section .quote-image-slider-slideshow {
	flex: 1 0 100%;
	width: 100%;
	max-width: 100%;
}

.quote-image-slider-section .quote-image-slider .slick-slide {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin: 0 8px;
	justify-content: space-between;
	flex: 1 0 0;
}

.quote-image-slider-section .quote-image-slider .slick-list {
	margin: 0 -8px;
	overflow: visible;
	width: 100%;
}

@supports not (aspect-ratio: 1/1) {
	.quote-image-slider-section .quote-image-slider :is(.quote-slide-content, .quote-slide-image) {
		max-height: 500px;
	}
}

.quote-image-slider-section .quote-image-slider .quote-slide-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.quote-image-slider-section .quote-image-slider .slick-track .quote-slide-content {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	flex: 1 0 calc(50% - 112px);
	max-width: calc(50% - 112px);
	padding: 40px 48px;
}

.quote-image-slider-section .quote-image-slider .slick-track .quote-slide-content q {
	font-size: 24px;
	line-height: 36px;
}

.quote-image-slider-section .quote-image-slider .slick-track .quote-slide-content q:before {
	content: '"';
}

.quote-image-slider-section .quote-image-slider .slick-track .quote-slide-content p {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	padding-top: 16px;
	gap: 0 20px;
	margin-top: auto;
	margin-bottom: 0;
	color: var(--so-color-white);
}

.quote-image-slider-section .quote-image-slider .slick-track .quote-slide-content p span {
	color: #FFFFFFBD;
	font-weight: 300;
}

.quote-image-slider-section .quote-image-slider .slick-track .quote-slide-image {
	flex: 1 0 calc(50% - 4px);
	max-width: calc(50% - 4px);
}

.quote-image-slider-section .quote-image-slider .slick-track>.quote-slide .quote-slide-content {
	background: rgb(2, 164, 190);
	background: var(--so-cyberlab-gradient);
}

.quote-image-slider-section .quote-image-slider .slick-track>.quote-slide .quote-slide-content q {
	color: var(--so-color-white);
	font-family: var(--header-font-family);
	font-size: 24px;
	line-height: 28px;
}

.quote-image-slider-section .quote-image-slider .slick-track>.quote-slide :where(.quote-slide-content, .quote-slide-image) {
	border-radius: 16px;
	overflow: hidden;
}

.quote-image-slider-nav {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 16px;
	/* margin-left: 80px; */
	margin-bottom: 32px;
	/* margin-right: 80px; */
}

.quote-image-slider-nav :is(.quote-image-slider-prev, .quote-image-slider-next) {
	height: 60px;
	width: 60px;
	line-height: 60px;
	font-size: 16px;
	background: var(--so-color-blue);
	border-radius: 100%;
	text-align: center;
	cursor: pointer;
	transition: all .2s ease-in-out;
}

.quote-image-slider-nav :is(.quote-image-slider-prev, .quote-image-slider-next):not(.slick-disabled):hover {
	background: var(--so-color-blue-hover);
}

.quote-image-slider-nav :is(.quote-image-slider-prev, .quote-image-slider-next).slick-disabled {
	opacity: .6;
	cursor: initial;
}

.quote-image-slider-nav .quote-image-slider-prev:before,
.quote-image-slider-nav .quote-image-slider-next:before {
	font-family: 'ip-icons-v2' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 60px;
	color: var(--so-color-white);
}

.quote-image-slider-nav .quote-image-slider-prev:before {
	content: "\e90b";
}

.quote-image-slider-nav .quote-image-slider-next:before {
	content: "\e916";
}

@media screen and (max-width: 1270px) {
	.quote-image-slider-section {
		margin: 48px auto;
	}
}

@media screen and (max-width: 1160px) {
	.quote-image-slider-section {
		padding: 45px 50px;
	}
}

@media screen and (max-width: 1160px) {
	.quote-image-slider-section .quote-image-slider .slick-track .quote-slide-content {
		flex: 1 0 calc(50% - 80px);
		max-width: calc(50% - 80px);
		max-height: calc(100% - 64px);
		padding: 32px;
	}

	.quote-image-slider-section .quote-image-slider .slick-track .quote-slide-content p {
		gap: 12px 14px;
	}
}

@media screen and (max-width: 992px) {
	.quote-image-slider-section .quote-image-slider .slick-track .quote-slide-content {
		flex: 1 0 calc(50% - 64px);
		max-width: calc(50% - 64px);
		max-height: calc(100% - 48px);
		padding: 24px;
	}

	.quote-image-slider-section .quote-image-slider .slick-track>.quote-slide .quote-slide-content q {
		font-size: 22px;
	}

	.quote-image-slider-section .quote-image-slider .slick-track .quote-slide-content p {
		font-size: 14px;
		gap: 12px;
	}
}

@media screen and (max-width: 740px) {
	.quote-image-slider-section .quote-image-slider .slick-track .quote-slide-content {
		flex: 1;
		max-width: unset;
	}

	.quote-image-slider-section>.quote-image-slider-slideshow {
		margin-left: 0;
		margin-right: 0;
		margin-top: 32px;
	}

	.quote-image-slider-nav,
	.quote-image-slider-section .quote-image-slider .slick-track .quote-slide-image {
		display: none;
	}

	.quote-image-slider-section {
		flex-direction: column;
		gap: 0;
	}

	.quote-image-slider-section .quote-slider-section-content {
		flex: 1;
		width: 100%;
	}

	.quote-image-slider-section .quote-image-slider .slick-track .quote-slide-content p {
		flex-direction: column;
		gap: 0;
		padding-top: 32px;
	}

	.quote-image-slider-section .quote-image-slider :is(.quote-slide-content, .quote-slide-image) {
		aspect-ratio: unset;
	}
}


/* Text wide image section */
.text-wideimage-section {
	margin: 65px auto;
}

.text-wideimage-section .text-wideimage-section-text {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 64px 32px;
	padding: 65px 80px;
	background: rgba(255, 255, 255, 0.06);
	overflow: hidden;
	backdrop-filter: blur(24px);
	-webkit-backdrop-filter: blur(24px);
	margin-bottom: -115px;
}

.text-wideimage-section .text-wideimage-images {
	width: calc(100vw - 64px);
	margin-left: calc(-100vw / 2 + 100% / 2);
	margin-right: calc(-100vw / 2 + 100% / 2);
	display: flex;
	flex-direction: row;
	gap: 32px;
	justify-content: center;
	padding-left: 32px;
	padding-right: 32px;
	flex-wrap: wrap;
}

.text-wideimage-section .text-wideimage-images .text-wideimage-image {
	height: 650px;
}

.text-wideimage-section .text-wideimage-images>.text-wideimage-image:first-child {
	flex: 1;
}

.text-wideimage-section .text-wideimage-images .text-wideimage-image img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.text-wideimage-section * {
	margin-top: 0;
}

.text-wideimage-section .text-wideimage-section-text .text-wideimage-content {
	flex: 1 0 calc(50% - 16px);
	width: calc(50% - 16px);
}

.text-wideimage-section .text-wideimage-section-text .text-wideimage-content>*:last-child {
	margin-bottom: 0;
}

.text-wideimage-section .text-wideimage-section-text .tag {
	font-size: 16px;
	color: #ABB0BC;
	line-height: 1;
}

@media screen and (max-width: 1620px) {
	.text-wideimage-section .text-wideimage-section-text {
		max-width: 80vw;
		margin-bottom: unset;
		margin: 0 auto -115px auto;
	}
}

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

	.text-wideimage-section .text-wideimage-images>.text-wideimage-image:first-child,
	.text-wideimage-section .text-wideimage-images .text-wideimage-image {
		flex: 1 0 calc(50% - 16px);
	}

	.text-wideimage-section .text-wideimage-images .text-wideimage-image {
		flex: 1 0 calc(50% - 16px);
		max-width: calc(50% - 16px);
		height: unset;
		aspect-ratio: 3/2;
	}

	.text-wideimage-section .text-wideimage-section-text {
		max-width: 75vw;
	}
}

@media screen and (max-width: 1270px) {
	.text-wideimage-section {
		margin: 48px auto;
	}

	.text-wideimage-section .text-wideimage-images>.text-wideimage-image:first-child {
		flex: unset;
	}

	.text-wideimage-section .text-wideimage-images>.text-wideimage-image figure {
		flex: 1 0 50%;
		max-width: 50%;
	}
}

@media screen and (max-width: 1160px) {
	.text-wideimage-section .text-wideimage-section-text {
		flex-direction: column;
		gap: 16px;
		padding: 45px 50px;
	}

	.text-wideimage-section .text-wideimage-section-text .text-wideimage-content {
		flex: 1;
		width: 100%;
	}
}

@media screen and (max-width: 880px) {
	.text-wideimage-section .text-wideimage-section-text {
		max-width: unset;
		margin-bottom: 0;
	}

	.text-wideimage-section .text-wideimage-images {
		display: none;
	}
}

@media screen and (max-width: 640px) {
	.text-wideimage-section .text-wideimage-section-text {
		padding: 30px;
	}
}




/* CTA Blocks transparent */
.usp-blocks-transparent-section {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	padding: 60px;
	background: rgba(255, 255, 255, 0.06);
	margin: 65px auto;
}

.usp-blocks-transparent-section * {
	margin-top: 0;
}

.usp-blocks-transparent-section .tag {
	font-size: 16px;
	color: #ABB0BC;
	line-height: 1;
	margin-bottom: 12px;
}

.usp-blocks-transparent-section .usp-blocks-transparent {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 16px;
	justify-content: space-between;
}

.usp-blocks-transparent .usp-block-transparent {
	flex: 1 0 calc(33.33% - 100.6666666666667px);
	max-width: calc(33.33% - 100.6666666666667px);
	min-height: 255px;
	display: flex;
	flex-direction: column;
	gap: 20px;
	align-items: center;
	text-align: center;
	padding: 45px;
	background: var(--so-color-gray);
	border-radius: 16px;
	overflow: hidden;
}

.usp-blocks-transparent .usp-block-transparent figure,
.usp-blocks-transparent .usp-block-transparent figure :is(img, svg) {
	max-height: 50px;
}

.usp-blocks-transparent .usp-block-transparent * {
	margin-bottom: 0;
}

.usp-blocks-transparent .usp-block-transparent figure {
	margin-bottom: 4px;
}

.usp-blocks-transparent-section h2 {
	margin-bottom: 26px;
}

@media screen and (max-width: 1350px) {
	.usp-blocks-transparent-section {
		padding: 55px 60px;
	}
}

@media screen and (max-width: 1270px) {
	.usp-blocks-transparent-section {
		margin: 48px auto;
	}
}

@media screen and (max-width: 1160px) {
	.usp-blocks-transparent-section {
		padding: 50px 45px;
	}

	.usp-blocks-transparent .usp-block-transparent {
		flex: 1 0 calc(33.33% - 80.66666666666667px);
		max-width: calc(33.33% - 80.66666666666667px);
		padding: 35px;
	}
}

@media screen and (max-width: 1050px) {
	.usp-blocks-transparent .usp-block-transparent {
		flex: 1 0 calc(50% - 78px);
		max-width: calc(50% - 78px);
		padding: 35px;
	}
}

@media screen and (max-width: 790px) {
	.usp-blocks-transparent .usp-block-transparent {
		flex: 1 0 calc(50% - 58px);
		max-width: calc(50% - 58px);
		padding: 25px;
	}
}

@media screen and (max-width: 750px) {
	.usp-blocks-transparent-section .usp-blocks-transparent {
		flex-direction: column;
	}

	.usp-blocks-transparent .usp-block-transparent {
		flex: 1;
		max-width: 100%;
		min-height: unset;
		padding: 35px;
	}
}

@media screen and (max-width: 640px) {
	.usp-blocks-transparent-section {
		padding: 30px;
	}

	.usp-blocks-transparent-section .usp-blocks-transparent {
		gap: 20px;
	}
}

@media screen and (max-width: 470px) {
	.usp-blocks-transparent .usp-block-transparent {
		padding: 30px;
	}
}





/* Single vacature intro */
.single-vacature-intro * {
	flex: 1;
	margin-top: 0;
}

.single-vacature-intro .single-vacature-intro-sticky {
	max-width: 485px;
}

.single-vacature-intro .single-vacature-intro-sticky>.single-vacature-intro-sticky-content {
	position: sticky;
	top: 115px;
	margin-bottom: 40px;
}

.single-vacature-intro-content :is(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5) {
	margin-bottom: 16px;
}

.single-vacature-intro-content p {
	font-size: 20px;
	line-height: 32px;
}

.single-vacature-intro-content p {
	margin-bottom: 35px;
}

.single-vacature-intro-content ul,
.single-vacature-intro-content ol {
	margin-bottom: 35px;
}

.single-vacature-intro-sticky-content .btn-primary-solliciteer {
	border-radius: 30px;
}

.usp-lijst {
	margin-bottom: 24px;
	padding: 64px 80px;
	background: #212C4B;
}

.usp-lijst :is(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5) {
	margin-bottom: 20px;
}

ul.is-style-usp-list,
.usp-lijst ul {
	display: flex;
	flex-direction: column;
	font-size: 19px;
	line-height: 1.3;
	list-style: none;
	padding-left: 45px;
	margin-bottom: 30px;
	gap: 20px;
}

ul.is-style-usp-list li,
.usp-lijst ul li {
	position: relative;
}

ul.is-style-usp-list li:before,
.usp-lijst ul li:before {
	content: '';
	position: absolute;
	height: 26px;
	width: 26px;
	background: #02BE8C;
	left: -45px;
	border-radius: 100%;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10.793' height='10.394' viewBox='0 0 10.793 10.394'%3E%3Cg id='Group_2518' data-name='Group 2518' transform='translate(1.4 1.393)'%3E%3Cpath id='Path_4106' data-name='Path 4106' d='M8.625.624,3.259,8.29a.782.782,0,0,1-1.269.021L.625,6.491' transform='translate(-0.625 -0.624)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-position: center;
}

@media screen and (max-width: 770px) {
	.usp-lijst {
		padding: 40px 50px;
	}

	.single-vacature-intro-content p {
		margin-bottom: 50px;
	}
}

@media screen and (max-width: 640px) {
	.usp-lijst :is(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5) {
		margin-bottom: 30px;
	}

	ul.is-style-usp-list,
	.usp-lijst ul {
		padding-left: 35px;
		font-size: 17px;
		margin-bottom: 10px;
	}

	ul.is-style-usp-list li:before,
	.usp-lijst ul li:before {
		height: 23px;
		width: 23px;
		left: -35px;
	}

	.single-vacature-intro-content p {
		margin-bottom: 40px;
	}
}

@media screen and (max-width: 520px) {
	.usp-lijst {
		padding: 30px;
	}
}





/* Solliciteer direct */
.solliciteer-direct-section {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	max-width: var(--container-size);
	margin: 95px auto;
	gap: 100px;
}

.solliciteer-direct-section * {
	margin-top: 0;
}

.solliciteer-direct-section .solliciteer-direct-content {
	max-width: 470px;
	width: 100%;
}

.solliciteer-direct-section .solliciteer-direct-content>h2 {
	font-weight: bold;
	margin-bottom: 14px;
	padding-right: 60px;
	position: relative;
}

/* .solliciteer-direct-section .solliciteer-direct-content>h2:after {
	content: '';
	position: absolute;
	width: 100%;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='470.98' height='21.616' viewBox='0 0 470.98 21.616'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='0.5' x2='0.5' y2='1' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%234181fc'/%3E%3Cstop offset='1' stop-color='%234185fc' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='Group_2638' data-name='Group 2638' transform='translate(368.975 -31.577) rotate(90)'%3E%3Cpath id='Union_14' data-name='Union 14' d='M2538.309,19091.418v-466.562l-8.1,8.1a1,1,0,0,1-1.414-1.414l9.808-9.812a1,1,0,0,1,1.414,0l9.808,9.813a1,1,0,0,1-1.414,1.414l-8.1-8.1v466.564a1,1,0,1,1-2,0Z' transform='translate(-2496.926 -18723.445)' fill='url(%23linear-gradient)'/%3E%3C/g%3E%3C/svg%3E%0A");
	height: 22px;
	background-repeat: no-repeat;
	background-size: contain;
	left: 0;
	bottom: -15px;
} */

.solliciteer-direct-section .solliciteer-direct-content>p {
	font-size: 18px;
	margin-bottom: 0;
}

.solliciteer-direct-section .solliciteer-direct-content .solliciteer-direct-contactperson {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	position: relative;
	padding-top: 52px;
	margin-top: 52px;
}

.solliciteer-direct-section .solliciteer-direct-content .solliciteer-direct-contactperson:before {
	content: '';
	display: block;
	width: 75%;
	max-width: 155px;
	height: 1px;
	background: #47506A;
	transform: translate(0, -52px);
}

.solliciteer-direct-section .solliciteer-direct-content .solliciteer-direct-contactperson :is(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5) {
	margin-bottom: 30px;
}

.solliciteer-direct-section .solliciteer-direct-content .solliciteer-direct-contactperson p {
	margin-bottom: 0;
}

.solliciteer-direct-section .solliciteer-direct-content .solliciteer-direct-contactperson .solliciteer-direct-contactperson-person {
	display: flex;
	flex-direction: row;
	gap: 30px;
	align-items: center;
	margin-bottom: 15px;
}

.solliciteer-direct-section .solliciteer-direct-content .solliciteer-direct-contactperson .solliciteer-direct-contactperson-person :is(figure, img) {
	height: 72px;
	width: 72px;
	border-radius: 100%;
}

.solliciteer-direct-section .solliciteer-direct-content .solliciteer-direct-contactperson .solliciteer-direct-contactperson-person p {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	font-size: 24px;
	line-height: 31px;
}

.solliciteer-direct-section .solliciteer-direct-content .solliciteer-direct-contactperson .solliciteer-direct-contactperson-person p span {
	color: #ABB0BC;
}

.solliciteer-direct-section .solliciteer-direct-content .solliciteer-direct-contactperson a {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	position: relative;
	font-size: 24px;
	line-height: 31px;
	margin-top: 17px;
}

.solliciteer-direct-section .solliciteer-direct-content .solliciteer-direct-contactperson>a:before {
	height: 48px;
	width: 48px;
	display: block;
	background: var(--so-color-blue);
	color: var(--so-color-white);
	border-radius: 100%;
	margin-right: 18px;
	font-family: 'ip-icons-v2' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 48px;
	text-align: center;
}

.solliciteer-direct-section .solliciteer-direct-content .solliciteer-direct-contactperson>a.contactperson-tel:before {
	content: "\e911";
}

.solliciteer-direct-section .solliciteer-direct-content .solliciteer-direct-contactperson>a.contactperson-email:before {
	content: "\e90d";
	font-size: 13px;
}

.solliciteer-direct-section .solliciteer-direct-form {
	position: relative;
	flex: 1;
	padding: 70px 80px;
	background: var(--so-cyberlab-gradient);
	color: var(--so-color-white);
	border-radius: 5px;
}

.solliciteer-direct-section .solliciteer-direct-form * {
	color: var(--so-color-white);
}

/* .solliciteer-direct-section .solliciteer-direct-form:before,
.solliciteer-direct-section .solliciteer-direct-form:after {
	content: '';
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='1063' height='1095' viewBox='0 0 1063 1095'%3E%3Cdefs%3E%3CradialGradient id='radial-gradient' cx='0.5' cy='0.5' r='0.501' gradientTransform='translate(-0.027 0.029) rotate(-3.186)' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%234188fc'/%3E%3Cstop offset='1' stop-color='%234173fc' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cellipse id='Ellipse_130' data-name='Ellipse 130' cx='381.5' cy='397.5' rx='381.5' ry='397.5' transform='translate(150 150)' fill='url(%23radial-gradient)'/%3E%3C/svg%3E%0A");
	height: 795px;
	width: 763px;
	position: absolute;
	z-index: -1;
	background-size: contain;
}

.solliciteer-direct-section .solliciteer-direct-form:before {
	top: -190px;
	left: -200px;
}

.solliciteer-direct-section .solliciteer-direct-form:after {
	bottom: -160px;
	left: -150px;
} */

.solliciteer-direct-section .solliciteer-direct-form input[type="submit"] {
	background: var(--so-color-white);
	border-radius: 4px;
	color: var(--so-color-black);
	padding: 20px 45px !important;
	width: fit-content;
	border: 0;
}

.solliciteer-direct-section .solliciteer-direct-form input[type="submit"]:hover {
	background: var(--so-color-white-hover);
}

@media screen and (max-width: 1320px) {
	.solliciteer-direct-section .solliciteer-direct-form {
		padding: 50px 60px;
	}
}

@media screen and (max-width: 1270px) {
	.solliciteer-direct-section {
		margin: 48px auto;
	}
}

@media screen and (max-width: 1170px) {
	.solliciteer-direct-section {
		gap: 32px;
	}
}

@media screen and (max-width: 1120px) {
	.solliciteer-direct-section {
		flex-direction: column;
	}

	.solliciteer-direct-section .solliciteer-direct-content {
		max-width: unset;
		margin-bottom: 20px;
	}
}

@media screen and (max-width: 830px) {
	.solliciteer-direct-section .solliciteer-direct-form {
		padding: 35px;
	}
}

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

	.solliciteer-direct-section .solliciteer-direct-content .solliciteer-direct-contactperson .solliciteer-direct-contactperson-person p,
	.solliciteer-direct-section .solliciteer-direct-content .solliciteer-direct-contactperson a {
		font-size: 17px;
		line-height: 1.1;
	}

	.solliciteer-direct-section .solliciteer-direct-content .solliciteer-direct-contactperson :is(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5) {
		margin-bottom: 20px;
	}
}

@media screen and (max-width: 400px) {
	.solliciteer-direct-section .solliciteer-direct-content>h2 {
		padding-bottom: 10px;
		padding-right: 30px;
	}

	.solliciteer-direct-section .solliciteer-direct-content .solliciteer-direct-contactperson .solliciteer-direct-contactperson-person {
		flex-direction: column;
		align-items: flex-start;
		gap: 8px;
	}

	.solliciteer-direct-section .solliciteer-direct-content .solliciteer-direct-contactperson {
		padding-top: 20px;
		margin-top: 20px;
	}

	.solliciteer-direct-section .solliciteer-direct-content .solliciteer-direct-contactperson:before {
		transform: translate(0, -36px);
	}
}





/* Contact details */
.contact-details {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	gap: 22px;
	margin-bottom: 28px;
}

.contact-details :is(a, p) {
	margin-top: 0;
	margin-bottom: 0;
}

.contact-details * {
	font-size: 17px;
	transition: 0.2s ease all;
}

.contact-details *:before {
	font-size: 17px;
	height: 40px;
	width: 40px;
	line-height: 40px;
	background: var(--so-color-blue);
	color: var(--so-color-white);
}

.contact-details a {
	background: ;
}

.contact-details a:hover {
	color: var(--so-color-blue);
}



/* Large CTA blocks */
.large-cta-blocks {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin: 36px auto;
	gap: 16px;
	width: 100%;
	max-width: var(--container-size);
}

.large-cta-blocks .cta-block:only-child {
	flex: 1 0 calc(70% - 128px);
	max-width: calc(70% - 128px);
	margin-left: auto;
	margin-right: auto;
}

.large-cta-blocks .cta-block {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	flex: 1 0 calc(50% - 128px);
	max-width: calc(50% - 128px);
	padding: 45px 60px;
	background: var(--so-color-gray);
	color: var(--so-color-black);
	border-radius: 16px;
	overflow: hidden;
}

.large-cta-blocks .cta-block :is(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5) {
	margin-top: 8px;
	margin-bottom: 24px;
}

.large-cta-blocks .cta-block :is(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5)+p {
	margin-top: 0;
}

.large-cta-blocks .cta-block>*:nth-last-child(2) {
	margin-bottom: auto;
}

.large-cta-blocks .cta-block .btn-primary {
	width: fit-content;
	margin-top: 20px;
}

@media screen and (max-width: 1260px) {
	.large-cta-blocks .cta-block {
		flex: 1 0 calc(50% - 98px);
		max-width: calc(50% - 98px);
		padding: 45px;
	}
}

@media screen and (max-width: 1120px) {
	.large-cta-blocks {
		flex-direction: column;
	}

	.large-cta-blocks .cta-block {
		flex: 1 0 calc(100% - 90px);
		max-width: calc(100% - 90px);
		padding: 45px;
	}
}

@media screen and (max-width: 740px) {
	.large-cta-blocks .cta-block {
		flex: 1 0 calc(100% - 60px);
		max-width: calc(100% - 60px);
		padding: 30px;
	}
}





/* Contact intro */
.header-intro.contact-intro {
	margin-bottom: 38px;
}

.header-intro.contact-intro .header-intro-container {
	max-width: 576px;
	margin-right: auto;
}

.contact-intro .contact-form {
	position: relative;
	width: calc(50% - 148px);
	padding: 50px 66px 50px 66px;
	background: var(--so-cyberlab-gradient);
	color: var(--so-color-white);
	border-radius: 16px;
	overflow: hidden;
}

.contact-intro .contact-form .screen-reader-response {
	display: none;
}

.contact-intro .contact-form form {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	gap: 12px;
	font-family: var(--base-font-family);
}

.contact-intro .contact-form .form-field,
.contact-intro .contact-form .ginput_container {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}

.contact-intro .contact-form .form-field input.wpcf7-not-valid {
	border: 1px solid red !important;
}

.contact-intro .contact-form .form-field.checkbox-field,
.contact-intro .contact-form .ginput_container_checkbox .gchoice {
	flex-direction: row;
	gap: 14px;
	margin-top: 10px;
	margin-bottom: 12px;
}

.contact-intro .contact-form .form-field.checkbox-field input[type='checkbox'],
.gform_wrapper.gravity-theme .gfield-choice-input {
	width: 24px;
	height: 24px;
	padding: 0 !important;
}

.contact-intro .contact-form .form-field.checkbox-field input[type='checkbox']+label,
.gform_wrapper.gravity-theme .gfield-choice-input+label {
	width: calc(100% - 38px);
	font-size: 14px !important;
	line-height: 22px;
	margin: 0;
	padding-left: 14px;
}

.contact-intro .contact-form .form-field:not(.radio-btns) label,
.gform_wrapper.gravity-theme .gfield_label {
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 8px;
	font-weight: normal !important;
}

.contact-intro .contact-form .form-field:not(.radio-btns) :is(input, textarea),
.gform_wrapper.gravity-theme :is(input, textarea) {
	width: calc(100% - 40px);
	background: transparent;
	border: 1px solid white;
	border-radius: 4px;
	padding: 20px 16px !important;
	outline: none;
	color: var(--so-color-black);
}

.gform_required_legend {
	font-size: 14px;
}

.gform_wrapper.gravity-theme .gfield_error .gfield_repeater_cell label,
.gform_wrapper.gravity-theme .gfield_error label,
.gform_wrapper.gravity-theme .gfield_error legend,
.gform_wrapper.gravity-theme .gfield_validation_message,
.gform_wrapper.gravity-theme .validation_message,
.gform_wrapper.gravity-theme [aria-invalid=true]+label,
.gform_wrapper.gravity-theme label+[aria-invalid=true] {
	color: #9a1c00;
}

.contact-intro .contact-form .form-field.radio-btns {
	margin-top: 18px;
	margin-bottom: 28px;
}

.contact-intro .contact-form form input[type='submit'] {
	background-color: var(--so-color-blue) !important;
	border-radius: 4px;
	color: var(--so-color-black);
	padding: 20px 45px !important;
	width: fit-content;
	border: 0;
	transition: all .2s ease-in-out;
}

.contact-intro .contact-form form input[type='submit']:hover {
	background-color: var(--so-color-blue-hover) !important;
}

.contact-intro .contact-form form .wpcf7-radio,
.contact-intro .contact-form form .gfield_radio {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 12px;
}

.contact-intro .contact-form form .wpcf7-radio .wpcf7-list-item,
.contact-intro .contact-form form .gfield_radio .gchoice {
	font-size: 12px;
}

.contact-intro .contact-form form .wpcf7-radio input,
.contact-intro .contact-form form .gfield_radio input {
	display: none;
}

.contact-intro .contact-form form .wpcf7-radio .wpcf7-list-item-label,
.contact-intro .contact-form form .gfield_radio .gform-field-label {
	border-radius: 25px;
	border: 1px solid #FFFFFF;
	line-height: 24px;
	padding: 8px 13px;
	cursor: pointer;
	font-weight: 600;
	font-size: 12px;
	display: inline;
}

.gform_wrapper.gravity-theme .gfield_required {
	color: #FFF !important;
}

.gform_wrapper.gravity-theme .gfield_description {
	display: none;
}

.gform_wrapper.gravity-theme .ginput_complex label {
	display: inline-block;
	font-size: 16px;
	margin-bottom: 8px;
	padding: 0;
}

.contact-intro .contact-form form .wpcf7-radio :checked+.wpcf7-list-item-label,
.contact-intro .contact-form form .gfield_radio :checked+.gform-field-label {
	background: #FFFFFF;
	color: #212C4B;
}

.contact-intro .contact-form .contact-form-intro {
	display: flex;
	align-items: center;
	gap: 18px;
	margin-bottom: 10px;
}

.contact-intro .contact-form .contact-form-intro img {
	height: 80px;
	width: 80px;
	border-radius: 100%;
}

.contact-intro .contact-form .contact-form-intro .contact-form-intro-content * {
	margin-bottom: 0;
	color: var(--so-color-white);
}

.contact-intro .contact-form .contact-form-intro .contact-form-intro-content h4+p {
	color: rgba(255, 255, 255, 0.78);
}

.contact-intro .contact-form form input[type='submit'] {
	background-color: var(--so-color-white);
}

.contact-intro .contact-form form input[type='checkbox'] {
	width: 24px;
	height: 24px;
	padding: 0;
	border-radius: 2px;
	-webkit-appearance: none;
	-moz-appearance: none;
}

.contact-intro .contact-form form input[type='checkbox']:checked {
	background-size: 13px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M438.6 105.4C451.1 117.9 451.1 138.1 438.6 150.6L182.6 406.6C170.1 419.1 149.9 419.1 137.4 406.6L9.372 278.6C-3.124 266.1-3.124 245.9 9.372 233.4C21.87 220.9 42.13 220.9 54.63 233.4L159.1 338.7L393.4 105.4C405.9 92.88 426.1 92.88 438.6 105.4H438.6z' style='&%2310; fill: %23131F40;&%2310;'/%3E%3C/svg%3E");
	background-color: var(--so-color-white);
}

@media only screen and (max-width: 1280px) {
	.header-intro.contact-intro {
		flex-direction: column;
		gap: 46px;
	}

	.header-intro.contact-intro .header-intro-container {
		max-width: unset;
	}

	.contact-emergency {
		width: fit-content;
	}

	.contact-intro .contact-form {
		margin-left: auto;
		margin-right: auto;
		width: auto;
	}
}

@media only screen and (max-width: 740px) {
	.contact-intro .contact-form {
		padding: 30px;
		width: calc(100% - 60px);
	}
}

@media only screen and (max-width: 510px) {
	.contact-intro .contact-form .contact-form-intro>img {
		display: none;
	}
}


.gform_wrapper.gravity-theme .gform_validation_errors {
	background: transparent !important;
}


/* Contact emergency */
.contact-emergency {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 32px;
	background: var(--so-color-gray);
	padding: 25px 35px;
	border-radius: 16px;
}

.contact-emergency>* {
	flex: 1;
}

.contact-emergency>.contact-emergency-content {
	max-width: 220px;
}

.contact-emergency>.contact-emergency-content p {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 0;
	color: var(--so-color-black);
	font-size: 16px;
	line-height: 24px;
}

.contact-emergency>.contact-emergency-content p strong {
	color: var(--so-color-black);
	font-size: 20px;
	line-height: 25px;
	font-weight: 600;
}

.contact-emergency>.contact-emergency-content+div {
	display: flex;
	align-items: center;
	margin-left: auto;
	margin-right: auto;
}

.contact-emergency>.contact-emergency-content+div a {
	font-size: 32px;
	font-weight: 600;
	margin-top: auto;
	margin-bottom: auto;
	text-wrap-mode: nowrap;
}

@media screen and (max-width: 450px) {
	.contact-emergency>.contact-emergency-content+div a {
		font-size: 24px;
	}
}





/* Blog single */
.blog-single-section {
	display: flex;
	flex-direction: row;
	max-width: var(--container-size);
	margin: 48px auto 65px auto;
	gap: 32px;
}

.blog-single-section .blog-single-content {
	max-width: 752px;
	margin-left: 114px;
	margin-right: 114px;
}

.blog-single-section .blog-single-content .video-section .small-intro.text-center {
	margin-left: 0;
}

.blog-single-section .blog-single-cta {
	margin-left: auto;
	max-width: 304px;
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 32px;
}

.blog-single-section .blog-single-cta figure {
	border-radius: 16px;
	overflow: hidden;
	aspect-ratio: 4/3;
}

.blog-single-section .blog-single-cta figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.blog-single-cta .blog-single-cta-content {
	display: flex;
	flex-direction: column;
	position: sticky;
	top: 115px;
	background: var(--so-color-gray);
	padding: 32px;
	min-height: 250px;
	border-radius: 16px;
	overflow: hidden;
}

.blog-single-cta .blog-single-cta-content .gform_body input:not([type="submit"]) {
	border: 1px solid var(--so-color-blue);
	padding-right: 56px !important;
}

.blog-single-cta .blog-single-cta-content h3 {
	font-size: 32px;
	line-height: 40px;
	margin-bottom: 20px;
}

.blog-single-section .blog-single-content :is(ul, ol, .wp-block-buttons) {
	margin-bottom: 32px;
}

.blog-single-cta .blog-single-cta-content .wpcf7 {
	margin-top: auto;
}

.blog-single-cta .blog-single-cta-content .wpcf7 .screen-reader-response {
	display: none;
}

.blog-single-cta .blog-single-cta-content .wpcf7 input {
	border: 1px solid #FFFFFF;
	background: transparent;
	color: white;
	width: calc(100% - 42px);
	border-radius: 4px;
}

.blog-single-cta .blog-single-cta-content .wpcf7 input.wpcf7-not-valid {
	border: 2px solid #d20000;
	padding: 15px 19px;
}

.blog-single-cta .blog-single-cta-content .wpcf7 input::placeholder {
	color: #ABB0BC;
}

.blog-single-cta .blog-single-cta-content .nieuwsbrief-form {
	position: relative;
}

.blog-single-cta .blog-single-cta-content .nieuwsbrief-form input[type='submit'] {
	border: 0;
	position: absolute;
	right: 0;
	height: 46px;
	width: 46px;
	font-size: 0;
	right: 6px;
	background-color: var(--so-color-blue) !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='16.348' viewBox='0 0 17 16.348'%3E%3Cg id='Group_2511' data-name='Group 2511' transform='translate(-1 -2.293)'%3E%3Cline id='Line_4' data-name='Line 4' x2='15.754' transform='translate(1.5 10.371)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3Cpath id='Path_345' data-name='Path 345' d='M25.5,17.933l7.467-7.467L25.5,3' transform='translate(-15.467 0)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' fill-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E%0A") !important;
	background-repeat: no-repeat !important;
	background-size: 16px !important;
	background-position: center !important;
	margin-top: 0;
	top: calc(50% + 12px);
	transform: translate(0, -50%);
}

.blog-single-cta .blog-single-cta-content .nieuwsbrief-form input[type='submit']:hover {
	background-color: var(--so-color-blue-hover) !important;
}

.blog-single-cta .blog-single-cta-content .wpcf7-response-output,
.wpcf7-not-valid-tip {
	display: none;
}
@media (max-width: 810px) {
	.blog-single-content .blog-article>img {
		aspect-ratio: 3/2 !important;
		max-width: 400px !important;
	}
}


/* Tyopgrafie */
.blog-single-section .blog-single-content>* {
	margin-top: 0;
}

.blog-single-section .single-featured-article-section {
	margin: 48px auto !important;
}

.blog-single-content :is(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5) {
	margin-top: 36px;
	margin-bottom: 16px;
}

.blog-single-content h2 {
	font-size: 38px;
	line-height: 1.2;
}

.blog-single-content .blog-quote,
:is(.blog-single-content .wp-block-quote, .wp-block-quote) {
	position: relative;
	padding-top: 58px;
	padding-bottom: 90px;
	margin-top: 40px;
	margin-bottom: 45px;
}

:is(.blog-single-content .wp-block-quote, .wp-block-quote) {
	position: relative;
}

.wp-block-quote:before {
	display: none;
}

.blog-single-content :is(.blog-quote .wp-block-quote) q,
:is(.blog-single-content .wp-block-quote, .wp-block-quote)>p {
	font-size: 40px !important;
	font-weight: 600;
	line-height: 60px !important;
}

.blog-single-content :is(.blog-quote .wp-block-quote) q:before,
.blog-single-content :is(.blog-quote .wp-block-quote) q:after,
:is(.blog-single-content .wp-block-quote, .wp-block-quote)>p:before,
:is(.blog-single-content .wp-block-quote, .wp-block-quote)>p:after {
	content: '"';
}

.blog-single-content :is(.blog-quote .wp-block-quote) q+p,
:is(.blog-single-content .wp-block-quote, .wp-block-quote)>cite {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 16px;
	margin-top: 45px !important;
	margin-bottom: 0 !important;
	font-weight: 600 !important;
	font-size: 20px;
	line-height: 31px;
	color: #ABB0BC;
	font-weight: 500;
}

.blog-single-content :is(.blog-quote .wp-block-quote) q+p span,
:is(.blog-single-content .wp-block-quote, .wp-block-quote) strong {
	color: var(--so-color-black);
	font-weight: 500;
}

.blog-single-content :is(.blog-quote .wp-block-quote):after,
.wp-block-quote:after {
	content: '';
	position: absolute;
	margin-left: -114px;
	margin-right: -114px;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #212C4B;
	z-index: -1;
}

.blog-single-cta>img {
	margin-bottom: 24px;
	min-height: 230px;
	object-fit: cover;
}

@media screen and (max-width: 1370px) {
	.blog-single-section .blog-single-content {
		margin-left: 0;
		margin-right: 0;
	}

	.blog-single-content .blog-quote,
	:is(.blog-single-content .wp-block-quote, .wp-block-quote) {
		padding-top: 40px;
		padding-bottom: 40px;
		margin: 40px;
	}

	.blog-single-content .blog-quote:after,
	.wp-block-quote:after {
		top: 0;
		left: -40px;
		right: -40px;
		bottom: 0;
		margin-left: 0;
		margin-right: 0;
	}
}

@media screen and (max-width: 1170px) {
	.blog-single-section {
		flex-direction: column;
	}

	.blog-single-section .blog-single-content {
		max-width: unset;
		box-sizing: border-box;
		width: 100%;
	}

	.blog-single-section .blog-single-cta figure {
		display: none;
	}

	.blog-single-section .blog-single-cta {
		margin: 0;
		display: flex;
	}

	.blog-single-section .blog-single-cta {
		max-width: 600px;
		width: 100%;
	}

	.blog-single-cta>img {
		display: none;
	}
}

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

	.blog-single-content .blog-quote q,
	:is(.blog-single-content .wp-block-quote, .wp-block-quote)>p {
		font-size: 30px !important;
		line-height: 1.5 !important;
	}
}

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

	.blog-single-content h3,
	.blog-single-content .h3 {
		font-size: 32px;
		line-height: 1.25;
		color: var(--so-color-black);
	}

	.blog-single-content p {
		font-size: 16px;
		line-height: 22px;
	}

	.blog-single-content {
		font-size: 17px;
		line-height: 28px;
	}
}

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

	.blog-single-content .blog-quote q,
	:is(.blog-single-content .wp-block-quote, .wp-block-quote)>p {
		font-size: 26px !important;
	}
}

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

	.blog-single-content .blog-quote,
	:is(.blog-single-content .wp-block-quote, .wp-block-quote) {
		padding-top: 25px;
		padding-bottom: 25px;
		margin: 25px;
	}

	.blog-single-content .blog-quote:after,
	.wp-block-quote:after {
		left: -25px;
		right: -25px;
	}

	.blog-single-content .blog-quote q+p,
	:is(.blog-single-content .wp-block-quote, .wp-block-quote) cite {
		margin-top: 25px !important;
	}
}

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

	.blog-single-content h3,
	.blog-single-content .h3 {
		font-size: 28px;
		line-height: unset;
		color: var(--so-color-black);
	}

	.blog-single-content h4,
	.blog-single-content .h4 {
		font-size: 22px;
		color: var(--so-color-black);
	}

	.blog-single-content h5,
	.blog-single-content .h5 {
		font-size: 20px;
		color: var(--so-color-black);
	}
}



/* Achtergrond kleuren */
.single-vacature-intro-content .has-bg-bg-1-background-color h3 {
	margin-bottom: 26px;
}

.has-bg-bg-1-background-color,
.has-bg-bg-2-background-color,
.has-bg-bg-3-background-color,
.has-bg-bg-4-background-color,
.has-bg-bg-5-background-color,
.has-cyberlab-gradient-gradient-background {
	padding: 64px;
	margin-bottom: 0;
}

.has-bg-bg-1-background-color {
	background: var(--so-color-purple);
}

.has-bg-bg-2-background-color {
	background: var(--so-color-blue);
}

.has-bg-bg-3-background-color {
	background: var(--so-color-red);
}

.has-bg-bg-4-background-color {
	background: var(--so-color-gray);
}

.has-bg-bg-5-background-color {
	background: var(--so-color-white);
}

.has-cyberlab-gradient-gradient-background {
	background: var(--so-cyberlab-gradient);
}

.wp-block-group.has-background.has-bg-bg-1-background-color,
.wp-block-group.has-background.has-bg-bg-2-background-color,
.wp-block-group.has-background.has-bg-bg-3-background-color,
.wp-block-group.has-background.has-bg-bg-4-background-color,
.wp-block-group.has-background.has-bg-bg-5-background-color,
.wp-block-group.has-background.has-cyberlab-gradient-gradient-background {
	position: relative;
	padding-left: 0;
	padding-right: 0;
	background: unset;
}

.wp-block-group.has-background.has-bg-bg-1-background-color,
.wp-block-group.has-background.has-bg-bg-2-background-color,
.wp-block-group.has-background.has-bg-bg-3-background-color,
.wp-block-group.has-background.has-bg-bg-4-background-color,
.wp-block-group.has-background.has-bg-bg-5-background-color,
.wp-block-group.has-background.has-cyberlab-gradient-gradient-background {
	padding-top: 140px;
	padding-bottom: 140px;
}

@media screen and (max-width: 1920px) {
	.wp-block-group.has-background.has-bg-bg-1-background-color,
	.wp-block-group.has-background.has-bg-bg-2-background-color,
	.wp-block-group.has-background.has-bg-bg-3-background-color,
	.wp-block-group.has-background.has-bg-bg-4-background-color,
	.wp-block-group.has-background.has-bg-bg-5-background-color,
	.wp-block-group.has-background.has-cyberlab-gradient-gradient-background {
		padding-top: 120px;
		padding-bottom: 120px;
	}
}

@media screen and (max-width: 1080px) {
	.wp-block-group.has-background.has-bg-bg-1-background-color,
	.wp-block-group.has-background.has-bg-bg-2-background-color,
	.wp-block-group.has-background.has-bg-bg-3-background-color,
	.wp-block-group.has-background.has-bg-bg-4-background-color,
	.wp-block-group.has-background.has-bg-bg-5-background-color,
	.wp-block-group.has-background.has-cyberlab-gradient-gradient-background {
		padding-top: 64px;
		padding-bottom: 64px;
	}
}

@media screen and (max-width: 768px) {
	#main > div:first-of-type:is(.wp-block-group.has-background) {
		padding-top: 0;
	}
	.wp-block-group.has-background.has-bg-bg-1-background-color,
	.wp-block-group.has-background.has-bg-bg-2-background-color,
	.wp-block-group.has-background.has-bg-bg-3-background-color,
	.wp-block-group.has-background.has-bg-bg-4-background-color,
	.wp-block-group.has-background.has-bg-bg-5-background-color,
	.wp-block-group.has-background.has-cyberlab-gradient-gradient-background {
		padding-top: 64px;
		padding-bottom: 64px;
	}
}

.wp-block-group.has-background.has-bg-bg-1-background-color,
.wp-block-group.has-background.has-bg-bg-2-background-color,
.wp-block-group.has-background.has-bg-bg-3-background-color {
	color: var(--so-color-white);
}

.wp-block-group.has-background.has-bg-bg-1-background-color:before {
	background: var(--so-color-purple);
}

.wp-block-group.has-background.has-bg-bg-2-background-color:before {
	background: var(--so-color-blue);
}

.wp-block-group.has-background.has-bg-bg-3-background-color:before {
	background: var(--so-color-red);
}

.wp-block-group.has-background.has-bg-bg-4-background-color:before {
	background: var(--so-color-gray);
}

.wp-block-group.has-background.has-bg-bg-5-background-color:before {
	background: var(--so-color-white);
}

.wp-block-group.has-background.has-cyberlab-gradient-gradient-background:before {
	background: var(--so-cyberlab-gradient);
}

.wp-block-group.has-background.has-cyberlab-gradient-gradient-background:has(.intro-afbeelding):before {
	background: url(assets/img/cyberlab-gradient-circle-intro.png), var(--so-cyberlab-gradient);
	background-size: 200px, contain;
	background-repeat: no-repeat;
	background-position: bottom -50px left -50px, 0 0;
}

.wp-block-group:is(.is-style-circle-upper-left, .is-style-circle-bottom-right) {
	position: relative !important;
	padding-top: 96px;
	padding-bottom: 96px;
}

.wp-block-group.is-style-circle-upper-left .diensten-header-intro :is(h1, h2, h3, h4, h5, h6, p),
.wp-block-group.is-style-circle-bottom-right .diensten-header-intro :is(h1, h2, h3, h4, h5, h6, p) {
	color: #fff !important;
}

.wp-block-group.is-style-circle-upper-left .header-intro-container :is(h1, h2, h3, h4, h5, h6, p),
.wp-block-group.is-style-circle-bottom-right .header-intro-container :is(h1, h2, h3, h4, h5, h6, p) {
	color: #fff !important;
}

.wp-block-group.has-background.has-bg-bg-1-background-color:before,
.wp-block-group.has-background.has-bg-bg-2-background-color:before,
.wp-block-group.has-background.has-bg-bg-3-background-color:before,
.wp-block-group.has-background.has-bg-bg-4-background-color:before,
.wp-block-group.has-background.has-bg-bg-5-background-color:before,
.wp-block-group.has-background.has-cyberlab-gradient-gradient-background:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100vw;
	margin-left: calc(-100vw / 2 + 100% / 2);
	margin-right: calc(-100vw / 2 + 100% / 2);
	z-index: -2;
	overflow: hidden;
}

.wp-block-group.is-style-circle-upper-left:before,
.wp-block-group.is-style-circle-upper-left.has-cyberlab-gradient-gradient-background:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100vw;
	background: url(assets/img/cyberlab-gradient-circle.png), var(--so-cyberlab-gradient);
	background-size: 700px, contain;
	background-repeat: no-repeat;
	z-index: -1;
	margin-left: calc(-100vw / 2 + 100% / 2);
	margin-right: calc(-100vw / 2 + 100% / 2);
	background-position: top -110px left -200px, right bottom;
}

.wp-block-group.is-style-circle-bottom-right:before,
.wp-block-group.is-style-circle-bottom-right.has-cyberlab-gradient-gradient-background:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100vw;
	background: url(assets/img/cyberlab-gradient-circle-rotated.png), var(--so-cyberlab-gradient);
	background-size: 1180px, contain;
	background-repeat: no-repeat;
	z-index: -1;
	margin-left: calc(-100vw / 2 + 100% / 2);
	margin-right: calc(-100vw / 2 + 100% / 2);
	background-position: bottom -460px right -430px, right bottom;
}

@media screen and (max-width: 770px) {
	.has-bg-bg-1-background-color {
		padding: 40px 30px;
	}
}

@media screen and (min-width: 768px) and (max-width: 1240px) {
	.wp-block-group.is-style-circle-bottom-right.has-cyberlab-gradient-gradient-background:before {
		background-size: 980px, contain;
		background-position: bottom -50vh right -30vw, right bottom;
	}
}

@media screen and (max-width: 768px) {
	.wp-block-group.is-style-circle-upper-left.has-cyberlab-gradient-gradient-background:before {
		background-size: 100vw, contain;
		background-position: top -10vh left -30vw, right bottom;
	}

	.wp-block-group.is-style-circle-bottom-right.has-cyberlab-gradient-gradient-background:before {
		background-size: 100vw, contain;
		background-position: bottom -10vh right -30vw, right bottom;
	}
}




/* Notificatie */
.notification {
	display: none;
	align-items: center;
	justify-content: center;
	gap: 14px;
	background: var(--so-cyberlab-gradient);
	padding: 15px;
}

.notification * {
	font-size: 16px;
	line-height: 24px;
	margin-top: 0;
	margin-bottom: 0;
}

.notification :is(p, a) {
	color: var(--so-color-white);
}

.notification a {
	margin: 0 6px;
	text-decoration: underline;
}

.notification a:hover {
	text-decoration: none;
}

.notification:before {
	content: '\e91b';
	font-family: 'ip-icons-v2' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #FFFFFF;
}

.notification i.icon-close {
	line-height: 1;
	font-size: 12px;
	transform: translate(0, 1.5px);
	margin-left: 18px;
	color: #CCDFFE;
	cursor: pointer;
}

@media screen and (max-width: 650px) {
	.notification {
		gap: 8px;
		flex-wrap: wrap;
		margin-bottom: 10px;
	}

	.notification:before {
		width: 100%;
		text-align: center;
	}

	.notification * {
		line-height: 1.1;
		text-align: center;
	}

	.notification .icon-close {
		position: absolute;
		right: 12px;
		top: 12px;
		margin-left: 0;
	}
}



/* IP4Sure Pulse */
#producten-intro {
	position: relative;
	width: 100%;
	height: 100%;
	min-height: 300px;
	margin: 60px 0;
}

#producten-intro #product-circle {
	width: 200px;
	height: fit-content;
	transform: translate(-25%, 50%);
}

#producten-intro :is(#product-circle, .producten-intro-product) {
	position: absolute;
}

#producten-intro .producten-intro-product {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	background: #eeeeee;
	height: 40px;
	width: 40px;
	padding: 18px 25px 32px 25px;
	border-radius: 100%;
	margin-bottom: 30px;
}

#producten-intro :is(.producten-intro-product, #product-circle) {
	top: 50%;
	left: 50%;
}

#producten-intro #product-circle img {
	width: 100%;
}

#producten-intro .producten-intro-product {
	transition: all .6s ease-in-out;
	display: none;
}

#producten-intro .producten-intro-product img {
	max-height: 95%;
}

#producten-intro .producten-intro-product p {
	position: absolute;
	color: white;
	background: var(--so-color-blue);
	bottom: 10px;
	font-size: 16px;
	text-align: center;
	padding: 5px 16px 6px 16px;
	border-radius: 16px;
	line-height: 20px;
	box-shadow: 0px 12px 24px #0000003D;
	white-space: nowrap;
	left: 50%;
	transform: translate(-50%, 50%);
	margin-bottom: 0;
	z-index: 1;
	transition: all .2s ease-in-out;
}

#producten-intro .producten-intro-product:hover p {
	background: var(--so-color-blue-hover);
}

@media screen and (max-width: 1250px) {
	#producten-intro {
		display: none;
	}
}



/* Intro afbeelding */
.intro-afbeelding {
	position: relative;
	width: fit-content;
}

.intro-afbeelding img {
	aspect-ratio: 1/1;
	width: calc(100% - 190px);
	object-fit: cover;
	border-radius: 100%;
	margin-top: 65px;
	margin-right: 190px;
	max-width: 648px;
}

.intro-afbeelding:after {
	content: '';
	background: url(assets/img/cyberlab-gradient-intro.png);
	width: calc(100% - 190px);
	max-width: 500px;
	aspect-ratio: 1/1;
	position: absolute;
	top: 0;
	right: 0;
	background-repeat: no-repeat;
	background-size: contain;
	z-index: -1;
}

.intro-afbeelding:before {
	content: '';
	background: url(assets/img/cyberlab-dots.svg);
	background-repeat: no-repeat;
	background-size: contain;
	height: 52px;
	width: 136px;
	z-index: 1;
	position: absolute;
	bottom: 16%;
	right: 16%;
}

@media screen and (max-width: 880px) {
	.intro-afbeelding img {
		width: calc(100% - 100px);
		max-width: unset;
	}

	.intro-afbeelding:before {
		width: 18%;
		bottom: 10%;
		right: 10%;
		background-position: right;
	}
}

@media screen and (max-width: 700px) {
	.intro-afbeelding img {
		width: calc(100% - 60px);
		margin-right: 60px;
	}
}

@media screen and (max-width: 576px) {
	.intro-afbeelding:after {
		width: calc(100% - 120px);
	}
}

@media screen and (max-width: 440px) {
	.intro-afbeelding img {
		margin-top: 25px;
		width: calc(100% - 30px);
		margin-right: 30px;
	}
}



/* Footer */
footer {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 30px;
	position: relative;
	padding-top: 90px;
	padding-bottom: 115px;
	max-width: 1315px;
}

footer:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100vw;
	margin-left: calc(-100vw / 2 + 100% / 2);
	margin-right: calc(-100vw / 2 + 100% / 2);
	background: url(assets/img/cyberlab-circle.png), url(assets/img/cyberlab-circle.png);
	z-index: -1;
	background-position: left -330px bottom -330px, right -90px top 0px;
	background-repeat: no-repeat;
	background-size: 610px, 260px;
}

footer.main {
	max-width: var(--container-size);
}

footer .footer-about {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	align-items: flex-start;
	max-width: 300px;
	color: #505050;
}

footer .footer-about .logo {
	width: 180px;
}

footer .footer-about p {
	margin: 28px 0;
}

footer .footer-about p:last-child {
	margin-top: auto;
	margin-bottom: 0;
}

footer nav {
	display: flex;
	flex-direction: row;
	gap: 124px;
	margin-left: auto;
}

footer nav ul {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	gap: 29px;
	max-width: 170px;
	padding-left: 0;
	width: 100%;
	list-style: none;
}

footer nav ul li a {
	color: var(--so-color-black);
	font-size: 16px;
	line-height: 1.4;
	transition: 0.25s ease all;
	font-weight: 600;
}

footer nav ul li a:hover {
	color: #ABB0BC;
}

@media only screen and (max-width: 830px) {
	footer.main {
		flex-direction: column;
	}

	footer .footer-about {
		max-width: unset;
	}

	footer .footer-about p {
		margin: 16px 0;
	}

	footer nav {
		gap: 30px;
		max-width: unset;
		margin-left: unset;
	}

	footer nav ul {
		max-width: 220px;
	}
}

@media only screen and (max-width: 590px) {
	footer {
		gap: 50px;
	}

	footer nav {
		flex-direction: column;
	}

	footer nav ul {
		max-width: unset;
	}
}

body.home {
	background-size: cover;
}

.home footer.main:after {
	display: none;
}

.main>h2,
.main>p {
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.main>h2 {
	margin-bottom: 20px;
}


div.wp-block-cover {
	position: relative;
	overflow: visible;
	height: 100vh;
	align-items: flex-end;
	max-height: 800px;
}

div.wp-block-cover :is(img, .wp-block-cover__background) {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	min-height: 80vh;
	width: 100vw;
	margin-left: calc(-100vw / 2 + 100% / 2);
	margin-right: calc(-100vw / 2 + 100% / 2);
	z-index: -1;
}

div.wp-block-cover.so-hero :is(img, .wp-block-cover__background) {
	content: unset;
}

.wp-block-cover .has-background-dim:not([class*=-background-color]), .wp-block-cover-image .has-background-dim:not([class*=-background-color]), .wp-block-cover-image.has-background-dim:not([class*=-background-color]), .wp-block-cover.has-background-dim:not([class*=-background-color]) {
	background: transparent linear-gradient(181deg, #3C1F7133 0%, #00000099 100%) 0% 0% no-repeat padding-box;
	background-color: transparent !important;
	opacity: 1;
}

div.wp-block-cover .wp-block-cover__background {
	z-index: 2;
	padding: 0;
}

div.wp-block-cover .wp-block-cover__inner-container {
	z-index: 3;
}



/* Gradient icons */
.related-cards .related-card:not(:hover) .related-card-nav > i:first-child {
	background: transparent linear-gradient(270deg, #903C9C 0%, #1D4C92 100%) 0% 0% no-repeat padding-box;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	display: inline-block;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

/* Hero cover-block */
/*#main.main > .so-hero:first-child + * {
	margin-top: -80px;
}*/

.wp-block-cover.so-hero {
	height: 600px;
	min-height: 800px;
	max-height: 800px;
	padding-bottom: 48px;
}

.wp-block-cover.so-hero :is(span, img) {
	min-height: 100%;
}

.wp-block-cover.so-hero .wp-block-columns {
	gap: 32px;
}

.wp-block-cover.so-hero .wp-block-columns .wp-block-column:first-child {
	max-width: 688px;
}

.wp-block-cover.so-hero h1 {
	font-size: 80px;
	max-width: 580px;
}

.wp-block-cover.so-hero .wp-block-column {
	gap: 32px 150px;
}

@media screen and (max-width: 768px) {
	.wp-block-cover.so-hero {
		max-height: 100vh;
	}

	.wp-block-cover.so-hero h1 {
		font-size: 60px;
	}
}

/* Media & Text-block */
.wp-block-media-text {
	gap: 16px 144px;
	grid-template-columns: auto 1fr !important;
}

.wp-block-media-text > .wp-block-media-text__media {
	border-radius: 34px;
	overflow: hidden;
	max-width: 665px;
	width: 100%;
}

.wp-block-group.has-cyberlab-gradient-gradient-background .timeline-slider .timeline-slide :is(h1, h2, h3, h4, h5, h6, p):not(.jaartal),
.wp-block-group.is-style-circle-bottom-right .timeline-slider .timeline-slide :is(h1, h2, h3, h4, h5, h6, p):not(.jaartal),
.wp-block-group.is-style-circle-top-left .timeline-slider .timeline-slide :is(h1, h2, h3, h4, h5, h6, p):not(.jaartal),
.wp-block-group.is-style-circle-bottom-right .textual-card h5.h3, 
.wp-block-group.is-style-circle-top-left .textual-card h5.h3 {
	color: #fff !important;
}

/* Text colors */
.has-bg-bg-5-color.has-text-color {
	color: #fff !important;
}

.has-bg-bg-4-color.has-text-color {
	color: var(--so-color-gray) !important;
}

.has-bg-bg-3-color.has-text-color {
	color: var(--so-color-red) !important;
}

.has-bg-bg-2-color.has-text-color {
	color: var(--so-color-blue) !important;
}

.has-bg-bg-1-color.has-text-color {
	background: var(--so-color-purple);
}

.has-bg-bg-0-color.has-text-color {
	color: #000000 !important;
}

.wp-block-group:is(.is-style-circle-upper-left, .is-style-circle-bottom-right, .has-cyberlab-gradient-gradient-background) .cta-blocks-section .small-intro :is(h1, h2, h3, h4, h5, h6, p, a) {
	color: #fff;
}

.wp-block-button__link.has-bg-bg-0-background-color {
	color: var(--so-color-white);
	background: var(--so-color-black);
	border: none;
}

.wp-block-button__link.has-bg-bg-0-background-color:hover {
	background: var(--so-color-black-hover);
}

.wp-block-button__link.has-bg-bg-1-background-color {
	color: var(--so-color-white);
	background: var(--so-color-purple);
	border: none;
}

.wp-block-button__link.has-bg-bg-1-background-color:hover {
	background: var(--so-color-purple-hover);
}

.wp-block-button__link.has-bg-bg-2-background-color {
	color: var(--so-color-white);
	background: var(--so-color-blue);
	border: none;
}

.wp-block-button__link.has-bg-bg-2-background-color:hover {
	background: var(--so-color-blue-hover);
}

.wp-block-button__link.has-bg-bg-3-background-color {
	color: var(--so-color-white);
	background: var(--so-color-red);
	border: none;
}

.wp-block-button__link.has-bg-bg-3-background-color:hover {
	background: var(--so-color-red-hover);
}

.wp-block-button__link.has-bg-bg-4-background-color {
	color: var(--so-color-black);
	background: var(--so-color-gray);
	border: none;
}

.wp-block-button__link.has-bg-bg-4-background-color:hover {
	background: var(--so-color-gray-hover);
}

.wp-block-button__link.has-bg-bg-5-background-color {
	color: var(--so-color-black);
	background: var(--so-color-white);
	border: none;
}

.wp-block-button__link.has-bg-bg-5-background-color:hover {
	background: var(--so-color-white-hover);
}

.wp-block-image.is-style-rounded img {
	border-radius: 16px;
}

figure.wp-block-image > picture:has(source, img) {
	display: block;
}

.has-bg-bg-5-color.has-text-color :is(p, h1, h2, h3, h4, h5, h6, input, textarea, label) {
	color: #fff !important;
}

.has-bg-bg-5-color.has-text-color :is(input, textarea) {
	border: 1px solid #fff !important;
}

.has-bg-bg-4-color.has-text-color :is(p, h1, h2, h3, h4, h5, h6, input, textarea, label) {
	color: 
}

.has-bg-bg-4-color.has-text-color :is(input, textarea) {
	border: 1px solid var(--so-color-gray) !important;
}

.has-bg-bg-3-color.has-text-color :is(p, h1, h2, h3, h4, h5, h6, input, textarea, label) {
	color: var(--so-color-red) !important;
}

.has-bg-bg-3-color.has-text-color :is(input, textarea) {
	border: 1px solid var(--so-color-red) !important;
}

.has-bg-bg-2-color.has-text-color :is(p, h1, h2, h3, h4, h5, h6, input, textarea, label) {
	color: var(--so-color-blue) !important;
}

.has-bg-bg-2-color.has-text-color :is(input, textarea) {
	border: 1px solid var(--so-color-blue) !important;
}

.has-bg-bg-1-color.has-text-color :is(p, h1, h2, h3, h4, h5, h6, input, textarea, label) {
	color: var(--so-color-purple) !important;
}

.has-bg-bg-1-color.has-text-color :is(input, textarea) {
	border: 1px solid var(--so-color-purple) !important;
}

.has-bg-bg-0-color.has-text-color :is(p, h1, h2, h3, h4, h5, h6, input, textarea, label) {
	color: var(--so-color-black) !important;
}

.has-bg-bg-0-color.has-text-color :is(input, textarea) {
	border: 1px solid var(--so-color-black) !important;
}

.gform_wrapper input[type="submit"] {
	background: var(--so-color-blue) !important;
	border: none !important;
	color: #fff !important;
	border-radius: 4px;
	font-weight: 500;
	transition: all .2s ease-in-out;
	margin-top: 32px;
}

.gform_wrapper input[type="submit"]:hover {
	background: var(--so-color-blue-hover) !important;
}

.gform_wrapper.gravity-theme .gfield_label {
	display: block;
	margin-bottom: 16px;
}




/* Downloads */
.download-intro {
	max-width: 1100px;
	margin: 80px auto 0 auto;
}

.download-intro > a {
	display: flex;
	align-items: center;
	gap: 8px;
	text-decoration: underline;
}

.download-intro > a:hover {
	text-decoration: none;
}

.download-intro > a:before {
	content: '';
	display: block;
	width: 16px;
	height: 16px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url("data:image/svg+xml,%3Csvg width='10' height='8' viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.75 0.25L4.625 1.15625L2.40625 3.375H10V4.625H2.40625L4.625 6.84375L3.75 7.75L0 4L3.75 0.25Z' fill='black'/%3E%3C/svg%3E%0A");
}

.download-intro .content {
	display: flex;
	gap: 80px;
	justify-content: space-between;
}

.download-intro h1 {
	font-size: 80px;
	line-height: 120%;
	margin-top: 24px;
}

.download-intro .meta {
	width: calc(50% - 40px);
	padding-bottom: 140px;
}

.download-intro figure {
	aspect-ratio: 600/450;
	max-width: 600px;
	width: 100%;
	border-radius: 16px;
	overflow: hidden;
}

.download-intro figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.download-intro ul {
	display: flex;
	gap: 16px;
	flex-wrap: wrap;
}

.download-intro  li {
	padding: 4px 16px;
	border-radius: 100%;
	border-radius: 16px;
	font-size: 14px;
	object-fit: cover;
	border: 1px solid var(--so-color-blue);
	transition: all .1s ease-in-out;
}

.download-intro  li {
	transition: all .1s ease-in-out;
}

body.single-so_cpt_download .post-content {
	max-width: 752px;
	margin: 80px auto 160px auto;
}

body.single-so_cpt_download .gform_wrapper {
	background: var(--so-color-gray);
	max-width: 832px;
	margin: -80px auto 0 auto;
	padding: 40px;
	border-radius: 16px;
	box-sizing: border-box;
}

body.single-so_cpt_download .gform_wrapper:before {
	content: '';
	display: block;
	width: 80px;
	height: 70px;
	background-image: url("data:image/svg+xml,%3Csvg width='84' height='73' viewBox='0 0 84 73' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M52.4231 49.7692H65.0289C74.1514 49.7692 81.6154 46.2512 81.6154 37.2298C81.6154 28.2084 72.8245 25.0437 65.6923 24.6904C64.2178 10.5819 53.9159 2 41.8077 2C30.363 2 22.9919 9.59498 20.5769 17.1269C10.625 18.0724 2 23.0782 2 33.4481C2 43.818 10.9567 49.7692 21.9038 49.7692H31.1923M31.1923 60.4012L41.8077 71L52.4231 60.4012M41.8077 31.1923V68.3511' stroke='url(%23paint0_linear_24_181)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_24_181' x1='41.8077' y1='2' x2='41.8077' y2='71' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23D60F3F'/%3E%3Cstop offset='1' stop-color='%231D71B8'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
	margin-bottom: 24px;
}

body.single-so_cpt_download .gform_wrapper .gform_required_legend {
	display: none;
}

body.single-so_cpt_download .gform_wrapper .gfield_required {
	color: var(--so-color-black) !important;
}

body.single-so_cpt_download .gform_confirmation_wrapper {
	max-width: 832px;
	margin: 40px auto 0 auto;
	background: #fff;
	padding: 40px;
	box-sizing: border-box;
	border-radius: 16px;
}

body.single-so_cpt_download .gform_wrapper input[type="submit"]:after {
	content: '';
	width: 16px;
	height: 16px;
	display: block;
	background-image: url("data:image/svg+xml,%3Csvg width='22' height='23' viewBox='0 0 22 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 17L4.125 10.125L6.05 8.13125L9.625 11.7062V0.5H12.375V11.7062L15.95 8.13125L17.875 10.125L11 17ZM2.75 22.5C1.99375 22.5 1.34658 22.231 0.8085 21.6929C0.270416 21.1548 0.000916667 20.5072 0 19.75V15.625H2.75V19.75H19.25V15.625H22V19.75C22 20.5063 21.731 21.1539 21.1929 21.6929C20.6548 22.2319 20.0072 22.5009 19.25 22.5H2.75Z' fill='white'/%3E%3C/svg%3E%0A");
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
}

body.single-so_cpt_download .gform_wrapper :is(input[type="text"],input[type="email"],input[type="number"],textarea,input[type="password"]) {
	border: 2px solid #C9C9C9;
}

body.single-so_cpt_download :is(.gform-footer, .gform_button[type="submit"]) {
	width: 100%;
}

body.single-so_cpt_download footer:before {
	background: #fff !important;
}

.archive-downloads {
	padding-top: 80px;
}

.archive-downloads h1 {
	text-align: center;
	margin-bottom: 40px;
}

.archive-downloads > p {
	max-width: 640px;
}

.downloads {
	display: grid;
	grid-template-columns: 1fr 1fr;
	padding-bottom: 80px;
}

.card-download {
	display: flex;
    position: relative;
	gap: 24px;
	width: 100%;
    padding: 16px;
    transition: 0.1s ease-in-out all;
    border-radius: 12px;
	align-items: center;
	box-sizing: border-box;
}

.card-download figure {
	aspect-ratio: 180 / 135;
	flex: 0 0 180px;
    overflow: hidden;
    border-radius: 8px;
}

.card-download figure img {
	object-fit: cover;
    height: 100%;
    width: 100%;
}

.card-download .content {
	display: flex;
	flex-direction: column;
	gap: 16px;
	flex-grow: 1;
}

.card-download .categories {
	margin: 0;
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    font-size: 14px;
	gap: 8px;
}

.card-download .categories li {
    padding: 4px 16px;
    margin: 0;
    border: 1px solid var(--so-color-blue);
    border-radius: 14px;
    font-weight: 600;
}

.card-download a:before {
	content: '';
	position: absolute;
	inset: 0;
	z-index: 1;
}

.card-download h3 {
	margin: 0;
}

.card-download p {
	margin: 0;
	color: #3c3c3c;
	line-height: 150%;
}

.card-download:hover {
	background: #ECEDEC;
}

.card-download .btn-primary {
	display: flex;
	align-items: center;
	gap: 8px;
}

.card-download .btn-primary:after {
	content: '';
	width: 16px;
	height: 16px;
	display: block;
	background-image: url("data:image/svg+xml,%3Csvg width='22' height='23' viewBox='0 0 22 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 17L4.125 10.125L6.05 8.13125L9.625 11.7062V0.5H12.375V11.7062L15.95 8.13125L17.875 10.125L11 17ZM2.75 22.5C1.99375 22.5 1.34658 22.231 0.8085 21.6929C0.270416 21.1548 0.000916667 20.5072 0 19.75V15.625H2.75V19.75H19.25V15.625H22V19.75C22 20.5063 21.731 21.1539 21.1929 21.6929C20.6548 22.2319 20.0072 22.5009 19.25 22.5H2.75Z' fill='white'/%3E%3C/svg%3E%0A");
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
}

.downloads-filter {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	margin-bottom: 40px;
}

.downloads-filter a {
	border: 2px solid #000;
	color: #000;
	padding: 14px 28px;
	border-radius: 48px;
	cursor: pointer;
	white-space: nowrap;
	transition: all .1s ease;
	font-weight: 600;
}

.downloads-filter a:hover {
	border-color: var(--so-color-blue-hover);
}

.downloads-filter a.active {
	background: var(--so-color-blue-hover);
	border-color: var(--so-color-blue-hover);
	color: #fff;
}

@media screen and (max-width: 1580px) {
	.downloads {
		display: flex;
		flex-direction: column;
		gap: 16px;
	}
}

@media screen and (max-width: 1500px) {
	.downloads-filter {
		justify-content: center;
	}
}

@media screen and (max-width: 1080px) {
	body.single-so_cpt_download .gform_wrapper {
		margin: -16px 16px 0 16px;
	}
}

@media screen and (max-width: 768px) {
	.download-intro {
		flex-direction: column;
		gap: 40px;
	}

	.download-intro .content {
		flex-direction: column;
		gap: 40px;
	}

	.download-intro .meta {
		width: 100%;
		padding: 0;
	}

	.download-intro h1 {
		font-size: 48px;
	}

	.download-intro figure {
		width: 100%;
		aspect-ratio: 1920/1080;
		max-width: 100%;
	}

	body.single-so_cpt_download .gform_wrapper {
		margin: 24px 0 0 0;
		padding: 24px;
	}

	body.single-so_cpt_download .gform_wrapper:before {
		width: 40px;
		height: 40px;
	}

	.downloads {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}

	.card-download {
		flex-direction: column;
	}

	.card-download figure {
		width: 100%;
		flex: 0 0 auto;
	}

	.card-download .content {
		width: 100%;
	}

	.card-download .btn-primary {
		width: calc(100% - 64px);
        align-items: center;
        justify-content: center;
	}
}

@media screen and (max-width: 600px) {
	.downloads {
		grid-template-columns: 1fr;
	}
}