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



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

}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* تنظیمات برای موبایل (صفحه‌های کوچک‌تر از 768px) */
@media (max-width: 768px) {
    body {
        width: 95%;
        /* در موبایل، عرض بیشتر برای استفاده بهتر از فضا */
    }

    table {
        font-size: 12px;
        /* کاهش اندازه فونت در موبایل */
    }
    .table-401-1 {
        width: 100%;
        margin: 0 auto;     /* قرار دادن جدول در مرکز */
        border-collapse: collapse;
        margin-top: 5px;
        margin-bottom: 5px;
    
    }
    
    .table-401-1 td:first-child {
        width: 80%;
        font-weight: normal;
    }
    /* -------------------- */
    .table-401-2 {
        width: 100%;
        margin: 0 auto;     /* قرار دادن جدول در مرکز */
        border-collapse: collapse;
        margin-top: 5px;
        margin-bottom: 5px;
    
    }
    
    .table-401-2 td:first-child {
        width:25%;
        font-weight: normal;
    }
    /* -------------------- */

    .table-401-3 {
        width: 100%;
        margin: 0 auto;     /* قرار دادن جدول در مرکز */
        border-collapse: collapse;
        margin-top: 5px;
        margin-bottom: 5px;
    
    }
    
    .table-401-3 td:nth-child(1) {
        width: 10%;
        font-weight: normal;
    }

    .table-401-3 td:nth-child(2) {
        width: 80%;
        font-weight: normal;
    }
 
    .table-401-3 td:nth-child(3) {
        width: 10%;
        font-weight: normal;
    }
          /* -------------------- */
          .table-401-4 {
            width: 100%;
            margin: 0 auto;     /* قرار دادن جدول در مرکز */
            border-collapse: collapse;
            margin-top: 5px;
            margin-bottom: 5px;
        
        }
}
/*-----------------------------------------*/
/* تنظیمات برای دسکتاپ (صفحه‌های بزرگ‌تر از 768px) */
@media (min-width: 769px) {
    body {
        width: 50%;
    }

    table {
        font-size: 14px;
    }
/* -------------------- */
    .table-401-1 {
        width: 100%;
        margin: 0 auto;     /* قرار دادن جدول در مرکز */
        border-collapse: collapse;
        margin-top: 5px;
        margin-bottom: 5px;
    
    }
    
    .table-401-1 td:first-child {
        width: 80%;
        font-weight: normal;
    }
/* -------------------- */
   .table-401-2 {
        width: 100%;
        margin: 0 auto;     /* قرار دادن جدول در مرکز */
        border-collapse: collapse;
        margin-top: 5px;
        margin-bottom: 5px;
    
    }
    
    .table-401-2 td:first-child {
        width: 25%;
        font-weight: normal;
    }
/* -------------------- */
    .table-401-3 {
        width: 100%;
        margin: 0 auto;     /* قرار دادن جدول در مرکز */
        border-collapse: collapse;
        margin-top: 5px;
        margin-bottom: 5px;
    
    }
    
    .table-401-3 td:nth-child(1) {
        width: 10%;
        font-weight: normal;
    }

    .table-401-3 td:nth-child(2) {
        width: 80%;
        font-weight: normal;
    }
 
    .table-401-3 td:nth-child(3) {
        width: 10%;
        font-weight: normal;
    }

      /* -------------------- */
    .table-401-4 {
        width: 60%;
        margin: 0 auto;     /* قرار دادن جدول در مرکز */
        border-collapse: collapse;
        margin-top: 5px;
        margin-bottom: 5px;
    
    }
    
 
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

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

/* } */

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: 16px;
    /* سایز مناسب برای عنوان */
}

h1 {
    font-size: 20px;
    margin-bottom: 0;
    font-weight: bold;
}

h2 {
    font-size: 18px;
    margin-bottom: 0;
    margin-top: 10px;
    font-weight: bold;

}

h3 {
    font-size: 12px;
    margin-bottom: 0;
    margin-top: 5px;
}

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> در صفحه وسط چین شود */
}

span {
    font-size: 12px;
    text-align: right;
    direction: rtl;   /* متن از راست به چپ */
}

p {
    font-size: 13px;
    direction: rtl;   /* متن از راست به چپ */
    margin-top: 5px;
    margin-bottom:  0;
}

caption {
    font-size: 15px;
    direction: rtl;   /* متن از راست به چپ */
}

div {
    direction: rtl;   /* متن از راست به چپ */
    font-size: 13px;
}