{"id":1583,"date":"2026-01-24T14:22:21","date_gmt":"2026-01-24T14:22:21","guid":{"rendered":"https:\/\/3rbinvesting.com\/?page_id=1583"},"modified":"2026-03-19T00:05:40","modified_gmt":"2026-03-19T00:05:40","slug":"compound-interest-calculator","status":"publish","type":"page","link":"https:\/\/3rbinvesting.com\/ar\/compound-interest-calculator\/","title":{"rendered":"Compound Interest Calculator"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1583\" class=\"elementor elementor-1583\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-05abc38 e-flex e-con-boxed e-con e-parent\" data-id=\"05abc38\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-099294c elementor-widget elementor-widget-shortcode\" data-id=\"099294c\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">        <style>\n            :root{\n                --cicl-turq:#5DC19C;\n                --cicl-gray:#2D2D2D;\n                --cicl-border:#e5e7eb;\n                --cicl-chip-bg: rgba(0,0,0,.34);\n            }\n\n            .cicl-wrap{\n                max-width: 1150px;\n                margin: 22px auto;\n                font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Arial, sans-serif;\n            }\n\n            \/* ===== TOP BAR (left title + right pill only) ===== *\/\n            .cicl-topbar{\n                background: linear-gradient(180deg, #3a3a3a 0%, var(--cicl-gray) 100%);\n                border-radius: 14px;\n                border: 1px solid rgba(255,255,255,.10);\n                box-shadow: 0 10px 26px rgba(0,0,0,.18);\n                overflow: hidden;\n                margin-bottom: 14px;\n            }\n            .cicl-topbar-inner{\n                display:flex;\n                align-items:center;\n                justify-content:space-between;\n                gap: 14px;\n                padding: 16px 18px;\n            }\n            .cicl-topbar-left{\n                color:#ffffff;\n                font-weight: 900;\n                font-size: 28px;\n                letter-spacing: -0.2px;\n                white-space: nowrap;\n            }\n            .cicl-topbar-right{\n                display:flex;\n                justify-content:flex-end;\n                min-width: 240px;\n            }\n           .cicl-pill{\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n\n    \/* slightly bigger *\/\n    padding: 12px 18px;\n    border-radius: 999px;\n\n    \/* typography *\/\n    color:#ffffff;\n    font-weight: 900;\n    font-size: 17px;\n    letter-spacing: -0.2px;\n    line-height: 1;\n\n    \/* DEMM-like pill styling *\/\n    border: 3px solid rgba(93,193,156,.75);          \/* thicker + stronger turquoise *\/\n    background: rgba(255,255,255,.07);               \/* lighter inside *\/\n    box-shadow:\n        inset 0 0 0 1px rgba(255,255,255,.14),       \/* inner highlight *\/\n        0 10px 22px rgba(0,0,0,.22),                 \/* soft depth *\/\n        0 0 18px rgba(93,193,156,.18);               \/* subtle turquoise glow *\/\n\n    white-space: nowrap;\n}\n\n            .cicl-subtitle{\n                margin: 0 0 12px 0;\n                font-size: 15px;\n                font-weight: 700;\n                color:#4b5563;\n            }\n\n            \/* Layout *\/\n            .cicl-grid{\n                display:grid;\n                grid-template-columns: 360px 1fr;\n                gap: 16px;\n                align-items:start;\n            }\n\n            .cicl-card{\n                background:#fff;\n                border: 1px solid var(--cicl-border);\n                border-radius: 14px;\n                box-shadow: 0 10px 28px rgba(0,0,0,.06);\n                overflow:hidden;\n            }\n\n            \/* LEFT: inputs *\/\n            .cicl-inputs-head{\n                background: var(--cicl-gray);\n                color:#fff;\n                padding: 14px 14px;\n                font-weight: 900;\n                font-size: 18px;\n            }\n\n            .cicl-table{ width:100%; border-collapse: collapse; }\n            .cicl-table th, .cicl-table td{\n                padding: 12px 12px;\n                border-top: 1px solid var(--cicl-border);\n                vertical-align: middle;\n            }\n            .cicl-th{\n                width: 46%;\n                font-weight: 900;\n                font-size: 13px;\n                color:#111827;\n                background:#fafafa;\n            }\n            .cicl-help{\n                display:block;\n                margin-top: 4px;\n                font-weight: 700;\n                font-size: 11px;\n                color:#6b7280;\n                line-height: 1.25;\n            }\n            .cicl-req{ color:#ef4444; font-weight: 900; }\n\n            .cicl-input, .cicl-select{\n                width:100%;\n                height: 40px;\n                border-radius: 8px;\n                border:1px solid #d1d5db;\n                padding: 0 10px;\n                font-size: 14px;\n                outline:none;\n                background:#fff;\n            }\n            .cicl-input:focus, .cicl-select:focus{\n                border-color: var(--cicl-turq);\n                box-shadow: 0 0 0 3px rgba(93,193,156,.25);\n            }\n\n            \/* RIGHT: results *\/\n            .cicl-results-head{\n                background: var(--cicl-turq);\n                padding: 16px 16px;\n                text-align:center;\n            }\n            .cicl-results-head h3{\n                margin: 0;\n                font-size: 40px;\n                font-weight: 1000;\n                letter-spacing: -0.5px;\n                color: var(--cicl-gray);\n            }\n\n            .cicl-results-body{\n                padding: 16px 16px;\n                background: var(--cicl-turq);\n                color:#fff;\n            }\n            .cicl-line{\n                text-align:center;\n                font-size: 34px;\n                font-weight: 900;\n                margin-bottom: 12px;\n            }\n          .cicl-chip{\n    display:inline-block;\n    padding: 6px 14px;                 \/* a bit more breathing space *\/\n    border-radius: 14px;\n    background: var(--cicl-chip-bg);   \/* now darker *\/\n    margin: 0 8px;\n\n    \/* subtle glass depth *\/\n    box-shadow:\n        inset 0 0 0 1px rgba(255,255,255,.12),\n        0 10px 20px rgba(0,0,0,.18);\n\n    \/* keeps text crisp on darker bg *\/\n    color:#ffffff;\n}\n\n            .cicl-divider{\n                height: 1px;\n                background: rgba(255,255,255,.35);\n                margin: 14px 0;\n            }\n            .cicl-desc{\n                font-size: 15px;\n                line-height: 1.45;\n                font-weight: 700;\n                opacity:.95;\n                max-width: 900px;\n                margin: 0 auto;\n            }\n\n            .cicl-chart-wrap{\n                padding: 14px 16px 18px 16px;\n                background: var(--cicl-turq);\n            }\n            .cicl-chart-card{\n                background:#fff;\n                border-radius: 12px;\n                border: 1px solid rgba(0,0,0,.10);\n                padding: 10px 12px 6px 12px;\n            }\n            .cicl-chart-title{\n                text-align:center;\n                font-weight: 900;\n                font-size: 28px;\n                color:#374151;\n                margin: 6px 0 8px 0;\n            }\n\n            .cicl-msg{\n                margin-top: 10px;\n                background: #fff;\n                border-radius: 12px;\n                border: 1px solid rgba(0,0,0,.10);\n                padding: 10px 12px;\n                color:#111827;\n                font-weight: 800;\n                font-size: 13px;\n            }\n\n            @media (max-width: 980px){\n                .cicl-grid{ grid-template-columns: 1fr; }\n                .cicl-results-head h3{ font-size: 32px; }\n                .cicl-line{ font-size: 26px; }\n                .cicl-topbar-inner{ flex-direction: column; align-items: stretch; }\n                .cicl-topbar-left{ text-align:center; white-space: normal; }\n                .cicl-topbar-right{ justify-content:center; min-width: 0; }\n            }\n        <\/style>\n\n        <script>\n            (function(){\n                function loadChartJsOnce(cb){\n                    if (window.Chart) return cb();\n                    if (document.querySelector('script[data-chartjs=\"1\"]')){\n                        const t = setInterval(function(){\n                            if (window.Chart){ clearInterval(t); cb(); }\n                        }, 50);\n                        setTimeout(function(){ clearInterval(t); }, 4000);\n                        return;\n                    }\n                    const s = document.createElement('script');\n                    s.src = 'https:\/\/cdn.jsdelivr.net\/npm\/chart.js@4.4.1\/dist\/chart.umd.min.js';\n                    s.async = true;\n                    s.setAttribute('data-chartjs','1');\n                    s.onload = cb;\n                    document.head.appendChild(s);\n                }\n\n                function normalizeNumberString(str){\n                    if (str == null) return '';\n                    str = String(str).trim();\n                    str = str.replace(\/\\u066B\/g, '.').replace(\/\\u066C\/g, ',').replace(\/\u060c\/g, ',');\n                    str = str.replace(\/\\s+\/g,'').replace(\/[^\\d.,+\\-]\/g,'');\n                    const hasComma = str.indexOf(',') !== -1;\n                    const hasDot   = str.indexOf('.') !== -1;\n                    if (hasComma && hasDot) return str.replace(\/,\/g,'');\n                    if (hasComma && !hasDot){\n                        const last = str.lastIndexOf(',');\n                        const digitsAfter = str.length - last - 1;\n                        if (digitsAfter === 1 || digitsAfter === 2) return str.replace(\/,\/g,'.');\n                        return str.replace(\/,\/g,'');\n                    }\n                    return str.replace(\/,\/g,'');\n                }\n                function parseNum(str){\n                    const s = normalizeNumberString(str);\n                    if (s === '' || s === '+' || s === '-') return NaN;\n                    const n = Number(s);\n                    return Number.isFinite(n) ? n : NaN;\n                }\n                function formatMoney(n, currency){\n                    if (!Number.isFinite(n)) return '-';\n                    const sign = n < 0 ? '-' : '';\n                    n = Math.abs(n);\n                    const fixed = n.toFixed(2);\n                    const parts = fixed.split('.');\n                    const intPart = parts[0].replace(\/\\B(?=(\\d{3})+(?!\\d))\/g, ',');\n                    return sign + currency + intPart + '.' + parts[1];\n                }\n                function formatTypingCommas(el){\n                    const raw = normalizeNumberString(el.value);\n                    if (raw === '' || raw === '+' || raw === '-') return;\n                    const sign = raw.startsWith('-') ? '-' : '';\n                    const unsigned = raw.replace(\/^[+\\-]\/,'');\n                    const parts = unsigned.split('.');\n                    const a = (parts[0] || '').replace(\/^0+(?=\\d)\/,'');\n                    const b = parts[1] != null ? parts[1].slice(0, 8) : null;\n                    const withCommas = (a || '0').replace(\/\\B(?=(\\d{3})+(?!\\d))\/g, ',');\n                    el.value = sign + withCommas + (b != null ? '.' + b : '');\n                }\n                function clampRatePct(r){\n                    if (!Number.isFinite(r)) return r;\n                    if (r <= -99.99) return -99.99;\n                    return r;\n                }\n                function calcYearlySeries(P, PMT, years, aprPct, compoundsPerYear){\n                    const apr = (aprPct \/ 100);\n                    const m = compoundsPerYear;\n                    const ear = Math.pow(1 + (apr \/ m), m) - 1;\n                    const rm = Math.pow(1 + ear, 1\/12) - 1;\n\n                    const totalMonths = Math.max(0, Math.round(years * 12));\n                    const points = [];\n                    let bal = P;\n\n                    points.push({ year: 0, fv: bal, contrib: P });\n\n                    for (let month=1; month<=totalMonths; month++){\n                        bal = bal + (bal * rm);\n                        bal = bal + PMT;\n\n                        if (month % 12 === 0){\n                            const y = month \/ 12;\n                            points.push({\n                                year: y,\n                                fv: bal,\n                                contrib: P + (PMT * month)\n                            });\n                        }\n                    }\n                    return { points, ending: bal };\n                }\n\n                function init(root){\n                    const currency = root.getAttribute('data-currency') || '$';\n                    const $ = (sel) => root.querySelector(sel);\n\n                    const iInitial = $('[data-field=\"initial\"]');\n                    const iMonthly = $('[data-field=\"monthly\"]');\n                    const iYears   = $('[data-field=\"years\"]');\n                    const iRate    = $('[data-field=\"rate\"]');\n                    const iComp    = $('[data-field=\"compound\"]');\n\n                    const outYears = $('[data-out=\"years\"]');\n                    const outFV    = $('[data-out=\"fv\"]');\n                    const msgBox   = $('[data-out=\"msg\"]');\n\n                    const canvas   = $('[data-out=\"chart\"]');\n                    let chart = null;\n\n                    function setMsg(text){\n                        msgBox.textContent = text;\n                        msgBox.style.display = text ? 'block' : 'none';\n                    }\n\n                    let t = null;\n                    function scheduleUpdate(){\n                        clearTimeout(t);\n                        t = setTimeout(update, 120);\n                    }\n\n                    function update(){\n                        const P = parseNum(iInitial.value);\n                        const PMT = parseNum(iMonthly.value || '0');\n                        const years = parseNum(iYears.value);\n                        let rate = parseNum(iRate.value);\n                        const m = parseNum(iComp.value);\n\n                        if (!Number.isFinite(P) || P <= 0 || !Number.isFinite(years) || years <= 0 || !Number.isFinite(rate)){\n                            outYears.textContent = Number.isFinite(years) && years > 0 ? String(Math.round(years)) : '\u2014';\n                            outFV.textContent = '\u2014';\n                            setMsg('Enter the required fields (Initial Investment, Years, Interest Rate) to see results.');\n                            if (chart){\n                                chart.data.labels = [];\n                                chart.data.datasets[0].data = [];\n                                chart.data.datasets[1].data = [];\n                                chart.update();\n                            }\n                            return;\n                        }\n\n                        rate = clampRatePct(rate);\n                        const safePMT = Number.isFinite(PMT) ? PMT : 0;\n                        const safeM = Number.isFinite(m) && m > 0 ? m : 1;\n\n                        const res = calcYearlySeries(P, safePMT, years, rate, safeM);\n\n                        outYears.textContent = String(Math.round(years));\n                        outFV.textContent = formatMoney(res.ending, currency);\n                        setMsg('');\n\n                        const labels = res.points.map(p => 'Year ' + p.year);\n                        const fvData = res.points.map(p => Number(p.fv.toFixed(2)));\n                        const cData  = res.points.map(p => Number(p.contrib.toFixed(2)));\n\n                        const makeChart = function(){\n                            if (chart || !window.Chart) return;\n                            chart = new Chart(canvas.getContext('2d'), {\n                                type: 'line',\n                                data: {\n                                    labels: labels,\n                                    datasets: [\n                                        {\n                                            label: 'Future Value (' + rate.toFixed(2) + '%)',\n                                            data: fvData,\n                                            borderColor: '#2D2D2D',\n                                            backgroundColor: 'rgba(45,45,45,.08)',\n                                            tension: 0.25,\n                                            pointRadius: 3,\n                                            pointHoverRadius: 5\n                                        },\n                                        {\n                                            label: 'Total Contributions',\n                                            data: cData,\n                                            borderColor: '#5DC19C',\n                                            backgroundColor: 'rgba(93,193,156,.10)',\n                                            tension: 0.25,\n                                            pointRadius: 3,\n                                            pointHoverRadius: 5\n                                        }\n                                    ]\n                                },\n                                options: {\n                                    responsive: true,\n                                    maintainAspectRatio: false,\n                                    plugins: {\n                                        legend: { position: 'bottom' },\n                                        tooltip: {\n                                            callbacks: {\n                                                label: function(ctx){\n                                                    return ctx.dataset.label + ': ' + formatMoney(ctx.parsed.y, currency);\n                                                }\n                                            }\n                                        }\n                                    },\n                                    scales: {\n                                        y: {\n                                            ticks: {\n                                                callback: function(value){\n                                                    const v = Number(value);\n                                                    if (!Number.isFinite(v)) return value;\n                                                    if (Math.abs(v) >= 1e6) return currency + (v\/1e6).toFixed(1) + 'M';\n                                                    if (Math.abs(v) >= 1e3) return currency + (v\/1e3).toFixed(0) + 'K';\n                                                    return currency + v.toFixed(0);\n                                                }\n                                            }\n                                        }\n                                    }\n                                }\n                            });\n                        };\n\n                        if (!chart){\n                            loadChartJsOnce(function(){\n                                if (!window.Chart){\n                                    setMsg('Chart could not load. Your results are still calculated above.');\n                                    return;\n                                }\n                                makeChart();\n                                if (chart){\n                                    chart.data.labels = labels;\n                                    chart.data.datasets[0].data = fvData;\n                                    chart.data.datasets[0].label = 'Future Value (' + rate.toFixed(2) + '%)';\n                                    chart.data.datasets[1].data = cData;\n                                    chart.update();\n                                }\n                            });\n                        } else {\n                            chart.data.labels = labels;\n                            chart.data.datasets[0].data = fvData;\n                            chart.data.datasets[0].label = 'Future Value (' + rate.toFixed(2) + '%)';\n                            chart.data.datasets[1].data = cData;\n                            chart.update();\n                        }\n                    }\n\n                    [iInitial, iMonthly].forEach(inp => {\n                        inp.addEventListener('input', function(){\n                            const pos = inp.selectionStart;\n                            const before = inp.value.length;\n                            formatTypingCommas(inp);\n                            const after = inp.value.length;\n                            const delta = after - before;\n                            try { inp.setSelectionRange((pos||0)+delta, (pos||0)+delta); } catch(_){}\n                            scheduleUpdate();\n                        });\n                    });\n\n                    [iYears, iRate].forEach(inp => inp.addEventListener('input', scheduleUpdate));\n                    iComp.addEventListener('change', scheduleUpdate);\n\n                    update();\n                }\n\n                document.addEventListener('DOMContentLoaded', function(){\n                    document.querySelectorAll('.cicl-wrap[data-cicl=\"1\"]').forEach(init);\n                });\n            })();\n        <\/script>\n        \n    <div id=\"cicl_0fbe832c-6ed5-4ed0-995b-96e781eaedbf\" class=\"cicl-wrap\" data-cicl=\"1\" data-currency=\"$\">\n\n        <div class=\"cicl-topbar\">\n            <div class=\"cicl-topbar-inner\">\n                <div class=\"cicl-topbar-left\">Compound Interest Calculator<\/div>\n                <div class=\"cicl-topbar-right\"><span class=\"cicl-pill\">Compound Interest (Live)<\/span><\/div>\n            <\/div>\n        <\/div>\n\n        \n        <div class=\"cicl-grid\">\n            <div class=\"cicl-card\">\n                <div class=\"cicl-inputs-head\">Inputs<\/div>\n                <table class=\"cicl-table\">\n                    <tr>\n                        <th class=\"cicl-th\">Initial Investment <span class=\"cicl-req\">*<\/span>\n                            <span class=\"cicl-help\">Money available to invest initially.<\/span>\n                        <\/th>\n                        <td><input class=\"cicl-input\" type=\"text\" inputmode=\"decimal\" placeholder=\"e.g. 10,000\" data-field=\"initial\"><\/td>\n                    <\/tr>\n                    <tr>\n                        <th class=\"cicl-th\">Monthly Contribution\n                            <span class=\"cicl-help\">Add monthly (use negative to withdraw).<\/span>\n                        <\/th>\n                        <td><input class=\"cicl-input\" type=\"text\" inputmode=\"decimal\" placeholder=\"e.g. 100\" data-field=\"monthly\"><\/td>\n                    <\/tr>\n                    <tr>\n                        <th class=\"cicl-th\">Years <span class=\"cicl-req\">*<\/span>\n                            <span class=\"cicl-help\">How long you plan to invest.<\/span>\n                        <\/th>\n                        <td><input class=\"cicl-input\" type=\"text\" inputmode=\"decimal\" placeholder=\"e.g. 10\" data-field=\"years\"><\/td>\n                    <\/tr>\n                    <tr>\n                        <th class=\"cicl-th\">Interest Rate % <span class=\"cicl-req\">*<\/span>\n                            <span class=\"cicl-help\">Estimated annual return.<\/span>\n                        <\/th>\n                        <td><input class=\"cicl-input\" type=\"text\" inputmode=\"decimal\" placeholder=\"e.g. 12\" data-field=\"rate\"><\/td>\n                    <\/tr>\n                    <tr>\n                        <th class=\"cicl-th\">Compound Frequency\n                            <span class=\"cicl-help\">How often interest is compounded.<\/span>\n                        <\/th>\n                        <td>\n                            <select class=\"cicl-select\" data-field=\"compound\">\n                                <option value=\"1\" selected>Annually<\/option>\n                                <option value=\"2\">Semiannually<\/option>\n                                <option value=\"4\">Quarterly<\/option>\n                                <option value=\"12\">Monthly<\/option>\n                                <option value=\"365\">Daily<\/option>\n                            <\/select>\n                        <\/td>\n                    <\/tr>\n                <\/table>\n            <\/div>\n\n            <div class=\"cicl-card\">\n                <div class=\"cicl-results-head\">\n                    <h3>The Results Are In<\/h3>\n                <\/div>\n\n                <div class=\"cicl-results-body\">\n                    <div class=\"cicl-line\">\n                        In <span class=\"cicl-chip\" data-out=\"years\">\u2014<\/span> years, you will have\n                        <span class=\"cicl-chip\" data-out=\"fv\">\u2014<\/span>\n                    <\/div>\n\n                    <div class=\"cicl-divider\"><\/div>\n\n                    <p class=\"cicl-desc\">\n                        The chart below shows an estimate of how your savings may grow over time, based on the inputs you provide.\n                        Slight changes in return assumptions can significantly affect outcomes.\n                    <\/p>\n\n                    <div class=\"cicl-chart-wrap\">\n                        <div class=\"cicl-chart-card\">\n                            <div class=\"cicl-chart-title\">Total Savings<\/div>\n                            <div style=\"height:340px;\">\n                                <canvas data-out=\"chart\"><\/canvas>\n                            <\/div>\n                            <div class=\"cicl-msg\" data-out=\"msg\" style=\"display:none;\"><\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\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":"","protected":false},"author":16,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","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":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-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":"","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-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":"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":""},"mobile":{"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":""}},"footnotes":""},"class_list":["post-1583","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/3rbinvesting.com\/ar\/wp-json\/wp\/v2\/pages\/1583","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/3rbinvesting.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/3rbinvesting.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/3rbinvesting.com\/ar\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/3rbinvesting.com\/ar\/wp-json\/wp\/v2\/comments?post=1583"}],"version-history":[{"count":8,"href":"https:\/\/3rbinvesting.com\/ar\/wp-json\/wp\/v2\/pages\/1583\/revisions"}],"predecessor-version":[{"id":1623,"href":"https:\/\/3rbinvesting.com\/ar\/wp-json\/wp\/v2\/pages\/1583\/revisions\/1623"}],"wp:attachment":[{"href":"https:\/\/3rbinvesting.com\/ar\/wp-json\/wp\/v2\/media?parent=1583"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}