/* Fixes for mobile horizontal scroll issues */

/* Hide scrollbars */
::-webkit-scrollbar {
    display: none;
    width: 0;
    background: transparent;
}

/* Hide scrollbar for IE, Edge and Firefox */
html, body {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}
html {
    overflow-x: hidden;
    position: relative;
    width: 100%;
}

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

/* Fix for horizontal scrolling on mobile */
.services-grid,
.benefits-grid,
.testimonials-container,
.contact-grid,
.footer-grid,
.about-content {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
}

/* Make sure form elements don't overflow */
input, select, textarea, button {
    max-width: 100%;
}

/* Fix for tables that might cause horizontal scroll */
table {
    max-width: 100%;
    display: block;
    overflow-x: auto;
}

/* Fix for any potential third-party iframe content */
iframe {
    max-width: 100%;
    display: block;
}