.elementor-986 .elementor-element.elementor-element-17fe922{--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:100px;--padding-bottom:100px;--padding-left:30px;--padding-right:30px;}@media(max-width:767px){.elementor-986 .elementor-element.elementor-element-17fe922{--padding-top:35px;--padding-bottom:50px;--padding-left:15px;--padding-right:15px;}}@media(min-width:768px){.elementor-986 .elementor-element.elementor-element-17fe922{--content-width:800px;}}/* Start custom CSS *//* استدعاء الخط وتطبيقه */
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;700&display=swap');

.qsm-page {
    font-family: 'Tajawal', sans-serif !important;
    direction: rtl;
    text-align: center;
    max-width: 800px;
    margin: 0 auto !important;
}

/* تنسيق نص السؤال */
.mlw_qmn_message_before {
  font-size: 1.6em !important;
    font-weight: 700 !important;
    margin-bottom: 25px !important;
   line-height: 1.25;
    color: #2c3e50 !important;
}


.mlw_qmn_new_question {
    font-size: 1.6em !important;
    font-weight: 700 !important;
    color: #2c3e50;
    margin-bottom: 25px !important;
    line-height: 1.6;
}

/* تنسيق حاوي الإجابات وتوسيطها */
.qmn_radio_answers {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    border: none !important;
}

/* تنسيق خيار الإجابة الفردي */
.qmn_mc_answer_wrap {
    background: #f9f9f9;
    border: 2px solid #e0e0e0;
    border-radius: 12px;
    padding: 12px 20px;
    width: 100%;
    max-width: 400px; /* للتحكم في عرض الخيارات */
    transition: all 0.3s ease;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

/* تغيير المظهر عند تمرير الماوس */
.qmn_mc_answer_wrap:hover {
    border-color: #3498db;
    background-color: #f0f7ff;
    transform: translateY(-2px);
}

/* تنسيق زر الراديو (الدائرة) والنص بجانبه */
.qmn_quiz_radio {
    margin-left: 15px !important;
    margin-right: 0 !important;
    transform: scale(1.3);
}

.qsm-input-label {
    font-size: 17px !important;
    cursor: pointer;
    color: #444;
    margin: 0 !important;
}

/* إخفاء حدود الـ fieldset الافتراضية */
fieldset {
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/*/* /*/ /*/*/


@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800&display=swap');

.results-container {
    font-family: 'Tajawal', sans-serif !important;
    direction: rtl;
    text-align: center;
    max-width: 750px;
    margin: 0 auto !important;
}

/* تنسيق الفيديو */
.video-container video {
    border-radius: 15px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
    margin-bottom: 25px;
}

/* المربع الأزرق (للنتيجة فقط) */
.score-box {
    display: inline-block;
    background-color: #f0f7ff;
    color: #1a2a6c;
    font-size: 1.8rem;
    font-weight: 800;
    padding: 15px 40px;
    border-radius: 12px;
    margin-bottom: 20px;
}

/* نص "التشخيص الأولي" خارج المربع */
.diagnosis-title {
    font-size: 1.1rem;
    font-weight: 700;
    color: #555;
    margin-bottom: 10px;
}

/* نص النتيجة التشخيصية */
.diagnosis-text {
    font-size: 1.3rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 30px;
    line-height: 1.5;
}

/* المربع الأصفر (مع معالجة الـ Padding) */
.offer-card {
    background-color: #fff9f0;
    border: 2px dashed #e67e22;
    border-radius: 15px;
    padding: 25px !important; /* مسافة داخلية متساوية من كل الجهات */
    font-size: 1.1rem;
    line-height: 1.8;
    color: #333;
    margin-bottom: 25px;
    text-align: justify; /* اختياري: لجعل النص مرتباً */
}

/* تحويل الرابط إلى زر أخضر جذاب */
.main-cta-btn {
    display: block;
    background: linear-gradient(90deg, #27ae60, #2ecc71);
    color: #ffffff !important;
    text-decoration: none !important;
    padding: 20px;
    font-size: 1.2rem;
    font-weight: 800;
    border-radius: 50px;
    box-shadow: 0 5px 15px rgba(39, 174, 96, 0.3);
    transition: transform 0.3s ease;
    margin-bottom: 30px;
}

.main-cta-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(39, 174, 96, 0.5);
}

/* زر Retake Quiz الافتراضي */
.qsm_retake_button {
    background: #bdc3c7 !important;
    font-family: 'Tajawal', sans-serif !important;
    border: none !important;
    border-radius: 50px !important;
    padding: 8px 20px !important;
    opacity: 0.6;
}


/* إلغاء أي حركات أنيميشن سابقة وتفعيل Fade */
.qsm-page.qsm-animate-bounce, 
.qsm-page.qsm-animate-pulse,
.qsm-page {
    animation: qsmFadeIn 0.8s ease-in-out !important;
}

@keyframes qsmFadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}/* End custom CSS */