body {
    font-family: 'nabi', serif;
    background-image: linear-gradient(#8c8a57, #4d634c);
    background-repeat: no-repeat; /* جلوگیری از تکرار */
    background-size: cover; /* پوشش کامل صفحه */
    background-position: center; /* مرکزیت تصویر */

    height: 100vh; /* ارتفاع کامل صفحه */

    margin: 0; /* حذف حاشیه */
    padding: 0;
    display: flex; /* برای قرار دادن محتوای داخلی */

    justify-content: center; /* وسط چین افقی */

    align-items: center;
    overflow-x: hidden; /* جلوگیری از اسکرول افقی */

}

.warning {
    display: none; /* مخفی کردن پیام هشدار به صورت پیش‌فرض */
    background-color: lightcoral;
    color: white;
    padding: 15px;
    border-radius: 5px;
    margin-top: 20px;
}

/*فونتها را تبدیل به کلاس کرده ام*/
.iryekan {
    font-family: iryekan;
}

.iransans {
    font-family: iransans;
}


/*فونتها را تبدیل به کلاس کرده ام*/

.center {
    display: flex; /* برای قرار دادن محتوای داخلی */

    justify-content: center; /* وسط چین افقی */

    align-items: center;
}

.my-background {
    background-repeat: no-repeat; /* جلوگیری از تکرار */
    background-size: cover; /* پوشش کامل صفحه */
    background-position: center; /* مرکزیت تصویر */

    height: 100vh; /* ارتفاع کامل صفحه */

    margin: 0; /* حذف حاشیه */
    padding: 0;
    display: flex; /* برای قرار دادن محتوای داخلی */

    justify-content: center; /* وسط چین افقی */

    align-items: center;
}

.main-color {
    color: #4d634c;
}

.bg-color {
    background-color: #c5beac;
    border-radius: 10px;
}

.text-color {
    color: #c5beac;
}

.text-yellow {
    color: #f8c03b
}

.scroll-container {

    overflow-y: auto; /* فعال‌سازی اسکرول عمودی */

    padding: 10px; /* فاصله داخلی */

}

/* مخفی کردن نوار اسکرول */

.scroll-container::-webkit-scrollbar {
    display: none; /* برای مرورگرهای Webkit مانند Chrome و Safari */
}

.scroll-container {
    -ms-overflow-style: none; /* برای Internet Explorer و Edge */
    scrollbar-width: none; /* برای Firefox */
}

.success {
    margin: 10px;
    background-image: linear-gradient(#8c8a57, #4d634c);
    padding: 10px;
    border-radius: 5px;
}

.error {
    margin: 10px;
    background-image: linear-gradient(#8c6157, #634d4c);
    padding: 10px;
    border-radius: 5px;
}

.warning {
    margin: 10px;
    border: 1px solid #ef986a;
    background-color: #f1c7b1;
    padding: 10px;
    border-radius: 5px;
}

.info {
    margin: 10px;
    border: 1px solid #44bdf1;
    background-color: #a3d5ea;
    padding: 10px;
    border-radius: 5px;
}

.rounded-image {
    border-radius: 35px; /* مقدار دلخواه برای شعاع گرد شدن لبه‌ها */
}

.rounded-image-m {
    border-radius: 15px; /* مقدار دلخواه برای شعاع گرد شدن لبه‌ها */
}

.responsive-div {
    width: 100%;
    padding: 20px;
}

.responsive-font-size {
    font-size: 20px;
}

/* برای دستگاه‌های با عرض کمتر از 768px */
@media (max-width: 767.98px) {
    .responsive-div {
        font-size: 22px;
        width: 95%;
    }

    .responsive-font-size {
        font-size: 32px;
    }
}

/* برای دستگاه‌های با عرض بین 768px و 991.98px */
@media (min-width: 768px) and (max-width: 991.98px) {
    .responsive-div {
        font-size: 24px;
        width: 90%;
    }

    .responsive-font-size {
        font-size: 32px;
    }

    .standard_height {
        height: 8vh;
    }
}

/* برای دستگاه‌های با عرض 992px و بالاتر */
@media (min-width: 992px) {
    .responsive-div {
        width: 60%;
        font-size: 18px;
    }

    .responsive-font-size {
        font-size: 25px;
    }

    .standard_height {
        height: 17vh;
    }
}

/* برای دستگاه‌های با عرض 992px و بالاتر */
@media (min-width: 1200px) {
    .responsive-div {
        width: 35%;
        font-size: 22px;
    }

    .responsive-font-size {
        font-size: 2vh;
    }

    .standard_height {
        height: 14vh;
    }
}

/* استایل پایه توست */
.toast {
    visibility: hidden; /* توست به طور پیش‌فرض مخفی است */
    min-width: 250px;
    background-color: #333;
    color: #fff;
    text-align: center;
    border-radius: 4px;
    padding: 16px;
    position: fixed;
    z-index: 1000;
    left: 50%;
    bottom: 30px;
    transform: translateX(-50%);
    opacity: 0;
    transition: opacity 0.5s, visibility 0.5s;
}

/* حالت نمایش توست */
.toast.show {
    visibility: visible;
    opacity: 1;
}

/* استایل برای انواع مختلف توست */
.toast.success {
    background-color: #28a745;
}

.toast.error {
    background-color: #dc3545;
}

.toast.warning {
    background-color: #ffc107;
    color: #000;
}


/*یک سری بک گراند رنگی سفارشی یک*/
.my-bg-green{
    background-color: #7dae66;
}.my-bg-blue{
    background-color: #6690ae;
}.my-bg-purple{
    background-color: #9266ae;
}.my-bg-yellow{
    background-color: #aea666;
}.my-bg-orange{
    background-color: #ae8666;
}.my-bg-red{
    background-color: #ac5454;
}