.elementor-9 .elementor-element.elementor-element-5fb41b1{--display:flex;--min-height:620px;--overlay-opacity:1;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );--border-radius:0px 0px 1px 0px;}.elementor-9 .elementor-element.elementor-element-5fb41b1::before, .elementor-9 .elementor-element.elementor-element-5fb41b1 > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-5fb41b1 > .e-con-inner > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-5fb41b1 > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-5fb41b1 > .e-con-inner > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-5fb41b1 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;background-image:url("https://sportscar-finance.nl/wp-content/uploads/2026/04/ChatGPT-Image-27-apr-2026-19_10_53.png");--background-overlay:'';background-position:-204px -138px;}.elementor-9 .elementor-element.elementor-element-8feb39e{--spacer-size:20px;}.elementor-9 .elementor-element.elementor-element-dc8236d{--spacer-size:20px;}.elementor-9 .elementor-element.elementor-element-886192e{--display:flex;}.elementor-9 .elementor-element.elementor-element-371c4e8{--display:flex;}.elementor-9 .elementor-element.elementor-element-4d7e496{--display:flex;}.elementor-9 .elementor-element.elementor-element-4df66a4{--display:flex;}.elementor-9 .elementor-element.elementor-element-a575666{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9 .elementor-element.elementor-element-349b224{--display:flex;--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-9 .elementor-element.elementor-element-6b98703{--display:flex;--min-height:0px;--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;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-9 .elementor-element.elementor-element-bf9ce1b{text-align:center;}.elementor-9 .elementor-element.elementor-element-bf9ce1b img{width:100%;}.elementor-9 .elementor-element.elementor-element-c59e3c3{--display:flex;}.elementor-9 .elementor-element.elementor-element-37cfee7{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9 .elementor-element.elementor-element-36cc3ea{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9 .elementor-element.elementor-element-d617cd4.elementor-element{--align-self:center;}.elementor-9 .elementor-element.elementor-element-d617cd4{text-align:center;}.elementor-9 .elementor-element.elementor-element-634a0b3{--display:flex;--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-9 .elementor-element.elementor-element-489a6c8{--display:flex;}.elementor-9 .elementor-element.elementor-element-d1e026b{--display:flex;--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-9 .elementor-element.elementor-element-25dcac0{--e-image-carousel-slides-to-show:5;}.elementor-9 .elementor-element.elementor-element-25dcac0 .swiper-wrapper{display:flex;align-items:center;}.elementor-9 .elementor-element.elementor-element-7c74810{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9 .elementor-element.elementor-element-39e9b4d{--display:flex;--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-9 .elementor-element.elementor-element-27b99f2{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9 .elementor-element.elementor-element-d42abcc{text-align:center;}.elementor-9 .elementor-element.elementor-element-add2dda{--display:flex;}.elementor-9 .elementor-element.elementor-element-405c04b{--display:flex;}.elementor-9 .elementor-element.elementor-element-1f17065{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9 .elementor-element.elementor-element-8d5a545{--display:flex;--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;border-style:solid;--border-style:solid;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-accent );--border-color:var( --e-global-color-accent );}.elementor-9 .elementor-element.elementor-element-4cd7d3b img{width:40%;border-radius:25px 25px 25px 25px;box-shadow:0px 0px 10px 10px rgba(0,0,0,0.5);}.elementor-9 .elementor-element.elementor-element-67051d4{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-67051d4.e-con{--align-self:center;}.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-9 .elementor-element.elementor-element-08a68a4 .elementor-button{background-color:transparent;fill:#000000;color:#000000;background-image:linear-gradient(180deg, var( --e-global-color-32d2623 ) 10%, var( --e-global-color-b3755ac ) 80%);border-radius:25px 25px 25px 25px;}.elementor-9 .elementor-element.elementor-element-08a68a4 .elementor-button:hover, .elementor-9 .elementor-element.elementor-element-08a68a4 .elementor-button:focus{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-b3755ac ) 10%, var( --e-global-color-32d2623 ) 80%);}.elementor-9 .elementor-element.elementor-element-08a68a4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-9 .elementor-element.elementor-element-08a68a4 .elementor-button-content-wrapper{flex-direction:row;}.elementor-9 .elementor-element.elementor-element-08a68a4 .elementor-button .elementor-button-content-wrapper{gap:5px;}.elementor-9 .elementor-element.elementor-element-3934eca .elementor-button{background-color:transparent;fill:#000000;color:#000000;background-image:linear-gradient(180deg, #25D366 10%, #075E54 80%);border-radius:25px 25px 25px 25px;}.elementor-9 .elementor-element.elementor-element-3934eca .elementor-button:hover, .elementor-9 .elementor-element.elementor-element-3934eca .elementor-button:focus{background-color:transparent;background-image:linear-gradient(180deg, #075E54 10%, #25D366 80%);}.elementor-9 .elementor-element.elementor-element-3934eca .elementor-button-content-wrapper{flex-direction:row;}.elementor-9 .elementor-element.elementor-element-3934eca .elementor-button .elementor-button-content-wrapper{gap:5px;}.elementor-9 .elementor-element.elementor-element-e23f75a .elementor-button{background-color:transparent;fill:#000000;color:#000000;background-image:linear-gradient(180deg, #C0B8A5 10%, #4D4B49 80%);border-radius:25px 25px 25px 25px;}.elementor-9 .elementor-element.elementor-element-e23f75a .elementor-button:hover, .elementor-9 .elementor-element.elementor-element-e23f75a .elementor-button:focus{background-color:transparent;background-image:linear-gradient(180deg, #4D4B49 10%, #C0B8A5 80%);}.elementor-9 .elementor-element.elementor-element-e23f75a .elementor-button-content-wrapper{flex-direction:row;}.elementor-9 .elementor-element.elementor-element-e23f75a .elementor-button .elementor-button-content-wrapper{gap:5px;}.elementor-9 .elementor-element.elementor-element-c5bff03{--display:flex;--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-9 .elementor-element.elementor-element-f3c43da img{width:40%;border-radius:25px 25px 25px 25px;box-shadow:0px 0px 10px 10px rgba(0,0,0,0.5);}.elementor-9 .elementor-element.elementor-element-9d16db5{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-9d16db5.e-con{--align-self:center;}.elementor-9 .elementor-element.elementor-element-0c9b40c .elementor-button{background-color:transparent;fill:#000000;color:#000000;background-image:linear-gradient(180deg, var( --e-global-color-32d2623 ) 10%, var( --e-global-color-b3755ac ) 80%);border-radius:25px 25px 25px 25px;}.elementor-9 .elementor-element.elementor-element-0c9b40c .elementor-button:hover, .elementor-9 .elementor-element.elementor-element-0c9b40c .elementor-button:focus{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-b3755ac ) 10%, var( --e-global-color-32d2623 ) 80%);}.elementor-9 .elementor-element.elementor-element-0c9b40c .elementor-button-content-wrapper{flex-direction:row;}.elementor-9 .elementor-element.elementor-element-0c9b40c .elementor-button .elementor-button-content-wrapper{gap:5px;}.elementor-9 .elementor-element.elementor-element-9da9b21 .elementor-button{background-color:transparent;fill:#000000;color:#000000;background-image:linear-gradient(180deg, #25D366 10%, #075E54 80%);border-radius:25px 25px 25px 25px;}.elementor-9 .elementor-element.elementor-element-9da9b21 .elementor-button:hover, .elementor-9 .elementor-element.elementor-element-9da9b21 .elementor-button:focus{background-color:transparent;background-image:linear-gradient(180deg, #075E54 10%, #25D366 80%);}.elementor-9 .elementor-element.elementor-element-9da9b21 .elementor-button-content-wrapper{flex-direction:row;}.elementor-9 .elementor-element.elementor-element-9da9b21 .elementor-button .elementor-button-content-wrapper{gap:5px;}.elementor-9 .elementor-element.elementor-element-c1c624a .elementor-button{background-color:transparent;fill:#000000;color:#000000;background-image:linear-gradient(180deg, #C0B8A5 10%, #4D4B49 80%);border-radius:25px 25px 25px 25px;}.elementor-9 .elementor-element.elementor-element-c1c624a .elementor-button:hover, .elementor-9 .elementor-element.elementor-element-c1c624a .elementor-button:focus{background-color:transparent;background-image:linear-gradient(180deg, #4D4B49 10%, #C0B8A5 80%);}.elementor-9 .elementor-element.elementor-element-c1c624a .elementor-button-content-wrapper{flex-direction:row;}.elementor-9 .elementor-element.elementor-element-c1c624a .elementor-button .elementor-button-content-wrapper{gap:5px;}.elementor-9 .elementor-element.elementor-element-9a761e3{--display:flex;--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-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-9 .elementor-element.elementor-element-fa4c9fe .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-9 .elementor-element.elementor-element-fa4c9fe .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-9 .elementor-element.elementor-element-fa4c9fe .elementor-field-group.recaptcha_v3-bottomleft, .elementor-9 .elementor-element.elementor-element-fa4c9fe .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-9 .elementor-element.elementor-element-fa4c9fe .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-9 .elementor-element.elementor-element-fa4c9fe .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-9 .elementor-element.elementor-element-fa4c9fe .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-9 .elementor-element.elementor-element-fa4c9fe .elementor-field-type-html{padding-bottom:0px;}.elementor-9 .elementor-element.elementor-element-fa4c9fe .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-9 .elementor-element.elementor-element-fa4c9fe .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-9 .elementor-element.elementor-element-fa4c9fe .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-9 .elementor-element.elementor-element-fa4c9fe .elementor-button[type="submit"]{color:#ffffff;}.elementor-9 .elementor-element.elementor-element-fa4c9fe .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-9 .elementor-element.elementor-element-fa4c9fe .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-9 .elementor-element.elementor-element-fa4c9fe .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-9 .elementor-element.elementor-element-fa4c9fe .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-9 .elementor-element.elementor-element-fa4c9fe .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-9 .elementor-element.elementor-element-fa4c9fe .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-9 .elementor-element.elementor-element-fa4c9fe{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-9 .elementor-element.elementor-element-5fb41b1::before, .elementor-9 .elementor-element.elementor-element-5fb41b1 > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-5fb41b1 > .e-con-inner > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-5fb41b1 > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-5fb41b1 > .e-con-inner > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-5fb41b1 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:-607px -134px;}.elementor-9 .elementor-element.elementor-element-8d5a545{border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;}}@media(max-width:767px){.elementor-9 .elementor-element.elementor-element-5fb41b1::before, .elementor-9 .elementor-element.elementor-element-5fb41b1 > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-5fb41b1 > .e-con-inner > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-5fb41b1 > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-5fb41b1 > .e-con-inner > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-5fb41b1 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://sportscar-finance.nl/wp-content/uploads/2026/04/ChatGPT-Image-27-apr-2026-19_10_53.png");background-position:725px -29px;}.elementor-9 .elementor-element.elementor-element-8d5a545{border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;}.elementor-9 .elementor-element.elementor-element-c5bff03{--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}@media(min-width:768px){.elementor-9 .elementor-element.elementor-element-349b224{--width:50%;}.elementor-9 .elementor-element.elementor-element-6b98703{--width:50%;}.elementor-9 .elementor-element.elementor-element-36cc3ea{--width:50%;}.elementor-9 .elementor-element.elementor-element-634a0b3{--width:50%;}.elementor-9 .elementor-element.elementor-element-39e9b4d{--width:50%;}.elementor-9 .elementor-element.elementor-element-27b99f2{--width:50%;}.elementor-9 .elementor-element.elementor-element-67051d4{--content-width:48%;}.elementor-9 .elementor-element.elementor-element-9d16db5{--content-width:48%;}}@media(max-width:1024px) and (min-width:768px){.elementor-9 .elementor-element.elementor-element-67051d4{--content-width:54%;}.elementor-9 .elementor-element.elementor-element-9d16db5{--content-width:54%;}}/* Start custom CSS *//* ==================================================
   SPORTSCAR FINANCE - CLEAN PAGE CSS
   Alleen plakken in Elementor > Pagina instellingen > Aangepaste CSS
   GEEN <style> gebruiken
================================================== */

/* Pagina achtergrond */
body.elementor-page-9 {
  background:
    radial-gradient(circle at top center, rgba(46, 95, 167, 0.22), transparent 34%),
    linear-gradient(180deg, #070a10 0%, #05070b 45%, #030406 100%);
}

/* Algemene basis */
body.elementor-page-9 .sf-page {
  width: 100%;
  color: #d7dce6;
  font-family: Arial, Helvetica, sans-serif;
}

body.elementor-page-9 .sf-container {
  width: min(1280px, calc(100% - 40px));
  margin: 0 auto;
}

body.elementor-page-9 .sf-section {
  position: relative;
  margin: 80px 0;
}

/* Kleine blauwe label boven titels */
body.elementor-page-9 .sf-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #4f8cff;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin-bottom: 18px;
}

body.elementor-page-9 .sf-eyebrow::before {
  content: "";
  width: 34px;
  height: 2px;
  border-radius: 20px;
  background: linear-gradient(90deg, #4f8cff, transparent);
  box-shadow: 0 0 18px rgba(79, 140, 255, 0.8);
}

/* Titels */
body.elementor-page-9 .sf-title {
  color: #ffffff;
  font-size: clamp(34px, 4vw, 62px);
  line-height: 0.95;
  font-weight: 900;
  letter-spacing: -0.06em;
  margin: 0 0 24px;
}

body.elementor-page-9 .sf-mini-title {
  color: #ffffff;
  font-size: clamp(28px, 3vw, 42px);
  line-height: 1;
  font-weight: 900;
  letter-spacing: -0.055em;
  margin: 0 0 22px;
}

body.elementor-page-9 .sf-title span,
body.elementor-page-9 .sf-mini-title span {
  color: #4f8cff;
  text-shadow: 0 0 28px rgba(79, 140, 255, 0.35);
}

/* Tekst */
body.elementor-page-9 .sf-subtitle {
  max-width: 850px;
  font-size: clamp(17px, 1.3vw, 21px);
  line-height: 1.65;
  color: #d7dce6;
  margin: 0 0 18px;
  font-weight: 500;
}

body.elementor-page-9 .sf-text {
  font-size: 16px;
  line-height: 1.75;
  color: #9aa3b5;
  margin: 0 0 18px;
}

body.elementor-page-9 .sf-strong {
  color: #ffffff;
  font-weight: 800;
}

/* ==================================================
   RECENT GEFINANCIERD TICKER
================================================== */

body.elementor-page-9 .sf-ticker-shell {
  width: min(1280px, calc(100% - 40px));
  margin: 0 auto;
  height: 58px;
  display: flex;
  align-items: center;
  border-radius: 999px;
  border: 1px solid rgba(46, 95, 167, 0.75);
  background:
    linear-gradient(180deg, rgba(255,255,255,0.09), rgba(255,255,255,0.025)),
    rgba(5, 7, 11, 0.82);
  box-shadow:
    0 22px 55px rgba(0,0,0,0.62),
    0 0 32px rgba(46,95,167,0.25),
    inset 0 1px 0 rgba(255,255,255,0.13);
  overflow: hidden;
  position: relative;
}

body.elementor-page-9 .sf-ticker-shell::before,
body.elementor-page-9 .sf-ticker-shell::after {
  content: "";
  position: absolute;
  top: 0;
  width: 130px;
  height: 100%;
  z-index: 3;
  pointer-events: none;
}

body.elementor-page-9 .sf-ticker-shell::before {
  left: 0;
  background: linear-gradient(90deg, #05070b 0%, rgba(5,7,11,0) 100%);
}

body.elementor-page-9 .sf-ticker-shell::after {
  right: 0;
  background: linear-gradient(270deg, #05070b 0%, rgba(5,7,11,0) 100%);
}

body.elementor-page-9 .sf-ticker-label {
  position: relative;
  z-index: 4;
  flex: 0 0 auto;
  margin-left: 10px;
  padding: 12px 18px;
  border-radius: 999px;
  color: #ffffff;
  background:
    radial-gradient(circle at 20% 20%, rgba(79,140,255,0.45), transparent 38%),
    linear-gradient(180deg, rgba(46,95,167,0.95), rgba(19,48,92,0.9));
  border: 1px solid rgba(105, 164, 255, 0.55);
  box-shadow:
    0 8px 22px rgba(0,0,0,0.45),
    0 0 22px rgba(46,95,167,0.45);
  font-size: 13px;
  font-weight: 900;
  white-space: nowrap;
}

body.elementor-page-9 .sf-ticker-label::before {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  margin-right: 9px;
  border-radius: 99px;
  background: #ffffff;
  box-shadow: 0 0 14px #ffffff;
  vertical-align: middle;
}

body.elementor-page-9 .sf-ticker-window {
  flex: 1;
  overflow: hidden;
  position: relative;
  z-index: 2;
}

body.elementor-page-9 .sf-ticker-track {
  display: flex;
  align-items: center;
  width: max-content;
  animation: sfTickerMove 26s linear infinite;
}

body.elementor-page-9 .sf-ticker-group {
  display: flex;
  align-items: center;
  white-space: nowrap;
}

body.elementor-page-9 .sf-ticker-item {
  display: inline-flex;
  align-items: center;
  color: #ffffff !important;
  font-size: 14px;
  font-weight: 800;
  margin: 0 22px;
  text-shadow: 0 1px 12px rgba(0,0,0,0.7);
}

body.elementor-page-9 .sf-ticker-item::before {
  content: "";
  width: 5px;
  height: 5px;
  min-width: 5px;
  margin-right: 16px;
  border-radius: 99px;
  background: #4f8cff;
  box-shadow: 0 0 12px rgba(79,140,255,0.95);
}

@keyframes sfTickerMove {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

/* ==================================================
   HERO / CONTENT PANELS
================================================== */

body.elementor-page-9 .sf-hero-card,
body.elementor-page-9 .sf-content-panel {
  position: relative;
  padding: clamp(30px, 5vw, 62px);
  border-radius: 30px;
  background:
    radial-gradient(circle at 75% 15%, rgba(46,95,167,0.22), transparent 32%),
    linear-gradient(135deg, rgba(255,255,255,0.09), rgba(255,255,255,0.025));
  border: 1px solid rgba(46, 95, 167, 0.46);
  box-shadow:
    0 24px 70px rgba(0, 0, 0, 0.55),
    0 0 35px rgba(46, 95, 167, 0.28);
  overflow: hidden;
}

body.elementor-page-9 .sf-content-panel {
  padding: clamp(28px, 4vw, 46px);
}

body.elementor-page-9 .sf-hero-card::before,
body.elementor-page-9 .sf-content-panel::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(255,255,255,0.08), transparent 30%),
    linear-gradient(120deg, transparent 0%, rgba(79,140,255,0.12) 50%, transparent 100%);
  opacity: 0.65;
  pointer-events: none;
}

body.elementor-page-9 .sf-hero-card > *,
body.elementor-page-9 .sf-content-panel > * {
  position: relative;
  z-index: 2;
}

body.elementor-page-9 .sf-hero-line {
  width: 180px;
  height: 3px;
  border-radius: 99px;
  background: linear-gradient(90deg, #4f8cff, rgba(255,255,255,0.7), transparent);
  box-shadow: 0 0 24px rgba(79,140,255,0.65);
  margin-top: 30px;
}

/* ==================================================
   FINANCE CARDS
================================================== */

body.elementor-page-9 .sf-card-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 26px;
  margin-top: 34px;
}

body.elementor-page-9 .sf-finance-card {
  min-height: 270px;
  position: relative;
  padding: 34px;
  border-radius: 26px;
  background:
    radial-gradient(circle at top right, rgba(46,95,167,0.24), transparent 35%),
    linear-gradient(145deg, rgba(255,255,255,0.095), rgba(255,255,255,0.035));
  border: 1px solid rgba(46, 95, 167, 0.58);
  box-shadow:
    0 20px 55px rgba(0,0,0,0.52),
    0 0 30px rgba(46,95,167,0.13),
    inset 0 1px 0 rgba(255,255,255,0.12);
  overflow: hidden;
  transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}

body.elementor-page-9 .sf-finance-card:hover {
  transform: translateY(-8px);
  border-color: rgba(79,140,255,0.95);
  box-shadow:
    0 30px 75px rgba(0,0,0,0.7),
    0 0 38px rgba(46,95,167,0.35),
    inset 0 1px 0 rgba(255,255,255,0.18);
}

body.elementor-page-9 .sf-finance-card::before {
  content: "";
  position: absolute;
  left: 0;
  top: 28px;
  width: 4px;
  height: 58px;
  border-radius: 0 99px 99px 0;
  background: linear-gradient(180deg, #4f8cff, #2e5fa7);
  box-shadow: 0 0 20px rgba(79,140,255,0.85);
}

body.elementor-page-9 .sf-card-number {
  position: absolute;
  right: 24px;
  top: 18px;
  color: rgba(255,255,255,0.08);
  font-size: 74px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: -0.08em;
}

body.elementor-page-9 .sf-finance-card h3 {
  position: relative;
  color: #4f8cff;
  font-size: 25px;
  line-height: 1.15;
  margin: 0 0 18px;
  font-weight: 900;
}

body.elementor-page-9 .sf-finance-card p {
  position: relative;
  color: #d8deea;
  font-size: 16px;
  line-height: 1.72;
  margin: 0;
}

/* ==================================================
   TWO COLUMN + AFBEELDINGEN
================================================== */

body.elementor-page-9 .sf-two {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 46px;
  align-items: center;
}

body.elementor-page-9 .sf-image-frame,
body.elementor-page-9 .sf-elementor-image img {
  border-radius: 30px !important;
  border: 1px solid rgba(46,95,167,0.48);
  box-shadow:
    0 24px 65px rgba(0,0,0,0.5),
    0 0 28px rgba(46,95,167,0.18) !important;
}

body.elementor-page-9 .sf-image-frame {
  width: 100%;
  min-height: 390px;
  overflow: hidden;
  background:
    radial-gradient(circle at center, rgba(46,95,167,0.18), transparent 38%),
    linear-gradient(145deg, rgba(255,255,255,0.07), rgba(255,255,255,0.02));
}

body.elementor-page-9 .sf-image-frame img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

/* ==================================================
   USP BLOKKEN
================================================== */

body.elementor-page-9 .sf-usp-strip {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
  margin-top: 32px;
}

body.elementor-page-9 .sf-usp {
  padding: 30px 24px;
  border-radius: 24px;
  text-align: center;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.075), rgba(255,255,255,0.025));
  border: 1px solid rgba(46,95,167,0.45);
  box-shadow:
    0 18px 45px rgba(0,0,0,0.42),
    inset 0 1px 0 rgba(255,255,255,0.10);
}

body.elementor-page-9 .sf-usp-icon {
  width: 54px;
  height: 54px;
  margin: 0 auto 18px;
  border-radius: 18px;
  background:
    radial-gradient(circle at 30% 20%, rgba(255,255,255,0.45), transparent 25%),
    linear-gradient(135deg, #4f8cff, #2e5fa7);
  box-shadow: 0 0 28px rgba(46,95,167,0.45);
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 24px;
  font-weight: 900;
}

body.elementor-page-9 .sf-usp h3 {
  color: #ffffff;
  font-size: 20px;
  margin: 0 0 12px;
  font-weight: 900;
}

body.elementor-page-9 .sf-usp p {
  color: #9aa3b5;
  line-height: 1.55;
  margin: 0;
  font-size: 15px;
}

/* ==================================================
   PROCES / HOE WERKT HET
================================================== */

body.elementor-page-9 .sf-process {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
  margin-top: 32px;
}

body.elementor-page-9 .sf-step {
  position: relative;
  padding: 34px 30px;
  border-radius: 26px;
  background:
    linear-gradient(145deg, rgba(255,255,255,0.08), rgba(255,255,255,0.025));
  border: 1px solid rgba(46,95,167,0.5);
  box-shadow:
    0 22px 55px rgba(0,0,0,0.48),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

body.elementor-page-9 .sf-step-badge {
  width: 48px;
  height: 48px;
  border-radius: 16px;
  background: rgba(46,95,167,0.18);
  border: 1px solid rgba(79,140,255,0.7);
  box-shadow: 0 0 24px rgba(46,95,167,0.32);
  color: #4f8cff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
  margin-bottom: 22px;
}

body.elementor-page-9 .sf-step h3 {
  color: #ffffff;
  font-size: 22px;
  margin: 0 0 12px;
  font-weight: 900;
}

body.elementor-page-9 .sf-step p {
  color: #9aa3b5;
  line-height: 1.65;
  margin: 0;
}

/* ==================================================
   PARTNERS BLOK - TITEL + CAROUSEL IN 1 KAART
================================================== */

body.elementor-page-9 .sf-partners-block {
  width: min(1280px, calc(100% - 40px));
  margin: 80px auto;
  position: relative;
  padding: clamp(36px, 4vw, 60px);
  border-radius: 30px;
  background:
    radial-gradient(circle at 75% 15%, rgba(46,95,167,0.22), transparent 32%),
    linear-gradient(135deg, rgba(255,255,255,0.09), rgba(255,255,255,0.025));
  border: 1px solid rgba(46, 95, 167, 0.46);
  box-shadow:
    0 24px 70px rgba(0, 0, 0, 0.55),
    0 0 35px rgba(46, 95, 167, 0.28),
    inset 0 1px 0 rgba(255,255,255,0.10);
  overflow: hidden;
}

body.elementor-page-9 .sf-partners-block::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(255,255,255,0.08), transparent 30%),
    linear-gradient(120deg, transparent 0%, rgba(79,140,255,0.12) 50%, transparent 100%);
  opacity: 0.65;
  pointer-events: none;
}

body.elementor-page-9 .sf-partners-block > * {
  position: relative;
  z-index: 2;
}

body.elementor-page-9 .sf-partners-block .elementor-image-carousel-wrapper {
  margin-top: 38px;
}

body.elementor-page-9 .sf-partners-block img {
  max-height: 70px;
  width: auto;
  object-fit: contain;
  filter: drop-shadow(0 10px 18px rgba(0,0,0,0.45));
}

/* ==================================================
   DIVIDER / SCHEIDING
================================================== */

body.elementor-page-9 .sf-divider {
  width: min(520px, 80%);
  height: 2px;
  margin: 80px auto;
  background: linear-gradient(90deg, transparent, rgba(79,140,255,0.95), #ffffff, rgba(79,140,255,0.95), transparent);
  box-shadow: 0 0 28px rgba(79,140,255,0.55);
  border-radius: 99px;
}

/* ==================================================
   RESPONSIVE
================================================== */

@media (max-width: 1024px) {
  body.elementor-page-9 .sf-card-grid,
  body.elementor-page-9 .sf-usp-strip,
  body.elementor-page-9 .sf-process {
    grid-template-columns: 1fr 1fr;
  }

  body.elementor-page-9 .sf-two {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 680px) {
  body.elementor-page-9 .sf-container,
  body.elementor-page-9 .sf-ticker-shell,
  body.elementor-page-9 .sf-partners-block {
    width: min(100% - 24px, 1280px);
  }

  body.elementor-page-9 .sf-ticker-shell {
    height: 54px;
  }

  body.elementor-page-9 .sf-ticker-label {
    font-size: 11px;
    padding: 10px 13px;
  }

  body.elementor-page-9 .sf-ticker-item {
    font-size: 13px;
    margin: 0 15px;
  }

  body.elementor-page-9 .sf-card-grid,
  body.elementor-page-9 .sf-usp-strip,
  body.elementor-page-9 .sf-process {
    grid-template-columns: 1fr;
  }

  body.elementor-page-9 .sf-section {
    margin: 62px 0;
  }

  body.elementor-page-9 .sf-finance-card {
    min-height: auto;
  }
}/* ==================================================
   PARTNER LOGO'S GROTER MAKEN
   Plak dit helemaal onderaan je Pagina instellingen CSS
================================================== */

body.elementor-page-9 .sf-partners-block .elementor-image-carousel-wrapper {
  margin-top: 48px;
}

body.elementor-page-9 .sf-partners-block .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 145px;
}

body.elementor-page-9 .sf-partners-block img {
  max-height: 125px !important;
  width: auto !important;
  object-fit: contain;
  filter: drop-shadow(0 12px 22px rgba(0,0,0,0.55));
}/* ==================================================
   CONTACT CARDS - SPORTSCAR FINANCE STYLE
================================================== */

body.elementor-page-9 .sf-contact-card {
  position: relative;
  width: 100%;
  max-width: 520px;
  margin: 0 auto;
  padding: clamp(28px, 3vw, 42px);
  border-radius: 30px;

  background:
    radial-gradient(circle at 70% 10%, rgba(46,95,167,0.22), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,0.085), rgba(255,255,255,0.025));

  border: 1px solid rgba(46, 95, 167, 0.48);

  box-shadow:
    0 24px 70px rgba(0, 0, 0, 0.58),
    0 0 35px rgba(46, 95, 167, 0.24),
    inset 0 1px 0 rgba(255,255,255,0.10);

  overflow: hidden;
  transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}

body.elementor-page-9 .sf-contact-card:hover {
  transform: translateY(-6px);
  border-color: rgba(79, 140, 255, 0.9);
  box-shadow:
    0 32px 85px rgba(0, 0, 0, 0.72),
    0 0 45px rgba(46, 95, 167, 0.34),
    inset 0 1px 0 rgba(255,255,255,0.14);
}

body.elementor-page-9 .sf-contact-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(255,255,255,0.07), transparent 30%),
    linear-gradient(120deg, transparent 0%, rgba(79,140,255,0.12) 50%, transparent 100%);
  opacity: 0.65;
  pointer-events: none;
}

body.elementor-page-9 .sf-contact-card > * {
  position: relative;
  z-index: 2;
}

/* Foto */
body.elementor-page-9 .sf-contact-photo img {
  width: 100%;
  max-width: 310px;
  aspect-ratio: 4 / 5;
  object-fit: cover;
  object-position: center top;
  display: block;
  margin: 0 auto 26px;

  border-radius: 28px;
  border: 1px solid rgba(79, 140, 255, 0.38);

  box-shadow:
    0 22px 55px rgba(0,0,0,0.58),
    0 0 28px rgba(46,95,167,0.22),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Algemene knopstijl */
body.elementor-page-9 .sf-contact-btn .elementor-button {
  width: 100%;
  max-width: 380px;
  min-height: 50px;
  margin: 0 auto 14px;
  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.12);

  font-size: 14px;
  font-weight: 900;
  letter-spacing: 0.02em;
  text-transform: uppercase;

  color: #ffffff;
  text-shadow: 0 1px 12px rgba(0,0,0,0.45);

  box-shadow:
    0 14px 30px rgba(0,0,0,0.42),
    inset 0 1px 0 rgba(255,255,255,0.22);

  transition: transform .22s ease, box-shadow .22s ease, filter .22s ease;
}

body.elementor-page-9 .sf-contact-btn .elementor-button:hover {
  transform: translateY(-3px);
  filter: brightness(1.08);
  box-shadow:
    0 18px 42px rgba(0,0,0,0.58),
    0 0 24px rgba(79,140,255,0.20),
    inset 0 1px 0 rgba(255,255,255,0.26);
}

/* Bel knop - blauw premium */
body.elementor-page-9 .sf-call-btn .elementor-button {
  background:
    radial-gradient(circle at 25% 15%, rgba(255,255,255,0.32), transparent 28%),
    linear-gradient(180deg, #4f8cff 0%, #2e5fa7 48%, #173865 100%) !important;
}

/* WhatsApp knop - groen, maar luxe donker */
body.elementor-page-9 .sf-whatsapp-btn .elementor-button {
  background:
    radial-gradient(circle at 25% 15%, rgba(255,255,255,0.28), transparent 28%),
    linear-gradient(180deg, #20d875 0%, #0a9f5a 48%, #06603d 100%) !important;
}

/* Contact toevoegen - metallic dark */
body.elementor-page-9 .sf-save-btn .elementor-button {
  background:
    radial-gradient(circle at 25% 15%, rgba(255,255,255,0.38), transparent 28%),
    linear-gradient(180deg, #f1f3f6 0%, #9fa6b1 48%, #525965 100%) !important;
  color: #05070b !important;
  text-shadow: none;
}

/* Iconen in knoppen */
body.elementor-page-9 .sf-contact-btn .elementor-button-icon {
  display: inline-flex;
  align-items: center;
  margin-right: 8px;
}

/* Als Elementor spacing raar doet */
body.elementor-page-9 .sf-contact-card .elementor-widget-button {
  margin-bottom: 14px;
}

body.elementor-page-9 .sf-contact-card .elementor-widget-button:last-child {
  margin-bottom: 0;
}

/* Responsive */
@media (max-width: 680px) {
  body.elementor-page-9 .sf-contact-card {
    max-width: 100%;
    padding: 26px 20px;
  }

  body.elementor-page-9 .sf-contact-photo img {
    max-width: 260px;
  }

  body.elementor-page-9 .sf-contact-btn .elementor-button {
    max-width: 100%;
    font-size: 13px;
  }
}/* ==================================================
   CONTACT CARDS - VERHOUDING FIX
   Plak helemaal onderaan je huidige CSS
================================================== */

body.elementor-page-9 .sf-contact-card {
  max-width: 560px;
  min-height: auto;
  padding: 34px 34px 38px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

/* Minder loze ruimte boven/onder foto */
body.elementor-page-9 .sf-contact-card .elementor-widget-image {
  margin-bottom: 28px !important;
}

/* Foto groter en chiquer */
body.elementor-page-9 .sf-contact-photo img {
  max-width: 360px;
  width: 100%;
  aspect-ratio: 4 / 5;
  object-fit: cover;
  object-position: center top;
  margin: 0 auto;

  border-radius: 30px;
  border: 1px solid rgba(79, 140, 255, 0.42);

  box-shadow:
    0 24px 60px rgba(0,0,0,0.62),
    0 0 32px rgba(46,95,167,0.28);
}

/* Knoppen breder en rustiger */
body.elementor-page-9 .sf-contact-btn .elementor-button {
  width: 100%;
  max-width: 360px;
  min-height: 54px;
  margin: 0 auto;
  border-radius: 999px;

  font-size: 14px;
  line-height: 1.15;
  font-weight: 900;
  letter-spacing: 0.01em;

  padding: 14px 22px;
}

/* Betere ruimte tussen knoppen */
body.elementor-page-9 .sf-contact-card .elementor-widget-button {
  width: 100%;
  margin-bottom: 16px !important;
}

body.elementor-page-9 .sf-contact-card .elementor-widget-button:last-child {
  margin-bottom: 0 !important;
}

/* Belknop iets minder fel blauw, luxer */
body.elementor-page-9 .sf-call-btn .elementor-button {
  background:
    linear-gradient(180deg, #6fa4ff 0%, #2e5fa7 52%, #12305a 100%) !important;
  box-shadow:
    0 16px 34px rgba(0,0,0,0.50),
    0 0 22px rgba(79,140,255,0.25),
    inset 0 1px 0 rgba(255,255,255,0.32);
}

/* WhatsApp minder neon */
body.elementor-page-9 .sf-whatsapp-btn .elementor-button {
  background:
    linear-gradient(180deg, #24d77a 0%, #0b9d5d 52%, #055236 100%) !important;
}

/* Contact toevoegen luxer metallic */
body.elementor-page-9 .sf-save-btn .elementor-button {
  background:
    linear-gradient(180deg, #ffffff 0%, #b9bec7 48%, #5b626d 100%) !important;
}

/* De paarse Elementor outline zie je alleen in editor, niet live */
/* ==================================================
   CONTACT SECTIE - WRAPPER, INTRO EN FORMULIER
================================================== */

/* Zorgt dat contactcards niet breder zijn dan de rest van de site */
body.elementor-page-9 .sf-contact-wrap {
  width: min(1280px, calc(100% - 40px));
  margin: 80px auto;
}

/* Introblok boven contact */
body.elementor-page-9 .sf-contact-intro {
  width: min(1280px, calc(100% - 40px));
  margin: 80px auto 42px auto;
  position: relative;
  padding: clamp(36px, 4vw, 60px);
  border-radius: 30px;

  background:
    radial-gradient(circle at 75% 15%, rgba(46,95,167,0.22), transparent 32%),
    linear-gradient(135deg, rgba(255,255,255,0.09), rgba(255,255,255,0.025));

  border: 1px solid rgba(46, 95, 167, 0.46);

  box-shadow:
    0 24px 70px rgba(0, 0, 0, 0.55),
    0 0 35px rgba(46, 95, 167, 0.28),
    inset 0 1px 0 rgba(255,255,255,0.10);

  overflow: hidden;
}

body.elementor-page-9 .sf-contact-intro::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(255,255,255,0.08), transparent 30%),
    linear-gradient(120deg, transparent 0%, rgba(79,140,255,0.12) 50%, transparent 100%);
  opacity: 0.65;
  pointer-events: none;
}

body.elementor-page-9 .sf-contact-intro > * {
  position: relative;
  z-index: 2;
}

/* Buitenste formulierkaart */
body.elementor-page-9 .sf-form-panel {
  width: min(1280px, calc(100% - 40px));
  margin: 70px auto 100px auto;
  position: relative;
  padding: clamp(34px, 4vw, 58px);
  border-radius: 30px;

  background:
    radial-gradient(circle at 70% 10%, rgba(46,95,167,0.24), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,0.085), rgba(255,255,255,0.025));

  border: 1px solid rgba(46, 95, 167, 0.50);

  box-shadow:
    0 24px 70px rgba(0, 0, 0, 0.58),
    0 0 35px rgba(46, 95, 167, 0.26),
    inset 0 1px 0 rgba(255,255,255,0.10);

  overflow: hidden;
}

body.elementor-page-9 .sf-form-panel::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(255,255,255,0.07), transparent 30%),
    linear-gradient(120deg, transparent 0%, rgba(79,140,255,0.12) 50%, transparent 100%);
  opacity: 0.65;
  pointer-events: none;
}

body.elementor-page-9 .sf-form-panel > * {
  position: relative;
  z-index: 2;
}

/* Elementor form styling */
body.elementor-page-9 .sf-form-panel .elementor-field-group {
  margin-bottom: 18px;
}

body.elementor-page-9 .sf-form-panel .elementor-field-label {
  color: #d7dce6;
  font-weight: 800;
  font-size: 13px;
  letter-spacing: 0.03em;
  margin-bottom: 8px;
}

body.elementor-page-9 .sf-form-panel input,
body.elementor-page-9 .sf-form-panel textarea,
body.elementor-page-9 .sf-form-panel select {
  min-height: 54px;
  border-radius: 16px !important;
  border: 1px solid rgba(79,140,255,0.32) !important;

  background:
    linear-gradient(180deg, rgba(255,255,255,0.075), rgba(255,255,255,0.035)) !important;

  color: #ffffff !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.08),
    0 12px 28px rgba(0,0,0,0.22);

  padding: 14px 16px !important;
}

body.elementor-page-9 .sf-form-panel input::placeholder,
body.elementor-page-9 .sf-form-panel textarea::placeholder {
  color: rgba(215,220,230,0.48) !important;
}

body.elementor-page-9 .sf-form-panel input:focus,
body.elementor-page-9 .sf-form-panel textarea:focus,
body.elementor-page-9 .sf-form-panel select:focus {
  border-color: rgba(79,140,255,0.95) !important;
  box-shadow:
    0 0 0 3px rgba(79,140,255,0.16),
    0 0 30px rgba(46,95,167,0.24) !important;
}

/* Formulier knop */
body.elementor-page-9 .sf-form-panel .elementor-button {
  min-height: 56px;
  border-radius: 999px !important;
  padding: 15px 32px !important;

  background:
    radial-gradient(circle at 25% 15%, rgba(255,255,255,0.32), transparent 28%),
    linear-gradient(180deg, #4f8cff 0%, #2e5fa7 50%, #12305a 100%) !important;

  border: 1px solid rgba(105, 164, 255, 0.55) !important;

  color: #ffffff !important;
  font-weight: 900 !important;
  text-transform: uppercase;
  letter-spacing: 0.03em;

  box-shadow:
    0 16px 34px rgba(0,0,0,0.50),
    0 0 24px rgba(79,140,255,0.25),
    inset 0 1px 0 rgba(255,255,255,0.32);
}

body.elementor-page-9 .sf-form-panel .elementor-button:hover {
  transform: translateY(-3px);
  filter: brightness(1.08);
}

/* Contactcards iets smaller zodat ze binnen de site vallen */
body.elementor-page-9 .sf-contact-wrap .sf-contact-card {
  max-width: 520px;
}

/* Responsive */
@media (max-width: 680px) {
  body.elementor-page-9 .sf-contact-intro,
  body.elementor-page-9 .sf-contact-wrap,
  body.elementor-page-9 .sf-form-panel {
    width: min(100% - 24px, 1280px);
  }
}

/* ==================================================
   FORMULIER LABELS + SPACING FIX
================================================== */

body.elementor-page-9 .sf-form-panel .elementor-form {
  margin-top: 34px;
}

body.elementor-page-9 .sf-form-panel .elementor-field-group {
  margin-bottom: 20px !important;
}

body.elementor-page-9 .sf-form-panel .elementor-field-label {
  color: #d7dce6 !important;
  font-weight: 800 !important;
  font-size: 13px !important;
  letter-spacing: 0.04em;
  margin-bottom: 8px !important;
}

body.elementor-page-9 .sf-form-panel input,
body.elementor-page-9 .sf-form-panel textarea {
  color: #ffffff !important;
  font-size: 15px !important;
}

body.elementor-page-9 .sf-form-panel input::placeholder,
body.elementor-page-9 .sf-form-panel textarea::placeholder {
  color: rgba(215, 220, 230, 0.45) !important;
}

body.elementor-page-9 .sf-form-panel .elementor-button {
  margin-top: 10px;
}
/* ==================================================
   MOBILE OPTIMALISATIE - SPORTSCAR FINANCE
   Plak helemaal onderaan je Pagina instellingen CSS
================================================== */

@media (max-width: 767px) {

  /* Algemene pagina ruimte */
  body.elementor-page-9 {
    overflow-x: hidden;
  }

  body.elementor-page-9 .sf-container,
  body.elementor-page-9 .sf-contact-wrap,
  body.elementor-page-9 .sf-contact-intro,
  body.elementor-page-9 .sf-form-panel,
  body.elementor-page-9 .sf-partners-block,
  body.elementor-page-9 .sf-ticker-shell {
    width: calc(100% - 24px) !important;
    max-width: 100% !important;
  }

  body.elementor-page-9 .sf-section {
    margin: 46px 0 !important;
  }

  /* Titels mobiel beter leesbaar */
  body.elementor-page-9 .sf-title {
    font-size: 38px !important;
    line-height: 1.02 !important;
    letter-spacing: -0.045em !important;
  }

  body.elementor-page-9 .sf-mini-title {
    font-size: 31px !important;
    line-height: 1.05 !important;
    letter-spacing: -0.04em !important;
  }

  body.elementor-page-9 .sf-subtitle {
    font-size: 16px !important;
    line-height: 1.6 !important;
  }

  body.elementor-page-9 .sf-text {
    font-size: 15px !important;
    line-height: 1.65 !important;
  }

  body.elementor-page-9 .sf-eyebrow {
    font-size: 11px !important;
    letter-spacing: 0.12em !important;
    margin-bottom: 14px !important;
  }

  /* Algemene kaarten compacter */
  body.elementor-page-9 .sf-hero-card,
  body.elementor-page-9 .sf-content-panel,
  body.elementor-page-9 .sf-contact-intro,
  body.elementor-page-9 .sf-form-panel,
  body.elementor-page-9 .sf-partners-block {
    padding: 28px 22px !important;
    border-radius: 24px !important;
  }

  /* Grids altijd onder elkaar op mobiel */
  body.elementor-page-9 .sf-card-grid,
  body.elementor-page-9 .sf-usp-strip,
  body.elementor-page-9 .sf-process,
  body.elementor-page-9 .sf-two {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 22px !important;
  }

  /* Contact Ronny/Patrick onder elkaar met ruimte */
  body.elementor-page-9 .sf-contact-wrap {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 28px !important;
    margin: 42px auto !important;
  }

  body.elementor-page-9 .sf-contact-card {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 28px 20px 30px !important;
    border-radius: 24px !important;
  }

  body.elementor-page-9 .sf-contact-photo img {
    max-width: 245px !important;
    border-radius: 22px !important;
    margin-bottom: 22px !important;
  }

  body.elementor-page-9 .sf-contact-btn .elementor-button {
    width: 100% !important;
    max-width: 300px !important;
    min-height: 50px !important;
    font-size: 12px !important;
    line-height: 1.15 !important;
    padding: 13px 18px !important;
  }

  body.elementor-page-9 .sf-contact-card .elementor-widget-button {
    margin-bottom: 13px !important;
  }

  /* Formulier mobiel */
  body.elementor-page-9 .sf-form-panel {
    margin: 46px auto 70px !important;
  }

  body.elementor-page-9 .sf-form-panel .elementor-form {
    margin-top: 24px !important;
  }

  body.elementor-page-9 .sf-form-panel .elementor-field-group {
    margin-bottom: 16px !important;
  }

  body.elementor-page-9 .sf-form-panel input,
  body.elementor-page-9 .sf-form-panel textarea,
  body.elementor-page-9 .sf-form-panel select {
    min-height: 50px !important;
    border-radius: 14px !important;
    font-size: 15px !important;
  }

  body.elementor-page-9 .sf-form-panel textarea {
    min-height: 130px !important;
  }

  body.elementor-page-9 .sf-form-panel .elementor-button {
    width: 100% !important;
    min-height: 52px !important;
    font-size: 13px !important;
  }

  /* Partners mobiel */
  body.elementor-page-9 .sf-partners-block .elementor-image-carousel-wrapper {
    margin-top: 28px !important;
  }

  body.elementor-page-9 .sf-partners-block .swiper-slide {
    min-height: 110px !important;
  }

  body.elementor-page-9 .sf-partners-block img {
    max-height: 90px !important;
  }

  /* Ticker mobiel */
  body.elementor-page-9 .sf-ticker-shell {
    height: 50px !important;
    margin-top: 12px !important;
  }

  body.elementor-page-9 .sf-ticker-label {
    font-size: 10px !important;
    padding: 9px 12px !important;
    margin-left: 7px !important;
  }

  body.elementor-page-9 .sf-ticker-item {
    font-size: 12px !important;
    margin: 0 13px !important;
  }

  body.elementor-page-9 .sf-ticker-item::before {
    margin-right: 10px !important;
  }

  /* Afbeeldingen naast tekst op mobiel */
  body.elementor-page-9 .sf-elementor-image img,
  body.elementor-page-9 .sf-image-frame {
    border-radius: 22px !important;
  }

  /* Voorkomt horizontaal schuiven */
  body.elementor-page-9 .elementor-section,
  body.elementor-page-9 .elementor-container,
  body.elementor-page-9 .e-con {
    max-width: 100% !important;
  }
}
/* ==================================================
   LUXURY IMAGE STYLE - SPORTSCAR FINANCE
================================================== */

body.elementor-page-9 .sf-luxury-image {
  width: 100%;
}

body.elementor-page-9 .sf-luxury-image img {
  width: 100% !important;
  height: 100% !important;
  min-height: 420px;
  object-fit: cover;
  object-position: center center;

  border-radius: 30px !important;
  border: 1px solid rgba(46, 95, 167, 0.55);

  box-shadow:
    0 24px 70px rgba(0, 0, 0, 0.58),
    0 0 35px rgba(46, 95, 167, 0.26),
    inset 0 1px 0 rgba(255,255,255,0.10);

  display: block;
}

/* Subtiele hover zoals luxe cards */
body.elementor-page-9 .sf-luxury-image img {
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}

body.elementor-page-9 .sf-luxury-image:hover img {
  transform: translateY(-4px) scale(1.01);
  border-color: rgba(79, 140, 255, 0.90);
  box-shadow:
    0 32px 85px rgba(0, 0, 0, 0.70),
    0 0 45px rgba(46, 95, 167, 0.36);
}

/* Mobiel */
@media (max-width: 767px) {
  body.elementor-page-9 .sf-luxury-image img {
    min-height: 260px;
    border-radius: 24px !important;
  }
}
/* ==================================================
   LUXURY IMAGE - FIX VOOR 2 KOLOMMEN
================================================== */

body.elementor-page-9 .sf-luxury-image {
  width: 100%;
  height: 100%;
}

body.elementor-page-9 .sf-luxury-image .elementor-widget-container {
  width: 100%;
  height: 100%;
}

body.elementor-page-9 .sf-luxury-image img {
  width: 100% !important;
  height: 100% !important;
  min-height: 495px;
  object-fit: cover;
  object-position: center center;
  display: block;

  border-radius: 30px !important;
  border: 1px solid rgba(46, 95, 167, 0.55);

  box-shadow:
    0 24px 70px rgba(0, 0, 0, 0.58),
    0 0 35px rgba(46, 95, 167, 0.26);

  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}

body.elementor-page-9 .sf-luxury-image:hover img {
  transform: translateY(-4px) scale(1.01);
  border-color: rgba(79, 140, 255, 0.90);
  box-shadow:
    0 32px 85px rgba(0, 0, 0, 0.70),
    0 0 45px rgba(46, 95, 167, 0.36);
}

@media (max-width: 767px) {
  body.elementor-page-9 .sf-luxury-image img {
    min-height: 260px;
    border-radius: 24px !important;
  }
}
/* ==================================================
   COMPACT IMAGE FIX - VOOR PORSCHE/CAYENNE BLOKKEN
================================================== */

body.elementor-page-9 .sf-luxury-image-compact img {
  min-height: 420px !important;
  max-height: 420px !important;
  object-fit: cover !important;
  object-position: center center !important;
}

@media (max-width: 767px) {
  body.elementor-page-9 .sf-luxury-image-compact img {
    min-height: 260px !important;
    max-height: 260px !important;
  }
}
/* ==================================================
   COMPACT IMAGE FIX - PORSCHE/CAYENNE SWEET SPOT
================================================== */

body.elementor-page-9 .sf-luxury-image-compact img {
  min-height: 470px !important;
  max-height: 470px !important;
  object-fit: cover !important;
  object-position: center center !important;
}

@media (max-width: 767px) {
  body.elementor-page-9 .sf-luxury-image-compact img {
    min-height: 260px !important;
    max-height: 260px !important;
  }
}
/* ==================================================
   SERVICE IMAGE FIX - BMW M3
================================================== */

body.elementor-page-9 .sf-luxury-image-service img {
  min-height: 392px !important;
  max-height: 392px !important;
  object-fit: cover !important;
  object-position: center center !important;
}

@media (max-width: 767px) {
  body.elementor-page-9 .sf-luxury-image-service img {
    min-height: 260px !important;
    max-height: 260px !important;
  }
}
/* ==================================================
   HERO OVERLAY TEXT - SPORTSCAR FINANCE
================================================== */

body.elementor-page-9 .sf-hero-overlay-content {
  max-width: 560px;
  position: relative;
  z-index: 5;
  padding: clamp(28px, 4vw, 54px);
  margin-left: clamp(18px, 5vw, 80px);

  border-radius: 28px;

  background:
    linear-gradient(90deg, rgba(5,7,11,0.78), rgba(5,7,11,0.42), rgba(5,7,11,0.05));

  backdrop-filter: blur(3px);

  border-left: 1px solid rgba(79,140,255,0.42);
  box-shadow:
    0 24px 70px rgba(0,0,0,0.35),
    0 0 34px rgba(46,95,167,0.18);
}

body.elementor-page-9 .sf-hero-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;

  color: #4f8cff;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 0.16em;
  text-transform: uppercase;

  margin-bottom: 18px;
}

body.elementor-page-9 .sf-hero-kicker::before {
  content: "";
  width: 34px;
  height: 2px;
  border-radius: 20px;
  background: linear-gradient(90deg, #4f8cff, transparent);
  box-shadow: 0 0 18px rgba(79,140,255,0.9);
}

body.elementor-page-9 .sf-hero-overlay-content h1 {
  margin: 0 0 22px;

  color: #ffffff;
  font-size: clamp(42px, 5vw, 74px);
  line-height: 0.92;
  font-weight: 900;
  letter-spacing: -0.065em;

  text-shadow:
    0 4px 22px rgba(0,0,0,0.75),
    0 0 28px rgba(46,95,167,0.28);
}

body.elementor-page-9 .sf-hero-overlay-content h1 span {
  color: #4f8cff;
  text-shadow:
    0 0 28px rgba(79,140,255,0.50),
    0 4px 22px rgba(0,0,0,0.75);
}

body.elementor-page-9 .sf-hero-overlay-content p {
  max-width: 520px;
  margin: 0 0 30px;

  color: #d7dce6;
  font-size: clamp(16px, 1.35vw, 20px);
  line-height: 1.55;
  font-weight: 600;

  text-shadow: 0 3px 18px rgba(0,0,0,0.85);
}

body.elementor-page-9 .sf-hero-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-height: 54px;
  padding: 0 30px;

  border-radius: 999px;

  color: #05070b !important;
  text-decoration: none !important;

  font-size: 14px;
  font-weight: 900;
  letter-spacing: 0.03em;
  text-transform: uppercase;

  background:
    radial-gradient(circle at 25% 15%, rgba(255,255,255,0.55), transparent 28%),
    linear-gradient(180deg, #f2d06a 0%, #c99935 52%, #8b641c 100%);

  border: 1px solid rgba(255,255,255,0.25);

  box-shadow:
    0 18px 38px rgba(0,0,0,0.55),
    0 0 28px rgba(201,153,53,0.26),
    inset 0 1px 0 rgba(255,255,255,0.45);

  transition: transform .25s ease, box-shadow .25s ease, filter .25s ease;
}

body.elementor-page-9 .sf-hero-button:hover {
  transform: translateY(-3px);
  filter: brightness(1.07);
  box-shadow:
    0 24px 50px rgba(0,0,0,0.70),
    0 0 34px rgba(201,153,53,0.34),
    inset 0 1px 0 rgba(255,255,255,0.55);
}

/* Mobiel */
@media (max-width: 767px) {
  body.elementor-page-9 .sf-hero-overlay-content {
    max-width: calc(100% - 24px);
    margin: 0 auto;
    padding: 26px 22px;
    border-radius: 24px;

    background:
      linear-gradient(180deg, rgba(5,7,11,0.82), rgba(5,7,11,0.52));
  }

  body.elementor-page-9 .sf-hero-overlay-content h1 {
    font-size: 40px;
    line-height: 0.98;
  }

  body.elementor-page-9 .sf-hero-overlay-content p {
    font-size: 15px;
    line-height: 1.55;
  }

  body.elementor-page-9 .sf-hero-button {
    width: 100%;
    min-height: 52px;
    font-size: 13px;
    padding: 0 20px;
  }
}
/* ==================================================
   HERO FIX - COMPACT PREMIUM OVERLAY + PARTNER
================================================== */

body.elementor-page-9 .sf-hero-overlay-content {
  max-width: 540px !important;
  position: relative;
  z-index: 5;

  margin-left: clamp(18px, 6vw, 92px) !important;
  margin-top: 0 !important;

  padding: clamp(28px, 3.4vw, 46px) !important;
  border-radius: 28px;

  background:
    radial-gradient(circle at 80% 15%, rgba(46,95,167,0.20), transparent 32%),
    linear-gradient(135deg, rgba(5,7,11,0.82), rgba(5,7,11,0.46));

  backdrop-filter: blur(8px);

  border: 1px solid rgba(46, 95, 167, 0.44);

  box-shadow:
    0 24px 70px rgba(0,0,0,0.56),
    0 0 34px rgba(46,95,167,0.22),
    inset 0 1px 0 rgba(255,255,255,0.08);
}

body.elementor-page-9 .sf-hero-overlay-content::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 28px;
  background:
    linear-gradient(90deg, rgba(255,255,255,0.07), transparent 35%),
    linear-gradient(120deg, transparent 0%, rgba(79,140,255,0.10) 50%, transparent 100%);
  pointer-events: none;
}

body.elementor-page-9 .sf-hero-overlay-content > * {
  position: relative;
  z-index: 2;
}

body.elementor-page-9 .sf-hero-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;

  color: #4f8cff;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.16em;
  text-transform: uppercase;

  margin-bottom: 16px;
}

body.elementor-page-9 .sf-hero-kicker::before {
  content: "";
  width: 34px;
  height: 2px;
  border-radius: 20px;
  background: linear-gradient(90deg, #4f8cff, transparent);
  box-shadow: 0 0 18px rgba(79,140,255,0.9);
}

body.elementor-page-9 .sf-hero-overlay-content h1 {
  margin: 0 0 20px !important;

  color: #ffffff;
  font-size: clamp(44px, 4.8vw, 68px) !important;
  line-height: 0.94 !important;
  font-weight: 900;
  letter-spacing: -0.065em;

  text-shadow:
    0 4px 24px rgba(0,0,0,0.78),
    0 0 28px rgba(46,95,167,0.28);
}

body.elementor-page-9 .sf-hero-overlay-content h1 span {
  color: #4f8cff;
  text-shadow:
    0 0 28px rgba(79,140,255,0.52),
    0 4px 22px rgba(0,0,0,0.75);
}

body.elementor-page-9 .sf-hero-overlay-content p {
  max-width: 500px;
  margin: 0 0 26px !important;

  color: #d7dce6;
  font-size: 17px !important;
  line-height: 1.55;
  font-weight: 650;

  text-shadow: 0 3px 18px rgba(0,0,0,0.85);
}

body.elementor-page-9 .sf-hero-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-height: 52px;
  padding: 0 28px;

  border-radius: 999px;

  color: #05070b !important;
  text-decoration: none !important;

  font-size: 13px;
  font-weight: 900;
  letter-spacing: 0.03em;
  text-transform: uppercase;

  background:
    radial-gradient(circle at 25% 15%, rgba(255,255,255,0.55), transparent 28%),
    linear-gradient(180deg, #f2d06a 0%, #c99935 52%, #8b641c 100%);

  border: 1px solid rgba(255,255,255,0.25);

  box-shadow:
    0 18px 38px rgba(0,0,0,0.55),
    0 0 28px rgba(201,153,53,0.26),
    inset 0 1px 0 rgba(255,255,255,0.45);

  transition: transform .25s ease, box-shadow .25s ease, filter .25s ease;
}

body.elementor-page-9 .sf-hero-button:hover {
  transform: translateY(-3px);
  filter: brightness(1.07);
  box-shadow:
    0 24px 50px rgba(0,0,0,0.70),
    0 0 34px rgba(201,153,53,0.34),
    inset 0 1px 0 rgba(255,255,255,0.55);
}

/* Kleine StreetGasm partner badge */
body.elementor-page-9 .sf-hero-partner {
  margin-top: 26px;
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 3px;

  padding: 14px 18px;
  border-radius: 18px;

  background:
    linear-gradient(135deg, rgba(255,255,255,0.08), rgba(255,255,255,0.025));

  border: 1px solid rgba(255,255,255,0.12);

  box-shadow:
    0 14px 36px rgba(0,0,0,0.42),
    inset 0 1px 0 rgba(255,255,255,0.08);
}

body.elementor-page-9 .sf-partner-small-top {
  color: #c99935;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.12em;
}

body.elementor-page-9 .sf-partner-small-logo {
  color: #ffffff;
  font-size: 28px;
  line-height: 1;
  font-weight: 950;
  font-style: italic;
  letter-spacing: -0.05em;
  text-shadow:
    0 0 16px rgba(255,255,255,0.25),
    0 4px 16px rgba(0,0,0,0.7);
}

/* Mobiel */
@media (max-width: 767px) {
  body.elementor-page-9 .sf-hero-overlay-content {
    max-width: calc(100% - 24px) !important;
    margin: 0 auto !important;
    padding: 26px 22px !important;
    border-radius: 24px;
  }

  body.elementor-page-9 .sf-hero-overlay-content h1 {
    font-size: 40px !important;
    line-height: 0.98 !important;
  }

  body.elementor-page-9 .sf-hero-overlay-content p {
    font-size: 15px !important;
    line-height: 1.55 !important;
  }

  body.elementor-page-9 .sf-hero-button {
    width: 100%;
    min-height: 52px;
    font-size: 13px;
    padding: 0 18px;
  }

  body.elementor-page-9 .sf-hero-partner {
    width: 100%;
    align-items: center;
    text-align: center;
  }

  body.elementor-page-9 .sf-partner-small-logo {
    font-size: 24px;
  }
}
/* ==================================================
   HERO OVERLAY - COMPACTE VERSIE + BLAUWE KNOP
================================================== */

body.elementor-page-9 .sf-hero-overlay-content {
  max-width: 500px !important;
  padding: 34px 38px !important;
  border-radius: 26px !important;
}

body.elementor-page-9 .sf-hero-overlay-content h1 {
  font-size: clamp(36px, 3.8vw, 54px) !important;
  line-height: 0.98 !important;
  margin-bottom: 16px !important;
  letter-spacing: -0.055em !important;
}

body.elementor-page-9 .sf-hero-overlay-content p {
  font-size: 16px !important;
  line-height: 1.5 !important;
  margin-bottom: 22px !important;
  max-width: 440px !important;
}

/* Knop in Sportscar Finance blauw */
body.elementor-page-9 .sf-hero-button {
  min-height: 50px !important;
  padding: 0 26px !important;

  color: #ffffff !important;

  background:
    radial-gradient(circle at 25% 15%, rgba(255,255,255,0.32), transparent 28%),
    linear-gradient(180deg, #4f8cff 0%, #2e5fa7 52%, #12305a 100%) !important;

  border: 1px solid rgba(105, 164, 255, 0.55) !important;

  box-shadow:
    0 16px 34px rgba(0,0,0,0.50),
    0 0 24px rgba(79,140,255,0.25),
    inset 0 1px 0 rgba(255,255,255,0.32) !important;
}

/* StreetGasm badge compacter */
body.elementor-page-9 .sf-hero-partner {
  margin-top: 20px !important;
  padding: 11px 15px !important;
  border-radius: 16px !important;
}

body.elementor-page-9 .sf-partner-small-top {
  font-size: 10px !important;
}

body.elementor-page-9 .sf-partner-small-logo {
  font-size: 23px !important;
}

/* Mobiel */
@media (max-width: 767px) {
  body.elementor-page-9 .sf-hero-overlay-content {
    max-width: calc(100% - 24px) !important;
    padding: 24px 20px !important;
  }

  body.elementor-page-9 .sf-hero-overlay-content h1 {
    font-size: 34px !important;
    line-height: 1 !important;
  }

  body.elementor-page-9 .sf-hero-overlay-content p {
    font-size: 14px !important;
  }
}
/* ==================================================
   FULL RESPONSIVE FIX - TABLET & MOBIEL
   Plak helemaal onderaan je Pagina instellingen CSS
================================================== */

/* Voorkomt horizontaal schuiven */
body.elementor-page-9 {
  overflow-x: hidden;
}

body.elementor-page-9 * {
  box-sizing: border-box;
}

body.elementor-page-9 img {
  max-width: 100%;
}

/* ==================================================
   TABLET
================================================== */

@media (max-width: 1024px) {

  body.elementor-page-9 .sf-container,
  body.elementor-page-9 .sf-contact-wrap,
  body.elementor-page-9 .sf-contact-intro,
  body.elementor-page-9 .sf-form-panel,
  body.elementor-page-9 .sf-partners-block,
  body.elementor-page-9 .sf-ticker-shell {
    width: calc(100% - 40px) !important;
    max-width: 100% !important;
  }

  body.elementor-page-9 .sf-section {
    margin: 64px 0 !important;
  }

  body.elementor-page-9 .sf-title {
    font-size: 48px !important;
    line-height: 1 !important;
  }

  body.elementor-page-9 .sf-mini-title {
    font-size: 38px !important;
    line-height: 1.04 !important;
  }

  body.elementor-page-9 .sf-subtitle {
    font-size: 18px !important;
    line-height: 1.6 !important;
  }

  /* Alle 2-koloms blokken netjes onder elkaar als er te weinig ruimte is */
  body.elementor-page-9 .sf-two {
    grid-template-columns: 1fr !important;
    gap: 34px !important;
  }

  body.elementor-page-9 .sf-card-grid,
  body.elementor-page-9 .sf-process {
    grid-template-columns: 1fr 1fr !important;
    gap: 22px !important;
  }

  body.elementor-page-9 .sf-usp-strip {
    grid-template-columns: 1fr 1fr !important;
    gap: 20px !important;
  }

  /* Afbeeldingen tablet */
  body.elementor-page-9 .sf-luxury-image img,
  body.elementor-page-9 .sf-luxury-image-compact img,
  body.elementor-page-9 .sf-luxury-image-service img {
    min-height: 360px !important;
    max-height: 420px !important;
    object-fit: cover !important;
    border-radius: 26px !important;
  }

  /* Contactcards tablet */
  body.elementor-page-9 .sf-contact-wrap {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 28px !important;
  }

  body.elementor-page-9 .sf-contact-card {
    max-width: 100% !important;
    padding: 30px 24px !important;
  }

  body.elementor-page-9 .sf-contact-photo img {
    max-width: 280px !important;
  }

  body.elementor-page-9 .sf-contact-btn .elementor-button {
    max-width: 320px !important;
  }

  /* Partners tablet */
  body.elementor-page-9 .sf-partners-block img {
    max-height: 105px !important;
  }

  body.elementor-page-9 .sf-partners-block .swiper-slide {
    min-height: 125px !important;
  }
}

/* ==================================================
   MOBIEL
================================================== */

@media (max-width: 767px) {

  /* Algemene breedte */
  body.elementor-page-9 .sf-container,
  body.elementor-page-9 .sf-contact-wrap,
  body.elementor-page-9 .sf-contact-intro,
  body.elementor-page-9 .sf-form-panel,
  body.elementor-page-9 .sf-partners-block,
  body.elementor-page-9 .sf-ticker-shell {
    width: calc(100% - 24px) !important;
    max-width: 100% !important;
  }

  body.elementor-page-9 .sf-section {
    margin: 46px 0 !important;
  }

  /* Minder grote ruimte tussen Elementor containers */
  body.elementor-page-9 .e-con,
  body.elementor-page-9 .elementor-section,
  body.elementor-page-9 .elementor-container {
    max-width: 100% !important;
  }

  /* Titels mobiel */
  body.elementor-page-9 .sf-title {
    font-size: 36px !important;
    line-height: 1.02 !important;
    letter-spacing: -0.045em !important;
    margin-bottom: 18px !important;
  }

  body.elementor-page-9 .sf-mini-title {
    font-size: 30px !important;
    line-height: 1.05 !important;
    letter-spacing: -0.04em !important;
    margin-bottom: 18px !important;
  }

  body.elementor-page-9 .sf-subtitle {
    font-size: 16px !important;
    line-height: 1.58 !important;
  }

  body.elementor-page-9 .sf-text {
    font-size: 15px !important;
    line-height: 1.65 !important;
  }

  body.elementor-page-9 .sf-eyebrow {
    font-size: 11px !important;
    letter-spacing: 0.12em !important;
    margin-bottom: 14px !important;
  }

  body.elementor-page-9 .sf-eyebrow::before {
    width: 26px !important;
  }

  /* Alle kaarten compacter */
  body.elementor-page-9 .sf-hero-card,
  body.elementor-page-9 .sf-content-panel,
  body.elementor-page-9 .sf-contact-intro,
  body.elementor-page-9 .sf-form-panel,
  body.elementor-page-9 .sf-partners-block {
    padding: 28px 22px !important;
    border-radius: 24px !important;
  }

  /* Grids altijd onder elkaar */
  body.elementor-page-9 .sf-card-grid,
  body.elementor-page-9 .sf-usp-strip,
  body.elementor-page-9 .sf-process,
  body.elementor-page-9 .sf-two {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 22px !important;
  }

  /* Finance cards */
  body.elementor-page-9 .sf-finance-card {
    min-height: auto !important;
    padding: 28px 24px !important;
    border-radius: 22px !important;
  }

  body.elementor-page-9 .sf-card-number {
    font-size: 58px !important;
    right: 18px !important;
    top: 16px !important;
  }

  body.elementor-page-9 .sf-finance-card h3 {
    font-size: 23px !important;
  }

  body.elementor-page-9 .sf-finance-card p {
    font-size: 15px !important;
  }

  /* USP cards */
  body.elementor-page-9 .sf-usp {
    padding: 26px 20px !important;
    border-radius: 22px !important;
  }

  body.elementor-page-9 .sf-usp-icon {
    width: 48px !important;
    height: 48px !important;
    border-radius: 16px !important;
  }

  /* Proces */
  body.elementor-page-9 .sf-step {
    padding: 28px 22px !important;
    border-radius: 22px !important;
  }

  body.elementor-page-9 .sf-step h3 {
    font-size: 21px !important;
  }

  /* Afbeeldingen mobiel */
  body.elementor-page-9 .sf-luxury-image img,
  body.elementor-page-9 .sf-luxury-image-compact img,
  body.elementor-page-9 .sf-luxury-image-service img,
  body.elementor-page-9 .sf-elementor-image img {
    min-height: 250px !important;
    max-height: 280px !important;
    width: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    border-radius: 22px !important;
  }

  /* Bij tekst + afbeelding: afbeelding altijd onder/ boven netjes full width */
  body.elementor-page-9 .sf-image-frame {
    min-height: 250px !important;
    border-radius: 22px !important;
  }

  /* Divider kleiner */
  body.elementor-page-9 .sf-divider {
    width: 76% !important;
    margin: 52px auto !important;
  }

  /* ==================================================
     HERO MOBIEL
  ================================================== */

  body.elementor-page-9 .sf-hero-overlay-content {
    max-width: calc(100% - 24px) !important;
    width: calc(100% - 24px) !important;
    margin: 0 auto !important;
    padding: 24px 20px !important;
    border-radius: 24px !important;
  }

  body.elementor-page-9 .sf-hero-overlay-content h1 {
    font-size: 34px !important;
    line-height: 1 !important;
    letter-spacing: -0.045em !important;
    margin-bottom: 16px !important;
  }

  body.elementor-page-9 .sf-hero-overlay-content p {
    font-size: 14.5px !important;
    line-height: 1.55 !important;
    margin-bottom: 20px !important;
  }

  body.elementor-page-9 .sf-hero-button {
    width: 100% !important;
    min-height: 50px !important;
    font-size: 12px !important;
    padding: 0 18px !important;
  }

  body.elementor-page-9 .sf-hero-partner {
    width: 100% !important;
    align-items: center !important;
    text-align: center !important;
    margin-top: 18px !important;
  }

  body.elementor-page-9 .sf-partner-small-logo {
    font-size: 23px !important;
  }

  /* ==================================================
     TICKER MOBIEL
  ================================================== */

  body.elementor-page-9 .sf-ticker-shell {
    height: 50px !important;
    margin-top: 12px !important;
  }

  body.elementor-page-9 .sf-ticker-label {
    font-size: 10px !important;
    padding: 9px 12px !important;
    margin-left: 7px !important;
  }

  body.elementor-page-9 .sf-ticker-item {
    font-size: 12px !important;
    margin: 0 13px !important;
  }

  body.elementor-page-9 .sf-ticker-item::before {
    width: 4px !important;
    height: 4px !important;
    min-width: 4px !important;
    margin-right: 10px !important;
  }

  /* ==================================================
     PARTNERS MOBIEL
  ================================================== */

  body.elementor-page-9 .sf-partners-block {
    margin: 52px auto !important;
  }

  body.elementor-page-9 .sf-partners-block .elementor-image-carousel-wrapper {
    margin-top: 28px !important;
  }

  body.elementor-page-9 .sf-partners-block .swiper-slide {
    min-height: 105px !important;
  }

  body.elementor-page-9 .sf-partners-block img {
    max-height: 88px !important;
    width: auto !important;
    object-fit: contain !important;
  }

  /* ==================================================
     CONTACT MOBIEL
  ================================================== */

  body.elementor-page-9 .sf-contact-intro {
    margin: 52px auto 34px auto !important;
  }

  body.elementor-page-9 .sf-contact-wrap {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 28px !important;
    margin: 34px auto 52px auto !important;
  }

  body.elementor-page-9 .sf-contact-card {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 28px 20px 30px !important;
    border-radius: 24px !important;
  }

  body.elementor-page-9 .sf-contact-photo img {
    max-width: 245px !important;
    border-radius: 22px !important;
    margin-bottom: 22px !important;
  }

  body.elementor-page-9 .sf-contact-btn .elementor-button {
    width: 100% !important;
    max-width: 300px !important;
    min-height: 50px !important;
    font-size: 12px !important;
    line-height: 1.15 !important;
    padding: 13px 18px !important;
  }

  body.elementor-page-9 .sf-contact-card .elementor-widget-button {
    margin-bottom: 13px !important;
  }

  /* ==================================================
     FORMULIER MOBIEL
  ================================================== */

  body.elementor-page-9 .sf-form-panel {
    margin: 52px auto 70px auto !important;
  }

  body.elementor-page-9 .sf-form-panel .elementor-form {
    margin-top: 24px !important;
  }

  body.elementor-page-9 .sf-form-panel .elementor-field-group {
    margin-bottom: 16px !important;
  }

  body.elementor-page-9 .sf-form-panel .elementor-field-label {
    font-size: 12px !important;
    margin-bottom: 7px !important;
  }

  body.elementor-page-9 .sf-form-panel input,
  body.elementor-page-9 .sf-form-panel textarea,
  body.elementor-page-9 .sf-form-panel select {
    min-height: 50px !important;
    border-radius: 14px !important;
    font-size: 15px !important;
    padding: 13px 14px !important;
  }

  body.elementor-page-9 .sf-form-panel textarea {
    min-height: 130px !important;
  }

  body.elementor-page-9 .sf-form-panel .elementor-button {
    width: 100% !important;
    min-height: 52px !important;
    font-size: 13px !important;
  }
}

/* ==================================================
   EXTRA KLEINE TELEFOONS
================================================== */

@media (max-width: 390px) {

  body.elementor-page-9 .sf-title {
    font-size: 32px !important;
  }

  body.elementor-page-9 .sf-mini-title {
    font-size: 28px !important;
  }

  body.elementor-page-9 .sf-hero-overlay-content h1 {
    font-size: 31px !important;
  }

  body.elementor-page-9 .sf-hero-overlay-content {
    padding: 22px 18px !important;
  }

  body.elementor-page-9 .sf-hero-button {
    font-size: 11px !important;
  }

  body.elementor-page-9 .sf-contact-photo img {
    max-width: 220px !important;
  }
}
/* ==================================================
   BLAUWE TITELWOORDEN MET WITTE OUTLINE
   Voor homepagina + aanvraagpagina
================================================== */

body.elementor-page-9 .sf-title span,
body.elementor-page-9 .sf-mini-title span,
body.elementor-page-9 .sf-apply-title span,
body.elementor-page-9 .sf-apply-mini-title span,
body.elementor-page-9 .sf-apply-callout h2 span,
body.elementor-page-9 .sf-form-panel h2 span,
body.elementor-page-9 .sf-hero-overlay-content h1 span {
  color: #4f8cff !important;

  -webkit-text-stroke: 1px rgba(255,255,255,0.72);
  text-stroke: 1px rgba(255,255,255,0.72);

  text-shadow:
    0 0 24px rgba(79,140,255,0.52),
    0 4px 20px rgba(0,0,0,0.72);
}
/* Strakke SVG-iconen in USP blokken */
body.elementor-page-9 .sf-usp-icon svg {
  width: 26px;
  height: 26px;
  display: block;
}

body.elementor-page-9 .sf-usp-icon svg path,
body.elementor-page-9 .sf-usp-icon svg rect,
body.elementor-page-9 .sf-usp-icon svg circle {
  fill: none;
  stroke: #ffffff;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* ==================================================
   HERO BUTTON - CLEAN SPORTSCAR STYLE
================================================== */

body.elementor-page-9 .sf-hero-button {
  min-height: 52px !important;
  padding: 0 30px !important;

  border-radius: 999px !important;

  background: #2e5fa7 !important;
  color: #ffffff !important;

  border: 1px solid rgba(79, 140, 255, 0.75) !important;

  box-shadow:
    0 14px 32px rgba(0,0,0,0.45),
    0 0 22px rgba(79,140,255,0.24),
    inset 0 1px 0 rgba(255,255,255,0.18) !important;

  font-size: 13px !important;
  font-weight: 900 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;

  transition:
    transform .22s ease,
    background .22s ease,
    box-shadow .22s ease,
    border-color .22s ease !important;
}

body.elementor-page-9 .sf-hero-button:hover {
  background: #4f8cff !important;
  color: #ffffff !important;

  transform: translateY(-3px);

  border-color: rgba(255,255,255,0.32) !important;

  box-shadow:
    0 20px 44px rgba(0,0,0,0.58),
    0 0 30px rgba(79,140,255,0.36),
    inset 0 1px 0 rgba(255,255,255,0.22) !important;
}
/* ==================================================
   CONTACT CARDS - CARD NIET BEWEGEN, BUTTONS WEL
================================================== */

/* Ronny/Patrick blokken stil houden */
body.elementor-page-9 .sf-contact-card,
body.elementor-page-9 .sf-contact-card:hover {
  transform: none !important;
}

/* Ook geen image/card lift meer bij hover */
body.elementor-page-9 .sf-contact-card:hover img,
body.elementor-page-9 .sf-contact-photo:hover img {
  transform: none !important;
}

/* Buttons mogen wel blijven bewegen */
body.elementor-page-9 .sf-contact-card .sf-contact-btn .elementor-button:hover {
  transform: translateY(-3px) !important;
}

/* Button hover blijft premium */
body.elementor-page-9 .sf-contact-card .sf-contact-btn .elementor-button:hover {
  filter: brightness(1.08);
  box-shadow:
    0 18px 42px rgba(0,0,0,0.58),
    0 0 24px rgba(79,140,255,0.20),
    inset 0 1px 0 rgba(255,255,255,0.26) !important;
}
/* ==================================================
   CONTACT CARDS - NAMEN VIA CSS, GEEN EXTRA WIDGETS
================================================== */

body.elementor-page-9 .sf-ronny-card::before,
body.elementor-page-9 .sf-patrick-card::before {
  display: block;
  text-align: center;

  color: #ffffff;
  font-size: 28px;
  line-height: 1.1;
  font-weight: 950;
  letter-spacing: -0.035em;

  margin-bottom: 6px;

  text-shadow:
    0 0 18px rgba(79,140,255,0.28),
    0 4px 16px rgba(0,0,0,0.65);
}

body.elementor-page-9 .sf-ronny-card::before {
  content: "Ronny Verweijst";
}

body.elementor-page-9 .sf-patrick-card::before {
  content: "Patrick Daniëls";
}

body.elementor-page-9 .sf-ronny-card::after,
body.elementor-page-9 .sf-patrick-card::after {
  content: "Exclusieve lease specialist";
  display: block;
  text-align: center;

  color: #4f8cff;
  font-size: 12px;
  line-height: 1.3;
  font-weight: 900;
  letter-spacing: 0.13em;
  text-transform: uppercase;

  margin-bottom: 24px;
}

/* Kaart iets beter in balans */
body.elementor-page-9 .sf-contact-card {
  padding-top: 34px !important;
}

/* Mobiel */
@media (max-width: 767px) {
  body.elementor-page-9 .sf-ronny-card::before,
  body.elementor-page-9 .sf-patrick-card::before {
    font-size: 23px;
  }

  body.elementor-page-9 .sf-ronny-card::after,
  body.elementor-page-9 .sf-patrick-card::after {
    font-size: 10.5px;
    letter-spacing: 0.10em;
    margin-bottom: 18px;
  }
}
/* ==================================================
   CONTACT CARDS - HTML NAAM/TITEL BOVEN FOTO
================================================== */

/* Oude CSS-namen via before/after uitzetten */
body.elementor-page-9 .sf-ronny-card::before,
body.elementor-page-9 .sf-ronny-card::after,
body.elementor-page-9 .sf-patrick-card::before,
body.elementor-page-9 .sf-patrick-card::after {
  display: none !important;
  content: none !important;
}

body.elementor-page-9 .sf-contact-person-head {
  text-align: center;
  margin: 0 0 22px;
}

body.elementor-page-9 .sf-contact-person-name {
  color: #ffffff;
  font-size: 28px;
  line-height: 1.05;
  font-weight: 950;
  letter-spacing: -0.04em;

  text-shadow:
    0 0 18px rgba(79,140,255,0.28),
    0 4px 16px rgba(0,0,0,0.65);
}

body.elementor-page-9 .sf-contact-person-role {
  margin-top: 8px;

  color: #4f8cff;
  font-size: 12px;
  line-height: 1.3;
  font-weight: 900;
  letter-spacing: 0.13em;
  text-transform: uppercase;

  text-shadow:
    0 0 14px rgba(79,140,255,0.36),
    0 3px 12px rgba(0,0,0,0.55);
}

/* Card spacing opnieuw goed zetten */
body.elementor-page-9 .sf-contact-card {
  padding-top: 36px !important;
}

/* Foto dichter onder de naam */
body.elementor-page-9 .sf-contact-card .elementor-widget-image {
  margin-top: 0 !important;
  margin-bottom: 30px !important;
}

/* Mobiel */
@media (max-width: 767px) {
  body.elementor-page-9 .sf-contact-person-head {
    margin-bottom: 18px;
  }

  body.elementor-page-9 .sf-contact-person-name {
    font-size: 24px;
  }

  body.elementor-page-9 .sf-contact-person-role {
    font-size: 10.5px;
    letter-spacing: 0.10em;
  }
}
/* ==================================================
   CONTACT PERSON NAME PANEL - GELIJK RANDJE
================================================== */

body.elementor-page-9 .sf-contact-person-head {
  width: min(360px, 92%) !important;
  margin: 0 auto 24px !important;
  padding: 16px 18px 14px !important;

  border-radius: 18px !important;
  border: 1px solid rgba(46, 95, 167, 0.48) !important;

  background:
    radial-gradient(circle at 50% 0%, rgba(79,140,255,0.12), transparent 42%),
    linear-gradient(135deg, rgba(255,255,255,0.055), rgba(255,255,255,0.018)) !important;

  box-shadow:
    0 14px 34px rgba(0,0,0,0.34),
    0 0 22px rgba(46,95,167,0.16),
    inset 0 1px 0 rgba(255,255,255,0.08) !important;
}

body.elementor-page-9 .sf-contact-person-name {
  color: #ffffff !important;
  font-size: 26px !important;
  line-height: 1.08 !important;
  font-weight: 950 !important;
  letter-spacing: -0.04em !important;
  text-align: center !important;

  text-shadow:
    0 0 18px rgba(79,140,255,0.28),
    0 4px 16px rgba(0,0,0,0.65);
}

body.elementor-page-9 .sf-contact-person-role {
  margin-top: 7px !important;

  color: #4f8cff !important;
  font-size: 11px !important;
  line-height: 1.3 !important;
  font-weight: 900 !important;
  letter-spacing: 0.13em !important;
  text-transform: uppercase !important;
  text-align: center !important;

  text-shadow:
    0 0 14px rgba(79,140,255,0.36),
    0 3px 12px rgba(0,0,0,0.55);
}

/* Mobiel */
@media (max-width: 767px) {
  body.elementor-page-9 .sf-contact-person-head {
    width: 100% !important;
    max-width: 320px !important;
    margin-bottom: 20px !important;
    padding: 14px 14px 13px !important;
    border-radius: 16px !important;
  }

  body.elementor-page-9 .sf-contact-person-name {
    font-size: 23px !important;
  }

  body.elementor-page-9 .sf-contact-person-role {
    font-size: 10px !important;
    letter-spacing: 0.10em !important;
  }
}
/* ==================================================
   CONTACT CARDS - BUITENRAND GELIJK MAKEN
================================================== */

body.elementor-page-9 .sf-contact-card,
body.elementor-page-9 .sf-ronny-card,
body.elementor-page-9 .sf-patrick-card {
  border: 1px solid rgba(46, 95, 167, 0.55) !important;
  border-radius: 30px !important;

  background:
    radial-gradient(circle at 78% 12%, rgba(46,95,167,0.20), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,0.075), rgba(255,255,255,0.025)) !important;

  box-shadow:
    0 24px 70px rgba(0,0,0,0.55),
    0 0 32px rgba(46,95,167,0.20),
    inset 0 1px 0 rgba(255,255,255,0.08) !important;
}

/* Ronny specifiek iets forceren, omdat die blijkbaar geen rand pakt */
body.elementor-page-9 .sf-ronny-card {
  border: 1px solid rgba(46, 95, 167, 0.55) !important;
}

/* Patrick gelijk houden */
body.elementor-page-9 .sf-patrick-card {
  border: 1px solid rgba(46, 95, 167, 0.55) !important;
}

/* Mobiel */
@media (max-width: 767px) {
  body.elementor-page-9 .sf-contact-card,
  body.elementor-page-9 .sf-ronny-card,
  body.elementor-page-9 .sf-patrick-card {
    border-radius: 24px !important;
  }
}
/* ==================================================
   CONTACT BUTTONS - CLEAN LUXURY STYLE
================================================== */

/* Alle contactbuttons basis */
body.elementor-page-9 .sf-contact-card .elementor-button {
  min-height: 56px !important;
  border-radius: 999px !important;

  font-family: "Montserrat", "Inter", Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: 0.025em !important;
  line-height: 1.15 !important;
  text-transform: uppercase !important;

  border: 1px solid rgba(255,255,255,0.14) !important;

  box-shadow:
    0 14px 30px rgba(0,0,0,0.42),
    0 0 20px rgba(79,140,255,0.16) !important;

  text-shadow: none !important;

  transition:
    transform .22s ease,
    box-shadow .22s ease,
    filter .22s ease,
    border-color .22s ease !important;
}

/* Telefoon knop blauw - cleaner */
body.elementor-page-9 .sf-contact-card .elementor-button[href^="tel"],
body.elementor-page-9 .sf-contact-card .elementor-button-link[href^="tel"] {
  color: #ffffff !important;

  background:
    linear-gradient(180deg, #3f7ed8 0%, #2e5fa7 100%) !important;

  border-color: rgba(105,164,255,0.42) !important;

  box-shadow:
    0 14px 30px rgba(0,0,0,0.44),
    0 0 22px rgba(79,140,255,0.22) !important;
}

/* WhatsApp knop groen - cleaner */
body.elementor-page-9 .sf-contact-card .elementor-button[href*="wa.me"],
body.elementor-page-9 .sf-contact-card .elementor-button-link[href*="wa.me"],
body.elementor-page-9 .sf-contact-card .elementor-button[href*="whatsapp"],
body.elementor-page-9 .sf-contact-card .elementor-button-link[href*="whatsapp"] {
  color: #ffffff !important;

  background:
    linear-gradient(180deg, #19c878 0%, #078950 100%) !important;

  border-color: rgba(45,255,159,0.28) !important;

  box-shadow:
    0 14px 30px rgba(0,0,0,0.44),
    0 0 22px rgba(25,200,120,0.18) !important;
}

/* vCard/contact knop donker zilver i.p.v. witte goedkope gradient */
body.elementor-page-9 .sf-contact-card .elementor-button:not([href^="tel"]):not([href*="wa.me"]):not([href*="whatsapp"]),
body.elementor-page-9 .sf-contact-card .elementor-button-link:not([href^="tel"]):not([href*="wa.me"]):not([href*="whatsapp"]) {
  color: #ffffff !important;

  background:
    linear-gradient(180deg, #3a414d 0%, #171c24 100%) !important;

  border-color: rgba(215,220,230,0.22) !important;

  box-shadow:
    0 14px 30px rgba(0,0,0,0.44),
    0 0 18px rgba(215,220,230,0.08) !important;
}

/* Hover: alleen knop beweegt, geen lelijke rand */
body.elementor-page-9 .sf-contact-card .elementor-button:hover {
  transform: translateY(-3px) !important;
  filter: brightness(1.08) !important;

  border-color: rgba(255,255,255,0.26) !important;

  box-shadow:
    0 20px 42px rgba(0,0,0,0.58),
    0 0 28px rgba(79,140,255,0.22) !important;
}

/* Icoontjes iets netter */
body.elementor-page-9 .sf-contact-card .elementor-button-icon,
body.elementor-page-9 .sf-contact-card .elementor-button-icon i,
body.elementor-page-9 .sf-contact-card .elementor-button-icon svg {
  color: currentColor !important;
  fill: currentColor !important;
  opacity: 0.95 !important;
}

/* Geen rare onderlijnen of extra pseudo-randen */
body.elementor-page-9 .sf-contact-card .elementor-button::before,
body.elementor-page-9 .sf-contact-card .elementor-button::after {
  display: none !important;
  content: none !important;
}

/* Mobiel */
@media (max-width: 767px) {
  body.elementor-page-9 .sf-contact-card .elementor-button {
    min-height: 52px !important;
    font-size: 12px !important;
    letter-spacing: 0.02em !important;
  }
}
/* ==================================================
   CONTACT BUTTONS - ONDERRAND DEFINITIEF WEG
================================================== */

body.elementor-page-9 .sf-contact-card .elementor-button,
body.elementor-page-9 .sf-contact-card .elementor-button-link,
body.elementor-page-9 .sf-contact-card .elementor-button-wrapper a {
  border-bottom: 0 !important;
  outline: none !important;

  box-shadow:
    0 14px 30px rgba(0,0,0,0.42),
    0 0 20px rgba(79,140,255,0.14) !important;

  background-clip: padding-box !important;
}

/* Geen pseudo-lijn onder knop */
body.elementor-page-9 .sf-contact-card .elementor-button::before,
body.elementor-page-9 .sf-contact-card .elementor-button::after,
body.elementor-page-9 .sf-contact-card .elementor-button-link::before,
body.elementor-page-9 .sf-contact-card .elementor-button-link::after,
body.elementor-page-9 .sf-contact-card .elementor-button-wrapper a::before,
body.elementor-page-9 .sf-contact-card .elementor-button-wrapper a::after {
  display: none !important;
  content: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Specifieke onderste rand/inner shadow eruit */
body.elementor-page-9 .sf-contact-card .elementor-button {
  border: 1px solid rgba(255,255,255,0.14) !important;
  border-bottom-color: rgba(255,255,255,0.14) !important;
  text-decoration: none !important;
}

/* Kleuren opnieuw strak zetten zonder onderste gradient-rand */
body.elementor-page-9 .sf-contact-card .elementor-button[href^="tel"],
body.elementor-page-9 .sf-contact-card .elementor-button-link[href^="tel"] {
  background: #3f7ed8 !important;
  border-color: rgba(105,164,255,0.42) !important;
}

body.elementor-page-9 .sf-contact-card .elementor-button[href*="wa.me"],
body.elementor-page-9 .sf-contact-card .elementor-button-link[href*="wa.me"],
body.elementor-page-9 .sf-contact-card .elementor-button[href*="whatsapp"],
body.elementor-page-9 .sf-contact-card .elementor-button-link[href*="whatsapp"] {
  background: #08a85f !important;
  border-color: rgba(45,255,159,0.28) !important;
}

body.elementor-page-9 .sf-contact-card .elementor-button:not([href^="tel"]):not([href*="wa.me"]):not([href*="whatsapp"]),
body.elementor-page-9 .sf-contact-card .elementor-button-link:not([href^="tel"]):not([href*="wa.me"]):not([href*="whatsapp"]) {
  background: #252b34 !important;
  border-color: rgba(215,220,230,0.22) !important;
}
/* ==================================================
   FORM BUTTON - CLEAN SPORTSCAR STYLE
================================================== */

body.elementor-page-9 .sf-form-panel .elementor-button,
body.elementor-page-9 .sf-form-panel button[type="submit"],
body.elementor-page-9 .sf-form-panel .elementor-field-type-submit button {
  width: 100% !important;
  min-height: 58px !important;

  border-radius: 999px !important;

  background: #2e5fa7 !important;
  color: #ffffff !important;

  border: 1px solid rgba(79,140,255,0.72) !important;
  border-bottom: 1px solid rgba(79,140,255,0.72) !important;

  box-shadow:
    0 16px 34px rgba(0,0,0,0.48),
    0 0 24px rgba(79,140,255,0.22) !important;

  font-family: "Montserrat", "Inter", Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 850 !important;
  letter-spacing: 0.055em !important;
  text-transform: uppercase !important;

  text-shadow: none !important;
  outline: none !important;

  transition:
    transform .22s ease,
    background .22s ease,
    box-shadow .22s ease,
    border-color .22s ease,
    filter .22s ease !important;
}

/* Hover */
body.elementor-page-9 .sf-form-panel .elementor-button:hover,
body.elementor-page-9 .sf-form-panel button[type="submit"]:hover,
body.elementor-page-9 .sf-form-panel .elementor-field-type-submit button:hover {
  background: #4f8cff !important;
  transform: translateY(-3px);

  border-color: rgba(255,255,255,0.26) !important;

  box-shadow:
    0 22px 48px rgba(0,0,0,0.62),
    0 0 32px rgba(79,140,255,0.34) !important;
}

/* Geen gekke onderrand / pseudo-elementen */
body.elementor-page-9 .sf-form-panel .elementor-button::before,
body.elementor-page-9 .sf-form-panel .elementor-button::after,
body.elementor-page-9 .sf-form-panel button[type="submit"]::before,
body.elementor-page-9 .sf-form-panel button[type="submit"]::after {
  display: none !important;
  content: none !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* Mobiel */
@media (max-width: 767px) {
  body.elementor-page-9 .sf-form-panel .elementor-button,
  body.elementor-page-9 .sf-form-panel button[type="submit"],
  body.elementor-page-9 .sf-form-panel .elementor-field-type-submit button {
    min-height: 52px !important;
    font-size: 13px !important;
  }
}
/* ==================================================
   HERO BUTTON - RUSTIGE PREMIUM HOVER
================================================== */

body.elementor-page-9 .sf-hero-button {
  background: #2e5fa7 !important;
  color: #ffffff !important;

  border: 1px solid rgba(79,140,255,0.55) !important;

  box-shadow:
    0 14px 30px rgba(0,0,0,0.42),
    0 0 20px rgba(79,140,255,0.16) !important;

  text-shadow: none !important;
  filter: none !important;
}

body.elementor-page-9 .sf-hero-button:hover {
  background: #356dbd !important;
  color: #ffffff !important;

  transform: translateY(-3px) !important;

  border-color: rgba(105,164,255,0.62) !important;

  box-shadow:
    0 20px 42px rgba(0,0,0,0.58),
    0 0 26px rgba(79,140,255,0.24) !important;

  filter: none !important;
}

/* Geen felle gradient/pseudo effecten */
body.elementor-page-9 .sf-hero-button::before,
body.elementor-page-9 .sf-hero-button::after {
  display: none !important;
  content: none !important;
}/* End custom CSS */