.elementor-26 .elementor-element.elementor-element-291c4f0{--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;}.elementor-26 .elementor-element.elementor-element-2fd975d{--display:flex;--justify-content:center;}.elementor-26 .elementor-element.elementor-element-2e023d8{--display:flex;}.elementor-26 .elementor-element.elementor-element-da45bb0 .fluentform-widget-wrapper .ff-el-group .ff-btn-submit{background-color:#1a7efb !important;color:#ffffff !important;}@media(min-width:768px){.elementor-26 .elementor-element.elementor-element-291c4f0{--content-width:1300px;}.elementor-26 .elementor-element.elementor-element-2fd975d{--width:50%;}.elementor-26 .elementor-element.elementor-element-2e023d8{--width:50%;}}/* Start custom CSS for fluent-form-widget, class: .elementor-element-da45bb0 *//* =========================================================
   FLUENT FORM #1 — CONTACT FORM DESIGN
========================================================= */

#fluentform_1 {
    background: #ffffff !important;
    padding: 30px !important;
    border-radius: 18px !important;
    border: 1px solid rgba(105, 198, 199, 0.35) !important;
    box-shadow: 0 6px 18px rgba(105, 198, 199, 0.12) !important;
    max-width: 720px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}


/* =========================================================
   FORM HEADING
========================================================= */

#fluentform_1::before {
    content: "Send Us a Message!";
    display: block;
    margin: 0 0 24px 0;

    font-size: 35px;
    line-height: 1.1;
    font-weight: 800;

    color: #69C6C7;

    font-family: Arial, sans-serif;
}


/* =========================================================
   REMOVE DEFAULT FIELDSET STYLING
========================================================= */

#fluentform_1 fieldset {
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}


/* =========================================================
   HIDE FIELD LABELS
   PLACEHOLDERS WILL BE USED LIKE YOUR REFERENCE DESIGN
========================================================= */

#fluentform_1 .ff-el-input--label {
    display: none !important;
}


/* =========================================================
   FIELD SPACING
========================================================= */

#fluentform_1 .ff-el-group,
#fluentform_1 .ff-field_container {
    margin: 0 0 18px 0 !important;
}


/* Remove extra spacing from Fluent Forms columns */

#fluentform_1 .ff-t-container {
    display: block !important;
    margin: 0 !important;
}

#fluentform_1 .ff-t-cell {
    width: 100% !important;
    padding: 0 !important;
}


/* =========================================================
   INPUTS + TEXTAREA
========================================================= */

#fluentform_1 input[type="text"],
#fluentform_1 input[type="email"],
#fluentform_1 textarea {

    width: 100% !important;

    padding: 16px 18px !important;

    border: 1.5px solid #69C6C7 !important;
    border-radius: 8px !important;

    background: #ffffff !important;

    color: #1F2937 !important;

    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;

    font-family: Arial, sans-serif !important;

    outline: none !important;

    box-shadow: none !important;

    box-sizing: border-box !important;

    transition:
        border-color 0.25s ease,
        box-shadow 0.25s ease !important;
}


/* =========================================================
   PLACEHOLDERS
========================================================= */

#fluentform_1 input::placeholder,
#fluentform_1 textarea::placeholder {
    color: #6B7280 !important;
    opacity: 1 !important;
}


/* =========================================================
   FOCUS STATE
========================================================= */

#fluentform_1 input[type="text"]:focus,
#fluentform_1 input[type="email"]:focus,
#fluentform_1 textarea:focus {

    border-color: #4FAFB1 !important;

    box-shadow:
        0 0 0 4px rgba(105, 198, 199, 0.18) !important;

    outline: none !important;
}


/* =========================================================
   TEXTAREA
========================================================= */

#fluentform_1 textarea {
    min-height: 180px !important;
    height: 180px;
    resize: vertical !important;
}


/* =========================================================
   SUBMIT BUTTON WRAPPER
========================================================= */

#fluentform_1 .ff_submit_btn_wrapper {
    margin: 0 !important;
}


/* =========================================================
   SUBMIT BUTTON
========================================================= */

#fluentform_1 .ff-btn-submit {

    width: 100% !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;

    padding: 12px 22px !important;

    border: 1px solid #5AA2A6 !important;
    border-radius: 3px !important;

    background: #5AA2A6 !important;

    color: #ffffff !important;

    font-family: Arial, sans-serif !important;

    font-size: 17px !important;
    line-height: 1.4 !important;
    font-weight: 600 !important;

    cursor: pointer !important;

    box-shadow: none !important;

    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        transform 0.25s ease,
        box-shadow 0.25s ease !important;
}


/* =========================================================
   BUTTON HOVER
========================================================= */

#fluentform_1 .ff-btn-submit:hover {

    background: #478585 !important;
    border-color: #478585 !important;

    color: #ffffff !important;

    transform: translateY(-2px);

    box-shadow:
        0 10px 24px rgba(71, 133, 133, 0.24) !important;
}


/* =========================================================
   FLUENT FORMS ERROR MESSAGE
========================================================= */

#fluentform_1 .error.text-danger,
#fluentform_1 .ff-el-is-error .text-danger {
    margin-top: 6px !important;
    font-size: 13px !important;
}


/* =========================================================
   SUCCESS MESSAGE
========================================================= */

#fluentform_1 .ff-message-success {
    border: 1px solid rgba(105, 198, 199, 0.4) !important;
    background: rgba(105, 198, 199, 0.08) !important;
    border-radius: 8px !important;
    padding: 15px !important;
}


/* =========================================================
   TABLET / MOBILE
========================================================= */

@media (max-width: 768px) {

    #fluentform_1 {
        padding: 22px !important;
        border-radius: 15px !important;
    }

    #fluentform_1::before {
        font-size: 32px !important;
        margin-bottom: 22px !important;
    }

    #fluentform_1 input[type="text"],
    #fluentform_1 input[type="email"],
    #fluentform_1 textarea {
        font-size: 16px !important;
        padding: 14px 15px !important;
    }

    #fluentform_1 textarea {
        min-height: 160px !important;
        height: 160px;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    #fluentform_1 {
        padding: 18px !important;
        border-radius: 14px !important;
    }

    #fluentform_1::before {
        font-size: 28px !important;
        margin-bottom: 20px !important;
    }

    #fluentform_1 .ff-el-group,
    #fluentform_1 .ff-field_container {
        margin-bottom: 15px !important;
    }

    #fluentform_1 .ff-btn-submit {
        font-size: 16px !important;
        padding: 12px 18px !important;
    }

}/* End custom CSS */