.elementor-63 .elementor-element.elementor-element-ada782a{--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-63 .elementor-element.elementor-element-3425f272{--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-63 .elementor-element.elementor-element-65de3481{--display:flex;--min-height:93vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;--gap:35px 35px;--row-gap:35px;--column-gap:35px;--padding-top:0%;--padding-bottom:0%;--padding-left:2%;--padding-right:2%;}.elementor-63 .elementor-element.elementor-element-65de3481:not(.elementor-motion-effects-element-type-background), .elementor-63 .elementor-element.elementor-element-65de3481 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://autosleper.nl/wp-content/uploads/2025/10/transport-header.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-63 .elementor-element.elementor-element-1d20c021{--spacer-size:600px;}.elementor-widget-call-to-action .elementor-cta__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 );text-transform:var( --e-global-typography-primary-text-transform );font-style:var( --e-global-typography-primary-font-style );text-decoration:var( --e-global-typography-primary-text-decoration );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-widget-call-to-action .elementor-cta__description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-call-to-action .elementor-cta__button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );font-style:var( --e-global-typography-accent-font-style );text-decoration:var( --e-global-typography-accent-text-decoration );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-widget-call-to-action .elementor-ribbon-inner{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );font-style:var( --e-global-typography-accent-font-style );text-decoration:var( --e-global-typography-accent-text-decoration );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-63 .elementor-element.elementor-element-23f1eecd .elementor-cta .elementor-cta__bg, .elementor-63 .elementor-element.elementor-element-23f1eecd .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-63 .elementor-element.elementor-element-23f1eecd{border-radius:82px 82px 82px 82px;}.elementor-63 .elementor-element.elementor-element-23f1eecd .elementor-cta__content{min-height:100px;text-align:center;}.elementor-63 .elementor-element.elementor-element-23f1eecd .elementor-cta__button{font-family:"Poppins", Sans-serif;font-size:36px;font-weight:400;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:0px;color:#FFFFFF;background-color:#0B63FF;border-width:0px;border-radius:10px;}.elementor-63 .elementor-element.elementor-element-3fd59af3{--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-63 .elementor-element.elementor-element-7cc9c288{--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-63 .elementor-element.elementor-element-c89bcf4{--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;}@media(min-width:768px){.elementor-63 .elementor-element.elementor-element-65de3481{--content-width:950px;}}@media(max-width:1024px){.elementor-63 .elementor-element.elementor-element-65de3481{--min-height:93.3vh;--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-widget-call-to-action .elementor-cta__title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-widget-call-to-action .elementor-cta__description{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-call-to-action .elementor-cta__button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-widget-call-to-action .elementor-ribbon-inner{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-63 .elementor-element.elementor-element-23f1eecd .elementor-cta__button{font-size:14px;}}@media(max-width:767px){.elementor-63 .elementor-element.elementor-element-65de3481{--gap:15px 15px;--row-gap:15px;--column-gap:15px;}.elementor-widget-call-to-action .elementor-cta__title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-widget-call-to-action .elementor-cta__description{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-call-to-action .elementor-cta__button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-widget-call-to-action .elementor-ribbon-inner{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}}/* Start custom CSS for html, class: .elementor-element-709591ff *//* ==============================
   VARS (pas alleen deze aan)
   ============================== */
.ot-custom-hero.v3 {
  /* Hero image crop + styling */
  --cut-top: 10px;             /* hoeveel er bovenaf “weg” lijkt */
  --cut-bottom: 30px;          /* hoeveel er onderaf “weg” lijkt */
  --img-radius-bottom: 26px;

  /* CTA BOX breedte-instellingen */
  --cta-box-max: 780px;        /* max breedte van de box; zet op 100% voor full-bleed */
  --cta-box-pad-x: 24px;       /* horizontale padding in de box */
  --cta-box-pad-y: 18px;       /* verticale padding in de box */
  --cta-box-bottom: 20px;      /* afstand tot onderzijde afbeelding */

  /* CTA KNOP breedte-instellingen */
  --cta-btn-max: 360px;        /* max breedte van de knop */
  --cta-btn-pad-y: 12px;
  --cta-btn-pad-x: 22px;

  /* Kleuren & typografie */
  --box-bg: #ffffff;
  --box-text: #000000;
  --btn-bg: #0b63ff;           /* donkerblauwe knop */
  --btn-text: #ffffff;
  --btn-bg-hover: #0846d8;     /* donkerdere hover */
  --shadow: 0 6px 18px rgba(0,0,0,.25);
  --radius-box: 14px;
  --radius-btn: 10px;
  --title-size: 18px;
  --btn-size: 15px;

  /* (optioneel) Marquee bar bovenaan */
  --bar-bg: #0b63ff;
  --bar-fg: #ffffff;
  --bar-h: 44px;
  --bar-radius: 12px;
  --pill-gap: 14px;
  --pill-px: 14px;
  --pill-py: 7px;
  --pill-bg: rgba(255,255,255,.12);
  --pill-bg-hover: rgba(255,255,255,.2);
  --dot-size: 8px;
  --marquee-speed: 30s;

  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

/* ==============================
   MARQUEE BAR (optioneel)
   ============================== */
.ot-custom-hero.v3 .ot-hero-bar {
  position: relative;
  height: var(--bar-h);
  background: var(--bar-bg);
  color: var(--bar-fg);
  overflow: hidden;
  display: flex;
  align-items: center;
}
.ot-custom-hero.v3 .ot-hero-bar__track {
  display: flex;
  white-space: nowrap;
  width: max-content;
  animation: ot-marquee var(--marquee-speed) linear infinite;
}
.ot-custom-hero.v3 .ot-hero-bar__row {
  display: flex;
  gap: var(--pill-gap);
  padding-inline: 20px;
}
.ot-custom-hero.v3 .ot-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: var(--pill-py) var(--pill-px);
  background: var(--pill-bg);
  border-radius: var(--bar-radius);
  font-size: 14px;
  transition: background .2s ease;
}
.ot-custom-hero.v3 .ot-pill:hover { background: var(--pill-bg-hover); }
.ot-custom-hero.v3 .ot-pill i {
  width: var(--dot-size);
  height: var(--dot-size);
  border-radius: 50%;
  background: currentColor;
  display: inline-block;
  opacity: .95;
}
.ot-custom-hero.v3 .ot-hero-bar__fade {
  position: absolute; top:0; bottom:0; width:42px; pointer-events:none;
}
.ot-custom-hero.v3 .ot-hero-bar__fade--left {
  left:0; background: linear-gradient(to right, var(--bar-bg) 0%, rgba(11,99,255,0) 100%);
}
.ot-custom-hero.v3 .ot-hero-bar__fade--right {
  right:0; background: linear-gradient(to left, var(--bar-bg) 0%, rgba(11,99,255,0) 100%);
}
@keyframes ot-marquee { 0% {transform:translateX(0)} 100% {transform:translateX(-50%)} }
@media (prefers-reduced-motion: reduce) {
  .ot-custom-hero.v3 .ot-hero-bar__track { animation: none; }
}

/* ==============================
   HERO IMAGE
   ============================== */
.ot-custom-hero.v3 .ot-hero-image {
  position: relative;
  overflow: hidden;
  border-bottom-left-radius: var(--img-radius-bottom);
  border-bottom-right-radius: var(--img-radius-bottom);
}
.ot-custom-hero.v3 .ot-hero-image img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center;
  margin-top: calc(var(--cut-top) * -1);
  margin-bottom: calc(var(--cut-bottom) * -1);
}

/* ==============================
   CTA BOX (zo wijd mogelijk, instelbaar)
   ============================== */
.ot-custom-hero.v3 .ot-cta-box {
  position: absolute;
  left: 50%;
  bottom: var(--cta-box-bottom);
  transform: translateX(-50%);

  /* Belangrijk: box rekt zoveel mogelijk op, maar is begrensd door var */
  width: min(var(--cta-box-max), 94vw);
  background: var(--box-bg);
  color: var(--box-text);
  padding: var(--cta-box-pad-y) var(--cta-box-pad-x);
  border-radius: var(--radius-box);
  box-shadow: var(--shadow);
  text-align: center;
  z-index: 3;
}

/* Titel in de box */
.ot-custom-hero.v3 .ot-cta-title {
  margin: 0 0 10px 0;
  font-size: var(--title-size);
  font-weight: 700;
}

/* ==============================
   CTA KNOP (vult box, maar met eigen max)
   ============================== */
.ot-custom-hero.v3 .ot-cta-btn {
  display: block;
  width: 100%;
  max-width: var(--cta-btn-max);
  margin: 0 auto;
  text-align: center;

  background: var(--btn-bg);
  color: var(--btn-text);
  text-decoration: none;
  font-weight: 600;
  font-size: var(--btn-size);
  padding: var(--cta-btn-pad-y) var(--cta-btn-pad-x);
  border-radius: var(--radius-btn);
  box-shadow: var(--shadow);
  transition: background .2s ease, transform .2s ease;
}
.ot-custom-hero.v3 .ot-cta-btn:hover {
  background: var(--btn-bg-hover);
  transform: translateY(-2px);
}

/* Elementor kan <p> rond de link zetten – voorkom extra ruimte */
.ot-custom-hero.v3 .ot-cta-box p { margin: 0; }

/* ==============================
   MOBIEL
   ============================== */
@media (max-width: 768px) {
  .ot-custom-hero.v3 {
    --img-radius-bottom: 20px;
    --cta-box-max: 94vw;   /* mob: bijna full-bleed */
    --cta-btn-max: 240px;  /* mob: iets compacter */
    --title-size: 16px;
    --btn-size: 14px;
    --cta-box-bottom: 12px;
    --cta-box-pad-x: 18px;
    --cta-box-pad-y: 14px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1445e5e1 *//* ==============================
   VARS voor marquee
   ============================== */
.ot-hero-bar {
  --bar-bg: #0b63ff;          /* achtergrondkleur */
  --bar-fg: #ffffff;          /* tekstkleur */
  --bar-h: 44px;              /* hoogte van de balk */
  --bar-radius: 12px;         /* ronding van de badges */
  --pill-gap: 14px;           /* ruimte tussen badges */
  --pill-px: 14px;            /* padding X in badge */
  --pill-py: 7px;             /* padding Y in badge */
  --pill-bg: rgba(255,255,255,.12);
  --pill-bg-hover: rgba(255,255,255,.2);
  --dot-size: 8px;            /* cirkeltje voor de tekst */
  --marquee-speed: 30s;       /* scroll tempo */

  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

/* ==============================
   MARQUEE BAR STRUCTUUR
   ============================== */
.ot-hero-bar {
  position: relative;
  height: var(--bar-h);
  background: var(--bar-bg);
  color: var(--bar-fg);
  overflow: hidden;
  display: flex;
  align-items: center;
}

.ot-hero-bar__track {
  display: flex;
  white-space: nowrap;
  width: max-content;
  animation: ot-marquee var(--marquee-speed) linear infinite;
}

.ot-hero-bar__row {
  display: flex;
  align-items: center;
  gap: var(--pill-gap);
  padding-inline: 20px;
}

/* Pills (badges) */
.ot-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: var(--pill-py) var(--pill-px);
  background: var(--pill-bg);
  border-radius: var(--bar-radius);
  font-size: 14px;
  line-height: 1;
  transition: background .2s ease;
}
.ot-pill:hover { background: var(--pill-bg-hover); }

/* Cirkel-icoon */
.ot-pill i {
  display: inline-block;
  width: var(--dot-size);
  height: var(--dot-size);
  border-radius: 50%;
  background: currentColor;
  opacity: 0.95;
}

/* Fade effecten aan de zijkanten */
.ot-hero-bar__fade {
  position: absolute;
  top: 0; bottom: 0;
  width: 42px;
  pointer-events: none;
}
.ot-hero-bar__fade--left {
  left: 0;
  background: linear-gradient(to right, var(--bar-bg) 0%, rgba(11,99,255,0) 100%);
}
.ot-hero-bar__fade--right {
  right: 0;
  background: linear-gradient(to left, var(--bar-bg) 0%, rgba(11,99,255,0) 100%);
}

/* Animatie */
@keyframes ot-marquee {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* Bewegingsreductie respecteren */
@media (prefers-reduced-motion: reduce) {
  .ot-hero-bar__track { animation: none; }
}

/* Responsive tweaks */
@media (max-width: 768px) {
  .ot-hero-bar {
    --bar-h: 40px;
    --pill-gap: 10px;
    --pill-px: 12px;
    --pill-py: 6px;
    --dot-size: 7px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-65de3481 *//* ========= DESKTOP (≥1024px) ========= */
@media (min-width: 1024px) {
  /* ==============================
     VARS (pas alleen deze aan)
     ============================== */
  .ot-custom-hero.v3 {
    /* Hero image crop + styling */
    --cut-top: 10px;
    --cut-bottom: 30px;
    --img-radius-bottom: 26px;

    /* CTA BOX breedte-instellingen (desktop) */
    --cta-box-max: 920px;     /* desktop: lekker breed; zet 100% voor full-bleed */
    --cta-box-pad-x: 28px;
    --cta-box-pad-y: 20px;
    --cta-box-bottom: 24px;

    /* CTA KNOP breedte-instellingen (desktop) */
    --cta-btn-max: 420px;     /* knop vult box tot max deze breedte */
    --cta-btn-pad-y: 14px;
    --cta-btn-pad-x: 26px;

    /* Kleuren & typografie */
    --box-bg: #ffffff;
    --box-text: #000000;
    --btn-bg: #0b63ff;        /* donkerblauwe knop */
    --btn-text: #ffffff;
    --btn-bg-hover: #0846d8;  /* donkerdere hover */
    --shadow: 0 8px 24px rgba(0,0,0,.22);
    --radius-box: 16px;
    --radius-btn: 12px;
    --title-size: 20px;
    --btn-size: 16px;

    /* Marquee bar (optioneel) */
    --bar-bg: #0b63ff;
    --bar-fg: #ffffff;
    --bar-h: 48px;
    --bar-radius: 12px;
    --pill-gap: 16px;
    --pill-px: 16px;
    --pill-py: 8px;
    --pill-bg: rgba(255,255,255,.12);
    --pill-bg-hover: rgba(255,255,255,.22);
    --dot-size: 8px;
    --marquee-speed: 28s;

    font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  }

  /* ==============================
     MARQUEE BAR (optioneel)
     ============================== */
  .ot-custom-hero.v3 .ot-hero-bar {
    position: relative;
    height: var(--bar-h);
    background: var(--bar-bg);
    color: var(--bar-fg);
    overflow: hidden;
    display: flex;
    align-items: center;
  }
  .ot-custom-hero.v3 .ot-hero-bar__track {
    display: flex;
    white-space: nowrap;
    width: max-content;
    animation: ot-marquee var(--marquee-speed) linear infinite;
  }
  .ot-custom-hero.v3 .ot-hero-bar__row {
    display: flex;
    gap: var(--pill-gap);
    padding-inline: 24px;
  }
  .ot-custom-hero.v3 .ot-pill {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: var(--pill-py) var(--pill-px);
    background: var(--pill-bg);
    border-radius: var(--bar-radius);
    font-size: 15px;
    transition: background .2s ease;
  }
  .ot-custom-hero.v3 .ot-pill:hover { background: var(--pill-bg-hover); }
  .ot-custom-hero.v3 .ot-pill i {
    width: var(--dot-size);
    height: var(--dot-size);
    border-radius: 50%;
    background: currentColor;
    display: inline-block;
    opacity: .95;
  }
  .ot-custom-hero.v3 .ot-hero-bar__fade {
    position: absolute; top:0; bottom:0; width:48px; pointer-events:none;
  }
  .ot-custom-hero.v3 .ot-hero-bar__fade--left {
    left:0; background: linear-gradient(to right, var(--bar-bg) 0%, rgba(11,99,255,0) 100%);
  }
  .ot-custom-hero.v3 .ot-hero-bar__fade--right {
    right:0; background: linear-gradient(to left, var(--bar-bg) 0%, rgba(11,99,255,0) 100%);
  }
  @keyframes ot-marquee { 0% {transform:translateX(0)} 100% {transform:translateX(-50%)} }
  @media (prefers-reduced-motion: reduce) {
    .ot-custom-hero.v3 .ot-hero-bar__track { animation: none; }
  }

  /* ==============================
     HERO IMAGE (met vaste hoogte op desktop)
     ============================== */
  .ot-custom-hero.v3 .ot-hero-image {
    position: relative;
    overflow: hidden;
    border-bottom-left-radius: var(--img-radius-bottom);
    border-bottom-right-radius: var(--img-radius-bottom);
    max-height: 500px;        /* <<< vaste hoogte desktop hero */
  }
  .ot-custom-hero.v3 .ot-hero-image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
    margin-top: calc(var(--cut-top) * -1);
    margin-bottom: calc(var(--cut-bottom) * -1);
  }

  /* ==============================
     CTA BOX (desktop: instelbaar)
     ============================== */
  .ot-custom-hero.v3 .ot-cta-box {
    position: absolute;
    left: 50%;
    bottom: var(--cta-box-bottom);
    transform: translateX(-50%);
    width: min(var(--cta-box-max), 94vw);
    background: var(--box-bg);
    color: var(--box-text);
    padding: var(--cta-box-pad-y) var(--cta-box-pad-x);
    border-radius: var(--radius-box);
    box-shadow: var(--shadow);
    text-align: center;
    z-index: 3;
  }

  .ot-custom-hero.v3 .ot-cta-title {
    margin: 0 0 12px 0;
    font-size: var(--title-size);
    font-weight: 700;
  }

  /* ==============================
     CTA KNOP (desktop)
     ============================== */
  .ot-custom-hero.v3 .ot-cta-btn {
    display: block;
    width: 100%;
    max-width: var(--cta-btn-max);
    margin: 0 auto;
    text-align: center;
    background: var(--btn-bg);
    color: var(--btn-text);
    text-decoration: none;
    font-weight: 600;
    font-size: var(--btn-size);
    padding: var(--cta-btn-pad-y) var(--cta-btn-pad-x);
    border-radius: var(--radius-btn);
    box-shadow: var(--shadow);
    transition: background .2s ease, transform .2s ease;
  }
  .ot-custom-hero.v3 .ot-cta-btn:hover {
    background: var(--btn-bg-hover);
    transform: translateY(-2px);
  }

  .ot-custom-hero.v3 .ot-cta-box p { margin: 0; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3f7d8a82 *//* AUTOSLEPER SECTION — light blue theme */
.as-section {
  --as-bg: #eaf6ff;
  --as-bg-accent: #d6efff;
  --as-text: #0a2233;
  --as-primary: #1a7bd9;
  --as-primary-700: #1566b3;
  --as-ring: rgba(26, 123, 217, 0.25);

  background:
    radial-gradient(1200px 600px at 100% -10%, var(--as-bg-accent), transparent 60%),
    linear-gradient(180deg, var(--as-bg), #ffffff 120%);
  color: var(--as-text);
  padding: clamp(28px, 4vw, 56px) 0;
}

.as-container {
  width: min(1170px, 92vw);
  margin-inline: auto;
}

.as-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(20px, 4vw, 36px);
  align-items: center;
}

.as-title {
  font-size: clamp(1.5rem, 2.3vw, 2rem);
  line-height: 1.2;
  margin: 0 0 10px;
  letter-spacing: -0.015em;
}

.as-lead {
  font-size: clamp(1rem, 1.4vw, 1.125rem);
  line-height: 1.6;
  margin: 0 0 16px;
  max-width: 60ch;
}

.as-badges {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  padding: 0;
  margin: 0 0 18px;
  list-style: none;
}

.as-badge {
  display: flex;
  align-items: center;
  gap: 10px;
  background: #ffffff;
  border: 1px solid rgba(10,34,51,0.06);
  border-radius: 12px;
  padding: 10px 12px;
  box-shadow: 0 1px 2px rgba(10,34,51,0.05);
}

.as-badge__icon {
  font-size: 1.1rem;
  line-height: 1;
}

.as-cta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 6px 0 14px;
}

.as-btn {
  --_pad-y: 12px;
  --_pad-x: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: var(--_pad-y) var(--_pad-x);
  border-radius: 999px;
  text-decoration: none;
  font-weight: 600;
  line-height: 1;
  border: 1px solid transparent;
  transition: transform .08s ease, box-shadow .2s ease,
              background-color .2s ease, color .2s ease, border-color .2s ease;
  will-change: transform;
}

.as-btn:focus-visible {
  outline: none;
  box-shadow: 0 0 0 4px var(--as-ring);
}

.as-btn--primary {
  background: var(--as-primary);
  color: #fff;
  border-color: var(--as-primary);
}

.as-btn--primary:hover {
  background: var(--as-primary-700);
  border-color: var(--as-primary-700);
  transform: translateY(-1px);
}

/* Forceer witte tekst binnen deze sectie (niet site-wide) */
.as-section .as-cta .as-btn--primary,
.as-section .as-cta .as-btn--primary:hover,
.as-section .as-cta .as-btn--primary:focus {
  color: #fff !important;
}

.as-service-areas {
  font-size: .95rem;
  opacity: .9;
  margin: 0;
}

/* Media */
.as-media {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  background: #dfefff;
  box-shadow: 0 8px 24px rgba(10,34,51,0.08);
  border: 1px solid rgba(10,34,51,0.06);
}

.as-media img {
  display: block;
  width: 100%;
  height: auto;
}

/* Responsive layout */
@media (min-width: 768px) {
  .as-grid {
    grid-template-columns: 1.1fr .9fr;
    gap: clamp(24px, 5vw, 48px);
  }

  .as-badges {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1100px) {
  .as-badges {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-306fb4b4 *//* AUTOSLEPER — OVER ONS (light blue theme, matcht eerdere sectie) */
.as-about {
  --as-bg: #eaf6ff;
  --as-bg-accent: #d6efff;
  --as-text: #0a2233;
  --as-primary: #1a7bd9;
  --as-ring: rgba(26, 123, 217, 0.25);

  background:
    radial-gradient(1100px 520px at -10% 0%, var(--as-bg-accent), transparent 55%),
    linear-gradient(180deg, var(--as-bg), #ffffff 120%);
  color: var(--as-text);
  padding: clamp(28px, 4vw, 56px) 0;
}

.as-about__container {
  width: min(1170px, 92vw);
  margin-inline: auto;
}

.as-about__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(20px, 4vw, 36px);
  align-items: center;
}

.as-about__title {
  font-size: clamp(1.5rem, 2.3vw, 2rem);
  line-height: 1.2;
  margin: 0 0 10px;
  letter-spacing: -0.015em;
}

.as-about__lead {
  font-size: clamp(1rem, 1.4vw, 1.125rem);
  line-height: 1.6;
  margin: 0 0 18px;
  max-width: 62ch;
}

/* Waarom klanten voor ons kiezen */
.as-about__list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  margin: 0 0 18px;
  padding: 0;
  list-style: none;
}

.as-about__item {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 12px;
  background: #fff;
  border: 1px solid rgba(10,34,51,0.06);
  border-radius: 14px;
  padding: 12px 14px;
  box-shadow: 0 1px 2px rgba(10,34,51,0.05);
}

.as-about__icon {
  font-size: 1.2rem;
  line-height: 1;
}

/* Stats */
.as-about__stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 6px 0 0;
}

.as-about__stat {
  background: #ffffff;
  border: 1px solid rgba(10,34,51,0.06);
  border-radius: 14px;
  padding: 14px 12px;
  text-align: center;
}

.as-about__stat-num {
  display: block;
  font-weight: 800;
  font-size: clamp(1.25rem, 2.2vw, 1.6rem);
  letter-spacing: -0.01em;
}

.as-about__stat-num span {
  font-weight: 700;
  opacity: .85;
  font-size: .9em;
}

.as-about__stat-label {
  display: block;
  margin-top: 4px;
  font-size: .9rem;
  opacity: .9;
}

/* Media */
.as-about__media {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  background: #dfefff;
  box-shadow: 0 8px 24px rgba(10,34,51,0.08);
  border: 1px solid rgba(10,34,51,0.06);
}

.as-about__media img {
  display: block;
  width: 100%;
  height: auto;
}

.as-about__caption {
  font-size: .85rem;
  opacity: .85;
  padding: 8px 10px;
  background: rgba(255,255,255,0.7);
  position: absolute;
  left: 8px;
  bottom: 8px;
  border-radius: 10px;
  border: 1px solid rgba(10,34,51,0.06);
}

/* Responsive */
@media (min-width: 768px) {
  .as-about__grid {
    grid-template-columns: 1.1fr .9fr;
    gap: clamp(24px, 5vw, 48px);
  }
  .as-about__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7a5ce43b *//* AUTOSLEPER — TESTIMONIALS */
.as-testimonials {
  --as-bg: #eaf6ff;
  --as-bg-accent: #d6efff;
  --as-text: #0a2233;
  --as-primary: #1a7bd9;
  --as-ring: rgba(26, 123, 217, 0.25);

  background:
    radial-gradient(1200px 520px at 100% 0%, var(--as-bg-accent), transparent 55%),
    linear-gradient(180deg, var(--as-bg), #ffffff 120%);
  color: var(--as-text);
  padding: clamp(28px, 4vw, 56px) 0;
}

.as-testimonials__container {
  width: min(1170px, 92vw);
  margin-inline: auto;
}

.as-testimonials__header {
  text-align: left;
  margin-bottom: clamp(14px, 3vw, 22px);
}

.as-testimonials__title {
  font-size: clamp(1.5rem, 2.3vw, 2rem);
  line-height: 1.2;
  margin: 0 0 8px;
  letter-spacing: -0.015em;
}

.as-testimonials__lead {
  font-size: clamp(1rem, 1.4vw, 1.125rem);
  line-height: 1.6;
  margin: 0;
  max-width: 65ch;
  opacity: .95;
}

/* Aggregate rating */
.as-testimonials__aggregate {
  display: flex;
  align-items: center;
  gap: 12px;
  background: #fff;
  border: 1px solid rgba(10,34,51,0.06);
  border-radius: 14px;
  padding: 10px 12px;
  margin: 14px 0 18px;
  box-shadow: 0 1px 2px rgba(10,34,51,0.05);
}

.as-stars {
  font-size: 1.05rem;
  letter-spacing: 1px;
  line-height: 1;
  color: #f5a524; /* sterretjes geel */
}

.as-agg__meta {
  font-weight: 600;
}

/* Cards grid */
.as-testimonials__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(12px, 2.4vw, 16px);
}

.as-t-card {
  background: #ffffff;
  border: 1px solid rgba(10,34,51,0.06);
  border-radius: 16px;
  padding: 14px 14px 16px;
  box-shadow: 0 2px 10px rgba(10,34,51,0.06);
}

.as-t-card__head {
  display: flex;
  flex-direction: column;
  margin-bottom: 6px;
}

.as-t-card__name {
  font-weight: 600;
  font-size: 1rem;
}

.as-t-card__meta {
  font-size: .9rem;
  opacity: .8;
}

.as-t-card__text {
  margin-top: 8px;
  font-size: .95rem;
  line-height: 1.5;
}

.as-testimonials__disclaimer {
  font-size: .85rem;
  opacity: .7;
  margin-top: 12px;
}

/* Responsive grid */
@media (min-width: 768px) {
  .as-testimonials__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1100px) {
  .as-testimonials__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}/* End custom CSS */