{"id":1659,"date":"2026-10-13T02:49:51","date_gmt":"2026-10-13T02:49:51","guid":{"rendered":"https:\/\/richierich.com.my\/staging\/?page_id=1659"},"modified":"2026-10-16T07:02:22","modified_gmt":"2026-10-16T07:02:22","slug":"google-ad","status":"publish","type":"page","link":"https:\/\/richierich.com.my\/staging\/google-ad\/","title":{"rendered":"Google Ad"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1659\" class=\"elementor elementor-1659\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8738c43 e-con-full e-flex e-con e-parent\" data-id=\"8738c43\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8102d64 elementor-widget elementor-widget-html\" data-id=\"8102d64\" 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<style>\nbody,\n#page,\n#content,\n.site-content,\n.ast-separate-container {\n    background-color: var(--rr-bg, #050505) !important;\n}\n\n.site-content > .ast-container {\n    max-width: 100% !important;\n    width: 100% !important;\n    padding-left: 0 !important;\n    padding-right: 0 !important;\n    display: block !important;\n}\n\n#primary {\n    width: 100% !important;\n    max-width: 100% !important;\n    margin: 0 !important;\n    padding: 0 !important;\n}\n\n\/* HERO *\/\n.rr-pk-hero {\n    background-color: var(--rr-bg, #050505);\n    padding: 130px 5vw 90px;\n    min-height: 100vh;\n    box-sizing: border-box;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n}\n\n.rr-pk-eyebrow {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 700;\n    font-size: 0.85rem;\n    letter-spacing: 0.25em;\n    text-transform: uppercase;\n    color: var(--rr-accent3, #ccff00);\n    margin: 0 0 1.5rem;\n}\n\n.rr-pk-title {\n    margin: 0 0 2rem;\n    font-family: 'Anton', sans-serif !important;\n    text-transform: uppercase;\n    font-size: clamp(3rem, min(9vw, 13vh), 10rem);\n    line-height: 0.95;\n    font-weight: 400;\n    color: var(--rr-text, #f0f0f0) !important;\n}\n\n.rr-pk-title .rr-line {\n    display: block;\n    overflow: hidden;\n}\n\n.rr-pk-title .rr-line > span {\n    display: inline-block;\n}\n\n.rr-pk-title .rr-accent {\n    color: var(--rr-accent3, #ccff00);\n}\n\n.rr-pk-sub {\n    font-family: 'Inter', sans-serif;\n    font-size: clamp(1rem, 1.6vw, 1.4rem);\n    font-weight: 300;\n    line-height: 1.6;\n    max-width: 640px;\n    color: var(--rr-text, #f0f0f0);\n    opacity: 0.75;\n    margin: 0 0 3rem;\n}\n\n.rr-pk-hero-btns {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 1rem;\n}\n\n.rr-pk-hbtn {\n    display: inline-block;\n    padding: 20px 44px;\n    border-radius: 100px;\n    border: 1px solid rgba(255, 255, 255, 0.3);\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 700;\n    font-size: 0.95rem;\n    letter-spacing: 0.1em;\n    text-transform: uppercase;\n    text-decoration: none;\n    color: var(--rr-text, #f0f0f0);\n    transition: background-color 0.3s, color 0.3s, border-color 0.3s;\n}\n\n.rr-pk-hbtn:hover {\n    border-color: var(--rr-accent3, #ccff00);\n    color: var(--rr-accent3, #ccff00);\n}\n\n.rr-pk-hbtn.rr-primary {\n    background-color: var(--rr-accent3, #ccff00);\n    border-color: var(--rr-accent3, #ccff00);\n    color: var(--rr-bg, #050505);\n}\n\n.rr-pk-hbtn.rr-primary:hover {\n    background-color: transparent;\n    color: var(--rr-accent3, #ccff00);\n}\n\n.rr-pk-hero-inner {\n    will-change: filter, opacity;\n}\n\n\/* Lets the services section scroll OVER the pinned hero *\/\n.rr-gd-services {\n    position: relative;\n    z-index: 2;\n    background-color: transparent !important;\n}\n\n\/* Frosted cards (already styled in the services widget), so the blurred hero text doesn't show through them *\/\n.rr-gd-card {\n    -webkit-backdrop-filter: blur(18px);\n    backdrop-filter: blur(18px);\n}\n<\/style>\n\n<section class=\"rr-pk-hero\">\n  <div class=\"rr-pk-hero-inner\">\n    <p class=\"rr-pk-eyebrow\">Google Ads<\/p>\n\n    <h1 class=\"rr-pk-title\">\n        <span class=\"rr-line\"><span>Be found when<\/span><\/span>\n        <span class=\"rr-line\"><span>customers are<\/span><\/span>\n        <span class=\"rr-line\"><span class=\"rr-accent\">ready to buy.<\/span><\/span>\n    <\/h1>\n\n    <p class=\"rr-pk-sub\">We build and manage Google Ads campaigns that put your business in front of people who are actively searching for what you offer.<\/p>\n\n    <div class=\"rr-pk-hero-btns\">\n        <a class=\"rr-pk-hbtn rr-primary rr-hoverable\" href=\"#plans\">View Plans<\/a>\n        <a class=\"rr-pk-hbtn rr-hoverable\" href=\"\/staging\/contact-us\/\">Talk to us<\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n(function () {\n    function rrInitPkHero() {\n        if (typeof gsap === 'undefined' || typeof ScrollTrigger === 'undefined') {\n            setTimeout(rrInitPkHero, 200);\n            return;\n        }\n        if (typeof window.rrBindHoverables === 'function') window.rrBindHoverables();\n        if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) return;\n\n        gsap.from('.rr-pk-eyebrow', { opacity: 0, y: 20, duration: 0.8, ease: 'power3.out', delay: 0.2 });\n        gsap.from('.rr-pk-title .rr-line > span', {\n            yPercent: 110,\n            duration: 1.2,\n            ease: 'power4.out',\n            stagger: 0.12,\n            delay: 0.35\n        });\n        gsap.from('.rr-pk-sub', { opacity: 0, y: 30, duration: 1, ease: 'power3.out', delay: 1 });\n        gsap.from('.rr-pk-hero-btns', { opacity: 0, y: 30, duration: 1, ease: 'power3.out', delay: 1.2 });\n\n        \/\/ ---- Scroll effect: blur + dim, pinned behind the services section ----\n        var hero = document.querySelector('.rr-pk-hero');\n        var inner = document.querySelector('.rr-pk-hero-inner');\n        if (!hero || !inner) return;\n\n        \/\/ Phase 1: blur and dim as you start scrolling\n        gsap.fromTo(inner,\n            { filter: 'blur(0px)', opacity: 1 },\n            {\n                filter: 'blur(16px)',\n                opacity: 0.3,\n                ease: 'none',\n                scrollTrigger: {\n                    trigger: hero,\n                    start: 'top top',\n                    end: function () { return '+=' + (window.innerHeight * 0.7); },\n                    scrub: true,\n                    invalidateOnRefresh: true,\n                    \/\/ buttons stop being clickable once they're blurred out\n                    onUpdate: function (self) {\n                        inner.style.pointerEvents = self.progress > 0.3 ? 'none' : '';\n                    }\n                }\n            }\n        );\n\n        \/\/ Phase 2: stay pinned until the services section ends, then fade out\n        var services = document.querySelector('.rr-gd-services');\n        if (services) {\n            ScrollTrigger.create({\n                trigger: hero,\n                start: 'top top',\n                endTrigger: services,\n                end: 'bottom bottom',\n                pin: true,\n                pinSpacing: false\n            });\n\n            gsap.fromTo(inner,\n                { opacity: 0.3 },\n                {\n                    opacity: 0,\n                    ease: 'none',\n                    immediateRender: false,\n                    scrollTrigger: {\n                        trigger: services,\n                        start: 'bottom 150%',\n                        end: 'bottom 100%',\n                        scrub: true\n                    }\n                }\n            );\n        }\n    }\n    rrInitPkHero();\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-01fbc05 e-con-full e-flex e-con e-parent\" data-id=\"01fbc05\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-89a4d7c elementor-widget elementor-widget-html\" data-id=\"89a4d7c\" 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<style>\n.rr-gd-services {\n    position: relative;\n    z-index: 2;\n    background-color: transparent;\n    padding: 8vh 5vw 12vh;\n}\n\n.rr-gd-head {\n    max-width: 1300px;\n    margin: 0 auto 7vh;\n}\n\n.rr-gd-label {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 700;\n    font-size: 0.85rem;\n    letter-spacing: 0.25em;\n    text-transform: uppercase;\n    color: var(--rr-accent3, #ccff00);\n    margin: 0 0 1rem;\n}\n\n.rr-gd-heading {\n    margin: 0;\n    font-family: 'Anton', sans-serif !important;\n    font-weight: 400;\n    text-transform: uppercase;\n    font-size: clamp(2.5rem, 6vw, 6rem);\n    line-height: 1;\n    color: var(--rr-text, #f0f0f0) !important;\n}\n\n.rr-gd-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 2vw;\n    max-width: 1300px;\n    margin: 0 auto;\n}\n\n.rr-gd-card {\n    padding: 2.4rem 2rem 2.6rem;\n    background: rgba(255, 255, 255, 0.04);\n    border: 1px solid rgba(255, 255, 255, 0.12);\n    border-radius: 18px;\n    -webkit-backdrop-filter: blur(18px);\n    backdrop-filter: blur(18px);\n    transition: transform 0.4s ease, border-color 0.4s ease, background 0.4s ease;\n}\n\n.rr-gd-card:hover {\n    transform: translateY(-8px);\n    border-color: var(--rr-accent3, #ccff00);\n    background: rgba(255, 255, 255, 0.07);\n}\n\n.rr-gd-num {\n    font-family: 'Anton', sans-serif;\n    font-size: clamp(3rem, 5vw, 5rem);\n    line-height: 1;\n    color: transparent;\n    -webkit-text-stroke: 2px rgba(255, 255, 255, 0.35);\n    margin-bottom: 1.2rem;\n    transition: -webkit-text-stroke-color 0.4s ease;\n}\n\n.rr-gd-card:hover .rr-gd-num {\n    -webkit-text-stroke-color: var(--rr-accent3, #ccff00);\n}\n\n.rr-gd-card h3 {\n    margin: 0 0 0.8rem;\n    font-family: 'Anton', sans-serif !important;\n    font-weight: 400;\n    text-transform: uppercase;\n    font-size: clamp(1.5rem, 2.2vw, 2.2rem);\n    line-height: 1.1;\n    color: var(--rr-text, #f0f0f0) !important;\n}\n\n.rr-gd-card p {\n    margin: 0;\n    font-family: 'Inter', sans-serif;\n    font-size: 0.98rem;\n    line-height: 1.6;\n    color: var(--rr-text, #f0f0f0);\n    opacity: 0.7;\n}\n\n@media (max-width: 900px) {\n    .rr-gd-grid { grid-template-columns: repeat(2, 1fr); gap: 3vh 4vw; }\n}\n\n@media (max-width: 600px) {\n    .rr-gd-grid { grid-template-columns: 1fr; }\n}\n<\/style>\n\n<section class=\"rr-gd-services\" id=\"services\">\n\n    <div class=\"rr-gd-head\">\n        <p class=\"rr-gd-label\">What we do<\/p>\n        <h2 class=\"rr-gd-heading\">Ads that<br>earn their budget<\/h2>\n    <\/div>\n\n    <div class=\"rr-gd-grid\">\n\n        <div class=\"rr-gd-card\">\n            <div class=\"rr-gd-num\">01<\/div>\n            <h3>Search ads<\/h3>\n            <p>Show up at the top of Google when customers search for what you sell.<\/p>\n        <\/div>\n\n        <div class=\"rr-gd-card\">\n            <div class=\"rr-gd-num\">02<\/div>\n            <h3>Display and remarketing<\/h3>\n            <p>Bring visitors back with banner ads across websites and apps.<\/p>\n        <\/div>\n\n        <div class=\"rr-gd-card\">\n            <div class=\"rr-gd-num\">03<\/div>\n            <h3>YouTube video ads<\/h3>\n            <p>Tell your story to the right audience with video ads on YouTube.<\/p>\n        <\/div>\n\n        <div class=\"rr-gd-card\">\n            <div class=\"rr-gd-num\">04<\/div>\n            <h3>Shopping ads<\/h3>\n            <p>Put your products in front of buyers with product listings on Google.<\/p>\n        <\/div>\n\n        <div class=\"rr-gd-card\">\n            <div class=\"rr-gd-num\">05<\/div>\n            <h3>Performance Max<\/h3>\n            <p>Let Google's automation find customers across its channels, guided by your goals.<\/p>\n        <\/div>\n\n        <div class=\"rr-gd-card\">\n            <div class=\"rr-gd-num\">06<\/div>\n            <h3>Tracking and reporting<\/h3>\n            <p>Track calls, form fills and sales, so you know what your ad spend delivers.<\/p>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<script>\n(function () {\n    function rrInitGdServices() {\n        if (typeof gsap === 'undefined' || typeof ScrollTrigger === 'undefined') {\n            setTimeout(rrInitGdServices, 200);\n            return;\n        }\n        if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) return;\n\n        gsap.from('.rr-gd-head', {\n            y: 40, opacity: 0, duration: 1, ease: 'power3.out',\n            scrollTrigger: { trigger: '.rr-gd-head', start: 'top 85%' }\n        });\n\n        \/\/ clearProps hands transform control back to CSS afterwards,\n        \/\/ so the hover lift keeps working\n        gsap.from('.rr-gd-card', {\n            y: 70, opacity: 0, duration: 0.9, ease: 'power3.out', stagger: 0.1,\n            clearProps: 'transform,opacity',\n            scrollTrigger: { trigger: '.rr-gd-grid', start: 'top 85%' }\n        });\n    }\n    rrInitGdServices();\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c24d4f5 e-con-full e-flex e-con e-parent\" data-id=\"c24d4f5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9cc4dbc elementor-widget elementor-widget-html\" data-id=\"9cc4dbc\" 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<style>\n.rr-pf-hero {\n    background-color: var(--rr-bg, #050505);\n    padding: 10vh 0 12vh;\n    overflow: hidden;\n}\n\n.rr-pf-hero-row {\n    white-space: nowrap;\n    font-family: 'Anton', sans-serif;\n    text-transform: uppercase;\n    font-size: clamp(3.5rem, 10vw, 11rem);\n    line-height: 1;\n    color: var(--rr-text, #f0f0f0);\n    will-change: transform;\n}\n\n.rr-pf-hero-row.rr-outline {\n    color: transparent;\n    -webkit-text-stroke: 2px var(--rr-text, #f0f0f0);\n}\n\n\/* Small label above the moving rows *\/\n.rr-pf-hero-label {\n    margin: 0 0 3vh;\n    padding: 0 5vw;\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 700;\n    font-size: 0.85rem;\n    letter-spacing: 0.25em;\n    text-transform: uppercase;\n    color: var(--rr-accent3, #ccff00);\n}\n\n.rr-pf-hero-row span {\n    display: inline-block;\n    padding-right: 3vw;\n}\n<\/style>\n\n<section class=\"rr-pf-hero\">\n    <p class=\"rr-pf-hero-label\">Where your ads appear<\/p>\n    <div class=\"rr-pf-hero-row\" data-dir=\"left\">\n        <span>Search &middot; Maps &middot; Shopping &middot;<\/span><span>Search &middot; Maps &middot; Shopping &middot;<\/span><span>Search &middot; Maps &middot; Shopping &middot;<\/span><span>Search &middot; Maps &middot; Shopping &middot;<\/span>\n    <\/div>\n    <div class=\"rr-pf-hero-row rr-outline\" data-dir=\"right\">\n        <span>YouTube &middot; Display &middot; Gmail &middot;<\/span><span>YouTube &middot; Display &middot; Gmail &middot;<\/span><span>YouTube &middot; Display &middot; Gmail &middot;<\/span><span>YouTube &middot; Display &middot; Gmail &middot;<\/span>\n    <\/div>\n<\/section>\n\n<script>\n(function () {\n    function rrInitPfHero() {\n        if (typeof gsap === 'undefined' || typeof ScrollTrigger === 'undefined') {\n            setTimeout(rrInitPfHero, 200);\n            return;\n        }\n        if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) return;\n\n        var section = document.querySelector('.rr-pf-hero');\n        if (!section) return;\n\n        section.querySelectorAll('.rr-pf-hero-row').forEach(function (row) {\n            var goLeft = row.getAttribute('data-dir') === 'left';\n            gsap.fromTo(row,\n                { xPercent: goLeft ? 0 : -35 },\n                {\n                    xPercent: goLeft ? -35 : 0,\n                    ease: 'none',\n                    scrollTrigger: {\n                        trigger: section,\n                        start: 'top bottom',\n                        end: 'bottom top',\n                        scrub: 1\n                    }\n                }\n            );\n        });\n    }\n    rrInitPfHero();\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-515c8de e-con-full e-flex e-con e-parent\" data-id=\"515c8de\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-24997ee elementor-widget elementor-widget-html\" data-id=\"24997ee\" 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<style>\n.rr-pk-process {\n    background-color: var(--rr-bg, #050505);\n    padding: 10vh 5vw 12vh;\n}\n\n.rr-pk-wrap {\n    max-width: 1300px;\n    margin: 0 auto;\n}\n\n.rr-pk-label {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 700;\n    font-size: 0.85rem;\n    letter-spacing: 0.25em;\n    text-transform: uppercase;\n    color: var(--rr-accent3, #ccff00);\n    margin: 0 0 1rem;\n}\n\n.rr-pk-h2 {\n    margin: 0 0 6vh;\n    font-family: 'Anton', sans-serif !important;\n    font-weight: 400;\n    text-transform: uppercase;\n    font-size: clamp(2.5rem, 6vw, 6rem);\n    line-height: 1;\n    color: var(--rr-text, #f0f0f0) !important;\n}\n\n\/* Included in every project *\/\n.rr-pk-included {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 2vw;\n    margin-bottom: 14vh;\n}\n\n.rr-pk-inc {\n    padding-top: 1.5rem;\n    border-top: 1px solid rgba(255, 255, 255, 0.2);\n}\n\n.rr-pk-inc h3 {\n    margin: 0 0 0.6rem;\n    font-family: 'Montserrat', sans-serif !important;\n    font-weight: 700;\n    font-size: 1.1rem;\n    color: var(--rr-text, #f0f0f0) !important;\n}\n\n.rr-pk-inc p {\n    margin: 0;\n    font-family: 'Inter', sans-serif;\n    font-size: 0.95rem;\n    line-height: 1.55;\n    color: var(--rr-text, #f0f0f0);\n    opacity: 0.65;\n}\n\n\/* Process steps *\/\n.rr-pk-step {\n    display: grid;\n    grid-template-columns: minmax(120px, 22%) 1fr;\n    gap: 3vw;\n    align-items: center;\n    padding: 4vh 0;\n    border-top: 1px solid rgba(255, 255, 255, 0.2);\n}\n\n.rr-pk-step:last-child {\n    border-bottom: 1px solid rgba(255, 255, 255, 0.2);\n}\n\n.rr-pk-num {\n    font-family: 'Anton', sans-serif;\n    font-size: clamp(4.5rem, 11vw, 11rem);\n    line-height: 1;\n    color: transparent;\n    -webkit-text-stroke: 2px rgba(255, 255, 255, 0.35);\n    transition: -webkit-text-stroke-color 0.4s ease;\n}\n\n.rr-pk-step:hover .rr-pk-num {\n    -webkit-text-stroke-color: var(--rr-accent3, #ccff00);\n}\n\n.rr-pk-step h3 {\n    margin: 0 0 0.8rem;\n    font-family: 'Anton', sans-serif !important;\n    font-weight: 400;\n    text-transform: uppercase;\n    font-size: clamp(1.8rem, 3.4vw, 3.4rem);\n    color: var(--rr-text, #f0f0f0) !important;\n}\n\n.rr-pk-step p {\n    margin: 0;\n    max-width: 560px;\n    font-family: 'Inter', sans-serif;\n    font-size: clamp(0.95rem, 1.2vw, 1.15rem);\n    line-height: 1.6;\n    color: var(--rr-text, #f0f0f0);\n    opacity: 0.7;\n}\n\n@media (max-width: 900px) {\n    .rr-pk-included { grid-template-columns: repeat(2, 1fr); gap: 5vh 4vw; }\n}\n\n@media (max-width: 600px) {\n    .rr-pk-included { grid-template-columns: 1fr; }\n    .rr-pk-step { grid-template-columns: 1fr; gap: 1rem; }\n}\n<\/style>\n\n<section class=\"rr-pk-process\">\n    <div class=\"rr-pk-wrap\">\n\n        <p class=\"rr-pk-label\">Every campaign includes<\/p>\n        <h2 class=\"rr-pk-h2\">What you always get<\/h2>\n\n        <div class=\"rr-pk-included\">\n            <div class=\"rr-pk-inc\">\n                <h3>Keyword research<\/h3>\n                <p>We find the searches your customers actually make, and the ones worth paying for.<\/p>\n            <\/div>\n            <div class=\"rr-pk-inc\">\n                <h3>Conversion tracking<\/h3>\n                <p>We track calls, form fills and sales, so every ringgit of ad spend can be measured.<\/p>\n            <\/div>\n            <div class=\"rr-pk-inc\">\n                <h3>Ad copy and creatives<\/h3>\n                <p>Clear, persuasive ads written and designed to earn the click.<\/p>\n            <\/div>\n            <div class=\"rr-pk-inc\">\n                <h3>Monthly reporting<\/h3>\n                <p>Plain-language reports on spend, results and what we'll do next.<\/p>\n            <\/div>\n        <\/div>\n\n        <p class=\"rr-pk-label\">How it works<\/p>\n        <h2 class=\"rr-pk-h2\">From audit to results<\/h2>\n\n        <div class=\"rr-pk-steps\">\n            <div class=\"rr-pk-step\">\n                <div class=\"rr-pk-num\">01<\/div>\n                <div>\n                    <h3>Audit<\/h3>\n                    <p>We review your website, any current ads and your competitors to find the opportunities.<\/p>\n                <\/div>\n            <\/div>\n            <div class=\"rr-pk-step\">\n                <div class=\"rr-pk-num\">02<\/div>\n                <div>\n                    <h3>Build<\/h3>\n                    <p>We set up the account, tracking and campaigns around your goals and budget.<\/p>\n                <\/div>\n            <\/div>\n            <div class=\"rr-pk-step\">\n                <div class=\"rr-pk-num\">03<\/div>\n                <div>\n                    <h3>Launch<\/h3>\n                    <p>We go live, watch the first results closely and fix what isn't working.<\/p>\n                <\/div>\n            <\/div>\n            <div class=\"rr-pk-step\">\n                <div class=\"rr-pk-num\">04<\/div>\n                <div>\n                    <h3>Optimise<\/h3>\n                    <p>We keep testing ads, keywords and budgets, and report back every month.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<script>\n(function () {\n    function rrInitPkProcess() {\n        if (typeof gsap === 'undefined' || typeof ScrollTrigger === 'undefined') {\n            setTimeout(rrInitPkProcess, 200);\n            return;\n        }\n        if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) return;\n\n        gsap.from('.rr-pk-inc', {\n            y: 50, opacity: 0, duration: 0.9, ease: 'power3.out', stagger: 0.12,\n            scrollTrigger: { trigger: '.rr-pk-included', start: 'top 85%' }\n        });\n\n        gsap.utils.toArray('.rr-pk-step').forEach(function (step) {\n            gsap.from(step, {\n                y: 60, opacity: 0, duration: 1, ease: 'power3.out',\n                scrollTrigger: { trigger: step, start: 'top 88%' }\n            });\n        });\n    }\n    rrInitPkProcess();\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9dcc711 e-con-full e-flex e-con e-parent\" data-id=\"9dcc711\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-56892bd elementor-widget elementor-widget-html\" data-id=\"56892bd\" 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<style>\n.rr-pk-pricing {\n    background-color: var(--rr-bg, #050505);\n    padding: 8vh 5vw 12vh;\n}\n\n.rr-pk-pricing-head {\n    text-align: center;\n    margin-bottom: 7vh;\n}\n\n.rr-pk-label {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 700;\n    font-size: 0.85rem;\n    letter-spacing: 0.25em;\n    text-transform: uppercase;\n    color: var(--rr-accent3, #ccff00);\n    margin: 0 0 1rem;\n}\n\n.rr-pk-heading {\n    margin: 0;\n    font-family: 'Anton', sans-serif !important;\n    font-weight: 400;\n    text-transform: uppercase;\n    font-size: clamp(2.5rem, 6vw, 6rem);\n    line-height: 1;\n    color: var(--rr-text, #f0f0f0) !important;\n}\n\n.rr-pk-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 2vw;\n    align-items: stretch;\n    max-width: 1300px;\n    margin: 0 auto;\n}\n\n.rr-pk-card {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    padding: 2.8rem 2.2rem;\n    background: rgba(255, 255, 255, 0.04);\n    border: 1px solid rgba(255, 255, 255, 0.12);\n    border-radius: 18px;\n    transition: transform 0.4s ease, border-color 0.4s ease, background 0.4s ease;\n}\n\n.rr-pk-card:hover {\n    transform: translateY(-8px);\n    border-color: rgba(255, 255, 255, 0.35);\n    background: rgba(255, 255, 255, 0.07);\n}\n\n.rr-pk-card.rr-featured {\n    top: -16px;\n    border-color: var(--rr-accent3, #ccff00);\n    background: rgba(204, 255, 0, 0.06);\n}\n\n.rr-pk-badge {\n    position: absolute;\n    top: -14px;\n    left: 50%;\n    transform: translateX(-50%);\n    padding: 6px 18px;\n    border-radius: 100px;\n    background: var(--rr-accent3, #ccff00);\n    color: var(--rr-bg, #050505);\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 800;\n    font-size: 0.7rem;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    white-space: nowrap;\n}\n\n.rr-pk-tier {\n    margin: 0 0 0.5rem;\n    font-family: 'Anton', sans-serif !important;\n    font-weight: 400;\n    text-transform: uppercase;\n    font-size: clamp(1.8rem, 2.6vw, 2.6rem);\n    color: var(--rr-text, #f0f0f0) !important;\n}\n\n.rr-pk-tagline {\n    margin: 0 0 1.8rem;\n    font-family: 'Inter', sans-serif;\n    font-size: 0.95rem;\n    line-height: 1.5;\n    color: var(--rr-text, #f0f0f0);\n    opacity: 0.65;\n    min-height: 2.9em;\n}\n\n.rr-pk-price {\n    margin: 0;\n    font-family: 'Anton', sans-serif !important;\n    font-weight: 400;\n    font-size: clamp(2.4rem, 3.6vw, 3.6rem);\n    line-height: 1;\n    color: var(--rr-text, #f0f0f0) !important;\n}\n\n.rr-pk-price-note {\n    margin: 0.5rem 0 1.8rem;\n    font-family: 'Inter', sans-serif;\n    font-size: 0.8rem;\n    letter-spacing: 0.05em;\n    color: var(--rr-text, #f0f0f0);\n    opacity: 0.5;\n}\n\n.rr-pk-list {\n    list-style: none;\n    margin: 0 0 2.2rem;\n    padding: 1.8rem 0 0;\n    border-top: 1px solid rgba(255, 255, 255, 0.12);\n    flex: 1 1 auto;\n}\n\n.rr-pk-list li {\n    position: relative;\n    padding: 0 0 0.9rem 1.8rem;\n    margin: 0;\n    font-family: 'Inter', sans-serif;\n    font-size: 0.95rem;\n    line-height: 1.45;\n    color: var(--rr-text, #f0f0f0);\n}\n\n.rr-pk-list li::before {\n    content: '\\2713';\n    position: absolute;\n    left: 0;\n    top: 0;\n    color: var(--rr-accent3, #ccff00);\n    font-weight: 700;\n}\n\n.rr-pk-btn {\n    display: block;\n    text-align: center;\n    padding: 18px 24px;\n    border-radius: 100px;\n    border: 1px solid rgba(255, 255, 255, 0.3);\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 700;\n    font-size: 0.9rem;\n    letter-spacing: 0.1em;\n    text-transform: uppercase;\n    text-decoration: none;\n    color: var(--rr-text, #f0f0f0);\n    transition: background-color 0.3s, color 0.3s, border-color 0.3s;\n}\n\n.rr-pk-btn:hover {\n    background-color: var(--rr-accent3, #ccff00);\n    border-color: var(--rr-accent3, #ccff00);\n    color: var(--rr-bg, #050505);\n}\n\n.rr-pk-featured .rr-pk-btn,\n.rr-pk-card.rr-featured .rr-pk-btn {\n    background-color: var(--rr-accent3, #ccff00);\n    border-color: var(--rr-accent3, #ccff00);\n    color: var(--rr-bg, #050505);\n}\n\n.rr-pk-card.rr-featured .rr-pk-btn:hover {\n    background-color: transparent;\n    color: var(--rr-accent3, #ccff00);\n}\n\n.rr-pk-footnote {\n    text-align: center;\n    margin: 6vh auto 0;\n    max-width: 700px;\n    font-family: 'Inter', sans-serif;\n    font-size: 0.9rem;\n    line-height: 1.6;\n    color: var(--rr-text, #f0f0f0);\n    opacity: 0.6;\n}\n\n.rr-pk-footnote a {\n    color: var(--rr-accent3, #ccff00);\n    text-decoration: underline;\n}\n\n@media (max-width: 900px) {\n    .rr-pk-grid {\n        grid-template-columns: 1fr;\n        gap: 4vh;\n        max-width: 520px;\n    }\n    .rr-pk-card.rr-featured { top: 0; }\n    .rr-pk-tagline { min-height: 0; }\n}\n<\/style>\n\n<section class=\"rr-pk-pricing\" id=\"plans\">\n\n    <div class=\"rr-pk-pricing-head\">\n        <p class=\"rr-pk-label\">Management plans<\/p>\n        <h2 class=\"rr-pk-heading\">Pick your plan<\/h2>\n    <\/div>\n\n    <div class=\"rr-pk-grid\">\n\n        <div class=\"rr-pk-card\">\n            <h3 class=\"rr-pk-tier\">Starter<\/h3>\n            <p class=\"rr-pk-tagline\">Ideal for small businesses looking to attract customers through Google Search.<\/p>\n            <p class=\"rr-pk-price\">RM 1,800<\/p>\n            <p class=\"rr-pk-price-note\">3-Month Package<\/p>\n            <ul class=\"rr-pk-list\">\n                <li>Google Search & Mobile Ads<\/li>\n                <li>1 Ad Campaign<\/li>\n                <li>Up to 30 Target Keywords<\/li>\n                <li>Campaign Setup & Optimization<\/li>\n                <li>Google Ads Account Management<\/li>\n                <li>Monthly Performance Reports<\/li>\n            <\/ul>\n            <a class=\"rr-pk-btn rr-hoverable\" href=\"\/staging\/contact-us\/\">Get started<\/a>\n        <\/div>\n\n        <div class=\"rr-pk-card rr-featured\">\n            <span class=\"rr-pk-badge\">Most popular<\/span>\n            <h3 class=\"rr-pk-tier\">Plus<\/h3>\n            <p class=\"rr-pk-tagline\">Perfect for growing businesses looking to reach more customers across Google.<\/p>\n            <p class=\"rr-pk-price\">RM 2,500<\/p>\n            <p class=\"rr-pk-price-note\">3-Month Package<\/p>\n            <ul class=\"rr-pk-list\">\n                <li>Google Search, Mobile & Display Ads<\/li>\n                <li>3 Ad Campaigns<\/li>\n                <li>Up to 50 Target Keywords<\/li>\n                <li>Campaign Setup & Optimization<\/li>\n                <li>Google Ads Account Management<\/li>\n                <li>Monthly Performance Reports<\/li>\n            <\/ul>\n            <a class=\"rr-pk-btn rr-hoverable\" href=\"\/staging\/contact-us\/\">Get started<\/a>\n        <\/div>\n\n        <div class=\"rr-pk-card\">\n            <h3 class=\"rr-pk-tier\">Pro<\/h3>\n            <p class=\"rr-pk-tagline\">Designed for businesses aiming to maximize visibility through Google and YouTube advertising.<\/p>\n            <p class=\"rr-pk-price\">RM 5,000<\/p>\n            <p class=\"rr-pk-price-note\">3-Month Package<\/p>\n            <ul class=\"rr-pk-list\">\n                <li>Google Search, Mobile, Display & YouTube Ads<\/li>\n                <li>5 Ad Campaigns<\/li>\n                <li>Up to 80 Target Keywords<\/li>\n                <li>Campaign Setup & Optimization<\/li>\n                <li>Google Ads Account Management<\/li>\n                <li>Monthly Performance Reports<\/li>\n            <\/ul>\n            <a class=\"rr-pk-btn rr-hoverable\" href=\"\/staging\/contact-us\/\">Get started<\/a>\n        <\/div>\n\n    <\/div>\n\n    <p class=\"rr-pk-footnote\">All packages include campaign management, optimization, and monthly reporting. Advertising budget is quoted separately, if not included in your plan. <a href=\"\/staging\/contact-us\/\">Tell us what you have in mind<\/a> and we'll quote a custom plan.<\/p>\n\n<\/section>\n\n<script>\n(function () {\n    function rrInitPkPricing() {\n        if (typeof gsap === 'undefined' || typeof ScrollTrigger === 'undefined') {\n            setTimeout(rrInitPkPricing, 200);\n            return;\n        }\n        if (typeof window.rrBindHoverables === 'function') window.rrBindHoverables();\n        if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) return;\n\n        gsap.from('.rr-pk-pricing-head', {\n            y: 40, opacity: 0, duration: 1, ease: 'power3.out',\n            scrollTrigger: { trigger: '.rr-pk-pricing-head', start: 'top 85%' }\n        });\n\n        \/\/ clearProps hands transform control back to CSS afterwards,\n        \/\/ so the hover lift keeps working\n        gsap.from('.rr-pk-card', {\n            y: 80, opacity: 0, duration: 1, ease: 'power3.out', stagger: 0.15,\n            clearProps: 'transform,opacity',\n            scrollTrigger: { trigger: '.rr-pk-grid', start: 'top 82%' }\n        });\n    }\n    rrInitPkPricing();\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-60caadd e-con-full e-flex e-con e-parent\" data-id=\"60caadd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-668bfd7 elementor-widget elementor-widget-html\" data-id=\"668bfd7\" 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<style>\n.rr-pk-faq {\n    background-color: var(--rr-bg, #050505);\n    padding: 8vh 5vw 12vh;\n}\n\n.rr-pk-faq-wrap {\n    max-width: 1000px;\n    margin: 0 auto;\n}\n\n.rr-pk-faq-label {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 700;\n    font-size: 0.85rem;\n    letter-spacing: 0.25em;\n    text-transform: uppercase;\n    color: var(--rr-accent3, #ccff00);\n    margin: 0 0 1rem;\n}\n\n.rr-pk-faq-h2 {\n    margin: 0 0 6vh;\n    font-family: 'Anton', sans-serif !important;\n    font-weight: 400;\n    text-transform: uppercase;\n    font-size: clamp(2.5rem, 6vw, 6rem);\n    line-height: 1;\n    color: var(--rr-text, #f0f0f0) !important;\n}\n\n.rr-pk-faq details {\n    border-top: 1px solid rgba(255, 255, 255, 0.2);\n}\n\n.rr-pk-faq details:last-of-type {\n    border-bottom: 1px solid rgba(255, 255, 255, 0.2);\n}\n\n.rr-pk-faq summary {\n    position: relative;\n    list-style: none;\n    cursor: pointer;\n    padding: 2rem 3rem 2rem 0;\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 600;\n    font-size: clamp(1.05rem, 1.7vw, 1.5rem);\n    line-height: 1.35;\n    color: var(--rr-text, #f0f0f0);\n    transition: color 0.3s;\n}\n\n.rr-pk-faq summary::-webkit-details-marker { display: none; }\n\n.rr-pk-faq summary::after {\n    content: '+';\n    position: absolute;\n    right: 0;\n    top: 50%;\n    transform: translateY(-50%);\n    font-size: 2rem;\n    font-weight: 300;\n    color: var(--rr-accent3, #ccff00);\n    transition: transform 0.3s ease;\n}\n\n.rr-pk-faq details[open] summary::after {\n    transform: translateY(-50%) rotate(45deg);\n}\n\n.rr-pk-faq summary:hover {\n    color: var(--rr-accent3, #ccff00);\n}\n\n.rr-pk-faq details p {\n    margin: 0;\n    padding: 0 3rem 2rem 0;\n    max-width: 760px;\n    font-family: 'Inter', sans-serif;\n    font-size: 1rem;\n    line-height: 1.7;\n    color: var(--rr-text, #f0f0f0);\n    opacity: 0.7;\n}\n<\/style>\n\n<section class=\"rr-pk-faq\">\n    <div class=\"rr-pk-faq-wrap\">\n\n        <p class=\"rr-pk-faq-label\">FAQ<\/p>\n        <h2 class=\"rr-pk-faq-h2\">Questions, answered<\/h2>\n\n        <details name=\"rr-pk-faq\">\n            <summary>How much should I spend on Google Ads?<\/summary>\n            <p>It depends on your industry, location and goals. We'll recommend a starting budget after researching your market, and you can raise or lower it at any time.<\/p>\n        <\/details>\n\n        <details name=\"rr-pk-faq\">\n            <summary>Do I pay Google directly?<\/summary>\n            <p>Yes. Ad spend goes straight from your account to Google. Our management fee is separate, so you always see exactly where your money is going.<\/p>\n        <\/details>\n\n        <details name=\"rr-pk-faq\">\n            <summary>How soon will I see results?<\/summary>\n            <p>Search ads can start sending visitors within days of launching, but the first few weeks are used to test and learn. Performance usually improves as we optimise over the following months.<\/p>\n        <\/details>\n\n        <details name=\"rr-pk-faq\">\n            <summary>Can you guarantee the top spot on Google?<\/summary>\n            <p>No one can honestly guarantee a position, because it depends on competition, bids and ad quality. What we can do is optimise your campaigns to win the clicks that matter most to your business.<\/p>\n        <\/details>\n\n        <details name=\"rr-pk-faq\">\n            <summary>Will the ad account be in my name?<\/summary>\n            <p>We recommend that it is. You keep ownership of the account and your data, and we manage it with access you can remove at any time.<\/p>\n        <\/details>\n\n        <details name=\"rr-pk-faq\">\n            <summary>How will I know it's working?<\/summary>\n            <p>We track calls, form submissions and sales, and send you a plain-language report every month showing what you spent and what it delivered.<\/p>\n        <\/details>\n\n    <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3e33905 e-con-full elementor-hidden-desktop elementor-hidden-laptop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-parent\" data-id=\"3e33905\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-96f52b7 elementor-widget elementor-widget-html\" data-id=\"96f52b7\" 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<style>\n.rr-pf-logos2 {\n    background-color: var(--rr-bg, #050505);\n    padding: 12vh 4vw;\n    overflow: hidden;\n}\n\n.rr-pf-logos2-row {\n    display: flex;\n    align-items: center;\n    gap: 2vw;\n    will-change: transform;\n}\n\n.rr-pf-logos2-row + .rr-pf-logos2-row {\n    margin-top: 6vh;\n}\n\n.rr-pf-logo2 {\n    flex: 1 1 0;\n    min-width: 0;\n    height: clamp(50px, 6vw, 90px);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.rr-pf-logo2 img {\n    max-width: 100%;\n    max-height: 100%;\n    width: auto;\n    height: auto;\n    object-fit: contain;\n    filter: grayscale(1) brightness(1.15);\n    opacity: 0.65;\n    transition: filter 0.4s ease, opacity 0.4s ease;\n}\n\n.rr-pf-logo2:hover img {\n    filter: grayscale(0) brightness(1);\n    opacity: 1;\n}\n\n@media (max-width: 768px) {\n    .rr-pf-logos2-row {\n        flex-wrap: wrap;\n        justify-content: center;\n        gap: 4vw;\n    }\n    .rr-pf-logo2 {\n        flex: 0 0 28%;\n        height: 48px;\n    }\n}\n<\/style>\n\n<section class=\"rr-pf-logos2\">\n\n    <div class=\"rr-pf-logos2-row\" data-dir=\"left\">\n        <div class=\"rr-pf-logo2\"><img decoding=\"async\" src=\"https:\/\/richierich.com.my\/staging\/wp-content\/uploads\/2026\/08\/finamics-01.png\" alt=\"Finamics\"><\/div>\n        <div class=\"rr-pf-logo2\"><img decoding=\"async\" src=\"https:\/\/richierich.com.my\/staging\/wp-content\/uploads\/2026\/08\/euda-01.png\" alt=\"EUDA\"><\/div>\n        <div class=\"rr-pf-logo2\"><img decoding=\"async\" src=\"https:\/\/richierich.com.my\/staging\/wp-content\/uploads\/2026\/08\/honda-01.png\" alt=\"Honda\"><\/div>\n        <div class=\"rr-pf-logo2\"><img decoding=\"async\" src=\"https:\/\/richierich.com.my\/staging\/wp-content\/uploads\/2026\/08\/acmar-01.png\" alt=\"acmar\"><\/div>\n        <div class=\"rr-pf-logo2\"><img decoding=\"async\" src=\"https:\/\/richierich.com.my\/staging\/wp-content\/uploads\/2026\/08\/mesuma-01.png\" alt=\"mesuma\"><\/div>\n        <div class=\"rr-pf-logo2\"><img decoding=\"async\" src=\"https:\/\/richierich.com.my\/staging\/wp-content\/uploads\/2026\/08\/perodua-01.png\" alt=\"perodua\"><\/div>\n    <\/div>\n\n    <div class=\"rr-pf-logos2-row\" data-dir=\"right\">\n        <div class=\"rr-pf-logo2\"><img decoding=\"async\" src=\"https:\/\/richierich.com.my\/staging\/wp-content\/uploads\/2026\/08\/iw-global-01.png\" alt=\"IW global\"><\/div>\n        <div class=\"rr-pf-logo2\"><img decoding=\"async\" src=\"https:\/\/richierich.com.my\/staging\/wp-content\/uploads\/2026\/10\/velabay-01.png\" alt=\"velabay\"><\/div>\n        <div class=\"rr-pf-logo2\"><img decoding=\"async\" src=\"https:\/\/richierich.com.my\/staging\/wp-content\/uploads\/2026\/08\/odyssey-01.png\" alt=\"odyssey\"><\/div>\n        <div class=\"rr-pf-logo2\"><img decoding=\"async\" src=\"https:\/\/richierich.com.my\/staging\/wp-content\/uploads\/2026\/08\/smart-01.png\" alt=\"smart\"><\/div>\n        <div class=\"rr-pf-logo2\"><img decoding=\"async\" src=\"https:\/\/richierich.com.my\/staging\/wp-content\/uploads\/2026\/08\/tcm-01.png\" alt=\"tcm\"><\/div>\n        <div class=\"rr-pf-logo2\"><img decoding=\"async\" src=\"https:\/\/richierich.com.my\/staging\/wp-content\/uploads\/2026\/08\/boules-01.png\" alt=\"boules\"><\/div>\n    <\/div>\n\n<\/section>\n\n<script>\n(function () {\n    function rrInitPfLogos2() {\n        if (typeof gsap === 'undefined' || typeof ScrollTrigger === 'undefined') {\n            setTimeout(rrInitPfLogos2, 200);\n            return;\n        }\n\n        var section = document.querySelector('.rr-pf-logos2');\n        if (!section) return;\n\n        \/\/ Only animate on desktop\/tablet and when motion is allowed\n        var mm = gsap.matchMedia();\n        mm.add('(min-width: 769px) and (prefers-reduced-motion: no-preference)', function () {\n            section.querySelectorAll('.rr-pf-logos2-row').forEach(function (row) {\n                var goLeft = row.getAttribute('data-dir') === 'left';\n                gsap.fromTo(row,\n                    { xPercent: goLeft ? 7 : -7 },\n                    {\n                        xPercent: goLeft ? -7 : 7,\n                        ease: 'none',\n                        scrollTrigger: {\n                            trigger: section,\n                            start: 'top bottom',\n                            end: 'bottom top',\n                            scrub: 1\n                        }\n                    }\n                );\n            });\n        });\n    }\n    rrInitPfLogos2();\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-78fc280 e-con-full e-flex e-con e-parent\" data-id=\"78fc280\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1d67ff4 elementor-widget elementor-widget-html\" data-id=\"1d67ff4\" 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<style>\n.rr-pf-cta {\n    background-color: var(--rr-bg, #050505);\n    padding: 12vh 0;\n    overflow: hidden;\n    text-align: center;\n}\n\n.rr-pf-cta-band {\n    white-space: nowrap;\n    font-family: 'Anton', sans-serif;\n    text-transform: uppercase;\n    font-size: clamp(3.5rem, 11vw, 12rem);\n    line-height: 1.05;\n    color: var(--rr-text, #f0f0f0);\n    will-change: transform;\n}\n\n.rr-pf-cta-band span {\n    display: inline-block;\n    padding-right: 4vw;\n}\n\n.rr-pf-cta-band span:nth-child(even) {\n    color: transparent;\n    -webkit-text-stroke: 2px var(--rr-text, #f0f0f0);\n}\n\n.rr-pf-cta-btn {\n    display: inline-block;\n    margin-top: 6vh;\n    padding: 28px 64px;\n    border: 1px solid rgba(255, 255, 255, 0.3);\n    border-radius: 100px;\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 700;\n    font-size: 1.2rem;\n    letter-spacing: 0.1em;\n    text-decoration: none;\n    color: var(--rr-text, #f0f0f0);\n    position: relative;\n    overflow: hidden;\n    isolation: isolate;\n    transition: color 0.3s, border-color 0.3s;\n}\n\n.rr-pf-cta-btn::before {\n    content: '';\n    position: absolute;\n    left: 0;\n    top: 100%;\n    width: 100%;\n    height: 100%;\n    background-color: var(--rr-accent3, #ccff00);\n    transition: transform 0.5s cubic-bezier(0.76, 0, 0.24, 1);\n    z-index: -1;\n    border-radius: 50% 50% 0 0;\n}\n\n.rr-pf-cta-btn:hover {\n    color: var(--rr-bg, #050505);\n    border-color: var(--rr-accent3, #ccff00);\n}\n\n.rr-pf-cta-btn:hover::before {\n    transform: translateY(-100%);\n    border-radius: 0;\n}\n<\/style>\n\n<section class=\"rr-pf-cta\">\n    <div class=\"rr-pf-cta-band\">\n        <span>Let's work together<\/span><span>Let's work together<\/span><span>Let's work together<\/span><span>Let's work together<\/span>\n    <\/div>\n    <a class=\"rr-pf-cta-btn rr-hoverable\" href=\"\/staging\/contact-us\/\">SAY HELLO<\/a>\n<\/section>\n\n<script>\n(function () {\n    function rrInitPfCta() {\n        if (typeof gsap === 'undefined' || typeof ScrollTrigger === 'undefined') {\n            setTimeout(rrInitPfCta, 200);\n            return;\n        }\n\n        if (typeof window.rrBindHoverables === 'function') window.rrBindHoverables();\n\n        if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) return;\n\n        var section = document.querySelector('.rr-pf-cta');\n        var band = document.querySelector('.rr-pf-cta-band');\n        if (!section || !band) return;\n\n        gsap.fromTo(band,\n            { xPercent: -30 },\n            {\n                xPercent: 0,\n                ease: 'none',\n                scrollTrigger: {\n                    trigger: section,\n                    start: 'top bottom',\n                    end: 'bottom top',\n                    scrub: 1\n                }\n            }\n        );\n    }\n    rrInitPfCta();\n})();\n<\/script>\n\t\t\t\t<\/div>\n\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>Google Ads Be found when customers are ready to buy. We build and manage Google Ads campaigns that put your [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","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-1659","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/richierich.com.my\/staging\/wp-json\/wp\/v2\/pages\/1659","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/richierich.com.my\/staging\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/richierich.com.my\/staging\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/richierich.com.my\/staging\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/richierich.com.my\/staging\/wp-json\/wp\/v2\/comments?post=1659"}],"version-history":[{"count":40,"href":"https:\/\/richierich.com.my\/staging\/wp-json\/wp\/v2\/pages\/1659\/revisions"}],"predecessor-version":[{"id":1850,"href":"https:\/\/richierich.com.my\/staging\/wp-json\/wp\/v2\/pages\/1659\/revisions\/1850"}],"wp:attachment":[{"href":"https:\/\/richierich.com.my\/staging\/wp-json\/wp\/v2\/media?parent=1659"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}