/* About Page Styles */

/* Hero section padding for header clearance */
.hero {
  padding: 6rem 0 4rem !important;
  background-color: #fff;
  text-align: center;
}

.hero-content {
  text-align: center;
}

/* Content padding for header clearance */
.content-section {
  padding: 4rem 0 4rem !important;
  background-color: #fff;
}

/* Mobile adjustments */
@media (max-width: 768px) {
  .hero {
    padding: 6rem 0 4rem !important;
  }

  .content-section {
    padding: 4rem 0 4rem !important;
  }
}