/*
 Theme Name:     2Special
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    2Special customizations
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/

@import url("../Divi/style.css");

/* =Theme customization starts here
------------------------------------------------------- */

/* ------------------------------ START GENERAL SETTINGS ------------------------------*/

html,
body {
    font-weight: 500!important;
	line-height: 150%!important;
	font-style: normal!important;
	font-size: 15px!important;
   /* color:black!important;*/
}

a:hover {
	opacity: 0.5;
}


/*body.home .section-main-menu {
    margin-top:-127px;
}*/
@media all and (max-width:782px) {
    body.admin-bar .section-main-menu{
        top:46px;
    }
}

p {
   /* color: black!important;*/
    font-weight: 400!important;
	line-height: 150%!important;
	font-style: normal!important;
	font-size: 16px!important;
}

sup {
	font-size:0.7rem!important;
	bottom: .3em;
}

.checkmarks sub {
    font-size: 0.7rem !important;
    top: clamp(16px, 1vw, 22px);
}

a.icon:hover::before {
    color: var(--color-second)!important;
}

/* ------------------------------ END GENERAL SETTINGS ------------------------------*/
/* ------------------------------ START SECTION ROW COLUMN MODULE SETTINGS ------------------------------*/

/* set the site width*/

:root {--site-width:1920px;}
	

.et_pb_section {
    padding-top: clamp(1.85rem, 3vw, 48px) !important;
    padding-bottom: clamp(1.85rem, 3vw, 48px) !important;
}

.et_pb_row {
    padding-top: clamp(1.85rem, 3vw, 48px) !important;
    padding-bottom: clamp(1.85rem, 3vw, 48px) !important;
	
	
	
	max-width: var(--site-width);
	/*
    width: 100% !important;
    padding-left: clamp(10vw, 10vw, 160px)!important;
    padding-right: clamp(10vw, 10vw, 160px)!important;
	max-width: 1600px;*/
}

.site-content .et_pb_section {
    max-width: var(--site-width);
    margin:auto;
}

.width-60, .et_pb_row.width-60, .et_pb_section.width-60 { width:60%!important;}
.width-70, .et_pb_row.width-70, .et_pb_section.width-70 { width:70%!important;}
.width-80, .et_pb_row.width-80, .et_pb_section.width-80 { width:80%!important;}
.width-90, .et_pb_row.width-90, .et_pb_section.width-90 { width:90%!important;}
.width-95, .et_pb_row.width-95, .et_pb_section.width-95 { width:95%!important;}
.width-100, .et_pb_row.width-100, .et_pb_section.width-100 { width:100%!important; max-width: 100%;}

.max-width-site-width, .et_pb_row.max-width-site-width, .et_pb_section.max-width-site-width {
	max-width: var(--site-width);
}

.et_pb_row .et_pb_row, footer .et_pb_row, .et_flex_row .et_flex_row {
  width: 80%;
    
}
@media only screen and (max-width: 768px) {
.et_pb_row .et_pb_row, footer .et_pb_row, .et_flex_row .et_flex_row {
  width: 90%;
    
}
   .et_pb_row .et_pb_row.width-90 {
        width:95%!important;
    }
    
}
@media only screen and (max-width: 768px) {
	.et_pb_row .et_pb_row, footer .et_pb_row {
  /*  width: 90%!important;*/
}
}

footer .et_pb_row {
	/*max-width:1440px;*/
}

#et-main-area .et_pb_column {
/*	display:flex;
	flex-direction: column;
	gap: 1.5rem!important;*/
}

#et-main-area .et_pb_module {
	margin-bottom:0;
}



@media only screen and (max-width: 768px) {
	.et_pb_row{
	/*padding-left: clamp(32px, 2.5vw, 40px)!important;
    padding-right: clamp(32px, 2.5vw, 40px)!important;*/
		width:90%;
	}
}

.et_pb_row.row-header:after {
	display:none;
}
/*
.row-full {
	max-width:100%!important;
	width: 100%!important;
}*/



/* ------------------------------ END SECTION ROW COLUMN SETTINGS ------------------------------*/

a {
    color: var(--color-black);
}

strong {
    font-weight: 700;
}

:root {
	
/*------------------- DEFINE COLORS IN RGB ----------------*/
    --RGB-color-first: 23, 96, 81;
    /*DARK BLUE*/

    --RGB-color-second: 215, 125, 45;
    /*RED*/

    --RGB-color-third: 77, 97, 129;
    /*GREEN*/

    --RGB-color-fourth: 202, 208, 217;
    /*grey*/
	
    --RGB-color-black: 29, 29, 29;
    /*BLACK*/	

    /*--------------- DEFINE COLORS SHORTCODE -----------------*/
	
    --color-first: rgb(var(--RGB-color-first));
    --color-second: rgb(var(--RGB-color-second));
    --color-third: rgb(var(--RGB-color-third));
    --color-fourth: rgb(var(--RGB-color-fourth));
	--color-black: rgb(var(--RGB-color-black));
	
    /*---------- DEFINE OPACITY STEPS COLOR PRIMARY -----------*/
	
    --color-first-10: rgba(var(--RGB-color-first), .1);
    --color-first-20: rgba(var(--RGB-color-first), .2);
    --color-first-30: rgba(var(--RGB-color-first), .3);
    --color-first-40: rgba(var(--RGB-color-first), .4);
    --color-first-50: rgba(var(--RGB-color-first), .5);
    --color-first-60: rgba(var(--RGB-color-first), .6);
    --color-first-70: rgba(var(--RGB-color-first), .7);
    --color-first-80: rgba(var(--RGB-color-first), .8);
    --color-first-90: rgba(var(--RGB-color-first), .9);
    --color-first-95: rgba(var(--RGB-color-first), .95);

    /*---------- DEFINE OPACITY STEPS COLOR second ----------*/
    --color-second-10: rgba(var(--RGB-color-second), .1);
    --color-second-20: rgba(var(--RGB-color-second), .2);
    --color-second-30: rgba(var(--RGB-color-second), .3);
    --color-second-40: rgba(var(--RGB-color-second), .4);
    --color-second-50: rgba(var(--RGB-color-second), .5);
    --color-second-60: rgba(var(--RGB-color-second), .6);
    --color-second-70: rgba(var(--RGB-color-second), .7);
    --color-second-80: rgba(var(--RGB-color-second), .8);
    --color-second-90: rgba(var(--RGB-color-second), .9);
    --color-second-95: rgba(var(--RGB-color-second), .95);

    /*---------- DEFINE OPACITY STEPS COLOR third ----------*/
    --color-third-10: rgba(var(--RGB-color-third), .1);
    --color-third-20: rgba(var(--RGB-color-third), .2);
    --color-third-30: rgba(var(--RGB-color-third), .3);
    --color-third-40: rgba(var(--RGB-color-third), .4);
    --color-third-50: rgba(var(--RGB-color-third), .5);
    --color-third-60: rgba(var(--RGB-color-third), .6);
    --color-third-70: rgba(var(--RGB-color-third), .7);
    --color-third-80: rgba(var(--RGB-color-third), .8);
    --color-third-90: rgba(var(--RGB-color-third), .9);
    --color-third-95: rgba(var(--RGB-color-third), .95);

    /*---------- DEFINE OPACITY STEPS COLOR fourth ----------*/
    --color-fourth-10: rgba(var(--RGB-color-fourth), .1);
    --color-fourth-20: rgba(var(--RGB-color-fourth), .2);
    --color-fourth-30: rgba(var(--RGB-color-fourth), .3);
    --color-fourth-40: rgba(var(--RGB-color-fourth), .4);
    --color-fourth-50: rgba(var(--RGB-color-fourth), .5);
    --color-fourth-60: rgba(var(--RGB-color-fourth), .6);
    --color-fourth-70: rgba(var(--RGB-color-fourth), .7);
    --color-fourth-80: rgba(var(--RGB-color-fourth), .8);
    --color-fourth-90: rgba(var(--RGB-color-fourth), .9);
    --color-fourth-95: rgba(var(--RGB-color-fourth), .95);
	
	/*---------- DEFINE OPACITY STEPS COLOR black ----------*/
    --color-black-5: rgba(var(--RGB-color-black), .05);	
    --color-black-10: rgba(var(--RGB-color-black), .1);
    --color-black-20: rgba(var(--RGB-color-black), .2);
    --color-black-30: rgba(var(--RGB-color-black), .3);
    --color-black-40: rgba(var(--RGB-color-black), .4);
    --color-black-50: rgba(var(--RGB-color-black), .5);
    --color-black-60: rgba(var(--RGB-color-black), .6);
    --color-black-70: rgba(var(--RGB-color-black), .7);
    --color-black-80: rgba(var(--RGB-color-black), .8);
    --color-black-90: rgba(var(--RGB-color-black), .9);
    --color-black-95: rgba(var(--RGB-color-black), .95);

    --border-radius: clamp(32px, 1.5vw, 36px);
	--border-radius-s: calc(var(--border-radius) / 4);
	--border-radius-xs: calc(var(--border-radius) / 3);
	--icon-size: 26px;




  /*-------------------- grids ------------------*/
	

	
  /*------------------ colomns ------------------*/

  --column-count-1: repeat(auto-fill, minmax(100%, 1fr));
  --column-count-1-gap: .5rem;	
	
  --column-count-2: repeat(auto-fill, minmax(45%, 1fr));
  --column-count-2-gap: .5rem;

  --column-count-6: repeat(6, 1fr);


  @media only screen and (max-width: 980px) {
    --column-count-2: repeat(auto-fill, minmax(100%, 1fr));
    --column-count-2-gap: .5rem;
  }
	
  --column-count-3: repeat(auto-fill, minmax(27%, 1fr));
  --column-count-3-gap: .5rem;

  @media only screen and (max-width: 980px) {
    --column-count-3: repeat(auto-fill, minmax(45%, 1fr));
    --column-count-3-gap: .5rem;
  }	
}

/*------------------ end colomns ------------------*/

.grid {
	display: grid!important;
}

	.shadow{
	webkit-box-shadow: 0 .2rem 1rem #0f434c;
    box-shadow: 0 .2rem 1rem #0f434c;
	}
/*-------------------- end grids ------------------*/
	

/*------------------ START TRANSITIONS--------------*/
  
.transition-all, .transition-all:hover{
	transition: all .5s;
}

.transition-bg-color, .transition-bg-color:hover {
	transition: background-color 0.5s ease;
}

/*------------------ END TRANSITIONS--------------*/


/*----------------- DEFINE TEXT SIZES ----------------------*/


h1,
h2,
h3,
h4 {
    font-family: "Funnel Display", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    padding-bottom: unset!important;
	color:var(--color-black);
}
.et_pb_text h2 {
    font-size: clamp(1.75rem, 2.35vw, 2rem) !important;
    font-weight: 500 !important;
    line-height: 125%;
    margin-bottom: 0 !important;
}

/*h1 header content page - algemene h1*/
h1, .h2-size-l h2 {
    font-size: clamp(1.5rem, 3vw, 2.75rem);
	font-weight: 400;
	line-height: 120%;
}

/*header op homepage*/
.h1-size-l h1 {
    font-size: clamp(1.75rem, 11vw, 8rem)!important;
    line-height: 150%!important;
}

.h1-arrow,
.h1-arrow h1,
.h1-arrow .et_pb_text_inner {
    width: 100%;
}

.h1-size-m h1 {
    font-size: clamp(3rem, 6vw, 6vw);
}

.h1-size-s h1 {
    font-size: clamp(2.5rem, 2vw, 2vw);
}

/*tussenquote*/
.h2-size-xl h2 {
    font-size: clamp(2rem, 6.5vw, 5rem) !important;
    font-weight: 600 !important;
    
}
.h2-size-xl {
    width: fit-content;
    margin: auto;
}

.h2-size-s h2 {
    font-size: clamp(1.25rem, 2vw, 2rem)!important;
}

h3 {
    font-size: clamp(1.25rem, 1.75vw, 1.75rem)!important;
    line-height: 130%!important;
	font-weight:600!important;
}

h4 {
    font-size: clamp(16px, 1.25vw, 24px);
    font-weight: normal;
	line-height: 150%;
}

/*text naast header content page*/
.p-size-xl p, .p-size-xl {
    font-size: clamp(1rem, 1.5vw, 1.5rem)!important;
	font-weight:400!important;
    line-height:175%!important;
}

.p-size-l p {
    font-size: clamp(16px, 1.2vw, 1.2rem)!important;
	font-weight:600!important;
	line-height:auto!important;
}

.p-size-m p {
    font-size: 1.2rem;;
	/*line-height:130%;*/
}




.p-size-s p, .p-size-s, .link-size-s a {
    font-size: clamp(0.8rem, 0.8vw, 0.8rem)!important;
}

