.elementor-3202 .elementor-element.elementor-element-fb1cfed{--display:flex;}.elementor-3202 .elementor-element.elementor-element-748b57a{text-align:center;}.elementor-3202 .elementor-element.elementor-element-b0fe341{--display:flex;}.elementor-3202 .elementor-element.elementor-element-564c32e{--display:flex;}/* Start custom CSS for html, class: .elementor-element-8c53fde */@import url("https://fonts.googleapis.com/css?family=Tajawal:400,500&subset=arabic&display=swap");

    body {
        font-family: "Tajawal", sans-serif;
        background-color: #232323;
        color: #fff;
        margin: 0;
        padding: 0;
        text-align: center;
    }

    table.standings_jdwel {
        width: 100%;
        margin: 20px auto;
        border-collapse: collapse;
        background-color: #333435;
        font-size: 0.9rem;
        color: #fff;

    }

    table.standings_jdwel th {
        padding: 5px;
        background-color: #555;
        color: #fff;

        border-bottom: 1px solid #333;
    }

    table.standings_jdwel td {
        padding: 5px;
        border-bottom: 1px solid #555;
        text-align: center;
    }

    table.standings_jdwel tr {
        position: relative;
    }

.ranks_guide {
    width: 100%;
    text-align: right; /* محاذاة النصوص إلى اليمين */
    padding: 15px;
    background-color: #333435;
    border-radius: 5px;
}

.ranks_guide .item {
    font-size: 0.9rem;
    display: flex; /* استخدام flexbox لتنسيق العناصر */
    align-items: center; /* محاذاة المحتوى عموديًا */
    gap: 10px; /* مسافة بين الدائرة والنص */
    padding: 5px;
    color: #fff;
    text-align: right; /* محاذاة النصوص داخل العنصر */
    direction: rtl; /* دعم النصوص العربية */
}

.ranks_guide .item::before {
    content: ""; /* عنصر وهمي لتمثيل اللون */
    display: inline-block;
    width: 12px; /* عرض الدائرة */
    height: 12px; /* ارتفاع الدائرة */
    background-color: var(--color); /* استخدام المتغير لتحديد اللون */
    border-radius: 50%; /* جعل الشكل دائريًا */
}




  
     @media screen and (max-width: 768px) {
        table.standings_jdwel {
            width: 100%;
            font-size: 10px;
        }/* End custom CSS */