body {
  font-family: Arial, sans-serif;

}
.hero-banner {
  position: relative;
  text-align: center;
  color: white;
  padding: 60px 20px;
  overflow: hidden;
}

.hero-banner::before {
  content: "";
  background-image: url('assets/f08554af-00aa-44e6-a73b-078d5d53ec3f.png'); /* Cập nhật đường dẫn nếu cần */
  background-size: cover;
  background-position: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.3; /* Mức độ mờ */
  filter: blur(4px); /* Làm mờ nền */
  z-index: 1;
}

.hero-banner h1,
.hero-banner p {
  position: relative;
  z-index: 2;
}