.p-uppercase p, .p-uppercase, .link-uppercase a, .uppercase  {
	text-transform:uppercase!important;
}
.text-align-center, 
.text-align-center h1,
.text-align-center h2,
.text-align-center h3,
.text-align-center h4,
.text-align-center h5,
.text-align-center p,
.text-align-center span,
.text-align-center a {
    text-align: center!important;
}



.text-semibold {
    font-weight: 600;
}

.text-bold, .text-bold {
    font-weight: 700!important;
}

.border-radius, .border-radius.et_pb_image img, .cwp_et_pb_layout_slider_standard.border-radius img {
	border-radius: var(--border-radius);
	overflow: hidden;
}

.border-radius-size-s, .border-radius-size-s.et_pb_image img, .custom-button.border-radius-size-s a, .cwp_et_pb_layout_slider_standard.border-radius-size-s img {
	border-radius: var(--border-radius-s)!important;
}

.border-radius-right-bottom { border-bottom-right-radius: var(--border-radius);}
.border-radius-left-bottom, .border-radius-left-bottom img { border-bottom-left-radius: var(--border-radius);}
.border-radius-right-bottom-s { border-bottom-right-radius: var(--border-radius-s);}
.border-radius-left-bottom-s, .border-radius-left-bottom-s img { border-bottom-left-radius: var(--border-radius-s);}
.border-radius-right-top-s { border-top-right-radius: var(--border-radius-s);}
.border-radius-left-top-s, .border-radius-left-top img { border-top-left-radius: var(--border-radius-s);}

/*---------------DEFINE TEXT COLORS -------------------------*/

.h1-color-first h1,
.h2-color-first h2,
.h3-color-first h3,
.h4-color-first h4,
.span-color-first span,
.link-color-first a,
.text-color-first p,
.text-color-first {
    color: var(--color-first) !important;
}

.h1-color-second h1,
.h2-color-second h2,
.h3-color-second h3,
.h4-color-second h4,
.span-color-second span,
.link-color-second a,
.text-color-second p,
.text-color-second,
.text-strong-color-second strong{
    color: var(--color-second) !important;
}

.span-background-color-second span {
    color: white;
    background: var(--color-second);
    padding: 0 .5rem;
}

.h1-color-third h1,
.h2-color-third h2,
.h3-color-third h3,
.h4-color-third h4,
.span-color-third span,
.link-color-third a,
.text-color-third p,
.text-color-third,
.text-strong-color-third strong{
    color: var(--color-third) !important;
}

.link-color-third a {
	text-decoration:underline;
	font-weight:600;
	transition: all 0.5s ease;
}

.link-color-third a:hover {
	opacity:0.6;
}

.h1-color-fourth h1,
.h2-color-fourth h2,
.h3-color-fourth h3,
.h4-color-fourth h4,
.span-color-fourth span,
.link-color-fourth a,
.text-color-fourth p,
.text-color-fourth,
.text-strong-color-fourth strong{
    color: var(--color-fourth) !important;
}

.h1-color-white h1,
.h2-color-white h2,
.h3-color-white h3,
.h4-color-white h4,
.span-color-white span,
.link-color-white a,
.text-color-white,
.text-color-white p {
    color: white !important;
}

.h1-color-black h1,
.h2-color-black h2,
.h3-color-black h3,
.h4-color-black h4,
.span-color-black span,
.link-color-black a,
.text-color-black,
.text-color-black p {
    color: black !important;
}





/*--------------------  START BACKGROUND COLORS ----------------------------*/
.bg-none {
    background-color: rgba(0,0,0,0)!important;
}

.bg-color-first {
    background-color: var(--color-first)!important;
    transition: all 0.5s ease;
}

.bg-color-first-20 {
    background-color: var(--color-first-20);
}

.bg-color-first-50 {
    background-color: var(--color-first-50);
}

.bg-color-first-80 {
    background-color: var(--color-first-80);
}

.bg-color-first-90 {
    background-color: var(--color-first-90);
}

.bg-color-second {
    background-color: var(--color-second);
}
.bg-color-second-10 {background-color: var(--color-second-10);}
.bg-color-second-20 {background-color: var(--color-second-20);}
.bg-color-second-30 {background-color: var(--color-second-30);}
.bg-color-second-40 {background-color: var(--color-second-40);}
.bg-color-second-50 {background-color: var(--color-second-50);}
.bg-color-second-60 {background-color: var(--color-second-60);}

.bg-color-second-90 {
    background-color: var(--color-second-90);
}
.bg-color-second-80 {
    background-color: var(--color-second-80);
}
.bg-color-second-70 {
    background-color: var(--color-second-70);
}

.bg-color-third {
    background-color: var(--color-third);
}

.bg-color-third-50 {
    background-color: var(--color-third-50);
}

.bg-color-third-10 {
    background-color: var(--color-third-10);
}

.bg-color-fourth {
    background-color: var(--color-fourth);
}

.bg-color-fourth-90 {
    background-color: var(--color-fourth-90);
}
.bg-color-fourth-80 {
    background-color: var(--color-fourth-80);
}
.bg-color-fourth-70 {
    background-color: var(--color-fourth-70);
}

.bg-color-white {
    background-color: rgba(255,255,255,1)!important;
}

.bg-color-black {background-color: var(--color-black);!important;}
.bg-color-black-90 {background-color: var(--color-black-90);!important;}
.bg-color-black-80 {background-color: var(--color-black-80);!important;}
.bg-color-black-70 {background-color: var(--color-black-70);!important;}
.bg-color-black-60 {background-color: var(--color-black-60);!important;}
.bg-color-black-50 {background-color: var(--color-black-50);!important;}
.bg-color-black-40 {background-color: var(--color-black-40);!important;}
.bg-color-black-30 {background-color: var(--color-black-30);!important;}
.bg-color-black-20 {background-color: var(--color-black-20);!important;}
.bg-color-black-10 {background-color: var(--color-black-10);!important;}
.bg-color-black-5 {background-color: var(--color-black-5);!important;}

.bg-color-white-80 {
    background-color: rgba(255,255,255,.8)!important;
}


.bg-gradient {
	    background-image: linear-gradient(90deg,var(--color-second) 66%,white 66%)!important;
}

/* -------------------- start template styles --------------------------*/



.no-gap {
	gap:0!important;
}

.gap-0\.5 {
	gap: 0.5rem!important;
}

.gap-1 {
	gap: 1rem;!important;
}



.section-bleed-image-right {
	overflow:hidden;
}

@media only screen and (min-width: 981px) {
	.row-m{
		max-width: clamp(800px, 90%, 1280px)!important;
		margin:auto;
		max-width:1280px;
	}
	
	.row-s{
		max-width: clamp(785px, 50dvw, 900px)!important;
		margin:auto;
	}
		.row-xs {
		max-width: clamp(500px, 50%, 1200px)!important;
		margin:auto;
	}
}




/*START HEADER ****************************** HEADER **************************/

/*custom margin max screen size*/

/*----------------- menu aanpassingen ----------------------*/

.horizontal-menu.et_pb_menu--without-logo .et_pb_menu__menu>nav>ul {
	display:flex;
	align-items: center;
	gap:2rem;
}

.et_pb_menu--without-logo .et_pb_menu__menu>nav>ul>li {
    margin-top: 0px;
	border-bottom:1px solid rgba(0,0,0,0.00)!important;
}

.et_pb_menu--without-logo .et_pb_menu__menu>nav>ul>li a{
	border-bottom:1px solid rgba(0,0,0,0.00)!important;
}

.et_pb_menu--without-logo .et_pb_menu__menu>nav>ul>li.current_page_item a {
	border-color:var(--color-second)!important;
}

.et_pb_menu .et-menu>li {
    padding-left: 0px;
    padding-right: 0px;
	font-size:1rem;
	line-height: var(--line-height)!important;
}

.et_pb_menu--without-logo .et_pb_menu__menu>nav>ul>li>a {
    padding-bottom: 0px;
	/*color:var(--color-first)!important;*/
}

.et_pb_menu .et-menu {
    margin-left: 0px;
    margin-right: 0px;
}

.vertical-menu.et_pb_menu--without-logo .et_pb_menu__menu>nav>ul {
	flex-direction: column;
	gap:0;
}

.vertical-menu.et_pb_menu--without-logo .et_pb_menu__menu>nav>ul a {
	line-height: #000!important;
}

.vertical-menu.et_pb_menu .et_pb_menu__menu {
        display: flex;
    }

.vertical-menu.et_pb_menu .et_mobile_nav_menu {
	display: none;
}

.vertical-menu.et_pb_menu .et_pb_menu__wrap {
        justify-content: flex-start!important;
    }

.hamburger-menu.et_pb_menu .et-menu>li {
	font-size:1.25rem;	
}

/*----------------- hamburger menu ---------------------------------*/

.hamburger {
  width: 30px;
  display: flex;
  flex-direction: column;
  cursor: pointer;
  gap:5px;
}

.line {
  display: block;
  height: 3px;
  width: 100%;
  background: var(--color-first);
  opacity: 1;
  -webkit-transition: .3s ease-in-out;
  -moz-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}

.hamburger.open .line {
	background:white;
}

.hamburger .line-1 {
	position: relative;
    top: 0px;
}

.hamburger.open .line-1 {
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
 	position: relative;
    top: 8px;

}

.hamburger.open .line-2 {
	opacity:0;
  
  transition-delay: 100ms;
   transition: all 0.5s ease;
}

.hamburger .line-3 {
	position: relative;
    bottom: 0px;
}

.hamburger.open .line-3 {
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
	position: relative;
    bottom: 8px;
}  

#slide-in-menu-container {
  -webkit-transition: all 0.3s ease !important;
  -moz-transition: all 0.3s ease !important;
  -o-transition: all 0.3s ease !important;
  -ms-transition: all 0.3s ease !important;
  transition: all 0.3s ease !important;
	height: 100vh;
    position: fixed;
    top: 0;
    left: 100%;
    width: 100dvw;
	z-index:9;
}

#slide-in-menu-container.slide-in-menu-open {
	left:0!important;
}

#section-mobile-menu{
  -webkit-transition: all 0.3s ease !important;
  -moz-transition: all 0.3s ease !important;
  -o-transition: all 0.3s ease !important;
  -ms-transition: all 0.3s ease !important;
  transition: all 0.3s ease !important;
}

#section-mobile-menu.open{
	background-color:rgba(0,0,0,0.00)!important;
}

.hide-scrollbar {
	overflow:hidden;
}

#logo.hidden {
    opacity: 1;
	transition: all .3s;
}

#logo.hidden {
    opacity: 0;
}

.hamburger-menu li.custom-button {
	padding-top:20px!important;
}

/* -------------------------------------------------------------------***** END HEADER ***** */

/*START BODY ****************************** BODY **************************/


/*------------------------------- SLIDER --------------------------------*/

@media only screen and (min-width: 2134px) {
    .row-slider{
        margin-left: calc(50vw - (1920px / 2));
        max-width: calc(50vw + (1920px / 2));
    }
}

.arrow-buttons .et_pb_code_inner{
	display:flex;	
}

.arrow-button-prev:after {
    transform: rotate(180deg);
}

.arrow-button:after  {
    content: "";
    width: 50px;
    height: 50px;
    display: block;
    -webkit-mask: url(https://fietsenservicewijchen.development.2special.nl/wp-content/themes/Divichild/images/arrow.svg) no-repeat center;
    mask: url(https://fietsenservicewijchen.development.2special.nl/wp-content/themes/Divichild/images/arrow.svg) no-repeat center;
    background-color: var(--color-fourth);
}

.owl-stage {
    display: flex;
    align-items: center;
}



/*------------------------------- END SLIDER --------------------------------*/

/*table*/
.table {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap:3rem;
}

.table img {
    width: 24px;
}

.table span {
    font-size:12px!important;
    display: none;
}

@media only screen and (max-width: 980px) {
    .table span {
    display:block;
        text-align:center;
        line-height:100%;
    }
    
    .table {
    display: grid;
    grid-template-columns: 1fr 1fr;
        column-gap:10px;
}

    
    .table > div:nth-child(3n+1) {
         display:none;  
    }
    
    #page-container .table .px-1{
        padding-left:0.5rem!important;
        padding-right:0.5rem!important;
    }
    
    .table p, .table .text-bold {font-size:14px!important;}
}

/*end-table*/

/*------------------------------ SKEW -----------------------------------*/

.polygon img {
clip-path: polygon(0 0, 100% 0, 80% 100%, 0% 100%);
}
/*------------------------------ END SKEW -----------------------------------*/

#et-main-area {
	z-index: 1;
    position: relative;
}

.section-bleed-slider-right {
	overflow:hidden;
}

.cpt-arrows-control .cpt-prev, .cpt-arrows-control .cpt-next, .as-arrows-control .as-prev, .as-arrows-control .as-next {
	top:unset!important;
}


.cpt-arrows-control a, .as-arrows-control a {
	display: flex;
    justify-content: center;
    align-items: center;
	padding: 0;
    width: 30px;
    height: 30px;
	padding:0!important;
	font-size: 28px !important;
}


