.elementor-461 .elementor-element.elementor-element-b5f2ded{--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-461 .elementor-element.elementor-element-1bd9134{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:63px 0px 0px 0px;text-align:center;}.elementor-461 .elementor-element.elementor-element-1bd9134 .elementor-heading-title{color:var( --e-global-color-c94d9ab );}.elementor-461 .elementor-element.elementor-element-7f41796{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:10px 2px 2px 2px;text-align:center;color:#000000;}.elementor-461 .elementor-element.elementor-element-5aa33ee{--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-461 .elementor-element.elementor-element-4983b42 .mf-multistep-container .metform-steps{justify-content:center;}.elementor-461 .elementor-element.elementor-element-4983b42 .mf-multistep-container .metform-steps li{padding:13px 35px 13px 35px;margin:0px 5px 5px 5px;color:var( --e-global-color-332724a );background-color:var( --e-global-color-c94d9ab );}.elementor-461 .elementor-element.elementor-element-4983b42 .mf-multistep-container .metform-steps li:hover{color:#54565C;background-color:#D8DDEA;}.elementor-461 .elementor-element.elementor-element-4983b42 .mf-multistep-container .metform-steps li.active{color:var( --e-global-color-c94d9ab );background-color:var( --e-global-color-332724a );}.elementor-461 .elementor-element.elementor-element-4983b42 .metform-step-item{flex-direction:row;}/* Start custom CSS for container, class: .elementor-element-5aa33ee *//* ================================
   METFORM — Modern Step-by-Step UI
   Colle ce CSS dans : Apparence > Personnaliser > CSS additionnel
   ================================ */

/* Card */
.mf-form-wrapper,
.metform-form-main-wrapper{
  background:#fff;
  border:1px solid rgba(15,23,42,.08);
  border-radius:18px;
  box-shadow:0 18px 50px rgba(2,6,23,.08);
  padding:28px;
}

/* Spacing */
.mf-input-wrapper{margin-bottom:16px}

/* Labels */
.mf-input-label{
  display:block;
  font-weight:600;
  font-size:13px;
  color:#0f172a;
  margin:0 0 8px 0;
}

/* Inputs / Select / Textarea */
.mf-input,
.mf-input select,
.mf-input textarea,
.mf-input-wrapper input[type="text"],
.mf-input-wrapper input[type="email"],
.mf-input-wrapper input[type="tel"],
.mf-input-wrapper input[type="number"],
.mf-input-wrapper select,
.mf-input-wrapper textarea{
  width:100%;
  background:#fff;
  border:1px solid rgba(15,23,42,.12);
  border-radius:14px;
  padding:14px 14px;
  font-size:14px;
  color:#0f172a;
  outline:none;
  transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.mf-input::placeholder,
.mf-input-wrapper input::placeholder,
.mf-input-wrapper textarea::placeholder{
  color:rgba(15,23,42,.45);
}

/* Focus */
.mf-input:focus,
.mf-input-wrapper input:focus,
.mf-input-wrapper select:focus,
.mf-input-wrapper textarea:focus{
  border-color:#6366f1;
  box-shadow:0 0 0 4px rgba(99,102,241,.18);
}

/* Step title (si affiché) */
.mf-step-title,
.metform-multistep-title{
  font-size:18px;
  font-weight:700;
  color:#0f172a;
  margin-bottom:14px;
}

/* Step indicators (si MetForm les affiche) */
.metform-multistep-progressbar,
.mf-progressbar{
  height:10px;
  border-radius:999px;
  background:rgba(15,23,42,.08);
  overflow:hidden;
  margin:12px 0 22px 0;
}
.metform-multistep-progressbar span,
.mf-progressbar span{
  display:block;
  height:100%;
  width:0%;
  border-radius:999px;
  background:linear-gradient(90deg,#6366f1,#22c55e);
}

/* Buttons wrapper */
.mf-btn-wrap,
.mf-btn-wraper,
.mf-button-wrapper{
  display:flex;
  gap:12px;
  margin-top:18px;
}

/* Next/Prev buttons (MetForm) */
.mf-btn,
.mf-next-step,
.mf-prev-step,
button.mf-next-step,
button.mf-prev-step,
button.mf-btn{
  appearance:none;
  border:0;
  border-radius:14px;
  padding:12px 16px;
  font-weight:700;
  font-size:14px;
  cursor:pointer;
  transition:transform .15s ease, box-shadow .15s ease, opacity .15s ease;
}

/* Next = primary */
.mf-next-step,
button.mf-next-step{
  background:#0f172a;
  color:#fff;
  box-shadow:0 10px 25px rgba(15,23,42,.22);
}
.mf-next-step:hover,
button.mf-next-step:hover{
  transform:translateY(-1px);
}

/* Prev = secondary */
.mf-prev-step,
button.mf-prev-step{
  background:rgba(15,23,42,.06);
  color:#0f172a;
}
.mf-prev-step:hover,
button.mf-prev-step:hover{
  transform:translateY(-1px);
}

/* Submit button */
.mf-submit-btn,
button[type="submit"]{
  background:linear-gradient(90deg,#6366f1,#22c55e);
  color:#fff;
  border-radius:14px;
  padding:12px 16px;
  font-weight:800;
  box-shadow:0 12px 28px rgba(99,102,241,.18);
}
.mf-submit-btn:hover,
button[type="submit"]:hover{transform:translateY(-1px)}

/* Errors */
.mf-error,
.metform-error-message{
  margin-top:8px;
  font-size:12px;
  color:#ef4444;
}

/* Mobile */
@media (max-width:768px){
  .mf-form-wrapper,
  .metform-form-main-wrapper{padding:18px;border-radius:16px}
  .mf-btn-wrap,
  .mf-btn-wraper,
  .mf-button-wrapper{flex-direction:column}
  .mf-next-step,
  .mf-prev-step,
  .mf-submit-btn,
  button[type="submit"]{width:100%}
}/* End custom CSS */