        .testimonial-animate {
            transition: all 0.5s ease;
            transform: translateY(20px);
            opacity: 0;
        }
        
        .testimonial-animate.animated {
            transform: translateY(0);
            opacity: 1;
        }
        
        /* Effet au survol */
        .single-testimonial {
            position: relative;
            overflow: hidden;
            transition: transform 0.4s ease, box-shadow 0.4s ease;
        }
        
        .single-testimonial:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 30px rgba(0,0,0,0.1);
        }
        
        .testimonial-hover-bg {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(135deg, rgba(142, 68, 173, 0.05) 0%, rgba(155, 89, 182, 0.05) 100%);
            opacity: 0;
            transition: opacity 0.4s ease;
            z-index: 0;
        }
        
        .single-testimonial:hover .testimonial-hover-bg {
            opacity: 1;
        }
        
        /* Animation des avatars */
        .avatar-animation {
            display: inline-block;
            position: relative;
        }
        
        .avatar-animation img {
            transition: all 0.4s ease;
            border-radius: 50%;
        }
        
        .avatar-animation::before {
            content: '';
            position: absolute;
            top: -5px;
            left: -5px;
            right: -5px;
            bottom: -5px;
            border: 2px solid rgba(155, 89, 182, 0.3);
            border-radius: 50%;
            animation: pulse 2s infinite;
            opacity: 0;
            transition: opacity 0.3s ease;
        }
        
        .single-testimonial:hover .avatar-animation::before {
            opacity: 1;
        }
        
        .single-testimonial:hover .avatar-animation img {
            transform: scale(1.05);
        }
        
        @keyframes pulse {
            0% { transform: scale(0.95); opacity: 0.7; }
            70% { transform: scale(1.1); opacity: 0.2; }
            100% { transform: scale(0.95); opacity: 0; }
        }
        
        /* Animation des guillemets */
        .quote-icon {
            transition: all 0.5s ease;
            transform: scale(0.8);
            opacity: 0.5;
        }
        
        .single-testimonial:hover .quote-icon {
            transform: scale(1);
            opacity: 1;
            color: #9b59b6;
        }
        
        /* Éléments décoratifs animés */
        .testimonial-decor {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            pointer-events: none;
            z-index: -1;
            overflow: hidden;
        }
        
        .decor-circle {
            position: absolute;
            border-radius: 50%;
            background: rgba(155, 89, 182, 0.05);
            animation: float 15s infinite ease-in-out;
        }
        
        .decor-1 {
            width: 300px;
            height: 300px;
            top: -100px;
            left: -100px;
            animation-delay: 0s;
        }
        
        .decor-2 {
            width: 200px;
            height: 200px;
            bottom: -50px;
            right: -50px;
            animation-delay: 2s;
        }
        
        .decor-dots {
            position: absolute;
            width: 100%;
            height: 100%;
            background-image: radial-gradient(rgba(155, 89, 182, 0.1) 2px, transparent 2px);
            background-size: 20px 20px;
            animation: moveDots 60s linear infinite;
        }
        
        @keyframes float {
            0%, 100% { transform: translate(0, 0); }
            25% { transform: translate(10px, 10px); }
            50% { transform: translate(20px, -10px); }
            75% { transform: translate(-10px, 15px); }
        }
        
        @keyframes moveDots {
            from { background-position: 0 0; }
            to { background-position: 500px 500px; }
        }
