.dkb-section{
  position:relative;
  width:100%;
  overflow:hidden;
  background:var(--dkb-bg,#0d2b1d);
  font-family:Arial,Helvetica,sans-serif;
  color:var(--dkb-heading,#fff);
  isolation:isolate;
}
.dkb-section *{box-sizing:border-box}
.dkb-backdrop{
  position:absolute;inset:0;z-index:-2;
  background-image:url('devobo-keuze-bg.jpg');
  background-size:cover;background-position:center 48%;
  filter:blur(1.2px) saturate(.72) brightness(.5);
  transform:scale(1.03);
}
.dkb-section:after{
  content:"";position:absolute;inset:0;z-index:-1;
  background:
    linear-gradient(180deg,rgba(8,39,26,.82),rgba(6,31,21,.93)),
    radial-gradient(circle at 28% 30%,rgba(47,88,65,.22),transparent 46%);
}
.dkb-inner{width:min(1100px,calc(100% - 48px));margin:0 auto;padding:62px 0 60px}
.dkb-head{text-align:center;margin:0 auto 28px;max-width:760px}
.dkb-head h2{margin:0 0 13px;color:var(--dkb-heading,#fff)!important;font-size:36px;line-height:1.1;font-weight:800;letter-spacing:-.025em}
.dkb-head p{margin:0;color:var(--dkb-text,#d9e0db)!important;font-size:17px;line-height:1.5;font-weight:400}
.dkb-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.dkb-card{
  position:relative;min-height:234px;padding:22px 20px 22px;
  background:color-mix(in srgb,var(--dkb-card,#173629) 72%,transparent);
  border:1px solid color-mix(in srgb,var(--dkb-border,#61766a) 88%,transparent);
  border-radius:11px;
  color:var(--dkb-heading,#fff)!important;text-decoration:none!important;
  display:flex;flex-direction:column;align-items:flex-start;
  transition:transform .18s ease,border-color .18s ease,background .18s ease;
  backdrop-filter:blur(1px);
}
.dkb-card:hover{transform:translateY(-2px);border-color:#9fb0a5;background:color-mix(in srgb,var(--dkb-card,#173629) 88%,transparent)}
.dkb-icon{width:38px;height:38px;display:inline-flex;color:var(--dkb-icon,#dfe9df);margin-bottom:22px}
.dkb-icon svg{width:38px;height:38px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.dkb-card-copy{display:block;padding-right:14px}
.dkb-label{display:block;margin:0 0 10px;font-size:19px;line-height:1.22;font-weight:800;letter-spacing:-.015em;color:var(--dkb-heading,#fff)}
.dkb-text{display:block;max-width:220px;font-size:15px;line-height:1.55;font-weight:400;color:var(--dkb-text,#d9e0db)}
.dkb-arrow{position:absolute;right:20px;bottom:20px;font-size:24px;line-height:1;color:var(--dkb-arrow,#dfe9df)}
@media(max-width:1050px){.dkb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dkb-card{min-height:210px}}
@media(max-width:620px){.dkb-inner{width:calc(100% - 28px);padding:42px 0}.dkb-head{margin-bottom:22px}.dkb-head h2{font-size:30px}.dkb-head p{font-size:15px}.dkb-grid{grid-template-columns:1fr;gap:10px}.dkb-card{min-height:170px;padding:20px}.dkb-label{font-size:20px}.dkb-text{max-width:none}.dkb-arrow{right:18px;bottom:18px}}