a.et_pb_button.et_pb_button_prev.et_pb_custom_button_icon:after {
    margin-left: 6px !important;
}

.cpt-arrows-control a:after, .as-arrows-control a:after  {
	width:0;	
	left:-9px!important;
	
}

.cpt-arrows-control a:before {
	left:-3px;
	margin-left:0!important;
}

.cwp_et_pb_as_cpt_slider_0 .cpt-arrows-control .cpt-next, .as-arrows-control .as-next {
	right: 20%!important;
}

.as-next, .as-prev {
	background:none!important;
} 




:root {
	--columnwidth: calc(100% - ((1440px / 2) - 57.6px));
	--comulnWidth-slider: calc(50% - 57.6px);
	--marginright: calc(1440px * 0.08);

}
@media only screen and (max-width: 1800px) {
	.section-bleed-gradient-left {
		background-image: -webkit-linear-gradient(left, #ffffff 30%, #000000 30%) !important;
		background-image: -o-linear-gradient(left, #ffffff 30%, #000000 30%) !important;
		background-image: linear-gradient(to right, #ffffff 30%, #000000 30%) !important;
	}
	
	.section-bleed-gradient-right {
		background-image: -webkit-linear-gradient(left, #000000 70%, #ffffff 70%) !important;
		background-image: -o-linear-gradient(left, #000000 70%, #ffffff 70%) !important;
		background-image: linear-gradient(to right, #000000 70%, #ffffff 70%) !important;
	}
	
}

.stoma-type-slider-full .et_pb_row {
width:90%;
	margin-right:0!important;
}

@media only screen and (min-width: 1801px) {
	
	.section-bleed-gradient-left .et_pb_row {
		max-width:2560px;
		background-image: -webkit-linear-gradient(left, #ffffff 30%, #000000 30%) !important;
		background-image: -o-linear-gradient(left, #ffffff 30%, #000000 30%) !important;
		background-image: linear-gradient(to right, #ffffff 30%, #000000 30%) !important;
	}
	
	.section-bleed-gradient-right .et_pb_row {
		max-width:2560px;
		background-image: -webkit-linear-gradient(left, #000000 70%, #ffffff 70%) !important;
		background-image: -o-linear-gradient(left, #000000 70%, #ffffff 70%) !important;
		background-image: linear-gradient(to right, #000000 70%, #ffffff 70%) !important;
		margin-left:auto!important;
	}
	.section-bleed-slider-right > .et_pb_row {	
	display: flex;
    justify-content: flex-end;
	margin-left:0!important;	
	}
	
	.section-bleed-image-left .et_pb_row .et_pb_column:first-child {
		width: var(--columnwidth)!important;
		margin-right: var(--marginright)!important;
	}
	
	.section-bleed-image-right .et_pb_row .et_pb_column:last-child {
		width: var(--columnwidth)!important;
		margin-right: 0!important;
		max-width:var(--columnwidth)!important;
	}
	

	.section-bleed-image-right .et_pb_row .et_pb_column:first-child {
		width: var(--columnwidth)!important;
		display: flex;
    	flex-direction: column;
    	align-items: flex-end;
		margin-right:var(--marginright)!important;
	}
	
	.section-bleed-slider-right > .et_pb_row > .et_pb_column:first-child {
		display: flex;
    	align-items: flex-end;/*
		width: var(--comulnWidth-slider)!important;*/
		
		margin-right: 115.188px!important;
	}
	
	.section-bleed-slider-right > .et_pb_row > .et_pb_column:last-child {
		width: var(--comulnWidth-slider)!important;
		margin-right: 0!important;
	}
	
	
	
	.section-bleed-image-left .et_pb_row .et_pb_column:last-child {
		width: var(--columnwidth)!important;
	}
	

	.section-bleed-image-left .et_pb_row .et_pb_column:last-child .et_pb_module, .section-bleed-image-right .et_pb_row .et_pb_column:first-child .et_pb_module,
	.section-bleed-slider-right > .et_pb_row > .et_pb_column:first-child .et_pb_module {
		max-width: 662px!important;
		width: 662px!important;
		margin-right:0!important;
	}
	
	.bg-color-black-10 {
		max-width: 2560px;
    	margin: auto;
	}
	
	.stoma-type-slider-full .et_pb_row {
	max-width: 2000px;
    width: calc(100% - (100% - 1440px) / 2);
    margin-right: 0;
    margin-left: calc((100% - 1440px) / 2);
	}
	
}
@media only screen and (min-width: 2560px) {
.section-bleed-slider-right > .et_pb_row {
margin: auto !important;
    max-width: 2560px;
}
}


/*.section-header-image, .margin-top-for-sticky-menu{
	margin-top:120px!important;
}

@media (max-width: 980px) {  
	.section-header-image, .margin-top-for-sticky-menu {
	margin-top:clamp(65px, 15.5dvw, 100px)!important;
}
}
*/
/*.section-body .et_pb_section {
	width:100%;
}

.section-body .et_pb_section .et_pb_row {
	padding-left:0!important;
	padding-right:0!important;
}


.intro-text, .intro-text p{
	font-size:1.25rem!important;
	line-height:160%!important;
	font-weight:300!important;
}
*/
.checkmarks ul {
    list-style-type: none !important;
    padding: 0 !important;
    display: flex;
    flex-direction: row;
    gap: clamp(18px, 6.5vw, 6.5rem)!important;
    justify-content: center;
}

@media (max-width: 980px) {  
    .checkmarks ul {
        flex-direction: column;
        gap: clamp(12px, 3vw, 6.5rem)!important;
    }
}

.checkmarks ul li {
    display: flex;
    width: fit-content;
    line-height: 150%!important;
	font-size:clamp(14px, 1.25vw, 1.5rem)!important;
    align-items: center;
}

.checkmarks li:before {
    -webkit-mask: url(https://fietsenservicewijchen.development.2special.nl/wp-content/themes/Divichild/images/checkmark.svg) no-repeat 50% 50%;
    mask: url(https://fietsenservicewijchen.development.2special.nl/wp-content/themes/Divichild/images/checkmark.svg) no-repeat 50% 50%;
    background-color: var(--color-first);
    display: block;
    content: '';
    min-width: 24px!important;
    height: 24px!important;
    /*float: left;*/
    margin-right: clamp(8px, .5vw, 8px)!important;
    /*margin-top: clamp(6px, 0.5vw, 12px)!important;*/
	
}

.checkmarks-color-first li:before {
	background-color: var(--color-first);
}
.checkmarks-color-second li:before {
	background-color: var(--color-second);
}
.checkmarks-color-third li:before {
	background-color: var(--color-third);
}



@media (min-width: 981px) {  
.row-product-groups .et_pb_column {
    width:50%;
    margin-right:0!important;
    }}

    .row-product-groups .product-image {    
   height: clamp(200px, 29.5vw, 566px);
    }

.row-product-groups .et_pb_column > .et_pb_text:before, .row-product-groups .et_pb_column > .et_pb_text:after{
  transition: all 300ms ease 0ms!important;
}
@media (min-width: 981px) {  
.row-product-groups .et_pb_column:hover > .et_pb_text:before, .row-product-groups .et_pb_column:hover > .et_pb_text:after{
    transform: translateX(42px);
}

.row-product-groups .et_pb_column:hover > .et_pb_group .et_pb_text .et_pb_text_inner p a, .row-product-groups .et_pb_column:hover > .et_pb_group .et_pb_text .et_pb_text_inner a {
    background:var(--color-second)!important;
    color:white!important;
}
}

:root {
	--icon-size: 80px;
}

@media (max-width: 980px) {  
    :root {
    --icon-size: 40px;
}
}
.product-image:after {
    content: "";
    width: var(--icon-size);
    height: var(--icon-size);
    background: red;
    position: absolute;
    left: 1rem;
    bottom: 1rem;
    border-radius: 40px;
    -webkit-mask-size: cover;
    -webkit-mask: url(https://fietsenservicewijchen.development.2special.nl/wp-content/themes/Divichild/images/arrow-circle.svg) no-repeat;
    mask: url(https://fietsenservicewijchen.development.2special.nl/wp-content/themes/Divichild/images/arrow-circle.svg) no-repeat;
    -webkit-mask-size: 50%;
    mask-position: center;
    background-color: var(--color-third);
    
}

.product-image:before {
    content: "";
    width: var(--icon-size);
    height: var(--icon-size);
    background: white;
    position: absolute;
    left: 1rem;
    bottom: 1rem;
    border-radius: 40px;
}



/* -------------------------------------------------------------------***** END BODY ***** */

/*START FOOTER ****************************** FOOTER **************************/

.cta-footer {
	min-height:40vw!important;
}

.footer-logo img {
width: 100%!important;
}

/*.footer-menu ul li.current-menu-item {
	font-weight:700;
}*/

@media (min-width: 981px) {  
.footer-menu ul li {
	width:100%;
	/*justify-content: flex-end;*/
	padding-left:0;
}
	

}
.footer-menu ul li a{
	font-size:1rem!important;
}

.footer-menu.et_pb_menu ul li, .footer-menu .et_pb_menu__menu {
  	/*width: 100% !important;*/
	padding-left:0!important;
	margin-top:0!important;
}

.footer-menu .et_pb_menu--without-logo .et_pb_menu__menu>nav>ul>li {
    margin-top: 0px;
	margin-left:0px;
	font-size:15px;
	padding-left: 0;
    padding-right: 0;
}

@media (max-width: 980px) {  
	.footer-menu.et_pb_menu ul li, .footer-menu .et_pb_menu__menu {
  	width: 100% !important;
}
}

.footer-menu.et_pb_menu .et_pb_menu__menu, .slide-in-menu-container .et_pb_menu .et_pb_menu__menu {
  	display: block !important;
}

.footer-menu.et_pb_menu .et_mobile_nav_menu, .slide-in-menu-container .et_mobile_nav_menu {
  	display: none !important;
}

.list li {

    list-style: none;
    padding-top: 1px;
    padding-bottom: 1px;
  /*  font-family: 'Open Sans';*/
    font-size: 14px;
    line-height: 24px;
 
    border: none;
}

.list.simple li span {
    float: left;
    min-width: 40%;
}

ul.list.simple  {
    padding-left:0!important;
}

/*.section-footer p {
	font-size:15px;
}*/

.section-footer h3 {
	margin-top:0;
}

.section-footer .et_pb_column:last-child {
	min-width:200px;
}

.section-footer .et_pb_column:nth-child(2) {
	min-width:255px;
}
/* -------------------------------------------------------------------***** END FOOTER ***** */


/* ***** START CUSTOM BUTTONS *****----------------------------------------------------------------------------------------- */

/*.custom-form .gform_button {
    background: var(--color-first) !important;
    color: white !important;
    border: 0 !important;
	width:fit-content;
	border-radius:100px!important;
	margin-top:1rem!important;
	
}

.custom-form input.gform_button  {
	min-width:0;
	font-family: 'ancient_adregular'!important;
}

.gform_button:hover {
	background-color: var(--color-first) !important;
	cursor:pointer;
}

.header-buttons .et_pb_code_inner {
	display:grid;
	grid-template-columns: var(--column-count-2);
    column-gap: var(--column-count-2-gap);
    row-gap: var(--column-count-2-gap);
}
@media (max-width: 1280px) {  
	.header-buttons .et_pb_code_inner {
		grid-template-columns: var(--column-count-1);
	}
}*/

.customPreviousBtn:hover, .customNextBtn:hover {
	cursor:pointer;
}

.owl-item {
	pointer-events:none;

}


a.custom-button,
.custom-button a, .custom-form.custom-button input.gform_button, .custom-button span, a.dp-dfg-more-button {
   /* padding: 13px!important;
    line-height: 100%!important;*/
    text-align: center!important;
    display: flex!important;
    transition: all 300ms ease 0ms!important;
    /*height: 39px!important;*/
    transition: all 300ms ease 0ms!important;
	align-items: center;
	width:fit-content;
	font-weight: 600!important;
	border-radius: var(--border-radius)!important;
	padding-bottom: 8px!important;
	padding-left: 30px!important;
	padding-right: 30px!important;
	padding-top: 8px!important;
	
}

.custom-form.custom-button input.gform_button {
	margin-top:2rem!important;	
}

.custom-button-center p {
	width:fit-content;
	margin: auto;
}



a.custom-button-wide,
.custom-button-wide a {
    width:100%;
	
}

/*.custom-button a:after {
    content: '';
    width: 1rem;
    position: absolute;
    float: right;
    margin-left: clamp(1.4rem, 1.4vw, 1.4vw);
    width: clamp(1rem, 1vw, 1vw);
    height: clamp(2rem, 2vw, 2vw);
}*/

.custom-button-color-first a, .custom-button-color-first span, .custom-button-product-color-first a.dp-dfg-more-button {
    color: white!important;
	border: 1px solid var(--color-first)!important;
	background-color: var(--color-first)!important;
}

.custom-button-color-first-outline a, .custom-button-color-first-outline span, .custom-button-product-color-first-outline a.dp-dfg-more-button {
    color:white!important;
	background-color: var(--color-first)!important;
	border: 1px solid var(--color-first)!important;
}

.custom-button-color-first a:hover, .custom-button-color-first span:hover, .custom-button-product-color-first a.dp-dfg-more-button:hover {
    background-color: var(--color-second)!important;
	border: 1px solid var(--color-second)!important;
	color:white!important;
}

.custom-button-color-first-solid a:hover, .custom-button-color-first-solid span:hover, .custom-button-product-color-first-solid a.dp-dfg-more-button:hover {
    background-color: unset!important;
	border: 1px solid var(--color-first)!important;
	color: var(--color-first)!important;
	
}

.custom-button-color-second a, .custom-button-color-second span, .custom-button-product-color-second a.dp-dfg-more-button, .custom-form.custom-button input.gform_button {
    color: white!important;
	border: 1px solid var(--color-second)!important;
	background: var(--color-second)!important;
}

.custom-button-color-second-outline a, .custom-button-color-second-outline span, .custom-button-product-color-second-outline {
    color: var(--color-second)!important;
	border: 1px solid var(--color-second)!important;
	background: white!important;
}

.custom-button-color-second a:hover, .custom-button-color-second span:hover, .custom-button-product-color-second a.dp-dfg-more-button:hover {
    background-color: white!important;
	/*border-color:white!important;*/
	color:var(--color-second)!important;
}

.custom-button-color-second-outline a:hover, .custom-button-color-second-outline span:hover, .custom-button-product-color-second-outline {
    background-color: var(--color-second)!important;
	border: 1px solid var(--color-second)!important;
	color:white!important;
}

.custom-button-color-third a, .custom-button-color-third span, .custom-button-product-color-third a.dp-dfg-more-button {
    color: white;
	border: 1px solid var(--color-third)!important;
	background-color: var(--color-third);
}

.custom-button-color-third a:hover, .custom-button-color-third span:hover, .custom-button-product-color-third a.dp-dfg-more-button:hover {
    background: none!important;
	border: 1px solid var(--color-third)!important;
	color:var(--color-third)!important;
}

.custom-button-color-white a {
    background: white!important;
    color: var(--color-second)!important;
	border: 2px solid white;
}

.custom-button-color-white a:hover {
    background: none!important;
   color: white!important;
}


a.custom-button:hover,
.custom-button a:hover { 
   /* opacity: 0.6;*/
}


.button-wide {
    width: 100%;
}

a.custom-button-icon {
	font-size:16px;
	font-weight:500;
}

.custom-button-icon a:before{
    /* display: inline-block; */
    content: '';
    /* min-width: clamp(26px, 2vw, 2vw); */
    /* height: 10px; */
    -webkit-mask-size: cover;
    -webkit-mask: url(https://novumnetwork.nl/wp-content/themes/Divichild/images/bullit.svg) no-repeat 50% 50%;
    mask: url(https://novumnetwork.nl/wp-content/themes/Divichild/images/bullit.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    /* mask-size: cover; */
    background-color: white;
    /* transform: rotate(-90deg); */
    width: var(--icon-size);
    height: var(--icon-size);
	margin-right:var(--icon-size);
	font-size:16px;
}

.custom-button-icon-contact a:before{
	width: var(--icon-size);
    height: var(--icon-size);
    color: var(--color-fourth);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 13px;
    font-size: 15px;
	background-color:var(--color-first)!important;
	margin-right:8px;
}

a.custom-button-icon-phone:before{
	font-family: FontAwesome !important;
	font-weight: 900 !important;
	content: "\f095"!important;
	transform: rotate(90deg);
}

a.custom-button-icon-mail:before{
	font-family: FontAwesome !important;
	font-weight: 900 !important;
	content: "\f0e0"!important;
	
}



.custom-button-color-second a:before {
	background-color: var(--color-first);
	
}

.custom-button-color-second a:hover {
    background: var(--color-second-70);
}


.custom-form.custom-button-color-third input.gform_button:hover {
opacity:0.6!important;	
}



.custom-button-download a {
	padding: 8px 16px!important;
    margin-bottom: 0.5rem;
    font-size: 15px;
	font-weight: 500;
	background-color:#ddd!important;
	color:#333!important;
	justify-content: space-between;
}

.custom-button-download a:after{
	/*width: var(--icon-size);
    height: var(--icon-size);*/
  
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 13px;
    font-size: 15px;
	font-family: FontAwesome !important;
	font-weight: 900 !important;
	content: "\f019"!important;
}







.link-button-arrow a:after,
.link-button-arrow span:after {
    display: inline-block;
    content: '';
    width: 13px;
    margin-left: 5px;
    height: 10px;
    -webkit-mask-size: cover;
    -webkit-mask: url(https://spiegellicht.nl/wp-content/themes/Divichild/images/arrow.svg) no-repeat 50% 50%;
    mask: url(https://spiegellicht.nl/wp-content/themes/Divichild/images/arrow.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: cover;
    background-color: var(--color-first);
}

.link-button-arrow-down a:after,
.link-button-arrow-down span:after {
   transform: rotate(0deg);
}

.link-button-arrow-right a:after,
.link-button-arrow-right span:after {
   transform: rotate(-90deg);
}

.link-button-back a:before {
   /* display: block;
    content: '';
    width: clamp(26px, 2vw, 2vw);
    height: clamp(1rem, 1.15vw, 1.15vw);
    -webkit-mask-size: cover;
    -webkit-mask: url(https://spiegellicht.nl/wp-content/themes/Divichild/images/arrow.svg) no-repeat 50% 50%;
    mask: url(https://spiegellicht.nl/wp-content/themes/Divichild/images/arrow.svg) no-repeat 50% 50%;
    mask-size: cover;
    background-color: white;
    float: left;
    margin-right: 0.75vw;
    transform: rotate(180deg);
    z-index: 999999999;*/
}

.link-button-back a:hover::before {
    background-color: var(--color-primary);
}

.text-link a {
	transition: all 300ms ease 0ms !important;
}

.text-link a:hover {
	color:var(--color-second);
	border-color:var(--color-second);
}



/* -----------------------------------------------------------------***** END CUSTOM BUTTONS ***** */

/* -----------------------------------------------------------------***** START CUSTOM BORDERS ***** */
.border-right {
    border-right: 2px solid white;
}

.border-left {
    border-left: 2px solid white;
}

.border-top {
    border-top: 1px solid black;
}

.border-bottom.text-link {
	width:fit-content;
}

.border-bottom {
    border-bottom: 1px solid var(--color-fourth);
}

.border-color-black {
	border-color:var(--color-black);
}

.border-color-first {
	border-color:var(--color-first);
}

.border-color-second {
	border-color:var(--color-second);
}

.border-color-third {
	border-color:var(--color-third);
}

.border-color-fourth {
	border-color:var(--color-fourth);
}

/* -----------------------------------------------------------------***** END CUSTOM BORDERS ***** */


/* ------------------------------ START CUSTOM FORMS ------------------------------*/

.custom-form input,
.custom-form textarea{
    border: 1px solid var(--color-first) !important;
    border-radius: clamp(5px, 0.125vw, 0.125vw);
	border: 1px solid #E1E1E1 !important;
    border-radius: clamp(8px, 0.25vw, 0.25vw)!important;
    background-color: var(--color-first-10);
    padding-left: clamp(16px, 1vw, 1vw)!important;
    padding-right: clamp(16px, 1vw, 1vw)!important;
    font-size: clamp(1rem, 1vw, 1vw)!important;
}

.contact-form input
 {
	padding-top:25px!important;
	padding-bottom:25px!important;
}

.custom-form.login-form input[type=text], .custom-form.login-form input[type=password] {
	width:100%!important;
}

.custom-form.login-form input[type=submit] {
    line-height: unset!important; 

}

.custom-form input{
    height: clamp(50px, 3.125vw, 3.125vw);
}



.custom-form input[type=checkbox] {
    height: auto;
}

.custom-form .gform_wrapper.gravity-theme .gfield_required {
    color: #999;
}

/* RADIO BUTTONS IN FORM */


.gfield_radio label, .gfield_checkbox label {
	font-size:1rem!important;
}

input[type=radio] {
  display: none!important;
}

.gfield_radio label {
  position: relative;
  cursor: pointer;
	display: flex!important;
    align-items: center!important;
}

input[type=radio] + label:before {
    content: '';
    display: block!important;
    float: left;
    width: clamp(24px, 1vw, 1vw)!important;
    height: clamp(24px, 1vw, 1vw)!important;
    margin: 0.35vw 0.5vw 0.125vw 0;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 50%;
    background-color: #FCFCFC;
    border: 1px solid #E1E1E1;

}

/*.subscribeForm input[type=radio]:checked + label {
    position: relative;
	font-weight:700;
}
  
  .subscribeForm input[type=radio]:checked + label:after {
      content: "";
      position: absolute;
      top: -2px;
      left: 4px;
      width: 16px;
      height: 16px;
      border-radius: 50%;
      display: inline-block!important;
      cursor:pointer;
    }
*/

input[type=radio]:checked + label:before {


background: radial-gradient(circle, var(--color-second) 45%, rgba(255,255,255,1) 55%, white 100%);
	background: radial-gradient(circle, white 25%, var(--color-second) 35%, var(--color-second) 100%);
	/*background: var(--color-second);*/
	border:none;
  }


/* << ---------------<< END radio Field -------------------<<*/





.custom_gf_radio .ginput_container.ginput_container_radio label {
    padding-left: 30px;
}

.custom_gf_radio .ginput_container.ginput_container_radio label:before {
    margin-left: -30px!important;
}

button.gpfup__select-files.gform_button_select_files {
    background-color:var(--color-second);
}

/* ------------------------------------- end custom checkbox -----------------------------------*/


.gf_page_steps {
    background-color: white!important;
	border-radius:35px!important;
	justify-content: center;
	width: fit-content!important;
    margin: auto!important;
	padding:0.25rem!important;
	gap: 0.5rem!important;
    border:2px solid var(--color-first)!important;
    margin-bottom:2rem!important;
}

.gf_step_label {
	display:none!important;
}

.gf_step{
	gap: 0!important;
	border-radius:25px!important;
	/*padding-top: 0.25rem;
    padding-bottom: 0.25rem;*/
}


.gf_step_active {
	background:var(--color-first)!important;
	
}

.gf_step_number {
	border:none!important;

		width: 47px!important;
	height:47px!important;

        background-color: var(--color-first-50) !important;
    color: white !important;
}





.gf_step_active .gf_step_number {
    color:white!important;
    background-color:var(--color-first) !important;
}

.gf_step_active .gf_step_label {
	display:revert!important;
    color:white!important;
}

.gpmpn-page-link {
	gap: 0!important;
}

.gf_step_active .gf_step_number{color:white;}
.gf_step_active .gf_step_label{
	color:white;
	padding-right:1.5rem;
}
.gf_step_active.gf_step {
	gap:0!important;
}

.gf_step {

    
    display: flex;
    justify-content: center;

}

.gform-theme--framework .gf_step_completed .gf_step_number:after {
	background-color:var(--color-second)!important;	
	border:none!important;
	width: 47px!important;
	height:47px!important;
}

.gf_step_completed {
	padding-top:0!important;
	padding-bottom:0!important;
	width: 47px!important;
	height:47px!important;
}

.form-wizard .button.gform_last_page_button {
	display:none
}

.form-wizard .hide_next_button .gform_next_button/*, .form-wizard .hide_next_button .gform_page_footer*/{
	display:none!important;
}

@media (max-width: 980px) {  

.gf_step_number {
    border: none !important;
    width: 30px !important;
    height: 30px !important;
    background-color: var(--color-first-50) !important;
    color: white !important;
    font-size: 10px !important;
	}
.gf_step_active .gf_step_label {

    font-size: 12px !important;
}	
	
	.gf_step_completed {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    width: 30px !important;
    height: 30px !important;
}
	
	.gform-theme--framework .gf_step_completed .gf_step_number:after {
    width: 30px !important;
    height: 30px !important;
}
}

/*-------------------------- buttons-hover -------------------------*/

.gform-theme--foundation .gform_fields {
    row-gap:10px!important;
}

.form-wizard .buttons-big .gfield_radio .gchoice {
	border:2px solid var(--color-second);
	transition: all .25s!important;
}


.form-wizard .buttons-big .gfield_radio .gchoice:hover {
	background:white;
	color:var(--color-first);
	transition: all .25s!important;
}

/* RADIO BUTTONS IN FORM */

.form-wizard .gform_wrapper.gravity-theme .gf_step_label {
	padding-left:0;	
}

.form-wizard .hide-radio .gfield_radio label, .form-wizard .gfield_checkbox label {
	/*font-size:1.5rem!important;
	font-weight:600;*/
	font-size: clamp(16px, 1.25vw, 1.25vw)!important;
	display: flex;
    align-items: center;
}

.form-wizard .hide-radio input[type=radio] {
  	display: none!important;
}


.form-wizard .hide-radio .gfield_radio {
	display:flex;
	align-items: flex-start;
}

.form-wizard .hide-radio .gfield_radio .gchoice {
	/*height:36px;*/
	display: contents;
	margin-bottom:0px!important;
}

.form-wizard .hide-radio .gfield_radio .gchoice {
	margin-right:clamp(16px, 1vw, 1vw)!important;
}

.form-wizard .hide-radio .gfield_radio .gchoice:last-child{
	margin-right:0!important;
}

.form-wizard .hide-radio .gfield_radio .gchoice {
	cursor: pointer;
	display:flex;
	background: var(--color-second);
    color: white;
	padding-left: clamp(20px, 1.5vw, 1.5vw)!important;
    padding-right: clamp(20px, 1.5vw, 1.5vw)!important;
	border-radius: 100px;
	
	padding-bottom: 0!important;
	display: inline-table;
}

.form-wizard .hide-radio .gfield_radio label {
  	/*cursor: pointer;
	background: var(--first);
    color: white;
	padding-left: clamp(20px, 1.5vw, 1.5vw)!important;
    padding-right: clamp(20px, 1.5vw, 1.5vw)!important;
	border-radius: 100px;
	height: clamp(44px, 2.75vw, 2.75vw)!important;*/
	padding-bottom: 0!important;
    display: flex!important;
	color:white;
}

.form-wizard .hide-radio .gfield_radio .gchoice:hover label {
	color:var(--color-first);
}

@media only screen and (max-width: 679px) {
	.form-wizard .gfield_radio label {
		margin-left: 0;
	}
}

.form-wizard .hide-radio input[type=radio] + label:before {
	display:none!important;
}

.form-wizard .show-radio input[type=radio] + label {
	display:flex;	
}

.form-wizard .show-radio input[type=radio] + label:before {
    content: '';
    display: block!important;
    float: left;
    width: 16px!important;
    height: 16px!important;
    margin: 0.35vw 16px 0.125vw 0;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 50%;
    background-color: #fff;
    border: 5px solid #efefef;
}

/*.subscribeForm input[type=radio]:checked + label {
    position: relative;
	font-weight:700;
}
  
  .subscribeForm input[type=radio]:checked + label:after {
      content: "";
      position: absolute;
      top: -2px;
      left: 4px;
      width: 16px;
      height: 16px;
      border-radius: 50%;
      display: inline-block!important;
      cursor:pointer;
    }
*/
/*.form-wizard input[type=radio]:checked + label:before {
	background: radial-gradient(circle, rgba(0,112,60,1) 50%, rgba(255,255,255,1) 51%, rgba(255,255,255,1) 100%);
	background: var(--color-first);
    border-radius: 20px;
}*/



/* << ---------------<< END radio Field -------------------<<*/



/*-------------------------- buttons-big-------------------------*/

@media only screen and (max-width: 980px) {
	.form-wizard .buttons-big .gfield_radio {
		flex-direction: column;
	}
}

.form-wizard .buttons-big .gfield_radio .gchoice {
	/*background:red;*/
	width:100%;
	/*height:60px!important;*/
}

.form-wizard .buttons-big .gfield_radio .gchoice label{
	justify-content: center;
	text-align: center;
	width:100%;
	max-width:100%;
	font-size: 1rem!important;
	
	padding-top: 8px!important;
    padding-bottom: 8px!important;

	
}

.form-wizard .gfield_required {
	display:none!important;
}

.form-wizard input[type=submit] {
    /*margin-top: 2rem !important;*/
    border-radius: 25px!important;
}

.form-wizard .gform_previous_button, .form-wizard .gform_next_button {
border-radius: 25px!important;
    box-shadow: none!important;
	border:1px solid var(--color-first);
	}

.form-wizard .gform_next_button, .form-wizard .gform_button {
	background-color: var(--color-first)!important;
	color:white;
}

.form-wizard .gform_next_button:hover {
	background-color: var(--color-second)!important;
}


.form-contract input[type=text], .form-wizard select, .form-contract input[type=number] {
	background-color: #fff;
    border: 1px solid #bbb;
    padding: 2px;
    color: #4e4e4e;
    border: unset !important;
    border-radius: 50px !important;
    height: 50px !important;
    padding-left: 1.5rem !important;
	display: flex;
    align-items: center;
}

.form-wizard select {

}

.form-wizard .read-only input[type=text] {
	background-color:#eee!important;
box-shadow: none!important;
}

.form-contract .gfield_radio  {
	flex-direction: row!important;
}

.form-contract .flex-direction-column .gfield_radio  {
	flex-direction: column!important;
}

.hide-label .gfield_label {
	visibility: hidden;
}

::placeholder {
  opacity: .4; 
}

.gfield_description.validation_message.gfield_validation_message {
	color:var(--color-second);
}

.ginput_container_date input {
	width:100%!important;
}

.alert {    
	background-color: var(--grey);
    padding: 1rem 2rem 2rem!important;
    margin-bottom: 1rem;
    color: white;
	border-radius:5px;
}
.alert-green{background-color: var(--alertGreen);}
.alert-orange{background-color: var(--alertOrange);}
.alert-red{background-color: var(--alertRed);}

.alert h2 {
    font-size: 1.5rem !important;
    font-weight: 700 !important;
    padding-bottom: 0.5rem;
    text-transform: uppercase;
    font-style: italic;
    color: white !important;
}

.hide {
	display:none!important;
}



/*--------------------------------- END CUSTOM FORMS ------------------------------*/

/*START CUSTOM TOGGLE*/

.toggle {
	cursor: pointer;
	border:1px solid #fff;;
	transition: all 300ms ease 0ms !important;
}

.toggle:hover {
	border-color: var(--color-first);

}

.toggle:hover > .et_pb_module .et_pb_code_inner span, .toggle.open .et_pb_module .et_pb_code_inner span {
	background-color: var(--color-second)!important;
	border: 1px solid var(--color-second)!important;
	color:white!important;
	
}

.toggle .content {
	display: grid;
	grid-template-rows: 0fr;
	transition: all 900ms ease 0ms !important;
	opacity:0;	
}
.toggle .content .inner {
	overflow: hidden;
}

.toggle.open .content  {
	grid-template-rows: 1fr;
	opacity:1;	
}

.toggle .custom-button span:after{
	content: "3" !important;
	font-family: ETmodules !important;
	font-size:2rem;
	font-weight:400;
	
}

.toggle.open .custom-button span:after{
	
	transform: rotate(180deg);
	transition: all 300ms ease 0ms !important;
}

.et_pb_toggle h5{
	color:var(--color-third)!important;
    /*font-size: clamp(16px, 1.25rem, 20px);*/
    font-weight: 500;	
	/*font-family: "bio-sans", sans-serif;*/
	
	
    height: 100%;
    position: absolute!important;
    width: 100%;
	z-index:9;
}

.et_pb_toggle_open h5 {
	font-weight: 600;	
}

.et_pb_toggle p {
	color:var(--color-third);
}

.et_pb_toggle_open p {
	color:var(--color-first);
}

.et_pb_toggle {
    border: none;
    border-bottom: 1px solid var(--color-third) !important;
    transition: 0.4s;
	margin-bottom: clamp(8px, 1vw, 16px)!important;	
}

.et_pb_toggle_close .et_pb_toggle_content {
    padding-right: 70px;
		animation-duration: 0;
	    transition: 0s;
}

.et_pb_toggle_open .et_pb_toggle_content {
    padding-right: 50px;
	animation-duration: 0;
	transition: 0s;
}



.et_pb_toggle_open{
    border-bottom: 1px solid var(--color-third) !important;
    }

.et_pb_toggle_title:before {
    font-size: clamp(18px, 2.25vw, 36px)!important;
    content: "3" !important;
    -webkit-transition: 0.3s;
    transition: 0.3s;
	color:var(--color-third);
}

.et_pb_toggle_open .et_pb_toggle_title:before {
    color: #d09e56;
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.et_pb_toggle_close {

	 background-color: rgba(255,0,0,0)!important;

    padding: 20px 20px 20px 0;
}

.et_pb_toggle_open {

	 background-color: #f5f4ea!important;
}

.field_type-star_rating_field span {
    display: none !important;
}

.fa-star:before, .fa-star-o:before {

    color: var(--color-second);
}

.gform-theme--foundation .gsurvey-rating:not(:checked)>label::before {
display:none!important;	
}

/* ------------------------------ END CUSTOM TOGGLE ------------------------- */

/* ------------------------------ START MARGINS ------------------------------*/

/* ------------------------------ > START Manuel template margins --------------------------*/

/*padding-0*/
.p-0, #page-container .p-0 { padding: clamp(0rem, 0vw, 0rem) !important;}
.pt-0, #page-container .pt-0 { padding-top: clamp(0rem, 0vw, 0rem) !important;}
.pb-0, #page-container .pb-0 { padding-bottom: clamp(0rem, 0vw, 0rem) !important;}
.pr-0, #page-container .pr-0 { padding-right: clamp(0rem, 0vw, 0rem) !important;}
.pl-0, #page-container .pl-0 { padding-left: clamp(0rem, 0vw, 0rem) !important;}
.px-0, #page-container .px-0 { padding-left: clamp(0rem, 0vw, 0rem) !important; padding-right: clamp(0rem, 0vw, 0rem) !important;}
.py-0, #page-container .py-0 { padding-top: clamp(0rem, 0vw, 0rem) !important; padding-bottom: clamp(0rem, 0vw, 0rem) !important;}

/*margin-0*/
.m-0, #page-container .m-0, .m-0 .et_pb_blurb_content { margin: clamp(0rem, 0vw, 0rem) !important;}
.mt-0, #page-container .mt-0 { margin-top: clamp(0rem, 0vw, 0rem) !important;}
.mb-0, #page-container .mb-0 { margin-bottom: clamp(0rem, 0vw, 0rem) !important;}
.mr-0, #page-container .mr-0 { margin-right: clamp(0rem, 0vw, 0rem) !important;}
.ml-0, #page-container .ml-0 { margin-left: clamp(0rem, 0vw, 0rem) !important;}
.mx-0, #page-container .mx-0 { margin-left: clamp(0rem, 0vw, 0rem) !important; margin-right: clamp(0rem, 0vw, 0rem) !important;}
.my-0, #page-container .my-0 { margin-top: clamp(0rem, 0vw, 0rem) !important; margin-bottom: clamp(0rem, 0vw, 0rem) !important;}

:root {
	--05-min: 0.5rem;
	--05-var: 0.5vw;
	--05-max: 1rem;
}

/*padding-0.5*/
.p-0\.5, #page-container .pt-0\.5 { padding: clamp(var(--05-min), var(--05-var), var(--05-max)) !important;}
.pt-0\.5, #page-container .pt-0\.5 { padding-top: clamp(var(--05-min), var(--05-var), var(--05-max)) !important;}
.pb-0\.5, #page-container .pb-0\.5 { padding-bottom: clamp(var(--05-min), var(--05-var), var(--05-max)) !important;}
.pr-0\.5, #page-container .pr-0\.5 { padding-right: clamp(var(--05-min), var(--05-var), var(--05-max)) !important;}
.pl-0\.5, #page-container .pl-0\.5 { padding-left: clamp(var(--05-min), var(--05-var), var(--05-max)) !important;}
.px-0\.5, #page-container .px-0\.5 { padding-left: clamp(var(--05-min), var(--05-var), var(--05-max)) !important; 
								   padding-right: clamp(var(--05-min), var(--05-var), var(--05-max)) !important;}
.py-0\.5, #page-container .py-0\.5 { padding-top: clamp(var(--05-min), var(--05-var), var(--05-max)) !important; 
								   padding-bottom: clamp(var(--05-min), var(--05-var), var(--05-max)) !important;}

/*margin-0.5*/
.m-0\.5, #page-container .mt-0\.5 { margin: clamp(var(--05-min), var(--05-var), var(--05-max)) !important;}
.mt-0\.5, #page-container .mt-0\.5 { margin-top: clamp(var(--05-min), var(--05-var), var(--05-max)) !important;}
.mb-0\.5, #page-container .mb-0\.5 { margin-bottom: clamp(var(--05-min), var(--05-var), var(--05-max)) !important;}
.mr-0\.5, #page-container .mr-0\.5 { margin-right: clamp(var(--05-min), var(--05-var), var(--05-max)) !important;}
.ml-0\.5, #page-container .ml-0\.5 { margin-left: clamp(var(--05-min), var(--05-var), var(--05-max)) !important;}
.mx-0\.5, #page-container .mx-0\.5 { margin-left: clamp(var(--05-min), var(--05-var), var(--05-max)) !important; 
								   margin-right: clamp(var(--05-min), var(--05-var), var(--05-max)) !important;}
.my-0\.5, #page-container .my-0\.5 { margin-top: clamp(var(--05-min), var(--05-var), var(--05-max)) !important; 
								   margin-bottom: clamp(var(--05-min), var(--05-var), var(--05-max)) !important;}

:root {
	--1-min: 1rem;
	--1-var: 1vw;
	--1-max: 2rem;
}
/*padding-01*/
.p-1, #page-container .p-1 { padding: clamp(var(--1-min), var(--1-var), var(--1-max)) !important;}
.pt-1, #page-container .pt-1 { padding-top: clamp(var(--1-min), var(--1-var), var(--1-max)) !important;}
.pb-1, #page-container .pb-1 { padding-bottom: clamp(var(--1-min), var(--1-var), var(--1-max)) !important;}
.pr-1, #page-container .pr-1 { padding-right: clamp(var(--1-min), var(--1-var), var(--1-max)) !important;}
.pl-1, #page-container .pl-1 { padding-left: clamp(var(--1-min), var(--1-var), var(--1-max)) !important;}
.px-1, #page-container .px-1 { padding-left: clamp(var(--1-min), var(--1-var), var(--1-max)) !important; 
							   padding-right: clamp(var(--1-min), var(--1-var), var(--1-max)) !important;}
.py-1, #page-container .py-1 { padding-top: clamp(var(--1-min), var(--1-var), var(--1-max)) !important; 
							   padding-bottom: clamp(var(--1-min), var(--1-var), var(--1-max)) !important;}

/*margin-1*/
.m-1, #page-container .m-1 { margin: clamp(var(--1-min), var(--1-var), var(--1-max)) !important;}
.mt-1, #page-container .mt-1 { margin-top: clamp(var(--1-min), var(--1-var), var(--1-max)) !important;}
.mb-1, #page-container .mb-1 { margin-bottom: clamp(var(--1-min), var(--1-var), var(--1-max)) !important;}
.mr-1, #page-container .mr-1 { margin-right: clamp(var(--1-min), var(--1-var), var(--1-max)) !important;}
.ml-1, #page-container .ml-1 { margin-left: clamp(var(--1-min), var(--1-var), var(--1-max)) !important;}
.mx-1, #page-container .mx-1 { margin-left: clamp(var(--1-min), var(--1-var), var(--1-max)) !important; 
							   margin-right: clamp(var(--1-min), var(--1-var), var(--1-max)) !important;}
.my-1, #page-container .my-1 { margin-top: clamp(var(--1-min), var(--1-var), var(--1-max)) !important; 
							   margin-bottom: clamp(var(--1-min), var(--1-var), var(--1-max)) !important;}

:root {
	--15-min: 1rem;
	--15-var: 1.5vw;
	--15-max: 28.8px;
}

/*padding-1.5*/
.p-1\.5, #page-container .p-1\.5 { padding: clamp(var(--15-min), var(--15-var), var(--15-max)) !important;}
.pt-1\.5, #page-container .pt-1\.5 { padding-top: clamp(var(--15-min), var(--15-var), var(--15-max)) !important;}
.pb-1\.5, #page-container .pb-1\.5 { padding-bottom: clamp(var(--15-min), var(--15-var), var(--15-max)) !important;}
.pr-1\.5, #page-container .pr-1\.5 { padding-right: clamp(var(--15-min), var(--15-var), var(--15-max)) !important;}
.pl-1\.5, #page-container .pl-1\.5 { padding-left: clamp(var(--15-min), var(--15-var), var(--15-max)) !important;}
.px-1\.5, #page-container .px-1\.5 { padding-left: clamp(var(--15-min), var(--15-var), var(--15-max)) !important; 
							   padding-right: clamp(var(--15-min), var(--15-var), var(--15-max)) !important;}
.py-1\.5, #page-container .py-1\.5 { padding-top: clamp(var(--15-min), var(--15-var), var(--15-max)) !important; 
							   padding-bottom: clamp(var(--15-min), var(--15-var), var(--15-max)) !important;}

/*margin-1.5*/
.m-1\.5, #page-container .m-1\.5 { margin: clamp(var(--15-min), var(--15-var), var(--15-max)) !important;}
.mt-1\.5, #page-container .mt-1\.5 { margin-top: clamp(var(--15-min), var(--15-var), var(--15-max)) !important;}
.mb-1\.5, #page-container .mb-1\.5 { margin-bottom: clamp(var(--15-min), var(--15-var), var(--15-max)) !important;}
.mr-1\.5, #page-container .mr-1\.5 { margin-right: clamp(var(--15-min), var(--15-var), var(--15-max)) !important;}
.ml-1\.5, #page-container .ml-1\.5 { margin-left: clamp(var(--15-min), var(--15-var), var(--15-max)) !important;}
.mx-1\.5, #page-container .mx-1\.5 { margin-left: clamp(var(--15-min), var(--15-var), var(--15-max)) !important; 
							   margin-right: clamp(var(--15-min), var(--15-var), var(--15-max)) !important;}
.my-1, #page-container .my-1\.5 { margin-top: clamp(var(--15-min), var(--15-var), var(--15-max)) !important; 
							   margin-bottom: clamp(var(--15-min), var(--15-var), var(--15-max)) !important;}


:root {
	--2-min: 1.5rem;
	--2-var: 2vw;
	--2-max: 2rem;
}
/*padding-2*/
.p-2, #page-container .p-2 { padding: clamp(var(--2-min), var(--2-var), var(--2-max)) !important;}
.pt-2, #page-container .pt-2 { padding-top: clamp(var(--2-min), var(--2-var), var(--2-max)) !important;}
.pb-2, #page-container .pb-2 { padding-bottom: clamp(var(--2-min), var(--2-var), var(--2-max)) !important;}
.pr-2, #page-container .pr-2 { padding-right: clamp(var(--2-min), var(--2-var), var(--2-max)) !important;}
.pl-2, #page-container .pl-2 { padding-left: clamp(var(--2-min), var(--2-var), var(--2-max)) !important;}
.px-2, #page-container .px-2 { padding-left: clamp(var(--2-min), var(--2-var), var(--2-max)) !important; 
							   padding-right: clamp(var(--2-min), var(--2-var), var(--2-max)) !important;}
.py-2, #page-container .py-2 { padding-top: clamp(var(--2-min), var(--2-var), var(--2-max)) !important; 
							   padding-bottom: clamp(var(--2-min), var(--2-var), var(--2-max)) !important;}

/*margin-2*/
.m-2, #page-container .m-2 { margin: clamp(var(--2-min), var(--2-var), var(--2-max)) !important;}
.mt-2, #page-container .mt-2 { margin-top: clamp(var(--2-min), var(--2-var), var(--2-max)) !important;}
.mb-2, #page-container .mb-2 { margin-bottom: clamp(var(--2-min), var(--2-var), var(--2-max)) !important;}
.mr-2, #page-container .mr-2 { margin-right: clamp(var(--2-min), var(--2-var), var(--2-max)) !important;}
.ml-2, #page-container .ml-2 { margin-left: clamp(var(--2-min), var(--2-var), var(--2-max)) !important;}
.mx-2, #page-container .mx-2 { margin-left: clamp(var(--2-min), var(--2-var), var(--2-max)) !important; 
							   margin-right: clamp(var(--2-min), var(--2-var), var(--2-max)) !important;}
.my-2, #page-container .my-2 { margin-top: clamp(var(--2-min), var(--2-var), var(--2-max)) !important; 
							   margin-bottom: clamp(var(--2-min), var(--2-var), var(--2-max)) !important;}

@media only screen and (max-width: 980px) {
	.m-2-screensize-m, #page-container .m-2-screensize-m { margin: clamp(var(--3-min), var(--3-var), var(--3-max)) !important;}
}

:root {
	--3-min: 1.5rem;
	--3-var: 3vw;
	--3-max: 6rem;
}
/*padding-3*/
.p-3, #page-container .p-3 { padding: clamp(var(--3-min), var(--3-var), var(--3-max)) !important;}
.pt-3, #page-container .pt-3 { padding-top: clamp(var(--3-min), var(--3-var), var(--3-max)) !important;}
.pb-3, #page-container .pb-3 { padding-bottom: clamp(var(--3-min), var(--3-var), var(--3-max)) !important;}
.pr-3, #page-container .pr-3 { padding-right: clamp(var(--3-min), var(--3-var), var(--3-max)) !important;}
.pl-3, #page-container .pl-3 { padding-left: clamp(var(--3-min), var(--3-var), var(--3-max)) !important;}
.px-3, #page-container .px-3 { padding-left: clamp(var(--3-min), var(--3-var), var(--3-max)) !important; 
							   padding-right: clamp(var(--3-min), var(--3-var), var(--3-max)) !important;}
.py-3, #page-container .py-3 { padding-top: clamp(var(--3-min), var(--3-var), var(--3-max)) !important; 
							   padding-bottom: clamp(var(--3-min), var(--3-var), var(--3-max)) !important;}

/*margin-3*/
.m-3, #page-container .m-3 { margin: clamp(var(--3-min), var(--3-var), var(--3-max)) !important;}
.mt-3, #page-container .mt-3 { margin-top: clamp(var(--3-min), var(--3-var), var(--3-max)) !important;}
.mb-3, #page-container .mb-3 { margin-bottom: clamp(var(--3-min), var(--3-var), var(--3-max)) !important;}
.mr-3, #page-container .mr-3 { margin-right: clamp(var(--3-min), var(--3-var), var(--3-max)) !important;}
.ml-3, #page-container .ml-3 { margin-left: clamp(var(--3-min), var(--3-var), var(--3-max)) !important;}
.mx-3, #page-container .mx-3 { margin-left: clamp(var(--3-min), var(--3-var), var(--3-max)) !important; 
							   margin-right: clamp(var(--3-min), var(--3-var), var(--3-max)) !important;}
.my-3, #page-container .my-3 { margin-top: clamp(var(--3-min), var(--3-var), var(--3-max)) !important; 
							   margin-bottom: clamp(var(--3-min), var(--3-var), var(--3-max)) !important;}
@media only screen and (max-width: 980px) {
	.mb-3-screensize-m, #page-container .mb-3-screensize-m { margin-bottom: clamp(var(--3-min), var(--3-var), var(--3-max)) !important;}
}


.pt-4 {
    padding-top: clamp(2.5rem, 4vw, 4vw) !important;
}

.pb-4 {
    padding-bottom: clamp(2.5rem, 4vw, 4vw) !important;
}

.px-4 {
    padding-left: clamp(2.5rem, 4vw, 4vw) !important;
    padding-right: clamp(2.5rem, 4vw, 4vw) !important;
}

.py-4 {
    padding-top: clamp(2.5rem, 4vw, 4vw) !important;
    padding-bottom: clamp(2.5rem, 4vw, 4vw) !important;
}

.p-4 {
    padding-top: clamp(2.5rem, 4vw, 4vw) !important;
}

.mt-4 {
    margin-top: clamp(2.5rem, 4vw, 4vw) !important;
}

.mb-4 {
    margin-bottom: clamp(2.5rem, 4vw, 4vw) !important;
}

.mx-4 {
    margin-left: clamp(2.5rem, 4vw, 4vw) !important;
    margin-right: clamp(2.5rem, 4vw, 4vw) !important;
}

.my-4 {

    margin-top: clamp(2.5rem, 4vw, 4vw) !important;
    margin-bottom: clamp(2.5rem, 4vw, 4vw) !important;
}

.m-4 {
    margin-top: clamp(2.5rem, 4vw, 4vw) !important;
}

.pt-5 {
    padding-top: clamp(3rem, 5vw, 5vw) !important;
}

.pb-5 {
    padding-bottom: clamp(3rem, 5vw, 5vw) !important;
}

.px-5 {
    padding-left: clamp(5rem, 5vw, 80px) !important;
    padding-right: clamp(5rem, 5vw, 80px) !important;
	
}

.py-5 {
    padding-top: clamp(3rem, 5vw, 5vw) !important;
    padding-bottom: clamp(3rem, 5vw, 5vw) !important;
}

.p-5 {
    padding-top: clamp(3rem, 5vw, 80px) !important;
}

.pr-5 {
    padding-right: clamp(3rem, 5vw, 80px) !important;
}

.pl-5 {
    padding-left: clamp(3rem, 5vw, 80px) !important;
}

@media only screen and (min-width: 981px) {

    .pl-5-screen {
        padding-left: 5vw !important;
    }

    .pr-5-screen {
        padding-right: 5vw !important;
    }

}

.mt-5 {
    margin-top: clamp(3rem, 5vw, 5vw) !important;
}

.mb-5 {
    margin-bottom: clamp(3rem, 5vw, 5vw) !important;
}

.mx-5 {
    margin-left: clamp(3rem, 5vw, 5vw) !important;
    margin-right: clamp(3rem, 5vw, 5vw) !important;
}

.my-5 {
    margin-top: clamp(3rem, 5vw, 5vw) !important;
    margin-bottom: clamp(3rem, 5vw, 5vw) !important;
}

.m-5 {
    margin-top: clamp(3rem, 5vw, 5vw) !important;
}



.pt-6 {
    padding-top: clamp(3.5rem, 6vw, 6vw) !important;
}

.pb-6 {
    padding-bottom: clamp(3.5rem, 6vw, 6vw) !important;
}

.px-6 {
    padding-left: clamp(3.5rem, 6vw, 6vw) !important;
    padding-right: clamp(3.5rem, 6vw, 6vw) !important;
}

.py-6 {
    padding-top: clamp(3.5rem, 6vw, 6rem) !important;
    padding-bottom: clamp(3.5rem, 6vw, 6rem) !important;
}

@media (min-width: 981px) {  
.py-6-screen {
    padding-top: clamp(3.5rem, 6vw, 6rem) !important;
    padding-bottom: clamp(3.5rem, 6vw, 6rem) !important;
}
}

.p-6 {
    padding-top: clamp(3.5rem, 6vw, 6vw) !important;
}

.m-6 {
    margin-top: clamp(3.5rem, 6vw, 6vw) !important;
}

.mb-6 {
    margin-bottom: clamp(3.5rem, 6vw, 6vw) !important;
}

.mx-6 {
    margin-left: clamp(3.5rem, 6vw, 6vw) !important;
    margin-right: clamp(3.5rem, 6vw, 6vw) !important;
}

.my-6 {
    margin-top: clamp(3.5rem, 6vw, 6vw) !important;
    margin-bottom: clamp(3.5rem, 6vw, 6vw) !important;
}

.m-6 {
    margin-top: clamp(3.5rem, 6vw, 6vw) !important;
}

.pt-7 {
    padding-top: clamp(4rem, 7vw, 7vw) !important;
}

.pb-7 {
    padding-bottom: clamp(4rem, 7vw, 7vw) !important;
}

.px-7 {
    padding-left: clamp(4rem, 7vw, 7vw) !important;
    padding-right: clamp(4rem, 7vw, 7vw) !important;
}

.py-7 {
    padding-top: clamp(4rem, 7vw, 7vw) !important;
    padding-bottom: clamp(4rem, 7vw, 7vw) !important;
}

.p-7 {
    padding-top: clamp(4rem, 7vw, 7vw) !important;
}

.mt-7 {
    margin-top: clamp(4rem, 7vw, 7vw) !important;
}

.mb-7 {
    margin-bottom: clamp(4rem, 7vw, 7vw) !important;
}

.mx-7 {
    margin-left: clamp(4rem, 7vw, 7vw) !important;
    margin-right: clamp(4rem, 7vw, 7vw) !important;
}

.my-7 {
    margin-top: clamp(4rem, 7vw, 7vw) !important;
    margin-bottom: clamp(4rem, 7vw, 7vw) !important;
}

.m-7 {
    margin-top: clamp(4rem, 7vw, 7vw) !important;
}

.px-7_5 {
	padding-left:7.5vw!important;
	padding-right:7.5vw!important;
}

.pt-8 {
    padding-top: clamp(4.5rem, 8vw, 8vw) !important;
}

.pb-8 {
    padding-bottom: clamp(4.5rem, 8vw, 8vw) !important;
}

.px-8 {
    padding-left: clamp(4.5rem, 8vw, 8vw) !important;
    padding-right: clamp(4.5rem, 8vw, 8vw) !important;
}

.py-8 {
    padding-top: clamp(4.5rem, 8vw, 8vw) !important;
    padding-bottom: clamp(4.5rem, 8vw, 8vw) !important;
}

.p-8 {
    padding-top: clamp(4.5rem, 8vw, 8vw) !important;
}

.mt-8 {
    margin-top: clamp(4.5rem, 8vw, 8vw) !important;
}

.mb-8 {
    margin-bottom: clamp(4.5rem, 8vw, 8vw) !important;
}

.mx-8 {
    margin-left: clamp(4.5rem, 8vw, 8vw) !important;
    margin-right: clamp(4.5rem, 8vw, 8vw) !important;
}

.my-8 {
    margin-top: clamp(4.5rem, 8vw, 8vw) !important;
    margin-bottom: clamp(4.5rem, 8vw, 8vw) !important;
}

.m-8 {
    margin-top: clamp(4.5rem, 8vw, 8vw) !important;
}



.pt-9 {
    padding-top: clamp(5rem, 9vw, 9vw) !important;
}

.pb-9 {
    padding-bottom: clamp(5rem, 9vw, 9vw) !important;
}

.px-9 {
    padding-left: clamp(5rem, 9vw, 9vw) !important;
    padding-right: clamp(5rem, 9vw, 9vw) !important;
}

.py-9 {
    padding-top: clamp(5rem, 9vw, 9vw) !important;
    padding-bottom: clamp(5rem, 9vw, 9vw) !important;
}

.p-9 {
    padding-top: clamp(5rem, 9vw, 9vw) !important;
}

.mt-9 {
    margin-top: clamp(5rem, 9vw, 9vw) !important;
}

.mb-9 {
    margin-bottom: clamp(5rem, 9vw, 9vw) !important;
}

.mx-9 {
    margin-left: clamp(5rem, 9vw, 9vw) !important;
    margin-right: clamp(5rem, 9vw, 9vw) !important;
}

.my-9 {
    margin-top: clamp(5rem, 9vw, 9vw) !important;
    margin-bottom: clamp(5rem, 9vw, 9vw) !important;
}

.m-9 {
    margin-top: clamp(5rem, 9vw, 9vw) !important;
}

:root {
	--10-min: 5.5rem;
	--10-var: 10vw;
	--10-max: 160px;
}

.pt-10 {
    padding-top: clamp(5.5rem, 10vw, 10vw) !important;
}

.pb-10 {
    padding-bottom: clamp(5.5rem, 10vw, 10vw) !important;
}

.px-10 {
    padding-left: clamp(5%, 10vw, 160px) !important;
    padding-right: clamp(5%, 10vw, 160px) !important;
}

.py-10 {
    padding-top: clamp(5%, 10vw, 10vw) !important;
    padding-bottom: clamp(5%, 10vw, 10vw) !important;
}



.pl-10 { padding-left: clamp(var(--10-min), var(--10-var), var(--10-max)) !important;}
.pr-10 { padding-right: clamp(var(--10-min), var(--10-var), var(--10-max)) !important;}

@media only screen and (min-width: 981px) {
    .pl-10-screensize-l { padding-left: clamp(var(--10-min), var(--10-var), var(--10-max)) !important;}
    .pr-10-screensize-l { padding-right: clamp(var(--10-min), var(--10-var), var(--10-max)) !important;}
}

.mr-10 {
    margin-right: clamp(5.5rem, 10vw, 10vw) !important;
}

@media only screen and (min-width: 981px) {
	.pl-10-screensize-l {padding-left: clamp(5.5rem, 10vw, 10vw) !important;}
}


.p-10 {
    padding-top: clamp(5.5rem, 10vw, 10vw) !important;
}

.mt-10 {
    margin-top: clamp(5.5rem, 10vw, 10vw) !important;
}

.mb-10 {
    margin-bottom: clamp(5.5rem, 10vw, 10vw) !important;
}

.mx-10 {
    margin-left: clamp(5.5rem, 10vw, 10vw) !important;
    margin-right: clamp(5.5rem, 10vw, 10vw) !important;
}

.my-10 {
    margin-top: clamp(5.5rem, 10vw, 10vw) !important;
    margin-bottom: clamp(5.5rem, 10vw, 10vw) !important;
}

.m-10 {
    margin-top: clamp(5.5rem, 10vw, 10vw) !important;
}

.py-11 {
    padding-top: clamp(6rem, 11vw, 11vw) !important;
    padding-bottom: clamp(6rem, 11vw, 11vw) !important;
}

.py-12 {
    padding-top: clamp(6.5rem, 11vw, 11vw) !important;
    padding-bottom: clamp(6.5rem, 11vw, 11vw) !important;
}

.py-18 {
    padding-top: clamp(9.5rem, 15vw, 15vw) !important;
    padding-bottom: clamp(9.5rem, 15vw, 15vw) !important;
}

.py-20 {
    padding-top: clamp(14.5rem, 21vw, 21vw) !important;
    padding-bottom: clamp(14.5rem, 22vw, 22vw) !important;

}


.row-p3 {

    padding-left: 3vw !important;
    padding-right: 3vw !important;

}

@media only screen and (min-width: 1620px) {
	.px-l-0 {
		padding-left: 0!important;
    	padding-right: 0!important;
	}
}

@media only screen and (min-width: 981px) {
	.px-m-0 {
		padding-left: 0!important;
    	padding-right: 0!important;
	}
	
	.pr-m-5 {
		padding-right: clamp(3rem, 5vw, 80px) !important;
	}
	
	.pl-m-5 {
		padding-left: clamp(3rem, 5vw, 80px) !important;
	}
	.px-m-3 {
		padding-left: clamp(2rem, 3vw, 3vw) !important;
		padding-right: clamp(2rem, 3vw, 3vw) !important;
	}
}

@media only screen and (max-width: 980px) {
	.px-s-0 {
		padding-left: 0!important;
    	padding-right: 0!important;
	}
	
	.py-s-1 {
		padding-top: clamp(1rem, 1vw, 16px) !important;
		padding-bottom: clamp(1rem, 1vw, 16px) !important;
	}
	
	
}

@media only screen and (max-width: 768px) {
	.p-xs-1 {
		padding: 1rem!important;
	}
	
	.px-xs-05 {
		padding-left: clamp(8px, 0.5vw, 0.5rem) !important;
    	padding-right: clamp(8px, 0.5vw, 0.5rem) !important;
	}
	
	
	
}

.height-100 {
	height:100%;
}

/* ------ START FLEXBOX STYLES :-)------- */

.flex {
    display: flex;
}



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

.align-items-center {
    align-items: center !important;
}

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

.align-items-flex-start {
    align-items: flex-start!important;
}

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

.align-content-flex-start {
    align-content: flex-start!important;
}

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

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

.justify-content-flex-start {
    justify-content: flex-start;
}

.justify-content-flex-end {
    justify-content: flex-end !important;
}

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

.flex-direction-row {
    flex-direction: row!important;
}

.flex-grow-1{
	flex-grow: 1;
}



.flex-wrap-wrap {
    flex-wrap: wrap;
}

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

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

@media only screen and (max-width: 980px) {
	.flex-direction-column-mobile {
    	flex-direction: column!important;
	}
	
	.flex-direction-column-reverse-mobile {
    	flex-direction: column-reverse!important;
	}
	
	.flex-direction-column-reverse-mobile .et_pb_column:last-child {
    	margin-bottom:1.5rem!important;
	}
	
	
	.align-items-flex-start-mobile {
		align-items: flex-start!important;	
	}
}

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

@media only screen and (min-width: 981px) {
	.flex-screensize-l {
    display: flex;
	}
}

@media only screen and (min-width: 769px) {
	.flex-s {
    display: flex;
	}
}

#et-main-area .no-gap {
		gap:0!important;
	}

