.top-img {
      position: relative;
  }

  @keyframes top-logo-title-animation {
      from {
          opacity: 0;
          transform: translateY(100%);
      }

      to {
          opacity: 1;
          transform: translateY(0);
      }
  }


  .top-logo {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 10px;
      position: absolute;
      top: 30%;
      left: 18%;
      animation: top-logo-title-animation 1s ease-in-out;


  }

  .top-logo-content {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
  }

  .top-logo-img {
      width: 30%;
  }

  .top-logo-title {
      font-size: 4vw;
      font-weight: 600;
      color: #fff;
      text-align-last: justify;

  }

  .top-logo-title2 {
      font-size: 2vw;
      font-weight: 400;
      color: #fff;
  }

  .top-logo-title3 {
      font-size: 3vw;
      color: #fff;
      font-weight: bold;
  }