/* ripple Animation Css */

@-webkit-keyframes animate-svg-fill-1 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(250, 234, 179);
  }
}

@keyframes animate-svg-fill-1 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(250, 234, 179);
  }
}

.svg-elem-1 {
  -webkit-animation: animate-svg-fill-1 0.7s
    cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.8s both;
  animation: animate-svg-fill-1 0.7s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.8s
    both;
}

@-webkit-keyframes animate-svg-fill-2 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(238, 224, 172);
  }
}

@keyframes animate-svg-fill-2 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(238, 224, 172);
  }
}

.svg-elem-2 {
  -webkit-animation: animate-svg-fill-2 0.7s
    cubic-bezier(0.445, 0.05, 0.55, 0.95) 1.1s both;
  animation: animate-svg-fill-2 0.7s cubic-bezier(0.445, 0.05, 0.55, 0.95) 1.1s
    both;
}

@-webkit-keyframes animate-svg-fill-3 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(250, 234, 179);
  }
}

@keyframes animate-svg-fill-3 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(250, 234, 179);
  }
}

.svg-elem-3 {
  -webkit-animation: animate-svg-fill-3 0.7s
    cubic-bezier(0.445, 0.05, 0.55, 0.95) 1.4s both;
  animation: animate-svg-fill-3 0.7s cubic-bezier(0.445, 0.05, 0.55, 0.95) 1.4s
    both;
}

@-webkit-keyframes animate-svg-fill-4 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(238, 224, 172);
  }
}

@keyframes animate-svg-fill-4 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(238, 224, 172);
  }
}

.svg-elem-4 {
  -webkit-animation: animate-svg-fill-4 0.7s
    cubic-bezier(0.445, 0.05, 0.55, 0.95) 1.7s both;
  animation: animate-svg-fill-4 0.7s cubic-bezier(0.445, 0.05, 0.55, 0.95) 1.7s
    both;
}

@-webkit-keyframes animate-svg-fill-5 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(250, 234, 179);
  }
}

@keyframes animate-svg-fill-5 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(250, 234, 179);
  }
}

.svg-elem-5 {
  -webkit-animation: animate-svg-fill-5 0.7s
    cubic-bezier(0.445, 0.05, 0.55, 0.95) 2s both;
  animation: animate-svg-fill-5 0.7s cubic-bezier(0.445, 0.05, 0.55, 0.95) 2s
    both;
}

.animate-3d svg {
  animation: wobble-3d 10s cubic-bezier(0.25, 1, 0.5, 1) 2s,
    float-3d 12s ease-in-out infinite;
  transform-origin: center center;
}

@keyframes wobble-3d {
  0%,
  100% {
    transform: perspective(900px) rotateX(0deg) rotateY(0deg);
  }
  30% {
    transform: perspective(900px) rotateX(8deg) rotateY(-8deg);
  }
  60% {
    transform: perspective(900px) rotateX(-6deg) rotateY(10deg);
  }
}
@keyframes float-3d {
  0% {
    transform: perspective(800px) rotateX(0deg) rotateY(0deg) scale3d(1, 1, 1);
  }
  25% {
    transform: perspective(800px) rotateX(5deg) rotateY(-8deg)
      scale3d(1.02, 1.02, 1);
  }
  50% {
    transform: perspective(800px) rotateX(-4deg) rotateY(6deg)
      scale3d(1, 1.02, 1);
  }
  75% {
    transform: perspective(800px) rotateX(3deg) rotateY(-6deg)
      scale3d(1.015, 1.01, 1);
  }
  100% {
    transform: perspective(800px) rotateX(0deg) rotateY(0deg) scale3d(1, 1, 1);
  }
}
/* sitetag-animate */