{"id":6696,"date":"2026-01-16T00:00:08","date_gmt":"2026-01-16T00:00:08","guid":{"rendered":"https:\/\/themeton.com\/?page_id=6696"},"modified":"2026-01-22T05:06:23","modified_gmt":"2026-01-22T05:06:23","slug":"hebrew","status":"publish","type":"page","link":"https:\/\/themeton.com\/tools\/font-generator\/hebrew\/","title":{"rendered":"Hebrew Font Generator &#8211; Authentic Script Symbols To Copy"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6696\" class=\"elementor elementor-6696\">\n\t\t\t\t<div class=\"elementor-element elementor-element-185677de e-con-full e-flex e-con e-parent\" data-id=\"185677de\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7bbe975 elementor-widget elementor-widget-shortcode\" data-id=\"7bbe975\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div class=\"hebrew-gen-root\">\r\n    <!-- Header Section (Outside Tool Component) -->\r\n    <header class=\"gen-header\">\r\n        <h1>Hebrew Font Generator - Authentic Script Symbols To Copy<\/h1>\r\n        <p class=\"gen-sub\">Type in any language to generate phonetic Hebrew scripts and decorative sacred symbols.<\/p>\r\n    <\/header>\r\n\r\n    <!-- Main Tool Component -->\r\n    <main class=\"hebrew-component\">\r\n        <div class=\"input-wrapper\">\r\n            <textarea id=\"userInput\" placeholder=\"Type here\" aria-label=\"Input field\"><\/textarea>\r\n            <button id=\"clearText\" class=\"clear-btn\" aria-label=\"Clear text\">\u2715<\/button>\r\n            <div class=\"meta-data\">\r\n                <span class=\"meta-tag\">Translation Engine: Active<\/span>\r\n                <span id=\"counter\">0 chars<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 2-Column Responsive Grid -->\r\n        <div id=\"outputDisplay\" class=\"two-column-grid\">\r\n            <!-- Tiles generated via JS -->\r\n        <\/div>\r\n\r\n        <div class=\"action-bar\">\r\n            <button id=\"loadToggle\" class=\"primary-action\">Explore All Styles<\/button>\r\n        <\/div>\r\n    <\/main>\r\n\r\n    <style>\r\n        :root {\r\n            \/* Keyword Relevant Gradient: Mediterranean Blue to Jerusalem Stone Gold *\/\r\n            --main-grad: linear-gradient(135deg, #0038b8 0%, #002b8a 40%, #c5a059 100%);\r\n            --card-white: #ffffff;\r\n            --ink-black: #1e293b;\r\n            --accent-blue: #0038b8;\r\n            --border-color: #e2e8f0;\r\n            --radius: 9px;\r\n            --transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);\r\n        }\r\n\r\n        .hebrew-gen-root {\r\n            font-family: system-ui, -apple-system, sans-serif;\r\n            background: #a6c0db6e;\r\n            padding: 40px 15px;\r\n            min-height: 100vh;\r\n            color: white;\r\n        }\r\n\r\n        \/* Header Section *\/\r\n        .gen-header {\r\n            margin-top: 20px;\r\n            text-align: center;\r\n            max-width: 1200px;\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n            margin-bottom: 10px;\r\n        }\r\n\r\n        .gen-header h1 {\r\n\t\t\t\t\t\tcolor: #5f1818;\r\n            font-size: clamp(1.5rem, 5vw, 3rem);\r\n            font-weight: 900;\r\n            margin-bottom: 10px;\r\n            text-shadow: 0 4px 12px rgba(0,0,0,0.25);\r\n        }\r\n\r\n        .gen-sub {\r\n\t\t\t\t\t\tcolor: #000;\r\n            font-size: 1rem;\r\n            opacity: 0.9;\r\n            font-style: italic;\r\n        }\r\n\r\n        \/* Tool Component *\/\r\n        .hebrew-component {\r\n            background: var(--card-white);\r\n            border-radius: var(--radius);\r\n            padding: 10px;\r\n            margin-bottom: 25px;\r\n            max-width: 1200px;\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.3);\r\n            color: var(--ink-black);\r\n        }\r\n\r\n        .input-wrapper {\r\n            position: relative;\r\n            margin-bottom: 12px;\r\n        }\r\n\r\n        #userInput {\r\n            width: 100%;\r\n            height: 100px;\r\n            padding: 15px !important;\r\n            border: 2px solid #f1f5f9;\r\n            border-radius: 8px;\r\n            font-size: 1.2rem;\r\n            resize: none;\r\n            box-sizing: border-box;\r\n            outline: none;\r\n            transition: var(--transition);\r\n            background: #f8fafc;\r\n\t\t\t\t\t\tmargin: 0;\r\n        }\r\n\r\n        #userInput:focus {\r\n            border-color: var(--accent-blue);\r\n            background: #ffffff;\r\n        }\r\n\r\n        .clear-btn {\r\n            position: absolute;\r\n            top: 10px;\r\n            right: 10px;\r\n            background: #e2e8f0;\r\n            border: none;\r\n            width: 28px;\r\n            height: 28px;\r\n            border-radius: 50px;\r\n            cursor: pointer;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            transition: var(--transition);\r\n        }\r\n\r\n        .clear-btn:hover { background: #ef4444; color: white; }\r\n\r\n        .meta-data {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            font-size: 0.65rem;\r\n            font-weight: 700;\r\n            color: #94a3b8;\r\n            text-transform: uppercase;\r\n            padding: 5px 5px 0;\r\n        }\r\n\r\n        .meta-tag { color: var(--accent-blue); }\r\n\r\n        \/* Output Grid - Fixed 2 columns per row *\/\r\n        .two-column-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(2, 1fr);\r\n            gap: 10px;\r\n            padding: 5px;\r\n        }\r\n\r\n        .style-tile {\r\n            background: #fff;\r\n            border: 1px solid var(--border-color);\r\n            border-radius: 6px;\r\n            padding: 12px;\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: space-between;\r\n            cursor: pointer;\r\n            transition: var(--transition);\r\n            overflow: hidden; \/* Requirement met *\/\r\n        }\r\n\r\n        .style-tile:hover {\r\n            border-color: var(--accent-blue);\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 4px 12px rgba(0,0,0,0.05);\r\n        }\r\n\r\n        .style-tile.copied { border-color: #22c55e; background: #f0fdf4; }\r\n\r\n        .label {\r\n            font-size: 0.6rem;\r\n            color: #94a3b8;\r\n            font-weight: 800;\r\n            text-transform: uppercase;\r\n            margin-bottom: 5px;\r\n        }\r\n\r\n        .output-val {\r\n            font-size: 1.4rem;\r\n            color: var(--accent-blue);\r\n            direction: rtl; \/* Proper Hebrew Display *\/\r\n            white-space: nowrap;\r\n            overflow: hidden;\r\n            text-overflow: ellipsis; \/* Requirement met *\/\r\n        }\r\n\r\n        .copy-hint {\r\n            font-size: 0.55rem;\r\n            text-align: right;\r\n            color: #cbd5e1;\r\n            font-weight: bold;\r\n        }\r\n\r\n        \/* Action Section *\/\r\n        .action-bar {\r\n            text-align: center;\r\n            padding: 15px 0 5px;\r\n        }\r\n\r\n        .primary-action {\r\n            background: var(--accent-blue);\r\n            color: white;\r\n            border: none;\r\n            padding: 12px 30px;\r\n            border-radius: 30px;\r\n            font-weight: 700;\r\n            cursor: pointer;\r\n            transition: var(--transition);\r\n        }\r\n\r\n        .primary-action:hover {\r\n            transform: scale(1.05);\r\n            background: #002b8a;\r\n        }\r\n\r\n        .hidden { display: none !important; }\r\n\r\n        \/* Mobile Adjustments *\/\r\n        @media (max-width: 480px) {\r\n            .two-column-grid { gap: 8px; }\r\n            .style-tile { padding: 10px; }\r\n            .output-val { font-size: 1.1rem; }\r\n            .hebrew-gen-root { padding: 20px 5px; }\r\n        }\r\n    <\/style>\r\n\r\n    <script>\r\n        (function() {\r\n            const input = document.getElementById('userInput');\r\n            const clear = document.getElementById('clearText');\r\n            const display = document.getElementById('outputDisplay');\r\n            const loadBtn = document.getElementById('loadToggle');\r\n            const counter = document.getElementById('counter');\r\n\r\n            let isExpanded = false;\r\n\r\n            \/\/ Transliteration Map\r\n            const phoneticMap = {\r\n                'a': '\u05d0', 'b': '\u05d1', 'c': '\u05db', 'd': '\u05d3', 'e': '\u05e2', 'f': '\u05e4', 'g': '\u05d2', \r\n                'h': '\u05d4', 'i': '\u05d9', 'j': '\u05d2', 'k': '\u05e7', 'l': '\u05dc', 'm': '\u05de', 'n': '\u05e0', \r\n                'o': '\u05d5', 'p': '\u05e4', 'q': '\u05e7', 'r': '\u05e8', 's': '\u05e1', 't': '\u05ea', 'u': '\u05d5', \r\n                'v': '\u05d5', 'w': '\u05d5', 'x': '\u05e7\u05e1', 'y': '\u05d9', 'z': '\u05d6',\r\n                'sh': '\u05e9', 'ch': '\u05d7', 'th': '\u05ea', ' ': ' '\r\n            };\r\n\r\n            function toHebrew(str) {\r\n                let t = str.toLowerCase();\r\n                t = t.replace(\/sh\/g, '\u05e9').replace(\/ch\/g, '\u05d7').replace(\/th\/g, '\u05ea');\r\n                return t.split('').map(c => phoneticMap[c] || c).join('');\r\n            }\r\n\r\n            \/\/ 40 Styles\r\n            const styles = [\r\n                { name: \"Authentic Script\", fn: s => s },\r\n                { name: \"Star of David\", fn: s => `\u2721 ${s} \u2721` },\r\n                { name: \"Jerusalem Wall\", fn: s => `|[ ${s} ]|` },\r\n                { name: \"Chai Blessed\", fn: s => `\u05d7\u05b7\u05d9 ${s} \u05d7\u05b7\u05d9` },\r\n                { name: \"Sacred Dots\", fn: s => s.split('').join('\\u05B8') },\r\n                { name: \"Torah Scroll\", fn: s => `\ud83d\udcdc ${s} \ud83d\udcdc` },\r\n                { name: \"Zion Seal\", fn: s => `\u2693 ${s} \u2693` },\r\n                { name: \"Modern Bracket\", fn: s => `\u3010 ${s} \u3011` },\r\n                { name: \"Dotted Script\", fn: s => s.split('').join('\u00b7') },\r\n                { name: \"Golden Star\", fn: s => `\u2726 ${s} \u2726` },\r\n                { name: \"Peace Symbol\", fn: s => `\u262e ${s} \u262e` },\r\n                { name: \"Double Line\", fn: s => `\u2551 ${s} \u2551` },\r\n                { name: \"Shield Mode\", fn: s => `[ ${s} ]` },\r\n                { name: \"Royal Guard\", fn: s => `\u2694 ${s} \u2694` },\r\n                { name: \"Wings of Zion\", fn: s => `\ua9c1 ${s} \ua9c2` },\r\n                { name: \"Infinite Light\", fn: s => `\u221e ${s} \u221e` },\r\n                { name: \"Diamond Decor\", fn: s => `\u25c8 ${s} \u25c8` },\r\n                { name: \"Shadow Frame\", fn: s => `\u2593 ${s} \u2593` },\r\n                { name: \"Modern Bar\", fn: s => `| ${s} |` },\r\n                { name: \"Angle Quotes\", fn: s => `\u00ab ${s} \u00bb` },\r\n                { name: \"Square Shield\", fn: s => `\u25a3 ${s} \u25a3` },\r\n                { name: \"Focus Frame\", fn: s => `\u2316 ${s} \u2316` },\r\n                { name: \"Arrow Path\", fn: s => `\u27a4 ${s}` },\r\n                { name: \"Hearts\", fn: s => `\u2665 ${s} \u2665` },\r\n                { name: \"Kabbalah\", fn: s => `\u2295 ${s} \u2295` },\r\n                { name: \"Dashed Wall\", fn: s => `--- ${s} ---` },\r\n                { name: \"Menorah Light\", fn: s => `\ud83d\udd4e ${s} \ud83d\udd4e` },\r\n                { name: \"Slash Deco\", fn: s => `\/\/ ${s} \/\/` },\r\n                { name: \"Bullet Journal\", fn: s => `\u2022 ${s}` },\r\n                { name: \"Parallel Bars\", fn: s => `|| ${s} ||` },\r\n                { name: \"Corner Marks\", fn: s => `\u2308 ${s} \u230b` },\r\n                { name: \"Wave Script\", fn: s => `\u2248 ${s} \u2248` },\r\n                { name: \"Triple Bar\", fn: s => `\u2261 ${s} \u2261` },\r\n                { name: \"Cloud Frame\", fn: s => `\u2601 ${s} \u2601` },\r\n                { name: \"Sun Style\", fn: s => `\u2600 ${s} \u2600` },\r\n                { name: \"Abstract Dot\", fn: s => `\u00b7 ${s} \u00b7` },\r\n                { name: \"Dotted Under\", fn: s => s.split('').join('\\u0323') },\r\n                { name: \"Over-Struck\", fn: s => s.split('').join('\\u0305') },\r\n                { name: \"Minimal Box\", fn: s => ` box ${s} ` },\r\n                { name: \"Ending Script\", fn: s => `${s} \ud83d\udd1a` }\r\n            ];\r\n\r\n            function update() {\r\n                const val = input.value.trim() || \"Shalom\";\r\n                const hbBase = toHebrew(val);\r\n                counter.innerText = `${input.value.length} chars`;\r\n                display.innerHTML = '';\r\n\r\n                styles.forEach((st, idx) => {\r\n                    const res = st.fn(hbBase);\r\n                    const tile = document.createElement('div');\r\n                    tile.className = `style-tile ${(!isExpanded && idx >= 10) ? 'hidden' : ''}`;\r\n                    tile.innerHTML = `\r\n                        <span class=\"label\">${st.name}<\/span>\r\n                        <div class=\"output-val\">${res}<\/div>\r\n                        <span class=\"copy-hint\">TAP TO COPY<\/span>\r\n                    `;\r\n\r\n                    tile.onclick = () => {\r\n                        navigator.clipboard.writeText(res).then(() => {\r\n                            tile.classList.add('copied');\r\n                            tile.querySelector('.copy-hint').innerText = \"COPIED!\";\r\n                            setTimeout(() => {\r\n                                tile.classList.remove('copied');\r\n                                tile.querySelector('.copy-hint').innerText = \"TAP TO COPY\";\r\n                            }, 1200);\r\n                        });\r\n                    };\r\n                    display.appendChild(tile);\r\n                });\r\n            }\r\n\r\n            input.addEventListener('input', update);\r\n            clear.onclick = () => { input.value = ''; update(); input.focus(); };\r\n            loadBtn.onclick = () => {\r\n                isExpanded = !isExpanded;\r\n                loadBtn.innerText = isExpanded ? \"Show Standard\" : \"Explore 40+ Styles\";\r\n                update();\r\n            };\r\n\r\n            \/\/ Init\r\n            update();\r\n        })();\r\n    <\/script>\r\n<\/div>\r\n\r\n\r\n<!-- Section Breaker -->\r\n\r\n<div class=\"content-wrapper-bg light-shade\">\r\n    <section class=\"content-container\">\r\n\t\t\t\t\r\n\t<\/section>\r\n<\/div>\r\n\r\n<!-- Content Section 1: Features\/How it Works -->\r\n<div class=\"content-wrapper-bg light-shade\">\r\n    <section class=\"content-container\">\r\n        <div class=\"section-header\">\r\n            <h2>\u2728 Elevate Your Text with Hebrew Script Symbols<\/h2>\r\n            <p class=\"section-sub\">Transform your standard Latin alphabet into beautiful phonetic Hebrew-inspired designs instantly.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"card-grid\">\r\n            <div class=\"content-card\">\r\n                <div class=\"card-icon\">\u2328\ufe0f<\/div>\r\n                <h3>Smart Transliteration<\/h3>\r\n                <p>Our engine maps phonetic sounds like \"Sh\", \"Ch\", and \"Th\" to their authentic Hebrew counterparts for a more natural look.<\/p>\r\n            <\/div>\r\n            <div class=\"content-card\">\r\n                <div class=\"card-icon\">\u2721\ufe0f<\/div>\r\n                <h3>Sacred Symbol Integration<\/h3>\r\n                <p>Choose from over 40+ styles featuring the Star of David, Menorahs, and Chai symbols to add spiritual depth to your text.<\/p>\r\n            <\/div>\r\n            <div class=\"content-card\">\r\n                <div class=\"card-icon\">\ud83d\udccb<\/div>\r\n                <h3>One-Tap Copy-Paste<\/h3>\r\n                <p>Perfect for Instagram bios, Facebook posts, or digital art. Simply tap any generated style to copy it to your clipboard.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n<\/div>\r\n\r\n<!-- Content Section 2: Use Cases -->\r\n<div class=\"content-wrapper-bg tool-white\">\r\n    <section class=\"content-container\">\r\n        <div class=\"section-header\">\r\n            <h2>\ud83c\udfa8 Creative Ways to Use Hebrew Font Styles<\/h2>\r\n            <p class=\"section-sub\">Unleash the beauty of Jerusalem-inspired scripts across your digital presence.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"card-grid\">\r\n            <div class=\"content-card shade-bg\">\r\n                <div class=\"card-icon\">\ud83d\udcf8<\/div>\r\n                <h3>Social Media Bios<\/h3>\r\n                <p>Stand out on TikTok and Instagram with unique RTL (Right-to-Left) decorative text that captures attention immediately.<\/p>\r\n            <\/div>\r\n            <div class=\"content-card shade-bg\">\r\n                <div class=\"card-icon\">\ud83d\udd8b\ufe0f<\/div>\r\n                <h3>Tattoo & Logo Drafts<\/h3>\r\n                <p>Visualize how phonetic Hebrew characters might look for personal jewelry designs, logos, or meaningful tattoo inspiration.<\/p>\r\n            <\/div>\r\n            <div class=\"content-card shade-bg\">\r\n                <div class=\"card-icon\">\u2709\ufe0f<\/div>\r\n                <h3>Festive Greetings<\/h3>\r\n                <p>Add a traditional touch to Hanukkah cards, Bar\/Bat Mitzvah invitations, or Shabbat Shalom messages to loved ones.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n<\/div>\r\n\r\n<!-- Content Section 3: Why This Tool -->\r\n<div class=\"content-wrapper-bg light-shade\">\r\n    <section class=\"content-container\">\r\n        <div class=\"section-header\">\r\n            <h2>\ud83d\udc8e The Ultimate Hebrew Aesthetic Toolbox<\/h2>\r\n            <p class=\"section-sub\">Why users prefer our generator for authentic and artistic script symbols.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"card-grid\">\r\n            <div class=\"content-card\">\r\n                <div class=\"card-icon\">\ud83d\ude80<\/div>\r\n                <h3>Zero Latency<\/h3>\r\n                <p>No waiting for pages to reload. Results appear in real-time as you type, making experimentation fast and fluid.<\/p>\r\n            <\/div>\r\n            <div class=\"content-card\">\r\n                <div class=\"card-icon\">\ud83d\udee1\ufe0f<\/div>\r\n                <h3>Clean Unicode<\/h3>\r\n                <p>We use clean, universally supported Unicode symbols, ensuring your text looks great on iPhones, Androids, and PCs.<\/p>\r\n            <\/div>\r\n            <div class=\"content-card\">\r\n                <div class=\"card-icon\">\ud83c\udf0d<\/div>\r\n                <h3>Multilingual Friendly<\/h3>\r\n                <p>Whether you type in English, Spanish, or French, our generator converts the sounds into the Hebrew aesthetic seamlessly.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n<\/div>\r\n\r\n<style>\r\n    \/* Content Layout Base *\/\r\n    .content-wrapper-bg {\r\n        width: 100%;\r\n        padding: 60px 20px;\r\n        box-sizing: border-box;\r\n        font-family: system-ui, -apple-system, sans-serif;\r\n        color: #1e293b; \/* Inherited-like ink-black *\/\r\n    }\r\n\r\n    .light-shade { background-color: #f1f5f9; }\r\n    .tool-white { background-color: #ffffff; }\r\n\r\n    .content-container {\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .section-header {\r\n        text-align: center;\r\n        margin-bottom: 25px;\r\n    }\r\n\r\n    .section-header h2 {\r\n        font-size: 2rem;\r\n        font-weight: 800;\r\n        color: #0038b8; \/* Match tool blue *\/\r\n    }\r\n\r\n    .section-sub {\r\n        font-size: 1rem;\r\n        opacity: 0.8;\r\n    }\r\n\r\n    \/* Card Grid System *\/\r\n    .card-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(3, 1fr);\r\n        gap: 25px;\r\n    }\r\n\r\n    .content-card {\r\n        background: #ffffff;\r\n        padding: 40px 30px;\r\n        border-radius: 12px;\r\n        position: relative;\r\n        overflow: hidden;\r\n        border: 1px solid #e2e8f0;\r\n        transition: transform 0.3s ease;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        text-align: center;\r\n    }\r\n\r\n    \/* Section 2 specific card color *\/\r\n    .content-card.shade-bg {\r\n        background: #f1f5f9;\r\n        border: 1px solid #cbd5e1;\r\n    }\r\n\r\n    \/* Hover Border Effect - Starts from center *\/\r\n    .content-card::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0;\r\n        left: 50%;\r\n        width: 0;\r\n        height: 4px;\r\n        background: #c5a059; \/* Jerusalem Gold *\/\r\n        transition: all 0.4s ease;\r\n        transform: translateX(-50%);\r\n    }\r\n\r\n    .content-card:hover::before {\r\n        width: 100%;\r\n    }\r\n\r\n    .content-card:hover {\r\n        transform: translateY(-5px);\r\n        box-shadow: 0 10px 25px -5px rgba(0,0,0,0.05);\r\n    }\r\n\r\n    \/* Icon Hover Effect *\/\r\n    .card-icon {\r\n        font-size: 3rem;\r\n        margin-bottom: 20px;\r\n        transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    }\r\n\r\n    .content-card:hover .card-icon {\r\n        transform: scale(1.2) rotate(5deg);\r\n    }\r\n\r\n    .content-card h3 {\r\n        font-size: 1.25rem;\r\n        margin-bottom: 15px;\r\n        font-weight: 700;\r\n    }\r\n\r\n    .content-card p {\r\n        line-height: 1.6;\r\n        font-size: 0.95rem;\r\n        color: #475569;\r\n    }\r\n\r\n    \/* Responsive adjustments *\/\r\n    @media (max-width: 992px) {\r\n        .card-grid {\r\n            grid-template-columns: repeat(2, 1fr);\r\n        }\r\n    }\r\n\r\n    @media (max-width: 600px) {\r\n        .card-grid {\r\n            grid-template-columns: 1fr;\r\n        }\r\n        .section-header h2 {\r\n            font-size: 1.5rem;\r\n        }\r\n        .content-wrapper-bg {\r\n            padding: 40px 5px;\r\n        }\r\n    }\r\n<\/style><\/div>\n\t\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":3,"featured_media":0,"parent":7051,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-6696","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/themeton.com\/wp-json\/wp\/v2\/pages\/6696","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themeton.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/themeton.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/themeton.com\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/themeton.com\/wp-json\/wp\/v2\/comments?post=6696"}],"version-history":[{"count":4,"href":"https:\/\/themeton.com\/wp-json\/wp\/v2\/pages\/6696\/revisions"}],"predecessor-version":[{"id":6701,"href":"https:\/\/themeton.com\/wp-json\/wp\/v2\/pages\/6696\/revisions\/6701"}],"up":[{"embeddable":true,"href":"https:\/\/themeton.com\/wp-json\/wp\/v2\/pages\/7051"}],"wp:attachment":[{"href":"https:\/\/themeton.com\/wp-json\/wp\/v2\/media?parent=6696"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}