.elementor-24241 .elementor-element.elementor-element-abbf074{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-24241 .elementor-element.elementor-element-187f6ac{--display:flex;}/* Start custom CSS for page-settings *//* ---------------------------------------------------
   STANDALONE APP MODE + CUSTOM BLUE HEADER
   Works on ANY Elementor page CSS for the page.
   --------------------------------------------------- */

/* Hide WordPress header and footer */
header,
.site-header,
.elementor-location-header,
footer,
.site-footer,
.elementor-location-footer {
    display: none !important;
}

/* Remove theme padding */
body {
    margin: 0 !important;
    padding: 0 !important;
    background: #f5f7ff !important;
}

/* Remove Elementor section spacing */
.elementor-section {
    margin: 0 !important;
    padding: 0 !important;
}

/* ---------------------------------------------------
   CUSTOM APP HEADER BAR
   --------------------------------------------------- */

.custom-app-header {
    width: 100%;
    background: #1e4db7; /* Deep blue */
    color: white;
    display: flex;
    align-items: center;
    justify-content: center; /* Center the title */
    padding: 12px 20px;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 0.5px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
}

/* Logo on the left */
.custom-app-header img {
    height: 40px;
    width: auto;
    margin-right: auto; /* Push title to center */
}

/* Ensure page content starts below header */
body .elementor {
    padding-top: 70px !important;
}/* End custom CSS */