.elementor-4485 .elementor-element.elementor-element-409d7d2:not(.elementor-motion-effects-element-type-background), .elementor-4485 .elementor-element.elementor-element-409d7d2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1EB5CC;}.elementor-4485 .elementor-element.elementor-element-409d7d2 > .elementor-container{max-width:1600px;}.elementor-4485 .elementor-element.elementor-element-409d7d2{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:20px 20px 20px 20px;}.elementor-4485 .elementor-element.elementor-element-409d7d2 > .elementor-shape-bottom .elementor-shape-fill{fill:#0E96B2;}.elementor-4485 .elementor-element.elementor-element-409d7d2 > .elementor-shape-bottom svg{width:calc(300% + 1.3px);height:500px;}.elementor-widget-heading .elementor-heading-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 );color:var( --e-global-color-primary );}.elementor-4485 .elementor-element.elementor-element-4aa65a9{text-align:center;}.elementor-4485 .elementor-element.elementor-element-4aa65a9 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:48px;font-weight:800;line-height:1.1em;letter-spacing:0.4px;color:var( --e-global-color-efc6ed7 );}.elementor-4485 .elementor-element.elementor-element-44aa9a5 > .elementor-container{max-width:650px;}.elementor-4485 .elementor-element.elementor-element-44aa9a5{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-4485 .elementor-element.elementor-element-edad728:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-4485 .elementor-element.elementor-element-edad728 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-4485 .elementor-element.elementor-element-edad728 > .elementor-element-populated{border-style:solid;border-width:2px 2px 2px 2px;border-color:#E9EEF4;box-shadow:0px 10px 30px 0px rgba(0, 0, 0, 0.08);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:35px 35px 35px 35px;}.elementor-4485 .elementor-element.elementor-element-edad728 > .elementor-element-populated, .elementor-4485 .elementor-element.elementor-element-edad728 > .elementor-element-populated > .elementor-background-overlay, .elementor-4485 .elementor-element.elementor-element-edad728 > .elementor-background-slideshow{border-radius:50px 50px 50px 50px;}.elementor-4485 .elementor-element.elementor-element-edad728 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4485 .elementor-element.elementor-element-3bfa0c9{text-align:start;}.elementor-4485 .elementor-element.elementor-element-3bfa0c9 .elementor-heading-title{font-family:"Doppio One", Sans-serif;font-size:36px;font-weight:800;color:var( --e-global-color-ff4f503 );}.elementor-4485 .elementor-element.elementor-element-b2536dc{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-4485 .elementor-element.elementor-element-b614438{--spacer-size:50px;}.elementor-4485 .elementor-element.elementor-element-0600d3b{--spacer-size:50px;}.elementor-4485 .elementor-element.elementor-element-68c72ae > .elementor-container{max-width:800px;}.elementor-4485 .elementor-element.elementor-element-68c72ae{padding:22px 22px 22px 22px;}.elementor-4485 .elementor-element.elementor-element-2b7b616{text-align:center;}.elementor-4485 .elementor-element.elementor-element-2b7b616 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:48px;font-weight:800;line-height:1.1em;letter-spacing:0.4px;color:var( --e-global-color-ff4f503 );}.elementor-4485 .elementor-element.elementor-element-ade10bd{--spacer-size:40px;}.elementor-4485 .elementor-element.elementor-element-d374258{text-align:center;}.elementor-4485 .elementor-element.elementor-element-d374258 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:48px;font-weight:800;line-height:1.1em;letter-spacing:0.4px;color:var( --e-global-color-ff4f503 );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-4485 .elementor-element.elementor-element-251b456{text-align:center;font-family:"Montserrat", Sans-serif;font-size:24px;font-weight:700;color:#000000;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-4485 .elementor-element.elementor-element-e4ee21b > .elementor-widget-container{margin:12px 0px 22px 0px;}.elementor-4485 .elementor-element.elementor-element-e4ee21b .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(28px/2);}.elementor-4485 .elementor-element.elementor-element-e4ee21b .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(28px/2);}.elementor-4485 .elementor-element.elementor-element-e4ee21b .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(28px/2);}.elementor-4485 .elementor-element.elementor-element-e4ee21b .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-28px/2);}.elementor-4485 .elementor-element.elementor-element-e4ee21b .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-28px/2);}.elementor-4485 .elementor-element.elementor-element-e4ee21b .elementor-icon-list-icon i{color:var( --e-global-color-ff4f503 );transition:color 0.3s;}.elementor-4485 .elementor-element.elementor-element-e4ee21b .elementor-icon-list-icon svg{fill:var( --e-global-color-ff4f503 );transition:fill 0.3s;}.elementor-4485 .elementor-element.elementor-element-e4ee21b{--e-icon-list-icon-size:16px;--icon-vertical-offset:0px;}.elementor-4485 .elementor-element.elementor-element-e4ee21b .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-4485 .elementor-element.elementor-element-e4ee21b .elementor-icon-list-item > .elementor-icon-list-text, .elementor-4485 .elementor-element.elementor-element-e4ee21b .elementor-icon-list-item > a{font-family:"Montserrat", Sans-serif;font-size:22px;font-weight:400;line-height:1.5em;letter-spacing:0.1px;}.elementor-4485 .elementor-element.elementor-element-e4ee21b .elementor-icon-list-text{color:#000000;transition:color 0.3s;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-4485 .elementor-element.elementor-element-077ddf7 .elementor-button{background-color:var( --e-global-color-ff4f503 );font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:700;text-shadow:0px 0px 0px rgba(0,0,0,0.3);fill:var( --e-global-color-efc6ed7 );color:var( --e-global-color-efc6ed7 );border-radius:999px 999px 999px 999px;padding:24px 48px 24px 48px;}:root{--page-title-display:none;}@media(max-width:1366px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-4485 .elementor-element.elementor-element-4aa65a9{width:var( --container-widget-width, 744px );max-width:744px;--container-widget-width:744px;--container-widget-flex-grow:0;}.elementor-4485 .elementor-element.elementor-element-4aa65a9 > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-4485 .elementor-element.elementor-element-4aa65a9 .elementor-heading-title{font-size:26px;}.elementor-4485 .elementor-element.elementor-element-44aa9a5 > .elementor-container{max-width:650px;}.elementor-4485 .elementor-element.elementor-element-3bfa0c9{text-align:center;}.elementor-4485 .elementor-element.elementor-element-3bfa0c9 .elementor-heading-title{font-size:40px;}.elementor-4485 .elementor-element.elementor-element-b614438{--spacer-size:40px;}.elementor-4485 .elementor-element.elementor-element-68c72ae, .elementor-4485 .elementor-element.elementor-element-68c72ae > .elementor-background-overlay{border-radius:0px 0px 0px 0px;}.elementor-4485 .elementor-element.elementor-element-2b7b616{width:var( --container-widget-width, 409px );max-width:409px;--container-widget-width:409px;--container-widget-flex-grow:0;}.elementor-4485 .elementor-element.elementor-element-2b7b616 .elementor-heading-title{font-size:28px;}.elementor-4485 .elementor-element.elementor-element-d374258{width:var( --container-widget-width, 409px );max-width:409px;--container-widget-width:409px;--container-widget-flex-grow:0;text-align:center;}.elementor-4485 .elementor-element.elementor-element-d374258 .elementor-heading-title{font-size:28px;}.elementor-4485 .elementor-element.elementor-element-251b456{font-size:18px;}.elementor-4485 .elementor-element.elementor-element-e4ee21b{--icon-vertical-offset:0px;}.elementor-4485 .elementor-element.elementor-element-e4ee21b .elementor-icon-list-item > .elementor-icon-list-text, .elementor-4485 .elementor-element.elementor-element-e4ee21b .elementor-icon-list-item > a{font-size:18px;}.elementor-4485 .elementor-element.elementor-element-077ddf7 .elementor-button{font-size:18px;}}@media(min-width:768px){.elementor-4485 .elementor-element.elementor-element-384361e{width:100%;}}/* Start custom CSS for shortcode, class: .elementor-element-b2536dc *//* ================= Lease Calculator Skin - LIGHT v2 (exact targets) ================= */
.leasecalc-skin{
  --card:#ffffff;
  --ink:#0f172a;
  --muted:#64748b;
  --line:rgba(15,23,42,.10);
  --field:#f1f5f9;
  --field2:#eef2f7;
  --accent1:#29c6d2;
  --accent2:#0ea5b4;
  --accentDark:#1f2a44; /* active segment */
  --radius:22px;
}

/* Outer card */
.leasecalc-skin .elementor-widget-container{
  background: var(--card) !important;
  border: 1px solid var(--line) !important;
  border-radius: var(--radius) !important;
  box-shadow: 0 18px 60px rgba(2,6,23,.10) !important;
  padding: 24px !important;
  color: var(--ink) !important;
}

/* Remove any inner frames */
.leasecalc-skin form,
.leasecalc-skin fieldset,
.leasecalc-skin .card,
.leasecalc-skin .panel,
.leasecalc-skin .wrapper,
.leasecalc-skin .container,
.leasecalc-skin .border{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* --- Bootstrap row layout: label above input (like screenshot 2) --- */
.leasecalc-skin .row.mb-3{
  margin: 0 0 14px 0 !important;
}

/* Label full width */
.leasecalc-skin .row.mb-3 > label.col-6{
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
  padding: 0 !important;
  margin: 0 0 8px 0 !important;
  color: var(--muted) !important;
  font-weight: 650 !important;
  font-size: 14px !important;
}

/* Control column full width */
.leasecalc-skin .row.mb-3 > div.col-6{
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
  padding: 0 !important;
}

/* Inputs: pill */
.leasecalc-skin input.form-control,
.leasecalc-skin select.form-control{
  width: 100% !important;
  background: var(--field) !important;
  color: var(--ink) !important;
  border: 1px solid rgba(15,23,42,.06) !important;
  border-radius: 999px !important;
  padding: 14px 16px !important;
  outline: none !important;
  box-shadow: none !important;
}

/* readonly/disabled */
.leasecalc-skin input.form-control[readonly],
.leasecalc-skin input.form-control:disabled{
  background: var(--field2) !important;
  color: rgba(15,23,42,.72) !important;
}

/* focus */
.leasecalc-skin input.form-control:focus,
.leasecalc-skin select.form-control:focus{
  border-color: rgba(41,198,210,.45) !important;
  box-shadow: 0 0 0 4px rgba(41,198,210,.18) !important;
}

/* Info icon (i) */
.leasecalc-skin label .info,
.leasecalc-skin label i,
.leasecalc-skin .fa,
.leasecalc-skin .dashicons{
  color: rgba(100,116,139,.9) !important;
}

/* ---------- Looptijd segmented control ---------- */
/* Buttons live in the .col-6 next to Looptijd label. Make that a segmented pill. */
.leasecalc-skin .btn.looptijd-btn{
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: rgba(15,23,42,.70) !important;
  font-weight: 800 !important;
  padding: 12px 0 !important;
  margin: 0 !important;
  min-width: 0 !important;
  box-shadow: none !important;
}

/* Make parent of looptijd buttons one pill */
.leasecalc-skin .row.mb-3:has(.looptijd-btn) > div.col-6{
  display: grid !important;
  grid-template-columns: repeat(6, 1fr) !important;
  gap: 0 !important;
  background: var(--field) !important;
  border: 1px solid rgba(15,23,42,.06) !important;
  border-radius: 999px !important;
  overflow: hidden !important;
}

/* separators */
.leasecalc-skin .row.mb-3:has(.looptijd-btn) .looptijd-btn + .looptijd-btn{
  box-shadow: inset 1px 0 0 rgba(15,23,42,.06) !important;
}

/* active state */
.leasecalc-skin .btn.looptijd-btn.active{
  background: var(--accentDark) !important;
  color: #fff !important;
}

/* Ensure 72 is just the last segment (no full-width row behavior) */
.leasecalc-skin .btn.looptijd-btn[data-value="72"]{
  grid-column: 6 / 7 !important;
}

/* ---------- Maandbedrag as big gradient bar ---------- */
.leasecalc-skin input#maandbedrag.form-control{
  background: linear-gradient(90deg, rgba(41,198,210,.35), rgba(14,165,180,.22)) !important;
  border: 0 !important;
  border-radius: 18px !important;
  padding: 16px 18px !important;
  font-size: 22px !important;
  font-weight: 900 !important;
  color: rgba(15,23,42,.95) !important;
}

/* Make it look like display, not editable */
.leasecalc-skin input#maandbedrag{
  cursor: default !important;
}

