<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="en"> <div class="ag-fee-table-scroll"> <table class="ag-fee-table"> <thead> <tr> <th>Country</th> <th>Currency</th> <th>Approx. Charges in AED</th> </tr> </thead> <tbody id="agFeeTableBody"></tbody> </table> </div> <p class="ag-fee-note"> All charges shown are approximate and in AED. </p> </div> <script> (function () { /* ========================================= CONSOLIDATED AVERAGE TT CHARGES DATA ========================================= */ const feeData = [ ["Afghani", "AFN", "15.00%", "af"], ["Albania", "ALL", "15.00%", "al"], ["Algeria", "DZD", "15.00%", "dz"], ["Argentina", "ARS", "15.00%", "ar"], ["Armenian Dram", "AMD", "15.00%", "am"], ["Australia", "AUD", "150", "au"], ["Bahamian Dollar", "BSD", "15.00%", "bs"], ["Bahrain", "BHD", "5.00%", "bh"], ["Bangladesh", "BDT", "16.26", "bd"], ["Barbados Dollar", "BBD", "15.00%", "bb"], ["Boliviano", "BOB", "15.00%", "bo"], ["Botswana", "BWP", "15.00%", "bw"], ["Brazil", "BRL", "15.00%", "br"], ["Brunei Dollar", "BND", "15.00%", "bn"], ["Bulgaria", "BGN", "14.25%", "bg"], ["Burundi Franc", "BIF", "15.00%", "bi"], ["Cabo Verde Escudo", "CVE", "15.00%", "cv"], ["Canada", "CAD", "150", "ca"], ["Central African CFA zone", "XAF", "15.00%", null], ["Chile", "CLP", "15.00%", "cl"], ["China", "CNY", "150", "cn"], ["Colombia", "COP", "15.00%", "co"], ["Comorian Franc", "KMF", "15.00%", "km"], ["Congolese Franc", "CDF", "15.00%", "cd"], ["Convertible Mark", "BAM", "15.00%", "ba"], ["Costa Rican Colon", "CRC", "15.00%", "cr"], ["Czechia", "CZK", "15.00%", "cz"], ["Dalasi", "GMD", "15.00%", "gm"], ["Denmark", "DKK", "10.00%", "dk"], ["Djibouti Franc", "DJF", "15.00%", "dj"], ["Dominican Peso", "DOP", "15.00%", "do"], ["East Caribbean Dollar", "XCD", "15.00%", null], ["Egypt", "EGP", "14.94", "eg"], ["Egypt", "USD", "25.82", "eg"], ["Ethiopia", "ETB", "9.00%", "et"], ["Eurozone / EUR corridor", "EUR", "60.80%", "eu"], ["Fiji", "FJD", "15.00%", "fj"], ["Ghana", "GHS", "14.52%", "gh"], ["Gourde", "HTG", "15.00%", "ht"], ["Guinean Franc", "GNF", "15.00%", "gn"], ["Guyana Dollar", "GYD", "15.00%", "gy"], ["Hong Kong", "HKD", "150", "hk"], ["Hungary", "HUF", "15.00%", "hu"], ["India", "INR", "18.24", "in"], ["Indonesia", "IDR", "15", "id"], ["Indonesia", "USD", "20", "id"], ["Japan", "JPY", "150", "jp"], ["Jordan", "JOD", "27.65", "jo"], ["Jordan", "USD", "27.65", "jo"], ["Kenya", "KES", "13.64%", "ke"], ["Kuwait", "KWD", "7.50%", "kw"], ["Kwanza", "AOA", "15.00%", "ao"], ["Lao Kip", "LAK", "15.00%", "la"], ["Lari", "GEL", "15.00%", "ge"], ["Lempira", "HNL", "15.00%", "hn"], ["Leone", "SLL", "15.00%", "sl"], ["Lesotho", "LSL", "15.00%", "ls"], ["Malawi Kwacha", "MWK", "15.00%", "mw"], ["Malaysia", "MYR", "150", "my"], ["Morocco", "MAD", "0.00%", "ma"], ["Nakfa", "ERN", "15.00%", "er"], ["Nepal", "NPR", "19.09", "np"], ["New Zealand", "NZD", "150", "nz"], ["Ngultrum", "BTN", "15.00%", "bt"], ["Oman", "OMR", "0.00%", "om"], ["Pakistan", "PKR", "19.84", "pk"], ["Philippines", "PHP", "19.24", "ph"], ["Philippines", "USD", "15.99", "ph"], ["Qatar", "QAR", "0.00%", "qa"], ["Quetzal", "GTQ", "15.00%", "gt"], ["Riel", "KHR", "15.00%", "kh"], ["Rwanda", "RWF", "12.69%", "rw"], ["Saudi Arabia", "SAR", "0.00%", "sa"], ["Singapore", "SGD", "150", "sg"], ["South Africa", "ZAR", "15.00%", "za"], ["South Korea", "KRW", "15.00%", "kr"], ["Sri Lanka", "LKR", "19.75", "lk"], ["Sri Lanka", "USD", "19.05", "lk"], ["Switzerland", "CHF", "15.00%", "ch"], ["Tanzania", "TZS", "12.50%", "tz"], ["Thailand", "THB", "150", "th"], ["Tunisia", "TND", "22.50%", "tn"], ["Türkiye", "TRY", "15.00%", "tr"], ["Uganda", "UGX", "13.50%", "ug"], ["United Arab Emirates", "AED", "60.48", "ae"], ["United Kingdom", "GBP", "140", "gb"], ["United States / USD corridor", "USD", "20.97", "us"], ["Unspecified corridor", "TRL", "150", null], ["West African CFA zone", "XOF", "15", null], ["Zambia", "ZMW", "15.00%", "zm"], ["Zimbabwe Dollar", "ZWL", "15", "zw"] ]; /* ========================================= FLAG ========================================= */ function getFlagHTML(countryCode) { if (!countryCode) { return ` <span class="ag-flag-wrap"> <span class="ag-globe" aria-label="International"> 🌍 </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;>🌍</span>'; " > </span> `; } /* ========================================= BUILD TABLE ========================================= */ const tableBody = document.getElementById("agFeeTableBody"); feeData.forEach(function (item) { const country = item[0]; const currency = item[1]; /* * Remove % sign * Convert all charge values to 2 decimal places * * 15.00% -> 15.00 * 150 -> 150.00 * 15 -> 15.00 * 16.26 -> 16.26 */ 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"> AED </span> </span> </td> `; tableBody.appendChild(row); }); })(); </script>