.elementor-12552 .elementor-element.elementor-element-2435671 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-12552 .elementor-element.elementor-element-2435671 > .elementor-background-overlay{opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-12552 .elementor-element.elementor-element-2435671{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:3rem;margin-bottom:2rem;padding:0px 0px 0px 0px;}.elementor-12552 .elementor-element.elementor-element-be35891 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-12552 .elementor-element.elementor-element-be35891 > .elementor-background-overlay{opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-12552 .elementor-element.elementor-element-be35891{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:2rem;margin-bottom:2rem;padding:0px 0px 0px 0px;}.elementor-12552 .elementor-element.elementor-element-4388726 > .elementor-element-populated{padding:0rem 0rem 0rem 0rem;}.elementor-12552 .elementor-element.elementor-element-24ceb92 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:0px;}.elementor-12552 .elementor-element.elementor-element-24ceb92 > .elementor-element-populated{padding:24px 14px 0px 18px;}.elementor-12552 .elementor-element.elementor-element-75b18d8{width:var( --container-widget-width, 99.888% );max-width:99.888%;--container-widget-width:99.888%;--container-widget-flex-grow:0;}.elementor-12552 .elementor-element.elementor-element-75b18d8.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-12552 .elementor-element.elementor-element-54a1013 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-12552 .elementor-element.elementor-element-54a1013 > .elementor-background-overlay{opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-12552 .elementor-element.elementor-element-54a1013{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:2rem;margin-bottom:2rem;padding:0px 0px 0px 0px;}.elementor-12552 .elementor-element.elementor-element-d3499bd > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:0px;}.elementor-12552 .elementor-element.elementor-element-9094da1{--e-image-carousel-slides-to-show:3;}.elementor-12552 .elementor-element.elementor-element-9094da1 .elementor-swiper-button.elementor-swiper-button-prev, .elementor-12552 .elementor-element.elementor-element-9094da1 .elementor-swiper-button.elementor-swiper-button-next{font-size:32px;color:#FFFFFF;}.elementor-12552 .elementor-element.elementor-element-9094da1 .elementor-swiper-button.elementor-swiper-button-prev svg, .elementor-12552 .elementor-element.elementor-element-9094da1 .elementor-swiper-button.elementor-swiper-button-next svg{fill:#FFFFFF;}.elementor-12552 .elementor-element.elementor-element-9094da1 .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-radius:10px 10px 10px 10px;}.elementor-12552 .elementor-element.elementor-element-9094da1 .elementor-image-carousel-caption{text-align:center;font-size:18px;font-weight:600;margin-block-start:8px;}.elementor-12552 .elementor-element.elementor-element-4743868:not(.elementor-motion-effects-element-type-background), .elementor-12552 .elementor-element.elementor-element-4743868 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1B2A3AE8;}.elementor-12552 .elementor-element.elementor-element-4743868 > .elementor-background-overlay{background-color:var( --e-global-color-accent );opacity:0.5;mix-blend-mode:color-dodge;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-12552 .elementor-element.elementor-element-4743868{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-12552 .elementor-element.elementor-element-0a5490e > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:1.5rem 0rem 01.5rem 0rem;--e-column-margin-right:0rem;--e-column-margin-left:0rem;}.elementor-12552 .elementor-element.elementor-element-0a5490e > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-12552 .elementor-element.elementor-element-07961ea > .elementor-background-overlay{opacity:0;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-12552 .elementor-element.elementor-element-07961ea{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:2rem;margin-bottom:2rem;padding:0px 0px 0px 0px;}.elementor-12552 .elementor-element.elementor-element-07961ea .elementor-heading-title{color:var( --e-global-color-6af29dc );}.elementor-12552 .elementor-element.elementor-element-316a00a > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-12552 .elementor-element.elementor-element-316a00a > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-12552 .elementor-element.elementor-element-dcb249c > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-12552 .elementor-element.elementor-element-2fe2143{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:2px;margin-bottom:2px;padding:0px 0px 0px 0px;}.elementor-12552 .elementor-element.elementor-element-2fe2143 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-12552 .elementor-element.elementor-element-01e0086 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-12552 .elementor-element.elementor-element-01e0086 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-12552 .elementor-element.elementor-element-e414621 > .elementor-background-overlay{opacity:0;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-12552 .elementor-element.elementor-element-e414621{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:2rem;margin-bottom:2rem;padding:0px 30px 0px 30px;}.elementor-12552 .elementor-element.elementor-element-442cc08 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-12552 .elementor-element.elementor-element-442cc08 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}@media(max-width:1020px){.elementor-12552 .elementor-element.elementor-element-33d3bdd > .elementor-element-populated{padding:0rem 0rem 0rem 0rem;}}@media(max-width:778px){.elementor-12552 .elementor-element.elementor-element-2435671{padding:0px 0px 0px 0px;}.elementor-12552 .elementor-element.elementor-element-33d3bdd > .elementor-element-populated{padding:0rem 1.5rem 0rem 1.5rem;}.elementor-12552 .elementor-element.elementor-element-be35891{padding:0px 0px 0px 0px;}.elementor-12552 .elementor-element.elementor-element-4388726 > .elementor-element-populated{padding:0rem 1.50rem 0rem 1.5rem;}.elementor-12552 .elementor-element.elementor-element-409a917 > .elementor-widget-container{padding:0rem 0rem 2rem 0rem;}.elementor-12552 .elementor-element.elementor-element-24ceb92 > .elementor-element-populated{padding:0rem 1.5rem 0rem 01.5rem;}.elementor-12552 .elementor-element.elementor-element-75b18d8 > .elementor-widget-container{padding:0rem 0rem 0rem 0rem;}.elementor-12552 .elementor-element.elementor-element-54a1013{padding:0px 0px 0px 0px;}.elementor-12552 .elementor-element.elementor-element-9094da1 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0rem 1.5rem 0rem 1.50rem;}.elementor-12552 .elementor-element.elementor-element-4743868{padding:0px 0px 0px 0px;}.elementor-12552 .elementor-element.elementor-element-0a5490e > .elementor-element-populated{padding:0rem 1.5rem 0rem 1.5rem;}.elementor-12552 .elementor-element.elementor-element-07961ea{padding:0px 0px 0px 0px;}.elementor-12552 .elementor-element.elementor-element-316a00a > .elementor-element-populated{padding:0rem 1.5rem 0rem 1.5rem;}.elementor-12552 .elementor-element.elementor-element-dcb249c > .elementor-widget-container{padding:0rem 0rem 0rem 0rem;}.elementor-12552 .elementor-element.elementor-element-2fe2143{padding:0px 0px 0px 0px;}.elementor-12552 .elementor-element.elementor-element-01e0086 > .elementor-element-populated{padding:0rem 1.5rem 0rem 1.5rem;}.elementor-12552 .elementor-element.elementor-element-e414621{padding:0px 0px 0px 0px;}.elementor-12552 .elementor-element.elementor-element-442cc08 > .elementor-element-populated{padding:0rem 1.50rem 0rem 1.50rem;}}@media(min-width:779px){.elementor-12552 .elementor-element.elementor-element-4388726{width:55%;}.elementor-12552 .elementor-element.elementor-element-24ceb92{width:45%;}}@media(max-width:1020px) and (min-width:779px){.elementor-12552 .elementor-element.elementor-element-d3499bd{width:100%;}.elementor-12552 .elementor-element.elementor-element-0a5490e{width:100%;}.elementor-12552 .elementor-element.elementor-element-316a00a{width:100%;}.elementor-12552 .elementor-element.elementor-element-01e0086{width:100%;}.elementor-12552 .elementor-element.elementor-element-442cc08{width:100%;}}/* Start custom CSS for html, class: .elementor-element-0b42537 *//* =========================
   STOIK – À PROPOS
   Bloc A : Promesse + Gouvernance
   ========================= */

/* --- PROMESSE : ligne jaune sous le H2 --- */
#about-promise h2{
  position: relative;
  padding-bottom: 0.5rem;
  margin-bottom: 1.5rem;
}

#about-promise h2::after{
  content: "";
  display: block;
  width: 60px;
  height: 3px;
  background-color: #F9A825;
  margin-top: 0.5rem;
}

