.checkmark::before {
  content: "✔";
  color: #28a745 !important;  /* Appliquer la couleur verte */
}
/**************************** Livraison par voyageurs ***************/
/* --- Animations --- */
.hover-lift {
  transition: transform 0.2s ease;
}
.hover-lift:hover {
  transform: translateY(-5px);
}

.animation-float {
  animation: float 3s ease-in-out infinite;
}

@keyframes float {
  0% { transform: translateY(0px); }
  50% { transform: translateY(-10px); }
  100% { transform: translateY(0px); }
}

/* --- Hero Section --- */

.hero-deco-circle {
  /* Taille par défaut (Mobile et Tablette) */
  width: 200px;
  height: 200px;
  transform: translate(30%, -30%); /* On le décale vers le coin haut-droit */
  z-index: 0; /* S'assure qu'il reste derrière le texte */
}

/* Taille pour les écrans larges (Ordinateurs - à partir de 992px) */
@media (min-width: 992px) {
  .hero-deco-circle {
    width: 400px;
    height: 400px;
  }
}

/* --- Steps Section --- */
.step-icon {
  width: 60px;
  height: 60px;
  font-size: 1.5rem; /* équivalent .fs-4 */
}

/* --- Tableaux --- */
.w-35 { width: 35%; }
.w-40 { width: 40%; }

/* --- Témoignages --- */
.avatar-circle {
  width: 50px;
  height: 50px;
}

/* --- CTA Section --- */
.cta-gradient-overlay {
  background: linear-gradient(45deg, rgba(0,0,0,0.1) 0%, rgba(255,255,255,0.1) 100%);
}

/******************************* GP ******************/
.feature-box {
  padding: 20px;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 0 10px rgba(0,0,0,0.04);
}

.list-cross li {
  list-style: none;
  margin-bottom: 10px;
}

.list-cross li::before {
  content: "✖";
  color: #dc3545;
  font-weight: bold;
  margin-right: 8px;
}