{"id":239606,"date":"2025-01-18T10:38:37","date_gmt":"2025-01-18T10:38:37","guid":{"rendered":"https:\/\/investbank.jo\/?page_id=239606"},"modified":"2025-12-14T12:19:25","modified_gmt":"2025-12-14T12:19:25","slug":"loans-calculator","status":"publish","type":"page","link":"https:\/\/www.investbank.jo\/loans-calculator\/","title":{"rendered":"Loans Calculator"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; custom_padding_last_edited=&#8221;on|phone&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; use_background_color_gradient=&#8221;on&#8221; background_color_gradient_direction=&#8221;90deg&#8221; background_color_gradient_stops=&#8221;rgba(98,100,108,0.72) 0%|rgba(98,100,108,0) 100%&#8221; background_color_gradient_overlays_image=&#8221;on&#8221; background_image=&#8221;https:\/\/www.investbank.jo\/media\/2025\/01\/Commissions-and-Fees.jpg&#8221; custom_padding=&#8221;23vh||23vh||true|false&#8221; custom_padding_tablet=&#8221;15vh||15vh||true|false&#8221; custom_padding_phone=&#8221;13vh||13vh||true|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; width=&#8221;85%&#8221; max_width=&#8221;85%&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;Tajawal||||||||&#8221; text_text_color=&#8221;#FFFFFF&#8221; text_font_size=&#8221;40px&#8221; header_font=&#8221;Tajawal||||||||&#8221; header_text_color=&#8221;#FFFFFF&#8221; header_font_size=&#8221;40px&#8221; text_font_size_tablet=&#8221;35px&#8221; text_font_size_phone=&#8221;35px&#8221; text_font_size_last_edited=&#8221;on|desktop&#8221; header_font_size_tablet=&#8221;35px&#8221; header_font_size_phone=&#8221;35px&#8221; header_font_size_last_edited=&#8221;on|tablet&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h1>Loans Calculator<\/h1>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; admin_label=&#8221;Section&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;30px||0px||false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row use_custom_gutter=&#8221;on&#8221; gutter_width=&#8221;2&#8243; make_equal=&#8221;on&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;rgba(170,133,77,0.1)&#8221; width=&#8221;85%&#8221; width_tablet=&#8221;95%&#8221; width_phone=&#8221;70%&#8221; width_last_edited=&#8221;on|tablet&#8221; max_width=&#8221;85%&#8221; max_width_tablet=&#8221;95%&#8221; max_width_phone=&#8221;70%&#8221; max_width_last_edited=&#8221;on|tablet&#8221; module_alignment=&#8221;center&#8221; custom_margin=&#8221;||35px||false|false&#8221; custom_padding=&#8221;25px|25px|25px|25px|true|true&#8221; border_radii=&#8221;on|50px|50px|50px|50px&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; custom_css_main_element=&#8221;margin:auto&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_divimenus_flex hide_button=&#8221;on&#8221; alignment=&#8221;center&#8221; force_fullwidth=&#8221;on&#8221; menu_button_scale=&#8221;off&#8221; menu_button_background_color=&#8221;RGBA(255,255,255,0)&#8221; menu_item_background_color=&#8221;RGBA(255,255,255,0)&#8221; h_gap=&#8221;15px&#8221; menu_item_padding=&#8221;||||false|true&#8221; direction_tablet=&#8221;row&#8221; direction_phone=&#8221;column&#8221; direction_last_edited=&#8221;on|tablet&#8221; mb_fullwidth_tablet=&#8221;on&#8221; mb_fullwidth_phone=&#8221;on&#8221; mb_fullwidth_last_edited=&#8221;on|tablet&#8221; h_gap_tablet=&#8221;0px&#8221; h_gap_phone=&#8221;0px&#8221; h_gap_last_edited=&#8221;on|phone&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; menu_item_font=&#8221;Tajawal|700||||||rgba(177,144,79,0.4)|solid&#8221; menu_item_text_color=&#8221;#000000&#8243; menu_item_font_size=&#8221;17px&#8221; menu_item_line_height=&#8221;1.3em&#8221; menu_item_font_size_tablet=&#8221;16px&#8221; menu_item_font_size_phone=&#8221;16px&#8221; menu_item_font_size_last_edited=&#8221;on|desktop&#8221; border_radii_menu_item=&#8221;on|50px|50px|50px|50px&#8221; global_colors_info=&#8221;{}&#8221; menu_item_background_color__hover_enabled=&#8221;on|desktop&#8221; menu_item_background_color__hover=&#8221;rgba(98,100,108,0.1)&#8221;][et_pb_divimenus_flex_item title=&#8221;Personal Loan&#8221; active_url=&#8221;on&#8221; link_type=&#8221;show&#8221; element_class=&#8221;personal&#8221; show_toggle=&#8221;off&#8221; show_mb_close=&#8221;off&#8221; show_visible=&#8221;on&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; direction_last_edited=&#8221;on|tablet&#8221; direction_tablet=&#8221;row&#8221; direction_phone=&#8221;column&#8221; direction=&#8221;row&#8221; force_fullwidth=&#8221;on&#8221;][\/et_pb_divimenus_flex_item][et_pb_divimenus_flex_item title=&#8221;Housing Loan&#8221; link_type=&#8221;show&#8221; element_class=&#8221;housing&#8221; show_toggle=&#8221;off&#8221; show_mb_close=&#8221;off&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; direction_last_edited=&#8221;on|tablet&#8221; direction_tablet=&#8221;row&#8221; direction_phone=&#8221;column&#8221; direction=&#8221;row&#8221; force_fullwidth=&#8221;on&#8221;][\/et_pb_divimenus_flex_item][et_pb_divimenus_flex_item title=&#8221;Land Financing&#8221; link_type=&#8221;show&#8221; element_class=&#8221;land&#8221; show_toggle=&#8221;off&#8221; show_mb_close=&#8221;off&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; direction_last_edited=&#8221;on|tablet&#8221; direction_tablet=&#8221;row&#8221; direction_phone=&#8221;column&#8221; direction=&#8221;row&#8221; force_fullwidth=&#8221;on&#8221;][\/et_pb_divimenus_flex_item][et_pb_divimenus_flex_item title=&#8221;Auto Loan&#8221; link_type=&#8221;show&#8221; element_class=&#8221;auto&#8221; show_toggle=&#8221;off&#8221; show_mb_close=&#8221;off&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; direction_last_edited=&#8221;on|tablet&#8221; direction_tablet=&#8221;row&#8221; direction_phone=&#8221;column&#8221; direction=&#8221;row&#8221; force_fullwidth=&#8221;on&#8221;][\/et_pb_divimenus_flex_item][et_pb_divimenus_flex_item title=&#8221;Equity Release&#8221; link_type=&#8221;show&#8221; element_class=&#8221;equity&#8221; show_toggle=&#8221;off&#8221; show_mb_close=&#8221;off&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; direction_last_edited=&#8221;on|tablet&#8221; direction_tablet=&#8221;row&#8221; direction_phone=&#8221;column&#8221; direction=&#8221;row&#8221; force_fullwidth=&#8221;on&#8221;][\/et_pb_divimenus_flex_item][et_pb_divimenus_flex_item title=&#8221;Under Construction&#8221; link_type=&#8221;show&#8221; element_class=&#8221;construction&#8221; show_toggle=&#8221;off&#8221; show_mb_close=&#8221;off&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; direction_last_edited=&#8221;on|tablet&#8221; direction_tablet=&#8221;row&#8221; direction_phone=&#8221;column&#8221; direction=&#8221;row&#8221; force_fullwidth=&#8221;on&#8221;][\/et_pb_divimenus_flex_item][\/et_pb_divimenus_flex][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; admin_label=&#8221;Section&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;30px||30px||true|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row column_structure=&#8221;1_2,1_2&#8243; use_custom_gutter=&#8221;on&#8221; gutter_width=&#8221;2&#8243; make_equal=&#8221;on&#8221; module_class=&#8221;personal&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#FFFFFF&#8221; width=&#8221;85%&#8221; max_width=&#8221;85%&#8221; custom_padding=&#8221;30px|30px|30px|30px|true|true&#8221; border_width_all=&#8221;1px&#8221; border_color_all=&#8221;rgba(170,133,77,0.29)&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;Tajawal||||||||&#8221; text_text_color=&#8221;#AA854D&#8221; text_font_size=&#8221;30px&#8221; custom_padding=&#8221;30px||0px||false|false&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Calculate your personal loan<\/p>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;Tajawal|300|||||||&#8221; text_text_color=&#8221;#000000&#8243; text_font_size=&#8221;20px&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Adjust the amount on the calculator to see how much the monthly repayments could be on your loan.<\/p>\n<p>[\/et_pb_text][et_pb_code _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; border_radii=&#8221;on|25px|25px|25px|25px&#8221; border_width_all=&#8221;1px&#8221; border_color_all=&#8221;rgba(170,133,77,0.2)&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<style>  .loan-calculator {    max-width: 800px;    margin: 0 auto;    padding: 30px;    background: #ffffff;    border-radius: 12px;    font-family: \"Tajawal\", sans-serif;  }  .input-group {    margin-bottom: 25px;  }  .input-group label {    display: block;    margin-bottom: 8px;    color: #2c3e50;    font-weight: 500;  }  .input-group input[type=\"number\"] {    width: 100%;    padding: 12px 15px;    border: 2px solid #e0e0e0;    border-radius: 8px;    font-size: 16px;    transition: border-color 0.3s ease;    font-family: \"Tajawal\", sans-serif;  }  .input-group input[type=\"number\"]:focus {    border-color: #aa854d;    outline: none;  }  .range-slider {    width: 100%;    margin-top: 10px;    padding: 0;    background-color: rgba(170, 133, 77, 0.2);  }   .range-slider input[type=\"range\"] {    -webkit-appearance: none;    appearance: none;    width: 100%;    height: 4px;    background: #e6e6e6;    outline: none;    margin: 10px 0;    border-radius: 2px;  }  .range-slider input[type=\"range\"]::-webkit-slider-thumb {    -webkit-appearance: none;    appearance: none;    width: 24px;    height: 24px;    background: #aa854d;    border-radius: 50%;    cursor: pointer;    border: none;  }  .error-message {    color: #e74c3c;    font-size: 14px;    margin-top: 5px;    display: none;    font-family: \"Tajawal\", sans-serif;  }<\/style>\n<div class=\"loan-calculator\">\n<div class=\"input-group\">    <label for=\"loanAmount\">Loan Amount (JOD)<\/label>    <input type=\"number\" id=\"loanAmount\" min=\"1\" max=\"1000000\" value=\"5000\" \/>    <input      type=\"range\"      class=\"range-slider\"      id=\"loanAmountSlider\"      min=\"1\"      max=\"1000000\"      value=\"5000\"    \/>    <span class=\"error-message\" id=\"amountError\"><\/span>  <\/div>\n<div class=\"input-group\">    <label for=\"loanTerm\">Loan Term (Months)<\/label>    <input type=\"number\" id=\"loanTerm\" min=\"2\" max=\"96\" value=\"24\" \/>    <input      type=\"range\"      class=\"range-slider\"      id=\"loanTermSlider\"      min=\"2\"      max=\"96\"      value=\"24\"    \/>    <span class=\"error-message\" id=\"termError\"><\/span>  <\/div>\n<\/div>\n<p><script>  jQuery(document).ready(function ($) {    function updateSliders() {      const amount = $(\"#loanAmount\").val();      const term = $(\"#loanTerm\").val();      $(\"#loanAmountSlider\").val(amount);      $(\"#loanTermSlider\").val(term);      $(document).trigger(\"calculateLoan\", {        principal: parseFloat(amount),        months: parseInt(term),      });    }    function updateInputs() {      const amount = $(\"#loanAmountSlider\").val();      const term = $(\"#loanTermSlider\").val();      $(\"#loanAmount\").val(amount);      $(\"#loanTerm\").val(term);      $(document).trigger(\"calculateLoan\", {        principal: parseFloat(amount),        months: parseInt(term),      });    }    $(\"#loanAmount, #loanTerm\").on(\"input\", function () {      updateSliders();    });    $(\"#loanAmountSlider, #loanTermSlider\").on(\"input\", function () {      updateInputs();    });    updateSliders();  });<\/script>[\/et_pb_code][\/et_pb_column][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;Tajawal||||||||&#8221; text_text_color=&#8221;#AA854D&#8221; text_font_size=&#8221;30px&#8221; custom_padding=&#8221;30px||0px||false|false&#8221; global_colors_info=&#8221;{}&#8221;]Summary[\/et_pb_text][et_pb_code _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;0px||0px||true|false&#8221; border_radii=&#8221;on|25px|25px|25px|25px&#8221; border_width_all=&#8221;1px&#8221; border_color_all=&#8221;rgba(170,133,77,0.2)&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<style><!-- [et_pb_line_break_holder] -->  .loan-summary {<!-- [et_pb_line_break_holder] -->    max-width: 800px;<!-- [et_pb_line_break_holder] -->    margin: 20px auto;<!-- [et_pb_line_break_holder] -->    padding: 30px;<!-- [et_pb_line_break_holder] -->    background: #ffffff;<!-- [et_pb_line_break_holder] -->    border-radius: 12px;<!-- [et_pb_line_break_holder] -->    font-family: \"Tajawal\", sans-serif;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  .summary-grid {<!-- [et_pb_line_break_holder] -->    display: grid;<!-- [et_pb_line_break_holder] -->    grid-template-columns: repeat(2, 1fr);<!-- [et_pb_line_break_holder] -->    gap: 20px;<!-- [et_pb_line_break_holder] -->    margin-bottom: 30px;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  .summary-item {<!-- [et_pb_line_break_holder] -->    padding: 15px;<!-- [et_pb_line_break_holder] -->    background: #f8f9fa;<!-- [et_pb_line_break_holder] -->    border-radius: 8px;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  .summary-item .label {<!-- [et_pb_line_break_holder] -->    color: #666;<!-- [et_pb_line_break_holder] -->    font-size: 14px;<!-- [et_pb_line_break_holder] -->    margin-bottom: 5px;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  .summary-item .value {<!-- [et_pb_line_break_holder] -->    color: #2c3e50;<!-- [et_pb_line_break_holder] -->    font-size: 24px;<!-- [et_pb_line_break_holder] -->    font-weight: 600;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  .summary-item .value.highlight {<!-- [et_pb_line_break_holder] -->    color: #aa854d;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  .chart-container {<!-- [et_pb_line_break_holder] -->    width: 200px;<!-- [et_pb_line_break_holder] -->    height: 200px;<!-- [et_pb_line_break_holder] -->    margin: 0 auto;<!-- [et_pb_line_break_holder] -->    position: relative;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  #loanChart {<!-- [et_pb_line_break_holder] -->    width: 100%;<!-- [et_pb_line_break_holder] -->    height: 100%;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  .chart-legend {<!-- [et_pb_line_break_holder] -->    display: flex;<!-- [et_pb_line_break_holder] -->    justify-content: center;<!-- [et_pb_line_break_holder] -->    gap: 20px;<!-- [et_pb_line_break_holder] -->    margin-top: 20px;<!-- [et_pb_line_break_holder] -->    font-family: \"Tajawal\", sans-serif;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  .legend-item {<!-- [et_pb_line_break_holder] -->    display: flex;<!-- [et_pb_line_break_holder] -->    align-items: center;<!-- [et_pb_line_break_holder] -->    gap: 8px;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  .legend-color {<!-- [et_pb_line_break_holder] -->    width: 12px;<!-- [et_pb_line_break_holder] -->    height: 12px;<!-- [et_pb_line_break_holder] -->    border-radius: 2px;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><\/style>\n<p><!-- [et_pb_line_break_holder] --><\/p>\n<div class=\"loan-summary\"><!-- [et_pb_line_break_holder] -->  <\/p>\n<div class=\"summary-grid\"><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"summary-item\"><!-- [et_pb_line_break_holder] -->      <\/p>\n<div class=\"label\">Monthly Payment<\/div>\n<p><!-- [et_pb_line_break_holder] -->      <\/p>\n<div class=\"value highlight\" id=\"monthlyPayment\">JOD 0<\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"summary-item\"><!-- [et_pb_line_break_holder] -->      <\/p>\n<div class=\"label\">Total Interest<\/div>\n<p><!-- [et_pb_line_break_holder] -->      <\/p>\n<div class=\"value\" id=\"totalInterest\">JOD 0<\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] -->  <\/div>\n<p><!-- [et_pb_line_break_holder] -->  <\/p>\n<div class=\"chart-container\"><canvas id=\"loanChart\"><\/canvas><\/div>\n<p><!-- [et_pb_line_break_holder] -->  <\/p>\n<div class=\"chart-legend\"><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"legend-item\"><!-- [et_pb_line_break_holder] -->      <\/p>\n<div class=\"legend-color\" style=\"background: #e9dcc9\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->      <span>Principal<\/span><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"legend-item\"><!-- [et_pb_line_break_holder] -->      <\/p>\n<div class=\"legend-color\" style=\"background: #aa854d\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->      <span>Interest<\/span><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] -->  <\/div>\n<p><!-- [et_pb_line_break_holder] --><\/div>\n<p><!-- [et_pb_line_break_holder] --><script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script><!-- [et_pb_line_break_holder] --><script><!-- [et_pb_line_break_holder] -->  jQuery(document).ready(function ($) {<!-- [et_pb_line_break_holder] -->    let loanChart;<!-- [et_pb_line_break_holder] -->    const annualRate = 0.1025;<!-- [et_pb_line_break_holder] -->    const monthlyRate = annualRate \/ 12;<!-- [et_pb_line_break_holder] -->    function formatCurrency(value) {<!-- [et_pb_line_break_holder] -->      return \"JOD \" + value.toFixed(3);<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->    function initChart() {<!-- [et_pb_line_break_holder] -->      const ctx = document.getElementById(\"loanChart\").getContext(\"2d\");<!-- [et_pb_line_break_holder] -->      loanChart = new Chart(ctx, {<!-- [et_pb_line_break_holder] -->        type: \"doughnut\",<!-- [et_pb_line_break_holder] -->        data: {<!-- [et_pb_line_break_holder] -->          labels: [\"Principal\", \"Interest\"],<!-- [et_pb_line_break_holder] -->          datasets: [<!-- [et_pb_line_break_holder] -->            {<!-- [et_pb_line_break_holder] -->              data: [0, 0],<!-- [et_pb_line_break_holder] -->              backgroundColor: [\"#e9dcc9\", \"#aa854d\"],<!-- [et_pb_line_break_holder] -->              borderWidth: 0,<!-- [et_pb_line_break_holder] -->            },<!-- [et_pb_line_break_holder] -->          ],<!-- [et_pb_line_break_holder] -->        },<!-- [et_pb_line_break_holder] -->        options: {<!-- [et_pb_line_break_holder] -->          responsive: true,<!-- [et_pb_line_break_holder] -->          maintainAspectRatio: false,<!-- [et_pb_line_break_holder] -->          plugins: { legend: { display: false } },<!-- [et_pb_line_break_holder] -->          cutout: \"70%\",<!-- [et_pb_line_break_holder] -->        },<!-- [et_pb_line_break_holder] -->      });<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->    function calculateLoan(principal, months) {<!-- [et_pb_line_break_holder] -->      const EMI =<!-- [et_pb_line_break_holder] -->        (principal * monthlyRate * Math.pow(1 + monthlyRate, months)) \/<!-- [et_pb_line_break_holder] -->        (Math.pow(1 + monthlyRate, months) - 1);<!-- [et_pb_line_break_holder] -->      const totalPayment = EMI * months;<!-- [et_pb_line_break_holder] -->      const totalInterest = totalPayment - principal;<!-- [et_pb_line_break_holder] -->      $(\"#monthlyPayment\").text(formatCurrency(EMI));<!-- [et_pb_line_break_holder] -->      $(\"#totalInterest\").text(formatCurrency(totalInterest));<!-- [et_pb_line_break_holder] -->      loanChart.data.datasets[0].data = [principal, totalInterest];<!-- [et_pb_line_break_holder] -->      loanChart.update();<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->    initChart();<!-- [et_pb_line_break_holder] -->    $(document).on(\"calculateLoan\", function (event, data) {<!-- [et_pb_line_break_holder] -->      calculateLoan(data.principal, data.months);<!-- [et_pb_line_break_holder] -->    });<!-- [et_pb_line_break_holder] -->  });<!-- [et_pb_line_break_holder] --><\/script><!-- [et_pb_line_break_holder] -->[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; admin_label=&#8221;Section&#8221; module_class=&#8221;housing&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;30px||30px||true|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row column_structure=&#8221;1_2,1_2&#8243; use_custom_gutter=&#8221;on&#8221; gutter_width=&#8221;2&#8243; make_equal=&#8221;on&#8221; module_class=&#8221;housing&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#FFFFFF&#8221; width=&#8221;85%&#8221; max_width=&#8221;85%&#8221; custom_padding=&#8221;30px|30px|30px|30px|true|true&#8221; border_width_all=&#8221;1px&#8221; border_color_all=&#8221;rgba(170,133,77,0.29)&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;Tajawal||||||||&#8221; text_text_color=&#8221;#AA854D&#8221; text_font_size=&#8221;30px&#8221; custom_padding=&#8221;30px||0px||false|false&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Calculate your Housing loan<\/p>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;Tajawal|300|||||||&#8221; text_text_color=&#8221;#000000&#8243; text_font_size=&#8221;20px&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Adjust the amount on the calculator to see how much the monthly repayments could be on your loan.<\/p>\n<p>[\/et_pb_text][et_pb_code _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; border_radii=&#8221;on|25px|25px|25px|25px&#8221; border_width_all=&#8221;1px&#8221; border_color_all=&#8221;rgba(170,133,77,0.2)&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<style>  .housing-loan-calculator {    max-width: 800px;    margin: 0 auto;    padding: 30px;    background: #ffffff;    border-radius: 12px;    font-family: \"Tajawal\", sans-serif;  }  .housing-loan-calculator .input-group {    margin-bottom: 25px;  }  .housing-loan-calculator .input-group label {    display: block;    margin-bottom: 8px;    color: #2c3e50;    font-weight: 500;  }  .housing-loan-calculator .input-group input[type=\"number\"] {    width: 100%;    padding: 12px 15px;    border: 2px solid #e0e0e0;    border-radius: 8px;    font-size: 16px;    transition: border-color 0.3s ease;    font-family: \"Tajawal\", sans-serif;  }  .housing-loan-calculator .input-group input[type=\"number\"]:focus {    border-color: #aa854d;    outline: none;  }  .housing-loan-calculator .range-slider {    width: 100%;    margin-top: 10px;    padding: 0;    background-color: rgba(170, 133, 77, 0.2);  }  .housing-loan-calculator .range-slider input[type=\"range\"] {    -webkit-appearance: none;    appearance: none;    width: 100%;    height: 4px;    background: #e6e6e6;    outline: none;    margin: 10px 0;    border-radius: 2px;  }  .housing-loan-calculator    .range-slider    input[type=\"range\"]::-webkit-slider-thumb {    -webkit-appearance: none;    appearance: none;    width: 24px;    height: 24px;    background: #aa854d;    border-radius: 50%;    cursor: pointer;    border: none;  }  .housing-loan-calculator .error-message {    color: #e74c3c;    font-size: 14px;    margin-top: 5px;    display: none;    font-family: \"Tajawal\", sans-serif;  }<\/style>\n<div class=\"housing-loan-calculator\">\n<div class=\"input-group\">    <label for=\"housingLoanAmount\">Loan Amount (JOD)<\/label>    <input      type=\"number\"      id=\"housingLoanAmount\"      min=\"1\"      max=\"1000000\"      value=\"5000\"    \/>    <input      type=\"range\"      class=\"range-slider\"      id=\"housingLoanAmountSlider\"      min=\"1\"      max=\"1000000\"      value=\"5000\"    \/>    <span class=\"error-message\" id=\"housingAmountError\"><\/span>  <\/div>\n<div class=\"input-group\">    <label for=\"housingLoanTerm\">Loan Term (Months)<\/label>    <input type=\"number\" id=\"housingLoanTerm\" min=\"2\" max=\"360\" value=\"24\" \/>    <input      type=\"range\"      class=\"range-slider\"      id=\"housingLoanTermSlider\"      min=\"2\"      max=\"360\"      value=\"24\"    \/>    <span class=\"error-message\" id=\"housingTermError\"><\/span>  <\/div>\n<\/div>\n<p><script>  jQuery(document).ready(function ($) {    function updateHousingSliders() {      const amount = $(\"#housingLoanAmount\").val();      const term = $(\"#housingLoanTerm\").val();      $(\"#housingLoanAmountSlider\").val(amount);      $(\"#housingLoanTermSlider\").val(term);      $(document).trigger(\"calculateHousingLoan\", {        principal: parseFloat(amount),        months: parseInt(term, 10),      });    }    function updateHousingInputs() {      const amount = $(\"#housingLoanAmountSlider\").val();      const term = $(\"#housingLoanTermSlider\").val();      $(\"#housingLoanAmount\").val(amount);      $(\"#housingLoanTerm\").val(term);      $(document).trigger(\"calculateHousingLoan\", {        principal: parseFloat(amount),        months: parseInt(term, 10),      });    }    $(\"#housingLoanAmount, #housingLoanTerm\").on(\"input\", updateHousingSliders);    $(\"#housingLoanAmountSlider, #housingLoanTermSlider\").on(      \"input\",      updateHousingInputs    );    updateHousingSliders();  });<\/script>[\/et_pb_code][\/et_pb_column][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;Tajawal||||||||&#8221; text_text_color=&#8221;#AA854D&#8221; text_font_size=&#8221;30px&#8221; custom_padding=&#8221;30px||0px||false|false&#8221; global_colors_info=&#8221;{}&#8221;]Summary[\/et_pb_text][et_pb_code _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;0px||0px||true|false&#8221; border_radii=&#8221;on|25px|25px|25px|25px&#8221; border_width_all=&#8221;1px&#8221; border_color_all=&#8221;rgba(170,133,77,0.2)&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<style><!-- [et_pb_line_break_holder] -->  .housing-loan-summary {<!-- [et_pb_line_break_holder] -->    max-width: 800px;<!-- [et_pb_line_break_holder] -->    margin: 20px auto;<!-- [et_pb_line_break_holder] -->    padding: 30px;<!-- [et_pb_line_break_holder] -->    background: #ffffff;<!-- [et_pb_line_break_holder] -->    border-radius: 12px;<!-- [et_pb_line_break_holder] -->    font-family: \"Tajawal\", sans-serif;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  .housing-summary-grid {<!-- [et_pb_line_break_holder] -->    display: grid;<!-- [et_pb_line_break_holder] -->    grid-template-columns: repeat(2, 1fr);<!-- [et_pb_line_break_holder] -->    gap: 20px;<!-- [et_pb_line_break_holder] -->    margin-bottom: 30px;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  .housing-summary-item {<!-- [et_pb_line_break_holder] -->    padding: 15px;<!-- [et_pb_line_break_holder] -->    background: #f8f9fa;<!-- [et_pb_line_break_holder] -->    border-radius: 8px;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  .housing-summary-item .label {<!-- [et_pb_line_break_holder] -->    color: #666;<!-- [et_pb_line_break_holder] -->    font-size: 14px;<!-- [et_pb_line_break_holder] -->    margin-bottom: 5px;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  .housing-summary-item .value {<!-- [et_pb_line_break_holder] -->    color: #2c3e50;<!-- [et_pb_line_break_holder] -->    font-size: 24px;<!-- [et_pb_line_break_holder] -->    font-weight: 600;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  .housing-summary-item .value.highlight {<!-- [et_pb_line_break_holder] -->    color: #aa854d;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  .housing-chart-container {<!-- [et_pb_line_break_holder] -->    width: 200px;<!-- [et_pb_line_break_holder] -->    height: 200px;<!-- [et_pb_line_break_holder] -->    margin: 0 auto;<!-- [et_pb_line_break_holder] -->    position: relative;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  #housingLoanChart {<!-- [et_pb_line_break_holder] -->    width: 100%;<!-- [et_pb_line_break_holder] -->    height: 100%;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  .housing-chart-legend {<!-- [et_pb_line_break_holder] -->    display: flex;<!-- [et_pb_line_break_holder] -->    justify-content: center;<!-- [et_pb_line_break_holder] -->    gap: 20px;<!-- [et_pb_line_break_holder] -->    margin-top: 20px;<!-- [et_pb_line_break_holder] -->    font-family: \"Tajawal\", sans-serif;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  .housing-legend-item {<!-- [et_pb_line_break_holder] -->    display: flex;<!-- [et_pb_line_break_holder] -->    align-items: center;<!-- [et_pb_line_break_holder] -->    gap: 8px;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  .housing-legend-color {<!-- [et_pb_line_break_holder] -->    width: 12px;<!-- [et_pb_line_break_holder] -->    height: 12px;<!-- [et_pb_line_break_holder] -->    border-radius: 2px;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><\/style>\n<p><!-- [et_pb_line_break_holder] --><\/p>\n<div class=\"housing-loan-summary\"><!-- [et_pb_line_break_holder] -->  <\/p>\n<div class=\"housing-summary-grid\"><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"housing-summary-item\"><!-- [et_pb_line_break_holder] -->      <\/p>\n<div class=\"label\">Monthly Payment<\/div>\n<p><!-- [et_pb_line_break_holder] -->      <\/p>\n<div class=\"value highlight\" id=\"housingMonthlyPayment\">JOD 0<\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"housing-summary-item\"><!-- [et_pb_line_break_holder] -->      <\/p>\n<div class=\"label\">Total Interest<\/div>\n<p><!-- [et_pb_line_break_holder] -->      <\/p>\n<div class=\"value\" id=\"housingTotalInterest\">JOD 0<\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] -->  <\/div>\n<p><!-- [et_pb_line_break_holder] -->  <\/p>\n<div class=\"housing-chart-container\"><!-- [et_pb_line_break_holder] -->    <canvas id=\"housingLoanChart\"><\/canvas><!-- [et_pb_line_break_holder] -->  <\/div>\n<p><!-- [et_pb_line_break_holder] -->  <\/p>\n<div class=\"housing-chart-legend\"><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"housing-legend-item\"><!-- [et_pb_line_break_holder] -->      <\/p>\n<div class=\"housing-legend-color\" style=\"background: #e9dcc9\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->      <span>Principal<\/span><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"housing-legend-item\"><!-- [et_pb_line_break_holder] -->      <\/p>\n<div class=\"housing-legend-color\" style=\"background: #aa854d\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->      <span>Interest<\/span><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] -->  <\/div>\n<p><!-- [et_pb_line_break_holder] --><\/div>\n<p><!-- [et_pb_line_break_holder] --><script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script><!-- [et_pb_line_break_holder] --><script><!-- [et_pb_line_break_holder] -->  jQuery(document).ready(function ($) {<!-- [et_pb_line_break_holder] -->    let housingLoanChart;<!-- [et_pb_line_break_holder] -->    const annualRate = 0.0850;<!-- [et_pb_line_break_holder] -->    const monthlyRate = annualRate \/ 12;<!-- [et_pb_line_break_holder] -->    function formatCurrency(value) {<!-- [et_pb_line_break_holder] -->      return \"JOD \" + value.toFixed(3);<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->    function initHousingChart() {<!-- [et_pb_line_break_holder] -->      const ctx = document.getElementById(\"housingLoanChart\").getContext(\"2d\");<!-- [et_pb_line_break_holder] -->      housingLoanChart = new Chart(ctx, {<!-- [et_pb_line_break_holder] -->        type: \"doughnut\",<!-- [et_pb_line_break_holder] -->        data: {<!-- [et_pb_line_break_holder] -->          labels: [\"Principal\", \"Interest\"],<!-- [et_pb_line_break_holder] -->          datasets: [<!-- [et_pb_line_break_holder] -->            {<!-- [et_pb_line_break_holder] -->              data: [0, 0],<!-- [et_pb_line_break_holder] -->              backgroundColor: [\"#e9dcc9\", \"#aa854d\"],<!-- [et_pb_line_break_holder] -->              borderWidth: 0,<!-- [et_pb_line_break_holder] -->            },<!-- [et_pb_line_break_holder] -->          ],<!-- [et_pb_line_break_holder] -->        },<!-- [et_pb_line_break_holder] -->        options: {<!-- [et_pb_line_break_holder] -->          responsive: true,<!-- [et_pb_line_break_holder] -->          maintainAspectRatio: false,<!-- [et_pb_line_break_holder] -->          plugins: { legend: { display: false } },<!-- [et_pb_line_break_holder] -->          cutout: \"70%\",<!-- [et_pb_line_break_holder] -->        },<!-- [et_pb_line_break_holder] -->      });<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->    function calculateHousingLoan(principal, months) {<!-- [et_pb_line_break_holder] -->      const EMI =<!-- [et_pb_line_break_holder] -->        (principal * monthlyRate * Math.pow(1 + monthlyRate, months)) \/<!-- [et_pb_line_break_holder] -->        (Math.pow(1 + monthlyRate, months) - 1);<!-- [et_pb_line_break_holder] -->      const totalPayment = EMI * months;<!-- [et_pb_line_break_holder] -->      const totalInterest = totalPayment - principal;<!-- [et_pb_line_break_holder] -->      $(\"#housingMonthlyPayment\").text(formatCurrency(EMI));<!-- [et_pb_line_break_holder] -->      $(\"#housingTotalInterest\").text(formatCurrency(totalInterest));<!-- [et_pb_line_break_holder] -->      housingLoanChart.data.datasets[0].data = [principal, totalInterest];<!-- [et_pb_line_break_holder] -->      housingLoanChart.update();<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->    initHousingChart();<!-- [et_pb_line_break_holder] -->    $(document).on(\"calculateHousingLoan\", function (event, data) {<!-- [et_pb_line_break_holder] -->      calculateHousingLoan(data.principal, data.months);<!-- [et_pb_line_break_holder] -->    });<!-- [et_pb_line_break_holder] -->  });<!-- [et_pb_line_break_holder] --><\/script><!-- [et_pb_line_break_holder] -->[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; admin_label=&#8221;Section&#8221; module_class=&#8221;land&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;30px||30px||true|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row column_structure=&#8221;1_2,1_2&#8243; use_custom_gutter=&#8221;on&#8221; gutter_width=&#8221;2&#8243; make_equal=&#8221;on&#8221; module_class=&#8221;land&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#FFFFFF&#8221; width=&#8221;85%&#8221; max_width=&#8221;85%&#8221; custom_padding=&#8221;30px|30px|30px|30px|true|true&#8221; border_width_all=&#8221;1px&#8221; border_color_all=&#8221;rgba(170,133,77,0.29)&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;Tajawal||||||||&#8221; text_text_color=&#8221;#AA854D&#8221; text_font_size=&#8221;30px&#8221; custom_padding=&#8221;30px||0px||false|false&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Calculate your Land Financing loan<\/p>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;Tajawal|300|||||||&#8221; text_text_color=&#8221;#000000&#8243; text_font_size=&#8221;20px&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Adjust the amount on the calculator to see how much the monthly repayments could be on your loan.<\/p>\n<p>[\/et_pb_text][et_pb_code _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; border_radii=&#8221;on|25px|25px|25px|25px&#8221; border_width_all=&#8221;1px&#8221; border_color_all=&#8221;rgba(170,133,77,0.2)&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<style>  .land-loan-calculator {    max-width: 800px;    margin: 0 auto;    padding: 30px;    background: #ffffff;    border-radius: 12px;    font-family: \"Tajawal\", sans-serif;  }  .land-loan-calculator .input-group {    margin-bottom: 25px;  }  .land-loan-calculator .input-group label {    display: block;    margin-bottom: 8px;    color: #2c3e50;    font-weight: 500;  }  .land-loan-calculator .input-group input[type=\"number\"] {    width: 100%;    padding: 12px 15px;    border: 2px solid #e0e0e0;    border-radius: 8px;    font-size: 16px;    transition: border-color 0.3s ease;    font-family: \"Tajawal\", sans-serif;  }  .land-loan-calculator .input-group input[type=\"number\"]:focus {    border-color: #aa854d;    outline: none;  }  .land-loan-calculator .range-slider {    width: 100%;    margin-top: 10px;    padding: 0;    background-color: rgba(170, 133, 77, 0.2);  }  .land-loan-calculator .range-slider input[type=\"range\"] {    -webkit-appearance: none;    appearance: none;    width: 100%;    height: 4px;    background: #e6e6e6;    outline: none;    margin: 10px 0;    border-radius: 2px;  }  .land-loan-calculator    .range-slider    input[type=\"range\"]::-webkit-slider-thumb {    -webkit-appearance: none;    appearance: none;    width: 24px;    height: 24px;    background: #aa854d;    border-radius: 50%;    cursor: pointer;    border: none;  }  .land-loan-calculator .error-message {    color: #e74c3c;    font-size: 14px;    margin-top: 5px;    display: none;    font-family: \"Tajawal\", sans-serif;  }<\/style>\n<div class=\"land-loan-calculator\">\n<div class=\"input-group\">    <label for=\"landLoanAmount\">Loan Amount (JOD)<\/label>    <input      type=\"number\"      id=\"landLoanAmount\"      min=\"1\"      max=\"1000000\"      value=\"5000\"    \/>    <input      type=\"range\"      class=\"range-slider\"      id=\"landLoanAmountSlider\"      min=\"1\"      max=\"1000000\"      value=\"5000\"    \/>    <span class=\"error-message\" id=\"landAmountError\"><\/span>  <\/div>\n<div class=\"input-group\">    <label for=\"landLoanTerm\">Loan Term (Months)<\/label>    <input type=\"number\" id=\"landLoanTerm\" min=\"2\" max=\"360\" value=\"24\" \/>    <input      type=\"range\"      class=\"range-slider\"      id=\"landLoanTermSlider\"      min=\"2\"      max=\"360\"      value=\"24\"    \/>    <span class=\"error-message\" id=\"landTermError\"><\/span>  <\/div>\n<\/div>\n<p><script>  jQuery(document).ready(function ($) {    function updateLandSliders() {      const amount = $(\"#landLoanAmount\").val();      const term = $(\"#landLoanTerm\").val();      $(\"#landLoanAmountSlider\").val(amount);      $(\"#landLoanTermSlider\").val(term);      $(document).trigger(\"calculateLandLoan\", {        principal: parseFloat(amount),        months: parseInt(term, 10),      });    }    function updateLandInputs() {      const amount = $(\"#landLoanAmountSlider\").val();      const term = $(\"#landLoanTermSlider\").val();      $(\"#landLoanAmount\").val(amount);      $(\"#landLoanTerm\").val(term);      $(document).trigger(\"calculateLandLoan\", {        principal: parseFloat(amount),        months: parseInt(term, 10),      });    }    $(\"#landLoanAmount, #landLoanTerm\").on(\"input\", updateLandSliders);    $(\"#landLoanAmountSlider, #landLoanTermSlider\").on(      \"input\",      updateLandInputs    );    updateLandSliders();  });<\/script>[\/et_pb_code][\/et_pb_column][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;Tajawal||||||||&#8221; text_text_color=&#8221;#AA854D&#8221; text_font_size=&#8221;30px&#8221; custom_padding=&#8221;30px||0px||false|false&#8221; global_colors_info=&#8221;{}&#8221;]Summary[\/et_pb_text][et_pb_code _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;0px||0px||true|false&#8221; hover_enabled=&#8221;0&#8243; border_radii=&#8221;on|25px|25px|25px|25px&#8221; border_width_all=&#8221;1px&#8221; border_color_all=&#8221;rgba(170,133,77,0.2)&#8221; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<style>  .land-loan-summary {    max-width: 800px;    margin: 20px auto;    padding: 30px;    background: #ffffff;    border-radius: 12px;    font-family: \"Tajawal\", sans-serif;  }  .land-summary-grid {    display: grid;    grid-template-columns: repeat(2, 1fr);    gap: 20px;    margin-bottom: 30px;  }  .land-summary-item {    padding: 15px;    background: #f8f9fa;    border-radius: 8px;  }  .land-summary-item .label {    color: #666;    font-size: 14px;    margin-bottom: 5px;  }  .land-summary-item .value {    color: #2c3e50;    font-size: 24px;    font-weight: 600;  }  .land-summary-item .value.highlight {    color: #aa854d;  }  .land-chart-container {    width: 200px;    height: 200px;    margin: 0 auto;    position: relative;  }  #landLoanChart {    width: 100%;    height: 100%;  }  .land-chart-legend {    display: flex;    justify-content: center;    gap: 20px;    margin-top: 20px;    font-family: \"Tajawal\", sans-serif;  }  .land-legend-item {    display: flex;    align-items: center;    gap: 8px;  }  .land-legend-color {    width: 12px;    height: 12px;    border-radius: 2px;  }<\/style>\n<div class=\"land-loan-summary\">\n<div class=\"land-summary-grid\">\n<div class=\"land-summary-item\">\n<div class=\"label\">Monthly Payment<\/div>\n<div class=\"value highlight\" id=\"landMonthlyPayment\">JOD 0<\/div>\n<\/p><\/div>\n<div class=\"land-summary-item\">\n<div class=\"label\">Total Interest<\/div>\n<div class=\"value\" id=\"landTotalInterest\">JOD 0<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"land-chart-container\"><canvas id=\"landLoanChart\"><\/canvas><\/div>\n<div class=\"land-chart-legend\">\n<div class=\"land-legend-item\">\n<div class=\"land-legend-color\" style=\"background: #e9dcc9\"><\/div>\n<p>      <span>Principal<\/span>    <\/div>\n<div class=\"land-legend-item\">\n<div class=\"land-legend-color\" style=\"background: #aa854d\"><\/div>\n<p>      <span>Interest<\/span>    <\/div>\n<\/p><\/div>\n<\/div>\n<p><script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script><script>  jQuery(document).ready(function ($) {    let landLoanChart;    const annualRate = 0.0850;    const monthlyRate = annualRate \/ 12;    function formatCurrency(value) {      return \"JOD \" + value.toFixed(3);    }    function initLandChart() {      const ctx = document.getElementById(\"landLoanChart\").getContext(\"2d\");      landLoanChart = new Chart(ctx, {        type: \"doughnut\",        data: {          labels: [\"Principal\", \"Interest\"],          datasets: [            {              data: [0, 0],              backgroundColor: [\"#e9dcc9\", \"#aa854d\"],              borderWidth: 0,            },          ],        },        options: {          responsive: true,          maintainAspectRatio: false,          plugins: { legend: { display: false } },          cutout: \"70%\",        },      });    }    function calculateLandLoan(principal, months) {      const EMI =        (principal * monthlyRate * Math.pow(1 + monthlyRate, months)) \/        (Math.pow(1 + monthlyRate, months) - 1);      const totalPayment = EMI * months;      const totalInterest = totalPayment - principal;      $(\"#landMonthlyPayment\").text(formatCurrency(EMI));      $(\"#landTotalInterest\").text(formatCurrency(totalInterest));      landLoanChart.data.datasets[0].data = [principal, totalInterest];      landLoanChart.update();    }    initLandChart();    $(document).on(\"calculateLandLoan\", function (event, data) {      calculateLandLoan(data.principal, data.months);    });  });<\/script>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; admin_label=&#8221;Section&#8221; module_class=&#8221;auto&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;30px||30px||true|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row column_structure=&#8221;1_2,1_2&#8243; use_custom_gutter=&#8221;on&#8221; gutter_width=&#8221;2&#8243; make_equal=&#8221;on&#8221; module_class=&#8221;auto&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#FFFFFF&#8221; width=&#8221;85%&#8221; max_width=&#8221;85%&#8221; custom_padding=&#8221;30px|30px|30px|30px|true|true&#8221; border_width_all=&#8221;1px&#8221; border_color_all=&#8221;rgba(170,133,77,0.29)&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;Tajawal||||||||&#8221; text_text_color=&#8221;#AA854D&#8221; text_font_size=&#8221;30px&#8221; custom_padding=&#8221;30px||0px||false|false&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Calculate your Auto loan<\/p>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;Tajawal|300|||||||&#8221; text_text_color=&#8221;#000000&#8243; text_font_size=&#8221;20px&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Adjust the amount on the calculator to see how much the monthly repayments could be on your loan.<\/p>\n<p>[\/et_pb_text][et_pb_code _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; border_radii=&#8221;on|25px|25px|25px|25px&#8221; border_width_all=&#8221;1px&#8221; border_color_all=&#8221;rgba(170,133,77,0.2)&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<style>  .auto-loan-calculator {    max-width: 800px;    margin: 0 auto;    padding: 30px;    background: #ffffff;    border-radius: 12px;    font-family: \"Tajawal\", sans-serif;  }  .auto-loan-calculator .input-group {    margin-bottom: 25px;  }  .auto-loan-calculator .input-group label {    display: block;    margin-bottom: 8px;    color: #2c3e50;    font-weight: 500;  }  .auto-loan-calculator .input-group input[type=\"number\"] {    width: 100%;    padding: 12px 15px;    border: 2px solid #e0e0e0;    border-radius: 8px;    font-size: 16px;    transition: border-color 0.3s ease;    font-family: \"Tajawal\", sans-serif;  }  .auto-loan-calculator .input-group input[type=\"number\"]:focus {    border-color: #aa854d;    outline: none;  }  .auto-loan-calculator .range-slider {    width: 100%;    margin-top: 10px;    padding: 0;    background-color: rgba(170, 133, 77, 0.2);  }  .auto-loan-calculator .range-slider input[type=\"range\"] {    -webkit-appearance: none;    appearance: none;    width: 100%;    height: 4px;    background: #e6e6e6;    outline: none;    margin: 10px 0;    border-radius: 2px;  }  .auto-loan-calculator    .range-slider    input[type=\"range\"]::-webkit-slider-thumb {    -webkit-appearance: none;    appearance: none;    width: 24px;    height: 24px;    background: #aa854d;    border-radius: 50%;    cursor: pointer;    border: none;  }  .auto-loan-calculator .error-message {    color: #e74c3c;    font-size: 14px;    margin-top: 5px;    display: none;    font-family: \"Tajawal\", sans-serif;  }<\/style>\n<div class=\"auto-loan-calculator\">\n<div class=\"input-group\">    <label for=\"autoLoanAmount\">Loan Amount (JOD)<\/label>    <input      type=\"number\"      id=\"autoLoanAmount\"      min=\"1\"      max=\"1000000\"      value=\"5000\"    \/>    <input      type=\"range\"      class=\"range-slider\"      id=\"autoLoanAmountSlider\"      min=\"1\"      max=\"1000000\"      value=\"5000\"    \/>    <span class=\"error-message\" id=\"autoAmountError\"><\/span>  <\/div>\n<div class=\"input-group\">    <label for=\"autoLoanTerm\">Loan Term (Months)<\/label>    <input type=\"number\" id=\"autoLoanTerm\" min=\"2\" max=\"72\" value=\"24\" \/>    <input      type=\"range\"      class=\"range-slider\"      id=\"autoLoanTermSlider\"      min=\"2\"      max=\"72\"      value=\"24\"    \/>    <span class=\"error-message\" id=\"autoTermError\"><\/span>  <\/div>\n<\/div>\n<p><script>  jQuery(document).ready(function ($) {    function updateAutoSliders() {      const amount = $(\"#autoLoanAmount\").val();      const term = $(\"#autoLoanTerm\").val();      $(\"#autoLoanAmountSlider\").val(amount);      $(\"#autoLoanTermSlider\").val(term);      $(document).trigger(\"calculateAutoLoan\", {        principal: parseFloat(amount),        months: parseInt(term, 10),      });    }    function updateAutoInputs() {      const amount = $(\"#autoLoanAmountSlider\").val();      const term = $(\"#autoLoanTermSlider\").val();      $(\"#autoLoanAmount\").val(amount);      $(\"#autoLoanTerm\").val(term);      $(document).trigger(\"calculateAutoLoan\", {        principal: parseFloat(amount),        months: parseInt(term, 10),      });    }    $(\"#autoLoanAmount, #autoLoanTerm\").on(\"input\", updateAutoSliders);    $(\"#autoLoanAmountSlider, #autoLoanTermSlider\").on(      \"input\",      updateAutoInputs    );    updateAutoSliders();  });<\/script>[\/et_pb_code][\/et_pb_column][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;Tajawal||||||||&#8221; text_text_color=&#8221;#AA854D&#8221; text_font_size=&#8221;30px&#8221; custom_padding=&#8221;30px||0px||false|false&#8221; global_colors_info=&#8221;{}&#8221;]Summary[\/et_pb_text][et_pb_code _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;0px||0px||true|false&#8221; border_radii=&#8221;on|25px|25px|25px|25px&#8221; border_width_all=&#8221;1px&#8221; border_color_all=&#8221;rgba(170,133,77,0.2)&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<style><!-- [et_pb_line_break_holder] -->  .auto-loan-summary {<!-- [et_pb_line_break_holder] -->    max-width: 800px;<!-- [et_pb_line_break_holder] -->    margin: 20px auto;<!-- [et_pb_line_break_holder] -->    padding: 30px;<!-- [et_pb_line_break_holder] -->    background: #ffffff;<!-- [et_pb_line_break_holder] -->    border-radius: 12px;<!-- [et_pb_line_break_holder] -->    font-family: \"Tajawal\", sans-serif;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  .auto-summary-grid {<!-- [et_pb_line_break_holder] -->    display: grid;<!-- [et_pb_line_break_holder] -->    grid-template-columns: repeat(2, 1fr);<!-- [et_pb_line_break_holder] -->    gap: 20px;<!-- [et_pb_line_break_holder] -->    margin-bottom: 30px;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  .auto-summary-item {<!-- [et_pb_line_break_holder] -->    padding: 15px;<!-- [et_pb_line_break_holder] -->    background: #f8f9fa;<!-- [et_pb_line_break_holder] -->    border-radius: 8px;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  .auto-summary-item .label {<!-- [et_pb_line_break_holder] -->    color: #666;<!-- [et_pb_line_break_holder] -->    font-size: 14px;<!-- [et_pb_line_break_holder] -->    margin-bottom: 5px;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  .auto-summary-item .value {<!-- [et_pb_line_break_holder] -->    color: #2c3e50;<!-- [et_pb_line_break_holder] -->    font-size: 24px;<!-- [et_pb_line_break_holder] -->    font-weight: 600;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  .auto-summary-item .value.highlight {<!-- [et_pb_line_break_holder] -->    color: #aa854d;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  .auto-chart-container {<!-- [et_pb_line_break_holder] -->    width: 200px;<!-- [et_pb_line_break_holder] -->    height: 200px;<!-- [et_pb_line_break_holder] -->    margin: 0 auto;<!-- [et_pb_line_break_holder] -->    position: relative;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  #autoLoanChart {<!-- [et_pb_line_break_holder] -->    width: 100%;<!-- [et_pb_line_break_holder] -->    height: 100%;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  .auto-chart-legend {<!-- [et_pb_line_break_holder] -->    display: flex;<!-- [et_pb_line_break_holder] -->    justify-content: center;<!-- [et_pb_line_break_holder] -->    gap: 20px;<!-- [et_pb_line_break_holder] -->    margin-top: 20px;<!-- [et_pb_line_break_holder] -->    font-family: \"Tajawal\", sans-serif;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  .auto-legend-item {<!-- [et_pb_line_break_holder] -->    display: flex;<!-- [et_pb_line_break_holder] -->    align-items: center;<!-- [et_pb_line_break_holder] -->    gap: 8px;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  .auto-legend-color {<!-- [et_pb_line_break_holder] -->    width: 12px;<!-- [et_pb_line_break_holder] -->    height: 12px;<!-- [et_pb_line_break_holder] -->    border-radius: 2px;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><\/style>\n<p><!-- [et_pb_line_break_holder] --><\/p>\n<div class=\"auto-loan-summary\"><!-- [et_pb_line_break_holder] -->  <\/p>\n<div class=\"auto-summary-grid\"><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"auto-summary-item\"><!-- [et_pb_line_break_holder] -->      <\/p>\n<div class=\"label\">Monthly Payment<\/div>\n<p><!-- [et_pb_line_break_holder] -->      <\/p>\n<div class=\"value highlight\" id=\"autoMonthlyPayment\">JOD 0<\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"auto-summary-item\"><!-- [et_pb_line_break_holder] -->      <\/p>\n<div class=\"label\">Total Interest<\/div>\n<p><!-- [et_pb_line_break_holder] -->      <\/p>\n<div class=\"value\" id=\"autoTotalInterest\">JOD 0<\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] -->  <\/div>\n<p><!-- [et_pb_line_break_holder] -->  <\/p>\n<div class=\"auto-chart-container\"><canvas id=\"autoLoanChart\"><\/canvas><\/div>\n<p><!-- [et_pb_line_break_holder] -->  <\/p>\n<div class=\"auto-chart-legend\"><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"auto-legend-item\"><!-- [et_pb_line_break_holder] -->      <\/p>\n<div class=\"auto-legend-color\" style=\"background: #e9dcc9\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->      <span>Principal<\/span><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"auto-legend-item\"><!-- [et_pb_line_break_holder] -->      <\/p>\n<div class=\"auto-legend-color\" style=\"background: #aa854d\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->      <span>Interest<\/span><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] -->  <\/div>\n<p><!-- [et_pb_line_break_holder] --><\/div>\n<p><!-- [et_pb_line_break_holder] --><script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script><!-- [et_pb_line_break_holder] --><script><!-- [et_pb_line_break_holder] -->  jQuery(document).ready(function ($) {<!-- [et_pb_line_break_holder] -->    let autoLoanChart;<!-- [et_pb_line_break_holder] -->    const annualRate = 0.1025;<!-- [et_pb_line_break_holder] -->    const monthlyRate = annualRate \/ 12;<!-- [et_pb_line_break_holder] -->    function formatCurrency(value) {<!-- [et_pb_line_break_holder] -->      return \"JOD \" + value.toFixed(3);<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->    function initAutoChart() {<!-- [et_pb_line_break_holder] -->      const ctx = document.getElementById(\"autoLoanChart\").getContext(\"2d\");<!-- [et_pb_line_break_holder] -->      autoLoanChart = new Chart(ctx, {<!-- [et_pb_line_break_holder] -->        type: \"doughnut\",<!-- [et_pb_line_break_holder] -->        data: {<!-- [et_pb_line_break_holder] -->          labels: [\"Principal\", \"Interest\"],<!-- [et_pb_line_break_holder] -->          datasets: [<!-- [et_pb_line_break_holder] -->            {<!-- [et_pb_line_break_holder] -->              data: [0, 0],<!-- [et_pb_line_break_holder] -->              backgroundColor: [\"#e9dcc9\", \"#aa854d\"],<!-- [et_pb_line_break_holder] -->              borderWidth: 0,<!-- [et_pb_line_break_holder] -->            },<!-- [et_pb_line_break_holder] -->          ],<!-- [et_pb_line_break_holder] -->        },<!-- [et_pb_line_break_holder] -->        options: {<!-- [et_pb_line_break_holder] -->          responsive: true,<!-- [et_pb_line_break_holder] -->          maintainAspectRatio: false,<!-- [et_pb_line_break_holder] -->          plugins: { legend: { display: false } },<!-- [et_pb_line_break_holder] -->          cutout: \"70%\",<!-- [et_pb_line_break_holder] -->        },<!-- [et_pb_line_break_holder] -->      });<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->    function calculateAutoLoan(principal, months) {<!-- [et_pb_line_break_holder] -->      const EMI =<!-- [et_pb_line_break_holder] -->        (principal * monthlyRate * Math.pow(1 + monthlyRate, months)) \/<!-- [et_pb_line_break_holder] -->        (Math.pow(1 + monthlyRate, months) - 1);<!-- [et_pb_line_break_holder] -->      const totalPayment = EMI * months;<!-- [et_pb_line_break_holder] -->      const totalInterest = totalPayment - principal;<!-- [et_pb_line_break_holder] -->      $(\"#autoMonthlyPayment\").text(formatCurrency(EMI));<!-- [et_pb_line_break_holder] -->      $(\"#autoTotalInterest\").text(formatCurrency(totalInterest));<!-- [et_pb_line_break_holder] -->      autoLoanChart.data.datasets[0].data = [principal, totalInterest];<!-- [et_pb_line_break_holder] -->      autoLoanChart.update();<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->    initAutoChart();<!-- [et_pb_line_break_holder] -->    $(document).on(\"calculateAutoLoan\", function (event, data) {<!-- [et_pb_line_break_holder] -->      calculateAutoLoan(data.principal, data.months);<!-- [et_pb_line_break_holder] -->    });<!-- [et_pb_line_break_holder] -->  });<!-- [et_pb_line_break_holder] --><\/script><!-- [et_pb_line_break_holder] -->[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; admin_label=&#8221;Section&#8221; module_class=&#8221;equity&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;30px||30px||true|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row column_structure=&#8221;1_2,1_2&#8243; use_custom_gutter=&#8221;on&#8221; gutter_width=&#8221;2&#8243; make_equal=&#8221;on&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#FFFFFF&#8221; width=&#8221;85%&#8221; max_width=&#8221;85%&#8221; custom_padding=&#8221;30px|30px|30px|30px|true|true&#8221; border_width_all=&#8221;1px&#8221; border_color_all=&#8221;rgba(170,133,77,0.29)&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;Tajawal||||||||&#8221; text_text_color=&#8221;#AA854D&#8221; text_font_size=&#8221;30px&#8221; custom_padding=&#8221;30px||0px||false|false&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Calculate your Equity Release loan<\/p>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;Tajawal|300|||||||&#8221; text_text_color=&#8221;#000000&#8243; text_font_size=&#8221;20px&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Adjust the amount on the calculator to see how much the monthly repayments could be on your loan.<\/p>\n<p>[\/et_pb_text][et_pb_code _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; border_radii=&#8221;on|25px|25px|25px|25px&#8221; border_width_all=&#8221;1px&#8221; border_color_all=&#8221;rgba(170,133,77,0.2)&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<style>  .equity-loan-calculator {    max-width: 800px;    margin: 0 auto;    padding: 30px;    background: #ffffff;    border-radius: 12px;    font-family: \"Tajawal\", sans-serif;  }  .equity-loan-calculator .input-group {    margin-bottom: 25px;  }  .equity-loan-calculator .input-group label {    display: block;    margin-bottom: 8px;    color: #2c3e50;    font-weight: 500;  }  .equity-loan-calculator .input-group input[type=\"number\"] {    width: 100%;    padding: 12px 15px;    border: 2px solid #e0e0e0;    border-radius: 8px;    font-size: 16px;    transition: border-color 0.3s ease;    font-family: \"Tajawal\", sans-serif;  }  .equity-loan-calculator .input-group input[type=\"number\"]:focus {    border-color: #aa854d;    outline: none;  }  .equity-loan-calculator .range-slider {    width: 100%;    margin-top: 10px;    padding: 0;    background-color: rgba(170, 133, 77, 0.2);  }  .equity-loan-calculator .range-slider input[type=\"range\"] {    -webkit-appearance: none;    appearance: none;    width: 100%;    height: 4px;    background: #e6e6e6;    outline: none;    margin: 10px 0;    border-radius: 2px;  }  .equity-loan-calculator    .range-slider    input[type=\"range\"]::-webkit-slider-thumb {    -webkit-appearance: none;    appearance: none;    width: 24px;    height: 24px;    background: #aa854d;    border-radius: 50%;    cursor: pointer;    border: none;  }  .equity-loan-calculator .error-message {    color: #e74c3c;    font-size: 14px;    margin-top: 5px;    display: none;    font-family: \"Tajawal\", sans-serif;  }<\/style>\n<div class=\"equity-loan-calculator\">\n<div class=\"input-group\">    <label for=\"equityLoanAmount\">Loan Amount (JOD)<\/label>    <input      type=\"number\"      id=\"equityLoanAmount\"      min=\"1\"      max=\"1000000\"      value=\"5000\"    \/>    <input      type=\"range\"      class=\"range-slider\"      id=\"equityLoanAmountSlider\"      min=\"1\"      max=\"1000000\"      value=\"5000\"    \/>    <span class=\"error-message\" id=\"equityAmountError\"><\/span>  <\/div>\n<div class=\"input-group\">    <label for=\"equityLoanTerm\">Loan Term (Months)<\/label>    <input type=\"number\" id=\"equityLoanTerm\" min=\"2\" max=\"96\" value=\"24\" \/>    <input      type=\"range\"      class=\"range-slider\"      id=\"equityLoanTermSlider\"      min=\"2\"      max=\"96\"      value=\"24\"    \/>    <span class=\"error-message\" id=\"equityTermError\"><\/span>  <\/div>\n<\/div>\n<p><script>  jQuery(document).ready(function ($) {    function updateEquitySliders() {      const amount = $(\"#equityLoanAmount\").val();      const term = $(\"#equityLoanTerm\").val();      $(\"#equityLoanAmountSlider\").val(amount);      $(\"#equityLoanTermSlider\").val(term);      $(document).trigger(\"calculateEquityLoan\", {        principal: parseFloat(amount),        months: parseInt(term, 10),      });    }    function updateEquityInputs() {      const amount = $(\"#equityLoanAmountSlider\").val();      const term = $(\"#equityLoanTermSlider\").val();      $(\"#equityLoanAmount\").val(amount);      $(\"#equityLoanTerm\").val(term);      $(document).trigger(\"calculateEquityLoan\", {        principal: parseFloat(amount),        months: parseInt(term, 10),      });    }    $(\"#equityLoanAmount, #equityLoanTerm\").on(\"input\", updateEquitySliders);    $(\"#equityLoanAmountSlider, #equityLoanTermSlider\").on(      \"input\",      updateEquityInputs    );    updateEquitySliders();  });<\/script>[\/et_pb_code][\/et_pb_column][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;Tajawal||||||||&#8221; text_text_color=&#8221;#AA854D&#8221; text_font_size=&#8221;30px&#8221; custom_padding=&#8221;30px||0px||false|false&#8221; global_colors_info=&#8221;{}&#8221;]Summary[\/et_pb_text][et_pb_code _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;0px||0px||true|false&#8221; hover_enabled=&#8221;0&#8243; border_radii=&#8221;on|25px|25px|25px|25px&#8221; border_width_all=&#8221;1px&#8221; border_color_all=&#8221;rgba(170,133,77,0.2)&#8221; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<style>  .equity-loan-summary {    max-width: 800px;    margin: 20px auto;    padding: 30px;    background: #ffffff;    border-radius: 12px;    font-family: \"Tajawal\", sans-serif;  }  .equity-summary-grid {    display: grid;    grid-template-columns: repeat(2, 1fr);    gap: 20px;    margin-bottom: 30px;  }  .equity-summary-item {    padding: 15px;    background: #f8f9fa;    border-radius: 8px;  }  .equity-summary-item .label {    color: #666;    font-size: 14px;    margin-bottom: 5px;  }  .equity-summary-item .value {    color: #2c3e50;    font-size: 24px;    font-weight: 600;  }  .equity-summary-item .value.highlight {    color: #aa854d;  }  .equity-chart-container {    width: 200px;    height: 200px;    margin: 0 auto;    position: relative;  }  #equityLoanChart {    width: 100%;    height: 100%;  }  .equity-chart-legend {    display: flex;    justify-content: center;    gap: 20px;    margin-top: 20px;    font-family: \"Tajawal\", sans-serif;  }  .equity-legend-item {    display: flex;    align-items: center;    gap: 8px;  }  .equity-legend-color {    width: 12px;    height: 12px;    border-radius: 2px;  }<\/style>\n<div class=\"equity-loan-summary\">\n<div class=\"equity-summary-grid\">\n<div class=\"equity-summary-item\">\n<div class=\"label\">Monthly Payment<\/div>\n<div class=\"value highlight\" id=\"equityMonthlyPayment\">JOD 0<\/div>\n<\/p><\/div>\n<div class=\"equity-summary-item\">\n<div class=\"label\">Total Interest<\/div>\n<div class=\"value\" id=\"equityTotalInterest\">JOD 0<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"equity-chart-container\">    <canvas id=\"equityLoanChart\"><\/canvas>  <\/div>\n<div class=\"equity-chart-legend\">\n<div class=\"equity-legend-item\">\n<div class=\"equity-legend-color\" style=\"background: #e9dcc9\"><\/div>\n<p>      <span>Principal<\/span>    <\/div>\n<div class=\"equity-legend-item\">\n<div class=\"equity-legend-color\" style=\"background: #aa854d\"><\/div>\n<p>      <span>Interest<\/span>    <\/div>\n<\/p><\/div>\n<\/div>\n<p><script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script><script>  jQuery(document).ready(function ($) {    let equityLoanChart;    const annualRate = 0.0850;    const monthlyRate = annualRate \/ 12;    function formatCurrency(value) {      return \"JOD \" + value.toFixed(3);    }    function initEquityChart() {      const ctx = document.getElementById(\"equityLoanChart\").getContext(\"2d\");      equityLoanChart = new Chart(ctx, {        type: \"doughnut\",        data: {          labels: [\"Principal\", \"Interest\"],          datasets: [            {              data: [0, 0],              backgroundColor: [\"#e9dcc9\", \"#aa854d\"],              borderWidth: 0,            },          ],        },        options: {          responsive: true,          maintainAspectRatio: false,          plugins: { legend: { display: false } },          cutout: \"70%\",        },      });    }    function calculateEquityLoan(principal, months) {      const EMI =        (principal * monthlyRate * Math.pow(1 + monthlyRate, months)) \/        (Math.pow(1 + monthlyRate, months) - 1);      const totalPayment = EMI * months;      const totalInterest = totalPayment - principal;      $(\"#equityMonthlyPayment\").text(formatCurrency(EMI));      $(\"#equityTotalInterest\").text(formatCurrency(totalInterest));      equityLoanChart.data.datasets[0].data = [principal, totalInterest];      equityLoanChart.update();    }    initEquityChart();    $(document).on(\"calculateEquityLoan\", function (event, data) {      calculateEquityLoan(data.principal, data.months);    });  });<\/script>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; admin_label=&#8221;Section&#8221; module_class=&#8221;construction&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;30px||30px||true|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row column_structure=&#8221;1_2,1_2&#8243; use_custom_gutter=&#8221;on&#8221; gutter_width=&#8221;2&#8243; make_equal=&#8221;on&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#FFFFFF&#8221; width=&#8221;85%&#8221; max_width=&#8221;85%&#8221; custom_padding=&#8221;30px|30px|30px|30px|true|true&#8221; border_width_all=&#8221;1px&#8221; border_color_all=&#8221;rgba(170,133,77,0.29)&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;Tajawal||||||||&#8221; text_text_color=&#8221;#AA854D&#8221; text_font_size=&#8221;30px&#8221; custom_padding=&#8221;30px||0px||false|false&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Calculate your Equity Construction loan<\/p>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;Tajawal|300|||||||&#8221; text_text_color=&#8221;#000000&#8243; text_font_size=&#8221;20px&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Adjust the amount on the calculator to see how much the monthly repayments could be on your loan.<\/p>\n<p>[\/et_pb_text][et_pb_code _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; border_radii=&#8221;on|25px|25px|25px|25px&#8221; border_width_all=&#8221;1px&#8221; border_color_all=&#8221;rgba(170,133,77,0.2)&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<style>  .construction-loan-calculator {    max-width: 800px;    margin: 0 auto;    padding: 30px;    background: #ffffff;    border-radius: 12px;    font-family: \"Tajawal\", sans-serif;  }  .construction-loan-calculator .input-group {    margin-bottom: 25px;  }  .construction-loan-calculator .input-group label {    display: block;    margin-bottom: 8px;    color: #2c3e50;    font-weight: 500;  }  .construction-loan-calculator .input-group input[type=\"number\"] {    width: 100%;    padding: 12px 15px;    border: 2px solid #e0e0e0;    border-radius: 8px;    font-size: 16px;    transition: border-color 0.3s ease;    font-family: \"Tajawal\", sans-serif;  }  .construction-loan-calculator .input-group input[type=\"number\"]:focus {    border-color: #aa854d;    outline: none;  }  .construction-loan-calculator .range-slider {    width: 100%;    margin-top: 10px;    padding: 0;    background-color: rgba(170, 133, 77, 0.2);  }  .construction-loan-calculator .range-slider input[type=\"range\"] {    -webkit-appearance: none;    appearance: none;    width: 100%;    height: 4px;    background: #e6e6e6;    outline: none;    margin: 10px 0;    border-radius: 2px;  }  .construction-loan-calculator    .range-slider    input[type=\"range\"]::-webkit-slider-thumb {    -webkit-appearance: none;    appearance: none;    width: 24px;    height: 24px;    background: #aa854d;    border-radius: 50%;    cursor: pointer;    border: none;  }  .construction-loan-calculator .error-message {    color: #e74c3c;    font-size: 14px;    margin-top: 5px;    display: none;    font-family: \"Tajawal\", sans-serif;  }<\/style>\n<div class=\"construction-loan-calculator\">\n<div class=\"input-group\">    <label for=\"constructionLoanAmount\">Loan Amount (JOD)<\/label>    <input      type=\"number\"      id=\"constructionLoanAmount\"      min=\"1\"      max=\"1000000\"      value=\"5000\"    \/>    <input      type=\"range\"      class=\"range-slider\"      id=\"constructionLoanAmountSlider\"      min=\"1\"      max=\"1000000\"      value=\"5000\"    \/>    <span class=\"error-message\" id=\"constructionAmountError\"><\/span>  <\/div>\n<div class=\"input-group\">    <label for=\"constructionLoanTerm\">Loan Term (Months)<\/label>    <input      type=\"number\"      id=\"constructionLoanTerm\"      min=\"2\"      max=\"360\"      value=\"24\"    \/>    <input      type=\"range\"      class=\"range-slider\"      id=\"constructionLoanTermSlider\"      min=\"2\"      max=\"360\"      value=\"24\"    \/>    <span class=\"error-message\" id=\"constructionTermError\"><\/span>  <\/div>\n<\/div>\n<p><script>  jQuery(document).ready(function ($) {    function updateConstructionSliders() {      const amount = $(\"#constructionLoanAmount\").val();      const term = $(\"#constructionLoanTerm\").val();      $(\"#constructionLoanAmountSlider\").val(amount);      $(\"#constructionLoanTermSlider\").val(term);      $(document).trigger(\"calculateConstructionLoan\", {        principal: parseFloat(amount),        months: parseInt(term, 10),      });    }    function updateConstructionInputs() {      const amount = $(\"#constructionLoanAmountSlider\").val();      const term = $(\"#constructionLoanTermSlider\").val();      $(\"#constructionLoanAmount\").val(amount);      $(\"#constructionLoanTerm\").val(term);      $(document).trigger(\"calculateConstructionLoan\", {        principal: parseFloat(amount),        months: parseInt(term, 10),      });    }    $(\"#constructionLoanAmount, #constructionLoanTerm\").on(      \"input\",      updateConstructionSliders    );    $(\"#constructionLoanAmountSlider, #constructionLoanTermSlider\").on(      \"input\",      updateConstructionInputs    );    updateConstructionSliders();  });<\/script>[\/et_pb_code][\/et_pb_column][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;Tajawal||||||||&#8221; text_text_color=&#8221;#AA854D&#8221; text_font_size=&#8221;30px&#8221; custom_padding=&#8221;30px||0px||false|false&#8221; global_colors_info=&#8221;{}&#8221;]Summary[\/et_pb_text][et_pb_code _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;0px||0px||true|false&#8221; hover_enabled=&#8221;0&#8243; border_radii=&#8221;on|25px|25px|25px|25px&#8221; border_width_all=&#8221;1px&#8221; border_color_all=&#8221;rgba(170,133,77,0.2)&#8221; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<style>  .construction-loan-summary {    max-width: 800px;    margin: 20px auto;    padding: 30px;    background: #ffffff;    border-radius: 12px;    font-family: \"Tajawal\", sans-serif;  }  .construction-summary-grid {    display: grid;    grid-template-columns: repeat(2, 1fr);    gap: 20px;    margin-bottom: 30px;  }  .construction-summary-item {    padding: 15px;    background: #f8f9fa;    border-radius: 8px;  }  .construction-summary-item .label {    color: #666;    font-size: 14px;    margin-bottom: 5px;  }  .construction-summary-item .value {    color: #2c3e50;    font-size: 24px;    font-weight: 600;  }  .construction-summary-item .value.highlight {    color: #aa854d;  }  .construction-chart-container {    width: 200px;    height: 200px;    margin: 0 auto;    position: relative;  }  #constructionLoanChart {    width: 100%;    height: 100%;  }  .construction-chart-legend {    display: flex;    justify-content: center;    gap: 20px;    margin-top: 20px;    font-family: \"Tajawal\", sans-serif;  }  .construction-legend-item {    display: flex;    align-items: center;    gap: 8px;  }  .construction-legend-color {    width: 12px;    height: 12px;    border-radius: 2px;  }<\/style>\n<div class=\"construction-loan-summary\">\n<div class=\"construction-summary-grid\">\n<div class=\"construction-summary-item\">\n<div class=\"label\">Monthly Payment<\/div>\n<div class=\"value highlight\" id=\"constructionMonthlyPayment\">JOD 0<\/div>\n<\/p><\/div>\n<div class=\"construction-summary-item\">\n<div class=\"label\">Total Interest<\/div>\n<div class=\"value\" id=\"constructionTotalInterest\">JOD 0<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"construction-chart-container\">    <canvas id=\"constructionLoanChart\"><\/canvas>  <\/div>\n<div class=\"construction-chart-legend\">\n<div class=\"construction-legend-item\">\n<div class=\"construction-legend-color\" style=\"background: #e9dcc9\"><\/div>\n<p>      <span>Principal<\/span>    <\/div>\n<div class=\"construction-legend-item\">\n<div class=\"construction-legend-color\" style=\"background: #aa854d\"><\/div>\n<p>      <span>Interest<\/span>    <\/div>\n<\/p><\/div>\n<\/div>\n<p><script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script><script>  jQuery(document).ready(function ($) {    let constructionLoanChart;    const annualRate = 0.0850;    const monthlyRate = annualRate \/ 12;    function formatCurrency(value) {      return \"JOD \" + value.toFixed(3);    }    function initConstructionChart() {      const ctx = document        .getElementById(\"constructionLoanChart\")        .getContext(\"2d\");      constructionLoanChart = new Chart(ctx, {        type: \"doughnut\",        data: {          labels: [\"Principal\", \"Interest\"],          datasets: [            {              data: [0, 0],              backgroundColor: [\"#e9dcc9\", \"#aa854d\"],              borderWidth: 0,            },          ],        },        options: {          responsive: true,          maintainAspectRatio: false,          plugins: { legend: { display: false } },          cutout: \"70%\",        },      });    }    function calculateConstructionLoan(principal, months) {      const EMI =        (principal * monthlyRate * Math.pow(1 + monthlyRate, months)) \/        (Math.pow(1 + monthlyRate, months) - 1);      const totalPayment = EMI * months;      const totalInterest = totalPayment - principal;      $(\"#constructionMonthlyPayment\").text(formatCurrency(EMI));      $(\"#constructionTotalInterest\").text(formatCurrency(totalInterest));      constructionLoanChart.data.datasets[0].data = [principal, totalInterest];      constructionLoanChart.update();    }    initConstructionChart();    $(document).on(\"calculateConstructionLoan\", function (event, data) {      calculateConstructionLoan(data.principal, data.months);    });  });<\/script>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Loans CalculatorCalculate your personal loanAdjust the amount on the calculator to see how much the monthly repayments could be on your loan.SummaryCalculate your Housing loanAdjust the amount on the calculator to see how much the monthly repayments could be on your loan.SummaryCalculate your Land Financing loanAdjust the amount on the calculator to see how much [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-239606","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.investbank.jo\/api-secure\/wp\/v2\/pages\/239606","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.investbank.jo\/api-secure\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.investbank.jo\/api-secure\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.investbank.jo\/api-secure\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.investbank.jo\/api-secure\/wp\/v2\/comments?post=239606"}],"version-history":[{"count":2,"href":"https:\/\/www.investbank.jo\/api-secure\/wp\/v2\/pages\/239606\/revisions"}],"predecessor-version":[{"id":248351,"href":"https:\/\/www.investbank.jo\/api-secure\/wp\/v2\/pages\/239606\/revisions\/248351"}],"wp:attachment":[{"href":"https:\/\/www.investbank.jo\/api-secure\/wp\/v2\/media?parent=239606"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}