.elementor-159 .elementor-element.elementor-element-ad3f3e2{--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-widget-fluent-form-widget .fluentform-widget-description{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-fluent-form-widget .ff-el-progress-status{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-fluent-form-widget .ff-el-progress-bar span{color:var( --e-global-color-primary );}.elementor-widget-fluent-form-widget .step-nav button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-159 .elementor-element.elementor-element-d336986 .fluentform-widget-wrapper{padding:17px 17px 17px 17px;border-radius:1px 1px 1px 1px;box-shadow:0px 0px 33px 3px rgba(0,0,0,0.5);}.elementor-159 .elementor-element.elementor-element-d336986 .fluentform-widget-wrapper .ff-el-input--label label{color:#153253;font-family:"presti-display", Sans-serif;font-size:21px;line-height:7px;letter-spacing:0.3px;word-spacing:2px;}.elementor-159 .elementor-element.elementor-element-d336986 .fluentform-widget-wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .elementor-159 .elementor-element.elementor-element-d336986 .fluentform-widget-wrapper .ff-el-group textarea, .elementor-159 .elementor-element.elementor-element-d336986 .fluentform-widget-wrapper .ff-el-group select{color:#300D0DFC;}.elementor-159 .elementor-element.elementor-element-d336986 .fluentform-widget-custom-radio-checkbox input[type="checkbox"], .elementor-159 .elementor-element.elementor-element-d336986 .fluentform-widget-custom-radio-checkbox input[type="radio"]{width:18px;height:18px;}.elementor-159 .elementor-element.elementor-element-d336986 .fluentform-widget-wrapper .ff-el-group .ff-btn-submit{background-color:#4D6E97 !important;color:#ffffff !important;}@media(max-width:767px){.elementor-159 .elementor-element.elementor-element-d336986 .fluentform-widget-wrapper .ff-el-input--label label{font-size:18px;line-height:22px;letter-spacing:0.2px;word-spacing:0em;}.elementor-159 .elementor-element.elementor-element-d336986 .fluentform-widget-wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .elementor-159 .elementor-element.elementor-element-d336986 .fluentform-widget-wrapper .ff-el-group textarea, .elementor-159 .elementor-element.elementor-element-d336986 .fluentform-widget-wrapper .ff-el-group select{font-size:14px;line-height:1.2em;letter-spacing:0.01em;word-spacing:0.1em;}.elementor-159 .elementor-element.elementor-element-d336986 .fluentform-widget-custom-radio-checkbox input[type="checkbox"], .elementor-159 .elementor-element.elementor-element-d336986 .fluentform-widget-custom-radio-checkbox input[type="radio"]{width:18px;height:18px;margin-right:2px;}.fluentform-widget-wrapper .ff-el-section-break .ff-el-section-title{font-size:1px;}.elementor-159 .elementor-element.elementor-element-d336986 .fluentform-widget-wrapper .ff-el-group .ff-btn-submit{width:100%;font-size:14px;line-height:1.2em;letter-spacing:0.3px;word-spacing:0.1em;}}/* Start custom CSS for fluent-form-widget, class: .elementor-element-d336986 *//* --- CONTAINER: The "Official Document" Frame --- */
.fluentform_wrapper_7 {
    border: 4px double #2c3e50;    /* Classic double border */
    padding: 30px;                 /* Breathing room */
    background-color: #fdfbf7;     /* Parchment off-white */
}
/* --- LABELS: The "Bureaucratic" Typography (FIXED AGAIN) --- */
.fluentform_wrapper_7 .ff-el-input--label {
    /* Font Styling */
    color: #1a1a1a; 
    font-family: 'Cormorant Garamond', serif; 
    font-weight: 400;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1.5px;

    /* THE FIX FOR OVERWRITING TEXT */
    display: block !important;     /* Forces it to behave like a block, not a line */
    height: auto !important;       /* Allows box to grow as tall as needed */
    min-height: 20px;              /* Minimum height */
    line-height:1.6em !important; /* clearly separates the lines */
    white-space: normal !important; /* Forces natural wrapping */
    /* Spacing */
    margin-bottom: 12px;           
    padding-bottom: 5px;           /* Extra cushion inside the label */
    border-bottom: none;           
}
/* --- CHECKBOX TEXT: Visibility Fix --- */
.fluentform_wrapper_7 .ff-el-form-check-label {
    color: #2c2c2c !important;     /* Dark Grey (readability) */
    font-weight: 500;
    font-size: 16px;
}
/* --- INPUT BOXES: Sharp & Hard --- */
.fluentform_wrapper_7 .ff-el-form-control {
    border-radius: 0px !important; /* Sharp corners */
    border: 1px solid #333 !important; /* High contrast border */
    background-color: #fff;
    color: #333;
    box-shadow: 4px 4px 0px rgba(0,0,0,0.1); /* Hard shadow */
}
/* Focus State (When clicking inside) */
.fluentform_wrapper_7 .ff-el-form-control:focus {
    background-color: #f9f9f9;
    border-color: #000 !important;
    outline: none;
}
/* --- BUTTONS: The "Rubber Stamp" --- */
.fluentform_wrapper_7 .ff-btn-submit, 
.fluentform_wrapper_7 .ff_upload_btn {
    width: 100%;                   /* Full width footer style */
    background-color: #1e2d3b !important; /* Deep Navy */
    color: #fff !important;
    border-radius: 0px;            /* Sharp edges */
    font-family: 'Cormorant Garamond', serif;
    font-weight: 700;
    font-size: 22px;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: all 0.3s ease;
}
.fluentform_wrapper_7 .ff-btn-submit:hover {
    background-color: #3b4d5e !important; /* Lighter slate on hover */
}
I found the problem! Your media query syntax is incorrect. Look at this line:

```css
@media only screen and (max-width: 787) {
```

It's missing the **unit** (`px`). It should be:

```css
@media only screen and (max-width: 787px) {
```

Because of this typo, **none of your mobile styles are being applied**, which is why the text is overlapping on mobile devices.

## Fixed CSS

Here's the corrected mobile section:

```css
/* =========================================
   MOBILE RESPONSIVENESS (Screens < 768px)
   ========================================= */
@media only screen and (max-width: 787px) {  /* <-- ADDED 'px' HERE */
    /* 1. Slim down the Container Frame */
    .fluentform_wrapper_7 {
        padding: 10px !important;       
        border-width: 3px !important;   
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
    /* 2. Tame the "Official" Typography */
    .fluentform_wrapper_7 .ff-el-input--label {
        font-size: 13px !important;     
        text-transform: none;
        letter-spacing: 0.5px !important; 
        line-height: 1.5em !important;    
        margin-bottom: 8px !important;
    }
    /* 3. Stack the Checkboxes (Vital for "Rants & Raves") */
    .fluentform_wrapper_7 .ff-el-form-check {
        width: 100% !important;
        display: block !important;
        margin-bottom: 10px !important;
    }
    
    /* 4. Resize the Buttons to fit */
    .fluentform_wrapper_7 .ff-btn-submit,
    .fluentform_wrapper_7 .ff_upload_btn {
        font-size: 18px !important;     
        padding: 12px 10px !important;
    }
}
```

That single missing `px` was preventing all your carefully crafted mobile styles from working. Once you add it, your form should display properly on mobile devices!/* End custom CSS */