.explore-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  overflow: hidden; 
  max-height: fit-content;
}
/* All component styles moved to their respective component files:
 * - HeroSectionComponent styles moved to components/explore/hero_section.css
 * - CarouselComponent styles moved to components/carousel.css
 * - ProgramsPromoComponent styles moved to components/explore/programs_promo.css
 * - SocialLinksComponent styles moved to components/explore/social_links.css
 * - ScheduleComponent styles moved to components/explore/schedule.css
 * - SmoothcompComponent styles moved to components/explore/smoothcomp.css
 * - ContactComponent styles moved to components/explore/contact.css
 */