/* ---------- CTA full width gradient ---------- */
.leasecalc-skin button[type="submit"],
.leasecalc-skin input[type="submit"]{
  width: 100% !important;
  border: 0 !important;
  border-radius: 18px !important;
  padding: 14px 18px !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  color: #fff !important;
  background: linear-gradient(90deg, var(--accent1), var(--accent2)) !important;
  box-shadow: 0 12px 30px rgba(14,165,180,.25) !important;
}

/* Add spacing above CTA row if needed */
.leasecalc-skin .row.mb-3:has(button[type="submit"]),
.leasecalc-skin .row.mb-3:has(input[type="submit"]){
  margin-top: 6px !important;
}

/* Mobile: keep it the same (already 1-column) */
/* ===== CTA knop fix (Offerte aanvragen) ===== */
.leasecalc-skin button,
.leasecalc-skin .btn{
  border-radius: 18px !important;
}

/* Pak de echte button (meest voorkomend bij bootstrap forms) */
.leasecalc-skin .btn.btn-primary,
.leasecalc-skin .btn-primary,
.leasecalc-skin button.btn-primary,
.leasecalc-skin button[type="submit"],
.leasecalc-skin input[type="submit"]{
  width: 100% !important;
  display: block !important;
  border: 0 !important;
  border-radius: 18px !important;
  padding: 14px 18px !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  color: #fff !important;
  background: linear-gradient(90deg, var(--accent1), var(--accent2)) !important;
  box-shadow: 0 12px 30px rgba(14,165,180,.25) !important;
}