/* --- GOUVERNANCE : bloc soft --- */
#about-governance{
  background: #f4f6f8;
  border-left: 4px solid #F9A825;
  border-radius: 6px;
}

/* Padding interne du contenu */
#about-governance .stoik-wrap{
  padding: 2rem 2rem;
}

/* Nettoyage titre */
#about-governance h2{
  margin-top: 0;
}

/* --- Liens de gouvernance (fondateurs) --- */
#about-governance .stoik-governance-links{
  margin-top: 1rem;
}

#about-governance .stoik-governance-links a{
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 2px;
}
/* Mobile: empêcher les noms de se couper */
#about-governance a{
  white-space: nowrap;
  display: inline-block;
}
/* Mobile – respiration sous les KPI */
@media (max-width: 640px){
  .stoik-metrics{
    margin-bottom: 3.5rem;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-409a917 *//* Bloc B – Portée et maîtrise */
#about-scope h2{
  margin-bottom: 1.25rem;
}

.stoik-scope-list{
  list-style: none;
  padding-left: 0;
  margin: 0 0 1.25rem 0;
}

.stoik-scope-list li{
  position: relative;
  padding-left: 1.25rem;
  margin-bottom: 0.75rem;
}

.stoik-scope-list li::before{
  content: "—";
  position: absolute;
  left: 0;
  color: #F9A825;
  font-weight: 700;
}

.stoik-scope-list span{
  color: #6b7280;
  font-weight: 500;
}

.stoik-scope-note{
  margin-top: 0.75rem;
  color: #4b5563;
  font-size: 0.95rem;
}

/* Neutralisation complète des puces Elementor */
#about-scope ul,
#about-scope ul li {
  list-style: none !important;
}
#about-scope ul{
  margin-left: 0;
  padding-left: 0;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-75b18d8 */.stoik-metrics{
  display: grid;
  grid-template-columns: repeat(4, 1fr); /* ← ici */
  gap: 3rem;
  text-align: center;
}

