/*--KEYFRAMES FLOAT*/

     @keyframes float {
            0%, 100% { 
                transform: translateY(0px) rotate(0deg) scale(1); 
            }
            33% { 
                transform: translateY(-15px) rotate(2deg) scale(1.02); 
            }
            66% { 
                transform: translateY(-5px) rotate(-1deg) scale(0.98); 
            }
        }
 /*--KEYFRAMES FADEIN*/
        @keyframes fadeIn {
            from { opacity: 0; }
            to { opacity: 1; }
        }
/*--KEYFRAMES FADEINUP*/

        @keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(30px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
        @keyframes fadeInUp {
            from { opacity: 0; transform: translateY(30px); }
            to { opacity: 1; transform: translateY(0); }
        }


 /*--KEYFRAMES SLIDEINUP */
             @keyframes slideInUp {
            from {
                opacity: 0;
                transform: translateY(30px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        } 
 /* KEYFRAMES SLIDEUP */
        @keyframes slideUp {
            from {
                opacity: 0;
                transform: translateY(30px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

 /*--KEYFRAMES SLIDEINLEFT */

      @keyframes slideInLeft {
            from { opacity: 0; transform: translateX(-100px); }
            to { opacity: 1; transform: translateX(0); }
        }
        
  /*--KEYFRAMES SLIDEINRIGHT */  
      @keyframes slideInRight {
            from { opacity: 0; transform: translateX(100px); }
            to { opacity: 1; transform: translateX(0); }
        }

       .slide-in-left { animation: slideInLeft 0.8s ease-out; }
        .slide-in-right { animation: slideInRight 0.8s ease-out; }

 /*--KEYFRAMES PULSE */  
 
       @keyframes pulse {
            0%, 100% {
                transform: scale(1);
            }
            50% {
                transform: scale(1.05);
            }
        }
        @keyframes pulse {
            0% { opacity: 1; }
            50% { opacity: 0.5; }
            100% { opacity: 1; }
        }
        @keyframes pulse {
        0%, 100% { box-shadow: 0 8px 30px var(--point-color-shadow); }
        50% { box-shadow: 0 8px 30px var(--point-color-shadow), 0 0 0 10px rgba(255,255,255,0.3); }
        }

 /*--KEYFRAMES SHIMMER */  
     @keyframes shimmer {
            0% { background-position: -200% 0; }
            100% { background-position: 200% 0; }
        }
        @keyframes shimmer {
            0% { left: -100%; }
            100% { left: 100%; }
        }


    /*--KEYFRAMES ROTATE */  
             @keyframes rotate {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }

        /*--KEYFRAMES GRADIENT */    
    @keyframes gradient {
      0% { background-position: 0% 50%; }
      50% { background-position: 100% 50%; }
      100% { background-position: 0% 50%; }
    }
         /*--KEYFRAMES FILLPROGRESS */ 
        @keyframes fillProgress {
            to { width: var(--progress-width, 85%); }
        }