#et-main-area .gap-size-0\.5 {
	gap:0.5rem!important;
}

.gap-size-1 {
	gap:1rem!important;
}

.gap-size-1\.5 {
	gap:1.5rem!important;
}

.gap-size-2 {
	gap:26px;
}

.gap-size-3 {
	gap:90px!important;
}

.column-gap-1 {
    column-gap:1rem;
}

.column-gap-2 {
    column-gap:2rem;
}

.column-gap-3 {
    column-gap:3rem;
}

@media only screen and (max-width: 980px) {
	#et-main-area .no-gap-mobile {
		gap:0!important;
	}
}

/* ------ END FLEXBOX STYLES :-)------- */


/* belangrijke getallen

1800
2560
1440

*/


.header-home .et_pb_row {
	border-radius: 0 19.44dvw 19.44vw 0;
	height: clamp(5px, 38.88dvw, 700px)!important;
}

.header .et_pb_row {
	border-radius: 0 14dvw 14dvw 0;
	height: clamp(5px, 28dvw, 700px)!important;
}


/* 2 equal columns */
.custom-structure.et_pb_section {
	width:100dvw;
}

.custom-structure .et_pb_row { 
	width:80dvw;
	max-width:1440px;
}
@media only screen and (min-width: 981px) {
.custom-structure .et_pb_column,
.testimonial article .dp-dfg-custom-content {
	width:37.5dvw;
	max-width:675px;
	
}
}


