.elementor-2180 .elementor-element.elementor-element-15977a0:not(.elementor-motion-effects-element-type-background), .elementor-2180 .elementor-element.elementor-element-15977a0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-56cc641 );background-image:url("https://preview.cbc-bcp.be/wp-content/uploads/2023/02/mountain-g3e2fd3923_1920.jpg");background-position:center right;background-size:cover;}.elementor-2180 .elementor-element.elementor-element-15977a0 > .elementor-background-overlay{background-color:#000000;opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2180 .elementor-element.elementor-element-15977a0 > .elementor-container{min-height:90vh;}.elementor-2180 .elementor-element.elementor-element-15977a0{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-2180 .elementor-element.elementor-element-5919941:not(.elementor-motion-effects-element-type-background), .elementor-2180 .elementor-element.elementor-element-5919941 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}.elementor-2180 .elementor-element.elementor-element-5919941{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:15px 0px 0px 0px;}.elementor-2180 .elementor-element.elementor-element-5919941 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2180 .elementor-element.elementor-element-8021613 > .elementor-widget-container{margin:0% 0% 0% 0%;}.elementor-2180 .elementor-element.elementor-element-8021613{text-align:center;}.elementor-2180 .elementor-element.elementor-element-8021613 .elementor-heading-title{font-family:"Montserrat Alternates", Sans-serif;font-size:5rem;font-weight:200;line-height:0.9em;letter-spacing:0.1em;color:#FFFFFFD6;}.elementor-2180 .elementor-element.elementor-element-594abd5{padding:20px 0px 50px 0px;z-index:1;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-2180 .elementor-element.elementor-element-654016c{width:100%;}.elementor-2180 .elementor-element.elementor-element-76f0ea8{width:100%;}}@media(max-width:1024px){.elementor-2180 .elementor-element.elementor-element-15977a0 > .elementor-container{min-height:100vh;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-2180 .elementor-element.elementor-element-8021613 > .elementor-widget-container{margin:6% 0% 6% 0%;}.elementor-2180 .elementor-element.elementor-element-8021613 .elementor-heading-title{font-size:4rem;}.elementor-2180 .elementor-element.elementor-element-594abd5{padding:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-2180 .elementor-element.elementor-element-15977a0 > .elementor-container{min-height:100vh;}.elementor-2180 .elementor-element.elementor-element-5919941{padding:0px 0px 0px 0px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-2180 .elementor-element.elementor-element-8021613 > .elementor-widget-container{margin:27px 0px 5px 0px;padding:0px 0px 0px 0px;}.elementor-2180 .elementor-element.elementor-element-8021613{text-align:center;}.elementor-2180 .elementor-element.elementor-element-8021613 .elementor-heading-title{font-size:3rem;}.elementor-2180 .elementor-element.elementor-element-594abd5{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}}/* Start custom CSS for section, class: .elementor-element-15977a0 */.elementor-2180 .elementor-element.elementor-element-15977a0{
    position:fixed;
    width:100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6ca81a9 */.level-3.rectangle.opmaak{
    background-color: white;
}


@media (max-width:1000px){
.img1 {
    min-height: 150px;
}

}

.img1 {
    max-height: 150px;
}

.img2 {
    min-height: 150px;
}

.elementor-2180 .elementor-element.elementor-element-6ca81a9 .level-2 img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

ol {
  list-style: none;
}

.elementor-2180 .elementor-element.elementor-element-6ca81a9 {
  margin: 10px 0 10px;
  text-align: center;
}

.container {
  max-width: 1400px;
  padding: 0 10px;
  margin: 0 auto;

  
}

.rectangle {
  position: relative;
  padding: 20px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
      background-color: white;
      border-radius: 50px;
  
}

.clickable:hover {
  box-shadow: 0 5px 15px rgba(255, 255, 255, 0.8);
}

.text, .text3{
    font-size: 14px;
    font-weight: 600;
    
}

    .level-3.rectangle{
    height:80px;
        padding: 20px 0px;
            background-color: white;
}
    .level-2.rectangle{

            background-color: white;
}

    .text3{
    font-size: 14px;
    margin-top:0px;
}


@media (min-width:767px){
.gapRight{
    padding-left:5px;
}
.gapLeft{
    padding-right:5px;
}
}
/* LEVEL-1 STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.level-1 {
  width: 50%;
  margin: 0 auto 40px;
border: solid 1px grey;
}

.level-1::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 2px;
  height: 21px;
  background: white;
}


/* LEVEL-2 STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.level-2-wrapper {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.level-2-wrapper::before {
  content: "";
  position: absolute;
  top: -20px;
  left: 25%;
  width: 50%;
  height: 2px;
  background: white;
}

.level-2-wrapper::after {
  display: none;
  content: "";
  position: absolute;
  left: -20px;
  bottom: -20px;
  width: calc(0px);
  height: 2px;
  background: white;
}

.level-2-wrapper li {
  position: relative;
}

.level-2-wrapper > li::before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 2px;
  height: 20px;
  background: white;
}

.level-2 {
  width: 70%;
  margin: 0 auto 40px;
  background: var(--level-2);
  border: solid 1px grey;
  
}

.level-2::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 2px;
  height: 21px;
  background: white;
}

.level-2::after {
  display: none;
  content: "";
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translate(-100%, -50%);
  width: 20px;
  height: 2px;
  background: white;
}


/* LEVEL-3 STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.level-3-wrapper {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 9px;
  width: 100%;
  margin: 0 auto;
}

.level-3.rectangle:hover {
  box-shadow: 0 0px 10px rgba(255, 255, 255, 0.8);
}

.level-3.rectangle {
border-radius: 20px;
text-decoration: none;
}


.level-3-wrapper::before {
  content: "";
  position: absolute;
  top: -20px;
  left: calc(17% - 5px);
  width: calc(66% + 10px);
  height: 2px;
  background: white;
}

.level-3-wrapper > li::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -100%);
  width: 2px;
  height: 20px;
  background: white;
}

.level-3 {
  margin-bottom: 20px;
  background: var(--level-3);
  border: solid 1px grey;
        border-radius: 0px;
}


/* MQ STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media screen and (max-width: 582px) {
    .text3{
                                font-size: 14px;
                                margin-top:-0px;

}
}

@media screen and (max-width: 768px) {
  .rectangle {
    padding: 20px 10px;

  }

  .level-1,
  .level-2 {
    width: 100%;
  }

  .level-1 {
    margin-bottom: 20px;
          border-radius: 0px;
  }

  .level-1::before,
  .level-2-wrapper > li::before {
    display: none;
  }
  
  .level-2-wrapper,
  .level-2-wrapper::after,
  .level-2::after {
    display: block;
  }

  .level-2-wrapper {
    width: 90%;
    margin-left: 10%;
  }

  .level-2-wrapper::before {
    left: -20px;
    width: 2px;
    height: calc(100% - 215px);
  }

  .level-2-wrapper > li:not(:first-child) {
    margin-top: 50px;
  }
}



.popup{
    width:80%;
    background: white;
    border-radius: 6px;
    position:absolute;
    top:0;
    left:50%;
    transform: translate(-50%,-50%) scale(0.1);
    text-align: center;
    padding: 0 30px 30px;
    color: #333;
    visibility: hidden;
    transition: transform 0.4s, top 0.4s;
}

.popup button{
    position:absolute;
    left:71vw;
    top:-45px;
    z-index: 1000;
}

.open-popup{
    visibility: visible;
    top:50%;
    transform: translate(-50%,-50%) scale(1);
}/* End custom CSS */