/* Section Padding Enhancement - Adds consistent left/right padding to all content sections */

/* Main container padding for all sections */
.container,
.container-fluid {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
}

/* Hero section content padding */
.hero-content .container,
.hero-section .container {
    padding-left: 5.5rem !important;
    padding-right: 5.5rem !important;
}

/* About section padding */
.about-section .container,
section[class*="about"] .container {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
}

/* Services section padding */
.services-section .container,
section[class*="service"] .container {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
}

/* Portfolio section padding */
.portfolio-section .container,
section[class*="portfolio"] .container {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
}

/* Process section padding */
.process-section .container,
section[class*="process"] .container {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
}

/* Testimonials section padding */
.testimonials-section .container,
section[class*="testimonial"] .container {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
}

/* Blog section padding */
.blog-section .container,
section[class*="blog"] .container {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
}

/* Contact section padding */
.contact-section .container,
section[class*="contact"] .container {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
}

/* Footer padding */
footer .container {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
}

/* General section padding for any missed sections */
section .container {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
}

/* Mobile responsive padding */
@media (max-width: 768px) {
    .container,
    .container-fluid,
    section .container,
    footer .container {
        padding-left: 3rem !important;
        padding-right: 3rem !important;
    }
    
    .hero-content .container,
    .hero-section .container {
        padding-left: 3rem !important;
        padding-right: 3rem !important;
    }
}

@media (max-width: 576px) {
    .container,
    .container-fluid,
    section .container,
    footer .container {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }
    
    .hero-content .container,
    .hero-section .container {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }
}

/* Ensure content doesn't touch screen edges on very small screens */
@media (max-width: 320px) {
    .container,
    .container-fluid,
    section .container,
    footer .container {
        padding-left: 0.75rem !important;
        padding-right: 0.75rem !important;
    }
}