/*
Theme Name: Yooker Theme
Template: Impreza
Version: 1.0.0
Author:	Yooker
Theme URI: https://yooker.nl
Author URI: https://yooker.nl
*/

@import url("./forms.css");
@import url("./responsive.css");

:root { /* Standaard borderradius invullen! */
	--border-radius: 0.5rem;
}

/* - Algemeen - */
/* Separators */
/* .w-separator.size_small { height: 1rem !important; }
.w-separator.size_medium { height: 2rem !important; }
.w-separator.size_large { height: 4rem !important; }
.w-separator.size_huge { height: 8rem !important; } */
body.logged-in.admin-bar{
	    margin-top: 32px;
}
body{
	overflow-x: unset !important;
}
.overflow-x{
	overflow-x: hidden !important;
}

/* Verberg cookiebot logo on cookiebanner */
/* Branding on the banner */
a#CybotCookiebotDialogPoweredbyCybot,
div#CybotCookiebotDialogPoweredByText {
  display: none;
}

/* Branding on the Privacy trigger */
#CookiebotWidget .CookiebotWidget-body .CookiebotWidget-main-logo {
    display: none;
}


h1, h2, h3, h4, h5 {
	    display: contents;
}
/* Headings */
.heading-1 {
	font-family: var(--h1-font-family);
    font-size: var(--h1-font-size);
    line-height: var(--h1-line-height);
    font-weight: var(--h1-font-weight);
    text-transform: var(--h1-text-transform);
    font-style: var(--h1-font-style);
    letter-spacing: var(--h1-letter-spacing);
    margin-bottom: var(--h1-margin-bottom);
}
.heading-2 {
	font-family: var(--h2-font-family);
    font-size: var(--h2-font-size);
    line-height: var(--h2-line-height);
    font-weight: var(--h2-font-weight);
    text-transform: var(--h2-text-transform);
    font-style: var(--h2-font-style);
    letter-spacing: var(--h2-letter-spacing);
    margin-bottom: var(--h2-margin-bottom);
}
.heading-3 {
	font-family: var(--h3-font-family);
    font-size: var(--h3-font-size);
    line-height: var(--h3-line-height);
    font-weight: var(--h3-font-weight);
    text-transform: var(--h3-text-transform);
    font-style: var(--h3-font-style);
    letter-spacing: var(--h3-letter-spacing);
    margin-bottom: var(--h3-margin-bottom);
}
.heading-4 {
	font-family: var(--h4-font-family);
    font-size: var(--h4-font-size);
    line-height: var(--h4-line-height);
    font-weight: var(--h4-font-weight);
    text-transform: var(--h4-text-transform);
    font-style: var(--h4-font-style);
    letter-spacing: var(--h4-letter-spacing);
    margin-bottom: var(--h4-margin-bottom);
}
.heading-5 {
	font-family: var(--h5-font-family);
    font-size: var(--h5-font-size);
    line-height: var(--h5-line-height);
    font-weight: var(--h5-font-weight);
    text-transform: var(--h5-text-transform);
    font-style: var(--h5-font-style);
    letter-spacing: var(--h5-letter-spacing);
    margin-bottom: var(--h5-margin-bottom);
}
.heading-6 {
	font-family: var(--h6-font-family);
    font-size: var(--h6-font-size);
    line-height: var(--h6-line-height);
    font-weight: var(--h6-font-weight);
    text-transform: var(--h6-text-transform);
    font-style: var(--h6-font-style);
    letter-spacing: var(--h6-letter-spacing);
    margin-bottom: var(--h6-margin-bottom);
}
@media screen and (min-width: 1024px) {
  .tekst-p-large {
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    position: relative;
    z-index: 1;
  }
}

.tekst-p-small{
	font-family: Inter;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 32px;
	position: relative;
	z-index: 1;
}
.flex-col{
	display: flex;
	flex-direction: column;	
}
.marked_tekst{
/* 	padding: 13px;
	position: relative;
	z-index: 1;
	width: fit-content; */
    padding: 13px;
    position: relative;
    z-index: 1;
    width: max-content;
    display: inline-flex;
}
.marked_tekst:before {
    animation: slideIn 1s cubic-bezier(1,0.2,0.2,1) forwards;
}
.marked_tekst:before {
    content: '';
    position: absolute;
    left: -0.1em;
    top: 50%;
    width: calc(100% + 0.2em);
    height: calc(70%);
    background-color: var(--color-alt-content-secondary);
    transform: translateY(-45%) skew(-12deg);
    border-radius: 10px;
    z-index: -1;
    clip-path: inset(0 100% 0 0); 
}
.marked_heading h1, .marked_heading h2{
	display: flex;
	flex-direction: column;
}
.layout_4562 .marked_tekst, .color_marked{
	animation: textColorChange 1s cubic-bezier(1,0.2,0.2,1) forwards;
}

@keyframes slideIn {
    from {
        clip-path: inset(0 100% 0 0)
    }

    to {
        clip-path: inset(0 0 0 0)
    }
}

@keyframes textColorChange {
    from {
        color: inherit
    }

    to {
        color: var(--color-content-heading);
    }
}


/* Overflow-slider */
.overflow-slider .owl-stage-outer { overflow: visible; }
#content_header{
	overflow: hidden;
	margin-top: -2px;
}
/* Scrollbar */
body::-webkit-scrollbar { width: 0.5em; }
body::-webkit-scrollbar-track {
    background: var(--color-content-bg);
}
body::-webkit-scrollbar-thumb {
  background-color: var(--color-content-primary);
	border-radius: 100px;
}

#page-content .l-section.bg_primary_section_scroll{
	background: var(--color-alt-content-primary) !important;
	transition: 0.3s;
}

