@media only screen and (max-width: 768px) {
  [data-aos] {
    opacity: 1 !important;
    transform: none !important;
  }
}

@keyframes custom-bounce-in {
  0% {
    opacity: 0;
    transform: translateY(-1000px);
  }
  60% {
    opacity: 1;
    transform: translateY(25px);
  }
  75% {
    transform: translateY(-10px);
  }
  90% {
    transform: translateY(5px);
  }
  100% {
    transform: translateY(0);
  }
}

@keyframes custom-bounce-out {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  20% {
    transform: translateY(-10px);
  }
  40%, 100% {
    opacity: 0;
    transform: translateY(1000px);
  }
}

.aos-animate[data-aos="custom-bounce"] {
  animation: custom-bounce-in .5s ease-out forwards;
}

.aos-animate[data-aos="custom-bounce"].aos-out {
  animation: custom-bounce-out .5s ease-out forwards;
}

/*animazione back*/
@keyframes custom-back-in {
  0% {
    opacity: 0;
    transform: translateY(-100%) scale(0.7); /* L'elemento parte dall'alto, fuori schermo, ridotto */
  }
  80% {
    opacity: 0.7;
    transform: translateY(0px) scale(0.7); /* L'elemento è quasi nella posizione finale, ancora leggermente ridotto */
  }
  100% {
    opacity: 1;
    transform: translateY(0px) scale(1); /* L'elemento raggiunge la sua posizione finale */
  }
}

@keyframes custom-back-out {
  0% {
    opacity: 1;
    transform: translateY(0px) scale(1); /* L'elemento è nella posizione normale */
  }
  20% {
    opacity: 0.7;
    transform: translateY(-10px) scale(0.9); /* L'elemento si alza leggermente e si riduce */
  }
  100% {
    opacity: 0;
    transform: translateY(100%) scale(0.7); /* L'elemento esce fuori schermo verso il basso e si riduce */
  }
}

.aos-animate[data-aos="custom-back"] {
  animation: custom-back-in .5s ease-out forwards; /* Applica l'entrata con effetto back */
}

.aos-animate[data-aos="custom-back"].aos-out {
  animation: custom-back-out .5s ease-in forwards; /* Applica l'uscita con effetto back */
}

/*pulse*/
@keyframes custom-pulse-in {
  0% {
    opacity: 0;
    transform: scale(0.9); /* L'elemento parte leggermente ridotto */
  }
  50% {
    opacity: 1;
    transform: scale(1.05); /* L'elemento cresce leggermente al massimo */
  }
  100% {
    opacity: 1;
    transform: scale(1); /* L'elemento ritorna alla sua dimensione normale */
  }
}

@keyframes custom-pulse-out {
  0% {
    opacity: 1;
    transform: scale(1); /* L'elemento parte dalla dimensione normale */
  }
  50% {
    opacity: 1;
    transform: scale(1.05); /* L'elemento cresce leggermente prima di uscire */
  }
  100% {
    opacity: 0;
    transform: scale(0.9); /* L'elemento si riduce e scompare */
  }
}

.aos-animate[data-aos="custom-pulse"] {
  animation: custom-pulse-in 1s ease-out infinite; /* Applica l'entrata con effetto pulse */
}

.aos-animate[data-aos="custom-pulse"].aos-out {
  animation: custom-pulse-out 1s ease-in forwards; /* Applica l'uscita con effetto pulse */
}