.elementor-2218 .elementor-element.elementor-element-db61eb1{--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-2218 .elementor-element.elementor-element-db61eb1 > .elementor-shape-top .elementor-shape-fill, .elementor-2218 .elementor-element.elementor-element-db61eb1 > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:#FFDD3B;}.elementor-2218 .elementor-element.elementor-element-db61eb1 > .elementor-shape-top svg, .elementor-2218 .elementor-element.elementor-element-db61eb1 > .e-con-inner > .elementor-shape-top svg{height:77px;}.elementor-2218 .elementor-element.elementor-element-db61eb1 > .elementor-shape-top, .elementor-2218 .elementor-element.elementor-element-db61eb1 > .e-con-inner > .elementor-shape-top{z-index:2;pointer-events:none;}.elementor-2218 .elementor-element.elementor-element-eb7c464.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2218 .elementor-element.elementor-element-bbf48e1{--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-2218 .elementor-element.elementor-element-bbf48e1 > .elementor-shape-top .elementor-shape-fill, .elementor-2218 .elementor-element.elementor-element-bbf48e1 > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:#FFDD3B;}.elementor-2218 .elementor-element.elementor-element-bbf48e1 > .elementor-shape-top svg, .elementor-2218 .elementor-element.elementor-element-bbf48e1 > .e-con-inner > .elementor-shape-top svg{height:75px;transform:translateX(-50%) rotateY(180deg);}.elementor-2218 .elementor-element.elementor-element-bbf48e1 > .elementor-shape-top, .elementor-2218 .elementor-element.elementor-element-bbf48e1 > .e-con-inner > .elementor-shape-top{z-index:2;pointer-events:none;}@media(max-width:1024px){.elementor-2218 .elementor-element.elementor-element-eb7c464{width:var( --container-widget-width, 1000px );max-width:1000px;--container-widget-width:1000px;--container-widget-flex-grow:0;}}/* Start custom CSS for html, class: .elementor-element-eb7c464 */.about-etincelles {
  background: #ffffff;
  padding: 80px 20px;
  font-family: 'Poppins', sans-serif;
  color: #000;
}

.about-etincelles .container {
  max-width: 1200px;
  margin: auto;
}

/* INTRO */
.about-intro {
  text-align: center;
  margin-bottom: 70px;
  position: relative;
}

.about-intro .sparkle {
  font-size: 32px;
  animation: float 3s ease-in-out infinite;
}

.about-intro h2 {
  font-size: 36px;
  margin: 15px 0;
}

.about-intro p {
  max-width: 750px;
  margin: 10px auto;
  font-size: 18px;
  line-height: 1.7;
}

/* VALEURS */
.values {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 30px;
  margin-bottom: 80px;
}

.value-box {
  background: #fff;
  border-radius: 18px;
  padding: 35px 25px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.06);
  transition: transform 0.3s ease;
  text-align: center;
}

.value-box:hover {
  transform: translateY(-8px);
}

.value-box .icon {
  font-size: 40px;
  margin-bottom: 15px;
}

.value-box h3 {
  font-size: 22px;
  margin-bottom: 10px;
}

.value-box p {
  font-size: 16px;
  line-height: 1.6;
}

/* carte centrale mise en valeur */
.value-box.highlighted {
  background: #FFE56B;
}

/* QUI SOMMES-NOUS */
.about-team {
  background: #f8fbff;
  border-left: 6px solid #4A90E2;
  padding: 40px;
  border-radius: 16px;
  margin-bottom: 70px;
}

.about-team h2 {
  font-size: 30px;
  margin-bottom: 15px;
}

/* SERVICES */
.about-services h2 {
  text-align: center;
  font-size: 30px;
  margin-bottom: 25px;
}

.about-services ul {
  list-style: none;
  padding: 0;
  max-width: 600px;
  margin: auto;
}

.about-services li {
  background: #ffffff;
  padding: 15px 20px;
  margin-bottom: 12px;
  border-radius: 12px;
  box-shadow: 0 6px 20px rgba(0,0,0,0.05);
  font-size: 17px;
}

/* ANIMATIONS */
@keyframes float {
  0% { transform: translateY(0); }
  50% { transform: translateY(-8px); }
  100% { transform: translateY(0); }
}

/* MOBILE */
@media (max-width: 768px) {
  .about-intro h2 {
    font-size: 28px;
  }

  .about-team {
    padding: 25px;
  }
}
/* SECTION */
.animated-services {
  position: relative;
  margin-top: 90px;
  padding-bottom: 60px;
}

/* TITRE */
.animated-services h2 {
  text-align: center;
  font-size: 32px;
  margin-bottom: 35px;
  position: relative;
}

/* LISTE */
.animated-services ul {
  list-style: none;
  padding: 0;
  max-width: 650px;
  margin: auto;
}

