/* fade-in.css */

/* Common styles for the fade-in effect */

@keyframes fadeInRiseUp {
    0% {
      opacity: 0;
      transform: translateY(30px); /* Initial hidden and offset state */
    }
    100% {
      opacity: 1;
      transform: translateY(0); /* Final visible and in-place state */
    }
  }

/* Applying the animation to the banner-text */
.banner-text * {
    opacity: 0;
    animation: fadeInRiseUp 0.4s ease-in-out forwards; /* Adjust duration as needed */
}
  
.banner-text h1 {
  animation-delay: 0s; 
}
.banner-text h3 {
  animation-delay: 0.05s; 
}
.banner-text hr {
  animation-delay: 0.1s;
}
.banner-text ul.social {
  animation-delay: 0.15s; 
}