/* CleanMode – Elementor helper (for auto-classes JS)
   This makes .section-container safe when applied to Elementor sections:
   - keep section full width
   - constrain only the inner container content
*/
.elementor-section.section-container{
  padding-left: 0; padding-right: 0;
}
.elementor-section.section-container > .elementor-container{
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  padding: 120px 40px;
}
@media (max-width:1024px){
  .elementor-section.section-container > .elementor-container{ padding: 80px 28px; }
}
@media (max-width:767px){
  .elementor-section.section-container > .elementor-container{ padding: 56px 18px; }
}

/* Allow tight variant if you add class section-container--tight on the SECTION */
.elementor-section.section-container.section-container--tight > .elementor-container{
  padding: 72px 40px;
}
@media (max-width:1024px){
  .elementor-section.section-container.section-container--tight > .elementor-container{ padding: 56px 28px; }
}
@media (max-width:767px){
  .elementor-section.section-container.section-container--tight > .elementor-container{ padding: 40px 18px; }
}

/* If JS adds btn-primary/btn-outline to the <a> itself, support both patterns */
a.elementor-button.btn-primary{ background: var(--cm-grad) !important; color:#fff !important; border-radius: var(--cm-radius-sm) !important; }
a.elementor-button.btn-outline{ background: transparent !important; color: var(--cm-primary) !important; border:2px solid rgba(14,58,102,.35) !important; border-radius: var(--cm-radius-sm) !important; }