{"id":9,"date":"2019-10-29T10:04:28","date_gmt":"2019-10-29T10:04:28","guid":{"rendered":"https:\/\/demo.casethemes.net\/consultio-corporate2\/?page_id=9"},"modified":"2026-08-07T14:49:51","modified_gmt":"2026-08-07T13:49:51","slug":"home","status":"publish","type":"page","link":"https:\/\/www.ocjdesigns.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"9\" class=\"elementor elementor-9\">\n\t\t\t\t        <section class=\"elementor-section elementor-top-section elementor-element elementor-element-53883b2 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default ct-header-fixed-none ct-row-max-none\" data-id=\"53883b2\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n            \n                        <div class=\"elementor-container elementor-column-gap-no \">\n                    <div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6340162\" data-id=\"6340162\" data-element_type=\"column\" data-e-type=\"column\">\n        <div class=\"elementor-widget-wrap elementor-element-populated\">\n                    \n        \t\t<div class=\"elementor-element elementor-element-490fe63 elementor-widget elementor-widget-html\" data-id=\"490fe63\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Add this CSS to your stylesheet or inside a <style> tag -->\r\n<style>\r\n    \/* CSS Reset & Encapsulated Scope *\/\r\n    .hero-luxury-single-scope * {\r\n        box-sizing: border-box;\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n\r\n    .hero-luxury-single-scope {\r\n        --bg-color: #000000;\r\n        --text-main: #cccccc;\r\n        --heading-color: #ffffff;\r\n        --accent-gold: #c5a059;\r\n        --accent-gold-hover: #dfbc77;\r\n        --border-gold: rgba(197, 160, 89, 0.35);\r\n        --font-serif: 'Cormorant Garamond', serif;\r\n        --font-sans: 'Montserrat', sans-serif;\r\n        \r\n        background-color: var(--bg-color);\r\n        font-family: var(--font-sans);\r\n        -webkit-font-smoothing: antialiased;\r\n        width: 100%;\r\n        position: relative;\r\n        overflow: hidden;\r\n        padding-top: 60px;\r\n    }\r\n\r\n    \/* Single Hero Container *\/\r\n    .hero-luxury-single-scope .luxury-hero-container {\r\n        position: relative;\r\n        width: 100%;\r\n        min-height: 85vh;\r\n        display: flex;\r\n        align-items: center;\r\n        background-color: #000000;\r\n    }\r\n\r\n    \/* Content Layout *\/\r\n    .hero-luxury-single-scope .luxury-content-wrapper {\r\n        position: relative;\r\n        z-index: 2;\r\n        max-width: 1300px;\r\n        margin: 0 auto;\r\n        width: 100%;\r\n        padding: 80px 40px;\r\n    }\r\n\r\n    .hero-luxury-single-scope .luxury-text-col {\r\n        max-width: 750px;\r\n    }\r\n\r\n    \/* Subtitle Tag *\/\r\n    .hero-luxury-single-scope .luxury-badge {\r\n        font-size: 0.8rem;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.4em;\r\n        color: var(--accent-gold);\r\n        margin-bottom: 25px;\r\n        display: block;\r\n        font-weight: 600;\r\n    }\r\n\r\n    \/* Luxury Serif Title *\/\r\n    .hero-luxury-single-scope .luxury-title {\r\n        font-family: var(--font-serif);\r\n        font-size: clamp(3.2rem, 5.5vw, 5.2rem);\r\n        font-weight: 400;\r\n        color: var(--heading-color);\r\n        line-height: 1.1;\r\n        margin-bottom: 30px;\r\n    }\r\n\r\n    .hero-luxury-single-scope .luxury-title span {\r\n        font-style: italic;\r\n        color: var(--accent-gold);\r\n    }\r\n\r\n    \/* Description *\/\r\n    .hero-luxury-single-scope .luxury-desc {\r\n        font-size: 1.05rem;\r\n        color: var(--text-main);\r\n        line-height: 1.85;\r\n        font-weight: 300;\r\n        margin-bottom: 45px;\r\n        max-width: 620px;\r\n    }\r\n\r\n    \/* Action Buttons Group *\/\r\n    .hero-luxury-single-scope .luxury-btn-group {\r\n        display: flex;\r\n        gap: 20px;\r\n        flex-wrap: wrap;\r\n        align-items: center;\r\n    }\r\n\r\n    \/* Primary Gold Button with Arrow *\/\r\n    .hero-luxury-single-scope .btn-gold {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 12px;\r\n        font-family: var(--font-sans);\r\n        font-size: 0.8rem;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.25em;\r\n        color: #000000;\r\n        background-color: var(--accent-gold);\r\n        padding: 20px 35px;\r\n        border-radius: 2px;\r\n        text-decoration: none;\r\n        font-weight: 600;\r\n        transition: background-color 0.4s ease, transform 0.3s ease, box-shadow 0.3s ease;\r\n        box-shadow: 0 10px 30px rgba(197, 160, 89, 0.25);\r\n    }\r\n\r\n    .hero-luxury-single-scope .btn-gold svg {\r\n        width: 16px;\r\n        height: 16px;\r\n        transition: transform 0.3s ease;\r\n    }\r\n\r\n    .hero-luxury-single-scope .btn-gold:hover {\r\n        background-color: var(--accent-gold-hover);\r\n        transform: translateY(-3px);\r\n        box-shadow: 0 15px 35px rgba(197, 160, 89, 0.4);\r\n    }\r\n\r\n    .hero-luxury-single-scope .btn-gold:hover svg {\r\n        transform: translateX(4px);\r\n    }\r\n\r\n    \/* Secondary Outlined Button *\/\r\n    .hero-luxury-single-scope .btn-outline {\r\n        display: inline-block;\r\n        font-family: var(--font-sans);\r\n        font-size: 0.8rem;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.25em;\r\n        color: var(--heading-color);\r\n        background-color: transparent;\r\n        border: 1px solid var(--border-gold);\r\n        padding: 20px 35px;\r\n        border-radius: 2px;\r\n        text-decoration: none;\r\n        font-weight: 500;\r\n        transition: border-color 0.4s ease, background-color 0.4s ease, transform 0.3s ease;\r\n    }\r\n\r\n    .hero-luxury-single-scope .btn-outline:hover {\r\n        border-color: var(--accent-gold);\r\n        background-color: rgba(197, 160, 89, 0.05);\r\n        transform: translateY(-3px);\r\n    }\r\n\r\n    \/* Responsive Design *\/\r\n    @media (max-width: 900px) {\r\n        .hero-luxury-single-scope {\r\n            padding-top: 40px;\r\n        }\r\n\r\n        .hero-luxury-single-scope .luxury-content-wrapper {\r\n            padding: 60px 20px;\r\n        }\r\n\r\n        .hero-luxury-single-scope .luxury-hero-container {\r\n            min-height: auto;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<!-- Encapsulated Luxury Single Hero Component with Solid Black Background -->\r\n<div class=\"hero-luxury-single-scope\">\r\n    <div class=\"luxury-hero-container\">\r\n        <div class=\"luxury-content-wrapper\">\r\n            <div class=\"luxury-text-col\">\r\n                <span class=\"luxury-badge\">OC ELEGANCE<\/span>\r\n                <h1 class=\"luxury-title\">STARTED BY NATURE \u2014 <span>FINISHED BY HAND<\/span><\/h1>\r\n                <p class=\"luxury-desc\">40+ Years of Experience. Expert jewelry craftsmanship backed by decades of hands-on work.<\/p>\r\n                <div class=\"luxury-btn-group\">\r\n                    <a href=\"https:\/\/www.ocjdesigns.com\/index.php\/gallery\/\" class=\"btn-gold\">\r\n                        View Gallery\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\r\n                    <\/a>\r\n                    <a href=\"https:\/\/www.ocjdesigns.com\/index.php\/contact-v-4\/\" class=\"btn-outline\">Book a Consultation<\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3f7e49c elementor-widget elementor-widget-image-carousel\" data-id=\"3f7e49c\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;slides_to_show&quot;:&quot;5&quot;,&quot;navigation&quot;:&quot;none&quot;,&quot;slides_to_scroll&quot;:&quot;5&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;pause_on_hover&quot;:&quot;yes&quot;,&quot;pause_on_interaction&quot;:&quot;yes&quot;,&quot;autoplay_speed&quot;:5000,&quot;infinite&quot;:&quot;yes&quot;,&quot;speed&quot;:500}\" data-widget_type=\"image-carousel.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-image-carousel-wrapper swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Image Carousel\" dir=\"ltr\">\n\t\t\t<div class=\"elementor-image-carousel swiper-wrapper swiper-image-stretch\" aria-live=\"off\">\n\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"1 of 5\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/www.ocjdesigns.com\/wp-content\/uploads\/2026\/07\/90a441_c4687bd4fc7a4465b51d22347cd88d21mv2.png\" alt=\"90a441_c4687bd4fc7a4465b51d22347cd88d21mv2\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"2 of 5\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/www.ocjdesigns.com\/wp-content\/uploads\/2026\/07\/90a441_86bd58d08ee845f186314d62d8790a92mv2.png\" alt=\"90a441_86bd58d08ee845f186314d62d8790a92mv2\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"3 of 5\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/www.ocjdesigns.com\/wp-content\/uploads\/2026\/07\/90a441_cf2ba6d6545b4aea916afb73a9ca12bcmv2.png\" alt=\"90a441_cf2ba6d6545b4aea916afb73a9ca12bc~mv2\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"4 of 5\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/www.ocjdesigns.com\/wp-content\/uploads\/2026\/07\/90a441_35d2317cb9f348889fd4fd40fe51e90amv2.png\" alt=\"90a441_35d2317cb9f348889fd4fd40fe51e90a~mv2\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"5 of 5\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/www.ocjdesigns.com\/wp-content\/uploads\/2026\/07\/90a441_2c79068e96a4415698c3f136a4995bc4mv2.png\" alt=\"90a441_2c79068e96a4415698c3f136a4995bc4~mv2\" \/><\/figure><\/div>\t\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0582337 elementor-widget elementor-widget-html\" data-id=\"0582337\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Add this CSS to your stylesheet or inside a <style> tag -->\r\n<style>\r\n    \/* CSS Reset & Encapsulated Scope *\/\r\n    .masterpiece-section-scope * {\r\n        box-sizing: border-box;\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n\r\n    .masterpiece-section-scope {\r\n        --bg-color: #0c0c0c;\r\n        --card-bg: #131313;\r\n        --card-border: rgba(197, 160, 89, 0.25);\r\n        --card-border-hover: rgba(197, 160, 89, 0.6);\r\n        --text-main: #b8b8b8;\r\n        --heading-color: #f4f4f4;\r\n        --accent-gold: #c5a059;\r\n        --accent-gold-light: #dfbe7d;\r\n        --font-serif: 'Cormorant Garamond', serif;\r\n        --font-sans: 'Montserrat', sans-serif;\r\n        \r\n        background-color: var(--bg-color);\r\n        font-family: var(--font-sans);\r\n        -webkit-font-smoothing: antialiased;\r\n        width: 100%;\r\n        color: var(--text-main);\r\n        padding: 120px 20px;\r\n    }\r\n\r\n    \/* Main Container *\/\r\n    .masterpiece-section-scope .masterpiece-container {\r\n        max-width: 1400px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    \/* Asymmetric Grid: Left Image, Right Content *\/\r\n    .masterpiece-section-scope .masterpiece-grid {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1.25fr;\r\n        gap: 70px;\r\n        align-items: start;\r\n    }\r\n\r\n    \/* Left Column: Sticky Image Styling *\/\r\n    .masterpiece-section-scope .masterpiece-image-wrapper {\r\n        position: sticky;\r\n        top: 100px;\r\n        padding: 20px;\r\n        background: linear-gradient(145deg, #141414, #090909);\r\n        border: 1px solid var(--card-border);\r\n        border-radius: 4px;\r\n        box-shadow: 0 20px 40px rgba(0,0,0,0.5);\r\n    }\r\n\r\n    .masterpiece-section-scope .masterpiece-image-container {\r\n        width: 100%;\r\n        position: relative;\r\n        overflow: hidden;\r\n        border-radius: 2px;\r\n    }\r\n\r\n    .masterpiece-section-scope .masterpiece-image-container img {\r\n        width: 100%;\r\n        height: auto;\r\n        min-height: 650px;\r\n        object-fit: cover;\r\n        display: block;\r\n        transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);\r\n        filter: contrast(1.05) saturate(1.05);\r\n    }\r\n\r\n    .masterpiece-section-scope .masterpiece-image-container:hover img {\r\n        transform: scale(1.03);\r\n    }\r\n\r\n    \/* Right Column: Content Stack *\/\r\n    .masterpiece-section-scope .masterpiece-content {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 30px;\r\n    }\r\n\r\n    .masterpiece-section-scope .masterpiece-subtitle {\r\n        font-size: 0.75rem;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.35em;\r\n        color: var(--accent-gold);\r\n        margin-bottom: 12px;\r\n        display: block;\r\n        font-weight: 600;\r\n    }\r\n\r\n    .masterpiece-section-scope .masterpiece-title {\r\n        font-family: var(--font-serif);\r\n        font-size: clamp(2.5rem, 4vw, 3.8rem);\r\n        font-weight: 400;\r\n        color: var(--heading-color);\r\n        line-height: 1.15;\r\n        margin-bottom: 15px;\r\n    }\r\n\r\n    .masterpiece-section-scope .masterpiece-title span {\r\n        font-style: italic;\r\n        color: var(--accent-gold);\r\n    }\r\n\r\n    .masterpiece-section-scope .masterpiece-desc {\r\n        font-size: 1.05rem;\r\n        color: var(--text-main);\r\n        line-height: 1.85;\r\n        font-weight: 300;\r\n        margin-bottom: 10px;\r\n    }\r\n\r\n    \/* Features Grid (2 columns for the 4 core pillars) *\/\r\n    .masterpiece-section-scope .masterpiece-features-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(2, 1fr);\r\n        gap: 20px;\r\n        margin-top: 10px;\r\n    }\r\n\r\n    .masterpiece-section-scope .masterpiece-card {\r\n        background: linear-gradient(135deg, var(--card-bg), #0f0f0f);\r\n        border: 1px solid var(--card-border);\r\n        border-radius: 4px;\r\n        padding: 30px 24px;\r\n        position: relative;\r\n        overflow: hidden;\r\n        transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\r\n        box-shadow: 0 10px 30px rgba(0,0,0,0.3);\r\n    }\r\n\r\n    .masterpiece-section-scope .masterpiece-card::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 3px;\r\n        height: 0;\r\n        background-color: var(--accent-gold);\r\n        transition: height 0.4s cubic-bezier(0.16, 1, 0.3, 1);\r\n    }\r\n\r\n    .masterpiece-section-scope .masterpiece-card:hover {\r\n        border-color: var(--card-border-hover);\r\n        transform: translateY(-3px);\r\n        box-shadow: 0 15px 40px rgba(0,0,0,0.5);\r\n    }\r\n\r\n    .masterpiece-section-scope .masterpiece-card:hover::before {\r\n        height: 100%;\r\n    }\r\n\r\n    .masterpiece-section-scope .masterpiece-card h3 {\r\n        font-family: var(--font-serif);\r\n        font-size: 1.35rem;\r\n        color: var(--heading-color);\r\n        margin-bottom: 10px;\r\n        font-weight: 400;\r\n    }\r\n\r\n    .masterpiece-section-scope .masterpiece-card p {\r\n        font-size: 0.9rem;\r\n        color: var(--text-main);\r\n        line-height: 1.75;\r\n        font-weight: 300;\r\n    }\r\n\r\n    \/* CTA Banner Card *\/\r\n    .masterpiece-section-scope .masterpiece-cta-card {\r\n        background: linear-gradient(135deg, #1a160e, #101010);\r\n        border: 1px solid var(--accent-gold);\r\n        border-radius: 4px;\r\n        padding: 40px;\r\n        text-align: center;\r\n        box-shadow: 0 15px 35px rgba(0,0,0,0.4);\r\n        margin-top: 10px;\r\n    }\r\n\r\n    .masterpiece-section-scope .masterpiece-cta-title {\r\n        font-family: var(--font-serif);\r\n        font-size: clamp(1.4rem, 2.2vw, 1.8rem);\r\n        color: var(--heading-color);\r\n        font-weight: 400;\r\n        letter-spacing: 0.05em;\r\n        margin-bottom: 25px;\r\n    }\r\n\r\n    .masterpiece-section-scope .masterpiece-btn {\r\n        display: inline-block;\r\n        font-family: var(--font-sans);\r\n        font-size: 0.8rem;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.3em;\r\n        color: #0c0c0c;\r\n        background-color: var(--accent-gold);\r\n        padding: 18px 40px;\r\n        border-radius: 2px;\r\n        text-decoration: none;\r\n        font-weight: 600;\r\n        transition: background-color 0.4s ease, transform 0.3s ease, box-shadow 0.3s ease;\r\n        box-shadow: 0 10px 30px rgba(197, 160, 89, 0.3);\r\n    }\r\n\r\n    .masterpiece-section-scope .masterpiece-btn:hover {\r\n        background-color: var(--accent-gold-light);\r\n        transform: translateY(-3px);\r\n        box-shadow: 0 15px 40px rgba(197, 160, 89, 0.45);\r\n    }\r\n\r\n    \/* Responsive Design *\/\r\n    @media (max-width: 1024px) {\r\n        .masterpiece-section-scope .masterpiece-grid {\r\n            grid-template-columns: 1fr;\r\n            gap: 50px;\r\n        }\r\n\r\n        .masterpiece-section-scope .masterpiece-image-wrapper {\r\n            position: relative;\r\n            top: 0;\r\n            max-width: 600px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .masterpiece-section-scope .masterpiece-features-grid {\r\n            grid-template-columns: 1fr;\r\n        }\r\n\r\n        .masterpiece-section-scope {\r\n            padding: 80px 20px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<!-- Encapsulated Masterpiece Section with 100% Exact Content -->\r\n<div class=\"masterpiece-section-scope\">\r\n    <div class=\"masterpiece-container\">\r\n        <div class=\"masterpiece-grid\">\r\n            \r\n            <!-- Left Column: Side Image Display -->\r\n            <div class=\"masterpiece-image-wrapper\">\r\n                <div class=\"masterpiece-image-container\">\r\n                    <img decoding=\"async\" src=\"https:\/\/www.ocjdesigns.com\/wp-content\/uploads\/2026\/08\/Capture-2.png\" alt=\"Luxury Masterpiece Jewelry\">\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Right Column: Content & Features -->\r\n            <div class=\"masterpiece-content\">\r\n                <div>\r\n                    <span class=\"masterpiece-subtitle\">Luxury Jewelry Made Personal<\/span>\r\n                    <h2 class=\"masterpiece-title\">Let OC Jewelers Design Your Next <span>Masterpiece<\/span><\/h2>\r\n                    <p class=\"masterpiece-desc\">Custom jewelry, expert repairs, gold buying, diamonds, gemstones, and estate jewelry services by a Master Jeweler-Gemologist with over 40 years of experience.<\/p>\r\n                <\/div>\r\n\r\n                <!-- 4 Core Feature Cards Grid -->\r\n                <div class=\"masterpiece-features-grid\">\r\n                    \r\n                    <div class=\"masterpiece-card\">\r\n                        <h3>40+ Years of Experience<\/h3>\r\n                        <p>Expert jewelry craftsmanship backed by decades of hands-on work.<\/p>\r\n                    <\/div>\r\n\r\n                    <div class=\"masterpiece-card\">\r\n                        <h3>Master Jeweler-Gemologist<\/h3>\r\n                        <p>Knowledge, precision, and artistry in every piece.<\/p>\r\n                    <\/div>\r\n\r\n                    <div class=\"masterpiece-card\">\r\n                        <h3>Custom Design & CAD<\/h3>\r\n                        <p>From idea to finished jewelry, your piece is designed with care.<\/p>\r\n                    <\/div>\r\n\r\n                    <div class=\"masterpiece-card\">\r\n                        <h3>Trusted Local Gold Buyer<\/h3>\r\n                        <p>Honest evaluations for gold, broken jewelry, estate pieces, diamonds, and more.<\/p>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n                <!-- Call to Action Banner Card -->\r\n                <div class=\"masterpiece-cta-card\">\r\n                    <h3 class=\"masterpiece-cta-title\">CONTACT ME TODAY FOR YOUR DESIGN NEEDS<\/h3>\r\n                    <a href=\"https:\/\/www.ocjdesigns.com\/index.php\/contact-v-4\/\" class=\"masterpiece-btn\">Book Consultation<\/a>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a892154 elementor-widget elementor-widget-html\" data-id=\"a892154\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Add this CSS to your stylesheet or inside a <style> tag -->\r\n<style>\r\n    \/* CSS Reset & Encapsulated Scope *\/\r\n    .estate-appraisals-scope * {\r\n        box-sizing: border-box;\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n\r\n    .estate-appraisals-scope {\r\n        --bg-color: #0c0c0c;\r\n        --card-bg: #131313;\r\n        --card-border: rgba(197, 160, 89, 0.25);\r\n        --card-border-hover: rgba(197, 160, 89, 0.6);\r\n        --text-main: #b8b8b8;\r\n        --heading-color: #f4f4f4;\r\n        --accent-gold: #c5a059;\r\n        --accent-gold-light: #dfbe7d;\r\n        --font-serif: 'Cormorant Garamond', serif;\r\n        --font-sans: 'Montserrat', sans-serif;\r\n        \r\n        background-color: var(--bg-color);\r\n        font-family: var(--font-sans);\r\n        -webkit-font-smoothing: antialiased;\r\n        width: 100%;\r\n        color: var(--text-main);\r\n        padding: 120px 20px;\r\n    }\r\n\r\n    \/* Main Container *\/\r\n    .estate-appraisals-scope .estate-container {\r\n        max-width: 1100px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    \/* Modern Card Layout *\/\r\n    .estate-appraisals-scope .estate-card {\r\n        background: linear-gradient(135deg, var(--card-bg), #0f0f0f);\r\n        border: 1px solid var(--card-border);\r\n        border-radius: 4px;\r\n        padding: 70px 60px;\r\n        position: relative;\r\n        overflow: hidden;\r\n        box-shadow: 0 25px 60px rgba(0, 0, 0, 0.8), inset 0 0 40px rgba(197, 160, 89, 0.03);\r\n    }\r\n\r\n    .estate-appraisals-scope .estate-card::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 3px;\r\n        background: linear-gradient(90deg, transparent, var(--accent-gold), transparent);\r\n    }\r\n\r\n    \/* Header Section *\/\r\n    .estate-appraisals-scope .estate-header {\r\n        text-align: center;\r\n        margin-bottom: 45px;\r\n    }\r\n\r\n    .estate-appraisals-scope .estate-subtitle {\r\n        font-size: 0.75rem;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.35em;\r\n        color: var(--accent-gold);\r\n        margin-bottom: 12px;\r\n        display: block;\r\n        font-weight: 600;\r\n    }\r\n\r\n    .estate-appraisals-scope .estate-title {\r\n        font-family: var(--font-serif);\r\n        font-size: clamp(2.5rem, 4vw, 3.8rem);\r\n        font-weight: 400;\r\n        color: var(--heading-color);\r\n        line-height: 1.15;\r\n    }\r\n\r\n    \/* Content Layout *\/\r\n    .estate-appraisals-scope .estate-content {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 25px;\r\n        max-width: 850px;\r\n        margin: 0 auto 40px auto;\r\n    }\r\n\r\n    .estate-appraisals-scope .estate-content p {\r\n        font-size: 1.05rem;\r\n        color: var(--text-main);\r\n        line-height: 1.85;\r\n        font-weight: 300;\r\n    }\r\n\r\n    \/* Confidentiality Highlight Banner *\/\r\n    .estate-appraisals-scope .estate-confidentiality-box {\r\n        background: linear-gradient(135deg, #1a160e, #101010);\r\n        border: 1px solid var(--accent-gold);\r\n        border-radius: 4px;\r\n        padding: 24px 30px;\r\n        text-align: center;\r\n        margin-top: 10px;\r\n    }\r\n\r\n    .estate-appraisals-scope .estate-confidentiality-box p {\r\n        font-family: var(--font-serif);\r\n        font-size: 1.25rem;\r\n        color: var(--heading-color);\r\n        font-style: italic;\r\n        letter-spacing: 0.02em;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* Responsive Design *\/\r\n    @media (max-width: 768px) {\r\n        .estate-appraisals-scope {\r\n            padding: 80px 15px;\r\n        }\r\n\r\n        .estate-appraisals-scope .estate-card {\r\n            padding: 45px 25px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<!-- Encapsulated Estate Appraisals Section with 100% Exact Content -->\r\n<div class=\"estate-appraisals-scope\">\r\n    <div class=\"estate-container\">\r\n        <div class=\"estate-card\">\r\n            \r\n            <div class=\"estate-header\">\r\n                <span class=\"estate-subtitle\">Professional Services<\/span>\r\n                <h2 class=\"estate-title\">ESTATE JEWELRY APPRAISALS<\/h2>\r\n            <\/div>\r\n\r\n            <div class=\"estate-content\">\r\n                <p>We have a great experience appraising estates. If you've inherited potentially valuable jewelry, one of your first priorities should be having it appraised. There may be sentimental value attached to it. You might be entrusted to safeguard family heirlooms for future generations, or you may be expected to divide them up for the estate of the deceased. Perhaps you want to hold onto some as keepsakes.<\/p>\r\n                <p>Putting a value on inherited heirlooms requires a qualified professional and this is where we come in the picture.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"estate-confidentiality-box\">\r\n                <p>All work completed with confidentiality.<\/p>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fb64b3a elementor-widget elementor-widget-html\" data-id=\"fb64b3a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Add this CSS to your stylesheet or inside a <style> tag -->\r\n<style>\r\n    \/* CSS Reset & Encapsulated Scope *\/\r\n    .social-fluid-scope * {\r\n        box-sizing: border-box;\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n\r\n    .social-fluid-scope {\r\n        --bg-color: #0c0c0c;\r\n        --text-main: #b8b8b8;\r\n        --heading-color: #f4f4f4;\r\n        --accent-gold: #c5a059;\r\n        --accent-gold-hover: #dfbc77;\r\n        --font-serif: 'Cormorant Garamond', serif;\r\n        --font-sans: 'Montserrat', sans-serif;\r\n        \r\n        font-family: var(--font-sans);\r\n        -webkit-font-smoothing: antialiased;\r\n        width: 100%;\r\n        position: relative;\r\n        overflow: hidden;\r\n        padding: 140px 20px;\r\n    }\r\n\r\n    \/* Background Image with Deep Immersive Gradient *\/\r\n    .social-fluid-scope::before {\r\n        content: '';\r\n        position: absolute;\r\n        inset: 0;\r\n        background-image: linear-gradient(180deg, rgba(12, 12, 12, 0.9) 0%, rgba(12, 12, 12, 0.75) 50%, rgba(12, 12, 12, 0.95) 100%), url('https:\/\/www.ocjdesigns.com\/wp-content\/uploads\/2026\/07\/w3.jpg');\r\n        background-size: cover;\r\n        background-position: center;\r\n        z-index: 1;\r\n    }\r\n\r\n    \/* Main Container (Open Layout, No Boxes) *\/\r\n    .social-fluid-scope .social-container {\r\n        max-width: 1000px;\r\n        margin: 0 auto;\r\n        position: relative;\r\n        z-index: 2;\r\n        text-align: center;\r\n    }\r\n\r\n    \/* Header Section *\/\r\n    .social-fluid-scope .social-subtitle {\r\n        font-size: 0.8rem;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.4em;\r\n        color: var(--accent-gold);\r\n        margin-bottom: 20px;\r\n        display: block;\r\n        font-weight: 600;\r\n    }\r\n\r\n    .social-fluid-scope .social-title {\r\n        font-family: var(--font-serif);\r\n        font-size: clamp(2.8rem, 5vw, 4.2rem);\r\n        font-weight: 400;\r\n        color: var(--heading-color);\r\n        line-height: 1.15;\r\n        margin-bottom: 30px;\r\n    }\r\n\r\n    \/* Fluid Text Layout *\/\r\n    .social-fluid-scope .social-content {\r\n        max-width: 750px;\r\n        margin: 0 auto 50px auto;\r\n    }\r\n\r\n    .social-fluid-scope .social-content p {\r\n        font-size: 1.1rem;\r\n        color: var(--text-main);\r\n        line-height: 1.9;\r\n        font-weight: 300;\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    \/* Sleek Fluid Links (No Containers\/Cards) *\/\r\n    .social-fluid-scope .social-links-wrapper {\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        gap: 40px;\r\n        flex-wrap: wrap;\r\n        margin-top: 20px;\r\n    }\r\n\r\n    .social-fluid-scope .social-link {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n        font-family: var(--font-sans);\r\n        font-size: 0.85rem;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.3em;\r\n        color: var(--heading-color);\r\n        text-decoration: none;\r\n        font-weight: 500;\r\n        padding-bottom: 4px;\r\n        border-bottom: 1px solid rgba(197, 160, 89, 0.4);\r\n        transition: color 0.3s ease, border-color 0.3s ease, transform 0.3s ease;\r\n    }\r\n\r\n    .social-fluid-scope .social-link svg {\r\n        width: 16px;\r\n        height: 16px;\r\n        fill: var(--accent-gold);\r\n        transition: transform 0.3s ease;\r\n    }\r\n\r\n    .social-fluid-scope .social-link:hover {\r\n        color: var(--accent-gold);\r\n        border-color: var(--accent-gold);\r\n        transform: translateY(-2px);\r\n    }\r\n\r\n    .social-fluid-scope .social-link:hover svg {\r\n        transform: scale(1.15);\r\n    }\r\n\r\n    \/* Responsive Design *\/\r\n    @media (max-width: 768px) {\r\n        .social-fluid-scope {\r\n            padding: 90px 20px;\r\n        }\r\n\r\n        .social-fluid-scope .social-links-wrapper {\r\n            flex-direction: column;\r\n            gap: 25px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<!-- Encapsulated Fluid & Open Social Section (Zero Boxy Elements) -->\r\n<div class=\"social-fluid-scope\">\r\n    <div class=\"social-container\">\r\n        \r\n        <span class=\"social-subtitle\">Connect With Us<\/span>\r\n        <h2 class=\"social-title\">Follow OC Jewelers On Social Media<\/h2>\r\n\r\n        <div class=\"social-content\">\r\n            <p>Like our page, OC Jewelers, on Facebook or Follow us on Instagram and stay up-to-date on our services & special events.<\/p>\r\n            <p>Our Social Media sites are great for Design Inspirations! See some of our current works in-progress, get instant updates, and connect with us in real time.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"social-links-wrapper\">\r\n            <!-- Facebook -->\r\n            <a href=\"https:\/\/www.facebook.com\/ocjdesigns\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"social-link\">\r\n                <svg viewBox=\"0 0 24 24\"><path d=\"M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z\"\/><\/svg>\r\n                Facebook\r\n            <\/a>\r\n\r\n            <!-- Instagram -->\r\n            <a href=\"https:\/\/www.instagram.com\/ocjewelers77\/reels\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"social-link\">\r\n                <svg viewBox=\"0 0 24 24\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z\"\/><\/svg>\r\n                Instagram\r\n            <\/a>\r\n\r\n            <!-- TikTok -->\r\n            <a href=\"https:\/\/www.tiktok.com\/@ocjewelers\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"social-link\">\r\n                <svg viewBox=\"0 0 24 24\"><path d=\"M19.59 6.69a4.83 4.83 0 0 1-3.77-4.25V2h-3.45v13.67a2.89 2.89 0 0 1-5.2 1.74 2.89 2.89 0 0 1 2.31-4.64 2.93 2.93 0 0 1 .88.13V9.4a6.84 6.84 0 0 0-1-.05A6.33 6.33 0 0 0 5 20.1a6.34 6.34 0 0 0 10.86-4.43v-7a8.16 8.16 0 0 0 4.77 1.52v-3.4a4.85 4.85 0 0 1-1-.1z\"\/><\/svg>\r\n                TikTok\r\n            <\/a>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4d36b38 elementor-widget elementor-widget-html\" data-id=\"4d36b38\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Add this CSS to your stylesheet or inside a <style> tag -->\r\n<style>\r\n    \/* CSS Reset & Encapsulated Scope *\/\r\n    .learn-trade-scope * {\r\n        box-sizing: border-box;\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n\r\n    .learn-trade-scope {\r\n        --bg-color: #0c0c0c;\r\n        --card-bg: #131313;\r\n        --card-border: rgba(197, 160, 89, 0.25);\r\n        --card-border-hover: rgba(197, 160, 89, 0.6);\r\n        --text-main: #b8b8b8;\r\n        --heading-color: #f4f4f4;\r\n        --accent-gold: #c5a059;\r\n        --accent-gold-light: #dfbe7d;\r\n        --font-serif: 'Cormorant Garamond', serif;\r\n        --font-sans: 'Montserrat', sans-serif;\r\n        \r\n        background-color: var(--bg-color);\r\n        font-family: var(--font-sans);\r\n        -webkit-font-smoothing: antialiased;\r\n        width: 100%;\r\n        color: var(--text-main);\r\n        padding: 120px 20px;\r\n    }\r\n\r\n    \/* Main Container *\/\r\n    .learn-trade-scope .trade-container {\r\n        max-width: 1400px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    \/* Asymmetric Grid: Left Content, Right Image (Swapped for dynamic layout variety) *\/\r\n    .learn-trade-scope .trade-grid {\r\n        display: grid;\r\n        grid-template-columns: 1.2fr 1fr;\r\n        gap: 70px;\r\n        align-items: center;\r\n    }\r\n\r\n    \/* Left Column: Content Stack *\/\r\n    .learn-trade-scope .trade-content {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 25px;\r\n    }\r\n\r\n    .learn-trade-scope .trade-subtitle {\r\n        font-size: 0.75rem;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.35em;\r\n        color: var(--accent-gold);\r\n        margin-bottom: 5px;\r\n        display: block;\r\n        font-weight: 600;\r\n    }\r\n\r\n    .learn-trade-scope .trade-title {\r\n        font-family: var(--font-serif);\r\n        font-size: clamp(2.5rem, 4vw, 3.8rem);\r\n        font-weight: 400;\r\n        color: var(--heading-color);\r\n        line-height: 1.15;\r\n        margin-bottom: 10px;\r\n    }\r\n\r\n    .learn-trade-scope .trade-title span {\r\n        font-style: italic;\r\n        color: var(--accent-gold);\r\n    }\r\n\r\n    .learn-trade-scope .trade-desc {\r\n        font-size: 1.05rem;\r\n        color: var(--text-main);\r\n        line-height: 1.85;\r\n        font-weight: 300;\r\n    }\r\n\r\n    \/* Highlight Quote Block *\/\r\n    .learn-trade-scope .trade-quote-box {\r\n        background: linear-gradient(135deg, var(--card-bg), #0f0f0f);\r\n        border-left: 3px solid var(--accent-gold);\r\n        border-top: 1px solid var(--card-border);\r\n        border-right: 1px solid var(--card-border);\r\n        border-bottom: 1px solid var(--card-border);\r\n        border-radius: 0 4px 4px 0;\r\n        padding: 30px;\r\n        margin: 10px 0;\r\n        box-shadow: 0 10px 30px rgba(0,0,0,0.3);\r\n    }\r\n\r\n    .learn-trade-scope .trade-quote-box p {\r\n        font-family: var(--font-serif);\r\n        font-size: 1.25rem;\r\n        color: var(--heading-color);\r\n        font-style: italic;\r\n        line-height: 1.7;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* CTA Section *\/\r\n    .learn-trade-scope .trade-cta-wrapper {\r\n        margin-top: 15px;\r\n    }\r\n\r\n    .learn-trade-scope .trade-btn {\r\n        display: inline-block;\r\n        font-family: var(--font-sans);\r\n        font-size: 0.8rem;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.3em;\r\n        color: #0c0c0c;\r\n        background-color: var(--accent-gold);\r\n        padding: 18px 40px;\r\n        border-radius: 2px;\r\n        text-decoration: none;\r\n        font-weight: 600;\r\n        transition: background-color 0.4s ease, transform 0.3s ease, box-shadow 0.3s ease;\r\n        box-shadow: 0 10px 30px rgba(197, 160, 89, 0.3);\r\n    }\r\n\r\n    .learn-trade-scope .trade-btn:hover {\r\n        background-color: var(--accent-gold-light);\r\n        transform: translateY(-3px);\r\n        box-shadow: 0 15px 40px rgba(197, 160, 89, 0.45);\r\n    }\r\n\r\n    \/* Right Column: Side Image Styling *\/\r\n    .learn-trade-scope .trade-image-wrapper {\r\n        position: relative;\r\n        padding: 20px;\r\n        background: linear-gradient(145deg, #141414, #090909);\r\n        border: 1px solid var(--card-border);\r\n        border-radius: 4px;\r\n        box-shadow: 0 20px 40px rgba(0,0,0,0.5);\r\n    }\r\n\r\n    .learn-trade-scope .trade-image-container {\r\n        width: 100%;\r\n        position: relative;\r\n        overflow: hidden;\r\n        border-radius: 2px;\r\n    }\r\n\r\n    .learn-trade-scope .trade-image-container img {\r\n        width: 100%;\r\n        height: auto;\r\n        min-height: 550px;\r\n        object-fit: cover;\r\n        display: block;\r\n        transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);\r\n        filter: contrast(1.05) saturate(1.05);\r\n    }\r\n\r\n    .learn-trade-scope .trade-image-container:hover img {\r\n        transform: scale(1.03);\r\n    }\r\n\r\n    \/* Responsive Design *\/\r\n    @media (max-width: 1024px) {\r\n        .learn-trade-scope .trade-grid {\r\n            grid-template-columns: 1fr;\r\n            gap: 50px;\r\n        }\r\n\r\n        .learn-trade-scope .trade-image-wrapper {\r\n            max-width: 600px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .learn-trade-scope {\r\n            padding: 80px 20px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<!-- Encapsulated Learn Trade Section with 100% Exact Content -->\r\n<div class=\"learn-trade-scope\">\r\n    <div class=\"trade-container\">\r\n        <div class=\"trade-grid\">\r\n            \r\n            <!-- Left Column: Content & Exact Text -->\r\n            <div class=\"trade-content\">\r\n                <div>\r\n                    <span class=\"trade-subtitle\">Learn from the best!<\/span>\r\n                    <h2 class=\"trade-title\">Become a Jeweler \u2014 <span>Learn a great trade!<\/span><\/h2>\r\n                <\/div>\r\n\r\n                <p class=\"trade-desc\">The objective of training is to develop specific and useful knowledge, skills and techniques. It is intended to prepare people to carry out predetermined tasks in well-defined job contexts. Training is basically a task-oriented activity aimed at improving performance in current or future jobs.<\/p>\r\n\r\n                <div class=\"trade-quote-box\">\r\n                    <p>\"Come and enter the world of art through the big door, my teaching method is practical, visual and direct with tools and materials that are used in this industry day by day.\"<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"trade-cta-wrapper\">\r\n                    <a href=\"https:\/\/www.ocjdesigns.com\/index.php\/contact-v-4\/\" class=\"trade-btn\">CONTACT ME FOR COURSE INFORMATION<\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Right Column: Side Image Display -->\r\n            <div class=\"trade-image-wrapper\">\r\n                <div class=\"trade-image-container\">\r\n                    <img decoding=\"async\" src=\"https:\/\/www.ocjdesigns.com\/wp-content\/uploads\/2026\/08\/Capture-3.png\" alt=\"Become a Jeweler Training\">\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7b09e01 elementor-widget elementor-widget-html\" data-id=\"7b09e01\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Add this CSS to your stylesheet or inside a <style> tag -->\r\n<style>\r\n    \/* CSS Reset & Encapsulated Scope *\/\r\n    .luxury-cta-scope * {\r\n        box-sizing: border-box;\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n\r\n    .luxury-cta-scope {\r\n        --bg-color: #060606;\r\n        --accent-gold: #c5a059;\r\n        --accent-gold-hover: #dfbc77;\r\n        --font-serif: 'Cormorant Garamond', serif;\r\n        --font-sans: 'Montserrat', sans-serif;\r\n        \r\n        background-color: var(--bg-color);\r\n        font-family: var(--font-sans);\r\n        -webkit-font-smoothing: antialiased;\r\n        width: 100%;\r\n        padding: 100px 20px 140px 20px;\r\n        overflow: hidden;\r\n    }\r\n\r\n    \/* Container *\/\r\n    .luxury-cta-scope .lcta-container {\r\n        max-width: 1300px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    \/* Bold Animated Banner Box with Background Image *\/\r\n    .luxury-cta-scope .lcta-banner {\r\n        position: relative;\r\n        background-image: linear-gradient(135deg, rgba(12, 12, 12, 0.92) 0%, rgba(6, 6, 6, 0.95) 100%), url('https:\/\/www.ocjdesigns.com\/wp-content\/uploads\/2026\/07\/90a441_86e3b0b2899648bc9594f8684caa3cd1mv2.webp');\r\n        background-size: cover;\r\n        background-position: center;\r\n        border: 1px solid rgba(197, 160, 89, 0.35);\r\n        border-radius: 4px;\r\n        padding: 90px 60px;\r\n        text-align: center;\r\n        overflow: hidden;\r\n        opacity: 0;\r\n        transform: translateY(40px);\r\n        animation: fadeInUp 1s cubic-bezier(0.16, 1, 0.3, 1) forwards;\r\n        box-shadow: 0 30px 60px rgba(0, 0, 0, 0.9), inset 0 0 40px rgba(197, 160, 89, 0.03);\r\n    }\r\n\r\n    \/* Glowing Accent Background Lines *\/\r\n    .luxury-cta-scope .lcta-banner::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 2px;\r\n        background: linear-gradient(90deg, transparent, var(--accent-gold), transparent);\r\n        z-index: 2;\r\n    }\r\n\r\n    \/* Subtitle Tag *\/\r\n    .luxury-cta-scope .lcta-subtitle {\r\n        position: relative;\r\n        z-index: 2;\r\n        font-size: 0.85rem;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.45em;\r\n        color: var(--accent-gold);\r\n        margin-bottom: 25px;\r\n        display: block;\r\n        font-weight: 600;\r\n        opacity: 0.9;\r\n    }\r\n\r\n    \/* Big Bold Title *\/\r\n    .luxury-cta-scope .lcta-title {\r\n        position: relative;\r\n        z-index: 2;\r\n        font-family: var(--font-serif);\r\n        font-size: clamp(2.8rem, 5.5vw, 4.8rem);\r\n        font-weight: 400;\r\n        color: #ffffff;\r\n        line-height: 1.15;\r\n        margin-bottom: 30px;\r\n    }\r\n\r\n    .luxury-cta-scope .lcta-title span {\r\n        font-style: italic;\r\n        color: var(--accent-gold);\r\n    }\r\n\r\n    \/* Description \/ Intro text *\/\r\n    .luxury-cta-scope .lcta-desc {\r\n        position: relative;\r\n        z-index: 2;\r\n        font-size: 1.15rem;\r\n        color: #cccccc;\r\n        font-weight: 300;\r\n        letter-spacing: 0.15em;\r\n        text-transform: uppercase;\r\n        line-height: 1.8;\r\n        max-width: 900px;\r\n        margin: 0 auto 50px auto;\r\n    }\r\n\r\n    \/* Action Buttons Group *\/\r\n    .luxury-cta-scope .lcta-btn-group {\r\n        position: relative;\r\n        z-index: 2;\r\n        display: flex;\r\n        gap: 20px;\r\n        justify-content: center;\r\n        align-items: center;\r\n        flex-wrap: wrap;\r\n    }\r\n\r\n    \/* Primary Gold Button with Arrow *\/\r\n    .luxury-cta-scope .btn-gold {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 12px;\r\n        font-family: var(--font-sans);\r\n        font-size: 0.8rem;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.25em;\r\n        color: #060606;\r\n        background-color: var(--accent-gold);\r\n        padding: 22px 40px;\r\n        border-radius: 2px;\r\n        text-decoration: none;\r\n        font-weight: 600;\r\n        transition: background-color 0.4s ease, transform 0.3s ease, box-shadow 0.3s ease;\r\n        box-shadow: 0 10px 30px rgba(197, 160, 89, 0.25);\r\n    }\r\n\r\n    .luxury-cta-scope .btn-gold svg {\r\n        width: 16px;\r\n        height: 16px;\r\n        transition: transform 0.3s ease;\r\n    }\r\n\r\n    .luxury-cta-scope .btn-gold:hover {\r\n        background-color: var(--accent-gold-hover);\r\n        transform: translateY(-3px);\r\n        box-shadow: 0 15px 35px rgba(197, 160, 89, 0.4);\r\n    }\r\n\r\n    .luxury-cta-scope .btn-gold:hover svg {\r\n        transform: translateX(4px);\r\n    }\r\n\r\n    \/* Secondary Outlined Button *\/\r\n    .luxury-cta-scope .btn-outline {\r\n        display: inline-block;\r\n        font-family: var(--font-sans);\r\n        font-size: 0.8rem;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.25em;\r\n        color: #ffffff;\r\n        background-color: transparent;\r\n        border: 1px solid rgba(197, 160, 89, 0.4);\r\n        padding: 22px 40px;\r\n        border-radius: 2px;\r\n        text-decoration: none;\r\n        font-weight: 500;\r\n        transition: border-color 0.4s ease, background-color 0.4s ease, transform 0.3s ease;\r\n    }\r\n\r\n    .luxury-cta-scope .btn-outline:hover {\r\n        border-color: var(--accent-gold);\r\n        background-color: rgba(197, 160, 89, 0.08);\r\n        transform: translateY(-3px);\r\n    }\r\n\r\n    \/* Keyframe Animations *\/\r\n    @keyframes fadeInUp {\r\n        from {\r\n            opacity: 0;\r\n            transform: translateY(40px);\r\n        }\r\n        to {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n    }\r\n\r\n    \/* Responsive Design *\/\r\n    @media (max-width: 768px) {\r\n        .luxury-cta-scope .lcta-banner {\r\n            padding: 60px 25px;\r\n        }\r\n\r\n        .luxury-cta-scope {\r\n            padding: 60px 15px 100px 15px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<!-- Encapsulated Big Bold Animated Call to Action Banner Section with Exact Content -->\r\n<div class=\"luxury-cta-scope\">\r\n    <div class=\"lcta-container\">\r\n        <div class=\"lcta-banner\">\r\n            <span class=\"lcta-subtitle\">Master Jeweler-Gemologist<\/span>\r\n            <h2 class=\"lcta-title\">Orlando <span>Cajamarca<\/span><\/h2>\r\n            <p class=\"lcta-desc\">Custom Jewelry &bull; Jewelry Repair &bull; We Buy Gold<\/p>\r\n            <div class=\"lcta-btn-group\">\r\n                <a href=\"https:\/\/www.ocjdesigns.com\/index.php\/contact-v-4\/\" class=\"btn-gold\">\r\n                    Schedule a Consultation\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\r\n                <\/a>\r\n                <a href=\"https:\/\/www.ocjdesigns.com\/index.php\/gallery\/\" class=\"btn-outline\">View Gallery<\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t            <\/div>\n        <\/div>\n                    <\/div>\n        <\/section>\n        \t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>OC ELEGANCE STARTED BY NATURE \u2014 FINISHED BY HAND 40+ Years of Experience. Expert jewelry craftsmanship backed by decades of hands-on work. View Gallery Book a Consultation Luxury Jewelry Made Personal Let OC Jewelers Design Your Next Masterpiece Custom jewelry, expert repairs, gold buying, diamonds, gemstones, and estate jewelry services by a Master Jeweler-Gemologist with [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.ocjdesigns.com\/index.php\/wp-json\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ocjdesigns.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.ocjdesigns.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.ocjdesigns.com\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ocjdesigns.com\/index.php\/wp-json\/wp\/v2\/comments?post=9"}],"version-history":[{"count":10,"href":"https:\/\/www.ocjdesigns.com\/index.php\/wp-json\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":6178,"href":"https:\/\/www.ocjdesigns.com\/index.php\/wp-json\/wp\/v2\/pages\/9\/revisions\/6178"}],"wp:attachment":[{"href":"https:\/\/www.ocjdesigns.com\/index.php\/wp-json\/wp\/v2\/media?parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}