.custom-structure .et_pb_column:first-child,
.testimonial article figure {
	margin-right:clamp(5px, 5dvw, 90px);
}

.custom-structure .et_pb_module {
}

/* 2 equal columns bleed left */

.bleed-left.custom-structure .et_pb_row { 
	width:95dvw;
	max-width:1710px;
	margin-left:0;
}

.bleed-left.custom-structure .et_pb_column:first-child {
	margin-left:10dvw;
}

/* 2 equal columns bleed right */

.bleed-right.custom-structure .et_pb_row { 
	width:90dvw;
	max-width:1710px;
	margin-right:0;
}

@media only screen and (max-width: 768px) {
.bleed-right.custom-structure .et_pb_row { 	
	width:95dvw;
	margin-left:5dvw;
	}
	
	.bleed-right-slider .et_pb_row .et_pb_column:first-child{
		width:90%!important;
	}
	}
}

.bleed-right.custom-structure .et_pb_column:last-child {
	margin-right:10dvw;
}

/* 1 row-s with bleed right */
.bleed-right.custom-structure.bleed-right-small-row .et_pb_row .et_pb_column
{
	width: clamp(785px, 50dvw, 900px) !important;
	max-width:100%!important;
	
}

@media only screen and (min-width: 981px) and (max-width: 1570px) {
	.bleed-right.custom-structure.bleed-right-small-row .et_pb_row {
		display: flex;
		justify-content: flex-end;
		padding-right: calc((100dvw - 785px) / 2);
	}
}

