@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

@keyframes pulse2 {
  from {
    transform: scale(0.5);
    font-size: 0;
    display:inline;
    visibility: visible;
    
  }
  to {
    transform: scale(1);
    font-size: 25px;
    display:inline;
    visibility: visible;
  }
}

.animate-pulse2 {
  animation: pulse2 3s ease-in-out;
}

.delay-0 {
  animation-name: pulse2;
  animation-delay: 0s;
  animation-duration: 1.5s;
  animation-fill-mode: forwards;
}

.delay-1 {
  animation-name: pulse2;
  animation-delay: 1.5s;
  animation-duration: 1.5s;
  animation-fill-mode: forwards;
}

.delay-2 {
  animation-name: pulse2;
  animation-delay: 2.5s;
  animation-duration: 1.5s;
  animation-fill-mode: forwards;
}

.delay-3 {
  animation-name: pulse2;
  animation-delay: 3s;
  animation-duration: 1.5s;
  animation-fill-mode: forwards;
}

.delay-4 {
  animation-name: pulse2;
  animation-delay: 3.5s;
  animation-duration: 1.5s;
  animation-fill-mode: forwards;
}

.delay-5 {
  animation-name: pulse2;
  animation-delay: 4s;
  animation-duration: 1.5s;
  animation-fill-mode: forwards;
}

.delay-6 {
  animation-name: pulse2;
  animation-delay: 4.5s;
  animation-duration: 1.5s;
  animation-fill-mode: forwards;
}
body {
  font-family: 'Poppins', sans-serif !important;
}
.relative{
  position: relative;
}
.eye-icon{
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
  display: block;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  cursor: pointer;
  fill: #4a5568;
}