.elementor-11866 .elementor-element.elementor-element-6b15b39 .eael-wpforms label.wpforms-error{display:block !important;}.elementor-11866 .elementor-element.elementor-element-6b15b39 .eael-wpforms .wpforms-field input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .elementor-11866 .elementor-element.elementor-element-6b15b39 .eael-wpforms .wpforms-field select{height:30px;}.elementor-11866 .elementor-element.elementor-element-6b15b39 .eael-wpforms .wpforms-submit-container .wpforms-submit:hover, 
                    .elementor-11866 .elementor-element.elementor-element-6b15b39 .eael-wpforms .wpforms-container-full .wpforms-submit-container .wpforms-form button[type=submit]:hover{background:#065689 !important;}.elementor-11866 .elementor-element.elementor-element-6b15b39 .eael-wpforms input.wpforms-error{border-width:1px;}.elementor-11866 .elementor-element.elementor-element-6b15b39 .eael-wpforms textarea.wpforms-error{border-width:1px;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-0e4a2e6 *//* ================================
   WHY RENEW – LEFT ALIGNED / HERO MATCH
================================ */

/* dit moet matchen met je banner content padding */
.renewAligned{
  background:#ffffff;
  padding: 16px 0 20px;
}

/* zelfde startpunt als banner tekst */
.renewAlignedInner{
  max-width: 1120px;          /* content-width, niet full banner */
  padding-left: 20px;       /* 👈 MATCH dit met banner tekst start */
  padding-right: 24px;
}

/* titel */
.renewAlignedTitle{
  margin: 0 0 10px;
  font-size: 18px;
  font-weight: 600;
  color: #121317;
}

/* lijst */
.renewAlignedList{
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 8px;
}

/* rij = geen lange balk */
.renewAlignedList li{
  display: grid;
  grid-template-columns: 22px 1fr;
  align-items: start;
  gap: 10px;
}

/* icon subtiel */
.renewAlignedList .icon{
  width: 22px;
  height: 22px;
  margin-top: 2px;
  border-radius: 6px;
  display: grid;
  place-items: center;
  background: rgba(224,34,40,.14);
}

.renewAlignedList svg{
  width: 13px;
  height: 13px;
  stroke: #e02228;
  stroke-width: 2;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* tekst */
.renewAlignedList .text{
  font-size: 14px;
  line-height: 1.4;
  color: #121317;
  max-width: 520px;   /* voorkomt lange regels */
}

/* ================================
   RESPONSIVE
================================ */
@media (max-width: 1200px){
  .renewAlignedInner{
    padding-left: 80px;
  }
}

@media (max-width: 900px){
  .renewAlignedInner{
    padding-left: 24px;
    padding-right: 24px;
  }
}

@media (max-width: 600px){
  .renewAlignedTitle{
    font-size: 17px;
  }

  .renewAlignedList .text{
    font-size: 13.5px;
  }
}

/* Forceer alleen de 2e bullet op 1 lijn */
.renewAlignedList li:nth-child(2) .text{
  white-space: nowrap !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9336535 *//* ================================
   SCOM FUTURA LIGHT
================================ */
@font-face{
  font-family:"FuturaSCOM";
  src:url("https://scombank.sr/wp-content/uploads/2021/10/Futura-Light.woff") format("woff");
  font-weight:300;
  font-style:normal;
  font-display:swap;
}

/* ================================
   TOKENS (100% NEUTRAAL)
================================ */
:root{
  --bg:#ffffff;

  --text:#111111;
  --muted:#4e4e4e;

  --line:rgba(0,0,0,.14);
  --lineSoft:rgba(0,0,0,.08);

  --radius:20px;

  --shadow:0 6px 16px rgba(0,0,0,.08);

  --max:980px;
}

/* ================================
   BASE
================================ */
*{ box-sizing:border-box; }
html,body{ height:100%; }

body{
  margin:0;
  background:#ffffff !important; 
  color:var(--text);
  font-family:"FuturaSCOM","Futura","Futura PT","Avenir Next","Avenir","Segoe UI",system-ui,-apple-system,Arial,sans-serif;
  line-height:1.25;
}

/* ================================
   WRAP
================================ */
.wrap{
  max-width:var(--max);
  margin:0 auto;
  padding:18px 14px 40px;
  background:#ffffff !important;
}

/* ================================
   HEADER
================================ */
.hero{
  padding:10px 0 18px;
  background:#ffffff !important;
  border-top:1px solid var(--lineSoft);
}

.heroTitle{
  margin:12px 0 0;
  text-align:center;
  font-weight:300;
  letter-spacing:-.02em;
  font-size:clamp(22px, 2.4vw, 34px);
  color:var(--text);
}

.heroSubtitle{
  margin:6px 0 0;
  text-align:center;
  font-size:14px;
  color:#4e4e4e;
}


/* ================================
   GRID
================================ */
.pick{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:18px;
  align-items:stretch;
  background:#ffffff !important;
}

/* ================================
   CARD BUTTONS (FLAT / NO HOVER)
================================ */
.pickCard{
  appearance:none;
  border:0;
  padding:0;
  background:transparent !important;
  cursor:pointer;
  text-align:left;
  outline:none !important;
  box-shadow:none !important;
}

.pickCard,
.pickCard *{
  transition:none !important;
  animation:none !important;
}

.pickCard:focus,
.pickCard:focus-visible,
.pickCard:active{
  outline:none !important;
  box-shadow:none !important;
}

/* card surface */
.pickCardInner{
  position:relative;
  height:170px;
  border-radius:var(--radius);
  border:1px solid var(--line) !important;

  background:#ffffff !important;
  background-image:none !important;

  box-shadow:var(--shadow) !important;
  overflow:hidden;

  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;
}

.pickCardInner::before,
.pickCardInner::after{
  content:none !important;
}

.pickCard:hover .pickCardInner,
.pickCard:active .pickCardInner,
.pickCard:focus .pickCardInner,
.pickCard:focus-visible .pickCardInner{
  transform:none !important;
  background:#ffffff !important;
  background-image:none !important;
  border-color:var(--line) !important;
  box-shadow:var(--shadow) !important;
  outline:none !important;
}

/* ================================
   LOGOS (flat)
================================ */
.logoSlot{
  height:44px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:transparent !important;
}

.logoImg{
  height:34px;
  width:auto;
  display:block;
  filter:none !important;
  background:transparent !important;
}
.logoImg--up{ height:30px; }

/* ================================
   TEXT 
================================ */
.pickName{
  font-size:clamp(18px, 2vw, 30px);
  letter-spacing:-.02em;
  font-weight:300;
  text-align:center;
  color:#111111 !important;
}

/* ================================
   ARROW 
================================ */
.pickArrow{
  position:absolute;
  right:16px;
  top:16px;
  width:34px;
  height:34px;
  border-radius:10px;
  display:grid;
  place-items:center;

  background:rgba(0,0,0,.04) !important;
  border:1px solid var(--lineSoft) !important;
  color:#111111 !important;
  font-size:18px;

  transform:none !important;
}

.pickCard:hover .pickArrow,
.pickCard:active .pickArrow,
.pickCard:focus .pickArrow,
.pickCard:focus-visible .pickArrow{
  transform:none !important;
}


.wrap,
.wrap *{
  background-image:none !important;
}

.wrap::before,
.wrap::after,
.wrap *::before,
.wrap *::after{
  background:transparent !important;
  box-shadow:none !important;
  outline:none !important;
}

/* ================================
   MOBILE
================================ */
@media (max-width:640px){
  .pick{ grid-template-columns:1fr; }
  .pickCardInner{ height:150px; }
}/* End custom CSS */