/* 💪 Ultimate Responsive Fix - Overrides Everything
   Works smoothly with Bootstrap 5.0.2
   Keeps layout clean on desktop, tablet & mobile

*,
*::before,
*::after {
  box-sizing: border-box !important;
}

html, body {
  max-width: 100% !important;
  overflow-x: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  scroll-behavior: smooth !important;
}

/* Containers & Sections
section,
.container,
.row,
.elementor-section {
  width: 100% !important;
  margin: 0 auto !important;
  overflow-x: hidden !important;
}

img {
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
}

/* Headings and Paragraphs
h1, h2, h3, h4, h5, h6, p {
  word-wrap: break-word !important;
  margin: 0 0 15px 0 !important;
}

/* ---------- Desktop ----------
@media (min-width: 992px) {
  .container,
  section {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }

  h1, h2, h3 {
    text-align: left !important;
  }
/* ---------- Tablet ---------- 
@media (max-width: 991px) and (min-width: 577px) {
  .container,
  section {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }

  [class*="col-"] {
    padding: 10px !important;
  }

  h1, h2, h3 {
    font-size: calc(1.4rem + 0.8vw) !important;
  }

  p {
    font-size: 1rem !important;
  }
}

/* ---------- Mobile ---------- 
@media (max-width: 576px) {
  section,
  .container {
    padding: 40px 15px !important;
  }

  .row {
    margin: 0 !important;
  }

  [class*="col-"] {
    width: 100% !important;
    padding: 10px !important;
  }

  h1, h2, h3, h4, h5, h6 {
    font-size: calc(1rem + 1vw) !important;
    text-align: center !important;
  }

  p, a {
    font-size: 0.95rem !important;
    text-align: center !important;
  }

  .btn, button, a.btn {
    width: 100% !important;
    display: block !important;
    text-align: center !important;
    margin: 10px 0 !important;
  }
}

/* Remove unwanted spacing caused by other CSS 
.container, .row, section {
  margin-left: auto !important;
  margin-right: auto !important;
}
 */