.elementor-555 .elementor-element.elementor-element-ce46f49{--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-popup-modal-555 .dialog-widget-content{background-color:#FFFFFF;border-radius:20px 20px 20px 20px;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-555{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-555 .dialog-message{width:640px;height:auto;padding:15px 15px 15px 15px;}#elementor-popup-modal-555 .dialog-close-button{display:flex;font-size:24px;}/* Start custom CSS *//* ================================
   Fluent Form Style Isolation
   Page: Massage Booking Form
================================ */

/* Main Fluent Form wrapper */
body.page-id-/*replace*/ .fluentform,
.fluentform {
    font-family: inherit;
}

/* Text fields, email, phone, select, textarea */
.fluentform .ff-el-form-control,
.fluentform input[type="text"],
.fluentform input[type="email"],
.fluentform input[type="tel"],
.fluentform input[type="number"],
.fluentform textarea,
.fluentform select {
    background: #ffffff !important;
    color: #111111 !important;
    border: 1px solid #d8d8d8 !important;
    border-radius: 6px !important;
    padding: 14px 16px !important;
    font-size: 16px !important;
    line-height: 1.4 !important;
    box-shadow: none !important;
    outline: none !important;
    width: 100% !important;
}

/* Focus style */
.fluentform .ff-el-form-control:focus,
.fluentform input[type="text"]:focus,
.fluentform input[type="email"]:focus,
.fluentform input[type="tel"]:focus,
.fluentform textarea:focus,
.fluentform select:focus {
    border-color: #4b1734 !important;
    box-shadow: 0 0 0 2px rgba(75, 23, 52, 0.12) !important;
}

/* Labels */
.fluentform label,
.fluentform .ff-el-input--label label {
    color: #000000 !important;
    font-size: 18px !important;
    font-weight: 600 !important;
}

/* Radio option text */
.fluentform .ff-el-form-check-label,
.fluentform .ff-el-form-check-label span {
    color: #000000 !important;
    font-size: 18px !important;
    font-weight: 400 !important;
}

/* Radio buttons */
.fluentform input[type="radio"] {
    width: auto !important;
    height: auto !important;
    margin-right: 6px !important;
    accent-color: #4b1734 !important;
}

/* Submit button - WhatsApp green */
.fluentform .ff-btn-submit,
.fluentform button.ff-btn-submit,
.fluentform input[type="submit"] {
    background: rgba(1, 193, 44, 1) !important;
    color: #ffffff !important;
    border: 2px solid rgba(1, 193, 44, 1) !important;
    border-radius: 6px !important;
    padding: 14px 34px !important;
    min-height: auto !important;
    height: auto !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    box-shadow: none !important;
    cursor: pointer !important;
    transition: all 0.25s ease !important;
}

/* Submit button hover - reversed style */
.fluentform .ff-btn-submit:hover,
.fluentform button.ff-btn-submit:hover,
.fluentform input[type="submit"]:hover {
    background: transparent !important;
    color: rgba(1, 193, 44, 1) !important;
    border: 2px solid rgba(1, 193, 44, 1) !important;
}

/* ================================
   Fix Phone Country Dropdown Button
   This is the part currently broken
================================ */

.fluentform .iti {
    width: 100% !important;
}

/* Reset country #elementor-popup-modal-555 button */
.fluentform .iti button,
.fluentform .iti__selected-country,
.fluentform .iti__selected-flag {
    background: transparent !important;
    color: #111111 !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 10px !important;
    margin: 0 !important;
    width: auto !important;
    min-width: auto !important;
    height: 100% !important;
    min-height: auto !important;
    box-shadow: none !important;
    text-transform: none !important;
    line-height: normal !important;
}

/* Keep the flag area inside the mobile field */
.fluentform .iti__flag-container {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Add enough left padding for phone number */
.fluentform .iti input[type="tel"],
.fluentform .iti .ff-el-form-control {
    padding-left: 90px !important;
}

/* Dropdown country list */
.fluentform .iti__country-list {
    background: #ffffff !important;
    color: #111111 !important;
    border: 1px solid #ddd !important;
    box-shadow: 0 8px 25px rgba(0,0,0,0.12) !important;
    z-index: 999999 !important;
}

/* Country list text */
.fluentform .iti__country,
.fluentform .iti__country-name,
.fluentform .iti__dial-code {
    color: #111111 !important;
}/* End custom CSS */