.elementor-8382 .elementor-element.elementor-element-ecbf472{--display:flex;--padding-top:7%;--padding-bottom:7%;--padding-left:0%;--padding-right:0%;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(max-width:767px){.elementor-8382 .elementor-element.elementor-element-ecbf472{--content-width:90%;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-8382 .elementor-element.elementor-element-58d76fe{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}}@media(min-width:768px){.elementor-8382 .elementor-element.elementor-element-ecbf472{--content-width:100%;}}/* Start custom CSS for html, class: .elementor-element-58d76fe *//* Progress bar repos : rouge */
#progress-bar,
#progress-bar-2 {
  background-image: none !important;      /* annule le gradient */
  background-color: #EF4444 !important;   /* rouge */
  transition: background-color 0.3s ease;
}

/* Progress bar au survol : bleu */
#progress-bar:hover,
#progress-bar-2:hover {
  background-color: #4fbdb8 !important;   /* bleu */
}

/* Cible le conteneur de l’icône (la div .car-icon) */
.car-icon {
  background-image: none !important;      /* supprime le gradient */
  background-color: #EF4444 !important;   /* rouge par défaut */
  transition: background-color 0.3s ease;
}

/* Survol : passe en bleu */
.car-icon:hover {
  background-color: #4fbdb8 !important;   /* bleu au survol */
}

/* Ciblage très spécifique pour remplacer le dégradé */
#simulate-btn.btn-cda {
  background-image: none !important;      /* supprime le gradient */
  background-color: #EF4444 !important;   /* rouge */
  transition: background-color 0.3s ease;
}

/* Hover bleu */
#simulate-btn.btn-cda:hover {
  background-color: #4fbdb8 !important;   /* bleu */
}

/* Remplace le dégradé par du rouge */
#submit-btn,
#contact-form button[type="submit"] {
  background-image: none !important;      /* supprime le gradient */
  background-color: #EF4444 !important;   /* rouge par défaut */
  transition: background-color 0.3s ease;
}

/* Survol : passe en bleu */
#submit-btn:hover,
#contact-form button[type="submit"]:hover {
  background-color: #4fbdb8 !important;   /* bleu au survol */
}



/* Cible le conteneur de l’icône utilisateur */
.step-indicator + .bg-gradient-cda,
#step2 .bg-gradient-cda {
  background-image: none !important;      /* supprime le gradient */
  background-color: #EF4444 !important;   /* rouge par défaut */
  transition: background-color 0.3s ease;
}

/* Survol : passe en bleu */
#step2 .bg-gradient-cda:hover {
  background-color: #4fbdb8 !important;   /* bleu au survol */
}
/* Cible toutes les vignettes d’icônes gradient */
.bg-gradient-cda {
  background-image: none !important;      /* supprime le gradient */
  background-color: #EF4444 !important;   /* rouge par défaut */
  transition: background-color 0.3s ease;
}
/* Survol de toutes ces vignettes : bleu */
.bg-gradient-cda:hover {
  background-color: #4fbdb8 !important;   /* bleu au survol */
}/* End custom CSS */