.alert {
    text-align: right; /* راست‌چین کردن متن پیام‌ها */
    direction: rtl; /* تنظیم جهت متن به راست به چپ */
}



.custom-pagination {
    text-align: right; /* راست‌چین کردن صفحه‌بندی */
    font-family: 'B Nazanin', sans-serif;
    background-color: #1a1a2e; /* رنگ پس‌زمینه تیره برای باکس */
    padding: 10px 20px; /* فاصله داخلی برای زیبایی */
    border-radius: 10px; /* گوشه‌های گرد */
    display: inline-block; /* اندازه‌ی باکس اندازه‌ی محتوا باشد */
    margin: 20px auto; /* فاصله از بالا و پایین و وسط چین کردن */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); /* سایه برای زیبایی بیشتر */
}

/* لینک‌ها و شماره صفحه همان رنگ زرد با حاشیه و گوشه گرد باقی بماند */
.custom-pagination a, .custom-pagination span {
    color: yellow;
    margin: 0 5px;
    text-decoration: none;
    padding: 5px 10px;
    border: 1px solid yellow;
    border-radius: 5px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.custom-pagination a:hover, .custom-pagination span:hover {
    background-color: yellow;
    color: black;
}