Karachi – Today the following are the bank buying and bank selling rates in the interbank in Pakistan today: @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap'); .forex-widget-s1 { width: 100%; max-width: 520px; margin: 20px auto; font-family: 'Poppins', sans-serif; background: #fff; border: 1px solid #e5e7eb; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); } .forex-title-s1 { background: linear-gradient(135deg, #1e3a8a, #172554); color: #fff; text-align: center; padding: 12px; font-size: 15px; font-weight: 600; } /* Tab Navigation Styling */ .forex-tabs-s1 { display: flex; background: #f3f4f6; border-bottom: 1px solid #e5e7eb; } .forex-tab-btn-s1 { flex: 1; background: none; border: none; padding: 10px; font-family: 'Poppins', sans-serif; font-size: 13px; font-weight: 500; color: #4b5563; cursor: pointer; transition: all 0.2s ease; outline: none; } .forex-tab-btn-s1:hover { background: #eaeaea; color: #111827; } .forex-tab-btn-s1.active { background: #fff; color: #1e3a8a; font-weight: 600; border-bottom: 2px solid #1e3a8a; } /* View Visibility Control */ .forex-view-s1 { display: none; } .forex-view-s1.active { display: block; } .forex-scroll-s1 { width: 100%; max-height: 400px; overflow-y: auto; } .forex-table-s1 { width: 100%; border-collapse: collapse; font-size: 12px; table-layout: fixed; } .forex-table-s1 th:nth-child(1), .forex-table-s1 td:nth-child(1) { width: 12%; } .forex-table-s1 th:nth-child(2), .forex-table-s1 td:nth-child(2) { width: 18%; } .forex-table-s1 th:nth-child(3), .forex-table-s1 td:nth-child(3) { width: 35%; } .forex-table-s1 th:nth-child(4), .forex-table-s1 td:nth-child(4) { width: 35%; } .forex-table-s1 th { background: #f9fafb; padding: 10px 4px; font-weight: 600; color: #111827; border-bottom: 1px solid #e5e7eb; text-align: center; position: sticky; top: 0; z-index: 10; } .forex-table-s1 td { padding: 10px 4px; text-align: center; border-bottom: 1px solid #f3f4f6; vertical-align: middle; } .forex-table-s1 tr:hover { background: #f9fafb; } .flag-s1 { width: 18px; height: 13px; object-fit: cover; border-radius: 2px; vertical-align: middle; display: inline-block; } .code-s1 { font-weight: 600; color: #111827; } /* Rate Layout */ .rate-val-s1 { display: block; font-weight: 500; color: #111827; } /* Graph Section Container */ .chart-container-s1 { padding: 15px; position: relative; height: 320px; width: 100%; box-sizing: border-box; } .disclaimer-box-s1 { padding: 12px; background: #f9fafb; border-top: 1px solid #e5e7eb; } .disclaimer-title-s1 { font-size: 12px; font-weight: 600; margin-bottom: 4px; color: #374151; } .disclaimer-s1 { font-size: 11px; color: #6b7280; line-height: 1.5; } @media(max-width:480px) { .forex-table-s1 { font-size: 11px; } .forex-table-s1 th { padding: 8px 2px; } .forex-table-s1 td { padding: 8px 2px; } .flag-s1 { width: 16px; height: 11px; } .chart-container-s1 { height: 280px; padding: 10px; } } Inter Bank Exchange Rates - July 23, 2026 Table Graph Flag Code Bank Buying (PKR) Bank Selling (PKR) Disclaimer Interbank currency rates are official trading rates updated regularly during banking hours. Rates are provided for informational purposes only. const interbankData = [ { code: "USD", flag: "us", name: "US Dollar", buy: 277.75, sell: 278.25 }, { code: "GBP", flag: "gb", name: "UK Pound Sterling", buy: 371.97, sell: 372.64 }, { code: "EUR", flag: "eu", name: "Euro", buy: 317.53, sell: 318.10 }, { code: "CHF", flag: "ch", name: "Swiss Franc", buy: 341.57, sell: 342.18 }, { code: "SGD", flag: "sg", name: "Singapore Dollar", buy: 215.50, sell: 215.89 }, { code: "CAD", flag: "ca", name: "Canadian Dollar", buy: 197.53, sell: 197.89 }, { code: "AUD", flag: "au", name: "Australian Dollar", buy: 194.49, sell: 195.29 }, { code: "AED", flag: "ae", name: "U.A.E Dirham", buy: 75.64, sell: 75.78 }, { code: "SAR", flag: "sa", name: "Saudi Riyal", buy: 74.02, sell: 74.15 }, { code: "DKK", flag: "dk", name: "Danish Krone", buy: 42.47, sell: 42.55 }, { code: "CNY", flag: "cn", name: "China Yuan", buy: 41.05, sell: 41.12 }, { code: "HKD", flag: "hk", name: "Hong Kong Dollar", buy: 35.45, sell: 35.52 }, { code: "SEK", flag: "se", name: "Swedish Korona", buy: 28.71, sell: 28.76 }, { code: "THB", flag: "th", name: "Thai Bhat", buy: 8.23, sell: 8.25 }, { code: "JPY", flag: "jp", name: "Japanese Yen", buy: 1.70, sell: 1.71 } ]; function switchInterbankTab(tabName) { const tabButtons = document.querySelectorAll('.forex-tab-btn-s1'); const tableView = document.getElementById('interbank-table-view'); const graphView = document.getElementById('interbank-graph-view'); tabButtons.forEach(btn => btn.classList.remove('active')); if (tabName === 'table') { tabButtons[0].classList.add('active'); tableView.classList.add('active'); graphView.classList.remove('active'); } else { tabButtons[1].classList.add('active'); graphView.classList.add('active'); tableView.classList.remove('active'); if(window.myInterbankChart) { window.myInterbankChart.update(); } } } document.addEventListener("DOMContentLoaded", function() { // Populate Table const tbody = document.getElementById('interbank-tbody-s1'); interbankData.forEach(item => { const tr = document.createElement('tr'); tr.innerHTML = ` <td><img class="flag-s1" src="https://flagcdn.com/${item.flag}.svg" alt="${item.name} Flag"></td> <td class="code-s1">${item.code}</td> <td><span class="rate-val-s1">${item.buy.toFixed(2)}</span></td> <td><span class="rate-val-s1">${item.sell.toFixed(2)}</span></td> `; tbody.appendChild(tr); }); // Populate Chart (Top 7 Major Currencies for clear visual contrast) const chartCurrencies = ['USD', 'GBP', 'EUR', 'CHF', 'SGD', 'CAD', 'AUD']; const chartData = interbankData.filter(d => chartCurrencies.includes(d.code)); const ctx = document.getElementById('interbankChart').getContext('2d'); window.myInterbankChart = new Chart(ctx, { type: 'bar', data: { labels: chartData.map(d => d.code), datasets: [ { label: 'Bank Buying', data: chartData.map(d => d.buy), backgroundColor: 'rgba(30, 58, 138, 0.85)', borderColor: '#1e3a8a', borderWidth: 1, borderRadius: 4 }, { label: 'Bank Selling', data: chartData.map(d => d.sell), backgroundColor: 'rgba(14, 116, 144, 0.85)', borderColor: '#0e7490', borderWidth: 1, borderRadius: 4 } ] }, options: { responsive: true, maintainAspectRatio: false, plugins: { legend: { position: 'top', labels: { font: { family: "'Poppins', sans-serif", size: 11 } } } }, scales: { y: { beginAtZero: false, ticks: { font: { family: "'Poppins', sans-serif", size: 10 } } }, x: { ticks: { font: { family: "'Poppins', sans-serif", size: 10, weight: 600 } } } } } }); });
