.elementor-65 .elementor-element.elementor-element-4ea74fb{--display:flex;--min-height:90px;--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-65 .elementor-element.elementor-element-4ea74fb:not(.elementor-motion-effects-element-type-background), .elementor-65 .elementor-element.elementor-element-4ea74fb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E4E4E4;}.elementor-65 .elementor-element.elementor-element-4ea74fb > .elementor-shape-bottom svg, .elementor-65 .elementor-element.elementor-element-4ea74fb > .e-con-inner > .elementor-shape-bottom svg{height:20px;}.elementor-65 .elementor-element.elementor-element-629d034{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS *//* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Outfit:wght@600;700;800&display=swap');

/* Theme */
:root{
  --green:#22c55e;       /* merk groen */
  --blue:#2b9df3;        /* merk blauw */
  --orange:#ff8e2b;      /* accent oranje */
  --ink:#0b1220;
  --muted:#64748b;
  --card:#ffffff;
  --bg:#f7fafc;
}

/* Layout */
.sp4k-offer{
  background: var(--bg);
  padding: clamp(32px,4vw,64px) 16px;
  display:flex; justify-content:center;
}
.sp4k-shell{ width:min(1100px,100%); text-align:center; }

/* Header */
.sp4k-badge{
  display:inline-block;
  font: 600 12px/1 Inter,system-ui,sans-serif;
  letter-spacing:.08em; text-transform:uppercase;
  color:#fff; padding:8px 12px; border-radius:999px;
  background: linear-gradient(135deg,var(--green),var(--blue));
  box-shadow:0 6px 18px rgba(34,197,94,.25);
}
.sp4k-title{
  font: 800 clamp(28px,4.2vw,44px)/1.1 Outfit,system-ui,sans-serif;
  margin:.6rem 0 .4rem;
  background: linear-gradient(135deg,var(--ink),#25405f 60%);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
.sp4k-sub{
  font: 500 clamp(14px,2.4vw,18px)/1.6 Inter,system-ui,sans-serif;
  color:var(--muted); margin:0 auto 22px; max-width:58ch;
}

/* Countdown */
.sp4k-timer{
  display:inline-flex; align-items:center; gap:10px;
  padding:10px 14px; background:#fff; border-radius:16px;
  box-shadow:0 12px 40px rgba(16,24,40,.08), inset 0 1px 0 rgba(255,255,255,.6);
  margin:6px auto 28px;
}
.sp4k-timebox{
  min-width:84px;
  background: linear-gradient(145deg,#fdfdfd,#f2f6ff);
  border-radius:14px; padding:10px 12px 8px;
  box-shadow:0 8px 20px rgba(43,157,243,.10), inset 0 0 0 1px rgba(15,23,42,.06);
}
.sp4k-timebox span{ display:block; font:800 clamp(22px,5vw,30px)/1 Outfit; color:var(--ink); }
.sp4k-timebox label{ display:block; font:600 11px/1 Inter; letter-spacing:.06em; text-transform:uppercase; color:var(--muted); margin-top:6px; }
.sp4k-sep{ font:700 22px/1 Outfit; color:#c9d7e7; }

/* Card */
.sp4k-card{
  margin:22px auto 0; background:linear-gradient(180deg,#ffffff 0%, #f8fbff 100%);
  border-radius:24px; padding:clamp(18px,3.5vw,28px);
  box-shadow:0 24px 70px rgba(15,23,42,.10); border:1px solid rgba(15,23,42,.06);
  max-width:860px;
}
.sp4k-list{
  display:grid; grid-template-columns:1fr 1fr; gap:10px 20px;
  text-align:left; margin:0 0 18px; padding:0; list-style:none;
}
.sp4k-list li{
  font: 500 15px/1.6 Inter,system-ui,sans-serif;
  color: var(--ink); padding-left:28px; position:relative;
}
.sp4k-list li::before{
  content:""; position:absolute; left:0; top:.45em;
  width:16px; height:16px; border-radius:4px;
  background: radial-gradient(circle at 30% 30%, #fff 10%, #fff0 11%),
              linear-gradient(135deg,var(--green),var(--blue));
  box-shadow:0 2px 6px rgba(34,197,94,.35);
}

/* CTA */
.sp4k-cta{
  display:inline-flex; align-items:center; gap:10px; justify-content:center;
  margin:6px 0 6px; padding:14px 20px; border-radius:14px;
  font:700 16px/1 Outfit,system-ui,sans-serif; color:#fff; text-decoration:none;
  background:linear-gradient(135deg,var(--green),var(--blue) 60%, var(--orange));
  box-shadow:0 14px 30px rgba(34,197,94,.25), inset 0 -2px 0 rgba(0,0,0,.08);
  transition:transform .15s ease, box-shadow .15s ease;
}
.sp4k-cta:hover{ transform:translateY(-1px); }
.sp4k-cta svg{ width:20px; height:20px; fill:#fff; }

.sp4k-note{ margin-top:10px; color:var(--muted); font:500 13px/1.5 Inter,system-ui,sans-serif; }

/* Responsive */
@media (max-width:820px){
  .sp4k-list{ grid-template-columns:1fr; }
  .sp4k-timebox{ min-width:72px; }
}/* End custom CSS */