.elementor-922 .elementor-element.elementor-element-d95d202{--display:flex;}.elementor-922 .elementor-element.elementor-element-62ce39f{margin:15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--e-w-ml:0px;--e-w-mr:0px;padding:0px 0px 5px 0px;text-align:center;}.elementor-922 .elementor-element.elementor-element-62ce39f .elementor-heading-title{font-family:var( --e-global-typography-73cfe82-font-family ), Sans-serif;font-size:var( --e-global-typography-73cfe82-font-size );font-weight:var( --e-global-typography-73cfe82-font-weight );line-height:var( --e-global-typography-73cfe82-line-height );color:var( --e-global-color-secondary );}.elementor-922 .elementor-element.elementor-element-ae8d699{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 15px) 0px;--e-w-ml:0px;--e-w-mr:0px;}.elementor-922 .elementor-element.elementor-element-ae8d699 .fluentform-widget-wrapper .ff-el-group .ff-btn-submit{background-color:#1a7efb !important;color:#ffffff !important;}#elementor-popup-modal-922 .dialog-widget-content{animation-duration:1s;border-radius:15px 15px 15px 15px;box-shadow:var(--shadow_horizontal, 0) var(--shadow_vertical, 0) var(--shadow_blur, 10px) var(--shadow_spread, 0) rgba(0,0,0,0.15);margin:0px 0px 0px 0px;}#elementor-popup-modal-922{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-922 .dialog-message{width:640px;height:auto;padding:0px 15px 0px 15px;}#elementor-popup-modal-922 .dialog-close-button{display:flex;}#elementor-popup-modal-922 .dialog-close-button i{color:var( --e-global-color-21796fa );}#elementor-popup-modal-922 .dialog-close-button svg{fill:var( --e-global-color-21796fa );}@media(max-width:1024px){.elementor-922 .elementor-element.elementor-element-62ce39f{padding:0px 0px 20px 0px;}.elementor-922 .elementor-element.elementor-element-62ce39f .elementor-heading-title{font-size:var( --e-global-typography-73cfe82-font-size );line-height:var( --e-global-typography-73cfe82-line-height );}}@media(max-width:767px){.elementor-922 .elementor-element.elementor-element-62ce39f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--e-w-ml:0px;--e-w-mr:0px;}.elementor-922 .elementor-element.elementor-element-62ce39f .elementor-heading-title{font-size:var( --e-global-typography-73cfe82-font-size );line-height:var( --e-global-typography-73cfe82-line-height );}}/* Start custom CSS for fluent-form-widget, class: .elementor-element-ae8d699 *//* =========================================================
   ARAB CLASSIC HUB - POPUP FORM
   FLUENT FORM #1
   Brand Color: #16467E
   ========================================================= */


/* ================================
   MAIN FORM
   ================================ */

#fluentform_1,
#fluentform_1 * {
    box-sizing: border-box;
}

#fluentform_1 {
    width: 100%;
    font-family: inherit;
}


/* ================================
   FORM ROWS
   ================================ */

#fluentform_1 .ff-t-container {
    display: flex !important;
    gap: 18px !important;
    width: 100% !important;
    margin: 0 !important;
}

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


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

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


/* ================================
   LABELS
   ================================ */

#fluentform_1 .ff-el-input--label {
    margin-bottom: 6px !important;
}

#fluentform_1 .ff-el-input--label label {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;

    color: #16467E !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
}


/* Required Star */

#fluentform_1 .asterisk-right label:after {
    color: #16467E !important;
}


/* ================================
   INPUTS / SELECT / TEXTAREA
   ================================ */

#fluentform_1 .ff-el-form-control {
    width: 100% !important;

    height: 48px !important;
    min-height: 48px !important;

    padding: 0 14px !important;

    background: #FFFFFF !important;

    border: 1px solid #D8DEE6 !important;
    border-radius: 6px !important;

    color: #222222 !important;

    font-size: 14px !important;
    font-weight: 400 !important;

    outline: none !important;
    box-shadow: none !important;

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


/* Placeholder */

#fluentform_1 .ff-el-form-control::placeholder {
    color: #8A8F98 !important;
    opacity: 1 !important;
}


/* ================================
   INPUT FOCUS
   ================================ */