/* Cookie Banner */
.seopress-user-consent {
	font-size: 1rem !important;
	padding: 0.75rem !important;
	background: #f7f7f7 !important;
	border-right: 0 !important;
}
.seopress-user-consent p a:first-child {
	content: "";
    background-image: url(/wp-content/uploads/2022/01/yooker-cookies.png);
    width: 32px;
    height: 32px;
    display: inline-block;
    background-size: cover;
    margin-bottom: -11px;
    margin-right: 13px;
}
.seopress-user-consent #seopress-user-consent-accept{
	background: var(--color-content-primary);
    color: #fff;
    border-radius: var(--border-radius);
    padding: 0.5rem 2rem;
    margin-top: 5px;
    font-size: 13px;
    font-weight: 600;
	margin-left: 50px !important;
	border: none;
	cursor: pointer;
	transition: all ease .3s;
}
.seopress-user-consent #seopress-user-consent-close {
	background: none;
    border: none;
    font-size: 13px;
    padding: 3px 20px;
    margin-top: 5px;
    font-weight: 600;
    color: #000;
	transition:all ease .3s;
}
.seopress-user-consent #seopress-user-consent-close:hover {
	border:none;
	background:none;
	color:red;
	transition:all ease .3s;
}
.seopress-user-consent p a:nth-child(2) {
	text-decoration:underline;
}
.seopress-user-consent p {
	padding-bottom:0 !important;
}

/* Footer */
footer .widget.widget_nav_menu li {
	margin-bottom: 14px !important;
}

/* FAQ */
/* Style the buttons that are used to open and close the accordion panel */
.faq-tab .accordion {
	background-color: transparent;
	color: var(--color-content-heading);
	padding: 1rem;
	width: 100%;
	text-align: left;
	transition: ease 0.4s;
	border-bottom: solid 1px var(--color-content-border);
	font-weight: 500;
	font-size: 1.1rem;
}
.faq-tab .accordion:hover{
	background-color: var(--color-content-bg-alt);
}
.faq-tab .panel {
	padding: 0 18px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s cubic-bezier(0.09, 0.52, 0.04, 1.01), padding 0.5s;
}
.faq-tab.active .panel{
	max-height: 10000px;
	padding: 18px;
}
.faq-tab .accordion:after {
	content: '\f078'; 
	color: var(--color-content-heading);
	float: right;
	margin-left: 5px;
	font-family: fontawesome;
	font-size: 1.1rem;
	font-weight: 300;
	transition: ease 0.3s;
}
.faq-tab.active .accordion:after {
	transform: rotate(180deg);
}

/* Animations */
@keyframes sway-right {
	0% { transform: translatex(0); }
	50% { transform: translatex(10px); }
	100% { transform: translatex(0); }
}

/* Logo slider */
.logo-slider img {
	object-fit: contain !important;
}

/* Custom menu */
.custom-menu {
    display: inline-flex;
    gap: 1.5rem;
}
.custom-menu a{
	color: #14194D;
}
.custom-menu div{
	display: flex;
    align-items: center;
}
.custom-menu div span.vacature_count{
    background: var(--color-alt-content-secondary);
    color: var(--color-alt-content-heading-grad);
    border-radius: 50%;
    font-size: 10px;
    height: 16px;
    align-items: center;
    width: 16px;
    display: inline-flex;
    margin-right: 5px;
    justify-content: center;
    font-weight: 700;
}

.yooker_groen{
    background: var(--color-alt-content-secondary);
}
.yooker_oranje{
	background: orange;
}
.yooker_rood{
	background: red;
}
.circle {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  box-shadow: 0px 0px 1px 1px #0000001a;
margin-right: 5px;
}

.yooker_groen.pulse {
  animation: groen_pulse-animation 2s infinite;
}

@keyframes groen_pulse-animation {
  0% {
    box-shadow: 0 0 0 0px color(srgb 0.26 1 0.61 / 0.64);

  }
  100% {
    box-shadow: 0 0 0 5px rgba(0, 0, 0, 0);
  }
}
.yooker_oranje.pulse {
  animation: oranje_pulse-animation 2s infinite;
}

@keyframes oranje_pulse-animation {
  0% {
    box-shadow: 0 0 0 0px color(srgb 0.78 0.36 0 / 0.65);

  }
  100% {
    box-shadow: 0 0 0 5px rgba(0, 0, 0, 0);
  }
}

.rood_rood.pulse {
  animation: rood_pulse-animation 2s infinite;
}

@keyframes rood_pulse-animation {
  0% {
    box-shadow: 0 0 0 0px color(srgb 0.78 0 0 / 0.65);

  }
  100% {
    box-shadow: 0 0 0 5px rgba(0, 0, 0, 0);
  }
}



/* Homepage carousel */

div#arrow_text_item {
    position: absolute;
    left: -100px;
    margin-top: -45px;
    rotate: -20deg;
}
#cases_carousel .owl-carousel .owl-stage-outer{
    overflow: visible;
}

/* #cases_carousel .owl-carousel.owl-drag .owl-item{
    padding: 1.5rem;
    scale: 0.95;
    transition: scale 0s linear 1.4s;
    transition: scale 1.4s cubic-bezier(0.77, 0, 0.175, 1) 0s;
} */
/* #cases_carousel .owl-carousel.owl-drag .owl-item.active.center{
    scale: 1.1;
    transition: scale 1s cubic-bezier(0.77, 0, 0.175, 1) 0s;
    transition: scale 1s cubic-bezier(0.77, 0, 0.175, 1) 0s;
} */
#dot {
  width: 0px;
  height: 0px;
  border-radius: 50%;
  position: absolute;
  background: rgba(225, 144, 38, 0.2);
  z-index: 10;
  pointer-events: none;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

#dotspan {
  display: none;
  width: 100%;
  height: 100%;
  background-image:url(/wp-content/uploads/2024/12/arrow-dot.svg);
  background-repeat: no-repeat;
  background-size: 20%;
  background-position:center;
  backdrop-filter: blur(5px);
}

#dotspan img {
  width: 100%;
  height: 100%;
  background-fit: contain;
  animation: spinAnim 2s linear infinite;
}

/* buttons */
.link::before, .link::after {
    position: absolute;
    width: 100%;
    height: 1px;
    margin-top: 4px;
    background: currentColor;
    top: 100%;
    left: 0;
    pointer-events: none;
	border-bottom: 1px;
}

.underline-trail::before {
    transform-origin: 100% 50%;
    transform: scale3d(0, 1, 1);
    transition: transform 0.3s;
}

.underline-trail:hover::before {
    transform-origin: 0% 50%;
    transform: scale3d(1, 1, 1);
}
#center_button{
    line-height: 1 !important;
    margin: auto;
    display: flex;
	justify-content: center;
}

