@keyframes card-shift {
  0% {
   -webkit-transform:translate3d(-30px,0,0);
   transform:translate3d(-30px,0,0)
  }
  25% {
   -webkit-transform:translate3d(0,-30px,0);
   transform:translate3d(0,-30px,0)
  }
  50% {
   -webkit-transform:translate3d(0,-30px,0);
   transform:translate3d(0,-30px,0)
  }
  75% {
   -webkit-transform:translate3d(-30px,0,0);
   transform:translate3d(-30px,0,0)
  }
  to {
   -webkit-transform:translate3d(-30px,0,0);
   transform:translate3d(-30px,0,0)
  }
 }


 @keyframes Mover-1 {
    0%   {
      filter: brightness(1);
      transform: translate(0px, 0px);
  
    }
    50%  {
      filter: brightness(0.5);
      transform: translate(10px, 10px);
  
    }
    75%  {
      filter: brightness(0.5);
      transform: translate(-10px, -10px);
  
    }
    100% {
      filter: brightness(1);
      transform: rotate(0deg);
    }
    }


    @-webkit-keyframes rotation {
        from {
            -webkit-transform: rotate(359deg);
            transform: rotate(359deg)
        }
    
        to {
            -webkit-transform: rotate(0);
            transform: rotate(0)
        }
    }
    
    @keyframes rotation {
        from {
            -webkit-transform: rotate(359deg);
            transform: rotate(359deg)
        }
    
        to {
            -webkit-transform: rotate(0);
            transform: rotate(0)
        }
    }

    @keyframes rotate-center{ 
        0% {
            transform: rotate(0);
        }
        
        100% {
            transform: rotate(360deg);
        }
    }
    @keyframes rotate-center1{ 
        0% {
            transform: rotate(0);
        }
        
        100% {
            transform: rotate(-360deg);
        }
    }


    @keyframes zoom-in-zoom-out {
        0% {
          transform: scale(1, 1);
        }
        50% {
          transform: scale(1.2, 1.2);
        }
        100% {
          transform: scale(1, 1);
        }
      }


      .loading {
        background: var(--orange-color);
        height: 5px;
        width: 0%;
        position: fixed;
        top: 0;
        z-index: 1;
      }



      @keyframes zoom-in-zoom-out {
        0% {
          transform: scale(1);
        }
        50% {
          transform: scale(1.1, 1.1);
        }
        100% {
          transform: scale(1);
        }
      }