.elementor-96 .elementor-element.elementor-element-09cd97b{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-96 .elementor-element.elementor-element-6da8a2b{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-96 .elementor-element.elementor-element-8d525b2{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-96 .elementor-element.elementor-element-1c54b47{margin:-21px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-96 .elementor-element.elementor-element-03eb656{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-96 .elementor-element.elementor-element-d09a9a8{margin:-21px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-96 .elementor-element.elementor-element-421cd90{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-96 .elementor-element.elementor-element-4399677{margin:-21px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}/* Start custom CSS for html, class: .elementor-element-6da8a2b *//* =========================
   PAGE — CONTACT (Sectie 1: Hero)
   ========================= */

:root{
  --fc1-blue-dark:#1e3a8a;
  --fc1-blue:#3b82f6;
  --fc1-blue-light:#dbeafe;

  --fc1-green:#4ade80;
  --fc1-green-dark:#22c55e;
  --fc1-green-light:#dcfce7;

  --fc1-text:#0f172a;
  --fc1-muted:#475569;
}

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

.fc1-contactHero{
  padding: clamp(80px, 8vw, 120px) 0;
  background:
    radial-gradient(900px 520px at 20% 20%, rgba(59,130,246,0.16), transparent 60%),
    radial-gradient(780px 420px at 80% 30%, rgba(74,222,128,0.16), transparent 55%),
    linear-gradient(180deg, #f8fbff 0%, #eef6ff 100%);
  color: var(--fc1-text);
  text-align:center;
}

.fc1-contactHero__content{
  max-width: 760px;
  margin: 0 auto;
}

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

.fc1-h1{
  font-size: clamp(2.1rem, 3.6vw, 3.2rem);
  line-height:1.06;
  margin:0 0 12px;
  color:var(--fc1-blue-dark);
}

.fc1-lead{
  font-size:1.05rem;
  line-height:1.7;
  color:var(--fc1-muted);
  margin:0 0 22px;
}

/* buttons */

.fc1-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  justify-content:center;
}

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

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

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

.fc1-btnSecondary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:14px 22px;
  border-radius:12px;
  text-decoration:none;
  font-weight:800;
  background:var(--fc1-green);
  color:#064e3b;
  border:1px solid var(--fc1-green);
  box-shadow:0 10px 26px rgba(74,222,128,0.18);
  transition:transform 160ms ease, background 160ms ease, border-color 160ms ease, color 160ms ease;
}

.fc1-btnSecondary:hover{
  transform:translateY(-1px);
  background:var(--fc1-green-dark);
  border-color:var(--fc1-green-dark);
  color:#ffffff;
}

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

/* responsive */

@media (max-width:768px){

  .fc1-actions{
    flex-direction:column;
    align-items:center;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1c54b47 *//* =========================
   PAGE — CONTACT (Sectie 2: Opdrachtgevers)
   ========================= */

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

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

.fc2-tag{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 8px 12px;
  border-radius: 999px;
  font-weight: 900;
  font-size: 0.95rem;
  color:#0b1220;
  background: rgba(79,140,255,0.12);
  border: 1px solid rgba(79,140,255,0.25);
  margin: 0 0 12px;
}

.fc2-client__content h2{
  font-size: clamp(26px, 2.6vw, 38px);
  margin: 0 0 10px;
  color:#0b1220;
}

.fc2-lead{
  margin: 0 0 16px;
  color:#4b5563;
  line-height: 1.7;
  max-width: 70ch;
}

/* Form placeholder box (replace with your form) */
.fc2-formPlaceholder{
  border-radius: 18px;
  border: 1px dashed #cbd5e1;
  background: #f7f9fc;
  padding: 18px;
}

.fc2-formPlaceholder__title{
  font-weight: 900;
  color:#0b1220;
  margin-bottom: 8px;
}

.fc2-formPlaceholder__text{
  color:#4b5563;
  line-height: 1.7;
  font-size: 0.95rem;
}

/* Side card */
.fc2-client__card{
  border-radius: 22px;
  border: 1px solid #e6e8ec;
  background: #f7f9fc;
  padding: 20px;
  box-shadow: 0 18px 50px rgba(0,0,0,0.06);
}

.fc2-client__card h3{
  margin: 0 0 8px;
  color:#0b1220;
  font-size: 1.1rem;
}

.fc2-cardIntro{
  margin: 0 0 14px;
  color:#4b5563;
  line-height: 1.6;
}

/* Checklist */
.fc2-checklist{
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  gap:10px;
}

.fc2-checklist li{
  display:flex;
  align-items:center;
  gap:10px;
  padding: 10px 12px;
  border-radius: 999px;
  background: #ffffff;
  border: 1px solid #e6e8ec;
  color:#374151;
  font-size: 0.95rem;
}

.fc2-dot{
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: #4f8cff;
  box-shadow: 0 0 0 6px rgba(79,140,255,0.14);
  flex: 0 0 auto;
}

/* Mini note */
.fc2-miniNote{
  margin-top: 14px;
  display:flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items:center;
  padding: 12px 14px;
  border-radius: 16px;
  border: 1px solid #e6e8ec;
  background: #ffffff;
  color:#4b5563;
}

.fc2-miniTag{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 6px 10px;
  border-radius: 999px;
  font-weight: 900;
  font-size: 0.9rem;
  color:#0b1220;
  background: rgba(79,140,255,0.12);
  border: 1px solid rgba(79,140,255,0.22);
}

/* Responsive */
@media (max-width: 900px){
  .fc2-client__grid{
    grid-template-columns: 1fr;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d09a9a8 *//* =========================
   PAGE — CONTACT (Sectie 3: Professionals)
   ========================= */

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

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

.fc3-tag{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 8px 12px;
  border-radius: 999px;
  font-weight: 900;
  font-size: 0.95rem;
  color:#0b1220;
  background: rgba(34,197,94,0.14);
  border: 1px solid rgba(34,197,94,0.26);
  margin: 0 0 12px;
}

.fc3-pro__content h2{
  font-size: clamp(26px, 2.6vw, 38px);
  margin: 0 0 10px;
  color:#0b1220;
}

.fc3-lead{
  margin: 0 0 16px;
  color:#4b5563;
  line-height: 1.7;
  max-width: 70ch;
}

/* Form placeholder box (replace with your form) */
.fc3-formPlaceholder{
  border-radius: 18px;
  border: 1px dashed #cbd5e1;
  background: #ffffff;
  padding: 18px;
}

.fc3-formPlaceholder__title{
  font-weight: 900;
  color:#0b1220;
  margin-bottom: 8px;
}

.fc3-formPlaceholder__text{
  color:#4b5563;
  line-height: 1.7;
  font-size: 0.95rem;
}

/* Side card */
.fc3-pro__card{
  border-radius: 22px;
  border: 1px solid #e6e8ec;
  background: #ffffff;
  padding: 20px;
  box-shadow: 0 18px 50px rgba(0,0,0,0.06);
}

.fc3-pro__card h3{
  margin: 0 0 8px;
  color:#0b1220;
  font-size: 1.1rem;
}

.fc3-cardIntro{
  margin: 0 0 14px;
  color:#4b5563;
  line-height: 1.6;
}

/* Checklist */
.fc3-checklist{
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  gap:10px;
}

.fc3-checklist li{
  display:flex;
  align-items:center;
  gap:10px;
  padding: 10px 12px;
  border-radius: 999px;
  background: #f7f9fc;
  border: 1px solid #e6e8ec;
  color:#374151;
  font-size: 0.95rem;
}

.fc3-dot{
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: #22c55e;
  box-shadow: 0 0 0 6px rgba(34,197,94,0.14);
  flex: 0 0 auto;
}

/* Mini note */
.fc3-miniNote{
  margin-top: 14px;
  display:flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items:center;
  padding: 12px 14px;
  border-radius: 16px;
  border: 1px solid #e6e8ec;
  background: #f7f9fc;
  color:#4b5563;
}

.fc3-miniTag{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 6px 10px;
  border-radius: 999px;
  font-weight: 900;
  font-size: 0.9rem;
  color:#0b1220;
  background: rgba(34,197,94,0.14);
  border: 1px solid rgba(34,197,94,0.26);
}

/* Responsive */
@media (max-width: 900px){
  .fc3-pro__grid{
    grid-template-columns: 1fr;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4399677 *//* =========================
   PAGE — CONTACT (Sectie 4: Direct contact)
   ========================= */

.fc4-direct{
  padding: clamp(70px, 8vw, 120px) 0;
  background:
    radial-gradient(900px 520px at 20% 20%, rgba(79,140,255,0.10), transparent 60%),
    radial-gradient(780px 420px at 80% 70%, rgba(34,197,94,0.08), transparent 55%),
    #ffffff;
}

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

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

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

/* grid */
.fc4-direct__grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  align-items: stretch;
}

.fc4-card{
  background: rgba(255,255,255,0.92);
  border: 1px solid #e6e8ec;
  border-radius: 22px;
  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;
}

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

.fc4-card--muted{
  background: #f7f9fc;
}

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

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

.fc4-list li{
  background: rgba(255,255,255,0.92);
  border: 1px solid #e6e8ec;
  padding: 10px 12px;
  border-radius: 16px;
  color:#374151;
  line-height: 1.6;
  font-size: 0.95rem;
}

.fc4-card--muted .fc4-list li{
  background: #ffffff;
}

.fc4-list a{
  color:#0b1220;
  font-weight: 800;
  text-decoration: none;
  border-bottom: 1px solid rgba(11,18,32,0.18);
  padding-bottom: 2px;
}

.fc4-list a:hover{
  border-bottom-color: rgba(79,140,255,0.45);
}

/* buttons */
.fc4-actions{
  display:flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 16px;
}

.fc4-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:#071021;
  border:1px solid #4f8cff;

  box-shadow:0 10px 26px rgba(79,140,255,0.25);
  transition: transform 160ms ease, background 160ms ease;
}

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

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

  background: transparent;
  color:#0b1220;
  border:1px solid #0b1220;
  transition: transform 160ms ease, background 160ms ease, color 160ms ease;
}

.fc4-btnSecondary:hover{
  transform: translateY(-1px);
  background:#0b1220;
  color:#fff;
}

.fc4-small{
  margin: 12px 0 0;
  color:#6b7280;
  font-size: 0.95rem;
  line-height: 1.7;
}

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