@media only screen and (min-width: 1571px) and (max-width: 1800px) {
	.bleed-right.custom-structure.bleed-right-small-row .et_pb_row {
		padding-left: 15dvw;
	}
}

@media only screen and (min-width: 1801px) and (max-width: 2560px) {
	.bleed-right.custom-structure.bleed-right-small-row .et_pb_row {
		display: flex;
		justify-content: flex-end;
		padding-right: calc((100dvw - 900px) / 2);
	}
}

.rounded .et_pb_image_wrap {
	max-width:380px;
}

.rounded img{
	border-radius: 225px;
	
}



.rounded-left {
	border-radius: 225px 0 0 225px;
    height: 450px;
}

@media only screen and (min-width: 1px) and (max-width: 1200px) {
	.rounded-left {
        border-radius: 50px 0 0 50px;
        height: 500px !important;
		width:95dvw!important;
		padding-left:5vw;
		padding-right:5vw;
    }
}

@media only screen and (min-width: 1801px) {
	.rounded-left {
        border-radius: 200px 0 0 200px;
        height: 400px !important;
    }
}

@media only screen and (max-width: 560px) {
	.rounded-left {
        
        height: 640px !important;
		padding-left:10vw;
		padding-right:10vw;
    }
}

/* end 1 row-s with bleed richt */

