{"id":26,"date":"2026-01-30T17:34:17","date_gmt":"2026-01-30T17:34:17","guid":{"rendered":"https:\/\/demowebdesign.live\/jordan\/?page_id=26"},"modified":"2026-02-12T17:48:27","modified_gmt":"2026-02-12T17:48:27","slug":"about","status":"publish","type":"page","link":"https:\/\/demowebdesign.live\/jordan\/index.php\/about\/","title":{"rendered":"About"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"26\" class=\"elementor elementor-26\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4ec8399 e-flex e-con-boxed e-con e-parent\" data-id=\"4ec8399\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-9618954 e-con-full e-flex e-con e-child\" data-id=\"9618954\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-de0c292 elementor-widget elementor-widget-html\" data-id=\"de0c292\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cinzel:wght@400;600;800&display=swap\" rel=\"stylesheet\">\r\n    \r\n    <style>\r\n        \r\n\r\n        .container {\r\n            max-width: 1200px;\r\n            width: 100%;\r\n        }\r\n\r\n        .about-section {\r\n            display: grid;\r\n            grid-template-columns: 400px 1fr;\r\n            gap: 4rem;\r\n            align-items: center;\r\n            position: relative;\r\n        }\r\n\r\n        \/* Left Column - Author Image *\/\r\n        .author-image-container {\r\n            position: relative;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n        }\r\n\r\n        .image-wrapper {\r\n            position: relative;\r\n            width: 100%;\r\n            max-width: 350px;\r\n            aspect-ratio: 3\/4;\r\n        }\r\n\r\n        \/* Stylish border frame matching the button style *\/\r\n        .image-frame {\r\n            position: absolute;\r\n            inset: -12px;\r\n            border: 2px solid #d4af37;\r\n            background: transparent;\r\n            pointer-events: none;\r\n            z-index: 2;\r\n        }\r\n\r\n        .image-frame::before,\r\n        .image-frame::after {\r\n            content: '';\r\n            position: absolute;\r\n            background: #d4af37;\r\n        }\r\n\r\n        \/* Top-left and bottom-right corner decorations *\/\r\n        .image-frame::before {\r\n            top: -2px;\r\n            left: -2px;\r\n            width: 40px;\r\n            height: 2px;\r\n        }\r\n\r\n        .image-frame::after {\r\n            bottom: -2px;\r\n            right: -2px;\r\n            width: 40px;\r\n            height: 2px;\r\n        }\r\n\r\n        \/* Corner diamonds *\/\r\n        .corner-diamond {\r\n            position: absolute;\r\n            width: 10px;\r\n            height: 10px;\r\n            background: #d4af37;\r\n            transform: rotate(45deg);\r\n            z-index: 3;\r\n        }\r\n\r\n        .corner-diamond.top-left {\r\n            top: -17px;\r\n            left: -17px;\r\n        }\r\n\r\n        .corner-diamond.top-right {\r\n            top: -17px;\r\n            right: -17px;\r\n        }\r\n\r\n        .corner-diamond.bottom-left {\r\n            bottom: -17px;\r\n            left: -17px;\r\n        }\r\n\r\n        .corner-diamond.bottom-right {\r\n            bottom: -17px;\r\n            right: -17px;\r\n        }\r\n\r\n        .author-image {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            display: block;\r\n            filter: grayscale(20%) contrast(1.1);\r\n            background: linear-gradient(135deg, rgba(30, 20, 15, 0.9) 0%, rgba(40, 25, 20, 0.8) 100%);\r\n            border: 8px solid #d4af37;\r\n            box-shadow: \r\n                inset 0 0 20px rgba(0, 0, 0, 0.3),\r\n                0 0 30px rgba(212, 175, 55, 0.2);\r\n        }\r\n\r\n        \/* Glow effect *\/\r\n        .image-glow {\r\n            position: absolute;\r\n            inset: -20px;\r\n            background: radial-gradient(circle, rgba(212, 175, 55, 0.15) 0%, transparent 70%);\r\n            pointer-events: none;\r\n            z-index: -1;\r\n        }\r\n\r\n        \/* Right Column - Content *\/\r\n        .author-content {\r\n            position: relative;\r\n            justify-content: s;\r\n        }\r\n\r\n        .ornament {\r\n            margin-bottom: 1.5rem;\r\n        }\r\n\r\n        .ornament-symbol {\r\n            display: inline-block;\r\n            color: #d4af37;\r\n            font-size: 1.2rem;\r\n            letter-spacing: 0.5rem;\r\n            opacity: 0.7;\r\n        }\r\n\r\n        h1 {\r\n            font-family: 'Cinzel', serif;\r\n            font-size: 2.8rem!important;\r\n            font-weight: 600;\r\n            margin-bottom: 0.5rem;\r\n            background: linear-gradient(135deg, #f4e4c1 0%, #d4af37 50%, #b8860b 100%);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            background-clip: text;\r\n            letter-spacing: 0.1rem;\r\n            line-height: 1.3;\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        .subtitle {\r\n            font-family: 'Cinzel', serif;\r\n            font-size: 0.9rem;\r\n            color: #C7C7C7;\r\n            letter-spacing: 0.3rem;\r\n            margin-bottom: 2.5rem;\r\n            text-transform: uppercase;\r\n            font-weight: 800;\r\n            \/*text-align: left !important;*\/\r\n        }\r\n\r\n        .divider {\r\n            width: 200px !important;\r\n            height: 7px !important;\r\n            background: linear-gradient(90deg, \r\n                rgba(212, 175, 55, 0.6) 0%, \r\n                transparent 100%);\r\n            margin: 2rem 0;\r\n            position: relative;\r\n            margin-left: 0px !important;\r\n        }\r\n\r\n        .divider::before {\r\n            content: '\u2726';\r\n            position: absolute;\r\n            top: 50%;\r\n            left: 0;\r\n            transform: translateY(-50%);\r\n            color: #d4af37;\r\n            font-size: 0.6rem;\r\n            background: #1a0f0a;\r\n            padding-right: 0.5rem;\r\n        }\r\n\r\n        p {\r\n            font-size: 1.15rem;\r\n            line-height: 1.9;\r\n            margin-bottom: 1.5rem;\r\n            color: #d4d4d4;\r\n            text-align: left;\r\n            font-weight: 300;\r\n            letter-spacing: 0.02rem;\r\n            font-style: italic;\r\n        }\r\n\r\n        p:last-of-type {\r\n            margin-bottom: 0;\r\n        }\r\n\r\n        .emphasis {\r\n            color: #e8dcc0;\r\n            font-weight: 400;\r\n            font-style: normal;\r\n        }\r\n\r\n        \/* Responsive Design *\/\r\n        @media (max-width: 1024px) {\r\n            .about-section {\r\n                grid-template-columns: 350px 1fr;\r\n                gap: 3rem;\r\n            }\r\n\r\n            .image-wrapper {\r\n                max-width: 300px;\r\n            }\r\n\r\n            h1 {\r\n                font-size: 2.2rem;\r\n            }\r\n\r\n            p {\r\n                font-size: 1.1rem;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .about-section {\r\n                grid-template-columns: 1fr;\r\n                gap: 3rem;\r\n            }\r\n\r\n            .author-image-container {\r\n                justify-content: center;\r\n            }\r\n            .author-image{\r\n                margin-bottom: 40px !important;\r\n                \r\n            }\r\n\r\n            .image-wrapper {\r\n                max-width: 280px;\r\n            }\r\n\r\n            .author-content {\r\n                text-align: center;\r\n            }\r\n\r\n            h1 {\r\n                font-size: 1.9rem !important;\r\n            }\r\n\r\n            .subtitle {\r\n                font-size: 0.85rem;\r\n            }\r\n\r\n            p {\r\n                text-align: center;\r\n                font-size: 1.05rem;\r\n            }\r\n\r\n            .divider {\r\n                margin-left: auto;\r\n                margin-right: auto;\r\n            }\r\n\r\n            .ornament {\r\n                text-align: center;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .image-wrapper {\r\n                max-width: 240px;\r\n            }\r\n\r\n            h1 {\r\n                font-size: 1.75rem;\r\n                letter-spacing: 0.05rem;\r\n            }\r\n\r\n            .subtitle {\r\n                letter-spacing: 0.2rem;\r\n            }\r\n\r\n            p {\r\n                font-size: 1rem;\r\n                line-height: 1.8;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <div class=\"container\">\r\n        <section class=\"about-section\">\r\n            <!-- Left Column - Author Image -->\r\n            <div class=\"author-image-container\">\r\n                <div class=\"image-wrapper\">\r\n                    <div class=\"image-glow\"><\/div>\r\n                    <img decoding=\"async\" src=\"https:\/\/demowebdesign.live\/jordan\/wp-content\/uploads\/2026\/02\/001.png\" \r\n                         alt=\"Author Portrait\" \r\n                         class=\"author-image\">\r\n                    <div class=\"image-frame\"><\/div>\r\n                    <div class=\"corner-diamond top-left\"><\/div>\r\n                    <div class=\"corner-diamond top-right\"><\/div>\r\n                    <div class=\"corner-diamond bottom-left\"><\/div>\r\n                    <div class=\"corner-diamond bottom-right\"><\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Right Column - Content -->\r\n            <div class=\"author-content\">\r\n                <h1>The Architect of Awakening<\/h1>\r\n                <div class=\"subtitle\">Seeker \u00b7 Visionary \u00b7 Guide<\/div>\r\n\r\n                <div class=\"divider\"><\/div>\r\n\r\n                <div class=\"content\">\r\n                    <p>\r\n                        In the vast expanse between what is seen and what is known, there walks a soul who has pierced the veil of illusion. \r\n                        <span class=\"emphasis\">A keeper of ancient wisdom reborn in modern consciousness<\/span>, devoted to illuminating the path \r\n                        that leads from shadow into light. Through the alchemy of words and the resonance of truth, this voice emerges not to \r\n                        command, but to awaken that which already sleeps within each heart.\r\n                    <\/p>\r\n\r\n                    <p>\r\n                        The journey chronicled here is one of profound transformation\u2014a pilgrimage through the corridors of consciousness where \r\n                        fear dissolves and understanding blossoms. <span class=\"emphasis\">Each insight offered is a key, each reflection a mirror<\/span>, \r\n                        inviting the seeker to remember their inherent divinity and recognize the unity that binds all existence. This is not teaching \r\n                        imposed from without, but recognition stirred from within.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n    <\/div>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-98902cd e-con-full e-flex e-con e-child\" data-id=\"98902cd\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e2c64e4 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"e2c64e4\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"ornamental-divider\">\r\n  <span><\/span>\r\n<\/div>\r\n\r\n<style>\r\n    .ornamental-divider {\r\n  position: relative;\r\n  width: 100%;\r\n  height: 30px;\r\n  margin: 40px 0;\r\n}\r\n\r\n\/* Horizontal lines *\/\r\n.ornamental-divider::before,\r\n.ornamental-divider::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: 50%;\r\n  width: 50%;\r\n  height: 4px;\r\n  background: linear-gradient(\r\n    to right,\r\n    transparent,\r\n    #d4af37,\r\n    transparent\r\n  );\r\n}\r\n\r\n.ornamental-divider::before {\r\n  left: 0;\r\n}\r\n\r\n.ornamental-divider::after {\r\n  right: 0;\r\n}\r\n\r\n\/* Center ornament *\/\r\n.ornamental-divider span {\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  width: 16px;\r\n  height: 16px;\r\n  transform: translate(-50%, -50%) rotate(45deg);\r\n  border: 1px solid #d4af37;\r\n  box-shadow:\r\n    0 0 10px rgba(212,175,55,0.6);\r\n}\r\n\r\n\/* Inner diamond *\/\r\n.ornamental-divider span::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 4px;\r\n  background: #d4af37;\r\n}\r\n<\/style>\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<div class=\"elementor-element elementor-element-61c2b1e e-flex e-con-boxed e-con e-parent\" data-id=\"61c2b1e\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-cac9c3e e-con-full e-flex e-con e-child\" data-id=\"cac9c3e\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-705ec60 elementor-widget__width-initial heading elementor-widget-mobile__width-initial elementor-widget elementor-widget-heading\" data-id=\"705ec60\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">A Transformational Path Toward Awareness<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-011e234 elementor-widget elementor-widget-text-editor\" data-id=\"011e234\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"1008\" data-end=\"1093\">Uncover deeper understanding, reconnect with purpose, and step into conscious living.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-314eb8b elementor-align-center elementor-widget__width-initial btn elementor-widget-mobile__width-initial elementor-widget elementor-widget-button\" data-id=\"314eb8b\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Discover the Movement<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-200639e e-con-full e-flex e-con e-child\" data-id=\"200639e\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fd278de elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"fd278de\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"ornamental-divider\">\r\n  <span><\/span>\r\n<\/div>\r\n\r\n<style>\r\n    .ornamental-divider {\r\n  position: relative;\r\n  width: 100%;\r\n  height: 30px;\r\n  margin: 40px 0;\r\n}\r\n\r\n\/* Horizontal lines *\/\r\n.ornamental-divider::before,\r\n.ornamental-divider::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: 50%;\r\n  width: 50%;\r\n  height: 4px;\r\n  background: linear-gradient(\r\n    to right,\r\n    transparent,\r\n    #d4af37,\r\n    transparent\r\n  );\r\n}\r\n\r\n.ornamental-divider::before {\r\n  left: 0;\r\n}\r\n\r\n.ornamental-divider::after {\r\n  right: 0;\r\n}\r\n\r\n\/* Center ornament *\/\r\n.ornamental-divider span {\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  width: 16px;\r\n  height: 16px;\r\n  transform: translate(-50%, -50%) rotate(45deg);\r\n  border: 1px solid #d4af37;\r\n  box-shadow:\r\n    0 0 10px rgba(212,175,55,0.6);\r\n}\r\n\r\n\/* Inner diamond *\/\r\n.ornamental-divider span::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 4px;\r\n  background: #d4af37;\r\n}\r\n<\/style>\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<div class=\"elementor-element elementor-element-1931ab8 e-flex e-con-boxed e-con e-parent\" data-id=\"1931ab8\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-8ea86eb e-con-full e-flex e-con e-child\" data-id=\"8ea86eb\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1517a33 elementor-widget elementor-widget-html\" data-id=\"1517a33\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cinzel:wght@400;600;700&family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n\r\n\r\n       .container {\r\n    max-width: 1300px;\r\n    width: 100%;\r\n    padding-inline: clamp(1rem, 4vw, 2rem);\r\n    margin-inline: auto;\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* =========================\r\n   Section\r\n========================= *\/\r\n.testimonials-section {\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n\/* =========================\r\n   Header\r\n========================= *\/\r\n.section-header {\r\n    text-align: center;\r\n    margin-bottom: clamp(2.5rem, 6vw, 4rem);\r\n}\r\n\r\n.ornament-symbol {\r\n    display: inline-block;\r\n    color: #d4af37;\r\n    font-size: clamp(0.8rem, 1.5vw, 1rem);\r\n    letter-spacing: clamp(0.3rem, 1vw, 0.5rem);\r\n    opacity: 0.6;\r\n    margin-bottom: 1.25rem;\r\n    transition: all 0.4s ease;\r\n}\r\n\r\n.ornament-symbol:hover {\r\n    opacity: 1;\r\n    letter-spacing: 0.7rem;\r\n    transform: scale(1.1);\r\n}\r\n\r\nh1 {\r\n    font-family: 'Cinzel', serif;\r\n    font-size: clamp(1.8rem, 4.5vw, 3rem);\r\n    font-weight: 600;\r\n    margin-bottom: 1rem;\r\n    background: linear-gradient(135deg, #f4e4c1, #d4af37, #b8860b);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    letter-spacing: clamp(0.1rem, 0.4vw, 0.18rem);\r\n    line-height: 1.2;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.testimonial-subtitle {\r\n    font-size: clamp(1rem, 2.5vw, 1.3rem);\r\n    color: #c7c7c7;\r\n    font-style: italic;\r\n    text-align: center;\r\n}\r\n\r\n\/* =========================\r\n   Slider Layout\r\n========================= *\/\r\n.slider-container {\r\n    position: relative;\r\n    max-width: 1100px;\r\n    margin-inline: auto;\r\n    padding-inline: clamp(2.5rem, 6vw, 5rem);\r\n}\r\n\r\n.slider-wrapper {\r\n    overflow: hidden;\r\n}\r\n\r\n.slider-track {\r\n    display: flex;\r\n    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);\r\n}\r\n\r\n\/* =========================\r\n   Card\r\n========================= *\/\r\n.testimonial-card {\r\n    min-width: 100%;\r\n    padding-inline: clamp(0.5rem, 2vw, 2rem);\r\n    box-sizing: border-box;\r\n}\r\n\r\n.card-inner {\r\n    background: linear-gradient(135deg, rgba(30,20,15,0.65), rgba(20,15,10,0.45));\r\n    border: 1px solid rgba(212,175,55,0.25);\r\n    padding: clamp(2rem, 5vw, 3.5rem);\r\n    position: relative;\r\n    box-shadow: 0 10px 40px rgba(0,0,0,0.4);\r\n    transition: all 0.4s ease;\r\n}\r\n\r\n.card-inner:hover {\r\n    transform: translateY(-5px);\r\n    border-color: rgba(212,175,55,0.4);\r\n}\r\n\r\n\/* =========================\r\n   Quote Icon\r\n========================= *\/\r\n.quote-icon {\r\n    position: absolute;\r\n    top: clamp(1rem, 3vw, 2rem);\r\n    left: clamp(1rem, 3vw, 2.5rem);\r\n    font-size: clamp(2.5rem, 6vw, 4rem);\r\n    color: rgba(212,175,55,0.18);\r\n}\r\n\r\n\/* =========================\r\n   Text\r\n========================= *\/\r\n.testimonial-text {\r\n    font-size: clamp(1.05rem, 2.6vw, 1.35rem);\r\n    line-height: 1.85;\r\n    color: #d4d4d4;\r\n    font-style: italic;\r\n    text-align: center;\r\n    margin-bottom: 2.5rem;\r\n}\r\n\r\n\/* =========================\r\n   Divider\r\n========================= *\/\r\n.divider {\r\n    width: 70px;\r\n    height: 1px;\r\n    background: linear-gradient(90deg, transparent, rgba(212,175,55,.5), transparent);\r\n    margin: 0 auto 2rem;\r\n    position: relative;\r\n}\r\n\r\n.divider::before {\r\n    content: '\u2726';\r\n    position: absolute;\r\n    inset: 50%;\r\n    transform: translate(-50%, -50%);\r\n    font-size: 0.6rem;\r\n    color: #d4af37;\r\n    background: rgba(20,15,10,0.8);\r\n    padding-inline: 0.5rem;\r\n}\r\n\r\n\/* =========================\r\n   Author\r\n========================= *\/\r\n.author-info {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 0.75rem;\r\n}\r\n\r\n.author-avatar {\r\n    width: clamp(55px, 10vw, 70px);\r\n    height: clamp(55px, 10vw, 70px);\r\n    border-radius: 50%;\r\n    border: 2px solid rgba(212,175,55,0.3);\r\n    padding: 3px;\r\n}\r\n\r\n.author-avatar img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    border-radius: 50%;\r\n}\r\n\r\n.author-name {\r\n    font-family: 'Cinzel', serif;\r\n    font-size: clamp(0.95rem, 2.2vw, 1.15rem);\r\n    color: #d4af37;\r\n    letter-spacing: 0.08rem;\r\n    text-align: center !important;\r\n}\r\n\r\n.author-title {\r\n    font-size: clamp(0.85rem, 2vw, 1rem);\r\n    color: rgba(212,175,55,0.6);\r\n}\r\n\r\n\/* =========================\r\n   Rating\r\n========================= *\/\r\n.rating {\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 0.4rem;\r\n}\r\n\r\n.star {\r\n    font-size: 1.05rem;\r\n    color: #d4af37;\r\n}\r\n\r\n\/* =========================\r\n   Navigation\r\n========================= *\/\r\n.slider-nav {\r\n    position: absolute;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    width: clamp(38px, 7vw, 50px);\r\n    height: clamp(38px, 7vw, 50px);\r\n    border: 2px solid rgba(212,175,55,0.35);\r\n    background: rgba(20,15,10,0.8);\r\n    color: #d4af37;\r\n    font-size: clamp(1.1rem, 2.5vw, 1.5rem);\r\n    cursor: pointer;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    z-index: 10;\r\n    padding-top: 6px !important;\r\n}\r\n\r\n.slider-nav.prev { left: 0; }\r\n.slider-nav.next { right: 0; }\r\n\r\n\/* =========================\r\n   Dots\r\n========================= *\/\r\n.slider-dots {\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 0.8rem;\r\n    margin-top: 2.5rem;\r\n}\r\n\r\n.dot {\r\n    width: 9px;\r\n    height: 9px;\r\n    border-radius: 50%;\r\n    background: rgba(212,175,55,0.3);\r\n    cursor: pointer;\r\n}\r\n\r\n.dot.active {\r\n    background: #d4af37;\r\n    transform: scale(1.3);\r\n}\r\n\r\n\/* =========================\r\n   Small Devices Fixes\r\n========================= *\/\r\n@media (max-width: 480px) {\r\n    .slider-nav {\r\n        display: none;\r\n    }\r\n    .slider-container{\r\n        width: 100% !important;\r\n        padding: 0px !important;\r\n    }\r\n}\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <div class=\"container\">\r\n        <section class=\"testimonials-section\">\r\n            <!-- Header -->\r\n            <div class=\"section-header\">\r\n                <div class=\"ornament-symbol\">\u2726 \u2726 \u2726<\/div>\r\n                <h1>Voices of Awakening<\/h1>\r\n                <p class=\"testimonial-subtitle\">Testimonials from Seekers on the Path<\/p>\r\n            <\/div>\r\n\r\n            <!-- Slider -->\r\n            <div class=\"slider-container\">\r\n                <div class=\"slider-wrapper\">\r\n                    <div class=\"slider-track\">\r\n                        <!-- Testimonial 1 -->\r\n                        <div class=\"testimonial-card\">\r\n                            <div class=\"card-inner\">\r\n                                <div class=\"card-corner top-left\"><\/div>\r\n                                <div class=\"card-corner top-right\"><\/div>\r\n                                <div class=\"card-corner bottom-left\"><\/div>\r\n                                <div class=\"card-corner bottom-right\"><\/div>\r\n                                <div class=\"quote-icon\">\"<\/div>\r\n                                <div class=\"testimonial-content\">\r\n                                    <p class=\"testimonial-text\">\r\n                                        This sacred manuscript arrived in my life at the precise moment I needed it most. The wisdom contained within these pages dissolved years of confusion and awakened a profound understanding of my true nature. A transformative journey beyond words.\r\n                                    <\/p>\r\n                                    <div class=\"divider\"><\/div>\r\n                                    <div class=\"author-info\">\r\n                                        <div class=\"author-avatar\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1494790108377-be9c29b29330?w=150&h=150&fit=crop\" alt=\"Sarah M.\">\r\n                                        <\/div>\r\n                                        <div>\r\n                                            <div class=\"author-name\">Sarah M.<\/div>\r\n                                            <div class=\"author-title\">Spiritual Seeker \u00b7 California<\/div>\r\n                                            <div class=\"rating\">\r\n                                                <span class=\"star\">\u2605<\/span>\r\n                                                <span class=\"star\">\u2605<\/span>\r\n                                                <span class=\"star\">\u2605<\/span>\r\n                                                <span class=\"star\">\u2605<\/span>\r\n                                                <span class=\"star\">\u2605<\/span>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Testimonial 2 -->\r\n                        <div class=\"testimonial-card\">\r\n                            <div class=\"card-inner\">\r\n                                <div class=\"card-corner top-left\"><\/div>\r\n                                <div class=\"card-corner top-right\"><\/div>\r\n                                <div class=\"card-corner bottom-left\"><\/div>\r\n                                <div class=\"card-corner bottom-right\"><\/div>\r\n                                <div class=\"quote-icon\">\"<\/div>\r\n                                <div class=\"testimonial-content\">\r\n                                    <p class=\"testimonial-text\">\r\n                                        Every page resonates with a truth I have always felt but could never articulate. This work serves as both mirror and map, guiding me from the shadows of fear into the light of understanding. An essential companion for conscious evolution.\r\n                                    <\/p>\r\n                                    <div class=\"divider\"><\/div>\r\n                                    <div class=\"author-info\">\r\n                                        <div class=\"author-avatar\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1507003211169-0a1dd7228f2d?w=150&h=150&fit=crop\" alt=\"Michael Chen\">\r\n                                        <\/div>\r\n                                        <div>\r\n                                            <div class=\"author-name\">Michael Chen<\/div>\r\n                                            <div class=\"author-title\">Consciousness Researcher \u00b7 New York<\/div>\r\n                                            <div class=\"rating\">\r\n                                                <span class=\"star\">\u2605<\/span>\r\n                                                <span class=\"star\">\u2605<\/span>\r\n                                                <span class=\"star\">\u2605<\/span>\r\n                                                <span class=\"star\">\u2605<\/span>\r\n                                                <span class=\"star\">\u2605<\/span>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Testimonial 3 -->\r\n                        <div class=\"testimonial-card\">\r\n                            <div class=\"card-inner\">\r\n                                <div class=\"card-corner top-left\"><\/div>\r\n                                <div class=\"card-corner top-right\"><\/div>\r\n                                <div class=\"card-corner bottom-left\"><\/div>\r\n                                <div class=\"card-corner bottom-right\"><\/div>\r\n                                <div class=\"quote-icon\">\"<\/div>\r\n                                <div class=\"testimonial-content\">\r\n                                    <p class=\"testimonial-text\">\r\n                                        In a world of noise and distraction, this luminous guide cut through the illusion with crystalline clarity. The journey through these pages has been nothing short of a spiritual awakening, revealing the infinite love at the heart of existence.\r\n                                    <\/p>\r\n                                    <div class=\"divider\"><\/div>\r\n                                    <div class=\"author-info\">\r\n                                        <div class=\"author-avatar\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1438761681033-6461ffad8d80?w=150&h=150&fit=crop\" alt=\"Elena Rodriguez\">\r\n                                        <\/div>\r\n                                        <div>\r\n                                            <div class=\"author-name\">Elena Rodriguez<\/div>\r\n                                            <div class=\"author-title\">Meditation Teacher \u00b7 Arizona<\/div>\r\n                                            <div class=\"rating\">\r\n                                                <span class=\"star\">\u2605<\/span>\r\n                                                <span class=\"star\">\u2605<\/span>\r\n                                                <span class=\"star\">\u2605<\/span>\r\n                                                <span class=\"star\">\u2605<\/span>\r\n                                                <span class=\"star\">\u2605<\/span>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Navigation -->\r\n                <button class=\"slider-nav prev\" onclick=\"moveSlide(-1)\">\u2039<\/button>\r\n                <button class=\"slider-nav next\" onclick=\"moveSlide(1)\">\u203a<\/button>\r\n            <\/div>\r\n\r\n            <!-- Dots -->\r\n            <div class=\"slider-dots\">\r\n                <span class=\"dot active\" onclick=\"goToSlide(0)\"><\/span>\r\n                <span class=\"dot\" onclick=\"goToSlide(1)\"><\/span>\r\n                <span class=\"dot\" onclick=\"goToSlide(2)\"><\/span>\r\n            <\/div>\r\n        <\/section>\r\n    <\/div>\r\n\r\n    <script>\r\n        let currentSlide = 0;\r\n        const totalSlides = 3;\r\n\r\n        function moveSlide(direction) {\r\n            currentSlide += direction;\r\n            \r\n            if (currentSlide < 0) {\r\n                currentSlide = totalSlides - 1;\r\n            } else if (currentSlide >= totalSlides) {\r\n                currentSlide = 0;\r\n            }\r\n            \r\n            updateSlider();\r\n        }\r\n\r\n        function goToSlide(index) {\r\n            currentSlide = index;\r\n            updateSlider();\r\n        }\r\n\r\n        function updateSlider() {\r\n            const track = document.querySelector('.slider-track');\r\n            track.style.transform = `translateX(-${currentSlide * 100}%)`;\r\n            \r\n            \/\/ Update dots\r\n            document.querySelectorAll('.dot').forEach((dot, index) => {\r\n                dot.classList.toggle('active', index === currentSlide);\r\n            });\r\n        }\r\n\r\n        \/\/ Auto-play slider (optional)\r\n        setInterval(() => {\r\n            moveSlide(1);\r\n        }, 8000);\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f376ced e-con-full e-flex e-con e-child\" data-id=\"f376ced\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c61355f elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"c61355f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"ornamental-divider\">\r\n  <span><\/span>\r\n<\/div>\r\n\r\n<style>\r\n    .ornamental-divider {\r\n  position: relative;\r\n  width: 100%;\r\n  height: 30px;\r\n  margin: 40px 0;\r\n}\r\n\r\n\/* Horizontal lines *\/\r\n.ornamental-divider::before,\r\n.ornamental-divider::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: 50%;\r\n  width: 50%;\r\n  height: 4px;\r\n  background: linear-gradient(\r\n    to right,\r\n    transparent,\r\n    #d4af37,\r\n    transparent\r\n  );\r\n}\r\n\r\n.ornamental-divider::before {\r\n  left: 0;\r\n}\r\n\r\n.ornamental-divider::after {\r\n  right: 0;\r\n}\r\n\r\n\/* Center ornament *\/\r\n.ornamental-divider span {\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  width: 16px;\r\n  height: 16px;\r\n  transform: translate(-50%, -50%) rotate(45deg);\r\n  border: 1px solid #d4af37;\r\n  box-shadow:\r\n    0 0 10px rgba(212,175,55,0.6);\r\n}\r\n\r\n\/* Inner diamond *\/\r\n.ornamental-divider span::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 4px;\r\n  background: #d4af37;\r\n}\r\n<\/style>\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<div class=\"elementor-element elementor-element-8e32dc4 e-flex e-con-boxed e-con e-parent\" data-id=\"8e32dc4\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-747e47a e-con-full e-flex e-con e-child\" data-id=\"747e47a\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8425af3 elementor-widget elementor-widget-html\" data-id=\"8425af3\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cinzel:wght@400;600;700&family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n\r\n        .cta-section {\r\n            width: 100%;\r\n            max-width: 1400px;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .cta-container {\r\n            background: linear-gradient(135deg, rgba(20, 15, 10, 0.95) 0%, rgba(30, 20, 15, 0.9) 100%);\r\n            border: 1px solid rgba(212, 175, 55, 0.3);\r\n            border-radius: 2px;\r\n            padding: 4rem 3rem;\r\n            position: relative;\r\n            overflow: hidden;\r\n            box-shadow: \r\n                0 20px 60px rgba(0, 0, 0, 0.6),\r\n                inset 0 1px 0 rgba(212, 175, 55, 0.1);\r\n            transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n        }\r\n\r\n        .cta-container::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            background: \r\n                radial-gradient(circle at 20% 30%, rgba(212, 175, 55, 0.03) 0%, transparent 50%),\r\n                radial-gradient(circle at 80% 70%, rgba(184, 134, 11, 0.02) 0%, transparent 50%);\r\n            pointer-events: none;\r\n        }\r\n\r\n        .cta-container::after {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: -100%;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: linear-gradient(90deg, transparent, rgba(212, 175, 55, 0.05), transparent);\r\n            transition: all 0.8s ease;\r\n        }\r\n\r\n        .cta-container:hover::after {\r\n            left: 100%;\r\n        }\r\n\r\n        .cta-container:hover {\r\n            border-color: rgba(212, 175, 55, 0.5);\r\n            box-shadow: \r\n                0 25px 70px rgba(0, 0, 0, 0.7),\r\n                0 0 40px rgba(212, 175, 55, 0.15),\r\n                inset 0 1px 0 rgba(212, 175, 55, 0.2);\r\n        }\r\n\r\n        \/* Corner Decorations *\/\r\n        .corner-decoration {\r\n            position: absolute;\r\n            width: 40px;\r\n            height: 40px;\r\n            border: 2px solid rgba(212, 175, 55, 0.3);\r\n            transition: all 0.5s ease;\r\n        }\r\n\r\n        .corner-decoration.top-left {\r\n            top: 1.5rem;\r\n            left: 1.5rem;\r\n            border-right: none;\r\n            border-bottom: none;\r\n        }\r\n\r\n        .corner-decoration.top-right {\r\n            top: 1.5rem;\r\n            right: 1.5rem;\r\n            border-left: none;\r\n            border-bottom: none;\r\n        }\r\n\r\n        .corner-decoration.bottom-left {\r\n            bottom: 1.5rem;\r\n            left: 1.5rem;\r\n            border-right: none;\r\n            border-top: none;\r\n        }\r\n\r\n        .corner-decoration.bottom-right {\r\n            bottom: 1.5rem;\r\n            right: 1.5rem;\r\n            border-left: none;\r\n            border-top: none;\r\n        }\r\n\r\n        .cta-container:hover .corner-decoration {\r\n            border-color: rgba(212, 175, 55, 0.6);\r\n        }\r\n\r\n        .cta-container:hover .corner-decoration.top-left {\r\n            top: 1rem;\r\n            left: 1rem;\r\n        }\r\n\r\n        .cta-container:hover .corner-decoration.top-right {\r\n            top: 1rem;\r\n            right: 1rem;\r\n        }\r\n\r\n        .cta-container:hover .corner-decoration.bottom-left {\r\n            bottom: 1rem;\r\n            left: 1rem;\r\n        }\r\n\r\n        .cta-container:hover .corner-decoration.bottom-right {\r\n            bottom: 1rem;\r\n            right: 1rem;\r\n        }\r\n\r\n        \/* Content *\/\r\n        .cta-content {\r\n            text-align: center;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .ornament-symbol {\r\n            display: inline-block;\r\n            color: #d4af37;\r\n            font-size: 1rem;\r\n            letter-spacing: 0.5rem;\r\n            opacity: 0.6;\r\n            margin-bottom: 1.5rem;\r\n            transition: all 0.4s ease;\r\n        }\r\n\r\n        .cta-container:hover .ornament-symbol {\r\n            opacity: 1;\r\n            letter-spacing: 0.7rem;\r\n            transform: scale(1.1);\r\n        }\r\n\r\n        h2 {\r\n            font-family: 'Cinzel', serif;\r\n            font-size: 3.2rem;\r\n            font-weight: 600;\r\n            margin-bottom: 1.25rem;\r\n            background: linear-gradient(135deg, #f4e4c1 0%, #d4af37 50%, #b8860b 100%);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            background-clip: text;\r\n            letter-spacing: 0.2rem;\r\n            line-height: 1.2;\r\n            text-transform: uppercase;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .cta-container:hover h2 {\r\n            letter-spacing: 0.25rem;\r\n        }\r\n\r\n        .cta-description {\r\n            font-size: 1.25rem;\r\n            line-height: 1.6;\r\n            color: #c4c4c4;\r\n            margin-bottom: 3rem;\r\n            letter-spacing: 0.05rem;\r\n            font-style: italic;\r\n            max-width: 800px;\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .cta-container:hover .cta-description {\r\n            color: #d4d4d4;\r\n        }\r\n\r\n        \/* Form *\/\r\n        .cta-form {\r\n            display: flex;\r\n            gap: 1rem;\r\n            max-width: 600px;\r\n            margin: 0 auto;\r\n            align-items: stretch;\r\n        }\r\n\r\n        .input-wrapper {\r\n            flex: 1;\r\n            position: relative;\r\n        }\r\n\r\n        .cta-input {\r\n            width: 100%;\r\n            padding: 1.77rem 1.59rem !important;\r\n            background: linear-gradient(135deg, rgba(40, 30, 25, 0.6) 0%, rgba(30, 20, 15, 0.4) 100%);\r\n            border: 1px solid rgba(212, 175, 55, 0.25);\r\n            border-radius: 2px;\r\n            color: #e8e8e8;\r\n            font-size: 1rem;\r\n            font-family: 'Cormorant Garamond', serif;\r\n            letter-spacing: 0.05rem;\r\n            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n            outline: none;\r\n        }\r\n\r\n        .cta-input::placeholder {\r\n            color: rgba(212, 175, 55, 0.4);\r\n            font-style: italic;\r\n        }\r\n\r\n        .cta-input:focus {\r\n            background: linear-gradient(135deg, rgba(40, 30, 25, 0.8) 0%, rgba(30, 20, 15, 0.6) 100%);\r\n            border-color: rgba(212, 175, 55, 0.5);\r\n            box-shadow: \r\n                0 5px 20px rgba(0, 0, 0, 0.3),\r\n                0 0 20px rgba(212, 175, 55, 0.1);\r\n            transform: translateY(-2px);\r\n        }\r\n\r\n        .cta-input:hover {\r\n            border-color: rgba(212, 175, 55, 0.4);\r\n        }\r\n\r\n        \/* Submit Button *\/\r\n        .cta-button {\r\n            padding: 1.25rem 3rem;\r\n            background: linear-gradient(135deg, #d4af37 0%, #b8860b 100%);\r\n            border: 2px solid #d4af37;\r\n            border-radius: 2px;\r\n            color: #0a0a0f;\r\n            font-size: 1rem;\r\n            font-family: 'Cinzel', serif;\r\n            font-weight: 600;\r\n            letter-spacing: 0.2rem;\r\n            text-transform: uppercase;\r\n            cursor: pointer;\r\n            position: relative;\r\n            overflow: hidden;\r\n            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n            box-shadow: \r\n                0 5px 20px rgba(212, 175, 55, 0.3),\r\n                inset 0 1px 0 rgba(255, 255, 255, 0.2);\r\n        }\r\n\r\n        .cta-button::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 50%;\r\n            left: 50%;\r\n            width: 0;\r\n            height: 0;\r\n            border-radius: 50%;\r\n            background: rgba(255, 255, 255, 0.3);\r\n            transform: translate(-50%, -50%);\r\n            transition: width 0.6s ease, height 0.6s ease;\r\n        }\r\n\r\n        .cta-button:hover::before {\r\n            width: 300px;\r\n            height: 300px;\r\n        }\r\n\r\n        .cta-button:hover {\r\n            transform: translateY(-3px);\r\n            background: linear-gradient(135deg, #f4e4c1 0%, #d4af37 100%);\r\n            border-color: #f4e4c1;\r\n            box-shadow: \r\n                0 8px 30px rgba(212, 175, 55, 0.5),\r\n                0 0 30px rgba(212, 175, 55, 0.3),\r\n                inset 0 1px 0 rgba(255, 255, 255, 0.3);\r\n        }\r\n\r\n        .cta-button:active {\r\n            transform: translateY(-1px);\r\n        }\r\n\r\n        .cta-button span {\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n\r\n        \/* Button Corner Diamonds *\/\r\n        .button-diamond {\r\n            position: absolute;\r\n            width: 6px;\r\n            height: 6px;\r\n            background: #0a0a0f;\r\n            transform: rotate(45deg);\r\n            transition: all 0.4s ease;\r\n            z-index: 2;\r\n        }\r\n\r\n        .button-diamond.top-left {\r\n            top: 8px;\r\n            left: 8px;\r\n        }\r\n\r\n        .button-diamond.top-right {\r\n            top: 8px;\r\n            right: 8px;\r\n        }\r\n\r\n        .button-diamond.bottom-left {\r\n            bottom: 8px;\r\n            left: 8px;\r\n        }\r\n\r\n        .button-diamond.bottom-right {\r\n            bottom: 8px;\r\n            right: 8px;\r\n        }\r\n\r\n        .cta-button:hover .button-diamond {\r\n            background: rgba(10, 10, 15, 0.5);\r\n        }\r\n\r\n        \/* Divider above form *\/\r\n        .divider {\r\n            width: 120px;\r\n            height: 1px;\r\n            background: linear-gradient(90deg, \r\n                transparent 0%, \r\n                rgba(212, 175, 55, 0.5) 50%, \r\n                transparent 100%);\r\n            margin: 0 auto 3rem;\r\n            position: relative;\r\n        }\r\n\r\n        .divider::before {\r\n            content: '\u2726';\r\n            position: absolute;\r\n            top: 50%;\r\n            left: 50%;\r\n            transform: translate(-50%, -50%);\r\n            color: #d4af37;\r\n            font-size: 0.6rem;\r\n            background: rgba(20, 15, 10, 0.9);\r\n            padding: 0 0.5rem;\r\n            transition: all 0.4s ease;\r\n        }\r\n\r\n        .cta-container:hover .divider::before {\r\n            color: #f4e4c1;\r\n            transform: translate(-50%, -50%) rotate(90deg);\r\n        }\r\n\r\n        \/* Responsive Design *\/\r\n        @media (max-width: 768px) {\r\n            .cta-container {\r\n                padding: 3rem 2rem;\r\n            }\r\n\r\n            h2 {\r\n                font-size: 2.2rem;\r\n                letter-spacing: 0.15rem;\r\n            }\r\n\r\n            .cta-description {\r\n                font-size: 1.1rem;\r\n                margin-bottom: 2.5rem;\r\n            }\r\n\r\n            .cta-form {\r\n                flex-direction: column;\r\n                gap: 1rem;\r\n            }\r\n\r\n            .cta-button {\r\n                width: 100%;\r\n                padding: 1.25rem 2rem;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .cta-container {\r\n                padding: 2.5rem 1.5rem;\r\n            }\r\n\r\n            h2 {\r\n                font-size: 1.8rem;\r\n                letter-spacing: 0.1rem;\r\n            }\r\n\r\n            .ornament-symbol {\r\n                font-size: 0.85rem;\r\n                letter-spacing: 0.4rem;\r\n            }\r\n\r\n            .cta-description {\r\n                font-size: 1rem;\r\n                margin-bottom: 2rem;\r\n            }\r\n\r\n            .cta-input {\r\n                padding: 1.1rem 1.5rem;\r\n                font-size: 0.95rem;\r\n            }\r\n\r\n            .cta-button {\r\n                padding: 1.1rem 1.5rem;\r\n                font-size: 0.9rem;\r\n                letter-spacing: 0.15rem;\r\n            }\r\n\r\n            .corner-decoration {\r\n                width: 30px;\r\n                height: 30px;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <section class=\"cta-section\">\r\n        <div class=\"cta-container\">\r\n            <div class=\"corner-decoration top-left\"><\/div>\r\n            <div class=\"corner-decoration top-right\"><\/div>\r\n            <div class=\"corner-decoration bottom-left\"><\/div>\r\n            <div class=\"corner-decoration bottom-right\"><\/div>\r\n            \r\n            <div class=\"cta-content\">\r\n                <div class=\"ornament-symbol\">\u2726 \u2726 \u2726<\/div>\r\n                \r\n                <h2>The Truth Is Within You<\/h2>\r\n                \r\n                <p class=\"cta-description\">\r\n                    Be the first to receive transformative insights and exclusive offerings\r\n                <\/p>\r\n                \r\n                <div class=\"divider\"><\/div>\r\n                \r\n                <form class=\"cta-form\" onsubmit=\"handleSubmit(event)\">\r\n                    <div class=\"input-wrapper\">\r\n                        <input \r\n                            type=\"email\" \r\n                            class=\"cta-input\" \r\n                            placeholder=\"Your Email\" \r\n                            required\r\n                            aria-label=\"Email Address\"\r\n                        >\r\n                    <\/div>\r\n                    <button type=\"submit\" class=\"cta-button\">\r\n                        <div class=\"button-diamond top-left\"><\/div>\r\n                        <div class=\"button-diamond top-right\"><\/div>\r\n                        <div class=\"button-diamond bottom-left\"><\/div>\r\n                        <div class=\"button-diamond bottom-right\"><\/div>\r\n                        <span>Subscribe<\/span>\r\n                    <\/button>\r\n                <\/form>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <script>\r\n        function handleSubmit(event) {\r\n            event.preventDefault();\r\n            const email = event.target.querySelector('input[type=\"email\"]').value;\r\n            console.log('Email submitted:', email);\r\n            \/\/ Add your subscription logic here\r\n            alert('Thank you for subscribing! Your journey begins now.');\r\n            event.target.reset();\r\n        }\r\n    <\/script>\r\n<\/body>\r\n<\/html>\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":"<p>The Architect of Awakening Seeker \u00b7 Visionary \u00b7 Guide In the vast expanse between what is seen and what is [&hellip;]<\/p>\n","protected":false},"author":1,"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":"","ast-disable-related-posts":"","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-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":""},"class_list":["post-26","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demowebdesign.live\/jordan\/index.php\/wp-json\/wp\/v2\/pages\/26","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demowebdesign.live\/jordan\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demowebdesign.live\/jordan\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demowebdesign.live\/jordan\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demowebdesign.live\/jordan\/index.php\/wp-json\/wp\/v2\/comments?post=26"}],"version-history":[{"count":64,"href":"https:\/\/demowebdesign.live\/jordan\/index.php\/wp-json\/wp\/v2\/pages\/26\/revisions"}],"predecessor-version":[{"id":498,"href":"https:\/\/demowebdesign.live\/jordan\/index.php\/wp-json\/wp\/v2\/pages\/26\/revisions\/498"}],"wp:attachment":[{"href":"https:\/\/demowebdesign.live\/jordan\/index.php\/wp-json\/wp\/v2\/media?parent=26"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}