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&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: 15%; } .forex-table-s1 th:nth-child(2), .forex-table-s1 td:nth-child(2) { width: 25%; } .forex-table-s1 th:nth-child(3), .forex-table-s1 td:nth-child(3) { width: 30%; } .forex-table-s1 th:nth-child(4), .forex-table-s1 td:nth-child(4) { width: 30%; } .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: 8px 4px; text-align: center; border-bottom: 1px solid #f3f4f6; } .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; } /* 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: 7px 2px; } .flag-s1 { width: 16px; height: 11px; } .chart-container-s1 { height: 280px; padding: 10px; } } Inter Bank Exchange Rates Today Table Graph Flag Code Bank Buying Bank Selling USD277.95278.45 GBP373.53374.21 AED75.6875.82 SAR74.0374.16 EUR318.22318.79 CHF345.78346.40 SGD215.38215.77 CAD196.47196.82 AUD193.46193.80 CNY40.9841.05 HKD35.4635.53 JPY1.721.72 DKK42.5742.65 SEK28.7328.78 THB8.348.36 Disclaimer Interbank currency rates are official trading rates updated regularly during banking hours. Rates are provided for informational purposes only. // Tab Switching logic 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'); // Instantly resize/render chart if transitioning dynamically if(window.myInterbankChart) { window.myInterbankChart.update(); } } } // Chart.js Setup for Core High-Value Currencies document.addEventListener("DOMContentLoaded", function() { const ctx = document.getElementById('interbankChart').getContext('2d'); const chartLabels = ['USD', 'GBP', 'EUR', 'CHF', 'SGD', 'CAD', 'AUD']; const buyingData = [277.95, 373.53, 318.22, 345.78, 215.38, 196.47, 193.46]; const sellingData = [278.45, 374.21, 318.79, 346.40, 215.77, 196.82, 193.80]; window.myInterbankChart = new Chart(ctx, { type: 'bar', data: { labels: chartLabels, datasets: [ { label: 'Bank Buying', data: buyingData, backgroundColor: 'rgba(30, 58, 138, 0.85)', // Deep Blue borderColor: '#1e3a8a', borderWidth: 1, borderRadius: 4 }, { label: 'Bank Selling', data: sellingData, backgroundColor: 'rgba(14, 116, 144, 0.85)', // Cyan/Teal Accent 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: true, ticks: { font: { family: "'Poppins', sans-serif", size: 10 } } }, x: { ticks: { font: { family: "'Poppins', sans-serif", size: 10, weight: 600 } } } } } }); });