@media only screen and (min-width: 1801px) {
	/* 2 equal columns bleed left */


	.bleed-left.custom-structure .et_pb_row,
	.testimonial article { 
		width:calc(100dvw - ((100dvw - 1440px) / 2) + 5dvw);
		max-width:100%;
	}

	.bleed-left.custom-structure .et_pb_column:first-child {
		margin-left:calc((100dvw - 1440px) / 2);
	}
	
		.bleed-left.custom-structure .et_pb_column:last-child {
		/*margin-right: 128px !important;*/
	}

	/* 2 equal columns bleed right */

	.bleed-right.custom-structure .et_pb_row { 
		width:calc(100dvw - ((100dvw - 1440px) / 2));

		
		 
		max-width:100%;
	}
	
	
	.bleed-right.custom-structure.bleed-right-slider-1\/3-2\/3 .et_pb_row { 
	width: calc(100dvw -((100dvw - 1440px) / 2));
        width: calc(100dvw -((100dvw - 1440px) / 2) + 0dvw);
        max-width: 100%;
        display: flex;
        justify-content: flex-end;
	}

	.bleed-right.custom-structure .et_pb_column:last-child {
		margin-right:calc((100dvw - 1440px) / 2);
	}
	
	.header-home .et_pb_row {
	border-radius: 0 350px 350px 0;
	height:700px!important;
}
	
	.header .et_pb_row {
	border-radius: 0 250px 250px 0;
	height:500px!important;
}
	
}

