/*ANIMATION ON SCROLL*/

.show-on-scroll {
    opacity: 0;
    transform: translateY(4em);
    transition: transform 1s 0.25s cubic-bezier(0, 1, 0.3, 1), opacity 0.3s 0.25s ease-out;
    will-change: transform, opacity;
  }
.show-on-scroll.footer-central {
    opacity: 0;
    transform: translateY(-2.5em);
    transition: transform 1s 0.25s cubic-bezier(0, 1, 0.3, 1), opacity 0.3s 0.25s ease-out;
    will-change: transform, opacity;
  }
  .show-on-scroll.delay2 {
    transition-delay: 0.25s;
  }
  .show-on-scroll.delay3 {
    transition-delay: 0.45s;
  }
  .show-on-scroll.delay4 {
    transition-delay: 0.65s;
  }
  .show-on-scroll.delay5 {
    transition-delay: 1s;
  }
  .show-on-scroll.delay6 {
    transition-delay: 1.25s;
  }
  .show-on-scroll.is-visible {
    opacity: 1;
    transform: translateY(0);
  }
  .show-on-scroll.slide-on-scroll {
    opacity: 0;
    transform: translateX(4em);
    transition: transform 1s 0.25s cubic-bezier(0, 1, 0.3, 1), opacity 0.3s 0.25s ease-out;
    will-change: transform, opacity;
  }

.slide-up-on-scroll {
    opacity: 0;
    transform: translateY(4rem);
    transition: transform 1s 1.25s cubic-bezier(0, 1, 0.3, 1), opacity 0.3s 0.25s ease-out;
    will-change: transform, opacity;
  }
.slide-up-on-scroll.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.slide-up-on-scroll.delay {
    transition-delay: 0.25s;
  }

  .slide-up-on-scroll.delay2 {
    transition-delay: 0.25s;
  }
  .slide-up-on-scroll.delay3 {
    transition-delay: 0.45s;
  }
  .slide-up-on-scroll.delay4 {
    transition-delay: 0.65s;
  }
  .slide-up-on-scroll.delay5 {
    transition-delay: 1s;
  }
  .slide-up-on-scroll.delay6 {
    transition-delay: 1.25s;
  }
  .slide-up-on-scroll.is-visible {
    opacity: 1;
    transform: translateY(0);
  }
  
  .hearticon {
    animation: pulse 1s infinite;
  }
  
  @keyframes pulse {
    0% {
      transform: scale(1);
    }
    100% {
      transform: scale(0.9);
    }
  }