.devis-container,
    .faq-item {
      opacity: 0;
      transition: all 1s linear;
      will-change: transform, opacity;
    }

    /* Animation pour .devis-container */
    .devis-container {
      transform: translateY(100px) scale(0.5);
    }
    .devis-container.visible {
      opacity: 1;
      transform: translateY(0) scale(1);
    }

    /* Animation pour .faq-item */
    .faq-item {
      transform: perspective(600px) rotateY(200deg) translateY(110px);
    }
    .faq-item.visible {
      opacity: 1;
      transform: perspective(600px) rotateY(0deg) translateY(0);
    }