.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.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;
}
.show-on-scroll.slide-on-scroll.delay2 {
  transition-delay: 0.25s;
}
.show-on-scroll.slide-on-scroll.delay3 {
  transition-delay: 0.45s;
}
.show-on-scroll.slide-on-scroll.delay4 {
  transition-delay: 0.65s;
}
.show-on-scroll.slide-on-scroll.delay5 {
  transition-delay: 1s;
}
.show-on-scroll.slide-on-scroll.delay6 {
  transition-delay: 1.25s;
}
.show-on-scroll.slide-on-scroll.is-visible {
  opacity: 1;
  transform: translateX(0);
}

.hearticon {
  animation: pulse 1s infinite;
}

@keyframes pulse {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.9);
  }
}