.elementor-2928 .elementor-element.elementor-element-1e5e587{--display:flex;}.elementor-2928 .elementor-element.elementor-element-980138e{--display:flex;}.elementor-2928 .elementor-element.elementor-element-16c109a{--display:flex;}/* Start custom CSS */<script>
function formatMoney(num){
return Math.round(num).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
}

document.addEventListener('input', function(){
const amount = Number(document.getElementById('loanAmount').value);
document.getElementById('rate1').classList.toggle('active', amount <= 2000000);
document.getElementById('rate2').classList.toggle('active', amount > 2000000);

const term = Number(document.getElementById('loanTerm').value);
document.getElementById('kiborGroup').style.display = term > 10 ? "block" : "none";
});

document.addEventListener('click', function(e){
if(e.target.id !== "calculateBtn") return;

const loanAmount = Number(document.getElementById('loanAmount').value);
const termYears = Number(document.getElementById('loanTerm').value);
const months = termYears * 12;

let rate1 = loanAmount <= 2000000 ? 5 : 8;
let r1 = rate1/100/12;
let EMI1 = loanAmount * r1 * Math.pow(1+r1, months) / (Math.pow(1+r1, months)-1);

let result = `
<div class="month-box"><strong>PKR ${formatMoney(EMI1)}</strong> Monthly Installment (First ${termYears>10?10:termYears} Years)</div>
<div class="urdu-section">آپ کی ماہانہ قسط: <strong>PKR ${formatMoney(EMI1)}</strong></div>
`;

if(termYears > 10){
const kibor = Number(document.getElementById('kiborRate').value);
let rate2 = (kibor+3)/100/12;
let m1 = 120;
let remaining = loanAmount * Math.pow(1+r1,m1) - EMI1*(Math.pow(1+r1,m1)-1)/r1;
let m2 = months - m1;
let EMI2 = remaining * rate2 * Math.pow(1+rate2,m2) / (Math.pow(1+rate2,m2)-1);

result += `
<div class="month-box"><strong>PKR ${formatMoney(EMI2)}</strong> Monthly Installment After 10 Years</div>
<div class="urdu-section">دس سال بعد نئی قسط: <strong>PKR ${formatMoney(EMI2)}</strong></div>`;
}

document.getElementById('resultContent').innerHTML = result;
});
</script>/* End custom CSS */