/* Hero */
.about-hero {
  background-color: #198754;
  color: #fff;
  animation: fadeSlideDown 1s ease forwards;
}

.about-hero i {
  animation: glowPulse 2s infinite ease-in-out;
}

/* Content */
ul {
  padding-left: 20px;
}

ul li {
  margin-bottom: 10px;
  font-size: 1rem;
  transition: color 0.3s ease;
}

ul li:hover {
  color: #145c32;
}

/* Dark Mode */
body.dark-mode .about-hero {
  background-color: #145c32;
}

body.dark-mode ul li {
  color: #f5f5f5;
}