/* Scss file for custom styles */
body,
html {
  overflow-x: hidden;
/*   width: 100vw; */
}

body.admin-bar header .fixed-header {
  top: 32px !important;
}

header .e-con-inner {
  position: relative;
}
header .main-menu .menu-cta a {
  color: #48C4DA !important;
}
header .main-menu {
  position: relative;
}
@media (max-width: 1024px) {
  header .main-menu nav.elementor-nav-menu--dropdown {
    position: absolute !important;
    right: 0 !important;
    left: auto !important;
    margin-top: 0 !important;
    top: 100% !important;
    width: 100% !important;
  }
  header .main-menu nav.elementor-nav-menu--dropdown .sub-menu li a {
    font-size: 16px !important;
  }
}
@media (max-width: 768px) {
  header .main-menu nav.elementor-nav-menu--dropdown {
    width: calc(100vw - 40px) !important;
  }
}

/*
.main-menu ul.sub-menu.elementor-nav-menu--dropdown {
    padding: 10px !important;
}
*/

/*
.main-menu ul.sub-menu.elementor-nav-menu--dropdown li.menu-item a.elementor-sub-item {
    padding-left: 10px !important;
    padding-right: 10px !important;
}
*/

.menu-try-out {
	margin: 0px !important;
}

.menu-try-out a {
/* 	width: fit-content !important; */
	background-color: var( --e-global-color-primary ) !important;
	padding: 13px 20px !important;
/* 	border-inline-start: 0px !important; */
	color: var( --e-global-color-secondary ) !important;
	transition: all .3s !important;
}

.menu-try-out a:hover {
	background-color: var(--e-global-color-secondary) !important;
	color: var( --e-global-color-text ) !important;
}

header .hidden-header {
  opacity: 0 !important;
  visibility: hidden !important;
}

.dark-wz-button a svg path {
  transition: ease-in-out 0.3s;
}
.dark-wz-button a:hover svg path {
  fill: #000000 !important;
}

span.blue-word {
  color: #48C4DA !important;
}

span.black-word {
  color: #000000 !important;
}

.fixed-header .topbar {
  min-height: 0 !important;
}

.hero-wrap {
  position: relative;
}
.hero-wrap .hero-container:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent linear-gradient(180deg, #000000 0%, #FFF5F5 20%, #FFF5F5 80%, #000000 100%) 0% 0% no-repeat padding-box;
  mix-blend-mode: multiply;
}
.hero-wrap .hero-container:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent linear-gradient(90deg, rgba(0, 0, 0, 0.6823529412) 0%, #FFF5F5 20%, #FFF5F5 80%, rgba(0, 0, 0, 0.6823529412) 100%) 0% 0% no-repeat padding-box;
  mix-blend-mode: multiply;
}

@media (max-width: 767px) {
	.page-id-304 .hero-wrap .hero-container:after {
	  content: "";
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  background: transparent linear-gradient(180deg, #000000 0%, #FFF5F5 0%, #FFF5F5 100%, #000000 100%) 0% 0% no-repeat padding-box;
	  mix-blend-mode: multiply;
	}

	.page-id-304 .hero-wrap .hero-container:before {
	  content: "";
	  position: absolute;
	  bottom: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  background: transparent linear-gradient(90deg, rgba(0, 0, 0, 0.6823529412) 0%, #FFF5F5 0%, #FFF5F5 100%, rgba(0, 0, 0, 0.6823529412) 100%) 0% 0% no-repeat padding-box;
	  mix-blend-mode: multiply;
	}	
}

.box-grandient-left::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 75%;
  height: 100%;
  background: transparent linear-gradient(90deg, #FFFCFC 100%, #005F67 0%) 0% 0% no-repeat padding-box;
  mix-blend-mode: multiply;
}

.training-wrap {
  overflow: hidden;
}

.training-card-list .training-card {
  overflow: hidden;
}
.training-card-list .training-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent linear-gradient(0deg, #000000 0%, #FFF5F5 40%) 0% 0% no-repeat padding-box;
  mix-blend-mode: multiply;
}
.training-card-list .training-card .training-card-inner {
  height: 100%;
  transition: ease-in-out 0.3s;
}
.training-card-list .training-card .training-card-inner .training-card-title h3 {
  transition: ease-in-out 0.3s;
}
.training-card-list .training-card .training-card-inner.hovered {
  background-color: rgba(72, 196, 218, 0.4666666667) !important;
}
.training-card-list .training-card .training-card-inner.hovered .training-card-title h3 {
  color: #ffffff !important;
}
.training-card-list .training-card .training-card-hover-content p {
  margin: 0;
}

.team-slider .swiper-button-disabled {
  opacity: 0 !important;
  cursor: not-allowed !important;
}

.vacature-item {
  padding: 0 0 !important;
}
.vacature-item a {
  padding: 5px 15px;
  border: #fff solid 1px;
  font-size: 18px !important;
  color: #fff !important;
}
.vacature-item a:hover {
  background-color: #000000;
  color: #ffffff;
  border: #000000 solid 1px;
}

.whatsapp-icon a {
  cursor: pointer !important;
}
.whatsapp-icon svg {
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.6)) !important;
  transition: ease-in-out 0.2s;
}
.whatsapp-icon:hover svg {
  transform: scale(1.1) !important;
}