/* Hover */
.leasecalc-skin .btn.btn-primary:hover,
.leasecalc-skin .btn-primary:hover,
.leasecalc-skin button.btn-primary:hover{
  filter: brightness(1.03);
}

/* Zet de knop in het midden en onder de bar */
.leasecalc-skin .row.mb-3:has(.btn-primary),
.leasecalc-skin .row.mb-3:has(button[type="submit"]),
.leasecalc-skin .row.mb-3:has(input[type="submit"]){
  margin-top: 10px !important;
}

/* Als bootstrap hem smal maakt: forceer col-6 naar 100% op submit row */
.leasecalc-skin .row.mb-3:has(.btn-primary) > div.col-6,
.leasecalc-skin .row.mb-3:has(button[type="submit"]) > div.col-6,
.leasecalc-skin .row.mb-3:has(input[type="submit"]) > div.col-6{
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
}
/* ===== CTA polish (gradient + spacing) ===== */

/* Extra ruimte boven de knop */
.leasecalc-skin .row.mb-3:has(.btn-primary),
.leasecalc-skin .row.mb-3:has(button[type="submit"]),
.leasecalc-skin .row.mb-3:has(input[type="submit"]){
  margin-top: 45px !important;   /* was te krap */
}

/* Mooie zachte gradient (zoals voorbeeld) */
.leasecalc-skin .btn.btn-primary,
.leasecalc-skin .btn-primary,
.leasecalc-skin button.btn-primary,
.leasecalc-skin button[type="submit"],
.leasecalc-skin input[type="submit"]{
  background: linear-gradient(
    90deg,
    #6fe3ea 0%,
    #36c7d4 50%,
    #1fb6c6 100%
  ) !important;

  border-radius: 20px !important;
  padding: 16px 20px !important;
  font-size: 18px !important;
  font-weight: 900 !important;

  box-shadow: 
    0 14px 32px rgba(31,182,198,.28),
    inset 0 1px 0 rgba(255,255,255,.35) !important;
}

