.elementor-widget-container .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-container .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-4124 .elementor-element.elementor-element-4cb676c{--display:flex;}.elementor-widget-shahid_robo_footer .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-shahid_robo_footer .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for container, class: .elementor-element-4cb676c *//* 1. Elementor ke main boxed container ko full width force karna */
.elementor-4124 .elementor-element.elementor-element-4cb676c {
    --content-width: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
}

/* 2. Custom widget ke andar hardcoded Bootstrap containers ko override karna */
.elementor-4124 .elementor-element.elementor-element-4cb676c .main-footer .container {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 30px !important; /* Edges par thori space rakhne ke liye */
    padding-right: 30px !important;
}

/* 3. Footer background ko stretch karna */
.elementor-4124 .elementor-element.elementor-element-4cb676c .main-footer {
    width: 100%;
    overflow-x: hidden;
}/* End custom CSS */