{"id":705,"date":"2026-08-17T06:54:26","date_gmt":"2026-08-17T06:54:26","guid":{"rendered":"https:\/\/www.stockmaster.in\/universe\/?p=705"},"modified":"2026-08-17T06:56:07","modified_gmt":"2026-08-17T06:56:07","slug":"debt-to-income-calculator-usa","status":"publish","type":"post","link":"https:\/\/www.stockmaster.in\/universe\/debt-to-income-calculator-usa\/","title":{"rendered":"Debt-to-Income Calculator USA"},"content":{"rendered":"<div id=\"dti-usa-calculator\">\r\n\r\n  <div class=\"dti-wrap\">\r\n\r\n    <div class=\"dti-hero\">\r\n      <div class=\"dti-badge\">USA PERSONAL FINANCE CALCULATOR<\/div>\r\n\r\n      <h2>Debt-to-Income Ratio Calculator<\/h2>\r\n\r\n      <p>\r\n        Calculate your debt-to-income ratio (DTI), monthly debt burden,\r\n        remaining income, and see how reducing debt could improve your ratio.\r\n      <\/p>\r\n    <\/div>\r\n\r\n\r\n    <div class=\"dti-main\">\r\n\r\n      <!-- INPUT PANEL -->\r\n\r\n      <div class=\"dti-input-card\">\r\n\r\n        <h3>Your Income<\/h3>\r\n\r\n        <div class=\"dti-field\">\r\n\r\n          <label for=\"dti-income\">\r\n            Gross Monthly Income\r\n            <small>Before taxes<\/small>\r\n          <\/label>\r\n\r\n          <div class=\"dti-input-wrap\">\r\n            <span>$<\/span>\r\n\r\n            <input\r\n              type=\"number\"\r\n              id=\"dti-income\"\r\n              value=\"6000\"\r\n              min=\"0\"\r\n              step=\"0.01\"\r\n            >\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"dti-field\">\r\n\r\n          <label for=\"dti-other-income\">\r\n            Other Monthly Income\r\n            <small>Optional<\/small>\r\n          <\/label>\r\n\r\n          <div class=\"dti-input-wrap\">\r\n            <span>$<\/span>\r\n\r\n            <input\r\n              type=\"number\"\r\n              id=\"dti-other-income\"\r\n              value=\"0\"\r\n              min=\"0\"\r\n              step=\"0.01\"\r\n            >\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <h3 class=\"dti-debt-heading\">Monthly Debt Payments<\/h3>\r\n\r\n\r\n        <div class=\"dti-field\">\r\n\r\n          <label for=\"dti-housing\">\r\n            Housing Payment\r\n            <small>Mortgage \/ rent<\/small>\r\n          <\/label>\r\n\r\n          <div class=\"dti-input-wrap\">\r\n            <span>$<\/span>\r\n\r\n            <input\r\n              type=\"number\"\r\n              id=\"dti-housing\"\r\n              value=\"1500\"\r\n              min=\"0\"\r\n              step=\"0.01\"\r\n            >\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"dti-field\">\r\n\r\n          <label for=\"dti-credit\">\r\n            Credit Card Payments\r\n          <\/label>\r\n\r\n          <div class=\"dti-input-wrap\">\r\n            <span>$<\/span>\r\n\r\n            <input\r\n              type=\"number\"\r\n              id=\"dti-credit\"\r\n              value=\"300\"\r\n              min=\"0\"\r\n              step=\"0.01\"\r\n            >\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"dti-field\">\r\n\r\n          <label for=\"dti-auto\">\r\n            Auto Loan Payments\r\n          <\/label>\r\n\r\n          <div class=\"dti-input-wrap\">\r\n            <span>$<\/span>\r\n\r\n            <input\r\n              type=\"number\"\r\n              id=\"dti-auto\"\r\n              value=\"400\"\r\n              min=\"0\"\r\n              step=\"0.01\"\r\n            >\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"dti-field\">\r\n\r\n          <label for=\"dti-student\">\r\n            Student Loan Payments\r\n          <\/label>\r\n\r\n          <div class=\"dti-input-wrap\">\r\n            <span>$<\/span>\r\n\r\n            <input\r\n              type=\"number\"\r\n              id=\"dti-student\"\r\n              value=\"250\"\r\n              min=\"0\"\r\n              step=\"0.01\"\r\n            >\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"dti-field\">\r\n\r\n          <label for=\"dti-personal\">\r\n            Personal Loan Payments\r\n          <\/label>\r\n\r\n          <div class=\"dti-input-wrap\">\r\n            <span>$<\/span>\r\n\r\n            <input\r\n              type=\"number\"\r\n              id=\"dti-personal\"\r\n              value=\"150\"\r\n              min=\"0\"\r\n              step=\"0.01\"\r\n            >\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"dti-field\">\r\n\r\n          <label for=\"dti-other-debt\">\r\n            Other Monthly Debt\r\n            <small>Optional<\/small>\r\n          <\/label>\r\n\r\n          <div class=\"dti-input-wrap\">\r\n            <span>$<\/span>\r\n\r\n            <input\r\n              type=\"number\"\r\n              id=\"dti-other-debt\"\r\n              value=\"0\"\r\n              min=\"0\"\r\n              step=\"0.01\"\r\n            >\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <button\r\n          type=\"button\"\r\n          id=\"dti-calculate\"\r\n        >\r\n          Calculate DTI\r\n        <\/button>\r\n\r\n\r\n        <button\r\n          type=\"button\"\r\n          id=\"dti-reset\"\r\n          class=\"dti-reset\"\r\n        >\r\n          Reset Calculator\r\n        <\/button>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- RESULTS -->\r\n\r\n      <div class=\"dti-results\">\r\n\r\n        <div\r\n          id=\"dti-error\"\r\n          class=\"dti-error\"\r\n        ><\/div>\r\n\r\n\r\n        <!-- MAIN DTI RESULT -->\r\n\r\n        <div class=\"dti-result-card\">\r\n\r\n          <div class=\"dti-result-top\">\r\n\r\n            <div>\r\n\r\n              <span>YOUR BACK-END DTI<\/span>\r\n\r\n              <strong id=\"dti-main-result\">\r\n                0%\r\n              <\/strong>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div\r\n              id=\"dti-status\"\r\n              class=\"dti-status\"\r\n            >\r\n              \u2014\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"dti-meter\">\r\n\r\n            <div\r\n              id=\"dti-meter-fill\"\r\n              class=\"dti-meter-fill\"\r\n            ><\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"dti-meter-labels\">\r\n\r\n            <span>0%<\/span>\r\n            <span>20%<\/span>\r\n            <span>36%<\/span>\r\n            <span>43%<\/span>\r\n            <span>50%+<\/span>\r\n\r\n          <\/div>\r\n\r\n\r\n          <p id=\"dti-result-message\"><\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- STATISTICS -->\r\n\r\n        <div class=\"dti-stat-grid\">\r\n\r\n          <div class=\"dti-stat\">\r\n\r\n            <span>Total Gross Monthly Income<\/span>\r\n\r\n            <strong id=\"dti-total-income\">\r\n              $0\r\n            <\/strong>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"dti-stat\">\r\n\r\n            <span>Total Monthly Debt<\/span>\r\n\r\n            <strong id=\"dti-total-debt\">\r\n              $0\r\n            <\/strong>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"dti-stat\">\r\n\r\n            <span>Remaining Monthly Income<\/span>\r\n\r\n            <strong id=\"dti-remaining\">\r\n              $0\r\n            <\/strong>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"dti-stat\">\r\n\r\n            <span>Front-End DTI<\/span>\r\n\r\n            <strong id=\"dti-front\">\r\n              0%\r\n            <\/strong>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- EXPLANATION -->\r\n\r\n        <div class=\"dti-summary\">\r\n\r\n          <h3>What Your DTI Means<\/h3>\r\n\r\n          <p id=\"dti-summary-text\"><\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- DTI BREAKDOWN -->\r\n\r\n        <div class=\"dti-section\">\r\n\r\n          <div class=\"dti-section-heading\">\r\n\r\n            <h3>Monthly Debt Breakdown<\/h3>\r\n\r\n            <p>\r\n              See how each debt category contributes to your total monthly\r\n              debt payments.\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"dti-breakdown\">\r\n\r\n            <div class=\"dti-break-row\">\r\n\r\n              <span>Housing<\/span>\r\n\r\n              <strong id=\"dti-break-housing\">\r\n                $0\r\n              <\/strong>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"dti-break-row\">\r\n\r\n              <span>Credit Cards<\/span>\r\n\r\n              <strong id=\"dti-break-credit\">\r\n                $0\r\n              <\/strong>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"dti-break-row\">\r\n\r\n              <span>Auto Loans<\/span>\r\n\r\n              <strong id=\"dti-break-auto\">\r\n                $0\r\n              <\/strong>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"dti-break-row\">\r\n\r\n              <span>Student Loans<\/span>\r\n\r\n              <strong id=\"dti-break-student\">\r\n                $0\r\n              <\/strong>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"dti-break-row\">\r\n\r\n              <span>Personal Loans<\/span>\r\n\r\n              <strong id=\"dti-break-personal\">\r\n                $0\r\n              <\/strong>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"dti-break-row\">\r\n\r\n              <span>Other Debt<\/span>\r\n\r\n              <strong id=\"dti-break-other\">\r\n                $0\r\n              <\/strong>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"dti-break-row dti-total-row\">\r\n\r\n              <span>Total Debt<\/span>\r\n\r\n              <strong id=\"dti-break-total\">\r\n                $0\r\n              <\/strong>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- TARGET DTI -->\r\n\r\n        <div class=\"dti-section\">\r\n\r\n          <div class=\"dti-section-heading\">\r\n\r\n            <h3>How Much Debt Could You Reduce?<\/h3>\r\n\r\n            <p>\r\n              See the maximum monthly debt payment corresponding to\r\n              different DTI targets.\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"dti-target-grid\">\r\n\r\n            <div class=\"dti-target\">\r\n\r\n              <span>36% DTI<\/span>\r\n\r\n              <strong id=\"dti-target36\">\r\n                $0\r\n              <\/strong>\r\n\r\n              <small>\r\n                Monthly debt limit\r\n              <\/small>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"dti-target\">\r\n\r\n              <span>43% DTI<\/span>\r\n\r\n              <strong id=\"dti-target43\">\r\n                $0\r\n              <\/strong>\r\n\r\n              <small>\r\n                Monthly debt limit\r\n              <\/small>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"dti-target\">\r\n\r\n              <span>50% DTI<\/span>\r\n\r\n              <strong id=\"dti-target50\">\r\n                $0\r\n              <\/strong>\r\n\r\n              <small>\r\n                Monthly debt limit\r\n              <\/small>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- DEBT REDUCTION -->\r\n\r\n        <div class=\"dti-section\">\r\n\r\n          <div class=\"dti-section-heading\">\r\n\r\n            <h3>Debt Reduction Scenarios<\/h3>\r\n\r\n            <p>\r\n              See how reducing your monthly debt payments could change your DTI.\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"dti-table-wrap\">\r\n\r\n            <table class=\"dti-table\">\r\n\r\n              <thead>\r\n\r\n                <tr>\r\n\r\n                  <th>Debt Reduction<\/th>\r\n                  <th>Monthly Debt<\/th>\r\n                  <th>New DTI<\/th>\r\n                  <th>Change<\/th>\r\n                <\/tr>\r\n\r\n              <\/thead>\r\n\r\n              <tbody>\r\n\r\n                <tr>\r\n\r\n                  <td>Current<\/td>\r\n\r\n                  <td id=\"dti-s0-debt\">\r\n                    $0\r\n                  <\/td>\r\n\r\n                  <td id=\"dti-s0-dti\">\r\n                    0%\r\n                  <\/td>\r\n\r\n                  <td>\u2014<\/td>\r\n\r\n                <\/tr>\r\n\r\n\r\n                <tr>\r\n\r\n                  <td>$100\/month<\/td>\r\n\r\n                  <td id=\"dti-s1-debt\">\r\n                    $0\r\n                  <\/td>\r\n\r\n                  <td id=\"dti-s1-dti\">\r\n                    0%\r\n                  <\/td>\r\n\r\n                  <td id=\"dti-s1-change\">\r\n                    0%\r\n                  <\/td>\r\n\r\n                <\/tr>\r\n\r\n\r\n                <tr>\r\n\r\n                  <td>$250\/month<\/td>\r\n\r\n                  <td id=\"dti-s2-debt\">\r\n                    $0\r\n                  <\/td>\r\n\r\n                  <td id=\"dti-s2-dti\">\r\n                    0%\r\n                  <\/td>\r\n\r\n                  <td id=\"dti-s2-change\">\r\n                    0%\r\n                  <\/td>\r\n\r\n                <\/tr>\r\n\r\n\r\n                <tr>\r\n\r\n                  <td>$500\/month<\/td>\r\n\r\n                  <td id=\"dti-s3-debt\">\r\n                    $0\r\n                  <\/td>\r\n\r\n                  <td id=\"dti-s3-dti\">\r\n                    0%\r\n                  <\/td>\r\n\r\n                  <td id=\"dti-s3-change\">\r\n                    0%\r\n                  <\/td>\r\n\r\n                <\/tr>\r\n\r\n              <\/tbody>\r\n\r\n            <\/table>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- VISUAL -->\r\n\r\n        <div class=\"dti-section\">\r\n\r\n          <div class=\"dti-section-heading\">\r\n\r\n            <h3>DTI Ratio Guide<\/h3>\r\n\r\n            <p>\r\n              General DTI ranges for educational comparison.\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"dti-guide\">\r\n\r\n            <div class=\"dti-guide-row\">\r\n\r\n              <div\r\n                class=\"dti-guide-bar\"\r\n                style=\"width:30%;\"\r\n              ><\/div>\r\n\r\n              <span>\r\n                Below 36% \u2014 Lower debt burden\r\n              <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"dti-guide-row\">\r\n\r\n              <div\r\n                class=\"dti-guide-bar\"\r\n                style=\"width:45%;\"\r\n              ><\/div>\r\n\r\n              <span>\r\n                36%\u201343% \u2014 Moderate range\r\n              <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"dti-guide-row\">\r\n\r\n              <div\r\n                class=\"dti-guide-bar\"\r\n                style=\"width:65%;\"\r\n              ><\/div>\r\n\r\n              <span>\r\n                43%\u201350% \u2014 Higher debt burden\r\n              <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"dti-guide-row\">\r\n\r\n              <div\r\n                class=\"dti-guide-bar\"\r\n                style=\"width:90%;\"\r\n              ><\/div>\r\n\r\n              <span>\r\n                Above 50% \u2014 Very high debt burden\r\n              <\/span>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- DISCLAIMER -->\r\n\r\n        <div class=\"dti-disclaimer\">\r\n\r\n          <strong>Important:<\/strong>\r\n\r\n          This calculator is provided for educational purposes only.\r\n          Debt-to-income requirements vary by lender, loan type,\r\n          credit profile, income documentation and other factors.\r\n          A DTI result does not guarantee loan approval or indicate\r\n          eligibility for a particular mortgage, personal loan or\r\n          credit product. Always confirm requirements with the relevant\r\n          lender or financial professional.\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- SEO CONTENT -->\r\n\r\n    <div class=\"dti-content\">\r\n\r\n      <h3>What Is Debt-to-Income Ratio?<\/h3>\r\n\r\n      <p>\r\n        Debt-to-income ratio, commonly called DTI, compares your monthly\r\n        debt payments with your gross monthly income. It is commonly used\r\n        by lenders as one factor when evaluating a borrower's ability to\r\n        manage monthly debt obligations. A lower DTI generally means that\r\n        a smaller portion of your income is committed to debt payments.\r\n      <\/p>\r\n\r\n\r\n      <h3>How Is DTI Calculated?<\/h3>\r\n\r\n      <p>\r\n        The basic DTI calculation divides your qualifying monthly debt\r\n        payments by your gross monthly income and multiplies the result\r\n        by 100. For example, if your gross monthly income is $6,000 and\r\n        your qualifying monthly debt payments total $2,100, your DTI is\r\n        35%.\r\n      <\/p>\r\n\r\n\r\n      <h3>What Is a Good DTI Ratio?<\/h3>\r\n\r\n      <p>\r\n        There is no single DTI ratio that guarantees approval for every\r\n        type of loan. Different lenders and loan programs can use\r\n        different standards. Use this calculator as an educational tool\r\n        to understand your current debt burden and compare possible\r\n        scenarios.\r\n      <\/p>\r\n\r\n\r\n      <h3>How Can I Lower My DTI?<\/h3>\r\n\r\n      <p>\r\n        You may be able to lower your DTI by reducing monthly debt\r\n        payments, paying down debt, refinancing when appropriate,\r\n        increasing qualifying income, or avoiding taking on additional\r\n        monthly obligations. The debt reduction scenarios above show\r\n        how lower monthly debt payments could affect your calculated\r\n        ratio.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<style>\r\n\r\n\/* =====================================================\r\n   DEBT-TO-INCOME CALCULATOR USA\r\n   PRIMARY COLOR: #7C3AED\r\n===================================================== *\/\r\n\r\n#dti-usa-calculator {\r\n\r\n  --dti-primary: #7C3AED;\r\n  --dti-primary-dark: #6D28D9;\r\n  --dti-primary-light: #F3E8FF;\r\n\r\n  --dti-text: #111827;\r\n  --dti-muted: #6B7280;\r\n  --dti-border: #E5E7EB;\r\n  --dti-bg: #F8FAFC;\r\n\r\n  --dti-green: #15803D;\r\n  --dti-green-bg: #F0FDF4;\r\n\r\n  --dti-yellow: #A16207;\r\n  --dti-yellow-bg: #FEFCE8;\r\n\r\n  --dti-red: #B91C1C;\r\n  --dti-red-bg: #FEF2F2;\r\n\r\n  max-width: 1100px;\r\n  margin: 30px auto;\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  color: var(--dti-text);\r\n\r\n  line-height: 1.5;\r\n\r\n}\r\n\r\n\r\n#dti-usa-calculator *,\r\n#dti-usa-calculator *::before,\r\n#dti-usa-calculator *::after {\r\n\r\n  box-sizing: border-box;\r\n\r\n}\r\n\r\n\r\n\/* HERO *\/\r\n\r\n.dti-hero {\r\n\r\n  text-align: center;\r\n\r\n  margin-bottom: 25px;\r\n\r\n}\r\n\r\n\r\n.dti-badge {\r\n\r\n  display: inline-block;\r\n\r\n  padding: 6px 12px;\r\n\r\n  border-radius: 50px;\r\n\r\n  background:\r\n    var(--dti-primary-light);\r\n\r\n  color:\r\n    var(--dti-primary-dark);\r\n\r\n  font-size: 11px;\r\n\r\n  font-weight: 800;\r\n\r\n  letter-spacing: .5px;\r\n\r\n  margin-bottom: 10px;\r\n\r\n}\r\n\r\n\r\n.dti-hero h2 {\r\n\r\n  margin:\r\n    0 0 10px;\r\n\r\n  font-size: 32px;\r\n\r\n  line-height: 1.2;\r\n\r\n}\r\n\r\n\r\n.dti-hero p {\r\n\r\n  max-width: 760px;\r\n\r\n  margin: auto;\r\n\r\n  color:\r\n    var(--dti-muted);\r\n\r\n  font-size: 15px;\r\n\r\n}\r\n\r\n\r\n\/* MAIN *\/\r\n\r\n.dti-main {\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    330px 1fr;\r\n\r\n  gap: 22px;\r\n\r\n  align-items: start;\r\n\r\n}\r\n\r\n\r\n\/* INPUT CARD *\/\r\n\r\n.dti-input-card {\r\n\r\n  background: #fff;\r\n\r\n  border:\r\n    1px solid\r\n    var(--dti-border);\r\n\r\n  border-radius: 14px;\r\n\r\n  padding: 22px;\r\n\r\n  box-shadow:\r\n    0 4px 18px\r\n    rgba(0,0,0,.05);\r\n\r\n  position: sticky;\r\n\r\n  top: 20px;\r\n\r\n}\r\n\r\n\r\n.dti-input-card h3 {\r\n\r\n  margin:\r\n    0 0 20px;\r\n\r\n  font-size: 20px;\r\n\r\n}\r\n\r\n\r\n.dti-debt-heading {\r\n\r\n  margin-top: 27px !important;\r\n\r\n  padding-top: 20px;\r\n\r\n  border-top:\r\n    1px solid\r\n    var(--dti-border);\r\n\r\n}\r\n\r\n\r\n.dti-field {\r\n\r\n  margin-bottom: 17px;\r\n\r\n}\r\n\r\n\r\n.dti-field label {\r\n\r\n  display: block;\r\n\r\n  margin-bottom: 7px;\r\n\r\n  font-size: 13px;\r\n\r\n  font-weight: 700;\r\n\r\n}\r\n\r\n\r\n.dti-field label small {\r\n\r\n  float: right;\r\n\r\n  color:\r\n    var(--dti-muted);\r\n\r\n  font-weight: 400;\r\n\r\n}\r\n\r\n\r\n.dti-input-wrap {\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  height: 48px;\r\n\r\n  border:\r\n    1px solid\r\n    #D1D5DB;\r\n\r\n  border-radius: 8px;\r\n\r\n  background: #fff;\r\n\r\n  overflow: hidden;\r\n\r\n}\r\n\r\n\r\n.dti-input-wrap:focus-within {\r\n\r\n  border-color:\r\n    var(--dti-primary);\r\n\r\n  box-shadow:\r\n    0 0 0 3px\r\n    rgba(124,58,237,.12);\r\n\r\n}\r\n\r\n\r\n.dti-input-wrap span {\r\n\r\n  padding:\r\n    0 12px;\r\n\r\n  color:\r\n    var(--dti-muted);\r\n\r\n  font-weight: 600;\r\n\r\n}\r\n\r\n\r\n.dti-input-wrap input {\r\n\r\n  width: 100%;\r\n\r\n  height: 100%;\r\n\r\n  border: 0;\r\n\r\n  outline: 0;\r\n\r\n  padding:\r\n    0 10px;\r\n\r\n  font-size: 16px;\r\n\r\n  color:\r\n    var(--dti-text);\r\n\r\n  background: transparent;\r\n\r\n}\r\n\r\n\r\n#dti-calculate {\r\n\r\n  width: 100%;\r\n\r\n  height: 50px;\r\n\r\n  border: 0;\r\n\r\n  border-radius: 8px;\r\n\r\n  background:\r\n    var(--dti-primary);\r\n\r\n  color: #fff;\r\n\r\n  font-size: 16px;\r\n\r\n  font-weight: 800;\r\n\r\n  cursor: pointer;\r\n\r\n  transition: .2s;\r\n\r\n}\r\n\r\n\r\n#dti-calculate:hover {\r\n\r\n  background:\r\n    var(--dti-primary-dark);\r\n\r\n}\r\n\r\n\r\n.dti-reset {\r\n\r\n  width: 100%;\r\n\r\n  height: 40px;\r\n\r\n  margin-top: 8px;\r\n\r\n  border: 0;\r\n\r\n  background: transparent;\r\n\r\n  color:\r\n    var(--dti-muted);\r\n\r\n  cursor: pointer;\r\n\r\n  font-size: 13px;\r\n\r\n}\r\n\r\n\r\n\/* ERROR *\/\r\n\r\n.dti-error {\r\n\r\n  display: none;\r\n\r\n  margin-bottom: 18px;\r\n\r\n  padding: 13px;\r\n\r\n  border-radius: 9px;\r\n\r\n  background:\r\n    var(--dti-red-bg);\r\n\r\n  color:\r\n    var(--dti-red);\r\n\r\n  font-size: 13px;\r\n\r\n}\r\n\r\n\r\n\/* RESULT CARD *\/\r\n\r\n.dti-result-card {\r\n\r\n  padding: 23px;\r\n\r\n  border-radius: 14px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      var(--dti-primary),\r\n      var(--dti-primary-dark)\r\n    );\r\n\r\n  color: #fff;\r\n\r\n  box-shadow:\r\n    0 8px 25px\r\n    rgba(124,58,237,.22);\r\n\r\n}\r\n\r\n\r\n.dti-result-top {\r\n\r\n  display: flex;\r\n\r\n  justify-content:\r\n    space-between;\r\n\r\n  align-items: center;\r\n\r\n  gap: 15px;\r\n\r\n}\r\n\r\n\r\n.dti-result-top span {\r\n\r\n  display: block;\r\n\r\n  font-size: 11px;\r\n\r\n  opacity: .82;\r\n\r\n  font-weight: 700;\r\n\r\n  margin-bottom: 4px;\r\n\r\n}\r\n\r\n\r\n.dti-result-top strong {\r\n\r\n  display: block;\r\n\r\n  font-size: 38px;\r\n\r\n  line-height: 1.1;\r\n\r\n}\r\n\r\n\r\n.dti-status {\r\n\r\n  padding:\r\n    8px 13px;\r\n\r\n  border-radius:\r\n    50px;\r\n\r\n  background:\r\n    rgba(255,255,255,.18);\r\n\r\n  font-size: 13px;\r\n\r\n  font-weight: 800;\r\n\r\n}\r\n\r\n\r\n\/* METER *\/\r\n\r\n.dti-meter {\r\n\r\n  height: 12px;\r\n\r\n  margin-top: 22px;\r\n\r\n  background:\r\n    rgba(255,255,255,.22);\r\n\r\n  border-radius:\r\n    50px;\r\n\r\n  overflow: hidden;\r\n\r\n}\r\n\r\n\r\n.dti-meter-fill {\r\n\r\n  width: 0;\r\n\r\n  height: 100%;\r\n\r\n  background: #fff;\r\n\r\n  border-radius:\r\n    50px;\r\n\r\n  transition:\r\n    width .5s ease;\r\n\r\n}\r\n\r\n\r\n.dti-meter-labels {\r\n\r\n  display: flex;\r\n\r\n  justify-content:\r\n    space-between;\r\n\r\n  margin-top: 6px;\r\n\r\n  font-size: 10px;\r\n\r\n  opacity: .75;\r\n\r\n}\r\n\r\n\r\n.dti-result-card p {\r\n\r\n  margin:\r\n    16px 0 0;\r\n\r\n  font-size: 14px;\r\n\r\n  line-height: 1.6;\r\n\r\n}\r\n\r\n\r\n\/* STATS *\/\r\n\r\n.dti-stat-grid {\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    repeat(4,1fr);\r\n\r\n  gap: 12px;\r\n\r\n  margin-top: 14px;\r\n\r\n}\r\n\r\n\r\n.dti-stat {\r\n\r\n  background: #fff;\r\n\r\n  border:\r\n    1px solid\r\n    var(--dti-border);\r\n\r\n  border-radius: 10px;\r\n\r\n  padding:\r\n    17px 10px;\r\n\r\n  text-align: center;\r\n\r\n}\r\n\r\n\r\n.dti-stat span {\r\n\r\n  display: block;\r\n\r\n  color:\r\n    var(--dti-muted);\r\n\r\n  font-size: 12px;\r\n\r\n  margin-bottom: 5px;\r\n\r\n}\r\n\r\n\r\n.dti-stat strong {\r\n\r\n  font-size: 18px;\r\n\r\n}\r\n\r\n\r\n\/* SUMMARY *\/\r\n\r\n.dti-summary {\r\n\r\n  margin-top: 15px;\r\n\r\n  padding: 19px;\r\n\r\n  background:\r\n    var(--dti-primary-light);\r\n\r\n  border-left:\r\n    4px solid\r\n    var(--dti-primary);\r\n\r\n  border-radius: 9px;\r\n\r\n}\r\n\r\n\r\n.dti-summary h3 {\r\n\r\n  margin:\r\n    0 0 7px;\r\n\r\n  font-size: 18px;\r\n\r\n}\r\n\r\n\r\n.dti-summary p {\r\n\r\n  margin: 0;\r\n\r\n  font-size: 14px;\r\n\r\n}\r\n\r\n\r\n\/* SECTION *\/\r\n\r\n.dti-section {\r\n\r\n  margin-top: 25px;\r\n\r\n}\r\n\r\n\r\n.dti-section-heading h3 {\r\n\r\n  margin:\r\n    0 0 5px;\r\n\r\n  font-size: 20px;\r\n\r\n}\r\n\r\n\r\n.dti-section-heading p {\r\n\r\n  margin:\r\n    0 0 14px;\r\n\r\n  color:\r\n    var(--dti-muted);\r\n\r\n  font-size: 13px;\r\n\r\n}\r\n\r\n\r\n\/* BREAKDOWN *\/\r\n\r\n.dti-breakdown {\r\n\r\n  border:\r\n    1px solid\r\n    var(--dti-border);\r\n\r\n  border-radius: 10px;\r\n\r\n  overflow: hidden;\r\n\r\n  background: #fff;\r\n\r\n}\r\n\r\n\r\n.dti-break-row {\r\n\r\n  display: flex;\r\n\r\n  justify-content:\r\n    space-between;\r\n\r\n  gap: 15px;\r\n\r\n  padding:\r\n    13px 16px;\r\n\r\n  border-bottom:\r\n    1px solid\r\n    var(--dti-border);\r\n\r\n  font-size: 14px;\r\n\r\n}\r\n\r\n\r\n.dti-break-row:last-child {\r\n\r\n  border-bottom: 0;\r\n\r\n}\r\n\r\n\r\n.dti-break-row strong {\r\n\r\n  color:\r\n    var(--dti-primary-dark);\r\n\r\n}\r\n\r\n\r\n.dti-total-row {\r\n\r\n  background:\r\n    #F9FAFB;\r\n\r\n  font-weight: 800;\r\n\r\n}\r\n\r\n\r\n\/* TARGET *\/\r\n\r\n.dti-target-grid {\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    repeat(3,1fr);\r\n\r\n  gap: 12px;\r\n\r\n}\r\n\r\n\r\n.dti-target {\r\n\r\n  padding: 18px;\r\n\r\n  background: #fff;\r\n\r\n  border:\r\n    1px solid\r\n    var(--dti-border);\r\n\r\n  border-radius: 10px;\r\n\r\n  text-align: center;\r\n\r\n}\r\n\r\n\r\n.dti-target span {\r\n\r\n  display: block;\r\n\r\n  font-size: 14px;\r\n\r\n  font-weight: 800;\r\n\r\n}\r\n\r\n\r\n.dti-target strong {\r\n\r\n  display: block;\r\n\r\n  margin-top: 5px;\r\n\r\n  color:\r\n    var(--dti-primary);\r\n\r\n  font-size: 21px;\r\n\r\n}\r\n\r\n\r\n.dti-target small {\r\n\r\n  display: block;\r\n\r\n  margin-top: 3px;\r\n\r\n  color:\r\n    var(--dti-muted);\r\n\r\n  font-size: 11px;\r\n\r\n}\r\n\r\n\r\n\/* TABLE *\/\r\n\r\n.dti-table-wrap {\r\n\r\n  overflow-x: auto;\r\n\r\n  border:\r\n    1px solid\r\n    var(--dti-border);\r\n\r\n  border-radius: 10px;\r\n\r\n}\r\n\r\n\r\n.dti-table {\r\n\r\n  width: 100%;\r\n\r\n  min-width: 600px;\r\n\r\n  border-collapse:\r\n    collapse;\r\n\r\n}\r\n\r\n\r\n.dti-table th {\r\n\r\n  background:\r\n    #F9FAFB;\r\n\r\n  padding: 12px;\r\n\r\n  text-align: left;\r\n\r\n  font-size: 12px;\r\n\r\n  font-weight: 800;\r\n\r\n}\r\n\r\n\r\n.dti-table td {\r\n\r\n  padding: 12px;\r\n\r\n  border-top:\r\n    1px solid\r\n    var(--dti-border);\r\n\r\n  font-size: 13px;\r\n\r\n}\r\n\r\n\r\n.dti-table tbody tr:hover {\r\n\r\n  background:\r\n    #FAF5FF;\r\n\r\n}\r\n\r\n\r\n.dti-table td:last-child {\r\n\r\n  color:\r\n    var(--dti-primary-dark);\r\n\r\n  font-weight: 700;\r\n\r\n}\r\n\r\n\r\n\/* GUIDE *\/\r\n\r\n.dti-guide {\r\n\r\n  display: grid;\r\n\r\n  gap: 12px;\r\n\r\n}\r\n\r\n\r\n.dti-guide-row {\r\n\r\n  position: relative;\r\n\r\n  height: 45px;\r\n\r\n  padding: 0 14px;\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  border-radius: 8px;\r\n\r\n  background:\r\n    #F3F4F6;\r\n\r\n  overflow: hidden;\r\n\r\n}\r\n\r\n\r\n.dti-guide-bar {\r\n\r\n  position: absolute;\r\n\r\n  left: 0;\r\n\r\n  top: 0;\r\n\r\n  bottom: 0;\r\n\r\n  background:\r\n    var(--dti-primary-light);\r\n\r\n  border-left:\r\n    4px solid\r\n    var(--dti-primary);\r\n\r\n}\r\n\r\n\r\n.dti-guide-row span {\r\n\r\n  position: relative;\r\n\r\n  z-index: 1;\r\n\r\n  font-size: 13px;\r\n\r\n  font-weight: 700;\r\n\r\n}\r\n\r\n\r\n\/* DISCLAIMER *\/\r\n\r\n.dti-disclaimer {\r\n\r\n  margin-top: 25px;\r\n\r\n  padding-top: 18px;\r\n\r\n  border-top:\r\n    1px solid\r\n    var(--dti-border);\r\n\r\n  color:\r\n    var(--dti-muted);\r\n\r\n  font-size: 11px;\r\n\r\n  line-height: 1.7;\r\n\r\n}\r\n\r\n\r\n\/* CONTENT *\/\r\n\r\n.dti-content {\r\n\r\n  margin-top: 30px;\r\n\r\n  padding: 25px;\r\n\r\n  background: #fff;\r\n\r\n  border:\r\n    1px solid\r\n    var(--dti-border);\r\n\r\n  border-radius: 14px;\r\n\r\n}\r\n\r\n\r\n.dti-content h3 {\r\n\r\n  margin:\r\n    0 0 9px;\r\n\r\n  font-size: 21px;\r\n\r\n}\r\n\r\n\r\n.dti-content p {\r\n\r\n  margin:\r\n    0 0 25px;\r\n\r\n  color: #4B5563;\r\n\r\n  font-size: 15px;\r\n\r\n}\r\n\r\n\r\n\/* MOBILE *\/\r\n\r\n@media(max-width:850px) {\r\n\r\n  .dti-main {\r\n\r\n    grid-template-columns:\r\n      1fr;\r\n\r\n  }\r\n\r\n  .dti-input-card {\r\n\r\n    position: static;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n@media(max-width:700px) {\r\n\r\n  .dti-stat-grid {\r\n\r\n    grid-template-columns:\r\n      1fr 1fr;\r\n\r\n  }\r\n\r\n  .dti-target-grid {\r\n\r\n    grid-template-columns:\r\n      1fr 1fr;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n@media(max-width:520px) {\r\n\r\n  #dti-usa-calculator {\r\n\r\n    margin:\r\n      15px auto;\r\n\r\n  }\r\n\r\n  .dti-hero h2 {\r\n\r\n    font-size: 26px;\r\n\r\n  }\r\n\r\n  .dti-result-top {\r\n\r\n    flex-direction:\r\n      column;\r\n\r\n    align-items:\r\n      flex-start;\r\n\r\n  }\r\n\r\n  .dti-result-top strong {\r\n\r\n    font-size: 34px;\r\n\r\n  }\r\n\r\n  .dti-stat-grid {\r\n\r\n    grid-template-columns:\r\n      1fr;\r\n\r\n  }\r\n\r\n  .dti-target-grid {\r\n\r\n    grid-template-columns:\r\n      1fr;\r\n\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n\r\n(function() {\r\n\r\n  \"use strict\";\r\n\r\n\r\n  \/* ==============================\r\n     HELPER FUNCTIONS\r\n  ============================== *\/\r\n\r\n  function getNumber(id) {\r\n\r\n    var el =\r\n      document.getElementById(id);\r\n\r\n    if (!el) return 0;\r\n\r\n    var value =\r\n      parseFloat(el.value);\r\n\r\n    return isFinite(value)\r\n      ? Math.max(0, value)\r\n      : 0;\r\n\r\n  }\r\n\r\n\r\n  function money(value) {\r\n\r\n    if (!isFinite(value)) {\r\n\r\n      return \"$0.00\";\r\n\r\n    }\r\n\r\n    return \"$\" +\r\n      value.toLocaleString(\r\n        \"en-US\",\r\n        {\r\n          minimumFractionDigits: 2,\r\n          maximumFractionDigits: 2\r\n        }\r\n      );\r\n\r\n  }\r\n\r\n\r\n  function percent(value) {\r\n\r\n    if (!isFinite(value)) {\r\n\r\n      return \"0.0%\";\r\n\r\n    }\r\n\r\n    return value.toFixed(1) + \"%\";\r\n\r\n  }\r\n\r\n\r\n  \/* ==============================\r\n     MAIN CALCULATION\r\n  ============================== *\/\r\n\r\n  function calculateDTI() {\r\n\r\n    var income =\r\n      getNumber(\r\n        \"dti-income\"\r\n      );\r\n\r\n\r\n    var otherIncome =\r\n      getNumber(\r\n        \"dti-other-income\"\r\n      );\r\n\r\n\r\n    var housing =\r\n      getNumber(\r\n        \"dti-housing\"\r\n      );\r\n\r\n\r\n    var credit =\r\n      getNumber(\r\n        \"dti-credit\"\r\n      );\r\n\r\n\r\n    var auto =\r\n      getNumber(\r\n        \"dti-auto\"\r\n      );\r\n\r\n\r\n    var student =\r\n      getNumber(\r\n        \"dti-student\"\r\n      );\r\n\r\n\r\n    var personal =\r\n      getNumber(\r\n        \"dti-personal\"\r\n      );\r\n\r\n\r\n    var otherDebt =\r\n      getNumber(\r\n        \"dti-other-debt\"\r\n      );\r\n\r\n\r\n    var error =\r\n      document.getElementById(\r\n        \"dti-error\"\r\n      );\r\n\r\n\r\n    error.style.display =\r\n      \"none\";\r\n\r\n\r\n    \/* VALIDATE INCOME *\/\r\n\r\n    var totalIncome =\r\n      income +\r\n      otherIncome;\r\n\r\n\r\n    if (\r\n      totalIncome <= 0\r\n    ) {\r\n\r\n      error.textContent =\r\n        \"Please enter your gross monthly income.\";\r\n\r\n      error.style.display =\r\n        \"block\";\r\n\r\n      return;\r\n\r\n    }\r\n\r\n\r\n    \/* TOTAL DEBT *\/\r\n\r\n    var totalDebt =\r\n      housing +\r\n      credit +\r\n      auto +\r\n      student +\r\n      personal +\r\n      otherDebt;\r\n\r\n\r\n    \/* BACK-END DTI *\/\r\n\r\n    var backEndDTI =\r\n      (\r\n        totalDebt \/\r\n        totalIncome\r\n      ) * 100;\r\n\r\n\r\n    \/* FRONT-END DTI *\/\r\n\r\n    var frontEndDTI =\r\n      (\r\n        housing \/\r\n        totalIncome\r\n      ) * 100;\r\n\r\n\r\n    \/* REMAINING INCOME *\/\r\n\r\n    var remaining =\r\n      totalIncome -\r\n      totalDebt;\r\n\r\n\r\n    \/* RESULTS *\/\r\n\r\n    document.getElementById(\r\n      \"dti-main-result\"\r\n    ).textContent =\r\n      percent(backEndDTI);\r\n\r\n\r\n    document.getElementById(\r\n      \"dti-total-income\"\r\n    ).textContent =\r\n      money(totalIncome);\r\n\r\n\r\n    document.getElementById(\r\n      \"dti-total-debt\"\r\n    ).textContent =\r\n      money(totalDebt);\r\n\r\n\r\n    document.getElementById(\r\n      \"dti-remaining\"\r\n    ).textContent =\r\n      money(remaining);\r\n\r\n\r\n    document.getElementById(\r\n      \"dti-front\"\r\n    ).textContent =\r\n      percent(frontEndDTI);\r\n\r\n\r\n    \/* BREAKDOWN *\/\r\n\r\n    document.getElementById(\r\n      \"dti-break-housing\"\r\n    ).textContent =\r\n      money(housing);\r\n\r\n\r\n    document.getElementById(\r\n      \"dti-break-credit\"\r\n    ).textContent =\r\n      money(credit);\r\n\r\n\r\n    document.getElementById(\r\n      \"dti-break-auto\"\r\n    ).textContent =\r\n      money(auto);\r\n\r\n\r\n    document.getElementById(\r\n      \"dti-break-student\"\r\n    ).textContent =\r\n      money(student);\r\n\r\n\r\n    document.getElementById(\r\n      \"dti-break-personal\"\r\n    ).textContent =\r\n      money(personal);\r\n\r\n\r\n    document.getElementById(\r\n      \"dti-break-other\"\r\n    ).textContent =\r\n      money(otherDebt);\r\n\r\n\r\n    document.getElementById(\r\n      \"dti-break-total\"\r\n    ).textContent =\r\n      money(totalDebt);\r\n\r\n\r\n    \/* ==============================\r\n       STATUS\r\n    ============================== *\/\r\n\r\n    var status =\r\n      document.getElementById(\r\n        \"dti-status\"\r\n      );\r\n\r\n\r\n    var message =\r\n      document.getElementById(\r\n        \"dti-result-message\"\r\n      );\r\n\r\n\r\n    if (\r\n      backEndDTI < 36\r\n    ) {\r\n\r\n      status.textContent =\r\n        \"Lower Debt Burden\";\r\n\r\n\r\n      status.style.background =\r\n        \"rgba(255,255,255,.22)\";\r\n\r\n\r\n      message.textContent =\r\n        \"Your calculated DTI is below 36%. This generally indicates that a relatively smaller portion of your gross monthly income is committed to debt payments. Lenders may use additional criteria when evaluating an application.\";\r\n\r\n    }\r\n\r\n    else if (\r\n      backEndDTI < 43\r\n    ) {\r\n\r\n      status.textContent =\r\n        \"Moderate Range\";\r\n\r\n\r\n      status.style.background =\r\n        \"rgba(255,255,255,.22)\";\r\n\r\n\r\n      message.textContent =\r\n        \"Your calculated DTI is between 36% and 43%. This means a moderate portion of your gross monthly income is committed to debt payments. Loan requirements vary by lender and loan program.\";\r\n\r\n    }\r\n\r\n    else if (\r\n      backEndDTI < 50\r\n    ) {\r\n\r\n      status.textContent =\r\n        \"Higher Debt Burden\";\r\n\r\n\r\n      status.style.background =\r\n        \"rgba(255,255,255,.22)\";\r\n\r\n\r\n      message.textContent =\r\n        \"Your calculated DTI is between 43% and 50%. A larger share of your gross monthly income is committed to debt payments. Some lenders or loan programs may have different maximum DTI requirements.\";\r\n\r\n    }\r\n\r\n    else {\r\n\r\n      status.textContent =\r\n        \"Very High Debt Burden\";\r\n\r\n\r\n      status.style.background =\r\n        \"rgba(255,255,255,.22)\";\r\n\r\n\r\n      message.textContent =\r\n        \"Your calculated DTI is 50% or higher. A substantial portion of your gross monthly income is committed to debt payments. Consider reviewing your monthly obligations and financial goals.\";\r\n\r\n    }\r\n\r\n\r\n    \/* METER *\/\r\n\r\n    var meter =\r\n      document.getElementById(\r\n        \"dti-meter-fill\"\r\n      );\r\n\r\n\r\n    var meterWidth =\r\n      Math.min(\r\n        100,\r\n        Math.max(\r\n          2,\r\n          backEndDTI * 1.6\r\n        )\r\n      );\r\n\r\n\r\n    meter.style.width =\r\n      meterWidth + \"%\";\r\n\r\n\r\n    \/* ==============================\r\n       TARGET DTI\r\n    ============================== *\/\r\n\r\n    var target36 =\r\n      totalIncome * 0.36;\r\n\r\n\r\n    var target43 =\r\n      totalIncome * 0.43;\r\n\r\n\r\n    var target50 =\r\n      totalIncome * 0.50;\r\n\r\n\r\n    document.getElementById(\r\n      \"dti-target36\"\r\n    ).textContent =\r\n      money(target36);\r\n\r\n\r\n    document.getElementById(\r\n      \"dti-target43\"\r\n    ).textContent =\r\n      money(target43);\r\n\r\n\r\n    document.getElementById(\r\n      \"dti-target50\"\r\n    ).textContent =\r\n      money(target50);\r\n\r\n\r\n    \/* ==============================\r\n       SUMMARY\r\n    ============================== *\/\r\n\r\n    var incomePercent =\r\n      backEndDTI;\r\n\r\n\r\n    var summaryText =\r\n\r\n      \"Your gross monthly income is \" +\r\n\r\n      money(totalIncome) +\r\n\r\n      \" and your total monthly debt payments are \" +\r\n\r\n      money(totalDebt) +\r\n\r\n      \". This produces a back-end DTI of \" +\r\n\r\n      percent(backEndDTI) +\r\n\r\n      \". After the listed debt payments, approximately \" +\r\n\r\n      money(Math.max(0, remaining)) +\r\n\r\n      \" remains from your gross monthly income before taxes and other expenses. Your housing payment represents a front-end DTI of \" +\r\n\r\n      percent(frontEndDTI) +\r\n\r\n      \".\";\r\n\r\n\r\n    document.getElementById(\r\n      \"dti-summary-text\"\r\n    ).textContent =\r\n      summaryText;\r\n\r\n\r\n    \/* ==============================\r\n       SCENARIOS\r\n    ============================== *\/\r\n\r\n    var reductions = [\r\n      0,\r\n      100,\r\n      250,\r\n      500\r\n    ];\r\n\r\n\r\n    reductions.forEach(\r\n      function(reduction, index) {\r\n\r\n        var newDebt =\r\n          Math.max(\r\n            0,\r\n            totalDebt -\r\n            reduction\r\n          );\r\n\r\n\r\n        var newDTI =\r\n          (\r\n            newDebt \/\r\n            totalIncome\r\n          ) * 100;\r\n\r\n\r\n        document.getElementById(\r\n          \"dti-s\" +\r\n          index +\r\n          \"-debt\"\r\n        ).textContent =\r\n          money(newDebt);\r\n\r\n\r\n        document.getElementById(\r\n          \"dti-s\" +\r\n          index +\r\n          \"-dti\"\r\n        ).textContent =\r\n          percent(newDTI);\r\n\r\n\r\n        if (\r\n          index > 0\r\n        ) {\r\n\r\n          var change =\r\n            backEndDTI -\r\n            newDTI;\r\n\r\n\r\n          document.getElementById(\r\n            \"dti-s\" +\r\n            index +\r\n            \"-change\"\r\n          ).textContent =\r\n            \"-\" +\r\n            percent(\r\n              Math.max(\r\n                0,\r\n                change\r\n              )\r\n            );\r\n\r\n        }\r\n\r\n      }\r\n    );\r\n\r\n  }\r\n\r\n\r\n  \/* ==============================\r\n     RESET\r\n  ============================== *\/\r\n\r\n  function resetCalculator() {\r\n\r\n    document.getElementById(\r\n      \"dti-income\"\r\n    ).value =\r\n      \"6000\";\r\n\r\n\r\n    document.getElementById(\r\n      \"dti-other-income\"\r\n    ).value =\r\n      \"0\";\r\n\r\n\r\n    document.getElementById(\r\n      \"dti-housing\"\r\n    ).value =\r\n      \"1500\";\r\n\r\n\r\n    document.getElementById(\r\n      \"dti-credit\"\r\n    ).value =\r\n      \"300\";\r\n\r\n\r\n    document.getElementById(\r\n      \"dti-auto\"\r\n    ).value =\r\n      \"400\";\r\n\r\n\r\n    document.getElementById(\r\n      \"dti-student\"\r\n    ).value =\r\n      \"250\";\r\n\r\n\r\n    document.getElementById(\r\n      \"dti-personal\"\r\n    ).value =\r\n      \"150\";\r\n\r\n\r\n    document.getElementById(\r\n      \"dti-other-debt\"\r\n    ).value =\r\n      \"0\";\r\n\r\n\r\n    calculateDTI();\r\n\r\n  }\r\n\r\n\r\n  \/* ==============================\r\n     EVENTS\r\n  ============================== *\/\r\n\r\n  document.getElementById(\r\n    \"dti-calculate\"\r\n  ).addEventListener(\r\n    \"click\",\r\n    calculateDTI\r\n  );\r\n\r\n\r\n  document.getElementById(\r\n    \"dti-reset\"\r\n  ).addEventListener(\r\n    \"click\",\r\n    resetCalculator\r\n  );\r\n\r\n\r\n  \/* ENTER KEY *\/\r\n\r\n  var inputs =\r\n    document.querySelectorAll(\r\n      \"#dti-usa-calculator input\"\r\n    );\r\n\r\n\r\n  inputs.forEach(\r\n    function(input) {\r\n\r\n      input.addEventListener(\r\n        \"keydown\",\r\n        function(event) {\r\n\r\n          if (\r\n            event.key === \"Enter\"\r\n          ) {\r\n\r\n            calculateDTI();\r\n\r\n          }\r\n\r\n        }\r\n      );\r\n\r\n    }\r\n  );\r\n\r\n\r\n  \/* INITIAL CALCULATION *\/\r\n\r\n  calculateDTI();\r\n\r\n})();\r\n\r\n<\/script>\n<p style=\"text-align: justify;\">The Debt-to-Income Ratio Calculator USA is a free online tool that helps you understand how your monthly debt payments compare with your gross monthly income. Enter your monthly income and debt payments, including housing, credit cards, auto loans, student loans, personal loans, and other debts, to calculate your back-end DTI ratio. The calculator also shows your front-end DTI, total monthly debt, remaining gross income, and estimated monthly debt limits at different DTI levels. You can compare debt reduction scenarios to see how paying down $100, $250, or $500 in monthly obligations could affect your DTI ratio. This tool can help you better understand your current debt burden and prepare for financial planning or loan applications. DTI requirements vary between lenders, loan programs, and individual financial circumstances, so the results should be used for educational purposes only and do not guarantee loan approval or eligibility.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The Debt-to-Income Ratio Calculator USA is a free online tool that helps you understand how your monthly debt payments compare [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"elementor_theme","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[83],"tags":[],"class_list":["post-705","post","type-post","status-publish","format-standard","hentry","category-calculator"],"rttpg_featured_image_url":null,"rttpg_author":{"display_name":"StockMaster Universe","author_link":"https:\/\/www.stockmaster.in\/universe\/author\/unistockadmin\/"},"rttpg_comment":0,"rttpg_category":"<a href=\"https:\/\/www.stockmaster.in\/universe\/category\/debt-personal-finance\/calculator\/\" rel=\"category tag\">Calculator<\/a>","rttpg_excerpt":"The Debt-to-Income Ratio Calculator USA is a free online tool that helps you understand how your monthly debt payments compare [&hellip;]","_links":{"self":[{"href":"https:\/\/www.stockmaster.in\/universe\/wp-json\/wp\/v2\/posts\/705","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.stockmaster.in\/universe\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.stockmaster.in\/universe\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.stockmaster.in\/universe\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.stockmaster.in\/universe\/wp-json\/wp\/v2\/comments?post=705"}],"version-history":[{"count":0,"href":"https:\/\/www.stockmaster.in\/universe\/wp-json\/wp\/v2\/posts\/705\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.stockmaster.in\/universe\/wp-json\/wp\/v2\/media?parent=705"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.stockmaster.in\/universe\/wp-json\/wp\/v2\/categories?post=705"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.stockmaster.in\/universe\/wp-json\/wp\/v2\/tags?post=705"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}