.elementor-1172 .elementor-element.elementor-element-464226b{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1172 .elementor-element.elementor-element-91df5ff > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1172 .elementor-element.elementor-element-23db81a{--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-1172 .elementor-element.elementor-element-36e11dd > .elementor-widget-container{margin:15px 15px 15px 15px;padding:0px 0px 0px 0px;}.elementor-1172 .elementor-element.elementor-element-36e11dd .fluentform-widget-wrapper .ff-el-group .ff-btn-submit{background-color:#1a7efb !important;color:#ffffff !important;}/* Start custom CSS for fluent-form-widget, class: .elementor-element-36e11dd *//* ═══════ QB Partnership Form — Premium Style ═══════ */

/* خلفية الفورم */
.ff_conv_app, 
.frm-fluent-form {
    max-width: 780px !important;
    margin: 0 auto !important;
    padding: 40px 36px !important;
    background: #FFFFFF !important;
    border-radius: 20px !important;
    box-shadow: 0 12px 48px rgba(0,0,0,0.06) !important;
    border: 1px solid rgba(13,110,110,0.06) !important;
    font-family: 'IBM Plex Sans Arabic', sans-serif !important;
    direction: rtl !important;
}

/* العنوان الرئيسي */
.frm-fluent-form .custom_html h2 {
    font-size: 28px !important;
    font-weight: 800 !important;
    color: #0D6E6E !important;
    margin-bottom: 8px !important;
}

/* فواصل الأقسام */
.frm-fluent-form .ff-el-section-break {
    border: none !important;
    padding: 18px 0 10px !important;
    margin-top: 8px !important;
}

.frm-fluent-form .ff-el-section-break .ff-section_break_desk {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #0D6E6E !important;
    position: relative !important;
    padding-bottom: 12px !important;
}

.frm-fluent-form .ff-el-section-break .ff-section_break_desk::after {
    content: '' !important;
    position: absolute !important;
    bottom: 0 !important;
    right: 0 !important;
    width: 50px !important;
    height: 3px !important;
    background: linear-gradient(to left, #E8623E, #F0A030) !important;
    border-radius: 3px !important;
}

/* عناوين الحقول */
.frm-fluent-form .ff-el-input--label label {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #1E293B !important;
    margin-bottom: 6px !important;
    letter-spacing: -0.2px !important;
}

/* النجمة */
.frm-fluent-form .ff-el-input--label .asterisk-right {
    color: #E8623E !important;
    font-weight: 700 !important;
}

/* حقول الإدخال */
.frm-fluent-form input[type="text"],
.frm-fluent-form input[type="email"],
.frm-fluent-form input[type="tel"],
.frm-fluent-form input[type="url"],
.frm-fluent-form input[type="number"],
.frm-fluent-form select,
.frm-fluent-form textarea {
    border: 2px solid #e8e8e8 !important;
    border-radius: 12px !important;
    padding: 14px 18px !important;
    font-size: 15px !important;
    font-family: 'IBM Plex Sans Arabic', sans-serif !important;
    color: #1E293B !important;
    background: #FAFAFA !important;
    transition: all 0.3s cubic-bezier(0.4,0,0.2,1) !important;
    outline: none !important;
    width: 100% !important;
}

.frm-fluent-form input:focus,
.frm-fluent-form select:focus,
.frm-fluent-form textarea:focus {
    border-color: #0D6E6E !important;
    background: #FFF !important;
    box-shadow: 0 0 0 4px rgba(13,110,110,0.08) !important;
}

/* Placeholder */
.frm-fluent-form input::placeholder,
.frm-fluent-form textarea::placeholder {
    color: #B0B0B0 !important;
    font-size: 14px !important;
}

/* Dropdown */
.frm-fluent-form select {
    appearance: none !important;
    -webkit-appearance: none !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%230D6E6E' d='M6 8.5L1 3.5h10z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: left 16px center !important;
    padding-left: 40px !important;
    cursor: pointer !important;
}

/* Radio Buttons */
.frm-fluent-form .ff-el-form-check {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    background: #FAFAFA !important;
    border: 2px solid #e8e8e8 !important;
    border-radius: 10px !important;
    padding: 10px 20px !important;
    margin: 4px !important;
    cursor: pointer !important;
    transition: all 0.3s cubic-bezier(0.4,0,0.2,1) !important;
}

.frm-fluent-form .ff-el-form-check:hover {
    border-color: #0D6E6E !important;
    background: rgba(13,110,110,0.03) !important;
}

.frm-fluent-form .ff-el-form-check input[type="radio"] {
    accent-color: #0D6E6E !important;
    width: 18px !important;
    height: 18px !important;
    cursor: pointer !important;
}

.frm-fluent-form .ff-el-form-check input[type="radio"]:checked + span,
.frm-fluent-form .ff-el-form-check input[type="radio"]:checked ~ span {
    color: #0D6E6E !important;
    font-weight: 600 !important;
}

.frm-fluent-form .ff-el-form-check:has(input:checked) {
    border-color: #0D6E6E !important;
    background: rgba(13,110,110,0.05) !important;
    box-shadow: 0 0 0 3px rgba(13,110,110,0.06) !important;
}

.frm-fluent-form .ff-el-form-check label {
    font-size: 14px !important;
    color: #475569 !important;
    cursor: pointer !important;
    margin: 0 !important;
}

/* Textarea */
.frm-fluent-form textarea {
    min-height: 130px !important;
    resize: vertical !important;
    line-height: 1.8 !important;
}

/* حقول بجانب بعض (Name fields) */
.frm-fluent-form .ff-t-container {
    gap: 16px !important;
}

/* المسافات بين الحقول */
.frm-fluent-form .ff-el-group {
    margin-bottom: 20px !important;
}

/* رسائل الخطأ */
.frm-fluent-form .error.text-danger {
    font-size: 12px !important;
    color: #E8623E !important;
    margin-top: 6px !important;
    font-weight: 500 !important;
}

/* ═══════ زر الإرسال ═══════ */
.frm-fluent-form .ff-btn-submit {
    background: linear-gradient(135deg, #E8623E, #D4522E) !important;
    color: #FFF !important;
    border: none !important;
    border-radius: 999px !important;
    padding: 16px 48px !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    font-family: 'IBM Plex Sans Arabic', sans-serif !important;
    cursor: pointer !important;
    transition: all 0.35s cubic-bezier(0.4,0,0.2,1) !important;
    box-shadow: 0 6px 24px rgba(232,98,62,0.3) !important;
    letter-spacing: -0.3px !important;
    display: block !important;
    margin: 12px auto 0 !important;
}

.frm-fluent-form .ff-btn-submit:hover {
    background: linear-gradient(135deg, #D4522E, #C0421E) !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 12px 36px rgba(232,98,62,0.4) !important;
}

.frm-fluent-form .ff-btn-submit:active {
    transform: translateY(-1px) !important;
}

/* ═══════ بوكس الملاحظات (Custom HTML) ═══════ */
.frm-fluent-form .ff-custom_html {
    margin: 12px 0 !important;
}

/* ═══════ Responsive ═══════ */
@media (max-width: 768px) {
    .frm-fluent-form {
        padding: 28px 20px !important;
        margin: 12px !important;
        border-radius: 16px !important;
    }

    .frm-fluent-form .custom_html h2 {
        font-size: 24px !important;
    }

    .frm-fluent-form input[type="text"],
    .frm-fluent-form input[type="email"],
    .frm-fluent-form input[type="tel"],
    .frm-fluent-form input[type="url"],
    .frm-fluent-form input[type="number"],
    .frm-fluent-form select,
    .frm-fluent-form textarea {
        padding: 12px 14px !important;
        font-size: 14px !important;
        border-radius: 10px !important;
    }

    .frm-fluent-form .ff-btn-submit {
        width: 100% !important;
        padding: 14px 24px !important;
        font-size: 16px !important;
    }

    .frm-fluent-form .ff-el-form-check {
        padding: 8px 16px !important;
    }

    .frm-fluent-form .ff-t-container {
        flex-direction: column !important;
    }
}

/* ═══════ تأثيرات إضافية ═══════ */
.frm-fluent-form .ff-el-group {
    animation: qbFadeIn 0.4s ease both;
}

@keyframes qbFadeIn {
    from {
        opacity: 0;
        transform: translateY(8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* تأخير الأنيميشن لكل حقل */
.frm-fluent-form .ff-el-group:nth-child(1) { animation-delay: 0.05s; }
.frm-fluent-form .ff-el-group:nth-child(2) { animation-delay: 0.1s; }
.frm-fluent-form .ff-el-group:nth-child(3) { animation-delay: 0.15s; }
.frm-fluent-form .ff-el-group:nth-child(4) { animation-delay: 0.2s; }
.frm-fluent-form .ff-el-group:nth-child(5) { animation-delay: 0.25s; }
.frm-fluent-form .ff-el-group:nth-child(6) { animation-delay: 0.3s; }
.frm-fluent-form .ff-el-group:nth-child(7) { animation-delay: 0.35s; }
.frm-fluent-form .ff-el-group:nth-child(8) { animation-delay: 0.4s; }
.frm-fluent-form .ff-el-group:nth-child(9) { animation-delay: 0.45s; }
.frm-fluent-form .ff-el-group:nth-child(10) { animation-delay: 0.5s; }
.frm-fluent-form .ff-el-group:nth-child(n+11) { animation-delay: 0.55s; }/* End custom CSS */