{"id":2422,"date":"2025-06-21T15:31:23","date_gmt":"2025-06-21T10:01:23","guid":{"rendered":"https:\/\/flowersmfd.in\/?page_id=2422"},"modified":"2026-08-31T16:33:31","modified_gmt":"2026-08-31T11:03:31","slug":"emi-calculator","status":"publish","type":"page","link":"https:\/\/www.flowersmfd.in\/ta\/emi-calculator\/","title":{"rendered":"EMI Calculator"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2422\" class=\"elementor elementor-2422\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"aux-parallax-section elementor-element elementor-element-56f5e54 e-flex e-con-boxed e-con e-parent\" data-id=\"56f5e54\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d93b8b9 elementor-widget elementor-widget-html\" data-id=\"d93b8b9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     FLOWERS MFD \u2014 EMI CALCULATOR\r\n     COMPLETE REPLACEMENT\r\n     ========================================================= -->\r\n\r\n<div id=\"fmfd-emi-calculator\">\r\n\r\n  <style>\r\n    \/* =====================================================\r\n       FLOWERS MFD EMI CALCULATOR\r\n       ===================================================== *\/\r\n\r\n    #fmfd-emi-calculator {\r\n      --fmfd-blue: #0868d5;\r\n      --fmfd-blue-dark: #0b2945;\r\n      --fmfd-blue-soft: #f3f8fe;\r\n      --fmfd-border: #d9e5f1;\r\n      --fmfd-text: #0b2945;\r\n      --fmfd-muted: #63788d;\r\n      --fmfd-green: #219653;\r\n      --fmfd-white: #ffffff;\r\n\r\n      width: 100%;\r\n      max-width: 1100px;\r\n      margin: 0 auto;\r\n      padding: 24px 16px 40px;\r\n      box-sizing: border-box;\r\n      font-family: Arial, Helvetica, sans-serif;\r\n      color: var(--fmfd-text);\r\n    }\r\n\r\n    #fmfd-emi-calculator *,\r\n    #fmfd-emi-calculator *::before,\r\n    #fmfd-emi-calculator *::after {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    \/* ---------- HEADER ---------- *\/\r\n\r\n    .fmfd-emi-heading {\r\n      text-align: center;\r\n      margin: 0 0 8px;\r\n    }\r\n\r\n    .fmfd-emi-heading h1 {\r\n      margin: 0;\r\n      color: var(--fmfd-text);\r\n      font-size: 34px;\r\n      line-height: 1.2;\r\n      font-weight: 700;\r\n    }\r\n\r\n    .fmfd-emi-heading p {\r\n      margin: 8px 0 24px;\r\n      color: var(--fmfd-muted);\r\n      font-size: 14px;\r\n      line-height: 1.5;\r\n    }\r\n\r\n    \/* ---------- MAIN GRID ---------- *\/\r\n\r\n    .fmfd-emi-main {\r\n      display: grid;\r\n      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);\r\n      gap: 14px;\r\n      align-items: start;\r\n    }\r\n\r\n    \/* ---------- CARDS ---------- *\/\r\n\r\n    .fmfd-emi-card {\r\n      background: var(--fmfd-white);\r\n      border: 1px solid var(--fmfd-border);\r\n      border-radius: 12px;\r\n      box-shadow: 0 2px 8px rgba(11, 41, 69, 0.04);\r\n    }\r\n\r\n    .fmfd-emi-input-card {\r\n      padding: 22px;\r\n    }\r\n\r\n    .fmfd-emi-result-card {\r\n      padding: 22px;\r\n      background: var(--fmfd-blue-soft);\r\n    }\r\n\r\n    .fmfd-emi-section-title {\r\n      margin: 0 0 22px;\r\n      font-size: 18px;\r\n      font-weight: 700;\r\n      color: var(--fmfd-text);\r\n    }\r\n\r\n    \/* ---------- INPUT ROW ---------- *\/\r\n\r\n    .fmfd-emi-field {\r\n      margin-bottom: 22px;\r\n    }\r\n\r\n    .fmfd-emi-label-row {\r\n      display: flex;\r\n      justify-content: space-between;\r\n      align-items: center;\r\n      gap: 12px;\r\n      margin-bottom: 9px;\r\n    }\r\n\r\n    .fmfd-emi-label {\r\n      font-size: 14px;\r\n      font-weight: 600;\r\n      color: var(--fmfd-text);\r\n    }\r\n\r\n    .fmfd-emi-value {\r\n      width: 145px;\r\n      min-width: 145px;\r\n      height: 42px;\r\n      padding: 8px 12px;\r\n      border: 1px solid var(--fmfd-border);\r\n      border-radius: 8px;\r\n      background: #fff;\r\n      color: var(--fmfd-text);\r\n      font-size: 15px;\r\n      font-weight: 600;\r\n      text-align: right;\r\n      outline: none;\r\n    }\r\n\r\n    .fmfd-emi-value:focus {\r\n      border-color: var(--fmfd-blue);\r\n      box-shadow: 0 0 0 2px rgba(8, 104, 213, 0.10);\r\n    }\r\n\r\n    \/* ---------- RANGE SLIDER ---------- *\/\r\n\r\n    .fmfd-emi-range {\r\n      width: 100%;\r\n      height: 5px;\r\n      margin: 0;\r\n      padding: 0;\r\n      appearance: none;\r\n      -webkit-appearance: none;\r\n      background: #c7c7c7;\r\n      border-radius: 10px;\r\n      outline: none;\r\n      cursor: pointer;\r\n    }\r\n\r\n    .fmfd-emi-range::-webkit-slider-runnable-track {\r\n      height: 5px;\r\n      border-radius: 10px;\r\n      background: linear-gradient(\r\n        to right,\r\n        var(--fmfd-blue) 0%,\r\n        var(--fmfd-blue) var(--progress, 50%),\r\n        #c7c7c7 var(--progress, 50%),\r\n        #c7c7c7 100%\r\n      );\r\n    }\r\n\r\n    .fmfd-emi-range::-moz-range-track {\r\n      height: 5px;\r\n      border-radius: 10px;\r\n      background: #c7c7c7;\r\n    }\r\n\r\n    .fmfd-emi-range::-moz-range-progress {\r\n      height: 5px;\r\n      border-radius: 10px;\r\n      background: var(--fmfd-blue);\r\n    }\r\n\r\n    .fmfd-emi-range::-webkit-slider-thumb {\r\n      appearance: none;\r\n      -webkit-appearance: none;\r\n      width: 16px;\r\n      height: 16px;\r\n      margin-top: -5.5px;\r\n      border-radius: 50%;\r\n      background: var(--fmfd-blue);\r\n      border: 0;\r\n      box-shadow: 0 1px 3px rgba(0,0,0,0.15);\r\n    }\r\n\r\n    .fmfd-emi-range::-moz-range-thumb {\r\n      width: 16px;\r\n      height: 16px;\r\n      border-radius: 50%;\r\n      background: var(--fmfd-blue);\r\n      border: 0;\r\n      box-shadow: 0 1px 3px rgba(0,0,0,0.15);\r\n    }\r\n\r\n    .fmfd-emi-range-labels {\r\n      display: flex;\r\n      justify-content: space-between;\r\n      margin-top: 6px;\r\n      color: var(--fmfd-muted);\r\n      font-size: 10px;\r\n    }\r\n\r\n    \/* ---------- BUTTON ---------- *\/\r\n\r\n    .fmfd-emi-calculate {\r\n      width: 100%;\r\n      height: 48px;\r\n      margin-top: 2px;\r\n      border: 0;\r\n      border-radius: 8px;\r\n      background: var(--fmfd-blue);\r\n      color: #fff;\r\n      font-size: 15px;\r\n      font-weight: 700;\r\n      cursor: pointer;\r\n      transition: background 0.2s ease, transform 0.1s ease;\r\n    }\r\n\r\n    .fmfd-emi-calculate:hover {\r\n      background: #075dbd;\r\n    }\r\n\r\n    .fmfd-emi-calculate:active {\r\n      transform: translateY(1px);\r\n    }\r\n\r\n    \/* ---------- MAIN RESULT ---------- *\/\r\n\r\n    .fmfd-emi-result-label {\r\n      margin: 0 0 4px;\r\n      color: var(--fmfd-muted);\r\n      font-size: 12px;\r\n    }\r\n\r\n    .fmfd-emi-main-value {\r\n      margin: 0 0 18px;\r\n      color: var(--fmfd-text);\r\n      font-size: 34px;\r\n      line-height: 1.1;\r\n      font-weight: 700;\r\n    }\r\n\r\n    \/* ---------- RESULT CARDS ---------- *\/\r\n\r\n    .fmfd-emi-stat-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(2, 1fr);\r\n      gap: 10px;\r\n      margin-bottom: 14px;\r\n    }\r\n\r\n    .fmfd-emi-stat {\r\n      background: #fff;\r\n      border: 1px solid var(--fmfd-border);\r\n      border-radius: 9px;\r\n      padding: 12px 13px;\r\n      min-height: 72px;\r\n    }\r\n\r\n    .fmfd-emi-stat-label {\r\n      color: var(--fmfd-muted);\r\n      font-size: 11px;\r\n      margin-bottom: 5px;\r\n    }\r\n\r\n    .fmfd-emi-stat-value {\r\n      color: var(--fmfd-text);\r\n      font-size: 17px;\r\n      font-weight: 700;\r\n      line-height: 1.25;\r\n    }\r\n\r\n    .fmfd-emi-stat-value.green {\r\n      color: var(--fmfd-green);\r\n    }\r\n\r\n    \/* ---------- CHART ---------- *\/\r\n\r\n    .fmfd-emi-chart-card {\r\n      background: #fff;\r\n      border: 1px solid var(--fmfd-border);\r\n      border-radius: 9px;\r\n      padding: 15px 14px 12px;\r\n    }\r\n\r\n    .fmfd-emi-chart-title {\r\n      margin: 0 0 10px;\r\n      color: var(--fmfd-text);\r\n      font-size: 13px;\r\n      font-weight: 700;\r\n    }\r\n\r\n    .fmfd-emi-chart-wrap {\r\n      position: relative;\r\n      width: 100%;\r\n      height: 205px;\r\n    }\r\n\r\n    #fmfdEmiChart {\r\n      width: 100%;\r\n      height: 100%;\r\n      display: block;\r\n    }\r\n\r\n    .fmfd-emi-chart-note {\r\n      margin: 8px 0 0;\r\n      color: var(--fmfd-muted);\r\n      font-size: 10px;\r\n      line-height: 1.4;\r\n    }\r\n\r\n    \/* ---------- DISCLAIMER ---------- *\/\r\n\r\n    .fmfd-emi-disclaimer {\r\n      margin-top: 12px;\r\n      padding: 12px 14px;\r\n      border: 1px solid var(--fmfd-border);\r\n      border-radius: 8px;\r\n      background: #f8fbfe;\r\n      color: var(--fmfd-muted);\r\n      font-size: 10px;\r\n      line-height: 1.55;\r\n    }\r\n\r\n    .fmfd-emi-disclaimer strong {\r\n      color: var(--fmfd-text);\r\n    }\r\n\r\n    \/* ---------- CTA ---------- *\/\r\n\r\n    .fmfd-emi-cta {\r\n      margin-top: 14px;\r\n      padding: 18px;\r\n      border: 1px solid var(--fmfd-border);\r\n      border-radius: 10px;\r\n      background: var(--fmfd-blue-soft);\r\n    }\r\n\r\n    .fmfd-emi-cta h3 {\r\n      margin: 0 0 5px;\r\n      font-size: 16px;\r\n      color: var(--fmfd-text);\r\n    }\r\n\r\n    .fmfd-emi-cta p {\r\n      margin: 0 0 12px;\r\n      color: var(--fmfd-muted);\r\n      font-size: 12px;\r\n      line-height: 1.5;\r\n    }\r\n\r\n    .fmfd-emi-cta-buttons {\r\n      display: flex;\r\n      gap: 8px;\r\n      flex-wrap: wrap;\r\n    }\r\n\r\n    .fmfd-emi-cta a {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      min-height: 40px;\r\n      padding: 9px 16px;\r\n      border-radius: 7px;\r\n      text-decoration: none;\r\n      font-size: 12px;\r\n      font-weight: 700;\r\n    }\r\n\r\n    .fmfd-emi-cta-primary {\r\n      background: var(--fmfd-blue);\r\n      color: #fff !important;\r\n    }\r\n\r\n    .fmfd-emi-cta-secondary {\r\n      background: #fff;\r\n      color: var(--fmfd-blue) !important;\r\n      border: 1px solid var(--fmfd-blue);\r\n    }\r\n\r\n    \/* ---------- ERROR ---------- *\/\r\n\r\n    .fmfd-emi-error {\r\n      display: none;\r\n      margin-top: 10px;\r\n      padding: 9px 12px;\r\n      border-radius: 7px;\r\n      background: #fff2f2;\r\n      border: 1px solid #f2caca;\r\n      color: #a52b2b;\r\n      font-size: 11px;\r\n    }\r\n\r\n    \/* =====================================================\r\n       TABLET\r\n       ===================================================== *\/\r\n\r\n    @media (max-width: 800px) {\r\n\r\n      #fmfd-emi-calculator {\r\n        padding: 20px 10px 30px;\r\n      }\r\n\r\n      .fmfd-emi-heading h1 {\r\n        font-size: 28px;\r\n      }\r\n\r\n      .fmfd-emi-main {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .fmfd-emi-input-card,\r\n      .fmfd-emi-result-card {\r\n        padding: 18px;\r\n      }\r\n\r\n      .fmfd-emi-main-value {\r\n        font-size: 32px;\r\n      }\r\n    }\r\n\r\n    \/* =====================================================\r\n       MOBILE\r\n       ===================================================== *\/\r\n\r\n    @media (max-width: 520px) {\r\n\r\n      #fmfd-emi-calculator {\r\n        padding: 14px 7px 25px;\r\n      }\r\n\r\n      .fmfd-emi-heading h1 {\r\n        font-size: 24px;\r\n      }\r\n\r\n      .fmfd-emi-heading p {\r\n        font-size: 12px;\r\n        margin-bottom: 16px;\r\n      }\r\n\r\n      .fmfd-emi-input-card,\r\n      .fmfd-emi-result-card {\r\n        padding: 15px;\r\n        border-radius: 10px;\r\n      }\r\n\r\n      .fmfd-emi-section-title {\r\n        font-size: 16px;\r\n        margin-bottom: 18px;\r\n      }\r\n\r\n      .fmfd-emi-field {\r\n        margin-bottom: 18px;\r\n      }\r\n\r\n      .fmfd-emi-label-row {\r\n        align-items: center;\r\n      }\r\n\r\n      .fmfd-emi-label {\r\n        font-size: 12px;\r\n      }\r\n\r\n      .fmfd-emi-value {\r\n        width: 125px;\r\n        min-width: 125px;\r\n        height: 38px;\r\n        font-size: 13px;\r\n      }\r\n\r\n      .fmfd-emi-range-labels {\r\n        font-size: 9px;\r\n      }\r\n\r\n      .fmfd-emi-calculate {\r\n        height: 46px;\r\n        font-size: 13px;\r\n      }\r\n\r\n      .fmfd-emi-result-label {\r\n        font-size: 11px;\r\n      }\r\n\r\n      .fmfd-emi-main-value {\r\n        font-size: 29px;\r\n        margin-bottom: 15px;\r\n      }\r\n\r\n      .fmfd-emi-stat-grid {\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 7px;\r\n      }\r\n\r\n      .fmfd-emi-stat {\r\n        min-height: 67px;\r\n        padding: 10px;\r\n      }\r\n\r\n      .fmfd-emi-stat-label {\r\n        font-size: 9px;\r\n      }\r\n\r\n      .fmfd-emi-stat-value {\r\n        font-size: 14px;\r\n      }\r\n\r\n      .fmfd-emi-chart-wrap {\r\n        height: 185px;\r\n      }\r\n\r\n      .fmfd-emi-cta {\r\n        padding: 15px;\r\n      }\r\n\r\n      .fmfd-emi-cta-buttons {\r\n        flex-direction: column;\r\n      }\r\n\r\n      .fmfd-emi-cta a {\r\n        width: 100%;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n\r\n  <!-- =====================================================\r\n       HEADING\r\n       ===================================================== -->\r\n\r\n  <div class=\"fmfd-emi-heading\">\r\n    <h1>\ud83c\udfe0 EMI Calculator<\/h1>\r\n    <p>Calculate your monthly loan EMI, total interest and total repayment amount.<\/p>\r\n  <\/div>\r\n\r\n\r\n  <!-- =====================================================\r\n       MAIN CALCULATOR\r\n       ===================================================== -->\r\n\r\n  <div class=\"fmfd-emi-main\">\r\n\r\n    <!-- ================= INPUT PANEL ================= -->\r\n\r\n    <div class=\"fmfd-emi-card fmfd-emi-input-card\">\r\n\r\n      <h2 class=\"fmfd-emi-section-title\">Plan Your Loan<\/h2>\r\n\r\n\r\n      <!-- LOAN AMOUNT -->\r\n\r\n      <div class=\"fmfd-emi-field\">\r\n\r\n        <div class=\"fmfd-emi-label-row\">\r\n          <label class=\"fmfd-emi-label\" for=\"fmfdLoanAmount\">\r\n            Loan Amount\r\n          <\/label>\r\n\r\n          <input\r\n            type=\"text\"\r\n            id=\"fmfdLoanAmountValue\"\r\n            class=\"fmfd-emi-value\"\r\n            value=\"\u20b95,00,000\"\r\n            inputmode=\"numeric\"\r\n            aria-label=\"Loan amount\"\r\n          >\r\n        <\/div>\r\n\r\n        <input\r\n          type=\"range\"\r\n          id=\"fmfdLoanAmount\"\r\n          class=\"fmfd-emi-range\"\r\n          min=\"100000\"\r\n          max=\"50000000\"\r\n          step=\"10000\"\r\n          value=\"500000\"\r\n        >\r\n\r\n        <div class=\"fmfd-emi-range-labels\">\r\n          <span>\u20b91 Lakh<\/span>\r\n          <span>\u20b95 Crore<\/span>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- INTEREST RATE -->\r\n\r\n      <div class=\"fmfd-emi-field\">\r\n\r\n        <div class=\"fmfd-emi-label-row\">\r\n          <label class=\"fmfd-emi-label\" for=\"fmfdInterestRate\">\r\n            Interest Rate\r\n          <\/label>\r\n\r\n          <input\r\n            type=\"text\"\r\n            id=\"fmfdInterestRateValue\"\r\n            class=\"fmfd-emi-value\"\r\n            value=\"8.5%\"\r\n            inputmode=\"decimal\"\r\n            aria-label=\"Interest rate\"\r\n          >\r\n        <\/div>\r\n\r\n        <input\r\n          type=\"range\"\r\n          id=\"fmfdInterestRate\"\r\n          class=\"fmfd-emi-range\"\r\n          min=\"0\"\r\n          max=\"20\"\r\n          step=\"0.1\"\r\n          value=\"8.5\"\r\n        >\r\n\r\n        <div class=\"fmfd-emi-range-labels\">\r\n          <span>0%<\/span>\r\n          <span>20%<\/span>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- TENURE -->\r\n\r\n      <div class=\"fmfd-emi-field\">\r\n\r\n        <div class=\"fmfd-emi-label-row\">\r\n          <label class=\"fmfd-emi-label\" for=\"fmfdLoanTenure\">\r\n            Loan Tenure\r\n          <\/label>\r\n\r\n          <input\r\n            type=\"text\"\r\n            id=\"fmfdLoanTenureValue\"\r\n            class=\"fmfd-emi-value\"\r\n            value=\"5 Years\"\r\n            inputmode=\"numeric\"\r\n            aria-label=\"Loan tenure\"\r\n          >\r\n        <\/div>\r\n\r\n        <input\r\n          type=\"range\"\r\n          id=\"fmfdLoanTenure\"\r\n          class=\"fmfd-emi-range\"\r\n          min=\"1\"\r\n          max=\"30\"\r\n          step=\"1\"\r\n          value=\"5\"\r\n        >\r\n\r\n        <div class=\"fmfd-emi-range-labels\">\r\n          <span>1 Year<\/span>\r\n          <span>30 Years<\/span>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <button\r\n        type=\"button\"\r\n        id=\"fmfdCalculateEMI\"\r\n        class=\"fmfd-emi-calculate\"\r\n      >\r\n        Calculate My EMI\r\n      <\/button>\r\n\r\n      <div\r\n        id=\"fmfdEmiError\"\r\n        class=\"fmfd-emi-error\"\r\n      ><\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- ================= RESULTS PANEL ================= -->\r\n\r\n    <div class=\"fmfd-emi-card fmfd-emi-result-card\">\r\n\r\n      <div class=\"fmfd-emi-result-label\">\r\n        Estimated Monthly EMI\r\n      <\/div>\r\n\r\n      <div\r\n        id=\"fmfdEmiMain\"\r\n        class=\"fmfd-emi-main-value\"\r\n      >\r\n        \u20b910,258\r\n      <\/div>\r\n\r\n\r\n      <!-- RESULT SUMMARY -->\r\n\r\n      <div class=\"fmfd-emi-stat-grid\">\r\n\r\n        <div class=\"fmfd-emi-stat\">\r\n          <div class=\"fmfd-emi-stat-label\">\r\n            Loan Amount\r\n          <\/div>\r\n\r\n          <div\r\n            id=\"fmfdResultPrincipal\"\r\n            class=\"fmfd-emi-stat-value\"\r\n          >\r\n            \u20b95,00,000\r\n          <\/div>\r\n        <\/div>\r\n\r\n\r\n        <div class=\"fmfd-emi-stat\">\r\n          <div class=\"fmfd-emi-stat-label\">\r\n            Total Interest\r\n          <\/div>\r\n\r\n          <div\r\n            id=\"fmfdResultInterest\"\r\n            class=\"fmfd-emi-stat-value green\"\r\n          >\r\n            \u20b91,15,496\r\n          <\/div>\r\n        <\/div>\r\n\r\n\r\n        <div class=\"fmfd-emi-stat\">\r\n          <div class=\"fmfd-emi-stat-label\">\r\n            Total Amount Payable\r\n          <\/div>\r\n\r\n          <div\r\n            id=\"fmfdResultTotal\"\r\n            class=\"fmfd-emi-stat-value\"\r\n          >\r\n            \u20b96,15,496\r\n          <\/div>\r\n        <\/div>\r\n\r\n\r\n        <div class=\"fmfd-emi-stat\">\r\n          <div class=\"fmfd-emi-stat-label\">\r\n            Loan Tenure\r\n          <\/div>\r\n\r\n          <div\r\n            id=\"fmfdResultTenure\"\r\n            class=\"fmfd-emi-stat-value\"\r\n          >\r\n            5 Years\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- CHART -->\r\n\r\n      <div class=\"fmfd-emi-chart-card\">\r\n\r\n        <h3 class=\"fmfd-emi-chart-title\">\r\n          Estimated Loan Repayment\r\n        <\/h3>\r\n\r\n        <div class=\"fmfd-emi-chart-wrap\">\r\n          <canvas id=\"fmfdEmiChart\"><\/canvas>\r\n        <\/div>\r\n\r\n        <p class=\"fmfd-emi-chart-note\">\r\n          Illustrative repayment projection based on the assumptions selected above.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n\r\n  <!-- =====================================================\r\n       DISCLAIMER \u2014 IMMEDIATELY BELOW CALCULATOR\r\n       ===================================================== -->\r\n\r\n  <div class=\"fmfd-emi-disclaimer\">\r\n    <strong>Illustration only:<\/strong>\r\n    This EMI calculator provides an estimate based on the loan amount,\r\n    interest rate and tenure entered. Actual EMI, interest and repayment\r\n    amounts may vary depending on the lender, loan terms, processing charges,\r\n    rate changes and other applicable conditions. This calculator is for\r\n    educational purposes only and does not constitute financial advice.\r\n  <\/div>\r\n\r\n\r\n  <!-- =====================================================\r\n       CTA\r\n       ===================================================== -->\r\n\r\n  <div class=\"fmfd-emi-cta\">\r\n\r\n    <h3>\ud83c\udf38 Planning a loan or investment?<\/h3>\r\n\r\n    <p>\r\n      We can help you understand your loan commitments and plan your\r\n      finances alongside your investment goals.\r\n    <\/p>\r\n\r\n    <div class=\"fmfd-emi-cta-buttons\">\r\n\r\n      <a\r\n        class=\"fmfd-emi-cta-primary\"\r\n        href=\"\/contact\/\"\r\n      >\r\n        Talk to Flowers MFD\r\n      <\/a>\r\n\r\n      <a class=\"fmfd-emi-cta-secondary\" href=\"https:\/\/wa.me\/919677738141\" target=\"_blank\" rel=\"noopener nofollow\">\r\n        Chat on WhatsApp\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n\r\n  <!-- =====================================================\r\n       JAVASCRIPT\r\n       ===================================================== -->\r\n\r\n  <script>\r\n    (function () {\r\n\r\n      \"use strict\";\r\n\r\n      \/* ---------------------------------------------------\r\n         ELEMENTS\r\n         --------------------------------------------------- *\/\r\n\r\n      const loanSlider =\r\n        document.getElementById(\"fmfdLoanAmount\");\r\n\r\n      const loanValue =\r\n        document.getElementById(\"fmfdLoanAmountValue\");\r\n\r\n      const rateSlider =\r\n        document.getElementById(\"fmfdInterestRate\");\r\n\r\n      const rateValue =\r\n        document.getElementById(\"fmfdInterestRateValue\");\r\n\r\n      const tenureSlider =\r\n        document.getElementById(\"fmfdLoanTenure\");\r\n\r\n      const tenureValue =\r\n        document.getElementById(\"fmfdLoanTenureValue\");\r\n\r\n      const calculateButton =\r\n        document.getElementById(\"fmfdCalculateEMI\");\r\n\r\n      const errorBox =\r\n        document.getElementById(\"fmfdEmiError\");\r\n\r\n      const emiMain =\r\n        document.getElementById(\"fmfdEmiMain\");\r\n\r\n      const resultPrincipal =\r\n        document.getElementById(\"fmfdResultPrincipal\");\r\n\r\n      const resultInterest =\r\n        document.getElementById(\"fmfdResultInterest\");\r\n\r\n      const resultTotal =\r\n        document.getElementById(\"fmfdResultTotal\");\r\n\r\n      const resultTenure =\r\n        document.getElementById(\"fmfdResultTenure\");\r\n\r\n      const canvas =\r\n        document.getElementById(\"fmfdEmiChart\");\r\n\r\n      const ctx =\r\n        canvas.getContext(\"2d\");\r\n\r\n\r\n      \/* ---------------------------------------------------\r\n         FORMAT INDIAN RUPEES\r\n         --------------------------------------------------- *\/\r\n\r\n      function formatINR(value) {\r\n\r\n        value = Math.round(Number(value) || 0);\r\n\r\n        return \"\u20b9\" + value.toLocaleString(\"en-IN\");\r\n\r\n      }\r\n\r\n\r\n      \/* ---------------------------------------------------\r\n         PARSE NUMBERS FROM INPUT BOXES\r\n         --------------------------------------------------- *\/\r\n\r\n      function parseNumber(value) {\r\n\r\n        if (!value) return 0;\r\n\r\n        return Number(\r\n          String(value)\r\n            .replace(\/[\u20b9,%\\s,]\/g, \"\")\r\n            .replace(\/[^\\d.]\/g, \"\")\r\n        ) || 0;\r\n\r\n      }\r\n\r\n\r\n      \/* ---------------------------------------------------\r\n         RANGE PROGRESS\r\n         --------------------------------------------------- *\/\r\n\r\n      function updateRangeProgress(slider) {\r\n\r\n        const min =\r\n          Number(slider.min);\r\n\r\n        const max =\r\n          Number(slider.max);\r\n\r\n        const value =\r\n          Number(slider.value);\r\n\r\n        const percentage =\r\n          ((value - min) \/ (max - min)) * 100;\r\n\r\n        slider.style.setProperty(\r\n          \"--progress\",\r\n          percentage + \"%\"\r\n        );\r\n      }\r\n\r\n\r\n      \/* ---------------------------------------------------\r\n         UPDATE ALL RANGE VISUALS\r\n         --------------------------------------------------- *\/\r\n\r\n      function updateAllRangeProgress() {\r\n\r\n        updateRangeProgress(loanSlider);\r\n        updateRangeProgress(rateSlider);\r\n        updateRangeProgress(tenureSlider);\r\n\r\n      }\r\n\r\n\r\n      \/* ---------------------------------------------------\r\n         SYNC SLIDERS \u2192 DISPLAY BOXES\r\n         --------------------------------------------------- *\/\r\n\r\n      loanSlider.addEventListener(\"input\", function () {\r\n\r\n        loanValue.value =\r\n          formatINR(this.value);\r\n\r\n        updateRangeProgress(this);\r\n\r\n        calculate();\r\n\r\n      });\r\n\r\n\r\n      rateSlider.addEventListener(\"input\", function () {\r\n\r\n        rateValue.value =\r\n          Number(this.value).toFixed(1) + \"%\";\r\n\r\n        updateRangeProgress(this);\r\n\r\n        calculate();\r\n\r\n      });\r\n\r\n\r\n      tenureSlider.addEventListener(\"input\", function () {\r\n\r\n        tenureValue.value =\r\n          this.value + \" Years\";\r\n\r\n        updateRangeProgress(this);\r\n\r\n        calculate();\r\n\r\n      });\r\n\r\n\r\n      \/* ---------------------------------------------------\r\n         DISPLAY BOX \u2192 SLIDER\r\n         --------------------------------------------------- *\/\r\n\r\n      loanValue.addEventListener(\"change\", function () {\r\n\r\n        let value =\r\n          parseNumber(this.value);\r\n\r\n        value =\r\n          Math.max(\r\n            Number(loanSlider.min),\r\n            Math.min(\r\n              Number(loanSlider.max),\r\n              value\r\n            )\r\n          );\r\n\r\n        loanSlider.value = value;\r\n\r\n        this.value = formatINR(value);\r\n\r\n        updateRangeProgress(loanSlider);\r\n\r\n        calculate();\r\n\r\n      });\r\n\r\n\r\n      rateValue.addEventListener(\"change\", function () {\r\n\r\n        let value =\r\n          parseNumber(this.value);\r\n\r\n        value =\r\n          Math.max(\r\n            Number(rateSlider.min),\r\n            Math.min(\r\n              Number(rateSlider.max),\r\n              value\r\n            )\r\n          );\r\n\r\n        rateSlider.value = value;\r\n\r\n        this.value =\r\n          Number(value).toFixed(1) + \"%\";\r\n\r\n        updateRangeProgress(rateSlider);\r\n\r\n        calculate();\r\n\r\n      });\r\n\r\n\r\n      tenureValue.addEventListener(\"change\", function () {\r\n\r\n        let value =\r\n          parseNumber(this.value);\r\n\r\n        value =\r\n          Math.max(\r\n            Number(tenureSlider.min),\r\n            Math.min(\r\n              Number(tenureSlider.max),\r\n              value\r\n            )\r\n          );\r\n\r\n        value = Math.round(value);\r\n\r\n        tenureSlider.value = value;\r\n\r\n        this.value =\r\n          value + \" Years\";\r\n\r\n        updateRangeProgress(tenureSlider);\r\n\r\n        calculate();\r\n\r\n      });\r\n\r\n\r\n      \/* ---------------------------------------------------\r\n         EMI CALCULATION\r\n         --------------------------------------------------- *\/\r\n\r\n      function calculate() {\r\n\r\n        errorBox.style.display = \"none\";\r\n\r\n        const principal =\r\n          Number(loanSlider.value);\r\n\r\n        const annualRate =\r\n          Number(rateSlider.value);\r\n\r\n        const years =\r\n          Number(tenureSlider.value);\r\n\r\n        if (\r\n          !principal ||\r\n          principal <= 0 ||\r\n          years <= 0\r\n        ) {\r\n\r\n          showError(\r\n            \"Please enter valid loan details.\"\r\n          );\r\n\r\n          return;\r\n\r\n        }\r\n\r\n\r\n        const months =\r\n          years * 12;\r\n\r\n        const monthlyRate =\r\n          annualRate \/ 12 \/ 100;\r\n\r\n        let emi;\r\n\r\n\r\n        \/* ZERO INTEREST *\/\r\n\r\n        if (monthlyRate === 0) {\r\n\r\n          emi =\r\n            principal \/ months;\r\n\r\n        } else {\r\n\r\n          const factor =\r\n            Math.pow(\r\n              1 + monthlyRate,\r\n              months\r\n            );\r\n\r\n          emi =\r\n            principal *\r\n            monthlyRate *\r\n            factor \/\r\n            (factor - 1);\r\n\r\n        }\r\n\r\n\r\n        const totalPayment =\r\n          emi * months;\r\n\r\n        const totalInterest =\r\n          totalPayment - principal;\r\n\r\n\r\n        \/* RESULTS *\/\r\n\r\n        emiMain.textContent =\r\n          formatINR(emi);\r\n\r\n        resultPrincipal.textContent =\r\n          formatINR(principal);\r\n\r\n        resultInterest.textContent =\r\n          formatINR(totalInterest);\r\n\r\n        resultTotal.textContent =\r\n          formatINR(totalPayment);\r\n\r\n        resultTenure.textContent =\r\n          years + \" Years\";\r\n\r\n\r\n        drawChart(\r\n          principal,\r\n          totalPayment,\r\n          years\r\n        );\r\n\r\n      }\r\n\r\n\r\n      \/* ---------------------------------------------------\r\n         ERROR\r\n         --------------------------------------------------- *\/\r\n\r\n      function showError(message) {\r\n\r\n        errorBox.textContent =\r\n          message;\r\n\r\n        errorBox.style.display =\r\n          \"block\";\r\n\r\n      }\r\n\r\n\r\n      \/* ---------------------------------------------------\r\n         HIGH DPI CANVAS\r\n         --------------------------------------------------- *\/\r\n\r\n      function resizeCanvas() {\r\n\r\n        const rect =\r\n          canvas.getBoundingClientRect();\r\n\r\n        const dpr =\r\n          window.devicePixelRatio || 1;\r\n\r\n        canvas.width =\r\n          rect.width * dpr;\r\n\r\n        canvas.height =\r\n          rect.height * dpr;\r\n\r\n        ctx.setTransform(\r\n          dpr,\r\n          0,\r\n          0,\r\n          dpr,\r\n          0,\r\n          0\r\n        );\r\n\r\n        return {\r\n          width: rect.width,\r\n          height: rect.height\r\n        };\r\n\r\n      }\r\n\r\n\r\n      \/* ---------------------------------------------------\r\n         REPAYMENT CHART\r\n         --------------------------------------------------- *\/\r\n\r\n      function drawChart(\r\n        principal,\r\n        totalPayment,\r\n        years\r\n      ) {\r\n\r\n        const size =\r\n          resizeCanvas();\r\n\r\n        const width =\r\n          size.width;\r\n\r\n        const height =\r\n          size.height;\r\n\r\n        ctx.clearRect(\r\n          0,\r\n          0,\r\n          width,\r\n          height\r\n        );\r\n\r\n\r\n        \/* CHART AREA *\/\r\n\r\n        const left = 42;\r\n        const right = 12;\r\n        const top = 16;\r\n        const bottom = 30;\r\n\r\n        const chartWidth =\r\n          width - left - right;\r\n\r\n        const chartHeight =\r\n          height - top - bottom;\r\n\r\n\r\n        \/* YEARLY DATA *\/\r\n\r\n        const points = [];\r\n\r\n        const maxYears =\r\n          Math.max(1, years);\r\n\r\n        for (\r\n          let year = 0;\r\n          year <= maxYears;\r\n          year++\r\n        ) {\r\n\r\n          const progress =\r\n            year \/ maxYears;\r\n\r\n          const investment =\r\n            principal +\r\n            (totalPayment - principal) *\r\n            progress;\r\n\r\n          \/*\r\n             Visualised repayment path.\r\n             Principal line increases from zero\r\n             to total loan amount.\r\n          *\/\r\n\r\n          points.push({\r\n            year: year,\r\n            investment: investment\r\n          });\r\n\r\n        }\r\n\r\n\r\n        const maxValue =\r\n          totalPayment || 1;\r\n\r\n\r\n        \/* GRID *\/\r\n\r\n        ctx.lineWidth = 1;\r\n        ctx.strokeStyle = \"#e4edf5\";\r\n\r\n        for (let i = 0; i <= 4; i++) {\r\n\r\n          const y =\r\n            top +\r\n            (chartHeight * i \/ 4);\r\n\r\n          ctx.beginPath();\r\n\r\n          ctx.moveTo(\r\n            left,\r\n            y\r\n          );\r\n\r\n          ctx.lineTo(\r\n            width - right,\r\n            y\r\n          );\r\n\r\n          ctx.stroke();\r\n\r\n        }\r\n\r\n\r\n        \/* Y AXIS LABELS *\/\r\n\r\n        ctx.fillStyle = \"#71869a\";\r\n        ctx.font = \"9px Arial\";\r\n\r\n        for (let i = 0; i <= 4; i++) {\r\n\r\n          const value =\r\n            maxValue -\r\n            (maxValue * i \/ 4);\r\n\r\n          const y =\r\n            top +\r\n            (chartHeight * i \/ 4) +\r\n            3;\r\n\r\n          ctx.fillText(\r\n            shortMoney(value),\r\n            3,\r\n            y\r\n          );\r\n\r\n        }\r\n\r\n\r\n        \/* MAIN LINE *\/\r\n\r\n        ctx.beginPath();\r\n\r\n        points.forEach(function (point, index) {\r\n\r\n          const x =\r\n            left +\r\n            chartWidth *\r\n            (point.year \/ maxYears);\r\n\r\n          const y =\r\n            top +\r\n            chartHeight *\r\n            (1 - point.investment \/ maxValue);\r\n\r\n          if (index === 0) {\r\n\r\n            ctx.moveTo(x, y);\r\n\r\n          } else {\r\n\r\n            ctx.lineTo(x, y);\r\n\r\n          }\r\n\r\n        });\r\n\r\n        ctx.strokeStyle = \"#0874df\";\r\n        ctx.lineWidth = 2.2;\r\n        ctx.stroke();\r\n\r\n\r\n        \/* START POINT *\/\r\n\r\n        ctx.beginPath();\r\n\r\n        ctx.arc(\r\n          left,\r\n          top + chartHeight,\r\n          3,\r\n          0,\r\n          Math.PI * 2\r\n        );\r\n\r\n        ctx.fillStyle = \"#0874df\";\r\n        ctx.fill();\r\n\r\n\r\n        \/* END POINT *\/\r\n\r\n        const endX =\r\n          left + chartWidth;\r\n\r\n        const endY =\r\n          top;\r\n\r\n        ctx.beginPath();\r\n\r\n        ctx.arc(\r\n          endX,\r\n          endY,\r\n          3.5,\r\n          0,\r\n          Math.PI * 2\r\n        );\r\n\r\n        ctx.fillStyle = \"#0874df\";\r\n        ctx.fill();\r\n\r\n\r\n        \/* X LABELS *\/\r\n\r\n        ctx.fillStyle = \"#71869a\";\r\n        ctx.font = \"9px Arial\";\r\n\r\n        ctx.textAlign = \"left\";\r\n\r\n        ctx.fillText(\r\n          \"Year 0\",\r\n          left,\r\n          height - 8\r\n        );\r\n\r\n        ctx.textAlign = \"right\";\r\n\r\n        ctx.fillText(\r\n          \"Year \" + years,\r\n          width - right,\r\n          height - 8\r\n        );\r\n\r\n        ctx.textAlign = \"left\";\r\n\r\n      }\r\n\r\n\r\n      \/* ---------------------------------------------------\r\n         SHORT MONEY LABEL\r\n         --------------------------------------------------- *\/\r\n\r\n      function shortMoney(value) {\r\n\r\n        value =\r\n          Number(value) || 0;\r\n\r\n        if (value >= 10000000) {\r\n\r\n          return \"\u20b9\" +\r\n            (value \/ 10000000)\r\n              .toFixed(1) +\r\n            \"Cr\";\r\n\r\n        }\r\n\r\n        if (value >= 100000) {\r\n\r\n          return \"\u20b9\" +\r\n            (value \/ 100000)\r\n              .toFixed(1) +\r\n            \"L\";\r\n\r\n        }\r\n\r\n        if (value >= 1000) {\r\n\r\n          return \"\u20b9\" +\r\n            (value \/ 1000)\r\n              .toFixed(0) +\r\n            \"K\";\r\n\r\n        }\r\n\r\n        return \"\u20b9\" +\r\n          Math.round(value);\r\n\r\n      }\r\n\r\n\r\n      \/* ---------------------------------------------------\r\n         BUTTON\r\n         --------------------------------------------------- *\/\r\n\r\n      calculateButton.addEventListener(\r\n        \"click\",\r\n        calculate\r\n      );\r\n\r\n\r\n      \/* ---------------------------------------------------\r\n         RESPONSIVE REDRAW\r\n         --------------------------------------------------- *\/\r\n\r\n      let resizeTimer;\r\n\r\n      window.addEventListener(\r\n        \"resize\",\r\n        function () {\r\n\r\n          clearTimeout(resizeTimer);\r\n\r\n          resizeTimer =\r\n            setTimeout(\r\n              calculate,\r\n              120\r\n            );\r\n\r\n        }\r\n      );\r\n\r\n\r\n      \/* ---------------------------------------------------\r\n         INITIALISE\r\n         --------------------------------------------------- *\/\r\n\r\n      loanValue.value =\r\n        formatINR(loanSlider.value);\r\n\r\n      rateValue.value =\r\n        Number(rateSlider.value)\r\n          .toFixed(1) + \"%\";\r\n\r\n      tenureValue.value =\r\n        tenureSlider.value + \" Years\";\r\n\r\n      updateAllRangeProgress();\r\n\r\n      calculate();\r\n\r\n    })();\r\n  <\/script>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>&#x1f3e0; EMI Calculator Calculate your monthly loan EMI, total interest and total repayment amount. Plan Your Loan Loan Amount \u20b91 Lakh \u20b95 Crore Interest Rate 0% 20% Loan Tenure 1 Year 30 Years Calculate My EMI Estimated Monthly EMI \u20b910,258 Loan Amount \u20b95,00,000 Total Interest \u20b91,15,496 Total Amount Payable \u20b96,15,496 Loan Tenure 5 Years Estimated [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2422","page","type-page","status-publish","hentry"],"rttpg_featured_image_url":null,"rttpg_author":{"display_name":"boopathi.giri","author_link":"https:\/\/www.flowersmfd.in\/ta\/author\/boopathi-giri\/"},"rttpg_comment":0,"rttpg_category":null,"rttpg_excerpt":"&#x1f3e0; EMI Calculator Calculate your monthly loan EMI, total interest and total repayment amount. Plan Your Loan Loan Amount \u20b91 Lakh \u20b95 Crore Interest Rate 0% 20% Loan Tenure 1 Year 30 Years Calculate My EMI Estimated Monthly EMI \u20b910,258 Loan Amount \u20b95,00,000 Total Interest \u20b91,15,496 Total Amount Payable \u20b96,15,496 Loan Tenure 5 Years Estimated&hellip;","_links":{"self":[{"href":"https:\/\/www.flowersmfd.in\/ta\/wp-json\/wp\/v2\/pages\/2422","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.flowersmfd.in\/ta\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.flowersmfd.in\/ta\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.flowersmfd.in\/ta\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.flowersmfd.in\/ta\/wp-json\/wp\/v2\/comments?post=2422"}],"version-history":[{"count":3,"href":"https:\/\/www.flowersmfd.in\/ta\/wp-json\/wp\/v2\/pages\/2422\/revisions"}],"predecessor-version":[{"id":12777,"href":"https:\/\/www.flowersmfd.in\/ta\/wp-json\/wp\/v2\/pages\/2422\/revisions\/12777"}],"wp:attachment":[{"href":"https:\/\/www.flowersmfd.in\/ta\/wp-json\/wp\/v2\/media?parent=2422"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}