#fluentform_1 .ff-el-form-control:focus {
    border-color: #16467E !important;

    box-shadow:
        0 0 0 3px rgba(22, 70, 126, 0.09) !important;
}


/* ================================
   SELECT DROPDOWNS
   ================================ */

#fluentform_1 select.ff-el-form-control {
    height: 48px !important;
    min-height: 48px !important;

    padding: 0 14px !important;

    cursor: pointer !important;
}


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

#fluentform_1 textarea.ff-el-form-control {
    height: 100px !important;
    min-height: 100px !important;

    padding: 12px 14px !important;

    line-height: 1.5 !important;

    resize: vertical !important;
}


/* ================================
   PHONE FIELD
   ================================ */

#fluentform_1 #ff_1_numeric_field {
    height: 48px !important;
    min-height: 48px !important;
}


/* Remove Number Arrows */

#fluentform_1 #ff_1_numeric_field::-webkit-inner-spin-button,
#fluentform_1 #ff_1_numeric_field::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}

#fluentform_1 #ff_1_numeric_field {
    -moz-appearance: textfield !important;
}


/* ================================
   CONDITIONAL SERVICE FIELDS
   ================================ */

#fluentform_1 .has-conditions {
    margin-bottom: 16px !important;
}


/* ================================
   RADIO BUTTONS
   ================================ */

#fluentform_1 .ff-el-form-check {
    display: inline-flex !important;
    align-items: center !important;

    margin: 0 20px 0 0 !important;
    padding: 0 !important;
}

#fluentform_1 .ff-el-form-check-label {
    display: flex !important;
    align-items: center !important;

    gap: 6px !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #333333 !important;

    font-size: 14px !important;

    cursor: pointer !important;
}

#fluentform_1 .ff-el-form-check-input {
    width: 16px !important;
    height: 16px !important;

    margin: 0 !important;

    accent-color: #16467E !important;
}


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

#fluentform_1 .ff_submit_btn_wrapper {
    margin-top: 4px !important;
    margin-bottom: 0 !important;
}

#fluentform_1 .ff-btn-submit {
    width: 100% !important;

    min-height: 50px !important;

    padding: 13px 22px !important;

    background: #16467E !important;
    color: #FFFFFF !important;

    border: none !important;
    border-radius: 6px !important;

    font-size: 15px !important;
    font-weight: 600 !important;

    line-height: 1.2 !important;

    cursor: pointer !important;

    box-shadow: none !important;

    transition: all .25s ease !important;
}


/* Hover */

#fluentform_1 .ff-btn-submit:hover {
    background: #10375F !important;

    transform: translateY(-1px);
}


/* ================================
   ERROR
   ================================ */

#fluentform_1 .ff-el-is-error .ff-el-form-control {
    border-color: #D64545 !important;
}

#fluentform_1 .error {
    margin-top: 5px !important;

    font-size: 12px !important;
    line-height: 1.4 !important;
}


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

#fluentform_1_success {
    width: 100% !important;

    margin: 15px 0 0 !important;
    padding: 15px 18px !important;

    background: #F0F6FB !important;

    border: 1px solid #D5E4F1 !important;
    border-left: 4px solid #16467E !important;

    border-radius: 6px !important;

    color: #16467E !important;

    font-size: 14px !important;
    font-weight: 500 !important;

    line-height: 1.5 !important;

    text-align: left !important;

    box-shadow: none !important;
}


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

@media (max-width: 767px) {

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

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

    #fluentform_1 .ff-t-cell + .ff-t-cell {
        margin-top: 14px !important;
    }

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

    #fluentform_1 .ff-el-form-control {
        height: 48px !important;
        min-height: 48px !important;
    }

    #fluentform_1 textarea.ff-el-form-control {
        height: 105px !important;
        min-height: 105px !important;
    }

    #fluentform_1 .ff-el-form-check {
        margin-right: 15px !important;
        margin-bottom: 8px !important;
    }

    #fluentform_1 .ff-btn-submit {
        min-height: 50px !important;
    }
}


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

@media (max-width: 480px) {

    #fluentform_1 .ff-el-input--label label {
        font-size: 13px !important;
    }

    #fluentform_1 .ff-el-form-control {
        font-size: 13px !important;
    }

    #fluentform_1 .ff-el-form-check-label {
        font-size: 13px !important;
    }
}/* End custom CSS */