/* ==========================================================================
   MES Global Section Sync Styles
   Synchronizes native Elementor containers to match the 80rem/100rem system
   used by custom widgets (e.g. What Changed, Value Prop Grid).
   ========================================================================== */

.mes-section-sync {
  max-width: 80rem !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

@media (min-width: 768px) {
  .mes-section-sync {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
  }
}

@media (min-width: 1536px) {
  .mes-section-sync {
    max-width: 100rem !important;
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
}