/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 04 2025 | 14:44:46 */
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 


/* الحاوية الرئيسية للـ quiz */
/* استيراد خط التجوال Tajawal من Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;700&display=swap');

.qmn_quiz_container .qmn_btn, .qmn_quiz_container .btn {
    color: #fff ;
    background: #EB5F50FA !important  ;
}
.qqqq .qsm-recently-active .qsm-pagination .qsm-btn[style]
{
    margin: 0px;
background: #EB5F50FA  !important;
}

.qqqq .qsm-quiz-container {
    
     font-size: 24px !important;
max-width: 700px;
    margin: 20px auto;
    background: #f9f9f9;
    border: 2px solid #ddd;
    border-radius: 10px;
    padding: 30px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    font-family: 'Arial', sans-serif;
}
.qqq .qsm-recently-active{
    background: #f9f9f9;
    border: 0px solid #ddd;
   padding: 30px 0px;
}
.qqqq .quiz_section.quiz_begin{
margin-bottom: 50px;

}

.qqqq .quiz_section.quiz_begin
 h1{
    font-weight: 600;
    text-align: center;
    font-size: 24px;
    color: #124147;
    line-height: 36px;
border-bottom: 2px solid #124147;
    width: fit-content;
}
.qqqq .quiz_section.quiz_begin
 h3{
    color: #124147;
    line-height: 36px;
}



.qqqq .quiz_section.quiz_begin label {
    font-weight: 400;
    font-size: 18px;
}



/* تغيير الخط لجميع عناصر الاختبار */
.qqqq .qsm-quiz-container,
.qqqq .qsm-question,
.qqqq .qsm-answer,
.qqqq .qsm-next-button,
.qqqq .qsm-results,
.qqqq .qsm-progress-bar-container {
    font-family: 'Tajawal', sans-serif;
}

.qqqq legend{
display: none;
} 

/* الأسئلة */
.qqqq .qsm-question {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
    color: #333;
}

/* خيارات الإجابة */
.qqqq .qsm-answer {
    display: block;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 6px;
    padding: 10px 15px;
    margin-bottom: 10px;
cursor: pointer;
    transition: all 0.3s ease;
}

.qqqq .qmn_radio_answers{
margin: 25px;
margin-top: 10px;

}

.qqqq .qsm-answer:hover {
    background: #e0f7fa;
    border-color: #00acc1;
}
.qqqq .qsm-input-label {
    font-size: 18px;
    margin-top: 0px;
}
/* زر التالي */
/* .qqqq .qsm-next-button {
    background-color: #00acc1;
    color: #fff;
    border: none;
    padding: 12px 25px;
    font-size: 20px;
    border-radius: 6px;
    cursor: pointer;
    transition: background 0.3s ease;
    margin-top: 20px;
} */

.qqqq .qsm-next-button:hover {
    background-color: #007c91;
}

/* شريط التقدم */
.qqqq .qsm-progress-bar-container {
    background: #eee;
    border-radius: 5px;
    height: 20px;
    margin-bottom: 20px;
}

.qqqq .qsm-progress-bar {
    background: #00acc1;
    height: 100%;
    width: 0%;
    border-radius: 5px;
    transition: width 0.4s ease;
}

/* صفحة النتائج */
.qqqq .qsm-results {
    font-size: 20px;
    text-align: center;
    color: #007c91;
    font-weight: bold;
}





















.qqqq .qsm-question-wrapper

{

 
    font-size: 18px;
  
}

.qqqq .qsm-pagination
{

flex-direction:row;
    align-items: center;
    display: flex
;
    margin-bottom: 20px;
    justify-content: center;
    gap: 15px; 
}

.qqqq .qsm-quiz-container .qsm-progress-bar
{

    background: #d8d8d8;
    width: 100%;
     display: inline-flex !important
;
}

.qqqq .qsm-recently-active .qsm-progress-bar
{
     display: inline-flex !important
;
}

/* .qqqq .qsm-recently-active .qsm-progress-bar[style] {
    d: path("M 0 1 L 100 1");
    stroke: red !important; /* اللون الجديد */
} */

.qmn_quiz_container .qmn_btn, .qmn_quiz_container .btn {
    color: #fff ;
    background: #EB5F50FA  ;
}
.qqqq .qsm-recently-active .qsm-pagination .qsm-btn[style]
{
    margin: 0px;
background: #EB5F50FA  !important;
}

 .qqqq .pages_count{
display: block;
    text-align: center;
/*     direction: ltr; */
    background-color: #e4e4e4;
    width: fit-content;
    margin: 0px auto;
    padding: 10px;
    font-size: 14px;
    position: absolute;
bottom: 23px;
    left: 3px;
    border-radius: 8px;
}