/* Custom Styles for Text Animations */
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
  }

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

  @keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
      transform: translateY(0);
    }
    40% {
      transform: translateY(-60px);
    }
    60% {
      transform: translateY(-20px);
    }
    /* 80% {
        transform: translateY(-10px);
    } */
  }

  .animated-text {
    animation: fadeIn 1.5s ease-in-out;
  }

  .slide-in-left {
    animation: slideInLeft 1s ease-in-out;
  }

  .bounce-animation {
    display: inline-block;
    animation: bounce 2s;
  }