/* Align page content with navbar logo position */

/* Override container to add extra padding matching navbar structure */
.container {
  padding-left: 40px;
  padding-right: 40px;
}

/* Align hero banner content */
.hero-banner .hero-banner-container {
  padding-left: 40px;
  padding-right: 40px;
}

/* Ensure performance content aligns properly */
.performance-content {
  padding-left: 40px;
  padding-right: 40px;
}

/* Responsive adjustments */
@media screen and (max-width: 768px) {
  /* Reset to normal padding on mobile when navbar collapses */
  .container,
  .hero-banner .hero-banner-container,
  .performance-content {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media screen and (max-width: 480px) {
  .container,
  .hero-banner .hero-banner-container,
  .performance-content {
    padding-left: 16px;
    padding-right: 16px;
  }
}