/* Hero Section Spacing Fix for Mobile Desktop Mode */
/* Fixes extra spacing above and below hero sections on aboutus and pricing pages */

/* Fix for About Us Page Hero Section - container padding only */
.aboutus-hero-section .container {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}

/* Fix for Pricing Page Hero Section */
.pricing-hero {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Remove extra spacing from container */
.pricing-hero .container {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}

/* Mobile specific fixes when in desktop mode */
@media (max-width: 991px) {
  .aboutus-hero-section .container,
  .pricing-hero .container {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  
  .pricing-hero {
    min-height: auto !important;
    padding: 1rem 0 !important;
  }
}

/* Extra small devices */
@media (max-width: 576px) {
  .pricing-hero {
    padding: 0.5rem 0 !important;
  }
  
  .aboutus-hero-section .container,
  .pricing-hero .container {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
}

/* Remove any flex alignment that might cause spacing */
.aboutus-hero-section.d-flex,
.pricing-hero.d-flex {
  align-items: flex-start !important;
}

/* Fix for hero content wrapper */
.hero-content,
.pricing-hero-content {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}