/* Home Diensten tab */
.list_item_hover{
	position: relative;
}
.hover-image {
    position: absolute;
    top: 0;
    left: 0;
	min-width: 15vw;
    width: 450px;
    height: auto;
    z-index: 999;
    aspect-ratio: 1.5;
    transform-origin: center;
    transform: translate(-50%, -50%);
    background: gray;
    object-fit: cover;
    pointer-events: none;
    max-height: 300px;
    border-radius: 20px;
    border: 4px solid #FFF;
    box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.16);
	cursor: none;
}
#svg_yooker svg{
	overflow: visible;
}

.us-btn-style_7.ronde_knop{
	width: 62px;
    height: 62px;
    display: flex;
    place-content: center;
    align-items: center;
    justify-self: end;
    border-radius: 50%;
    padding: unset;
}
.us-btn-style_7.ronde_knop i{
    rotate: 45deg;
}



#diensten_tab .w-tabs-list{
	background: transparent;
}
#diensten_tab .w-tabs-list .w-tabs-item{
	display: flex;
    justify-content: space-between;
	font-size: 1.4rem;
}
#diensten_tab .w-tabs-list .w-tabs-item .w-tabs-item-title{
	display: flex;
    margin-right: auto;
    margin-left: 15px;
}
#diensten_tab .w-tabs-list .w-tabs-item i{
	border: 1px solid #43FF9B;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: -webkit-center;
	    rotate: -45deg;
	transition: 0.3s;
}
#diensten_tab .w-tabs.layout_ver.navwidth_30>.w-tabs-list {
    width: 35%;
}
#diensten_tab .w-tabs.style_default>.w-tabs-list .w-tabs-item{
		border-left: none !important;
    padding-left: 0px;
    padding-right: 0px;
    border-top: 1px solid;
    border-color: #fff;
    border-left: none !important;
}
#diensten_tab .w-tabs.style_default>.w-tabs-list .w-tabs-item:last-child{
    border-bottom: 1px solid;
    border-color: #fff;
}
#diensten_tab .w-tabs.style_default>.w-tabs-list .w-tabs-item.active{
	background: transparent;
	color: #fff;
	border-left: none !important;
    padding-left: 20px;
}
#diensten_tab .w-tabs.style_default>.w-tabs-list .w-tabs-item:hover i{
	rotate: 320deg;
}
#diensten_tab .w-tabs.style_default>.w-tabs-list .w-tabs-item:before {
    content: '';
    display: flex;
    width: 0px;
    height: 0px;
    background: #43ff9b;
    border-color: #00d966;
    border-width: 0px;
    border-style: solid;
    border-radius: 50%;
    align-self: center;
	transition: 0.5s;
}

#diensten_tab .w-tabs.style_default>.w-tabs-list .w-tabs-item.active:before {
    content: '';
    display: flex;
    width: 10px;
    height: 10px;
    background: #43ff9b;
    border-color: #00d966;
    border-width: 3px;
    border-style: solid;
    border-radius: 50%;
    align-self: center;
}
#diensten_tab .w-tabs-section.active, #diensten_tab .w-tabs-sections{
	    display: flex;
}
#diensten_tab .w-tabs-section-content{
	    display: flex;
}
#diensten_tab .w-tabs-section-content-h.i-cf{
	    display: flex;
    align-self: flex-end;
}
.yooker_blauw{
	background-color: var(--color-content-primary) !important;
	color: #fff;
}
.yooker_blauw h2, .yooker_blauw .w-tabs-list-h{
	color: #fff !important;
}
.yooker_blauw .w-tabs-section-content-h .g-cols:nth-child(2){
	background: #fff !important;

}
#diensten_tab {
    transition: background-color, .3s cubic-bezier(.53,.44,.59,.91);
}
/* radnom */
.text-on-path {
    width: 100%;
    max-width: 100vw;
    overflow: visible;
}

.text-on-path__text {
    font-size: 20px;
    fill: var(--color-default, #333); /* fallback color */
}
.text-on-path {
	width: 100%;
	height: auto;
	    opacity: 0.2;
}
.js-text-on-path-parent {
/*     position: relative; */
}
.text-on-path__text {
    font-size: 80px;
    font-weight: 700;
    letter-spacing: .05em;
    line-height: 1;
    baseline-shift: sub;
    pointer-events: none;
}
.image_custom_carousel img{
	width: auto;
    height: -webkit-fill-available;
	    object-fit: cover;
}
.custom_slider_medewerker_img img{
	    width: auto;
    height: 100%;
}
.medewerker_quote .w-post-elm-before{
	color: #43FF9B;
	font-family: Inter;
	font-style: italic;
	font-weight: 500;
	margin-right: -6px;
}
.medewerker_quote .w-post-elm-after{
	color: #43FF9B;
	font-family: Inter;
	font-style: italic;
	font-weight: 500;
	margin-left: -6px;
}
.main_grid_item_custom{
	direction: ltr;
}

#portfolio_grid_4 .w-grid-list{
	display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
}
#portfolio_grid_4 article.w-grid-item{
	max-height: 60vh;
	width: 100%;
}

#portfolio_grid_4 article.w-grid-item:nth-child(1){
    grid-area: 1 / 1 / 2 / 2;
}
#portfolio_grid_4 article.w-grid-item:nth-child(2){
    grid-area: 1 / 2 / 2 / 4;
}
#portfolio_grid_4 article.w-grid-item:nth-child(3){
    grid-area: 2 / 1 / 3 / 3;
}
#portfolio_grid_4 article.w-grid-item:nth-child(4){
    grid-area: 2 / 3 / 3 / 4;
}

.footer_icon .w-iconbox-icon{
	border-radius: 8px !important;
}
.footer_icon .w-iconbox-title{
	color: var(--color-alt-content-primary);
}
.footer_icon .w-iconbox-text a{
	color: #14194D;
	font-size: 1.4rem;
	font-weight: 800;
}

footer .w-menu li a{
    display: flex;
    align-items: center;
}
footer .w-menu li a:before {
    content: '\f054';
    font-family: fontawesome;
    font-size: 11px;
    font-weight: 800;
    margin-right: 5px;
	transition: 0.3s;
}
footer .w-menu li a:hover:before {
    margin-right: 8px;
	transition: 0.3s;
}
footer .w-separator.color_border{
	color: rgba(62, 97, 252, 0.12) !important;

}


.w-tabs.accordion .w-tabs-sections{
	    flex-direction: column;
}
#diensten_tab .accordion .w-tabs-section.active, #diensten_tab .accordion .w-tabs-sections {
  flex-direction: column;
