/* Center hero section text */
.hero-section .fade-in {
  text-align: center;
}

/* Ensure all text elements within hero are centered */
.hero-section .fade-in h1,
.hero-section .fade-in p,
.hero-section .fade-in div {
  text-align: center;
}

/* Center the inline badge */
.hero-section .fade-in .inline-flex {
  display: inline-flex;
  margin-left: auto;
  margin-right: auto;
}