.elementor-1362 .elementor-element.elementor-element-1523b748{--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;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1362 .elementor-element.elementor-element-2ded1d19 > .elementor-widget-container{margin:0px 0px 0px 28px;}.elementor-1362 .elementor-element.elementor-element-2ded1d19 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:35px;font-weight:500;-webkit-text-stroke-color:#000;stroke:#000;color:#000000;}@media(max-width:767px){.elementor-1362 .elementor-element.elementor-element-2ded1d19 > .elementor-widget-container{margin:0px 0px 0px 14px;}}/* Start custom CSS for html, class: .elementor-element-343c74e1 *//* Fonts en basis */
.services-slider {
  max-width: 1200px;
  margin: 10px auto;
  font-family: Helvetica, Arial, sans-serif;
  user-select: none;
}

/* Viewport: zichtbaar deel van slider */
.slider-viewport {
  overflow: hidden;
  width: 100%;
}

/* Slides container - flex voor horizontale rij */
.slides-track {
  display: flex;
  transition: transform 0.4s ease;
  will-change: transform;
}

/* Elke slide */
.slide {
  flex: 0 0 calc(100% / 3);
  box-sizing: border-box;
  padding: 20px 15px;
  text-align: left;
}

/* Kop met blauwe balk */
.service-header h2 {
  font-family: 'Sequel Sans Black Head', sans-serif;
  font-size: 24px;
  margin-bottom: 15px;
  background-color: #123edf;
  color: white;
  padding: 10px 14px;
  border-radius: 0px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  user-select: none;
  cursor: default;
}

/* Oranje punt in kop */
.service-header .dot {
  color: #ff5e00;
  font-family: 'Sequel Sans Black Head', sans-serif;
  font-size: inherit;
}

/* Lijst */
.slide ul {
  list-style: none;
  padding-left: 0;
  margin-top: 10px;
  font-size: 16px;
  color: #333;
}

/* Lijst items */
.slide ul li {
  margin-bottom: 10px;
}

/* Knoppen container */
.slider-controls {
  margin-top: 20px;
  text-align: center;
  display: flex;
  justify-content: center;
  gap: 20px;
}

/* Knoppen */
.slider-button {
  background-color: #123edf;
  border: none;
  color: white;
  padding: 10px 20px;
  border-radius: 0px;
  cursor: pointer;
  font-size: 24px;
  user-select: none;
  transition: background-color 0.3s ease;
  min-width: 50px;
}

.slider-button:hover,
.slider-button:focus {
  background-color: #ff5e00;
  outline: none;
}

/* Responsive: 1 slide zichtbaar op mobiel */
@media (max-width: 768px) {
  .slide {
    flex: 0 0 100%;
  }
  .slide ul {
    font-size: 14px;
  }
}/* End custom CSS */
/* Start custom CSS */@media screen and (min-width: 768px) {
  html {
    transform: scale(0.8);
    transform-origin: top left;
    width: 125%; /* (1 / 0.8 = 1.25) */
    height: 125vh; /* hoogte corrigeren */
    overflow-x: hidden; /* geen horizontale scroll */
  }
}/* End custom CSS */