/* Additional styles to fix horizontal overflow issues */
* {
    max-width: 100%;
    box-sizing: border-box;
}

/* Hide scrollbars while maintaining scroll functionality */
html, body {
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* Internet Explorer and Edge */
}

html::-webkit-scrollbar, 
body::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none; /* Chrome, Safari, Opera */
}

table {
    width: 100%;
    max-width: 100%;
    display: block;
    overflow-x: auto;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* Internet Explorer and Edge */
}

table::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none; /* Chrome, Safari, Opera */
}

.site-footer {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    box-sizing: border-box;
}

.footer-grid {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    box-sizing: border-box;
}

.hero,
.about,
.features,
.audit-types,
.process,
.counters,
.testimonials,
.faq,
.contact,
.policy-page,
.thank-you {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
}

/* Additional containers that need scrollbar hiding */
.main-content,
.container,
section,
.nav-menu,
.testimonial-carousel,
.faq-accordion,
.policy-content {
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* Internet Explorer and Edge */
}

.main-content::-webkit-scrollbar,
.container::-webkit-scrollbar,
section::-webkit-scrollbar,
.nav-menu::-webkit-scrollbar,
.testimonial-carousel::-webkit-scrollbar,
.faq-accordion::-webkit-scrollbar,
.policy-content::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none; /* Chrome, Safari, Opera */
}

@media (max-width: 768px) {
    .contact-container,
    .about-content,
    .feature-grid,
    .counter-grid,
    .process-steps,
    .testimonial-carousel,
    .faq-accordion,
    .tabs {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
        box-sizing: border-box;
        scrollbar-width: none; /* Firefox */
        -ms-overflow-style: none; /* Internet Explorer and Edge */
    }
    
    .contact-container::-webkit-scrollbar,
    .about-content::-webkit-scrollbar,
    .feature-grid::-webkit-scrollbar,
    .counter-grid::-webkit-scrollbar,
    .process-steps::-webkit-scrollbar,
    .testimonial-carousel::-webkit-scrollbar,
    .faq-accordion::-webkit-scrollbar,
    .tabs::-webkit-scrollbar {
        width: 0;
        height: 0;
        display: none; /* Chrome, Safari, Opera */
    }
}