@media only screen and (min-width: 2561px) {
	.bleed-left.custom-structure .et_pb_row,
	.testimonial article { 
		max-width:2128px;
		margin-left:calc((100dvw - 2560px) / 2 );
		display: flex;
        justify-content: flex-end;
		padding-right: 128px !important;
}
	
	.bleed-left.custom-structure .et_pb_column:first-child {
	margin-left:0;
}
	
		.bleed-right.custom-structure .et_pb_row { 
		max-width:2000px;
			max-width:2128px;
			
		margin-right:calc((100dvw - 2560px) / 2 );
		display: flex;
        justify-content: flex-start;
			padding-left: 128px !important;
			padding-left: 272px !important;
			padding-left: 400px !important;
}
	
	.bleed-right.custom-structure .et_pb_column:first-child {
	
}
	
}



/* slider 1/2 1/2 beed right */
@media only screen and (min-width: 981px) {
.custom-structure.bleed-right-slider .et_pb_row .et_pb_column:last-child{ 
	width:47.5dvw;
	max-width:100%;
}

.custom-structure.bleed-right-slider-1\/3-2\/3 .et_pb_row .et_pb_column:first-child{ 
	width:27.5dvw;
	max-width:495px;
}

.custom-structure.bleed-right-slider-1\/3-2\/3 .et_pb_row .et_pb_column:last-child{ 
	width:57.5dvw;
	max-width:1420px;
}
}

@media only screen and (min-width: 1801px) {
.custom-structure.bleed-right-slider-1\/3-2\/3 .et_pb_row .et_pb_column:last-child{ 
	width: calc(100% - 585px);
	max-width:1420px;
}
}


.custom-structure.half-image-left .et_pb_row .et_pb_column:first-child,
.testimonial article figure {
	margin-left: 0!important;
    width: 47.5dvw!important;
    max-width: 100%;
	height: clamp(5px, 30dvw, 540px)!important;
	border-radius: 0 15dvw 15dvw 0;
}

@media only screen and (max-width: 980px) {
	.custom-structure.half-image-left .et_pb_row .et_pb_column:first-child,
.testimonial article figure {
		width:90dvw!important;
	background-position: right top;
	}
}



.cta {
	height: clamp(300px, 30dvw, 540px)!important;
	border-radius: 15dvw;
}

.cta-size-s {
	height: clamp(300px, 20dvw, 300px)!important;
	border-radius: 10dvw;
}

@media only screen and (max-width: 980px) {
	.cta, .cta-size-s {

	border-radius: 5dvw;
	}
	
	.cta .et_pb_code_inner .flex, .cta-size-s .et_pb_code_inner .flex {
		    flex-direction: column;
    	align-items: center;
	}
}



.custom-bg {
background-image: linear-gradient(180deg, #ffffff 50%, #00a55c 50%) !important;
}




.testimonial article {
	display:flex;
	align-items: center;
}

.testimonial article figure {
	overflow: hidden;
}

.testimonial article figure img {
	width:100%;
	float:right;
}

.testimonial .dp-dfg-cf-quote {
	padding-bottom:0;
	color:var(--color-first);
}

.testimonial .dp-dfg-cf-naam, .dp-dfg-cf-bedrijfsnaam {
	padding-bottom:0;
	color:var(--color-second);
	width:fit-content;
	float:left;
}

.testimonial .dp-dfg-cf-naam:after {
	content:',';
	margin-right:10px;
}

.testimonial-overview article {
	padding: 0!important;
	border:none!important;
	
}

.team article, .testimonial-overview article  {
	border-radius: var(--border-radius-s);
	border:none!important;
}

.testimonial-overview article .dp-dfg-header {
    justify-content: flex-start!important;
    align-items: flex-end!important;
	padding-left: 2rem;
    padding-bottom: 1rem !important;
}

.testimonial-overview article h2{
	color:white;
}

.testimonial-overview .dp-dfg-layout-grid .dp-dfg-image {
    margin: 0!important;
}

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

.testimonial article {
	flex-direction:column!important;
	align-items: flex-start!important;
	flex-wrap:wrap;
	}


.testimonial article figure{
	width: 90dvw !important;
	margin-bottom:2rem;
	}
	
	.testimonial article .dp-dfg-custom-content {
		width:90dvw;
		margin:auto;
	}
}

.team .dp-dfg-primary {
	padding:0!important;
}

.team .dp-dfg-skin-default.dp-dfg-skin-slide-card .dp-dfg-secondary{
	opacity:0;

}

.team .dp-dfg-skin-default.dp-dfg-skin-slide-card .dp-dfg-item:hover .dp-dfg-secondary {
	opacity:1;
}

.team .dp-dfg-header {
    position: absolute;
    top: 0;

    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;

}

.team .dp-dfg-custom-field {
	padding-bottom:0;
	line-height:100%;
	
}

.team .dp-dfg-custom-content {

    background: var(--color-second);;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    padding-left: 2rem!important;
}

.team .dp-dfg-secondary {
	padding:0!important;
}

.team .dp-dfg-cf-functie, .team .dp-dfg-cf-telefoonnummer {
	padding-bottom:1rem;
}

.team .dp-dfg-custom-field, .team .dp-dfg-custom-field a, .team .dp-dfg-custom-field span {
	color:white!important;
	font-size:1rem!important;
	transition: all 0.5s ease;
	font-weight:500;
}

.team .dp-dfg-cf-naam span {
	font-weight:700;
}

.team .dp-dfg-custom-field a:hover {
	color:var(--color-first)!important;
}

.diensten-image img{
	width:100%!important;
	
}

.vacature-overview {
	margin-left:-1rem;
	margin-right:-1rem;
}

.vacature-overview span, .label .et_pb_text_inner {
    padding: 0.5rem 1rem;
    background-color: var(--color-second);
    border-radius: 30px;
    line-height: 12px;
    display: flex;
    font-size: clamp(8px, 2.2vw, 11px);
    color: white;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
	width:fit-content;
}

.label-color-first .et_pb_text_inner {
	background-color: var(--color-first);
}

.vacature-overview .dp-dfg-cf-aantal_uur span:before, .labelclock .et_pb_text_inner:before {
	content:'';
	 -webkit-mask: url(https://nedfinance.development.2special.nl/wp-content/themes/Divichild/images/icon-time.svg) no-repeat center;
    mask: url(https://nedfinance.development.2special.nl/wp-content/themes/Divichild/images/icon-time.svg) no-repeat center;
	background-color:white;
	width:17px;
}

.vacature-overview .dp-dfg-custom-content {
	display: flex;
	gap:0.25rem;
}

.vacature-overview article {
	display:grid;
	grid:
	'top right'
	'bottom right'	;
	align-items: center;
	grid-gap: .5rem;
}

.vacature-overview .dp-dfg-header {
	display:flex;
	justify-content: space-between;
	align-items: center;
}

.vacature-overview .dp-dfg-custom-content {
	
}

.vacature-overview article h3 {
	display:flex;
	justify-content: space-between;
	align-items: center;
}

.vacature-overview p {
	padding-bottom:0!important;
}

.vacature-overview article:after{
	content: "";
    width: var(--arrow-button-size);
    height: var(--arrow-button-size);
	width:50px;
	height:50px;
    display: block;
    -webkit-mask: url(https://nedfinance.development.2special.nl/wp-content/themes/Divichild/images/arrow.svg) no-repeat center;
    mask: url(https://nedfinance.development.2special.nl/wp-content/themes/Divichild/images/arrow.svg) no-repeat center;
	background-color:var(--color-first);
	transform: rotate(180deg);
	grid-area: right;
	justify-self: end;
}
@media only screen and (max-width: 980px) {
.vacature-overview article:after{
	width:25px;
}
}

.vacature-overview .dp-dfg-container .dp-dfg-items article.dp-dfg-item {
	border-bottom:1px solid var(--color-first)!important;
	padding-bottom:1rem;
	padding:1rem;
	transition: all 0.5s ease;
}

.vacature-overview .dp-dfg-container .dp-dfg-items article.dp-dfg-item:hover {
	cursor:pointer;
	background:var(--color-first-10);
}
.dp-dfg-custom-content p.dp-dfg-cf-introtekst span.dp-dfg-custom-field-value{
    color: var(--color-first)!important;
    font-weight: 500!important;
	line-height: 150%!important;
	font-style: normal!important;
	font-size: 13px!important;
	margin-top:1rem;
}



.owl-nav.arrow_size_medium {
	display:none!important;
}

@media screen and (max-width: 680px) {
    .dp-dfg-layout-grid .dp-dfg-items {
                display: flex;
        gap: 1rem;
    }
}

.text-1{
	mix-blend-mode: multiply;
	margin-bottom: -12.5vw!important;
}
.text-2{
	mix-blend-mode: multiply;
	margin-bottom: -12.5vw!important;
}

@media screen and (min-width: 1920px) {
.text-1{
	mix-blend-mode: multiply;
	margin-bottom: -240px!important;
}
.text-2{
	mix-blend-mode: multiply;
	margin-bottom: -240px!important;
}

}

.et_pb_blurb_content {
    display: flex!important;
    align-items:center;
}

.et_pb_main_blurb_image {
    margin-bottom:0;
}