body {
    width: 50%;
    margin: auto;
    font-family: Tahoma, sans-serif;
    /* تنظیم فونت */
    direction: rtl;
    /* متن از راست به چپ */
}

.table {
    margin: 0 auto;
    /* قرار دادن جدول در مرکز صفحه */
    display: block;
    /* نمایش جدول به‌صورت بلوک */
}

input,
select {
    width: 100%;
    /* هم‌عرض شدن با خانه جدول */
    box-sizing: border-box;
    /* جلوگیری از بزرگ شدن بیش از حد */
    font-size: 16px;
}


/* تنظیمات برای موبایل (صفحه‌های کوچک‌تر از 768px) */
@media (max-width: 768px) {
    body {
        width: 95%;
        margin: auto;

        /* در موبایل، عرض بیشتر برای استفاده بهتر از فضا */
    }

    table {
        font-size: 14px;
        /* کاهش اندازه فونت در موبایل */
    }

    /*-----------------------------------------*/
    .table-1 {
        width: 100%;
        margin: 0 auto;
        /* قرار دادن جدول در مرکز */
    }

    .table-1 td:first-child {
        width: 60%;
        font-weight: bold;
    }

    /*-----------------------------------------*/
    .table-2 {
        width: 100%;
        margin: 0 auto;
        margin-top: 20px;
    }

    .table-2 td:first-child {
        width: 5%;
        font-weight: bold;
    }

    /*-----------------------------------------*/

    .table-3 {
        width: 100%;
        margin: 0 auto;
        margin-top: 20px;
    }

    .table-3 td:first-child {
        width: 5%;
        font-weight: bold;
    }

    /*-----------------------------------------*/
    .table-4 {
        width: 100%;
        margin: 0 auto;
        /* قرار دادن جدول در مرکز */
        margin-top: 20px;
    }

    .table-4 td:first-child {
        width: 80%;
        font-weight: bold;
    }


    /*-----------------------------------------*/
    .table-5 {
        width: 100%;
        margin: 0 auto;
        /* قرار دادن جدول در مرکز */
        margin-top: 20px;
    }

    .table-5 td:first-child {
        width: 5%;
        font-weight: bold;
    }

    /*-----------------------------------------*/
    .table-6 {
        width: 100%;
        margin: 0 auto;
        /* قرار دادن جدول در مرکز */
        margin-top: 20px;
    }

    .table-6 td:first-child {
        width: 70%;
        font-weight: bold;
    }

    /*-----------------------------------------*/
    .table-7 {
        width: 100%;
        margin: 0 auto;
        /* قرار دادن جدول در مرکز */
        margin-top: 20px;
    }

    .table-7 td:first-child {
        width: 85%;
        font-weight: bold;
    }

    /*-----------------------------------------*/
    .table-8 {
        width: 100%;
        margin: 0 auto;
        /* قرار دادن جدول در مرکز */
        margin-top: 20px;
    }

    .table-8 td:first-child {
        width: 40%;
        font-weight: bold;
    }

    /*-----------------------------------------*/
    .table-9 {
        width: 100%;
        margin: 0 auto;
        /* قرار دادن جدول در مرکز */
    }

    .table-9 td:first-child {
        width: 50%;
        font-weight: bold;
    }

    /*-----------------------------------------*/
    .table-10 {
        width: 100%;
        margin: 0 auto;
        /* قرار دادن جدول در مرکز */
        margin-top: 20px;
    }

    .table-10 td:first-child {
        width: 70%;
        font-weight: bold;
    }

    /*-----------------------------------------*/
    .table-11 {
        width: 100%;
        margin: 0 auto;
        /* قرار دادن جدول در مرکز */
        margin-top: 20px;
    }

    .table-11 td:first-child {
        width: 85%;
        font-weight: bold;
    }


    /*-----------------------------------------*/
    .table-12 {
        width: 100%;
        margin: 0 auto;
        /* قرار دادن جدول در مرکز */
        margin-top: 20px;
    }

    .table-12 td:first-child {
        width: 85%;
        font-weight: bold;
    }

    /*-----------------------------------------*/
    .table-13 {
        width: 100%;
        margin: 0 auto;
        /* قرار دادن جدول در مرکز */
        margin-top: 20px;
    }

    .table-13 td:first-child {
        width: 70%;
        font-weight: bold;
    }

    /*-----------------------------------------*/
    .table-14 {
        width: 100%;
        margin: 0 auto;
        /* قرار دادن جدول در مرکز */
        margin-top: 20px;
    }

    .table-14 td:first-child {
        width: 80%;
        font-weight: bold;
    }

    /*-----------------------------------------*/
    .table-15 {
        width: 100%;
        margin: 0 auto;
        /* قرار دادن جدول در مرکز */
        margin-top: 20px;
    }

    .table-15 td:first-child {
        width: 60%;
        font-weight: bold;
    }

    /*-----------------------------------------*/
    .table-16 {
        width: 100%;
        margin: 0 auto;
        /* قرار دادن جدول در مرکز */
        margin-top: 20px;
    }

    .table-16 td:first-child {
        width: 5%;
        font-weight: bold;
    }

    /*-----------------------------------------*/
    .table-17 {
        width: 100%;
        margin: 0 auto;
        /* قرار دادن جدول در مرکز */
        margin-top: 20px;
    }

    .table-17 td:first-child {
        width: 40%;
        font-weight: bold;
    }
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* تنظیمات برای دسکتاپ (صفحه‌های بزرگ‌تر از 768px) */
@media (min-width: 769px) {
    body {
        width: 50%;
    }

    table {
        font-size: 16px;
    }

    /*-----------------------------------------*/
    .table-1 {
        width: 60%;
        margin: 0 auto;
        /* قرار دادن جدول در مرکز */
    }

    .table-1 td:first-child {
        width: 50%;
        font-weight: bold;
    }

    /*-----------------------------------------*/
    .table-2 {
        width: 100%;
        margin: 0 auto;
        margin-top: 20px;
    }

    .table-2 td:first-child {
        width: 5%;
        font-weight: bold;
    }

    /*-----------------------------------------*/

    .table-3 {
        width: 80%;
        margin: 0 auto;
        margin-top: 20px;
    }

    .table-3 td:first-child {
        width: 5%;
        font-weight: bold;
    }

    /*-----------------------------------------*/
    .table-4 {
        width: 70%;
        margin: 0 auto;
        /* قرار دادن جدول در مرکز */
        margin-top: 20px;
    }

    .table-4 td:first-child {
        width: 70%;
        font-weight: bold;
    }


    /*-----------------------------------------*/
    .table-5 {
        width: 100%;
        margin: 0 auto;
        /* قرار دادن جدول در مرکز */
        margin-top: 20px;
    }

    .table-5 td:first-child {
        width: 5%;
        font-weight: bold;
    }

    /*-----------------------------------------*/
    .table-6 {
        width: 80%;
        margin: 0 auto;
        /* قرار دادن جدول در مرکز */
        margin-top: 20px;
    }

    .table-6 td:first-child {
        width: 80%;
        font-weight: bold;
    }

    /*-----------------------------------------*/
    .table-7 {
        width: 100%;
        margin: 0 auto;
        /* قرار دادن جدول در مرکز */
        margin-top: 20px;
    }

    .table-7 td:first-child {
        width: 85%;
        font-weight: bold;
    }

    /*-----------------------------------------*/
    .table-8 {
        width: 100%;
        margin: 0 auto;
        /* قرار دادن جدول در مرکز */
        margin-top: 20px;
    }

    .table-8 td:first-child {
        width: 40%;
        font-weight: bold;
    }

    /*-----------------------------------------*/
    .table-9 {
        width: 60%;
        margin: 0 auto;
        /* قرار دادن جدول در مرکز */
    }

    .table-9 td:first-child {
        width: 50%;
        font-weight: bold;
    }

    /*-----------------------------------------*/
    .table-10 {
        width: 80%;
        margin: 0 auto;
        /* قرار دادن جدول در مرکز */
        margin-top: 20px;
    }

    .table-10 td:first-child {
        width: 70%;
        font-weight: bold;
    }

    /*-----------------------------------------*/
    .table-11 {
        width: 100%;
        margin: 0 auto;
        /* قرار دادن جدول در مرکز */
        margin-top: 20px;
    }

    .table-11 td:first-child {
        width: 85%;
        font-weight: bold;
    }

    /*-----------------------------------------*/
    .table-12 {
        width: 100%;
        margin: 0 auto;
        /* قرار دادن جدول در مرکز */
        margin-top: 20px;
    }

    .table-12 td:first-child {
        width: 85%;
        font-weight: bold;
    }

    /*-----------------------------------------*/
    .table-13 {
        width: 100%;
        margin: 0 auto;
        /* قرار دادن جدول در مرکز */
        margin-top: 20px;
    }

    .table-13 td:first-child {
        width: 70%;
        font-weight: bold;
    }

    /*-----------------------------------------*/
    .table-14 {
        width: 100%;
        margin: 0 auto;
        /* قرار دادن جدول در مرکز */
        margin-top: 20px;
    }

    .table-14 td:first-child {
        width: 80%;
        font-weight: bold;
    }

    /*-----------------------------------------*/
    .table-15 {
        width: 100%;
        margin: 0 auto;
        /* قرار دادن جدول در مرکز */
        margin-top: 20px;
    }

    .table-15 td:first-child {
        width: 60%;
        font-weight: bold;
    }

    /*-----------------------------------------*/
    .table-16 {
        width: 100%;
        margin: 0 auto;
        /* قرار دادن جدول در مرکز */
        margin-top: 20px;
    }

    .table-16 td:first-child {
        width: 5%;
        font-weight: bold;
    }

    /*-----------------------------------------*/
    .table-17 {
        width: 100%;
        margin: 0 auto;
        /* قرار دادن جدول در مرکز */
        margin-top: 20px;
    }

    .table-17 td:first-child {
        width: 40%;
        font-weight: bold;
    }
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
table {
    border-collapse: collapse;
    margin-top: 0px;
}

th,
td {
    border: 1px solid rgb(170, 166, 166);
    /* خاکستری کمرنگ */
    padding: 8px;
    text-align: center;
}

td:first-child,
th:first-child {
    text-align: right;
    /* راست چین کردن ستون اول */
}


caption {
    text-align: right;
    /* راست چین کردن عنوان */
    font-weight: bold;
    /* بولد کردن عنوان */
    font-size: 18px;
    /* سایز مناسب برای عنوان */
}

h1 {
    font-size: 25px;
}

input:focus,
select:focus {
    color: black;
    /* تغییر رنگ فونت به سیاه */
}

input::selection,
select::selection {
    color: black;
    /* تغییر رنگ فونت انتخاب شده به سیاه */
    background-color: rgb(189, 189, 189);
    /* تغییر رنگ پس‌زمینه متن انتخابی به زرد */
}

.footer-text {
    text-align: center;
    /* متن را وسط چین می‌کند */
    width: 90%;
    /* می‌توانید عرض را مشخص کنید (اختیاری) */
    margin: 0 auto;
    /* این باعث می‌شود که <div> در صفحه وسط چین شود */
}