/* ITEMS */
.animated-services li {
  display: flex;
  align-items: center;
  gap: 15px;
  background: #fff;
  padding: 18px 22px;
  margin-bottom: 15px;
  border-radius: 14px;
  box-shadow: 0 8px 25px rgba(0,0,0,0.06);
  font-size: 17px;
  opacity: 0;
  transform: translateY(30px);
  animation: revealService 0.8s ease forwards;
}

/* DELAY PROGRESSIF */
.animated-services li:nth-child(1) { animation-delay: 0.2s; }
.animated-services li:nth-child(2) { animation-delay: 0.4s; }
.animated-services li:nth-child(3) { animation-delay: 0.6s; }
.animated-services li:nth-child(4) { animation-delay: 0.8s; }

/* ICÔNES */
.service-icon {
  font-size: 24px;
  background: #FFE56B;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

/* HOVER DESKTOP */
@media (hover: hover) {
  .animated-services li:hover {
    transform: translateY(-4px) scale(1.02);
    box-shadow: 0 12px 35px rgba(0,0,0,0.1);
  }
}

/* LIGNE ÉTINCELLE */
.spark-line {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 160px;
  height: 4px;
  background: linear-gradient(
    90deg,
    transparent,
    #FFE56B,
    #4A90E2,
    #FFE56B,
    transparent
  );
  transform: translateX(-50%);
  animation: glow 2.5s ease-in-out infinite;
  border-radius: 10px;
}

/* ANIMATIONS */
@keyframes revealService {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes glow {
  0% { opacity: 0.4; }
  50% { opacity: 1; }
  100% { opacity: 0.4; }
}

/* MOBILE */
@media (max-width: 768px) {
  .animated-services h2 {
    font-size: 26px;
  }

  .animated-services li {
    font-size: 16px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-06b7d48 */.etincelles-presentation {
  background: #ffffff;
  padding: 80px 20px;
  font-family: 'Poppins', sans-serif;
  color: #000;
}

.container {
  max-width: 1100px;
  margin: auto;
}

/* HEADER */
.intro {
  text-align: center;
  margin-bottom: 60px;
}

.intro h2 {
  font-size: 40px;
  font-weight: 600;
  margin-bottom: 10px;
}

.subtitle {
  font-size: 18px;
  color: #1f4fd8;
}

/* CARDS */
.card {
  background: #fff;
  border-radius: 18px;
  padding: 35px;
  box-shadow: 0 15px 40px rgba(0,0,0,0.06);
  margin-bottom: 40px;
}

.card h3 {
  font-size: 26px;
  margin-bottom: 15px;
}

/* HIGHLIGHT */
.highlight {
  border-left: 8px solid #FFE56B;
}

/* GRID */
.grid.two {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px,1fr));
  gap: 30px;
}

/* ACCENT */
.accent {
  background: linear-gradient(135deg, #FFE56B, #fff);
}

.accent ul {
  padding-left: 20px;
}

.accent li {
  margin-bottom: 10px;
}

/* MISSION */
.mission {
  background: #f8f9ff;
}

/* STATS */
.stats {
  text-align: center;
  margin-top: 60px;
}

.stats h3 {
  font-size: 28px;
  margin-bottom: 10px;
}

.numbers {
  display: flex;
  justify-content: center;
  gap: 40px;
  margin-top: 30px;
  flex-wrap: wrap;
}

.numbers div {
  background: #FFE56B;
  border-radius: 16px;
  padding: 25px 30px;
  min-width: 160px;
}

.numbers strong {
  font-size: 32px;
  display: block;
}

.numbers span {
  font-size: 14px;
}
.mission-wow {
  background: linear-gradient(135deg, #ffffff, #fdf6d9);
  position: relative;
  overflow: hidden;
}

.mission-wow::before {
  content: "";
  position: absolute;
  top: -40px;
  right: -40px;
  width: 120px;
  height: 120px;
  background: #FFE56B;
  border-radius: 50%;
  opacity: 0.6;
}

.mission-wow h3 {
  font-size: 30px;
  margin-bottom: 20px;
}

.mission-highlight {
  margin-top: 25px;
  font-weight: 600;
  font-size: 18px;
  color: #1f4fd8;
}

.badge {
  display: inline-block;
  background: #FFE56B;
  padding: 6px 14px;
  border-radius: 20px;
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 15px;
}
.mission-icon {
  display: flex;
  justify-content: center;
  margin-bottom: 25px;
}

.mission-icon svg {
  animation: pulse 3s ease-in-out infinite;
}
@keyframes pulse {
  0%   { transform: scale(1); opacity: 1; }
  50%  { transform: scale(1.08); opacity: 0.85; }
  100% { transform: scale(1); opacity: 1; }
}/* End custom CSS */