.A1home {
  width: 100%;
  height: 100%;
  :global {
    .arrowAnimation {
      cursor: pointer;
      .arror,
      .arrorBg {
        height: 90px;
        position: fixed;
        top: auto;
        bottom: 10px;
        left: 50%;
        transform: translateX(-50%);
        object-fit: contain;
      }
      .arror {
        width: 40px;
        opacity: 0;
        animation: arrowFlow 1.8s infinite ease-in-out;
      }
      .arror1 {
        animation-delay: 0s;
      }
      .arror2 {
        animation-delay: 0.6s;
      }
      .arror3 {
        animation-delay: 0.9s;
      }
      .arror4 {
        animation-delay: 1.2s;
      }
      .arror5 {
        animation-delay: 1.5s;
      }
    }

    @media screen and (max-width: 768px) {
      .arrowAnimation {
        .arror,
        .arrorBg {
          height: 65px;
        }
        .arror {
          width: 28px;
        }
      }
    }
  }
}
