.elementor-26 .elementor-element.elementor-element-6bf7d3a{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-a47ce84{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-26 .elementor-element.elementor-element-0639b78{--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;--justify-content:center;}.elementor-26 .elementor-element.elementor-element-0639b78.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-26 .elementor-element.elementor-element-be489e3{--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-26 .elementor-element.elementor-element-be489e3.e-con{--flex-grow:0;--flex-shrink:0;}@media(min-width:768px){.elementor-26 .elementor-element.elementor-element-0639b78{--width:37.434%;}.elementor-26 .elementor-element.elementor-element-be489e3{--width:61.511%;}}/* Start custom CSS for shortcode, class: .elementor-element-b95b5a8 *//* ==============================================================
   FLUENT FORMS - CLEAN "BUILDER" AESTHETIC
   ============================================================== */

/* --- GLOBAL FORM FONT --- */
body .fluentform {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}

/* --- FORM GROUPS (The cool highlight effect when clicking a field) --- */
body .fluentform .ff-el-group {
    padding: 15px 20px !important;
    margin-bottom: 5px !important;
    border-left: 4px solid transparent !important;
    border-radius: 4px !important;
    transition: all 0.3s ease !important;
}

/* Activates the grey box and blue line when the user is typing in a field */
body .fluentform .ff-el-group:focus-within {
    background-color: #F4F5F7 !important; /* Light grey background */
    border-left-color: #3B82F6 !important; /* Bright blue left border */
}

/* --- LABELS --- */
body .fluentform .ff-el-input--label {
    color: #4A5568 !important; /* Dark slate grey */
    font-size: 15px !important;
    font-weight: 500 !important;
    margin-bottom: 12px !important;
    text-transform: none !important; /* Standard case, not uppercase */
    letter-spacing: normal !important;
    
    /* Flexbox trick to force the red asterisk to the LEFT of the text */
    display: flex !important;
    flex-direction: row-reverse !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 5px !important;
}

/* Required Asterisk */
body .fluentform .ff-el-is-required {
    color: #E53E3E !important; /* Red */
    font-weight: bold !important;
}

/* --- INPUTS, TEXTAREAS & SELECT BOXES --- */
body .fluentform .ff-el-form-control {
    border: 1px solid #CBD5E1 !important; /* Clean, light grey border */
    background-color: #FFFFFF !important;
    border-radius: 6px !important; /* Nicely rounded corners */
    color: #1E293B !important;
    font-size: 15px !important;
    padding: 12px 16px !important;
    box-shadow: none !important;
    transition: all 0.3s ease !important;
    height: auto !important;
    min-height: 48px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Placeholders */
body .fluentform .ff-el-form-control::placeholder {
    color: #94A3B8 !important;
    opacity: 1 !important;
}

/* Focus States (When typing) */
body .fluentform .ff-el-form-control:focus {
    border-color: #3B82F6 !important; /* Blue border */
    outline: none !important;
    /* Soft blue glow around the input */
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1) !important; 
}

/* Textarea specific */
body .fluentform textarea.ff-el-form-control {
    min-height: 120px !important;
    padding-top: 14px !important;
    resize: vertical !important;
}

/* --- NATIVE DROPDOWN ARROW FIX --- */
body .fluentform select.ff-el-form-control {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    /* Custom grey dropdown arrow to match the design */
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234A5568' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e") !important;
    background-repeat: no-repeat !important;
    background-position: right 16px center !important;
    background-size: 16px !important;
    padding-right: 40px !important;
    cursor: pointer !important;
}

/* --- PHONE FIELD FIXES (If using the Advanced Phone Field) --- */
body .fluentform .iti {
    width: 100% !important;
    display: block !important;
}
body .fluentform .iti__flag-container {
    padding: 0 10px !important;
    z-index: 2 !important;
}
body .fluentform .iti input[type="tel"].ff-el-form-control {
    padding-left: 95px !important; 
}

/* --- SUBMIT BUTTON --- */
body .fluentform .ff-btn-submit {
    background-color: #3B82F6 !important; /* Matches the focus highlight blue */
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    padding: 14px 30px !important;
    border-radius: 6px !important;
    border: none !important;
    margin-top: 10px !important;
    margin-left: 20px !important; /* Aligns perfectly with the padded input groups */
    transition: all 0.3s ease !important;
    cursor: pointer !important;
}

body .fluentform .ff-btn-submit:hover {
    background-color: #2563EB !important; /* Slightly darker blue on hover */
}/* End custom CSS */