{"id":12992,"date":"2024-11-20T08:47:27","date_gmt":"2024-11-20T07:47:27","guid":{"rendered":"https://proweb.p.blends.be/?page_id=12992"},"modified":"2025-02-07T19:10:51","modified_gmt":"2025-02-07T18:10:51","slug":"lead-capture","status":"publish","type":"page","link":"https://pointerpro.com/fr/reportr-lead-generation/","title":{"rendered":"Lead capture"},"content":{"rendered":"\n<style>\n    #section-Z1biYKR {\n        padding-top: 0rem;\n        padding-bottom: 0rem;\n    }\n\n    @media (min-width:1024px ) {\n        #section-Z1biYKR {\n        padding-left:5.3rem;\n        ;\n        }\n    }\n\n        .custom-padding {\n        padding-right: 0 !important;\n        padding-left: 0 !important;\n    }\n    @media (max-width: 1024px) {\n        .custom-padding {\n            padding-right: var(--bs-gutter-x, .75rem) !important;\n            padding-left: var(--bs-gutter-x, .75rem) !important;\n        }\n    }\n    </style>\n\n<!-- if container is fluid -->\n<div class=\"full-width\" style=\"position: relative; opacity: 100%; background-color: #421f3c;\">\n    <div class=\"container-xl lazyblock-section lazyblock-section-Z1biYKR-container  #421f3c custom-padding \" id=\"section-Z1biYKR\"\n    style=\"opacity: 100%; background-color: #421f3c;\">\n                            <div class=\"section-bg-color\"\n                 style=\"opacity: 100%;\"></div>\n                <div class=\"row justify-content-center px-0 mx-0\">\n                <div class=\"col-lg-12 px-0 custom-padding row\">\n                    \n\n<style>\n    #content-animation-Z158ya4 {\n        padding-top: 0rem;\n        padding-bottom: 0rem;\n    }\n\n            @media (max-width: 61.999rem) {\n        /*#content-animation-Z158ya4 > .animation-wrapper.order-2 {\n            order: 0 !important;\n        }\n\n        #content-animation-Z158ya4 > .animation-wrapper.order-1 {\n            order: 3 !important;\n        }*/\n    }\n\n    \n    @media (max-width: 767.98px) {\n        .p-0 {\n            padding: 1rem !important;\n        }\n    }\n\n    #content-animation-Z158ya4 {\n        margin-top: 0rem;\n        margin-bottom: 0rem;\n    }\n\n    #content-animation-Z158ya4 .content-wrapper {\n        padding-left: 0rem;\n        padding-right: 0rem;\n    }\n\n    @media (max-width: 768px) {\n        #content-image-Z158ya4 .content-wrapper {\n            padding-left: 0 !important;\n        }\n    }\n</style>\n\n<div class=\"lazyblock-content-animation-container lazyblock-content-animation-Z158ya4-container -container px-0 mx-0\">\n    <div class=\"row lazyblock-content-animation \"\n         id=\"content-animation-Z158ya4\">\n        <div class=\"content-wrapper col-lg-6 col-12 pe-4 mb-lg-0 mb-4 order-1\">\n            <div class=\"d-flex flex-centered h-100\">\n                <div class=\"d-flex flex-wrap\">\n                    <div class=\"container-md px-0\">\n                        <div class=\"row lazyblock-content justify-content-start\">\n                            <div class=\"col-12 col-lg-12 text-start ps-4\">\n                    \n\n<style>\n    #heading-Z1zNhC0 .heading h1 {\n        color: #ffffff;\n        font-size: 3.5rem;\n        line-height: 3.5rem !important;\n    }\n\n    #heading-Z1zNhC0 {\n        margin-top: 0rem;\n        margin-bottom: 2rem;\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    @media (max-width: 768px) {\n        #heading-Z1zNhC0 {\n            margin-left: 0;\n            margin-right: 0;\n        }\n\n        .single #heading-Z1zNhC0 .heading h1 {\n            line-height: 3rem !important;\n        }\n    }\n</style>\n\n<div class=\"container-md lazyblock-heading-1-container lazyblock-heading-1-Z1zNhC0  px-0\" id=\"heading-Z1zNhC0\">\n    <div class=\"row heading lazyblock-heading-1 justify-content-start  lazyblock-heading-1-Z1zNhC0\">\n        <div class=\"col-12 col-lg-10 text-start \">\n            <a class=\"heading-1-anchor heading-anchor\" id=\"lead-capture\"></a>\n            <h1>Lead capture</h1>\n        </div>\n    </div>\n</div>\n\n\n\n<style>\n    .lazyblock-content-vj4A1 p,\n    .lazyblock-content-vj4A1 p a,\n    .lazyblock-content-vj4A1 h1,\n    .lazyblock-content-vj4A1 h2,\n    .lazyblock-content-vj4A1 h3,\n    .lazyblock-content-vj4A1 h4,\n    .lazyblock-content-vj4A1 h5 {\n        color: #ffffff;\n    }\n\n    #content-vj4A1 {\n        margin-top: 0rem;\n        margin-bottom: 1.5rem;\n    }\n\n    #content-vj4A1 {\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    @media (max-width: 768px) {\n        .p-0 {\n            padding: 1rem !important;\n        }\n        #content-vj4A1 {\n            margin-left: 0;\n            margin-right: 0;\n        }\n    }\n</style>\n\n<div class=\"container-md lazyblock-content-container lazyblock-content-vj4A1-container   \"\n     id=\"content-vj4A1\">\n    <div class=\"row lazyblock-content justify-content-start  lazyblock-content-vj4A1\">\n        <div class=\"col-12 col-lg-12 text-start\">\n            <div class=\"elementor-element elementor-element-532538ae elementor-widget elementor-widget-text-editor\" data-id=\"532538ae\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n<div class=\"elementor-widget-container\">\n<p>Let leads download a personalized PDF report right after taking your lead capture form</p>\n</div>\n</div>        </div>\n    </div>\n</div>\n\n\n\n<ul class=\"lazyblocks-icon-list-items\" id=\"icon-list-ZJP7YS\">\n            <li class=\"lazyblocks-icon-list-item\">\n            <span class=\"lazyblocks-icon-list-icon\"><img decoding=\"async\" src=\"https://pointerpro.com/wp-content/uploads/bullet-orange-150x150-1.png\" alt=\"bullet orange 150x150 1\"></span>\n            <span class=\"lazyblocks-icon-list-text\">\n                <p><span class=\"elementor-icon-list-text\" style=\"color: #ffffff;\">Collect leads through means of gamification and user engagement</span></p>            </span>\n                    </li>\n            <li class=\"lazyblocks-icon-list-item\">\n            <span class=\"lazyblocks-icon-list-icon\"><img decoding=\"async\" src=\"https://pointerpro.com/wp-content/uploads/bullet-orange-150x150-1.png\" alt=\"bullet orange 150x150 1\"></span>\n            <span class=\"lazyblocks-icon-list-text\">\n                <p><span class=\"elementor-icon-list-text\" style=\"color: #ffffff;\">Discover your audience’s needs and preferences with an interactive quiz</span></p>            </span>\n                    </li>\n            <li class=\"lazyblocks-icon-list-item\">\n            <span class=\"lazyblocks-icon-list-icon\"><img decoding=\"async\" src=\"https://pointerpro.com/wp-content/uploads/bullet-orange-150x150-1.png\" alt=\"bullet orange 150x150 1\"></span>\n            <span class=\"lazyblocks-icon-list-text\">\n                <div class=\"elementor-element elementor-element-10fccf26 e-con-full e-flex e-con e-parent\" data-id=\"10fccf26\" data-element_type=\"container\" data-core-v316-plus=\"true\">\n<div class=\"elementor-element elementor-element-8424b81 elementor-align-left elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"8424b81\" data-element_type=\"widget\" data-widget_type=\"icon-list.default\">\n<div class=\"elementor-widget-container\">\n<p><span class=\"elementor-icon-list-text\" style=\"color: #ffffff;\">Let respondents download a PDF report with a personalized offering right after taking your quiz</span></p>\n</div>\n</div>\n</div>            </span>\n                    </li>\n    </ul>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"animation-wrapper col-lg-6 order-2\"\n             style=\"height: 576px; display: grid;\"\n             id=\"lottie-container-Z158ya4\"\n             data-lottie-url=\"https://lottie.host/89829f61-c662-47a1-b9b2-58e4309ac640/jkDMkyxzt0.json\"\n             data-lottie-height=\"576\"\n        >\n                    </div>\n    </div>\n</div>\n\n                </div>\n        </div>\n    </div>\n</div>\n<!-- end -->\n\n<!-- if container is MD -->\n<!-- end -->\n\n\n\n\n<style>\n    #section-Z27FCTS {\n        padding-top: 2.8rem;\n        padding-bottom: 2.8rem;\n    }\n\n    @media (min-width:1024px ) {\n        #section-Z27FCTS {\n        ;\n        ;\n        }\n    }\n\n    </style>\n\n<!-- if container is fluid -->\n<div class=\"full-width\" style=\"position: relative; opacity: 100%; background-color: #ff7418;\">\n</div>\n<!-- end -->\n\n<!-- if container is MD -->\n    <div class=\"container-fluid lazyblock-section lazyblock-section-Z27FCTS-container  \" id=\"section-Z27FCTS\"\n         style=\"opacity: 100%; background-color: #ff7418;\">\n                            <div class=\"section-bg-color\"\n                 style=\"opacity: 100%;\"></div>\n                <div class=\"container-md \">\n            <div class=\"row col-lg-12\">\n                \n\n<style>\n    #lazyblock-carousel-SQdUD {\n        padding-top: 0rem;\n        padding-bottom: 0rem;\n    }\n</style>\n\n<div class=\"container-md lazyblock-carousel-container lazyblock-carousel-SQdUD-container \" id=\"lazyblock-carousel-SQdUD\">\n    <div class=\"row mx-0 lazyblock-carousel justify-content-center carousel-wrapper lazyblock-carousel-SQdUD\">\n        <div class=\"col-12 col-lg-12 px-0 pointerpro-carousel-inner-wrapper\"\n            data-slides-to-show=\"5\"\n            data-slides-to-show-mobile=\"2\"\n            data-arrows=\"false\"\n        >\n                            <div>\n                                                <img decoding=\"async\" src=\"https://pointerpro.com/wp-content/uploads/Deloitte-7.png\" alt=\"Deloitte 7\">\n                                    </div>\n                            <div>\n                                                <img decoding=\"async\" src=\"https://pointerpro.com/wp-content/uploads/logo-meta-151x52-2.png\" alt=\"logo meta 151x52 2\">\n                                    </div>\n                            <div>\n                                                <img decoding=\"async\" src=\"https://pointerpro.com/wp-content/uploads/logo-ethos-energy-151x52-1.png\" alt=\"logo ethos energy 151x52 1\">\n                                    </div>\n                            <div>\n                                                <img decoding=\"async\" src=\"https://pointerpro.com/wp-content/uploads/logo-accor-hotels-151x52-1.png\" alt=\"logo accor hotels 151x52 1\">\n                                    </div>\n                            <div>\n                                                <img decoding=\"async\" src=\"https://pointerpro.com/wp-content/uploads/logo-meta-151x52-1.png\" alt=\"logo Hexagon 151x52 1\">\n                                    </div>\n                            <div>\n                                                <img decoding=\"async\" src=\"https://pointerpro.com/wp-content/uploads/AstraZeneca-logo-6.png\" alt=\"AstraZeneca logo 6\">\n                                    </div>\n                            <div>\n                                                <img decoding=\"async\" src=\"https://pointerpro.com/wp-content/uploads/logo-capgemini-151x52-1.png\" alt=\"logo capgemini 151x52 1\">\n                                    </div>\n                            <div>\n                                                <img decoding=\"async\" src=\"https://pointerpro.com/wp-content/uploads/manpower-2-6.png\" alt=\"manpower 2 6\">\n                                    </div>\n                            <div>\n                                                <img decoding=\"async\" src=\"https://pointerpro.com/wp-content/uploads/johnson_johnson-5.png\" alt=\"johnson johnson 5\">\n                                    </div>\n                    </div>\n    </div>\n</div>\n\n            </div>\n        </div>\n    </div>\n<!-- end -->\n\n\n\n\n<style>\n    #section-ZiMg3w {\n        padding-top: 2.8rem;\n        padding-bottom: 2.8rem;\n    }\n\n    @media (min-width:1024px ) {\n        #section-ZiMg3w {\n        ;\n        ;\n        }\n    }\n\n    </style>\n\n<!-- if container is fluid -->\n<div class=\"full-width\" style=\"position: relative; opacity: 100%; background-color: #ffffff;\">\n</div>\n<!-- end -->\n\n<!-- if container is MD -->\n    <div class=\"container-fluid lazyblock-section lazyblock-section-ZiMg3w-container  \" id=\"section-ZiMg3w\"\n         style=\"opacity: 100%; background-color: #ffffff;\">\n                            <div class=\"section-bg-color\"\n                 style=\"opacity: 100%;\"></div>\n                <div class=\"container-md \">\n            <div class=\"row col-lg-12\">\n                \n\n<style>\n    #heading-Z2nhxGU .heading h2 {\n        color: #421f3c;\n        font-size: 2.5rem;\n        line-height: 2.5rem !important;\n    }\n\n    #heading-Z2nhxGU {\n        margin-top: 0rem;\n        margin-bottom: 0rem;\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    @media (max-width: 768px) {\n        #heading-Z2nhxGU {\n            margin-left: 0;\n            margin-right: 0;\n        }\n    }\n</style>\n\n<div class=\"container-md lazyblock-heading-2-container lazyblock-heading-2-Z2nhxGU  px-0\" id=\"heading-Z2nhxGU\">\n    <div class=\"row heading lazyblock-heading-2 justify-content-center  lazyblock-heading-2-Z2nhxGU\">\n        <div class=\"col-12 col-lg-12 text-center\">\n            <a class=\"heading-2-anchor heading-anchor\" id=\"turn-your-expertise-into-a-tool-that-offers-leads-personalized-advice-at-scale\"></a>\n            <h2>Turn your expertise into a tool that offers leads personalized advice at scale</h2>\n        </div>\n    </div>\n</div>\n\n            </div>\n        </div>\n    </div>\n<!-- end -->\n\n\n\n\n<style>\n    #section-1E2aOU {\n        padding-top: 2.8rem;\n        padding-bottom: 2.8rem;\n    }\n\n    @media (min-width:1024px ) {\n        #section-1E2aOU {\n        ;\n        ;\n        }\n    }\n\n    </style>\n\n<!-- if container is fluid -->\n<div class=\"full-width\" style=\"position: relative; opacity: 100%; \">\n</div>\n<!-- end -->\n\n<!-- if container is MD -->\n    <div class=\"container-fluid lazyblock-section lazyblock-section-1E2aOU-container  \" id=\"section-1E2aOU\"\n         style=\"opacity: 100%; \">\n                        <div class=\"container-md \">\n            <div class=\"row col-lg-12\">\n                \n\n<style>\n    #content-image-dOt4M {\n        padding-top: 0rem;\n        padding-bottom: 0rem;\n    }\n\n        \n    @media (max-width: 767.98px) {\n        .p-0 {\n            padding: 1rem !important;\n        }\n    }\n\n    #content-image-dOt4M {\n        margin-top: 0rem;\n        margin-bottom: 0rem;\n    }\n\n    #content-image-dOt4M .content-wrapper {\n        padding-left: 0rem;\n        padding-right: 0rem;\n    }\n\n    @media (max-width: 768px) {\n        #content-image-dOt4M .content-wrapper {\n            padding-left: 0 !important;\n        }\n    }\n\n    @media (max-width: 1440px) {\n        #section-dOt4M {\n            //padding-left: -2.8rem;\n        }\n    }\n\n    \n /*   .lazyblock-content-image-container {\n        position: relative;\n    }*/\n\n</style>\n\n<div class=\"lazyblock-content-image-container lazyblock-content-image-dOt4M-container -container px-0 mx-0\">\n    <div class=\"row lazyblock-content-image \"\n         id=\"content-image-dOt4M\">\n        <div class=\"content-wrapper col-lg-6 col-12 pe-4 mb-lg-0 mb-4 order-1\">\n            <div class=\"d-flex  h-100\">\n                                                <div class=\"d-flex flex-wrap\">\n                    <div class=\"container-md px-0\">\n                        <div class=\"row lazyblock-content justify-content-start\">\n                            <div class=\"col-12 col-lg-12 text-start ps-4\">\n                    \n\n<style>\n    #heading-Z1D4XVK .heading h2 {\n        color: #421f3c;\n        font-size: 2.25rem;\n        line-height: 2.25rem !important;\n    }\n\n    #heading-Z1D4XVK {\n        margin-top: 0rem;\n        margin-bottom: 2rem;\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    @media (max-width: 768px) {\n        #heading-Z1D4XVK {\n            margin-left: 0;\n            margin-right: 0;\n        }\n    }\n</style>\n\n<div class=\"container-md lazyblock-heading-2-container lazyblock-heading-2-Z1D4XVK  px-0\" id=\"heading-Z1D4XVK\">\n    <div class=\"row heading lazyblock-heading-2 justify-content-start  lazyblock-heading-2-Z1D4XVK\">\n        <div class=\"col-12 col-lg-10 text-start\">\n            <a class=\"heading-2-anchor heading-anchor\" id=\"build-all-types-of-assessments\"></a>\n            <h2>Build all types of assessments</h2>\n        </div>\n    </div>\n</div>\n\n\n\n<style>\n    .lazyblock-content-8wx4s p,\n    .lazyblock-content-8wx4s p a,\n    .lazyblock-content-8wx4s h1,\n    .lazyblock-content-8wx4s h2,\n    .lazyblock-content-8wx4s h3,\n    .lazyblock-content-8wx4s h4,\n    .lazyblock-content-8wx4s h5 {\n        color: #000000;\n    }\n\n    #content-8wx4s {\n        margin-top: 1rem;\n        margin-bottom: 0rem;\n    }\n\n    #content-8wx4s {\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    @media (max-width: 768px) {\n        .p-0 {\n            padding: 1rem !important;\n        }\n        #content-8wx4s {\n            margin-left: 0;\n            margin-right: 0;\n        }\n    }\n</style>\n\n<div class=\"container-md lazyblock-content-container lazyblock-content-8wx4s-container   \"\n     id=\"content-8wx4s\">\n    <div class=\"row lazyblock-content justify-content-start  lazyblock-content-8wx4s\">\n        <div class=\"col-12 col-lg-12 text-start\">\n            <p>This is not a single-purpose assessment software. You can build lead generation assessments, maturity assessments, personality assessments, 360 assessments, competency quizzes, self-assessments, or quote calculators and many, many more.</p>        </div>\n    </div>\n</div>\n\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"image-wrapper col-lg-6 order-2\">\n            <div class=\"d-flex  h-100\">\n                                                                    <img decoding=\"async\" class=\"on-the-fly-dOt4M\" src=\"https://pointerpro.com/wp-content/uploads/assessments4-1-1-1024x630-1-1.png\"\n                         alt=\"\" title=\"\"/>\n                            </div>\n        </div>\n    </div>\n</div>\n\n<script>\n    document.addEventListener(\"DOMContentLoaded\", function() {\n        var containers = document.querySelectorAll('.lazyblock-content-image-container');\n\n        function checkViewport() {\n            var screenWidth = window.innerWidth;\n            if (screenWidth > 320 && screenWidth <= 768) {\n                containers.forEach(function(container) {\n                    container.classList.remove('px-0', 'mx-0');\n                });\n            } else {\n                containers.forEach(function(container) {\n                    container.classList.add('px-0', 'mx-0');\n                });\n            }\n        }\n\n        checkViewport();\n\n        window.addEventListener('resize', checkViewport);\n    });\n\n</script>\n            </div>\n        </div>\n    </div>\n<!-- end -->\n\n\n\n\n<style>\n    #section-Z1Jr0Qt {\n        padding-top: 1.8rem;\n        padding-bottom: 1.8rem;\n    }\n\n    @media (min-width:1024px ) {\n        #section-Z1Jr0Qt {\n        ;\n        ;\n        }\n    }\n\n    </style>\n\n<!-- if container is fluid -->\n<div class=\"full-width\" style=\"position: relative; opacity: 100%; background-color: #ffffff;\">\n</div>\n<!-- end -->\n\n<!-- if container is MD -->\n    <div class=\"container-fluid lazyblock-section lazyblock-section-Z1Jr0Qt-container  \" id=\"section-Z1Jr0Qt\"\n         style=\"opacity: 100%; background-color: #ffffff;\">\n                            <div class=\"section-bg-color\"\n                 style=\"opacity: 100%;\"></div>\n                <div class=\"container-md \">\n            <div class=\"row col-lg-12\">\n                \n\n<style>\n    #lazyblock-carousel-29bUv0 {\n        padding-top: 2.8rem;\n        padding-bottom: 0rem;\n    }\n</style>\n\n<script>\n    jQuery(document).ready(function ($) {\n        // Get the specific carousel instance using unique ID\n        var $carousel = $('#lazyblock-carousel-29bUv0 .pointerpro-testimonial-carousel-inner-wrapper');\n\n        if (!$carousel.hasClass('slick-initialized')) {\n            $carousel.slick({\n                infinite: true,\n                slidesToShow: 1,\n                slidesToScroll: 1,\n                autoplay: true,\n                autoplaySpeed: 8000,\n                adaptiveHeight: true,\n                dots: false,\n                responsive: [\n                    {\n                        breakpoint: 768,\n                        settings: {\n                            slidesToShow: 1,\n                            slidesToScroll: 1\n                        }\n                    }\n                ],\n                arrows: false,\n                prevArrow: '<i class=\"fas fa-arrow-left prev\"></i>',\n                nextArrow: '<i class=\"fas fa-arrow-right next\"></i>',\n            });\n        }\n    });\n</script>\n\n    <div class=\"container-md lazyblock-testimonial-carousel-container lazyblock-testimonial-carousel-29bUv0-container  use-case-testimonial\"\n         id=\"lazyblock-carousel-29bUv0\">\n        <div class=\"row mx-0 lazyblock-testimonial-carousel justify-content-center carousel-wrapper lazyblock-testimonial-carousel-29bUv0\">\n            <div class=\"col-12 col-lg-10 px-0 pointerpro-testimonial-carousel-inner-wrapper\">\n                                    <div>\n                        <p>We use Pointerpro for all types of surveys and assessments across our global business and employees love its ease of use and flexible reporting.</p>                        <div class=\"row align-items-center\">\n                            <div class=\"testimonial-image col-auto\">\n                                                                    <img decoding=\"async\" src=\"https://pointerpro.com/wp-content/uploads/Jim-McLean-Alere-1.jpg\" alt=\"Jim McLean Alere 1\">\n                                                            </div>\n                            <div class=\"col\">\n                                <p class=\"testimonial-author mb-1\">Jim McLean</p>\n                                <p class=\"testimonial-function\">Director at Alere</p>\n                            </div>\n                        </div>\n                    </div>\n                            </div>\n        </div>\n    </div>\n\n            </div>\n        </div>\n    </div>\n<!-- end -->\n\n\n\n\n<style>\n    #section-1HUlUz {\n        padding-top: 2.8rem;\n        padding-bottom: 2.8rem;\n    }\n\n    @media (min-width:1024px ) {\n        #section-1HUlUz {\n        ;\n        ;\n        }\n    }\n\n    </style>\n\n<!-- if container is fluid -->\n<div class=\"full-width\" style=\"position: relative; opacity: 100%; \">\n</div>\n<!-- end -->\n\n<!-- if container is MD -->\n    <div class=\"container-fluid lazyblock-section lazyblock-section-1HUlUz-container  \" id=\"section-1HUlUz\"\n         style=\"opacity: 100%; \">\n                        <div class=\"container-md \">\n            <div class=\"row col-lg-12\">\n                \n\n<style>\n    #content-image-Z3SCPc {\n        padding-top: 0rem;\n        padding-bottom: 0rem;\n    }\n\n            @media (max-width: 61.999rem) {\n        #content-image-Z3SCPc > .image-wrapper.order-2 {\n            order: 0 !important;\n        }\n\n        #content-image-Z3SCPc > .image-wrapper.order-1 {\n            order: 3 !important;\n        }\n    }\n\n    \n    @media (max-width: 767.98px) {\n        .p-0 {\n            padding: 1rem !important;\n        }\n    }\n\n    #content-image-Z3SCPc {\n        margin-top: 0rem;\n        margin-bottom: 0rem;\n    }\n\n    #content-image-Z3SCPc .content-wrapper {\n        padding-left: 0rem;\n        padding-right: 0rem;\n    }\n\n    @media (max-width: 768px) {\n        #content-image-Z3SCPc .content-wrapper {\n            padding-left: 0 !important;\n        }\n    }\n\n    @media (max-width: 1440px) {\n        #section-Z3SCPc {\n            //padding-left: -2.8rem;\n        }\n    }\n\n    \n /*   .lazyblock-content-image-container {\n        position: relative;\n    }*/\n\n</style>\n\n<div class=\"lazyblock-content-image-container lazyblock-content-image-Z3SCPc-container -container px-0 mx-0\">\n    <div class=\"row lazyblock-content-image \"\n         id=\"content-image-Z3SCPc\">\n        <div class=\"content-wrapper col-lg-6 col-12 pe-4 mb-lg-0 mb-4 order-2\">\n            <div class=\"d-flex  h-100\">\n                                                <div class=\"d-flex flex-wrap\">\n                    <div class=\"container-md px-0\">\n                        <div class=\"row lazyblock-content justify-content-start\">\n                            <div class=\"col-12 col-lg-12 text-start ps-4\">\n                    \n\n<style>\n    #heading-LzDix .heading h2 {\n        color: #421f3c;\n        font-size: 2.25rem;\n        line-height: 2.25rem !important;\n    }\n\n    #heading-LzDix {\n        margin-top: 0rem;\n        margin-bottom: 2rem;\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    @media (max-width: 768px) {\n        #heading-LzDix {\n            margin-left: 0;\n            margin-right: 0;\n        }\n    }\n</style>\n\n<div class=\"container-md lazyblock-heading-2-container lazyblock-heading-2-LzDix  px-0\" id=\"heading-LzDix\">\n    <div class=\"row heading lazyblock-heading-2 justify-content-start  lazyblock-heading-2-LzDix\">\n        <div class=\"col-12 col-lg-10 text-start\">\n            <a class=\"heading-2-anchor heading-anchor\" id=\"generate-reports-with-flexible-content\"></a>\n            <h2>Generate reports with flexible content</h2>\n        </div>\n    </div>\n</div>\n\n\n\n<style>\n    .lazyblock-content-Z21uXCX p,\n    .lazyblock-content-Z21uXCX p a,\n    .lazyblock-content-Z21uXCX h1,\n    .lazyblock-content-Z21uXCX h2,\n    .lazyblock-content-Z21uXCX h3,\n    .lazyblock-content-Z21uXCX h4,\n    .lazyblock-content-Z21uXCX h5 {\n        color: #000000;\n    }\n\n    #content-Z21uXCX {\n        margin-top: 1rem;\n        margin-bottom: 0rem;\n    }\n\n    #content-Z21uXCX {\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    @media (max-width: 768px) {\n        .p-0 {\n            padding: 1rem !important;\n        }\n        #content-Z21uXCX {\n            margin-left: 0;\n            margin-right: 0;\n        }\n    }\n</style>\n\n<div class=\"container-md lazyblock-content-container lazyblock-content-Z21uXCX-container   \"\n     id=\"content-Z21uXCX\">\n    <div class=\"row lazyblock-content justify-content-start  lazyblock-content-Z21uXCX\">\n        <div class=\"col-12 col-lg-12 text-start\">\n            <p>No rigid PDF templates that cramp your style. Alternate between solid and variable text, graphs, and images, based on your respondent’s answers. You can even add data from other sources to create reports with aggregated data.</p>        </div>\n    </div>\n</div>\n\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"image-wrapper col-lg-6 order-1\">\n            <div class=\"d-flex  h-100\">\n                                                                    <img decoding=\"async\" class=\"on-the-fly-Z3SCPc\" src=\"https://pointerpro.com/wp-content/uploads/energy_efficiency_V2_example_5-1-1024x630-1-1.png\"\n                         alt=\"\" title=\"\"/>\n                            </div>\n        </div>\n    </div>\n</div>\n\n<script>\n    document.addEventListener(\"DOMContentLoaded\", function() {\n        var containers = document.querySelectorAll('.lazyblock-content-image-container');\n\n        function checkViewport() {\n            var screenWidth = window.innerWidth;\n            if (screenWidth > 320 && screenWidth <= 768) {\n                containers.forEach(function(container) {\n                    container.classList.remove('px-0', 'mx-0');\n                });\n            } else {\n                containers.forEach(function(container) {\n                    container.classList.add('px-0', 'mx-0');\n                });\n            }\n        }\n\n        checkViewport();\n\n        window.addEventListener('resize', checkViewport);\n    });\n\n</script>\n            </div>\n        </div>\n    </div>\n<!-- end -->\n\n\n\n\n<style>\n    #section-Z2vhaKi {\n        padding-top: 1.8rem;\n        padding-bottom: 1.8rem;\n    }\n\n    @media (min-width:1024px ) {\n        #section-Z2vhaKi {\n        ;\n        ;\n        }\n    }\n\n    </style>\n\n<!-- if container is fluid -->\n<div class=\"full-width\" style=\"position: relative; opacity: 100%; background-color: #ffffff;\">\n</div>\n<!-- end -->\n\n<!-- if container is MD -->\n    <div class=\"container-fluid lazyblock-section lazyblock-section-Z2vhaKi-container  \" id=\"section-Z2vhaKi\"\n         style=\"opacity: 100%; background-color: #ffffff;\">\n                            <div class=\"section-bg-color\"\n                 style=\"opacity: 100%;\"></div>\n                <div class=\"container-md \">\n            <div class=\"row col-lg-12\">\n                \n\n<style>\n    #lazyblock-carousel-1c2A48 {\n        padding-top: 2.8rem;\n        padding-bottom: 0rem;\n    }\n</style>\n\n<script>\n    jQuery(document).ready(function ($) {\n        // Get the specific carousel instance using unique ID\n        var $carousel = $('#lazyblock-carousel-1c2A48 .pointerpro-testimonial-carousel-inner-wrapper');\n\n        if (!$carousel.hasClass('slick-initialized')) {\n            $carousel.slick({\n                infinite: true,\n                slidesToShow: 1,\n                slidesToScroll: 1,\n                autoplay: true,\n                autoplaySpeed: 8000,\n                adaptiveHeight: true,\n                dots: false,\n                responsive: [\n                    {\n                        breakpoint: 768,\n                        settings: {\n                            slidesToShow: 1,\n                            slidesToScroll: 1\n                        }\n                    }\n                ],\n                arrows: false,\n                prevArrow: '<i class=\"fas fa-arrow-left prev\"></i>',\n                nextArrow: '<i class=\"fas fa-arrow-right next\"></i>',\n            });\n        }\n    });\n</script>\n\n    <div class=\"container-md lazyblock-testimonial-carousel-container lazyblock-testimonial-carousel-1c2A48-container  use-case-testimonial\"\n         id=\"lazyblock-carousel-1c2A48\">\n        <div class=\"row mx-0 lazyblock-testimonial-carousel justify-content-center carousel-wrapper lazyblock-testimonial-carousel-1c2A48\">\n            <div class=\"col-12 col-lg-10 px-0 pointerpro-testimonial-carousel-inner-wrapper\">\n                                    <div>\n                        <p>It’s a great advantage to have formulas and the possibility for a really thorough analysis. There are hundreds of formulas, but the customer only sees the easy-to-read report. If you’re looking for something like that, it’s really nice to work with Pointerpro.</p>                        <div class=\"row align-items-center\">\n                            <div class=\"testimonial-image col-auto\">\n                                                                    <img decoding=\"async\" src=\"https://pointerpro.com/wp-content/uploads/sabine-e1589813236553-2.png\" alt=\"sabine e1589813236553 2\">\n                                                            </div>\n                            <div class=\"col\">\n                                <p class=\"testimonial-author mb-1\">Sabine Wanmaker</p>\n                                <p class=\"testimonial-function\">Country Manager Netherlands at Better Minds at Work</p>\n                            </div>\n                        </div>\n                    </div>\n                            </div>\n        </div>\n    </div>\n\n            </div>\n        </div>\n    </div>\n<!-- end -->\n\n\n\n\n<style>\n    #section-UqmbW {\n        padding-top: 2.8rem;\n        padding-bottom: 2.8rem;\n    }\n\n    @media (min-width:1024px ) {\n        #section-UqmbW {\n        ;\n        ;\n        }\n    }\n\n    </style>\n\n<!-- if container is fluid -->\n<div class=\"full-width\" style=\"position: relative; opacity: 100%; \">\n</div>\n<!-- end -->\n\n<!-- if container is MD -->\n    <div class=\"container-fluid lazyblock-section lazyblock-section-UqmbW-container  \" id=\"section-UqmbW\"\n         style=\"opacity: 100%; \">\n                        <div class=\"container-md \">\n            <div class=\"row col-lg-12\">\n                \n\n<style>\n    #content-image-Z1DkdOz {\n        padding-top: 0rem;\n        padding-bottom: 0rem;\n    }\n\n        \n    @media (max-width: 767.98px) {\n        .p-0 {\n            padding: 1rem !important;\n        }\n    }\n\n    #content-image-Z1DkdOz {\n        margin-top: 0rem;\n        margin-bottom: 0rem;\n    }\n\n    #content-image-Z1DkdOz .content-wrapper {\n        padding-left: 0rem;\n        padding-right: 0rem;\n    }\n\n    @media (max-width: 768px) {\n        #content-image-Z1DkdOz .content-wrapper {\n            padding-left: 0 !important;\n        }\n    }\n\n    @media (max-width: 1440px) {\n        #section-Z1DkdOz {\n            //padding-left: -2.8rem;\n        }\n    }\n\n    \n /*   .lazyblock-content-image-container {\n        position: relative;\n    }*/\n\n</style>\n\n<div class=\"lazyblock-content-image-container lazyblock-content-image-Z1DkdOz-container -container px-0 mx-0\">\n    <div class=\"row lazyblock-content-image \"\n         id=\"content-image-Z1DkdOz\">\n        <div class=\"content-wrapper col-lg-6 col-12 pe-4 mb-lg-0 mb-4 order-1\">\n            <div class=\"d-flex  h-100\">\n                                                <div class=\"d-flex flex-wrap\">\n                    <div class=\"container-md px-0\">\n                        <div class=\"row lazyblock-content justify-content-start\">\n                            <div class=\"col-12 col-lg-12 text-start ps-4\">\n                    \n\n<style>\n    #heading-Z6Cmg2 .heading h2 {\n        color: #421f3c;\n        font-size: 2.25rem;\n        line-height: 2.25rem !important;\n    }\n\n    #heading-Z6Cmg2 {\n        margin-top: 0rem;\n        margin-bottom: 2rem;\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    @media (max-width: 768px) {\n        #heading-Z6Cmg2 {\n            margin-left: 0;\n            margin-right: 0;\n        }\n    }\n</style>\n\n<div class=\"container-md lazyblock-heading-2-container lazyblock-heading-2-Z6Cmg2  px-0\" id=\"heading-Z6Cmg2\">\n    <div class=\"row heading lazyblock-heading-2 justify-content-start  lazyblock-heading-2-Z6Cmg2\">\n        <div class=\"col-12 col-lg-10 text-start\">\n            <a class=\"heading-2-anchor heading-anchor\" id=\"no-coding-no-hassle\"></a>\n            <h2>No coding. No hassle.</h2>\n        </div>\n    </div>\n</div>\n\n\n\n<style>\n    .lazyblock-content-Z164TS3 p,\n    .lazyblock-content-Z164TS3 p a,\n    .lazyblock-content-Z164TS3 h1,\n    .lazyblock-content-Z164TS3 h2,\n    .lazyblock-content-Z164TS3 h3,\n    .lazyblock-content-Z164TS3 h4,\n    .lazyblock-content-Z164TS3 h5 {\n        color: #000000;\n    }\n\n    #content-Z164TS3 {\n        margin-top: 1rem;\n        margin-bottom: 0rem;\n    }\n\n    #content-Z164TS3 {\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    @media (max-width: 768px) {\n        .p-0 {\n            padding: 1rem !important;\n        }\n        #content-Z164TS3 {\n            margin-left: 0;\n            margin-right: 0;\n        }\n    }\n</style>\n\n<div class=\"container-md lazyblock-content-container lazyblock-content-Z164TS3-container   \"\n     id=\"content-Z164TS3\">\n    <div class=\"row lazyblock-content justify-content-start  lazyblock-content-Z164TS3\">\n        <div class=\"col-12 col-lg-12 text-start\">\n            <p>Don’t worry about complicated setup with multiple tools. This is the only assessment app around where you can create interactive assessments that also generate personalized reports per respondent.</p>        </div>\n    </div>\n</div>\n\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"image-wrapper col-lg-6 order-2\">\n            <div class=\"d-flex  h-100\">\n                                                                    <img decoding=\"async\" class=\"on-the-fly-Z1DkdOz\" src=\"https://pointerpro.com/wp-content/uploads/easy-as-pie-1-1024x630-2.png\"\n                         alt=\"\" title=\"\"/>\n                            </div>\n        </div>\n    </div>\n</div>\n\n<script>\n    document.addEventListener(\"DOMContentLoaded\", function() {\n        var containers = document.querySelectorAll('.lazyblock-content-image-container');\n\n        function checkViewport() {\n            var screenWidth = window.innerWidth;\n            if (screenWidth > 320 && screenWidth <= 768) {\n                containers.forEach(function(container) {\n                    container.classList.remove('px-0', 'mx-0');\n                });\n            } else {\n                containers.forEach(function(container) {\n                    container.classList.add('px-0', 'mx-0');\n                });\n            }\n        }\n\n        checkViewport();\n\n        window.addEventListener('resize', checkViewport);\n    });\n\n</script>\n            </div>\n        </div>\n    </div>\n<!-- end -->\n\n\n\n\n<style>\n    #section-Z58eN7 {\n        padding-top: 1.8rem;\n        padding-bottom: 1.8rem;\n    }\n\n    @media (min-width:1024px ) {\n        #section-Z58eN7 {\n        ;\n        ;\n        }\n    }\n\n    </style>\n\n<!-- if container is fluid -->\n<div class=\"full-width\" style=\"position: relative; opacity: 100%; background-color: #ffffff;\">\n</div>\n<!-- end -->\n\n<!-- if container is MD -->\n    <div class=\"container-fluid lazyblock-section lazyblock-section-Z58eN7-container  \" id=\"section-Z58eN7\"\n         style=\"opacity: 100%; background-color: #ffffff;\">\n                            <div class=\"section-bg-color\"\n                 style=\"opacity: 100%;\"></div>\n                <div class=\"container-md \">\n            <div class=\"row col-lg-12\">\n                \n\n<style>\n    #lazyblock-carousel-Z1uaHtv {\n        padding-top: 2.8rem;\n        padding-bottom: 0rem;\n    }\n</style>\n\n<script>\n    jQuery(document).ready(function ($) {\n        // Get the specific carousel instance using unique ID\n        var $carousel = $('#lazyblock-carousel-Z1uaHtv .pointerpro-testimonial-carousel-inner-wrapper');\n\n        if (!$carousel.hasClass('slick-initialized')) {\n            $carousel.slick({\n                infinite: true,\n                slidesToShow: 1,\n                slidesToScroll: 1,\n                autoplay: true,\n                autoplaySpeed: 8000,\n                adaptiveHeight: true,\n                dots: false,\n                responsive: [\n                    {\n                        breakpoint: 768,\n                        settings: {\n                            slidesToShow: 1,\n                            slidesToScroll: 1\n                        }\n                    }\n                ],\n                arrows: false,\n                prevArrow: '<i class=\"fas fa-arrow-left prev\"></i>',\n                nextArrow: '<i class=\"fas fa-arrow-right next\"></i>',\n            });\n        }\n    });\n</script>\n\n    <div class=\"container-md lazyblock-testimonial-carousel-container lazyblock-testimonial-carousel-Z1uaHtv-container  use-case-testimonial\"\n         id=\"lazyblock-carousel-Z1uaHtv\">\n        <div class=\"row mx-0 lazyblock-testimonial-carousel justify-content-center carousel-wrapper lazyblock-testimonial-carousel-Z1uaHtv\">\n            <div class=\"col-12 col-lg-10 px-0 pointerpro-testimonial-carousel-inner-wrapper\">\n                                    <div>\n                        <p>NOBODY has a product that is exactly like this. I looked for days, and from what I can tell, this checks the box. In fact, it’s what I would have created if I had been designing a program for myself.</p>                        <div class=\"row align-items-center\">\n                            <div class=\"testimonial-image col-auto\">\n                                                                    <img decoding=\"async\" src=\"https://pointerpro.com/wp-content/uploads/Kate-Zabriskie-1.jpg\" alt=\"Kate Zabriskie 1\">\n                                                            </div>\n                            <div class=\"col\">\n                                <p class=\"testimonial-author mb-1\">Kate Zabriskie</p>\n                                <p class=\"testimonial-function\">CEO of Business Training Works, Inc.</p>\n                            </div>\n                        </div>\n                    </div>\n                            </div>\n        </div>\n    </div>\n\n            </div>\n        </div>\n    </div>\n<!-- end -->\n\n\n\n\n<style>\n    #section-12HkY5 {\n        padding-top: 2.8rem;\n        padding-bottom: 2.8rem;\n    }\n\n    @media (min-width:1024px ) {\n        #section-12HkY5 {\n        ;\n        ;\n        }\n    }\n\n    </style>\n\n<!-- if container is fluid -->\n<div class=\"full-width\" style=\"position: relative; opacity: 100%; \">\n</div>\n<!-- end -->\n\n<!-- if container is MD -->\n    <div class=\"container-fluid lazyblock-section lazyblock-section-12HkY5-container  \" id=\"section-12HkY5\"\n         style=\"opacity: 100%; \">\n                        <div class=\"container-md \">\n            <div class=\"row col-lg-12\">\n                \n\n<style>\n    #content-image-1SkIS2 {\n        padding-top: 0rem;\n        padding-bottom: 0rem;\n    }\n\n        #content-image-1SkIS2 .on-the-fly-1SkIS2 {\n        width: 98%;\n    }\n\n            @media (max-width: 61.999rem) {\n        #content-image-1SkIS2 > .image-wrapper.order-2 {\n            order: 0 !important;\n        }\n\n        #content-image-1SkIS2 > .image-wrapper.order-1 {\n            order: 3 !important;\n        }\n    }\n\n    \n    @media (max-width: 767.98px) {\n        .p-0 {\n            padding: 1rem !important;\n        }\n    }\n\n    #content-image-1SkIS2 {\n        margin-top: 0rem;\n        margin-bottom: 0rem;\n    }\n\n    #content-image-1SkIS2 .content-wrapper {\n        padding-left: 0rem;\n        padding-right: 0rem;\n    }\n\n    @media (max-width: 768px) {\n        #content-image-1SkIS2 .content-wrapper {\n            padding-left: 0 !important;\n        }\n    }\n\n    @media (max-width: 1440px) {\n        #section-1SkIS2 {\n            //padding-left: -2.8rem;\n        }\n    }\n\n    \n /*   .lazyblock-content-image-container {\n        position: relative;\n    }*/\n\n</style>\n\n<div class=\"lazyblock-content-image-container lazyblock-content-image-1SkIS2-container -container px-0 mx-0\">\n    <div class=\"row lazyblock-content-image \"\n         id=\"content-image-1SkIS2\">\n        <div class=\"content-wrapper col-lg-6 col-12 pe-4 mb-lg-0 mb-4 order-2\">\n            <div class=\"d-flex  h-100\">\n                                                <div class=\"d-flex flex-wrap\">\n                    <div class=\"container-md px-0\">\n                        <div class=\"row lazyblock-content justify-content-start\">\n                            <div class=\"col-12 col-lg-12 text-start ps-4\">\n                    \n\n<style>\n    #heading-2wQR3v .heading h2 {\n        color: #421f3c;\n        font-size: 2.25rem;\n        line-height: 2.25rem !important;\n    }\n\n    #heading-2wQR3v {\n        margin-top: 0rem;\n        margin-bottom: 2rem;\n        margin-left: 1rem;\n        margin-right: auto;\n    }\n\n    @media (max-width: 768px) {\n        #heading-2wQR3v {\n            margin-left: 0;\n            margin-right: 0;\n        }\n    }\n</style>\n\n<div class=\"container-md lazyblock-heading-2-container lazyblock-heading-2-2wQR3v  px-0\" id=\"heading-2wQR3v\">\n    <div class=\"row heading lazyblock-heading-2 justify-content-start  lazyblock-heading-2-2wQR3v\">\n        <div class=\"col-12 col-lg-10 text-start\">\n            <a class=\"heading-2-anchor heading-anchor\" id=\"fully-branded-and-white-labeled-assessments\"></a>\n            <h2>Fully branded and white labeled assessments</h2>\n        </div>\n    </div>\n</div>\n\n\n\n<style>\n    .lazyblock-content-Z2iOEAT p,\n    .lazyblock-content-Z2iOEAT p a,\n    .lazyblock-content-Z2iOEAT h1,\n    .lazyblock-content-Z2iOEAT h2,\n    .lazyblock-content-Z2iOEAT h3,\n    .lazyblock-content-Z2iOEAT h4,\n    .lazyblock-content-Z2iOEAT h5 {\n        color: #000000;\n    }\n\n    #content-Z2iOEAT {\n        margin-top: 1rem;\n        margin-bottom: 0rem;\n    }\n\n    #content-Z2iOEAT {\n        margin-left: 1rem;\n        margin-right: auto;\n    }\n\n    @media (max-width: 768px) {\n        .p-0 {\n            padding: 1rem !important;\n        }\n        #content-Z2iOEAT {\n            margin-left: 0;\n            margin-right: 0;\n        }\n    }\n</style>\n\n<div class=\"container-md lazyblock-content-container lazyblock-content-Z2iOEAT-container   \"\n     id=\"content-Z2iOEAT\">\n    <div class=\"row lazyblock-content justify-content-start  lazyblock-content-Z2iOEAT\">\n        <div class=\"col-12 col-lg-12 text-start\">\n            <p>No expensive or time-consuming process. Effortlessly integrate your branding for an end result that looks like it was custom built and designed.</p>        </div>\n    </div>\n</div>\n\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"image-wrapper col-lg-6 order-1\">\n            <div class=\"d-flex  h-100\">\n                                                                    <img decoding=\"async\" class=\"on-the-fly-1SkIS2\" src=\"https://pointerpro.com/wp-content/uploads/examples2-1-1024x630-1.png\"\n                         alt=\"\" title=\"\"/>\n                            </div>\n        </div>\n    </div>\n</div>\n\n<script>\n    document.addEventListener(\"DOMContentLoaded\", function() {\n        var containers = document.querySelectorAll('.lazyblock-content-image-container');\n\n        function checkViewport() {\n            var screenWidth = window.innerWidth;\n            if (screenWidth > 320 && screenWidth <= 768) {\n                containers.forEach(function(container) {\n                    container.classList.remove('px-0', 'mx-0');\n                });\n            } else {\n                containers.forEach(function(container) {\n                    container.classList.add('px-0', 'mx-0');\n                });\n            }\n        }\n\n        checkViewport();\n\n        window.addEventListener('resize', checkViewport);\n    });\n\n</script>\n            </div>\n        </div>\n    </div>\n<!-- end -->\n\n\n\n\n<style>\n    #section-Z23a2mt {\n        padding-top: 1.8rem;\n        padding-bottom: 1.8rem;\n    }\n\n    @media (min-width:1024px ) {\n        #section-Z23a2mt {\n        ;\n        ;\n        }\n    }\n\n    </style>\n\n<!-- if container is fluid -->\n<div class=\"full-width\" style=\"position: relative; opacity: 100%; background-color: #ffffff;\">\n</div>\n<!-- end -->\n\n<!-- if container is MD -->\n    <div class=\"container-fluid lazyblock-section lazyblock-section-Z23a2mt-container  \" id=\"section-Z23a2mt\"\n         style=\"opacity: 100%; background-color: #ffffff;\">\n                            <div class=\"section-bg-color\"\n                 style=\"opacity: 100%;\"></div>\n                <div class=\"container-md \">\n            <div class=\"row col-lg-12\">\n                \n\n<style>\n    #lazyblock-carousel-Z2gYOQY {\n        padding-top: 2.8rem;\n        padding-bottom: 0rem;\n    }\n</style>\n\n<script>\n    jQuery(document).ready(function ($) {\n        // Get the specific carousel instance using unique ID\n        var $carousel = $('#lazyblock-carousel-Z2gYOQY .pointerpro-testimonial-carousel-inner-wrapper');\n\n        if (!$carousel.hasClass('slick-initialized')) {\n            $carousel.slick({\n                infinite: true,\n                slidesToShow: 1,\n                slidesToScroll: 1,\n                autoplay: true,\n                autoplaySpeed: 8000,\n                adaptiveHeight: true,\n                dots: false,\n                responsive: [\n                    {\n                        breakpoint: 768,\n                        settings: {\n                            slidesToShow: 1,\n                            slidesToScroll: 1\n                        }\n                    }\n                ],\n                arrows: false,\n                prevArrow: '<i class=\"fas fa-arrow-left prev\"></i>',\n                nextArrow: '<i class=\"fas fa-arrow-right next\"></i>',\n            });\n        }\n    });\n</script>\n\n    <div class=\"container-md lazyblock-testimonial-carousel-container lazyblock-testimonial-carousel-Z2gYOQY-container  use-case-testimonial\"\n         id=\"lazyblock-carousel-Z2gYOQY\">\n        <div class=\"row mx-0 lazyblock-testimonial-carousel justify-content-center carousel-wrapper lazyblock-testimonial-carousel-Z2gYOQY\">\n            <div class=\"col-12 col-lg-10 px-0 pointerpro-testimonial-carousel-inner-wrapper\">\n                                    <div>\n                        <p>Pointerpro is easy to use and comes with out-of-the-box modern designs to get you started. I like how easy it is to customize the look and feel.</p>                        <div class=\"row align-items-center\">\n                            <div class=\"testimonial-image col-auto\">\n                                                                    <img decoding=\"async\" src=\"https://pointerpro.com/wp-content/uploads/Heilman-1.jpg\" alt=\"Heilman 1\">\n                                                            </div>\n                            <div class=\"col\">\n                                <p class=\"testimonial-author mb-1\">Erin Heilman</p>\n                                <p class=\"testimonial-function\">Director of Marketing at Medisolv</p>\n                            </div>\n                        </div>\n                    </div>\n                            </div>\n        </div>\n    </div>\n\n            </div>\n        </div>\n    </div>\n<!-- end -->\n\n\n\n\n<style>\n    #section-SICMo {\n        padding-top: 2.8rem;\n        padding-bottom: 2.8rem;\n    }\n\n    @media (min-width:1024px ) {\n        #section-SICMo {\n        ;\n        ;\n        }\n    }\n\n    </style>\n\n<!-- if container is fluid -->\n<div class=\"full-width\" style=\"position: relative; opacity: 100%; \">\n</div>\n<!-- end -->\n\n<!-- if container is MD -->\n    <div class=\"container-fluid lazyblock-section lazyblock-section-SICMo-container  \" id=\"section-SICMo\"\n         style=\"opacity: 100%; \">\n                        <div class=\"container-md \">\n            <div class=\"row col-lg-12\">\n                \n\n<style>\n    #content-image-14eyHg {\n        padding-top: 0rem;\n        padding-bottom: 0rem;\n    }\n\n        #content-image-14eyHg .on-the-fly-14eyHg {\n        width: 98%;\n    }\n\n        \n    @media (max-width: 767.98px) {\n        .p-0 {\n            padding: 1rem !important;\n        }\n    }\n\n    #content-image-14eyHg {\n        margin-top: 0rem;\n        margin-bottom: 0rem;\n    }\n\n    #content-image-14eyHg .content-wrapper {\n        padding-left: 0rem;\n        padding-right: 0rem;\n    }\n\n    @media (max-width: 768px) {\n        #content-image-14eyHg .content-wrapper {\n            padding-left: 0 !important;\n        }\n    }\n\n    @media (max-width: 1440px) {\n        #section-14eyHg {\n            //padding-left: -2.8rem;\n        }\n    }\n\n    \n /*   .lazyblock-content-image-container {\n        position: relative;\n    }*/\n\n</style>\n\n<div class=\"lazyblock-content-image-container lazyblock-content-image-14eyHg-container -container px-0 mx-0\">\n    <div class=\"row lazyblock-content-image \"\n         id=\"content-image-14eyHg\">\n        <div class=\"content-wrapper col-lg-6 col-12 pe-4 mb-lg-0 mb-4 order-1\">\n            <div class=\"d-flex  h-100\">\n                                                <div class=\"d-flex flex-wrap\">\n                    <div class=\"container-md px-0\">\n                        <div class=\"row lazyblock-content justify-content-start\">\n                            <div class=\"col-12 col-lg-12 text-start ps-4\">\n                    \n\n<style>\n    #heading-Z17BlGK .heading h2 {\n        color: #421f3c;\n        font-size: 2.25rem;\n        line-height: 2.25rem !important;\n    }\n\n    #heading-Z17BlGK {\n        margin-top: 0rem;\n        margin-bottom: 2rem;\n        margin-left: 1rem;\n        margin-right: auto;\n    }\n\n    @media (max-width: 768px) {\n        #heading-Z17BlGK {\n            margin-left: 0;\n            margin-right: 0;\n        }\n    }\n</style>\n\n<div class=\"container-md lazyblock-heading-2-container lazyblock-heading-2-Z17BlGK  px-0\" id=\"heading-Z17BlGK\">\n    <div class=\"row heading lazyblock-heading-2 justify-content-start  lazyblock-heading-2-Z17BlGK\">\n        <div class=\"col-12 col-lg-10 text-start\">\n            <a class=\"heading-2-anchor heading-anchor\" id=\"instantly-downloadable-pdf-reports\"></a>\n            <h2>Instantly downloadable PDF reports</h2>\n        </div>\n    </div>\n</div>\n\n\n\n<style>\n    .lazyblock-content-mWii8 p,\n    .lazyblock-content-mWii8 p a,\n    .lazyblock-content-mWii8 h1,\n    .lazyblock-content-mWii8 h2,\n    .lazyblock-content-mWii8 h3,\n    .lazyblock-content-mWii8 h4,\n    .lazyblock-content-mWii8 h5 {\n        color: #000000;\n    }\n\n    #content-mWii8 {\n        margin-top: 1rem;\n        margin-bottom: 0rem;\n    }\n\n    #content-mWii8 {\n        margin-left: 1rem;\n        margin-right: auto;\n    }\n\n    @media (max-width: 768px) {\n        .p-0 {\n            padding: 1rem !important;\n        }\n        #content-mWii8 {\n            margin-left: 0;\n            margin-right: 0;\n        }\n    }\n</style>\n\n<div class=\"container-md lazyblock-content-container lazyblock-content-mWii8-container   \"\n     id=\"content-mWii8\">\n    <div class=\"row lazyblock-content justify-content-start  lazyblock-content-mWii8\">\n        <div class=\"col-12 col-lg-12 text-start\">\n            <p>No need to scare respondents away by asking for their email. Let people download their personalized PDF with a download button at the end of the assessment.</p>        </div>\n    </div>\n</div>\n\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"image-wrapper col-lg-6 order-2\">\n            <div class=\"d-flex  h-100\">\n                                                                    <img decoding=\"async\" class=\"on-the-fly-14eyHg\" src=\"https://pointerpro.com/wp-content/uploads/energy_efficiency_V2_example_3-1-1024x630-1-1.png\"\n                         alt=\"\" title=\"\"/>\n                            </div>\n        </div>\n    </div>\n</div>\n\n<script>\n    document.addEventListener(\"DOMContentLoaded\", function() {\n        var containers = document.querySelectorAll('.lazyblock-content-image-container');\n\n        function checkViewport() {\n            var screenWidth = window.innerWidth;\n            if (screenWidth > 320 && screenWidth <= 768) {\n                containers.forEach(function(container) {\n                    container.classList.remove('px-0', 'mx-0');\n                });\n            } else {\n                containers.forEach(function(container) {\n                    container.classList.add('px-0', 'mx-0');\n                });\n            }\n        }\n\n        checkViewport();\n\n        window.addEventListener('resize', checkViewport);\n    });\n\n</script>\n            </div>\n        </div>\n    </div>\n<!-- end -->\n\n\n\n\n<style>\n    #section-Z2eJwh9 {\n        padding-top: 1.8rem;\n        padding-bottom: 2rem;\n    }\n\n    @media (min-width:1024px ) {\n        #section-Z2eJwh9 {\n        ;\n        ;\n        }\n    }\n\n    </style>\n\n<!-- if container is fluid -->\n<div class=\"full-width\" style=\"position: relative; opacity: 100%; background-color: #ffffff;\">\n</div>\n<!-- end -->\n\n<!-- if container is MD -->\n    <div class=\"container-fluid lazyblock-section lazyblock-section-Z2eJwh9-container  \" id=\"section-Z2eJwh9\"\n         style=\"opacity: 100%; background-color: #ffffff;\">\n                            <div class=\"section-bg-color\"\n                 style=\"opacity: 100%;\"></div>\n                <div class=\"container-md \">\n            <div class=\"row col-lg-12\">\n                \n\n<style>\n    #lazyblock-carousel-Z2mMkjS {\n        padding-top: 2.8rem;\n        padding-bottom: 0rem;\n    }\n</style>\n\n<script>\n    jQuery(document).ready(function ($) {\n        // Get the specific carousel instance using unique ID\n        var $carousel = $('#lazyblock-carousel-Z2mMkjS .pointerpro-testimonial-carousel-inner-wrapper');\n\n        if (!$carousel.hasClass('slick-initialized')) {\n            $carousel.slick({\n                infinite: true,\n                slidesToShow: 1,\n                slidesToScroll: 1,\n                autoplay: true,\n                autoplaySpeed: 8000,\n                adaptiveHeight: true,\n                dots: false,\n                responsive: [\n                    {\n                        breakpoint: 768,\n                        settings: {\n                            slidesToShow: 1,\n                            slidesToScroll: 1\n                        }\n                    }\n                ],\n                arrows: false,\n                prevArrow: '<i class=\"fas fa-arrow-left prev\"></i>',\n                nextArrow: '<i class=\"fas fa-arrow-right next\"></i>',\n            });\n        }\n    });\n</script>\n\n    <div class=\"container-md lazyblock-testimonial-carousel-container lazyblock-testimonial-carousel-Z2mMkjS-container  use-case-testimonial\"\n         id=\"lazyblock-carousel-Z2mMkjS\">\n        <div class=\"row mx-0 lazyblock-testimonial-carousel justify-content-center carousel-wrapper lazyblock-testimonial-carousel-Z2mMkjS\">\n            <div class=\"col-12 col-lg-10 px-0 pointerpro-testimonial-carousel-inner-wrapper\">\n                                    <div>\n                        <p>I was able to create a customized, responsive backend combined with a clean front end that automatically generates reports and sends them to clients. The math that I’ve done says: Based on what I’m paying Pointerpro, I can run my company for the next 20 years and it’ll still be cheaper than a custom-built solution.</p>                        <div class=\"row align-items-center\">\n                            <div class=\"testimonial-image col-auto\">\n                                                                    <img decoding=\"async\" src=\"https://pointerpro.com/wp-content/uploads/David-from-Passions-and-Talents.jpg\" alt=\"David from Passions and Talents\">\n                                                            </div>\n                            <div class=\"col\">\n                                <p class=\"testimonial-author mb-1\">David Endean</p>\n                                <p class=\"testimonial-function\">Founder of Passions and Talents</p>\n                            </div>\n                        </div>\n                    </div>\n                            </div>\n        </div>\n    </div>\n\n            </div>\n        </div>\n    </div>\n<!-- end -->\n\n\n\n\n<style>\n    #section-2bcyjv {\n        padding-top: 0rem;\n        padding-bottom: 4rem;\n    }\n\n    @media (min-width:1024px ) {\n        #section-2bcyjv {\n        padding-left:5.3rem;\n        padding-right:5.3rem;\n        }\n    }\n\n    </style>\n\n<!-- if container is fluid -->\n<div class=\"full-width\" style=\"position: relative; opacity: 100%; \">\n    <div class=\"container-xl lazyblock-section lazyblock-section-2bcyjv-container   custom-padding d-none d-xl-block\" id=\"section-2bcyjv\"\n    style=\"opacity: 100%; \">\n                        <div class=\"row justify-content-center px-0 mx-0\">\n                <div class=\"col-lg-12 px-0 custom-padding row\">\n                    \n\n<div class=\"lazyblock-embed-u95IC-container \">\n    <div id=\"lazyblock-embed-u95IC\" class=\"row mx-0 lazyblock-embed text-center\">\n        <iframe class=\"embed-survey\" src=\"https://s.pointerpro.com/htludvpp\"></iframe>    </div>\n</div>\n\n                </div>\n        </div>\n    </div>\n</div>\n<!-- end -->\n\n<!-- if container is MD -->\n<!-- end -->\n\n\n\n\n<style>\n    #section-snaNG {\n        padding-top: 2.8rem;\n        padding-bottom: 2.8rem;\n    }\n\n    @media (min-width:1024px ) {\n        #section-snaNG {\n        ;\n        ;\n        }\n    }\n\n        .custom-padding {\n        padding-right: 0 !important;\n        padding-left: 0 !important;\n    }\n    @media (max-width: 1024px) {\n        .custom-padding {\n            padding-right: var(--bs-gutter-x, .75rem) !important;\n            padding-left: var(--bs-gutter-x, .75rem) !important;\n        }\n    }\n    </style>\n\n<!-- if container is fluid -->\n<div class=\"full-width\" style=\"position: relative; opacity: 100%; background-color: #ffffff;\">\n    <div class=\"container-xl lazyblock-section lazyblock-section-snaNG-container recommended-reading-single-post-container #ffffff custom-padding \" id=\"section-snaNG\"\n    style=\"opacity: 100%; background-color: #ffffff;\">\n                            <div class=\"section-bg-color\"\n                 style=\"opacity: 100%;\"></div>\n                <div class=\"row justify-content-center px-0 mx-0\">\n                <div class=\"col-lg-12 px-0 custom-padding row\">\n                    \n\n<style>\n    #heading-j8ssN .heading h2 {\n        color: #ff7418;\n        font-size: 1.5rem;\n        line-height: 2rem !important;\n    }\n\n    #heading-j8ssN {\n        margin-top: 0rem;\n        margin-bottom: 2rem;\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    @media (max-width: 768px) {\n        #heading-j8ssN {\n            margin-left: 0;\n            margin-right: 0;\n        }\n    }\n</style>\n\n<div class=\"container-md lazyblock-heading-2-container lazyblock-heading-2-j8ssN  px-0\" id=\"heading-j8ssN\">\n    <div class=\"row heading lazyblock-heading-2 justify-content-start  lazyblock-heading-2-j8ssN\">\n        <div class=\"col-12 col-lg-12 text-start\">\n            <a class=\"heading-2-anchor heading-anchor\" id=\"recommended-reading\"></a>\n            <h2>Recommended Reading</h2>\n        </div>\n    </div>\n</div>\n\n\n<div class=\"container-md lazyblock-teasers \">\n\n    \n    \n            <div class=\"row-wrapper child row row-cols-1 row-cols-lg-2 row-cols-xl-3 grid-gutter\" id=\"content_HOsUn\">\n                                                <div class=\"col pb-5\">\n                        <div class=\"card h-100 px-0 recommended-posts\">\n    <div class=\"recommended-item-wrapper\">\n        <div class=\"recommended-item-card\">\n                            <div class=\"recommended-item-img-wrapper\">\n                    <img decoding=\"async\" src=\"https://pointerpro.com/wp-content/uploads/pexels-pixabay-221185-scaled.jpg\" class=\"recommended-item-img\" alt=\"The complete guide to launching a digital maturity scan that grows your business\">\n                </div>\n                        <div class=\"recommended-item-body flex-column h-100\">\n                <div class=\"recommended-item-title\">\n                    <h4><a href=\"https://pointerpro.com/fr/blog/digital-maturity-scan/\">The complete guide to launching a digital maturity scan that grows your business</a></h4>\n                </div>\n                <div class=\"recommended-item-excerpt\">\n                    <p>Find out how better HR decision-making starts with centralizing and securing high-quality assessment...</p>\n                </div>\n            </div>\n            <div class=\"recommended-item-cta\">\n                <a href=\"https://pointerpro.com/fr/blog/digital-maturity-scan/\" class=\"arrow d-flex align-items-center\">\n                Read more \n                   <img decoding=\"async\" src=\"https://pointerpro.com/wp-content/themes/project-child/assets/img/icons/arrow-right.png\" alt=\"read more arrow\">\n                </a>\n            </div>\n        </div>\n    </div>\n</div>\n                    </div>\n                                                                <div class=\"col pb-5\">\n                        <div class=\"card h-100 px-0 recommended-posts\">\n    <div class=\"recommended-item-wrapper\">\n        <div class=\"recommended-item-card\">\n                            <div class=\"recommended-item-img-wrapper\">\n                    <img decoding=\"async\" src=\"https://pointerpro.com/wp-content/uploads/SURVEYxANYPLACExZAVENTEMANTWERP-3.jpg\" class=\"recommended-item-img\" alt=\"Which capabilities should a great leader have? (and how to measure them)\">\n                </div>\n                        <div class=\"recommended-item-body flex-column h-100\">\n                <div class=\"recommended-item-title\">\n                    <h4><a href=\"https://pointerpro.com/fr/blog/which-capabilities-should-a-great-leader-have-and-how-to-measure-them/\">Which capabilities should a great leader have? (and how to measure them)</a></h4>\n                </div>\n                <div class=\"recommended-item-excerpt\">\n                    <p>What capabilities should a great leader have? Have you worked closely with professionals,...</p>\n                </div>\n            </div>\n            <div class=\"recommended-item-cta\">\n                <a href=\"https://pointerpro.com/fr/blog/which-capabilities-should-a-great-leader-have-and-how-to-measure-them/\" class=\"arrow d-flex align-items-center\">\n                Read more \n                   <img decoding=\"async\" src=\"https://pointerpro.com/wp-content/themes/project-child/assets/img/icons/arrow-right.png\" alt=\"read more arrow\">\n                </a>\n            </div>\n        </div>\n    </div>\n</div>\n                    </div>\n                                                                <div class=\"col pb-5\">\n                        <div class=\"card h-100 px-0 recommended-posts\">\n    <div class=\"recommended-item-wrapper\">\n        <div class=\"recommended-item-card\">\n                            <div class=\"recommended-item-img-wrapper\">\n                    <img decoding=\"async\" src=\"https://pointerpro.com/wp-content/uploads/Client-report-automation-blog-article-2.jpg\" class=\"recommended-item-img\" alt=\"How to automate client reports from survey data\">\n                </div>\n                        <div class=\"recommended-item-body flex-column h-100\">\n                <div class=\"recommended-item-title\">\n                    <h4><a href=\"https://pointerpro.com/fr/how-to-automate-client-reports-from-survey-data/\">How to automate client reports from survey data</a></h4>\n                </div>\n                <div class=\"recommended-item-excerpt\">\n                    <p>Find out how better HR decision-making starts with centralizing and securing high-quality assessment...</p>\n                </div>\n            </div>\n            <div class=\"recommended-item-cta\">\n                <a href=\"https://pointerpro.com/fr/how-to-automate-client-reports-from-survey-data/\" class=\"arrow d-flex align-items-center\">\n                Read more \n                   <img decoding=\"async\" src=\"https://pointerpro.com/wp-content/themes/project-child/assets/img/icons/arrow-right.png\" alt=\"read more arrow\">\n                </a>\n            </div>\n        </div>\n    </div>\n</div>\n                    </div>\n                                    </div>\n\n            </div>\n\n<script>\n    jQuery(document).ready(function($) {\n        jQuery('select').select2({\n            minimumResultsForSearch: -1,\n            width: 'resolve'\n        });\n\n        $('select').on('change', function() {\n            $('#blogform').submit();\n        });\n\n        $('.sorting input[type=\"radio\"]').change(function() {\n            $('.submit input[type=\"submit\"]').click();\n        });\n\n        // Add specific class if .career-type is found within .col div\n        document.querySelectorAll('.grid-gutter > .col').forEach(function(col) {\n            if (col.querySelector('.career-type')) {\n                col.parentNode.classList.add('career-gutter');\n            }\n        });\n\n        const $searchForm = $('#blogform');\n        // Prevent form submission on Enter key press in the search input\n        $searchForm.on('keypress', '#search-blog', function(event) {\n            if (event.which === 13) {\n                event.preventDefault();\n            }\n        });\n\n        const $searchSubmit = $('.search-submit');\n        $searchSubmit.on('click', function(event) {\n            event.preventDefault();\n        });\n\n    });\n</script>\n\n\n\n                </div>\n        </div>\n    </div>\n</div>\n<!-- end -->\n\n<!-- if container is MD -->\n<!-- end -->\n\n\n\n\n<style>\n    #section-Z12LJzt {\n        padding-top: 6rem;\n        padding-bottom: 6rem;\n    }\n\n    @media (min-width:1024px ) {\n        #section-Z12LJzt {\n        ;\n        ;\n        }\n    }\n\n    </style>\n\n<!-- if container is fluid -->\n<div class=\"full-width\" style=\"position: relative; opacity: 100%; background-color: #421f3c;\">\n</div>\n<!-- end -->\n\n<!-- if container is MD -->\n    <div class=\"container-fluid lazyblock-section lazyblock-section-Z12LJzt-container  \" id=\"section-Z12LJzt\"\n         style=\"opacity: 100%; background-color: #421f3c;\">\n                            <div class=\"section-bg-color\"\n                 style=\"opacity: 100%;\"></div>\n                <div class=\"container-md \">\n            <div class=\"row col-lg-12\">\n                \n\n<style>\n    #content-cta-fTcPp {\n        padding-top: 0rem;\n        padding-bottom: 0rem;\n    }\n\n    @media (max-width: 767.98px) {\n        .p-0 {\n            padding: 1rem !important;\n        }\n    }\n\n    #content-image-fTcPp {\n        margin-top: 0rem;\n        margin-bottom: 0rem;\n    }\n</style>\n\n<div class=\"lazyblock-content-cta-container lazyblock-content-cta-fTcPp-container -container px-0 mx-0\">\n    <div class=\"row lazyblock-content-cta\"\n         id=\"content-cta-fTcPp\">\n        <div class=\"content-wrapper col-lg-9 col-12 pe-4 mb-lg-0 mb-4 order-1\">\n            <div class=\"d-flex flex-centered h-100\">\n                <div class=\"d-flex flex-wrap\">\n                    \n\n<style>\n    .lazyblock-content-Z28X1ke p,\n    .lazyblock-content-Z28X1ke p a,\n    .lazyblock-content-Z28X1ke h1,\n    .lazyblock-content-Z28X1ke h2,\n    .lazyblock-content-Z28X1ke h3,\n    .lazyblock-content-Z28X1ke h4,\n    .lazyblock-content-Z28X1ke h5 {\n        color: ;\n    }\n\n    #content-Z28X1ke {\n        margin-top: 0rem;\n        margin-bottom: 0rem;\n    }\n\n    #content-Z28X1ke {\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    @media (max-width: 768px) {\n        .p-0 {\n            padding: 1rem !important;\n        }\n        #content-Z28X1ke {\n            margin-left: 0;\n            margin-right: 0;\n        }\n    }\n</style>\n\n<div class=\"container-md lazyblock-content-container lazyblock-content-Z28X1ke-container  px-0 \"\n     id=\"content-Z28X1ke\">\n    <div class=\"row lazyblock-content justify-content-start  lazyblock-content-Z28X1ke\">\n        <div class=\"col-12 col-lg-12 text-start\">\n            <h4><span style=\"font-size: 36px;\"><span style=\"color: #ffffff;\">Curious how it works?</span> <span style=\"color: #ff7418;\">Give it a go!</span></span></h4>        </div>\n    </div>\n</div>\n\n                </div>\n            </div>\n        </div>\n        <div class=\"cta-wrapper col-lg-3 order-1 pe-0\">\n            <div class=\"flex-centered h-100\">\n                <div class=\"col-lg-12 d-flex justify-content-end\">\n                                            <a class=\"btn btn-primary  \"\n                           href=\"https://s.pointerpro.com/selfassessment2022\" target=\"_blank\">\n                            Try an example                        </a>\n                                    </div>\n            </div>\n        </div>\n    </div>\n</div>\n\n<script>\n    document.addEventListener(\"DOMContentLoaded\", function () {\n        var containers = document.querySelectorAll('.lazyblock-content-image-container');\n\n        function checkViewport() {\n            var screenWidth = window.innerWidth;\n            if (screenWidth > 320 && screenWidth <= 768) {\n                containers.forEach(function (container) {\n                    container.classList.remove('px-0', 'mx-0');\n                });\n            } else {\n                containers.forEach(function (container) {\n                    container.classList.add('px-0', 'mx-0');\n                });\n            }\n        }\n\n        checkViewport();\n\n        window.addEventListener('resize', checkViewport);\n    });\n\n</script>\n            </div>\n        </div>\n    </div>\n<!-- end -->\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":4329,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-12992","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https://pointerpro.com/fr/wp-json/wp/v2/pages/12992","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https://pointerpro.com/fr/wp-json/wp/v2/pages"}],"about":[{"href":"https://pointerpro.com/fr/wp-json/wp/v2/types/page"}],"author":[{"embeddable":true,"href":"https://pointerpro.com/fr/wp-json/wp/v2/users/1"}],"replies":[{"embeddable":true,"href":"https://pointerpro.com/fr/wp-json/wp/v2/comments?post=12992"}],"version-history":[{"count":3,"href":"https://pointerpro.com/fr/wp-json/wp/v2/pages/12992/revisions"}],"predecessor-version":[{"id":12995,"href":"https://pointerpro.com/fr/wp-json/wp/v2/pages/12992/revisions/12995"}],"up":[{"embeddable":true,"href":"https://pointerpro.com/fr/wp-json/wp/v2/pages/4329"}],"wp:attachment":[{"href":"https://pointerpro.com/fr/wp-json/wp/v2/media?parent=12992"}],"curies":[{"name":"wp","href":"https://api.w.org/{rel}","templated":true}]}}