.elementor-89 .elementor-element.elementor-element-2ef8405{--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-89 .elementor-element.elementor-element-bbf5b40{margin:-8px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-89 .elementor-element.elementor-element-1e20f13{--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-89 .elementor-element.elementor-element-5bc86ea{margin:-8px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-89 .elementor-element.elementor-element-3b9a5a4{--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-89 .elementor-element.elementor-element-2b3085c{margin:-19px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-89 .elementor-element.elementor-element-2921b50{--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-89 .elementor-element.elementor-element-f703869{margin:-8px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}@media(max-width:767px){.elementor-89 .elementor-element.elementor-element-bbf5b40{margin:-8px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-89 .elementor-element.elementor-element-5bc86ea{margin:-8px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-89 .elementor-element.elementor-element-2b3085c{margin:-8px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-89 .elementor-element.elementor-element-f703869{margin:-8px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}}/* Start custom CSS for html, class: .elementor-element-bbf5b40 *//* =========================
   PAGE — OVER FLEXIBEL VOORUIT (Sectie 1: Hero)
   ========================= */

:root{
  --fa1-blue-dark:#1e3a8a;
  --fa1-blue:#3b82f6;
  --fa1-blue-light:#dbeafe;
  --fa1-blue-soft:#f5f9ff;

  --fa1-green:#22c55e;
  --fa1-text:#0f172a;
  --fa1-muted:#475569;
  --fa1-border:rgba(15,23,42,0.08);
  --fa1-radius:18px;
  --fa1-shadow:0 18px 50px rgba(0,0,0,0.08);
}

.ff-container{
  width:min(1120px,92%);
  margin:0 auto;
}

.fa1-aboutHero{
  padding: clamp(70px, 8vw, 120px) 0;
  background:
    radial-gradient(900px 520px at 18% 18%, rgba(59,130,246,0.14), transparent 60%),
    radial-gradient(780px 420px at 82% 24%, rgba(186,230,253,0.50), transparent 55%),
    linear-gradient(180deg, #f8fbff 0%, #eef5ff 100%);
  color: var(--fa1-text);
}

.fa1-aboutHero__grid{
  display:grid;
  grid-template-columns: 1.05fr 0.95fr;
  gap: clamp(22px, 4vw, 70px);
  align-items:center;
}

.fa1-eyebrow{
  display:inline-block;
  font-size:0.95rem;
  letter-spacing:0.02em;
  color:var(--fa1-blue-dark);
  background:#eef4ff;
  border:1px solid #dbeafe;
  padding:8px 12px;
  border-radius:999px;
  margin:0 0 14px;
}

.fa1-h1{
  font-size:clamp(2.1rem, 3.6vw, 3.2rem);
  line-height:1.06;
  margin:0 0 14px;
  color:var(--fa1-blue-dark);
  max-width:13ch;
}

.fa1-lead{
  font-size:1.05rem;
  line-height:1.75;
  color:var(--fa1-muted);
  margin:0 0 14px;
  max-width:62ch;
}

.fa1-text{
  font-size:1rem;
  line-height:1.75;
  color:var(--fa1-muted);
  margin:0 0 22px;
  max-width:62ch;
}

/* actions */
.fa1-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}

.fa1-btnPrimary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:14px 22px;
  border-radius:12px;
  text-decoration:none;
  font-weight:800;
  background:var(--fa1-blue);
  color:#ffffff;
  border:1px solid var(--fa1-blue);
  box-shadow:0 10px 26px rgba(59,130,246,0.18);
  transition:transform 160ms ease, background 160ms ease, border-color 160ms ease;
}

.fa1-btnPrimary:hover{
  transform:translateY(-1px);
  background:#2563eb;
  border-color:#2563eb;
}

.fa1-btnPrimary:active{
  transform:translateY(1px);
}

.fa1-btnSecondary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:14px 22px;
  border-radius:12px;
  text-decoration:none;
  font-weight:800;
  background:#ffffff;
  color:var(--fa1-blue-dark);
  border:1px solid #dbeafe;
  transition:transform 160ms ease, background 160ms ease, border-color 160ms ease, color 160ms ease;
}

.fa1-btnSecondary:hover{
  transform:translateY(-1px);
  background:#f8fbff;
  border-color:#bfdbfe;
  color:#1d4ed8;
}

.fa1-btnSecondary:active{
  transform:translateY(1px);
}

/* media */
.fa1-aboutHero__media{
  position:relative;
  border-radius:var(--fa1-radius);
  overflow:hidden;
  border:1px solid rgba(59,130,246,0.10);
  background:#ffffff;
  box-shadow:var(--fa1-shadow);
  min-height:320px;
}

.fa1-aboutHero__media img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  transform:scale(1.02);
}

.fa1-aboutHero__media::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(255,255,255,0.02), rgba(15,23,42,0.12));
  pointer-events:none;
}

/* badge */
.fa1-badge{
  position:absolute;
  left:clamp(20px,2vw,32px);
  bottom:clamp(20px,2vw,32px);
  z-index:2;
  background:rgba(255,255,255,0.92);
  border:1px solid rgba(255,255,255,0.72);
  border-radius:14px;
  padding:12px 14px;
  box-shadow:0 16px 40px rgba(0,0,0,0.10);
  backdrop-filter:blur(8px);
  max-width:280px;
}

.fa1-badge__title{
  display:block;
  font-weight:850;
  color:var(--fa1-blue-dark);
  font-size:0.95rem;
  line-height:1.1;
}

.fa1-badge__text{
  display:block;
  color:var(--fa1-muted);
  font-size:0.9rem;
  margin-top:4px;
  line-height:1.45;
}

/* responsive */
@media (max-width: 900px){
  .fa1-aboutHero__grid{
    grid-template-columns:1fr;
  }

  .fa1-h1{
    max-width:none;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5bc86ea *//* =========================
   PAGE — OVER FLEXIBELVOORUIT (Sectie 4: In de praktijk)
   ========================= */

.fa4-practice{
  padding: clamp(70px, 8vw, 120px) 0;
  background: #ffffff;
}

.fa4-practice__grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(22px,4vw,60px);
  align-items:center;
}

/* image */

.fa4-practice__media{
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid #e6e8ec;
  box-shadow: 0 18px 50px rgba(0,0,0,0.10);
}

.fa4-practice__media img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}

/* text */

.fa4-practice__content h2{
  font-size: clamp(28px,3vw,40px);
  margin: 0 0 12px;
  color:#0b1220;
}

.fa4-lead{
  margin:0 0 16px;
  color:#4b5563;
  line-height:1.7;
}

/* bullets */

.fa4-bullets{
  list-style:none;
  padding:0;
  margin:0 0 20px;
  display:grid;
  gap:10px;
}

.fa4-bullets li{
  background:#f7f9fc;
  border:1px solid #e6e8ec;
  padding:10px 12px;
  border-radius:999px;
  color:#374151;
  font-size:0.95rem;
}

/* button */

.fa4-btnPrimary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:14px 22px;
  border-radius:12px;
  text-decoration:none;
  font-weight:900;

  background:#4f8cff;
  color:#fff;
  border:1px solid #4f8cff;

  transition: transform 160ms ease, background 160ms ease;
}

.fa4-btnPrimary:hover{
  transform: translateY(-1px);
  background:#3f75d6;
}

.fa4-btnPrimary:active{
  transform: translateY(1px);
}

/* responsive */

@media (max-width:900px){

  .fa4-practice__grid{
    grid-template-columns:1fr;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2b3085c *//* =========================
   PAGE — OVER FLEXIBELVOORUIT (Sectie 2: Missie & Visie) — NEW
   ========================= */

.fa2-mv{
  padding: clamp(70px, 8vw, 120px) 0;
  background: #ffffff;
}

.fa2-mv__header{
  text-align:center;
  max-width: 760px;
  margin: 0 auto 34px;
}

.fa2-mv__header h2{
  font-size: clamp(28px, 3vw, 42px);
  margin: 0 0 10px;
  color:#0b1220;
}

.fa2-mv__header p{
  margin: 0;
  color:#4b5563;
  line-height: 1.7;
}

.fa2-mv__grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  align-items: stretch;
}

.fa2-card{
  background: rgba(255,255,255,0.92);
  border: 1px solid #e6e8ec;
  border-radius: 20px;
  padding: 20px;
  box-shadow: 0 18px 50px rgba(0,0,0,0.06);
  transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease;
}

.fa2-card:hover{
  transform: translateY(-3px);
  box-shadow: 0 18px 50px rgba(0,0,0,0.10);
  border-color: rgba(79,140,255,0.30);
}

.fa2-card h3{
  margin: 0 0 10px;
  color:#0b1220;
  font-size: 1.15rem;
}

.fa2-card p{
  margin: 0;
  color:#4b5563;
  line-height: 1.7;
}

/* subtle accent for the vision card */
.fa2-card--accent{
  background:
    radial-gradient(700px 420px at 90% 20%, rgba(34,197,94,0.12), transparent 55%),
    rgba(255,255,255,0.92);
}

/* responsive */
@media (max-width: 900px){
  .fa2-mv__grid{
    grid-template-columns: 1fr;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f703869 *//* =========================
   PAGE — OVER FLEXIBELVOORUIT (Sectie 3: Hoe wij werken) — NEW
   ========================= */

.fa3-how{
  padding: clamp(70px, 8vw, 120px) 0;
  background: #f7f9fc;
}

.fa3-how__header{
  text-align: center;
  max-width: 760px;
  margin: 0 auto 34px;
}

.fa3-how__header h2{
  font-size: clamp(28px, 3vw, 42px);
  margin: 0 0 10px;
  color:#0b1220;
}

.fa3-how__header p{
  margin: 0;
  color:#4b5563;
  line-height: 1.7;
}

.fa3-how__grid{
  display:grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 14px;
}

.fa3-card{
  background: rgba(255,255,255,0.92);
  border: 1px solid #e6e8ec;
  border-radius: 20px;
  padding: 20px;
  box-shadow: 0 18px 50px rgba(0,0,0,0.06);
  transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease;
}

.fa3-card:hover{
  transform: translateY(-3px);
  box-shadow: 0 18px 50px rgba(0,0,0,0.10);
  border-color: rgba(79,140,255,0.28);
}

.fa3-card h3{
  margin: 0 0 10px;
  color:#0b1220;
  font-size: 1.1rem;
}

.fa3-card p{
  margin: 0;
  color:#4b5563;
  line-height: 1.7;
  font-size: 0.97rem;
}

/* responsive */
@media (max-width: 900px){
  .fa3-how__grid{
    grid-template-columns: 1fr;
  }
}/* End custom CSS */