/* Initially hide each line */
.intro-heading .line {
    opacity: 0;
    transform: translateY(20px); /* Start below */
    transition: opacity 0.5s, transform 0.5s ease;
}

/* When the h2 becomes visible, animate each line */
.intro-heading.visible .line {
    opacity: 1;
    transform: translateY(0); /* Slide up */
}

/* Add delay for each line to create staggered animation */
.intro-heading .line:nth-child(1) {
    transition-delay: 0.2s;
}
.intro-heading .line:nth-child(2) {
    transition-delay: 0.4s;
}
.intro-heading .line:nth-child(3) {
    transition-delay: 0.6s;
}
.intro-heading .line:nth-child(4) {
    transition-delay: 0.8s;
}
.intro-heading .line:nth-child(5) {
    transition-delay: 1s;
}
.fadein_animation_css .wpb_wrapper h1 , h1.fadein_animation_css , .fadein_animation_css span {
	
	display: inline-block !important; 
  margin: 0 auto !important;
	text-align: center !important;
}