/* Style de l'animation du Sous tire du Hero */
.subtitle-hero {
	visibility: hidden;
    opacity: 0; 
    transition: opacity 0.5s ease; 
    height: auto; 
    display: inline-block;
	font-style: italic;
}

/* Style de l'animation du conteneur "Réalisez tous vos projets de A à Z" */
.animation-parent-container {
  overflow: hidden;
}

.content-all-projects {
  opacity: 0;
  transform: translateY(200px);
  transition: opacity 1s ease 0.2s, transform 1s ease 0.2s; 
}

.content-all-projects.animate {
  opacity: 1;
  transform: translateY(0);
}

.bloc-right {
  opacity: 0;
  transform: translateX(200px); 
  transition: opacity 0.4s ease, transform 0.4s ease; 
}

.bloc-right.animate {
  opacity: 1;
  transform: translateX(0);
}

.bloc-left {
  opacity: 0;
  transform: translateX(-200px); 
  transition: opacity 0.4s ease, transform 0.4s ease; 
}

.bloc-left.animate {
  opacity: 1;
  transform: translateX(0); 
}


/* Animation des logos clients */
.customer-logos img {
    transition: transform 0.3s ease; 
}

.customer-logos img:hover {
    transform: scale(1.1); 
}

/* Cacher les elements du bloc "Une plateforme web" */
.container-our-plateform-icon-text-first,
.container-our-plateform-icon-text-second,
.container-our-plateform-icon-text-last,
.our-plateform-icon-first,
.our-plateform-icon-second,
.our-plateform-icon-last,
.container-img-our-plateform{
	opacity : 0
}

/* Fixe le texte des boutons EB lors de l'animation Grow */
.eb-button-wrapper a {
    display: inline-block;
    will-change: transform;
}