/* Stile iniziale per gli elementi con classe fade-up */
.fade-up {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.3s ease-out, transform 0.3s ease-out;
}

/* Stile iniziale per gli elementi con classe reveal */
.reveal {
  clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
}

/* Stile iniziale per gli elementi con classe element */
.element {
  opacity: 0;         /* Elemento invisibile all'inizio */
  transform: translateY(100px); /* Spostato verso il basso di 100px */
  transition: opacity 0.3s ease-out, transform 0.3s ease-out;
}

/* Stile iniziale per gli elementi con classe gs_reveal */
.gs_reveal {
  opacity: 0;         /* L'elemento è invisibile all'inizio */
  transform: translateY(100px); /* Spostato verso il basso di default */
  transition: opacity 0.3s ease-out, transform 0.3s ease-out;
}

/* Per scorrimento da sinistra */
.gs_reveal_fromLeft {
  transform: translateX(-100px); /* Spostato a sinistra */
}

/* Per scorrimento da destra */
.gs_reveal_fromRight {
  transform: translateX(100px); /* Spostato a destra */
}