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

body {
  margin: 0;
}

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

audio, canvas, progress, video {
  vertical-align: baseline;
  display: inline-block;
}

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

[hidden], template {
  display: none;
}

a {
  background-color: #0000;
}

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

abbr[title] {
  border-bottom: 1px dotted;
}

b, strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  margin: .67em 0;
  font-size: 2em;
}

mark {
  color: #000;
  background: #ff0;
}

small {
  font-size: 80%;
}

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

sup {
  top: -.5em;
}

sub {
  bottom: -.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

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

pre {
  overflow: auto;
}

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

button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button, select {
  text-transform: none;
}

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

button[disabled], html input[disabled] {
  cursor: default;
}

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

input {
  line-height: normal;
}

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

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

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

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

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td, th {
  padding: 0;
}

@font-face {
  font-family: webflow-icons;
  src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("truetype");
  font-weight: normal;
  font-style: normal;
}

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

.w-icon-slider-right:before {
  content: "";
}

.w-icon-slider-left:before {
  content: "";
}

.w-icon-nav-menu:before {
  content: "";
}

.w-icon-arrow-down:before, .w-icon-dropdown-toggle:before {
  content: "";
}

.w-icon-file-upload-remove:before {
  content: "";
}

.w-icon-file-upload-icon:before {
  content: "";
}

* {
  box-sizing: border-box;
}

html {
  height: 100%;
}

body {
  color: #333;
  background-color: #fff;
  min-height: 100%;
  margin: 0;
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

img {
  vertical-align: middle;
  max-width: 100%;
  display: inline-block;
}

html.w-mod-touch * {
  background-attachment: scroll !important;
}

.w-block {
  display: block;
}

.w-inline-block {
  max-width: 100%;
  display: inline-block;
}

.w-clearfix:before, .w-clearfix:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-clearfix:after {
  clear: both;
}

.w-hidden {
  display: none;
}

.w-button {
  color: #fff;
  line-height: inherit;
  cursor: pointer;
  background-color: #3898ec;
  border: 0;
  border-radius: 0;
  padding: 9px 15px;
  text-decoration: none;
  display: inline-block;
}

input.w-button {
  -webkit-appearance: button;
}

html[data-w-dynpage] [data-w-cloak] {
  color: #0000 !important;
}

.w-code-block {
  margin: unset;
}

pre.w-code-block code {
  all: inherit;
}

.w-optimization {
  display: contents;
}

.w-webflow-badge, .w-webflow-badge > img {
  box-sizing: unset;
  width: unset;
  height: unset;
  max-height: unset;
  max-width: unset;
  min-height: unset;
  min-width: unset;
  margin: unset;
  padding: unset;
  float: unset;
  clear: unset;
  border: unset;
  border-radius: unset;
  background: unset;
  background-image: unset;
  background-position: unset;
  background-size: unset;
  background-repeat: unset;
  background-origin: unset;
  background-clip: unset;
  background-attachment: unset;
  background-color: unset;
  box-shadow: unset;
  transform: unset;
  direction: unset;
  font-family: unset;
  font-weight: unset;
  color: unset;
  font-size: unset;
  line-height: unset;
  font-style: unset;
  font-variant: unset;
  text-align: unset;
  letter-spacing: unset;
  -webkit-text-decoration: unset;
  text-decoration: unset;
  text-indent: unset;
  text-transform: unset;
  list-style-type: unset;
  text-shadow: unset;
  vertical-align: unset;
  cursor: unset;
  white-space: unset;
  word-break: unset;
  word-spacing: unset;
  word-wrap: unset;
  transition: unset;
}

.w-webflow-badge {
  white-space: nowrap;
  cursor: pointer;
  box-shadow: 0 0 0 1px #0000001a, 0 1px 3px #0000001a;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 2147483647 !important;
  color: #aaadb0 !important;
  overflow: unset !important;
  background-color: #fff !important;
  border-radius: 3px !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 6px !important;
  font-size: 12px !important;
  line-height: 14px !important;
  text-decoration: none !important;
  display: inline-block !important;
  position: fixed !important;
  inset: auto 12px 12px auto !important;
  transform: none !important;
}

.w-webflow-badge > img {
  position: unset;
  visibility: unset !important;
  opacity: 1 !important;
  vertical-align: middle !important;
  display: inline-block !important;
}

h1, h2, h3, h4, h5, h6 {
  margin-bottom: 10px;
  font-weight: bold;
}

h1 {
  margin-top: 20px;
  font-size: 38px;
  line-height: 44px;
}

h2 {
  margin-top: 20px;
  font-size: 32px;
  line-height: 36px;
}

h3 {
  margin-top: 20px;
  font-size: 24px;
  line-height: 30px;
}

h4 {
  margin-top: 10px;
  font-size: 18px;
  line-height: 24px;
}

h5 {
  margin-top: 10px;
  font-size: 14px;
  line-height: 20px;
}

h6 {
  margin-top: 10px;
  font-size: 12px;
  line-height: 18px;
}

p {
  margin-top: 0;
  margin-bottom: 10px;
}

blockquote {
  border-left: 5px solid #e2e2e2;
  margin: 0 0 10px;
  padding: 10px 20px;
  font-size: 18px;
  line-height: 22px;
}

figure {
  margin: 0 0 10px;
}

figcaption {
  text-align: center;
  margin-top: 5px;
}

ul, ol {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

.w-list-unstyled {
  padding-left: 0;
  list-style: none;
}

.w-embed:before, .w-embed:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-embed:after {
  clear: both;
}

.w-video {
  width: 100%;
  padding: 0;
  position: relative;
}

.w-video iframe, .w-video object, .w-video embed {
  border: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

button, [type="button"], [type="reset"] {
  cursor: pointer;
  -webkit-appearance: button;
  border: 0;
}

.w-form {
  margin: 0 0 15px;
}

.w-form-done {
  text-align: center;
  background-color: #ddd;
  padding: 20px;
  display: none;
}

.w-form-fail {
  background-color: #ffdede;
  margin-top: 10px;
  padding: 10px;
  display: none;
}

.w-input, .w-select {
  color: #333;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ccc;
  width: 100%;
  height: 38px;
  margin-bottom: 10px;
  padding: 8px 12px;
  font-size: 14px;
  line-height: 1.42857;
  display: block;
}

.w-input::placeholder, .w-select::placeholder {
  color: #999;
}

.w-input:focus, .w-select:focus {
  border-color: #3898ec;
  outline: 0;
}

.w-input[disabled], .w-select[disabled], .w-input[readonly], .w-select[readonly], fieldset[disabled] .w-input, fieldset[disabled] .w-select {
  cursor: not-allowed;
}

.w-input[disabled]:not(.w-input-disabled), .w-select[disabled]:not(.w-input-disabled), .w-input[readonly], .w-select[readonly], fieldset[disabled]:not(.w-input-disabled) .w-input, fieldset[disabled]:not(.w-input-disabled) .w-select {
  background-color: #eee;
}

textarea.w-input, textarea.w-select {
  height: auto;
}

.w-select {
  background-color: #f3f3f3;
}

.w-select[multiple] {
  height: auto;
}

.w-form-label {
  cursor: pointer;
  margin-bottom: 0;
  font-weight: normal;
  display: inline-block;
}

.w-radio {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-radio:before, .w-radio:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-radio:after {
  clear: both;
}

.w-radio-input {
  float: left;
  margin: 3px 0 0 -20px;
  line-height: normal;
}

.w-file-upload {
  margin-bottom: 10px;
  display: block;
}

.w-file-upload-input {
  opacity: 0;
  z-index: -100;
  width: .1px;
  height: .1px;
  position: absolute;
  overflow: hidden;
}

.w-file-upload-default, .w-file-upload-uploading, .w-file-upload-success {
  color: #333;
  display: inline-block;
}

.w-file-upload-error {
  margin-top: 10px;
  display: block;
}

.w-file-upload-default.w-hidden, .w-file-upload-uploading.w-hidden, .w-file-upload-error.w-hidden, .w-file-upload-success.w-hidden {
  display: none;
}

.w-file-upload-uploading-btn {
  cursor: pointer;
  background-color: #fafafa;
  border: 1px solid #ccc;
  margin: 0;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: normal;
  display: flex;
}

.w-file-upload-file {
  background-color: #fafafa;
  border: 1px solid #ccc;
  flex-grow: 1;
  justify-content: space-between;
  margin: 0;
  padding: 8px 9px 8px 11px;
  display: flex;
}

.w-file-upload-file-name {
  font-size: 14px;
  font-weight: normal;
  display: block;
}

.w-file-remove-link {
  cursor: pointer;
  width: auto;
  height: auto;
  margin-top: 3px;
  margin-left: 10px;
  padding: 3px;
  display: block;
}

.w-icon-file-upload-remove {
  margin: auto;
  font-size: 10px;
}

.w-file-upload-error-msg {
  color: #ea384c;
  padding: 2px 0;
  display: inline-block;
}

.w-file-upload-info {
  padding: 0 12px;
  line-height: 38px;
  display: inline-block;
}

.w-file-upload-label {
  cursor: pointer;
  background-color: #fafafa;
  border: 1px solid #ccc;
  margin: 0;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: normal;
  display: inline-block;
}

.w-icon-file-upload-icon, .w-icon-file-upload-uploading {
  width: 20px;
  margin-right: 8px;
  display: inline-block;
}

.w-icon-file-upload-uploading {
  height: 20px;
}

.w-container {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.w-container:before, .w-container:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

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

.w-container .w-row {
  margin-left: -10px;
  margin-right: -10px;
}

.w-row:before, .w-row:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-row:after {
  clear: both;
}

.w-row .w-row {
  margin-left: 0;
  margin-right: 0;
}

.w-col {
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
}

.w-col .w-col {
  padding-left: 0;
  padding-right: 0;
}

.w-col-1 {
  width: 8.33333%;
}

.w-col-2 {
  width: 16.6667%;
}

.w-col-3 {
  width: 25%;
}

.w-col-4 {
  width: 33.3333%;
}

.w-col-5 {
  width: 41.6667%;
}

.w-col-6 {
  width: 50%;
}

.w-col-7 {
  width: 58.3333%;
}

.w-col-8 {
  width: 66.6667%;
}

.w-col-9 {
  width: 75%;
}

.w-col-10 {
  width: 83.3333%;
}

.w-col-11 {
  width: 91.6667%;
}

.w-col-12 {
  width: 100%;
}

.w-hidden-main {
  display: none !important;
}

@media screen and (max-width: 991px) {
  .w-container {
    max-width: 728px;
  }

  .w-hidden-main {
    display: inherit !important;
  }

  .w-hidden-medium {
    display: none !important;
  }

  .w-col-medium-1 {
    width: 8.33333%;
  }

  .w-col-medium-2 {
    width: 16.6667%;
  }

  .w-col-medium-3 {
    width: 25%;
  }

  .w-col-medium-4 {
    width: 33.3333%;
  }

  .w-col-medium-5 {
    width: 41.6667%;
  }

  .w-col-medium-6 {
    width: 50%;
  }

  .w-col-medium-7 {
    width: 58.3333%;
  }

  .w-col-medium-8 {
    width: 66.6667%;
  }

  .w-col-medium-9 {
    width: 75%;
  }

  .w-col-medium-10 {
    width: 83.3333%;
  }

  .w-col-medium-11 {
    width: 91.6667%;
  }

  .w-col-medium-12 {
    width: 100%;
  }

  .w-col-stack {
    width: 100%;
    left: auto;
    right: auto;
  }
}

@media screen and (max-width: 767px) {
  .w-hidden-main, .w-hidden-medium {
    display: inherit !important;
  }

  .w-hidden-small {
    display: none !important;
  }

  .w-row, .w-container .w-row {
    margin-left: 0;
    margin-right: 0;
  }

  .w-col {
    width: 100%;
    left: auto;
    right: auto;
  }

  .w-col-small-1 {
    width: 8.33333%;
  }

  .w-col-small-2 {
    width: 16.6667%;
  }

  .w-col-small-3 {
    width: 25%;
  }

  .w-col-small-4 {
    width: 33.3333%;
  }

  .w-col-small-5 {
    width: 41.6667%;
  }

  .w-col-small-6 {
    width: 50%;
  }

  .w-col-small-7 {
    width: 58.3333%;
  }

  .w-col-small-8 {
    width: 66.6667%;
  }

  .w-col-small-9 {
    width: 75%;
  }

  .w-col-small-10 {
    width: 83.3333%;
  }

  .w-col-small-11 {
    width: 91.6667%;
  }

  .w-col-small-12 {
    width: 100%;
  }
}

@media screen and (max-width: 479px) {
  .w-container {
    max-width: none;
  }

  .w-hidden-main, .w-hidden-medium, .w-hidden-small {
    display: inherit !important;
  }

  .w-hidden-tiny {
    display: none !important;
  }

  .w-col {
    width: 100%;
  }

  .w-col-tiny-1 {
    width: 8.33333%;
  }

  .w-col-tiny-2 {
    width: 16.6667%;
  }

  .w-col-tiny-3 {
    width: 25%;
  }

  .w-col-tiny-4 {
    width: 33.3333%;
  }

  .w-col-tiny-5 {
    width: 41.6667%;
  }

  .w-col-tiny-6 {
    width: 50%;
  }

  .w-col-tiny-7 {
    width: 58.3333%;
  }

  .w-col-tiny-8 {
    width: 66.6667%;
  }

  .w-col-tiny-9 {
    width: 75%;
  }

  .w-col-tiny-10 {
    width: 83.3333%;
  }

  .w-col-tiny-11 {
    width: 91.6667%;
  }

  .w-col-tiny-12 {
    width: 100%;
  }
}

.w-widget {
  position: relative;
}

.w-widget-map {
  width: 100%;
  height: 400px;
}

.w-widget-map label {
  width: auto;
  display: inline;
}

.w-widget-map img {
  max-width: inherit;
}

.w-widget-map .gm-style-iw {
  text-align: center;
}

.w-widget-map .gm-style-iw > button {
  display: none !important;
}

.w-widget-twitter {
  overflow: hidden;
}

.w-widget-twitter-count-shim {
  vertical-align: top;
  text-align: center;
  background: #fff;
  border: 1px solid #758696;
  border-radius: 3px;
  width: 28px;
  height: 20px;
  display: inline-block;
  position: relative;
}

.w-widget-twitter-count-shim * {
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}

.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
  text-align: center;
  color: #999;
  font-family: serif;
  font-size: 15px;
  line-height: 12px;
  position: relative;
}

.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
  display: block;
  position: relative;
}

.w-widget-twitter-count-shim.w--large {
  width: 36px;
  height: 28px;
}

.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
  font-size: 18px;
  line-height: 18px;
}

.w-widget-twitter-count-shim:not(.w--vertical) {
  margin-left: 5px;
  margin-right: 8px;
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large {
  margin-left: 6px;
}

.w-widget-twitter-count-shim:not(.w--vertical):before, .w-widget-twitter-count-shim:not(.w--vertical):after {
  content: " ";
  pointer-events: none;
  border: solid #0000;
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  left: 0;
}

.w-widget-twitter-count-shim:not(.w--vertical):before {
  border-width: 4px;
  border-color: #75869600 #5d6c7b #75869600 #75869600;
  margin-top: -4px;
  margin-left: -9px;
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
  border-width: 5px;
  margin-top: -5px;
  margin-left: -10px;
}

.w-widget-twitter-count-shim:not(.w--vertical):after {
  border-width: 4px;
  border-color: #fff0 #fff #fff0 #fff0;
  margin-top: -4px;
  margin-left: -8px;
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
  border-width: 5px;
  margin-top: -5px;
  margin-left: -9px;
}

.w-widget-twitter-count-shim.w--vertical {
  width: 61px;
  height: 33px;
  margin-bottom: 8px;
}

.w-widget-twitter-count-shim.w--vertical:before, .w-widget-twitter-count-shim.w--vertical:after {
  content: " ";
  pointer-events: none;
  border: solid #0000;
  width: 0;
  height: 0;
  position: absolute;
  top: 100%;
  left: 50%;
}

.w-widget-twitter-count-shim.w--vertical:before {
  border-width: 5px;
  border-color: #5d6c7b #75869600 #75869600;
  margin-left: -5px;
}

.w-widget-twitter-count-shim.w--vertical:after {
  border-width: 4px;
  border-color: #fff #fff0 #fff0;
  margin-left: -4px;
}

.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
  font-size: 18px;
  line-height: 22px;
}

.w-widget-twitter-count-shim.w--vertical.w--large {
  width: 76px;
}

.w-background-video {
  color: #fff;
  height: 500px;
  position: relative;
  overflow: hidden;
}

.w-background-video > video {
  object-fit: cover;
  z-index: -100;
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
  margin: auto;
  position: absolute;
  inset: -100%;
}

.w-background-video > video::-webkit-media-controls-start-playback-button {
  -webkit-appearance: none;
  display: none !important;
}

.w-background-video--control {
  background-color: #0000;
  padding: 0;
  position: absolute;
  bottom: 1em;
  right: 1em;
}

.w-background-video--control > [hidden] {
  display: none !important;
}

.w-slider {
  text-align: center;
  clear: both;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  background: #ddd;
  height: 300px;
  position: relative;
}

.w-slider-mask {
  z-index: 1;
  white-space: nowrap;
  height: 100%;
  display: block;
  position: relative;
  left: 0;
  right: 0;
  overflow: hidden;
}

.w-slide {
  vertical-align: top;
  white-space: normal;
  text-align: left;
  width: 100%;
  height: 100%;
  display: inline-block;
  position: relative;
}

.w-slider-nav {
  z-index: 2;
  text-align: center;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  height: 40px;
  margin: auto;
  padding-top: 10px;
  position: absolute;
  inset: auto 0 0;
}

.w-slider-nav.w-round > div {
  border-radius: 100%;
}

.w-slider-nav.w-num > div {
  font-size: inherit;
  line-height: inherit;
  width: auto;
  height: auto;
  padding: .2em .5em;
}

.w-slider-nav.w-shadow > div {
  box-shadow: 0 0 3px #3336;
}

.w-slider-nav-invert {
  color: #fff;
}

.w-slider-nav-invert > div {
  background-color: #2226;
}

.w-slider-nav-invert > div.w-active {
  background-color: #222;
}

.w-slider-dot {
  cursor: pointer;
  background-color: #fff6;
  width: 1em;
  height: 1em;
  margin: 0 3px .5em;
  transition: background-color .1s, color .1s;
  display: inline-block;
  position: relative;
}

.w-slider-dot.w-active {
  background-color: #fff;
}

.w-slider-dot:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff;
}

.w-slider-dot:focus.w-active {
  box-shadow: none;
}

.w-slider-arrow-left, .w-slider-arrow-right {
  cursor: pointer;
  color: #fff;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  -webkit-user-select: none;
  user-select: none;
  width: 80px;
  margin: auto;
  font-size: 40px;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.w-slider-arrow-left [class^="w-icon-"], .w-slider-arrow-right [class^="w-icon-"], .w-slider-arrow-left [class*=" w-icon-"], .w-slider-arrow-right [class*=" w-icon-"] {
  position: absolute;
}

.w-slider-arrow-left:focus, .w-slider-arrow-right:focus {
  outline: 0;
}

.w-slider-arrow-left {
  z-index: 3;
  right: auto;
}

.w-slider-arrow-right {
  z-index: 4;
  left: auto;
}

.w-icon-slider-left, .w-icon-slider-right {
  width: 1em;
  height: 1em;
  margin: auto;
  inset: 0;
}

.w-slider-aria-label {
  clip: rect(0 0 0 0);
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.w-slider-force-show {
  display: block !important;
}

.w-dropdown {
  text-align: left;
  z-index: 900;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
  position: relative;
}

.w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link {
  vertical-align: top;
  color: #222;
  text-align: left;
  white-space: nowrap;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  text-decoration: none;
  position: relative;
}

.w-dropdown-toggle {
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  padding-right: 40px;
  display: inline-block;
}

.w-dropdown-toggle:focus {
  outline: 0;
}

.w-icon-dropdown-toggle {
  width: 1em;
  height: 1em;
  margin: auto 20px auto auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.w-dropdown-list {
  background: #ddd;
  min-width: 100%;
  display: none;
  position: absolute;
}

.w-dropdown-list.w--open {
  display: block;
}

.w-dropdown-link {
  color: #222;
  padding: 10px 20px;
  display: block;
}

.w-dropdown-link.w--current {
  color: #0082f3;
}

.w-dropdown-link:focus {
  outline: 0;
}

@media screen and (max-width: 767px) {
  .w-nav-brand {
    padding-left: 10px;
  }
}

.w-lightbox-backdrop {
  cursor: auto;
  letter-spacing: normal;
  text-indent: 0;
  text-shadow: none;
  text-transform: none;
  visibility: visible;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  color: #fff;
  text-align: center;
  z-index: 2000;
  opacity: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -webkit-tap-highlight-color: transparent;
  background: #000000e6;
  outline: 0;
  font-family: Helvetica Neue, Helvetica, Ubuntu, Segoe UI, Verdana, sans-serif;
  font-size: 17px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.2;
  list-style: disc;
  position: fixed;
  inset: 0;
  -webkit-transform: translate(0);
}

.w-lightbox-backdrop, .w-lightbox-container {
  -webkit-overflow-scrolling: touch;
  height: 100%;
  overflow: auto;
}

.w-lightbox-content {
  height: 100vh;
  position: relative;
  overflow: hidden;
}

.w-lightbox-view {
  opacity: 0;
  width: 100vw;
  height: 100vh;
  position: absolute;
}

.w-lightbox-view:before {
  content: "";
  height: 100vh;
}

.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
  height: 86vh;
}

.w-lightbox-frame, .w-lightbox-view:before {
  vertical-align: middle;
  display: inline-block;
}

.w-lightbox-figure {
  margin: 0;
  position: relative;
}

.w-lightbox-group .w-lightbox-figure {
  cursor: pointer;
}

.w-lightbox-img {
  width: auto;
  max-width: none;
  height: auto;
}

.w-lightbox-image {
  float: none;
  max-width: 100vw;
  max-height: 100vh;
  display: block;
}

.w-lightbox-group .w-lightbox-image {
  max-height: 86vh;
}

.w-lightbox-caption {
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: #0006;
  padding: .5em 1em;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.w-lightbox-embed {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.w-lightbox-control {
  cursor: pointer;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 24px;
  width: 4em;
  transition: all .3s;
  position: absolute;
  top: 0;
}

.w-lightbox-left {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==");
  display: none;
  bottom: 0;
  left: 0;
}

.w-lightbox-right {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+");
  display: none;
  bottom: 0;
  right: 0;
}

.w-lightbox-close {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=");
  background-size: 18px;
  height: 2.6em;
  right: 0;
}

.w-lightbox-strip {
  white-space: nowrap;
  padding: 0 1vh;
  line-height: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto hidden;
}

.w-lightbox-item {
  box-sizing: content-box;
  cursor: pointer;
  width: 10vh;
  padding: 2vh 1vh;
  display: inline-block;
  -webkit-transform: translate3d(0, 0, 0);
}

.w-lightbox-active {
  opacity: .3;
}

.w-lightbox-thumbnail {
  background: #222;
  height: 10vh;
  position: relative;
  overflow: hidden;
}

.w-lightbox-thumbnail-image {
  position: absolute;
  top: 0;
  left: 0;
}

.w-lightbox-thumbnail .w-lightbox-tall {
  width: 100%;
  top: 50%;
  transform: translate(0, -50%);
}

.w-lightbox-thumbnail .w-lightbox-wide {
  height: 100%;
  left: 50%;
  transform: translate(-50%);
}

.w-lightbox-spinner {
  box-sizing: border-box;
  border: 5px solid #0006;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  margin-left: -20px;
  animation: .8s linear infinite spin;
  position: absolute;
  top: 50%;
  left: 50%;
}

.w-lightbox-spinner:after {
  content: "";
  border: 3px solid #0000;
  border-bottom-color: #fff;
  border-radius: 50%;
  position: absolute;
  inset: -4px;
}

.w-lightbox-hide {
  display: none;
}

.w-lightbox-noscroll {
  overflow: hidden;
}

@media (min-width: 768px) {
  .w-lightbox-content {
    height: 96vh;
    margin-top: 2vh;
  }

  .w-lightbox-view, .w-lightbox-view:before {
    height: 96vh;
  }

  .w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
    height: 84vh;
  }

  .w-lightbox-image {
    max-width: 96vw;
    max-height: 96vh;
  }

  .w-lightbox-group .w-lightbox-image {
    max-width: 82.3vw;
    max-height: 84vh;
  }

  .w-lightbox-left, .w-lightbox-right {
    opacity: .5;
    display: block;
  }

  .w-lightbox-close {
    opacity: .8;
  }

  .w-lightbox-control:hover {
    opacity: 1;
  }
}

.w-lightbox-inactive, .w-lightbox-inactive:hover {
  opacity: 0;
}

.w-richtext:before, .w-richtext:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-richtext:after {
  clear: both;
}

.w-richtext[contenteditable="true"]:before, .w-richtext[contenteditable="true"]:after {
  white-space: initial;
}

.w-richtext ol, .w-richtext ul {
  overflow: hidden;
}

.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after, .w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after, .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, .w-richtext .w-richtext-figure-selected[data-rt-type="image"] div {
  outline: 2px solid #2895f7;
}

.w-richtext figure.w-richtext-figure-type-video > div:after, .w-richtext figure[data-rt-type="video"] > div:after {
  content: "";
  display: none;
  position: absolute;
  inset: 0;
}

.w-richtext figure {
  max-width: 60%;
  position: relative;
}

.w-richtext figure > div:before {
  cursor: default !important;
}

.w-richtext figure img {
  width: 100%;
}

.w-richtext figure figcaption.w-richtext-figcaption-placeholder {
  opacity: .6;
}

.w-richtext figure div {
  color: #0000;
  font-size: 0;
}

.w-richtext figure.w-richtext-figure-type-image, .w-richtext figure[data-rt-type="image"] {
  display: table;
}

.w-richtext figure.w-richtext-figure-type-image > div, .w-richtext figure[data-rt-type="image"] > div {
  display: inline-block;
}

.w-richtext figure.w-richtext-figure-type-image > figcaption, .w-richtext figure[data-rt-type="image"] > figcaption {
  caption-side: bottom;
  display: table-caption;
}

.w-richtext figure.w-richtext-figure-type-video, .w-richtext figure[data-rt-type="video"] {
  width: 60%;
  height: 0;
}

.w-richtext figure.w-richtext-figure-type-video iframe, .w-richtext figure[data-rt-type="video"] iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.w-richtext figure.w-richtext-figure-type-video > div, .w-richtext figure[data-rt-type="video"] > div {
  width: 100%;
}

.w-richtext figure.w-richtext-align-center {
  clear: both;
  margin-left: auto;
  margin-right: auto;
}

.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div, .w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div {
  max-width: 100%;
}

.w-richtext figure.w-richtext-align-normal {
  clear: both;
}

.w-richtext figure.w-richtext-align-fullwidth {
  text-align: center;
  clear: both;
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-richtext figure.w-richtext-align-fullwidth > div {
  padding-bottom: inherit;
  display: inline-block;
}

.w-richtext figure.w-richtext-align-fullwidth > figcaption {
  display: block;
}

.w-richtext figure.w-richtext-align-floatleft {
  float: left;
  clear: none;
  margin-right: 15px;
}

.w-richtext figure.w-richtext-align-floatright {
  float: right;
  clear: none;
  margin-left: 15px;
}

.w-nav {
  z-index: 1000;
  background: #ddd;
  position: relative;
}

.w-nav:before, .w-nav:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-nav:after {
  clear: both;
}

.w-nav-brand {
  float: left;
  color: #333;
  text-decoration: none;
  position: relative;
}

.w-nav-link {
  vertical-align: top;
  color: #222;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.w-nav-link.w--current {
  color: #0082f3;
}

.w-nav-menu {
  float: right;
  position: relative;
}

[data-nav-menu-open] {
  text-align: center;
  background: #c8c8c8;
  min-width: 200px;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  overflow: visible;
  display: block !important;
}

.w--nav-link-open {
  display: block;
  position: relative;
}

.w-nav-overlay {
  width: 100%;
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  overflow: hidden;
}

.w-nav-overlay [data-nav-menu-open] {
  top: 0;
}

.w-nav[data-animation="over-left"] .w-nav-overlay {
  width: auto;
}

.w-nav[data-animation="over-left"] .w-nav-overlay, .w-nav[data-animation="over-left"] [data-nav-menu-open] {
  z-index: 1;
  top: 0;
  right: auto;
}

.w-nav[data-animation="over-right"] .w-nav-overlay {
  width: auto;
}

.w-nav[data-animation="over-right"] .w-nav-overlay, .w-nav[data-animation="over-right"] [data-nav-menu-open] {
  z-index: 1;
  top: 0;
  left: auto;
}

.w-nav-button {
  float: right;
  cursor: pointer;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  -webkit-user-select: none;
  user-select: none;
  padding: 18px;
  font-size: 24px;
  display: none;
  position: relative;
}

.w-nav-button:focus {
  outline: 0;
}

.w-nav-button.w--open {
  color: #fff;
  background-color: #c8c8c8;
}

.w-nav[data-collapse="all"] .w-nav-menu {
  display: none;
}

.w-nav[data-collapse="all"] .w-nav-button, .w--nav-dropdown-open, .w--nav-dropdown-toggle-open {
  display: block;
}

.w--nav-dropdown-list-open {
  position: static;
}

@media screen and (max-width: 991px) {
  .w-nav[data-collapse="medium"] .w-nav-menu {
    display: none;
  }

  .w-nav[data-collapse="medium"] .w-nav-button {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .w-nav[data-collapse="small"] .w-nav-menu {
    display: none;
  }

  .w-nav[data-collapse="small"] .w-nav-button {
    display: block;
  }

  .w-nav-brand {
    padding-left: 10px;
  }
}

@media screen and (max-width: 479px) {
  .w-nav[data-collapse="tiny"] .w-nav-menu {
    display: none;
  }

  .w-nav[data-collapse="tiny"] .w-nav-button {
    display: block;
  }
}

.w-tabs {
  position: relative;
}

.w-tabs:before, .w-tabs:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-tabs:after {
  clear: both;
}

.w-tab-menu {
  position: relative;
}

.w-tab-link {
  vertical-align: top;
  text-align: left;
  cursor: pointer;
  color: #222;
  background-color: #ddd;
  padding: 9px 30px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.w-tab-link.w--current {
  background-color: #c8c8c8;
}

.w-tab-link:focus {
  outline: 0;
}

.w-tab-content {
  display: block;
  position: relative;
  overflow: hidden;
}

.w-tab-pane {
  display: none;
  position: relative;
}

.w--tab-active {
  display: block;
}

@media screen and (max-width: 479px) {
  .w-tab-link {
    display: block;
  }
}

.w-ix-emptyfix:after {
  content: "";
}

@keyframes spin {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

.w-dyn-empty {
  background-color: #ddd;
  padding: 10px;
}

.w-dyn-hide, .w-dyn-bind-empty, .w-condition-invisible {
  display: none !important;
}

.wf-layout-layout {
  display: grid;
}

:root {
  --dark-grey: #2a2a2a;
  --black: black;
  --body-grey: #f9f8f8;
  --text: #727272;
  --white: white;
  --sx-indigo: #464797;
  --sx-red: #d74e37;
  --sx-orange: #f78d44;
  --sx-yellow: #fcd23d;
  --border-colour: #f3f3f3;
  --icons: #007cc0;
  --shadow: #00000040;
  --sx-dark-blue: #2d599a;
  --menu-border-grey: #d9d9d9;
  --sx-light-blue: #4178c8;
  --menu-bg-grey: #f1f1f1;
  --sx-grey: #44546a;
  --sx-purple: #954f72;
  --sx-green: #46976f;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-layout-hflex {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-form-formrecaptcha {
  margin-bottom: 8px;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-layout-vflex {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.w-pagination-wrapper {
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.w-pagination-previous {
  color: #333;
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 9px 20px;
  font-size: 14px;
  display: block;
}

.w-pagination-previous-icon {
  margin-right: 4px;
}

.w-pagination-next {
  color: #333;
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 9px 20px;
  font-size: 14px;
  display: block;
}

.w-pagination-next-icon {
  margin-left: 4px;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

h1 {
  color: var(--dark-grey);
  letter-spacing: -1.5px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.3;
}

h2 {
  color: var(--dark-grey);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
}

h3 {
  color: var(--dark-grey);
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
}

h4 {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 25px;
  font-weight: 700;
  line-height: 1.3;
}

h5 {
  color: var(--black);
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 700;
}

h6 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: bold;
  line-height: 18px;
}

p {
  margin-bottom: 10px;
}

a {
  color: var(--dark-grey);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
}

a:hover {
  text-decoration: none;
}

ul, ol {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

label {
  margin-bottom: 0;
  font-weight: 400;
  display: block;
}

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

blockquote {
  border-left: 5px solid #e2e2e2;
  margin-bottom: 10px;
  padding: 10px 20px;
  font-size: 18px;
  line-height: 22px;
}

figure {
  margin-bottom: 50px;
}

.body {
  background-color: var(--body-grey);
  color: var(--text);
  font-family: Roboto, sans-serif;
  font-size: 18px;
  line-height: 1.8;
  transition: all .2s;
}

.container {
  flex-direction: column;
  align-items: flex-start;
  max-width: 880px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

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

.container.blog-author {
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  align-items: flex-end;
}

.styleguide---colour-grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-top: 10px;
  margin-bottom: 50px;
}

.styleguide---colour-swatch-wrapper {
  text-align: center;
  text-transform: uppercase;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 30px;
  font-size: 14px;
}

.kleuren-swatches {
  color: var(--black);
  margin-bottom: 150px;
}

.styleguide---swatch {
  border: 1px solid #0000001a;
  height: 50px;
  margin-bottom: 5px;
}

.styleguide---swatch._1 {
  background-color: var(--body-grey);
}

.styleguide---swatch._2 {
  background-color: var(--text);
}

.styleguide---swatch._3 {
  background-color: var(--black);
}

.styleguide---swatch._4 {
  background-color: var(--white);
}

.styleguide---swatch.sxp {
  background-color: var(--sx-indigo);
}

.styleguide---swatch.sxr {
  background-color: var(--sx-red);
}

.styleguide---swatch.sxo {
  background-color: var(--sx-orange);
}

.styleguide---swatch.sxg {
  background-color: var(--sx-yellow);
}

.styleguide---swatch._5 {
  background-color: var(--dark-grey);
}

.styleguide-heading {
  color: var(--black);
  margin-top: 40px;
}

.styleguide-heading.title-margin {
  margin-bottom: 50px;
}

.fonts-en-grootte {
  margin-bottom: 150px;
}

.styleguide---headings {
  margin-top: 50px;
}

.navbar {
  background-color: #0000;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 10px 25px 0;
  position: fixed;
  inset: 0% 0% auto;
}

.text-span {
  font-weight: 100;
}

.text-span-2 {
  font-weight: 300;
}

.text-span-3 {
  font-weight: 500;
}

.text-span-4 {
  font-weight: 700;
}

.text-span-5 {
  font-weight: 900;
}

.button {
  border: 2px solid var(--sx-red);
  color: var(--sx-red);
  background-color: #0000;
  border-radius: 10px;
  align-items: flex-end;
  padding: 10px 35px;
  transition: color .3s cubic-bezier(.455, .03, .515, .955), background-color .3s cubic-bezier(.455, .03, .515, .955);
}

.button:hover {
  background-color: var(--sx-red);
  color: var(--body-grey);
}

.button.b_white {
  border-color: var(--white);
  color: var(--white);
  position: relative;
}

.button.b_white:hover {
  background-color: var(--white);
  color: var(--text);
}

.button.b_blauw {
  border-color: var(--sx-indigo);
  color: var(--sx-indigo);
}

.button.b_blauw:hover {
  background-color: var(--sx-indigo);
  color: var(--white);
}

.button.b_blauw.flex {
  width: 100%;
}

.button.b_orange {
  border-color: var(--sx-orange);
  color: var(--sx-orange);
}

.button.b_orange:hover {
  background-color: var(--sx-orange);
  color: var(--white);
}

.button.b_yellow {
  border-color: var(--sx-yellow);
  color: var(--sx-yellow);
}

.button.b_yellow:hover {
  background-color: var(--sx-yellow);
  color: var(--white);
}

.button.vacature-upload {
  text-align: center;
  width: 285px;
  margin-bottom: 40px;
}

.button.vacature-submit {
  background-color: var(--sx-red);
  color: var(--white);
  align-self: stretch;
  font-weight: 500;
}

.button.vacature-submit:hover {
  color: var(--sx-red);
  background-color: #0000;
}

.button.cookie-manager {
  text-align: center;
  margin-bottom: 16px;
}

.button.cookie-manager.accept {
  border-color: var(--sx-indigo);
  background-color: var(--sx-indigo);
  color: var(--white);
}

.button.cookie-manager.accept:hover {
  color: var(--sx-indigo);
  background-color: #0000;
}

.button.cookie-manager.blue {
  border-color: var(--sx-indigo);
  color: var(--sx-indigo);
}

.button.cookie-manager.blue:hover {
  background-color: var(--sx-indigo);
  color: var(--white);
}

.button.demo {
  background-color: var(--sx-red);
  color: var(--white);
  text-align: center;
  width: 300px;
}

.button.demo:hover {
  background-color: var(--body-grey);
  color: var(--sx-red);
}

.elementen-heading {
  text-align: center;
  margin-bottom: 100px;
}

.menuburger {
  padding: 0;
  display: flex;
}

.menuburger.w--open {
  background-color: #0000;
}

.navbar---wrapper {
  justify-content: space-between;
  display: flex;
}

.navbar---links-wrapper {
  align-items: center;
  margin-top: 10px;
  display: flex;
  position: relative;
}

.navbar---links-wrapper.doclick {
  z-index: 10;
}

.section {
  margin-bottom: 20px;
}

.section.half-orange {
  margin-bottom: 0;
  position: relative;
}

.navmenu {
  z-index: 99;
  border-left: 1px solid var(--border-colour);
  background-color: var(--white);
}

.navmenu---links-wrapper {
  z-index: 999;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 35vw;
  height: 100vh;
  padding-left: 5vw;
  display: flex;
}

.navmenu---link {
  color: var(--black);
  align-self: flex-start;
  margin-bottom: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 20px;
  text-decoration: none;
  transition: color .2s;
}

.navmenu---link:hover {
  color: var(--sx-red);
}

.navmenu---link.w--current {
  border-bottom: 2px solid #000;
}

.navmenu---link.interweblink {
  color: var(--sx-red);
}

.navmenu---link.interweblink:hover {
  color: var(--black);
}

.lottie-menu-burger {
  width: 42px;
  height: 42px;
  margin-bottom: 2px;
}

.paragraph {
  margin-bottom: 50px;
}

.paragraph.medium {
  font-size: 20px;
}

.paragraph.large {
  margin-bottom: 50px;
  font-size: 21px;
}

.paragraph.no_margin {
  margin-bottom: 0;
}

.paragraph.introblock {
  color: var(--black);
  margin-bottom: 0;
  font-size: 30px;
  font-weight: 500;
  line-height: 1.4;
}

.paragraph.cookie {
  margin-bottom: 0;
  font-size: 15px;
}

.paragraph.mini {
  color: var(--black);
  font-size: 12px;
}

.paragraph.introblock-2 {
  color: var(--black);
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.3;
}

.elementen---line {
  background-image: linear-gradient(123deg, var(--sx-indigo), var(--sx-red) 41%, var(--sx-orange) 70%, var(--sx-yellow));
  height: 2px;
  margin-top: 100px;
}

.element-3---grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 80px 1fr;
  margin-bottom: 150px;
}

.element-3---grid.no-margin {
  margin-bottom: 0;
}

.element-3---grid.alt-layout {
  grid-template-columns: .5fr 80px 1fr;
}

.element-3---grid.alt-layout.reverse {
  grid-template-columns: 1fr 80px .5fr;
}

.element-image {
  width: 100%;
}

.element-image.no-shadow {
  box-shadow: none;
}

.grid---content.relative {
  position: relative;
}

.grid---content.f_white {
  color: var(--white);
}

.element-b---name-tag {
  z-index: 1;
  background-color: var(--sx-indigo);
  margin-bottom: 40px;
  margin-left: -20px;
  position: absolute;
  inset: auto 40% 0% 0%;
  box-shadow: 4px 4px 13px #00000040;
}

.element-b---name-tag.rood {
  background-color: var(--sx-red);
}

.element-b---name-tag.geel {
  background-color: var(--sx-yellow);
}

.element-b---name-tag.orange {
  background-color: var(--sx-orange);
}

.element-b---name-tag-content {
  color: var(--white);
  text-transform: uppercase;
  padding: 5px 10px;
  font-weight: 500;
  line-height: 1.5;
  position: relative;
}

.element-b---name-tag-text {
  font-size: 15px;
  font-weight: 500;
}

.element-b---name-tag-text.name {
  font-size: 24px;
}

.element-3---name-tag-bg-mirror {
  z-index: 1;
  background-color: var(--sx-indigo);
  margin-bottom: 40px;
  margin-right: -20px;
  position: absolute;
  inset: auto 0% 0% 40%;
}

.element-3---name-tag-bg-mirror.rood {
  background-color: var(--sx-red);
}

.element-3---name-tag-bg-mirror.geel {
  background-color: var(--sx-yellow);
}

.element-3---name-tag-bg-mirror.oranje {
  background-color: var(--sx-orange);
}

.grid {
  grid-column-gap: 4px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 30px;
  display: grid;
}

.header {
  height: 100vh;
  margin-bottom: 200px;
  position: relative;
  overflow: hidden;
}

.header---title-wrap {
  color: var(--white);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 100px;
  display: flex;
}

.clients---filter-label {
  text-transform: capitalize;
  cursor: pointer;
  border: 1px solid #0000;
  justify-content: center;
  align-items: center;
  padding: 5px 10px;
  transition: color .2s cubic-bezier(.455, .03, .515, .955), background-color .2s cubic-bezier(.455, .03, .515, .955);
  display: flex;
}

.clients---filter-label:hover {
  border-color: var(--border-colour);
  background-color: var(--white);
}

.clients---filter-label.active-filter {
  background-color: var(--sx-red);
  color: var(--white);
}

.section-title {
  color: var(--black);
  margin-bottom: 30px;
}

.section-title.a_center {
  text-align: center;
  align-self: stretch;
}

.section-title.f_text {
  color: var(--text);
}

.section-title.testimonial {
  display: flex;
}

.element-3---title-wrap {
  color: var(--black);
  margin-bottom: 30px;
}

.element-3---title-wrap.white {
  color: var(--white);
}

.log-in-pop-up {
  z-index: 999;
  background-color: #000000d9;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup {
  background-color: var(--body-grey);
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 80vw;
  max-width: 1000px;
  height: 60vh;
  max-height: 800px;
  display: flex;
  position: relative;
}

.pop-up-close {
  color: var(--body-grey);
  font-size: 60px;
  line-height: .5;
  text-decoration: none;
  transition: color .2s cubic-bezier(.455, .03, .515, .955);
  position: absolute;
  inset: -50px -40px auto auto;
}

.pop-up-close:hover {
  color: var(--text);
}

.link-text {
  border-bottom: 2px #000;
  font-size: 18px;
  text-decoration: none;
  transition: color .2s cubic-bezier(.455, .03, .515, .955), border-color .2s;
}

.link-text:hover {
  color: #3b3b3b;
  border-bottom-color: #0000;
}

.link-text.medium {
  border-bottom-style: none;
  font-size: 20px;
  text-decoration: none;
}

.link-text.large {
  border-bottom-style: none;
  font-size: 21px;
}

.link-text.alt {
  border-bottom-color: #0000;
}

.link-text.alt:hover {
  border-bottom-style: solid;
  border-bottom-color: var(--black);
}

.link-text.navmenu {
  background-color: #0000;
  font-size: 18px;
}

.div-block-5 {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.styleguide---textblock-montserrat {
  margin-left: 100px;
  font-family: Montserrat, sans-serif;
}

.text-span-6 {
  font-weight: 300;
}

.text-span-7 {
  font-weight: 500;
}

.blog {
  margin-bottom: 175px;
}

.header---name-wrap {
  margin-bottom: 20px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.header---name-wrap.hide {
  display: none;
}

.header---name-content {
  background-color: var(--sx-orange);
  color: var(--white);
  padding: 15px 50px;
  box-shadow: 4px 4px 13px #00000040;
}

.header---name {
  text-transform: uppercase;
  font-size: 32px;
  line-height: 1.2;
}

.header---name.subtitle {
  font-size: 18px;
}

.navbar---log-in-link {
  border-bottom: 2px solid var(--white);
  color: var(--white);
  margin-bottom: 7px;
  margin-right: 25px;
  line-height: 1.3;
  text-decoration: none;
  transition: border-color .2s cubic-bezier(.455, .03, .515, .955);
}

.navbar---log-in-link:hover {
  border-bottom-color: #0000;
}

.popup---iframe {
  width: 100%;
  height: 100%;
}

.bp-indicator {
  z-index: 999;
  color: var(--icons);
  font-size: 16px;
  position: fixed;
}

.bp-indicator---text {
  text-align: center;
  line-height: 1;
  position: fixed;
  inset: 0% 0% auto;
}

.bp-indicator---text._1440, .bp-indicator---text._1920, .bp-indicator---text._991, .bp-indicator---text.mobiel {
  display: none;
}

.navbar---logo {
  opacity: 1;
  width: 60px;
  margin-right: 5px;
  transition: opacity .2s cubic-bezier(.455, .03, .515, .955);
}

.navbar---logo.alt {
  opacity: 0;
  position: absolute;
  inset: 0%;
}

.navbar---logo-link {
  align-items: center;
  text-decoration: none;
  display: flex;
  position: relative;
}

.navbar---logo-link.w--current {
  align-items: center;
  text-decoration: none;
  display: flex;
}

.navbar---links {
  filter: invert(0%);
  align-items: center;
  transition: filter .3s cubic-bezier(.455, .03, .515, .955);
  display: flex;
  position: relative;
}

.navbar---links.menu_open {
  opacity: 0;
  filter: invert();
  position: absolute;
}

.pipedrive---form {
  text-align: center;
  margin-top: 80px;
  margin-bottom: 200px;
}

.collection-list-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-self: stretch;
  margin-bottom: 75px;
}

.collection-list-wrapper.no-margin {
  margin-bottom: 0;
}

.collection-list-grid {
  grid-column-gap: 12px;
  grid-row-gap: 8px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.collection-list-grid._4 {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.collection-item---blog {
  border: 1px solid var(--border-colour);
  background-color: var(--white);
  color: var(--black);
  text-align: center;
  height: 260px;
  position: relative;
  overflow: hidden;
}

.collection-item---blog:hover {
  box-shadow: none;
}

.collection-item---link-block {
  z-index: 1;
  mix-blend-mode: normal;
  display: block;
  position: absolute;
  inset: 0%;
}

.collection-item---link-block.hide {
  display: none;
}

.team {
  margin-bottom: 175px;
}

.blog---title {
  z-index: 1;
  margin-top: 10px;
  margin-bottom: 20px;
  padding-left: 15px;
  padding-right: 15px;
  font-weight: 700;
  line-height: 1.7;
}

.blog-tile---content-wrapper {
  height: 100%;
  position: relative;
}

.blog-tile---author-wrapper {
  background-color: var(--white);
  color: var(--sx-red);
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  height: 100px;
  font-weight: 500;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.blog---text-fade {
  background-image: linear-gradient(#fff0, #fff);
  height: 100px;
  margin-bottom: 100px;
  position: absolute;
  inset: auto 0% 0%;
}

.blog---content {
  height: 400px;
}

.blog---summary {
  padding-left: 20px;
  padding-right: 20px;
}

.collection-list-wrapper-blog-featured {
  margin-bottom: 75px;
}

.collection-item {
  border: 1px solid var(--border-colour);
}

.video---wrapper {
  cursor: pointer;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.video---overlay {
  position: absolute;
  inset: 0%;
}

.vimeo-video {
  height: 494px;
}

.video---cover-black {
  z-index: 3;
  background-color: var(--black);
  opacity: 0;
  position: absolute;
  inset: 0%;
}

.video---overlay-bg-video {
  z-index: 2;
  width: 100%;
  height: 100%;
}

.video---lext-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.video---text {
  z-index: 4;
  color: var(--white);
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 99px;
  padding-right: 99px;
  position: relative;
}

.video---title {
  margin-bottom: 50px;
}

.div-block-6 {
  align-items: center;
  height: 100vh;
  display: flex;
}

.video---play-button-text {
  border: 2px solid var(--white);
  color: var(--white);
  background-color: #0000;
  border-radius: 10px;
  align-items: flex-end;
  padding: 10px 35px;
  display: inline-block;
}

.filters-wrapper {
  align-self: stretch;
}

.collection---search-form-block {
  margin-bottom: 50px;
}

.blog---search-input-field {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}

.blog---detail-text {
  padding-bottom: 10px;
  padding-right: 30px;
}

.blog---author-iamge {
  border: 1px solid var(--border-colour);
  width: 200px;
}

.grid-3c {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-bottom: 150px;
}

.grid-3c.no-margin {
  margin-bottom: 0;
}

.grid---square {
  background-color: red;
  width: 100%;
  padding-bottom: 100%;
  position: relative;
}

.temp---grid-bg {
  background-color: var(--border-colour);
  position: absolute;
  inset: 0%;
}

.collection-list-grid-blog {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.navmenu---link-text {
  text-align: left;
  border-bottom: 2px solid #0000;
  line-height: 1.5;
}

.navbar---logotext {
  text-transform: uppercase;
  margin-bottom: 10px;
  font-size: 26px;
  line-height: 1;
  transition: color .2s cubic-bezier(.455, .03, .515, .955);
}

.faq-item-trigger {
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.header---colour-line-wrapper {
  flex: 1;
  height: 5px;
  margin-bottom: 150px;
  display: flex;
}

.colour-line-block {
  width: 25%;
}

.colour-line-block.blue {
  background-color: var(--sx-indigo);
}

.colour-line-block.red {
  background-color: var(--sx-red);
}

.colour-line-block.orange {
  background-color: var(--sx-orange);
}

.colour-line-block.yellow {
  background-color: var(--sx-yellow);
}

.navmenu---submenu {
  flex-direction: column;
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
}

.collection-item---team {
  border: 1px solid var(--border-colour);
  background-color: var(--white);
  color: var(--black);
  text-align: center;
  height: 410px;
  margin-bottom: 50px;
  position: relative;
  overflow: hidden;
}

.team---content-wrapper {
  height: 100%;
  position: relative;
}

.team---name {
  opacity: 0;
  margin-top: 15px;
  font-size: 20px;
  font-weight: 700;
}

.team---links-wrapper {
  background-color: var(--white);
  justify-content: flex-end;
  align-items: center;
  height: 60px;
  padding-right: 6px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.team---functie {
  letter-spacing: -1px;
  text-transform: capitalize;
  font-weight: 500;
  line-height: 1.1;
}

.team---profile-image {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  height: 240px;
}

.team---name-wrapper {
  margin-bottom: 5px;
  position: relative;
}

.team---name-clr {
  color: var(--sx-indigo);
  font-size: 20px;
  font-weight: 700;
  position: absolute;
  inset: 0%;
}

.team---name-clr.rood {
  color: var(--sx-red);
}

.team---name-clr.oranje {
  color: var(--sx-orange);
}

.team---name-clr.geel {
  color: var(--sx-yellow);
}

.team---link-icon {
  background-color: var(--icons);
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  margin: 8px;
  transition: background-color .2s cubic-bezier(.455, .03, .515, .955);
  display: flex;
}

.team---link-icon:hover {
  background-color: #0003;
}

.link {
  color: var(--dark-grey);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
}

.link.header {
  color: var(--white);
  font-weight: 400;
}

.header-video---container {
  flex: 1;
  align-items: flex-end;
  max-width: 880px;
  height: 100%;
  min-height: 550px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.link-text---wrapper {
  padding-left: 20px;
}

.teams---fade {
  background-image: linear-gradient(#fff0, #fff);
  height: 75px;
  margin-bottom: 50px;
  display: none;
  position: absolute;
  inset: auto 0% 0%;
}

.collection-list-wrapper-team {
  align-self: stretch;
}

.sub-section-title {
  margin-top: 50px;
  margin-bottom: 50px;
}

.element-image-mask {
  box-shadow: 4px 4px 13px 0 var(--shadow);
}

.element-image-mask.no-shadow {
  box-shadow: none;
}

.element-image-mask.partner {
  box-shadow: none;
  align-items: center;
  height: 100%;
  display: flex;
}

.sub-section-title.center {
  align-self: center;
}

.element-c---bg {
  color: var(--white);
  background-color: #ef4f33;
  align-self: stretch;
}

.element-c---bg.white {
  background-color: var(--white);
  color: var(--text);
}

.element-c---content-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: center;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-content: space-between;
  justify-items: center;
  padding: 50px 80px 100px;
  display: grid;
}

.element-c---content-grid.no-margin {
  padding-bottom: 0;
}

.element-c---title {
  max-width: 670px;
}

.element-c---content {
  margin-top: 50px;
}

.element-c---content.f_text {
  color: var(--text);
}

.blog-tile---author-image-wrapper {
  width: 80px;
}

.blog---detail-wrapper {
  z-index: 1;
  color: var(--sx-red);
  align-items: flex-end;
  font-weight: 500;
  position: relative;
  transform: translate(0, -50%);
}

.header-blog {
  z-index: -1;
  height: 75vh;
  position: relative;
}

.header-blog---bg {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  height: 100%;
}

.header-blog---bg.guide {
  background-image: linear-gradient(#00000080, #00000080), url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg"), url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 0 0, 0 0, 50% 0;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
  background-attachment: scroll, scroll, scroll;
}

.header-blog---container {
  align-items: flex-end;
  max-width: 880px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  inset: 0%;
}

.header-blog---spacer {
  height: 150px;
}

.grid-wfm-services {
  grid-column-gap: 80px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  align-self: stretch;
}

.card-wrapper {
  border: 1px solid var(--border-colour);
  background-color: var(--white);
  padding: 40px;
  box-shadow: 0 6px 13px #00000040;
}

.red-subtitle {
  color: var(--sx-red);
  align-items: flex-start;
  margin-bottom: 30px;
  display: flex;
}

.tile---link {
  border: 1px solid var(--border-colour);
  background-color: var(--white);
  color: var(--text);
  text-align: left;
  border-radius: 4px;
  padding: 30px 20px 20px;
  font-weight: 400;
  text-decoration: none;
  transition: transform .4s cubic-bezier(.77, 0, .175, 1), box-shadow .4s cubic-bezier(.77, 0, .175, 1);
  transform: translate(0);
  box-shadow: 0 6px 13px #0000;
}

.tile---link:hover {
  transform: translate(0, -10px);
  box-shadow: 0 6px 13px #0000001a;
}

.quote-icon {
  filter: brightness(29%) invert();
  margin-top: 10px;
  margin-right: 40px;
  transform: rotate(0);
}

.quote-icon.flip {
  align-self: flex-end;
  margin: 0 0 10px 40px;
  transform: rotate(180deg);
}

.quote---name {
  color: var(--black);
  font-weight: 400;
}

.quote---grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: auto auto auto;
  margin-bottom: 40px;
}

.sub-title {
  margin-bottom: 30px;
}

.sub-title.red {
  color: var(--sx-red);
  display: flex;
}

.sub-title.card-b {
  color: var(--black);
  min-height: 100px;
  margin-bottom: 0;
}

.sub-title.card-b.f_white {
  color: var(--white);
}

.empty-header {
  margin-top: 150px;
  margin-bottom: 50px;
}

.contact-info-grid {
  grid-column-gap: 0px;
  grid-row-gap: 50px;
  text-align: left;
  grid-template-columns: 50px 1fr;
  justify-items: start;
  margin-top: 40px;
}

.contact---link {
  border-bottom: 2px solid #0000;
  font-size: 18px;
  text-decoration: none;
  transition: color .2s cubic-bezier(.455, .03, .515, .955), border-color .2s;
}

.contact---link:hover {
  border-bottom: 2px solid var(--black);
  color: #3b3b3b;
}

.heading-5 {
  font-size: 30px;
}

.header-split---grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  height: 80vh;
  min-height: 600px;
}

.header-split---video {
  width: 100%;
  height: 100%;
}

.header-split---video.hide {
  display: none;
}

.header-split---content-text {
  flex-direction: column;
  justify-content: center;
  width: 440px;
  padding-right: 40px;
  display: flex;
}

.header-split---content-visual {
  position: relative;
  overflow: hidden;
}

.header-split---name-wrap {
  position: absolute;
  inset: auto auto 0% 0%;
}

.header-split---name-content {
  background-color: var(--sx-orange);
  color: var(--white);
  margin-bottom: 20px;
  margin-left: 40px;
  padding: 20px 50px;
  box-shadow: 4px 4px 13px #00000040;
}

.header-split---name-content.blauw {
  background-color: var(--sx-indigo);
}

.header-split---title-wrap {
  color: var(--black);
  margin-bottom: 30px;
}

.header-split---colour-line-wrapper {
  flex: 1;
  width: 50%;
  height: 5px;
  display: flex;
  transform: translate(0, -5px);
}

.header-split---colour-line-wrapper.mob {
  display: none;
}

.container-split-header {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 880px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.header-split---image {
  width: 100%;
  height: 100%;
}

.header-split---image.hide {
  display: none;
}

.header-split-h1 {
  color: var(--sx-indigo);
  margin-bottom: 5px;
  font-size: 32px;
  font-weight: 500;
}

.paragraph-header {
  margin-bottom: 0;
  font-size: 20px;
}

.blog---auteur-wrapper {
  align-items: flex-end;
  display: flex;
}

.rte-intro {
  color: var(--dark-grey);
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
}

.rte-intro h2 {
  text-transform: none;
  font-size: 14px;
  font-style: italic;
  font-weight: 700;
}

.rte-body {
  background-color: var(--white);
  align-self: stretch;
  margin-top: 10px;
  padding: 10px 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 300;
}

.rte-body h3 {
  color: var(--sx-red);
  text-transform: none;
  margin-top: 30px;
  margin-bottom: 10px;
}

.rte-body p {
  margin-bottom: 40px;
}

.rte-body li {
  margin-bottom: 10px;
  list-style-type: disc;
}

.rte-body h4 {
  color: var(--black);
  text-align: center;
  text-transform: none;
  margin-bottom: 75px;
  font-family: Montserrat, sans-serif;
  font-size: 19px;
  font-weight: 300;
}

.rte-body blockquote {
  color: var(--black);
  text-align: center;
  border-top: 5px solid #e2e2e2;
  border-left-style: none;
  width: 80%;
  margin: 50px auto;
  padding: 20px;
}

.rte-body a {
  color: var(--dark-grey);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
}

.rte-body a:hover {
  border-bottom: 1px #0000;
}

.team---profile-image-mask {
  overflow: hidden;
}

.relative {
  position: relative;
}

.blog---back {
  align-self: center;
  margin-top: 100px;
  margin-bottom: 25px;
}

.demo-button-wrapper {
  justify-content: center;
  margin-bottom: 175px;
  display: flex;
}

.blog---cover-image {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  height: 200px;
}

.text_margin_top {
  margin-top: 75px;
}

.rte-privacy {
  text-align: justify;
  font-size: 16px;
}

.rte-privacy a {
  font-size: 16px;
}

.team---info {
  color: var(--text);
  max-width: 200px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 40px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 17px;
  overflow: hidden;
}

.team---mob-pop-up-wrapper, .team---mob-tile-wrapper {
  display: none;
}

.collection-list-wrapper-blog {
  margin-bottom: 20px;
}

.header-photo {
  height: 60vh;
  min-height: 600px;
  display: flex;
  position: relative;
}

.header---background {
  width: 100%;
}

.header---background.events {
  background-image: linear-gradient(#0000 70%, #0003), url("https://cdn.prod.website-files.com/60929c060029128006b5acb9/661e353bc25b14bc14561e3a_StrateX%20Events.jpg");
  background-position: 0 0, 50%;
  background-size: auto, cover;
  background-attachment: scroll, scroll;
  position: absolute;
  inset: 0%;
}

.header---background.training {
  background-image: url("https://cdn.prod.website-files.com/60929c060029128006b5acb9/60d8e339cc8411fcb12be812_temp%20-%20computer-software-and-its-types-haskdigital.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}

.header---background.insights {
  background-image: url("https://cdn.prod.website-files.com/60929c060029128006b5acb9/64bbc4beb9c30f6719c7353c_Nathaly%20%26%20Tanja.jpg");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  position: absolute;
  inset: 0%;
}

.header---background.new-navbar {
  background-color: var(--sx-indigo);
}

.header---photo-container {
  align-items: flex-end;
  max-width: 880px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  inset: 0%;
}

.blog---client-logo-block {
  background-color: var(--white);
  align-self: stretch;
  padding-bottom: 50px;
  padding-left: 50px;
  padding-right: 50px;
}

.blog---client-logo-grid {
  grid-template-rows: auto;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
}

.rte-blog-linkss {
  background-color: var(--white);
  flex-direction: row;
  justify-content: space-around;
  align-self: stretch;
  padding-bottom: 50px;
  padding-left: 60px;
  padding-right: 60px;
  display: block;
}

.rte-blog-linkss h3 {
  color: var(--sx-red);
  text-transform: none;
  margin-top: 30px;
  margin-bottom: 10px;
}

.rte-blog-linkss p {
  margin-bottom: 40px;
}

.rte-blog-linkss li {
  margin-bottom: 10px;
  list-style-type: disc;
}

.rte-blog-linkss h4 {
  color: var(--black);
  text-align: center;
  text-transform: none;
  margin-bottom: 75px;
  font-family: Montserrat, sans-serif;
  font-size: 19px;
  font-weight: 300;
}

.rte-blog-linkss blockquote {
  color: var(--black);
  text-align: center;
  border-top: 5px solid #e2e2e2;
  border-left-style: none;
  width: 80%;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
}

.rte-blog-linkss a {
  text-decoration: none;
  transition: border-color .2s cubic-bezier(.455, .03, .515, .955);
}

.rte-blog-linkss a:hover {
  border-bottom-color: #0000;
}

.blog---author-image-wrapper {
  box-shadow: 4px 4px 13px 0 var(--shadow);
  width: 180px;
}

.partner-logo-img {
  max-height: 200px;
}

.cookies---label {
  margin-bottom: 50px;
  font-weight: 400;
}

.cookie---checkbox-field {
  align-items: center;
  margin-bottom: 24px;
  display: flex;
}

.cookie---title {
  color: #000;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.cookie---buttons-wrapper {
  flex-direction: row;
  justify-content: space-between;
  margin-top: 10px;
  margin-bottom: 10px;
  display: flex;
}

.cookie---preferences-form-block {
  z-index: 1000;
  background-color: #00000096;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  display: none;
  position: fixed;
  inset: 0%;
}

.button-2 {
  color: #f9f8f8;
  background-color: #464797;
  border: 2px solid #464797;
  border-radius: 10px;
  align-items: flex-end;
  padding: 10px 35px;
  transition: color .3s cubic-bezier(.455, .03, .515, .955), background-color .3s cubic-bezier(.455, .03, .515, .955);
}

.button-2:hover {
  color: #464797;
  background-color: #0000;
}

.button-2.cookie {
  text-align: center;
  width: 49%;
  padding: 4px 8px;
  font-size: 15px;
}

.button-2.cookie.deny {
  background-color: #d74e37;
  border-color: #d74e37;
}

.button-2.cookie.deny:hover {
  color: #d74e37;
  background-color: #0000;
  border-color: #d74e37;
}

.cookie---link {
  font-size: 15px;
}

.cookie---link.a_right {
  text-align: right;
}

.cookie-consent {
  display: block;
}

.cookie---close-x {
  color: #797979;
  margin-left: 4px;
  margin-right: 4px;
  padding: 10px;
  font-size: 40px;
  line-height: .5;
  text-decoration: none;
  transition: color .2s cubic-bezier(.455, .03, .515, .955);
  position: absolute;
  inset: 0% 0% auto auto;
}

.cookie---close-x:hover {
  color: #000;
}

.cookie---banner {
  z-index: 999;
  background-color: #f9f8f8;
  border: 1px solid #f3f3f3;
  flex-direction: column;
  width: 300px;
  margin-bottom: 15px;
  margin-right: 15px;
  padding: 30px 15px 15px;
  display: none;
  position: fixed;
  inset: auto 0% 0% auto;
  box-shadow: 1px 1px 20px #0000001a;
}

.cookie---preferences-form {
  background-color: #f9f8f8;
  flex-direction: column;
  width: 100%;
  max-width: 480px;
  padding: 50px 30px 30px;
  display: flex;
  position: relative;
}

.cookie---checkbox {
  width: 20px;
  height: 20px;
  margin-top: 0;
  margin-right: 12px;
}

.header-blog---overlay {
  background-image: linear-gradient(#fff0 71%, #0000004d);
  position: absolute;
  inset: 0%;
}

.collection-item---vacature {
  border: 1px solid var(--border-colour);
  background-color: var(--white);
  text-align: center;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  position: relative;
}

.vacature-tile---h2 {
  text-transform: capitalize;
  margin-bottom: 30px;
  font-size: 28px;
  font-weight: 700;
}

.collection-item---vacature {
  box-shadow: 4px 4px 8px 0 var(--shadow);
  text-align: left;
  border-style: none;
  border-radius: 4px;
  flex-direction: column;
  justify-content: space-between;
  min-height: 435px;
  padding: 20px;
  line-height: 1.5;
  overflow: hidden;
}

.collection-list-grid-vacatures {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  grid-auto-columns: 1fr;
  display: grid;
}

.vacature---text-h2 {
  color: var(--sx-indigo);
  letter-spacing: 0;
  text-transform: none;
  flex: 1;
  font-size: 28px;
  font-weight: 500;
}

.vacature---text-h2.titel {
  text-transform: lowercase;
}

.vacature---title {
  margin-bottom: 30px;
  display: flex;
}

.vacature-section {
  margin-bottom: 20px;
}

.vacature-section.form {
  padding-top: 50px;
  padding-bottom: 50px;
  display: none;
}

.rte-vacature {
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.8;
}

.rte-vacature li {
  margin-bottom: 10px;
  line-height: 1.6;
}

.rte-vacature ul {
  margin-top: 10px;
  margin-bottom: 20px;
  padding-left: 60px;
}

.vacature-section-wrapper {
  background-color: var(--white);
  padding-top: 10px;
  padding-left: 0;
  padding-right: 0;
}

.header-split---content-visual-vacature {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50% 0;
  background-size: cover;
}

.vacature-tile---wrapper {
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  display: flex;
}

.vacature-tile---empty {
  align-items: center;
  padding: 20px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.vacature-tile---empty._3 {
  background-image: url("https://cdn.prod.website-files.com/60929c060029128006b5acb9/61df5f38e55e59c7e07b175b_Asif1.jpg");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.vacature-tile---empty._2 {
  background-image: url("https://cdn.prod.website-files.com/60929c060029128006b5acb9/64bbc5f2fa9c2b4c2d2ea587_Fatima1.jpg");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}

.vacature-tile---empty._1 {
  z-index: 1;
  background-color: var(--sx-red);
  color: var(--white);
}

.vacature-tile---empty._4 {
  background-color: var(--sx-orange);
}

.vacature-tile---h3 {
  color: var(--white);
  text-transform: none;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 700;
  line-height: 36px;
}

.vacature-tile---sub-text {
  color: var(--black);
  text-align: right;
  margin-top: 40px;
  font-size: 16px;
}

.vacature-tile---list {
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  position: absolute;
}

.vacature-tile---list-item {
  margin-bottom: 30px;
  font-weight: 500;
}

.vacature-tile---list-item.no-margin {
  margin-bottom: 0;
}

.not-using {
  display: none;
}

.vacature---bottom-nav {
  flex-direction: column;
  align-self: stretch;
  align-items: center;
  margin-top: 10px;
  display: flex;
}

.form-block {
  border: 1px solid var(--border-colour);
  background-color: var(--white);
  box-shadow: 4px 4px 13px 0 var(--shadow);
  border-radius: 4px;
  margin-bottom: 0;
  padding: 20px 20px 40px;
}

.form-block.hide {
  display: none;
}

.form-block.search {
  width: 100%;
  margin-bottom: 100px;
  padding: 0;
}

.form-block.teams-search {
  box-shadow: none;
  width: 75%;
  margin-bottom: 75px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
}

.vacature-form {
  padding: 100px;
}

.form---required {
  text-align: right;
  font-size: 14px;
}

.form---input-field {
  border-radius: 4px;
}

.vacature-form---buttons {
  flex-direction: column;
  align-items: flex-start;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.form-title-h3 {
  text-transform: none;
}

.form-title {
  color: var(--sx-red);
  margin-bottom: 50px;
}

.footer---social-icon-link {
  margin-right: 12px;
  transition: filter .2s cubic-bezier(.455, .03, .515, .955);
}

.footer---social-icon-link:hover {
  filter: brightness(70%);
}

.footer---copyright {
  color: #fff;
  text-align: center;
  align-self: stretch;
  margin-top: 100px;
  font-size: 16px;
  font-weight: 300;
}

.footer---grid {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  color: #fff;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-self: stretch;
  justify-items: center;
}

.footer {
  background-color: #2a2a2a;
  padding-top: 100px;
  padding-bottom: 100px;
}

.footer-heading {
  color: #fff;
  text-transform: none;
  min-height: 100px;
}

.footer---list-item {
  min-height: 80px;
}

.footer---link {
  color: #fff;
  border-bottom: 2px solid #0000;
  line-height: 1.4;
  text-decoration: none;
  transition: border-color .2s cubic-bezier(.455, .03, .515, .955);
  display: inline-block;
}

.footer---link:hover {
  border-bottom-color: #f9f8f8;
}

.footer---link.phone {
  display: inline-block;
}

.footer---list {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
}

._w-inline-block {
  display: flex;
}

.social-share-btn {
  background-image: url("https://cdn.prod.website-files.com/60929c060029128006b5acb9/621653846e618f844328cf39_5296501_linkedin_network_linkedin%20logo_icon.svg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 4px;
  width: 32px;
  height: 32px;
  margin-left: 16px;
  display: flex;
}

.social-share-btn.fb {
  background-image: url("https://cdn.prod.website-files.com/60929c060029128006b5acb9/62165384e6477c502a768ca9_5365678_fb_facebook_facebook%20logo_icon.svg");
}

.social-share-btn.tw {
  background-image: url("https://cdn.prod.website-files.com/60929c060029128006b5acb9/621653845d936e668e02d09d_5296516_tweet_twitter_twitter%20logo_icon.svg");
}

.social-share-btn.email {
  background-image: url("https://cdn.prod.website-files.com/60929c060029128006b5acb9/62165384644bf64213921971_764976_mail_media_social_square_icon.svg");
}

.social-media---share-wrapper {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.vacature-split-section-wrapper {
  align-items: flex-start;
  display: flex;
}

.vacature---contact-block {
  box-shadow: 2px 2px 16px 0 var(--shadow);
  color: var(--black);
  text-align: center;
  flex-direction: column;
  margin-left: 50px;
  display: flex;
}

.vacature---tag-icon {
  width: 20px;
  height: 20px;
  margin-bottom: 2px;
  margin-right: 8px;
}

.vacature---tag-icon.main-page {
  margin-left: 8px;
  margin-right: 0;
}

.vacature---tag {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  align-items: center;
  margin-bottom: 6px;
  padding-left: 10px;
  display: flex;
}

.vacature---tag.main-page {
  justify-content: flex-end;
}

.vacature---contact-list {
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
}

.div-block-8 {
  width: 240px;
  height: 220px;
  margin-top: 20px;
  margin-bottom: 5px;
  padding-left: 20px;
  padding-right: 20px;
  display: inline-block;
  overflow: hidden;
}

.div-block-9 {
  color: var(--sx-red);
  margin-top: 5px;
  padding-bottom: 20px;
  padding-left: 10px;
  padding-right: 10px;
  font-weight: 700;
}

.text-block-3 {
  margin-bottom: 15px;
  line-height: 1.4;
}

.form-wrapper {
  text-align: left;
  width: 20vw;
}

.temp---zapier-layout {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
}

.form---text-field {
  border-radius: 4px;
  margin-bottom: 20px;
}

.form---button-wrapper {
  flex-direction: column;
  padding-top: 40px;
  display: flex;
}

.select-field {
  margin-bottom: 20px;
}

.event---sign-up-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 440px;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  display: grid;
}

.form-sign-up-wrapper {
  text-align: left;
}

.event---sign-up-text {
  flex-direction: column;
  margin-right: 40px;
  display: flex;
}

.form-scucces-message {
  background-color: var(--white);
}

.form-error-message {
  background-color: var(--sx-red);
  color: var(--body-grey);
}

.header-split---sign-up-wrapper {
  text-align: center;
  margin-top: 10px;
}

.form-verplichte-velden {
  text-align: right;
  margin-bottom: 5px;
  font-size: 14px;
}

.event-item---wrapper {
  border: 1px solid var(--border-colour);
  background-color: var(--white);
  cursor: pointer;
  height: 240px;
  margin-bottom: 20px;
  padding-right: 10px;
  transition: transform .3s cubic-bezier(.25, .46, .45, .94);
  display: flex;
  position: relative;
}

.event-item---wrapper:hover {
  transform: translate(0, -5px);
}

.event-item---wrapper.homepage-banner {
  margin-bottom: 0;
  box-shadow: 4px 4px 12px #0000002e;
}

.events-item---image {
  vertical-align: baseline;
  object-fit: cover;
  object-position: 0% 50%;
  height: 100%;
}

.events-item---image.training {
  filter: invert();
  height: 40%;
}

.event-item---image-cover {
  margin-right: 10px;
  padding: 12px;
  position: relative;
}

.event-item---content {
  flex: 1;
  padding-top: 10px;
  padding-bottom: 10px;
  position: relative;
}

.event-item-h3 {
  color: var(--sx-indigo);
  text-transform: none;
  display: inline-block;
}

.date-text.tijd {
  margin-bottom: 20px;
  margin-left: 30px;
}

.event-item---summary {
  min-height: 60px;
  position: absolute;
  inset: auto 0% 0%;
}

.events---search-form {
  background-color: var(--white);
  flex-direction: column;
  justify-content: space-around;
  padding: 60px 120px;
  display: flex;
  position: relative;
}

.link-2 {
  align-self: center;
  margin-left: 16px;
  padding-bottom: 3px;
  font-size: 16px;
  display: none;
}

.events---filter-tags-wrapper {
  justify-content: center;
  margin-top: 20px;
  display: flex;
}

.event---search-checkbox {
  background-color: var(--body-grey);
  cursor: pointer;
  border: 1px solid #bbb;
  border-radius: 4px;
  margin-bottom: 0;
  margin-left: 6px;
  margin-right: 6px;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.event---search-checkbox.checkbox-active {
  border-color: var(--sx-red);
  background-color: var(--sx-red);
  color: var(--body-grey);
}

.events---checkbox {
  margin-top: 9px;
  display: none;
}

.text-field {
  background-color: var(--body-grey);
  border: 1px solid #bbb;
}

.text-field.white {
  background-color: var(--white);
  margin-bottom: 0;
}

.events---share {
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
}

.vacature---share {
  margin-bottom: 40px;
}

.event-item---title {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 8px;
  display: block;
}

.event-item---info {
  align-items: center;
  margin-bottom: 4px;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
  display: flex;
}

.header---tag-icon {
  margin-right: 8px;
}

.event-item---tag {
  border: 1px solid var(--text);
  color: var(--sx-red);
  text-transform: uppercase;
  background-color: #fafafa;
  border-radius: 4px;
  align-items: center;
  margin-left: 30px;
  padding-top: 1px;
  padding-left: 8px;
  padding-right: 8px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  display: flex;
}

.event-item---tag.event {
  margin-left: 0;
  margin-right: 220px;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.event-item---link-block {
  transition: background-color .2s;
  position: absolute;
  inset: 0%;
}

.event-item---link-block:hover {
  background-color: #f9f8f833;
}

.events---sort-wrapper {
  justify-content: space-between;
  align-self: flex-end;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.event-item---meta-data {
  color: red;
  display: none;
}

.checkbox-label {
  cursor: pointer;
}

.form-block---sort {
  margin-bottom: 0;
}

.select-field---sort {
  border: 1px solid var(--border-colour);
  background-color: var(--white);
  color: var(--text);
  text-align: center;
  border-radius: 4px;
  margin-bottom: 0;
  font-size: 16px;
}

.sort---label-text {
  margin-right: 12px;
}

.checkbox-no-text-select-cover {
  position: absolute;
  inset: 0%;
}

.flex-horizontal {
  display: flex;
}

.event---sign-up-disclaimer {
  flex-direction: row;
}

.event---aanmeld-textblock {
  display: inline;
}

.event-item---tag-text {
  color: var(--sx-indigo);
}

.event-item---tag-text.red {
  color: var(--sx-red);
}

.event-item---tag-text.orange {
  color: var(--sx-orange);
}

.event---sign-up-button {
  align-self: flex-start;
}

.div-block-11 {
  margin-bottom: 10px;
}

.div-block-12 {
  display: inline-block;
}

.button-sort {
  background-color: var(--sx-dark-blue);
  border-radius: 10px;
  margin-left: 5px;
  padding: 4px 20px;
}

.button-sort.default-on-load {
  background-color: var(--sx-dark-blue);
}

.training-tile---wrapper {
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  display: flex;
}

.training-tile---h2 {
  text-transform: capitalize;
  min-height: 80px;
  font-size: 28px;
  font-weight: 700;
}

.collection-item---training {
  background-color: var(--body-grey);
  box-shadow: 4px 4px 13px 0 var(--shadow);
  text-align: left;
  border-style: none;
  border-radius: 4px;
  flex-direction: column;
  justify-content: space-between;
  padding: 30px 20px;
  line-height: 1.5;
  position: relative;
  overflow: hidden;
}

.collection-list-grid-training {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  display: grid;
}

.training-tile---tags {
  color: var(--black);
  margin-top: 40px;
  margin-bottom: 40px;
  font-size: 16px;
}

.training-tile---tags.hide {
  display: none;
}

.training---tag {
  align-items: center;
  margin-bottom: 6px;
  display: flex;
}

.training---tag-icon {
  width: 20px;
  height: 20px;
  margin-bottom: 2px;
  margin-right: 8px;
}

.half-orange-bg {
  z-index: -1;
  background-color: var(--sx-orange);
  position: absolute;
  inset: 50% 0% 0%;
}

.orange-spacer {
  background-color: var(--sx-orange);
  height: 175px;
}

.training-slider {
  height: 100%;
}

.orange-wrapper {
  align-self: stretch;
  position: relative;
}

.klant-review-slide {
  background-color: var(--white);
}

.klant-review---text {
  margin-right: 50px;
}

.slider---arrow-icon {
  color: var(--menu-border-grey);
}

.klant-review---content {
  padding: 30px 80px 50px;
  display: flex;
}

.training---info-bar {
  background-color: var(--sx-red);
  color: var(--body-grey);
  border-radius: 8px;
  justify-content: space-between;
  align-self: stretch;
  margin-top: 100px;
  margin-bottom: 100px;
  padding: 15px 50px;
  line-height: 1;
  display: flex;
}

.training---info {
  align-items: center;
  margin-bottom: 4px;
  display: flex;
}

.header---icon-svg {
  color: var(--black);
  width: 32px;
  display: flex;
}

.dates-selectfield-items {
  display: flex;
}

.form-hidden-data, .empty-state-hidden {
  display: none;
}

.training-tile---text {
  margin-bottom: 30px;
}

.training-tile---button {
  z-index: 1;
  text-align: center;
  justify-content: center;
}

.recaptcha-wrapper {
  transform-origin: 0 0;
  padding-top: 20px;
}

.stratex-logo {
  height: 100%;
}

.nav---container {
  justify-content: center;
  height: 60px;
  margin-bottom: 0;
  display: flex;
}

.brand {
  margin-left: 5px;
  margin-right: 50px;
  padding-top: 4px;
  padding-bottom: 4px;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.new-navbar {
  border-bottom: 1px solid var(--menu-border-grey);
  background-color: var(--white);
  padding: 0;
  position: sticky;
  top: 0;
  box-shadow: 0 0 10px #0000001a;
}

.nav-menu {
  margin-bottom: -1px;
  display: flex;
  position: static;
}

.nav-item {
  border-bottom: 3px solid #0000;
  align-items: center;
  height: 100%;
  margin-right: 20px;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  transition: border-color .1s cubic-bezier(.455, .03, .515, .955);
  display: flex;
  position: static;
}

.nav-item:hover, .nav-item.w--current {
  border-bottom-color: var(--black);
}

.nav-item.w--current:hover {
  border-bottom-color: var(--sx-yellow);
}

.nav-item.orange:hover, .nav-item.orange.w--current {
  border-bottom-color: var(--sx-orange);
}

.nav-item.yellow:hover {
  border-bottom-color: var(--sx-yellow);
  border-bottom-color: var(--sx-yellow);
}

.nav-item.yellow.w--current {
  border-bottom-color: var(--sx-yellow);
}

.nav-item.blue:hover, .nav-item.blue.w--current {
  border-bottom-color: var(--sx-indigo);
}

.nav-item.red:hover, .nav-item.red.w--current {
  border-bottom-color: var(--sx-red);
}

.nav-item.red.hide {
  display: none;
}

.nav-item---dropdown-toggle {
  align-items: center;
  height: 100%;
  padding: 0 20px 0 0;
  display: flex;
}

.nav-item---dropdown-icon {
  margin-right: 0;
}

.nav-item---dropdown-menu {
  border-bottom: 1px solid var(--menu-border-grey);
  background-color: var(--white);
  margin-top: 60px;
  inset: 0% auto auto 0%;
}

.nav-item---dropdown-menu.w--open {
  top: 1px;
}

.nav-item---dropdown-menu.show {
  font-size: 18px;
  display: block;
}

.dropdown-menu-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr;
  font-weight: 400;
}

.dropdown-menu-link-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  margin-bottom: 20px;
  margin-left: 40px;
}

.dropdown-menu-link-grid.long {
  grid-template-columns: 1fr;
  margin-bottom: 0;
}

.menu-link---block {
  border-bottom: 1px solid var(--menu-border-grey);
  justify-content: space-between;
  align-items: center;
  width: 300px;
  margin-bottom: 20px;
  margin-right: 40px;
  padding-top: 10px;
  padding-bottom: 10px;
  text-decoration: none;
  display: flex;
}

.menu-link---block.long {
  width: auto;
  max-width: 640px;
}

.menu-link---icon {
  height: 24px;
  margin-bottom: 8px;
  margin-right: 8px;
}

.menu-link---text {
  line-height: 1.4;
}

.menu-link---title {
  font-weight: 500;
  transition: border-color .15s cubic-bezier(.455, .03, .515, .955);
}

.menu-link---description {
  color: var(--text);
  font-size: 16px;
  font-weight: 400;
  display: none;
}

.menu-link---content {
  flex-direction: row;
  display: flex;
}

.dropdown-menu-content {
  padding-top: 40px;
}

.dropdown-menu-content.right {
  border-left: 1px solid var(--menu-border-grey);
  background-color: var(--body-grey);
  padding: 40px 20px 20px;
}

.dropdown-menu---heading {
  text-transform: uppercase;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 500;
}

.dropdown-menu---contact-grid {
  grid-column-gap: 0px;
  grid-row-gap: 19px;
  grid-template-rows: auto;
  grid-template-columns: 40px 1fr;
}

.dropdown-menu---socials {
  justify-content: flex-start;
  margin-bottom: 50px;
  margin-left: 40px;
  display: flex;
}

.dropdown-menu---socials-image {
  height: 28px;
  margin-right: 15px;
}

.dropdown-menu-content---wrapper {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 400px;
  display: flex;
}

.menu-link---arrow {
  opacity: .16;
}

.card-b---wrapper {
  text-align: left;
  background-color: #fff;
  border: 1px solid #dadada;
  border-radius: 4px;
  min-height: 400px;
  padding: 50px 30px;
  box-shadow: 4px 4px 13px #00000040;
}

.card-b---wrapper._1 {
  background-color: var(--sx-indigo);
  color: var(--body-grey);
}

.card-b---wrapper._2 {
  background-color: var(--sx-red);
  color: var(--white);
}

.card-b---wrapper._3 {
  background-color: var(--sx-orange);
  color: var(--white);
}

.card-b---icon-wrapper {
  height: 150px;
}

.card-b---icon-image.invert {
  filter: invert();
}

.paragraph-2 {
  color: #727272;
  margin-bottom: 50px;
  font-size: 18px;
}

.legenda---item {
  flex-direction: row;
  align-items: center;
  margin-left: 16px;
  display: flex;
}

.element-3---title-wrap-2 {
  color: #000;
  margin-top: 50px;
  margin-bottom: 30px;
}

.legenda---kleur {
  background-color: #d74e37;
  width: 14px;
  height: 14px;
  margin-right: 5px;
}

.legenda---kleur.blue {
  background-color: #464797;
}

.legenda---kleur.yellow {
  background-color: #fcd23d;
  margin-left: 20px;
}

.legenda---kleur.marge {
  margin-left: 20px;
}

.legenda---wrapper {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  margin-top: 50px;
  font-size: 14px;
  display: flex;
}

.element-3---divider-line {
  background-image: linear-gradient(to right, #0000, #e6e6e6 5% 95%, #0000);
  align-self: stretch;
  max-width: 880px;
  height: 1px;
  margin-bottom: 150px;
}

.section-colour {
  background-color: var(--sx-red);
  padding-top: 150px;
}

.element-c---image {
  background-color: #fff;
  border: 1px solid #dadada;
  width: 50%;
  margin-top: 100px;
  padding: 20px;
}

.element-c---image.portrait {
  margin-top: 50px;
  padding: 0;
  box-shadow: 4px 4px 13px #00000040;
}

.h3-testimonial {
  align-self: flex-end;
}

.element-c---content-2 {
  margin-top: 50px;
  margin-bottom: 50px;
}

.section-title-2 {
  color: #000;
  margin-bottom: 30px;
}

.section-title-2.testimonial {
  color: #fff;
  display: flex;
  position: relative;
}

.section-title-2.testimonial._2 {
  color: #000;
}

.testimonial-quote-image {
  filter: invert();
  height: 54px;
  margin-right: 20px;
}

.logo-grid {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-self: stretch;
  margin-bottom: 175px;
  display: grid;
}

.logo-grid---bg-lines {
  background-color: #dadada;
}

.client---tile {
  background-color: #fff;
  width: 100%;
  padding-bottom: 75%;
  position: relative;
  overflow: hidden;
}

.client---tile._2 {
  border-style: none;
  padding-bottom: 75%;
}

.client---logo-image {
  justify-content: center;
  align-items: center;
  padding: 50px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.logo-bar {
  background-color: #dadada;
  align-self: stretch;
  padding: 1px;
}

.logo-bar---grid-list {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  grid-template-rows: 120px;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-rows: 120px;
  grid-auto-columns: 1fr;
  display: grid;
}

.logo-bar---grid-list._4-coumns {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.logo-bar---grid-list.auto {
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
}

.logo-bar---collection-item {
  background-color: var(--white);
  padding-top: 5px;
  position: relative;
}

.demo-popup {
  z-index: 99;
  justify-content: center;
  margin-bottom: -6px;
  display: flex;
  position: fixed;
  inset: auto 0% 0%;
}

.element-c---container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--white);
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-content: space-between;
  justify-items: center;
  padding: 50px 80px 100px;
  display: grid;
}

.header-split---bg-image {
  background-image: url("https://cdn.prod.website-files.com/60929c060029128006b5acb9/60f13fd2fd257ddb7f79c22a_building03.jpg");
  background-position: 0%;
  background-size: cover;
  height: 100%;
}

.slider {
  height: 100%;
}

.background-video-4 {
  height: 100%;
  min-height: 650px;
}

.div-block-15 {
  z-index: 1;
  position: absolute;
  inset: 0%;
}

.div-block-16 {
  height: 90vh;
  min-height: 650px;
  position: relative;
}

.heading-6 {
  z-index: 1;
  color: var(--sx-yellow);
  text-align: center;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.teams-search {
  background-color: var(--body-grey);
  flex-direction: column;
  justify-content: space-around;
  display: flex;
}

.logo-bg-image {
  background-image: url("https://cdn.prod.website-files.com/60929c060029128006b5acb9/656eff4d6b1a51e806092b89_kamer-van-koophandel-kvk-logo-vector.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  inset: 12px;
}

.red-subtitle-image {
  height: 36px;
  margin-right: 16px;
}

.red-subtitle-image.small {
  height: 28px;
  margin-right: 12px;
}

.element-3---title-icon {
  height: 32px;
  margin-bottom: 12px;
  margin-right: 12px;
}

.header-video---bg-video-software {
  filter: saturate(110%) hue-rotate(4deg);
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 0%;
}

.header---title-wrap-software {
  color: var(--black);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 33%;
  min-height: 250px;
  display: flex;
  position: relative;
}

.header-video-software {
  z-index: -1;
  background-color: #fff;
  height: 90vh;
  min-height: 400px;
  position: relative;
  overflow: hidden;
}

.spacer---s {
  height: 50px;
}

.new-header-bg-video {
  color: var(--icons);
  height: 40vh;
}

.div-block-19 {
  width: 100vw;
  height: 40vh;
  position: relative;
  overflow: hidden;
}

.dropbox-video-embed {
  z-index: -1;
  position: absolute;
  inset: 0% 0% auto;
}

.nav-item---link-block {
  position: absolute;
  inset: 0%;
}

.anchor {
  width: 0;
  height: 0;
  margin-top: -150px;
  margin-bottom: 150px;
}

.banner-button {
  border: 2px solid var(--sx-red);
  border-radius: 12px;
  flex-direction: column;
  justify-content: space-around;
  margin-bottom: 40px;
  margin-right: 40px;
  font-size: 16px;
  font-weight: 400;
  text-decoration: none;
  display: block;
  overflow: hidden;
}

.banner-button---title {
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.5;
}

.spacer_40 {
  height: 40px;
}

.dropdown-menu---title {
  color: var(--black);
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 700;
}

.nav-item---bg-fade {
  z-index: -1;
  background-color: #000000a6;
  height: 100vh;
  display: none;
  position: absolute;
  inset: 0%;
}

.test-margin-150 {
  height: 150px;
}

.element-b---tag-bg {
  background-color: var(--sx-indigo);
  position: absolute;
  inset: 0%;
}

.element-b---tag-bg.red {
  background-color: var(--sx-red);
}

.element-b---tag-bg.orange {
  background-color: var(--sx-orange);
}

.element-b---tag-bg.yellow {
  background-color: var(--sx-yellow);
}

.banner-button---grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr .25fr;
}

.banner-button---content {
  border-right: 2px solid var(--sx-red);
  background-image: linear-gradient(to right, var(--body-grey) 79%, #f9f8f863), url("https://cdn.prod.website-files.com/60929c060029128006b5acb9/60e59ec730ca843ac0de97fd_capacity.png");
  background-position: 0 0, 100%;
  background-repeat: repeat, no-repeat;
  background-size: auto, contain;
  background-attachment: scroll, scroll;
  padding: 20px 10px 20px 20px;
  position: relative;
}

.banner-button---content.over-ons {
  background-image: linear-gradient(to right, var(--body-grey) 74%, #f9f8f863 89%), url("https://cdn.prod.website-files.com/60929c060029128006b5acb9/6390532f71afe7acdd7f3721_Z62_3043.jpg");
  background-position: 0 0, 100%;
}

.banner-button---content.professionals {
  background-image: linear-gradient(to right, var(--body-grey) 76%, #f9f8f863 90%), url("https://cdn.prod.website-files.com/60929c060029128006b5acb9/6390532f23b5300a228d4628_Z62_3194.jpg");
}

.svg---arrow-right {
  color: var(--sx-red);
  width: 64px;
  height: 64px;
}

.header-split---photo-bg {
  background-image: url("https://cdn.prod.website-files.com/60929c060029128006b5acb9/63ee0c1f163157707362e295_Nathaly%20%26%20Tanja.jpg");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  position: absolute;
  inset: 0%;
}

.klant-review---logo {
  object-fit: contain;
}

.mask---container {
  max-width: 880px;
}

.klant-review---title {
  color: var(--black);
  margin-bottom: 20px;
  font-size: 22px;
  font-weight: 700;
}

.training---dates-list-wrapper {
  margin-bottom: 50px;
}

.training-tile---icon {
  width: 64px;
  height: 64px;
  margin-bottom: 10px;
}

.banner-button---arrow-wrapper {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.footer---iso-image {
  width: 100px;
}

.footer---column-wrapper {
  width: 100%;
}

.new-header {
  color: var(--white);
  justify-content: center;
  align-items: flex-end;
  height: 600px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
  position: relative;
}

.new-header---container {
  z-index: 1;
  flex: 1;
  max-width: 1100px;
  margin-bottom: 100px;
  position: relative;
}

.new-header---button-wrapper {
  margin-top: 100px;
}

.form---dropdown {
  border-radius: 4px;
}

.navbar---text {
  margin-bottom: 50px;
}

.navbar---text.no_margin {
  margin-bottom: 0;
}

.utility-page-wrap {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-flow: row;
  width: 600px;
  display: flex;
}

.iso-image {
  width: 250px;
  margin-top: 50px;
}

.new-header-h1 {
  margin-bottom: 20px;
  font-size: 48px;
  line-height: 1;
}

.new-header---button-2 {
  border: 2px solid var(--body-grey);
  color: var(--white);
  text-align: center;
  background-color: #0000;
  border-radius: 10px;
  align-items: flex-end;
  min-width: 175px;
  margin-right: 20px;
  padding: 6px 24px;
  transition: color .3s cubic-bezier(.455, .03, .515, .955), background-color .3s cubic-bezier(.455, .03, .515, .955);
}

.new-header---button-2:hover {
  background-color: var(--white);
  color: #555;
}

.new-header---button-1 {
  border: 2px solid var(--body-grey);
  background-color: var(--white);
  color: #555;
  text-align: center;
  border-radius: 10px;
  align-items: flex-end;
  min-width: 175px;
  margin-right: 20px;
  padding: 6px 24px;
  transition: color .3s cubic-bezier(.455, .03, .515, .955), background-color .3s cubic-bezier(.455, .03, .515, .955);
}

.new-header---button-1:hover {
  color: var(--white);
  background-color: #0000;
}

.text-block-9 {
  font-style: italic;
  font-weight: 300;
}

.element-3---bold {
  color: var(--black);
  font-weight: 700;
}

.div-block-25 {
  justify-content: center;
  align-items: center;
  margin: 12px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.new-header---content-2.hide {
  display: none;
}

.new-header---content {
  max-width: 65%;
}

.empty-state---blank {
  background-color: #0000;
  height: 0;
}

.new-header---bg-switch {
  background-color: #fb6238;
  background-image: linear-gradient(90deg, #d74e37ed, #0000 49%), url("https://cdn.prod.website-files.com/60929c060029128006b5acb9/64bbcba2fd2a4cab9fcf0017_Team%2001b.jpg");
  background-position: 0 0, 100% 100%;
  background-repeat: repeat, no-repeat;
  background-size: auto, auto 75%;
  background-attachment: scroll, scroll;
  position: absolute;
  inset: 0%;
}

.new-header---bg-switch.alt {
  background-color: var(--sx-indigo);
  background-image: linear-gradient(90deg, #464797 40%, #0000 82%), url("https://cdn.prod.website-files.com/60929c060029128006b5acb9/6420381f3e9344421a0e7c5a_home%20header%20laptop.jpg");
  background-position: 0 0, 100% 0;
  background-size: auto, auto 100%;
}

.test-collection-item {
  background-color: var(--body-grey);
  border: 1px solid #000;
  flex-direction: column;
  height: 500px;
  margin-bottom: 50px;
}

.test-collection-list {
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) minmax(200px, 1fr);
  grid-auto-columns: 1fr;
  display: grid;
}

.section-whitepaper {
  margin-top: 100px;
}

.ribbon {
  z-index: 10;
  background-color: var(--sx-indigo);
  color: var(--white);
  justify-content: center;
  align-items: center;
  height: 40px;
  font-size: 16px;
  display: flex;
  position: fixed;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.ribbon-close {
  cursor: pointer;
  align-items: center;
  height: 100%;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  position: absolute;
  inset: auto 0% auto auto;
}

.ribbon---link {
  color: var(--white);
  font-size: 16px;
  font-weight: 400;
}

.empty-state {
  display: none;
}

.header-split---software-bg-image {
  background-image: url("https://cdn.prod.website-files.com/60929c060029128006b5acb9/64bbc0214329cd9408e9d3b6_Jos.jpg");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  height: 100%;
}

.image-5 {
  filter: saturate(95%) brightness();
}

.hide {
  display: none;
}

.event---disclaimer-text {
  font-size: 13px;
  font-weight: 500;
  display: none;
}

.navbarctn2024 {
  width: 100%;
  max-width: 1200px;
  margin-top: 5px;
  margin-left: auto;
  margin-right: auto;
}

.brand-2 {
  width: auto;
}

.nav-menu-2 {
  object-fit: fill;
  justify-content: flex-start;
  align-items: stretch;
  width: 85%;
  margin-top: auto;
  margin-bottom: auto;
  margin-right: 15px;
  padding-top: 2px;
  display: flex;
  position: relative;
}

.nav-link-2024 {
  color: var(--dark-grey);
  padding: 10px 5px;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.nav-link-2024:focus, .nav-link-2024.w--current, .nav-link-2024.w--current:active {
  color: var(--dark-grey);
}

.nav-link-2024.vacatures {
  background-color: var(--sx-dark-blue);
  color: var(--white);
  text-align: center;
  border-radius: 20px;
  width: 120px;
  margin-left: 10px;
}

.dropdown-toggle-2024 {
  padding: 10px 30px 10px 5px;
  font-size: 14px;
}

.navbar-2 {
  z-index: 10;
  background-color: var(--body-grey);
  height: 60px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  position: sticky;
  top: 0;
}

.container-3 {
  aspect-ratio: auto;
  -webkit-text-fill-color: inherit;
  object-fit: fill;
  background-color: #fff0;
  background-image: url("https://cdn.prod.website-files.com/60929c060029128006b5acb9/66b60b9e6ca7d27ce154a89e_test%202024%20hero%201.png");
  background-position: 50%;
  background-repeat: repeat;
  background-size: cover;
  background-clip: border-box;
  max-width: 1200px;
  min-height: 333px;
}

.div-block-26 {
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  width: 50%;
  height: auto;
  min-height: 333px;
  margin-left: 20px;
  padding: 0 20px;
  display: flex;
}

.hero2024 {
  background-color: var(--sx-yellow);
}

.highlevelbuttons2024 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.highlevelbuttonset2024 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  width: 80%;
  margin: 20px auto;
  display: flex;
}

.onzeklantenctn2024 {
  width: 100%;
  max-width: 1200px;
  margin: 20px auto;
  padding: 20px 5%;
}

.highlevelbutton2024 {
  background-color: var(--sx-dark-blue);
  text-align: center;
  border-radius: 20px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
}

.highlevelbutton2024.lightblue {
  background-color: var(--sx-light-blue);
}

.highlevelbutton2024.geel {
  background-color: var(--sx-yellow);
}

.highlevelbutton2024.oranje {
  background-color: var(--sx-orange);
}

.highlevelbutton2024.rood {
  background-color: var(--sx-red);
}

.highlevelbutton2024.indigo {
  background-color: var(--sx-indigo);
}

.container-5 {
  width: 100%;
  max-width: 1200px;
  display: flex;
}

.div-block-28 {
  width: 50%;
  margin-top: auto;
  margin-bottom: auto;
}

.div-block-29 {
  justify-content: space-around;
  align-items: stretch;
  width: 50%;
  margin-top: 0;
  padding-top: 0;
  display: flex;
}

.div-block-30 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.button2024 {
  background-color: var(--sx-dark-blue);
  text-align: center;
  border-radius: 20px;
  min-width: 150px;
  max-width: 300px;
  max-height: 50px;
  margin-top: 10px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
}

.button2024.omlijning {
  border: 2px solid var(--sx-dark-blue);
  color: var(--black);
  background-color: #fff0;
  max-height: 50px;
}

.button2024.hero {
  text-align: center;
  min-width: 200px;
  max-width: 300px;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
}

.button2024.hero.mobile, .button2024.hero.mobilemensensub {
  display: none;
}

.button2024.center {
  float: none;
  aspect-ratio: auto;
  display: inline-block;
  position: static;
}

.button2024.form {
  min-width: 200px;
}

.buttonomlijning2024 {
  border: 2px solid var(--icons);
  color: var(--black);
  text-align: center;
  background-color: #0000;
  border-radius: 20px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 12px;
}

.image-6 {
  border-radius: 0;
}

.consultancy2024 {
  margin-bottom: 0;
}

.dropdownlink2024 {
  background-color: var(--body-grey);
  font-size: 14px;
  font-weight: 400;
}

.dropdownlink2024:hover {
  background-color: var(--sx-dark-blue);
  color: var(--white);
}

.footer2024 {
  background-color: #2d599a;
}

.container-6 {
  width: 100%;
  max-width: 1200px;
  min-height: 300px;
  padding-left: 20px;
  display: flex;
}

.container-7 {
  width: 100%;
  max-width: 1200px;
}

.div-block-31 {
  box-sizing: border-box;
  object-fit: fill;
  flex-flow: column;
  width: 30%;
  margin-top: 20px;
  display: block;
}

.div-block-32 {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 20%;
  padding-top: 10px;
  padding-left: 10px;
  display: flex;
}

.div-block-33 {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  flex-flow: column;
  width: 20%;
  padding-top: 10px;
  padding-left: 10px;
  display: flex;
}

.div-block-34 {
  width: 30%;
  padding-top: 10px;
  padding-left: 10px;
}

.paragraphfootersub2024 {
  color: #fff;
  text-align: center;
  font-weight: 400;
}

.headingfooter2024 {
  color: #fff;
  text-transform: none;
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 18px;
  position: static;
}

.linkfooter2024 {
  color: var(--white);
  font-size: 14px;
  text-decoration: none;
}

.paragraphfooter2024 {
  color: #fff;
  margin-top: 20px;
  padding-right: 80px;
  font-size: 14px;
  font-weight: 400;
}

.div-block-35 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 60%;
  display: grid;
}

.heading22024 {
  color: var(--dark-grey);
  text-align: center;
  letter-spacing: -.5px;
  text-transform: none;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Roboto, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.3;
}

.heading22024.paars {
  color: var(--sx-indigo);
}

.heading22024.wit {
  color: var(--white);
  letter-spacing: -.5px;
}

.heading22024.wit.left {
  margin-bottom: 0;
}

.heading22024.left {
  text-align: left;
  padding-left: 0;
}

.heading22024.left._0-margin-down {
  margin-bottom: 0;
}

.paragraph2024-2 {
  text-align: center;
  margin-bottom: 20px;
  padding-left: 30px;
  padding-right: 30px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}

.paragraph2024-2.expertiseblock {
  text-align: left;
  margin-bottom: 0;
}

.paragraph2024-2.wit {
  color: var(--white);
}

.paragraph2024-2.left {
  text-align: left;
  padding-left: 10px;
}

.paragraph2024-2.left._0-padding-left {
  padding-left: 0;
}

.image-9 {
  width: auto;
  margin-top: 20px;
}

.heading12024 {
  text-align: left;
  text-transform: none;
  font-family: Roboto, sans-serif;
  font-size: 36px;
}

.heading12024.wit {
  color: var(--white);
  letter-spacing: -.5px;
  margin-left: 10%;
  margin-right: 5%;
}

.heading12024.zwart {
  color: var(--dark-grey);
  margin-left: 10%;
  margin-right: 5%;
}

.heading12024.vacature {
  color: var(--white);
  margin-left: 0%;
  margin-right: 5%;
}

.mensen2024, .waas2024, .wfmsuite2024, .trainingen2024 {
  margin-bottom: 0;
}

.dropdown-list, .dropdown-list-2, .dropdown-list-3, .dropdown-list-4 {
  background-color: var(--white);
}

.hoewijwerken2024 {
  background-color: var(--sx-indigo);
}

.paragraph-7 {
  text-align: center;
  margin-left: 50px;
  margin-right: 50px;
}

.container-8 {
  flex-flow: column;
  max-width: 1200px;
  margin-bottom: 20px;
  display: flex;
}

.expertisewrapper2024 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.expertiseblock2024 {
  background-color: var(--sx-yellow);
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
}

.paragraph-8 {
  padding-left: 10px;
  padding-right: 10px;
}

.heading32024 {
  aspect-ratio: auto;
  color: var(--dark-grey);
  letter-spacing: -1px;
  text-transform: none;
  object-fit: fill;
  margin-bottom: 10px;
  font-family: Roboto, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
  position: static;
}

.heading32024.blog {
  margin-bottom: 10px;
  padding-top: 5px;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
}

.heading32024.werkenbijons {
  font-size: 16px;
  font-weight: 500;
}

.heading32024.expertiseblock {
  text-align: left;
  padding-left: 30px;
}

.heading32024.center {
  text-align: center;
  font-size: 18px;
  text-decoration: none;
}

.heading32024.center.wit {
  color: var(--white);
  margin-top: 5px;
}

.heading32024.left {
  color: var(--dark-grey);
  padding-left: 0;
  font-size: 18px;
  font-weight: 500;
}

.heading32024.left.wit {
  color: var(--white);
}

.heading32024.left.opsomming {
  margin-bottom: 0;
}

.heading32024.center {
  color: var(--dark-grey);
  padding-left: 0;
  font-size: 18px;
  font-weight: 500;
}

.heading32024.center.wit {
  color: var(--white);
  text-align: center;
  letter-spacing: 0;
  align-self: center;
}

.heading32024.center.opsomming {
  margin-bottom: 0;
}

.heading32024.wit {
  color: var(--white);
  margin-bottom: 10px;
}

.heading32024.wit.center {
  text-align: left;
}

.link2024 {
  font-size: 12px;
  text-decoration: none;
}

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

.expertise2024 {
  margin-bottom: 20px;
}

.logosklanten2024 {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.newsinsightswerken2024 {
  background-color: var(--body-grey);
}

.newsinsight2024 {
  flex-flow: column;
  width: 65%;
  margin-left: 0;
  margin-right: 10px;
  display: flex;
}

.werkenbij2024 {
  flex-flow: column;
  justify-content: flex-start;
  width: 35%;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.collection-item-2 {
  margin-bottom: 20px;
}

.div-block-37 {
  margin-top: 0;
  display: block;
}

.headernewsinsights2024 {
  display: block;
}

.meerservices2024 {
  margin-bottom: 0;
}

.link-block {
  text-decoration: none;
}

.headerwerkenbij2024 {
  display: block;
}

.link-3 {
  float: right;
  text-align: left;
  vertical-align: baseline;
  margin-right: 0;
  padding-right: 20px;
  font-size: 12px;
  text-decoration: none;
}

.collection-item-3 {
  border-top: 1px solid var(--sx-dark-blue);
  margin-bottom: 5px;
  margin-right: 10px;
  padding-top: 5px;
}

.containernewsinsightswerk2024 {
  flex-flow: row;
  max-width: 1200px;
  margin-top: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.komlangs2024 {
  background-color: var(--sx-red);
  margin-bottom: 30px;
}

.herosoftwarecontainer2024 {
  justify-content: center;
  max-width: 1200px;
  display: flex;
}

.tekstheadersub2024 {
  flex-flow: column;
  width: 50%;
  margin-top: auto;
  margin-bottom: auto;
  display: flex;
}

.paragraphherosub2024 {
  color: var(--dark-grey);
  text-align: left;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 5%;
  font-family: Roboto, sans-serif;
  font-size: 18px;
}

.paragraphherosub2024.wit {
  color: var(--white);
}

.container-10 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  max-width: 1200px;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.div-block-38 {
  background-color: var(--sx-indigo);
  justify-content: center;
  align-items: center;
  width: 40%;
  min-height: 300px;
  display: flex;
}

.div-block-39 {
  width: 40%;
  min-height: 300px;
}

.videoheadercontainer2024 {
  flex-flow: column;
  width: 100%;
  max-width: 1200px;
  display: flex;
}

.background-video-5 {
  max-width: 1200px;
}

.slide-nav-2 {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 0 0;
  background-size: auto;
}

.slider-2 {
  max-width: 1200px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

.section-3 {
  background-color: var(--sx-orange);
}

.icon-2, .icon-3, .icon-4, .icon-5 {
  margin-right: 10px;
}

.hoewijwerkencontainer2024 {
  background-color: var(--sx-indigo);
  width: 100%;
  max-width: 1200px;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 30px;
}

.paragraph-10 {
  text-align: left;
  margin-bottom: 20px;
  padding-left: 0;
  padding-right: 0;
}

.div-block-40, .newsinsightsbuttondiv2024 {
  text-align: center;
}

.werkenbijbuttondiv2024 {
  text-align: center;
  object-fit: fill;
  position: static;
}

.werkbijkolomvacatures2024 {
  margin-top: 20px;
  padding-right: 0;
  display: block;
}

.komlangscontainer2024 {
  flex-flow: column;
  width: 100%;
  max-width: 1200px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 30px;
  display: flex;
}

.contactpersoon2024 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  display: grid;
}

.contactpersooncard2024 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-10 {
  text-align: center;
  border-radius: 0;
  max-width: 200px;
  overflow: visible;
}

.heading42024 {
  text-transform: none;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 400;
}

.heading42024.center {
  color: var(--dark-grey);
  text-align: center;
  font-size: 14px;
}

.heading42024.center.wit {
  color: var(--white);
  font-size: 16px;
}

.heading42024.wit {
  color: var(--white);
}

.eventscontainer2024 {
  width: 100%;
  max-width: 1200px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.containernewsinsightswerkbuttons2024-copy {
  flex-flow: row;
  max-width: 1200px;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 20px;
  display: flex;
}

.herosoftware2024 {
  background-color: var(--sx-yellow);
}

.div-block-41 {
  width: 50%;
}

.heading1sub2024 {
  color: var(--dark-grey);
  text-align: left;
  margin-left: 10%;
  margin-right: 10%;
  font-family: Roboto, sans-serif;
  font-size: 32px;
  font-weight: 400;
}

.heading1sub2024.mensen {
  margin-left: 10%;
  margin-right: 5%;
  font-size: 40px;
  font-weight: 500;
}

.heading1sub2024.mensen.wit {
  color: var(--white);
}

.collection-item-4 {
  border-left: 1px #000;
  border-right: 1px #000;
  flex-flow: column;
  align-items: center;
  display: flex;
}

.eventswrapper2024 {
  width: 80%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.heading-7 {
  font-family: Roboto, sans-serif;
}

.paragraph-11 {
  padding-left: 0;
}

.container-11 {
  max-width: 1200px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.blockquote2024 {
  text-align: center;
  border-left-style: none;
  padding-left: 10%;
  padding-right: 10%;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 300;
}

.section-4 {
  background-color: var(--body-grey);
}

.watisinleidingctn2024 {
  flex-flow: column;
  max-width: 1200px;
  padding: 20px 5%;
  display: flex;
}

.div-block-43 {
  display: flex;
}

.div-block-45 {
  width: 50%;
}

.paragraphsub2024 {
  color: var(--dark-grey);
  text-align: center;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 300;
}

.paragraphsub2024.left {
  color: var(--dark-grey);
  text-align: left;
  grid-row-end: 3;
  margin-top: 6px;
  padding-left: 0;
  padding-right: 5px;
  font-size: 14px;
}

.paragraphsub2024.left.opsomming {
  margin-top: 0;
  margin-bottom: 10px;
}

.paragraphsub2024.left.wit, .paragraphsub2024.wit {
  color: var(--white);
}

.voordelenwfmsuitegrid2024 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1px #000;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.voordelenwfmsuitecard2024 {
  background-color: var(--sx-orange);
  min-height: 150px;
  margin: 1px;
  padding-top: 10px;
  padding-left: 20px;
  padding-right: 10px;
}

.paragraph-12 {
  font-family: Roboto, sans-serif;
  font-weight: 300;
}

.voordelenwfmsoftware2024 {
  background-color: var(--body-grey);
}

.voordelenwfmsoftwarecontainer2024 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  max-width: 1200px;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.voordelenwfmsoftwareopsomming2024 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 40%;
  min-height: 300px;
  display: grid;
}

.hero2024-2 {
  background-color: var(--sx-orange);
}

.hero2024-2.indigo {
  background-color: var(--sx-indigo);
}

.container-13 {
  max-width: 1200px;
}

.container-14 {
  max-width: 1200px;
  display: flex;
}

.herohomepaginatekst2024 {
  width: 50%;
  margin-top: auto;
  margin-bottom: auto;
}

.herohomepaginaimage2024 {
  width: 50%;
}

.hero2024-3 {
  background-color: var(--sx-orange);
}

.slider-3 {
  height: 100%;
}

.mask-3 {
  background-color: var(--sx-orange);
}

.herotekst2024.wit {
  color: var(--white);
  text-align: left;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 5%;
  font-family: Roboto, sans-serif;
  font-size: 16px;
}

.herotekst2024.zwart {
  color: var(--dark-grey);
  text-align: left;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 5%;
  font-family: Roboto, sans-serif;
  font-size: 16px;
}

.div-block-48 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: stretch;
  place-items: start stretch;
  display: grid;
}

.wfmsuitecomponentencard2024 {
  text-align: left;
  object-fit: fill;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.div-block-50 {
  width: 100%;
}

.div-block-51 {
  text-align: left;
  width: 100%;
  margin-top: auto;
  margin-bottom: auto;
}

.div-block-52 {
  text-align: right;
}

.image-11 {
  vertical-align: baseline;
  overflow: visible;
}

.swfmsuitecomponenten2024 {
  background-color: var(--body-grey);
}

.stratexwfmsuitecomponentencontainer2024 {
  flex-flow: column;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 40px;
  display: flex;
}

.image-12 {
  width: 100%;
}

.div-block-53 {
  justify-content: center;
  align-items: center;
  height: 100%;
  margin-top: auto;
  margin-bottom: auto;
  display: flex;
}

.flexibiliteitiingebruiksoftware2024 {
  flex-flow: column;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 5%;
  display: flex;
}

.waaromstratex2024 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.demopilotsoftware2024 {
  flex-flow: column;
  display: flex;
}

.form-block-2 {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.form-2 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-54 {
  margin-top: auto;
  margin-bottom: auto;
}

.demopilotstratexsoftwarecontainer2024, .waaromssoftwarectn2024 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 5%;
  display: flex;
}

.textfield2024 {
  color: var(--black);
}

.contactpersonensoftware2024 {
  flex-flow: column;
  width: 100%;
  max-width: 1200px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 30px;
  display: flex;
}

.contactpersonensoftwarecard2024 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  display: grid;
}

.contactpersonenctn2024 {
  flex-flow: column;
  width: 100%;
  max-width: 1200px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 30px;
  display: flex;
}

.contactpersonencw2024 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.contactpersooncard2024-copy {
  flex-flow: column;
  display: flex;
}

.demoaanvragenformulier2024 {
  background-color: var(--body-grey);
}

.demoaanvragenformulierctn2024 {
  max-width: 1200px;
  padding: 20px 10px;
}

.formrow12024 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.formrow22024 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  display: flex;
}

.div-block-55 {
  text-align: center;
  flex-flow: column;
  align-items: center;
  display: flex;
}

.linkheadersub {
  color: var(--dark-grey);
  text-align: center;
  font-size: 14px;
}

.linkheadersub.mobile {
  display: none;
}

.klantenssoftware2024 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: stretch;
  place-items: center;
  margin-left: 20%;
  margin-right: 20%;
  display: grid;
}

.div-block-56 {
  margin-bottom: 30px;
  padding-left: 20px;
}

.swfmsuitevoordelenctn2024 {
  flex-flow: column;
  max-width: 1200px;
  padding: 20px 5%;
  display: flex;
}

.body-2 {
  overflow: visible;
}

.imageheadersubd2024 {
  text-align: center;
  flex-flow: column;
  width: 50%;
  display: flex;
}

.imageheadersub2024 {
  overflow: visible;
}

.link-4-copy {
  color: var(--dark-grey);
  text-align: center;
  font-size: 14px;
}

.ctatextlink2024 {
  color: var(--dark-grey);
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
}

.ctatextlink2024.center {
  text-align: center;
  padding-top: 10px;
}

.ctatextlink2024.wit {
  color: var(--white);
}

.ctalinkemailcontact2024 {
  color: var(--dark-grey);
  font-size: 14px;
  font-weight: 400;
}

.dropdown2024 {
  font-family: Roboto, sans-serif;
  font-weight: 400;
}

.dropdown {
  font-family: Roboto, sans-serif;
}

.heromensensub2024 {
  background-color: var(--white);
}

.heromensensub2024.geel {
  background-color: var(--sx-yellow);
}

.heromensensub2024.rood {
  background-color: var(--sx-red);
}

.heromensensub2024.oranje {
  background-color: var(--sx-orange);
}

.heromensensub2024.indigo, .heromensensub2024.indigo-copy, .heromensensub2024.indigo-copy, .heromensensub2024.indigo-copy {
  background-color: var(--sx-indigo);
}

.heromensensubctn2024 {
  justify-content: center;
  max-width: 1200px;
  display: flex;
}

.body-3 {
  overflow: visible;
}

.swfmsuitecomponenten2024-copy {
  background-color: var(--body-grey);
}

.expertisevisualsd2024 {
  justify-content: center;
  align-items: center;
  width: 40%;
  min-height: 300px;
  display: flex;
}

.roldetailsi2024 {
  background-color: var(--body-grey);
}

.roltekstctn2024 {
  flex-flow: column;
  max-width: 1200px;
  padding: 20px 5%;
  display: flex;
}

.roluitgelichtctn2024 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  max-width: 1200px;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.expertisew2024 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto auto auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  min-height: 300px;
  display: grid;
}

.expertisetekstd2024 {
  width: 40%;
}

.image-13 {
  width: 100%;
}

.buttonmobilemensend2024 {
  display: none;
}

.roldetailsii2024 {
  background-color: var(--body-grey);
}

.roldetailsii2024-mobile {
  background-color: var(--body-grey);
  display: none;
}

.takenmensenctn2024 {
  flex-flow: column;
  max-width: 1200px;
  padding: 20px 5% 40px;
  display: flex;
}

.takenmensengrid2024-3c {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1px #000;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.takenvoordelencard2024 {
  background-color: var(--sx-dark-blue);
  min-height: 150px;
  margin: 1px;
  padding-top: 10px;
  padding-left: 20px;
  padding-right: 10px;
}

.takenmensengrid2024-2c {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1px #000;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.expertisew2024-4c {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  min-height: 300px;
  display: grid;
}

.takenmensengrid2024-2c2r {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1px #000;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.takenmensengrid2024-2c3r {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1px #000;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.takenmensengrid2024-3c2r {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1px #000;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.herohomepaginactn2024 {
  justify-content: center;
  align-items: stretch;
  max-width: 1200px;
  display: flex;
}

.highlevelbuttonctn2024 {
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 5%;
}

.expertisectn2024 {
  flex-flow: column;
  max-width: 1200px;
  margin-bottom: 20px;
  display: flex;
}

.heromensen2024 {
  background-color: var(--sx-orange);
}

.highlevelbuttonsetmensen2024 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  width: 80%;
  margin: 20px auto;
  display: flex;
}

.wfmexperts2024, .bispecialistdataanalist2024, .operationsmanagers2024, .teammanagers2024 {
  margin-bottom: 0;
}

.heroconsultancy2024 {
  background-color: var(--sx-red);
}

.heroconsultancy2024.geel {
  background-color: var(--sx-yellow);
}

.heroconsultancy2024.rood {
  background-color: var(--sx-red);
}

.heroconsultancy2024.oranje {
  background-color: var(--sx-orange);
}

.heroconsultancy2024.indigo, .heroconsultancy2024.indigo-copy {
  background-color: var(--sx-indigo);
}

.takenconsultancygrid2024-2c {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1px #000;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.expertisew2024-5 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  min-height: 300px;
  display: grid;
}

.slider-4 {
  max-height: 150px;
}

.slide-nav-3 {
  display: none;
}

.image-15 {
  border: 0 #000;
}

.klantenssoftware2024-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-left: 40%;
  margin-right: 40%;
  display: grid;
}

.linkintekst2024 {
  color: var(--black);
  font-size: 16px;
  font-weight: 400;
  text-decoration: none;
}

.linkintekst2024.sub {
  font-size: 14px;
}

.linkintekst2024.blog {
  text-align: left;
  vertical-align: baseline;
}

.linkintekst2024.wit {
  color: var(--white);
  font-weight: 700;
}

.heroswfmsuite2024 {
  background-color: var(--sx-yellow);
}

.voordelenswfmsoftwared2024 {
  background-color: var(--sx-orange);
  justify-content: center;
  align-items: center;
  width: 40%;
  min-height: 300px;
  display: flex;
}

.voordelenswfmsuitopsomming2024 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 40%;
  min-height: 300px;
  display: grid;
}

.wanneerkiezenswfmsuite2024, .demoswfmsuitec2024 {
  flex-flow: column;
  max-width: 1200px;
  padding: 20px 5%;
  display: flex;
}

.voordelensoftwareadherenceopsomming2024 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 40%;
  min-height: 300px;
  display: grid;
}

.functionaliteitenforecastingc2024 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  max-width: 1200px;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.functionaliteitenforecastingd2024 {
  background-color: var(--sx-orange);
  justify-content: center;
  align-items: center;
  width: 40%;
  min-height: 300px;
  display: flex;
}

.voordelenservicesopsommingd2024, .functioaniteitencapacityopsomming2024, .functioaniteitenroosterenopsomming2024 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 40%;
  min-height: 300px;
  display: grid;
}

.voordelenvoorbeeldenctn2024 {
  flex-flow: column;
  max-width: 1200px;
  padding: 20px 5% 40px;
  display: flex;
}

.voorbeeldenvoordelengrid2024-3c {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1px #000;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.image-16, .image-17, .image-18 {
  overflow: visible;
}

.klantenmensen2024 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: stretch;
  place-items: center;
  margin-left: 15%;
  margin-right: 15%;
  display: grid;
}

.expertisew2024-4 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  min-height: 300px;
  display: grid;
}

.buttonsetwfmers2024 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  width: 80%;
  margin: 20px auto 10px;
  display: flex;
}

.div-1-button {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.div-2-buttonswfm {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.heroservices2024 {
  background-color: var(--sx-indigo);
}

.heroservices2024.rood {
  background-color: var(--sx-red);
}

.heroservices2024.paars {
  background-color: var(--sx-indigo);
}

.heroservicesctn2024 {
  justify-content: center;
  align-items: stretch;
  max-width: 1200px;
  display: flex;
}

.wastecontactreductionservices2024, .trainingenservices2024, .waasservices2024, .wfmscanservices2024, .cxscanservices2024 {
  margin-bottom: 0;
}

.contactpersonencw2024-3 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: center;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.voordelenservicesc2024 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  max-width: 1200px;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.voordelenservicesvisuald2024 {
  background-color: var(--sx-orange);
  justify-content: center;
  align-items: center;
  width: 40%;
  min-height: 300px;
  display: flex;
}

.voordelenservicesopsommingd2024-5 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 40%;
  min-height: 300px;
  display: grid;
}

.hoehetwerktctn2024 {
  flex-flow: column;
  max-width: 1200px;
  padding: 20px 5% 40px;
  display: flex;
}

.hoehetwerktgrid2024-3c {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1px #000;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.sectorenafdelingen2024 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.heroservicessub2024 {
  background-color: var(--white);
}

.heroservicessub2024.geel {
  background-color: var(--sx-yellow);
}

.heroservicessub2024.rood {
  background-color: var(--sx-red);
}

.heroservicessub2024.oranje {
  background-color: var(--sx-orange);
}

.heroservicessub2024.indigo, .heroservicessub2024.indigo-copy, .heroservicessub2024.indigo-copy, .heroservicessub2024.indigo-copy, .heroservicessub2024.indigo-copy {
  background-color: var(--sx-indigo);
}

.heroservicessubctn2024 {
  justify-content: center;
  max-width: 1200px;
  display: flex;
}

.praktijkgerichtctn2024, .mixmatchtrainingenctn2024 {
  flex-flow: column;
  max-width: 1200px;
  padding: 20px 5%;
  display: flex;
}

.modulairetrainingenctn2024 {
  flex-flow: column;
  max-width: 1200px;
  padding: 20px 5% 40px;
  display: flex;
}

.modulairetraininggrid2024-4c {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1px #000;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.moduletrainingencard2024 {
  background-color: var(--sx-dark-blue);
  min-height: 150px;
  margin: 1px;
  padding-top: 10px;
  padding-left: 20px;
  padding-right: 10px;
}

.moduletrainingencard2024.geel {
  background-color: var(--sx-yellow);
}

.moduletrainingencard2024.oranje {
  background-color: var(--sx-orange);
}

.moduletrainingencard2024.rood {
  background-color: var(--sx-red);
}

.moduletrainingencard2024.indigo {
  background-color: var(--sx-indigo);
}

.list {
  color: var(--white);
  margin-top: 10px;
  padding-left: 10px;
}

.toekomstctn2024, .totaalplaatjectn2024 {
  flex-flow: column;
  max-width: 1200px;
  padding: 20px 5%;
  display: flex;
}

.voordelenservicesopsommingd2024-3 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: stretch;
  width: 40%;
  min-height: 300px;
  display: grid;
}

.continuverbeteren2024 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.continuverbeterenctn2024 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 5%;
  display: flex;
}

.beterklantcontact2024 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.beterklantcontactctn2024 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 5%;
  display: flex;
}

.verwachting2024 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.verwachtingctn2024 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 5%;
  display: flex;
}

.herotekst2024-home.wit {
  color: var(--white);
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 5%;
  font-family: Roboto, sans-serif;
  font-size: 18px;
}

.heading12024-home {
  font-family: Roboto, sans-serif;
  font-size: 36px;
}

.heading12024-home.wit {
  color: var(--white);
  margin-left: 10%;
  margin-right: 5%;
}

.mask-4, .mask-5, .mask-6 {
  background-color: var(--white);
}

.meernewsinsights2024, .meervacatures2024 {
  text-align: center;
}

.link-4 {
  text-align: right;
  font-size: 14px;
}

.link-block-2 {
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
}

.herovacatures2024 {
  background-color: var(--sx-red);
}

.herovacaturesctn2024 {
  justify-content: center;
  align-items: stretch;
  max-width: 1200px;
  display: flex;
}

.herocontact2024 {
  background-color: var(--sx-indigo);
}

.contactgegevensctn2024 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  text-align: center;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  max-width: 1200px;
  display: block;
}

.contactgegevenscard2024 {
  padding-top: 20px;
}

.contactgegevenswrapper2024 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.herocontactctn2024 {
  justify-content: center;
  align-items: stretch;
  max-width: 1200px;
  display: flex;
}

.heronewsinsights2024 {
  background-color: var(--sx-orange);
}

.heronewsinsightsctn2024 {
  justify-content: center;
  align-items: stretch;
  max-width: 1200px;
  display: flex;
}

.collection-list {
  object-fit: fill;
}

.headeroverons2024 {
  background-color: var(--sx-yellow);
}

.herooveronsctn2024 {
  justify-content: center;
  align-items: stretch;
  max-width: 1200px;
  display: flex;
}

.overons2024 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.overonsctn2024 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 5%;
  display: flex;
}

.destratexaanpak2024 {
  margin-bottom: 0;
}

.destratexaanpakctn2024 {
  width: 100%;
  max-width: 1200px;
  display: flex;
}

.samenwerkinglidmaatschap2024 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.samenwerkinglidmaatschapctn2024 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 5%;
  display: flex;
}

.onsteam2024 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.onsteamctn2024 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 5%;
  display: flex;
}

.sponsorpunjab2024 {
  margin-bottom: 0;
}

.sponsorpunjabctn2024 {
  width: 100%;
  max-width: 1200px;
  display: flex;
}

.onsteamgrid2024 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1px #000;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.onsteamcard2024 {
  background-color: var(--sx-dark-blue);
  min-height: 150px;
  margin: 1px;
  padding-top: 10px;
  padding-left: 20px;
  padding-right: 10px;
}

.stats2024 {
  text-align: center;
  overflow-wrap: normal;
  object-position: 50% 50%;
  flex: 0 auto;
  align-self: center;
  margin-top: auto;
  margin-bottom: auto;
  font-size: 48px;
}

.stats2024.wit {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 20px;
}

.onzeresultaten2024 {
  background-color: var(--sx-indigo);
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.onzeresultatenctn2024 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 5%;
  display: flex;
}

.resultatengrid2024 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1px #000;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 10px;
  display: grid;
}

.resultatencard2024 {
  min-height: 110px;
  margin: 1px;
  padding: 20px 10px 10px 20px;
}

.imagepadding40 {
  border-radius: 0;
  padding: 40px;
}

.paragraphsub2024-2 {
  color: var(--dark-grey);
  text-align: center;
  padding-left: 5%;
  padding-right: 5%;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 300;
}

.paragraphsub2024-2.left {
  color: var(--dark-grey);
  text-align: left;
  grid-row-end: 3;
  margin-top: 6px;
  padding-left: 0;
  padding-right: 5px;
  font-size: 14px;
}

.paragraphsub2024-2.left.opsomming {
  margin-top: 0;
  margin-bottom: 10px;
}

.paragraphsub2024-2.left.wit, .paragraphsub2024-2.wit {
  color: var(--white);
}

.heading22024-2 {
  color: var(--dark-grey);
  text-align: center;
  letter-spacing: -1px;
  text-transform: none;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Roboto, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.3;
}

.heading22024-2.paars {
  color: var(--sx-indigo);
}

.heading22024-2.wit {
  color: var(--white);
}

.heading22024-2.left {
  text-align: left;
  padding-left: 0;
}

.samenwerkingensteunlogo2024 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: stretch;
  place-items: center;
  margin-left: 5%;
  margin-right: 5%;
  display: grid;
}

.div-block-57 {
  align-self: center;
}

.utility-page-buttons {
  text-align: center;
  flex-flow: row;
  width: 600px;
  display: flex;
}

.buttons {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-self: center;
  width: 600px;
  margin-top: 20px;
  display: grid;
}

.button-3, .button-4, .button-5, .button-6 {
  background-color: var(--sx-dark-blue);
  border-radius: 10px;
}

.blog---title-2024 {
  z-index: 1;
  text-align: left;
  margin-top: 10px;
  margin-bottom: 20px;
  padding-left: 15px;
  padding-right: 15px;
  font-weight: 700;
  line-height: 1.7;
}

.containerblog2024 {
  justify-content: center;
  align-items: stretch;
  max-width: 1200px;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
}

.blogcontent2024 {
  width: 70%;
}

.blogsidebar2024 {
  width: 30%;
  padding-top: 40px;
  padding-left: 20px;
}

.image-20 {
  width: 100%;
  margin-bottom: 10px;
}

.blogauteurdatumlogo2024 {
  flex-flow: row;
  display: flex;
}

.paragraph-13 {
  padding-left: 5px;
}

.blogintro2024 {
  color: var(--black);
  text-align: left;
  text-transform: none;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.blogbody2024 {
  background-color: var(--white);
  color: var(--dark-grey);
  border-bottom: 1px #000;
  align-self: stretch;
  margin-top: 20px;
  padding: 0 0 20px;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 300;
  text-decoration: none;
}

.blogbody2024 h3 {
  color: var(--sx-red);
  text-transform: none;
  margin-top: 30px;
  margin-bottom: 10px;
}

.blogbody2024 p {
  margin-bottom: 40px;
}

.blogbody2024 li {
  margin-bottom: 10px;
  list-style-type: disc;
}

.blogbody2024 h4 {
  color: var(--black);
  text-align: center;
  text-transform: none;
  margin-bottom: 75px;
  font-family: Montserrat, sans-serif;
  font-size: 19px;
  font-weight: 300;
}

.blogbody2024 blockquote {
  color: var(--black);
  text-align: center;
  border-top: 5px solid #e2e2e2;
  border-left-style: none;
  width: 80%;
  margin: 50px auto;
  padding: 20px;
}

.blogbody2024 a {
  border-bottom: 2px solid #000;
  text-decoration: none;
  transition: border-color .2s cubic-bezier(.455, .03, .515, .955);
}

.blogbody2024 a:hover {
  border-bottom-color: #0000;
}

.text-block-10 {
  color: var(--dark-grey);
}

.blogauteurdatum2024 {
  display: flex;
}

.blogpartnerlogogrid2024 {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  place-content: stretch;
  place-items: center;
  padding-left: 20px;
  padding-right: 20px;
}

.blogpartnerlogo2024 {
  max-height: 150px;
  position: static;
}

.containerrecenteblog2024 {
  max-width: 1200px;
  margin-top: 20px;
}

.collectionlistrecenteblogs2024 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.buttonblogoverzicht2024 {
  text-align: center;
  margin-bottom: 40px;
}

.div-block-59 {
  flex-flow: column;
  display: flex;
}

.list-item {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.div-block-60 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: block;
}

.div-block-61 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.link-block-3 {
  text-decoration: none;
}

.collection-item-5 {
  border-bottom: 1px solid var(--text);
}

.paragraph-14 {
  color: var(--dark-grey);
  padding-top: 10px;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.paragraph-14.no-padding {
  padding-top: 0;
  font-weight: 300;
}

.paragraph-14.no-padding.right {
  font-weight: 700;
}

.paragraph-14.no-padding.rechts {
  text-align: right;
  font-weight: 700;
  display: none;
}

.paragraph-14.no-padding.r {
  display: none;
}

.blogintro20242 {
  font-weight: 400;
}

.text-block-11 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.herovacature2024 {
  background-color: var(--sx-orange);
}

.herovacaturectn2024 {
  justify-content: center;
  align-items: stretch;
  max-width: 1200px;
  display: flex;
}

.herovacaturetekst2024 {
  width: 60%;
  margin-top: auto;
  margin-bottom: auto;
}

.headerfunctietitel2024 {
  color: var(--white);
  margin-left: 0%;
  font-family: Roboto, sans-serif;
  font-size: 48px;
  font-weight: 700;
}

.vacaturetags2024 {
  margin-top: 10px;
  display: flex;
}

.imagevacature2024 {
  width: 500px;
  height: 500px;
}

.vacatureintrotekst2024 {
  margin-bottom: 20px;
}

.vacatureintrotekst2024.half-orange {
  margin-bottom: 0;
  position: relative;
}

.vacatureintrotekstctn2024 {
  flex-direction: column;
  align-items: flex-start;
  max-width: 880px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 40px;
  display: flex;
}

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

.vacatureintrotekstctn2024.blog-author {
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  align-items: flex-end;
}

.vacactureinhoud2024 {
  margin-bottom: 20px;
}

.vacactureinhoud2024.half-orange {
  margin-bottom: 0;
  position: relative;
}

.vacatureinhoudctn2024 {
  flex-direction: column;
  align-items: flex-start;
  max-width: 880px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  display: flex;
}

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

.vacatureinhoudctn2024.blog-author {
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  align-items: flex-end;
}

.vacacturebottom2024 {
  margin-bottom: 20px;
}

.vacacturebottom2024.half-orange {
  margin-bottom: 0;
  position: relative;
}

.vacaturebottomctn2024 {
  flex-direction: column;
  align-items: flex-start;
  max-width: 880px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  display: flex;
}

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

.vacaturebottomctn2024.blog-author {
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  align-items: flex-end;
}

.paragraph2024-3 {
  color: var(--dark-grey);
  margin-bottom: 40px;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.8;
}

.paragraph2024-3.medium {
  font-size: 20px;
}

.paragraph2024-3.large {
  margin-bottom: 50px;
  font-size: 21px;
}

.paragraph2024-3.no_margin {
  margin-bottom: 0;
}

.paragraph2024-3.introblock {
  color: var(--black);
  margin-bottom: 0;
  font-size: 30px;
  font-weight: 500;
  line-height: 1.4;
}

.paragraph2024-3.cookie {
  margin-bottom: 0;
  font-size: 15px;
}

.paragraph2024-3.mini {
  color: var(--black);
  font-size: 12px;
}

.paragraph2024-3.introblock-2 {
  color: var(--black);
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.3;
}

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

.text-block-13, .text-block-13.wit {
  color: var(--white);
}

.eindejaarscadeauintro {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.eindejaarscadeauintroctn {
  background-image: url("https://cdn.prod.website-files.com/60929c060029128006b5acb9/6750e0dd7ec49b9345f95871_Sparkle%20Geel.png");
  background-position: 100% 0;
  background-repeat: repeat-y;
  background-size: auto 400px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 5%;
  display: flex;
}

.eindejaarscadeaus {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.eindejaarscadeausctn {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 5%;
  display: flex;
}

.eindejaarscadeauformulier {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.eindejaarscadeauformulierctn {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  max-width: 1200px;
  margin: 40px auto;
  padding: 20px 5%;
  display: flex;
}

.paragraphlinks {
  color: var(--dark-grey);
  text-align: left;
  margin-top: 20px;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 300;
}

.paragraphlinks.left {
  color: var(--dark-grey);
  text-align: left;
  grid-row-end: 3;
  margin-top: 6px;
  padding-left: 0;
  padding-right: 5px;
  font-size: 14px;
}

.paragraphlinks.left.opsomming {
  margin-top: 0;
  margin-bottom: 10px;
}

.paragraphlinks.left.wit, .paragraphlinks.wit {
  color: var(--white);
}

.bodytext {
  margin-top: 40px;
}

.wrappercadeaus {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.cardcadeaus {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--sx-indigo);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.cardcadeaus.indigo {
  display: flex;
}

.cardcadeaus.rood {
  background-color: var(--sx-red);
}

.cardcadeaus.oranje {
  background-color: var(--sx-orange);
}

.cardcadeaus.geel {
  background-color: var(--sx-yellow);
}

.cardcadeaus.indigo-copy {
  display: flex;
}

.heading2-3 {
  color: var(--white);
  text-align: center;
  text-transform: none;
  font-size: 24px;
}

.textdivcadeaus {
  height: 50px;
}

.heading2-4 {
  color: var(--dark-grey);
  text-align: left;
  text-transform: none;
  margin-bottom: 10px;
  padding-left: 0;
  padding-right: 20px;
  font-family: Roboto, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.3;
}

.heading2-4.paars {
  color: var(--sx-indigo);
}

.heading2-4.wit {
  color: var(--white);
  font-size: 28px;
  font-weight: 500;
}

.heading2-4.left {
  text-align: left;
  padding-left: 0;
}

.heading2-4.left._0-margin-down {
  margin-bottom: 0;
}

.bodytextformulier {
  align-self: flex-start;
  width: 50%;
  margin-top: 0;
  padding-top: 60px;
}

.formulier {
  width: 50%;
  padding-left: 20px;
  padding-right: 20px;
}

.select-field-2 {
  background-color: var(--white);
  color: var(--black);
}

.fieldlabel {
  color: var(--black);
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.fieldlabel.wit {
  color: var(--white);
}

.fieldlabelemail, .field-label-3 {
  color: var(--black);
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.textfieldemail, .textfieldnaam {
  color: var(--black);
  margin-bottom: 20px;
}

.recaptcha {
  margin-top: 20px;
}

.text-block-14 {
  color: var(--white);
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 300;
}

.stratexassociate {
  background-color: var(--sx-indigo);
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.stratexassociatectn {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 5% 20px;
  display: flex;
}

.stratexassociategrid {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border-style: solid none none;
  border-width: 2px 1px 1px;
  border-color: var(--white) black black;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 10px;
  display: grid;
}

.stratexassociategrid.geenrand {
  border-top-style: none;
}

.stratexassociatecard {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-right: 1px none var(--white);
  border-left: 1px none var(--white);
  min-height: 110px;
  margin: 1px;
  padding: 20px 10px 10px 20px;
}

.stratexassociatecard.mid {
  border-left-style: solid;
  border-right-style: solid;
}

.stratexassociatecard.indigo {
  background-color: var(--sx-indigo);
}

.stratexassociatecard.geel {
  background-color: var(--sx-yellow);
}

.stratexassociatecard.oranje {
  background-color: var(--sx-orange);
}

.stratexassociatecard.rood {
  background-color: var(--sx-red);
}

.stratexassociatediv {
  display: flex;
}

.stratexassociatedivimage {
  width: 50%;
}

.div-block-62 {
  align-self: center;
  width: 50%;
}

.image-21 {
  text-align: left;
  justify-content: center;
  align-items: center;
  max-width: 80%;
  display: inline-block;
  overflow: clip;
}

.paragraph16 {
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.paragraph16.wit {
  color: var(--white);
  margin-top: 20px;
}

.paragraph16.light {
  color: var(--dark-grey);
  font-weight: 300;
}

.heading22024-30pt {
  color: var(--dark-grey);
  text-align: center;
  letter-spacing: -.5px;
  text-transform: none;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Roboto, sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.3;
}

.heading22024-30pt.paars {
  color: var(--sx-indigo);
}

.heading22024-30pt.wit {
  color: var(--white);
  letter-spacing: -.5px;
}

.heading22024-30pt.wit.left {
  margin-bottom: 0;
}

.heading22024-30pt.left {
  text-align: left;
  padding-left: 0;
}

.heading22024-30pt.left._0-margin-down {
  margin-bottom: 0;
}

.heading32024-light {
  aspect-ratio: auto;
  color: var(--dark-grey);
  letter-spacing: -1px;
  text-transform: none;
  object-fit: fill;
  margin-bottom: 10px;
  font-family: Roboto, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 1.3;
  position: static;
}

.heading32024-light.blog {
  margin-bottom: 10px;
  padding-top: 5px;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
}

.heading32024-light.werkenbijons {
  font-size: 16px;
  font-weight: 500;
}

.heading32024-light.expertiseblock {
  text-align: left;
  padding-left: 30px;
}

.heading32024-light.center {
  text-align: center;
  font-size: 18px;
  text-decoration: none;
}

.heading32024-light.center.wit {
  color: var(--white);
  margin-top: 5px;
}

.heading32024-light.left {
  color: var(--dark-grey);
  padding-left: 0;
  font-size: 18px;
  font-weight: 500;
}

.heading32024-light.left.wit {
  color: var(--white);
}

.heading32024-light.left.opsomming {
  margin-bottom: 0;
}

.heading32024-light.center {
  color: var(--dark-grey);
  padding-left: 0;
  font-size: 18px;
  font-weight: 500;
}

.heading32024-light.center.wit {
  color: var(--white);
  text-align: center;
  letter-spacing: 0;
  align-self: center;
}

.heading32024-light.center.opsomming {
  margin-bottom: 0;
}

.heading32024-light.wit {
  color: var(--white);
  margin-bottom: 10px;
}

.link-5 {
  text-decoration: none;
}

.herostratexassociate2024 {
  background-color: var(--sx-red);
}

.herostratexassociate2024.geel {
  background-color: var(--sx-yellow);
}

.herostratexassociate2024.rood {
  background-color: var(--sx-red);
}

.herostratexassociate2024.oranje {
  background-color: var(--sx-orange);
}

.herostratexassociate2024.indigo, .herostratexassociate2024.indigo-copy {
  background-color: var(--sx-indigo);
}

.heroevents {
  background-color: var(--sx-orange);
}

.heroevents.geel {
  background-color: var(--sx-yellow);
}

.heroevents.rood {
  background-color: var(--sx-red);
}

.heroevents.oranje {
  background-color: var(--sx-orange);
}

.heroevents.indigo, .heroevents.indigo-copy, .heroevents.indigo-copy, .heroevents.indigo-copy {
  background-color: var(--sx-indigo);
}

.heroeventsctn {
  justify-content: center;
  max-width: 1200px;
  display: flex;
}

.eventsctn {
  flex-flow: row;
  justify-content: center;
  max-width: 1200px;
  margin-top: 40px;
  display: flex;
}

.events {
  margin-bottom: 10px;
}

.eventscontent {
  flex-flow: column;
  width: 70%;
  display: flex;
}

.eventssidebar {
  width: 30%;
  margin-left: 25px;
  padding-top: 60px;
}

.eventtekst {
  flex-direction: column;
  align-items: flex-start;
  max-width: 880px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

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

.eventtekst.blog-author {
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  align-items: flex-end;
}

.eventsformulier {
  background-color: var(--sx-orange);
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.eventsformulierctn {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  max-width: 1200px;
  margin: 10px auto;
  padding: 20px 2%;
  display: flex;
}

.formulierevents {
  width: 50%;
  padding-left: 20px;
  padding-right: 20px;
}

.fieldlabelorganisatie {
  color: var(--black);
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.textfieldorganisatie, .textfieldtel {
  color: var(--black);
  margin-bottom: 20px;
}

.fieldlabeltelefoon {
  color: var(--black);
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.textfieldtelefoon {
  color: var(--black);
  margin-bottom: 20px;
}

.div-block-63 {
  margin-bottom: 10px;
  display: none;
}

.div-block-64 {
  text-align: center;
}

.ctalinkmobiel {
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
}

.vacatureformulier {
  background-color: var(--sx-red);
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.vacatureformulierctn {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  max-width: 1200px;
  margin: 10px auto 0;
  padding: 20px 5%;
  display: flex;
}

.heading22024-vac {
  color: var(--dark-grey);
  text-align: center;
  letter-spacing: -.5px;
  text-transform: none;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Roboto, sans-serif;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.3;
}

.heading22024-vac.paars {
  color: var(--sx-indigo);
}

.heading22024-vac.wit {
  color: var(--white);
  letter-spacing: -.5px;
}

.heading22024-vac.wit.left {
  margin-bottom: 0;
}

.heading22024-vac.left {
  text-align: left;
  padding-left: 0;
}

.heading22024-vac.left._0-margin-down {
  margin-bottom: 0;
}

.textfieldachternaam, .textfieldlinkedin {
  color: var(--black);
  margin-bottom: 20px;
}

.form-block-3 {
  margin-bottom: 0;
  padding-bottom: 10px;
}

.field-label-4 {
  color: var(--white);
  text-align: right;
  margin-bottom: 10px;
}

.textfieldpagina {
  color: var(--black);
  margin-bottom: 20px;
}

.herotraining {
  background-color: var(--sx-orange);
}

.herotrainingctn {
  justify-content: center;
  align-items: stretch;
  max-width: 1200px;
  display: flex;
}

.herotrainingtekst-div {
  width: 50%;
  margin-top: auto;
  margin-bottom: auto;
}

.herotrainingimage-div {
  width: 50%;
}

.trainingomschrijving {
  margin-top: 100px;
}

.trainingomschrijvingctn {
  max-width: 1200px;
  display: flex;
}

.trainingomschrijvingimage-div {
  width: 50%;
}

.trainingomschrijvingtekst-div {
  width: 50%;
  padding: 10px 20px 0;
}

.trainingdetails {
  align-self: center;
}

.trainingdetailsctn {
  max-width: 1200px;
  margin-bottom: 40px;
  display: flex;
}

.trainingdetailsopsomming-div {
  width: 50%;
  padding-top: 20px;
  padding-left: 20px;
}

.trainingformulier {
  background-color: var(--sx-indigo);
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.trainingformulierctn {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  max-width: 1200px;
  margin: 10px auto 0;
  padding: 20px 5%;
  display: flex;
}

.form-block-training {
  margin-bottom: 0;
  padding-bottom: 10px;
}

.formuliertraining {
  width: 50%;
  padding-left: 20px;
  padding-right: 20px;
}

.paragraph-15 {
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
}

.trainingdetails-div {
  width: 50%;
  padding: 20px 60px 20px 20px;
}

.herotrainingen {
  background-color: var(--sx-indigo);
}

.herotrainingen.geel {
  background-color: var(--sx-yellow);
}

.herotrainingen.rood {
  background-color: var(--sx-red);
}

.herotrainingen.oranje {
  background-color: var(--sx-orange);
}

.herotrainingen.indigo, .herotrainingen.indigo-copy, .herotrainingen.indigo-copy, .herotrainingen.indigo-copy, .herotrainingen.indigo-copy {
  background-color: var(--sx-indigo);
}

.herotrainingenctn {
  justify-content: center;
  max-width: 1200px;
  display: flex;
}

.heading22024-2 {
  color: #2a2a2a;
  text-align: center;
  letter-spacing: -1px;
  text-transform: none;
  margin-top: auto;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Roboto, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.3;
}

.trainingvoordelencard {
  box-sizing: border-box;
  text-align: left;
  background-color: #2d599a;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: auto;
  min-height: 0;
  margin: 1px;
  padding-top: 10px;
  padding-left: 20px;
  padding-right: 10px;
  overflow: visible;
}

.upstrainingenctn {
  flex-flow: column;
  max-width: 1200px;
  height: auto;
  margin-bottom: 20px;
  padding: 20px 5% 10px;
  display: flex;
}

.paragraphsub2024_2 {
  color: #2a2a2a;
  text-align: center;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.paragraphsub2024_2.left {
  color: #2a2a2a;
  text-align: left;
  grid-row-end: 3;
  margin-top: 6px;
  padding-bottom: 10px;
  padding-left: 0;
  padding-right: 5px;
  font-size: 14px;
}

.paragraphsub2024_2.left.wit {
  color: #fff;
  text-align: center;
  align-self: center;
  margin-bottom: 20px;
  font-weight: 400;
}

.heading32024-2 {
  aspect-ratio: auto;
  color: #000;
  text-align: left;
  letter-spacing: -1px;
  text-transform: none;
  object-fit: fill;
  margin-bottom: 20px;
  margin-left: auto;
  font-family: Roboto, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
  position: static;
}

.heading32024-2.center {
  text-align: center;
  margin-left: 0;
  font-size: 18px;
  text-decoration: none;
}

.heading32024-2.center.wit {
  color: #fff;
  letter-spacing: 1px;
  align-self: center;
  margin-top: 5px;
}

.heading32024-2._10-margin-bottom {
  margin-bottom: 10px;
}

.usptrainingendiv {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  text-align: center;
  border: 1px #000;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 0;
  display: grid;
}

.cxtrainingen {
  clear: none;
  object-fit: fill;
  max-width: none;
  height: auto;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  position: static;
}

.div-block-101 {
  width: 100%;
  margin-top: 40px;
  margin-bottom: auto;
}

.heading22024-2-2 {
  color: #2a2a2a;
  text-align: center;
  letter-spacing: -1px;
  text-transform: none;
  margin-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Roboto, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.3;
}

.container-16 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  width: 100%;
  max-width: 1200px;
  height: auto;
  margin-bottom: 10px;
  display: flex;
}

.collection-list-wrapper-4 {
  margin-left: 40px;
  display: block;
}

.collection-item-6 {
  flex-flow: column;
  margin-bottom: 0;
  display: flex;
}

.trainingencx {
  clear: none;
  object-fit: fill;
  max-width: none;
  height: auto;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  position: static;
}

.trainingencxctn {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  width: 100%;
  max-width: 1200px;
  height: auto;
  margin-bottom: 10px;
  display: flex;
}

.trainingencxdiv {
  width: 100%;
  margin-top: 40px;
  margin-bottom: auto;
}

.trainingencard {
  border-bottom: 2px solid var(--text);
  margin-bottom: 10px;
  padding-bottom: 10px;
  display: flex;
}

.trainingenicoon {
  padding: 5px;
}

.trainingenlead {
  clear: none;
  object-fit: fill;
  max-width: none;
  height: auto;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  position: static;
}

.trainingenleadctn {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  width: 100%;
  max-width: 1200px;
  height: auto;
  margin-bottom: 10px;
  display: flex;
}

.trainingenleaddiv {
  width: 100%;
  margin-top: 40px;
  margin-bottom: auto;
}

.link-block-trainingen, .link-block-4 {
  text-decoration: none;
}

.trainingenwfm {
  clear: none;
  object-fit: fill;
  max-width: none;
  height: auto;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  position: static;
}

.trainingenwfmctn {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  width: 100%;
  max-width: 1200px;
  height: auto;
  margin-bottom: 10px;
  display: flex;
}

.trainingenwfmdiv {
  width: 100%;
  margin-top: 40px;
  margin-bottom: auto;
}

.paragraphsubtraining {
  color: var(--dark-grey);
  text-align: center;
  margin-bottom: 20px;
  padding-left: 5%;
  padding-right: 5%;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 300;
}

.paragraphsubtraining.left {
  color: var(--dark-grey);
  text-align: left;
  grid-row-end: 3;
  margin-top: 6px;
  padding-left: 0;
  padding-right: 5px;
  font-size: 14px;
}

.paragraphsubtraining.left.opsomming {
  margin-top: 0;
  margin-bottom: 10px;
}

.paragraphsubtraining.left.wit, .paragraphsubtraining.wit {
  color: var(--white);
}

.trainingenpo {
  clear: none;
  object-fit: fill;
  max-width: none;
  height: auto;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  position: static;
}

.trainingenpoctn {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  width: 100%;
  max-width: 1200px;
  height: auto;
  margin-bottom: 10px;
  display: flex;
}

.trainingenpodiv {
  width: 100%;
  margin-top: 40px;
  margin-bottom: auto;
}

.trainingendetails {
  align-self: center;
  width: 90%;
  padding-left: 20px;
}

.onzetrainingenctn {
  max-width: 1200px;
}

.onzetrainingen {
  margin-bottom: 40px;
}

.onzetrainingendiv-kop {
  padding-top: 40px;
}

.onzetrainingendiv-lijst {
  display: flex;
}

.trainingenlijstmanagement {
  width: 25%;
  margin-top: 10px;
  margin-bottom: 20px;
  padding-left: 10px;
}

.link-block-5 {
  text-decoration: none;
}

.trainingenlijstwfm, .trainingenlijstklantadviseurs, .trainingenlijstpo {
  width: 25%;
  margin-top: 10px;
  margin-bottom: 20px;
  padding-left: 10px;
}

.link-6 {
  text-decoration: none;
}

.rte-01 {
  font-size: 12px;
}

.rte-01 h1 {
  letter-spacing: 0;
  line-height: 40px;
}

.rte-01 a {
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  text-decoration: none;
}

.rte-01 h2 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 20px;
  line-height: 24px;
}

.rte-01 h3 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 22px;
}

.rte-01 h4 {
  color: var(--dark-grey);
  text-transform: none;
  margin-top: 5px;
  margin-bottom: 5px;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

.rte-01 h5 {
  color: var(--dark-grey);
  text-align: left;
  margin-top: 5px;
  margin-bottom: 5px;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}

.rte-01 h6 {
  color: var(--dark-grey);
  margin-top: 5px;
  margin-bottom: 5px;
  font-family: Roboto, sans-serif;
  font-weight: 400;
  line-height: 16px;
}

.rte-01 p {
  color: var(--dark-grey);
  margin-bottom: 20px;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
}

.rte-01 blockquote {
  color: var(--dark-grey);
  font-family: Roboto, sans-serif;
  font-size: 16px;
}

.rte-01 ol {
  color: var(--dark-grey);
  font-family: Roboto, sans-serif;
  line-height: 20px;
}

.rte-01 li {
  color: var(--dark-grey);
  font-size: 14px;
}

.rte-01 ul {
  color: var(--dark-grey);
  font-family: Roboto, sans-serif;
}

.heading-02 {
  color: var(--dark-grey);
  text-align: left;
  letter-spacing: 0;
  text-transform: none;
  font-family: Roboto, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
}

.heading-02.paars {
  color: var(--sx-indigo);
}

.heading-02.wit {
  color: var(--white);
  letter-spacing: -.5px;
}

.heading-02.wit.left {
  margin-bottom: 0;
}

.heading-02.left {
  text-align: left;
  padding-left: 0;
}

.heading-02.left._0-margin-down {
  margin-bottom: 0;
}

.heading-01 {
  text-align: left;
  letter-spacing: 0;
  text-transform: none;
  font-family: Roboto, sans-serif;
  font-size: 36px;
  line-height: 40px;
}

.heading-01.wit {
  color: var(--white);
  letter-spacing: -.5px;
  margin-left: 10%;
  margin-right: 5%;
}

.heading-01.zwart {
  color: var(--dark-grey);
  margin-left: 10%;
  margin-right: 5%;
}

.heading-01.vacature {
  color: var(--white);
  margin-left: 0%;
  margin-right: 5%;
}

.heading-03 {
  aspect-ratio: auto;
  color: var(--dark-grey);
  letter-spacing: 0;
  text-transform: none;
  object-fit: fill;
  font-family: Roboto, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  position: static;
}

.heading-03.blog {
  margin-bottom: 10px;
  padding-top: 5px;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
}

.heading-03.werkenbijons {
  font-size: 16px;
  font-weight: 500;
}

.heading-03.expertiseblock {
  text-align: left;
  padding-left: 30px;
}

.heading-03.center {
  text-align: center;
  font-size: 18px;
  text-decoration: none;
}

.heading-03.center.wit {
  color: var(--white);
  margin-top: 5px;
}

.heading-03.left {
  color: var(--dark-grey);
  padding-left: 0;
  font-size: 18px;
  font-weight: 500;
}

.heading-03.left.wit {
  color: var(--white);
}

.heading-03.left.opsomming {
  margin-bottom: 0;
}

.heading-03.center {
  color: var(--dark-grey);
  padding-left: 0;
  font-size: 18px;
  font-weight: 500;
}

.heading-03.center.wit {
  color: var(--white);
  text-align: center;
  letter-spacing: 0;
  align-self: center;
}

.heading-03.center.opsomming {
  margin-bottom: 0;
}

.heading-03.wit {
  color: var(--white);
  margin-bottom: 10px;
}

.heading-04 {
  color: var(--dark-grey);
  text-transform: none;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
}

.heading-04.center {
  color: var(--dark-grey);
  text-align: center;
  font-size: 14px;
}

.heading-04.center.wit {
  color: var(--white);
  font-size: 16px;
}

.heading-04.wit {
  color: var(--white);
}

.heading-4-copy {
  text-transform: none;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 400;
}

.heading-4-copy.center {
  color: var(--dark-grey);
  text-align: center;
  font-size: 14px;
}

.heading-4-copy.center.wit {
  color: var(--white);
  font-size: 16px;
}

.heading-4-copy.wit {
  color: var(--white);
}

.heading-05 {
  color: var(--dark-grey);
  text-align: left;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}

.heading-05.center {
  color: var(--dark-grey);
  text-align: center;
  font-size: 14px;
}

.heading-05.center.wit {
  color: var(--white);
  font-size: 16px;
}

.heading-05.wit {
  color: var(--white);
}

.heading-06 {
  color: var(--dark-grey);
  text-align: left;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

.heading-06.center {
  color: var(--dark-grey);
  text-align: center;
  font-size: 14px;
}

.heading-06.center.wit {
  color: var(--white);
  font-size: 16px;
}

.heading-06.wit {
  color: var(--white);
}

.paragraph-01 {
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
}

.link-01 {
  color: var(--black);
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  text-decoration: none;
}

.link-01.sub {
  font-size: 14px;
}

.link-01.blog {
  text-align: left;
  vertical-align: baseline;
}

.link-01.wit {
  color: var(--white);
  font-weight: 700;
}

.tekstheadersub2024-mensen {
  flex-flow: column;
  width: 50%;
  margin-top: auto;
  margin-bottom: auto;
  display: flex;
}

.imageheadersubd2024-mensen {
  text-align: center;
  flex-flow: column;
  width: 50%;
  display: flex;
}

.buintro {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.buintroctn {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 5% 10px;
  display: flex;
}

.buactiviteit {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.buactiviteitctn {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 5%;
  display: flex;
}

.buactiviteitdiv {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.image-24 {
  width: 30%;
  height: 30%;
}

.buactiviteit1 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  padding-bottom: 20px;
  display: flex;
}

.buactiviteit1.indigo {
  display: flex;
}

.buactiviteit1.rood {
  background-color: var(--sx-red);
}

.buactiviteit1.oranje {
  background-color: var(--sx-orange);
}

.buactiviteit1.geel {
  background-color: var(--sx-yellow);
}

.buactiviteit1.indigo-copy {
  display: flex;
}

.headingbu {
  background-color: var(--sx-orange);
  color: var(--black);
  text-align: left;
  text-transform: none;
  max-width: 1200px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  font-size: 24px;
}

.butext {
  height: 50px;
}

.paragraphbu {
  color: var(--dark-grey);
  text-align: left;
  padding-right: 20px;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 300;
}

.paragraphbu.left {
  color: var(--dark-grey);
  text-align: left;
  grid-row-end: 3;
  margin-top: 6px;
  padding-left: 0;
  padding-right: 5px;
  font-size: 14px;
}

.paragraphbu.left.opsomming {
  margin-top: 0;
  margin-bottom: 10px;
}

.paragraphbu.left.wit, .paragraphbu.wit {
  color: var(--white);
}

.paragraphbu-2 {
  color: var(--dark-grey);
  text-align: left;
  width: 70%;
  padding-top: 5px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 300;
}

.paragraphbu-2.left {
  color: var(--dark-grey);
  text-align: left;
  grid-row-end: 3;
  margin-top: 6px;
  padding-left: 0;
  padding-right: 5px;
  font-size: 14px;
}

.paragraphbu-2.left.opsomming {
  margin-top: 0;
  margin-bottom: 10px;
}

.paragraphbu-2.left.wit, .paragraphbu-2.wit {
  color: var(--white);
}

.buformulier {
  background-color: var(--sx-orange);
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.buformulierctn {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  max-width: 1200px;
  margin: 10px auto;
  padding: 20px 5%;
  display: flex;
}

.formulierbu {
  width: 50%;
  padding-left: 20px;
  padding-right: 20px;
}

.text-block-15, .text-block-16 {
  color: var(--body-grey);
}

.textfieldcricket {
  color: var(--black);
  margin-bottom: 20px;
}

.headercricketevent {
  background-color: var(--sx-indigo);
}

.headercricketeventctn {
  justify-content: center;
  align-items: stretch;
  max-width: 1200px;
  display: flex;
}

.headercricketeventdiv {
  width: 100%;
  margin-top: auto;
  margin-bottom: auto;
}

.formuliercricketinfo {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.formuliercricketinfoctn {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  max-width: 1200px;
  margin: 40px auto;
  padding: 20px 5%;
  display: flex;
}

.formulierbodytextci {
  align-self: flex-start;
  width: 50%;
  margin-top: 0;
  padding-top: 60px;
}

.formulierci {
  width: 50%;
  padding-left: 20px;
  padding-right: 20px;
}

.veldbedrijf {
  color: var(--black);
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.veldbedrijf.wit {
  color: var(--white);
}

.textfieldbedrijf {
  color: var(--black);
  margin-bottom: 20px;
}

.veldcontactpersoon {
  color: var(--black);
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.veldcontactpersoon.wit {
  color: var(--white);
}

.textfieldcontactpersoon {
  color: var(--black);
  margin-bottom: 20px;
}

.veldtelefoonnummer {
  color: var(--black);
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.textfieldtelefoonnummer {
  color: var(--black);
  margin-bottom: 20px;
}

.veldaantalpersonen {
  color: var(--black);
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.selectfield-aantal {
  background-color: var(--white);
  color: var(--black);
}

.velddieetwensen {
  color: var(--black);
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 700;
}

@media screen and (min-width: 1280px) {
  .rte-body {
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 300;
  }

  .event-item---info {
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 500;
  }

  .event-item---tag-text {
    font-family: Roboto, sans-serif;
    font-size: 14px;
  }

  .heading22024.left {
    color: var(--dark-grey);
  }

  .linkintekst2024.wit {
    font-weight: 700;
  }

  .blogsidebar2024 {
    padding-top: 50px;
  }

  .paragraph16.wit {
    font-weight: 400;
  }

  .heading22024-vac.left {
    color: var(--sx-indigo);
  }

  .trainingdetails, .trainingendetails {
    align-self: center;
  }

  .heading-02.left {
    color: var(--dark-grey);
  }

  .link-01.wit {
    font-weight: 700;
  }
}

@media screen and (min-width: 1440px) {
  h1 {
    font-size: 62px;
  }

  h2 {
    max-width: 1000px;
    font-size: 46px;
  }

  h3 {
    font-size: 31px;
  }

  h4 {
    font-size: 26px;
  }

  .body {
    font-size: 19px;
  }

  .container {
    max-width: 1100px;
  }

  .container.center {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .button {
    font-size: 19px;
  }

  .button.vacature-upload {
    margin-bottom: 50px;
  }

  .navmenu---links-wrapper {
    width: 30vw;
  }

  .navmenu---link {
    font-size: 22px;
  }

  .paragraph {
    font-size: 19px;
  }

  .paragraph.medium {
    font-size: 21px;
  }

  .paragraph.large {
    max-width: none;
    font-size: 24px;
  }

  .paragraph.introblock {
    font-size: 36px;
  }

  .paragraph.limit1 {
    max-width: 80%;
  }

  .element-3---grid {
    grid-template-columns: 1fr 100px 1fr;
  }

  .element-image.phone {
    width: 80%;
  }

  .element-b---name-tag {
    right: 50%;
  }

  .element-b---name-tag-text {
    font-size: 14px;
  }

  .element-b---name-tag-text.name {
    font-size: 26px;
  }

  .element-3---name-tag-bg-mirror {
    left: 50%;
  }

  .grid {
    grid-column-gap: 8px;
  }

  .header---title-wrap {
    margin-bottom: 100px;
  }

  .clients---filter-label.active-filter {
    background-color: var(--sx-red);
    color: var(--white);
  }

  .section-title, .element-3---title-wrap {
    margin-bottom: 30px;
  }

  .link-text {
    font-size: 19px;
  }

  .link-text.medium {
    font-size: 21px;
  }

  .link-text.large {
    font-size: 23px;
  }

  .navbar---log-in-link {
    font-size: 19px;
  }

  .bp-indicator---text.base {
    display: none;
  }

  .bp-indicator---text._1440 {
    display: block;
  }

  .bp-indicator---text._1920 {
    display: none;
  }

  .collection-list-grid {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .blog---content {
    height: 440px;
  }

  .vimeo-video {
    height: 619px;
  }

  .grid-3c {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .collection-list-grid-blog {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-rows: auto;
  }

  .navbar---logotext {
    font-size: 28px;
  }

  .collection-item---team {
    height: 470px;
    margin-bottom: 75px;
  }

  .team---profile-image {
    height: 300px;
  }

  .link {
    font-size: 19px;
  }

  .header-video---container {
    max-width: 1100px;
  }

  .element-c---content-grid {
    height: 50%;
    padding-left: 100px;
    padding-right: 100px;
  }

  .element-c---title {
    max-width: 700px;
  }

  .header-blog {
    height: 75vh;
  }

  .header-blog---container {
    max-width: 1100px;
  }

  .grid-wfm-services {
    grid-column-gap: 100px;
  }

  .card-wrapper {
    padding: 60px;
  }

  .tile---link {
    padding: 40px 30px;
  }

  .contact---link {
    font-size: 19px;
  }

  .heading-5 {
    font-size: 32px;
  }

  .header-split---content-text {
    width: 550px;
    padding-right: 50px;
  }

  .header-split---name-content {
    margin-left: 50px;
  }

  .header-split---title-wrap {
    margin-bottom: 40px;
  }

  .container-split-header {
    max-width: 1100px;
  }

  .header-split-h1 {
    font-size: 34px;
  }

  .paragraph-header {
    max-width: 900px;
    font-size: 23px;
  }

  .rte-body {
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 300;
  }

  .rte-body blockquote {
    width: 75%;
    margin-top: 60px;
    margin-bottom: 60px;
  }

  .rte-body a {
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
  }

  .bold-text {
    font-size: 15px;
  }

  .team---info {
    max-width: 240px;
    font-size: 18px;
  }

  .header---photo-container {
    max-width: 1100px;
  }

  .blog---client-logo-block {
    padding-left: 100px;
    padding-right: 100px;
  }

  .rte-blog-linkss blockquote {
    width: 75%;
  }

  .rte-blog-linkss a {
    font-size: 19px;
  }

  .blog---author-image-wrapper {
    width: 200px;
  }

  .button-2 {
    font-size: 19px;
  }

  .cookie---preferences-form {
    flex-direction: column;
    display: flex;
  }

  .cookie---checkbox.w--redirected-checked {
    background-color: #464797;
    border-color: #464797;
  }

  .collection-item---vacature {
    height: 440px;
  }

  .vacature-tile---h2 {
    margin-bottom: 40px;
    font-size: 32px;
  }

  .collection-item---vacature {
    height: auto;
    min-height: 500px;
    padding: 40px;
  }

  .collection-list-grid-vacatures {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-columns: repeat(auto-fit, minmax(330px, 1fr));
  }

  .vacature---title {
    margin-bottom: 30px;
  }

  .vacature-tile---empty {
    padding: 40px;
  }

  .vacature-tile---list {
    padding-left: 20px;
    padding-right: 40px;
  }

  .footer---copyright {
    font-size: 17px;
  }

  .footer---link {
    font-size: 19px;
    position: relative;
  }

  .social-share-btn {
    transition: filter .2s;
  }

  .social-share-btn:hover {
    filter: brightness(200%) grayscale();
  }

  .vacature---contact-block {
    width: 280px;
    margin-left: 75px;
  }

  .div-block-8 {
    width: 280px;
    height: 280px;
  }

  .event---sign-up-wrapper {
    grid-column-gap: 20px;
  }

  .event-item---summary {
    max-width: 65ch;
    position: absolute;
    inset: auto 0% 0%;
  }

  .events---search-form {
    padding-left: 180px;
    padding-right: 180px;
  }

  .events---checkbox {
    margin-top: 10px;
  }

  .event-item---info {
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 500;
  }

  .event-item---tag-text {
    font-family: Roboto, sans-serif;
    font-size: 14px;
  }

  .training-tile---h2 {
    min-height: 100px;
    font-size: 32px;
  }

  .collection-item---training {
    padding: 40px;
  }

  .collection-list-grid-training {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .card-b---wrapper {
    min-height: 500px;
    padding: 60px 40px;
  }

  .paragraph-2 {
    font-size: 20px;
  }

  .legenda---item {
    font-size: 15px;
  }

  .element-3---title-wrap-2 {
    margin-bottom: 30px;
  }

  .element-3---divider-line {
    max-width: 1100px;
    margin-bottom: 200px;
  }

  .section-title-2 {
    margin-bottom: 30px;
  }

  .logo-bar---grid-list {
    grid-template-rows: 140px;
    grid-auto-rows: 140px;
  }

  .element-c---container {
    height: 50%;
    padding-left: 100px;
    padding-right: 100px;
  }

  .teams-search {
    padding-left: 180px;
    padding-right: 180px;
  }

  .header---title-wrap-software {
    height: 35%;
    min-height: 350px;
  }

  .nav-item---bg-fade {
    display: none;
  }

  .mask---container {
    max-width: 1100px;
  }

  .klant-review---title {
    font-size: 24px;
  }

  .new-header---button-2, .new-header---button-1 {
    font-size: 19px;
  }

  .navbar-2 {
    z-index: 10;
  }

  .container-3 {
    background-position: 50%;
    background-repeat: repeat;
    background-size: cover;
    background-attachment: scroll;
  }

  .heading22024 {
    max-width: none;
  }

  .heading22024.left {
    color: var(--dark-grey);
  }

  .paragraph2024-2.expertiseblock {
    text-align: left;
  }

  .heading12024.vacature {
    margin-left: 0%;
  }

  .expertiseblock2024 {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .heading32024.left.wit, .heading32024.center.wit {
    color: var(--white);
  }

  .containernewsinsightswerk2024 {
    flex-flow: row;
  }

  .videoheadercontainer2024, .background-video-5 {
    max-width: 1440px;
  }

  .slide {
    background-image: none;
  }

  .containernewsinsightswerkbuttons2024-copy {
    flex-flow: row;
  }

  .hero2024-2 {
    box-sizing: border-box;
  }

  .hero2024-2.indigo {
    background-color: var(--sx-indigo);
  }

  .hero2024-2.oranje, .section-5 {
    background-color: var(--sx-orange);
  }

  .heromensen2024, .heroservices2024 {
    box-sizing: border-box;
  }

  .herotekst2024-home, .heading12024-home {
    margin-left: 10%;
  }

  .herovacatures2024, .herocontact2024, .heronewsinsights2024, .headeroverons2024 {
    box-sizing: border-box;
  }

  .blogbody2024 blockquote {
    width: 75%;
    margin-top: 60px;
    margin-bottom: 60px;
  }

  .blogbody2024 a {
    font-size: 19px;
  }

  .text-block-11 {
    font-weight: 400;
  }

  .herovacature2024 {
    box-sizing: border-box;
  }

  .vacatureintrotekstctn2024.center, .vacatureinhoudctn2024.center {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .vacaturebottomctn2024 {
    max-width: 1100px;
  }

  .vacaturebottomctn2024.center {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .paragraph2024-3.medium {
    font-size: 21px;
  }

  .paragraph2024-3.large {
    max-width: none;
    font-size: 24px;
  }

  .paragraph2024-3.introblock {
    font-size: 36px;
  }

  .paragraph2024-3.limit1 {
    max-width: 80%;
  }

  .heading2-4, .heading22024-30pt {
    max-width: none;
  }

  .heading32024-light.left.wit, .heading32024-light.center.wit {
    color: var(--white);
  }

  .eventtekst {
    max-width: 1100px;
  }

  .eventtekst.center {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .heading22024-vac {
    max-width: none;
  }

  .herotraining {
    box-sizing: border-box;
  }

  .heading22024-2, .heading22024-2-2, .heading-02 {
    max-width: none;
  }

  .heading-02.left {
    color: var(--dark-grey);
  }

  .heading-01.vacature {
    margin-left: 0%;
  }

  .heading-03.left.wit, .heading-03.center.wit {
    color: var(--white);
  }

  .headercricketevent {
    box-sizing: border-box;
  }
}

@media screen and (min-width: 1920px) {
  h1 {
    font-size: 66px;
  }

  h2 {
    max-width: 1000px;
    font-size: 48px;
  }

  h3 {
    font-size: 33px;
  }

  .body {
    font-size: 20px;
  }

  .container {
    max-width: 1320px;
  }

  .container.center {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .button {
    font-size: 20px;
  }

  .button.vacature-upload {
    margin-bottom: 60px;
  }

  .navmenu---links-wrapper {
    width: 25vw;
  }

  .navmenu---link {
    font-size: 24px;
  }

  .paragraph {
    font-size: 20px;
  }

  .paragraph.medium {
    font-size: 22px;
  }

  .paragraph.large {
    font-size: 26px;
  }

  .paragraph.introblock {
    font-size: 38px;
  }

  .paragraph.limit1 {
    max-width: 75%;
  }

  .paragraph.introblock-2 {
    font-size: 38px;
  }

  .element-3---grid {
    grid-template-columns: 1fr 120px 1fr;
  }

  .element-3---grid.alt-layout, .element-3---grid.alt-layout.reverse {
    grid-template-columns: 1fr 80px 1fr;
  }

  .element-b---name-tag {
    right: 55%;
  }

  .element-b---name-tag-text.name {
    font-size: 28px;
  }

  .element-3---name-tag-bg-mirror {
    left: 55%;
  }

  .grid {
    grid-column-gap: 12px;
  }

  .header---title-wrap {
    margin-bottom: 150px;
  }

  .link-text {
    font-size: 20px;
  }

  .link-text.medium {
    font-size: 22px;
  }

  .link-text.large {
    font-size: 24px;
  }

  .navbar---log-in-link {
    font-size: 20px;
  }

  .bp-indicator---text._1440 {
    display: none;
  }

  .bp-indicator---text._1920 {
    display: block;
  }

  .navbar---logo {
    width: 70px;
  }

  .collection-list-grid {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .collection-item---blog {
    height: 350px;
  }

  .blog---content {
    height: 480px;
  }

  .vimeo-video {
    height: 742px;
  }

  .filters-wrapper {
    align-self: stretch;
  }

  .grid-3c {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
  }

  .collection-list-grid-blog {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
  }

  .navbar---logotext {
    font-size: 30px;
  }

  .colour-line-block.blue {
    background-color: var(--sx-indigo);
  }

  .colour-line-block.red {
    background-color: var(--sx-red);
  }

  .colour-line-block.orange {
    background-color: var(--sx-orange);
  }

  .colour-line-block.yellow {
    background-color: var(--sx-yellow);
  }

  .collection-item---team {
    height: 510px;
    margin-bottom: 100px;
  }

  .team---content {
    height: 480px;
  }

  .team---profile-image {
    height: 350px;
  }

  .link {
    font-size: 20px;
  }

  .header-video---container {
    max-width: 1320px;
  }

  .element-c---content-grid {
    height: 49%;
    padding: 100px 150px 150px;
  }

  .element-c---title {
    max-width: 800px;
  }

  .header-blog---container {
    max-width: 1320px;
  }

  .grid-wfm-services {
    grid-column-gap: 120px;
  }

  .card-wrapper {
    padding: 75px;
  }

  .tile---link {
    text-align: left;
    padding: 40px 50px;
  }

  .contact---link {
    font-size: 20px;
  }

  .heading-5 {
    font-size: 36px;
  }

  .header-split---content-text {
    width: 660px;
    padding-right: 60px;
  }

  .header-split---name-content {
    margin-left: 60px;
  }

  .container-split-header {
    max-width: 1320px;
  }

  .header-split-h1 {
    font-size: 38px;
  }

  .paragraph-header {
    max-width: 900px;
    font-size: 26px;
  }

  .rte-intro {
    font-size: 20px;
  }

  .rte-body {
    padding: 10px 0;
    font-family: Roboto, sans-serif;
    font-size: 20px;
  }

  .rte-body blockquote {
    width: 60%;
    margin-top: 70px;
    margin-bottom: 70px;
  }

  .rte-body a {
    font-size: 20px;
  }

  .blog---cover-image {
    height: 250px;
  }

  .bold-text {
    font-size: 16px;
  }

  .team---info {
    text-transform: lowercase;
    max-width: 280px;
    font-size: 19px;
  }

  .header-photo {
    height: 70vh;
  }

  .header---photo-container {
    max-width: 1320px;
  }

  .blog---client-logo-block {
    padding-bottom: 70px;
    padding-left: 150px;
    padding-right: 150px;
  }

  .rte-blog-linkss {
    padding: 70px 100px;
  }

  .rte-blog-linkss blockquote {
    width: 60%;
  }

  .rte-blog-linkss a, .button-2 {
    font-size: 20px;
  }

  .collection-item---vacature {
    height: 480px;
  }

  .vacature-tile---h2 {
    margin-bottom: 50px;
    font-size: 34px;
  }

  .collection-item---vacature {
    height: auto;
    padding-left: 50px;
    padding-right: 50px;
  }

  .collection-list-grid-vacatures {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
  }

  .rte-vacature {
    font-size: 20px;
  }

  .vacature-section-wrapper {
    max-width: 1200px;
  }

  .vacature-tile---wrapper {
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    display: flex;
  }

  .vacature-tile---empty {
    padding: 50px 60px;
  }

  .vacature-tile---list {
    padding-right: 60px;
  }

  .footer---copyright {
    font-size: 18px;
  }

  .footer---link.phone {
    font-size: 20px;
  }

  .vacature---contact-block {
    width: 300px;
    margin-left: 100px;
  }

  .vacature---tag-icon {
    width: 30px;
    font-size: 18px;
  }

  .div-block-8 {
    width: 300px;
  }

  .event-item---wrapper {
    width: 100%;
  }

  .event-item---summary {
    max-width: 75ch;
  }

  .events---search-form {
    padding-left: 220px;
    padding-right: 220px;
  }

  .events---checkbox {
    margin-top: 12px;
  }

  .training-tile---wrapper {
    flex-direction: column;
    justify-content: space-between;
    display: flex;
  }

  .training-tile---h2 {
    font-size: 34px;
  }

  .collection-item---training {
    padding-left: 50px;
    padding-right: 50px;
  }

  .collection-list-grid-training {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
  }

  .card-b---wrapper {
    padding: 70px;
  }

  .paragraph-2 {
    font-size: 21px;
  }

  .element-3---divider-line {
    max-width: 1320px;
    margin-bottom: 250px;
  }

  .logo-bar---grid-list {
    grid-template-rows: 160px;
    grid-auto-rows: 160px;
  }

  .element-c---container {
    height: 49%;
    padding: 100px 150px 150px;
  }

  .teams-search {
    padding-left: 220px;
    padding-right: 220px;
  }

  .header-split---photo-bg {
    background-position: 50% 30%;
  }

  .mask---container {
    max-width: 1320px;
  }

  .klant-review---title {
    font-size: 26px;
  }

  .new-header {
    height: 800px;
  }

  .new-header---container {
    max-width: 1320px;
    margin-bottom: 150px;
  }

  .new-header---button-2, .new-header---button-1 {
    font-size: 20px;
  }

  .new-header---content {
    max-width: none;
  }

  .new-header---bg-switch {
    background-size: auto, auto 85%;
  }

  .navbarctn2024 {
    max-width: 1440px;
  }

  .nav-menu-2 {
    justify-content: flex-start;
    align-items: stretch;
    width: 85%;
  }

  .nav-link-2024, .dropdown-toggle-2024 {
    font-size: 18px;
  }

  .navbar-2 {
    z-index: 10;
  }

  .onzeklantenctn2024 {
    max-width: 1440px;
  }

  .highlevelbutton2024 {
    font-size: 18px;
  }

  .container-5 {
    max-width: 1440px;
  }

  .button2024, .button2024.hero, .dropdownlink2024 {
    font-size: 18px;
  }

  .container-6, .container-7 {
    max-width: 1440px;
  }

  .headingfooter2024 {
    font-size: 20px;
  }

  .linkfooter2024, .paragraphfooter2024 {
    font-size: 18px;
  }

  .heading22024 {
    font-size: 32px;
  }

  .heading22024.left {
    color: var(--dark-grey);
  }

  .paragraph2024-2 {
    font-size: 18px;
  }

  .heading12024.vacature {
    font-size: 42px;
  }

  .heading32024.blog {
    min-height: 50px;
  }

  .heading32024.center {
    font-size: 22px;
  }

  .heading32024.left.opsomming, .heading32024.center.opsomming {
    font-size: 20px;
  }

  .containernewsinsightswerk2024, .herosoftwarecontainer2024 {
    max-width: 1440px;
  }

  .paragraphherosub2024 {
    font-size: 22px;
  }

  .videoheadercontainer2024 {
    align-items: stretch;
    display: flex;
    position: static;
    overflow: visible;
  }

  .videoheader2024 {
    background-color: var(--sx-orange);
  }

  .hoewijwerkencontainer2024, .komlangscontainer2024 {
    max-width: 1440px;
  }

  .heading42024.center {
    font-size: 16px;
  }

  .eventscontainer2024 {
    max-width: 1440px;
  }

  .heading1sub2024 {
    font-size: 40px;
  }

  .watisinleidingctn2024 {
    max-width: 1440px;
  }

  .paragraphsub2024 {
    font-size: 20px;
  }

  .paragraphsub2024.left, .paragraphsub2024.left.opsomming {
    font-size: 16px;
  }

  .voordelenwfmsoftwarecontainer2024 {
    max-width: 1440px;
  }

  .herotekst2024.wit, .herotekst2024.zwart {
    font-size: 20px;
  }

  .stratexwfmsuitecomponentencontainer2024, .flexibiliteitiingebruiksoftware2024, .demopilotstratexsoftwarecontainer2024, .waaromssoftwarectn2024, .contactpersonenctn2024 {
    max-width: 1440px;
  }

  .demoaanvragenformulierctn2024 {
    max-width: 14400px;
  }

  .linkheadersub {
    font-size: 18px;
  }

  .swfmsuitevoordelenctn2024 {
    max-width: 1440px;
  }

  .dropdown2024 {
    font-size: 18px;
  }

  .heromensensubctn2024, .roltekstctn2024, .roluitgelichtctn2024, .takenmensenctn2024, .herohomepaginactn2024, .highlevelbuttonctn2024, .expertisectn2024 {
    max-width: 1440px;
  }

  .linkintekst2024, .linkintekst2024.vacature {
    font-size: 20px;
  }

  .wanneerkiezenswfmsuite2024, .demoswfmsuitec2024, .functionaliteitenforecastingc2024, .voordelenvoorbeeldenctn2024, .voordelenservicesc2024, .hoehetwerktctn2024, .heroservicessubctn2024, .praktijkgerichtctn2024, .mixmatchtrainingenctn2024, .modulairetrainingenctn2024, .toekomstctn2024, .totaalplaatjectn2024, .continuverbeterenctn2024, .beterklantcontactctn2024, .verwachtingctn2024 {
    max-width: 1440px;
  }

  .herotekst2024-home.wit {
    font-size: 24px;
  }

  .heading12024-home.wit {
    font-size: 48px;
  }

  .link-block-2 {
    font-size: 18px;
  }

  .herovacaturesctn2024, .contactgegevensctn2024, .herocontactctn2024, .heronewsinsightsctn2024, .herooveronsctn2024, .overonsctn2024, .destratexaanpakctn2024, .samenwerkinglidmaatschapctn2024, .onsteamctn2024, .sponsorpunjabctn2024, .onzeresultatenctn2024 {
    max-width: 1440px;
  }

  .paragraphsub2024-2 {
    font-size: 18px;
  }

  .paragraphsub2024-2.left, .paragraphsub2024-2.left.opsomming {
    font-size: 16px;
  }

  .blog---title-2024 {
    font-size: 18px;
  }

  .containerblog2024 {
    justify-content: center;
    align-items: stretch;
    max-width: 1440px;
  }

  .blogintro2024, .blogbody2024 {
    font-size: 18px;
  }

  .blogbody2024 blockquote {
    width: 60%;
    margin-top: 70px;
    margin-bottom: 70px;
  }

  .blogbody2024 a {
    font-size: 20px;
  }

  .text-block-10 {
    font-size: 18px;
  }

  .containerrecenteblog2024 {
    max-width: 1440px;
  }

  .text-block-12 {
    font-size: 18px;
  }

  .herovacaturectn2024 {
    max-width: 1440px;
  }

  .headerfunctietitel2024 {
    font-size: 50px;
  }

  .vacatureintrotekstctn2024 {
    max-width: 1200px;
  }

  .vacatureintrotekstctn2024.center {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .vacatureinhoudctn2024 {
    max-width: 1200px;
  }

  .vacatureinhoudctn2024.center {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .vacaturebottomctn2024 {
    max-width: 1320px;
  }

  .vacaturebottomctn2024.center {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .paragraph2024-3 {
    font-size: 20px;
  }

  .paragraph2024-3.medium {
    font-size: 22px;
  }

  .paragraph2024-3.large {
    font-size: 26px;
  }

  .paragraph2024-3.introblock {
    font-size: 38px;
  }

  .paragraph2024-3.limit1 {
    max-width: 75%;
  }

  .paragraph2024-3.introblock-2 {
    font-size: 38px;
  }

  .text-block-13 {
    font-size: 18px;
  }

  .eindejaarscadeauintroctn, .eindejaarscadeausctn, .eindejaarscadeauformulierctn {
    max-width: 1440px;
  }

  .paragraphlinks {
    font-size: 20px;
  }

  .paragraphlinks.left, .paragraphlinks.left.opsomming {
    font-size: 16px;
  }

  .heading2-4 {
    font-size: 32px;
  }

  .text-block-14 {
    font-size: 20px;
  }

  .stratexassociatectn {
    max-width: 1440px;
  }

  .paragraph16, .paragraph16.wit {
    font-size: 20px;
  }

  .heading22024-30pt {
    font-size: 32px;
  }

  .heading32024-light.blog {
    min-height: 50px;
  }

  .heading32024-light.center {
    font-size: 22px;
  }

  .heading32024-light.left.opsomming, .heading32024-light.center.opsomming {
    font-size: 20px;
  }

  .heading32024-light.wit {
    font-size: 24px;
  }

  .heroeventsctn, .eventsctn {
    max-width: 1440px;
  }

  .eventtekst {
    max-width: 1320px;
  }

  .eventtekst.center {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .eventsformulierctn, .vacatureformulierctn {
    max-width: 1440px;
  }

  .heading22024-vac {
    font-size: 32px;
  }

  .herotrainingctn, .trainingomschrijvingctn, .trainingdetailsctn, .trainingformulierctn, .herotrainingenctn {
    max-width: 1440px;
  }

  .heading22024-2 {
    font-size: 32px;
  }

  .upstrainingenctn {
    max-width: 1440px;
  }

  .paragraphsub2024_2 {
    font-size: 18px;
  }

  .paragraphsub2024_2.left {
    font-size: 16px;
  }

  .heading32024-2.center {
    font-size: 22px;
  }

  .heading22024-2-2 {
    font-size: 32px;
  }

  .collection-item-6 {
    display: flex;
  }

  .trainingencxctn, .trainingenleadctn, .trainingenwfmctn {
    max-width: 1440px;
  }

  .paragraphsubtraining {
    font-size: 20px;
  }

  .paragraphsubtraining.left, .paragraphsubtraining.left.opsomming {
    font-size: 16px;
  }

  .trainingenpoctn, .onzetrainingenctn {
    max-width: 1440px;
  }

  .heading-02 {
    font-size: 32px;
  }

  .heading-02.left {
    color: var(--dark-grey);
  }

  .heading-01.vacature {
    font-size: 42px;
  }

  .heading-03.blog {
    min-height: 50px;
  }

  .heading-03.center {
    font-size: 22px;
  }

  .heading-03.left.opsomming, .heading-03.center.opsomming {
    font-size: 20px;
  }

  .heading-04.center, .heading-4-copy.center, .heading-05.center, .heading-06.center {
    font-size: 16px;
  }

  .link-01, .link-01.vacature {
    font-size: 20px;
  }

  .buintroctn, .buactiviteitctn {
    max-width: 1440px;
  }

  .paragraphbu {
    font-size: 20px;
  }

  .paragraphbu.left, .paragraphbu.left.opsomming {
    font-size: 16px;
  }

  .paragraphbu-2 {
    font-size: 20px;
  }

  .paragraphbu-2.left, .paragraphbu-2.left.opsomming {
    font-size: 16px;
  }

  .buformulierctn, .headercricketeventctn, .formuliercricketinfoctn {
    max-width: 1440px;
  }
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 44px;
  }

  h3 {
    font-size: 30px;
  }

  .body {
    font-size: 17px;
  }

  .container {
    padding-left: 40px;
    padding-right: 40px;
  }

  .container.center {
    text-align: left;
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .navbar {
    background-color: var(--white);
    padding: 4px 8px;
  }

  .button {
    justify-content: center;
  }

  .button.demo {
    width: auto;
  }

  .navmenu---links-wrapper {
    width: 45vw;
  }

  .navmenu---link {
    margin-bottom: 5px;
  }

  .paragraph.large {
    font-size: 24px;
  }

  .paragraph.introblock, .paragraph.introblock-2 {
    font-size: 26px;
  }

  .element-3---grid {
    margin-bottom: 100px;
  }

  .element-b---name-tag-text {
    font-size: 16px;
  }

  .element-b---name-tag-text.name {
    font-size: 22px;
  }

  .link-text {
    font-size: 18px;
  }

  .header---name-wrap {
    margin-right: 8px;
  }

  .bp-indicator {
    z-index: 9999;
  }

  .bp-indicator---text.base, .bp-indicator---text._1920 {
    display: none;
  }

  .bp-indicator---text._991 {
    display: block;
  }

  .navbar---logo {
    width: 50px;
  }

  .collection-list-wrapper {
    align-self: stretch;
  }

  .collection-list-grid {
    grid-column-gap: 8px;
  }

  .collection-list-grid._4 {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .grid-3c {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    grid-template-columns: 1fr;
    max-width: 400px;
  }

  .collection-list-grid-blog {
    grid-column-gap: 8px;
  }

  .navbar---logotext {
    margin-bottom: 6px;
    font-size: 24px;
  }

  .link {
    font-size: 17px;
  }

  .header-video---container {
    padding-left: 40px;
    padding-right: 40px;
  }

  .element-c---content-grid {
    padding-top: 50px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .header-blog {
    height: 50vh;
  }

  .header-blog---container {
    padding-left: 40px;
    padding-right: 40px;
  }

  .grid-wfm-services {
    grid-column-gap: 0px;
    grid-row-gap: 50px;
    grid-template-columns: 1fr;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .card-wrapper, .tile---link {
    padding: 50px;
  }

  .contact---link {
    font-size: 17px;
  }

  .header-split {
    margin-bottom: 50px;
  }

  .header-split---grid {
    grid-template-rows: 1fr .5fr;
    grid-template-columns: 1fr;
  }

  .header-split---content-text {
    justify-content: flex-start;
    width: auto;
    margin-top: 40px;
    padding-right: 0;
  }

  .header-split---name-wrap {
    margin-right: 8px;
    inset: auto 0% 0% auto;
  }

  .header-split---name-content {
    margin-left: 0;
  }

  .header-split---title-wrap {
    margin-bottom: 20px;
  }

  .header-split---colour-line-wrapper {
    display: none;
  }

  .header-split---colour-line-wrapper.mob {
    width: auto;
    display: flex;
    transform: none;
  }

  .container-split-header {
    padding-left: 40px;
    padding-right: 40px;
  }

  .paragraph-header {
    font-size: 17px;
  }

  .team---mob-pop-up-wrapper, .team---mob-tile-wrapper {
    display: none;
  }

  .header---photo-container {
    padding-left: 40px;
    padding-right: 40px;
  }

  .button-2 {
    justify-content: center;
  }

  .collection-item---vacature {
    min-height: 400px;
  }

  .rte-vacature ul {
    padding-left: 40px;
  }

  .vacature-section-wrapper {
    padding-top: 40px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .header-split---content-visual-vacature {
    margin-top: 50px;
    padding-top: 40px;
  }

  .vacature-form {
    padding: 40px;
  }

  .vacature---contact-block {
    display: none;
  }

  .form-wrapper {
    width: 40vw;
  }

  .temp---zapier-layout {
    flex-direction: column;
  }

  .event---sign-up-wrapper {
    text-align: center;
    flex-direction: column;
    grid-template-columns: 1fr 1fr;
    align-items: center;
  }

  .event---sign-up-text {
    text-align: left;
    margin-bottom: 20px;
    margin-right: 0;
  }

  .header-split---sign-up-wrapper {
    margin-top: 40px;
  }

  .event-item---wrapper {
    height: auto;
    margin-bottom: 10px;
    padding-right: 10px;
  }

  .event-item---image-cover {
    width: 350px;
    margin-right: 5px;
  }

  .event-item---content {
    flex-direction: column;
    justify-content: center;
    display: flex;
  }

  .event-item-h3 {
    font-size: 20px;
    line-height: 20px;
  }

  .event-item---summary {
    position: static;
  }

  .events---search-form {
    padding: 50px 80px;
  }

  .event-item---title {
    font-size: 12px;
  }

  .collection-item---training {
    min-height: 400px;
  }

  .recaptcha-wrapper {
    transform: scale(.9);
  }

  .nav---container {
    justify-content: space-between;
  }

  .brand {
    height: 60px;
    position: static;
  }

  .nav-menu {
    background-color: var(--white);
    height: 100vh;
    position: absolute;
    overflow: auto;
  }

  .nav-item {
    background-color: var(--white);
    border-bottom-style: none;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    height: auto;
    margin-right: 0;
    padding-top: 8px;
    padding-bottom: 8px;
    display: flex;
  }

  .nav-item:hover {
    border-bottom-style: none;
  }

  .nav-item---dropdown-toggle {
    height: auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  .nav-item---dropdown-menu.w--open {
    justify-content: center;
    margin-top: 8px;
    padding-left: 8px;
    padding-right: 8px;
    display: flex;
    position: static;
  }

  .dropdown-menu-grid {
    grid-template-columns: 1fr;
  }

  .dropdown-menu-link-grid {
    margin-bottom: 16px;
    margin-left: 0;
  }

  .menu-link---block {
    border-bottom-style: none;
    width: auto;
    margin-bottom: 10px;
    margin-right: 10px;
  }

  .menu-link---title {
    font-size: 16px;
    line-height: 1.2;
  }

  .menu-link---description {
    font-size: 14px;
    line-height: 1.2;
  }

  .dropdown-menu-content {
    padding-top: 0;
  }

  .dropdown-menu-content.right {
    border: 1px solid var(--menu-border-grey);
    margin-top: 0;
    margin-bottom: 30px;
    padding: 30px 0;
    display: none;
  }

  .dropdown-menu-content---wrapper {
    max-width: 500px;
  }

  .menu-button {
    background-color: #0000;
    font-size: 32px;
  }

  .menu-button.w--open {
    background-color: var(--white);
  }

  .icon {
    color: var(--black);
  }

  .card-b---wrapper {
    padding: 60px 75px 75px;
  }

  .card-b---icon-wrapper {
    height: 125px;
  }

  .card-b---icon-image {
    width: 75%;
  }

  .paragraph-2 {
    font-size: 17px;
  }

  .legenda---kleur.marge {
    margin-left: 10px;
  }

  .testimonial-quote-image {
    display: none;
  }

  .client---logo-image {
    padding: 30px;
  }

  .logo-bar---grid-list {
    grid-template-rows: 100px;
    grid-auto-rows: 100px;
  }

  .element-c---container {
    padding-top: 50px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .teams-search {
    padding: 50px 80px;
  }

  .nav-item---link-block {
    display: none;
  }

  .banner-button {
    margin-bottom: 20px;
    margin-right: 0;
  }

  .banner-button---title {
    font-size: 20px;
  }

  .header-split---photo-bg {
    background-position: 50% 20%;
  }

  .text-block-8 {
    font-size: 14px;
  }

  .new-header {
    align-items: center;
    padding-left: 0;
    padding-right: 0;
  }

  .new-header---container {
    margin-bottom: 0;
    padding-left: 40px;
    padding-right: 40px;
  }

  .new-header---button-2, .new-header---button-1 {
    justify-content: center;
  }

  .new-header---bg-switch {
    background-image: linear-gradient(to bottom, var(--sx-red), var(--sx-red)), linear-gradient(to right, #d74e37ed 41%, transparent 82%), url("https://cdn.prod.website-files.com/60929c060029128006b5acb9/63dcf82c2156a72717ce4d19_Team%2001%20cropped%20copy.jpg");
    background-position: 0 0, 0 0, 100% 0;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, auto 100%;
    background-attachment: scroll, scroll, scroll;
  }

  .ribbon {
    height: auto;
    padding-top: 6px;
    padding-bottom: 6px;
  }

  .navbarctn2024 {
    margin-top: 0;
  }

  .nav-link-2024 {
    background-color: var(--white);
  }

  .nav-link-2024.vacatures {
    border-radius: 0;
    width: 100%;
    margin-left: 0;
  }

  .highlevelbuttonset2024 {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    width: 100%;
  }

  .div-block-30 {
    align-items: center;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .button2024 {
    font-size: 12px;
  }

  .button2024.hero.mobile, .button2024.hero.mobilemensensub {
    display: none;
  }

  .heading12024.wit, .heading12024.zwart, .heading12024.vacature {
    margin-left: 5%;
  }

  .expertisewrapper2024 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .newsinsightswerken2024 {
    flex-flow: column;
    display: flex;
  }

  .newsinsight2024 {
    width: 100%;
    margin-right: 0;
  }

  .werkenbij2024 {
    flex-flow: row;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .headerwerkenbij2024 {
    width: 50%;
  }

  .containernewsinsightswerk2024 {
    flex-flow: column;
    padding-left: 10px;
    padding-right: 10px;
  }

  .herosoftwarecontainer2024 {
    width: 100%;
  }

  .paragraphherosub2024 {
    margin-left: 5%;
    margin-right: 5%;
    font-size: 14px;
  }

  .werkbijkolomvacatures2024 {
    width: 50%;
  }

  .containernewsinsightswerkbuttons2024-copy {
    display: none;
  }

  .heading1sub2024 {
    margin-left: 5%;
    margin-right: 5%;
    font-size: 28px;
  }

  .heading1sub2024.mensen, .heading1sub2024.mensen.wit {
    margin-left: 5%;
  }

  .herohomepaginaimage2024 {
    width: 50%;
  }

  .herotekst2024.wit, .herotekst2024.zwart {
    margin-left: 5%;
  }

  .div-block-48 {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .div-block-53 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .linkheadersub.mobile {
    justify-content: center;
    align-items: center;
    display: none;
  }

  .dropdown2024 {
    background-color: var(--white);
  }

  .heromensensubctn2024 {
    width: 100%;
  }

  .body-3 {
    overflow: visible;
  }

  .takenmensengrid2024-3c2r {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .herohomepaginactn2024 {
    width: 100%;
  }

  .highlevelbuttonsetmensen2024 {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    width: 100%;
  }

  .image-17 {
    margin-top: 5px;
  }

  .menu-button-2:active, .menu-button-2:focus {
    background-color: var(--body-grey);
  }

  .buttonsetwfmers2024 {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    width: 100%;
    margin-bottom: 10px;
  }

  .div-1-button, .div-2-buttonswfm {
    align-items: center;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .heroservicesctn2024 {
    width: 100%;
  }

  .contactpersonencw2024-3 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: center;
    align-self: auto;
  }

  .heroservicessubctn2024 {
    width: 100%;
  }

  .modulairetraininggrid2024-4c {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .herotekst2024-home.wit, .heading12024-home.wit {
    margin-left: 5%;
  }

  .herovacaturesctn2024, .herocontactctn2024, .heronewsinsightsctn2024, .herooveronsctn2024 {
    width: 100%;
  }

  .blogcontent2024 {
    width: 95%;
  }

  .blogsidebar2024 {
    display: none;
  }

  .containerrecenteblog2024 {
    width: 95%;
  }

  .herovacaturectn2024 {
    width: 100%;
  }

  .herovacaturetekst2024 {
    width: 50%;
  }

  .headerfunctietitel2024 {
    margin-left: 5%;
  }

  .vacaturetags2024 {
    flex-flow: column;
  }

  .imagevacature2024 {
    width: 100%;
    height: 100%;
  }

  .vacatureintrotekstctn2024 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .vacatureintrotekstctn2024.center {
    text-align: left;
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .vacatureinhoudctn2024 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .vacatureinhoudctn2024.center {
    text-align: left;
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .vacaturebottomctn2024 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .vacaturebottomctn2024.center {
    text-align: left;
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .paragraph2024-3.large {
    font-size: 24px;
  }

  .paragraph2024-3.introblock, .paragraph2024-3.introblock-2 {
    font-size: 26px;
  }

  .heading2-3 {
    font-size: 20px;
  }

  .heroeventsctn, .eventscontent {
    width: 100%;
  }

  .eventssidebar {
    display: none;
  }

  .eventtekst {
    padding-left: 40px;
    padding-right: 40px;
  }

  .eventtekst.center {
    text-align: left;
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .div-block-63 {
    flex-flow: column;
    display: inline-flex;
  }

  .herotrainingctn {
    width: 100%;
  }

  .herotrainingimage-div {
    width: 50%;
  }

  .trainingomschrijving {
    margin-top: 20px;
  }

  .trainingomschrijvingctn {
    flex-flow: column;
  }

  .trainingomschrijvingimage-div {
    width: 100%;
    display: none;
  }

  .trainingomschrijvingtekst-div {
    width: 100%;
  }

  .trainingdetails-div {
    margin-right: 10px;
  }

  .herotrainingenctn {
    width: 100%;
  }

  .collection-list-wrapper-4 {
    margin-left: 20px;
    margin-right: 20px;
  }

  .heading-01.wit, .heading-01.zwart, .heading-01.vacature {
    margin-left: 5%;
  }

  .headingbu {
    font-size: 20px;
  }

  .headercricketeventctn {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .container {
    padding-left: 16px;
    padding-right: 16px;
  }

  .button.vacature-upload {
    align-self: stretch;
    width: auto;
  }

  .paragraph.introblock, .paragraph.introblock-2 {
    font-size: 22px;
  }

  .element-3---grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    margin-bottom: 60px;
  }

  .element-3---grid.alt-layout, .element-3---grid.alt-layout.reverse {
    grid-template-columns: 1fr;
  }

  .section-title {
    align-self: flex-start;
    margin-bottom: 30px;
  }

  .collection-list-grid, .collection-list-grid._4 {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .blog---content {
    height: 350px;
  }

  .blog---summary {
    display: none;
  }

  .collection-list-wrapper-blog-featured {
    align-self: center;
    max-width: 300px;
    margin-top: 15px;
  }

  .collection-list-grid-blog {
    grid-template-columns: 1fr;
  }

  .collection-item---team {
    height: 380px;
    display: none;
  }

  .team---content {
    height: 100%;
  }

  .team---links-wrapper {
    justify-content: center;
    height: 40px;
    margin-bottom: 20px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .team---profile-image {
    height: 340px;
  }

  .team---name-clr {
    position: static;
  }

  .link-text---wrapper {
    text-align: right;
    padding-right: 40px;
  }

  .teams---fade {
    display: none;
  }

  .collection-list-wrapper-team {
    width: 100%;
  }

  .sub-section-title {
    align-self: flex-start;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
  }

  .element-image-mask.partner {
    border: 1px solid var(--border-colour);
    background-color: var(--white);
    width: 75vw;
    height: 35vw;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  .contact-info-grid {
    align-self: flex-start;
    padding-left: 16px;
    padding-right: 16px;
  }

  .container-split-header {
    padding-left: 16px;
    padding-right: 16px;
  }

  .team---info {
    display: none;
  }

  .team---mob-pop-up-wrapper {
    z-index: 1;
    background-color: #fffc;
    justify-content: center;
    align-items: center;
    display: none;
    position: fixed;
    inset: 0%;
  }

  .team---mob-pop-up-tile {
    background-color: var(--white);
    color: var(--black);
    text-align: center;
    flex-direction: column;
    width: 280px;
    height: 480px;
    position: relative;
    box-shadow: 4px 4px 13px #0000001a;
  }

  .team---mob-tile-wrapper {
    border: 2px solid var(--border-colour);
    color: var(--black);
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    display: block;
  }

  .collection-list-wrapper-blog {
    max-width: 300px;
    margin-top: 15px;
  }

  .blog---client-logo-grid {
    padding-left: 0;
    padding-right: 0;
  }

  .blog---author-image-wrapper {
    width: 30vw;
    min-width: 150px;
  }

  .collection-item---vacature {
    height: auto;
    padding: 40px 20px;
  }

  .vacature---title {
    align-self: flex-start;
    margin-bottom: 30px;
  }

  .rte-vacature ul {
    padding-left: 30px;
  }

  .vacature-section-wrapper {
    padding: 40px 20px;
  }

  .vacature---bottom-nav {
    height: 150px;
    margin-top: 50px;
  }

  .vacature-form {
    padding: 20px;
  }

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

  .footer---list-item {
    margin-bottom: 25px;
  }

  .footer---link.phone {
    margin-bottom: 0;
    margin-right: 0;
    display: flex;
  }

  .social-share-btn {
    margin-left: 12px;
  }

  .event---sign-up-wrapper {
    grid-template-columns: 1fr;
    grid-auto-flow: row;
  }

  .event-item---wrapper {
    flex-flow: column;
  }

  .event-item---image-cover {
    width: auto;
  }

  .event-item---content {
    padding-left: 12px;
  }

  .event-item-h3 {
    font-size: 26px;
  }

  .events---search-form {
    padding: 40px 10px;
  }

  .collection-item---training {
    padding: 40px 20px;
  }

  .collection-list-grid-training {
    grid-auto-flow: row;
  }

  .recaptcha-wrapper {
    transform: scale(.8);
  }

  .card-b---wrapper {
    min-height: 0;
  }

  .card-b---icon-image {
    width: 65%;
  }

  .element-3---divider-line {
    background-color: #e6e6e6;
    background-image: none;
  }

  .element-c---image {
    width: 80%;
  }

  .section-title-2 {
    align-self: flex-start;
    margin-bottom: 30px;
  }

  .logo-bar---grid-list {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .teams-search {
    padding: 40px 10px;
  }

  .anchor.professionals {
    margin-top: -50px;
    margin-bottom: 50px;
  }

  .banner-button---title {
    font-size: 18px;
  }

  .banner-button---content {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    padding: 10px;
  }

  .svg---arrow-right {
    width: 48px;
    height: 48px;
  }

  .new-header {
    align-items: center;
    height: 80vh;
  }

  .new-header---container {
    padding-left: 16px;
    padding-right: 16px;
  }

  .new-header---button-wrapper {
    margin-top: 50px;
  }

  .utility-page-content {
    width: 500px;
  }

  .iso-image {
    width: 150px;
  }

  .new-header---button-1 {
    margin-bottom: 24px;
  }

  .ribbon {
    height: auto;
    padding-left: 8px;
    padding-right: 8px;
  }

  .heading1sub2024.mensen, .heading1sub2024.mensen.wit {
    font-size: 28px;
  }

  .contactpersonencw2024 {
    width: 100%;
  }

  .heromensensubctn2024, .heroservicessubctn2024 {
    padding-top: 5px;
    padding-bottom: 11px;
  }

  .contactgegevenswrapper2024 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .utility-page-buttons {
    width: 500px;
  }

  .blogpartnerlogogrid2024 {
    padding-left: 0;
    padding-right: 0;
  }

  .collectionlistrecenteblogs2024 {
    max-width: 300px;
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
  }

  .vacatureintrotekstctn2024, .vacatureinhoudctn2024, .vacaturebottomctn2024 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .paragraph2024-3.introblock, .paragraph2024-3.introblock-2 {
    font-size: 22px;
  }

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

  .bodytextformulier {
    width: 100%;
  }

  .flex-block {
    flex-flow: column;
  }

  .stratexassociategrid {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .stratexassociatecard {
    padding-left: 60px;
    padding-right: 60px;
  }

  .stratexassociatediv {
    flex-flow: column;
  }

  .stratexassociatedivimage {
    text-align: center;
    width: 100%;
  }

  .div-block-62 {
    text-align: left;
    width: 100%;
  }

  .image-21 {
    max-width: 80%;
  }

  .heroeventsctn {
    padding-top: 5px;
    padding-bottom: 11px;
  }

  .eventscontent {
    width: 100%;
  }

  .eventssidebar {
    display: none;
  }

  .eventtekst {
    padding-left: 16px;
    padding-right: 16px;
  }

  .formulierevents {
    width: 100%;
  }

  .div-block-63 {
    flex-flow: column;
    display: inline-flex;
  }

  .herotrainingimage-div {
    align-self: flex-end;
  }

  .trainingdetailsopsomming-div {
    padding-right: 10px;
  }

  .formuliertraining {
    width: 100%;
  }

  .trainingdetails-div {
    padding-right: 20px;
  }

  .herotrainingenctn {
    padding-top: 5px;
    padding-bottom: 11px;
  }

  .onzetrainingendiv-lijst {
    flex-flow: column;
  }

  .trainingenlijstmanagement, .trainingenlijstwfm, .trainingenlijstklantadviseurs, .trainingenlijstpo {
    width: 100%;
    padding-left: 40px;
  }

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

  .formulierciflexblock {
    flex-flow: column;
  }

  .formulierbodytextci, .formulierci {
    width: 100%;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 40px;
  }

  h2 {
    font-size: 32px;
  }

  h3 {
    font-size: 26px;
  }

  .body {
    font-size: 16px;
    line-height: 1.6;
  }

  .container {
    width: 100%;
    max-width: 100%;
    padding-top: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .navbar, .navbar.noclick {
    padding: 4px 8px;
  }

  .button {
    text-align: center;
    justify-content: center;
    align-items: center;
    padding: 8px 15px;
    font-size: 17px;
    display: block;
  }

  .button.b_white {
    background-color: var(--white);
    color: var(--text);
  }

  .navbar---links-wrapper {
    align-self: center;
    margin-top: 4px;
    padding-bottom: 0;
  }

  .section {
    margin-bottom: 50px;
  }

  .navmenu---links-wrapper {
    width: 65vw;
  }

  .navmenu---link {
    margin-bottom: 10px;
    padding-top: 4px;
    padding-bottom: 4px;
  }

  .lottie-menu-burger {
    width: 32px;
    height: 32px;
  }

  .paragraph {
    margin-bottom: 30px;
  }

  .paragraph.large {
    font-size: 18px;
  }

  .paragraph.introblock {
    font-size: 19px;
  }

  .paragraph.mini {
    font-size: 11px;
  }

  .paragraph.introblock-2 {
    font-size: 19px;
  }

  .pre-title {
    align-self: flex-start;
  }

  .element-3---grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    margin-bottom: 80px;
  }

  .element-3---grid.partner {
    margin-bottom: 30px;
  }

  .element-3---grid.alt-layout {
    margin-bottom: 50px;
  }

  .element-image.phone {
    width: 80%;
  }

  .element-b---name-tag {
    margin-bottom: 10px;
    margin-left: 0;
    padding-left: 0;
    right: auto;
  }

  .element-b---name-tag.rood {
    margin-bottom: 5px;
  }

  .element-b---name-tag-content {
    margin-bottom: 0;
    padding: 4px;
  }

  .element-b---name-tag-text {
    font-size: 11px;
  }

  .element-b---name-tag-text.name {
    font-size: 15px;
    line-height: 1.4;
  }

  .element-3---name-tag-bg-mirror {
    margin-bottom: 5px;
    margin-right: 0;
    padding-right: 0;
    left: 0%;
    right: auto;
  }

  .grid {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
  }

  .header {
    margin-bottom: 50px;
    padding-top: 30px;
  }

  .header---title-wrap {
    height: 50%;
  }

  .header---title-wrap.full-height {
    justify-content: flex-end;
    height: 100%;
  }

  .clients---filter-label {
    padding: 4px;
    font-size: 16px;
  }

  .section-title {
    margin-bottom: 40px;
  }

  .element-3---title-wrap {
    margin-top: 30px;
    margin-bottom: 20px;
  }

  .element-3---title-wrap.partner {
    margin-top: 20px;
  }

  .pop-up-close {
    top: -7vh;
    right: -6vw;
  }

  .link-text {
    font-size: 17px;
    line-height: 1.6;
  }

  .header---name-wrap {
    margin-bottom: 12px;
    padding-right: 8px;
  }

  .header---name-content {
    padding: 5px 10px;
  }

  .header---name {
    font-size: 20px;
  }

  .header---name.subtitle {
    font-size: 16px;
  }

  .navbar---log-in-link {
    font-size: 15px;
  }

  .bp-indicator---text._991 {
    display: none;
  }

  .bp-indicator---text.mobiel {
    display: block;
  }

  .navbar---logo {
    width: 40px;
  }

  .pipedrive---form {
    margin-top: 20px;
    margin-bottom: 50px;
  }

  .collection-list-grid {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template-columns: 1fr;
  }

  .collection-list-grid._4 {
    grid-template-columns: 1fr 1fr;
  }

  .blog-tile---author-wrapper {
    height: 40px;
  }

  .blog---text-fade {
    margin-bottom: 100px;
  }

  .blog---content {
    height: 250px;
  }

  .collection-list-wrapper-blog-featured {
    margin-bottom: 25px;
  }

  .collection-item {
    margin-bottom: 0;
  }

  .video---play-button-text {
    padding: 8px 15px;
  }

  .blog---search-input-field {
    width: 60%;
  }

  .blog---detail-text {
    padding-right: 10px;
    font-size: 16px;
  }

  .blog---author-iamge {
    width: 100px;
  }

  .grid-3c {
    max-width: none;
  }

  .collection-list-grid-blog {
    grid-column-gap: 9px;
    grid-row-gap: 9px;
    grid-template-columns: 1fr;
  }

  .navmenu---link-text {
    line-height: 1;
  }

  .navbar---logotext {
    font-size: 20px;
  }

  .header---colour-line-wrapper {
    margin-bottom: 50px;
  }

  .collection-item---team {
    max-width: 220px;
    height: 350px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    display: none;
  }

  .team---link-icon {
    margin: 4px 8px;
  }

  .link {
    font-size: 16px;
  }

  .header-video---container {
    padding-left: 16px;
    padding-right: 16px;
  }

  .link-text---wrapper {
    text-align: right;
    padding-left: 0;
    padding-right: 40px;
  }

  .teams---fade {
    margin-bottom: 40px;
    display: none;
  }

  .collection-list-wrapper-team {
    width: 100%;
  }

  .sub-section-title {
    text-align: center;
    margin-bottom: 30px;
  }

  .element-image-mask {
    align-items: flex-start;
    width: 85vw;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    overflow: hidden;
    box-shadow: 4px 4px 13px #00000040;
  }

  .element-image-mask.partner {
    border: 1px solid var(--border-colour);
    background-color: var(--white);
    height: 40vw;
    padding-left: 20px;
    padding-right: 20px;
  }

  .sub-section-title {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .element-c---content-grid {
    justify-content: flex-start;
    height: auto;
  }

  .header-blog {
    margin-bottom: 50px;
  }

  .header-blog---container {
    padding-left: 8px;
    padding-right: 8px;
  }

  .header-blog---spacer {
    height: 30px;
  }

  .grid-wfm-services {
    width: auto;
  }

  .card-wrapper {
    margin: 0 30px;
    padding: 20px;
  }

  .red-subtitle {
    margin-bottom: 20px;
  }

  .tile---link {
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
    padding: 25px;
  }

  .quote-icon {
    width: 35px;
    margin-bottom: 20px;
  }

  .quote-icon.flip {
    margin-top: 20px;
  }

  .quote---name {
    font-size: 18px;
  }

  .quote---grid {
    grid-template-columns: auto;
    margin-bottom: 20px;
  }

  .empty-header {
    margin-bottom: 100px;
  }

  .contact-info-grid {
    grid-row-gap: 30px;
    grid-template-columns: 40px 1fr;
    margin-left: 8px;
    margin-right: 8px;
  }

  .contact---link {
    font-size: 16px;
    line-height: 1.6;
    display: inline-block;
  }

  .header-split---grid {
    height: 100vh;
  }

  .header-split---content-text {
    margin-top: 20px;
  }

  .header-split---name-wrap {
    margin-bottom: 0;
    padding-right: 0;
  }

  .header-split---name-content {
    margin-bottom: 10px;
    margin-right: 2px;
    padding: 5px 10px;
  }

  .container-split-header {
    padding-left: 16px;
    padding-right: 16px;
  }

  .header-split-h1 {
    font-size: 24px;
    line-height: 1.2;
  }

  .paragraph-header {
    font-size: 17px;
  }

  .rte-intro {
    font-size: 16px;
  }

  .rte-intro h2 {
    font-size: 24px;
  }

  .rte-intro p {
    font-size: 16px;
  }

  .rte-body {
    padding: 16px 0 0;
    font-size: 14px;
  }

  .rte-body h3 {
    font-size: 22px;
  }

  .rte-body blockquote {
    margin-left: 30px;
    margin-right: 30px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .demo-button-wrapper {
    margin-bottom: 50px;
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .rte-privacy {
    text-align: left;
    width: 100%;
  }

  .team---mob-pop-up-wrapper {
    display: none;
  }

  .team---mob-tile-wrapper {
    font-size: 14px;
  }

  .collection-list-wrapper-blog {
    align-self: center;
    max-width: 95%;
    margin-bottom: 25px;
  }

  .header---photo-container {
    padding-left: 8px;
    padding-right: 8px;
  }

  .blog---client-logo-block {
    padding: 16px;
  }

  .rte-blog-linkss {
    padding: 0 16px;
    font-size: 16px;
  }

  .rte-blog-linkss h3 {
    font-size: 22px;
  }

  .rte-blog-linkss blockquote {
    margin-left: 30px;
    margin-right: 30px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .blog---author-image-wrapper {
    min-width: 100px;
  }

  .button-2 {
    color: #fff;
    text-align: center;
    justify-content: center;
    align-items: center;
    padding: 8px 15px;
    font-size: 17px;
    display: block;
  }

  .cookie---close-x {
    top: 0;
    right: 0;
  }

  .cookie---banner {
    margin-left: auto;
    margin-right: auto;
    inset: auto 0% 0%;
  }

  .collection-item---vacature {
    height: auto;
  }

  .vacature---title {
    margin-bottom: 20px;
  }

  .vacature-section-wrapper {
    padding: 0 0 40px;
  }

  .vacature---bottom-nav {
    height: 80px;
    margin-top: 10px;
  }

  .form-block {
    align-self: stretch;
    width: 100%;
  }

  .footer---copyright {
    text-align: left;
  }

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

  .footer---list-item {
    min-height: 0;
  }

  .form-wrapper {
    min-width: 220px;
  }

  .form---text-field {
    overflow: visible;
  }

  .event---sign-up-wrapper {
    grid-template-columns: 1fr;
  }

  .form-sign-up-wrapper {
    width: auto;
  }

  .header-split---sign-up-wrapper {
    margin-top: 40px;
  }

  .event-item---wrapper {
    flex-direction: column;
    height: auto;
    margin-bottom: 40px;
    padding-left: 0;
    padding-right: 0;
  }

  .events-item---image {
    width: 100%;
    height: 100%;
  }

  .event-item---image-cover {
    width: auto;
    min-height: 140px;
  }

  .event-item---content {
    padding-left: 8px;
    padding-right: 8px;
  }

  .event-item-h3 {
    font-size: 24px;
  }

  .event-item---summary {
    min-height: 0;
    margin-top: 20px;
    position: static;
  }

  .events---filter-tags-wrapper {
    flex-direction: column;
  }

  .event---search-checkbox {
    margin-left: 2px;
    margin-right: 2px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .vacature---share {
    margin-bottom: 20px;
  }

  .event-item---tag {
    margin-left: 8px;
    padding-left: 4px;
    padding-right: 4px;
    font-size: 12px;
  }

  .event-item---tag.event {
    margin-left: 30px;
    margin-right: 140px;
  }

  .events---sort-wrapper {
    align-self: stretch;
    padding-left: 5px;
    padding-right: 5px;
  }

  .select-field---sort {
    padding: 0;
    font-size: 14px;
  }

  .flex-horizontal {
    margin-top: 4px;
    display: flex;
  }

  .collection-item---training {
    height: auto;
  }

  .card-b---wrapper {
    padding: 20px;
  }

  .card-b---icon-wrapper {
    height: 100px;
  }

  .card-b---icon-image {
    width: 60%;
  }

  .paragraph-2 {
    margin-bottom: 30px;
    font-size: 16px;
  }

  .element-3---title-wrap-2 {
    margin-top: 30px;
    margin-bottom: 20px;
  }

  .legenda---kleur {
    width: 10px;
    height: 10px;
  }

  .legenda---kleur.blue {
    margin-left: 10px;
  }

  .legenda---wrapper {
    justify-content: flex-start;
    margin-top: 5px;
    font-size: 11px;
  }

  .element-3---divider-line {
    margin-bottom: 50px;
  }

  .element-c---image {
    width: auto;
  }

  .section-title-2 {
    margin-bottom: 40px;
  }

  .client---logo-image {
    padding: 10px;
  }

  .element-c---container {
    justify-content: flex-start;
    height: auto;
  }

  .div-block-15 {
    display: none;
  }

  .header---title-wrap-software {
    height: 50%;
  }

  .utility-page-content {
    flex-flow: column;
    width: 100%;
  }

  .new-header-h1 {
    font-size: 42px;
  }

  .new-header---button-2, .new-header---button-1 {
    text-align: center;
    justify-content: center;
    align-items: center;
    margin-right: 0;
    padding: 8px 15px;
    font-size: 17px;
    display: block;
  }

  .navbarctn2024 {
    margin-top: 0;
    padding-top: 0;
  }

  .nav-link-2024.vacatures {
    border: 1px #000;
    border-radius: 0;
    width: 100%;
  }

  .navbar-2 {
    z-index: 10;
  }

  .highlevelbuttonset2024 {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex-flow: wrap;
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr;
    justify-content: flex-start;
    width: 90%;
    margin-left: 0;
    margin-right: 0;
  }

  .highlevelbutton2024 {
    border-radius: 20px;
  }

  .container-5 {
    flex-flow: column;
  }

  .div-block-28 {
    width: 100%;
    margin-bottom: 20px;
  }

  .div-block-29 {
    order: -1;
    width: 100%;
  }

  .div-block-30 {
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    justify-content: center;
    justify-items: center;
    display: flex;
  }

  .button2024 {
    margin-top: 10px;
  }

  .button2024.hero {
    display: none;
  }

  .button2024.hero.mobile {
    text-align: center;
    justify-content: center;
    align-items: center;
    margin-top: -29px;
    display: inline-flex;
  }

  .button2024.hero.mobilemensensub {
    text-align: center;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
    display: none;
  }

  .image-6 {
    vertical-align: baseline;
    order: 0;
    margin-bottom: 10px;
  }

  .container-6 {
    flex-flow: column;
    padding-left: 10px;
    padding-right: 10px;
  }

  .div-block-31, .div-block-32, .div-block-33, .div-block-34 {
    width: 100%;
  }

  .paragraphfooter2024 {
    padding-right: 20px;
  }

  .heading22024 {
    text-align: left;
    padding-left: 0;
    padding-right: 10px;
  }

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

  .heading22024.left {
    padding-left: 5px;
  }

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

  .paragraph2024-2 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .paragraph2024-2.left._0-padding-left {
    padding-left: 5%;
  }

  .heading12024.wit {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 30px;
  }

  .heading12024.zwart {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .heading12024.vacature {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 24px;
  }

  .expertisewrapper2024 {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .heading32024.blog, .heading32024.werkenbijons {
    margin-bottom: 5px;
  }

  .heading32024.left.opsomming, .heading32024.center.opsomming {
    font-size: 16px;
  }

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

  .logosklanten2024 {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    width: 100%;
  }

  .newsinsightswerken2024 {
    flex-flow: column;
    display: flex;
  }

  .newsinsight2024 {
    width: 100%;
  }

  .werkenbij2024 {
    flex-flow: column;
    width: 100%;
  }

  .headerwerkenbij2024 {
    width: 100%;
  }

  .link-3 {
    text-align: left;
    padding-right: 0;
  }

  .collection-item-3 {
    margin-right: 0;
  }

  .containernewsinsightswerk2024 {
    flex-flow: column;
  }

  .herosoftwarecontainer2024 {
    flex-flow: column;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    position: static;
  }

  .tekstheadersub2024 {
    order: 1;
    width: 100%;
  }

  .paragraphherosub2024 {
    margin-left: 5%;
    margin-right: 5%;
    font-size: 16px;
    display: inline-flex;
  }

  .paragraphherosub2024.wit {
    font-size: 16px;
  }

  .div-block-38 {
    text-align: left;
    width: 100%;
    min-height: 200px;
  }

  .werkbijkolomvacatures2024 {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  .contactpersoon2024 {
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .heading42024.wit {
    margin-top: 20px;
  }

  .containernewsinsightswerkbuttons2024-copy {
    display: none;
  }

  .heading1sub2024 {
    text-align: left;
    margin-left: 5%;
    margin-right: 5%;
    font-size: 28px;
  }

  .heading1sub2024.mensen {
    margin-left: 5%;
    font-size: 28px;
  }

  .heading1sub2024.mensen.wit {
    margin-left: 5%;
  }

  .collection-item-4 {
    border-left-style: none;
    border-right-style: none;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 10px;
  }

  .eventswrapper2024 {
    width: 90%;
    display: flex;
  }

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

  .paragraphsub2024 {
    text-align: left;
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
  }

  .paragraphsub2024.left.opsomming {
    font-size: 14px;
  }

  .paragraphsub2024.wit {
    text-align: left;
  }

  .voordelenwfmsuitegrid2024 {
    grid-template-columns: 1fr;
    justify-content: stretch;
  }

  .voordelenwfmsuitecard2024 {
    margin-left: 0;
    margin-right: 0;
    padding-left: 10px;
  }

  .voordelenwfmsoftwarecontainer2024 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    padding-top: 0;
  }

  .voordelenwfmsoftwareopsomming2024 {
    width: 100%;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 5%;
    padding-right: 5%;
  }

  .herohomepaginatekst2024, .herohomepaginaimage2024 {
    width: 100%;
  }

  .herotekst2024.wit, .herotekst2024.zwart {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .div-block-48 {
    grid-template-columns: 1fr;
  }

  .wfmsuitecomponentencard2024 {
    flex-flow: column;
  }

  .div-block-51 {
    margin-top: -40px;
  }

  .image-11 {
    width: 100%;
    margin-top: -20px;
  }

  .stratexwfmsuitecomponentencontainer2024 {
    padding-left: 5%;
    padding-right: 5%;
  }

  .div-block-53 {
    justify-content: center;
    align-items: center;
  }

  .form-block-2 {
    flex-flow: row;
  }

  .contactpersonenctn2024 {
    padding: 20px 5%;
  }

  .contactpersonencw2024 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    justify-content: stretch;
    place-items: center;
    width: 100%;
  }

  .formrow12024 {
    flex-flow: column;
  }

  .linkheadersub {
    display: none;
  }

  .linkheadersub.mobile {
    text-align: center;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

  .klantenssoftware2024 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    margin-left: 0;
    margin-right: 0;
  }

  .body-2 {
    overflow: visible;
  }

  .imageheadersubd2024 {
    text-align: center;
    width: 100%;
    margin-top: -30px;
    margin-bottom: 0;
  }

  .imageheadersub2024 {
    order: 1;
  }

  .link-4-copy {
    display: none;
  }

  .heromensensubctn2024 {
    flex-flow: column;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 0;
  }

  .body-3 {
    overflow: visible;
  }

  .expertisevisualsd2024 {
    text-align: left;
    width: 100%;
    min-height: 200px;
  }

  .roluitgelichtctn2024 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    padding-top: 0;
  }

  .expertisew2024 {
    width: 100%;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 5%;
    padding-right: 5%;
  }

  .expertisetekstd2024 {
    width: 100%;
    padding-top: 10px;
  }

  .buttonmobilemensend2024 {
    background-color: var(--white);
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

  .roldetailsii2024 {
    display: none;
  }

  .roldetailsii2024-mobile {
    display: inline-block;
  }

  .takenmensengrid2024-3c {
    grid-template-columns: 1fr;
    justify-content: stretch;
  }

  .takenvoordelencard2024 {
    margin-left: 0;
    margin-right: 0;
    padding-left: 10px;
  }

  .takenmensengrid2024-2c {
    grid-template-columns: 1fr;
    justify-content: stretch;
  }

  .expertisew2024-4c {
    width: 100%;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 5%;
    padding-right: 5%;
  }

  .takenmensengrid2024-2c2r, .takenmensengrid2024-2c3r, .takenmensengrid2024-3c2r {
    grid-template-columns: 1fr;
    justify-content: stretch;
  }

  .herohomepaginactn2024 {
    flex-flow: column;
    width: 100%;
  }

  .image-14 {
    width: 100%;
  }

  .collection-list-wrapper-2 {
    flex-flow: row;
    display: flex;
  }

  .highlevelbuttonsetmensen2024 {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex-flow: wrap;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
    justify-content: flex-start;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .takenconsultancygrid2024-2c {
    grid-template-columns: 1fr;
    justify-content: stretch;
  }

  .expertisew2024-5 {
    width: 100%;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 5%;
    padding-right: 5%;
  }

  .slider-4 {
    max-height: 125px;
  }

  .klantenssoftware2024-2 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    margin-left: 0;
    margin-right: 0;
  }

  .voordelenswfmsoftwared2024 {
    text-align: left;
    width: 100%;
    min-height: 200px;
  }

  .voordelenswfmsuitopsomming2024, .voordelensoftwareadherenceopsomming2024 {
    width: 100%;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 5%;
    padding-right: 5%;
  }

  .functionaliteitenforecastingc2024 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    padding-top: 0;
  }

  .functionaliteitenforecastingd2024 {
    text-align: left;
    width: 100%;
    min-height: 200px;
  }

  .voordelenservicesopsommingd2024, .functioaniteitencapacityopsomming2024, .functioaniteitenroosterenopsomming2024 {
    width: 100%;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 5%;
    padding-right: 5%;
  }

  .voorbeeldenvoordelengrid2024-3c {
    grid-template-columns: 1fr;
    justify-content: stretch;
  }

  .image-17 {
    margin-top: 5px;
  }

  .klantenmensen2024 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    margin-left: 0;
    margin-right: 0;
  }

  .expertisew2024-4 {
    width: 100%;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 5%;
    padding-right: 5%;
  }

  .menu-button-2 {
    background-color: var(--body-grey);
  }

  .buttonsetwfmers2024 {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex-flow: wrap;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
    width: 90%;
  }

  .div-1-button, .div-2-buttonswfm {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
  }

  .heroservicesctn2024 {
    flex-flow: column;
    width: 100%;
  }

  .contactpersonencw2024-3 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    justify-content: stretch;
    place-items: center;
    width: 100%;
  }

  .voordelenservicesc2024 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    padding-top: 0;
  }

  .voordelenservicesvisuald2024 {
    text-align: left;
    width: 100%;
    min-height: 200px;
  }

  .voordelenservicesopsommingd2024-5 {
    width: 100%;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 5%;
    padding-right: 5%;
  }

  .hoehetwerktgrid2024-3c {
    grid-template-columns: 1fr;
    justify-content: stretch;
  }

  .heroservicessubctn2024 {
    flex-flow: column;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 0;
  }

  .modulairetraininggrid2024-4c {
    grid-template-columns: 1fr;
    justify-content: stretch;
  }

  .moduletrainingencard2024 {
    margin-left: 0;
    margin-right: 0;
    padding-left: 10px;
  }

  .moduletrainingencard2024.geel, .moduletrainingencard2024.oranje, .moduletrainingencard2024.rood, .moduletrainingencard2024.indigo {
    padding-bottom: 10px;
  }

  .voordelenservicesopsommingd2024-3 {
    width: 100%;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 5%;
    padding-right: 5%;
  }

  .herotekst2024-home.wit {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .heading12024-home.wit {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .meernewsinsights2024, .meervacatures2024 {
    margin-bottom: 20px;
  }

  .herovacaturesctn2024 {
    flex-flow: column;
    width: 100%;
  }

  .contactgegevenswrapper2024 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
  }

  .herocontactctn2024 {
    flex-flow: column;
    width: 100%;
  }

  .heronewsinsightsctn2024 {
    flex-flow: column;
    align-items: center;
    width: 100%;
  }

  .herooveronsctn2024 {
    flex-flow: column;
    width: 100%;
  }

  .destratexaanpakctn2024, .sponsorpunjabctn2024 {
    flex-flow: column;
  }

  .onsteamgrid2024 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
    grid-template-areas: ".";
    grid-auto-rows: 1fr;
    grid-auto-columns: 1fr;
    justify-content: stretch;
    display: grid;
    overflow: visible;
  }

  .onsteamcard2024 {
    justify-content: flex-start;
    align-items: flex-start;
    margin-left: 0;
    margin-right: 0;
    padding-left: 10px;
  }

  .onzeresultaten2024 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .resultatengrid2024 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
    grid-template-areas: ".";
    grid-auto-rows: 1fr;
    grid-auto-columns: 1fr;
    justify-content: stretch;
    display: grid;
    overflow: visible;
  }

  .resultatencard2024 {
    justify-content: flex-start;
    align-items: flex-start;
    margin-left: 0;
    margin-right: 0;
    padding-left: 10px;
  }

  .imagepadding40 {
    vertical-align: baseline;
    order: 0;
    margin-bottom: 0;
    padding: 20px;
  }

  .paragraphsub2024-2 {
    text-align: left;
    padding-left: 5%;
    padding-right: 0;
    font-size: 14px;
  }

  .paragraphsub2024-2.left.opsomming {
    font-size: 14px;
  }

  .heading22024-2.wit {
    text-align: center;
  }

  .heading22024-2.left {
    padding-left: 5%;
  }

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

  .samenwerkingensteunlogo2024 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
    margin-left: 0;
    margin-right: 0;
  }

  .utility-page-buttons {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }

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

  .image-19 {
    align-self: center;
    max-width: 80%;
  }

  .blogcontent2024 {
    width: 100%;
  }

  .blogsidebar2024 {
    display: none;
  }

  .blogintro2024 {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 18px;
  }

  .blogintro2024 h2 {
    font-size: 24px;
  }

  .blogintro2024 p {
    font-size: 16px;
  }

  .blogbody2024 {
    padding: 16px 10px 0;
    font-size: 16px;
  }

  .blogbody2024 h3 {
    font-size: 22px;
  }

  .blogbody2024 blockquote {
    margin-left: 30px;
    margin-right: 30px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .blogauteurdatum2024 {
    padding-left: 10px;
    display: none;
  }

  .blogpartnerlogo2024 {
    max-height: 100px;
  }

  .collectionlistrecenteblogs2024 {
    align-self: center;
    max-width: 95%;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
  }

  .paragraph-14.no-padding.rechts {
    text-align: left;
    display: inline;
  }

  .paragraph-14.no-padding.r {
    text-align: right;
    vertical-align: baseline;
    font-weight: 700;
    display: inline-block;
  }

  .next {
    margin-left: auto;
    margin-right: auto;
  }

  .herovacaturectn2024 {
    flex-flow: column;
    width: 100%;
  }

  .herovacaturetekst2024 {
    width: 100%;
  }

  .headerfunctietitel2024 {
    margin-left: 0;
    padding-left: 10px;
    font-size: 32px;
    line-height: 1.2;
  }

  .vacaturetags2024 {
    flex-flow: column;
  }

  .imagevacature2024 {
    width: 100%;
    height: 100%;
  }

  .vacatureintrotekst2024 {
    margin-bottom: 20px;
  }

  .vacatureintrotekstctn2024, .vacatureinhoudctn2024 {
    width: 100%;
    max-width: none;
    padding-top: 20px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .vacacturebottom2024 {
    margin-bottom: 10px;
  }

  .vacaturebottomctn2024 {
    width: 100%;
    max-width: none;
    padding-top: 10px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .paragraph2024-3 {
    margin-bottom: 20px;
  }

  .paragraph2024-3.large {
    font-size: 18px;
  }

  .paragraph2024-3.introblock {
    font-size: 19px;
  }

  .paragraph2024-3.mini {
    font-size: 11px;
  }

  .paragraph2024-3.introblock-2 {
    font-size: 19px;
  }

  .paragraph2024-3.center {
    text-align: left;
  }

  .eindejaarscadeauformulier {
    overflow: visible;
  }

  .eindejaarscadeauformulierctn {
    margin-top: 10px;
  }

  .paragraphlinks {
    text-align: left;
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
  }

  .paragraphlinks.left.opsomming {
    font-size: 14px;
  }

  .paragraphlinks.wit {
    text-align: center;
    margin-bottom: 20px;
    font-size: 16px;
  }

  .bodytext {
    margin-top: 20px;
  }

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

  .heading2-3 {
    font-size: 18px;
  }

  .textdivcadeaus {
    height: 30px;
  }

  .heading2-4 {
    text-align: left;
    padding-left: 0;
    padding-right: 10px;
  }

  .heading2-4.wit {
    text-align: center;
  }

  .heading2-4.left {
    padding-left: 5%;
  }

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

  .bodytextformulier {
    width: 100%;
    padding-top: 10px;
  }

  .formulier {
    width: 100%;
  }

  .textfieldnaam {
    color: var(--black);
  }

  .flex-block {
    flex-flow: column;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
  }

  .recaptcha {
    overflow: auto;
  }

  .stratexassociate {
    padding-top: 0;
    padding-bottom: 0;
  }

  .stratexassociategrid {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
    grid-template-areas: ".";
    grid-auto-rows: 1fr;
    grid-auto-columns: 1fr;
    justify-content: stretch;
    display: grid;
    overflow: visible;
  }

  .stratexassociatecard {
    justify-content: flex-start;
    align-items: flex-start;
    margin-left: 0;
    margin-right: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .image-21 {
    max-width: 100%;
  }

  .paragraph16.light {
    font-size: 14px;
  }

  .heading22024-30pt {
    text-align: left;
    padding-left: 0;
    padding-right: 10px;
  }

  .heading22024-30pt.wit {
    text-align: center;
  }

  .heading22024-30pt.wit.left {
    text-align: left;
    padding-left: 0%;
  }

  .heading22024-30pt.left {
    padding-left: 5%;
  }

  .heading22024-30pt.center {
    text-align: center;
  }

  .heading32024-light.blog, .heading32024-light.werkenbijons {
    margin-bottom: 5px;
  }

  .heading32024-light.left.opsomming, .heading32024-light.center.opsomming {
    font-size: 16px;
  }

  .heroeventsctn {
    flex-flow: column;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 0;
  }

  .eventsctn {
    flex-flow: column;
  }

  .eventscontent {
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
  }

  .eventssidebar {
    width: 100%;
    margin-left: 0;
    display: none;
    overflow: visible;
  }

  .eventtekst {
    width: 100%;
    max-width: none;
    padding-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .eventsformulier {
    overflow: visible;
  }

  .eventsformulierctn {
    max-width: 100%;
    margin-top: 10px;
    padding-left: 2%;
    padding-right: 2%;
  }

  .formulierevents {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .textfieldorganisatie, .textfieldtel {
    color: var(--black);
  }

  .div-block-63 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-bottom: 20px;
    display: inline-flex;
  }

  .vacatureformulier {
    overflow: visible;
  }

  .vacatureformulierctn {
    max-width: 100%;
    margin-top: 10px;
    padding-left: 2%;
    padding-right: 2%;
  }

  .heading22024-vac {
    text-align: left;
    padding-left: 0;
    padding-right: 10px;
  }

  .heading22024-vac.wit {
    text-align: center;
  }

  .heading22024-vac.left {
    padding-left: 5%;
  }

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

  .textfieldachternaam {
    color: var(--black);
  }

  .headerimagetraining {
    width: 100%;
  }

  .herotrainingctn {
    flex-flow: column;
    width: 100%;
  }

  .herotrainingtekst-div, .herotrainingimage-div {
    width: 100%;
  }

  .trainingomschrijving {
    margin-top: 20px;
  }

  .trainingomschrijvingctn {
    flex-flow: column;
  }

  .trainingomschrijvingimage-div {
    width: 100%;
    display: block;
  }

  .trainingomschrijvingtekst-div {
    order: -1;
    width: 100%;
  }

  .trainingdetailsctn {
    flex-flow: column;
    margin-bottom: 0;
  }

  .trainingdetailsopsomming-div {
    order: -1;
    width: 100%;
    padding-right: 20px;
  }

  .trainingformulier {
    overflow: visible;
  }

  .trainingformulierctn {
    max-width: 100%;
    margin-top: 10px;
    padding-left: 2%;
    padding-right: 2%;
  }

  .formuliertraining {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .trainingdetails-div {
    order: -1;
    width: 100%;
  }

  .herotrainingenctn {
    flex-flow: column;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 0;
  }

  .heading22024-2 {
    text-align: left;
    padding-left: 0;
    padding-right: 10px;
  }

  .trainingvoordelencard {
    margin-left: 0;
    margin-right: 0;
    padding-left: 10px;
  }

  .paragraphsub2024_2 {
    text-align: left;
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
  }

  .usptrainingendiv {
    grid-template-columns: 1fr;
    justify-content: stretch;
  }

  .heading22024-2-2 {
    text-align: left;
    padding-left: 5%;
    padding-right: 10px;
  }

  .paragraphsubtraining {
    text-align: left;
    padding-left: 20px;
    padding-right: 10px;
    font-size: 14px;
  }

  .paragraphsubtraining.left.opsomming {
    font-size: 14px;
  }

  .paragraphsubtraining.wit {
    text-align: left;
  }

  .onzetrainingenctn {
    padding-left: 20px;
  }

  .onzetrainingendiv-lijst {
    padding-right: 20px;
  }

  .trainingenlijstmanagement, .trainingenlijstwfm, .trainingenlijstklantadviseurs, .trainingenlijstpo {
    padding-left: 0;
  }

  .rte-01 {
    margin-left: 0;
    margin-right: 10px;
  }

  .heading-02 {
    text-align: left;
    padding-left: 0;
    padding-right: 10px;
  }

  .heading-02.wit {
    text-align: center;
  }

  .heading-02.left {
    padding-left: 0%;
  }

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

  .heading-01.wit {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 30px;
  }

  .heading-01.zwart {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .heading-01.vacature {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 24px;
  }

  .heading-03.blog, .heading-03.werkenbijons {
    margin-bottom: 5px;
  }

  .heading-03.left.opsomming, .heading-03.center.opsomming {
    font-size: 16px;
  }

  .heading-04.wit, .heading-4-copy.wit, .heading-05.wit, .heading-06.wit {
    margin-top: 20px;
  }

  .tekstheadersub2024-mensen {
    order: -1;
    width: 100%;
  }

  .imageheadersubd2024-mensen {
    text-align: center;
    width: 100%;
    margin-top: -30px;
    margin-bottom: 0;
  }

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

  .image-24 {
    order: -1;
    width: 60%;
    height: 60%;
  }

  .buactiviteit1 {
    flex-flow: column;
  }

  .headingbu {
    font-size: 18px;
  }

  .butext {
    height: 30px;
  }

  .paragraphbu {
    text-align: left;
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
  }

  .paragraphbu.left.opsomming {
    font-size: 14px;
  }

  .paragraphbu.wit {
    text-align: center;
    margin-bottom: 20px;
    font-size: 16px;
  }

  .paragraphbu-2 {
    text-align: left;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
  }

  .paragraphbu-2.left.opsomming {
    font-size: 14px;
  }

  .paragraphbu-2.wit {
    text-align: center;
    margin-bottom: 20px;
    font-size: 16px;
  }

  .buformulier {
    overflow: visible;
  }

  .buformulierctn {
    margin-top: 10px;
    padding-left: 0%;
    padding-right: 0%;
  }

  .formulierbu {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .textfieldcricket {
    color: var(--black);
  }

  .headercricketeventctn {
    flex-flow: column;
    width: 100%;
  }

  .headercricketeventdiv {
    width: 100%;
  }

  .formuliercricketinfo {
    overflow: visible;
  }

  .formuliercricketinfoctn {
    margin-top: 10px;
    padding-left: 0%;
    padding-right: 0%;
  }

  .formulierciflexblock {
    flex-flow: column;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
  }

  .formulierbodytextci {
    width: 100%;
    padding-top: 10px;
  }

  .formulierci {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .textfieldbedrijf, .textfieldcontactpersoon {
    color: var(--black);
  }
}

#w-node-aeb77490-5ecf-025b-bbd0-6a73c1ab2ffb-c1ab2fcb {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-aeb77490-5ecf-025b-bbd0-6a73c1ab3003-c1ab2fcb {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: stretch stretch;
}

#w-node-aeb77490-5ecf-025b-bbd0-6a73c1ab3005-c1ab2fcb {
  place-self: center;
}

#w-node-aeb77490-5ecf-025b-bbd0-6a73c1ab300d-c1ab2fcb {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-bf119da1-7057-6580-4a0e-159cd27471b8-c1ab2fcb {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-bf119da1-7057-6580-4a0e-159cd27471c0-c1ab2fcb {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: stretch stretch;
}

#w-node-bf119da1-7057-6580-4a0e-159cd27471c2-c1ab2fcb {
  place-self: center;
}

#w-node-bf119da1-7057-6580-4a0e-159cd27471ca-c1ab2fcb {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-aeb77490-5ecf-025b-bbd0-6a73c1ab2fd8-c1ab2fcb {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-aeb77490-5ecf-025b-bbd0-6a73c1ab2fe0-c1ab2fcb {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: stretch stretch;
}

#w-node-aeb77490-5ecf-025b-bbd0-6a73c1ab2fe2-c1ab2fcb {
  place-self: center;
}

#w-node-aeb77490-5ecf-025b-bbd0-6a73c1ab2fed-c1ab2fcb {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-aeb77490-5ecf-025b-bbd0-6a73c1ab3027-c1ab2fcb {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-aeb77490-5ecf-025b-bbd0-6a73c1ab302f-c1ab2fcb {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: stretch stretch;
}

#w-node-aeb77490-5ecf-025b-bbd0-6a73c1ab3031-c1ab2fcb {
  place-self: center;
}

#w-node-aeb77490-5ecf-025b-bbd0-6a73c1ab3037-c1ab2fcb, #w-node-aeb77490-5ecf-025b-bbd0-6a73c1ab303a-c1ab2fcb, #w-node-aeb77490-5ecf-025b-bbd0-6a73c1ab303b-c1ab2fcb, #w-node-aeb77490-5ecf-025b-bbd0-6a73c1ab303d-c1ab2fcb, #w-node-aeb77490-5ecf-025b-bbd0-6a73c1ab303e-c1ab2fcb, #w-node-aeb77490-5ecf-025b-bbd0-6a73c1ab3042-c1ab2fcb, #w-node-aeb77490-5ecf-025b-bbd0-6a73c1ab3043-c1ab2fcb {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4b4b1963-e0d9-773d-e7fb-d034ac2dc089-38e3c0ad {
  justify-self: start;
}

#w-node-_2ccd6cdd-b54a-24ff-e106-b81cc488da29-38e3c0ad {
  justify-self: end;
}

#w-node-fc15ffc9-8af3-4561-38b3-690fdb8b510b-38e3c0ad {
  grid-area: 1 / 1 / 2 / 2;
  align-self: center;
}

#w-node-fc15ffc9-8af3-4561-38b3-690fdb8b5111-38e3c0ad {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-_3f9cbd23-ed62-0296-0b61-37a5db6d8fb4-eba0be39 {
  justify-self: end;
}

#w-node-f863cc24-3bc6-706f-e36b-f3e203c81cd3-eba0be39 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_2e7c25e6-9b24-50b3-bc90-6b558ba0bfc4-ab84a7f4 {
  justify-self: end;
}

#w-node-ac718f09-069e-582c-1433-ef873f8d291d-ab84a7f4 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-ac718f09-069e-582c-1433-ef873f8d2927-ab84a7f4 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-f1b42f38-28c2-43d0-064a-605bd4aa7872-a8dc19a7 {
  justify-self: end;
}

#w-node-_6098d817-6f11-63d1-f335-826c289bd81f-ea019578 {
  grid-area: 1 / 1 / 2 / 2;
  align-self: center;
}

#w-node-_6098d817-6f11-63d1-f335-826c289bd82f-ea019578 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-c43be5f1-7e2e-58e9-1df3-ec1c68f1cc4e-ea94f42a {
  justify-self: end;
}

#w-node-fd656eee-0043-0e16-07f6-2d71f605bc79-e1559612 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

@media screen and (max-width: 991px) {
  #w-node-aeb77490-5ecf-025b-bbd0-6a73c1ab2ffb-c1ab2fcb, #w-node-bf119da1-7057-6580-4a0e-159cd27471b8-c1ab2fcb {
    justify-self: center;
  }

  #w-node-aeb77490-5ecf-025b-bbd0-6a73c1ab3027-c1ab2fcb {
    justify-self: stretch;
  }

  #w-node-_3f9cbd23-ed62-0296-0b61-37a5db6d8fb4-eba0be39 {
    grid-area: 2 / 1 / 3 / 2;
    justify-self: start;
  }

  #w-node-_3f9cbd23-ed62-0296-0b61-37a5db6d8fbf-eba0be39 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_2e7c25e6-9b24-50b3-bc90-6b558ba0bfc4-ab84a7f4 {
    grid-area: 2 / 1 / 3 / 2;
    justify-self: start;
  }

  #w-node-_2e7c25e6-9b24-50b3-bc90-6b558ba0bfdf-ab84a7f4 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-f1b42f38-28c2-43d0-064a-605bd4aa7872-a8dc19a7 {
    grid-area: 2 / 1 / 3 / 2;
    justify-self: start;
  }

  #w-node-f1b42f38-28c2-43d0-064a-605bd4aa788d-a8dc19a7 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-c43be5f1-7e2e-58e9-1df3-ec1c68f1cc4e-ea94f42a {
    grid-area: 2 / 1 / 3 / 2;
    justify-self: start;
  }

  #w-node-c43be5f1-7e2e-58e9-1df3-ec1c68f1cc55-ea94f42a {
    grid-area: 1 / 1 / 2 / 2;
  }
}

@media screen and (max-width: 767px) {
  #w-node-aeb77490-5ecf-025b-bbd0-6a73c1ab2fd8-c1ab2fcb {
    justify-self: stretch;
  }

  #w-node-fc15ffc9-8af3-4561-38b3-690fdb8b5111-38e3c0ad, #w-node-ac718f09-069e-582c-1433-ef873f8d2927-ab84a7f4, #w-node-_6098d817-6f11-63d1-f335-826c289bd82f-ea019578 {
    grid-area: 2 / 1 / 3 / 2;
  }
}

@media screen and (max-width: 479px) {
  #w-node-fc15ffc9-8af3-4561-38b3-690fdb8b510b-38e3c0ad {
    grid-row: 1 / 2;
  }

  #w-node-fc15ffc9-8af3-4561-38b3-690fdb8b5111-38e3c0ad, #w-node-c01bd556-40dc-1b3d-e4e5-cd05d11fd454-eba0be39 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-f863cc24-3bc6-706f-e36b-f3e203c81cd3-eba0be39 {
    justify-self: start;
  }

  #w-node-c01bd556-40dc-1b3d-e4e5-cd05d11fd45a-eba0be39 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-ac718f09-069e-582c-1433-ef873f8d291d-ab84a7f4 {
    grid-row: 1 / 2;
  }

  #w-node-ac718f09-069e-582c-1433-ef873f8d2927-ab84a7f4 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_2b04b33c-7139-b076-be8e-13c85c6d0821-ab84a7f4 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_6098d817-6f11-63d1-f335-826c289bd81f-ea019578 {
    grid-row: 1 / 2;
  }

  #w-node-_6098d817-6f11-63d1-f335-826c289bd82f-ea019578 {
    grid-area: 2 / 1 / 3 / 2;
  }
}