.home-content-slider {
  margin: 0 !important;
}
@media (max-width: 768px) {
  .home-content-slider {
    padding-bottom: 60px !important;
  }
}
@media (max-width: 768px) {
  .home-content-slider .slick-list {
    width: 100% !important;
  }
}
.home-content-slider .slick-list .slick-slide {
  display: flex !important;
}
@media (max-width: 768px) {
  .home-content-slider .slick-list .slick-slide {
    padding: 0 !important;
  }
}
.home-content-slider .slick-list .slick-slide .slider-button {
  margin-top: auto !important;
}
.home-content-slider .slick-dots {
  bottom: 20px !important;
  left: 0;
}
@media (max-width: 768px) {
  .home-content-slider .slick-dots {
    bottom: 10px !important;
  }
}
.home-content-slider .slick-dots li {
  margin: 0 5px !important;
}
.home-content-slider .slick-dots li button:before {
  font-size: 13px !important;
}

.usps-slider {
  max-width: 400px !important;
}
.usps-slider .usp-item p {
  color: #ffffff !important;
  margin-bottom: 0 !important;
  text-align: right !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}
@media (max-width: 768px) {
  .usps-slider .usp-item p {
    text-align: center !important;
  }
}/*# sourceMappingURL=custom.css.map */

.ul-styling ul {
	padding-inline-start: 16px !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 4px !important;
}

.dynamic-popup-content .popup-time-ago {
	font-family: "Inter", Sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: var(--e-global-color-text);
}

.dynamic-popup-content .popup-title {
	color: var( --e-global-color-secondary );
	font-family: var( --e-global-typography-primary-font-family ), Sans-serif;
	margin: 0px;
	line-height: 1em;
	margin-bottom: 50px;
}

.dynamic-popup-content .popup-intro {
	color: var( --e-global-color-secondary );
	font-family: var( --e-global-typography-text-font-family ), Sans-serif;
	font-weight: var( --e-global-typography-text-font-weight );
	margin-top: 50px;
}

.dynamic-popup-content .popup-quote {
	font-family: "Inter", Sans-serif;
    font-size: 24px;
    font-weight: 700;
    font-style: italic;
    line-height: 1.2em;
    color: var(--e-global-color-secondary);
	margin-top: 10px;
	margin-bottom: 10px;
}

.dynamic-popup-content .popup-full-text {
	color: var( --e-global-color-secondary );
	font-family: var( --e-global-typography-text-font-family ), Sans-serif;
	font-weight: var( --e-global-typography-text-font-weight );
	margin-bottom: 50px;
}

.dynamic-popup-content .popup-gallery {
	margin-top: 50px;
	margin-bottom: 50px;
}

.dynamic-popup-content .popup-button {
	background-color: var(--e-global-color-secondary);
    font-family: "Inter", Sans-serif;
    font-size: 19px;
    font-weight: 700;
    padding: 13px 40px 13px 40px;
	text-transform: uppercase;
    width: fit-content;
    margin: 0px auto;
}

.dynamic-popup-content .popup-button svg {
	width: 1em !important;
	height: auto !important;
}

.trainer-clickable {
    overflow: hidden !important;
}

.trainer-clickable img {
	transition: all .3s !important;
}

.trainer-clickable:hover img {
    transform: scale(1.1) !important;
}

.complianz-styling #cmplz-document {
	color: var(--e-global-color-text) !important;
}

.complianz-styling #cmplz-document a[target=_blank]::after {
	content: url("https://optimizept.dev01.webzuiver.nl/wp-content/uploads/newtab-10.png") !important;
}

.complianz-styling .cookies-per-purpose {
	background-color: transparent !important;
	border-color: rgba(239,239,239,0.25) !important;
}

.complianz-styling .cookies-per-purpose .purpose,
.complianz-styling .cookies-per-purpose .name,
.complianz-styling .cookies-per-purpose .retention,
.complianz-styling .cookies-per-purpose .function {
	background-color: rgba(239,239,239,0.25) !important;
}

.complianz-styling .cookies-per-purpose .name-header,
.complianz-styling .cookies-per-purpose .retention-header,
.complianz-styling .cookies-per-purpose .function-header {
	background-color: rgba(239,239,239,0.15) !important;
}

.results-google {
	width: 30px !important;
	min-width: 30px !important;
	height: 30px !important;
	max-height: 30px !important;
}

@media (min-width: 1024px) and (max-width: 1300px) {
	.hero-inner-container {
		width: 100% !important;
	}
}

.trainer-tile {
	max-width: 300px !important;
}

@media (max-width: 767px) {
	.trainer-tile {
		max-width: 260px !important;
	}
}