{"id":3495,"date":"2020-02-07T02:16:59","date_gmt":"2020-02-07T02:16:59","guid":{"rendered":"https:\/\/demo.casethemes.net\/consultio-corporate2\/?page_id=3495"},"modified":"2026-07-28T01:09:32","modified_gmt":"2026-07-28T00:09:32","slug":"about-v-4","status":"publish","type":"page","link":"https:\/\/www.people1st-hr.com\/index.php\/about-v-4\/","title":{"rendered":"About Us"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3495\" class=\"elementor elementor-3495\" data-elementor-post-type=\"page\">\n\t\t\t\t        <section class=\"elementor-section elementor-top-section elementor-element elementor-element-bca8448 elementor-section-stretched elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-section-boxed elementor-section-height-default elementor-section-height-default ct-header-fixed-none ct-row-max-none\" data-id=\"bca8448\" 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-extended \">\n                    <div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-8630a61\" data-id=\"8630a61\" 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-12e6001 elementor-widget elementor-widget-ct_particle_animate\" data-id=\"12e6001\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ct_particle_animate.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t<div class=\"ct-particle-animate el-move-parents\">\r\n\t\t\t\t    <div id=\"ct_particle_animate-12e60010\" class=\"animate-none \"  data-wow-delay=\"ms\">\r\n\t\t    \t<div class=\"ct-inline-css\"  data-css=\"\r\n\t\t            .ct-particle-animate #ct_particle_animate-12e60010 {\r\n\t\t                left: 13px;\r\n\t\t                top: 34px;\r\n\t\t            }\">\r\n\t\t        <\/div>\r\n\t\t    \t<img decoding=\"async\" width=\"165\" height=\"278\" src=\"https:\/\/www.people1st-hr.com\/wp-content\/uploads\/2020\/02\/about4-shape1.png\" class=\"attachment-full\" alt=\"\" \/>\t\t\r\n\t\t    <\/div>\r\n\t\t\t<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t        <section class=\"elementor-section elementor-inner-section elementor-element elementor-element-942af5f elementor-section-boxed elementor-section-height-default elementor-section-height-default ct-header-fixed-none ct-row-max-none\" data-id=\"942af5f\" 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-50 elementor-inner-column elementor-element elementor-element-80813fd\" data-id=\"80813fd\" 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-a3c8047 elementor-widget elementor-widget-image\" data-id=\"a3c8047\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"545\" height=\"464\" src=\"https:\/\/www.people1st-hr.com\/wp-content\/uploads\/2020\/02\/h4-about1.png\" class=\"attachment-full size-full wp-image-3679\" alt=\"\" srcset=\"https:\/\/www.people1st-hr.com\/wp-content\/uploads\/2020\/02\/h4-about1.png 545w, https:\/\/www.people1st-hr.com\/wp-content\/uploads\/2020\/02\/h4-about1-300x255.png 300w\" sizes=\"(max-width: 545px) 100vw, 545px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t            <\/div>\n        <\/div>\n                <div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-f269e39 elementor-invisible\" data-id=\"f269e39\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeInRight&quot;}\">\n        <div class=\"elementor-widget-wrap elementor-element-populated\">\n                    \n        \t\t<div class=\"elementor-element elementor-element-39ccfa7 elementor-widget elementor-widget-ct_text_editor\" data-id=\"39ccfa7\" 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-39ccfa7\" 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><strong>Lorem Ipsum<\/strong>\u00a0is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&#8217;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.<\/p>\t\t\n\t<\/div>\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-c7db469 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=\"c7db469\" 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-978ded7\" data-id=\"978ded7\" 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-3bb01e7 elementor-widget elementor-widget-html\" data-id=\"3bb01e7\" 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    <!-- Image Side -->\r\n    <div class=\"pf-about-image\">\r\n      <img decoding=\"async\"\r\n        src=\"https:\/\/www.people1st-hr.com\/wp-content\/uploads\/2026\/07\/IMG_0822-1.jpeg\"\r\n        alt=\"PeopleFirst HR Solutions team supporting workplace leaders\"\r\n      >\r\n\r\n      <div class=\"pf-experience-card\">\r\n        <div class=\"pf-experience-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-10Zm0 8a3 3 0 1 1 0-6 3 3 0 0 1 0 6Zm8.5 11a8.5 8.5 0 0 0-17 0 1 1 0 0 0 2 0 6.5 6.5 0 0 1 13 0 1 1 0 0 0 2 0Z\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <div>\r\n          <strong>30+ Years<\/strong>\r\n          <span>HR Leadership Experience<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Content Side -->\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 organizations 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: grid;\r\n    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);\r\n    align-items: center;\r\n    gap: 75px;\r\n    width: 100%;\r\n    max-width: 1240px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  \/* Image Styling *\/\r\n  .pf-about-image {\r\n    position: relative;\r\n    min-height: 650px;\r\n    padding: 22px 0 22px 22px;\r\n  }\r\n\r\n  .pf-about-image::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 78%;\r\n    height: 82%;\r\n    background: var(--pf-yellow);\r\n    border-radius: 28px 8px 28px 8px;\r\n  }\r\n\r\n  .pf-about-image::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    right: -18px;\r\n    bottom: 0;\r\n    width: 165px;\r\n    height: 165px;\r\n    background-image: radial-gradient(\r\n      rgba(1, 100, 33, 0.36) 2px,\r\n      transparent 2px\r\n    );\r\n    background-size: 15px 15px;\r\n    z-index: -1;\r\n  }\r\n\r\n  .pf-about-image img {\r\n    position: relative;\r\n    z-index: 1;\r\n    display: block;\r\n    width: 100%;\r\n    height: 610px;\r\n    object-fit: cover;\r\n    object-position: center;\r\n    border-radius: 18px;\r\n    box-shadow: 0 25px 60px rgba(8, 45, 30, 0.18);\r\n  }\r\n\r\n  .pf-experience-card {\r\n    position: absolute;\r\n    right: -30px;\r\n    bottom: 55px;\r\n    z-index: 3;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 15px;\r\n    min-width: 265px;\r\n    padding: 20px 22px;\r\n    background: var(--pf-blue);\r\n    color: #ffffff;\r\n    border-left: 6px solid var(--pf-yellow);\r\n    border-radius: 12px;\r\n    box-shadow: 0 18px 40px rgba(8, 45, 65, 0.25);\r\n  }\r\n\r\n  .pf-experience-icon {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex: 0 0 52px;\r\n    width: 52px;\r\n    height: 52px;\r\n    color: var(--pf-blue);\r\n    background: var(--pf-yellow);\r\n    border-radius: 50%;\r\n  }\r\n\r\n  .pf-experience-icon svg {\r\n    width: 27px;\r\n    height: 27px;\r\n    fill: currentColor;\r\n  }\r\n\r\n  .pf-experience-card strong {\r\n    display: block;\r\n    margin-bottom: 4px;\r\n    font-size: 25px;\r\n    line-height: 1;\r\n  }\r\n\r\n  .pf-experience-card span {\r\n    display: block;\r\n    font-size: 13px;\r\n    line-height: 1.4;\r\n    opacity: 0.9;\r\n  }\r\n\r\n  \/* Content Styling *\/\r\n  .pf-about-content {\r\n    max-width: 680px;\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(36px, 4vw, 55px);\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    .pf-about-container {\r\n      grid-template-columns: 1fr;\r\n      gap: 65px;\r\n    }\r\n\r\n    .pf-about-image {\r\n      width: 100%;\r\n      max-width: 700px;\r\n      min-height: auto;\r\n      margin: 0 auto;\r\n    }\r\n\r\n    .pf-about-image img {\r\n      height: 550px;\r\n    }\r\n\r\n    .pf-about-content {\r\n      max-width: 100%;\r\n    }\r\n\r\n    .pf-experience-card {\r\n      right: 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-container {\r\n      gap: 42px;\r\n    }\r\n\r\n    .pf-about-image {\r\n      padding: 12px 0 12px 12px;\r\n    }\r\n\r\n    .pf-about-image img {\r\n      height: 410px;\r\n      border-radius: 14px;\r\n    }\r\n\r\n    .pf-about-image::before {\r\n      border-radius: 18px 6px 18px 6px;\r\n    }\r\n\r\n    .pf-experience-card {\r\n      position: relative;\r\n      right: auto;\r\n      bottom: auto;\r\n      width: calc(100% - 20px);\r\n      min-width: 0;\r\n      margin: -35px auto 0;\r\n      padding: 17px;\r\n    }\r\n\r\n    .pf-about-content h2 {\r\n      font-size: 35px;\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-1351d6e 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=\"1351d6e\" 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-46420f3\" data-id=\"46420f3\" 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-f902681 elementor-widget elementor-widget-html\" data-id=\"f902681\" 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 - Core Values Section -->\r\n<section class=\"pf-values-section\">\r\n  <div class=\"pf-values-container\">\r\n\r\n    <!-- Section Heading -->\r\n    <div class=\"pf-values-heading\">\r\n      <span class=\"pf-values-subtitle\">What Guides Us<\/span>\r\n\r\n      <h2>Our Core <span>Values<\/span><\/h2>\r\n\r\n      <p>\r\n        Our values shape how we serve, support, and partner with every\r\n        organisation. They guide every decision, conversation, and solution.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- Values Grid -->\r\n    <div class=\"pf-values-grid\">\r\n\r\n      <!-- Empowerment -->\r\n      <div class=\"pf-value-card\">\r\n        <div class=\"pf-value-number\">01<\/div>\r\n\r\n        <div class=\"pf-value-icon\">\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <path d=\"M12 2a6 6 0 0 0-3.75 10.68A4 4 0 0 0 8 14v1h8v-1a4 4 0 0 0-.25-1.32A6 6 0 0 0 12 2Zm-2 15h4v2h-4v-2Zm1 3h2v2h-2v-2Z\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <h3>Empowerment<\/h3>\r\n\r\n        <p>\r\n          We equip leaders and employees with the tools, confidence, and\r\n          clarity they need to succeed.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <!-- Integrity -->\r\n      <div class=\"pf-value-card\">\r\n        <div class=\"pf-value-number\">02<\/div>\r\n\r\n        <div class=\"pf-value-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>Integrity<\/h3>\r\n\r\n        <p>\r\n          We operate with honesty, transparency, and ethical decision-making\r\n          in every interaction.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <!-- Compassion -->\r\n      <div class=\"pf-value-card\">\r\n        <div class=\"pf-value-number\">03<\/div>\r\n\r\n        <div class=\"pf-value-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>Compassion<\/h3>\r\n\r\n        <p>\r\n          We lead with empathy, understanding, and respect for the human\r\n          experience at work.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <!-- Service -->\r\n      <div class=\"pf-value-card\">\r\n        <div class=\"pf-value-number\">04<\/div>\r\n\r\n        <div class=\"pf-value-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>Service<\/h3>\r\n\r\n        <p>\r\n          We deliver high-quality, strategic HR solutions that elevate people\r\n          and strengthen organisations.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <!-- Partnership -->\r\n      <div class=\"pf-value-card\">\r\n        <div class=\"pf-value-number\">05<\/div>\r\n\r\n        <div class=\"pf-value-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>Partnership<\/h3>\r\n\r\n        <p>\r\n          We collaborate with clients as trusted allies, building relationships\r\n          rooted in trust, respect, and shared success.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <!-- Growth -->\r\n      <div class=\"pf-value-card\">\r\n        <div class=\"pf-value-number\">06<\/div>\r\n\r\n        <div class=\"pf-value-icon\">\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <path d=\"M4 19h16v2H2V3h2v16Zm3-3-1.4-1.4 4.4-4.4 3 3 5.6-6.2H15V5h7v7h-2V8.4l-6.9 7.7-3.1-3.1L7 16Z\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <h3>Growth<\/h3>\r\n\r\n        <p>\r\n          We believe in continuous learning, development, and improvement for\r\n          ourselves and the organisations we serve.\r\n        <\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- Brand Promise -->\r\n    <div class=\"pf-brand-promise\">\r\n      <div class=\"pf-promise-icon\">\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n          <path d=\"m12 2 2.4 5.05L20 7.9l-4 3.9.95 5.5L12 14.7 7.05 17.3 8 11.8 4 7.9l5.6-.85L12 2Z\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n\r\n      <div class=\"pf-promise-content\">\r\n        <span>Our Commitment<\/span>\r\n\r\n        <h3>Brand Promise<\/h3>\r\n\r\n        <p>\r\n          We promise to deliver compassionate, strategic, and compliant HR\r\n          solutions that empower leaders, elevate people, and create workplaces\r\n          where everyone can thrive.\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-values-section,\r\n  .pf-values-section * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .pf-values-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: #5b6862;\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 8% 12%,\r\n        rgba(249, 211, 100, 0.18),\r\n        transparent 24%\r\n      ),\r\n      linear-gradient(180deg, #f7faf8 0%, #ffffff 100%);\r\n    font-family: Arial, Helvetica, sans-serif;\r\n  }\r\n\r\n  .pf-values-section::before,\r\n  .pf-values-section::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    border-radius: 50%;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .pf-values-section::before {\r\n    top: -160px;\r\n    right: -120px;\r\n    width: 360px;\r\n    height: 360px;\r\n    border: 60px solid rgba(8, 92, 139, 0.05);\r\n  }\r\n\r\n  .pf-values-section::after {\r\n    bottom: -130px;\r\n    left: -100px;\r\n    width: 280px;\r\n    height: 280px;\r\n    background: rgba(1, 100, 33, 0.04);\r\n  }\r\n\r\n  .pf-values-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  \/* Heading *\/\r\n  .pf-values-heading {\r\n    max-width: 760px;\r\n    margin: 0 auto 55px;\r\n    text-align: center;\r\n  }\r\n\r\n  .pf-values-subtitle {\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-values-subtitle::before,\r\n  .pf-values-subtitle::after {\r\n    content: \"\";\r\n    width: 28px;\r\n    height: 3px;\r\n    background: var(--pf-yellow);\r\n    border-radius: 20px;\r\n  }\r\n\r\n  .pf-values-heading h2 {\r\n    margin: 0 0 18px;\r\n    color: var(--pf-dark);\r\n    font-size: clamp(38px, 5vw, 58px);\r\n    line-height: 1.1;\r\n    letter-spacing: -1.5px;\r\n  }\r\n\r\n  .pf-values-heading h2 span {\r\n    color: var(--pf-green);\r\n  }\r\n\r\n  .pf-values-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  \/* Values Grid *\/\r\n  .pf-values-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-value-card {\r\n    position: relative;\r\n    overflow: hidden;\r\n    min-height: 330px;\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: 20px;\r\n    box-shadow: 0 15px 40px rgba(12, 55, 35, 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-value-card::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 5px;\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-value-card::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    right: -55px;\r\n    bottom: -55px;\r\n    width: 145px;\r\n    height: 145px;\r\n    background: rgba(249, 211, 100, 0.13);\r\n    border-radius: 50%;\r\n    transition: transform 0.35s ease;\r\n  }\r\n\r\n  .pf-value-card:hover {\r\n    transform: translateY(-10px);\r\n    border-color: rgba(1, 100, 33, 0.22);\r\n    box-shadow: 0 24px 55px rgba(12, 55, 35, 0.14);\r\n  }\r\n\r\n  .pf-value-card:hover::after {\r\n    transform: scale(1.25);\r\n  }\r\n\r\n  .pf-value-number {\r\n    position: absolute;\r\n    top: 25px;\r\n    right: 26px;\r\n    color: rgba(8, 92, 139, 0.1);\r\n    font-size: 48px;\r\n    font-weight: 800;\r\n    line-height: 1;\r\n  }\r\n\r\n  .pf-value-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: 76px;\r\n    height: 76px;\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.52),\r\n      rgba(249, 211, 100, 0.2)\r\n    );\r\n    border-radius: 20px;\r\n    transform: rotate(-4deg);\r\n    transition:\r\n      transform 0.35s ease,\r\n      background 0.35s ease;\r\n  }\r\n\r\n  .pf-value-card:hover .pf-value-icon {\r\n    color: #ffffff;\r\n    background: var(--pf-green);\r\n    transform: rotate(0deg);\r\n  }\r\n\r\n  .pf-value-icon svg {\r\n    width: 37px;\r\n    height: 37px;\r\n    fill: currentColor;\r\n  }\r\n\r\n  .pf-value-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: 25px;\r\n    line-height: 1.25;\r\n  }\r\n\r\n  .pf-value-card p {\r\n    position: relative;\r\n    z-index: 2;\r\n    margin: 0;\r\n    color: var(--pf-text);\r\n    font-size: 15.5px;\r\n    line-height: 1.75;\r\n  }\r\n\r\n  \/* Brand Promise *\/\r\n  .pf-brand-promise {\r\n    position: relative;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 30px;\r\n    overflow: hidden;\r\n    margin-top: 45px;\r\n    padding: 38px 42px;\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: 22px;\r\n    box-shadow: 0 22px 50px rgba(8, 66, 53, 0.2);\r\n  }\r\n\r\n  .pf-brand-promise::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: -80px;\r\n    right: -40px;\r\n    width: 230px;\r\n    height: 230px;\r\n    border: 40px solid rgba(249, 211, 100, 0.14);\r\n    border-radius: 50%;\r\n  }\r\n\r\n  .pf-promise-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    flex: 0 0 88px;\r\n    width: 88px;\r\n    height: 88px;\r\n    color: var(--pf-green);\r\n    background: var(--pf-yellow);\r\n    border-radius: 22px;\r\n    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.16);\r\n  }\r\n\r\n  .pf-promise-icon svg {\r\n    width: 43px;\r\n    height: 43px;\r\n    fill: currentColor;\r\n  }\r\n\r\n  .pf-promise-content {\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  .pf-promise-content span {\r\n    display: block;\r\n    margin-bottom: 6px;\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-promise-content h3 {\r\n    margin: 0 0 10px;\r\n    font-size: 31px;\r\n    line-height: 1.2;\r\n  }\r\n\r\n  .pf-promise-content p {\r\n    max-width: 900px;\r\n    margin: 0;\r\n    color: rgba(255, 255, 255, 0.9);\r\n    font-size: 16px;\r\n    line-height: 1.75;\r\n  }\r\n\r\n  \/* Tablet *\/\r\n  @media (max-width: 991px) {\r\n    .pf-values-section {\r\n      padding: 75px 20px;\r\n    }\r\n\r\n    .pf-values-grid {\r\n      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    }\r\n\r\n    .pf-value-card {\r\n      min-height: 310px;\r\n    }\r\n  }\r\n\r\n  \/* Mobile *\/\r\n  @media (max-width: 650px) {\r\n    .pf-values-section {\r\n      padding: 55px 15px;\r\n    }\r\n\r\n    .pf-values-heading {\r\n      margin-bottom: 38px;\r\n    }\r\n\r\n    .pf-values-heading h2 {\r\n      font-size: 38px;\r\n    }\r\n\r\n    .pf-values-heading p {\r\n      font-size: 15px;\r\n    }\r\n\r\n    .pf-values-grid {\r\n      grid-template-columns: 1fr;\r\n      gap: 20px;\r\n    }\r\n\r\n    .pf-value-card {\r\n      min-height: auto;\r\n      padding: 32px 25px 30px;\r\n    }\r\n\r\n    .pf-brand-promise {\r\n      align-items: flex-start;\r\n      flex-direction: column;\r\n      gap: 22px;\r\n      margin-top: 30px;\r\n      padding: 30px 25px;\r\n    }\r\n\r\n    .pf-promise-icon {\r\n      flex-basis: 72px;\r\n      width: 72px;\r\n      height: 72px;\r\n    }\r\n\r\n    .pf-promise-icon svg {\r\n      width: 35px;\r\n      height: 35px;\r\n    }\r\n\r\n    .pf-promise-content h3 {\r\n      font-size: 27px;\r\n    }\r\n\r\n    .pf-promise-content p {\r\n      font-size: 15px;\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        \t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Lorem Ipsum\u00a0is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&#8217;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic [&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-3495","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.people1st-hr.com\/index.php\/wp-json\/wp\/v2\/pages\/3495","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=3495"}],"version-history":[{"count":10,"href":"https:\/\/www.people1st-hr.com\/index.php\/wp-json\/wp\/v2\/pages\/3495\/revisions"}],"predecessor-version":[{"id":5941,"href":"https:\/\/www.people1st-hr.com\/index.php\/wp-json\/wp\/v2\/pages\/3495\/revisions\/5941"}],"wp:attachment":[{"href":"https:\/\/www.people1st-hr.com\/index.php\/wp-json\/wp\/v2\/media?parent=3495"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}