<style> /* ========================================= AL GHURAIR - TT CHARGES TABLE WEBFLOW EMBED ========================================= */ .ag-fee-table-wrap { width: 100%; max-width: 100%; margin: 0 auto; font-family: inherit; color: #000; box-sizing: border-box; direction: ltr !important; unicode-bidi: isolate; text-align: left; } .ag-fee-table-wrap *, .ag-fee-table-wrap *::before, .ag-fee-table-wrap *::after { box-sizing: border-box; } /* ========================================= TABLE CONTAINER ========================================= */ .ag-fee-table-scroll { width: 100%; max-width: 100%; overflow: hidden; border: 1px solid #e5e5e5; border-radius: 14px; background: #fff; } /* ========================================= TABLE ========================================= */ .ag-fee-table { direction: ltr; width: 100%; max-width: 100%; table-layout: fixed; border-collapse: separate; border-spacing: 0; font-family: inherit; font-size: 15px; line-height: 1.5; background: #fff; } .ag-fee-table th:nth-child(1), .ag-fee-table td:nth-child(1) { width: 55%; } .ag-fee-table th:nth-child(2), .ag-fee-table td:nth-child(2) { width: 17%; } .ag-fee-table th:nth-child(3), .ag-fee-table td:nth-child(3) { width: 28%; } /* ========================================= HEADER ========================================= */ .ag-fee-table thead th { background: #000; color: #fff; padding: 16px 18px; text-align: left; font-family: inherit; font-size: 15px; font-weight: 600; line-height: 1.4; white-space: normal; border-bottom: 3px solid #add610; } .ag-fee-table thead th:first-child { border-top-left-radius: 13px; border-top-right-radius: 0; } .ag-fee-table thead th:last-child { border-top-right-radius: 13px; border-top-left-radius: 0; } .ag-fee-table thead th:nth-child(3) { text-align: right; } /* ========================================= BODY ========================================= */ .ag-fee-table tbody td { padding: 14px 18px; background: #fff; color: #000; font-family: inherit; font-size: 15px; font-weight: 400; line-height: 1.5; vertical-align: middle; border-bottom: 1px solid #ededed; overflow-wrap: anywhere; word-break: normal; } .ag-fee-table tbody tr:last-child td { border-bottom: 0; } /* ========================================= HOVER ========================================= */ .ag-fee-table tbody tr { transition: background-color 0.2s ease; } .ag-fee-table tbody tr:hover td { background: #f7fce9; } /* ========================================= COUNTRY ========================================= */ .ag-country { width: 100%; display: flex; align-items: center; gap: 10px; font-family: inherit; font-weight: 500; min-width: 0; } .ag-country > span:last-child { min-width: 0; overflow-wrap: anywhere; word-break: normal; } /* ========================================= FLAGS ========================================= */ .ag-flag-wrap { width: 30px; min-width: 30px; height: 21px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .ag-flag { display: block; width: 30px; height: 20px; min-width: 30px; object-fit: cover; border-radius: 3px; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.10); } /* Globe fallback */ .ag-globe { width: 30px; min-width: 30px; height: 20px; display: flex; align-items: center; justify-content: center; font-size: 18px; line-height: 1; } /* ========================================= CURRENCY ========================================= */ .ag-currency { display: block; color: #111; font-family: inherit; font-weight: 600; white-space: nowrap; } /* ========================================= APPROX CHARGES ========================================= */ .ag-fee-table tbody td:nth-child(3) { text-align: right; white-space: nowrap; } .ag-charge { display: inline-flex; align-items: baseline; justify-content: center; gap: 4px; min-width: 78px; padding: 6px 12px; margin-left: auto; border-radius: 7px; background: #add610; color: #000; font-family: inherit; font-size: 14px; font-weight: 700; line-height: 1.3; white-space: nowrap; } .ag-charge-currency { font-size: 10px; font-weight: 500; opacity: 0.75; } /* ========================================= NOTE ========================================= */ .ag-fee-note { margin: 12px 0 0; font-family: inherit; font-size: 13px; line-height: 1.5; color: #555; text-align: left; } /* ========================================= TABLET ========================================= */ @media screen and (max-width: 991px) { .ag-fee-table { font-size: 14px; } .ag-fee-table thead th { padding: 14px 14px; font-size: 14px; } .ag-fee-table tbody td { padding: 13px 14px; font-size: 14px; } } /* ========================================= MOBILE NO HORIZONTAL SCROLL ========================================= */ @media screen and (max-width: 767px) { .ag-fee-table-scroll { width: 100%; max-width: 100%; overflow: hidden; border-radius: 10px; } .ag-fee-table { width: 100%; min-width: 0; max-width: 100%; table-layout: fixed; font-size: 13px; } .ag-fee-table th:nth-child(1), .ag-fee-table td:nth-child(1) { width: 54%; } .ag-fee-table th:nth-child(2), .ag-fee-table td:nth-child(2) { width: 17%; } .ag-fee-table th:nth-child(3), .ag-fee-table td:nth-child(3) { width: 29%; } .ag-fee-table thead th { padding: 12px 10px; font-size: 12px; line-height: 1.3; white-space: normal; } .ag-fee-table tbody td { padding: 11px 10px; font-size: 13px; line-height: 1.35; overflow-wrap: anywhere; } .ag-country { gap: 7px; min-width: 0; align-items: center; } .ag-country > span:last-child { min-width: 0; overflow-wrap: anywhere; } .ag-flag-wrap { width: 24px; min-width: 24px; height: 17px; } .ag-flag { width: 24px; min-width: 24px; height: 16px; border-radius: 2px; } .ag-globe { width: 24px; min-width: 24px; height: 17px; font-size: 15px; } .ag-currency { font-size: 13px; font-weight: 600; } .ag-fee-table tbody td:nth-child(3) { text-align: right; white-space: nowrap; } .ag-charge { min-width: 0; padding: 5px 7px; font-size: 11px; border-radius: 6px; gap: 3px; } .ag-charge-currency { font-size: 8px; } .ag-fee-note { margin-top: 10px; font-size: 12px; } } /* ========================================= VERY SMALL MOBILE ========================================= */ @media screen and (max-width: 400px) { .ag-fee-table { font-size: 12px; } .ag-fee-table thead th { padding: 10px 7px; font-size: 11px; } .ag-fee-table tbody td { padding: 10px 7px; font-size: 12px; } .ag-country { gap: 6px; } .ag-flag-wrap, .ag-flag { width: 22px; min-width: 22px; } .ag-flag-wrap { height: 15px; } .ag-flag { height: 14px; } .ag-globe { width: 22px; min-width: 22px; font-size: 14px; } .ag-currency { font-size: 12px; } .ag-charge { padding: 4px 6px; font-size: 10px; gap: 3px; } .ag-charge-currency { font-size: 7px; } .ag-fee-note { font-size: 11px; } } </style> <!-- ========================================= TABLE ========================================= --> <div class="ag-fee-table-wrap" dir="ltr" lang="ar"> <div class="ag-fee-table-scroll"> <table class="ag-fee-table"> <thead> <tr> <th>الدولة</th> <th>العملة</th> <th>الرسوم التقريبية بالدرهم</th> </tr> </thead> <tbody id="agFeeTableBody"></tbody> </table> </div> <p class="ag-fee-note"> جميع الرسوم المعروضة تقريبية وبالدرهم الإماراتي. </p> </div> <script> (function () { const feeData = [ ["أفغاني", "AFN", "15.00%", "af"], ["ألبانيا", "ALL", "15.00%", "al"], ["الجزائر", "DZD", "15.00%", "dz"], ["الأرجنتين", "ARS", "15.00%", "ar"], ["درام أرميني", "AMD", "15.00%", "am"], ["أستراليا", "AUD", "150", "au"], ["دولار باهامي", "BSD", "15.00%", "bs"], ["البحرين", "BHD", "5.00%", "bh"], ["بنغلاديش", "BDT", "16.26", "bd"], ["دولار بربادوس", "BBD", "15.00%", "bb"], ["بوليفيانو", "BOB", "15.00%", "bo"], ["بوتسوانا", "BWP", "15.00%", "bw"], ["البرازيل", "BRL", "15.00%", "br"], ["دولار بروناي", "BND", "15.00%", "bn"], ["بلغاريا", "BGN", "14.25%", "bg"], ["فرنك بوروندي", "BIF", "15.00%", "bi"], ["إسكودو الرأس الأخضر", "CVE", "15.00%", "cv"], ["كندا", "CAD", "150", "ca"], ["منطقة فرنك وسط أفريقيا", "XAF", "15.00%", null], ["تشيلي", "CLP", "15.00%", "cl"], ["الصين", "CNY", "150", "cn"], ["كولومبيا", "COP", "15.00%", "co"], ["فرنك قمري", "KMF", "15.00%", "km"], ["فرنك كونغولي", "CDF", "15.00%", "cd"], ["مارك قابل للتحويل", "BAM", "15.00%", "ba"], ["كولون كوستاريكي", "CRC", "15.00%", "cr"], ["التشيك", "CZK", "15.00%", "cz"], ["دالاسي", "GMD", "15.00%", "gm"], ["الدنمارك", "DKK", "10.00%", "dk"], ["فرنك جيبوتي", "DJF", "15.00%", "dj"], ["بيزو دومينيكي", "DOP", "15.00%", "do"], ["دولار شرق الكاريبي", "XCD", "15.00%", null], ["مصر", "EGP", "14.94", "eg"], ["مصر", "USD", "25.82", "eg"], ["إثيوبيا", "ETB", "9.00%", "et"], ["منطقة اليورو", "EUR", "60.80%", "eu"], ["فيجي", "FJD", "15.00%", "fj"], ["غانا", "GHS", "14.52%", "gh"], ["غورد", "HTG", "15.00%", "ht"], ["فرنك غيني", "GNF", "15.00%", "gn"], ["دولار غيانا", "GYD", "15.00%", "gy"], ["هونغ كونغ", "HKD", "150", "hk"], ["المجر", "HUF", "15.00%", "hu"], ["الهند", "INR", "18.24", "in"], ["إندونيسيا", "IDR", "15", "id"], ["إندونيسيا", "USD", "20", "id"], ["اليابان", "JPY", "150", "jp"], ["الأردن", "JOD", "27.65", "jo"], ["الأردن", "USD", "27.65", "jo"], ["كينيا", "KES", "13.64%", "ke"], ["الكويت", "KWD", "7.50%", "kw"], ["كوانزا", "AOA", "15.00%", "ao"], ["كيب لاوي", "LAK", "15.00%", "la"], ["لاري", "GEL", "15.00%", "ge"], ["لمبيرا", "HNL", "15.00%", "hn"], ["ليوني", "SLL", "15.00%", "sl"], ["ليسوتو", "LSL", "15.00%", "ls"], ["كواشا ملاوي", "MWK", "15.00%", "mw"], ["ماليزيا", "MYR", "150", "my"], ["المغرب", "MAD", "0.00%", "ma"], ["ناكفا", "ERN", "15.00%", "er"], ["نيبال", "NPR", "19.09", "np"], ["نيوزيلندا", "NZD", "150", "nz"], ["نغولترم", "BTN", "15.00%", "bt"], ["عُمان", "OMR", "0.00%", "om"], ["باكستان", "PKR", "19.84", "pk"], ["الفلبين", "PHP", "19.24", "ph"], ["الفلبين", "USD", "15.99", "ph"], ["قطر", "QAR", "0.00%", "qa"], ["كتزال", "GTQ", "15.00%", "gt"], ["ريال كمبودي", "KHR", "15.00%", "kh"], ["رواندا", "RWF", "12.69%", "rw"], ["السعودية", "SAR", "0.00%", "sa"], ["سنغافورة", "SGD", "150", "sg"], ["جنوب أفريقيا", "ZAR", "15.00%", "za"], ["كوريا الجنوبية", "KRW", "15.00%", "kr"], ["سريلانكا", "LKR", "19.75", "lk"], ["سريلانكا", "USD", "19.05", "lk"], ["سويسرا", "CHF", "15.00%", "ch"], ["تنزانيا", "TZS", "12.50%", "tz"], ["تايلاند", "THB", "150", "th"], ["تونس", "TND", "22.50%", "tn"], ["تركيا", "TRY", "15.00%", "tr"], ["أوغندا", "UGX", "13.50%", "ug"], ["الإمارات العربية المتحدة", "AED", "60.48", "ae"], ["المملكة المتحدة", "GBP", "140", "gb"], ["الولايات المتحدة", "USD", "20.97", "us"], ["مسار غير محدد", "TRL", "150", null], ["منطقة فرنك غرب أفريقيا", "XOF", "15", null], ["زامبيا", "ZMW", "15.00%", "zm"], ["دولار زيمبابوي", "ZWL", "15", "zw"] ]; function getFlagHTML(countryCode) { if (!countryCode) { return ' <span class="ag-flag-wrap"> <span class="ag-globe" aria-label="دولي"> \uD83C\uDF0D </span> </span> '; } const flagURL = "https://flagcdn.com/w40/" + countryCode.toLowerCase() + ".png"; return ' <span class="ag-flag-wrap"> <img class="ag-flag" src="' + flagURL + '" alt="" loading="lazy" decoding="async" onerror=" this.style.display=\'none\'; this.parentNode.innerHTML=\'<span class=&quot;ag-globe&quot;>\uD83C\uDF0D</span>\'; " > </span> '; } const tableBody = document.getElementById("agFeeTableBody"); feeData.forEach(function (item) { const country = item[0]; const currency = item[1]; const numericCharge = parseFloat(String(item[2]).replace(/%/g, '')); const charge = isNaN(numericCharge) ? String(item[2]).replace(/%/g, '') : numericCharge.toFixed(2); const countryCode = item[3]; const row = document.createElement("tr"); row.innerHTML = ' <td> <div class="ag-country"> ' + getFlagHTML(countryCode) + ' <span> ' + country + ' </span> </div> </td> <td> <span class="ag-currency"> ' + currency + ' </span> </td> <td> <span class="ag-charge"> <span class="ag-charge-value"> ' + charge + ' </span> <span class="ag-charge-currency"> درهم </span> </span> </td> '; tableBody.appendChild(row); }); })(); </script>