/* Hover subtiel */
.leasecalc-skin .btn.btn-primary:hover,
.leasecalc-skin .btn-primary:hover,
.leasecalc-skin button.btn-primary:hover{
  filter: brightness(1.04);
  transform: translateY(-1px);
}/* ===== CTA knop zonder gradient (clean style) ===== */

.leasecalc-skin .btn.btn-primary,
.leasecalc-skin .btn-primary,
.leasecalc-skin button.btn-primary,
.leasecalc-skin button[type="submit"],
.leasecalc-skin input[type="submit"]{
  background: #1fb6c6 !important;   /* zelfde familie als accent */
  border: 0 !important;
  border-radius: 18px !important;
  padding: 16px 20px !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  color: #fff !important;

  box-shadow: 0 10px 24px rgba(31,182,198,.25) !important;
}

/* Hover subtiel */
.leasecalc-skin .btn.btn-primary:hover,
.leasecalc-skin .btn-primary:hover,
.leasecalc-skin button.btn-primary:hover{
  background: #18a8b7 !important;
  transform: translateY(-1px);
}/* ===== OVERRIDES: geen gloed + knoppen groter ===== */

/* Offerte aanvragen: geen glow/shadow, wel strak */
.leasecalc-skin .btn.btn-primary,
.leasecalc-skin .btn-primary,
.leasecalc-skin button.btn-primary,
.leasecalc-skin button[type="submit"],
.leasecalc-skin input[type="submit"]{
  box-shadow: none !important;          /* haalt gloed weg */
  filter: none !important;
}