color: #fff;
}
#diensten_tab .accordion .w-tabs-section.active .w-tabs-section-title, #diensten_tab .accordion .w-tabs-section.active .w-tabs-section-control{
	color: #fff;
}
#diensten_tab .accordion .w-tabs-section button i {
	display: none;
}

    #background {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: -1;
	background: var(--color-alt-content-primary);
      transition: background-color 0.4s ease;
    }

.diensten_header .yooker_logo_draw_svg svg{
    width: 50vh;
    rotate: -35deg;	
}
.g-filters.style_1 {
	border-radius: 40px;
}



.mouseDown {
  font-size: 0.9em; /* CONTROL MOUSE SIZE */
  border: 3px solid #43FF9B;
  display: block;
  width: 1.75em;
  height: 2.8em;
  border-radius: 0.9em;
  margin: 0 auto;
  text-decoration: none;
  transition: border 0.2s ease-out;
}

.mouseDown:hover {border: 2px solid #43FF9B;}

.mouseDown span {
  display: block;
  background: #43FF9B;
  width: 0.2em;
  height: 0.3em;
  margin: 0.7em auto 0;
  border-radius: 0.4em;
}

.mouseDown span {
  -webkit-animation-name: scroll;
  animation-name: scroll;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-timing-function: cubic-bezier(0.65, -0.55, 0.25, 1.5);
  animation-timing-function: cubic-bezier(0.65, -0.55, 0.25, 1.5);
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  will-change: transform;
}

.mouseDown:hover span {
  -webkit-animation-duration: 0.7s;
  animation-duration: 0.7s;
}

@-webkit-keyframes scroll {
  0%, 20% {
    -webkit-transform: translateY(0) scaleY(1);
  }
  10% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(1.2em) scaleY(1.5);
    opacity: 0.01;
  }
}

@keyframes scroll {
  0%, 20% {
    transform: translateY(0) scaleY(1);
  }
  10% {
    opacity: 1;
  }
  100% {
    transform: translateY(1.2em) scaleY(1.5);
    opacity: 0.01;
  }
}

.content_blog{
  overflow: hidden;
  width: 100%;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

#diensten.l-section {
	    background: var(--color-content-bg-grad);
		transition: 0.3s;
}
.page  #diensten.l-section.white_section{
	background: #fff;
	transition: 0.3s;
}
#logo_rechts{
	    rotate: 62deg;
}
.marquee {
    position: relative;
    overflow-x: hidden;
}
.marquee .first {
    transform: translateX(80%);
}
.marquee__inner {
    width: fit-content;
    display: flex;
    position: relative;
    white-space: nowrap;
}
.marquee__inner span {
    font-size: 7vw;
    font-weight: 600;
    padding: 0 0vw;
    text-transform: uppercase;
    margin-right: 3vw;
    opacity: 0.1;
}
.term-show-on-homepage{
	display: none !important;
}
.row_gap{
    row-gap: 0.75rem;
}
.tags_list i {
	color: #3E61FC;
}


#page-header .l-subheader.at_middle .l-subheader-h{
    border-radius: 8px;
    background: #FFF;
    box-shadow: 0px 1px 14px 0px rgba(0, 0, 0, 0.06);
    padding: 35px 25px;
}
#page-header.sticky .l-subheader.at_middle .l-subheader-h{
	    border-radius: 0px 0px 8px 8px;
}
#page-header .l-subheader.at_middle .w-nav-list.level_2{
    border-radius: 8px 8px;
    box-shadow: 0px 6px 8px -5px #d9d9d9;	
}

/*arrow down not loading fix*/
.fa-arrow-down:before {
    content: "\f063"
}

.us-btn-style_7.ronde_knop.no-rotated-icon i {
	rotate: unset !important;
/* 	color: black; */
}

/*vacature btn*/
.us-btn-style_11.vacature-btn .w-btn-label{
	height: auto !important;
}

.us-btn-style_11.vacature-btn i:before{
	display: block;
	rotate: 45deg;
}

.vacature-btn.disabled{
	pointer-events: none;
	opacity: 0.3;
}

/*vacature status message*/
.vacature-status:after{
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 3px;
	height: 9px;
	width: 9px;
	border-radius: 50%;
}

.vacature-status:before{
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	height: 15px;
	width: 15px;
	border-radius: 50%;
}

.vacature-status.open:before{
	background: #43FF9B;
	opacity: 0.2;
}

.vacature-status.open:after{
	background: #43FF9B;
}

.vacature-status.gesloten:before{
	background: #C00000;
	opacity: 0.2;
}

.vacature-status.gesloten:after{
	background: #C00000;
}

.w-text.icon_atleft .w-text-value strong{
	    color: var(--color-content-heading);
}
.primary_icon i{
	    color: var(--color-content-primary);
}

/* Vacature whats in it for you block */

.whats_in_it_for_you {
    position: relative;
}

.whats_in_it_for_you .repeater {
	display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 30px;
}

.whats_in_it_for_you .repeater-row {
	border-radius: 10px;
    position: relative;
    overflow: hidden;
    padding: 2rem;
    background: #ffffff;
	min-height: 180px
}