.stoik-metrics .value{
  font-size: 2.4rem;
  font-weight: 800;
  color: #F9A825;
  line-height: 1;
}

.stoik-metrics .value span{
  font-size: 1.4rem;
  margin-left: 0.1rem;
}

.stoik-metrics .label{
  margin-top: 0.4rem;
  font-size: 0.95rem;
  color: #4b5563;
}

/* Responsive */
@media (max-width: 1024px){
  .stoik-metrics{
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 640px){
  .stoik-metrics{
    grid-template-columns: repeat(2, 1fr);
  }
}/* End custom CSS */
/* Start custom CSS for image-carousel, class: .elementor-element-9094da1 *//* Flèches carousel – visibilité premium */
.elementor-12552 .elementor-element.elementor-element-9094da1 .elementor-swiper-button{
  background: rgba(17,25,37,0.55); /* bleu nuit Stoik */
  border-radius: 50%;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Icône */
.elementor-12552 .elementor-element.elementor-element-9094da1 .elementor-swiper-button i{
  color: #ffffff;
  font-size: 20px;
}

/* Hover */
.elementor-12552 .elementor-element.elementor-element-9094da1 .elementor-swiper-button:hover{
  background: #F9A825;
}

.elementor-12552 .elementor-element.elementor-element-9094da1 .elementor-swiper-button:hover i{
  color: #111925;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9732094 *//* APPROCHE – cartes méthodologiques */
.elementor-12552 .elementor-element.elementor-element-9732094 .stoik-method-cards{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5rem;
  margin: 2rem 0;
}

.elementor-12552 .elementor-element.elementor-element-9732094 .stoik-card{
  position: relative;
  background: #f7f8fa;
  padding: 1.5rem 1.5rem 1.5rem 3.5rem;
  border-radius: 8px;
  border-left: 4px solid #F9A825;
}

.elementor-12552 .elementor-element.elementor-element-9732094 .stoik-card .step{
  position: absolute;
  top: 1.5rem;
  left: 1rem;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background: #F9A825;
  color: #111925;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}

.elementor-12552 .elementor-element.elementor-element-9732094 .stoik-card h3{
  margin-top: 0;
  margin-bottom: 0.5rem;
}

.elementor-12552 .elementor-element.elementor-element-9732094 .stoik-card p{
  margin: 0;
  font-size: 0.95rem;
}

/* Responsive */
@media (max-width: 768px){
  .elementor-12552 .elementor-element.elementor-element-9732094 .stoik-method-cards{
    grid-template-columns: 1fr;
  }
}
/* Bloc Notre approche – texte clair sur fond foncé */
#about-method h2,
#about-method p{
  color: #e5e7eb; /* gris très clair */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dcb249c *//* QUALIFICATIONS – checkmarks + note ICF (spécifique) */

/* Liste */
.elementor-12552 .elementor-element.elementor-element-dcb249c ul{
  margin: 1.25rem 0 1rem 0;
  padding-left: 0;
  list-style: none;
}

.elementor-12552 .elementor-element.elementor-element-dcb249c ul li{
  position: relative;
  padding-left: 1.5rem;
  margin-bottom: 0.75rem;
  font-size: 1.05rem;
}

.elementor-12552 .elementor-element.elementor-element-dcb249c ul li::before{
  content: "✓";
  position: absolute;
  left: 0;
  color: #F9A825;
  font-weight: 800;
}

/* Note ICF */
.elementor-12552 .elementor-element.elementor-element-dcb249c p{
  margin-top: 1.25rem;
  padding: 0.9rem 1rem;
  background: #f4f6f8;
  border-left: 4px solid #F9A825;
  border-radius: 6px;
}
/* QUALIFICATIONS – bande de logos */
.elementor-12552 .elementor-element.elementor-element-dcb249c .stoik-badges{
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-top: 1.25rem;
  align-items: center;
}

.elementor-12552 .elementor-element.elementor-element-dcb249c .stoik-badge{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.75rem;
  background: #ffffff;
  border: 1px solid #e6e9ee;
  border-radius: 10px;
}

.elementor-12552 .elementor-element.elementor-element-dcb249c .stoik-badge img{
  height: 52px;      /* taille pro, sobre */
  width: auto;
  display: block;
}

/* Note déjà présente */
.elementor-12552 .elementor-element.elementor-element-dcb249c .stoik-note{
  margin-top: 1.25rem;
  padding: 0.9rem 1rem;
  background: #f4f6f8;
  border-left: 4px solid #F9A825;
  border-radius: 6px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1317c87 *//* ===== Harmonisation cartes "preuves" ===== */

/* Note qualifications = mini carte */
#about-quals .stoik-note{
  background: #f7f8fa;
  border-left: 3px solid #F9A825;
  border-radius: 6px;
  padding: 1rem 1.25rem;
  margin-top: 1rem;
}

/* Satisfaction = carte preuve */
#about-satisfaction{
  background: #f7f8fa;
  border-left: 3px solid #F9A825;
  border-radius: 6px;
  padding: 1.5rem 2rem;
  margin-top: 2rem; /* respiration après Réseau */
}

/* Sécurité : aucun border-left ailleurs dans ce bloc */
#about-network .stoik-wrap{
  border-left: none;
  padding-left: 0;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3709f *//* CTA – zone d’action (spécifique) */
.elementor-12552 .elementor-element.elementor-element-5b3709f{
  border-top: 1px solid #e1e5ea;
  padding: 2rem 0;
  text-align: center;
}

/* Espacement titre */
.elementor-12552 .elementor-element.elementor-element-5b3709f h2{
  margin-bottom: 0.75rem;
}

/* Texte du CTA : colonne plus compacte SANS casser la grille globale */
.elementor-12552 .elementor-element.elementor-element-5b3709f p{
  margin-left: auto;
  margin-right: auto;
}

/* 1er paragraphe (le pitch) : on le rend plus compact */
.elementor-12552 .elementor-element.elementor-element-5b3709f p:first-of-type{
  max-width: 760px; /* compact mais pas “étroit/juvénile” */
}

/* Bouton principal */
.elementor-12552 .elementor-element.elementor-element-5b3709f a[href="/contact"]{
  display: inline-block;
  margin: 1rem 0;
  padding: 0.75rem 1.5rem;
  background: #F9A825;
  color: #111925;
  font-weight: 700;
  text-decoration: none;
  border-radius: 4px;
}

.elementor-12552 .elementor-element.elementor-element-5b3709f a[href="/contact"]:hover{
  background: #e3a91f;
}

/* Liens secondaires */
.elementor-12552 .elementor-element.elementor-element-5b3709f p:last-child a{
  color: #3B6180;
  text-decoration: underline;
  font-weight: 600;
}/* End custom CSS */