/* Hover ook geen shadow */
.leasecalc-skin .btn.btn-primary:hover,
.leasecalc-skin .btn-primary:hover,
.leasecalc-skin button.btn-primary:hover,
.leasecalc-skin button[type="submit"]:hover,
.leasecalc-skin input[type="submit"]:hover{
  box-shadow: none !important;
  transform: none !important;           /* geen "lift" */
}

/* CTA iets “voller” (meer zoals voorbeeld) */
.leasecalc-skin .btn.btn-primary,
.leasecalc-skin .btn-primary,
.leasecalc-skin button.btn-primary,
.leasecalc-skin button[type="submit"],
.leasecalc-skin input[type="submit"]{
  padding: 18px 22px !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  border-radius: 999px !important;
}

/* Looptijd segment knoppen iets groter */
.leasecalc-skin .btn.looptijd-btn{
  padding: 14px 0 !important;
  font-size: 15px !important;
}

/* Segmented pill iets hoger (meer “presence”) */
.leasecalc-skin .row.mb-3:has(.looptijd-btn) > div.col-6{
  border-radius: 999px !important;
}/* ===== Verwijder inner card look zodat het geen card-in-card is ===== */
.leasecalc-skin .elementor-widget-container{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* Zorg dat form niet opnieuw een rand/shadow krijgt */
.leasecalc-skin form,
.leasecalc-skin fieldset,
.leasecalc-skin .card,
.leasecalc-skin .panel{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}/* FORCE CTA kleur binnen Elementor Custom CSS scope */
.elementor-4485 .elementor-element.elementor-element-b2536dc .btn.btn-primary,
.elementor-4485 .elementor-element.elementor-element-b2536dc .btn-primary,
.elementor-4485 .elementor-element.elementor-element-b2536dc button[type="submit"],
.elementor-4485 .elementor-element.elementor-element-b2536dc input[type="submit"],
.elementor-4485 .elementor-element.elementor-element-b2536dc a.btn-primary{
  background-color: #1EB5CC !important;
  background-image: none !important;    /* kill gradient */
  box-shadow: none !important;
  border-color: #1EB5CC !important;
  color: #fff !important;
}

/* hover */
.elementor-4485 .elementor-element.elementor-element-b2536dc .btn.btn-primary:hover,
.elementor-4485 .elementor-element.elementor-element-b2536dc .btn-primary:hover,
.elementor-4485 .elementor-element.elementor-element-b2536dc button[type="submit"]:hover,
.elementor-4485 .elementor-element.elementor-element-b2536dc input[type="submit"]:hover,
.elementor-4485 .elementor-element.elementor-element-b2536dc a.btn-primary:hover{
  background-color: #169fb3 !important;
  background-image: none !important;
  border-color: #169fb3 !important;
  box-shadow: none !important;
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-edad728 */.calc-card{
  box-shadow: 0 22px 70px rgba(2,6,23,.10) !important;
}/* ===== Fix: puntige onderkant / uitsteken ===== */
.calc-card{
  border-radius: 22px !important;
  overflow: hidden !important; /* snijdt alles netjes af */
}

/* als er binnenin nog een extra wrapper rand heeft */
.calc-card .elementor-widget-wrap,
.calc-card .elementor-element,
.calc-card .elementor-widget-container{
  border-radius: inherit !important;
}/* ===== Calculator look (light, pill inputs, segmented looptijd) ===== */
.elementor-4485 .elementor-element.elementor-element-edad728{
  --ink:#0f172a;
  --muted:#6b7280;
  --field:#f3f4f6;
  --field2:#eef2f7;
  --btn:#18a9b6;
  --btnHover:#1297a3;
  --active:#1f2a44;
}

/* label boven input */
.elementor-4485 .elementor-element.elementor-element-edad728 .row.mb-3{ margin:0 0 14px 0 !important; }

.elementor-4485 .elementor-element.elementor-element-edad728 .row.mb-3 > label.col-6{
  width:100% !important; max-width:100% !important; flex:0 0 100% !important;
  padding:0 !important; margin:0 0 8px 0 !important;
  color: var(--muted) !important;
  font-weight: 650 !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
}

.elementor-4485 .elementor-element.elementor-element-edad728 .row.mb-3 > div.col-6{
  width:100% !important; max-width:100% !important; flex:0 0 100% !important;
  padding:0 !important;
}

/* inputs pill */
.elementor-4485 .elementor-element.elementor-element-edad728 input.form-control,
.elementor-4485 .elementor-element.elementor-element-edad728 select.form-control{
  width:100% !important;
  background: var(--field) !important;
  border: 1px solid rgba(15,23,42,.06) !important;
  border-radius: 999px !important;
  padding: 14px 16px !important;
  color: var(--ink) !important;
  box-shadow:none !important;
}

.elementor-4485 .elementor-element.elementor-element-edad728 input.form-control[readonly],
.elementor-4485 .elementor-element.elementor-element-edad728 input.form-control:disabled{
  background: var(--field2) !important;
  color: rgba(15,23,42,.72) !important;
}

/* looptijd segmented */
.elementor-4485 .elementor-element.elementor-element-edad728 .row.mb-3:has(.looptijd-btn) > div.col-6{
  display:grid !important;
  grid-template-columns:repeat(6,1fr) !important;
  gap:0 !important;
  background: var(--field) !important;
  border:1px solid rgba(15,23,42,.06) !important;
  border-radius:999px !important;
  overflow:hidden !important;
}
.elementor-4485 .elementor-element.elementor-element-edad728 .btn.looptijd-btn{
  border:0 !important;
  background:transparent !important;
  color: rgba(15,23,42,.70) !important;
  font-weight:800 !important;
  font-size:14px !important;
  padding:12px 0 !important;
  margin:0 !important;
  border-radius:0 !important;
}
.elementor-4485 .elementor-element.elementor-element-edad728 .btn.looptijd-btn + .btn.looptijd-btn{
  box-shadow: inset 1px 0 0 rgba(15,23,42,.06) !important;
}
.elementor-4485 .elementor-element.elementor-element-edad728 .btn.looptijd-btn.active{
  background: var(--active) !important;
  color:#fff !important;
}

/* maandbedrag bar */
.elementor-4485 .elementor-element.elementor-element-edad728 input#maandbedrag.form-control{
  background: rgba(24,169,182,.18) !important;
  border: 0 !important;
  border-radius: 18px !important;
  padding: 16px 18px !important;
  font-size: 22px !important;
  font-weight: 900 !important;
  color: rgba(15,23,42,.92) !important;
}

/* CTA */
.elementor-4485 .elementor-element.elementor-element-edad728 .btn.btn-primary,
.elementor-4485 .elementor-element.elementor-element-edad728 .btn-primary,
.elementor-4485 .elementor-element.elementor-element-edad728 button.btn-primary,
.elementor-4485 .elementor-element.elementor-element-edad728 button[type="submit"],
.elementor-4485 .elementor-element.elementor-element-edad728 input[type="submit"]{
  width:100% !important;
  background: var(--btn) !important;
  border:0 !important;
  border-radius:999px !important;
  padding:16px 20px !important;
  font-size:18px !important;
  font-weight:900 !important;
  color:#fff !important;
  box-shadow:none !important; /* geen glow */
}
.elementor-4485 .elementor-element.elementor-element-edad728 .btn-primary:hover,
.elementor-4485 .elementor-element.elementor-element-edad728 button.btn-primary:hover,
.elementor-4485 .elementor-element.elementor-element-edad728 button[type="submit"]:hover,
.elementor-4485 .elementor-element.elementor-element-edad728 input[type="submit"]:hover{
  background: var(--btnHover) !important;
}

/* Mobile compact */
@media (max-width: 767px){
  .elementor-4485 .elementor-element.elementor-element-edad728 input.form-control,
  .elementor-4485 .elementor-element.elementor-element-edad728 select.form-control{ padding:12px 14px !important; }
  .elementor-4485 .elementor-element.elementor-element-edad728 input#maandbedrag.form-control{ font-size:20px !important; }
}/* End custom CSS */