.whats_in_it_for_you .repeater-row::after {
	content: "";
	position: absolute;
	background: url(https://yooker.yookerdesign.nl/wp-content/uploads/2025/07/group-40054.svg) no-repeat;
	background-size: contain;
	width: 69px;
	height: 69px;
	pointer-events: none;
}

.whats_in_it_for_you .repeater-row:nth-child(1)::after {
	bottom: -5px;
	right: -5px;
	transform: rotate(-46deg)
}

.whats_in_it_for_you .repeater-row:nth-child(2)::after {
	top: -15px;
    right: -4px;
    transform: rotate(-145deg);
}

.whats_in_it_for_you .repeater-row:nth-child(3)::after {
	left: 14px;
    bottom: -13px;
    transform: rotate(-5deg);
}

.whats_in_it_for_you .repeater-row:nth-child(4)::after {
	bottom: -5px;
	right: -5px;
	transform: rotate(-46deg)
}

.whats_in_it_for_you .repeater-row:nth-child(5)::after {
	top: -15px;
    right: -4px;
    transform: rotate(-145deg);
}

.whats_in_it_for_you .repeater-row:nth-child(6)::after {
	left: 14px;
    bottom: -13px;
    transform: rotate(-18deg);
}

.whats_in_it_for_you .repeater-row:nth-child(7)::after {
	bottom: -5px;
	right: -5px;
	transform: rotate(-46deg)
}

.whats_in_it_for_you .repeater-row:nth-child(8)::after {
	top: -15px;
    right: -4px;
    transform: rotate(-145deg);
}

.whats_in_it_for_you .whats_in_it_titel {
	font-family: var(--h5-font-family);
    font-size: var(--h5-font-size);
    font-weight: var(--h5-font-weight);
    text-transform: var(--h5-text-transform);
	color: #14194D;
	margin-bottom: 0.75rem;
}

.cta_medewerker_label {
	transform: skew(-5deg);
}
.cta_medewerker_title {
	transform: skew(5deg);
	font-size: var(--h4-font-size);
	font-family: var(--h4-font-family);
	font-weight: var(--h4-font-weight);
}


.gform-body a {
	color: var(--color-content-text);
}

/* scaling img and zooming */
.resource-wrapper {
  position: relative;
  overflow: hidden;
}
.scaling-element-header {
  grid-column-gap: 3em;
  grid-row-gap: 3em;
  flex-flow: column;
  justify-content: center;
  align-items: center;
/*   min-height: 100vh; */
  padding: 15vh 5vw 20vh;
  display: flex;
  position: relative;
}
.scaling-element-image {
  grid-column-gap: 25vh;
  grid-row-gap: 25vh;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 5vh;
  padding-left: 1vw;
  padding-right: 1vw;
  display: flex;
  position: relative;
}
.scaling-element__big-box {
  border-radius: 1em;
  width: 100%;
  position: relative;
}
.scaling-element__small-box {
  border-radius: 1em;
  width: 87.5em;
  position: relative;
}
.scaling-image__wrapper {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.scaling-image {
  will-change: transform;
    background-color: var(--color-alt-content-primary);
  border-radius: 1em;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  max-height: 700px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  isolation: isolate;
  transform: translateX(0) rotate(0.001deg);
}
.scaling-image__before {
  padding-top: 56.25%;
}
.scaling-image__before {
  padding-top: 36.25%;
}
.scaling-image__image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  padding-bottom: 0;
  padding-right: 0;
  position: absolute;
  border-radius: inherit;
}

@media screen and (max-width: 767px) {
	.cta_medewerker_label {
		display: none;
	}

  .scaling-element__small-box {
    width: 20em;
  }

	.scaling-image__before {
  padding-top: 56.25%;
	}

	#mobile_nav .w-nav-list.level_1.hover_underline {
		background: #fff !important;
		border-radius: 0px 0px 10px 10px;
		margin: -10px 1rem;
		padding-top: 1rem;
	}
}


/* CSS Tom */

/* Knoppen */

/* Primary */

.us-btn-style_11, .us-btn-style_13 {
	display: flex;
	align-items: center;
	position: relative;
	transition: .3s;
}

.us-btn-style_11:hover, .us-btn-style_13:hover{
	padding-left: 0;
}

.us-btn-style_11:not(:hover), .us-btn-style_13:not(:hover){
	padding-right: 0;
}


.us-btn-style_11 i, .us-btn-style_13 i {
	background: #fff;
	min-height: 38px;
	min-width: 38px;
	text-align: center;
	color: #0f172a;
	line-height: 38px;
	border-radius: 100%;
	order: 2;
	transition: margin 0.3s ease;
	margin: 1px 8px;
}

.us-btn-style_13 i {
	background: var(--color-content-primary) !important;
	color: #fff;
}

.us-btn-style_11 .w-btn-label, .us-btn-style_13 .w-btn-label {
	height: 100% !important;
	margin-top: auto !important;
	margin-bottom: auto;
	order: 1;
	transition: margin 0.3s ease;
	margin: 0 10px !important;
}

.us-btn-style_11 i,
.us-btn-style_11 .w-btn-label{
    transition: transform .5s cubic-bezier(0.6, -0.25, 0.42, 1.23);
    will-change: transform;
}

.us-btn-style_13 i,
.us-btn-style_13 .w-btn-label{
    transition: transform .35s ease;
    will-change: transform;
}

.us-btn-style_11.swap-order i{ order:0; }  
.us-btn-style_13.swap-order i{ order:0; }  

.us-btn-style_12 i {
	color: var(--color-content-primary);
}

/* Team view */

.team-view-short {
	display: flex;
	justify-content: center;
	margin-bottom: 10px;
}
.team-image {
  width: 70px;
  height: 70px;    
  overflow: hidden;
  position: relative;
	background: #f0f0f1;
	border: 5px solid #fff;
	border-radius: 100%;
		margin-right: -10px;

}

.team-image img {
  position: absolute;
  left: 50%;
  top: 0;
  min-width: 130%;   
  height: auto;
  transform: translateX(-50%);
}

.team-total {
	  width: 70px;
  height: 70px;    
  overflow: hidden;
  position: relative;
	background: #fff;
	font-size: 19px;
	color: #14194D;
	line-height: 70px;
	border-radius: 100%;
    text-align: -webkit-center;
    font-weight: 600;
}

/* Portfolio grid */


.porfolio-grid-card .w-vwrapper::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: linear-gradient(180deg,rgba(255,000,000,0.0) 35%,#000 100%);
	z-index: -1 !important;
}
 
.porfolio-grid-card .w-vwrapper {
	height: 100% !important;
	min-height: 100% !important;
	flex: 1;
	bottom: 0;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 2 !important;
}

.porfolio-grid-card .usg_post_taxonomy_1  * {
	font-size: 14px;
background: rgba(255,255,255,0.15) !important;
	padding: 5px 15px;
	border-radius: 30px;
	margin-right: 10px;
	
	
}

.porfolio-grid-card .usg_post_taxonomy_1 b {
	display: none;
}

.row-contact .vc_row  {
	margin: 0 !important;
}
@media only screen and (max-width: 601px) {
	.us_portfolio  {
		padding: 0 !important;
	}
	
	
.porfolio-grid-card .w-grid-item-h{
	aspect-ratio:  .9 !important;
}
}


