/* Button hover effect */
.button-hover-animate {
  transition: transform 0.3s ease;
}

.button-hover-animate:hover {
  transform: translateY(2px);
  /* Move the button down a little on hover */
}

/* SVG hover effect */
.button-hover-animate:hover svg {
  transform: translateY(3px);
  /* Move the SVG down a bit more on hover */
  transition: transform 0.3s ease;
}

/* Keyframes for the ripple effect */
@keyframes ripple {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.7);
  }

  70% {
    box-shadow: 0 0 0 10px rgba(255, 0, 0, 0);
  }

  100% {
    box-shadow: 0 0 0 0 rgba(255, 0, 0, 0);
  }
}

@keyframes pulseDown {

  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(5px);
  }
}

.button-pulse-animate {
  animation: pulseDown 0.6s ease-in-out 2;
}

/* Applying the animation to the circle */
.ripple {
  animation: ripple 2s infinite;
}

.logo {
  width: 120px;
  /* Replace with the actual width of your logo */
  height: auto;
  /* Maintain aspect ratio */
  z-index: 20;
  /* Ensure it's above other content */
  max-width: 100%;
  /* Ensures the image is responsive */
}

/* .container {
  max-width: 960px;
}

.lh-condensed { line-height: 1.25; }
 */