.aos-init {
    opacity: 0;
    transition: transform, opacity var(--aos-duration) ease-in-out;
    transition-delay: var(--aos-delay); /* Use the custom delay value */
    &.slide-in {
      transform: translatey(+20px);
      &.down {
        transform: translatey(-20px);
      }
      &.right {
        transform: translatey(0);
        transform: translatex(+20px);
      }
      &.left {
        transform: translatey(0);
        transform: translatex(-20px);
      }
    }
  }
  
  .aos-show.fade-in {
    opacity: 1;
    transform: none;
  }
  
  .aos-show.slide-in {
    opacity: 1;
    transform: translatey(0) !important;
    transform: translatex(0) !important;
  }
  
 .zoom-in {
    opacity: 0;
    transform: scale(0.8);
  }
  
  .aos-show.zoom-in {
    opacity: 1;
    transform: scale(1);
    transition: transform var(--aos-duration, 0.6s) cubic-bezier(0.22, 1, 0.36, 1), opacity var(--aos-duration, 0.6s) ease;
  }