/* Forms */
.us-field-style_2.gform_wrapper .gform_fields .gfield select, .us-field-style_2.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):not(.ginput_total):not(.ginput_shipping_price):not(.ginput_product_price) {
	border-bottom: 1.5px solid  #F7F8FF;
}
.us-field-style_2.gform_wrapper .gform_fields .gfield textarea {
	border-bottom: 1.5px solid #F7F8FF;
}
.us-field-style_2.gform_wrapper.gravity-theme .gfield textarea.medium {
    height: 70px;
}
.us-field-style_2.gform_wrapper input[type="checkbox"], .us-field-style_2.gform_wrapper input[type="radio"] {
	border: 1px solid #F7F8FF;
	border-radius: 5px;
}
.us-field-style_2.gform_wrapper.gravity-theme .gform_fields{
	grid-row-gap: 25px;
	grid-column-gap: 2%;
}

.us-field-style_3.gform_wrapper .gform_fields .gfield select, .us-field-style_3.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):not(.ginput_total):not(.ginput_shipping_price):not(.ginput_product_price) {
	border-bottom: 1.5px solid rgba(62, 97, 252, 0.30);
}
.us-field-style_3.gform_wrapper .gform_fields .gfield select:focus,
.us-field-style_3.gform_wrapper input:focus:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):not(.ginput_total):not(.ginput_shipping_price):not(.ginput_product_price) {
  border-bottom: 1.5px solid rgba(62, 97, 252, 1);
  outline: none; /* Optional: remove default browser outline */
}
.us-field-style_3.gform_wrapper .gform_fields .gfield textarea {
	border-bottom: 1.5px solid rgba(62, 97, 252, 0.30);
}
.us-field-style_3.gform_wrapper .gform_fields .gfield textarea:focus {
	border-bottom: 1.5px solid rgba(62, 97, 252, 1);
}
.horizontal_from_input .ginput_container .gfield_radio{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;	
}

.us-field-style_3.gform_wrapper.gravity-theme .gfield textarea.medium {
    height: 70px;
}
.us-field-style_3.gform_wrapper input[type="checkbox"], .us-field-style_3.gform_wrapper input[type="radio"] {
	border: 1px solid rgba(62, 97, 252, 0.30);
	border-radius: 5px;
}
.us-field-style_3.gform_wrapper.gravity-theme .gform_fields{
	grid-row-gap: 25px;
	grid-column-gap: 2%;
}
.gform_wrapper .w-btn.us-btn-style_11{
	    align-self: center;
}
.us-field-style_3.gform_wrapper.gravity-theme .gfield_error [aria-invalid=true] {
	border: 0px solid transparent !important;
    border-bottom: 1px solid #c02b0a !important;
	
}
.us-field-style_2.gform_wrapper.gravity-theme .gfield_error [aria-invalid=true] {
	border: 0px solid transparent !important;
    border-bottom: 1px solid #c02b0a !important;
}


.us-field-style_4.gform_wrapper .gform_fields .gfield select, .us-field-style_4.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):not(.ginput_total):not(.ginput_shipping_price):not(.ginput_product_price) {
	border-bottom: 1.5px solid  #F7F8FF;
}
.us-field-style_4.gform_wrapper .gform_fields .gfield textarea {
	border-bottom: 1.5px solid #F7F8FF;
}
.us-field-style_4.gform_wrapper.gravity-theme .gfield textarea.medium {
    height: 70px;
}
.us-field-style_4.gform_wrapper input[type="checkbox"], .us-field-style_4.gform_wrapper input[type="radio"] {
	border: 1px solid #F7F8FF;
	border-radius: 5px;
}
.us-field-style_4.gform_wrapper.gravity-theme .gform_fields{
	grid-row-gap: 25px;
	grid-column-gap: 2%;
}
.us-field-style_4.gform_wrapper.gravity-theme .gfield_error [aria-invalid=true] {
	border: 0px solid transparent !important;
    border-bottom: 1px solid #c02b0a !important;
}
.us-field-style_4 #gform_submit_button_1{
	    align-self: center;
}
.us-field-style_4 .privacy_consent_form{
	color: #fff;
	opacity: 0.8;
}
.us-field-style_4 .privacy_consent_form a{
	    color: var(--color-alt-content-secondary);
}

/* faq_accordion */
.faq_accordion .w-tabs-section-header{
	padding: 1rem 0rem;
	justify-content: space-between;
}
.no-touch .faq_accordion .w-tabs-section-header:hover, .no-touch .faq_accordion .w-tabs-section-header:focus {
    background: rgba(0, 0, 0, 0.00);
}
.faq_accordion .w-tabs-section{
	border: none;
	border-top: 0px;
	border-bottom: 1.5px solid rgba(62, 97, 252, 0.15);
	border-width: 0px 0px 1px 0px !important;
	transition: 0.3s;
}
.faq_accordion .w-tabs-section.active{
	border-color:#3E61FC;
	transition: 0.3s;
}
.faq_accordion.w-tabs.accordion>div>div>.w-tabs-section-content {
    display: none;
    padding: 1.5rem 0rem;
}
.faq_accordion .w-tabs-section-title{
	font-size: 1.2rem;
    color: var(--color-content-heading);
    font-weight: 600;
}
.faq_accordion .w-tabs-section-control {
    display: block !important;
    border: 1.5px solid;
    font-size: 14px;
    width: 40px;
    height: 40px;
    place-content: center;
    border-radius: 50%;
	border-color: rgba(62, 97, 252, 0.15);
}
.faq_accordion .w-tabs-section.active .w-tabs-section-control{
	border-color: #3E61FC;
}
.faq_accordion .w-tabs-section-control:after{
	content: '\f063';
	font-family: fontawesome;
}

/* Image slider */
.slider_images .owl-carousel .w-image.has_ratio {
	    height: auto;
	border-radius: 10px;
}
.slider_images .owl-item{
    align-content: center;	
}


/* CTA Dark */
.max_height_wrapper .wpb_wrapper:first-child{
	    height: 100%;
}

/* Team card */
.team-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin: 20px 0;
}

