.elementor-19900 .elementor-element.elementor-element-55516d9{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-19900 .elementor-element.elementor-element-210a54a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:groove;--border-style:groove;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#DBD03F;--border-color:#DBD03F;}.elementor-19900 .elementor-element.elementor-element-528646d{--divider-border-style:solid;--divider-border-width:1px;}.elementor-19900 .elementor-element.elementor-element-528646d > .elementor-widget-container{background-color:#070A2A;border-radius:1px 1px 1px 1px;}.elementor-19900 .elementor-element.elementor-element-528646d .elementor-divider-separator{width:100%;margin:0 auto;margin-center:0;}.elementor-19900 .elementor-element.elementor-element-528646d .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-19900 .elementor-element.elementor-element-00953b5{--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;}.elementor-19900 .elementor-element.elementor-element-316f2b9{--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-19900 .elementor-element.elementor-element-b890175{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:groove;--border-style:groove;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#DBD03F;--border-color:#DBD03F;}.elementor-19900 .elementor-element.elementor-element-b890175:not(.elementor-motion-effects-element-type-background), .elementor-19900 .elementor-element.elementor-element-b890175 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EB6C6C;}.elementor-19900 .elementor-element.elementor-element-e3a8d94{--divider-border-style:solid;--divider-border-width:1px;}.elementor-19900 .elementor-element.elementor-element-e3a8d94 > .elementor-widget-container{background-color:transparent;background-image:linear-gradient(180deg, #656DBB 0%, #022064 100%);border-radius:1px 1px 1px 1px;}.elementor-19900 .elementor-element.elementor-element-e3a8d94 .elementor-divider-separator{width:100%;margin:0 auto;margin-center:0;}.elementor-19900 .elementor-element.elementor-element-e3a8d94 .elementor-divider{text-align:center;padding-block-start:4px;padding-block-end:4px;}.elementor-19900 .elementor-element.elementor-element-8620157{--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-19900 .elementor-element.elementor-element-25ba1df{--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-19900 .elementor-element.elementor-element-0e029b4{--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-19900 .elementor-element.elementor-element-a9dac90{--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-19900 .elementor-element.elementor-element-85957e3 > .elementor-widget-container{border-style:solid;border-width:2px 0px 2px 0px;border-color:#D6C421;border-radius:02px 0px 0px 0px;}/* Start custom CSS for text-editor, class: .elementor-element-4476376 *//* =========================
   HERO PIONNIER — OPTION 1
   Bleu nuit + marine + bleu drapeau
   (cohérent avec header + page d'accueil)
========================= */

.elementor-19900 .elementor-element.elementor-element-4476376{
  position: relative;
  overflow: hidden;
  min-height: clamp(460px, 60vh, 640px);
  margin-top: 0 !important;

  /* Fond de base (Option 1) */
  background: linear-gradient(
    115deg,
    #050b2e 0%,
    #0b1b6a 38%,
    #0b57ff 100%
  );
}

/* Contenu au-dessus */
.elementor-19900 .elementor-element.elementor-element-4476376 .faq-hero-bg__inner{
  position: relative;
  z-index: 3;
  max-width: 1240px;
  margin: 0 auto;
  padding: clamp(28px, 4vw, 56px) 18px;
  display: flex;
  align-items: center;
  min-height: inherit;
}

.elementor-19900 .elementor-element.elementor-element-4476376 .faq-hero-bg__content{ max-width: 640px; }

.elementor-19900 .elementor-element.elementor-element-4476376 .faq-hero-bg__title{
  margin: 0 0 14px;
  font-weight: 850;
  line-height: 1.02;
  font-size: clamp(40px, 5vw, 74px);
  letter-spacing: -0.02em;
  text-shadow: 0 10px 30px rgba(0,0,0,.25);
}

.elementor-19900 .elementor-element.elementor-element-4476376 .t-white{ color: rgba(255,255,255,.96); }
.elementor-19900 .elementor-element.elementor-element-4476376 .t-gold{ color: #f4cf6a; }

.elementor-19900 .elementor-element.elementor-element-4476376 .faq-hero-bg__lead{
  margin: 0 0 18px;
  font-size: clamp(16px, 1.55vw, 20px);
  line-height: 1.6;
  color: rgba(255,255,255,.82);
  max-width: 60ch;
}

.elementor-19900 .elementor-element.elementor-element-4476376 .faq-hero-bg__block-title{
  margin: 18px 0 8px;
  font-size: clamp(18px, 1.8vw, 26px);
  font-weight: 850;
  color: rgba(255,255,255,.95);
}

.elementor-19900 .elementor-element.elementor-element-4476376 .faq-hero-bg__block-text{
  margin: 0 0 18px;
  font-size: clamp(14px, 1.35vw, 18px);
  line-height: 1.65;
  color: rgba(255,255,255,.78);
  max-width: 68ch;
}

/* Bouton */
.elementor-19900 .elementor-element.elementor-element-4476376 .faq-btn-gold{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 14px 18px;
  border-radius: 14px;
  text-decoration: none;
  font-weight: 800;
  font-size: 16px;
  color: #0b1b2d;
  background: linear-gradient(180deg, #f6d67b, #e7b84d);
  box-shadow: 0 18px 40px rgba(0,0,0,.28);
  border: 1px solid rgba(255,255,255,.18);
  transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
}
.elementor-19900 .elementor-element.elementor-element-4476376 .faq-btn-gold:hover{
  transform: translateY(-1px);
  box-shadow: 0 24px 54px rgba(0,0,0,.35);
  filter: brightness(1.03);
}

.elementor-19900 .elementor-element.elementor-element-4476376 .faq-hero-bg__note{
  margin: 10px 0 0;
  font-size: 13px;
  color: rgba(255,255,255,.70);
}

/* =========================
   IMAGE en background (sur .elementor-19900 .elementor-element.elementor-element-4476376)
========================= */
.elementor-19900 .elementor-element.elementor-element-4476376::before{
  content:"";
  position: absolute;
  inset: 0;
  background-image: url("https://dev.faitauquebec.ca/wp-content/uploads/2025/12/OffrePionnierFaitauQuebec.png");
  background-repeat: no-repeat;
  background-size: cover;

  /* Ajuste le cadrage desktop ici */
  background-position: 72% 16%;

  /* Zoom léger pour l'impact */
  transform: scale(1.08);
  z-index: 1;
}

/* =========================
   Overlay lisibilité (sans cassure)
   recalé sur Option 1
========================= */
.elementor-19900 .elementor-element.elementor-element-4476376::after{
  content:"";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    90deg,
    rgba(5,11,46,.95) 0%,
    rgba(11,27,106,.78) 46%,
    rgba(11,87,255,.18) 72%,
    rgba(11,87,255,0) 100%
  );
  z-index: 2;
}

/* =========================
   MOBILE
========================= */
@media (max-width: 900px){
  .elementor-19900 .elementor-element.elementor-element-4476376{ min-height: 560px; }

  .elementor-19900 .elementor-element.elementor-element-4476376 .faq-hero-bg__inner{
    justify-content: center;
    text-align: center;
  }

  .elementor-19900 .elementor-element.elementor-element-4476376 .faq-btn-gold{
    width: 100%;
    max-width: 420px;
    margin: 0 auto;
  }

  .elementor-19900 .elementor-element.elementor-element-4476376::before{
    /* Ajuste mobile : on remonte légèrement */
    background-position: 70% 18%;
    transform: scale(1.12);
  }

  .elementor-19900 .elementor-element.elementor-element-4476376::after{
    background: linear-gradient(
      180deg,
      rgba(5,11,46,.92) 0%,
      rgba(11,27,106,.74) 52%,
      rgba(11,87,255,.18) 100%
    );
  }
}


.elementor-19900 .elementor-element.elementor-element-4476376 .t-gold {
  color: #EAA328;
}


.elementor-19900 .elementor-element.elementor-element-4476376 .faq-btn-gold {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 14px 18px;
  border-radius: 14px;
  text-decoration: none;
  font-weight: 800;
  font-size: 16px;
  color: #0b1b2d;
  background: linear-gradient(180deg, #f2c77d, #eaa328);
  box-shadow: 0 18px 40px rgba(0,0,0,.28);
  border: 1px solid rgba(255,255,255,.18);
  transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-5c43d78 */.elementor-19900 .elementor-element.elementor-element-5c43d78{
  position: relative;
  overflow: hidden;
  background: #070a2a;
  padding: clamp(44px, 6vw, 86px) 18px;
}

/* Motif fleur-de-lys discret (repeat) */
.elementor-19900 .elementor-element.elementor-element-5c43d78::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity: .10;

  /* SVG fleur-de-lys (repeat) */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E%3Cg fill='none' stroke='%23FFFFFF' stroke-width='2' opacity='1'%3E%3Cpath d='M70 20c7 14 5 26-3 36 10-3 19-10 24-20 2 20-7 34-20 44 10 2 18 7 24 15-12-2-23 0-33 8-10-8-21-10-33-8 6-8 14-13 24-15-13-10-22-24-20-44 5 10 14 17 24 20-8-10-10-22-3-36z'/%3E%3Cpath d='M70 96v18'/%3E%3Cpath d='M58 114h24'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: repeat;
  background-size: 160px 160px;
  background-position: center;
  z-index: 1;
}

/* Voile pour profondeur + lisibilité (cohérent avec Home) */
.elementor-19900 .elementor-element.elementor-element-5c43d78::after{
  content:"";
  position:absolute;
  inset:0;
  background: radial-gradient(1200px 600px at 30% 40%,
    rgba(11,87,255,.18) 0%,
    rgba(11,27,106,.22) 35%,
    rgba(7,10,42,.92) 75%);
  z-index: 2;
}

.elementor-19900 .elementor-element.elementor-element-5c43d78 .faq-bloc-appartenance__inner{
  position: relative;
  z-index: 3;
  max-width: 1180px;
  margin: 0 auto;
  text-align: center;
}

.elementor-19900 .elementor-element.elementor-element-5c43d78 .faq-bloc-appartenance__title{
  margin: 0 0 14px;
  font-weight: 900;
  line-height: 1.05;
  font-size: clamp(34px, 4.3vw, 58px);
  letter-spacing: -0.02em;
  color: rgba(255,255,255,.96);
  text-shadow: 0 12px 34px rgba(0,0,0,.35);
}

.elementor-19900 .elementor-element.elementor-element-5c43d78 .t-gold{ color: #f4cf6a; }

.elementor-19900 .elementor-element.elementor-element-5c43d78 .faq-bloc-appartenance__lead{
  margin: 0 auto 26px;
  max-width: 72ch;
  font-size: clamp(16px, 1.35vw, 20px);
  line-height: 1.7;
  color: rgba(255,255,255,.84);
}

.elementor-19900 .elementor-element.elementor-element-5c43d78 .faq-bloc-appartenance__points{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin: 28px auto 26px;
}

.elementor-19900 .elementor-element.elementor-element-5c43d78 .faq-point{
  border-radius: 18px;
  padding: 18px 18px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 20px 50px rgba(0,0,0,.25);
  text-align: left;
}

.elementor-19900 .elementor-element.elementor-element-5c43d78 .faq-point h3{
  margin: 0 0 8px;
  font-size: 18px;
  font-weight: 850;
  color: rgba(255,255,255,.95);
}

.elementor-19900 .elementor-element.elementor-element-5c43d78 .faq-point p{
  margin: 0;
  font-size: 15px;
  line-height: 1.65;
  color: rgba(255,255,255,.78);
}

.elementor-19900 .elementor-element.elementor-element-5c43d78 .faq-bloc-appartenance__seal{
  margin: 18px auto 0;
  max-width: 860px;
  border-radius: 18px;
  padding: 16px 18px;
  background: linear-gradient(180deg, rgba(244,207,106,.16), rgba(244,207,106,.06));
  border: 1px solid rgba(244,207,106,.30);
  color: rgba(255,255,255,.92);
}

.elementor-19900 .elementor-element.elementor-element-5c43d78 .faq-bloc-appartenance__seal p{
  margin: 0;
  font-size: 16px;
  line-height: 1.6;
}

/* Responsive */
@media (max-width: 980px){
  .elementor-19900 .elementor-element.elementor-element-5c43d78 .faq-bloc-appartenance__points{
    grid-template-columns: 1fr;
  }
  .elementor-19900 .elementor-element.elementor-element-5c43d78 .faq-point{
    text-align: left;
  }
}


.elementor-19900 .elementor-element.elementor-element-5c43d78 .t-gold {
  color: #eaa328;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-1e70c0e *//* ==== A11y ==== */
.sr-only{
  position:absolute!important;
  width:1px;height:1px;
  padding:0;margin:-1px;overflow:hidden;
  clip:rect(0,0,0,0);white-space:nowrap;border:0;
}

/* ==== Section steps ==== */
.faq-steps{
  padding: clamp(52px, 6vw, 84px) 0;
}

.faq-steps-wrap{
  width: min(1180px, calc(100% - 40px));
  margin: 0 auto;
}

.faq-steps-head{
  text-align:center;
  margin-bottom: clamp(22px, 3vw, 34px);
}

.faq-steps-kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 8px 14px;
  border-radius:999px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.18);
  color: rgba(255,255,255,.90);
  font-weight: 700;
  font-size: 12.5px;
}

.faq-steps-title{
  margin: 16px 0 8px;
  color:#fff;
  font-weight: 900;
  letter-spacing:-0.02em;
  line-height:1.05;
  font-size: clamp(34px, 4.2vw, 54px);
}

.faq-steps-sub{
  margin: 0 auto;
  max-width: 880px;
  color: rgba(255,255,255,.78);
  font-size: clamp(15px, 1.3vw, 18px);
  line-height: 1.6;
}
.faq-steps-accent{ color: #f2b705; }

/* ==== Cards ==== */
.faq-steps-grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(14px, 2vw, 18px);
}

.faq-step-card{
  border-radius: 22px;
  padding: 22px 22px 18px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.16);
  box-shadow: 0 18px 44px rgba(0,0,0,.28);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.faq-step-top{
  display:flex;
  align-items:center;
  gap: 12px;
  margin-bottom: 10px;
}

.faq-step-num{
  width: 44px;
  height: 44px;
  border-radius: 999px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight: 900;
  font-size: 16px;

  /* par défaut = contour ocre */
  border: 2px solid rgba(242,183,5,.9);
  color: rgba(242,183,5,.95);
  background: rgba(242,183,5,.08);
}

/* Progression visuelle : étape 1 "active" */
.faq-step-card.is-active .faq-step-num{
  background: linear-gradient(180deg, #f6d26a 0%, #f2b705 100%);
  color: #0a0f3b;
  border-color: rgba(242,183,5,1);
  box-shadow: 0 14px 30px rgba(242,183,5,.18);
}

/* Étape 2 un peu plus “présente” */
.faq-step-card:nth-child(2) .faq-step-num{
  background: rgba(242,183,5,.06);
  border-color: rgba(242,183,5,.75);
}

/* Étape 3 plus léger */
.faq-step-card:nth-child(3) .faq-step-num{
  background: transparent;
  border-color: rgba(242,183,5,.55);
  color: rgba(242,183,5,.75);
}

.faq-step-card h3{
  margin:0;
  color: rgba(255,255,255,.94);
  font-weight: 850;
  font-size: 16.5px;
}

.faq-step-text{
  margin: 0;
  color: rgba(255,255,255,.74);
  font-size: 14px;
  line-height: 1.6;
}

.faq-step-tag{
  display:inline-flex;
  margin-top: 14px;
  padding: 7px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.16);
  color: rgba(255,255,255,.88);
  font-size: 12px;
  font-weight: 700;
}

/* ==== Infolettre (plus visible) ==== */
.faq-steps-newsletter{
  margin-top: clamp(18px, 3vw, 26px);
  padding: 22px 22px;
  border-radius: 22px;

  /* plus visible que les cartes */
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.20);
  box-shadow: 0 22px 60px rgba(0,0,0,.32);

  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 18px;
}

.faq-steps-news-left h4{
  margin:0 0 6px;
  color:#fff;
  font-weight: 900;
  font-size: 16px;
}
.faq-steps-news-left p{
  margin:0;
  color: rgba(255,255,255,.78);
  font-size: 14px;
  line-height: 1.55;
  max-width: 56ch;
}

.faq-steps-form{
  display:flex;
  align-items:center;
  gap: 10px;
  flex-wrap: wrap;
}

.faq-steps-form input{
  height: 46px;
  min-width: 260px;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.22);
  background: rgba(10,15,59,.35);
  color: #fff;
  outline: none;
}
.faq-steps-form input::placeholder{
  color: rgba(255,255,255,.60);
}

.faq-steps-form button{
  height: 46px;
  padding: 0 18px;
  border-radius: 999px;
  border: none;
  cursor: pointer;
  font-weight: 900;
  color: #0a0f3b;
  background: linear-gradient(180deg, #f6d26a 0%, #f2b705 100%);
  box-shadow: 0 16px 34px rgba(242,183,5,.20);
}

/* ==== Responsive ==== */
@media (max-width: 980px){
  .faq-steps-grid{ grid-template-columns: 1fr; }
  .faq-steps-newsletter{ flex-direction: column; align-items: stretch; text-align: center; }
  .faq-steps-news-left p{ max-width: none; }
  .faq-steps-form{ justify-content:center; }
  .faq-steps-form input{ min-width: min(420px, 100%); }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0752494 */.fq-pionnier-signature{
  max-width: 680px;
  margin: 100px auto 120px auto;
  padding: 40px 20px 0 20px;
  text-align: left;
}

.fq-pionnier-signature:before{
  content: "";
  display: block;
  width: 60px;
  height: 2px;
  background: #c9a24d; /* ocre */
  margin-bottom: 24px;
}

.fq-pionnier-kicker{
  font-size: 12px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #8a93a6;
  margin-bottom: 18px;
}

.fq-pionnier-title{
  font-size: 24px;
  font-weight: 600;
  color: #0b1e3f;
  margin-bottom: 12px;
}

.fq-pionnier-text{
  font-size: 17px;
  line-height: 1.7;
  color: #2b2f38;
  margin: 6px 0;
}/* End custom CSS */