body {
    font-family: Arial, sans-serif;
    background-color: #008080;
    color: #fff;
    direction: rtl;
    margin: 0;
    padding: 0;
}

.pricing-table {
    width: 90%;
    margin: 20px auto; /* جدول در وسط صفحه قرار می‌گیرد */
    border-collapse: separate;
    border-spacing: 0 15px; /* فاصله بین خطوط جدول */
    background-color: transparent;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* سایه برای جذابیت بیشتر */
    border-radius: 12px; /* گرد کردن گوشه‌های جدول */
    text-align: center;
}

th, td {
    padding: 15px 20px; /* فضای داخلی سلول‌ها افزایش یافته */
    border: none;
    text-align: center; /* متن‌ها در مرکز سلول‌ها */
    vertical-align: middle; /* متن‌ها در وسط عمودی سلول‌ها */
    height: 60px; /* ارتفاع سلول‌ها */
}

th {
    background-color: #ffffff; /* رنگ سفید برای هدر */
    color: #004c4c; /* متن هدر به رنگ آبی تیره */
    font-size: 1.1rem;
    border-radius: 12px 12px 0 0; /* گرد کردن گوشه‌های بالای جدول */
}

td {
    font-size: 1rem;
    /*border-radius: 12px; !* گرد کردن گوشه‌های سلول‌ها *!*/
}

/* ردیف‌های زوج */
.pricing-table tbody tr:nth-child(even) {
    background-color: #12B8AC; /* رنگ تیره برای ردیف‌های زوج */
    color: #000000; /* متن  */
}

/* ردیف‌های فرد */
.pricing-table tbody tr:nth-child(odd) {
    background-color: #0171BB; /* رنگ روشن‌تر برای ردیف‌های فرد */
    color: #000000; /* متن سفید */
}

tr:hover td {
    background-color: #003f3f; /* تغییر رنگ هنگام هاور روی ردیف‌ها */
    color: #ffffff;
    transition: 0.3s;
}

.country-icon img {
    width: 50px;
    height: auto;
    border-radius: 50%; /* گرد کردن پرچم‌ها */
}