.team-cta {
    grid-column: span 2;
    background-color: #202B3C;
    color: #F7F8FF;
    padding: 30px;
    border-radius: 12px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.team-cta h1, .team-cta h2, .team-cta h3, .team-cta h4 {
    color: #fff;
}
.team-cta .w-btn{
    width: fit-content;
    justify-self: center;    
}

.team-card {
    background: #fff;
    border: 2px solid transparent;
    border-radius: 10px;
    padding: 0px;
    transition: transform 0.3s, border-color 0.3s;
    cursor: pointer;
    position: relative;
    min-height: 520px;
    overflow: hidden;
}

.mederwerk_info{
    position: absolute;
    bottom: 13px;
    left: 10px;
    width: -webkit-fill-available;
    right: 10px;
    background: #ffffff;
    border-radius: 8px;
    padding: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.mederwerk_info a.w-socials-item-link_custom{
    font-size: 2rem;
    padding: 7px 13px;
    background: #F7F8FF;
    border-radius: 8px;
}
.mw_titel_naam {
    max-width: 100%;
}

.team-card:hover {
    transform: scale(1.05);
    border-color: #0073aa;
}

.team-card.selected {
    border: 4px solid #43FF9B;
    box-shadow: 0 0 15px #43ff9b94;
}
.team-image_card {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.team-image_card img {
    max-width: 100%;
    height: -webkit-fill-available;
    object-fit: cover;
    transform: translate3d(0, 0, 1px);
    height: 100% !important;
    width: 100%;
}

#game-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.3s;
}

#game-popup .popup-content {
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    max-width: 90%;
    text-align: center;
    position: relative;    
    position: sticky;
    top: 0;
}

#game-popup iframe {
    width: 800px;
    height: 500px;
    border: none;
}

#game-popup button#close-popup {
    position: absolute;
    top: 10px;
    right: 10px;
    background: #333;
    color: #fff;
    border: none;
    padding: 10px;
    cursor: pointer;
}

#game-popup:not(.hidden) {
    visibility: visible;
    opacity: 1;
}

.wp-block-separator {
    border: none;
    border-top: 2px solid;
    border-color: var(--color-alt-content-border);
}

.rotate_img_40{
	    rotate: 40deg;
}
.rotate_img_50{
	    rotate: 50deg;
}
.rotate_img_60{
	    rotate: 60deg;
}
.rotate_img_70{
	    rotate: 70deg;
}
.rotate_img_80{
	    rotate: 70deg;
}
.rotate_img_90{
	    rotate: 90deg;
}
.rotate_img_100{
	    rotate: 100deg;
}
.rotate_img_125{
	    rotate: 125deg;
}
.rotate_img_150{
	    rotate: 150deg;
}

/*case stappen blok */
@media only screen and (max-width: 1080px) {
	.case-stappen-blokken-wrapper .g-cols{
		justify-content: center !important;
	}
	.case-stappen-blokken-wrapper .case-stappen-blok{
		width: 50% !important;
		margin-top: 40px !important;
	}
	.marked_heading h1, .marked_heading h2{
	font-size: 1.3rem !important;
    }
}

@media only screen and (max-width: 768px) {
	.case-stappen-blokken-wrapper .g-cols{
		justify-content: center !important;
		--additional-gap: 0px !important;
	}
	
	.case-stappen-blokken-wrapper .case-stappen-blok{
		width: 100% !important;
		margin-top: 40px !important;
	}
	
	.team-grid {
		display: grid !important;
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
		margin: 20px 0;
	}
	
	.team-card {
	    background: #fff;
		border: 2px solid transparent;
		border-radius: 10px;
		padding: 0px;
		transition: transform 0.3s, border-color 0.3s;
		cursor: pointer;
		position: relative;
		min-height: 380px;
		overflow: hidden;
	}
	
	.mederwerk_info{
	font-size: 12px;
	}
}

@media only screen and (max-width: 360px) {
	.team-grid {
		display: block !important;
	}
	.team-card {
		margin-bottom: 20px;
	}
}


.case-stappen-blok{
	position: relative;
	overflow: visisble;
	height: fit-content;
}

.case-stappen-blok:nth-child(2){
	margin-top: 50px;
}

.case-stappen-blok:nth-child(3){
	margin-top: 100px;
}

.case-stappen-blok:after{
	content: "";
	position: absolute;
	bottom: -25px;
	right: 0;
	z-index: 2;
	font-size: 50px;
	font-weight: 700;
	line-height: 1;
	color: #3E61FC;
}

.number_slide{
width: 38px;
    height: 38px;
    background: var(--color-alt-content-secondary-grad);
    color: var(--color-alt-content-heading);
    display: flex
;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-weight: 700;
    position: absolute;
    top: -8px;
    left: -10px;	
}

#input_5_9 .gchoice {
	min-width: 33%;
}
#gform_fields_5{
	color: rgba(247,248,255,0.80);
}
.privacy_consent_form{
	font-size: 14px;
}
.object-fit_contain img{
    object-fit: contain !important;
}

.grey_filter{
	filter: grayscale(1);
}
.grey_filter:hover{
	filter: grayscale(0);
}

.grey_filter_img article img{
	filter: grayscale(1);
}
.grey_filter_img article img:hover{
	filter: grayscale(0);
}


.custom_icon{
	font-style: normal;
}


/* Simple button */
.underline-link {
  color: #131313;
  font-size: 1em;
  line-height: 1.25;
  text-decoration: none;
  position: relative;
}

.underline-link::before,
.underline-link.is--alt::before,
.underline-link.is--alt::after{
  content: "";
  position: absolute;
  top: 105%;
  left: 0;
  width: 100%;
  height: 0.0625em;
  background-color: var(--color-alt-content-secondary);
  transition: transform 0.735s cubic-bezier(0.625, 0.05, 0, 1);
  transform-origin: right;
  transform: scaleX(0) rotate(0.001deg);
}

.underline-link:hover::before {
  transform-origin: left;
  transform: scaleX(1) rotate(0.001deg);
}

/* Alt */
.underline-link.is--alt::before {
  transform-origin: left;
  transform: scaleX(1) rotate(0.001deg);
  transition-delay: 0.3s;
}

.underline-link.is--alt:hover::before {
  transform-origin: right;
  transform: scaleX(0) rotate(0.001deg);
  transition-delay: 0s;
}

.underline-link.is--alt::after {
  transform-origin: right;
  transform: scaleX(0) rotate(0.001deg);
  transition-delay: 0s;
}

.underline-link.is--alt:hover::after {
  transform-origin: left;
  transform: scaleX(1) rotate(0.001deg);
  transition-delay: 0.3s;
}


.w-counter:not(.has_font_size) .w-counter-value {
    font-size: 3rem;
}

#gform_submit_button_1{
	    align-self: center;
}

.b_faq .w-tabs-section.active .w-tabs-section-content{
	    padding-top: 0px !important;
}

.logo_grey .w-grid-item img {
  filter: grayscale(100%);
  transition: filter 0.3s ease;
	opacity: 0.8;
}

