.elementor-4164 .elementor-element.elementor-element-3cf4918c{--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;--overlay-opacity:0.5;--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-4164 .elementor-element.elementor-element-3cf4918c::before, .elementor-4164 .elementor-element.elementor-element-3cf4918c > .elementor-background-video-container::before, .elementor-4164 .elementor-element.elementor-element-3cf4918c > .e-con-inner > .elementor-background-video-container::before, .elementor-4164 .elementor-element.elementor-element-3cf4918c > .elementor-background-slideshow::before, .elementor-4164 .elementor-element.elementor-element-3cf4918c > .e-con-inner > .elementor-background-slideshow::before, .elementor-4164 .elementor-element.elementor-element-3cf4918c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-4164 .elementor-element.elementor-element-6553c977{width:100%;max-width:100%;}.elementor-4164 .elementor-element.elementor-element-6553c977 > .elementor-widget-container{padding:0px 0px 80px 0px;}.elementor-4164 .elementor-element.elementor-element-6553c977.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-4164 .elementor-element.elementor-element-3f727b15{--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;--justify-content:center;--margin-top:-70px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4164 .elementor-element.elementor-element-3f727b15:not(.elementor-motion-effects-element-type-background), .elementor-4164 .elementor-element.elementor-element-3f727b15 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-d614784 );}.elementor-4164 .elementor-element.elementor-element-3f727b15.e-con{--align-self:center;}.elementor-4164 .elementor-element.elementor-element-417edb1f{--display:flex;--justify-content:center;}.elementor-4164 .elementor-element.elementor-element-417edb1f.e-con{--align-self:center;}.elementor-4164 .elementor-element.elementor-element-94370ed > .elementor-widget-container{margin:-150px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4164 .elementor-element.elementor-element-94370ed.elementor-element{--align-self:center;}.elementor-4164 .elementor-element.elementor-element-94370ed.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-4164 .elementor-element.elementor-element-50273d97{--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;--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-4164 .elementor-element.elementor-element-4c8d6536.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-4164 .elementor-element.elementor-element-765ea766 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4164 .elementor-element.elementor-element-765ea766.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-4164 .elementor-element.elementor-element-5b61ad36{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-4164 .elementor-element.elementor-element-5b61ad36:not(.elementor-motion-effects-element-type-background), .elementor-4164 .elementor-element.elementor-element-5b61ad36 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(90deg, var( --e-global-color-primary ) 0%, var( --e-global-color-text ) 100%);}.elementor-4164 .elementor-element.elementor-element-41437d0a.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-4164 .elementor-element.elementor-element-41437d0a .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-4164 .elementor-element.elementor-element-64f9cec3 > .elementor-widget-container{margin:-30px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4164 .elementor-element.elementor-element-64f9cec3.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-4164 .elementor-element.elementor-element-64f9cec3{color:var( --e-global-color-d614784 );}.elementor-4164 .elementor-element.elementor-element-7fb4653c.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-4164 .elementor-element.elementor-element-5fa38e7 > .elementor-widget-container{padding:30px 0px 0px 0px;}.elementor-4164 .elementor-element.elementor-element-5fa38e7.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-4164 .elementor-element.elementor-element-5fa38e7{text-align:center;}.elementor-4164 .elementor-element.elementor-element-5fa38e7 .elementor-heading-title{font-size:40px;font-weight:700;color:var( --e-global-color-primary );}.elementor-4164 .elementor-element.elementor-element-1db9a957 > .elementor-widget-container{margin:-25px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4164 .elementor-element.elementor-element-1db9a957.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-4164 .elementor-element.elementor-element-1db9a957{text-align:center;}.elementor-4164 .elementor-element.elementor-element-1db9a957 .elementor-heading-title{font-size:18px;font-weight:400;font-style:normal;color:var( --e-global-color-primary );}.elementor-4164 .elementor-element.elementor-element-15aed1b{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-4164 .elementor-element.elementor-element-1609ad0c .xpro-elementor-gallery-layout-grid .xpro-elementor-gallery-item{height:417px;}.elementor-4164 .elementor-element.elementor-element-1609ad0c .xpro-overlay-content{text-align:center;}.elementor-4164 .elementor-element.elementor-element-1609ad0c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4164 .elementor-element.elementor-element-1609ad0c.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-4164 .elementor-element.elementor-element-1609ad0c.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-4164 .elementor-element.elementor-element-1609ad0c .xpro-elementor-gallery .xpro-elementor-gallery-item .cbp-caption{border-style:double;border-width:0px 0px 0px 02px;border-color:var( --e-global-color-secondary );border-radius:25px 25px 25px 25px;}.elementor-4164 .elementor-element.elementor-element-5aaba8a2 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4164 .elementor-element.elementor-element-5aaba8a2.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-4164 .elementor-element.elementor-element-332072ce{--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;--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-4164 .elementor-element.elementor-element-49f47ac0.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-4164 .elementor-element.elementor-element-2866b4d2.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-4164 .elementor-element.elementor-element-40ed448{--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;--margin-top:-35px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4164 .elementor-element.elementor-element-2dc9396d.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-4164 .elementor-element.elementor-element-688c17e0.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-4164 .elementor-element.elementor-element-d4672a1{--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;--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4164 .elementor-element.elementor-element-d4672a1:not(.elementor-motion-effects-element-type-background), .elementor-4164 .elementor-element.elementor-element-d4672a1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(90deg, var( --e-global-color-primary ) 0%, var( --e-global-color-text ) 100%);}.elementor-4164 .elementor-element.elementor-element-d4672a1 > .elementor-shape-top .elementor-shape-fill, .elementor-4164 .elementor-element.elementor-element-d4672a1 > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:var( --e-global-color-a92e503 );}.elementor-4164 .elementor-element.elementor-element-d4672a1 > .elementor-shape-top svg, .elementor-4164 .elementor-element.elementor-element-d4672a1 > .e-con-inner > .elementor-shape-top svg{width:calc(100% + 1.3px);height:0px;}.elementor-4164 .elementor-element.elementor-element-d4672a1 > .elementor-shape-bottom svg, .elementor-4164 .elementor-element.elementor-element-d4672a1 > .e-con-inner > .elementor-shape-bottom svg{height:0px;}.elementor-4164 .elementor-element.elementor-element-3a793cb5.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-4164 .elementor-element.elementor-element-3a793cb5{text-align:center;}.elementor-4164 .elementor-element.elementor-element-3a793cb5 .elementor-heading-title{font-size:40px;font-weight:600;color:var( --e-global-color-secondary );}.elementor-4164 .elementor-element.elementor-element-5b6daed1 > .elementor-widget-container{margin:-20px 0px 0px 0px;}.elementor-4164 .elementor-element.elementor-element-5b6daed1.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-4164 .elementor-element.elementor-element-1986bb{--divider-border-style:solid;--divider-color:var( --e-global-color-secondary );--divider-border-width:2.4px;}.elementor-4164 .elementor-element.elementor-element-1986bb > .elementor-widget-container{margin:-040px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4164 .elementor-element.elementor-element-1986bb.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-4164 .elementor-element.elementor-element-1986bb .elementor-divider-separator{width:33%;margin:0 auto;margin-center:0;}.elementor-4164 .elementor-element.elementor-element-1986bb .elementor-divider{text-align:center;padding-block-start:12px;padding-block-end:12px;}.elementor-4164 .elementor-element.elementor-element-3e764580{--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-4164 .elementor-element.elementor-element-9636f34{--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;--padding-top:0px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-4164 .elementor-element.elementor-element-270c6f12.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-4164 .elementor-element.elementor-element-25d91172{--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;--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-4164 .elementor-element.elementor-element-51ab95bf.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-4164 .elementor-element.elementor-element-aa1ffec{--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;--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-4164 .elementor-element.elementor-element-2393bbd.xpro-widget-bg-overlay:before{transition:background 0.3s;}@media(max-width:1024px){.elementor-4164 .elementor-element.elementor-element-15aed1b{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}}@media(max-width:767px){.elementor-4164 .elementor-element.elementor-element-5fa38e7 .elementor-heading-title{font-size:30px;}.elementor-4164 .elementor-element.elementor-element-1db9a957{width:var( --container-widget-width, 432px );max-width:432px;--container-widget-width:432px;--container-widget-flex-grow:0;text-align:center;}.elementor-4164 .elementor-element.elementor-element-1db9a957 .elementor-heading-title{font-size:18px;line-height:1.1em;word-spacing:0em;}.elementor-4164 .elementor-element.elementor-element-15aed1b{--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-4164 .elementor-element.elementor-element-d4672a1{--padding-top:20px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-4164 .elementor-element.elementor-element-3a793cb5 .elementor-heading-title{font-size:30px;}.elementor-4164 .elementor-element.elementor-element-5b6daed1{font-size:18px;}}/* Start custom CSS for html, class: .elementor-element-6553c977 *//* ================================================
   HERO SECTIE – JP Verbouw | Blocksy Fix
   Plak dit in: Appearance → Customize → Additional CSS
   ================================================ */

/* --- RESET Blocksy container beperkingen --- */
.jp-hero-center,
.jp-hero-center *,
.jp-hero-center *::before,
.jp-hero-center *::after {
  box-sizing: border-box !important;
}

/* --- SECTIE wrapper --- */
.jp-hero-center {
  padding: clamp(4rem, 10vw, 7rem) 1.5rem !important;
  background: linear-gradient(135deg, #0F2944 0%, #0d2238 50%, #0F2944 100%) !important;
  width: 100% !important;
  position: relative !important;
  overflow: hidden !important;
  /* Blocksy voegt soms max-width toe via containers – reset: */
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Subtiele textuur overlay */
.jp-hero-center::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background-image: repeating-linear-gradient(
    -45deg,
    transparent,
    transparent 40px,
    rgba(255,255,255,0.015) 40px,
    rgba(255,255,255,0.015) 41px
  ) !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

/* Oranje glow rechtsonder */
.jp-hero-center::after {
  content: "" !important;
  position: absolute !important;
  bottom: -80px !important;
  right: -80px !important;
  width: 400px !important;
  height: 400px !important;
  border-radius: 50% !important;
  background: radial-gradient(circle, rgba(247,147,30,0.12) 0%, transparent 70%) !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

/* --- INNER container --- */
.jp-hero-center__inner {
  width: 100% !important;
  max-width: 1100px !important;
  margin: 0 auto !important;
  position: relative !important;
  z-index: 1 !important;
}

.jp-hero-center__card {
  background: transparent !important;
  padding: 0 !important;
  width: 100% !important;
  box-shadow: none !important;
  border: none !important;
}

.jp-hero-center__card-inner {
  background: transparent !important;
  padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 3rem) !important;
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  width: 100% !important;
}

/* --- PILL --- */
.jp-hero-pill {
  display: inline-flex !important;
  align-items: center !important;
  padding: 0.4rem 1.2rem !important;
  border-radius: 999px !important;
  background: #6BBE45 !important;
  border: 1px solid #6BBE45 !important;
  margin-bottom: 1.2rem !important;
  box-shadow: 0 4px 12px rgba(107,190,69,0.25) !important;
}

.jp-hero-pill__dot {
  width: 8px !important;
  height: 8px !important;
  border-radius: 999px !important;
  background: #F7931E !important;
  margin-right: 0.5rem !important;
  flex-shrink: 0 !important;
  animation: jp-pulse 2s ease-in-out infinite !important;
}

@keyframes jp-pulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.7; transform: scale(1.1); }
}

.jp-hero-pill__text {
  font-size: 0.85rem !important;
  font-weight: 600 !important;
  color: #ffffff !important;
  letter-spacing: 0.3px !important;
  font-family: 'Poppins', sans-serif !important;
}

/* --- H1 TITEL --- */
.jp-hero-center__title {
  font-size: clamp(2rem, 5vw, 3.6rem) !important;
  line-height: 1.15 !important;
  margin: 0 0 1.2rem !important;
  color: #ffffff !important;
  font-weight: 900 !important;
  text-shadow: 0 2px 20px rgba(0,0,0,0.2) !important;
  max-width: 950px !important;
  font-family: 'Poppins', sans-serif !important;
  text-align: center !important;
}

/* Oranje accent woorden */
.jp-hero-center__title .accent-orange,
.accent-orange {
  color: #F7931E !important;
}

/* --- LEAD TEKST --- */
.jp-hero-center__lead {
  font-size: clamp(1.05rem, 2vw, 1.3rem) !important;
  line-height: 1.65 !important;
  color: #ffffff !important;
  max-width: 850px !important;
  margin: 0 auto 0.8rem !important;
  font-weight: 500 !important;
  text-align: center !important;
  font-family: 'Poppins', sans-serif !important;
}

/* --- BODY TEKST --- */
.jp-hero-center__text {
  font-size: clamp(1rem, 1.8vw, 1.1rem) !important;
  line-height: 1.7 !important;
  color: rgba(255,255,255,0.95) !important;
  max-width: 800px !important;
  margin: 0 auto 2rem !important;
  font-weight: 400 !important;
  text-align: center !important;
  font-family: 'Poppins', sans-serif !important;
}

/* --- CHIPS RIJ --- */
.jp-hero-center__features {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 0.7rem !important;
  margin: 0 auto 2rem !important;
  max-width: 950px !important;
  width: 100% !important;
  list-style: none !important;
  padding: 0 !important;
}

.jp-hero-chip {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  padding: 0.6rem 1.1rem !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,0.3) !important;
  background: rgba(255,255,255,0.12) !important;
  backdrop-filter: blur(8px) !important;
  font-size: 0.9rem !important;
  color: #ffffff !important;
  white-space: nowrap !important;
  font-weight: 500 !important;
  font-family: 'Poppins', sans-serif !important;
  text-decoration: none !important;
  transition: all 0.3s ease !important;
}

.jp-hero-chip:hover {
  background: rgba(255,255,255,0.18) !important;
  border-color: rgba(255,255,255,0.45) !important;
  transform: translateY(-2px) !important;
}

.jp-hero-chip__icon {
  font-size: 1rem !important;
  color: #6BBE45 !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

/* --- CTA KNOPPEN --- */
.jp-cta {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 1rem !important;
  margin-bottom: 0.8rem !important;
}

.jp-cta--center {
  justify-content: center !important;
}

/* Basis button reset (Blocksy overschrijft knoppen sterk) */
.jp-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 1rem 2.5rem !important;
  border-radius: 999px !important;
  font-size: 1.05rem !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  cursor: pointer !important;
  gap: 0.6rem !important;
  transition: all 0.3s cubic-bezier(0.4,0,0.2,1) !important;
  box-shadow: 0 4px 16px rgba(0,0,0,0.15) !important;
  font-family: 'Poppins', sans-serif !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
}

/* Oranje primaire knop */
.jp-btn--primary {
  border: 2px solid #F7931E !important;
  background: #F7931E !important;
  color: #ffffff !important;
}

.jp-btn--primary:hover {
  background: #6BBE45 !important;
  border-color: #6BBE45 !important;
  color: #ffffff !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 8px 24px rgba(107,190,69,0.4) !important;
  text-decoration: none !important;
}

/* WhatsApp knop */
.jp-btn--whatsapp {
  border: 2px solid #25D366 !important;
  background: #25D366 !important;
  color: #ffffff !important;
}

.jp-btn--whatsapp:hover {
  background: #25D366 !important;
  border-color: #25D366 !important;
  color: #ffffff !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 8px 28px rgba(37,211,102,0.5) !important;
  text-decoration: none !important;
}

.jp-btn__icon {
  width: 1.3rem !important;
  height: 1.3rem !important;
  flex-shrink: 0 !important;
}

/* --- CTA SUBTEKST --- */
.jp-cta-note {
  font-size: 1rem !important;
  font-weight: 600 !important;
  color: #6BBE45 !important;
  margin: 0 0 1.8rem !important;
  text-shadow: 0 2px 8px rgba(0,0,0,0.2) !important;
  text-align: center !important;
  font-family: 'Poppins', sans-serif !important;
}

/* --- TRUST BLOK --- */
.jp-hero-center__trust {
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.4rem !important;
  padding: 0.8rem 1.4rem !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,0.1) !important;
  backdrop-filter: blur(10px) !important;
  border: 1px solid rgba(255,255,255,0.25) !important;
}

.jp-hero-center__trust-main {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.6rem !important;
}

/* Sterren */
.jp-stars {
  display: inline-flex !important;
  align-items: center !important;
  gap: 3px !important;
}

.jp-stars svg {
  width: 1.1rem !important;
  height: 1.1rem !important;
  fill: #F7931E !important;
  filter: drop-shadow(0 2px 4px rgba(247,147,30,0.3)) !important;
}

.jp-hero-center__rating-text {
  font-size: 0.9rem !important;
  color: #ffffff !important;
  line-height: 1 !important;
  font-weight: 500 !important;
  font-family: 'Poppins', sans-serif !important;
}

.jp-hero-center__rating-text strong {
  font-weight: 700 !important;
  color: #F7931E !important;
}

.jp-hero-center__trust-note {
  margin: 0 !important;
  font-size: 0.8rem !important;
  color: rgba(255,255,255,0.9) !important;
  font-weight: 400 !important;
  text-align: center !important;
  font-family: 'Poppins', sans-serif !important;
}

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

@media (max-width: 768px) {
  .jp-hero-center {
    padding: 3.5rem 1.25rem !important;
  }
  .jp-hero-center__card-inner {
    padding: 2rem 1.2rem !important;
  }
  .jp-hero-center__title {
    font-size: 1.9rem !important;
  }
  .jp-hero-chip {
    white-space: normal !important;
    text-align: center !important;
    font-size: 0.85rem !important;
  }
  .jp-cta {
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
  }
  .jp-btn {
    width: 100% !important;
    max-width: 360px !important;
  }
}

@media (max-width: 480px) {
  .jp-hero-center {
    padding: 2.5rem 1rem !important;
  }
  .jp-hero-center__title {
    font-size: 1.65rem !important;
  }
}

.jp-cta-note {
  text-decoration: none !important;
}

.jp-hero-center {
  padding-top: 2rem !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-94370ed *//* === JP Offerte Form (compacte versie) === */
.jp-offerte-form{
  background: #fff;
  color: #0F2944;
  padding: 16px 20px;              /* minder binnenruimte */
  border-radius: 25px;
  max-width: 860px;
  margin: 0 auto;
  text-align: left;
  min-height: 200px;               /* minimale hoogte geforceerd */
}

.jp-offerte-form h2{
  font-size: 2rem;               /* kleiner */
  color: #F7931E;
  margin-bottom: 4px;              /* minder marge */
  text-align: center;
}

.jp-offerte-form .jp-subtitle{
  font-size: 1rem;               /* kleiner */
  color: #555;
  margin-bottom: 10px;
  text-align: center;
}

.jp-offerte-form label{
  display: block;
  font-weight: 600;
  margin: 6px 0 3px;               /* veel compacter */
  color: #0F2944;
}

.jp-offerte-form input,
.jp-offerte-form select,
.jp-offerte-form textarea{
  width: 100%;
  padding: 8px 10px;               /* kleinere velden */
  border-radius: 10px;
  border: 1px solid #ddd;          /* dunner */
  font-size: 0.9rem;
  outline: none;
  transition: all 0.3s ease;
  color: #0F2944;
  min-height: 36px;                /* uniforme veldhoogte */
}

.jp-offerte-form textarea{
  min-height: 20px;                /* kleiner tekstvak */
  resize: vertical;
}

.jp-submit-wrapper{
  text-align: center;
  margin-top: 10px;                /* minder ruimte */
}

.jp-offerte-form input[type="submit"]{
  background: #F7931E;
  color: #fff;
  font-weight: 600;
  border: none;
  padding: 10px 20px;              /* kleiner button */
  border-radius: 25px;
  cursor: pointer;
  transition: background 0.3s ease, transform 0.2s;
  font-size: 0.95rem;
}

.jp-offerte-form input[type="submit"]:hover{
  background: #6BBE45;
  transform: translateY(-2px);
}

/* === Grid Layout === */
.jp-form-grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;                       /* minder ruimte tussen velden */
}

@media(max-width:768px){
  .jp-form-grid{
    grid-template-columns: 1fr;
  }
}

.jp-offerte-form h2{
  font-size: 1.8rem;
  color: #F7931E;
  margin-bottom: 12px;
  text-align: center;
}

.jp-usps{
  list-style: none;
  padding: 0;
  margin: 0 0 20px 0;
  display: flex;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
}

.jp-usps li{
  font-size: 1rem;
  color: #0F2944;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 6px;
}

.jp-usps .check{
  color: #6BBE45;
  font-weight: 700;
  font-size: 1.2rem;
}

.jp-belowtext{
  margin-top: 10px;
  font-size: 0.9rem;
  color: #555;
  font-style: italic;
}

/* --- Hardening: zorg dat niets "transparant" wordt in de hero --- */

/* 1) Form wrapper altijd boven overlay en zonder blending */
.jp-offerte-form{
  position: relative;
  z-index: 5;              /* hoger dan overlay */
  isolation: isolate;      /* voorkomt doorbloeden van mix-blend-mode */
  background: #fff;        /* expliciet wit */
}

/* 2) Inputs/select/textarea: altijd witte achtergrond */
.jp-offerte-form input,
.jp-offerte-form select,
.jp-offerte-form textarea{
  background: #fff;                 /* voorkom transparant door theme */
  -webkit-appearance: none;         /* iOS consistent */
  background-clip: padding-box;
}

/* 3) Als er blending is toegepast op de hero, forceer normal binnen form */
.jp-offerte-form, 
.jp-offerte-form *{
  mix-blend-mode: normal !important;
}

/* 4) In geval de Elementor overlay over content heen ligt: 
      verlaag z-index van de overlay in deze hero sectie */
.jp-wow-hero .elementor-background-overlay{
  z-index: 0 !important;            /* overlay achter content */
  pointer-events: none;             /* overlay blokkeert niks */
}
/* en zorg dat de hero content zelf boven de overlay staat */
.jp-wow-hero .elementor-container,
.jp-wow-hero .elementor-column,
.jp-wow-hero .elementor-widget-wrap{
  position: relative;
  z-index: 1;
}
/* Zorg dat formulier altijd padding + radius krijgt */
.jp-offerte-form{
  padding: 16px 20px !important;   /* binnenruimte */
  border-radius: 25px !important;  /* afgeronde hoeken */
  background:#fff;                 /* wit achtergrond */
  color:#0F2944;
  box-sizing: border-box;
}
.jp-offerte-form{
  box-shadow: 0 6px 20px rgba(15,41,68,.08);
}
    /* -- Scope de fix NIET naar submit/buttons -- */
.jp-offerte-form input:not([type="submit"]):not([type="button"]):not([type="reset"]),
.jp-offerte-form select,
.jp-offerte-form textarea{
  color:#0F2944 !important;
  background:#fff !important;
  caret-color:#0F2944;
}

.jp-offerte-form input:not([type="submit"]):not([type="button"]):not([type="reset"]):focus,
.jp-offerte-form select:focus,
.jp-offerte-form textarea:focus{
  color:#0F2944 !important;
  background:#fff !important;
}

/* Autofill alleen voor tekstvelden, niet voor submit */
.jp-offerte-form input:not([type="submit"]):not([type="button"]):not([type="reset"]):-webkit-autofill,
.jp-offerte-form select:-webkit-autofill,
.jp-offerte-form textarea:-webkit-autofill{
  -webkit-text-fill-color:#0F2944 !important;
  -webkit-box-shadow:0 0 0 1000px #fff inset !important;
  caret-color:#0F2944 !important;
  transition:background-color 9999s ease-out 0s;
}

/* Opties in select leesbaar */
.jp-offerte-form select option{
  color:#0F2944;
  background:#fff;
}

/* -- Safety: herstel expliciet de submit-kleuren (voor het geval er iets anders overschrijft) -- */
.jp-offerte-form input[type="submit"]{
  background:#F7931E !important;
  color:#fff !important;
}
.jp-offerte-form input[type="submit"]:hover{
  background:#6BBE45 !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4c8d6536 *//* ================================
   SECTIE: PRIJZEN – Blocksy Fix v2
   Donkere achtergrond + witte kaarten
   ================================ */

.jp-prijzen {
  padding: clamp(4rem, 8vw, 6rem) 1.5rem !important;
  background: linear-gradient(135deg, #0F2944 0%, #0d2238 50%, #122f50 100%) !important;
  width: 100% !important;
  position: relative !important;
  overflow: hidden !important;
}

/* Subtiele textuur overlay */
.jp-prijzen::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background-image: repeating-linear-gradient(
    -45deg,
    transparent,
    transparent 40px,
    rgba(255,255,255,0.015) 40px,
    rgba(255,255,255,0.015) 41px
  ) !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

/* Oranje glow links */
.jp-prijzen::after {
  content: "" !important;
  position: absolute !important;
  top: -100px !important;
  left: -100px !important;
  width: 500px !important;
  height: 500px !important;
  border-radius: 50% !important;
  background: radial-gradient(circle, rgba(247,147,30,0.08) 0%, transparent 70%) !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

.jp-prijzen__inner {
  max-width: 1100px !important;
  margin: 0 auto !important;
  position: relative !important;
  z-index: 1 !important;
}

/* Titels wit op donkere achtergrond */
.jp-section-header { text-align: center !important; margin-bottom: clamp(2.5rem, 5vw, 4rem) !important; }

.jp-section-title {
  font-size: clamp(1.8rem, 3.5vw, 2.8rem) !important;
  font-weight: 900 !important;
  color: #0F2944 !important;
  line-height: 1.2 !important;
  margin: 0 0 0.75rem !important;
  font-family: 'Poppins', sans-serif !important;
  text-align: center !important;
}

.jp-section-title--light { color: #ffffff !important; }

.jp-section-subtitle {
  font-size: clamp(1rem, 1.8vw, 1.2rem) !important;
  color: #333333 !important;
  margin: 0 !important;
  font-weight: 500 !important;
  font-family: 'Poppins', sans-serif !important;
  text-align: center !important;
}

.jp-section-subtitle--light { color: rgba(255,255,255,0.75) !important; }

/* Grid */
.jp-prijzen__grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 1.5rem !important;
  align-items: start !important;
  margin-bottom: 2.5rem !important;
}

/* Kaarten blijven wit – goed contrast op donkere bg */
.jp-pakket {
  background: #ffffff !important;
  border-radius: 1.25rem !important;
  border: 2px solid rgba(255,255,255,0.15) !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  position: relative !important;
  box-shadow: 0 8px 32px rgba(0,0,0,0.25) !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

.jp-pakket:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 16px 48px rgba(0,0,0,0.35) !important;
}

.jp-pakket--featured {
  border-color: #F7931E !important;
  box-shadow: 0 12px 48px rgba(247,147,30,0.35) !important;
  transform: translateY(-10px) !important;
}

.jp-pakket--featured:hover {
  transform: translateY(-14px) !important;
  box-shadow: 0 20px 56px rgba(247,147,30,0.45) !important;
}

.jp-pakket__badge {
  background: #F7931E !important;
  color: #ffffff !important;
  font-size: 0.8rem !important;
  font-weight: 700 !important;
  text-align: center !important;
  padding: 0.4rem 1rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  font-family: 'Poppins', sans-serif !important;
}

.jp-pakket__header {
  padding: 1.75rem 1.75rem 1.25rem !important;
  border-bottom: 1px solid #f0f0f0 !important;
}

.jp-pakket__emoji { font-size: 2rem !important; display: block !important; margin-bottom: 0.6rem !important; }

.jp-pakket__naam {
  font-size: 1.25rem !important;
  font-weight: 800 !important;
  color: #0F2944 !important;
  margin: 0 0 0.5rem !important;
  font-family: 'Poppins', sans-serif !important;
}

.jp-pakket__prijs {
  font-size: clamp(1.5rem, 2.5vw, 1.9rem) !important;
  font-weight: 900 !important;
  color: #F7931E !important;
  margin: 0 0 0.3rem !important;
  line-height: 1 !important;
  font-family: 'Poppins', sans-serif !important;
}

.jp-pakket__prijs-tot {
  font-size: 1.1rem !important;
  font-weight: 600 !important;
  color: #333333 !important;
}

.jp-pakket__subtekst {
  font-size: 0.9rem !important;
  font-weight: 600 !important;
  color: #0F2944 !important;
  margin: 0 0 0.3rem !important;
  font-family: 'Poppins', sans-serif !important;
}

.jp-pakket__geschikt {
  font-size: 0.82rem !important;
  color: #555 !important;
  margin: 0 !important;
  font-style: italic !important;
  font-family: 'Poppins', sans-serif !important;
}

.jp-pakket__body { padding: 1.5rem 1.75rem !important; flex: 1 !important; }

.jp-pakket__lijst-label {
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.8px !important;
  margin: 0 0 0.5rem !important;
  font-family: 'Poppins', sans-serif !important;
}

.jp-pakket__lijst-label--in { color: #6BBE45 !important; }
.jp-pakket__lijst-label--niet { color: #c0392b !important; margin-top: 1rem !important; }

.jp-pakket__lijst { list-style: none !important; padding: 0 !important; margin: 0 0 0.5rem !important; }

.jp-pakket__lijst li {
  font-size: 0.9rem !important;
  color: #333333 !important;
  padding: 0.3rem 0 0.3rem 1.4rem !important;
  position: relative !important;
  line-height: 1.4 !important;
  font-family: 'Poppins', sans-serif !important;
}

.jp-pakket__lijst--in li::before { content: "✓" !important; position: absolute !important; left: 0 !important; color: #6BBE45 !important; font-weight: 700 !important; }
.jp-pakket__lijst--niet li::before { content: "✕" !important; position: absolute !important; left: 0 !important; color: #c0392b !important; font-weight: 700 !important; }

.jp-pakket__meest-label {
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  color: #0F2944 !important;
  margin: 1.25rem 0 0.3rem !important;
  font-family: 'Poppins', sans-serif !important;
}

.jp-pakket__meest-tekst {
  font-size: 0.85rem !important;
  color: #333333 !important;
  margin: 0 0 1rem !important;
  line-height: 1.5 !important;
  font-family: 'Poppins', sans-serif !important;
}

.jp-pakket__tijdsduur {
  font-size: 0.88rem !important;
  font-weight: 600 !important;
  color: #0F2944 !important;
  margin: 0 !important;
  padding: 0.6rem 0.9rem !important;
  background: #F8F8F8 !important;
  border-radius: 0.5rem !important;
  font-family: 'Poppins', sans-serif !important;
}

.jp-pakket__footer { padding: 1.25rem 1.75rem 1.75rem !important; }
.jp-pakket__footer .jp-btn { width: 100% !important; }

/* Outline knop op witte kaart */
.jp-btn--outline {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0.9rem 2rem !important;
  border-radius: 999px !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  border: 2px solid #0F2944 !important;
  background: transparent !important;
  color: #0F2944 !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  font-family: 'Poppins', sans-serif !important;
}

.jp-btn--outline:hover {
  background: #0F2944 !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  text-decoration: none !important;
}

/* ROI balk */
.jp-prijzen__roi {
  text-align: center !important;
  padding: 1.25rem 1.5rem !important;
  background: rgba(255,255,255,0.07) !important;
  border: 1px solid rgba(255,255,255,0.15) !important;
  border-radius: 1rem !important;
  margin-bottom: 2.5rem !important;
  backdrop-filter: blur(4px) !important;
}

.jp-prijzen__roi-tekst {
  margin: 0 !important;
  color: rgba(255,255,255,0.9) !important;
  font-size: clamp(0.9rem, 1.5vw, 1rem) !important;
  line-height: 1.6 !important;
  font-family: 'Poppins', sans-serif !important;
}

.jp-prijzen__roi-tekst strong { color: #F7931E !important; }

/* Mid CTA */
.jp-mid-cta {
  text-align: center !important;
  padding: clamp(2rem, 4vw, 3rem) !important;
  background: rgba(255,255,255,0.06) !important;
  border-radius: 1.25rem !important;
  border: 2px dashed #6BBE45 !important;
  max-width: 680px !important;
  margin: 0 auto !important;
  backdrop-filter: blur(4px) !important;
}

.jp-mid-cta__tekst {
  font-size: clamp(1rem, 1.8vw, 1.15rem) !important;
  color: rgba(255,255,255,0.9) !important;
  margin: 0 0 1.5rem !important;
  line-height: 1.65 !important;
  font-family: 'Poppins', sans-serif !important;
}

.jp-mid-cta .jp-cta-note {
  color: #6BBE45 !important;
  margin: 0.75rem 0 0 !important;
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  font-family: 'Poppins', sans-serif !important;
}

/* Responsive */
@media (max-width: 900px) {
  .jp-prijzen__grid { grid-template-columns: 1fr !important; max-width: 480px !important; margin-left: auto !important; margin-right: auto !important; }
  .jp-pakket--featured { transform: none !important; order: -1 !important; }
}

@media (max-width: 600px) {
  .jp-prijzen { padding: 3rem 1rem !important; }
  .jp-pakket__header, .jp-pakket__body, .jp-pakket__footer { padding-left: 1.25rem !important; padding-right: 1.25rem !important; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-765ea766 *//* ================================
   SECTIE: DOORLOOPTIJD – Blocksy Fix
   ================================ */

.jp-doorlooptijd {
  padding: clamp(4rem, 8vw, 6rem) 1.5rem !important;
  background: #ffffff !important;
  width: 100% !important;
}
.jp-doorlooptijd__inner { max-width: 900px !important; margin: 0 auto !important; }
.jp-tijden__grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 1.25rem !important;
  margin-bottom: 3rem !important;
}
.jp-tijd-kaart {
  background: #F8F8F8 !important;
  border-radius: 1rem !important;
  border: 2px solid #e8e8e8 !important;
  padding: 1.5rem 1.25rem !important;
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.5rem !important;
}
.jp-tijd-kaart--featured {
  background: linear-gradient(135deg, #fff9f3 0%, #fff4ea 100%) !important;
  border-color: #F7931E !important;
  box-shadow: 0 6px 20px rgba(247,147,30,0.15) !important;
}
.jp-tijd-kaart__emoji { font-size: 1.75rem !important; }
.jp-tijd-kaart__naam { font-size: 0.95rem !important; font-weight: 700 !important; color: #0F2944 !important; font-family: 'Poppins', sans-serif !important; }
.jp-tijd-kaart__duur { font-size: clamp(1.1rem, 2vw, 1.4rem) !important; font-weight: 900 !important; color: #F7931E !important; font-family: 'Poppins', sans-serif !important; }
.jp-tijdlijn {
  background: #0F2944 !important;
  border-radius: 1.25rem !important;
  padding: clamp(2rem, 4vw, 3rem) !important;
  margin-bottom: 2.5rem !important;
}
.jp-tijdlijn__titel { font-size: clamp(1rem, 1.8vw, 1.2rem) !important; font-weight: 700 !important; color: #ffffff !important; margin: 0 0 2rem !important; font-family: 'Poppins', sans-serif !important; }
.jp-tijdlijn__lijst { list-style: none !important; padding: 0 !important; margin: 0 0 1.5rem !important; }
.jp-tijdlijn__stap { display: flex !important; align-items: flex-start !important; gap: 1.25rem !important; margin-bottom: 1.5rem !important; }
.jp-tijdlijn__stap--last { margin-bottom: 0 !important; }
.jp-tijdlijn__week { min-width: 4.5rem !important; font-size: 0.78rem !important; font-weight: 700 !important; color: #F7931E !important; text-transform: uppercase !important; text-align: right !important; flex-shrink: 0 !important; padding-top: 0.75rem !important; font-family: 'Poppins', sans-serif !important; }
.jp-tijdlijn__week--last { color: #6BBE45 !important; }
.jp-tijdlijn__content { background: rgba(255,255,255,0.07) !important; border-radius: 0.6rem !important; padding: 0.75rem 1rem !important; flex: 1 !important; display: flex !important; flex-direction: column !important; gap: 0.2rem !important; border-left: 3px solid #F7931E !important; }
.jp-tijdlijn__stap--last .jp-tijdlijn__content { border-left-color: #6BBE45 !important; }
.jp-tijdlijn__content strong { font-size: 0.95rem !important; color: #ffffff !important; font-weight: 700 !important; font-family: 'Poppins', sans-serif !important; }
.jp-tijdlijn__content span { font-size: 0.85rem !important; color: rgba(255,255,255,0.7) !important; font-family: 'Poppins', sans-serif !important; }
.jp-tijdlijn__opmerking { font-size: 0.88rem !important; color: rgba(255,255,255,0.75) !important; line-height: 1.6 !important; margin: 0 !important; padding: 1rem 1.25rem !important; background: rgba(247,147,30,0.1) !important; border-radius: 0.75rem !important; border-left: 3px solid #F7931E !important; font-family: 'Poppins', sans-serif !important; }
.jp-werkwijze-info { margin-bottom: 2.5rem !important; }
.jp-werkwijze-info__titel { font-size: clamp(1.1rem, 2vw, 1.35rem) !important; font-weight: 800 !important; color: #0F2944 !important; margin: 0 0 1.25rem !important; font-family: 'Poppins', sans-serif !important; }
.jp-werkwijze-info__grid { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap: 1rem !important; }
.jp-werkwijze-info__item { display: flex !important; align-items: flex-start !important; gap: 0.75rem !important; padding: 1rem 1.25rem !important; background: #F8F8F8 !important; border-radius: 0.75rem !important; border: 1px solid #e8e8e8 !important; }
.jp-werkwijze-info__icon { font-size: 1.4rem !important; flex-shrink: 0 !important; }
.jp-werkwijze-info__item p { margin: 0 !important; font-size: 0.95rem !important; color: #333333 !important; line-height: 1.5 !important; font-family: 'Poppins', sans-serif !important; }
.jp-thuisblijven { background: linear-gradient(135deg, #f0fae8 0%, #e8f7dd 100%) !important; border-radius: 1rem !important; padding: 1.75rem 2rem !important; border-left: 4px solid #6BBE45 !important; }
.jp-thuisblijven__vraag { font-size: clamp(1rem, 1.8vw, 1.15rem) !important; font-weight: 800 !important; color: #0F2944 !important; margin: 0 0 0.75rem !important; font-family: 'Poppins', sans-serif !important; }
.jp-thuisblijven__antwoord { font-size: 0.98rem !important; color: #333333 !important; line-height: 1.7 !important; margin: 0 !important; font-family: 'Poppins', sans-serif !important; }
@media (max-width: 768px) {
  .jp-tijden__grid { grid-template-columns: 1fr !important; max-width: 340px !important; margin-left: auto !important; margin-right: auto !important; }
  .jp-werkwijze-info__grid { grid-template-columns: 1fr !important; }
}
@media (max-width: 600px) {
  .jp-doorlooptijd { padding: 3rem 1rem !important; }
  .jp-tijdlijn { padding: 1.5rem 1.25rem !important; }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7fb4653c *//* ===== JP Regio Services – Kaartjes in 4 kolommen ===== */

/* Grid container */
.jp-rec-list {
  display: grid;
  gap: 20px;
  margin: 20px 0;
  grid-template-columns: 1fr; /* standaard: 1 kolom */
}

/* Tablet: 2 kolommen */
@media (min-width: 641px) and (max-width: 1023px) {
  .jp-rec-list {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Desktop: 4 kolommen */
@media (min-width: 1024px) {
  .jp-rec-list {
    grid-template-columns: repeat(4, 1fr);
  }
}

/* Kaart stijl */
.jp-rec-card {
  display: flex;
  flex-direction: column;
  background: #fff;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 14px;
  box-shadow: 0 6px 18px rgba(0,0,0,.06);
  overflow: hidden;
  transition: transform .2s ease, box-shadow .2s ease;
}
.jp-rec-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 24px rgba(0,0,0,.12);
}

/* Afbeelding */
.jp-rec-img img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  transition: transform .3s ease;
}
.jp-rec-card:hover .jp-rec-img img { transform: scale(1.05); }

/* Titel */
.jp-rec-title {
  margin: 12px 14px 6px;
  font-weight: 700;
  font-size: 1.1rem;
  line-height: 1.3;
}
.jp-rec-title a { color: inherit; text-decoration: none; }

/* Excerpt */
.jp-rec-excerpt {
  margin: 0 14px 12px;
  font-size: .95rem;
  line-height: 1.4;
  color: #444;
}

/* Button */
.jp-rec-btn {
  margin: auto 14px 14px;
  display: inline-block;
  padding: 10px 14px;
  border-radius: 10px;
  background: var(--jp-hover, #6BBE45);  /* groen */
  color: #fff;                           /* witte tekst */
  font-weight: 600;
  text-decoration: none;
  text-align: center;
  transition: background .2s ease, color .2s ease;
}
.jp-rec-btn:hover {
  background: var(--theme-palette-color-2, #F7931E); /* oranje bij hover */
  color: #0F2944;                                    /* donkerblauwe tekst */
}

.jp-rec-more { 
  margin-top: 10px; 
  display: flex; 
  justify-content: center; 
}

.jp-rec-morebtn {
  display:inline-block; 
  padding: 10px 16px; 
  border-radius: 10px;
  background: var(--jp-hover, #6BBE45);  /* groen */
  color: #fff;                           /* witte tekst */
  font-weight: 700; 
  text-decoration: none;
  transition: background .2s ease, color .2s ease;
}
.jp-rec-morebtn:hover { 
  background: var(--theme-palette-color-2, #F7931E); /* oranje bij hover */
  color: #0F2944;                                    /* donkerblauwe tekst */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5aaba8a2 *//* ================================
   SECTIE: WERKWIJZE – Blocksy Fix
   ================================ */

.jp-werkwijze {
  padding: clamp(4rem, 8vw, 6rem) 1.5rem !important;
  background: linear-gradient(135deg, #0F2944 0%, #122f50 100%) !important;
  width: 100% !important;
}
.jp-werkwijze__inner { max-width: 860px !important; margin: 0 auto !important; }
.jp-section-title--light { color: #ffffff !important; }
.jp-section-subtitle--light { color: rgba(255,255,255,0.75) !important; }
.jp-stappen { list-style: none !important; padding: 0 !important; margin: 0 !important; position: relative !important; }
.jp-stap { display: flex !important; align-items: flex-start !important; gap: 2rem !important; margin-bottom: 2.5rem !important; position: relative !important; }
.jp-stap--last { margin-bottom: 0 !important; }
.jp-stap__nummer { width: 4rem !important; height: 4rem !important; border-radius: 50% !important; background: #F7931E !important; color: #ffffff !important; font-size: 1.1rem !important; font-weight: 900 !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; box-shadow: 0 4px 16px rgba(247,147,30,0.4) !important; font-family: 'Poppins', sans-serif !important; }
.jp-stap__nummer--last { background: #6BBE45 !important; box-shadow: 0 4px 16px rgba(107,190,69,0.4) !important; }
.jp-stap__content { flex: 1 !important; background: rgba(255,255,255,0.06) !important; border-radius: 1rem !important; padding: 1.5rem 1.75rem !important; border: 1px solid rgba(255,255,255,0.1) !important; }
.jp-stap__titel { font-size: clamp(1rem, 1.8vw, 1.15rem) !important; font-weight: 800 !important; color: #ffffff !important; margin: 0 0 0.6rem !important; font-family: 'Poppins', sans-serif !important; }
.jp-stap__meta { font-size: 0.85rem !important; font-weight: 500 !important; color: #F7931E !important; font-family: 'Poppins', sans-serif !important; }
.jp-stap__tekst { font-size: 0.95rem !important; color: rgba(255,255,255,0.8) !important; line-height: 1.7 !important; margin: 0 !important; font-family: 'Poppins', sans-serif !important; }
@media (max-width: 600px) {
  .jp-werkwijze { padding: 3rem 1rem !important; }
  .jp-stap { gap: 1.25rem !important; }
  .jp-stap__nummer { width: 3rem !important; height: 3rem !important; font-size: 0.95rem !important; }
  .jp-stap__content { padding: 1.25rem !important; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-49f47ac0 *//* ================================
   SECTIE: LOKAAL – Blocksy Fix
   ================================ */

.jp-lokaal { padding: clamp(4rem, 8vw, 6rem) 1.5rem !important; background: #F8F8F8 !important; width: 100% !important; }
.jp-lokaal__inner { max-width: 1100px !important; margin: 0 auto !important; }
.jp-lokaal__intro { font-size: clamp(1rem, 1.8vw, 1.1rem) !important; color: #333333 !important; line-height: 1.75 !important; max-width: 820px !important; margin: 0 auto 3rem !important; text-align: center !important; font-family: 'Poppins', sans-serif !important; }
.jp-regio-grid { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap: 1.5rem !important; margin-bottom: 3.5rem !important; }
.jp-regio { background: #ffffff !important; border-radius: 1rem !important; padding: 1.75rem !important; border: 2px solid #e8e8e8 !important; box-shadow: none !important; transition: border-color 0.3s ease !important; }
.jp-regio:hover { border-color: #F7931E !important; box-shadow: 0 6px 24px rgba(247,147,30,0.1) !important; }
.jp-regio__naam { font-size: 1.1rem !important; font-weight: 800 !important; color: #0F2944 !important; margin: 0 0 0.75rem !important; padding-bottom: 0.6rem !important; border-bottom: 2px solid #F7931E !important; display: inline-block !important; font-family: 'Poppins', sans-serif !important; }
.jp-regio__tekst { font-size: 0.92rem !important; color: #333333 !important; line-height: 1.65 !important; margin: 0 0 1rem !important; font-family: 'Poppins', sans-serif !important; }
.jp-regio__punten { list-style: none !important; padding: 0 !important; margin: 0 !important; }
.jp-regio__punten li { font-size: 0.87rem !important; color: #333333 !important; padding: 0.25rem 0 0.25rem 1.4rem !important; position: relative !important; font-family: 'Poppins', sans-serif !important; }
.jp-regio__punten li::before { content: "→" !important; position: absolute !important; left: 0 !important; color: #6BBE45 !important; font-weight: 700 !important; }
.jp-stad-sectie { margin-bottom: 2.5rem !important; }
.jp-stad-sectie:last-child { margin-bottom: 0 !important; }
.jp-stad-sectie__titel { font-size: clamp(1rem, 1.8vw, 1.2rem) !important; font-weight: 800 !important; color: #0F2944 !important; margin: 0 0 1.25rem !important; padding-left: 1rem !important; border-left: 4px solid #F7931E !important; font-family: 'Poppins', sans-serif !important; }
.jp-wijk-grid { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 0.75rem !important; }
.jp-wijk-link { display: block !important; padding: 0.7rem 1rem !important; background: #ffffff !important; border: 2px solid #e8e8e8 !important; border-radius: 0.6rem !important; font-size: 0.9rem !important; font-weight: 600 !important; color: #0F2944 !important; text-decoration: none !important; text-align: center !important; transition: all 0.25s ease !important; font-family: 'Poppins', sans-serif !important; }
.jp-wijk-link:hover { background: #0F2944 !important; border-color: #0F2944 !important; color: #ffffff !important; transform: translateY(-2px) !important; text-decoration: none !important; }
@media (max-width: 900px) {
  .jp-regio-grid { grid-template-columns: 1fr !important; }
  .jp-wijk-grid { grid-template-columns: repeat(3, 1fr) !important; }
}
@media (max-width: 600px) {
  .jp-lokaal { padding: 3rem 1rem !important; }
  .jp-wijk-grid { grid-template-columns: repeat(2, 1fr) !important; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2866b4d2 *//* ============================================================
   JP VERBOUW SERVICE – Sectie 4.5: Veelgemaakte Fouten
   Plak in WordPress > Customize > Additional CSS
   ============================================================ */

/* Section wrapper */
.jp-fouten {
  background: linear-gradient(135deg, #0F2944 0%, #1a3a5c 100%);
  padding: clamp(48px, 8vw, 96px) 16px;
}

.jp-fouten__inner {
  max-width: 1200px;
  margin: 0 auto;
}

/* Section header (hergebruikt .jp-section-title--light) */
.jp-fouten .jp-section-header {
  text-align: center;
  margin-bottom: clamp(32px, 5vw, 56px);
}

/* Grid: 3 kaarten naast elkaar op desktop */
.jp-fouten__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

@media (max-width: 900px) {
  .jp-fouten__grid {
    grid-template-columns: 1fr;
    max-width: 600px;
    margin: 0 auto;
  }
}

/* Kaart */
.jp-fout-kaart {
  background: #ffffff;
  border-radius: 16px;
  padding: 28px 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  position: relative;
  overflow: hidden;
}

.jp-fout-kaart::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: #F7931E;
}

/* Nummer badge */
.jp-fout-kaart__nummer {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #0F2944;
  color: #F7931E;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.05em;
  flex-shrink: 0;
}

/* Titel */
.jp-fout-kaart__titel {
  font-size: clamp(15px, 1.8vw, 17px);
  font-weight: 700;
  color: #0F2944;
  margin: 0;
  line-height: 1.35;
}

/* Probleem tekst */
.jp-fout-kaart__probleem {
  font-size: 14px;
  color: #4a5568;
  line-height: 1.65;
  margin: 0;
}

/* Gevolg blok */
.jp-fout-kaart__gevolg {
  background: #fff5f5;
  border-left: 3px solid #e53e3e;
  border-radius: 0 8px 8px 0;
  padding: 12px 14px;
}

.jp-fout-kaart__gevolg-label {
  display: block;
  font-size: 12px;
  font-weight: 700;
  color: #c53030;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 6px;
}

.jp-fout-kaart__gevolg p {
  font-size: 13px;
  color: #742a2a;
  margin: 0;
  line-height: 1.55;
}

/* Oplossing blok */
.jp-fout-kaart__oplossing {
  background: #f0fff4;
  border-left: 3px solid #6BBE45;
  border-radius: 0 8px 8px 0;
  padding: 12px 14px;
  margin-top: auto;
}

.jp-fout-kaart__oplossing-label {
  display: block;
  font-size: 12px;
  font-weight: 700;
  color: #276749;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 6px;
}

.jp-fout-kaart__oplossing p {
  font-size: 13px;
  color: #1c4532;
  margin: 0;
  line-height: 1.55;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2dc9396d *//* ================================
   SECTIE: VERGUNNING – Blocksy Fix
   ================================ */
   /* ================================
   SECTIE: VERGUNNING – Blocksy Fix
   ================================ */
/* H2 titel wit */
.jp-vergunning .jp-section-title {
  color: #ffffff !important;
}

/* Tekst onder H2 (subtitle) wit */
.jp-vergunning .jp-section-subtitle {
  color: rgba(255,255,255,0.9) !important;
}

/* Tekst direct onder H2 wit maken */
.jp-vergunning h2 + p {
  color: rgba(255,255,255,0.9) !important;
}


.jp-vergunning { padding: clamp(4rem, 8vw, 6rem) 1.5rem !important; background: #0F2944 !important; width: 100% !important; }
.jp-vergunning__inner { max-width: 1000px !important; margin: 0 auto !important; }
.jp-vergunning__grid { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap: 1.5rem !important; margin-bottom: 3rem !important; }
.jp-vergunning-blok { border-radius: 1.25rem !important; padding: 2rem !important; border: 2px solid transparent !important; }
.jp-vergunning-blok--groen { background: rgba(107,190,69,0.08) !important; border-color: rgba(107,190,69,0.35) !important; }
.jp-vergunning-blok--oranje { background: rgba(247,147,30,0.08) !important; border-color: rgba(247,147,30,0.35) !important; }
.jp-vergunning-blok__header { display: flex !important; align-items: center !important; gap: 0.75rem !important; margin-bottom: 1.25rem !important; }
.jp-vergunning-blok__icon { font-size: 1.6rem !important; }
.jp-vergunning-blok__titel { font-size: clamp(1rem, 1.8vw, 1.15rem) !important; font-weight: 800 !important; color: #ffffff !important; margin: 0 !important; font-family: 'Poppins', sans-serif !important; }
.jp-vergunning-blok__lijst { list-style: none !important; padding: 0 !important; margin: 0 !important; }
.jp-vergunning-blok__lijst li { font-size: 0.95rem !important; color: rgba(255,255,255,0.85) !important; padding: 0.4rem 0 0.4rem 1.5rem !important; position: relative !important; line-height: 1.45 !important; border-bottom: 1px solid rgba(255,255,255,0.06) !important; font-family: 'Poppins', sans-serif !important; }
.jp-vergunning-blok__lijst li:last-child { border-bottom: none !important; }
.jp-vergunning-blok--groen .jp-vergunning-blok__lijst li::before { content: "✓" !important; position: absolute !important; left: 0 !important; color: #6BBE45 !important; font-weight: 700 !important; }
.jp-vergunning-blok--oranje .jp-vergunning-blok__lijst li::before { content: "!" !important; position: absolute !important; left: 0 !important; color: #F7931E !important; font-weight: 700 !important; }
.jp-gemeente-tabel { margin-bottom: 3rem !important; }
.jp-gemeente-tabel__titel { font-size: clamp(1rem, 1.8vw, 1.2rem) !important; font-weight: 800 !important; color: #ffffff !important; margin: 0 0 1.5rem !important; font-family: 'Poppins', sans-serif !important; }
.jp-gemeente-grid { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important; gap: 1rem !important; }
.jp-gemeente-item { background: rgba(255,255,255,0.05) !important; border-radius: 0.75rem !important; padding: 1.25rem 1.5rem !important; border: 1px solid rgba(255,255,255,0.1) !important; }
.jp-gemeente-item__naam { display: block !important; font-size: 0.92rem !important; font-weight: 800 !important; color: #F7931E !important; margin-bottom: 0.4rem !important; text-transform: uppercase !important; font-family: 'Poppins', sans-serif !important; }
.jp-gemeente-item__tekst { font-size: 0.88rem !important; color: rgba(255,255,255,0.75) !important; line-height: 1.55 !important; margin: 0 !important; font-family: 'Poppins', sans-serif !important; }
.jp-vergunning-cta { background: rgba(255,255,255,0.06) !important; border-radius: 1.25rem !important; padding: clamp(2rem, 4vw, 2.5rem) !important; border: 2px solid rgba(107,190,69,0.3) !important; display: flex !important; align-items: center !important; gap: 2.5rem !important; }
.jp-vergunning-cta__tekst-blok { flex: 1 !important; }
.jp-vergunning-cta__titel { font-size: clamp(1.1rem, 2vw, 1.3rem) !important; font-weight: 800 !important; color: #ffffff !important; margin: 0 0 0.75rem !important; font-family: 'Poppins', sans-serif !important; }
.jp-vergunning-cta__tekst { font-size: 0.95rem !important; color: rgba(255,255,255,0.8) !important; line-height: 1.65 !important; margin: 0 0 0.5rem !important; font-family: 'Poppins', sans-serif !important; }
.jp-vergunning-cta__tekst strong { color: #6BBE45 !important; }
.jp-vergunning-cta__kosten { font-size: 0.95rem !important; color: rgba(255,255,255,0.7) !important; margin: 0 !important; font-family: 'Poppins', sans-serif !important; }
.jp-vergunning-cta__kosten strong { color: #F7931E !important; }
@media (max-width: 768px) {
  .jp-vergunning__grid { grid-template-columns: 1fr !important; }
  .jp-vergunning-cta { flex-direction: column !important; gap: 1.5rem !important; }
  .jp-vergunning-cta .jp-btn { width: 100% !important; }
}
@media (max-width: 600px) { .jp-vergunning { padding: 3rem 1rem !important; } }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-688c17e0 *//* ================================
   SECTIE: WAAROM JP – Blocksy Fix
   ================================ */

.jp-waarom { padding: clamp(4rem, 8vw, 6rem) 1.5rem !important; background: #ffffff !important; width: 100% !important; }
.jp-waarom__inner { max-width: 1100px !important; margin: 0 auto !important; }
.jp-waarom__intro { font-size: clamp(1rem, 1.8vw, 1.1rem) !important; color: #333333 !important; line-height: 1.75 !important; max-width: 820px !important; margin: 0 auto 3rem !important; text-align: center !important; font-family: 'Poppins', sans-serif !important; }
.jp-waarom__grid { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 1.5rem !important; margin-bottom: 3rem !important; }
.jp-waarom-kaart { background: #F8F8F8 !important; border-radius: 1.25rem !important; padding: 2rem !important; border: 2px solid #e8e8e8 !important; box-shadow: none !important; transition: transform 0.3s ease !important; }
.jp-waarom-kaart:hover { transform: translateY(-4px) !important; box-shadow: 0 10px 28px rgba(15,41,68,0.08) !important; border-color: #0F2944 !important; }
.jp-waarom-kaart--featured { background: linear-gradient(135deg, #fff9f3 0%, #fff4ea 100%) !important; border-color: #F7931E !important; }
.jp-waarom-kaart__icon { font-size: 2.25rem !important; display: block !important; margin-bottom: 1rem !important; }
.jp-waarom-kaart__titel { font-size: 1.05rem !important; font-weight: 800 !important; color: #0F2944 !important; margin: 0 0 0.75rem !important; font-family: 'Poppins', sans-serif !important; }
.jp-waarom-kaart__tekst { font-size: 0.92rem !important; color: #333333 !important; line-height: 1.65 !important; margin: 0 !important; font-family: 'Poppins', sans-serif !important; }
.jp-stats-balk { background: linear-gradient(135deg, #0F2944 0%, #122f50 100%) !important; border-radius: 1.25rem !important; padding: clamp(1.5rem, 3vw, 2rem) clamp(1.5rem, 4vw, 3rem) !important; display: flex !important; align-items: center !important; justify-content: space-around !important; gap: 1.5rem !important; flex-wrap: wrap !important; }
.jp-stat { display: flex !important; flex-direction: column !important; align-items: center !important; gap: 0.35rem !important; text-align: center !important; }
.jp-stat__nummer { font-size: clamp(1.8rem, 3vw, 2.5rem) !important; font-weight: 900 !important; color: #F7931E !important; line-height: 1 !important; font-family: 'Poppins', sans-serif !important; }
.jp-stat__label { font-size: 0.85rem !important; color: rgba(255,255,255,0.75) !important; font-weight: 500 !important; max-width: 130px !important; line-height: 1.3 !important; font-family: 'Poppins', sans-serif !important; }
.jp-stat__divider { width: 1px !important; height: 3rem !important; background: rgba(255,255,255,0.15) !important; flex-shrink: 0 !important; }
@media (max-width: 900px) { .jp-waarom__grid { grid-template-columns: repeat(2, 1fr) !important; } }
@media (max-width: 600px) {
  .jp-waarom { padding: 3rem 1rem !important; }
  .jp-waarom__grid { grid-template-columns: 1fr !important; }
  .jp-stats-balk { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; }
  .jp-stat__divider { display: none !important; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-51ab95bf *//* ================================
   SECTIE: FAQ – Blocksy Fix
   ================================ */

.jp-faq { padding: clamp(4rem, 8vw, 6rem) 1.5rem !important; background: #F8F8F8 !important; width: 100% !important; }
.jp-faq__inner { max-width: 860px !important; margin: 0 auto !important; }
.jp-faq__lijst { display: flex !important; flex-direction: column !important; gap: 0.75rem !important; }
.jp-faq-item { background: #ffffff !important; border-radius: 0.875rem !important; border: 2px solid #e8e8e8 !important; overflow: hidden !important; box-shadow: none !important; }
.jp-faq-item[open] { border-color: #F7931E !important; }
.jp-faq-item__vraag { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 1rem !important; padding: 1.25rem 1.5rem !important; cursor: pointer !important; font-size: clamp(0.95rem, 1.6vw, 1.05rem) !important; font-weight: 700 !important; color: #0F2944 !important; list-style: none !important; margin: 0 !important; font-family: 'Poppins', sans-serif !important; text-decoration: none !important; }
.jp-faq-item__vraag::-webkit-details-marker { display: none !important; }
.jp-faq-item[open] .jp-faq-item__vraag { color: #F7931E !important; border-bottom: 1px solid #f0f0f0 !important; }
.jp-faq-item__vraag::after { content: "+" !important; font-size: 1.4rem !important; font-weight: 400 !important; color: #F7931E !important; flex-shrink: 0 !important; }
.jp-faq-item[open] .jp-faq-item__vraag::after { content: "−" !important; }
.jp-faq-item__antwoord { padding: 1.25rem 1.5rem 1.5rem !important; }
.jp-faq-item__antwoord p { font-size: 0.97rem !important; color: #333333 !important; line-height: 1.75 !important; margin: 0 !important; font-family: 'Poppins', sans-serif !important; }
@media (max-width: 600px) {
  .jp-faq { padding: 3rem 1rem !important; }
  .jp-faq-item__vraag { padding: 1rem 1.25rem !important; }
  .jp-faq-item__antwoord { padding: 1rem 1.25rem 1.25rem !important; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2393bbd *//* ================================
   SECTIE: END CTA – Blocksy Fix
   ================================ */

.jp-end-cta { padding: clamp(5rem, 10vw, 8rem) 1.5rem !important; background: linear-gradient(135deg, #0F2944 0%, #0d2238 60%, #122f50 100%) !important; width: 100% !important; text-align: center !important; position: relative !important; overflow: hidden !important; }
.jp-end-cta__inner { max-width: 820px !important; margin: 0 auto !important; position: relative !important; z-index: 1 !important; }
.jp-end-cta__titel { font-size: clamp(2rem, 4.5vw, 3.2rem) !important; font-weight: 900 !important; color: #ffffff !important; line-height: 1.2 !important; margin: 0 0 1.25rem !important; font-family: 'Poppins', sans-serif !important; text-align: center !important; }
.jp-end-cta__tekst { font-size: clamp(1rem, 1.8vw, 1.2rem) !important; color: rgba(255,255,255,0.85) !important; line-height: 1.7 !important; max-width: 680px !important; margin: 0 auto 2.5rem !important; font-family: 'Poppins', sans-serif !important; }
.jp-end-cta__knoppen { margin-bottom: 2rem !important; flex-wrap: wrap !important; }
.jp-btn--large { padding: 1.2rem 3rem !important; font-size: 1.15rem !important; }
.jp-btn--light { display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 1rem 2.5rem !important; border-radius: 999px !important; font-size: 1.05rem !important; font-weight: 700 !important; text-decoration: none !important; border: 2px solid rgba(255,255,255,0.5) !important; background: rgba(255,255,255,0.1) !important; color: #ffffff !important; cursor: pointer !important; transition: all 0.3s ease !important; font-family: 'Poppins', sans-serif !important; }
.jp-btn--light:hover { background: rgba(255,255,255,0.2) !important; border-color: rgba(255,255,255,0.8) !important; color: #ffffff !important; transform: translateY(-3px) !important; text-decoration: none !important; }
.jp-end-cta__trust { display: flex !important; align-items: center !important; justify-content: center !important; flex-wrap: wrap !important; gap: 0.5rem 1rem !important; }
.jp-end-cta__trust-item { font-size: 0.9rem !important; color: #6BBE45 !important; font-weight: 600 !important; font-family: 'Poppins', sans-serif !important; text-decoration: none !important; }
.jp-end-cta__trust-sep { color: rgba(255,255,255,0.3) !important; }
@media (max-width: 768px) {
  .jp-end-cta__knoppen { flex-direction: column !important; align-items: center !important; }
  .jp-btn--large, .jp-btn--light, .jp-end-cta__knoppen .jp-btn--whatsapp { width: 100% !important; max-width: 360px !important; }
  .jp-end-cta__trust { flex-direction: column !important; gap: 0.4rem !important; }
  .jp-end-cta__trust-sep { display: none !important; }
}
@media (max-width: 480px) { .jp-end-cta { padding: 4rem 1rem !important; } }/* End custom CSS */