@charset "UTF-8";
/* Business school styles voor landing */
/* Generic */
/* Site switch */
/* Facebook */
/* Buttons */
/* Top Menu */
/* Main Menu */
/* Cart */
/* Post */
/* Sidebar blocks */
/**
 * Foundation for Sites by ZURB
 * Version 6.3.1
 * foundation.zurb.com
 * Licensed under MIT Open Source
 */
/*! jQuery UI - v1.12.1 - 2016-09-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?bgShadowXPos=&bgOverlayXPos=&bgErrorXPos=&bgHighlightXPos=&bgContentXPos=&bgHeaderXPos=&bgActiveXPos=&bgHoverXPos=&bgDefaultXPos=&bgShadowYPos=&bgOverlayYPos=&bgErrorYPos=&bgHighlightYPos=&bgContentYPos=&bgHeaderYPos=&bgActiveYPos=&bgHoverYPos=&bgDefaultYPos=&bgShadowRepeat=&bgOverlayRepeat=&bgErrorRepeat=&bgHighlightRepeat=&bgContentRepeat=&bgHeaderRepeat=&bgActiveRepeat=&bgHoverRepeat=&bgDefaultRepeat=&iconsHover=url(%22images%2Fui-icons_555555_256x240.png%22)&iconsHighlight=url(%22images%2Fui-icons_777620_256x240.png%22)&iconsHeader=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsError=url(%22images%2Fui-icons_cc0000_256x240.png%22)&iconsDefault=url(%22images%2Fui-icons_777777_256x240.png%22)&iconsContent=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsActive=url(%22images%2Fui-icons_ffffff_256x240.png%22)&bgImgUrlShadow=&bgImgUrlOverlay=&bgImgUrlHover=&bgImgUrlHighlight=&bgImgUrlHeader=&bgImgUrlError=&bgImgUrlDefault=&bgImgUrlContent=&bgImgUrlActive=&opacityFilterShadow=Alpha(Opacity%3D30)&opacityFilterOverlay=Alpha(Opacity%3D30)&opacityShadowPerc=30&opacityOverlayPerc=30&iconColorHover=%23555555&iconColorHighlight=%23777620&iconColorHeader=%23444444&iconColorError=%23cc0000&iconColorDefault=%23777777&iconColorContent=%23444444&iconColorActive=%23ffffff&bgImgOpacityShadow=0&bgImgOpacityOverlay=0&bgImgOpacityError=95&bgImgOpacityHighlight=55&bgImgOpacityContent=75&bgImgOpacityHeader=75&bgImgOpacityActive=65&bgImgOpacityHover=75&bgImgOpacityDefault=75&bgTextureShadow=flat&bgTextureOverlay=flat&bgTextureError=flat&bgTextureHighlight=flat&bgTextureContent=flat&bgTextureHeader=flat&bgTextureActive=flat&bgTextureHover=flat&bgTextureDefault=flat&cornerRadius=3px&fwDefault=normal&ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&cornerRadiusShadow=8px&thicknessShadow=5px&offsetLeftShadow=0px&offsetTopShadow=0px&opacityShadow=.3&bgColorShadow=%23666666&opacityOverlay=.3&bgColorOverlay=%23aaaaaa&fcError=%235f3f3f&borderColorError=%23f1a899&bgColorError=%23fddfdf&fcHighlight=%23777620&borderColorHighlight=%23dad55e&bgColorHighlight=%23fffa90&fcContent=%23333333&borderColorContent=%23dddddd&bgColorContent=%23ffffff&fcHeader=%23333333&borderColorHeader=%23dddddd&bgColorHeader=%23e9e9e9&fcActive=%23ffffff&borderColorActive=%23003eff&bgColorActive=%23007fff&fcHover=%232b2b2b&borderColorHover=%23cccccc&bgColorHover=%23ededed&fcDefault=%23454545&borderColorDefault=%23c5c5c5&bgColorDefault=%23f6f6f6
* Copyright jQuery Foundation and other contributors; Licensed MIT */
.ui-helper-hidden {
  display: none;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}

.ui-helper-clearfix:after {
  clear: both;
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
}

.ui-front {
  z-index: 100;
}

.ui-state-disabled {
  cursor: default !important;
  pointer-events: none;
}

.ui-icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: -0.25em;
  position: relative;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

.ui-widget-icon-block {
  left: 50%;
  margin-left: -8px;
  display: block;
}

.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0 0;
  padding: 0.5em 0.5em 0.5em 0.7em;
  font-size: 100%;
}

.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto;
}

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
}

.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: 0;
}

.ui-menu .ui-menu {
  position: absolute;
}

.ui-menu .ui-menu-item {
  margin: 0;
  cursor: pointer;
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}

.ui-menu .ui-menu-item-wrapper {
  position: relative;
  padding: 3px 1em 3px 0.4em;
}

.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0;
}

.ui-menu .ui-state-focus, .ui-menu .ui-state-active {
  margin: -1px;
}

.ui-menu-icons {
  position: relative;
}

.ui-menu-icons .ui-menu-item-wrapper {
  padding-left: 2em;
}

.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0.2em;
  margin: auto 0;
}

.ui-menu .ui-menu-icon {
  left: auto;
  right: 0;
}

.ui-button {
  padding: 0.4em 1em;
  display: inline-block;
  position: relative;
  line-height: normal;
  margin-right: 0.1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  overflow: visible;
}

.ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active {
  text-decoration: none;
}

.ui-button-icon-only {
  width: 2em;
  box-sizing: border-box;
  text-indent: -9999px;
  white-space: nowrap;
}

input.ui-button.ui-button-icon-only {
  text-indent: 0;
}

.ui-button-icon-only .ui-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
  padding: 0;
  width: 2.1em;
  height: 2.1em;
  text-indent: -9999px;
  white-space: nowrap;
}

input.ui-button.ui-icon-notext .ui-icon {
  width: auto;
  height: auto;
  text-indent: 0;
  white-space: normal;
  padding: 0.4em 1em;
}

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

.ui-controlgroup {
  vertical-align: middle;
  display: inline-block;
}

.ui-controlgroup > .ui-controlgroup-item {
  float: left;
  margin-left: 0;
  margin-right: 0;
}

.ui-controlgroup > .ui-controlgroup-item:focus, .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
  z-index: 9999;
}

.ui-controlgroup-vertical > .ui-controlgroup-item {
  display: block;
  float: none;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  text-align: left;
}

.ui-controlgroup-vertical .ui-controlgroup-item {
  box-sizing: border-box;
}

.ui-controlgroup .ui-controlgroup-label {
  padding: 0.4em 1em;
}

.ui-controlgroup .ui-controlgroup-label span {
  font-size: 80%;
}

.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
  border-left: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
  border-top: none;
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
  border-right: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
  border-bottom: none;
}

.ui-controlgroup-vertical .ui-spinner-input {
  width: 75%;
  width: calc(100% - 2.4em);
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
  border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
  box-shadow: inset 1px 1px 1px #ccc;
  border-radius: 0.12em;
  border: none;
}

.ui-checkboxradio-radio-label .ui-icon-background {
  width: 16px;
  height: 16px;
  border-radius: 1em;
  overflow: visible;
  border: none;
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
  background-image: none;
  width: 8px;
  height: 8px;
  border-width: 4px;
  border-style: solid;
}

.ui-checkboxradio-disabled {
  pointer-events: none;
}

.ui-datepicker {
  width: 17em;
  padding: 0.2em 0.2em 0;
  display: none;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.2em 0;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}

.ui-datepicker .ui-datepicker-next {
  right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
  width: 45%;
}

.ui-datepicker table {
  width: 100%;
  font-size: 0.9em;
  border-collapse: collapse;
  margin: 0 0 0.4em;
}

.ui-datepicker th {
  padding: 0.7em 0.3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}

.ui-datepicker td {
  border: 0;
  padding: 1px;
}

.ui-datepicker td span, .ui-datepicker td a {
  display: block;
  padding: 0.2em;
  text-align: right;
  text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: 0.7em 0 0 0;
  padding: 0 0.2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em 0.6em;
  width: auto;
  overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto 0.4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}

.ui-datepicker-rtl {
  direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

.ui-datepicker .ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  left: 0.5em;
  top: 0.3em;
}

.ui-dialog {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.2em;
  outline: 0;
}

.ui-dialog .ui-dialog-titlebar {
  padding: 0.4em 1em;
  position: relative;
}

.ui-dialog .ui-dialog-title {
  float: left;
  margin: 0.1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: 0.3em;
  top: 50%;
  width: 20px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px;
}

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: 0.5em 1em;
  background: none;
  overflow: auto;
}

.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin-top: 0.5em;
  padding: 0.3em 1em 0.5em 0.4em;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}

.ui-dialog .ui-dialog-buttonpane button {
  margin: 0.5em 0.4em 0.5em 0;
  cursor: pointer;
}

.ui-dialog .ui-resizable-n {
  height: 2px;
  top: 0;
}

.ui-dialog .ui-resizable-e {
  width: 2px;
  right: 0;
}

.ui-dialog .ui-resizable-s {
  height: 2px;
  bottom: 0;
}

.ui-dialog .ui-resizable-w {
  width: 2px;
  left: 0;
}

.ui-dialog .ui-resizable-se, .ui-dialog .ui-resizable-sw, .ui-dialog .ui-resizable-ne, .ui-dialog .ui-resizable-nw {
  width: 7px;
  height: 7px;
}

.ui-dialog .ui-resizable-se {
  right: 0;
  bottom: 0;
}

.ui-dialog .ui-resizable-sw {
  left: 0;
  bottom: 0;
}

.ui-dialog .ui-resizable-ne {
  right: 0;
  top: 0;
}

.ui-dialog .ui-resizable-nw {
  left: 0;
  top: 0;
}

.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}

.ui-draggable-handle {
  touch-action: none;
}

.ui-resizable {
  position: relative;
}

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  touch-action: none;
}

.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
  display: none;
}

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}

.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden;
}

.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%;
}

.ui-progressbar .ui-progressbar-overlay {
  background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
  height: 100%;
  filter: alpha(opacity=25);
  opacity: 0.25;
}

.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none;
}

.ui-selectable {
  touch-action: none;
}

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black;
}

.ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

.ui-selectmenu-menu .ui-menu {
  overflow: auto;
  overflow-x: hidden;
  padding-bottom: 1px;
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5;
  padding: 2px 0.4em;
  margin: 0.5em 0 0 0;
  height: auto;
  border: 0;
}

.ui-selectmenu-open {
  display: block;
}

.ui-selectmenu-text {
  display: block;
  margin-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ui-selectmenu-button.ui-button {
  text-align: left;
  white-space: nowrap;
  width: 14em;
}

.ui-selectmenu-icon.ui-icon {
  float: right;
  margin-top: 0;
}

.ui-slider {
  position: relative;
  text-align: left;
}

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
  touch-action: none;
}

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: 0.7em;
  display: block;
  border: 0;
  background-position: 0 0;
}

.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit;
}

.ui-slider-horizontal {
  height: 0.8em;
}

.ui-slider-horizontal .ui-slider-handle {
  top: -0.3em;
  margin-left: -0.6em;
}

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}

.ui-slider-vertical {
  width: 0.8em;
  height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
  left: -0.3em;
  margin-left: 0;
  margin-bottom: -0.6em;
}

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}

.ui-sortable-handle {
  touch-action: none;
}

.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle;
}

.ui-spinner-input {
  border: none;
  background: none;
  color: inherit;
  padding: 0.222em 0;
  margin: 0.2em 0;
  vertical-align: middle;
  margin-left: 0.4em;
  margin-right: 2em;
}

.ui-spinner-button {
  width: 1.6em;
  height: 50%;
  font-size: 0.5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0;
}

.ui-spinner a.ui-spinner-button {
  border-top-style: none;
  border-bottom-style: none;
  border-right-style: none;
}

.ui-spinner-up {
  top: 0;
}

.ui-spinner-down {
  bottom: 0;
}

.ui-tabs {
  position: relative;
  padding: 0.2em;
}

.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: 0.2em 0.2em 0;
}

.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px 0.2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: 0.5em 1em;
  text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text;
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none;
}

.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
}

body .ui-tooltip {
  border-width: 2px;
}

.ui-widget {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
}

.ui-widget .ui-widget {
  font-size: 1em;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
}

.ui-widget.ui-widget-content {
  border: 1px solid #c5c5c5;
}

.ui-widget-content {
  border: 1px solid #ddd;
  background: #fff;
  color: #333;
}

.ui-widget-content a {
  color: #333;
}

.ui-widget-header {
  border: 1px solid #ddd;
  background: #e9e9e9;
  color: #333;
  font-weight: bold;
}

.ui-widget-header a {
  color: #333;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
  border: 1px solid #c5c5c5;
  background: #f6f6f6;
  font-weight: normal;
  color: #454545;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button {
  color: #454545;
  text-decoration: none;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {
  border: 1px solid #ccc;
  background: #ededed;
  font-weight: normal;
  color: #2b2b2b;
}

.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus {
  color: #2b2b2b;
  text-decoration: none;
}

.ui-visual-focus {
  box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
  border: 1px solid #003eff;
  background: #007fff;
  font-weight: normal;
  color: #fff;
}

.ui-icon-background, .ui-state-active .ui-icon-background {
  border: #003eff;
  background-color: #fff;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
  color: #fff;
  text-decoration: none;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  border: 1px solid #dad55e;
  background: #fffa90;
  color: #777620;
}

.ui-state-checked {
  border: 1px solid #dad55e;
  background: #fffa90;
}

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
  color: #777620;
}

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
  border: 1px solid #f1a899;
  background: #fddfdf;
  color: #5f3f3f;
}

.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
  color: #5f3f3f;
}

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
  color: #5f3f3f;
}

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
  font-weight: bold;
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
  opacity: 0.7;
  filter: Alpha(Opacity=70);
  font-weight: normal;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
  opacity: 0.35;
  filter: Alpha(Opacity=35);
  background-image: none;
}

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35);
}

.ui-icon {
  width: 16px;
  height: 16px;
}

.ui-icon, .ui-widget-content .ui-icon {
  background-image: url("images/ui-icons_444444_256x240.png");
}

.ui-widget-header .ui-icon {
  background-image: url("images/ui-icons_444444_256x240.png");
}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon {
  background-image: url("images/ui-icons_555555_256x240.png");
}

.ui-state-active .ui-icon, .ui-button:active .ui-icon {
  background-image: url("images/ui-icons_ffffff_256x240.png");
}

.ui-state-highlight .ui-icon, .ui-button .ui-state-highlight.ui-icon {
  background-image: url("images/ui-icons_777620_256x240.png");
}

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
  background-image: url("images/ui-icons_cc0000_256x240.png");
}

.ui-button .ui-icon {
  background-image: url("images/ui-icons_777777_256x240.png");
}

.ui-icon-blank {
  background-position: 16px 16px;
}

.ui-icon-caret-1-n {
  background-position: 0 0;
}

.ui-icon-caret-1-ne {
  background-position: -16px 0;
}

.ui-icon-caret-1-e {
  background-position: -32px 0;
}

.ui-icon-caret-1-se {
  background-position: -48px 0;
}

.ui-icon-caret-1-s {
  background-position: -65px 0;
}

.ui-icon-caret-1-sw {
  background-position: -80px 0;
}

.ui-icon-caret-1-w {
  background-position: -96px 0;
}

.ui-icon-caret-1-nw {
  background-position: -112px 0;
}

.ui-icon-caret-2-n-s {
  background-position: -128px 0;
}

.ui-icon-caret-2-e-w {
  background-position: -144px 0;
}

.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
  background-position: -65px -16px;
}

.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
  background-position: -65px -32px;
}

.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
  background-position: 1px -48px;
}

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}

.ui-icon-arrow-4 {
  background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}

.ui-icon-extlink {
  background-position: -32px -80px;
}

.ui-icon-newwin {
  background-position: -48px -80px;
}

.ui-icon-refresh {
  background-position: -64px -80px;
}

.ui-icon-shuffle {
  background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}

.ui-icon-folder-open {
  background-position: -16px -96px;
}

.ui-icon-document {
  background-position: -32px -96px;
}

.ui-icon-document-b {
  background-position: -48px -96px;
}

.ui-icon-note {
  background-position: -64px -96px;
}

.ui-icon-mail-closed {
  background-position: -80px -96px;
}

.ui-icon-mail-open {
  background-position: -96px -96px;
}

.ui-icon-suitcase {
  background-position: -112px -96px;
}

.ui-icon-comment {
  background-position: -128px -96px;
}

.ui-icon-person {
  background-position: -144px -96px;
}

.ui-icon-print {
  background-position: -160px -96px;
}

.ui-icon-trash {
  background-position: -176px -96px;
}

.ui-icon-locked {
  background-position: -192px -96px;
}

.ui-icon-unlocked {
  background-position: -208px -96px;
}

.ui-icon-bookmark {
  background-position: -224px -96px;
}

.ui-icon-tag {
  background-position: -240px -96px;
}

.ui-icon-home {
  background-position: 0 -112px;
}

.ui-icon-flag {
  background-position: -16px -112px;
}

.ui-icon-calendar {
  background-position: -32px -112px;
}

.ui-icon-cart {
  background-position: -48px -112px;
}

.ui-icon-pencil {
  background-position: -64px -112px;
}

.ui-icon-clock {
  background-position: -80px -112px;
}

.ui-icon-disk {
  background-position: -96px -112px;
}

.ui-icon-calculator {
  background-position: -112px -112px;
}

.ui-icon-zoomin {
  background-position: -128px -112px;
}

.ui-icon-zoomout {
  background-position: -144px -112px;
}

.ui-icon-search {
  background-position: -160px -112px;
}

.ui-icon-wrench {
  background-position: -176px -112px;
}

.ui-icon-gear {
  background-position: -192px -112px;
}

.ui-icon-heart {
  background-position: -208px -112px;
}

.ui-icon-star {
  background-position: -224px -112px;
}

.ui-icon-link {
  background-position: -240px -112px;
}

.ui-icon-cancel {
  background-position: 0 -128px;
}

.ui-icon-plus {
  background-position: -16px -128px;
}

.ui-icon-plusthick {
  background-position: -32px -128px;
}

.ui-icon-minus {
  background-position: -48px -128px;
}

.ui-icon-minusthick {
  background-position: -64px -128px;
}

.ui-icon-close {
  background-position: -80px -128px;
}

.ui-icon-closethick {
  background-position: -96px -128px;
}

.ui-icon-key {
  background-position: -112px -128px;
}

.ui-icon-lightbulb {
  background-position: -128px -128px;
}

.ui-icon-scissors {
  background-position: -144px -128px;
}

.ui-icon-clipboard {
  background-position: -160px -128px;
}

.ui-icon-copy {
  background-position: -176px -128px;
}

.ui-icon-contact {
  background-position: -192px -128px;
}

.ui-icon-image {
  background-position: -208px -128px;
}

.ui-icon-video {
  background-position: -224px -128px;
}

.ui-icon-script {
  background-position: -240px -128px;
}

.ui-icon-alert {
  background-position: 0 -144px;
}

.ui-icon-info {
  background-position: -16px -144px;
}

.ui-icon-notice {
  background-position: -32px -144px;
}

.ui-icon-help {
  background-position: -48px -144px;
}

.ui-icon-check {
  background-position: -64px -144px;
}

.ui-icon-bullet {
  background-position: -80px -144px;
}

.ui-icon-radio-on {
  background-position: -96px -144px;
}

.ui-icon-radio-off {
  background-position: -112px -144px;
}

.ui-icon-pin-w {
  background-position: -128px -144px;
}

.ui-icon-pin-s {
  background-position: -144px -144px;
}

.ui-icon-play {
  background-position: 0 -160px;
}

.ui-icon-pause {
  background-position: -16px -160px;
}

.ui-icon-seek-next {
  background-position: -32px -160px;
}

.ui-icon-seek-prev {
  background-position: -48px -160px;
}

.ui-icon-seek-end {
  background-position: -64px -160px;
}

.ui-icon-seek-start {
  background-position: -80px -160px;
}

.ui-icon-seek-first {
  background-position: -80px -160px;
}

.ui-icon-stop {
  background-position: -96px -160px;
}

.ui-icon-eject {
  background-position: -112px -160px;
}

.ui-icon-volume-off {
  background-position: -128px -160px;
}

.ui-icon-volume-on {
  background-position: -144px -160px;
}

.ui-icon-power {
  background-position: 0 -176px;
}

.ui-icon-signal-diag {
  background-position: -16px -176px;
}

.ui-icon-signal {
  background-position: -32px -176px;
}

.ui-icon-battery-0 {
  background-position: -48px -176px;
}

.ui-icon-battery-1 {
  background-position: -64px -176px;
}

.ui-icon-battery-2 {
  background-position: -80px -176px;
}

.ui-icon-battery-3 {
  background-position: -96px -176px;
}

.ui-icon-circle-plus {
  background-position: 0 -192px;
}

.ui-icon-circle-minus {
  background-position: -16px -192px;
}

.ui-icon-circle-close {
  background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}

.ui-icon-circle-check {
  background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
  border-top-left-radius: 3px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
  border-top-right-radius: 3px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
  border-bottom-left-radius: 3px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
  border-bottom-right-radius: 3px;
}

.ui-widget-overlay {
  background: #aaa;
  opacity: 0.003;
  filter: Alpha(Opacity=0.3);
}

.ui-widget-shadow {
  box-shadow: 0 0 5px #666;
}

/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */
/* Document
   ========================================================================== */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
html {
  font-family: sans-serif; /* 1 */
  line-height: 1.15; /* 2 */
  -ms-text-size-adjust: 100%; /* 3 */
  -webkit-text-size-adjust: 100%; /* 3 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
figcaption,
figure {
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * Add the correct display in IE.
 */
main {
  display: block;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Links
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 */
button {
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* 2 */
}

button,
[type=button],
[type=reset],
[type=submit] {
  /**
   * Remove the inner border and padding in Firefox.
   */
  /**
   * Restore the focus styles unset by the previous rule.
   */
}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Show the overflow in Edge.
 */
input {
  overflow: visible;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
  /**
   * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
   */
}
[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  color: inherit; /* 2 */
  white-space: normal; /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/*
 * Add the correct display in IE 9-.
 */
menu {
  display: block;
}

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */
template {
  display: none;
}

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}

.foundation-mq {
  font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em";
}

html {
  box-sizing: border-box;
  font-size: 100%;
}

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

body {
  margin: 0;
  padding: 0;
  background: white;
  font-family: Open Sans, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: normal;
  line-height: 1.5;
  color: #0a0a0a;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic;
}

textarea {
  height: auto;
  min-height: 50px;
  border-radius: 0;
}

select {
  box-sizing: border-box;
  width: 100%;
  border-radius: 0;
}

.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
  max-width: none !important;
}

button {
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  border-radius: 0;
  background: transparent;
  line-height: 1;
}
[data-whatinput=mouse] button {
  outline: 0;
}

pre {
  overflow: auto;
}

.is-visible {
  display: block !important;
}

.is-hidden {
  display: none !important;
}

.row {
  max-width: 86.25rem;
  margin-right: auto;
  margin-left: auto;
  display: flex;
  flex-flow: row wrap;
}
.row .row {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}
@media print, screen and (min-width: 40em) {
  .row .row {
    margin-right: -0.9375rem;
    margin-left: -0.9375rem;
  }
}
@media print, screen and (min-width: 64em) {
  .row .row {
    margin-right: -0.9375rem;
    margin-left: -0.9375rem;
  }
}
@media screen and (min-width: 75em) {
  .row .row {
    margin-right: -0.9375rem;
    margin-left: -0.9375rem;
  }
}
@media screen and (min-width: 90em) {
  .row .row {
    margin-right: -0.9375rem;
    margin-left: -0.9375rem;
  }
}
.row .row.collapse {
  margin-right: 0;
  margin-left: 0;
}
.row.expanded {
  max-width: none;
}
.row.expanded .row {
  margin-right: auto;
  margin-left: auto;
}
.row:not(.expanded) .row {
  max-width: none;
}
.row.collapse > .column, .row.collapse > .columns {
  padding-right: 0;
  padding-left: 0;
}
.row.is-collapse-child, .row.collapse > .column > .row, .row.collapse > .columns > .row {
  margin-right: 0;
  margin-left: 0;
}

.column, .columns {
  flex: 1 1 0px;
  padding-right: 0.625rem;
  padding-left: 0.625rem;
  min-width: initial;
}
@media print, screen and (min-width: 40em) {
  .column, .columns {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}

.column.row.row, .row.row.columns {
  float: none;
  display: block;
}

.row .column.row.row, .row .row.row.columns {
  margin-right: 0;
  margin-left: 0;
  padding-right: 0;
  padding-left: 0;
}

.flex-container {
  display: flex;
}

.flex-child-auto {
  flex: 1 1 auto;
}

.flex-child-grow {
  flex: 1 0 auto;
}

.flex-child-shrink {
  flex: 0 1 auto;
}

.flex-dir-row {
  flex-direction: row;
}

.flex-dir-row-reverse {
  flex-direction: row-reverse;
}

.flex-dir-column {
  flex-direction: column;
}

.flex-dir-column-reverse {
  flex-direction: column-reverse;
}

.small-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

.small-offset-0 {
  margin-left: 0%;
}

.small-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.small-offset-1 {
  margin-left: 8.3333333333%;
}

.small-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.small-offset-2 {
  margin-left: 16.6666666667%;
}

.small-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.small-offset-3 {
  margin-left: 25%;
}

.small-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

.small-offset-4 {
  margin-left: 33.3333333333%;
}

.small-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.small-offset-5 {
  margin-left: 41.6666666667%;
}

.small-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

.small-offset-6 {
  margin-left: 50%;
}

.small-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

.small-offset-7 {
  margin-left: 58.3333333333%;
}

.small-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.small-offset-8 {
  margin-left: 66.6666666667%;
}

.small-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

.small-offset-9 {
  margin-left: 75%;
}

.small-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

.small-offset-10 {
  margin-left: 83.3333333333%;
}

.small-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.small-offset-11 {
  margin-left: 91.6666666667%;
}

.small-order-1 {
  order: 1;
}

.small-order-2 {
  order: 2;
}

.small-order-3 {
  order: 3;
}

.small-order-4 {
  order: 4;
}

.small-order-5 {
  order: 5;
}

.small-order-6 {
  order: 6;
}

.small-up-1 {
  flex-wrap: wrap;
}
.small-up-1 > .column, .small-up-1 > .columns {
  flex: 0 0 100%;
  max-width: 100%;
}

.small-up-2 {
  flex-wrap: wrap;
}
.small-up-2 > .column, .small-up-2 > .columns {
  flex: 0 0 50%;
  max-width: 50%;
}

.small-up-3 {
  flex-wrap: wrap;
}
.small-up-3 > .column, .small-up-3 > .columns {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.small-up-4 {
  flex-wrap: wrap;
}
.small-up-4 > .column, .small-up-4 > .columns {
  flex: 0 0 25%;
  max-width: 25%;
}

.small-up-5 {
  flex-wrap: wrap;
}
.small-up-5 > .column, .small-up-5 > .columns {
  flex: 0 0 20%;
  max-width: 20%;
}

.small-up-6 {
  flex-wrap: wrap;
}
.small-up-6 > .column, .small-up-6 > .columns {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.small-up-7 {
  flex-wrap: wrap;
}
.small-up-7 > .column, .small-up-7 > .columns {
  flex: 0 0 14.2857142857%;
  max-width: 14.2857142857%;
}

.small-up-8 {
  flex-wrap: wrap;
}
.small-up-8 > .column, .small-up-8 > .columns {
  flex: 0 0 12.5%;
  max-width: 12.5%;
}

.small-collapse > .column, .small-collapse > .columns {
  padding-right: 0;
  padding-left: 0;
}

.small-uncollapse > .column, .small-uncollapse > .columns {
  padding-right: 0.625rem;
  padding-left: 0.625rem;
}

@media print, screen and (min-width: 40em) {
  .medium-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .medium-offset-0 {
    margin-left: 0%;
  }
  .medium-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .medium-offset-1 {
    margin-left: 8.3333333333%;
  }
  .medium-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .medium-offset-2 {
    margin-left: 16.6666666667%;
  }
  .medium-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .medium-offset-3 {
    margin-left: 25%;
  }
  .medium-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .medium-offset-4 {
    margin-left: 33.3333333333%;
  }
  .medium-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .medium-offset-5 {
    margin-left: 41.6666666667%;
  }
  .medium-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .medium-offset-6 {
    margin-left: 50%;
  }
  .medium-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .medium-offset-7 {
    margin-left: 58.3333333333%;
  }
  .medium-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .medium-offset-8 {
    margin-left: 66.6666666667%;
  }
  .medium-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .medium-offset-9 {
    margin-left: 75%;
  }
  .medium-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .medium-offset-10 {
    margin-left: 83.3333333333%;
  }
  .medium-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .medium-offset-11 {
    margin-left: 91.6666666667%;
  }
  .medium-order-1 {
    order: 1;
  }
  .medium-order-2 {
    order: 2;
  }
  .medium-order-3 {
    order: 3;
  }
  .medium-order-4 {
    order: 4;
  }
  .medium-order-5 {
    order: 5;
  }
  .medium-order-6 {
    order: 6;
  }
  .medium-up-1 {
    flex-wrap: wrap;
  }
  .medium-up-1 > .column, .medium-up-1 > .columns {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .medium-up-2 {
    flex-wrap: wrap;
  }
  .medium-up-2 > .column, .medium-up-2 > .columns {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .medium-up-3 {
    flex-wrap: wrap;
  }
  .medium-up-3 > .column, .medium-up-3 > .columns {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .medium-up-4 {
    flex-wrap: wrap;
  }
  .medium-up-4 > .column, .medium-up-4 > .columns {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .medium-up-5 {
    flex-wrap: wrap;
  }
  .medium-up-5 > .column, .medium-up-5 > .columns {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .medium-up-6 {
    flex-wrap: wrap;
  }
  .medium-up-6 > .column, .medium-up-6 > .columns {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .medium-up-7 {
    flex-wrap: wrap;
  }
  .medium-up-7 > .column, .medium-up-7 > .columns {
    flex: 0 0 14.2857142857%;
    max-width: 14.2857142857%;
  }
  .medium-up-8 {
    flex-wrap: wrap;
  }
  .medium-up-8 > .column, .medium-up-8 > .columns {
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
}
@media print, screen and (min-width: 40em) and (min-width: 40em) {
  .medium-expand {
    flex: 1 1 0px;
  }
}
@media print, screen and (min-width: 40em) {
  .medium-flex-dir-row {
    flex-direction: row;
  }
  .medium-flex-dir-row-reverse {
    flex-direction: row-reverse;
  }
  .medium-flex-dir-column {
    flex-direction: column;
  }
  .medium-flex-dir-column-reverse {
    flex-direction: column-reverse;
  }
  .medium-flex-child-auto {
    flex: 1 1 auto;
  }
  .medium-flex-child-grow {
    flex: 1 0 auto;
  }
  .medium-flex-child-shrink {
    flex: 0 1 auto;
  }
}
.row.medium-unstack > .column, .row.medium-unstack > .columns {
  flex: 0 0 100%;
}
@media print, screen and (min-width: 40em) {
  .row.medium-unstack > .column, .row.medium-unstack > .columns {
    flex: 1 1 0px;
  }
  .medium-collapse > .column, .medium-collapse > .columns {
    padding-right: 0;
    padding-left: 0;
  }
  .medium-uncollapse > .column, .medium-uncollapse > .columns {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}

@media print, screen and (min-width: 64em) {
  .large-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .large-offset-0 {
    margin-left: 0%;
  }
  .large-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .large-offset-1 {
    margin-left: 8.3333333333%;
  }
  .large-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .large-offset-2 {
    margin-left: 16.6666666667%;
  }
  .large-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .large-offset-3 {
    margin-left: 25%;
  }
  .large-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .large-offset-4 {
    margin-left: 33.3333333333%;
  }
  .large-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .large-offset-5 {
    margin-left: 41.6666666667%;
  }
  .large-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .large-offset-6 {
    margin-left: 50%;
  }
  .large-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .large-offset-7 {
    margin-left: 58.3333333333%;
  }
  .large-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .large-offset-8 {
    margin-left: 66.6666666667%;
  }
  .large-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .large-offset-9 {
    margin-left: 75%;
  }
  .large-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .large-offset-10 {
    margin-left: 83.3333333333%;
  }
  .large-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .large-offset-11 {
    margin-left: 91.6666666667%;
  }
  .large-order-1 {
    order: 1;
  }
  .large-order-2 {
    order: 2;
  }
  .large-order-3 {
    order: 3;
  }
  .large-order-4 {
    order: 4;
  }
  .large-order-5 {
    order: 5;
  }
  .large-order-6 {
    order: 6;
  }
  .large-up-1 {
    flex-wrap: wrap;
  }
  .large-up-1 > .column, .large-up-1 > .columns {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .large-up-2 {
    flex-wrap: wrap;
  }
  .large-up-2 > .column, .large-up-2 > .columns {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .large-up-3 {
    flex-wrap: wrap;
  }
  .large-up-3 > .column, .large-up-3 > .columns {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .large-up-4 {
    flex-wrap: wrap;
  }
  .large-up-4 > .column, .large-up-4 > .columns {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .large-up-5 {
    flex-wrap: wrap;
  }
  .large-up-5 > .column, .large-up-5 > .columns {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .large-up-6 {
    flex-wrap: wrap;
  }
  .large-up-6 > .column, .large-up-6 > .columns {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .large-up-7 {
    flex-wrap: wrap;
  }
  .large-up-7 > .column, .large-up-7 > .columns {
    flex: 0 0 14.2857142857%;
    max-width: 14.2857142857%;
  }
  .large-up-8 {
    flex-wrap: wrap;
  }
  .large-up-8 > .column, .large-up-8 > .columns {
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
}
@media print, screen and (min-width: 64em) and (min-width: 64em) {
  .large-expand {
    flex: 1 1 0px;
  }
}
@media print, screen and (min-width: 64em) {
  .large-flex-dir-row {
    flex-direction: row;
  }
  .large-flex-dir-row-reverse {
    flex-direction: row-reverse;
  }
  .large-flex-dir-column {
    flex-direction: column;
  }
  .large-flex-dir-column-reverse {
    flex-direction: column-reverse;
  }
  .large-flex-child-auto {
    flex: 1 1 auto;
  }
  .large-flex-child-grow {
    flex: 1 0 auto;
  }
  .large-flex-child-shrink {
    flex: 0 1 auto;
  }
}
.row.large-unstack > .column, .row.large-unstack > .columns {
  flex: 0 0 100%;
}
@media print, screen and (min-width: 64em) {
  .row.large-unstack > .column, .row.large-unstack > .columns {
    flex: 1 1 0px;
  }
  .large-collapse > .column, .large-collapse > .columns {
    padding-right: 0;
    padding-left: 0;
  }
  .large-uncollapse > .column, .large-uncollapse > .columns {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}

@media screen and (min-width: 75em) {
  .xlarge-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .xlarge-offset-0 {
    margin-left: 0%;
  }
  .xlarge-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .xlarge-offset-1 {
    margin-left: 8.3333333333%;
  }
  .xlarge-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .xlarge-offset-2 {
    margin-left: 16.6666666667%;
  }
  .xlarge-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .xlarge-offset-3 {
    margin-left: 25%;
  }
  .xlarge-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .xlarge-offset-4 {
    margin-left: 33.3333333333%;
  }
  .xlarge-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .xlarge-offset-5 {
    margin-left: 41.6666666667%;
  }
  .xlarge-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .xlarge-offset-6 {
    margin-left: 50%;
  }
  .xlarge-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .xlarge-offset-7 {
    margin-left: 58.3333333333%;
  }
  .xlarge-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .xlarge-offset-8 {
    margin-left: 66.6666666667%;
  }
  .xlarge-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .xlarge-offset-9 {
    margin-left: 75%;
  }
  .xlarge-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .xlarge-offset-10 {
    margin-left: 83.3333333333%;
  }
  .xlarge-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .xlarge-offset-11 {
    margin-left: 91.6666666667%;
  }
  .xlarge-order-1 {
    order: 1;
  }
  .xlarge-order-2 {
    order: 2;
  }
  .xlarge-order-3 {
    order: 3;
  }
  .xlarge-order-4 {
    order: 4;
  }
  .xlarge-order-5 {
    order: 5;
  }
  .xlarge-order-6 {
    order: 6;
  }
  .xlarge-up-1 {
    flex-wrap: wrap;
  }
  .xlarge-up-1 > .column, .xlarge-up-1 > .columns {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .xlarge-up-2 {
    flex-wrap: wrap;
  }
  .xlarge-up-2 > .column, .xlarge-up-2 > .columns {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .xlarge-up-3 {
    flex-wrap: wrap;
  }
  .xlarge-up-3 > .column, .xlarge-up-3 > .columns {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .xlarge-up-4 {
    flex-wrap: wrap;
  }
  .xlarge-up-4 > .column, .xlarge-up-4 > .columns {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .xlarge-up-5 {
    flex-wrap: wrap;
  }
  .xlarge-up-5 > .column, .xlarge-up-5 > .columns {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .xlarge-up-6 {
    flex-wrap: wrap;
  }
  .xlarge-up-6 > .column, .xlarge-up-6 > .columns {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .xlarge-up-7 {
    flex-wrap: wrap;
  }
  .xlarge-up-7 > .column, .xlarge-up-7 > .columns {
    flex: 0 0 14.2857142857%;
    max-width: 14.2857142857%;
  }
  .xlarge-up-8 {
    flex-wrap: wrap;
  }
  .xlarge-up-8 > .column, .xlarge-up-8 > .columns {
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
}
@media screen and (min-width: 75em) and (min-width: 75em) {
  .xlarge-expand {
    flex: 1 1 0px;
  }
}
@media screen and (min-width: 75em) {
  .xlarge-flex-dir-row {
    flex-direction: row;
  }
  .xlarge-flex-dir-row-reverse {
    flex-direction: row-reverse;
  }
  .xlarge-flex-dir-column {
    flex-direction: column;
  }
  .xlarge-flex-dir-column-reverse {
    flex-direction: column-reverse;
  }
  .xlarge-flex-child-auto {
    flex: 1 1 auto;
  }
  .xlarge-flex-child-grow {
    flex: 1 0 auto;
  }
  .xlarge-flex-child-shrink {
    flex: 0 1 auto;
  }
}
.row.xlarge-unstack > .column, .row.xlarge-unstack > .columns {
  flex: 0 0 100%;
}
@media screen and (min-width: 75em) {
  .row.xlarge-unstack > .column, .row.xlarge-unstack > .columns {
    flex: 1 1 0px;
  }
  .xlarge-collapse > .column, .xlarge-collapse > .columns {
    padding-right: 0;
    padding-left: 0;
  }
  .xlarge-uncollapse > .column, .xlarge-uncollapse > .columns {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}

@media screen and (min-width: 90em) {
  .xxlarge-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .xxlarge-offset-0 {
    margin-left: 0%;
  }
  .xxlarge-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .xxlarge-offset-1 {
    margin-left: 8.3333333333%;
  }
  .xxlarge-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .xxlarge-offset-2 {
    margin-left: 16.6666666667%;
  }
  .xxlarge-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .xxlarge-offset-3 {
    margin-left: 25%;
  }
  .xxlarge-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .xxlarge-offset-4 {
    margin-left: 33.3333333333%;
  }
  .xxlarge-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .xxlarge-offset-5 {
    margin-left: 41.6666666667%;
  }
  .xxlarge-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .xxlarge-offset-6 {
    margin-left: 50%;
  }
  .xxlarge-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .xxlarge-offset-7 {
    margin-left: 58.3333333333%;
  }
  .xxlarge-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .xxlarge-offset-8 {
    margin-left: 66.6666666667%;
  }
  .xxlarge-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .xxlarge-offset-9 {
    margin-left: 75%;
  }
  .xxlarge-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .xxlarge-offset-10 {
    margin-left: 83.3333333333%;
  }
  .xxlarge-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .xxlarge-offset-11 {
    margin-left: 91.6666666667%;
  }
  .xxlarge-order-1 {
    order: 1;
  }
  .xxlarge-order-2 {
    order: 2;
  }
  .xxlarge-order-3 {
    order: 3;
  }
  .xxlarge-order-4 {
    order: 4;
  }
  .xxlarge-order-5 {
    order: 5;
  }
  .xxlarge-order-6 {
    order: 6;
  }
  .xxlarge-up-1 {
    flex-wrap: wrap;
  }
  .xxlarge-up-1 > .column, .xxlarge-up-1 > .columns {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .xxlarge-up-2 {
    flex-wrap: wrap;
  }
  .xxlarge-up-2 > .column, .xxlarge-up-2 > .columns {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .xxlarge-up-3 {
    flex-wrap: wrap;
  }
  .xxlarge-up-3 > .column, .xxlarge-up-3 > .columns {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .xxlarge-up-4 {
    flex-wrap: wrap;
  }
  .xxlarge-up-4 > .column, .xxlarge-up-4 > .columns {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .xxlarge-up-5 {
    flex-wrap: wrap;
  }
  .xxlarge-up-5 > .column, .xxlarge-up-5 > .columns {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .xxlarge-up-6 {
    flex-wrap: wrap;
  }
  .xxlarge-up-6 > .column, .xxlarge-up-6 > .columns {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .xxlarge-up-7 {
    flex-wrap: wrap;
  }
  .xxlarge-up-7 > .column, .xxlarge-up-7 > .columns {
    flex: 0 0 14.2857142857%;
    max-width: 14.2857142857%;
  }
  .xxlarge-up-8 {
    flex-wrap: wrap;
  }
  .xxlarge-up-8 > .column, .xxlarge-up-8 > .columns {
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
}
@media screen and (min-width: 90em) and (min-width: 90em) {
  .xxlarge-expand {
    flex: 1 1 0px;
  }
}
@media screen and (min-width: 90em) {
  .xxlarge-flex-dir-row {
    flex-direction: row;
  }
  .xxlarge-flex-dir-row-reverse {
    flex-direction: row-reverse;
  }
  .xxlarge-flex-dir-column {
    flex-direction: column;
  }
  .xxlarge-flex-dir-column-reverse {
    flex-direction: column-reverse;
  }
  .xxlarge-flex-child-auto {
    flex: 1 1 auto;
  }
  .xxlarge-flex-child-grow {
    flex: 1 0 auto;
  }
  .xxlarge-flex-child-shrink {
    flex: 0 1 auto;
  }
}
.row.xxlarge-unstack > .column, .row.xxlarge-unstack > .columns {
  flex: 0 0 100%;
}
@media screen and (min-width: 90em) {
  .row.xxlarge-unstack > .column, .row.xxlarge-unstack > .columns {
    flex: 1 1 0px;
  }
  .xxlarge-collapse > .column, .xxlarge-collapse > .columns {
    padding-right: 0;
    padding-left: 0;
  }
  .xxlarge-uncollapse > .column, .xxlarge-uncollapse > .columns {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}

.shrink {
  flex: 0 0 auto;
  max-width: 100%;
}

.column-block {
  margin-bottom: 1.25rem;
}
.column-block > :last-child {
  margin-bottom: 0;
}
@media print, screen and (min-width: 40em) {
  .column-block {
    margin-bottom: 1.875rem;
  }
  .column-block > :last-child {
    margin-bottom: 0;
  }
}

div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}

p {
  margin-bottom: 1rem;
  font-size: inherit;
  line-height: 1.6;
  text-rendering: optimizeLegibility;
}

em,
i {
  font-style: italic;
  line-height: inherit;
}

strong,
b {
  font-weight: bold;
  line-height: inherit;
}

small {
  font-size: 80%;
  line-height: inherit;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: normal;
  color: #1e225d;
  text-rendering: optimizeLegibility;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
  line-height: 0;
  color: #cacaca;
}

h1 {
  font-size: 1.5rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

h2 {
  font-size: 1.25rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

h3 {
  font-size: 1.1875rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

h4 {
  font-size: 1.125rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

h5 {
  font-size: 1.0625rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

h6 {
  font-size: 1rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

@media print, screen and (min-width: 40em) {
  h1 {
    font-size: 3rem;
  }
  h2 {
    font-size: 2.5rem;
  }
  h3 {
    font-size: 1.9375rem;
  }
  h4 {
    font-size: 1.5625rem;
  }
  h5 {
    font-size: 1.25rem;
  }
  h6 {
    font-size: 1rem;
  }
}
a {
  line-height: inherit;
  color: #1E225C;
  text-decoration: none;
  cursor: pointer;
}
a:hover, a:focus {
  color: rgb(25.8, 29.24, 79.12);
}
a img {
  border: 0;
}

hr {
  clear: both;
  max-width: 86.25rem;
  height: 0;
  margin: 1.25rem auto;
  border-top: 0;
  border-right: 0;
  border-bottom: 1px solid #cacaca;
  border-left: 0;
}

ul,
ol,
dl {
  margin-bottom: 1rem;
  list-style-position: outside;
  line-height: 1.6;
}

li {
  font-size: inherit;
}

ul {
  margin-left: 1.25rem;
  list-style-type: disc;
}

ol {
  margin-left: 1.25rem;
}

ul ul, ul ol, ol ul, ol ol {
  margin-left: 1.25rem;
  margin-bottom: 0;
}

dl {
  margin-bottom: 1rem;
}
dl dt {
  margin-bottom: 0.3rem;
  font-weight: bold;
}

blockquote {
  margin: 0 0 1rem;
  padding: 0.5625rem 1.25rem 0 1.1875rem;
  border-left: 1px solid #cacaca;
}
blockquote, blockquote p {
  line-height: 1.6;
  color: #8a8a8a;
}

cite {
  display: block;
  font-size: 0.8125rem;
  color: #8a8a8a;
}
cite:before {
  content: "— ";
}

abbr {
  border-bottom: 1px dotted #0a0a0a;
  color: #0a0a0a;
  cursor: help;
}

figure {
  margin: 0;
}

code {
  padding: 0.125rem 0.3125rem 0.0625rem;
  border: 1px solid #cacaca;
  background-color: #e6e6e6;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: normal;
  color: #0a0a0a;
}

kbd {
  margin: 0;
  padding: 0.125rem 0.25rem 0;
  background-color: #e6e6e6;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  color: #0a0a0a;
}

.subheader {
  margin-top: 0.2rem;
  margin-bottom: 0.5rem;
  font-weight: normal;
  line-height: 1.4;
  color: #8a8a8a;
}

.lead {
  font-size: 125%;
  line-height: 1.6;
}

.stat {
  font-size: 2.5rem;
  line-height: 1;
}
p + .stat {
  margin-top: -1rem;
}

.no-bullet {
  margin-left: 0;
  list-style: none;
}

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

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

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

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

@media print, screen and (min-width: 40em) {
  .medium-text-left {
    text-align: left;
  }
  .medium-text-right {
    text-align: right;
  }
  .medium-text-center {
    text-align: center;
  }
  .medium-text-justify {
    text-align: justify;
  }
}
@media print, screen and (min-width: 64em) {
  .large-text-left {
    text-align: left;
  }
  .large-text-right {
    text-align: right;
  }
  .large-text-center {
    text-align: center;
  }
  .large-text-justify {
    text-align: justify;
  }
}
@media screen and (min-width: 75em) {
  .xlarge-text-left {
    text-align: left;
  }
  .xlarge-text-right {
    text-align: right;
  }
  .xlarge-text-center {
    text-align: center;
  }
  .xlarge-text-justify {
    text-align: justify;
  }
}
@media screen and (min-width: 90em) {
  .xxlarge-text-left {
    text-align: left;
  }
  .xxlarge-text-right {
    text-align: right;
  }
  .xxlarge-text-center {
    text-align: center;
  }
  .xxlarge-text-justify {
    text-align: justify;
  }
}
.show-for-print {
  display: none !important;
}

@media print {
  * {
    background: transparent !important;
    box-shadow: none !important;
    color: black !important;
    text-shadow: none !important;
  }
  .show-for-print {
    display: block !important;
  }
  .hide-for-print {
    display: none !important;
  }
  table.show-for-print {
    display: table !important;
  }
  thead.show-for-print {
    display: table-header-group !important;
  }
  tbody.show-for-print {
    display: table-row-group !important;
  }
  tr.show-for-print {
    display: table-row !important;
  }
  td.show-for-print {
    display: table-cell !important;
  }
  th.show-for-print {
    display: table-cell !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  pre,
  blockquote {
    border: 1px solid #8a8a8a;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .print-break-inside {
    page-break-inside: auto;
  }
}
.button {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 1rem 0;
  padding: 0.85em 1em;
  -webkit-appearance: none;
  border: 1px solid transparent;
  border-radius: 0;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
  font-size: 0.9rem;
  line-height: 1;
  text-align: center;
  cursor: pointer;
  background-color: #1E225C;
  color: white;
}
[data-whatinput=mouse] .button {
  outline: 0;
}
.button:hover, .button:focus {
  background-color: rgb(25.5, 28.9, 78.2);
  color: white;
}
.button.tiny {
  font-size: 0.6rem;
}
.button.small {
  font-size: 0.75rem;
}
.button.large {
  font-size: 1.25rem;
}
.button.expanded {
  display: block;
  width: 100%;
  margin-right: 0;
  margin-left: 0;
}
.button.primary {
  background-color: #1E225C;
  color: white;
}
.button.primary:hover, .button.primary:focus {
  background-color: rgb(24, 27.2, 73.6);
  color: white;
}
.button.secondary {
  background-color: #777;
  color: white;
}
.button.secondary:hover, .button.secondary:focus {
  background-color: rgb(95.2, 95.2, 95.2);
  color: white;
}
.button.success {
  background-color: #3adb76;
  color: #0a0a0a;
}
.button.success:hover, .button.success:focus {
  background-color: rgb(34.2386266094, 187.3613733906, 91.3030042918);
  color: #0a0a0a;
}
.button.warning {
  background-color: #ffae00;
  color: #0a0a0a;
}
.button.warning:hover, .button.warning:focus {
  background-color: rgb(204, 139.2, 0);
  color: #0a0a0a;
}
.button.alert {
  background-color: #ec5840;
  color: #0a0a0a;
}
.button.alert:hover, .button.alert:focus {
  background-color: rgb(218.2857142857, 49.1428571429, 21.7142857143);
  color: #0a0a0a;
}
.button.hollow {
  border: 1px solid #1E225C;
  color: #1E225C;
}
.button.hollow, .button.hollow:hover, .button.hollow:focus {
  background-color: transparent;
}
.button.hollow:hover, .button.hollow:focus {
  border-color: #0f112e;
  color: #0f112e;
}
.button.hollow.primary {
  border: 1px solid #1E225C;
  color: #1E225C;
}
.button.hollow.primary:hover, .button.hollow.primary:focus {
  border-color: #0f112e;
  color: #0f112e;
}
.button.hollow.secondary {
  border: 1px solid #777;
  color: #777;
}
.button.hollow.secondary:hover, .button.hollow.secondary:focus {
  border-color: rgb(59.5, 59.5, 59.5);
  color: rgb(59.5, 59.5, 59.5);
}
.button.hollow.success {
  border: 1px solid #3adb76;
  color: #3adb76;
}
.button.hollow.success:hover, .button.hollow.success:focus {
  border-color: rgb(21.3991416309, 117.1008583691, 57.0643776824);
  color: rgb(21.3991416309, 117.1008583691, 57.0643776824);
}
.button.hollow.warning {
  border: 1px solid #ffae00;
  color: #ffae00;
}
.button.hollow.warning:hover, .button.hollow.warning:focus {
  border-color: rgb(127.5, 87, 0);
  color: rgb(127.5, 87, 0);
}
.button.hollow.alert {
  border: 1px solid #ec5840;
  color: #ec5840;
}
.button.hollow.alert:hover, .button.hollow.alert:focus {
  border-color: rgb(136.4285714286, 30.7142857143, 13.5714285714);
  color: rgb(136.4285714286, 30.7142857143, 13.5714285714);
}
.button.disabled, .button[disabled] {
  opacity: 0.25;
  cursor: not-allowed;
}
.button.disabled, .button.disabled:hover, .button.disabled:focus, .button[disabled], .button[disabled]:hover, .button[disabled]:focus {
  background-color: #1E225C;
  color: white;
}
.button.disabled.primary, .button[disabled].primary {
  opacity: 0.25;
  cursor: not-allowed;
}
.button.disabled.primary, .button.disabled.primary:hover, .button.disabled.primary:focus, .button[disabled].primary, .button[disabled].primary:hover, .button[disabled].primary:focus {
  background-color: #1E225C;
  color: white;
}
.button.disabled.secondary, .button[disabled].secondary {
  opacity: 0.25;
  cursor: not-allowed;
}
.button.disabled.secondary, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
  background-color: #777;
  color: white;
}
.button.disabled.success, .button[disabled].success {
  opacity: 0.25;
  cursor: not-allowed;
}
.button.disabled.success, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success, .button[disabled].success:hover, .button[disabled].success:focus {
  background-color: #3adb76;
  color: #0a0a0a;
}
.button.disabled.warning, .button[disabled].warning {
  opacity: 0.25;
  cursor: not-allowed;
}
.button.disabled.warning, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning, .button[disabled].warning:hover, .button[disabled].warning:focus {
  background-color: #ffae00;
  color: #0a0a0a;
}
.button.disabled.alert, .button[disabled].alert {
  opacity: 0.25;
  cursor: not-allowed;
}
.button.disabled.alert, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert, .button[disabled].alert:hover, .button[disabled].alert:focus {
  background-color: #ec5840;
  color: #0a0a0a;
}
.button.dropdown::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 0.4em;
  content: "";
  border-bottom-width: 0;
  border-top-style: solid;
  border-color: white transparent transparent;
  position: relative;
  top: 0.4em;
  display: inline-block;
  float: right;
  margin-left: 1em;
}
.button.dropdown.hollow::after {
  border-top-color: #1E225C;
}
.button.dropdown.hollow.primary::after {
  border-top-color: #1E225C;
}
.button.dropdown.hollow.secondary::after {
  border-top-color: #777;
}
.button.dropdown.hollow.success::after {
  border-top-color: #3adb76;
}
.button.dropdown.hollow.warning::after {
  border-top-color: #ffae00;
}
.button.dropdown.hollow.alert::after {
  border-top-color: #ec5840;
}
.button.arrow-only::after {
  top: -0.1em;
  float: none;
  margin-left: 0;
}

[type=text], [type=password], [type=date], [type=datetime], [type=datetime-local], [type=month], [type=week], [type=email], [type=number], [type=search], [type=tel], [type=time], [type=url], [type=color],
textarea {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 2.4375rem;
  margin: 0 0 1rem;
  padding: 0.5rem;
  border: 1px solid #cacaca;
  border-radius: 0;
  background-color: white;
  box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
  font-family: inherit;
  font-size: 1rem;
  font-weight: normal;
  color: #0a0a0a;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
[type=text]:focus, [type=password]:focus, [type=date]:focus, [type=datetime]:focus, [type=datetime-local]:focus, [type=month]:focus, [type=week]:focus, [type=email]:focus, [type=number]:focus, [type=search]:focus, [type=tel]:focus, [type=time]:focus, [type=url]:focus, [type=color]:focus,
textarea:focus {
  outline: none;
  border: 1px solid #8a8a8a;
  background-color: white;
  box-shadow: 0 0 5px #cacaca;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}

textarea {
  max-width: 100%;
}
textarea[rows] {
  height: auto;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  color: #cacaca;
}

input::placeholder,
textarea::placeholder {
  color: #cacaca;
}
input:disabled, input[readonly],
textarea:disabled,
textarea[readonly] {
  background-color: #e6e6e6;
  cursor: not-allowed;
}

[type=submit],
[type=button] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0;
}

input[type=search] {
  box-sizing: border-box;
}

[type=file],
[type=checkbox],
[type=radio] {
  margin: 0 0 1rem;
}

[type=checkbox] + label,
[type=radio] + label {
  display: inline-block;
  vertical-align: baseline;
  margin-left: 0.5rem;
  margin-right: 1rem;
  margin-bottom: 0;
}
[type=checkbox] + label[for],
[type=radio] + label[for] {
  cursor: pointer;
}

label > [type=checkbox],
label > [type=radio] {
  margin-right: 0.5rem;
}

[type=file] {
  width: 100%;
}

label {
  display: block;
  margin: 0;
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.8;
  color: #0a0a0a;
}
label.middle {
  margin: 0 0 1rem;
  padding: 0.5625rem 0;
}

.help-text {
  margin-top: -0.5rem;
  font-size: 0.8125rem;
  font-style: italic;
  color: #0a0a0a;
}

.input-group {
  display: flex;
  width: 100%;
  margin-bottom: 1rem;
  align-items: stretch;
}
.input-group > :first-child {
  border-radius: 0 0 0 0;
}
.input-group > :last-child > * {
  border-radius: 0 0 0 0;
}

.input-group-button a,
.input-group-button input,
.input-group-button button,
.input-group-button label, .input-group-button, .input-group-field, .input-group-label {
  margin: 0;
  white-space: nowrap;
}

.input-group-label {
  padding: 0 1rem;
  border: 1px solid #cacaca;
  background: #e6e6e6;
  color: #0a0a0a;
  text-align: center;
  white-space: nowrap;
  display: flex;
  flex: 0 0 auto;
  align-items: center;
}
.input-group-label:first-child {
  border-right: 0;
}
.input-group-label:last-child {
  border-left: 0;
}

.input-group-field {
  border-radius: 0;
  flex: 1 1 0px;
  height: auto;
  min-width: 0;
}

.input-group-button {
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  flex: 0 0 auto;
}
.input-group-button a,
.input-group-button input,
.input-group-button button,
.input-group-button label {
  height: 2.5rem;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 1rem;
}

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

legend {
  max-width: 100%;
  margin-bottom: 0.5rem;
}

.fieldset {
  margin: 1.125rem 0;
  padding: 1.25rem;
  border: 1px solid #cacaca;
}
.fieldset legend {
  margin: 0;
  margin-left: -0.1875rem;
  padding: 0 0.1875rem;
  background: white;
}

select {
  height: 2.4375rem;
  margin: 0 0 1rem;
  padding: 0.5rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid #cacaca;
  border-radius: 0;
  background-color: white;
  font-family: inherit;
  font-size: 1rem;
  line-height: normal;
  color: #0a0a0a;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>");
  background-origin: content-box;
  background-position: right -1rem center;
  background-repeat: no-repeat;
  background-size: 9px 6px;
  padding-right: 1.5rem;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}
@media screen and (min-width: 0\0 ) {
  select {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==");
  }
}
select:focus {
  outline: none;
  border: 1px solid #8a8a8a;
  background-color: white;
  box-shadow: 0 0 5px #cacaca;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}
select:disabled {
  background-color: #e6e6e6;
  cursor: not-allowed;
}
select::-ms-expand {
  display: none;
}
select[multiple] {
  height: auto;
  background-image: none;
}

.is-invalid-input:not(:focus) {
  border-color: #ec5840;
  background-color: rgb(253.1, 238.3, 235.9);
}
.is-invalid-input:not(:focus)::-moz-placeholder {
  color: #ec5840;
}
.is-invalid-input:not(:focus)::placeholder {
  color: #ec5840;
}

.is-invalid-label {
  color: #ec5840;
}

.form-error {
  display: none;
  margin-top: -0.5rem;
  margin-bottom: 1rem;
  font-size: 0.75rem;
  font-weight: bold;
  color: #ec5840;
}
.form-error.is-visible {
  display: block;
}

.accordion {
  margin-left: 0;
  background: white;
  list-style-type: none;
}

.accordion-item:first-child > :first-child {
  border-radius: 0 0 0 0;
}
.accordion-item:last-child > :last-child {
  border-radius: 0 0 0 0;
}

.accordion-title {
  position: relative;
  display: block;
  padding: 1.25rem 1rem;
  border: 1px solid #e6e6e6;
  border-bottom: 0;
  font-size: 0.75rem;
  line-height: 1;
  color: #1E225C;
}
:last-child:not(.is-active) > .accordion-title {
  border-bottom: 1px solid #e6e6e6;
  border-radius: 0 0 0 0;
}
.accordion-title:hover, .accordion-title:focus {
  background-color: #e6e6e6;
}
.accordion-title::before {
  position: absolute;
  top: 50%;
  right: 1rem;
  margin-top: -0.5rem;
  content: "+";
}
.is-active > .accordion-title::before {
  content: "–";
}

.accordion-content {
  display: none;
  padding: 1rem;
  border: 1px solid #e6e6e6;
  border-bottom: 0;
  background-color: white;
  color: #0a0a0a;
}
:last-child > .accordion-content:last-child {
  border-bottom: 1px solid #e6e6e6;
}

.is-accordion-submenu-parent > a {
  position: relative;
}
.is-accordion-submenu-parent > a::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: "";
  border-bottom-width: 0;
  border-top-style: solid;
  border-color: #1E225C transparent transparent;
  position: absolute;
  top: 50%;
  margin-top: -3px;
  right: 1rem;
}

.is-accordion-submenu-parent[aria-expanded=true] > a::after {
  transform: rotate(180deg);
  transform-origin: 50% 50%;
}

.badge {
  display: inline-block;
  min-width: 2.1em;
  padding: 0.3em;
  border-radius: 50%;
  font-size: 0.6rem;
  text-align: center;
  background: #1E225C;
  color: white;
}
.badge.primary {
  background: #1E225C;
  color: white;
}
.badge.secondary {
  background: #777;
  color: white;
}
.badge.success {
  background: #3adb76;
  color: #0a0a0a;
}
.badge.warning {
  background: #ffae00;
  color: #0a0a0a;
}
.badge.alert {
  background: #ec5840;
  color: #0a0a0a;
}

.breadcrumbs {
  margin: 0 0 1rem 0;
  list-style: none;
}
.breadcrumbs::before, .breadcrumbs::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
.breadcrumbs::after {
  clear: both;
}
.breadcrumbs li {
  float: left;
  font-size: 1rem;
  color: #0a0a0a;
  cursor: default;
}
.breadcrumbs li:not(:last-child)::after {
  position: relative;
  top: 1px;
  margin: 0 0.65rem;
  opacity: 1;
  content: "/";
  color: #cacaca;
}
.breadcrumbs a {
  color: #1E225C;
}
.breadcrumbs a:hover {
  text-decoration: underline;
}
.breadcrumbs .disabled {
  color: #8a8a8a;
  cursor: not-allowed;
}

.button-group {
  margin-bottom: 1rem;
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
}
.button-group::before, .button-group::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
.button-group::after {
  clear: both;
}
.button-group .button {
  margin: 0;
  margin-right: 1px;
  margin-bottom: 1px;
  font-size: 0.9rem;
  flex: 0 0 auto;
}
.button-group .button:last-child {
  margin-right: 0;
}
.button-group.tiny .button {
  font-size: 0.6rem;
}
.button-group.small .button {
  font-size: 0.75rem;
}
.button-group.large .button {
  font-size: 1.25rem;
}
.button-group.expanded .button {
  flex: 1 1 0px;
}
.button-group.primary .button {
  background-color: #1E225C;
  color: white;
}
.button-group.primary .button:hover, .button-group.primary .button:focus {
  background-color: rgb(24, 27.2, 73.6);
  color: white;
}
.button-group.secondary .button {
  background-color: #777;
  color: white;
}
.button-group.secondary .button:hover, .button-group.secondary .button:focus {
  background-color: rgb(95.2, 95.2, 95.2);
  color: white;
}
.button-group.success .button {
  background-color: #3adb76;
  color: #0a0a0a;
}
.button-group.success .button:hover, .button-group.success .button:focus {
  background-color: rgb(34.2386266094, 187.3613733906, 91.3030042918);
  color: #0a0a0a;
}
.button-group.warning .button {
  background-color: #ffae00;
  color: #0a0a0a;
}
.button-group.warning .button:hover, .button-group.warning .button:focus {
  background-color: rgb(204, 139.2, 0);
  color: #0a0a0a;
}
.button-group.alert .button {
  background-color: #ec5840;
  color: #0a0a0a;
}
.button-group.alert .button:hover, .button-group.alert .button:focus {
  background-color: rgb(218.2857142857, 49.1428571429, 21.7142857143);
  color: #0a0a0a;
}
.button-group.stacked, .button-group.stacked-for-small, .button-group.stacked-for-medium {
  flex-wrap: wrap;
}
.button-group.stacked .button, .button-group.stacked-for-small .button, .button-group.stacked-for-medium .button {
  flex: 0 0 100%;
}
.button-group.stacked .button:last-child, .button-group.stacked-for-small .button:last-child, .button-group.stacked-for-medium .button:last-child {
  margin-bottom: 0;
}
@media print, screen and (min-width: 40em) {
  .button-group.stacked-for-small .button {
    flex: 1 1 0px;
    margin-bottom: 0;
  }
}
@media print, screen and (min-width: 64em) {
  .button-group.stacked-for-medium .button {
    flex: 1 1 0px;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 39.9375em) {
  .button-group.stacked-for-small.expanded {
    display: block;
  }
  .button-group.stacked-for-small.expanded .button {
    display: block;
    margin-right: 0;
  }
}

.callout {
  position: relative;
  margin: 0 0 1rem 0;
  padding: 1rem;
  border: 1px solid rgba(10, 10, 10, 0.25);
  border-radius: 0;
  background-color: white;
  color: #0a0a0a;
}
.callout > :first-child {
  margin-top: 0;
}
.callout > :last-child {
  margin-bottom: 0;
}
.callout.primary {
  background-color: rgb(211.1114754098, 213.0196721311, 240.6885245902);
  color: #0a0a0a;
}
.callout.secondary {
  background-color: rgb(234.6, 234.6, 234.6);
  color: #0a0a0a;
}
.callout.success {
  background-color: rgb(225.45, 249.6, 234.45);
  color: #0a0a0a;
}
.callout.warning {
  background-color: rgb(255, 242.85, 216.75);
  color: #0a0a0a;
}
.callout.alert {
  background-color: rgb(252.15, 229.95, 226.35);
  color: #0a0a0a;
}
.callout.small {
  padding-top: 0.5rem;
  padding-right: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.5rem;
}
.callout.large {
  padding-top: 3rem;
  padding-right: 3rem;
  padding-bottom: 3rem;
  padding-left: 3rem;
}

.card {
  display: flex;
  flex-direction: column;
  margin-bottom: 1rem;
  border: 1px solid #e6e6e6;
  border-radius: 0;
  background: white;
  box-shadow: none;
  overflow: hidden;
  color: #0a0a0a;
}
.card > :last-child {
  margin-bottom: 0;
}

.card-divider {
  flex: 0 1 auto;
  padding: 1rem;
  background: #e6e6e6;
}
.card-divider > :last-child {
  margin-bottom: 0;
}

.card-section {
  flex: 1 0 auto;
  padding: 1rem;
}
.card-section > :last-child {
  margin-bottom: 0;
}

.close-button {
  position: absolute;
  color: #8a8a8a;
  cursor: pointer;
}
[data-whatinput=mouse] .close-button {
  outline: 0;
}
.close-button:hover, .close-button:focus {
  color: #0a0a0a;
}
.close-button.small {
  right: 0.66rem;
  top: 0.33em;
  font-size: 1.5em;
  line-height: 1;
}
.close-button, .close-button.medium {
  right: 1rem;
  top: 0.5rem;
  font-size: 2em;
  line-height: 1;
}

.menu {
  margin: 0;
  list-style-type: none;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  width: 100%;
}
.menu > li {
  flex: 0 0 auto;
}
[data-whatinput=mouse] .menu > li {
  outline: 0;
}
.menu > li > a {
  display: block;
  padding: 0.7rem 1rem;
  line-height: 1;
}
.menu input,
.menu select,
.menu a,
.menu button {
  margin-bottom: 0;
}
.menu > li > a {
  display: flex;
}
.menu > li > a {
  flex-flow: row nowrap;
}
.menu > li > a img,
.menu > li > a i,
.menu > li > a svg {
  margin-right: 0.25rem;
}
.menu, .menu.horizontal {
  flex-wrap: nowrap;
}
.menu > li, .menu.horizontal > li {
  flex: 0 0 auto;
}
.menu.expanded > li {
  flex: 1 1 0px;
}
.menu.expanded > li:first-child:last-child {
  width: 100%;
}
.menu.vertical {
  flex-wrap: wrap;
}
.menu.vertical > li {
  flex: 0 0 100%;
  max-width: 100%;
}
.menu.vertical > li > a {
  justify-content: flex-start;
  align-items: flex-start;
}
@media print, screen and (min-width: 40em) {
  .menu.medium-horizontal {
    flex-wrap: nowrap;
  }
  .menu.medium-horizontal > li {
    flex: 0 0 auto;
  }
  .menu.medium-expanded > li {
    flex: 1 1 0px;
  }
  .menu.medium-expanded > li:first-child:last-child {
    width: 100%;
  }
  .menu.medium-vertical {
    flex-wrap: wrap;
  }
  .menu.medium-vertical > li {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .menu.medium-vertical > li > a {
    justify-content: flex-start;
    align-items: flex-start;
  }
}
@media print, screen and (min-width: 64em) {
  .menu.large-horizontal {
    flex-wrap: nowrap;
  }
  .menu.large-horizontal > li {
    flex: 0 0 auto;
  }
  .menu.large-expanded > li {
    flex: 1 1 0px;
  }
  .menu.large-expanded > li:first-child:last-child {
    width: 100%;
  }
  .menu.large-vertical {
    flex-wrap: wrap;
  }
  .menu.large-vertical > li {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .menu.large-vertical > li > a {
    justify-content: flex-start;
    align-items: flex-start;
  }
}
@media screen and (min-width: 75em) {
  .menu.xlarge-horizontal {
    flex-wrap: nowrap;
  }
  .menu.xlarge-horizontal > li {
    flex: 0 0 auto;
  }
  .menu.xlarge-expanded > li {
    flex: 1 1 0px;
  }
  .menu.xlarge-expanded > li:first-child:last-child {
    width: 100%;
  }
  .menu.xlarge-vertical {
    flex-wrap: wrap;
  }
  .menu.xlarge-vertical > li {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .menu.xlarge-vertical > li > a {
    justify-content: flex-start;
    align-items: flex-start;
  }
}
@media screen and (min-width: 90em) {
  .menu.xxlarge-horizontal {
    flex-wrap: nowrap;
  }
  .menu.xxlarge-horizontal > li {
    flex: 0 0 auto;
  }
  .menu.xxlarge-expanded > li {
    flex: 1 1 0px;
  }
  .menu.xxlarge-expanded > li:first-child:last-child {
    width: 100%;
  }
  .menu.xxlarge-vertical {
    flex-wrap: wrap;
  }
  .menu.xxlarge-vertical > li {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .menu.xxlarge-vertical > li > a {
    justify-content: flex-start;
    align-items: flex-start;
  }
}
.menu.simple li {
  display: inline-block;
  vertical-align: top;
  line-height: 1;
}
.menu.simple a {
  padding: 0;
}
.menu.simple li {
  margin-left: 0;
  margin-right: 1rem;
}
.menu.simple.align-right li {
  margin-right: 0;
  margin-left: 1rem;
}
.menu.align-right {
  justify-content: flex-end;
}
.menu.icon-top > li > a {
  flex-flow: column nowrap;
}
.menu.icon-top > li > a img,
.menu.icon-top > li > a i,
.menu.icon-top > li > a svg {
  align-self: stretch;
  margin-bottom: 0.25rem;
  text-align: center;
}
.menu.icon-top.vertical a > span {
  margin: auto;
}
.menu.nested {
  margin-left: 1rem;
}
.menu .active > a {
  background: #1E225C;
  color: white;
}
.menu.menu-bordered li {
  border: 1px solid #e6e6e6;
}
.menu.menu-bordered li:not(:first-child) {
  border-top: 0;
}
.menu.menu-hover li:hover {
  background-color: #e6e6e6;
}

.menu-text {
  padding-top: 0;
  padding-bottom: 0;
  padding: 0.7rem 1rem;
  font-weight: bold;
  line-height: 1;
  color: inherit;
}

.menu-centered {
  text-align: center;
}
.menu-centered > .menu {
  justify-content: center;
  align-items: flex-start;
}

.no-js [data-responsive-menu] ul {
  display: none;
}

.menu-icon {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 16px;
  cursor: pointer;
}
.menu-icon::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  background: white;
  box-shadow: 0 7px 0 white, 0 14px 0 white;
  content: "";
}
.menu-icon:hover::after {
  background: #cacaca;
  box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca;
}

.menu-icon.dark {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 16px;
  cursor: pointer;
}
.menu-icon.dark::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  background: #0a0a0a;
  box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a;
  content: "";
}
.menu-icon.dark:hover::after {
  background: #8a8a8a;
  box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a;
}

.is-drilldown {
  position: relative;
  overflow: hidden;
}
.is-drilldown li {
  display: block;
}
.is-drilldown.animate-height {
  transition: height 0.5s;
}

.is-drilldown-submenu {
  position: absolute;
  top: 0;
  left: 100%;
  z-index: -1;
  width: 100%;
  background: white;
  transition: transform 0.15s linear;
}
.is-drilldown-submenu.is-active {
  z-index: 1;
  display: block;
  transform: translateX(-100%);
}
.is-drilldown-submenu.is-closing {
  transform: translateX(100%);
}

.drilldown-submenu-cover-previous {
  min-height: 100%;
}

.is-drilldown-submenu-parent > a {
  position: relative;
}
.is-drilldown-submenu-parent > a::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: "";
  border-right-width: 0;
  border-left-style: solid;
  border-color: transparent transparent transparent #1E225C;
  position: absolute;
  top: 50%;
  margin-top: -6px;
  right: 1rem;
}

.js-drilldown-back > a::before {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: "";
  border-left-width: 0;
  border-right-style: solid;
  border-color: transparent #1E225C transparent transparent;
  border-left-width: 0;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.75rem;
  border-left-width: 0;
}

.dropdown-pane {
  position: absolute;
  z-index: 10;
  display: block;
  width: 300px;
  padding: 1rem;
  visibility: hidden;
  border: 1px solid #cacaca;
  border-radius: 0;
  background-color: white;
  font-size: 1rem;
}
.dropdown-pane.is-open {
  visibility: visible;
}

.dropdown-pane.tiny {
  width: 100px;
}

.dropdown-pane.small {
  width: 200px;
}

.dropdown-pane.large {
  width: 400px;
}

.dropdown.menu > li.opens-left > .is-dropdown-submenu {
  top: 100%;
  right: 0;
  left: auto;
}
.dropdown.menu > li.opens-right > .is-dropdown-submenu {
  top: 100%;
  right: auto;
  left: 0;
}
.dropdown.menu > li.is-dropdown-submenu-parent > a {
  position: relative;
  padding-right: 1.5rem;
}
.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: "";
  border-bottom-width: 0;
  border-top-style: solid;
  border-color: #1E225C transparent transparent;
  right: 5px;
  margin-top: -3px;
}
[data-whatinput=mouse] .dropdown.menu a {
  outline: 0;
}
.no-js .dropdown.menu ul {
  display: none;
}
.dropdown.menu.vertical > li .is-dropdown-submenu {
  top: 0;
}
.dropdown.menu.vertical > li.opens-left > .is-dropdown-submenu {
  right: 100%;
  left: auto;
}
.dropdown.menu.vertical > li.opens-right > .is-dropdown-submenu {
  right: auto;
  left: 100%;
}
.dropdown.menu.vertical > li > a::after {
  right: 14px;
}
.dropdown.menu.vertical > li.opens-left > a::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: "";
  border-left-width: 0;
  border-right-style: solid;
  border-color: transparent #1E225C transparent transparent;
}
.dropdown.menu.vertical > li.opens-right > a::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: "";
  border-right-width: 0;
  border-left-style: solid;
  border-color: transparent transparent transparent #1E225C;
}
@media print, screen and (min-width: 40em) {
  .dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto;
  }
  .dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0;
  }
  .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a {
    position: relative;
    padding-right: 1.5rem;
  }
  .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: "";
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #1E225C transparent transparent;
    right: 5px;
    margin-top: -3px;
  }
  .dropdown.menu.medium-vertical > li .is-dropdown-submenu {
    top: 0;
  }
  .dropdown.menu.medium-vertical > li.opens-left > .is-dropdown-submenu {
    right: 100%;
    left: auto;
  }
  .dropdown.menu.medium-vertical > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%;
  }
  .dropdown.menu.medium-vertical > li > a::after {
    right: 14px;
  }
  .dropdown.menu.medium-vertical > li.opens-left > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: "";
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #1E225C transparent transparent;
  }
  .dropdown.menu.medium-vertical > li.opens-right > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: "";
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #1E225C;
  }
}
@media print, screen and (min-width: 64em) {
  .dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto;
  }
  .dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0;
  }
  .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a {
    position: relative;
    padding-right: 1.5rem;
  }
  .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: "";
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #1E225C transparent transparent;
    right: 5px;
    margin-top: -3px;
  }
  .dropdown.menu.large-vertical > li .is-dropdown-submenu {
    top: 0;
  }
  .dropdown.menu.large-vertical > li.opens-left > .is-dropdown-submenu {
    right: 100%;
    left: auto;
  }
  .dropdown.menu.large-vertical > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%;
  }
  .dropdown.menu.large-vertical > li > a::after {
    right: 14px;
  }
  .dropdown.menu.large-vertical > li.opens-left > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: "";
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #1E225C transparent transparent;
  }
  .dropdown.menu.large-vertical > li.opens-right > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: "";
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #1E225C;
  }
}
@media screen and (min-width: 75em) {
  .dropdown.menu.xlarge-horizontal > li.opens-left > .is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto;
  }
  .dropdown.menu.xlarge-horizontal > li.opens-right > .is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0;
  }
  .dropdown.menu.xlarge-horizontal > li.is-dropdown-submenu-parent > a {
    position: relative;
    padding-right: 1.5rem;
  }
  .dropdown.menu.xlarge-horizontal > li.is-dropdown-submenu-parent > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: "";
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #1E225C transparent transparent;
    right: 5px;
    margin-top: -3px;
  }
  .dropdown.menu.xlarge-vertical > li .is-dropdown-submenu {
    top: 0;
  }
  .dropdown.menu.xlarge-vertical > li.opens-left > .is-dropdown-submenu {
    right: 100%;
    left: auto;
  }
  .dropdown.menu.xlarge-vertical > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%;
  }
  .dropdown.menu.xlarge-vertical > li > a::after {
    right: 14px;
  }
  .dropdown.menu.xlarge-vertical > li.opens-left > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: "";
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #1E225C transparent transparent;
  }
  .dropdown.menu.xlarge-vertical > li.opens-right > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: "";
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #1E225C;
  }
}
@media screen and (min-width: 90em) {
  .dropdown.menu.xxlarge-horizontal > li.opens-left > .is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto;
  }
  .dropdown.menu.xxlarge-horizontal > li.opens-right > .is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0;
  }
  .dropdown.menu.xxlarge-horizontal > li.is-dropdown-submenu-parent > a {
    position: relative;
    padding-right: 1.5rem;
  }
  .dropdown.menu.xxlarge-horizontal > li.is-dropdown-submenu-parent > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: "";
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #1E225C transparent transparent;
    right: 5px;
    margin-top: -3px;
  }
  .dropdown.menu.xxlarge-vertical > li .is-dropdown-submenu {
    top: 0;
  }
  .dropdown.menu.xxlarge-vertical > li.opens-left > .is-dropdown-submenu {
    right: 100%;
    left: auto;
  }
  .dropdown.menu.xxlarge-vertical > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%;
  }
  .dropdown.menu.xxlarge-vertical > li > a::after {
    right: 14px;
  }
  .dropdown.menu.xxlarge-vertical > li.opens-left > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: "";
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #1E225C transparent transparent;
  }
  .dropdown.menu.xxlarge-vertical > li.opens-right > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: "";
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #1E225C;
  }
}
.dropdown.menu.align-right .is-dropdown-submenu.first-sub {
  top: 100%;
  right: 0;
  left: auto;
}

.is-dropdown-menu.vertical {
  width: 100px;
}
.is-dropdown-menu.vertical.align-right {
  float: right;
}

.is-dropdown-submenu-parent {
  position: relative;
}
.is-dropdown-submenu-parent a::after {
  position: absolute;
  top: 50%;
  right: 5px;
  margin-top: -6px;
}
.is-dropdown-submenu-parent.opens-inner > .is-dropdown-submenu {
  top: 100%;
  left: auto;
}
.is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu {
  right: 100%;
  left: auto;
}
.is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu {
  right: auto;
  left: 100%;
}

.is-dropdown-submenu {
  position: absolute;
  top: 0;
  left: 100%;
  z-index: 1;
  display: none;
  min-width: 200px;
  border: 1px solid #cacaca;
  background: white;
}
.is-dropdown-submenu .is-dropdown-submenu-parent > a::after {
  right: 14px;
}
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: "";
  border-left-width: 0;
  border-right-style: solid;
  border-color: transparent #1E225C transparent transparent;
}
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: "";
  border-right-width: 0;
  border-left-style: solid;
  border-color: transparent transparent transparent #1E225C;
}
.is-dropdown-submenu .is-dropdown-submenu {
  margin-top: -1px;
}
.is-dropdown-submenu > li {
  width: 100%;
}
.is-dropdown-submenu.js-dropdown-active {
  display: block;
}

.responsive-embed,
.flex-video {
  position: relative;
  height: 0;
  margin-bottom: 1rem;
  padding-bottom: 75%;
  overflow: hidden;
}
.responsive-embed iframe,
.responsive-embed object,
.responsive-embed embed,
.responsive-embed video,
.flex-video iframe,
.flex-video object,
.flex-video embed,
.flex-video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.responsive-embed.widescreen,
.flex-video.widescreen {
  padding-bottom: 56.25%;
}

.label {
  display: inline-block;
  padding: 0.33333rem 0.5rem;
  border-radius: 0;
  font-size: 0.8rem;
  line-height: 1;
  white-space: nowrap;
  cursor: default;
  background: #1E225C;
  color: white;
}
.label.primary {
  background: #1E225C;
  color: white;
}
.label.secondary {
  background: #777;
  color: white;
}
.label.success {
  background: #3adb76;
  color: #0a0a0a;
}
.label.warning {
  background: #ffae00;
  color: #0a0a0a;
}
.label.alert {
  background: #ec5840;
  color: #0a0a0a;
}

.media-object {
  display: flex;
  margin-bottom: 1rem;
  flex-wrap: nowrap;
}
.media-object img {
  max-width: none;
}
@media screen and (max-width: 39.9375em) {
  .media-object.stack-for-small {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 39.9375em) {
  .media-object.stack-for-small .media-object-section {
    padding: 0;
    padding-bottom: 1rem;
    flex-basis: 100%;
    max-width: 100%;
  }
  .media-object.stack-for-small .media-object-section img {
    width: 100%;
  }
}

.media-object-section {
  flex: 0 1 auto;
}
.media-object-section:first-child {
  padding-right: 1rem;
}
.media-object-section:last-child:not(:nth-child(2)) {
  padding-left: 1rem;
}
.media-object-section > :last-child {
  margin-bottom: 0;
}
.media-object-section.main-section {
  flex: 1 1 0px;
}

.is-off-canvas-open {
  overflow: hidden;
}

.js-off-canvas-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: opacity 0.5s ease, visibility 0.5s ease;
  background: rgba(255, 255, 255, 0.25);
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
}
.js-off-canvas-overlay.is-visible {
  opacity: 1;
  visibility: visible;
}
.js-off-canvas-overlay.is-closable {
  cursor: pointer;
}
.js-off-canvas-overlay.is-overlay-absolute {
  position: absolute;
}
.js-off-canvas-overlay.is-overlay-fixed {
  position: fixed;
}

.off-canvas-wrapper {
  position: relative;
  overflow: hidden;
}

.off-canvas {
  position: fixed;
  z-index: 1;
  transition: transform 0.5s ease;
  backface-visibility: hidden;
  background: #e6e6e6;
}
[data-whatinput=mouse] .off-canvas {
  outline: 0;
}
.off-canvas.is-transition-overlap {
  z-index: 10;
}
.off-canvas.is-transition-overlap.is-open {
  box-shadow: 0 0 10px rgba(10, 10, 10, 0.7);
}
.off-canvas.is-open {
  transform: translate(0, 0);
}

.off-canvas-absolute {
  position: absolute;
  z-index: 1;
  transition: transform 0.5s ease;
  backface-visibility: hidden;
  background: #e6e6e6;
}
[data-whatinput=mouse] .off-canvas-absolute {
  outline: 0;
}
.off-canvas-absolute.is-transition-overlap {
  z-index: 10;
}
.off-canvas-absolute.is-transition-overlap.is-open {
  box-shadow: 0 0 10px rgba(10, 10, 10, 0.7);
}
.off-canvas-absolute.is-open {
  transform: translate(0, 0);
}

.position-left {
  top: 0;
  left: 0;
  width: 560px;
  height: 100%;
  transform: translateX(-560px);
  overflow-y: auto;
}
.position-left.is-open ~ .off-canvas-content {
  transform: translateX(560px);
}
.position-left.is-transition-push::after {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 1px;
  box-shadow: 0 0 10px rgba(10, 10, 10, 0.7);
  content: " ";
}
.position-left.is-transition-overlap.is-open ~ .off-canvas-content {
  transform: none;
}

.position-right {
  top: 0;
  right: 0;
  width: 560px;
  height: 100%;
  transform: translateX(560px);
  overflow-y: auto;
}
.position-right.is-open ~ .off-canvas-content {
  transform: translateX(-560px);
}
.position-right.is-transition-push::after {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 1px;
  box-shadow: 0 0 10px rgba(10, 10, 10, 0.7);
  content: " ";
}
.position-right.is-transition-overlap.is-open ~ .off-canvas-content {
  transform: none;
}

.position-top {
  top: 0;
  left: 0;
  width: 100%;
  height: 250px;
  transform: translateY(-250px);
  overflow-x: auto;
}
.position-top.is-open ~ .off-canvas-content {
  transform: translateY(250px);
}
.position-top.is-transition-push::after {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 100%;
  box-shadow: 0 0 10px rgba(10, 10, 10, 0.7);
  content: " ";
}
.position-top.is-transition-overlap.is-open ~ .off-canvas-content {
  transform: none;
}

.position-bottom {
  bottom: 0;
  left: 0;
  width: 100%;
  height: 250px;
  transform: translateY(250px);
  overflow-x: auto;
}
.position-bottom.is-open ~ .off-canvas-content {
  transform: translateY(-250px);
}
.position-bottom.is-transition-push::after {
  position: absolute;
  top: 0;
  left: 0;
  height: 1px;
  width: 100%;
  box-shadow: 0 0 10px rgba(10, 10, 10, 0.7);
  content: " ";
}
.position-bottom.is-transition-overlap.is-open ~ .off-canvas-content {
  transform: none;
}

.off-canvas-content {
  transition: transform 0.5s ease;
  backface-visibility: hidden;
}

@media print, screen and (min-width: 40em) {
  .position-left.reveal-for-medium {
    transform: none;
    z-index: 1;
  }
  .position-left.reveal-for-medium ~ .off-canvas-content {
    margin-left: 560px;
  }
  .position-right.reveal-for-medium {
    transform: none;
    z-index: 1;
  }
  .position-right.reveal-for-medium ~ .off-canvas-content {
    margin-right: 560px;
  }
  .position-top.reveal-for-medium {
    transform: none;
    z-index: 1;
  }
  .position-top.reveal-for-medium ~ .off-canvas-content {
    margin-top: 560px;
  }
  .position-bottom.reveal-for-medium {
    transform: none;
    z-index: 1;
  }
  .position-bottom.reveal-for-medium ~ .off-canvas-content {
    margin-bottom: 560px;
  }
}
@media print, screen and (min-width: 64em) {
  .position-left.reveal-for-large {
    transform: none;
    z-index: 1;
  }
  .position-left.reveal-for-large ~ .off-canvas-content {
    margin-left: 560px;
  }
  .position-right.reveal-for-large {
    transform: none;
    z-index: 1;
  }
  .position-right.reveal-for-large ~ .off-canvas-content {
    margin-right: 560px;
  }
  .position-top.reveal-for-large {
    transform: none;
    z-index: 1;
  }
  .position-top.reveal-for-large ~ .off-canvas-content {
    margin-top: 560px;
  }
  .position-bottom.reveal-for-large {
    transform: none;
    z-index: 1;
  }
  .position-bottom.reveal-for-large ~ .off-canvas-content {
    margin-bottom: 560px;
  }
}
@media screen and (min-width: 75em) {
  .position-left.reveal-for-xlarge {
    transform: none;
    z-index: 1;
  }
  .position-left.reveal-for-xlarge ~ .off-canvas-content {
    margin-left: 560px;
  }
  .position-right.reveal-for-xlarge {
    transform: none;
    z-index: 1;
  }
  .position-right.reveal-for-xlarge ~ .off-canvas-content {
    margin-right: 560px;
  }
  .position-top.reveal-for-xlarge {
    transform: none;
    z-index: 1;
  }
  .position-top.reveal-for-xlarge ~ .off-canvas-content {
    margin-top: 560px;
  }
  .position-bottom.reveal-for-xlarge {
    transform: none;
    z-index: 1;
  }
  .position-bottom.reveal-for-xlarge ~ .off-canvas-content {
    margin-bottom: 560px;
  }
}
@media screen and (min-width: 90em) {
  .position-left.reveal-for-xxlarge {
    transform: none;
    z-index: 1;
  }
  .position-left.reveal-for-xxlarge ~ .off-canvas-content {
    margin-left: 560px;
  }
  .position-right.reveal-for-xxlarge {
    transform: none;
    z-index: 1;
  }
  .position-right.reveal-for-xxlarge ~ .off-canvas-content {
    margin-right: 560px;
  }
  .position-top.reveal-for-xxlarge {
    transform: none;
    z-index: 1;
  }
  .position-top.reveal-for-xxlarge ~ .off-canvas-content {
    margin-top: 560px;
  }
  .position-bottom.reveal-for-xxlarge {
    transform: none;
    z-index: 1;
  }
  .position-bottom.reveal-for-xxlarge ~ .off-canvas-content {
    margin-bottom: 560px;
  }
}
.orbit {
  position: relative;
}

.orbit-container {
  position: relative;
  height: 0;
  margin: 0;
  list-style: none;
  overflow: hidden;
}

.orbit-slide {
  width: 100%;
}
.orbit-slide.no-motionui.is-active {
  top: 0;
  left: 0;
}

.orbit-figure {
  margin: 0;
}

.orbit-image {
  width: 100%;
  max-width: 100%;
  margin: 0;
}

.orbit-caption {
  position: absolute;
  bottom: 0;
  width: 100%;
  margin-bottom: 0;
  padding: 1rem;
  background-color: rgba(10, 10, 10, 0.5);
  color: white;
}

.orbit-next, .orbit-previous {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  padding: 1rem;
  color: white;
}
[data-whatinput=mouse] .orbit-next, [data-whatinput=mouse] .orbit-previous {
  outline: 0;
}
.orbit-next:hover, .orbit-previous:hover, .orbit-next:active, .orbit-previous:active, .orbit-next:focus, .orbit-previous:focus {
  background-color: rgba(10, 10, 10, 0.5);
}

.orbit-previous {
  left: 0;
}

.orbit-next {
  left: auto;
  right: 0;
}

.orbit-bullets {
  position: relative;
  margin-top: 0.8rem;
  margin-bottom: 0.8rem;
  text-align: center;
}
[data-whatinput=mouse] .orbit-bullets {
  outline: 0;
}
.orbit-bullets button {
  width: 1.2rem;
  height: 1.2rem;
  margin: 0.1rem;
  border-radius: 50%;
  background-color: #cacaca;
}
.orbit-bullets button:hover {
  background-color: #8a8a8a;
}
.orbit-bullets button.is-active {
  background-color: #8a8a8a;
}

.pagination {
  margin-left: 0;
  margin-bottom: 1rem;
}
.pagination::before, .pagination::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
.pagination::after {
  clear: both;
}
.pagination li {
  margin-right: 0.0625rem;
  border-radius: 0;
  font-size: 0.875rem;
  display: none;
}
.pagination li:last-child, .pagination li:first-child {
  display: inline-block;
}
@media print, screen and (min-width: 40em) {
  .pagination li {
    display: inline-block;
  }
}
.pagination a,
.pagination button {
  display: block;
  padding: 0.1875rem 0.625rem;
  border-radius: 0;
  color: #0a0a0a;
}
.pagination a:hover,
.pagination button:hover {
  background: #e6e6e6;
}
.pagination .current {
  padding: 0.1875rem 0.625rem;
  background: #1E225C;
  color: white;
  cursor: default;
}
.pagination .disabled {
  padding: 0.1875rem 0.625rem;
  color: #cacaca;
  cursor: not-allowed;
}
.pagination .disabled:hover {
  background: transparent;
}
.pagination .ellipsis::after {
  padding: 0.1875rem 0.625rem;
  content: "…";
  color: #0a0a0a;
}

.pagination-previous a::before,
.pagination-previous.disabled::before {
  display: inline-block;
  margin-right: 0.5rem;
  content: "«";
}

.pagination-next a::after,
.pagination-next.disabled::after {
  display: inline-block;
  margin-left: 0.5rem;
  content: "»";
}

.progress {
  height: 1rem;
  margin-bottom: 1rem;
  border-radius: 0;
  background-color: #cacaca;
}
.progress.primary .progress-meter {
  background-color: #1E225C;
}
.progress.secondary .progress-meter {
  background-color: #777;
}
.progress.success .progress-meter {
  background-color: #3adb76;
}
.progress.warning .progress-meter {
  background-color: #ffae00;
}
.progress.alert .progress-meter {
  background-color: #ec5840;
}

.progress-meter {
  position: relative;
  display: block;
  width: 0%;
  height: 100%;
  background-color: #1E225C;
}

.progress-meter-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  margin: 0;
  font-size: 0.75rem;
  font-weight: bold;
  color: white;
  white-space: nowrap;
}

.slider {
  position: relative;
  height: 0.5rem;
  margin-top: 1.25rem;
  margin-bottom: 2.25rem;
  background-color: #e6e6e6;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  touch-action: none;
}

.slider-fill {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  max-width: 100%;
  height: 0.5rem;
  background-color: #cacaca;
  transition: all 0.2s ease-in-out;
}
.slider-fill.is-dragging {
  transition: all 0s linear;
}

.slider-handle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  left: 0;
  z-index: 1;
  display: inline-block;
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 0;
  background-color: #1E225C;
  transition: all 0.2s ease-in-out;
  touch-action: manipulation;
}
[data-whatinput=mouse] .slider-handle {
  outline: 0;
}
.slider-handle:hover {
  background-color: rgb(25.5, 28.9, 78.2);
}
.slider-handle.is-dragging {
  transition: all 0s linear;
}

.slider.disabled,
.slider[disabled] {
  opacity: 0.25;
  cursor: not-allowed;
}

.slider.vertical {
  display: inline-block;
  width: 0.5rem;
  height: 12.5rem;
  margin: 0 1.25rem;
  transform: scale(1, -1);
}
.slider.vertical .slider-fill {
  top: 0;
  width: 0.5rem;
  max-height: 100%;
}
.slider.vertical .slider-handle {
  position: absolute;
  top: 0;
  left: 50%;
  width: 1.4rem;
  height: 1.4rem;
  transform: translateX(-50%);
}

.sticky-container {
  position: relative;
}

.sticky {
  position: relative;
  z-index: 0;
  transform: translate3d(0, 0, 0);
}

.sticky.is-stuck {
  position: fixed;
  z-index: 5;
}
.sticky.is-stuck.is-at-top {
  top: 0;
}
.sticky.is-stuck.is-at-bottom {
  bottom: 0;
}

.sticky.is-anchored {
  position: relative;
  right: auto;
  left: auto;
}
.sticky.is-anchored.is-at-bottom {
  bottom: 0;
}

body.is-reveal-open {
  overflow: hidden;
}

html.is-reveal-open,
html.is-reveal-open body {
  min-height: 100%;
  overflow: hidden;
  position: fixed;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.reveal-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1005;
  display: none;
  background-color: rgba(10, 10, 10, 0.45);
  overflow-y: scroll;
}

.reveal {
  z-index: 1006;
  backface-visibility: hidden;
  display: none;
  padding: 1rem;
  border: 1px solid #cacaca;
  border-radius: 0;
  background-color: white;
  position: relative;
  top: 100px;
  margin-right: auto;
  margin-left: auto;
  overflow-y: auto;
}
[data-whatinput=mouse] .reveal {
  outline: 0;
}
@media print, screen and (min-width: 40em) {
  .reveal {
    min-height: 0;
  }
}
.reveal .column, .reveal .columns {
  min-width: 0;
}
.reveal > :last-child {
  margin-bottom: 0;
}
@media print, screen and (min-width: 40em) {
  .reveal {
    width: 600px;
    max-width: 86.25rem;
  }
}
@media print, screen and (min-width: 40em) {
  .reveal .reveal {
    right: auto;
    left: auto;
    margin: 0 auto;
  }
}
.reveal.collapse {
  padding: 0;
}
@media print, screen and (min-width: 40em) {
  .reveal.tiny {
    width: 30%;
    max-width: 86.25rem;
  }
}
@media print, screen and (min-width: 40em) {
  .reveal.small {
    width: 50%;
    max-width: 86.25rem;
  }
}
@media print, screen and (min-width: 40em) {
  .reveal.large {
    width: 90%;
    max-width: 86.25rem;
  }
}
.reveal.full {
  top: 0;
  left: 0;
  width: 100%;
  max-width: none;
  height: 100%;
  height: 100vh;
  min-height: 100vh;
  margin-left: 0;
  border: 0;
  border-radius: 0;
}
@media screen and (max-width: 39.9375em) {
  .reveal {
    top: 0;
    left: 0;
    width: 100%;
    max-width: none;
    height: 100%;
    height: 100vh;
    min-height: 100vh;
    margin-left: 0;
    border: 0;
    border-radius: 0;
  }
}
.reveal.without-overlay {
  position: fixed;
}

.switch {
  height: 2rem;
  position: relative;
  margin-bottom: 1rem;
  outline: 0;
  font-size: 0.875rem;
  font-weight: bold;
  color: white;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.switch-input {
  position: absolute;
  margin-bottom: 0;
  opacity: 0;
}

.switch-paddle {
  position: relative;
  display: block;
  width: 4rem;
  height: 2rem;
  border-radius: 0;
  background: #cacaca;
  transition: all 0.25s ease-out;
  font-weight: inherit;
  color: inherit;
  cursor: pointer;
}
input + .switch-paddle {
  margin: 0;
}
.switch-paddle::after {
  position: absolute;
  top: 0.25rem;
  left: 0.25rem;
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  transform: translate3d(0, 0, 0);
  border-radius: 0;
  background: white;
  transition: all 0.25s ease-out;
  content: "";
}
input:checked ~ .switch-paddle {
  background: #1E225C;
}
input:checked ~ .switch-paddle::after {
  left: 2.25rem;
}
[data-whatinput=mouse] input:focus ~ .switch-paddle {
  outline: 0;
}

.switch-inactive, .switch-active {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.switch-active {
  left: 8%;
  display: none;
}
input:checked + label > .switch-active {
  display: block;
}

.switch-inactive {
  right: 15%;
}
input:checked + label > .switch-inactive {
  display: none;
}

.switch.tiny {
  height: 1.5rem;
}
.switch.tiny .switch-paddle {
  width: 3rem;
  height: 1.5rem;
  font-size: 0.625rem;
}
.switch.tiny .switch-paddle::after {
  top: 0.25rem;
  left: 0.25rem;
  width: 1rem;
  height: 1rem;
}
.switch.tiny input:checked ~ .switch-paddle::after {
  left: 1.75rem;
}

.switch.small {
  height: 1.75rem;
}
.switch.small .switch-paddle {
  width: 3.5rem;
  height: 1.75rem;
  font-size: 0.75rem;
}
.switch.small .switch-paddle::after {
  top: 0.25rem;
  left: 0.25rem;
  width: 1.25rem;
  height: 1.25rem;
}
.switch.small input:checked ~ .switch-paddle::after {
  left: 2rem;
}

.switch.large {
  height: 2.5rem;
}
.switch.large .switch-paddle {
  width: 5rem;
  height: 2.5rem;
  font-size: 1rem;
}
.switch.large .switch-paddle::after {
  top: 0.25rem;
  left: 0.25rem;
  width: 2rem;
  height: 2rem;
}
.switch.large input:checked ~ .switch-paddle::after {
  left: 2.75rem;
}

table {
  width: 100%;
  margin-bottom: 1rem;
  border-radius: 0;
}
thead,
tbody,
tfoot {
  border: 1px solid rgb(237.15, 237.15, 237.15);
  background-color: white;
}

caption {
  padding: 0.5rem 0.625rem 0.625rem;
  font-weight: bold;
}

thead {
  background: rgb(246.075, 246.075, 246.075);
  color: #0a0a0a;
}

tfoot {
  background: rgb(237.15, 237.15, 237.15);
  color: #0a0a0a;
}

thead tr,
tfoot tr {
  background: transparent;
}
thead th,
thead td,
tfoot th,
tfoot td {
  padding: 0.5rem 0.625rem 0.625rem;
  font-weight: bold;
  text-align: left;
}

tbody th,
tbody td {
  padding: 0.5rem 0.625rem 0.625rem;
}

tbody tr:nth-child(even) {
  border-bottom: 0;
  background-color: rgb(237.15, 237.15, 237.15);
}

table.unstriped tbody {
  background-color: white;
}
table.unstriped tbody tr {
  border-bottom: 0;
  border-bottom: 1px solid rgb(237.15, 237.15, 237.15);
  background-color: white;
}

@media screen and (max-width: 63.9375em) {
  table.stack thead {
    display: none;
  }
  table.stack tfoot {
    display: none;
  }
  table.stack tr,
  table.stack th,
  table.stack td {
    display: block;
  }
  table.stack td {
    border-top: 0;
  }
}

table.scroll {
  display: block;
  width: 100%;
  overflow-x: auto;
}

table.hover thead tr:hover {
  background-color: rgb(235.875, 235.875, 235.875);
}
table.hover tfoot tr:hover {
  background-color: rgb(226.95, 226.95, 226.95);
}
table.hover tbody tr:hover {
  background-color: rgb(244.8, 244.8, 244.8);
}
table.hover:not(.unstriped) tr:nth-of-type(even):hover {
  background-color: rgb(226.95, 226.95, 226.95);
}

.table-scroll {
  overflow-x: auto;
}
.table-scroll table {
  width: auto;
}

.tabs {
  margin: 0;
  border: 1px solid #e6e6e6;
  background: white;
  list-style-type: none;
}
.tabs::before, .tabs::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
.tabs::after {
  clear: both;
}

.tabs.vertical > li {
  display: block;
  float: none;
  width: auto;
}

.tabs.simple > li > a {
  padding: 0;
}
.tabs.simple > li > a:hover {
  background: transparent;
}

.tabs.primary {
  background: #1E225C;
}
.tabs.primary > li > a {
  color: white;
}
.tabs.primary > li > a:hover, .tabs.primary > li > a:focus {
  background: rgb(34.7704918033, 39.406557377, 106.6295081967);
}

.tabs-title {
  float: left;
}
.tabs-title > a {
  display: block;
  padding: 1.25rem 1.5rem;
  font-size: 0.75rem;
  line-height: 1;
  color: #1E225C;
}
.tabs-title > a:hover {
  background: white;
  color: rgb(25.8, 29.24, 79.12);
}
.tabs-title > a:focus, .tabs-title > a[aria-selected=true] {
  background: #e6e6e6;
  color: #1E225C;
}

.tabs-content {
  border: 1px solid #e6e6e6;
  border-top: 0;
  background: white;
  color: #0a0a0a;
  transition: all 0.5s ease;
}

.tabs-content.vertical {
  border: 1px solid #e6e6e6;
  border-left: 0;
}

.tabs-panel {
  display: none;
  padding: 1rem;
}
.tabs-panel[aria-hidden=false] {
  display: block;
}

.thumbnail {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 1rem;
  border: solid 4px white;
  border-radius: 0;
  box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2);
  line-height: 0;
}

a.thumbnail {
  transition: box-shadow 200ms ease-out;
}
a.thumbnail:hover, a.thumbnail:focus {
  box-shadow: 0 0 6px 1px rgba(30, 34, 92, 0.5);
}
a.thumbnail image {
  box-shadow: none;
}

.title-bar {
  padding: 0.5rem;
  background: #0a0a0a;
  color: white;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.title-bar .menu-icon {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

.title-bar-left,
.title-bar-right {
  flex: 1 1 0px;
}

.title-bar-right {
  text-align: right;
}

.title-bar-title {
  display: inline-block;
  vertical-align: middle;
  font-weight: bold;
}

.has-tip {
  position: relative;
  display: inline-block;
  border-bottom: dotted 1px #8a8a8a;
  font-weight: bold;
  cursor: help;
}

.tooltip {
  position: absolute;
  top: calc(100% + 0.6495rem);
  z-index: 1200;
  max-width: 10rem;
  padding: 0.75rem;
  border-radius: 0;
  background-color: #0a0a0a;
  font-size: 80%;
  color: white;
}
.tooltip::before {
  display: block;
  width: 0;
  height: 0;
  border: inset 0.75rem;
  content: "";
  border-top-width: 0;
  border-bottom-style: solid;
  border-color: transparent transparent #0a0a0a;
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
}
.tooltip.top::before {
  display: block;
  width: 0;
  height: 0;
  border: inset 0.75rem;
  content: "";
  border-bottom-width: 0;
  border-top-style: solid;
  border-color: #0a0a0a transparent transparent;
  top: 100%;
  bottom: auto;
}
.tooltip.left::before {
  display: block;
  width: 0;
  height: 0;
  border: inset 0.75rem;
  content: "";
  border-right-width: 0;
  border-left-style: solid;
  border-color: transparent transparent transparent #0a0a0a;
  top: 50%;
  bottom: auto;
  left: 100%;
  transform: translateY(-50%);
}
.tooltip.right::before {
  display: block;
  width: 0;
  height: 0;
  border: inset 0.75rem;
  content: "";
  border-left-width: 0;
  border-right-style: solid;
  border-color: transparent #0a0a0a transparent transparent;
  top: 50%;
  right: 100%;
  bottom: auto;
  left: auto;
  transform: translateY(-50%);
}

.top-bar {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem;
  flex-wrap: wrap;
}
.top-bar,
.top-bar ul {
  background-color: #e6e6e6;
}
.top-bar input {
  max-width: 200px;
  margin-right: 1rem;
}
.top-bar .input-group-field {
  width: 100%;
  margin-right: 0;
}
.top-bar input.button {
  width: auto;
}
.top-bar .top-bar-left,
.top-bar .top-bar-right {
  flex: 0 0 100%;
  max-width: 100%;
}
@media print, screen and (min-width: 40em) {
  .top-bar {
    flex-wrap: nowrap;
  }
  .top-bar .top-bar-left {
    flex: 1 1 auto;
  }
  .top-bar .top-bar-right {
    flex: 0 1 auto;
  }
}
@media screen and (max-width: 63.9375em) {
  .top-bar.stacked-for-medium {
    flex-wrap: wrap;
  }
  .top-bar.stacked-for-medium .top-bar-left,
  .top-bar.stacked-for-medium .top-bar-right {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media screen and (max-width: 74.9375em) {
  .top-bar.stacked-for-large {
    flex-wrap: wrap;
  }
  .top-bar.stacked-for-large .top-bar-left,
  .top-bar.stacked-for-large .top-bar-right {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media screen and (max-width: 89.9375em) {
  .top-bar.stacked-for-xlarge {
    flex-wrap: wrap;
  }
  .top-bar.stacked-for-xlarge .top-bar-left,
  .top-bar.stacked-for-xlarge .top-bar-right {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.top-bar.stacked-for-xxlarge {
  flex-wrap: wrap;
}
.top-bar.stacked-for-xxlarge .top-bar-left,
.top-bar.stacked-for-xxlarge .top-bar-right {
  flex: 0 0 100%;
  max-width: 100%;
}

.top-bar-title {
  flex: 0 0 auto;
  margin: 1rem;
}

.top-bar-left,
.top-bar-right {
  flex: 0 0 auto;
}

.hide {
  display: none !important;
}

.invisible {
  visibility: hidden;
}

@media screen and (max-width: 39.9375em) {
  .hide-for-small-only {
    display: none !important;
  }
}

@media screen and (max-width: 0em), screen and (min-width: 40em) {
  .show-for-small-only {
    display: none !important;
  }
}

@media print, screen and (min-width: 40em) {
  .hide-for-medium {
    display: none !important;
  }
}

@media screen and (max-width: 39.9375em) {
  .show-for-medium {
    display: none !important;
  }
}

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .hide-for-medium-only {
    display: none !important;
  }
}

@media screen and (max-width: 39.9375em), screen and (min-width: 64em) {
  .show-for-medium-only {
    display: none !important;
  }
}

@media print, screen and (min-width: 64em) {
  .hide-for-large {
    display: none !important;
  }
}

@media screen and (max-width: 63.9375em) {
  .show-for-large {
    display: none !important;
  }
}

@media screen and (min-width: 64em) and (max-width: 74.9375em) {
  .hide-for-large-only {
    display: none !important;
  }
}

@media screen and (max-width: 63.9375em), screen and (min-width: 75em) {
  .show-for-large-only {
    display: none !important;
  }
}

@media screen and (min-width: 75em) {
  .hide-for-xlarge {
    display: none !important;
  }
}

@media screen and (max-width: 74.9375em) {
  .show-for-xlarge {
    display: none !important;
  }
}

@media screen and (min-width: 75em) and (max-width: 89.9375em) {
  .hide-for-xlarge-only {
    display: none !important;
  }
}

@media screen and (max-width: 74.9375em), screen and (min-width: 90em) {
  .show-for-xlarge-only {
    display: none !important;
  }
}

@media screen and (min-width: 90em) {
  .hide-for-xxlarge {
    display: none !important;
  }
}

@media screen and (max-width: 89.9375em) {
  .show-for-xxlarge {
    display: none !important;
  }
}

@media screen and (min-width: 90em) {
  .hide-for-xxlarge-only {
    display: none !important;
  }
}

@media screen and (max-width: 89.9375em) {
  .show-for-xxlarge-only {
    display: none !important;
  }
}

.show-for-sr,
.show-on-focus {
  position: absolute !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}

.show-on-focus:active, .show-on-focus:focus {
  position: static !important;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
}

.show-for-landscape,
.hide-for-portrait {
  display: block !important;
}
@media screen and (orientation: landscape) {
  .show-for-landscape,
  .hide-for-portrait {
    display: block !important;
  }
}
@media screen and (orientation: portrait) {
  .show-for-landscape,
  .hide-for-portrait {
    display: none !important;
  }
}

.hide-for-landscape,
.show-for-portrait {
  display: none !important;
}
@media screen and (orientation: landscape) {
  .hide-for-landscape,
  .show-for-portrait {
    display: none !important;
  }
}
@media screen and (orientation: portrait) {
  .hide-for-landscape,
  .show-for-portrait {
    display: block !important;
  }
}

.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

.float-center {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.clearfix::before, .clearfix::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
.clearfix::after {
  clear: both;
}

.align-right {
  justify-content: flex-end;
}

.align-center {
  justify-content: center;
}

.align-justify {
  justify-content: space-between;
}

.align-spaced {
  justify-content: space-around;
}

.align-top {
  align-items: flex-start;
}

.align-self-top {
  align-self: flex-start;
}

.align-bottom {
  align-items: flex-end;
}

.align-self-bottom {
  align-self: flex-end;
}

.align-middle {
  align-items: center;
}

.align-self-middle {
  align-self: center;
}

.align-stretch {
  align-items: stretch;
}

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

.align-center-middle {
  justify-content: center;
  align-items: center;
  align-content: center;
}

.small-order-1 {
  order: 1;
}

.small-order-2 {
  order: 2;
}

.small-order-3 {
  order: 3;
}

.small-order-4 {
  order: 4;
}

.small-order-5 {
  order: 5;
}

.small-order-6 {
  order: 6;
}

@media print, screen and (min-width: 40em) {
  .medium-order-1 {
    order: 1;
  }
  .medium-order-2 {
    order: 2;
  }
  .medium-order-3 {
    order: 3;
  }
  .medium-order-4 {
    order: 4;
  }
  .medium-order-5 {
    order: 5;
  }
  .medium-order-6 {
    order: 6;
  }
}
@media print, screen and (min-width: 64em) {
  .large-order-1 {
    order: 1;
  }
  .large-order-2 {
    order: 2;
  }
  .large-order-3 {
    order: 3;
  }
  .large-order-4 {
    order: 4;
  }
  .large-order-5 {
    order: 5;
  }
  .large-order-6 {
    order: 6;
  }
}
@media screen and (min-width: 75em) {
  .xlarge-order-1 {
    order: 1;
  }
  .xlarge-order-2 {
    order: 2;
  }
  .xlarge-order-3 {
    order: 3;
  }
  .xlarge-order-4 {
    order: 4;
  }
  .xlarge-order-5 {
    order: 5;
  }
  .xlarge-order-6 {
    order: 6;
  }
}
@media screen and (min-width: 90em) {
  .xxlarge-order-1 {
    order: 1;
  }
  .xxlarge-order-2 {
    order: 2;
  }
  .xxlarge-order-3 {
    order: 3;
  }
  .xxlarge-order-4 {
    order: 4;
  }
  .xxlarge-order-5 {
    order: 5;
  }
  .xxlarge-order-6 {
    order: 6;
  }
}
.slide-in-down.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateY(-100%);
  transition-property: transform, opacity;
  backface-visibility: hidden;
}

.slide-in-down.mui-enter.mui-enter-active {
  transform: translateY(0);
}

.slide-in-left.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateX(-100%);
  transition-property: transform, opacity;
  backface-visibility: hidden;
}

.slide-in-left.mui-enter.mui-enter-active {
  transform: translateX(0);
}

.slide-in-up.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateY(100%);
  transition-property: transform, opacity;
  backface-visibility: hidden;
}

.slide-in-up.mui-enter.mui-enter-active {
  transform: translateY(0);
}

.slide-in-right.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateX(100%);
  transition-property: transform, opacity;
  backface-visibility: hidden;
}

.slide-in-right.mui-enter.mui-enter-active {
  transform: translateX(0);
}

.slide-out-down.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateY(0);
  transition-property: transform, opacity;
  backface-visibility: hidden;
}

.slide-out-down.mui-leave.mui-leave-active {
  transform: translateY(100%);
}

.slide-out-right.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateX(0);
  transition-property: transform, opacity;
  backface-visibility: hidden;
}

.slide-out-right.mui-leave.mui-leave-active {
  transform: translateX(100%);
}

.slide-out-up.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateY(0);
  transition-property: transform, opacity;
  backface-visibility: hidden;
}

.slide-out-up.mui-leave.mui-leave-active {
  transform: translateY(-100%);
}

.slide-out-left.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateX(0);
  transition-property: transform, opacity;
  backface-visibility: hidden;
}

.slide-out-left.mui-leave.mui-leave-active {
  transform: translateX(-100%);
}

.fade-in.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  opacity: 0;
  transition-property: opacity;
}

.fade-in.mui-enter.mui-enter-active {
  opacity: 1;
}

.fade-out.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  opacity: 1;
  transition-property: opacity;
}

.fade-out.mui-leave.mui-leave-active {
  opacity: 0;
}

.hinge-in-from-top.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotateX(-90deg);
  transform-origin: top;
  transition-property: transform, opacity;
  opacity: 0;
}

.hinge-in-from-top.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1;
}

.hinge-in-from-right.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotateY(-90deg);
  transform-origin: right;
  transition-property: transform, opacity;
  opacity: 0;
}

.hinge-in-from-right.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1;
}

.hinge-in-from-bottom.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotateX(90deg);
  transform-origin: bottom;
  transition-property: transform, opacity;
  opacity: 0;
}

.hinge-in-from-bottom.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1;
}

.hinge-in-from-left.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotateY(90deg);
  transform-origin: left;
  transition-property: transform, opacity;
  opacity: 0;
}

.hinge-in-from-left.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1;
}

.hinge-in-from-middle-x.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotateX(-90deg);
  transform-origin: center;
  transition-property: transform, opacity;
  opacity: 0;
}

.hinge-in-from-middle-x.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1;
}

.hinge-in-from-middle-y.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotateY(-90deg);
  transform-origin: center;
  transition-property: transform, opacity;
  opacity: 0;
}

.hinge-in-from-middle-y.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1;
}

.hinge-out-from-top.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotate(0deg);
  transform-origin: top;
  transition-property: transform, opacity;
  opacity: 1;
}

.hinge-out-from-top.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateX(-90deg);
  opacity: 0;
}

.hinge-out-from-right.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotate(0deg);
  transform-origin: right;
  transition-property: transform, opacity;
  opacity: 1;
}

.hinge-out-from-right.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateY(-90deg);
  opacity: 0;
}

.hinge-out-from-bottom.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotate(0deg);
  transform-origin: bottom;
  transition-property: transform, opacity;
  opacity: 1;
}

.hinge-out-from-bottom.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateX(90deg);
  opacity: 0;
}

.hinge-out-from-left.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotate(0deg);
  transform-origin: left;
  transition-property: transform, opacity;
  opacity: 1;
}

.hinge-out-from-left.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateY(90deg);
  opacity: 0;
}

.hinge-out-from-middle-x.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotate(0deg);
  transform-origin: center;
  transition-property: transform, opacity;
  opacity: 1;
}

.hinge-out-from-middle-x.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateX(-90deg);
  opacity: 0;
}

.hinge-out-from-middle-y.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotate(0deg);
  transform-origin: center;
  transition-property: transform, opacity;
  opacity: 1;
}

.hinge-out-from-middle-y.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateY(-90deg);
  opacity: 0;
}

.scale-in-up.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: scale(0.5);
  transition-property: transform, opacity;
  opacity: 0;
}

.scale-in-up.mui-enter.mui-enter-active {
  transform: scale(1);
  opacity: 1;
}

.scale-in-down.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: scale(1.5);
  transition-property: transform, opacity;
  opacity: 0;
}

.scale-in-down.mui-enter.mui-enter-active {
  transform: scale(1);
  opacity: 1;
}

.scale-out-up.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: scale(1);
  transition-property: transform, opacity;
  opacity: 1;
}

.scale-out-up.mui-leave.mui-leave-active {
  transform: scale(1.5);
  opacity: 0;
}

.scale-out-down.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: scale(1);
  transition-property: transform, opacity;
  opacity: 1;
}

.scale-out-down.mui-leave.mui-leave-active {
  transform: scale(0.5);
  opacity: 0;
}

.spin-in.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: rotate(-0.75turn);
  transition-property: transform, opacity;
  opacity: 0;
}

.spin-in.mui-enter.mui-enter-active {
  transform: rotate(0);
  opacity: 1;
}

.spin-out.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: rotate(0);
  transition-property: transform, opacity;
  opacity: 1;
}

.spin-out.mui-leave.mui-leave-active {
  transform: rotate(0.75turn);
  opacity: 0;
}

.spin-in-ccw.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: rotate(0.75turn);
  transition-property: transform, opacity;
  opacity: 0;
}

.spin-in-ccw.mui-enter.mui-enter-active {
  transform: rotate(0);
  opacity: 1;
}

.spin-out-ccw.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: rotate(0);
  transition-property: transform, opacity;
  opacity: 1;
}

.spin-out-ccw.mui-leave.mui-leave-active {
  transform: rotate(-0.75turn);
  opacity: 0;
}

.slow {
  transition-duration: 750ms !important;
}

.fast {
  transition-duration: 250ms !important;
}

.linear {
  transition-timing-function: linear !important;
}

.ease {
  transition-timing-function: ease !important;
}

.ease-in {
  transition-timing-function: ease-in !important;
}

.ease-out {
  transition-timing-function: ease-out !important;
}

.ease-in-out {
  transition-timing-function: ease-in-out !important;
}

.bounce-in {
  transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important;
}

.bounce-out {
  transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important;
}

.bounce-in-out {
  transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important;
}

.short-delay {
  transition-delay: 300ms !important;
}

.long-delay {
  transition-delay: 700ms !important;
}

.shake {
  animation-name: shake-7;
}
@keyframes shake-7 {
  0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% {
    transform: translateX(7%);
  }
  5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% {
    transform: translateX(-7%);
  }
}

.spin-cw {
  animation-name: spin-cw-1turn;
}
@keyframes spin-cw-1turn {
  0% {
    transform: rotate(-1turn);
  }
  100% {
    transform: rotate(0);
  }
}

.spin-ccw {
  animation-name: spin-cw-1turn;
}
@keyframes spin-cw-1turn {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(1turn);
  }
}

.wiggle {
  animation-name: wiggle-7deg;
}
@keyframes wiggle-7deg {
  40%, 50%, 60% {
    transform: rotate(7deg);
  }
  35%, 45%, 55%, 65% {
    transform: rotate(-7deg);
  }
  0%, 30%, 70%, 100% {
    transform: rotate(0);
  }
}

.shake,
.spin-cw,
.spin-ccw,
.wiggle {
  animation-duration: 500ms;
}

.infinite {
  animation-iteration-count: infinite;
}

.slow {
  animation-duration: 750ms !important;
}

.fast {
  animation-duration: 250ms !important;
}

.linear {
  animation-timing-function: linear !important;
}

.ease {
  animation-timing-function: ease !important;
}

.ease-in {
  animation-timing-function: ease-in !important;
}

.ease-out {
  animation-timing-function: ease-out !important;
}

.ease-in-out {
  animation-timing-function: ease-in-out !important;
}

.bounce-in {
  animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important;
}

.bounce-out {
  animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important;
}

.bounce-in-out {
  animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important;
}

.short-delay {
  animation-delay: 300ms !important;
}

.long-delay {
  animation-delay: 700ms !important;
}

@font-face {
  font-family: "Gelasio";
  src: url("/fonts/Gelasio/Gelasio-VariableFont_wght.ttf") format("truetype-variations");
  font-weight: 1 999;
}
@font-face {
  font-family: "SourceSerif4";
  src: url("/fonts/SourceSerif4/SourceSerif4-VariableFont_opsz,wght.ttf") format("truetype-variations");
  font-weight: 1 999;
}
@font-face {
  font-family: "Lexend";
  src: url("/fonts/Lexend/Lexend-VariableFont_wght.ttf") format("truetype-variations");
  font-weight: 1 999;
}
@font-face {
  font-family: "Caveat";
  src: url("/fonts/Caveat/Caveat-VariableFont_wght.ttf") format("truetype-variations");
  font-weight: 1 999;
}
@font-face {
  font-family: "Poppins";
  src: url("/fonts/Poppins/Poppins-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Poppins";
  src: url("/fonts/Poppins/Poppins-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "Poppins";
  src: url("/fonts/Poppins/Poppins-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Poppins";
  src: url("/fonts/Poppins/Poppins-ExtraBoldItalic.ttf") format("truetype");
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: "Poppins";
  src: url("/fonts/Poppins/Poppins-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Poppins";
  src: url("/fonts/Poppins/Poppins-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "Poppins";
  src: url("/fonts/Poppins/Poppins-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Poppins";
  src: url("/fonts/Poppins/Poppins-SemiBoldItalic.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "Poppins";
  src: url("/fonts/Poppins/Poppins-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Poppins";
  src: url("/fonts/Poppins/Poppins-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "Poppins";
  src: url("/fonts/Poppins/Poppins-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Poppins";
  src: url("/fonts/Poppins/Poppins-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Poppins";
  src: url("/fonts/Poppins/Poppins-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Poppins";
  src: url("/fonts/Poppins/Poppins-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Poppins";
  src: url("/fonts/Poppins/Poppins-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Poppins";
  src: url("/fonts/Poppins/Poppins-ExtraLightItalic.ttf") format("truetype");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: "Poppins";
  src: url("/fonts/Poppins/Poppins-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "Poppins";
  src: url("/fonts/Poppins/Poppins-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
}
@page {
  size: A4;
  margin-top: 15mm;
  margin-left: 15mm;
  margin-right: 15mm;
  margin-bottom: 15mm;
}
@page :first {
  margin-top: 0px;
}
* {
  -webkit-print-color-adjust: exact !important; /* Chrome, Safari */
  color-adjust: exact !important; /*Firefox*/
  font-family: "Poppins", sans-serif;
  font-display: fallback;
}

* {
  color: #1e225d;
}

span, a, strong {
  color: inherit;
}

html {
  font-size: 85%;
}
@media print, screen and (min-width: 40em) {
  html {
    font-size: 100%;
  }
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  color: #1e225d;
  font-weight: 800;
}

h1 {
  font-size: 1.5rem;
  letter-spacing: -1px;
}
@media print, screen and (min-width: 40em) {
  h1 {
    font-size: 2rem;
  }
}

h2 {
  line-height: 1.2;
  letter-spacing: -1px;
  margin-bottom: 1rem !important;
}

h2, h3, h4, h5, h6 {
  font-size: 1.35rem;
  margin-bottom: 1rem;
}
@media print, screen and (min-width: 40em) {
  h2, h3, h4, h5, h6 {
    font-size: 1.5rem;
  }
}

h4 {
  font-size: 1.2rem;
  margin-bottom: 2px;
}
@media print, screen and (min-width: 40em) {
  h4 {
    font-size: 1.25rem;
  }
}

h5 {
  font-size: 1.1rem;
}
@media print, screen and (min-width: 40em) {
  h5 {
    font-size: 1.2rem;
  }
}

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

p, ul, li {
  color: #1e225d;
}

.divider {
  margin: 40px 0px;
}

button {
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  cursor: pointer;
}

@media print {
  html, body {
    width: 210mm;
    height: 297mm;
  }
  a[href]:after {
    display: none;
    /*visibility: hidden;*/
  }
}
.button {
  text-decoration: none;
}

#block-ui {
  position: fixed;
  display: none;
  top: 0;
  left: 0;
  background-color: black;
  opacity: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  transition: opacity 300ms;
}
#block-ui.visible {
  display: block;
  opacity: 0.3;
}

.handwritten-title {
  line-height: 1;
}
.handwritten-title em {
  font-family: "Shadows Into Light", cursive;
  font-display: fallback;
  font-weight: bold;
  font-style: normal;
  font-size: 110%;
}
.handwritten-title strong {
  font-size: 90%;
  text-transform: uppercase;
  font-weight: 800;
}

[class^=icon-], [class*=" icon-"] {
  text-decoration: none;
}

.opensans {
  font-family: "Poppins", sans-serif;
  font-display: fallback;
}

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .column, .columns {
    padding-left: 1.3rem;
    padding-right: 1.3rem;
  }
}

.is-invalid-input:not(:focus) {
  background-color: unset;
}

.algn-left {
  text-align: left;
}

.flx {
  display: flex;
}

.flx-jst-cntr {
  justify-content: center;
}

.flx-algn-cntr {
  align-items: center;
}

.flx-direction-clmn {
  flex-direction: column;
}

@media print, screen and (min-width: 40em) {
  .h3-desktop {
    font-family: "Lexend", sans-serif;
    font-display: fallback;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px; /* 133.333% */
    letter-spacing: -0.24px;
  }
}

.h2-mobile {
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px; /* 160% */
  letter-spacing: -0.2px;
}

@media print, screen and (min-width: 40em) {
  .h2-desktop {
    font-family: Lexend;
    font-size: 35px;
    font-style: normal;
    font-weight: 600;
    line-height: 40px; /* 114.286% */
    letter-spacing: -0.35px;
  }
}

/* Headline 3 | body 1 Mobile */
@media screen and (max-width: 39.9375em) {
  .h3-body1-mobile {
    font-family: Lexend;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 150% */
    letter-spacing: -0.16px;
  }
}

@media screen and (max-width: 39.9375em) {
  .h4-mobile {
    font-family: Lexend;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 133.333% */
    letter-spacing: -0.18px;
  }
}

@media print, screen and (min-width: 40em) {
  .h4-desktop {
    font-family: Lexend;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 133.333% */
    letter-spacing: -0.18px;
  }
}

@media screen and (max-width: 39.9375em) {
  .h4-body2-mobile {
    /* Headline 4 | body 2 Mobile */
    font-family: Lexend;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 171.429% */
    letter-spacing: -0.14px;
  }
}

@media print, screen and (min-width: 40em) {
  .h5-desktop {
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
    letter-spacing: -0.16px;
  }
}

@media screen and (max-width: 39.9375em) {
  .h5-mobile {
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
    letter-spacing: -0.16px;
  }
}

.body1-mobile {
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 171.429% */
  letter-spacing: -0.14px;
}

.body2-mobile {
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 20px; /* 142.857% */
}

.body2 {
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
}

@media print, screen and (min-width: 40em) {
  .body1-desktop {
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
    letter-spacing: -0.16px;
  }
}

@media print, screen and (min-width: 40em) {
  .body2-desktop {
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
  }
}

select:focus {
  box-shadow: none;
}

select:hover {
  cursor: pointer;
}

input[type=text]:focus {
  box-shadow: none;
}

.caption-mobile {
  font-family: Poppins;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px; /* 166.667% */
}

.checklist-header {
  color: #262B56;
  font-family: Lexend;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px; /* 171.429% */
  letter-spacing: -0.14px;
  margin-bottom: 12px;
}
@media print, screen and (min-width: 40em) {
  .checklist-header {
    font-family: Caveat;
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px; /* 92.308% */
    letter-spacing: -0.26px;
    margin-bottom: 24px;
  }
}

.checklist-items {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.checklist-item {
  display: flex;
  align-items: center;
  gap: 12px;
}
.checklist-item .input {
  line-height: 1;
}
.checklist-item .input input {
  margin-bottom: 0px;
  transform: scale(1.2);
  pointer-events: none;
}
.checklist-item .text a {
  text-decoration: none;
}
.checklist-item .text .lnk {
  position: relative;
  z-index: 1;
}
.checklist-item .text .lnk::after {
  content: "";
  position: absolute;
  bottom: -8px; /* Positioning the stroke near the bottom */
  left: 0;
  width: 100%; /* Stretches across the full width of the text */
  height: 16px; /* Height of the stroke (adjust as needed) */
  background-image: url("/images/orange-stroke.svg"); /* Use the stroke image */
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  z-index: -1; /* Ensures the stroke stays behind the text */
}

.hyperlink {
  color: #106BC6;
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 142.857% */
  text-decoration-line: underline;
  display: inline-flex;
  gap: 6px;
  align-items: center;
}
.hyperlink:hover {
  text-decoration-line: none;
  color: #106BC6;
}

.dwnld-naked-button {
  display: flex;
  align-items: center;
  gap: 6px;
}
.dwnld-naked-button .text {
  color: var(--CF-highlight-color, #106BC6);
  font-family: Poppins;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration-line: underline;
}

.gry-divider {
  background: #DFE4EA;
}
.gry-divider.horizontal {
  width: 100%;
  height: 1px;
}
.gry-divider.vertical {
  height: 100%;
  width: 1px;
}

.tbs-select select {
  border-radius: 10px;
  border: 1px solid var(--Stroke, #DFE4EA);
  background: var(--CF-WHITE, #FFF);
  padding: 12px 16px;
}

.tbs-bar {
  display: flex;
  gap: 10px;
  margin-bottom: 25px;
  margin-right: -22px;
  align-items: center;
  overflow: scroll;
  scrollbar-width: none; /* Firefox */
}
@media print, screen and (min-width: 40em) {
  .tbs-bar {
    gap: 14px;
    margin-bottom: 46px;
  }
}
@media print, screen and (min-width: 64em) {
  .tbs-bar {
    margin-right: 0px;
  }
}
.tbs-bar::-webkit-scrollbar {
  display: none;
}
.tbs-bar .tab-item {
  display: flex;
  padding: 10px 20px;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  border-radius: 10px;
  background: #F8F8FA;
  transition: all 400ms;
  flex-wrap: nowrap;
  text-wrap: nowrap;
}
.tbs-bar .tab-item .text {
  color: #637381;
}
.tbs-bar .tab-item.selected, .tbs-bar .tab-item:hover {
  cursor: pointer;
  background: #106BC6;
}
.tbs-bar .tab-item.selected .text, .tbs-bar .tab-item:hover .text {
  color: white;
}
.tbs-bar .tab-item.selected .icon img, .tbs-bar .tab-item:hover .icon img {
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(101%) contrast(104%);
}

div.training-sections {
  margin-bottom: 46px;
}
@media print, screen and (min-width: 40em) {
  div.training-sections {
    margin-bottom: 66px;
  }
}
div.training-sections:last-of-type {
  margin-bottom: 0px;
}
div.training-sections .section-title {
  margin-bottom: 12px;
}
@media print, screen and (min-width: 64em) {
  div.training-sections .section-title {
    margin-bottom: 16px;
  }
}

.notice {
  display: inline-flex;
  padding: 3px 8px;
  padding: 6px 10px;
  align-items: center;
  gap: 12px;
  border-radius: 6px;
}
.notice.alert {
  color: #9a6409;
  background-color: #FFFBEB;
}
.notice.success {
  color: #22AD5C;
  background-color: #DAF8E6;
}

.breadcrumbs-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: -15px;
}
.breadcrumbs-section .crumbs {
  color: var(--Text-color, #64748B);
  text-align: right;
  font-family: Lexend;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px; /* 150% */
}
.breadcrumbs-section .crumbs .item {
  transition: all 400ms;
}
.breadcrumbs-section .crumbs .item a {
  text-decoration: none;
  transition: all 400ms;
}
.breadcrumbs-section .crumbs .current, .breadcrumbs-section .crumbs a:hover, .breadcrumbs-section .crumbs .item:hover {
  color: #106BC6;
}
.tgl-item {
  display: flex;
  gap: 6px;
}
@media print, screen and (min-width: 64em) {
  .tgl-item {
    align-items: center;
  }
}
.tgl-item .icon {
  width: 24px;
  height: 24px;
  border-radius: 6px;
  background: rgba(48, 86, 211, 0.06);
  position: relative;
}
@media print, screen and (min-width: 64em) {
  .tgl-item .icon {
    width: 42px;
    height: 42px;
    border-radius: 10px;
  }
}
.tgl-item .icon img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 10px;
  transition: all 400ms;
}
@media print, screen and (min-width: 64em) {
  .tgl-item .icon img {
    height: 19px;
  }
}
.tgl-item .content .title {
  text-align: left;
}
.tgl-item .content .info {
  margin-top: 12px;
  display: flex;
  gap: 24px;
}
.tgl-item.open .icon img {
  transform-origin: center;
  transform: rotate(90deg) translateX(-4px) translateY(2px);
}
@media print, screen and (min-width: 64em) {
  .tgl-item.open .icon img {
    transform: rotate(90deg) translateX(-8px) translateY(5px);
  }
}

.main-block {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  gap: 24px;
}
.main-block div {
  text-align: left !important;
}
@media print, screen and (min-width: 40em) {
  .main-block {
    flex-direction: row;
    align-items: stretch;
    height: 360px;
  }
}
@media print, screen and (min-width: 64em) {
  .main-block {
    height: 270px;
  }
}
.main-block .left-part {
  display: flex;
  flex-grow: 1;
  width: 100%;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}
@media print, screen and (min-width: 40em) {
  .main-block .left-part {
    height: 360px;
    width: unset;
  }
}
@media print, screen and (min-width: 64em) {
  .main-block .left-part {
    height: 270px;
  }
}
@media print, screen and (min-width: 64em) {
  .main-block .left-part .type {
    margin-bottom: 6px;
  }
}
.main-block .left-part .training-title {
  margin-bottom: 24px;
}
@media print, screen and (min-width: 64em) {
  .main-block .left-part .training-title {
    margin-bottom: 16px;
  }
}
.main-block .left-part .info-grid {
  display: flex;
  flex-direction: column;
  row-gap: 6px;
  align-self: stretch;
  margin-bottom: 6px;
}
@media print, screen and (min-width: 64em) {
  .main-block .left-part .info-grid {
    align-items: center;
    row-gap: 11px;
    -moz-column-gap: 30px;
         column-gap: 30px;
    flex-direction: row;
    flex-wrap: wrap;
    max-width: 550px;
  }
}
.main-block .left-part .info-grid .item {
  display: flex;
  align-items: center;
  gap: 8px;
}
@media print, screen and (min-width: 64em) {
  .main-block .left-part .info-grid .item {
    gap: 16px;
    flex: 0 0 calc(50% - 15px);
  }
}
.main-block .left-part .info-bar {
  display: flex;
  flex-direction: column;
  row-gap: 3px;
  align-self: stretch;
  margin-bottom: 6px;
}
@media print, screen and (min-width: 64em) {
  .main-block .left-part .info-bar {
    align-items: center;
    gap: 36px;
    flex-direction: row;
  }
}
.main-block .left-part .info-bar .item {
  display: flex;
  align-items: center;
  gap: 8px;
}
.main-block .left-part .change-date {
  margin-bottom: 24px;
}
.main-block .left-part .notice {
  margin-bottom: 12px;
}
.main-block .left-part .action-btns {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
@media print, screen and (min-width: 64em) {
  .main-block .left-part .action-btns {
    flex-direction: row;
    gap: 12px;
  }
}
.main-block .left-part .bottom-part, .main-block .left-part .top-part {
  width: 100%;
}
.main-block .right-part {
  width: 100%;
}
@media print, screen and (min-width: 40em) {
  .main-block .right-part {
    flex-grow: 1;
    width: initial;
    display: flex;
    flex-direction: column;
    justify-content: center; /* Centers content vertically */
    align-items: center; /* Centers content horizontally (optional) */
  }
}
.main-block.detail-page {
  height: unset;
}
.main-block.detail-page .left-part {
  height: unset;
}
.main-block.detail-page .left-part .gry-divider.horizontal {
  margin-top: 24px;
}
.main-block.detail-page .left-part .checklist {
  margin-top: 24px;
  margin-bottom: 36px;
}
.main-block.detail-page .right-part .trainer-photo {
  position: relative;
}
.main-block.detail-page .right-part .trainer-photo .designation {
  position: absolute;
  padding: 8px 16px;
  bottom: 15px;
  background-color: white;
  box-shadow: 0px 15px 30px 0px rgba(42, 62, 82, 0.1);
}
.main-block.detail-page .right-part .trainer-photo .designation > span {
  display: block;
}
.main-block.detail-page .right-part .trainer-photo img {
  max-width: 350px;
  margin-bottom: -22px;
}
@media print, screen and (min-width: 64em) {
  .main-block.detail-page .right-part .trainer-photo img {
    margin-bottom: -36px;
  }
}

.width-45 {
  width: 45%;
}

.width-20 {
  width: 20%;
}

.width-15 {
  width: 15%;
}

.width-10 {
  width: 10%;
}

table.tbl-stacked-clmn thead {
  background-color: white !important;
  border: none;
  border-bottom: 1px solid #EBEBEB;
}
table.tbl-stacked-clmn thead tr {
  box-shadow: none;
}
table.tbl-stacked-clmn thead th {
  box-shadow: none;
  color: #A3A3A3;
  padding-left: 0px;
  padding-right: 0px;
}
@media print, screen and (min-width: 64em) {
  table.tbl-stacked-clmn thead th {
    padding-left: initial;
    padding-right: initial;
  }
}
table.tbl-stacked-clmn tbody {
  border: none;
}
table.tbl-stacked-clmn tbody tr {
  box-shadow: none;
  border-bottom: 1px solid #EBEBEB !important;
  background-color: white;
}
table.tbl-stacked-clmn tbody tr.selected {
  border-bottom: none !important;
}
table.tbl-stacked-clmn tbody td {
  text-align: left;
  padding-left: 0px;
  padding-right: 0px;
  padding: 16px 0px;
}
@media print, screen and (min-width: 64em) {
  table.tbl-stacked-clmn tbody td {
    padding-left: initial;
    padding-right: initial;
  }
}
table.tbl-stacked-clmn tbody .main-row {
  cursor: pointer;
}
table.tbl-stacked-clmn tbody .details-row td {
  padding-top: 0px;
  padding-left: 30px;
}
@media print, screen and (min-width: 40em) {
  table.tbl-stacked-clmn tbody .details-row td .main-block, table.tbl-stacked-clmn tbody .details-row td .left-part {
    height: unset;
  }
}
@media print, screen and (min-width: 64em) {
  table.tbl-stacked-clmn tbody .details-row td {
    padding-top: 10px;
    padding-left: 48px;
  }
  table.tbl-stacked-clmn tbody .details-row td .main-block, table.tbl-stacked-clmn tbody .details-row td .left-part {
    height: 250px;
  }
}

.clr-gray {
  color: #8899A8;
}

.clr-blue {
  color: #262957 !important;
}

.back-button {
  position: absolute;
  margin-top: 8px;
  right: 0;
}
.back-button .text {
  text-wrap: nowrap;
}

.nkd-btn {
  display: flex;
  padding: 0;
  gap: 6px;
  text-decoration: none;
  transition: all 400ms;
}
.nkd-btn .text {
  text-decoration: none;
  transition: all 400ms;
}
.nkd-btn .icon {
  transition: all 400ms;
}
.nkd-btn.hasicon.left {
  padding-left: 10px;
}
.nkd-btn.hasicon.right {
  padding-right: 10px;
}
.nkd-btn.orange {
  color: #FF9900;
}
.nkd-btn.blue {
  color: #1e225d;
}
.nkd-btn.blue img {
  filter: invert(12%) sepia(69%) saturate(1767%) hue-rotate(219deg) brightness(90%) contrast(97%);
  width: 16px;
  height: 16px;
}
.nkd-btn.gray {
  color: #888AAA;
}
.nkd-btn.gray img {
  filter: brightness(0) saturate(100%) invert(63%) sepia(13%) saturate(611%) hue-rotate(198deg) brightness(86%) contrast(92%);
  width: 16px;
  height: 16px;
}
.nkd-btn:hover.hasicon.left {
  padding-left: 0px;
}
.nkd-btn:hover.hasicon.left .icon {
  padding-right: 10px;
}
.nkd-btn:hover.hasicon.right {
  padding-right: 0px;
}
.nkd-btn:hover.hasicon.right .icon {
  padding-left: 10px;
}
.nkd-btn:hover.gray {
  border-color: #1e225d;
  color: #1e225d;
}
.nkd-btn:hover.gray img {
  filter: invert(12%) sepia(69%) saturate(1767%) hue-rotate(219deg) brightness(90%) contrast(97%);
  width: 16px;
  height: 16px;
}
.nkd-btn:hover .text {
  text-decoration-line: underline;
}

.new-btn {
  display: flex;
  padding: 10px 30px;
  justify-content: center;
  align-items: center;
  gap: 16px;
  align-self: stretch;
  border-radius: 6px;
  text-decoration: none;
  transition: all 400ms;
}
@media print, screen and (min-width: 40em) {
  .new-btn {
    justify-content: unset;
    align-self: unset;
  }
}
.new-btn .text {
  text-decoration: none;
}
.new-btn.primary {
  border: 1px solid #262957;
  background-color: #262957;
}
.new-btn.primary .text {
  color: white;
}
.new-btn.primary-orange {
  border: 1px solid #F90;
  background-color: #F90;
}
.new-btn.primary-orange .text {
  color: #262957;
}
.new-btn.primary-orange .icon {
  filter: invert(1) sepia(1) saturate(1000%) hue-rotate(200deg) brightness(80%);
}
.new-btn.secundary {
  border: 1px solid #262957;
  background-color: white;
}
.new-btn.secundary .icon {
  filter: invert(1) sepia(1) saturate(1000%) hue-rotate(200deg) brightness(80%);
}
.new-btn:hover.primary {
  background-color: white;
}
.new-btn:hover.primary .text {
  color: #262957;
}
.new-btn:hover.primary .icon {
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(101%) contrast(104%);
}
.new-btn:hover.primary-orange {
  background-color: white;
}
.new-btn:hover.primary-orange .text {
  color: #F90;
}
.new-btn:hover.primary-orange .icon {
  filter: invert(81%) sepia(48%) saturate(6610%) hue-rotate(0deg) brightness(104%) contrast(104%);
}
.new-btn:hover.secundary {
  background-color: #262957;
}
.new-btn:hover.secundary .text {
  color: white;
}
.new-btn:hover.secundary .icon {
  filter: none;
}

@media screen and (max-width: 39.9375em) {
  .drpdwn-container {
    position: relative;
    display: block;
    margin-bottom: 24px;
  }
}

@media screen and (max-width: 39.9375em) {
  .drpdwn-button {
    background-color: #ffffff;
    border: 1px solid #DFE4EA;
    padding: 12px 16px;
    font-size: 16px;
    cursor: pointer;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }
}

.arrow {
  margin-left: 10px;
  font-size: 14px;
}

/* Dropdown menu hidden by default */
@media screen and (max-width: 39.9375em) {
  .drpdwn-menu {
    display: none;
    position: absolute;
    background-color: #ffffff;
    border-radius: 10px;
    border: 1px solid var(--Stroke, #DFE4EA);
    margin-top: 5px;
    width: 100%;
    box-shadow: 0px 15px 30px 0px rgba(42, 62, 82, 0.1);
    z-index: 5;
  }
}

@media screen and (max-width: 39.9375em) {
  .drpdwn-menu .tab-item {
    padding: 10px;
    cursor: pointer;
    display: flex;
    align-items: center;
  }
}

@media screen and (max-width: 39.9375em) {
  .drpdwn-menu .icon {
    margin-right: 10px;
  }
}

/* Show dropdown when the 'show' class is added */
.show {
  display: block;
}

.even-overleggen {
  display: flex;
  flex-direction: column;
  gap: 100px;
}
@media print, screen and (min-width: 64em) {
  .even-overleggen {
    flex-direction: row;
    gap: 0px;
  }
}
.even-overleggen .content {
  flex: 1; /* Keeps the 50% width */
  display: flex;
  flex-direction: column; /* Stack items vertically */
}
@media print, screen and (min-width: 64em) {
  .even-overleggen .content {
    align-items: flex-start; /* Prevent items from stretching horizontally */
  }
}
.even-overleggen .content > .title {
  margin-bottom: 24px;
  text-align: left;
}
.even-overleggen .content > .text {
  margin-bottom: 36px;
  max-width: 420px;
}
.even-overleggen .content .action-button {
  margin-bottom: 43px;
}
.even-overleggen .content .info-box > .title {
  padding: 20px 24px;
  border-radius: 8px 8px 0px 0px;
  background: #1E225C;
  border: 1px solid #1C2663;
  color: white;
  text-align: left;
}
.even-overleggen .content .info-box .items {
  border-radius: 0px 0px 8px 8px;
  border: 1px solid #1C2663;
  display: flex;
  padding: 16px 24px 16px 24px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 12px;
  align-self: stretch;
}
@media print, screen and (min-width: 64em) {
  .even-overleggen .content .info-box .items {
    padding-right: 64px;
  }
}
.even-overleggen .content .info-box .items .item {
  display: flex;
  gap: 24px;
}
.even-overleggen .content .info-box .items .item .icon {
  width: 45px;
  height: 45px;
  border-radius: 5px;
  background: rgba(48, 86, 211, 0.06);
  position: relative;
}
.even-overleggen .content .info-box .items .item .icon img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 400ms;
}
.even-overleggen .content .info-box .items .item a {
  text-decoration: none;
}
.even-overleggen .content .info-box .items .item a:hover {
  text-decoration: underline;
}
.even-overleggen .image {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  position: relative;
}
.even-overleggen .image .bg-letters {
  position: absolute;
  top: 15%;
  left: 44%;
  font-size: 270px;
  letter-spacing: -30px;
  transform: translate(-50%, -50%); /* Shifts it back by 50% of its own size to perfectly center */
  z-index: 1; /* Ensure it's above the image */
  pointer-events: none; /* Make sure it doesn't interfere with clicks if necessary */
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  font-weight: 800;
  line-height: 45px;
  color: #00c4c2;
}
@media print, screen and (min-width: 40em) {
  .even-overleggen .image .bg-letters {
    left: 48%;
  }
}
@media print, screen and (min-width: 64em) {
  .even-overleggen .image .bg-letters {
    top: 40%; /* Centers it vertically */
    left: 46%; /* Centers it horizontally */
    font-size: 370px;
    letter-spacing: -40px;
  }
}
.even-overleggen .image img {
  position: relative;
  z-index: 3;
  margin-bottom: -22px;
  max-width: 310px;
}
@media print, screen and (min-width: 64em) {
  .even-overleggen .image img {
    margin-bottom: -36px;
    max-width: 500px;
  }
}

.account-blocks {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 15px 30px rgba(42, 62, 82, 0.098);
  border-radius: 8px;
  padding: 22px;
}
@media print, screen and (min-width: 64em) {
  .account-blocks {
    padding: 35px;
  }
}

.faqs .main-row {
  padding: 16px 59px 16px 24px;
  border-bottom: 1px solid #F3F4FE;
}
.faqs .main-row.selected {
  border-bottom: 0px;
}
.faqs .main-row .tgl-item {
  gap: 24px;
}
.faqs .details-row {
  padding: 16px 59px 16px 24px;
  border-bottom: 1px solid #F3F4FE;
}

.new-form input, .new-form textarea, .new-form select {
  border-radius: 6px;
  border: 1px solid var(--Stroke, #DFE4EA);
}

.bxd-content {
  display: flex;
  padding: 16px;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  align-self: stretch;
  border-radius: 8px;
  border: 1px solid var(--CF-primary-style-color, #262957);
}
@media print, screen and (min-width: 64em) {
  .bxd-content {
    flex-direction: row;
    padding: 0px 24px 0px 24px;
    gap: 50px;
  }
}
@media print, screen and (min-width: 64em) {
  .bxd-content .content {
    padding: 24px 0px 24px 0px;
  }
}
.bxd-content .content > .title {
  margin-bottom: 20px;
  text-align: left;
}
.bxd-content .content > .description {
  margin-bottom: 26px;
}
@media print, screen and (min-width: 64em) {
  .bxd-content .content > .description {
    margin-bottom: 46px;
  }
}
.bxd-content .content .grades {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  align-self: stretch;
}
@media print, screen and (min-width: 64em) {
  .bxd-content .content .grades {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
  }
}
.bxd-content .content .grades .item {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
}
@media print, screen and (min-width: 64em) {
  .bxd-content .content .grades .item {
    align-items: flex-start;
    align-self: normal;
    gap: 16px;
    width: 168px;
  }
}
.bxd-content .image {
  align-self: flex-end;
}

.hover-image .hover {
  display: none;
}
.hover-image img {
  transition: visibility 0.3s ease;
}

.btns {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media print, screen and (min-width: 64em) {
  .btns {
    flex-direction: row;
  }
}

.text-image-block {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media print, screen and (min-width: 64em) {
  .text-image-block {
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
  }
}
.text-image-block .text > img {
  border-radius: 8px;
}
.text-image-block .image {
  display: flex;
  align-items: stretch;
  justify-content: center; /* Optional: Center the image horizontally */
}
.text-image-block .image .equal-height-container {
  position: relative;
  height: 100%;
  min-width: 400px;
}
.text-image-block .image .equal-height-container > img {
  border-radius: 8px;
  position: absolute;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.text-image-block .image > img {
  border-radius: 8px;
  height: 100%;
  width: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

.location-img {
  margin-bottom: 24px;
  max-height: 200px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}

.link-grid {
  display: flex;
  flex-direction: column;
  -moz-column-gap: 16px;
       column-gap: 16px;
}
@media print, screen and (min-width: 64em) {
  .link-grid {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
@media print, screen and (min-width: 64em) {
  .link-grid .item {
    flex: 0 0 calc(50% - 8px);
  }
}
.link-grid .item > a {
  display: flex;
  flex-direction: row;
  border-bottom: 1px solid #F3F4FE;
  padding: 12px;
  gap: 12px;
  align-items: center;
  text-decoration: none;
}
@media print, screen and (min-width: 64em) {
  .link-grid .item > a {
    padding: 16px 59px 16px 24px;
    gap: 46px;
  }
}
.link-grid .item > a:hover {
  text-decoration: underline;
}
.link-grid .item > a .icon {
  width: 25px;
  height: 25px;
  position: relative;
  border-radius: 10px;
  background: rgba(48, 86, 211, 0.06);
}
@media print, screen and (min-width: 64em) {
  .link-grid .item > a .icon {
    width: 42px;
    height: 42px;
  }
}
.link-grid .item > a .icon img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 12px;
  transition: all 400ms;
}
@media print, screen and (min-width: 64em) {
  .link-grid .item > a .icon img {
    height: 18px;
  }
}

/**
 * 4.0 - Alignment
 */
.alignleft {
  float: left;
  margin: 6px 28px 28px 0;
}

.alignright {
  float: right;
  margin: 6px 0 28px 28px;
}

.aligncenter {
  clear: both;
  display: block;
  margin: 0 auto 28px;
}

/**
 * 5.0 - Caption
 */
.wp-caption {
  background: transparent;
  border: none;
  margin-bottom: 28px;
  max-width: 100%;
  padding: 0;
  text-align: inherit;
}

.wp-caption-text,
.wp-caption-dd {
  color: #686868;
  font-size: 13px;
  font-style: italic;
  line-height: 1.6153846154;
  padding-top: 7px;
}

/**
 * 6.0 - Galleries
 */
.mce-content-body .wpview-wrap {
  margin-bottom: 28px;
}

.gallery {
  margin: 0 -1.1666667%;
  padding: 0;
}

.gallery .gallery-item {
  display: inline-block;
  max-width: 33.33%;
  padding: 0 1.1400652% 2.2801304%;
  text-align: center;
  vertical-align: top;
  width: 100%;
}

.gallery-columns-1 .gallery-item {
  max-width: 100%;
}

.gallery-columns-2 .gallery-item {
  max-width: 50%;
}

.gallery-columns-4 .gallery-item {
  max-width: 25%;
}

.gallery-columns-5 .gallery-item {
  max-width: 20%;
}

.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}

.gallery .gallery-caption {
  font-size: 13px;
  margin: 0;
}

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
  display: none;
}

/**
 * 7.0 - Audio / Video
 */
.wp-audio-shortcode a,
.wp-playlist a {
  box-shadow: none;
}

.mce-content-body .wp-audio-playlist {
  margin: 0;
  padding-bottom: 0;
}

.mce-content-body .wp-playlist-tracks {
  margin-top: 0;
}

.mce-content-body .wp-playlist-item {
  padding: 10px 0;
}

.mce-content-body .wp-playlist-item-length {
  top: 10px;
}

/**
 * 8.0 - RTL
 */
.rtl blockquote {
  border: 0 solid #1a1a1a;
  border-right-width: 4px;
}

.rtl blockquote.alignleft,
.rtl blockquote.alignright {
  border: 0 solid #1a1a1a;
  border-top-width: 4px;
}

.rtl blockquote:not(.alignleft):not(.alignright) {
  margin-right: -28px;
  padding: 0 24px 0 0;
}

.rtl blockquote blockquote:not(.alignleft):not(.alignright) {
  margin-right: 0;
  margin-left: auto;
}

.rtl li > ul,
.rtl blockquote > ul {
  margin-right: 20px;
  margin-left: auto;
}

.rtl li > ol,
.rtl blockquote > ol {
  margin-right: 24px;
  margin-left: auto;
}

.rtl table th,
.rtl .mce-item-table th,
.rtl table caption {
  text-align: right;
}

/**
  * 9.0 Video
  */
.video-shortcode {
  max-width: 100%;
  max-height: 100%;
  height: unset !important;
}

.singlecol {
  padding: 15px 0;
}
@media print, screen and (min-width: 40em) {
  .singlecol {
    padding: 50px 0;
    padding-top: 0px;
  }
}
.singlecol--opleidingoverzicht, .singlecol--account, .singlecol--event {
  padding-bottom: 0px;
}

.twocol {
  position: relative;
  padding: 0 0 10px;
}
@media print, screen and (min-width: 40em) {
  .twocol {
    padding: 0 0 50px;
  }
}
@media print {
  .twocol > .row > .column:nth-child(1), .twocol > .row > .columns:nth-child(1) {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.twocol__banner {
  position: absolute;
  left: 0;
  width: 100%;
  height: 320px;
  overflow: hidden;
  background-position: center center;
  background-size: cover;
  background-color: #f2f8ff;
  background: rgb(242, 248, 255);
  background: linear-gradient(180deg, rgb(242, 248, 255) 0%, rgba(255, 255, 255, 0) 100%);
}
@media screen and (max-width: 39.9375em) {
  .twocol__banner {
    display: none !important;
  }
}
.twocol__banner-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.8;
  z-index: 2;
}
.twocol__banner--sharper {
  height: 320px;
}
.twocol__banner--sharper .twocol__banner-overlaywithoutimage {
  opacity: 1;
  background: none;
}
@media print {
  .twocol__banner--sharper {
    height: 175px;
  }
}
@media print {
  .twocol__banner {
    top: 0px;
  }
}
.twocol__image {
  background-size: cover;
  background-position: center center;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 400px;
  z-index: 1;
}
@media print {
  .twocol__image {
    /*background-size: cover!important;
    background-position: center center!important;
    -webkit-print-color-adjust: exact !important;   /* Chrome, Safari */
    /*color-adjust: exact !important;                 /*Firefox*/
    display: none;
  }
}
.twocol__content {
  position: relative;
  margin-bottom: 1.5rem;
}
@media print, screen and (min-width: 40em) {
  .twocol__content {
    margin-bottom: 0;
  }
}
.twocol__sidebar {
  position: relative;
  z-index: 3;
}
@media screen and (max-width: 63.9375em) {
  .twocol__sidebar .sticky {
    position: static;
  }
}
@media print, screen and (min-width: 64em) {
  .twocol__sidebar {
    margin-top: 5rem;
  }
}
@media print {
  .twocol__sidebar {
    display: none;
  }
}
.twocol__sidebar-training {
  position: relative;
  z-index: 3;
}
@media screen and (max-width: 63.9375em) {
  .twocol__sidebar-training__background {
    padding: 0px;
  }
}
@media print, screen and (min-width: 64em) {
  .twocol__sidebar-training {
    margin-top: 1.5rem;
  }
}
@media print {
  .twocol__sidebar-training {
    display: none;
  }
}

.mobile_layout_checkout__sidebar {
  width: 100%;
  height: 60px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  display: grid;
  grid-template-columns: 1fr 1fr;
  position: fixed;
  background: white;
  top: 0;
  z-index: 1;
}
.mobile_layout_checkout__sidebar__logo {
  display: grid;
  align-content: center;
  margin-left: 20px;
}
.mobile_layout_checkout__sidebar__logo img {
  width: 100px;
}
.mobile_layout_checkout__sidebar__slideout__text {
  display: grid;
  align-items: center;
  height: 100%;
  float: right;
  margin-right: 20px;
  width: 100%;
}
.mobile_layout_checkout__sidebar__slideout__text p {
  font-size: 14px;
  margin: 0;
  font-family: "Lexend", sans-serif;
  letter-spacing: -0.14px;
  font-weight: 500;
  text-align: right;
}
.mobile_layout_checkout__sidebar__slideout__text p img {
  width: 30px;
}
.mobile_layout_checkout__content {
  margin-top: 60px;
}
.mobile_layout_checkout__content .desktop_layout_checkout__main__top > .row > .column, .mobile_layout_checkout__content .desktop_layout_checkout__main__top > .row > .columns {
  padding: 0px 20px;
}

@media print, screen and (min-width: 64em) {
  .layout__done {
    height: 100vh;
    max-height: 100vh;
    overflow: hidden;
  }
  .layout__done.overflowscroll {
    overflow-y: scroll;
  }
}
.layout__done__content {
  display: flex;
  flex-wrap: wrap;
}
@media print, screen and (min-width: 64em) {
  .layout__done__content {
    flex-wrap: nowrap;
    height: 90%;
  }
}
.layout__done__leftside {
  flex-basis: 100%;
  padding: 20px;
  padding-bottom: 0px;
}
@media print, screen and (min-width: 64em) {
  .layout__done__leftside {
    flex-basis: 50%;
    padding: 50px;
    padding-bottom: 0px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
}
@media screen and (min-width: 90em) {
  .layout__done__leftside {
    padding: 100px;
    padding-bottom: 0px;
  }
}
.layout__done__leftside h1 {
  letter-spacing: -1.35px;
  color: #1E225D;
  font: normal normal 800 25px/50px Lexend;
}
@media print, screen and (min-width: 64em) {
  .layout__done__leftside h1 {
    font: normal normal 900 45px/70px Lexend;
  }
}
.layout__done__leftside p {
  font-size: 16px;
  color: #1e225d;
}
@media print, screen and (min-width: 64em) {
  .layout__done__leftside p {
    font-size: 16px;
  }
}
.layout__done__leftside strong {
  font-size: 16px;
  color: #1e225d;
}
.layout__done__leftside ul li {
  font-size: 16px;
  color: #1e225d;
}
@media print, screen and (min-width: 64em) {
  .layout__done__leftside .bottompart {
    max-height: 70%;
  }
}
.layout__done__leftside .icon {
  filter: invert(9%) sepia(50%) saturate(4280%) hue-rotate(233deg) brightness(86%) contrast(92%);
}
.layout__done__leftside img.yougotthis {
  max-width: 300px;
  display: block;
  margin: 0 auto;
  margin-top: 30px;
}
@media print, screen and (min-width: 64em) {
  .layout__done__leftside img.yougotthis {
    max-width: 70%;
    max-height: 100%;
  }
}
.layout__done__leftside .maakaccountaan {
  border: 1px solid #1e225d;
  padding: 20px;
  border-radius: 12px;
}
.layout__done__leftside .maakaccountaan ul {
  list-style-type: none;
  margin-left: 0;
}
.layout__done__leftside .maakaccountaan ul li svg path {
  fill: #1e225d;
}
.layout__done__rightside {
  flex-basis: 100%;
  padding: 0px 20px;
}
@media print, screen and (min-width: 64em) {
  .layout__done__rightside {
    flex-basis: 50%;
    padding-top: 175px;
  }
}
@media screen and (min-width: 90em) {
  .layout__done__rightside {
    padding: 0px 100px;
    padding-top: 150px;
  }
}
.layout__done__rightside .checkout__receipt__container {
  position: relative;
}
.layout__done__rightside .checkout__receipt__container .checkout__receipt {
  box-shadow: 0px 15px 40px rgba(42, 62, 82, 0.152);
  padding: 35px;
}
@media print, screen and (min-width: 64em) {
  .layout__done__rightside .checkout__receipt__container .checkout__receipt {
    padding: 35px;
    max-height: 50vh;
  }
}
.layout__done__rightside .checkout__receipt__container::after {
  content: "CF";
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  color: #00C4C2;
  font-size: 300px;
  font-weight: 900;
  display: block;
  margin-top: 50px;
  line-height: 1;
  letter-spacing: -40px;
  text-align: center;
  margin-left: -30px;
}
@media print, screen and (min-width: 64em) {
  .layout__done__rightside .checkout__receipt__container::before {
    content: "C";
    font-family: "Lexend", sans-serif;
    font-display: fallback;
    color: #00C4C2;
    font-size: 600px;
    position: absolute;
    font-weight: 900;
    top: -500px;
    left: -120px;
    z-index: -1;
  }
  .layout__done__rightside .checkout__receipt__container::after {
    content: "F";
    font-family: "Lexend", sans-serif;
    font-display: fallback;
    color: #00C4C2;
    font-size: 600px;
    position: absolute;
    bottom: -280px;
    right: -80px;
    font-weight: 900;
    z-index: -1;
  }
}

.desktop_layout_checkout {
  display: grid;
  grid-template-columns: 5fr 6fr;
  height: 100vh;
  max-height: 100vh;
}
.desktop_layout_checkout__sidebar {
  background-color: #F8F8FA;
  overflow: scroll;
}
.desktop_layout_checkout__sidebar__div {
  padding: 0px 40px;
  height: 100%;
}
.desktop_layout_checkout__sidebar__div .logo-section {
  width: 100%;
  display: flex;
  margin-bottom: 50px;
  padding-top: 30px;
  justify-content: space-between;
  gap: 35px;
}
.desktop_layout_checkout__sidebar__div .logo-section img.icon {
  width: 25px;
  margin-bottom: 25px;
  filter: invert(9%) sepia(50%) saturate(4280%) hue-rotate(233deg) brightness(86%) contrast(92%);
}
.desktop_layout_checkout__sidebar__div .logo-section img.logo {
  min-width: 180px;
  width: 180px;
}
.desktop_layout_checkout__sidebar__div .logo-section .leftpart {
  margin-left: -25px;
}
.desktop_layout_checkout__sidebar__div .logo-section .leftpart a {
  display: flex;
  align-items: center;
  gap: 20px;
}
.desktop_layout_checkout__sidebar__div .logo-section .rightpart {
  font-size: 0.9375rem;
  color: #1e225d;
  max-width: 250px;
}
.desktop_layout_checkout__sidebar__div .logo-section .rightpart img {
  width: 15px;
  filter: invert(9%) sepia(50%) saturate(4280%) hue-rotate(233deg) brightness(86%) contrast(92%);
}
.desktop_layout_checkout__sidebar__div .content {
  height: 80%;
  display: grid;
}
@media only screen and (max-height: 750px) {
  .desktop_layout_checkout__sidebar__div .content {
    height: 50%;
  }
}
@media screen and (min-width: 90em) {
  .desktop_layout_checkout__sidebar__div .content {
    padding: 0px 20px;
  }
}
.desktop_layout_checkout__main {
  height: 100%;
  overflow: scroll;
}
.desktop_layout_checkout__main__top {
  overflow: scroll;
  height: 85%;
  padding-bottom: 30px;
}
@media print, screen and (min-width: 64em) {
  .desktop_layout_checkout__main__top {
    padding-bottom: 90px;
  }
}
.desktop_layout_checkout__main__top .callout.alert {
  border-radius: 0;
  box-shadow: none;
  padding: 7px 15px;
  border: none;
}
.desktop_layout_checkout__main__bottom {
  height: 15%;
  position: relative;
  padding-bottom: 85px;
}
@media print, screen and (min-width: 64em) {
  .desktop_layout_checkout__main__bottom {
    padding-bottom: 0px;
  }
  .desktop_layout_checkout__main__bottom::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 90px;
    background: transparent linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
    margin-top: -90px;
    pointer-events: none;
  }
}

.offcanvasboeking {
  background-color: white;
  padding: 20px 25px;
  width: 320px;
  z-index: 9999 !important;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2) !important;
}
.offcanvasboeking__topnav {
  height: 20px;
  width: 100%;
  padding: 0;
  margin-top: 3vh;
}
.offcanvasboeking__topnav__closebutton {
  float: right;
  cursor: pointer;
}

.cancellation-select {
  pointer-events: none;
}

.checkout__paymentmethods {
  align-self: end;
  padding-bottom: 15px;
  padding-top: 15px;
}
.checkout__paymentmethods__title {
  font: normal normal medium 17px/30px Lexend;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  font-weight: medium;
  color: #1e225d;
  margin-bottom: 10px;
}
.checkout__paymentmethods__items {
  display: flex;
  gap: 10px;
}
.checkout__paymentmethods__items > div {
  border: 1px solid #DDDDDD;
  border-radius: 8px;
  background: transparent;
  padding: 6px;
  min-width: 60px;
  min-height: 60px;
  display: flex;
  justify-content: center;
  align-content: center;
  flex-direction: column;
}
@media print, screen and (min-width: 64em) {
  .checkout__paymentmethods__items > div {
    padding: 13px;
    min-width: 80px;
    min-height: 80px;
  }
}
.checkout__paymentmethods__items > div img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 54px;
}
.checkout__paymentmethods__items > div.withlegenda {
  padding: 6px;
}
@media print, screen and (min-width: 64em) {
  .checkout__paymentmethods__items > div.withlegenda {
    padding: 13px 8px;
  }
}
.checkout__paymentmethods__items > div.withlegenda img {
  margin-bottom: 4px;
  width: 30px;
}
@media print, screen and (min-width: 64em) {
  .checkout__paymentmethods__items > div.withlegenda img {
    margin-bottom: 9px;
  }
}
.checkout__paymentmethods__items > div.withlegenda p {
  font-size: 10px;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  text-align: center;
  margin-bottom: 0px;
  line-height: 1 !important;
}
@media print, screen and (min-width: 64em) {
  .checkout__paymentmethods__items > div.withlegenda p {
    font: normal normal normal 13px/32px Lexend;
  }
}
@media print, screen and (min-width: 64em) {
  .checkout__paymentmethods__choice {
    display: flex;
    flex-wrap: wrap;
    gap: 2%;
  }
  .checkout__paymentmethods__choice > div {
    flex-basis: 48%;
    margin-bottom: 15px;
  }
}
.checkout__receipt {
  margin-bottom: 0px;
}
@media print, screen and (min-width: 64em) {
  .checkout__receipt {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 15px 40px rgba(148, 148, 148, 0.909);
    box-shadow: 0px 15px 40px rgba(42, 62, 82, 0.152);
    border-radius: 12px;
    padding: 35px;
    min-height: 40vh;
    max-height: 60vh;
    overflow: scroll;
    height: 60vh;
  }
}
@media only screen and (max-height: 750px) {
  .checkout__receipt {
    height: 100%;
  }
}
@media only screen and (max-height: 480px) {
  .checkout__receipt {
    min-height: 5vh;
  }
}
@media screen and (min-width: 90em) {
  .checkout__receipt {
    padding: 45px;
  }
}
.checkout__receipt__notice {
  color: #1e225d;
  margin-bottom: 20px;
}
.checkout__receipt__divider {
  border: 1px solid #E9E9E9;
  margin-bottom: 20px;
}
.checkout__receipt__totals {
  margin-bottom: 35px;
}
@media screen and (min-width: 75em) {
  .checkout__receipt__totals {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 0px;
  }
}
.checkout__receipt__totals__type {
  background: #FFF500 0% 0% no-repeat padding-box;
  border-radius: 100px;
  display: inline-block;
  padding: 4.5px 20.5px;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  font-size: 0.9375rem;
  font-weight: 600;
  margin-bottom: 20px;
}
@media screen and (min-width: 75em) {
  .checkout__receipt__totals__type {
    margin-bottom: 0px;
  }
}
.checkout__receipt__totals__amounts__line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  color: #1e225d;
}
@media print, screen and (min-width: 64em) {
  .checkout__receipt__totals__amounts__line {
    justify-content: flex-end;
  }
}
.checkout__receipt__totals__amounts__line .description {
  font-size: 1.1rem;
}
.checkout__receipt__totals__amounts__line .description.lowercase {
  text-transform: lowercase;
}
@media print, screen and (min-width: 64em) {
  .checkout__receipt__totals__amounts__line .description {
    font-size: 0.95rem;
    text-align: right;
  }
}
.checkout__receipt__totals__amounts__line .price {
  font-size: 1.1rem;
  min-width: 85px;
  text-align: right;
}
.checkout__receipt__totals__amounts__line .price.bold {
  font-weight: bold;
}
.checkout__receipt__totals__amounts__line .price.strikethrough {
  text-decoration: line-through;
}
@media print, screen and (min-width: 64em) {
  .checkout__receipt__totals__amounts__line .price {
    min-width: 80px;
    font-size: 0.95rem;
  }
}
.checkout__receipt__totals__amounts__line.paymentmethodprice span {
  font-style: italic;
}
.checkout__receipt__lines {
  margin-top: 25px;
}
.checkout__receipt__line {
  margin-bottom: 20px;
}
.checkout__receipt__line__title {
  font: normal normal 800 20px/40px Lexend;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  letter-spacing: -0.4px;
  color: #1E225C;
  border-bottom: 1px solid #E9E9E9;
  padding-bottom: 15px;
  line-height: 1.2;
}
.checkout__receipt__line__details {
  margin-top: 15px;
}
.checkout__receipt__line__details__row {
  color: #1e225d;
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 10px;
}
.checkout__receipt__line__details__row .icon img {
  width: 18px;
  filter: invert(9%) sepia(50%) saturate(4280%) hue-rotate(233deg) brightness(86%) contrast(92%);
}
.checkout__receipt__line__details__row .description {
  font-weight: 500;
}
.checkout__receipt__line__details__row .sublocation {
  color: #86868E;
  font-weight: 400;
}
.checkout__receipt__line__details__row .sublocation::before {
  content: "•";
  color: #1e225d;
  padding-left: 5px;
  padding-right: 10px;
}
.checkout__receipt__line__extra {
  border-top: 1px solid #E9E9E9;
  margin-top: 15px;
  padding-top: 15px;
}
.checkout__notice {
  background: #F8F8FA 0% 0% no-repeat padding-box;
  border-radius: 2px;
  font-weight: 400;
  padding: 14px 20px;
  margin: 20px 0px;
  font-size: 1rem;
  color: #1e225d;
  display: flex;
  gap: 10px;
  align-items: center;
}
.checkout__notice.centered {
  text-align: center;
}
@media print, screen and (min-width: 64em) {
  .checkout__notice.centered {
    text-align: left;
  }
}
.checkout__notice .icon img {
  width: 20px;
  filter: invert(9%) sepia(50%) saturate(4280%) hue-rotate(233deg) brightness(86%) contrast(92%);
}
.checkout__notice__icon .good {
  filter: invert(48%) sepia(74%) saturate(433%) hue-rotate(81deg) brightness(94%) contrast(99%);
}
.checkout__notice__icon .warning {
  filter: invert(84%) sepia(26%) saturate(4194%) hue-rotate(354deg) brightness(101%) contrast(101%);
}
.checkout__notice--totals {
  padding: 14px 20px;
}
.checkout__legend {
  font: normal normal medium 15px/19px Lexend;
  letter-spacing: -0.15px;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  font-weight: 500;
  margin-bottom: 10px;
  color: #1e225d;
}
.checkout__switchinformation {
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media screen and (min-width: 75em) {
  .checkout__switchinformation {
    margin-top: 40px;
    flex-wrap: nowrap;
    gap: 50px;
  }
}
.checkout__switchinformation .checkout__switch {
  flex-basis: 100%;
}
@media screen and (min-width: 75em) {
  .checkout__switchinformation .checkout__switch {
    flex-basis: 50%;
  }
}
.checkout__switchinformation .checkout__notice {
  flex-basis: 100%;
}
@media screen and (min-width: 75em) {
  .checkout__switchinformation .checkout__notice {
    margin: 0px;
    flex-basis: 64%;
  }
}
.checkout__switch__item {
  padding: 7px 30px;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  font-weight: medium;
  color: #1e225d;
  transition: all 400ms;
  border: 1px solid #1e225d;
  border-radius: 8px;
  margin-bottom: 8px;
  text-align: center;
}
@media print, screen and (min-width: 64em) {
  .checkout__switch__item {
    border: none;
    text-align: left;
  }
}
.checkout__switch__item input {
  margin-bottom: 0px;
  transform: scale(1.3);
  margin-right: 12px;
  display: none;
}
@media print, screen and (min-width: 64em) {
  .checkout__switch__item input {
    display: inline;
  }
}
.checkout__switch__item.selected {
  background: #2D85DD 0% 0% no-repeat padding-box;
  border: 1px solid #2D85DD;
  border-radius: 8px;
  color: white;
}
.checkout__switch__item.selected:hover {
  background: #2D85DD 0% 0% no-repeat padding-box;
}
.checkout__switch__item:hover {
  cursor: pointer;
  background: #E9E9E9 0% 0% no-repeat padding-box;
}
.checkout__item {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 2px solid #E9E9E9;
  border-radius: 8px;
  box-sizing: border-box;
  padding: 20px 25px;
  position: relative;
  margin-bottom: 20px;
  transition: all 400ms;
}
.checkout__item.selected {
  box-shadow: 0px 3px 10px rgba(25, 50, 75, 0.2);
  border: 2px solid #1e225d;
}
.checkout__item:hover {
  cursor: pointer;
}
@media print, screen and (min-width: 64em) {
  .checkout__item:hover {
    box-shadow: 0px 3px 10px rgba(25, 50, 75, 0.2);
    border: 2px solid #1e225d;
  }
}
.checkout__item__selection {
  position: absolute;
}
.checkout__item__selection input {
  transform: scale(1.7);
}
.checkout__item__selection.left {
  left: 25px;
  top: 20px;
}
.checkout__item__selection.right {
  right: 25px;
  top: 20px;
}
.checkout__item__trash {
  position: absolute;
  right: 15px;
  top: 15px;
}
.checkout__item__information {
  padding-left: 43px;
}
.checkout__item__information .title {
  font: normal normal 400 16px/22px Poppins;
  color: #1e225d;
  text-align: left;
}
.checkout__item__information .text {
  margin-top: 10px;
  color: #1e225d;
}
.checkout__item__information .text .icon-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.checkout__item__information .text .icon-list li {
  display: flex;
  align-items: center;
  gap: 11px;
}
.checkout__item__information .text .icon-list li img {
  filter: invert(15%) sepia(29%) saturate(3794%) hue-rotate(219deg) brightness(81%) contrast(98%);
  width: 16px;
}
.checkout__item__information .details {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  -moz-column-gap: 30px;
       column-gap: 30px;
  row-gap: 10px;
  margin-top: 13px;
  color: #1e225d;
}
.checkout__item__information .details__item {
  display: inline-block;
}
.checkout__item__information .details__item__icon img {
  height: 13px;
  filter: invert(9%) sepia(50%) saturate(4280%) hue-rotate(233deg) brightness(86%) contrast(92%);
}
.checkout__item__information .details__item__text {
  font-size: 0.9375rem;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
}
.checkout__item__information .details__item--notice {
  margin: 0px;
}
.checkout__item__badge {
  position: absolute;
  background-image: linear-gradient(to top right, transparent 50%, #1e225d 50%); /* Creates a triangle effect */
  width: 43px;
  height: 43px;
}
.checkout__item__badge.right {
  top: 0px;
  right: 0px;
  border-top-right-radius: 6px;
  text-align: right;
}
.checkout__item__badge.right img {
  margin-right: 7px;
}
.checkout__item__badge.premium {
  background-image: linear-gradient(to top right, transparent 50%, #ff9900 50%); /* Creates a triangle effect */
}
.checkout__item__badge img {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(111deg) brightness(104%) contrast(101%);
  width: 16px;
  height: 16px;
}
.checkout__item--training:hover {
  border: 2px solid #E9E9E9;
  box-shadow: none;
  cursor: default;
}
.checkout__item--training .checkout__item__information {
  padding-left: 0px;
}
.checkout__item--training .checkout__item__information .title {
  font: normal normal 800 18px/23px Lexend;
  letter-spacing: -0.18px;
}
.checkout__item--paymentmethod .checkout__item__information {
  padding-left: 0px;
}
.checkout__item--paymentmethod .checkout__item__information .title {
  display: flex;
  align-items: center;
  gap: 15px;
}
.checkout__item--paymentmethod .checkout__item__information .title .icon img {
  width: 50px;
  max-height: 33px;
  -o-object-fit: contain;
     object-fit: contain;
}
.checkout__item--paymentmethod .checkout__item__information .title .text {
  margin-top: 0px;
}
.checkout__subtitle {
  font: normal normal 800 20px/40px Lexend;
  letter-spacing: -0.4px;
  color: #1e225d;
  font-weight: 800;
}
.checkout__form {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 2px solid #E9E9E9;
  border-radius: 8px;
  padding: 20px 25px;
  margin-bottom: 30px;
}
.checkout__form .form-error {
  margin-top: 0px;
}
.checkout__form.selected {
  background: #F8F8FA 0% 0% no-repeat padding-box;
}
.checkout__form__header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.checkout__form__header__title {
  font: normal normal 800 20px/40px Lexend;
  letter-spacing: -0.4px;
  color: #1e225d;
  font-weight: 800;
}
.checkout__form__header__subselection {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #CBCBCB;
  border-radius: 8px;
  padding: 10px 15px;
}
.checkout__form__row {
  display: flex;
  gap: 20px;
  margin-bottom: 20px;
}
.checkout__form__row:last-of-type {
  margin-bottom: 0px;
}
.checkout__form__row > div {
  flex-grow: 1;
}
.checkout__form__row__inner {
  display: flex;
  gap: 20px;
  align-items: flex-start;
  margin-top: 5px;
}
.checkout__form__row__inner label {
  margin-bottom: 0px;
  padding: 0px;
}
.checkout__form__row.nomargin {
  margin-bottom: 0px;
}
.checkout__form__row.margintop {
  margin-top: 20px;
}
.checkout__form input[type=radio], .checkout__form input[type=checkbox] {
  transform: scale(1.7);
  margin-bottom: 0px;
  margin-right: 22px;
  margin-left: 5px;
}
.checkout__form input[type=radio] {
  margin-right: 12px;
}
.checkout__form input[type=text], .checkout__form input[type=email], .checkout__form input[type=tel], .checkout__form input[type=date], .checkout__form input[type=password] {
  margin-bottom: 0px;
  border: 1px solid #CBCBCB;
  border-radius: 8px;
  padding: 7px 13px;
  padding: 16px 30px;
  font-size: 0.9375rem;
  height: unset;
  color: #1e225d;
  width: 100%;
}
.checkout__form input[type=text]::-moz-placeholder, .checkout__form input[type=email]::-moz-placeholder, .checkout__form input[type=tel]::-moz-placeholder, .checkout__form input[type=date]::-moz-placeholder, .checkout__form input[type=password]::-moz-placeholder {
  color: #9798A2;
}
.checkout__form input[type=text]::placeholder, .checkout__form input[type=email]::placeholder, .checkout__form input[type=tel]::placeholder, .checkout__form input[type=date]::placeholder, .checkout__form input[type=password]::placeholder {
  color: #9798A2;
}
.checkout__form label {
  font-weight: 600;
  color: #1e225d;
}

.site-switch {
  background: #dbdbdb;
  height: 25px;
  position: relative;
}
@media print, screen and (min-width: 40em) {
  .site-switch {
    height: 25px;
  }
}
.site-switch__list {
  margin: 0;
  padding: 0;
}
.site-switch__list li {
  float: left;
  margin: 0;
  padding: 0;
}
.site-switch__site {
  display: block;
  float: left;
  height: 25px;
  line-height: 25px;
  padding: 0 10px;
  font-weight: 300;
  color: #0a0a0a;
  font-size: 0.75rem;
  text-decoration: none;
  text-transform: uppercase;
}
@media print, screen and (min-width: 40em) {
  .site-switch__site {
    margin-top: 10px;
    padding: 0 20px;
    font-size: 0.8125rem;
  }
}
.site-switch__site:hover, .site-switch__site:focus {
  color: #1e225d;
}
.site-switch__site--active {
  color: #1e225d;
  /*background: #fff;*/
  font-weight: bold;
}
@media print {
  .site-switch {
    visibility: hidden !important;
  }
}

/**
Bovenste balk, mobile only
*/
.ui-autocomplete {
  z-index: 99999 !important;
  width: 200px;
}

.header--admin .header__mobile {
  padding-bottom: 10px;
  border-bottom: 10px solid #e3e5e7;
  background-color: #fff;
}
.header__mobile {
  box-shadow: 0px 3px 6px rgba(127, 139, 152, 0.16);
  background-color: #fff;
}
.header__mobile .container {
  padding: 7px 7px;
}
.header__mobile__firstrow {
  position: relative;
}
.header__mobile__middlesection {
  display: flex;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
.header__topnav {
  position: relative;
}
.header__mobilenav {
  position: relative;
}
.header__logo-mobile {
  display: inline-block;
  width: 100%;
  max-width: 132px;
}
.header__logo-mobile img {
  width: 100%;
  max-width: 132px;
  top: 13px;
  position: relative;
  z-index: 10;
}
@media print, screen and (min-width: 40em) {
  .header__logo-mobile {
    height: 55px;
  }
}
.header__menu-button img {
  width: 24px !important;
  height: 24px !important;
  filter: invert(15%) sepia(11%) saturate(6183%) hue-rotate(209deg) brightness(96%) contrast(103%) !important;
}
.header__mobile-button {
  margin: 0;
  background: white;
  font-size: 1.5rem;
  color: white;
  border: 1px solid #999BBA;
  border-radius: 8px;
  position: initial;
  height: 36px;
  padding-left: 8px;
  padding-right: 8px;
}
@media print, screen and (min-width: 40em) {
  .header__mobile-button {
    padding-top: 8px;
  }
}
.header__mobile-button img {
  height: 20px;
  filter: invert(10%) sepia(24%) saturate(7500%) hue-rotate(229deg) brightness(96%) contrast(92%);
  z-index: 2;
  position: relative;
}
@media print, screen and (min-width: 40em) {
  .header__mobile-button img {
    height: 20px;
    vertical-align: top;
  }
}
.header__contents {
  background-color: #fff;
  position: relative;
  z-index: 400;
}
.header__contents > .row {
  background-color: #fff;
  box-shadow: 0px 3px 6px rgba(49, 77, 101, 0.16);
  padding: 12px 0px;
}
.header__contents > .row > .column:nth-child(1), .header__contents > .row > .columns:nth-child(1) {
  padding-right: 0px;
}
@media print {
  .header__contents > .row > .column:nth-child(1), .header__contents > .row > .columns:nth-child(1) {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
.header__contents > .row > .column:nth-child(2), .header__contents > .row > .columns:nth-child(2) {
  padding-left: 0px;
}
@media print {
  .header__contents > .row > .column:nth-child(2), .header__contents > .row > .columns:nth-child(2) {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
.header__logo-desktop {
  display: inline-block;
  width: 100%;
  margin: 0rem 0 0 0%;
  position: relative;
}
.header__logo-desktop img {
  height: auto;
  width: auto;
  max-width: 170px;
  margin-top: 0px;
  margin-bottom: 7px;
  position: absolute;
  top: -25px !important;
}
.header__search-mobile {
  margin: 0 0 0px;
  display: inline-block;
  width: 100%;
}
@media print {
  .header__search-mobile {
    display: none;
  }
}
.header__search-mobile .search-form {
  height: 36px;
  transition: all 400ms;
}
.header__search-mobile .search-form__input {
  border-radius: 40px;
  position: relative;
  font-size: 1rem;
  height: 36px;
  margin-bottom: 0px;
  z-index: 3;
}
.header__search-mobile .search-form__button {
  background: white;
  color: #1e225d;
  font-size: 18px;
  border-radius: 40px;
  width: 30px;
  height: 30px;
  z-index: 4;
}
.header__search-mobile .search-form__clear {
  position: absolute;
  right: 8px;
  top: 8px;
  width: 20px;
  height: 20px;
  color: #1e225d;
  z-index: 3;
}
.header__search-mobile .search-form__clear img {
  filter: invert(20%) sepia(9%) saturate(5499%) hue-rotate(194deg) brightness(95%) contrast(106%);
}
.header__search-desktop {
  min-width: 120px !important;
  flex-grow: 1;
  flex-shrink: 1;
  max-width: 500px !important;
  margin-right: 15px;
  padding-top: 5px;
  position: relative;
  display: inline-block;
}
@media print {
  .header__search-desktop {
    display: none;
  }
}
.header__phone-desktop {
  color: #1e225d;
  font-weight: bold;
  margin: 62px 0 0 20px;
  float: left;
  text-decoration: none;
}
.header__phone-desktop:hover {
  color: #1e225d;
}
.header__phone-desktop .icon-phone {
  font-size: 105%;
  margin-right: 4px;
  position: relative;
  top: 2px;
}
.header__main-menu {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.header__cart-desktop {
  font-weight: 600;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-top: 0;
  position: relative;
  color: white;
  font-size: 0.9rem;
  padding: 4px 7px;
  border: 1px solid #1E225C;
  margin-left: 15px;
  margin-top: 5px;
}
.header__cart-desktop--filled {
  background: #1E225C;
}
.header__cart-desktop--filled .header__cart-button path {
  fill: white;
  transition: all 400ms;
}
.header__cart-desktop--filled:hover, .header__cart-desktop--filled:focus, .header__cart-desktop--filled:active {
  background: rgb(29.1, 32.98, 89.24);
}
.header__cart-desktop:hover, .header__cart-desktop:focus, .header__cart-desktop:active {
  color: white;
  background-color: #1E225C;
  transition: all 400ms;
}
.header__cart-desktop:hover .header__cart-button path, .header__cart-desktop:focus .header__cart-button path, .header__cart-desktop:active .header__cart-button path {
  fill: white;
  transition: all 400ms;
}
@media print {
  .header__cart-desktop {
    visibility: hidden !important;
  }
}
.header__cart-desktop.login {
  text-align: center;
  color: white;
}
.header__cart-quantity {
  font-size: 0.8rem;
  position: absolute;
  width: 25px;
  height: 25px;
  padding: 5px;
  padding-top: 1px;
  border-radius: 50%;
  background: #ff9900;
  border: 1px solid white;
  top: -8px;
  right: -5px;
  text-align: center;
  z-index: 2;
  color: white;
}
.header__cart-price {
  font-size: 80%;
  font-weight: bold;
  float: right;
  display: none;
}
.header__cart-button {
  display: block;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  z-index: 1;
}
.header__cart-button-icon {
  float: left;
  font-size: 160%;
}
.header__cart-button-icon svg path {
  fill: #1E225C;
}
.header__cart-button-icon.login {
  width: 100%;
  color: white;
}
@media print, screen and (min-width: 40em) {
  .header__cart-button-icon.login {
    line-height: 1.35;
  }
}
.header__cart-button-text {
  display: none;
}
.header__cart-button-chevron {
  font-family: "Open Sans Condensed", sans-serif;
  font-display: fallback;
  font-size: 160%;
  line-height: 95%;
  float: right;
  display: none;
}

.search-open .mainmenu-desktop__menu a { /*transition: all 400ms; opacity:0.2;*/ }

.header-sticky {
  transition: transform 0.4s;
  z-index: 40 !important;
  top: 0px !important;
}

.scroll-down .header-sticky {
  transform: translate3d(0, -100%, 0);
}

.scroll-up .header-sticky {
  transform: none;
}

.searchformmobileheader {
  font-size: 14px;
  font-weight: 500;
  border: 1px solid #999bba !important;
}
.searchformmobileheader::-moz-placeholder {
  color: #1e225d;
  opacity: 1;
}
.searchformmobileheader::placeholder {
  color: #1e225d;
  opacity: 1;
}

.cart-dropdown {
  box-shadow: 0px 15px 30px rgba(42, 62, 82, 0.098);
  border-radius: 8px;
  border: none;
  padding: 0px !important;
}
.cart-dropdown__menu__section {
  border-bottom: 1px solid #F0F0F0;
  padding: 10.5px 0;
  margin: 0 19px;
}
.cart-dropdown__menu__section ul {
  list-style-type: none;
  margin: 0px;
  display: flex;
  justify-content: space-between;
}
.cart-dropdown__menu__section ul li a {
  text-decoration: none;
}
.cart-dropdown__menu__section ul li a img {
  width: 20px;
  filter: invert(11%) sepia(81%) saturate(1819%) hue-rotate(223deg) brightness(89%) contrast(95%);
}
.cart-dropdown__menu__section ul li a:hover {
  text-decoration: underline;
}
.cart-dropdown__menu__section ul.logout {
  margin-top: 22px;
}
.cart-dropdown__menu__section ul.logout li a {
  display: flex;
  align-items: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
.cart-dropdown__menu__section ul.logout li a svg {
  transform: scale(0.75);
}
.cart-dropdown__menu__section ul.logout li a svg path {
  fill: #1E225C;
}
.cart-dropdown__menu__section.header {
  font-weight: 500;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  color: #1E225C;
}
.cart-dropdown__menu__section.bottom {
  display: flex;
  justify-content: center;
  padding: 40px 0 20px 0;
}
.cart-dropdown__menu__section.bottom .cf-button-cart {
  width: 100%;
}
.cart-dropdown__menu__section:first-of-type {
  border-bottom: none;
  padding: 22px 0;
}

.header__contents__account {
  height: 100px !important;
}
.header__contents__account .expanded {
  height: 100%;
}
.header__contents__account__logodiv {
  border-right: 1px solid #d6d6d6;
  border-bottom: 1px solid #d6d6d6;
  height: 100%;
}
.header__contents__account__logodiv #logo-desktop {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
}
.header__contents__account__logodiv #logo-desktop #logo {
  position: initial;
  margin-bottom: 0px;
}
.header__contents__account__logodiv #logo-desktop svg {
  rotate: 180deg;
  filter: invert(17%) sepia(10%) saturate(6263%) hue-rotate(207deg) brightness(88%) contrast(104%);
  margin-right: 10px;
}
.header__contents__account__membership {
  border-left: 1px solid #d6d6d6;
  height: 100%;
  width: 100%;
}
.header__contents__account__membership__div {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.header__contents__account__membership__div__circle {
  background-image: linear-gradient(white, white), conic-gradient(#1c2663 0deg, #1c2663 240deg, #f8f8fa 240deg, #f8f8fa 360deg);
  height: 75px;
  width: 75px;
  background-repeat: no-repeat;
  border-image-slice: 1;
  background-origin: content-box, border-box, border-box, border-box, border-box;
  background-clip: content-box, border-box, border-box, border-box, border-box;
  border-radius: 50%;
  border: 10px solid transparent;
}
.header__contents__account__membership__div__tekst p {
  margin-bottom: 0;
}

/* De animatie zelf */
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@media screen and (max-width: 769px) {
  ul.ui-autocomplete {
    width: 95%;
    left: 2.5% !important;
  }
}

ul.ui-autocomplete.ui-widget.ui-widget-content {
  padding: 10px 20px;
  box-shadow: 0px 15px 40px rgba(42, 62, 82, 0.129);
  border-radius: 8px;
  border: none;
}

.search-form__autocomplete__subtitle {
  color: #888AAA;
  font-size: 13px;
  margin-bottom: 13px;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
}
.search-form__autocomplete__suggestion .type {
  display: inline-block;
  margin-left: 12px;
  color: rgba(30, 34, 92, 0.501);
  font-size: 0.9375rem;
}
.search-form__autocomplete__suggestion .type:before {
  content: "•";
  margin-right: 10px;
  color: #1E225C;
}
.search-form__autocomplete__suggestion .ui-menu-item-wrapper {
  transition: background-color 400ms;
  border: 1px solid white;
  padding: 2px;
  margin-bottom: 13px;
}
.search-form__autocomplete__suggestion .ui-menu-item-wrapper.ui-state-active {
  background-color: #F7F7F7;
  border: 1px solid #F7F7F7;
  padding: 2px;
  border-radius: 4px;
  margin: 0px;
  margin-bottom: 13px;
}
.search-form__autocomplete__suggestion .ui-menu-item-wrapper.ui-state-active .title {
  color: #1e225d;
}
.search-form__autocomplete__suggestion:hover .ui-menu-item-wrapper, .search-form__autocomplete__suggestion:active .ui-menu-item-wrapper {
  background-color: #F7F7F7;
  border: 1px solid #F7F7F7;
  border-radius: 4px;
  padding: 2px;
  margin: 0px;
  margin-bottom: 13px;
}
.search-form__autocomplete__suggestion:hover .title, .search-form__autocomplete__suggestion:active .title {
  color: #1e225d !important;
}
.search-form__autocomplete__button {
  border-top: 1px solid #F0F0F0;
  padding-top: 10px;
  margin-top: 10px;
  color: inherit !important;
}
.search-form__autocomplete__button a, .search-form__autocomplete__button button {
  color: inherit !important;
  width: 100% !important;
  display: inline-flex !important;
  justify-content: space-between !important;
}

#search-mobile .search-form, #search-desktop .search-form {
  position: relative;
  height: 40px;
  right: 0;
  width: 100%;
  transition: all 400ms;
}
#search-mobile .search-form__input, #search-desktop .search-form__input {
  font-weight: regular;
  left: 0;
  top: 0;
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  width: 100%;
  background: white;
  border: 1px solid #1E225C;
  color: #1E225C;
  border-radius: 40px;
  box-shadow: none;
  padding-left: 40px;
  font-size: 0.8rem;
  height: 40px;
  transition: all 400ms;
}
#search-mobile .search-form__input:focus, #search-desktop .search-form__input:focus {
  border: 1px solid #1E225C !important;
  box-shadow: none;
}
#search-mobile .search-form__input::-moz-placeholder, #search-desktop .search-form__input::-moz-placeholder {
  color: #1e225d;
}
#search-mobile .search-form__input::placeholder, #search-desktop .search-form__input::placeholder {
  color: #1e225d;
}
#search-mobile .search-form__placeholder, #search-desktop .search-form__placeholder {
  color: #1e225d;
  position: absolute;
  left: 0;
  top: 0;
  height: 40px;
  line-height: 40px;
  padding-left: 15px;
}
@media screen and (max-width: 39.9375em) {
  #search-mobile .search-form__placeholder, #search-desktop .search-form__placeholder {
    width: 85%;
    text-align: center;
  }
}
#search-mobile .search-form__placeholder strong, #search-desktop .search-form__placeholder strong {
  font-weight: inherit;
}
@media print, screen and (min-width: 40em) {
  #search-mobile .search-form__placeholder strong, #search-desktop .search-form__placeholder strong {
    color: #1e225d;
  }
}
#search-mobile .search-form__button, #search-desktop .search-form__button {
  position: absolute;
  left: 3px;
  top: 2.5px;
  width: 35px;
  height: 35px;
  color: #1e225d;
}
#search-mobile .search-form__button img, #search-desktop .search-form__button img {
  width: 15px !important;
  height: 15px !important;
  filter: invert(7%) sepia(36%) saturate(6641%) hue-rotate(235deg) brightness(99%) contrast(91%) !important;
}
#search-mobile .search-form__loading, #search-desktop .search-form__loading {
  position: absolute;
  right: 3px;
  top: 2.5px;
  width: 35px;
  height: 35px;
  color: #1e225d;
  animation: spin 1s linear infinite;
}
#search-mobile .search-form__loading img, #search-desktop .search-form__loading img {
  filter: invert(20%) sepia(9%) saturate(5499%) hue-rotate(194deg) brightness(95%) contrast(106%);
}
#search-mobile .search-form__clear, #search-desktop .search-form__clear {
  position: absolute;
  right: 3px;
  top: 2.5px;
  width: 35px;
  height: 35px;
  color: #1e225d;
}
#search-mobile .search-form__clear img, #search-desktop .search-form__clear img {
  filter: invert(20%) sepia(9%) saturate(5499%) hue-rotate(194deg) brightness(95%) contrast(106%);
}
#search-mobile .search-form--start, #search-desktop .search-form--start {
  height: inherit;
}
#search-mobile .search-form--start .search-form__input, #search-desktop .search-form--start .search-form__input {
  height: 41px;
  padding-left: 20px;
  position: relative;
  width: 100%;
  border: 0px solid #ff9900;
  border-radius: 5px;
  display: inline-block;
  margin: 0;
}
@media screen and (max-width: 39.9375em) {
  #search-mobile .search-form--start .search-form__input, #search-desktop .search-form--start .search-form__input {
    display: block;
    margin-bottom: 15px;
  }
}
@media print, screen and (min-width: 40em) {
  #search-mobile .search-form--start .search-form__input, #search-desktop .search-form--start .search-form__input {
    margin-bottom: 15px;
  }
}
@media print, screen and (min-width: 64em) {
  #search-mobile .search-form--start .search-form__input, #search-desktop .search-form--start .search-form__input {
    width: 75%;
    margin-bottom: 0px;
  }
}
#search-mobile .search-form--start .search-form__placeholder, #search-desktop .search-form--start .search-form__placeholder {
  height: 40px;
  font-weight: 400;
  font-style: italic;
  line-height: 40px;
  padding-left: 20px;
}
@media screen and (max-width: 39.9375em) {
  #search-mobile .search-form--start .search-form__placeholder, #search-desktop .search-form--start .search-form__placeholder {
    display: none;
  }
}
#search-mobile .search-form--start .search-form__submitbutton, #search-desktop .search-form--start .search-form__submitbutton {
  display: inline-block;
  width: 100%;
}
#search-mobile .search-form--start .search-form__submitbutton .cf-button__text, #search-desktop .search-form--start .search-form__submitbutton .cf-button__text {
  margin: -2px 15px 0 15px;
}
@media print, screen and (min-width: 64em) {
  #search-mobile .search-form--start .search-form__submitbutton, #search-desktop .search-form--start .search-form__submitbutton {
    width: 24%;
  }
}
#search-mobile .search-form--start .search-form__button, #search-desktop .search-form--start .search-form__button {
  display: none;
}

.mainmenu-mobile {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: #fff;
  border-bottom: 1px solid #e3e5e7;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
  padding: 0 0 15px;
  z-index: 9999999;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
}

.no-js .mainmenu-mobile {
  display: none;
}

.mainmenu-desktop {
  z-index: 1;
  display: inline-block;
}
.mainmenu-desktop .menu {
  width: auto;
}
@media print {
  .mainmenu-desktop {
    display: none !important;
  }
}
.mainmenu-desktop__menu-item {
  cursor: pointer;
  -webkit-appearance: none;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
  vertical-align: middle;
  float: left;
  height: 50px;
  font-weight: 400;
}
[data-whatinput=mouse] .mainmenu-desktop__menu-item {
  outline: 0;
}
@media screen and (min-width: 65.625em) {
  .mainmenu-desktop__menu-item {
    font-size: 14px;
  }
}
@media screen and (min-width: 81.25em) {
  .mainmenu-desktop__menu-item {
    font-size: 15px;
  }
}
.mainmenu-desktop__menu-item img {
  width: 15px;
  height: 15px;
  -o-object-fit: contain;
     object-fit: contain;
  filter: invert(12%) sepia(43%) saturate(3297%) hue-rotate(224deg) brightness(85%) contrast(95%);
  margin-left: 5px;
}
.mainmenu-desktop__menu-item svg {
  position: relative;
  top: -0.125rem;
  transform: scale(0.55);
  margin-left: 5px;
}
.mainmenu-desktop__menu-item:hover {
  text-decoration: underline;
}
.mainmenu-desktop__menu-item a {
  text-decoration: none;
  color: #1E225C;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
}
.mainmenu-desktop__menu-item--trainingen {
  font-weight: 400;
}
.mainmenu-desktop__menu-item--aanbiedingen {
  font-weight: 400;
}
.mainmenu-desktop .menu > li > a {
  padding: 0.9rem 0.35rem;
  line-height: 1.5;
  align-items: center;
}
@media screen and (min-width: 81.25em) {
  .mainmenu-desktop .menu > li > a {
    padding: 0.9rem 0.7rem;
  }
}

.submenu-mobile {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: #fff;
  border-bottom: 1px solid #e3e5e7;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
  padding: 0 0 15px;
  z-index: 9999999;
}

.no-js .mainmenu-mobile {
  display: none;
}

.submenu-desktop {
  z-index: 1;
  display: flex;
  padding: 12px 0px;
  justify-content: space-between;
  align-items: center;
}
.submenu-desktop__back {
  color: #505050;
  text-decoration: none;
}
.submenu-desktop__back svg {
  margin-right: 10px;
  width: 12px !important;
  height: 12px !important;
}
.submenu-desktop__back svg path {
  fill: #505050;
}
.submenu-desktop__back:hover {
  text-decoration: underline;
}
.submenu-desktop .menu {
  width: auto;
}
.submenu-desktop .menu > .menu-item {
  cursor: pointer;
  -webkit-appearance: none;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
  vertical-align: middle;
  float: left;
  font-weight: 500;
  margin-bottom: 0px;
  margin-right: 10px;
  /*a::after{
  	content:" ";
  	border-top:1px solid rgba(30,34,92,0.513);
  	position:absolute;
  	width:10px;
  	height:1px;
  	right:-11px;
  	top:50%;
  }*/
  /*11-10-2021*/
  /*&.data-inschrijven a:hover,&.data-inschrijven a.active{
  	border: 1px solid $color-blue;
  	color: #fff !important;
  	background: $color-blue;
  	&::before{
  		background-color:white;
  	}

  }*/
  /*11-10-2021*/
}
[data-whatinput=mouse] .submenu-desktop .menu > .menu-item {
  outline: 0;
}
.submenu-desktop .menu > .menu-item:last-of-type {
  margin-right: 0px;
}
.submenu-desktop .menu > .menu-item:last-of-type a::after {
  display: none;
}
@media screen and (min-width: 65.625em) {
  .submenu-desktop .menu > .menu-item {
    font-size: 0.9rem;
  }
}
@media print, screen and (min-width: 64em) {
  .submenu-desktop .menu > .menu-item {
    font-size: 1rem;
  }
}
.submenu-desktop .menu > .menu-item svg {
  position: relative;
  top: -0.125rem;
  transform: scale(0.65);
  margin-left: 5px;
}
.submenu-desktop .menu > .menu-item a {
  text-decoration: none;
  padding: 8px 18px;
  color: #1E225C;
  font-size: 15px;
  position: relative;
  padding-bottom: 20px;
  font-family: "Lexend", sans-serif;
}
.submenu-desktop .menu > .menu-item a.active, .submenu-desktop .menu > .menu-item a:hover {
  border-bottom: 2px solid #1E225C;
  font-weight: 500;
  font-size: 15px;
  transition: all 400ms;
}
.submenu-desktop .menu > .menu-item a.cf-button--orange-flat {
  text-decoration: none;
  color: white;
  font-weight: 500;
}
.submenu-desktop .menu > .menu-item a.cf-button--orange-flat:hover {
  text-decoration: none;
}
.submenu-desktop .menu > .menu-item--trainingen {
  font-weight: 500;
}
.submenu-desktop .menu > .menu-item--aanbiedingen {
  font-weight: 500;
}
.submenu-desktop .menu > .menu-item.data-inschrijven a {
  opacity: 1;
  color: #1E225C;
  transition: all 0.4s ease;
  display: flex;
  font-family: "Lexend", sans-serif;
  font-size: 15px;
  /*&::after{
  	display:none;
  }*/
}
.submenu-desktop .menu > .menu-item.data-inschrijven a::before {
  display: inline-block;
  width: 22px;
  height: 18px;
  margin-right: 5px;
  content: "";
  background-color: #1E225C;
  -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTAuMTQ5IDcuMzgxYy0xLjQ4Mi0uMDA4LTMuMzQzLjc5NS00Ljc2MyAyLjIxNC0uNTQxLjU0MS0xLjAxOSAxLjE3My0xLjM4NiAxLjg4MiAxLjI4MS0uOTY5IDIuNjQ3LTEuMjczIDQuMjQ3LS4zNzUuNDcxLTEuMjQ1IDEuMDk5LTIuNTEyIDEuOTAyLTMuNzIxem04LjQ3NyA4LjQ2MWMtMS4zMTMuODU4LTIuNjA0IDEuNDc4LTMuNzIzIDEuOTE0Ljg5NyAxLjYuNTk0IDIuOTY0LS4zNzYgNC4yNDQuNzEyLS4zNjcgMS4zNDMtLjg0NCAxLjg4NC0xLjM4NiAxLjQyNS0xLjQyMyAyLjIyOS0zLjI4OCAyLjIxNS00Ljc3MnptNS4zMjktMTMuODA1Yy0uMzU3LS4wMjUtLjcwNy0uMDM3LTEuMDUxLS4wMzctNy40NTEgMC0xMS42OTIgNS42NzgtMTMuMjM1IDEwLjI0NWw0LjA5NSA0LjA5NGM0LjcwMi0xLjY4NSAxMC4yMzYtNS43NjcgMTAuMjM2LTEzLjEzNiAwLS4zOC0uMDE1LS43NjgtLjA0NS0xLjE2NnptLTguNTY1IDguNTc5Yy0uMzM5LS4zMzgtLjMzOS0uODg2IDAtMS4yMjQuMzM4LS4zMzguODg2LS4zMzggMS4yMjQgMCAuMzM5LjMzOC4zMzkuODg2IDAgMS4yMjQtLjMzOS4zMzktLjg4Ni4zMzktMS4yMjQgMHptMi40NDktMi40NDhjLS42NzctLjY3Ni0uNjc3LTEuNzcyIDAtMi40NDlzMS43NzMtLjY3NiAyLjQ0OSAwYy42NzcuNjc2LjY3NyAxLjc3MiAwIDIuNDQ5LS42NzYuNjc2LTEuNzcyLjY3Ni0yLjQ0OSAwem0tNi4wODkgOC43MjNjLTEuNDY5IDEuNzk3LTMuODEyIDMuMDg0LTYuMTI2IDMuMDg0LTMuMiAwLTUuNjI0LTIuMzU0LTUuNjI0LTUuMzExIDAtMS40ODUuNjExLTMuMTIyIDIuMDQzLTQuNjg5LTMuMjAxIDUuMTM3IDEuNTMyIDkuODMxIDcuMTAxIDQuMzFsLjc2NS43NjVjLS45MSAxLjA2MS0xLjg0IDEuOC0zLjE0OSAyLjQ2MSAxLjM0NC4wNTcgMy4wNDktLjU2OCA0LjE5NS0xLjQxNmwuNzk1Ljc5NnoiLz48L3N2Zz4=") no-repeat 0 0;
          mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTAuMTQ5IDcuMzgxYy0xLjQ4Mi0uMDA4LTMuMzQzLjc5NS00Ljc2MyAyLjIxNC0uNTQxLjU0MS0xLjAxOSAxLjE3My0xLjM4NiAxLjg4MiAxLjI4MS0uOTY5IDIuNjQ3LTEuMjczIDQuMjQ3LS4zNzUuNDcxLTEuMjQ1IDEuMDk5LTIuNTEyIDEuOTAyLTMuNzIxem04LjQ3NyA4LjQ2MWMtMS4zMTMuODU4LTIuNjA0IDEuNDc4LTMuNzIzIDEuOTE0Ljg5NyAxLjYuNTk0IDIuOTY0LS4zNzYgNC4yNDQuNzEyLS4zNjcgMS4zNDMtLjg0NCAxLjg4NC0xLjM4NiAxLjQyNS0xLjQyMyAyLjIyOS0zLjI4OCAyLjIxNS00Ljc3MnptNS4zMjktMTMuODA1Yy0uMzU3LS4wMjUtLjcwNy0uMDM3LTEuMDUxLS4wMzctNy40NTEgMC0xMS42OTIgNS42NzgtMTMuMjM1IDEwLjI0NWw0LjA5NSA0LjA5NGM0LjcwMi0xLjY4NSAxMC4yMzYtNS43NjcgMTAuMjM2LTEzLjEzNiAwLS4zOC0uMDE1LS43NjgtLjA0NS0xLjE2NnptLTguNTY1IDguNTc5Yy0uMzM5LS4zMzgtLjMzOS0uODg2IDAtMS4yMjQuMzM4LS4zMzguODg2LS4zMzggMS4yMjQgMCAuMzM5LjMzOC4zMzkuODg2IDAgMS4yMjQtLjMzOS4zMzktLjg4Ni4zMzktMS4yMjQgMHptMi40NDktMi40NDhjLS42NzctLjY3Ni0uNjc3LTEuNzcyIDAtMi40NDlzMS43NzMtLjY3NiAyLjQ0OSAwYy42NzcuNjc2LjY3NyAxLjc3MiAwIDIuNDQ5LS42NzYuNjc2LTEuNzcyLjY3Ni0yLjQ0OSAwem0tNi4wODkgOC43MjNjLTEuNDY5IDEuNzk3LTMuODEyIDMuMDg0LTYuMTI2IDMuMDg0LTMuMiAwLTUuNjI0LTIuMzU0LTUuNjI0LTUuMzExIDAtMS40ODUuNjExLTMuMTIyIDIuMDQzLTQuNjg5LTMuMjAxIDUuMTM3IDEuNTMyIDkuODMxIDcuMTAxIDQuMzFsLjc2NS43NjVjLS45MSAxLjA2MS0xLjg0IDEuOC0zLjE0OSAyLjQ2MSAxLjM0NC4wNTcgMy4wNDktLjU2OCA0LjE5NS0xLjQxNmwuNzk1Ljc5NnoiLz48L3N2Zz4=") no-repeat 0 0;
  -webkit-mask-size: cover;
          mask-size: cover;
  position: relative;
}
.submenu-desktop .menu > .menu-item.download-brochure a {
  background-color: #FF9900;
  border-radius: 8px;
  opacity: 1;
  padding: 13px 16px !important;
  color: #fff !important;
  font-weight: 400;
  transition: all 0.4s ease;
  font-weight: 700;
  display: flex;
  border: 1px solid #ff9900;
  display: flex;
  margin-bottom: 10px;
}
.submenu-desktop .menu > .menu-item.download-brochure a::before {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 5px;
  content: "";
  background-color: #fff;
  -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMjIgMGgtMTdjLTEuNjU3IDAtMyAxLjM0My0zIDN2MThjMCAxLjY1NyAxLjM0MyAzIDMgM2gxN3YtMjBoLTR2OGwtMi0yLTIgMnYtOGgtOC41MDVjLTEuMzc1IDAtMS4zNzUtMiAwLTJoMTYuNTA1di0yeiIvPjwvc3ZnPg==") no-repeat 0 0;
          mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMjIgMGgtMTdjLTEuNjU3IDAtMyAxLjM0My0zIDN2MThjMCAxLjY1NyAxLjM0MyAzIDMgM2gxN3YtMjBoLTR2OGwtMi0yLTIgMnYtOGgtOC41MDVjLTEuMzc1IDAtMS4zNzUtMiAwLTJoMTYuNTA1di0yeiIvPjwvc3ZnPg==") no-repeat 0 0;
  -webkit-mask-size: cover;
          mask-size: cover;
  position: relative;
}
.submenu-desktop .menu > .menu-item.download-brochure a::after {
  display: none;
}
.submenu-desktop .menu > .menu-item.download-brochure a:hover {
  border: 1px solid #ff9900;
  color: #FF9900 !important;
  background: transparent;
}
.submenu-desktop .menu > .menu-item.download-brochure a:hover::before {
  background-color: #ff9900;
}
@media print {
  .submenu-desktop {
    display: none !important;
  }
}
.submenu-desktop .menu > li > a {
  padding: 0.9rem 0.9rem;
}

.overons-dropdown, .incompany-dropdown, .opleidingen-dropdown, .events-dropdown, .stap-dropdown, .vakgebieden-dropdown {
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  z-index: 99999;
  padding: 0px;
  box-shadow: 0px 15px 30px rgba(42, 62, 82, 0.098);
  border-radius: 8px;
  border: none;
}
.overons-dropdown__menu, .incompany-dropdown__menu, .opleidingen-dropdown__menu, .events-dropdown__menu, .stap-dropdown__menu, .vakgebieden-dropdown__menu {
  padding-top: 5px;
  padding-bottom: 40px;
}
.overons-dropdown__menu ul, .incompany-dropdown__menu ul, .opleidingen-dropdown__menu ul, .events-dropdown__menu ul, .stap-dropdown__menu ul, .vakgebieden-dropdown__menu ul {
  list-style-type: none;
  margin: 0;
}
.overons-dropdown__menu ul li a, .incompany-dropdown__menu ul li a, .opleidingen-dropdown__menu ul li a, .events-dropdown__menu ul li a, .stap-dropdown__menu ul li a, .vakgebieden-dropdown__menu ul li a {
  text-decoration: none;
  font-size: 0.9rem;
}
.overons-dropdown__menu ul li a:hover, .incompany-dropdown__menu ul li a:hover, .opleidingen-dropdown__menu ul li a:hover, .events-dropdown__menu ul li a:hover, .stap-dropdown__menu ul li a:hover, .vakgebieden-dropdown__menu ul li a:hover {
  text-decoration: underline;
}

.overons-dropdown__menu, .incompany-dropdown__menu, .events-dropdown__menu, .stap-dropdown__menu, .vakgebieden-dropdown__menu {
  padding-top: 5px;
  padding-bottom: 10px;
  padding-left: 10px;
}

.vakgebieden-dropdown {
  left: unset !important;
}

.opleidingen-dropdown {
  width: 100vw !important;
  z-index: 300;
  padding-top: 40px;
  padding-bottom: 0px;
  border-radius: 8px;
  box-shadow: 0px 15px 40px rgba(42, 62, 82, 0.129);
  border: none;
}
.opleidingen-dropdown > .row:first-of-type {
  -moz-column-gap: 40px;
       column-gap: 40px;
  max-width: 95%;
  justify-content: space-between;
}
.opleidingen-dropdown__section {
  padding: 0px;
}
.opleidingen-dropdown__section.trainingen {
  max-width: 1380px;
  margin: 0 auto;
}
.opleidingen-dropdown__section.trainingen > .row {
  gap: 25px;
  justify-content: space-between;
}
.opleidingen-dropdown__section.trainingen .opleidingen-dropdown__section__header {
  margin-bottom: 30px;
}
.opleidingen-dropdown__section.trainingen .opleidingen-dropdown__section__header > div {
  min-width: 160px;
}
.opleidingen-dropdown__section.test, .opleidingen-dropdown__section.overzicht, .opleidingen-dropdown__section.aiproof {
  max-width: 18%;
}
.opleidingen-dropdown__section.advies {
  max-width: 39%;
}
.opleidingen-dropdown__section__header {
  margin-bottom: 20px;
  display: flex;
  -moz-column-gap: 17px;
       column-gap: 17px;
  align-items: center;
  justify-content: space-between;
}
.opleidingen-dropdown__section__header div {
  font-size: 0.9rem;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  font-weight: 600;
  color: #1E225C;
  flex-grow: 2;
}
.opleidingen-dropdown__section__header:after {
  content: "";
  width: 100%;
  height: 1px;
  background: #1E225C;
}
.opleidingen-dropdown__callout {
  border-radius: 12px;
  min-height: 128px;
  padding: 20px;
  text-decoration: none;
  margin-bottom: 25px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  overflow: hidden;
  border: 1px solid #DBE1E8;
}
.opleidingen-dropdown__callout__top {
  display: flex;
  justify-content: space-between;
  -moz-column-gap: 5px;
       column-gap: 5px;
}
.opleidingen-dropdown__callout__bottom {
  text-align: center;
}
.opleidingen-dropdown__callout__shape {
  position: absolute;
  width: 150px;
  height: 100%;
  transform: skew(-10deg);
  background: #00C4C2;
  top: 0;
  right: -102px;
  z-index: -1;
  transition: right 0.3s ease-in-out;
}
.opleidingen-dropdown__callout img.adviseurs {
  margin-bottom: -20px;
  max-height: 108px;
}
.opleidingen-dropdown__callout__text__title {
  display: block;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  font-size: 0.9rem;
  font-weight: 800;
  margin-bottom: 2px;
}
.opleidingen-dropdown__callout__text__subtitle {
  display: block;
  font-size: 0.9rem;
  font-weight: 400;
}
.opleidingen-dropdown__callout__button {
  min-width: 32px;
}
.opleidingen-dropdown__callout__button .training-grid-block__action {
  transition: background 400ms;
  border-radius: 50%;
  padding-top: 4px;
  padding-bottom: 6px;
}
.opleidingen-dropdown__callout__button .training-grid-block__action .cf-button__icon {
  transition: margin 400ms;
}
.opleidingen-dropdown__callout__button .training-grid-block__action .cf-button__icon img {
  transition: filter 400ms;
}
.opleidingen-dropdown__callout.advies .opleidingen-dropdown__callout__shape {
  background: #9ED18C;
}
.opleidingen-dropdown__callout.trainingen .opleidingen-dropdown__callout__shape {
  background: #FCB84C;
}
.opleidingen-dropdown__callout.aiproof .opleidingen-dropdown__callout__shape {
  background: #C087E3;
}
.opleidingen-dropdown__callout.test .opleidingen-dropdown__callout__shape {
  background: #00C4C2;
}
.opleidingen-dropdown__callout:hover .opleidingen-dropdown__callout__shape {
  right: -80px;
}
.opleidingen-dropdown__callout:hover .opleidingen-dropdown__callout__button .training-grid-block__action {
  background-color: white !important;
}
.opleidingen-dropdown__callout:hover .opleidingen-dropdown__callout__button .training-grid-block__action .cf-button__icon {
  margin-left: 10px;
  margin-right: 2px;
}
.opleidingen-dropdown__callout:hover .opleidingen-dropdown__callout__button .training-grid-block__action .cf-button__icon .fas {
  color: #1b2a68;
}
.opleidingen-dropdown__callout:hover .opleidingen-dropdown__callout__button .training-grid-block__action .cf-button__icon svg path {
  fill: #1b2a68;
}
.opleidingen-dropdown__callout:hover .opleidingen-dropdown__callout__button .training-grid-block__action .cf-button__icon img {
  filter: invert(12%) sepia(43%) saturate(3297%) hue-rotate(224deg) brightness(85%) contrast(95%);
}
.opleidingen-dropdown__column {
  max-width: 18%;
  padding: 0px;
}
.opleidingen-dropdown__title {
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  font-size: 0.9rem;
  font-weight: 700;
  color: #1E225C;
  padding-bottom: 5px;
  border-bottom: 1px solid #D6D6D6;
}
.opleidingen-dropdown__title a {
  text-decoration: none;
  transition: color 400ms;
}
.opleidingen-dropdown__title a img {
  height: 12px;
  margin-left: 5px;
  transition: filter 400ms;
}
.opleidingen-dropdown__title a:hover {
  color: #ff9900;
}
.opleidingen-dropdown__title a:hover img {
  filter: invert(53%) sepia(77%) saturate(647%) hue-rotate(358deg) brightness(102%) contrast(108%);
}
.opleidingen-dropdown__menu {
  color: #1E225C;
}

.topnav-mobile {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: #fff;
  border-bottom: 1px solid #e3e5e7;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
  padding: 0 0 15px;
  z-index: 9999999;
}

.no-js .topnav-mobile {
  display: none;
}

.topnav-desktop {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 35px;
  /*background: linear-gradient(
                  to right,
                  $top-menu-color-dark 0%,
                  $top-menu-color-dark 50%,
                  $top-menu-color-light 50%,
                  $top-menu-color-light 100%
  );*/
}
.topnav-desktop .menu {
  justify-content: flex-end;
  width: auto;
}
@media print {
  .topnav-desktop {
    display: none !important;
  }
}
.topnav-desktop__menu-item {
  cursor: pointer;
  -webkit-appearance: none;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
  vertical-align: middle;
  float: right;
  height: 35px;
  font-size: 0.9rem;
  background: #1e225d;
  font-weight: 500;
}
[data-whatinput=mouse] .topnav-desktop__menu-item {
  outline: 0;
}
.topnav-desktop__menu-item:hover {
  background: #5992d2;
}
.topnav-desktop__menu-item a {
  text-decoration: none;
  color: #fff;
}
.topnav-desktop__menu-item:last-of-type {
  border-left: 1px dashed white;
}
.topnav-desktop .menu > li > a {
  padding: 0.6rem 0.9rem;
}

.mobile-nav {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 40px;
  /*background: linear-gradient(
                  to right,
                  $top-menu-color-dark 0%,
                  $top-menu-color-dark 50%,
                  $top-menu-color-light 50%,
                  $top-menu-color-light 100%
  );*/
}
@media print, screen and (min-width: 40em) {
  .mobile-nav {
    height: inherit;
  }
}
.mobile-nav .menu {
  justify-content: center;
  width: auto;
}
@media print {
  .mobile-nav {
    display: none !important;
  }
}
.mobile-nav__menu-item {
  cursor: pointer;
  -webkit-appearance: none;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
  vertical-align: middle;
  float: right;
  font-size: 1.1rem;
  background: white;
  font-weight: 600;
}
[data-whatinput=mouse] .mobile-nav__menu-item {
  outline: 0;
}
.mobile-nav__menu-item:hover {
  text-decoration: underline;
}
.mobile-nav__menu-item a {
  text-decoration: none;
  color: #0a0a0a;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
}
.mobile-nav .menu > li > a {
  padding: 0.9rem 0.9rem;
}

.training-nav {
  position: relative;
  z-index: 999;
  height: 0;
  display: none;
}
.training-nav__subsite-link {
  font-size: 13px;
  font-weight: bold;
  padding: 10px 12px 10px 10px !important;
}
.training-nav__subsite-link:hover {
  padding: 10px 12px 10px 10px !important;
}
.training-nav__subsite-link--business-school {
  color: #1b2a68;
}
.training-nav__subsite-link--business-school:hover {
  color: #09355c;
}
.training-nav__subsite-link--factory {
  color: #403d54;
}
.training-nav__subsite-link--factory:hover {
  color: #232130;
}
.training-nav__menu-container {
  position: absolute;
  top: 0;
  left: 0;
  background: white;
  height: 625px;
  width: 100%;
  overflow: auto;
  box-shadow: 0 15px 15px rgba(0, 0, 0, 0.2);
}
.training-nav__categories-container {
  display: flex;
  flex-wrap: wrap;
}
.training-nav__categories {
  width: 221px;
  min-width: 221px;
}
.training-nav__categories ul > li > .training-nav__category-topmargin {
  display: block;
  border-left: 1px solid #e3e5e7;
  border-right: 1px solid #e3e5e7;
  background: white;
  height: 12px;
}
.training-nav__categories ul > li > a {
  text-decoration: none;
  font-size: 1rem;
  border-left: 1px solid #e3e5e7;
  border-right: 1px solid #e3e5e7;
  background: white;
  padding: 10px 12px 10px 10px;
}
.training-nav__categories ul > li > a:hover {
  padding: 10px 2px 10px 8px;
  font-weight: bold;
}
.training-nav__categories ul > li > a.active {
  border-top: 1px solid #e3e5e7;
  border-bottom: 1px solid #e3e5e7;
  border-right: none;
  padding: 9px 3px 9px 8px;
  font-weight: bold;
}
.training-nav__subnav {
  padding: 1.2rem 1.5rem;
  width: 100%;
  height: 625px;
}
.training-nav__cat-name {
  width: 100%;
  color: #1e225d;
  font-weight: 500;
  font-size: 1.625rem;
  margin: 0 0 1rem;
}
.training-nav__subcat-name {
  color: #1e225d;
  font-size: 1rem;
  font-weight: 800;
  margin: 0 0 0.5rem;
}
.training-nav__subcat-name a {
  color: inherit;
  text-decoration: none;
}
.training-nav__subcat-name a:hover {
  color: inherit;
  text-decoration: none;
}
.training-nav__trainings {
  margin: 0 0 2rem;
  font-size: 0.875rem;
}
.training-nav__trainings > li > a {
  padding: 0;
  margin: 0;
  text-decoration: none;
  line-height: 1.6;
}
.training-nav__trainings > li > a:hover {
  text-decoration: underline;
}
.training-nav__trainings > li > a.training-nav__subcat-page {
  margin-top: 4px;
  font-weight: 800;
}
#offCanvasMobileMenu {
  margin: 0;
  padding: 0;
}
#offCanvasMobileMenu .OffcanvasUsername {
  float: left;
  margin-left: 3vw;
  font-size: 13px;
  font-family: Poppins;
  color: #9D9D9D;
  margin-top: 13px;
  cursor: pointer;
}
#offCanvasMobileMenu .menu.nested {
  margin: 0;
  padding-left: 0rem;
}
#offCanvasMobileMenu .TopbarMobileOffcanvasNav {
  height: 20px;
  width: 100%;
  padding: 0;
  margin-top: 3vh;
}
#offCanvasMobileMenu .TopbarMobileOffcanvasNav .close-button {
  color: #1e225d;
  outline: none;
}
#offCanvasMobileMenu .TopbarMobileOffcanvasNav .close-button:focus, #offCanvasMobileMenu .TopbarMobileOffcanvasNav .close-button:hover {
  outline: none;
}
#offCanvasMobileMenu .closebuttonMobileOffcanvasNav {
  float: right;
  margin-right: 5vw;
}
#offCanvasMobileMenu .MenuItems {
  margin-top: 5vh;
  outline: none;
}
#offCanvasMobileMenu .MenuItems .is-drilldown {
  max-width: -moz-fit-content !important;
  max-width: fit-content !important;
  min-width: 100%;
}
#offCanvasMobileMenu .MenuItems .tekstdrilldown {
  color: #1E225C;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  outline: none;
  outline: none;
  /*
  .HeeftGeenTabindex::after{
      content: ' \276F';
      position: absolute;
      right: 0;
      margin-right: 15px;
      display: flex;
      align-items: center;
      height: 100%;
      padding-top: 0.7rem;
      padding-bottom: 0.7rem;
      top:0;
      font-size:1.5rem;t
  }*/
}
#offCanvasMobileMenu .MenuItems .tekstdrilldown a {
  font-family: "lexend";
  font-size: 16px;
  text-decoration: none;
  text-align: start;
  font-weight: 500;
  position: relative;
  padding-right: 7vw;
  outline: none;
  padding-bottom: 2vh;
  padding-top: 2vh;
}
#offCanvasMobileMenu .MenuItems .tekstdrilldown a:focus {
  outline: none;
}
#offCanvasMobileMenu .MenuItems .tekstdrilldown a + ul > li > a {
  font-size: 14px;
  outline: none;
}
#offCanvasMobileMenu .MenuItems .tekstdrilldown .new-back {
  padding-right: 15px;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
#offCanvasMobileMenu .MenuItems .tekstdrilldown .drilldownclicked a {
  margin-left: 5vw;
  font-size: 14px;
  outline: none;
}
#offCanvasMobileMenu .MenuItems .tekstdrilldown .drilldownclicked a:focus {
  outline: none;
}
#offCanvasMobileMenu .MenuItems .tekstdrilldown img {
  -o-object-fit: contain;
     object-fit: contain;
  height: 70px;
  border-bottom: 1px solid black;
  width: 70%;
  margin-right: 25px;
}
#offCanvasMobileMenu .MenuItems .tekstdrilldown .link_noimage {
  display: grid;
  outline: none;
}
#offCanvasMobileMenu .MenuItems .tekstdrilldown .link_noimage span {
  color: #888995;
  font-size: 12px;
  font-family: "Lexend";
  margin-top: 0.5vh;
}
#offCanvasMobileMenu .MenuItems .tekstdrilldown .menudescription {
  display: grid !important;
  grid-template-columns: 1fr 1.5fr;
  justify-items: center;
  position: relative;
}
#offCanvasMobileMenu .MenuItems .tekstdrilldown .menudescription .MobileMenu_Catogorieletter {
  position: absolute;
  width: 100%;
  height: 100px;
  z-index: -1;
  font-size: 70px;
  overflow: hidden;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  font-weight: 800;
  letter-spacing: -5px;
  line-height: 100px;
  padding-left: 10px;
}
#offCanvasMobileMenu .MenuItems .tekstdrilldown .menudescription span {
  font-family: "lexend";
}
#offCanvasMobileMenu .MenuItems .tekstdrilldown .menudescription div {
  display: grid;
  grid-template: auto;
  align-content: center;
  height: 100%;
  width: 100%;
}
#offCanvasMobileMenu .MenuItems .tekstdrilldown .menudescription .div_tekstMenu {
  padding-right: 5vw;
}
#offCanvasMobileMenu .MenuItems .tekstdrilldown .menudescriptiontext {
  font-size: 12px;
  color: #888995;
}
#offCanvasMobileMenu .MenuItems .tekstdrilldown .menudescriptiontitel {
  font-size: 14px;
  margin-bottom: 5px;
}
#offCanvasMobileMenu .MenuItems .topleveltesting a {
  font-weight: 600;
  outline: none;
}
#offCanvasMobileMenu .MenuItems .topleveltesting a:focus {
  outline: none;
}
#offCanvasMobileMenu .MenuItems .catogorietekst {
  color: #1E225C;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  outline: none;
}
#offCanvasMobileMenu .MenuItems .catogorietekst a {
  font-family: "lexend";
  font-size: 16px;
  text-decoration: none;
  text-align: start;
  font-weight: 500;
  position: relative;
  padding-right: 7vw;
  outline: none;
  padding-bottom: 2vh;
  padding-top: 2vh;
}
#offCanvasMobileMenu .MenuItems .catogorietekst a:focus {
  outline: none;
}
#offCanvasMobileMenu .MenuItems .catogorietekst a + ul > li > a {
  font-size: 14px;
  outline: none;
}
#offCanvasMobileMenu .MenuItems .catogorietekst .new-back {
  padding-right: 15px;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
#offCanvasMobileMenu .MenuItems .catogorietekst a {
  margin-left: 0 !important;
  font-size: 16px !important;
}
#offCanvasMobileMenu .is-drilldown-submenu-parent > a::after {
  margin-right: 3px;
  border-left-color: rgba(0, 0, 0, 0.5);
}
#offCanvasMobileMenu .js-drilldown-back {
  width: -moz-fit-content;
  width: fit-content;
  border: 1px solid #1E225C;
  border-radius: 100px;
  padding-left: 1vw;
  padding-right: 1vw;
  margin-bottom: 30px;
  margin-left: 13.6px;
}
#offCanvasMobileMenu .js-drilldown-back a {
  align-items: center !important;
}
#offCanvasMobileMenu .new-back {
  margin-left: 0 !important;
  font-size: 16px !important;
}

.hero--stap {
  overflow: hidden;
  padding: 30px 20px 80px 20px;
}
@media print, screen and (min-width: 64em) {
  .hero--stap {
    padding: 100px 0px;
  }
}
@media print, screen and (min-width: 64em) {
  .hero--stap .hero__container {
    padding: 0px 20px;
  }
}
.hero--stap .hero__container__text {
  align-self: center;
}
@media print, screen and (min-width: 64em) {
  .hero--stap .hero__container__text {
    padding-right: 30px;
  }
}
@media screen and (min-width: 75em) {
  .hero--stap .hero__container__text {
    padding-right: 90px;
  }
}
.hero--stap .hero__container__text h1 {
  font-size: 25px;
  margin-bottom: 25px;
}
@media print, screen and (min-width: 64em) {
  .hero--stap .hero__container__text h1 {
    font-size: 40px;
    margin-bottom: 30px;
  }
}
.hero--stap .hero__container__text > p {
  margin-bottom: 25px;
  font-size: 16px;
}
.hero--stap .hero__container__text > p a {
  color: #ff9900;
}
@media print, screen and (min-width: 64em) {
  .hero--stap .hero__container__text > p {
    margin-bottom: 30px;
  }
}
.hero--stap .hero__container__image {
  position: relative;
  padding-top: 100px;
}
@media print, screen and (min-width: 64em) {
  .hero--stap .hero__container__image {
    padding-top: unset;
  }
}
.hero--stap .hero__container__image img, .hero--stap .hero__container__image iframe {
  border-radius: 12px;
  position: relative;
  z-index: 5;
}
.hero--stap .hero__container__image iframe {
  width: 100%;
  min-height: 350px;
}
.hero--stap .hero__container__image::before {
  content: "C";
  position: absolute;
  color: #00C4C2;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  top: 20px;
  left: -80px;
  font-size: 300px;
  font-weight: 900;
  line-height: 200px;
}
@media print, screen and (min-width: 64em) {
  .hero--stap .hero__container__image::before {
    top: -100px;
    left: -100px;
    font-size: 350px;
    font-weight: 900;
    line-height: 200px;
  }
}
.hero--stap .hero__container__image::after {
  content: "F";
  color: #00C4C2;
  position: absolute;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  bottom: -60px;
  right: -70px;
  font-size: 300px;
  font-weight: 900;
  line-height: 200px;
}
@media print, screen and (min-width: 64em) {
  .hero--stap .hero__container__image::after {
    bottom: -70px;
    right: -70px;
    font-size: 350px;
    font-weight: 900;
    line-height: 200px;
  }
}
.hero--stap .hero__readmore {
  position: absolute;
  margin-top: 40px;
}
.hero--stap .hero__readmore a {
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  font-weight: 600;
  text-decoration: none;
  display: flex;
  gap: 10px;
}
.hero--stap .hero__readmore a .icon img {
  width: 16px;
}

.footer {
  border-top: 1px solid #0a0a0a;
  background: #fff;
  text-align: center;
  margin-bottom: -32px;
}
@media print {
  .footer {
    padding-top: 0px;
  }
}
.footer--admin {
  border-top: 10px solid #e3e5e7;
  margin-top: 10px;
}
@media print, screen and (min-width: 64em) {
  .footer--admin {
    border-top: 50px solid #1e225d;
    margin-top: 30px;
  }
}
.footer__follow {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.footer__follow__logo img {
  width: 240px;
}
.footer__follow__items {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  align-items: center;
}
@media print, screen and (min-width: 40em) {
  .footer__follow__items {
    flex-direction: row;
  }
}
@media print {
  .footer__follow__items {
    display: none;
  }
}
.footer__follow__text {
  margin-right: 1rem;
  min-width: 25%;
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  font-size: 1.0625rem;
  font-weight: bold;
  color: #0a0a0a;
  line-height: 2.3;
  margin-top: 0;
}
.footer__follow__socials {
  margin-right: 1rem;
  min-width: 25%;
  font-size: 1.625rem;
  line-height: 2.7;
}
.footer__follow__socials a {
  display: inline-block;
  margin-right: 10px;
}
.footer__follow__reviews {
  margin-top: 0.5rem;
  margin-right: 1rem;
  min-width: 25%;
}
.footer__middle {
  padding-top: 4rem;
  padding-bottom: 3rem;
  background: #1e225d;
}
.footer__middle a {
  color: #fff;
}
@media print, screen and (min-width: 40em) {
  .footer {
    text-align: left;
  }
}
.footer .__fbcw__bar-widget__content {
  margin: 0 auto;
}
.footer__menus {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
@media print, screen and (min-width: 40em) {
  .footer__menus {
    flex-direction: row;
  }
}
@media print {
  .footer__menus {
    display: none;
  }
}
.footer__menu {
  margin-right: 1rem;
  min-width: 25%;
}
.footer__menu-nav-title {
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  font-size: 1.0625rem;
  font-weight: bold;
  color: #fff;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}
.footer__menu-nav-list {
  margin-bottom: 2rem;
}
.footer__menu-nav-list li a {
  color: #fff;
}
.footer__contact {
  margin: 1rem 0 0;
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  font-size: 1.3125rem;
  font-weight: bold;
}
@media screen and (min-width: 75em) {
  .footer__contact {
    margin: 0;
    width: 100%;
    display: flex;
  }
}
.footer__contact a {
  text-decoration: none;
}
.footer__nieuwsbrief {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.footer__nieuwsbrief__titel {
  color: #fff;
  font-size: 1.0625rem;
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  font-weight: bold;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}
.footer__nieuwsbrief__text {
  color: #fff;
}
.footer__nieuwsbrief__form {
  display: flex;
}
.footer__nieuwsbrief__form input {
  margin-bottom: 15px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  padding: 0.65em;
  width: 50%;
  display: inline-block !important;
}
@media print, screen and (min-width: 40em) {
  .footer__nieuwsbrief__form input {
    width: 75%;
    display: block;
  }
}
@media print, screen and (min-width: 64em) {
  .footer__nieuwsbrief__form input {
    width: 75%;
    display: block;
  }
}
@media screen and (min-width: 75em) {
  .footer__nieuwsbrief__form input {
    width: 75%;
  }
}
.footer__nieuwsbrief__form input::-moz-placeholder {
  color: #505050;
}
.footer__nieuwsbrief__form input::placeholder {
  color: #505050;
}
.footer__nieuwsbrief__form button {
  margin-bottom: 15px !important;
  display: inline-block !important;
  margin-bottom: 3px;
  border-radius: 0px !important;
  border-top-right-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
  width: 40% !important;
}
.footer__nieuwsbrief__form button .cf-button__text {
  margin: -2px 15px 0 15px !important;
}
@media print, screen and (min-width: 40em) {
  .footer__nieuwsbrief__form button {
    width: inherit !important;
  }
}
@media print {
  .footer__nieuwsbrief {
    display: none !important;
  }
}
.footer__opleidingsgids {
  text-align: center;
}
.footer__opleidingsgids__hoekje {
  width: 0px;
  height: 0px;
  border-top: solid 20px transparent;
  border-right: solid 10px white;
  border-bottom: solid 10px white;
  border-left: solid 5px transparent;
  margin-top: 20%;
  margin-right: -5px;
  display: inline-block;
  vertical-align: bottom;
}
.footer__opleidingsgids__tekst {
  text-align: left;
  width: 80%;
  background: white;
  padding: 20px;
  display: inline-block;
}
@media print, screen and (min-width: 40em) {
  .footer__opleidingsgids__tekst {
    width: 60%;
  }
}
@media print, screen and (min-width: 64em) {
  .footer__opleidingsgids__tekst {
    width: 80%;
  }
}
.footer__opleidingsgids__tekst__titel {
  font-size: 1.0625rem;
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  font-weight: bold;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}
.footer__opleidingsgids__tekst img {
  width: 40%;
  margin: 0 auto;
  margin-bottom: 10px;
}
.footer__locaties {
  margin: 2rem 0 0;
  flex-direction: column;
}
@media print, screen and (min-width: 40em) {
  .footer__locaties {
    flex-direction: row;
    display: flex;
    justify-content: space-between;
  }
}
.footer__locatie {
  margin-right: 1rem;
  min-width: 25%;
}
.footer__locatie-titel {
  color: #fff;
  font-size: 1.0625rem;
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  font-weight: bold;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}
.footer__locatie-text {
  color: #505050;
}
.footer__locatie-text a {
  text-decoration: none;
  font-size: 1.0625rem;
}
.footer__locatie-text a .icon {
  text-align: center;
  display: inline-block;
  width: 20px;
  margin-right: 5px;
  color: white;
}
.footer__locatie-text a .icon svg path {
  fill: white;
}
.footer--stripped .footer__locatie-titel, .footer--stripped .footer__nieuwsbrief__titel, .footer--stripped .footer__menu-nav-title {
  font-size: 1.5625rem;
}
@media print, screen and (min-width: 64em) {
  .footer--stripped .footer__nieuwsbrief__form input {
    width: 65%;
  }
}

.copyright {
  background: #1e225d;
}
.copyright__row__text {
  padding: 1rem 0;
  color: #fff;
  background: #1e225d;
  margin-top: 2rem;
  text-align: center;
  margin-bottom: 0;
}
.copyright__row__text a {
  color: inherit;
  text-decoration: underline;
}
@media print {
  .copyright__row__text__aftercopyright {
    display: none;
  }
}
.copyright__row__menu {
  margin: 0px;
  padding: 1rem 0;
}
.copyright__row__menu li {
  text-align: center;
}
@media print, screen and (min-width: 40em) {
  .copyright__row__menu {
    justify-content: flex-end;
    display: flex;
    gap: 15px;
  }
  .copyright__row__menu li {
    text-align: left;
  }
}
.copyright--stripped .copyright__row__text {
  margin: 0;
}
@media print, screen and (min-width: 40em) {
  .copyright--stripped .copyright__row__text {
    text-align: left;
  }
}

.magazine-pro-footer {
  background-color: white;
  padding: 0px 20px;
  border-radius: 16px;
  height: 100%;
  display: grid;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  grid-template-rows: 1fr 1fr;
}
.magazine-pro-footer__boximg {
  height: 100%;
  position: relative;
}
.magazine-pro-footer__boximg__img {
  height: 100%;
  position: absolute;
  width: initial;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  top: -20px;
  transform: rotate(-7deg);
}
.magazine-pro-footer__textbox {
  display: grid;
  align-content: center;
}
.magazine-pro-footer__textbox__text {
  text-align: center;
  font-size: 16px;
  color: #1e225d;
}
.magazine-pro-footer__textbox__button {
  text-align: center;
  margin-bottom: 20px !important;
}

.cf-button, button.cf-button {
  cursor: pointer;
  -webkit-appearance: none;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
  vertical-align: middle;
  border-radius: 5px;
  display: flex;
  background: white;
  border: 2px solid #ff9900;
  color: #0a0a0a;
  text-decoration: none;
  height: 42px;
  cursor: pointer;
}
[data-whatinput=mouse] .cf-button, [data-whatinput=mouse] button.cf-button {
  outline: 0;
}
.cf-button.extralabel::after, button.cf-button.extralabel::after {
  content: "VOL!";
  color: black;
  background-color: yellow;
  padding: 5px 50px;
  transform: rotate(22deg);
  font-weight: 800;
  position: absolute;
  font-size: 1.4rem;
  margin-left: -130px;
  margin-top: -20px;
}
.cf-button .cf-button__text, button.cf-button .cf-button__text {
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  font-weight: bold;
  flex-grow: 1;
  align-self: center;
  margin: -2px 30px 0 20px;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  letter-spacing: -0.1px;
}
@media print, screen and (min-width: 40em) {
  .cf-button .cf-button__text, button.cf-button .cf-button__text {
    margin: -2px 30px 0 15px;
  }
}
.cf-button .cf-button__icon, button.cf-button .cf-button__icon {
  font-size: 140%;
  align-self: center;
  margin: -2px 20px 0 0;
}
@media print, screen and (min-width: 40em) {
  .cf-button .cf-button__icon, button.cf-button .cf-button__icon {
    margin: -2px 20px 0 0;
  }
}
.cf-button.fullwidth, button.cf-button.fullwidth {
  width: 90%;
}
.cf-button.shadow, button.cf-button.shadow {
  box-shadow: 0 4px 4px 0 #022E2E;
  border-bottom: 0px;
}
.cf-button:hover, .cf-button:active, .cf-button:focus, button.cf-button:hover, button.cf-button:active, button.cf-button:focus {
  background: rgb(224.4, 134.64, 0);
  color: #fff;
}
.cf-button:hover .cf-button__icon, .cf-button:active .cf-button__icon, .cf-button:focus .cf-button__icon, button.cf-button:hover .cf-button__icon, button.cf-button:active .cf-button__icon, button.cf-button:focus .cf-button__icon {
  margin: -2px 15px 0 0;
  transition: margin 400ms, box-shadow 400ms;
}
.cf-button.selected, button.cf-button.selected {
  background-color: #ff9900;
  color: white;
}
.cf-button--yellow-flat, button.cf-button--yellow-flat {
  background: #f7fb00;
  border: 1px solid #f7fb00;
  border-radius: 0px;
  color: black;
  padding: 10px 10px;
  display: inline-block;
  height: inherit !important;
}
.cf-button--yellow-flat.noicon, button.cf-button--yellow-flat.noicon {
  padding-right: 0px !important;
  display: inline-block;
  padding-top: 7px;
}
.cf-button--yellow-flat.noicon .cf-button__text, button.cf-button--yellow-flat.noicon .cf-button__text {
  margin: 0 30px;
  text-align: center;
}
.cf-button--yellow-flat.noiconfullwidth, button.cf-button--yellow-flat.noiconfullwidth {
  padding-right: 0px !important;
  width: 100%;
}
.cf-button--yellow-flat.noiconfullwidth .cf-button__text, button.cf-button--yellow-flat.noiconfullwidth .cf-button__text {
  margin: 0 30px;
  text-align: center;
}
.cf-button--yellow-flat.loading, button.cf-button--yellow-flat.loading {
  background: #aad3d3 url("/images/ajax-loader.gif");
  background-position: center center;
  background-repeat: no-repeat;
}
.cf-button--yellow-flat:hover, .cf-button--yellow-flat:active, .cf-button--yellow-flat:focus, button.cf-button--yellow-flat:hover, button.cf-button--yellow-flat:active, button.cf-button--yellow-flat:focus {
  background: transparent;
  border: 1px solid #f7fb00;
}
.cf-button--yellow-flat:hover .cf-button__icon, .cf-button--yellow-flat:active .cf-button__icon, .cf-button--yellow-flat:focus .cf-button__icon, button.cf-button--yellow-flat:hover .cf-button__icon, button.cf-button--yellow-flat:active .cf-button__icon, button.cf-button--yellow-flat:focus .cf-button__icon {
  margin: -2px 15px 0 0;
  transition: margin 400ms, box-shadow 400ms;
}
@media print, screen and (min-width: 40em) {
  .cf-button--yellow-flat, button.cf-button--yellow-flat {
    padding: 15px 20px;
  }
}
.cf-button--yellow-flat-alt, button.cf-button--yellow-flat-alt {
  background: #f7fb00;
  border: 1px solid #f7fb00;
  border-radius: 0px;
  color: black;
  padding: 10px 10px;
  display: inline-block;
  height: inherit !important;
}
.cf-button--yellow-flat-alt.noicon, button.cf-button--yellow-flat-alt.noicon {
  padding-right: 0px !important;
  display: inline-block;
  padding-top: 7px;
}
.cf-button--yellow-flat-alt.noicon .cf-button__text, button.cf-button--yellow-flat-alt.noicon .cf-button__text {
  margin: 0 30px;
  text-align: center;
}
.cf-button--yellow-flat-alt.noiconfullwidth, button.cf-button--yellow-flat-alt.noiconfullwidth {
  padding-right: 0px !important;
  width: 100%;
}
.cf-button--yellow-flat-alt.noiconfullwidth .cf-button__text, button.cf-button--yellow-flat-alt.noiconfullwidth .cf-button__text {
  margin: 0 30px;
  text-align: center;
}
.cf-button--yellow-flat-alt.loading, button.cf-button--yellow-flat-alt.loading {
  background: #aad3d3 url("/images/ajax-loader.gif");
  background-position: center center;
  background-repeat: no-repeat;
}
.cf-button--yellow-flat-alt:hover, .cf-button--yellow-flat-alt:active, .cf-button--yellow-flat-alt:focus, button.cf-button--yellow-flat-alt:hover, button.cf-button--yellow-flat-alt:active, button.cf-button--yellow-flat-alt:focus {
  background: transparent;
  border: 1px solid #f7fb00;
  color: black;
}
.cf-button--yellow-flat-alt:hover .cf-button__icon, .cf-button--yellow-flat-alt:active .cf-button__icon, .cf-button--yellow-flat-alt:focus .cf-button__icon, button.cf-button--yellow-flat-alt:hover .cf-button__icon, button.cf-button--yellow-flat-alt:active .cf-button__icon, button.cf-button--yellow-flat-alt:focus .cf-button__icon {
  margin: -2px 15px 0 0;
  transition: margin 400ms, box-shadow 400ms;
}
@media print, screen and (min-width: 40em) {
  .cf-button--yellow-flat-alt, button.cf-button--yellow-flat-alt {
    padding: 15px 20px;
  }
}
.cf-button--savelater, button.cf-button--savelater {
  border: 1px solid #1b2a68;
  border-radius: 100px;
  padding: 13px 20px;
  font-weight: normal;
  display: inline-block;
}
.cf-button--savelater .cf_button__text, button.cf-button--savelater .cf_button__text {
  color: #1b2a68;
}
.cf-button--savelater .cf-button__icon, button.cf-button--savelater .cf-button__icon {
  margin-right: 10px;
}
.cf-button--orange-flat, button.cf-button--orange-flat {
  background: #ff9900;
  border: 1px solid #ff9900;
  border-radius: 8px;
  color: white;
  padding: 13px 20px;
  font-weight: bold;
  display: inline-block;
  height: inherit !important;
  text-decoration: none;
  margin-bottom: 10px;
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
}
@media print, screen and (min-width: 40em) {
  .cf-button--orange-flat, button.cf-button--orange-flat {
    display: inline-block;
    width: inherit;
  }
}
.cf-button--orange-flat .cf-button__text, button.cf-button--orange-flat .cf-button__text {
  margin: 0px;
  text-decoration: none;
  position: relative;
  line-height: normal;
  color: white;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  letter-spacing: -0.1px;
}
@media print, screen and (min-width: 40em) {
  .cf-button--orange-flat .cf-button__text, button.cf-button--orange-flat .cf-button__text {
    top: unset;
  }
}
.cf-button--orange-flat .cf-button__icon, button.cf-button--orange-flat .cf-button__icon {
  position: relative;
  margin-left: 10px;
}
.cf-button--orange-flat .cf-button__icon path, button.cf-button--orange-flat .cf-button__icon path {
  fill: white;
}
.cf-button--orange-flat .cf-button__icon img, button.cf-button--orange-flat .cf-button__icon img {
  filter: invert(100%) sepia(2%) saturate(9%) hue-rotate(351deg) brightness(101%) contrast(101%);
  height: 19.5px;
}
.cf-button--orange-flat .cf-button__icon.image, button.cf-button--orange-flat .cf-button__icon.image {
  top: 0;
}
.cf-button--orange-flat.iconleft .cf-button__icon, button.cf-button--orange-flat.iconleft .cf-button__icon {
  margin-left: 0px;
  margin-right: 10px;
}
.cf-button--orange-flat.noicon, button.cf-button--orange-flat.noicon {
  padding-right: 20px;
}
.cf-button--orange-flat.onlyicon .cf-button__icon, button.cf-button--orange-flat.onlyicon .cf-button__icon {
  margin-left: 10px;
  margin-right: 10px;
}
.cf-button--orange-flat.noiconfullwidth, button.cf-button--orange-flat.noiconfullwidth {
  padding-right: 0px !important;
  width: 100%;
}
.cf-button--orange-flat.noiconfullwidth .cf-button__text, button.cf-button--orange-flat.noiconfullwidth .cf-button__text {
  margin: 0 30px;
  text-align: center;
}
.cf-button--orange-flat.fullwidth, button.cf-button--orange-flat.fullwidth {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.cf-button--orange-flat.iconleft.fullwidth, button.cf-button--orange-flat.iconleft.fullwidth {
  justify-content: center;
  align-items: center;
}
.cf-button--orange-flat.small, button.cf-button--orange-flat.small {
  padding: 5px 0px;
  width: inherit;
}
.cf-button--orange-flat.small .cf-button__icon, button.cf-button--orange-flat.small .cf-button__icon {
  margin-left: 5px;
  margin-right: 5px;
}
.cf-button--orange-flat.smaller, button.cf-button--orange-flat.smaller {
  padding: 10px 15px;
  width: inherit;
}
.cf-button--orange-flat.loading, button.cf-button--orange-flat.loading {
  background: #aad3d3 url("/images/ajax-loader.gif");
  background-position: center center;
  background-repeat: no-repeat;
}
.cf-button--orange-flat.textcentered .cf-button__text, button.cf-button--orange-flat.textcentered .cf-button__text {
  display: inline-block;
  width: 100%;
  text-align: center;
}
.cf-button--orange-flat.textcentered .cf-button__icon, button.cf-button--orange-flat.textcentered .cf-button__icon {
  margin-left: 20px;
  margin-right: 0px;
}
.cf-button--orange-flat:hover, .cf-button--orange-flat:active, .cf-button--orange-flat:focus, button.cf-button--orange-flat:hover, button.cf-button--orange-flat:active, button.cf-button--orange-flat:focus {
  background: #ffac13;
  color: white;
  padding: 13px 20px;
  padding-right: 0px;
  border: 1px solid #ffac13;
  transition: all 400ms;
}
.cf-button--orange-flat:hover .cf-button__icon, .cf-button--orange-flat:active .cf-button__icon, .cf-button--orange-flat:focus .cf-button__icon, button.cf-button--orange-flat:hover .cf-button__icon, button.cf-button--orange-flat:active .cf-button__icon, button.cf-button--orange-flat:focus .cf-button__icon {
  margin: 0px 10px 0 20px;
  transition: all 400ms;
}
.cf-button--orange-flat:hover.iconleft, .cf-button--orange-flat:active.iconleft, .cf-button--orange-flat:focus.iconleft, button.cf-button--orange-flat:hover.iconleft, button.cf-button--orange-flat:active.iconleft, button.cf-button--orange-flat:focus.iconleft {
  padding-right: 20px;
}
.cf-button--orange-flat:hover.iconleft .cf-button__icon, .cf-button--orange-flat:active.iconleft .cf-button__icon, .cf-button--orange-flat:focus.iconleft .cf-button__icon, button.cf-button--orange-flat:hover.iconleft .cf-button__icon, button.cf-button--orange-flat:active.iconleft .cf-button__icon, button.cf-button--orange-flat:focus.iconleft .cf-button__icon {
  margin: 0px 20px 0px 0px;
}
.cf-button--orange-flat:hover.noicon, .cf-button--orange-flat:active.noicon, .cf-button--orange-flat:focus.noicon, button.cf-button--orange-flat:hover.noicon, button.cf-button--orange-flat:active.noicon, button.cf-button--orange-flat:focus.noicon {
  padding-right: 20px;
}
.cf-button--orange-flat:hover.onlyicon .cf-button__icon, .cf-button--orange-flat:active.onlyicon .cf-button__icon, .cf-button--orange-flat:focus.onlyicon .cf-button__icon, button.cf-button--orange-flat:hover.onlyicon .cf-button__icon, button.cf-button--orange-flat:active.onlyicon .cf-button__icon, button.cf-button--orange-flat:focus.onlyicon .cf-button__icon {
  margin-left: 17px;
  margin-right: 3px;
}
.cf-button--orange-flat:hover.small, .cf-button--orange-flat:active.small, .cf-button--orange-flat:focus.small, button.cf-button--orange-flat:hover.small, button.cf-button--orange-flat:active.small, button.cf-button--orange-flat:focus.small {
  padding: 5px 0px;
}
.cf-button--orange-flat:hover.small .cf-button__icon, .cf-button--orange-flat:active.small .cf-button__icon, .cf-button--orange-flat:focus.small .cf-button__icon, button.cf-button--orange-flat:hover.small .cf-button__icon, button.cf-button--orange-flat:active.small .cf-button__icon, button.cf-button--orange-flat:focus.small .cf-button__icon {
  margin-left: 10px;
  margin-right: 0px;
}
.cf-button--orange-flat:hover.smaller, .cf-button--orange-flat:active.smaller, .cf-button--orange-flat:focus.smaller, button.cf-button--orange-flat:hover.smaller, button.cf-button--orange-flat:active.smaller, button.cf-button--orange-flat:focus.smaller {
  padding: 10px 15px;
}
.cf-button--orange-flat:hover.textcentered, .cf-button--orange-flat:active.textcentered, .cf-button--orange-flat:focus.textcentered, button.cf-button--orange-flat:hover.textcentered, button.cf-button--orange-flat:active.textcentered, button.cf-button--orange-flat:focus.textcentered {
  padding-right: 25px;
}
.cf-button--orange-flat:hover.textcentered .cf-button__icon, .cf-button--orange-flat:active.textcentered .cf-button__icon, .cf-button--orange-flat:focus.textcentered .cf-button__icon, button.cf-button--orange-flat:hover.textcentered .cf-button__icon, button.cf-button--orange-flat:active.textcentered .cf-button__icon, button.cf-button--orange-flat:focus.textcentered .cf-button__icon {
  margin-left: 30px;
  margin-right: 0px;
}
.cf-button--orange-flat-alt, button.cf-button--orange-flat-alt {
  background: transparent;
  border: 1px solid #ff9900;
  border-radius: 8px;
  color: white;
  padding: 13px 20px;
  font-weight: bold;
  display: inline-block;
  display: inline-flex;
  text-decoration: none;
  margin-bottom: 10px;
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
}
@media print, screen and (min-width: 40em) {
  .cf-button--orange-flat-alt, button.cf-button--orange-flat-alt {
    display: inline-block;
    width: inherit;
  }
}
.cf-button--orange-flat-alt .cf-button__text, button.cf-button--orange-flat-alt .cf-button__text {
  position: relative;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  letter-spacing: -0.1px;
}
@media print, screen and (min-width: 40em) {
  .cf-button--orange-flat-alt .cf-button__text, button.cf-button--orange-flat-alt .cf-button__text {
    top: unset;
  }
}
.cf-button--orange-flat-alt .cf-button__icon, button.cf-button--orange-flat-alt .cf-button__icon {
  margin-left: 10px;
  margin-right: 20px;
}
.cf-button--orange-flat-alt .cf-button__icon path, button.cf-button--orange-flat-alt .cf-button__icon path {
  fill: #ff9900;
}
.cf-button--orange-flat-alt .cf-button__icon img, button.cf-button--orange-flat-alt .cf-button__icon img {
  filter: invert(52%) sepia(93%) saturate(1215%) hue-rotate(2deg) brightness(106%) contrast(104%);
  height: 19.5px;
}
.cf-button--orange-flat-alt.iconleft .cf-button__icon, button.cf-button--orange-flat-alt.iconleft .cf-button__icon {
  margin-left: 0px;
  margin-right: 20px;
}
.cf-button--orange-flat-alt.noicon, button.cf-button--orange-flat-alt.noicon {
  padding-right: 20px;
}
.cf-button--orange-flat-alt.noicon .cf-button__text, button.cf-button--orange-flat-alt.noicon .cf-button__text {
  top: unset;
}
.cf-button--orange-flat-alt.noiconfullwidth, button.cf-button--orange-flat-alt.noiconfullwidth {
  padding-right: 0px !important;
  width: 100%;
}
.cf-button--orange-flat-alt.noiconfullwidth .cf-button__text, button.cf-button--orange-flat-alt.noiconfullwidth .cf-button__text {
  margin: 0 30px;
  text-align: center;
}
.cf-button--orange-flat-alt.orangetext, button.cf-button--orange-flat-alt.orangetext {
  color: #ff9900;
}
.cf-button--orange-flat-alt.fullwidth, button.cf-button--orange-flat-alt.fullwidth {
  justify-content: space-between;
  width: 100%;
}
.cf-button--orange-flat-alt.loading, button.cf-button--orange-flat-alt.loading {
  background: #aad3d3 url("/images/ajax-loader.gif");
  background-position: center center;
  background-repeat: no-repeat;
}
.cf-button--orange-flat-alt:hover, .cf-button--orange-flat-alt:active, .cf-button--orange-flat-alt:focus, button.cf-button--orange-flat-alt:hover, button.cf-button--orange-flat-alt:active, button.cf-button--orange-flat-alt:focus {
  background: #ff9900;
  border: 1px solid #ff9900;
  color: white;
  padding-right: 0px;
  transition: background 400ms;
}
.cf-button--orange-flat-alt:hover .cf-button__icon, .cf-button--orange-flat-alt:active .cf-button__icon, .cf-button--orange-flat-alt:focus .cf-button__icon, button.cf-button--orange-flat-alt:hover .cf-button__icon, button.cf-button--orange-flat-alt:active .cf-button__icon, button.cf-button--orange-flat-alt:focus .cf-button__icon {
  margin: 0px 10px 0 20px;
  transition: margin 400ms, box-shadow 400ms;
}
.cf-button--orange-flat-alt:hover .cf-button__icon path, .cf-button--orange-flat-alt:active .cf-button__icon path, .cf-button--orange-flat-alt:focus .cf-button__icon path, button.cf-button--orange-flat-alt:hover .cf-button__icon path, button.cf-button--orange-flat-alt:active .cf-button__icon path, button.cf-button--orange-flat-alt:focus .cf-button__icon path {
  fill: white;
}
.cf-button--orange-flat-alt:hover.iconleft, .cf-button--orange-flat-alt:active.iconleft, .cf-button--orange-flat-alt:focus.iconleft, button.cf-button--orange-flat-alt:hover.iconleft, button.cf-button--orange-flat-alt:active.iconleft, button.cf-button--orange-flat-alt:focus.iconleft {
  padding-right: 20px;
}
.cf-button--orange-flat-alt:hover.iconleft .cf-button__icon, .cf-button--orange-flat-alt:active.iconleft .cf-button__icon, .cf-button--orange-flat-alt:focus.iconleft .cf-button__icon, button.cf-button--orange-flat-alt:hover.iconleft .cf-button__icon, button.cf-button--orange-flat-alt:active.iconleft .cf-button__icon, button.cf-button--orange-flat-alt:focus.iconleft .cf-button__icon {
  margin: 0px 20px 0px 0px;
}
.cf-button--orange-flat-alt:hover.noicon, .cf-button--orange-flat-alt:active.noicon, .cf-button--orange-flat-alt:focus.noicon, button.cf-button--orange-flat-alt:hover.noicon, button.cf-button--orange-flat-alt:active.noicon, button.cf-button--orange-flat-alt:focus.noicon {
  padding-right: 20px;
}
.cf-button--orange-link-button, button.cf-button--orange-link-button {
  background: transparent;
  border: 1px solid transparent;
  border-radius: 8px;
  color: #ff9900;
  padding: 15px 20px;
  display: inline-block;
  height: inherit !important;
  margin-bottom: 10px;
}
.cf-button--orange-link-button .cf-button__text, button.cf-button--orange-link-button .cf-button__text {
  position: relative;
  top: -0.125rem;
  color: #ff9900;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  letter-spacing: -0.1px;
}
@media print, screen and (min-width: 40em) {
  .cf-button--orange-link-button .cf-button__text, button.cf-button--orange-link-button .cf-button__text {
    top: unset;
  }
}
.cf-button--orange-link-button.noicon, button.cf-button--orange-link-button.noicon {
  padding-right: 0px !important;
  display: inline-block;
  padding-top: 7px;
}
.cf-button--orange-link-button.noicon .cf-button__text, button.cf-button--orange-link-button.noicon .cf-button__text {
  margin: 0 30px;
  text-align: center;
}
.cf-button--orange-link-button.noiconfullwidth, button.cf-button--orange-link-button.noiconfullwidth {
  padding-right: 0px !important;
  width: 100%;
}
.cf-button--orange-link-button.noiconfullwidth .cf-button__text, button.cf-button--orange-link-button.noiconfullwidth .cf-button__text {
  margin: 0 30px;
  text-align: center;
}
.cf-button--orange-link-button.fullwidth, button.cf-button--orange-link-button.fullwidth {
  justify-content: space-between;
  width: 100%;
}
.cf-button--orange-link-button.loading, button.cf-button--orange-link-button.loading {
  background: #aad3d3 url("/images/ajax-loader.gif");
  background-position: center center;
  background-repeat: no-repeat;
}
.cf-button--orange-link-button:hover, .cf-button--orange-link-button:active, .cf-button--orange-link-button:focus, button.cf-button--orange-link-button:hover, button.cf-button--orange-link-button:active, button.cf-button--orange-link-button:focus {
  background: transparent;
  color: #ff9900;
}
.cf-button--orange-link-button:hover .cf-button__text, .cf-button--orange-link-button:active .cf-button__text, .cf-button--orange-link-button:focus .cf-button__text, button.cf-button--orange-link-button:hover .cf-button__text, button.cf-button--orange-link-button:active .cf-button__text, button.cf-button--orange-link-button:focus .cf-button__text {
  color: #ff9900;
  text-decoration: underline;
  transition: -webkit-text-decoration 400ms;
  transition: text-decoration 400ms;
  transition: text-decoration 400ms, -webkit-text-decoration 400ms;
}
.cf-button--orange-link-button:hover .cf-button__icon:not(.left), .cf-button--orange-link-button:active .cf-button__icon:not(.left), .cf-button--orange-link-button:focus .cf-button__icon:not(.left), button.cf-button--orange-link-button:hover .cf-button__icon:not(.left), button.cf-button--orange-link-button:active .cf-button__icon:not(.left), button.cf-button--orange-link-button:focus .cf-button__icon:not(.left) {
  margin: 0px 0px 0px 15px;
  transition: margin 400ms, box-shadow 400ms;
}
.cf-button--orange-link, button.cf-button--orange-link {
  border-radius: 0px;
  color: #ff9900;
  display: inline-block;
  height: inherit !important;
  text-decoration: none;
}
.cf-button--orange-link .cf-button__text, button.cf-button--orange-link .cf-button__text {
  margin-right: 10px;
  margin-left: 0px;
  color: #ff9900;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  letter-spacing: -0.1px;
}
.cf-button--orange-link .cf-button__icon, button.cf-button--orange-link .cf-button__icon {
  color: #ff9900;
}
.cf-button--orange-link .cf-button__icon path, button.cf-button--orange-link .cf-button__icon path {
  fill: #ff9900;
}
.cf-button--orange-link.noiconfullwidth, button.cf-button--orange-link.noiconfullwidth {
  padding-right: 0px !important;
  width: 100%;
}
.cf-button--orange-link.noiconfullwidth .cf-button__text, button.cf-button--orange-link.noiconfullwidth .cf-button__text {
  margin: 0 30px;
  text-align: center;
}
.cf-button--orange-link.loading, button.cf-button--orange-link.loading {
  background: #aad3d3 url("/images/ajax-loader.gif");
  background-position: center center;
  background-repeat: no-repeat;
}
.cf-button--orange-link:hover, .cf-button--orange-link:active, .cf-button--orange-link:focus, button.cf-button--orange-link:hover, button.cf-button--orange-link:active, button.cf-button--orange-link:focus {
  background: transparent;
  color: #ff9900;
}
.cf-button--orange-link:hover .cf-button__text, .cf-button--orange-link:active .cf-button__text, .cf-button--orange-link:focus .cf-button__text, button.cf-button--orange-link:hover .cf-button__text, button.cf-button--orange-link:active .cf-button__text, button.cf-button--orange-link:focus .cf-button__text {
  color: #ff9900;
  text-decoration: underline;
  transition: -webkit-text-decoration 400ms;
  transition: text-decoration 400ms;
  transition: text-decoration 400ms, -webkit-text-decoration 400ms;
}
.cf-button--orange-link:hover .cf-button__icon:not(.left), .cf-button--orange-link:active .cf-button__icon:not(.left), .cf-button--orange-link:focus .cf-button__icon:not(.left), button.cf-button--orange-link:hover .cf-button__icon:not(.left), button.cf-button--orange-link:active .cf-button__icon:not(.left), button.cf-button--orange-link:focus .cf-button__icon:not(.left) {
  margin: 0px 0px 0px 15px;
  transition: margin 400ms, box-shadow 400ms;
}
.cf-button--orange-tertiary, button.cf-button--orange-tertiary {
  border-radius: 0px;
  color: #ff9900;
  display: inline-block;
  height: inherit !important;
  text-decoration: none;
  cursor: pointer;
}
.cf-button--orange-tertiary .cf-button__text, button.cf-button--orange-tertiary .cf-button__text {
  margin-right: 10px;
  margin-left: 0px;
  font-weight: 600;
  color: #ff9900;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  letter-spacing: -0.1px;
}
.cf-button--orange-tertiary .cf-button__icon, button.cf-button--orange-tertiary .cf-button__icon {
  color: #ff9900;
}
.cf-button--orange-tertiary .cf-button__icon svg, button.cf-button--orange-tertiary .cf-button__icon svg {
  width: 16px;
  height: 16px;
}
.cf-button--orange-tertiary .cf-button__icon path, button.cf-button--orange-tertiary .cf-button__icon path {
  fill: #ff9900;
}
.cf-button--orange-tertiary .cf-button__icon img, button.cf-button--orange-tertiary .cf-button__icon img {
  filter: invert(76%) sepia(73%) saturate(2862%) hue-rotate(342deg) brightness(103%) contrast(102%);
  height: 19.5px;
}
.cf-button--orange-tertiary .cf-button__icon.left, button.cf-button--orange-tertiary .cf-button__icon.left {
  margin-right: 10px;
}
.cf-button--orange-tertiary.iconleft .cf-button__icon, button.cf-button--orange-tertiary.iconleft .cf-button__icon {
  margin-left: 0px;
  margin-right: 20px;
}
.cf-button--orange-tertiary.noiconfullwidth, button.cf-button--orange-tertiary.noiconfullwidth {
  padding-right: 0px !important;
  width: 100%;
}
.cf-button--orange-tertiary.noiconfullwidth .cf-button__text, button.cf-button--orange-tertiary.noiconfullwidth .cf-button__text {
  margin: 0 30px;
  text-align: center;
}
.cf-button--orange-tertiary.loading, button.cf-button--orange-tertiary.loading {
  background: #aad3d3 url("/images/ajax-loader.gif");
  background-position: center center;
  background-repeat: no-repeat;
}
.cf-button--orange-tertiary:hover, .cf-button--orange-tertiary:active, .cf-button--orange-tertiary:focus, button.cf-button--orange-tertiary:hover, button.cf-button--orange-tertiary:active, button.cf-button--orange-tertiary:focus {
  background: transparent;
  color: #ff9900;
}
.cf-button--orange-tertiary:hover .cf-button__text, .cf-button--orange-tertiary:active .cf-button__text, .cf-button--orange-tertiary:focus .cf-button__text, button.cf-button--orange-tertiary:hover .cf-button__text, button.cf-button--orange-tertiary:active .cf-button__text, button.cf-button--orange-tertiary:focus .cf-button__text {
  color: #ff9900;
  text-decoration: underline;
  transition: -webkit-text-decoration 400ms;
  transition: text-decoration 400ms;
  transition: text-decoration 400ms, -webkit-text-decoration 400ms;
}
.cf-button--orange-tertiary:hover .cf-button__icon:not(.left), .cf-button--orange-tertiary:active .cf-button__icon:not(.left), .cf-button--orange-tertiary:focus .cf-button__icon:not(.left), button.cf-button--orange-tertiary:hover .cf-button__icon:not(.left), button.cf-button--orange-tertiary:active .cf-button__icon:not(.left), button.cf-button--orange-tertiary:focus .cf-button__icon:not(.left) {
  margin: 0px 0px 0px 15px;
  transition: margin 400ms, box-shadow 400ms;
}
.cf-button--blue, button.cf-button--blue {
  background: #1b2a68;
  border: 1px solid #1b2a68;
  border-radius: 8px;
  color: white;
  padding: 13px 20px;
  text-decoration: none;
  font-weight: bold;
  margin-bottom: 10px;
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
}
@media print, screen and (min-width: 40em) {
  .cf-button--blue, button.cf-button--blue {
    display: inline-block;
    width: initial;
  }
}
.cf-button--blue .cf-button__text, button.cf-button--blue .cf-button__text {
  margin: 0px;
  position: relative;
  color: white;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  letter-spacing: -0.1px;
}
@media print, screen and (min-width: 40em) {
  .cf-button--blue .cf-button__text, button.cf-button--blue .cf-button__text {
    top: unset;
  }
}
.cf-button--blue .cf-button__icon, button.cf-button--blue .cf-button__icon {
  position: relative;
  margin-right: 0px;
  margin-left: 20px;
  color: white;
}
.cf-button--blue .cf-button__icon .fas, button.cf-button--blue .cf-button__icon .fas {
  color: white;
}
.cf-button--blue .cf-button__icon svg path, button.cf-button--blue .cf-button__icon svg path {
  fill: white;
}
.cf-button--blue .cf-button__icon img, button.cf-button--blue .cf-button__icon img {
  filter: invert(100%) sepia(2%) saturate(9%) hue-rotate(351deg) brightness(101%) contrast(101%);
  height: 19.5px;
}
.cf-button--blue.iconleft .cf-button__icon, button.cf-button--blue.iconleft .cf-button__icon {
  margin-left: 0px;
  margin-right: 20px;
}
.cf-button--blue.onlyicon .cf-button__icon, button.cf-button--blue.onlyicon .cf-button__icon {
  margin-left: 6px;
  margin-right: 6px;
}
.cf-button--blue.noicon, button.cf-button--blue.noicon {
  padding-right: 20px;
}
.cf-button--blue.noiconfullwidth, button.cf-button--blue.noiconfullwidth {
  padding-right: 0px !important;
  width: 100%;
}
.cf-button--blue.noiconfullwidth .cf-button__text, button.cf-button--blue.noiconfullwidth .cf-button__text {
  margin: 0 30px;
  text-align: center;
}
.cf-button--blue.fullwidth, button.cf-button--blue.fullwidth {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.cf-button--blue.iconleft.fullwidth, button.cf-button--blue.iconleft.fullwidth {
  display: flex;
  justify-content: center;
  align-items: center;
}
.cf-button--blue.alignleft, button.cf-button--blue.alignleft {
  justify-content: flex-start !important;
  float: none;
  display: flex;
}
.cf-button--blue.small, button.cf-button--blue.small {
  padding: 5px 0px;
  width: inherit;
}
.cf-button--blue.shadow, button.cf-button--blue.shadow {
  box-shadow: 0px 7.5px 15px 0px rgba(27, 42, 104, 0.25);
}
.cf-button--blue.loading, button.cf-button--blue.loading {
  background: #aad3d3 url("/images/ajax-loader.gif");
  background-position: center center;
  background-repeat: no-repeat;
}
.cf-button--blue:hover, .cf-button--blue:active, .cf-button--blue:focus, button.cf-button--blue:hover, button.cf-button--blue:active, button.cf-button--blue:focus {
  background: white;
  color: #1b2a68;
  padding: 13px 20px;
  padding-right: 0px;
  transition: all 400ms, background 400ms;
}
.cf-button--blue:hover .cf-button__text, .cf-button--blue:active .cf-button__text, .cf-button--blue:focus .cf-button__text, button.cf-button--blue:hover .cf-button__text, button.cf-button--blue:active .cf-button__text, button.cf-button--blue:focus .cf-button__text {
  color: #1b2a68;
}
.cf-button--blue:hover .cf-button__icon, .cf-button--blue:active .cf-button__icon, .cf-button--blue:focus .cf-button__icon, button.cf-button--blue:hover .cf-button__icon, button.cf-button--blue:active .cf-button__icon, button.cf-button--blue:focus .cf-button__icon {
  margin: 0px 10px 0 30px;
  transition: all 400ms;
  color: #1b2a68;
}
.cf-button--blue:hover .cf-button__icon img, .cf-button--blue:active .cf-button__icon img, .cf-button--blue:focus .cf-button__icon img, button.cf-button--blue:hover .cf-button__icon img, button.cf-button--blue:active .cf-button__icon img, button.cf-button--blue:focus .cf-button__icon img {
  filter: invert(12%) sepia(43%) saturate(3297%) hue-rotate(224deg) brightness(85%) contrast(95%);
}
.cf-button--blue:hover .cf-button__icon .fas, .cf-button--blue:active .cf-button__icon .fas, .cf-button--blue:focus .cf-button__icon .fas, button.cf-button--blue:hover .cf-button__icon .fas, button.cf-button--blue:active .cf-button__icon .fas, button.cf-button--blue:focus .cf-button__icon .fas {
  color: #1b2a68;
}
.cf-button--blue:hover .cf-button__icon svg path, .cf-button--blue:active .cf-button__icon svg path, .cf-button--blue:focus .cf-button__icon svg path, button.cf-button--blue:hover .cf-button__icon svg path, button.cf-button--blue:active .cf-button__icon svg path, button.cf-button--blue:focus .cf-button__icon svg path {
  fill: #1b2a68;
}
.cf-button--blue:hover.iconleft, .cf-button--blue:active.iconleft, .cf-button--blue:focus.iconleft, button.cf-button--blue:hover.iconleft, button.cf-button--blue:active.iconleft, button.cf-button--blue:focus.iconleft {
  padding-right: 20px;
}
.cf-button--blue:hover.iconleft .cf-button__icon, .cf-button--blue:active.iconleft .cf-button__icon, .cf-button--blue:focus.iconleft .cf-button__icon, button.cf-button--blue:hover.iconleft .cf-button__icon, button.cf-button--blue:active.iconleft .cf-button__icon, button.cf-button--blue:focus.iconleft .cf-button__icon {
  margin: 0px 20px 0px 0px;
}
.cf-button--blue:hover.noicon, .cf-button--blue:active.noicon, .cf-button--blue:focus.noicon, button.cf-button--blue:hover.noicon, button.cf-button--blue:active.noicon, button.cf-button--blue:focus.noicon {
  padding-right: 20px;
}
.cf-button--blue:hover.onlyicon .cf-button__icon, .cf-button--blue:active.onlyicon .cf-button__icon, .cf-button--blue:focus.onlyicon .cf-button__icon, button.cf-button--blue:hover.onlyicon .cf-button__icon, button.cf-button--blue:active.onlyicon .cf-button__icon, button.cf-button--blue:focus.onlyicon .cf-button__icon {
  margin-left: 9px;
  margin-right: 3px;
}
.cf-button--blue:hover.small, .cf-button--blue:active.small, .cf-button--blue:focus.small, button.cf-button--blue:hover.small, button.cf-button--blue:active.small, button.cf-button--blue:focus.small {
  padding: 5px 0px;
}
@media print, screen and (min-width: 40em) {
  .cf-button--blue, button.cf-button--blue {
    margin-bottom: 0px;
  }
}
.cf-button--blue-alt, button.cf-button--blue-alt {
  background: transparent;
  border: 1px solid #1b2a68;
  border-radius: 8px;
  color: #1b2a68;
  padding: 13px 20px;
  display: inline-block;
  height: inherit !important;
  text-decoration: none;
  font-weight: bold;
  margin-bottom: 10px;
  cursor: pointer;
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
}
@media print, screen and (min-width: 40em) {
  .cf-button--blue-alt, button.cf-button--blue-alt {
    display: inline-block;
    width: inherit;
  }
}
.cf-button--blue-alt.greybrdr, button.cf-button--blue-alt.greybrdr {
  border: 1px solid #CCCCCC;
}
.cf-button--blue-alt .cf-button__text, button.cf-button--blue-alt .cf-button__text {
  margin: 0px;
  position: relative;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  letter-spacing: -0.1px;
}
@media print, screen and (min-width: 40em) {
  .cf-button--blue-alt .cf-button__text, button.cf-button--blue-alt .cf-button__text {
    top: unset;
  }
}
.cf-button--blue-alt .cf-button__icon, button.cf-button--blue-alt .cf-button__icon {
  position: relative;
  margin-right: 0px;
  margin-left: 20px;
}
.cf-button--blue-alt .cf-button__icon path, button.cf-button--blue-alt .cf-button__icon path {
  fill: #1E225C;
}
.cf-button--blue-alt .cf-button__icon img, button.cf-button--blue-alt .cf-button__icon img {
  filter: invert(20%) sepia(9%) saturate(5499%) hue-rotate(194deg) brightness(95%) contrast(106%);
  height: 19.5px;
}
.cf-button--blue-alt.noicon, button.cf-button--blue-alt.noicon {
  padding-right: 20px;
}
.cf-button--blue-alt.noiconfullwidth, button.cf-button--blue-alt.noiconfullwidth {
  padding-right: 0px !important;
  width: 100%;
}
.cf-button--blue-alt.noiconfullwidth .cf-button__text, button.cf-button--blue-alt.noiconfullwidth .cf-button__text {
  margin: 0 30px;
  text-align: center;
}
.cf-button--blue-alt.iconleft .cf-button__icon, button.cf-button--blue-alt.iconleft .cf-button__icon {
  margin-left: 0px;
  margin-right: 20px;
}
.cf-button--blue-alt.fullwidth, button.cf-button--blue-alt.fullwidth {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
}
.cf-button--blue-alt.iconleft.fullwidth, button.cf-button--blue-alt.iconleft.fullwidth {
  justify-content: center;
  align-items: center;
}
.cf-button--blue-alt.loading, button.cf-button--blue-alt.loading {
  background: #aad3d3 url("/images/ajax-loader.gif");
  background-position: center center;
  background-repeat: no-repeat;
}
.cf-button--blue-alt.textcentered .cf-button__text, button.cf-button--blue-alt.textcentered .cf-button__text {
  display: inline-block;
  width: 100%;
  text-align: center;
}
.cf-button--blue-alt.textcentered .cf-button__icon, button.cf-button--blue-alt.textcentered .cf-button__icon {
  margin-left: 20px;
  margin-right: 0px;
}
.cf-button--blue-alt:hover, .cf-button--blue-alt:active, .cf-button--blue-alt:focus, button.cf-button--blue-alt:hover, button.cf-button--blue-alt:active, button.cf-button--blue-alt:focus {
  background: #1b2a68;
  border-color: rgb(20.693129771, 32.1893129771, 79.706870229);
  color: #fff;
  transition: all 400ms, background 400ms;
  padding-right: 0px;
}
.cf-button--blue-alt:hover .cf-button__text, .cf-button--blue-alt:active .cf-button__text, .cf-button--blue-alt:focus .cf-button__text, button.cf-button--blue-alt:hover .cf-button__text, button.cf-button--blue-alt:active .cf-button__text, button.cf-button--blue-alt:focus .cf-button__text {
  color: white;
}
.cf-button--blue-alt:hover .cf-button__icon, .cf-button--blue-alt:active .cf-button__icon, .cf-button--blue-alt:focus .cf-button__icon, button.cf-button--blue-alt:hover .cf-button__icon, button.cf-button--blue-alt:active .cf-button__icon, button.cf-button--blue-alt:focus .cf-button__icon {
  margin: 0px 10px 0 20px;
  transition: all 400ms;
  color: white;
}
.cf-button--blue-alt:hover .cf-button__icon path, .cf-button--blue-alt:active .cf-button__icon path, .cf-button--blue-alt:focus .cf-button__icon path, button.cf-button--blue-alt:hover .cf-button__icon path, button.cf-button--blue-alt:active .cf-button__icon path, button.cf-button--blue-alt:focus .cf-button__icon path {
  fill: white;
}
.cf-button--blue-alt:hover .cf-button__icon img, .cf-button--blue-alt:active .cf-button__icon img, .cf-button--blue-alt:focus .cf-button__icon img, button.cf-button--blue-alt:hover .cf-button__icon img, button.cf-button--blue-alt:active .cf-button__icon img, button.cf-button--blue-alt:focus .cf-button__icon img {
  filter: invert(95%) sepia(95%) saturate(19%) hue-rotate(337deg) brightness(106%) contrast(106%);
}
.cf-button--blue-alt:hover.iconleft, .cf-button--blue-alt:active.iconleft, .cf-button--blue-alt:focus.iconleft, button.cf-button--blue-alt:hover.iconleft, button.cf-button--blue-alt:active.iconleft, button.cf-button--blue-alt:focus.iconleft {
  padding-right: 20px;
}
.cf-button--blue-alt:hover.iconleft .cf-button__icon, .cf-button--blue-alt:active.iconleft .cf-button__icon, .cf-button--blue-alt:focus.iconleft .cf-button__icon, button.cf-button--blue-alt:hover.iconleft .cf-button__icon, button.cf-button--blue-alt:active.iconleft .cf-button__icon, button.cf-button--blue-alt:focus.iconleft .cf-button__icon {
  margin: 0px 20px 0px 0px;
}
.cf-button--blue-alt:hover.noicon, .cf-button--blue-alt:active.noicon, .cf-button--blue-alt:focus.noicon, button.cf-button--blue-alt:hover.noicon, button.cf-button--blue-alt:active.noicon, button.cf-button--blue-alt:focus.noicon {
  padding-right: 20px;
}
.cf-button--blue-alt:hover.hasicon .cf-button__icon, .cf-button--blue-alt:active.hasicon .cf-button__icon, .cf-button--blue-alt:focus.hasicon .cf-button__icon, button.cf-button--blue-alt:hover.hasicon .cf-button__icon, button.cf-button--blue-alt:active.hasicon .cf-button__icon, button.cf-button--blue-alt:focus.hasicon .cf-button__icon {
  margin-left: 30px;
}
.cf-button--blue-alt:hover.onlyicon .cf-button__icon, .cf-button--blue-alt:active.onlyicon .cf-button__icon, .cf-button--blue-alt:focus.onlyicon .cf-button__icon, button.cf-button--blue-alt:hover.onlyicon .cf-button__icon, button.cf-button--blue-alt:active.onlyicon .cf-button__icon, button.cf-button--blue-alt:focus.onlyicon .cf-button__icon {
  margin-left: 17px;
  margin-right: 3px;
}
.cf-button--blue-alt:hover.onlyicon .cf-button__icon, .cf-button--blue-alt:active.onlyicon .cf-button__icon, .cf-button--blue-alt:focus.onlyicon .cf-button__icon, button.cf-button--blue-alt:hover.onlyicon .cf-button__icon, button.cf-button--blue-alt:active.onlyicon .cf-button__icon, button.cf-button--blue-alt:focus.onlyicon .cf-button__icon {
  margin-left: 17px;
  margin-right: 3px;
}
.cf-button--blue-alt:hover.outline, .cf-button--blue-alt:active.outline, .cf-button--blue-alt:focus.outline, button.cf-button--blue-alt:hover.outline, button.cf-button--blue-alt:active.outline, button.cf-button--blue-alt:focus.outline {
  background: transparent;
  border: none;
}
.cf-button--blue-alt:hover.outline .cf-button__text, .cf-button--blue-alt:active.outline .cf-button__text, .cf-button--blue-alt:focus.outline .cf-button__text, button.cf-button--blue-alt:hover.outline .cf-button__text, button.cf-button--blue-alt:active.outline .cf-button__text, button.cf-button--blue-alt:focus.outline .cf-button__text {
  color: #1e225d;
  text-decoration: underline;
}
.cf-button--blue-alt:hover.outline .cf-button__icon, .cf-button--blue-alt:active.outline .cf-button__icon, .cf-button--blue-alt:focus.outline .cf-button__icon, button.cf-button--blue-alt:hover.outline .cf-button__icon, button.cf-button--blue-alt:active.outline .cf-button__icon, button.cf-button--blue-alt:focus.outline .cf-button__icon {
  color: #1e225d;
}
.cf-button--blue-alt:hover.outline .cf-button__icon path, .cf-button--blue-alt:active.outline .cf-button__icon path, .cf-button--blue-alt:focus.outline .cf-button__icon path, button.cf-button--blue-alt:hover.outline .cf-button__icon path, button.cf-button--blue-alt:active.outline .cf-button__icon path, button.cf-button--blue-alt:focus.outline .cf-button__icon path {
  fill: #1e225d;
}
.cf-button--blue-alt:hover.outline .cf-button__icon img, .cf-button--blue-alt:active.outline .cf-button__icon img, .cf-button--blue-alt:focus.outline .cf-button__icon img, button.cf-button--blue-alt:hover.outline .cf-button__icon img, button.cf-button--blue-alt:active.outline .cf-button__icon img, button.cf-button--blue-alt:focus.outline .cf-button__icon img {
  filter: unset;
}
.cf-button--blue-alt:hover.small, .cf-button--blue-alt:active.small, .cf-button--blue-alt:focus.small, button.cf-button--blue-alt:hover.small, button.cf-button--blue-alt:active.small, button.cf-button--blue-alt:focus.small {
  padding: 5px 0px;
}
.cf-button--blue-alt:hover.textcentered, .cf-button--blue-alt:active.textcentered, .cf-button--blue-alt:focus.textcentered, button.cf-button--blue-alt:hover.textcentered, button.cf-button--blue-alt:active.textcentered, button.cf-button--blue-alt:focus.textcentered {
  padding-right: 20px;
}
.cf-button--blue-alt:hover.textcentered .cf-button__icon, .cf-button--blue-alt:active.textcentered .cf-button__icon, .cf-button--blue-alt:focus.textcentered .cf-button__icon, button.cf-button--blue-alt:hover.textcentered .cf-button__icon, button.cf-button--blue-alt:active.textcentered .cf-button__icon, button.cf-button--blue-alt:focus.textcentered .cf-button__icon {
  margin-left: 35px;
  margin-right: 0px;
}
@media print, screen and (min-width: 40em) {
  .cf-button--blue-alt, button.cf-button--blue-alt {
    margin-bottom: 0px;
  }
}
.cf-button--noborder, button.cf-button--noborder {
  background: transparent;
  border: 1px solid white;
  border-radius: 8px;
  color: #1b2a68;
  padding: 13px 20px;
  display: inline-block;
  height: inherit !important;
  text-decoration: none;
  font-weight: bold;
  margin-bottom: 10px;
  cursor: pointer;
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
}
@media print, screen and (min-width: 40em) {
  .cf-button--noborder, button.cf-button--noborder {
    display: inline-block;
    width: inherit;
  }
}
.cf-button--noborder .cf-button__text, button.cf-button--noborder .cf-button__text {
  margin: 0px;
  position: relative;
}
@media print, screen and (min-width: 40em) {
  .cf-button--noborder .cf-button__text, button.cf-button--noborder .cf-button__text {
    top: unset;
  }
}
.cf-button--noborder .cf-button__icon, button.cf-button--noborder .cf-button__icon {
  position: relative;
  margin-right: 0px;
  margin-left: 20px;
}
.cf-button--noborder .cf-button__icon path, button.cf-button--noborder .cf-button__icon path {
  fill: #1E225C;
}
.cf-button--noborder .cf-button__icon img, button.cf-button--noborder .cf-button__icon img {
  filter: invert(20%) sepia(9%) saturate(5499%) hue-rotate(194deg) brightness(95%) contrast(106%);
  height: 19.5px;
}
.cf-button--noborder.noicon, button.cf-button--noborder.noicon {
  padding-right: 20px;
}
.cf-button--noborder.noiconfullwidth, button.cf-button--noborder.noiconfullwidth {
  padding-right: 0px !important;
  width: 100%;
}
.cf-button--noborder.noiconfullwidth .cf-button__text, button.cf-button--noborder.noiconfullwidth .cf-button__text {
  margin: 0 30px;
  text-align: center;
}
.cf-button--noborder.iconleft .cf-button__icon, button.cf-button--noborder.iconleft .cf-button__icon {
  margin-left: 0px;
  margin-right: 20px;
}
.cf-button--noborder.fullwidth, button.cf-button--noborder.fullwidth {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
}
.cf-button--noborder.iconleft.fullwidth, button.cf-button--noborder.iconleft.fullwidth {
  justify-content: center;
  align-items: center;
}
.cf-button--noborder.loading, button.cf-button--noborder.loading {
  background: #aad3d3 url("/images/ajax-loader.gif");
  background-position: center center;
  background-repeat: no-repeat;
}
.cf-button--noborder:hover, .cf-button--noborder:active, .cf-button--noborder:focus, button.cf-button--noborder:hover, button.cf-button--noborder:active, button.cf-button--noborder:focus {
  transition: all 400ms, background 400ms;
  padding-right: 0px;
}
.cf-button--noborder:hover .cf-button__text, .cf-button--noborder:active .cf-button__text, .cf-button--noborder:focus .cf-button__text, button.cf-button--noborder:hover .cf-button__text, button.cf-button--noborder:active .cf-button__text, button.cf-button--noborder:focus .cf-button__text {
  text-decoration: underline;
}
.cf-button--noborder:hover .cf-button__icon, .cf-button--noborder:active .cf-button__icon, .cf-button--noborder:focus .cf-button__icon, button.cf-button--noborder:hover .cf-button__icon, button.cf-button--noborder:active .cf-button__icon, button.cf-button--noborder:focus .cf-button__icon {
  margin: 0px 10px 0 30px;
  transition: all 400ms;
}
.cf-button--noborder:hover.iconleft, .cf-button--noborder:active.iconleft, .cf-button--noborder:focus.iconleft, button.cf-button--noborder:hover.iconleft, button.cf-button--noborder:active.iconleft, button.cf-button--noborder:focus.iconleft {
  padding-right: 20px;
}
.cf-button--noborder:hover.iconleft .cf-button__icon, .cf-button--noborder:active.iconleft .cf-button__icon, .cf-button--noborder:focus.iconleft .cf-button__icon, button.cf-button--noborder:hover.iconleft .cf-button__icon, button.cf-button--noborder:active.iconleft .cf-button__icon, button.cf-button--noborder:focus.iconleft .cf-button__icon {
  margin: 0px 20px 0px 0px;
}
.cf-button--noborder:hover.noicon, .cf-button--noborder:active.noicon, .cf-button--noborder:focus.noicon, button.cf-button--noborder:hover.noicon, button.cf-button--noborder:active.noicon, button.cf-button--noborder:focus.noicon {
  padding-right: 20px;
}
.cf-button--noborder:hover.onlyicon .cf-button__icon, .cf-button--noborder:active.onlyicon .cf-button__icon, .cf-button--noborder:focus.onlyicon .cf-button__icon, button.cf-button--noborder:hover.onlyicon .cf-button__icon, button.cf-button--noborder:active.onlyicon .cf-button__icon, button.cf-button--noborder:focus.onlyicon .cf-button__icon {
  margin-left: 17px;
  margin-right: 3px;
}
.cf-button--noborder:hover.onlyicon .cf-button__icon, .cf-button--noborder:active.onlyicon .cf-button__icon, .cf-button--noborder:focus.onlyicon .cf-button__icon, button.cf-button--noborder:hover.onlyicon .cf-button__icon, button.cf-button--noborder:active.onlyicon .cf-button__icon, button.cf-button--noborder:focus.onlyicon .cf-button__icon {
  margin-left: 17px;
  margin-right: 3px;
}
.cf-button--noborder:hover.outline, .cf-button--noborder:active.outline, .cf-button--noborder:focus.outline, button.cf-button--noborder:hover.outline, button.cf-button--noborder:active.outline, button.cf-button--noborder:focus.outline {
  background: transparent;
  border: none;
}
.cf-button--noborder:hover.outline .cf-button__text, .cf-button--noborder:active.outline .cf-button__text, .cf-button--noborder:focus.outline .cf-button__text, button.cf-button--noborder:hover.outline .cf-button__text, button.cf-button--noborder:active.outline .cf-button__text, button.cf-button--noborder:focus.outline .cf-button__text {
  color: #1e225d;
  text-decoration: underline;
}
.cf-button--noborder:hover.outline .cf-button__icon, .cf-button--noborder:active.outline .cf-button__icon, .cf-button--noborder:focus.outline .cf-button__icon, button.cf-button--noborder:hover.outline .cf-button__icon, button.cf-button--noborder:active.outline .cf-button__icon, button.cf-button--noborder:focus.outline .cf-button__icon {
  color: #1e225d;
}
.cf-button--noborder:hover.outline .cf-button__icon path, .cf-button--noborder:active.outline .cf-button__icon path, .cf-button--noborder:focus.outline .cf-button__icon path, button.cf-button--noborder:hover.outline .cf-button__icon path, button.cf-button--noborder:active.outline .cf-button__icon path, button.cf-button--noborder:focus.outline .cf-button__icon path {
  fill: #1e225d;
}
.cf-button--noborder:hover.outline .cf-button__icon img, .cf-button--noborder:active.outline .cf-button__icon img, .cf-button--noborder:focus.outline .cf-button__icon img, button.cf-button--noborder:hover.outline .cf-button__icon img, button.cf-button--noborder:active.outline .cf-button__icon img, button.cf-button--noborder:focus.outline .cf-button__icon img {
  filter: unset;
}
.cf-button--noborder:hover.small, .cf-button--noborder:active.small, .cf-button--noborder:focus.small, button.cf-button--noborder:hover.small, button.cf-button--noborder:active.small, button.cf-button--noborder:focus.small {
  padding: 5px 0px;
}
@media print, screen and (min-width: 40em) {
  .cf-button--noborder, button.cf-button--noborder {
    margin-bottom: 0px;
  }
}
.cf-button--blue-flat-alt, button.cf-button--blue-flat-alt {
  background: transparent;
  border: 1px solid #1E225C;
  border-radius: 8px;
  color: #1E225C;
  padding: 15px 20px;
  display: inline-block;
  display: inline-flex;
  text-decoration: none;
  font-weight: 600;
  display: flex;
  width: 100%;
  cursor: pointer;
  justify-content: center;
  align-items: center;
}
@media print, screen and (min-width: 40em) {
  .cf-button--blue-flat-alt, button.cf-button--blue-flat-alt {
    display: inline-block;
    width: inherit;
  }
}
.cf-button--blue-flat-alt.greybrdr, button.cf-button--blue-flat-alt.greybrdr {
  border: 1px solid #CCCCCC;
}
.cf-button--blue-flat-alt .cf-button__text, button.cf-button--blue-flat-alt .cf-button__text {
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  letter-spacing: -0.1px;
}
.cf-button--blue-flat-alt .cf-button__icon, button.cf-button--blue-flat-alt .cf-button__icon {
  margin-left: 10px;
  margin-right: 20px;
}
.cf-button--blue-flat-alt .cf-button__icon path, button.cf-button--blue-flat-alt .cf-button__icon path {
  fill: #1E225C;
}
.cf-button--blue-flat-alt .cf-button__icon img, button.cf-button--blue-flat-alt .cf-button__icon img {
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(74deg) brightness(106%) contrast(101%);
  height: 19.5px;
}
.cf-button--blue-flat-alt.noicon, button.cf-button--blue-flat-alt.noicon {
  padding-right: 20px;
}
.cf-button--blue-flat-alt.noiconfullwidth, button.cf-button--blue-flat-alt.noiconfullwidth {
  padding-right: 0px !important;
  width: 100%;
}
.cf-button--blue-flat-alt.noiconfullwidth .cf-button__text, button.cf-button--blue-flat-alt.noiconfullwidth .cf-button__text {
  margin: 0 30px;
  text-align: center;
}
.cf-button--blue-flat-alt.lefticon .cf-button__icon, button.cf-button--blue-flat-alt.lefticon .cf-button__icon {
  top: 0.125em;
  position: relative;
  margin-right: 20px;
  margin-left: 0px;
}
.cf-button--blue-flat-alt.lefticon .cf-button__icon.image, button.cf-button--blue-flat-alt.lefticon .cf-button__icon.image {
  top: 0;
}
.cf-button--blue-flat-alt.outline, button.cf-button--blue-flat-alt.outline {
  border: none;
  padding-left: 0px;
}
@media print, screen and (min-width: 40em) {
  .cf-button--blue-flat-alt.outline, button.cf-button--blue-flat-alt.outline {
    padding-left: 20px;
  }
}
.cf-button--blue-flat-alt.whitebg, button.cf-button--blue-flat-alt.whitebg {
  background-color: white;
}
.cf-button--blue-flat-alt.shadow, button.cf-button--blue-flat-alt.shadow {
  box-shadow: 0px 3px 10px rgba(42, 62, 82, 0.129);
}
.cf-button--blue-flat-alt.nopaddingleftright, button.cf-button--blue-flat-alt.nopaddingleftright {
  padding-left: 0px;
  padding-right: 0px;
}
.cf-button--blue-flat-alt.fullwidth, button.cf-button--blue-flat-alt.fullwidth {
  justify-content: space-between;
  width: 100%;
  display: flex;
}
.cf-button--blue-flat-alt.loading, button.cf-button--blue-flat-alt.loading {
  background: #aad3d3 url("/images/ajax-loader.gif");
  background-position: center center;
  background-repeat: no-repeat;
}
.cf-button--blue-flat-alt:hover, .cf-button--blue-flat-alt:active, .cf-button--blue-flat-alt:focus, button.cf-button--blue-flat-alt:hover, button.cf-button--blue-flat-alt:active, button.cf-button--blue-flat-alt:focus {
  background: #1b2a68;
  border-color: rgb(20.693129771, 32.1893129771, 79.706870229);
  color: #fff;
  transition: all 400ms, background 400ms;
  padding-right: 0px;
}
.cf-button--blue-flat-alt:hover .cf-button__text, .cf-button--blue-flat-alt:active .cf-button__text, .cf-button--blue-flat-alt:focus .cf-button__text, button.cf-button--blue-flat-alt:hover .cf-button__text, button.cf-button--blue-flat-alt:active .cf-button__text, button.cf-button--blue-flat-alt:focus .cf-button__text {
  color: white;
}
.cf-button--blue-flat-alt:hover .cf-button__icon, .cf-button--blue-flat-alt:active .cf-button__icon, .cf-button--blue-flat-alt:focus .cf-button__icon, button.cf-button--blue-flat-alt:hover .cf-button__icon, button.cf-button--blue-flat-alt:active .cf-button__icon, button.cf-button--blue-flat-alt:focus .cf-button__icon {
  margin: 0px 10px 0 20px;
  transition: all 400ms;
  color: white;
}
.cf-button--blue-flat-alt:hover .cf-button__icon path, .cf-button--blue-flat-alt:active .cf-button__icon path, .cf-button--blue-flat-alt:focus .cf-button__icon path, button.cf-button--blue-flat-alt:hover .cf-button__icon path, button.cf-button--blue-flat-alt:active .cf-button__icon path, button.cf-button--blue-flat-alt:focus .cf-button__icon path {
  fill: white;
}
.cf-button--blue-flat-alt:hover .cf-button__icon img, .cf-button--blue-flat-alt:active .cf-button__icon img, .cf-button--blue-flat-alt:focus .cf-button__icon img, button.cf-button--blue-flat-alt:hover .cf-button__icon img, button.cf-button--blue-flat-alt:active .cf-button__icon img, button.cf-button--blue-flat-alt:focus .cf-button__icon img {
  filter: invert(95%) sepia(95%) saturate(19%) hue-rotate(337deg) brightness(106%) contrast(106%);
}
.cf-button--blue-flat-alt:hover.iconleft, .cf-button--blue-flat-alt:active.iconleft, .cf-button--blue-flat-alt:focus.iconleft, button.cf-button--blue-flat-alt:hover.iconleft, button.cf-button--blue-flat-alt:active.iconleft, button.cf-button--blue-flat-alt:focus.iconleft {
  padding-right: 20px;
}
.cf-button--blue-flat-alt:hover.iconleft .cf-button__icon, .cf-button--blue-flat-alt:active.iconleft .cf-button__icon, .cf-button--blue-flat-alt:focus.iconleft .cf-button__icon, button.cf-button--blue-flat-alt:hover.iconleft .cf-button__icon, button.cf-button--blue-flat-alt:active.iconleft .cf-button__icon, button.cf-button--blue-flat-alt:focus.iconleft .cf-button__icon {
  margin: 0px 20px 0px 0px;
}
.cf-button--blue-flat-alt:hover.noicon, .cf-button--blue-flat-alt:active.noicon, .cf-button--blue-flat-alt:focus.noicon, button.cf-button--blue-flat-alt:hover.noicon, button.cf-button--blue-flat-alt:active.noicon, button.cf-button--blue-flat-alt:focus.noicon {
  padding-right: 20px;
}
.cf-button--blue-flat-alt:hover.hasicon .cf-button__icon, .cf-button--blue-flat-alt:active.hasicon .cf-button__icon, .cf-button--blue-flat-alt:focus.hasicon .cf-button__icon, button.cf-button--blue-flat-alt:hover.hasicon .cf-button__icon, button.cf-button--blue-flat-alt:active.hasicon .cf-button__icon, button.cf-button--blue-flat-alt:focus.hasicon .cf-button__icon {
  margin-left: 30px;
}
.cf-button--blue-flat-alt:hover.onlyicon .cf-button__icon, .cf-button--blue-flat-alt:active.onlyicon .cf-button__icon, .cf-button--blue-flat-alt:focus.onlyicon .cf-button__icon, button.cf-button--blue-flat-alt:hover.onlyicon .cf-button__icon, button.cf-button--blue-flat-alt:active.onlyicon .cf-button__icon, button.cf-button--blue-flat-alt:focus.onlyicon .cf-button__icon {
  margin-left: 17px;
  margin-right: 3px;
}
.cf-button--blue-flat-alt:hover.onlyicon .cf-button__icon, .cf-button--blue-flat-alt:active.onlyicon .cf-button__icon, .cf-button--blue-flat-alt:focus.onlyicon .cf-button__icon, button.cf-button--blue-flat-alt:hover.onlyicon .cf-button__icon, button.cf-button--blue-flat-alt:active.onlyicon .cf-button__icon, button.cf-button--blue-flat-alt:focus.onlyicon .cf-button__icon {
  margin-left: 17px;
  margin-right: 3px;
}
.cf-button--blue-flat-alt:hover.outline, .cf-button--blue-flat-alt:active.outline, .cf-button--blue-flat-alt:focus.outline, button.cf-button--blue-flat-alt:hover.outline, button.cf-button--blue-flat-alt:active.outline, button.cf-button--blue-flat-alt:focus.outline {
  background: transparent;
  border: none;
}
.cf-button--blue-flat-alt:hover.outline .cf-button__text, .cf-button--blue-flat-alt:active.outline .cf-button__text, .cf-button--blue-flat-alt:focus.outline .cf-button__text, button.cf-button--blue-flat-alt:hover.outline .cf-button__text, button.cf-button--blue-flat-alt:active.outline .cf-button__text, button.cf-button--blue-flat-alt:focus.outline .cf-button__text {
  color: #1e225d;
  text-decoration: underline;
}
.cf-button--blue-flat-alt:hover.outline .cf-button__icon, .cf-button--blue-flat-alt:active.outline .cf-button__icon, .cf-button--blue-flat-alt:focus.outline .cf-button__icon, button.cf-button--blue-flat-alt:hover.outline .cf-button__icon, button.cf-button--blue-flat-alt:active.outline .cf-button__icon, button.cf-button--blue-flat-alt:focus.outline .cf-button__icon {
  color: #1e225d;
}
.cf-button--blue-flat-alt:hover.outline .cf-button__icon path, .cf-button--blue-flat-alt:active.outline .cf-button__icon path, .cf-button--blue-flat-alt:focus.outline .cf-button__icon path, button.cf-button--blue-flat-alt:hover.outline .cf-button__icon path, button.cf-button--blue-flat-alt:active.outline .cf-button__icon path, button.cf-button--blue-flat-alt:focus.outline .cf-button__icon path {
  fill: #1e225d;
}
.cf-button--blue-flat-alt:hover.outline .cf-button__icon img, .cf-button--blue-flat-alt:active.outline .cf-button__icon img, .cf-button--blue-flat-alt:focus.outline .cf-button__icon img, button.cf-button--blue-flat-alt:hover.outline .cf-button__icon img, button.cf-button--blue-flat-alt:active.outline .cf-button__icon img, button.cf-button--blue-flat-alt:focus.outline .cf-button__icon img {
  filter: unset;
}
.cf-button--blue-flat-alt:hover.small, .cf-button--blue-flat-alt:active.small, .cf-button--blue-flat-alt:focus.small, button.cf-button--blue-flat-alt:hover.small, button.cf-button--blue-flat-alt:active.small, button.cf-button--blue-flat-alt:focus.small {
  padding: 5px 0px;
}
.cf-button--blue-flat-alt:hover.textcentered, .cf-button--blue-flat-alt:active.textcentered, .cf-button--blue-flat-alt:focus.textcentered, button.cf-button--blue-flat-alt:hover.textcentered, button.cf-button--blue-flat-alt:active.textcentered, button.cf-button--blue-flat-alt:focus.textcentered {
  padding-right: 20px;
}
.cf-button--blue-flat-alt:hover.textcentered .cf-button__icon, .cf-button--blue-flat-alt:active.textcentered .cf-button__icon, .cf-button--blue-flat-alt:focus.textcentered .cf-button__icon, button.cf-button--blue-flat-alt:hover.textcentered .cf-button__icon, button.cf-button--blue-flat-alt:active.textcentered .cf-button__icon, button.cf-button--blue-flat-alt:focus.textcentered .cf-button__icon {
  margin-left: 35px;
  margin-right: 0px;
}
.cf-button--clean, button.cf-button--clean {
  background: transparent;
  border: none;
  color: #1b2a68;
  padding: 16px 0px;
  padding-right: 11px;
  display: inline-block;
  height: inherit !important;
  text-decoration: none;
  font-weight: bold;
  cursor: pointer;
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
}
@media print, screen and (min-width: 40em) {
  .cf-button--clean, button.cf-button--clean {
    display: inline-block;
    width: inherit;
  }
}
.cf-button--clean.border, button.cf-button--clean.border {
  border-bottom: 1px solid #1b2a68;
}
.cf-button--clean .cf-button__text, button.cf-button--clean .cf-button__text {
  margin: 0px;
  position: relative;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  letter-spacing: -0.1px;
}
@media print, screen and (min-width: 40em) {
  .cf-button--clean .cf-button__text, button.cf-button--clean .cf-button__text {
    top: unset;
  }
}
.cf-button--clean .cf-button__icon, button.cf-button--clean .cf-button__icon {
  position: relative;
  margin-right: 0px;
  margin-left: 20px;
}
.cf-button--clean .cf-button__icon path, button.cf-button--clean .cf-button__icon path {
  fill: #1E225C;
}
.cf-button--clean .cf-button__icon img, button.cf-button--clean .cf-button__icon img {
  filter: invert(20%) sepia(9%) saturate(5499%) hue-rotate(194deg) brightness(95%) contrast(106%);
  height: 19.5px;
}
.cf-button--clean.noicon, button.cf-button--clean.noicon {
  padding-right: 0px;
}
.cf-button--clean.noiconfullwidth, button.cf-button--clean.noiconfullwidth {
  padding-right: 0px !important;
  width: 100%;
}
.cf-button--clean.noiconfullwidth .cf-button__text, button.cf-button--clean.noiconfullwidth .cf-button__text {
  margin: 0 30px;
  text-align: center;
}
.cf-button--clean.iconleft .cf-button__icon, button.cf-button--clean.iconleft .cf-button__icon {
  margin-left: 0px;
  margin-right: 20px;
}
.cf-button--clean.fullwidth, button.cf-button--clean.fullwidth {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
}
.cf-button--clean.iconleft.fullwidth, button.cf-button--clean.iconleft.fullwidth {
  justify-content: center;
  align-items: center;
}
.cf-button--clean.loading, button.cf-button--clean.loading {
  background: #aad3d3 url("/images/ajax-loader.gif");
  background-position: center center;
  background-repeat: no-repeat;
}
.cf-button--clean:hover, .cf-button--clean:active, .cf-button--clean:focus, button.cf-button--clean:hover, button.cf-button--clean:active, button.cf-button--clean:focus {
  transition: all 400ms, background 400ms;
  padding-right: 0px;
}
.cf-button--clean:hover .cf-button__text, .cf-button--clean:active .cf-button__text, .cf-button--clean:focus .cf-button__text, button.cf-button--clean:hover .cf-button__text, button.cf-button--clean:active .cf-button__text, button.cf-button--clean:focus .cf-button__text {
  text-decoration: underline;
}
.cf-button--clean:hover .cf-button__icon, .cf-button--clean:active .cf-button__icon, .cf-button--clean:focus .cf-button__icon, button.cf-button--clean:hover .cf-button__icon, button.cf-button--clean:active .cf-button__icon, button.cf-button--clean:focus .cf-button__icon {
  margin: 0px 10px 0 30px;
  transition: all 400ms;
}
.cf-button--clean:hover.noicon, .cf-button--clean:active.noicon, .cf-button--clean:focus.noicon, button.cf-button--clean:hover.noicon, button.cf-button--clean:active.noicon, button.cf-button--clean:focus.noicon {
  padding-right: 20px;
}
.cf-button--clean:hover.onlyicon .cf-button__icon, .cf-button--clean:active.onlyicon .cf-button__icon, .cf-button--clean:focus.onlyicon .cf-button__icon, button.cf-button--clean:hover.onlyicon .cf-button__icon, button.cf-button--clean:active.onlyicon .cf-button__icon, button.cf-button--clean:focus.onlyicon .cf-button__icon {
  margin-left: 17px;
  margin-right: 3px;
}
.cf-button--white-alt, button.cf-button--white-alt {
  background: transparent;
  border: 2px solid white;
  border-radius: 8px;
  color: white;
  padding: 15px 20px;
  display: inline-block;
  height: inherit !important;
  text-decoration: none;
  font-weight: bold;
  margin-bottom: 10px;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
@media print, screen and (min-width: 40em) {
  .cf-button--white-alt, button.cf-button--white-alt {
    display: inline-block;
    width: inherit;
  }
}
.cf-button--white-alt .cf-button__text, button.cf-button--white-alt .cf-button__text {
  margin: 0px;
  position: relative;
  top: -0.125rem;
  color: white;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  letter-spacing: -0.1px;
}
@media print, screen and (min-width: 40em) {
  .cf-button--white-alt .cf-button__text, button.cf-button--white-alt .cf-button__text {
    top: unset;
  }
}
.cf-button--white-alt .cf-button__icon, button.cf-button--white-alt .cf-button__icon {
  top: 0.125em;
  position: relative;
  margin-right: 0px;
  margin-left: 20px;
}
.cf-button--white-alt .cf-button__icon img, button.cf-button--white-alt .cf-button__icon img {
  filter: invert(100%) sepia(2%) saturate(9%) hue-rotate(351deg) brightness(101%) contrast(101%);
}
.cf-button--white-alt .cf-button__icon.image, button.cf-button--white-alt .cf-button__icon.image {
  top: 0;
}
.cf-button--white-alt.lefticon .cf-button__icon, button.cf-button--white-alt.lefticon .cf-button__icon {
  top: 0.125em;
  position: relative;
  margin-right: 20px;
  margin-left: 0px;
}
.cf-button--white-alt.lefticon .cf-button__icon.image, button.cf-button--white-alt.lefticon .cf-button__icon.image {
  top: 0;
}
.cf-button--white-alt.noicon, button.cf-button--white-alt.noicon {
  display: inline-block;
}
.cf-button--white-alt.noicon .cf-button__text, button.cf-button--white-alt.noicon .cf-button__text {
  margin: 0px;
  text-align: center;
}
.cf-button--white-alt.noiconfullwidth, button.cf-button--white-alt.noiconfullwidth {
  padding-right: 0px !important;
  width: 100%;
}
.cf-button--white-alt.noiconfullwidth .cf-button__text, button.cf-button--white-alt.noiconfullwidth .cf-button__text {
  margin: 0 30px;
  text-align: center;
}
.cf-button--white-alt.fullwidth, button.cf-button--white-alt.fullwidth {
  justify-content: space-between;
  width: 100%;
}
.cf-button--white-alt.loading, button.cf-button--white-alt.loading {
  background: #aad3d3 url("/images/ajax-loader.gif");
  background-position: center center;
  background-repeat: no-repeat;
}
.cf-button--white-alt:hover, .cf-button--white-alt:active, .cf-button--white-alt:focus, button.cf-button--white-alt:hover, button.cf-button--white-alt:active, button.cf-button--white-alt:focus {
  background: white;
  color: #1e225d !important;
  padding-right: 10px;
  transition: color 400ms, background 400ms, padding 400ms;
}
.cf-button--white-alt:hover .cf-button__icon, .cf-button--white-alt:active .cf-button__icon, .cf-button--white-alt:focus .cf-button__icon, button.cf-button--white-alt:hover .cf-button__icon, button.cf-button--white-alt:active .cf-button__icon, button.cf-button--white-alt:focus .cf-button__icon {
  margin: 0px 0px 0px 30px;
  transition: margin 400ms, box-shadow 400ms, filter 400ms;
}
.cf-button--white-alt:hover .cf-button__icon img, .cf-button--white-alt:active .cf-button__icon img, .cf-button--white-alt:focus .cf-button__icon img, button.cf-button--white-alt:hover .cf-button__icon img, button.cf-button--white-alt:active .cf-button__icon img, button.cf-button--white-alt:focus .cf-button__icon img {
  filter: none;
}
.cf-button--white-alt:hover .cf_button__text, .cf-button--white-alt:active .cf_button__text, .cf-button--white-alt:focus .cf_button__text, button.cf-button--white-alt:hover .cf_button__text, button.cf-button--white-alt:active .cf_button__text, button.cf-button--white-alt:focus .cf_button__text {
  color: #1e225d !important;
}
.cf-button--white-alt:hover.lefticon, .cf-button--white-alt:active.lefticon, .cf-button--white-alt:focus.lefticon, button.cf-button--white-alt:hover.lefticon, button.cf-button--white-alt:active.lefticon, button.cf-button--white-alt:focus.lefticon {
  padding-right: 20px;
  padding-left: 10px;
}
.cf-button--white-alt:hover.lefticon .cf_button__text, .cf-button--white-alt:active.lefticon .cf_button__text, .cf-button--white-alt:focus.lefticon .cf_button__text, button.cf-button--white-alt:hover.lefticon .cf_button__text, button.cf-button--white-alt:active.lefticon .cf_button__text, button.cf-button--white-alt:focus.lefticon .cf_button__text {
  color: #1e225d !important;
}
.cf-button--white-alt:hover.lefticon .cf-button__icon, .cf-button--white-alt:active.lefticon .cf-button__icon, .cf-button--white-alt:focus.lefticon .cf-button__icon, button.cf-button--white-alt:hover.lefticon .cf-button__icon, button.cf-button--white-alt:active.lefticon .cf-button__icon, button.cf-button--white-alt:focus.lefticon .cf-button__icon {
  margin: 0px 30px 0 0;
  transition: margin 400ms, box-shadow 400ms, filter 400ms, padding 400ms;
}
.cf-button--white-alt:hover.noicon, .cf-button--white-alt:active.noicon, .cf-button--white-alt:focus.noicon, button.cf-button--white-alt:hover.noicon, button.cf-button--white-alt:active.noicon, button.cf-button--white-alt:focus.noicon {
  padding-right: 20px;
}
.cf-button--white-alt:hover.noicon .cf_button__text, .cf-button--white-alt:active.noicon .cf_button__text, .cf-button--white-alt:focus.noicon .cf_button__text, button.cf-button--white-alt:hover.noicon .cf_button__text, button.cf-button--white-alt:active.noicon .cf_button__text, button.cf-button--white-alt:focus.noicon .cf_button__text {
  color: #1e225d !important;
}
.cf-button--green, button.cf-button--green {
  background: #02ABAC;
  border: 0px;
  border-bottom: 3px solid #035B5B;
  color: white;
}
.cf-button--green .cf-button__text, button.cf-button--green .cf-button__text {
  color: white;
}
.cf-button--green.noicon, button.cf-button--green.noicon {
  padding-right: 0px !important;
  display: inline-block;
  padding-top: 7px;
}
.cf-button--green.noicon .cf-button__text, button.cf-button--green.noicon .cf-button__text {
  margin: 0 30px;
  text-align: center;
}
.cf-button--green.noiconfullwidth, button.cf-button--green.noiconfullwidth {
  padding-right: 0px !important;
  width: 100%;
}
.cf-button--green.noiconfullwidth .cf-button__text, button.cf-button--green.noiconfullwidth .cf-button__text {
  margin: 0 20px;
  text-align: center;
  display: inline-block;
}
.cf-button--green.loading, button.cf-button--green.loading {
  background: #aad3d3 url("/images/ajax-loader.gif");
  background-position: center center;
  background-repeat: no-repeat;
}
.cf-button--green:hover, .cf-button--green:active, .cf-button--green:focus, button.cf-button--green:hover, button.cf-button--green:active, button.cf-button--green:focus {
  background: rgb(1.6482758621, 140.9275862069, 141.7517241379) !important;
  border-color: rgb(2.0234042553, 61.3765957447, 61.3765957447);
  color: #fff;
}
.cf-button--green:hover .cf-button__icon, .cf-button--green:active .cf-button__icon, .cf-button--green:focus .cf-button__icon, button.cf-button--green:hover .cf-button__icon, button.cf-button--green:active .cf-button__icon, button.cf-button--green:focus .cf-button__icon {
  margin: -2px 15px 0 0;
  transition: margin 400ms, box-shadow 400ms;
}
.cf-button--red, button.cf-button--red {
  background: #ff5055;
  border: 0px;
  border-bottom: 3px solid #d64446;
  color: white;
}
.cf-button--red.noicon, button.cf-button--red.noicon {
  padding-right: 0px !important;
  display: inline-block;
  padding-top: 7px;
}
.cf-button--red.noicon .cf-button__text, button.cf-button--red.noicon .cf-button__text {
  margin: 0 30px;
  text-align: center;
}
.cf-button--red.noiconfullwidth, button.cf-button--red.noiconfullwidth {
  padding-right: 0px !important;
  width: 100%;
}
.cf-button--red.noiconfullwidth .cf-button__text, button.cf-button--red.noiconfullwidth .cf-button__text {
  margin: 0 30px;
  text-align: center;
}
.cf-button--red.loading, button.cf-button--red.loading {
  background: #aad3d3 url("/images/ajax-loader.gif");
  background-position: center center;
  background-repeat: no-repeat;
}
.cf-button--red:hover, .cf-button--red:active, .cf-button--red:focus, button.cf-button--red:hover, button.cf-button--red:active, button.cf-button--red:focus {
  background: rgb(255, 49.4, 55.2742857143) !important;
  border-color: rgb(206.1921052632, 45.2078947368, 47.4131578947);
  color: #fff;
}
.cf-button--red:hover .cf-button__icon, .cf-button--red:active .cf-button__icon, .cf-button--red:focus .cf-button__icon, button.cf-button--red:hover .cf-button__icon, button.cf-button--red:active .cf-button__icon, button.cf-button--red:focus .cf-button__icon {
  margin: -2px 15px 0 0;
  transition: margin 400ms, box-shadow 400ms;
}
.cf-button--transparent, button.cf-button--transparent {
  background: transparent;
  color: white;
  border: 2px solid white;
}
.cf-button--transparent:hover, .cf-button--transparent:active, .cf-button--transparent:focus, button.cf-button--transparent:hover, button.cf-button--transparent:active, button.cf-button--transparent:focus {
  background: #fff !important;
  color: #000 !important;
}
.cf-button--transparent:hover .cf-button__icon, .cf-button--transparent:active .cf-button__icon, .cf-button--transparent:focus .cf-button__icon, button.cf-button--transparent:hover .cf-button__icon, button.cf-button--transparent:active .cf-button__icon, button.cf-button--transparent:focus .cf-button__icon {
  margin: -2px 15px 0 0;
  transition: margin 400ms, box-shadow 400ms;
}
.cf-button--orange, button.cf-button--orange {
  background: #ff9900;
  color: white;
}
.cf-button--orange .cf-button__text, button.cf-button--orange .cf-button__text {
  color: white;
}
.cf-button--orange.noicon, button.cf-button--orange.noicon {
  padding-right: 0px !important;
  display: inline-block;
  padding-top: 7px;
}
.cf-button--orange.noicon .cf-button__text, button.cf-button--orange.noicon .cf-button__text {
  margin: 0 30px;
  text-align: center;
  color: white;
}
.cf-button--orange.noiconfullwidth, button.cf-button--orange.noiconfullwidth {
  padding-right: 0px !important;
  width: 100%;
}
.cf-button--orange.noiconfullwidth .cf-button__text, button.cf-button--orange.noiconfullwidth .cf-button__text {
  margin: 0 30px;
  text-align: center;
}
.cf-button--orange:hover, .cf-button--orange:active, .cf-button--orange:focus, button.cf-button--orange:hover, button.cf-button--orange:active, button.cf-button--orange:focus {
  background: #ff9900;
  color: #fff;
}
.cf-button--orange:hover .cf-button__icon, .cf-button--orange:active .cf-button__icon, .cf-button--orange:focus .cf-button__icon, button.cf-button--orange:hover .cf-button__icon, button.cf-button--orange:active .cf-button__icon, button.cf-button--orange:focus .cf-button__icon {
  margin: -2px 15px 0 0;
  transition: margin 400ms, box-shadow 400ms;
}
.cf-button--alt, button.cf-button--alt {
  background: #ff9900;
  color: white;
}
.cf-button--alt span, button.cf-button--alt span {
  color: white;
}
.cf-button--alt svg path, button.cf-button--alt svg path {
  fill: white;
}
.cf-button--alt:hover, .cf-button--alt:active, .cf-button--alt:focus, button.cf-button--alt:hover, button.cf-button--alt:active, button.cf-button--alt:focus {
  background: #ff9900;
  color: #fff;
}
.cf-button--alt:hover .cf-button__icon, .cf-button--alt:active .cf-button__icon, .cf-button--alt:focus .cf-button__icon, button.cf-button--alt:hover .cf-button__icon, button.cf-button--alt:active .cf-button__icon, button.cf-button--alt:focus .cf-button__icon {
  margin: -2px 15px 0 0;
  transition: margin 400ms, box-shadow 400ms;
}
.cf-button--dark-background, button.cf-button--dark-background {
  background: none;
  color: #fff;
}
.cf-button--dark-background:hover, .cf-button--dark-background:active, .cf-button--dark-background:focus, button.cf-button--dark-background:hover, button.cf-button--dark-background:active, button.cf-button--dark-background:focus {
  background: #ff9900;
  color: #fff;
}
.cf-button--dark-background:hover .cf-button__icon, .cf-button--dark-background:active .cf-button__icon, .cf-button--dark-background:focus .cf-button__icon, button.cf-button--dark-background:hover .cf-button__icon, button.cf-button--dark-background:active .cf-button__icon, button.cf-button--dark-background:focus .cf-button__icon {
  margin: -2px 15px 0 0;
  transition: margin 400ms, box-shadow 400ms;
}
.cf-button--simple, button.cf-button--simple {
  border: none;
  background: none;
  border-radius: none;
  text-decoration: underline;
}
.cf-button--simple .cf-button__text, button.cf-button--simple .cf-button__text {
  font-weight: 500;
}
.cf-button--simple.noiconfullwidth, button.cf-button--simple.noiconfullwidth {
  padding-right: 0px !important;
  width: 100%;
}
.cf-button--simple.noiconfullwidth .cf-button__text, button.cf-button--simple.noiconfullwidth .cf-button__text {
  margin: 0 30px;
  text-align: center;
}
.cf-button--simple:hover, .cf-button--simple:active, .cf-button--simple:focus, button.cf-button--simple:hover, button.cf-button--simple:active, button.cf-button--simple:focus {
  background: none;
  text-decoration: none;
  color: #0a0a0a;
}
.cf-button--simple:hover .cf-button__icon, .cf-button--simple:active .cf-button__icon, .cf-button--simple:focus .cf-button__icon, button.cf-button--simple:hover .cf-button__icon, button.cf-button--simple:active .cf-button__icon, button.cf-button--simple:focus .cf-button__icon {
  margin: -2px 15px 0 0;
  transition: margin 400ms, box-shadow 400ms;
}
.cf-button--padding, button.cf-button--padding {
  display: inline-block;
  padding: 7px 10px;
  height: 0px;
  min-height: 42px;
}
.cf-button--padding .cf-button__text, button.cf-button--padding .cf-button__text {
  padding-top: 2px;
  display: inline-block;
  vertical-align: top;
  margin: -2px 10px 0 5px;
}
@media print, screen and (min-width: 40em) {
  .cf-button--padding .cf-button__text, button.cf-button--padding .cf-button__text {
    margin: -2px 30px 0 15px;
  }
}
.cf-button--padding .cf-button__icon, button.cf-button--padding .cf-button__icon {
  padding-top: 2px;
  display: inline-block;
  margin: -2px 5px 0 0;
}
@media print, screen and (min-width: 40em) {
  .cf-button--padding .cf-button__icon, button.cf-button--padding .cf-button__icon {
    margin: -2px 20px 0 0;
  }
}
.cf-button--padding:hover, .cf-button--padding:active, .cf-button--padding:focus, button.cf-button--padding:hover, button.cf-button--padding:active, button.cf-button--padding:focus {
  background: rgb(224.4, 134.64, 0);
  color: #fff;
}
.cf-button--padding:hover .cf-button__icon, .cf-button--padding:active .cf-button__icon, .cf-button--padding:focus .cf-button__icon, button.cf-button--padding:hover .cf-button__icon, button.cf-button--padding:active .cf-button__icon, button.cf-button--padding:focus .cf-button__icon {
  margin: -2px 15px 0 5px;
  transition: margin 400ms, box-shadow 400ms;
}
.cf-button--lastminute, button.cf-button--lastminute {
  cursor: pointer;
  -webkit-appearance: none;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
  vertical-align: middle;
  display: flex;
  border: none;
  background: none;
  border-radius: none;
  text-decoration: none;
  margin-bottom: 45%;
  margin-top: 45%;
}
[data-whatinput=mouse] .cf-button--lastminute, [data-whatinput=mouse] button.cf-button--lastminute {
  outline: 0;
}
@media print, screen and (min-width: 40em) {
  .cf-button--lastminute, button.cf-button--lastminute {
    margin-bottom: 0;
  }
}
.cf-button--lastminute .cf-button__text, button.cf-button--lastminute .cf-button__text {
  font-size: 1.3rem;
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  font-weight: bold;
  flex-grow: 1;
  align-self: center;
  margin: -2px 30px 0 20px;
}
@media print, screen and (min-width: 40em) {
  .cf-button--lastminute .cf-button__text, button.cf-button--lastminute .cf-button__text {
    margin: -2px 30px 0 15px;
  }
}
.cf-button--lastminute .cf-button__icon, button.cf-button--lastminute .cf-button__icon {
  font-size: 140%;
  align-self: center;
  margin: -2px 20px 0 0;
}
@media print, screen and (min-width: 40em) {
  .cf-button--lastminute .cf-button__icon, button.cf-button--lastminute .cf-button__icon {
    margin: -2px 20px 0 0;
  }
}
.cf-button--lastminute:hover, .cf-button--lastminute:active, .cf-button--lastminute:focus, button.cf-button--lastminute:hover, button.cf-button--lastminute:active, button.cf-button--lastminute:focus {
  background: none;
  text-decoration: none;
  color: #0a0a0a;
}
.cf-button--lastminute:hover .cf-button__icon, .cf-button--lastminute:active .cf-button__icon, .cf-button--lastminute:focus .cf-button__icon, button.cf-button--lastminute:hover .cf-button__icon, button.cf-button--lastminute:active .cf-button__icon, button.cf-button--lastminute:focus .cf-button__icon {
  margin: -2px 15px 0 0;
  transition: margin 400ms, box-shadow 400ms;
}
.cf-button--light, button.cf-button--light {
  border: 1px solid #cacaca;
}
.cf-button--light .cf-button__text, button.cf-button--light .cf-button__text {
  font-weight: 500;
}
.cf-button--light:hover, .cf-button--light:active, .cf-button--light:focus, button.cf-button--light:hover, button.cf-button--light:active, button.cf-button--light:focus {
  background: #ff9900;
  color: #fff;
}
.cf-button--light:hover .cf-button__icon, .cf-button--light:active .cf-button__icon, .cf-button--light:focus .cf-button__icon, button.cf-button--light:hover .cf-button__icon, button.cf-button--light:active .cf-button__icon, button.cf-button--light:focus .cf-button__icon {
  margin: -2px 15px 0 0;
  transition: margin 400ms, box-shadow 400ms;
}
.cf-button--large, button.cf-button--large {
  height: 50px;
  padding-top: 12px !important;
}
@media print, screen and (min-width: 40em) {
  .cf-button--large, button.cf-button--large {
    padding-top: 8px !important;
  }
}
.cf-button--large .cf-button__text, button.cf-button--large .cf-button__text {
  font-size: 1.2rem;
  padding: 10px;
}
.cf-button--altwhite, button.cf-button--altwhite {
  border: 2px solid white;
  background-coloR: transparent;
}
.cf-button--altwhite:hover, .cf-button--altwhite:active, .cf-button--altwhite:focus, button.cf-button--altwhite:hover, button.cf-button--altwhite:active, button.cf-button--altwhite:focus {
  background: white !important;
  color: #1e225d;
}
.cf-button--altwhite:hover .cf-button__icon, .cf-button--altwhite:active .cf-button__icon, .cf-button--altwhite:focus .cf-button__icon, button.cf-button--altwhite:hover .cf-button__icon, button.cf-button--altwhite:active .cf-button__icon, button.cf-button--altwhite:focus .cf-button__icon {
  margin: -2px 15px 0 0;
  transition: margin 400ms, box-shadow 400ms;
}
.cf-button--altblue, button.cf-button--altblue {
  border: 2px solid #1e225d;
  color: #1e225d;
  background-coloR: transparent;
}
.cf-button--altblue:hover, .cf-button--altblue:active, .cf-button--altblue:focus, button.cf-button--altblue:hover, button.cf-button--altblue:active, button.cf-button--altblue:focus {
  background: rgb(22.5365853659, 25.5414634146, 69.8634146341) !important;
  border-color: rgb(22.5365853659, 25.5414634146, 69.8634146341);
  color: #fff;
}
.cf-button--altblue:hover .cf-button__icon, .cf-button--altblue:active .cf-button__icon, .cf-button--altblue:focus .cf-button__icon, button.cf-button--altblue:hover .cf-button__icon, button.cf-button--altblue:active .cf-button__icon, button.cf-button--altblue:focus .cf-button__icon {
  margin: -2px 15px 0 0;
  transition: margin 400ms, box-shadow 400ms;
}
.cf-button--altblue .cf-button__text, button.cf-button--altblue .cf-button__text {
  margin: 0px 30px 0 30px;
}
.cf-button--top10training, button.cf-button--top10training {
  height: 53px;
  border: 1px solid #1E225C;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
.cf-button--top10training .cf-button__trainingicon > img, button.cf-button--top10training .cf-button__trainingicon > img {
  margin: 7px 15px;
  margin-right: 0px;
}
.cf-button--top10training .cf-button__text, button.cf-button--top10training .cf-button__text {
  font-weight: 700;
  font-size: 1.1rem;
  margin-top: 0px;
  color: #1E225C;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
}
.cf-button--top10training .cf-button__icon, button.cf-button--top10training .cf-button__icon {
  color: #ff9900;
}
@media print, screen and (min-width: 40em) {
  .cf-button--top10training .cf-button__text, button.cf-button--top10training .cf-button__text {
    font-size: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  .cf-button--top10training .cf-button__text, button.cf-button--top10training .cf-button__text {
    font-size: 1.1rem;
  }
}
.cf-button--top10training:hover, .cf-button--top10training:active, .cf-button--top10training:focus, button.cf-button--top10training:hover, button.cf-button--top10training:active, button.cf-button--top10training:focus {
  background: #ff9900;
  color: #fff;
  color: white;
}
.cf-button--top10training:hover .cf-button__icon, .cf-button--top10training:active .cf-button__icon, .cf-button--top10training:focus .cf-button__icon, button.cf-button--top10training:hover .cf-button__icon, button.cf-button--top10training:active .cf-button__icon, button.cf-button--top10training:focus .cf-button__icon {
  margin: -2px 15px 0 0;
  transition: margin 400ms, box-shadow 400ms;
}
.cf-button--top10training:hover .cf-button__text, .cf-button--top10training:active .cf-button__text, .cf-button--top10training:focus .cf-button__text, button.cf-button--top10training:hover .cf-button__text, button.cf-button--top10training:active .cf-button__text, button.cf-button--top10training:focus .cf-button__text {
  color: white;
}
.cf-button--top10training:hover .cf-button__icon, .cf-button--top10training:active .cf-button__icon, .cf-button--top10training:focus .cf-button__icon, button.cf-button--top10training:hover .cf-button__icon, button.cf-button--top10training:active .cf-button__icon, button.cf-button--top10training:focus .cf-button__icon {
  color: white;
}
.cf-button--top10training__homebutton, button.cf-button--top10training__homebutton {
  border: none;
  margin: 0 !important;
  height: 100%;
}
@media screen and (min-width: 40em) {
  .cf-button--top10training__homebutton, button.cf-button--top10training__homebutton {
    margin: 15px 0px !important;
  }
}
.cf-button--top10training__homebutton .cf-button__text, button.cf-button--top10training__homebutton .cf-button__text {
  font-size: 15px;
  color: #1e225d;
  font-weight: 500;
  margin: 0;
}
.cf-button--top10training__homebutton .cf-button__text span, button.cf-button--top10training__homebutton .cf-button__text span {
  font-weight: 800;
}
@media screen and (min-width: 40em) {
  .cf-button--top10training__homebutton .cf-button__text, button.cf-button--top10training__homebutton .cf-button__text {
    font-size: 16px;
  }
  .cf-button--top10training__homebutton .cf-button__text span, button.cf-button--top10training__homebutton .cf-button__text span {
    font-weight: 500;
  }
}
.cf-button--top10training__homebutton .homebutton-icon, button.cf-button--top10training__homebutton .homebutton-icon {
  display: grid;
  align-content: center;
  margin-right: 20px;
  font-size: 1.2rem;
  color: #1e225d;
}
@media print, screen and (min-width: 40em) {
  .cf-button--top10training__homebutton .cf-button__text, button.cf-button--top10training__homebutton .cf-button__text {
    font-size: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  .cf-button--top10training__homebutton .cf-button__text, button.cf-button--top10training__homebutton .cf-button__text {
    font-size: 1.1rem;
  }
}
.cf-button--top10training__homebutton:hover, .cf-button--top10training__homebutton:active, .cf-button--top10training__homebutton:focus, button.cf-button--top10training__homebutton:hover, button.cf-button--top10training__homebutton:active, button.cf-button--top10training__homebutton:focus {
  color: #1e225d;
  background-color: transparent;
}
.cf-button--top10training__homebutton:hover .cf-button__icon, .cf-button--top10training__homebutton:hover .homebutton-icon, .cf-button--top10training__homebutton:active .cf-button__icon, .cf-button--top10training__homebutton:active .homebutton-icon, .cf-button--top10training__homebutton:focus .cf-button__icon, .cf-button--top10training__homebutton:focus .homebutton-icon, button.cf-button--top10training__homebutton:hover .cf-button__icon, button.cf-button--top10training__homebutton:hover .homebutton-icon, button.cf-button--top10training__homebutton:active .cf-button__icon, button.cf-button--top10training__homebutton:active .homebutton-icon, button.cf-button--top10training__homebutton:focus .cf-button__icon, button.cf-button--top10training__homebutton:focus .homebutton-icon {
  margin: 0px 5px 0px 15px;
  transition: margin 400ms, box-shadow 400ms;
}
.cf-button--top10training__homebutton:hover .cf-button__text, .cf-button--top10training__homebutton:active .cf-button__text, .cf-button--top10training__homebutton:focus .cf-button__text, button.cf-button--top10training__homebutton:hover .cf-button__text, button.cf-button--top10training__homebutton:active .cf-button__text, button.cf-button--top10training__homebutton:focus .cf-button__text {
  color: #1e225d;
}
.cf-button--top10training__homebutton:hover .cf-button__icon, .cf-button--top10training__homebutton:active .cf-button__icon, .cf-button--top10training__homebutton:focus .cf-button__icon, button.cf-button--top10training__homebutton:hover .cf-button__icon, button.cf-button--top10training__homebutton:active .cf-button__icon, button.cf-button--top10training__homebutton:focus .cf-button__icon {
  color: #1e225d;
}

.arrow-up {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #f2f8ff;
}

.arrow-down {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #f2f8ff;
}

.arrow-right {
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #f2f8ff;
}

.arrow-left {
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid #f2f8ff;
}

.breadcrumbs {
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  margin: 0px;
  margin-top: 7px !important;
  display: flex;
}
.breadcrumbs li {
  float: none;
  display: flex;
  position: relative;
  margin: 0px !important;
}
.breadcrumbs li a {
  text-decoration: none;
  padding: 8px 13px;
  color: #1E225C;
  font-size: 15px;
  line-height: 1;
  font-weight: 400;
}
.breadcrumbs a span {
  vertical-align: middle;
}
.breadcrumbs a .hidden, .breadcrumbs li .hidden {
  display: none;
}
.breadcrumbs a.active, .breadcrumbs a:hover {
  text-decoration: underline;
  transition: all 400ms;
}
.breadcrumbs li.last.nolink, .breadcrumbs li.nolink {
  text-decoration: none;
  padding: 8px 13px;
  color: #1E225C;
  font-size: 15px;
  line-height: 1;
  font-weight: 400;
}
.breadcrumbs li.nolink:not(.last) {
  padding-left: 5px;
  padding-right: 10px;
}
.breadcrumbs li.nolink:not(.last)::after {
  margin-left: 20px;
}
.breadcrumbs li.last .visible {
  max-width: 250px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.breadcrumbs li:not(.last) a {
  padding: 10px 13px;
  padding: 8px 11px;
}
.breadcrumbs li:not(.last)::after {
  content: "<";
  color: #1E225C;
  position: relative;
  top: 0px;
  font-size: 125%;
  margin: 0 0.35rem;
}
.breadcrumbs a {
  text-decoration: underline;
}
.breadcrumbs__home a {
  width: 36px;
  padding: 8px !important;
  padding-top: 6px !important;
  text-decoration: none;
  text-align: center;
}
@media print {
  .breadcrumbs {
    display: none !important;
  }
}

.wordpress-admin-bar {
  width: 100%;
  height: 25px;
  margin: 0;
  padding: 0;
}
.wordpress-admin-bar li {
  margin: 0;
  padding: 0;
  float: left;
  height: 100%;
}
.wordpress-admin-bar li a {
  float: right;
  background: #ffffff;
  color: #0a0a0a;
  display: block;
  line-height: 25px;
  padding: 0 20px;
  font-weight: 300;
  font-size: 0.8125rem;
  text-decoration: none;
  text-transform: uppercase;
}
.wordpress-admin-bar li a:hover, .wordpress-admin-bar li a:focus {
  color: #1e225d;
}
.author-profile {
  margin-bottom: 3rem;
  margin-top: 2.5rem;
}
.author-profile .author-header {
  background-color: #f5f5f5;
  padding: 2rem;
  border-radius: 4px;
  margin-bottom: 2rem;
  text-align: center;
}
.author-profile .author-header .author-avatar {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  margin-bottom: 1rem;
  border: 3px solid white;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.author-profile .author-header h1 {
  margin-bottom: 0.5rem;
  font-size: 1.8rem;
}
.author-profile .author-header .author-bio {
  margin-bottom: 1.5rem;
  color: #333;
  font-style: italic;
  line-height: 1.6;
}
.author-profile .author-header form {
  margin-bottom: 1rem;
}
.author-profile .author-header form .btn {
  padding: 0.5rem 1.5rem;
  border-radius: 4px;
  font-weight: 600;
  transition: all 0.3s ease;
  border: none;
  cursor: pointer;
}
.author-profile .author-header form .btn.btn-primary {
  background-color: #0066cc;
  color: white;
}
.author-profile .author-header form .btn.btn-primary:hover {
  background-color: rgb(0, 76.5, 153);
}
.author-profile .author-header form .btn.btn-danger {
  background-color: #dc3545;
  color: white;
}
.author-profile .author-header form .btn.btn-danger:hover {
  background-color: rgb(189.2151898734, 32.7848101266, 47.7721518987);
}
.author-profile .author-header .author-stats {
  display: flex;
  justify-content: center;
  gap: 2rem;
}
.author-profile .author-header .author-stats span {
  color: #333;
}
.author-profile .author-header .author-stats span strong {
  display: inline-block;
  margin-right: 4px;
  font-weight: 600;
}
.author-profile .pagination {
  margin-top: 2rem;
  display: flex;
  justify-content: center;
}
.author-profile .pagination .page-item .page-link {
  padding: 0.5rem 0.75rem;
  color: #0066cc;
  border: 1px solid #e0e0e0;
  transition: all 0.2s ease;
}
.author-profile .pagination .page-item .page-link:hover {
  background-color: #f5f5f5;
}
.author-profile .pagination .page-item.active .page-link {
  background-color: #0066cc;
  color: white;
  border-color: #0066cc;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .author-profile .author-header {
    padding: 1rem;
  }
  .author-profile .author-header .author-avatar {
    width: 90px;
    height: 90px;
  }
}
.tooltip {
  background-color: #f2f8ff;
  color: #1e225d;
  max-width: 12rem;
  border-radius: 4px;
}
.tooltip::before {
  border-color: transparent transparent #f2f8ff;
}

.beoordeling-block {
  background-color: #F8F8FA;
  padding-top: 75px;
  padding-bottom: 75px;
  position: relative;
}
.beoordeling-block:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -75px;
  margin-left: -50px;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  border-top: 30px solid #F8F8FA;
  border-bottom: 50px solid transparent;
}
@media print, screen and (min-width: 40em) {
  .beoordeling-block.keuzehulp {
    margin-left: auto;
    margin-right: auto;
  }
}
.beoordeling-block.keuzehulp:after {
  display: none;
}
@media print, screen and (min-width: 40em) {
  .beoordeling-block.keuzehulp .beoordeling-block__item__row.keuzehulp {
    margin-left: auto;
  }
}
@media print, screen and (min-width: 40em) {
  .beoordeling-block.keuzehulp .divtitlekeuzehulp {
    margin-left: auto;
  }
}
.beoordeling-block.keuzehulp .column, .beoordeling-block.keuzehulp .columns {
  display: block;
}
.beoordeling-block__title {
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  font-size: 1.5625rem;
  font-weight: 800;
  color: #1e225d;
  text-align: center;
}
@media print, screen and (min-width: 64em) {
  .beoordeling-block__title {
    width: 40%;
  }
}
.beoordeling-block__title.keuzehulp {
  font-size: 1.25rem;
  font-weight: 600;
  width: initial;
  text-align: start;
  margin-bottom: 7px;
}
.beoordeling-block__subtitle {
  margin-top: 14px;
  text-align: center;
}
.beoordeling-block__subtitle a {
  font-family: "Lexend", sans-serif;
  font-display: fallback;
}
.beoordeling-block__subtitle.keuzehulp {
  font-weight: 300;
  margin-top: 0;
  text-align: left;
}
.beoordeling-block .column, .beoordeling-block .columns {
  display: grid;
  justify-items: center;
}
.beoordeling-block .column.keuzehulp, .beoordeling-block .keuzehulp.columns {
  justify-items: start;
}
.beoordeling-block__item__row {
  margin-top: 35px;
  justify-content: center;
}
.beoordeling-block__item__row.keuzehulp {
  justify-content: start;
  gap: 28px;
}
@media print, screen and (min-width: 64em) {
  .beoordeling-block__item__row.keuzehulp {
    gap: 100px;
  }
}
.beoordeling-block__item.keuzehulp {
  justify-content: start;
}
.beoordeling-block__item__logo {
  text-align: center;
}
.beoordeling-block__item__logo img {
  height: 7vh;
  -o-object-fit: contain;
     object-fit: contain;
}
@media print, screen and (min-width: 40em) {
  .beoordeling-block__item__logo img {
    height: 12.6vh;
  }
}
.beoordeling-block__item__logo.keuzehulp {
  height: 45px;
}
@media print, screen and (min-width: 40em) {
  .beoordeling-block__item__logo.keuzehulp {
    height: 45px;
  }
}
.beoordeling-block__item__logo.keuzehulp img {
  height: 100%;
}
@media print, screen and (min-width: 40em) {
  .beoordeling-block__item__logo.keuzehulp img {
    height: 120%;
  }
  .beoordeling-block__item__logo.keuzehulp img.springtestlogo {
    height: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  .beoordeling-block__item__logo.keuzehulp {
    text-align: left;
  }
}
.beoordeling-block__item__logo .springtestlogo {
  margin-left: 2vw;
}
@media print, screen and (min-width: 40em) {
  .beoordeling-block__item__logo .springtestlogo {
    padding: 15px;
  }
}
.beoordeling-block__item__logo .springtestlogo.keuzehulp {
  margin-left: 0px;
}
@media print, screen and (min-width: 40em) {
  .beoordeling-block__item__logo .springtestlogo.keuzehulp {
    padding: 0px;
  }
}
.beoordeling-block__item__stars {
  text-align: center;
  margin-top: 20px;
  color: rgb(255, 206, 0);
}
.beoordeling-block__item__stars svg path {
  fill: rgb(255, 206, 0);
}
.beoordeling-block__item__stars.keuzehulp {
  margin-top: 16px;
}
.beoordeling-block__item__stars.keuzehulp svg {
  width: 12px;
  height: 11px;
  margin-right: 3px;
}
.beoordeling-block__item__score {
  text-align: center;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  font-size: 1.5625rem;
  font-weight: 600;
  color: #46475D;
  margin-top: 15px;
}
.beoordeling-block__item__score.keuzehulp {
  font-size: 1rem;
  text-align: start;
}

.callout-section > div.row > div.column, .callout-section > div.row > div.columns {
  padding-left: 2rem;
  padding-right: 2rem;
}
.callout-section__container {
  border-radius: 12px;
  border: 1px solid #1e225d;
  background-color: white;
}
@media print, screen and (min-width: 64em) {
  .callout-section__container {
    display: flex;
  }
}
.callout-section__container__leftside {
  padding: 30px;
}
@media print, screen and (min-width: 64em) {
  .callout-section__container__leftside {
    padding: 45px 60px;
    padding-right: 20px;
  }
}
.callout-section__container__rightside {
  padding: 30px;
  padding-bottom: 0px;
}
@media print, screen and (min-width: 64em) {
  .callout-section__container__rightside {
    padding: 0px;
    min-width: 230px;
  }
}
.callout-section__container__title {
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  font-weight: 800;
  font-size: 18px;
  margin-bottom: 20px;
}
@media print, screen and (min-width: 64em) {
  .callout-section__container__title {
    font-size: 25px;
  }
}
.callout-section__container__text {
  margin-bottom: 25px;
}
.callout-section__container__image {
  position: relative;
  height: 100%;
  width: 100%;
  text-align: center;
}
.callout-section__container__image img {
  max-height: 300px;
  margin: 0 auto;
}
@media print, screen and (min-width: 64em) {
  .callout-section__container__image img {
    position: absolute;
    max-width: 230px;
    max-height: unset;
    bottom: 0px;
    left: 0px;
  }
}
.callout-section__container__image__label {
  padding: 10px 16px;
  background-color: white;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  border-radius: 2px;
  position: absolute;
  bottom: 25px;
  left: 50%;
  transform: translateX(-50%);
}
.callout-section__container__image__label__title {
  font-weight: 800;
  font-size: 14px;
}
.callout-section__container__image__label__subtitle {
  font-size: 14px;
}
.callout-section__container__buttons a, .callout-section__container__buttons button {
  margin-bottom: 10px;
}
.callout-section__container__buttons > div {
  text-align: center;
}
@media print, screen and (min-width: 40em) {
  .callout-section__container__buttons > div {
    text-align: left;
  }
}
@media print, screen and (min-width: 64em) {
  .callout-section__container__buttons {
    display: flex;
    gap: 20px;
    align-items: center;
  }
  .callout-section__container__buttons > div {
    display: inline;
  }
  .callout-section__container__buttons a, .callout-section__container__buttons button {
    margin: 0;
  }
  .callout-section__container__buttons div > a {
    font-weight: bold;
  }
}
.callout-section--blue .callout-section__container {
  background-color: #1e225d;
}
.callout-section--blue .callout-section__container__title {
  color: white;
}
.callout-section--blue .callout-section__container__text {
  color: white;
}
.callout-section--blue .callout-section__container__buttons > div {
  color: white;
}
.callout-section--blue .callout-section__container__buttons > div a {
  color: white;
}
.callout-section--blue .callout-section__container__buttons a, .callout-section--blue .callout-section__container__buttons button {
  margin-bottom: 10px;
}
.callout-section--blue .callout-section__container__buttons .cf-button--blue-alt {
  border-color: white;
}
.callout-section--blue .callout-section__container__buttons .cf-button--blue-alt .cf-button__text {
  color: white;
}
.callout-section--blue .callout-section__container__buttons .cf-button--blue-alt:hover {
  background-color: white;
}
.callout-section--blue .callout-section__container__buttons .cf-button--blue-alt:hover .cf-button__text {
  color: #1e225d;
}
@media print, screen and (min-width: 64em) {
  .callout-section--blue .callout-section__container__buttons a, .callout-section--blue .callout-section__container__buttons button {
    margin: 0;
  }
}
.callout-section.greybackground.bgbegin {
  background: linear-gradient(180deg, white 50%, #f8f8fa 50%);
}
.callout-section.greybackground.bgend {
  background: linear-gradient(180deg, #f8f8fa 50%, white 50%);
}

.section {
  margin: 50px 0px;
}
@media print, screen and (min-width: 64em) {
  .section {
    margin: 100px 0px;
  }
}
.section__title {
  font-size: 20px;
  font-weight: 800;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  margin-bottom: 26px;
}
@media print, screen and (min-width: 64em) {
  .section__title {
    font-size: 35px;
    max-width: 750px;
  }
}
.section__title.centered {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.section__subtitle {
  font-size: 1rem;
  margin-bottom: 25px;
  margin-top: 26px;
}
@media print, screen and (min-width: 64em) {
  .section__subtitle {
    font-size: 1rem;
    max-width: 60%;
    margin-bottom: 55px;
  }
}
.section > div.row > div.column, .section > div.row > div.columns {
  padding-left: 2rem;
  padding-right: 2rem;
}
.section--grey {
  background-color: #F8F8FA;
  margin: 50px 0px;
  padding: 50px 0px;
}
@media print, screen and (min-width: 64em) {
  .section--grey {
    margin: 100px 0px;
    padding: 100px 0px;
  }
}
.section--blue {
  background-color: #1e225d;
  margin: 50px 0px;
  padding: 50px 0px;
}
@media print, screen and (min-width: 64em) {
  .section--blue {
    margin: 100px 0px;
    padding: 100px 0px;
  }
}
.section--blue .section__title {
  color: white;
}
.section--blue .section__subtitle {
  color: white;
}
.section--blue .evenementform p {
  color: white;
  text-align: center;
}
.section--blue #voorwaarden {
  color: white;
}
.section.nomargintop {
  margin-top: 0px;
}
.section.nomarginbottom {
  margin-bottom: 0px;
}
@media print, screen and (min-width: 64em) {
  .section.category .category-section__container__categories__card__container .category-section__container__categories__shape {
    right: -80px;
  }
}
.section.trainingcards .rf-cards-scroller-crop, .section.reviewcards .rf-cards-scroller-crop {
  height: 38.5rem;
}
@media print, screen and (min-width: 40em) {
  .section.trainingcards .rf-cards-scroller-crop, .section.reviewcards .rf-cards-scroller-crop {
    height: 31.5rem;
  }
}
@media print, screen and (min-width: 64em) {
  .section.trainingcards .rf-cards-scroller-crop, .section.reviewcards .rf-cards-scroller-crop {
    height: 33.5rem;
  }
}
.section.trainingcards .rf-ccard-40 .rf-ccard-content, .section.reviewcards .rf-ccard-40 .rf-ccard-content {
  width: 23rem;
}
@media print, screen and (min-width: 64em) {
  .section.trainingcards .rf-ccard-40 .rf-ccard-content, .section.reviewcards .rf-ccard-40 .rf-ccard-content {
    width: 25rem;
  }
}

.temptitle {
  font-size: 26px;
}
@media print, screen and (min-width: 64em) {
  .temptitle {
    font-size: 40px;
  }
}

.extraimgbox {
  box-shadow: 3px 6px rgba(0, 0, 0, 0.16);
}

.calendly__leftside {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media print, screen and (min-width: 64em) {
  .calendly__leftside__top {
    margin-top: 35px;
  }
}
.calendly__usps {
  margin-bottom: 45px;
}
.calendly__usps ul {
  list-style-type: none;
  margin: 0;
}
.calendly__usps ul li {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-bottom: 10px;
}
.calendly__usps ul li span {
  font-weight: 500;
}
.calendly__usps__icon img {
  width: 20px;
}
.calendly__contact {
  margin-bottom: 45px;
}
.calendly__contact .cta-block__intake__text__callout__content__item .icon {
  margin-right: 10px;
}
.calendly__contact .cta-block__intake__text__callout__content__item .icon img {
  width: 20px;
}
.calendly__image {
  position: relative;
}
.calendly__image__labels {
  position: absolute;
  bottom: 15px;
  display: flex;
  gap: 12px;
}
.calendly__image__labels p {
  background: #1E225D 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  border-radius: 2px 2px 12px 2px;
  color: white;
  font-size: 14px;
  padding: 7px 10px;
}
.calendly__image__labels p strong {
  color: white;
}
.calendly__border {
  border-bottom: 1px solid #1e225d;
}
@media print, screen and (min-width: 64em) {
  .calendly__embed {
    padding-left: 0px !important;
  }
}
.calendly__embed .calendly-inline-widget > iframe > html > body > div#root > div > div, .calendly__embed ._cUP1np9gMvFQrcPftuf.xahN8AEzyAvQtVj17TPv {
  margin-top: 33px !important;
}

.callout {
  border-radius: 12px;
  box-shadow: 0px 3px 10px rgba(42, 62, 82, 0.2);
  color: #1e225d;
  font-weight: 600;
}
.callout.icon {
  display: flex;
  -moz-column-gap: 20px;
       column-gap: 20px;
  align-items: center;
  flex-wrap: wrap;
}
.callout__icon img {
  width: 50px;
  height: 50px;
}
.callout--blue {
  border: 1px solid #1e225d;
}
.callout--lightblue {
  border: 3px solid rgba(59, 195, 190, 0.5);
}
.callout--yellow {
  border: 3px solid rgba(245, 160, 1, 0.5);
}
.callout--red {
  border: 3px solid rgba(239, 81, 85, 0.5);
}

.updates__latest {
  margin: 35px 0px;
  margin-top: 85px;
}
@media print, screen and (min-width: 40em) {
  .updates__latest {
    margin: 35px 0px;
  }
}
.updates__item {
  margin-bottom: 30px;
}
.updates__item:last-of-type {
  margin-bottom: 0px;
}
.updates__item__date__tab {
  background-color: #1E225C;
  color: white;
  border: 1px solid #1E225C;
  border-bottom: 0px;
  border-radius: 8px 8px 0px 0px;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center;
}
.updates__item__date__tab.latest {
  border-radius: 8px 0px 0px 0px;
  text-align: center;
}
@media print, screen and (min-width: 64em) {
  .updates__item__date__tab {
    max-width: 17%;
    flex: 0 0 17%;
  }
}
.updates__item__date__showall {
  border: 1px solid #1E225C;
  border-bottom: 0px;
  border-radius: 0px 8px 0px 0px;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center;
}
@media print, screen and (min-width: 64em) {
  .updates__item__date__showall {
    max-width: 17%;
    flex: 0 0 17%;
  }
}
.updates__item__text {
  border: 1px solid #1E225C;
  border-radius: 0px 8px 8px 8px;
  box-shadow: 0px 3px 10px rgba(42, 62, 82, 0.129);
  padding: 15px;
}
.updates__item__text__container {
  border-top: 1px solid #E3E3E3;
  padding-top: 15px;
}
@media print, screen and (min-width: 40em) {
  .updates__item__text__container {
    padding-top: 0px;
    border: none;
  }
}
@media print, screen and (min-width: 40em) {
  .updates__item__text__timeslot {
    border-right: 1px solid #E3E3E3;
  }
}
.updates__item__text__timeslot__title {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
.updates__item__text__timeslot__title__icon {
  height: 39px;
  margin-right: 12px;
  padding: 5px 0px;
}
.updates__item__text__timeslot__title__text {
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  font-size: 1.125rem;
}
.updates__item__text__title {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
.updates__item__text__title__icon {
  width: 39px;
  height: 39px;
  border-radius: 100px;
  background: #FFF500 0% 0% no-repeat padding-box;
  margin-right: 12px;
  padding: 5px 7px;
}
.updates__item__text__title__text {
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  font-size: 1.125rem;
}
.blog {
  padding: 1.5rem 1.1rem;
}
@media print, screen and (min-width: 40em) {
  .blog {
    padding: 3rem 1.1rem;
  }
}
.blog__title {
  font-size: 2rem;
  text-align: center;
}
@media screen and (min-width: 40em) {
  .blog__title {
    font-size: 39px;
  }
}
.blog__large-items {
  margin-top: 1rem;
}
@media print, screen and (min-width: 40em) {
  .blog__large-items {
    margin-top: 2rem;
  }
}
@media print, screen and (min-width: 64em) {
  .blog__large-items {
    border: none;
  }
}
.blog__large-items > .row {
  row-gap: 20px;
}
@media print, screen and (min-width: 40em) {
  .blog__large-items > .row {
    row-gap: 0px;
  }
}
.blog__small-items {
  margin-top: 1rem;
}
@media print, screen and (min-width: 40em) {
  .blog__small-items {
    margin-top: 2rem;
  }
}
@media screen and (min-width: 75em) {
  .blog__small-items {
    margin-top: 2rem;
  }
}
.blog__small-items__container {
  box-shadow: 0px 12px 40px 0px rgba(157, 171, 192, 0.2);
  background: white;
  border-radius: 8px;
  padding: 30px;
  height: 100%;
}
.blog__small-items__title {
  font-size: 1.4rem;
  font-weight: 500;
}

blockquote {
  color: black;
  padding: 0.5625rem 1.25rem 0 2rem;
  border-left: 0px;
  position: relative;
  margin-bottom: 30px;
  border-left: 1px solid #1e225d;
  margin-top: 3rem;
}

blockquote p {
  color: black;
}

blockquote::before {
  content: "";
  font-weight: bold;
  color: #1e225d;
  position: absolute;
  margin-left: -35px;
  margin-top: -40px;
  font-family: Georgia, serif;
  height: 25px;
  width: 25px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTkuMDkyIDYuODYzYy0xLjUwNCAyLjMxLTEuNzc5IDQuNDUtMS42ODEgNS42ODggNi4xMzItLjEwMSA1LjY5NiA2LjQ0OSAxLjM5IDYuNDQ5LTEuODMgMC0zLjgwMS0xLjMzOC0zLjgwMS00LjI3NSAwLTIuNzI0IDEuNDEyLTUuODQ1IDQuMDkyLTcuODYyem0tMTMgMGMtMS41MDQgMi4zMS0xLjc3OSA0LjQ1LTEuNjgxIDUuNjg4IDYuMTMyLS4xMDEgNS42OTYgNi40NDkgMS4zOSA2LjQ0OS0xLjgzIDAtMy44MDEtMS4zMzgtMy44MDEtNC4yNzUgMC0yLjcyNCAxLjQxMi01Ljg0NSA0LjA5Mi03Ljg2MnptMTYuOTA4LTMuODYzYy02LjEwOCAxLjIwNi0xMCA2LjU4NC0xMCAxMS43MjUgMCAzLjk3IDIuNzg2IDYuMjc1IDUuODAxIDYuMjc1IDIuNjE1IDAgNS4xOTktMS43OTcgNS4xOTktNC45NzkgMC0yLjYwMS0xLjkwNS00Ljc1Ny00LjM5Ni01LjE0OS4yMTctMi4wMDQgMi4xNjUtNC45MTEgNC4zOC01Ljc0NmwtLjk4NC0yLjEyNnptLTEzIDBjLTYuMTA4IDEuMjA2LTEwIDYuNTg0LTEwIDExLjcyNSAwIDMuOTcgMi43ODYgNi4yNzUgNS44MDEgNi4yNzUgMi42MTUgMCA1LjE5OS0xLjc5NyA1LjE5OS00Ljk3OSAwLTIuNjAxLTEuOTA1LTQuNzU3LTQuMzk2LTUuMTQ5LjIxNy0yLjAwNCAyLjE2NS00LjkxMSA0LjM4LTUuNzQ2bC0uOTg0LTIuMTI2eiIvPjwvc3ZnPg==);
  background-repeat: no-repeat;
  filter: invert(17%) sepia(44%) saturate(1161%) hue-rotate(197deg) brightness(94%) contrast(105%);
  background-size: cover;
}

/*
.quoteIconErvaring{
  margin-bottom:0.5rem;
  filter: invert(17%) sepia(44%) saturate(1161%) hue-rotate(197deg) brightness(94%) contrast(105%);
}
.ervaringtekst{
  border-left: 1px solid $color-business-blue;
  padding-left: 40px;
}
<svg xmlns="http://www.w3.org/2000/svg" class="quoteIconErvaring" width="20" height="20" viewBox="0 0 24 24"><path d="M19.092 6.863c-1.504 2.31-1.779 4.45-1.681 5.688 6.132-.101 5.696 6.449 1.39 6.449-1.83 0-3.801-1.338-3.801-4.275 0-2.724 1.412-5.845 4.092-7.862zm-13 0c-1.504 2.31-1.779 4.45-1.681 5.688 6.132-.101 5.696 6.449 1.39 6.449-1.83 0-3.801-1.338-3.801-4.275 0-2.724 1.412-5.845 4.092-7.862zm16.908-3.863c-6.108 1.206-10 6.584-10 11.725 0 3.97 2.786 6.275 5.801 6.275 2.615 0 5.199-1.797 5.199-4.979 0-2.601-1.905-4.757-4.396-5.149.217-2.004 2.165-4.911 4.38-5.746l-.984-2.126zm-13 0c-6.108 1.206-10 6.584-10 11.725 0 3.97 2.786 6.275 5.801 6.275 2.615 0 5.199-1.797 5.199-4.979 0-2.601-1.905-4.757-4.396-5.149.217-2.004 2.165-4.911 4.38-5.746l-.984-2.126z"/></svg>
*/
.blog-knop {
  margin: auto;
  margin-top: 50px;
  padding-left: 50px;
  padding-right: 50px;
  margin-bottom: 20px;
  margin-right: 0.625rem;
  margin-left: 0.625rem;
}
@media print, screen and (min-width: 40em) {
  .blog-knop {
    margin-bottom: 0px;
    margin-right: auto;
    margin-left: auto;
  }
}
.blog-knop:hover, .blog-knop:active {
  padding-left: 50px;
  padding-right: 50px;
}

.cm--box {
  background-color: #1e225d !important;
  max-width: unset !important;
  border-radius: 8px;
  padding: 1.2em !important;
  margin-left: 2%;
  margin-right: 2%;
  width: 96% !important;
  margin: 0 auto;
  margin-bottom: 20px !important;
  display: grid !important;
}
@media print, screen and (min-width: 64em) {
  .cm--box {
    max-width: 1350px !important;
    padding: 2.5rem !important;
    width: 90% !important;
    margin-bottom: 4% !important;
  }
}
@media print, screen and (min-width: 40em) {
  .cm--box {
    display: flex !important;
  }
}
.cm--box.cc-invisible {
  display: none !important;
}

#cc-main .cm__texts {
  margin: 0 auto;
  padding-top: 0px !important;
}
@media print, screen and (min-width: 64em) {
  #cc-main .cm__texts {
    max-width: 39em !important;
  }
}

#cc-main .cm__desc {
  font: normal normal normal 16px/20px Lexend !important;
  letter-spacing: 0px;
  --cc-secondary-color:white;
  padding-top: 1em;
  padding-bottom: 1em;
  padding: 0 !important;
  text-align: center;
}
#cc-main .cm__desc::before {
  content: "";
  width: 50px;
  height: 50px;
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("/images/iconmonstr-candy-5-48.png"), linear-gradient(to right, #393D79, #393D79);
  border-radius: 8px;
  margin-right: auto;
  background-size: 25px 25px, auto;
  margin-left: auto;
  margin-bottom: 25px;
}

#cc-main .cc__link, #cc-main a {
  --cc-btn-primary-bg:white;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  font-weight: 400 !important;
  text-decoration: underline;
  border-bottom: 1px solid var(--cc-btn-primary-bg);
}
#cc-main .cc__link:hover, #cc-main a:hover {
  color: white !important;
}

#cc-main .cm__btns {
  --cc-separator-border-color:$color-business-blue;
}

#cc-main .cm__btn {
  padding: 1em 1.7em;
}

#cc-main .cm__btn--secondary {
  font: normal normal 400 14px/16px Lexend !important;
  text-decoration: underline !important;
  --cc-btn-secondary-bg:$color-business-blue;
  --cc-btn-secondary-border-color:$color-business-blue;
  --cc-btn-secondary-color:white;
  font-weight: 400 !important;
  border: none !important;
}
#cc-main .cm__btn--secondary:hover {
  --cc-btn-secondary-hover-bg:$color-business-blue;
  --cc-btn-secondary-hover-border-color:$color-business-blue;
  --cc-btn-secondary-hover-color:white;
  text-decoration: none !important;
}

#cc-main .cm__btn[data-role=all] {
  font: normal normal 600 16px/20px Lexend !important;
  margin: 0 auto !important;
  font-size: 17px !important;
  font-weight: 700;
  padding: 17px 30px;
  min-width: 250px;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  --cc-btn-primary-bg:rgb(241, 214, 0);
  --cc-btn-primary-color:black;
  --cc-btn-border-radius:8px;
}
#cc-main .cm__btn[data-role=all]:hover {
  --cc-btn-primary-hover-bg:rgb(241, 229, 0);
  --cc-btn-primary-hover-color:black;
}

#cc-main .cm__footer {
  --cc-footer-bg:$color-business-blue;
  --cc-footer-border-color:$color-business-blue;
  --cc-footer-color:white;
}

.goodtoknow {
  background: #dcdcdc;
  min-height: 6rem;
  padding: 1.5rem 0;
}
@media print, screen and (min-width: 40em) {
  .goodtoknow {
    padding: 3rem 0;
  }
}
.goodtoknow__title {
  color: #1e225d;
  font-size: 1.7rem;
}
.goodtoknow__large-items {
  margin-top: 1rem;
  border-bottom: 2px solid #1e225d;
}
@media print, screen and (min-width: 40em) {
  .goodtoknow__large-items {
    margin-top: 2rem;
  }
}
@media print, screen and (min-width: 64em) {
  .goodtoknow__large-items {
    border: none;
  }
}
.goodtoknow__small-items {
  margin-top: 1rem;
}
@media print, screen and (min-width: 40em) {
  .goodtoknow__small-items {
    margin-top: 2rem;
  }
}
@media screen and (min-width: 75em) {
  .goodtoknow__small-items {
    margin-top: 4rem;
  }
}

.why-cf {
  padding: 25px 0px;
  padding-bottom: 0px;
  background: linear-gradient(180deg, #ffffff 40%, #F5F5F5 40%);
}
.why-cf__usp {
  row-gap: 20px;
  padding-bottom: 75px;
}
.why-cf__usp__container {
  background-color: white;
  border-radius: 8px;
  box-shadow: 0px 12px 40px 0px rgba(157, 171, 192, 0.2);
  padding: 20px;
  height: 100%;
}
.why-cf__usp__icon {
  height: 128px;
  margin-bottom: 20px;
  text-align: center;
}
.why-cf__usp__subtitle {
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  color: #1e225d;
  font-size: 1.3rem;
  font-weight: bold;
  text-align: center;
}
.why-cf__usp__text {
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  text-align: center;
}
.why-cf__usp--prijs .why-cf__usp__container {
  border: 1px solid #3BC3BE;
}
.why-cf__usp--locatie .why-cf__usp__container {
  border: 1px solid #F5A001;
}
.why-cf__usp--creatief .why-cf__usp__container {
  border: 1px solid #EF5155;
}
.why-cf__usp--top20 .why-cf__usp__container {
  border: 1px solid #b579db;
}
.why-cf__locatie {
  width: 100%;
  max-width: 100%;
}
.why-cf__locatie__foto {
  background: url("/images/cf-locatie-new.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.why-cf__prijs {
  width: 100%;
  max-width: 100%;
}
.why-cf__prijs__foto {
  background: url("/images/cf-prijs-new.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.why-cf__events {
  width: 100%;
  max-width: 100%;
}
.why-cf__events__foto {
  background: url("/images/cf-events-new.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.why-cf__community {
  width: 100%;
  max-width: 100%;
}
.why-cf__community__foto {
  background: url("/images/cf-community.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.why-cf__locatie__tekst, .why-cf__prijs__tekst, .why-cf__events__tekst, .why-cf__community__tekst {
  background: white;
  padding: 30px;
  font-family: "Poppins", sans-serif;
  font-display: fallback;
}
.why-cf__locatie__tekst p, .why-cf__prijs__tekst p, .why-cf__events__tekst p, .why-cf__community__tekst p {
  line-height: 1.9;
}
@media print, screen and (min-width: 40em) {
  .why-cf__locatie__tekst, .why-cf__prijs__tekst, .why-cf__events__tekst, .why-cf__community__tekst {
    padding: 50px;
  }
}
@media print, screen and (min-width: 64em) {
  .why-cf__locatie__tekst, .why-cf__prijs__tekst, .why-cf__events__tekst, .why-cf__community__tekst {
    padding-right: 70px;
  }
}
@media print, screen and (min-width: 64em) {
  .why-cf__prijs__tekst {
    padding-left: 70px;
  }
}
.why-cf__locatie .column, .why-cf__locatie .columns, .why-cf__prijs .column, .why-cf__prijs .columns, .why-cf__events .column, .why-cf__events .columns, .why-cf__community .column, .why-cf__community .columns {
  min-height: 300px;
}
@media print {
  .why-cf .medium-offset-1 {
    margin-left: 0px;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media print, screen and (min-width: 40em) {
  .why-cf {
    padding: 5rem 0;
    padding-bottom: 0px;
  }
}
@media print {
  .why-cf {
    padding-top: 0px;
    padding-bottom: 0px;
  }
}
.why-cf--small {
  padding: 30px 10px 20px 25px;
}
@media screen and (max-width: 39.9375em) {
  .why-cf--small {
    display: none !important;
  }
}
.why-cf__title {
  margin-bottom: 0px;
}
@media print, screen and (min-width: 40em) {
  .why-cf__title {
    margin-bottom: 70px;
  }
}
.why-cf__title h2 {
  margin: 0 0 1rem;
  font-size: 1.5625rem;
  text-align: center;
  padding-left: 15px;
  padding-right: 15px;
}
@media print, screen and (min-width: 40em) {
  .why-cf__title h2 {
    font-size: 2.4375rem;
  }
}
.why-cf__title h3 {
  margin: 0 0 1rem;
  font-size: 1.5625rem;
  text-align: center;
  padding-left: 15px;
  padding-right: 15px;
}
@media print, screen and (min-width: 40em) {
  .why-cf__title h3 {
    font-size: 2.4375rem;
  }
}
.why-cf__title__text {
  color: #8a8a8a;
  margin: 0 0 1rem;
  font-size: 1.1rem;
  text-align: center;
  padding: 0px 25px;
}
@media print, screen and (min-width: 40em) {
  .why-cf__title__text {
    padding: 0px 75px;
  }
}
@media print, screen and (min-width: 64em) {
  .why-cf__title__text {
    padding: 0px 150px;
  }
}
.why-cf__subtitle {
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  color: #1e225d;
  font-size: 1.6rem;
  font-weight: 800;
}
@media print, screen and (min-width: 64em) {
  .why-cf__subtitle {
    padding-top: 30px;
  }
}
.why-cf--small .why-cf__title {
  font-size: 1.5rem;
}
.why-cf__calltoaction {
  padding-bottom: 75px;
}
.why-cf__action {
  display: inline-block;
  margin: 2rem 0 0;
  color: white;
  font-size: 1.0625rem;
  text-decoration: none;
  font-weight: bold;
}
.why-cf__action:hover {
  color: #e0e0e0;
}
.why-cf__action i {
  font-size: 140%;
  position: relative;
  top: 4px;
  left: 10px;
}
@media print {
  .why-cf__action {
    display: none;
  }
}

.cf-proof {
  margin: 25px 0px;
}
.cf-proof--category {
  margin: 80px 0px;
  margin-top: 150px;
}
.cf-proof--category .row > .column, .cf-proof--category .row > .columns {
  padding: 0 2rem;
}
@media print, screen and (min-width: 40em) {
  .cf-proof {
    margin: 150px 0px;
  }
  .cf-proof--category .row > .column, .cf-proof--category .row > .columns {
    padding: 0 0.9375rem;
  }
}
.cf-proof__text__title {
  font-size: 1.5625rem;
  font-weight: 800;
  margin-bottom: 25px;
}
@media print, screen and (min-width: 40em) {
  .cf-proof__text__title {
    margin-bottom: 35px;
    font-size: 2.4375rem;
  }
}
.cf-proof__text__description {
  margin-bottom: 35px;
}
@media print, screen and (min-width: 64em) {
  .cf-proof__usps {
    padding-left: 4rem !important;
  }
}
.cf-proof__usps__container {
  border: 3px solid rgba(239, 81, 85, 0.5);
  border-radius: 10px;
  padding: 15px;
  display: flex;
  margin-bottom: 17px;
}
@media print, screen and (min-width: 64em) {
  .cf-proof__usps__container {
    padding: 30px;
  }
}
.cf-proof__usps__container__icon {
  height: 60px !important;
}
.cf-proof__usps__container__counter {
  flex-width: 40%;
}
.cf-proof__usps__container__text p {
  margin-bottom: 0px;
  font-size: 18px;
  font-weight: 500;
}
.cf-proof__usps__container__text p span {
  font-size: 18px !important;
  font-weight: 500 !important;
}
.cf-proof__usps__container:first-of-type {
  border: 3px solid rgba(59, 195, 190, 0.5);
}
.cf-proof__usps__container:nth-of-type(2) {
  border: 3px solid rgba(245, 160, 1, 0.5);
}
.cf-proof__usp {
  padding-left: 1.1rem;
  padding-right: 1.1rem;
  margin-bottom: 25px;
}
@media print, screen and (min-width: 64em) {
  .cf-proof__usp {
    margin-bottom: 0px;
  }
}
.cf-proof__usp__icon {
  height: 128px;
  margin-bottom: 20px;
}
.cf-proof__usp--trainingen .cf-proof__usp__container {
  border: 3px solid rgba(239, 81, 85, 0.5);
  border-radius: 10px;
  padding: 25px 0px;
  padding-bottom: 35px;
  height: 100%;
}
.cf-proof__usp--trainingen .cf-proof__usp__icon {
  background: url("/images/icons/128/33_TRAINER.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
.cf-proof__usp--incompany .cf-proof__usp__container {
  border: 3px solid rgba(245, 160, 1, 0.5);
  border-radius: 10px;
  padding: 25px 0px;
  padding-bottom: 35px;
  height: 100%;
}
.cf-proof__usp--incompany .cf-proof__usp__icon {
  background: url("/images/icons/128/22_WORKFLOW.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
.cf-proof__usp--cursisten .cf-proof__usp__container {
  border: 3px solid rgba(59, 195, 190, 0.5);
  border-radius: 10px;
  padding: 25px 0px;
  padding-bottom: 35px;
  height: 100%;
}
.cf-proof__usp--cursisten .cf-proof__usp__icon {
  background: url("/images/icons/128/17_PERSUASION.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
.cf-proof__usp--creatief .cf-proof__usp__icon {
  background: url("/images/icons/128/36_IDEA.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
.cf-proof__usp--top20 .cf-proof__usp__icon {
  background: url("/images/icons/128/6_COMMUNITY.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
.cf-proof__usp__subtitle {
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  font-size: 2.5rem;
  font-weight: 800;
  text-align: center;
  color: rgb(29, 33, 94);
  margin-bottom: 0px;
}
@media print, screen and (min-width: 64em) {
  .cf-proof__usp__subtitle {
    font-size: 4rem;
  }
}
.cf-proof__usp__text {
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  text-align: center;
  font-size: 1.3rem;
  margin-bottom: 0px;
}
@media print {
  .cf-proof .medium-offset-1 {
    margin-left: 0px;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media print {
  .cf-proof {
    padding-top: 0px;
    padding-bottom: 0px;
  }
}
.cf-proof--small {
  padding: 30px 10px 20px 25px;
}
@media screen and (max-width: 39.9375em) {
  .cf-proof--small {
    display: none !important;
  }
}
.cf-proof__title {
  margin-bottom: 40px;
}
@media print, screen and (min-width: 40em) {
  .cf-proof__title {
    margin-bottom: 70px;
  }
}
.cf-proof__title h2 {
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  font-size: 25px;
  margin-bottom: 35px;
  font-weight: 800;
  text-align: start;
}
@media print, screen and (min-width: 40em) {
  .cf-proof__title h2 {
    font-size: 45px;
    text-align: center;
  }
}
.cf-proof__title__text {
  font-size: 1.125rem;
  text-align: start;
  margin-right: 20px;
}
@media print, screen and (min-width: 40em) {
  .cf-proof__title__text {
    text-align: center;
    margin-right: 0px;
  }
}
.cf-proof__subtitle {
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  color: #0a0a0a;
  font-size: 1.6rem;
  font-weight: 800;
}
@media print, screen and (min-width: 64em) {
  .cf-proof__subtitle {
    padding-top: 30px;
  }
}
.cf-proof--small .cf-proof__title {
  font-size: 1.5rem;
}
.cf-proof__action {
  display: inline-block;
  margin: 2rem 0 0;
  color: white;
  font-size: 1.0625rem;
  text-decoration: none;
  font-weight: bold;
}
.cf-proof__action:hover {
  color: #e0e0e0;
}
.cf-proof__action i {
  font-size: 140%;
  position: relative;
  top: 4px;
  left: 10px;
}
@media print {
  .cf-proof__action {
    display: none;
  }
}

.cta-block__intake {
  position: relative;
  margin: 75px 0px;
}
.cta-block__intake.greybackground {
  margin: 0px;
  padding: 75px 0px;
  background-color: rgb(248, 248, 250);
}
.cta-block__intake__lettersbg {
  display: none;
}
@media print, screen and (min-width: 64em) {
  .cta-block__intake__lettersbg {
    display: block;
    position: absolute;
    width: 55%;
    height: 100%;
    left: 45%;
    top: 20px;
    z-index: -1;
    font-size: 400px;
    overflow: hidden;
    font-family: "Lexend", sans-serif;
    font-display: fallback;
    font-size: 750px;
    font-weight: 800;
    letter-spacing: -90px;
    line-height: 545px;
    color: #00c4c2;
  }
}
.cta-block__intake__text {
  padding-top: 20px;
  padding-bottom: 40px;
  font-size: 1.125rem;
}
@media print, screen and (min-width: 40em) {
  .cta-block__intake__text {
    padding-bottom: 40px;
    padding-top: 100px;
  }
}
@media screen and (min-width: 75em) {
  .cta-block__intake__text > div {
    width: 80%;
  }
}
.cta-block__intake__text h2 {
  font-size: 20px !important;
}
@media print, screen and (min-width: 40em) {
  .cta-block__intake__text h2 {
    font-size: 36px !important;
  }
}
.cta-block__intake__text p {
  margin-bottom: 40px;
}
@media print, screen and (min-width: 40em) {
  .cta-block__intake__text p {
    font-size: 1.125rem;
  }
}
.cta-block__intake__text .cf-button--orange-flat .cf-button__text {
  font-size: 1.125rem;
}
.cta-block__intake__text .cf-button--orange-flat .cf-button__icon {
  top: -0.125em;
}
.cta-block__intake__text__callout {
  margin-top: 10px;
  box-shadow: 0px 3px 10px rgba(42, 62, 82, 0.129);
  border: 1px solid #1e225d;
  border-radius: 8px;
}
@media print, screen and (min-width: 40em) {
  .cta-block__intake__text__callout {
    margin-top: 40px;
  }
}
.cta-block__intake__text__callout__title {
  background-color: #1e225d;
  color: white;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  padding: 8px 25px;
  font-size: 1.125rem;
  font-weight: 800;
  text-align: center;
}
@media print, screen and (min-width: 64em) {
  .cta-block__intake__text__callout__title {
    padding: 8px 25px;
    text-align: left;
  }
}
.cta-block__intake__text__callout__content {
  padding: 14px 10px;
}
@media print, screen and (min-width: 64em) {
  .cta-block__intake__text__callout__content {
    padding: 20px 25px;
  }
}
.cta-block__intake__text__callout__content__item {
  display: flex;
  flex-wrap: wrap;
  text-decoration: none;
  margin-bottom: 10px;
}
.cta-block__intake__text__callout__content__item .icon {
  margin-right: 5px;
}
.cta-block__intake__text__callout__content__item .icon img {
  width: 15px;
  filter: invert(9%) sepia(69%) saturate(2738%) hue-rotate(228deg) brightness(99%) contrast(93%);
}
@media print, screen and (min-width: 40em) {
  .cta-block__intake__text__callout__content__item .icon {
    margin-right: 20px;
  }
  .cta-block__intake__text__callout__content__item .icon img {
    width: 24px;
  }
}
.cta-block__intake__text__callout__content__item .text {
  font-weight: 600;
  font-size: 0.9375rem;
}
@media print, screen and (min-width: 40em) {
  .cta-block__intake__text__callout__content__item .text {
    font-size: 1rem;
  }
}
.cta-block__intake__text__callout__content__item:hover {
  text-decoration: underline;
}
.cta-block__intake__text__callout__content__item:last-of-type {
  margin-bottom: 0px;
}
.cta-block__intake__title {
  padding-top: 100px;
  padding-bottom: 100px;
}
.cta-block__intake__title p {
  margin: 0px;
  font-size: 1.125rem;
}
.cta-block__intake__designation {
  padding: 10px 15px;
  background-color: white;
  font-size: 0.875rem;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
.cta-block__intake__designation strong {
  font-weight: 800;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
}
.cta-block__intake__image {
  display: flex;
  position: relative;
  height: 300px;
}
.cta-block__intake__image__lettersbg {
  height: 100%;
  width: 100vw;
  z-index: -1;
  font-size: 400px;
  overflow: hidden;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  font-size: 350px;
  font-weight: 800;
  letter-spacing: -30px;
  line-height: 250px;
  position: absolute;
  left: -20px;
  text-align: right;
}
@media print, screen and (min-width: 40em) {
  .cta-block__intake__image__lettersbg {
    text-align: center;
  }
}
@media print, screen and (min-width: 64em) {
  .cta-block__intake__image__lettersbg {
    display: none;
  }
}
@media print, screen and (min-width: 64em) {
  .cta-block__intake__image {
    padding-left: 1.5rem;
    height: inherit;
  }
}
.cta-block__intake__image > img {
  position: absolute;
  bottom: 0px;
  right: 0px;
  max-height: 350px;
}
@media print, screen and (min-width: 40em) {
  .cta-block__intake__image > img {
    left: 50%;
    transform: translateX(-50%);
  }
}
@media print, screen and (min-width: 64em) {
  .cta-block__intake__image > img {
    left: unset;
    transform: none;
    right: 0px;
    max-height: 500px;
  }
}
@media screen and (min-width: 75em) {
  .cta-block__intake__image > img {
    right: 60px;
  }
}
.cta-block__intake__image__textbox {
  align-self: flex-end;
  width: 100%;
}
@media print, screen and (min-width: 64em) {
  .cta-block__intake__image__textbox {
    position: relative;
    width: 90%;
    width: 96%;
    bottom: -40px;
  }
}
@media print, screen and (min-width: 64em) {
  .cta-block__intake__image__textbox.training {
    bottom: -20px;
  }
}
.cta-block__intake__image .cluster-header__background__designation {
  display: inline-block;
  position: relative;
  bottom: 0px;
  left: 8px;
  margin-bottom: 8px;
}
.cta-block__intake__image .cluster-header__background__overlay__reviews {
  position: relative;
  bottom: 0px;
  width: 100%;
}
.cta-block__brochure {
  background-color: #58c2c1;
  margin: 75px 0px;
}
.cta-block__brochure__text {
  padding-top: 40px;
  padding-bottom: 100px;
  color: #1E225C h2;
  color-font-size: 2rem;
  color-margin-bottom: 25px;
}
@media print, screen and (min-width: 40em) {
  .cta-block__brochure__text {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
.cta-block__brochure__text__description {
  margin-bottom: 20px;
  color: #1E225C;
}
.cta-block__brochure__usps {
  list-style-type: none;
  margin-left: 0px;
  margin-bottom: 25px;
}
.cta-block__brochure__usps__usp {
  display: inline-block;
  width: 85%;
}
.cta-block__brochure__usps li {
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  font-size: 1rem;
  font-weight: bold;
  margin-top: 15px;
  color: #1b2a68;
}
.cta-block__brochure__usps li .fa, .cta-block__brochure__usps li .svg-inline--fa {
  font-size: 1.2rem;
  margin-right: 15px;
  display: inline-block;
  font-weight: normal;
  vertical-align: top;
}
.cta-block__brochure__image {
  /*position:relative;*/
  padding-top: 100px;
}
@media print, screen and (min-width: 40em) {
  .cta-block__brochure__image {
    padding: 50px 0px;
  }
}
.cta-block__brochure__image img {
  width: 50%;
  /*@include breakpoint(large) {
  	position:relative;
  	bottom:40px;
  	max-width:65%;
  	width:100%;
  }*/
}
@media screen and (min-width: 40em) {
  .cta-block__brochure__image img {
    width: 70%;
    max-width: 230px;
  }
}
.cta-block__event {
  background-color: #58c2c1;
  margin: 75px 0px;
}
.cta-block__event__text {
  padding-top: 40px;
  padding-bottom: 100px;
}
@media print, screen and (min-width: 40em) {
  .cta-block__event__text {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
.cta-block__event__text h2 {
  font-size: 2rem;
  margin-bottom: 25px;
}
.cta-block__event__text__description {
  margin-bottom: 20px;
}
.cta-block__event__usps {
  list-style-type: none;
  margin-left: 0px;
  margin-bottom: 25px;
}
.cta-block__event__usps__usp {
  display: inline-block;
  width: 80%;
}
.cta-block__event__usps li {
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  font-size: 1rem;
  font-weight: bold;
  margin-top: 15px;
  color: #1b2a68;
}
.cta-block__event__usps li .fa, .cta-block__event__usps li .svg-inline--fa {
  font-size: 1.2rem;
  margin-right: 15px;
  display: inline-block;
  font-weight: normal;
  vertical-align: top;
}
.cta-block__event__image {
  position: relative;
  padding-top: 100px;
}
@media print, screen and (min-width: 40em) {
  .cta-block__event__image {
    padding-top: 0px;
  }
}
.cta-block__event__image img {
  width: 100%;
  border-radius: 0px 0px 0px 70px;
}
@media print, screen and (min-width: 40em) {
  .cta-block__event__image img {
    position: absolute;
    top: 40px;
    width: 80%;
  }
}
@media print, screen and (min-width: 64em) {
  .cta-block__event__image img {
    position: absolute;
    top: 40px;
    max-width: 100%;
    width: 100%;
  }
}
.cta-block__callout {
  background: #00C4C2 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 10px rgba(42, 62, 82, 0.2);
  border: 1px solid #1C2663;
  border-radius: 12px;
  padding: 0px;
  width: 100%;
}
.cta-block__callout > div {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.cta-block__callout__details {
  padding: 1.5rem 2rem;
}
@media print, screen and (min-width: 64em) {
  .cta-block__callout__details {
    padding-right: 1rem;
  }
}
.cta-block__callout__details__links-box a {
  margin-bottom: 10px;
}
@media print, screen and (min-width: 64em) {
  .cta-block__callout__details__links-box {
    display: flex;
  }
  .cta-block__callout__details__links-box a {
    margin-bottom: 0px;
  }
}
.cta-block__callout__details__links-box a.cf-button--blue {
  color: white !important;
}
.cta-block__callout__details__links-box a.cf-button--blue-flat-alt.outline .cf-button__icon {
  margin-right: 10px;
  margin-left: 0px;
}
.cta-block__callout__image {
  padding: 0;
  text-align: center;
}
.cta-block__callout__image img {
  max-height: 200px;
}
@media print, screen and (min-width: 64em) {
  .cta-block__callout__image img {
    max-height: unset;
  }
}
@media print, screen and (min-width: 40em) {
  .cta-block__callout.contact > div {
    flex-wrap: nowrap;
  }
}
.cta-block--general {
  background-color: #1e225d;
}
.cta-block--general .cta-block__intake {
  background-color: #1e225d;
}
.cta-block--general .cta-block__intake__text {
  color: white;
}
.cta-block--general .cta-block__intake__text h2 {
  color: white;
}
.cta-block--general .cta-block__intake__text p {
  color: white;
}
.cta-block--general .cta-block__intake__title p {
  color: white;
}
.cta-block--general .cta-block__brochure {
  background-color: #1e225d;
}
.cta-block--general .cta-block__brochure__text h2 {
  color: white;
}
.cta-block--general .cta-block__brochure__usps li {
  color: white;
}
.cta-block--general .cta-block__brochure__usps li .fa, .cta-block--general .cta-block__brochure__usps li .svg-inline--fa {
  color: white;
}
.cta-block--cyan {
  background-color: #1e225d;
}
.cta-block--cyan .cta-block__intake {
  background-color: #1e225d;
}
.cta-block--cyan .cta-block__intake__text {
  color: white;
}
.cta-block--cyan .cta-block__intake__text h2 {
  color: white;
}
.cta-block--cyan .cta-block__intake__text p {
  color: white;
}
.cta-block--cyan .cta-block__intake__title p {
  color: white;
}
.cta-block--cyan .cta-block__brochure {
  background-color: #1e225d;
}
.cta-block--cyan .cta-block__brochure__text h2 {
  color: white;
}
.cta-block--cyan .cta-block__brochure__usps li {
  color: white;
}
.cta-block--cyan .cta-block__brochure__usps li .fa, .cta-block--cyan .cta-block__brochure__usps li .svg-inline--fa {
  color: white;
}

.about-cf {
  background: #fbfbfb;
  padding: 25px 15px;
}
@media print {
  .about-cf .medium-offset-1 {
    margin-left: 0px;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media print, screen and (min-width: 40em) {
  .about-cf {
    padding: 3rem 0;
  }
}
@media print {
  .about-cf {
    padding-top: 0px;
    padding-bottom: 0px;
  }
}
.about-cf--small {
  padding: 30px 10px 20px 25px;
}
@media screen and (max-width: 39.9375em) {
  .about-cf--small {
    display: none !important;
  }
}
.about-cf__title {
  margin-bottom: 30px;
}
.about-cf__title h2 {
  color: #1e225d;
  margin: 0 0 1rem;
  font-size: 1.8rem;
  text-align: center;
}
.about-cf__title__text {
  color: #8a8a8a;
  margin: 0 0 1rem;
  font-size: 1.1rem;
  text-align: center;
  padding: 0px 25px;
}
@media print, screen and (min-width: 40em) {
  .about-cf__title__text {
    padding: 0px 75px;
  }
}
@media print, screen and (min-width: 64em) {
  .about-cf__title__text {
    padding: 0px 150px;
  }
}
.about-cf__subtitle {
  color: #0a0a0a;
  font-size: 1.5rem;
  font-weight: 600;
}
.about-cf--small .about-cf__title {
  font-size: 1.5rem;
}
.about-cf__action {
  display: inline-block;
  margin: 2rem 0 0;
  color: white;
  font-size: 1.0625rem;
  text-decoration: none;
  font-weight: bold;
}
.about-cf__action:hover {
  color: #e0e0e0;
}
.about-cf__action i {
  font-size: 140%;
  position: relative;
  top: 4px;
  left: 10px;
}
@media print {
  .about-cf__action {
    display: none;
  }
}

.sidebar-block {
  background: white;
  color: #1e225d;
  padding: 15px;
  margin: 0 0 1px;
}
.sidebar-block__title {
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  font-weight: bold;
  font-size: 1.4375rem;
  color: #1e225d;
}
.sidebar-block__text {
  font-size: 1.0625rem;
  font-weight: 600;
  color: #1e225d;
}
.sidebar-block--light {
  background: #1e225d;
}
@media print, screen and (min-width: 64em) {
  .sidebar-block--light {
    border-radius: 8px;
  }
}
.sidebar-block--light .sidebar-block__title {
  font-size: 1.25rem;
  color: rgb(255, 255, 255);
}
.sidebar-block--light .sidebar-block__text {
  font-size: 1rem;
  font-weight: normal;
  color: white;
}
.sidebar-block--grey {
  background: #cacaca;
}
.sidebar-block--grey .sidebar-block__title {
  color: #1e225d;
}
@media print, screen and (min-width: 64em) {
  .sidebar-block {
    padding: 20px;
  }
}

.opleidingsadvies__contact {
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  font-weight: bold;
  font-size: 1.4375rem;
  margin: 0;
}
.opleidingsadvies__image {
  margin-bottom: -15px;
  text-align: center;
}
@media print, screen and (min-width: 64em) {
  .opleidingsadvies__image {
    margin-bottom: -20px;
  }
}
.opleidingsadvies__image img {
  -o-object-fit: contain;
     object-fit: contain;
  margin-top: 16px;
}
.opleidingsadvies__heads li {
  width: 55px;
  height: 55px;
  background: #ccc;
  border-radius: 50%;
  list-style-type: none;
  position: relative;
  overflow: hidden;
  display: inline-block;
  margin: 0 0 0 15px;
}
.opleidingsadvies__heads li img {
  width: auto;
  height: 100%;
  max-width: inherit;
}
.opleidingsadvies__heads li:first-child {
  margin-left: 0;
}
.opleidingsadvies__tel a {
  color: rgba(255, 255, 255, 0.9);
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  text-decoration: none;
  transition: color 400ms;
  display: flex;
  align-items: center;
  -moz-column-gap: 16px;
       column-gap: 16px;
}
.opleidingsadvies__tel a span {
  color: white;
}
.opleidingsadvies__tel a:hover, .opleidingsadvies__tel a:focus {
  color: white;
}
.opleidingsadvies__tel a img {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(33deg) brightness(104%) contrast(105%);
}
.opleidingsadvies__tel a span {
  font-family: "Lexend", sans-serif;
  font-display: fallback;
}
.opleidingsadvies__tel a i {
  position: relative;
  top: 2px;
  margin-right: 10px;
}
.opleidingsadvies__print a {
  color: rgba(255, 255, 255, 0.9);
  text-decoration: none;
  font-size: 1.0625rem;
  font-weight: 600;
  transition: color 400ms;
}
.opleidingsadvies__print a:hover, .opleidingsadvies__print a:focus {
  color: white;
}
.opleidingsadvies__print a i {
  position: relative;
  top: 2px;
  margin-right: 10px;
}
.opleidingsadvies__brochure span {
  font-size: 1rem;
}

.stap-menu-counter {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.stap-menu-counter__announcement {
  margin-right: 15px;
  color: #1e225d;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  font-weight: 500;
}

.counter {
  display: inline-flex;
  align-items: center;
  color: white;
  font-weight: bold;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
}
.counter__item {
  margin-right: 15px;
  color: white;
  flex-shrink: 2;
  flex-basis: 33%;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
}
@media print, screen and (min-width: 40em) {
  .counter__item {
    flex-basis: auto;
  }
}
.counter.center {
  display: flex;
  justify-content: center;
}
.counter.center .counter__item {
  flex-shrink: auto;
}
.counter--blue {
  background: #F2F8FF;
  border-radius: 4px;
  padding: 10px 15px;
}

.card-item {
  display: block;
  position: relative;
  padding-bottom: 0.72em;
  font-size: 1.25rem;
  line-height: 0.95;
  text-align: center;
}

.counter__item__card__top, .counter__item__card__bottom, .counter__item__card__back::before, .counter__item__card__back::after {
  display: block;
  height: 0.72em;
  color: #1e225d;
  background: #fff;
  padding: 0.25em 0.25em;
  border-radius: 4px 4px 0 0;
  backface-visiblity: hidden;
  transform-style: preserve-3d;
  width: 1.4em;
  transform: translateZ(0);
}
.counter__item__card__bottom {
  color: #1e225d;
  position: absolute;
  top: 50%;
  left: 0;
  background: #FFF;
  border-radius: 0 0 4px 4px;
  pointer-events: none;
  overflow: hidden;
}
.counter__item__card__bottom::after {
  display: block;
  margin-top: -0.72em;
}
.counter__item__card__back::before, .counter__item__card__bottom::after {
  content: attr(data-value);
}
.counter__item__card__back {
  position: absolute;
  top: 0;
  height: 100%;
  left: 0%;
  pointer-events: none;
}
.counter__item__card__back::before {
  position: relative;
  z-index: -1;
  overflow: hidden;
}

.flip-clock__slot {
  display: none;
}

.flip .counter__item__card__back::before {
  animation: flipTop 0.3s cubic-bezier(0.37, 0.01, 0.94, 0.35);
  animation-fill-mode: both;
  transform-origin: center bottom;
}

.flip .counter__item__card__back .counter__item__card__bottom {
  transform-origin: center top;
  animation-fill-mode: both;
  animation: flipBottom 0.6s cubic-bezier(0.15, 0.45, 0.28, 1);
}

@keyframes flipTop {
  0% {
    transform: rotateX(0deg);
    z-index: 2;
  }
  0%, 99% {
    opacity: 0.99;
  }
  100% {
    transform: rotateX(-90deg);
    opacity: 0;
  }
}
@keyframes flipBottom {
  0%, 50% {
    z-index: -1;
    transform: rotateX(90deg);
    opacity: 0;
  }
  51% {
    opacity: 0.99;
  }
  100% {
    opacity: 0.99;
    transform: rotateX(0deg);
    z-index: 5;
  }
}
.digit {
  position: relative;
  float: left;
  width: 15px;
  height: 25px;
  background-color: #fff;
  border-radius: 4px;
  text-align: center;
  font-family: Lexend, open-sans;
  font-weight: 600;
  font-size: 12px;
}
@media print, screen and (min-width: 40em) {
  .digit {
    font-size: 14px;
  }
}

.base {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #1e225d;
}

.flap {
  display: none;
  position: absolute;
  width: 100%;
  height: 50%;
  background-color: #fff;
  left: 0;
  top: 0;
  border-radius: 4px 4px 0 0;
  transform-origin: 50% 100%;
  backface-visibility: hidden;
  overflow: hidden;
}
.flap::before {
  content: attr(data-content);
  position: absolute;
  left: 50%;
}
.flap.front::before, .flap.under::before {
  top: 100%;
  transform: translate(-50%, -50%);
}
.flap.back {
  transform: rotateY(180deg);
}
.flap.back::before {
  top: 100%;
  transform: translate(-50%, -50%) rotateZ(180deg);
}
.flap.over {
  z-index: 2;
}
.flap.under {
  z-index: 1;
}
.flap.front {
  animation: flip-down-front 300ms ease-in both;
}
.flap.back {
  animation: flip-down-back 300ms ease-in both;
}
.flap.under {
  animation: fade-under 300ms ease-in both;
}

@keyframes flip-down-front {
  0% {
    transform: rotateX(0deg);
    background-color: #fff;
    color: #1e225d;
  }
  100% {
    transform: rotateX(-180deg);
    background-color: rgb(165.75, 165.75, 165.75);
    color: black;
  }
}
@keyframes flip-down-back {
  0% {
    transform: rotateY(180deg) rotateX(0deg);
    background-color: rgb(165.75, 165.75, 165.75);
    color: black;
  }
  100% {
    transform: rotateY(180deg) rotateX(180deg);
    background-color: #fff;
    color: #1e225d;
  }
}
@keyframes fade-under {
  0% {
    background-color: rgb(165.75, 165.75, 165.75);
    color: black;
  }
  100% {
    background-color: #fff;
    color: #1e225d;
  }
}
.clock {
  perspective: 100vw;
  perspective-origin: 50% 50%;
  flex-grow: 2;
}
@media print, screen and (min-width: 40em) {
  .clock {
    flex-grow: initial;
  }
}
.clock .digit {
  margin-right: 0px;
  border-radius: 4px 0px 0px 4px;
  padding-left: 15px;
  margin-right: -1px;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  margin-left: 0px;
  font-size: 12px;
}
.clock .digit.even {
  border-radius: 0px 4px 4px 0px;
  padding-right: 15px;
  margin-left: -2px;
  margin-right: 0px;
  padding-left: 0px;
}
.clock .digit:last-child {
  margin-right: 0;
}
.clock .seperator {
  margin: 0px 5px;
  color: white;
  font-family: Lexend;
  font-weight: 600;
  float: left;
  font-size: 1rem;
}

.counter.simple .digit, .counter.simple .flap, .counter.simple .flap::before {
  background-color: #1e225d;
  font-family: "Poppins", sans-serif;
  width: unset;
  height: unset;
}
.counter.simple .base {
  top: unset;
  left: unset;
}
.counter.simple .digit {
  padding: 0px;
  margin: 0px;
  padding-right: 5px;
  color: white;
  font-size: unset;
}
.counter.simple .base, .counter.simple .flap::before, .counter.simple .denominator {
  color: white;
  display: inline-block;
  position: relative;
  transform: none;
  font-family: "Poppins", sans-serif;
}
.counter.simple .flap::before {
  border-color: #1e225d;
}
.counter.simple .counter__item {
  margin-right: 5px;
  flex-basis: auto;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
}
.counter.simple .counter__item__card__top, .counter.simple .counter__item__card__bottom, .counter.simple .counter__item__card__back::before, .counter.simple .counter__item__card__back::after {
  background: #1e225d;
}

@keyframes slidein {
  0% {
    opacity: 0;
    transform: translateY(100vh);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes slideout {
  0% {
    opacity: 1;
    transform: none;
  }
  100% {
    opacity: 0;
    transform: translateY(-100vh);
  }
}
#tooltip-9r6ous {
  max-width: 20rem;
}

.fullscreenform {
  height: 100vh;
  position: relative;
}
.fullscreenform__progress {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  width: 100%;
  height: 15px;
  z-index: 10;
  background-color: #FFD9A0;
}
.fullscreenform__progress__number {
  display: none;
}
.fullscreenform__progress__current {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 0%;
  height: 100%;
  background-color: #ff9900;
}
.fullscreenform__header {
  position: absolute;
  top: 15px;
  left: 0px;
  right: 0px;
  width: 100%;
  z-index: 10;
  display: flex;
  padding: 0 15px;
  background-color: #1e225d;
  padding-top: 15px;
  justify-content: space-between;
  align-items: center;
}
@media print, screen and (min-width: 64em) {
  .fullscreenform__header {
    background-color: transparent;
    padding: 0 30px;
    padding-top: 15px;
  }
}
.fullscreenform__header__logo {
  text-align: center;
  width: 100%;
}
.fullscreenform__header__logo img {
  width: 150px;
}
@media print, screen and (min-width: 64em) {
  .fullscreenform__header__logo img {
    width: 250px;
  }
}
@media print, screen and (min-width: 64em) {
  .fullscreenform__header__logo {
    text-align: left;
    width: unset;
  }
}
.fullscreenform__header__reviews {
  display: none;
}
.fullscreenform__header__reviews p.home-leader-new__subtext {
  color: white;
  max-width: 100%;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  font-size: 16px;
}
.fullscreenform__header__reviews p.home-leader-new__subtext span {
  font-family: "Lexend", sans-serif;
  font-display: fallback;
}
.fullscreenform__header__reviews p.home-leader-new__subtext .start__reviews__ratings__text {
  color: white;
}
.fullscreenform__header__reviews p.home-leader-new__subtext .start__reviews__ratings__text strong {
  color: white;
}
@media print, screen and (min-width: 64em) {
  .fullscreenform__header__reviews {
    display: block;
  }
}
.fullscreenform__footer {
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
  right: 0px;
  width: 100%;
  max-width: 1024px;
  z-index: 10;
  display: flex;
  padding: 20px 15px;
  border-top: 1px solid #939393;
  background-color: #1e225d;
  padding-top: 20px;
  justify-content: space-between;
  align-items: center;
}
@media print, screen and (min-width: 64em) {
  .fullscreenform__footer {
    background-color: transparent;
  }
}
@media screen and (min-width: 75em) {
  .fullscreenform__footer {
    padding: 20px 0px;
    bottom: 50px;
  }
}
.fullscreenform__footer__button a {
  border: 1px solid #FFFFFF;
  border-radius: 4px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: white;
  padding: 8px 15px;
  text-decoration: none;
  gap: 15px;
  transition: all 400ms;
}
.fullscreenform__footer__button a:hover {
  background: white;
  color: #1e225d;
}
.fullscreenform__footer__button a:hover span {
  color: #1e225d;
}
.fullscreenform__footer__button a:hover img {
  filter: invert(13%) sepia(24%) saturate(4675%) hue-rotate(220deg) brightness(87%) contrast(97%);
}
.fullscreenform__footer__button__text {
  font-weight: 600;
  color: white;
}
.fullscreenform__footer__button__icon {
  height: 16px;
  line-height: 16px;
}
.fullscreenform__footer__button__icon img {
  width: 16px;
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(263deg) brightness(103%) contrast(102%);
}
.fullscreenform__footer__text {
  font-size: 14px;
  font-weight: medium;
  color: white;
}
@media print, screen and (min-width: 64em) {
  .fullscreenform__footer__text {
    font-size: 17px;
  }
}
.fullscreenform__container {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media print, screen and (min-width: 40em) {
  .fullscreenform__container {
    justify-content: center;
  }
}
.fullscreenform__container__section {
  width: 100%;
  height: 100%;
  max-height: 100vh;
  overflow: hidden;
  overflow-y: scroll;
}
.fullscreenform__container__section__container {
  width: 100%;
  max-width: 1024px;
  margin: 0 auto;
}
.fullscreenform__container__section__container .step-module__section {
  padding-top: 0px;
  transition: all 600ms ease-out;
}
.fullscreenform__container__section__container .step-module__section img.logo {
  width: 50%;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  max-width: 350px;
}
.fullscreenform__container__section__container .step-module__section h3, .fullscreenform__container__section__container .step-module__section p {
  text-align: center;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
}
.fullscreenform__container__section__container .step-module__section h3 {
  margin-top: 25px;
  font-size: 1.4rem;
}
@media print, screen and (min-width: 64em) {
  .fullscreenform__container__section__container .step-module__section h3 {
    margin-top: 70px;
  }
}
@media screen and (min-width: 75em) {
  .fullscreenform__container__section__container .step-module__section h3 {
    font-size: 2.4375rem !important;
  }
}
.fullscreenform__container__section__container .step-module__section.category_section h3 {
  padding-top: 100px;
}
@media print, screen and (min-width: 64em) {
  .fullscreenform__container__section__container .step-module__section.category_section h3 {
    margin-top: 70px;
  }
}
.fullscreenform__container__section__container .step-module__section .home-leader-new__subtext {
  max-width: 100%;
  margin-top: 80px;
  font-size: 1rem;
  background: transparent;
  align-items: center;
  justify-content: center;
}
.fullscreenform__container__section__container .step-module__section label {
  display: none;
}
.fullscreenform__container__section__container .step-module__section .input-group-field {
  border: 1px solid #707070;
  margin-top: 10px;
  border-radius: 8px;
  padding: 25px 45px;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
}
.fullscreenform__container__section__container .step-module__section .input-group-field::-moz-placeholder {
  color: #1e225d;
}
.fullscreenform__container__section__container .step-module__section .input-group-field::placeholder {
  color: #1e225d;
}
@media print, screen and (min-width: 64em) {
  .fullscreenform__container__section__container .step-module__section .input-group-field {
    width: 52%;
    margin: 0 auto;
  }
}
.fullscreenform__container__section__container .step-module__section.slidein {
  animation-duration: 1s;
  animation-name: slidein;
  animation-fill-mode: forwards;
}
.fullscreenform__container__section__container .step-module__section.slideout {
  animation-duration: 1s;
  animation-name: slideout;
  animation-fill-mode: forwards;
}
.fullscreenform__container__section__container .step-module__section.current {
  transform: none;
  opacity: 1;
}
.fullscreenform__container__section__container .step-module.test .step-module__section h3 {
  width: 100%;
}
.fullscreenform__container__section__container .step-module__section__choices {
  margin-top: 10px;
  gap: 10px;
}
@media print, screen and (min-width: 64em) {
  .fullscreenform__container__section__container .step-module__section__choices {
    gap: 25px;
  }
}
.fullscreenform__container__section__container .step-module__section__choices > div {
  font-size: 16px;
}
.fullscreenform__container__section__container .step-module__section__choices > div p {
  text-align: left;
}
.fullscreenform__container__section__container .step-module__section__choices > div.category {
  min-height: 70px;
  padding: 10px 30px;
  font-size: 14px !important;
}
@media print, screen and (min-width: 64em) {
  .fullscreenform__container__section__container .step-module__section__choices > div.category {
    min-height: 50px;
    font-size: 16px;
  }
}
.fullscreenform__container__section__container .step-module__section__choices > div.category input {
  top: 16px;
  accent-color: #1E225C;
}
@media screen and (min-width: 75em) {
  .fullscreenform__container__section__container .step-module__section__choices > div.category {
    min-width: 20%;
    max-width: 32%;
  }
}
.fullscreenform__container__section__container .step-module__section__choices > div.category span.category__tooltip {
  position: absolute;
  bottom: -3px;
  right: -3px;
  padding: 3px 8px;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  color: white;
  line-height: 1;
  border: 1px solid white;
  border-radius: 4px;
  background: #1e225d;
  font-size: 1.125rem;
}
.fullscreenform__container__section__container .step-module__section__choices > div.category span.category__tooltip .fa-info-circle {
  border: 1px solid #1e225d;
  border-radius: 100px;
}
.fullscreenform__container__section__container .step-module__section__choices > div.time {
  min-height: 180px;
}
@media screen and (min-width: 75em) {
  .fullscreenform__container__section__container .step-module__section__choices > div {
    min-width: 40%;
    max-width: 50%;
  }
}
.fullscreenform__container__section__container .step-module__section__choices > div p.subtitle {
  font-size: 14px;
}
.fullscreenform__container__section__container .step-module__buttons {
  margin-top: 30px;
  justify-content: center;
  gap: 10px;
  margin-bottom: 20px;
}
@media print, screen and (min-width: 40em) {
  .fullscreenform__container__section__container .step-module__buttons {
    gap: 20px;
  }
}
.fullscreenform__container__section__container .step-module__buttons button, .fullscreenform__container__section__container .step-module__buttons button:first-of-type, .fullscreenform__container__section__container .step-module__buttons a, .fullscreenform__container__section__container .step-module__buttons a:first-of-type {
  margin: 0px;
  flex-basis: 49%;
}
@media print, screen and (min-width: 64em) {
  .fullscreenform__container__section__container .step-module__buttons button, .fullscreenform__container__section__container .step-module__buttons button:first-of-type, .fullscreenform__container__section__container .step-module__buttons a, .fullscreenform__container__section__container .step-module__buttons a:first-of-type {
    flex-basis: 25%;
  }
}
.fullscreenform__container__section__container .step-module__buttons.single button, .fullscreenform__container__section__container .step-module__buttons.single button:first-of-type, .fullscreenform__container__section__container .step-module__buttons.single a, .fullscreenform__container__section__container .step-module__buttons.single a:first-of-type {
  margin: 0px;
  flex-basis: 100%;
}
@media print, screen and (min-width: 64em) {
  .fullscreenform__container__section__container .step-module__buttons.single button, .fullscreenform__container__section__container .step-module__buttons.single button:first-of-type, .fullscreenform__container__section__container .step-module__buttons.single a, .fullscreenform__container__section__container .step-module__buttons.single a:first-of-type {
    flex-basis: 50%;
  }
}
.fullscreenform--blue {
  background: #1e225d;
}
.fullscreenform--blue .step-module__section h3, .fullscreenform--blue .step-module__section p {
  color: white;
}
.fullscreenform--blue .step-module__section__choices > div {
  background: rgba(255, 255, 255, 0.082);
  border: 1px solid white;
  box-shadow: 0px 3px 10px rgba(42, 62, 82, 0.2);
}
.fullscreenform--blue .step-module__section__choices > div img {
  filter: invert(100%) sepia(0%) saturate(1%) hue-rotate(251deg) brightness(101%) contrast(102%);
}
.fullscreenform--blue .step-module__section__choices > div.checked, .fullscreenform--blue .step-module__section__choices > div:hover {
  background: white;
  color: #1e225d;
  box-shadow: 0px 3px 10px rgba(42, 62, 82, 0.2);
}
.fullscreenform--blue .step-module__section__choices > div.checked p, .fullscreenform--blue .step-module__section__choices > div:hover p {
  color: #1e225d;
}
.fullscreenform--blue .step-module__section__choices > div.checked img, .fullscreenform--blue .step-module__section__choices > div:hover img {
  filter: invert(13%) sepia(55%) saturate(1783%) hue-rotate(217deg) brightness(97%) contrast(102%);
}
.fullscreenform.test {
  position: relative;
}
@media print, screen and (min-width: 64em) {
  .fullscreenform.test .step-module__timeline {
    position: absolute;
    right: 0;
  }
}
@media print, screen and (min-width: 64em) {
  .fullscreenform.test .step-module__section h3 {
    font-size: 2rem;
    width: 50%;
    line-height: 1.2;
    letter-spacing: -1px;
    font-weight: 800;
  }
}
.fullscreenform__result {
  margin-top: 25px;
}
.fullscreenform__result .trainingen-grid__item:hover .training-grid-block__image__overlay {
  opacity: 0;
}
.fullscreenform__timeline {
  display: flex;
  -moz-column-gap: 30px;
       column-gap: 30px;
  margin-bottom: 50px;
}
.fullscreenform__timeline.small {
  -moz-column-gap: 10px;
       column-gap: 10px;
}
.fullscreenform__timeline.small .step-module__timeline__item {
  padding: 4px;
  height: 35px;
  width: 35px;
}
.fullscreenform__timeline.small .step-module__timeline__item::after {
  width: 12px;
  margin-left: 11px;
}
@media screen and (min-width: 40em) {
  .fullscreenform__timeline.small {
    -moz-column-gap: 30px;
         column-gap: 30px;
  }
  .fullscreenform__timeline.small .step-module__timeline__item {
    padding: 10px;
    height: 50px;
    width: 50px;
  }
  .fullscreenform__timeline.small .step-module__timeline__item::after {
    width: 30px;
    margin-left: 19px;
  }
}
.fullscreenform__timeline__item {
  border-radius: 100%;
  border: 1px solid #1E225C;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  font-size: 1.2rem;
  font-weight: 800;
  padding: 10px;
  text-align: center;
  width: 50px;
  height: 50px;
  cursor: pointer;
}
.fullscreenform__timeline__item.filled {
  background: #1E225C;
  color: white;
}
.fullscreenform__timeline__item::after {
  position: absolute;
  border: 2px solid #1E225C;
  width: 30px;
  content: " ";
  margin-top: 12px;
  margin-left: 19px;
}
.fullscreenform__timeline__item:last-of-type::after {
  display: none;
}
@media screen and (min-width: 40em) {
  .fullscreenform__timeline__item::after {
    width: 80px;
    content: " ";
  }
}
@media screen and (min-width: 40em) {
  .fullscreenform__timeline {
    -moz-column-gap: 80px;
         column-gap: 80px;
  }
}
.fullscreenform__section {
  display: none;
  margin-bottom: 50px;
}
.fullscreenform__section.current {
  display: block;
}
.fullscreenform__section h3 {
  font-size: 1.2rem;
  font-weight: bold;
  margin-bottom: 20px;
}
.fullscreenform__section a {
  color: #ff9900;
}
.fullscreenform__section__choices {
  display: flex;
  gap: 25px;
  flex-wrap: wrap;
}
.fullscreenform__section__choices > div {
  cursor: pointer;
  flex: 1 1 calc(25% - 10px);
  min-width: 90%;
  background-color: #fff;
  box-shadow: 0px 10px 30px 0px rgba(157, 171, 192, 0.2);
  border: 1px solid white;
  border-radius: 8px;
  position: relative;
  padding: 20px;
  z-index: 2;
  text-decoration: none;
  display: block;
  height: 100%;
  font-weight: bold;
  font-size: 18px;
  justify-content: space-between;
  align-items: center;
}
@media print, screen and (min-width: 40em) {
  .fullscreenform__section__choices > div {
    padding: 30px;
    display: block;
    min-width: 40%;
    max-width: 50%;
  }
}
@media screen and (min-width: 75em) {
  .fullscreenform__section__choices > div {
    min-width: 20%;
    max-width: 32%;
  }
  .fullscreenform__section__choices > div.category {
    min-height: 170px;
  }
}
.fullscreenform__section__choices > div:hover {
  border: 1px solid #1E225C;
  box-shadow: 0px 10px 30px 0px rgba(157, 171, 192, 0.35);
  transition: all 400ms;
}
.fullscreenform__section__choices > div:hover .category-section__container__categories__card__title {
  color: #ff9900;
  transition: all 400ms;
}
.fullscreenform__section__choices > div:hover .category-section__container__categories__card__link > .cf-button--orange-link {
  background: transparent;
  color: #ff9900;
}
.fullscreenform__section__choices > div:hover .category-section__container__categories__card__link > .cf-button--orange-link .cf-button__text {
  color: #ff9900;
  text-decoration: underline;
  transition: -webkit-text-decoration 400ms;
  transition: text-decoration 400ms;
  transition: text-decoration 400ms, -webkit-text-decoration 400ms;
}
.fullscreenform__section__choices > div:hover .category-section__container__categories__card__link > .cf-button--orange-link .cf-button__icon:not(.left) {
  margin: 0px 0px 0px 15px;
  transition: margin 400ms, box-shadow 400ms;
}
.fullscreenform__section__choices > div.checked {
  border: 1px solid #1E225C;
}
.fullscreenform__section__choices > div.disabled {
  border: 1px solid gray;
  opacity: 0.5;
}
.fullscreenform__section__choices > div input {
  position: absolute;
  left: 10px;
  top: 10px;
}
.fullscreenform__section__choices > div p {
  margin-bottom: 0px;
}
.fullscreenform__section__choices > div p.subtitle {
  font-weight: normal;
  font-size: 16px;
}
.fullscreenform__section__choices > div img {
  width: 50px;
  filter: invert(19%) sepia(31%) saturate(1553%) hue-rotate(201deg) brightness(83%) contrast(106%);
  margin-bottom: 10px;
}
.fullscreenform__buttons {
  display: flex;
}
.fullscreenform__buttons button:first-of-type() {
  margin-right: 20px;
}
.fullscreenform.light {
  color: white;
}
.fullscreenform.light .step-module__timeline__item {
  border: 1px solid white;
}
.fullscreenform.light .step-module__timeline__item.filled {
  background: white;
  color: #1E225C;
}
.fullscreenform.light .step-module__timeline__item::after {
  border: 2px solid white;
}
.fullscreenform.light .step-module__section {
  color: white;
}
.fullscreenform.light .step-module__section h3 {
  color: white;
}
.fullscreenform.light .step-module__section p {
  color: white;
}

.sidebar-inschrijven__button {
  margin: 0;
  clip-path: none;
  box-shadow: none;
  width: 100%;
  text-align: left;
  height: 50px;
}
.sidebar-inschrijven__button .cf-button__text {
  margin-left: 20px;
}
.sidebar-inschrijven__button .cf-button__icon {
  margin-right: 20px;
}

.op-deze-pagina--mobile .sidebar-block__title {
  margin-bottom: 0.3rem;
}
.op-deze-pagina__menu li a {
  text-decoration: none;
  color: #1e225d;
}
.op-deze-pagina__menu li a.active, .op-deze-pagina__menu li a:active {
  background: #1e225d;
  font-weight: bold;
  color: white;
}
.op-deze-pagina__menu li a:hover {
  background: #1e225d;
  color: white;
}
.op-deze-pagina__menu--mobile li a {
  display: block;
  padding: 0.4rem 0;
  border-bottom: 1px solid #1e225d;
}
.op-deze-pagina__menu--mobile li a:hover {
  background: none;
}

.inschrijven-optie {
  margin-top: 15px;
  display: flex;
  align-items: center;
}
.inschrijven-optie__inschrijven-button--small .cf-button__icon {
  margin-right: 15px;
}
.inschrijven-optie__inschrijven-button--small .cf-button__text {
  margin-right: 10px;
  margin-left: 10px;
}
.inschrijven-optie__optie-link {
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  font-weight: 600;
  margin-left: 20px;
  text-decoration: underline;
  display: none;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.2);
}

.springest-widget {
  width: 230px;
}
@media print {
  .springest-widget {
    display: none;
  }
}

.prijs-sticker {
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  font-size: 1.3125rem;
  font-weight: bold;
  width: 60px;
  height: 60px;
  background: #ff9900;
  border-radius: 30px;
  display: block;
  line-height: 55px;
  text-align: center;
  border: 2px solid white;
  color: white;
}
.prijs-sticker--star {
  background: url(../images/factory/sticker.png) no-repeat left px;
  background-size: 100% 100%;
  border: none;
  width: 68px;
  height: 70px;
  background: #ff9900;
  border-radius: 35px;
  display: block;
  line-height: 70px;
}

.facebook-follow {
  background: #3b5998;
  color: white;
  padding: 25px;
}
@media print, screen and (min-width: 64em) {
  .facebook-follow {
    width: 375px;
    float: right;
  }
}
.facebook-follow__title {
  color: white;
}
.facebook-follow__title strong {
  text-transform: lowercase;
  font-size: 110%;
}
.facebook-follow__text {
  font-size: 1.0625rem;
}
.facebook-follow__widget {
  width: 100%;
}

.popout {
  color: #1e225d;
}

.cue {
  position: fixed;
  top: 70px;
  left: 0px;
  width: 90%;
  margin: 0% 5%;
  box-shadow: 0px 15px 30px rgba(42, 62, 82, 0.149);
  border-radius: 6px;
  background-color: white;
  padding: 17px 20px;
  z-index: 9999;
}
@media print, screen and (min-width: 40em) {
  .cue {
    width: unset;
    left: unset;
    margin: unset;
    right: 40px;
    top: 30px;
  }
}
.cue.closed {
  display: none;
}
.cue.opened {
  display: block;
}
.cue__container {
  display: flex;
  align-items: center;
  gap: 10px;
}
.cue__icon img {
  width: 20px;
  display: none;
}
.cue__icon.messagetype.error {
  color: #FF4F57;
}
.cue__icon.messagetype.error img.error-icon {
  display: inline;
  filter: invert(49%) sepia(56%) saturate(5055%) hue-rotate(331deg) brightness(107%) contrast(103%);
}
.cue__icon.messagetype.success {
  color: #FF4F57;
}
.cue__icon.messagetype.success img.success-icon {
  display: inline;
  filter: invert(49%) sepia(56%) saturate(5055%) hue-rotate(331deg) brightness(107%) contrast(103%);
}
.cue__icon.messagetype.saved {
  color: #FF4F57;
}
.cue__icon.messagetype.saved img.saved-icon {
  display: inline;
  filter: invert(49%) sepia(56%) saturate(5055%) hue-rotate(331deg) brightness(107%) contrast(103%);
}
.cue__text {
  font-size: 16px;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
}

.popup {
  transform: unset !important;
  left: 2% !important;
  top: 10% !important;
  width: 95% !important;
  height: inherit !important;
  color: #1e225d;
}
@media print, screen and (min-width: 40em) {
  .popup {
    left: 50% !important;
    top: 50% !important;
    width: 600px !important;
    transform: matrix(1, 0, 0, 1, -300, -339.5) scale(1) !important;
  }
}
.popup__content__header {
  padding: 20px;
  background-color: #201B66;
}
.popup__content__header h4 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
}
.popup__content__header p {
  color: #fff;
  text-align: center;
}
.popup__content__header span.orange {
  color: #FF833B;
  font-weight: bold;
}
.popup__content__form {
  padding: 20px;
  background-color: #EFF5FC;
}
.popup__content__form__instructions {
  font-size: 0.85rem;
  color: #201B66;
}
.popup__content__form__content__form input {
  margin-bottom: 15px;
  border-radius: 5px;
  padding: 0.65em;
}
@media print, screen and (min-width: 40em) {
  .popup__content__form__content__form input {
    display: inline-block;
    margin-bottom: 0px;
  }
}
.popup__content__form__content__form input::-moz-placeholder {
  color: #505050;
}
.popup__content__form__content__form input::placeholder {
  color: #505050;
}
.popup__content__form__content__form button {
  width: 100%;
}
@media print, screen and (min-width: 40em) {
  .popup__content__form__content__form button {
    display: inline-block;
    margin-bottom: 3px;
  }
}
.popup__content__form__content__form button .cf-button__text {
  margin: -2px 15px 0 15px;
}
.popup__content__form__content > .privacy {
  font-size: 0.9rem;
  text-align: center;
  line-height: 0.9rem;
}
.popup__photo {
  background: url("../images/popup-background.jpg") no-repeat left top;
  background-size: cover;
  background-position: 20% center;
}

.gadget {
  cursor: pointer;
  text-align: center;
  background: #23213B;
  padding: 40px 0px 0px 40px;
  border-radius: 50%;
  width: 200px;
  height: 200px;
  line-height: 1.2;
  margin-top: 10px;
  box-shadow: 0px 2px 22px 1px rgba(0, 0, 0, 0.75);
}
.gadget::before, .gadget::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
.gadget::after {
  clear: both;
}
.gadget img {
  float: right;
  width: 25%;
  height: auto;
  margin: 0 0 0 2%;
}
.gadget em, .gadget small {
  width: 73%;
  float: left;
}
.gadget em {
  font-style: normal;
  font-size: 110%;
  font-weight: bold;
  color: #fff;
}
.gadget small {
  font-size: 90%;
  margin-top: 5px;
  line-height: 1.1;
  color: #fff;
}
@media print, screen and (min-width: 40em) {
  .gadget {
    margin-top: 0;
    padding: 22px 0 0 39px;
  }
  .gadget img {
    width: 28%;
  }
  .gadget em, .gadget small {
    width: 70%;
  }
}
@media print, screen and (min-width: 64em) {
  .gadget {
    padding: 30px 0 0 36px;
  }
  .gadget img {
    width: 23%;
  }
  .gadget em, .gadget small {
    width: 75%;
  }
}
@media screen and (min-width: 75em) {
  .gadget img {
    width: 23%;
  }
  .gadget em, .gadget small {
    width: 75%;
  }
}
@media print {
  .gadget {
    display: none;
  }
}

.category-section__container {
  margin: 75px 0px;
  position: relative;
}
@media print, screen and (min-width: 40em) {
  .category-section__container {
    margin: 150px 0px;
    margin-top: 100px;
  }
}
.category-section__container::before {
  content: "";
  background-image: url(/images/dot-bgv5.svg);
  height: 40%;
  width: 50%;
  position: absolute;
  background-repeat: repeat;
  top: 90px;
  bottom: auto;
  right: 0px;
  z-index: 2;
  background-position: center;
  background-size: 50px;
}
@media print, screen and (min-width: 40em) {
  .category-section__container::before {
    bottom: 0px;
    right: 10%;
    height: 40%;
    width: 20%;
    top: 200px;
    background-size: 60px;
  }
}
.category-section__container::after {
  content: "";
  background-image: url(/images/dot-bgv5.svg);
  height: 40%;
  width: 50%;
  position: absolute;
  background-repeat: repeat;
  top: auto;
  bottom: -30px;
  right: auto;
  z-index: 1;
  background-position: center;
  background-size: 50px;
  left: 0;
}
@media print, screen and (min-width: 40em) {
  .category-section__container::after {
    bottom: 230px;
    right: 0px;
    left: 10%;
    height: 40%;
    width: 20%;
    background-size: 60px;
  }
}
.category-section__container__text__title {
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  font-size: 25px;
  font-weight: 800;
  text-align: center;
  letter-spacing: 0;
  width: 60%;
  margin: 0 auto;
  margin-bottom: 35px;
}
.category-section__container__text__title.align-left {
  text-align: left;
}
@media print, screen and (min-width: 40em) {
  .category-section__container__text__title {
    width: 80%;
  }
}
@media print, screen and (min-width: 64em) {
  .category-section__container__text__title {
    width: 600px;
    font-size: 35px;
  }
}
.category-section__container__text__title__mobile {
  color: #1e225d;
  font-size: 20px;
  font-family: "Lexend", sans-serif;
  letter-spacing: 0px;
  font-weight: 600;
}
.category-section__container__text__title__mobile span {
  color: #77799c;
}
.category-section__container__text__subtitle {
  font-size: 1.125rem;
  text-align: center;
  max-width: 60%;
  margin: 0 auto;
}
@media print, screen and (min-width: 40em) {
  .category-section__container__text__subtitle {
    max-width: 50%;
  }
}
.category-section__container__text__subtitle.align-left {
  text-align: left;
  margin: 0;
}
.category-section__container__text__subtitle.callout {
  display: inline-block;
  margin-top: 10px;
  max-width: unset;
  border: 1px solid #1E225C;
  border-radius: 4px;
  padding: 5px 17px;
  background: transparent;
  font-size: 1rem;
}
.category-section__container__text__subtitle.callout img {
  margin-right: 15px;
  filter: invert(20%) sepia(9%) saturate(5499%) hue-rotate(194deg) brightness(95%) contrast(106%);
}
.category-section__container__text__subtitle__mobile {
  color: #1e225d;
  font-size: 16px;
  padding-left: 0.625rem;
}
.category-section__container__categories {
  margin-top: 30px;
  position: relative;
}
@media print, screen and (min-width: 64em) {
  .category-section__container__categories {
    margin-top: 75px;
  }
}
.category-section__container__categories__background {
  z-index: -1;
}
.category-section__container__categories__background::before {
  content: "";
  height: 100%;
  width: 50%;
  position: absolute;
  background-repeat: repeat;
  top: 40px;
  left: 0px;
  z-index: -1;
  background-position: center;
  background-size: unset;
}
.category-section__container__categories .row {
  max-width: 100rem;
  padding: 0;
}
@media screen and (min-width: 40em) {
  .category-section__container__categories .row {
    padding-left: 1rem;
    padding-right: 1rem;
    margin: 0px;
  }
}
.category-section__container__categories__card {
  border: none;
  margin-bottom: 15px;
}
@media print, screen and (min-width: 40em) {
  .category-section__container__categories__card {
    margin-bottom: 2rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.category-section__container__categories__card__container {
  background-color: #fff;
  box-shadow: 6px 6px 30px rgba(157, 171, 192, 0.2);
  position: relative;
  padding: 20px;
  z-index: 2;
  text-decoration: none;
  display: flex;
  height: 100%;
  justify-content: space-between;
  align-items: center;
  border-radius: 16px;
}
@media print, screen and (min-width: 40em) {
  .category-section__container__categories__card__container {
    padding: 30px;
    border-radius: 16px;
    display: block;
  }
}
.category-section__container__categories__card__container:hover {
  box-shadow: 6px 6px 30px rgba(157, 171, 192, 0.2);
  transition: all 400ms;
}
.category-section__container__categories__card__container:hover .category-section__container__categories__card__title {
  color: #ff9900;
  transition: all 400ms;
}
.category-section__container__categories__card__container:hover .category-section__container__categories__card__link > .cf-button--orange-link {
  background: transparent;
  color: #ff9900;
}
.category-section__container__categories__card__container:hover .category-section__container__categories__card__link > .cf-button--orange-link .cf-button__text {
  color: #ff9900;
  text-decoration: underline;
  transition: -webkit-text-decoration 400ms;
  transition: text-decoration 400ms;
  transition: text-decoration 400ms, -webkit-text-decoration 400ms;
}
.category-section__container__categories__card__container:hover .category-section__container__categories__card__link > .cf-button--orange-link .cf-button__icon:not(.left) {
  margin: 0px 0px 0px 15px;
  transition: margin 400ms, box-shadow 400ms;
}
.category-section__container__categories__card__container:hover .category-section__container__categories__card__title__arrow {
  background-color: #1e225d;
  color: white;
}
.category-section__container__categories__card__container:hover .category-section__container__categories__card__title__arrow path {
  fill: white !important;
}
.category-section__container__categories__card__help {
  width: 100%;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 52px;
  font-size: 18px;
}
.category-section__container__categories__card__help strong {
  font-weight: 500 !important;
}
.category-section__container__categories__card__title {
  font-size: 1.1rem;
  margin-bottom: 0px;
  color: #1E225C;
  font-weight: 600;
  display: grid;
  align-items: center;
  grid-template-columns: 9fr 1fr;
}
@media print, screen and (min-width: 40em) {
  .category-section__container__categories__card__title {
    font-size: 20px;
    margin-bottom: 10px;
    font-weight: 800;
  }
}
.category-section__container__categories__card__title__arrow {
  width: 40px !important;
  height: 40px;
  padding: 10px;
  border-radius: 100px;
  border: 1px solid #1e225d;
  background-color: white;
}
.category-section__container__categories__card__text {
  font-size: 1rem;
  margin-bottom: 0;
}
@media print, screen and (min-width: 64em) {
  .category-section__container__categories__card__text {
    padding-right: 30px;
  }
}
.category-section__container__categories__card__link {
  font-size: 1rem;
}
.category-section__container__categories__card__icon {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 40px;
}
@media print, screen and (min-width: 64em) {
  .category-section__container__categories__card__icon {
    width: 50px;
  }
}
.category-section__container__categories__card__mobile-link {
  display: inline-block;
  font-size: 1rem;
}
.category-section__container__categories__card__mobile-link > div {
  line-height: 30px;
  border-radius: 50%;
  color: #1e225d;
  width: 30px;
  height: 30px;
  vertical-align: center;
  text-align: center;
}
.category-section__container__categories__card--alt {
  margin-bottom: 1rem;
}
@media print, screen and (min-width: 40em) {
  .category-section__container__categories__card--alt {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.category-section__container__categories__card--alt .category-section__container__categories__card__container {
  background: #1E225C;
}
.category-section__container__categories__card--alt .category-section__container__categories__card__title {
  color: white;
}
.category-section__container__categories__card--alt .category-section__container__categories__card__text {
  color: white;
}
@media print, screen and (min-width: 64em) {
  .category-section__container__categories__card--alt .category-section__container__categories__card__text {
    padding-right: 50px;
  }
}
.category-section__container__categories__card--alt .category-section__container__categories__card__mobile-link > div {
  color: #1e225d;
}

#trainingoverzicht-card {
  background-color: white !important;
  border-radius: 8px;
  border: none;
  position: relative;
  overflow: hidden;
}
#trainingoverzicht-card p {
  color: #1e225d;
}
#trainingoverzicht-card:hover p {
  color: #1e225d;
}
#trainingoverzicht-card:hover .category-section__container__categories__shape {
  right: -60px;
}
#trainingoverzicht-card .category-section__container__categories__shape {
  position: absolute;
  width: 150px;
  height: 100%;
  transform: skew(-10deg);
  background: rgb(252, 184, 76);
  top: 0;
  right: -90px;
  z-index: -1;
  transition: right 0.3s ease-in-out;
}

#keuze-card {
  background-color: white !important;
  border-radius: 8px;
  border: none;
  position: relative;
  overflow: hidden;
}
#keuze-card p {
  color: #1e225d;
}
#keuze-card:hover p {
  color: #1e225d;
}
#keuze-card:hover .category-section__container__categories__shape {
  right: -60px;
}
#keuze-card:hover:hover {
  background-color: #1e225d;
}
#keuze-card .category-section__container__categories__shape {
  position: absolute;
  width: 150px;
  height: 100%;
  transform: skew(-10deg);
  background: #00C4C2;
  top: 0;
  right: -90px;
  z-index: -1;
  transition: right 0.3s ease-in-out;
}

#opleiding-card {
  background-color: white !important;
  border-radius: 8px;
  border: none;
  position: relative;
  overflow: hidden;
}
#opleiding-card p {
  color: #1e225d;
}
#opleiding-card:hover p {
  color: #1e225d;
}
#opleiding-card:hover .category-section__container__categories__shape {
  right: -60px;
}
#opleiding-card .category-section__container__categories__shape {
  position: absolute;
  width: 150px;
  height: 100%;
  transform: skew(-10deg);
  background: #9DD08B;
  top: 0;
  right: -90px;
  z-index: -1;
  transition: right 0.3s ease-in-out;
}

#subsidie-card {
  background-color: white !important;
  border-radius: 8px;
  border: none;
  position: relative;
  overflow: hidden;
}
#subsidie-card p {
  color: #1e225d;
}
#subsidie-card:hover p {
  color: #1e225d;
}
#subsidie-card:hover .category-section__container__categories__shape {
  right: -60px;
}
#subsidie-card .category-section__container__categories__shape {
  position: absolute;
  width: 150px;
  height: 100%;
  transform: skew(-10deg);
  background: #B24ED6;
  top: 0;
  right: -90px;
  z-index: -1;
  transition: right 0.3s ease-in-out;
}

.quote-block {
  background: #F7F7F7;
  margin: 50px 0px;
}
@media print, screen and (min-width: 64em) {
  .quote-block {
    margin: 125px 0px;
  }
}
.quote-block__text {
  display: flex;
}
.quote-block__text__icon {
  padding: 90px 0px;
  padding-right: 10px;
}
.quote-block__text__icon svg path {
  fill: #1e225d;
}
.quote-block__text__container {
  padding: 100px 0px;
}
.quote-block__text__container__text {
  font-style: italic;
  font-weight: 700;
  font-size: 1.4rem;
  color: #1E225C;
  margin-bottom: 20px;
}
@media print, screen and (min-width: 40em) {
  .quote-block__text__container__text {
    font-size: 30px;
    margin-right: 100px;
  }
}
.quote-block__text__container__person {
  font-style: italic;
  font-weight: 500;
  font-size: 1.4rem;
  color: #1E225C;
  margin-bottom: 10px;
  padding-left: 1rem;
}
.quote-block__text__container__person::before {
  content: "-";
  color: #1e225d;
  margin-right: 10px;
}
@media print, screen and (min-width: 40em) {
  .quote-block__text__container__person {
    text-align: right;
    padding-right: 4.5rem;
    padding-left: 0rem;
  }
}
.quote-block__text__container__function {
  font-style: italic;
  color: rgba(30, 34, 92, 0.5);
  font-size: 1.1rem;
  padding-left: 2rem;
}
@media print, screen and (min-width: 40em) {
  .quote-block__text__container__function {
    text-align: right;
    padding-right: 2rem;
    padding-left: 0rem;
  }
}
.quote-block__image {
  position: relative;
}
.quote-block__image img {
  position: absolute;
  bottom: 0px;
  right: 0px;
  width: 27%;
}
@media print, screen and (min-width: 40em) {
  .quote-block__image img {
    max-width: 90%;
    width: 90%;
  }
}

.iframe-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}
.iframe-container > iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100% !important;
}

.videotext-block {
  margin: 50px 0px;
}
@media print, screen and (min-width: 40em) {
  .videotext-block {
    margin: 100px 0px;
  }
}
.videotext-block.graybg {
  background-color: #F8F8FA;
  padding: 50px 0px;
}
@media print, screen and (min-width: 64em) {
  .videotext-block.graybg {
    padding: 100px 0px;
  }
}
.videotext-block.homepage {
  margin: 50px 0px;
}
@media print, screen and (min-width: 40em) {
  .videotext-block.homepage {
    margin: 125px 0px;
  }
}
.videotext-block.header {
  margin: 0;
  margin-top: 20px;
  background-color: #FFF;
}
@media screen and (min-width: 40em) {
  .videotext-block .imagetoright {
    border-radius: 2px 16px 16px 16px !important;
  }
}
.videotext-block.text-block .videotext-block__text p {
  margin-bottom: 1rem;
  margin-right: 0px;
}
.videotext-block.text-block .videotext-block__text p:last-of-type {
  margin-bottom: 0px;
}
.videotext-block.text-block .videotext-block__text .tick-marks-container {
  margin-bottom: 30px;
}
.videotext-block__video {
  padding: 0 2rem;
}
.videotext-block__video.centre {
  padding-right: 2rem;
  padding-left: 2rem;
}
@media print, screen and (min-width: 64em) {
  .videotext-block__video.centre {
    padding-right: 2rem;
    padding-left: 2rem;
  }
}
.videotext-block__video.left {
  position: relative;
}
.videotext-block__video.left:before {
  /*
  content: "";
  height: 93%!important;
  width: 75%;
  position: absolute;
  background-repeat: repeat;
  top: 9%!important;
  left: 2%;
  z-index: -1;
  background-position: left;
  background-size: unset; 
  background-image: url(/images/dot-bgv4.png);
  @include breakpoint(medium){
  	top: 7%!important;

  }
  @include breakpoint(large){
  	top: 4%!important;

  }
  */
}
.videotext-block__video.left.incompany:before {
  background-image: url(/images/dot-bgv5.png);
}
.videotext-block__video.left #videoplayer-container3 {
  height: 200px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 2px 16px 16px 16px !important;
}
@media screen and (min-width: 40em) {
  .videotext-block__video.left #videoplayer-container3 {
    height: 500px;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
@media print, screen and (min-width: 64em) {
  .videotext-block__video.left #videoplayer-container3 {
    margin-bottom: 0px;
    width: 100%;
  }
}
.videotext-block__video.left .videotext-block__video__container3 {
  margin-bottom: 20px;
}
.videotext-block__video.left .videotext-block__video__container3 #background-img {
  height: 200px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 2px 16px 16px 16px !important;
}
.videotext-block__video.left .videotext-block__video__container3 .background-img-class {
  height: 200px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 2px 16px 16px 16px !important;
}
@media screen and (min-width: 40em) {
  .videotext-block__video.left .videotext-block__video__container3 #background-img {
    height: 500px;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .videotext-block__video.left .videotext-block__video__container3 #background-img-home {
    height: 600px;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
@media print, screen and (min-width: 64em) {
  .videotext-block__video.left .videotext-block__video__container3 {
    margin-bottom: 0px;
    width: 100%;
  }
}
.videotext-block__video.left .videotext-block__video__container3 .corner-img {
  position: absolute;
  z-index: 1;
  height: 10vh;
  width: 10vh;
  bottom: 0;
  right: 0;
  padding: 10px;
  -webkit-backdrop-filter: blur(21px);
          backdrop-filter: blur(21px);
  border: 1px solid white;
  border-radius: 8px !important;
  margin: 10px;
}
@media print, screen and (min-width: 64em) {
  .videotext-block__video.left .videotext-block__video__container3 .corner-img {
    margin: 20px;
    padding: 20px;
    height: 12vh;
    width: 12vh;
  }
}
.videotext-block__video.left .videotext-block__video__container3 .right-cornerimg {
  position: absolute;
  z-index: 1;
  height: 10vh;
  width: 10vh;
  bottom: 0;
  right: 0;
  padding: 10px;
  -webkit-backdrop-filter: blur(21px);
          backdrop-filter: blur(21px);
  border: 1px solid white;
  border-radius: 8px !important;
  margin: 10px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (min-width: 40em) {
  .videotext-block__video.left .videotext-block__video__container3 .right-cornerimg {
    left: 0;
  }
}
@media print, screen and (min-width: 64em) {
  .videotext-block__video.left .videotext-block__video__container3 .right-cornerimg {
    margin: 20px;
    padding: 10px;
    height: 12vh;
    width: 12vh;
    left: 0;
  }
}
@media print, screen and (min-width: 40em) {
  .videotext-block__video.left {
    padding-left: 2rem;
    padding-right: 2.7rem;
  }
}
.videotext-block__video.right {
  position: relative;
}
.videotext-block__video.right:before {
  content: "";
  height: 93% !important;
  width: 75%;
  position: absolute;
  background-repeat: repeat;
  top: 9% !important;
  right: 0;
  z-index: -1;
  background-position: right;
  background-size: unset;
  background-image: url(/images/dot-bgv4.png);
}
@media print, screen and (min-width: 40em) {
  .videotext-block__video.right:before {
    right: 2%;
    top: 7% !important;
  }
}
@media print, screen and (min-width: 64em) {
  .videotext-block__video.right:before {
    top: 5% !important;
  }
}
.videotext-block__video.right.incompany:before {
  background-image: url(/images/dot-bgv5.png);
}
.videotext-block__video.right .videotext-block__video__container {
  margin-bottom: 20px;
}
@media print, screen and (min-width: 64em) {
  .videotext-block__video.right .videotext-block__video__container {
    margin-bottom: 0px;
    width: 92%;
    margin-bottom: 60px;
  }
}
@media print, screen and (min-width: 40em) {
  .videotext-block__video.right {
    padding-right: 0.9375rem;
    padding-left: 2.7rem;
  }
}
@media print, screen and (min-width: 40em) {
  .videotext-block__video.right > div > img {
    border-radius: 2px 16px 16px 16px;
  }
}
.videotext-block__video.nobackground:before {
  background-image: none;
}
.videotext-block__video__container {
  position: relative;
}
.videotext-block__video__container > img {
  border-radius: 2px 16px 16px 16px !important;
}
.videotext-block__video__container > #homepage-background-image {
  height: 200px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 2px 16px 16px 16px !important;
}
@media print, screen and (min-width: 40em) {
  .videotext-block__video__container > #homepage-background-image {
    height: 700px;
  }
}
.videotext-block__video__container .vid-btn {
  font-size: 50px;
  color: #fff;
  position: absolute;
  top: 0px;
  left: 0px;
  transform: none;
  text-align: center;
  border: none;
  border-radius: 100%;
  opacity: 0.95;
  height: 100%;
  width: 100%;
  border-radius: 0px 0px 0px 90px;
}
.videotext-block__video__container .vid-btn iframe, .videotext-block__video__container .vid-btn figure, .videotext-block__video__container .video_play {
  height: 100% !important;
  width: 100% !important;
}
.videotext-block__video__container #vid-icon {
  font-size: 60px;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  padding: 20px;
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 100%;
  cursor: pointer;
  -webkit-backdrop-filter: blur(10.7px);
  backdrop-filter: blur(10px);
  width: 25%;
  transition: margin 400ms, box-shadow 400ms, transform 400ms;
}
@media screen and (min-width: 40em) {
  .videotext-block__video__container #vid-icon {
    height: auto;
    width: auto;
  }
}
.videotext-block__video__container #vid-icon img {
  width: 100%;
  display: block;
}
@media screen and (min-width: 40em) {
  .videotext-block__video__container #vid-icon img {
    height: auto;
    width: auto;
    display: inline-block;
  }
}
.videotext-block__video__container #vid-icon .fa-play-circle {
  vertical-align: 1em;
}
.videotext-block__video__container #vid-icon:hover {
  transform: translate(-50%, -50%) scale(1.2);
  box-shadow: 0px 12px 40px 0px rgba(157, 171, 192, 0.5);
}
.videotext-block__video__container div#vid-icons {
  font-size: 50px;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) !important;
  text-align: center;
  border: 20px solid rgba(255, 255, 255, 0.631372549);
  border-radius: 100%;
  opacity: 0.95;
  -webkit-backdrop-filter: blur(10.7px);
  backdrop-filter: none;
  cursor: pointer;
  /* height: 100%; */
  /* width: 100%; */
}
.videotext-block__video__container:hover {
  cursor: pointer;
}
.videotext-block__video__container:hover #vid-icon {
  transform: translate(-50%, -50%) scale(1.2);
  box-shadow: 0px 12px 40px 0px rgba(157, 171, 192, 0.5);
}
.videotext-block__text {
  padding: 0 2rem;
}
@media print, screen and (min-width: 40em) {
  .videotext-block__text.right {
    margin-bottom: 40px;
    padding-right: 2rem;
    padding-left: 2.7rem;
    margin-bottom: 0px;
  }
}
@media print, screen and (min-width: 40em) {
  .videotext-block__text.right-home {
    padding-right: 2rem;
    padding-left: 2.7rem;
  }
}
.videotext-block__text.left {
  margin-bottom: 40px;
}
@media print, screen and (min-width: 40em) {
  .videotext-block__text.left {
    padding-left: 2rem !important;
    padding-right: 2.7rem;
    margin-bottom: 0px;
  }
}
.videotext-block__text.left-home {
  margin-bottom: 40px;
}
@media print, screen and (min-width: 40em) {
  .videotext-block__text.left-home {
    padding-left: 2rem !important;
    padding-right: 2.7rem;
  }
}
.videotext-block__text__homepagetitle {
  font-size: 25px !important;
}
@media print, screen and (min-width: 40em) {
  .videotext-block__text__homepagetitle {
    font-size: 39px !important;
    margin-bottom: 2rem;
  }
}
.videotext-block__text h2 {
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  margin-top: 25px;
  margin-bottom: 25px !important;
  font-size: 20px;
  letter-spacing: 0px;
  max-width: 800px;
}
@media print, screen and (min-width: 40em) {
  .videotext-block__text h2 {
    font-size: 30px;
    margin-bottom: 2rem;
  }
}
@media print, screen and (min-width: 64em) {
  .videotext-block__text h2 {
    font-size: 35px;
    margin-top: 0px;
  }
}
.videotext-block__text p {
  margin-bottom: 40px;
  line-height: 1.8;
  margin-right: 5vw;
  font-size: 16px;
}
.videotext-block__text a {
  font-size: 16px;
  justify-content: space-between;
}
@media screen and (min-width: 40em) {
  .videotext-block__text a {
    justify-content: center;
  }
}
.videotext-block__text a img {
  margin-left: 10px;
  filter: invert(100%) sepia(0%) saturate(7480%) hue-rotate(140deg) brightness(105%) contrast(105%);
}
.videotext-block__text a:hover img {
  filter: invert(10%) sepia(36%) saturate(4183%) hue-rotate(227deg) brightness(99%) contrast(96%);
}
.videotext-block__text__button {
  padding: 20px 50px !important;
  padding-right: 40px !important;
}
.videotext-block__text__trainerknop {
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  padding: 20px 20px;
}
.videotext-block__text__trainerknop:hover, .videotext-block__text__trainerknop:active, .videotext-block__text__trainerknop:focus {
  padding: 20px 20px;
}
.videotext-block__text__trainerknop:hover svg, .videotext-block__text__trainerknop:active svg, .videotext-block__text__trainerknop:focus svg {
  filter: invert(11%) sepia(56%) saturate(2101%) hue-rotate(221deg) brightness(102%) contrast(100%);
}
.videotext-block__text__trainerknop svg {
  margin-right: 10px;
  margin-left: 20px;
  filter: invert(98%) sepia(79%) saturate(0%) hue-rotate(338deg) brightness(102%) contrast(106%);
}
.videotext-block-home {
  background-color: #ffffff;
  padding: 0px;
}
@media print, screen and (min-width: 40em) {
  .videotext-block-home {
    padding: 50px 0px;
  }
}
.videotext-block-home__text__incompanytitle {
  font-size: 25px !important;
}
@media print, screen and (min-width: 40em) {
  .videotext-block-home__text__incompanytitle {
    font-size: 39px !important;
  }
}
.videotext-block-home__reverseblocks {
  display: flex;
  flex-direction: column-reverse;
}
@media print, screen and (min-width: 40em) {
  .videotext-block-home__reverseblocks {
    flex-direction: row;
  }
}

.reveal iframe, #videohead iframe, #video1 iframe, #video2 iframe {
  width: 100% !important;
  height: 70vh;
}

.reveal:not(#signup-modal2):not(#loginModal):not(#evenement-done):not(#signup-modal3):not(#gids-done):not(#nieuwsbrief-footer-done):not(#signup-done), #videohead, #video1, #video2 {
  background: #222222 0% 0% no-repeat padding-box;
  border-radius: 12px;
  border: none;
}
@media print, screen and (min-width: 64em) {
  .reveal:not(#signup-modal2):not(#loginModal):not(#evenement-done):not(#signup-modal3):not(#gids-done):not(#nieuwsbrief-footer-done):not(#signup-done), #videohead, #video1, #video2 {
    width: 900px;
  }
}

.reveal-overlay {
  background-color: rgba(10, 10, 10, 0.75);
}

.page.reviews .testimonial-block__text__title {
  font-size: 24px;
  text-align: left;
}
.page.reviews .testimonial-block__text__subtitle {
  text-align: left;
}
.page.reviews .testimonial-block__text.container {
  margin: 0px;
  padding: 0px;
}

.testimonial-block {
  background-color: #F8F8FA;
  margin: 100px 0px;
  padding: 100px 0px;
  padding-bottom: 0px;
}
.testimonial-block__text__title {
  font-family: "Lexend", sans-serif;
  font-size: 25px;
  margin-bottom: 35px;
  font-weight: 800;
}
@media print, screen and (min-width: 40em) {
  .testimonial-block__text__title {
    font-size: 42px;
    text-align: center;
  }
}
.testimonial-block__text__subtitle {
  font-size: 16px;
}
@media print, screen and (min-width: 40em) {
  .testimonial-block__text__subtitle {
    text-align: center;
  }
}
.testimonial-block__background {
  position: relative;
  margin-bottom: 50px;
}
.testimonial-block__background__image {
  content: "";
  background-image: url(/images/dot-bgv4.png);
  height: 60%;
  width: 65%;
  position: absolute;
  background-repeat: repeat;
  top: 10%;
  left: 0px;
  z-index: -1;
  background-position: center;
  background-size: unset;
}
@media print, screen and (min-width: 40em) {
  .testimonial-block__background__image {
    top: 10%;
  }
}
.testimonial-block__background__image.incompany {
  background-image: url(/images/dot-bgv5.png);
}
.testimonial-block__background > .row > .column, .testimonial-block__background > .row > .columns {
  padding-right: 0rem;
  padding-left: 0rem;
}
@media print, screen and (min-width: 40em) {
  .testimonial-block__background > .row > .column, .testimonial-block__background > .row > .columns {
    padding-right: 2rem;
    padding-left: 2rem;
  }
}
.testimonial-block__card {
  background-color: white;
  border-radius: 15px;
  border: 1px solid #1C2663;
  box-shadow: 0px 10px 30px 0px rgba(157, 171, 192, 0.2);
}
.testimonial-block__card__top {
  padding: 20px 35px;
}
.testimonial-block__card__top__person {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.testimonial-block__card__top__person__image {
  margin-right: 20px;
}
.testimonial-block__card__top__person__image img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 80px;
  max-width: 80px;
  max-height: 80px;
}
.testimonial-block__card__top__person__name {
  color: #1E225C;
  font-size: 18px;
  font-weight: 700 !important;
}
@media print, screen and (min-width: 64em) {
  .testimonial-block__card__top__person__name {
    font-size: 22px;
  }
}
.testimonial-block__card__additional {
  padding: 20px 35px;
  border-top: 1px solid rgba(30, 34, 92, 0.078);
  color: #1E225C;
}
.testimonial-block__card__additional__training {
  display: flex;
  justify-content: space-between;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
.testimonial-block__card__additional__training span:first-of-type {
  width: 65%;
}
.testimonial-block__card__additional__training span:last-of-type {
  width: 35%;
  text-align: right;
}
.testimonial-block__card__additional__grade span {
  display: block;
}
.testimonial-block__card__additional__grade svg path {
  fill: #F5C80B;
}
.testimonial-block__card__additional__grade .fa-star {
  color: #F5C80B;
}
.testimonial-block__card__body {
  padding: 35px 35px;
  padding-top: 0px;
}
.testimonial-block__card__body__text {
  font-size: 0.9375rem;
  font-weight: 400;
}
.testimonial-block__card__body__text__quoteicon {
  margin-bottom: 10px;
  display: none;
}
.testimonial-block__card__body__text__quoteicon svg path {
  fill: #1E225C;
}
.testimonial-block__card__body__text__recommend {
  display: flex;
  align-items: center;
  gap: 5px;
}
.testimonial-block__card__body__text__recommend svg path {
  fill: #1E225C;
}
.testimonial-block__card__body__text p:last-of-type {
  margin-bottom: 0;
}
.testimonial-block__card__bottom {
  display: none;
  padding: 20px 35px;
  padding-top: 20px;
  border-top: 1px solid rgba(30, 34, 92, 0.078);
  text-align: center;
}
.testimonial-block__card__bottom__logo {
  height: 60px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media print, screen and (min-width: 64em) {
  .testimonial-block__card__bottom {
    display: block;
  }
}
.testimonial-block__loadmore {
  text-align: center;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
@media print, screen and (min-width: 40em) {
  .testimonial-block__loadmore {
    padding-top: 0px;
  }
}
.testimonial-block .deze-profile-name strong {
  display: block;
}
.testimonial-block .deze-pro-img img {
  height: 100%;
  width: 100%;
}
.testimonial-block .deze-pro-img {
  height: 70px;
  width: 70px;
  border-radius: 100%;
  overflow: hidden;
}
.testimonial-block .deze-voor-box {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 36px rgba(103, 103, 41, 0.4);
  border-radius: 14px;
  opacity: 1;
  padding: 25px;
  margin: 40px 15px;
}
.testimonial-block .deze-voor-box-body {
  margin: 0px -20px;
  margin-top: 30px;
}
.testimonial-block .deze-voor-box-body .testimonial-block__card {
  margin: 40px 10px;
  margin-right: 0px;
  border: none;
}
@media print, screen and (min-width: 40em) {
  .testimonial-block .deze-voor-box-body .testimonial-block__card {
    margin: 40px 15px;
  }
}
.testimonial-block .deze-cat span {
  display: block;
  width: 100%;
}
.testimonial-block .deze-profile-name {
  padding-left: 90px;
  padding-top: 5px;
}
.testimonial-block .deze-voor-wrapper {
  margin-bottom: 60px;
}
.testimonial-block .slick-next {
  display: block !important;
}
.testimonial-block .slick-prev, .testimonial-block .slick-prev:hover {
  padding: 14px;
  width: 60px !important;
  height: 60px !important;
  border-radius: 5px !important;
  background-color: #1b2a68;
  z-index: 1;
  text-align: center;
  display: flex;
  justify-content: center;
  line-height: 32px;
}
.testimonial-block .slick-prev:before, .testimonial-block .slick-prev:hover:before {
  content: " ❮";
  display: block;
  position: absolute;
  display: block;
  line-height: unset;
  opacity: 1 !important;
  font-family: unset;
  font-size: 16px;
  z-index: 555;
  color: #fff;
  border: 1px solid;
  border-radius: 100%;
  padding: 0px 12px;
}
.testimonial-block .slick-next, .testimonial-block .slick-next:hover {
  right: 5px;
  width: unset;
  height: unset;
  top: 20%;
  padding: 14px;
  width: 60px !important;
  height: 60px !important;
  border-radius: 5px !important;
  background-color: #1b2a68;
  z-index: 1;
  text-align: center;
  display: flex;
  justify-content: center;
  line-height: 32px;
}
@media print, screen and (min-width: 40em) {
  .testimonial-block .slick-next, .testimonial-block .slick-next:hover {
    right: -25px;
    top: 50%;
  }
}
.testimonial-block .slick-next:before, .testimonial-block .slick-next:hover:before {
  content: " ❯";
  display: block;
  position: absolute;
  display: block;
  line-height: unset;
  opacity: 1 !important;
  font-family: unset;
  font-size: 16px;
  z-index: 555;
  color: #fff;
  border: 1px solid;
  border-radius: 100%;
  padding: 0px 12px;
}
.testimonial-block .slic-prev {
  left: -35px;
}
.testimonial-block__partners {
  display: none;
  row-gap: 40px;
}
@media print, screen and (min-width: 64em) {
  .testimonial-block__partners {
    display: flex;
    padding-bottom: 100px;
  }
}
.testimonial-block__partners img {
  width: 100%;
  max-height: 75px;
}
@media print, screen and (min-width: 64em) {
  .testimonial-block__partners img {
    max-height: 75px;
    max-width: 200px;
    width: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

.testimonial_bottomtitle {
  font-size: 35px;
  text-align: center;
  margin-top: 50px;
  display: none;
  margin-bottom: 50px !important;
}
@media print, screen and (min-width: 64em) {
  .testimonial_bottomtitle {
    display: block;
  }
}

.ui-autocomplete-term {
  font-weight: bold;
  color: blue;
}

/*accordian css*/
.faq-body ul .inner {
  /*padding-left: 1em;
  overflow: hidden;*/
  display: none;
  padding-bottom: 20px;
}

.faq-body, ul.accordion,
ul.accordion li {
  position: relative;
}

ul.accordion > li > a:after {
  content: " ❯";
  transform: rotate(90deg);
  display: inline-block;
  position: absolute;
  right: 15px;
  top: 15px;
}

.faq-body:before {
  content: "";
  height: 80%;
  width: 100%;
  position: absolute;
  background-repeat: repeat;
  top: 30%;
  left: 0px;
  z-index: -1;
  background-position: center;
  background-size: unset;
}
@media print, screen and (min-width: 40em) {
  .faq-body:before {
    top: 40%;
  }
}

.faq-body__title {
  font-size: 25px !important;
}
@media print, screen and (min-width: 40em) {
  .faq-body__title {
    font-size: 32px !important;
  }
}
@media print, screen and (min-width: 40em) {
  .faq-body__title.centered {
    font-size: 39px !important;
    text-align: center;
  }
}

.faq-body__subtitle {
  font-size: 16px;
  margin-bottom: 35px;
}
@media print, screen and (min-width: 40em) {
  .faq-body__subtitle {
    font-size: 17px;
    margin-bottom: 60px;
  }
}
@media print, screen and (min-width: 40em) {
  .faq-body__subtitle.centered {
    text-align: center;
  }
}

.faq-body__row {
  display: flex;
  gap: 70px;
  row-gap: 35px;
  flex-wrap: wrap;
  margin-top: 25px;
}
@media print, screen and (min-width: 64em) {
  .faq-body__row {
    flex-wrap: nowrap;
    margin-top: 55px;
  }
}

.faq-body ul.accordion {
  flex-basis: 100%;
}
@media print, screen and (min-width: 64em) {
  .faq-body ul.accordion {
    flex-basis: 70%;
  }
}

.faq-body ul.accordion > li {
  margin: 0em 0;
  background-color: #F8F8FA;
  list-style: none;
  font-size: 16px;
  position: relative;
  border-radius: 12px;
  border: none;
  margin-bottom: 10px;
}
@media print, screen and (min-width: 64em) {
  .faq-body ul.accordion > li {
    margin-bottom: 20px;
  }
}

.faq-body ul > li:last-of-type {
  border-bottom: none;
  margin-bottom: 0px;
}

.faq-body ul > li a.toggle {
  width: 100%;
  display: block;
  background: #F8F8FA;
  border-radius: 12px;
  transition: background 0.3s ease;
  padding: 25px 40px;
  padding-right: 60px;
  color: #1E225C;
  font-weight: 600;
  font-size: 16px;
  text-decoration: none;
}

.faq-body ul div.inner {
  padding: 0px 40px;
  padding-bottom: 25px;
}

.faq-wrapper {
  margin: 80px 0px;
}
@media print, screen and (min-width: 64em) {
  .faq-wrapper {
    margin: 120px 0px;
  }
}

.faq-wrapper--dark {
  background: #F8F8FA;
  margin: 0px !important;
  padding-bottom: 120px;
}
.faq-wrapper--dark .faq-body ul.accordion {
  background-color: #F8F8FA;
}
.faq-wrapper--dark .faq-body ul.accordion > li {
  background-color: white;
}
.faq-wrapper--dark .faq-body ul.accordion > li > a.toggle {
  background-color: white;
}

.faq-readmore {
  margin: 20px auto;
  text-align: center;
}
.faq-readmore.left {
  text-align: left;
}

.banner-wrapper {
  position: relative;
  min-height: 550px;
}

ul.accordion li a:after {
  right: 40px !important;
  top: 24px !important;
}

ul.accordion li a:after {
  content: " ❯";
  transform: rotate(90deg);
  display: inline-block;
  position: absolute;
  right: 15px;
  top: 15px;
}

ul.accordion li.current a:after {
  content: " ❯";
  transform: rotate(270deg);
  display: inline-block;
  position: absolute;
  right: 15px;
  top: 15px;
}

.faq-wrapper {
  margin-bottom: 60px;
}

.faq-callout-container {
  flex-basis: 100%;
}
@media print, screen and (min-width: 64em) {
  .faq-callout-container {
    flex-basis: 26%;
  }
}

.faq-callout {
  border: 1px solid #1E225C;
  border-radius: 12px;
  display: flex;
  width: 100%;
  margin: 0 auto;
}
@media print, screen and (min-width: 40em) {
  .faq-callout {
    width: 85%;
  }
}
@media print, screen and (min-width: 64em) {
  .faq-callout {
    width: 65%;
  }
}
.faq-callout.singlecol {
  display: block;
  padding: 0px;
}
@media print, screen and (min-width: 40em) {
  .faq-callout.singlecol {
    width: 100%;
    position: sticky;
    top: 100px;
  }
}
@media print, screen and (min-width: 64em) {
  .faq-callout.singlecol {
    width: 100%;
  }
}
.faq-callout__text {
  padding: 20px;
}
.faq-callout__text__title {
  font-size: 20px;
  font-weight: 800;
  color: #1e225d;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  padding-bottom: 12px;
}
.faq-callout__text__subtext {
  font-size: 16px;
  color: #1e225d;
}
.faq-callout__text__buttons {
  margin: 20px 0px;
}
.faq-callout__text__buttons a .text {
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  font-weight: 800;
  font-size: 21px;
}
@media print, screen and (min-width: 64em) {
  .faq-callout__text__buttons a .text {
    font-size: 22px;
  }
}
.faq-callout__text__buttons a .icon img {
  margin-top: 5px;
  width: 24px;
}
.faq-callout__image {
  text-align: center;
}
.faq-callout__image img {
  max-width: 300px;
  margin: 0 auto;
}

.inspiration-block {
  background-color: #F8F8FA;
  padding: 85px 0px;
}
.inspiration-block__main {
  margin-bottom: 35px;
  padding: 0 2rem;
}
@media print, screen and (min-width: 64em) {
  .inspiration-block__main {
    padding: inherit;
  }
}
.inspiration-block__main__title {
  font-size: 1.5625rem;
  font-weight: 800;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
}
@media print, screen and (min-width: 40em) {
  .inspiration-block__main__title {
    font-size: 2.4375rem;
    text-align: center;
  }
}
@media print, screen and (min-width: 64em) {
  .inspiration-block__main__title {
    width: 70%;
    margin: 0 auto;
  }
}
.inspiration-block__main__subtitle {
  margin-top: 15px;
  font-size: 1.125rem;
}
@media print, screen and (min-width: 64em) {
  .inspiration-block__main__subtitle {
    text-align: center;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
  }
}
.inspiration-block__section {
  margin-bottom: 80px;
}
.inspiration-block__section > div.row:not(.section-content):first-of-type > div.small-12, .inspiration-block__section > div.row:not(.section-content):last-of-type > div.small-12 {
  padding: 0 2rem;
}
@media print, screen and (min-width: 40em) {
  .inspiration-block__section > div.row:not(.section-content):first-of-type > div.small-12, .inspiration-block__section > div.row:not(.section-content):last-of-type > div.small-12 {
    padding: 0 0.9375rem;
  }
}
.inspiration-block__section__title {
  font-size: 1.25rem;
  font-weight: 800;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  text-align: left;
  margin-bottom: 35px;
}
@media print, screen and (min-width: 40em) {
  .inspiration-block__section__title {
    font-size: 1.875rem;
  }
}
.inspiration-block__section__button {
  margin-top: 35px;
  text-align: right;
}
.inspiration-block__section:last-of-type {
  margin-bottom: 0px;
}
.inspiration-block__section .slide-box {
  margin-bottom: 20px;
  margin-right: 0px;
  box-shadow: 0px 15px 40px rgba(42, 62, 82, 0.129);
}
@media print, screen and (min-width: 40em) {
  .inspiration-block__section .slide-box {
    margin-bottom: 0px;
  }
}
.inspiration-block__section a.blog-grid-item {
  text-decoration: none;
}
.inspiration-block__section .slide-box:hover a.link svg {
  margin-left: 20px;
}
.inspiration-block__item {
  position: relative;
  box-shadow: 0px 15px 40px rgba(42, 62, 82, 0.129);
  border-radius: 8px;
  background: white;
  margin: 0px !important;
}
.inspiration-block__item__image {
  position: relative;
  padding: 1.2rem;
}
@media print, screen and (min-width: 40em) {
  .inspiration-block__item__image {
    padding: 0.8rem;
  }
}
.inspiration-block__item__image #vid-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  padding: 20px;
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 100%;
  cursor: pointer;
  -webkit-backdrop-filter: blur(10.7px);
  backdrop-filter: blur(10px);
  margin-left: -75px;
  margin-top: -75px;
}
.inspiration-block__item__image #vid-icon:hover {
  box-shadow: 0px 12px 40px 0px rgba(157, 171, 192, 0.5);
}
.inspiration-block__item__image__background {
  min-height: 180px;
  border-radius: 4px 4px 4px 4px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: 100%;
  width: 100%;
}
@media print, screen and (min-width: 40em) {
  .inspiration-block__item__image__background {
    border-radius: 4px 4px 4px 70px;
    min-height: 450px;
  }
  .inspiration-block__item__image__background.smaller {
    min-height: 350px;
  }
}
.inspiration-block__item__image__background iframe {
  width: 100%;
  height: 219px;
}
@media print, screen and (min-width: 64em) {
  .inspiration-block__item__image__background iframe {
    height: 519px;
  }
}
.inspiration-block__item__image > a > img {
  border-radius: 4px 4px 4px 70px;
  -o-object-fit: cover;
     object-fit: cover;
}
.inspiration-block__item__text {
  padding: 1.2rem;
}
@media print, screen and (min-width: 40em) {
  .inspiration-block__item__text {
    padding: 30px;
  }
}
@media print, screen and (min-width: 64em) {
  .inspiration-block__item__text {
    padding: 50px;
  }
}
.inspiration-block__item__text__label {
  background-color: #FFF500;
  border-radius: 100px;
  color: #1e225d;
  font-weight: 600;
  display: inline-block;
  padding: 3px 10px;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  margin-bottom: 20px;
}
.inspiration-block__item__text__title {
  font-size: 1.5625rem;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  margin-top: 10px;
  margin-bottom: 10px;
}
.inspiration-block__item__text__subtitle {
  opacity: 0.53;
  font-size: 1.25rem;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  margin-top: 10px;
}
.inspiration-block__item__text__description {
  margin-top: 20px;
  margin-bottom: 20px;
}
@media print, screen and (min-width: 40em) {
  .inspiration-block__item__text__description {
    font-size: 16px;
  }
}
@media print, screen and (min-width: 40em) {
  .inspiration-block__item__text .cf-button--blue-flat-alt {
    margin-top: 20px;
  }
}
.inspiration-block__item__favorite {
  border-radius: 100%;
  border: 1px solid #1e225d;
  width: 50px;
  height: 50px;
  background-color: white;
  padding: 13px 11px 10px 11px;
  position: absolute;
  margin-top: 10px;
  right: 25px;
  bottom: -8px;
  z-index: 4;
  box-shadow: 0px 10px 30px 0px rgba(157, 171, 192, 0.2);
}
@media print, screen and (min-width: 40em) {
  .inspiration-block__item__favorite {
    top: 40px;
    left: -11px;
  }
}
.inspiration-block__item__favorite.selected.collection {
  padding: 5px 5px 5px 5px;
}
.inspiration-block__item__favorite.selected img.selected {
  filter: invert(36%) sepia(79%) saturate(1372%) hue-rotate(328deg) brightness(112%) contrast(107%);
  display: block;
  margin: 1px !important;
}
.inspiration-block__item__favorite.selected img.notselected {
  display: none;
  margin: 1px !important;
}
.inspiration-block__item__favorite.notselected img.selected {
  display: none;
  margin: 1px !important;
}
.inspiration-block__item__favorite.notselected img.notselected {
  filter: invert(9%) sepia(69%) saturate(2738%) hue-rotate(228deg) brightness(99%) contrast(93%);
  display: block;
  margin: 1px !important;
}
.inspiration-block__item__favorite:hover {
  cursor: pointer;
}
.inspiration-block__item__favorite:hover.notselected img.notselected {
  filter: invert(36%) sepia(79%) saturate(1372%) hue-rotate(328deg) brightness(112%) contrast(107%);
  transition: all 400ms;
}
.inspiration-block__item--seo-landingpage .inspiration-block__item__text {
  padding: 1.2rem;
}
.inspiration-block__item--seo-landingpage .inspiration-block__item__text > div {
  margin-left: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}
@media print, screen and (min-width: 40em) {
  .inspiration-block__item--seo-landingpage .inspiration-block__item__text {
    padding: 20px;
  }
}
.inspiration-block__item--seo-landingpage .inspiration-block__item__text__description {
  margin-top: 20px;
  margin-bottom: 20px;
}

.share-button-wrapper {
  position: relative;
}

.share-dropdown {
  position: absolute;
  top: 100%;
  right: 0;
  background: white;
  border-radius: 4px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  width: 200px;
  z-index: 1000;
  display: none;
  margin-top: 8px;
}

.share-dropdown.active {
  display: block;
}

.share-item {
  display: flex;
  align-items: center;
  padding: 10px 15px;
  cursor: pointer;
  transition: background-color 0.2s;
}

.share-item:hover {
  background-color: #f5f5f5;
}

.share-item img {
  width: 18px;
  height: 18px;
  margin-right: 10px;
}

.share-item span {
  font-size: 14px;
}

.opleiding-container .slick-track {
  width: -moz-max-content !important;
  width: max-content !important;
}

.training-slider-block {
  margin-top: 120px;
}
.training-slider-block > div.row > .column.small-12, .training-slider-block > div.row > .small-12.columns {
  padding: 0 2rem;
}
@media print, screen and (min-width: 40em) {
  .training-slider-block > div.row > .column.small-12, .training-slider-block > div.row > .small-12.columns {
    padding: 0 0.9375rem;
  }
}
.training-slider-block__title {
  font-size: 25px;
  font-weight: 800;
}
@media print, screen and (min-width: 40em) {
  .training-slider-block__title {
    font-size: 39px;
  }
}
.training-slider-block__body {
  position: relative;
  padding: 30px 0px 0px;
  margin-bottom: 80px;
}
.training-slider-block__body:before {
  content: "";
  height: 65% !important;
  width: 50%;
  position: absolute;
  background-repeat: repeat;
  top: 30% !important;
  left: 0px;
  z-index: -1;
  background-position: center;
  background-size: unset;
}
@media print, screen and (min-width: 40em) {
  .training-slider-block__body:before {
    background-image: none !important;
  }
}
.training-slider-block__body.keuzehulp_sliders {
  padding: 20px 0px 0px;
}
.training-slider-block__body .tab-title {
  margin-top: 0px;
}
.training-slider-block__body .tab-head {
  display: flex;
  justify-content: space-between;
  border-radius: 4px;
  box-shadow: none !important;
  border: none;
  background-color: transparent !important;
  padding-bottom: 0px;
}
.training-slider-block__body .tab-head h6 {
  font-size: 1rem;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.14;
  letter-spacing: normal;
  text-align: left;
  padding-bottom: 10px;
  /* border-bottom: 2px solid #747AA557;*/
  margin-right: 40px;
  margin-bottom: 10px;
}
.training-slider-block__body .tab-title {
  padding: 0px !important;
}
.training-slider-block__body .tab-title.categories {
  overflow: scroll;
  flex-basis: 75% !important;
}
@media print, screen and (min-width: 40em) {
  .training-slider-block__body .tab-title.categories {
    flex-basis: 50% !important;
  }
}
.training-slider-block__body .tab-title.usps {
  border: none !important;
}
.training-slider-block__body .tab-title.usps .listing {
  padding-top: 0px !important;
  -moz-column-gap: 15px;
       column-gap: 15px;
}
.training-slider-block__body .tab-title.usps .listing > div > div {
  margin-bottom: 15px;
}
.training-slider-block__body .tab-title.usps .listing > div > div:last-of-type {
  margin-bottom: 10px;
}
.training-slider-block__body .tab-title.usps .listing img.checkmark-svgs {
  width: 20px;
  position: absolute;
}
.training-slider-block__body .tab-title.usps .listing span {
  padding-left: 25px;
  display: block;
}
.training-slider-block__body .tab-title:nth-child(2) {
  flex-basis: 50% !important;
}
.training-slider-block__body .tab-title:nth-child(3) {
  flex-basis: 25% !important;
}
.training-slider-block__body ul.tabbing li {
  margin-bottom: 0px;
  margin-right: 0px;
}
@media screen and (min-width: 40em) {
  .training-slider-block__body ul.tabbing li {
    margin-bottom: 8px !important;
    margin-right: 4px !important;
    font-size: 14px !important;
  }
}
.training-slider-block__body .tab-title.filter {
  border-left: 1px solid #D6D6D6;
}
.training-slider-block__body .tab-title.filter select {
  margin-bottom: 0px;
  font-size: 12px;
  font-weight: 600;
  padding-left: 2rem;
  height: initial;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%2830, 34, 92%29'></polygon></svg>"), url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path style="fill: rgb%2830, 34, 92%29" d="M6 21l6-8h-4v-10h-4v10h-4l6 8zm16-12h-8v-2h8v2zm2-6h-10v2h10v-2zm-4 8h-6v2h6v-2zm-2 4h-4v2h4v-2zm-2 4h-2v2h2v-2z"/></svg>');
  background-origin: content-box, content-box;
  background-position: right -1rem center, left -1.5rem center;
  background-repeat: no-repeat, no-repeat;
  background-size: 9px 6px, 18px 15px;
  border: 1px solid #1E225C;
  color: #1E225C;
}
.training-slider-block__body .loadmore {
  border-top: 1px solid #D6D6D6;
  margin-top: 25px;
  padding-top: 25px;
  text-align: center;
}
.training-slider-block__body .slider .slick-slide {
  margin-bottom: 30px;
  margin-right: 20px;
}
.training-slider-block__body .slider .slick-track {
  transition: padding 400ms;
}
.training-slider-block__body .slider .slick-track.startingposition {
  padding-left: 8vw;
}
.training-slider-block__body .slider .slick-track.startingposition .slick-slide:last-of-type {
  margin-right: 100px;
}
.training-slider-block--fullwidth {
  background-color: #F8F8FA;
  padding: 75px 0px;
}
.training-slider-block--fullwidth .training-slider-block__title {
  text-align: center;
}
.training-slider-block--fullwidth .training-slider-block__title__row {
  justify-content: center;
}
.training-slider-block--fullwidth .training-slider-block__body h6 {
  display: none;
}
.training-slider-block--fullwidth .training-slider-block__body .tab-title.categories {
  flex-basis: 100% !important;
}
@media print, screen and (min-width: 40em) {
  .training-slider-block--fullwidth .training-slider-block__body .tab-title.categories {
    text-align: center;
  }
}
@media print, screen and (min-width: 40em) {
  .training-slider-block--fullwidth .training-slider-block__body .tab-title.categories .tabbing {
    display: inline-flex;
    border: 1px solid #1C2663;
    border-radius: 12px;
    background: white;
    padding: 5px;
    -moz-column-gap: 5px;
         column-gap: 5px;
    margin-bottom: 35px;
  }
}
@media print, screen and (min-width: 40em) {
  .training-slider-block--fullwidth .training-slider-block__body .tab-title.categories .tabbing li {
    margin-bottom: 0px !important;
    margin-right: 0px !important;
    border-radius: 8px;
  }
}
.training-slider-block--fullwidth .tab-bottom__keuzehulp {
  display: none;
}

.tab-bottom__keuzehulp a {
  color: #ff9900;
}

.Wij-trainers-wrapper:before,
.online-training-slider-body:before {
  content: "";
  background-image: url(/images/dot-bgv4.png);
  height: 100%;
  width: 50%;
  position: absolute;
  background-repeat: repeat;
  top: 0px;
  left: 0px;
  z-index: -1;
  background-position: center;
  background-size: unset;
}
@media print, screen and (min-width: 40em) {
  .Wij-trainers-wrapper:before,
  .online-training-slider-body:before {
    display: none;
  }
}

.Wij-trainers-slider {
  padding: 20px 0px;
}
@media print, screen and (min-width: 64em) {
  .Wij-trainers-slider .slick-slideshow__slide[data-slick-index="1"] {
    margin-left: 10vw;
  }
}
@media only screen and (min-width: 1700px) {
  .Wij-trainers-slider .slick-slideshow__slide[data-slick-index="1"] {
    margin-left: 12vw;
  }
}
@media print, screen and (min-width: 64em) {
  .Wij-trainers-slider .slideschanged[data-slick-index="1"] {
    margin-left: 0px;
  }
}
@media print, screen and (min-width: 64em) {
  .Wij-trainers-slider .slideschanged2 {
    margin-left: 12vw;
  }
}

@media print, screen and (min-width: 64em) {
  .design-training-slider .slick-slideshow__slide[data-slick-index="1"] {
    margin-left: 12vw;
  }
}
@media print, screen and (min-width: 64em) {
  .design-training-slider .slideschangedopleiding[data-slick-index="1"] {
    margin-left: 0px;
  }
}
@media print, screen and (min-width: 64em) {
  .design-training-slider .slideschangedopleiding2 {
    margin-left: 12vw;
  }
}

@media print, screen and (min-width: 64em) {
  .filteractive .slick-slideshow__slide[data-slick-index="1"] {
    margin-left: 0px;
  }
}

@media print, screen and (min-width: 64em) {
  .arrow_trainers {
    margin-right: 200px;
  }
}

.Wij-trainers-wrapper {
  position: relative;
}

.Wij-trainers-wrapper:before {
  right: 0px !important;
  left: auto;
}

.Wij-trainers-slider .slide-box {
  width: 400px;
}

.Wij-trainers-slider .box-content p {
  font-size: 14px !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: initial;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  min-height: 70px;
}

.Wij-slider-body {
  width: 55%;
}

.Wij-trainers-text {
  width: 35%;
}
@media print, screen and (min-width: 64em) {
  .Wij-trainers-text h2 {
    font-size: 2.4375rem;
  }
}

.Wij-trainers-text .checkmark {
  list-style-type: none;
  margin-left: 0px;
}
.Wij-trainers-text .checkmark li {
  margin-bottom: 15px;
}

.Wij-trainers-wrapper {
  padding: 80px 0px 70px 0px;
}

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

.Wij-trainers-slider .slick-slide {
  height: inherit !important;
}

.Wij-trainers-slider .slick-slide {
  display: flex !important;
  display: -moz-flex;
  display: -ms-flex;
}

.Wij-slider-body h3 {
  padding-bottom: 20px;
}

.trainer-slider {
  margin-top: 100px;
  padding: 50px 0px 80px 0px !important;
}
.trainer-slider > .container {
  padding: 0px;
}
@media print, screen and (min-width: 40em) {
  .trainer-slider > .container {
    padding: 0px 20px;
    padding-right: 0px;
  }
}
.trainer-slider > .container .Wij-trainers-text {
  padding: 0px 20px;
}
@media print, screen and (min-width: 64em) {
  .trainer-slider > .container .Wij-trainers-text {
    padding-top: 40px;
  }
}
.trainer-slider .slide-box {
  margin-top: 20px;
  margin-left: 10px;
  margin-right: 10px;
  background-color: #fff;
  position: relative;
  border-radius: 4px;
  box-shadow: 7px 7px 30px 0 rgba(42, 62, 82, 0.129);
  background-color: #fff;
  margin-bottom: 40px;
  border-radius: 8px;
  overflow: hidden;
  transition: all 400ms;
}

.training-slider-block {
  margin-top: 120px;
}
.training-slider-block__title {
  font-size: 1.5625rem;
  font-weight: 800;
}
@media print, screen and (min-width: 40em) {
  .training-slider-block__title {
    font-size: 2.4375rem;
  }
}
.training-slider-block__body {
  position: relative;
  padding: 30px 0px 0px;
  margin-bottom: 80px;
}
.training-slider-block__body:before {
  content: "";
  height: 65% !important;
  width: 50%;
  position: absolute;
  background-repeat: repeat;
  top: 30% !important;
  left: 0px;
  z-index: -1;
  background-position: center;
  background-size: unset;
}
@media print, screen and (min-width: 40em) {
  .training-slider-block__body:before {
    background-image: url(/images/dot-bgv4.png);
  }
}
.training-slider-block__body .tab-title {
  margin-top: 0px;
}
.training-slider-block__body .tab-head {
  display: flex;
  justify-content: space-between;
  border-radius: 4px;
  box-shadow: none !important;
  border: none;
  background-color: transparent !important;
  padding-bottom: 0px;
}
.training-slider-block__body .tab-head h6 {
  font-size: 1rem;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.14;
  letter-spacing: normal;
  text-align: left;
  padding-bottom: 10px;
  /* border-bottom: 2px solid #747AA557;*/
  margin-right: 40px;
  margin-bottom: 10px;
}
.training-slider-block__body .tab-title {
  padding: 0px !important;
}
.training-slider-block__body .tab-title.categories {
  overflow: scroll;
  flex-basis: 75% !important;
}
@media print, screen and (min-width: 40em) {
  .training-slider-block__body .tab-title.categories {
    flex-basis: 50% !important;
  }
}
.training-slider-block__body .tab-title.usps {
  border: none !important;
}
.training-slider-block__body .tab-title.usps .listing {
  padding-top: 0px !important;
  -moz-column-gap: 15px;
       column-gap: 15px;
}
.training-slider-block__body .tab-title.usps .listing > div > div {
  margin-bottom: 15px;
}
.training-slider-block__body .tab-title.usps .listing > div > div:last-of-type {
  margin-bottom: 10px;
}
.training-slider-block__body .tab-title.usps .listing img.checkmark-svgs {
  width: 20px;
  position: absolute;
}
.training-slider-block__body .tab-title.usps .listing span {
  padding-left: 25px;
  display: block;
}
.training-slider-block__body .tab-title:nth-child(2) {
  flex-basis: 50% !important;
}
.training-slider-block__body .tab-title:nth-child(3) {
  flex-basis: 25% !important;
}
.training-slider-block__body ul.tabbing li {
  margin-bottom: 0px;
  margin-right: 0px;
}
@media screen and (min-width: 40em) {
  .training-slider-block__body ul.tabbing li {
    margin-bottom: 10px;
    margin-right: 10px;
    font-size: 0.875rem !important;
  }
}
.training-slider-block__body .tab-title.filter {
  border-left: 1px solid #D6D6D6;
}
.training-slider-block__body .tab-title.filter select {
  margin-bottom: 0px;
  font-size: 12px;
  font-weight: 600;
  padding-left: 2rem;
  height: initial;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%2830, 34, 92%29'></polygon></svg>"), url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path style="fill: rgb%2830, 34, 92%29" d="M6 21l6-8h-4v-10h-4v10h-4l6 8zm16-12h-8v-2h8v2zm2-6h-10v2h10v-2zm-4 8h-6v2h6v-2zm-2 4h-4v2h4v-2zm-2 4h-2v2h2v-2z"/></svg>');
  background-origin: content-box, content-box;
  background-position: right -1rem center, left -1.5rem center;
  background-repeat: no-repeat, no-repeat;
  background-size: 9px 6px, 18px 15px;
  border: 1px solid #1E225C;
  color: #1E225C;
}
.training-slider-block__body .loadmore {
  border-top: 1px solid #D6D6D6;
  margin-top: 25px;
  padding-top: 25px;
  text-align: center;
}

.tab-bottom__keuzehulp a {
  color: #ff9900;
}

.training-grid-section {
  margin: 75px 0px;
}
.training-grid-section__title {
  font-size: 30px;
  font-weight: 800;
  margin-bottom: 20px;
}
@media print, screen and (min-width: 40em) {
  .training-grid-section__title {
    font-size: 30px;
  }
}
.training-grid-section__text {
  margin-bottom: 25px;
  font-size: 16px;
}
.training-grid-section__body {
  position: relative;
  padding: 0px 0px 0px;
  margin-bottom: 60px;
}
.training-grid-section__body > div.row {
  row-gap: 30px;
  padding-left: 20px;
  padding-right: 20px;
}
@media print, screen and (min-width: 40em) {
  .training-grid-section__body > div.row {
    padding-left: 0px;
    padding-right: 0px;
  }
}
.training-grid-section__footer > div.row {
  padding-left: 20px;
  padding-right: 20px;
}
@media print, screen and (min-width: 40em) {
  .training-grid-section__footer > div.row {
    padding-left: 0px;
    padding-right: 0px;
  }
}
.training-grid-section > div.row > .column.small-12, .training-grid-section > div.row > .small-12.columns {
  padding: 0 2rem;
}
@media print, screen and (min-width: 64em) {
  .training-grid-section > div.row > .column.small-12, .training-grid-section > div.row > .small-12.columns {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
.training-grid-section--grey {
  padding: 74px 0px;
  background-color: #F8F8FA;
}
.training-grid-section--blue {
  padding: 74px 0px;
  background-color: #1e225d;
}

.split-header {
  overflow: hidden;
}
.split-header .mobile-container {
  padding-bottom: 0px;
}
.split-header .title-row h1 {
  margin-bottom: 15px;
}
@media print, screen and (min-width: 64em) {
  .split-header .title-row h1 {
    font-size: 2.4375rem;
    margin: 50px 0px;
  }
}
.split-header .title-row .home-leader-new__subtext.rating {
  background: transparent;
  align-items: center;
  margin-bottom: 15px;
}
.split-header .title-row .home-leader-new__subtext.rating .start__reviews__ratings, .split-header .title-row .home-leader-new__subtext.rating .start__reviews__ratings__text {
  font-size: 1rem;
  margin: 0;
}
.split-header .background-row {
  position: relative;
}
.split-header .content-row {
  position: relative;
  z-index: 10;
}
.split-header .background-letters {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
  overflow: hidden;
}
.split-header .background-letters__text {
  position: absolute;
  right: 0px;
  bottom: 5px;
  text-align: right;
  font-size: 230px;
  font-weight: 900;
  line-height: 180px;
  letter-spacing: -27px;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
}
@media print, screen and (min-width: 64em) {
  .split-header .background-letters__text {
    right: 30px;
    bottom: 15px;
    line-height: 300px;
    font-size: 475px;
    letter-spacing: -47px;
  }
}
.split-header__image {
  position: relative;
}
.split-header__image > img {
  position: absolute;
  bottom: 0px;
  left: 0px;
  max-width: 210px;
  max-height: 290px;
}
@media print, screen and (min-width: 40em) {
  .split-header__image > img {
    right: 0px;
    left: unset;
  }
}
@media print, screen and (min-width: 64em) {
  .split-header__image > img {
    max-width: 100%;
    max-height: 520px;
    right: unset;
    left: 50%;
    transform: translateX(-50%);
  }
}
.split-header__image .vid-btn {
  height: 100% !important;
}
.split-header__image .vid-btn .vid-icon {
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) !important;
  text-align: center;
  padding: 0px;
  height: 80px;
  width: 80px;
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 100%;
  cursor: pointer;
  -webkit-backdrop-filter: blur(10.7px);
  backdrop-filter: blur(10px);
  transition: margin 400ms, box-shadow 400ms;
}
@media print, screen and (min-width: 64em) {
  .split-header__image .vid-btn .vid-icon {
    padding: 20px;
    height: 140px;
    width: 140px;
  }
}
.split-header__image .vid-btn .vid-icon img {
  height: 60px;
  width: 60px;
}
@media print, screen and (min-width: 64em) {
  .split-header__image .vid-btn .vid-icon img {
    height: 100px;
    width: 100px;
  }
}
.split-header__image .vid-btn .vid-icon:hover {
  box-shadow: 0px 12px 40px 0px rgba(157, 171, 192, 0.5);
  cursor: pointer;
}
.split-header__container {
  background: white;
  box-shadow: 0px 2px 6px rgba(12, 29, 43, 0.219);
  border-radius: 8px;
  margin: 19px 0px;
}
@media print, screen and (min-width: 64em) {
  .split-header__container {
    margin: 50px 0px 80px 0px;
  }
}
@media print, screen and (min-width: 64em) {
  .split-header__container__upper {
    padding: 25px;
    padding-right: 15px;
  }
}
.split-header__container__upper .training-header__uspblock__block {
  background: transparent;
  padding: 15px 15px;
  row-gap: 8px;
}
@media print, screen and (min-width: 64em) {
  .split-header__container__upper .training-header__uspblock__block {
    padding: 0px;
    row-gap: 15px;
  }
}
.split-header__container__upper .training-header__uspblock__block__item {
  width: 100%;
}
.split-header__container__upper .training-header__uspblock__block__item__image {
  width: 18px;
}
@media print, screen and (min-width: 64em) {
  .split-header__container__upper .training-header__uspblock__block__item__image {
    width: 24px;
  }
}
.split-header__container__upper .training-header__uspblock__block__item__text {
  font-size: 0.8125rem;
}
@media print, screen and (min-width: 64em) {
  .split-header__container__upper .training-header__uspblock__block__item__text {
    font-size: 0.9375rem;
  }
}
@media print, screen and (min-width: 64em) {
  .split-header__container__upper .training-header__uspblock__block__item {
    width: 48%;
  }
}
.split-header__container__lower {
  padding: 5px;
}
@media print, screen and (min-width: 64em) {
  .split-header__container__lower {
    padding: 12px;
  }
}
.split-header__container__lower__button .cluster-header__content__text__buttons__button {
  width: 100%;
}
.split-header__container__lower__button .cluster-header__content__text__buttons__button:last-of-type {
  margin-bottom: 0px;
}
@media print, screen and (min-width: 64em) {
  .split-header__container__lower__button {
    padding-left: 0px !important;
  }
}
.split-header__container__lower__review .home-leader-new__subtext.rating {
  display: flex;
  background-color: #F2F8FF;
  max-width: 100%;
  padding: 13px 3px;
}
@media screen and (min-width: 90em) {
  .split-header__container__lower__review .home-leader-new__subtext.rating {
    padding: 13px 13px;
  }
}
.split-header__container__lower__review .home-leader-new__subtext.rating .start__reviews__ratings__text {
  font-size: 0.875rem;
  margin-left: 0px;
}
@media print, screen and (min-width: 64em) {
  .split-header__container__lower__review {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
}
.split-header__container__lower .cf-button--blue {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 0.875rem;
}
.split-header__container__lower .cf-button--blue .cf-button__text {
  font-size: 0.875rem;
}
@media print, screen and (min-width: 64em) {
  .split-header__container__lower {
    border-top: 1px solid #D8D8D8;
  }
}
.split-header__finalrow {
  border-bottom: 1px solid #D8D8D8;
}
.split-header__finalrow .column, .split-header__finalrow .columns {
  text-align: center;
  padding: 20px 0px;
}
.split-header__finalrow .column p, .split-header__finalrow .columns p {
  font-size: 0.875rem;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  font-weight: medium;
  width: 80%;
  margin: 0 auto;
}

@media print, screen and (min-width: 64em) {
  .training-grid-view {
    position: relative;
    z-index: 30;
    margin-top: -30px;
    margin-bottom: 40px;
  }
}

.scroll-down .inspiratie__filterbalk {
  top: 0px;
}
@media print, screen and (min-width: 64em) {
  .scroll-down .inspiratie__filterbalk {
    top: 0px;
  }
}

.scroll-down .nieuws__filterbalk {
  top: 0px;
}
@media print, screen and (min-width: 64em) {
  .scroll-down .nieuws__filterbalk {
    top: 0px;
  }
}

.scroll-up .inspiratie__filterbalk, .scroll-submenu .inspiratie__filterbalk {
  top: 45px;
}
@media print, screen and (min-width: 40em) {
  .scroll-up .inspiratie__filterbalk, .scroll-submenu .inspiratie__filterbalk {
    top: 100px;
  }
}

.scroll-up .nieuws__filterbalk, .scroll-submenu .nieuws__filterbalk {
  top: 45px;
}
@media print, screen and (min-width: 64em) {
  .scroll-up .nieuws__filterbalk, .scroll-submenu .nieuws__filterbalk {
    top: 70px;
  }
}

.scroll-up .inspiratie__filterbalk.notopbar, .scroll-submenu .inspiratie__filterbalk.notopbar {
  top: 45px;
}
@media print, screen and (min-width: 64em) {
  .scroll-up .inspiratie__filterbalk.notopbar, .scroll-submenu .inspiratie__filterbalk.notopbar {
    top: 50px;
  }
}

.scroll-up .nieuws__filterbalk.notopbar, .scroll-submenu .nieuws__filterbalk.notopbar {
  top: 45px;
}
@media print, screen and (min-width: 64em) {
  .scroll-up .nieuws__filterbalk.notopbar, .scroll-submenu .nieuws__filterbalk.notopbar {
    top: 60px;
  }
}

.singlecol.nieuws {
  max-width: 1336px;
  margin: 0 auto;
}

.singlecol.inspiratie {
  padding-bottom: 0px;
}

#pro-news-logo {
  top: 2px;
}

.header__logo-mobile.pro-news-logo-mobile {
  height: unset !important;
}

#nieuws {
  max-width: 100rem;
}
#nieuws .nieuws_blogrij {
  display: grid;
  grid-template-columns: 1fr;
  margin-top: 0px;
  width: 100%;
}
#nieuws .nieuws_blogrij .trainingen-grid__item {
  margin: 20px;
  border-radius: 8px;
}
@media screen and (min-width: 64em) {
  #nieuws .nieuws_blogrij {
    grid-template-columns: 1fr 1fr 1fr !important;
    padding-left: 20px;
    padding-right: 20px;
  }
  #nieuws .nieuws_blogrij .inspiratie-video-image-overlag .vid-icon img {
    width: 55px;
  }
  #nieuws .nieuws_blogrij .training-grid-block:hover .training-grid-block__title {
    color: #1e225d;
  }
}
@media screen and (min-width: 64em) {
  #nieuws .nieuws_blogrij .label, #nieuws .banner_nieuws .label {
    padding: 6px 14px;
    font-weight: 500;
    text-transform: capitalize;
  }
}

#inspiration {
  max-width: 100rem;
}
#inspiration .inspiration-list {
  display: flex;
  flex-direction: column;
  margin-top: 30px;
  width: 100%;
}
@media print, screen and (min-width: 64em) {
  #inspiration .inspiration-list {
    margin-top: 0px;
  }
}
#inspiration .inspiration-list .trainingen-grid__item {
  display: flex;
  flex-direction: row-reverse;
  margin: 40px 20px 0 20px;
  padding-bottom: 20px;
  border-radius: 8px;
}

.inspiratie__searchresults__container {
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 0px 20px;
  width: 100%;
  font-size: 18px;
  font-weight: 700;
  font-family: "Lexend", sans-serif;
  color: #0A246A;
}
@media print, screen and (min-width: 64em) {
  .inspiratie__searchresults__container {
    width: unset;
    margin-top: 40px;
    margin-left: 40px;
    margin-right: 40px;
    font-size: 28px;
    padding: 0px;
    font-display: fallback;
  }
}
.inspiratie__searchresults__pretext {
  color: #888AAA;
}
.inspiratie__searchresults__count {
  color: #888AAA;
}

.nieuws__filterbalk {
  position: sticky;
  top: 0px;
  padding-bottom: 10px;
  border-bottom: 1px solid #DBE1E8;
  background-color: white;
  z-index: 10;
  transition: all 400ms;
}
@media print, screen and (min-width: 64em) {
  .nieuws__filterbalk {
    top: 70px;
    border-bottom: 0px;
    padding-bottom: 0px;
    max-width: 1600px;
    margin: 0 auto;
  }
}

.inspiratie__filterbalk {
  position: sticky;
  top: 0px;
  padding-bottom: 10px;
  border-bottom: 1px solid #f2f3f6;
  background-color: white;
  z-index: 10;
  transition: all 400ms;
}
@media print, screen and (min-width: 64em) {
  .inspiratie__filterbalk {
    top: 70px;
    border-bottom: 0px;
    padding-bottom: 0px;
    max-width: 1600px;
    margin: 0 auto;
  }
}

.categoriebalknieuws {
  align-items: center;
  min-width: 170px;
}
.categoriebalknieuws select {
  width: 100%;
  border: 1px solid #1e225d;
  height: 43px;
  border-radius: 6px;
  font-weight: 500;
  color: #1e225d;
  background-position: right -1.5rem center;
  background-size: 14px 10px;
  margin: 0;
  font-size: 14px;
  padding: 0.5rem 2rem 0.5rem 1rem;
  background-image: url("/images/iconmonstr-caret-down-filled-32.png");
  background-size: contain;
  -webkit-backdrop-filter: unset;
          backdrop-filter: unset;
}
.categoriebalknieuws select:focus {
  box-shadow: none;
}

.filterbalk {
  width: 100%;
  display: flex;
  margin-top: 10px;
  padding: 0px 20px;
  -moz-column-gap: 5px;
       column-gap: 5px;
}
@media print, screen and (min-width: 64em) {
  .filterbalk {
    width: unset;
    padding: 0px;
    padding-bottom: 10px;
    border-bottom: 1px solid #f2f3f6;
  }
}
.filterbalk .typenieuws {
  display: flex;
  margin: auto;
  width: 100%;
  margin-bottom: -11px;
  overflow: scroll;
  -ms-overflow-style: none; /* Internet Explorer 10+ */
  scrollbar-width: none; /* Firefox */
  position: relative;
  grid-column: span 3;
}
.filterbalk .typenieuws::-webkit-scrollbar {
  width: 0; /* Remove scrollbar space */
  background: transparent; /* Optional: just make scrollbar invisible */
  display: none;
}
.filterbalk .typenieuws .verschillendetype {
  padding: 9px 10px; /* Adjust padding to reduce button size */
  padding-bottom: 19px;
  background-color: transparent; /* Remove background */
  color: #888AAA; /* Muted purple color */
  text-decoration: none;
  font-weight: 500; /* Default font weight */
  font-size: 14px;
  border: none; /* Remove borders */
  white-space: nowrap;
  transition: color 300ms, border-bottom 300ms;
}
.filterbalk .typenieuws .verschillendetype:hover {
  color: #585a7f; /* Hover color: dark blue */
  font-weight: 600; /* Increase font weight on hover */
  padding-left: 9px;
  padding-right: 9.5px;
}
.filterbalk .typenieuws .verschillendetype_selected {
  padding-left: 9px;
  padding-right: 9.5px;
  color: #585a7f; /* Active state color */
  font-weight: 600; /* Bold for active button */
  border-bottom: 1px solid #1E225C; /* Add bottom underline */
}
.filterbalk .searchbarnieuws {
  display: grid;
  justify-items: center;
  align-items: center;
  position: relative;
  width: unset;
}
@media print, screen and (min-width: 64em) {
  .filterbalk .searchbarnieuws {
    justify-items: flex-end;
  }
}
.filterbalk .searchbarnieuws #searchnieuwsoverzicht {
  margin: 0;
  width: unset;
  border: 1px solid #1e225d;
  border-radius: 8px;
  padding-left: 2rem;
  padding-right: 2rem;
  color: #1e225d;
}
@media print, screen and (min-width: 64em) {
  .filterbalk .searchbarnieuws #searchnieuwsoverzicht {
    min-width: 400px;
  }
}
.filterbalk .searchbarnieuws #searchnieuwsoverzicht::-moz-placeholder {
  font-size: 14px;
  color: #1e225d;
  opacity: 1;
}
.filterbalk .searchbarnieuws #searchnieuwsoverzicht::placeholder {
  font-size: 14px;
  color: #1e225d;
  opacity: 1;
}
.filterbalk .searchbarnieuws .searchclear {
  position: absolute;
  display: inline-block;
  width: 20px;
  right: 3%;
  margin-bottom: 2px;
}
.filterbalk .search-news {
  margin-left: 30px;
}
.filterbalk .search-news #searchiconinspiratie {
  left: 5px;
}
@media print, screen and (min-width: 64em) {
  .filterbalk .search-news {
    margin-left: 0px;
  }
}
.filterbalk .mobile-icon-box {
  border: 1px solid #1e225d;
  border-radius: 8px;
  padding: 0px 10px;
  height: 35px;
  display: grid;
  align-items: center;
  justify-items: center;
}
.filterbalk .close-button {
  left: 0px;
  right: unset;
  top: 5px;
}

#searchiconinspiratie {
  background-image: url("/images/iconmonstr-magnifier-lined-blue.svg");
  background-position: right 0rem center;
  background-repeat: no-repeat;
  background-size: 20px 15px;
  width: 20px;
  border: 0;
  background-color: transparent;
  position: absolute;
  left: 12%;
  cursor: pointer;
}
@media print, screen and (min-width: 64em) {
  #searchiconinspiratie {
    left: 3%;
  }
}

.geenpostsgevonden {
  font-size: 25px;
  font-weight: 600;
  text-align: center;
  margin: auto;
  margin-top: 100px;
}

.banner.row {
  max-width: 100rem;
}

.post-highlight {
  border-bottom: 0px;
  display: grid;
  grid-template-columns: 5.5fr 4.5fr;
  margin: 0 40px 0 40px;
  padding-top: 50px;
  padding-bottom: 20px;
}
@media screen and (min-width: 75em) {
  .post-highlight {
    grid-template-columns: 7fr 4fr;
  }
}
.post-highlight:hover {
  cursor: pointer;
}
.post-highlight__image {
  width: 100%;
  min-height: 398px;
  max-height: 398px;
  border-radius: 4px 20px 20px 20px;
  border: 1px solid #DBE1E8;
  -o-object-fit: cover;
     object-fit: cover;
}
.post-highlight__image img {
  border: none !important;
  border-radius: 4px 20px 20px 20px;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.post-highlight__content {
  align-self: flex-start;
  margin-left: 40px;
  padding-top: 15px;
  color: #333;
}
.post-highlight__content .nieuws_banner_type {
  margin-top: 10px;
  color: red;
}
.post-highlight__content .nieuws_banner_type div {
  margin-right: 10px;
  font-size: 16px;
  font-weight: bold;
}
.post-highlight__title {
  margin-top: 15px;
  font-size: 20px;
  font-weight: 700;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  color: #0A246A;
  margin-bottom: 23px;
}
.post-highlight__text {
  margin-top: 23px;
  font-size: 15px;
  line-height: 1.7;
  font-family: "SourceSerif4", serif;
  font-display: fallback;
  max-width: none;
  color: rgba(22, 25, 78, 0.8);
}
.post-highlight__new-marker {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
  font-size: 13px;
  font-weight: 400;
  color: #4A9030;
}
.post-highlight__new-marker .relative_time {
  font-size: 13px;
  font-weight: 300;
  color: #4A9030;
}

.banner_nieuws {
  display: grid;
  grid-template-columns: 5fr 5fr;
  margin-top: 40px;
  margin-bottom: 40px;
  margin-left: 40px;
  margin-right: 40px;
}
.banner_nieuws:hover {
  cursor: pointer;
}
.banner_nieuws .banner_img_nieuws {
  width: 100%;
  height: 482px;
  border-radius: 10px;
  -o-object-fit: cover;
     object-fit: cover;
}
.banner_nieuws .banner_tekst_nieuws {
  align-self: center;
  margin-left: 70px;
}
.banner_nieuws .banner_tekst_nieuws .nieuws_banner_type div {
  margin-right: 20px;
  font-size: 16px;
}
.banner_nieuws .banner_tekst_nieuws .banner_title_nieuws {
  margin-top: 20px;
  font-size: 39px;
  font-weight: 800;
  max-width: 80%;
  max-height: 100%;
}
.banner_nieuws .banner_nieuws_leesmeer {
  margin-top: 20px;
}
.banner_nieuws .banner_nieuws_tekst {
  max-width: 60%;
  max-height: 100%;
  font-size: 16px;
}
.banner_nieuws .cf-button--orange-link .cf-button__text {
  font-weight: 600;
}
.banner_nieuws .banner_new_marker {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
  font-size: 13px;
  font-weight: 400;
  color: #4A9030;
}
.banner_nieuws .banner_new_marker .relative_time {
  font-size: 13px;
  font-weight: 300;
  color: #4A9030;
}

.training-grid-block-blog-mobile {
  display: flex !important;
  flex-direction: row;
  gap: 10px;
  margin-top: 20px !important;
  box-shadow: none !important;
  padding: 0px !important;
}
.training-grid-block-blog-mobile .inspiration-listing__author {
  display: flex;
  gap: 10px;
  align-items: center;
}
.training-grid-block-blog-mobile .inspiration-listing__author__text {
  font-size: 14px;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
}
.training-grid-block-blog-mobile .inspiration-listing__author__text span {
  font-size: 14px;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
}
.training-grid-block-blog-mobile .training-grid-block__content {
  height: unset !important;
  min-height: unset !important;
  flex-direction: row;
}
.training-grid-block-blog-mobile .training-grid-block__content__text {
  margin-left: 0px !important;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  height: 100% !important;
  justify-content: space-between;
}
.training-grid-block-blog-mobile .training-grid-block__content__infotext {
  padding: 0px !important;
  flex-grow: 1;
}
.training-grid-block-blog-mobile .training-grid-block__image {
  width: 120px;
  height: 80px;
}
@media print, screen and (min-width: 40em) {
  .training-grid-block-blog-mobile .training-grid-block__image {
    width: 160px;
    height: 100px;
  }
}
.training-grid-block-blog-mobile .mobile-img-grid-block {
  height: 80px !important;
  min-width: 120px !important;
  border-radius: 0px 8px 8px 8px !important;
}
@media print, screen and (min-width: 40em) {
  .training-grid-block-blog-mobile .mobile-img-grid-block {
    max-width: unset !important;
    width: 160px !important;
    height: 100px !important;
  }
}
.training-grid-block-blog-mobile .inspiratie-video-image-overlag .vid-icon img {
  width: 40px;
}
.training-grid-block-blog-mobile p.training-grid-block__title {
  font-weight: 600 !important;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  font-size: 16px;
  width: 90%;
  margin-bottom: 0px;
}
@media print, screen and (min-width: 40em) {
  .training-grid-block-blog-mobile p.training-grid-block__title {
    font-weight: 700;
    font-size: 18px;
  }
}

.nieuws-blogrijmobile {
  padding: 0px 20px;
  width: 100%;
}

#testing123 {
  display: none;
}

@media screen and (min-width: 64em) {
  .nieuws_blogrij {
    padding-left: 20px;
    padding-right: 20px;
  }
  .nieuws_blogrij .inspiratie-video-image-overlag .vid-icon img {
    width: 55px;
  }
  .nieuws_blogrij .training-grid-block:hover .training-grid-block__title {
    color: #1e225d;
  }
  .nieuws_blogrij .label, .banner_nieuws .label {
    padding: 6px 14px;
    font-weight: 500;
    text-transform: capitalize;
  }
  .filterbalk {
    margin-top: 40px;
    margin-left: 40px;
    margin-right: 40px;
    -moz-column-gap: 0px;
         column-gap: 0px;
  }
  .filterbalk .categoriebalknieuws {
    justify-items: flex-start;
    margin-right: 40px;
  }
  .filterbalk .categoriebalknieuws select {
    height: initial;
  }
  .filterbalk .typenieuws {
    overflow: scroll;
    position: relative;
    grid-column: inherit;
  }
}
.mobile-searchbar {
  height: 20%;
  width: 100%;
}

.scroll-header .sidebar, .scroll-submenu .sidebar, .scroll-up .sidebar {
  top: 145px;
}

.scroll-down .sidebar {
  top: 45px;
}

.doublecol-container {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  max-width: 1450px;
  margin: 0 auto;
}
.doublecol-container .main-content {
  width: 100%;
  flex-grow: 1;
}
@media screen and (min-width: 75em) {
  .doublecol-container .main-content {
    padding-right: 10px;
  }
}
.doublecol-container #sidebar-content {
  border-left: 1px solid #f2f3f6;
  flex-grow: 1;
  padding: 20px;
  box-shadow: none;
  border-radius: 0px;
  background-color: #FFF;
}
@media print, screen and (min-width: 64em) {
  .doublecol-container #sidebar-content {
    padding: 20px 60px;
  }
}
@media screen and (min-width: 75em) {
  .doublecol-container #sidebar-content {
    max-width: 400px;
    padding: 30px 40px;
    padding-left: 50px;
  }
}
.doublecol-container #sidebar-content .sidebar {
  background-color: #fff;
  padding: 0px;
  border-radius: 0px;
  box-shadow: none;
  position: sticky;
  height: -moz-fit-content;
  height: fit-content;
}
@media screen and (max-width: 74.9375em) {
  .doublecol-container {
    flex-direction: column;
  }
  .doublecol-container .main-content, .doublecol-container .sidebar {
    width: 100%;
    border-left: none;
  }
}
.doublecol-container .post-type {
  font-size: 12px;
  font-weight: normal;
  color: #888AAA;
  display: flex;
  gap: 15px;
}
.doublecol-container .rotate-button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: white; /* Button background */
  color: #888AAA; /* Arrow color */
  padding-top: 7px;
  border-radius: 50%; /* Makes the button circular */
  width: 35px; /* Fixed width for a circle */
  height: 35px; /* Fixed height for a circle */
  font-size: 18px; /* Size of the arrow */
  font-weight: bold; /* Make arrow bold */
  cursor: pointer; /* Indicate clickability */
  display: none;
}
.doublecol-container .rotate-button:hover {
  color: #585a7f;
}

.post-block {
  border-bottom: 0px;
  box-shadow: none;
  margin-top: 0px !important;
  padding: 20px !important;
}
.post-block .training-grid-block__content__infotext {
  padding-top: 0px;
  padding-left: 0px;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.post-row-block-divider {
  background-color: #f2f3f6;
  height: 1px;
  margin: 20px 20px;
}
@media print, screen and (min-width: 64em) {
  .post-row-block-divider {
    margin: 20px 40px;
  }
}

.post-row {
  border-bottom: 0px;
  box-shadow: none;
  margin-top: 0px;
  display: flex;
  padding: 0px;
  flex-direction: column;
  margin: 0px 20px 0 20px;
  border-radius: 8px;
  text-decoration: none;
  transition: all 400ms;
  gap: 10px;
}
.post-row:hover .post-row__title {
  color: rgb(255, 153, 0);
}
.post-row:hover .post-row__image_overlay {
  background-color: rgba(32, 42, 54, 0.5);
}
.post-row:hover .post-row__author__text {
  color: #888AAA;
}
@media print, screen and (min-width: 64em) {
  .post-row {
    padding: 20px;
  }
}
.post-row__title {
  font-weight: 600;
  font-size: 15px;
  width: 90%;
  margin-bottom: 0px;
  line-height: 1.5;
  transition: all 400ms;
}
@media print, screen and (min-width: 40em) {
  .post-row__title {
    font-size: 18px;
    width: 100%;
    line-height: 1.5;
  }
}
@media print, screen and (min-width: 64em) {
  .post-row__title {
    font-size: 20px;
    font-weight: 700;
    width: 100%;
  }
}
.post-row__content {
  display: flex;
  flex-direction: row;
}
.post-row__content__container {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  height: 53%;
  padding: 0px;
  flex-grow: 1;
}
@media print, screen and (min-width: 40em) {
  .post-row__content__container {
    padding-right: 20px;
  }
}
@media print, screen and (min-width: 64em) {
  .post-row__content__container {
    padding-right: 50px;
  }
}
.post-row__image {
  width: 120px;
  height: 80px;
  border-radius: 0px 16px 16px 16px;
  position: relative;
}
@media print, screen and (min-width: 40em) {
  .post-row__image {
    width: 160px;
    height: 100px;
  }
}
@media print, screen and (min-width: 64em) {
  .post-row__image {
    width: 25%;
    min-width: 290px;
    height: 210px;
  }
}
.post-row__image > img {
  max-width: unset;
  width: 120px;
  height: 80px;
  border: 1px solid #DBE1E8;
  border-radius: 0px 16px 16px 16px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media print, screen and (min-width: 40em) {
  .post-row__image > img {
    width: 160px;
    height: 100px;
  }
}
@media print, screen and (min-width: 64em) {
  .post-row__image > img {
    width: 100%;
    height: 210px;
  }
}
.post-row__image_overlay {
  width: 100%;
  position: absolute;
  height: 100%;
  opacity: 1;
  border-radius: 0px 16px 16px 16px;
  display: grid;
  justify-content: center;
  align-content: center;
  transition: all 400ms;
}
.post-row__image_overlay .vid-icon {
  padding: 10px !important;
}
@media print, screen and (min-width: 64em) {
  .post-row__image_overlay .vid-icon {
    padding: 20px !important;
  }
}
.post-row__image_overlay .vid-icon img {
  width: 30px;
}
@media print, screen and (min-width: 64em) {
  .post-row__image_overlay .vid-icon img {
    width: 55px;
  }
}
.post-row__extralabel {
  position: absolute;
  display: flex;
  align-items: center;
  top: 15px;
  left: 30px;
  color: white;
  opacity: 0;
  font-size: 16px;
  font-weight: bold;
  text-shadow: 0px 0px 4px #000000;
}
.post-row__infolabel {
  position: absolute;
  bottom: 15px;
  display: flex;
  align-items: center;
  gap: 20px;
  left: 20px;
  color: white;
  font-size: 12px;
  font-weight: bold;
}
.post-row__infolabel__type {
  background-color: #1e225d;
  padding: 5px 13px;
  border-radius: 6px;
  text-transform: capitalize;
}
.post-row__text_container {
  height: 100%;
  flex-grow: 1;
  max-width: 750px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 12px;
  text-overflow: ellipsis;
}
@media print, screen and (min-width: 40em) {
  .post-row__text_container {
    height: auto;
  }
}
.post-row__text {
  font-size: 15px;
  text-overflow: ellipsis;
  font: normal normal normal 15px/26px Gelasio;
  font-family: "SourceSerif4", serif;
  font-display: fallback;
  height: 4em;
  margin-bottom: 0px;
}
.post-row__author {
  font-size: 13px;
  font-weight: 500;
  color: #888AAA;
  display: flex;
  gap: 10px;
  align-items: center;
}
@media print, screen and (min-width: 64em) {
  .post-row__author {
    margin-bottom: 16px;
  }
}
.post-row__author__text {
  color: #888AAA;
}
.post-row__author-icon {
  width: 2rem;
  height: 2rem;
  border-radius: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  border: 1px solid #DBE1E8;
}
.post-row__meta {
  font-size: 14px;
  font-weight: 400;
  color: #888AAA;
  display: flex;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  gap: 7px;
  align-items: center;
}
@media screen and (max-width: 63.9375em) {
  .post-row__meta {
    font-size: 10px;
  }
}
.post-row__meta-container {
  display: flex;
  align-items: center;
  margin-top: 0px;
  gap: 30px;
}
@media screen and (max-width: 63.9375em) {
  .post-row__meta-container {
    flex-direction: row;
    margin: 0 !important;
  }
}
.post-row__meta-img {
  width: 20px;
  height: 20px;
}
.post-row__svg {
  width: 20px;
  height: 20px;
  filter: invert(65%) sepia(10%) saturate(684%) hue-rotate(198deg) brightness(87%) contrast(89%);
}

.training-row-block {
  border-bottom: 0px;
  box-shadow: none;
  margin-top: 0px;
  display: flex;
  padding: 0px;
  flex-direction: row;
  margin: 0px 20px 0 20px;
  border-radius: 8px;
  text-decoration: none;
  transition: all 400ms;
  gap: 20px;
}
.training-row-block:hover .training-row-block__title {
  color: rgb(255, 153, 0);
}
.training-row-block:hover .training-row-block__image_overlay {
  background-color: rgba(32, 42, 54, 0.5);
}
@media print, screen and (min-width: 64em) {
  .training-row-block {
    padding: 20px;
  }
  .training-row-block:hover {
    box-shadow: 0px 10px 30px 0px rgba(157, 171, 192, 0.35);
    border-color: rgb(218.7615384615, 221.35, 223.9384615385);
  }
}
.training-row-block__title {
  font-weight: 600;
  font-size: 16px;
  width: 90%;
  margin-bottom: 16px;
  line-height: 1.2;
  transition: all 400ms;
}
@media print, screen and (min-width: 40em) {
  .training-row-block__title {
    font-size: 18px;
    width: 100%;
    line-height: 1.5;
  }
}
@media print, screen and (min-width: 64em) {
  .training-row-block__title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 16px;
    width: 100%;
  }
}
.training-row-block__content {
  display: flex;
  flex-direction: column;
  gap: 16px;
  flex-grow: 1;
}
.training-row-block__content__container {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  height: 53%;
  padding: 0px;
  flex-grow: 1;
}
@media print, screen and (min-width: 40em) {
  .training-row-block__content__container {
    padding-right: 20px;
  }
}
.training-row-block__image {
  width: 120px;
  height: 80px;
  border-radius: 0px 12px 12px 12px;
  position: relative;
}
@media print, screen and (min-width: 40em) {
  .training-row-block__image {
    width: 160px;
    height: 100px;
  }
}
@media print, screen and (min-width: 64em) {
  .training-row-block__image {
    width: 25%;
    min-width: 290px;
    height: 210px;
  }
}
.training-row-block__image > img {
  max-width: unset;
  width: 120px;
  height: 80px;
  border: 1px solid #DBE1E8;
  border-radius: 0px 12px 12px 12px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media print, screen and (min-width: 40em) {
  .training-row-block__image > img {
    width: 160px;
    height: 100px;
  }
}
@media print, screen and (min-width: 64em) {
  .training-row-block__image > img {
    width: 100%;
    height: 210px;
  }
}
.training-row-block__image_overlay {
  width: 100%;
  position: absolute;
  height: 100%;
  opacity: 1;
  border-radius: 0px 12px 12px 12px;
  display: grid;
  justify-content: center;
  align-content: center;
  transition: all 400ms;
}
.training-row-block__image_overlay .vid-icon {
  padding: 10px !important;
}
@media print, screen and (min-width: 64em) {
  .training-row-block__image_overlay .vid-icon {
    padding: 20px !important;
  }
}
.training-row-block__image_overlay .vid-icon img {
  width: 30px;
}
@media print, screen and (min-width: 64em) {
  .training-row-block__image_overlay .vid-icon img {
    width: 55px;
  }
}
.training-row-block__extralabel {
  position: absolute;
  display: flex;
  align-items: center;
  top: 15px;
  left: 30px;
  color: white;
  opacity: 0;
  font-size: 16px;
  font-weight: bold;
  text-shadow: 0px 0px 4px #000000;
}
.training-row-block__infolabel {
  position: absolute;
  bottom: 15px;
  display: flex;
  align-items: center;
  gap: 20px;
  left: 20px;
  color: white;
  font-size: 12px;
  font-weight: bold;
}
.training-row-block__infolabel__type {
  background-color: #1e225d;
  padding: 5px 13px;
  border-radius: 6px;
  text-transform: capitalize;
}
.training-row-block__text_container {
  height: 100%;
  flex-grow: 1;
  max-width: 750px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 20px;
  text-overflow: ellipsis;
}
@media print, screen and (min-width: 40em) {
  .training-row-block__text_container {
    height: auto;
  }
}
.training-row-block__text {
  font-size: 16px;
  text-overflow: ellipsis;
  font: normal normal normal 16px/26px Gelasio;
  font-family: "SourceSerif4", serif;
  font-display: fallback;
  height: auto;
}
.training-row-block__author {
  font-size: 12px;
  font-weight: 500;
  color: #1e225d;
  display: flex;
  gap: 10px;
  align-items: center;
}
@media print, screen and (min-width: 40em) {
  .training-row-block__author {
    font-size: 14px;
  }
}
.training-row-block__author__text {
  font-family: "Lexend", sans-serif;
  font-display: fallback;
}
.training-row-block__author-icon {
  width: 2rem;
  height: 2rem;
  border-radius: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  border: 1px solid #DBE1E8;
}
.training-row-block__meta__container {
  display: flex;
  align-items: center;
  gap: 20px;
}
@media print, screen and (min-width: 40em) {
  .training-row-block__meta__container {
    gap: 40px;
  }
}
.training-row-block__meta__item {
  display: flex;
  gap: 7px;
  align-items: center;
}
.training-row-block__meta__item__icon {
  width: 16px;
  height: 16px;
}
.training-row-block__meta__item__text {
  font-size: 12px;
  font-weight: 500;
  color: #1e225d;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
}
@media print, screen and (min-width: 40em) {
  .training-row-block__meta__item__text {
    font-size: 14px;
  }
}
.training-row-block__meta-container {
  display: flex;
  align-items: center;
  margin-top: 0px;
  gap: 30px;
}
@media screen and (max-width: 63.9375em) {
  .training-row-block__meta-container {
    flex-direction: row;
    margin: 0 !important;
  }
}
.training-row-block__meta-img {
  width: 20px;
  height: 20px;
}
.training-row-block__svg {
  width: 20px;
  height: 20px;
  filter: invert(65%) sepia(10%) saturate(684%) hue-rotate(198deg) brightness(87%) contrast(89%);
}
.training-row-block__favorite {
  height: 30px;
  background-color: white;
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 4;
  border-radius: 0px 0px 0px 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 9px;
}
.training-row-block__favorite::after {
  content: "Bewaar";
  color: #1e225d;
  font-size: 14px;
  font-family: "lexend", sans-serif;
  padding-left: 2px;
}
.training-row-block__favorite.selected::after {
  content: "Bewaard";
}
.training-row-block__favorite.selected.collection {
  padding: 5px 5px 5px 5px;
}
.training-row-block__favorite.selected.collection::after {
  content: "Verwijder";
}
.training-row-block__favorite.selected img.selected {
  filter: invert(36%) sepia(79%) saturate(1372%) hue-rotate(328deg) brightness(112%) contrast(107%);
  display: block;
  margin: 5px !important;
  margin-left: 0px !important;
  height: 50%;
  width: unset !important;
}
.training-row-block__favorite.selected img.selected.trashcan {
  height: 80%;
}
.training-row-block__favorite.selected img.notselected {
  display: none;
  margin: 5px !important;
  margin-left: 0px !important;
  height: 50%;
  width: unset !important;
}
.training-row-block__favorite.selected.collection img.selected {
  filter: invert(9%) sepia(69%) saturate(2738%) hue-rotate(228deg) brightness(99%) contrast(93%);
}
.training-row-block__favorite.notselected img.selected {
  display: none;
  margin: 5px !important;
  margin-left: 0px !important;
  height: 50%;
  width: unset !important;
}
.training-row-block__favorite.notselected img.notselected {
  filter: invert(9%) sepia(69%) saturate(2738%) hue-rotate(228deg) brightness(99%) contrast(93%);
  display: block;
  margin: 5px !important;
  margin-left: 0px !important;
  height: 50%;
  width: unset !important;
}
.training-row-block__favorite:hover {
  cursor: pointer;
}
.training-row-block__favorite:hover.notselected img.notselected {
  filter: invert(36%) sepia(79%) saturate(1372%) hue-rotate(328deg) brightness(112%) contrast(107%);
  transition: all 400ms;
}
.training-row-block__aiproof {
  position: absolute;
  top: 10px;
  left: 15px;
}
.training-row-block__aiproof img {
  height: 60px;
}
.training-row-block__status-label {
  position: absolute;
  top: 10px;
  left: 15px;
  background-color: #f2f8ff;
  padding: 5px 13px;
  border-radius: 6px;
  text-transform: capitalize;
  color: #1e225d;
  font-size: 12px;
  font-weight: bold;
}
.training-row-block__pricelabel {
  position: absolute;
  display: flex;
  align-items: center;
  top: 15px;
  left: 30px;
  color: white;
  opacity: 0;
  font-size: 16px;
  font-weight: bold;
  text-shadow: 0px 0px 4px #000000;
}
.training-row-block__pricelabel.show {
  opacity: 1;
}
.training-row-block__pricelabel img {
  filter: invert(100%) sepia(100%) saturate(2%) hue-rotate(78deg) brightness(109%) contrast(101%) drop-shadow(0px 0px 4px #000);
  width: 18px;
  height: 18px;
  margin-right: 7px;
}
.training-row-block__infolabel {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 20px;
  bottom: 15px;
  left: 20px;
  color: white;
  font-size: 12px;
  font-weight: 600;
  font-weight: bold;
}
.training-row-block__infolabel.jobs-demand {
  font-size: 11px;
}
@media print, screen and (min-width: 40em) {
  .training-row-block__infolabel.jobs-demand {
    font-size: 12px;
  }
}
.training-row-block__infolabel__type {
  background-color: #1e225d;
  padding: 5px 13px;
  border-radius: 6px;
  text-transform: capitalize;
}

@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
/* Header Styling */
/* Creative Business School Link */
a.business-school {
  font-size: 16px;
  font-weight: 600;
  color: #888AAA; /* Dark gray */
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 5px;
  transition: color 400ms;
}
a.business-school span {
  padding-bottom: 2px;
}
a.business-school .icon {
  transition: filter 400ms;
  transform: rotate(45deg);
  height: 20px;
  filter: invert(58%) sepia(19%) saturate(440%) hue-rotate(198deg) brightness(92%) contrast(86%);
}
a.business-school:hover {
  text-decoration: none;
  color: #1E225C;
}
a.business-school:hover .icon {
  filter: invert(6%) sepia(45%) saturate(6605%) hue-rotate(236deg) brightness(102%) contrast(87%);
}
a.business-school.block-item {
  width: 100%;
  padding: 0.7rem 1rem;
  padding-bottom: 0;
  padding-top: 2vh;
  margin-bottom: -20px;
}

header {
  background-color: #ffffff;
  /* Left Section */
  /* Middle Section */
  /* Right Section */
  /* Purple Gradient Bar */
}
header .container-inspiratie {
  align-items: center;
  justify-content: space-between;
  background: white;
  border-bottom: 1px solid #f2f3f6;
  width: 100%;
  margin: 0;
  padding: 0 1.5rem;
  display: flex;
  gap: 10px;
  height: 50px;
}
@media print, screen and (min-width: 40em) {
  header .container-inspiratie {
    height: 60px;
    gap: 20px;
  }
}
@media print, screen and (min-width: 64em) {
  header .container-inspiratie {
    height: 60px;
    gap: 30px;
  }
  header .container-inspiratie .mainmenu-desktop {
    margin-left: -10px;
  }
}
@media screen and (min-width: 75em) {
  header .container-inspiratie {
    height: 60px;
    gap: 60px;
  }
}
header .logo-section {
  display: flex;
  align-items: center;
}
header .logo-section img {
  height: 21px;
  -o-object-fit: contain;
     object-fit: contain;
  max-width: unset;
}
@media print, screen and (min-width: 40em) {
  header .logo-section img {
    height: 30px;
  }
}
@media print, screen and (min-width: 64em) {
  header .logo-section img {
    height: 35px;
  }
}
header .logo-section span {
  font-size: 0.875rem;
  color: #6b7280; /* Gray */
  margin-left: 10px;
}
header .search-bar {
  flex-grow: 1;
  max-width: 450px;
}
header .search-bar .search-form {
  position: relative;
  height: 36px;
  max-width: 450px;
}
@media print, screen and (min-width: 40em) {
  header .search-bar .search-form {
    height: 43px;
  }
}
@media print, screen and (min-width: 64em) {
  header .search-bar .search-form {
    height: 43px;
  }
}
header .search-bar input {
  width: 100%;
  padding: 8px 33px 9px 36px;
  border: 1px solid #1e225d; /* Light gray */
  color: #1e225d;
  border-radius: 9999px;
  font-size: 14px;
  outline: none;
  background-color: white;
  box-shadow: none;
  margin-bottom: 0px;
  height: 36px;
}
@media print, screen and (min-width: 40em) {
  header .search-bar input {
    height: 43px;
    font-size: 15px;
    padding: 12px 33px 12px 66px;
  }
}
@media print, screen and (min-width: 64em) {
  header .search-bar input {
    padding: 12px 33px 12px 66px;
    font-size: 15px;
    height: 43px;
    max-width: 450px;
  }
}
header .search-bar input::-moz-placeholder {
  color: #1e225d;
  font-size: 14px;
}
header .search-bar input::placeholder {
  color: #1e225d;
  font-size: 14px;
}
@media print, screen and (min-width: 64em) {
  header .search-bar input::-moz-placeholder {
    font-size: 16px;
  }
  header .search-bar input::placeholder {
    font-size: 16px;
  }
}
header .search-bar input:focus {
  border-color: #1e225d;
  box-shadow: none;
}
header .nav-section {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1rem;
  flex-grow: 1;
  /* Word Member Button */
}
@media print, screen and (min-width: 64em) {
  header .nav-section {
    justify-content: space-between;
  }
}
header .nav-section .nav-section-right {
  display: flex;
  gap: 10px;
}
header .nav-section a.member-button {
  background-color: #1e3a8a; /* Dark blue */
  color: #ffffff;
  padding: 0.5rem 1rem;
  border-radius: 4px;
  font-size: 0.875rem;
  text-decoration: none;
  font-weight: bold;
}
header .nav-section a.member-button:hover {
  background-color: #1d4ed8; /* Lighter blue */
}
header .nav-section .header__menu-button img {
  width: 24px !important;
  height: 24px !important;
  max-width: unset;
}
header .promo-bar {
  background: linear-gradient(to right, #79b9d4, #3f6e9f);
  color: #ffffff;
  text-align: center;
  padding: 0.5rem 0;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
}
header .promo-bar span {
  font-size: 14px;
  font-weight: 500;
}
header .promo-bar a {
  font-size: 14px;
  font-weight: 500;
  color: #ffffff;
  text-decoration: underline;
}
header .promo-bar-post {
  background: linear-gradient(to right, #79b9d4, #3f6e9f); /* Pink to purple */
  color: #ffffff;
  text-align: center;
  padding: 0.5rem 0;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
}
header .promo-bar-post span {
  font-size: 14px;
  font-weight: 500;
}
header .promo-bar-post a {
  font-size: 14px;
  font-weight: 500;
  color: #ffffff;
  text-decoration: underline;
}

.header-mobile {
  background-color: white;
  position: sticky;
  top: 0;
  z-index: 1000;
}
.header-mobile__container {
  box-shadow: 0 3px 6px rgba(127, 139, 152, 0.16);
}
.header-mobile__firstrow {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 1rem;
}
.header-mobile #search-mobile-input {
  width: 90%;
  padding: 0.5rem;
  border: 1px solid #ddd;
  border-radius: 4px;
}
.header-mobile .header__menu-button img {
  width: 25px;
  height: 25px;
}

/*Search Form */
.search-form__button {
  position: absolute;
  left: 12px;
  top: 10px;
}
@media print, screen and (min-width: 40em) {
  .search-form__button {
    left: 15px;
    top: 13px;
  }
}
@media print, screen and (min-width: 64em) {
  .search-form__button {
    left: 20px;
    top: 13px;
  }
}

.search-news .search-form__clear {
  width: 22px;
  height: 22px;
}
@media print, screen and (min-width: 40em) {
  .search-news .search-form__clear {
    width: 26px;
    height: 26px;
  }
}
@media print, screen and (min-width: 64em) {
  .search-news .search-form__clear {
    width: 26px;
    height: 26px;
  }
}
.search-news .search-form__clear img {
  width: 22px;
  height: 22px;
}
@media print, screen and (min-width: 40em) {
  .search-news .search-form__clear img {
    width: 26px;
    height: 26px;
  }
}

.search-form__clear {
  position: absolute;
  right: 8px;
  top: 5px;
  width: 25px;
  height: 25px;
}
@media print, screen and (min-width: 40em) {
  .search-form__clear {
    top: 6px;
    width: 30px;
    height: 30px;
  }
}
@media print, screen and (min-width: 64em) {
  .search-form__clear {
    right: 11px;
    top: 6px;
    width: 30px;
    height: 30px;
  }
}

.search-news .search-form__submitbutton {
  width: 22px;
  height: 22px;
}
@media print, screen and (min-width: 40em) {
  .search-news .search-form__submitbutton {
    width: 26px;
    height: 26px;
  }
}
@media print, screen and (min-width: 64em) {
  .search-news .search-form__submitbutton {
    width: 26px;
    height: 26px;
  }
}
.search-news .search-form__submitbutton img {
  width: 14px;
  height: 14px;
}
@media print, screen and (min-width: 40em) {
  .search-news .search-form__submitbutton img {
    width: 16px;
    height: 16px;
  }
}

.search-form__submitbutton {
  position: absolute;
  right: 8px;
  top: 5px;
  width: 25px;
  height: 25px;
  background-color: #1e225d;
  border-radius: 100%;
  color: #1e225d;
}
@media print, screen and (min-width: 40em) {
  .search-form__submitbutton {
    top: 6px;
    width: 30px;
    height: 30px;
  }
}
@media print, screen and (min-width: 64em) {
  .search-form__submitbutton {
    right: 11px;
    top: 6px;
    width: 30px;
    height: 30px;
  }
}
.search-form__submitbutton img {
  width: 16px;
  height: 16px;
}
@media print, screen and (min-width: 40em) {
  .search-form__submitbutton img {
    width: 20px;
    height: 20px;
  }
}

.search-form__loading {
  position: absolute;
  right: 8px;
  top: 5px;
  width: 25px;
  height: 25px;
  color: #1e225d;
  animation: rotate 2s linear infinite;
}
@media print, screen and (min-width: 40em) {
  .search-form__loading {
    top: 6px;
    width: 30px;
    height: 30px;
  }
}
@media print, screen and (min-width: 64em) {
  .search-form__loading {
    right: 11px;
    top: 6px;
    width: 30px;
    height: 30px;
  }
}
.search-form__loading img {
  filter: invert(20%) sepia(9%) saturate(5499%) hue-rotate(194deg) brightness(95%) contrast(106%);
}

.sidebar {
  background-color: #f9f9f9;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.sidebar .sidebar-spacer {
  width: 100%;
  height: 1px;
  background-color: #f2f3f6;
  margin: 30px 0px;
}
.sidebar .sidebar-section {
  margin-bottom: 30px;
}
@media print, screen and (min-width: 64em) {
  .sidebar .sidebar-section {
    max-width: 380px;
  }
}
.sidebar .sidebar-section .sidebar-title {
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 34px;
  letter-spacing: -0.2px;
}
.sidebar .sidebar-section .post-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.sidebar .sidebar-section .post-list .post-item {
  margin-bottom: 34px;
  display: flex;
  align-items: center;
}
.sidebar .sidebar-section .post-list .post-item .post-link {
  display: flex;
  text-decoration: none;
  transition: all 0.3s ease;
  flex-direction: column;
  width: 100%;
}
.sidebar .sidebar-section .post-list .post-item .post-link:hover {
  color: #007bff;
}
.sidebar .sidebar-section .post-list .post-item .post-link .post-author {
  display: flex;
  gap: 9px;
  align-items: center;
  margin-bottom: 10px;
}
.sidebar .sidebar-section .post-list .post-item .post-link .post-author .author-text {
  font-size: 12px;
  font-weight: 500;
  color: #888AAA;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
}
.sidebar .sidebar-section .post-list .post-item .post-link .post-thumbnail {
  width: 50px;
  height: 50px;
  border-radius: 6px;
  -o-object-fit: cover;
     object-fit: cover;
  margin-right: 10px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.sidebar .sidebar-section .post-list .post-item .post-link .post-title {
  font-size: 15px;
  font-weight: 500;
  line-height: 25px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sidebar .sidebar-section .sidebar-readmore a {
  color: #ff9900;
  text-decoration: none;
  font-size: 13px;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
}
.sidebar .sidebar-section .sidebar-readmore a:hover {
  text-decoration: underline;
}

.inspiration-detail__content {
  max-width: 700px;
  margin: 0 auto;
  padding: 0 24px;
}
.inspiration-detail__content__hoofdstukken {
  margin-top: 50px;
}
.inspiration-detail__content__text {
  margin-top: 50px;
  margin-bottom: 50px;
}
@media print, screen and (min-width: 64em) {
  .inspiration-detail__content__text {
    margin-bottom: 100px;
  }
}
.inspiration-detail__content__text .page__content h2 {
  margin-top: 30px;
  margin-bottom: 16px;
  font: normal normal bold 24px/34px Lexend;
  line-height: 34px;
  color: #1E225C;
}
.inspiration-detail__content__text .page__content h2 strong, .inspiration-detail__content__text .page__content h2 b, .inspiration-detail__content__text .page__content h2 a, .inspiration-detail__content__text .page__content h2 span {
  font: normal normal bold 24px/34px Lexend;
}
.inspiration-detail__content__text .page__content h3 {
  margin-top: 35px;
  margin-bottom: 16px;
  font: normal normal bold 22px/32px Lexend;
  line-height: 32px;
  color: #1E225C;
}
.inspiration-detail__content__text .page__content h3 strong, .inspiration-detail__content__text .page__content h3 b, .inspiration-detail__content__text .page__content h3 a, .inspiration-detail__content__text .page__content h3 span {
  font: normal normal bold 22px/32px Lexend;
}
.inspiration-detail__content__text .page__content h4 {
  font: normal normal bold 20px/48px Lexend;
  line-height: 32px;
  margin-bottom: 16px;
  color: #1E225C;
}
.inspiration-detail__content__text .page__content h4 strong, .inspiration-detail__content__text .page__content h4 b, .inspiration-detail__content__text .page__content h4 a, .inspiration-detail__content__text .page__content h4 span {
  font: normal normal bold 20px/32px Lexend;
}
.inspiration-detail__content__text .page__content h5 {
  font: normal normal bold 18px/32px Lexend;
  line-height: 32px;
  margin-bottom: 16px;
  color: #1E225C;
}
.inspiration-detail__content__text .page__content h5 strong, .inspiration-detail__content__text .page__content h5 b, .inspiration-detail__content__text .page__content h5 a, .inspiration-detail__content__text .page__content h5 span {
  font: normal normal bold 18px/32px Lexend;
}
.inspiration-detail__content__text .page__content p {
  overflow: hidden;
  font-size: 16px;
  line-height: 28px;
  font: normal normal normal 18px/28px Gelasio;
  font-family: "SourceSerif4", serif;
  font-display: fallback;
  color: #171a46;
  text-align: left;
  letter-spacing: 0;
  opacity: 1;
}
.inspiration-detail__content__text .page__content p b, .inspiration-detail__content__text .page__content p s, .inspiration-detail__content__text .page__content p a, .inspiration-detail__content__text .page__content p strong, .inspiration-detail__content__text .page__content p del, .inspiration-detail__content__text .page__content p span, .inspiration-detail__content__text .page__content p li {
  color: #171a46;
}
.inspiration-detail__content__text .page__content ol li, .inspiration-detail__content__text .page__content ul li, .inspiration-detail__content__text .page__content p a, .inspiration-detail__content__text .page__content s, .inspiration-detail__content__text .page__content b, .inspiration-detail__content__text .page__content strong, .inspiration-detail__content__text .page__content del, .inspiration-detail__content__text .page__content span {
  line-height: 26px;
  font: normal normal normal 18px/28px Gelasio;
  font-family: "SourceSerif4", serif;
  font-display: fallback;
}
.inspiration-detail__content__text .page__content ul, .inspiration-detail__content__text .page__content ol {
  margin-top: 15px;
  margin-bottom: 15px;
}
.inspiration-detail__content__text .page__content li {
  margin-top: 10px;
}
.inspiration-detail__content__text .page__content strong, .inspiration-detail__content__text .page__content b {
  font-weight: bold;
}
.inspiration-detail__content__text .page__content strong a, .inspiration-detail__content__text .page__content strong span, .inspiration-detail__content__text .page__content b a, .inspiration-detail__content__text .page__content b span {
  font-weight: bold;
}
.inspiration-detail__content__text .page__content .cf-button__text {
  font: normal normal normal 18px/28px Lexend;
  color: white;
}
@media print, screen and (min-width: 40em) {
  .inspiration-detail__content__text .page__content h2 {
    margin-top: 65px;
    font-size: 25px;
    font-weight: 700;
    line-height: 1.3;
    color: #1E225C;
    margin-bottom: 1.1rem !important;
  }
  .inspiration-detail__content__text .page__content h2 span {
    font-weight: bold !important;
  }
  .inspiration-detail__content__text .page__content h3 {
    margin-top: 65px;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 16px !important;
    color: #1E225C;
  }
  .inspiration-detail__content__text .page__content a {
    font: normal normal normal 18px/30px Gelasio;
    font-family: "SourceSerif4", serif;
    font-display: fallback;
  }
  .inspiration-detail__content__text .page__content span {
    font-size: 18px;
    line-height: 30px;
  }
  .inspiration-detail__content__text .page__content p {
    font: normal normal normal 18px/30px Gelasio;
    font-family: "SourceSerif4", serif;
    font-display: fallback;
    line-height: 30px;
    color: #171a46;
    margin-bottom: 34.24px;
  }
  .inspiration-detail__content__text .page__content p b, .inspiration-detail__content__text .page__content p strong {
    font: normal normal bold 18px/30px Gelasio;
    font-family: "SourceSerif4", serif;
    font-display: fallback;
  }
  .inspiration-detail__content__text .page__content p:has(+ ul) {
    margin-bottom: 25px;
  }
  .inspiration-detail__content__text .page__content ul, .inspiration-detail__content__text .page__content ol {
    margin-top: 25px;
    margin-left: 20px;
    margin-bottom: 34.24px;
  }
  .inspiration-detail__content__text .page__content ul li, .inspiration-detail__content__text .page__content ol li {
    font-size: 18px;
    line-height: 30px;
    color: #171a46;
    margin-left: 30px;
    margin-top: 16px;
    font: normal normal normal 18px/30px Gelasio;
    font-family: "SourceSerif4", serif;
    font-display: fallback;
  }
  .inspiration-detail__content__text .page__content ul li::marker, .inspiration-detail__content__text .page__content ol li::marker {
    font-weight: bold; /* Make bullet point numbers bold */
  }
  .inspiration-detail__content__text .page__content ul li > p, .inspiration-detail__content__text .page__content ol li > p {
    margin-bottom: 0.5rem;
  }
}
.inspiration-detail__related-training {
  background-color: #F0F7FF;
}
.inspiration-detail__related-training__container {
  max-width: 700px;
  margin: 0px auto;
  padding: 50px 24px;
}
@media print, screen and (min-width: 64em) {
  .inspiration-detail__related-training__container {
    padding: 100px 24px;
  }
}
.inspiration-detail__related-training__container h3 {
  font-size: 16px;
  margin-bottom: 50px;
}
.inspiration-detail__related-training__container .training-row-block {
  margin: 0px;
  padding: 0px;
}
.inspiration-detail__related-training__container .training-row-block:hover {
  box-shadow: none;
}
.inspiration-detail__related-training__container .post-row-block-divider {
  margin: 30px 0px;
  background-color: #DBE1E8;
}
.inspiration-detail__divider {
  height: 1px;
  width: 100%;
  background-color: #DBE1E8;
}
.inspiration-detail__related-inspiration {
  background-color: #F0F7FF;
}
.inspiration-detail__related-inspiration__container {
  max-width: 920px;
  padding: 50px 24px;
  margin: 0px auto;
}
@media print, screen and (min-width: 64em) {
  .inspiration-detail__related-inspiration__container {
    padding: 100px 24px;
  }
}
.inspiration-detail__related-inspiration__container h3 {
  font-size: 16px;
  margin-bottom: 50px;
}
.inspiration-detail__related-inspiration__container .post-row {
  margin: 0px;
  padding: 0px;
}
.inspiration-detail__related-inspiration__container .post-row:hover {
  box-shadow: none;
}
.inspiration-detail__related-inspiration__container .post-row-block-divider {
  margin: 30px 0px;
  background-color: #DBE1E8;
}

.banner-post {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 4rem auto 0 auto;
  max-width: 920px;
  padding: 0px 20px;
}
.banner-post .account-creation__back-button .nkd-btn {
  border: 1px solid #888AAA;
  border-radius: 50px;
  padding: 5px 10px;
  font-size: 12px;
}
@media print, screen and (min-width: 64em) {
  .banner-post .account-creation__back-button .nkd-btn {
    font-size: 14px;
  }
}
.banner-post .banner-post-title {
  font-size: 26px;
  font-weight: 600;
  line-height: 34px;
  color: #1e225b;
  max-width: 800px;
  margin-bottom: 15px;
  letter-spacing: 0px;
}
@media print, screen and (min-width: 40em) {
  .banner-post .banner-post-title {
    font-size: 30px;
  }
}
.banner-post .banner-post-category {
  font-size: 18px;
  font-weight: 600;
  color: #1e225b;
  margin-bottom: 20px;
}
@media print, screen and (min-width: 40em) {
  .banner-post .banner-post-category {
    font-size: 18px;
  }
}
.banner-post .banner-post-intro {
  max-width: 800px;
  text-align: left;
  font: normal normal normal 18px/25px Gelasio;
  font-family: "SourceSerif4", serif;
  font-display: fallback;
  letter-spacing: 0;
  color: #888AAA;
  opacity: 1;
}
@media print, screen and (min-width: 40em) {
  .banner-post .banner-post-intro {
    font-size: 20px;
    line-height: 35px;
  }
}
.banner-post .banner-post-image {
  width: 100%;
  height: 100%;
  margin-top: 50px;
  border-radius: 0px 22px 22px 22px;
}
.banner-post .banner-post-author {
  display: flex;
  align-items: center;
  margin-bottom: 25px;
  margin-top: 25px;
  gap: 14px;
}
@media print, screen and (min-width: 40em) {
  .banner-post .banner-post-author {
    margin-bottom: 30px;
    margin-top: 30px;
  }
}
.banner-post .banner-post-author .author-icon {
  width: 45px;
  height: 45px;
  border-radius: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  border: 1px solid #DBE1E8;
}
.banner-post .banner-post-author .author-meta-row {
  display: flex;
  align-items: center;
  gap: 14px;
}
.banner-post .banner-post-author .author-space-divider {
  color: #888AAA;
}
.banner-post .banner-post-author .author-text {
  font-size: 14px;
  font-weight: 600;
  color: #1e225b;
}
.banner-post .banner-post-author .author-follow {
  font-size: 14px;
  color: #FF9900;
  font-weight: 600;
  text-decoration: none;
}
.banner-post .banner-post-author .author-date, .banner-post .banner-post-author .author-readtime {
  font-size: 13px;
  font-weight: 400;
  color: #888AAA;
}
.banner-post .banner-divider {
  height: 1px;
  background-color: #e7ebf1;
  width: 100%;
}
.banner-post .banner-meta {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #e7ebf1;
  border-bottom: 1px solid #e7ebf1;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 1rem;
}
.banner-post .banner-meta .banner-meta-icon {
  width: 18px;
  height: 25px;
}
.banner-post .banner-meta .banner-meta-icon__filter {
  width: 21px;
  height: 21px;
  filter: invert(56%) sepia(5%) saturate(1672%) hue-rotate(199deg) brightness(97%) contrast(88%);
}
.banner-post .banner-meta .banner-meta-container {
  display: flex;
  align-items: center;
  gap: 35px;
}
.banner-post .banner-meta .banner-meta-container .button-alt-blog {
  border: none;
  padding: 0;
  border-radius: 0%;
}
.banner-post .banner-meta .banner-meta-container .button-alt-blog span {
  color: #888AAA;
}
.banner-post .banner-meta .banner-meta-container .button-alt-blog img {
  filter: brightness(0) saturate(100%) invert(62%) sepia(3%) saturate(3190%) hue-rotate(199deg) brightness(89%) contrast(83%);
}
.banner-post .banner-meta .banner-meta-container .button-alt-blog:hover {
  background: transparent;
}
.banner-post .banner-meta .banner-meta-container .button-alt-blog:hover span {
  color: #1e225d;
}
.banner-post .banner-meta .banner-meta-container .button-alt-blog:hover img {
  filter: brightness(0) saturate(100%) invert(12%) sepia(19%) saturate(7464%) hue-rotate(226deg) brightness(90%) contrast(95%);
}
.banner-post .banner-meta .banner-meta-item {
  color: #888AAA;
  display: flex;
  gap: 8px;
  align-items: center;
}
.banner-post .banner-meta .banner-meta-item:first-of-type {
  margin-left: 20px;
}
.banner-post .banner-meta .banner-meta-item:last-of-type {
  margin-right: 20px;
}
.banner-post .banner-meta .banner-meta-item .banner-meta-icon__filter {
  transition: all 400ms;
}
.banner-post .banner-meta .banner-meta-item a {
  display: flex;
  gap: 8px;
  align-items: center;
  text-decoration: none;
  transition: all 400ms;
}
.banner-post .banner-meta .banner-meta-item a:hover {
  color: #1e225d;
}
.banner-post .banner-meta .banner-meta-item a:hover .banner-meta-text {
  color: #1e225d;
}
.banner-post .banner-meta .banner-meta-item a:hover .banner-meta-icon__filter {
  filter: brightness(0) saturate(100%) invert(12%) sepia(19%) saturate(7464%) hue-rotate(226deg) brightness(90%) contrast(95%);
}
.banner-post .banner-meta .banner-meta-text {
  font-size: 14px;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  color: #888AAA;
  transition: all 400ms;
}
.banner-post .banner-meta .favorited {
  filter: brightness(0.5);
}
.banner-post .banner-post-quote {
  position: relative;
  display: flex;
  align-items: center;
  margin-top: 35px;
}
.banner-post .banner-post-quote .quote-img-container {
  display: flex; /* Allows the image to shrink */
  align-items: stretch; /* Stretches the image within */
}
.banner-post .banner-post-quote .quote-img {
  width: auto;
  max-width: 100%;
  height: 100px; /* Ensures the image can shrink */
  -o-object-fit: cover;
     object-fit: cover; /* Adjust this based on your needs */
}
.banner-post .banner-post-quote .quote-container {
  position: relative;
  max-width: 100%;
  margin: 0 auto;
  text-align: left;
  flex: 1;
  display: flex;
  padding-top: 20px;
}
.banner-post .banner-post-quote .quote-text {
  font-size: 1.4rem;
  font-style: italic;
  color: #1e225b;
  line-height: 1.4;
  font-weight: 550;
  margin: 0;
  padding: 0 5px;
}
.banner-post .banner-post-quote .quote-mark {
  font-size: 24px;
}

.hoof_section h3 {
  font-size: 20px;
  margin-bottom: 10px;
  color: #1E225C;
}
.hoof_section .box_layout {
  display: flex;
  justify-content: start;
  overflow: scroll;
  gap: 10px;
  max-width: 752px;
  margin-bottom: 0px;
  padding: 5px 0px;
}
.hoof_section .box_layout .box1 {
  width: 119px;
  min-height: 104px;
  padding: 5px;
  border: 1px solid #1E225C;
  border-radius: 12px;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  margin-right: 5px;
  margin-top: 5px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  transition: box-shadow 400ms;
}
.hoof_section .box_layout .box1 p {
  font-size: 14px;
  line-height: 19px;
  margin-bottom: 30px;
}
.hoof_section .box_layout .box1 p.custom_time {
  margin-bottom: 0;
}
.hoof_section .box_layout .box1:hover {
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.32);
  cursor: pointer;
}

.like-button {
  background: none;
  border: none;
  cursor: pointer;
  transition: transform 0.2s ease;
}

.like-button:hover {
  transform: scale(1.2);
}

.snap-slide:last-of-type .rf-ccard-content {
  margin-right: 20px;
}

.rf-cards-scroller {
  position: relative;
}

.rf-cards-scroller-crop {
  overflow: hidden;
  height: 31rem;
  padding-bottom: 26px;
}

.rf-cards-scroller-content {
  overscroll-behavior-x: contain;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.rf-cards-scroller-content::-webkit-scrollbar {
  display: none;
}

[data-core-scroller] {
  position: relative;
  white-space: nowrap;
  scroll-snap-type: mandatory;
  scroll-snap-type: x mandatory;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
}

.rf-cards-scroller-platter {
  width: 100%;
  vertical-align: top;
  display: inline-flex;
  padding-top: 10px;
  padding-bottom: 40px;
}

[data-core-scroller-platter] > div {
  display: inline-block;
  scroll-snap-coordinate: left;
  scroll-snap-align: start;
}

.rf-cards-scroller-platter > div:first-child .rf-cards-scroller-itemview {
  margin-left: 0;
}

.rf-cards-scroller-itemview {
  display: flex;
  /*height: 29.41176rem;*/
  margin-right: 20px;
  transform: translateX(calc(max(1380px, 100vw) / 2 - 660px));
}

.as-util-relatedlink {
  cursor: pointer;
}

.rf-ccard-40 .rf-ccard-content {
  width: 19.69rem;
}

.rf-ccard-content.rf-ccard-content-withfullimg {
  flex-direction: row;
  justify-content: center;
}

.rf-ccard-content {
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
  background-color: #fff;
  border-radius: 2px 16px 16px 16px;
  width: 19.69rem;
  /*height: 26.41176rem;*/ /*24 rem for large */
  white-space: normal;
  box-shadow: 2px 4px 12px rgba(0, 0, 0, 0.08);
  transition: all 0.3s cubic-bezier(0, 0, 0.5, 1);
}

.rf-ccard-overlay {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: transparent linear-gradient(186deg, rgba(0, 0, 0, 0) 0%, rgba(41, 15, 10, 0.372) 100%) 0% 0% no-repeat padding-box;
}

.rf-ccard-txtoverlay {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  overflow-wrap: break-word;
  padding: 15px;
  color: white;
  z-index: 4;
  font-size: 16px;
  font-weight: 600;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
}
@media print, screen and (min-width: 40em) {
  .rf-ccard-txtoverlay {
    padding: 20px;
    font-size: 20px;
  }
}
@media print, screen and (min-width: 64em) {
  .rf-ccard-txtoverlay {
    padding: 45px;
    font-size: 30px;
  }
}

.rf-ccard-img-full-wrapper {
  width: 100%;
}

.rf-ccard-img-full-wrapper + .rf-ccard-content-info, .rf-ccard-video-full-wrapper + .rf-ccard-content-info {
  position: absolute;
  left: 0;
}

.rf-ccard-content-info {
  padding: 30px;
  width: 20rem;
}

.rf-ccard-img-full {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
}

.rf-ccard-darkbg .rf-ccard-content-eyebrow {
  color: #f5f5f7;
}

[class*=t-eyebrow] {
  display: block;
  margin-bottom: 0.4em;
}

.rf-ccard-content-eyebrow {
  font-size: 12px;
  line-height: 1.33337;
  font-weight: 400;
  letter-spacing: -0.01em;
  font-family: SF Pro Text, SF Pro Icons, AOS Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 600;
  color: #6e6e73;
  width: 204px;
  padding-bottom: 8px;
}

.rf-ccard-content-eyebrow + .rf-ccard-content-header, .rf-ccard-content-icon + .rf-ccard-content-header {
  padding-top: 0;
}

.rf-ccard-darkbg .rf-ccard-content-header {
  color: #fff;
}

[class*=t-eyebrow] + * {
  margin-top: 0;
}

.rf-ccard-content-header {
  font-size: 28px;
  line-height: 1.14286;
  font-weight: 600;
  letter-spacing: 0.007em;
  font-family: SF Pro Display, SF Pro Icons, AOS Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
  color: #1d1d1f;
  padding-top: 24px;
  margin-top: 0;
}

.rf-ccard-darkbg .rf-ccard-content-desc {
  color: #fff;
}

.rf-ccard-content-desc {
  font-size: 17px;
  line-height: 1.23536;
  font-weight: 400;
  letter-spacing: -0.022em;
  font-family: SF Pro Text, SF Pro Icons, AOS Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
  color: #1d1d1f;
  padding-top: 10px;
  margin-top: 0;
}

.nowrap {
  display: inline-block;
  text-decoration: inherit;
  white-space: nowrap;
}

.visuallyhidden {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(0 0 99.9% 99.9%);
  overflow: hidden;
  height: 1px;
  width: 1px;
  padding: 0;
  border: 0;
}

.rf-cards-scroller:hover .paddlenav-arrow:not([disabled]) {
  transition-duration: 0.5s;
}

.rf-cards-scroller:hover .paddlenav-arrow:not([disabled]) {
  transform: scale(1);
  transition-duration: 0.5s;
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.2);
  background-color: #1e225d;
}

.rf-cards-scroller .paddlenav-arrow {
  transition: transform 0.5s ease-in, opacity 0.7s cubic-bezier(0.15, 0, 0.2, 1) 0.1s;
}

.rf-cards-scroller .paddlenav-arrow {
  transform: scale(0.8);
  opacity: 0;
  transition: transform 0.5s ease-in, opacity 0.7s cubic-bezier(0.15, 0, 0.2, 1) 0.1s;
  background-color: rgba(0, 0, 0, 0.2);
  color: #fff;
}

.rf-cards-scroller .paddlenav .paddlenav-arrow-next, .rf-cards-scroller .paddlenav .paddlenav-arrow-previous {
  top: 50%;
}

.paddlenav-framed .paddlenav-arrow-previous {
  left: 18px;
}

.paddlenav-framed .paddlenav-arrow {
  background-color: #1e225d;
  color: white;
}

.paddlenav-compact .paddlenav-arrow-next, .paddlenav-compact .paddlenav-arrow-previous {
  margin-top: -1.52941rem;
}

.paddlenav-compact .paddlenav-arrow {
  font-weight: 300;
  width: 3.05882rem;
  height: 3.05882rem;
  border-radius: 3.05882rem;
  font-size: 53px;
  line-height: 3.05882rem;
}

.paddlenav .paddlenav-arrow-previous {
  left: 18px;
}

.paddlenav-framed .paddlenav-arrow-next {
  right: 18px;
}

.paddlenav .paddlenav-arrow {
  background-color: #1e225d;
  color: rgba(0, 0, 0, 0.56);
}

.paddlenav .paddlenav-arrow-next, .paddlenav .paddlenav-arrow-previous {
  margin-top: -2.64706rem;
}

.paddlenav .paddlenav-arrow {
  width: 5.29412rem;
  height: 5.29412rem;
  border-radius: 5.29412rem;
  font-size: 53px;
  line-height: 5.29412rem;
  width: 3.29412rem;
  height: 3.29412rem;
  border-radius: 3.29412rem;
  font-size: 25px;
  line-height: 3.29412rem;
  color: white;
}

.paddlenav .paddlenav-arrow-next, .paddlenav .paddlenav-arrow-previous {
  top: 50%;
}
.paddlenav .paddlenav-arrow-next:hover, .paddlenav .paddlenav-arrow-previous:hover {
  cursor: pointer;
}

.paddlenav .paddlenav-arrow {
  display: block;
  font-style: normal;
  overflow: hidden;
  position: absolute;
  text-align: center;
  transition: background-color 0.1s linear, color 0.1s linear, opacity 0.1s linear;
  display: none;
}
@media print, screen and (min-width: 64em) {
  .paddlenav .paddlenav-arrow {
    display: block;
  }
}

.paddlenav-compact .paddlenav-arrow-previous:after {
  margin-left: -0.1em;
}

.paddlenav-compact .paddlenav-arrow-previous:after {
  /*font-family: "Font Awesome 5 Free";
  color: inherit;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;*/
  display: inline-block;
  line-height: 1;
  position: relative;
  z-index: 1;
  background-image: url("/images/chevron-left.png");
  background-position: center center;
  background-repeat: no-repeat;
}

.paddlenav-compact .paddlenav-arrow-previous:after {
  content: " ";
  font-weight: 900;
  width: 25px;
  height: 25px;
  margin-top: 10px;
}
@media print, screen and (min-width: 64em) {
  .paddlenav-compact .paddlenav-arrow-previous:after {
    margin-top: 13px;
  }
}

.paddlenav-compact .paddlenav-arrow-next:after {
  margin-right: -0.1em;
}

.paddlenav-compact .paddlenav-arrow-next:after {
  /*font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  color: inherit;*/
  display: inline-block;
  line-height: 1;
  position: relative;
  z-index: 1;
  background-image: url("/images/chevron-right.png");
  background-position: center center;
  background-repeat: no-repeat;
}

.paddlenav-compact .paddlenav-arrow-next:after {
  content: " ";
  width: 25px;
  height: 25px;
  margin-top: 10px;
}
@media print, screen and (min-width: 64em) {
  .paddlenav-compact .paddlenav-arrow-next:after {
    margin-top: 13px;
  }
}

.keuzehulp-trainingen-scroller {
  height: 35rem;
}
@media print, screen and (min-width: 40em) {
  .keuzehulp-trainingen-scroller {
    height: 32rem;
  }
}
.keuzehulp-trainingen-scroller__contentbox {
  width: 300px !important;
}
@media print, screen and (min-width: 40em) {
  .keuzehulp-trainingen-scroller__contentbox {
    width: 400px !important;
  }
}
.keuzehulp-trainingen-scroller .trainingen-grid__item {
  padding: 10px;
  height: 100%;
}

.keuzehulp-docenten-snap-slider {
  width: 100%;
  height: 35rem;
}
@media print, screen and (min-width: 40em) {
  .keuzehulp-docenten-snap-slider {
    height: 29rem;
  }
}
.keuzehulp-docenten-snap-slider .as-util-relatedlink {
  cursor: auto;
}
@media print, screen and (min-width: 40em) {
  .keuzehulp-docenten-snap-slider .rf-ccard-content-withfullimg {
    width: 400px;
    margin-left: 20px;
    margin-right: 20px;
  }
}
.keuzehulp-docenten-snap-slider .rf-ccard-content-withfullimg .slide-box {
  margin: 0 !important;
}

@media print, screen and (min-width: 40em) {
  .keuzehulp-cursisten-review-slider {
    margin-top: 20px;
  }
}
.keuzehulp-cursisten-review-slider .rf-cards-scroller-crop {
  height: 50rem;
}
@media print, screen and (min-width: 40em) {
  .keuzehulp-cursisten-review-slider .rf-cards-scroller-crop {
    height: 38rem;
  }
}
@media print, screen and (min-width: 40em) {
  .keuzehulp-cursisten-review-slider .rf-cards-scroller-crop .rf-cards-scroller-itemview .rf-ccard-content-withfullimg {
    width: 26.5rem;
  }
}

.text-slider-block {
  margin: 50px 0px;
}
@media print, screen and (min-width: 64em) {
  .text-slider-block {
    margin: 100px 0px;
  }
}
.text-slider-block__container__text {
  padding-left: 2rem;
  padding-right: 2rem;
}
@media print, screen and (min-width: 64em) {
  .text-slider-block__container__text {
    padding-right: 90px;
  }
}
.text-slider-block__container__text__title {
  font-size: 32px;
  font-weight: 800;
  margin-bottom: 26px !important;
}
.text-slider-block__container__text__runningtext {
  margin-bottom: 26px;
}
.text-slider-block__container__text__button {
  margin-top: 20px;
}
.text-slider-block__container__text__button.contactpagina svg {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(55deg) brightness(103%) contrast(103%);
}
.text-slider-block__container__text__button:hover.contactpagina svg {
  filter: invert(13%) sepia(31%) saturate(3879%) hue-rotate(215deg) brightness(100%) contrast(97%);
}
.text-slider-block__container__slider {
  padding-left: 0rem;
  padding-right: 0rem;
}
.text-slider-block__container__slider .rf-cards-scroller-crop {
  height: 220px;
}
@media print, screen and (min-width: 64em) {
  .text-slider-block__container__slider {
    position: absolute !important;
    right: 0px;
    max-width: 50vw;
  }
  .text-slider-block__container__slider .rf-cards-scroller-itemview {
    transform: none;
  }
  .text-slider-block__container__slider .rf-ccard-40 .rf-ccard-content {
    width: 30rem;
  }
  .text-slider-block__container__slider .rf-ccard-img-full-wrapper {
    min-height: 340px;
  }
  .text-slider-block__container__slider .rf-ccard-img-full-wrapper img {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .text-slider-block__container__slider .rf-cards-scroller-crop {
    height: 380px;
  }
  .text-slider-block__container__slider .paddlenav .paddlenav-arrow-next, .text-slider-block__container__slider .paddlenav .paddlenav-arrow-previous {
    top: 50% !important;
  }
}
.text-slider-block--graybackground {
  margin: 50px 0px;
  padding: 50px 0px;
  background-color: #F8F8FA;
}
@media print, screen and (min-width: 64em) {
  .text-slider-block--graybackground {
    padding-top: 100px;
    padding-bottom: 100px;
    margin: 100px 0px;
  }
}

.start {
  margin-top: -25px;
  position: relative;
  z-index: 20;
  padding-bottom: 0px;
  /*padding-bottom: 20px;*/
}
@media print, screen and (min-width: 40em) {
  .start {
    margin-top: -90px;
    /*padding-bottom: 1rem;*/
  }
}
.start__search {
  position: relative;
  z-index: 1;
}
.start__search {
  margin: 0;
}
@media print, screen and (min-width: 40em) {
  .start__search {
    margin: 0px 0 0;
  }
}
.start__search__text {
  color: white;
  padding: 0.5rem 1rem;
  background: #1e225d;
}
.start__search__bar {
  padding: 1rem;
  background: #1e225d;
}
@media print, screen and (min-width: 64em) {
  .start__search__bar form {
    position: relative;
  }
}
.start__reviews {
  margin-top: 1rem;
}
.start__reviews__ratings {
  display: inline-block;
  padding: 5px 14px;
  border-radius: 10px;
  background: #f2f8ff;
  font-weight: 600;
}
.start__reviews__ratings__star-full {
  display: inline-block;
  background: url(/images/starfull.png);
  background-repeat: no-repeat;
  background-position: top-left;
  height: 15px;
  width: 15px;
  background-size: cover;
  margin-right: 5px;
}
.start__reviews__ratings__text {
  display: inline-block;
  margin-left: 5px;
}
.start__reviews__ratings__text span {
  color: white;
}
.start__reviews__ratings__text span strong {
  color: white;
}
@media screen and (max-width: 39.9375em) {
  .start__reviews__ratings__text {
    display: block;
    margin-top: 5px;
  }
}
.start__reviews > .column, .start__reviews > .columns {
  text-align: center;
  background-color: #fff;
  padding: 20px;
  padding-bottom: 0px;
}
@media print, screen and (min-width: 64em) {
  .start__reviews > .column, .start__reviews > .columns {
    /*text-align:left;*/
    padding-left: 50px;
    padding-right: 50px;
  }
}
.start__reviews > .column > .review-container, .start__reviews > .columns > .review-container {
  padding-bottom: 20px;
  border-bottom: 1px dashed #000;
}
.start__faq {
  font-size: 0.5rem;
  color: #e6e6e6;
  margin: 2rem 0 0;
  text-align: center;
}

.start-alumni {
  background: white;
  padding: 2rem 0;
}
.start-alumni__text {
  color: #1E225C;
  text-align: center;
  font-weight: 700;
  line-height: 1.25;
  font-size: 1.2rem;
  padding-bottom: 2rem;
}
.start-alumni__logo {
  text-align: center;
}
.start-alumni .slick-dots li button:before {
  font-size: 1.7rem;
  color: black;
}

.usps {
  border-top: 1px solid #cacaca;
  border-bottom: 1px solid #e6e6e6;
}
.usps__row__column {
  border-bottom: 1px dashed #cacaca;
}
@media print, screen and (min-width: 40em) {
  .usps__row__column {
    border-right: 1px dashed #cacaca;
    border-bottom: 0px;
  }
}
.usps__row__column__last {
  border-bottom: 0px;
}
@media print, screen and (min-width: 40em) {
  .usps__row__column__last {
    border-right: 0px;
  }
}
.usps__row__benefit {
  padding: 15px 0px;
  margin-bottom: 0px;
}
.usps__row__benefit__text {
  display: inline-block;
  background: url(/images/greencheckmark.jpg);
  background-repeat: no-repeat;
  background-position: 0px 5px;
  background-size: 25px 25px;
  padding-left: 40px;
  min-height: 35px;
  padding-top: 5px;
}

.lastminutes {
  background: #1e225d;
  padding-bottom: 2.5rem;
}
.lastminutes__title {
  width: 100%;
  color: white;
  font-weight: 900;
  font-size: 1.6rem;
  line-height: 1.6;
  margin: 25px 0px;
  text-align: center;
}
.lastminutes__row {
  display: flex;
  flex-wrap: wrap;
}

.ervaring {
  background: linear-gradient(rgba(29, 33, 94, 0.9), rgba(29, 33, 94, 0.9)), url("/images/ervaringbackground-smaller.jpg");
  padding: 3rem 0;
}
.ervaring__title {
  text-transform: uppercase;
  text-align: center;
  color: white;
  font-weight: 800;
  line-height: 1.25;
  font-size: 1.6rem;
  margin-bottom: 50px;
}
.ervaring__testimonial:nth-child(n+2) {
  display: none;
}
@media print, screen and (min-width: 40em) {
  .ervaring__testimonial:nth-child(n+2) {
    display: block;
  }
}
.ervaring__testimonial__tekstbubbel__tekst {
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  background: white;
  border-radius: 8px;
  padding: 30px;
  padding-left: 50px;
}
.ervaring__testimonial__tekstbubbel__tekst::before {
  content: "“";
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  font-size: 4rem;
  font-weight: 800;
  color: #4B4B4B;
  position: absolute;
  margin-left: -40px;
  margin-top: -30px;
}
.ervaring__testimonial__tekstbubbel__hoekje {
  width: 0px;
  height: 0px;
  border-top: solid 20px white;
  border-right: solid 20px transparent;
  border-bottom: solid 20px transparent;
  border-left: solid 20px white;
  margin-left: 20%;
}
.ervaring__testimonial__foto {
  padding: 15px 0px;
}
.ervaring__testimonial__naam {
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  color: white;
  font-size: 1.3rem;
  font-weight: 800;
  line-height: 1.1;
  margin: 0px;
}
.ervaring__testimonial__titel {
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  color: white;
  font-size: 1.1rem;
  font-weight: 700;
  line-height: 1.1;
}
.ervaring__testimonial__cursus {
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  color: white;
  font-size: 0.9rem;
  font-weight: regular;
  line-height: 1.1;
  margin: 0;
}
.ervaring__testimonial__cijfer {
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  color: white;
  font-size: 0.9rem;
  font-weight: 700;
  line-height: 1.1;
}
.ervaring__testimonial__cijfer__ster {
  display: inline-block;
  background: url(/images/starfull.png);
  background-repeat: no-repeat;
  background-position: top-left;
  height: 10px;
  width: 10px;
  background-size: cover;
  margin-right: 10px;
  margin-left: 8px;
}
.ervaring__button {
  margin-top: 40px;
  text-align: center;
  margin-bottom: -60px;
}
@media print, screen and (min-width: 40em) {
  .ervaring__button {
    margin-bottom: -70px;
  }
}

.about-cf {
  background: #fbfbfb;
}
.about-cf__title {
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 5px;
}
.about-cf__subtitle {
  font-size: 1.3rem;
}
.about-cf__paragraphtitle {
  font-size: 1.2rem;
  font-weight: bold;
}

.start-why {
  display: flex;
  height: 170px;
  align-items: center;
  padding: 0 10px;
}
.start-why .starty-why__item {
  flex-grow: 1;
  font-size: 15px;
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  font-weight: 500;
  color: #403d54;
}
.start-why .starty-why__item i {
  position: relative;
  top: 2px;
  font-size: 110%;
  margin-right: 5px;
}

.start-subsite__title {
  height: 90px;
  text-align: center;
}
.start-subsite__title img {
  height: 90px;
}
.start-subsite__training-list__button {
  margin: 10px 0px;
}
@media print, screen and (min-width: 40em) {
  .start-subsite__training-list__button {
    margin: 15px 0px;
    font-size: 0.9rem;
  }
}
@media print, screen and (min-width: 40em) {
  .start-subsite__button {
    text-align: center;
  }
  .start-subsite__button .cf-button {
    padding-right: 40px;
  }
  .start-subsite__button .cf-button i {
    font-size: 115%;
    margin-left: 20px;
  }
}
@media screen and (max-width: 39.9375em) {
  .start-subsite--factory {
    margin-top: 1.5rem;
  }
}
@media print, screen and (min-width: 40em) {
  .start-subsite--business-school {
    border-right: 1px solid #e6e6e6;
  }
}

.start-overview {
  padding: 1rem 0;
  padding-bottom: 3rem;
  background: #fbfbfb;
}
.start-overview__payoff {
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.6875rem;
  margin: 0 0.625rem;
  padding: 0.625rem;
}
@media print, screen and (min-width: 40em) {
  .start-overview__payoff {
    font-size: 1.6875rem;
    height: 100px;
    margin: 0;
    margin-bottom: 2rem;
    padding: 0;
  }
}
@media print, screen and (min-width: 64em) {
  .start-overview__payoff {
    font-size: 1.8125rem;
    height: 120px;
  }
}
.start-overview__payoff-text {
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  text-align: center;
  color: #1e225d;
  font-weight: 600;
  line-height: 1.25;
  margin: 0;
}
.start-overview__payoff-text-link {
  text-decoration: underline;
  color: #ff9900;
  font-weight: 600;
  transition: color 500ms;
}
.start-overview__payoff-text-link:hover {
  color: #e0e0e0;
}
.start-overview__row {
  max-width: 100rem;
  display: grid;
  max-width: 100rem;
  padding-left: 20px;
  padding-right: 20px;
  grid-template-areas: "b" "c" "a";
}
@media print, screen and (min-width: 64em) {
  .start-overview__row {
    grid-template-columns: 2.5fr 2fr 2fr;
    grid-template-rows: auto;
    grid-template-areas: "a b c";
  }
}
.start-overview__row__Stapuitleg {
  box-shadow: 0px 3px 10px rgba(42, 62, 82, 0.2);
  border: 1px solid #1e225d;
  border-radius: 12px;
  margin-right: 0px;
  max-height: 100%;
  grid-area: a;
  margin-top: 20px;
}
@media print, screen and (min-width: 64em) {
  .start-overview__row__Stapuitleg {
    margin-right: 50px;
    margin-top: 0px;
  }
}
.start-overview__row__Stapuitleg__text {
  margin-left: 20px;
  margin-right: 20px;
  color: #1e225d;
  font-size: 16px;
}
@media print, screen and (min-width: 64em) {
  .start-overview__row__Stapuitleg__text {
    margin-left: 50px;
    margin-right: 50px;
  }
}
.start-overview__row__Stapuitleg__title {
  margin-top: 50px;
  margin-left: 20px;
  margin-right: 20px;
  color: #1e225d;
  font-size: 25px;
  font-family: "Lexend", sans-serif;
  font-weight: 800;
}
@media print, screen and (min-width: 64em) {
  .start-overview__row__Stapuitleg__title {
    margin-left: 50px;
    margin-right: 50px;
  }
}
.start-overview__row__Stapuitleg__under {
  height: 315px;
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.start-overview__row__Stapuitleg__under__imageblok {
  width: 100%;
  height: 315px;
}
.start-overview__row__Stapuitleg__under__imageblok__image {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  float: right;
}
.start-overview__row__Stapuitleg__under__knoppen {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
}
.start-overview__row__Stapuitleg__under__knoppen__box {
  display: flex;
  flex-direction: column-reverse;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 20px;
}
.start-overview__row__Stapuitleg__under__knoppen__box__Herinner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: bold;
  text-decoration: none;
  padding: 10px 0px;
  font-size: 16px;
}
.start-overview__row__Stapuitleg__under__knoppen__box__Herinner__icon {
  filter: invert(65%) sepia(61%) saturate(684%) hue-rotate(341deg) brightness(101%) contrast(103%);
  margin-left: 20px;
}
.start-overview__row__Stapuitleg__under__knoppen__box__leesmeer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: bold;
  text-decoration: none;
  padding: 10px 0px;
  border-bottom: 2px solid #E3E3E3;
  font-size: 16px;
}
.start-overview__row__Stapuitleg__under__knoppen__box__leesmeer__icon {
  color: #FFA120;
  margin-left: 20px;
}
.start-overview__row__row1 {
  grid-area: b;
}
.start-overview__row__row2 {
  grid-area: c;
}
.start-overview__faq {
  padding-top: 30px;
  text-align: center;
}
.start-overview__faq a {
  font-size: 13px;
  color: #bbb;
  text-decoration: none;
}
.start-overview__faq a:hover {
  text-decoration: underline;
}
.start-overview--category {
  background: white;
}
.start-overview--category #bigHalfCircle {
  position: absolute;
  margin-top: 400px;
}
.start-overview--category #bigHalfCircle path {
  fill: #f6f6f6;
  stroke: #f6f6f6;
}
.start-overview--category .start-overview__background {
  height: 400px;
  width: 100%;
  background: #f6f6f6;
  position: absolute;
}
.start-overview--category .start-overview__payoff {
  display: block;
  margin: 0;
  padding: 1.8rem 0;
  padding-top: 4rem;
  height: auto;
  position: relative;
  z-index: 1;
}
.start-overview--category .start-overview__payoff__text {
  display: block;
  text-align: center;
  color: #1e225d;
  font-weight: 800;
  line-height: 1.25;
  font-size: 1.6rem;
  margin-bottom: 20px;
  text-transform: uppercase;
}
.start-overview--category .start-overview__payoff__subtext {
  display: block;
  text-align: center;
  font-weight: 400;
  line-height: 1.25;
  font-size: 1.4rem;
  color: #0a0a0a;
}
.start-overview--category .start-subsite {
  background: white;
  border-radius: 8px;
  box-shadow: 0 0 10px 0 rgba(131, 131, 131, 0.83);
  border: 1px solid #F1F1F1;
  min-height: 415px;
  margin-right: 38px;
  padding: 0;
  background-image: url("/images/placeholder.png");
  background-repeat: no-repeat;
  background-size: 100% 120px;
  /* Big half circle */
}
.start-overview--category .start-subsite__row {
  padding: 0px 15px;
  position: relative;
  z-index: 1;
}
@media print, screen and (min-width: 40em) {
  .start-overview--category .start-subsite__row {
    padding: 0px;
  }
}
.start-overview--category .start-subsite:last-of-type {
  margin-right: 0px;
}
.start-overview--category .start-subsite__container {
  padding-right: 0.9375rem;
  padding-left: 0.9375rem;
  padding-top: 85px;
}
.start-overview--category .start-subsite__icon {
  border-radius: 50%;
  height: 69px;
  width: 69px;
  border: 1px solid #FFFFFF;
  background-color: white;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.32);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  display: inline-block;
}
.start-overview--category .start-subsite__icon__container {
  text-align: center;
  height: 70px;
}
.start-overview--category .start-subsite__title {
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  color: #201B66;
  font-weight: 800;
  font-size: 1.2rem;
  height: auto;
  margin-top: 15px;
}
.start-overview--category .start-subsite__text {
  text-align: center;
  color: #201B66;
  min-height: 120px;
}
.start-overview--category .start-subsite--business-school {
  background-image: url("/images/businessschool-background-120px.jpg") !important;
}
.start-overview--category .start-subsite--business-school .start-subsite__icon {
  background-image: url("/images/icons/targeting.png");
}
.start-overview--category .start-subsite--business-school.lazy {
  background-image: none !important;
}
.start-overview--category .start-subsite--business-school.lazy .start-subsite__icon {
  background-image: none;
}
.start-overview--category .start-subsite--factory {
  background-image: url("/images/digitaldesign-background-120px.jpg") !important;
}
.start-overview--category .start-subsite--factory .start-subsite__icon {
  background-image: url("/images/icons/layers.png");
}
.start-overview--category .start-subsite--factory.lazy {
  background-image: none !important;
}
.start-overview--category .start-subsite--factory.lazy .start-subsite__icon {
  background-image: none;
}
.start-overview--category .start-subsite--ux {
  background-image: url("/images/ux-background-120px.jpg") !important;
}
.start-overview--category .start-subsite--ux .start-subsite__icon {
  background-image: url("/images/icons/usability.png");
}
.start-overview--category .start-subsite--ux.lazy {
  background-image: none !important;
}
.start-overview--category .start-subsite--ux.lazy .start-subsite__icon {
  background-image: none;
}
.start-overview--category .start-subsite--utrecht {
  background-image: url("/images/utrecht-background-120px.jpg") !important;
}
.start-overview--category .start-subsite--utrecht.lazy {
  background-image: none !important;
}
.start-overview--top10 {
  background: white;
}
.start-overview--top10 .start-overview__row {
  padding-left: 2rem;
  padding-right: 2rem;
}
.start-overview--top10 .start-overview__payoff {
  display: block;
  margin: 0;
  padding: 1.8rem 0;
  padding-top: 4rem;
  height: auto;
}
.start-overview--top10 .start-overview__payoff__text {
  display: block;
  text-align: start;
  font-weight: 800;
  line-height: 1.25;
  color: #1e225d;
  font-size: 25px;
  max-width: 100%;
  margin: 0 auto;
  margin-bottom: 35px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
}
@media print, screen and (min-width: 64em) {
  .start-overview--top10 .start-overview__payoff__text {
    max-width: 50%;
    font-size: 42px;
    text-align: center;
    padding-left: 0px;
    padding-right: 0px;
  }
}
.start-overview--top10 .start-overview__payoff__smalltext {
  font-size: 16px;
  text-align: start;
  letter-spacing: 0px;
  padding-left: 20px;
  padding-right: 20px;
}
@media print, screen and (min-width: 64em) {
  .start-overview--top10 .start-overview__payoff__smalltext {
    text-align: center;
    padding-left: 0px;
    padding-right: 0px;
  }
}
.start-overview--top10 .start-overview__payoff__subtext {
  display: block;
  text-align: center;
  font-weight: 400;
  line-height: 1.25;
  font-size: 1.4rem;
  color: #0a0a0a;
}
.start-overview--top10 .start-overview__displaymore {
  text-align: center;
  margin-bottom: 30px;
}
.start-overview--top10 .start-overview__displaymore a {
  text-decoration: none;
}
.start-overview--top10 .start-overview__displaymore a:hover span, .start-overview--top10 .start-overview__displaymore a:active span, .start-overview--top10 .start-overview__displaymore a:focus span {
  margin-top: 20px;
  transition: margin 400ms;
}
.start-overview--top10 .start-overview__displaymore a span {
  display: block;
  margin-top: 10px; /* IE 9 */ /* Safari */
  transform: rotate(90deg);
}
.start-overview--top10 .start-overview__secondrow {
  margin-bottom: 40px;
}
.start-overview--top10 .start-overview__button {
  margin-top: 40px;
  text-align: center;
  margin-bottom: 40px;
}

.mobile-container {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
  padding-bottom: 20px;
}
.mobile-container.small {
  padding-right: 0.625rem !important;
  padding-left: 0.625rem !important;
}
@media print, screen and (min-width: 64em) {
  .mobile-container {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
  }
}
.home .home-leader-new::before {
  content: "";
  background-image: url(/images/dot-bgv5.svg);
  height: 15%;
  width: 15%;
  position: absolute;
  background-repeat: repeat;
  z-index: 2;
  background-position: center;
  background-size: 45px;
  top: auto;
}
@media print, screen and (min-width: 64em) {
  .home .home-leader-new::before {
    height: 70%;
    width: 10%;
    top: -50px;
  }
}

.home-leader-new {
  height: 100%;
  position: relative;
  /*@include breakpoint(xlarge) {
  	background-position: center 40%;
  }*/
}
.home-leader-new__overlay {
  display: none;
}
@media print, screen and (min-width: 64em) {
  .home-leader-new__overlay {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    overflow: hidden;
    color: #00C4C2;
    font-size: 900px;
    font-weight: 800;
    letter-spacing: -90px;
    line-height: 705px;
    text-align: right;
    font-family: "Lexend", sans-serif;
    font-display: fallback;
  }
  .home-leader-new__overlay span {
    font-family: "Lexend", sans-serif;
    font-display: fallback;
    display: inline-block;
    overflow: hidden;
    width: 60%;
  }
}
.home-leader-new__container {
  height: 100%;
  padding-top: 50px;
  position: relative;
  z-index: 2;
  display: grid;
  justify-content: center;
  justify-items: center;
  padding-bottom: 60px;
}
.home-leader-new__container::before {
  content: "";
  background-image: url(/images/dot-bgv5.svg);
  height: 26%;
  width: 25%;
  position: absolute;
  background-repeat: repeat;
  top: auto;
  bottom: -100px;
  right: -30px;
  z-index: 2;
  background-position: center;
  background-size: 45px;
}
@media print, screen and (min-width: 40em) {
  .home-leader-new__container::before {
    bottom: -150px;
    right: -50px;
    height: 60%;
    width: 20%;
  }
}
@media print, screen and (min-width: 64em) {
  .home-leader-new__container {
    padding-top: 75px;
  }
}
.home-leader-new__container > .row {
  height: 100%;
  margin: 0px;
}
.home-leader-new__container__left {
  padding-right: 0rem;
  padding-left: 0rem;
  margin-bottom: 20px;
}
@media print, screen and (min-width: 64em) {
  .home-leader-new__container__left {
    padding-right: 0.625rem;
    margin-bottom: 0px;
  }
}
.home-leader-new__container__right {
  background-color: white;
}
@media print, screen and (min-width: 64em) {
  .home-leader-new__container__right {
    background-color: transparent;
  }
}
.home-leader-new__subtext {
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  font-weight: 400;
  font-size: 1.125rem;
}
@media print, screen and (min-width: 40em) {
  .home-leader-new__subtext {
    text-align: left;
    padding-bottom: 20px;
    max-width: 80%;
  }
}
.home-leader-new__subtext.rating {
  border-radius: 10px;
  background: #f2f8ff;
  display: flex;
  margin-bottom: 20px;
}
.home-leader-new__subtext.rating .start__reviews__ratings__text {
  display: inline-block;
}
@media print, screen and (min-width: 40em) {
  .home-leader-new__subtext.rating {
    margin-bottom: initial;
    background: transparent;
    display: block;
  }
}
.home-leader-new .inline-spacer {
  display: block;
}
.home-leader-new__buttons {
  display: grid;
  justify-content: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
  margin-top: 42px;
  flex-direction: column;
}
.home-leader-new__buttons .cf-button--orange-flat, .home-leader-new__buttons .cf-button--blue-alt {
  display: inline-flex !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
  justify-content: space-between;
  margin-bottom: 0;
  width: 100% !important;
  margin-top: 10px;
  padding: 13px 35px;
}
@media screen and (min-width: 64em) {
  .home-leader-new__buttons .cf-button--orange-flat, .home-leader-new__buttons .cf-button--blue-alt {
    width: -moz-fit-content !important;
    width: fit-content !important;
    font-size: 17px;
  }
}
.home-leader-new__buttons .cf-button--orange-flat .cf-button__text, .home-leader-new__buttons .cf-button--blue-alt .cf-button__text {
  font-weight: 600;
}
.home-leader-new__buttons .cf-button.shadow {
  margin-right: 0px;
  margin-bottom: 10px;
}
@media print, screen and (min-width: 64em) {
  .home-leader-new__buttons .vakgebieden-button {
    width: 280px !important;
  }
}
@media screen and (min-width: 25em) {
  .home-leader-new__buttons .cf-button.shadow {
    margin-right: 40px;
    margin-bottom: 0px;
  }
  .home-leader-new__buttons .inline-spacer {
    display: inline;
  }
}
@media print, screen and (min-width: 40em) {
  .home-leader-new__buttons {
    margin-top: 30px;
    text-align: left;
    flex-direction: unset;
    display: flex;
  }
  .home-leader-new__buttons .cf-button--orange-flat, .home-leader-new__buttons .cf-button--blue-alt {
    width: initial;
  }
  .home-leader-new__buttons .cf-button--blue-alt {
    margin-top: auto;
  }
}
.home-leader-new__date {
  font-weight: 600;
  color: #ff9900;
}
@media print, screen and (min-width: 64em) {
  .home-leader-new {
    height: 700px;
    position: relative;
    margin-top: 50px;
  }
  .home-leader-new__container {
    height: 575px;
    padding-top: 25px;
  }
}
@media print, screen and (min-width: 64em) {
  .home-leader-new {
    height: 700px;
    margin-top: 30px;
  }
  .home-leader-new__container {
    height: -moz-fit-content;
    height: fit-content;
    padding-top: 25px;
    padding-left: 10px;
  }
  .home-leader-new__subtext {
    display: block;
  }
  .home-leader-new__date {
    margin-bottom: 0.5rem;
  }
}
@media screen and (min-width: 75em) {
  .home-leader-new {
    height: 700px;
    margin-top: 50px;
  }
  .home-leader-new__container {
    height: -moz-fit-content;
    height: fit-content;
    padding-top: 25px;
    padding-left: 20px;
  }
}
@media screen and (min-width: 90em) {
  .home-leader-new {
    height: 700px;
  }
  .home-leader-new__container {
    height: -moz-fit-content;
    height: fit-content;
    padding-top: 25px;
    padding-left: 20px;
  }
}
.home-leader-new--404 {
  height: 100px;
}
@media print, screen and (min-width: 40em) {
  .home-leader-new--404 {
    height: 200px;
  }
}
@media print, screen and (min-width: 64em) {
  .home-leader-new--404 {
    height: 200px;
  }
}
@media screen and (min-width: 75em) {
  .home-leader-new--404 {
    height: 200px;
  }
}
@media screen and (min-width: 90em) {
  .home-leader-new--404 {
    height: 200px;
  }
}
.home-leader-new__title {
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  font-family: "Lexend", sans-serif;
  font-weight: 900;
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  font-size: 26px;
  line-height: 1.2;
  letter-spacing: 0px;
  padding: 0;
  text-align: center;
}
@media print, screen and (min-width: 40em) {
  .home-leader-new__title {
    font-size: 45px;
    margin-bottom: 40px;
  }
}
@media print, screen and (min-width: 64em) {
  .home-leader-new__title {
    font-weight: 800;
    font-size: 45px;
    letter-spacing: -1.8px;
    max-width: 100%;
  }
}
@media screen and (min-width: 75em) {
  .home-leader-new__title {
    font-size: 45px;
  }
}
.home-leader-new__subtitle {
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  font-weight: 500;
  width: 100%;
  line-height: 1.1;
  padding: 0;
  padding-bottom: 15px;
  text-align: center;
  font-size: 1rem;
}
@media screen and (min-width: 22.5em) {
  .home-leader-new__subtitle {
    font-size: 1rem;
  }
}
@media screen and (min-width: 26.25em) {
  .home-leader-new__subtitle {
    font-size: 1rem;
  }
}
@media print, screen and (min-width: 40em) {
  .home-leader-new__subtitle {
    font-size: 1rem;
    font-weight: 800;
    text-align: left;
  }
}
@media print, screen and (min-width: 64em) {
  .home-leader-new__subtitle {
    font-size: 1.5rem;
    max-width: 1200px;
    padding-bottom: 20px;
  }
}
.home-leader-new__text {
  text-align: center;
  margin-top: 25px;
}
@media print, screen and (min-width: 64em) {
  .home-leader-new__text {
    max-width: 800px;
  }
}
.home-leader-new__action {
  position: absolute;
  right: 20px;
  bottom: 20px;
  font-size: 1.5rem;
}
.home-leader-new__button {
  width: 280px;
  position: absolute;
  top: 250px;
  left: 350px;
}
.home-leader-new__agenda {
  border-radius: 12px;
  background-color: white;
  box-shadow: 0px 12px 40px 0px rgba(157, 171, 192, 0.2);
  margin-left: 0.9rem;
  margin-right: 0.9rem;
  position: relative;
  z-index: 10;
}
@media print, screen and (min-width: 64em) {
  .home-leader-new__agenda {
    margin-left: 1.35rem;
    margin-right: 0.9rem;
    position: initial;
    margin-bottom: -20px;
  }
}
.home-leader-new__agenda .test {
  display: none;
}
@media screen and (min-width: 40em) {
  .home-leader-new__agenda .test {
    display: block;
  }
}
.home-leader-new__agenda .test2 {
  display: block;
}
@media screen and (min-width: 40em) {
  .home-leader-new__agenda .test2 {
    display: none;
  }
}
.home-leader-new__agenda__background {
  position: relative;
  text-align: center;
  margin-bottom: -90px;
}
@media print, screen and (min-width: 40em) {
  .home-leader-new__agenda__background {
    margin-bottom: -50px;
  }
}
.home-leader-new__agenda__background__text {
  overflow: visble;
  color: #00C4C2;
  font-size: 290px;
  font-weight: 800;
  letter-spacing: -32px;
  line-height: 255px;
  text-align: center;
  margin-left: -20px;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
}
@media print, screen and (min-width: 40em) {
  .home-leader-new__agenda__background__text {
    font-size: 300px;
  }
}
.home-leader-new__agenda__background__text span {
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  display: inline-block;
  overflow: visible;
  width: 100%;
}
@media print, screen and (min-width: 40em) {
  .home-leader-new__agenda__background__text span {
    width: 90%;
  }
}
.home-leader-new__agenda__background__image {
  position: absolute;
  z-index: 1;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background-image: url("https://www.competencefactory.nl/wordpress/wp-content/uploads/2021/11/Esther-Mutsaers-4-1_adobespark-e1636931608789.png");
  background-repeat: no-repeat;
  background-size: 180px;
  background-position: 50% 100%;
}
.home-leader-new__agenda__title {
  margin-top: 40px;
  font-weight: 700;
  font-size: 1.125rem;
  text-align: left;
  border-radius: 8px 8px 0px 0px;
  padding: 15px 20px;
  color: #1E225C;
  margin-bottom: 0px;
  display: block;
}
.home-leader-new__agenda__title a {
  display: none;
  font-weight: 400;
  color: #ff9900;
  font-size: 0.875rem;
}
@media print, screen and (min-width: 40em) {
  .home-leader-new__agenda__title a {
    display: inline;
  }
}
@media screen and (min-width: 40em) {
  .home-leader-new__agenda__title {
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px;
    padding-bottom: 13px;
    padding-left: 30px;
    padding-top: 22px;
    padding-right: 18px;
  }
}
.home-leader-new__agenda__link {
  padding: 10px 15px;
}
@media print, screen and (min-width: 40em) {
  .home-leader-new__agenda__link {
    text-align: right;
    border-radius: 12px;
    padding-right: 18px;
    padding-top: 17px;
    padding-bottom: 17px;
    margin-bottom: 0px;
  }
}
.home-leader-new__agenda__link a {
  font-weight: 500;
  color: #ff9900;
  font-size: 15px;
  text-decoration: none;
  transition: -webkit-text-decoration 400ms;
  transition: text-decoration 400ms;
  transition: text-decoration 400ms, -webkit-text-decoration 400ms;
}
@media print, screen and (min-width: 40em) {
  .home-leader-new__agenda__link a {
    text-align: end;
  }
}
.home-leader-new__agenda__link a:hover {
  text-decoration: underline;
}
.home-leader-new__agenda__link .cf-button__icon {
  color: #ff9900;
  margin-left: 10px;
}
@media print, screen and (min-width: 40em) {
  .home-leader-new__agenda__link .cf-button__icon {
    margin-left: 0.9vw;
  }
}
@media screen and (min-width: 40em) {
  .home-leader-new__agenda__link {
    padding-left: 25px;
    padding-right: 18px;
    padding-top: 17px;
    padding-bottom: 17px;
    background-color: white;
  }
}
.home-leader-new__agenda__item {
  display: block;
  background: white;
  margin: 0px 0;
  padding: 15px 20px;
  transition: background 300ms, color 300ms;
  border-bottom: 1px solid #E5E5E5;
}
.home-leader-new__agenda__item:nth-of-type(1n+2) {
  display: none;
}
@media print, screen and (min-width: 40em) {
  .home-leader-new__agenda__item {
    padding: 5px 20px;
    padding-left: 30px;
    padding-right: 18px;
    display: grid;
    grid-template-columns: 9fr 1fr;
    align-items: center;
    text-decoration: none;
  }
}
.home-leader-new__agenda__item__date {
  height: 55px;
  background-color: #1e225d;
  width: 55px;
  border-radius: 2px;
  display: grid;
  justify-items: center;
  align-items: center;
  padding: 5px;
}
.home-leader-new__agenda__item__date p {
  color: white;
  text-align: center;
  font-size: 1.125rem;
  margin: 0;
  line-height: 1;
  font-weight: 800;
  font-family: "Lexend", sans-serif;
  text-transform: uppercase;
}
.home-leader-new__agenda__item__date p span {
  font-size: 1rem;
}
.home-leader-new__agenda__item__info {
  display: inline-block;
}
.home-leader-new__agenda__item__info p {
  font-size: 1rem;
  color: #1e225d;
  margin: 0px;
  padding: 0px;
}
.home-leader-new__agenda__item__info__title {
  font-weight: 500;
  word-break: break-word;
  word-break: break-all;
  hypens: auto;
}
@media print, screen and (min-width: 40em) {
  .home-leader-new__agenda__item__info {
    width: 90%;
  }
}
@media print, screen and (min-width: 64em) {
  .home-leader-new__agenda__item__info {
    width: 90%;
  }
}
.home-leader-new__agenda__item__action {
  display: inline-block;
  float: right;
  font-size: 1rem;
  text-align: center;
}
.home-leader-new__agenda__item__action > div {
  line-height: 50px;
  border-radius: 50%;
  background: #ff9900;
  color: white;
  width: 50px;
  height: 50px;
  vertical-align: center;
  text-align: center;
}
@media print, screen and (min-width: 40em) {
  .home-leader-new__agenda__item__action > div {
    line-height: 60px;
    width: 60px;
    height: 60px;
  }
}
.home-leader-new__agenda__item:hover {
  background: #1e225d;
}
.home-leader-new__agenda__item:hover > div > p {
  color: white;
}
.home-leader-new__agenda__item:hover > .home-leader-new__agenda__item__date {
  background-color: white;
}
.home-leader-new__agenda__item:hover > .home-leader-new__agenda__item__date > p {
  color: #1e225d;
}
.home-leader-new__agenda__item:hover > .home-leader-new__agenda__item__action > span {
  color: white;
}
.home-leader-new__agenda__item:hover .cf-button--orange-flat-alt {
  background: #ff9900;
  border: 1px solid #ff9900;
  color: white;
  padding-right: 0px;
  transition: background 400ms;
}
.home-leader-new__agenda__item:hover .cf-button--orange-flat-alt .cf-button__icon {
  margin: 0px 10px 0 20px;
  transition: margin 400ms, box-shadow 400ms;
}
.home-leader-new__agenda__item:hover .cf-button--orange-flat-alt .cf-button__icon path {
  fill: white;
}
.home-leader-new__agenda__item:hover .cf-button--orange-flat-alt.iconleft {
  padding-right: 20px;
}
.home-leader-new__agenda__item:hover .cf-button--orange-flat-alt.iconleft .cf-button__icon {
  margin: 0px 20px 0px 0px;
}
.home-leader-new__agenda__item:hover .cf-button--orange-flat-alt.noicon {
  padding-right: 20px;
}
.home-leader-new__agenda__item--event {
  display: block;
  background: white;
  margin: 0px 0;
  padding: 15px 20px;
  transition: background 300ms, color 300ms;
  border-bottom: 1px solid #E5E5E5;
}
@media screen and (min-width: 40em) {
  .home-leader-new__agenda__item--event {
    padding: 5px 20px;
    padding-left: 30px;
    padding-right: 18px;
    display: grid;
    grid-template-columns: 9fr 1fr;
    align-items: center;
    text-decoration: none;
  }
}
.home-leader-new__agenda__item--event .home-leader-new__agenda__item__info p {
  color: #1e225d;
}
.home-leader-new__agenda__item--event .home-leader-new__agenda__item__info__header {
  color: #1e225d;
  font-weight: 600;
  font-size: 1rem;
}
.home-leader-new__agenda__item--event .home-leader-new__agenda__item__action {
  display: inline-block;
  float: right;
  font-size: 1rem;
}
.home-leader-new__agenda__item--event .home-leader-new__agenda__item__action > div {
  line-height: 50px;
  border-radius: 50%;
  background: #ff9900;
  color: white;
  width: 50px;
  height: 50px;
  vertical-align: center;
  text-align: center;
}
@media print, screen and (min-width: 40em) {
  .home-leader-new__agenda__item--event .home-leader-new__agenda__item__action > div {
    line-height: 60px;
    width: 60px;
    height: 60px;
  }
}
.home-leader-new__agenda__item--event:hover {
  background: #1e225d;
}
.home-leader-new__agenda__item--event:hover > div {
  color: white;
}
.home-leader-new__agenda__item--event:hover > div > p {
  color: white;
}
.home-leader-new__agenda__item--event:hover > .home-leader-new__agenda__item__date {
  background-color: white;
}
.home-leader-new__agenda__item--event:hover > .home-leader-new__agenda__item__date > p {
  color: #1e225d;
}
.home-leader-new__agenda__item--event:hover .cf-button--orange-flat-alt {
  background: #ff9900;
  border: 1px solid #ff9900;
  color: white;
  padding-right: 0px;
  transition: background 400ms;
}
.home-leader-new__agenda__item--event:hover .cf-button--orange-flat-alt .cf-button__icon {
  margin: 0px 10px 0 20px;
  transition: margin 400ms, box-shadow 400ms;
}
.home-leader-new__agenda__item--event:hover .cf-button--orange-flat-alt .cf-button__icon path {
  fill: white;
}
.home-leader-new__agenda__item--event:hover .cf-button--orange-flat-alt.iconleft {
  padding-right: 20px;
}
.home-leader-new__agenda__item--event:hover .cf-button--orange-flat-alt.iconleft .cf-button__icon {
  margin: 0px 20px 0px 0px;
}
.home-leader-new__agenda__item--event:hover .cf-button--orange-flat-alt.noicon {
  padding-right: 20px;
}

.header-usp div {
  justify-content: center;
  flex-direction: column-reverse;
}
@media print, screen and (min-width: 40em) {
  .header-usp div {
    flex-direction: unset;
  }
}
.header-usp__item {
  padding: 0px;
  max-width: 35%;
}
@media print, screen and (min-width: 64em) {
  .header-usp__item {
    padding: 10px 0px;
    max-width: 100%;
    flex: 0 0 9%;
    max-width: 40%;
  }
}
.header-usp__item.springtest {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-weight: 600;
  margin-left: -50px;
}
@media print, screen and (min-width: 40em) {
  .header-usp__item.springtest {
    margin-left: initial;
  }
}
@media print, screen and (min-width: 64em) {
  .header-usp__item.springtest {
    margin-right: 50px;
  }
}
.header-usp__item.springtest span {
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  color: #1e225d;
}
.header-usp__item.springtest svg path {
  fill: #F5C80B;
}
.header-usp__item.springtest img {
  max-width: none;
  width: 123px;
  height: 64px;
}
@media print, screen and (min-width: 64em) {
  .header-usp__item.springtest {
    width: 120x;
    height: 60px;
  }
}
.header-usp__item.bestopleider img {
  max-width: none;
  width: 123px;
  height: 75px;
}
.header-usp .icon-div {
  display: flex;
  flex-direction: initial;
  align-items: center;
  margin-top: 26px;
  -moz-column-gap: 15px;
       column-gap: 15px;
}
@media print, screen and (min-width: 40em) {
  .header-usp__items {
    flex: inherit;
  }
}
@media print, screen and (min-width: 64em) {
  .header-usp__items {
    padding-left: 50px;
  }
}
.header-usp__items ul {
  margin: 0px;
  margin-top: 15px;
  padding: 0px;
  list-style-type: none;
}
@media print, screen and (min-width: 40em) {
  .header-usp__items ul {
    margin: 0px;
  }
}
.header-usp__items ul li {
  color: #1E225C;
  display: flex;
  font-size: 14px;
  gap: 9px;
  justify-content: center;
}
@media print, screen and (min-width: 40em) {
  .header-usp__items ul li {
    justify-content: normal;
    font-size: 15px;
  }
}
.header-usp__items ul li img {
  filter: invert(16%) sepia(41%) saturate(1875%) hue-rotate(211deg) brightness(84%) contrast(102%);
  width: 16px;
}
.header-usp__items ul li svg {
  position: relative;
  transform: scale(0.7);
}
.header-usp__items ul li svg path {
  fill: #1E225C;
}

.home-leader {
  background-repeat: repeat-x;
  background-position: center center;
  background-size: cover;
  height: 350px;
  position: relative;
}
.home-leader__videobg {
  /*position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    transform: translateX(-50%) translateY(-50%);
  background: url('//demosthenes.info/assets/images/polina.jpg') no-repeat;
  	background-size: cover;
  	transition: 1s opacity;*/
  position: absolute;
  top: -40px;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: 100%;
  height: auto;
  z-index: -100;
  transform: translateX(-50%);
  background-size: cover;
  transition: 1s opacity;
}
@media screen and (min-width: 75em) {
  .home-leader__videobg {
    top: -200px;
  }
}
.home-leader__overlay {
  width: 100%;
  height: 100%;
  background: white;
  position: absolute;
  z-index: 1;
  background: rgba(32, 27, 102, 0.5);
}
.home-leader__container {
  height: 250px;
  padding-top: 60px;
  position: relative;
  z-index: 2;
}
.home-leader__subtext {
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  font-weight: 600;
  color: #fff;
  display: none;
  text-align: center;
}
.home-leader .inline-spacer {
  display: block;
}
.home-leader__buttons {
  margin-top: 4rem;
  text-align: center;
}
.home-leader__buttons .cf-button.shadow {
  margin-right: 0px;
  margin-bottom: 10px;
}
@media screen and (min-width: 25em) {
  .home-leader__buttons .cf-button.shadow {
    margin-right: 40px;
    margin-bottom: 0px;
  }
  .home-leader__buttons .inline-spacer {
    display: inline;
  }
}
.home-leader__buttons .cf-button__text {
  margin: -2px 15px 0 15px;
}
@media print, screen and (min-width: 64em) {
  .home-leader__buttons .vakgebieden-button {
    width: 280px;
  }
}
.home-leader__date {
  font-weight: 600;
  color: #ff9900;
}
@media screen and (min-width: 25em) {
  .home-leader {
    height: 300px;
  }
}
@media print, screen and (min-width: 40em) {
  .home-leader {
    height: 325px;
  }
  .home-leader__container {
    height: 250px;
    padding-top: 60px;
  }
}
@media print, screen and (min-width: 64em) {
  .home-leader {
    height: 450px;
  }
  .home-leader__container {
    height: 270px;
    padding-top: 90px;
    padding-left: 10px;
  }
  .home-leader__subtext {
    display: block;
    margin-top: 4rem;
  }
  .home-leader__date {
    margin-bottom: 0.5rem;
  }
}
@media screen and (min-width: 75em) {
  .home-leader {
    height: 450px;
  }
  .home-leader__container {
    height: 270px;
    padding-top: 100px;
    padding-left: 20px;
  }
}
@media screen and (min-width: 90em) {
  .home-leader {
    height: 450px;
  }
  .home-leader__container {
    height: 270px;
    padding-top: 100px;
    padding-left: 20px;
  }
}
.home-leader--404 {
  height: 100px;
}
@media print, screen and (min-width: 40em) {
  .home-leader--404 {
    height: 200px;
  }
}
@media print, screen and (min-width: 64em) {
  .home-leader--404 {
    height: 200px;
  }
}
@media screen and (min-width: 75em) {
  .home-leader--404 {
    height: 200px;
  }
}
@media screen and (min-width: 90em) {
  .home-leader--404 {
    height: 200px;
  }
}
.home-leader__title {
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  font-weight: 600;
  /*color: $color-header;*/
  color: #fff;
  /*text-shadow: 1px 1px 0 #fff;*/
  float: left;
  width: 100%;
  font-size: 1.625rem;
  line-height: 1.1;
  padding: 0;
  padding-bottom: 15px;
  text-align: center;
}
@media screen and (min-width: 22.5em) {
  .home-leader__title {
    font-size: 1.625rem;
  }
}
@media screen and (min-width: 26.25em) {
  .home-leader__title {
    font-size: 1.625rem;
  }
}
@media print, screen and (min-width: 40em) {
  .home-leader__title {
    font-size: 1.875rem;
  }
}
@media print, screen and (min-width: 64em) {
  .home-leader__title {
    font-size: 2.25rem;
    max-width: 1200px;
    padding-bottom: 0px;
  }
}
@media screen and (min-width: 75em) {
  .home-leader__title {
    font-size: 2.25rem;
  }
}
.home-leader__title a {
  text-decoration: none;
  color: white;
  text-shadow: 1px 1px 1px #1e225d;
}
.home-leader__title strong {
  font-size: 140%;
}
.home-leader__title .cf-button {
  text-shadow: none;
  font-size: 80%;
  height: 1.875rem;
  line-height: 1.5;
  margin: 8px auto 0;
}
@media print, screen and (min-width: 40em) {
  .home-leader__title .cf-button {
    margin: 15px auto 0;
    width: 20rem;
    height: 2.5rem;
  }
}
@media print, screen and (min-width: 64em) {
  .home-leader__title .cf-button {
    margin: 15px 0 0;
    width: auto;
    float: left;
    clear: left;
    height: 3.125rem;
  }
}
.home-leader__action {
  position: absolute;
  right: 20px;
  bottom: 20px;
  font-size: 1.5rem;
}
.home-leader__button {
  width: 280px;
  position: absolute;
  top: 250px;
  left: 350px;
}

.homepagevideo {
  background: rgb(255, 255, 255);
  background: linear-gradient(180deg, rgb(255, 255, 255) 30%, rgb(248, 248, 250) 30%);
}
.homepagevideo #homepage-background-image {
  z-index: 2;
  position: inherit;
}
.homepagevideo .homepage-background-image-class {
  z-index: 2;
  position: inherit;
  width: 100%;
  border-radius: 20px !important;
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
  background-size: cover;
  background-position: bottom;
}
@media print, screen and (min-width: 64em) {
  .homepagevideo .homepage-background-image-class {
    background-position: 90%;
  }
}
.homepagevideo .homepage-background-image-class .videotext-block__video__container {
  padding-bottom: 56.25%; /* 16:9 */
}
.homepagevideo .homepage-background-image-class iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  border-radius: 8px;
}
.homepagevideo .vid-btn {
  z-index: 3;
}

.cursistenreview {
  padding-top: 50px;
  background-color: #F8F8FA;
}
@media screen and (min-width: 40em) {
  .cursistenreview {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}
.cursistenreview .uitlijncuristreview-home {
  margin: auto;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr 1fr;
  padding-left: 2rem;
  padding-bottom: 50px;
}
@media screen and (min-width: 40em) {
  .cursistenreview .uitlijncuristreview-home {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
  }
}
.cursistenreview__reviewbericht {
  padding-left: 0.9375rem;
  margin-right: 40px;
}
@media print, screen and (min-width: 64em) {
  .cursistenreview__reviewbericht {
    margin-right: 80px;
  }
}
.cursistenreview__reviewbericht__titel {
  color: #1e225d;
  font-size: 25px;
  font-weight: 800;
  font-family: "Lexend", sans-serif;
}
@media print, screen and (min-width: 64em) {
  .cursistenreview__reviewbericht__titel {
    font-size: 1.3125rem;
  }
}
.cursistenreview__reviewbericht__message {
  color: #1e225d;
  margin-bottom: 0;
  font-size: 16px;
}
.cursistenreview__reviewbericht__leesmeer {
  text-decoration: underline;
  font-weight: 500;
  display: inline-block;
  margin-top: 10px;
  margin-bottom: 20px;
}
@media print, screen and (min-width: 64em) {
  .cursistenreview__reviewbericht__leesmeer {
    margin-top: 0px;
  }
}
.cursistenreview__reviewbericht__leesmeer p {
  font-family: "Lexend", sans-serif;
  color: #1e225d;
  font-size: 16px;
}
.cursistenreview__reviewbericht__review-company {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
.cursistenreview__reviewbericht__review-company__imageblock {
  display: grid;
  justify-items: center;
}
@media screen and (min-width: 40em) {
  .cursistenreview__reviewbericht__review-company__imageblock {
    margin-right: 30px;
  }
}
.cursistenreview__reviewbericht__review-company__imageblock__star svg {
  color: #F5C80B;
  font-size: 10px;
}
@media print, screen and (min-width: 64em) {
  .cursistenreview__reviewbericht__review-company__imageblock__star svg {
    font-size: 16px;
  }
}
.cursistenreview__reviewbericht__review-company__imageblock__image {
  padding: 0;
  mix-blend-mode: luminosity;
}
.cursistenreview__reviewbericht__review-company__imageblock span {
  color: #1e225d;
  font-weight: 600;
  font-family: "Lexend", sans-serif;
  margin: 0;
  font-size: 16px;
  margin-bottom: 20px;
}
@media print, screen and (min-width: 64em) {
  .cursistenreview__reviewbericht__review-company__imageblock span {
    margin-top: 15px;
    font-size: 20px;
    margin-bottom: 0;
  }
}
.cursistenreview__photocarousel {
  max-height: 360px;
  max-width: 100vw;
  min-height: 320px !important;
}
@media screen and (min-width: 40em) {
  .cursistenreview__photocarousel {
    position: absolute !important;
    right: 0;
    min-height: 320px !important;
    max-width: 50vw;
  }
}
.cursistenreview__photocarousel .prev-arrow {
  right: 60px !important;
}
@media screen and (min-width: 40em) {
  .cursistenreview__photocarousel .prev-arrow {
    right: 75px !important;
  }
}
.cursistenreview__photocarousel .slide-arrow {
  margin-right: 40px;
  height: 45px !important;
  padding: 6px;
  bottom: -60px;
  width: 50px !important;
}
@media screen and (min-width: 40em) {
  .cursistenreview__photocarousel .slide-arrow {
    height: 50px !important;
    padding: 8px;
    width: 60px !important;
  }
}
.cursistenreview__photocarousel .slider__counter {
  bottom: -50px;
  top: auto;
}
@media screen and (min-width: 40em) {
  .cursistenreview__photocarousel .slider__counter {
    margin-right: 40px;
  }
}
.cursistenreview__photocarousel__imgbox {
  height: 100%;
  margin-right: 30px;
}
@media screen and (min-width: 40em) {
  .cursistenreview__photocarousel__imgbox {
    margin-left: 20px;
    margin-right: 0;
  }
}
.cursistenreview__photocarousel__imgbox img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 12px;
}
.cursistenreview__photocarousel .slick-list {
  height: 100%;
  background: #f8f8fa;
}
.cursistenreview__photocarousel .slick-list .slick-track {
  height: 100%;
}

.clustersection {
  margin: 50px 0px !important;
  margin-bottom: 50px !important;
}
@media print, screen and (min-width: 64em) {
  .clustersection {
    margin: 125px 0px !important;
    margin-bottom: 125px !important;
    padding-bottom: 0px !important;
  }
}

.home-content-divider--grey {
  border-bottom: 1px solid #F8F8FA !important;
}
.home-content-divider--grey::after {
  border-top: 30px solid #F8F8FA !important;
}

.cijfers-meeroverons {
  background-color: #F8F8FA;
  padding-top: 45px;
  margin: 0;
}
@media print, screen and (min-width: 40em) {
  .cijfers-meeroverons {
    padding-top: 70px;
  }
}
.cijfers-meeroverons .hr-container {
  padding-left: 1.0625rem;
  padding-right: 1.0625rem;
}
.cijfers-meeroverons hr {
  margin: 0;
  margin-top: 45px;
  width: 100%;
}
@media print, screen and (min-width: 64em) {
  .cijfers-meeroverons hr {
    margin-top: 30px;
  }
}
.cijfers-meeroverons__vak {
  display: grid;
  grid-template-columns: none;
  grid-template-rows: 1fr 1fr 1fr 1fr;
  align-items: center;
  row-gap: 35px;
}
@media print, screen and (min-width: 40em) {
  .cijfers-meeroverons__vak {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: none;
    row-gap: 0px;
  }
}
@media print, screen and (min-width: 64em) {
  .cijfers-meeroverons__vak {
    padding-left: 1.0625rem;
    padding-right: 1.0625rem;
  }
}
.cijfers-meeroverons__vak__titel {
  font-size: 25px;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  font-weight: 900;
  margin-bottom: 0;
  line-height: inherit;
  text-align: center;
}
@media print, screen and (min-width: 40em) {
  .cijfers-meeroverons__vak__titel {
    text-align: start;
    font-size: 45px;
  }
}
.cijfers-meeroverons__vak__ondertekst {
  font-weight: 500;
  margin: 0;
  text-align: center;
  color: rgba(30, 34, 92, 0.5);
}
@media print, screen and (min-width: 40em) {
  .cijfers-meeroverons__vak__ondertekst {
    text-align: start;
    color: #1e225d;
  }
}
.cijfers-meeroverons__vak a {
  margin: auto;
  width: -moz-max-content;
  width: max-content;
  font-weight: 600;
  line-height: 1;
}
@media print, screen and (min-width: 40em) {
  .cijfers-meeroverons__vak a {
    padding: 15px 35px;
    float: right;
    width: -moz-max-content;
    width: max-content;
  }
}
@media print, screen and (min-width: 64em) {
  .cijfers-meeroverons__vak a .cf-button__text {
    width: -moz-max-content !important;
    width: max-content !important;
  }
}
.cijfers-meeroverons__vak a:hover .cf-button__icon {
  margin-left: 35px;
}

.uitgelichte_trainingen {
  background-color: #F8F8FA;
  padding-top: 50px;
  padding-bottom: 50px;
}
@media print, screen and (min-width: 64em) {
  .uitgelichte_trainingen {
    padding-top: 125px;
    padding-bottom: 125px;
  }
}
.uitgelichte_trainingen .row {
  margin-right: 2rem;
  margin-left: 2rem;
}
@media print, screen and (min-width: 64em) {
  .uitgelichte_trainingen .row {
    margin-right: auto;
    margin-left: auto;
  }
}
.uitgelichte_trainingen__title {
  font-size: 20px;
  font-weight: 600;
  padding: 0px;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
}
@media print, screen and (min-width: 40em) {
  .uitgelichte_trainingen__title {
    padding: inherit;
    font-size: 28px;
    font-weight: 600;
  }
}
@media print, screen and (min-width: 64em) {
  .uitgelichte_trainingen__title {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
.uitgelichte_trainingen__title span {
  color: #77799c;
}
.uitgelichte_trainingen__title p, .uitgelichte_trainingen__title h2 {
  margin-bottom: 25px;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
}
.uitgelichte_trainingen .training-grid-block {
  padding: 10px;
}
.uitgelichte_trainingen .rf-cards-scroller-crop {
  height: 38.5rem;
}
@media print, screen and (min-width: 40em) {
  .uitgelichte_trainingen .rf-cards-scroller-crop {
    height: 31.5rem;
  }
}
@media print, screen and (min-width: 64em) {
  .uitgelichte_trainingen .rf-cards-scroller-crop {
    height: 33.5rem;
  }
}
.uitgelichte_trainingen .rf-ccard-40 .rf-ccard-content {
  width: 23rem;
}
@media print, screen and (min-width: 64em) {
  .uitgelichte_trainingen .rf-ccard-40 .rf-ccard-content {
    width: 25rem;
  }
}

.bekijkwatwedoen {
  margin-bottom: 50px;
}
@media print, screen and (min-width: 64em) {
  .bekijkwatwedoen {
    margin-bottom: 125px;
    margin-top: 125px;
  }
}
.bekijkwatwedoen .row {
  margin-right: 2rem;
  margin-left: 2rem;
}
@media print, screen and (min-width: 64em) {
  .bekijkwatwedoen .row {
    margin-right: auto;
    margin-left: auto;
  }
}
.bekijkwatwedoen__title {
  font-size: 20px;
  font-weight: 600;
  padding: 0px;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
}
@media print, screen and (min-width: 40em) {
  .bekijkwatwedoen__title {
    font-size: 28px;
    font-weight: 600;
  }
}
@media print, screen and (min-width: 64em) {
  .bekijkwatwedoen__title {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
.bekijkwatwedoen__title span {
  color: #77799c;
}
.bekijkwatwedoen__title p {
  margin-bottom: 25px;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
}
@media print, screen and (min-width: 64em) {
  .bekijkwatwedoen__title p {
    margin-bottom: 35px;
  }
}
.bekijkwatwedoen__slider {
  height: 200px;
  width: auto;
  margin-bottom: 20px;
}
@media print, screen and (min-width: 40em) {
  .bekijkwatwedoen__slider {
    height: 600px;
    margin-bottom: auto;
    margin-bottom: 50px;
  }
}
.bekijkwatwedoen__slider__card {
  height: 100%;
  background-size: cover;
  border-radius: 8px;
}
.bekijkwatwedoen__slider__card .videotext-block__video__container2 {
  width: 100%;
  height: 100%;
  position: relative;
}
.bekijkwatwedoen__slider__card .videotext-block__video__container2 .vid-icon {
  font-size: 60px;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) !important;
  text-align: center;
  padding: 20px;
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 100%;
  cursor: pointer;
  -webkit-backdrop-filter: blur(10.7px);
  backdrop-filter: blur(10px);
  transition: margin 400ms, box-shadow 400ms;
  width: 25%;
}
.bekijkwatwedoen__slider__card .videotext-block__video__container2 .vid-icon img {
  display: block;
}
@media print, screen and (min-width: 40em) {
  .bekijkwatwedoen__slider__card .videotext-block__video__container2 .vid-icon img {
    display: inline-block;
  }
}
@media print, screen and (min-width: 40em) {
  .bekijkwatwedoen__slider__card .videotext-block__video__container2 .vid-icon {
    width: auto;
  }
}
.bekijkwatwedoen__slider__card .videotext-block__video__container2 iframe {
  border-radius: 8px;
}
.bekijkwatwedoen__slider__card .videotext-block__video__container3 {
  width: 100%;
  height: 100%;
  position: relative;
}
.bekijkwatwedoen__slider__card .videotext-block__video__container3 .vid-icon {
  font-size: 60px;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) !important;
  text-align: center;
  padding: 20px;
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 100%;
  cursor: pointer;
  -webkit-backdrop-filter: blur(10.7px);
  backdrop-filter: blur(10px);
  transition: margin 400ms, box-shadow 400ms;
  width: 25%;
}
.bekijkwatwedoen__slider__card .videotext-block__video__container3 .vid-icon img {
  display: block;
}
@media print, screen and (min-width: 40em) {
  .bekijkwatwedoen__slider__card .videotext-block__video__container3 .vid-icon img {
    display: inline-block;
  }
}
@media print, screen and (min-width: 40em) {
  .bekijkwatwedoen__slider__card .videotext-block__video__container3 .vid-icon {
    width: auto;
  }
}
.bekijkwatwedoen__slider__card .videotext-block__video__container3 iframe {
  aspect-ratio: 16/9;
  width: 100%;
}
.bekijkwatwedoen .snap-slider .rf-cards-scroller-crop {
  height: 16rem;
}
@media print, screen and (min-width: 64em) {
  .bekijkwatwedoen .snap-slider .rf-cards-scroller-crop {
    height: 39rem;
  }
}
.bekijkwatwedoen .snap-slider .rf-ccard-40 .rf-ccard-content {
  width: 23rem;
  height: 15rem;
}
@media print, screen and (min-width: 64em) {
  .bekijkwatwedoen .snap-slider .rf-ccard-40 .rf-ccard-content {
    width: 65rem;
    height: 36rem;
  }
}
.bekijkwatwedoen .snap-slider .rf-ccard-img-full-wrapper img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
}

.testimonial-block-home {
  background-color: #F8F8FA;
  padding-top: 50px;
  padding-bottom: 50px;
}
@media print, screen and (min-width: 64em) {
  .testimonial-block-home {
    padding-top: 125px;
    padding-bottom: 125px;
  }
}
.testimonial-block-home .row {
  margin-right: 2rem;
  margin-left: 2rem;
}
@media print, screen and (min-width: 64em) {
  .testimonial-block-home .row {
    margin-right: auto;
    margin-left: auto;
  }
}
.testimonial-block-home__title {
  font-size: 20px;
  font-weight: 600;
  padding: 0px;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
}
@media print, screen and (min-width: 40em) {
  .testimonial-block-home__title {
    font-size: 28px;
    font-weight: 600;
  }
}
@media print, screen and (min-width: 64em) {
  .testimonial-block-home__title {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
.testimonial-block-home__title p {
  margin-bottom: 25px;
  font-weight: 600;
  padding: 0px;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
}
@media print, screen and (min-width: 40em) {
  .testimonial-block-home__title p {
    font-size: 28px;
    font-weight: 600;
  }
}
@media print, screen and (min-width: 64em) {
  .testimonial-block-home__title p {
    margin-bottom: 35px;
  }
}
.testimonial-block-home__slider {
  height: 500px;
  display: flex;
  -moz-column-gap: 30px;
       column-gap: 30px;
}
.testimonial-block-home__slider__card {
  height: 100%;
  background-color: white;
  border-radius: 8px;
  display: grid;
  grid-template-rows: auto auto 300px;
}
.testimonial-block-home__slider__card__top {
  padding: 20px 30px 20px 30px;
  grid-template-columns: 1fr 3fr 1fr;
  align-items: center;
  border-bottom: 1px solid #f3f4f6;
}
@media print, screen and (min-width: 40em) {
  .testimonial-block-home__slider__card__top {
    padding: 30px;
  }
}
.testimonial-block-home__slider__card__top__foto {
  margin: 15px;
}
.testimonial-block-home__slider__card__top__foto img {
  border-radius: 100%;
  border: 1px solid #1e225d;
}
.testimonial-block-home__slider__card__top__naam {
  display: flex;
  flex-direction: column;
  gap: 5px;
  color: #1e225d;
}
.testimonial-block-home__slider__card__top__naam strong {
  font-size: 18px;
  font-weight: 700 !important;
}
@media print, screen and (min-width: 64em) {
  .testimonial-block-home__slider__card__top__naam strong {
    font-size: 22px;
  }
}
.testimonial-block-home__slider__card__top__logo {
  position: relative;
  height: 100%;
}
.testimonial-block-home__slider__card__top__logo img {
  position: absolute;
  right: 10px;
  top: 10px;
}
.testimonial-block-home__slider__card__middle {
  display: flex;
  flex-direction: column;
  margin-right: 30px;
  margin-left: 30px;
  margin-top: 15px;
  margin-bottom: 15px;
}
.testimonial-block-home__slider__card__middle span {
  color: #1e225d;
  font-size: 0.9375rem;
  display: flex;
  align-items: center;
  gap: 10px;
}
.testimonial-block-home__slider__card__middle span.grade .fas {
  color: #FFC107;
}
.testimonial-block-home__slider__card__middle span.grade svg path {
  fill: #FFC107;
}
.testimonial-block-home__slider__card__middle p {
  margin-top: 10px;
}
.testimonial-block-home__slider__card__middle .total-rating {
  display: flex;
  align-items: center;
  gap: 10px;
}
.testimonial-block-home__slider__card__middle .total-rating .grade {
  font-size: 1.375rem;
  line-height: 2.063rem;
  font-weight: 700;
  padding: 0 5px;
}
.testimonial-block-home__slider__card__middle .total-rating .stars {
  font-size: 0.875rem;
}
.testimonial-block-home__slider__card__middle .total-rating .stars .fas {
  color: #FFC107;
}
.testimonial-block-home__slider__card__middle .total-rating .stars svg path {
  fill: #FFC107;
}
.testimonial-block-home__slider__card__middle .total-rating .total {
  font-size: 0.875rem;
}
.testimonial-block-home__slider__card__body {
  padding: 30px;
  padding-top: 0px;
  overflow: scroll;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE en Edge (oud) */
}
.testimonial-block-home__slider__card__body::-webkit-scrollbar {
  display: none; /* Chrome, Safari, nieuwere Edge */
}
.testimonial-block-home .snap-slider .rf-ccard-40 .rf-ccard-content {
  width: 23rem;
  height: 370px;
}
@media print, screen and (min-width: 40em) {
  .testimonial-block-home .snap-slider .rf-ccard-40 .rf-ccard-content {
    height: 420px;
  }
}
@media print, screen and (min-width: 64em) {
  .testimonial-block-home .snap-slider .rf-ccard-40 .rf-ccard-content {
    width: 25rem;
    height: 440px;
  }
}
.testimonial-block-home .rf-cards-scroller-crop {
  height: 30rem;
}
@media print, screen and (min-width: 40em) {
  .testimonial-block-home .rf-cards-scroller-crop {
    height: 29rem;
  }
}
@media print, screen and (min-width: 64em) {
  .testimonial-block-home .rf-cards-scroller-crop {
    height: 32rem;
  }
}

.nieuws-inspiratie {
  margin-top: 50px;
  margin-bottom: 50px;
}
@media print, screen and (min-width: 64em) {
  .nieuws-inspiratie {
    margin-top: 125px;
    margin-bottom: 125px;
  }
}
.nieuws-inspiratie .row {
  margin-right: 2rem;
  margin-left: 2rem;
}
@media print, screen and (min-width: 64em) {
  .nieuws-inspiratie .row {
    margin-right: auto;
    margin-left: auto;
  }
}
.nieuws-inspiratie__title {
  font-size: 20px;
  font-weight: 600;
  padding: 0px;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
}
@media print, screen and (min-width: 40em) {
  .nieuws-inspiratie__title {
    font-size: 28px;
    font-weight: 600;
  }
}
@media print, screen and (min-width: 64em) {
  .nieuws-inspiratie__title {
    padding-left: 2rem;
    padding-right: 2rem;
    margin-bottom: 35px;
  }
  .nieuws-inspiratie__title p {
    margin-bottom: 0px;
  }
}
.nieuws-inspiratie .rf-cards-scroller-crop {
  height: 36rem;
}
@media print, screen and (min-width: 64em) {
  .nieuws-inspiratie .rf-cards-scroller-crop {
    height: 34rem;
  }
}
.nieuws-inspiratie .rf-ccard-40 .rf-ccard-content {
  width: 23rem;
  height: 470px;
}
.nieuws-inspiratie .rf-ccard-40 .rf-ccard-content .training-grid-block {
  box-shadow: none;
  border-color: none;
  height: 470px;
}
.nieuws-inspiratie .rf-ccard-40 .rf-ccard-content .training-grid-block__content {
  justify-content: space-between;
  height: 54%;
}
.nieuws-inspiratie .rf-ccard-40 .rf-ccard-content .training-grid-block__bottom {
  padding-bottom: 11px;
}
.nieuws-inspiratie .rf-ccard-40 .rf-ccard-content .vid-icon {
  width: 100px;
  height: 100px;
}
.nieuws-inspiratie .rf-ccard-40 .rf-ccard-content .training-grid-block__intro {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
@media print, screen and (min-width: 40em) {
  .nieuws-inspiratie .rf-ccard-40 .rf-ccard-content .training-grid-block__intro {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
}
@media print, screen and (min-width: 64em) {
  .nieuws-inspiratie .rf-ccard-40 .rf-ccard-content {
    height: 520px;
    width: 25rem;
  }
  .nieuws-inspiratie .rf-ccard-40 .rf-ccard-content .training-grid-block {
    height: 520px;
  }
  .nieuws-inspiratie .rf-ccard-40 .rf-ccard-content .training-grid-block__content {
    height: 58%;
  }
  .nieuws-inspiratie .rf-ccard-40 .rf-ccard-content .training-grid-block__intro {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
  }
}
.nieuws-inspiratie .post-summary-large {
  padding: 10px;
  border-radius: 2px 16px 16px 16px;
}
.nieuws-inspiratie .post-summary-large__date {
  color: #1e225d;
  font-weight: 500;
  font-family: "lexend", "sans-serif";
}
.nieuws-inspiratie .post-summary-large__title {
  min-height: 35px;
}
.nieuws-inspiratie .post-summary-large__image img {
  border-radius: 8px;
}
@media print, screen and (min-width: 64em) {
  .nieuws-inspiratie .post-summary-large__image img {
    max-height: 220px;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.nieuws-inspiratie .post-summary-large__content {
  max-height: 280px;
  text-overflow: ellipsis;
  overflow: hidden;
}
@media print, screen and (min-width: 64em) {
  .nieuws-inspiratie .post-summary-large__content {
    max-height: 250px;
    text-overflow: ellipsis;
    padding: 25px;
  }
}

.magazine-pro-home {
  margin-top: 100px;
  position: relative;
  margin-bottom: 100px;
}
@media print, screen and (min-width: 40em) {
  .magazine-pro-home {
    margin-top: 200px;
    margin-bottom: 150px;
  }
}
.magazine-pro-home .row {
  position: relative;
  padding-left: 2rem;
  padding-right: 2rem;
}
.magazine-pro-home .row::before {
  content: "";
  background-image: url(/images/dot-bgv5.svg);
  height: 50%;
  width: 50%;
  position: absolute;
  background-repeat: repeat;
  background-position: center;
  background-size: 45px;
  bottom: -50px;
  left: -15px;
}
@media print, screen and (min-width: 40em) {
  .magazine-pro-home .row::before {
    height: 75%;
    width: 30%;
  }
}
.magazine-pro-home .row::after {
  content: "";
  background-image: url(/images/dot-bgv5.svg);
  height: 50%;
  width: 50%;
  position: absolute;
  background-repeat: repeat;
  background-position: center;
  background-size: 45px;
  top: -50px;
  right: 0px;
}
@media print, screen and (min-width: 40em) {
  .magazine-pro-home .row::after {
    height: 75%;
    width: 30%;
  }
}
.magazine-pro-home.nobackgroundpoints .row::before {
  background-image: none;
}
.magazine-pro-home.nobackgroundpoints .row::after {
  background-image: none;
}
.magazine-pro-home .column, .magazine-pro-home .columns {
  display: grid;
  grid-template-rows: 1fr 1fr;
  border: 1px solid #1E225D;
  border-radius: 8px;
  padding-top: 20px;
  padding-bottom: 20px;
  position: relative;
  background: white;
  z-index: 2;
}
@media print, screen and (min-width: 40em) {
  .magazine-pro-home .column, .magazine-pro-home .columns {
    grid-template-columns: 7fr 8fr;
    grid-template-rows: none;
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
.magazine-pro-home__imgbox {
  width: 100%;
  height: 100%;
  position: relative;
}
.magazine-pro-home__imgbox img {
  position: absolute;
  height: 80%;
  width: initial;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  top: -40px;
  transform: rotate(-7deg);
}
@media print, screen and (min-width: 40em) {
  .magazine-pro-home__imgbox img {
    margin-right: 30px;
  }
}
@media print, screen and (min-width: 64em) {
  .magazine-pro-home__imgbox img {
    top: -140px;
    height: 150%;
    margin-right: auto;
  }
}
@media only screen and (max-width: 1110px) and (min-width: 1000px) {
  .magazine-pro-home__imgbox img {
    margin-right: 30px;
  }
}
.magazine-pro-home__textbox {
  padding-left: 0;
  margin-top: -50px;
}
@media print, screen and (min-width: 40em) {
  .magazine-pro-home__textbox {
    margin: 0;
  }
}
.magazine-pro-home__textbox__title {
  font-size: 22px;
  font-weight: 800;
  color: #1e225d;
  font-family: "Lexend", sans-serif;
  margin-left: 20px;
}
@media print, screen and (min-width: 40em) {
  .magazine-pro-home__textbox__title {
    font-size: 35px;
    margin-left: 0px;
  }
}
.magazine-pro-home__textbox__text {
  font-size: 15px;
  color: #1e225d;
  margin-right: 30px;
  line-height: 1.6;
  margin-left: 20px;
}
@media print, screen and (min-width: 40em) {
  .magazine-pro-home__textbox__text {
    margin-left: 0px;
    margin-right: 130px;
  }
}
.magazine-pro-home__textbox__button {
  margin-top: 20px;
  margin-left: 20px;
  margin-right: 20px;
  width: auto;
}
@media print, screen and (min-width: 40em) {
  .magazine-pro-home__textbox__button {
    margin-left: 0;
    margin-right: 0;
  }
}
.magazine-pro-home--greybackground {
  padding: 50px 0px;
  margin: 50px 0px;
  background-color: #F8F8FA;
}
@media print, screen and (min-width: 64em) {
  .magazine-pro-home--greybackground {
    padding: 100px 0px;
    margin: 100px 0px;
  }
}
.magazine-pro-home--greybackground form label {
  background-color: #F8F8FA !important;
}
.magazine-pro-home--greybackground form input {
  background-color: transparent !important;
}

.aanvraag-TMA-test {
  position: relative;
}
.aanvraag-TMA-test .row {
  display: block;
}
@media print, screen and (min-width: 64em) {
  .aanvraag-TMA-test .row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: none;
  }
}
.aanvraag-TMA-test .img-position {
  height: 600px;
  position: absolute;
  bottom: 0;
  left: 60%;
  right: 40%;
}
.aanvraag-TMA-test .mobile-img-position {
  display: grid;
  justify-content: center;
}
.aanvraag-TMA-test .mobile-img-position img {
  height: 500px;
}
.aanvraag-TMA-test .form-contact {
  display: grid !important;
  grid-template-areas: "naam           naam          " "email          email         " "telefoonnummer telefoonnummer" "verstuur       verstuur      " !important;
}

.podcast .home-leader-new__title {
  margin-bottom: 0px;
}
.podcast .podcast_introduction_tekst {
  max-width: 800px;
  text-align: center;
  margin-top: 30px;
}
.podcast .podcast__banner__img {
  background-image: url(https://www.competencefactory.nl/wordpress/wp-content/uploads/2024/08/coverphoto-podcast.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 20px;
}
.podcast .podcast_introduction_link {
  text-align: center;
}
.podcast .podcast_introduction_link a {
  text-decoration: none;
}
.podcast .podcast_introduction_link a img {
  width: 24px;
  height: 24px;
  filter: invert(16%) sepia(41%) saturate(1875%) hue-rotate(211deg) brightness(84%) contrast(102%);
}
.podcast__item {
  background-color: white !important;
}
.podcast__item__container {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media print, screen and (min-width: 64em) {
  .podcast__item__container {
    flex-direction: row;
    align-items: center;
    height: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  .podcast__item__image {
    min-width: 300px;
    max-width: 300px;
    align-self: stretch;
  }
}
.podcast__item__image img {
  margin-top: 15px;
  border-radius: 2px 16px 16px 16px;
  width: 100%;
  height: 200px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media print, screen and (min-width: 64em) {
  .podcast__item__image img {
    margin-top: 0px;
    width: auto;
    height: 100%;
  }
}
.podcast__item__content__title {
  font-size: 22px;
  font-weight: 600;
  font-family: "Lexend", sans-serif;
}
.podcast__item__content__cta {
  margin-bottom: 0px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media print, screen and (min-width: 64em) {
  .podcast__item__content__cta {
    align-items: center;
    flex-direction: row;
  }
}
.podcast .podcast__container {
  padding-bottom: 100px;
  display: grid;
  grid-template-columns: 1fr;
  gap: 50px;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media print, screen and (min-width: 40em) {
  .podcast .podcast__container {
    grid-template-columns: 1fr 1fr;
    gap: 50px;
  }
}
@media print, screen and (min-width: 64em) {
  .podcast .podcast__container {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 50px;
  }
}
.podcast .podcast__container__item {
  width: 100%;
  position: relative;
  text-decoration: none;
}
.podcast .podcast__container__item__img {
  height: 300px;
  border-radius: 20px;
  background-size: cover;
  position: relative;
}
@media print, screen and (min-width: 40em) {
  .podcast .podcast__container__item__img {
    height: 250px;
  }
}
.podcast .podcast__container__item__overlay {
  z-index: 5;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  border-radius: 20px;
}
.podcast .podcast__container__item__overlay #vid-icon {
  display: none;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  padding: 20px;
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 100%;
  cursor: pointer;
  -webkit-backdrop-filter: blur(10.7px);
  backdrop-filter: blur(10px);
  transition: margin 400ms, box-shadow 400ms, transform 400ms;
}
.podcast .podcast__container__item__title {
  font-size: 18px;
  font-weight: 600;
  padding: 0px;
  margin-top: 5px;
  font-family: "Lexend", sans-serif;
}
.podcast .podcast__container__item:hover .podcast__container__item__overlay {
  background-color: rgba(32, 42, 54, 0.5);
  transition: all 400ms;
}
.podcast .podcast__container__item:hover .podcast__container__item__overlay #vid-icon {
  display: block;
}
.podcast .podcast_review {
  background: white;
}
.podcast .podcast_review .podcast_review_card .testimonial-block-home__slider__card__top__naam {
  font-size: 22px;
  font-weight: 700;
}
.podcast .podcast_volgvoormeer {
  display: flex;
}
.podcast .podcast_volgvoormeer__title {
  line-height: 1.3;
}
.podcast .podcast_volgvoormeer__usp {
  list-style-type: none;
  margin-left: 0;
}
.podcast .podcast_volgvoormeer__usp li img {
  filter: invert(16%) sepia(41%) saturate(1875%) hue-rotate(211deg) brightness(84%) contrast(102%);
  margin-right: 5px;
}
.podcast .podcast_volgvoormeer__links {
  justify-content: start !important;
}
.podcast .podcast_volgvoormeer__links a {
  display: grid !important;
  width: 270px;
  grid-template-columns: 8fr 2fr;
}
.podcast .podcast_volgvoormeer__links a .cf-button__text {
  width: -moz-fit-content;
  width: fit-content;
}
.podcast .podcast_volgvoormeer__links a .cf-button__icon {
  display: flex;
  justify-content: flex-end;
}
.podcast .podcast_volgvoormeer__links a .cf-button__icon svg {
  filter: invert(18%) sepia(11%) saturate(3629%) hue-rotate(198deg) brightness(94%) contrast(107%);
}
.podcast .podcast_volgvoormeer__links a:hover {
  background-color: #1e225d;
  border-color: #1e225d;
  transition: all 400ms;
}
.podcast .podcast_volgvoormeer__links a:hover .cf-button__text {
  color: white;
}
.podcast .podcast_volgvoormeer__links a:hover .cf-button__icon img {
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
}
.podcast .podcast_volgvoormeer__links a:hover .cf-button__icon svg {
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
}
.podcast .podcasts_title {
  padding-top: 50px;
  text-align: center;
}

.upload_lesmateriaal__box {
  margin-bottom: 30px;
}
.upload_lesmateriaal__box__icons {
  display: flex;
}
.upload_lesmateriaal__box__icons__svg {
  cursor: pointer;
}
.upload_lesmateriaal__box__icons__span {
  cursor: pointer;
}
.upload_lesmateriaal__box__upload {
  margin: 0 0 1rem;
}
.upload_lesmateriaal__box__upload .LesmateriaalUpload {
  margin: 0;
  cursor: pointer;
  color: #1E225C;
}
.upload_lesmateriaal__box__upload .LesmateriaalUpload::file-selector-button {
  color: #1E225C;
  background-color: white;
  border: 1px solid #1E225C;
  letter-spacing: -0.1px;
  padding: 5px 10px;
  border-radius: 5px;
}
.upload_lesmateriaal__box__upload .LesmateriaalUpload::file-selector-button:hover {
  color: white;
  background-color: #1E225C;
}
.upload_lesmateriaal__box__upload__span {
  font-size: 12px;
}
.upload_lesmateriaal__box__label {
  color: #1E225C;
}
.upload_lesmateriaal .progressWrapper {
  width: 100%;
  background-color: #f3f3f3;
  border-radius: 10px;
  height: 15px;
  display: none;
  margin-top: 0px;
  margin-bottom: 10px;
}
.upload_lesmateriaal .progressBar {
  height: 100%;
  width: 0;
  background-color: #4caf50;
  border-radius: 10px;
  text-align: center;
  color: white;
  line-height: 15px;
}

.singlecol-nieuwsbrief {
  padding-bottom: 0px;
}

.nieuwsbrief {
  background-color: #1C2663;
}
.nieuwsbrief__container {
  height: calc(100vh - 74px);
}
.nieuwsbrief__container > .row {
  height: 100%;
}
.nieuwsbrief__image-column {
  padding: 0;
  height: 100%;
}
.nieuwsbrief__image-column img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.nieuwsbrief__content-column {
  padding: 20px;
  padding-top: 70px;
}
@media print, screen and (min-width: 64em) {
  .nieuwsbrief__content-column {
    padding: 100px;
    width: 80%;
    height: 100%;
    overflow: scroll;
  }
}
@media print, screen and (min-width: 64em) {
  .nieuwsbrief__content-column.welcome {
    padding: 80px;
  }
}
@media print, screen and (min-width: 64em) {
  .nieuwsbrief__content-column > .page {
    width: 80%;
    max-width: 600px;
  }
}
@media print, screen and (min-width: 64em) {
  .nieuwsbrief__content-column > .page.welcome {
    width: 100%;
    max-width: 600px;
  }
}
.nieuwsbrief__content-column h1 {
  margin-bottom: 25px;
  font-size: 26px;
  position: relative;
  display: inline-block;
}
@media print, screen and (min-width: 64em) {
  .nieuwsbrief__content-column h1 {
    font-size: 35px;
  }
}
.nieuwsbrief__content-column h1.withicon::after {
  content: " ";
  width: 75px;
  height: 75px;
  background-image: url("/images/you-got-mail.png");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  display: inline-block;
  right: -125px;
  top: -50px;
}
@media print, screen and (min-width: 64em) {
  .nieuwsbrief__content-column h1.withicon::after {
    width: 110px;
    height: 110px;
    right: -160px;
    top: -85px;
  }
}
.nieuwsbrief__content-column h1.yougotthis::after {
  background-image: url("/images/Logo_Sticker-YouGotThis-v2.png");
}
.nieuwsbrief__content-column.welcome h1::after {
  background-image: url("/images/Logo_Sticker-YouGotThis-v2.png");
}
@media print, screen and (min-width: 64em) {
  .nieuwsbrief__content-column.welcome h1::after {
    width: 60px;
    height: 60px;
    right: -60px;
    top: -65px;
  }
}
.nieuwsbrief__content-column.welcome input {
  width: 100% !important;
}
.nieuwsbrief__content-column.welcome input[type=checkbox] {
  width: unset !important;
}
.nieuwsbrief__content-column p {
  font-size: 16px;
}
.nieuwsbrief__content-column .gray-text {
  color: #919191;
  font-size: 14px;
}
@media print, screen and (min-width: 64em) {
  .nieuwsbrief__content-column .gray-text {
    font-size: 15px;
  }
}
.nieuwsbrief__content-column .signup--stap {
  padding: 0px;
  margin-top: 30px;
  margin-bottom: 50px;
  background-color: transparent;
}
@media print, screen and (min-width: 64em) {
  .nieuwsbrief__content-column .signup--stap {
    margin-top: 40px;
    margin-bottom: 60px;
  }
}
.nieuwsbrief__content-column .signup--stap .signup__container {
  padding: 0px !important;
}
.nieuwsbrief__content-column .signup--stap .signup__container .login-off-canvas__form {
  margin-bottom: 0px;
}
.nieuwsbrief__content-column .signup--stap .signup__container label {
  background-color: white !important;
}
.nieuwsbrief__content-column .signup--stap .signup__container input {
  width: 95%;
}
.nieuwsbrief__content-column .signup--stap .signup__container .login-off-canvas__form__input-withbutton input {
  width: 100%;
}
.nieuwsbrief__yougotthis {
  text-align: left;
}
.nieuwsbrief__yougotthis__hoekje {
  width: 0px;
  height: 0px;
  border-top: solid 20px transparent;
  border-right: solid 5px transparent;
  border-bottom: solid 10px #1e225d;
  border-left: solid 10px #1e225d;
  margin-top: 20%;
  margin-left: -5px;
  display: inline-block;
  vertical-align: bottom;
}
.nieuwsbrief__yougotthis__tekst {
  text-align: left;
  width: 80%;
  background: #1e225d;
  padding: 20px;
  display: inline-block;
}
@media print, screen and (min-width: 40em) {
  .nieuwsbrief__yougotthis__tekst {
    width: 60%;
  }
}
@media print, screen and (min-width: 64em) {
  .nieuwsbrief__yougotthis__tekst {
    width: 80%;
  }
}
.nieuwsbrief__yougotthis__tekst h1 {
  color: white;
  font-size: 3rem;
  text-transform: uppercase;
}
.nieuwsbrief__yougotthis__tekst__titel {
  font-size: 1.0625rem;
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  font-weight: bold;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}
.nieuwsbrief__yougotthis__tekst__text {
  color: white;
}

.nieuwsbrief-aanmelden {
  padding: 80px 20px;
}
.nieuwsbrief-aanmelden__callout {
  border: 2px solid #1C2663;
  border-radius: 8px;
  padding: 15px;
  margin: 0px 15px;
}
@media print, screen and (min-width: 64em) {
  .nieuwsbrief-aanmelden__callout {
    padding: 35px;
  }
}
@media print, screen and (min-width: 64em) {
  .nieuwsbrief-aanmelden__callout .event__cta__title {
    width: 70%;
    margin: 0 auto;
    margin-bottom: 30px !important;
  }
}
.nieuwsbrief-aanmelden__titel {
  font-family: "Lexend", sans-serif;
  font-size: 1.5625rem;
  color: white;
  font-weight: 800;
  margin: 0;
  text-align: start;
}
@media print, screen and (min-width: 40em) {
  .nieuwsbrief-aanmelden__titel {
    font-size: 2.1875rem;
    text-align: center;
  }
}
.nieuwsbrief-aanmelden__text {
  color: white;
  text-align: start;
  margin-bottom: 50px;
  font-size: 16px;
  margin-top: 10px;
}
@media print, screen and (min-width: 40em) {
  .nieuwsbrief-aanmelden__text {
    font-size: 25px;
    text-align: center;
  }
}
@media print, screen and (min-width: 64em) {
  .nieuwsbrief-aanmelden__flex {
    display: flex;
  }
}
.nieuwsbrief-aanmelden__flex__fields input {
  width: unset !important;
}
.nieuwsbrief-aanmelden__flex__fields input[type=text], .nieuwsbrief-aanmelden__flex__fields .input-group-field {
  width: 100% !important;
  border: 1px solid #1C2663;
  border-radius: 8px;
  box-shadow: none;
  padding: 1em;
}
@media print, screen and (min-width: 64em) {
  .nieuwsbrief-aanmelden__flex__fields {
    flex-grow: 1;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
  }
  .nieuwsbrief-aanmelden__flex__fields > div {
    flex-basis: 49%;
  }
}
@media print, screen and (min-width: 64em) {
  .nieuwsbrief-aanmelden__flex__cta {
    padding-top: 24px;
  }
}
.nieuwsbrief-aanmelden__flex__cta button {
  width: 100% !important;
}
@media print, screen and (min-width: 64em) {
  .nieuwsbrief-aanmelden__flex__cta button {
    padding: 16px 20px;
  }
}
.nieuwsbrief-aanmelden__form label {
  font-size: 0.875rem;
  letter-spacing: -0.28px;
  color: #1E225C;
}
.nieuwsbrief-aanmelden__form input {
  margin-bottom: 15px;
  border-radius: 5px;
  padding: 20px 20px;
}
@media print, screen and (min-width: 40em) {
  .nieuwsbrief-aanmelden__form input {
    width: 38%;
    display: inline-block;
    margin-bottom: 0px;
  }
}
.nieuwsbrief-aanmelden__form input::-moz-placeholder {
  opacity: 1; /* Firefox */
  color: #1e225d;
  font-size: 18px;
}
.nieuwsbrief-aanmelden__form input::placeholder {
  opacity: 1; /* Firefox */
  color: #1e225d;
  font-size: 18px;
}
.nieuwsbrief-aanmelden__form button {
  width: 100%;
}
@media print, screen and (min-width: 40em) {
  .nieuwsbrief-aanmelden__form button {
    width: 22%;
    display: inline-block;
    margin-bottom: 3px;
  }
}
.nieuwsbrief-aanmelden__form button .cf-button__text {
  margin: -2px 15px 0 15px;
  font-size: 18px;
  font-weight: 800;
}
@media print {
  .nieuwsbrief-aanmelden {
    display: none !important;
  }
}

.brochure {
  background: white;
}
.brochure__yougotthis {
  text-align: left;
}
.brochure__yougotthis__hoekje {
  width: 0px;
  height: 0px;
  border-top: solid 20px transparent;
  border-right: solid 5px transparent;
  border-bottom: solid 10px #1e225d;
  border-left: solid 10px #1e225d;
  margin-top: 20%;
  margin-left: -5px;
  display: inline-block;
  vertical-align: bottom;
}
.brochure__yougotthis__tekst {
  text-align: left;
  width: 80%;
  background: #1e225d;
  padding: 20px;
  display: inline-block;
}
@media print, screen and (min-width: 40em) {
  .brochure__yougotthis__tekst {
    width: 60%;
  }
}
@media print, screen and (min-width: 64em) {
  .brochure__yougotthis__tekst {
    width: 80%;
  }
}
.brochure__yougotthis__tekst h1 {
  color: #1e225d;
  font-size: 3rem;
  text-transform: uppercase;
}
.brochure__yougotthis__tekst__titel {
  font-size: 1.0625rem;
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  font-weight: bold;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}
.brochure__yougotthis__tekst__text {
  color: #1e225d;
}

.brochure-aanmelden {
  padding: 20px;
}
.brochure-aanmelden__titel {
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  font-size: 1.5625rem;
  color: #1e225d;
  text-transform: uppercase;
  font-weight: 800;
  margin: 0;
  text-align: center;
}
.brochure-aanmelden__text {
  color: rgb(10, 10, 10);
  text-align: left;
  margin-bottom: 20px;
}
.brochure-aanmelden__afbeelding {
  text-align: center;
}
.brochure-aanmelden__button {
  text-align: center;
}
@media print, screen and (min-width: 40em) {
  .brochure-aanmelden__button {
    text-align: left;
  }
}
.brochure-aanmelden__button .cf-button {
  text-align: center;
  display: inline-block;
  margin-top: 10px;
}
@media print, screen and (min-width: 40em) {
  .brochure-aanmelden__button .cf-button {
    text-align: left;
  }
}
.brochure-aanmelden__form input {
  margin-bottom: 15px;
  border-radius: 5px;
  padding: 0.65em;
}
@media print, screen and (min-width: 40em) {
  .brochure-aanmelden__form input {
    width: 39%;
    display: inline-block;
    margin-bottom: 0px;
  }
}
.brochure-aanmelden__form input::-moz-placeholder {
  color: #505050;
}
.brochure-aanmelden__form input::placeholder {
  color: #505050;
}
.brochure-aanmelden__form button {
  width: 100%;
}
@media print, screen and (min-width: 40em) {
  .brochure-aanmelden__form button {
    width: 20%;
    display: inline-block;
    margin-bottom: 3px;
  }
}
.brochure-aanmelden__form button .cf-button__text {
  margin: -2px 15px 0 15px;
}
@media print {
  .brochure-aanmelden {
    display: none !important;
  }
}

.nieuwsbrief-aanmelden__knop {
  height: 65px !important;
}

.evenementform {
  margin-bottom: 50px;
}

.evenement-aanmelden {
  padding: 20px;
}
.evenement-aanmelden__titel {
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  font-size: 1.5625rem;
  color: white;
  font-weight: 800;
  margin: 0;
  text-align: center;
}
.evenement-aanmelden__text {
  color: white;
  text-align: center;
  margin-bottom: 20px;
}
.evenement-aanmelden__form input {
  margin-bottom: 15px;
  border-radius: 5px;
  padding: 0.65em;
}
@media print, screen and (min-width: 40em) {
  .evenement-aanmelden__form input {
    width: 39%;
    display: inline-block;
    margin-bottom: 0px;
  }
}
.evenement-aanmelden__form input::-moz-placeholder {
  color: #505050;
}
.evenement-aanmelden__form input::placeholder {
  color: #505050;
}
.evenement-aanmelden__form button {
  width: 100%;
}
@media print, screen and (min-width: 40em) {
  .evenement-aanmelden__form button {
    width: 20%;
    min-width: 300px;
    display: inline-block;
    margin-bottom: 3px;
  }
}
.evenement-aanmelden__form button .cf-button__text {
  margin: -2px 15px 0 15px;
}
@media print {
  .evenement-aanmelden {
    display: none !important;
  }
}

.webinar-aanmelden {
  padding: 20px;
}
.webinar-aanmelden__titel {
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  font-size: 1.5625rem;
  color: white;
  font-weight: 800;
  margin: 0;
  text-align: center;
}
.webinar-aanmelden__text {
  color: white;
  text-align: center;
  margin-bottom: 20px;
}
.webinar-aanmelden__form input, .webinar-aanmelden__form select {
  margin-bottom: 15px;
  border-radius: 5px;
  padding: 0.65em;
}
@media print, screen and (min-width: 40em) {
  .webinar-aanmelden__form input, .webinar-aanmelden__form select {
    width: 27%;
    display: inline-block;
    margin-bottom: 0px;
  }
}
.webinar-aanmelden__form select {
  line-height: 1.15;
  background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc);
  background-position: calc(100% - 20px) calc(0.4em + 2px), calc(100% - 15px) calc(0.4em + 2px), calc(100% - 2.2em) 0em;
  background-size: 5px 5px, 5px 5px, 1px 1.5em;
  background-repeat: no-repeat;
}
@media print, screen and (min-width: 40em) {
  .webinar-aanmelden__form select {
    margin-top: 3px;
  }
}
.webinar-aanmelden__form input::-moz-placeholder {
  color: #505050;
}
.webinar-aanmelden__form input::placeholder {
  color: #505050;
}
.webinar-aanmelden__form button {
  width: 100%;
  padding-top: 2px !important;
}
@media print, screen and (min-width: 40em) {
  .webinar-aanmelden__form button {
    width: 30%;
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 3px;
  }
}
.webinar-aanmelden__form button .cf-button__text {
  padding-top: 3px;
  margin: -2px 15px 0 15px;
}
@media print {
  .webinar-aanmelden {
    display: none !important;
  }
}

.opleidingsbudget {
  padding: 20px;
}
.opleidingsbudget__titel {
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  font-size: 1.5625rem;
  color: white;
  font-weight: 800;
  margin: 0;
  text-align: center;
}
.opleidingsbudget__text {
  color: white;
  text-align: center;
  margin-bottom: 20px;
}
.opleidingsbudget__form__list {
  list-style-type: none;
}
.opleidingsbudget__form input, .opleidingsbudget__form select {
  margin-bottom: 15px;
  border-radius: 5px;
  padding: 0.65em;
}
@media print, screen and (min-width: 40em) {
  .opleidingsbudget__form input.halfwidth {
    width: 49.3%;
    display: inline-block;
  }
}
.opleidingsbudget__form input::-moz-placeholder, .opleidingsbudget__form textarea::-moz-placeholder {
  color: #505050;
}
.opleidingsbudget__form input::placeholder, .opleidingsbudget__form textarea::placeholder, .opleidingsbudget__form select option:first-child {
  color: #505050;
}
.opleidingsbudget__form button {
  width: 100%;
}
.opleidingsbudget__form button .cf-button__text {
  margin: -2px 15px 0 15px;
}
.opleidingsbudget__form__voorwaarden {
  font-size: 0.875rem;
}
.opleidingsbudget__form__voorwaarden input {
  margin-bottom: 0px;
}
@media print {
  .opleidingsbudget {
    display: none !important;
  }
}

@media print {
  .training-container {
    margin-top: 100px;
  }
}

.eventpage {
  overflow: unset;
}
@media print, screen and (min-width: 40em) {
  .eventpage {
    overflow: hidden;
  }
}
@media print, screen and (min-width: 64em) {
  .eventpage {
    overflow: initial;
  }
}

.eventpage > .column, .eventpage > .columns {
  padding: 0px;
}

.scroll-up .event__submenu {
  top: 0px;
}
@media print, screen and (min-width: 64em) {
  .scroll-up .event__submenu {
    top: 74px;
  }
}

.scroll-down .event__submenu {
  top: 0px;
}

.step {
  margin: 15px 0px;
}

.fatfrank {
  font-family: "Lexend", sans-serif;
}

.events__nextup {
  padding: 0px !important;
  margin-top: 30px;
  box-shadow: 0px 12px 40px 0px rgba(157, 171, 192, 0.2);
  border-radius: 8px;
}
@media print, screen and (min-width: 64em) {
  .events__nextup {
    min-height: 400px;
  }
}
.events__nextup__container {
  width: 100%;
}
@media print, screen and (min-width: 40em) {
  .events__nextup__container {
    display: flex;
    flex-direction: column;
  }
}
@media print, screen and (min-width: 64em) {
  .events__nextup__container {
    flex-direction: row;
  }
}
.events__nextup__fulllabel {
  display: inline-block;
  padding: 7px 30px;
  background-color: yellow;
  border-radius: 5px;
  font-size: 1.4rem;
  font-weight: bold;
  position: absolute;
  right: 35px;
  margin-top: 10px;
}
@media print, screen and (min-width: 40em) {
  .events__nextup__fulllabel {
    right: 35px;
    margin-top: 10px;
  }
}
@media print, screen and (min-width: 64em) {
  .events__nextup__fulllabel {
    right: 25px;
    margin-top: 10px;
  }
}
.events__nextup__text {
  border-radius: 0px 0px 8px 8px;
}
@media print, screen and (min-width: 40em) {
  .events__nextup__text {
    border-radius: 0px 8px 8px 0px;
  }
}
@media print, screen and (min-width: 64em) {
  .events__nextup__text {
    padding: 0px;
    display: flex;
  }
}
.events__nextup__text__container {
  margin: auto auto;
  width: 94%;
  background-color: white;
  padding: 20px !important;
  background: white;
}
@media print, screen and (min-width: 40em) {
  .events__nextup__text__container {
    width: 98%;
    padding: 30px !important;
  }
}
@media print, screen and (min-width: 64em) {
  .events__nextup__text__container {
    margin: inherit;
    width: 100%;
    padding: 50px !important;
    align-self: center;
  }
}
.events__nextup__text__container .cf-button__text {
  display: flex;
}
.events__nextup__text__container .cf-button__text svg {
  filter: invert(99%) sepia(6%) saturate(23%) hue-rotate(249deg) brightness(106%) contrast(100%);
}
.events__nextup__text__container a:hover svg {
  filter: invert(9%) sepia(40%) saturate(4457%) hue-rotate(230deg) brightness(100%) contrast(94%);
}
.events__nextup__text__title {
  font-size: 1.5rem !important;
}
.events__nextup__text__date {
  font-size: 1.15rem;
  font-weight: 600;
  opacity: 0.53;
  margin-bottom: 20px;
}
.events__nextup__text p {
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  margin: 12px 0px 20px 0px;
}
.events__nextup__text__titlehome {
  font-size: 30px !important;
}
.events__nextup__cta {
  padding-top: 50px;
}
.events__nextup__media {
  text-align: center;
  height: 100%;
  position: relative;
}
@media print, screen and (min-width: 40em) {
  .events__nextup__media {
    padding-top: 0.9375rem;
    padding-bottom: 0.9375rem;
  }
}
@media print, screen and (min-width: 64em) {
  .events__nextup__media {
    padding-left: 0px;
    padding-right: 0px;
  }
}
.events__nextup__media__movie, .events__nextup__media__image {
  margin: auto auto;
  width: 94%;
  height: 100%;
  border-radius: 8px 8px 0px 0px;
}
@media print, screen and (min-width: 64em) {
  .events__nextup__media__movie, .events__nextup__media__image {
    border-radius: 8px 0px 0px 8px;
  }
}
@media print, screen and (min-width: 40em) {
  .events__nextup__media__movie, .events__nextup__media__image {
    margin: inherit;
    width: 100%;
    height: 240px;
  }
}
@media print, screen and (min-width: 64em) {
  .events__nextup__media__movie, .events__nextup__media__image {
    width: 100%;
    height: 100%;
  }
}
.events__nextup__media__image {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  height: 160px;
}
@media print, screen and (min-width: 40em) {
  .events__nextup__media__image {
    height: 100%;
  }
}
@media screen and (min-width: 75em) {
  .events__nextup__media__image {
    height: 100%;
  }
}
.events__nextup__media__image.lazy {
  background-image: none !important;
}
.events__upcoming.home {
  padding-left: 1.4rem;
  padding-right: 1.4rem;
}
.events__upcoming__event {
  margin-top: 50px;
}
.events__upcoming__event__container {
  width: 94%;
  background-color: white;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.16);
  border-radius: 5px;
  border: 1px solid #EDEDED;
  height: inherit;
  margin: auto auto;
}
.events__upcoming__event__image {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  height: 160px;
}
@media print, screen and (min-width: 40em) {
  .events__upcoming__event__image {
    height: 240px;
  }
}
@media screen and (min-width: 75em) {
  .events__upcoming__event__image {
    height: 340px;
  }
}
.events__upcoming__event__information {
  padding: 30px;
}
.events__upcoming__event__date {
  font-size: 1.15rem;
  font-weight: 600;
}
.events__upcoming__event p {
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  margin: 12px 0px 20px 0px;
}
.events__planned {
  margin-top: 30px;
}
@media print, screen and (min-width: 40em) {
  .events__planned {
    padding-left: 2% !important;
    padding-right: 2% !important;
  }
}
@media print, screen and (min-width: 64em) {
  .events__planned__text {
    padding: 0px;
  }
}
.events__planned__text__container {
  margin: auto auto;
  width: 94%;
  background-color: white;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.16);
  padding: 30px !important;
}
@media print, screen and (min-width: 40em) {
  .events__planned__text__container {
    width: 98%;
  }
}
@media print, screen and (min-width: 64em) {
  .events__planned__text__container {
    margin: inherit;
    width: 100%;
    padding: 30px !important;
  }
}
.events__planned__text__date {
  font-size: 1.15rem;
  font-weight: 600;
  margin-bottom: 20px;
}
.events__planned__text p {
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  margin: 12px 0px 20px 0px;
}
.events__planned__cta {
  padding-top: 50px;
}
.events__planned__media {
  text-align: center;
}
@media print, screen and (min-width: 64em) {
  .events__planned__media {
    padding-left: 0px;
    padding-right: 0px;
  }
}
.events__planned__media__movie, .events__planned__media__image {
  margin: auto auto;
  width: 94%;
  height: 100%;
}
@media print, screen and (min-width: 40em) {
  .events__planned__media__movie, .events__planned__media__image {
    margin: inherit;
    width: 98%;
    height: 240px;
  }
}
@media print, screen and (min-width: 64em) {
  .events__planned__media__movie, .events__planned__media__image {
    width: 100%;
    height: 100%;
  }
}
.events__planned__media__image {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  height: 160px;
}
@media print, screen and (min-width: 40em) {
  .events__planned__media__image {
    height: 100%;
  }
}
@media screen and (min-width: 75em) {
  .events__planned__media__image {
    height: 100%;
  }
}
.events__missed {
  margin-top: 30px;
}
@media print, screen and (min-width: 64em) {
  .events__missed__text {
    padding: 0px;
  }
}
@media print, screen and (min-width: 64em) {
  .events__missed__text__title {
    min-height: 87px;
  }
}
.events__missed__text__container {
  margin: auto auto;
  width: 94%;
  background-color: white;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.16);
  padding: 30px !important;
}
@media print, screen and (min-width: 40em) {
  .events__missed__text__container {
    width: 98%;
  }
}
@media print, screen and (min-width: 64em) {
  .events__missed__text__container {
    margin: inherit;
    width: 100%;
    padding: 30px !important;
  }
}
@media print, screen and (min-width: 64em) {
  .events__missed__text__container p {
    min-height: 225px;
  }
}
.events__missed__text__date {
  font-size: 1.15rem;
  font-weight: 600;
}
.events__missed__text p {
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  margin: 12px 0px 20px 0px;
}
.events__missed__cta {
  padding-top: 50px;
}
.events__missed__media {
  text-align: center;
  position: relative;
}
@media print, screen and (min-width: 64em) {
  .events__missed__media {
    padding-left: 0px;
    padding-right: 0px;
  }
}
.events__missed__media__movie, .events__missed__media__image {
  margin: auto auto;
  width: 94%;
  height: 100%;
}
@media print, screen and (min-width: 40em) {
  .events__missed__media__movie, .events__missed__media__image {
    margin: auto auto;
    width: 98%;
    height: 240px;
  }
}
@media print, screen and (min-width: 64em) {
  .events__missed__media__movie, .events__missed__media__image {
    width: 100%;
    height: 240px;
  }
}
.events__missed__media__image {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  height: 160px;
}
@media print, screen and (min-width: 40em) {
  .events__missed__media__image {
    height: 100%;
    height: 240px;
  }
}
@media screen and (min-width: 75em) {
  .events__missed__media__image {
    height: 100%;
    height: 240px;
  }
}
.events__missed__media__image.lazy {
  background-image: none !important;
}
.events__images > .row > .column, .events__images > .row > .columns {
  padding-left: 20px;
  padding-right: 20px;
}
.events__images__row {
  padding-top: 40px !important;
}
@media print, screen and (min-width: 64em) {
  .events__images__row {
    padding: 40px 0px !important;
  }
}
.events__images__slider__image div {
  padding: 20px;
}
.events__images .slick-dots li button:before {
  font-size: 1.8rem;
}
.events__images .slick-prev:before, .events__images .slick-next:before {
  color: black;
  font-size: 1.5rem;
}
.events__images .snap-slider .rf-cards-scroller-crop {
  height: 18rem;
}
@media print, screen and (min-width: 64em) {
  .events__images .snap-slider .rf-cards-scroller-crop {
    height: 37rem;
  }
}
.events__images .snap-slider .rf-ccard-40 .rf-ccard-content {
  width: 24rem;
  height: 17rem;
}
@media print, screen and (min-width: 64em) {
  .events__images .snap-slider .rf-ccard-40 .rf-ccard-content {
    width: 65rem;
    height: 36rem;
  }
}
.events__images .snap-slider .rf-ccard-img-full-wrapper img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
}

.event__actiebalk {
  background: #02ABAC;
}
.event__actiebalk__row .column, .event__actiebalk__row .columns {
  text-align: center;
  color: white;
  padding: 7px 0px;
  font-size: 0.95rem;
}
.event__actiebalk__row .column .bold, .event__actiebalk__row .columns .bold {
  font-weight: bold;
}
.event__banner {
  background-position: center center;
  background-size: cover;
  position: relative;
}
.event__banner__image {
  padding: 60px 20px;
  background-position: center center;
  background-size: cover;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.1));
}
@media print, screen and (min-width: 64em) {
  .event__banner__image {
    padding: 60px 20px;
  }
}
@media print, screen and (min-width: 64em) {
  .event__banner__image {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.6), transparent, rgba(0, 0, 0, 0.1));
  }
}
.event__banner__image.metteaser {
  padding-bottom: 0px;
}
.event__banner__image.banner_metTeaser_ai_campagne {
  padding: 0px 20px;
}
.event__banner.ai-campange {
  background-position: -50% !important;
  background-repeat: no-repeat;
  background-color: #bfbfbf;
}
@media screen and (min-width: 26.875em) {
  .event__banner.ai-campange {
    background-position: -250% !important;
  }
}
@media print, screen and (min-width: 40em) {
  .event__banner.ai-campange {
    background-position: center center !important;
  }
}
.event__banner.ai-campange .ai-campange__yougotthis {
  height: 30px;
  width: 35px;
  top: 5px;
  position: absolute;
  right: 50px;
}
@media print, screen and (min-width: 40em) {
  .event__banner.ai-campange .ai-campange__yougotthis {
    height: 75px;
    width: 85px;
    top: 40px;
    right: 30px;
  }
}
.event__banner__title h1 {
  font-size: 2rem;
  letter-spacing: 0px;
  text-align: center;
  line-height: 1.1;
  color: white;
  margin-bottom: 1.4rem;
}
@media print, screen and (min-width: 64em) {
  .event__banner__title h1 {
    font-size: 50px;
  }
}
.event__banner__title h2 {
  letter-spacing: 0px;
  font-weight: 600;
  margin-bottom: 1.2rem !important;
  font-size: 1.25rem;
}
.event__banner__title.title_AI_campagne {
  margin-top: 35px;
}
@media print, screen and (min-width: 64em) {
  .event__banner__title.title_AI_campagne {
    margin-top: 50px;
  }
}
.event__banner__title.title_AI_campagne.hide-for-large .column, .event__banner__title.title_AI_campagne.hide-for-large .columns {
  padding: 0 2rem;
}
.event__banner__title.title_AI_campagne h1 {
  font-size: 20px;
  font-weight: 800;
  color: #1E225C;
  letter-spacing: -0.4px;
  font-family: "Lexend", sans-serif;
  text-align: start;
  margin-bottom: 10px;
}
@media print, screen and (min-width: 40em) {
  .event__banner__title.title_AI_campagne h1 {
    text-align: start;
    font-size: 35px;
    letter-spacing: -0.7px;
  }
}
@media print, screen and (min-width: 64em) {
  .event__banner__title.title_AI_campagne h1 {
    text-align: center;
    font-size: 35px;
    letter-spacing: -0.7px;
    margin-bottom: 25px;
  }
}
.event__banner__title.title_AI_campagne h2 {
  margin-top: 34px;
  color: #10133E;
  font-size: 17px;
  font-family: "Poppins", sans-serif;
  letter-spacing: 0px;
}
.event__banner__data {
  color: white;
  margin-top: 20px;
}
.event__banner__data__date, .event__banner__data__location, .event__banner__data__price {
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  font-size: 1rem;
  text-align: center;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 15px;
}
@media print, screen and (min-width: 64em) {
  .event__banner__data__date, .event__banner__data__location, .event__banner__data__price {
    font-size: 19px;
  }
}
.event__banner__data__date span, .event__banner__data__location span, .event__banner__data__price span {
  color: white;
}
.event__banner__data__date .fa, .event__banner__data__date .svg-inline--fa, .event__banner__data__location .fa, .event__banner__data__location .svg-inline--fa, .event__banner__data__price .fa, .event__banner__data__price .svg-inline--fa {
  font-size: 1.1rem;
  display: inline-block;
  font-weight: normal;
  color: white;
}
@media print, screen and (min-width: 64em) {
  .event__banner__data__date .fa, .event__banner__data__date .svg-inline--fa, .event__banner__data__location .fa, .event__banner__data__location .svg-inline--fa, .event__banner__data__price .fa, .event__banner__data__price .svg-inline--fa {
    font-size: 1.25rem;
  }
}
.event__banner__data__date svg path, .event__banner__data__location svg path, .event__banner__data__price svg path {
  fill: white;
}
.event__banner__intro {
  margin-top: 20px;
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-display: fallback;
}
.event__banner__intro p {
  color: white;
  font-weight: 500;
  font-size: 14px;
}
@media print, screen and (min-width: 64em) {
  .event__banner__intro p {
    font-size: 17px;
    font-weight: medium;
  }
}
.event__banner__signup {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 60px;
}
.event__banner__signup__container {
  background-color: white;
  border-radius: 12px;
  padding: 15px;
}
@media print, screen and (min-width: 64em) {
  .event__banner__signup__container {
    display: flex;
    justify-content: space-between;
  }
}
.event__banner__signup__container__text {
  margin-bottom: 15px;
}
@media print, screen and (min-width: 64em) {
  .event__banner__signup__container__text {
    margin-bottom: 0px;
  }
}
.event__banner__signup__container__text .strong {
  font-weight: bold;
  font-size: 16px;
}
@media print, screen and (min-width: 64em) {
  .event__banner__signup__container__text .strong {
    font-size: 18px;
  }
}
.event__banner__signup__container__text p {
  margin-bottom: 0px;
}
.event__banner__signup__container__button a, .event__banner__signup__container__button button {
  margin-bottom: 0px;
}
.event__banner__signup.banner-box_AI_campagne {
  margin-bottom: 0px;
}
@media print, screen and (min-width: 64em) {
  .event__banner__signup.banner-box_AI_campagne {
    margin-top: 200px;
    margin-bottom: 0px;
  }
}
.event__banner__signup.banner-box_AI_campagne .split-header__container {
  border-radius: 4px 12px 12px 12px;
  width: -moz-fit-content;
  width: fit-content;
}
.event__banner__signup.banner-box_AI_campagne .split-header__container .training-header__uspblock__block {
  -moz-column-gap: 35px;
       column-gap: 35px;
}
.event__banner__signup.banner-box_AI_campagne .split-header__container .training-header__uspblock__block__item {
  width: -moz-fit-content;
  width: fit-content;
}
.event__banner__signup.banner-box_AI_campagne .split-header__container .training-header__uspblock__block__item__image {
  width: 16px;
}
.event__banner__signup.banner-box_AI_campagne .split-header__container .training-header__uspblock__block__item__text {
  font-weight: 400;
  font-size: 13px;
}
@media print, screen and (min-width: 40em) {
  .event__banner__signup.banner-box_AI_campagne .split-header__container .training-header__uspblock__block__item__text {
    font-size: 0.9375rem;
  }
}
.event__banner__signup.banner-box_AI_campagne .split-header__container .banner-score-span {
  letter-spacing: -0.15px;
  color: #1E225C;
  font-weight: bold;
}
.event__banner__signup.banner-box_AI_campagne .split-header__container .split-header__container__lower {
  border-top: none;
  padding: 0px 20px;
  padding-bottom: 10px;
}
@media print, screen and (min-width: 40em) {
  .event__banner__signup.banner-box_AI_campagne .split-header__container .split-header__container__lower {
    padding-bottom: 0px;
    padding-left: 25px;
    padding-bottom: 25px;
  }
}
.event__banner__signup.banner-box_AI_campagne .split-header__container .split-header__container__lower__button {
  display: flex;
  gap: 5px;
  flex-direction: column;
}
@media print, screen and (min-width: 40em) {
  .event__banner__signup.banner-box_AI_campagne .split-header__container .split-header__container__lower__button {
    flex-direction: row;
    gap: 15px;
  }
}
.event__banner__signup.banner-box_AI_campagne .split-header__container .split-header__container__lower__button button {
  margin-bottom: 0px;
  padding: 7px 10px;
}
@media print, screen and (min-width: 40em) {
  .event__banner__signup.banner-box_AI_campagne .split-header__container .split-header__container__lower__button button {
    padding: 7px 10px;
    padding: 13px 20px;
  }
}
.event__banner__signup.banner-box_AI_campagne .split-header__container .split-header__container__lower__button .ai-campange-button1 {
  margin-bottom: 0px;
  text-decoration: none;
}
.event__banner__signup.banner-box_AI_campagne .split-header__container .split-header__container__lower__button .ai-campange-button1 span {
  font-weight: 500;
}
@media print, screen and (min-width: 40em) {
  .event__banner__signup.banner-box_AI_campagne .split-header__container .split-header__container__lower__button .ai-campange-button1:hover {
    padding-right: 20px;
  }
}
.event__banner__signup.banner-box_AI_campagne .split-header__container .split-header__container__lower__button .ai-campange-button2 {
  border: 1px solid #DDDDDD;
  justify-content: start;
}
.event__banner__signup.banner-box_AI_campagne .split-header__container .split-header__container__lower__button .ai-campange-button2 span {
  width: 100%;
  font-weight: 400;
}
@media print, screen and (min-width: 40em) {
  .event__banner__signup.banner-box_AI_campagne .split-header__container .split-header__container__lower__button .ai-campange-button2 span {
    width: auto;
  }
}
.event__banner__signup.banner-box_AI_campagne .split-header__container .split-header__container__lower__button .ai-campange-button2 .cf-button__icon {
  margin-left: 0px;
  margin-right: 5px;
  width: auto;
}
@media print, screen and (min-width: 40em) {
  .event__banner__signup.banner-box_AI_campagne .split-header__container .split-header__container__lower__button .ai-campange-button2 .cf-button__icon {
    margin-right: 5px;
  }
}
@media print, screen and (min-width: 40em) {
  .event__banner__signup.banner-box_AI_campagne .split-header__container .split-header__container__lower__button .ai-campange-button2:hover {
    padding-right: 20px;
  }
}
.event__banner__signup-subtext {
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  margin-top: 15px;
  text-align: center;
  font-weight: bold;
  color: white;
}
.event__banner__signup-subtext p {
  font-size: 0.9rem;
  color: white;
}
.event__banner__teaser {
  margin-top: 60px;
}
@media print, screen and (min-width: 64em) {
  .event__banner__teaser {
    margin-top: 120px;
  }
}
.event__banner__teaser__container {
  display: flex;
  align-items: center;
  gap: 20px;
}
.event__banner__teaser__container__image img {
  width: 80px;
  transform: rotate(-10deg);
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
.event__banner__teaser__container__text p {
  color: white;
  margin-bottom: 0px;
  font-weight: 600;
}
@media print, screen and (min-width: 64em) {
  .event__banner__teaser__container__text p {
    font-size: 17px;
  }
}
.event__banner__teaser__container__icon img {
  filter: invert(99%) sepia(22%) saturate(3%) hue-rotate(226deg) brightness(115%) contrast(100%);
}
@media screen and (max-width: 39.9375em) {
  .event__banner .cf-button {
    height: auto;
    padding: 12px 7px !important;
  }
  .event__banner .cf-button__text {
    margin: 0px !important;
    padding: 0px;
  }
}
.event__banner--leftaligned.aitools {
  background-position: 45% 50%;
}
@media print, screen and (min-width: 40em) {
  .event__banner--leftaligned.aitools {
    background-position: 0% 50%;
  }
}
.event__banner--leftaligned .event__banner__title h1 {
  text-align: left;
}
.event__banner--leftaligned .event__banner__data__date, .event__banner--leftaligned .event__banner__data__location, .event__banner--leftaligned .event__banner__data__price {
  text-align: left;
}
.event__banner--leftaligned .event__banner__data:not(:first-of-type) {
  margin-top: 5px;
}
.event__banner--leftaligned .event__banner__intro {
  text-align: left;
}
.event__banner--leftaligned .event__banner__signup {
  text-align: left;
}
.event__banner--leftaligned .event__banner__signup-subtext {
  text-align: left;
}
.event__submenu {
  margin-top: 75px;
  border-bottom: 1px solid #D6D6D6;
  position: sticky;
  top: 0px;
  background-color: white;
  z-index: 6;
  overflow-x: scroll;
}
@media print, screen and (min-width: 64em) {
  .event__submenu {
    top: 74px;
  }
}
.event__submenu .submenu-desktop {
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  transition: top 400ms, box-shadow 400ms;
}
.event__submenu .submenu-desktop li.menu-item a {
  padding-bottom: 8px;
}
.event__submenu__signup {
  display: flex;
  align-items: center;
  gap: 25px;
}
.event__submenu__signup__notice p {
  margin-bottom: 0px;
}
.event__submenu__signup__notice__title {
  font-weight: bold;
}
.event__submenu__signup__button a, .event__submenu__signup__button button {
  margin-bottom: 0px;
}
.event__intro {
  margin-top: 50px !important;
}
.event__intro__text {
  padding-bottom: 60px;
  padding-left: 20px;
  padding-right: 20px;
}
@media print, screen and (min-width: 64em) {
  .event__intro__text {
    padding-bottom: 0px;
    padding-right: 40px;
  }
}
.event__intro__text h2 {
  margin-bottom: 25px;
  letter-spacing: 0px;
}
.event__intro__text p {
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  margin-bottom: 25px;
}
.event__intro__text a {
  font-weight: 600;
}
.event__intro__text a .fa, .event__intro__text a .svg-inline--fa {
  font-size: 1.5rem;
  margin-right: 15px;
  display: inline-block;
  font-weight: normal;
}
.event__intro__text #videoplayer-container {
  background-image: url(https://www.competencefactory.nl/wordpress/wp-content/uploads/2024/02/Richard-van-Hooijdonk2.jpg);
  height: 200px;
  background-position: 50% 40%;
  border-radius: 12px;
  background-size: cover;
}
@media print, screen and (min-width: 64em) {
  .event__intro__text #videoplayer-container {
    height: 300px;
    background-position: 50% 25%;
  }
}
.event__intro__text #videoplayer-container .vid-icon {
  max-height: 120px;
  max-width: 120px;
  line-height: 1;
}
.event__intro__movie {
  padding-left: 20px;
  padding-right: 20px;
}
.event__intro__movie small {
  font-style: italic;
  font-size: 1.15rem;
  color: #464646;
}
.event__intro__movie iframe {
  width: 100%;
  height: 315px;
}
.event__intro .row-divider {
  position: absolute;
  display: block;
  width: 0px;
  height: 0px;
  content: " ";
  border-left: 40px solid transparent;
  border-right: 40px solid transparent;
  border-top: 40px solid white;
  left: 50%;
  margin-left: -40px;
  margin-top: 60px;
}
.event__speakers {
  background-color: #f2f8ff;
}
.event__speakers__row {
  padding: 40px 0px;
  padding-bottom: 0px;
}
.event__speakers__row__section {
  margin: 20px 0px;
  padding: 20px;
  background: white;
  border-radius: 10px;
}
.event__speakers__row__section__title {
  font-size: 1.4rem;
  text-transform: uppercase;
  color: #ff5055;
  text-align: center;
  font-weight: 800;
  margin: 0 auto;
  letter-spacing: 0px;
}
.event__speakers__speaker {
  padding-bottom: 40px;
}
.event__speakers__speaker__padding {
  margin: 10px;
}
.event__speakers__speaker__photo {
  height: 300px;
  border-radius: 10px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: gray;
  margin-bottom: 20px;
}
.event__speakers__speaker__name {
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  font-size: 1.2rem;
  font-weight: 700;
  color: #1e225d;
}
.event__speakers__speaker__function {
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  font-size: 0.9rem;
  color: #1e225d;
}
.event__speakers .slick-dots li button:before {
  font-size: 1.8rem;
}
.event__speakers .slick-prev:before, .event__speakers .slick-next:before {
  color: black;
  font-size: 1.5rem;
}
.event__speakers__cta {
  text-align: center;
}
.event__speakers__cta a {
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  font-size: 1.15rem;
  font-weight: 600;
}
.event__program > .row > .column, .event__program > .row > .columns {
  padding-left: 20px;
  padding-right: 20px;
}
.event__program__timeline {
  padding-bottom: 60px;
}
@media print, screen and (min-width: 40em) {
  .event__program__timeline {
    padding-bottom: 0px;
  }
}
.event__program__timeline h2 {
  margin-bottom: 50px !important;
}
.event__program__timeline h3 {
  text-transform: uppercase;
}
.event__program__timeline__container {
  position: relative;
}
.event__program__timeline__container__background {
  background-image: url("/images/timeline-dash.png");
  background-repeat: repeat-y;
  background-position: 9% 0%;
  background-size: 5px;
  height: 100%;
  width: 100%;
  position: absolute;
}
.event__program__item {
  box-shadow: 2px 4px 15px rgba(46, 60, 75, 0.101);
  border-radius: 12px;
  background: white;
  position: relative;
  z-index: 1;
  margin-bottom: 20px;
}
.event__program__item .small-3 {
  display: flex;
  align-items: center;
}
.event__program__item .small-3.starttimeline:before {
  position: absolute;
  content: " ";
  background-color: white;
  width: 50px;
  height: 50px;
  margin-top: -40px;
}
.event__program__item .small-3.endtimeline:before {
  position: absolute;
  content: " ";
  background-color: white;
  width: 50px;
  height: 50px;
  margin-top: 40px;
}
.event__program__item__icon {
  z-index: 4;
  position: relative;
  text-align: center;
  background-color: white;
}
.event__program__item__icon img {
  margin-top: 12px;
}
@media print, screen and (min-width: 40em) {
  .event__program__item__icon img {
    margin-top: 15px;
  }
}
.event__program__item__icon.red {
  background-color: #ff5055;
}
.event__program__item__data {
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 15px;
}
@media print, screen and (min-width: 40em) {
  .event__program__item__data {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
.event__program__item__data.notimeline {
  padding: 10px;
  padding-top: 5px;
}
@media print, screen and (min-width: 40em) {
  .event__program__item__data.notimeline {
    padding-top: 25px;
  }
}
.event__program__item__time {
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  font-size: 1.15rem;
  color: #1e225d;
}
.event__program__item__title {
  color: #1e225d;
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  font-size: 1.15rem;
  font-weight: 700;
}
.event__program__item__title.alt {
  color: white;
}
.event__program__benefit h3 {
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  font-size: 20px !important;
  font-weight: 600;
}
@media print, screen and (min-width: 64em) {
  .event__program__benefit h3 {
    font-size: 30px !important;
    margin-bottom: 30px;
  }
}
.event__program__signup {
  margin-top: 60px;
  box-shadow: 0px 10px 40px rgba(142, 151, 165, 0.203);
  border-radius: 12px;
}
@media print, screen and (min-width: 64em) {
  .event__program__signup {
    margin-top: 100px;
  }
}
.event__program__signup__header {
  border-bottom: 1px solid #D6D6D6;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  display: flex;
  align-items: center;
  gap: 25px;
}
@media print, screen and (min-width: 64em) {
  .event__program__signup__header {
    padding: 30px;
    gap: 100px;
  }
}
.event__program__signup__header__image img {
  width: 80px;
  margin-top: -30px;
  transform: rotate(-10deg);
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
@media print, screen and (min-width: 64em) {
  .event__program__signup__header__image img {
    width: 120px;
  }
}
.event__program__signup__header__text strong {
  color: #1e225d;
}
.event__program__signup__header__text ul {
  list-style-type: none;
  margin: 0;
}
.event__program__signup__header__text li {
  font-weight: medium;
}
@media print, screen and (min-width: 64em) {
  .event__program__signup__header__text li {
    font-size: 17px;
  }
}
.event__program__signup__footer {
  padding: 15px;
  padding-top: 20px;
  padding-bottom: 25px;
}
@media print, screen and (min-width: 64em) {
  .event__program__signup__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    padding: 30px;
  }
}
.event__program__signup__footer .event__program__signup__notice {
  margin-bottom: 15px;
}
@media print, screen and (min-width: 64em) {
  .event__program__signup__footer .event__program__signup__notice {
    margin-bottom: 0px;
  }
}
.event__program__signup__footer .event__program__signup__notice p {
  margin-bottom: 0px;
}
.event__program__signup__footer .event__program__signup__notice__title {
  font-weight: bold;
  font-size: 16px;
}
@media print, screen and (min-width: 64em) {
  .event__program__signup__footer .event__program__signup__notice__title {
    font-size: 18px;
  }
}
.event__program__signup__footer .event__program__signup__button a, .event__program__signup__footer .event__program__signup__button button {
  margin-bottom: 0px;
}
.event__program__who {
  font-family: "Poppins", sans-serif;
  font-display: fallback;
}
.event__program__who__icon {
  margin-left: auto;
  margin-right: auto;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  margin-bottom: 10px;
  text-align: center;
  background: white;
  border: 1px solid #3BC3BE;
}
@media print, screen and (min-width: 40em) {
  .event__program__who__icon {
    margin-left: 0;
    margin-right: 0;
  }
}
.event__program__who__icon img {
  margin-top: 15px;
  width: 50px;
  height: 50px;
}
.event__program__who__icon.red {
  background-color: #ff5055;
}
.event__program__where {
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  margin-top: 50px;
}
.event__program__where__icon {
  margin-left: auto;
  margin-right: auto;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  margin-bottom: 10px;
  text-align: center;
  box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.26);
}
@media print, screen and (min-width: 40em) {
  .event__program__where__icon {
    margin-left: 0;
    margin-right: 0;
  }
}
.event__program__where__icon img {
  margin-top: 15px;
  width: 50px;
  height: 50px;
}
.event__program__where__icon.red {
  background-color: #ff5055;
}
.event__cta {
  background-color: #1e225d;
  background: linear-gradient(rgba(30, 34, 93, 0.9), rgba(30, 34, 93, 0.9)), url("https://www.competencefactory.nl/wordpress/wp-content/uploads/2019/04/17fd32ac-e683-40d9-91d4-5be030745aba.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}
.event__cta .programitems {
  margin: 10px 0px;
}
.event__cta__usps {
  list-style-type: none;
  margin-left: 0px;
}
.event__cta__usps__usp {
  display: inline-block;
  width: 80%;
  margin-left: 0px;
}
@media print, screen and (min-width: 64em) {
  .event__cta__usps__usp {
    margin-left: 15px;
  }
}
.event__cta__usps li {
  display: flex;
  align-items: center;
  width: 100%;
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  font-size: 1rem;
  font-weight: medium;
  margin-top: 16px;
}
.event__cta__usps li .fa, .event__cta__usps li .svg-inline--fa {
  font-size: 1rem;
  margin-right: 15px;
  display: inline-block;
  font-weight: normal;
  vertical-align: top;
}
.event__cta__usps li svg:not(.svg-inline--fa) path {
  fill: #1E225C;
}
.event__cta__usps--light .event__cta__usps__usp {
  color: white;
}
.event__cta__usps--light li {
  color: white;
}
.event__cta__usps--light li .fa, .event__cta__usps--light li .svg-inline--fa {
  color: white;
}
.event__cta__form {
  padding-bottom: 30px;
}
@media print, screen and (min-width: 40em) {
  .event__cta__form {
    padding-bottom: 0px;
  }
}
.event__cta h2 {
  color: white;
  text-transform: initial;
}
.event__cta .evenementform {
  margin-top: 35px;
  margin-bottom: 0px;
}
.event__cta .evenementform .column, .event__cta .evenementform .columns {
  padding: 0px;
}
.event__cta .evenementform .evenement-aanmelden__form input, .event__cta .evenementform .evenement-aanmelden__form button {
  width: 100%;
  margin-bottom: 20px;
}
.event__cta .evenementform .evenement-aanmelden__form button {
  padding-top: 0px !important;
}
.event__speakers-about {
  overflow: hidden;
}
.event__speakers-about h2 {
  margin-bottom: 60px !important;
}
.event__speakers-about .speaker-grid {
  gap: 20px;
  padding-left: 20px !important;
  padding-right: 20px !important;
  position: relative;
}
@media print, screen and (min-width: 64em) {
  .event__speakers-about .speaker-grid {
    gap: 40px;
  }
}
.event__speakers-about .speaker-grid::before {
  height: 50%;
  width: 10%;
  left: -20px;
  bottom: -50px;
  content: "";
  background-image: url(/images/dot-bgv5.svg);
  position: absolute;
  background-repeat: repeat;
  z-index: -1;
  background-position: center;
  background-size: 45px;
}
.event__speakers-about .speaker-grid::after {
  top: -120px;
  right: -30px;
  height: 40%;
  width: 15%;
  content: "";
  background-image: url(/images/dot-bgv5.svg);
  position: absolute;
  background-repeat: repeat;
  z-index: -1;
  background-position: center;
  background-size: 45px;
}
.event__speakers-about .speaker-grid__item {
  box-shadow: 0px 10px 40px rgba(142, 151, 165, 0.203);
  background-color: white;
  border-radius: 12px;
  padding: 30px;
  flex-basis: 100%;
}
@media print, screen and (min-width: 64em) {
  .event__speakers-about .speaker-grid__item {
    flex-basis: 48%;
  }
}
.event__speakers-about .speaker-grid__item__header {
  display: flex;
  align-items: center;
  gap: 15px;
}
@media print, screen and (min-width: 64em) {
  .event__speakers-about .speaker-grid__item__header {
    gap: 20px;
  }
}
.event__speakers-about .speaker-grid__item__header__image {
  flex-basis: 65px;
}
@media print, screen and (min-width: 64em) {
  .event__speakers-about .speaker-grid__item__header__image {
    flex-basis: unset;
  }
}
.event__speakers-about .speaker-grid__item__header__image img {
  max-width: unset;
  width: 65px;
  height: 65px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media print, screen and (min-width: 64em) {
  .event__speakers-about .speaker-grid__item__header__image img {
    width: 110px;
    height: 110px;
  }
}
.event__speakers-about .speaker-grid__item__header__title {
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 0px;
  line-height: 1;
}
.event__speakers-about .speaker-grid__item__header__subtitle {
  margin-top: 5px;
  margin-bottom: 0px;
  font-size: 14px;
}
.event__speakers-about .speaker-grid__item__content {
  margin-top: 25px;
}
.event__speakers-about .speaker-grid__item__content p {
  margin-bottom: 0px;
  font-size: 14px;
}
.event__speakers-about .speaker-grid__item__content ul {
  font-size: 14px;
  margin-bottom: 0px;
}
.event__speakers-about .speaker-grid__item__content ul li {
  padding-left: 10px;
}
.event__speakers-about__speaker {
  margin-bottom: 35px;
}
.event__speakers-about__image {
  width: 125px;
  height: 125px;
  border-radius: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  display: inline-block;
  margin-bottom: 35px;
}
.event__speakers-about p {
  text-align: left;
  font-family: "Poppins", sans-serif;
  font-display: fallback;
}
.event__final-cta {
  text-align: center;
}
.event__final-cta > .row > .column, .event__final-cta > .row > .columns {
  padding-left: 20px;
  padding-right: 20px;
}
.event__final-cta h2 {
  text-transform: initial;
  text-align: left;
}
@media print, screen and (min-width: 64em) {
  .event__final-cta h2 {
    text-align: center;
  }
}
.event__final-cta p {
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  font-size: 1.15rem;
  font-weight: normal;
  text-align: left;
}
@media print, screen and (min-width: 64em) {
  .event__final-cta p {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
}
.event__final-cta p.subtext {
  margin-top: 10px;
  font-size: 0.9rem;
  font-weight: 600;
}
.event__final-cta.yellow {
  background-color: #f7fb00;
}
.event__final-cta.yellow p, .event__final-cta.yellow h2, .event__final-cta.yellow a {
  color: black;
}
.event__joinevent, .event__planned {
  background-color: #f6f6f6;
}
.event__section-divider {
  padding: 0 20px;
}
.event__section-divider .divider-container {
  border-bottom: 1px solid #1e225d;
  width: 100%;
}
.event__section {
  margin: 60px 0px;
}
@media print, screen and (min-width: 64em) {
  .event__section {
    margin: 100px 0px;
  }
}
.event__section.seo-landingpagev3 {
  margin-bottom: 0px;
}
@media print, screen and (min-width: 64em) {
  .event__section.seo-landingpagev3 {
    margin-top: 150px;
  }
}
.event__section.seo-landingpagev3 .seo-landingpagev3__container {
  padding-bottom: 50px;
  padding-top: 50px;
}
.event__section > .row {
  padding: 0px 15px;
}
@media print, screen and (min-width: 40em) {
  .event__section > .row {
    padding: 0px;
  }
}
.event__section__title {
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  font-size: 29px;
  letter-spacing: 0px;
}
@media print, screen and (min-width: 40em) {
  .event__section__title {
    font-size: 39px;
  }
}
.event__section__title.red {
  color: #ff5055;
}
.event__section__subtitle {
  font-size: 1.3rem;
  text-transform: uppercase;
  color: #ff5055;
  font-weight: 800;
  margin-bottom: 5px;
}
.event__section h3 {
  font-size: 1.3rem;
}
.event__section .centered {
  text-align: center;
}
.event__section .fullwidth {
  text-align: center;
}
@media print, screen and (min-width: 64em) {
  .event__section .fullwidth {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
  }
}
.event__section .incompany__process__image {
  margin-bottom: -50px;
}
@media print, screen and (min-width: 64em) {
  .event__section .incompany__process__image {
    margin-bottom: -100px;
  }
}
.event__section--sub {
  border-bottom: 1px solid #8a8a8a;
  margin-bottom: 10px;
}
.event__section--sub:last-of-type {
  margin-bottom: 40px;
}
.event__section--sub__content.closed {
  display: none;
}
.event__section.lastitem {
  margin-bottom: -15px;
}
@media print, screen and (min-width: 40em) {
  .event__section.lastitem {
    margin-bottom: -50px;
  }
}
.event__section--greybg {
  background-color: #F8F8FA;
  padding: 50px 0px;
}
@media print, screen and (min-width: 64em) {
  .event__section--greybg {
    padding: 100px 0px;
  }
}
.event__section-header {
  font-size: 1.25rem;
  margin-bottom: 25px;
  color: #0a0a0a;
}
.event__section-header--sub {
  margin-bottom: 15px;
  cursor: pointer;
  font-size: 1.0625rem;
  font-family: "Poppins", sans-serif;
  font-display: fallback;
}
.event__section-header--sub::before {
  content: "-";
  width: 15px;
  display: inline-block;
  margin-right: 15px;
}
.event__section-header--sub.closed::before {
  content: "+";
}

.rf-ccard-content-withfullimg.eventscard {
  box-shadow: none;
}
@media print, screen and (min-width: 64em) {
  .rf-ccard-content-withfullimg.eventscard {
    width: 731px !important;
  }
}

.events-snapping .rf-cards-scroller-itemview {
  transform: none !important;
}
@media print, screen and (min-width: 40em) {
  .events-snapping .rf-cards-scroller-itemview {
    transform: translateX(calc(max(1380px, 100vw) / 2 - 660px)) !important;
  }
}

.score-ai-campagne-row .column, .score-ai-campagne-row .columns {
  padding: 0 2rem;
}
.score-ai-campagne-row .column .training-header__uspblock__block__item__text, .score-ai-campagne-row .columns .training-header__uspblock__block__item__text {
  font-size: 14px;
}

.score-ai-campagne {
  gap: 3px !important;
  margin-top: 25px;
  margin-bottom: 25px;
}
.score-ai-campagne .start__reviews__ratings__star-full {
  width: 16px;
  height: 16px;
}
.score-ai-campagne__span {
  letter-spacing: -0.15px;
  color: #1E225C;
  font-weight: bold;
}

.AI-campagne-trainingen {
  margin-top: 25px;
  margin-bottom: 25px;
  padding-top: 0;
  padding-bottom: 0;
  background-color: initial;
}
@media print, screen and (min-width: 64em) {
  .AI-campagne-trainingen {
    margin-bottom: 100px;
    margin-top: 100px;
  }
}
.AI-campagne-trainingen__title {
  letter-spacing: -0.45px;
  color: #1E225C;
  font-size: 20px;
  font-weight: 600;
  font-family: "Lexend", "sans-serif";
  padding-left: 2rem;
  padding-right: 2rem;
  margin-bottom: 25px;
}
@media print, screen and (min-width: 64em) {
  .AI-campagne-trainingen__title {
    font-size: 30px;
    margin-bottom: 30px;
  }
}
.AI-campagne-trainingen__title h2 {
  letter-spacing: -0.45px;
  font-size: 20px;
  font-weight: 600;
  font-family: "Lexend", "sans-serif";
}
@media print, screen and (min-width: 64em) {
  .AI-campagne-trainingen__title h2 {
    font-size: 30px;
    margin-bottom: 30px;
  }
}
.AI-campagne-trainingen__title P, .AI-campagne-trainingen__title h2 {
  margin-bottom: 0px;
}
.AI-campagne-trainingen__subtitle {
  padding-left: 2rem;
  padding-right: 2rem;
  margin-bottom: 25px;
}
@media print, screen and (min-width: 64em) {
  .AI-campagne-trainingen__subtitle {
    margin-bottom: 30px;
  }
}
.AI-campagne-trainingen__subtitle h2 {
  letter-spacing: -0.45px;
  font-size: 20px;
  font-weight: 600;
  font-family: "Lexend", "sans-serif";
}
@media print, screen and (min-width: 64em) {
  .AI-campagne-trainingen__subtitle h2 {
    font-size: 30px;
    margin-bottom: 30px;
  }
}
.AI-campagne-trainingen__subtitle P, .AI-campagne-trainingen__subtitle h2 {
  margin-bottom: 0px;
}
.AI-campagne-trainingen.posts .rf-ccard-content {
  height: 470px;
}
@media print, screen and (min-width: 64em) {
  .AI-campagne-trainingen.posts .rf-ccard-content {
    height: 520px;
  }
}

.ai-campagne-springestaward-mobile {
  padding-right: 2rem;
  padding-left: 2rem;
  margin-bottom: 25px;
}

.checkin-success {
  margin: 30px 0;
}
.checkin-success .confirmation-message {
  margin: 30px 0;
  padding: 20px;
  background-color: #f8fff8;
  border-radius: 12px;
  display: flex;
  align-items: center;
  gap: 15px;
}
.checkin-success .confirmation-message .fa-check-circle {
  display: block;
  margin: 0;
  font-size: 40px !important;
  color: #155724 !important;
}
.checkin-success .confirmation-message p {
  color: #155724;
  font-size: 1.2rem;
  margin: 0;
}
.checkin-success .workshop-info {
  margin-top: 30px;
  background: white;
  padding: 20px;
  border-radius: 12px;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.05);
}
.checkin-success .workshop-info h2 {
  font-size: 1.2rem;
  margin-bottom: 15px;
}
.checkin-success .workshop-info ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.checkin-success .workshop-info ul li {
  padding: 10px 0;
  border-bottom: 1px solid #eee;
}
.checkin-success .workshop-info ul li:last-child {
  border-bottom: none;
}
.checkin-success .workshop-info ul li strong {
  color: #1E225C;
  margin-right: 10px;
}
.checkin-details {
  background: white;
  padding: 20px;
  border-radius: 12px;
  box-shadow: 0px 10px 40px rgba(142, 151, 165, 0.203);
}
.checkin-details p {
  margin-bottom: 10px;
}
.checkin-details p:last-child {
  margin-bottom: 0;
}
.checkin-details p strong {
  color: #1E225C;
}
.checkin-warning {
  background-color: #fff3cd;
  border: 1px solid #ffecb5;
  color: #856404;
  padding: 20px;
  border-radius: 12px;
  margin: 20px 0;
}
.checkin-warning h1 {
  color: #856404;
  font-size: 1.5rem;
  margin-bottom: 10px;
}
.checkin-warning p {
  margin: 0;
}

.upcoming-events {
  list-style: none;
  margin: 20px 0;
  padding: 0;
}
.upcoming-events li {
  padding: 15px;
  margin-bottom: 10px;
  background: white;
  border-radius: 8px;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.05);
}

#feedbackWidget {
  position: fixed;
  right: -37px;
  top: 50%;
  /* Adjust for element's height/2 (if known) after rotation */
  /* Assuming the height of the element is 100px before rotation */
  transform: translateY(-50%) rotate(-90deg) translateX(0px);
  border-radius: 8px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  background-color: #1e225d; /* Ensure you define this variable elsewhere in your CSS */
  /* Explicit width and height may help with alignment */
  width: 100px; /* Adjust as necessary */
  height: 27px; /* Adjust as necessary */
  text-align: center;
}
#feedbackWidget a {
  display: inline-block;
  padding-top: 6px;
  color: white;
  font-size: 14px;
  text-decoration: none;
  line-height: 1;
}

.jouwcode__title {
  font-size: 12px;
  letter-spacing: -0.24px;
  margin: 0;
  color: #1C2663;
  font-family: "Poppins", sans-serif;
  margin-bottom: 0px !important;
  text-align: left !important;
}
.jouwcode__kortingscode {
  font-size: 16px;
  color: rgba(28, 38, 99, 0.517);
  border: 2px dashed rgba(28, 38, 99, 0.517);
  border-radius: 8px;
  margin: 0;
  margin-top: 5px;
  margin-bottom: 0px !important;
  width: auto;
  padding: 10px 15px;
  white-space: nowrap;
  display: flex;
  gap: 10px;
  transition: all 400ms;
}
@media print, screen and (min-width: 64em) {
  .jouwcode__kortingscode {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.jouwcode__kortingscode img {
  width: 24px;
  filter: invert(21%) sepia(12%) saturate(3912%) hue-rotate(197deg) brightness(83%) contrast(107%);
  opacity: 0.35;
  transition: all 400ms;
}
.jouwcode__kortingscode:hover {
  color: rgb(28, 38, 99);
  cursor: pointer;
}
.jouwcode__kortingscode:hover img {
  opacity: 1;
}

.diploma-container {
  box-shadow: 0px 15px 30px rgba(42, 62, 82, 0.098);
}

.changeuser {
  text-decoration: underline !important;
}
.changeuser:hover {
  text-decoration: none !important;
}

.vrienduitnodigenEmailPopup {
  position: absolute;
  top: 50% !important;
  transform: translateY(-50%);
  margin-left: 20px;
  margin-right: 20px;
}
@media print, screen and (min-width: 64em) {
  .vrienduitnodigenEmailPopup {
    position: absolute;
    top: 50% !important;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
.vrienduitnodigenEmailPopup__box {
  background: white;
  box-shadow: 0px 3px 10px rgba(42, 62, 82, 0.129);
  border-radius: 12px;
  margin: auto;
  text-align: center;
  padding: 30px;
  position: relative;
}
.vrienduitnodigenEmailPopup__box__title {
  font-size: 22px;
  letter-spacing: -0.44px;
  font-weight: bold;
  margin-bottom: 20px;
  text-align: left;
}
.vrienduitnodigenEmailPopup__box__tekst {
  font-size: 14px;
  margin-bottom: 20px;
  text-align: left;
}
.vrienduitnodigenEmailPopup__box .jouwcode__kortingscode {
  margin-bottom: 20px !important;
}
.vrienduitnodigenEmailPopup__box .form-email label {
  color: #1E225C;
}
.vrienduitnodigenEmailPopup__box .cf-button svg {
  filter: invert(9%) sepia(28%) saturate(6837%) hue-rotate(231deg) brightness(93%) contrast(92%);
}
.vrienduitnodigenEmailPopup__box .cf-button:hover svg {
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(34deg) brightness(103%) contrast(106%);
}
@media print, screen and (min-width: 40em) {
  .vrienduitnodigenEmailPopup__box {
    width: 1000px;
    top: 0;
  }
}
.vrienduitnodigenEmailPopup .showInviteForm {
  text-decoration: underline;
}
.vrienduitnodigenEmailPopup .showInviteForm:hover {
  cursor: pointer;
}
.vrienduitnodigenEmailPopup .form-inviteEmail .form-email {
  margin-bottom: 15px;
  position: relative;
}
.vrienduitnodigenEmailPopup .form-inviteEmail input {
  border-radius: 8px;
  background-color: white;
  box-shadow: none;
  border: 1px solid #1E225C;
  margin-bottom: 0px;
  font-size: 14px;
  letter-spacing: -0.32px;
  padding: 22px;
  height: unset;
  font-weight: medium;
  color: #1e225d;
}
.vrienduitnodigenEmailPopup .form-inviteEmail label {
  position: absolute;
  left: 18px;
  background-color: white;
  padding-left: 5px;
  padding-right: 5px;
  top: -10px;
}
.vrienduitnodigenEmailPopup .form-inviteEmail .form-error {
  margin-top: 10px;
}

.moreInfoPerson {
  position: absolute;
  top: 50% !important;
  transform: translateY(-50%);
  margin-left: 20px;
  margin-right: 20px;
}
@media print, screen and (min-width: 64em) {
  .moreInfoPerson {
    position: absolute;
    top: 50% !important;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
.moreInfoPerson__box {
  background: white;
  box-shadow: 0px 3px 10px rgba(42, 62, 82, 0.129);
  border-radius: 12px;
  margin: auto;
  text-align: center;
  padding: 30px;
  position: relative;
}
.moreInfoPerson__box__title {
  font-size: 22px;
  letter-spacing: -0.44px;
  font-weight: bold;
  margin-bottom: 20px;
  text-align: left;
}
.moreInfoPerson__box__tekst {
  font-size: 14px;
  margin-bottom: 20px;
  text-align: left;
}
.moreInfoPerson__box__img {
  width: 100%;
  height: 250px;
}
.moreInfoPerson__box__bar .realbar {
  margin-bottom: 15px;
}
.moreInfoPerson__box__bar__title {
  text-align: start;
  margin-bottom: 0;
}
.moreInfoPerson__box__bar__div {
  height: 20px;
  width: 100%;
  position: relative;
  background-color: #9edcec;
  border-radius: 8px;
}
.moreInfoPerson__box__bar__div div {
  position: absolute;
  background-color: #00c4c2;
  height: 20px;
  border-radius: 8px;
}
.moreInfoPerson__box__bar__div span {
  font-size: 12px;
  position: absolute;
  right: 10px;
}
.moreInfoPerson__box__bar__div.time1 {
  background-color: #e7f4d2;
}
.moreInfoPerson__box__bar__div.time1 div {
  background-color: #9ed14e;
}
.moreInfoPerson__box__bar__div.time2 {
  background-color: #e8dbee;
}
.moreInfoPerson__box__bar__div.time2 div {
  background-color: #a472bd;
}
.moreInfoPerson__box .cf-button svg {
  filter: invert(9%) sepia(28%) saturate(6837%) hue-rotate(231deg) brightness(93%) contrast(92%);
}
.moreInfoPerson__box .cf-button:hover svg {
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(34deg) brightness(103%) contrast(106%);
}
@media print, screen and (min-width: 40em) {
  .moreInfoPerson__box {
    width: 500px;
    top: 0;
  }
}

.shareinterestpopup {
  background: white;
  box-shadow: 0px 3px 10px rgba(42, 62, 82, 0.129);
  border-radius: 12px;
  outline: none;
}
@media print, screen and (min-width: 64em) {
  .shareinterestpopup {
    position: absolute;
    top: 50% !important;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none;
  }
}
.shareinterestpopup__box {
  margin: auto;
  text-align: center;
  padding: 30px;
  position: relative;
}
.shareinterestpopup__box__title {
  text-align: center;
  font-weight: 800;
  color: #1C2663;
  letter-spacing: -0.5px;
  font-family: "Lexend", sans-serif;
  font-size: 25px;
}
@media print, screen and (min-width: 64em) {
  .shareinterestpopup__box__title {
    padding-left: 20%;
    padding-right: 20%;
  }
}
.shareinterestpopup__box__forms {
  width: -moz-fit-content;
  width: fit-content;
  border: 1px solid #1C2663;
  border-radius: 100px;
  padding: 7px 15px;
  cursor: pointer;
  font-size: 14px;
  letter-spacing: 0px;
  color: #1E225C;
}
.shareinterestpopup__box__forms.interestselected {
  background-color: #1C2663;
  color: white;
}
.shareinterestpopup__box__forms.interestnotselected {
  background-color: white;
  color: #1C2663;
}
.shareinterestpopup__box__submitknop {
  flex-basis: 100%;
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.shareinterestpopup__box__submitknop button {
  padding: 25px 10px;
}
.shareinterestpopup__box__submitknop button .cf-button__icon {
  filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(357deg) brightness(103%) contrast(101%);
}
.shareinterestpopup__box__undertekst {
  font-size: 14px;
  color: #ADAEB5;
  margin-top: 10px;
}
.shareinterestpopup .form-addinginterests {
  display: flex;
  flex-wrap: wrap;
  gap: 5px 10px;
  justify-content: center;
}

.account {
  background: #F8F8FA;
}
@media print, screen and (min-width: 64em) {
  .account {
    height: 91vh;
  }
}
.account__sidebar {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: white;
  width: 300px;
  padding: 0px;
}
.account__sidebar::after {
  display: none;
}
.account__sidebar.off-canvas {
  z-index: 9999;
}
@media print, screen and (min-width: 64em) {
  .account__sidebar {
    position: relative;
    width: 33%;
    transform: none;
    border-right: 1px solid #EAEAEA;
    height: inherit;
  }
}
.account__sidebar .top .account__sidebar__section {
  border-bottom: none;
}
@media print, screen and (min-width: 64em) {
  .account__sidebar .top .account__sidebar__section__title {
    margin-top: 20px;
  }
}
.account__sidebar__section {
  border-bottom: 1px solid #EAEAEA;
  padding: 14px 0px;
  flex-basis: 0;
}
.account__sidebar__section__title {
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  font-weight: 600;
  font-size: 15px;
  margin: 13px 17px;
  margin-top: 0px;
}
.account__sidebar__section__title a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-decoration: none;
  outline: none;
}
.account__sidebar__section__title a:focus, .account__sidebar__section__title a:hover {
  outline: none;
}
.account__sidebar__section__menu {
  list-style-type: none;
  margin: 0px;
}
.account__sidebar__section__menu li {
  padding: 5px 17px;
  padding-left: 27px;
  font-size: 15px;
  display: flex;
  justify-content: space-between;
  color: #1E225C;
}
.account__sidebar__section__menu li a {
  display: flex;
  justify-content: space-between;
  width: 100%;
  text-decoration: none;
  font-size: 15px;
  outline: none;
}
.account__sidebar__section__menu li a:hover {
  text-decoration: underline;
}
.account__sidebar__section__menu li a:focus, .account__sidebar__section__menu li a:hover {
  outline: none;
}
.account__sidebar__section__menu li span {
  font-size: 15px;
}
.account__sidebar__section__menu li.grid, .account__sidebar__section__menu li.list {
  justify-content: flex-start;
  gap: 20px;
}
.account__sidebar__section__menu li.current {
  color: white;
  background-color: #106BC6;
}
.account__sidebar__section__menu li.current a, .account__sidebar__section__menu li.current span {
  color: white;
}
.account__sidebar__section__menu li.current svg path {
  fill: white;
}
.account__sidebar__section__menu__submenu {
  display: block !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.account__sidebar__section__menu__submenu:first-of-type > p {
  padding-top: 10px;
}
.account__sidebar__section__menu__submenu__title {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  font-size: 15px;
  padding-left: 27px !important;
  padding-right: 17px !important;
}
.account__sidebar__section__menu__submenu__title span {
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  font-size: 15px;
  font-weight: bold;
}
.account__sidebar__section__menu__submenu__title__icon img {
  width: 14px;
  filter: invert(17%) sepia(7%) saturate(6119%) hue-rotate(201deg) brightness(99%) contrast(106%);
  margin-right: 2px;
  transition: all(400ms);
}
.account__sidebar__section__menu__submenu__title:hover {
  cursor: pointer;
}
.account__sidebar__section__menu__submenu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.account__sidebar__section__menu__submenu ul li {
  margin: 2px 0px;
  padding: 2px 0px;
  font-size: 15px;
  padding-left: 27px !important;
  padding-right: 17px !important;
}
.account__sidebar__section__menu__submenu ul li span {
  font-size: 15px;
}
.account__sidebar__section__menu__submenu.closed ul {
  display: none;
}
.account__sidebar__section__menu__submenu.open .account__sidebar__section__menu__submenu__title__icon img {
  transform: rotate(180deg);
}
.account__sidebar__section__menu__submenu.open ul {
  display: block;
}
.account__sidebar__section__menu__icon {
  height: 18px;
  display: inline-block;
}
.account__sidebar__section__menu__icon svg {
  transform: scale(0.75);
}
.account__sidebar__section__menu__icon svg path {
  fill: #1E225C;
}
.account__sidebar__section__menu__count {
  min-width: 18px;
  text-align: center;
}
.account__sidebar__section__showhide {
  font-weight: 600;
  color: #7F819D;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  -moz-column-gap: 10px;
       column-gap: 10px;
  padding-right: 17px;
}
.account__sidebar__section__showhide svg {
  transform: rotate(180deg) scale(0.75);
}
.account__sidebar__section__showhide svg path {
  fill: #7F819D;
}
.account__sidebar__section__levelprogress {
  display: flex;
  align-items: center;
  gap: 11px;
  margin-left: 14px;
}
.account__sidebar__section__levelprogress__circle .circle {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 10px solid transparent;
  background-repeat: no-repeat;
  border-image-slice: 1;
  background-origin: content-box, border-box, border-box, border-box, border-box;
  background-clip: content-box, border-box, border-box, border-box, border-box;
  display: grid;
  justify-content: center;
  align-content: center;
  position: relative;
}
.account__sidebar__section__levelprogress__circle .circle lottie-player {
  width: 22px;
  height: 22px;
}
.account__sidebar__section__levelprogress__circle .circle .locked {
  display: none;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  filter: invert(10%) sepia(54%) saturate(3706%) hue-rotate(226deg) brightness(90%) contrast(91%);
}
.account__sidebar__section__levelprogress__circle .circle.starter lottie-player {
  opacity: 0.5;
}
.account__sidebar__section__levelprogress__circle .circle.starter .locked {
  display: inline;
}
.account__sidebar__section__levelprogress__info p {
  margin-bottom: 0px;
  font-size: 13px;
  letter-spacing: -0.26px;
}
.account__sidebar__section__levelprogress__info__currentlevel {
  font-weight: bold;
  font-weight: 14px;
  letter-spacing: -0.28px;
}
.account__sidebar__section--bottom {
  border-top: 1px solid #EAEAEA;
  border-bottom: none;
  padding: 14px 0px;
}
.account__sidebar--filter.off-canvas {
  background: white;
  width: 300px;
  padding: 0px;
  z-index: 6;
}
.account__sidebar--filter::after {
  display: none;
}
@media print, screen and (min-width: 64em) {
  .account__sidebar--filter .account__sidebar__section__showhide {
    display: none;
  }
  .account__sidebar--filter .account__sidebar__section__title {
    display: none;
  }
  .account__sidebar--filter .account__sidebar__section__menu li {
    padding-left: 17px;
  }
  .account__sidebar--filter .account__sidebar__section__menu li.current {
    color: white;
  }
  .account__sidebar--filter .account__sidebar__section__menu__count {
    padding-right: 0px;
  }
  .account__sidebar--filter .account__sidebar__section:first-of-type {
    border-bottom: none;
  }
  .account__sidebar--filter::after {
    display: none;
  }
}
.account__profile {
  padding: 2rem 0rem;
  padding-left: 1.7rem;
  padding-right: 1.7rem;
}
@media print, screen and (min-width: 64em) {
  .account__profile {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    overflow: scroll;
    height: 100%;
  }
}
.account__profile__bar {
  position: sticky;
  z-index: 5;
  top: 15px;
  margin-left: -5px !important;
  margin-right: -5px !important;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 20px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 15px 30px rgba(42, 62, 82, 0.098);
  border-radius: 8px;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
@media print, screen and (min-width: 40em) {
  .account__profile__bar {
    top: 30px;
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
}
@media print, screen and (min-width: 40em) {
  .account__profile__bar {
    -moz-column-gap: 40px;
         column-gap: 40px;
  }
}
@media print, screen and (min-width: 64em) {
  .account__profile__bar {
    top: 0px;
  }
}
.account__profile__bar__mobile-item {
  flex-grow: 1;
  flex-basis: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
@media print, screen and (min-width: 40em) {
  .account__profile__bar__mobile-item {
    display: none;
  }
}
.account__profile__bar__mobile-item svg {
  transform: scale(0.75);
  margin-right: 2px;
}
.account__profile__bar__mobile-item.menu {
  justify-content: flex-start;
}
.account__profile__bar__mobile-item.filter {
  justify-content: flex-end;
}
.account__profile__bar__filter {
  flex-grow: 1;
  flex-basis: 0;
  display: none;
}
@media print, screen and (min-width: 40em) {
  .account__profile__bar__filter {
    display: block;
    position: relative;
  }
}
.account__profile__bar__filter.show {
  align-items: center;
}
@media print, screen and (min-width: 40em) {
  .account__profile__bar__filter.show {
    display: flex;
  }
}
.account__profile__bar__filter.show span.title {
  letter-spacing: 0px;
  color: #1E225C;
  padding-right: 20px;
}
.account__profile__bar__filter.show select {
  border: 1px solid #1E225C;
  border-radius: 2px;
  font-size: 0.8rem;
  height: inherit;
  margin-bottom: 0px;
}
.account__profile__bar__filter.show .mobile-filter__expand li.current {
  color: white;
}
.account__profile__bar__filter.search input {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 2px 6px rgba(60, 84, 110, 0.2);
  border-radius: 8px;
  border: none;
  height: 37px;
  margin-bottom: 0px;
  padding: 7px 40px;
  padding-right: 0px;
  background-repeat: no-repeat;
  background-position: 3% 50%;
  background-size: 16px;
}
.account__profile__bar__filter.search input::-moz-placeholder {
  color: #1E225C;
}
.account__profile__bar__filter.search input::placeholder {
  color: #1E225C;
}
.account__profile__bar__filter.search .close-button {
  right: 0.1rem;
  top: 1rem;
}
.account__profile__bar__filter.view ul.tabbing {
  display: flex;
}
.account__profile__bar__filter.view ul.tabbing li {
  flex-basis: 0;
  flex-grow: 1;
  margin-right: 0px;
  border: none;
  display: flex;
  align-items: center;
  -moz-column-gap: 16px;
       column-gap: 16px;
  font-size: 0.9rem;
}
.account__profile__bar__filter.view ul.tabbing li.current svg path {
  fill: white;
}
.account__profile__bar__filter .clickableCross {
  position: absolute;
  width: 10%;
  height: 100%;
  top: 0;
  left: 25px;
  cursor: pointer;
  display: flex;
  align-items: center;
}
@media print, screen and (min-width: 40em) {
  .account__profile__bar__filter .clickableCross {
    right: 0;
    left: initial;
  }
}
.account__profile__bar__filter .clickableCross img {
  filter: invert(20%) sepia(9%) saturate(5499%) hue-rotate(194deg) brightness(95%) contrast(106%);
  width: 30px;
  height: 30px;
}
.account__profile__bar__filter .Searchicon {
  position: absolute;
  width: 10%;
  height: 100%;
  top: 0;
  left: 30px;
  display: flex;
  align-items: center;
}
@media print, screen and (min-width: 40em) {
  .account__profile__bar__filter .Searchicon {
    left: 10px;
  }
}
.account__profile__bar__filter .Searchicon img {
  filter: invert(20%) sepia(9%) saturate(5499%) hue-rotate(194deg) brightness(95%) contrast(106%);
  width: 20px;
  height: 20px;
}
.account__profile__bar__filter-menu {
  display: none;
}
.account__profile__menu {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: sticky;
  top: 15px;
  z-index: 6;
}
.account__profile__menu__button {
  padding: 10px 20px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 15px 30px rgba(42, 62, 82, 0.098);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.account__profile__menu__button svg {
  transform: scale(0.75);
  margin-right: 2px;
}
.account__profile__menu__header {
  text-align: right;
  font-size: 1.5rem;
  font-weight: 800;
  color: #1E225C;
}
.account__profile__content {
  margin-top: 30px;
  max-width: 100%;
}
@media print, screen and (min-width: 40em) {
  .account__profile__content {
    margin-top: 50px;
  }
}
.account__profile__content h1 {
  font-weight: 800;
  font-size: 20px;
  margin-bottom: 17px;
}
.account__profile__content h1.saved {
  margin-bottom: 0px;
  padding-bottom: 17px;
  letter-spacing: -0.32px;
}
@media print, screen and (min-width: 64em) {
  .account__profile__content h1.saved {
    display: none;
  }
}
.account__profile__content h2 {
  font-weight: 600;
  font-size: 1rem;
  margin: 17px 0px;
}
@media print, screen and (min-width: 64em) {
  .account__profile__content h2 {
    font-size: 1.5rem;
  }
}
.account__profile__content .opleidingsbudgetedit {
  text-decoration: none;
  background: #F8F8FA 0% 0% no-repeat padding-box;
  border-radius: 100px;
  padding: 10px 20px;
  text-align: left;
  width: 170px;
  padding-left: 20px;
}
@media print, screen and (min-width: 40em) {
  .account__profile__content .opleidingsbudgetedit {
    width: -moz-fit-content;
    width: fit-content;
    padding-left: 20px;
  }
}
.account__profile__content .opleidingsbudgetedit .title {
  letter-spacing: -0.3px;
  color: #1e225d;
  font-size: 12px;
  text-align: left;
  margin: 0;
  line-height: 1.2;
  font-family: Poppins;
}
@media print, screen and (min-width: 40em) {
  .account__profile__content .opleidingsbudgetedit .title {
    font-size: 14px;
  }
}
.account__profile__content .opleidingsbudgetedit .money {
  padding-left: 0px;
  border-radius: 4px;
  width: -moz-fit-content;
  width: fit-content;
  padding-top: 0px;
  padding-bottom: 0px;
  letter-spacing: -0.32px;
  font-size: 12px;
  margin: 0;
  line-height: 1.2;
  font-family: Poppins;
  text-align: left;
  font-weight: 600;
  display: flex;
  align-items: center;
}
@media print, screen and (min-width: 40em) {
  .account__profile__content .opleidingsbudgetedit .money {
    font-size: 14px;
  }
}
.account__profile__content .opleidingsbudgetedit .money img {
  width: 14px;
  filter: invert(11%) sepia(28%) saturate(4845%) hue-rotate(223deg) brightness(98%) contrast(96%);
}
.account__profile__content__saved-content-block {
  padding-bottom: 17px;
}
.account__profile__content__saved-content-block > .row.grid-view {
  padding-bottom: 15px;
}
.account__profile__content__saved-content-block > .row.grid-view .grid-item {
  padding: 0px;
}
@media print, screen and (min-width: 40em) {
  .account__profile__content__saved-content-block > .row.grid-view {
    -moz-column-gap: 1.875rem;
         column-gap: 1.875rem;
  }
  .account__profile__content__saved-content-block > .row.grid-view .grid-item {
    padding: 0px;
    flex: 0 0 45%;
  }
}
@media print, screen and (min-width: 64em) {
  .account__profile__content__saved-content-block > .row.grid-view {
    -moz-column-gap: 1.875rem;
         column-gap: 1.875rem;
  }
  .account__profile__content__saved-content-block > .row.grid-view .grid-item {
    padding: 0px;
    flex: 0 0 30.7%;
  }
}
@media screen and (min-width: 90em) {
  .account__profile__content__saved-content-block > .row.grid-view .grid-item {
    flex: 0 0 25%;
  }
}
.account__profile__content__saved-content-block > .row.list-view .grid-item {
  padding: 0px;
}
.account__profile__content__dashboard__mainblock {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 15px 30px rgba(42, 62, 82, 0.098);
  border-radius: 8px;
  padding: 22px;
}
@media print, screen and (min-width: 64em) {
  .account__profile__content__dashboard__mainblock {
    padding: 35px;
    text-align: center;
  }
}
.account__profile__content__dashboard__mainblock.login h1, .account__profile__content__dashboard__mainblock.login p, .account__profile__content__dashboard__mainblock.login div {
  text-align: left;
}
.account__profile__content__dashboard__mainblock h1 {
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  text-align: center;
  font-size: 1.625rem;
  margin-bottom: 5px;
}
@media print, screen and (min-width: 64em) {
  .account__profile__content__dashboard__mainblock h1 {
    text-align: left;
    margin-bottom: 0px;
    margin-top: 0px;
  }
}
.account__profile__content__dashboard__mainblock p {
  text-align: center;
  margin-bottom: 30px;
  font-family: "Lexend", sans-serif;
}
@media print, screen and (min-width: 64em) {
  .account__profile__content__dashboard__mainblock p {
    text-align: left;
    margin-bottom: 30px;
  }
}
.account__profile__content__dashboard__mainblock div {
  text-align: center;
}
@media print, screen and (min-width: 64em) {
  .account__profile__content__dashboard__mainblock div {
    text-align: left;
  }
}
.account__profile__content__dashboard__mainblock .Editprofile {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-direction: column;
}
@media print, screen and (min-width: 40em) {
  .account__profile__content__dashboard__mainblock .Editprofile {
    flex-direction: row;
  }
}
@media print, screen and (min-width: 64em) {
  .account__profile__content__dashboard__mainblock .Editprofile {
    justify-content: initial;
  }
}
.account__profile__content__dashboard__mainblock .Editprofile .EditProfileButton {
  border: 1px solid rgba(28, 38, 99, 0.2);
  border-radius: 2px;
  padding: 10px 20px;
  text-decoration: none;
  height: -moz-fit-content;
  height: fit-content;
  margin-right: 0px;
  margin-top: 5px;
}
@media print, screen and (min-width: 40em) {
  .account__profile__content__dashboard__mainblock .Editprofile .EditProfileButton {
    padding: 5px 20px;
  }
}
@media print, screen and (min-width: 64em) {
  .account__profile__content__dashboard__mainblock .Editprofile .EditProfileButton {
    margin-right: 20px;
    margin-top: 0px;
  }
}
.account__profile__content__dashboard__mainblock .Editprofile .huidiglevel {
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 10px;
  background: #F8F8FA 0% 0% no-repeat padding-box;
  border-radius: 100px;
  width: 170px;
  padding: 5px 20px;
  padding-left: 5px;
}
@media print, screen and (min-width: 40em) {
  .account__profile__content__dashboard__mainblock .Editprofile .huidiglevel {
    padding: 0px 5px;
    width: -moz-fit-content;
    width: fit-content;
  }
}
@media print, screen and (min-width: 64em) {
  .account__profile__content__dashboard__mainblock .Editprofile .huidiglevel {
    padding: 5px 20px;
    padding-left: 5px;
  }
}
.account__profile__content__dashboard__mainblock .Editprofile .huidiglevel__icon {
  position: relative;
  width: 45px;
}
.account__profile__content__dashboard__mainblock .Editprofile .huidiglevel__icon lottie-player {
  width: 45px;
}
.account__profile__content__dashboard__mainblock .Editprofile .huidiglevel__icon .locked {
  display: none;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  filter: invert(10%) sepia(54%) saturate(3706%) hue-rotate(226deg) brightness(90%) contrast(91%);
}
.account__profile__content__dashboard__mainblock .Editprofile .huidiglevel__icon.starter lottie-player {
  opacity: 0.5;
}
.account__profile__content__dashboard__mainblock .Editprofile .huidiglevel__icon.starter .locked {
  display: inline;
}
.account__profile__content__dashboard__mainblock .Editprofile .huidiglevel__text p {
  font-family: poppins;
  font-size: 12px;
  margin-bottom: 0px;
  letter-spacing: -0.3px;
  line-height: 1.2;
  text-align: left;
}
@media print, screen and (min-width: 40em) {
  .account__profile__content__dashboard__mainblock .Editprofile .huidiglevel__text p {
    font-size: 14px;
  }
}
.account__profile__content__dashboard__mainblock .Editprofile .huidiglevel__text p.bold {
  font-weight: bold;
}
.account__profile__content__dashboard__mainblock .firstdashboard_balk {
  display: flex;
  flex-direction: column;
  gap: 20xp;
  justify-content: center;
}
@media print, screen and (min-width: 64em) {
  .account__profile__content__dashboard__mainblock .firstdashboard_balk {
    flex-direction: row;
    justify-content: center;
    gap: 0xp;
  }
}
@media only screen and (min-width: 1460px) {
  .account__profile__content__dashboard__mainblock .firstdashboard_balk {
    margin-left: auto;
    margin-top: 0px;
    justify-content: initial;
  }
}
.account__profile__content__dashboard__mainblock .personality {
  display: flex;
  flex-direction: column;
  margin-top: 20px;
}
@media print, screen and (min-width: 64em) {
  .account__profile__content__dashboard__mainblock .personality {
    flex-direction: row;
  }
}
@media screen and (min-width: 75em) {
  .account__profile__content__dashboard__mainblock .personality {
    margin-top: 0px;
    margin-left: auto;
  }
}
.account__profile__content__dashboard__mainblock .personality__container {
  border-radius: 8px;
}
@media print, screen and (min-width: 64em) {
  .account__profile__content__dashboard__mainblock .personality__container {
    padding-left: 10px;
    padding-bottom: 0px;
    min-width: 200px;
    max-width: 300px;
  }
}
@media screen and (min-width: 75em) {
  .account__profile__content__dashboard__mainblock .personality__container {
    max-width: 220px;
  }
}
@media screen and (min-width: 90em) {
  .account__profile__content__dashboard__mainblock .personality__container {
    max-width: 300px;
  }
}
.account__profile__content__dashboard__mainblock .personality__container__title {
  font-size: 18px;
  margin-bottom: 10px;
  font-weight: bold;
  text-align: left;
}
.account__profile__content__dashboard__mainblock .personality__container__text {
  margin-bottom: 20px;
  font-size: 14px;
  font-family: "Poppins", sans-serif;
  text-align: left;
}
.account__profile__content__dashboard__mainblock .personality__container__text span {
  text-decoration: underline;
  color: #f90;
  cursor: pointer;
}
.account__profile__content__dashboard__mainblock .personality__container .cf-button--blue {
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0px;
}
.account__profile__content__dashboard__mainblock .personality__container .cf-button--blue .cf-button__text {
  font-size: 14px;
}
.account__profile__content__dashboard__mainblock .personality__container .cf-button--blue:hover, .account__profile__content__dashboard__mainblock .personality__container .cf-button--blue:focus, .account__profile__content__dashboard__mainblock .personality__container .cf-button--blue:active {
  padding-top: 7px;
  padding-bottom: 7px;
}
.account__profile__content__dashboard__mainblock .personality__container .cf-button--blue:hover .cf-button__text, .account__profile__content__dashboard__mainblock .personality__container .cf-button--blue:focus .cf-button__text, .account__profile__content__dashboard__mainblock .personality__container .cf-button--blue:active .cf-button__text {
  font-size: 14px;
}
.account__profile__content__dashboard__mainblock .personality__container .cf-button--blue:hover .cf-button__icon, .account__profile__content__dashboard__mainblock .personality__container .cf-button--blue:focus .cf-button__icon, .account__profile__content__dashboard__mainblock .personality__container .cf-button--blue:active .cf-button__icon {
  font-size: 130%;
}
.account__profile__content__dashboard__mainblock .personality__containerimg {
  position: relative;
  margin-bottom: 20px;
}
@media print, screen and (min-width: 40em) {
  .account__profile__content__dashboard__mainblock .personality__containerimg {
    width: 180px;
    min-width: 180px;
    margin-bottom: 0px;
  }
}
@media screen and (min-width: 75em) {
  .account__profile__content__dashboard__mainblock .personality__containerimg {
    width: 130px;
    min-width: 130px;
  }
}
@media screen and (min-width: 90em) {
  .account__profile__content__dashboard__mainblock .personality__containerimg {
    width: 180px;
    min-width: 180px;
  }
}
.account__profile__content__dashboard__mainblock .personality__containerimg.done {
  width: 250px;
  min-width: 250px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 75em) {
  .account__profile__content__dashboard__mainblock .personality__containerimg.done {
    width: 200px;
    min-width: 200px;
  }
}
@media screen and (min-width: 90em) {
  .account__profile__content__dashboard__mainblock .personality__containerimg.done {
    width: 250px;
    min-width: 250px;
  }
}
.account__profile__content__dashboard__mainblock .personality__containerimg img {
  min-width: 180px;
  width: 180px;
}
@media print, screen and (min-width: 64em) {
  .account__profile__content__dashboard__mainblock .personality__containerimg img {
    position: absolute;
    bottom: -35px;
  }
}
@media screen and (min-width: 75em) {
  .account__profile__content__dashboard__mainblock .personality__containerimg img {
    width: 130px;
    min-width: 130px;
  }
}
@media screen and (min-width: 90em) {
  .account__profile__content__dashboard__mainblock .personality__containerimg img {
    width: 180px;
    min-width: 180px;
  }
}
.account__profile__content__dashboard__mainblock .personality__containerimg__quizgedaan {
  height: 100%;
  width: 250px !important;
  right: 0;
}
@media print, screen and (min-width: 64em) {
  .account__profile__content__dashboard__mainblock .personality__containerimg__quizgedaan {
    margin-right: 30px;
    bottom: 0px !important;
    width: 250px !important;
    min-width: unset !important;
  }
}
.account__profile__content__dashboard__mainblock .maindivcircle {
  display: flex;
  justify-content: center;
  align-items: center;
}
.account__profile__content__dashboard__mainblock .maindivcircle .circlewithfavourites {
  height: 50vw;
  border-radius: 50%;
  border: 20px solid transparent;
  background-repeat: no-repeat;
  border-image-slice: 1;
  background-origin: content-box, border-box, border-box, border-box, border-box;
  background-clip: content-box, border-box, border-box, border-box, border-box;
  display: grid;
  justify-content: center;
  align-content: center;
  width: 70%;
}
@media only screen and (min-width: 500px) {
  .account__profile__content__dashboard__mainblock .maindivcircle .circlewithfavourites {
    width: 60%;
  }
}
@media print, screen and (min-width: 40em) {
  .account__profile__content__dashboard__mainblock .maindivcircle .circlewithfavourites {
    margin-bottom: 0;
  }
  .account__profile__content__dashboard__mainblock .maindivcircle .circlewithfavourites.kleinewidth {
    width: 160px;
    height: 160px;
  }
  .account__profile__content__dashboard__mainblock .maindivcircle .circlewithfavourites.grootewidth {
    width: 200px;
    height: 250px;
  }
}
@media only screen and (min-width: 1500px) {
  .account__profile__content__dashboard__mainblock .maindivcircle .circlewithfavourites {
    height: 100%;
  }
  .account__profile__content__dashboard__mainblock .maindivcircle .circlewithfavourites.kleinewidth {
    width: 80%;
  }
  .account__profile__content__dashboard__mainblock .maindivcircle .circlewithfavourites.grootewidth {
    width: 100%;
    height: 110%;
  }
}
.account__profile__content__dashboard__mainblock .maindivcircle .circlewithfavourites p {
  margin: 0;
}
.account__profile__content__dashboard__mainblock .tesktcirclemaindiv {
  margin-top: 25px;
  margin-bottom: 25px;
}
.account__profile__content__dashboard__mainblock .tesktcirclemaindiv .tekstbijcirclefavourite {
  display: grid;
  align-content: center;
  height: 100%;
  width: 100%;
}
.account__profile__content__dashboard__mainblock .tesktcirclemaindiv .tekstbijcirclefavourite p {
  margin: 0;
}
@media print, screen and (min-width: 40em) {
  .account__profile__content__dashboard__mainblock .tesktcirclemaindiv {
    margin: 0;
  }
}
.account__profile__content__dashboard__mainblock.diplomas {
  padding-bottom: 0;
  margin-bottom: 0;
  padding-right: 0px;
  height: 100%;
}
.account__profile__content__dashboard__mainblock.diplomas .titlebox {
  display: flex;
  display: grid;
  grid-template-rows: none;
  grid-template-columns: auto;
}
@media print, screen and (min-width: 64em) {
  .account__profile__content__dashboard__mainblock.diplomas .titlebox {
    grid-template-columns: 2fr 1fr;
    grid-template-rows: auto;
    align-items: center;
    padding-right: 40px;
  }
}
.account__profile__content__dashboard__mainblock.diplomas .titlebox .title {
  font-weight: 600;
  font-size: 18px;
  font-family: "Lexend", sans-serif;
  letter-spacing: -0.36px;
  color: #1C2663;
  text-align: start;
}
@media print, screen and (min-width: 64em) {
  .account__profile__content__dashboard__mainblock.diplomas .titlebox .title {
    text-align: start;
    margin-bottom: 30px;
  }
}
.account__profile__content__dashboard__mainblock.diplomas .titlebox .allediplomas {
  display: none;
  font-family: "Poppins", sans-serif;
  color: #1C2663;
  text-align: right;
  font-weight: 500;
}
.account__profile__content__dashboard__mainblock.diplomas .titlebox .allediplomas a {
  text-decoration: none;
  display: flex;
  align-items: flex-end;
  justify-content: start;
}
@media print, screen and (min-width: 64em) {
  .account__profile__content__dashboard__mainblock.diplomas .titlebox .allediplomas a {
    justify-content: end;
  }
}
.account__profile__content__dashboard__mainblock.diplomas .titlebox .allediplomas a svg {
  margin-left: 10px;
  height: 24px;
  width: 24px;
}
.account__profile__content__dashboard__mainblock.diplomas .diploma_sliderbox .diplomas-trainingen-scroller {
  height: auto;
}
.account__profile__content__dashboard__mainblock.diplomas .diploma_sliderbox .diplomas-trainingen-scroller .rf-cards-scroller-platter {
  padding-bottom: 10px;
}
.account__profile__content__dashboard__mainblock.diplomas .diploma_sliderbox .diplomas-trainingen-scroller .rf-cards-scroller-platter > div .rf-cards-scroller-itemview {
  transform: none;
}
.account__profile__content__dashboard__mainblock.recenteartikelen {
  margin-left: 0px;
  margin-top: 30px;
}
@media print, screen and (min-width: 40em) {
  .account__profile__content__dashboard__mainblock.recenteartikelen {
    margin-left: 50px;
    margin-top: 0px;
    height: 100%;
  }
}
.account__profile__content__dashboard__mainblock.recenteartikelen .recenteartikelen__title {
  font-weight: 600;
  font-size: 18px;
  font-family: "Lexend", sans-serif;
  letter-spacing: -0.36px;
  color: #1C2663;
  text-align: start;
}
.account__profile__content__dashboard__mainblock.recenteartikelen .recenteartikelen__tekst {
  font-size: 16px;
  color: #1E225C;
  text-align: start;
}
.account__profile__content__dashboard__mainblock.recenteartikelen .recenteartikelen__tekst a {
  text-decoration: none;
}
.account__profile__content__dashboard__mainblock.recenteartikelen .recenteartikelen__tekst a:hover {
  text-decoration: underline;
}
.account__profile__content__dashboard__mainblock.recenteartikelen .recenteartikelen__tekst:last-of-type {
  margin-bottom: 0px;
}
.account__profile__content__dashboard__mainblock.inspiratiesuggesties {
  margin-bottom: 0;
  padding-right: 0px;
  height: 100%;
}
.account__profile__content__dashboard__mainblock.inspiratiesuggesties .inspiratiesuggesties__title {
  font-weight: 600;
  font-size: 18px;
  font-family: "Lexend", sans-serif;
  letter-spacing: -0.36px;
  color: #1C2663;
  text-align: start;
  padding-right: 22px;
}
@media print, screen and (min-width: 40em) {
  .account__profile__content__dashboard__mainblock.inspiratiesuggesties .inspiratiesuggesties__title {
    padding-right: 35px;
  }
}
.account__profile__content__dashboard__mainblock.inspiratiesuggesties .inspiratiesuggesties__sliderbox {
  transform: none !important;
}
.account__profile__content__dashboard__mainblock.inspiratiesuggesties .rf-cards-scroller-platter {
  padding: 0px !important;
}
.account__profile__content__dashboard__mainblock.inspiratiesuggesties .rf-cards-scroller-platter .training-grid-block {
  border-radius: none;
  box-shadow: none;
  padding: 0;
  min-height: unset;
  height: -moz-fit-content;
  height: fit-content;
}
.account__profile__content__dashboard__mainblock.inspiratiesuggesties .rf-cards-scroller-platter .training-grid-block__favorite {
  display: none;
}
.account__profile__content__dashboard__mainblock.inspiratiesuggesties .rf-cards-scroller-itemview {
  margin-right: 50px;
}
.account__profile__content__dashboard__mainblock.inspiratiesuggesties .rf-cards-scroller-crop {
  padding-bottom: 0px;
}
.account__profile__content__dashboard__mainblock.inspiratiesuggesties .rf-ccard-content {
  box-shadow: none;
  height: unset !important;
  max-width: 320px;
}
.account__profile__content__dashboard__mainblock.inspiratiesuggesties .training-grid-block__content__infotext {
  text-align: left;
  padding: 25px 0px 0px 0px;
}
.account__profile__content__dashboard__mainblock.inspiratiesuggesties .training-grid-block__image {
  height: 175px;
}
.account__profile__content__dashboard__mainblock.inspiratiesuggesties .training-grid-block__image > img {
  height: 175px;
}
.account__profile__content__dashboard__mainblock.inspiratiesuggesties .training-grid-block__title {
  margin-bottom: 14px;
}
.account__profile__content__dashboard__mainblock.inspiratiesuggesties .training-grid-block__content {
  height: unset;
}
.account__profile__content__dashboard__mainblock.inspiratiesuggesties .training-grid-block__title, .account__profile__content__dashboard__mainblock.inspiratiesuggesties .training-grid-block__intro {
  text-align: left;
}
.account__profile__content__dashboard__mainblock.inspiratiesuggesties .training-grid-block__title {
  font-size: 17px;
}
.account__profile__content__dashboard__mainblock.inspiratiesuggesties .training-grid-block__intro {
  font-family: poppins;
  font-weight: 400;
}
.account__profile__content__dashboard__mainblock.inspiratiesuggesties .training-grid-block__infolabel {
  bottom: 10px;
}
.account__profile__content__dashboard__mainblock.inspiratiesuggesties .training-grid-block__bottom {
  display: none;
}
.account__profile__content__dashboard__mainblock.inspiratiesuggesties .training-grid-block__content__text {
  height: unset;
}
.account__profile__content__dashboard__mainblock.inspiratiefactory {
  margin-left: 0px;
  height: 100%;
}
@media print, screen and (min-width: 40em) {
  .account__profile__content__dashboard__mainblock.inspiratiefactory {
    margin-right: 25px;
  }
}
@media print, screen and (min-width: 40em) {
  .account__profile__content__dashboard__mainblock.inspiratiefactory {
    margin-right: 25px;
  }
}
.account__profile__content__dashboard__mainblock.inspiratiefactory .inspiratiefactory__link {
  text-decoration: none;
}
.account__profile__content__dashboard__mainblock.inspiratiefactory .inspiratiefactory__link:hover .inspiratiefactory__eventbox .inspiratiefactory__eventbox__titlebox__title {
  text-decoration: underline;
}
.account__profile__content__dashboard__mainblock.inspiratiefactory .inspiratiefactory__link:hover .inspiratiefactory__eventbox .inspiratiefactory__eventbox__titlebox__title img {
  margin-left: 15px;
}
.account__profile__content__dashboard__mainblock.inspiratiefactory .inspiratiefactory__title {
  font-weight: 600;
  font-size: 18px;
  font-family: "Lexend", sans-serif;
  letter-spacing: -0.36px;
  color: #1C2663;
  text-align: start;
}
.account__profile__content__dashboard__mainblock.inspiratiefactory .inspiratiefactory__noEventText {
  text-align: start !important;
}
.account__profile__content__dashboard__mainblock.inspiratiefactory .inspiratiefactory__eventbox {
  display: flex;
  gap: 20px;
}
.account__profile__content__dashboard__mainblock.inspiratiefactory .inspiratiefactory__eventbox .trainingsdata-table__datebox {
  text-align: center;
  padding: 5px;
  width: 50px;
  min-width: 50px;
  height: 50px;
  background-color: #1e225d;
  color: white;
  font-size: 1.375rem !important;
  font-weight: 800;
}
.account__profile__content__dashboard__mainblock.inspiratiefactory .inspiratiefactory__eventbox__titlebox {
  display: grid;
}
.account__profile__content__dashboard__mainblock.inspiratiefactory .inspiratiefactory__eventbox__titlebox__date {
  font-family: "Lexend", sans-serif;
  font-size: 14px;
  color: #ABACB7;
  font-weight: 600;
  text-align: start;
  align-self: end;
}
@media print, screen and (min-width: 40em) {
  .account__profile__content__dashboard__mainblock.inspiratiefactory .inspiratiefactory__eventbox__titlebox__date {
    text-align: start;
  }
}
.account__profile__content__dashboard__mainblock.inspiratiefactory .inspiratiefactory__eventbox__titlebox__title {
  font-family: "Poppins", sans-serif;
  font-size: 15px;
  color: #1E225C;
  display: flex;
  align-items: start;
  text-align: start;
}
.account__profile__content__dashboard__mainblock.inspiratiefactory .inspiratiefactory__eventbox__titlebox__title img {
  margin-left: 5px;
  width: 24px;
  transition: all 400ms;
  filter: invert(12%) sepia(48%) saturate(3419%) hue-rotate(223deg) brightness(85%) contrast(93%);
}
.account__profile__content__dashboard__mainblock.gerelateerdecontent {
  margin-left: 0px;
  height: 100%;
}
@media print, screen and (min-width: 40em) {
  .account__profile__content__dashboard__mainblock.gerelateerdecontent {
    margin-left: 25px;
  }
}
@media print, screen and (min-width: 64em) {
  .account__profile__content__dashboard__mainblock.gerelateerdecontent {
    margin-left: 25px;
  }
}
.account__profile__content__dashboard__mainblock.gerelateerdecontent .gerelateerdecontent__title {
  font-weight: 600;
  font-size: 18px;
  font-family: "Lexend", sans-serif;
  letter-spacing: -0.36px;
  color: #1C2663;
  text-align: start;
  margin-bottom: 25px;
}
.account__profile__content__dashboard__mainblock.gerelateerdecontent .recenteartikelen__div__schrijver {
  font-family: "Lexend", sans-serif;
  font-size: 14px;
  color: #ABACB7;
  font-weight: 600;
}
.account__profile__content__dashboard__mainblock.gerelateerdecontent .recenteartikelen__div__tekst {
  font-family: "Poppins", sans-serif;
  font-size: 15px;
  color: #1E225C;
  text-align: start;
  margin-bottom: 0px;
}
.account__profile__content__dashboard__mainblock.gerelateerdecontent .recenteartikelen__div__tekst a {
  text-decoration: none;
}
.account__profile__content__dashboard__mainblock.gerelateerdecontent .recenteartikelen__div__tekst a:hover {
  text-decoration: underline;
}
.account__profile__content__dashboard__mainblock.gerelateerdecontent .gerelateerdecontent__div {
  text-align: start;
  margin-bottom: 25px;
}
.account__profile__content__dashboard__mainblock.gerelateerdecontent .gerelateerdecontent__div:last-of-type {
  margin-bottom: 0px;
}
@media print, screen and (min-width: 64em) {
  .account__profile__content__dashboard__mainblock.voordeligsparen {
    margin-right: 40px;
  }
}
.account__profile__content__dashboard__mainblock.voordeligsparen .title {
  font-family: "Lexend", sans-serif;
  font-size: 23px;
  font-weight: bold;
  letter-spacing: -0.36px;
  color: #1C2663;
  margin-bottom: 15px;
  text-align: left;
}
.account__profile__content__dashboard__mainblock.voordeligsparen .text p {
  font-family: poppins;
  margin-bottom: 0 !important;
  text-align: left;
}
.account__profile__content__dashboard__mainblock.vrienduitnodigen {
  margin-top: 30px;
}
@media print, screen and (min-width: 40em) {
  .account__profile__content__dashboard__mainblock.vrienduitnodigen {
    height: 100%;
  }
}
.account__profile__content__dashboard__mainblock.vrienduitnodigen .titelvrienduitnodigen {
  font-family: "Lexend", sans-serif;
  font-size: 23px;
  font-weight: bold;
  letter-spacing: -0.36px;
  color: #1C2663;
  margin-bottom: 15px;
  text-align: left;
}
@media print, screen and (min-width: 64em) {
  .account__profile__content__dashboard__mainblock.vrienduitnodigen .codecontainer {
    display: flex;
    gap: 20px;
    align-items: center;
  }
}
.account__profile__content__dashboard__mainblock.vrienduitnodigen .deeljoucode {
  padding-top: 20px;
  height: 100%;
}
.account__profile__content__dashboard__mainblock.vrienduitnodigen .deeljoucode button {
  height: 100%;
  display: flex;
}
.account__profile__content__dashboard__mainblock.vrienduitnodigen .deeljoucode svg {
  filter: invert(99%) sepia(1%) saturate(2%) hue-rotate(189deg) brightness(115%) contrast(100%);
}
.account__profile__content__dashboard__mainblock.vrienduitnodigen .deeljoucode:hover svg {
  filter: invert(10%) sepia(53%) saturate(3889%) hue-rotate(224deg) brightness(91%) contrast(90%);
}
.account__profile__content__dashboard__mainblock.vrienduitnodigen .jouwbudget__title {
  font-size: 12px;
  letter-spacing: -0.24px;
  margin: 0;
  color: #1C2663;
  font-family: "Poppins", sans-serif;
  text-align: left;
}
.account__profile__content__dashboard__mainblock.vrienduitnodigen .jouwbudget__budget {
  font-size: 18px;
  border: 2px solid #1e225d;
  border-radius: 8px;
  margin: 0;
  margin-top: 5px;
  width: auto;
  padding: 10px 15px;
  gap: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}
@media print, screen and (min-width: 64em) {
  .account__profile__content__dashboard__mainblock.vrienduitnodigen .jouwbudget__budget {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.account__profile__content__dashboard__mainblock.vrienduitnodigen .jouwbudget__budget__icon {
  background-color: #1e225d;
  border-radius: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  padding: 2px;
  text-align: center;
}
.account__profile__content__dashboard__mainblock.vrienduitnodigen .jouwbudget__budget__icon__inner {
  color: white;
  font-size: 10px;
  display: inline-block;
  width: 16px;
  height: 16px;
  text-align: center;
  line-height: 1.5;
  border: 1px solid white;
  border-radius: 100%;
}
.account__profile__content__dashboard__mainblock.vrienduitnodigen .vrienduitnodigenCodedescription {
  font-size: 14px;
  margin-top: 20px;
  margin-bottom: 0;
  font-family: "Poppins", sans-serif;
  text-align: left;
}
.account__profile__content__dashboard__mainblock.vrienduitnodigen .vrienduitnodigenCodedescription .vrienduitnodigenEmail {
  text-decoration: underline;
  cursor: pointer;
}
.account__profile__content__dashboard__mainblock.vrienduitnodigen .vrienduitnodigenCodedescription .vrienduitnodigenEmail:hover {
  text-decoration: none;
}
@media print, screen and (min-width: 40em) {
  .account__profile__content__dashboard__mainblock.vrienduitnodigen {
    margin-top: 0;
    margin-left: 20px;
  }
}
.account__profile__content__dashboard__mainblock.sparen {
  padding: 0px !important;
}
.account__profile__content__dashboard__mainblock.sparen .sparen__top, .account__profile__content__dashboard__mainblock.sparen .sparen__bottom, .account__profile__content__dashboard__mainblock.sparen .sparen__middle {
  padding: 35px 22px;
}
@media print, screen and (min-width: 64em) {
  .account__profile__content__dashboard__mainblock.sparen .sparen__top, .account__profile__content__dashboard__mainblock.sparen .sparen__bottom, .account__profile__content__dashboard__mainblock.sparen .sparen__middle {
    padding: 35px;
    padding-bottom: 0px;
  }
}
.account__profile__content__dashboard__mainblock.sparen .sparen__bottom, .account__profile__content__dashboard__mainblock.sparen .sparen__middle {
  padding-top: 0px;
}
.account__profile__content__dashboard__mainblock.sparen .sparen__middle {
  padding-bottom: 0px;
}
.account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels {
  padding: 0;
}
.account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__header {
  display: none;
}
@media print, screen and (min-width: 64em) {
  .account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__header {
    display: grid;
    grid-template-columns: 3fr 7fr 4fr;
    gap: 10px;
    align-items: center;
    margin-bottom: 5px;
  }
}
.account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__header > div {
  font-size: 14px;
  font-family: "Lexend";
  font-weight: bold;
}
.account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level {
  background: white;
  border: 2px solid #1e225d;
  border-radius: 12px;
  margin-bottom: 20px;
  position: relative;
  cursor: pointer;
}
.account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level:last-of-type {
  margin-bottom: 0px;
}
@media print, screen and (min-width: 64em) {
  .account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level {
    gap: 10px;
    display: grid;
    align-items: center;
    grid-template-columns: 2.5fr 6fr 6fr;
  }
}
.account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level__Premiumbuybuttom {
  display: none;
  padding-right: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level__Premiumbuybuttom .cf-button {
  float: right;
  min-width: 100%;
  max-width: 100%;
  height: 100%;
  display: flex;
}
@media print, screen and (min-width: 64em) {
  .account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level__Premiumbuybuttom .cf-button {
    min-width: 80%;
    max-width: 80%;
  }
}
.account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level__Premiumbuybuttom .cf-button .cf-button__text {
  text-align: start;
  color: white;
  font-size: 14px;
  font-family: "Poppins", sans-serif !important;
  font-weight: 500;
  text-align: start;
  margin-left: 0;
}
.account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level__Premiumbuybuttom .cf-button div {
  margin-left: 20px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level__Premiumbuybuttom .cf-button__icon {
  margin-right: 0;
  margin-left: 10px;
}
.account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level__Premiumbuybuttom .cf-button__icon img {
  width: 31px;
  height: 31px;
  filter: invert(100%) sepia(0%) saturate(2%) hue-rotate(96deg) brightness(105%) contrast(101%);
  opacity: 0.57;
  max-width: inherit;
}
.account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level__Premiumbuybuttom:hover .cf-button {
  background-color: white;
}
.account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level__Premiumbuybuttom:hover .cf-button__text {
  color: #ff9900;
}
.account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level__Premiumbuybuttom:hover .cf-button__icon img {
  filter: invert(53%) sepia(89%) saturate(1610%) hue-rotate(3deg) brightness(109%) contrast(103%);
}
.account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level__status {
  position: absolute;
  top: 0px;
  left: 0px;
  background: linear-gradient(to top left, transparent 0%, transparent 50%, #1e225d 50%, #1e225d 100%);
  width: 45px;
  height: 45px;
  border-radius: 10px 0px 0px 0px;
}
.account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level__status img {
  filter: invert(100%) sepia(0%) saturate(2%) hue-rotate(96deg) brightness(105%) contrast(101%);
  width: 15px;
  position: absolute;
  top: 5px;
  left: 5px;
}
.account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level__status img.unlocked {
  display: none;
}
@media print, screen and (min-width: 64em) {
  .account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level__content {
    gap: 10px;
    display: grid;
    align-items: center;
    grid-template-columns: 3fr 7fr 4fr;
  }
}
.account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level__name {
  padding: 10px 20px;
  padding-top: 20px;
  display: flex;
  align-items: center;
  gap: 15px;
}
@media print, screen and (min-width: 64em) {
  .account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level__name {
    padding-left: 27px;
    padding-top: 22px;
    padding-bottom: 22px;
    padding-right: 0px;
  }
}
.account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level__name__icon {
  position: relative;
}
.account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level__name__icon lottie-player {
  width: 45px;
  height: 45px;
}
.account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level__name__text p {
  margin-bottom: 0;
  font-family: poppins;
  font-size: 15px;
  font-weight: bold;
}
.account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level__benefits {
  padding: 5px 20px;
}
@media print, screen and (min-width: 64em) {
  .account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level__benefits {
    padding: 0;
  }
}
.account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level__benefits ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level__benefits ul li {
  margin-bottom: 5px;
  display: flex;
  align-items: center;
}
.account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level__benefits ul li .icon {
  display: flex;
  align-items: center;
  margin-right: 10px;
  min-width: 14px;
}
.account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level__benefits ul li .benefit-container {
  background: #F8F8FA;
  border-radius: 100px;
  display: inline-flex;
  align-items: center;
  gap: 15px;
  padding: 4px 12px;
}
.account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level__benefits ul li img {
  width: 14px;
  height: 14px;
  filter: invert(17%) sepia(7%) saturate(6159%) hue-rotate(200deg) brightness(97%) contrast(107%);
}
.account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level__benefits ul li img.unlocked {
  display: none;
}
.account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level__benefits ul li span, .account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level__benefits ul li .text, .account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level__benefits ul li .text a {
  font-size: 14px;
  text-align: left;
  line-height: 1.2;
}
.account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level__benefits ul li:last-of-type {
  margin-bottom: 0px;
}
.account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level__todolist {
  justify-self: end;
  padding: 5px 20px;
  padding-bottom: 20px;
  min-width: 100%;
  max-width: 100%;
  margin-left: 0px;
}
@media print, screen and (min-width: 64em) {
  .account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level__todolist {
    padding: 0;
    min-width: unset;
    width: 377px;
    max-width: 377px;
    padding: 19px;
    padding-left: 0px;
  }
}
.account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level__todolist ul {
  margin: 0;
  list-style-type: none;
  padding: 0;
}
@media print, screen and (min-width: 64em) {
  .account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level__todolist ul {
    max-width: 358px;
  }
}
.account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level__todolist__knop {
  background: #1C2663;
  border-radius: 8px;
  padding: 12px;
  display: flex;
  align-items: center;
}
.account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level__todolist__knop img {
  width: 31px;
  height: 31px;
  filter: invert(97%) sepia(3%) saturate(3040%) hue-rotate(225deg) brightness(113%) contrast(103%);
  align-self: center;
  opacity: 0.57;
}
.account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level__todolist__knop__tekstdiv {
  margin-left: 20px;
}
.account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level__todolist__knop.premium {
  background: #ff9900;
}
.account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level__todolist li {
  list-style-type: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 5px;
  text-align: left;
}
.account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level__todolist li:last-of-type {
  margin-bottom: 0px;
}
.account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level__todolist li .benefit-container {
  text-align: start;
  line-height: 1;
}
.account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level__todolist li span {
  color: white;
  font-size: 14px;
  font-family: "Poppins", sans-serif !important;
  font-weight: 500;
  text-align: start;
}
.account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level__todolist li.achieved div.text {
  text-decoration: line-through;
  text-align: left;
}
.account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level__todolist li.achieved div.icon img {
  filter: invert(11%) sepia(48%) saturate(3214%) hue-rotate(225deg) brightness(95%) contrast(95%);
}
.account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level__todolist div.icon {
  min-width: 15px;
  line-height: 1;
  margin-right: 5px;
}
.account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level__todolist div.icon img {
  filter: invert(56%) sepia(42%) saturate(1345%) hue-rotate(0deg) brightness(104%) contrast(105%);
  width: 20px;
}
@media print, screen and (min-width: 64em) {
  .account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level__todolist div.icon {
    margin-right: 20px;
  }
}
.account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level__todolist div.text {
  font-size: 14px;
  font-weight: 400;
  font-family: "Poppins", sans-serif;
  width: -moz-fit-content;
  width: fit-content;
  line-height: 1;
}
.account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level.achieved {
  cursor: default;
  border-color: rgba(30, 34, 93, 0.5);
}
.account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level.achieved .sparen__loyaltylevels__level__status {
  display: none;
}
.account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level.achieved .sparen__loyaltylevels__level__benefits img.benefit {
  display: none;
}
.account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level.achieved .sparen__loyaltylevels__level__benefits img.unlocked {
  display: block;
}
.account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level.achieved .sparen__loyaltylevels__level__status {
  opacity: 0.5;
}
.account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level.achieved .sparen__loyaltylevels__level__name {
  opacity: 0.5;
}
.account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level.achieved .sparen__loyaltylevels__level__benefits {
  opacity: 0.5;
}
.account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level.achieved .sparen__loyaltylevels__level__todolist {
  opacity: 0.5;
}
.account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level.current {
  border-color: rgb(30, 34, 93);
}
.account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level.current .sparen__loyaltylevels__level__status {
  opacity: 1;
}
.account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level.current .sparen__loyaltylevels__level__name {
  opacity: 1;
}
.account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level.current .sparen__loyaltylevels__level__benefits {
  opacity: 1;
}
.account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level.current .sparen__loyaltylevels__level__todolist {
  opacity: 1;
}
.account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level.nextlevel .sparen__loyaltylevels__level__status {
  display: block;
}
.account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level.nextlevel .sparen__loyaltylevels__level__status img.locked {
  display: block;
}
.account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level.nextlevel .sparen__loyaltylevels__level__status img.unlocked {
  display: none;
}
.account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level.nextlevel .sparen__loyaltylevels__level__status img.premiumlocked {
  display: none;
}
.account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level.locked {
  border-color: rgba(30, 34, 93, 0.5);
}
.account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level.locked .sparen__loyaltylevels__level__status {
  opacity: 0.5;
}
.account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level.locked .sparen__loyaltylevels__level__name {
  opacity: 0.5;
}
.account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level.locked .sparen__loyaltylevels__level__benefits {
  opacity: 0.5;
}
.account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level.locked .sparen__loyaltylevels__level__todolist {
  opacity: 1;
}
.account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level.premium {
  border-color: #ff9900;
}
.account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level.premium .sparen__loyaltylevels__level__status {
  display: block;
  background: linear-gradient(to top left, transparent 0%, transparent 50%, #ff9900 50%, #ff9900 100%);
}
.account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level.premium .sparen__loyaltylevels__level__status img.locked {
  display: none;
}
.account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level.premium .sparen__loyaltylevels__level__status img.unlocked {
  display: block;
}
.account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level.premium .sparen__loyaltylevels__level__status img.premiumlocked {
  display: none;
}
.account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level.premiumlocked {
  border-color: rgb(255, 153, 0);
}
.account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level.premiumlocked .sparen__loyaltylevels__level__status {
  display: block;
  background: linear-gradient(to top left, transparent 0%, transparent 50%, #ff9900 50%, #ff9900 100%);
}
.account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level.premiumlocked .sparen__loyaltylevels__level__status img.locked {
  display: none;
}
.account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level.premiumlocked .sparen__loyaltylevels__level__status img.unlocked {
  display: none;
}
.account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level.premiumlocked .sparen__loyaltylevels__level__status img.premiumlocked {
  display: block;
}
.account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level.premiumlocked .sparen__loyaltylevels__level__status {
  opacity: 1;
}
.account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level.premiumlocked .sparen__loyaltylevels__level__name {
  opacity: 1;
}
.account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level.premiumlocked .sparen__loyaltylevels__level__benefits {
  opacity: 1;
}
.account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level.premiumlocked .sparen__loyaltylevels__level__todolist {
  opacity: 1;
}
.account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level.premiumlocked .sparen__loyaltylevels__level__Premiumbuybuttom {
  display: block;
}
.account__profile__content__dashboard__mainblock.sparen .sparenvoorextras {
  padding: 0;
}
@media print, screen and (min-width: 64em) {
  .account__profile__content__dashboard__mainblock.sparen .sparenvoorextras {
    height: -moz-fit-content;
    height: fit-content;
  }
}
.account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__title {
  font-family: "Lexend", sans-serif;
  font-size: 23px;
  font-weight: bold;
  color: #1C2663;
  margin-bottom: 25px;
  letter-spacing: -0.44px;
  text-align: left;
}
.account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__title span {
  color: #9DA2BF;
  font-weight: 500;
}
.account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__tekst {
  font-size: 14px;
  font-family: "Poppins", sans-serif;
  margin-top: 0px;
}
@media print, screen and (min-width: 64em) {
  .account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__tekst {
    margin-right: 50px;
  }
}
.account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__huidiglevel {
  display: flex;
  justify-items: center;
  gap: 20px;
  flex-direction: row;
  flex-wrap: wrap;
  text-align: initial;
}
@media print, screen and (min-width: 40em) {
  .account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__huidiglevel {
    flex-direction: row;
    gap: 30px;
    align-items: center;
    justify-items: start;
    text-align: center;
  }
}
@media print, screen and (min-width: 64em) {
  .account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__huidiglevel {
    gap: 40px;
  }
}
@media screen and (min-width: 75em) {
  .account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__huidiglevel {
    gap: 60px;
  }
}
@media screen and (min-width: 90em) {
  .account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__huidiglevel {
    gap: 100px;
  }
}
.account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__huidiglevel__img {
  justify-content: center;
  display: flex;
}
@media print, screen and (min-width: 64em) {
  .account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__huidiglevel__img {
    justify-content: initial;
    display: block;
  }
}
.account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__huidiglevel__niveau {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
@media print, screen and (min-width: 40em) {
  .account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__huidiglevel__niveau {
    justify-content: flex-start;
    width: -moz-fit-content;
    width: fit-content;
  }
}
.account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__huidiglevel__niveau__extralayer {
  border: 1px solid #1C2663;
  border-radius: 100px;
  padding: 7px;
}
.account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__huidiglevel__niveau__icon {
  position: relative;
  border: 1px solid #1C2663;
  border-radius: 100px;
}
.account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__huidiglevel__niveau__icon lottie-player {
  width: 38px;
  height: 38px;
}
.account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__huidiglevel__niveau__icon .locked {
  display: none;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  filter: invert(10%) sepia(54%) saturate(3706%) hue-rotate(226deg) brightness(90%) contrast(91%);
}
.account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__huidiglevel__niveau__icon.starter {
  opacity: 0.71;
}
.account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__huidiglevel__niveau__icon.starter lottie-player {
  opacity: 0.5;
}
.account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__huidiglevel__niveau__icon.starter .locked {
  display: inline;
}
.account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__huidiglevel__niveau p {
  font-family: "Poppins", sans-serif;
  text-align: left;
  margin-bottom: 0;
  font-size: 14px;
  letter-spacing: -0.28px;
  line-height: 1.4;
}
.account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__huidiglevel__niveau .huidigbold {
  font-weight: bold;
  font-size: 14px;
}
.account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__huidiglevel__budget .title, .account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__huidiglevel__budget .money {
  font-size: 14px;
  line-height: 1.4;
}
.account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__huidiglevel__budget .money {
  font-weight: normal;
}
.account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__huidiglevel__budget .money span {
  font-weight: bold;
}
.account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__huidiglevel__budget .opleidingsbudgetedit {
  padding: 0px;
}
.account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__huidiglevel__progressbalkdiv {
  width: 100%;
}
@media print, screen and (min-width: 40em) {
  .account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__huidiglevel__progressbalkdiv {
    width: 300px;
  }
}
.account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__huidiglevel__progressbalkdiv__tekst {
  color: #1C2663;
  font-size: 14px;
  font-family: "Poppins", sans-serif;
}
.account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__huidiglevel__progressbalkdiv__tekst p {
  font-family: "Poppins", sans-serif;
  margin-bottom: 0px;
  text-align: left;
}
.account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__huidiglevel__progressbalkdiv__tekst span {
  font-weight: 700;
}
.account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__huidiglevel__progressbalkdiv__balk {
  width: 100%;
  height: 16px;
  position: relative;
}
.account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__huidiglevel__progressbalkdiv__balk__fullbalk {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #EDEDED;
  border-radius: 4px;
}
.account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__huidiglevel__progressbalkdiv__balk__userbalk {
  max-width: 100%;
  position: absolute;
  height: 100%;
  background: #FFBA00;
  border-radius: 5px;
  z-index: 3;
}
.account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__huidiglevel__personalbudget__tekst {
  margin-bottom: 0px;
  font-size: 14px;
  font-family: "Poppins", sans-serif;
  text-align: left;
}
.account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__huidiglevel__personalbudget__tekst svg {
  width: 14px;
  height: 14px;
  margin-left: 5px;
}
.account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__huidiglevel__personalbudget__budget {
  margin-bottom: 0px;
  font-size: 14px;
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  text-align: left;
  display: flex;
  gap: 5px;
  align-items: center;
}
.account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__huidiglevel__personalbudget__budget img {
  width: 14px;
  height: 14px;
  filter: invert(9%) sepia(69%) saturate(3357%) hue-rotate(229deg) brightness(88%) contrast(91%);
}
.account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__huidiglevel__text p {
  max-width: 356px;
  margin-bottom: 0px;
  font-family: poppins;
  font-size: 15px;
  display: flex;
  align-items: center;
}
.account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__huidiglevel__punten p {
  margin-bottom: 0;
  font-size: 14px;
  letter-spacing: -0.28px;
}
.account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__huidiglevel__punten ul {
  list-style-type: none;
  margin: 0;
  margin-top: 10px;
}
@media print, screen and (min-width: 64em) {
  .account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__huidiglevel__punten ul {
    margin-top: 0px;
  }
}
.account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__huidiglevel__punten li {
  font-weight: 500;
  display: flex;
  gap: 10px;
  align-items: center;
  margin-bottom: 5px;
  font-size: 14px;
  letter-spacing: -0.28px;
}
.account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__huidiglevel__punten li:last-of-type {
  margin-bottom: 0px;
}
.account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__huidiglevel__punten img {
  width: 14px;
  filter: invert(9%) sepia(70%) saturate(2195%) hue-rotate(226deg) brightness(104%) contrast(97%);
}
.account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__huidiglevel__voortgang p {
  margin-bottom: 0px;
  font-size: 14px;
  letter-spacing: -0.28px;
}
.account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__huidiglevel__voortgang__bardiv {
  display: flex;
}
.account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__tierlist {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__tierlist__box {
  text-align: center;
  display: grid;
  justify-items: center;
}
.account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__tierlist__box svg {
  width: 55px;
  height: 55px;
}
.account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__tierlist__box lottie-player {
  width: 55px;
  height: 55px;
}
.account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__tierlist__box__title {
  margin-bottom: 0px;
  font-weight: bold;
  text-align: center;
}
.account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__tierlist__box__tekst {
  margin-bottom: 0px;
  text-align: center;
  font-weight: 500;
  font-size: 14px;
}
.account__profile__content__dashboard__mainblock.sparen .sparenvoorextras .sparenvoorextras__punten {
  display: grid;
  grid-template-columns: 9fr 1fr;
  margin-top: 25px;
}
.account__profile__content__dashboard__mainblock.sparen .sparenvoorextras .sparenvoorextras__punten__bar {
  margin-top: 5px;
  width: 100%;
  background-color: #ededed;
  border-radius: 4px;
  min-height: 16px;
}
.account__profile__content__dashboard__mainblock.sparen .sparenvoorextras .sparenvoorextras__punten__bar__insidebar {
  width: 85%;
  height: 100%;
  background: #ffba00;
  border-radius: 4px;
}
.account__profile__content__dashboard__mainblock.sparen .sparenvoorextras .sparenvoorextras__punten__getal {
  margin-bottom: 0px;
  font-size: 16px;
  font-weight: bold;
}
.account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__benefits {
  background-color: #F8F8FA;
  padding: 20px;
  margin-bottom: 11px;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__benefits p {
  margin-bottom: 0;
  text-align: left;
}
.account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__benefits ul {
  margin-bottom: 0;
}
.account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__benefits ul li {
  text-align: left;
}
.account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__benefits:last-of-type {
  margin-bottom: 0px;
}
.account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__benefits.achieved .sparenvoorextras__huidiglevel__img img {
  display: none;
}
.account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__benefits.achieved .sparenvoorextras__huidiglevel__punten img.benefit {
  display: none;
}
.account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__benefits.locked .sparenvoorextras__huidiglevel__img {
  position: relative;
}
.account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__benefits.locked .sparenvoorextras__huidiglevel__img lottie-player {
  opacity: 0.5;
}
.account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__benefits.locked .sparenvoorextras__huidiglevel__img img {
  position: absolute;
  top: 16px;
  left: 16px;
  filter: invert(21%) sepia(12%) saturate(3912%) hue-rotate(197deg) brightness(83%) contrast(107%);
}
.account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__benefits.locked .sparenvoorextras__huidiglevel__niveau, .account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__benefits.locked .sparenvoorextras__huidiglevel__punten {
  opacity: 0.5;
}
.account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__benefits.locked .sparenvoorextras__huidiglevel__punten img.unlocked {
  display: none;
}
@media print, screen and (min-width: 64em) {
  .account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__benefits {
    display: grid;
    grid-template-columns: 1fr 2fr 7fr;
  }
  .account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__benefits .sparenvoorextras__huidiglevel__niveau, .account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__benefits .sparenvoorextras__huidiglevel__punten {
    padding-top: 5px;
  }
}
@media print, screen and (min-width: 64em) {
  .account__profile__content__dashboard__mainblock.sparen .hoesparen-lijst {
    padding-right: 40px;
  }
}
.account__profile__content__dashboard__mainblock.sparen .hoesparen {
  margin-top: 50px;
  border-radius: 20px;
}
@media print, screen and (min-width: 64em) {
  .account__profile__content__dashboard__mainblock.sparen .hoesparen {
    margin-top: 0px;
    overflow: scroll;
    overflow-x: scroll;
    height: 100%;
    overflow-x: hidden;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
    padding: 30px;
    background-color: #f8f8fa;
  }
  .account__profile__content__dashboard__mainblock.sparen .hoesparen::-webkit-scrollbar {
    display: none;
  }
  .account__profile__content__dashboard__mainblock.sparen .hoesparen p:not(.hoesparen__title) {
    margin-bottom: 0 !important;
  }
}
.account__profile__content__dashboard__mainblock.sparen .hoesparen__title {
  font-family: "Lexend", sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #1C2663;
  margin-bottom: 11px;
  text-align: start;
  margin-top: 20px;
  letter-spacing: -0.32px;
  text-align: left;
}
.account__profile__content__dashboard__mainblock.sparen .hoesparen__title:first-of-type {
  margin-top: 0px;
}
.account__profile__content__dashboard__mainblock.sparen .hoesparen__todolist {
  margin-left: 0px;
}
.account__profile__content__dashboard__mainblock.sparen .hoesparen__todolist li {
  list-style-type: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  background-color: white;
  border-radius: 100px;
  padding: 5px 10px;
  margin-bottom: 5px;
}
.account__profile__content__dashboard__mainblock.sparen .hoesparen__todolist li:last-of-type {
  margin-bottom: 0px;
}
.account__profile__content__dashboard__mainblock.sparen .hoesparen__todolist li.achieved div.text {
  text-decoration: line-through;
}
.account__profile__content__dashboard__mainblock.sparen .hoesparen__todolist li.achieved div.points {
  min-width: 45px;
  text-align: center;
}
.account__profile__content__dashboard__mainblock.sparen .hoesparen__todolist li.achieved div.points img {
  filter: invert(16%) sepia(36%) saturate(2705%) hue-rotate(214deg) brightness(86%) contrast(102%);
  width: 16px;
}
.account__profile__content__dashboard__mainblock.sparen .hoesparen__todolist div.left {
  display: flex;
  align-items: center;
  gap: 15px;
}
.account__profile__content__dashboard__mainblock.sparen .hoesparen__todolist div.icon {
  min-width: 20px;
  line-height: 1;
}
.account__profile__content__dashboard__mainblock.sparen .hoesparen__todolist div.icon img {
  filter: invert(56%) sepia(42%) saturate(1345%) hue-rotate(0deg) brightness(104%) contrast(105%);
  width: 20px;
}
.account__profile__content__dashboard__mainblock.sparen .hoesparen__todolist div.text {
  font-size: 14px;
  font-weight: 400;
  font-family: "Poppins", sans-serif;
  width: -moz-fit-content;
  width: fit-content;
  line-height: 1;
}
.account__profile__content__dashboard__mainblock.sparen .hoesparen__todolist div.points {
  border: 1px solid #D3D3D3;
  border-radius: 100px;
  font-size: 14px;
  font-weight: 400;
  font-family: "Poppins", sans-serif;
  width: -moz-fit-content;
  width: fit-content;
  padding: 5px 10px;
  line-height: 1;
}
.account__profile__content__settings__header {
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  text-align: left;
  font-size: 1.5rem;
  font-weight: 800;
  color: #1E225C;
}
@media print, screen and (min-width: 64em) {
  .account__profile__content__settings__header {
    margin-bottom: 10px;
    font-size: 30px;
  }
}
.account__profile__content__settings__menu {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 15px 30px rgba(42, 62, 82, 0.098);
  border-radius: 8px;
  margin-bottom: 30px;
}
@media print, screen and (min-width: 64em) {
  .account__profile__content__settings__menu {
    position: sticky;
    top: 90px;
    margin-bottom: 0px;
    height: 100%;
  }
}
.account__profile__content__settings__menu__header {
  font-weight: 500;
  padding: 19px 22px;
  border-bottom: 1px solid #EAEAEA;
  color: #1E225C;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
}
.account__profile__content__settings__menu__items {
  list-style-type: none;
  margin: 22px 0px;
}
.account__profile__content__settings__menu__items a {
  display: flex;
  align-items: center;
  gap: 13px;
  text-decoration: none;
}
.account__profile__content__settings__menu__items a img {
  width: 16px;
  filter: invert(56%) sepia(42%) saturate(1345%) hue-rotate(0deg) brightness(104%) contrast(105%);
}
.account__profile__content__settings__menu__items a:hover span {
  text-decoration: underline;
}
.account__profile__content__settings__sections__container {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 15px 30px rgba(42, 62, 82, 0.098);
  border-radius: 8px;
  padding: 35px 22px;
}
@media print, screen and (min-width: 64em) {
  .account__profile__content__settings__sections__container {
    padding: 60px;
  }
}
.account__profile__content__settings__section__header {
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  text-align: left;
  font-size: 1.3rem;
  font-weight: 800;
  color: #1E225C;
  border-bottom: 1px solid #1e225d;
  padding: 15px 0px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media print, screen and (min-width: 64em) {
  .account__profile__content__settings__section__header {
    margin-bottom: 10px;
    font-size: 22px;
  }
}
.account__profile__content__settings__section__header > div {
  display: flex;
  align-items: center;
}
.account__profile__content__settings__section__header__message {
  display: flex;
  align-items: center;
  color: #7E8088;
  letter-spacing: -0.28px;
  font-size: 14px;
  font-weight: 300;
}
.account__profile__content__settings__section__header__message strong {
  color: #1e225d;
}
.account__profile__content__settings__section__header .important-icon {
  filter: invert(55%) sepia(8%) saturate(279%) hue-rotate(190deg) brightness(91%) contrast(92%);
}
.account__profile__content__settings__section__header img {
  width: 16px;
  margin-right: 10px;
  margin-left: 10px;
}
.account__profile__content__settings__section__header:hover {
  cursor: pointer;
}
.account__profile__content__settings__section__container {
  display: none;
  padding: 35px 0px;
}
.account__profile__content__settings__section__container__subtitle {
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 20px;
  margin-top: 35px;
}
.account__profile__content__settings__section__container__subtitle:first-of-type {
  margin-top: 0px;
}
.account__profile__content__settings__section__container .checkout__form {
  padding: 0px;
  border: none;
}
.account__profile__content__settings__section__container .checkout__form__row {
  flex-wrap: wrap;
}
@media print, screen and (min-width: 40em) {
  .account__profile__content__settings__section__container .checkout__form__row {
    flex-wrap: initial;
  }
}
.account__profile__content__settings__section__container .shareinterestpopup .form-addinginterests {
  justify-content: flex-start;
}
.account__profile__content__settings__section__container .shareinterestpopup .shareinterestpopup__box__submitknop {
  justify-content: flex-start;
}
.account .certificate-box {
  width: 150px;
  height: 200px;
  border: 2px dashed transparent;
  position: relative;
  border-radius: 8px;
}
.account .certificate-box img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
}
.account .certificate-box:after {
  display: block;
  position: absolute;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #000 100%);
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.5;
  border-radius: 8px;
}
.account .certificate-box .certificate-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  white-space: initial;
  padding: 5px 10px;
  margin-bottom: 0;
  color: white;
  border-radius: 8px;
  z-index: 3;
  line-height: 1.2;
}
.account .certificate-box.unfilled {
  border: 2px dashed rgba(28, 38, 99, 0.18);
}
.account .certificate-box.unfilled:after {
  display: none;
}

.login-modal {
  padding: 0px;
  border-radius: 12px;
  border: none;
}
@media print, screen and (min-width: 40em) {
  .login-modal {
    width: 75vw;
    max-width: 789px;
  }
}
.login-modal__switch {
  font-family: "Lexend", sans-serif;
  font-display: fallback;
}
.login-modal__switch__current {
  background: white;
  padding: 26px;
  font-size: 1rem;
  font-weight: 800;
  text-align: center;
  color: #1E225C;
  letter-spacing: -0.4px;
}
.login-modal__switch__option {
  background: #1E225C;
  color: white;
  padding: 26px;
  font-size: 1rem;
  font-weight: 800;
  text-align: center;
  letter-spacing: -0.4px;
  cursor: pointer;
}
.login-modal__switch__option__focus {
  color: #ff9900;
  text-decoration: underline;
  padding-left: 10px;
}
.login-modal__switch__option:hover__focus {
  text-decoration: none;
}
.login-modal__content {
  padding: 20px;
}
@media print, screen and (min-width: 40em) {
  .login-modal__content {
    padding: 50px;
  }
}
.login-modal__content__title {
  font-size: 1.95rem;
  font-weight: 900;
  letter-spacing: -0.62px;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  color: #1E225C;
  text-align: left;
}
.login-modal__content label {
  font-size: 0.9rem;
  letter-spacing: -0.28px;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  color: #1E225C;
}
.login-modal__content input[type=text], .login-modal__content input[type=password], .login-modal__content input[type=email] {
  border: 1px solid #1C2663;
  border-radius: 4px;
  margin-bottom: 13px;
  padding: 15px 10px 12px 10px;
  min-height: 47px;
}
.login-modal__content input[type=text]::-moz-placeholder, .login-modal__content input[type=password]::-moz-placeholder, .login-modal__content input[type=email]::-moz-placeholder {
  font-family: "Lexend", sans-serif;
  font-display: fallback;
}
.login-modal__content input[type=text]::placeholder, .login-modal__content input[type=password]::placeholder, .login-modal__content input[type=email]::placeholder {
  font-family: "Lexend", sans-serif;
  font-display: fallback;
}

.account-dropdown {
  box-shadow: 0px 15px 30px rgba(42, 62, 82, 0.098);
  border-radius: 8px;
  border: none;
  padding: 0px !important;
  left: auto !important;
  right: 30px;
  top: 80px !important;
  width: 220px;
}
.account-dropdown__menu__section {
  border-bottom: 1px solid #EAEAEA;
  padding: 12px 14px;
}
.account-dropdown__menu__section ul {
  list-style-type: none;
  margin: 0px;
}
.account-dropdown__menu__section ul li {
  margin: 5px 0px;
}
.account-dropdown__menu__section ul li a {
  text-decoration: none;
}
.account-dropdown__menu__section ul li a img {
  width: 15px;
  height: 15px;
  margin-right: 10px;
  -o-object-fit: contain;
     object-fit: contain;
  filter: invert(13%) sepia(67%) saturate(1543%) hue-rotate(216deg) brightness(95%) contrast(100%);
}
.account-dropdown__menu__section ul li a img.membership {
  width: 18px;
  margin-right: 7px;
}
.account-dropdown__menu__section ul li a:hover {
  text-decoration: underline;
}
.account-dropdown__menu__section ul.logout {
  margin-top: 5px;
}
.account-dropdown__menu__section ul.logout li a {
  display: flex;
  align-items: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
.account-dropdown__menu__section ul.logout li a svg {
  transform: scale(0.75);
}
.account-dropdown__menu__section ul.logout li a svg path {
  fill: #1E225C;
}
.account-dropdown__menu__section.credits a:hover {
  text-decoration: none;
}
.account-dropdown__menu__section.credits span .money {
  border: 1px solid #d9d9d9;
  margin-left: 5px;
  padding-left: 8px;
  padding-right: 8px;
  border-radius: 8px;
}
.account-dropdown__menu__section.header {
  font-weight: 500;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  color: #1E225C;
}
.account-dropdown__menu__section:last-of-type {
  border-bottom: none;
}
.account-dropdown.mobile {
  z-index: 11000;
  width: 100% !important;
  top: 75px !important;
  right: 0px !important;
  position: fixed;
  height: 1000px;
  display: block;
}
.account-dropdown.mobile .mobile-name {
  display: flex;
}
.account-dropdown.mobile .mobile-name li {
  padding-top: 10px;
}
.account-dropdown.mobile .mobile-name li a {
  font-size: 16px;
}
.account-dropdown.mobile .mobile-name button {
  top: auto;
  padding-left: 22px;
  border: 1px solid #1E225C;
  border-radius: 100px;
  padding-bottom: 10px;
}
.account-dropdown.mobile .mobile-name button .new-back {
  font-size: 16px;
  font-weight: 500;
  position: relative;
  font-family: "lexend";
  margin-left: 0;
  text-decoration: none;
  padding-right: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #1E225C;
}
.account-dropdown.mobile .mobile-text-section a {
  font-size: 16px;
}
.account-dropdown.mobile .mobile-text-section.credits span {
  font-size: 16px;
}
@media print, screen and (min-width: 40em) {
  .account-dropdown.mobile {
    width: 560px !important;
    top: 80px !important;
  }
}

.profile-avatar-field {
  display: flex;
  justify-content: center;
}
@media print, screen and (min-width: 40em) {
  .profile-avatar-field {
    display: block;
  }
}
.profile-avatar-field .avatar-container {
  max-width: 120px;
  max-height: 120px;
  width: 120px;
  height: 120px;
  margin-top: 10px;
}
@media print, screen and (min-width: 40em) {
  .profile-avatar-field .avatar-container {
    margin-top: 0px;
  }
}
.profile-avatar-field .hoverprofilebg, .profile-avatar-field .hoverprofileimg {
  opacity: 0;
  transition: opacity 400ms;
  position: absolute;
  height: 120px;
  width: 120px;
  border-radius: 100%;
}
.profile-avatar-field .profile-avatar {
  width: 100%;
  padding-bottom: 100%;
  border-radius: 100%;
  text-align: center;
  background-color: #1E225C;
  position: relative;
}
.profile-avatar-field .profile-avatar span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  font-weight: bold;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  font-size: 3.75rem;
}
.profile-avatar-field .profile-avatar__personimage {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media print, screen and (min-width: 40em) {
  .profile-avatar-field .profile-avatar {
    width: 100%;
    padding-bottom: 100%;
  }
}
.profile-avatar-field .profile-avatar:hover .hoverprofilebg {
  background-color: #000;
  opacity: 50%;
}
.profile-avatar-field .profile-avatar:hover .hoverprofileimg {
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
  opacity: 50%;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yNCAyMmgtMjR2LTIwaDI0djIwem0tMS0xOWgtMjJ2MThoMjJ2LTE4em0tMSAxNmgtMTlsNC03LjQ5MiAzIDMuMDQ4IDUuMDEzLTcuNTU2IDYuOTg3IDEyem0tMTEuODQ4LTIuODY1bC0yLjkxLTIuOTU2LTIuNTc0IDQuODIxaDE1LjU5M2wtNS4zMDMtOS4xMDgtNC44MDYgNy4yNDN6bS00LjY1Mi0xMS4xMzVjMS4zOCAwIDIuNSAxLjEyIDIuNSAyLjVzLTEuMTIgMi41LTIuNSAyLjUtMi41LTEuMTItMi41LTIuNSAxLjEyLTIuNSAyLjUtMi41em0wIDFjLjgyOCAwIDEuNS42NzIgMS41IDEuNXMtLjY3MiAxLjUtMS41IDEuNS0xLjUtLjY3Mi0xLjUtMS41LjY3Mi0xLjUgMS41LTEuNXoiLz48L3N2Zz4=");
  background-repeat: no-repeat;
  background-size: 100px 100px;
  background-position: center;
}
.profile-avatar-field #selfimage .changedimg {
  width: 100% !important;
  height: inherit !important;
}

.profile-name {
  margin-bottom: 20px;
}
@media print, screen and (min-width: 40em) {
  .profile-name {
    margin-bottom: 0;
  }
}
@media print, screen and (min-width: 64em) {
  .profile-name {
    padding-left: 25px !important;
  }
}
.profile-name a.name {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
}
@media print, screen and (min-width: 64em) {
  .profile-name a.name {
    justify-content: flex-start;
  }
}
.profile-name a img.edit {
  width: 25px;
  opacity: 0.5;
  transition: all 400ms;
  filter: invert(18%) sepia(7%) saturate(5545%) hue-rotate(194deg) brightness(99%) contrast(107%);
  position: absolute;
  right: -35px;
}
@media print, screen and (min-width: 64em) {
  .profile-name a img.edit {
    position: relative;
    right: unset;
  }
}
.profile-name a:hover img.edit {
  opacity: 1;
}

.favorite-link.selected svg.notselected {
  display: none;
}
.favorite-link.notselected svg.selected {
  display: none;
}

.alert-box ul {
  margin: 0px;
  list-style-type: none;
  padding: 0px;
}
.alert-box ul li {
  color: white !important;
}

.alert-box.alert {
  border: 1px solid #fcd34d;
  background-color: #fef3c7;
  padding: 20px;
  color: #1e225d;
  display: none;
  border-radius: 8px;
  margin-bottom: 15px;
}
.alert-box.alert ul li {
  color: #1e225d !important;
}

.alert-box.success {
  border: 1px solid #34d399;
  background-color: #d1f7e4;
  padding: 20px;
  color: #1e225d;
  display: none;
  border-radius: 8px;
  margin-bottom: 15px;
}
.alert-box.success ul li {
  color: #1e225d !important;
}

.account-creation-header__container {
  align-items: center;
  justify-content: center;
  background: white;
  width: 100%;
  margin: 0;
  padding: 0 1.5rem;
  display: flex;
  gap: 10px;
  height: 50px;
}
@media print, screen and (min-width: 40em) {
  .account-creation-header__container {
    height: 70px;
    gap: 20px;
  }
}
@media print, screen and (min-width: 64em) {
  .account-creation-header__container {
    height: 90px;
    gap: 60px;
  }
}
.account-creation-header__logo-section {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  height: inherit;
  padding: 10px;
}
.account-creation-header__logo-section .logo-divider {
  height: 100%;
  width: 1px;
  background-color: #1e225d;
  align-self: stretch;
}
.account-creation-header__logo-section__cf, .account-creation-header__logo-section__pronews {
  max-width: 132px;
  position: relative;
}
.account-creation-header__logo-section__cf #logo-animation {
  margin-left: -8px;
  margin-top: 12px;
}
@media print, screen and (min-width: 40em) {
  .account-creation-header__logo-section__cf, .account-creation-header__logo-section__pronews {
    max-width: 152px;
    position: relative;
  }
}
@media print, screen and (min-width: 64em) {
  .account-creation-header__logo-section__cf, .account-creation-header__logo-section__pronews {
    max-width: 200px;
    position: relative;
  }
}

.js-off-canvas-overlay.is-visible {
  background: rgba(0, 0, 0, 0.25) !important;
}

.login-off-canvas {
  background: white;
  padding: 100px 25px;
  width: 100%;
  box-shadow: none;
  height: 100%;
  transform: translateX(100%);
}
@media print, screen and (min-width: 40em) {
  .login-off-canvas {
    width: 560px;
    transform: translateX(560px);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2) !important;
  }
}
@media print, screen and (min-width: 64em) {
  .login-off-canvas {
    padding: 175px 75px;
    width: 620px;
    transform: translateX(620px);
  }
}
.login-off-canvas .close-button {
  color: #1e225d;
  font-size: 4rem;
  outline: none;
  right: 2rem;
  top: 2rem;
}
.login-off-canvas .close-button:focus {
  outline: none;
}
.login-off-canvas .close-button span {
  font-size: 4rem;
}
.login-off-canvas__intro {
  margin-bottom: 57px;
}
@media print, screen and (min-width: 64em) {
  .login-off-canvas__intro h2 {
    font-size: 1.875rem;
  }
}
.login-off-canvas__form {
  margin-bottom: 75px;
}
.login-off-canvas__form .form-group {
  margin-top: 16px;
  margin-bottom: 16px;
}
.login-off-canvas__form .form-section-title {
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  font-size: 1.3rem;
  font-weight: 600;
}
.login-off-canvas__form .form-about-link {
  font-size: 14px;
}
.login-off-canvas__form .form-hints {
  font-size: 0.875rem;
}
.login-off-canvas__form .account-creation-info {
  border: 1px solid #1e225d;
  padding: 20px;
  text-align: center !important;
  border-radius: 8px;
  margin-top: 16px;
  margin-bottom: 16px;
}
.login-off-canvas__form input[type=radio], .login-off-canvas__form input[type=checkbox] {
  transform: scale(1.7);
  margin-bottom: 0px;
  margin-right: 22px;
  margin-left: 5px;
}
.login-off-canvas__form input[type=radio] {
  margin-right: 12px;
}
.login-off-canvas__form input[type=text], .login-off-canvas__form input[type=email], .login-off-canvas__form input[type=tel], .login-off-canvas__form input[type=date], .login-off-canvas__form input[type=password] {
  margin-bottom: 0px;
  border: 1px solid #1e225d;
  border-radius: 4px;
  padding: 7px 13px;
  padding: 16px 30px;
  font-size: 0.9375rem;
  height: unset;
  color: #1e225d;
  box-shadow: none;
  width: 100%;
}
.login-off-canvas__form input[type=text]::-moz-placeholder, .login-off-canvas__form input[type=email]::-moz-placeholder, .login-off-canvas__form input[type=tel]::-moz-placeholder, .login-off-canvas__form input[type=date]::-moz-placeholder, .login-off-canvas__form input[type=password]::-moz-placeholder {
  color: #9798A2;
}
.login-off-canvas__form input[type=text]::placeholder, .login-off-canvas__form input[type=email]::placeholder, .login-off-canvas__form input[type=tel]::placeholder, .login-off-canvas__form input[type=date]::placeholder, .login-off-canvas__form input[type=password]::placeholder {
  color: #9798A2;
}
.login-off-canvas__form label {
  font-weight: 600;
  color: #1e225d;
}
.login-off-canvas__form__input-withbutton {
  position: relative;
}
.login-off-canvas__form__input-withbutton > input {
  padding-right: 100px !important;
}
.login-off-canvas__form__input-withbutton > button {
  position: absolute;
  right: 20px;
  top: 16px;
  font-weight: 600;
  color: #1e225d;
}
.login-off-canvas__text {
  color: #1e225d;
}
.login-off-canvas__text a {
  font-weight: 600;
}
.login-off-canvas__usps ul {
  list-style-type: none;
  margin: 0;
}
.login-off-canvas__usps ul li {
  display: flex;
  align-items: center;
}
.login-off-canvas__usps ul li span {
  font-size: 14px;
}
.login-off-canvas__usps ul li svg {
  margin-right: 10px;
  margin-bottom: 5px;
  min-width: 20px;
}
.login-off-canvas__usps ul li svg path {
  fill: #1e225d;
}

.alert ul {
  margin: 0px;
  list-style-type: none;
  padding: 0px;
}
.alert ul li {
  color: white !important;
}

.alert-danger {
  border: 1px solid red;
  background-color: #f44336;
  padding: 20px;
  color: white;
}

.alert-success {
  border: 1px solid green;
  background-color: #04AA6D;
  padding: 20px;
  color: white;
}

@media print, screen and (min-width: 64em) {
  .instellingen-accountprofile {
    overflow: unset !important;
    height: -moz-fit-content;
    height: fit-content;
    background: #f8f8fa;
  }
}

@media print, screen and (min-width: 64em) {
  .instellingenpagina .account__sidebar {
    position: fixed;
    top: 74px;
  }
}

.underpart_loyality {
  display: block;
  height: initial;
}
@media print, screen and (min-width: 64em) {
  .underpart_loyality {
    display: flex;
  }
}

.account__profile__content__settings__section__header__alert {
  margin-bottom: 20px;
}

.eerstecolominspiratiefactory {
  margin-bottom: 30px;
}
@media print, screen and (min-width: 40em) {
  .eerstecolominspiratiefactory {
    margin-bottom: 0px;
  }
}

.content-divider_clubmembership {
  border-bottom: 1px solid #DDDDDD;
  clear: both;
  height: 0;
  margin: 1.25rem auto;
  border-top: 0;
  border-right: 0;
  border-left: 0;
  max-width: initial;
  margin-bottom: 45px;
  margin-top: 45px;
}

.membership-smalltext {
  padding-top: 30px;
  padding-bottom: 10px;
  font-size: 14px;
  margin-bottom: 0 !important;
  font-family: "Poppins", sans-serif !important;
  letter-spacing: -0.28px;
  color: #8E95B5;
  font-weight: 300;
  width: 100%;
  text-align: start !important;
}
@media print, screen and (min-width: 64em) {
  .membership-smalltext {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media print, screen and (min-width: 40em) {
  .membership-smalltext {
    max-width: 800px;
  }
}

.smallprogresbar_memebership {
  display: flex;
  margin-top: 5px;
  align-items: center;
}
.smallprogresbar_memebership__bardiv {
  width: 66px;
  height: 5px;
  position: relative;
}
.smallprogresbar_memebership__bardiv__userbar {
  position: absolute;
  background-color: #FFBA00;
  height: 100%;
  border-radius: 4px;
  z-index: 2;
  max-width: 100%;
}
.smallprogresbar_memebership__bardiv__fullbar {
  position: absolute;
  width: 100%;
  background-color: #EDEDED;
  height: 100%;
  border-radius: 4px;
}
.smallprogresbar_memebership__text {
  font-size: 12px;
  color: #1E225D;
  font-family: "Poppins", sans-serif !important;
  margin-left: 5px;
}

.offCanvaslevelinfo {
  position: absolute;
  top: 50% !important;
  transform: translateY(-50%);
  margin-left: 20px;
  margin-right: 20px;
}
@media print, screen and (min-width: 40em) {
  .offCanvaslevelinfo {
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
.offCanvaslevelinfo__box {
  background: white;
  box-shadow: 0px 3px 10px rgba(42, 62, 82, 0.129);
  border-radius: 12px;
  margin: auto;
  text-align: center;
  padding: 30px;
  position: relative;
}
@media print, screen and (min-width: 40em) {
  .offCanvaslevelinfo__box {
    width: 500px;
  }
}
.offCanvaslevelinfo__box__title {
  font-size: 22px;
  font-family: "Lexend", sans-serif;
  color: #1C2663;
  font-weight: bold;
  text-align: left;
  margin-bottom: 30px;
}
.offCanvaslevelinfo__box__actions {
  text-align: left;
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 8px;
  font-size: 14px;
}
.offCanvaslevelinfo__box__actions .text {
  color: white;
}
.offCanvaslevelinfo__box__textitle {
  text-align: left;
  font-family: "Lexend", sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #1C2663;
  margin-top: 30px;
  margin-bottom: 10px;
}
.offCanvaslevelinfo__box__text {
  text-align: left;
  font-size: 16px;
  color: #1C2663;
}

.modalCertificate {
  position: absolute;
  top: 50% !important;
  transform: translateY(-50%);
  margin-left: 20px;
  margin-right: 20px;
}
@media print, screen and (min-width: 40em) {
  .modalCertificate {
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
.modalCertificate__box {
  background: white;
  box-shadow: 0px 3px 10px rgba(42, 62, 82, 0.129);
  border-radius: 12px;
  margin: auto;
  text-align: center;
  padding: 30px;
  position: relative;
}
@media print, screen and (min-width: 40em) {
  .modalCertificate__box {
    width: 500px;
  }
}
@media print, screen and (min-width: 64em) {
  .modalCertificate__box {
    width: 733px;
  }
}
.modalCertificate__box__title {
  font-size: 22px;
  font-family: "Lexend", sans-serif;
  color: #1C2663;
  font-weight: bold;
  text-align: left;
  margin-bottom: 30px;
}
.modalCertificate__box__divider {
  height: 1px;
  background-color: #DDDDDD;
  margin: 45px 0px;
}
.modalCertificate__box__actions {
  text-align: left;
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 8px;
  font-size: 14px;
}
.modalCertificate__box__actions .text {
  color: white;
}
.modalCertificate__box__actions .cf-button--blue {
  width: 260px;
}
.modalCertificate__box__fields {
  margin-bottom: 30px;
}
.modalCertificate__box__fields .checkout__form__row {
  flex-wrap: wrap;
}
@media print, screen and (min-width: 64em) {
  .modalCertificate__box__fields .checkout__form__row {
    flex-wrap: nowrap;
  }
}
.modalCertificate__box__fields .checkout__form__row > div {
  width: 100%;
}
.modalCertificate__box__fields .checkout__form__row > div .jouwcode__kortingscode {
  width: 70vw;
  justify-content: space-between;
}
@media print, screen and (min-width: 40em) {
  .modalCertificate__box__fields .checkout__form__row > div .jouwcode__kortingscode {
    width: 100%;
  }
}
.modalCertificate__box__fields .checkout__form__row > div .jouwcode__kortingscode > span {
  text-align: left;
  overflow-x: scroll;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
.modalCertificate__box__fields .checkout__form__row > div .jouwcode__kortingscode > span::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera*/
}
@media print, screen and (min-width: 64em) {
  .modalCertificate__box__fields .checkout__form__row > div {
    width: 310px;
  }
  .modalCertificate__box__fields .checkout__form__row > div .jouwcode {
    width: 310px;
  }
  .modalCertificate__box__fields .checkout__form__row > div .jouwcode__kortingscode > span {
    width: 260px;
    text-align: left;
    overflow-x: scroll;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
  }
  .modalCertificate__box__fields .checkout__form__row > div .jouwcode__kortingscode > span::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera*/
  }
}
.modalCertificate__box__textitle {
  text-align: left;
  font-family: "Lexend", sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #1C2663;
  margin-top: 30px;
  margin-bottom: 10px;
}
.modalCertificate__box__text {
  text-align: left;
  font-size: 16px;
  color: #1C2663;
}

@media only screen and (min-width: 642px) {
  .verzamelingblade {
    min-height: 91.1vh;
  }
}
@media only screen and (max-width: 642px) {
  .verzamelingblade {
    min-height: 92vh;
  }
}
@media only screen and (max-width: 380px) {
  .verzamelingblade {
    min-height: 93vh;
  }
}
@media only screen and (min-width: 1010px) {
  .verzamelingblade {
    min-height: auto;
  }
}

#MoreInfoPersonality {
  display: none;
}

.email-preview-container {
  max-width: 600px;
}

.form-group {
  margin: 15px;
}

.email-preview {
  font-family: Arial, sans-serif;
  color: #333;
  line-height: 1.5;
}

.email-preview-header {
  color: #555;
}

.steps-indicator {
  display: flex;
  margin-bottom: 20px;
}

.steps-indicator .step {
  flex: 1;
  padding: 10px;
  text-align: center;
  border-bottom: 3px solid #ededed;
  opacity: 0.6;
}

.steps-indicator .step.active {
  border-bottom-color: #007bff;
  opacity: 1;
}

.step-content {
  display: none;
}

.step-content.active {
  display: block;
}

.step-navigation {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}
.step-navigation .cf-button {
  display: flex;
}

.fullwidth {
  width: 100%;
}

.email-preview {
  font-family: "Poppins", sans-serif;
  color: #1C2663;
  line-height: 1.5;
  text-align: left;
}
.email-preview-header {
  text-align: left;
  color: #1C2663;
  font-weight: 500;
}
.email-preview-header span {
  text-align: left;
}
.email-preview-body {
  text-align: left;
}
.email-preview-body p {
  text-align: left;
  margin-bottom: 15px;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
}
.email-preview-body p span {
  text-align: left;
}
.email-preview-body p a {
  color: #1E225C;
  word-break: break-all;
  text-decoration: underline;
}
.email-preview-body p a:hover {
  text-decoration: none;
}
.email-preview .vrienduitnodigenEmailPopup__box__title {
  font-family: "Lexend", sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #1C2663;
  margin-bottom: 15px;
  text-align: left;
}

.incompany__intro__container {
  display: flex;
  justify-content: center;
  row-gap: 40px;
  padding-top: 2rem;
  margin-bottom: 50px;
}
@media print, screen and (min-width: 64em) {
  .incompany__intro__container {
    margin-bottom: 100px;
  }
}
.incompany__intro__container__text {
  font-size: 16px;
  padding-left: 2rem;
  padding-right: 2rem;
}
@media print, screen and (min-width: 64em) {
  .incompany__intro__container__text p {
    font-size: 16px;
  }
}
.incompany__intro__container__text a:not(.cf-button, .cf-button--orange-flat, .cf-button--blue-alt, .cf-button--blue-flat-alt) {
  color: #ff9900;
  padding: 13px 32px;
}
@media print, screen and (min-width: 40em) {
  .incompany__intro__container__text {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .incompany__intro__container__text.contact {
    padding-right: 2rem !important;
  }
}
@media print, screen and (min-width: 64em) {
  .incompany__intro__container__text {
    max-width: 690px;
    padding-right: 2rem !important;
  }
}
.incompany__intro__container__text h1 {
  font-size: 2.375rem !important;
  line-height: 2.938rem;
  margin-bottom: 20px;
  margin-top: 40px;
}
@media print, screen and (min-width: 40em) {
  .incompany__intro__container__text h1 {
    font-size: 2.813rem;
    line-height: 3.438rem;
  }
}
.incompany__intro__container__text p:not(.incompany__intro__container__text__subclusters) {
  line-height: 1.8;
  margin-bottom: 20px;
}
.incompany__intro__container__text__subclusters {
  font-weight: 700;
  border-bottom: 1px solid #D6D6D6;
  margin-top: 20px;
  margin-bottom: 10px;
}
.incompany__intro__container__text__subclusters__row {
  row-gap: 15px;
}
@media print, screen and (min-width: 40em) {
  .incompany__intro__container__text__subclusters__row > .column:nth-of-type(odd), .incompany__intro__container__text__subclusters__row > .columns:nth-of-type(odd) {
    padding-right: 0.9375rem;
  }
}
.incompany__intro__container__text__subclusters__row a.cf-button--blue-flat-alt {
  padding: 20px 20px;
  border: 0px;
}
.incompany__intro__container__text__more {
  display: none;
  font-size: 14px !important;
}
.incompany__intro__container__text__readmore {
  font-weight: 500;
  color: #ff9900;
  text-decoration: none;
  font-size: 16px !important;
}
.incompany__intro__container__text__readmore:hover {
  text-decoration: none;
}
.incompany__intro__container__text .checkmark li {
  font-size: 14px;
}
.incompany__intro__container .button-container {
  flex-direction: row;
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 33px;
       column-gap: 33px;
  row-gap: 10px;
}
.incompany__intro__container .button-container .cluster-header__content__text__buttons__button {
  margin-bottom: 0px;
}
.incompany__intro__container .button-container .cluster-header__content__text__buttons__button::after {
  content: "";
  margin: 0;
}
.incompany__intro__container .button-container .blue-button, .incompany__intro__container .button-container .orange-button {
  padding: 10px 20px;
  margin-bottom: 0px;
  font-weight: 600;
  width: 100%;
}
@media print, screen and (min-width: 40em) {
  .incompany__intro__container .button-container .blue-button, .incompany__intro__container .button-container .orange-button {
    width: auto;
  }
}
.incompany__intro__container .button-container .orange-button:hover.hasicon {
  padding-right: 5px;
}
.incompany__intro__container .button-container .orange-button:hover .cf-button__icon {
  margin-right: 5px;
}
@media (max-width: 768px) {
  .incompany__intro__container .button-container {
    flex-wrap: wrap;
  }
}
.incompany__intro__container .incompany__intro__usp-bar {
  padding: 0px;
  margin: 0px;
  margin-bottom: 30px;
}
.incompany__intro__container .incompany__intro__usp-bar__usp {
  margin-bottom: 5px;
}
.incompany__intro__container .incompany__intro__usp-bar > .container.row {
  padding: 0px;
  display: block;
}
.incompany__intro__container__image {
  padding: 0 2rem !important;
  position: relative;
  display: flex;
  flex-direction: column;
}
.incompany__intro__container__image__overlay {
  position: absolute;
  right: 30px;
  top: 120px;
  background-color: white;
  padding: 10px 10px 10px 10px;
  z-index: 10;
}
@media print, screen and (min-width: 40em) {
  .incompany__intro__container__image__overlay {
    top: 200px;
    right: 33px;
  }
}
@media print, screen and (min-width: 64em) {
  .incompany__intro__container__image__overlay {
    top: 250px;
  }
}
@media screen and (min-width: 76.75em) {
  .incompany__intro__container__image__overlay {
    left: 435px;
    right: unset;
    top: 220px;
  }
}
@media screen and (min-width: 75em) {
  .incompany__intro__container__image__overlay {
    bottom: initial;
    top: 250px;
  }
}
.incompany__intro__container__image__overlay img {
  width: 100px;
}
@media print, screen and (min-width: 40em) {
  .incompany__intro__container__image__overlay img {
    width: 125px;
  }
}
.incompany__intro__container__image__container {
  position: relative;
  margin-right: 20px;
}
.incompany__intro__container__image__container .single-image {
  padding-top: 0;
  padding-left: 40px;
}
@media print, screen and (min-width: 64em) {
  .incompany__intro__container__image__container .single-image {
    padding-top: 20px;
    padding-left: 80px;
  }
}
.incompany__intro__container__image__container .single-image > img {
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0 24px 0 24px;
  width: 100%;
  max-height: 350px;
}
@media print, screen and (min-width: 64em) {
  .incompany__intro__container__image__container .single-image > img {
    width: 450px;
  }
}
.incompany__intro__container__image__container .image1 {
  padding-top: 0px;
  margin-bottom: 16px;
  padding-left: 40px;
}
@media print, screen and (min-width: 64em) {
  .incompany__intro__container__image__container .image1 {
    padding-top: 50px;
    padding-left: 80px;
  }
}
.incompany__intro__container__image__container .image1 > img {
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0 20px 20px 20px;
  width: 100%;
  height: 200px;
}
@media print, screen and (min-width: 40em) {
  .incompany__intro__container__image__container .image1 > img {
    height: 300px;
  }
}
@media screen and (min-width: 75em) {
  .incompany__intro__container__image__container .image1 > img {
    width: 450px;
  }
}
.incompany__intro__container__image__container .image1::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.3);
  pointer-events: none;
}
.incompany__intro__container__image__container .image2 {
  padding-right: 60px;
}
@media print, screen and (min-width: 64em) {
  .incompany__intro__container__image__container .image2 {
    padding-left: 40px;
    padding-right: 80px;
  }
}
.incompany__intro__container__image__container .image2 > img {
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 20px 20px 20px 0;
  width: 100%;
  height: 180px;
}
@media print, screen and (min-width: 40em) {
  .incompany__intro__container__image__container .image2 > img {
    height: 230px;
  }
}
@media screen and (min-width: 75em) {
  .incompany__intro__container__image__container .image2 > img {
    width: 470px;
  }
}
.incompany__intro__container__image__container .image2::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.2);
  pointer-events: none;
}
.incompany__intro__container__image.singleimage .incompany__intro__container__image__overlay {
  top: unset;
  bottom: -20px;
}
.incompany__intro__container__image.singleimage .incompany__intro__container__image__container {
  margin-right: 10px;
}
@media print, screen and (min-width: 64em) {
  .incompany__intro__container__image.singleimage .incompany__intro__container__image__container {
    margin-right: 5px;
  }
}
.incompany__intro__container__background {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  border-radius: 0px 0px 0px 70px;
  min-height: 300px;
}
@media print, screen and (min-width: 40em) {
  .incompany__intro__container__background {
    height: 78vh;
  }
}
.incompany__intro__container__background__overlay {
  position: absolute;
  display: flex;
  left: 5px;
  bottom: -80px;
  z-index: 30;
}
@media screen and (min-width: 40em) {
  .incompany__intro__container__background__overlay {
    left: -85px;
    top: 20px;
    bottom: initial;
  }
}
.incompany__intro__container__background__overlay img {
  width: 115px;
  margin-right: -1px;
}
.incompany__intro__container__background__overlay__text {
  padding: 20px;
  padding-right: 10px;
  background-color: #1E225C;
  display: inline-block;
  color: white;
  display: flex;
  width: 65%;
  align-content: center;
}
@media print, screen and (min-width: 40em) {
  .incompany__intro__container__background__overlay__text {
    width: 70%;
    padding: 23px;
  }
}
@media screen and (min-width: 64em) {
  .incompany__intro__container__background__overlay__text {
    padding: 20px;
    width: 60%;
  }
}
.incompany__intro__container__background__overlay__text .start__reviews__ratings__text {
  font-size: 15px;
}
.incompany__intro__container__background__overlay__text a {
  color: white;
  font-weight: bold;
  text-decoration: underline;
  font-size: 14px;
}
.incompany__intro__container__background__overlay__text a:hover {
  text-decoration: none;
}
.incompany__intro__container__background__overlay__text__icon {
  margin-top: 5px;
}
.incompany__intro__container__background__image {
  width: 50%;
  overflow: hidden;
}
@media print, screen and (min-width: 40em) {
  .incompany__intro__container__background__image {
    height: 75vh;
    position: relative;
  }
}
@media print, screen and (min-width: 40em) {
  .incompany__intro__container__background__image img {
    position: absolute;
    bottom: 0;
    max-width: 90%;
    max-height: 70vh;
  }
  .incompany__intro__container__background__image img.subcluster {
    max-height: 357px;
  }
}
.incompany__intro__container__background__container {
  position: relative;
}
.incompany__intro__container__background__container img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
@media print, screen and (min-width: 64em) {
  .incompany__intro__container__background__container img {
    z-index: 10;
  }
}
.incompany__intro__container__background__designation {
  position: absolute;
  color: white;
  z-index: 11;
  left: 50px;
  top: 30px;
}
.incompany__intro__container__background__designation p {
  color: white;
}
@media screen and (min-width: 40em) {
  .incompany__intro__container__background__designation {
    top: initial;
    left: 70px;
    bottom: 40px;
  }
}
.incompany__intro__usp-bar {
  margin: 40px 0px;
  padding-right: 0.625rem;
  padding-left: 0.625rem;
}
@media print, screen and (min-width: 40em) {
  .incompany__intro__usp-bar {
    padding-left: 1.3rem;
    padding-right: 1.3rem;
  }
}
.incompany__intro__usp-bar > .row {
  justify-content: space-between;
}
.incompany__intro__usp-bar__usp {
  display: flex;
}
.incompany__intro__usp-bar__usp span {
  color: #1E225C;
}
.incompany__intro__usp-bar__usp__icon {
  width: 20px;
  height: 20px;
  margin-right: 10px;
}
.incompany__intro__usp-bar__usp__icon path {
  fill: #1E225C;
}
.incompany__intro__socialproof {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  justify-content: center;
}
@media print, screen and (min-width: 64em) {
  .incompany__intro__socialproof {
    gap: 25px;
    justify-content: flex-start;
    flex-wrap: nowrap;
  }
}
@media screen and (min-width: 75em) {
  .incompany__intro__socialproof {
    gap: 50px;
  }
}
@media print, screen and (min-width: 64em) {
  .incompany__intro__socialproof__textitem {
    border-left: 1px solid gray;
    padding-left: 30px;
  }
}
.incompany__intro__socialproof__textitem .beoordeling-block__item__logo {
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  font-size: 1.875rem;
  font-weight: 900;
  line-height: 45px;
}
@media print, screen and (min-width: 64em) {
  .incompany__intro__socialproof__textitem .beoordeling-block__item__logo {
    text-align: left;
  }
}
@media print, screen and (min-width: 64em) {
  .incompany__intro__socialproof__textitem .beoordeling-block__item__stars {
    text-align: left;
  }
}
.incompany__intro__socialproof .beoordeling-block__item {
  min-width: 120px;
}
.incompany__intro__socialproof .beoordeling-block__item__logo {
  height: 45px;
}
.incompany__intro__socialproof .beoordeling-block__item__stars, .incompany__intro__socialproof .beoordeling-block__item__score {
  font-size: 0.938rem;
}
@media print, screen and (min-width: 64em) {
  .incompany__intro__socialproof .beoordeling-block__item__logo, .incompany__intro__socialproof .beoordeling-block__item__stars {
    text-align: left;
  }
}
.incompany__intro__socialproof .beoordeling-block__item__stars {
  margin-top: 10px;
  margin-bottom: 5px;
}
.incompany__intro__socialproof .beoordeling-block__item__logo img {
  height: 45px;
}
.incompany__intro--subcategory .incompany__intro__container__text h1 {
  font-size: 2.5rem;
}
@media print, screen and (min-width: 40em) {
  .incompany__intro--subcategory .incompany__intro__container__text {
    padding-right: 6rem !important;
  }
}
.incompany__intro--subcategory .incompany__intro__container__image {
  position: relative;
}
@media print, screen and (min-width: 40em) {
  .incompany__intro--subcategory .incompany__intro__container__image__container img {
    height: 400px;
  }
}
@media print, screen and (min-width: 40em) {
  .incompany__intro--subcategory .incompany__intro__container__background {
    height: 400px;
  }
}
@media print, screen and (min-width: 40em) {
  .incompany__intro--subcategory .incompany__intro__container__background__image {
    height: 400px;
  }
  .incompany__intro--subcategory .incompany__intro__container__background__image img {
    right: 0;
    max-width: 70%;
  }
}
.incompany__intro--stap {
  background-color: #B579DB;
}
.incompany__intro--stap .incompany__intro__container__text {
  color: white;
}
.incompany__intro--stap .incompany__intro__container__text h1 {
  font-size: 2.5rem;
  color: white;
}
.incompany__intro--stap .incompany__intro__container__text p {
  color: white;
  font-weight: medium;
}
@media print, screen and (min-width: 40em) {
  .incompany__intro--stap .incompany__intro__container__text {
    padding-right: 6rem !important;
  }
}
.incompany__intro--stap .incompany__intro__container__image {
  position: relative;
}
@media print, screen and (min-width: 40em) {
  .incompany__intro--stap .incompany__intro__container__image__container img {
    height: 400px;
  }
}
@media print, screen and (min-width: 40em) {
  .incompany__intro--stap .incompany__intro__container__background {
    height: 400px;
  }
}
@media print, screen and (min-width: 40em) {
  .incompany__intro--stap .incompany__intro__container__background__image {
    height: 400px;
  }
  .incompany__intro--stap .incompany__intro__container__background__image img {
    right: 0;
    max-width: 70%;
  }
}
.incompany__slider {
  margin: 150px 0px;
}
.incompany__slider h3 {
  margin-bottom: 50px;
}
.incompany__section {
  margin: 80px 0px;
}
@media print, screen and (min-width: 64em) {
  .incompany__section.nopaddinglarge .row {
    padding: 0px;
  }
}
.incompany__possibilities {
  background: #F8F8FA;
  margin: 0 0;
  padding: 65px 0px;
  margin-bottom: 0px;
  position: relative;
}
.incompany__possibilities > .row {
  row-gap: 20px;
}
.incompany__possibilities__title {
  margin-bottom: 55px;
}
.incompany__possibilities__title p {
  max-width: 75%;
  margin-bottom: 0px;
}
.incompany__possibilities__background {
  z-index: -1;
}
.incompany__possibilities__background::before {
  content: "";
  background-image: url(/images/dot-bgv2.png);
  height: 50%;
  width: 50%;
  position: absolute;
  background-repeat: repeat;
  top: 140px;
  right: 0px;
  z-index: -1;
  background-position: center;
  background-size: unset;
}
@media print, screen and (min-width: 40em) {
  .incompany__possibilities__background::before {
    top: 120px;
  }
}
.incompany__possibilities__container {
  background-color: white;
  border-radius: 8px;
  box-shadow: 0px 12px 40px 0px rgba(157, 171, 192, 0.2);
  border: 2px solid #022543;
  padding: 0px;
  height: 100%;
  color: #1E225C;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.incompany__possibilities__container__top__header {
  padding: 20px;
  border-bottom: 1px solid #E3E3E3;
}
.incompany__possibilities__container__top__header p {
  margin-bottom: 0px;
}
.incompany__possibilities__container__top__body {
  padding: 20px;
}
.incompany__possibilities__container__top__body ul {
  margin-left: 0px;
}
.incompany__possibilities__container__top__body ul li {
  list-style: none;
  background-image: url("/images/check-mark.png");
  background-repeat: no-repeat;
  background-position: left 2px;
  background-size: 20px;
  padding-left: 25px;
}
.incompany__possibilities__container__bottom {
  padding: 20px;
  padding-top: 0px;
}
.incompany__possibilities__container li {
  color: #1E225C;
}
.incompany__possibilities__container--blue {
  border-color: #3BC3BE;
}
.incompany__possibilities__container--yellow {
  border-color: #F5A001;
}
.incompany__possibilities__container--red {
  border-color: #EF5155;
}
.incompany__process {
  background: #F8F8FA;
  margin-bottom: -75px;
  padding: 65px 0px;
}
.incompany__process .column.large-3.small-6, .incompany__process .large-3.small-6.columns {
  margin-bottom: 20px;
}
.incompany__process__image {
  margin-bottom: -65px;
  width: 50%;
}
.incompany__process__image.stappagina {
  margin-bottom: -25px;
}
@media screen and (min-width: 40em) {
  .incompany__process__image.stappagina {
    margin-bottom: -65px;
  }
}
@media print, screen and (min-width: 64em) {
  .incompany__process__image {
    width: 100%;
  }
}
.incompany__payoff {
  margin: 50px 0px;
  margin-top: 0px !important;
}
@media print, screen and (min-width: 64em) {
  .incompany__payoff {
    margin: 100px 0px;
  }
}
.incompany__payoff__header > .column, .incompany__payoff__header > .columns {
  padding: 0 2rem;
}
.incompany__payoff__header__title {
  font-size: 2.188rem;
  font-weight: 800;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
}
.incompany__payoff__usps {
  margin-top: 40px;
}
.incompany__payoff__usps > .column, .incompany__payoff__usps > .columns {
  padding: 0 2rem;
}
.incompany__payoff__usps__container {
  display: grid;
  grid-template-columns: repeat(1, 1fr); /* 4 gelijke kolommen */
  gap: 15px; /* Ruimte tussen de grid-items */
}
@media print, screen and (min-width: 40em) {
  .incompany__payoff__usps__container {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media print, screen and (min-width: 64em) {
  .incompany__payoff__usps__container {
    grid-template-columns: repeat(4, 1fr); /* 4 gelijke kolommen */
    gap: 30px; /* Ruimte tussen de grid-items */
  }
}
.incompany__payoff__usps__container__usp {
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding: 15px;
}
.incompany__payoff__usps__container__usp__icon {
  width: 30px;
  height: 30px;
  -o-object-fit: contain;
     object-fit: contain;
}
.incompany__payoff__usps__container__usp__title {
  font-family: Caveat, cursive;
  font-size: 1.875rem;
  font-weight: 700;
}
.incompany__why {
  margin: 150px 0px;
  position: relative;
}
.incompany__why::before {
  content: "";
  background-image: url(/images/dot-bgv2.png);
  height: 100%;
  width: 40%;
  position: absolute;
  background-repeat: repeat;
  top: 100px;
  right: 0px;
  z-index: -1;
  background-position: center;
  background-size: unset;
}
.incompany__companies {
  padding: 0px;
  margin: 50px 0px;
}
.incompany__companies__logoslider {
  padding-top: 40px !important;
  padding-bottom: 15px !important;
}
.incompany__companies__logoslider img {
  filter: grayscale(1);
}
.incompany__companies__logo-grid .column, .incompany__companies__logo-grid .columns {
  padding: 0 2rem;
}
.incompany__companies__logo-grid .logo-grid {
  display: flex;
  justify-content: center;
  gap: 20px;
  align-items: center;
}
.incompany__intake {
  margin: 50px 0px;
}
.incompany__intake__text {
  padding-top: 0px;
}
@media print, screen and (min-width: 64em) {
  .incompany__intake {
    margin: 100px 0px;
  }
}
@media print, screen and (min-width: 64em) {
  .incompany__intake .cta-block__intake__image img {
    right: 0px;
  }
}
@media screen and (min-width: 80em) {
  .incompany__intake .cta-block__intake__image img {
    right: 10px;
  }
}
@media screen and (min-width: 86.25em) {
  .incompany__intake .cta-block__intake__image img {
    right: 20px;
  }
}
@media print, screen and (min-width: 64em) {
  .incompany__intake .cluster-header__background__overlay__reviews {
    margin-left: 0px !important;
  }
}
@media screen and (min-width: 75em) {
  .incompany__intake .cluster-header__background__overlay__reviews {
    margin-left: 70px !important;
  }
}
@media screen and (min-width: 81.25em) {
  .incompany__intake .cluster-header__background__overlay__reviews {
    margin-left: 140px !important;
  }
}
@media print, screen and (min-width: 64em) {
  .incompany__intake .cluster-header__background__designation {
    margin-left: 0px !important;
  }
}
@media screen and (min-width: 75em) {
  .incompany__intake .cluster-header__background__designation {
    margin-left: 70px !important;
  }
}
@media screen and (min-width: 81.25em) {
  .incompany__intake .cluster-header__background__designation {
    margin-left: 140px !important;
  }
}
@media print, screen and (min-width: 40em) {
  .incompany__intake .cluster-header__background__overlay__reviews__text {
    width: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  .incompany__intake .cluster-header__background__overlay__reviews__text {
    width: 90%;
  }
}
@media screen and (min-width: 75em) {
  .incompany__intake .cluster-header__background__overlay__reviews__text {
    width: 80%;
  }
}
@media screen and (min-width: 81.25em) {
  .incompany__intake .cluster-header__background__overlay__reviews__text {
    width: 70%;
  }
}
.incompany .videotext-block h2 {
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  max-width: 800px;
  font-size: 2.188rem;
  font-weight: 800;
  line-height: 2.5rem;
}
.incompany .videotext-block .incompany__intro__usp-bar__usp span {
  font-size: 16px;
}
.incompany .faq-body__title {
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  max-width: 800px;
  font-size: 2.188rem !important;
  font-weight: 800;
  line-height: 2.5rem;
  margin-bottom: 25px !important;
}
.incompany .cta-block__intake__text h2 {
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  max-width: 800px;
  font-size: 2.188rem !important;
  font-weight: 800;
  line-height: 2.5rem;
}

.image-text-block__container {
  gap: 30px;
}
@media print, screen and (min-width: 64em) {
  .image-text-block__container {
    gap: unset;
  }
}
.image-text-block__text-container {
  padding: 0 2rem;
}
.image-text-block__text-container__title {
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  font-weight: 800;
  font-size: 1.875rem;
}
@media print, screen and (min-width: 40em) {
  .image-text-block__text-container__title {
    max-width: 550px;
  }
}
.image-text-block__text-container__description {
  margin-top: 30px;
}
@media print, screen and (min-width: 40em) {
  .image-text-block__text-container__description {
    max-width: 550px;
  }
}
.image-text-block__image-container {
  padding: 0 2rem;
}
.image-text-block__image-container img {
  border-radius: 4px 30px 30px 30px;
  width: 100%;
  max-width: 3400px;
  max-height: 320px;
  -o-object-fit: cover;
     object-fit: cover;
  margin: 0 auto;
}
@media print, screen and (min-width: 40em) {
  .image-text-block__image-container img {
    max-width: 550px;
    max-height: 430px;
  }
}

.logo-grid {
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
}
.logo-grid > img {
  flex: 1 1 calc(25% - 10px);
  /*min-width: 90%;
  @include breakpoint(medium){
  	min-width: 40%;
  	max-width: 50%;
  }
  @include breakpoint(xlarge){*/
  min-width: 25%;
  max-width: 32%;
}

.tick-marks-container {
  display: flex;
  flex-direction: column;
  margin-top: 30px;
  margin-bottom: 30px;
  gap: 10px;
  max-width: 520px;
}
@media print, screen and (min-width: 64em) {
  .tick-marks-container {
    margin-bottom: 0px;
  }
}
.tick-marks-container.has-title {
  gap: 30px;
}
.tick-marks-container .tick-text-container {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.tick-marks-container .tick-text-container .tick-text {
  font-weight: 700;
  font-size: 1.125rem;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
}
.tick-marks-container .tick-text-container .tick-text-sub {
  font-size: 14px;
}

.incompany-development-section {
  text-align: left;
  background-color: #f8f8f8;
  padding: 50px 0rem 50px 0rem;
}
@media print, screen and (min-width: 64em) {
  .incompany-development-section {
    padding: 100px 0rem 100px 0rem;
  }
}
.incompany-development-section > .container {
  padding: 0 2rem;
}
.incompany-development-section__image-text__text {
  padding: 0 2rem;
}
@media print, screen and (min-width: 64em) {
  .incompany-development-section__image-text__text .incompany-development-section__description {
    margin-bottom: 0px;
  }
}
.incompany-development-section__image-text__image {
  padding: 0 2rem;
}
.incompany-development-section__image-text__image img {
  border-radius: 4px 30px 30px 30px;
  max-height: 430px;
  width: 100%;
  max-width: 550px;
  margin: 0 auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.incompany-development-section__title {
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  max-width: 800px;
  font-size: 2.188rem;
  font-weight: 800;
  line-height: 2.5rem;
  color: #1e225c;
  text-align: left;
  margin-bottom: 30px;
}
.incompany-development-section__description {
  font-size: 16px;
  text-align: left;
  margin-top: 2rem;
  margin-bottom: 3rem;
  color: #1E225C;
  max-width: 810px;
}
.incompany-development-section__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}
@media (max-width: 768px) {
  .incompany-development-section__grid {
    grid-template-columns: 1fr;
  }
}
.incompany-development-section .button-container {
  margin-top: 3rem;
  margin-bottom: 1rem;
}
.incompany-development-section__below-description {
  font-size: 16px;
  text-align: left;
  margin-top: 3rem;
  color: #1E225C;
  max-width: 810px;
}
.incompany-development-section__below-description p:last-of-type {
  margin-bottom: 0px;
}
.incompany-development-section__column {
  padding: 1rem;
}

.development-item {
  background: #fff;
  border-radius: 10px;
  padding: 1rem 1.5rem;
  font-size: 1.125rem;
  font-weight: 600;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  position: relative;
}
.development-item .dev-arrow {
  filter: brightness(0) saturate(100%) invert(10%) sepia(54%) saturate(3334%) hue-rotate(230deg) brightness(90%) contrast(94%);
  max-width: 20px;
}

.development-item__icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  min-width: 2.5rem;
  height: 2.5rem;
  border: 1px solid #1E225C; /* initial blue color */
  border-radius: 50%;
  transition: all 0.3s ease;
}
.development-item__icon svg {
  width: 1.5rem;
  height: 1.5rem;
  fill: #1E225C;
  transition: all 0.3s ease;
}

.development-item:hover .development-item__icon {
  border-color: #1E225C; /* hover blue color */
  background-color: #1E225C;
}
.development-item:hover .development-item__icon .dev-arrow {
  filter: brightness(0) saturate(100%) invert(99%) sepia(100%) saturate(18%) hue-rotate(216deg) brightness(103%) contrast(100%);
}

.development-item:hover .development-item__icon svg {
  fill: #ffffff;
}

.development-link-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.trainers-text {
  text-align: left;
  margin-left: 4em;
  margin-bottom: 1em;
}
.trainers-text ul {
  margin-left: 0;
  list-style-type: none;
}
@media (max-width: 768px) {
  .trainers-text {
    margin-left: 1em;
  }
}

.incompany-snapslider-training-header-section {
  text-align: left;
  background-color: #f8f8f8;
}
.incompany-snapslider-training-header-section__title .column, .incompany-snapslider-training-header-section__title .columns {
  padding: 0px 2rem 20px 2rem;
  color: #7b7d99;
  font-weight: 500;
  font-size: 18px;
  margin-bottom: 0;
}

.incompany-snapslider-training-section {
  background-color: #f8f8f8;
}
@media print, screen and (min-width: 64em) {
  .incompany-snapslider-training-section {
    padding-bottom: 40px;
  }
}
.incompany-snapslider-training-section .rf-cards-scroller-crop {
  height: 26rem;
}
.incompany-snapslider-training-section .rf-cards-scroller-itemview {
  height: 100%;
}
.incompany-snapslider-training-section .as-util-relatedlink {
  height: 100%;
}
.incompany-snapslider-training-section .rf-ccard-content {
  height: 100%;
  padding: 30px;
  width: 22.5rem;
}
.incompany-snapslider-training-section .rf-ccard-content a {
  text-decoration: none;
}
.incompany-snapslider-training-section .rf-ccard-content a:hover .item__title {
  color: #ff9900;
}
.incompany-snapslider-training-section .item {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.incompany-snapslider-training-section .item__title {
  font-size: 1.375rem;
  font-weight: 900;
  line-height: 1.563rem;
  transition: all 400ms;
}
.incompany-snapslider-training-section .item__image {
  margin-top: auto;
}
.incompany-snapslider-training-section .item__trainers {
  margin-top: auto;
}
.incompany-snapslider-training-section .item__trainers .card-container {
  display: flex;
  gap: 30px;
}
.incompany-snapslider-training-section .item__trainers .card-container .trainer-card {
  position: relative;
}
.incompany-snapslider-training-section .item__trainers .card-container .trainer-card .trainer-card-image {
  height: 100px;
  width: 75px;
  -o-object-fit: cover;
     object-fit: cover;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
.incompany-snapslider-training-section .item__trainers .card-container .trainer-card .trainer-card-bg {
  border-radius: 10px;
  position: absolute;
  background-color: #01c4c2;
  height: 85px;
  width: 75px;
  bottom: 0px;
  left: 50%;
  transform: translateX(-50%);
}
.incompany-snapslider-training-section .item__trainers .card-container .trainer-card:nth-of-type(1) {
  transform: rotate(-6deg);
}
.incompany-snapslider-training-section .item__trainers .card-container .trainer-card:nth-of-type(2) {
  transform: rotate(8deg);
}

.incompany-testimonial-section {
  background-color: #f8f8f8;
  padding: 50px 0rem 50px 0rem !important;
}
@media print, screen and (min-width: 64em) {
  .incompany-testimonial-section {
    padding: 100px 0rem 100px 0rem !important;
  }
}
.incompany-testimonial-section__title {
  margin-bottom: 65px;
  padding: 0 2rem;
}
.incompany-testimonial-section__title__testimonial {
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  max-width: 660px;
  font-size: 2.188rem;
  font-weight: 800;
  line-height: 2.5rem;
  color: #1e225c;
  text-align: left;
  margin-bottom: 25px !important;
  letter-spacing: normal !important;
}
@media print, screen and (min-width: 40em) {
  .incompany-testimonial-section__title__testimonial {
    text-align: center;
    margin: 0 auto 16px auto;
  }
}
.incompany-testimonial-section__title__testimonial.category-page {
  font-size: 1.125rem;
  line-height: 1.5rem;
  max-width: 980px;
  font-weight: 600;
  text-align: center;
}
@media print, screen and (min-width: 40em) {
  .incompany-testimonial-section__title__testimonial.category-page {
    font-weight: 800;
    font-size: 2.188rem;
    line-height: 2.813rem;
  }
}
.incompany-testimonial-section__title__testimonial__person, .incompany-testimonial-section__title__testimonial__function {
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  color: #1e225c;
  font-weight: 700;
  font-size: 16px;
  line-height: 25px;
  text-align: left;
  margin-bottom: 0px;
}
@media print, screen and (min-width: 40em) {
  .incompany-testimonial-section__title__testimonial__person, .incompany-testimonial-section__title__testimonial__function {
    text-align: center;
  }
}
.incompany-testimonial-section__title__testimonial__function {
  font-size: 14px;
}
.incompany-testimonial-section__title__testimonial__description {
  font-size: 16px;
  max-width: 800px;
  margin: 0 auto;
}
@media print, screen and (min-width: 40em) {
  .incompany-testimonial-section__title__testimonial__description {
    text-align: center;
  }
}
.incompany-testimonial-section__title__testimonial__person-container {
  margin-top: 45px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
}
.incompany-testimonial-section__title__testimonial__person-container .name-and-training {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.incompany-testimonial-section__title__testimonial__person-container .name-and-training .name {
  font-size: 1.125rem;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  line-height: 1.5rem;
  font-weight: 600;
}
.incompany-testimonial-section__title__testimonial__person-container .name-and-training .training {
  font-size: 0.875rem;
  padding-top: 2px;
  line-height: 1.25rem;
}
.incompany-testimonial-section__title__testimonial__person-container .review-grade {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.incompany-testimonial-section__title__testimonial__person-container .review-grade__text {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.incompany-testimonial-section__title__testimonial__person-container .review-grade__stars {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: rgb(255, 206, 0);
}
.incompany-testimonial-section__title__testimonial__person-container .review-grade__stars .fas {
  color: #FFC107;
}
.incompany-testimonial-section__title__testimonial__person-container .review-grade__stars svg path {
  fill: #FFC107;
}
.incompany-testimonial-section__grid {
  display: flex;
  flex-wrap: wrap;
}
.incompany-testimonial-section__column {
  padding: 1rem;
}
.incompany-testimonial-section__socialproof {
  margin-top: 30px;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
@media print, screen and (min-width: 64em) {
  .incompany-testimonial-section__socialproof {
    margin-top: 60px;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
.incompany-testimonial-section__socialproof__container {
  max-width: 560px;
  margin: 0 auto;
  padding: 0 2rem;
}
.incompany-testimonial-section__socialproof__title {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
}
@media print, screen and (min-width: 64em) {
  .incompany-testimonial-section__socialproof__title {
    font-size: 1rem;
  }
}
.incompany-testimonial-section__socialproof__marks {
  margin-top: 35px;
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  justify-content: center;
}
@media print, screen and (min-width: 40em) {
  .incompany-testimonial-section__socialproof__marks {
    gap: 40px;
  }
}
.incompany-testimonial-section__socialproof .beoordeling-block__item {
  min-width: 90px;
}
@media print, screen and (min-width: 40em) {
  .incompany-testimonial-section__socialproof .beoordeling-block__item {
    min-width: 120px;
  }
}
.incompany-testimonial-section__socialproof .beoordeling-block__item__logo {
  height: 40px;
}
@media print, screen and (min-width: 40em) {
  .incompany-testimonial-section__socialproof .beoordeling-block__item__logo {
    height: 45px;
  }
}
.incompany-testimonial-section__socialproof .beoordeling-block__item__stars, .incompany-testimonial-section__socialproof .beoordeling-block__item__score {
  font-size: 0.813rem;
}
@media print, screen and (min-width: 40em) {
  .incompany-testimonial-section__socialproof .beoordeling-block__item__stars, .incompany-testimonial-section__socialproof .beoordeling-block__item__score {
    font-size: 0.938rem;
  }
}
@media print, screen and (min-width: 64em) {
  .incompany-testimonial-section__socialproof .beoordeling-block__item__logo, .incompany-testimonial-section__socialproof .beoordeling-block__item__stars {
    text-align: left;
  }
}
.incompany-testimonial-section__socialproof .beoordeling-block__item__stars {
  margin-top: 10px;
  margin-bottom: 5px;
}
.incompany-testimonial-section__socialproof .beoordeling-block__item__logo img {
  height: 40px;
}
@media print, screen and (min-width: 40em) {
  .incompany-testimonial-section__socialproof .beoordeling-block__item__logo img {
    height: 45px;
  }
}

.incompany-trainers-section {
  margin: 50px 0rem 50px 0rem !important;
}
@media print, screen and (min-width: 64em) {
  .incompany-trainers-section {
    margin: 100px 0rem 100px 0rem !important;
  }
}
.incompany-trainers-section__header {
  margin-bottom: 1.5rem;
  padding: 0 2rem;
}
.incompany-trainers-section__header__title {
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  max-width: 660px;
  font-size: 2.188rem;
  font-weight: 800;
  line-height: 2.5rem;
  color: #1e225c;
  text-align: left;
  margin-bottom: 25px !important;
  letter-spacing: normal !important;
}
.incompany-trainers-section__header__subtext {
  max-width: 800px;
  font-size: 16px;
}
.incompany-trainers-section__header__subtext .checkmark {
  list-style-type: none;
  margin: 0;
}
.incompany-trainers-section .rf-cards-scroller-crop {
  height: 45rem;
}
@media print, screen and (min-width: 64em) {
  .incompany-trainers-section .rf-cards-scroller-crop {
    height: 37rem;
  }
}
.incompany-trainers-section .item__button {
  transition: all 400ms;
}
.incompany-trainers-section .item__button img {
  filter: invert(16%) sepia(32%) saturate(1376%) hue-rotate(208deg) brightness(95%) contrast(96%);
}
.incompany-trainers-section .rf-ccard-content:hover .item__button {
  background-color: #2d295c;
}
.incompany-trainers-section .rf-ccard-content:hover .item__button img {
  filter: invert(99%) sepia(0%) saturate(4278%) hue-rotate(55deg) brightness(114%) contrast(100%);
}

.marked {
  position: relative;
  display: inline-block;
  background-image: url("/images/oranje-streep.svg"); /* Exporteer SVG los en verwijs hiernaar */
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: contain; /* of: 100% auto */
  padding-bottom: 0.5em; /* ruimte voor de streep */
}

.contact-section {
  background-color: #f6f6f6;
  padding: 25px 2rem 0rem 2rem;
}
@media print, screen and (min-width: 40em) {
  .contact-section {
    padding: 25px 2rem 0rem 2rem;
  }
}
.contact-section .contact-container {
  display: flex;
  flex-direction: column-reverse;
}
@media print, screen and (min-width: 40em) {
  .contact-section .contact-container {
    flex-direction: row;
    justify-content: center;
    gap: 60px;
  }
}
.contact-section .contact-container .contact-image {
  max-width: 280px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  margin-top: auto;
}
.contact-section .contact-container .text-container {
  display: flex;
  flex-direction: column;
  max-width: 510px;
}
.contact-section .contact-container .text-container .title {
  font-size: 22px;
  line-height: 35px;
  font-weight: 800;
  margin-bottom: 1rem;
  text-align: left;
}
.contact-section .contact-container .text-container .subtext {
  line-height: 25px;
  margin-bottom: 1rem;
  font-weight: 400;
  font-size: 16px;
  color: #80829E;
}
.contact-section .contact-container .text-container .contact-info {
  font-weight: 700;
  font-size: 16px;
  line-height: 25px;
}
.contact-section .contact-container .text-container .contact-info a {
  text-decoration: none;
  transition: all 400ms;
}
.contact-section .contact-container .text-container .contact-info a:hover {
  text-decoration: underline;
}
.contact-section .contact-container .text-container .button-container {
  display: flex;
  -moz-column-gap: 30px;
       column-gap: 30px;
  row-gap: 20px;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 0px;
  margin-bottom: 2rem;
}
.contact-section .contact-container .text-container .button-container .cluster-header__content__text__buttons__button {
  margin-bottom: 0px;
}
.contact-section .contact-container .text-container .button-container .cluster-header__content__text__buttons__button::after {
  content: "";
  display: none;
}
.contact-section .contact-container .text-container .button-container .button-naked {
  font-weight: 700;
  font-size: 16px;
  line-height: 25px;
  text-decoration: none;
  transition: all 400ms;
}
.contact-section .contact-container .text-container .button-container .button-naked:hover {
  text-decoration: underline;
}

.process-section {
  padding: 50px 0rem 50px 0rem;
  background-color: white;
}
@media print, screen and (min-width: 40em) {
  .process-section {
    padding: 100px 0rem 100px 0rem;
  }
}

.process-timeline .container {
  display: flex;
  flex-direction: column;
  max-width: 100%;
  padding: 0;
}
.process-timeline__title {
  padding-left: 2rem;
  padding-right: 2rem;
  font-size: 2.188rem;
  font-weight: 800;
  line-height: 2.5rem;
  margin-bottom: 36px !important;
  letter-spacing: normal !important;
  color: #2d295c;
}
.process-timeline__indicator-container {
  padding: 10px 0px 60px 0px;
  position: relative;
}
.process-timeline__indicator {
  width: 50px;
  height: 50px;
  margin: 0 auto;
  border-radius: 50%;
  background-color: white;
  border: 4px solid #ffffff;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  color: #2d295c;
  cursor: pointer;
  transition: all 0.3s ease;
  font-size: 1.25rem;
  position: relative;
}
.process-timeline__indicator.active {
  background-color: #2d295c;
  color: #ffffff;
  border-color: #2d295c;
  transform: scale(1.1);
}
.process-timeline__indicator.completed {
  background-color: #2d295c;
  color: #ffffff;
  border-color: #2d295c;
}
.process-timeline__indicator span {
  line-height: 1;
}
.process-timeline__slider {
  overflow: visible;
  margin-bottom: 2rem;
  position: relative;
}
.process-timeline__slides {
  display: flex;
  overflow-x: auto;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  gap: 15px;
  padding: 10px 0;
  position: relative;
  scrollbar-width: none;
}
.process-timeline__slides:before {
  content: "";
  position: absolute;
  top: 40px;
  left: 0;
  width: var(--indicators-width, 100%);
  right: 0;
  height: 10px;
  background: linear-gradient(to right, #58d3bb, #8bbb7f);
  transform: translateX(calc(max(1380px, 100vw) / 2 - 660px));
  z-index: 0;
  border-radius: 50px;
}
.process-timeline__slides::-webkit-scrollbar {
  display: none;
}
@media print, screen and (min-width: 40em) {
  .process-timeline__slides {
    gap: 20px;
  }
}
.process-timeline__slide {
  flex: 0 0 260px;
  transition: all 0.3s ease;
  cursor: pointer;
  transform: translateX(calc(max(1380px, 100vw) / 2 - 660px));
}
.process-timeline__slide .process-timeline__card {
  opacity: 0.7;
  transition: all 0.3s ease;
}
.process-timeline__slide.active {
  transform: translateX(calc(max(1380px, 100vw) / 2 - 660px));
  cursor: default;
}
.process-timeline__slide.active .process-timeline__card {
  opacity: 1;
  transform: translateY(-10px);
}
@media print, screen and (min-width: 40em) {
  .process-timeline__slide {
    flex: 0 0 201px;
  }
}
.process-timeline__card {
  background-color: white;
  border-radius: 10px;
  border: 1.5px solid #262956;
  padding: 20px;
  height: 70%;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
  display: flex;
  flex-direction: column;
  min-height: 280px;
}
@media print, screen and (min-width: 40em) {
  .process-timeline__card {
    height: 73%;
  }
}
.process-timeline__icon {
  width: 50px;
  height: 50px;
  margin-bottom: 15px;
}
.process-timeline__icon img {
  width: 100%;
  height: auto;
}
.process-timeline__card-title {
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 15px;
  font-family: Caveat, cursive;
  color: #2d295c;
}
.process-timeline__card-text {
  font-size: 0.95rem;
  line-height: 1.5;
  color: #555;
  flex-grow: 1;
}
.process-timeline__cta {
  text-align: left;
  padding-left: 2rem;
  padding-right: 2rem;
}
@media (max-width: 768px) {
  .process-timeline__cta {
    text-align: center;
  }
}
.process-timeline__cta .btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background-color: #FF9F00;
  color: white;
  font-weight: bold;
  padding: 12px 24px;
  border-radius: 10px;
  text-decoration: none;
  transition: all 0.3s ease;
}
.process-timeline__cta .btn:hover {
  background-color: rgb(204, 127.2, 0);
  transform: translateY(-2px);
}
.process-timeline__cta .btn svg {
  filter: brightness(0) saturate(100%) invert(99%) sepia(100%) saturate(18%) hue-rotate(216deg) brightness(103%) contrast(100%);
  width: 18px;
  height: 18px;
}

@media (max-width: 991px) {
  /*.process-timeline {
  	&__indicators {
  		padding: 0 20px;
  	}

  	&__indicator {
  		width: 40px;
  		height: 40px;
  		font-size: 1rem;
  	}

  	&__slides {
  	}
  }*/
}
@media (max-width: 767px) {
  /*.process-timeline {
  	&__track {
  		overflow-x: auto;
  		padding-bottom: 15px;

  		&::-webkit-scrollbar {
  			height: 4px;
  		}

  		&::-webkit-scrollbar-thumb {
  			background-color: #58d3bb;
  			border-radius: 4px;
  		}

  		&:before {
  			content: '';
  			position: absolute;
  			top: 50%;
  			left: 0;
  			width: var(--indicators-width, 100%); // Use the custom property with a fallback
  			height: 10px;
  			background: linear-gradient(to right, #58d3bb, #8bbb7f);
  			transform: translateY(-50%);
  			z-index: 1;
  		}
  	}
  }*/
}
.itemview-trainers .rf-ccard {
  background-color: white;
  border-radius: 10px;
  padding: 20px;
  height: 100%;
  box-shadow: none;
}

.itemview-trainers .trainer-img-box {
  margin-bottom: 15px;
  display: flex;
  justify-content: center;
  position: relative;
}

.itemview-trainers .trainer-img-box img {
  max-width: 230px;
  height: 350px;
  -o-object-fit: cover;
     object-fit: cover;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

.itemview-trainers .trainer-background-img {
  width: 230px;
  height: 280px;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  position: absolute;
  border-radius: 10px;
  background-color: #fd7272;
  display: block;
}

.itemview-trainers .item__name {
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 10px;
  font-family: Caveat, cursive;
  color: #2d295c;
}

.itemview-trainers .item__description {
  font-size: 0.95rem;
  line-height: 1.5;
  color: #555;
  max-height: 90px;
  overflow: hidden;
}
.itemview-trainers .item__description p {
  margin-bottom: 0px;
  text-align: center;
}

.itemview-trainers .item-content {
  flex-direction: column;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: none;
}

.itemview-trainers .item__button {
  margin-top: 20px;
  border: 1px solid #2d295c;
  border-radius: 50%;
  position: relative;
  width: 36px;
  height: 36px;
}

.itemview-trainers .item__button_img {
  position: absolute;
  top: 16%;
  left: 12%;
  width: 25px;
}

.incompany-intake {
  position: relative;
  height: unset !important;
}
.incompany-intake__background {
  background-color: #e3e3e3;
  position: absolute;
  width: 55%;
  bottom: 0;
  left: 24%;
  height: 21rem;
}
@media print, screen and (min-width: 64em) {
  .incompany-intake__background {
    min-width: 475px;
  }
}
.incompany-intake .cutout-image-card-container {
  width: 100%;
  padding-top: 20px;
}
@media print, screen and (min-width: 64em) {
  .incompany-intake .cutout-image-card-container {
    padding-top: 0px;
  }
}
.incompany-intake .cutout-image-card-container .cutout-image-card {
  overflow: visible;
  width: 330px;
  height: 300px;
  position: relative;
  margin: 0 auto;
}
@media print, screen and (min-width: 40em) {
  .incompany-intake .cutout-image-card-container .cutout-image-card {
    height: 420px;
    width: 450px;
  }
}
@media print, screen and (min-width: 64em) {
  .incompany-intake .cutout-image-card-container .cutout-image-card {
    max-width: 475px;
  }
}
.incompany-intake .cutout-image-card-container .cutout-image-card-background {
  background-color: #e3e3e3;
  border-radius: 10px;
  width: 100%;
  height: 100%;
  position: relative;
  transform: rotate(1deg);
}
.incompany-intake .cutout-image-card-container .cutout-image {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.incompany-intake .cutout-image-card-container .cutout-image-label {
  position: absolute;
  display: inline-block;
}
.incompany-intake .cutout-image-card-container .cutout-image-label__container {
  border-radius: 12px;
  background-color: #fff;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
.incompany-intake .cutout-image-card-container .cutout-image-label p {
  color: #1E225C;
  padding: 10px 10px;
  margin-bottom: 0;
  font-size: 0.875rem;
  line-height: 1.3;
  border-radius: 10px;
  display: inline-block;
  margin-left: 0px;
}
@media print, screen and (min-width: 40em) {
  .incompany-intake .cutout-image-card-container .cutout-image-label p {
    padding: 15px 15px;
  }
}
.incompany-intake .cutout-image-card-container .cutout-image-label .name {
  font-size: 22px;
  font-weight: 700;
  font-family: Caveat, cursive;
}
@media print, screen and (min-width: 40em) {
  .incompany-intake .cutout-image-card-container .cutout-image-label .name {
    font-size: 30px;
  }
}
.incompany-intake .cutout-image-card-container .cutout-image-label-left {
  bottom: 35px;
  left: -15px;
}
@media print, screen and (min-width: 64em) {
  .incompany-intake .cutout-image-card-container .cutout-image-label-left {
    left: -40px;
  }
}
.incompany-intake .cutout-image-card-container .cutout-image-label-right {
  bottom: -10px;
  right: -10px;
}

.cases-button-container {
  display: flex;
  justify-content: right;
  width: 100%;
}
@media (max-width: 768px) {
  .cases-button-container {
    justify-content: center;
  }
}
.cases-button-container__button:hover {
  padding: 15px 20px;
}

.inspiration-section {
  margin: 50px 0rem 50px 0rem;
}
@media print, screen and (min-width: 40em) {
  .inspiration-section {
    margin: 100px 0rem 100px 0rem;
  }
}
.inspiration-section__title {
  padding-left: 2rem;
  padding-right: 2rem;
  margin-bottom: 36px !important;
  font-size: 2.188rem;
  font-weight: 800;
  line-height: 2.5rem;
  letter-spacing: normal !important;
  color: #2d295c;
}
.inspiration-section__cta {
  text-align: center;
  padding-top: 30px;
  padding-left: 2rem;
  padding-right: 2rem;
}
@media print, screen and (min-width: 40em) {
  .inspiration-section__cta {
    text-align: right;
  }
}
.inspiration-section .rf-cards-scroller-crop {
  height: 36rem;
}
@media print, screen and (min-width: 64em) {
  .inspiration-section .rf-cards-scroller-crop {
    height: 34rem;
  }
}
.inspiration-section .rf-ccard-40 .rf-ccard-content {
  width: 23rem;
  height: 470px;
}
@media print, screen and (min-width: 64em) {
  .inspiration-section .rf-ccard-40 .rf-ccard-content {
    height: 520px;
    width: 25rem;
  }
}
.inspiration-section .post-summary-large {
  padding: 10px;
  border-radius: 2px 16px 16px 16px;
}
.inspiration-section .post-summary-large__date {
  color: #1e225d;
  font-weight: 500;
  font-family: "lexend", "sans-serif";
}
.inspiration-section .post-summary-large__title {
  min-height: 35px;
}
.inspiration-section .post-summary-large__image img {
  border-radius: 8px;
}
@media print, screen and (min-width: 64em) {
  .inspiration-section .post-summary-large__image img {
    max-height: 220px;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.inspiration-section .post-summary-large__content {
  max-height: 280px;
  text-overflow: ellipsis;
  overflow: hidden;
}
@media print, screen and (min-width: 64em) {
  .inspiration-section .post-summary-large__content {
    max-height: 250px;
    text-overflow: ellipsis;
    padding: 25px;
  }
}

@media (min-width: 768px) {
  .testimonial-text-container {
    margin-right: 18rem;
  }
}

.category-trainer-section {
  margin: 50px 0;
}
@media print, screen and (min-width: 64em) {
  .category-trainer-section {
    margin: 100px 0;
  }
}
.category-trainer-section.graybg, .category-trainer-section.grey {
  padding: 50px 0;
  margin: 0;
  background-color: #f6f6f6;
}
@media print, screen and (min-width: 64em) {
  .category-trainer-section.graybg, .category-trainer-section.grey {
    padding: 100px 0;
    margin: 0;
  }
}
.category-trainer-section__header {
  padding: 0 2rem;
}
.category-trainer-section__header__title {
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  font-weight: 700;
  font-size: 2.188rem;
}
.category-trainer-section__header__title.centered {
  text-align: center;
}
.category-trainer-section__header__subtext {
  margin-top: 20px;
}
.category-trainer-section__header__subtext.centered {
  text-align: center;
}
.category-trainer-section__slider {
  margin-top: 75px;
}

.trainer-slider-new .slider-image {
  width: 100%;
  height: 100%;
}
.trainer-slider-new .slider-content {
  position: relative;
}
.trainer-slider-new .slider-content .column, .trainer-slider-new .slider-content .columns {
  padding: 0px 2rem 0px 2rem;
}
@media print, screen and (min-width: 64em) {
  .trainer-slider-new .slider-content__image-block.left {
    padding-left: 75px;
  }
}
@media print, screen and (min-width: 64em) {
  .trainer-slider-new .slider-content__image-block.right {
    padding-right: 75px;
  }
}
.trainer-slider-new .slider-content__text-block {
  padding-top: 75px !important;
}
@media print, screen and (min-width: 64em) {
  .trainer-slider-new .slider-content__text-block {
    padding-top: 0px !important;
  }
}
@media print, screen and (min-width: 64em) {
  .trainer-slider-new .slider-content__text-block.left {
    padding-left: 75px;
  }
}
@media print, screen and (min-width: 64em) {
  .trainer-slider-new .slider-content__text-block.right {
    padding-right: 75px;
  }
}
.trainer-slider-new .slide__image__card {
  width: 320px;
  height: 300px;
  margin: 0 auto;
  position: relative;
}
@media print, screen and (min-width: 40em) {
  .trainer-slider-new .slide__image__card {
    width: 480px;
    height: 440px;
  }
}
@media print, screen and (min-width: 64em) {
  .trainer-slider-new .slide__image__card {
    width: 420px;
    height: 380px;
  }
}
@media screen and (min-width: 75em) {
  .trainer-slider-new .slide__image__card {
    width: 480px;
    height: 440px;
  }
}
.trainer-slider-new .slide__image__card-container {
  background-color: #00C4C2;
  border-radius: 30px;
  transform: rotate(3deg);
  width: 100%;
  height: 100%;
  position: relative;
}
.trainer-slider-new .slide__image__card-container-image {
  width: 100%;
  position: absolute;
  bottom: 0;
  max-height: 320px;
  -o-object-fit: contain;
     object-fit: contain;
  transform: rotate(-3deg);
}
@media print, screen and (min-width: 40em) {
  .trainer-slider-new .slide__image__card-container-image {
    max-height: 500px;
  }
}
@media print, screen and (min-width: 64em) {
  .trainer-slider-new .slide__image__card-container-image {
    max-height: 440px;
  }
}
@media screen and (min-width: 75em) {
  .trainer-slider-new .slide__image__card-container-image {
    max-height: 500px;
  }
}
.trainer-slider-new .slide__image__card-label {
  position: absolute;
  left: 50%;
  bottom: -20px;
  width: 280px;
  transform: rotate(-2deg) translateX(-50%);
  padding: 10px 12px;
  border-radius: 5px;
  background-color: white;
  box-shadow: 0px 5px 10px rgba(126, 126, 126, 0.161);
}
@media print, screen and (min-width: 40em) {
  .trainer-slider-new .slide__image__card-label {
    width: 390px;
    padding: 12px 20px;
  }
}
@media print, screen and (min-width: 64em) {
  .trainer-slider-new .slide__image__card-label {
    width: 360px;
  }
}
@media screen and (min-width: 75em) {
  .trainer-slider-new .slide__image__card-label {
    width: 390px;
  }
}
.trainer-slider-new .slide__image__card-label__navigation {
  position: absolute;
  width: 35px;
  height: 35px;
  border: 1px solid #e0e0e0;
  color: #e0e0e0;
  transition: all 400ms;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  top: 50%;
  transform: translateY(-50%);
}
.trainer-slider-new .slide__image__card-label__navigation img {
  filter: invert(84%) sepia(2%) saturate(0%) hue-rotate(101deg) brightness(101%) contrast(106%);
  width: 75%;
}
.trainer-slider-new .slide__image__card-label__navigation:hover {
  border: 1px solid #1E225C;
  background-color: #1E225C;
  color: white;
  cursor: pointer;
}
.trainer-slider-new .slide__image__card-label__navigation:hover img {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
}
.trainer-slider-new .slide__image__card-label__navigation.left-arrow {
  left: 10px;
}
@media print, screen and (min-width: 40em) {
  .trainer-slider-new .slide__image__card-label__navigation.left-arrow {
    left: 20px;
  }
}
.trainer-slider-new .slide__image__card-label__navigation.right-arrow {
  right: 10px;
}
@media print, screen and (min-width: 40em) {
  .trainer-slider-new .slide__image__card-label__navigation.right-arrow {
    right: 20px;
  }
}
.trainer-slider-new .slide__image__card-label__title {
  font-family: Caveat, cursive;
  font-size: 1.5rem;
  line-height: auto;
  font-weight: 700;
  text-align: center;
  padding: 0 35px;
}
.trainer-slider-new .slide__image__card-label__description {
  font-family: Caveat, cursive;
  font-size: 1.25rem;
  line-height: auto;
  text-align: center;
  padding: 0 35px;
}
.trainer-slider-new .slide__title {
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  font-weight: 700;
  font-size: 1.75rem;
  line-height: 2rem;
}
.trainer-slider-new .slide__subtitle {
  margin-top: 12px;
  color: #46475b;
  font-weight: 700;
}
.trainer-slider-new .slide__description {
  margin-top: 26px;
}
.trainer-slider-new .slide__link {
  margin-top: 10px;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  text-decoration: underline;
  transition: all 400ms;
  display: inline-block;
}
.trainer-slider-new .slide__link:hover {
  text-decoration: none;
}
.trainer-slider-new .slider-navigation.arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 54px;
  height: 54px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  background-color: #1E225C;
  border: 1px solid #1E225C !important;
  color: white;
  border: none;
  transition: all 400ms;
}
.trainer-slider-new .slider-navigation.arrow img {
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(143deg) brightness(106%) contrast(104%);
  width: 75%;
}
.trainer-slider-new .slider-navigation.arrow:hover {
  cursor: pointer;
  background-color: transparent;
}
.trainer-slider-new .slider-navigation.arrow:hover img {
  filter: invert(13%) sepia(62%) saturate(1621%) hue-rotate(216deg) brightness(88%) contrast(99%);
}
.trainer-slider-new .slider-navigation.arrow-left {
  margin: 0;
  left: 10px;
}
.trainer-slider-new .slider-navigation.arrow-right {
  margin: 0;
  right: 10px;
}
.trainer-slider-new .slider-navigation.dot-navigation {
  display: flex;
  justify-content: center;
  gap: 7px;
  align-items: center;
  margin-top: 55px;
}
.trainer-slider-new .slider-navigation.dot-navigation .dot {
  background-color: #cccfd8;
  border-radius: 3px;
  width: 12px;
  height: 8px;
  transition: all 400ms;
}
.trainer-slider-new .slider-navigation.dot-navigation .dot.active {
  background-color: #1e2459;
  width: 53px;
}
.trainer-slider-new .slider-navigation.dot-navigation .dot:hover {
  cursor: pointer;
}

#signup .is-invalid-input:not(:focus) {
  background-color: white;
}

.omscholen__usps {
  margin: 100px 0px;
  background: #F8F8FA !important;
}
.omscholen__usps__title {
  color: #1E225C !important;
}
.omscholen__usps__title.sum {
  padding-bottom: 30px;
}
@media print, screen and (min-width: 40em) {
  .omscholen__usps__title.sum {
    padding-bottom: 60px;
  }
}
.omscholen__usps__item {
  color: #1E225C !important;
}
.omscholen__usps__usp {
  color: #1E225C !important;
}
.omscholen__possibilities {
  margin: 100px 0px;
  position: relative;
}
.omscholen__possibilities > .row {
  row-gap: 20px;
}
.omscholen__possibilities__title h2 {
  text-align: center;
  font-size: 2rem;
}
.omscholen__possibilities__title p {
  max-width: 75%;
  margin: 0 auto;
  text-align: center;
  font-size: 1.15rem;
}
.omscholen__possibilities__background {
  z-index: -1;
}
.omscholen__possibilities__background::before {
  content: "";
  background-image: url(/images/dot-bgv2.png);
  height: 50%;
  width: 50%;
  position: absolute;
  background-repeat: repeat;
  top: 140px;
  right: 0px;
  z-index: -1;
  background-position: center;
  background-size: unset;
}
@media print, screen and (min-width: 40em) {
  .omscholen__possibilities__background::before {
    top: 120px;
  }
}
.omscholen__possibilities__container {
  background-color: white;
  border-radius: 8px;
  box-shadow: 0px 12px 40px 0px rgba(157, 171, 192, 0.2);
  border: 0.5px solid #022543;
  padding: 40px;
  height: 100%;
}
.omscholen__possibilities__container p {
  line-height: 2;
}
.omscholen__possibilities__container h3 {
  margin-bottom: 1rem;
}
.omscholen__process {
  background: #F8F8FA;
  margin-bottom: -75px;
  padding: 150px 0px;
}
.omscholen__why {
  margin: 100px 0px;
  position: relative;
}
.omscholen__why::before {
  content: "";
  background-image: url(/images/dot-bgv2.png);
  height: 100%;
  width: 40%;
  position: absolute;
  background-repeat: repeat;
  top: 100px;
  right: 0px;
  z-index: -1;
  background-position: center;
  background-size: unset;
}
.omscholen__companies__logoslider {
  background: #F8F8FA;
  padding-top: 40px !important;
  padding-bottom: 15px !important;
}

.test_email div {
  max-width: 630px;
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.1137254902) 0% 0% no-repeat padding-box;
  border-radius: 8px;
  opacity: 1;
  padding: 18px 18px;
  margin-bottom: 39px;
}
@media print, screen and (min-width: 40em) {
  .test_email div {
    min-width: 380px;
  }
}
.test_email div p {
  display: flex;
  align-items: center;
  gap: 10px;
  text-align: left !important;
}
.test_email div p:last-of-type {
  margin-bottom: 0px;
}
.test_email div img {
  width: 25px;
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
}
.test_email div span {
  color: white;
}
.test_email div svg {
  margin-right: 10px;
  color: #fff;
  font-size: 50px;
}

.test_cf_club div {
  max-width: 686px;
  min-width: 380px;
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.1137254902) 0% 0% no-repeat padding-box;
  border-radius: 8px;
  opacity: 1;
  padding: 21px 33.32px;
  margin-bottom: 30px;
}
.test_cf_club div p {
  margin-bottom: 0px;
}
.test_cf_club div svg {
  margin-right: 10px;
  color: #fff;
  font-size: 50px;
}

.favoriete_text1 {
  /* Layout Properties */
  top: 375px;
  left: 476px;
  width: 597px;
  height: 67px;
  /* UI Properties */
  background: rgba(255, 255, 255, 0.1137254902) 0% 0% no-repeat padding-box;
  border-radius: 8px;
  opacity: 1;
  margin: 0 auto;
  padding: 21px 33.32px;
  margin-bottom: 39px;
}

.persoonlijke_custom {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 2000px !important;
}

.fullscreenform__container__section__container .step-module__section__choices > div {
  min-width: 40%;
  max-width: 100%;
}

.fullscreenform__container__section__container .step-module__section__choices > div {
  font-size: 16px;
}
.fullscreenform__container__section__container .step-module__section__choices > div p {
  text-align: left;
}
.fullscreenform__container__section__container .step-module__section__choices > div.favoriete_text2 {
  min-height: 50px;
  padding: 10px 30px;
}
.fullscreenform__container__section__container .step-module__section__choices > div.favoriete_text2 input {
  top: 16px;
  accent-color: #1E225C;
}
@media screen and (min-width: 75em) {
  .fullscreenform__container__section__container .step-module__section__choices > div.favoriete_text2 {
    min-width: 20%;
    max-width: 69%;
  }
}

.step-module__section__choices > div input {
  accent-color: #1E225C;
}

.test_resultaat div {
  display: block;
  flex-direction: row;
  flex-wrap: wrap;
  max-width: 718px;
  height: unset;
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.1137254902) 0% 0% no-repeat padding-box;
  border-radius: 8px;
  opacity: 1;
  padding: 21px 20px;
  margin-bottom: 30px;
}
@media print, screen and (min-width: 64em) {
  .test_resultaat div {
    display: flex;
  }
}
@media print, screen and (min-width: 40em) {
  .test_resultaat div {
    min-width: 380px;
  }
}
.test_resultaat div h4 {
  color: white;
}

#test-text-resultaat {
  top: 378px;
  left: 453px;
  margin-bottom: 0px;
  /* UI Properties */
  text-align: left;
  letter-spacing: -0.32px;
  color: #FFFFFF;
  opacity: 1;
}
@media print, screen and (min-width: 64em) {
  #test-text-resultaat {
    width: 624px;
  }
}

.test-go-email {
  margin-top: 30px;
  justify-content: center;
  gap: 0px !important;
  margin-bottom: 20px;
}
@media print, screen and (min-width: 40em) {
  .test-go-email {
    gap: 20px;
  }
}
.test-go-email button,
.test-go-email button:first-of-type,
.test-go-email a,
.test-go-email a:first-of-type {
  margin: 0px;
  flex-basis: 49%;
}
@media print, screen and (min-width: 64em) {
  .test-go-email button,
  .test-go-email button:first-of-type,
  .test-go-email a,
  .test-go-email a:first-of-type {
    flex-basis: 25%;
  }
}
.test-go-email.single button,
.test-go-email.single button:first-of-type,
.test-go-email.single a,
.test-go-email.single a:first-of-type {
  margin: 0px;
  flex-basis: 100%;
}
@media print, screen and (min-width: 64em) {
  .test-go-email.single button,
  .test-go-email.single button:first-of-type,
  .test-go-email.single a,
  .test-go-email.single a:first-of-type {
    flex-basis: 50%;
  }
}

@media print, screen and (min-width: 64em) {
  .test-account-buttons a {
    flex-basis: 35% !important;
  }
}

.test-go-input-div {
  flex-basis: 75%;
}
@media print, screen and (min-width: 40em) {
  .test-go-input-div {
    flex-basis: 51%;
  }
}

.test-go-input {
  border: 1px solid #707070 !important;
  margin-top: 10px !important;
  border-radius: 8px !important;
  padding: 25px 45px !important;
  height: unset !important;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  margin: 0 auto !important;
  width: 114% !important;
}
.test-go-input::-moz-placeholder {
  color: #1e225d !important;
}
.test-go-input::placeholder {
  color: #1e225d !important;
}
@media print, screen and (min-width: 64em) {
  .test-go-input {
    width: 114% !important;
  }
}

.test-go-button {
  width: 50px !important;
  background: #FF9900 0% 0% no-repeat padding-box !important;
  border-radius: 0px 8px 8px 0px !important;
  flex-basis: 25% !important;
}
@media print, screen and (min-width: 64em) {
  .test-go-button {
    flex-basis: 15% !important;
  }
}

.stap-icon {
  text-align: center;
  margin: 5px 0;
}

.let-op {
  background: #f7fb00;
  box-shadow: 0px 3px 10px rgba(42, 62, 82, 0.2);
  border: 1px solid #1C2663;
  max-width: 500px;
  padding: 25px;
  margin-top: 25px;
  border-radius: 5px;
}

.kleiner {
  font-size: 0.9rem;
  color: #fff;
  font-style: italic;
}

.content-divider {
  position: relative;
}
.content-divider:after {
  content: "";
  position: absolute;
  left: 50%;
  margin-left: -50px;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  border-top: 50px solid #D6D6D6;
  border-bottom: 50px solid transparent;
}
.content-divider--blue {
  border-bottom: 2px solid #1e225d;
}
.content-divider--blue:after {
  border-top: 30px solid #1e225d;
}
.content-divider--white {
  border-bottom: 2px solid white;
}
.content-divider--white:after {
  border-top: 30px solid white;
}
.content-divider--gray {
  border-bottom: 2px solid #F8F8FA;
}
.content-divider--gray:after {
  border-top: 30px solid #F8F8FA;
}
.content-divider.cluster {
  margin-bottom: 0px;
}

@media print, screen and (min-width: 64em) {
  .content-blocks {
    padding-left: 5rem !important;
  }
}

.stap-content {
  margin-top: 60px;
  padding-bottom: 55px;
  border-bottom: 1px solid #ccc;
}
.stap-content.seo {
  border: none;
}
.stap-content:first-of-type {
  margin-top: 0px;
}
.stap-content__heading {
  background-color: #1e225d;
  font-size: 1.875rem !important;
  color: white !important;
  padding: 7px 15px;
  margin-bottom: 30px !important;
}
.stap-content__heading-v3 {
  background-color: transparent;
  font-size: 1.875rem !important;
  color: #1e225d !important;
  margin-bottom: 30px !important;
}
.stap-content h2 {
  font-size: 2rem;
  color: #1E225C;
  margin-bottom: 1rem;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
}
.stap-content h3 {
  color: #1E225C;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
}
.stap-content li {
  margin: 0rem 0;
}
.stap-content .groen {
  color: #000;
}
.stap-content ul.dichtbij li {
  margin: 7px 0;
}
.stap-content .stap-newsitem {
  background: #02abac;
  border-radius: 5px;
  margin: 50px 0;
  padding: 25px;
}
.stap-content .stap-newsdate {
  color: #000;
  font-weight: bold;
  font-size: 1.3 rem;
}
.stap-content .stap-newstitle h3 {
  color: #fff;
}
.stap-content .stap-newstext {
  color: #000;
}
.stap-content .stap-newstext a {
  color: #000;
}
.stap-content .groen {
  color: #000;
}
.stap-content .biggerbold {
  font-size: 18px;
  color: #1e225d;
}
.stap-content a:not(.cf-button):not(.cf-button--blue-flat-alt):not(.cf-button--orange-flat):not(.cf-button--blue) {
  color: #ff9900;
}
.stap-content .bordergroen {
  box-shadow: 0px 3px 10px rgba(42, 62, 82, 0.2);
  border: 1px solid #1C2663;
  margin: 50px 0;
  border-radius: 12px;
  padding: 25px;
  color: #000;
}
.stap-content .bordergroen h3 {
  color: #1E225C;
  font-size: 24px;
}
.stap-content h2 {
  font-size: 2rem;
  color: #1e225d;
  margin-bottom: 1rem;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
}
.stap-content ul.dichtbij li {
  margin: 7px 0;
  color: #1E225C;
}
.stap-content .stap-newsitem {
  box-shadow: 0px 3px 10px rgba(42, 62, 82, 0.2);
  border: 1px solid #1C2663;
  background: #00c4c2;
  border-radius: 12px;
  margin: 50px 0;
  padding: 25px;
}
.stap-content section.enqform_section.contact__main {
  border-radius: 5px;
  margin-top: 50px;
}
.stap-content section.enqform_section.contact__main input::-moz-placeholder, .stap-content section.enqform_section.contact__main textarea::-moz-placeholder {
  color: #1E225C;
}
.stap-content section.enqform_section.contact__main input::placeholder,
.stap-content section.enqform_section.contact__main textarea::placeholder {
  color: #1E225C;
}
.stap-content .cf-button--altblue,
.stap-content button.cf-button--altblue {
  border: 2px solid #1e225d;
  color: #fff;
  background-coloR: #1e225d;
}
.stap-content__nopaddingbottom {
  padding-bottom: 0px !important;
}
.stap-content__banner__image {
  padding: 60px 0px;
  background-position: center center;
  background-size: cover;
  background: rgba(32, 27, 102, 0.9);
}

.event__overige {
  background-color: #1E225C;
}
.event__overige h2 {
  color: white;
}

.event__overige {
  background-color: #1E225C;
}
.event__overige h2 {
  color: white;
}
.event__overige.grey {
  background-color: #F8F8FA;
}
.event__overige.grey h2 {
  color: #1e225d;
}

.sticky-sidebar {
  box-shadow: 0px 15px 30px rgba(42, 62, 82, 0.098);
  border-radius: 8px;
  position: sticky;
  top: 75px;
  margin-bottom: 50px;
}
.sticky-sidebar__section {
  padding: 17px;
  border-bottom: 1px solid #F0F0F0;
  color: #1E225C;
}
.sticky-sidebar__section__title {
  padding: 17px;
  font-weight: bold;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  color: #1E225C;
  border-bottom: 1px solid #F0F0F0;
}
.sticky-sidebar__section a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.9rem;
  margin: 5px 0px;
}
.sticky-sidebar__section--bottom {
  padding: 17px;
  color: #1E225C;
  border-bottom: 0px;
}
.sticky-sidebar__section--bottom a {
  justify-content: initial;
}
.sticky-sidebar__section--bottom a.orange {
  color: #ff9900;
}
.sticky-sidebar__section:last-of-type {
  border-bottom: none;
}

.white-callout {
  border: 1px solid #FFFFFF;
  border-radius: 12px;
  color: white;
  padding: 30px;
}
.white-callout ul.iconlist {
  list-style-type: none;
  margin: 0px;
  margin-top: 20px;
  margin-bottom: 20px;
}
.white-callout ul.iconlist li {
  color: white;
}
.white-callout ul.iconlist li .icon {
  padding-right: 10px;
}
.white-callout ul.iconlist li .icon img {
  width: 18px;
  filter: invert(100%) sepia(2%) saturate(9%) hue-rotate(351deg) brightness(101%) contrast(101%);
}
.white-callout ul.iconlist li a {
  color: white;
}

.dark-callout {
  color: #1e225d;
  padding: 30px;
  text-align: center;
}
.dark-callout__title {
  font-size: 20px;
  font-weight: 800;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  margin-bottom: 10px;
  text-align: center;
}
.dark-callout ul.iconlist {
  list-style-type: none;
  margin: 0px;
  margin-top: 20px;
  margin-bottom: 20px;
}
.dark-callout ul.iconlist li {
  color: #1e225d;
}
.dark-callout ul.iconlist li .icon {
  padding-right: 10px;
}
.dark-callout ul.iconlist li .icon img {
  width: 18px;
  filter: invert(100%) sepia(2%) saturate(9%) hue-rotate(351deg) brightness(101%) contrast(101%);
}
.dark-callout ul.iconlist li a {
  color: #1e225d;
}
.dark-callout .cf-button--blue-alt .cf-button__text {
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  font-size: 16px;
  font-weight: 800;
}

.image-container-yougotthis {
  margin-bottom: -60px;
  margin-top: 30px;
  position: relative;
}
.image-container-yougotthis::after {
  background-image: url("/images/Logo_Sticker-YouGotThis-v2.png");
  position: absolute;
  display: block;
  content: " ";
  width: 50px;
  height: 50px;
  background-repeat: no-repeat;
  background-size: contain;
  top: 0px;
  right: 0px;
}

.step-module.test {
  position: relative;
}
@media print, screen and (min-width: 64em) {
  .step-module.test .step-module__timeline {
    position: absolute;
    right: 0;
  }
}
@media print, screen and (min-width: 64em) {
  .step-module.test .step-module__section h3 {
    font-size: 2rem;
    width: 50%;
    line-height: 1.2;
    letter-spacing: -1px;
    font-weight: 800;
  }
}
.step-module__result {
  margin-top: 25px;
}
.step-module__result .trainingen-grid__item:hover .training-grid-block__image__overlay {
  opacity: 0;
}
.step-module__callout {
  margin-top: 60px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.494);
  padding: 10px;
}
@media print, screen and (min-width: 64em) {
  .step-module__callout {
    margin: 0 auto;
    margin-top: 160px;
    padding: 20px;
    max-width: 700px;
  }
}
.step-module__callout h4 {
  color: white;
  font-size: 1.1rem;
  text-align: center;
  margin-bottom: 20px;
}
@media print, screen and (min-width: 64em) {
  .step-module__callout h4 {
    font-size: 1.875rem;
  }
}
.step-module__callout p {
  font-size: 0.8rem;
}
@media print, screen and (min-width: 64em) {
  .step-module__callout p {
    font-size: 1.125rem;
  }
}
.step-module__callout .label {
  background-color: #f7fb00;
  color: #1e225d;
}
@media print, screen and (min-width: 64em) {
  .step-module__callout .label {
    font-size: 1.125rem;
  }
}
.step-module__callout__animation {
  margin-top: -65px;
}
.step-module__callout.has-tip {
  display: block;
  font-weight: unset;
}
.step-module__header {
  margin-bottom: 26px;
  border-bottom: 1px solid #DDDDDD;
  padding-bottom: 15px;
}
@media print, screen and (min-width: 64em) {
  .step-module__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 55px;
    padding-bottom: 20px;
  }
}
.step-module__title {
  font-size: 18px;
  font-weight: 900;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  color: #1e225d;
  margin-bottom: 16px;
}
@media print, screen and (min-width: 64em) {
  .step-module__title {
    margin-bottom: 0px;
  }
}
.step-module__timeline {
  display: flex;
  -moz-column-gap: 30px;
       column-gap: 30px;
  margin-bottom: 50px;
}
.step-module__timeline.small {
  -moz-column-gap: 10px;
       column-gap: 10px;
}
.step-module__timeline.small .step-module__timeline__item {
  padding: 4px;
  height: 35px;
  width: 35px;
}
.step-module__timeline.small .step-module__timeline__item::after {
  width: 12px;
  margin-left: 11px;
}
@media screen and (min-width: 40em) {
  .step-module__timeline.small {
    -moz-column-gap: 30px;
         column-gap: 30px;
  }
  .step-module__timeline.small .step-module__timeline__item {
    padding: 3px;
  }
  .step-module__timeline.small .step-module__timeline__item::after {
    width: 30px;
    margin-left: 13px;
  }
}
.step-module__timeline__item {
  border-radius: 100%;
  border: 1px solid #1E225C;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  font-size: 1.2rem;
  font-weight: 800;
  padding: 5px;
  width: 40px;
  height: 40px;
  text-align: center;
  color: #1e225d;
  cursor: pointer;
}
.step-module__timeline__item.filled {
  background: #1E225C;
  color: white;
}
.step-module__timeline__item::after {
  position: absolute;
  border: 2px solid #1E225C;
  width: 30px;
  content: " ";
  margin-top: 11px;
  margin-left: 15px;
}
.step-module__timeline__item:last-of-type::after {
  display: none;
}
@media screen and (min-width: 40em) {
  .step-module__timeline__item {
    -moz-column-gap: 80px;
         column-gap: 80px;
  }
  .step-module__timeline__item::after {
    width: 80px;
    content: " ";
    margin-top: 12px;
    margin-left: 14px;
  }
}
@media screen and (min-width: 40em) {
  .step-module__timeline__item.small::after {
    width: 30px;
  }
}
.step-module__section {
  display: none;
  margin-bottom: 30px;
}
.step-module__section.current {
  display: block;
}
.step-module__section.current.hasimage {
  display: block;
}
@media print, screen and (min-width: 40em) {
  .step-module__section.current.hasimage {
    display: flex;
    gap: 20px;
  }
}
.step-module__section__image {
  margin-bottom: 20px;
}
@media print, screen and (min-width: 40em) {
  .step-module__section__image {
    flex-basis: 25%;
    margin-bottom: 0px;
  }
}
.step-module__section__content {
  flex-basis: 75%;
}
.step-module__section__content ul li {
  color: white;
}
.step-module__section__content.dark ul li {
  color: #1e225d;
}
.step-module__section h3 {
  font-size: 1.2rem;
  font-weight: bold;
  margin-bottom: 20px;
}
.step-module__section a:not(.cf-button--white-alt) {
  color: #ff9900;
}
.step-module__section__choices {
  display: flex;
  gap: 25px;
  flex-wrap: wrap;
}
.step-module__section__choices > div {
  cursor: pointer;
  flex: 1 1 calc(25% - 10px);
  min-width: 90%;
  background-color: #fff;
  box-shadow: 0px 10px 30px 0px rgba(157, 171, 192, 0.2);
  border: 1px solid white;
  border-radius: 8px;
  position: relative;
  padding: 20px;
  z-index: 2;
  text-decoration: none;
  display: block;
  height: 100%;
  font-weight: bold;
  font-size: 18px;
  justify-content: space-between;
  align-items: center;
}
@media print, screen and (min-width: 40em) {
  .step-module__section__choices > div {
    padding: 30px;
    display: block;
    min-width: 40%;
    max-width: 50%;
  }
}
@media screen and (min-width: 75em) {
  .step-module__section__choices > div {
    min-width: 20%;
    max-width: 32%;
  }
  .step-module__section__choices > div.category {
    min-height: 170px;
  }
}
.step-module__section__choices > div:hover {
  border: 1px solid #1E225C;
  box-shadow: 0px 10px 30px 0px rgba(157, 171, 192, 0.35);
  transition: all 400ms;
}
.step-module__section__choices > div:hover .category-section__container__categories__card__title {
  color: #ff9900;
  transition: all 400ms;
}
.step-module__section__choices > div:hover .category-section__container__categories__card__link > .cf-button--orange-link {
  background: transparent;
  color: #ff9900;
}
.step-module__section__choices > div:hover .category-section__container__categories__card__link > .cf-button--orange-link .cf-button__text {
  color: #ff9900;
  text-decoration: underline;
  transition: -webkit-text-decoration 400ms;
  transition: text-decoration 400ms;
  transition: text-decoration 400ms, -webkit-text-decoration 400ms;
}
.step-module__section__choices > div:hover .category-section__container__categories__card__link > .cf-button--orange-link .cf-button__icon:not(.left) {
  margin: 0px 0px 0px 15px;
  transition: margin 400ms, box-shadow 400ms;
}
.step-module__section__choices > div.checked {
  border: 1px solid #1E225C;
}
.step-module__section__choices > div.disabled {
  border: 1px solid gray;
  opacity: 0.5;
}
.step-module__section__choices > div input {
  position: absolute;
  left: 10px;
  top: 10px;
}
.step-module__section__choices > div p {
  margin-bottom: 0px;
}
.step-module__section__choices > div p.subtitle {
  font-weight: normal;
  font-size: 16px;
}
.step-module__section__choices > div img {
  width: 50px;
  filter: invert(19%) sepia(31%) saturate(1553%) hue-rotate(201deg) brightness(83%) contrast(106%);
  margin-bottom: 10px;
}
.step-module__buttons {
  display: flex;
}
.step-module__buttons button:first-of-type() {
  margin-right: 20px;
}
.step-module.light {
  color: white;
}
.step-module.light .step-module__timeline__item {
  border: 1px solid white;
}
.step-module.light .step-module__timeline__item.filled {
  background: white;
  color: #1E225C;
}
.step-module.light .step-module__timeline__item::after {
  border: 2px solid white;
}
.step-module.light .step-module__section {
  color: white;
}
.step-module.light .step-module__section h3 {
  color: white;
}
.step-module.light .step-module__section p {
  color: white;
}
.step-module.light .step-module__section ul li {
  color: white;
}

@media print, screen and (min-width: 64em) {
  .process-module__container {
    padding: 0px 20px !important;
  }
}
.process-module__container .step-module__timeline {
  margin-bottom: 0px;
}
.process-module__container .step-module__section h3 {
  font-size: 24px;
  font-weight: 800;
  font-family: Poppins;
}
.process-module__container .step-module__timeline {
  -moz-column-gap: 20px;
       column-gap: 20px;
}
.process-module__container .step-module__timeline__item::after {
  width: 20px;
}
@media screen and (min-width: 40em) {
  .process-module__container .step-module__section h3 {
    font-size: 32px;
  }
  .process-module__container .step-module__timeline {
    -moz-column-gap: 50px;
         column-gap: 50px;
  }
  .process-module__container .step-module__timeline__item::after {
    width: 50px;
  }
}
.process-module__divider {
  border-bottom: 1px solid #DDDDDD;
  padding-top: 40px;
  margin-bottom: 20px;
}

.stap-training-slider {
  margin: 80px 0px;
}
.stap-training-slider__title {
  padding: 0px 20px;
}
@media print, screen and (min-width: 64em) {
  .stap-training-slider__title {
    padding: 0px 20px;
  }
}
.stap-training-slider h2 {
  font-size: 25px;
}
@media print, screen and (min-width: 64em) {
  .stap-training-slider h2 {
    font-size: 32px;
    font-family: "Lexend", sans-serif;
    font-display: fallback;
    font-weight: 800;
    max-width: 530px;
    margin-bottom: 0px !important;
  }
}
.stap-training-slider .training-slider-block__body {
  width: 100%;
  max-width: 100%;
}
.stap-training-slider .training-slider-block__body .next-arrow, .stap-training-slider .training-slider-block__body .prev-arrow {
  margin-right: 20px;
}
.stap-training-slider .training-slider-block__body .opleiding-container .slider__counter {
  margin-right: 20px;
}
.stap-training-slider__readmore {
  margin-top: 20px;
  color: #1e225d;
  font-size: 16px;
  padding: 0px 20px;
}
.stap-training-slider__readmore a {
  font-weight: bold;
}
.stap-training-slider__readmore a.externallink {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.stap-training-slider__readmore a.externallink .icon img {
  width: 16px;
  filter: invert(15%) sepia(9%) saturate(7193%) hue-rotate(209deg) brightness(97%) contrast(103%);
}
@media print, screen and (min-width: 64em) {
  .stap-training-slider__readmore {
    margin-top: -80px;
    padding: 0px 20px;
  }
}
.stap-training-slider .slider__counter {
  display: none;
}
@media print, screen and (min-width: 64em) {
  .stap-training-slider .slider__counter {
    display: block;
  }
}

.signup--stap {
  background-color: #F8F8FA;
  padding: 80px 20px;
}
@media print, screen and (min-width: 64em) {
  .signup--stap {
    padding: 80px 0px;
  }
}
@media print, screen and (min-width: 64em) {
  .signup--stap .signup__container {
    padding: 0px 20px;
  }
}
@media print, screen and (min-width: 64em) {
  .signup--stap .signup__container__text {
    align-self: center;
  }
}
.signup--stap .signup__container__text__title {
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  font-weight: 800;
  font-size: 25px;
}
@media print, screen and (min-width: 64em) {
  .signup--stap .signup__container__text__title {
    font-size: 32px;
  }
}
.signup--stap .signup__container__text__content {
  font-size: 16px;
}
.signup--stap .signup__container__image {
  text-align: center;
}
@media print, screen and (min-width: 64em) {
  .signup--stap .signup__container__image img {
    max-width: 500px;
  }
}
.signup--stap .signup__container__image__buttons {
  display: flex;
  justify-content: center;
  gap: 15px;
  flex-wrap: wrap;
  margin-top: 10px;
}
.signup--stap .signup__container__image .naked-button {
  border: 1px solid #CFD0E5;
  border-radius: 8px;
  padding: 8px 14px;
  display: inline-flex;
  align-items: center;
  gap: 15px;
  text-decoration: none;
}
.signup--stap .signup__container__image .naked-button .cf-button__text {
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  font-size: 15px;
  font-weight: medium;
}
.signup--stap .signup__container__image .naked-button .cf-button__icon img {
  filter: invert(18%) sepia(11%) saturate(3629%) hue-rotate(198deg) brightness(94%) contrast(107%);
  width: 18px;
}
.signup--stap .signup__container__form {
  margin-bottom: 20px;
}
@media print, screen and (min-width: 64em) {
  .signup--stap .signup__container__form {
    margin-bottom: 0px;
  }
}
.signup--stap .signup__container__form .form-col {
  margin-bottom: 10px;
}
.signup--stap .signup__container__form .cluster-header__content-post__text__buttons {
  margin-top: 25px;
}
.signup--stap .signup__container__form label {
  font-size: 12px;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  color: #1e225d;
  position: relative;
  top: 10px;
  left: 15px;
  background: #F8F8FA;
  display: inline-block;
  padding: 0px 5px;
}
.signup--stap .signup__container__form input {
  border: 1px solid #1e225d;
  border-radius: 8px;
  background-color: transparent;
  padding: 14px 20px;
}
.signup--stap .signup__container__form input::-moz-placeholder {
  color: #9798A2;
}
.signup--stap .signup__container__form input::placeholder {
  color: #9798A2;
}
@media print, screen and (min-width: 64em) {
  .signup--stap .signup__container__form input {
    width: 80%;
  }
}
.signup--stap .signup__container__form input.is-invalid-input:not(:focus) {
  border: 1px solid #ec5840;
  background-color: #fdeeec !important;
}
.signup--stap .signup__container__form input.is-invalid-input:not(:focus)::-moz-placeholder {
  color: #ec5840;
}
.signup--stap .signup__container__form input.is-invalid-input:not(:focus)::placeholder {
  color: #ec5840;
}

@media print {
  .trainer-container {
    margin-top: 100px;
  }
}

.trainerpage > .column, .trainerpage > .columns {
  padding: 0px;
}

.trainers__overview__trainer h4 {
  color: #ff4f57;
  font-size: 1.2rem;
  margin-top: 10px;
  margin-bottom: 5px;
}
.trainers__overview__trainer p {
  color: #1e225d;
}
.trainers__nextup {
  margin-top: 30px;
}
@media print, screen and (min-width: 40em) {
  .trainers__nextup {
    padding-left: 2% !important;
    padding-right: 2% !important;
  }
}
@media print, screen and (min-width: 64em) {
  .trainers__nextup__text {
    padding: 0px;
  }
}
.trainers__nextup__text__container {
  margin: auto auto;
  width: 94%;
  background-color: white;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.16);
  padding: 30px !important;
}
@media print, screen and (min-width: 40em) {
  .trainers__nextup__text__container {
    width: 98%;
  }
}
@media print, screen and (min-width: 64em) {
  .trainers__nextup__text__container {
    margin: inherit;
    width: 100%;
    padding: 50px !important;
  }
}
.trainers__nextup__text__date {
  font-size: 1.15rem;
  font-weight: 600;
}
.trainers__nextup__text p {
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  margin: 12px 0px 20px 0px;
}
.trainers__nextup__cta {
  padding-top: 50px;
}
.trainers__nextup__media {
  text-align: center;
}
@media print, screen and (min-width: 64em) {
  .trainers__nextup__media {
    padding-left: 0px;
    padding-right: 0px;
  }
}
.trainers__nextup__media__movie, .trainers__nextup__media__image {
  margin: auto auto;
  width: 94%;
  height: 100%;
}
@media print, screen and (min-width: 40em) {
  .trainers__nextup__media__movie, .trainers__nextup__media__image {
    margin: inherit;
    width: 98%;
    height: 240px;
  }
}
@media print, screen and (min-width: 64em) {
  .trainers__nextup__media__movie, .trainers__nextup__media__image {
    width: 100%;
    height: 100%;
  }
}
.trainers__nextup__media__image {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  height: 160px;
}
@media print, screen and (min-width: 40em) {
  .trainers__nextup__media__image {
    height: 100%;
  }
}
@media screen and (min-width: 75em) {
  .trainers__nextup__media__image {
    height: 100%;
  }
}
.trainers__upcoming__text {
  margin-bottom: 20px;
}
.trainers__upcoming__event {
  margin-top: 50px;
}
.trainers__upcoming__event__container {
  width: 94%;
  background-color: white;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.16);
  border-radius: 5px;
  border: 1px solid #EDEDED;
  height: inherit;
  margin: auto auto;
}
.trainers__upcoming__event__image {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  height: 160px;
}
@media print, screen and (min-width: 40em) {
  .trainers__upcoming__event__image {
    height: 240px;
  }
}
@media screen and (min-width: 75em) {
  .trainers__upcoming__event__image {
    height: 340px;
  }
}
.trainers__upcoming__event__information {
  padding: 30px;
}
.trainers__upcoming__event__date {
  font-size: 1.15rem;
  font-weight: 600;
}
.trainers__upcoming__event p {
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  margin: 12px 0px 20px 0px;
}
.trainers__planned {
  background-color: #f6f6f6;
}
.trainers__planned__event {
  margin-top: 50px;
}
.trainers__planned__event__container {
  width: 94%;
  background-color: white;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.16);
  border-radius: 5px;
  border: 1px solid #EDEDED;
  padding: 30px;
  height: inherit;
  margin: auto auto;
}
.trainers__planned__event__date {
  font-size: 1.15rem;
  font-weight: 600;
}
.trainers__planned__event p {
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  margin: 12px 0px 20px 0px;
}
.trainers__images__row {
  padding-top: 40px !important;
}
@media print, screen and (min-width: 64em) {
  .trainers__images__row {
    padding: 40px 0px !important;
  }
}
.trainers__images__slider__image div {
  padding: 20px;
}
.trainers__images .slick-dots li button:before {
  font-size: 1.8rem;
}
.trainers__images .slick-prev:before, .trainers__images .slick-next:before {
  color: black;
  font-size: 1.5rem;
}

.trainer__actiebalk {
  background: #02ABAC;
}
.trainer__actiebalk__row .column, .trainer__actiebalk__row .columns {
  text-align: center;
  color: white;
  padding: 7px 0px;
  font-size: 0.95rem;
}
.trainer__actiebalk__row .column .bold, .trainer__actiebalk__row .columns .bold {
  font-weight: bold;
}
.trainer__banner {
  background-position: center center;
  background-size: cover;
}
.trainer__banner__image {
  padding: 60px 0px;
  background-position: center center;
  background-size: cover;
  background: rgba(32, 27, 102, 0.5);
}
.trainer__banner__title__div {
  display: flex;
  justify-content: center;
}
.trainer__banner__title h1 {
  font-size: 30px;
  text-align: center;
  color: #1E225D;
  font-family: "Lexend", "sans-serif";
  font-weight: 800;
  max-width: 100%;
  margin-top: 100px;
}
@media print, screen and (min-width: 64em) {
  .trainer__banner__title h1 {
    max-width: 60%;
    font-size: 45px;
  }
}
.trainer__banner__data {
  color: white;
  margin-top: 20px;
}
.trainer__banner__data__date, .trainer__banner__data__location, .trainer__banner__data__price {
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  font-size: 1.15rem;
  text-align: center;
  font-weight: bold;
}
.trainer__banner__data__date .fa, .trainer__banner__data__date .svg-inline--fa, .trainer__banner__data__location .fa, .trainer__banner__data__location .svg-inline--fa, .trainer__banner__data__price .fa, .trainer__banner__data__price .svg-inline--fa {
  font-size: 1.5rem;
  margin-right: 15px;
  display: inline-block;
  font-weight: normal;
}
.trainer__banner__intro {
  margin-top: 20px;
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-display: fallback;
}
.trainer__banner__intro p {
  font-size: 1.15rem;
  color: white;
  font-weight: 600;
}
.trainer__banner__signup {
  text-align: center;
  margin-top: 20px;
}
.trainer__banner__signup-subtext {
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  margin-top: 15px;
  text-align: center;
  font-weight: bold;
  color: white;
}
.trainer__banner__signup-subtext p {
  font-size: 0.9rem;
}
@media screen and (max-width: 39.9375em) {
  .trainer__banner .cf-button {
    height: auto;
    padding: 12px 7px !important;
  }
  .trainer__banner .cf-button__text {
    margin: 0px !important;
    padding: 0px;
  }
}
.trainer__banner--sharper .training__banner-overlaywithoutimage {
  opacity: 1;
  background: none;
}
@media print {
  .trainer__banner--sharper {
    height: 175px;
  }
}
.trainer__intro__text {
  padding-bottom: 60px;
}
@media print, screen and (min-width: 64em) {
  .trainer__intro__text {
    padding-bottom: 0px;
  }
}
.trainer__intro__text h2 {
  margin-bottom: 25px;
}
.trainer__intro__text p {
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  font-size: 1.15rem;
  margin-bottom: 25px;
}
.trainer__intro__text a {
  font-size: 1.15rem;
  font-weight: 600;
}
.trainer__intro__text a .fa, .trainer__intro__text a .svg-inline--fa {
  font-size: 1.5rem;
  margin-right: 15px;
  display: inline-block;
  font-weight: normal;
}
.trainer__intro__movie small {
  font-style: italic;
  font-size: 1.15rem;
  color: #464646;
}
.trainer__intro__movie iframe {
  width: 100%;
  height: 315px;
}
.trainer__intro .row-divider {
  position: absolute;
  display: block;
  width: 0px;
  height: 0px;
  content: " ";
  border-left: 40px solid transparent;
  border-right: 40px solid transparent;
  border-top: 40px solid white;
  left: 50%;
  margin-left: -40px;
  margin-top: 60px;
}
.trainer__speakers {
  background-color: #f2f8ff;
}
.trainer__speakers__row {
  padding: 40px 0px;
  padding-bottom: 0px;
}
.trainer__speakers__speaker {
  padding-bottom: 40px;
}
.trainer__speakers__speaker__padding {
  margin: 10px;
}
.trainer__speakers__speaker__photo {
  height: 300px;
  border-radius: 10px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: gray;
  margin-bottom: 20px;
}
.trainer__speakers__speaker__name {
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  font-size: 1.2rem;
  font-weight: 700;
}
.trainer__speakers__speaker__function {
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  font-size: 0.9rem;
}
.trainer__speakers .slick-dots li button:before {
  font-size: 1.8rem;
}
.trainer__speakers .slick-prev:before, .trainer__speakers .slick-next:before {
  color: black;
  font-size: 1.5rem;
}
.trainer__speakers__cta {
  text-align: center;
}
.trainer__speakers__cta a {
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  font-size: 1.15rem;
  font-weight: 600;
}
.trainer__program__timeline {
  padding-bottom: 60px;
}
@media print, screen and (min-width: 40em) {
  .trainer__program__timeline {
    padding-bottom: 0px;
  }
}
.trainer__program__timeline h3 {
  text-transform: uppercase;
}
.trainer__program__item .small-3 {
  background-image: url("/images/timeline-dash.png");
  background-repeat: repeat-y;
  background-position: 49% 0%;
  background-size: 5px;
  display: flex;
  align-items: center;
}
.trainer__program__item .small-3.starttimeline:before {
  position: absolute;
  content: " ";
  background-color: white;
  width: 50px;
  height: 50px;
  margin-top: -40px;
}
.trainer__program__item .small-3.endtimeline:before {
  position: absolute;
  content: " ";
  background-color: white;
  width: 50px;
  height: 50px;
  margin-top: 40px;
}
.trainer__program__item__icon {
  width: 64px;
  height: 64px;
  z-index: 4;
  position: relative;
  border-radius: 50%;
  text-align: center;
  background-color: white;
  box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.26);
}
@media print, screen and (min-width: 40em) {
  .trainer__program__item__icon {
    width: 80px;
    height: 80px;
  }
}
.trainer__program__item__icon img {
  margin-top: 12px;
  width: 40px;
  height: 40px;
}
@media print, screen and (min-width: 40em) {
  .trainer__program__item__icon img {
    margin-top: 15px;
    width: 50px;
    height: 50px;
  }
}
.trainer__program__item__data {
  padding-top: 20px;
  padding-bottom: 20px;
}
@media print, screen and (min-width: 40em) {
  .trainer__program__item__data {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
.trainer__program__item__time {
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  font-size: 1.15rem;
}
.trainer__program__item__title {
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  font-size: 1.15rem;
  font-weight: 700;
}
.trainer__program__who {
  font-family: "Poppins", sans-serif;
  font-display: fallback;
}
.trainer__program__who__icon {
  margin-left: auto;
  margin-right: auto;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  margin-bottom: 10px;
  text-align: center;
  box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.26);
}
@media print, screen and (min-width: 40em) {
  .trainer__program__who__icon {
    margin-left: 0;
    margin-right: 0;
  }
}
.trainer__program__who__icon img {
  margin-top: 15px;
  width: 50px;
  height: 50px;
}
.trainer__program__where {
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  margin-top: 50px;
}
.trainer__program__where__icon {
  margin-left: auto;
  margin-right: auto;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  margin-bottom: 10px;
  text-align: center;
  box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.26);
}
@media print, screen and (min-width: 40em) {
  .trainer__program__where__icon {
    margin-left: 0;
    margin-right: 0;
  }
}
.trainer__program__where__icon img {
  margin-top: 15px;
  width: 50px;
  height: 50px;
}
.trainer__cta {
  background-color: #1e225d;
  background: linear-gradient(rgba(30, 34, 93, 0.9), rgba(30, 34, 93, 0.9)), url("https://www.competencefactory.nl/wordpress/wp-content/uploads/2019/04/17fd32ac-e683-40d9-91d4-5be030745aba.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}
.trainer__cta__usps {
  list-style-type: none;
  margin-left: 0px;
}
.trainer__cta__usps__usp {
  display: inline-block;
  width: 80%;
}
.trainer__cta__usps li {
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  font-size: 1.15rem;
  color: white;
  font-weight: bold;
  margin-top: 30px;
}
.trainer__cta__usps li .fa, .trainer__cta__usps li .svg-inline--fa {
  font-size: 1.5rem;
  margin-right: 15px;
  display: inline-block;
  font-weight: normal;
  vertical-align: top;
}
.trainer__cta__form {
  padding-bottom: 30px;
}
@media print, screen and (min-width: 40em) {
  .trainer__cta__form {
    padding-bottom: 0px;
  }
}
.trainer__cta h2 {
  color: white;
  text-transform: initial;
}
.trainer__cta .evenementform {
  margin-top: 35px;
  margin-bottom: 0px;
}
.trainer__cta .evenementform .column, .trainer__cta .evenementform .columns {
  padding: 0px;
}
.trainer__cta .evenementform .evenement-aanmelden__form input, .trainer__cta .evenementform .evenement-aanmelden__form button {
  width: 100%;
  margin-bottom: 20px;
}
.trainer__cta .evenementform .evenement-aanmelden__form button {
  padding-top: 0px !important;
}
.trainer__speakers-about {
  text-align: center;
}
.trainer__speakers-about h2 {
  margin-bottom: 35px;
}
.trainer__speakers-about__speaker {
  margin-bottom: 35px;
}
.trainer__speakers-about__image {
  width: 125px;
  height: 125px;
  border-radius: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  display: inline-block;
  margin-bottom: 35px;
}
.trainer__speakers-about p {
  text-align: left;
  font-family: "Poppins", sans-serif;
  font-display: fallback;
}
.trainer__final-cta {
  text-align: center;
  background-color: #1e225d;
}
.trainer__final-cta h2 {
  color: white;
  text-transform: initial;
}
.trainer__final-cta p {
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  font-size: 1.15rem;
  color: white;
  font-weight: normal;
}
.trainer__final-cta p.subtext {
  margin-top: 10px;
  font-size: 0.9rem;
  font-weight: 600;
}
.trainer__joinevent, .trainer__planned {
  background-color: #f6f6f6;
}
.trainer__section {
  padding: 60px 0px;
}
.trainer__section > .row {
  padding: 0px 15px;
}
@media print, screen and (min-width: 40em) {
  .trainer__section > .row {
    padding: 0px;
  }
}
.trainer__section__title {
  font-size: 1.5rem;
  text-transform: uppercase;
}
.trainer__section h3 {
  font-size: 1.3rem;
}
.trainer__section .centered {
  text-align: center;
}
.trainer__section--sub {
  border-bottom: 1px solid #8a8a8a;
  margin-bottom: 10px;
}
.trainer__section--sub:last-of-type {
  margin-bottom: 40px;
}
.trainer__section--sub__content.closed {
  display: none;
}
.trainer__section-header {
  font-size: 1.25rem;
  margin-bottom: 25px;
  color: #0a0a0a;
}
.trainer__section-header--sub {
  margin-bottom: 15px;
  cursor: pointer;
  font-size: 1.0625rem;
  font-family: "Poppins", sans-serif;
  font-display: fallback;
}
.trainer__section-header--sub::before {
  content: "-";
  width: 15px;
  display: inline-block;
  margin-right: 15px;
}
.trainer__section-header--sub.closed::before {
  content: "+";
}
.trainer__filtertrainers {
  margin-top: 25px;
}
@media print, screen and (min-width: 64em) {
  .trainer__filtertrainers {
    margin-top: 50px;
  }
}
.trainer__filtertrainers .row {
  width: 100%;
}
@media print, screen and (min-width: 64em) {
  .trainer__filtertrainers .row {
    width: 50%;
  }
}
.trainer__filtertrainers #trainers_filter_category {
  border: 1px solid #1E225C;
  border-radius: 100px;
  color: #1E225C;
  font-size: 14px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMCA3LjMzbDIuODI5LTIuODMgOS4xNzUgOS4zMzkgOS4xNjctOS4zMzkgMi44MjkgMi44My0xMS45OTYgMTIuMTd6Ii8+PC9zdmc+");
  background-repeat: no-repeat, repeat;
  background-position: right 5px top 50%;
  background-size: 13px;
  text-indent: 10px;
  height: 52px;
}
.trainer__filtertrainers .trainers__filter {
  border: 1px solid #1E225C;
  border-radius: 100px;
  color: #1E225C;
  font-size: 14px;
  background-repeat: no-repeat, repeat;
  background-position: left 25px top 50%;
  background-size: 24px;
  text-indent: 40px;
  padding: 25px;
}
.trainer__filtertrainers .trainers__filter__zoekicon {
  position: absolute;
  left: 30px;
  top: 15px;
  width: 24px;
  height: 24px;
}
@media print, screen and (min-width: 40em) {
  .trainer__filtertrainers .trainers__filter__zoekicon {
    left: 40px;
  }
}
.trainer__filtertrainers ::-moz-placeholder {
  color: #1E225C;
  opacity: 1; /* Firefox */
}
.trainer__filtertrainers ::placeholder {
  color: #1E225C;
  opacity: 1; /* Firefox */
}
.trainer__trainersdiv {
  margin-bottom: 50px;
}
.trainer__trainersdiv__div {
  height: 400px;
}
@media print, screen and (min-width: 64em) {
  .trainer__trainersdiv__div {
    padding-right: 2.5rem;
    padding-left: 2.5rem;
  }
}
.trainer__trainersdiv__div__banner {
  height: 320px;
  position: relative;
  border-bottom: 2px solid #1E225C;
}
.trainer__trainersdiv__div__banner img {
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  height: 70%;
  bottom: 0;
}
.trainer__trainersdiv__div__banner span {
  position: absolute;
  font-size: 260px;
  font-weight: 900;
  letter-spacing: -15px;
  color: #00C4C2;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  bottom: -90px;
}
.trainer__trainersdiv__div__banner .alt_span {
  left: -30px;
}
.trainer__trainersdiv__div__textdiv {
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  border-radius: 8px;
  height: 65px;
  margin-top: 15px;
  display: flex;
  align-items: center;
}
.trainer__trainersdiv__div__textdiv__text {
  flex: 80;
  margin-left: 20px;
  width: 100%;
}
.trainer__trainersdiv__div__textdiv__text p {
  margin: 0;
  font-size: 14px;
  font-family: "Poppins", "sans-serif";
  color: #1E225C;
}
.trainer__trainersdiv__div__textdiv__text__title {
  font-family: "Lexend", "sans-serif";
  font-weight: 800;
}
.trainer__trainersdiv__div__textdiv__knop {
  flex: 20;
  width: 100%;
}
.trainer__trainersdiv__div__textdiv__knop__div {
  border: 1px solid #1E225C;
  border-radius: 100px;
  width: 50px;
  height: 50px;
  float: right;
  margin-right: 20px;
  position: relative;
  cursor: pointer;
  transition: 0.5s;
}
.trainer__trainersdiv__div__textdiv__knop__div img {
  width: 16px;
  position: absolute;
  left: 0;
  right: 0;
  margin-right: auto;
  margin-left: auto;
  height: 100%;
  filter: invert(10%) sepia(34%) saturate(4768%) hue-rotate(228deg) brightness(98%) contrast(95%);
}

.trainer-pagina__bannertexts p {
  font-size: 16px;
  color: #1E225C;
  font-family: "Poppins", "sans-serif";
}
.trainer-pagina__bannertexts h1 {
  font-size: 25px;
  line-height: 30px;
  letter-spacing: -0.2px;
  font-weight: 700;
  color: #181C4D;
  font-family: "Lexend", "sans-serif";
  margin-bottom: 20px;
}
@media print, screen and (min-width: 64em) {
  .trainer-pagina__bannertexts h1 {
    font-size: 39px;
    font-weight: 800;
    line-height: 44px;
  }
}

#trainer__backgroundimgbanner {
  left: 50%;
  transform: translateX(-50%);
  bottom: 80px;
}
@media screen and (min-width: 90em) {
  #trainer__backgroundimgbanner {
    margin-left: 160px;
  }
}

.trainer__text-background {
  overflow: initial !important;
}
.trainer__text-background span {
  letter-spacing: -60px !important;
}

.backgroundimglijn {
  position: absolute;
  width: 100%;
  border: 2px solid #1E225D;
  bottom: 80px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 5;
  overflow: hidden;
}
@media screen and (min-width: 90em) {
  .backgroundimglijn {
    margin-left: 160px;
  }
}

.trainer-infowidget {
  bottom: 100px !important;
  left: 0 !important;
}
@media screen and (min-width: 90em) {
  .trainer-infowidget {
    margin-left: 160px !important;
  }
}

.trainer-bannerdiv {
  margin: 40px 20px;
  margin-bottom: 0;
}
@media print, screen and (min-width: 64em) {
  .trainer-bannerdiv {
    margin: initial;
    padding-bottom: 0px;
  }
}

#trainer-idbanner {
  padding-bottom: 0px;
}

.data-trainer {
  background: #F8F8FA;
}
.data-trainer__row {
  display: flex;
  gap: 20px;
  flex-direction: column;
  padding: 40px 20px;
}
@media print, screen and (min-width: 64em) {
  .data-trainer__row {
    flex-direction: row;
    gap: 130px;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: initial;
    padding-right: initial;
  }
}
.data-trainer__row__avg-rating {
  width: 100%;
  text-align: center;
}
@media print, screen and (min-width: 64em) {
  .data-trainer__row__avg-rating {
    text-align: left;
  }
}
.data-trainer__row__avg-rating span {
  font-size: 25px;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  font-weight: 900;
  margin-bottom: 0;
  letter-spacing: 0px;
  line-height: inherit;
  color: #1E225C;
}
@media print, screen and (min-width: 64em) {
  .data-trainer__row__avg-rating span {
    font-size: 40px;
  }
}
.data-trainer__row__avg-rating p {
  font-size: 16px;
  font-weight: 500;
  margin: 0;
  text-align: center;
  font-family: "Poppins", "sans-serif";
  letter-spacing: 0px;
  color: #1E225C;
}
@media print, screen and (min-width: 64em) {
  .data-trainer__row__avg-rating p {
    text-align: left;
    font-weight: 600;
  }
}
.data-trainer__row__totaltrainings {
  width: 100%;
  text-align: center;
}
@media print, screen and (min-width: 64em) {
  .data-trainer__row__totaltrainings {
    text-align: left;
  }
}
.data-trainer__row__totaltrainings span {
  font-size: 25px;
  font-family: "Lexend", "sans-serif";
  letter-spacing: 0px;
  color: #1E225C;
  font-weight: 900;
}
@media print, screen and (min-width: 64em) {
  .data-trainer__row__totaltrainings span {
    font-size: 40px;
  }
}
.data-trainer__row__totaltrainings p {
  font-size: 16px;
  font-family: "Poppins", "sans-serif";
  letter-spacing: 0px;
  color: #1E225C;
  font-weight: 500;
  text-align: center;
}
@media print, screen and (min-width: 64em) {
  .data-trainer__row__totaltrainings p {
    text-align: left;
    font-weight: 600;
  }
}
.data-trainer__row__year {
  width: 100%;
  text-align: center;
}
@media print, screen and (min-width: 64em) {
  .data-trainer__row__year {
    text-align: left;
  }
}
.data-trainer__row__year span {
  font-size: 25px;
  font-family: "Lexend", "sans-serif";
  letter-spacing: 0px;
  color: #1E225C;
  font-weight: 900;
}
@media print, screen and (min-width: 64em) {
  .data-trainer__row__year span {
    font-size: 40px;
  }
}
.data-trainer__row__year p {
  font-size: 16px;
  font-family: "Poppins", "sans-serif";
  letter-spacing: 0px;
  color: #1E225C;
  font-weight: 500;
  text-align: center;
}
@media print, screen and (min-width: 64em) {
  .data-trainer__row__year p {
    text-align: left;
    font-weight: 600;
  }
}
.data-trainer__row__button {
  width: 100%;
  display: flex;
}
.data-trainer__row__button a {
  text-decoration: none;
}
@media print, screen and (min-width: 64em) {
  .data-trainer__row__button {
    justify-content: center;
    align-items: center;
  }
}
.data-trainer__row__button .cf-button {
  padding: 30px 50px;
}
.data-trainer__row__button .cf-button span {
  margin: 0;
}

.podcast-section {
  margin: 50px 0px;
}
@media print, screen and (min-width: 64em) {
  .podcast-section {
    margin: 100px 0px;
  }
}
.podcast-section__title h2 {
  font-size: 25px;
  font-family: "Lexend", "sans-serif";
  color: #1E225C;
  font-weight: 600;
}

.trainertrainingen {
  margin-top: 100px;
  padding: 0px 20px;
  padding-right: 0px;
}
@media print, screen and (min-width: 64em) {
  .trainertrainingen {
    padding: initial;
  }
}
.trainertrainingen .trainertrainingen__title h2 {
  font-size: 25px;
  font-family: "Lexend", "sans-serif";
  color: #1E225C;
  font-weight: 600;
}
.trainertrainingen .training-slider-block__body {
  padding: 0;
}
.trainertrainingen .training-slider-block__body [data-core-scroller-platter] > div {
  margin-left: -30px;
  margin-right: 30px;
}

.footertrainers {
  margin-top: 50px !important;
}
@media print, screen and (min-width: 64em) {
  .footertrainers {
    margin-top: 100px;
  }
}
.footertrainers .cluster-header__background__text #trainer_letter_footer {
  font-size: 400px !important;
  padding: 30px 0px !important;
}
@media print, screen and (min-width: 64em) {
  .footertrainers .cluster-header__background__text #trainer_letter_footer {
    font-size: 700px !important;
    padding: 60px 0px !important;
  }
}
.footertrainers .cluster-header__background__image img {
  bottom: -50px !important;
}
@media print, screen and (min-width: 40em) {
  .footertrainers .cluster-header__background__image img {
    bottom: 0px !important;
  }
}

.trainer_footer_text {
  margin-left: -6px;
}
@media print, screen and (min-width: 40em) {
  .trainer_footer_text {
    margin-left: inherit;
  }
}

#trainer_footer {
  margin-top: 30px;
}
@media print, screen and (min-width: 40em) {
  #trainer_footer {
    margin-top: initial;
  }
}

#trainer_footer-designation {
  bottom: 10px;
}
@media print, screen and (min-width: 40em) {
  #trainer_footer-designation {
    bottom: 85px;
  }
}

.traineroverzichtopleidingen {
  height: 37rem !important;
}
@media print, screen and (min-width: 40em) {
  .traineroverzichtopleidingen {
    height: 32rem !important;
  }
}

.alltrainers-link {
  text-decoration: none;
}
.alltrainers-link .trainerimg-ready {
  display: block;
}
.alltrainers-link .trainerimg-hover {
  display: none;
}
.alltrainers-link:hover .trainerimg-ready {
  display: none;
}
.alltrainers-link:hover .trainerimg-hover {
  display: block;
}
.alltrainers-link:hover .trainer__trainersdiv__div__textdiv__knop__div {
  background-color: #1E225C;
}
.alltrainers-link:hover .trainer__trainersdiv__div__textdiv__knop__div img {
  filter: invert(100%) sepia(97%) saturate(0%) hue-rotate(14deg) brightness(104%) contrast(103%);
}

.grecaptcha-badge {
  display: none;
}

form .form-col .form-error {
  margin-top: 0;
  margin-bottom: 10px;
}

form .form-col {
  position: relative;
  margin-bottom: 16px;
}

form .form-col textarea {
  border-radius: 8px;
  background-color: white;
  font-size: 16px;
  font-weight: medium;
  box-shadow: none;
  color: #1e225d;
  letter-spacing: -0.32px;
  margin-bottom: 0px;
  border: 1px solid #1E225C;
  padding: 22px;
}
form .form-col textarea:focus {
  box-shadow: none;
}

.contact__banner {
  background-position: center center;
  background-size: cover;
}
.contact__banner__image {
  padding: 60px 0px;
  background-position: center center;
  background-size: cover;
  background: rgba(32, 27, 102, 0.5);
  min-height: 330px;
}
@media print, screen and (min-width: 40em) {
  .contact__banner__image {
    padding: 80px 0px;
  }
}
@media screen and (min-width: 75em) {
  .contact__banner__image {
    padding: 100px 0px;
  }
}
@media screen and (min-width: 75em) {
  .contact__banner__image {
    min-height: 400px;
  }
}
.contact__banner__title h1 {
  font-size: 2.25rem;
  text-align: center;
  color: white;
}
.contact__banner--sharper .training__banner-overlaywithoutimage {
  opacity: 1;
  background: none;
}
@media print {
  .contact__banner--sharper {
    height: 175px;
  }
}
.contact__cta {
  padding: 0 15px;
}
.contact__cta__wbox {
  background: #fff;
  margin: 0 auto;
  max-width: 800px;
  display: inline-block;
  width: 100%;
  border-radius: 6px 6px 0 0;
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  border: 1px solid #e8e8e8;
}
@media print, screen and (min-width: 40em) {
  .contact__cta {
    padding: 0px;
  }
}
.contact__cta ul {
  margin-top: -27px;
}
.contact__cta ul li {
  width: 55px;
  height: 55px;
  background: #ccc;
  border-radius: 50%;
  list-style-type: none;
  position: relative;
  overflow: hidden;
  display: inline-block;
  margin: 0 0 0 15px;
}
.contact__cta ul li img {
  width: auto;
  height: 100%;
  max-width: inherit;
}
.contact__cta ul li:first-child {
  margin-left: 0;
}
.contact__cta__callus {
  max-width: 750px;
  margin: 0 auto 30px;
}
.contact__cta__callus p {
  width: 100%;
  display: inline-block;
  font-size: 18px;
  color: #1d215e;
  font-weight: 700;
  margin: 0;
}
@media print, screen and (min-width: 40em) {
  .contact__cta__callus p {
    width: calc(100% - 273px);
  }
}
@media print, screen and (min-width: 40em) {
  .contact__main__form {
    margin-left: 0px;
  }
}
.contact__sub__information {
  padding: 60px 0px;
  position: relative;
  z-index: 1;
}
.contact__sub__information__location__icon img {
  width: 70%;
  height: 70%;
  margin-top: 10px;
}
.contact__sub__information__text img {
  width: 150px;
}

.contact-body .cta-block__intake__text {
  padding-bottom: 20px;
  padding-top: 20px;
}
.contact-body .cta-block__intake__text .cta-block__intake__text h2 {
  font-size: 1.25rem;
}
.contact-body .cta-block__intake__text .cta-block__intake {
  border-radius: 12px;
}

.contact-body .incompany__intake {
  border-radius: 12px;
  margin-top: 35px;
}
.contact-body .incompany__intake .incompany__intake__text {
  padding-left: 36px;
  overflow: hidden;
}
.contact-body .incompany__intake .incompany__intake__text .will-body-sec .details_box .heading_text {
  font-size: 20px;
  color: #1E225C;
}
.contact-body .incompany__intake .incompany__intake__text .will-body-sec .details_box .links-box {
  display: inline-block;
}
.contact-body .incompany__intake .incompany__intake__text .will-body-sec .details_box .links-box .text-links {
  font-size: 15px;
  text-align: center;
  font: normal normal 600 15px/23px Poppins;
  letter-spacing: 0px;
  color: #FFFFFF;
  text-transform: lowercase;
  opacity: 1;
  padding: 7px 14px;
  border: none;
}
.contact-body .incompany__intake .incompany__intake__text .will-body-sec .details_box .links-box .cf-button--blue:hover {
  background: #fff;
  color: #1E225C;
}
.contact-body .incompany__intake .incompany__intake__text .will-body-sec .details_box .links-box .blue-text {
  color: #1b2a68;
}
.contact-body .incompany__intake .incompany__intake__text .will-body-sec .details_box .links-box .blue-text svg {
  transform: rotate(90deg);
  margin-right: 10px;
}
.contact-body .incompany__intake .incompany__intake__text .will-body-sec .details_box .links-box .blue-text:hover {
  color: #fff;
}
.contact-body .incompany__intake .incompany__intake__text .will-body-sec .cta-block__intake__image {
  position: relative;
  bottom: -45px;
  right: -30px;
}
.contact-body .incompany__intake .incompany__intake__text .will-body-sec .cta-block__intake__image.cta-block__intake__image img {
  max-width: 100%;
}
.contact-body .listing_points ul {
  margin: 0;
  padding: 0;
}
.contact-body .listing_points ul li {
  list-style: none;
  color: #1E225C;
  text-align: left;
  letter-spacing: 0px;
  opacity: 1;
  font-size: 16px;
  text-shadow: 0px 0px 0px #1E225C;
  font-family: "Poppins", sans-serif;
  margin-bottom: 10px;
}
.contact-body .listing_points ul li .fa-chevron-right {
  margin-left: 20px;
  font-size: 12px;
}
.contact-body .listing_points ul li a {
  display: flex;
  align-items: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
.contact-body .listing_points ul li a img {
  filter: invert(20%) sepia(9%) saturate(5499%) hue-rotate(194deg) brightness(95%) contrast(106%);
  width: 20px;
}
.contact-body .listing_points ul li a span {
  text-decoration: underline;
  color: #1E225C !important;
}
.contact-body .listing_points ul li a:hover span {
  text-decoration: none;
}
.contact-body .listing_points ul li a:hover .fa-chevron-right {
  transition: margin 400ms, box-shadow 400ms;
  margin-left: 30px;
}
.contact-body .incompany__intro__container__image__container {
  height: 630px;
  overflow: hidden;
  border-radius: 0px 0px 0px 70px;
}
.contact-body .incompany__intro__container__image__container img {
  max-height: 100%;
}

.contact__main {
  margin-top: 50px;
  margin-bottom: 50px;
}
@media print, screen and (min-width: 40em) {
  .contact__main {
    margin-top: 75px;
    margin-bottom: 100px;
  }
}
.contact__main .container {
  padding: 0 1.5rem;
}
@media print, screen and (min-width: 40em) {
  .contact__main .container {
    padding: 0 1rem;
  }
}
.contact__main h2 {
  margin-bottom: 60px;
}
.contact__main .contact__main__form {
  margin-top: 0px;
}
@media print, screen and (min-width: 64em) {
  .contact__main .contact__main__form {
    padding-left: 70px;
  }
}
.contact__main .contact__main__form h3 {
  font-size: 18px;
  margin-bottom: 20px;
  margin-top: 10px;
}
.contact__main label {
  color: #1E225C;
  font-size: 14px;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
}
.contact__main input {
  border-radius: 8px;
  background-color: white;
  box-shadow: none;
  border: 1px solid #1E225C;
  margin-bottom: 0px;
  font-size: 16px;
  letter-spacing: -0.32px;
  padding: 22px;
  height: unset;
  font-weight: medium;
  color: #1e225d;
}
.contact__main input:placeholder {
  color: #BABABA;
}
.contact__main input:focus {
  box-shadow: none;
}
.contact__main textarea {
  border-radius: 8px;
  background-color: white;
  font-size: 16px;
  font-weight: medium;
  box-shadow: none;
  color: #1e225d;
  letter-spacing: -0.32px;
  margin-bottom: 0px;
  border: 1px solid #1E225C;
  padding: 22px;
}
.contact__main textarea:focus {
  box-shadow: none;
}
.contact__main .form-error {
  margin-bottom: 0px;
  margin-top: 5px;
}
.contact__main__information__sidebar {
  border-radius: 12px;
  background-color: #04D3D1;
  padding: 30px 20px;
  margin-bottom: 40px;
}
@media print, screen and (min-width: 64em) {
  .contact__main__information__sidebar {
    margin-bottom: 0px;
    padding: 60px 50px;
  }
}
.contact__main__information__sidebar .col-1 {
  display: grid;
  grid-template-columns: 1fr 5fr;
  -moz-column-gap: 15px;
       column-gap: 15px;
}
.contact__main__information__sidebar .col-1 .contact-sidebar-icon {
  display: grid;
  justify-content: center;
}
.contact__main__information__sidebar .col-1 .contact-sidebar-icon div {
  background-color: #1B2A68;
  width: 35px;
  height: 35px;
  display: grid;
  justify-content: center;
  align-content: center;
}
.contact__main__information__sidebar .col-1 .contact-sidebar-icon svg {
  filter: invert(100%) sepia(0%) saturate(7469%) hue-rotate(87deg) brightness(97%) contrast(111%);
  scale: 0.75;
}
.contact__main__information .col-1 {
  margin-bottom: 20px;
  display: grid;
  grid-template-columns: 1fr 5fr;
}
@media print, screen and (min-width: 64em) {
  .contact__main__information .col-1 {
    margin-bottom: 55px;
  }
}
.contact__main__information .col-1 .contact_details_title {
  font-size: 18px;
  font-weight: bold;
  text-align: left;
  color: #1e225d;
  margin-bottom: 0px;
}
.contact__main__information .col-1 p {
  text-align: left;
  font: normal normal normal 16px/25px Poppins;
  letter-spacing: 0px;
  opacity: 1;
  color: #1e225d;
  margin-bottom: 0px;
  word-break: break-word;
}
.contact__main__information .col-1 a {
  color: #1e225d;
}
.contact__main__information .col-1:last-of-type {
  margin-bottom: 0px;
}

.video-block1 .videotext-block__video__container > img {
  border-radius: 0px 0px 70px 0px;
}

.videotext-block .design-training-slider-contact .slide-box {
  margin-right: 5px;
}
.videotext-block .design-training-slider-contact .slide-box .img-box {
  height: 481px;
}
.videotext-block .design-training-slider-contact .slick-next {
  right: 66px;
  background: white;
  width: 51px;
  height: 50px;
  border: 1px solid #fff;
  border-radius: 50%;
  vertical-align: middle;
  line-height: 2;
}
.videotext-block .design-training-slider-contact .slick-next:before {
  font-size: 48px;
  line-height: 54px;
  color: #1E225C;
  opacity: 1;
  font-weight: normal;
}

.videotext-block-contact h2 {
  font-size: 39px;
}
.videotext-block-contact .cf-button--blue-flat-alt {
  align-items: center;
  border: none;
  padding: 0px;
  margin: 30px 0px;
}
.videotext-block-contact .cf-button--blue-flat-alt:hover {
  background: transparent;
  border-color: #152050;
  color: #152050;
}

.video-block1 {
  margin: 100px 0px;
}

.videotext-2 {
  margin: 0px 0px;
}
.videotext-2 .cf-button--blue-flat-alt {
  margin: 20px 0px 0px;
}

.Slider-block {
  margin: 30px 0px;
  background: #F8F8FA 0% 0% no-repeat padding-box;
  padding: 30px 0;
}
.Slider-block .container {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}
@media print, screen and (min-width: 40em) {
  .Slider-block .container {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}
.Slider-block h2 {
  padding-bottom: 31px;
}
.Slider-block .slider-foot {
  justify-content: space-between;
}

.banner-contactpage {
  height: 400px;
  width: 100%;
}
.banner-contactpage img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 25%;
     object-position: 50% 25%;
}

#menu-sub-menu-trainingen .contact-menu-item {
  margin-right: 30px;
}
#menu-sub-menu-trainingen .contact-menu-item a {
  font-size: 16px;
}

#contact .contact-titel {
  font-size: 32px;
  font-weight: 800;
  margin-bottom: 26px !important;
}
#contact .contact-beschrijving {
  max-width: 600px;
  margin-bottom: 36px !important;
  font-size: 16px;
}

#form-contact {
  display: grid;
  grid-template-areas: "naam naam" "onderwerp onderwerp" "email  email" "telefoonnummer  telefoonnummer" "bericht  bericht" "verstuur  verstuur";
  -moz-column-gap: 30px;
       column-gap: 30px;
}
@media screen and (min-width: 40em) {
  #form-contact {
    grid-template-areas: "naam onderwerp" "email  telefoonnummer" "bericht  bericht" "verstuur  verstuur";
  }
}
#form-contact #naam {
  grid-area: naam;
}
#form-contact #email {
  grid-area: email;
}
#form-contact #telefoonnummer {
  grid-area: telefoonnummer;
}
#form-contact #onderwerp {
  grid-area: onderwerp;
}
#form-contact #bericht {
  grid-area: bericht;
}
#form-contact #verstuur {
  grid-area: verstuur;
}
#form-contact #verstuur button {
  background-color: #181B4B;
}
#form-contact #verstuur span {
  color: #ffffff;
  display: flex;
  align-items: center;
}
#form-contact #verstuur span svg {
  filter: invert(100%) sepia(0%) saturate(7469%) hue-rotate(87deg) brightness(97%) contrast(111%);
  margin-left: 10px;
}
#form-contact #verstuur:hover button {
  background-color: #ffffff;
}
#form-contact #verstuur:hover span {
  color: #181B4B;
}
#form-contact #verstuur:hover span svg {
  filter: invert(15%) sepia(20%) saturate(2782%) hue-rotate(204deg) brightness(85%) contrast(104%);
}
#form-contact .form-col {
  position: relative;
  margin-bottom: 20px;
}
#form-contact .form-col label {
  position: absolute;
  left: 18px;
  background-color: white;
  padding-left: 5px;
  padding-right: 5px;
}
#form-contact .form-col input, #form-contact .form-col textarea {
  margin-top: 12px;
  padding: 16px 22px 16px;
}
@media print, screen and (min-width: 64em) {
  #form-contact .form-col textarea {
    max-height: 187px;
  }
}

.FAQ-block {
  margin: 50px 0px;
  background: #F8F8FA 0% 0% no-repeat padding-box;
  padding: 50px 0;
}
@media print, screen and (min-width: 64em) {
  .FAQ-block {
    margin: 100px 0px;
    padding: 100px 0px;
  }
}
.FAQ-block .FAQ-row {
  display: flex;
}
.FAQ-block .FAQ-row__titel {
  font-size: 32px;
  font-weight: 800;
  margin-bottom: 30px !important;
}
.FAQ-block .FAQ-row__vraagtitel {
  background-color: white !important;
}
.FAQ-block .FAQ-row__vraagantwoord {
  background-color: white !important;
}
.FAQ-block .FAQ-row .accordion {
  background-color: #F8F8FA;
}
.FAQ-block .FAQ-row .bel-met-ons {
  display: grid;
  align-items: flex-start;
}
.FAQ-block .FAQ-row .bel-met-ons .faq-callout {
  border: none;
}
.FAQ-block .FAQ-row .bel-met-ons .faq-callout__image img {
  border-bottom: 2px solid #1e225d;
}

.route-naar-cf {
  margin: 50px 0px;
}
@media print, screen and (min-width: 64em) {
  .route-naar-cf {
    margin: 100px 0px;
  }
}
.route-naar-cf .videotext-block-contact h2 {
  font-size: 32px;
  margin-bottom: 26px !important;
}
.route-naar-cf .videotext-block__text p {
  margin-bottom: 26px;
}
.route-naar-cf .videotext-block__video__container {
  margin-bottom: 0px !important;
}
.route-naar-cf .button-wanderoute {
  max-width: 450px;
  width: 100%;
  text-align: left;
}
@media print, screen and (min-width: 64em) {
  .route-naar-cf .button-wanderoute {
    text-align: center;
  }
}
.route-naar-cf .button-wanderoute a {
  margin: 0 !important;
  color: white !important;
}
.route-naar-cf .button-wanderoute-2 {
  max-width: 450px;
  width: 100%;
  margin-top: 10px;
  text-align: left;
}
@media print, screen and (min-width: 64em) {
  .route-naar-cf .button-wanderoute-2 {
    text-align: center;
  }
}
.route-naar-cf .button-wanderoute-2 a {
  margin: 0 !important;
  color: #1e225d !important;
}
.route-naar-cf .button-wanderoute svg {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(55deg) brightness(103%) contrast(103%);
}
.route-naar-cf .button-wanderoute:hover {
  padding-right: 20px;
}
.route-naar-cf .button-wanderoute:hover svg {
  filter: invert(13%) sepia(31%) saturate(3879%) hue-rotate(215deg) brightness(100%) contrast(97%);
}
.route-naar-cf .button-wanderoute-2:hover {
  padding-right: 20px;
}
.route-naar-cf .button-wanderoute-2:hover svg {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(55deg) brightness(103%) contrast(103%);
}

.Daarom-competence {
  margin: 50px 0px;
  margin-bottom: 100px;
}
@media print, screen and (min-width: 64em) {
  .Daarom-competence {
    margin: 100px 0px;
  }
}
.Daarom-competence__title {
  font-size: 32px;
  font-weight: 800;
  margin-bottom: 26px !important;
}
.Daarom-competence .wij-trainers-container {
  padding: 0 !important;
  margin: 0 !important;
}
.Daarom-competence .Wij-trainers-wrapper {
  width: 100%;
  padding: 0 !important;
  margin: 0 !important;
}
.Daarom-competence .Wij-trainers-wrapper .slick-slideshow__slide {
  margin: 0px !important;
}
.Daarom-competence .Wij-trainers-wrapper .slick-slideshow__slide .slide-box {
  margin-bottom: 15px;
}
.Daarom-competence .container.slidercontainer {
  padding-right: 0px;
}
@media print, screen and (min-width: 64em) {
  .Daarom-competence .container.slidercontainer {
    padding-right: 20px;
  }
}
.Daarom-competence .slick-track {
  margin: 0px !important;
}
.Daarom-competence .img-box {
  height: 180px;
}
.Daarom-competence .box-content p {
  min-height: 80px;
}
.Daarom-competence .box-content h3 {
  font-size: 20px;
  padding-bottom: 10px;
}
.Daarom-competence .Why-cf-slider .slide-arrow {
  margin-right: 13px;
  height: 45px !important;
  padding: 6px;
  bottom: -60px;
  width: 50px !important;
}
@media print, screen and (min-width: 40em) {
  .Daarom-competence .Why-cf-slider .slide-arrow {
    margin-right: 40px;
  }
}
.Daarom-competence .Why-cf-slider .prev-arrow {
  right: 60px !important;
}

.scroll-up .contactmenubalk {
  top: 73px;
  transition: top 400ms;
}

.contactmenubalk {
  position: sticky;
  top: 0px;
  z-index: 10;
}

/* Class for clearing floats */
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

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

.cf:after {
  clear: both;
}

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

.categories-body {
  color: #1e225c;
  position: relative;
}

.mr-10 {
  margin-right: 10px;
}

.categories-body ul, .categorie__container ul {
  margin: 0px;
  padding: 0px;
}

.categories-body ul:not(.training__programma__accordion) li, .categorie__container ul:not(.training__programma__accordion) li {
  list-style: none;
  margin-bottom: 10px;
  font-size: 16px;
  position: relative;
}

.hbo-body-left ul:not(.training__programma__accordion) {
  padding: initial;
  margin: 0px 0px 20px 20px;
}

.hbo-body-left ul:not(.training__programma__accordion) li {
  margin-bottom: 5px;
  list-style: disc;
}

.hbo-body-left ul:not(.training__programma__accordion) li a {
  text-decoration: underline;
}

.container {
  width: 100%;
  max-width: 1380px;
  margin: 0px auto;
  padding: 0px 20px;
}

.categories-body h1:not(.categorie__overview__title):not(.training-intro__titel):not(.training-header__title), .categorie__container h1:not(.categorie__overview__title):not(.training-intro__titel):not(.training-header__title) {
  font-size: 45px;
  color: #1e225c;
  line-height: 40px !important;
  text-align: left;
  font-family: Lexend, Open sans;
  letter-spacing: -1;
  margin-bottom: 2rem !important;
}

.categorie__container h1:not(.categorie__overview__title):not(.training-intro__titel):not(.training-header__title) {
  font-size: 45px;
  line-height: 50px;
}
@media screen and (min-width: 40em) {
  .categorie__container h1:not(.categorie__overview__title):not(.training-intro__titel):not(.training-header__title) {
    font-size: 45px;
    padding-right: 70px;
  }
}

.h2-2rem {
  font-size: 2.5rem;
}

.small-text {
  font-size: 12px;
  font-weight: 600;
}

.block {
  display: block !important;
}

.white {
  color: #fff !important;
}

.light-blue {
  color: #8b8dab;
}

.orange {
  color: #ffa120;
}
.orange svg path {
  fill: #ffa120;
}

.yellow {
  color: #FFC107 svg path;
  color-fill: #FFC107;
}

.l-yellow {
  color: #ffc069;
}

.pink {
  color: #ff6969;
}

.green {
  color: #8dff46;
}

.flot-left {
  float: left;
}

.flot-right {
  float: right;
}

.width-50 {
  width: 50%;
}

.bg-color {
  background-color: #ffbc24;
}

.bg-offwhite {
  background-color: #fafafc;
}

.bg-blue {
  background-color: #1e225d;
}

.bg-transparent {
  background-color: transparent !important;
}

.mt-20 {
  margin-top: 20px;
}

.mt-50 {
  margin-top: 50px;
}

.mt-60 {
  margin-top: 60px;
}

.mr-20 {
  margin-right: 20px;
}

.mt-120 {
  margin-top: 120px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-50 {
  margin-bottom: 50px;
}

.pb-50 {
  padding-bottom: 50px;
}

.flex {
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
}

.flex-start {
  justify-content: flex-start;
}

.wrap {
  flex-wrap: wrap;
}

.justi-space-btw {
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}

.left-text .justi-space-btw {
  justify-content: flex-start;
  -moz-column-gap: 30px;
       column-gap: 30px;
}

.aline-center {
  align-items: center;
}

.aline-end {
  align-items: flex-end;
}

.left-text {
  padding-right: 100px;
}

.link {
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  display: inline-block;
  font-stretch: 14px;
}

.link-a {
  background: #f48a25;
  padding: 7px 14px;
  color: #fff;
  position: absolute;
  bottom: 26px;
  right: 15px;
}

.bg-color {
  border-radius: 0px 0px 0px 70px;
  opacity: 1;
  height: 550px;
  position: relative;
}

.flex-basis-50 {
  flex-basis: 50%;
}

.flex-basis-60 {
  flex-basis: 60%;
}

.flex-basis-30 {
  flex-basis: 30%;
}

.btn-yellow {
  font-family: "Poppins", sans-serif;
  text-decoration: none;
  background-color: #FFA120;
  border-radius: 8px;
  opacity: 1;
  padding: 19px 30px;
  color: #fff !important;
  font-weight: 400;
  border: 2px solid #FFA120;
  transition: all 0.4s ease;
  font-weight: bold;
  display: inline-block;
}
.btn-yellow svg path {
  fill: white;
}
.btn-yellow.disabled {
  background-color: transparent;
  border-color: #E2E2E2;
  color: #E2E2E2 !important;
}
.btn-yellow.disabled svg path {
  fill: #E2E2E2;
}

.btn-yellow a {
  color: #fff;
}

.btn-yellow:hover {
  border-color: #FFA120;
  color: #FFA120 !important;
  background-color: #FFF;
  cursor: pointer;
}
.btn-yellow:hover svg path {
  fill: #FFA120;
}

.btn-yellow.disabled:hover {
  background-color: transparent;
  border-color: #E2E2E2;
  color: #E2E2E2 !important;
  cursor: default;
}
.btn-yellow.disabled:hover svg path {
  fill: #E2E2E2;
}

.banner-body ul li {
  font-size: 18px;
}

.black-border-btn {
  /*background: #FFFFFF 0% 0% no-repeat padding-box;*/
  border: 2px solid #1E225C;
  font-family: "Poppins", sans-serif;
  text-decoration: none;
  border-radius: 8px;
  opacity: 1;
  padding: 15px 30px;
  transition: all 0.4s ease;
  color: #1E225C;
  text-align: center;
  display: inline-block;
  font-weight: bolder;
}

.black-border-btn:hover {
  background: #1E225C 0% 0% no-repeat padding-box;
  color: #fff;
  cursor: pointer;
}

.right-img {
  position: relative;
}

p.designation strong {
  font-size: 14px;
  color: white;
}

p.designation {
  position: absolute;
  bottom: 30px;
  left: 50px;
  font-size: 15px !important;
  color: white;
  z-index: 50;
}

.img-caption {
  background: rgba(0, 0, 0, 0.1);
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  border-radius: 15px;
  padding: 15px;
  position: absolute;
  top: 30px;
  width: -moz-fit-content;
  width: fit-content;
  color: #fff;
  left: 30px;
  border-radius: 5px;
  -webkit-backdrop-filter: blur(25px);
  backdrop-filter: blur(25px);
  /*  border: solid 0.5px #dddddd76;*/
}

.img-caption p {
  width: 354px;
  font-size: 13px;
  padding-left: 15px;
  margin-bottom: 5px;
  display: inline-block;
  vertical-align: top;
}

.img-caption strong {
  padding-left: 8px;
  font-size: 14px;
  color: #ffffff;
  display: block;
}

.profile-img-img {
  width: 60%;
  position: absolute;
  bottom: 0px;
  right: 0px;
}

.listing span {
  font-size: 14px;
}

.listing div {
  position: relative;
}

.listing svg {
  position: absolute;
  left: 0px;
  top: 5px;
}

.listing span {
  padding-left: 25px;
  display: block;
}

.left-text p {
  font-size: 16px !important;
  font-weight: 400 !important;
}

/*.categorie__container p {
    font-size: 16px !important;
    font-weight: 400;
}*/
.post-hbo h3 {
  font-size: 18px;
}

#keuzehulpWhitepaperTitle {
  font-size: 16px;
  display: flex;
  justify-content: center;
}
#keuzehulpWhitepaperTitle div {
  position: inherit;
  height: 19px;
  width: 16px;
  margin-top: 2px;
  padding-right: 30px;
  filter: invert(98%) sepia(8%) saturate(83%) hue-rotate(320deg) brightness(120%) contrast(100%);
}

.cluster-header__content__text__buttons__button .cf-button__text {
  font-size: 16px;
}

@media print, screen and (min-width: 64em) {
  #keuzehulp_backgroundimgbanner img {
    max-width: 100%;
  }
}

.wij-trainers-container {
  margin: 0;
  max-width: 100%;
  padding: 0;
}

.opleiding-container {
  margin: 0;
  max-width: 100%;
  padding: 0;
}
.opleiding-container .keuzehulp-tabbingdiv {
  margin-left: 1rem;
}
@media print, screen and (min-width: 40em) {
  .opleiding-container .keuzehulp-tabbingdiv {
    margin-left: auto;
  }
}
.opleiding-container .slick-track {
  width: -moz-max-content !important;
  width: max-content !important;
}
@media print, screen and (min-width: 64em) {
  .opleiding-container .slider__counter {
    margin-right: 200px;
  }
}

.icon-home2 {
  width: 16px;
  height: 15px;
  filter: invert(11%) sepia(46%) saturate(2857%) hue-rotate(223deg) brightness(100%) contrast(97%);
}

#trainingen {
  margin-top: 0;
  padding-top: 120px;
  background-color: #F8F8FA;
}

.titleTopCatogorytrainingen div {
  text-align: start;
}
.titleTopCatogorytrainingen div h2 {
  font-family: "Lexend", sans-serif;
  font-size: 30px;
  font-weight: 600;
  margin-left: 0.5rem;
}
@media print, screen and (min-width: 40em) {
  .titleTopCatogorytrainingen div h2 {
    margin-left: initial;
  }
}

#keuzehulpTabbing {
  flex-basis: 100% !important;
  overflow: auto;
}
#keuzehulpTabbing .tabbing {
  display: inline-flex;
  border-radius: 8px;
  background: #fff;
  padding: 5px;
  -moz-column-gap: 5px;
       column-gap: 5px;
  margin-bottom: 15px;
  margin-left: 10px;
  box-shadow: 0px 3px 10px hsla(210, 32%, 24%, 0.129);
}
@media print, screen and (min-width: 40em) {
  #keuzehulpTabbing .tabbing {
    margin-bottom: 35px;
    margin-left: 0px;
    margin-right: 20px;
  }
}
#keuzehulpTabbing .tabbing .tab-link {
  border-radius: 8px;
  padding: 10px 20px;
  border: 0px;
  margin-bottom: 0px !important;
  font-size: 15px;
  font-weight: 600;
  font-family: "Lexend", sans-serif;
}

.categorie__container span {
  font-size: 14px;
}

.deze-box-body {
  padding-top: 15px;
}

.deze-box-body p {
  font-stretch: 16px;
}

.listing {
  display: flex;
  justify-content: space-between;
  padding: 35px 0px 0px 0px;
}

.title h2 {
  color: #1e225c;
  text-align: center;
  letter-spacing: 0px;
  opacity: 1;
  font-size: 2rem;
  line-height: 48px;
  text-align: center;
  font-weight: 900;
}

.categories-body .trainingen {
  margin-top: 120px;
}

.left-text ul {
  margin-bottom: 45px !important;
  margin-top: 40px !important;
}

.listing-body {
  padding: 20px 0px 0px;
}

.title p {
  max-width: 800px;
  margin: 0px auto;
  padding: 20px 0px;
}

.title {
  text-align: center;
}

/*tabbing */
ul.tabbing {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

.tab-title {
  flex-basis: 60%;
}

.tab-title:nth-child(2) {
  flex-basis: 40%;
}

ul.tabbing li.current {
  background: #106bc6;
  color: #fff;
}

.verticle-tabbing ul.tabbing li.current {
  color: #fff;
  border: solid 0.5px #707070;
  background-color: #1a2c6c;
  color: #fff;
}

.verticle-tabbing .tab-content {
  margin-top: 0px;
}

.verticle-tabbing .tab-content strong {
  padding: 20px 0px;
  display: block;
}

ul.tabbing li {
  background: none;
  display: inline-block;
  padding: 5px 15px;
  cursor: pointer;
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
  border: solid 0.5px rgba(30, 34, 92, 0.462);
  background-color: #fff;
  margin-right: 10px;
}

.verticle-tabbing ul.tabbing li {
  display: block;
  border-radius: 2px;
  border: transparent;
  font-weight: 800;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  text-align: left;
  color: #1e225c;
  font-size: 20px;
  position: relative;
  width: 350px;
  padding: 15px;
  margin-left: 50px;
  transition: all 0.4s ease;
}

.verticle-tabbing li.tab-link:hover {
  background-color: #1a2c6c;
  color: #fff !important;
}

.verticle-tabbing ul.tabbing li span {
  font-size: 16px;
}

.tab-content .left {
  padding-right: 60px;
}

.tab-content .right {
  padding-left: 60px;
}

#tab-filter {
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
  row-gap: 1.8rem;
}

.verticle-tabbing ul.tabbing {
  position: relative;
}

.verticle-tabbing ul.tabbing:before {
  border-right: 2px solid;
  content: "";
  width: 2px;
  height: 100%;
  background: #1a2c6c;
  display: block;
  position: absolute;
  right: 35px;
  opacity: 0.3;
}

.verticle-tabbing .tab-content-body {
  width: 100%;
}

.count-no {
  position: absolute;
  left: -50px;
  height: 35px;
  width: 35px;
  border: 3px solid;
  text-align: center;
  border-radius: 100%;
  line-height: 30px;
  color: #1a2c6c;
  top: 12px;
  /* padding: 10px; */
}

.count-no:after {
  content: "";
  width: 2px;
  height: 55%;
  display: block;
  background-color: #000;
  position: absolute;
  left: 48%;
  /* top: 10px; */
  margin-top: 7px;
}

.tab-link:last-child .count-no:after {
  background-color: transparent;
}

.programma-body-box {
  padding: 50px 60px;
  border-radius: 15.5px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  background-color: #fff;
}

.programma-body-box .tab-content-body li, .programma-wrapper.mobile .programma-body-box li {
  list-style: disc outside none;
  display: list-item;
  margin-left: 1.25rem;
}

.tab-content {
  display: none;
  background: transparent;
  /*  padding: 15px;*/
  margin-top: 20px;
  height: -moz-max-content;
  height: max-content;
}

.tab-content.current {
  display: inherit;
}

.tab-grid {
  margin-top: 20px;
}
.tab-grid .grid-item {
  margin-bottom: 20px;
  padding: 0px;
}

.design-training-slider-body,
.online-training-slider-body {
  position: relative;
  padding: 50px 0px 0px;
  margin-bottom: 80px;
}

.design-training-slider-body:before,
.Wij-trainers-wrapper:before,
.online-training-slider-body:before {
  content: "";
  background-image: url(/images/dot-bgv4.png);
  height: 100%;
  width: 50%;
  position: absolute;
  background-repeat: repeat;
  top: 0px;
  left: 0px;
  z-index: -1;
  background-position: center;
  background-size: unset;
}

.Wij-trainers-wrapper {
  position: relative;
}

.Wij-trainers-wrapper:before {
  right: 0px !important;
  left: auto;
}

.categorie__container .tab-title {
  margin-top: 0px;
}

.categorie__container .tab-head {
  display: flex;
  justify-content: space-between;
  border-radius: 4px;
  box-shadow: 0 7.5px 20px 0 rgba(42, 62, 82, 0.129);
  border: none;
  background-color: #fff;
  padding-bottom: 0px;
}

.categorie__container .tab-head h6 {
  font-size: 17px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.14;
  letter-spacing: normal;
  text-align: left;
  padding-bottom: 10px;
  /* border-bottom: 2px solid #747AA557;*/
  margin-right: 40px;
  margin-bottom: 10px;
}

.categorie__container .tab-title {
  padding: 0px;
}
@media screen and (min-width: 40em) {
  .categorie__container .tab-title {
    padding: 20px 20px;
    padding-bottom: 15px;
  }
}
.categorie__container .tab-title.categories {
  overflow: scroll;
  flex-basis: 75%;
}

.categorie__container .tab-title:nth-child(2) {
  flex-basis: 25%;
}

.categorie__container ul.tabbing li {
  margin-bottom: 0px;
  margin-right: 0px;
}
@media screen and (min-width: 40em) {
  .categorie__container ul.tabbing li {
    margin-bottom: 10px;
    margin-right: 10px;
  }
}

.categorie__container .tab-title.filter {
  border-left: 1px solid #D6D6D6;
}
.categorie__container .tab-title.filter select {
  margin-bottom: 0px;
  font-size: 12px;
  font-weight: 600;
  padding-left: 2rem;
  height: initial;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%2830, 34, 92%29'></polygon></svg>"), url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path style="fill: rgb%2830, 34, 92%29" d="M6 21l6-8h-4v-10h-4v10h-4l6 8zm16-12h-8v-2h8v2zm2-6h-10v2h10v-2zm-4 8h-6v2h6v-2zm-2 4h-4v2h4v-2zm-2 4h-2v2h2v-2z"/></svg>');
  background-origin: content-box, content-box;
  background-position: right -1rem center, left -1.5rem center;
  background-repeat: no-repeat, no-repeat;
  background-size: 9px 6px, 18px 15px;
  border: 1px solid #1E225C;
  color: #1E225C;
}

.categorie__container .loadmore {
  border-top: 1px solid #D6D6D6;
  margin-top: 25px;
  padding-top: 25px;
  text-align: center;
}

.Waarom-box p {
  font-weight: 500;
}

/*slider*/
.design-training-slider .slick-list, .Wij-trainers-slider .slick-list, .online-training-slider .slick-list {
  padding-left: 0px !important;
}

.design-training-slider, .design-training-slider-fullwidth, .online-training-slider {
  height: 100% !important;
  background: transparent !important;
}

.design-training-slider .slick-slide, .design-training-slider-fullwidth .slick-slide, .online-training-slider .slick-slide {
  margin-right: 20px;
}

.design-training-slider .training-grid-block__intro, .design-training-slider-fullwidth .training-grid-block__intro {
  height: 100px;
}

.slick-slider {
  margin: 0px !important;
}

.slick-slide img {
  display: block;
  width: 100%;
}

.slide-box {
  margin-right: 20px;
  background-color: #fff;
  position: relative;
  border-radius: 4px;
  box-shadow: 0 7px 7px 0 rgba(42, 62, 82, 0.129);
  background-color: #fff;
  margin-bottom: 40px;
  border-radius: 8px;
  overflow: hidden;
  transition: all 400ms;
}

.Wij-trainers-slider .slide-box {
  width: 400px;
}

.img-box {
  height: 230px;
  overflow: hidden;
}

.box-content {
  padding: 20px;
}

.box-content p {
  font-size: 14px !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: initial;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  min-height: 60px;
  margin-bottom: 20px;
}

.Wij-trainers-slider .box-content p {
  font-size: 14px !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: initial;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  min-height: 70px;
}

.box-content h3 {
  font-size: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: initial;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  min-height: 50px;
}

.box-foot-nav ul {
  display: flex;
  justify-content: flex-start;
}

.box-foot-nav ul li {
  padding-right: 30px;
  color: #000;
  opacity: 0.39;
  font-size: 13px;
}

.heart {
  position: absolute;
  right: 13px;
  z-index: 222;
  font-size: 26px;
  top: 12px;
  color: #fff;
}

.slider__counter {
  position: absolute;
  bottom: -25px;
  right: 162px;
  font-weight: 600;
  font-size: 18px;
}

.box-foot-nav ul {
  transform: none;
}

button.slide-arrow {
  cursor: pointer;
  background-color: #1b2a68;
  padding: 14px;
  display: block;
  position: absolute;
  bottom: -40px;
  right: 0px;
  z-index: 1;
  width: 60px !important;
  height: 60px !important;
  border-radius: 5px !important;
  text-align: center;
  display: flex;
  justify-content: center;
  line-height: 32px;
}

button.slide-arrow.prev-arrow.slick-arrow:after {
  content: " ❮";
  display: block;
  position: absolute;
  display: block;
  z-index: 555;
  color: #fff;
  border: 1px solid;
  border-radius: 100%;
  padding: 0px 12px;
}

button.slide-arrow.prev-arrow.slick-arrow {
  right: 75px;
}

button.slide-arrow.next-arrow.slick-arrow:after {
  content: " ❯";
  display: block;
  position: absolute;
  display: block;
  z-index: 555;
  color: #fff;
  border: 1px solid;
  border-radius: 100%;
  padding: 0px 12px;
}

button.slide-arrow {
  cursor: pointer;
}

.Waarom-box {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 10px 20px rgba(47, 50, 65, 0.403);
  box-shadow: 0 7.5px 20px 0 rgba(42, 62, 82, 0.129);
  border-radius: 8px;
  opacity: 1;
  margin: 0px 15px;
  padding: 50px;
  text-align: center;
  flex-basis: 25%;
}

.Waarom-box img {
  padding-bottom: 30px;
  max-width: 100px;
  max-height: 100px;
  -o-object-fit: contain;
     object-fit: contain;
}

.Waarom-body {
  position: relative;
  top: -50px;
  margin-top: 150px;
}

.Waarom-bg {
  background-color: #f5f5f5;
  padding: 0px 0px 30px;
  margin-top: 40px;
}

.video-body video {
  width: 100%;
  min-height: 500px;
}

.video-body img {
  width: 100%;
}

.video-body {
  border-radius: 0px 0px 0px 45px;
  overflow: hidden;
  position: relative;
}

.Waarom-video-text {
  padding-left: 50px;
}

.Waarom-video-wrapper {
  margin-top: 50px;
  margin-bottom: 120px;
}

.yellow-border-btn {
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #f48a25;
  border-radius: 4px;
  border: solid 1px #f48a25;
  background-color: #fff;
  transition: all 0.4s ease;
  margin-top: 20px;
  padding: 18px 36px;
}

.yellow-border-btn:hover,
.yellow-border-btn:focus {
  background-color: #f48a25;
  color: #fff;
}

.blue-fill-btn {
  padding: 13px 30px;
  border-radius: 6px;
  border: 2px solid #1b2a68;
  box-shadow: 0 7.5px 15px 0 rgba(27, 42, 104, 0.25);
  background-color: #1b2a68;
  color: #fff;
  display: inline-block;
  transition: all 0.4s ease;
  margin-top: 20px;
  font-weight: 600;
}

.blue-fill-btn:hover,
.blue-fill-btn:focus {
  color: #1b2a68;
  border: 2px solid #1b2a68;
  background-color: #fff;
}

.vid-btn {
  font-size: 50px;
  color: #fff;
  position: absolute;
  top: 0px;
  left: 0px;
  transform: none;
  text-align: center;
  border: none;
  border-radius: 100%;
  opacity: 0.95;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  height: 100%;
  width: 100%;
}

.vid-btn iframe {
  height: 100% !important;
  width: 100% !important;
}

/*#vid-icon {
    font-size: 50px;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) !important;
    text-align: center;
    border: 20px solid rgba(255,255,255,0.631);
    border-radius: 100%;
    opacity: .95;
    -webkit-backdrop-filter: blur(10.7px);
    backdrop-filter:none;
    cursor: pointer;   
}*/
.deze-profile-name strong {
  display: block;
}

.deze-pro-img img {
  height: 100%;
  width: 100%;
}

.deze-pro-img {
  height: 70px;
  width: 70px;
  border-radius: 100%;
  overflow: hidden;
}

.deze-voor-box {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 36px rgba(103, 103, 103, 0.16);
  border-radius: 14px;
  opacity: 1;
  padding: 25px;
  margin: 40px 15px;
}

.deze-voor-box-body {
  margin: 0px -20px;
  margin-top: 30px;
}

.deze-cat span {
  display: block;
  width: 100%;
}

.deze-profile-name {
  padding-left: 90px;
  padding-top: 5px;
}

.deze-voor-wrapper {
  margin-bottom: 100px;
}

/*.Wil-wrapper start */
.Wil-wrapper {
  /* border-radius: 5px;
   box-shadow: 0 7.5px 20px 0 #2a3e5221;*/
  /*    background-color: #4faead;*/
  padding: 100px;
  margin-bottom: 120px;
}

.categories-body .will-img img, .categorie__container .will-img img {
  width: 100%;
}

.categories-body .will-img, .categorie__container .will-img {
  width: 18%;
  height: auto;
}

.categories-body .will-text, .categorie__container .will-text {
  width: 60%;
}

.Wij-slider-body {
  width: 100%;
}

.Wij-trainers-text {
  width: 100%;
  display: grid;
  justify-items: center;
}
.Wij-trainers-text h2 {
  text-align: center !important;
}
@media print, screen and (min-width: 64em) {
  .Wij-trainers-text h2 {
    font-size: 39px !important;
    max-width: 900px;
    font-weight: 800 !important;
  }
}

.intrainerbody {
  list-style-type: none;
  margin-left: 0px;
  display: grid;
  justify-content: center;
  margin-top: 50px !important;
}
.intrainerbody li {
  margin-left: 50px;
  margin-top: 10px;
}
@media print, screen and (min-width: 40em) {
  .intrainerbody li {
    font-size: 17px !important;
    margin-left: 0;
  }
}
.intrainerbody li::before {
  height: 29px !important;
  width: 23px !important;
  left: -10px !important;
}

#subclusterCATE .incompany__intro__container__text__subclusters__row .cf-button__text {
  font-size: 16px;
  font-family: "Lexend", sans-serif;
}

.testimonial-block__background__image2 {
  content: "";
  height: 110%;
  width: 100%;
  position: absolute;
  background-repeat: repeat;
  top: 10%;
  left: 0px;
  z-index: -1;
  background-position: center;
  background-size: unset;
  background-color: #f8f8fa;
}

.Wij-trainers-wrapper {
  padding: 80px 0px 70px 0px;
}

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

.Wij-trainers-slider .slick-slide {
  height: inherit !important;
}

.Wij-trainers-slider .slick-slide {
  display: flex !important;
  display: -moz-flex;
  display: -ms-flex;
}

.Wij-slider-body h3 {
  padding-bottom: 20px;
}

/*.praktijkcases-wrapper section start */
.praktijkcases-wrapper {
  margin-top: 120px;
  margin-bottom: 120px;
}

.praktijkcases-body {
  padding-top: 30px;
  position: relative;
}

.left-imgbox {
  background-size: cover;
  height: 580px;
  width: 80%;
  background-repeat: no-repeat;
  border-radius: 5px;
  background-position: center;
}

.contact-box {
  width: 550px;
  right: 0;
  /* top: 80px; */
  padding: 50px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 7.5px 20px 0 rgba(42, 62, 82, 0.129);
  margin-top: 80px;
  position: inherit;
  margin-left: -200px;
}

.contact-box button {
  display: block;
  width: 100%;
  margin-bottom: 15px;
  margin-top: 20px;
}

.contact-box a {
  display: block;
  width: 100%;
  text-align: center;
}

img.contactbox-img {
  width: 100px;
}

.kom-img img {
  width: 100%;
}

.kom-img {
  width: 35%;
  height: auto;
}

.Meer-body .slide-box {
  display: block;
  flex-basis: 31%;
}

.Meer-body .slide-box:hover {
  box-shadow: 0px 12px 40px 0px rgba(157, 171, 192, 0.35);
  cursor: pointer;
}

.Meer-body .slide-box:hover h3 {
  color: #ffa120;
}

.box-foot-nav .link {
  transition: all 0.4s ease;
  margin-top: 10px;
  text-decoration: none;
}

.box-foot-nav .link:hover svg {
  margin-left: 20px;
}

.img-box img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.img-box img {
  width: 100%;
  height: 100%;
}

.Meer-body {
  padding: 50px 0px 0px;
}

.sec-btn {
  display: block;
  text-align: center;
}

.Meer-wrapper {
  margin-bottom: 120px;
}

.date {
  display: block;
  padding-bottom: 15px;
  font-size: 12px;
  font-weight: 300;
}

.direct-ux-wrapper p.white {
  font-size: 24px !important;
}

.overleggen-img {
  padding-left: 100px;
}

.overleggen-img p {
  margin: 0px;
}

.overleggen-img img {
  position: absolute;
  right: 0px;
  bottom: 0px;
  height: 290px;
}

.overleggen a {
  margin-right: 15px;
}

.direct-ux-wrapper {
  padding: 100px 0px 100px 0px;
  margin: 120px 0px;
  margin-top: -75px;
  background: #FAFAFC;
}

.direct-ux-body {
  margin-right: -20px;
  margin-top: 50px;
  flex-wrap: wrap;
}

/*alles-body*/
.alles-wrapper {
  margin-bottom: 120px;
}

.alles-body {
  position: relative;
}

.alles-left {
  padding-right: 80px;
}

.alles-img-block {
  border-radius: 11.5px;
  box-shadow: 0 7.5px 20px 0 rgba(42, 62, 82, 0.129);
  overflow: hidden;
  height: 400px;
}

.alles-img-block img {
  width: 100%;
  height: 100%;
}

.alles-left .icon-ul li {
  padding-right: 20px;
  font-size: 14px;
  padding-bottom: 15px;
  padding-top: 10px;
}

.alles-rigth-card {
  width: 370px;
  padding: 25px 24px 21.5px 22px;
  box-shadow: 0 5px 19px 0 rgba(103, 103, 103, 0.16);
  background-color: #fff;
  position: absolute;
  right: 0px;
  /* border-bottom: 99px; */
  bottom: unset;
  top: 280px;
}

.card-title img {
  background-color: #1b2a68;
  padding: 10px;
  border-radius: 100%;
  width: 50px;
  height: 50px;
  margin-right: 20px;
}

.blue-checkmark li:before {
  content: "";
  background-image: url(/images/greencheckmark-blue.png);
  height: 15px;
  width: 15px;
  position: absolute;
  left: 0px;
  background-size: contain;
  background-repeat: no-repeat;
  top: 5px;
}

.card-title {
  margin-bottom: 20px;
}

.alles-rigth-card .quote {
  margin-top: 25px;
  margin-bottom: 20px;
}

.alles-body a {
  margin-right: 30px;
}

.quote-sign {
  position: absolute;
  font-size: 88px;
  line-height: 37px;
  font-family: "Poppins";
  z-index: 1;
  color: #1e225c;
  opacity: 0.1;
  font-weight: bold;
}

ul.li-dots li:before {
  content: "";
  background: #1b2a68;
  height: 6px;
  width: 6px;
  display: block;
  position: absolute;
  left: 0px;
  border-radius: 100%;
  top: 7px;
}

ul.blue-checkmark li,
ul.li-dots li {
  padding-left: 25px;
}

.Eerstvolgende-wrapper .direct-ux-body {
  margin-top: 30px;
}

.Eerstvolgende-wrapper .slide-box {
  width: 24%;
}

.Eerstvolgende-wrapper {
  padding: 50px 0px;
}

.van-wireframes {
  margin-top: 0px;
  padding-top: 80px;
}

.overleggen-body {
  background-color: #4faead;
  border-radius: 20px 0px 0px 45px;
  /*box-shadow: 0 7.5px 0px 0 #2a3e5221;*/
  border: solid 2.5px #fff;
  padding: 55px;
  border-right: none;
}

.overleggen-wrapper {
  margin: 20px 0px 120px 0px;
  position: relative;
}

.overleggen {
  position: relative;
}

.overleggen-wrapper:after, .overleggen:after {
  content: "";
  background-color: #4faead;
  display: block;
  position: absolute;
  right: 0px;
  width: 45%;
  height: 100%;
  top: 0px;
  bottom: 0px;
  z-index: -1;
  border-top: solid 2.5px #fff;
  border-bottom: solid 2.5px #fff;
}

/*accordian css*/
.faq-body ul .inner {
  /*padding-left: 1em;
  overflow: hidden;*/
  display: none;
}

ul.accordion li a:after {
  content: " ❯";
  transform: rotate(90deg);
  display: inline-block;
  position: absolute;
  right: 15px;
  top: 15px;
}

.faq-body ul li {
  margin: 0.5em 0;
}

/*.faq-body ul li a.toggle {
    width: 100%;
    display: block;
    background: #fff;
    padding:  15px 0px;
    border-radius: 0.15em;
    transition: background 0.3s ease;
    color: #1E225C;
    font-weight: 600;
    font-size: 16px;
}*/
.left-fqa-text {
  padding-right: 90px;
}

.faq-wrapper {
  margin-bottom: 120px;
}

.banner-wrapper {
  position: relative;
  min-height: 550px;
}

/*06-10-2021*/
.deze-box-header-border {
  margin: 0px -25px;
  border-bottom: 1px solid rgba(30, 34, 92, 0.078);
}

.deze-box-header {
  padding: 0px 25px 20px;
}

.box-foot-nav ul li svg {
  margin-right: 6px;
}

.box-content strong {
  font-size: 22px;
}

.contact-box h3 {
  font-weight: 900;
}

.right-img {
  position: relative;
  position: absolute;
  right: 0px;
  width: 50%;
  border-radius: 0px 0 0 70px;
  overflow: hidden;
  top: 0px;
}

ul.checkmark li {
  position: relative;
  padding-left: 25px;
}

ul.checkmark li:before {
  content: "";
  background-image: url(/images/check-mark.png);
  height: 16px;
  width: 20px;
  position: absolute;
  left: 0px;
  background-size: contain;
  background-repeat: no-repeat;
  top: 5px;
}

img.checkmark-svgs {
  width: 20px;
  position: absolute;
}

li.calender-svg:after {
  background-image: url(/images/calendar.svg);
  height: 15px;
  width: 15px;
  position: absolute;
  left: 0px;
  background-size: contain;
  background-repeat: no-repeat;
  top: 5px;
  content: "";
}

li.calender-svg:before {
  display: none;
}

a.black-border-btn:hover img#phone_icon {
  display: none;
}

img.call-white {
  display: none;
}

a.black-border-btn:hover img.call-white {
  display: block;
}

a.black-border-btn:hover img.call-white {
  display: inline-block;
}

.profile-img-img img {
  width: 550px;
}

.tab-btn a {
  margin-bottom: 10px;
}

/*product detail page start*/
.product-detail-banner:before {
  content: "";
  background: #ffbc24;
  right: 0px;
  position: absolute;
  top: 0px;
  height: 100%;
  width: 50%;
}

.product-detail-banner {
  position: relative;
  /*overflow: hidden;*/
  background-color: #ffbc24;
}

.post-hbo {
  margin: 60px 0px;
}

.h2-2rem {
  font-size: 1.8rem;
}

.rectangle-box {
  padding: 25px;
  border-radius: 15.5px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  background-color: #fff;
  padding: 40px;
  position: relative;
}

.rectangle-box .faq-body ul li a.toggle {
  width: 90%;
}

.profile-designation img {
  width: 80px;
}

.card-log {
  display: block;
  text-align: center;
}

.blue-reg-box {
  padding: 35px;
  background-color: #1e225d;
  border-radius: 10px 0px 0px 10px;
}

.blue-reg-box ul li {
  margin-bottom: 5px;
  line-height: 28px;
  font-size: 16px;
}

.blue-reg-box .link {
  font-weight: bold;
  display: inline-block;
}

.blue-reg-box .link:hover,
.blue-reg-box .link:focus {
  color: #fff;
}

.reg-box-foot strong {
  display: block;
  font-size: 15px;
  font-weight: 900;
}

.reg-box-foot {
  margin-top: 30px;
  border-top: 2px solid rgba(255, 255, 255, 0.5);
  margin-left: -40px;
  margin-right: -40px;
  padding: 30px 40px 0px;
}

table {
  color: #1e225c;
  border-collapse: collapse;
}

thead {
  background: #1E225C !important;
  color: white !important;
  border: solid 0.5px #707070;
}

table tr {
  box-shadow: 0 1.5px 3px 0 rgba(0, 0, 0, 0.16);
}

thead tr td {
  padding: 20px 10px;
}

table .btn-yellow {
  padding: 14px 30px;
  width: 100%;
  display: block;
  text-align: center;
}

table .black-border-btn {
  width: 100%;
  display: block;
  text-align: center;
}

tbody tr:nth-child(even) {
  border-bottom: none !important;
  background-color: transparent !important;
}

.banner-tab {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 36px rgba(0, 0, 0, 0.16);
  border-radius: 18px;
  opacity: 1;
  padding: 20px 40px 20px;
  /*  margin-left: 60px;*/
  min-height: 0px;
}

.width-30 {
  width: 30%;
}

.banner-tab ul.tabbing li.current {
  border: none;
  background: transparent;
  border-bottom: 2px solid;
  border-radius: 0px;
  padding: 10px 0px;
  color: #FEA120;
}

.banner-tab ul.tabbing li {
  border: none;
  padding: 10px 0px;
  color: #1C2663;
  font-weight: 600;
  font-size: 14px;
}

.tab-content ul li {
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #707070;
  font-size: 14px;
  margin: 0px;
}

.banner-body .left-text ul {
  margin: 0px !important;
}

.card-log img {
  width: 200px;
  margin-bottom: 15px;
}

.phone {
  position: absolute;
  right: 30px;
}

.product-detail-banner .bg-color {
  border-radius: 0px 0px 0px 90px;
  opacity: 1;
  height: 650px;
  position: relative;
}

.product-detail-banner .left-text p {
  font-size: 16px !important;
}

.tab-btn a {
  padding: 10px 20px;
  line-height: 20px;
}

.tab-btn {
  margin-top: 35px;
}

.product-detail-banner .link {
  font-size: 13px;
}

.banner-tab strong {
  font-size: 28px;
}

.product-detail-banner .profile-img-img {
  width: 80% !important;
  position: absolute;
  bottom: 0px;
  right: 0px;
  z-index: 20;
}
@media screen and (min-width: 40em) {
  .product-detail-banner .profile-img-img {
    z-index: 40;
  }
}

.FAQ-box a {
  text-decoration: underline !important;
}

.hbo-body-left {
  padding-right: 100px;
  width: 70%;
}

.mobile {
  display: none;
}

/*.post-hbo iframe {
    margin-bottom: 40px;
}*/
.right-img.flex-basis-50 .incompany__intro__container__background__overlay {
  left: 5px;
}

/* CSS Document */
/* media-query
------------------------------------------------*/
@media handheld, only screen and (max-width: 1140px) {
  .contact-box {
    padding: 20px 15px 30px 15px;
  }
  #trainingsdata-table {
    overflow-x: auto;
  }
}
@media handheld, only screen and (max-width: 1024px) {
  .title h2, h2.h2 {
    font-size: 30px;
    line-height: 35px;
  }
  .btn-yellow {
    padding: 19px 25px;
  }
  .black-border-btn {
    padding: 13px 20px;
  }
  .Waarom-box {
    padding: 30px 20px;
  }
  .Waarom-body {
    margin-top: 70px;
  }
  .Waarom-video-wrapper {
    margin-top: 0px;
    margin-bottom: 60px;
  }
  .design-training-slider-body {
    padding: 20px 0px 0px;
  }
  .design-training-slider-body .container {
    position: relative;
  }
  .categories-body .trainingen {
    margin-top: 60px;
  }
  /*h3{
      font-size: 1.3rem !important;
  }*/
  .box-content h3 {
    font-size: 16px !important;
  }
  .link {
    font-size: 13px;
  }
  .will-text {
    width: 60%;
  }
  .box-foot-nav ul li {
    padding-right: 15px;
  }
  .box-content {
    padding: 15px;
  }
  .box-content p {
    font-size: 13px !important;
  }
  /*.alles-rigth-card{
      bottom: 20%;
  }*/
  .alles-wrapper {
    margin-bottom: 60px;
  }
  .alles-left {
    padding-right: 50px;
  }
  .direct-ux-wrapper {
    margin: 60px 0px;
  }
  .van-wireframes {
    padding-top: 60px;
  }
}
@media (max-width: 800px) {
  table {
    overflow-x: scroll;
  }
  /* table {border: 0;}
        thead{display: none;}
        tr{display: block;margin: 0 0 20px 0;}
        td{display: block;text-align: right; }
        td:before{content: attr(aria-label);float: left;font-weight: bold;}
        td:last-child{border-bottom: 0;}        
        tr:nth-child(odd){background-color: #F2F2F2;}
        tr:nth-child(even){background-color: #FFFFFF;border-width: 3px 0 3px 0;border-style: solid; border-color: #E5E5E5;}
        thead, tbody, tfoot{
        	border: none !important;
        }
        tbody tr:nth-child(even) {
       border-bottom: 1px solid rgba(30,34,92,0.46); 
      background-color: #ededed;
  }
  tbody tr:nth-child(even) {
       border-bottom: 1px solid rgba(30,34,92,0.46) !important; 
      background-color: transparent !important;
      border: 1px solid rgba(30,34,92,0.46) !important;
  }
  tbody th, tbody td {
      padding: 0.5rem 0.625rem 0.625rem;
      border-bottom: 1px solid rgba(0,0,0,0.039);
  }
  tbody th, tbody td {
   			padding: 15px !important;
   		}
   		table tr {
      box-shadow: 0 1.5px 3px 0 rgba(0,0,0,0.16);
      border-radius: 10px;
  }*/
}
@media handheld, only screen and (max-width: 991px) {
  .flex {
    flex-wrap: wrap;
  }
  .left-text {
    margin-bottom: 50px;
  }
}
@media handheld, only screen and (max-width: 767px) {
  .flex-basis-50, .flex-basis-30 {
    flex-basis: 100%;
  }
  .banner-wrapper:before {
    background-color: transparent;
  }
  .left-text {
    padding-right: 0px;
  }
  .categories-body {
    margin-top: 15px;
  }
  .bg-color {
    height: 280px;
    border-radius: 20px 0px 0px 50px;
  }
  .profile-img-img {
    width: 75%;
  }
  p.designation {
    bottom: unset;
    left: 20px;
    top: 20px;
    z-index: 50;
  }
  button.btn-yellow.mr-10, .black-border-btn {
    display: block;
    width: 100%;
    margin-bottom: 15px;
    margin-right: 0px;
  }
  p.designation strong {
    font-size: 18px;
    color: white;
  }
  .img-caption strong {
    color: #1e225c;
    padding-left: 27px;
  }
  .img-caption {
    top: auto;
    bottom: -89px;
    background: #fff;
    z-index: 1;
    color: #1e225c;
    left: 0;
    width: 95%;
    border-radius: 20px;
    -webkit-backdrop-filter: initial;
            backdrop-filter: initial;
  }
  .img-caption p {
    width: auto;
    font-size: 13px;
    padding-left: 25px;
    margin-bottom: 5px;
    display: inline-block;
    vertical-align: top;
    font-weight: 500;
    font-size: 14px !important;
  }
  .img-caption svg {
    position: absolute;
    top: 20px;
  }
  .listing {
    padding: 110px 0px 0px 20px;
    display: block;
    width: 100%;
  }
  .listing div {
    position: relative;
    margin-bottom: 20px;
  }
  .title h2, h2.h2 {
    font-size: 24px;
  }
  .design-training-slider:before, .Wij-trainers-wrapper:before, .online-training-slider:before {
    display: none;
  }
  .tab-head {
    display: flex;
    padding-bottom: 25px;
    overflow: auto;
  }
  ul.tabbing {
    display: flex;
    white-space: nowrap;
    /*overflow: scroll;*/
  }
  .tab-head h6 {
    padding: 0px;
  }
  .tab-title {
    flex-basis: 100%;
    margin-top: 10px;
  }
  .slider__counter {
    top: -50px;
    font-size: 16px;
  }
  .slide-box {
    margin-right: 0px;
  }
  .slick-slideshow__slide {
    padding: 0px 10px;
  }
  .slick-next, .slick-prev {
    display: none !important;
  }
  .design-training-slider .slick-dots, .online-training-slider .slick-dots {
    position: absolute;
    bottom: -70px !important;
  }
  .slick-dots {
    position: absolute;
    top: 0px;
  }
  .slick-dots li.slick-active button:before {
    opacity: 1 !important;
    background-color: #1E225C !important;
  }
  .slick-dots li button:before {
    font-size: 10px !important;
    line-height: 10px !important;
    opacity: 0.25 !important;
    color: transparent !important;
    background-color: #E5E5E5 !important;
    border: 2px solid #707070;
    border-radius: 100%;
    height: 10px !important;
    width: 10px !important;
  }
  .slick-dots li {
    margin: 0px !important;
  }
  .Waarom-box {
    flex-basis: 48%;
    margin: 0px;
    margin-bottom: 20px;
  }
  .Waarom-box {
    padding: 15px;
  }
  .Waarom-body {
    margin-top: 0px;
  }
  .Waarom-body {
    position: static;
    margin-top: 0px;
    padding: 50px 0px 0px;
  }
  .Waarom-bg {
    margin-top: 15px;
    margin-bottom: 60px;
  }
  .design-training-slider-body {
    margin-bottom: 0px;
  }
  .Waarom-video-text {
    padding-top: 30px;
    padding-left: 0px;
  }
  .Wil-wrapper {
    padding: 50px 0px;
    margin-bottom: 0px;
  }
  .will-text {
    width: 100% !important;
  }
  .will-img {
    width: 100%;
    height: auto;
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .Wij-trainers-wrapper {
    padding: 50px 0px 50px 0px;
  }
  .Wij-trainers-text {
    width: 100%;
  }
  .Wij-slider-body {
    width: 100%;
    padding-top: 30px;
  }
  .praktijkcases-wrapper {
    margin-top: 0px;
    margin-bottom: 25px;
  }
  .left-imgbox {
    width: 100%;
    height: 300px;
  }
  .contact-box {
    position: static;
    width: 100%;
    box-shadow: none;
    padding-top: 30px;
    margin-top: 0px;
    margin-left: 0px;
  }
  .kom-img {
    width: 100%;
    height: auto;
    margin-top: 30px;
  }
  .Waarom-video-wrapper {
    margin-top: 50px;
    margin-bottom: 60px;
  }
  .Meer-body .slide-box {
    flex-basis: 100%;
    margin-bottom: 25px;
  }
  .blue-fill-btn {
    display: block;
    width: 100%;
    margin-bottom: 15px;
    text-align: center;
  }
  .overleggen-img {
    text-align: left;
    padding-left: 0px;
    display: block;
    width: 100%;
    margin-top: 20px;
    padding: 40px 0px;
  }
  .overleggen-img img {
    position: absolute;
    right: 0px !important;
    bottom: 0px;
    height: 200px !important;
  }
  .Meer-wrapper {
    margin-bottom: 50px;
  }
  .direct-ux-body {
    margin-right: 0px;
  }
  .direct-ux-slider .slick-dots li.slick-active button:before {
    opacity: 1 !important;
    background-color: #ffffff !important;
  }
  .direct-ux-slider .slick-dots li button:before {
    border: 2px solid #ffffff;
  }
  .alles-left {
    padding-right: 0px;
  }
  .alles-left .icon-ul li {
    padding-right: 10px;
    font-size: 12px;
  }
  .alles-rigth-card {
    position: static;
    width: 100%;
    box-shadow: none;
    padding: 27px 20px 20px;
  }
  .link {
    font-size: 14px;
    text-align: center;
    margin-bottom: 15px;
    text-align: left;
    display: block;
    width: 100%;
  }
  .box-foot-nav .link {
    text-align: left;
  }
  .direct-ux-wrapper p.white {
    font-size: 18px !important;
  }
  .alles-img-block {
    height: -moz-fit-content;
    height: fit-content;
  }
  /*.Eerstvolgende-wrapper {
      padding: 20px 0px;
  }*/
  .Eerstvolgende-wrapper .slide-box {
    width: 100%;
    margin-bottom: 20px;
  }
  .overleggen-wrapper {
    margin: 20px 0px 50px 0px;
  }
  .overleggen-body {
    padding: 25px;
    overflow: hidden;
  }
  .left-fqa-text {
    padding-right: 0px;
  }
  ul.accordion li a:after {
    right: 5px;
  }
  .design-training-slider, .design-training-slider-fullwidth, .online-training-slider {
    margin-bottom: 50px !important;
  }
  .right-img {
    position: static;
    right: 0;
    width: 100%;
    border-radius: 20px 0 0 90px;
    overflow: unset;
  }
  .yellow-border-btn {
    padding: 18px 26px;
  }
  .blue-fill-btn {
    padding: 13px 20px;
  }
  .categories-body h1:not(.categorie__overview__title):not(.training-intro__titel):not(.training-header__title), .categorie__container h1:not(.categorie__overview__title):not(.training-intro__titel):not(.training-header__title):not(.training-header__title) {
    color: #1e225c;
    line-height: 40px !important;
  }
  .deze-voor-box {
    margin: 15px 5px;
  }
  .deze-voor-slider .slick-dots {
    position: absolute;
    bottom: -40px !important;
  }
  .box {
    display: flex;
    flex-direction: row;
  }
  .Wil-wrapper .will-text {
    order: 1;
  }
  .Wil-wrapper .flot-right .will-img {
    order: 1;
  }
  .van-wireframes a.link {
    border: 2px solid #1E225C;
    border-radius: 8px;
    opacity: 1;
    padding: 13px 20px;
    transition: all 0.4s ease;
    color: #1E225C;
    text-align: center;
    display: inline-block;
    font-weight: bolder;
  }
  .banner-tab {
    width: 100%;
    margin: 10px 0px;
    padding: 20px;
  }
  .product-detail-banner .right-img .bg-color {
    height: 300px !important;
  }
  .product-detail-banner .bg-color {
    height: -moz-fit-content;
    height: fit-content;
  }
  .product-detail-banner .left-text {
    margin-bottom: 10px;
  }
  .faq-wrapper {
    margin-bottom: 60px;
  }
  /*27-10-2021*/
  .programma-body-box ul.tabbing {
    display: flex;
    white-space: nowrap;
    /*  overflow: scroll;*/
    flex-wrap: wrap;
  }
  .programma-body-box {
    padding: 20px;
  }
  .verticle-tabbing ul.tabbing li {
    font-size: 13px;
    width: 80%;
  }
  .verticle-tabbing ul.tabbing:before {
    border-right: none;
    width: unset;
    height: 100%;
    background: transparent;
  }
  .verticle-tabbing .tab-title {
    height: 100%;
  }
  .tab-content .left {
    padding-right: 0px;
  }
  .tab-content .right {
    padding-left: 0px;
  }
  .Wil-wrapper.mt-120, .programma-wrapper.mt-120 {
    margin-top: 0px;
  }
  .post-hbo {
    margin: 60px 0px;
  }
  iframe {
    width: 100%;
  }
  tbody th, tbody td {
    padding: 0.5rem 0.625rem 0.625rem;
    white-space: nowrap;
  }
  .banner-tab ul.tabbing li {
    font-size: 11px;
  }
  .tab-btn a {
    display: block;
    margin-bottom: 10px;
    text-align: center;
  }
  .product-detail-banner, .product-detail-banner:before {
    background-color: transparent;
  }
  .hbo-body-left {
    padding-right: 0px;
    width: 100%;
    margin-top: 100px;
  }
  .product-detail-banner .link {
    border-bottom: none;
  }
  .bg-sm-transparent {
    background-color: transparent !important;
  }
  .programma-wrapper {
    margin-bottom: 150px;
  }
  .programma-wrapper ul.accordion li a:after {
    right: 20px;
  }
  .programma-wrapper a.toggle.active {
    padding-right: 25px;
    background: #1E225C;
    color: #fff;
    padding: 15px;
    margin-bottom: 20px;
    padding-right: 25px !important;
  }
  .programma-wrapper ul li {
    border-bottom: none;
  }
  .desktop {
    display: none;
  }
  .mobile {
    display: block;
  }
  .deze-voor-wrapper.mt-120 {
    margin-top: 30px;
  }
  #cursusdata {
    margin-top: 60px;
    background-color: #F5F5F5;
  }
  .right-img.flex-basis-50 .incompany__intro__container__background__overlay {
    bottom: -80px;
    top: unset;
  }
  .blue-reg-box .link {
    width: initial;
  }
}
.profile-img-img img {
  height: 300px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media print, screen and (min-width: 40em) {
  .profile-img-img img {
    height: 550px;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

.terms {
  font-size: 14px;
}

.stap-budget__callout__image {
  display: none;
}
@media print, screen and (min-width: 40em) {
  .stap-budget__callout__image {
    display: block;
    width: 15%;
  }
}
.stap-budget__callout__text {
  width: 100%;
  padding-left: 20px;
}
@media print, screen and (min-width: 40em) {
  .stap-budget__callout__text {
    width: 85%;
  }
}
.stap-budget__callout__text form {
  margin-top: 0px;
}
.stap-budget__callout__text button {
  padding-top: 10px;
  cursor: pointer;
}
.stap-budget__callout__text button span {
  font-weight: bold;
  text-decoration: underline;
}
.stap-budget__callout__text button:hover span {
  text-decoration: none !important;
}

@media print {
  .training-container {
    margin-top: 100px;
  }
}

.scroll-up .training__navigation {
  top: 73px;
  transition: top 400ms;
}

.training-bottom-navbar {
  transition: all 400ms;
  width: 100%;
  position: fixed;
  bottom: 0px;
  background-color: white;
  height: 51px;
  border-top: 1px solid #E6E6E6;
  z-index: 40;
  padding: 5px 20px;
}
@media print, screen and (min-width: 64em) {
  .training-bottom-navbar {
    display: none;
  }
}
.training-bottom-navbar__items {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.training-bottom-navbar__items__buttons {
  display: flex;
  gap: 10px;
}
.training-bottom-navbar__items__buttons a, .training-bottom-navbar__items__buttons button {
  background-color: white;
  padding: 7px 15px;
  font-weight: 600;
  border-radius: 4px;
  border: 1px solid #1e225d;
  text-decoration: none;
  color: #1e225d;
  transition: all 400ms;
  line-height: 20px;
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.training-bottom-navbar__items__buttons a .icon img, .training-bottom-navbar__items__buttons button .icon img {
  width: 16px;
  filter: invert(100%) sepia(10%) saturate(0%) hue-rotate(250deg) brightness(101%) contrast(103%);
}
.training-bottom-navbar__items__buttons a:hover, .training-bottom-navbar__items__buttons a:active, .training-bottom-navbar__items__buttons button:hover, .training-bottom-navbar__items__buttons button:active {
  color: white;
  background-color: #1e225d;
}
.training-bottom-navbar__items__buttons a:hover .icon img, .training-bottom-navbar__items__buttons a:active .icon img, .training-bottom-navbar__items__buttons button:hover .icon img, .training-bottom-navbar__items__buttons button:active .icon img {
  filter: invert(11%) sepia(32%) saturate(4821%) hue-rotate(226deg) brightness(94%) contrast(94%);
}
.training-bottom-navbar__items__icons {
  display: flex;
  gap: 15px;
}
.training-bottom-navbar__items__icons a {
  position: relative;
}
.training-bottom-navbar__items__icons a img {
  width: 24px;
  filter: invert(11%) sepia(32%) saturate(4821%) hue-rotate(226deg) brightness(94%) contrast(94%);
}
.training-bottom-navbar__items__icons a.working-hours::after {
  width: 8px;
  height: 8px;
  background-color: #9DD08B;
  border-radius: 100%;
  content: " ";
  position: absolute;
  right: -3px;
}
.training-bottom-navbar ~ #drift-frame-controller {
  bottom: 50px !important;
  display: none;
}
@media print, screen and (min-width: 64em) {
  .training-bottom-navbar ~ #drift-frame-controller {
    bottom: 24px !important;
    display: block;
  }
}

body.scroll-down .training-bottom-navbar {
  opacity: 0.5;
}

.training-bottom-navbar.mouseenter {
  opacity: 1 !important;
}

#introductie p, #introductie strong {
  font-weight: 400;
}

.training__navigation {
  border-bottom: 1px solid #D6D6D6;
  position: sticky;
  top: 0px;
  z-index: 95;
  background-color: white;
  transition: top 400ms;
}
.training__navigation .container {
  display: flex;
  justify-content: space-between;
  background-color: white;
  margin-top: 0px !important;
}
.training__navigation .menu .menu-item a {
  cursor: pointer;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  text-decoration: none;
  border-bottom: 1px solid white;
  font-size: 15px;
  padding: 22px 16px;
  min-height: 70px;
  align-items: center;
  color: #9b9dad;
}
.training__navigation .menu .menu-item a:hover, .training__navigation .menu .menu-item a.active {
  border-bottom: 1px solid #1E225C;
  color: #1e225d;
}
.training__navigation .menu .menu-item a:hover::before, .training__navigation .menu .menu-item a.active::before {
  background-color: #1e225d;
}
.training__navigation .menu .data-inschrijven a {
  /*transition: all 400ms;*/
  display: flex;
  align-items: center;
}
.training__navigation .menu .data-inschrijven a::before {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 15px;
  content: "";
  background-color: #9b9dad;
  -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTAuMTQ5IDcuMzgxYy0xLjQ4Mi0uMDA4LTMuMzQzLjc5NS00Ljc2MyAyLjIxNC0uNTQxLjU0MS0xLjAxOSAxLjE3My0xLjM4NiAxLjg4MiAxLjI4MS0uOTY5IDIuNjQ3LTEuMjczIDQuMjQ3LS4zNzUuNDcxLTEuMjQ1IDEuMDk5LTIuNTEyIDEuOTAyLTMuNzIxem04LjQ3NyA4LjQ2MWMtMS4zMTMuODU4LTIuNjA0IDEuNDc4LTMuNzIzIDEuOTE0Ljg5NyAxLjYuNTk0IDIuOTY0LS4zNzYgNC4yNDQuNzEyLS4zNjcgMS4zNDMtLjg0NCAxLjg4NC0xLjM4NiAxLjQyNS0xLjQyMyAyLjIyOS0zLjI4OCAyLjIxNS00Ljc3MnptNS4zMjktMTMuODA1Yy0uMzU3LS4wMjUtLjcwNy0uMDM3LTEuMDUxLS4wMzctNy40NTEgMC0xMS42OTIgNS42NzgtMTMuMjM1IDEwLjI0NWw0LjA5NSA0LjA5NGM0LjcwMi0xLjY4NSAxMC4yMzYtNS43NjcgMTAuMjM2LTEzLjEzNiAwLS4zOC0uMDE1LS43NjgtLjA0NS0xLjE2NnptLTguNTY1IDguNTc5Yy0uMzM5LS4zMzgtLjMzOS0uODg2IDAtMS4yMjQuMzM4LS4zMzguODg2LS4zMzggMS4yMjQgMCAuMzM5LjMzOC4zMzkuODg2IDAgMS4yMjQtLjMzOS4zMzktLjg4Ni4zMzktMS4yMjQgMHptMi40NDktMi40NDhjLS42NzctLjY3Ni0uNjc3LTEuNzcyIDAtMi40NDlzMS43NzMtLjY3NiAyLjQ0OSAwYy42NzcuNjc2LjY3NyAxLjc3MiAwIDIuNDQ5LS42NzYuNjc2LTEuNzcyLjY3Ni0yLjQ0OSAwem0tNi4wODkgOC43MjNjLTEuNDY5IDEuNzk3LTMuODEyIDMuMDg0LTYuMTI2IDMuMDg0LTMuMiAwLTUuNjI0LTIuMzU0LTUuNjI0LTUuMzExIDAtMS40ODUuNjExLTMuMTIyIDIuMDQzLTQuNjg5LTMuMjAxIDUuMTM3IDEuNTMyIDkuODMxIDcuMTAxIDQuMzFsLjc2NS43NjVjLS45MSAxLjA2MS0xLjg0IDEuOC0zLjE0OSAyLjQ2MSAxLjM0NC4wNTcgMy4wNDktLjU2OCA0LjE5NS0xLjQxNmwuNzk1Ljc5NnoiLz48L3N2Zz4=") no-repeat 0 0;
          mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTAuMTQ5IDcuMzgxYy0xLjQ4Mi0uMDA4LTMuMzQzLjc5NS00Ljc2MyAyLjIxNC0uNTQxLjU0MS0xLjAxOSAxLjE3My0xLjM4NiAxLjg4MiAxLjI4MS0uOTY5IDIuNjQ3LTEuMjczIDQuMjQ3LS4zNzUuNDcxLTEuMjQ1IDEuMDk5LTIuNTEyIDEuOTAyLTMuNzIxem04LjQ3NyA4LjQ2MWMtMS4zMTMuODU4LTIuNjA0IDEuNDc4LTMuNzIzIDEuOTE0Ljg5NyAxLjYuNTk0IDIuOTY0LS4zNzYgNC4yNDQuNzEyLS4zNjcgMS4zNDMtLjg0NCAxLjg4NC0xLjM4NiAxLjQyNS0xLjQyMyAyLjIyOS0zLjI4OCAyLjIxNS00Ljc3MnptNS4zMjktMTMuODA1Yy0uMzU3LS4wMjUtLjcwNy0uMDM3LTEuMDUxLS4wMzctNy40NTEgMC0xMS42OTIgNS42NzgtMTMuMjM1IDEwLjI0NWw0LjA5NSA0LjA5NGM0LjcwMi0xLjY4NSAxMC4yMzYtNS43NjcgMTAuMjM2LTEzLjEzNiAwLS4zOC0uMDE1LS43NjgtLjA0NS0xLjE2NnptLTguNTY1IDguNTc5Yy0uMzM5LS4zMzgtLjMzOS0uODg2IDAtMS4yMjQuMzM4LS4zMzguODg2LS4zMzggMS4yMjQgMCAuMzM5LjMzOC4zMzkuODg2IDAgMS4yMjQtLjMzOS4zMzktLjg4Ni4zMzktMS4yMjQgMHptMi40NDktMi40NDhjLS42NzctLjY3Ni0uNjc3LTEuNzcyIDAtMi40NDlzMS43NzMtLjY3NiAyLjQ0OSAwYy42NzcuNjc2LjY3NyAxLjc3MiAwIDIuNDQ5LS42NzYuNjc2LTEuNzcyLjY3Ni0yLjQ0OSAwem0tNi4wODkgOC43MjNjLTEuNDY5IDEuNzk3LTMuODEyIDMuMDg0LTYuMTI2IDMuMDg0LTMuMiAwLTUuNjI0LTIuMzU0LTUuNjI0LTUuMzExIDAtMS40ODUuNjExLTMuMTIyIDIuMDQzLTQuNjg5LTMuMjAxIDUuMTM3IDEuNTMyIDkuODMxIDcuMTAxIDQuMzFsLjc2NS43NjVjLS45MSAxLjA2MS0xLjg0IDEuOC0zLjE0OSAyLjQ2MSAxLjM0NC4wNTcgMy4wNDktLjU2OCA0LjE5NS0xLjQxNmwuNzk1Ljc5NnoiLz48L3N2Zz4=") no-repeat 0 0;
  -webkit-mask-size: cover;
          mask-size: cover;
  position: relative;
}
.training__navigation .menu .data-inschrijven a:hover::before, .training__navigation .menu .data-inschrijven a:active::before {
  background-color: #1e225d;
}
.training__navigation .menu .favorite a {
  /*transition: all 400ms;*/
  display: flex;
  align-items: center;
}
.training__navigation .menu .favorite a::before {
  display: inline-block;
  width: 25px;
  height: 25px;
  margin-right: 15px;
  content: "";
  background-color: #1E225C;
  -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTkuNSAxMGMtMi40ODMgMC00LjUgMi4wMTUtNC41IDQuNXMyLjAxNyA0LjUgNC41IDQuNSA0LjUtMi4wMTUgNC41LTQuNS0yLjAxNy00LjUtNC41LTQuNXptMi41IDVoLTJ2MmgtMXYtMmgtMnYtMWgydi0yaDF2MmgydjF6bS02LjUyNyA0LjU5M2MtMS4xMDggMS4wODYtMi4yNzUgMi4yMTktMy40NzMgMy40MDctNi40My02LjM4MS0xMi0xMS4xNDctMTItMTUuODA4IDAtNC4wMDUgMy4wOTgtNi4xOTIgNi4yODEtNi4xOTIgMi4xOTcgMCA0LjQzNCAxLjA0MiA1LjcxOSAzLjI0OCAxLjI3OS0yLjE5NSAzLjUyMS0zLjIzOCA1LjcyNi0zLjIzOCAzLjE3NyAwIDYuMjc0IDIuMTcxIDYuMjc0IDYuMTgyIDAgLjc0Ni0uMTU2IDEuNDk2LS40MjMgMi4yNTMtLjUyNy0uNDI3LTEuMTI0LS43NjgtMS43NjktMS4wMTQuMTIyLS40MjUuMTkyLS44MzkuMTkyLTEuMjM5IDAtMi44NzMtMi4yMTYtNC4xODItNC4yNzQtNC4xODItMy4yNTcgMC00Ljk3NiAzLjQ3NS01LjcyNiA1LjAyMS0uNzQ3LTEuNTQtMi40ODQtNS4wMy01LjcyLTUuMDMxLTIuMzE1LS4wMDEtNC4yOCAxLjUxNi00LjI4IDQuMTkyIDAgMy40NDIgNC43NDIgNy44NSAxMCAxM2wyLjEwOS0yLjA2NGMuMzc2LjU1Ny44MzkgMS4wNDggMS4zNjQgMS40NjV6Ii8+PC9zdmc+") no-repeat 0 0;
          mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTkuNSAxMGMtMi40ODMgMC00LjUgMi4wMTUtNC41IDQuNXMyLjAxNyA0LjUgNC41IDQuNSA0LjUtMi4wMTUgNC41LTQuNS0yLjAxNy00LjUtNC41LTQuNXptMi41IDVoLTJ2MmgtMXYtMmgtMnYtMWgydi0yaDF2MmgydjF6bS02LjUyNyA0LjU5M2MtMS4xMDggMS4wODYtMi4yNzUgMi4yMTktMy40NzMgMy40MDctNi40My02LjM4MS0xMi0xMS4xNDctMTItMTUuODA4IDAtNC4wMDUgMy4wOTgtNi4xOTIgNi4yODEtNi4xOTIgMi4xOTcgMCA0LjQzNCAxLjA0MiA1LjcxOSAzLjI0OCAxLjI3OS0yLjE5NSAzLjUyMS0zLjIzOCA1LjcyNi0zLjIzOCAzLjE3NyAwIDYuMjc0IDIuMTcxIDYuMjc0IDYuMTgyIDAgLjc0Ni0uMTU2IDEuNDk2LS40MjMgMi4yNTMtLjUyNy0uNDI3LTEuMTI0LS43NjgtMS43NjktMS4wMTQuMTIyLS40MjUuMTkyLS44MzkuMTkyLTEuMjM5IDAtMi44NzMtMi4yMTYtNC4xODItNC4yNzQtNC4xODItMy4yNTcgMC00Ljk3NiAzLjQ3NS01LjcyNiA1LjAyMS0uNzQ3LTEuNTQtMi40ODQtNS4wMy01LjcyLTUuMDMxLTIuMzE1LS4wMDEtNC4yOCAxLjUxNi00LjI4IDQuMTkyIDAgMy40NDIgNC43NDIgNy44NSAxMCAxM2wyLjEwOS0yLjA2NGMuMzc2LjU1Ny44MzkgMS4wNDggMS4zNjQgMS40NjV6Ii8+PC9zdmc+") no-repeat 0 0;
  -webkit-mask-size: cover;
          mask-size: cover;
  position: relative;
}
.training__navigation .menu .favorite a:hover::before {
  background-color: #FF4F57;
}
.training__navigation .menu .download-brochure a {
  /*transition: all 400ms;*/
  display: flex;
  align-items: center;
}
.training__navigation .menu .download-brochure a::before {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 15px;
  content: "";
  background-color: #1E225C;
  -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMjIgMGgtMTdjLTEuNjU3IDAtMyAxLjM0My0zIDN2MThjMCAxLjY1NyAxLjM0MyAzIDMgM2gxN3YtMjBoLTR2OGwtMi0yLTIgMnYtOGgtOC41MDVjLTEuMzc1IDAtMS4zNzUtMiAwLTJoMTYuNTA1di0yeiIvPjwvc3ZnPg==") no-repeat 0 0;
          mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMjIgMGgtMTdjLTEuNjU3IDAtMyAxLjM0My0zIDN2MThjMCAxLjY1NyAxLjM0MyAzIDMgM2gxN3YtMjBoLTR2OGwtMi0yLTIgMnYtOGgtOC41MDVjLTEuMzc1IDAtMS4zNzUtMiAwLTJoMTYuNTA1di0yeiIvPjwvc3ZnPg==") no-repeat 0 0;
  -webkit-mask-size: cover;
          mask-size: cover;
  position: relative;
}
.training__navigation__submenu-right {
  display: flex;
  align-items: center;
}
.training__navigation__submenu-right.working-hours::after {
  width: 10px;
  height: 10px;
  background-color: #9DD08B;
  border-radius: 100%;
  content: " ";
  align-self: flex-start;
  margin-top: 10px;
  margin-left: 5px;
}
.training__navigation__submenu-right__bel {
  display: grid;
  font-size: 15px;
  font-weight: 600;
  color: #1E225C;
  font-family: "Lexend", sans-serif;
  margin-bottom: 0px;
}
.training__navigation__submenu-right__bel span.kantoortijd {
  color: #9B9DAD;
  font-size: 14px;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  text-align: right;
}
.training__navigation__submenu-right__bel span.kantoor-telnummer {
  text-align: right;
  display: flex;
  flex-direction: row-reverse;
}
.training__navigation__submenu-right__bel span.kantoor-telnummer span {
  display: flex;
}
.training__navigation__submenu-right__bel svg {
  filter: invert(17%) sepia(11%) saturate(3354%) hue-rotate(197deg) brightness(102%) contrast(109%);
  width: 16px;
}
.training__navigation__submenu-left {
  display: flex;
  align-items: center;
}
.training__navigation__submenu-left .button-bewaar-blog span {
  color: #9b9dad;
}
.training__navigation__submenu-left .button-bewaar-blog img {
  width: 18px;
  filter: invert(73%) sepia(19%) saturate(187%) hue-rotate(196deg) brightness(84%) contrast(91%);
}
.training__navigation__submenu-left .button-bewaar-blog:hover span {
  color: #1e225d;
  font-weight: 400 !important;
}
.training__navigation__submenu-left .button-bewaar-blog:hover img {
  filter: invert(10%) sepia(35%) saturate(4627%) hue-rotate(227deg) brightness(97%) contrast(93%);
}
.training__navigation.maatwerk .data-inschrijven {
  display: none;
}
.training__body {
  margin: 60px 0px;
  overflow: hidden;
}
@media print, screen and (min-width: 64em) {
  .training__body {
    overflow: unset;
  }
}
.training__body__container {
  justify-content: center;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 61.9375em) {
  .training__body__container {
    flex-wrap: nowrap;
  }
}
.training__body__container__left {
  width: 100%;
  order: 2;
}
@media screen and (min-width: 47.9375em) {
  .training__body__container__left {
    padding-right: 100px;
    width: 70%;
    order: 1;
  }
}
.training__body__container__right {
  width: 100%;
  order: 1;
}
@media screen and (min-width: 47.9375em) {
  .training__body__container__right {
    flex-basis: 30%;
    order: 2;
  }
}
.training__actiebalk {
  background: #1e225d;
}
.training__actiebalk .counter .clock {
  flex-grow: unset;
}
.training__actiebalk .counter .digit span, .training__actiebalk .counter .digit {
  font-size: 12px;
}
@media print, screen and (min-width: 40em) {
  .training__actiebalk {
    padding: 0px 20px;
  }
  .training__actiebalk .counter.center {
    display: inline-flex;
  }
  .training__actiebalk .counter .counter__item {
    margin-left: 15px;
  }
  .training__actiebalk .counter .digit span, .training__actiebalk .counter .digit {
    font-size: 14px;
  }
}
@media print, screen and (min-width: 64em) {
  .training__actiebalk {
    height: inherit;
  }
}
.training__actiebalk__row .column, .training__actiebalk__row .columns {
  text-align: center;
  color: white;
  padding: 5px 0px;
  font-size: 12px;
  font-weight: 500;
}
.training__actiebalk__row .column a, .training__actiebalk__row .columns a {
  color: white;
}
.training__actiebalk__row .column .bold, .training__actiebalk__row .columns .bold {
  font-weight: bold;
}
@media print, screen and (min-width: 40em) {
  .training__actiebalk__row .column, .training__actiebalk__row .columns {
    font-size: 14px;
  }
}
.training__banner {
  height: 200px;
  overflow: hidden;
  background-position: center center;
  background-size: cover;
}
@media screen and (max-width: 39.9375em) {
  .training__banner {
    display: none !important;
  }
}
.training__banner__image {
  height: 200px;
  overflow: hidden;
  background-position: center center;
  background-size: cover;
}
@media screen and (max-width: 39.9375em) {
  .training__banner__image {
    display: none !important;
  }
}
.training__banner--sharper {
  height: 200px;
}
.training__banner--sharper .training__banner-overlaywithoutimage {
  opacity: 1;
  background: none;
}
@media print {
  .training__banner--sharper {
    height: 175px;
  }
}
.training__imageslider {
  margin-right: -20px;
}
@media print, screen and (min-width: 40em) {
  .training__imageslider {
    margin-right: 0px;
  }
}
.training__imageslider .snap-slider .rf-cards-scroller-crop {
  height: 20rem;
}
@media print, screen and (min-width: 64em) {
  .training__imageslider .snap-slider .rf-cards-scroller-crop {
    height: 33rem;
  }
}
.training__imageslider .snap-slider .rf-ccard-40 .rf-ccard-content {
  width: 24rem;
  height: 17rem;
}
@media print, screen and (min-width: 64em) {
  .training__imageslider .snap-slider .rf-ccard-40 .rf-ccard-content {
    width: 45rem;
    height: 30rem;
  }
}
.training__imageslider .snap-slider .rf-cards-scroller-itemview {
  transform: none !important;
}
.training__imageslider .snap-slider .rf-ccard-img-full-wrapper img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
}
.training__section {
  clear: both;
  margin: 80px 0px;
}
.training__section#opleidingsvoordeel {
  margin-bottom: 0px;
  margin-top: 0px;
}
.training__section#opleidingsvoordeel h2.headerOpleidingvoordeel, .training__section#opleidingsvoordeel p.tekst-headerOpleidingVoordeel {
  max-width: 300px;
  margin: 0 auto !important;
}
@media print, screen and (min-width: 40em) {
  .training__section#opleidingsvoordeel h2.headerOpleidingvoordeel, .training__section#opleidingsvoordeel p.tekst-headerOpleidingVoordeel {
    max-width: unset;
  }
}
.training__section:first-of-type {
  margin-top: 20px;
}
@media print, screen and (min-width: 64em) {
  .training__section:first-of-type {
    margin-top: 0px;
  }
}
.training__section__title, .training__section h2 {
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -0.1px;
  line-height: 26px;
}
@media print, screen and (min-width: 64em) {
  .training__section__title, .training__section h2 {
    font-weight: 700;
    font-size: 22px;
    line-height: 28px;
  }
}
.training__section__title, .training__section h3 {
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.1px;
  line-height: 26px;
}
@media print, screen and (min-width: 64em) {
  .training__section__title, .training__section h3 {
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
  }
}
.training__section--sub {
  border-bottom: 1px solid #E3E3E3;
  margin: 0px;
  margin-bottom: 25px;
}
.training__section--sub:first-of-type {
  margin-top: 80px !important;
  margin-bottom: 25px !important;
}
.training__section--sub:last-of-type {
  margin-bottom: 80px;
}
.training__section--sub__content {
  font-size: 16px;
  padding-bottom: 10px;
}
.training__section--sub__content.closed {
  display: none;
}
.training__section iframe {
  width: 100%;
  border: 0;
  border-radius: 8px;
  aspect-ratio: 16/9;
}
@media print, screen and (min-width: 64em) {
  .training__section iframe {
    width: 95%;
    height: 400px;
  }
}
.training__section p {
  line-height: 25px;
  font-size: 15px;
  color: #141743;
}
@media print, screen and (min-width: 64em) {
  .training__section p {
    font-size: 16px;
  }
}
.training__section li {
  line-height: 1.5;
  margin-bottom: 0.5rem;
  font-size: 15px;
  color: #141743;
}
@media print, screen and (min-width: 64em) {
  .training__section li {
    font-size: 16px;
  }
}
.training__section-header {
  font-size: 1.5625rem;
  margin-bottom: 25px;
  color: #1E225C;
}
.training__section-header--sub {
  cursor: pointer;
  position: relative;
  padding-right: 25px;
}
.training__section-header--sub::after {
  content: "-";
  width: 15px;
  display: inline-block;
  margin-right: 15px;
  content: " ❯";
  transform: rotate(270deg);
  position: absolute;
  right: 0px;
}
.training__section-header--sub.closed::after {
  transform: rotate(90deg);
}
.training__upsell {
  margin: 92px 0px;
  padding: 92px 0px;
  background: #F5F5F5;
}
@media print, screen and (min-width: 40em) {
  .training__upsell .page__section-header {
    font-size: 2rem;
  }
}
.training__upsell > .row > .small-12 {
  padding: 0 10px;
}
@media print, screen and (min-width: 40em) {
  .training__upsell > .row > .small-12 {
    padding: unset;
  }
}
.training__crosssell {
  margin: 92px 0px;
  padding: 92px 0px;
}
@media print, screen and (min-width: 40em) {
  .training__crosssell .page__section-header {
    font-size: 2rem;
  }
}
.training__download-off-canvas {
  width: 100%;
  transform: translateX(100%);
  padding: 20px 30px;
  z-index: 9999 !important;
  background-color: white;
  box-shadow: none;
}
.training__download-off-canvas .close-button {
  outline: none;
  font-size: 4rem;
  color: #1e225d;
  right: 2rem;
  top: 2rem;
}
.training__download-off-canvas .close-button span {
  outline: none;
  font-size: 4rem;
  color: #1e225d;
}
@media print, screen and (min-width: 40em) {
  .training__download-off-canvas {
    width: 700px;
    transform: translateX(700px);
    padding: 0px 90px 50px 90px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2) !important;
  }
}
.training__download-off-canvas__title {
  margin-top: 40px;
  margin-bottom: 20px;
}
@media print, screen and (min-width: 40em) {
  .training__download-off-canvas__title {
    margin-top: 140px;
  }
}
.training__download-off-canvas__title h2 {
  font-size: 25px;
  font-family: "Poppins", "sans-serif";
  font-weight: 800;
  letter-spacing: normal;
}
@media print, screen and (min-width: 40em) {
  .training__download-off-canvas__title h2 {
    font-size: 39px;
  }
}
.training__download-off-canvas__points {
  display: flex;
  margin-top: 60px;
  align-items: center;
}
.training__download-off-canvas__points__tekst p {
  font-size: 16px;
  color: #1E225C;
  font-family: "Poppins", "sans-serif";
  margin-bottom: 5px;
}
.training__download-off-canvas__points__tekst img {
  filter: invert(10%) sepia(84%) saturate(2201%) hue-rotate(222deg) brightness(99%) contrast(94%);
  margin-right: 10px;
  height: 19px;
}
.training__download-off-canvas__points__img img {
  width: 120px;
  -o-object-fit: contain;
     object-fit: contain;
  margin-left: 20px;
}
.training__download-off-canvas__divider {
  border: 1px solid #CCCCCC;
  margin-top: 20px;
}
.training__download-off-canvas__stap {
  margin-top: 20px;
}
.training__download-off-canvas__stap p {
  color: #1E225C;
  font-size: 15px;
  font-family: "Lexend", "sans-serif";
  margin-bottom: 3px;
}
.training__download-off-canvas__stap__bol {
  display: flex;
  gap: 15px;
}
.training__download-off-canvas__stap__bol span {
  width: 60px;
  border: 1px solid #009DFF;
  display: block;
  height: 10px;
  border-radius: 100px;
  cursor: pointer;
}
.training__download-off-canvas__stap__bol span.selected {
  background-color: #009DFF;
}
.training__download-off-canvas__formulier {
  margin-top: 20px;
}
.training__download-off-canvas__formulier .form-col {
  margin-bottom: 15px;
}
.training__download-off-canvas__formulier__form label {
  font-size: 14px;
  font-family: "Lexend", "sans-serif";
  color: #1C2663;
  font-weight: 400;
  margin-bottom: -3px;
}
.training__download-off-canvas__formulier__form input {
  border: 1px solid #1C2663 !important;
  border-radius: 4px !important;
  padding: 25px 10px;
  margin-bottom: 0px;
  color: #1e225d;
}
.training__download-off-canvas__formulier__form input[type=radio] {
  transform: scale(1.2) !important;
  padding: 8px;
}
.training__download-off-canvas__formulier__form input[type=checkbox] {
  display: inline !important;
  padding: 8px;
}
.training__download-off-canvas__formulier__form select {
  border: 1px solid #1C2663 !important;
  border-radius: 4px !important;
  padding-top: 12.5px;
  padding-bottom: 12.5px;
}
.training__download-off-canvas__formulier__form textarea {
  border: 1px solid #1C2663 !important;
  border-radius: 4px !important;
  padding: 10px;
  color: #1e225d;
}
.training__download-off-canvas__formulier__verder-knop {
  padding: 13px 70px !important;
  cursor: pointer;
  position: relative;
}
.training__download-off-canvas__formulier__verder-knop span {
  margin-left: -30px !important;
}
.training__download-off-canvas__formulier__verder-knop img {
  width: 24px;
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(28deg) brightness(109%) contrast(101%);
  position: absolute !important;
  right: 10px;
}
.training__download-off-canvas__account {
  margin-top: 20px;
}
.training__download-off-canvas__account__title {
  color: #1C2663;
  font-size: 20px;
  font-weight: 900;
  font-family: "Lexend", "sans-serif";
}
.training__download-off-canvas__account__text {
  letter-spacing: -0.32px;
  color: #1C2663;
  font-size: 16px;
  font-family: "Poppins", "sans-serif";
}
.training__download-off-canvas__account__span {
  font-size: 12px;
  color: #1D2052;
  font-family: "Poppins", "sans-serif";
}
.training__download-off-canvas__account__submitknop {
  margin-top: 50px;
}
@media print, screen and (min-width: 40em) {
  .training__download-off-canvas__account__submitknop {
    margin-top: 105px;
  }
}
.training__download-off-canvas__account__submitknop button {
  position: relative;
  padding: 13px 60px !important;
}
.training__download-off-canvas__account__submitknop span {
  margin-left: -30px !important;
}
.training__download-off-canvas__account__submitknop img {
  width: 24px;
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(28deg) brightness(109%) contrast(101%);
  position: absolute !important;
  right: 10px;
}
.training__offerte-off-canvas {
  width: 100%;
  transform: translateX(100%);
  padding: 20px 30px;
  z-index: 9999 !important;
  background-color: white;
  box-shadow: none;
}
.training__offerte-off-canvas .close-button {
  outline: none;
  font-size: 4rem;
  color: #1e225d;
  right: 2rem;
  top: 2rem;
}
.training__offerte-off-canvas .close-button span {
  outline: none;
  font-size: 4rem;
  color: #1e225d;
}
@media print, screen and (min-width: 40em) {
  .training__offerte-off-canvas {
    width: 650px;
    transform: translateX(650px);
    padding: 0px 90px 50px 90px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2) !important;
  }
}
.training__offerte-off-canvas .training__review-off-canvas__review-intro h2 {
  font-size: 20px;
  font-family: "Poppins", "sans-serif";
  font-weight: 800;
  letter-spacing: normal;
}
@media print, screen and (min-width: 40em) {
  .training__offerte-off-canvas .training__review-off-canvas__review-intro h2 {
    font-size: 30px;
  }
}
.training__offerte-off-canvas__werkdagen {
  font-size: 14px;
  font-family: "Poppins", "sans-serif";
  color: #9B9DAD;
}
.training__offerte-off-canvas__divider {
  border: 1px solid #CCCCCC;
}
.training__offerte-off-canvas__formulier {
  margin-top: 30px;
}
.training__offerte-off-canvas__formulier .form-col {
  margin-bottom: 15px;
}
.training__offerte-off-canvas__formulier__form label {
  font-size: 14px;
  font-family: "Lexend", "sans-serif";
  color: #1C2663;
  font-weight: 400;
}
.training__offerte-off-canvas__formulier__form input {
  border: 1px solid #CBCBCB !important;
  border-radius: 8px !important;
  padding: 25px 10px;
  margin-bottom: 0px;
  color: #1e225d;
}
.training__offerte-off-canvas__formulier__form input[type=radio] {
  transform: scale(1.2) !important;
  padding: 8px;
}
.training__offerte-off-canvas__formulier__form input[type=checkbox] {
  display: inline !important;
  padding: 8px;
}
.training__offerte-off-canvas__formulier__form select {
  border: 1px solid #CBCBCB !important;
  border-radius: 8px !important;
  padding-top: 12.5px;
  padding-bottom: 12.5px;
}
.training__offerte-off-canvas__formulier__form textarea {
  border: 1px solid #CBCBCB !important;
  border-radius: 8px !important;
  padding: 10px;
  color: #1e225d;
}
.training__offerte-off-canvas__organisatie {
  margin-top: 20px;
  padding: 12px 15px;
}
.training__offerte-off-canvas__organisatie__hiddenparts {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.training__offerte-off-canvas__organisatie__hiddenparts__inputs {
  height: 42px !important;
  border: 1px solid #CBCBCB !important;
  border-radius: 8px !important;
  padding: 25px 10px !important;
}
.training__offerte-off-canvas__organisatie__hiddenparts__formslabel {
  display: grid;
  grid-template-rows: 1fr 1fr;
  grid-template-columns: initial;
  -moz-column-gap: 20px;
       column-gap: 20px;
  row-gap: 10px;
}
@media print, screen and (min-width: 40em) {
  .training__offerte-off-canvas__organisatie__hiddenparts__formslabel {
    grid-template-rows: initial;
    grid-template-columns: 6fr 4fr;
  }
}
.training__offerte-off-canvas__organisatie__radiolabels .checkout__form__row__inner {
  flex-direction: row;
  margin-top: 0px;
}
.training__offerte-off-canvas__organisatie__radiolabels .checkout__form__row__inner label {
  display: flex;
  align-items: center;
}
@media print, screen and (min-width: 40em) {
  .training__offerte-off-canvas__organisatie__radiolabels .checkout__form__row__inner {
    flex-direction: row;
  }
}
.training__review-off-canvas {
  background-color: white;
  padding: 20px 40px;
  padding-bottom: 200px;
  box-shadow: none;
  width: 100%;
  transform: translateX(100%);
  z-index: 10000 !important;
}
@media print, screen and (min-width: 64em) {
  .training__review-off-canvas {
    padding-bottom: 20px;
  }
}
@media print, screen and (min-width: 64em) {
  .training__review-off-canvas {
    width: 560px;
    transform: translateX(560px);
  }
}
.training__review-off-canvas .close-button {
  right: 2rem;
  top: 2rem;
  font-size: 4rem;
  color: #1e225d;
}
.training__review-off-canvas .close-button span {
  font-size: 4rem;
  color: #1e225d;
}
.training__review-off-canvas__review-intro {
  margin-top: 40px;
  margin-bottom: 20px;
}
@media print, screen and (min-width: 40em) {
  .training__review-off-canvas__review-intro h2 {
    font-size: 2rem;
  }
}
.training__review-off-canvas__review-intro img {
  border-radius: 9px;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (min-width: 40em) {
  .training__review-off-canvas__review-intro {
    margin-top: 140px;
  }
}
.training__review-off-canvas__callout {
  margin-top: 40px;
  border: 1px solid #1E225C;
  border-radius: 12px;
  padding: 20px 30px;
  display: flex;
  justify-content: space-between;
  -moz-column-gap: 25px;
       column-gap: 25px;
}
.training__review-off-canvas__callout__icon {
  color: rgb(245, 200, 11);
}
.training__review-off-canvas__callout__icon svg path {
  fill: #F5C80B;
}
.training__review-off-canvas__callout .external {
  margin-top: 4px;
  font-weight: 600;
  display: flex;
  align-items: center;
}
.training__review-off-canvas__callout .external::after {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-left: 15px;
  content: "";
  background-color: #1E225C;
  -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMjEgMTN2MTBoLTIxdi0xOWgxMnYyaC0xMHYxNWgxN3YtOGgyem0zLTEyaC0xMC45ODhsNC4wMzUgNC02Ljk3NyA3LjA3IDIuODI4IDIuODI4IDYuOTc3LTcuMDcgNC4xMjUgNC4xNzJ2LTExeiIvPjwvc3ZnPg==) no-repeat 0 0;
          mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMjEgMTN2MTBoLTIxdi0xOWgxMnYyaC0xMHYxNWgxN3YtOGgyem0zLTEyaC0xMC45ODhsNC4wMzUgNC02Ljk3NyA3LjA3IDIuODI4IDIuODI4IDYuOTc3LTcuMDcgNC4xMjUgNC4xNzJ2LTExeiIvPjwvc3ZnPg==) no-repeat 0 0;
  -webkit-mask-size: cover;
          mask-size: cover;
  position: relative;
}
.training__review-off-canvas__title {
  font-weight: bold;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  font-size: 1.25rem;
  color: #1E225C;
}
.training__review-off-canvas__title.second {
  margin: 50px 0px;
  margin-bottom: 0px;
}
.training__review-off-canvas .training__reviews__item__header {
  padding: 20px 0px;
  border-bottom: 0px;
}
.training__review-off-canvas .training__reviews__item__body {
  padding: 20px 0px;
}
.training__review-off-canvas .training__reviews__item, .training__review-off-canvas .training__reviews__item--overview {
  padding: 50px 0px;
  padding-bottom: 40px;
  border-right: none;
  border-bottom: 1px solid #8a8a8a;
}
@media screen and (min-width: 40em) {
  .training__review-off-canvas {
    padding: 20px 90px;
    width: 560px;
  }
}
.training__programma__accordion {
  list-style-type: none;
  list-style: none;
  padding: 0px;
  margin: 0px;
  border: 1px solid #1E225C;
  border-radius: 5px;
}
.training__programma__accordion__item {
  display: block;
  border-bottom: 1px solid #1E225C;
  margin-bottom: 0px;
}
.training__programma__accordion__item .toggle {
  display: block;
  padding: 20px;
  text-decoration: none;
  font-weight: bold;
}
.training__programma__accordion__item .toggle:after {
  content: " ❯";
  transform: rotate(90deg);
  display: inline-block;
  position: absolute;
  right: 20px;
  top: 24px;
}
.training__programma__accordion__item__count {
  display: inline-block;
  left: -50px;
  height: 35px;
  width: 35px;
  border: 3px solid;
  text-align: center;
  border-radius: 100%;
  line-height: 30px;
  color: #1E225C;
  background-color: white;
  top: 12px;
  font-weight: bold;
  margin-right: 20px;
}
.training__programma__accordion__item:last-of-type {
  border-bottom: none;
}
.training__programma__accordion__item.current .toggle {
  background-color: #1E225C;
  color: white;
}
.training__programma__accordion__item.current .toggle:after {
  transform: rotate(270deg);
}
.training__programma__accordion__item.current .show {
  display: block;
}
.training__programma__accordion__item .inner {
  padding: 20px;
  display: none;
}
.training__programma__accordion__item .inner.current {
  display: block;
}
.training__programma__cta {
  margin-top: 30px;
  border: 1px solid #1e225d;
  padding: 20px;
  border-radius: 12px;
}
.training__programma__cta span {
  display: inline-block;
  margin-right: 30px;
  font-weight: bold;
  color: #1e225d;
  font: normal normal 800 20px Lexend;
}
.training__programma__cta p {
  margin-bottom: 0;
}
.training__cursusdata {
  background: #F8F8FA;
  margin: 40px 0px;
  padding: 50px 0px;
}
@media print, screen and (min-width: 64em) {
  .training__cursusdata {
    padding: 125px 0px;
    margin: 125px 0px;
  }
}
.training__cursusdata__load-more {
  margin-top: 50px;
  text-align: center;
}
.training__cursusdata__load-more button {
  max-width: 200px;
  margin: auto;
  margin-bottom: 0px;
}
@media print, screen and (min-width: 40em) {
  .training__cursusdata__load-more button {
    max-width: unset;
  }
}
.training__reviews {
  margin: 40px 0px;
}
.training__reviews__intro {
  margin-bottom: 30px;
}
@media print, screen and (min-width: 40em) {
  .training__reviews__intro__title {
    font-size: 2rem;
  }
}
.training__reviews__items {
  display: flex;
  justify-content: space-between;
}
@media print, screen and (min-width: 64em) {
  .training__reviews__items > div.large-6 {
    flex: 0 0 48%;
  }
}
.training__reviews__overview {
  margin-bottom: 50px;
}
.training__reviews__overview__trainer {
  position: relative;
  padding: 0px;
  display: flex;
  min-height: 350px;
}
.training__reviews__overview__trainer .cta-block__intake__image__lettersbg {
  display: block;
  height: inherit;
  width: 100%;
  z-index: -1;
  font-size: 400px;
  overflow: visible;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  font-size: 350px;
  font-weight: 800;
  letter-spacing: -30px;
  line-height: 250px;
  position: absolute;
  left: unset;
  right: 0px;
  top: unset;
  bottom: 40px;
  text-align: right;
  color: #00c4c2;
}
@media print, screen and (min-width: 64em) {
  .training__reviews__overview__trainer .cta-block__intake__image__lettersbg {
    overflow: visible;
  }
}
.training__reviews__overview__trainer > img {
  height: 320px;
  position: absolute;
  right: 0px;
}
.training__reviews__overview__trainer .cta-block__intake__image__textbox {
  width: 100%;
  margin-left: 0px;
}
.training__reviews__overview__trainer .cta-block__intake__image__textbox .cluster-header__background__designation {
  left: 2%;
}
@media print, screen and (min-width: 40em) {
  .training__reviews__overview__trainer .cta-block__intake__image__textbox .cluster-header__background__designation {
    margin-left: 70px;
  }
}
.training__reviews__overview__trainer .cta-block__intake__image__textbox .cluster-header__background__overlay__reviews {
  width: 100%;
}
@media print, screen and (min-width: 40em) {
  .training__reviews__overview__trainer .cta-block__intake__image__textbox .cluster-header__background__overlay__reviews__text {
    width: 75%;
  }
}
@media print, screen and (min-width: 40em) {
  .training__reviews__item {
    padding: 0px;
  }
}
.training__reviews__item__container {
  box-shadow: 0px 3px 10px rgba(42, 62, 82, 0.2);
  border: 1px solid #1E225C;
  border-radius: 12px;
  background: white;
  padding: 0px;
}
.training__reviews__item__header {
  display: flex;
  align-items: center;
  border-bottom: 1px solid rgba(30, 34, 92, 0.078);
  padding: 20px;
}
.training__reviews__item__body {
  padding: 20px;
}
.training__reviews__item__title {
  font-weight: bold;
  font-size: 1.125rem;
  color: #1e225d;
}
.training__reviews__item__date {
  flex-grow: 1;
  text-align: right;
  color: #1e225d;
  font-size: 0.9375rem;
}
.training__reviews__item__score {
  margin-bottom: 20px;
  display: flex;
  align-items: center;
}
.training__reviews__item__score__number {
  font-size: 0.9375rem;
  margin-right: 20px;
  color: #1e225d;
}
.training__reviews__item__score__number strong {
  margin-left: 20px;
  font-size: 1rem;
}
.training__reviews__item__score__stars {
  margin-right: 20px;
  color: #F5C80B;
  font-size: 15px;
}
.training__reviews__item__score__stars svg path {
  fill: #F5C80B;
}
.training__reviews__item__score__stars .fa-star {
  margin-right: 3px;
}
.training__reviews__item__text {
  margin-bottom: 20px;
  color: #1e225d;
  font-size: 0.9375rem;
}
.training__reviews__item__training {
  margin-bottom: 10px;
  color: #1e225d;
  font-size: 0.9375rem;
  font-weight: bold;
}
.training__reviews__item__recommend {
  margin-bottom: 20px;
  color: #1e225d;
  font-size: 0.9375rem;
}
.training__reviews__item__rating__element {
  display: flex;
  justify-content: space-between;
}
.training__reviews__item__rating__element__title {
  margin-bottom: 10px;
  color: #1e225d;
}
.training__reviews__item__rating__element__score {
  min-width: 110px;
  color: #F5C80B;
  font-size: 15px;
}
.training__reviews__item__rating__element__score svg path {
  fill: #F5C80B;
}
.training__reviews__item__rating__element__score .fa-star {
  margin-right: 3px;
}
.training__reviews__item__rating__see-all {
  margin-top: 10px;
  text-align: center;
}
@media print, screen and (min-width: 40em) {
  .training__reviews__item__rating__see-all {
    margin-top: 20px;
  }
}
.training__reviews__item--overview {
  border-right: 0px;
  padding: 20px 0px;
  padding-bottom: 0px;
}
.training__reviews__item--overview .training__reviews__item__header {
  border: 0px;
  padding: 0px;
  padding-bottom: 20px;
}
.training__reviews__item--overview .training__reviews__item__title {
  font-size: 1.5625rem;
}
.training__reviews__item--overview .training__reviews__item__score {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5px;
}
.training__reviews__item--overview .training__reviews__item__score .text-span {
  font-size: 15px;
}
.training__reviews__item--overview .training__reviews__item__score__number {
  font-size: 26px;
  font-weight: bold;
}
.training__reviews__item--overview .training__reviews__item__score__stars {
  color: #1e225d;
}
.training__reviews__item--category {
  border-right: 0px;
  padding: 0px;
  margin-top: 40px;
}
.training__reviews__item--category.hasborder {
  border: 1px solid #1e225d;
  padding: 20px;
  border-radius: 12px;
}
.training__reviews__item--category .training__reviews__item__header {
  border: 0px;
  padding: 0px;
  padding-bottom: 20px;
}
.training__reviews__item--category .training__reviews__item__title {
  font-size: 1.2rem;
}
.training__reviews__item--category .training__reviews__item__score {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 5px;
  margin-bottom: 0px;
}
.training__reviews__item--category .training__reviews__item__score .text-span {
  font-size: 15px;
}
.training__reviews__item--category .training__reviews__item__score__number {
  font-size: 26px;
  font-weight: bold;
  font-family: Caveat, serif;
}
.training__reviews__item--category .training__reviews__item__score__stars {
  color: #1e225d;
  margin-right: 10px;
}
.training__reviews__cta {
  margin-top: 30px;
}

.js-off-canvas-overlay {
  background: rgba(0, 0, 0, 0.25);
  z-index: 9998;
}

.training_image_slider .img-box {
  height: 200px;
  margin-left: 10px;
  margin-right: 10px;
}
.training_image_slider .slider__counter {
  position: initial;
}
.training_image_slider .slick-cloned:last-child {
  display: none !important;
}
@media print, screen and (min-width: 40em) {
  .training_image_slider .slider__counter {
    position: initial;
  }
  .training_image_slider .img-box {
    height: 230px;
    margin-left: 0;
    margin-right: 0;
  }
}
@media print, screen and (min-width: 64em) {
  .training_image_slider .slider__counter {
    position: absolute;
  }
  .training_image_slider .img-box {
    height: 400px;
    margin-left: 0;
    margin-right: 0;
  }
}

.img_teruglezen {
  justify-content: center;
  display: flex;
}
.img_teruglezen img {
  height: 180px;
  -o-object-fit: cover;
     object-fit: cover;
}

@media print, screen and (min-width: 40em) {
  .terugleesSectie {
    display: flex;
  }
  .tekst_teruglezen {
    flex-basis: 50%;
  }
  .img_teruglezen {
    flex-basis: 50%;
    justify-content: center;
    display: flex;
  }
}
@media print, screen and (min-width: 64em) {
  .terugleesSectie {
    display: flex;
  }
  .tekst_teruglezen {
    flex-basis: 70%;
  }
  .img_teruglezen {
    flex-basis: 30%;
    justify-content: center;
    display: flex;
  }
}
.undertext_cf-button .cf-button__text {
  text-align: start;
}
.undertext_cf-button .cf-button__text span {
  display: flex;
  font-size: 14px;
  font-weight: 400;
  padding-top: 6px;
}
.undertext_cf-button .cf-button__text span.grey {
  color: #9B9DAD;
  font-weight: 300;
  letter-spacing: normal;
}
.undertext_cf-button:hover .cf-button__text {
  text-align: start;
}
.undertext_cf-button:hover .cf-button__text span.grey {
  color: white;
}

.training-header {
  width: 100%;
  position: relative;
  background-color: #00c4c2;
}
.training-header__container {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  height: 100%;
  padding-top: 40px;
}
@media screen and (min-width: 64em) {
  .training-header__container {
    padding-top: 0px;
    height: 100%;
  }
}
.training-header__container__text {
  flex-basis: 100%;
}
@media screen and (min-width: 64em) {
  .training-header__container__text {
    flex-basis: 50%;
    padding-right: 25px;
    padding: 75px 0px;
  }
}
@media screen and (min-width: 75em) {
  .training-header__container__text {
    padding-right: 50px;
  }
}
.training-header__container__text__area {
  position: relative;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 36px rgba(0, 0, 0, 0.16);
  border-radius: 2px 16px 16px 16px;
  opacity: 1;
  padding: 30px;
  min-height: 0px;
}
@media screen and (min-width: 40em) {
  .training-header__container__text__area {
    padding: 40px;
  }
}
@media screen and (min-width: 64em) {
  .training-header__container__text__area {
    padding: 60px;
  }
}
.training-header__container__text__area.haslabel .training-header__title {
  padding-right: 50px;
}
@media print, screen and (min-width: 64em) {
  .training-header__container__text__area.haslabel .training-header__title {
    padding-right: 30px;
  }
}
.training-header__container__text__area__label {
  position: absolute;
  right: 5px;
  top: 10px;
}
@media print, screen and (min-width: 64em) {
  .training-header__container__text__area__label {
    right: 10px;
  }
}
.training-header__container__text__area__label img {
  width: 80px;
}
.training-header__container__text__area__status-label {
  position: absolute;
  left: 5px;
  top: 5px;
  background-color: #f2f8ff;
  padding: 5px 13px;
  border-radius: 6px;
  text-transform: capitalize;
  color: #1e225d;
  font-size: 12px;
  font-weight: bold;
}
@media print, screen and (min-width: 64em) {
  .training-header__container__text__area__status-label {
    left: 10px;
    top: 10px;
  }
}
.training-header__container__image {
  position: static;
  right: 0;
  width: 100%;
  flex-basis: 100%;
}
@media print, screen and (min-width: 40em) {
  .training-header__container__image {
    max-height: initial;
  }
}
@media screen and (min-width: 64em) {
  .training-header__container__image {
    flex-basis: 50%;
    position: absolute;
    right: 0px;
    width: 50%;
    /*overflow: hidden;*/
    top: 0px;
    height: 100%;
  }
}
.training-header__container__image__background {
  height: 320px;
}
.training-header__container__image__background .cluster-header__background__overlay {
  bottom: -25px;
}
@media screen and (min-width: 64em) {
  .training-header__container__image__background {
    height: 100%;
    position: relative;
    display: flex;
  }
  .training-header__container__image__background .cluster-header__background__overlay {
    bottom: 25px;
  }
  .training-header__container__image__background .cluster-header__background__image {
    overflow: visible;
    width: 80%;
    bottom: 0px;
  }
  .training-header__container__image__background .cluster-header__background__image img {
    bottom: -25px;
    max-height: 600px;
    max-width: 100%;
  }
}
.training-header__title {
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  letter-spacing: -0.2px;
  margin-bottom: 20px;
  line-height: 30px;
  font-size: 22px;
  font-weight: 700;
}
@media screen and (min-width: 40em) {
  .training-header__title {
    font-size: 28px;
    line-height: 44px;
    padding-right: 50px;
  }
}
.training-header__intro {
  margin-bottom: 20px;
}
.training-header__uspblock {
  margin-bottom: 20px;
}
.training-header__uspblock__block {
  background-color: #F2F8FF;
  border-radius: 4px;
  padding: 12px 21px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  row-gap: 18px;
}
.training-header__uspblock__block:not(:first-of-type) {
  margin-top: 8px;
}
.training-header__uspblock__block__item {
  display: flex;
  width: 100%;
  gap: 10px;
  align-items: center;
}
@media print, screen and (min-width: 64em) {
  .training-header__uspblock__block__item {
    width: 48%;
  }
}
.training-header__uspblock__block__item.fullwidth {
  width: 100%;
}
.training-header__uspblock__block__item__image {
  filter: invert(12%) sepia(43%) saturate(3297%) hue-rotate(224deg) brightness(85%) contrast(95%);
}
.training-header__uspblock__block__item__text {
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  font-size: 0.9375rem;
  font-weight: 500;
  color: #1e225d;
}
.training-header__priceblock {
  margin-bottom: 20px;
}
.training-header__price {
  margin-bottom: 10px;
  font-size: 1rem;
  display: flex;
  gap: 35px;
}
.training-header__price__oneoff__description {
  font-size: 14px;
  display: block;
}
.training-header__price__oneoff__amount {
  display: block;
  font-size: 18px;
  font-weight: 600;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
}
.training-header__price__divider {
  width: 1px;
  background-color: #1e225d;
}
.training-header__price .training__sidebar__main__vanaf, .training-header__price .training__sidebar__main__vanafprijs, .training-header__price .training__sidebar__main__nuprijs {
  font-size: 1rem;
  font: normal normal 600 16px Lexend;
}
.training-header__price .training__sidebar__main__vanaf span, .training-header__price .training__sidebar__main__vanafprijs span, .training-header__price .training__sidebar__main__nuprijs span {
  font: normal normal 600 16px Lexend;
}
.training-header__price .training__sidebar__main__nuprijs {
  margin-left: 15px;
}
@media screen and (min-width: 40em) {
  .training-header__price {
    font-size: 1rem;
  }
  .training-header__price .training__sidebar__main__vanaf, .training-header__price .training__sidebar__main__vanafprijs {
    font-size: 1rem;
  }
}
.training-header__discount {
  padding: 7px 18px;
  font-size: 0.875rem;
  color: #1E225C;
  margin-left: 0rem;
  background-color: #f2f8ff;
  display: inline-block;
  border-radius: 5px;
}
.training-header__bubble {
  margin-bottom: 20px;
}
.training-header__buttons__primary .cf-button--orange-flat, .training-header__buttons__primary .cf-button--blue-alt {
  padding: 13px 14px;
  line-height: 1.4;
  justify-content: center !important;
}
@media screen and (min-width: 40em) {
  .training-header__buttons__primary .cf-button--orange-flat, .training-header__buttons__primary .cf-button--blue-alt {
    padding: 13px 15px;
    margin-bottom: 5px;
  }
  .training-header__buttons__primary .cf-button--orange-flat .cf-button__icon, .training-header__buttons__primary .cf-button--blue-alt .cf-button__icon {
    margin-right: 10px;
  }
  .training-header__buttons__primary .cf-button--orange-flat .cf-button__text, .training-header__buttons__primary .cf-button--blue-alt .cf-button__text {
    flex-grow: 1;
    text-align: center;
  }
  .training-header__buttons__primary .cf-button--orange-flat:hover, .training-header__buttons__primary .cf-button--blue-alt:hover {
    padding-left: 15px;
  }
}
@media screen and (min-width: 75em) {
  .training-header__buttons__primary .cf-button--orange-flat .cf-button__icon, .training-header__buttons__primary .cf-button--blue-alt .cf-button__icon {
    margin-right: 15px;
  }
}
.training-header__buttons__secondary .cf-button--blue-alt, .training-header__buttons__secondary .cf-button--blue, .training-header__buttons__secondary .cf-button--orange-flat {
  padding: 13px 14px;
}
.training-header__buttons__secondary .cf-button--blue-alt .cf-button__text, .training-header__buttons__secondary .cf-button--blue .cf-button__text, .training-header__buttons__secondary .cf-button--orange-flat .cf-button__text {
  flex-grow: 1;
  text-align: center;
}
@media screen and (min-width: 40em) {
  .training-header__buttons__secondary .cf-button--blue-alt, .training-header__buttons__secondary .cf-button--blue, .training-header__buttons__secondary .cf-button--orange-flat {
    padding: 13px 15px;
  }
  .training-header__buttons__secondary .cf-button--blue-alt:hover, .training-header__buttons__secondary .cf-button--blue:hover, .training-header__buttons__secondary .cf-button--orange-flat:hover {
    padding-left: 11px;
  }
}
@media screen and (min-width: 40em) {
  .training-header__buttons__secondary {
    display: flex;
    -moz-column-gap: 6px;
         column-gap: 6px;
  }
  .training-header__buttons__secondary > div:first-of-type {
    flex-basis: 45%;
  }
  .training-header__buttons__secondary > div:last-of-type {
    flex-basis: 55%;
  }
  .training-header__buttons__secondary .cf-button--blue-alt, .training-header__buttons__secondary .cf-button--blue, .training-header__buttons__secondary .cf-button--orange-flat {
    width: 100%;
    text-align: center;
    margin-bottom: 0px;
  }
  .training-header__buttons__secondary .cf-button--blue-alt .cf-button__icon, .training-header__buttons__secondary .cf-button--blue .cf-button__icon, .training-header__buttons__secondary .cf-button--orange-flat .cf-button__icon {
    margin-right: 10px;
  }
  .training-header__buttons__secondary .cf-button--blue-alt .cf-button__text, .training-header__buttons__secondary .cf-button--blue .cf-button__text, .training-header__buttons__secondary .cf-button--orange-flat .cf-button__text {
    flex-grow: 1;
    text-align: center;
  }
  .training-header__buttons__secondary .cf-button--blue-alt:hover .cf-button__icon, .training-header__buttons__secondary .cf-button--blue:hover .cf-button__icon, .training-header__buttons__secondary .cf-button--orange-flat:hover .cf-button__icon {
    margin-right: 10px;
  }
}
@media screen and (min-width: 75em) {
  .training-header__buttons__secondary .cf-button--blue-alt .cf-button__icon, .training-header__buttons__secondary .cf-button--blue .cf-button__icon, .training-header__buttons__secondary .cf-button--orange-flat .cf-button__icon {
    margin-right: 15px;
  }
  .training-header__buttons__secondary .cf-button--blue-alt:hover .cf-button__icon, .training-header__buttons__secondary .cf-button--blue:hover .cf-button__icon, .training-header__buttons__secondary .cf-button--orange-flat:hover .cf-button__icon {
    margin-right: 15px;
  }
}
.training-header__secondary {
  border-top: 1px solid #D6D6D6;
  padding-top: 15px;
}

.tooltip-trainingen-certificaat {
  border-bottom: none;
  display: inline-block;
  width: -moz-fit-content;
  width: fit-content;
  align-items: center;
}
.tooltip-trainingen-certificaat img {
  width: 16px !important;
  height: 21px !important;
  margin-right: 0 !important;
}

.tooltip-trainingen-certificaatsidebar {
  border-bottom: none;
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  align-items: center;
  margin-left: 5px;
}
.tooltip-trainingen-certificaatsidebar img {
  width: 16px !important;
  height: 16px !important;
  margin-right: 0 !important;
}

#training-links {
  margin-bottom: 45px;
}
@media print {
  #training-links {
    display: none;
    page-break-after: always;
  }
}

@media print {
  #inhoud {
    page-break-after: always;
    font-size: 0.8125rem;
    column-count: 2;
    column-gap: 40px;
    column-width: 148mm;
    -webkit-column-count: 2;
    -webkit-column-gap: 40px;
    -webkit-column-width: 148mm;
    -moz-column-count: 2;
    -moz-column-gap: 40px;
    -moz-column-width: 148mm;
  }
}
#inhoud h2 {
  -moz-column-span: all;
       column-span: all;
}
#inhoud p.title {
  font-weight: bold;
}

@media print {
  #lesmateriaal, #onderdelen {
    page-break-after: always;
  }
}

@media print {
  #onderdelen {
    display: none;
  }
}

.training-intro__titel {
  font-size: 1.35rem !important;
  margin: 20px 0px;
  padding-bottom: 0px !important;
  line-height: initial !important;
}
.training-intro__omschrijving {
  font-size: 0.9375rem;
}
@media print {
  .training-intro__omschrijving {
    font-size: 0.8125rem;
  }
}
.training-intro__springest {
  margin: 0 auto 0.5rem;
  width: 230px;
}
@media screen and (min-width: 25em) {
  .training-intro__springest {
    float: right;
    margin: -15px 0 0 1rem;
  }
}
@media print, screen and (min-width: 40em) {
  .training-intro__springest {
    margin-left: 2rem;
  }
}
@media print {
  .training-intro__springest {
    display: none;
  }
}
.training-intro__pe-punten {
  float: right;
  width: 125px;
  height: 180px;
  margin: 0 0 0 2rem;
}
.training-intro__pe-punten img {
  display: block;
  width: 125px;
  height: 180px;
}
.training-intro__nieuwsbrief {
  clear: both;
}

.training-opleidingsvoordeel {
  box-shadow: 0px 3px 10px rgba(42, 62, 82, 0.2);
  border: 1px solid #1E225C;
  border-radius: 12px;
  background: white;
  margin: 30px 0px;
  display: flex;
}
.training-opleidingsvoordeel__content {
  padding: 20px;
  flex-grow: 1;
  flex-basis: 70%;
}
@media print, screen and (min-width: 64em) {
  .training-opleidingsvoordeel__content {
    padding: 30px;
  }
}
.training-opleidingsvoordeel__content .label--yellow {
  background-color: yellow;
  padding: 0px 5px;
}
.training-opleidingsvoordeel__content h3 {
  font-size: 1.25rem;
}
.training-opleidingsvoordeel__content a {
  font-weight: bold;
}
.training-opleidingsvoordeel__content .readmore-link {
  cursor: pointer;
}
@media print, screen and (min-width: 64em) {
  .training-opleidingsvoordeel__content.adviesblok {
    padding: 50px 80px;
  }
}
.training-opleidingsvoordeel__image {
  flex-basis: 30%;
  position: relative;
}
.training-opleidingsvoordeel__image img {
  position: absolute;
  right: 0;
  bottom: 0;
  max-height: 100%;
  border-radius: 12px;
  -o-object-fit: contain;
     object-fit: contain;
  height: 100%;
  /*-webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;*/
}
.training-opleidingsvoordeel__image img.hover {
  height: auto;
}
.training-opleidingsvoordeel__image img.ready {
  height: auto;
}
.training-opleidingsvoordeel__image img.bottom {
  -o-object-position: bottom;
     object-position: bottom;
}
.training-opleidingsvoordeel__image img.hover {
  opacity: 0;
}
.training-opleidingsvoordeel.opleidingsbudget-banner {
  border: 1px solid #cccccc;
  box-shadow: none;
}
.training-opleidingsvoordeel.opleidingsbudget-banner h3 {
  font-size: 1rem;
}
.training-opleidingsvoordeel.opleidingsbudget-banner p {
  margin-bottom: 0px;
}
.training-opleidingsvoordeel:hover .training-opleidingsvoordeel__image img.ready {
  opacity: 0;
}
.training-opleidingsvoordeel:hover .training-opleidingsvoordeel__image img.hover {
  opacity: 1;
}
.training-opleidingsvoordeel--trainer {
  /*&:hover{
  	.training-opleidingsvoordeel__content .inner p{
  		height:100%;
  		@include transition(all 400ms);
  	}
  }*/
}
.training-opleidingsvoordeel--trainer .training-opleidingsvoordeel__content .inner div {
  height: 75px;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  margin-bottom: 8px;
}
.training-opleidingsvoordeel--trainer .training-opleidingsvoordeel__content .label {
  background-color: yellow;
  color: white;
}
.training-opleidingsvoordeel--trainer .training-opleidingsvoordeel__content p {
  font-size: 0.9375rem;
  line-height: 23px;
}
.training-opleidingsvoordeel--trainer .training-opleidingsvoordeel__image img {
  border-radius: 0px 12px 12px 0px;
}
.training-opleidingsvoordeel--centered {
  width: 100%;
  margin: 30px auto !important;
}
@media print, screen and (min-width: 40em) {
  .training-opleidingsvoordeel--centered {
    width: 80%;
  }
}
@media print, screen and (min-width: 64em) {
  .training-opleidingsvoordeel--centered {
    width: 70%;
  }
}

.training-relateerdetrainingen__title {
  padding-bottom: 10px;
}
.training-relateerdetrainingen__title p {
  font-size: 1.5625rem;
  font-weight: bold;
  margin-bottom: 0;
}
.training-relateerdetrainingen__container .rf-cards-scroller-crop {
  height: 36rem;
}
@media print, screen and (min-width: 40em) {
  .training-relateerdetrainingen__container .rf-cards-scroller-crop {
    height: 33rem;
  }
}
.training-relateerdetrainingen__container .rf-cards-scroller-crop .rf-cards-scroller-platter {
  padding-top: 0;
}
.training-relateerdetrainingen__container .rf-cards-scroller-crop .rf-cards-scroller-platter .rf-cards-scroller-itemview {
  transform: none;
  height: 100%;
}
.training-relateerdetrainingen__container .rf-cards-scroller-crop .rf-cards-scroller-platter .rf-cards-scroller-itemview .as-util-relatedlink {
  height: 100%;
}
.training-relateerdetrainingen__container .rf-cards-scroller-crop .rf-cards-scroller-platter .rf-cards-scroller-itemview .as-util-relatedlink .rf-ccard-content {
  height: 100%;
}
.training-relateerdetrainingen__container .rf-cards-scroller-crop .rf-cards-scroller-platter .rf-cards-scroller-itemview .as-util-relatedlink .rf-ccard-content .trainingen-grid__item {
  height: 100%;
}

#trainingsdata-items {
  overflow: hidden;
  max-height: 10000px;
  transition: max-height 2s linear;
}
#trainingsdata-items.closed {
  max-height: 1488px;
  transition: none;
}
@media print, screen and (min-width: 40em) {
  #trainingsdata-items.closed {
    max-height: 783px;
  }
}
@media print, screen and (min-width: 64em) {
  #trainingsdata-items.closed {
    max-height: 520px;
  }
}

#toon-alle-trainingsdata {
  text-decoration: none;
  font-size: 1.1875rem;
  text-align: center;
  display: block;
  margin: 0 0 2rem;
}
#toon-alle-trainingsdata .icon-arrow-right {
  font-size: 130%;
  display: inline-block;
  position: relative;
  top: 2px;
  margin-left: 10px;
  transform: rotate(-90deg);
}
#toon-alle-trainingsdata.closed .icon-arrow-right {
  transform: rotate(90deg);
}

.zie-data {
  cursor: pointer;
  text-decoration: underline;
  display: inline-block;
  font-weight: medium;
}

.startdata_offCanvas {
  z-index: 9999;
  background-color: #fff;
  width: 350px;
  padding: 40px 20px 250px 20px;
}
@media print, screen and (min-width: 64em) {
  .startdata_offCanvas {
    padding: 123px 87px;
    width: 35.75rem;
  }
}
.startdata_offCanvas .close-btn {
  right: 3rem;
  top: 3.8rem;
  font-size: 3em;
  line-height: 1;
}
@media print, screen and (min-width: 64em) {
  .startdata_offCanvas .close-btn {
    top: 7.8rem;
  }
}
.startdata_offCanvas h3 {
  font-size: 39px;
  font-weight: bold;
  margin-bottom: 45px;
}
.startdata_offCanvas ul {
  list-style-type: disc;
  padding-left: 20px;
  margin-bottom: 45px;
}
.startdata_offCanvas span {
  color: #1C2663;
}
.startdata_offCanvas span span {
  font-weight: bold;
}
.startdata_offCanvas p.introtekst {
  margin-bottom: 45px;
}
.startdata_offCanvas p.trainingtitle {
  font-size: 25px;
  font-weight: bold;
  margin-bottom: 12px;
}
.startdata_offCanvas p.trainingtitle span {
  font-weight: bold;
}

@media print {
  #cursusdata {
    display: none;
    page-break-after: always;
    padding: 0px;
  }
}

@media print {
  #gerelateerd {
    padding: 0px;
  }
}

@media print {
  #opleidingsvoordeel {
    page-break-before: always;
    margin-bottom: 0px;
  }
}

.training__cursusdata .title h2 {
  font-size: 20px;
  text-align: center;
  max-width: 300px;
  margin: 0 auto;
  line-height: 26px;
  letter-spacing: -0.1px;
  margin-bottom: 0px !important;
}
@media print, screen and (min-width: 40em) {
  .training__cursusdata .title h2 {
    text-align: center;
    font-size: 39px;
    max-width: unset;
    width: 60%;
    margin: 0 auto;
    margin-bottom: 16px !important;
  }
}
@media print, screen and (min-width: 64em) {
  .training__cursusdata .title h2 {
    font-size: 45px;
    line-height: 50px;
  }
}
.training__cursusdata .title p {
  max-width: 900px;
  margin: 0 auto;
  padding-bottom: 0px;
}

.startgarantie {
  font-size: 12px;
  padding: 2.5px 5.5px;
  color: #8689AD;
  border: 1px dashed #979AC4;
  border-radius: 4px;
  font-weight: normal;
}
.startgarantie.filled {
  border: 1px solid #CDEDC2;
  background-color: #CDEDC2;
  color: #1e225d;
}
.startgarantie .blue {
  border: 1px solid #f2f8ff;
  background-color: #f2f8ff;
  color: #1e225d;
}

.trainingsdata-table {
  color: #403d54;
  margin: 15px 0 15px;
  margin-top: 50px;
  margin-bottom: 0px;
}
.trainingsdata-table::before, .trainingsdata-table::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
.trainingsdata-table::after {
  clear: both;
}
@media (max-width: 800px) {
  .trainingsdata-table table {
    border: 0;
  }
  .trainingsdata-table thead {
    display: none;
  }
  .trainingsdata-table tr {
    display: block;
    margin: 0 0 20px 0;
  }
  .trainingsdata-table tr:last-of-type {
    margin-bottom: 0px;
  }
  .trainingsdata-table td {
    display: block;
    text-align: right;
  }
  .trainingsdata-table td:before {
    content: attr(aria-label);
    float: left;
    font-weight: bold;
  }
  .trainingsdata-table td:last-child {
    border-bottom: 0;
  }
  .trainingsdata-table tr:nth-child(odd) {
    background-color: #F2F2F2;
  }
  .trainingsdata-table tr:nth-child(even) {
    background-color: #FFFFFF;
    border-width: 3px 0 3px 0;
    border-style: solid;
    border-color: #E5E5E5;
  }
  .trainingsdata-table thead, .trainingsdata-table tbody, .trainingsdata-table tfoot {
    border: none !important;
  }
  .trainingsdata-table tbody tr:nth-child(even) {
    border-bottom: 1px solid rgba(30, 34, 92, 0.46);
    background-color: #ededed;
  }
  .trainingsdata-table tbody tr:nth-child(even) {
    border-bottom: 1px solid rgba(30, 34, 92, 0.46) !important;
    background-color: transparent !important;
    border: 1px solid rgba(30, 34, 92, 0.46) !important;
  }
  .trainingsdata-table tbody th, .trainingsdata-table tbody td {
    padding: 0.5rem 0.625rem 0.625rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.039);
  }
  .trainingsdata-table tbody td.empty-cell {
    display: none;
  }
}
@media print and (max-width: 800px), screen and (max-width: 800px) and (min-width: 64em) {
  .trainingsdata-table tbody td.empty-cell {
    display: unset;
  }
}
@media (max-width: 800px) {
  .trainingsdata-table tbody th, .trainingsdata-table tbody td {
    padding: 15px !important;
  }
  .trainingsdata-table table tr {
    box-shadow: none;
    border-radius: 10px;
  }
}
@media print, screen and (min-width: 40em) {
  .trainingsdata-table {
    margin: 67px 0 15px;
    border: 1px solid #1e225d;
    border-radius: 12px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  }
}
.trainingsdata-table table {
  border-collapse: collapse;
  margin-bottom: 0px;
}
@media print, screen and (min-width: 40em) {
  .trainingsdata-table table thead {
    border: none;
  }
}
@media print, screen and (min-width: 40em) {
  .trainingsdata-table table thead tr td:first-of-type {
    border-radius: 12px 0px 0px 0px;
  }
}
@media print, screen and (min-width: 40em) {
  .trainingsdata-table table thead tr td:last-of-type {
    border-radius: 0px 12px 0px 0px;
  }
}
.trainingsdata-table table thead tr td {
  color: white !important;
}
.trainingsdata-table table tbody {
  background: transparent;
}
@media print, screen and (min-width: 40em) {
  .trainingsdata-table table tbody {
    border: none;
    background: white;
  }
}
.trainingsdata-table table tbody tr {
  background-color: white !important;
  border: 1px solid rgba(30, 34, 92, 0.46) !important;
}
@media print, screen and (min-width: 40em) {
  .trainingsdata-table table tbody tr {
    box-shadow: none;
    border: none !important;
    border-bottom: 1px solid #D5D6DB !important;
  }
}
@media print, screen and (min-width: 40em) {
  .trainingsdata-table table tbody tr:last-of-type {
    border: none !important;
  }
}
@media print, screen and (min-width: 40em) {
  .trainingsdata-table table tbody tr:last-of-type td:first-of-type {
    border-radius: 0px 0px 0px 12px;
  }
}
@media print, screen and (min-width: 40em) {
  .trainingsdata-table table tbody tr:last-of-type td:last-of-type {
    border-radius: 0px 0px 12px 0px;
  }
}
.trainingsdata-table table tbody td[aria-label=Start] {
  position: relative;
}
@media print, screen and (min-width: 64em) {
  .trainingsdata-table table tbody td[aria-label=Start].leergang {
    display: flex;
    align-items: center;
    gap: 12px;
  }
}
.trainingsdata-table button {
  margin-bottom: 0px;
}
@media print, screen and (min-width: 64em) {
  .trainingsdata-table__button {
    width: 200px;
  }
}
@media print, screen and (min-width: 64em) {
  .trainingsdata-table .threeprecent {
    width: 3%;
  }
}
@media print, screen and (min-width: 64em) {
  .trainingsdata-table .fourpercent {
    width: 4%;
  }
}
@media print, screen and (min-width: 64em) {
  .trainingsdata-table .fivepercent {
    width: 6%;
  }
  .trainingsdata-table .fivepercent.leergang {
    width: 12%;
  }
}
@media print, screen and (min-width: 64em) {
  .trainingsdata-table .tenpercent {
    width: 9%;
  }
  .trainingsdata-table .tenpercent.leergang {
    width: 12%;
  }
}
@media print, screen and (min-width: 64em) {
  .trainingsdata-table .twelvepercent {
    width: 12%;
  }
}
@media print, screen and (min-width: 64em) {
  .trainingsdata-table .fifteenpercent {
    width: 15%;
  }
}
@media print, screen and (min-width: 64em) {
  .trainingsdata-table .seventeenpercent {
    width: 17%;
  }
}
@media print, screen and (min-width: 64em) {
  .trainingsdata-table .eighteenpercent {
    width: 18%;
  }
}
@media print, screen and (min-width: 64em) {
  .trainingsdata-table .twentypercent {
    width: 23%;
  }
}
@media print, screen and (min-width: 64em) {
  .trainingsdata-table .thirtypercent {
    width: 30%;
  }
}
.trainingsdata-table .btn-yellow.reversed {
  border-color: #1e225d;
  color: #1e225d !important;
  background-color: #FFF;
}
.trainingsdata-table .btn-yellow.reversed:hover {
  border-color: #ff9900;
  background-color: #ff9900;
  color: white !important;
}
@media print, screen and (min-width: 40em) {
  .trainingsdata-table__datebox {
    display: inline-block;
    background-color: #1e225d;
    font-family: "Lexend", sans-serif;
    font-display: fallback;
    text-align: center;
    color: white;
    font-weight: 800;
    line-height: 1;
    width: 50px;
    max-height: 50px;
    padding: 5px 0px;
    border-radius: 2px;
  }
  .trainingsdata-table__datebox__day {
    font-size: 1.375rem !important;
    display: block;
    color: white;
  }
  .trainingsdata-table__datebox__month {
    font-size: 1rem;
    display: block;
    color: white;
  }
  .trainingsdata-table__datebox__year {
    display: none;
    color: white;
  }
  .trainingsdata-table__datebox__tooltip {
    position: absolute;
    top: 0px;
    left: 50px;
    color: white;
    height: 18px;
    line-height: 1;
    border: 1px solid white;
    border-radius: 100px;
    background: #1e225d;
  }
}
@media print, screen and (min-width: 40em) and (min-width: 40em) {
  .trainingsdata-table__datebox__tooltip {
    top: 2px;
  }
}
@media print, screen and (min-width: 40em) and (min-width: 64em) {
  .trainingsdata-table__datebox__tooltip {
    top: 0px;
  }
}
@media print, screen and (min-width: 40em) {
  .trainingsdata-table__datebox__tooltip svg path {
    fill: white;
  }
  .trainingsdata-table__datebox__tooltip .fa-info-circle {
    border: 1px solid #1e225d;
    border-radius: 100px;
    color: white;
  }
}
.trainingsdata-table__label {
  background-color: #F2F8FF;
  font-size: 0.9375rem;
  padding: 5px 10px;
  display: inline-block;
  color: #1e225d;
}
.trainingsdata-table__locaties {
  margin-left: 80px;
  width: 120px;
  border-left: 1px solid #e3e5e7;
  border-top: 1px solid #e3e5e7;
  border-right: 1px solid #e3e5e7;
  display: flex;
}
.trainingsdata-table__locatie {
  border-right: 1px solid #e3e5e7;
  float: left;
  width: 40px;
  height: 135px;
}
.trainingsdata-table__locatie span {
  display: block;
  transform: rotate(-90deg) translateX(-90px);
}
.trainingsdata-table__locatie--br {
  border-right: none;
}
.trainingsdata-table__item {
  display: flex;
  width: 100%;
  height: 100px;
}
.trainingsdata-table__item:last-child {
  border-bottom: 1px solid #e3e5e7;
}
.trainingsdata-table__favorite.selected img.selected {
  filter: invert(36%) sepia(79%) saturate(1372%) hue-rotate(328deg) brightness(112%) contrast(107%);
  display: block;
}
.trainingsdata-table__favorite.selected img.notselected {
  display: none;
}
.trainingsdata-table__favorite.notselected img.selected {
  display: none;
}
.trainingsdata-table__favorite.notselected img.notselected {
  filter: invert(9%) sepia(69%) saturate(2738%) hue-rotate(228deg) brightness(99%) contrast(93%);
  display: block;
}
.trainingsdata-table__favorite:hover {
  cursor: pointer;
}
.trainingsdata-table__favorite:hover.notselected img.notselected {
  filter: invert(36%) sepia(79%) saturate(1372%) hue-rotate(328deg) brightness(112%) contrast(107%);
  transition: all 400ms;
}
.trainingsdata-table__cal {
  display: block;
  text-align: center;
  width: 80px;
  min-width: 80px;
  flex-grow: 0;
  height: 100px;
  padding: 25px 0;
  border-left: 1px solid #e3e5e7;
  border-top: 1px solid #e3e5e7;
  font-weight: 800;
  line-height: 1;
  text-transform: uppercase;
  font-size: 16px;
}
.trainingsdata-table__cal strong {
  color: #0a0a0a;
  font-size: 24px;
  font-weight: 700;
}
@media print, screen and (min-width: 40em) {
  .trainingsdata-table__cal {
    font-size: 19px;
  }
  .trainingsdata-table__cal strong {
    font-size: 24px;
  }
}
.trainingsdata-table__locatie-checkmark {
  display: flex;
  text-align: center;
  justify-content: center;
  flex-direction: column;
  flex-grow: 0;
  font-size: 22px;
  border: none;
  border-top: 1px solid #e3e5e7;
  border-left: 1px solid #e3e5e7;
  width: 40px;
  min-width: 40px;
  height: 100px;
}
.trainingsdata-table__locatie-checkmark--yes {
  color: #3adb76;
}
.trainingsdata-table__locatie-checkmark--no {
  color: #cacaca;
}
.trainingsdata-table__locatie-checkmark--br {
  border-right: 1px solid #e3e5e7;
}
.trainingsdata-table__dates {
  display: flex;
  justify-content: center;
  flex-direction: column;
  flex-grow: 1;
  height: 100px;
  padding: 0 15px;
  line-height: 1.2;
  border-left: 1px solid #e3e5e7;
  border-top: 1px solid #e3e5e7;
  text-align: left;
}
@media screen and (max-width: 39.9375em) {
  .trainingsdata-table__dates {
    font-weight: 600;
  }
}
@media print, screen and (min-width: 40em) {
  .trainingsdata-table__dates {
    font-size: 0.8125rem;
    border-left: none;
  }
}
@media screen and (min-width: 75em) {
  .trainingsdata-table__dates {
    font-size: 1rem;
    max-width: 364px;
  }
}
.trainingsdata-table__availability {
  display: flex;
  justify-content: center;
  flex-direction: column;
  flex-grow: 1;
  height: 100px;
  padding: 0 15px;
  line-height: 1.2;
  border-left: 1px solid #e3e5e7;
  border-top: 1px solid #e3e5e7;
  text-align: left;
}
@media screen and (max-width: 39.9375em) {
  .trainingsdata-table__availability {
    font-weight: 600;
  }
}
@media print, screen and (min-width: 40em) {
  .trainingsdata-table__availability {
    font-size: 0.8125rem;
    border-left: none;
  }
}
@media screen and (min-width: 75em) {
  .trainingsdata-table__availability {
    font-size: 1rem;
    max-width: 364px;
  }
}
.trainingsdata-table__availability__green {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: green;
}
.trainingsdata-table__availability__blue {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: blue;
}
.trainingsdata-table__discount {
  font-style: italic;
  font-size: 0.8rem;
}
.trainingsdata-table__mobile-locaties {
  color: #8a8a8a;
  font-weight: 300;
}
.trainingsdata-table__prijs {
  display: flex;
  flex-grow: 0;
  height: 100px;
  padding: 0 15px;
  justify-content: center;
  flex-direction: column;
  border-right: none;
  font-weight: 700;
  font-size: 22px;
  text-align: center;
  width: 140px;
  color: #0a0a0a;
  border-left: 1px solid #e3e5e7;
  border-top: 1px solid #e3e5e7;
}
@media screen and (min-width: 75em) {
  .trainingsdata-table__prijs {
    font-size: 26px;
  }
}
.trainingsdata-table__inschrijven {
  height: 100px;
  max-width: 216px;
  font-weight: normal;
  padding: 0 20px;
  border-left: 1px solid #e3e5e7;
  border-top: 1px solid #e3e5e7;
  border-right: 1px solid #e3e5e7;
}
.trainingsdata-table__inschrijven .trainingsdata-table__inschrijven-no-btn {
  display: none;
}
.trainingsdata-table__inschrijven .inschrijven-vol {
  margin: 0;
  display: block;
  padding: 15px 0px;
  font-size: 0.9rem;
}
.trainingsdata-table__inschrijven .inschrijven-optie {
  margin: 0;
  display: block;
  padding: 15px 0px;
}
@media screen and (max-width: 39.9375em) {
  .trainingsdata-table__inschrijven {
    font-size: 110%;
    color: #ff9900;
    text-align: right;
    font-weight: bold;
    width: 120px;
    max-width: 112px;
  }
  .trainingsdata-table__inschrijven .trainingsdata-table__inschrijven-no-btn {
    display: block;
  }
  .trainingsdata-table__inschrijven i {
    font-size: 115%;
  }
  .trainingsdata-table__inschrijven button {
    position: relative;
    top: -3px;
  }
  .trainingsdata-table__inschrijven small {
    font-size: 1rem;
    font-weight: 300;
    position: relative;
    top: 6px;
    right: -3px;
  }
}
@media screen and (min-width: 64em) and (max-width: 74.9375em) {
  .trainingsdata-table__inschrijven {
    font-size: 110%;
    color: #ff9900;
    text-align: right;
    font-weight: bold;
    width: 110px;
    max-width: 110px;
  }
  .trainingsdata-table__inschrijven .trainingsdata-table__inschrijven-no-btn {
    display: block;
  }
  .trainingsdata-table__inschrijven i {
    font-size: 115%;
  }
  .trainingsdata-table__inschrijven button {
    position: relative;
    top: -3px;
  }
  .trainingsdata-table__inschrijven i {
    position: relative;
    left: 3px;
  }
  .trainingsdata-table__inschrijven small {
    font-size: 0.8125rem;
    font-weight: 600;
    position: relative;
    top: 6px;
  }
}
.trainingsdata-table__inschrijven .inschrijven-optie__optie {
  display: none;
}
@media screen and (min-width: 86.25em) {
  .trainingsdata-table__inschrijven .inschrijven-optie__optie {
    display: block;
  }
}
.trainingsdata-table .wachtlijst {
  text-decoration: none;
  font-weight: 600;
}
.trainingsdata-table .wachtlijst svg {
  margin-left: 5px;
}

.training-links__title {
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  font-size: 1.1875rem;
  font-weight: 700;
  margin: 0 0 15px;
}
.training-links__list {
  list-style: none;
  font-size: 1.1875rem;
  padding: 0;
  margin: 0;
}
.training-links__item {
  padding: 0;
  margin: 0;
}
.training-links__link {
  color: #2471B9;
  text-decoration: none;
}
.training-links__link i {
  position: relative;
  top: 2px;
  font-size: 1.375rem;
}
.training-links__link .download {
  background-image: url("images/downloadicon.png");
  background-size: contain;
  background-position: center center;
}
.training-links__link span {
  text-decoration: underline;
}
.training-links__link:hover, .training-links__link:focus, .training-links__link:active {
  color: #ff9900;
  text-decoration: none;
}

@keyframes highlightbutton {
  0% {
    background: #ff9900;
    color: white;
  }
  50% {
    background: none;
    color: #fff;
  }
  100% {
    background: #ff9900;
    color: white;
  }
}
.scroll-up .training__sidebar {
  top: 160px;
  transition: top 400ms;
}

.training__sidebar {
  margin-bottom: 20px;
  position: sticky;
  top: 90px;
  transition: top 400ms;
  border-bottom: 1px solid #D6D6D6;
  padding-bottom: 40px;
}
@media screen and (min-width: 40em) {
  .training__sidebar {
    padding-bottom: 0px;
    border-bottom: 0px;
  }
}
@media print, screen and (min-width: 64em) {
  .training__sidebar.geenribbon {
    border-radius: 30px 0px 0px 0px;
  }
}
.training__sidebar__title {
  font-size: 1.5625rem;
  margin-bottom: 15px;
  line-height: 1.1;
}
.training__sidebar__main {
  padding: 25px 0px;
  color: white;
}
@media print, screen and (min-width: 40em) {
  .training__sidebar__main {
    padding: 25px;
  }
}
@media print, screen and (min-width: 64em) {
  .training__sidebar__main {
    padding: 30px;
  }
}
.training__sidebar__main__ribbon {
  background-color: #f7fb00;
  padding: 25px 0px;
  padding-right: 0.625rem;
  padding-left: 0.625rem;
  padding-left: 48px;
  font-size: 0.9rem;
}
@media print, screen and (min-width: 64em) {
  .training__sidebar__main__ribbon {
    border-radius: 20px 0px 0px 0px;
  }
}
@media print, screen and (min-width: 40em) {
  .training__sidebar__main__ribbon {
    padding: 25px;
    padding-left: 89px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
@media print, screen and (min-width: 64em) {
  .training__sidebar__main__ribbon {
    padding: 30px;
    padding-left: 94px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
.training__sidebar__main__ribbon::before {
  position: absolute;
  margin-left: -48px;
  width: 30px;
  height: 0px;
  background: url("../../images/icons/128/36_IDEA.png") no-repeat;
  background-position: center center;
  background-size: cover;
  content: " ";
  white-space: pre;
}
@media print, screen and (min-width: 64em) {
  .training__sidebar__main__ribbon::before {
    margin-left: -69px;
    width: 45px;
    height: 45px;
  }
}
.training__sidebar__main__title h2 {
  font-size: 1.375rem;
  color: #fff;
  margin-bottom: 30px;
}
.training__sidebar__main__dates__text {
  font-weight: bold;
  display: block;
}
.training__sidebar__main__eerstvolgende-start {
  font-weight: 400;
}
.training__sidebar__main__eerstvolgende-datum {
  display: block;
}
.training__sidebar__main__eerstvolgende-locatie {
  display: block;
}
.training__sidebar__main__datumicoon {
  width: 25px;
  height: 25px;
  display: inline-block;
  background-image: url("/images/calender-icon-cf.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left top;
  margin-right: 10px;
}
@media print {
  .training__sidebar__main__datumicoon {
    display: none;
  }
}
.training__sidebar__main__bekijkdata {
  display: block;
  margin-top: 5px;
}
.training__sidebar__main__link-trainingsdata {
  font-weight: 600;
  text-decoration: underline;
  color: #ff9900;
}
.training__sidebar__main__link-trainingsdata:hover, .training__sidebar__main__link-trainingsdata:focus, .training__sidebar__main__link-trainingsdata:active {
  text-decoration: none;
  color: #ff9900;
}
.training__sidebar__main__locatieicoon {
  width: 25px;
  height: 25px;
  display: inline-block;
  background-image: url("/images/location-icon-cf.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left top;
  margin-right: 10px;
}
@media print {
  .training__sidebar__main__locatieicoon {
    display: none;
  }
}
@media print {
  .training__sidebar__main .leergang-locatie {
    display: none;
  }
}
.training__sidebar__main__certificaaticoon {
  width: 25px;
  height: 25px;
  display: inline-block;
  background-image: url("/images/academy-hat.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left 6px;
  margin-right: 10px;
}
@media print {
  .training__sidebar__main__certificaaticoon {
    display: none;
  }
}
@media print {
  .training__sidebar__main .leergang-certificaat {
    display: none;
  }
}
.training__sidebar__main__prijs {
  display: flex;
  flex-wrap: wrap;
  line-height: 1.1;
  margin-top: 30px;
  margin-bottom: 30px;
}
.training__sidebar__main__normaal {
  width: 100%;
  font-size: 0.875rem;
  font-weight: 700;
  text-decoration: line-through;
  color: #1E225C;
}
@media print {
  .training__sidebar__main__normaal {
    font-size: 0.875rem;
    color: #fff;
  }
}
@media print {
  .training__sidebar__main .leergang-normaal {
    display: none;
  }
}
.training__sidebar__main__kortingprijs {
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  font-size: 1.375rem;
  color: #1E225C;
  font-weight: 700;
  width: 100%;
}
@media print {
  .training__sidebar__main__kortingprijs {
    display: none;
  }
}
.training__sidebar__main__korting-bubble {
  margin-top: 10px;
  flex: 1000px;
}
.training__sidebar__main__korting-arrow {
  height: 0px;
  width: 0px;
  display: block;
  margin-left: 20px;
}
.training__sidebar__main__uwkorting {
  padding: 7px 18px;
  font-size: 0.875rem;
  color: #1E225C;
  margin-left: 0rem;
  background-color: #f2f8ff;
  display: inline-block;
  border-radius: 5px;
}
@media print {
  .training__sidebar__main__uwkorting {
    display: none;
  }
}
.training__sidebar__main__vanaf {
  font-size: 1.375rem;
  font-weight: 700;
  color: #1E225C;
  padding-right: 7px;
}
.training__sidebar__main__vanafprijs, .training__sidebar__main__nuprijs {
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  font-size: 1.375rem;
  color: #1E225C;
  font-weight: 700;
}
.training__sidebar__main__korting {
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  font-weight: 700;
  flex-grow: 1;
  align-self: flex-end;
  font-size: 1.25rem;
  color: #ff9900;
  padding-bottom: 3px;
  margin-left: 1rem;
}
.training__sidebar__main__btw {
  font-size: 1rem !important;
  color: #1E225C;
  font-style: italic;
}
.training__sidebar__main__betaalgemak {
  font-size: 0.85rem;
}
.training__sidebar__main__betaalgemak a {
  color: #1E225C;
}
.training__sidebar__main__actions {
  display: flex;
  -moz-column-gap: 15px;
       column-gap: 15px;
  justify-content: space-between;
  margin-bottom: 15px;
}
@media print {
  .training__sidebar__main__actions {
    display: none;
  }
}
@media print, screen and (min-width: 64em) {
  .training__sidebar__main__actions__optie button {
    margin-top: 0px !important;
  }
}
.training__sidebar__main__actions__optie button:hover {
  cursor: pointer;
}
.training__sidebar__main__actions .cf-button {
  animation: highlight 2s;
}
.training__sidebar__main__printwidget {
  display: none;
}
@media print {
  .training__sidebar__main__printwidget {
    display: block;
    font-size: 0.625rem;
  }
  .training__sidebar__main__printwidget p {
    margin: 0px;
  }
}
.training__sidebar__main__secondary {
  border-top: 1px dashed white;
  padding: 25px 0px;
  color: white;
}
@media screen and (max-width: 63.9375em) {
  .training__sidebar__main__secondary {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
  }
}
@media print, screen and (min-width: 40em) {
  .training__sidebar__main__secondary {
    padding: 25px;
  }
}
@media print, screen and (min-width: 64em) {
  .training__sidebar__main__secondary {
    padding: 30px;
  }
}
.training__sidebar__dowloadbrochure__tekst {
  font-size: 14px !important;
  font-weight: 400;
  text-decoration: none;
  color: #242A57;
}
@media print, screen and (min-width: 40em) {
  .training__sidebar__dowloadbrochure__tekst {
    font-size: 15px !important;
  }
}
.training__sidebar__dowloadbrochure__tekst:hover {
  text-decoration: underline;
}
.training__sidebar__review {
  display: flex;
  -moz-column-gap: 20px;
       column-gap: 20px;
  border-bottom: 1px solid #D6D6D6;
  padding-bottom: 15px;
  margin-bottom: 20px;
}
.training__sidebar__review__rating {
  margin-right: 5px;
}
.training__sidebar__review__rating__number {
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  font-weight: bold;
  margin-right: 10px;
  color: #1e225d;
}
.training__sidebar__review__rating__stars {
  color: #FFCE00 !important;
  font-size: 0.875rem;
}
.training__sidebar__review__rating__stars svg path {
  fill: #FFCE00;
}
.training__sidebar__review__rating__stars .fa-star {
  margin-right: 2px;
}
.training__sidebar__review__rating__stars .fa-star:last-of-type {
  margin-right: 0px;
}
.training__sidebar__review__rating__count {
  font-size: 14px !important;
  font-weight: 500;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  letter-spacing: -0.1px;
}
@media print, screen and (min-width: 40em) {
  .training__sidebar__review__rating__count {
    font-size: 15px !important;
  }
}
.training__sidebar__review__readmore button {
  font-weight: 500;
  text-decoration: none;
  color: #1e225d;
  font-size: 15px;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  letter-spacing: -0.1px;
}
.training__sidebar__review__readmore button:hover {
  text-decoration: underline;
}
.training__sidebar__eerstvolgende {
  margin-bottom: 18px;
  border-radius: 4px;
  padding: 14px 20px;
  border: 1px solid #CCCCCC;
  transition: border 400ms;
  position: relative;
}
.training__sidebar__eerstvolgende:hover {
  border: 1px solid #1E225C;
  cursor: pointer;
}
.training__sidebar__eerstvolgende .startgarantie {
  position: absolute;
  top: 10px;
  right: 10px;
}
.training__sidebar__eerstvolgende__title {
  font-size: 16px;
  font-weight: 700;
  color: #1e225d;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  margin-bottom: 10px;
  padding-right: 80px;
}
.training__sidebar__eerstvolgende ul {
  margin-left: 0px;
  margin-bottom: 0px;
}
.training__sidebar__eerstvolgende ul li {
  margin-bottom: 7px !important;
  display: flex;
  align-items: center;
}
.training__sidebar__eerstvolgende ul li img {
  width: 18px;
  margin-right: 28px;
  filter: invert(9%) sepia(97%) saturate(2210%) hue-rotate(229deg) brightness(88%) contrast(91%);
}
.training__sidebar__eerstvolgende ul li span {
  font-size: 0.875rem;
  line-height: 1;
  color: #1e225d;
}
.training__sidebar__eerstvolgende__label {
  background-color: #F2F8FF;
  padding: 5px 18px;
  font-size: 0.875rem;
  color: #1e225d;
}
.training__sidebar__eerstvolgende__secondary {
  border-top: 1px solid #D6D6D6;
}
.training__sidebar__eerstvolgende--stripped {
  padding: 0px;
}
.training__sidebar__eerstvolgende--stripped ul {
  padding: 14px 20px;
}
.training__sidebar__buttons__main {
  flex-grow: 1;
}
.training__sidebar__buttons__favorite {
  align-self: flex-end;
}
.training__sidebar__buttons__favorite .training-grid-block__favorite {
  position: relative;
  display: inline-block;
  right: unset;
  bottom: unset;
  margin-top: 0px;
  width: 45px;
  height: 45px;
  top: -3px;
}
.training__sidebar__secondary__actions__item {
  display: flex;
  -moz-column-gap: 15px;
       column-gap: 15px;
  padding: 15px 0px;
  position: relative;
}
@media screen and (min-width: 40em) {
  .training__sidebar__secondary__actions__item {
    border-bottom: 1px solid #D6D6D6;
  }
}
.training__sidebar__secondary__actions__item:hover .real-link {
  text-decoration: underline;
}
.training__sidebar__secondary__actions__item.link:hover {
  cursor: pointer;
}
.training__sidebar__secondary__actions__item:first-of-type {
  padding-top: 0px;
}
.training__sidebar__secondary__actions__item:last-of-type {
  border-bottom: 0px;
  padding-bottom: 0px;
}
.training__sidebar__secondary__actions__item > div {
  line-height: 1;
}
.training__sidebar__secondary__actions__item > div > span.subtext {
  font-size: 14px;
  color: #9B9EB9;
  line-height: 1.2;
  padding-top: 7px;
  display: inline-block;
}
.training__sidebar__secondary__actions__item .cover-link {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
}
.training__sidebar__secondary__actions__item a {
  font-weight: 500;
  color: #1e225d;
  text-decoration: none;
  font-size: 15px;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  letter-spacing: -0.1px;
}
.training__sidebar__secondary__actions__item a:hover {
  text-decoration: underline;
}
.training__sidebar__secondary__actions__item img {
  align-self: flex-start;
  filter: invert(9%) sepia(97%) saturate(2210%) hue-rotate(229deg) brightness(88%) contrast(91%);
  width: 16px;
}
.training__sidebar__secondary__actions__item span {
  font-size: 15px;
  color: #1e225d;
}
.training__sidebar__secondary__actions__item__image {
  background: transparent url("/images/nienke-rothuis-sidebar.png") 0% 0% no-repeat padding-box;
  background-size: cover;
  border: 1px solid #1E225C;
  border-radius: 8px;
  width: 58px;
  height: 68px;
  min-width: 58px;
  position: relative;
}
.training__sidebar__secondary__actions__item__image .working-hours {
  width: 8px;
  height: 8px;
  background-color: #9DD08B;
  border-radius: 100%;
  position: absolute;
  top: -5px;
  left: -5px;
}
.training__sidebar__savelater {
  padding-bottom: 0px;
  margin-bottom: 25px;
}
@media print, screen and (min-width: 64em) {
  .training__sidebar__savelater {
    border: 0px;
  }
}
.training__sidebar__savelater .favorite-link button {
  display: block;
  margin: 0 auto;
}
@media print, screen and (min-width: 64em) {
  .training__sidebar__savelater .favorite-link button {
    margin: 0;
  }
}
.training__sidebar__savelater .favorite-link.selected button {
  border: 1px solid #FF4F57;
}
.training__sidebar__savelater .favorite-link.selected img.selected {
  filter: invert(36%) sepia(79%) saturate(1372%) hue-rotate(328deg) brightness(112%) contrast(107%);
}
.training__sidebar__savelater .favorite-link.selected span.cf-button__text.selected {
  color: #FF4F57;
  display: inline-block;
}
.training__sidebar__savelater .favorite-link.selected img.notselected, .training__sidebar__savelater .favorite-link.selected span.cf-button__text.notselected {
  display: none;
}
.training__sidebar__savelater .favorite-link.notselected img.selected, .training__sidebar__savelater .favorite-link.notselected span.cf-button__text.selected {
  display: none;
}
.training__sidebar__savelater .favorite-link.notselected img.notselected {
  filter: invert(9%) sepia(69%) saturate(2738%) hue-rotate(228deg) brightness(99%) contrast(93%);
  display: inline-block;
}
.training__sidebar__savelater .favorite-link.notselected span.cf-button__text.notselected {
  color: #1e225d;
  display: inline-block;
}
.training__sidebar__savelater .favorite-link:hover {
  cursor: pointer;
}
.training__sidebar__savelater .favorite-link:hover.notselected img.notselected {
  filter: invert(9%) sepia(69%) saturate(2738%) hue-rotate(228deg) brightness(99%) contrast(93%);
  transition: all 400ms;
}
.training__sidebar__savelater .favorite-link:hover.notselected span.cf-button__text.notselected {
  transition: all 400ms;
  color: #1e225d;
}
.training__sidebar__savelater.mobile-savelater-training {
  padding-bottom: 0px;
  margin-bottom: 0px;
}
.training__sidebar__savelater.mobile-savelater-training .favorite-link button {
  display: block;
  margin: 0;
}
.training__sidebar__savelater.mobile-savelater-training .cf-button__icon {
  margin-right: 0px;
}
.training__sidebar__springestaward23-mobile {
  border: 1px solid #1E225C;
  border-radius: 2px 12px 12px 12px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin: 0px 50px;
  padding: 10px;
  margin-bottom: 40px;
}
.training__sidebar__springestaward23-mobile__textdiv__title {
  margin-bottom: 0px;
  color: #1E225C;
  font-size: 10px;
  font-weight: 600;
  font-family: "Lexend", "sans-serif";
}
.training__sidebar__springestaward23-mobile__textdiv__text {
  margin-bottom: 0px;
  font-family: "Poppins", "sans-serif";
  font-size: 11px;
  line-height: 1.3;
  color: #1E225C;
}
.training__sidebar__springestaward23-mobile__imgdiv img {
  height: 60px;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.training__sidebar-other {
  margin-top: 20px;
}
.training__sidebar-other__gespreidbetalen {
  border: 1px dashed black;
  padding: 25px 0px;
  background: white;
  color: black;
}
@media screen and (max-width: 63.9375em) {
  .training__sidebar-other__gespreidbetalen {
    border: 1px dashed black;
    border-left: 0px;
    border-right: 0px;
    padding-right: 0.625rem;
    padding-left: 0.625rem;
  }
}
@media print, screen and (min-width: 40em) {
  .training__sidebar-other__gespreidbetalen {
    padding: 25px;
  }
}
@media print, screen and (min-width: 64em) {
  .training__sidebar-other__gespreidbetalen {
    padding: 30px;
  }
}
.training__sidebar-other__gespreidbetalen__title {
  font-weight: bold;
  margin-bottom: 0.25rem;
}
.training__sidebar-other__gespreidbetalen__text {
  font-size: 0.85rem;
  margin-bottom: 0px;
}
.training__sidebar-other__secondary {
  border-top: 1px dashed white;
  padding: 25px 0px;
  color: white;
}
@media screen and (max-width: 63.9375em) {
  .training__sidebar-other__secondary {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
  }
}
@media print, screen and (min-width: 40em) {
  .training__sidebar-other__secondary {
    padding: 25px;
  }
}
@media print, screen and (min-width: 64em) {
  .training__sidebar-other__secondary {
    padding: 30px;
  }
}
.training__sidebar-other__review {
  border: 1px solid #206bb4;
  border-radius: 5px;
  background-color: #fff;
  padding: 30px;
  margin-bottom: 20px;
}
.training__sidebar-other__review__rating {
  text-align: center;
  margin: 10px 0px 20px 0px;
}
.training__sidebar-other__review__text::before, .training__sidebar-other__review__text::after {
  content: '"';
}
.training__sidebar-other__review__author {
  font-size: 0.875rem;
  font-weight: 700;
  color: #1e225d;
  display: block;
  margin-top: 5px;
}
.training__sidebar-other__review .slick-dots {
  bottom: -35px;
}
.training__sidebar-other__review .slick-dots li button:before {
  font-size: 1.7rem;
  color: black;
}
.training__sidebar-other__review .slick-dots li.slick-active button:before {
  color: black;
}
.training__sidebar-other__teachers {
  border-radius: 5px;
  margin-bottom: 20px;
  border: 1px solid #f2f8ff;
  background-color: #f2f8ff;
  padding: 30px;
}
.training__sidebar-other__accreditation {
  border: 1px solid #8a8a8a;
  border-radius: 5px;
  margin-bottom: 20px;
  background-color: #fff;
  padding: 30px;
}
.training__sidebar-other__loading-spinner {
  width: 100%;
  height: 40px;
  background: url("/images/ajax-loader-zwart.gif");
  background-position: center center;
  background-repeat: no-repeat;
}
.training__sidebar-other__filter {
  margin-bottom: 20px;
}
.training__sidebar-other__filter h2 {
  margin-top: 15px;
  margin-bottom: 20px;
}
@media print, screen and (min-width: 40em) {
  .training__sidebar-other__filter h2 {
    margin-top: 0px;
  }
}
.training__sidebar-other__filters__zoekopdracht {
  position: relative;
}
.training__sidebar-other__filters__zoekopdracht::before {
  position: absolute;
  right: 10px;
  top: 10px;
  background-image: url(/images/search.png);
  background-position: top left;
  width: 20px;
  height: 20px;
  content: " ";
  background-size: 100% 100%;
}
.training__sidebar-other__filters__dividerborder {
  border-top: 1px solid #979797;
  margin-bottom: 15px;
}
.training__sidebar-other__filters__divider {
  position: relative;
  font-size: 1rem;
  z-index: 1;
  overflow: hidden;
  text-align: center;
  margin-bottom: 15px;
}
.training__sidebar-other__filters__divider::before, .training__sidebar-other__filters__divider::after {
  position: absolute;
  top: 51%;
  overflow: hidden;
  width: 37%;
  height: 1px;
  content: " ";
  background-color: #979797;
}
.training__sidebar-other__filters__divider::before {
  margin-left: -40%;
  text-align: right;
}
.training__sidebar-other__filters__divider::after {
  margin-left: 3%;
}
.training__sidebar-other__filters__subtitle {
  font-weight: bold;
  font-size: 1.05rem;
}

.trainingoverzicht {
  background: #f2f8ff;
  padding-bottom: 30px;
}
.trainingoverzicht__content {
  padding: 30px 0px;
  padding-top: 20px;
  text-align: center;
}
.trainingoverzicht__content__logo {
  height: 70px;
}
.trainingoverzicht__content .cf-button {
  margin-bottom: 10px;
}
@media print, screen and (min-width: 40em) {
  .trainingoverzicht__content .cf-button {
    margin-bottom: 0px;
  }
}
.trainingoverzicht__section__title {
  background: #1e225d;
}
.trainingoverzicht__section__title h2 {
  color: white;
  padding: 30px 0px;
}
.trainingoverzicht__section__trainingen .training-nav__subnav {
  height: inherit;
}
@media print, screen and (min-width: 40em) {
  .trainingoverzicht__section__trainingen {
    min-height: 470px;
  }
}

@media print, screen and (min-width: 40em) {
  .trainingen__content {
    border-left: 1px solid #e3e5e7;
    padding-left: 1.5rem;
  }
  .trainingen__title {
    margin-bottom: 2rem;
    border-bottom: 2px solid #e3e5e7;
  }
  .trainingen__topcat {
    border-bottom: 2px solid #e3e5e7;
    margin-bottom: 2rem;
  }
}
.trainingen__topcat-title {
  color: #1e225d;
  font-weight: 500;
  font-size: 1.625rem;
  margin: 1rem 0 1rem;
  padding: 0.8rem 0 0;
  border-top: 2px solid #e3e5e7;
}
@media print, screen and (min-width: 40em) {
  .trainingen__topcat-title {
    margin: 0 0 1rem;
    padding: 0;
    border-top: none;
  }
}
.trainingen__subcat-title {
  color: #1e225d;
  font-size: 1rem;
  font-weight: 800;
  margin: 0 0 0.5rem;
}
.trainingen__subcat-title a {
  text-decoration: none;
}
.trainingen__subcat-title a:hover {
  text-decoration: underline;
}
.trainingen__subcat-page {
  font-weight: 800;
}
.trainingen__traininglist {
  margin: 0 0 2rem;
  font-size: 0.875rem;
}
.trainingen__traininglist > li > a {
  padding: 0;
  margin: 0;
  text-decoration: none;
  line-height: 1.6;
}
.trainingen__traininglist > li > a:hover {
  text-decoration: underline;
}
.trainingen__traininglist > li > a.training-nav__subcat-page {
  margin-top: 4px;
  font-weight: 800;
}

.trainingen-sidenav__title {
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  font-weight: 800;
  font-size: 1rem;
  color: #8a8a8a;
}
.trainingen-sidenav__menu {
  margin: 0;
}
.trainingen-sidenav__menu li {
  margin: 0;
}
.trainingen-sidenav__menu li a {
  text-decoration: none;
  margin: 0;
  padding: 0.3rem 0 !important;
}
.trainingen-sidenav__menu li a:hover {
  text-decoration: underline;
}

.training__sidebar__eerstvolgende p {
  font: normal normal normal 14px/25px Poppins;
  background: #EFF8FC 0% 0% no-repeat padding-box;
  display: inline-block;
  padding: 2px 25px;
}

.trainingen-grid {
  margin: 1rem 0 2rem;
}
@media print, screen and (min-width: 40em) {
  .trainingen-grid {
    margin: 3rem 0 2rem;
  }
}
.trainingen-grid__title {
  float: left;
  color: #1e225d;
  margin: 0;
  font-size: 1.5rem;
}
@media print, screen and (min-width: 40em) {
  .trainingen-grid__title {
    line-height: 1.8rem;
    font-size: 1.75rem;
    margin: 0 1rem 3rem 0;
  }
}
.trainingen-grid__link-all {
  float: left;
  clear: left;
  font-weight: 600;
  text-decoration: none;
  margin-bottom: 1rem;
}
.trainingen-grid__link-all em {
  font-style: normal;
  text-decoration: underline;
}
.trainingen-grid__link-all .icon {
  font-size: 1.1rem;
  position: relative;
  top: 2px;
  left: 2px;
}
@media print, screen and (min-width: 40em) {
  .trainingen-grid__link-all {
    clear: none;
    line-height: 2rem;
    margin-bottom: 0;
  }
}
.trainingen-grid__item {
  margin: 0 0 2rem;
}
.trainingen-grid__bekijk-aanbiedingen {
  padding: 20px 10px 20px 0;
  font-size: 1.1875rem;
  font-weight: 600;
  text-align: center;
  background: #f6f6f6;
  border-left: 1px solid #e3e5e7;
  border-right: 1px solid #e3e5e7;
}
.trainingen-grid__bekijk-aanbiedingen a {
  text-decoration: none;
}
.trainingen-grid__bekijk-aanbiedingen i {
  position: relative;
  top: 2px;
  left: 8px;
}

.trainingen-list {
  margin: 1rem 0 2rem;
}
@media print, screen and (min-width: 40em) {
  .trainingen-list {
    margin: 3rem 0 2rem;
  }
}
.trainingen-list__title {
  float: left;
  color: #1e225d;
  margin: 0;
  font-size: 1.5rem;
}
@media print, screen and (min-width: 40em) {
  .trainingen-list__title {
    line-height: 1.8rem;
    font-size: 1.75rem;
    margin: 0 1rem 3rem 0;
  }
}
.trainingen-list__link-all {
  float: left;
  clear: left;
  font-weight: 600;
  text-decoration: none;
  margin-bottom: 1rem;
}
.trainingen-list__link-all em {
  font-style: normal;
  text-decoration: underline;
}
.trainingen-list__link-all .icon {
  font-size: 1.1rem;
  position: relative;
  top: 2px;
  left: 2px;
}
@media print, screen and (min-width: 40em) {
  .trainingen-list__link-all {
    clear: none;
    line-height: 2rem;
    margin-bottom: 0;
  }
}
.trainingen-list__item {
  margin: 0 0 2rem;
}
.trainingen-list__bekijk-aanbiedingen {
  padding: 20px 10px 20px 0;
  font-size: 1.1875rem;
  font-weight: 600;
  text-align: center;
  background: #f6f6f6;
  border-left: 1px solid #e3e5e7;
  border-right: 1px solid #e3e5e7;
}
.trainingen-list__bekijk-aanbiedingen a {
  text-decoration: none;
}
.trainingen-list__bekijk-aanbiedingen i {
  position: relative;
  top: 2px;
  left: 8px;
}

.keuzehulp-filters input[type=radio] {
  margin-left: 5px;
}
@media print, screen and (min-width: 40em) {
  .keuzehulp-filters input[type=radio] {
    margin-left: 0px;
  }
}

.keuzehulp-layout {
  text-align: center;
  margin-bottom: 20px;
}
@media print, screen and (min-width: 40em) {
  .keuzehulp-layout {
    position: absolute;
    right: 30px;
    top: 30px;
  }
}

.keuzehulp-layout-button {
  display: inline-block;
  background: white;
  border-radius: 10px;
  border: 1px solid #bbbbbb;
}
.keuzehulp-layout-button__icons {
  padding: 5px 10px;
  font-size: 0.9rem;
  display: inline-block;
  transition: background 400ms, color 400ms;
  margin: 0px;
}
.keuzehulp-layout-button__icons.selected, .keuzehulp-layout-button__icons:active, .keuzehulp-layout-button__icons:hover, .keuzehulp-layout-button__icons:focus {
  background-color: #206bb4;
  color: white;
  cursor: pointer;
}
.keuzehulp-layout-button__icons:first-of-type {
  border-right: 1px solid #bbbbbb;
  border-radius: 10px 0px 0px 10px;
}
.keuzehulp-layout-button__icons:last-of-type {
  border-left: 0px;
  border-radius: 0px 10px 10px 0px;
}
.keuzehulp-layout-button__icons:not(:first-of-type):not(:last-of-type) {
  border-right: 1px solid #bbbbbb;
  border-radius: 0px;
}

.checkbox-container {
  border: 1px solid #1e225d;
  border-radius: 8px;
  position: relative;
}
.checkbox-container__selection {
  position: absolute;
  right: 15px;
  top: 15px;
}
.checkbox-container__selection input[type=checkbox] {
  transform: scale(1.2);
}
.checkbox-container__title {
  display: flex;
  gap: 5px;
  align-items: center;
  font-weight: 600;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  font-size: 18px;
  padding-left: 10px;
  padding-top: 5px;
}
.checkbox-container__title img {
  width: 57px;
}
.checkbox-container__description {
  padding: 15px;
  padding-top: 0px;
}
.checkbox-container:hover {
  cursor: pointer;
}

.grid-view {
  row-gap: 20px;
}
@media print, screen and (min-width: 64em) {
  .grid-view .grid-item {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
  }
}

.clusterprijsbottom {
  display: none;
  font-size: 16px !important;
}

.keuzehulp_cluster {
  display: none !important;
}

.training-grid-block {
  display: block;
  position: relative;
  background-color: white;
  border-radius: 2px 16px 16px 16px;
  box-shadow: 0px 10px 30px 0px rgba(157, 171, 192, 0.2);
  transition: background 400ms, box-shadow 400ms;
  margin-bottom: 0px;
  padding: 7px;
}
.training-grid-block, .training-grid-block:active, .training-grid-block:hover, .training-grid-block:focus {
  text-decoration: none;
  color: inherit;
  transition: all 400ms;
}
.training-grid-block .detailinformatie {
  bottom: 5%;
  position: absolute;
  background: none;
  padding-left: 25px;
}
.training-grid-block .detailinformatie .cursustype {
  background-color: #FFF500;
  border-radius: 100px;
  color: #1E225C;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: "Lexend", sans-serif;
}
.training-grid-block .detailinformatie .cursusdays {
  font-family: "Lexend", sans-serif;
  color: white;
  margin-left: 5px;
}
.training-grid-block__favorite {
  height: 30px;
  background-color: white;
  position: absolute;
  right: 0px;
  top: -5px;
  z-index: 4;
  border-radius: 0px 0px 0px 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 9px;
}
.training-grid-block__favorite::after {
  content: "Bewaar";
  color: #1e225d;
  font-size: 14px;
  font-family: "lexend", sans-serif;
  padding-left: 2px;
}
.training-grid-block__favorite.selected::after {
  content: "Bewaard";
}
.training-grid-block__favorite.selected.collection {
  padding: 5px 5px 5px 5px;
}
.training-grid-block__favorite.selected.collection::after {
  content: "Verwijder";
}
.training-grid-block__favorite.selected img.selected {
  filter: invert(36%) sepia(79%) saturate(1372%) hue-rotate(328deg) brightness(112%) contrast(107%);
  display: block;
  margin: 5px !important;
  margin-left: 0px !important;
  height: 50%;
  width: unset !important;
}
.training-grid-block__favorite.selected img.selected.trashcan {
  height: 80%;
}
.training-grid-block__favorite.selected img.notselected {
  display: none;
  margin: 5px !important;
  margin-left: 0px !important;
  height: 50%;
  width: unset !important;
}
.training-grid-block__favorite.selected.collection img.selected {
  filter: invert(9%) sepia(69%) saturate(2738%) hue-rotate(228deg) brightness(99%) contrast(93%);
}
.training-grid-block__favorite.notselected img.selected {
  display: none;
  margin: 5px !important;
  margin-left: 0px !important;
  height: 50%;
  width: unset !important;
}
.training-grid-block__favorite.notselected img.notselected {
  filter: invert(9%) sepia(69%) saturate(2738%) hue-rotate(228deg) brightness(99%) contrast(93%);
  display: block;
  margin: 5px !important;
  margin-left: 0px !important;
  height: 50%;
  width: unset !important;
}
.training-grid-block__favorite:hover {
  cursor: pointer;
}
.training-grid-block__favorite:hover.notselected img.notselected {
  filter: invert(36%) sepia(79%) saturate(1372%) hue-rotate(328deg) brightness(112%) contrast(107%);
  transition: all 400ms;
}
.training-grid-block__aiproof {
  position: absolute;
  top: 10px;
  left: 15px;
}
.training-grid-block__aiproof img {
  height: 35px;
}
.training-grid-block__aiproof--new {
  position: absolute;
  bottom: 10px;
  left: 10px;
}
.training-grid-block__aiproof--new img {
  height: 40px;
}
.training-grid-block__status-label {
  position: absolute;
  top: 10px;
  left: 15px;
  background-color: #f2f8ff;
  padding: 5px 13px;
  border-radius: 6px;
  text-transform: capitalize;
  color: #1e225d;
  font-size: 12px;
  font-weight: bold;
}
.training-grid-block__image {
  width: 100%;
  height: 210px;
  border-radius: 6px 6px 6px 6px;
  position: relative;
}
.training-grid-block__image > img {
  border-radius: 6px 6px 6px 6px;
  width: 100%;
  height: 210px;
  -o-object-fit: cover;
     object-fit: cover;
}
.training-grid-block__image__overlay {
  width: 100%;
  position: absolute;
  height: 100%;
  opacity: 1;
  border-radius: 8px;
  background: transparent linear-gradient(7deg, rgba(30, 34, 44, 0.482) 0%, rgba(92, 92, 92, 0) 100%) 0% 0% no-repeat padding-box;
  transition: all 400ms;
}
.training-grid-block__image.letters {
  overflow: hidden;
  padding: 30px;
  padding-bottom: 0px;
}
.training-grid-block__image.letters > img {
  border-bottom: 1px solid #1e225d;
  height: 180px;
  position: relative;
  z-index: 5;
  -o-object-fit: contain;
     object-fit: contain;
}
.training-grid-block__pricelabel {
  position: absolute;
  display: flex;
  align-items: center;
  top: 15px;
  left: 30px;
  color: white;
  opacity: 0;
  font-size: 16px;
  font-weight: bold;
  text-shadow: 0px 0px 4px #000000;
}
.training-grid-block__pricelabel.show {
  opacity: 1;
}
.training-grid-block__pricelabel img {
  filter: invert(100%) sepia(100%) saturate(2%) hue-rotate(78deg) brightness(109%) contrast(101%) drop-shadow(0px 0px 4px #000);
  width: 18px;
  height: 18px;
  margin-right: 7px;
}
.training-grid-block__infolabel {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 20px;
  bottom: 15px;
  left: 20px;
  color: white;
  font-size: 12px;
  font-weight: 600;
  font-weight: bold;
}
.training-grid-block__infolabel.jobs-demand {
  font-size: 11px;
}
@media print, screen and (min-width: 40em) {
  .training-grid-block__infolabel.jobs-demand {
    font-size: 12px;
  }
}
.training-grid-block__infolabel__type {
  background-color: #1e225d;
  padding: 5px 13px;
  border-radius: 6px;
  text-transform: capitalize;
}
.training-grid-block__author {
  position: absolute;
  display: flex;
  align-items: center;
  top: 15px;
  left: 20px;
  color: white;
  opacity: 0;
  font-size: 14px;
  font-weight: bold;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
}
.training-grid-block__author span {
  color: white;
}
.training-grid-block__author.show {
  opacity: 1;
}
.training-grid-block__author img {
  filter: invert(100%) sepia(100%) saturate(2%) hue-rotate(78deg) brightness(109%) contrast(101%) drop-shadow(0px 0px 4px #000);
  width: 18px;
  height: 18px;
  margin-right: 7px;
}
.training-grid-block__author__date {
  font-weight: 500;
  padding-left: 3px;
}
.training-grid-block__label {
  display: inline-block;
  padding: 6px 14px;
  background-color: yellow;
  border-radius: 6px;
  position: absolute;
  left: 20px;
  bottom: 55px;
  font-size: 0.75rem !important;
  max-width: 90%;
  font-weight: 500;
}
@media print, screen and (min-width: 64em) {
  .training-grid-block__label {
    bottom: 50px;
  }
}
.training-grid-block__label.has-tip {
  border-bottom: 0px;
}
.training-grid-block__label img {
  width: 15px;
  display: inline-block !important;
}
.training-grid-block__label--new {
  border-radius: 0 6px 6px 6px;
  display: inline-block;
  padding: 6px 14px;
  background-color: yellow;
  color: white;
  position: absolute;
  height: -moz-fit-content;
  height: fit-content;
  width: -moz-fit-content;
  width: fit-content;
  left: -7px;
  top: -7px;
  font-size: 0.75rem !important;
  max-width: 90%;
  font-weight: 550;
}
.training-grid-block__label--light {
  background-color: white;
  border: 1px solid #1e225d;
  left: 0px;
  bottom: 10px;
  z-index: 10;
}
.training-grid-block__label--blue {
  background-color: #1e225d;
  color: white;
}
.training-grid-block__label--purple {
  background-color: #b14dd4;
}
.training-grid-block__lettersbg {
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  font-size: 280px;
  line-height: 200px;
  letter-spacing: -26px;
  color: #00C4C2;
  position: absolute;
  bottom: 0px;
  left: 50%;
  transform: translateX(-55%);
  font-weight: 900;
}
.training-grid-block__content {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  height: 53%;
}
@media print, screen and (min-width: 40em) {
  .training-grid-block__content {
    min-height: 200px;
  }
}
.training-grid-block__content__infotext {
  padding: 16px 20px 0px 20px;
}
@media print, screen and (min-width: 40em) {
  .training-grid-block__content__infotext {
    padding: 16px 20px 0px 20px;
  }
}
@media print, screen and (min-width: 64em) {
  .training-grid-block__content__infotext {
    padding: 16px 20px 0px 20px;
  }
}
@media screen and (min-width: 75em) {
  .training-grid-block__content__infotext {
    padding: 16px 20px 0px 20px;
  }
}
.training-grid-block__content__infotext__label {
  background-color: #f5f6f7;
  color: #575a86;
  font-size: 12px;
  padding: 3px 9px;
  font-weight: 550;
  border-radius: 4px;
}
.training-grid-block__content__infotext__status {
  background-color: #f2efef;
  color: #1a1d4e;
  font-size: 12px;
  margin-bottom: 15px;
  margin-left: 10px;
  padding: 1px 8px;
  font-weight: 650;
  border-radius: 26px;
}
.training-grid-block__content__text {
  height: 150px;
  margin-top: 15px;
  text-overflow: ellipsis;
}
@media print, screen and (min-width: 64em) {
  .training-grid-block__content__text {
    height: 180px;
  }
}
.training-grid-block__title {
  color: #1e225d;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  font-weight: 800;
  font-size: 18px;
  line-height: 1.2;
  margin-bottom: 15px;
  transition: all 400ms;
}
@media print, screen and (min-width: 40em) {
  .training-grid-block__title {
    font-size: 22px;
  }
}
.training-grid-block__title.postgridblock {
  font-size: 20px;
  font-family: "Poppins", sans-serif;
}
.training-grid-block__intro {
  width: 100%;
  line-height: 1.35;
  flex-grow: 1;
  max-height: 8em;
  font-weight: 1rem;
  margin: 0 0 1rem;
  overflow: hidden;
}
@media print, screen and (min-width: 40em) {
  .training-grid-block__intro {
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
}
@media screen and (min-width: 75em) {
  .training-grid-block__intro {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }
}
.training-grid-block__intro.postgridblock {
  font-size: 16px;
  font-weight: 500;
}
.training-grid-block__date {
  color: #bababa;
  font-size: 0.8rem;
  display: block;
  margin-bottom: 10px;
}
.training-grid-block__price {
  color: #ff9900;
  font-weight: 600;
  font-size: 20px !important;
  display: block;
  margin-top: 1rem !important;
  font: normal normal 600 20px Lexend;
}
.training-grid-block__price span {
  font: normal normal 600 20px Lexend;
  color: #ff9900;
}
.training-grid-block__bottom {
  display: flex;
  padding: 11px 20px 25px 20px;
  justify-content: space-between;
  align-items: center;
}
@media print, screen and (min-width: 40em) {
  .training-grid-block__bottom {
    padding: 11px 20px 17px 20px;
  }
}
@media print, screen and (min-width: 64em) {
  .training-grid-block__bottom {
    padding: 11px 20px 17px 20px;
  }
}
@media screen and (min-width: 75em) {
  .training-grid-block__bottom {
    padding: 11px 20px 25px 20px;
  }
}
.training-grid-block__bottom__info {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  flex-grow: 2;
  -moz-column-gap: 15px;
       column-gap: 15px;
  flex-direction: row;
  width: 100%;
}
@media print, screen and (min-width: 40em) {
  .training-grid-block__bottom__info {
    -moz-column-gap: 25px;
         column-gap: 25px;
  }
}
@media print, screen and (min-width: 64em) {
  .training-grid-block__bottom__info {
    -moz-column-gap: 35px;
         column-gap: 35px;
  }
}
.training-grid-block__bottom__info > div {
  flex-basis: auto;
  display: flex;
  align-items: center;
  font-weight: 500px;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  font-size: 14px;
  font-weight: 600;
  font-weight: 400;
  -moz-column-gap: 7px;
       column-gap: 7px;
  color: #1e225d;
}
.training-grid-block__bottom__info > div svg path {
  fill: #bababa;
}
.training-grid-block__bottom__info > div img {
  width: 16px;
  height: 16px;
  filter: invert(70%) sepia(10%) saturate(367%) hue-rotate(199deg) brightness(94%) contrast(90%);
}
.training-grid-block__bottom__info > div.label {
  background-color: #FFF500;
  border-radius: 100px;
  color: #1e225d;
  flex-basis: unset;
}
.training-grid-block__bottom__info > div.nolabel {
  padding: 0.33333rem 0rem;
  line-height: 1;
  /*&::after{
  	content:"\2022";
  	margin-left:5px;
  }*/
}
.training-grid-block__bottom__info__price.offer {
  color: #ff9900;
}
.training-grid-block__bottom__action {
  display: flex;
  align-items: center;
  align-self: flex-end;
}
.training-grid-block__bottom__view {
  font-size: 16px;
  color: #ff9900;
  font-weight: 500;
  margin-right: 10px;
  opacity: 0;
  display: none;
}
@media print, screen and (min-width: 40em) {
  .training-grid-block__bottom__view {
    display: none;
  }
}
@media print, screen and (min-width: 64em) {
  .training-grid-block__bottom__view {
    display: none;
  }
}
@media screen and (min-width: 75em) {
  .training-grid-block__bottom__view {
    display: none;
  }
}
.training-grid-block__bottom__view__inspiratie {
  font-size: 16px;
  color: #ff9900;
  font-weight: 500;
  margin-right: 10px;
  opacity: 0;
  display: none;
}
@media print, screen and (min-width: 40em) {
  .training-grid-block__bottom__view__inspiratie {
    display: none;
  }
}
@media print, screen and (min-width: 64em) {
  .training-grid-block__bottom__view__inspiratie {
    display: none;
  }
}
@media screen and (min-width: 75em) {
  .training-grid-block__bottom__view__inspiratie {
    display: none;
  }
}
.training-grid-block__bottom__clusterview {
  color: #ff9900;
  margin-right: 10px;
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 500;
}
.training-grid-block__action {
  margin-bottom: 0px;
  border-radius: 4px;
  transition: all 400ms;
}
.training-grid-block__action.cf-button--orange-flat {
  height: 23px;
  width: 23px;
  padding: 5px 0px;
}
.training-grid-block__action svg {
  transform: scale(0.7);
}
.training-grid-block__action .cf-button__icon {
  top: 0px;
  line-height: 12px;
}
.training-grid-block__action .cf-button__icon img {
  height: 12px;
}
.training-grid-block--home {
  height: auto;
}
@media print, screen and (min-width: 64em) {
  .training-grid-block--home {
    height: 460px;
  }
}
.training-grid-block--home .training-grid-block__content {
  height: auto;
}
@media print, screen and (min-width: 64em) {
  .training-grid-block--home .training-grid-block__content {
    height: 285px;
  }
}
.training-grid-block--home .training-grid-block__intro {
  margin: 0 0 1rem;
}
@media print, screen and (min-width: 64em) {
  .training-grid-block--home .training-grid-block__intro {
    margin: 0;
  }
}
.training-grid-block:hover, .training-grid-block:focus, .training-grid-block:active {
  box-shadow: 0px 10px 30px 0px rgba(157, 171, 192, 0.35);
  border-color: rgb(218.7615384615, 221.35, 223.9384615385);
}
.training-grid-block:hover .clusterprijs, .training-grid-block:focus .clusterprijs, .training-grid-block:active .clusterprijs {
  display: none;
}
.training-grid-block:hover .clusterprijsbottom, .training-grid-block:focus .clusterprijsbottom, .training-grid-block:active .clusterprijsbottom {
  display: block;
}
.training-grid-block:hover .keuzehulp_cluster, .training-grid-block:focus .keuzehulp_cluster, .training-grid-block:active .keuzehulp_cluster {
  top: 0;
  background-color: transparent;
  border: 1px solid white;
  display: flex !important;
}
.training-grid-block:hover .keuzehulp_cluster::after, .training-grid-block:focus .keuzehulp_cluster::after, .training-grid-block:active .keuzehulp_cluster::after {
  color: white;
}
.training-grid-block:hover .keuzehulp_cluster img, .training-grid-block:focus .keuzehulp_cluster img, .training-grid-block:active .keuzehulp_cluster img {
  filter: invert(100%) sepia(4%) saturate(3%) hue-rotate(39deg) brightness(103%) contrast(101%);
}
.training-grid-block:hover .training-grid-block__title, .training-grid-block:focus .training-grid-block__title, .training-grid-block:active .training-grid-block__title {
  color: #ff9900;
  transition: all 400ms;
}
.training-grid-block:hover .training-grid-block__action, .training-grid-block:focus .training-grid-block__action, .training-grid-block:active .training-grid-block__action {
  background: #ffac13;
  color: white;
  padding: 13px 20px;
  padding-right: 0px;
  border: 1px solid #ffac13;
  transition: all 400ms;
}
.training-grid-block:hover .training-grid-block__action .cf-button__icon, .training-grid-block:focus .training-grid-block__action .cf-button__icon, .training-grid-block:active .training-grid-block__action .cf-button__icon {
  margin: 0px 10px 0 20px;
  transition: all 400ms;
}
.training-grid-block:hover .training-grid-block__action.iconleft, .training-grid-block:focus .training-grid-block__action.iconleft, .training-grid-block:active .training-grid-block__action.iconleft {
  padding-right: 20px;
}
.training-grid-block:hover .training-grid-block__action.iconleft .cf-button__icon, .training-grid-block:focus .training-grid-block__action.iconleft .cf-button__icon, .training-grid-block:active .training-grid-block__action.iconleft .cf-button__icon {
  margin: 0px 20px 0px 0px;
}
.training-grid-block:hover .training-grid-block__action.noicon, .training-grid-block:focus .training-grid-block__action.noicon, .training-grid-block:active .training-grid-block__action.noicon {
  padding-right: 20px;
}
.training-grid-block:hover .training-grid-block__action.onlyicon .cf-button__icon, .training-grid-block:focus .training-grid-block__action.onlyicon .cf-button__icon, .training-grid-block:active .training-grid-block__action.onlyicon .cf-button__icon {
  margin-left: 17px;
  margin-right: 3px;
}
.training-grid-block:hover .training-grid-block__action.small, .training-grid-block:focus .training-grid-block__action.small, .training-grid-block:active .training-grid-block__action.small {
  padding: 5px 0px;
}
.training-grid-block:hover .training-grid-block__action.small .cf-button__icon, .training-grid-block:focus .training-grid-block__action.small .cf-button__icon, .training-grid-block:active .training-grid-block__action.small .cf-button__icon {
  margin-left: 10px;
  margin-right: 0px;
}
.training-grid-block:hover .training-grid-block__action.smaller, .training-grid-block:focus .training-grid-block__action.smaller, .training-grid-block:active .training-grid-block__action.smaller {
  padding: 10px 15px;
}
.training-grid-block:hover .training-grid-block__action.textcentered, .training-grid-block:focus .training-grid-block__action.textcentered, .training-grid-block:active .training-grid-block__action.textcentered {
  padding-right: 25px;
}
.training-grid-block:hover .training-grid-block__action.textcentered .cf-button__icon, .training-grid-block:focus .training-grid-block__action.textcentered .cf-button__icon, .training-grid-block:active .training-grid-block__action.textcentered .cf-button__icon {
  margin-left: 30px;
  margin-right: 0px;
}
.training-grid-block:hover .training-grid-block__bottom__view, .training-grid-block:focus .training-grid-block__bottom__view, .training-grid-block:active .training-grid-block__bottom__view {
  opacity: 1;
  transition: all 400ms;
}
.training-grid-block:hover .training-grid-block__bottom__view__inspiratie, .training-grid-block:focus .training-grid-block__bottom__view__inspiratie, .training-grid-block:active .training-grid-block__bottom__view__inspiratie {
  display: block;
  opacity: 1;
  transition: all 400ms;
}
.training-grid-block:hover .training-grid-block__pricelabel, .training-grid-block:focus .training-grid-block__pricelabel, .training-grid-block:active .training-grid-block__pricelabel {
  transition: all 400ms;
  opacity: 1;
}
.training-grid-block:hover .training-grid-block__author, .training-grid-block:focus .training-grid-block__author, .training-grid-block:active .training-grid-block__author {
  transition: all 400ms;
  opacity: 1;
}
.training-grid-block:hover .training-grid-block__image__overlay, .training-grid-block:focus .training-grid-block__image__overlay, .training-grid-block:active .training-grid-block__image__overlay {
  width: 100%;
  position: absolute;
  height: 100%;
  opacity: 1;
  background-color: rgba(32, 42, 54, 0.5);
  border-radius: 6px 6px 6px 6px;
  transition: all 400ms;
}
.training-grid-block--keuzehulp {
  height: 100%;
  display: flex;
  align-items: center;
}
.training-grid-block--keuzehulp .training-grid-block__content {
  padding: 50px;
  display: flex;
  align-items: flex-start;
  align-content: center;
  justify-content: center;
  height: inherit;
}
.training-grid-block--keuzehulp .training-grid-block__content p {
  margin-bottom: 25px;
}
.training-grid-block--keuzehulp .training-grid-block__title {
  font-size: 1.7rem;
}
.training-grid-block--keuzehulp .training-grid-block__intro {
  flex-grow: unset;
}
.training-grid-block--stap .training-grid-block__image {
  padding: 9px;
}
.training-grid-block--stap .training-grid-block__image > img {
  height: 201px;
}
.training-grid-block--stap .training-grid-block__image.letters {
  padding: 30px;
  padding-bottom: 0px;
}
.training-grid-block--stap .training-grid-block__image.letters > img {
  height: 180px;
  position: relative;
  z-index: 5;
  -o-object-fit: contain;
     object-fit: contain;
}
.training-grid-block--stap .training-grid-block__content__text {
  height: 200px;
}
.training-grid-block--stap .training-grid-block__title {
  margin-top: 10px;
}
.training-grid-block--stap .training-grid-block__intro {
  font-size: 1rem;
}
@media print, screen and (min-width: 64em) {
  .training-grid-block--stap .training-grid-block__content__infotext {
    margin-bottom: 20px;
  }
}
.training-grid-block--stap .training-grid-block__bottom__info {
  -moz-column-gap: 10px;
       column-gap: 10px;
  margin-bottom: 20px;
}
.training-grid-block--stap .training-grid-block__bottom__info > div {
  font-size: 1rem;
}
.training-grid-block--stap .training-grid-block__bottom__info__days {
  flex-basis: 36%;
}
.training-grid-block--stap .training-grid-block__bottom__info__price {
  flex-basis: 60%;
  justify-content: flex-end;
}
.training-grid-block .inspiratie-grid-bottom {
  justify-content: end;
}
.training-grid-block .inspiratie-bottom-info {
  margin-bottom: 20px;
}
.training-grid-block .inspiratie-video-image-overlag {
  display: grid;
  justify-content: center;
  align-content: center;
}
.training-grid-block .training-grid-block__infolabel {
  position: absolute;
  bottom: 20px;
}
@media print, screen and (min-width: 40em) {
  .training-grid-block .training-grid-block__infolabel {
    bottom: 15px;
  }
}
.training-grid-block .training-grid-block__infolabel__tekst {
  color: white;
  padding: 5px 15px;
  font-weight: 600;
}
.training-grid-block .training-grid-block__infolabel__tekst.withbackground {
  background: #1E225C;
  border-radius: 100px;
  font-size: 13px;
}

.training-list-block {
  display: grid;
  grid-template-columns: 1fr 2fr;
  grid-template-rows: auto;
  grid-template-areas: "left right" "content content" "bottom bottom";
  justify-items: start;
  background-color: white;
  border-radius: 8px;
  box-shadow: 0px 10px 30px 0px rgba(157, 171, 192, 0.2);
  transition: background 400ms, box-shadow 400ms;
}
@media print, screen and (min-width: 64em) {
  .training-list-block {
    grid-template-areas: "left right" "left right" "left right";
  }
}
.training-list-block, .training-list-block:active, .training-list-block:hover, .training-list-block:focus {
  text-decoration: none;
  color: inherit;
}
.training-list-block .cf-button__icon, .training-list-block:active .cf-button__icon, .training-list-block:hover .cf-button__icon, .training-list-block:focus .cf-button__icon {
  margin-left: 10px !important;
  margin-right: 0px !important;
}
.training-list-block__favorite {
  border-radius: 25px;
  width: 110px;
  height: 30px;
  background-color: white;
  margin-top: 10px;
  box-shadow: 0px 10px 30px 0px rgba(157, 171, 192, 0.2);
  border: 1px solid #1e225d;
  display: flex;
  justify-content: center;
  align-items: center;
}
.training-list-block__favorite::after {
  content: "Bewaar";
  color: #1e225d;
  font-size: 14px;
  font-family: "lexend", sans-serif;
  padding-left: 2px;
}
.training-list-block__favorite.selected::after {
  content: "Bewaard";
}
.training-list-block__favorite.selected.collection {
  padding: 5px 5px 5px 5px;
}
.training-list-block__favorite.selected.collection::after {
  content: "Verwijder";
}
.training-list-block__favorite.selected img.selected {
  filter: invert(36%) sepia(79%) saturate(1372%) hue-rotate(328deg) brightness(112%) contrast(107%);
  display: block;
  margin: 5px !important;
  height: 75%;
  padding-left: 2px;
}
.training-list-block__favorite.selected img.notselected {
  display: none;
  margin: 5px !important;
  height: 75%;
  padding-left: 2px;
}
.training-list-block__favorite.selected.collection img.selected {
  filter: invert(9%) sepia(69%) saturate(2738%) hue-rotate(228deg) brightness(99%) contrast(93%);
}
.training-list-block__favorite.notselected img.selected {
  display: none;
  margin: 5px !important;
  margin-left: 0px !important;
  height: 75%;
  width: unset !important;
}
.training-list-block__favorite.notselected img.notselected {
  filter: invert(9%) sepia(69%) saturate(2738%) hue-rotate(228deg) brightness(99%) contrast(93%);
  display: block;
  margin: 5px !important;
  margin-left: 0px !important;
  height: 75%;
  width: unset !important;
}
.training-list-block__favorite:hover {
  cursor: pointer;
}
.training-list-block__favorite:hover.notselected img.notselected {
  filter: invert(36%) sepia(79%) saturate(1372%) hue-rotate(328deg) brightness(112%) contrast(107%);
  transition: all 400ms;
}
.training-list-block__image {
  grid-column-start: 1;
  grid-row-start: 1;
  overflow: hidden;
  padding: 14px;
  padding-right: 0px;
}
@media print, screen and (min-width: 64em) {
  .training-list-block__image {
    grid-column-start: 1;
    grid-row-start: 1;
    grid-row-end: 4;
  }
}
.training-list-block__image img {
  width: 100%;
  height: 100%;
  border-radius: 4px;
  -o-object-fit: cover;
     object-fit: cover;
}
.training-list-block__title {
  grid-column-start: 2;
  grid-row-start: 1;
  align-self: center;
  padding: 15px 15px 10px 15px;
}
.training-list-block__title h3 {
  color: #1e225d;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  font-weight: 800;
  font-size: 18px;
  line-height: 1.2;
  margin-bottom: 0px;
}
.training-list-block__content {
  font-size: 0.9rem;
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 2;
  width: 100%;
}
@media print, screen and (min-width: 64em) {
  .training-list-block__content {
    grid-column-start: 2;
    grid-row-start: 2;
  }
}
.training-list-block__content__information {
  width: 100%;
  margin: 0px;
  padding: 10px 14px;
}
@media print, screen and (min-width: 40em) {
  .training-list-block__content__information {
    padding: 14px;
    width: 25%;
    border-bottom: 0px;
  }
}
.training-list-block__content__intro {
  width: 100%;
  padding: 10px 15px;
  line-height: 1.35;
  flex-grow: 1;
  max-height: 10em;
  font-size: 15px;
  margin: 0;
}
@media print, screen and (min-width: 40em) {
  .training-list-block__content__intro {
    padding: 15px;
    border-bottom: 0px;
  }
}
.training-list-block__content__action {
  width: 100%;
  padding: 10px 15px;
  margin: 0;
  border: 0px;
}
@media print, screen and (min-width: 40em) {
  .training-list-block__content__action {
    padding: 15px;
    border-left: 1px solid #a7a7a7;
    width: 30%;
  }
}
.training-list-block__content__action__prijs {
  line-height: 1.1;
  display: block;
}
.training-list-block__content__action__normaal {
  display: block;
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  font-size: 1rem;
  font-weight: 700;
  color: #1e225d;
}
.training-list-block__content__action__kortingprijs {
  display: block;
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  font-size: 1.25rem;
  color: #0a0a0a;
  font-weight: 700;
  width: 100%;
}
.training-list-block__content__action__uwkorting {
  display: block;
  font-size: 0.875rem;
  color: #0a0a0a;
  padding-bottom: 10px;
}
.training-list-block__content__action__vanaf {
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  font-size: 1.25rem;
  font-weight: 700;
  color: #0a0a0a;
  display: inline-block;
  margin-bottom: 10px;
}
.training-list-block__content__action__vanafprijs {
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  font-size: 1.25rem;
  color: #0a0a0a;
  font-weight: 700;
  display: inline-block;
  margin-bottom: 10px;
}
.training-list-block__content__action__korting {
  font-weight: 700;
  font-size: 1.125rem;
  color: #0a0a0a;
  padding-bottom: 3px;
  margin-left: 1rem;
}
.training-list-block__content__action__btw {
  font-size: 0.75rem;
  color: slategray;
  font-style: italic;
}
.training-list-block__bottom {
  display: flex;
  padding: 14px;
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 3;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
@media print, screen and (min-width: 40em) {
  .training-list-block__bottom {
    padding: 14px;
  }
}
@media print, screen and (min-width: 64em) {
  .training-list-block__bottom {
    padding: 14px;
    grid-column-start: 2;
    grid-column-end: 2;
    grid-row-start: 3;
  }
}
@media screen and (min-width: 75em) {
  .training-list-block__bottom {
    padding: 14px;
  }
}
.training-list-block__bottom__info {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  -moz-column-gap: 10px;
       column-gap: 10px;
  flex-basis: 80%;
}
.training-list-block__bottom__info > div {
  display: flex;
  flex-basis: 48%;
  align-items: center;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  font-size: 14px;
  font-weight: 400;
  -moz-column-gap: 5px;
       column-gap: 5px;
  color: #1e225d;
}
@media screen and (min-width: 75em) {
  .training-list-block__bottom__info > div {
    font-size: 14px;
  }
}
.training-list-block__bottom__info > div svg path {
  fill: #bababa;
}
.training-list-block__bottom__info > div img {
  width: 14px;
  height: 14px;
  filter: invert(70%) sepia(10%) saturate(367%) hue-rotate(199deg) brightness(94%) contrast(90%);
}
.training-list-block__bottom__info > div.label {
  background-color: #FFF500;
  border-radius: 100px;
  color: #1e225d;
}
.training-list-block__bottom__info > div.nolabel {
  padding: 0.33333rem 0rem;
  line-height: 1;
  /*&::after{
  	content:"\2022";
  	margin-left:5px;
  }*/
}
.training-list-block__bottom__action {
  display: flex;
  align-items: center;
  align-self: flex-end;
}
.training-list-block__bottom__view {
  font-size: 16px;
  color: #ff9900;
  font-weight: 500;
  margin-right: 10px;
  opacity: 0;
  display: none;
}
@media print, screen and (min-width: 40em) {
  .training-list-block__bottom__view {
    display: none;
  }
}
@media print, screen and (min-width: 64em) {
  .training-list-block__bottom__view {
    display: none;
  }
}
@media screen and (min-width: 75em) {
  .training-list-block__bottom__view {
    display: none;
  }
}
.training-list-block__bottom__clusterview {
  color: #ff9900;
  margin-right: 10px;
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 500;
}
.training-list-block__action {
  margin-bottom: 0px;
  border-radius: 4px;
  transition: all 400ms;
}
.training-list-block__action.cf-button--orange-flat {
  height: 23px;
  width: 23px;
  padding: 5px 0px;
}
.training-list-block__action.cf-button--orange-flat:hover .cf-button__icon {
  margin-left: 10px !important;
  margin-right: 0px !important;
}
.training-list-block__action svg {
  transform: scale(0.7);
}
.training-list-block__action .cf-button__icon {
  top: 0px;
  line-height: 0px;
  margin-left: 5px !important;
  margin-right: 5px !important;
}
.training-list-block__action .cf-button__icon img {
  height: 12px;
}
.training-list-block__action:hover .cf-button__icon {
  margin-left: 10px !important;
  margin-right: 0px !important;
}
.training-list-block--home {
  height: auto;
}
@media print, screen and (min-width: 64em) {
  .training-list-block--home {
    height: 460px;
  }
}
.training-list-block--home {
  height: auto;
}
@media print, screen and (min-width: 64em) {
  .training-list-block--home {
    height: 460px;
  }
}
.training-list-block--home .training-list-block__content {
  height: auto;
}
@media print, screen and (min-width: 64em) {
  .training-list-block--home .training-list-block__content {
    height: 285px;
  }
}
.training-list-block--home .training-list-block__intro {
  margin: 0 0 1rem;
}
@media print, screen and (min-width: 64em) {
  .training-list-block--home .training-list-block__intro {
    margin: 0;
  }
}
.training-list-block:hover, .training-list-block:focus, .training-list-block:active {
  box-shadow: 0px 10px 30px 0px rgba(157, 171, 192, 0.35);
  border-color: rgb(218.7615384615, 221.35, 223.9384615385);
}
.training-list-block:hover .clusterprijs, .training-list-block:focus .clusterprijs, .training-list-block:active .clusterprijs {
  display: none;
}
.training-list-block:hover .clusterprijsbottom, .training-list-block:focus .clusterprijsbottom, .training-list-block:active .clusterprijsbottom {
  display: block;
}
.training-list-block:hover .keuzehulp_cluster, .training-list-block:focus .keuzehulp_cluster, .training-list-block:active .keuzehulp_cluster {
  top: 0;
  background-color: transparent;
  border: 1px solid white;
  display: flex !important;
}
.training-list-block:hover .keuzehulp_cluster::after, .training-list-block:focus .keuzehulp_cluster::after, .training-list-block:active .keuzehulp_cluster::after {
  color: white;
}
.training-list-block:hover .keuzehulp_cluster img, .training-list-block:focus .keuzehulp_cluster img, .training-list-block:active .keuzehulp_cluster img {
  filter: invert(100%) sepia(4%) saturate(3%) hue-rotate(39deg) brightness(103%) contrast(101%);
}
.training-list-block:hover .training-grid-block__title, .training-list-block:focus .training-grid-block__title, .training-list-block:active .training-grid-block__title {
  color: #ff9900;
  transition: all 400ms;
}
.training-list-block:hover .training-grid-block__action, .training-list-block:focus .training-grid-block__action, .training-list-block:active .training-grid-block__action {
  background: #ffac13;
  color: white;
  padding: 13px 20px;
  padding-right: 0px;
  border: 1px solid #ffac13;
  transition: all 400ms;
}
.training-list-block:hover .training-grid-block__action .cf-button__icon, .training-list-block:focus .training-grid-block__action .cf-button__icon, .training-list-block:active .training-grid-block__action .cf-button__icon {
  margin: 0px 10px 0 20px;
  transition: all 400ms;
}
.training-list-block:hover .training-grid-block__action.iconleft, .training-list-block:focus .training-grid-block__action.iconleft, .training-list-block:active .training-grid-block__action.iconleft {
  padding-right: 20px;
}
.training-list-block:hover .training-grid-block__action.iconleft .cf-button__icon, .training-list-block:focus .training-grid-block__action.iconleft .cf-button__icon, .training-list-block:active .training-grid-block__action.iconleft .cf-button__icon {
  margin: 0px 20px 0px 0px;
}
.training-list-block:hover .training-grid-block__action.noicon, .training-list-block:focus .training-grid-block__action.noicon, .training-list-block:active .training-grid-block__action.noicon {
  padding-right: 20px;
}
.training-list-block:hover .training-grid-block__action.onlyicon .cf-button__icon, .training-list-block:focus .training-grid-block__action.onlyicon .cf-button__icon, .training-list-block:active .training-grid-block__action.onlyicon .cf-button__icon {
  margin-left: 17px;
  margin-right: 3px;
}
.training-list-block:hover .training-grid-block__action.small, .training-list-block:focus .training-grid-block__action.small, .training-list-block:active .training-grid-block__action.small {
  padding: 5px 0px;
}
.training-list-block:hover .training-grid-block__action.small .cf-button__icon, .training-list-block:focus .training-grid-block__action.small .cf-button__icon, .training-list-block:active .training-grid-block__action.small .cf-button__icon {
  margin-left: 10px;
  margin-right: 0px;
}
.training-list-block:hover .training-grid-block__action.smaller, .training-list-block:focus .training-grid-block__action.smaller, .training-list-block:active .training-grid-block__action.smaller {
  padding: 10px 15px;
}
.training-list-block:hover .training-grid-block__action.textcentered, .training-list-block:focus .training-grid-block__action.textcentered, .training-list-block:active .training-grid-block__action.textcentered {
  padding-right: 25px;
}
.training-list-block:hover .training-grid-block__action.textcentered .cf-button__icon, .training-list-block:focus .training-grid-block__action.textcentered .cf-button__icon, .training-list-block:active .training-grid-block__action.textcentered .cf-button__icon {
  margin-left: 30px;
  margin-right: 0px;
}
.training-list-block:hover .training-grid-block__image__overlay, .training-list-block:focus .training-grid-block__image__overlay, .training-list-block:active .training-grid-block__image__overlay {
  width: 100%;
  position: absolute;
  height: 100%;
  opacity: 1;
  background: linear-gradient(to top left, transparent 50%, rgba(0, 0, 0, 0.8));
  border-radius: 4px 4px 0px 0px;
  transition: all 400ms;
}

.account-fav-filters {
  z-index: 9999 !important;
}
@media print, screen and (min-width: 40em) {
  .account-fav-filters {
    z-index: 7 !important;
  }
}

@media print, screen and (min-width: 40em) {
  .account__profile__content__saved-content-block .training-list-block {
    grid-template-columns: 1fr 5fr;
  }
}

.lastminutes .training-prijs-block {
  width: 90%;
  margin-bottom: 0;
}
@media print, screen and (min-width: 40em) {
  .lastminutes .training-prijs-block {
    display: inline-block;
    width: 45%;
  }
}
@media print, screen and (min-width: 64em) {
  .lastminutes .training-prijs-block {
    width: 22%;
  }
}

.training-prijs-block {
  background: white;
  border: 1px solid #e3e5e7;
  position: relative;
  padding: 20px;
  margin: 0 0 25px;
  cursor: pointer;
  transition: background 400ms, box-shadow 400ms;
}
.training-prijs-block__actie-naam {
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  position: absolute;
  top: 20px;
  left: 20px;
  padding-right: 60px;
  font-size: 0.875rem;
  font-weight: 800;
  color: #ff9900;
}
.training-prijs-block__actie-naam:first-letter {
  text-transform: uppercase;
}
.training-prijs-block__actie-percentage {
  position: absolute;
  right: 5px;
  top: -30px;
}
.training-prijs-block__training-naam {
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  margin: 50px 0 0;
  height: 56px;
  font-size: 1rem;
  font-weight: 800;
  color: #1e225d;
}
.training-prijs-block__data {
  margin: 15px 0 0;
  color: #1e225d;
}
.training-prijs-block__plaats {
  margin: 0;
  color: #1e225d;
}
.training-prijs-block__prijs {
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  font-weight: 500;
  margin: 15px 0 0;
  line-height: 2rem;
  font-size: 1.25rem;
  color: #1e225d;
}
.training-prijs-block__prijs a {
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  font-weight: 800;
  font-size: 1.75rem;
  color: #1e225d;
  text-decoration: none;
}
.training-prijs-block__actions {
  height: 50px;
  margin: 0;
}
.training-prijs-block--training .training-prijs-block__data {
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  font-size: 1.125rem;
  font-weight: 800;
}
.training-prijs-block--home .training-prijs-block__training-naam {
  height: 100px;
}
.training-prijs-block--sidebar {
  margin-bottom: 0;
}
.training-prijs-block:hover, .training-prijs-block:focus, .training-prijs-block:active {
  background: rgb(238.35, 238.35, 238.35);
  box-shadow: inset 0 0 20px rgba(80, 80, 80, 0.08);
  border-color: rgb(218.7615384615, 221.35, 223.9384615385);
}
.training-prijs-block:hover .cf-button, .training-prijs-block:focus .cf-button, .training-prijs-block:active .cf-button {
  background: rgb(224.4, 134.64, 0);
  color: #fff;
}
.training-prijs-block:hover .cf-button .cf-button__icon, .training-prijs-block:focus .cf-button .cf-button__icon, .training-prijs-block:active .cf-button .cf-button__icon {
  margin: -2px 15px 0 0;
  transition: margin 400ms, box-shadow 400ms;
}
.training-prijs-block:hover .cf-button--alt, .training-prijs-block:focus .cf-button--alt, .training-prijs-block:active .cf-button--alt {
  background: #ff9900;
  color: #fff;
}
.training-prijs-block:hover .cf-button--alt .cf-button__icon, .training-prijs-block:focus .cf-button--alt .cf-button__icon, .training-prijs-block:active .cf-button--alt .cf-button__icon {
  margin: -2px 15px 0 0;
  transition: margin 400ms, box-shadow 400ms;
}
.training-prijs-block:hover .cf-button--orange, .training-prijs-block:focus .cf-button--orange, .training-prijs-block:active .cf-button--orange {
  background: #ff9900;
  color: #fff;
}
.training-prijs-block:hover .cf-button--orange .cf-button__icon, .training-prijs-block:focus .cf-button--orange .cf-button__icon, .training-prijs-block:active .cf-button--orange .cf-button__icon {
  margin: -2px 15px 0 0;
  transition: margin 400ms, box-shadow 400ms;
}

.training-prijs-block-action {
  background: #eef5ff;
}
.training-prijs-block-action:hover, .training-prijs-block-action:focus, .training-prijs-block-action:active {
  background: rgb(222.7, 236, 255);
  box-shadow: none;
  border-color: none;
}

.training-small-block {
  border: 1px solid #e3e5e7;
  background: #f6f6f6;
  display: flex;
  flex-direction: column;
  padding: 20px 15px;
}
@media print, screen and (min-width: 40em) {
  .training-small-block {
    height: 320px;
  }
}
@media print {
  .training-small-block {
    margin-bottom: 0px;
  }
}
.training-small-block--opleiding {
  background: #fff;
  border: 1px solid #8a8a8a;
  margin-bottom: 0px;
}
.training-small-block--opleiding--row {
  padding-left: 0.93rem;
  padding-right: 0.93rem;
  row-gap: 25px;
  /*&--container{
  	padding:0px;
  	&:first-of-type{
  		.training-small-block--opleiding{
  			border-radius:15px 15px 0px 0px;
  			@include breakpoint(medium) {
  				//border-radius:15px 0px 0px 15px;
  			}
  		}
  	}
  	&:not(:last-of-type):not(:first-of-type){
  		.training-small-block--opleiding{

  			@include breakpoint(small only) {
  				border-top:0px;
  			}
  			@include breakpoint(medium) {
  				border-left:0px;
  			}
  		}
  	}

  	&:last-of-type{
  		.training-small-block--opleiding{
  			border-radius:0px 0px 15px 15px;
  			@include breakpoint(small only) {
  				border-top:0px;
  			}
  			@include breakpoint(medium) {
  				//border-radius:0px 0px 15px 0px;
  				border-left:0px;
  			}
  		}
  	}
  	/*&:nth-child(3){
  		@include breakpoint(large) {

  		}
  	}
  	&:nth-last-child(4):first-child,
  	&:nth-last-child(4):first-child ~ * {
  		// unique CSS for elements when there are 6 of these
  	}  	
  }*/
}
@media screen and (max-width: 39.9375em) {
  .training-small-block--opleiding--row--container {
    padding: 0px;
  }
  .training-small-block--opleiding--row--container:first-of-type .training-small-block--opleiding {
    border-radius: 15px 15px 0px 0px;
  }
  .training-small-block--opleiding--row--container:not(:last-of-type):not(:first-of-type) .training-small-block--opleiding {
    border-top: 0px;
  }
  .training-small-block--opleiding--row--container:last-of-type .training-small-block--opleiding {
    border-radius: 0px 0px 15px 15px;
    border-top: 0px;
  }
}
@media screen and (max-width: 74.9375em) {
  .training-small-block--opleiding--row--container {
    padding: 0px;
  }
  .training-small-block--opleiding--row--container.row-medium-4:first-of-type .training-small-block--opleiding {
    border-radius: 15px 0px 0px 0px;
  }
  .training-small-block--opleiding--row--container.row-medium-4:not(:last-of-type):not(:first-of-type) .training-small-block--opleiding {
    border-top: 0px;
  }
  .training-small-block--opleiding--row--container.row-medium-4:last-of-type .training-small-block--opleiding {
    border-radius: 0px 0px 15px 15px;
    border-top: 0px;
  }
  .training-small-block--opleiding--row--container.row-medium-2:first-of-type .training-small-block--opleiding {
    border-radius: 15px 0px 0px 0px;
  }
  .training-small-block--opleiding--row--container.row-medium-2:last-of-type(2) .training-small-block--opleiding {
    border-radius: 0px 0px 15px 15px;
    border-top: 0px;
  }
  .training-small-block--opleiding--row--container.row-medium-2:last-of-type .training-small-block--opleiding {
    border-radius: 0px 0px 15px 15px;
    border-top: 0px;
  }
  .training-small-block--opleiding--row--container.row-medium-1:first-of-type .training-small-block--opleiding {
    border-radius: 15px 0px 0px 15px;
  }
  .training-small-block--opleiding--row--container.row-medium-1:last-of-type .training-small-block--opleiding {
    border-radius: 0px 15px 15px 0px;
  }
}
@media screen and (min-width: 75em) {
  .training-small-block--opleiding--row--container {
    padding: 0px;
  }
  .training-small-block--opleiding--row--container.row-xlarge-1:first-of-type .training-small-block--opleiding {
    border-radius: 15px 0px 0px 15px;
  }
  .training-small-block--opleiding--row--container.row-xlarge-1:not(:last-of-type):not(:first-of-type) .training-small-block--opleiding {
    border-left: 0px;
    border-top: 1px;
  }
  .training-small-block--opleiding--row--container.row-xlarge-1:last-of-type .training-small-block--opleiding {
    border-radius: 0px 15px 15px 0px;
    border-left: 0px;
    border-top: 1px;
  }
}
.training-small-block__title {
  width: 100%;
  color: #1e225d;
  font-weight: 900;
  font-size: 1.1rem;
  line-height: 1.1;
  margin-bottom: 15px;
}
.training-small-block__intro {
  width: 100%;
  line-height: 1.35;
  flex-grow: 1;
  margin: 0;
  overflow: hidden;
}
.training-small-block__priceinfo {
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  font-weight: 500;
  margin: 15px 0;
  line-height: 2rem;
  font-size: 1.25rem;
  color: #1e225d;
}
.training-small-block__priceinfo strong {
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  font-weight: 700;
  font-size: 1.625rem;
  color: #1e225d;
  text-decoration: none;
}
@media print {
  .training-small-block__priceinfo {
    margin-top: 0px;
    margin-bottom: 0px;
  }
}
.training-small-block__action {
  width: 100%;
  min-height: 42px;
}
@media print {
  .training-small-block__action {
    display: none;
  }
}

.headerOpleidingvoordeel, .tekst-headerOpleidingVoordeel {
  text-align: center;
  padding-bottom: 25px !important;
  margin: 0 !important;
}

.tekst-headerOpleidingVoordeel {
  padding-bottom: 50px !important;
}

.training-grid-block__price {
  flex-basis: 73%;
  margin: 0;
}

/*.training-grid-block__bottom__info__days::after{
    content: "\2022";
    margin-left: 5px;
}*/
@media print, screen and (min-width: 40em) {
  .kalender__content {
    border-left: 1px solid #e3e5e7;
    padding-left: 1.5rem;
  }
  .kalender__title {
    margin-bottom: 2rem;
    border-bottom: 2px solid #e3e5e7;
  }
  .kalender__maand {
    border-bottom: 2px solid #e3e5e7;
    margin-bottom: 2rem;
  }
}
.kalender__maand-naam {
  color: #1e225d;
  font-weight: 500;
  font-size: 1.625rem;
  margin: 1rem 0 1rem;
  padding: 0.8rem 0 0;
  border-top: 2px solid #e3e5e7;
}
@media print, screen and (min-width: 40em) {
  .kalender__maand-naam {
    margin: 0 0 1rem;
    padding: 0;
    border-top: none;
  }
}
.kalender__dag {
  margin-bottom: 1rem;
}
.kalender__dag-list {
  line-height: 1.2;
}
.kalender__dag-list li {
  margin: 0 0 0.3rem;
}
.kalender__dag-list li a {
  text-decoration: none;
}
.kalender__dag-list li a:hover {
  text-decoration: underline;
}
.kalender__dag-list .kalender__training em {
  font-style: normal;
  font-weight: 500;
  color: #ff9900;
}
.kalender__dag-list .kalender__datum-plaats {
  font-size: 0.875rem;
}
.kalender__dag-list .kalender__plaats {
  color: #8a8a8a;
}
.kalender__dag-list .kalender__plaats-secondary {
  color: #cacaca;
}
.kalender__dagnummer {
  display: block;
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  font-size: 1.125rem;
  font-weight: 600;
  color: #1e225d;
}
.kalender__maand-jaar {
  display: block;
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  font-size: 1.125rem;
  margin: 0.9375rem 0 0.3125rem;
}

.kalender-sidenav__title {
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  font-weight: 800;
  font-size: 1rem;
  color: #8a8a8a;
}
.kalender-sidenav__menu {
  margin: 0;
}
.kalender-sidenav__menu li {
  margin: 0;
}
.kalender-sidenav__menu li a {
  text-decoration: none;
  margin: 0;
  padding: 0.3rem 0 !important;
}
.kalender-sidenav__menu li a:hover {
  text-decoration: underline;
}

.totalResult {
  font-size: 1.25rem;
  font-weight: 600;
  background-color: #f8f8fa;
  padding: 15px;
  width: 33.3%;
  text-align: center;
  border-radius: 5px;
  margin-bottom: 15px;
}

.option_new {
  background-color: #1dc246;
  padding: 15px;
  border-radius: 5px;
  margin-bottom: 15px;
}

.scroll-down .categorie__submenu > .row {
  margin-top: 0px !important;
  transform: none;
  max-width: 100% !important;
}

.scroll-up .sub-category__filter__container.sticky {
  top: 150px;
}

.scroll-up .categorie__submenu > .row:not(.is-anchored) {
  margin-top: 74px !important;
  transform: none;
  max-width: 100% !important;
}

body:not(.scroll-up):not(.scroll-down).scroll-submenu .categorie__submenu > .row:not(.is-anchored) {
  transform: translate3d(0, -100%, 0);
  margin-top: 0px !important;
  max-width: 100% !important;
}

body .categorie__submenu {
  display: none;
}

body.scroll-up .categorie__submenu, body.scroll-down .categorie__submenu, body:not(.scroll-header).scroll-submenu .categorie__submenu {
  display: block;
}

.categorie__submenu > .row {
  background: white;
  transition: all 0.4s;
  z-index: 95;
}

.cluster-header {
  height: 100%;
  position: relative;
  /*@include breakpoint(xlarge) {
  	background-position: center 40%;
  }*/
}
.cluster-header__text-background {
  display: none;
}
.cluster-header__text-background .container {
  padding-right: 0px;
}
@media print, screen and (min-width: 64em) {
  .cluster-header__text-background {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    overflow: hidden;
    text-align: right;
    font-family: "Lexend", sans-serif;
    font-display: fallback;
  }
  .cluster-header__text-background span {
    font-family: "Lexend", sans-serif;
    font-display: fallback;
    color: #00C4C2;
    font-size: 900px;
    font-weight: 800;
    letter-spacing: -90px;
    line-height: 675px;
    display: inline-block;
    width: 60%;
  }
}
@media screen and (min-width: 75em) {
  .cluster-header__text-background span {
    width: 60%;
  }
}
.cluster-header__background {
  position: relative;
  height: 350px;
  padding-right: 0px;
}
@media print, screen and (min-width: 40em) {
  .cluster-header__background {
    height: 430px;
  }
}
@media print, screen and (min-width: 64em) {
  .cluster-header__background {
    height: 700px;
    padding-right: 0.9375rem;
  }
}
.cluster-header__background__text {
  overflow: hidden;
  color: #00C4C2;
  font-size: 300px;
  font-weight: 800;
  letter-spacing: -32px;
  line-height: 255px;
  text-align: right;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
}
.cluster-header__background__text span {
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  display: inline-block;
  overflow: hidden;
  font-size: 350px;
  width: 90%;
}
@media print, screen and (min-width: 40em) {
  .cluster-header__background__text span {
    font-size: 400px;
  }
}
@media print, screen and (min-width: 40em) {
  .cluster-header__background__text {
    line-height: 400px;
  }
}
@media print, screen and (min-width: 64em) {
  .cluster-header__background__text {
    display: none;
  }
}
.cluster-header__background__overlay {
  position: absolute;
  display: flex;
  left: 0;
  bottom: 0px;
  z-index: 30;
  justify-content: center;
  width: 100%;
}
@media print, screen and (min-width: 40em) {
  .cluster-header__background__overlay {
    width: unset;
  }
}
@media print, screen and (min-width: 64em) {
  .cluster-header__background__overlay {
    bottom: -15px;
  }
}
.cluster-header__background__overlay__reviews {
  width: 87%;
  display: flex;
  position: relative;
  z-index: 30;
}
@media print, screen and (min-width: 40em) {
  .cluster-header__background__overlay__reviews.training_overlay_review {
    margin-left: -7% !important;
    width: 80%;
  }
}
.cluster-header__background__overlay__reviews img {
  width: 100px;
  margin-right: -1px;
}
.cluster-header__background__overlay__reviews__text {
  padding: 15px;
  padding-right: 10px;
  background-color: #1E225C;
  display: inline-block;
  color: white;
  display: flex;
  width: 100%;
  align-content: center;
}
@media print, screen and (min-width: 40em) {
  .cluster-header__background__overlay__reviews__text {
    width: 100%;
    padding: 15px;
  }
}
@media screen and (min-width: 64em) {
  .cluster-header__background__overlay__reviews__text {
    padding: 15px;
    width: 100%;
  }
}
.cluster-header__background__overlay__reviews__text .start__reviews__ratings__text {
  font-size: 0.875rem;
}
.cluster-header__background__overlay__reviews__text a {
  color: white;
  font-weight: bold;
  text-decoration: underline;
  font-size: 14px;
}
.cluster-header__background__overlay__reviews__text a:hover {
  text-decoration: none;
}
.cluster-header__background__overlay__reviews__text__icon {
  margin-top: 5px;
}
.cluster-header__background__overlay__springest_rewards_2023 {
  background-color: #1e225d;
  position: absolute;
  bottom: 25px;
  right: 2rem;
  z-index: 40;
  border-radius: 2px 12px 12px 12px;
  padding: 20px;
  justify-content: center;
  display: flex;
  flex-direction: column;
}
.cluster-header__background__overlay__springest_rewards_2023__title {
  color: white;
  font-weight: 600;
  font-size: 12px;
  font-family: "Lexend", "sans-serif";
  margin-bottom: 3px;
  text-align: center;
}
.cluster-header__background__overlay__springest_rewards_2023__text {
  color: white;
  font-size: 11px;
  font-family: "Poppins", "sans-serif";
  text-align: center;
}
.cluster-header__background__overlay__springest_rewards_2023 img {
  height: 60px;
  -o-object-fit: contain;
     object-fit: contain;
}
.cluster-header__background__overlay__springest_rewards_2023.AI-campagne_spingest2023 {
  position: relative;
  height: -moz-fit-content;
  height: fit-content;
  padding: 10px;
  margin-top: 20px;
}
@media screen and (min-width: 64em) {
  .cluster-header__background__overlay__springest_rewards_2023.AI-campagne_spingest2023 {
    margin-top: 67px;
  }
}
@media only screen and (min-width: 1380px) {
  .cluster-header__background__overlay__springest_rewards_2023.AI-campagne_spingest2023 {
    margin-left: -5%;
  }
}
.cluster-header__background__overlay__springest_rewards_2023.AI-campagne_spingest2023 .cluster-header__background__overlay__springest_rewards_2023__text {
  line-height: 1;
  margin-bottom: 0.5rem;
}
.cluster-header__background__image {
  width: 55%;
  position: absolute;
  overflow: hidden;
  bottom: 80px;
  z-index: 5;
}
@media print, screen and (min-width: 40em) {
  .cluster-header__background__image {
    width: 50%;
    height: 350px;
    margin-left: 70px;
  }
}
@media print, screen and (min-width: 40em) {
  .cluster-header__background__image.training_overlay_image {
    margin-left: 0px;
  }
}
@media print, screen and (min-width: 64em) {
  .cluster-header__background__image {
    width: 70%;
    height: 75vh;
    min-height: 550px;
  }
}
@media print, screen and (min-width: 40em) {
  .cluster-header__background__image {
    bottom: 60px;
  }
}
@media print, screen and (min-width: 64em) {
  .cluster-header__background__image {
    bottom: 80px;
  }
}
.cluster-header__background__image img {
  max-height: 280px;
}
@media print, screen and (min-width: 40em) {
  .cluster-header__background__image img {
    position: absolute;
    bottom: 0px;
    max-width: 90%;
    max-height: 280px;
  }
  .cluster-header__background__image img.subcluster {
    max-height: 357px;
  }
}
@media print, screen and (min-width: 64em) {
  .cluster-header__background__image img {
    bottom: 0px;
    max-height: 70vh;
  }
}
.cluster-header__background__container {
  position: relative;
}
.cluster-header__background__container img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
@media print, screen and (min-width: 64em) {
  .cluster-header__background__container img {
    z-index: 10;
  }
}
.cluster-header__background__designation {
  position: absolute;
  color: #1E225C;
  z-index: 11;
  left: 9%;
  bottom: 105px;
}
.cluster-header__background__designation p {
  color: #1E225C;
  padding: 10px 15px;
  margin-bottom: 0px;
  font-size: 0.875rem;
  line-height: 1.3;
  background-color: #fff;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  display: inline-block;
  margin-left: 5px;
}
.cluster-header__background__designation p:first-of-type {
  margin-left: 0px;
}
.cluster-header__background__designation strong {
  font-family: "Lexend", sans-serif;
  font-display: fallback;
}
@media screen and (min-width: 40em) {
  .cluster-header__background__designation {
    top: initial;
    left: 7.5%;
    bottom: 105px;
  }
}
@media screen and (min-width: 40em) {
  .cluster-header__background__designation.training_overlay_designation {
    left: 7.5% !important;
  }
}
.cluster-header__background__badge {
  width: 150px;
  margin-bottom: 20px;
}
.cluster-header__content {
  position: relative;
  z-index: 2;
}
.cluster-header__content__text {
  margin-bottom: 25px;
  padding: 0 2rem;
}
@media print, screen and (min-width: 64em) {
  .cluster-header__content__text {
    margin-bottom: 0px;
    padding: 0 0.9375rem;
    padding-top: 40px;
  }
}
@media print, screen and (min-width: 64em) {
  .cluster-header__content__text__container {
    width: 80%;
  }
}
.cluster-header__content__text__container h1 {
  font-weight: 800;
  font-size: 2.5rem !important;
  line-height: 1.1 !important;
  letter-spacing: -2px;
  margin-top: 30px;
}
@media print, screen and (min-width: 40em) {
  .cluster-header__content__text__container h1 {
    font-size: 2.4rem;
    margin-top: 10px;
    padding-right: 0px !important;
    line-height: 1.2 !important;
    letter-spacing: -1px;
    margin-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  .cluster-header__content__text__container h1 {
    margin-top: 0px;
    font-size: 45px !important;
  }
}
.cluster-header__content__text__buttons {
  margin: 35px 0px;
}
@media print, screen and (min-width: 40em) {
  .cluster-header__content__text__buttons {
    margin: 20px 0px 20px;
  }
}
.cluster-header__content__text__buttons__button a {
  width: 100%;
  text-align: center;
  margin-bottom: 20px;
}
.cluster-header__content__text__buttons__button a span {
  line-height: 1.5;
}
.cluster-header__content__text__buttons__button:last-of-type a {
  margin-bottom: 0px;
}
@media print, screen and (min-width: 40em) {
  .cluster-header__content__text__buttons__button {
    display: inline-block;
    margin-bottom: 15px;
  }
  .cluster-header__content__text__buttons__button::after {
    content: "•";
    margin: 0px 20px;
    color: #1e225d;
    content: " ";
    margin: 0px 5px;
  }
  .cluster-header__content__text__buttons__button:last-of-type::after {
    display: none;
  }
  .cluster-header__content__text__buttons__button a {
    width: inherit;
    text-align: left;
    margin-bottom: 0px;
  }
}
.cluster-header__content__text__more {
  display: none;
}
.cluster-header__content__text__subclusters {
  font-weight: 600;
  padding-bottom: 8px;
  border-bottom: 1px solid #1e225d;
  width: 80%;
}
.cluster-header__container {
  height: 100%;
  padding-top: 50px;
  position: relative;
  z-index: 2;
}
@media print, screen and (min-width: 40em) {
  .cluster-header__container {
    height: 600px;
  }
}
.cluster-header__container .row {
  height: 100%;
}
.cluster-header__container__left {
  padding-right: 0.625rem;
  padding-left: 0.625rem;
  margin-bottom: 20px;
}
@media print, screen and (min-width: 40em) {
  .cluster-header__container__left {
    margin-bottom: 0px;
  }
}
.cluster-header__container__right {
  background-color: white;
}
@media print, screen and (min-width: 40em) {
  .cluster-header__container__right {
    background-color: transparent;
  }
}
.cluster-header__subtext {
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  font-weight: 500;
}
@media print, screen and (min-width: 40em) {
  .cluster-header__subtext {
    text-align: left;
    padding-bottom: 20px;
    max-width: 80%;
  }
}
.cluster-header__subtext.rating {
  border-radius: 10px;
  background: #f2f8ff;
  display: flex;
  margin-bottom: 20px;
}
.cluster-header__subtext.rating .start__reviews__ratings__text {
  display: inline-block;
}
@media print, screen and (min-width: 40em) {
  .cluster-header__subtext.rating {
    margin-bottom: initial;
    background: transparent;
    display: block;
  }
}
.cluster-header .inline-spacer {
  display: block;
}
.cluster-header__buttons .cf-button--orange-flat, .cluster-header__buttons .cf-button--blue-alt {
  display: inline-flex !important;
  width: 100% !important;
  justify-content: space-between;
}
@media screen and (min-width: 64em) {
  .cluster-header__buttons .cf-button--orange-flat, .cluster-header__buttons .cf-button--blue-alt {
    width: 70% !important;
  }
}
.cluster-header__buttons .cf-button.shadow {
  margin-right: 0px;
  margin-bottom: 10px;
}
@media screen and (min-width: 25em) {
  .cluster-header__buttons .cf-button.shadow {
    margin-right: 40px;
    margin-bottom: 0px;
  }
  .cluster-header__buttons .inline-spacer {
    display: inline;
  }
}
@media print, screen and (min-width: 40em) {
  .cluster-header__buttons {
    text-align: left;
  }
}
.cluster-header__date {
  font-weight: 600;
  color: #ff9900;
}
@media print, screen and (min-width: 40em) {
  .cluster-header {
    position: relative;
    margin-top: 0px;
  }
  .cluster-header__container {
    height: 575px;
    padding-top: 50px;
    background-image: url("https://www.competencefactory.nl/wordpress/wp-content/uploads/2021/11/Esther-Mutsaers-4-1_adobespark-e1636931608789.png");
    background-repeat: no-repeat;
    background-size: 45%;
    background-position: 95% 100%;
  }
}
@media print, screen and (min-width: 64em) {
  .cluster-header {
    height: 700px;
    margin-top: 0px;
  }
  .cluster-header__container {
    height: 700px;
    padding-top: 60px;
    padding-left: 10px;
    background-image: url("https://www.competencefactory.nl/wordpress/wp-content/uploads/2021/11/Esther-Mutsaers-4-1_adobespark-e1636931608789.png");
    background-repeat: no-repeat;
    background-size: 35%;
    background-position: 95% 100%;
  }
  .cluster-header__subtext {
    display: block;
  }
  .cluster-header__date {
    margin-bottom: 0.5rem;
  }
}
@media screen and (min-width: 75em) {
  .cluster-header {
    height: 700px;
    margin-top: 0px;
  }
  .cluster-header__container {
    height: 700px;
    padding-top: 70px;
    padding-left: 20px;
    background-image: url("https://www.competencefactory.nl/wordpress/wp-content/uploads/2021/11/Esther-Mutsaers-4-1_adobespark-e1636931608789.png");
    background-repeat: no-repeat;
    background-size: 35%;
    background-position: 95% 100%;
  }
}
@media screen and (min-width: 90em) {
  .cluster-header {
    height: 700px;
  }
  .cluster-header__container {
    height: 700px;
    padding-top: 70px;
    padding-left: 20px;
  }
}
.cluster-header__title {
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  font-family: "Lexend", sans-serif;
  font-weight: 800;
  width: 100%;
  font-size: 3.1rem;
  line-height: 1.1;
  padding: 0;
  padding-bottom: 15px;
}
@media print, screen and (min-width: 40em) {
  .cluster-header__title {
    padding-right: 20px;
  }
}
@media print, screen and (min-width: 40em) {
  .cluster-header__title {
    font-size: 3.4rem;
    text-align: left;
  }
}
@media print, screen and (min-width: 64em) {
  .cluster-header__title {
    font-size: 4rem;
    max-width: 1200px;
    padding-bottom: 20px;
  }
}
@media screen and (min-width: 75em) {
  .cluster-header__title {
    font-size: 4rem;
  }
}
.cluster-header__subtitle {
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  font-weight: 500;
  width: 100%;
  line-height: 1.1;
  padding: 0;
  padding-bottom: 15px;
  text-align: center;
  font-size: 1rem;
}
@media screen and (min-width: 22.5em) {
  .cluster-header__subtitle {
    font-size: 1rem;
  }
}
@media screen and (min-width: 26.25em) {
  .cluster-header__subtitle {
    font-size: 1rem;
  }
}
@media print, screen and (min-width: 40em) {
  .cluster-header__subtitle {
    font-size: 1rem;
    font-weight: 800;
    text-align: left;
  }
}
@media print, screen and (min-width: 64em) {
  .cluster-header__subtitle {
    font-size: 1.5rem;
    max-width: 1200px;
    padding-bottom: 20px;
  }
}
.cluster-header__action {
  position: absolute;
  right: 20px;
  bottom: 20px;
  font-size: 1.5rem;
}
.cluster-header__button {
  width: 280px;
  position: absolute;
  top: 250px;
  left: 350px;
}
.cluster-header--subcluster {
  padding-bottom: 0px !important;
}
@media print, screen and (min-width: 64em) {
  .cluster-header--subcluster {
    height: inherit;
  }
}
.cluster-header--subcluster .cluster-header__text-background span {
  font-size: 600px;
  font-weight: 800;
  letter-spacing: -60px;
  line-height: 450px;
  width: 55%;
}
@media print, screen and (min-width: 40em) {
  .cluster-header--subcluster .cluster-header__background {
    height: 450px;
  }
}
@media print, screen and (min-width: 64em) {
  .cluster-header--subcluster .cluster-header__background__overlay {
    bottom: -20px;
  }
}
@media print, screen and (min-width: 40em) {
  .cluster-header--subcluster .cluster-header__background__image {
    height: 450px;
  }
}
.cluster-header--subcluster .cluster-header__background__image img {
  max-height: 260px;
}
@media print, screen and (min-width: 40em) {
  .cluster-header--subcluster .cluster-header__background__image img {
    max-height: 360px;
  }
}
@media print, screen and (min-width: 64em) {
  .cluster-header--subcluster .cluster-header__background__image img {
    max-height: 380px;
  }
}
.cluster-header--stap {
  background-color: #00BEBC;
}
@media print, screen and (min-width: 64em) {
  .cluster-header--stap {
    height: inherit;
  }
}
.cluster-header--stap .cluster-header__text-background {
  z-index: 0;
}
.cluster-header--stap .cluster-header__text-background span {
  font-size: 600px;
  font-weight: 800;
  letter-spacing: -60px;
  line-height: 450px;
  width: 70%;
}
@media print, screen and (min-width: 40em) {
  .cluster-header--stap .cluster-header__background {
    height: 450px;
  }
}
.cluster-header--stap .cluster-header__background__designation {
  bottom: 20px;
  left: 20px;
}
@media print, screen and (min-width: 64em) {
  .cluster-header--stap .cluster-header__background__designation {
    right: 20px;
    left: unset;
  }
}
.cluster-header--stap .cluster-header__background__overlay {
  width: 100%;
}
@media print, screen and (min-width: 64em) {
  .cluster-header--stap .cluster-header__background__overlay {
    bottom: 0px;
  }
}
.cluster-header--stap .cluster-header__background__text {
  line-height: 310px;
}
@media print, screen and (min-width: 40em) {
  .cluster-header--stap .cluster-header__background__text {
    line-height: 400px;
  }
}
@media print, screen and (min-width: 40em) {
  .cluster-header--stap .cluster-header__background__text span {
    font-size: 500px;
  }
}
.cluster-header--stap .cluster-header__background__image {
  bottom: 0px;
}
@media print, screen and (min-width: 40em) {
  .cluster-header--stap .cluster-header__background__image {
    height: 450px;
  }
}
.cluster-header--stap .cluster-header__background__image img {
  max-height: 450px;
}
.cluster-header--stap .cluster-header__content {
  position: relative;
  z-index: 2;
}
.cluster-header--stap .cluster-header__content__text__container {
  padding-top: 40px;
}
@media print, screen and (min-width: 64em) {
  .cluster-header--stap .cluster-header__content__text__container {
    padding-top: 0px;
    width: 100%;
  }
}
.cluster-header--stap .cluster-header__content__text__container h1, .cluster-header--stap .cluster-header__content__text__container p {
  color: white;
}
.cluster-header--stap .cluster-header__content__text__container p {
  font-size: 1.125rem;
}
.cluster-header--stap .cluster-header__content__text__container p a {
  color: white;
  font-weight: bold;
}
.cluster-header--stap .cluster-header__content__text__container a {
  width: unset;
}

.categorie-header {
  margin-bottom: 1rem;
}
@media print, screen and (min-width: 40em) {
  .categorie-header {
    min-height: 284px;
    margin-bottom: 1.5rem;
    background: none;
    border-bottom: none;
  }
}
.categorie-header__title {
  font-weight: 800;
  font-size: 1.5rem;
  color: #1e225d;
  margin-bottom: 25px;
  margin-top: 25px;
}
@media print, screen and (min-width: 40em) {
  .categorie-header__title {
    margin-top: 0px;
    font-size: 1.75rem;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.4), 1px 1px 5px rgba(255, 255, 255, 0.05);
  }
}
.categorie-header__title img {
  float: right;
  margin: 0 0 0 15px;
}
@media print, screen and (min-width: 40em) {
  .categorie-header__title img {
    float: none;
    display: inline-block;
    margin: -3px 0 0 0.5rem;
  }
}
.categorie-header .page__intro {
  font-size: 1rem;
  color: #0a0a0a;
}

@media print, screen and (min-width: 40em) {
  .categorie__banner {
    margin-bottom: 1.5rem;
  }
}
.categorie__banner__image {
  background-size: cover;
  background-position: center center;
  width: 100%;
  height: 300px;
  border-radius: 10px;
}
@media print {
  .categorie__banner__image {
    /*background-size: cover!important;
    background-position: center center!important;
    -webkit-print-color-adjust: exact !important;   /* Chrome, Safari */
    /*color-adjust: exact !important;                 /*Firefox*/
    display: none;
  }
}
.categorie__sidebar .training-links__list {
  font-size: 1rem;
}
@media print, screen and (min-width: 40em) {
  .categorie__sidebar .training-links {
    margin-bottom: 1.5rem;
  }
}
.categorie__sidebar__readmore {
  cursor: pointer;
  text-decoration: underline;
  color: #2471B9;
  text-align: center;
}
@media print, screen and (min-width: 40em) {
  .categorie__sidebar__readmore {
    text-align: left;
    margin-bottom: 1.5rem;
  }
}
.categorie__sidebar__readmore:hover, .categorie__sidebar__readmore:active {
  text-decoration: none;
}
.categorie__overview {
  background-color: #fafafb;
  padding-top: 25px;
  position: relative;
}
@media print, screen and (min-width: 40em) {
  .categorie__overview {
    border: 1px solid #a7a7a7;
    border-radius: 8px 0px 0px 8px;
    padding: 30px;
  }
}
.categorie__overview__title {
  font-weight: 750;
  margin-bottom: 25px;
  font-size: 1.5rem;
  text-align: center;
  color: #0a0a0a;
}
@media print, screen and (min-width: 40em) {
  .categorie__overview__title {
    text-align: left;
  }
}
.categorie__overview__filter {
  display: flex;
  margin-bottom: 25px;
}
.categorie__overview__filter__option {
  background-color: #fff;
  color: #191e58;
  text-align: center;
  width: 100%;
  padding: 5px 0px;
  font-weight: 600;
  font-size: 0.9rem;
  cursor: pointer;
  transition: background 400ms, color 400ms;
}
.categorie__overview__filter__option.selected, .categorie__overview__filter__option:active, .categorie__overview__filter__option:hover, .categorie__overview__filter__option:focus {
  background-color: #206bb4;
  color: white;
  border: 1px solid #505050;
}
.categorie__overview__filter__grid {
  row-gap: 25px;
}
.categorie__overview__filter__grid.mobile-container {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
.categorie__overview__filter__list {
  display: none;
}
.categorie__overview__filter__barebonelist {
  display: none;
}

.mobile-filter {
  position: relative;
}
.mobile-filter__button {
  margin-bottom: 0px;
  height: 32px;
  font-size: 12px;
  font-weight: 600;
  padding-left: 2rem;
  padding-top: 7px;
  padding-bottom: 7px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%2830, 34, 92%29'></polygon></svg>"), url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path style="fill: rgb%2830, 34, 92%29" d="M6 21l6-8h-4v-10h-4v10h-4l6 8zm16-12h-8v-2h8v2zm2-6h-10v2h10v-2zm-4 8h-6v2h6v-2zm-2 4h-4v2h4v-2zm-2 4h-2v2h2v-2z"/></svg>');
  background-origin: content-box, content-box;
  background-position: right -1rem center, left -1.5rem center;
  background-repeat: no-repeat, no-repeat;
  background-size: 9px 6px, 18px 15px;
  color: #1E225C;
}
.mobile-filter__expand {
  display: none;
  z-index: 2;
  position: absolute;
  right: 20px;
  background: white;
  border-radius: 8px;
  width: 70%;
  padding: 10px;
  box-shadow: 0px 15px 40px rgba(42, 62, 82, 0.129);
}
.mobile-filter__expand__close-button {
  text-align: right;
}
.mobile-filter__expand .tabbing.categories {
  display: block;
  white-space: initial;
}
.mobile-filter__expand .tabbing.categories li {
  display: flex;
  width: 100%;
  justify-content: space-between;
  border: none;
}

.sub-category {
  position: relative;
  padding-top: 25px;
}
.sub-category__banner > .row {
  position: relative;
}
.sub-category__banner__background {
  position: absolute;
  height: 100%;
  width: 98%;
  right: 0px;
  background: beige;
  border-radius: 0px 0px 0px 70px;
  z-index: -1;
}
.sub-category__banner__text {
  margin: 0 auto;
  padding: 75px 5%;
}
@media print, screen and (min-width: 40em) {
  .sub-category__banner__text {
    padding: 100px 15%;
  }
}
@media print, screen and (min-width: 64em) {
  .sub-category__banner__text {
    padding: 100px 30%;
  }
}
.sub-category__banner__title {
  text-align: center;
}
.sub-category__banner__subtext {
  text-align: center;
}
.sub-category__filter {
  position: relative;
  margin-bottom: 25px;
  /*tabbing */
}
@media screen and (min-width: 40em) {
  .sub-category__filter {
    margin-bottom: 0px;
  }
}
.sub-category__filter > .row {
  justify-content: center;
  align-content: center;
}
.sub-category__filter__container {
  background-color: #fff;
}
.sub-category__filter__container.sticky {
  position: sticky;
  top: 90px;
  transition: top 400ms, box-shadow 400ms;
}
.sub-category__filter .tab-head {
  display: flex;
  justify-content: space-between;
  -moz-column-gap: 10px;
       column-gap: 10px;
  padding: 0px;
  border-bottom: 1px solid #D6D6D6;
  overflow: scroll;
}
.sub-category__filter .tab-head.view {
  padding: 15px 0px;
}
@media screen and (min-width: 40em) {
  .sub-category__filter .tab-head {
    padding: 15px 0px;
    flex-wrap: wrap;
    overflow: visible;
  }
}
.sub-category__filter .tab-head:first-of-type {
  padding-top: 0px;
}
.sub-category__filter .tab-head.noborder {
  border-bottom: 0px !important;
}
.sub-category__filter .tab-head h6 {
  font-size: 15px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.14;
  letter-spacing: normal;
  text-align: left;
  padding-bottom: 10px;
  /* border-bottom: 2px solid #747AA557;*/
  margin-right: 40px;
  margin-bottom: 5px;
}
.sub-category__filter ul.tabbing {
  margin: 0px;
  padding: 0px;
  list-style: none;
  display: flex;
}
@media screen and (min-width: 40em) {
  .sub-category__filter ul.tabbing {
    flex-wrap: wrap;
  }
}
.sub-category__filter .tab-title {
  flex-basis: 100%;
  margin-top: 0px;
}
.sub-category__filter ul.tabbing li.current {
  background: #106bc6;
  color: #fff;
}
.sub-category__filter ul.tabbing li.current span {
  color: white;
}
.sub-category__filter ul.tabbing li.current svg {
  position: relative;
  top: 2px;
}
.sub-category__filter ul.tabbing li.current svg path {
  fill: white;
}
.sub-category__filter .verticle-tabbing ul.tabbing li.current {
  color: #fff;
  border: none;
  background-color: #1a2c6c;
  color: #fff;
}
.sub-category__filter .verticle-tabbing .tab-content {
  margin-top: 0px;
}
.sub-category__filter .verticle-tabbing .tab-content strong {
  padding: 20px 0px;
  display: block;
}
.sub-category__filter ul.tabbing li {
  background: none;
  display: inline-block;
  white-space: nowrap;
  padding: 5px 15px;
  cursor: pointer;
  font-size: 12px;
  line-height: 20px;
  border: none;
  background-color: #fff;
  margin-right: 0px;
  flex-grow: 1;
  flex-basis: 50%;
}
.sub-category__filter ul.tabbing li svg {
  position: relative;
  top: 2px;
}
.sub-category__filter ul.tabbing li:hover {
  background: #106bc6;
  color: #fff;
  transition: all 400ms;
}
.sub-category__filter ul.tabbing li:hover svg path {
  fill: white;
}
@media screen and (min-width: 64em) {
  .sub-category__filter ul.tabbing li.type {
    flex-basis: 100%;
  }
}
.sub-category__filter ul.tabbing.categories li {
  display: flex;
  justify-content: space-between;
}
.sub-category__filter .verticle-tabbing ul.tabbing li {
  display: block;
  border-radius: 2px;
  border: transparent;
  font-weight: 800;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  text-align: left;
  color: #1e225c;
  font-size: 20px;
  position: relative;
  width: 350px;
  padding: 15px;
  margin-left: 50px;
  transition: all 0.4s ease;
}
.sub-category__filter .verticle-tabbing li.tab-link:hover {
  background-color: #1a2c6c;
  color: #fff !important;
}
.sub-category__filter .verticle-tabbing ul.tabbing li span {
  font-size: 16px;
}
.sub-category__filter .tab-bottom {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.sub-category__filter .tab-bottom__item {
  border: 1px solid #C2C7CC;
  border-radius: 8px;
  padding: 15px;
  width: 100%;
}
.sub-category__filter .tab-bottom__item.usps {
  font-size: 0.8rem;
}
.sub-category__filter .tab-bottom__item.usps div {
  margin-bottom: 5px;
}
.sub-category__filter .tab-bottom__item.usps div:last-of-type {
  margin-bottom: 0px;
}
.sub-category__filter .tab-bottom__item.usps div > span {
  padding-left: 25px;
  display: inline-block;
}
.sub-category__filter .tab-bottom__item.keuzehulp {
  font-weight: 600;
  font-size: 0.8rem;
  color: #1E225C;
}
.sub-category__filter .tab-bottom__item.keuzehulp a {
  color: #ff9900;
}
.sub-category__filter .tab-bottom__item.keuzehulp a:hover {
  text-decoration: none;
}

.scroll-down .contact-info-section > .row {
  margin-top: 0px !important;
  transform: none;
  max-width: 100% !important;
  width: 100%;
  height: 70px;
  transition: all 400ms;
  background: white;
}

.scroll-up .contact-info-section > .row:not(.is-anchored) {
  margin-top: 74px !important;
  transform: none;
  max-width: 100% !important;
  height: 70px;
  width: 100%;
  background: white;
}

body:not(.scroll-up):not(.scroll-down).scroll-submenu .contact-info-section > .row:not(.is-anchored) {
  transform: translate3d(0, -100%, 0);
  margin-top: 0px !important;
  max-width: 100% !important;
  height: 0px;
}

body.scroll-header .contact-info-section, body:not(.scroll-up):not(.scroll-down):not(.scroll-header):not(.scroll-submenu) .contact-info-section {
  display: none;
}

body.scroll-submenu .contact-info-section {
  height: 0px !important;
  padding: 0px !important;
}

body.scroll-up .contact-info-section, body.scroll-down .contact-info-section {
  display: block;
}

/*
.scroll-down .contact-info-section {
	margin-top:0px!important;
	transform: none;
	max-width:100%!important;
  }
  .scroll-up .contact-info-section {
	margin-top:74px!important;
	transform: none;
	max-width:100%!important;
  }
  body:not(.scroll-up):not(.scroll-down).scroll-submenu .contact-info-section {
	transform: translate3d(0, -100%, 0);
	margin-top:0px!important;
	max-width:100%!important;

  }
  body .contact-info-section{
	  display:none;
  }
  body.scroll-up .contact-info-section, body.scroll-down .contact-info-section {
	display:block;
  }
*/
/*.scroll-down .contact-info-section{
	top: -65px!important;
	@include breakpoint(large){
		top: -85px!important;
	} 

}*/
.scroll-up .contact-info-section, .scroll-header .contact-info-section, .scroll-submenu .contact-info-section {
  top: 45px;
}
@media print, screen and (min-width: 64em) {
  .scroll-up .contact-info-section, .scroll-header .contact-info-section, .scroll-submenu .contact-info-section {
    top: 65px;
  }
}

.header-section h1 {
  max-width: 700px;
  padding: 0;
  font-size: 2.375rem !important;
}
.header-section .grid-container {
  display: grid;
  gap: 10px;
  grid-template-columns: 1fr;
}
@media print, screen and (min-width: 64em) {
  .header-section .grid-container {
    gap: 10px;
  }
}
@media print, screen and (min-width: 40em) {
  .header-section .grid-container {
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
  }
}
.header-section .grid-item {
  display: flex;
  gap: 10px;
}
.header-section .grid-item__text {
  font-size: 13px;
  font-weight: 450;
  color: #1e225d;
  line-height: 1.5 !important;
  margin-bottom: 0px !important;
  margin-top: 5px;
}
@media print, screen and (min-width: 40em) {
  .header-section .grid-item__text {
    max-width: 220px;
  }
}
.header-section .logo {
  margin-top: 3px;
  flex-basis: 20px;
}
.header-section .logo img {
  width: 20px;
  height: 20px;
  min-width: 20px;
  -o-object-fit: contain;
     object-fit: contain;
  filter: invert(11%) sepia(29%) saturate(5639%) hue-rotate(229deg) brightness(87%) contrast(95%);
  margin-top: -5px;
  /*filter: invert(39%) sepia(5%) saturate(475%) hue-rotate(173deg) brightness(96%) contrast(91%);*/
}
.header-section .text {
  font-size: 13px;
  font-weight: 450;
  max-width: 220px;
  color: #5F6368;
}
.header-section .award {
  margin: 16px auto 0 auto;
  text-align: center;
}
@media print, screen and (min-width: 40em) {
  .header-section .award {
    margin: 0 0 0 2rem;
  }
}
.header-section .award img {
  width: 105px;
}
.header-section .award.has-drawer:hover {
  cursor: pointer;
}
.header-section .award-text, .header-section .award-text p {
  margin-top: 12px;
  text-align: center;
  font-size: 0.875rem;
}
.header-section .award-text a, .header-section .award-text p a {
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  font-weight: 400;
  color: #1e225d !important;
}
.header-section .social-container {
  display: flex;
  flex-direction: column;
}
@media print, screen and (min-width: 40em) {
  .header-section .social-container {
    flex-direction: row;
  }
}
.header-section .review-section {
  margin-top: 35px;
  text-align: left;
}
.header-section .review-score {
  display: flex;
  align-items: center;
  justify-content: center;
}
.header-section .stars {
  display: flex;
  margin-right: 10px;
}
.header-section .star {
  font-size: 20px;
  color: #FFD700; /* Gold color for filled stars */
}
.header-section .star .fa-star, .header-section .star .fa-star-half {
  color: #FFD700;
}
.header-section .star svg path {
  fill: #FFD700;
}
.header-section .star.filled {
  color: #FFD700;
}
.header-section .star.filled .fa-star, .header-section .star.filled .fa-star-half {
  color: #FFD700;
}
.header-section .star.filled svg path {
  fill: #FFD700;
}
.header-section .score {
  font-size: 26px;
  font-weight: bold;
  font-family: Caveat, serif;
}
.header-section .review-count {
  margin-top: 3px;
  font-size: 15px;
  text-align: center;
}
.header-section .review-link {
  margin-top: 3px;
  text-align: center;
}
.header-section .review-link a {
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  font-size: 15px;
  color: #1e225d;
}
.header-section .review-link a:hover {
  text-decoration: none;
}
@media print, screen and (min-width: 64em) {
  .header-section .incompany__intro__container__text {
    padding-right: 0px !important;
  }
}
.header-section .right-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.header-section .incompany__intro__socialproof {
  justify-content: flex-start;
}

.contact-info-section {
  padding: 20px 0;
  border-top: 1px solid #bbbbbb;
  transition: all 300ms;
}
@media print, screen and (min-width: 40em) {
  .contact-info-section {
    position: sticky;
    background-color: white;
    z-index: 20;
    top: 0px;
  }
}

.contact-info-left {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  row-gap: 5px;
}

.contact-item {
  display: flex;
  align-items: center;
}
.contact-item.nolink {
  flex-basis: 100%;
}
@media screen and (min-width: 75em) {
  .contact-item.nolink {
    flex-basis: unset;
  }
}
.contact-item.nolink p {
  font-size: 0.875rem;
  font-weight: 600;
}

.contact-item p {
  margin: 0;
}

.contact-link {
  text-decoration: underline;
  margin-left: 10px;
  color: #5C5F93;
  font-size: 0.9rem;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
}
.contact-link span {
  font-family: "Lexend", sans-serif;
  font-display: fallback;
}

.icon-contact {
  width: 20px;
  height: 20px;
  margin-right: 10px;
}

.contact-bar {
  display: flex;
  flex-direction: column;
  padding: 0.5rem 2rem;
  gap: 10px;
}
@media print, screen and (min-width: 40em) {
  .contact-bar {
    flex-direction: row;
    justify-content: space-between;
  }
}

.contact-info-right {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
@media print, screen and (min-width: 40em) {
  .contact-info-right {
    justify-content: flex-end;
  }
}
.contact-info-right a, .contact-info-right button {
  margin-bottom: 0px;
}
.contact-info-right a img, .contact-info-right button img {
  filter: invert(99%) sepia(39%) saturate(0%) hue-rotate(36deg) brightness(110%) contrast(100%);
}

.button-no-margin {
  margin: 0;
}

.training-section {
  padding: 50px 0;
  background-color: #f8f8fa;
}
@media print, screen and (min-width: 64em) {
  .training-section {
    padding: 100px 0px;
  }
}
.training-section .container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px;
}
.training-section__header {
  text-align: center;
  max-width: 600px;
  margin: 0 auto 40px auto;
}
.training-section__header__column {
  padding: 0 2rem;
}
.training-section__title {
  font-size: 2.188rem;
  font-weight: 800;
  line-height: 2.5rem;
  margin-bottom: 24px;
}
.training-section__description {
  max-width: 800px;
  margin: 0 auto;
}
.training-section__description a {
  font-family: "Lexend", sans-serif;
  font-display: fallback;
}
.training-section__footer {
  text-align: center;
  margin-top: 40px;
}
.training-section__button {
  display: inline-block;
  padding: 12px 32px;
  background-color: #1e225c;
  color: #fff;
  font-weight: 600;
  border-radius: 7%;
  text-decoration: none;
  transition: all 0.3s ease;
}
.training-section__button:hover {
  background-color: rgb(17.4590163934, 19.7868852459, 53.5409836066);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.training-tabs {
  margin-bottom: 30px;
  text-align: center;
}
@media print, screen and (min-width: 64em) {
  .training-tabs {
    margin-bottom: 80px;
  }
}
.training-tabs__header {
  display: inline-flex;
  justify-content: center;
  gap: 15px;
  padding: 7px 9px;
  border-radius: 100px;
  background-color: #EEEEF3;
  margin: 0 auto 0px auto;
}
.training-tabs__button {
  padding: 10px 24px;
  background-color: transparent;
  border-radius: 100px;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.2;
  cursor: pointer;
  transition: all 0.3s ease;
}
.training-tabs__button.active {
  background-color: #fff;
  color: #1e225c;
}
.training-tabs__button:hover:not(.active) {
  background-color: #f5f5f5;
}

.training-slider {
  display: none;
  position: relative;
}
.training-slider.active {
  display: block;
}
.training-slider__wrapper {
  display: flex;
  overflow-x: auto;
  scroll-behavior: smooth;
  gap: 20px;
  padding: 10px;
  padding-bottom: 30px;
  scroll-snap-type: x mandatory; /* <--- Dit zorgt voor het snappen */
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.training-slider__wrapper::-webkit-scrollbar {
  display: none;
}
@media print, screen and (min-width: 64em) {
  .training-slider__wrapper.lessthanthree {
    scroll-snap-type: none;
    scroll-behavior: auto;
    overflow-x: hidden;
    justify-content: center;
  }
  .training-slider__wrapper.lessthanthree .training-card {
    scroll-snap-align: none;
  }
  .training-slider__wrapper.lessthanthree .training-card__inneritem {
    transform: none;
  }
  .training-slider__wrapper.lessthanthree .training-card:hover .training-card__inneritem {
    transform: translateY(-5px);
  }
}
.training-slider__controls {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  gap: 15px;
}
.training-slider__arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid #e0e0e0;
  background-color: #fff;
  cursor: pointer;
  transition: all 0.3s ease;
}
.training-slider__arrow:hover {
  background-color: #f5f5f5;
  border-color: rgb(198.5, 198.5, 198.5);
}
.training-slider__arrow svg {
  width: 20px;
  height: 20px;
  stroke: #333;
}
.training-slider__dots {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.training-slider .dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #e0e0e0;
  cursor: pointer;
  transition: all 0.3s ease;
}
.training-slider .dot.active {
  background-color: #1e225c;
  transform: scale(1.2);
}
.training-slider .training-card {
  width: 320px;
  scroll-snap-align: start; /* of center / end afhankelijk van je voorkeur */
  max-width: 320px;
}
.training-slider .training-card.highlighted .training-card__inneritem {
  border: 1px solid #b6b7c9;
}
@media print, screen and (min-width: 40em) {
  .training-slider .training-card {
    min-width: 400px;
  }
}
.training-slider .training-card__inneritem {
  transform: translateX(calc(max(1380px, 100vw) / 2 - 660px));
  display: flex;
  flex-direction: column;
  background-color: #fff;
  border-radius: 30px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  padding: 15px;
  border: 1px solid white;
  height: 100%;
}
.training-slider .training-card:hover .training-card__inneritem {
  transform: translateX(calc(max(1380px, 100vw) / 2 - 660px)) translateY(-5px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
}
.training-slider .training-card__header {
  position: relative;
  padding: 16px;
  display: flex;
  justify-content: flex-end;
}
.training-slider .training-card__favorite {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  margin: 0;
}
.training-slider .training-card__favorite svg {
  stroke: #e0e0e0;
  fill: none;
  transition: all 0.3s ease;
}
.training-slider .training-card__favorite svg:hover {
  stroke: #1e225c;
}
.training-slider .training-card__favorite.active svg {
  fill: #1e225c;
  stroke: #1e225c;
}
.training-slider .training-card__tag {
  position: absolute;
  left: 50%;
  top: 16px;
  padding: 4px 10px;
  background-color: #f5f5f5;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 600;
  transform: translateX(-50%);
  text-align: center;
}
.training-slider .training-card__content {
  flex: 1;
  padding: 0 8px 16px;
}
@media print, screen and (min-width: 40em) {
  .training-slider .training-card__content {
    padding: 0 16px 16px;
  }
}
.training-slider .training-card__title {
  font-size: 1.375rem;
  line-height: 1.5rem;
  font-weight: 600;
  margin-bottom: 25px;
  margin-top: 13px;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  text-align: center;
}
@media print, screen and (min-width: 64em) {
  .training-slider .training-card__title {
    margin-bottom: 36px;
  }
}
.training-slider .training-card__intro {
  font-size: 0.938rem;
  line-height: 1.25rem;
  margin-bottom: 25px;
}
.training-slider .training-card__details {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  margin-bottom: 25px;
}
@media print, screen and (min-width: 64em) {
  .training-slider .training-card__details {
    margin-bottom: 36px;
  }
}
.training-slider .training-card__detail {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
}
.training-slider .training-card__detail svg {
  color: #1e225c;
}
.training-slider .training-card__detail img {
  filter: invert(12%) sepia(22%) saturate(5688%) hue-rotate(223deg) brightness(97%) contrast(96%);
  width: 16px;
  height: 16px;
  -o-object-fit: contain;
     object-fit: contain;
}
.training-slider .training-card__category {
  display: flex;
  gap: 10px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #9899AB;
  margin-bottom: 22px;
  border-top: 1px solid #e0e0e0;
  padding-top: 25px;
}
@media print, screen and (min-width: 64em) {
  .training-slider .training-card__category {
    padding-top: 36px;
    margin-bottom: 22px;
  }
}
.training-slider .training-card__included {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.training-slider .training-card__included .training-listing {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.training-slider .training-card__included .training-listing__name {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
}
.training-slider .training-card__included .training-listing.notincluded .training-listing__name {
  color: #CBCFD9;
}
.training-slider .training-card__courses {
  margin-bottom: 15px;
}
.training-slider .training-card__courses h4 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 8px;
}
.training-slider .training-card__courses ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.training-slider .training-card__courses li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 0;
  border-bottom: 1px solid #e0e0e0;
}
.training-slider .training-card__courses li:last-child {
  border-bottom: none;
}
.training-slider .training-card__coaching {
  margin-top: 36px;
}
.training-slider .training-card__coaching .training-listing {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.training-slider .training-card__coaching .training-listing__name {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
}
.training-slider .training-card__coaching .training-listing.notincluded .training-listing__name {
  color: #CBCFD9;
}
.training-slider .training-card__footer {
  padding: 16px;
  display: flex;
  /* border-top: 1px solid #e0e0e0; */
  justify-content: center;
}
.training-slider .training-card__button {
  width: 100%;
  text-align: center;
}
.training-slider .info-button {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}
.training-slider .info-button svg {
  color: #999999;
  transition: all 0.3s ease;
}
.training-slider .info-button svg:hover {
  color: #1e225c;
}

@media (max-width: 991px) {
  .training-card {
    flex: 0 0 calc(50% - 20px);
  }
}
@media (max-width: 767px) {
  .training-section__title {
    font-size: 28px;
  }
  .training-section__description {
    font-size: 16px;
  }
  .training-section__description a {
    font-family: "Lexend", sans-serif;
    font-display: fallback;
  }
  .training-card {
    flex: 0 0 100%;
  }
}
.off-canvas.is-transition-overlap.is-open {
  box-shadow: none;
}

.scroll-header .header__mobile {
  box-shadow: none;
}

.scroll-up .category__content-blocks__container__toc, .scroll-header .category__content-blocks__container__toc, .scroll-submenu .category__content-blocks__container__toc {
  top: 90px;
}
@media print, screen and (min-width: 64em) {
  .scroll-up .category__content-blocks__container__toc, .scroll-header .category__content-blocks__container__toc, .scroll-submenu .category__content-blocks__container__toc {
    top: unset;
  }
}

@media print, screen and (min-width: 64em) {
  .scroll-up .category__content-blocks__container__toc__container, .scroll-header .category__content-blocks__container__toc__container, .scroll-submenu .category__content-blocks__container__toc__container {
    top: 140px;
  }
}

.specialization-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 30px;
}
@media print, screen and (min-width: 40em) {
  .specialization-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media print, screen and (min-width: 64em) {
  .specialization-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.specialization-card {
  background-color: #fff;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  position: relative;
  text-decoration: none;
}
.specialization-card__content {
  padding: 25px 25px 25px;
}
.specialization-card__title {
  font-size: 1.375rem;
  line-height: 1.5rem;
  font-weight: 700;
  word-break: break-word;
  color: #1e225c;
  margin-bottom: 0;
  padding-right: 10px; /* Reduced from 30px */
  flex: 1; /* Allow title to take available space */
  min-width: 0; /* Allows text to truncate if needed */
  position: relative;
}
.specialization-card__description {
  font-size: 0.875rem;
  line-height: 1.375rem;
  margin-bottom: 0px;
  margin-top: 20px;
  max-height: 10rem;
  overflow-y: auto;
  text-overflow: ellipsis;
}
.specialization-card__description a {
  font-family: "Lexend", sans-serif;
  font-display: fallback;
}
.specialization-card__button {
  width: 25px;
  height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  border: 1px solid #1e225c;
  transition: all 400ms;
  min-width: 25px; /* Prevents button from shrinking */
  flex-shrink: 0; /* Prevents button from shrinking */
}
.specialization-card__button img {
  filter: invert(17%) sepia(10%) saturate(4991%) hue-rotate(203deg) brightness(94%) contrast(105%);
  width: 18px;
  height: 18px; /* Added height to maintain aspect ratio */
  -o-object-fit: contain;
     object-fit: contain; /* Ensures the image maintains its aspect ratio */
}
.specialization-card .title-button {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.specialization-card:hover {
  cursor: pointer;
}
.specialization-card:hover .specialization-card__button {
  background-color: #1e225c;
}
.specialization-card:hover .specialization-card__button img {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(73deg) brightness(106%) contrast(101%);
}
.specialization-card:hover .specialization-card__title {
  color: #ff9900;
  transition: color 400ms;
}

.category .cluster-header__content__text__buttons__button {
  width: 100%;
}
@media print, screen and (min-width: 40em) {
  .category .cluster-header__content__text__buttons__button {
    width: inherit;
  }
}
.category__intro__container {
  margin-bottom: 50px !important;
}
@media print, screen and (min-width: 40em) {
  .category__intro__container {
    margin-bottom: 80px !important;
  }
}
.category__training-slider {
  margin: 50px 0px;
}
@media print, screen and (min-width: 64em) {
  .category__training-slider {
    margin: 100px 0px;
  }
}
.category__training-slider.graybg {
  background-color: #f6f6f6 !important;
  margin: 0px 0px;
  padding: 50px 0px !important;
}
@media print, screen and (min-width: 64em) {
  .category__training-slider.graybg {
    margin: 0px 0px;
    padding: 100px 0px !important;
  }
}
.category__training-slider__header__container {
  padding: 0 2rem;
}
.category__training-slider__header__title {
  font-size: 2.188rem;
  line-height: 2.5rem;
  font-weight: 800;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
}
.category__training-slider__header__description {
  font-size: 1rem;
  line-height: 1.5rem;
  max-width: 800px;
  margin-top: 24px;
}
.category__training-slider__header__description p {
  margin: 0;
}
.category__training-slider__slider-container {
  margin-top: 36px;
  /*
  .rf-cards-scroller {
  	position: relative;
  	margin-bottom: 20px;

  	.rf-cards-scroller-crop {
  		overflow: hidden;
  	}

  	.rf-cards-scroller-content {
  		-webkit-overflow-scrolling: touch;
  		overflow-x: auto;
  		scroll-snap-type: x mandatory;
  		scrollbar-width: none;

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

  	.rf-cards-scroller-platter {
  		display: flex;
  		flex-wrap: nowrap;
  	}

  	.snap-slide {
  		scroll-snap-align: start;
  		flex: 0 0 auto;
  		width: calc(25% - 16px);
  		margin-right: 1rem;
  		transform: translateX(calc(max(1380px, 100vw) / 2 - 660px));

  		@media (max-width: 1024px) {
  			width: calc(40.333% - 16px);
  		}

  		@media (max-width: 768px) {
  			width: calc(70% - 16px);
  		}

  		@media (max-width: 480px) {
  			width: calc(100% - 16px);
  		}
  	}*/
  /*.training-card {
  	border-radius: 8px;
  	overflow: hidden;
  	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  	background-color: white;
  	height: 100%;
  	padding: 10px;
  	min-width: 310px;
  	display: flex;
  	border: none;
  	flex-direction: column;
  	transition: transform 0.2s, box-shadow 0.2s;

  	&:hover {
  		transform: translateY(-5px);
  		box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
  	}

  	&__link {
  		text-decoration: none;
  		color: inherit;
  		display: flex;
  		flex-direction: column;
  		height: 100%;
  	}

  	&__image {
  		position: relative;
  		height: 0;
  		border-radius: 10px;
  		padding-bottom: 60%;
  		overflow: hidden;

  		img {
  			position: absolute;
  			top: 0;
  			left: 0;
  			width: 100%;
  			height: 100%;
  			object-fit: cover;
  		}
  	}

  	&__content {
  		padding: 15px;
  		display: flex;
  		flex-direction: column;
  		flex-grow: 1;
  	}

  	&__button {

  	}

  	&__category {
  		font-size: 14px;
  		padding: 6px;
  		font-weight: 600;
  		color: #575a86;
  		/* margin-bottom: 8px; */
  /*border: none;
  	background-color: #f7f8f9;
  	border-radius: 9px;
  	width: fit-content;
  	display: block;
  }

  &__title {
  	font-size: 18px;
  	font-weight: 700;
  	color: #1e215c;
  	text-align: left;
  	margin-bottom: 12px;
  	line-height: 1.3;
  }

  &__intro {
  	font-size: 14px;
  	line-height: 1.5;
  	color: #1e215c;
  	margin-bottom: 20px;
  	flex-grow: 1;
  }

  &__details {
  	display: flex;
  	/* flex-wrap: wrap; */
  /*gap: 12px;
  			font-size: 12px;
  			color: #1e215c;
  			justify-content: space-around;
  			align-items: baseline;

  			.training-card__price {
  				font-weight: 600;
  			}

  			.training-card__rating {
  				color: #f5a623;
  			}
  		}
  	}

  	// Special tag styles
  	.special-tag {
  		position: absolute;
  		top: 12px;
  		left: 0;
  		background-color: #e94ca1;
  		color: white;
  		padding: 4px 10px;
  		font-size: 12px;
  		font-weight: 600;
  		z-index: 1;
  	}

  	.visuallyhidden {
  		position: absolute;
  		width: 1px;
  		height: 1px;
  		margin: -1px;
  		padding: 0;
  		overflow: hidden;
  		clip: rect(0, 0, 0, 0);
  		border: 0;
  	}

  	// Last minute tag
  	.last-minute-tag {
  		position: absolute;
  		top: 12px;
  		left: 0;
  		background-color: #e94ca1;
  		color: white;
  		padding: 4px 10px;
  		font-size: 12px;
  		font-weight: 600;
  		z-index: 1;
  	}
  }*/
}
.category__training-slider__slider-container .rf-cards-scroller-crop {
  height: 38.5rem;
}
@media print, screen and (min-width: 40em) {
  .category__training-slider__slider-container .rf-cards-scroller-crop {
    height: 32.5rem;
  }
}
@media print, screen and (min-width: 64em) {
  .category__training-slider__slider-container .rf-cards-scroller-crop {
    height: 35rem;
  }
}
.category__training-slider__slider-container .rf-ccard-40 .rf-ccard-content {
  width: 23rem;
}
@media print, screen and (min-width: 64em) {
  .category__training-slider__slider-container .rf-ccard-40 .rf-ccard-content {
    width: 25rem;
  }
}
.category__training-slider__cta {
  margin-top: 10px; /*Changeback - to 36px; */
}
.category__training-slider__cta__container {
  padding: 0 2rem;
}
.category__specialization {
  margin: 50px 0px;
}
@media print, screen and (min-width: 64em) {
  .category__specialization {
    margin: 100px 0px;
  }
}
.category__specialization__header__container {
  padding: 0 2rem;
}
.category__specialization__header__title {
  font-size: 2.188rem;
  line-height: 2.5rem;
  font-weight: 800;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
}
.category__specialization__header__description {
  font-size: 16px;
  line-height: 1.6;
  max-width: 800px;
}
.category__specialization__header__description a {
  font-family: "Lexend", sans-serif;
  font-display: fallback;
}
.category__specialization__header__description p {
  margin: 0;
}
.category__specialization__grid-section {
  margin-top: 36px;
}
.category__specialization__grid-section__container {
  padding: 0 2rem;
}
.category__content-blocks__main-title__text {
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  font-weight: 800;
  font-size: 3.188rem;
  line-height: 2.888rem;
  text-align: center;
  margin-bottom: 0px !important;
  letter-spacing: 0 !important;
}
@media print, screen and (min-width: 40em) {
  .category__content-blocks__main-title__text {
    font-size: 4rem;
    line-height: 4rem;
  }
}
@media print, screen and (min-width: 64em) {
  .category__content-blocks__main-title__text {
    font-size: 5rem;
    line-height: 4.5rem;
  }
}
.category__content-blocks__main-title__border {
  height: 5px;
  width: 100%;
  background-color: #D6D7E5;
}
.category__content-blocks__container {
  margin: 50px auto;
  flex-direction: column;
}
@media print, screen and (min-width: 40em) {
  .category__content-blocks__container {
    flex-direction: column;
  }
}
@media print, screen and (min-width: 64em) {
  .category__content-blocks__container {
    margin: 100px auto;
    flex-direction: row;
  }
}
.category__content-blocks__container__toc {
  flex-grow: 0;
  padding: 0 2rem;
  position: sticky;
  top: 20px;
  transition: all 400ms;
}
@media print, screen and (min-width: 64em) {
  .category__content-blocks__container__toc {
    padding: 0 4rem 0 2rem;
    position: relative;
    top: unset;
  }
}
.category__content-blocks__container__toc__container {
  height: 75px;
}
@media print, screen and (min-width: 64em) {
  .category__content-blocks__container__toc__container {
    height: unset;
    padding: 37px 47px;
    background-color: white;
    position: sticky;
    top: 80px;
    box-shadow: 20px 20px 40px rgba(101, 119, 160, 0.12);
    border-radius: 12px;
    min-width: 360px;
  }
}
.category__content-blocks__container__toc__container .toc-title {
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.085rem;
  margin-bottom: 15px;
  padding: 16px 20px;
  background-color: white;
  box-shadow: 20px 20px 40px rgba(101, 119, 160, 0.12);
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  position: absolute;
}
@media print, screen and (min-width: 40em) {
  .category__content-blocks__container__toc__container .toc-title {
    font-size: 1rem;
    line-height: 1.24rem;
  }
}
@media print, screen and (min-width: 64em) {
  .category__content-blocks__container__toc__container .toc-title {
    position: relative;
    margin-bottom: 30px;
    display: block;
    line-height: 1.5rem;
    padding: 0px;
    background-color: unset;
    box-shadow: none;
    border-radius: 0px;
    font-size: 1.375rem;
  }
}
.category__content-blocks__container__toc__container .toc-title .toc-menu-button-icon {
  width: 12px;
  height: 12px;
  -o-object-fit: contain;
     object-fit: contain;
  filter: invert(17%) sepia(42%) saturate(1218%) hue-rotate(202deg) brightness(91%) contrast(106%);
}
.category__content-blocks__container__toc__container .toc-title.open .toc-menu-button-icon {
  transform: rotate(180deg);
}
.category__content-blocks__container__toc__container .toc-navigation {
  list-style-type: none;
  flex-direction: column;
  gap: 24px;
  margin: 0;
  padding: 16px 20px;
  background-color: white;
  box-shadow: 20px 20px 40px rgba(101, 119, 160, 0.12);
  border-radius: 12px;
  display: inline-flex;
  position: absolute;
  margin-top: 65px;
}
.category__content-blocks__container__toc__container .toc-navigation.closed {
  display: none;
}
@media print, screen and (min-width: 64em) {
  .category__content-blocks__container__toc__container .toc-navigation {
    margin-top: 0px;
    position: relative;
    display: flex;
    padding: 0px;
    background-color: unset;
    box-shadow: none;
    border-radius: 0px;
    font-size: 1.375rem;
  }
  .category__content-blocks__container__toc__container .toc-navigation.closed {
    display: flex;
  }
}
.category__content-blocks__container__toc__container .toc-navigation > li > a {
  display: block;
  font-size: 0.875rem;
  line-height: 1.085rem;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  font-weight: 600;
  text-decoration: none;
  transition: all 400ms;
  position: relative;
  padding-right: 20px;
}
.category__content-blocks__container__toc__container .toc-navigation > li > a:hover {
  text-decoration: underline;
}
@media print, screen and (min-width: 64em) {
  .category__content-blocks__container__toc__container .toc-navigation > li > a {
    font-size: 1rem;
    line-height: 1.2rem;
  }
}
.category__content-blocks__container__toc__container .toc-navigation > li > a.has-sub::after {
  content: " ❯";
  transform: rotate(90deg);
  display: inline-block;
  position: absolute;
  right: 0px;
  top: 2px;
}
@media print, screen and (min-width: 40em) {
  .category__content-blocks__container__toc__container .toc-navigation > li > a.has-sub::after {
    right: 0px;
    top: 2px;
  }
}
.category__content-blocks__container__toc__container .toc-navigation > li > a.has-sub.open::after {
  content: " ❯";
  transform: rotate(270deg);
  display: inline-block;
  position: absolute;
}
.category__content-blocks__container__toc__container .toc-navigation > li > ul {
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}
.category__content-blocks__container__toc__container .toc-navigation > li > ul.is-open {
  max-height: 500px; /* groot genoeg voor grootste submenu */
  margin-top: 12px;
  margin-left: 5px;
}
.category__content-blocks__container__toc__container .toc-navigation > li > ul.hidden {
  display: none;
}
.category__content-blocks__container__toc__container .toc-navigation > li > ul > li {
  display: flex;
  gap: 8px;
  align-items: center;
}
.category__content-blocks__container__toc__container .toc-navigation > li > ul > li > a {
  font-size: 0.875rem;
  line-height: 1.085rem;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  font-weight: 400;
  text-decoration: none;
  transition: all 400ms;
}
.category__content-blocks__container__toc__container .toc-navigation > li > ul > li > a:hover {
  text-decoration: underline;
}
@media print, screen and (min-width: 64em) {
  .category__content-blocks__container__toc__container .toc-navigation > li > ul > li > a {
    font-size: 1rem;
    line-height: 1.25rem;
    font-weight: 400;
  }
}
.category__content-blocks__container__toc__container .toc-navigation > li > ul > li .bullet {
  width: 6px;
  height: 6px;
  background-color: #151A5E; /* jouw kleur */
  border-radius: 50%;
  flex-shrink: 0;
}
.category__content-blocks__container__content {
  padding: 0 2rem;
  max-width: 750px;
}
.category__content-blocks__container__content .content-section p, .category__content-blocks__container__content .content-section table {
  margin-bottom: 1.5rem;
}
.category__content-blocks__container__content .content-section p:has(+ ul) {
  margin-bottom: 1rem;
}
.category__content-blocks__container__content .content-section table thead th {
  color: white;
}
.category__content-blocks__container__content .content-section table thead th b {
  color: white;
}
.category__content-blocks__container__content .content-section table td, .category__content-blocks__container__content .content-section table thead th {
  word-break: break-word;
  white-space: normal; /* of nowrap als je dat juist wil */
}
.category__content-blocks__container__content .content-section h3 {
  font-weight: 600;
  font-size: 1.375rem;
  line-height: 1.5rem;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
}
.category__content-blocks__container__content .content-section h4 {
  font-weight: 600;
  font-size: 1.2rem;
  line-height: 1.375rem;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
}
.category__content-blocks__container__content .content-section:not(:first-of-type) {
  margin-top: 65px;
}
.category__content-blocks__container__content .content-section .section-title {
  font-size: 2.188rem;
  line-height: 2.5rem;
  margin-bottom: 30px !important;
  word-break: break-word;
}
.category__content-blocks__container__content .content-section img.size-full {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px 24px 24px 24px;
}
.category__content-blocks__container__content .content-section .section-list {
  margin-top: 36px;
  display: flex;
  gap: 24px;
}
.category__content-blocks__container__content .content-section .section-list__icon {
  width: 34px;
  height: 34px;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 0;
}
.category__content-blocks__container__content .content-section .section-list__title {
  font-weight: 600;
  font-size: 1.375rem;
  line-height: 1.5rem;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
}
.category__content-blocks__container__content .content-section .subsection {
  margin-top: 65px;
}
.category__content-blocks__container__content .content-section .subsection-container {
  display: flex;
  gap: 24px;
}
.category__content-blocks__container__content .content-section .subsection-icon {
  width: 34px;
  height: 34px;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 0;
}
.category__content-blocks__container__content .content-section .subsection-title {
  font-size: 1.75rem;
  line-height: 2rem;
  margin-bottom: 24px !important;
  font-weight: 600;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
}
.category__content-blocks__container__content .content-section .subsection-image {
  margin-bottom: 24px;
  height: 270px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px 24px 24px 24px;
}
.category__choice-help {
  margin: 50px auto;
}
@media print, screen and (min-width: 64em) {
  .category__choice-help {
    margin: 100px auto;
  }
}
.category__choice-help__header__content {
  padding: 0 2rem;
}
.category__choice-help__header__title {
  font-size: 2.188rem;
  line-height: 2.5rem;
  font-weight: 800;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  text-align: left !important;
}
@media print, screen and (min-width: 40em) {
  .category__choice-help__header__title {
    text-align: center !important;
  }
}
.category__choice-help__header__description {
  margin-top: 24px;
}
.category__choice-help__header__description a {
  font-family: "Lexend", sans-serif;
  font-display: fallback;
}
.category__choice-help__blocks {
  margin-top: 42px;
}
.category__choice-help__blocks__container {
  padding: 0 2rem;
}
.category__choice-help__blocks__grid {
  display: grid;
  gap: 22px;
  grid-template-columns: 1fr;
}
@media print, screen and (min-width: 40em) {
  .category__choice-help__blocks__grid {
    grid-template-columns: 1fr 1fr;
  }
}
.category__choice-help__blocks__grid .grid-item {
  padding: 30px 30px 0px 30px;
  border-radius: 16px;
  border: 1px solid #DBDBDB;
  transition: all 400ms;
  display: flex;
  flex-direction: column;
  gap: 10px;
  overflow: hidden;
  position: relative;
}
.category__choice-help__blocks__grid .grid-item .grid-item-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.category__choice-help__blocks__grid .grid-item .grid-item-title {
  font-size: 1.375rem;
  line-height: 1.5rem;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  font-weight: 600;
}
.category__choice-help__blocks__grid .grid-item .grid-item-button {
  width: 25px;
  height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  border: 1px solid #1e225c;
  transition: all 400ms;
}
.category__choice-help__blocks__grid .grid-item .grid-item-button img {
  filter: invert(17%) sepia(10%) saturate(4991%) hue-rotate(203deg) brightness(94%) contrast(105%);
  width: 18px;
}
.category__choice-help__blocks__grid .grid-item .grid-item-description {
  font-size: 0.938rem;
  padding-right: 30px;
}
.category__choice-help__blocks__grid .grid-item .grid-item-image {
  position: relative;
  margin-top: auto;
}
.category__choice-help__blocks__grid .grid-item .grid-item-image .grid-item-image-container {
  border-radius: 16px;
  transform: rotate(3deg) translateY(20px);
  max-width: 290px;
  height: 200px;
  margin: 0 auto 0 auto;
  position: relative;
}
.category__choice-help__blocks__grid .grid-item .grid-item-image .grid-item-image-container.yellow {
  background-color: #FFC107;
}
.category__choice-help__blocks__grid .grid-item .grid-item-image .grid-item-image-container.purple {
  background-color: #B14DD6;
}
.category__choice-help__blocks__grid .grid-item .grid-item-image .grid-item-image-container img {
  transform: rotate(-3deg);
  width: 100%;
  position: absolute;
}
.category__choice-help__blocks__grid .grid-item .grid-item-image .grid-item-image-container img.bottom-align {
  bottom: 0px;
  transform: translateY(-20px) rotate(-3deg);
}
.category__choice-help__blocks__grid .grid-item .grid-item-image .grid-item-image-container img.center-align {
  top: 50%;
  transform: translateY(-50%) rotate(-3deg);
}
.category__choice-help__blocks__grid .grid-item .grid-item-overlaylink {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.category__choice-help__blocks__grid .grid-item:hover {
  cursor: pointer;
  border: 1px solid #1e225c;
}
.category__choice-help__blocks__grid .grid-item:hover .grid-item-button {
  background-color: #1e225c;
}
.category__choice-help__blocks__grid .grid-item:hover .grid-item-button img {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(73deg) brightness(106%) contrast(101%);
}
.category__choice-help__blocks__grid .help-block {
  text-decoration: none;
}
.category__choice-help__blocks__grid .help-block .image-background {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 16px;
  width: 100%;
  height: 18em;
}
@media print, screen and (min-width: 40em) {
  .category__choice-help__blocks__grid .help-block .image-background {
    width: 18em;
  }
}
.category__choice-help__blocks__grid .help-block:hover .grid-item-title {
  color: #ff9900;
  transition: color 400ms;
}
.category__choice-help__blocks__grid .help-block:hover .image-background {
  transform: rotate(-6deg) translateY(0px);
  transition: transform 400ms;
}
.category__incompany-section {
  margin: 50px auto;
}
@media print, screen and (min-width: 64em) {
  .category__incompany-section {
    margin: 100px auto;
  }
}
.category__incompany-section__header__content {
  padding: 0 2rem;
}
.category__incompany-section__header__title {
  font-size: 2.188rem;
  line-height: 2.5rem;
  font-weight: 800;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
}
.category__incompany-section__header__description {
  margin-top: 24px;
}
.category__incompany-section__header__description p {
  margin-bottom: 24px;
}
.category__incompany-section__header__description p:last-of-type {
  margin-bottom: 0px;
}
.category__incompany-section__header__image {
  position: relative;
  padding: 0 2rem;
}
@media print, screen and (min-width: 64em) {
  .category__incompany-section__header__image.left {
    padding: 0 2rem 0 0;
  }
}
@media print, screen and (min-width: 64em) {
  .category__incompany-section__header__image.right {
    padding: 0 0 0 2rem;
  }
}
.category__incompany-section__header__image .image1 {
  padding-left: 0px;
  margin-bottom: 10px;
  padding-right: 45px;
  margin-right: 0px;
}
.category__incompany-section__header__image .image1 img {
  height: 170px;
  border-radius: 0px 24px 24px 24px;
}
.category__incompany-section__header__image .image2 {
  padding-left: 35px;
  padding-right: 0px;
  margin-right: 0px;
}
.category__incompany-section__header__image .image2 img {
  height: 130px;
  border-radius: 0px 24px 24px 24px;
}
.category__incompany-section__header__image .incompany__intro__container__image__overlay {
  top: 135px;
  right: 45px;
  left: unset !important;
}
.category__incompany-section__header__image .incompany__intro__container__image__overlay img {
  width: 75px;
  height: 75px;
}
.category__incompany-section__logos {
  margin-top: 50px;
}
@media print, screen and (min-width: 64em) {
  .category__incompany-section__logos {
    margin-top: 100px;
  }
}
.category__incompany-section__logos__content {
  padding: 0 2rem;
}
.category__incompany-section__logos__title {
  font-size: 1rem;
  line-height: 1.6;
  max-width: 425px;
  margin: 0 auto;
}
.category__incompany-section__logos__grid {
  margin-top: 42px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
}
@media print, screen and (min-width: 40em) {
  .category__incompany-section__logos__grid {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 70px;
    flex-wrap: wrap;
  }
}
.category .faq-body {
  max-width: 975px;
}
.category .faq-body__subtitle {
  max-width: 590px;
  margin: 0 auto;
  font-size: 1rem;
}
.category .faq-body__subtitle a {
  font-family: "Lexend", sans-serif;
  font-display: fallback;
}
.category .faq-body__box {
  margin-top: 36px;
}
.centered {
  text-align: center;
}

.download-off-canvas {
  display: flex;
  flex-direction: column;
}
.download-off-canvas .download-image {
  width: 55%;
  margin-top: 5.5em;
}
.download-off-canvas .download-title {
  font-size: 1.5rem;
  line-height: 1.5rem;
  font-weight: 700;
  margin-top: 2rem;
  max-width: 20rem;
  color: #1e225c;
}
.download-off-canvas .download-form {
  padding: 0;
  margin: 0;
}
.download-off-canvas .download-text {
  font-size: 14px;
  margin: -2px 0px 0px 15px !important;
}
.download-off-canvas .download-disclaimer {
  color: #1e225c;
  font-size: 13px;
  line-height: 1.2rem;
  margin-top: 1rem;
}

.stars {
  display: flex;
  align-items: center;
}

.star {
  position: relative;
  display: inline-block;
  margin-right: 2px;
}

.star img {
  width: 20px;
  height: 20px;
  display: block;
}

.star.empty img {
  opacity: 0.3; /* Make empty stars more transparent */
}

.star.partial {
  position: relative;
  overflow: hidden;
}

.star.partial::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.7);
  z-index: 1;
}

.testimonial-block-home .snap-slider .rf-ccard-40 .review-card {
  height: 370px;
  width: 21rem;
}
@media print, screen and (min-width: 40em) {
  .testimonial-block-home .snap-slider .rf-ccard-40 .review-card {
    height: 420px;
  }
}
@media print, screen and (min-width: 64em) {
  .testimonial-block-home .snap-slider .rf-ccard-40 .review-card {
    height: 470px;
  }
}

.scroll-up .keuzehulp__mainbar, .scroll-submenu .keuzehulp__mainbar {
  top: 60px;
}
@media print, screen and (min-width: 64em) {
  .scroll-up .keuzehulp__mainbar, .scroll-submenu .keuzehulp__mainbar {
    top: 70px;
  }
}

@media print, screen and (min-width: 64em) {
  .scroll-up .keuzehulp__sidebar, .scroll-submenu .keuzehulp__sidebar {
    top: 170px;
  }
}

.outer-padding {
  padding: 0rem 2rem !important;
}

.categorie__container .tab-head {
  padding-left: 2rem;
  padding-right: 0;
  margin-left: 0px;
}
@media print, screen and (min-width: 64em) {
  .categorie__container .tab-head {
    padding: 0 2rem;
  }
}
.categorie__container .tab-head #keuzehulpTabbing {
  overscroll-behavior-x: contain;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.categorie__container .tab-head #keuzehulpTabbing::-webkit-scrollbar {
  display: none;
}
.categorie__container .tab-head .tabbing:first-of-type {
  margin-left: 0px !important;
}

.titleTopCatogorytrainingen div h2 {
  margin-bottom: 0px !important;
}

.keuzehulp {
  background-color: #F8F8FA;
}
.keuzehulp .twocol {
  padding-top: 30px;
}
@media print, screen and (min-width: 64em) {
  .keuzehulp .twocol {
    padding-top: 0px;
  }
}
@media print, screen and (min-width: 64em) {
  .keuzehulp {
    background-color: transparent;
  }
}
.keuzehulp__offcanvas {
  width: 320px;
  background-color: white;
}
.keuzehulp__offcanvas .keuzehulp__sidebar__container {
  padding: 20px;
}
.keuzehulp__offcanvas .keuzehulp__sidebar__container__top {
  padding-right: 0.625rem;
  padding-left: 0.625rem;
}
.keuzehulp__profile {
  padding: 2rem 0rem;
  padding-left: 1.7rem;
  padding-right: 1.7rem;
}
@media print, screen and (min-width: 64em) {
  .keuzehulp__profile {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    overflow: scroll;
    height: 100%;
  }
}
.keuzehulp__profile__bar {
  position: sticky;
  z-index: 5;
  top: 0px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 20px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 15px 30px rgba(42, 62, 82, 0.098);
  border-radius: 8px;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
@media print, screen and (min-width: 40em) {
  .keuzehulp__profile__bar {
    top: 30px;
  }
}
@media print, screen and (min-width: 40em) {
  .keuzehulp__profile__bar {
    -moz-column-gap: 40px;
         column-gap: 40px;
  }
}
@media print, screen and (min-width: 64em) {
  .keuzehulp__profile__bar {
    top: -35px;
  }
}
.keuzehulp__profile__bar__mobile-item {
  flex-grow: 1;
  flex-basis: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
@media print, screen and (min-width: 64em) {
  .keuzehulp__profile__bar__mobile-item {
    display: none;
  }
}
.keuzehulp__profile__bar__mobile-item svg {
  transform: scale(0.75);
  margin-right: 2px;
}
.keuzehulp__profile__bar__mobile-item.menu {
  justify-content: flex-start;
}
.keuzehulp__profile__bar__mobile-item.filter {
  justify-content: flex-end;
}
.keuzehulp__profile__bar__filter {
  flex-grow: 1;
  flex-basis: 0;
  display: none;
}
@media print, screen and (min-width: 64em) {
  .keuzehulp__profile__bar__filter {
    display: block;
    position: relative;
  }
}
.keuzehulp__profile__bar__filter.show {
  align-items: center;
}
@media print, screen and (min-width: 64em) {
  .keuzehulp__profile__bar__filter.show {
    display: flex;
  }
}
.keuzehulp__profile__bar__filter.show span.title {
  letter-spacing: 0px;
  color: #1E225C;
  padding-right: 20px;
}
.keuzehulp__profile__bar__filter.show select {
  border: 1px solid #1E225C;
  border-radius: 2px;
  font-size: 0.8rem;
  height: inherit;
  margin-bottom: 0px;
}
.keuzehulp__profile__bar__filter.show .mobile-filter__expand li.current {
  color: white;
}
.keuzehulp__profile__bar__filter.search input {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 2px 6px rgba(60, 84, 110, 0.2);
  border-radius: 8px;
  border: none;
  height: 37px;
  margin-bottom: 0px;
  padding: 7px 20px;
  padding-right: 40px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><path d='M21.172 24l-7.387-7.387c-1.388.874-3.024 1.387-4.785 1.387-4.971 0-9-4.029-9-9s4.029-9 9-9 9 4.029 9 9c0 1.761-.514 3.398-1.387 4.785l7.387 7.387-2.828 2.828zm-12.172-8c3.859 0 7-3.14 7-7s-3.141-7-7-7-7 3.14-7 7 3.141 7 7 7z'/></svg>");
  background-repeat: no-repeat;
  background-position: 95% 50%;
  background-size: 18px;
}
.keuzehulp__profile__bar__filter.search input::-moz-placeholder {
  color: #1E225C;
}
.keuzehulp__profile__bar__filter.search input::placeholder {
  color: #1E225C;
}
.keuzehulp__profile__bar__filter.search .close-button {
  right: 0.1rem;
  top: 1rem;
}
.keuzehulp__profile__bar__filter.view ul.tabbing {
  display: flex;
}
.keuzehulp__profile__bar__filter.view ul.tabbing li {
  flex-basis: 0;
  flex-grow: 1;
  margin-right: 0px;
  border: none;
  display: flex;
  align-items: center;
  -moz-column-gap: 16px;
       column-gap: 16px;
  font-size: 0.9rem;
}
.keuzehulp__profile__bar__filter.view ul.tabbing li.current svg path {
  fill: white;
}
.keuzehulp__profile__bar__filter-menu {
  display: none;
}
.keuzehulp__profile__menu {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.keuzehulp__profile__menu__button {
  padding: 10px 20px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 15px 30px rgba(42, 62, 82, 0.098);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.keuzehulp__profile__menu__button svg {
  transform: scale(0.75);
  margin-right: 2px;
}
.keuzehulp__profile__menu__header {
  text-align: right;
  font-size: 1.5rem;
  font-weight: 800;
  color: #1E225C;
}
.keuzehulp__profile__content {
  margin-top: 30px;
}
.keuzehulp__profile__content h1 {
  font-weight: 800;
  font-size: 20px;
  margin-bottom: 17px;
}
.keuzehulp__profile__content h1.saved {
  border-bottom: 1px solid #AFB7C9;
  margin-bottom: 0px;
  padding-bottom: 17px;
}
@media print, screen and (min-width: 64em) {
  .keuzehulp__profile__content h1.saved {
    display: none;
  }
}
.keuzehulp__profile__content h2 {
  font-weight: 600;
  font-size: 1rem;
  margin: 17px 0px;
}
@media print, screen and (min-width: 64em) {
  .keuzehulp__profile__content h2 {
    font-size: 1.5rem;
  }
}
.keuzehulp__profile__content__saved-content-block {
  padding-bottom: 17px;
  border-bottom: 1px solid #AFB7C9;
}
.keuzehulp__profile__content__saved-content-block > .row.grid-view {
  padding-bottom: 15px;
}
.keuzehulp__profile__content__saved-content-block > .row.grid-view .grid-item {
  padding: 0px;
}
@media print, screen and (min-width: 40em) {
  .keuzehulp__profile__content__saved-content-block > .row.grid-view {
    -moz-column-gap: 1.875rem;
         column-gap: 1.875rem;
  }
  .keuzehulp__profile__content__saved-content-block > .row.grid-view .grid-item {
    padding: 0px;
    flex: 0 0 45%;
  }
}
@media print, screen and (min-width: 64em) {
  .keuzehulp__profile__content__saved-content-block > .row.grid-view {
    -moz-column-gap: 1.875rem;
         column-gap: 1.875rem;
  }
  .keuzehulp__profile__content__saved-content-block > .row.grid-view .grid-item {
    padding: 0px;
    flex: 0 0 31.2%;
  }
}
.keuzehulp__profile__content__saved-content-block > .row.list-view .grid-item {
  padding: 0px;
}
.keuzehulp__profile__content__dashboard__mainblock {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 15px 30px rgba(42, 62, 82, 0.098);
  border-radius: 8px;
  padding: 35px 22px;
  margin-bottom: 30px;
}
@media print, screen and (min-width: 64em) {
  .keuzehulp__profile__content__dashboard__mainblock {
    padding: 60px;
    text-align: center;
  }
}
.keuzehulp__profile__content__dashboard__mainblock h1 {
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  text-align: center;
  font-size: 1.5rem;
}
@media print, screen and (min-width: 64em) {
  .keuzehulp__profile__content__dashboard__mainblock h1 {
    text-align: left;
    margin-bottom: 10px;
  }
}
.keuzehulp__profile__content__dashboard__mainblock p {
  text-align: center;
  margin-bottom: 30px;
}
@media print, screen and (min-width: 64em) {
  .keuzehulp__profile__content__dashboard__mainblock p {
    text-align: left;
    margin-bottom: 20px;
  }
}
.keuzehulp__profile__content__dashboard__mainblock div {
  text-align: center;
}
@media print, screen and (min-width: 64em) {
  .keuzehulp__profile__content__dashboard__mainblock div {
    text-align: left;
  }
}
.keuzehulp__profile__content__settings__menu {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 15px 30px rgba(42, 62, 82, 0.098);
  border-radius: 8px;
  margin-bottom: 30px;
}
@media print, screen and (min-width: 64em) {
  .keuzehulp__profile__content__settings__menu {
    position: sticky;
    top: 30px;
    margin-bottom: 0px;
    height: 100%;
  }
}
.keuzehulp__profile__content__settings__menu__header {
  font-weight: 500;
  padding: 19px 22px;
  border-bottom: 1px solid #EAEAEA;
  color: #1E225C;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
}
.keuzehulp__profile__content__settings__menu__items {
  list-style-type: none;
  margin: 0px;
  padding: 19px 22px;
}
@media print, screen and (min-width: 64em) {
  .keuzehulp__profile__content__settings__sections {
    padding-left: 2.5rem !important;
  }
}
.keuzehulp__profile__content__settings__section {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 15px 30px rgba(42, 62, 82, 0.098);
  border-radius: 8px;
  padding: 35px 22px;
  margin-bottom: 30px;
}
@media print, screen and (min-width: 64em) {
  .keuzehulp__profile__content__settings__section {
    padding: 60px;
  }
}
.keuzehulp__profile__content__settings__section__header {
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  text-align: left;
  font-size: 1.3rem;
  font-weight: 800;
  color: #1E225C;
}
@media print, screen and (min-width: 64em) {
  .keuzehulp__profile__content__settings__section__header {
    margin-bottom: 10px;
    font-size: 1.5rem;
  }
}
.keuzehulp__mainbar {
  position: sticky;
  top: 0px;
  z-index: 10;
  background-color: white;
  margin-bottom: 1.5rem;
  transition: all 400ms;
}
@media print, screen and (min-width: 64em) {
  .keuzehulp__mainbar {
    top: 0px;
  }
}
.keuzehulp__mainbar__title {
  display: none;
}
@media print, screen and (min-width: 64em) {
  .keuzehulp__mainbar__title {
    display: block;
    font-size: 2.4375rem;
    color: #1e225d;
    font-weight: bold;
    font-family: "Lexend", sans-serif;
    font-display: fallback;
    margin-top: 30px;
    margin-bottom: 30px !important;
  }
}
.keuzehulp__mainbar__title__variable {
  display: none;
}
.keuzehulp__mainbar__content {
  margin-top: 10px;
}
.keuzehulp__mainbar__content__search {
  position: relative;
}
.keuzehulp__mainbar__content__search img {
  position: absolute;
  left: 16px;
  pointer-events: none;
  top: 1rem;
  width: 1rem;
}
.keuzehulp__mainbar__content__search__input {
  text-align: left;
  padding-left: 50px;
  border-radius: 8px;
  border: 1px solid #D6D6D6;
  height: 47px;
  text-align: left;
}
.keuzehulp__mainbar__content__search__input::-webkit-input-placeholder {
  color: #1e225d;
  opacity: 1;
}
.keuzehulp__mainbar__content__menu {
  display: flex;
  justify-content: flex-start;
  gap: 0.9rem;
  width: 100%;
  align-items: center;
  border: 1px solid #D6D6D6;
  border-radius: 7px;
}
.keuzehulp__mainbar__content__menu__option {
  position: relative;
  background-color: #f1f2f4;
  color: black;
  text-align: center;
  width: 100%;
  padding: 5px 0px;
  font-weight: 600;
  border-radius: 7px;
  font-size: 0.8rem;
  cursor: pointer;
  height: 84%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: background 400ms, color 400ms;
}
.keuzehulp__mainbar__content__menu__option:hover {
  background-color: rgb(226.72, 228.74, 232.78);
}
.keuzehulp__mainbar__content__menu__option.active {
  background-color: #0065cf;
  color: white;
}
.keuzehulp__mainbar__content__menu__option__button {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.keuzehulp__mainbar__content__menu__option__button__icons {
  padding: 2px 10px;
  font-size: 1.5rem;
  display: inline-block;
  border-radius: 2px;
  transition: background 400ms, color 400ms;
  margin: 0px;
}
@media print, screen and (min-width: 64em) {
  .keuzehulp__mainbar__content__menu__option__button__icons {
    padding: 5px 10px;
    font-size: 0.9rem;
  }
}
.keuzehulp__mainbar__content__menu__option__button__icons.selected, .keuzehulp__mainbar__content__menu__option__button__icons:active, .keuzehulp__mainbar__content__menu__option__button__icons:hover, .keuzehulp__mainbar__content__menu__option__button__icons:focus {
  background-color: #206bb4;
  color: white;
  cursor: pointer;
}
.keuzehulp__mainbar__content__menu__option__button__icons.selected svg path, .keuzehulp__mainbar__content__menu__option__button__icons:active svg path, .keuzehulp__mainbar__content__menu__option__button__icons:hover svg path, .keuzehulp__mainbar__content__menu__option__button__icons:focus svg path {
  fill: white;
}
.keuzehulp__mainbar__content__menu__option .triangle {
  position: absolute;
  right: -37px;
  top: -2px;
  width: 45px;
}
.keuzehulp__mainbar__content__menu__option .triangle .inner-poly {
  transition: fill 400ms, stroke 400ms;
}
.keuzehulp__mainbar__content__menu__option:hover .triangle .inner-poly {
  fill: rgb(226.72, 228.74, 232.78);
  stroke: rgb(226.72, 228.74, 232.78);
}
.keuzehulp__mainbar__content__menu__option.active .triangle .inner-poly {
  fill: #0065cf;
  stroke: #0065cf;
}
.keuzehulp__mainbar__content__menu .main-category {
  border-radius: 7px 1px 3px 7px;
}
.keuzehulp__mainbar__line {
  display: none;
  width: 100%;
  background-color: #F8F8FA;
  margin: 0px 0px 30px 0px;
  max-width: 100%;
  margin-top: -1px;
}
.keuzehulp__sidebar {
  display: none;
  position: sticky;
  top: 90px;
  transition: all 400ms;
}
@media print, screen and (min-width: 64em) {
  .keuzehulp__sidebar {
    display: block;
  }
}
.keuzehulp__sidebar__container__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px;
}
.keuzehulp__sidebar__container__title {
  font-size: 1.25rem;
  color: #1e225d;
  font-weight: bold;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  margin-bottom: 1px;
}
.keuzehulp__sidebar__container__clear {
  font-size: 0.9375rem;
  color: #9D9FB9;
  font-weight: medium;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  display: none;
}
.keuzehulp__sidebar__container__clear img {
  width: 0.9375rem;
}
.keuzehulp__sidebar__container__filter__selectOption select {
  height: 50px;
  border: 1px solid #1E225C;
  border-radius: 4px;
  color: #1e225d;
  font-size: 15px;
  letter-spacing: 0px;
  -webkit-appearance: none;
}
.keuzehulp__sidebar__container__filter__search {
  position: relative;
  box-shadow: 0 2px 6px rgba(60, 84, 110, 0.2);
  border: 1px solid #1e225d;
  border-radius: 8px;
  height: 37px;
  padding: 7px 20px 7px 40px;
  background: #FFFFFF url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><path d='M21.172 24l-7.387-7.387c-1.388.874-3.024 1.387-4.785 1.387-4.971 0-9-4.029-9-9s4.029-9 9-9 9 4.029 9 9c0 1.761-.514 3.398-1.387 4.785l7.387 7.387-2.828 2.828zm-12.172-8c3.859 0 7-3.14 7-7s-3.141-7-7-7-7 3.14-7 7 3.141 7 7 7z'/></svg>") no-repeat 5% center;
  background-size: 18px;
  margin-bottom: 1rem;
  font-size: 15px;
  color: #1e225d;
}
.keuzehulp__sidebar__container__filter__search::-moz-placeholder {
  color: #1e225d;
  opacity: 0.65;
}
.keuzehulp__sidebar__container__filter__search::placeholder {
  color: #1e225d;
  opacity: 0.65;
}
.keuzehulp__maincontent__resultcount {
  font-size: 0.875rem;
  background-color: #f8f8fa;
  color: #1e225d;
  padding: 7px 15px 7px 15px;
  border-radius: 2px;
  margin-bottom: 15px;
  display: none;
  margin-top: 15px;
}
@media print, screen and (min-width: 64em) {
  .keuzehulp__maincontent__resultcount {
    margin-top: 0;
    display: none;
  }
}
.scroll-down .categorie__submenu > .row {
  margin-top: 0px !important;
  transform: none;
  max-width: 100% !important;
}

.scroll-up .sub-category__filter__container.sticky {
  top: 150px;
}

.scroll-up .categorie__submenu > .row:not(.is-anchored) {
  margin-top: 74px !important;
  transform: none;
  max-width: 100% !important;
}

body:not(.scroll-up):not(.scroll-down).scroll-submenu .categorie__submenu > .row:not(.is-anchored) {
  transform: translate3d(0, -100%, 0);
  margin-top: 0px !important;
  max-width: 100% !important;
}

body .categorie__submenu {
  display: none;
}

body.scroll-up .categorie__submenu, body.scroll-down .categorie__submenu, body:not(.scroll-header).scroll-submenu .categorie__submenu {
  display: block;
}

.categorie__submenu > .row {
  background: white;
  transition: all 0.4s;
  z-index: 95;
}

.cluster-header {
  height: 100%;
  position: relative;
  padding-bottom: 60px;
  /*@include breakpoint(xlarge) {
  	background-position: center 40%;
  }*/
}
.cluster-header__text-background {
  display: none;
}
.cluster-header__text-background .container {
  padding-right: 0px;
}
@media print, screen and (min-width: 64em) {
  .cluster-header__text-background {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    overflow: hidden;
    text-align: right;
    font-family: "Lexend", sans-serif;
    font-display: fallback;
  }
  .cluster-header__text-background span {
    font-family: "Lexend", sans-serif;
    font-display: fallback;
    color: #00C4C2;
    font-size: 750px;
    font-weight: 800;
    letter-spacing: -90px;
    line-height: 675px;
    display: inline-block;
    width: 50%;
  }
}
@media screen and (min-width: 75em) {
  .cluster-header__text-background span {
    width: 50%;
  }
}
.cluster-header__background {
  position: relative;
  height: 350px;
  padding-right: 0px;
}
@media print, screen and (min-width: 40em) {
  .cluster-header__background {
    height: 430px;
  }
}
@media print, screen and (min-width: 64em) {
  .cluster-header__background {
    height: 700px;
    padding-right: 0.9375rem;
  }
}
.cluster-header__background__text {
  overflow: hidden;
  color: #00C4C2;
  font-size: 300px;
  font-weight: 800;
  letter-spacing: -32px;
  line-height: 255px;
  text-align: right;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
}
.cluster-header__background__text span {
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  display: inline-block;
  overflow: hidden;
  font-size: 350px;
  width: 90%;
  color: #00C4C2;
}
@media print, screen and (min-width: 40em) {
  .cluster-header__background__text span {
    font-size: 400px;
  }
}
@media print, screen and (min-width: 40em) {
  .cluster-header__background__text {
    line-height: 400px;
  }
}
@media print, screen and (min-width: 64em) {
  .cluster-header__background__text {
    display: none;
  }
}
.cluster-header__background__overlay {
  position: absolute;
  display: flex;
  left: 0;
  bottom: 20px;
  z-index: 30;
  justify-content: center;
  width: 100%;
}
@media print, screen and (min-width: 40em) {
  .cluster-header__background__overlay {
    width: unset;
    bottom: 20px;
  }
}
.cluster-header__background__overlay__reviews {
  width: 87%;
  display: flex;
  position: relative;
  z-index: 30;
}
@media print, screen and (min-width: 64em) {
  .cluster-header__background__overlay__reviews {
    margin-left: 70px;
  }
  .cluster-header__background__overlay__reviews.trainingpage {
    margin-left: 0px;
  }
}
.cluster-header__background__overlay__reviews img {
  width: 80px;
  margin-right: -1px;
}
.cluster-header__background__overlay__reviews__text {
  padding: 15px;
  padding-right: 10px;
  background-color: #1E225C;
  display: inline-block;
  color: white;
  display: flex;
  width: 100%;
  align-content: center;
}
@media print, screen and (min-width: 40em) {
  .cluster-header__background__overlay__reviews__text {
    width: 67%;
    padding: 15px;
  }
}
@media screen and (min-width: 64em) {
  .cluster-header__background__overlay__reviews__text {
    padding: 15px;
    width: 67%;
  }
}
.cluster-header__background__overlay__reviews__text .start__reviews__ratings__text {
  font-size: 0.875rem;
}
.cluster-header__background__overlay__reviews__text a {
  color: white;
  font-weight: bold;
  text-decoration: underline;
  font-size: 14px;
}
.cluster-header__background__overlay__reviews__text a:hover {
  text-decoration: none;
}
.cluster-header__background__overlay__reviews__text__icon {
  margin-top: 5px;
}
.cluster-header__background__overlay__reviews__text__icon .start__reviews__ratings__star-full {
  width: 21px;
  height: 21px;
}
@media screen and (min-width: 64em) {
  .cluster-header__background__overlay__reviews.trainingpage .cluster-header__background__overlay__reviews__text {
    width: 85%;
  }
}
@media screen and (min-width: 83.75em) {
  .cluster-header__background__overlay__reviews.trainingpage .cluster-header__background__overlay__reviews__text {
    width: 70%;
  }
}
.cluster-header__background__image {
  width: 55%;
  position: absolute;
  overflow: hidden;
  bottom: 60px;
  z-index: 5;
}
@media print, screen and (min-width: 40em) {
  .cluster-header__background__image {
    width: 50%;
    height: 350px;
    margin-left: 70px;
  }
}
@media print, screen and (min-width: 64em) {
  .cluster-header__background__image {
    width: 55%;
    height: 75vh;
    min-height: 450px;
  }
}
@media print, screen and (min-width: 40em) {
  .cluster-header__background__image {
    bottom: 60px;
  }
}
@media print, screen and (min-width: 64em) {
  .cluster-header__background__image {
    bottom: 60px;
  }
}
.cluster-header__background__image img {
  max-height: 280px;
}
@media print, screen and (min-width: 40em) {
  .cluster-header__background__image img {
    position: absolute;
    bottom: 0px;
    max-width: 90%;
    max-height: 280px;
  }
  .cluster-header__background__image img.subcluster {
    max-height: 357px;
  }
}
@media print, screen and (min-width: 64em) {
  .cluster-header__background__image img {
    bottom: 0px;
    max-height: 70vh;
  }
}
.cluster-header__background__container {
  position: relative;
}
.cluster-header__background__container img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
@media print, screen and (min-width: 64em) {
  .cluster-header__background__container img {
    z-index: 10;
  }
}
.cluster-header__background__designation {
  position: absolute;
  color: #1E225C;
  z-index: 11;
  left: 9%;
  bottom: 85px;
}
.cluster-header__background__designation p {
  color: #1E225C;
  padding: 10px 15px;
  margin-bottom: 0px;
  font-size: 0.875rem;
  line-height: 1.3;
  background-color: #fff;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  display: inline-block;
  margin-left: 5px;
}
.cluster-header__background__designation p:first-of-type {
  margin-left: 0px;
}
.cluster-header__background__designation strong {
  font-family: "Lexend", sans-serif;
  font-display: fallback;
}
@media screen and (min-width: 40em) {
  .cluster-header__background__designation {
    top: initial;
    left: 7.5%;
    bottom: 85px;
  }
}
@media print, screen and (min-width: 64em) {
  .cluster-header__background__designation {
    left: 12.5%;
  }
}
.cluster-header__background__badge {
  width: 150px;
  margin-bottom: 20px;
}
.cluster-header__content {
  position: relative;
  z-index: 2;
}
.cluster-header__content__text {
  margin-bottom: 25px;
  padding: 0 2rem;
  /*&__buttons{
  	margin:35px 0px; 
  	@include breakpoint(medium){
  		margin:20px 0px 20px; 
  	}
  	&__button{
  		a{ width:100%; text-align:center; margin-bottom:20px;}
  		&:last-of-type a{ margin-bottom:0px; }
  		@include breakpoint(medium){
  			display:inline-block;
  	&::after{
  		content:"\2022";
  		margin:0px 20px;
  		color:$color-business-blue;
  	}
  	&:last-of-type::after{
  		display:none;
  	}

  	a {
  		width:inherit;
  		text-align:left;
  		margin-bottom:0px;
  	}
  	margin-bottom:15px;
  }
  	}

  }*/
}
@media print, screen and (min-width: 64em) {
  .cluster-header__content__text {
    margin-bottom: 0px;
    padding: 0 0.9375rem;
    padding-left: 2rem;
    padding-top: 40px;
  }
}
@media print, screen and (min-width: 64em) {
  .cluster-header__content__text__container {
    width: 90%;
  }
}
@media print, screen and (min-width: 40em) {
  .cluster-header__content__text__container h1 {
    font-size: 2.4rem;
    padding-right: 0px !important;
    line-height: 1.2 !important;
    letter-spacing: -1px;
    margin-bottom: 1rem;
  }
}
@media print, screen and (min-width: 40em) {
  .cluster-header__content__text__container p {
    margin-bottom: 32px;
  }
}
@media print, screen and (min-width: 40em) {
  .cluster-header__content__text__buttons {
    margin-bottom: 40px;
  }
}
.cluster-header__content__text__more {
  display: none;
}
.cluster-header__content__text__subclusters {
  font-weight: 600;
  padding-bottom: 8px;
  border-bottom: 1px solid #D4D4D8;
  width: 100%;
  margin-bottom: 25px;
}
.cluster-header__container {
  height: 100%;
  padding-top: 50px;
  position: relative;
  z-index: 2;
}
@media print, screen and (min-width: 40em) {
  .cluster-header__container {
    height: 600px;
  }
}
.cluster-header__container .row {
  height: 100%;
}
.cluster-header__container__left {
  padding-right: 0.625rem;
  padding-left: 0.625rem;
  margin-bottom: 20px;
}
@media print, screen and (min-width: 40em) {
  .cluster-header__container__left {
    margin-bottom: 0px;
  }
}
.cluster-header__container__right {
  background-color: white;
}
@media print, screen and (min-width: 40em) {
  .cluster-header__container__right {
    background-color: transparent;
  }
}
.cluster-header__subtext {
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  font-weight: 500;
}
@media print, screen and (min-width: 40em) {
  .cluster-header__subtext {
    text-align: left;
    padding-bottom: 20px;
    max-width: 80%;
  }
}
.cluster-header__subtext.rating {
  border-radius: 10px;
  background: #f2f8ff;
  display: flex;
  margin-bottom: 20px;
}
.cluster-header__subtext.rating .start__reviews__ratings__text {
  display: inline-block;
}
@media print, screen and (min-width: 40em) {
  .cluster-header__subtext.rating {
    margin-bottom: initial;
    background: transparent;
    display: block;
  }
}
.cluster-header .inline-spacer {
  display: block;
}
.cluster-header__buttons .cf-button--orange-flat, .cluster-header__buttons .cf-button--blue-alt {
  display: inline-flex !important;
  width: 100% !important;
  justify-content: space-between;
}
@media screen and (min-width: 64em) {
  .cluster-header__buttons .cf-button--orange-flat, .cluster-header__buttons .cf-button--blue-alt {
    width: 70% !important;
  }
}
.cluster-header__buttons .cf-button.shadow {
  margin-right: 0px;
  margin-bottom: 10px;
}
@media screen and (min-width: 25em) {
  .cluster-header__buttons .cf-button.shadow {
    margin-right: 40px;
    margin-bottom: 0px;
  }
  .cluster-header__buttons .inline-spacer {
    display: inline;
  }
}
@media print, screen and (min-width: 40em) {
  .cluster-header__buttons {
    text-align: left;
  }
}
.cluster-header__date {
  font-weight: 600;
  color: #ff9900;
}
@media print, screen and (min-width: 40em) {
  .cluster-header {
    position: relative;
    margin-top: 0px;
  }
  .cluster-header__container {
    height: 575px;
    padding-top: 50px;
    background-image: url("https://www.competencefactory.nl/wordpress/wp-content/uploads/2021/11/Esther-Mutsaers-4-1_adobespark-e1636931608789.png");
    background-repeat: no-repeat;
    background-size: 45%;
    background-position: 95% 100%;
  }
}
@media print, screen and (min-width: 64em) {
  .cluster-header {
    margin-top: 0px;
  }
  .cluster-header__container {
    padding-top: 60px;
    padding-left: 10px;
    background-image: url("https://www.competencefactory.nl/wordpress/wp-content/uploads/2021/11/Esther-Mutsaers-4-1_adobespark-e1636931608789.png");
    background-repeat: no-repeat;
    background-size: 35%;
    background-position: 95% 100%;
  }
  .cluster-header__subtext {
    display: block;
  }
  .cluster-header__date {
    margin-bottom: 0.5rem;
  }
}
@media screen and (min-width: 75em) {
  .cluster-header {
    margin-top: 0px;
  }
  .cluster-header__container {
    padding-top: 70px;
    padding-left: 20px;
    background-image: url("https://www.competencefactory.nl/wordpress/wp-content/uploads/2021/11/Esther-Mutsaers-4-1_adobespark-e1636931608789.png");
    background-repeat: no-repeat;
    background-size: 35%;
    background-position: 95% 100%;
  }
}
@media screen and (min-width: 90em) {
  .cluster-header__container {
    padding-top: 70px;
    padding-left: 20px;
  }
}
.cluster-header__title {
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  font-family: "Lexend", sans-serif;
  font-weight: 800;
  width: 100%;
  font-size: 3.1rem;
  line-height: 1.1;
  padding: 0;
  padding-bottom: 15px;
}
@media print, screen and (min-width: 40em) {
  .cluster-header__title {
    padding-right: 20px;
  }
}
@media print, screen and (min-width: 40em) {
  .cluster-header__title {
    font-size: 3.4rem;
    text-align: left;
  }
}
@media print, screen and (min-width: 64em) {
  .cluster-header__title {
    font-size: 4rem;
    max-width: 1200px;
    padding-bottom: 20px;
  }
}
@media screen and (min-width: 75em) {
  .cluster-header__title {
    font-size: 4rem;
  }
}
.cluster-header__subtitle {
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  font-weight: 500;
  width: 100%;
  line-height: 1.1;
  padding: 0;
  padding-bottom: 15px;
  text-align: center;
  font-size: 1rem;
}
@media screen and (min-width: 22.5em) {
  .cluster-header__subtitle {
    font-size: 1rem;
  }
}
@media screen and (min-width: 26.25em) {
  .cluster-header__subtitle {
    font-size: 1rem;
  }
}
@media print, screen and (min-width: 40em) {
  .cluster-header__subtitle {
    font-size: 1rem;
    font-weight: 800;
    text-align: left;
  }
}
@media print, screen and (min-width: 64em) {
  .cluster-header__subtitle {
    font-size: 1.5rem;
    max-width: 1200px;
    padding-bottom: 20px;
  }
}
.cluster-header__action {
  position: absolute;
  right: 20px;
  bottom: 20px;
  font-size: 1.5rem;
}
.cluster-header__button {
  width: 280px;
  position: absolute;
  top: 250px;
  left: 350px;
}
@media print, screen and (min-width: 64em) {
  .cluster-header--subcluster {
    height: inherit;
  }
}
.cluster-header--subcluster .cluster-header__text-background span {
  font-size: 600px;
  font-weight: 800;
  letter-spacing: -60px;
  line-height: 450px;
  width: 55%;
}
@media print, screen and (min-width: 40em) {
  .cluster-header--subcluster .cluster-header__background {
    height: 450px;
  }
}
@media print, screen and (min-width: 64em) {
  .cluster-header--subcluster .cluster-header__background__overlay {
    bottom: -20px;
  }
}
@media print, screen and (min-width: 40em) {
  .cluster-header--subcluster .cluster-header__background__image {
    height: 450px;
  }
}
.cluster-header--subcluster .cluster-header__background__image img {
  max-height: 260px;
}
@media print, screen and (min-width: 40em) {
  .cluster-header--subcluster .cluster-header__background__image img {
    max-height: 360px;
  }
}
@media print, screen and (min-width: 64em) {
  .cluster-header--subcluster .cluster-header__background__image img {
    max-height: 380px;
  }
}
.cluster-header--stap {
  background-color: #00BEBC;
}
@media print, screen and (min-width: 64em) {
  .cluster-header--stap {
    height: inherit;
  }
}
.cluster-header--stap .cluster-header__text-background {
  z-index: 0;
}
.cluster-header--stap .cluster-header__text-background span {
  font-size: 600px;
  font-weight: 800;
  letter-spacing: -60px;
  line-height: 450px;
  color: #00C4C2;
  width: 70%;
}
@media print, screen and (min-width: 40em) {
  .cluster-header--stap .cluster-header__background {
    height: 450px;
  }
}
.cluster-header--stap .cluster-header__background__designation {
  bottom: 20px;
  left: 20px;
}
@media print, screen and (min-width: 64em) {
  .cluster-header--stap .cluster-header__background__designation {
    right: 20px;
    left: unset;
  }
}
.cluster-header--stap .cluster-header__background__overlay {
  width: 100%;
}
@media print, screen and (min-width: 64em) {
  .cluster-header--stap .cluster-header__background__overlay {
    bottom: 0px;
  }
}
.cluster-header--stap .cluster-header__background__text {
  line-height: 310px;
}
@media print, screen and (min-width: 40em) {
  .cluster-header--stap .cluster-header__background__text {
    line-height: 400px;
  }
}
.cluster-header--stap .cluster-header__background__text span {
  color: #00C4C2;
}
@media print, screen and (min-width: 40em) {
  .cluster-header--stap .cluster-header__background__text span {
    font-size: 500px;
  }
}
.cluster-header--stap .cluster-header__background__image {
  bottom: 0px;
}
@media print, screen and (min-width: 40em) {
  .cluster-header--stap .cluster-header__background__image {
    height: 450px;
  }
}
.cluster-header--stap .cluster-header__background__image img {
  max-height: 450px;
}
.cluster-header--stap .cluster-header__content {
  position: relative;
  z-index: 2;
}
.cluster-header--stap .cluster-header__content__text__container {
  padding-top: 40px;
}
@media print, screen and (min-width: 64em) {
  .cluster-header--stap .cluster-header__content__text__container {
    padding-top: 0px;
    width: 100%;
  }
}
.cluster-header--stap .cluster-header__content__text__container h1, .cluster-header--stap .cluster-header__content__text__container p {
  color: white;
}
.cluster-header--stap .cluster-header__content__text__container p {
  font-size: 1.125rem;
}
.cluster-header--stap .cluster-header__content__text__container p a {
  color: white;
  font-weight: bold;
}
.cluster-header--stap .cluster-header__content__text__container a {
  width: unset;
}

.categorie-header {
  margin-bottom: 1rem;
}
@media print, screen and (min-width: 40em) {
  .categorie-header {
    min-height: 284px;
    margin-bottom: 1.5rem;
    background: none;
    border-bottom: none;
  }
}
.categorie-header__title {
  font-weight: 800;
  font-size: 1.5rem;
  color: #1e225d;
  margin-bottom: 25px;
  margin-top: 25px;
}
@media print, screen and (min-width: 40em) {
  .categorie-header__title {
    margin-top: 0px;
    font-size: 1.75rem;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.4), 1px 1px 5px rgba(255, 255, 255, 0.05);
  }
}
.categorie-header__title img {
  float: right;
  margin: 0 0 0 15px;
}
@media print, screen and (min-width: 40em) {
  .categorie-header__title img {
    float: none;
    display: inline-block;
    margin: -3px 0 0 0.5rem;
  }
}
.categorie-header .page__intro {
  font-size: 1rem;
  color: #0a0a0a;
}

@media print, screen and (min-width: 40em) {
  .categorie__banner {
    margin-bottom: 1.5rem;
  }
}
.categorie__banner__image {
  background-size: cover;
  background-position: center center;
  width: 100%;
  height: 300px;
  border-radius: 10px;
}
@media print {
  .categorie__banner__image {
    /*background-size: cover!important;
    background-position: center center!important;
    -webkit-print-color-adjust: exact !important;   /* Chrome, Safari */
    /*color-adjust: exact !important;                 /*Firefox*/
    display: none;
  }
}
.categorie__sidebar .training-links__list {
  font-size: 1rem;
}
@media print, screen and (min-width: 40em) {
  .categorie__sidebar .training-links {
    margin-bottom: 1.5rem;
  }
}
.categorie__sidebar__readmore {
  cursor: pointer;
  text-decoration: underline;
  color: #2471B9;
  text-align: center;
}
@media print, screen and (min-width: 40em) {
  .categorie__sidebar__readmore {
    text-align: left;
    margin-bottom: 1.5rem;
  }
}
.categorie__sidebar__readmore:hover, .categorie__sidebar__readmore:active {
  text-decoration: none;
}
.categorie__overview {
  background-color: #fafafb;
  padding-top: 25px;
  position: relative;
}
@media print, screen and (min-width: 40em) {
  .categorie__overview {
    border: 1px solid #a7a7a7;
    border-radius: 8px 0px 0px 8px;
    padding: 30px;
  }
}
.categorie__overview__title {
  font-weight: 750;
  margin-bottom: 25px;
  font-size: 1.5rem;
  text-align: center;
  color: #0a0a0a;
}
@media print, screen and (min-width: 40em) {
  .categorie__overview__title {
    text-align: left;
  }
}
.categorie__overview__filter__grid {
  row-gap: 25px;
}
.categorie__overview__filter__grid.mobile-container {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
.categorie__overview__filter__list {
  display: none;
}
.categorie__overview__filter__barebonelist {
  display: none;
}

.mobile-filter {
  position: relative;
}
.mobile-filter__button {
  margin-bottom: 0px;
  height: 32px;
  font-size: 12px;
  font-weight: 600;
  padding-left: 2rem;
  padding-top: 7px;
  padding-bottom: 7px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%2830, 34, 92%29'></polygon></svg>"), url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path style="fill: rgb%2830, 34, 92%29" d="M6 21l6-8h-4v-10h-4v10h-4l6 8zm16-12h-8v-2h8v2zm2-6h-10v2h10v-2zm-4 8h-6v2h6v-2zm-2 4h-4v2h4v-2zm-2 4h-2v2h2v-2z"/></svg>');
  background-origin: content-box, content-box;
  background-position: right -1rem center, left -1.5rem center;
  background-repeat: no-repeat, no-repeat;
  background-size: 9px 6px, 18px 15px;
  color: #1E225C;
}
.mobile-filter__expand {
  display: none;
  z-index: 2;
  position: absolute;
  right: 20px;
  background: white;
  border-radius: 8px;
  width: 70%;
  padding: 10px;
  box-shadow: 0px 15px 40px rgba(42, 62, 82, 0.129);
}
.mobile-filter__expand__close-button {
  text-align: right;
}
.mobile-filter__expand .tabbing.categories {
  display: block;
  white-space: initial;
}
.mobile-filter__expand .tabbing.categories li {
  display: flex;
  width: 100%;
  justify-content: space-between;
  border: none;
}

.sub-category {
  position: relative;
}
.sub-category__banner > .row {
  position: relative;
}
.sub-category__banner__background {
  position: absolute;
  height: 100%;
  width: 98%;
  right: 0px;
  background: beige;
  border-radius: 0px 0px 0px 70px;
  z-index: -1;
}
.sub-category__banner__text {
  margin: 0 auto;
  padding: 75px 5%;
}
@media print, screen and (min-width: 40em) {
  .sub-category__banner__text {
    padding: 100px 15%;
  }
}
@media print, screen and (min-width: 64em) {
  .sub-category__banner__text {
    padding: 100px 30%;
  }
}
.sub-category__banner__title {
  text-align: center;
}
.sub-category__banner__subtext {
  text-align: center;
}
.sub-category__filter {
  position: relative;
  margin-bottom: 25px;
  /*tabbing */
}
@media screen and (min-width: 40em) {
  .sub-category__filter {
    margin-bottom: 0px;
  }
}
.sub-category__filter > .row {
  justify-content: center;
  align-content: center;
}
.sub-category__filter__container {
  background-color: #fff;
}
.sub-category__filter__container.sticky {
  position: sticky;
  top: 90px;
  transition: top 400ms, box-shadow 400ms;
}
.sub-category__filter .tab-head {
  display: flex;
  justify-content: space-between;
  -moz-column-gap: 10px;
       column-gap: 10px;
  padding: 0px;
  border-bottom: 1px solid #D6D6D6;
  overflow: scroll;
}
.sub-category__filter .tab-head.view {
  padding: 15px 0px;
}
@media screen and (min-width: 40em) {
  .sub-category__filter .tab-head {
    padding: 15px 0px;
    flex-wrap: wrap;
    overflow: visible;
  }
}
.sub-category__filter .tab-head:first-of-type {
  padding-top: 0px;
}
.sub-category__filter .tab-head.noborder {
  border-bottom: 0px !important;
}
.sub-category__filter .tab-head h6 {
  font-size: 15px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.14;
  letter-spacing: normal;
  text-align: left;
  padding-bottom: 10px;
  /* border-bottom: 2px solid #747AA557;*/
  margin-right: 40px;
  margin-bottom: 5px;
}
.sub-category__filter ul.tabbing {
  margin: 0px;
  padding: 0px;
  list-style: none;
  display: flex;
}
@media screen and (min-width: 40em) {
  .sub-category__filter ul.tabbing {
    flex-wrap: wrap;
  }
}
.sub-category__filter .tab-title {
  flex-basis: 100%;
  margin-top: 0px;
}
.sub-category__filter ul.tabbing li.current {
  background: #106bc6;
  color: #fff;
}
.sub-category__filter ul.tabbing li.current span {
  color: white;
}
.sub-category__filter ul.tabbing li.current svg {
  position: relative;
  top: 2px;
}
.sub-category__filter ul.tabbing li.current svg path {
  fill: white;
}
.sub-category__filter .verticle-tabbing ul.tabbing li.current {
  color: #fff;
  border: none;
  background-color: #1a2c6c;
  color: #fff;
}
.sub-category__filter .verticle-tabbing .tab-content {
  margin-top: 0px;
}
.sub-category__filter .verticle-tabbing .tab-content strong {
  padding: 20px 0px;
  display: block;
}
.sub-category__filter ul.tabbing li {
  background: none;
  display: inline-block;
  white-space: nowrap;
  padding: 5px 15px;
  cursor: pointer;
  font-size: 12px;
  line-height: 20px;
  border: none;
  background-color: #fff;
  margin-right: 0px;
  flex-grow: 1;
  flex-basis: 50%;
}
.sub-category__filter ul.tabbing li svg {
  position: relative;
  top: 2px;
}
.sub-category__filter ul.tabbing li:hover {
  background: #106bc6;
  color: #fff;
  transition: all 400ms;
}
.sub-category__filter ul.tabbing li:hover span {
  color: white;
}
.sub-category__filter ul.tabbing li:hover svg path {
  fill: white;
}
@media screen and (min-width: 64em) {
  .sub-category__filter ul.tabbing li.type {
    flex-basis: 100%;
  }
}
.sub-category__filter ul.tabbing.categories li {
  display: flex;
  justify-content: space-between;
}
.sub-category__filter .verticle-tabbing ul.tabbing li {
  display: block;
  border-radius: 2px;
  border: transparent;
  font-weight: 800;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  text-align: left;
  color: #1e225c;
  font-size: 20px;
  position: relative;
  width: 350px;
  padding: 15px;
  margin-left: 50px;
  transition: all 0.4s ease;
}
.sub-category__filter .verticle-tabbing li.tab-link:hover {
  background-color: #1a2c6c;
  color: #fff !important;
}
.sub-category__filter .verticle-tabbing ul.tabbing li span {
  font-size: 16px;
}
.sub-category__filter .tab-bottom {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.sub-category__filter .tab-bottom__item {
  border: 1px solid #C2C7CC;
  border-radius: 8px;
  padding: 15px;
  width: 100%;
}
.sub-category__filter .tab-bottom__item.usps {
  font-size: 0.8rem;
}
.sub-category__filter .tab-bottom__item.usps div {
  margin-bottom: 5px;
}
.sub-category__filter .tab-bottom__item.usps div:last-of-type {
  margin-bottom: 0px;
}
.sub-category__filter .tab-bottom__item.usps div > span {
  padding-left: 25px;
  display: inline-block;
}
.sub-category__filter .tab-bottom__item.keuzehulp {
  font-weight: 600;
  font-size: 0.8rem;
  color: #1E225C;
}
.sub-category__filter .tab-bottom__item.keuzehulp a {
  color: #ff9900;
}
.sub-category__filter .tab-bottom__item.keuzehulp a:hover {
  text-decoration: none;
}

.opleiding-container .snap-slider {
  padding: 0;
}

.wij-trainers-container .snap-slider {
  padding: 0;
}

.keuzehulp-wijtrainers__text {
  width: 100%;
}
@media print, screen and (min-width: 64em) {
  .keuzehulp-wijtrainers__text {
    width: 60%;
    max-width: 563px;
  }
}
.keuzehulp-wijtrainers__text h2 {
  font-size: 30px !important;
  font-weight: 600 !important;
  padding-bottom: 20px !important;
  font-family: "Lexend", sans-serif;
  width: 100%;
}
.keuzehulp-wijtrainers .snap-slider {
  padding: 0;
}

.keuzehulptrainerboxwidth {
  width: 300px !important;
  height: 400px !important;
}
@media print, screen and (min-width: 40em) {
  .keuzehulptrainerboxwidth {
    width: 400px !important;
    height: 500px !important;
  }
}

.keuzehulptrainerbox {
  height: 100%;
}
.keuzehulptrainerbox__box {
  display: grid;
  height: 100%;
}
.keuzehulptrainerbox__box h3 {
  font-size: 20px;
  font-weight: 800;
  font-family: "Lexend", sans-serif;
}
.keuzehulptrainerbox__box p {
  font-size: 14px;
  font-family: "Poppins", sans-serif;
}
.keuzehulptrainerbox__box__imgbox {
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding-left: 20px;
  padding-right: 20px;
  height: 100%;
}
.keuzehulptrainerbox__box__imgbox__link {
  font-size: 15px;
  color: #FF9900;
  text-decoration: none;
  font-weight: 500;
  min-height: 180px;
}
@media print, screen and (min-width: 40em) {
  .keuzehulptrainerbox__box__imgbox__link {
    min-height: 270px;
  }
}
.keuzehulptrainerbox__box__imgbox img {
  align-self: end;
}

.keuzehulp-trainingen-scroller.trainerkeuzehulp {
  height: -moz-fit-content;
  height: fit-content;
}

.keuzehulp-trainer_USP {
  display: flex;
  padding-bottom: 5px !important;
  flex-direction: column;
  list-style-type: none;
  justify-content: center;
}
@media print, screen and (min-width: 40em) {
  .keuzehulp-trainer_USP {
    justify-content: flex-start;
    border-bottom: 1px solid #CBCFD9;
    flex-direction: row;
    margin-bottom: 45px !important;
    gap: 100px;
    margin-top: 50px !important;
  }
}
.keuzehulp-trainer_USP li {
  margin-right: 35px;
  margin-left: 35px;
  display: flex;
  align-items: center;
  gap: 10px;
}
@media print, screen and (min-width: 40em) {
  .keuzehulp-trainer_USP li {
    margin-right: 0px;
    margin-left: 0 !important;
  }
}
.keuzehulp-trainer_USP li img {
  width: 16px;
}

.Inspiratie-cat-slider {
  margin-top: 50px;
  background-color: #F8F8FA;
}
.Inspiratie-cat-slider__container {
  padding: 80px 0px;
}
.Inspiratie-cat-slider__container .row {
  width: 100%;
}
.Inspiratie-cat-slider__container__title__text h2 {
  font-size: 30px;
  font-weight: 600;
  padding-bottom: 20px;
  font-family: "Lexend", sans-serif;
  width: 100%;
}
@media print, screen and (min-width: 64em) {
  .Inspiratie-cat-slider__container__button {
    margin-right: auto;
    margin-left: auto;
  }
}
@media print, screen and (min-width: 40em) {
  .Inspiratie-cat-slider__container__button__container {
    padding-bottom: 40px !important;
    border-bottom: 1px solid #CBCFD9;
  }
}
.Inspiratie-cat-slider__container__button button {
  padding: 20px;
  text-align: start;
}
.Inspiratie-cat-slider__container__button button:hover {
  padding: 20px !important;
  padding-right: 0px !important;
}
.Inspiratie-cat-slider__container__button__text {
  font-size: 16px !important;
  font-weight: 600;
}
.Inspiratie-cat-slider__container__button__icon {
  font-size: 16px !important;
}
.Inspiratie-cat-slider .snap-slider {
  padding: 0;
}

.verdiepenInCat {
  padding: 100px 0px;
}
.verdiepenInCat__title {
  text-align: center;
  margin-bottom: 70px;
  width: 100%;
  display: flex;
  justify-content: center;
}
.verdiepenInCat__title h2 {
  font-size: 30px;
  font-weight: 600;
  width: 100%;
}
@media print, screen and (min-width: 40em) {
  .verdiepenInCat__title h2 {
    width: 50%;
  }
}
@media print, screen and (min-width: 40em) {
  .verdiepenInCat__container {
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-template-rows: 1fr;
    grid-auto-rows: 1fr;
  }
}
.verdiepenInCat__container__whitepaper {
  box-shadow: 10px 10px 40px hsla(222, 11%, 42%, 0.133);
  border: 1px solid #1E225C;
  border-radius: 12px;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr 1fr;
  padding: 30px;
  margin-right: 0px;
  height: -moz-fit-content;
  height: fit-content;
  height: 100%;
}
@media print, screen and (min-width: 40em) {
  .verdiepenInCat__container__whitepaper {
    grid-template-columns: 1fr 2fr;
    grid-template-rows: 1fr;
    margin: 0;
    padding: 50px;
    margin-right: 50px;
    min-height: 440px;
  }
}
.verdiepenInCat__container__whitepaper .magazine-pro-home__imgbox {
  width: auto;
  height: auto;
}
.verdiepenInCat__container__whitepaper .magazine-pro-home__imgbox img {
  position: absolute;
  top: 0px;
  left: 0px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media print, screen and (min-width: 40em) {
  .verdiepenInCat__container__whitepaper .magazine-pro-home__imgbox img {
    top: -20px;
    left: -120px;
    height: auto;
    width: auto;
    top: 50%;
    transform: translateY(-50%) rotate(-7deg);
  }
}
@media print, screen and (min-width: 64em) {
  .verdiepenInCat__container__whitepaper__textbox {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
.verdiepenInCat__container__whitepaper__textbox__title {
  color: #1E225C;
  font-weight: 800;
  font-size: 20px;
  font-family: "Lexend", sans-serif;
  margin-bottom: 30px;
}
.verdiepenInCat__container__whitepaper__textbox__text {
  margin-bottom: 30px;
}
.verdiepenInCat__container__whitepaper__textbox__button {
  padding: 20px 20px !important;
  text-align: left;
}
@media print, screen and (min-width: 64em) {
  .verdiepenInCat__container__whitepaper__textbox__button {
    text-align: center;
  }
}
.verdiepenInCat__container__richtingen {
  box-shadow: 10px 10px 40px hsla(222, 11%, 42%, 0.133);
  border: 1px solid #1E225C;
  border-radius: 12px;
  padding: 30px;
  margin-top: 50px;
}
@media print, screen and (min-width: 40em) {
  .verdiepenInCat__container__richtingen {
    padding: 50px;
    margin-top: 0px;
    min-height: 440px;
  }
}
.verdiepenInCat__container__richtingen__title {
  color: #1E225C;
  font-weight: 800;
  font-size: 20px;
  font-family: "Lexend", sans-serif;
  margin-bottom: 20px;
}
.verdiepenInCat__container__richtingen__richtingdiv .cf-button--blue-flat-alt {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.verdiepenInCat__container__richtingen__richtingdiv .cf-button--blue-flat-alt:hover {
  background-color: transparent;
  color: #1e225d;
}
.verdiepenInCat__container__richtingen__richtingdiv .cf-button--blue-flat-alt:hover .cf-button__icon {
  color: #1e225d;
}
.verdiepenInCat__container__richtingen__richtingdiv .cf-button--blue-flat-alt:hover .cf-button__icon svg path {
  fill: #1e225d;
}
.verdiepenInCat__container__richtingen__richtingdiv .cf-button--blue-flat-alt:hover .cf-button__text {
  color: #1e225d;
}
.verdiepenInCat__container__richtingen__richtingdiv .incompany__intro__container__text__subclusters__row {
  display: flex;
  flex-direction: column;
}
.verdiepenInCat__container__richtingen__richtingdiv .incompany__intro__container__text__subclusters__row div {
  flex: 0 0 100%;
  max-width: 100%;
  padding-right: 0 !important;
  border-bottom: 1px solid #DDDDDD;
}
.verdiepenInCat__container__richtingen__richtingdiv .incompany__intro__container__text__subclusters__row div:last-of-type {
  border: none;
}
.verdiepenInCat__container__richtingen__richtingdiv .incompany__intro__container__text__subclusters__row div a {
  box-shadow: none;
  padding: 10px 0px !important;
}
.verdiepenInCat__container__richtingen__richtingdiv .incompany__intro__container__text__subclusters__row div a span {
  font-size: 16px;
}

.keuzehulpCTA.incompany__intake .incompany__intake__text h2 {
  font-size: 30px !important;
  font-family: "Lexend", sans-serif;
  font-weight: 600;
  letter-spacing: -0.45px;
  margin-bottom: 27px;
}
.keuzehulpCTA.incompany__intake .incompany__intake__text p {
  font-size: 18px;
  color: #181B4B;
  margin-bottom: 27px;
}
.keuzehulpCTA.incompany__intake .incompany__intake__text .cta-block__intake__text__callout__title {
  background: none;
  color: #1E225D;
  font-family: "Lexend", sans-serif;
  font-size: 20px;
  font-weight: 600;
  padding: 0;
  margin-top: 50px;
  text-align: start;
}
.keuzehulpCTA.incompany__intake .incompany__intake__text .cta-block__intake__text__callout__content {
  padding: 0;
  padding-top: 20px;
}
.keuzehulpCTA.incompany__intake .incompany__intake__text .cta-block__intake__text__callout__content span {
  color: #181B4B;
  font-size: 18px;
  font-weight: 400;
}
@media print, screen and (min-width: 64em) {
  .keuzehulpCTA.incompany__intake .cluster-header__background__designation {
    margin-left: 140px;
  }
}
@media print, screen and (min-width: 64em) {
  .keuzehulpCTA.incompany__intake .cluster-header__background__overlay__reviews {
    margin-left: 140px;
  }
}

.keuzehulptrainingdata-table__legenda td {
  color: white;
  font-size: 18px;
  font-family: "Lexend", sans-serif;
  font-weight: 600;
}
.keuzehulptrainingdata-table__legenda .column-start {
  width: 6%;
}
.keuzehulptrainingdata-table__legenda .column-name {
  width: 32%;
}
.keuzehulptrainingdata-table__legenda .column-duration {
  width: 8%;
}
.keuzehulptrainingdata-table__legenda .column-price {
  width: 8%;
}
.keuzehulptrainingdata-table__legenda .column-offer {
  width: 25%;
}
.keuzehulptrainingdata-table__legenda .column-button {
  width: 17%;
}
.keuzehulptrainingdata-table__legenda .column-favorite {
  width: 4%;
}
.keuzehulptrainingdata-table__favtraining {
  position: relative;
  height: 100%;
}
.keuzehulptrainingdata-table__favtraining::after {
  content: none !important;
}

.cluster-header__background.keuzehulp_subluster .cluster-header__background__overlay {
  width: 100%;
  border: 2px solid #1E225D;
  bottom: 0px;
}
.cluster-header__background.keuzehulp_subluster .cluster-header__background__designation {
  bottom: 20px;
  left: 40px;
  width: 300px;
}
.cluster-header__background.keuzehulp_subluster .cluster-header__background__designation p {
  width: 100%;
  font-weight: 500;
}
.cluster-header__background.keuzehulp_subluster .cluster-header__background__designation p strong {
  font-weight: 800 !important;
}
.cluster-header__background.keuzehulp_subluster .cluster-header__background__designation p span {
  font-weight: 500 !important;
}
.cluster-header__background.keuzehulp_subluster .cluster-header__background__image {
  bottom: 0;
  right: auto;
  height: -moz-fit-content;
  height: fit-content;
}
@media print, screen and (min-width: 40em) {
  .cluster-header__background.keuzehulp_subluster .cluster-header__background__image {
    right: -50px;
  }
}
.cluster-header__background.keuzehulp_subluster .cluster-header__background__text {
  line-height: 440px !important;
}
@media print, screen and (min-width: 40em) {
  .cluster-header__background.keuzehulp_subluster .cluster-header__background__text {
    line-height: 590px !important;
  }
}

.cluster-header__content__text.keuzehulp-subcluster_text .cluster-header__content__text__container h1 {
  font-size: 39px !important;
}

.subcluster-andererichtingen {
  margin-top: 50px;
}
.subcluster-andererichtingen__title {
  font-size: 16px;
  font-weight: 600;
  color: #1B2A68;
  border-bottom: 1px solid #D4D4D8;
  padding-bottom: 10px;
}
.subcluster-andererichtingen__bottondiv .incompany__intro__container__text__subclusters__row {
  display: flex;
  flex-direction: column;
}
@media print, screen and (min-width: 40em) {
  .subcluster-andererichtingen__bottondiv .incompany__intro__container__text__subclusters__row {
    display: flex;
    flex-direction: row;
  }
}
.subcluster-andererichtingen__bottondiv .incompany__intro__container__text__subclusters__row div {
  flex: 50%;
}
@media print, screen and (min-width: 64em) {
  .subcluster-andererichtingen__bottondiv .incompany__intro__container__text__subclusters__row div {
    padding-right: 0.9375rem !important;
    flex: 0 0 25%;
  }
}

.keuzehulpsubcluster-eerstvolgende {
  background-color: transparent;
  padding: 0px;
}
.keuzehulpsubcluster-eerstvolgende__tekstvoorvlakken td {
  color: white;
  font-size: 18px;
  font-weight: 600;
}

.keuzehulpblogding {
  width: 300px !important;
}
@media print, screen and (min-width: 40em) {
  .keuzehulpblogding {
    width: 400px !important;
    height: 500px !important;
  }
}
@media only screen and (max-device-width: 1030px) {
  .keuzehulpblogding .training-grid-block__content__text {
    height: -moz-fit-content !important;
    height: fit-content !important;
  }
}
.keuzehulpblogding .training-grid-block {
  min-height: 550px;
  max-height: 550px;
}

.radio-group-cluster {
  border: 1px solid #1e2a78;
  border-radius: 6px;
  margin-bottom: 1rem;
  padding-left: 10px;
  padding-top: 8px;
  font-family: Arial, sans-serif;
}
.radio-group-cluster .radio-group-cluster-item {
  color: #1e225d;
  font-size: 15px;
  letter-spacing: 0;
}
.radio-group-cluster .radio-group-cluster-item input[type=radio]:checked + label {
  color: #1e2a78;
  font-weight: bold;
}

.checkbox-container {
  margin-bottom: 1rem;
}
.checkbox-container__select {
  right: 15px;
  top: 8px;
}

.checkbox-text {
  font-size: 15px;
  letter-spacing: 0;
  color: #1e225d;
  margin-left: 5px;
}

.cart {
  padding-top: 15px;
}
@media print, screen and (min-width: 64em) {
  .cart {
    padding-right: 25px;
    padding-left: 25px;
  }
}
@media screen and (min-width: 90em) {
  .cart {
    padding-right: 70px;
    padding-left: 70px;
  }
}
.cart::before, .cart::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
.cart::after {
  clear: both;
}
.cart__content {
  margin: 0 0 2rem;
}
.cart__next {
  margin: 1rem 0 0;
}
@media print, screen and (min-width: 64em) {
  .cart__actions {
    padding-right: 30px;
    padding-left: 30px;
    padding-top: 30px;
  }
  .cart__actions.couponsadjustment {
    padding-top: 5px;
  }
}
@media screen and (min-width: 90em) {
  .cart__actions {
    padding-right: 70px;
    padding-left: 70px;
  }
}
.cart__coupons {
  padding-left: 20px;
  padding-right: 20px;
}
@media print, screen and (min-width: 64em) {
  .cart__coupons {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
.cart__coupons form {
  position: relative;
}
.cart__coupons form label {
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  font-weight: 600;
  color: #1e225d;
}
.cart__coupons form input[type=text] {
  margin-bottom: 10px;
  border: 1px solid #CBCBCB;
  border-radius: 8px;
  padding: 7px 13px;
  padding: 16px 30px;
  font-size: 0.9375rem;
  height: unset;
  width: 100%;
}
.cart__coupons form input[type=text]::-moz-placeholder {
  color: #9798A2;
}
.cart__coupons form input[type=text]::placeholder {
  color: #9798A2;
}
.cart__coupons form button {
  position: absolute;
  right: 15px;
  top: 42px;
  text-decoration: underline;
  color: #1e225d;
}
.cart__optie {
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  font-weight: 600;
  margin: 10px 0;
  text-decoration: underline;
}
@media print, screen and (min-width: 40em) {
  .cart__optie {
    margin: 25px 20px 0 0;
  }
}
.cart__steps {
  padding-top: 20px;
  position: relative;
  margin: 0px 0px 30px 0px !important;
}
.cart__steps__line {
  width: 70%;
  left: 0;
  right: 0;
  height: 1px;
  border: 1px solid #1e225d;
  background-color: #1e225d;
  position: absolute;
  z-index: -1;
  top: 20px;
}
.cart__steps__line.short {
  width: 50%;
  left: -25%;
}
@media print, screen and (min-width: 64em) {
  .cart__steps__line {
    top: 30px;
  }
}
.cart__steps__smallgrey {
  width: 100%;
  border: 0.5px solid #E9E9E9;
  background-color: #E9E9E9;
  margin: 0;
  margin-top: 20px;
}
.cart__steps__step {
  width: 35px;
  height: 35px;
  border: 2px solid #1e225d;
  border-radius: 50%;
  text-align: center;
  background: white;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  font-size: 0.9375rem;
  margin: 0 auto;
  font-weight: 800;
  display: flex;
  justify-content: center;
  align-content: center;
  flex-direction: column;
  position: relative;
}
@media print, screen and (min-width: 64em) {
  .cart__steps__step {
    font-size: 1.5625rem;
    width: 50px;
    height: 50px;
  }
}
.cart__steps__step.done, .cart__steps__step.checked {
  background: #1e225d;
  border-color: white;
  color: white;
}
.cart__steps__step.done::after {
  position: absolute;
  content: " ";
  border-radius: 100%;
  background-color: #509b39;
  width: 20px;
  height: 20px;
  bottom: -10px;
  right: -10px;
  background: url("data:image/svg+xml,%3Csvg fill='%23ffffff' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M0 11c2.761.575 6.312 1.688 9 3.438 3.157-4.23 8.828-8.187 15-11.438-5.861 5.775-10.711 12.328-14 18.917-2.651-3.766-5.547-7.271-10-10.917z'/%3E%3C/svg%3E") center center no-repeat;
  background-size: 50%;
  background-color: #509b39;
}
@media print, screen and (min-width: 64em) {
  .cart__steps__step.done::after {
    width: 25px;
    height: 25px;
  }
}
.cart__steps__text {
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  color: #1e225d;
  text-align: center;
  font-weight: 400;
  padding-top: 10px;
  font-size: 0.75rem;
  word-wrap: break-word;
}
@media print, screen and (min-width: 64em) {
  .cart__steps__text {
    font-size: inherit;
    font-size: 0.9375rem;
  }
}
.cart__steps__text a {
  text-decoration: none;
}
.cart__buttons {
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column-reverse;
}
@media print, screen and (min-width: 64em) {
  .cart__buttons {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
    display: block;
  }
}
.cart__buttons .cf-button, .cart__buttons button.cf-button {
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  height: unset;
  border-radius: 4px;
  padding: 8px 30px !important;
  margin-bottom: 5px;
  border: 1px solid #ff9900;
  line-height: 33.6px;
  transition: all 400ms;
}
@media print, screen and (min-width: 64em) {
  .cart__buttons .cf-button, .cart__buttons button.cf-button {
    display: inline-flex;
    margin-bottom: 0px;
  }
}
.cart__buttons .cf-button__text, .cart__buttons button.cf-button__text {
  font-size: 16px;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  transition: all 400ms;
  margin: 0px 30px 0px 0px;
  line-height: 24px !important;
}
.cart__buttons .cf-button__icon, .cart__buttons button.cf-button__icon {
  margin-right: 0px !important;
  transition: all 400ms;
}
.cart__buttons .cf-button__icon img, .cart__buttons button.cf-button__icon img {
  width: 20px;
  filter: invert(100%) sepia(0%) saturate(2%) hue-rotate(350deg) brightness(102%) contrast(100%);
}
.cart__buttons .cf-button:hover, .cart__buttons button.cf-button:hover {
  padding-right: 25px !important;
}
.cart__buttons .cf-button:hover .cf-button__text, .cart__buttons button.cf-button:hover .cf-button__text {
  margin-right: 35px;
}
.cart__buttons .cf-button:hover .cf-button__icon, .cart__buttons button.cf-button:hover .cf-button__icon {
  margin-right: 0px !important;
}
.cart__buttons .cf-button--alt, .cart__buttons button.cf-button--alt {
  background: white;
  border: 1px solid #1e225d;
  border-radius: 4px;
  padding: 8px 30px !important;
  margin-bottom: 5px;
}
@media print, screen and (min-width: 64em) {
  .cart__buttons .cf-button--alt, .cart__buttons button.cf-button--alt {
    margin-bottom: 0px;
  }
}
.cart__buttons .cf-button--alt .cf-button__text, .cart__buttons button.cf-button--alt .cf-button__text {
  color: #1e225d;
  margin: 0px;
  line-height: 33.6px !important;
}
@media print, screen and (min-width: 64em) {
  .cart__buttons .cf-button--alt .cf-button__text, .cart__buttons button.cf-button--alt .cf-button__text {
    margin-right: 0px !important;
    margin-left: 30px !important;
  }
}
.cart__buttons .cf-button--alt .cf-button__icon, .cart__buttons button.cf-button--alt .cf-button__icon {
  display: none;
}
@media print, screen and (min-width: 64em) {
  .cart__buttons .cf-button--alt .cf-button__icon, .cart__buttons button.cf-button--alt .cf-button__icon {
    display: block;
  }
}
.cart__buttons .cf-button--alt .cf-button__icon img, .cart__buttons button.cf-button--alt .cf-button__icon img {
  color: #1e225d;
  filter: invert(13%) sepia(21%) saturate(5404%) hue-rotate(220deg) brightness(89%) contrast(97%);
}
@media print, screen and (min-width: 64em) {
  .cart__buttons .cf-button--alt:hover, .cart__buttons button.cf-button--alt:hover {
    padding-left: 25px !important;
    padding-right: 30px !important;
  }
  .cart__buttons .cf-button--alt:hover .cf-button__text.left, .cart__buttons button.cf-button--alt:hover .cf-button__text.left {
    margin-left: 35px !important;
    margin-right: 0px !important;
  }
  .cart__buttons .cf-button--alt:hover .cf-button__icon, .cart__buttons button.cf-button--alt:hover .cf-button__icon {
    margin-left: 0px !important;
  }
}
.cart__buttons button.cf-button--orange {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  width: 100%;
  text-align: left;
}
@media print, screen and (min-width: 64em) {
  .cart__buttons button.cf-button--orange {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    width: unset;
  }
}
.cart__buttons button.cf-button--orange .cf-button__text {
  margin-left: 0px !important;
  font-family: "Lexend", sans-serif !important;
}

#shopping-cart-body {
  margin-top: -15px;
}
#shopping-cart-body.disabled {
  pointer-events: none;
}

.carttitel {
  font-size: 1.875rem;
  font-weight: 800;
  font-family: "Lexend", sans-serif;
  margin-top: 15px;
  margin-bottom: 25px;
}
@media print, screen and (min-width: 64em) {
  .carttitel {
    margin-top: 40px;
    margin-bottom: 25px;
    font-size: 2.1875rem;
  }
}

.cart-form-grid {
  display: grid;
  grid-template-columns: 7.5fr 2.5fr;
  grid-template-rows: auto 0.7fr;
}
.cart-form-grid.stap {
  grid-template-columns: none;
}

.cart-form-grid-opleiding {
  display: grid;
  grid-template-columns: 7.5fr 2.5fr;
  margin-left: -30px;
  margin-right: -10px;
  border-bottom: 1px solid #e3e5e7;
}
.cart-form-grid-opleiding.stap {
  grid-template-columns: none;
}
.cart-form-grid-opleiding .cart-row__namebox {
  margin-left: 0 !important;
}

.rowlocation {
  grid-column: 1/-1;
  margin-left: -15px;
  margin-bottom: -15px;
  margin-right: 5px;
  border-top: 1px solid #e3e5e7;
}
.rowlocation .checkout__notice {
  margin: 20px;
}
.rowlocation p {
  color: #1E225C;
  font-size: 16px;
  font-family: "Lexend", sans-serif;
  font-weight: 500;
  margin-left: 20px;
  margin-top: 15px;
}

.rowaantalpersonen {
  padding: 15px 20px;
  margin-top: -15px;
  margin-right: 5px;
}
.rowaantalpersonen label.middle {
  padding-top: 0px;
  font-size: 16px;
  font-family: "Lexend", sans-serif;
  line-height: 20px;
}

.locationselect {
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 15px;
}
.locationselect p {
  color: #1E225C;
  font-size: 16px;
  font-family: "Lexend", sans-serif;
  font-weight: medium;
  margin-left: 0px;
  margin-bottom: 5px;
}
.locationselect select {
  border: 1px solid #1E225C;
  border-radius: 4px;
}

.leergangrow {
  margin-left: -30px;
}

.cart-row__location {
  border: 1px solid #1E225C;
  border-radius: 4px;
  height: 2.5rem;
}

.rowselectopleiding {
  margin-left: -10px;
  margin-right: 10px;
}

.cart_coupons {
  flex: 100%;
  max-width: 100%;
}
.cart_coupons .cart__next {
  float: left !important;
  height: auto;
}
.cart_coupons .cart__next .cf-button--white {
  color: #1e225d;
}
.cart_coupons .cart__next span {
  padding: 20px;
}
.cart_coupons .whiteborder {
  border: 2px solid #1e225d;
  margin-right: 20px;
}
.cart_coupons .whiteborder:hover, .cart_coupons .whiteborder:active, .cart_coupons .whiteborder:hover, .cart_coupons .whiteborder:focus {
  background: white;
  color: #1e225d;
}
.cart_coupons .whiteborder .icon-arrow-right {
  margin: 0;
  margin-left: 20px;
  transform: rotate(-180deg);
}
.cart_coupons .cf-button__text {
  font-size: 17px;
  font-weight: 600;
  font-family: "Lexend", sans-serif;
}

.cart-row {
  border: 1px solid #e3e5e7;
  padding: 15px 10px 15px 30px;
  margin-top: 50px;
  border-radius: 8px;
}
.cart-row:last-child {
  border-bottom: 1px solid #e3e5e7;
}
.cart-row label, .cart-row select {
  margin-bottom: 0;
}
.cart-row__namebox {
  margin-left: -15px;
  margin-top: -15px;
  border-right: 1px solid #e3e5e7;
}
.cart-row__name {
  color: #1e225d;
  font-size: 1.25rem;
  font-weight: 800;
  margin: 0;
  padding: 20px;
}
.cart-row__name--leergang {
  font-weight: 800;
}
.cart-row__aantal {
  margin-top: 5px;
  border: 1px solid #1E225C;
  border-radius: 4px;
}
@media print, screen and (min-width: 64em) {
  .cart-row__aantal {
    margin-top: 0px;
  }
}
.cart-row__leergang-toelichting {
  margin: 5px 0 0;
  padding-left: 20px;
  padding-bottom: 20px;
  padding-right: 20px;
}
.cart-row__leergang-training {
  color: #1e225d;
  font-size: 1rem;
  font-weight: 600;
  margin: 10px 0 3px;
}
.cart-row__leergang-optioneel-toelichting {
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  font-weight: 800;
  margin: 2rem 0 1rem;
  color: #1e225d;
}
.cart-row__delete {
  color: #0a0a0a;
  text-decoration: none;
  display: inline-block;
  padding-top: 10px;
}
@media print, screen and (min-width: 64em) {
  .cart-row__delete {
    padding-top: 0px;
  }
}
.cart-row__delete:hover {
  color: #ec5840;
}
.cart-row__aantal-label {
  color: #1e225d;
  font-family: "Lexend", sans-serif;
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  font-weight: 500;
  font-size: 16px;
  margin-top: 5px !important;
  text-align: start;
  padding-top: 0;
}
@media print, screen and (min-width: 64em) {
  .cart-row__aantal-label {
    margin-top: 0px !important;
  }
}
.cart-row__leergang-optioneel-delete {
  float: left;
  color: #0a0a0a;
  text-decoration: none;
}
.cart-row__leergang-optioneel-delete:hover {
  color: #ec5840;
}
.cart-row__total {
  display: flex;
  height: 52px;
  flex-direction: column;
  justify-content: center;
  text-align: right;
  align-items: flex-end;
  font-family: "Poppins", sans-serif;
  font-display: fallback;
}
@media print, screen and (min-width: 40em) {
  .cart-row__total {
    height: 82px;
  }
}
@media print, screen and (min-width: 64em) {
  .cart-row__total {
    height: 52px;
  }
}
.cart-row__total-before {
  color: #8a8a8a;
  font-weight: 600;
  text-decoration: line-through;
}
.cart-row__total-after {
  font-weight: 800;
}
.cart-row__total-active-discount {
  font-size: 0.9375rem;
  color: #1E225C;
}
.cart-row__totals {
  font-family: "Poppins", sans-serif;
  font-display: fallback;
}
.cart-row__totals-bottom {
  margin-top: 10px;
}
.cart-row__totals-totaal {
  display: inline-block;
  font-weight: 800;
}
.cart-row .participants-info {
  margin: 20px 10px 20px 0;
  grid-column: span 2;
}
.cart-row .participant-block {
  border: 1px solid #ddd;
  padding: 15px;
  margin-bottom: 15px;
  border-radius: 4px;
}
.cart-row .participant-title {
  margin-bottom: 15px;
  color: #333;
}
.cart-row .form-group {
  margin-bottom: 15px;
}
.cart-row .form-group label {
  display: block;
  margin-bottom: 5px;
}
.cart-row .form-control {
  width: 100%;
  padding: 8px;
  border: 1px solid #ddd;
  border-radius: 4px;
}

.cart-gadget__image {
  width: 100%;
}
.cart-gadget__title {
  color: #0a0a0a;
  font-size: 1.25rem;
  font-weight: 800;
  margin: 0;
}
.cart-gadget__text {
  margin: 0.5rem 0 0;
}

.stap-show {
  display: none;
}

.form-information {
  font-size: 14px;
}

.form-checkout__stap-budget-callout {
  border: 1px solid #1E225C;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  padding: 20px !important;
  border-radius: 8px;
  display: flex;
}
.form-checkout__stap-budget-callout__icon img {
  width: 100%;
}
@media screen and (min-width: 40em) {
  .form-checkout__stap-budget-callout__text {
    padding-left: 20px !important;
  }
}
.form-checkout__stap-budget-callout__text > div {
  display: inline;
}
.form-checkout__stap-budget-callout__text .warning {
  filter: invert(65%) sepia(78%) saturate(983%) hue-rotate(342deg) brightness(101%) contrast(101%);
}
.form-checkout__stap-budget-callout__text .good {
  filter: invert(52%) sepia(62%) saturate(448%) hue-rotate(60deg) brightness(89%) contrast(90%);
}
.form-checkout__stap-budget-callout__checkbox {
  /* The container */
  display: inline-block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 22px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  /* Hide the browser's default checkbox */
  /* Create a custom checkbox */
  /* On mouse-over, add a grey background color */
  /* When the checkbox is checked, add a blue background */
  /* Show the checkmark when checked */
  /* Style the checkmark/indicator */
}
.form-checkout__stap-budget-callout__checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.form-checkout__stap-budget-callout__checkbox .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: white;
  border: 1px solid #1E225C;
  /* Create the checkmark/indicator (hidden when not checked) */
}
.form-checkout__stap-budget-callout__checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.form-checkout__stap-budget-callout__checkbox:hover input ~ .checkmark {
  background-color: #ccc;
}
.form-checkout__stap-budget-callout__checkbox input:checked ~ .checkmark {
  background-color: #1E225C;
}
.form-checkout__stap-budget-callout__checkbox input:checked ~ .checkmark:after {
  display: block;
}
.form-checkout__stap-budget-callout__checkbox .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}
.form-checkout__aanhef-dhr {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
.form-checkout__aanhef-mvr {
  padding-top: 0 !important;
}
.form-checkout__fieldset-factuuradres {
  max-height: 0;
  overflow: hidden;
  transition: max-height 500ms;
}
.form-checkout__fieldset-factuuradres--expanded {
  max-height: 1400px;
}
@media print, screen and (min-width: 40em) {
  .form-checkout__fieldset-factuuradres--expanded {
    max-height: 700px;
  }
}
.form-checkout__mollie-van-voor {
  font-size: 1rem;
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  margin: 3px 0 0 0;
}
.form-checkout__mollie-total {
  font-size: 1.125rem;
  color: #1e225d;
}
.form-checkout__mollie-korting {
  font-size: 1.125rem;
  color: #ff9900;
}
.form-checkout__img-ideal {
  height: 50px;
  width: auto;
  position: relative;
  top: -2px;
  left: -5px;
}
.form-checkout__img-spraypay {
  height: 60px;
  width: auto;
  position: relative;
  top: -2px;
  left: -5px;
}
.form-checkout__img-mollie {
  height: 25px;
  width: auto;
}
.form-checkout__img-afm {
  height: 25px;
  width: auto;
}
.form-checkout__remarks {
  height: 75px;
}
.form-checkout__label-method {
  color: #1e225d;
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  font-size: 1.125rem;
  font-weight: 600;
}
.form-checkout__factuuradres strong {
  color: #1e225c;
  text-decoration: underline;
  font-weight: normal;
}

.form-deelnemer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 500ms;
}
.form-deelnemer--expanded {
  max-height: 1400px;
}
.post-summary-large {
  margin: 0 0 1rem;
  box-shadow: 0px 10px 30px 0px rgba(157, 171, 192, 0.2);
  border-radius: 2px 16px 16px 16px;
  padding: 10px;
  height: 100%;
  position: relative;
}
@media print, screen and (min-width: 40em) {
  .post-summary-large {
    margin: 0 0 2rem;
  }
}
@media screen and (min-width: 75em) {
  .post-summary-large {
    margin: 0;
    min-height: 180px;
  }
}
.post-summary-large__link {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
}
.post-summary-large__image img {
  border-radius: 8px 8px 0px 0px;
  border-radius: 8px;
}
@media print, screen and (min-width: 64em) {
  .post-summary-large__image img {
    max-height: 220px;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
@media print, screen and (min-width: 40em) {
  .post-summary-large__image {
    overflow: hidden;
    min-width: 260px;
    max-height: 180px;
  }
  .post-summary-large__image img {
    width: 100%;
    height: auto;
  }
}
.post-summary-large__content {
  padding: 30px;
  border-radius: 0px 0px 8px 8px;
  background: white;
  max-height: 280px;
  text-overflow: ellipsis;
}
@media print, screen and (min-width: 64em) {
  .post-summary-large__content {
    max-height: 250px;
    text-overflow: ellipsis;
    padding: 25px;
  }
}
.post-summary-large__date {
  display: block;
  font-size: 0.875rem;
  margin-bottom: 15px;
  color: #1e225d;
  font-weight: 500;
  font-family: "lexend", "sans-serif";
}
.post-summary-large__title {
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  font-weight: 800;
  font-size: 18px;
  color: #1e225d;
  margin-top: 0.5rem;
  min-height: 35px;
}
@media print, screen and (min-width: 40em) {
  .post-summary-large__title {
    margin-top: 0;
    min-height: 52px;
  }
}
@media print, screen and (min-width: 64em) {
  .post-summary-large__title {
    font-size: 22px;
  }
}
.post-summary-large__intro {
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  color: #1e225d;
  margin-bottom: 15px;
}
@media print, screen and (min-width: 40em) {
  .post-summary-large__intro {
    flex-grow: 1;
  }
}
@media print, screen and (min-width: 64em) {
  .post-summary-large__action {
    width: 50%;
  }
}
@media screen and (min-width: 75em) {
  .post-summary-large__action {
    width: 85%;
  }
}
.post-summary-large:hover {
  box-shadow: 0px 12px 40px 0px rgba(157, 171, 192, 0.35);
  cursor: pointer;
  transition: all 400ms;
}
.post-summary-large:hover .post-summary-large__title {
  color: #ff9900;
  transition: all 400ms;
}
.post-summary-large:hover .cf-button--orange-link {
  background: transparent;
  color: #ff9900;
}
.post-summary-large:hover .cf-button--orange-link .cf-button__text {
  color: #ff9900;
  text-decoration: underline;
  transition: -webkit-text-decoration 400ms;
  transition: text-decoration 400ms;
  transition: text-decoration 400ms, -webkit-text-decoration 400ms;
}
.post-summary-large:hover .cf-button--orange-link .cf-button__icon:not(.left) {
  margin: 0px 0px 0px 15px;
  transition: margin 400ms, box-shadow 400ms;
}

.post-summary-small {
  display: flex;
  margin: 0 0 1rem;
  min-height: 70px;
}
.post-summary-small__image {
  width: 150px;
  overflow: hidden;
  min-width: 100px;
  margin-right: 20px;
  border-radius: 8px;
}
.post-summary-small__image img {
  width: 150px;
  height: 100px;
  -o-object-fit: cover;
     object-fit: cover;
}
.post-summary-small__content {
  padding: 0 0 0 1rem;
  flex-grow: 1;
  text-decoration: none;
}
.post-summary-small__date {
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  display: block;
  font-size: 1rem;
  color: #1e225d;
}
.post-summary-small__title {
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  display: block;
  font-weight: 800;
  font-size: 15px;
  color: #1e225d;
}
@media screen and (min-width: 40em) {
  .post-summary-small__title {
    font-size: 1.25rem;
  }
}
.post-summary-small:hover .post-summary-small__title {
  color: #ff9900;
  transition: all 400ms;
}

.nieuws-list-row {
  margin: 1rem 0 2rem;
  padding: 0 0.5rem 1rem 0;
  border-bottom: 2px solid #e3e5e7;
}
.nieuws-list-row__title a {
  color: #1e225d;
  text-decoration: none;
}
.nieuws-list-row__title a:hover {
  text-decoration: underline;
}
.nieuws-list-row__pagination {
  margin-bottom: 15px;
  margin-top: 15px;
  padding: 0px 20px;
  display: block;
}
@media print, screen and (min-width: 64em) {
  .nieuws-list-row__pagination {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 100rem;
    padding: 0px 60px;
  }
}
.nieuws-list-row__pagination__left .cf-button {
  width: unset;
  height: unset;
  padding: 2px 10px;
  min-height: unset;
}
.nieuws-list-row__pagination__left .cf-button span {
  margin: 0px;
  padding: 0px;
}
.nieuws-list-row__pagination__right {
  display: flex;
  gap: 10px;
  margin-top: 20px;
}
.nieuws-list-row__pagination__right > a {
  flex-basis: 49%;
}
@media print, screen and (min-width: 64em) {
  .nieuws-list-row__pagination__right {
    display: flex;
    margin-top: 0px;
  }
}
.nieuws-list-row__pagination__right .cf-button {
  gap: 5px;
  padding: 4px 10px;
  height: unset;
  min-height: unset;
}
.nieuws-list-row__pagination__right .cf-button span {
  padding: 0px;
  margin: 0px;
  font-size: 14px;
}
.nieuws-list-row__pagination .cf-button__text {
  margin: -2px 5px 0 5px;
  padding-top: 4px;
}
.nieuws-list-row__pagination .cf-button--padding {
  border: 1px solid #1e225d;
  color: #1e225d;
  border-radius: 0px;
  transition: color 400ms, background-color 400ms;
  font-family: "Lexend", sans-serif !important;
}
.nieuws-list-row__pagination .cf-button--padding:hover, .nieuws-list-row__pagination .cf-button--padding:focus, .nieuws-list-row__pagination .cf-button--padding:active, .nieuws-list-row__pagination .cf-button--padding.selected {
  background-color: #1e225d;
  color: white;
}
.nieuws-list-row__pagination .cf-button--padding:hover span, .nieuws-list-row__pagination .cf-button--padding:focus span, .nieuws-list-row__pagination .cf-button--padding:active span, .nieuws-list-row__pagination .cf-button--padding.selected span {
  color: white;
}
.nieuws-list-row__pagination .cf-button--alt {
  border: 1px solid #1e225d;
  background-color: #1e225d;
  color: white;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.nieuws-list-row__pagination .cf-button--alt .cf-button__text {
  flex-grow: unset;
  color: white;
}

.comments-section {
  margin: 2rem 0;
  padding: 1rem;
}
.comments-section h3 {
  font-size: 1.5rem;
  margin-bottom: 1rem;
  color: #1e225d;
}
.comments-section .comment-form {
  margin-bottom: 2rem;
}
.comments-section .comment-form .form-control {
  width: 100%;
  padding: 0.75rem;
  border: 1px solid #e3e5e7;
  margin-bottom: 1rem;
  font-family: inherit;
  resize: vertical;
}
.comments-section .comment-form .button {
  background-color: #1e225d;
  color: white;
  padding: 0.5rem 1rem;
  border: none;
  cursor: pointer;
  font-weight: 500;
}
.comments-section .comment-form .button:hover {
  background-color: rgb(17.5609756098, 19.9024390244, 54.4390243902);
}

.comments-list {
  margin-top: 1.5rem;
}

.comment {
  padding: 1rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid #e3e5e7;
}
.comment-header {
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
}
.comment-header strong {
  font-weight: 600;
  margin-right: 0.5rem;
}
.comment-header .comment-date {
  color: rgb(78.0731707317, 85.6829268293, 197.9268292683);
  font-size: 0.85rem;
}
.comment-content {
  margin-bottom: 1rem;
}
.comment-content p {
  margin: 0;
  line-height: 1.5;
}
.comment-actions {
  display: flex;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}
.comment-actions button, .comment-actions .comment-delete-btn {
  background: none;
  border: none;
  color: #1e225d;
  cursor: pointer;
  padding: 0;
  font-size: 0.9rem;
}
.comment-actions button:hover, .comment-actions .comment-delete-btn:hover {
  text-decoration: underline;
}
.comment-replies {
  margin-left: 2rem;
  padding-left: 1rem;
  border-left: 2px solid #e3e5e7;
}
.comment-replies .comment {
  border-bottom: none;
  padding-bottom: 0.5rem;
}
.comment-edit-form, .comment-reply-form {
  margin: 1rem 0;
}
.comment-edit-form textarea, .comment-reply-form textarea {
  width: 100%;
  padding: 0.75rem;
  border: 1px solid #e3e5e7;
  margin-bottom: 0.75rem;
  font-family: inherit;
  resize: vertical;
}
.comment-edit-form .button, .comment-reply-form .button {
  background-color: #1e225d;
  color: white;
  padding: 0.5rem 1rem;
  border: none;
  cursor: pointer;
  margin-right: 0.5rem;
  font-size: 0.9rem;
}
.comment-edit-form .button:last-of-type, .comment-reply-form .button:last-of-type {
  background-color: #f1f1f1;
  color: #333;
}

.alert {
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}
.alert-danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}
.alert-success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}

.comment-like-btn {
  background: none;
  border: none;
  color: #1e225d;
  cursor: pointer;
  padding: 0;
  font-size: 0.9rem;
}
.comment-like-btn:hover {
  text-decoration: underline;
}
.comment-like-btn.liked {
  color: #e74c3c;
}

.like-count {
  font-size: 0.9rem;
  color: rgb(54.8780487805, 62.1951219512, 170.1219512195);
  margin-left: 0.25rem;
  margin-right: 0.5rem;
}

.like-icon {
  width: 16px;
  height: 16px;
  vertical-align: middle;
  margin-right: 4px;
}

.comment-like-btn.liked .like-icon {
  filter: invert(45%) sepia(83%) saturate(2617%) hue-rotate(194deg) brightness(101%) contrast(101%);
}

.page__section {
  border-bottom: 2px solid #e3e5e7;
  padding: 0 0 1rem;
  margin: 0 0 2.5rem;
}
@media print {
  .page__section {
    border-bottom: 0px;
    padding-bottom: 0px;
  }
}
.page__section--noborder {
  border: none;
}
.page__section-header {
  font-size: 1.75rem;
  font-weight: 800;
  color: #1e225d;
}
@media print, screen and (min-width: 40em) {
  .page__section-header {
    padding-bottom: 30px;
  }
}
.page__title {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.page__intro {
  width: 100%;
  font-size: 1.125rem;
  color: #1e225d;
  text-shadow: 0 0 20px #ffffff;
  margin-bottom: 1rem;
}
@media print, screen and (min-width: 40em) {
  .page__intro {
    margin-bottom: 0;
  }
}
.page tbody th, .page tbody td {
  white-space: unset !important;
}
@media print {
  .page #gerelateerd {
    display: none;
  }
}
.page.digitalisering-en-regelingen h2 {
  font-size: 2rem;
  margin-top: 60px;
}
.page.digitalisering-en-regelingen h3 {
  font-size: 1.6rem;
  margin-top: 50px;
}
.page.digitalisering-en-regelingen h4 {
  font-size: 1rem;
  margin-top: 25px;
}
.page.digitalisering-en-regelingen hr {
  margin-top: 60px;
}

.onderzoek-leven-lang-leren-2022 .page__sidebar {
  visibility: hidden;
}
.onderzoek-leven-lang-leren-2022 .o-image {
  border: 1px solid #ddd;
  box-shadow: 1px 1px 10px #eee;
}
.onderzoek-leven-lang-leren-2022 table tbody th, .onderzoek-leven-lang-leren-2022 table tbody td {
  padding: 0.15rem;
  border: 1px solid #ddd;
  font-family: Arial, sans-serif !important;
}
.onderzoek-leven-lang-leren-2022 table td b, .onderzoek-leven-lang-leren-2022 table td strong, .onderzoek-leven-lang-leren-2022 table td span {
  font-family: Arial, sans-serif !important;
}
.onderzoek-leven-lang-leren-2022 tbody {
  box-shadow: 1px 1px 10px #eee;
}
.onderzoek-leven-lang-leren-2022 table tr {
  box-shadow: none;
  border: none;
}

.doorway_header {
  display: grid !important;
  grid-template-columns: 1fr;
  padding: 0px 2rem;
  min-height: 60vh;
}
@media print, screen and (min-width: 64em) {
  .doorway_header {
    grid-template-columns: 1fr 1fr;
    -moz-column-gap: 30px;
         column-gap: 30px;
  }
}
@media print, screen and (min-width: 64em) {
  .doorway_header .doorway_header__text {
    margin-top: 60px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 20px;
  }
}
.doorway_header .doorway_header__text .doorway_header__text__title h1 {
  font-weight: 800;
  font-size: 25px;
  color: #181C4D;
  font-family: "Lexend", sans-serif !important;
  margin-bottom: 30px;
}
@media screen and (min-width: 40em) {
  .doorway_header .doorway_header__text .doorway_header__text__title h1 {
    font-size: 39px;
  }
}
.doorway_header .doorway_header__text .doorway_header__text__subtext p {
  margin-bottom: 30px;
}
.doorway_header .doorway_header__text .doorway_header__text__subtext p span {
  font-size: 16px;
  font-family: "Lexend", sans-serif !important;
  font-weight: 600;
  margin-bottom: 30px;
  color: #1e225d;
  margin-right: 40px;
}
.doorway_header .doorway_header__text .doorway_header__text__subtext p span img {
  margin-right: 10px;
  width: 16px;
  height: 16px;
  filter: invert(10%) sepia(36%) saturate(4948%) hue-rotate(228deg) brightness(95%) contrast(92%);
}
.doorway_header .doorway_header__text .doorway_header__text__omschijving {
  margin-bottom: 30px;
}
.doorway_header .doorway_header__text .doorway_header__text__omschijving p {
  margin-right: 0;
}
@media screen and (min-width: 40em) {
  .doorway_header .doorway_header__text .doorway_header__text__omschijving p {
    margin-right: 50px;
  }
}
.doorway_header .doorway_header__text .doorway_header__text__checkmarks {
  margin-bottom: 50px;
}
.doorway_header .doorway_header__text .doorway_header__text__checkmarks ul {
  margin-left: 0;
  list-style-type: none;
}
.doorway_header .doorway_header__text .doorway_header__text__checkmarks ul li {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: 20px;
}
@media print, screen and (min-width: 64em) {
  .doorway_header .doorway_header__text .doorway_header__text__checkmarks ul li {
    gap: 20px;
  }
}
.doorway_header .doorway_header__text .doorway_header__text__checkmarks ul li svg {
  min-width: 24px;
}
.doorway_header .doorway_header__text .cf-button__text {
  font-size: 1rem;
}

.doorway_knop {
  padding: 20px 30px !important;
}
.doorway_knop:hover {
  padding: 20px 30px !important;
  padding-right: 20px !important;
}
.doorway_knop:hover .cf-button__icon {
  margin-right: 0px;
  padding-right: 0px;
}
.doorway_knop.noicon:hover {
  padding-right: 30px !important;
}

.doorway_header__background {
  position: relative;
  height: unset;
}
@media print, screen and (min-width: 64em) {
  .doorway_header__background {
    height: 100%;
  }
}
.doorway_header__background .doorway_header__background__overlay {
  width: 100%;
  position: relative;
  bottom: 0px;
}
@media print, screen and (min-width: 64em) {
  .doorway_header__background .doorway_header__background__overlay {
    position: absolute;
  }
}
.doorway_header__background .doorway_header__background__overlay .doorway_header__background__overlay__naam {
  left: 0;
  top: 200px;
  bottom: unset;
}
@media print, screen and (min-width: 40em) {
  .doorway_header__background .doorway_header__background__overlay .doorway_header__background__overlay__naam {
    top: 200px;
    bottom: unset;
  }
}
@media print, screen and (min-width: 64em) {
  .doorway_header__background .doorway_header__background__overlay .doorway_header__background__overlay__naam {
    bottom: 260px;
    top: unset;
  }
}
.doorway_header__background .doorway_header__background__overlay .doorway_header__background__overlay__aankomendetraining {
  background-color: white;
  box-shadow: 0px 15px 40px rgba(69, 76, 83, 0.098);
  border-radius: 8px;
  z-index: 10;
  width: 100%;
  margin-top: 250px;
  margin-bottom: 35px;
}
@media print, screen and (min-width: 40em) {
  .doorway_header__background .doorway_header__background__overlay .doorway_header__background__overlay__aankomendetraining {
    margin-top: 270px;
  }
}
@media print, screen and (min-width: 64em) {
  .doorway_header__background .doorway_header__background__overlay .doorway_header__background__overlay__aankomendetraining {
    margin-top: 0px;
  }
}
.doorway_header__background .doorway_header__background__overlay .doorway_header__background__overlay__aankomendetraining .doorway_header__background__overlay__aankomendetraining__tekst {
  color: #1e225d;
  font-weight: 600;
  font-size: 18px;
  margin-left: 20px;
  margin-top: 20px;
}
.doorway_header__background .doorway_header__background__overlay .doorway_header__background__overlay__aankomendetraining .doorway_header__background__overlay__aankomendetraining__tekst img {
  height: 18px;
  width: 18px;
  margin-right: 10px;
}
.doorway_header__background .doorway_header__background__overlay .doorway_header__background__overlay__aankomendetraining .doorway_header__background__overlay__aankomendetraining__trainingbox {
  display: grid;
  grid-template-columns: 1fr;
  padding: 20px;
  padding-top: 0px;
  -moz-column-gap: 12px;
       column-gap: 12px;
  row-gap: 12px;
}
@media print, screen and (min-width: 40em) {
  .doorway_header__background .doorway_header__background__overlay .doorway_header__background__overlay__aankomendetraining .doorway_header__background__overlay__aankomendetraining__trainingbox {
    grid-template-columns: 1fr 1fr;
  }
}
.doorway_header__background .doorway_header__background__overlay .doorway_header__background__overlay__aankomendetraining .doorway_header__background__overlay__aankomendetraining__trainingbox p, .doorway_header__background .doorway_header__background__overlay .doorway_header__background__overlay__aankomendetraining .doorway_header__background__overlay__aankomendetraining__trainingbox a {
  padding: 15px 10px;
  background-color: red;
  display: block;
  margin-bottom: 0px;
  background-color: #F8F8FA;
  border-radius: 8px;
  text-decoration: none;
  transition: all 400ms;
}
.doorway_header__background .doorway_header__background__overlay .doorway_header__background__overlay__aankomendetraining .doorway_header__background__overlay__aankomendetraining__trainingbox p:hover, .doorway_header__background .doorway_header__background__overlay .doorway_header__background__overlay__aankomendetraining .doorway_header__background__overlay__aankomendetraining__trainingbox a:hover {
  background-color: #1e225d;
  color: white;
}
.doorway_header__background .doorway_header__background__overlay__backgroundimage {
  bottom: 0px;
  top: 0px;
}
@media print, screen and (min-width: 40em) {
  .doorway_header__background .doorway_header__background__overlay__backgroundimage {
    top: unset;
    height: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  .doorway_header__background .doorway_header__background__overlay__backgroundimage {
    top: unset;
    width: 68%;
  }
  .doorway_header__background .doorway_header__background__overlay__backgroundimage img {
    max-height: 550px;
  }
}

.doorway_header__background__overlay__gotthisimage {
  width: 100px;
  margin-left: 50px;
  padding-top: 50px;
}

.doorway_header_img {
  max-height: 550px !important;
}
@media print, screen and (min-width: 64em) {
  .doorway_header_img {
    bottom: 0px !important;
  }
}

.cursistenreview {
  padding-top: 50px;
  background-color: #F8F8FA;
  overflow: hidden;
}
@media screen and (min-width: 40em) {
  .cursistenreview {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}
.cursistenreview .uitlijncuristreview {
  max-width: 86.5rem;
  margin: auto;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr 1fr;
  padding-left: 20px;
}
@media screen and (min-width: 40em) {
  .cursistenreview .uitlijncuristreview {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
  }
}
.cursistenreview__reviewbericht {
  padding-left: 0rem;
  margin-right: 40px;
  margin-bottom: 30px;
}
@media print, screen and (min-width: 64em) {
  .cursistenreview__reviewbericht {
    margin-right: 80px;
    margin-bottom: 0px;
  }
}
.cursistenreview__reviewbericht__titel {
  color: #1e225d;
  font-size: 20px;
  font-weight: 800;
  font-family: "Lexend", sans-serif;
}
@media print, screen and (min-width: 64em) {
  .cursistenreview__reviewbericht__titel {
    font-size: 1.3125rem;
    font-size: 25px;
  }
}
.cursistenreview__reviewbericht__message {
  color: #1e225d;
  margin-bottom: 0;
  font-size: 16px;
}
.cursistenreview__reviewbericht__leesmeer {
  text-decoration: underline;
  font-weight: 500;
  display: inline-block;
  margin-top: 10px;
  margin-bottom: 20px;
}
@media print, screen and (min-width: 64em) {
  .cursistenreview__reviewbericht__leesmeer {
    margin-top: 0px;
  }
}
.cursistenreview__reviewbericht__leesmeer p {
  font-family: "Lexend", sans-serif;
  color: #1e225d;
  font-size: 16px;
}
.cursistenreview__reviewbericht__review-company {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
.cursistenreview__reviewbericht__review-company__imageblock {
  display: grid;
  justify-items: center;
}
@media screen and (min-width: 40em) {
  .cursistenreview__reviewbericht__review-company__imageblock {
    margin-right: 30px;
  }
}
.cursistenreview__reviewbericht__review-company__imageblock__star svg {
  color: #F5C80B;
  font-size: 10px;
}
@media print, screen and (min-width: 64em) {
  .cursistenreview__reviewbericht__review-company__imageblock__star svg {
    font-size: 16px;
  }
}
.cursistenreview__reviewbericht__review-company__imageblock__image {
  padding: 0;
  mix-blend-mode: luminosity;
}
.cursistenreview__reviewbericht__review-company__imageblock span {
  color: #1e225d;
  font-weight: 600;
  font-family: "Lexend", sans-serif;
  margin: 0;
  font-size: 16px;
  margin-bottom: 20px;
}
@media print, screen and (min-width: 64em) {
  .cursistenreview__reviewbericht__review-company__imageblock span {
    margin-top: 15px;
    font-size: 20px;
    margin-bottom: 0;
  }
}
.cursistenreview__photocarousel {
  max-height: 100vh;
  max-width: 100vw;
}
@media screen and (min-width: 40em) {
  .cursistenreview__photocarousel {
    position: absolute !important;
    right: 0;
    max-width: 50vw;
  }
}
.cursistenreview__photocarousel .prev-arrow {
  right: 60px !important;
}
@media screen and (min-width: 40em) {
  .cursistenreview__photocarousel .prev-arrow {
    right: 75px !important;
  }
}
.cursistenreview__photocarousel .slide-arrow {
  margin-right: 40px;
  height: 45px !important;
  padding: 6px;
  bottom: -60px;
  width: 50px !important;
}
@media screen and (min-width: 40em) {
  .cursistenreview__photocarousel .slide-arrow {
    height: 50px !important;
    padding: 8px;
    width: 60px !important;
  }
}
.cursistenreview__photocarousel .slider__counter {
  bottom: -50px;
  top: auto;
}
@media screen and (min-width: 40em) {
  .cursistenreview__photocarousel .slider__counter {
    margin-right: 40px;
  }
}
.cursistenreview__photocarousel__imgbox {
  height: 100%;
  margin-right: 30px;
}
@media screen and (min-width: 40em) {
  .cursistenreview__photocarousel__imgbox {
    margin-left: 20px;
    margin-right: 0;
  }
}
.cursistenreview__photocarousel__imgbox img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 12px;
}
.cursistenreview__photocarousel .slick-list {
  height: 100%;
  background: #f8f8fa;
}
.cursistenreview__photocarousel .slick-list .slick-track {
  height: 100%;
}

.clustersection {
  margin-bottom: 50px !important;
}
@media print, screen and (min-width: 64em) {
  .clustersection {
    margin-bottom: 75px !important;
  }
}

.home-content-divider--grey {
  border-bottom: 1px solid #F8F8FA !important;
}
.home-content-divider--grey::after {
  border-top: 30px solid #F8F8FA !important;
}

.doorway_trainers {
  display: grid;
  grid-template-columns: 1fr;
  margin-top: 50px;
  margin-bottom: 50px;
  padding-left: 2rem;
  padding-right: 2rem;
}
@media print, screen and (min-width: 64em) {
  .doorway_trainers {
    grid-template-columns: 1fr 1fr;
    margin-top: 100px;
    margin-bottom: 50px;
  }
}
.doorway_trainers .doorway_trainers_text {
  margin-bottom: 50px;
}
@media print, screen and (min-width: 64em) {
  .doorway_trainers .doorway_trainers_text {
    border-right: 1px solid #E0E0E0;
    padding-right: 60px;
    margin-bottom: 0px;
  }
}
.doorway_trainers .doorway_trainers_text .doorway_trainers_text_title {
  font-size: 20px;
  font-weight: 800;
  color: #1e225d;
  font-family: "Lexend", sans-serif;
  margin-bottom: 30px !important;
}
@media print, screen and (min-width: 64em) {
  .doorway_trainers .doorway_trainers_text .doorway_trainers_text_title {
    font-size: 25px;
  }
}
.doorway_trainers .doorway_trainers_text .doorway_trainers_text_textblock {
  font-size: 16px;
  color: #1e225d;
  margin-bottom: 30px;
}
@media print, screen and (min-width: 64em) {
  .doorway_trainers .doorway_trainers_trainerpart {
    padding-left: 60px;
  }
}
.doorway_trainers .doorway_trainers_trainerpart .doorway_trainers_trainerpart_title {
  font-size: 20px;
  font-weight: 800;
  color: #1e225d;
  font-family: "Lexend", sans-serif;
}
@media print, screen and (min-width: 64em) {
  .doorway_trainers .doorway_trainers_trainerpart .doorway_trainers_trainerpart_title {
    font-size: 25px;
  }
}

#trainersbox p {
  font-weight: 800;
  font-size: 20px;
}
#trainersbox p span {
  font-weight: 500;
  font-size: 16px;
}

.doorway_content {
  background-color: #f8f8fa;
  padding-left: 2rem;
  padding-right: 2rem;
}
.doorway_content .doorway_title {
  font-size: 20px !important;
  text-align: center;
  background: transparent;
  color: #1e225d !important;
}
@media print, screen and (min-width: 64em) {
  .doorway_content .doorway_title {
    margin-bottom: 50px !important;
    font-size: 39px !important;
    margin-right: 250px;
    margin-left: 250px;
  }
}
.doorway_content .doorway_container {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.doorway_content .doorway_container .doorway_container_content {
  padding-left: 0 !important;
}
@media print, screen and (min-width: 64em) {
  .doorway_content .doorway_content_item_baby {
    padding: 50px;
  }
}

.doorway-video-block {
  background-color: white;
}

.doorway_verwachtingen {
  background-color: #F8F8FA;
  padding: 0px 2rem;
}
.doorway_verwachtingen .doorway_verwachtingen__title {
  text-align: center;
  font-size: 20px;
  font-weight: 800;
  color: #1e225d;
  width: 100%;
  margin-top: 40px;
  margin-bottom: 30px !important;
}
@media print, screen and (min-width: 64em) {
  .doorway_verwachtingen .doorway_verwachtingen__title {
    font-size: 39px;
    margin-top: 80px;
    margin-bottom: 75px !important;
  }
}
.doorway_verwachtingen .doorway_verwachtingen_box {
  width: 100%;
}
.doorway_verwachtingen .doorway_verwachtingen_box ul {
  display: grid;
  grid-template-columns: 1fr;
  margin: 0px;
}
@media print, screen and (min-width: 64em) {
  .doorway_verwachtingen .doorway_verwachtingen_box ul {
    grid-template-columns: 1fr 1fr;
    max-width: 80%;
    margin: 0 auto;
  }
}
.doorway_verwachtingen .doorway_verwachtingen_box ul li {
  display: flex;
  align-items: center;
  list-style-type: none;
  margin-bottom: 20px;
  -moz-column-gap: 16px;
       column-gap: 16px;
}
@media print, screen and (min-width: 64em) {
  .doorway_verwachtingen .doorway_verwachtingen_box ul li {
    margin-bottom: 45px;
  }
}
.doorway_verwachtingen .doorway_verwachtingen_box ul li svg {
  min-width: 24px;
}
.doorway_verwachtingen .doorway_verwachtingen_box ul li p {
  font-size: 16px;
  color: #1e225d;
}
.doorway_verwachtingen .doorway_verwachtingen_box ul li:last-of-type {
  margin-bottom: 0px;
}
@media print, screen and (min-width: 64em) {
  .doorway_verwachtingen .doorway_verwachtingen_box ul li:last-of-type {
    margin-bottom: 45px;
  }
}
.doorway_verwachtingen .doorway_verwachtingen_button {
  width: 100%;
  text-align: center;
  margin-top: 50px;
  margin-bottom: 50px;
}
.doorway_verwachtingen .doorway_verwachtingen_button .cf-button__text {
  font-size: 1rem;
}
@media print, screen and (min-width: 64em) {
  .doorway_verwachtingen .doorway_verwachtingen_button {
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 100px;
  }
}

.Alles_over > .row {
  padding-left: 2rem;
  padding-right: 2rem;
}
.Alles_over .Alles_over_title {
  text-align: center;
  font-size: 20px;
  font-weight: 800;
  color: #1e225d;
  width: 100%;
  margin-top: 100px;
  margin-bottom: 50px !important;
}
@media print, screen and (min-width: 64em) {
  .Alles_over .Alles_over_title {
    font-size: 39px;
  }
}
.Alles_over .Alles_over_trainingen {
  display: grid;
  grid-template-columns: 1fr;
  justify-content: center;
  row-gap: 50px;
  margin-bottom: 90px;
}
@media print, screen and (min-width: 64em) {
  .Alles_over .Alles_over_trainingen {
    grid-template-columns: 1fr 1fr 1fr;
    -moz-column-gap: 100px;
         column-gap: 100px;
  }
}
@media print, screen and (min-width: 64em) {
  .Alles_over .Alles_over_trainingen a {
    margin-left: 0px;
  }
}

.doorway_reviews {
  background-color: #F8F8FA;
  padding-top: 70px;
  padding-bottom: 70px;
}
@media print, screen and (min-width: 64em) {
  .doorway_reviews {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
.doorway_reviews .doorway_reviews_boxs {
  display: grid;
  grid-template-columns: 1fr;
  padding: 0 2rem;
}
@media print, screen and (min-width: 64em) {
  .doorway_reviews .doorway_reviews_boxs {
    grid-template-columns: 1fr 1fr;
  }
}
@media print, screen and (min-width: 64em) {
  .doorway_reviews .doorway_reviews_boxs .doorway_reviews_box_tekst {
    margin-left: 0;
    margin-right: 0;
  }
}
.doorway_reviews .doorway_reviews_boxs .doorway_reviews_box_tekst .doorway_reviews_box_tekst_title {
  font-size: 20px;
  font-weight: 800;
  font-family: "lexend", sans-serif;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 25px;
}
@media print, screen and (min-width: 64em) {
  .doorway_reviews .doorway_reviews_boxs .doorway_reviews_box_tekst .doorway_reviews_box_tekst_title {
    margin-right: 150px;
    margin-top: 50px;
    font-size: 30px;
  }
}
.doorway_reviews .doorway_reviews_boxs .doorway_reviews_box_tekst .doorway_reviews_box_tekst_text {
  margin-bottom: 25px;
}
@media print, screen and (min-width: 64em) {
  .doorway_reviews .doorway_reviews_boxs .doorway_reviews_box_tekst .doorway_reviews_box_tekst_text {
    margin-right: 50px;
  }
}
.doorway_reviews .doorway_reviews_boxs .doorway_reviews_boxs_reviewcard .testimonial-block__card {
  margin-bottom: 25px;
}
@media print, screen and (min-width: 64em) {
  .doorway_reviews .doorway_reviews_boxs .doorway_reviews_boxs_reviewcard .testimonial-block__card {
    margin-left: 150px;
    margin-right: 150px;
    margin-bottom: 0px;
  }
}

.custom-blog-header {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.custom-blog-header .likes_images ul {
  margin-left: 0;
  list-style-type: none;
  display: flex;
  margin-bottom: 0;
  float: right;
}
.custom-blog-header .likes_images ul li {
  display: inline-block;
  margin-left: 3px;
}
.custom-blog-header .likes_images ul li img {
  width: 50px;
  height: auto;
  border-radius: 50%;
}
.custom-blog-header .likes_images ul .custom_rating {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border: 1px solid;
  border-radius: 25px;
  padding: 4px 15px;
  align-content: center;
  height: auto;
  align-self: center;
  margin-right: 15px;
}
.custom-blog-header .likes_images ul .custom_rating p {
  margin: auto;
  font-size: 14px;
  font-weight: bold;
}
.custom-blog-header .likes_images ul .custom_rating img {
  width: 20px;
}

.home-leader-new {
  height: auto;
}

.training__banner__image_blog {
  height: 500px;
}
.training__banner__image_blog .videotext-block__video__container {
  height: 100%;
}
.training__banner__image_blog.top {
  background-position: top !important;
}
.training__banner__image_blog.center {
  background-position: center !important;
}
.training__banner__image_blogs.bottom {
  background-position: bottom !important;
}

.page-header {
  padding-bottom: 0.5rem;
}
.page-header::before, .page-header::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
.page-header::after {
  clear: both;
}
@media print, screen and (min-width: 40em) {
  .page-header {
    padding-bottom: 0;
    background: none;
    border-bottom: none;
  }
}
.page-header__title {
  font-weight: 800;
  font-size: 1.5rem;
  color: #1e225d;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
@media print, screen and (min-width: 40em) {
  .page-header__title {
    margin-bottom: 1rem;
    font-size: 2.375rem;
  }
}

.header__title {
  font-weight: 800;
  font-size: 1.5rem;
  color: #1e225d;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
@media print, screen and (min-width: 40em) {
  .header__title {
    margin-bottom: 1rem;
    font-size: 2.375rem;
  }
}

.home-leader-new.blog_leader .page-header__title {
  margin-bottom: 40px;
  color: #181B4B;
}

.blog__training_artikel {
  margin-top: -70px;
  position: relative;
  max-width: 323px;
}
.blog__training_artikel .cta-block__callout__image {
  padding: 0;
  width: 100%;
  flex: 0 0 100%;
  max-width: 100%;
  position: unset;
}
.blog__training_artikel .cta-block__callout__image img:first-child {
  width: 64px;
  margin-right: -1px;
  position: absolute;
  top: 0px;
  right: 0;
}
.blog__training_artikel .cta-block__callout__image img:last-child {
  height: 350px;
  -o-object-fit: cover;
     object-fit: cover;
}
.blog__training_artikel .cta-block__intake__image__textbox {
  position: unset;
  margin-top: -41px;
}
.blog__training_artikel .cluster-header__background__overlay__reviews {
  margin-left: 0px;
  width: 100%;
  max-width: 235px;
}
.blog__training_artikel .cluster-header__background__overlay__reviews .cluster-header__background__overlay__reviews__text__icon {
  display: none;
}
.blog__training_artikel .cluster-header__background__overlay__reviews .cluster-header__background__overlay__reviews__text {
  padding: 9px 10px;
  width: 95%;
}
.blog__training_artikel .cluster-header__background__designation {
  position: initial !important;
  top: unset !important;
  bottom: unset !important;
  color: #1E225C;
  margin-bottom: 10px;
  background-color: #fff;
  left: 0;
  font-weight: 500;
}
.blog__training_artikel .cluster-header__background__designation strong {
  font-size: 15px;
}
.blog__training_artikel .cluster-header__background__designation p {
  padding: 6px 15px;
}
.blog__training_artikel span.post-summary-small__date {
  padding: 17px 0 0 14px;
  padding: 17px 0 0 14px;
  font-size: 14px;
  line-height: 18px;
  color: #1E225C;
}
.blog__training_artikel .trainer_mobile img {
  max-height: 145px;
  -o-object-fit: contain;
     object-fit: contain;
}

.page__content {
  margin-top: 20px;
}
@media print, screen and (min-width: 64em) {
  .page__content {
    margin-top: 20px;
  }
}
.page__content .introduction {
  display: none;
  color: #1e225d;
}
@media print, screen and (min-width: 40em) {
  .page__content .introduction {
    display: block;
  }
}

.add-blogpage-content {
  margin-top: 20px;
  margin-bottom: 20px;
}
@media print, screen and (min-width: 64em) {
  .add-blogpage-content {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}

.add-blogpage-content .cf-button--blue-flat-alt {
  padding: 10px 20px;
  border-radius: 50px;
  min-width: 225px;
}
.add-blogpage-content .cf-button--blue-flat-alt button {
  width: 100%;
}
.add-blogpage-content .cf-button--blue-flat-alt button img {
  max-width: 28px;
  margin-right: 12px;
}
.add-blogpage-content .cf-button--blue-flat-alt button:hover {
  color: #fff;
}

.videoplayer-initialized {
  background-image: none !important;
  background-color: black;
}
.videoplayer-initialized iframe {
  height: 519px;
}

.introbackground-blog .twocol__banner, .hoofdstukken-mobile .twocol__banner {
  background: #fff !important;
}
.introbackground-blog .hoof_section, .hoofdstukken-mobile .hoof_section {
  padding-left: 40px;
  margin-top: -55px;
}
.introbackground-blog .hoof_section h3, .hoofdstukken-mobile .hoof_section h3 {
  font-size: 20px;
  margin-bottom: 10px;
  color: #1E225C;
}
.introbackground-blog .hoof_section .box_layout, .hoofdstukken-mobile .hoof_section .box_layout {
  display: flex;
  justify-content: start;
  overflow: scroll;
  gap: 10px;
  max-width: 752px;
  margin-bottom: 0px;
  padding: 5px 0px;
}
.introbackground-blog .hoof_section .box_layout .box1, .hoofdstukken-mobile .hoof_section .box_layout .box1 {
  width: 119px;
  min-height: 104px;
  padding: 5px;
  border: 1px solid #1E225C;
  border-radius: 12px;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  margin-right: 5px;
  margin-top: 5px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  transition: box-shadow 400ms;
}
.introbackground-blog .hoof_section .box_layout .box1 p, .hoofdstukken-mobile .hoof_section .box_layout .box1 p {
  font-size: 14px;
  line-height: 19px;
  margin-bottom: 30px;
}
.introbackground-blog .hoof_section .box_layout .box1 p.custom_time, .hoofdstukken-mobile .hoof_section .box_layout .box1 p.custom_time {
  margin-bottom: 0;
}
.introbackground-blog .hoof_section .box_layout .box1:hover, .hoofdstukken-mobile .hoof_section .box_layout .box1:hover {
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.32);
  cursor: pointer;
}
.introbackground-blog .add-blogpage-content, .hoofdstukken-mobile .add-blogpage-content {
  padding-left: 40px;
}
.introbackground-blog .add-webpage-content, .hoofdstukken-mobile .add-webpage-content {
  padding-left: 40px;
  margin: 0;
}
.introbackground-blog .add-webpage-content .web-page-header, .hoofdstukken-mobile .add-webpage-content .web-page-header {
  min-height: auto;
  margin-bottom: 0;
}
.introbackground-blog .add-webpage-content .web-page-header .cf-button--blue-flat-alt.button-web-bewaard, .hoofdstukken-mobile .add-webpage-content .web-page-header .cf-button--blue-flat-alt.button-web-bewaard {
  min-width: 153px;
  border-color: #FF4F57;
  color: #FF4F57;
  margin-right: 8px;
}
.introbackground-blog .add-webpage-content .web-page-header .cf-button--blue-flat-alt.button-web-bewaard .cf-button__icon, .hoofdstukken-mobile .add-webpage-content .web-page-header .cf-button--blue-flat-alt.button-web-bewaard .cf-button__icon {
  margin: 0;
}
.introbackground-blog .add-webpage-content .web-page-header .cf-button--blue-flat-alt.button-web-bewaard .cf-button__icon button, .hoofdstukken-mobile .add-webpage-content .web-page-header .cf-button--blue-flat-alt.button-web-bewaard .cf-button__icon button {
  color: #FF4F57;
  font-size: 15px;
}
.introbackground-blog .add-webpage-content .web-page-header .cf-button--blue-flat-alt.button-web-bewaard .cf-button__icon button:hover, .hoofdstukken-mobile .add-webpage-content .web-page-header .cf-button--blue-flat-alt.button-web-bewaard .cf-button__icon button:hover {
  color: #fff;
}
.introbackground-blog .add-webpage-content .web-page-header .cf-button--blue-flat-alt.button-web-bewaard .cf-button__icon button img, .hoofdstukken-mobile .add-webpage-content .web-page-header .cf-button--blue-flat-alt.button-web-bewaard .cf-button__icon button img {
  filter: none;
}
.introbackground-blog .add-webpage-content .web-page-header .cf-button--blue-flat-alt.button-web-bewaard:hover, .hoofdstukken-mobile .add-webpage-content .web-page-header .cf-button--blue-flat-alt.button-web-bewaard:hover {
  border-color: #1E225C;
}
.introbackground-blog .add-webpage-content .web-page-header .button-web-bekijk, .hoofdstukken-mobile .add-webpage-content .web-page-header .button-web-bekijk {
  max-width: 225px;
}
.introbackground-blog .add-webpage-content .web-page-header .button-web-bekijk span.cf-button__icon, .hoofdstukken-mobile .add-webpage-content .web-page-header .button-web-bekijk span.cf-button__icon {
  margin: 0;
}
.introbackground-blog .add-webpage-content .web-page-header .button-web-bekijk span.cf-button__icon img, .hoofdstukken-mobile .add-webpage-content .web-page-header .button-web-bekijk span.cf-button__icon img {
  filter: none;
}
.introbackground-blog .page__content, .hoofdstukken-mobile .page__content {
  padding-left: 10px;
}
.introbackground-blog .page__content h2, .hoofdstukken-mobile .page__content h2 {
  font-size: 25px;
  line-height: 50px;
  max-width: 734px;
  margin-bottom: 26px !important;
  color: #181B4B;
}
.introbackground-blog .page__content h2 span, .hoofdstukken-mobile .page__content h2 span {
  font-weight: bold !important;
}
.introbackground-blog .page__content h3, .hoofdstukken-mobile .page__content h3 {
  font-size: 25px;
  line-height: 50px;
  max-width: 734px;
  margin-bottom: 26px !important;
  color: #181B4B;
}
.introbackground-blog .page__content p, .hoofdstukken-mobile .page__content p {
  font-size: 18px;
  line-height: 30px;
  color: #181B4B;
  max-width: 734px;
}
.introbackground-blog .page__content ul, .introbackground-blog .page__content ol, .hoofdstukken-mobile .page__content ul, .hoofdstukken-mobile .page__content ol {
  margin-left: 20px;
  max-width: 734px;
}
.introbackground-blog .page__content ul li, .introbackground-blog .page__content ol li, .hoofdstukken-mobile .page__content ul li, .hoofdstukken-mobile .page__content ol li {
  font-size: 18px;
  line-height: 30px;
  color: #181B4B;
}
.introbackground-blog .page__content ul li > p, .introbackground-blog .page__content ol li > p, .hoofdstukken-mobile .page__content ul li > p, .hoofdstukken-mobile .page__content ol li > p {
  margin-bottom: 0.5rem;
}
.introbackground-blog .row.add-blogpage-content .page-header, .hoofdstukken-mobile .row.add-blogpage-content .page-header {
  min-height: auto;
  background: none;
  border-bottom: none;
  padding-left: 50px;
  margin: 40px 0;
}
.introbackground-blog #training-links, .hoofdstukken-mobile #training-links {
  border: 0;
  padding-left: 40px;
}

.trainingen-heder-content {
  margin-top: 40px;
  width: 100%;
}
@media print, screen and (min-width: 64em) {
  .trainingen-heder-content {
    margin-top: 80px;
  }
}

.trainingen-blog {
  width: 100%;
  max-width: 868px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  grid-row-gap: 10px;
  flex-wrap: wrap;
  align-items: center;
}
@media print, screen and (min-width: 64em) {
  .trainingen-blog {
    grid-row-gap: 40px;
  }
}
.trainingen-blog:last-child {
  margin-bottom: 120px;
}
.trainingen-blog h3 {
  font-size: 39px;
  line-height: 50px;
  margin-bottom: 40px;
  text-align: center;
  width: 100%;
  color: #1E225C;
  margin-bottom: 54px;
}
@media print, screen and (min-width: 64em) {
  .trainingen-blog h3 {
    margin-bottom: 24px;
  }
}
.trainingen-blog .training-grid-block {
  display: inline-block;
  width: 47.2%;
  margin: 0px 0px;
}
.trainingen-blog .training-grid-block .training-grid-block__image__overlay {
  border-radius: 4px 4px 0px 0px;
}
.trainingen-blog .training-grid-block .blue-flat-alt-button {
  position: absolute;
  right: 11px;
  bottom: -18px;
}
.trainingen-blog .training-grid-block .blue-flat-alt-button button {
  width: 50px;
  height: 50px;
  border: 1px solid #1E225C;
  border-radius: 100px;
  background-color: #fff;
  box-shadow: 0px 10px 30px 0px rgba(157, 171, 192, 0.2);
}
.trainingen-blog .training-grid-block .blue-flat-alt-button button img {
  width: 28px;
}
.trainingen-blog .training-grid-block p.training-grid-block__title {
  color: #1E225C;
  margin-bottom: 5px;
  text-align: left;
}
.trainingen-blog .training-grid-block p.training-grid-block__intro {
  font-size: 16px;
  line-height: 25px;
  text-align: left;
}

.web-design-artikel .cluster-header__content-post__text {
  padding: 0px !important;
}

.web-design-artikel .cluster-header__content-post {
  width: 100%;
  padding: 0rem 2rem 60px;
  display: flex;
  align-items: center;
}
@media print, screen and (min-width: 64em) {
  .web-design-artikel .cluster-header__content-post {
    padding-right: 0px;
  }
}
.web-design-artikel .cluster-header__content-post .cluster-header__content-post__text {
  max-width: 595px;
  margin-left: auto !important;
}
.web-design-artikel .cluster-header__content-post .cluster-header__content-post__text p {
  margin-bottom: 20px;
}
.web-design-artikel .cluster-header__content-post h2 {
  font-size: 36px;
  line-height: 45px;
  margin-bottom: 22px !important;
  color: #1E225C;
}
.web-design-artikel .cluster-header__content-post p {
  font-size: 18px;
  line-height: 27px;
}
.web-design-artikel .cluster-header__content-post .columns {
  padding: 0;
  margin: 0;
}
.web-design-artikel .cluster-header__content-post .columns .contact__main__form {
  max-width: 100%;
  margin-left: -3px;
}
.web-design-artikel .cluster-header__content-post .columns .contact__main__form .form-col-main {
  max-width: 496px;
}
.web-design-artikel .cluster-header__content-post .columns .contact__main__form .form-col-main .row {
  padding: 0;
  margin: 0;
}
.web-design-artikel .cluster-header__content-post .columns .contact__main__form .form-col-main .form-col {
  margin-bottom: 20px;
}
.web-design-artikel .cluster-header__content-post .columns .contact__main__form .form-col-main .form-col label {
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
  color: #181B4B;
}
.web-design-artikel .cluster-header__content-post .columns .contact__main__form .form-col-main .form-col input {
  border-color: #181B4B;
  border-radius: 4px;
  height: 51px;
  padding-left: 22px;
  box-shadow: none;
  color: #181B4B;
  font-size: 16px;
}
.web-design-artikel .cluster-header__content-post .columns .contact__main__form .form-col-main .form-col input ::-moz-placeholder {
  color: #181B4B;
  font-size: 16px;
}
.web-design-artikel .cluster-header__content-post .columns .contact__main__form .form-col-main .form-col input ::placeholder {
  color: #181B4B;
  font-size: 16px;
}
.web-design-artikel .cluster-header__content-post .columns .contact__main__form .form-col-main .cluster-header__content-post__text__buttons__button button {
  padding: 16px 15px;
  width: inherit;
  font-size: 18px;
  min-width: 161px;
  margin-top: 9px;
}
.web-design-artikel .cluster-header__content-post .columns .contact__main__form .form-col-main br {
  display: none;
}
.web-design-artikel .cluster-header__content-post .columns.cluster-header__background.align-self-top {
  height: auto;
}
.web-design-artikel .cluster-header__content-post .columns.cluster-header__background.align-self-top .cluster-header__background__text {
  display: block;
  position: relative;
}
.web-design-artikel .cluster-header__content-post .columns.cluster-header__background.align-self-top .cluster-header__background__text span {
  width: 100%;
  font-size: 700px;
  padding: 40px 0;
}
.web-design-artikel .cluster-header__content-post .columns.cluster-header__background.align-self-top .cluster-header__background__overlay {
  bottom: -10px;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  margin: 0 auto;
  flex-direction: column;
  max-width: 440px;
}
.web-design-artikel .cluster-header__content-post .columns.cluster-header__background.align-self-top .cluster-header__background__overlay .cluster-header__background__image {
  width: 100%;
  overflow: visible;
  margin-left: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.web-design-artikel .cluster-header__content-post .columns.cluster-header__background.align-self-top .cluster-header__background__overlay .cluster-header__background__image img {
  position: absolute;
  transform: translateX(-50%);
  left: 55%;
  min-height: 350px;
  max-height: 350px;
  bottom: 0px;
}
@media print, screen and (min-width: 64em) {
  .web-design-artikel .cluster-header__content-post .columns.cluster-header__background.align-self-top .cluster-header__background__overlay .cluster-header__background__image img {
    min-height: 50vh;
    max-height: 550px;
    left: 70%;
  }
}
.web-design-artikel .cluster-header__content-post .columns.cluster-header__background.align-self-top .cluster-header__background__overlay .cluster-header__background__designation {
  position: static;
  margin-bottom: 8px;
  margin-left: 7px;
}
.web-design-artikel .cluster-header__content-post .columns.cluster-header__background.align-self-top .cluster-header__background__overlay .cluster-header__background__designation p {
  font-size: 14px;
  line-height: 20px;
}
@media print, screen and (min-width: 64em) {
  .web-design-artikel .cluster-header__content-post .columns.cluster-header__background.align-self-top .cluster-header__background__overlay .cluster-header__background__overlay__reviews {
    width: 443px;
    margin-left: 0px;
  }
  .web-design-artikel .cluster-header__content-post .columns.cluster-header__background.align-self-top .cluster-header__background__overlay .cluster-header__background__overlay__reviews img {
    width: 100px;
  }
}
.web-design-artikel .cluster-header__content-post .columns.cluster-header__background.align-self-top .cluster-header__background__overlay .cluster-header__background__overlay__reviews__text {
  padding: 8px 8px 8px 0;
  width: 100%;
}

.training__banner_webinar {
  height: 100%;
  max-width: 1550px;
  margin: 0 auto;
  background-size: auto;
  position: relative;
  padding-bottom: 42px;
}
.training__banner_webinar .inspiration-block__item__image {
  z-index: 1;
  padding-bottom: 100px;
}
.training__banner_webinar .inspiration-block__item__image .videotext-block__video__container {
  position: unset;
}
.training__banner_webinar .inspiration-block__item__image .videotext-block__video__container #vid-icon {
  margin-left: 0;
  margin-top: 0;
}
.training__banner_webinar .inspiration-block__item__image__background {
  border-radius: 4px;
  min-height: 678px;
  background-position: top;
  max-width: 1071px;
  margin: 0 auto;
}

.training__banner_case {
  height: 519px;
}
.training__banner_case .inspiration-block__item__image {
  padding: 0;
  border: 1px solid #e7ebf1;
}
.training__banner_case .inspiration-block__item__image .inspiration-block__item__image__background {
  border-radius: 0;
  min-height: 219px;
  background-position: center !important;
}
@media print, screen and (min-width: 64em) {
  .training__banner_case .inspiration-block__item__image .inspiration-block__item__image__background {
    min-height: 519px;
  }
}
.training__banner_case .inspiration-block__item__image .inspiration-block__item__image__background.top {
  background-position: top !important;
}
.training__banner_case .inspiration-block__item__image .inspiration-block__item__image__background.center {
  background-position: center !important;
}
.training__banner_case .inspiration-block__item__image .inspiration-block__item__image__backgrounds.bottom {
  background-position: bottom !important;
}
.training__banner_case .inspiration-block__item__image .inspiration-block__item__image__background iframe {
  width: 100%;
  height: 219px;
}
@media print, screen and (min-width: 64em) {
  .training__banner_case .inspiration-block__item__image .inspiration-block__item__image__background iframe {
    height: 519px;
  }
}
.training__banner_case .inspiration-block__item__image .videotext-block__video__container {
  position: unset;
}
.training__banner_case .inspiration-block__item__image .videotext-block__video__container #vid-icon {
  margin-left: 0;
  margin-top: 0;
  width: 120px;
  height: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
}
.training__banner_case .inspiration-block__item__image .videotext-block__video__container #vid-icon img {
  height: 70px;
  width: 70px;
}

.overlay_img {
  position: absolute;
  bottom: 108px;
  height: 602px;
  width: 1348px;
  margin: 0 auto;
  left: 0;
  right: 0;
}

.case-page-header {
  margin-top: 40px;
  min-height: auto;
}
.case-page-header .cf-button--blue-flat-alt .cf-button__icon {
  margin: 0;
}
.case-page-header .cf-button--blue-flat-alt .cf-button__icon img {
  height: auto;
}
.case-page-header .cf-button--blue-flat-alt.button-alt-blog {
  min-width: 225px;
  margin-right: 8px;
}
.case-page-header .cf-button--blue-flat-alt.button-alt-blog img {
  filter: unset;
  height: auto;
}

@media handheld, only screen and (max-width: 1579px) {
  .row.cluster-header-blog {
    margin-right: 0;
    margin-left: 0;
  }
  .row.cluster-header-blog .cluster-header__content-post {
    margin: 0;
    padding-left: 15px;
    padding-right: 15px;
  }
  .cluster-header__content-post .cluster-header__background__text span {
    font-size: 600px !important;
  }
}
@media handheld, only screen and (max-width: 1250px) {
  .cluster-header__content-post .cluster-header__content-post__text {
    padding-left: 20px !important;
  }
  .cluster-header__content-post .cluster-header__background__text span {
    font-size: 500px !important;
  }
  .introbackground-blog .hoof_section, .hoofdstukken-mobile .hoof_section {
    margin-top: 0;
  }
  .introbackground-blog .hoof_section .box_layout .box1, .hoofdstukken-mobile .hoof_section .box_layout .box1 {
    width: 109px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  }
}
@media handheld, only screen and (max-width: 1140px) {
  .introbackground-blog .hoof_section .box_layout, .hoofdstukken-mobile .hoof_section .box_layout {
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
    overflow: scroll;
  }
  .introbackground-blog .hoof_section .box_layout .box1, .hoofdstukken-mobile .hoof_section .box_layout .box1 {
    min-width: 119px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  }
  .cluster-header__content-post .cluster-header__background__text span {
    font-size: 430px !important;
  }
}
@media handheld, only screen and (max-width: 1023px) {
  .sidebar-blog {
    border-bottom: 1px solid;
  }
  .twocol__sidebar-training__background {
    padding: 0px 2rem;
  }
  .blog__training_artikel {
    margin-top: 0;
    margin-bottom: 30px;
  }
  .introbackground-blog .row.add-blogpage-content .page-header {
    padding-left: 20px;
  }
  .introbackground-blog .page__content {
    padding-left: 0px;
  }
  .introbackground-blog .page__content p {
    padding-left: 0px;
    max-width: 100%;
  }
  .cluster-header__content-post {
    flex-direction: column;
    justify-content: center;
  }
  .cluster-header__content-post .cluster-header__background__text {
    margin-left: -2rem;
    margin-right: -2rem;
  }
  .cluster-header__content-post .cluster-header__background__text span {
    text-align: center;
  }
  .cluster-header__content-post .cluster-header__content-post__text {
    padding-left: 0px !important;
    margin: 0 auto !important;
  }
  .cluster-header__content-post .cluster-header__background {
    width: 100%;
  }
  .introbackground-blog .hoof_section, .hoofdstukken-mobile .hoof_section {
    padding-left: 0;
  }
  .introbackground-blog .hoof_section .box_layout, .hoofdstukken-mobile .hoof_section .box_layout {
    max-width: 100%;
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
    overflow: scroll;
    -ms-overflow-style: none; /* Internet Explorer 10+ */
    scrollbar-width: none; /* Firefox */
  }
  .introbackground-blog .hoof_section .box_layout::-webkit-scrollbar, .hoofdstukken-mobile .hoof_section .box_layout::-webkit-scrollbar {
    width: 0; /* Remove scrollbar space */
    background: transparent; /* Optional: just make scrollbar invisible */
  }
  .introbackground-blog .hoof_section .box_layout .box1, .hoofdstukken-mobile .hoof_section .box_layout .box1 {
    width: 119px;
    min-height: 104px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  }
  .introbackground-blog .add-blogpage-content, .hoofdstukken-mobile .add-blogpage-content {
    padding-left: 0px;
  }
  .introbackground-blog .add-webpage-content {
    padding-left: 0px;
  }
  .introbackground-blog #training-links {
    padding-left: 0px;
  }
}
@media handheld, only screen and (max-width: 989px) {
  .trainingen-blog {
    padding: 0px 2rem;
  }
}
@media handheld, only screen and (max-width: 767px) {
  .trainingen-blog {
    flex-direction: column;
  }
  .trainingen-blog .training-grid-block {
    width: 100%;
    margin: 0px 0px 20px;
    padding: 0;
  }
  .trainingen-blog .training-grid-block .training-grid-block__image {
    height: auto;
  }
  .trainingen-blog .training-grid-block .training-grid-block__image > img {
    height: auto;
  }
  .trainingen-blog .training-grid-block .training-grid-block__content__text {
    height: auto;
  }
  .trainingen-blog h3 {
    font-size: 20px;
    line-height: 30px;
    text-align: start;
    margin-bottom: 26px;
  }
  .trainingen-blog:last-child {
    margin-bottom: 50px;
  }
  .introbackground-blog {
    padding: 0 2rem;
  }
  .introbackground-blog .page__content h2 {
    font-size: 25px;
    line-height: 30px;
    color: #1E225C;
  }
  .introbackground-blog .page__content h3 {
    font-size: 25px;
    line-height: 30px;
    color: #1E225C;
  }
  .introbackground-blog .page__content p {
    overflow: hidden;
    font-size: 16px;
    line-height: 26px;
    color: #1E225C;
  }
  .introbackground-blog .page__content ul li, .introbackground-blog .page__content p a {
    font-size: 16px;
    line-height: 26px;
    color: #1E225C;
  }
  .cluster-header__content-post {
    padding: 50px 0;
  }
  .cluster-header__content-post .cluster-header__content-post__text {
    max-width: 100%;
  }
  .cluster-header__content-post .columns.cluster-header__background.align-self-top .cluster-header__background__overlay {
    bottom: 0px;
    width: auto;
  }
  .cluster-header__content-post .columns.cluster-header__background.align-self-top .cluster-header__background__overlay .cluster-header__background__overlay__reviews {
    width: auto;
    left: 0px;
  }
  .cluster-header__content-post .columns.cluster-header__background.align-self-top .cluster-header__background__overlay .cluster-header__background__designation {
    left: 0px;
    bottom: 105px;
  }
  .cluster-header__content-post .columns.cluster-header__background.align-self-top .cluster-header__background__overlay .cluster-header__background__image {
    display: flex;
    justify-content: center;
    left: 0;
    right: 0;
  }
  .cluster-header__content-post .columns.cluster-header__background.align-self-top .cluster-header__background__overlay .cluster-header__background__image img {
    transform: translateX(0%);
    left: 0%;
  }
  .cluster-header__content-post .columns.cluster-header__background.align-self-top .cluster-header__background__text span {
    font-size: 300px !important;
    padding-right: 0;
  }
  .introbackground-blog .hoof_section .box_layout, .hoofdstukken-mobile .hoof_section .box_layout {
    max-width: 100%;
    margin: 0;
    gap: 10px;
    overflow: scroll;
  }
  .introbackground-blog .hoof_section .box_layout .box1, .hoofdstukken-mobile .hoof_section .box_layout .box1 {
    width: 119px;
    margin: 0 0px 10px;
    min-height: 104px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  }
  .introbackground-blog .add-webpage-content, .hoofdstukken-mobile .add-webpage-content {
    display: flex;
    justify-content: center;
  }
  .introbackground-blog .add-webpage-content .cf-button--blue-flat-alt, .hoofdstukken-mobile .add-webpage-content .cf-button--blue-flat-alt {
    margin-top: 10px;
    margin-right: 0;
  }
  .cluster-header__content-post .columns .contact__main__form {
    margin: 0;
  }
  .training__banner_webinar .inspiration-block__item__image {
    padding-bottom: 0;
  }
}
@media handheld, only screen and (max-width: 479px) {
  .blog__training_artikel {
    max-width: 100%;
  }
}
.trainer_mobile {
  display: grid;
  grid-template-columns: 1fr 3fr;
  gap: 30px;
}
.trainer_mobile img {
  max-height: 145px;
  -o-object-fit: contain;
     object-fit: contain;
}
.trainer_mobile .text-next-image-trainer-mobile {
  width: 100%;
  font-family: "Lexend", sans-serif;
  font-display: fallback;
  color: #1e225d;
}
.trainer_mobile .text-next-image-trainer-mobile span {
  font-family: "Lexend", sans-serif;
  font-display: fallback;
}

.cluster-header__content-post h1 {
  margin-top: 20px;
  margin-bottom: 20px;
}

@media handheld, only screen and (max-width: 639px) {
  .sidebar-blog {
    border-bottom: 1px solid;
  }
  .training__banner__image_blog {
    display: block !important;
    height: 250px;
  }
  .training__banner__image_blog .videotext-block__video__container {
    height: 100%;
  }
  .inspiration-block__item__image {
    padding: 0;
  }
  .inspiration-block__item__image__background-blog {
    min-height: 180px !important;
  }
  .banner-case-blog {
    display: block !important;
    height: 250px;
  }
  .banner-case-blog-background {
    min-height: 250px !important;
  }
  .cluster-header__content-post h1 {
    margin-top: 20px !important;
    margin-bottom: 20px;
  }
  .cluster-header__content-post .cluster-header__background__text {
    margin-top: 150px;
  }
}
@media handheld, only screen and (max-width: 1000px) {
  .cluster-header__content-post {
    margin-bottom: 25px;
    padding: 0 2rem;
  }
  .rowbuttommobile-login {
    max-width: 100% !important;
  }
  .background-overlay-login {
    padding-left: 20px !important;
  }
  .background-image-overlay-login {
    bottom: 40px;
  }
  .login-clusterheader-backgroundtext {
    margin-top: 50px !important;
  }
  .login-clusterheader-backgroundtext span {
    margin-bottom: 100px;
  }
}
.header-mobile-title {
  position: relative;
  padding-top: 20px;
  padding-bottom: 25px;
}
.header-mobile-title h1 {
  margin: 0px !important;
}

.header-mobile-blog {
  margin-top: 24px;
  margin-bottom: 0px;
  padding: 0px 2rem;
}
.header-mobile-blog .page-title-blog-mobile {
  font-size: 25px;
  font-weight: 800;
  color: #1e225d;
  font-family: "Lexend", sans-serif;
}
.header-mobile-blog .page-omschrijving-blog-mobile {
  font-size: 16px;
  margin-top: 15px;
}
@media print, screen and (min-width: 40em) {
  .header-mobile-blog .page-omschrijving-blog-mobile {
    display: none;
  }
}

.blog_head_labels {
  display: flex;
  gap: 25px;
  align-items: center;
}

.blog_head_title {
  position: relative;
  padding-top: 25px;
  padding-bottom: 55px;
}
.blog_head_title h1.page__title {
  color: #1e225d !important;
  margin: 0px !important;
  margin-bottom: 0px !important;
}

.labelsoortpost {
  background-color: #FFF500;
  border-radius: 100px;
  color: #1e225d;
  font-size: 14px;
  font-weight: 600;
  padding: 5px 13px 4px 13px;
  text-transform: capitalize;
  font-family: "Lexend", sans-serif;
  display: inline-block;
}

.labelsoortcatogorie {
  margin-left: 5px;
  color: #1e225d;
  font-size: 14px;
  font-weight: 600;
  font-family: "Lexend", sans-serif;
  display: inline-block;
}

.button-bar {
  display: flex;
  align-items: center;
  gap: 15px;
}

.button-bewaar-blog {
  min-width: 0;
  border-radius: 50px;
  padding: 13px 21px;
  border: 1px solid #1e225d;
  width: -moz-fit-content;
  width: fit-content;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: all 400ms;
}
.button-bewaar-blog img {
  width: 24px;
  filter: invert(9%) sepia(64%) saturate(3500%) hue-rotate(231deg) brightness(86%) contrast(90%);
}
.button-bewaar-blog .like-image-blog-mobile {
  width: 16px;
}
.button-bewaar-blog span {
  font-family: "Lexend", sans-serif;
  color: #1e225d;
  font-size: 14px;
}
.button-bewaar-blog:hover {
  border: 1px solid #1e225d;
  background: #1e225d;
}
.button-bewaar-blog:hover img {
  filter: invert(98%) sepia(1%) saturate(50%) hue-rotate(347deg) brightness(116%) contrast(100%);
}
.button-bewaar-blog:hover span {
  color: white;
}
.button-bewaar-blog.bewaarknop-trainingen {
  border: none;
  border-radius: 0;
  height: 100%;
}
.button-bewaar-blog.bewaarknop-trainingen span {
  font-size: 15px;
}
.button-bewaar-blog.bewaarknop-trainingen:hover {
  border-bottom: 1px solid #1E225C;
  background: none;
}
.button-bewaar-blog.bewaarknop-trainingen:hover span {
  font-weight: 600;
  color: #1e225d;
}
.button-bewaar-blog.bewaarknop-trainingen:hover img {
  filter: invert(9%) sepia(64%) saturate(3500%) hue-rotate(231deg) brightness(86%) contrast(90%);
}

.button-bewaar-blog-mobile {
  min-width: 0;
  border-radius: 10px;
  padding: 7px 15px;
  border: 1px solid #DDDDDD;
  width: -moz-fit-content;
  width: fit-content;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 6px;
  transition: all 400ms;
}
.button-bewaar-blog-mobile .like-image-blog-mobile {
  width: 16px;
}
.button-bewaar-blog-mobile span {
  font-family: "Lexend", sans-serif;
  color: #1e225d;
  font-size: 14px;
}
.button-bewaar-blog-mobile:hover {
  border: 1px solid #1e225d;
  background: #1e225d;
}
.button-bewaar-blog-mobile:hover img {
  filter: invert(98%) sepia(1%) saturate(50%) hue-rotate(347deg) brightness(116%) contrast(100%);
}
.button-bewaar-blog-mobile:hover span {
  color: white;
}

.box-likes-bewaar-blog-mobile {
  margin-top: 20px;
  display: flex;
  gap: 10px;
  margin-bottom: 20px;
}
.box-likes-bewaar-blog-mobile .button-bewaar-blog-mobile.likes span {
  font-weight: 600;
}
.box-likes-bewaar-blog-mobile .button-bewaar-blog-mobile.likes:hover {
  border: 1px solid #DDDDDD;
  background-color: transparent;
}
.box-likes-bewaar-blog-mobile .button-bewaar-blog-mobile.likes:hover span {
  color: #1e225d;
}

.container-text-post-clusterheader {
  margin-right: 0 !important;
}

#video2 {
  top: 100px !important;
}

.rowbuttommobile-login {
  max-width: 80%;
}

.whitefade-notloggin-footer {
  display: block;
  width: 100%;
  height: 200px;
  background-image: linear-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255) 40%);
  margin-top: -150px;
  pointer-events: none;
  position: relative;
}

.inspiratie-nieuwsbrief input {
  width: 100%;
}
.inspiratie-nieuwsbrief textarea {
  border: 1px solid #1e225d;
  border-radius: 8px;
  background-color: transparent;
  padding: 14px 20px;
  height: 100px;
  max-width: 95%;
}
.inspiratie-nieuwsbrief.Option .Option_nieuwsbrief {
  border: 1px solid #1e225d;
  border-radius: 8px;
  background-color: transparent;
  padding: 14px 20px;
  width: 95%;
}
.inspiratie-nieuwsbrief.Option .Option_nieuwsbrief input {
  margin-bottom: 0;
  width: -moz-fit-content;
  width: fit-content;
}
.inspiratie-nieuwsbrief.Option .Option_nieuwsbrief label {
  position: initial;
  margin-left: 0;
  width: -moz-fit-content;
  width: fit-content;
}
.inspiratie-nieuwsbrief.Option .Option_nieuwsbrief.tekstvak {
  width: 95%;
  display: block;
}
.inspiratie-nieuwsbrief.Option .Option_nieuwsbrief__box {
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: -moz-fit-content;
  width: fit-content;
}

.inspiratie-arrow-back {
  height: 50px;
  width: 50px;
  position: absolute;
  bottom: -25px;
  border: 1px solid black;
  background: white;
  border-radius: 50px;
  display: grid;
  align-content: center;
  justify-content: center;
  z-index: 2;
}
.inspiratie-arrow-back svg {
  width: 24px;
  height: 24px;
}

.button-bar .selected {
  border: 1px solid red;
}
.button-bar .selected span {
  color: red;
}
.button-bar .selected img {
  filter: invert(44%) sepia(85%) saturate(3223%) hue-rotate(329deg) brightness(106%) contrast(100%);
}

.seo-page-header__image__video__container img {
  width: 100%;
  height: 200px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media print, screen and (min-width: 64em) {
  .seo-page-header__image__video__container img {
    height: 300px;
  }
}

.seo-page-content {
  padding-top: 30px;
}
@media print, screen and (min-width: 64em) {
  .seo-page-content {
    padding-top: 50px;
  }
}
.seo-page-content__section {
  margin-bottom: 70px;
}
.seo-page-content__section h1 {
  font-size: 20px;
  line-height: 1.2;
}
@media print, screen and (min-width: 64em) {
  .seo-page-content__section h1 {
    font-size: 39px;
    line-height: initial;
  }
}
.seo-page-content__section h2 {
  font-size: 20px;
  line-height: 1.2;
}
@media print, screen and (min-width: 64em) {
  .seo-page-content__section h2 {
    font-size: 30px;
    line-height: initial;
  }
}
.seo-page-content__section h1, .seo-page-content__section h2, .seo-page-content__section h3, .seo-page-content__section h4 {
  margin-bottom: 25px;
}
.seo-page-content__section .cluster-header__content__text__buttons__button {
  margin-top: 25px;
}
.landing-info {
  position: relative;
  padding: 60px 0 100px;
}
@media screen and (min-width: 75em) {
  .landing-info {
    padding: 80px 0 130px;
  }
}
.landing-info__content-wrap {
  text-align: center;
  padding: 0 22px 10px;
  font-size: 15px;
  position: relative;
  height: 100%;
}
@media screen and (max-width: 63.9375em) {
  .landing-info__content-wrap {
    padding: 0 0 5px;
    max-width: 300px;
    margin: 0 auto;
  }
}
.landing-info__content-wrap::after {
  content: "";
  position: absolute;
  width: 86px;
  max-width: 100%;
  height: 2px;
  transform: translateX(-50%);
  left: 50%;
  bottom: 0;
  background-color: #00C4C2;
}
.landing-info__content-wrap h3 {
  font-size: 18px;
  line-height: 1.27;
  font-weight: 600;
  margin-bottom: 6px;
  letter-spacing: -0.7px;
}
.landing-info__inner-row > div:nth-child(3n+2) .landing-info__content-wrap:after {
  background-color: #9ED14E;
}
.landing-info__inner-row > div:nth-child(3n+3) .landing-info__content-wrap:after {
  background-color: #B579DB;
}
@media screen and (max-width: 39.9375em) {
  .landing-info__inner-row > div:not(:last-child) {
    margin-bottom: 25px;
  }
}
.landing-info__inner {
  max-width: 900px;
  margin: 0 auto;
}
.landing-info__bottom-images {
  display: flex;
  justify-content: space-between;
  margin-bottom: -130px;
  pointer-events: none;
  margin-top: 30px;
  position: relative;
  z-index: 4;
}
@media print, screen and (min-width: 40em) {
  .landing-info__bottom-images {
    margin-bottom: -176px;
    margin-top: 0px;
  }
}
@media screen and (min-width: 75em) {
  .landing-info__bottom-images {
    margin-bottom: -283px;
    margin-top: -120px;
  }
}
.landing-info__bottom-images > div {
  max-width: 33.33%;
}
.landing-info__right-image {
  transform: translateY(18%);
}

.landing-button-wrap {
  text-align: center;
  margin-top: 43px;
}
.landing-button-wrap a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 194px;
  font-size: 16px;
  max-width: 100%;
}
.landing-button-wrap a .cf-button__text {
  width: auto;
}
.landing-button-wrap a .cf-button__icon {
  margin-left: 10px;
  transform: translateX(-5px) !important;
}
.landing-button-wrap a:hover {
  padding-right: 10px !important;
}
.landing-button-wrap a:hover .cf-button__icon {
  margin-left: 40px;
}

.competence-career {
  background-color: #F8F8FA;
  position: relative;
  padding: 70px 0 30px;
}
@media print, screen and (min-width: 40em) {
  .competence-career {
    padding: 140px 0 50px;
  }
}
@media print, screen and (min-width: 64em) {
  .competence-career {
    padding: 100px 0 50px;
  }
}
.competence-career__icon {
  width: 30px;
  height: 30px;
  background-color: #9ED14E;
  border-radius: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  margin-bottom: 25px;
}
@media screen and (max-width: 63.9375em) {
  .competence-career__icon {
    margin-bottom: 15px;
  }
}
.competence-career__icon * {
  color: #fff;
  fill: #fff;
}
@media screen and (max-width: 63.9375em) {
  .competence-career__icon-box {
    max-width: 300px;
    margin: 0 auto;
  }
}
.competence-career__icon-box h3 {
  font-size: 18px;
  line-height: 1.27;
  font-weight: 600;
  margin-bottom: 10px;
}
.competence-career .landing-section-head h2 {
  margin-bottom: 25px !important;
}
@media screen and (min-width: 75em) {
  .competence-career .landing-section-head h2 {
    margin-bottom: 72px !important;
  }
}
.competence-career__bottom-img {
  justify-content: center;
}
@media print, screen and (min-width: 64em) {
  .competence-career__bottom-img {
    margin-top: -80px;
  }
}
@media screen and (max-width: 39.9375em) {
  .competence-career__bottom-img img {
    max-width: 70%;
    margin: 0 auto;
    margin-top: 30px;
  }
}
.competence-career__top-image {
  position: relative;
  z-index: 2;
  margin-bottom: 50px;
}
@media screen and (min-width: 75em) {
  .competence-career__top-image {
    margin-top: -50px;
    margin-bottom: 100px;
  }
}
@media screen and (min-width: 90em) {
  .competence-career__top-image {
    margin-top: -100px;
  }
}
.competence-career__top-image img {
  max-width: 50%;
}
@media screen and (min-width: 90em) {
  .competence-career__top-image img {
    margin-left: -35%;
  }
}
.competence-career__checklist {
  align-items: flex-start;
}
@media print, screen and (min-width: 64em) {
  .competence-career__checklist > div:first-child,
  .competence-career__checklist > div:last-child {
    margin-top: 120px;
  }
}
.competence-career__checklist > div:nth-child(3) {
  padding: 0;
}
@media screen and (max-width: 63.9375em) {
  .competence-career__checklist > div:not(:last-child) {
    margin-bottom: 20px;
  }
}
.competence-career .custom-shape-divider-top {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  line-height: 0;
  transform: rotate(180deg);
  display: flex;
}
.competence-career .custom-shape-divider-top svg {
  position: relative;
  display: block;
  width: calc(100% + 1.3px);
  height: 77px;
}
@media screen and (max-width: 63.9375em) {
  .competence-career .custom-shape-divider-top svg {
    height: 30px;
  }
}
.competence-career .custom-shape-divider-top .shape-fill {
  fill: #FFFFFF;
}

.landing-section-head {
  max-width: 728px;
  margin: 0 auto;
}
.landing-section-head h1,
.landing-section-head h2 {
  margin-bottom: 47px;
  color: #181C4D;
  letter-spacing: -0.7px;
  font-size: 35px;
}
@media screen and (max-width: 63.9375em) {
  .landing-section-head h1,
  .landing-section-head h2 {
    font-size: 25px;
    margin-bottom: 30px;
  }
}

.how-works {
  padding: 60px 0 64px;
}
@media screen and (min-width: 75em) {
  .how-works {
    padding: 120px 0 104px;
  }
}
.how-works .landing-section-head h2 {
  margin-bottom: 50px !important;
}
@media screen and (max-width: 74.9375em) {
  .how-works .landing-section-head h2 {
    margin-bottom: 25px !important;
  }
}
.how-works .homepagevideo {
  background: none;
}
@media print, screen and (min-width: 40em) {
  .how-works .homepagevideo .videotext-block__video.centre {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}
@media print, screen and (min-width: 64em) {
  .how-works .homepagevideo .videotext-block__video.centre {
    padding-left: 10rem;
    padding-right: 10rem;
  }
}
.how-works .homepagevideo .homepage-background-image-class {
  background-position: center !important;
}
.how-works .homepagevideo .homepage-background-image-class iframe {
  z-index: 99;
}
.how-works .homepagevideo .videotext-block__video__container {
  display: block !important;
}
.how-works .landing-button-wrap {
  margin-top: 20px;
}

.shape-images {
  position: relative;
}
.shape-images::before {
  content: "";
  width: 60px;
  height: 60px;
  transform: rotate(329deg);
  position: absolute;
  top: 40px;
  left: -5px;
  background-color: rgba(0, 196, 194, 0.18);
}
@media screen and (min-width: 90em) {
  .shape-images::before {
    top: 80px;
    left: -37px;
  }
}
@media screen and (max-width: 74.9375em) {
  .shape-images::before {
    width: 40px;
    height: 40px;
  }
}
.shape-images::after {
  content: "";
  width: 90px;
  height: 90px;
  border-radius: 50%;
  position: absolute;
  top: 10px;
  right: -14px;
  background-color: rgba(158, 209, 78, 0.18);
}
@media screen and (min-width: 90em) {
  .shape-images::after {
    top: 30px;
    right: -47px;
  }
}
@media screen and (max-width: 74.9375em) {
  .shape-images::after {
    width: 55px;
    height: 55px;
  }
}

.dote-bg-image {
  position: relative;
}
.dote-bg-image:before {
  content: "";
  background-image: url(/images/landing/dot-bg-gray.svg);
  position: absolute;
  background-repeat: repeat;
  top: -19px;
  bottom: -12px;
  right: 0;
  left: 0;
  z-index: -1;
  background-position: center;
  background-size: 45px;
}

.square-gray-shap:after {
  content: "";
  width: 84px;
  height: 84px;
  transform: rotate(329deg);
  position: absolute;
  bottom: 30px;
  right: 50px;
  background-color: #F8F8FA;
  z-index: -1;
}
@media screen and (max-width: 74.9375em) {
  .square-gray-shap:after {
    width: 45px;
    height: 45px;
  }
}

.our-vision {
  padding: 60px 0 50px;
}
@media screen and (min-width: 75em) {
  .our-vision {
    padding: 136px 0 50px;
  }
}
.our-vision .dote-bg-image:before {
  top: -25px;
}
.our-vision .landing-section-head h2 {
  margin-bottom: 50px !important;
}
@media screen and (max-width: 74.9375em) {
  .our-vision .landing-section-head h2 {
    margin-bottom: 25px !important;
  }
}
.our-vision .homepagevideo {
  background: none;
  padding-bottom: 118px;
}
@media screen and (max-width: 74.9375em) {
  .our-vision .homepagevideo {
    padding-bottom: 65px;
  }
}
@media screen and (max-width: 63.9375em) {
  .our-vision .homepagevideo {
    padding-bottom: 30px;
  }
}
@media print, screen and (min-width: 40em) {
  .our-vision .homepagevideo .videotext-block__video.centre {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}
@media print, screen and (min-width: 64em) {
  .our-vision .homepagevideo .videotext-block__video.centre {
    padding-left: 10rem;
    padding-right: 10rem;
  }
}
.our-vision .homepagevideo .homepage-background-image-class {
  background-position: center !important;
}
.our-vision .homepagevideo .homepage-background-image-class iframe {
  z-index: 99;
}
.our-vision .homepagevideo .videotext-block__video__container {
  display: block !important;
}

.career-choice {
  padding: 60px 0 0;
  position: relative;
  z-index: 1;
}
.career-choice:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 91.4%;
  background-color: #F8F8FA;
  z-index: -1;
}
@media screen and (max-width: 39.9375em) {
  .career-choice {
    padding-left: 17px;
    padding-right: 17px;
  }
}
@media screen and (min-width: 75em) {
  .career-choice {
    padding: 98px 0 0;
  }
}
@media screen and (max-width: 63.9375em) {
  .career-choice .bottom-space {
    margin-bottom: 20px;
  }
}
.career-choice .landing-section-head h2 {
  margin-bottom: 89px !important;
}
@media screen and (max-width: 74.9375em) {
  .career-choice .landing-section-head h2 {
    margin-bottom: 25px !important;
  }
}
.career-choice .incompany__possibilities__container {
  padding: 20px 20px 4px;
  box-shadow: 0px 3px 6px rgba(158, 209, 78, 0.16);
  border-radius: 20px;
  width: 100%;
  max-width: 460px;
  margin: auto;
  padding: 28px 36px 14px;
}
@media screen and (max-width: 39.9375em) {
  .career-choice .incompany__possibilities__container {
    padding: 20px 20px 4px;
  }
}
@media print, screen and (min-width: 64em) {
  .career-choice .incompany__possibilities__container {
    padding: 38px 46px 14px;
    max-width: 389px;
  }
}
.career-choice .incompany__possibilities__container--sky-blue {
  border-color: #00C4C2;
}
.career-choice .incompany__possibilities__container--light-green {
  border-color: #9ED14E;
}
.career-choice .incompany__possibilities__container--purple {
  border-color: #B579DB;
}
.career-choice .incompany__possibilities__container__top {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.career-choice .incompany__possibilities__container__top__header {
  padding: 0 0 20px;
  border-bottom: none;
  flex-grow: 1;
}
.career-choice .incompany__possibilities__container__top__body {
  padding: 0;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.career-choice .incompany__possibilities__container__top__body__image img {
  max-height: 140px;
  margin: 0 auto 18px;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
}
@media print, screen and (min-width: 40em) {
  .career-choice .incompany__possibilities__container__top__body__image img {
    max-height: 180px;
  }
}
.career-choice .incompany__possibilities__container p {
  font-size: 15px;
}
.career-choice .career-choice-content {
  margin-top: 75px;
}
@media screen and (max-width: 39.9375em) {
  .career-choice .career-choice-content {
    margin-top: 40px;
  }
}
@media print, screen and (min-width: 40em) {
  .career-choice .career-choice-content {
    margin-top: 115px;
  }
}
.career-choice .career-choice-content .landing-section-head h2 {
  margin-bottom: 16px !important;
}
.career-choice .career-choice-content .career-choice-content--image {
  width: 100%;
  max-width: 340px;
  margin: 30px auto 0;
}
@media print, screen and (min-width: 40em) {
  .career-choice .career-choice-content .career-choice-content--image {
    max-width: 465px;
  }
}
.career-choice .career-choice-content .career-choice-content--image img {
  display: block;
  width: 100%;
}
.career-choice .career-choice-content .landing-button-wrap {
  margin-top: 28px;
}

.c-cta-block__intake > .row {
  max-width: 97.25rem;
}

.zoeken__title {
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  color: #1e225d;
  margin-top: 30px;
}
.zoeken__section {
  margin: 1rem 0 0.5rem;
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  font-weight: 600;
  color: #1e225d;
  font-size: 1.15rem;
}
@media print, screen and (min-width: 40em) {
  .zoeken__section {
    font-size: 1.5rem;
    margin: 2rem 0 1rem;
  }
}
.zoeken__trainingen #training-zoekresultaten > .row {
  row-gap: 30px;
}
.zoeken__overview {
  background-color: #fafafb;
  padding-top: 25px;
  position: relative;
}
@media print, screen and (min-width: 40em) {
  .zoeken__overview {
    border: 1px solid #a7a7a7;
    border-radius: 8px 0px 0px 8px;
    padding: 30px;
  }
}
.zoeken__overview__title {
  font-weight: 750;
  margin-bottom: 25px;
  text-align: center;
  color: #0a0a0a;
}
@media print, screen and (min-width: 40em) {
  .zoeken__overview__title {
    text-align: left;
  }
}
.zoeken__overview__filter {
  display: flex;
  margin-bottom: 25px;
}
.zoeken__overview__filter__option {
  background-color: white;
  border: 1px solid #bbbbbb;
  text-align: center;
  width: 33.3%;
  padding: 5px 0px;
  font-weight: 600;
  font-size: 0.9rem;
  cursor: pointer;
  transition: background 400ms, color 400ms;
}
.zoeken__overview__filter__option.selected, .zoeken__overview__filter__option:active, .zoeken__overview__filter__option:hover, .zoeken__overview__filter__option:focus {
  background-color: #206bb4;
  color: white;
  border: 1px solid #505050;
}
.zoeken__overview__filter__option:not(:first-of-type):not(:last-of-type) {
  border-left: 0px;
}
.zoeken__overview__filter__option:first-of-type {
  border-right: 1px solid #bbbbbb;
  border-radius: 10px 0px 0px 10px;
}
.zoeken__overview__filter__option:last-of-type {
  border-left: 0px;
  border-radius: 0px 10px 10px 0px;
}
.zoeken__overview__filter__list {
  display: none;
}
.zoeken__overview__filter__barebonelist {
  display: none;
}
.zoeken__overview__icons {
  padding: 5px 10px;
  font-size: 0.9rem;
  display: inline-block;
  transition: background 400ms, color 400ms;
  margin: 0px;
}
.zoeken__overview__icons.selected, .zoeken__overview__icons:active, .zoeken__overview__icons:hover, .zoeken__overview__icons:focus {
  background-color: #206bb4;
  color: white;
  cursor: pointer;
}
.zoeken__overview__icons:first-of-type {
  border-right: 1px solid #bbbbbb;
  border-radius: 10px 0px 0px 10px;
}
.zoeken__overview__icons:last-of-type {
  border-left: 0px;
  border-radius: 0px 10px 10px 0px;
}
.zoeken__overview__icons:not(:first-of-type):not(:last-of-type) {
  border-right: 1px solid #bbbbbb;
  border-radius: 0px;
}

.zoekresultaat {
  border-top: 2px solid #e3e5e7;
  padding: 1rem 0;
  margin: 0 0 1rem;
}
.zoekresultaat__title {
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  color: #1e225d;
  font-size: 1rem;
  font-weight: 600;
  margin: 0 0 0.5rem;
}
.zoekresultaat__title:first-letter {
  text-transform: uppercase;
}
.zoekresultaat__title a {
  color: #1e225d;
  text-decoration: none;
}
.zoekresultaat__title a strong {
  color: #1e225c;
  font-weight: 8600;
}
.zoekresultaat__intro {
  margin: 0;
}
.zoekresultaat__intro:first-letter {
  text-transform: uppercase;
}
.zoekresultaat__intro strong {
  color: #1e225c;
}

.evaluatie-form {
  /* Remove default styles */
  /* Style the slider track */
  /* Style the thumb (draggable circle) */
}
.evaluatie-form__legend {
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  font-weight: 700;
  color: #1e225d;
  font-size: 1.0625rem;
}
.evaluatie-form .evaluatieDIV {
  display: flex;
  justify-content: space-around;
  align-items: flex-start;
}
@media only screen and (max-width: 767px) {
  .evaluatie-form .evaluatieDIV {
    display: flex;
    flex-direction: row-reverse;
  }
  .evaluatie-form .evaluatieDIV::after {
    content: "";
    height: 560px;
    width: 50px;
    position: absolute;
    left: 25px;
    pointer-events: none;
  }
}
.evaluatie-form .evaluatieDIV table tbody tr td input {
  width: 100%;
  height: 20px;
}
.evaluatie-form__table-heading {
  text-align: left;
  display: none;
}
@media print, screen and (min-width: 64em) {
  .evaluatie-form__table-heading {
    display: inline-block;
  }
}
.evaluatie-form .row-mobile-option-name {
  display: block;
  position: relative;
  text-align: left !important;
}
@media print, screen and (min-width: 64em) {
  .evaluatie-form .row-mobile-option-name {
    display: none;
  }
}
.evaluatie-form .row-option-name {
  display: none;
}
@media print, screen and (min-width: 64em) {
  .evaluatie-form .row-option-name {
    display: block;
  }
}
.evaluatie-form th, .evaluatie-form td {
  text-align: center;
  color: white;
}
.evaluatie-form.tb-slider {
  width: 100%;
  height: 100%;
  background-color: #f1f1f1;
  border-radius: 5px;
  position: relative;
  overflow: hidden;
  display: block; /* Changed from flex to block */
  padding: 0;
  margin: 0;
  transition: background-color 0.3s;
}
.evaluatie-form thead th {
  opacity: 0.3;
  transition: opacity 0.3s ease;
}
.evaluatie-form .highlight {
  opacity: 1;
  background-color: #ffdd57;
  color: #333;
}
.evaluatie-form #tag-input-container {
  position: relative;
  width: 100%;
}
.evaluatie-form #autocomplete-list {
  position: absolute;
  background: white;
  border: 1px solid #ccc;
  width: 100%;
  max-height: 150px;
  overflow-y: auto;
  list-style: none;
  margin: 0;
  padding: 0;
  z-index: 1000;
}
.evaluatie-form #autocomplete-list li {
  padding: 10px;
  cursor: pointer;
}
.evaluatie-form #autocomplete-list li:hover {
  background-color: #f0f0f0;
}
.evaluatie-form #selected-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 22px;
  margin-bottom: 5px;
}
.evaluatie-form .tag {
  background-color: #007bff;
  color: white;
  padding: 5px 10px;
  border-radius: 20px;
  display: flex;
  align-items: center;
}
.evaluatie-form .tag .remove {
  margin-left: 10px;
  cursor: pointer;
  font-weight: bold;
  color: white;
}
.evaluatie-form .range-tooltip {
  transition: opacity 0.2s;
}
.evaluatie-form .split-form-tab {
  display: none;
}
.evaluatie-form .split-form-tab:first-of-type {
  display: block;
}
.evaluatie-form .invalid {
  background-color: #ffdddd;
}
.evaluatie-form .fullrow-label {
  margin-bottom: 10px;
}
.evaluatie-form .fullrow-question {
  margin-bottom: 16px;
}
.evaluatie-form .slider-container {
  position: relative;
  width: 100%;
  height: 50px; /* Adjust based on layout needs */
}
@media print, screen and (min-width: 64em) {
  .evaluatie-form .slider-container {
    padding-top: 5px;
  }
}
.evaluatie-form .tb-slider {
  width: 100%;
  z-index: 2;
  background: transparent; /* Transparent so markers are visible */
  position: relative;
}
.evaluatie-form label {
  color: #1e225d;
}
.evaluatie-form input[type=range] {
  -webkit-appearance: none; /* Remove default browser styles */
  -moz-appearance: none;
       appearance: none;
  width: 100%; /* Full width */
  height: 6px !important; /* Track height */
  border-radius: 5px; /* Rounded edges */
  outline: none; /* Remove focus outline */
  background: linear-gradient(to right, #007bff 50%, #dbdbdb 50%); /* Default, updated via JS */
  transition: background 0.2s;
  cursor: pointer;
}
.evaluatie-form input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 6px;
  border-radius: 5px;
}
.evaluatie-form input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none; /* Remove default thumb */
  appearance: none;
  width: 16px; /* Thumb width */
  height: 16px; /* Thumb height */
  background: #fff; /* Thumb color */
  border: 2px solid #007bff; /* Border around thumb */
  border-radius: 50%; /* Make it round */
  cursor: pointer;
  margin-top: -5px; /* Align thumb with track */
}
.evaluatie-form .markers {
  position: absolute;
  top: 4px; /* Adjust to align with the slider */
  width: 100%;
  height: 15px; /* Keeps space for markers */
  z-index: 1;
  display: flex;
  justify-content: space-between;
}
@media print, screen and (min-width: 64em) {
  .evaluatie-form .markers {
    top: 12.5px;
  }
}
.evaluatie-form .marker {
  width: 15px;
  height: 15px; /* Marker line height */
  background-color: #dbdbdb; /* Marker color */
  background-color: #007bff;
  text-align: center;
  border-radius: 100%;
  z-index: 1;
  position: relative;
}
.evaluatie-form .marker:hover {
  cursor: pointer;
}
.evaluatie-form .denotation {
  font-size: 10px;
  text-align: center;
}
.evaluatie-form .marker .denotation {
  position: absolute;
  font-size: 10px;
  top: 20px;
  margin-left: -3px;
}
.evaluatie-form .notapplicable {
  margin-top: 35px;
  margin-left: auto;
  margin-right: auto;
  width: unset !important;
  margin-bottom: 5px;
}
@media print, screen and (min-width: 40em) {
  .evaluatie-form .notapplicable {
    margin-top: 37px;
  }
}
@media print, screen and (min-width: 64em) {
  .evaluatie-form .notapplicable {
    margin-top: 5px;
  }
}
.evaluatie-form .marker span.other {
  position: absolute;
  top: 20px; /* Adjust to position the number below the marker */
  font-size: 12px;
  color: #efefef;
}
.evaluatie-form .form-step {
  display: none;
}
.evaluatie-form .form-step.active {
  display: block;
}
.evaluatie-form .navigation-buttons {
  justify-items: center;
  position: relative;
  text-align: center;
  table-layout: auto;
  /* margin-top: 20px; */
  display: flex;
  justify-content: center;
}
.evaluatie-form .navigation-buttons button {
  margin: 5px;
  padding: 10px 20px;
  font-size: 14px;
  min-width: 116px;
  text-align: center;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  /*      &#submit-btn {
            background-color: #ff9900;

              &:hover { // lighter orange
                  background-color: #ffad33;
              }
        }*/
}
.evaluatie-form .navigation-buttons button#prev-btn {
  background-color: #6c757d;
  color: white;
}
.evaluatie-form .navigation-buttons button#prev-btn:hover {
  background-color: #5a6268;
}
.evaluatie-form .navigation-buttons button#next-btn {
  background-color: #1e225d;
  color: white;
}
.evaluatie-form .navigation-buttons button#next-btn:hover {
  background-color: #0056b3;
}
.evaluatie-form .progress-tracker {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0;
}
.evaluatie-form .progress-tracker ul {
  list-style: none;
  display: flex;
  width: 100%;
  padding: 0;
  margin: 0;
}
.evaluatie-form .progress-tracker ul li {
  flex: 1;
  text-align: center;
  padding: 10px;
  border-bottom: 2px solid #ccc;
  position: relative;
  font-size: 12px;
}
@media print, screen and (min-width: 40em) {
  .evaluatie-form .progress-tracker ul li {
    font-size: inherit;
  }
}
.evaluatie-form .progress-tracker ul li.active {
  font-weight: bold;
  border-bottom-color: #0078d4;
}
.evaluatie-form .progress-tracker ul li::before {
  content: attr(data-step);
  position: absolute;
  top: -25px;
  left: 50%;
  transform: translateX(-50%);
  background: #1e225d;
  color: #fff;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.evaluatie-form .progress-tracker ul li:not(:last-child)::after {
  position: absolute;
  top: 10px;
  right: -50%;
  width: 100%;
  height: 2px;
  background: #ccc;
}
.evaluatie-form .progress-tracker ul li.active::before {
  background: #0078d4;
}
.evaluatie-form .simple-fieldset {
  border: none;
  padding: 0;
  margin: 30px 0 0;
}

.admin-evaluaties {
  font-size: 0.8125rem;
  line-height: 1.2;
  border: 1px solid #e3e5e7;
}
.admin-evaluaties__head--datum {
  min-width: 90px;
}
.admin-evaluaties__head--tijd {
  min-width: 70px;
}
.admin-evaluaties__head--training {
  min-width: 100px;
}
@media screen and (min-width: 75em) {
  .admin-evaluaties__head--training {
    min-width: 300px;
  }
}
.admin-evaluaties__head--gemiddelde {
  min-width: 100px;
}
.admin-evaluaties__head--data {
  min-width: 90px;
}
.admin-evaluaties__head--docent {
  min-width: 150px;
}
@media screen and (min-width: 75em) {
  .admin-evaluaties__head--docent {
    min-width: 180px;
  }
}
.admin-evaluaties__head--cijfer-docent {
  min-width: 110px;
}
.admin-evaluaties__head--lokatie {
  min-width: 120px;
}
.admin-evaluaties__head--cursist {
  min-width: 120px;
}
.admin-evaluaties__head--belangstelling {
  min-width: 150px;
}
.admin-evaluaties__row {
  cursor: pointer;
}
.admin-evaluaties__row:hover {
  background: rgb(244.8, 244.8, 244.8);
}
.admin-evaluaties__row--striped {
  background: rgb(237.15, 237.15, 237.15);
}
.admin-evaluaties__row--striped:hover {
  background: rgb(226.95, 226.95, 226.95);
}
.admin-evaluaties__details {
  background: #fff !important;
  display: none;
}
.admin-evaluaties__details.visible {
  display: table-row;
}

.admin-evaluatie-gemiddelden {
  font-size: 0.8125rem;
  width: auto;
  line-height: 1.2;
  border: 1px solid #e3e5e7;
}
.admin-evaluatie-gemiddelden th {
  text-align: left;
}
.admin-evaluatie-gemiddelden td, .admin-evaluatie-gemiddelden th {
  padding: 0.25rem 0.625rem 0.35rem;
}

.admin-evaluatie {
  padding-bottom: 15px;
}
.admin-evaluatie__title {
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  font-size: 1.3125rem;
  font-weight: 600;
  color: #1e225d;
  margin: 0 0 25px;
}
.admin-evaluatie__title strong {
  font-weight: 700;
  color: #ff9900;
}
.admin-evaluatie__subtitle {
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  color: #1e225d;
  font-weight: bold;
  font-size: 0.9375rem;
  margin: 15px 0 15px 12px;
}
.admin-evaluatie__table td, .admin-evaluatie__table th {
  padding: 0.25rem 0.625rem 0.35rem;
}
.admin-evaluatie__table td p, .admin-evaluatie__table th p {
  margin-bottom: 0;
}
.admin-evaluatie__table th:first-child, .admin-evaluatie__table td:first-child {
  text-align: left;
}
@media print, screen and (min-width: 40em) {
  .admin-evaluatie__table th:first-child, .admin-evaluatie__table td:first-child {
    width: 300px;
  }
}

.admin-boekingtable {
  font-size: 0.8125rem;
  line-height: 1.2;
  border: 1px solid #e3e5e7;
}
.admin-boekingtable__id {
  text-align: left;
}
.admin-boekingtable__row {
  cursor: pointer;
}
.admin-boekingtable__row--afgerond {
  background: rgb(204.608583691, 245.791416309, 219.956223176) !important;
}
.admin-boekingtable__row--afgerond-striped {
  background: rgb(221.8566523605, 248.9433476395, 231.9510729614) !important;
}
.admin-boekingtable__row--in_checkout {
  background: rgb(255, 233.94, 188.7) !important;
}
.admin-boekingtable__row--in_checkout-striped {
  background: rgb(255, 240.42, 209.1) !important;
}
.admin-boekingtable__row--wacht_op_betaling {
  background: rgb(248.92, 201.56, 193.88) !important;
}
.admin-boekingtable__row--wacht_op_betaling-striped {
  background: rgb(250.7657142857, 217.7828571429, 212.4342857143) !important;
}
.admin-boekingtable__row--optie {
  background: #e8e8e8;
}
.admin-boekingtable__row--optie-striped {
  background: #f3f3f3;
}
.admin-boekingtable__details {
  display: none;
}
.admin-boekingtable__details.visible {
  display: table-row;
}
.admin-boekingtable__details--afgerond {
  background: rgb(234.7927038627, 251.3072961373, 240.9472103004) !important;
}
.admin-boekingtable__details--in_checkout {
  background: rgb(255, 246.9, 229.5) !important;
}
.admin-boekingtable__details--wacht_op_betaling {
  background: rgb(253.5342857143, 242.1171428571, 240.2657142857) !important;
}
.admin-boekingtable__details--optie {
  background: #fafafa !important;
}

.admin {
  margin-top: 1.25rem;
  padding-bottom: 10px;
}
@media print, screen and (min-width: 64em) {
  .admin {
    margin-top: 2.5rem;
  }
}

.admin-header {
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  font-size: 1.625rem;
  font-weight: bold;
  color: #1e225d;
  margin: 1rem 0;
}

.admin-subheader {
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  font-size: 1.125rem;
  font-weight: bold;
  color: #ff9900;
  margin: 1rem 0 0.5rem;
}

.admin-header {
  margin-bottom: 1.5rem;
  border-bottom: 2px solid #1e225b;
  padding-bottom: 0.5rem;
  font-weight: 600;
}

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

.card {
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  margin-bottom: 2rem;
}
.card .card-body {
  padding: 0;
}

.category-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  margin-bottom: 0;
}
.category-table th {
  background-color: #f8f9fa;
  border-bottom: 2px solid #dee2e6;
  padding: 0.75rem 1rem;
  font-weight: 600;
  text-align: left;
  position: sticky;
  top: 0;
}
.category-table td {
  padding: 1rem;
  border-bottom: 1px solid #dee2e6;
  vertical-align: middle;
}
.category-table tbody tr {
  transition: background-color 0.2s;
}
.category-table tbody tr:hover {
  background-color: rgba(30, 34, 91, 0.05);
}
.category-table tbody tr:last-child td {
  border-bottom: none;
}

.color-badge {
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  vertical-align: middle;
}

.btn {
  border-radius: 4px;
  font-weight: 500;
  padding: 0.375rem 0.75rem;
  transition: all 0.2s;
}
.btn.btn-sm {
  font-size: 0.875rem;
  padding: 0.25rem 0.5rem;
}
.btn.btn-primary {
  background-color: #1e225b;
  border-color: #1e225b;
  color: white;
  margin: 0.25rem 0.25rem 0.25rem 1rem;
}
.btn.btn-primary:hover {
  background-color: rgb(17.3553719008, 19.6694214876, 52.6446280992);
  border-color: rgb(14.826446281, 16.8033057851, 44.973553719);
}
.btn.btn-danger {
  background-color: #e3342f;
  border-color: #e3342f;
  color: white;
  margin: 0.25rem;
}
.btn.btn-danger:hover {
  background-color: rgb(196.5423728814, 31.1822033898, 26.4576271186);
  border-color: rgb(187.5525423729, 29.7559322034, 25.2474576271);
}
.btn.btn-info {
  background-color: rgb(42.6446280992, 48.3305785124, 129.3553719008);
  border-color: rgb(40.1157024793, 45.4644628099, 121.6842975207);
  color: white;
  margin: 0.25rem;
}
.btn.btn-info:hover {
  background-color: rgb(36.3223140496, 41.1652892562, 110.1776859504);
  border-color: rgb(33.7933884298, 38.2991735537, 102.5066115702);
}
.btn + .btn {
  margin-left: 0.5rem;
}

.details-row {
  background-color: #f8f9fa;
}
.details-row.expanded {
  display: table-row;
}

.details-container {
  border-radius: 4px;
  background-color: white;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
  margin: 0.5rem 0;
  padding: 0.5rem;
}
.details-container h5 {
  font-size: 1rem;
  font-weight: 600;
  color: #6c757d;
  margin-top: 0;
  margin-bottom: 0.5rem;
  padding-bottom: 0.25rem;
  border-bottom: 1px solid #e9ecef;
}

.subcategory-list,
.training-list {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0.5rem;
}
.subcategory-list li,
.training-list li {
  padding: 0.35rem 0;
  border-bottom: 1px solid #e9ecef;
}
.subcategory-list li:last-child,
.training-list li:last-child {
  border-bottom: none;
}

.subcategory-list li {
  color: #1e225b;
  font-weight: 500;
}

@media (max-width: 768px) {
  .card-body {
    padding: 0;
    overflow-x: auto;
  }
  .btn-sm {
    padding: 0.2rem 0.4rem;
    font-size: 0.8rem;
  }
  td {
    padding: 0.75rem 0.5rem;
  }
  .details-container {
    padding: 0.75rem !important;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.details-container {
  animation: fadeIn 0.3s ease-in-out;
}

.admin-edit-page {
  max-width: 1000px;
  margin: 0 auto;
  padding: 1.5rem 0;
}

.admin-panel {
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}

.admin-panel-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #1e225b;
  padding: 1.5rem;
  color: white;
}

.admin-panel-title {
  font-size: 1.5rem;
  margin: 0;
  color: white;
}

.admin-panel-actions {
  display: flex;
  gap: 0.5rem;
}

.edit-section {
  padding: 1.5rem 2rem;
  border-bottom: 1px solid #dee2e6;
}

.edit-section-title {
  font-size: 1.25rem;
  color: #1e225b;
  margin: 0 0 1rem 0;
  font-weight: 600;
}

.edit-section-description {
  color: #6c757d;
  margin-bottom: 1.25rem;
  font-size: 0.9rem;
}

.edit-field {
  margin-bottom: 1.5rem;
}
.edit-field label {
  display: block;
  margin-bottom: 0.5rem;
  font-weight: 500;
  color: #333;
}
.edit-field input[type=text] {
  width: 100%;
  padding: 0.625rem;
  border: 1px solid #dee2e6;
  border-radius: 4px;
  font-size: 1rem;
}
.edit-field input[type=text]:focus {
  border-color: #1e225b;
  outline: none;
  box-shadow: 0 0 0 2px rgba(30, 34, 91, 0.2);
}

.color-picker-wrapper {
  display: flex;
  align-items: center;
}
.color-picker-wrapper input[type=color] {
  height: 40px;
  width: 80px;
  padding: 0;
  border: 1px solid #dee2e6;
  border-radius: 4px;
}
.color-picker-wrapper .color-preview {
  margin-left: 1rem;
}

.search-container {
  position: relative;
  margin-bottom: 1.5rem;
  max-width: 500px;
}
.search-container input {
  width: 100%;
  padding: 0.625rem 1rem;
  border: 1px solid #dee2e6;
  border-radius: 4px;
  font-size: 1rem;
}
.search-container input:focus {
  border-color: #1e225b;
  outline: none;
}

.items-container {
  margin-bottom: 1rem;
}

.items-title {
  font-size: 1rem;
  color: #6c757d;
  margin-bottom: 0.75rem;
  font-weight: 500;
}

.sortable-list {
  background-color: #f9f9f9;
  border: 1px dashed #ccc;
  border-radius: 6px;
  min-height: 50px;
  padding: 0.75rem;
}

.sortable-item {
  background-color: white;
  border: 1px solid #dee2e6;
  border-radius: 4px;
  padding: 0.75rem 1rem;
  margin-bottom: 0.75rem;
  position: relative;
  cursor: move;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.sortable-item:last-child {
  margin-bottom: 0;
}
.sortable-item .remove {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.5rem;
  line-height: 1;
  color: #e3342f;
  cursor: pointer;
  opacity: 0.5;
}
.sortable-item .remove:hover {
  opacity: 1;
}

.help-text {
  font-size: 0.875rem;
  color: #6c757d;
  margin-top: 0.5rem;
  font-style: italic;
}

.autocomplete-list {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background-color: white;
  border: 1px solid #dee2e6;
  border-top: none;
  border-radius: 0 0 4px 4px;
  max-height: 200px;
  overflow-y: auto;
  z-index: 10;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.autocomplete-list li {
  padding: 0.75rem 1rem;
  cursor: pointer;
  border-bottom: 1px solid #dee2e6;
}
.autocomplete-list li:last-child {
  border-bottom: none;
}
.autocomplete-list li:hover {
  background-color: #f8f9fa;
}

.form-actions {
  padding: 1.5rem 2rem;
  background-color: #f8f9fa;
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}
.form-actions .btn {
  padding: 0.625rem 1.25rem;
  font-size: 1rem;
}

@keyframes highlight {
  from {
    background-color: rgba(30, 34, 91, 0.2);
  }
  to {
    background-color: white;
  }
}
.bg-light {
  animation: highlight 1s ease;
}

.subcategory-tags {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  margin-left: 0.5rem;
}

.badge-info {
  background-color: rgb(55.2892561983, 62.6611570248, 167.7107438017);
  color: white;
  font-size: 0.75rem;
  padding: 0.25rem 0.5rem;
  border-radius: 1rem;
  font-weight: 500;
}

.available-items {
  margin-bottom: 1.5rem;
}

.available-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 1rem;
  padding: 0.5rem;
  background-color: #f9f9f9;
  border-radius: 4px;
  border: 1px solid #dee2e6;
}

.available-item {
  background-color: white;
  border: 1px solid #dee2e6;
  border-radius: 4px;
  padding: 0.4rem 0.75rem;
  cursor: pointer;
  position: relative;
  font-size: 0.9rem;
  transition: all 0.2s;
}

.available-item:hover {
  background-color: #f0f0f0;
}

.add-item {
  display: inline-block;
  margin-left: 0.5rem;
  color: #38c172;
  font-weight: bold;
}

body.print > .footer {
  display: none !important;
}
@media print {
  body.print > .footer {
    display: none;
  }
}
body.print > .copyright {
  display: none !important;
}
@media print {
  body.print > .copyright {
    display: none;
  }
}

.training-intro--print .training-intro__omschrijving p:first-of-type {
  font-size: 1.125rem;
  font-weight: 700;
  margin-bottom: 0px !important;
}
.training-intro--print .training-intro__omschrijving p:not(:first-of-type):not(:last-of-type) {
  font-size: 0.9375rem;
  margin-bottom: 0px !important;
}
.training-intro--print .training-intro__omschrijving p:last-of-type {
  margin-top: 15px;
  margin-bottom: 40px;
  font-size: 0.8125rem;
}

.training__section--print {
  font-size: 0.8125rem;
}
.training__section--print .training p.title {
  font-family: "Poppins", sans-serif;
  font-display: fallback;
  font-size: 1.2rem;
  font-weight: bold;
}
.training__section--print .training table {
  width: 100% !important;
}
.training__section--print .training table td {
  width: 50% !important;
  vertical-align: top;
  padding: 0px;
}
.training__section--print .training:nth-of-type(even) {
  page-break-after: always;
}

.public-certificate {
  background: #f9f9f9;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem 0;
  font-family: "Montserrat", sans-serif;
}

.certificate-container {
  background: white;
  border: 1px solid #e0e0e0;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  max-width: 800px;
  margin: 0 auto;
  padding: 3rem;
  position: relative;
  overflow: hidden;
  background: linear-gradient(to bottom right, #ffffff, #f8f9fa);
  border-radius: 8px;
}
.certificate-container::after {
  content: "";
  position: absolute;
  top: 12px;
  left: 12px;
  right: 12px;
  bottom: 12px;
  border: 2px solid #f0f0f0;
  pointer-events: none;
}

.certificate-header {
  text-align: center;
  margin-bottom: 2.5rem;
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.certificate-header .logo {
  max-width: 200px;
  height: auto;
  margin-bottom: 1.5rem;
}
.certificate-header h1 {
  font-size: 2.8rem;
  color: #273c75;
  font-weight: normal;
  letter-spacing: normal;
  margin: 0;
}

.certificate-body {
  position: relative;
  z-index: 1;
  margin-bottom: 3rem;
}
.certificate-body .certificate-title {
  margin-bottom: 2.5rem;
  text-align: center;
  max-width: 43rem;
}
.certificate-body .certificate-title h2 {
  font-size: 2rem;
  color: #273c75;
  font-weight: 500;
  line-height: 1.4;
}
.certificate-body .certificate-details {
  margin: 0 auto;
  max-width: 500px;
}
.certificate-body .certificate-details p {
  margin-bottom: 1rem;
  font-size: 1.1rem;
  color: #444;
  line-height: 1.5;
}
.certificate-body .certificate-details p strong {
  font-weight: 600;
  color: #273c75;
}

.certificate-body .certificate-details div[style*="background-color: #f8f9fa"] {
  background-color: #f8f9fa;
  border-left: 4px solid #273c75;
  padding: 1rem;
  margin: 1rem 0;
}
.certificate-body .certificate-details div[style*="background-color: #f8f9fa"] h3 {
  color: #273c75;
  font-size: 1.2rem;
  margin-bottom: 0.5rem;
}
.certificate-body .certificate-details div[style*="background-color: #f8f9fa"] p {
  color: #555;
}

.certificate-footer {
  background-color: rgba(245, 245, 245, 0.5);
  border-radius: 0 0 8px 8px;
  margin: 3rem -3rem -3rem;
  padding: 2rem 3rem;
}
.certificate-footer p {
  margin-bottom: 0.5rem;
  font-size: 1rem;
  color: #555;
  line-height: 1.4;
  text-align: center;
}

.certificate-badges {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 2rem;
  padding-top: 1.5rem;
  border-top: 1px dashed #ddd;
}
.certificate-badges .badge-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100px;
}
.certificate-badges .badge-item .badge-image {
  width: 70px;
  height: 70px;
  -o-object-fit: contain;
     object-fit: contain;
  margin-bottom: 0.5rem;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
  transition: transform 0.2s ease;
}
.certificate-badges .badge-item .badge-image:hover {
  transform: scale(1.05);
}
.certificate-badges .badge-item .badge-name {
  font-size: 0.75rem;
  color: #555;
  text-align: center;
  font-weight: 500;
}

@media print, (max-width: 768px) {
  .certificate-container {
    padding: 2rem;
    margin: 1rem;
  }
  .certificate-header h1 {
    font-size: 2.2rem;
  }
  .certificate-body .certificate-title h2 {
    font-size: 1.5rem;
  }
  .certificate-badges {
    gap: 10px;
  }
  .certificate-badges .badge-item {
    width: 80px;
  }
  .certificate-badges .badge-item .badge-image {
    width: 60px;
    height: 60px;
  }
  .certificate-badges .badge-item .badge-name {
    font-size: 0.7rem;
  }
}