.elementor-kit-7{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Visually hidden (for accessibility or hidden elements) */
.visually-hidden {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

/* Load custom font for success message */
@font-face {
    font-family: 'Metropolis';
    src: url('../../2025/03/MetropolisPersonalUseRegular-nR5LY.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

/* Success message styling */
#Modavie_Contact_Form .elementor-message-success {
    font-family: 'Metropolis', Arial, sans-serif !important;
    font-size: 18px;
    font-weight: 600;
    color: #1D1D1B;
    text-align: center;
    margin-top: 40px;
    line-height: 1.6;
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
    opacity: 0;
    animation: fadeIn 1s forwards;
}

/* Smooth fade-in animation */
@keyframes fadeIn {
    to { opacity: 1; }
}

/* Remove green checkmark from success message */
#Modavie_Contact_Form .elementor-message-success:before {
    display: none !important;
    content: none !important;
}

@media (max-width: 767px) {
    .center-mobile {
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
        text-align: center !important;
        min-height: 100vh !important; /* Full-screen height */
        padding: 0 20px !important; /* Side padding for readability */
    }
    .center-mobile .elementor-container {
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
        width: 100% !important;
    }
    .center-mobile .elementor-column {
        max-width: 800px !important;
        margin: 0 auto !important;
    }
}

/* Hide the first option so it acts as a non-selectable placeholder */
body:not(.elementor-editor-active) #Modavie_Contact_Form select option:first-child {
    display: none !important;
}

/* Style the placeholder (default unselected state) */
body:not(.elementor-editor-active) #Modavie_Contact_Form select {
    color: #999 !important;
}

/* Change text color when a real option is selected */
body:not(.elementor-editor-active) #Modavie_Contact_Form select:valid {
    color: #000 !important;
}/* End custom CSS */