/* Impostazione iniziale: elementi nascosti */
.e-loop-item,
.e-gallery-item,
.e-loop__load-more .elementor-button-text,
.e-loop__load-more .elementor-button-content-wrapper:after,
.clienti_container>h2,
.clienti_container>div>div {
  opacity: 0;
  transition-timing-function: ease;
}

/* Gli elementi con la classe in-view attivano l'animazione */
.e-loop-item.in-view,
.e-gallery-item.in-view,
.e-loop__load-more.in-view .elementor-button-text,
.e-loop__load-more.in-view .elementor-button-content-wrapper:after,
.clienti_container>h2.in-view,
.clienti_container>div>div.in-view {
  animation-duration: 1.5s;
  animation-fill-mode: forwards;
  transition-timing-function: ease;
}

@keyframes slideFromLeft {
  from {transform: translateX(-100%); opacity: 0;}
  to {transform: translateX(0); opacity: 1;}
}

/*.home .e-loop-item.in-view:nth-of-type(10n+1),
.home .e-loop-item.in-view:nth-of-type(10n+4),
.home .e-loop-item.in-view:nth-of-type(10n+6),
.home .e-loop-item.in-view:nth-of-type(10n+8),
.home .e-loop-item.in-view:nth-of-type(10n+9),*/
body:not(.home) .e-loop-item.in-view:nth-of-type(2n+1),
.e-gallery-item.in-view:nth-of-type(10n+1),
.e-gallery-item.in-view:nth-of-type(10n+4),
.e-gallery-item.in-view:nth-of-type(10n+6),
.e-gallery-item.in-view:nth-of-type(10n+8),
.e-gallery-item.in-view:nth-of-type(10n+9),
.e-loop__load-more.in-view .elementor-button-text,
.clienti_container>h2.in-view,
.clienti_container>div>div.in-view {
  animation-name: slideFromLeft;
}

@keyframes slideFromRight {
  from {transform: translateX(100%); opacity: 0;}
  to {transform: translateX(0); opacity: 1;}
}

/*.home .e-loop-item.in-view:nth-of-type(10n+2),
.home .e-loop-item.in-view:nth-of-type(10n+3),
.home .e-loop-item.in-view:nth-of-type(10n+5),
.home .e-loop-item.in-view:nth-of-type(10n+7),
.home .e-loop-item.in-view:nth-of-type(10n+10),*/
body:not(.home) .e-loop-item.in-view:nth-of-type(2n+2),
.e-gallery-item.in-view:nth-of-type(10n+2),
.e-gallery-item.in-view:nth-of-type(10n+3),
.e-gallery-item.in-view:nth-of-type(10n+5),
.e-gallery-item.in-view:nth-of-type(10n+7),
.e-gallery-item.in-view:nth-of-type(10n+10),
.e-loop__load-more.in-view .elementor-button-content-wrapper:after {
  animation-name: slideFromRight;
}