/* Estilo base do link do menu */
nav a.menu {
  color: #fff;
  padding: 10px 20px;
  text-decoration: none;
  transition: all 0.3s ease; /* Suaviza a transição */
}

/* Estilo no hover (passar o mouse) */
nav a.menu:hover {
  background-color: #444; /* Muda cor de fundo */
  color: #ddd; /* Muda cor do texto */
  border-radius: 5px; /* Adiciona bordas arredondadas */
}

/* Carousel*/
  div#carousel div.carousel {
    margin: 0 auto;
    padding: 20px 0;
    max-width: 100%;
    overflow: hidden;
    display: flex;
       /* ... */
    > * {
      flex: 0 0 100%;
    }
      
       /* ... */
    &:hover .group {
      animation-play-state: paused;
    }
  }
    
     /* Agrupe os cartões para melhorar a estrutura. */
  div#carousel div.carousel .group {
    display: flex;
    gap: 20px;
    /* Adicione padding à direita para criar um espaço entre o último e o primeiro cartão. */
      padding-right: 20px;
      /* ... */
    will-change: transform; /* Devemos ser gentis com o navegador - informar o que vamos animar. */
    animation: scrolling 20s linear infinite;
  }

  @keyframes scrolling {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(-100%);
    }
    
 }
    
  
  .logo_parceiro{
    width: 250px;
    justify-content: center;
    align-items: center;
  }