.nav-item:hover{
    cursor: pointer;
    font-weight: 600;

}

.button-contact:hover{
    cursor: pointer;
    background-color:#ff0008 ;
}

.button-about:hover{
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0.151);
}

/* Home */


     .main-subtitle, .main-title,.main-text,.button-about,.button-contact{
      transform: translateY(200px); 
      animation: subir 2.1s ease-in-out forwards; /* Aplica a animação */
    } 

    .main-subtitle{  
        animation-duration: 2.1s;
    }

    .main-title{
       animation-duration: 2.2s;
       
    }
    .main-text{
        animation-duration: 2.4s;
    }

    .button-about{
        animation-duration: 2.5s;
    }

    .button-contact{
       animation-duration: 2.5s;
    }

    @keyframes subir {
      0% {
        opacity: 0;
        transform: translateY(200px); /* Começa fora da tela */
      }


      100% {
        opacity: 1;
        transform: translateY(0); /* Termina na posição original */
      }
    }


    .section-service{
        opacity: 1;
    }

    .aside-title-animation{
        animation: aparecer 1.5s ease-out forwards; /* Aplica a animação */
    }

    @keyframes aparecer {
        0% {
          opacity: 0;
        }

        40% {
          opacity: 0.6;
        }
  
  
        100% {
          opacity: 1;
        }
      }


      .left, .right{
        transform: translateX(-400px); 
      }

      .left-animation{
        animation: aparecer-lado 1.5s ease forwards; /* Aplica a animação */
      }

      @media (max-width: 431px) {
        .left, .right{
            transform: translateX(-40px); 
          }

      }


      @keyframes aparecer-lado {
        0% {
          opacity: 0;
          transform: translateX(-400px); /* Começa fora da tela */
        }
  
  
        100% {
          opacity: 1;
          transform: translateX(0); /* Termina na posição original */
        }
      }

      @media (max-width: 431px) {
        @keyframes aparecer-lado {
            0% {
              opacity: 0;
              transform: translateX(-40px); /* Começa fora da tela */
            }
      
      
            100% {
              opacity: 1;
              transform: translateX(0); /* Termina na posição original */
            }
          }

      }
      
      .testimonial-animation{
        animation: pular 0.5s ease-out forwards;
        
      }

      .testimonial:nth-child(2){
        animation-delay: 0.5s;
      }

      .testimonial:nth-child(3){
        animation-delay: 1s;
      }


      
      @keyframes pular {
        0% {
          transform: translateY(0); /* Começa fora da tela */
        }

        50% {
          transform: translateY(-20px); /* Começa fora da tela */
        }
  
  
        100% {
          transform: translateY(0); /* Termina na posição original */
        }
      }