.elementor-388 .elementor-element.elementor-element-c33db92{--display:flex;}.elementor-388 .elementor-element.elementor-element-dde1122{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--background-transition:0.3s;--border-radius:17px 17px 17px 17px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-388 .elementor-element.elementor-element-dde1122:not(.elementor-motion-effects-element-type-background), .elementor-388 .elementor-element.elementor-element-dde1122 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F5F5;}.elementor-388 .elementor-element.elementor-element-dde1122:hover{background-color:var( --e-global-color-accent );}.elementor-388 .elementor-element.elementor-element-35ec8b5{--display:flex;--background-transition:0.3s;--border-radius:16px 16px 0px 0px;--padding-top:30px;--padding-bottom:20px;--padding-left:30px;--padding-right:030px;}.elementor-388 .elementor-element.elementor-element-35ec8b5:hover{background-color:var( --e-global-color-accent );}.elementor-388 .elementor-element.elementor-element-5f8a75f .elementor-heading-title{font-size:36px;}.elementor-388 .elementor-element.elementor-element-496963b{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:0px 0px 16px 16px;box-shadow:0px 16px 16px -5px rgba(0, 0, 0, 0.09);--padding-top:40px;--padding-bottom:20px;--padding-left:30px;--padding-right:30px;}.elementor-388 .elementor-element.elementor-element-496963b:not(.elementor-motion-effects-element-type-background), .elementor-388 .elementor-element.elementor-element-496963b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-388 .elementor-element.elementor-element-abcad86{line-height:1.1em;}.elementor-388 .elementor-element.elementor-element-7864974{line-height:1.1em;}.elementor-388 .elementor-element.elementor-element-f2e8fd1{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:1024px){.elementor-388 .elementor-element.elementor-element-5f8a75f .elementor-heading-title{font-size:32px;}}@media(max-width:767px){.elementor-388 .elementor-element.elementor-element-5f8a75f .elementor-heading-title{font-size:28px;}}/* Start custom CSS for text-editor, class: .elementor-element-abcad86 */.elementor-388 .elementor-element.elementor-element-abcad86 ul {
  list-style: none; 
  padding-left: 0; 
}

.elementor-388 .elementor-element.elementor-element-abcad86 ul li {
  position: relative;
  padding-left: 35px; 
  margin-bottom: 20px; 
}

.elementor-388 .elementor-element.elementor-element-abcad86 ul li::before {
  content: url('https://flexmodulair.nl/wp-content/uploads/2024/09/checkmark-icon.svg');
  position: absolute;
  left: 0;
  top: 0;
  width: 16px; 
  height: 16px;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-7864974 */.elementor-388 .elementor-element.elementor-element-7864974 ul {
  list-style: none; 
  padding-left: 0;
  opacity: 0.2;
}

.elementor-388 .elementor-element.elementor-element-7864974 ul li {
  position: relative;
  padding-left: 35px; 
  margin-bottom: 20px;
}

.elementor-388 .elementor-element.elementor-element-7864974 ul li::before {
  content: url('https://flexmodulair.nl/wp-content/uploads/2024/09/close-icon.svg');
  position: absolute;
  left: 0;
  top: 0;
  width: 16px; 
  height: 16px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dde1122 */.upper-container:hover .circle {
    background-color: #fff;
    transform: scale(1.1);
    border: 2px solid #01AC65;
}

.upper-container:hover .circle::before {
    background-color: #01AC65;
}

.circle-container {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

/* Hover-effect toepassen wanneer je over de parent container hovert */
.circle-container:hover .circle {
    background-color: #fff;
    transform: scale(1.1);
    border: 2px solid #01AC65;
}

.circle-container:hover .circle::before {
    background-color: #01AC65;
}

.circle {
    width: 30px;
    height: 30px;
    border: 2px solid #828282;
    border-radius: 50%;
    position: relative;
    transition: background-color 0.3s ease, transform 0.3s ease;
}

.circle::before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    background-color: transparent;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: background-color 0.3s ease;
}/* End custom CSS */