@keyframes fadeOut {
        from {
          opacity: 1;
        }
        to {
          opacity: 0;
          visibility: hidden;
        }
      }
      .loader {
        animation: fadeOut 0.8s ease-out forwards;
      }

      .typing {
        overflow: hidden;
        border-right: 3px solid white;
        white-space: nowrap;
        animation: typing 4s steps(40, end) forwards,
          blink-caret 0.75s step-end infinite;
      }
      @keyframes typing {
        from {
          width: 0;
        }
        to {
          width: 100%;
        }
      }
      @keyframes blink-caret {
        from {
          border-color: transparent;
        }
        50% {
          border-color: white;
        }
      }

      .parallax-bg {
        transform: translateY(0);
        transition: transform 0.1s ease-out;
      }

      .counter-item {
        opacity: 0;
        transform: translateY(30px);
        transition: all 0.8s ease-out;
      }
      .counter-item.visible {
        opacity: 1;
        transform: translateY(0);
      }

      @keyframes scroll {
        0% {
          transform: translateX(0);
        }
        100% {
          transform: translateX(-50%);
        }
      }

      .animate-scroll {
        display: flex;
        width: max-content;
        animation: scroll 30s linear infinite;
      }

      .animate-scroll:hover {
        animation-play-state: paused;
      }