.logo_grey .w-grid-item img:hover {
  filter: grayscale(0%);
opacity: 0.8;
}

html.lenis {
  height: auto;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}
.lenis.lenis-stopped {
  overflow: hidden;
}

.no-click {
  pointer-events: none;
}

.w-popup-box-content > p {
	display: none;
}

.upload-cv-veld {
	position: relative;
	height: 92px;
}

.upload-cv-veld .gfield_label.gform-field-label {
	position: absolute;
    bottom: 0;
    font-size: smaller !important;
    font-weight: 600 !important;
	font-family: 'inter';
    color: #56607094;
}

.ginput_container.ginput_container_fileupload > input{
    font-family: 'inter';
    cursor: pointer;
    color: #566076;
    opacity: 0.7;
}

.ginput_container.ginput_container_fileupload .gfield_description.gform_fileupload_rules {
	color: black !important;
    font-weight: 600;
}

.upload-cv-veld .ginput_container.ginput_container_fileupload {
	position: relative;
    height: 100px;
}

.upload-cv-veld .ginput_container.ginput_container_fileupload .gfield_description.gform_fileupload_rules{
	position: absolute;
    right: 0;
    bottom: 0;
    text-align: right;
    font-size: small;
    font-weight: 500;
    color: #566070fc !important;
}

.tekst-veld-cv {
	border: 1px solid black;
    padding: 0px 20px;
    border-radius: 20px;
}

.keuzeronde-cv-veld .gfield_label.gform-field-label {
	font-size: small !important;
}

#options-border-right {
	border-right: 1px solid #ccc;
}

h2{
    font-size: 2rem !important;
    margin-bottom: 1rem;
}

#list_yooker_blue_section .w-hwrapper .w-text-h .w-text-value{
    display: flex;
}

#list_yooker_blue_section .w-hwrapper:nth-child(1) .w-text-h .w-text-value:before{
    content: '1.';
    color: #43FF9B;
    margin-right: 15px;
}
#list_yooker_blue_section .w-hwrapper:nth-child(2) .w-text-h .w-text-value:before{
    content: '2.';
    color: #43FF9B;
    margin-right: 15px;
}
#list_yooker_blue_section .w-hwrapper:nth-child(3) .w-text-h .w-text-value:before{
    content: '3.';
    color: #43FF9B;
    margin-right: 15px;
}
#list_yooker_blue_section .w-hwrapper:nth-child(4) .w-text-h .w-text-value:before{
    content: '4.';
    color: #43FF9B;
    margin-right: 15px;
}
#list_yooker_blue_section .w-hwrapper:nth-child(5) .w-text-h .w-text-value:before{
    content: '5.';
    color: #43FF9B;
    margin-right: 15px;
}
#list_yooker_blue_section .w-hwrapper:nth-child(6) .w-text-h .w-text-value:before{
    content: '6.';
    color: #43FF9B;
    margin-right: 15px;
}


    #arrow_right_tooker {
      width: 137px;
      height: 34px;
    }

    #arrow_right_tooker path {
      fill: none;
      stroke: #3E61FC;
      stroke-width: 2;
    }
    
    .carousel_overflow_v .owl-stage-outer{
        overflow: visible;
    }
    
    div#arrow_text_item1 {
    rotate: -16deg;
}
div#partners, .row_gap_15 {
    row-gap: 15px;
}



.accordion {
	max-width: 900px;
	margin: 0 auto;
	font-family: sans-serif;
}
.accordion-item {
    border: 2px solid rgba(62, 97, 252, 0.15);
	border-radius: 10px;
	margin-bottom: 35px;
	overflow: hidden;
	background-color: #f5f7ff;
	min-height: 72px;
}

.accordion-toggle {
	padding: 26px 20px;
	cursor: pointer;
	transition: background 0.3s ease;
	color: var(--color-alt-content-heading);
}

.accordion-toggle:hover {
	background-color: #e0e4ff;
}

.accordion-body {
	display: none;
	background: white;
	opacity: 0;
}

.accordion-item.active .accordion-body { display: block !important; opacity: 1 !important; }

.accordion-item.active .accordion-toggle { display: none !important; opacity: 0 !important; }


.tab-grid {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	   height: 100%;
}

.tab-text {
	display: flex;
}
.tab_text_inner,
.tab-image {
	flex: 1 1 50%;
}
.tab_text_inner {
	padding: 40px;
}
.tab-image img {
    width: 100%;
    object-fit: cover;
    height: 100%;
}
#custom-center-title{
	display: flex;
}
#custom-center-title .w-text-h {
	margin: auto auto;
}

/* MEGA MENU */
.mega-menu-title {
	font-size: 18px !important;
	font-weight: 600 !important;
	margin-bottom: 0 !important;
}
.mega-menu-subtitle {
	font-size: 12px;
	text-transform: uppercase;
	opacity: 0.3 !important;
}
.mega-menu-submenu li {
    margin-bottom: 0px !important;
}
.mega-menu-submenu li>a {
	color: var(--color-header-middle-text) !important;
}
.mega-menu-submenu li>a:hover {
	color: var(--color-content-link) !important;
}
.custom-line {
	color: #D9D9D9 !important;
	opacity: 0.2 !important;
}
.mega-menu-cta {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 1rem; /* ruimte tussen elementen op kleinere schermen */
}
.mega-menu-cta > *:not(.w-btn-wrapper) {
  flex: 1 1 auto;
}
.mega-menu-cta .w-btn-wrapper {
  flex-shrink: 0;
}
#menu-item-6772 > ul.level_2 {
  transform: translatey(10px) scaleY(0) translateZ(0);
}
#menu-item-6772:hover > ul.level_2 {
  transform: translatey(10px) scaley(1) translateZ(0);
}

.custom-link-underlined a {
	text-decoration-line: underline;
	color: var(--color-content-text);
}

@media screen and (min-width: 769px) {
.certificaat-container {
	border-right: 1px solid #ccc;
	justify-content: center;
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
   }
}

.certificaat-container h2 {
		font-size: 1.4rem !important;
}

@media (max-width: 768px) {
  .certificaat-grid .w-grid-list .w-grid-item:last-child {
    grid-column: 1 / -1;
    justify-self: center;
    width: 50%;
  }
	.l-subheader-cell {
		width: 100% !important;
	}
}