/* General Reset */
* {
  box-sizing: border-box; /* Ensures proper width calculation */
}

body, html {
  margin: 0;
  padding: 0;
  overflow-x: hidden; /* Prevents horizontal scrolling */
  max-width: 100%; /* Prevent elements from exceeding viewport width */
}

/* Ensure sections and containers are properly sized */
section, .container {
  width: 100%; /* Full width */
  max-width: 100%; /* Prevent overflow */
  margin: 0 auto;
}

/* Flexbox or Grid Fix for mobile devices */
.flex, .grid {
  display: flex;
  flex-wrap: wrap; /* Ensure content wraps */
  justify-content: space-between; /* Align items within container */
}

img {
  max-width: 100%; /* Ensure images don't overflow */
  height: auto;
}

/* Remove overflow caused by large content */
body {
  overflow-x: hidden;
}