.elementor-widget-steelies-tijdlijn{
--tl-cols:minmax(0,1fr) minmax(0,1fr);--tl-a:1;--tl-b:2;--tl-gutter:56px;--tl-indent:32px;--tl-line-s:12px;
--tl-pad-a:0 var(--tl-gutter) 0 0;--tl-pad-b:0 0 0 var(--tl-gutter);--tl-line:50%;
--tl-dot:12px;--tl-dot-top:32px;--tl-dot-a-bg:#fff;--tl-dot-a-bd:#D1D5DB;--tl-dot-s-bg:#00C8E8;--tl-dot-s-bd:#fff;
--tl-dot-bg:var(--tl-dot-a-bg);--tl-dot-bd:var(--tl-dot-a-bd);
--tl-ind:20px;--tl-fx:1;--tl-blur:4px;--tl-dim:.55;--tl-tr:700ms}
@media (max-width:767px){.elementor-widget-steelies-tijdlijn{--tl-cols:minmax(0,1fr);--tl-b:1;--tl-pad-a:0 0 0 var(--tl-indent);--tl-pad-b:0 0 0 var(--tl-indent);--tl-line:var(--tl-line-s);--tl-dot-bg:var(--tl-dot-s-bg);--tl-dot-bd:var(--tl-dot-s-bd);--tl-fx:0}}

.tl{position:relative;max-width:1024px;margin:0 auto}
.tl-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:80px}
.tl-line{position:absolute;top:0;bottom:0;left:var(--tl-line);width:2px;transform:translateX(-50%);background:#E5E7EB;pointer-events:none}
.tl-ind{position:absolute;top:0;left:var(--tl-line);width:var(--tl-ind);height:var(--tl-ind);margin:calc(var(--tl-ind) / -2) 0 0 calc(var(--tl-ind) / -2);border-radius:50%;background:#00C8E8;--tl-ring:rgba(0,200,232,.2);box-shadow:0 0 0 4px var(--tl-ring),0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);z-index:3;pointer-events:none;will-change:transform;opacity:var(--tl-fx);visibility:hidden}
.tl.tl-js .tl-ind{visibility:visible}
.tl-item{position:relative;display:grid;grid-template-columns:var(--tl-cols);margin:0;padding:0}
.tl-item::before,.tl-item::marker{content:none}
.tl-col{grid-row:1;min-width:0}
.tl-a .tl-col{grid-column:var(--tl-a);padding:var(--tl-pad-a)}
.tl-b .tl-col{grid-column:var(--tl-b);padding:var(--tl-pad-b)}
.tl-dot{position:absolute;top:var(--tl-dot-top);left:var(--tl-line);width:var(--tl-dot);height:var(--tl-dot);margin-left:calc(var(--tl-dot) / -2);box-sizing:border-box;border-radius:50%;background:var(--tl-dot-bg);border:2px solid var(--tl-dot-bd);z-index:2;box-shadow:0 1px 3px rgba(0,0,0,.1)}

.tl-card{background:#fff;border:1px solid #F3F4F6;border-radius:12px;overflow:hidden;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);transition:box-shadow .2s}
.tl-card:hover{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)}
.tl-media{position:relative;height:176px;background:#E8F4FD;overflow:hidden}
.tl-media img{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none!important;object-fit:contain;padding:16px;box-sizing:border-box;border-radius:0;transition:filter var(--tl-tr) ease,opacity var(--tl-tr) ease}
.tl.tl-js .tl-item:not(.is-active) .tl-media img{filter:blur(calc(var(--tl-blur) * var(--tl-fx)));opacity:calc(1 - (1 - var(--tl-dim)) * var(--tl-fx))}
.tl-badge{position:absolute;top:12px;left:12px;z-index:1;background:#0D1B3E;color:#00C8E8;font-weight:900;font-size:16px;line-height:24px;padding:4px 12px;border-radius:9999px}
.tl-body{padding:20px}
.tl-t{margin:0 0 8px;color:#1D2B37;font-weight:900;font-size:18px;line-height:28px;text-transform:uppercase;letter-spacing:.025em}
.tl-d{margin:0;color:#6B7280;font-size:14px;line-height:1.625}

.elementor-editor-active .tl .tl-media img{filter:none!important;opacity:1!important}
@media (prefers-reduced-motion:reduce){.tl-media img,.tl-card{transition:none!important}}