{"id":9,"date":"2019-10-29T10:04:28","date_gmt":"2019-10-29T10:04:28","guid":{"rendered":"https:\/\/demo.casethemes.net\/consultio-corporate2\/?page_id=9"},"modified":"2026-07-31T00:19:28","modified_gmt":"2026-07-30T23:19:28","slug":"home","status":"publish","type":"page","link":"https:\/\/www.people1st-hr.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"9\" class=\"elementor elementor-9\" data-elementor-post-type=\"page\">\n\t\t\t\t        <section class=\"elementor-section elementor-top-section elementor-element elementor-element-10ca0f0 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default ct-header-fixed-none ct-row-max-none\" data-id=\"10ca0f0\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n            \n                        <div class=\"elementor-container elementor-column-gap-no \">\n                    <div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7e4f910\" data-id=\"7e4f910\" data-element_type=\"column\" data-e-type=\"column\">\n        <div class=\"elementor-widget-wrap elementor-element-populated\">\n                    \n        \t\t<div class=\"elementor-element elementor-element-0bff958 elementor-widget elementor-widget-html\" data-id=\"0bff958\" 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<!-- ============================================\r\n    PeopleFirst HR Solutions - Modern Home Banner\r\n============================================= -->\r\n\r\n<section class=\"pf-hero-banner\">\r\n\r\n    <div class=\"pf-hero-overlay\"><\/div>\r\n    <div class=\"pf-decoration pf-decoration-one\"><\/div>\r\n    <div class=\"pf-decoration pf-decoration-two\"><\/div>\r\n\r\n    <div class=\"pf-hero-container\">\r\n\r\n        <!-- Left Content -->\r\n        <div class=\"pf-hero-content\">\r\n\r\n            <div class=\"pf-top-label\">\r\n                <span>\u2726<\/span>\r\n                Your Trusted HR Partner\r\n            <\/div>\r\n\r\n            <h1>\r\n                Empowering Leaders.<br>\r\n                Elevating People.<br>\r\n                <strong>Building Better Workplaces.<\/strong>\r\n            <\/h1>\r\n\r\n            <p>\r\n                PeopleFirst HR Solutions provides compassionate, strategic,\r\n                and compliant HR support that helps leaders lead confidently,\r\n                strengthens workplace culture, and allows people and\r\n                organizations to thrive.\r\n            <\/p>\r\n\r\n            <div class=\"pf-hero-buttons\">\r\n\r\n                <a\r\n                    href=\"https:\/\/www.people1st-hr.com\/index.php\/contact-v-4\/\"\r\n                    class=\"pf-primary-button\"\r\n                >\r\n                    Contact Us\r\n\r\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                        <path d=\"M13 5l7 7-7 7-1.4-1.4 4.6-4.6H4v-2h12.2l-4.6-4.6L13 5z\"\/>\r\n                    <\/svg>\r\n                <\/a>\r\n\r\n                <a href=\"https:\/\/www.people1st-hr.com\/index.php\/services-v-2\/\" class=\"pf-secondary-button\">\r\n                    Our Services\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"pf-hero-highlights\">\r\n\r\n                <div class=\"pf-highlight\">\r\n                    <div class=\"pf-highlight-icon\">\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <path d=\"M12 2 4 5v6c0 5.05 3.41 9.74 8 11 4.59-1.26 8-5.95 8-11V5l-8-3Zm-1.2 14.2-3.5-3.5 1.4-1.4 2.1 2.1 4.8-4.8 1.4 1.4-6.2 6.2Z\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n\r\n                    <div>\r\n                        <strong>Trusted Support<\/strong>\r\n                        <span>Practical HR guidance<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"pf-highlight-line\"><\/div>\r\n\r\n                <div class=\"pf-highlight\">\r\n                    <div class=\"pf-highlight-icon\">\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <path d=\"M12 21.35 10.55 20.03C5.4 15.36 2 12.27 2 8.5 2 5.42 4.42 3 7.5 3A6 6 0 0 1 12 5.09 6 6 0 0 1 16.5 3C19.58 3 22 5.42 22 8.5c0 3.77-3.4 6.86-8.55 11.54L12 21.35Z\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n\r\n                    <div>\r\n                        <strong>People Focused<\/strong>\r\n                        <span>Human-centred solutions<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- Right Image Area (Cards Removed) -->\r\n        <div class=\"pf-hero-image-area\">\r\n\r\n            <div class=\"pf-image-accent\"><\/div>\r\n            <div class=\"pf-image-dots\"><\/div>\r\n\r\n            <!-- Main Clean Image (No Overlay Cards) -->\r\n            <div class=\"pf-white-image-card\">\r\n                <div class=\"pf-card-top-line\"><\/div>\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/www.people1st-hr.com\/wp-content\/uploads\/2026\/07\/4788C6F9-5F31-4D7C-917C-B6EFA157F45F-1.JPG-scaled.jpeg\"\r\n                    alt=\"PeopleFirst HR Solutions\"\r\n                    class=\"pf-front-image\"\r\n                >\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n    .pf-hero-banner,\r\n    .pf-hero-banner * {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .pf-hero-banner {\r\n        \/* Vibrant Blue Palette *\/\r\n        --pf-blue-dark: #003366;\r\n        --pf-blue: #085c8b;\r\n        --pf-blue-light: #0d7dbb;\r\n        --pf-yellow: #f9d364;\r\n        --pf-dark: #0a192f;\r\n        --pf-text: #2c3e50;\r\n\r\n        position: relative;\r\n        isolation: isolate;\r\n        overflow: hidden;\r\n        width: 100%;\r\n        min-height: 760px;\r\n        padding: 80px 24px;\r\n        background:\r\n            url(\"https:\/\/images.unsplash.com\/photo-1497366811353-6870744d04b2?auto=format&fit=crop&w=2000&q=85\")\r\n            center center \/ cover no-repeat;\r\n        font-family: Arial, Helvetica, sans-serif;\r\n    }\r\n\r\n    \/* Background Image Overlay - Blue Gradient *\/\r\n    .pf-hero-overlay {\r\n        position: absolute;\r\n        inset: 0;\r\n        z-index: -3;\r\n        background:\r\n            linear-gradient(\r\n                90deg,\r\n                rgba(240, 246, 252, 0.98) 0%,\r\n                rgba(235, 243, 250, 0.95) 46%,\r\n                rgba(215, 233, 247, 0.88) 63%,\r\n                rgba(8, 92, 139, 0.45) 100%\r\n            );\r\n    }\r\n\r\n    \/* Side Accent - Blue Theme *\/\r\n    .pf-hero-banner::before {\r\n        content: \"\";\r\n        position: absolute;\r\n        top: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n        z-index: -2;\r\n        width: 43%;\r\n        background:\r\n            linear-gradient(\r\n                150deg,\r\n                rgba(13, 125, 187, 0.85),\r\n                rgba(0, 51, 102, 0.90)\r\n            );\r\n        clip-path: polygon(24% 0, 100% 0, 100% 100%, 0 100%);\r\n    }\r\n\r\n    .pf-hero-container {\r\n        position: relative;\r\n        z-index: 5;\r\n        display: grid;\r\n        grid-template-columns: minmax(0, 1.05fr) minmax(470px, 0.95fr);\r\n        align-items: center;\r\n        gap: 70px;\r\n        width: 100%;\r\n        max-width: 1280px;\r\n        min-height: 600px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    \/* Decorative Shapes *\/\r\n    .pf-decoration {\r\n        position: absolute;\r\n        border-radius: 50%;\r\n        pointer-events: none;\r\n    }\r\n\r\n    .pf-decoration-one {\r\n        top: -180px;\r\n        left: -160px;\r\n        z-index: -1;\r\n        width: 430px;\r\n        height: 430px;\r\n        background: rgba(8, 92, 139, 0.15);\r\n    }\r\n\r\n    .pf-decoration-two {\r\n        right: -170px;\r\n        bottom: -210px;\r\n        z-index: -1;\r\n        width: 480px;\r\n        height: 480px;\r\n        border: 75px solid rgba(8, 92, 139, 0.12);\r\n    }\r\n\r\n    \/* Left Content - Bold Type *\/\r\n    .pf-hero-content {\r\n        max-width: 680px;\r\n    }\r\n\r\n    .pf-top-label {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n        margin-bottom: 23px;\r\n        padding: 9px 19px 9px 12px;\r\n        color: var(--pf-blue-dark);\r\n        background: rgba(255, 255, 255, 0.95);\r\n        border: 1.5px solid rgba(8, 92, 139, 0.25);\r\n        border-radius: 50px;\r\n        box-shadow: 0 12px 30px rgba(8, 92, 139, 0.12);\r\n        font-size: 13px;\r\n        font-weight: 900;\r\n        letter-spacing: 1px;\r\n        text-transform: uppercase;\r\n    }\r\n\r\n    .pf-top-label span {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        width: 29px;\r\n        height: 29px;\r\n        color: var(--pf-blue-dark);\r\n        background: var(--pf-yellow);\r\n        border-radius: 50%;\r\n        font-weight: 900;\r\n    }\r\n\r\n    .pf-hero-content h1 {\r\n        margin: 0 0 24px;\r\n        color: var(--pf-dark);\r\n        font-size: clamp(42px, 4.2vw, 57px);\r\n        font-weight: 900;\r\n        line-height: 1.1;\r\n        letter-spacing: -1.5px;\r\n    }\r\n\r\n    .pf-hero-content h1 strong {\r\n        position: relative;\r\n        display: inline-block;\r\n        color: var(--pf-blue);\r\n        font-weight: 900;\r\n    }\r\n\r\n    .pf-hero-content h1 strong::after {\r\n        content: \"\";\r\n        position: absolute;\r\n        right: -4px;\r\n        bottom: 3px;\r\n        left: -4px;\r\n        z-index: -1;\r\n        height: 12px;\r\n        background: rgba(249, 211, 100, 0.7);\r\n        border-radius: 20px;\r\n        transform: rotate(-1deg);\r\n    }\r\n\r\n    .pf-hero-content > p {\r\n        max-width: 630px;\r\n        margin: 0 0 31px;\r\n        color: var(--pf-text);\r\n        font-size: 18px;\r\n        font-weight: 600;\r\n        line-height: 1.75;\r\n    }\r\n\r\n    \/* Buttons - Bold Type *\/\r\n    .pf-hero-buttons {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        gap: 15px;\r\n        margin-bottom: 38px;\r\n    }\r\n\r\n    .pf-primary-button,\r\n    .pf-secondary-button {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        min-height: 55px;\r\n        padding: 14px 30px;\r\n        border-radius: 11px;\r\n        font-size: 16px;\r\n        font-weight: 900;\r\n        text-decoration: none;\r\n        transition: 0.3s ease;\r\n    }\r\n\r\n    .pf-primary-button {\r\n        gap: 10px;\r\n        color: #ffffff;\r\n        background: linear-gradient(\r\n            135deg,\r\n            var(--pf-blue-dark),\r\n            var(--pf-blue)\r\n        );\r\n        border: 1px solid var(--pf-blue-dark);\r\n        box-shadow: 0 15px 32px rgba(8, 92, 139, 0.3);\r\n    }\r\n\r\n    .pf-primary-button svg {\r\n        width: 19px;\r\n        height: 19px;\r\n        fill: currentColor;\r\n        transition: transform 0.3s ease;\r\n    }\r\n\r\n    .pf-primary-button:hover {\r\n        color: #ffffff;\r\n        background: linear-gradient(\r\n            135deg,\r\n            var(--pf-blue),\r\n            var(--pf-blue-light)\r\n        );\r\n        border-color: var(--pf-blue);\r\n        transform: translateY(-3px);\r\n    }\r\n\r\n    .pf-primary-button:hover svg {\r\n        transform: translateX(4px);\r\n    }\r\n\r\n    .pf-secondary-button {\r\n        color: var(--pf-blue-dark);\r\n        background: rgba(255, 255, 255, 0.95);\r\n        border: 2px solid var(--pf-blue);\r\n        box-shadow: 0 12px 28px rgba(8, 92, 139, 0.12);\r\n    }\r\n\r\n    .pf-secondary-button:hover {\r\n        color: #ffffff;\r\n        background: var(--pf-blue);\r\n        border-color: var(--pf-blue);\r\n        transform: translateY(-3px);\r\n    }\r\n\r\n    \/* Highlights - Bold Type *\/\r\n    .pf-hero-highlights {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 22px;\r\n        width: fit-content;\r\n        padding: 16px 22px;\r\n        background: rgba(255, 255, 255, 0.92);\r\n        border: 1.5px solid rgba(8, 92, 139, 0.2);\r\n        border-radius: 16px;\r\n        box-shadow: 0 15px 35px rgba(8, 92, 139, 0.12);\r\n        backdrop-filter: blur(12px);\r\n    }\r\n\r\n    .pf-highlight {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 12px;\r\n    }\r\n\r\n    .pf-highlight-icon {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        flex: 0 0 44px;\r\n        width: 44px;\r\n        height: 44px;\r\n        color: #ffffff;\r\n        background: var(--pf-blue);\r\n        border-radius: 11px;\r\n    }\r\n\r\n    .pf-highlight-icon svg {\r\n        width: 22px;\r\n        height: 22px;\r\n        fill: currentColor;\r\n    }\r\n\r\n    .pf-highlight strong {\r\n        display: block;\r\n        margin-bottom: 2px;\r\n        color: var(--pf-dark);\r\n        font-size: 14px;\r\n        font-weight: 800;\r\n    }\r\n\r\n    .pf-highlight span {\r\n        display: block;\r\n        color: #4a5568;\r\n        font-size: 12px;\r\n        font-weight: 700;\r\n    }\r\n\r\n    .pf-highlight-line {\r\n        width: 2px;\r\n        height: 42px;\r\n        background: rgba(8, 92, 139, 0.2);\r\n    }\r\n\r\n    \/* Right Image Area *\/\r\n    .pf-hero-image-area {\r\n        position: relative;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        min-height: 600px;\r\n    }\r\n\r\n    .pf-image-accent {\r\n        position: absolute;\r\n        right: -25px;\r\n        bottom: 20px;\r\n        width: 410px;\r\n        height: 480px;\r\n        background: linear-gradient(\r\n            145deg,\r\n            var(--pf-blue-dark),\r\n            var(--pf-blue-light)\r\n        );\r\n        border-radius: 45px 180px 45px 180px;\r\n        box-shadow: 0 35px 70px rgba(0, 51, 102, 0.3);\r\n        transform: rotate(5deg);\r\n    }\r\n\r\n    .pf-image-dots {\r\n        position: absolute;\r\n        top: 30px;\r\n        right: -20px;\r\n        width: 125px;\r\n        height: 125px;\r\n        background-image: radial-gradient(\r\n            rgba(249, 211, 100, 0.95) 3.5px,\r\n            transparent 3.5px\r\n        );\r\n        background-size: 16px 16px;\r\n    }\r\n\r\n    \/* Main White Image Container (Modified to full-height image wrapper since cards are removed) *\/\r\n    .pf-white-image-card {\r\n        position: relative;\r\n        z-index: 4;\r\n        display: flex;\r\n        flex-direction: column;\r\n        overflow: hidden;\r\n        width: 100%;\r\n        max-width: 455px;\r\n        height: 500px;\r\n        background: #ffffff;\r\n        border: 10px solid rgba(255, 255, 255, 0.95);\r\n        border-radius: 30px;\r\n        box-shadow:\r\n            0 35px 75px rgba(8, 92, 139, 0.25),\r\n            0 0 0 1px rgba(255, 255, 255, 0.8);\r\n    }\r\n\r\n    .pf-card-top-line {\r\n        position: absolute;\r\n        top: 0;\r\n        right: 0;\r\n        left: 0;\r\n        z-index: 5;\r\n        height: 8px;\r\n        background: linear-gradient(\r\n            90deg,\r\n            var(--pf-blue-dark),\r\n            var(--pf-yellow),\r\n            var(--pf-blue-light)\r\n        );\r\n    }\r\n\r\n    .pf-front-image {\r\n        position: absolute;\r\n        top: 8px;\r\n        right: 0;\r\n        left: 0;\r\n        z-index: 2;\r\n        display: block;\r\n        width: 100%;\r\n        height: 100%;\r\n        padding: 12px 15px;\r\n        object-fit: cover;\r\n        object-position: center;\r\n        background: #ffffff;\r\n        filter: drop-shadow(0 18px 18px rgba(8, 92, 139, 0.15));\r\n    }\r\n\r\n    \/* Tablet *\/\r\n    @media (max-width: 1050px) {\r\n        .pf-hero-banner {\r\n            padding: 75px 24px;\r\n        }\r\n\r\n        .pf-hero-banner::before {\r\n            top: auto;\r\n            width: 100%;\r\n            height: 47%;\r\n            clip-path: polygon(0 20%, 100% 0, 100% 100%, 0 100%);\r\n        }\r\n\r\n        .pf-hero-container {\r\n            grid-template-columns: 1fr;\r\n            gap: 55px;\r\n        }\r\n\r\n        .pf-hero-content {\r\n            max-width: 800px;\r\n            margin: 0 auto;\r\n            text-align: center;\r\n        }\r\n\r\n        .pf-hero-content > p {\r\n            margin-right: auto;\r\n            margin-left: auto;\r\n        }\r\n\r\n        .pf-hero-buttons {\r\n            justify-content: center;\r\n        }\r\n\r\n        .pf-hero-highlights {\r\n            margin-right: auto;\r\n            margin-left: auto;\r\n        }\r\n\r\n        .pf-hero-image-area {\r\n            width: 100%;\r\n            max-width: 650px;\r\n            margin: 0 auto;\r\n        }\r\n    }\r\n\r\n    \/* Mobile *\/\r\n    @media (max-width: 700px) {\r\n        .pf-hero-banner {\r\n            padding: 55px 16px;\r\n        }\r\n\r\n        .pf-hero-overlay {\r\n            background:\r\n                linear-gradient(\r\n                    180deg,\r\n                    rgba(255, 255, 255, 0.96) 0%,\r\n                    rgba(240, 246, 252, 0.91) 55%,\r\n                    rgba(8, 92, 139, 0.45) 100%\r\n                );\r\n        }\r\n\r\n        .pf-hero-content h1 {\r\n            font-size: 36px;\r\n            line-height: 1.14;\r\n            letter-spacing: -1px;\r\n        }\r\n\r\n        .pf-hero-content > p {\r\n            font-size: 16px;\r\n            line-height: 1.7;\r\n        }\r\n\r\n        .pf-hero-buttons {\r\n            flex-direction: column;\r\n        }\r\n\r\n        .pf-primary-button,\r\n        .pf-secondary-button {\r\n            width: 100%;\r\n        }\r\n\r\n        .pf-hero-highlights {\r\n            flex-direction: column;\r\n            align-items: stretch;\r\n            width: 100%;\r\n        }\r\n\r\n        .pf-highlight {\r\n            text-align: left;\r\n        }\r\n\r\n        .pf-highlight-line {\r\n            width: 100%;\r\n            height: 2px;\r\n        }\r\n\r\n        .pf-hero-image-area {\r\n            min-height: 450px;\r\n        }\r\n\r\n        .pf-image-accent {\r\n            right: 5%;\r\n            width: 330px;\r\n            height: 420px;\r\n        }\r\n\r\n        .pf-white-image-card {\r\n            max-width: 390px;\r\n            height: 420px;\r\n        }\r\n\r\n        .pf-image-dots {\r\n            display: none;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 430px) {\r\n        .pf-hero-content h1 {\r\n            font-size: 31px;\r\n        }\r\n\r\n        .pf-top-label {\r\n            font-size: 10px;\r\n            letter-spacing: 0.5px;\r\n        }\r\n\r\n        .pf-hero-image-area {\r\n            min-height: 380px;\r\n        }\r\n\r\n        .pf-white-image-card {\r\n            height: 360px;\r\n        }\r\n\r\n        .pf-image-accent {\r\n            width: 290px;\r\n            height: 330px;\r\n        }\r\n    }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t            <\/div>\n        <\/div>\n                    <\/div>\n        <\/section>\n                <section class=\"elementor-section elementor-top-section elementor-element elementor-element-89a3404 elementor-section-boxed elementor-section-height-default elementor-section-height-default ct-header-fixed-none ct-row-max-none\" data-id=\"89a3404\" data-element_type=\"section\" data-e-type=\"section\">\n            \n                        <div class=\"elementor-container elementor-column-gap-extended \">\n                    <div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-463cbd5\" data-id=\"463cbd5\" data-element_type=\"column\" data-e-type=\"column\">\n        <div class=\"elementor-widget-wrap elementor-element-populated\">\n                    \n                <section class=\"elementor-section elementor-inner-section elementor-element elementor-element-1f95258 elementor-section-boxed elementor-section-height-default elementor-section-height-default ct-header-fixed-none ct-row-max-none\" data-id=\"1f95258\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n            \n                        <div class=\"elementor-container elementor-column-gap-extended \">\n                    <div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-0a56ef4\" data-id=\"0a56ef4\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n        <div class=\"elementor-widget-wrap elementor-element-populated\">\n                    \n        \t\t<div class=\"elementor-element elementor-element-9b0c8bd elementor-invisible elementor-widget elementor-widget-ct_fancy_box\" data-id=\"9b0c8bd\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;zoomIn&quot;}\" data-widget_type=\"ct_fancy_box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"ct_fancy_box-9b0c8bd\" class=\"ct-fancy-box ct-fancy-box-layout10 \" data-wow-delay=\"ms\">\r\n        \r\n            <div class=\"item--icon\">\r\n                    <\/div>\r\n            <div class=\"item--holder\">\r\n        <h3 class=\"item--title\">\r\n            Empowerment        <\/h3>\r\n        <div class=\"item--description\">We equip leaders and employees with the tools, confidence, and clarity they need to succeed.<\/div>\r\n            <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t            <\/div>\n        <\/div>\n                <div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-de6a9d9\" data-id=\"de6a9d9\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n        <div class=\"elementor-widget-wrap elementor-element-populated\">\n                    \n        \t\t<div class=\"elementor-element elementor-element-c46cba4 elementor-invisible elementor-widget elementor-widget-ct_fancy_box\" data-id=\"c46cba4\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;zoomIn&quot;}\" data-widget_type=\"ct_fancy_box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"ct_fancy_box-c46cba4\" class=\"ct-fancy-box ct-fancy-box-layout10 \" data-wow-delay=\"ms\">\r\n        \r\n            <div class=\"item--icon\">\r\n                    <\/div>\r\n            <div class=\"item--holder\">\r\n        <h3 class=\"item--title\">\r\n            Integrity        <\/h3>\r\n        <div class=\"item--description\">We operate with honesty, transparency, and ethical decision-making in every interaction.<\/div>\r\n            <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t            <\/div>\n        <\/div>\n                <div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-2f95a7b\" data-id=\"2f95a7b\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n        <div class=\"elementor-widget-wrap elementor-element-populated\">\n                    \n        \t\t<div class=\"elementor-element elementor-element-7a2c195 elementor-invisible elementor-widget elementor-widget-ct_fancy_box\" data-id=\"7a2c195\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;zoomIn&quot;}\" data-widget_type=\"ct_fancy_box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"ct_fancy_box-7a2c195\" class=\"ct-fancy-box ct-fancy-box-layout10 \" data-wow-delay=\"ms\">\r\n        \r\n            <div class=\"item--icon\">\r\n                    <\/div>\r\n            <div class=\"item--holder\">\r\n        <h3 class=\"item--title\">\r\n            Compassion        <\/h3>\r\n        <div class=\"item--description\">We lead with empathy, understanding, and respect for human experience at work.<\/div>\r\n            <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t            <\/div>\n        <\/div>\n                    <\/div>\n        <\/section>\n                <section class=\"elementor-section elementor-inner-section elementor-element elementor-element-83e5341 elementor-section-boxed elementor-section-height-default elementor-section-height-default ct-header-fixed-none ct-row-max-none\" data-id=\"83e5341\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n            \n                        <div class=\"elementor-container elementor-column-gap-extended \">\n                    <div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-be67f31\" data-id=\"be67f31\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n        <div class=\"elementor-widget-wrap elementor-element-populated\">\n                    \n        \t\t<div class=\"elementor-element elementor-element-3026e69 elementor-invisible elementor-widget elementor-widget-ct_fancy_box\" data-id=\"3026e69\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;zoomIn&quot;}\" data-widget_type=\"ct_fancy_box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"ct_fancy_box-3026e69\" class=\"ct-fancy-box ct-fancy-box-layout10 \" data-wow-delay=\"ms\">\r\n        \r\n            <div class=\"item--icon\">\r\n                    <\/div>\r\n            <div class=\"item--holder\">\r\n        <h3 class=\"item--title\">\r\n            Partnership        <\/h3>\r\n        <div class=\"item--description\">We collaborate with clients as trusted allies, not outsiders, building relationships rooted in trust.<\/div>\r\n            <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t            <\/div>\n        <\/div>\n                <div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-04b3d02\" data-id=\"04b3d02\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n        <div class=\"elementor-widget-wrap elementor-element-populated\">\n                    \n        \t\t<div class=\"elementor-element elementor-element-855f592 elementor-invisible elementor-widget elementor-widget-ct_fancy_box\" data-id=\"855f592\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;zoomIn&quot;}\" data-widget_type=\"ct_fancy_box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"ct_fancy_box-855f592\" class=\"ct-fancy-box ct-fancy-box-layout10 \" data-wow-delay=\"ms\">\r\n        \r\n            <div class=\"item--icon\">\r\n                    <\/div>\r\n            <div class=\"item--holder\">\r\n        <h3 class=\"item--title\">\r\n            Growth        <\/h3>\r\n        <div class=\"item--description\">\nWe believe in continuous learning, development, and improvement, for ourselves and the organizations we serve.\n<\/div>\r\n            <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t            <\/div>\n        <\/div>\n                <div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-6708af7\" data-id=\"6708af7\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n        <div class=\"elementor-widget-wrap elementor-element-populated\">\n                    \n        \t\t<div class=\"elementor-element elementor-element-7ddfe0a elementor-invisible elementor-widget elementor-widget-ct_fancy_box\" data-id=\"7ddfe0a\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;zoomIn&quot;}\" data-widget_type=\"ct_fancy_box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"ct_fancy_box-7ddfe0a\" class=\"ct-fancy-box ct-fancy-box-layout10 \" data-wow-delay=\"ms\">\r\n        \r\n            <div class=\"item--icon\">\r\n                    <\/div>\r\n            <div class=\"item--holder\">\r\n        <h3 class=\"item--title\">\r\n            Brand Promise        <\/h3>\r\n        <div class=\"item--description\">We promise to deliver compassionate, strategic, and compliant HR solutions that empower leaders, elevate people, and create workplaces where\neveryone can thrive.<\/div>\r\n            <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t            <\/div>\n        <\/div>\n                    <\/div>\n        <\/section>\n                    <\/div>\n        <\/div>\n                    <\/div>\n        <\/section>\n                <section class=\"elementor-section elementor-top-section elementor-element elementor-element-2fbdad9 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default ct-header-fixed-none ct-row-max-none\" data-id=\"2fbdad9\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n            \n                        <div class=\"elementor-container elementor-column-gap-no \">\n                    <div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b0ec1e3\" data-id=\"b0ec1e3\" data-element_type=\"column\" data-e-type=\"column\">\n        <div class=\"elementor-widget-wrap elementor-element-populated\">\n                    \n        \t\t<div class=\"elementor-element elementor-element-934fae2 elementor-widget elementor-widget-html\" data-id=\"934fae2\" 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<!-- PeopleFirst HR Solutions - Our Services Section -->\r\n<section class=\"pf-services-section\">\r\n  <div class=\"pf-services-container\">\r\n\r\n    <!-- Section Heading -->\r\n    <div class=\"pf-services-heading\">\r\n      <span class=\"pf-services-label\">How We Can Help<\/span>\r\n\r\n      <h2>Our HR <span>Services<\/span><\/h2>\r\n\r\n      <p>\r\n        Compassionate, strategic, and compliant HR support designed to empower\r\n        leaders, strengthen organisations, and create workplaces where people\r\n        can thrive.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- Services Grid -->\r\n    <div class=\"pf-services-grid\">\r\n\r\n      <!-- Service 1 -->\r\n      <div class=\"pf-service-card\">\r\n        <div class=\"pf-service-number\">01<\/div>\r\n\r\n        <div class=\"pf-service-icon\">\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <path d=\"M12 2 4 5v6c0 5.05 3.41 9.74 8 11 4.59-1.26 8-5.95 8-11V5l-8-3Zm-1.2 14.2-3.5-3.5 1.4-1.4 2.1 2.1 4.8-4.8 1.4 1.4-6.2 6.2Z\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <h3>HR Compliance Support<\/h3>\r\n\r\n        <p>\r\n          We help organisations understand and meet their HR responsibilities\r\n          through compliant policies, procedures, documentation, and practical\r\n          workplace guidance.\r\n        <\/p>\r\n\r\n        <a\r\n          href=\"https:\/\/www.people1st-hr.com\/index.php\/contact-v-4\/\"\r\n          class=\"pf-service-button\"\r\n        >\r\n          Contact Us\r\n          <span>\u2192<\/span>\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <!-- Service 2 -->\r\n      <div class=\"pf-service-card\">\r\n        <div class=\"pf-service-number\">02<\/div>\r\n\r\n        <div class=\"pf-service-icon\">\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <path d=\"M8.5 11A3.5 3.5 0 1 0 8.5 4a3.5 3.5 0 0 0 0 7Zm7 0A3.5 3.5 0 1 0 15.5 4a3.5 3.5 0 0 0 0 7ZM2 20v-1c0-3.31 2.69-6 6-6h1c1.06 0 2.05.28 2.91.76A7.97 7.97 0 0 0 10 19v1H2Zm12 0v-1c0-2.06-.78-3.94-2.06-5.35A5.95 5.95 0 0 1 15 13h1c3.31 0 6 2.69 6 6v1h-8Z\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <h3>Employee Relations<\/h3>\r\n\r\n        <p>\r\n          We support leaders in managing workplace concerns, difficult\r\n          conversations, performance issues, conflict, and employee relations\r\n          matters with confidence and fairness.\r\n        <\/p>\r\n\r\n        <a\r\n          href=\"https:\/\/www.people1st-hr.com\/index.php\/contact-v-4\/\"\r\n          class=\"pf-service-button\"\r\n        >\r\n          Contact Us\r\n          <span>\u2192<\/span>\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <!-- Service 3 -->\r\n      <div class=\"pf-service-card\">\r\n        <div class=\"pf-service-number\">03<\/div>\r\n\r\n        <div class=\"pf-service-icon\">\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <path d=\"M12 2a5 5 0 1 0 0 10 5 5 0 0 0 0-10Zm-7 20v-2c0-3.31 2.69-6 6-6h2c3.31 0 6 2.69 6 6v2H5Zm14.5-9.5 1.2 1.2 2.3-2.3 1 1-3.3 3.3-2.2-2.2 1-1Z\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <h3>Leadership Development<\/h3>\r\n\r\n        <p>\r\n          We equip managers and leaders with the skills, tools, and confidence\r\n          needed to lead effectively, communicate clearly, and support their\r\n          teams.\r\n        <\/p>\r\n\r\n        <a\r\n          href=\"https:\/\/www.people1st-hr.com\/index.php\/contact-v-4\/\"\r\n          class=\"pf-service-button\"\r\n        >\r\n          Contact Us\r\n          <span>\u2192<\/span>\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <!-- Service 4 -->\r\n      <div class=\"pf-service-card\">\r\n        <div class=\"pf-service-number\">04<\/div>\r\n\r\n        <div class=\"pf-service-icon\">\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <path d=\"M4 3h16a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2h-6l-4 4v-4H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2Zm3 5v2h10V8H7Zm0 4v2h7v-2H7Z\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <h3>Day-to-Day HR Support<\/h3>\r\n\r\n        <p>\r\n          We provide trusted HR guidance for everyday workplace questions,\r\n          employee concerns, documentation, onboarding, performance, and people\r\n          management needs.\r\n        <\/p>\r\n\r\n        <a\r\n          href=\"https:\/\/www.people1st-hr.com\/index.php\/contact-v-4\/\"\r\n          class=\"pf-service-button\"\r\n        >\r\n          Contact Us\r\n          <span>\u2192<\/span>\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <!-- Service 5 -->\r\n      <div class=\"pf-service-card\">\r\n        <div class=\"pf-service-number\">05<\/div>\r\n\r\n        <div class=\"pf-service-icon\">\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <path d=\"M3 3h18v4H3V3Zm2 6h14v12H5V9Zm3 3v2h8v-2H8Zm0 4v2h5v-2H8Z\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <h3>HR Foundation Development<\/h3>\r\n\r\n        <p>\r\n          We help growing organisations build strong HR systems, policies,\r\n          processes, job structures, employee records, and workplace practices\r\n          that support sustainable growth.\r\n        <\/p>\r\n\r\n        <a\r\n          href=\"https:\/\/www.people1st-hr.com\/index.php\/contact-v-4\/\"\r\n          class=\"pf-service-button\"\r\n        >\r\n          Contact Us\r\n          <span>\u2192<\/span>\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <!-- Service 6 -->\r\n      <div class=\"pf-service-card\">\r\n        <div class=\"pf-service-number\">06<\/div>\r\n\r\n        <div class=\"pf-service-icon\">\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <path d=\"M12 21.35 10.55 20.03C5.4 15.36 2 12.27 2 8.5 2 5.42 4.42 3 7.5 3A6 6 0 0 1 12 5.09 6 6 0 0 1 16.5 3C19.58 3 22 5.42 22 8.5c0 3.77-3.4 6.86-8.55 11.54L12 21.35Z\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <h3>Workplace Culture<\/h3>\r\n\r\n        <p>\r\n          We help organisations create healthy, inclusive, and people-focused\r\n          cultures where employees feel valued, leaders feel supported, and\r\n          teams can succeed.\r\n        <\/p>\r\n\r\n        <a\r\n          href=\"https:\/\/www.people1st-hr.com\/index.php\/contact-v-4\/\"\r\n          class=\"pf-service-button\"\r\n        >\r\n          Contact Us\r\n          <span>\u2192<\/span>\r\n        <\/a>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- Bottom Call to Action -->\r\n    <div class=\"pf-services-cta\">\r\n      <div class=\"pf-services-cta-content\">\r\n        <span>Your Trusted HR Partner<\/span>\r\n\r\n        <h3>Ready to build a stronger workplace?<\/h3>\r\n\r\n        <p>\r\n          Let us help you create practical HR solutions that support your\r\n          leaders, protect your organisation, and elevate your people.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <a\r\n        href=\"https:\/\/www.people1st-hr.com\/index.php\/contact-v-4\/\"\r\n        class=\"pf-main-button\"\r\n      >\r\n        Contact Us\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n          <path d=\"m13 5 7 7-7 7-1.4-1.4 4.6-4.6H4v-2h12.2l-4.6-4.6L13 5Z\"\/>\r\n        <\/svg>\r\n      <\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  .pf-services-section,\r\n  .pf-services-section * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .pf-services-section {\r\n    --pf-green: #016421;\r\n    --pf-blue: #085c8b;\r\n    --pf-yellow: #f9d364;\r\n    --pf-dark: #10251a;\r\n    --pf-text: #596760;\r\n    --pf-light: #f5f9f6;\r\n\r\n    position: relative;\r\n    overflow: hidden;\r\n    padding: 100px 20px;\r\n    background:\r\n      radial-gradient(\r\n        circle at 5% 5%,\r\n        rgba(249, 211, 100, 0.2),\r\n        transparent 25%\r\n      ),\r\n      radial-gradient(\r\n        circle at 95% 90%,\r\n        rgba(8, 92, 139, 0.08),\r\n        transparent 25%\r\n      ),\r\n      #f7faf8;\r\n    font-family: Arial, Helvetica, sans-serif;\r\n  }\r\n\r\n  .pf-services-section::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: -150px;\r\n    right: -110px;\r\n    width: 340px;\r\n    height: 340px;\r\n    border: 55px solid rgba(1, 100, 33, 0.05);\r\n    border-radius: 50%;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .pf-services-container {\r\n    position: relative;\r\n    z-index: 2;\r\n    width: 100%;\r\n    max-width: 1240px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  \/* Section Heading *\/\r\n  .pf-services-heading {\r\n    max-width: 780px;\r\n    margin: 0 auto 55px;\r\n    text-align: center;\r\n  }\r\n\r\n  .pf-services-label {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    margin-bottom: 14px;\r\n    color: var(--pf-blue);\r\n    font-size: 14px;\r\n    font-weight: 800;\r\n    letter-spacing: 2px;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .pf-services-label::before,\r\n  .pf-services-label::after {\r\n    content: \"\";\r\n    width: 30px;\r\n    height: 3px;\r\n    background: var(--pf-yellow);\r\n    border-radius: 20px;\r\n  }\r\n\r\n  .pf-services-heading h2 {\r\n    margin: 0 0 18px;\r\n    color: var(--pf-dark);\r\n    font-size: clamp(40px, 5vw, 58px);\r\n    line-height: 1.1;\r\n    letter-spacing: -1.5px;\r\n  }\r\n\r\n  .pf-services-heading h2 span {\r\n    color: var(--pf-green);\r\n  }\r\n\r\n  .pf-services-heading p {\r\n    margin: 0;\r\n    color: var(--pf-text);\r\n    font-size: 17px;\r\n    line-height: 1.8;\r\n  }\r\n\r\n  \/* Services Grid *\/\r\n  .pf-services-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n    gap: 26px;\r\n  }\r\n\r\n  .pf-service-card {\r\n    position: relative;\r\n    display: flex;\r\n    flex-direction: column;\r\n    overflow: hidden;\r\n    min-height: 430px;\r\n    padding: 38px 32px 34px;\r\n    background: #ffffff;\r\n    border: 1px solid rgba(8, 92, 139, 0.1);\r\n    border-radius: 22px;\r\n    box-shadow: 0 15px 40px rgba(13, 57, 37, 0.08);\r\n    transition:\r\n      transform 0.35s ease,\r\n      box-shadow 0.35s ease,\r\n      border-color 0.35s ease;\r\n  }\r\n\r\n  .pf-service-card::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 6px;\r\n    background: linear-gradient(\r\n      90deg,\r\n      var(--pf-green),\r\n      var(--pf-blue),\r\n      var(--pf-yellow)\r\n    );\r\n  }\r\n\r\n  .pf-service-card::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    right: -70px;\r\n    bottom: -70px;\r\n    width: 180px;\r\n    height: 180px;\r\n    background: rgba(249, 211, 100, 0.12);\r\n    border-radius: 50%;\r\n    transition: transform 0.4s ease;\r\n  }\r\n\r\n  .pf-service-card:hover {\r\n    transform: translateY(-10px);\r\n    border-color: rgba(1, 100, 33, 0.25);\r\n    box-shadow: 0 25px 55px rgba(13, 57, 37, 0.14);\r\n  }\r\n\r\n  .pf-service-card:hover::after {\r\n    transform: scale(1.25);\r\n  }\r\n\r\n  .pf-service-number {\r\n    position: absolute;\r\n    top: 25px;\r\n    right: 26px;\r\n    color: rgba(8, 92, 139, 0.09);\r\n    font-size: 48px;\r\n    font-weight: 800;\r\n    line-height: 1;\r\n  }\r\n\r\n  .pf-service-icon {\r\n    position: relative;\r\n    z-index: 2;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 78px;\r\n    height: 78px;\r\n    margin-bottom: 27px;\r\n    color: var(--pf-green);\r\n    background: linear-gradient(\r\n      135deg,\r\n      rgba(249, 211, 100, 0.58),\r\n      rgba(249, 211, 100, 0.2)\r\n    );\r\n    border-radius: 21px;\r\n    transform: rotate(-4deg);\r\n    transition:\r\n      transform 0.35s ease,\r\n      background 0.35s ease,\r\n      color 0.35s ease;\r\n  }\r\n\r\n  .pf-service-card:hover .pf-service-icon {\r\n    color: #ffffff;\r\n    background: linear-gradient(\r\n      135deg,\r\n      var(--pf-green),\r\n      var(--pf-blue)\r\n    );\r\n    transform: rotate(0deg);\r\n  }\r\n\r\n  .pf-service-icon svg {\r\n    width: 38px;\r\n    height: 38px;\r\n    fill: currentColor;\r\n  }\r\n\r\n  .pf-service-card h3 {\r\n    position: relative;\r\n    z-index: 2;\r\n    margin: 0 0 15px;\r\n    color: var(--pf-dark);\r\n    font-size: 24px;\r\n    line-height: 1.3;\r\n  }\r\n\r\n  .pf-service-card p {\r\n    position: relative;\r\n    z-index: 2;\r\n    margin: 0 0 27px;\r\n    color: var(--pf-text);\r\n    font-size: 15.5px;\r\n    line-height: 1.75;\r\n  }\r\n\r\n  .pf-service-button {\r\n    position: relative;\r\n    z-index: 2;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 9px;\r\n    width: fit-content;\r\n    margin-top: auto;\r\n    padding: 12px 20px;\r\n    color: #ffffff;\r\n    background: var(--pf-green);\r\n    border-radius: 8px;\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    text-decoration: none;\r\n    transition:\r\n      background 0.3s ease,\r\n      transform 0.3s ease;\r\n  }\r\n\r\n  .pf-service-button span {\r\n    font-size: 18px;\r\n    line-height: 1;\r\n    transition: transform 0.3s ease;\r\n  }\r\n\r\n  .pf-service-button:hover {\r\n    background: var(--pf-blue);\r\n    transform: translateY(-2px);\r\n  }\r\n\r\n  .pf-service-button:hover span {\r\n    transform: translateX(4px);\r\n  }\r\n\r\n  \/* Bottom CTA *\/\r\n  .pf-services-cta {\r\n    position: relative;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 35px;\r\n    overflow: hidden;\r\n    margin-top: 50px;\r\n    padding: 42px 45px;\r\n    color: #ffffff;\r\n    background:\r\n      linear-gradient(\r\n        120deg,\r\n        rgba(1, 100, 33, 0.98),\r\n        rgba(8, 92, 139, 0.97)\r\n      );\r\n    border-radius: 24px;\r\n    box-shadow: 0 22px 50px rgba(8, 66, 53, 0.2);\r\n  }\r\n\r\n  .pf-services-cta::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: -90px;\r\n    right: 150px;\r\n    width: 230px;\r\n    height: 230px;\r\n    border: 40px solid rgba(249, 211, 100, 0.13);\r\n    border-radius: 50%;\r\n  }\r\n\r\n  .pf-services-cta-content {\r\n    position: relative;\r\n    z-index: 2;\r\n    max-width: 760px;\r\n  }\r\n\r\n  .pf-services-cta-content span {\r\n    display: block;\r\n    margin-bottom: 8px;\r\n    color: var(--pf-yellow);\r\n    font-size: 13px;\r\n    font-weight: 800;\r\n    letter-spacing: 1.8px;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .pf-services-cta-content h3 {\r\n    margin: 0 0 11px;\r\n    font-size: clamp(27px, 3vw, 38px);\r\n    line-height: 1.2;\r\n  }\r\n\r\n  .pf-services-cta-content p {\r\n    margin: 0;\r\n    color: rgba(255, 255, 255, 0.88);\r\n    font-size: 16px;\r\n    line-height: 1.7;\r\n  }\r\n\r\n  .pf-main-button {\r\n    position: relative;\r\n    z-index: 2;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 10px;\r\n    flex-shrink: 0;\r\n    padding: 16px 26px;\r\n    color: var(--pf-green);\r\n    background: var(--pf-yellow);\r\n    border-radius: 9px;\r\n    font-size: 15px;\r\n    font-weight: 800;\r\n    text-decoration: none;\r\n    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.16);\r\n    transition:\r\n      transform 0.3s ease,\r\n      background 0.3s ease;\r\n  }\r\n\r\n  .pf-main-button svg {\r\n    width: 20px;\r\n    height: 20px;\r\n    fill: currentColor;\r\n    transition: transform 0.3s ease;\r\n  }\r\n\r\n  .pf-main-button:hover {\r\n    color: var(--pf-blue);\r\n    background: #ffffff;\r\n    transform: translateY(-3px);\r\n  }\r\n\r\n  .pf-main-button:hover svg {\r\n    transform: translateX(4px);\r\n  }\r\n\r\n  \/* Tablet *\/\r\n  @media (max-width: 991px) {\r\n    .pf-services-section {\r\n      padding: 75px 20px;\r\n    }\r\n\r\n    .pf-services-grid {\r\n      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    }\r\n\r\n    .pf-services-cta {\r\n      align-items: flex-start;\r\n      flex-direction: column;\r\n    }\r\n  }\r\n\r\n  \/* Mobile *\/\r\n  @media (max-width: 650px) {\r\n    .pf-services-section {\r\n      padding: 55px 15px;\r\n    }\r\n\r\n    .pf-services-heading {\r\n      margin-bottom: 38px;\r\n    }\r\n\r\n    .pf-services-heading h2 {\r\n      font-size: 38px;\r\n    }\r\n\r\n    .pf-services-heading p {\r\n      font-size: 15px;\r\n    }\r\n\r\n    .pf-services-grid {\r\n      grid-template-columns: 1fr;\r\n      gap: 20px;\r\n    }\r\n\r\n    .pf-service-card {\r\n      min-height: auto;\r\n      padding: 33px 25px 30px;\r\n    }\r\n\r\n    .pf-service-icon {\r\n      width: 70px;\r\n      height: 70px;\r\n    }\r\n\r\n    .pf-service-icon svg {\r\n      width: 34px;\r\n      height: 34px;\r\n    }\r\n\r\n    .pf-service-card h3 {\r\n      font-size: 22px;\r\n    }\r\n\r\n    .pf-services-cta {\r\n      margin-top: 30px;\r\n      padding: 32px 25px;\r\n    }\r\n\r\n    .pf-main-button {\r\n      width: 100%;\r\n    }\r\n  }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c1f927f elementor-widget elementor-widget-html\" data-id=\"c1f927f\" 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<!-- PeopleFirst HR Solutions - About Us Section -->\r\n<section class=\"pf-about-section\">\r\n  <div class=\"pf-about-container\">\r\n\r\n    <!-- Content Side (Full Width Layout) -->\r\n    <div class=\"pf-about-content\">\r\n      <div class=\"pf-section-label\">\r\n        <span><\/span>\r\n        About Us\r\n      <\/div>\r\n\r\n      <h2>\r\n        Putting People First and Helping\r\n        <span>Workplaces Thrive<\/span>\r\n      <\/h2>\r\n\r\n      <p>\r\n        At <strong>PeopleFirst HR Solutions<\/strong>, we believe that people are\r\n        the heart of every successful organization. With more than 30 years of\r\n        Human Resources leadership experience, we partner with small businesses,\r\n        nonprofits, and growing organizations to build workplaces where people\r\n        feel valued, leaders feel supported, and cultures thrive.\r\n      <\/p>\r\n\r\n      <p>\r\n        Our mission is to empower leaders and elevate workplaces by delivering\r\n        compassionate, strategic, and compliant HR solutions. We specialize in\r\n        helping organizationz strengthen their HR foundation, navigate employee\r\n        relations with confidence, and create environments where employees can\r\n        grow and succeed.\r\n      <\/p>\r\n\r\n      <p>\r\n        We bring a human-centered approach to every engagement, blending deep HR\r\n        expertise with empathy, integrity, and a commitment to excellence.\r\n        Whether you need help with compliance, culture, leadership development,\r\n        or day-to-day HR support, we serve as your trusted partner in building a\r\n        stronger, healthier, and more empowered workplace.\r\n      <\/p>\r\n\r\n      <div class=\"pf-highlight-box\">\r\n        <div class=\"pf-highlight-icon\">\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <path d=\"M12 21.35 10.55 20.03C5.4 15.36 2 12.27 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09A6.01 6.01 0 0 1 16.5 3C19.58 3 22 5.42 22 8.5c0 3.77-3.4 6.86-8.55 11.54L12 21.35Z\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <p>\r\n          At PeopleFirst HR Solutions, we do not just solve HR problems.\r\n          <strong>We elevate people. We strengthen leaders.<\/strong>\r\n        <\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  .pf-about-section,\r\n  .pf-about-section * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .pf-about-section {\r\n    --pf-green: #016421;\r\n    --pf-blue: #085c8b;\r\n    --pf-yellow: #f9d364;\r\n    --pf-dark: #10251a;\r\n    --pf-text: #52605a;\r\n    --pf-light: #f5f9f6;\r\n\r\n    position: relative;\r\n    overflow: hidden;\r\n    padding: 100px 20px;\r\n    background:\r\n      radial-gradient(\r\n        circle at 100% 0%,\r\n        rgba(249, 211, 100, 0.2),\r\n        transparent 27%\r\n      ),\r\n      linear-gradient(135deg, #ffffff 0%, #f5faf7 100%);\r\n    font-family: Arial, Helvetica, sans-serif;\r\n  }\r\n\r\n  .pf-about-section::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: -110px;\r\n    right: -110px;\r\n    width: 280px;\r\n    height: 280px;\r\n    border: 45px solid rgba(8, 92, 139, 0.06);\r\n    border-radius: 50%;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .pf-about-container {\r\n    position: relative;\r\n    z-index: 2;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    width: 100%;\r\n    max-width: 900px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  \/* Content Styling *\/\r\n  .pf-about-content {\r\n    width: 100%;\r\n    max-width: 800px;\r\n    text-align: left;\r\n  }\r\n\r\n  .pf-section-label {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 11px;\r\n    margin-bottom: 17px;\r\n    color: var(--pf-green);\r\n    font-size: 14px;\r\n    font-weight: 800;\r\n    letter-spacing: 2px;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .pf-section-label span {\r\n    display: inline-block;\r\n    width: 40px;\r\n    height: 3px;\r\n    background: var(--pf-yellow);\r\n    border-radius: 20px;\r\n  }\r\n\r\n  .pf-about-content h2 {\r\n    margin: 0 0 25px;\r\n    color: var(--pf-dark);\r\n    font-size: clamp(32px, 3.5vw, 48px);\r\n    line-height: 1.12;\r\n    letter-spacing: -1.5px;\r\n  }\r\n\r\n  .pf-about-content h2 span {\r\n    color: var(--pf-green);\r\n  }\r\n\r\n  .pf-about-content > p {\r\n    margin: 0 0 18px;\r\n    color: var(--pf-text);\r\n    font-size: 16px;\r\n    line-height: 1.85;\r\n  }\r\n\r\n  .pf-about-content > p strong {\r\n    color: var(--pf-blue);\r\n  }\r\n\r\n  .pf-highlight-box {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 18px;\r\n    margin-top: 32px;\r\n    padding: 22px 24px;\r\n    background: #ffffff;\r\n    border-left: 5px solid var(--pf-green);\r\n    border-radius: 10px;\r\n    box-shadow: 0 15px 35px rgba(15, 53, 35, 0.09);\r\n  }\r\n\r\n  .pf-highlight-icon {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex: 0 0 54px;\r\n    width: 54px;\r\n    height: 54px;\r\n    color: var(--pf-green);\r\n    background: rgba(249, 211, 100, 0.42);\r\n    border-radius: 50%;\r\n  }\r\n\r\n  .pf-highlight-icon svg {\r\n    width: 27px;\r\n    height: 27px;\r\n    fill: currentColor;\r\n  }\r\n\r\n  .pf-highlight-box p {\r\n    margin: 0;\r\n    color: var(--pf-dark);\r\n    font-size: 16px;\r\n    line-height: 1.65;\r\n  }\r\n\r\n  .pf-highlight-box strong {\r\n    display: block;\r\n    color: var(--pf-green);\r\n    font-size: 17px;\r\n  }\r\n\r\n  \/* Tablet *\/\r\n  @media (max-width: 991px) {\r\n    .pf-about-section {\r\n      padding: 75px 20px;\r\n    }\r\n  }\r\n\r\n  \/* Mobile *\/\r\n  @media (max-width: 600px) {\r\n    .pf-about-section {\r\n      padding: 55px 16px;\r\n    }\r\n\r\n    .pf-about-content h2 {\r\n      font-size: 30px;\r\n      letter-spacing: -0.8px;\r\n    }\r\n\r\n    .pf-about-content > p {\r\n      font-size: 15px;\r\n      line-height: 1.75;\r\n    }\r\n\r\n    .pf-highlight-box {\r\n      align-items: flex-start;\r\n      padding: 19px;\r\n    }\r\n\r\n    .pf-highlight-icon {\r\n      flex-basis: 46px;\r\n      width: 46px;\r\n      height: 46px;\r\n    }\r\n  }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t            <\/div>\n        <\/div>\n                    <\/div>\n        <\/section>\n                <section class=\"elementor-section elementor-top-section elementor-element elementor-element-f31fe76 elementor-section-stretched elementor-section-full_width elementor-section-height-default elementor-section-height-default ct-header-fixed-none ct-row-max-none\" data-id=\"f31fe76\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n                            <div class=\"elementor-background-overlay\"><\/div>\n                \n                        <div class=\"elementor-container elementor-column-gap-no \">\n                    <div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-ce172aa\" data-id=\"ce172aa\" data-element_type=\"column\" data-e-type=\"column\">\n        <div class=\"elementor-widget-wrap\">\n                    \n                    <\/div>\n        <\/div>\n                <div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-aae2892 col-offset-right\" data-id=\"aae2892\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n        <div class=\"elementor-widget-wrap elementor-element-populated\">\n                    <div class=\"elementor-background-overlay\"><\/div>\n                    \n        \t\t<div class=\"elementor-element elementor-element-ffef273 elementor-widget elementor-widget-spacer\" data-id=\"ffef273\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fd91106 elementor-widget elementor-widget-ct_heading\" data-id=\"fd91106\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ct_heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ct-heading h-align-  sub-style1 ct-heading-left item-st-default\">\r\n\t    <h3 class=\"item--title st-default \" data-wow-delay=\"ms\">\r\n                <span class=\"sp-main\">\r\n            \r\n            PeopleFirst HR Solutions\r\n            \r\n                    <\/span>\r\n            <\/h3>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1ed7a5a elementor-widget elementor-widget-ct_text_editor\" data-id=\"1ed7a5a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ct_text_editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"ct_text_editor-1ed7a5a\" class=\"ct-text-editor \" data-wow-delay=\"ms\">\n\t<div class=\"ct-inline-css\"  data-css=\"\n        \t\t\">\n\n    <\/div>\n\t<div class=\"ct-text-editor elementor-clearfix\">\n\t\t<p>We partner with small businesses, nonprofits, and growing organizations to build workplaces where people feel valued, leaders feel supported, and cultures thrive.<\/p>\t\t\n\t<\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9278aae elementor-align-left elementor-invisible elementor-widget elementor-widget-ct_button\" data-id=\"9278aae\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInRight&quot;}\" data-widget_type=\"ct_button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ct-button-wrapper ct-button-layout1 icon-right btn--inline \">\r\n            <span class=\"ct-icon-active\"><\/span>\r\n        <a href=\"https:\/\/www.people1st-hr.com\/index.php\/contact-v-4\/\" class=\"btn btn-default icon-active btn-inline-block  \" data-wow-delay=\"ms\">\r\n                            <span class=\"ct-button-icon ct-align-icon-right\">\r\n                <i aria-hidden=\"true\" class=\"fas fa-angle-right\"><\/i>            <\/span>\r\n                <span class=\"ct-button-text\">Contact us<\/span>\r\n    <\/a>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fda3c8e elementor-widget elementor-widget-spacer\" data-id=\"fda3c8e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t            <\/div>\n        <\/div>\n                    <\/div>\n        <\/section>\n        \t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u2726 Your Trusted HR Partner Empowering Leaders. Elevating People. Building Better Workplaces. PeopleFirst HR Solutions provides compassionate, strategic, and compliant HR support that helps leaders lead confidently, strengthens workplace culture, and allows people and organizations to thrive. Contact Us Our Services Trusted Support Practical HR guidance People Focused Human-centred solutions Empowerment We equip leaders and [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.people1st-hr.com\/index.php\/wp-json\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.people1st-hr.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.people1st-hr.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.people1st-hr.com\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.people1st-hr.com\/index.php\/wp-json\/wp\/v2\/comments?post=9"}],"version-history":[{"count":10,"href":"https:\/\/www.people1st-hr.com\/index.php\/wp-json\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":5959,"href":"https:\/\/www.people1st-hr.com\/index.php\/wp-json\/wp\/v2\/pages\/9\/revisions\/5959"}],"wp:attachment":[{"href":"https:\/\/www.people1st-hr.com\/index.php\/wp-json\/wp\/v2\/media?parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}