.elementor-2426 .elementor-element.elementor-element-0e8df0d{width:var( --container-widget-width, 101.299% );max-width:101.299%;--container-widget-width:101.299%;--container-widget-flex-grow:0;align-self:flex-start;}.elementor-2426 .elementor-element.elementor-element-0e8df0d > .elementor-widget-container{background-color:#FFFFFF;}/* Start custom CSS for html, class: .elementor-element-0e8df0d *//* Elementor Full Width Edge-to-Edge CSS */
/* Add this to Elementor Custom CSS */

/* Remove all container max-width constraints */
.elementor-section.elementor-section-boxed > .elementor-container,
.elementor-section.elementor-section-boxed > .elementor-container.elementor-column-gap-default,
.elementor-section.elementor-section-boxed > .elementor-container.elementor-column-gap-narrow,
.elementor-section.elementor-section-boxed > .elementor-container.elementor-column-gap-extended,
.elementor-section.elementor-section-boxed > .elementor-container.elementor-column-gap-wide,
.elementor-section.elementor-section-boxed > .elementor-container.elementor-column-gap-wider {
    max-width: 100% !important;
    width: 100% !important;
}

/* Make ALL sections full width */
.elementor-section {
    width: 100% !important;
    max-width: 100% !important;
}

/* Remove side padding from sections */
.elementor-section.elementor-section-boxed > .elementor-container {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Make columns full width */
.elementor-column {
    width: 100% !important;
    max-width: 100% !important;
}

/* Remove column gaps if any */
.elementor-column-gap-default > .elementor-row,
.elementor-column-gap-narrow > .elementor-row,
.elementor-column-gap-extended > .elementor-row,
.elementor-column-gap-wide > .elementor-row,
.elementor-column-gap-wider > .elementor-row {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Make your hero section edge-to-edge */
.hero-section {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important;
    left: 0 !important;
    right: 0 !important;
    position: relative !important;
}

/* Fix hero container */
.hero-container {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 5% !important;
    padding-right: 5% !important;
}

/* Make background elements full width */
.background-elements {
    width: 100vw !important;
    left: 0 !important;
    right: 0 !important;
}

/* Make all content sections edge-to-edge */
.content-section {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important;
    left: 0 !important;
    right: 0 !important;
    position: relative !important;
}

/* Fix section containers */
.section-container {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 5% !important;
    padding-right: 5% !important;
}

/* Make all cards and grids edge-to-edge */
.principles-grid,
.services-grid,
.process-steps {
    width: 100% !important;
    max-width: 100% !important;
}

/* Fix CTA section */
.cta-section {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important;
    border-radius: 0 !important;
    padding-left: 5% !important;
    padding-right: 5% !important;
}

/* Remove any boxed styling from cards */
.principle-card,
.service-card,
.process-step {
    width: 100% !important;
}

/* Fix images to be full width */
.hero-image {
    width: 100% !important;
}

.hero-image img {
    width: 100% !important;
    height: auto !important;
    min-height: 500px !important;
    object-fit: cover !important;
}

/* Override Elementor's default section styling */
.elementor-section.elementor-section-boxed {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Remove any max-width from main content */
.main-content {
    max-width: 100% !important;
    width: 100% !important;
}

/* Fix the header to be full width too */
.modern-header {
    width: 100vw !important;
    max-width: 100vw !important;
}

.header-container {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 5% !important;
    padding-right: 5% !important;
}

/* Make sure nothing has overflow hidden that would clip content */
body,
.elementor,
.elementor-section,
.elementor-container {
    overflow-x: visible !important;
}

/* Remove any horizontal margins */
body > *,
.elementor > *,
.elementor-section > * {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Fix for background circles to extend full width */
.bg-circle {
    width: 100vw !important;
    max-width: 100vw !important;
}

/* Adjust circle sizes for full width */
.bg-circle-1 {
    width: 40vw !important;
    height: 40vw !important;
}

.bg-circle-2 {
    width: 35vw !important;
    height: 35vw !important;
}

.bg-circle-3 {
    width: 30vw !important;
    height: 30vw !important;
}

/* Mobile adjustments */
@media (max-width: 992px) {
    .hero-container,
    .section-container,
    .header-container {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    
    .cta-section {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}

@media (max-width: 768px) {
    .hero-container,
    .section-container,
    .header-container {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    
    .hero-section,
    .content-section,
    .cta-section {
        margin-left: 0 !important;
        width: 100% !important;
    }
    
    /* Adjust circle sizes for mobile */
    .bg-circle-1 {
        width: 80vw !important;
        height: 80vw !important;
    }
    
    .bg-circle-2 {
        width: 70vw !important;
        height: 70vw !important;
    }
    
    .bg-circle-3 {
        width: 60vw !important;
        height: 60vw !important;
    }
}

/* Fix for admin bar spacing */
.admin-bar .modern-header {
    left: 0 !important;
    right: 0 !important;
    width: 100vw !important;
}

/* Ensure smooth transitions */
.hero-section,
.content-section,
.cta-section {
    transition: all 0.3s ease !important;
}

/* Remove any box shadows that might create a boxed look */
.elementor-section,
.elementor-widget {
    box-shadow: none !important;
}

/* Force full width on all direct children of body */
body > div:not(.modern-header),
body > section {
    width: 100vw !important;
    max-width: 100vw !important;
    left: 0 !important;
    right: 0 !important;
}/* End custom CSS */