@keyframes gradientSpin {
    0% {
        background-position: 100% 100%;
        box-shadow: 0 0 5px #cbffff, 0 0 10px #cbffff;
    }

    60% {
        background-position: 0% 100%;
        box-shadow: 0 0 20px #cbffff, 0 0 40px #cbffff;
    }

    100% {
        background-position: 100% 100%;
        box-shadow: 0 0 5px #cbffff, 0 0 10px #cbffff;
    }
}

@keyframes onlygradientSpin {
    0% {
        background-position: 100% 100%;
    }

    40%{
        background-position: 80% 10%;
    }

    60% {
        background-position: 0% 80%;
    }

    100% {
        background-position: 100% 100%;
    }
}

@keyframes pulseGlow {
    0% {
        box-shadow: 0 0 5px #cbffff, 0 0 10px #cbffff;
    }

    50% {
        box-shadow: 0 0 20px #cbffff, 0 0 40px #cbffff;
    }

    100% {
        box-shadow: 0 0 5px #cbffff, 0 0 10px #cbffff;
    }
}

@keyframes fadeUp {
    0%{
        opacity: 0;
        transform: translateY(100%);
    }
    100%{
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes fadeDown {
    0%{
        opacity: 0;
        transform: translateY(-100%);
    }
    100%{
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes fadeDown2 {
    0%{
        opacity: 0;
        transform: translateY(-100%);
    }

    30%{
        opacity: 0;
        transform: translateY(-100%);
    }
    130%{
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes fadeDown3 {
    0%{
        opacity: 0;
        transform: translateY(-100%);
    }
    60%{
        opacity: 0;
        transform: translateY(-100%);
    }
    160%{
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes fadeUp-d50 {
    0%{
        opacity: 0;
        transform: translateY(100%);
    }
    50%{
        opacity: 0;
        transform: translateY(100%);
    }
    100%{
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes moveLines {
    0% {
      background-position: 0 0, 0 0, center;
    }
    50% {
      background-position: 100px 100px, 100px 100px, center;
    }
    100% {
      background-position: 0 0, 0 0, center;
    }
  }


  @keyframes bounceInRight {
    0% {
        transform: translateX(100%);
    }

    30% {
        transform: translateX(0);
    }

    50% {
        transform: translateX(5%);
    }

    70% {
        transform: translateX(0);
    }

    85% {
        transform: translateX(1%);
    }

    100% {
        transform: translateX(0);
    }
}

  @keyframes bounceInRight2 {
    5% {
        transform: translateX(100%);
    }

    35% {
        transform: translateX(0);
    }

    55% {
        transform: translateX(5%);
    }

    75% {
        transform: translateX(0);
    }

    90% {
        transform: translateX(1%);
    }

    105% {
        transform: translateX(0);
    }
}

  @keyframes bounceInRight3 {
    10% {
        transform: translateX(100%);
    }

    40% {
        transform: translateX(0);
    }

    60% {
        transform: translateX(5%);
    }

    80% {
        transform: translateX(0);
    }

    95% {
        transform: translateX(1%);
    }

    110% {
        transform: translateX(0);
    }
}

@keyframes fadeIn {
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}

@keyframes bounce-down{
    0% {
        transform: translateY(-100%);
        opacity: 0;
    }

    30% {
        transform: translateY(0);
        opacity: 1;
    }

    50% {
        transform: translateY(-10%);
    }

    70% {
        transform: translateY(0);
    }

    85% {
        transform: translateY(-1%);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes bounce-down-2{
    5% {
        transform: translateY(-100%);
        opacity: 0;
    }

    35% {
        transform: translateY(0);
        opacity: 1;
    }

    55% {
        transform: translateY(-10%);
    }

    75% {
        transform: translateY(0);
    }

    90% {
        transform: translateY(-1%);
    }

    105% {
        transform: translateY(0);
    }
}

@keyframes bounce-down-3{
    10% {
        transform: translateY(-100%);
        opacity: 0;
    }

    40% {
        transform: translateY(0);
        opacity: 1;
    }

    60% {
        transform: translateY(-10%);
    }

    80% {
        transform: translateY(0);
    }

    95% {
        transform: translateY(-1%);
    }

    110% {
        transform: translateY(0);
    }
}

@keyframes slideInLeft {
    from {
      transform: translateX(-100%);
      opacity: 0;
    }
    to {
      transform: translateX(0);
      opacity: 1;
    }
  }

@keyframes slideInRight {
    from {
      transform: translateX(100%);
      opacity: 0;
    }
    to {
      transform: translateX(0);
      opacity: 1;
    }
  }

@keyframes slideInRight-d70 {
    0% {
      transform: translateX(100%);
      opacity: 0;
    }
    70%{
        transform: translateX(100%);
      opacity: 0;
    }
    100% {
      transform: translateX(0);
      opacity: 1;
    }
  }

@keyframes slideInLeft-d70 {
    0%{
        transform: translateX(-100%);
      opacity: 0;
    }
    70% {
      transform: translateX(-100%);
      opacity: 0;
    }
    100% {
      transform: translateX(0);
      opacity: 1;
    }
  }

  @keyframes slideFromLeft {
    0% {
      transform: translateX(-100%);
      opacity: 0;
    }
    100% {
      transform: translateX(0);
      opacity: 1;
    }
  }

  @keyframes slideFromBot {
    0% {
      transform: translateY(100%);
      opacity: 0;
    }
    100% {
      transform: translateX(0);
      opacity: 1;
    }
  }

  [data-aos="custom-slide-right"] {
    opacity: 0;
    transform: translateX(-100%);
    transition-property: transform;
  }
  
  [data-aos="custom-slide-right"].aos-animate {
    animation: slideFromLeft 1s ease-in-out forwards;
  }