{"id":12161,"date":"2026-01-23T13:53:10","date_gmt":"2026-01-23T13:53:10","guid":{"rendered":"https:\/\/qualifiedrecruiter.com\/demo\/?page_id=12161"},"modified":"2026-08-20T05:56:19","modified_gmt":"2026-08-20T05:56:19","slug":"insights","status":"publish","type":"page","link":"https:\/\/qualifiedrecruiter.com\/demo\/insights\/","title":{"rendered":"insights"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"12161\" class=\"elementor elementor-12161\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a295473 e-con-full e-flex e-con e-parent\" data-id=\"a295473\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b216763 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"b216763\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\n  <style>\n\/* MAIN HERO CONTAINER *\/\n.hero-container {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 60px;\n  \n  max-width: 1400px;\n  margin: 0 auto;\n  padding: 60px 40px;\n  \n  background: #fff;\n  min-height: 600px;\n}\n\n\/* LEFT CONTENT *\/\n.hero-left {\n  flex: 0 0 auto;\n  max-width: 350px;\n}\n\n.hero-left h1 {\n  font-size: 72px;\n  line-height: 0.95;\n  margin: 0 0 20px 0;\n  font-weight: 700;\n  color: #1a1a1a;\n  letter-spacing: -0.02em;\n}\n\n.hero-left p {\n  font-size: 16px;\n  color: #666;\n  margin-bottom: 32px;\n  font-weight: 400;\n}\n\n.hero-btn {\n  background: #7cb342;\n  color: #fff;\n  border: none;\n  padding: 16px 48px;\n  border-radius: 8px;\n  font-size: 18px;\n  font-weight: 600;\n  cursor: pointer;\n  transition: all 0.3s ease;\n  box-shadow: 0 4px 12px rgba(124, 179, 66, 0.25);\n}\n\n.hero-btn:hover {\n  background: #689f38;\n  transform: translateY(-2px);\n  box-shadow: 0 6px 20px rgba(124, 179, 66, 0.35);\n}\n\n.hero-btn:active {\n  transform: translateY(0);\n}\n\n\/* RIGHT CARD AREA *\/\n.hero-cards {\n  flex: 1;\n  display: flex;\n  gap: 16px;\n  height: 480px;\n  position: relative;\n  will-change: auto;\n}\n\n\/* INDIVIDUAL CARD *\/\n.card {\n  position: relative;\n  flex: 1;\n  min-width: 80px;\n  border-radius: 20px;\n  overflow: hidden;\n  cursor: pointer;\n  height: 100%;\n  \n  transform: translateZ(0);\n  backface-visibility: hidden;\n  \n  \/* Smooth expansion effect *\/\n  transition: flex 0.9s cubic-bezier(0.65, 0.05, 0.36, 1);\n}\n\n\/* CARD IMAGE - ALWAYS FULLY VISIBLE AND COVERING ENTIRE CARD *\/\n.card-image {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center;\n  display: block;\n  min-height: 100%;\n  min-width: 100%;\n}\n\n\/* BADGE NUMBER *\/\n.card-badge {\n  position: absolute;\n  top: 20px;\n  right: 20px;\n  background: rgba(0, 0, 0, 0.7);\n  color: #fff;\n  padding: 8px 16px;\n  border-radius: 20px;\n  font-size: 20px;\n  font-weight: 700;\n  z-index: 2;\n  backdrop-filter: blur(8px);\n  opacity: 0;\n  transition: opacity 0.3s ease;\n}\n\n\/* TITLE TEXT - VERTICAL BY DEFAULT, CENTERED HORIZONTALLY, BOTTOM POSITIONED *\/\n.card-title {\n  position: absolute;\n  bottom: 24px;\n  left: 50%;\n  \n  color: #fff;\n  font-size: 20px;\n  font-weight: 600;\n  z-index: 2;\n  \n  \/* VERTICAL TEXT (rotated 90 degrees counterclockwise) - CENTERED *\/\n  writing-mode: vertical-rl;\n  transform: translateX(-50%) rotate(180deg);\n  transform-origin: center;\n  \n  white-space: nowrap;\n  opacity: 1;\n  \n  \/* Simple fade transition only *\/\n  transition: opacity 0.3s ease;\n  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);\n}\n\n\/* DARK GRADIENT OVERLAY *\/\n.card::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(\n    to top,\n    rgba(0, 0, 0, 0.7),\n    rgba(0, 0, 0, 0) 60%\n  );\n  z-index: 1;\n  transition: background 0.3s ease;\n}\n\n\/* FIRST CARD EXPANDED BY DEFAULT *\/\n.hero-cards .card:first-child {\n  flex: 2.1;\n}\n\n.hero-cards .card:first-child .card-title {\n  \/* HORIZONTAL for expanded card *\/\n  writing-mode: horizontal-tb;\n  transform: translateX(0);\n  font-size: 28px;\n  bottom: 32px;\n  left: 32px;\n  opacity: 1;\n}\n\n.hero-cards .card:first-child .card-badge {\n  opacity: 1;\n}\n\n\/* HOVER INTERACTIONS *\/\n.hero-cards:hover .card {\n  flex: 0.5;\n}\n\n\/* Non-hovered cards keep vertical text - CENTERED *\/\n.hero-cards:hover .card .card-title {\n  writing-mode: vertical-rl;\n  transform: translateX(-50%) rotate(180deg);\n  font-size: 20px;\n  bottom: 24px;\n  left: 50%;\n  opacity: 1;\n}\n\n\/* Hovered card gets horizontal text *\/\n.hero-cards .card:hover {\n  flex: 2.1;\n}\n\n.hero-cards .card:hover .card-title {\n  \/* HORIZONTAL for hovered card *\/\n  writing-mode: horizontal-tb;\n  transform: translateX(0);\n  opacity: 1;\n  font-size: 28px;\n  bottom: 32px;\n  left: 32px;\n}\n\n.hero-cards .card:hover .card-badge {\n  opacity: 1;\n}\n.hero-cards:hover .card:first-child:not(:hover) .card-image {\n  object-position: left center;\n}\n.hero-cards .card:hover::before {\n  background: linear-gradient(\n    to top,\n    rgba(0, 0, 0, 0.8),\n    rgba(0, 0, 0, 0.1) 70%\n  );\n}\n\n\/* RESPONSIVE DESIGN *\/\n@media (max-width: 1200px) {\n  .hero-container {\n    gap: 40px;\n    padding: 40px 30px;\n  }\n\n  .hero-left h1 {\n    font-size: 56px;\n  }\n\n  .hero-cards {\n    height: 400px;\n  }\n}\n\n@media (max-width: 900px) {\n  .hero-container {\n    flex-direction: column;\n    gap: 40px;\n    padding: 30px 20px;\n    min-height: auto;\n  }\n\n  .hero-left {\n    max-width: 100%;\n    text-align: left;\n  }\n\n  .hero-left h1 {\n    font-size: 48px;\n  }\n\n  .hero-cards {\n    width: 100%;\n    height: 350px;\n  }\n\n  \/* Mobile: all text horizontal, disable hover effects *\/\n  .hero-cards:hover .card {\n    flex: 1;\n  }\n\n  .card-title,\n  .hero-cards:hover .card .card-title {\n    writing-mode: horizontal-tb;\n    transform: translateX(0);\n    font-size: 20px;\n    bottom: 20px;\n    left: 20px;\n    opacity: 1;\n  }\n\n  .card:first-child .card-badge,\n  .card:hover .card-badge {\n    opacity: 0;\n  }\n}\n\n@media (max-width: 600px) {\n  .hero-left h1 {\n    font-size: 40px;\n  }\n\n  .hero-btn {\n    padding: 14px 36px;\n    font-size: 16px;\n  }\n\n  .hero-cards {\n    height: 280px;\n    gap: 12px;\n  }\n\n  .card {\n    min-width: 60px;\n  }\n\n  .card-title {\n    font-size: 16px;\n    bottom: 16px;\n    left: 16px;\n  }\n}\n\n\/* PERFORMANCE: Reduce motion for users who prefer it *\/\n@media (prefers-reduced-motion: reduce) {\n  * {\n    animation-duration: 0.01ms !important;\n    animation-iteration-count: 1 !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n  <\/style>\n  <div class=\"hero-container\">\n    <!-- LEFT CONTENT -->\n    <div class=\"hero-left\">\n      <h1>Learn.<br>Connect.<br>Grow.<\/h1>\n      <p>Building Exceptional Teams.\n<\/p>\n      <button class=\"hero-btn\">Explore<\/button>\n    <\/div>\n\n    <!-- RIGHT CARD AREA -->\n    <div class=\"hero-cards\">\n      <!-- CARD 1: Articles - 100 topics -->\n    <a class=\"card\" href=\"#articles-section\">\n    <img decoding=\"async\"\n      src=\"https:\/\/qualifiedrecruiter.com\/demo\/wp-content\/uploads\/2026\/08\/aricle-banner-insights-page.png\"\n      alt=\"Articles\"\n      class=\"card-image\">\n    <div class=\"card-badge\">100<\/div>\n    <div class=\"card-title\">Articles<\/div>\n  <\/a>\n\n      <!-- CARD 2: Life at QR -->\n     <a class=\"card\" href=\"#life-at-qr-section\">\n    <img decoding=\"async\"\n      src=\"https:\/\/qualifiedrecruiter.com\/demo\/wp-content\/uploads\/2026\/08\/life-at-QR-Banner.svg\"\n      alt=\"Life at QR\"\n      class=\"card-image\">\n    <div class=\"card-title\">Life at QR<\/div>\n  <\/a>\n\n\n      <!-- CARD 3: Marketing -->\n <a class=\"card\" href=\"#playbook-section\">\n    <img decoding=\"async\"\n      src=\"https:\/\/qualifiedrecruiter.com\/demo\/wp-content\/uploads\/2026\/08\/marketing-banner-insight-page.png\"\n      alt=\"Marketing\"\n      class=\"card-image\">\n    <div class=\"card-title\">The QR Playbook<\/div>\n  <\/a>\n      <!-- CARD 4: CSR Activities -->\n    <\/div>\n  <\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-489e358 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"489e358\" data-element_type=\"section\" id=\"articles-section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7448429\" data-id=\"7448429\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a2c9a0c elementor-widget elementor-widget-image\" data-id=\"a2c9a0c\" data-element_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<img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/qualifiedrecruiter.com\/demo\/wp-content\/uploads\/2024\/12\/QR_facebook_profile_icon.png\" class=\"attachment-full size-full wp-image-6413\" alt=\"\" srcset=\"https:\/\/qualifiedrecruiter.com\/demo\/wp-content\/uploads\/2024\/12\/QR_facebook_profile_icon.png 180w, https:\/\/qualifiedrecruiter.com\/demo\/wp-content\/uploads\/2024\/12\/QR_facebook_profile_icon-150x150.png 150w, https:\/\/qualifiedrecruiter.com\/demo\/wp-content\/uploads\/2024\/12\/QR_facebook_profile_icon-70x70.png 70w\" sizes=\"(max-width: 180px) 100vw, 180px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0bafb05 align-center heading-default elementor-widget elementor-widget-mae-headings\" data-id=\"0bafb05\" data-element_type=\"widget\" data-widget_type=\"mae-headings.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"master-heading sep-none\">\n\t\t\t\t\t\t\t        \t        \t<div class=\"pre-heading\"><span class=\"line\"><span class=\"inner\"><\/span><\/span> Dive into expert perspectives on recruitment, hiring trends, and RPO insights, written to help you hire smarter, every time.<\/div>\n\t        \n\t        \n\t        \t        <h2 class=\"main-heading\">Articles<\/h2>\n\t        \n\t        \n\t        \t    <\/div>\n\t    \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-c888516 e-con-full e-flex e-con e-parent\" data-id=\"c888516\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3f2c5b7 elementor-widget__width-inherit elementor-widget elementor-widget-shortcode\" data-id=\"3f2c5b7\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-shortcode\">\n    <style>\n    .blog-section { max-width: 1400px; margin: 0 auto; padding: 10px 20px; }\n    .blog-grid { display: grid; grid-template-columns: 2fr 1fr 1fr; grid-auto-rows: 280px; gap: 20px; }\n    .blog-card { position: relative; overflow: hidden; border-radius: 16px; cursor: pointer; transition: transform 0.3s ease, box-shadow 0.3s ease; }\n    .blog-card:hover { transform: translateY(-5px); box-shadow: 0 15px 40px rgba(0, 0, 0, 0.6); }\n    .blog-card img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; }\n    .blog-card:hover img { transform: scale(1.08); }\n    .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.7) 100%); z-index: 1; }\n    .blog-card.large { grid-row: span 2; }\n    .blog-card.wide { grid-column: span 2; }\n    .blog-card .content { position: absolute; bottom: 0; left: 0; right: 0; padding: 30px; z-index: 2; color: #fff; }\n    .tag { display: inline-block; padding: 6px 16px; border-radius: 20px; font-size: 12px; font-weight: 600; margin-bottom: 12px; text-transform: capitalize; backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.2); }\n    .tag.beauty { background: rgba(255, 107, 53, 0.3); color: #ff8c5a; }\n    .tag.gadgets { background: rgba(46, 204, 113, 0.3); color: #5eec98; }\n    .tag.sport { background: rgba(255, 159, 64, 0.3); color: #ffb573; }\n    .blog-card h2, .blog-card h3 { font-weight: 700; line-height: 1.3; margin-bottom: 16px; color: #fff; text-shadow: 0 2px 8px rgba(0,0,0,0.3);\n        \/* \u2500\u2500 Single line + ellipsis (grid only) \u2500\u2500 *\/\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n    }\n    .blog-card h2 { font-size: 26px; }\n    .blog-card.large h2 { font-size: 28px; }\n    .blog-card h3 { font-size: 18px; }\n    @media(max-width: 1024px) {\n      .blog-grid { grid-template-columns: 1fr 1fr; grid-auto-rows: 300px; }\n      .blog-card.large { grid-column: span 2; grid-row: span 1; }\n      .blog-card.wide { grid-column: span 2; }\n    }\n    @media(max-width: 768px) {\n      .blog-section { padding: 20px 10px; }\n      .blog-grid { grid-template-columns: 1fr; grid-auto-rows: 320px; gap: 16px; }\n      .blog-card.large, .blog-card.wide { grid-column: span 1; grid-row: span 1; }\n      .blog-card h2 { font-size: 22px; }\n      .blog-card h3 { font-size: 16px; }\n      .blog-card .content { padding: 20px; }\n    }\n    <\/style>\n\n    <section class=\"blog-section\">\n      <div class=\"blog-grid\">\n                    <article class=\"blog-card large\">\n              <a href=\"https:\/\/qualifiedrecruiter.com\/demo\/the-ai-revolution-in-rpo-how-artificial-intelligence-is-transforming-the-hiring-process-2\/\" style=\"display:block;width:100%;height:100%;color:inherit;text-decoration:none;\">\n                <img decoding=\"async\" src=\"https:\/\/qualifiedrecruiter.com\/demo\/wp-content\/uploads\/2026\/08\/QR-Blog-for-website-1920-\u00d7-400-px-1024x213.png\" alt=\"The AI Revolution in RPO: How Artificial Intelligence is Transforming the Hiring Process\">\n                <div class=\"overlay\"><\/div>\n                <div class=\"content\">\n                  <span class=\"tag beauty\">Articles<\/span>\n                  <h2>The AI Revolution in RPO: How Artificial Intelligence is Transforming the Hiring Process<\/h2>\n                <\/div>\n              <\/a>\n            <\/article>\n                        <article class=\"blog-card small\">\n              <a href=\"https:\/\/qualifiedrecruiter.com\/demo\/the-future-of-rpo-how-recruitment-process-outsourcing-will-shape-hiring-in-2023-2\/\" style=\"display:block;width:100%;height:100%;color:inherit;text-decoration:none;\">\n                <img decoding=\"async\" src=\"https:\/\/qualifiedrecruiter.com\/demo\/wp-content\/uploads\/2026\/08\/QR-Blog-1-1024x576.png\" alt=\"The Future of RPO: How Recruitment Process Outsourcing Will Shape Hiring in 2023\">\n                <div class=\"overlay\"><\/div>\n                <div class=\"content\">\n                  <span class=\"tag beauty\">Articles<\/span>\n                  <h3>The Future of RPO: How Recruitment Process Outsourcing Will Shape Hiring in 2023<\/h3>\n                <\/div>\n              <\/a>\n            <\/article>\n                        <article class=\"blog-card small\">\n              <a href=\"https:\/\/qualifiedrecruiter.com\/demo\/smarter-hiring-in-the-digital-age-how-ai-and-social-media-are-shaping-recruitment-at-qualified-recruiter\/\" style=\"display:block;width:100%;height:100%;color:inherit;text-decoration:none;\">\n                <img decoding=\"async\" src=\"https:\/\/qualifiedrecruiter.com\/demo\/wp-content\/uploads\/2026\/08\/QR-Blog-1024x576.png\" alt=\"Smarter Hiring in the Digital Age: How AI and Social Media Are Shaping Recruitment at Qualified Recruiter\">\n                <div class=\"overlay\"><\/div>\n                <div class=\"content\">\n                  <span class=\"tag beauty\">Articles<\/span>\n                  <h3>Smarter Hiring in the Digital Age: How AI and Social Media Are Shaping Recruitment at Qualified Recruiter<\/h3>\n                <\/div>\n              <\/a>\n            <\/article>\n                        <article class=\"blog-card wide\">\n              <a href=\"https:\/\/qualifiedrecruiter.com\/demo\/celebrating-7-years-of-excellence-qualified-recruiter-and-our-unparalleled-rpo-services-2\/\" style=\"display:block;width:100%;height:100%;color:inherit;text-decoration:none;\">\n                <img decoding=\"async\" src=\"https:\/\/qualifiedrecruiter.com\/demo\/wp-content\/uploads\/2026\/08\/Celebrating-7-Years-of-Excellence-Qualified-Recruiter-and-Our-Unparalleled-RPO-Services-1-1024x576.png\" alt=\"Celebrating 7 Years of Excellence: Qualified Recruiter and Our Unparalleled RPO Services\u00a0\">\n                <div class=\"overlay\"><\/div>\n                <div class=\"content\">\n                  <span class=\"tag beauty\">Articles<\/span>\n                  <h2>Celebrating 7 Years of Excellence: Qualified Recruiter and Our Unparalleled RPO Services\u00a0<\/h2>\n                <\/div>\n              <\/a>\n            <\/article>\n                  <\/div>\n    <\/section>\n    <\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-da0a11c elementor-widget__width-inherit elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"da0a11c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\n  <section class=\"blog-section\">\n    <div class=\"blog-grid\">\n      <!-- Large Left Card -->\n      <article class=\"blog-card large\">\n        <img decoding=\"async\" src=\"https:\/\/gillion.shufflehound.com\/magazine\/wp-content\/uploads\/sites\/13\/2016\/01\/Main_slide.jpg\" alt=\"Photography\">\n        <div class=\"overlay\"><\/div>\n        <div class=\"content\">\n          <span class=\"tag beauty\">Articles<\/span>\n          <h2>Lesson 1: Basics Of Photography With Natural Lighting<\/h2>\n          <div class=\"meta\">\n            <div class=\"author\">\n              <div class=\"avatar\"><\/div>\n              <span>Carson, 2 years ago<\/span>\n            <\/div>\n            <span class=\"comments\">\ud83d\udcac 3<\/span>\n            <span class=\"read-time\">\u23f1 3 min read<\/span>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <!-- Small Top Card -->\n      <article class=\"blog-card small\">\n        <img decoding=\"async\" src=\"https:\/\/images.pexels.com\/photos\/417074\/pexels-photo-417074.jpeg?auto=compress&cs=tinysrgb&w=800\" alt=\"Nature\">\n        <div class=\"overlay\"><\/div>\n        <div class=\"content\">\n          <span class=\"tag beauty\">Articles<\/span>\n          <h3>How To Find Good Spots For Nature Inspired Photo-Shoots<\/h3>\n        <\/div>\n      <\/article>\n\n      <!-- Small Top Card -->\n      <article class=\"blog-card small\">\n        <img decoding=\"async\" src=\"https:\/\/images.pexels.com\/photos\/2582937\/pexels-photo-2582937.jpeg?auto=compress&cs=tinysrgb&w=800\" alt=\"Gaming Rig\">\n        <div class=\"overlay\"><\/div>\n        <div class=\"content\">\n          <span class=\"tag gadgets\">Articles<\/span>\n          <h3>Coolest Gaming Rig With NZXT Cooling System<\/h3>\n        <\/div>\n      <\/article>\n\n      <!-- Wide Bottom Card -->\n      <article class=\"blog-card wide\">\n        <img decoding=\"async\" src=\"https:\/\/images.pexels.com\/photos\/358042\/pexels-photo-358042.jpeg?auto=compress&cs=tinysrgb&w=1200\" alt=\"Basketball\">\n        <div class=\"overlay\"><\/div>\n        <div class=\"content\">\n          <span class=\"tag sport\">Articles<\/span>\n          <h2>Top 5 Unheard Interesting Facts About Basketball<\/h2>\n          <div class=\"meta\">\n            <div class=\"author\">\n              <div class=\"avatar\"><\/div>\n              <span>Carson, 1 year ago<\/span>\n            <\/div>\n            <span class=\"comments\">\ud83d\udcac 6<\/span>\n            <span class=\"read-time\">\u23f1 3 min read<\/span>\n          <\/div>\n        <\/div>\n      <\/article>\n    <\/div>\n  <\/section>\n\n  <style>\n\n\n    .blog-section {\n      max-width: 1400px;\n      margin: 0 auto;\n      padding: 10px 20px;\n    }\n\n    .blog-grid {\n      display: grid;\n      grid-template-columns: 2fr 1fr 1fr;\n      grid-auto-rows: 280px;\n      gap: 20px;\n    }\n\n    .blog-card {\n      position: relative;\n      overflow: hidden;\n      border-radius: 16px;\n      cursor: pointer;\n      transition: transform 0.3s ease, box-shadow 0.3s ease;\n    }\n\n    .blog-card:hover {\n      transform: translateY(-5px);\n      box-shadow: 0 15px 40px rgba(0, 0, 0, 0.6);\n    }\n\n    .blog-card img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      transition: transform 0.5s ease;\n    }\n\n    .blog-card:hover img {\n      transform: scale(1.08);\n    }\n\n    \/* Overlay for better text visibility *\/\n    .overlay {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      background: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.7) 100%);\n      z-index: 1;\n    }\n\n    .blog-card.large {\n      grid-row: span 2;\n    }\n\n    .blog-card.wide {\n      grid-column: span 2;\n    }\n\n    \/* Content *\/\n    .blog-card .content {\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      padding: 30px;\n      z-index: 2;\n      color: #fff;\n    }\n\n    \/* Tags *\/\n    .tag {\n      display: inline-block;\n      padding: 6px 16px;\n      border-radius: 20px;\n      font-size: 12px;\n      font-weight: 600;\n      margin-bottom: 12px;\n      text-transform: capitalize;\n      backdrop-filter: blur(10px);\n      border: 1px solid rgba(255, 255, 255, 0.2);\n    }\n\n    .tag.beauty {\n      background: rgba(255, 107, 53, 0.3);\n      color: #ff8c5a;\n    }\n\n    .tag.gadgets {\n      background: rgba(46, 204, 113, 0.3);\n      color: #5eec98;\n    }\n\n    .tag.sport {\n      background: rgba(255, 159, 64, 0.3);\n      color: #ffb573;\n    }\n\n    \/* Headings *\/\n    .blog-card h2,\n    .blog-card h3 {\n      font-weight: 700;\n      line-height: 1.3;\n      margin-bottom: 16px;\n      color: #fff;\n      text-shadow: 0 2px 8px rgba(0,0,0,0.3);\n    }\n\n    .blog-card h2 { \n      font-size: 26px; \n    }\n\n    .blog-card.large h2 {\n      font-size: 28px;\n    }\n\n    .blog-card h3 { \n      font-size: 18px; \n    }\n\n    \/* Meta *\/\n    .meta {\n      display: flex;\n      align-items: center;\n      gap: 16px;\n      font-size: 13px;\n      color: rgba(255, 255, 255, 0.85);\n    }\n\n    .author {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n    }\n\n    .avatar {\n      width: 28px;\n      height: 28px;\n      border-radius: 50%;\n      background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n      border: 2px solid rgba(255, 255, 255, 0.3);\n    }\n\n    .comments, .read-time {\n      display: inline-flex;\n      align-items: center;\n      gap: 4px;\n    }\n\n    \/* Play Button for Large Card *\/\n    .play-btn {\n      position: absolute;\n      top: 24px;\n      right: 24px;\n      width: 50px;\n      height: 50px;\n      background: rgba(255, 255, 255, 0.2);\n      backdrop-filter: blur(10px);\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      z-index: 2;\n      cursor: pointer;\n      transition: all 0.3s ease;\n      border: 2px solid rgba(255, 255, 255, 0.3);\n    }\n\n    .play-btn:hover {\n      background: rgba(255, 255, 255, 0.3);\n      transform: scale(1.1);\n    }\n\n    .play-btn svg {\n      margin-left: 2px;\n    }\n\n    \/* Responsive *\/\n    @media(max-width: 1024px) {\n      .blog-grid {\n        grid-template-columns: 1fr 1fr;\n        grid-auto-rows: 300px;\n      }\n\n      .blog-card.large {\n        grid-column: span 2;\n        grid-row: span 1;\n      }\n\n      .blog-card.wide {\n        grid-column: span 2;\n      }\n    }\n\n    @media(max-width: 768px) {\n      .blog-section {\n        padding: 20px 10px;\n      }\n\n      .blog-grid {\n        grid-template-columns: 1fr;\n        grid-auto-rows: 320px;\n        gap: 16px;\n      }\n\n      .blog-card.large,\n      .blog-card.wide {\n        grid-column: span 1;\n        grid-row: span 1;\n      }\n\n      .blog-card h2 {\n        font-size: 22px;\n      }\n\n      .blog-card h3 {\n        font-size: 16px;\n      }\n\n      .blog-card .content {\n        padding: 20px;\n      }\n\n      .meta {\n        flex-wrap: wrap;\n        gap: 12px;\n      }\n    }\n  <\/style>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5fd70f6 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5fd70f6\" data-element_type=\"section\" id=\"life-at-qr-section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-55563e9\" data-id=\"55563e9\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-485acae elementor-widget elementor-widget-image\" data-id=\"485acae\" data-element_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<img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/qualifiedrecruiter.com\/demo\/wp-content\/uploads\/2024\/12\/QR_facebook_profile_icon.png\" class=\"attachment-full size-full wp-image-6413\" alt=\"\" srcset=\"https:\/\/qualifiedrecruiter.com\/demo\/wp-content\/uploads\/2024\/12\/QR_facebook_profile_icon.png 180w, https:\/\/qualifiedrecruiter.com\/demo\/wp-content\/uploads\/2024\/12\/QR_facebook_profile_icon-150x150.png 150w, https:\/\/qualifiedrecruiter.com\/demo\/wp-content\/uploads\/2024\/12\/QR_facebook_profile_icon-70x70.png 70w\" sizes=\"(max-width: 180px) 100vw, 180px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-749e5af align-center heading-default elementor-widget elementor-widget-mae-headings\" data-id=\"749e5af\" data-element_type=\"widget\" data-widget_type=\"mae-headings.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"master-heading sep-none\">\n\t\t\t\t\t\t\t        \t        \t<div class=\"pre-heading\"><span class=\"line\"><span class=\"inner\"><\/span><\/span>A glimpse into the moments, memories, and milestones that make QR more than just a workplace.<\/div>\n\t        \n\t        \n\t        \t        <h2 class=\"main-heading\">Life At Qualified Recruiter<\/h2>\n\t        \n\t        \n\t        \t    <\/div>\n\t    \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-fef12d3 e-con-full e-flex e-con e-parent\" data-id=\"fef12d3\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2fa4d2f elementor-widget elementor-widget-html\" data-id=\"2fa4d2f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\n\n<div class=\"tg-section\">\n\n  <div class=\"tg-grid\">\n\n    <!-- LEFT COLUMN -->\n    <div class=\"tg-col tg-list\">\n\n      <div class=\"tg-item\">\n        <img decoding=\"async\" src=\"https:\/\/qualifiedrecruiter.com\/demo\/wp-content\/uploads\/2026\/08\/Rewards-Recognition.svg\">\n        <div class=\"tg-text\">\n          <span>Rewards &amp; Recognition<\/span>\n          <h3>Because every great effort deserves its moment in the spotlight.<\/h3>\n        <\/div>\n      <\/div>\n\n      <div class=\"tg-item\">\n        <img decoding=\"async\" src=\"https:\/\/qualifiedrecruiter.com\/demo\/wp-content\/uploads\/2026\/08\/Celebrations.svg\">\n        <div class=\"tg-text\">\n          <span>Celebrations<\/span>\n          <h3>From small wins to big milestones \u2014 every step of QR's growth has been worth celebrating.<\/h3>\n        <\/div>\n      <\/div>\n\n      <div class=\"tg-item\">\n        <img decoding=\"async\" src=\"https:\/\/qualifiedrecruiter.com\/demo\/wp-content\/uploads\/2026\/08\/Fun-Fridays.svg\">\n        <div class=\"tg-text\">\n          <span>Fun Fridays<\/span>\n          <h3>A tradition that keeps the energy high and the team even closer.<\/h3>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n    <!-- CENTER SHOWCASE (auto-built from the side cards) -->\n    <div class=\"tg-col tg-slider\" id=\"tgShowcase\"><\/div>\n\n    <!-- RIGHT COLUMN -->\n    <div class=\"tg-col tg-list\">\n\n      <div class=\"tg-item\">\n        <img decoding=\"async\" src=\"https:\/\/qualifiedrecruiter.com\/demo\/wp-content\/uploads\/2026\/08\/Festivities-2.svg\">\n        <div class=\"tg-text\">\n          <span>Festivities<\/span>\n          <h3>Every festival brings us together \u2014 and we make sure it's worth remembering.<\/h3>\n        <\/div>\n      <\/div>\n\n      <div class=\"tg-item\">\n        <img decoding=\"async\" src=\"https:\/\/qualifiedrecruiter.com\/demo\/wp-content\/uploads\/2026\/08\/QRPL_Sports.svg\">\n        <div class=\"tg-text\">\n          <span>QR Sports \/ QRPL<\/span>\n          <h3>Our very own sporting league \u2014 where team spirit goes beyond the office.<\/h3>\n        <\/div>\n      <\/div>\n\n      <div class=\"tg-item\">\n        <img decoding=\"async\" src=\"https:\/\/qualifiedrecruiter.com\/demo\/wp-content\/uploads\/2026\/08\/Success-Stories.svg\">\n        <div class=\"tg-text\">\n          <span>Success Stories<\/span>\n          <h3>Careers built. Milestones crossed. These are the stories of QR people who chose to grow here \u2014 and never stopped.<\/h3>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<style>\n.tg-section {\n  max-width: 1640px;\n  margin: auto;\n  padding: 10px 20px;\n  font-family: sans-serif;\n}\n\n.tg-heading {\n  font-size: 30px;\n  margin-bottom: 30px;\n}\n\n.tg-grid {\n  display: grid;\n  grid-template-columns: 1.35fr 1.2fr 1.35fr;\n  gap: 0px;\n  align-items: stretch;\n}\n\n.tg-list {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  justify-content: space-between;\n  gap: 20px;\n}\n\n.tg-item {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  padding: 28px 16px;\n  border-radius: 12px;\n  transition: all 0.35s ease;\n  cursor: pointer;\n}\n\n.tg-item:hover {\n  transform: translateY(-6px);\n  box-shadow: 0 12px 28px rgba(0,0,0,0.15);\n  background: #ffffff;\n}\n\n.tg-item img {\n  width: 120px;\n  height: 120px;\n  object-fit: cover;\n  border-radius: 8px;\n}\n\n.tg-text span {\n  display: inline-block;\n  color: #ffffff;\n  background: #083F61;\n  padding: 4px 10px;\n  border-radius: 4px;\n  font-size: 13px;\n  font-weight: bold;\n}\n\n.tg-text h3 {\n  color: #083F61;\n  font-size: 17px;\n  font-weight: 500;\n  line-height: 1.4;\n  margin: 6px 0 0;\n}\n\n.tg-text p {\n  font-size: 12px;\n  color: #777;\n}\n\n\/* CENTER SHOWCASE (crossfade) *\/\n.tg-slider {\n  position: relative;\n  overflow: hidden;\n  border-radius: 14px;\n  background: #eee;\n}\n\n.tg-slide {\n  position: absolute;\n  inset: 0;\n  opacity: 0;\n  transition: opacity 1s ease;\n}\n\n.tg-slide.active {\n  opacity: 1;\n  z-index: 1;\n}\n\n.tg-slide img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\n.tg-slide-text {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  color: white;\n  background: linear-gradient(transparent, rgba(0,0,0,0.35) 40%, rgba(0,0,0,0.85));\n  padding: 60px 24px 24px;\n}\n\n.tg-slide-text span {\n  display: inline-block;\n  color: #ffffff;\n  background: #083F61;\n  padding: 4px 10px;\n  border-radius: 4px;\n  font-size: 13px;\n  font-weight: bold;\n  letter-spacing: .04em;\n}\n\n#tgShowcase .tg-slide-text h2 {\n  display: none;\n}\n\n@media (max-width: 992px) {\n  .tg-grid { grid-template-columns: 1fr; }\n  .tg-slider { height: 400px; }\n}\n\n@media (min-width: 993px) {\n  .tg-slider { min-height: 100%; }\n}\n<\/style>\n\n<script>\nfunction tgInitShowcase() {\n  const showcase = document.getElementById(\"tgShowcase\");\n  const items = document.querySelectorAll(\".tg-list .tg-item\");\n  if (!showcase || !items.length || showcase.dataset.built) return;\n  showcase.dataset.built = \"1\";\n\n  items.forEach(function (item, i) {\n    const src   = item.querySelector(\"img\").getAttribute(\"src\");\n    const cat   = item.querySelector(\".tg-text span\").textContent.trim();\n    const title = item.querySelector(\".tg-text h3\").textContent.trim();\n\n    const slide = document.createElement(\"div\");\n    slide.className = \"tg-slide\" + (i === 0 ? \" active\" : \"\");\n\n    const img = document.createElement(\"img\");\n    img.src = src;\n\n    const cap = document.createElement(\"div\");\n    cap.className = \"tg-slide-text\";\n    const s = document.createElement(\"span\");\n    s.textContent = cat;\n    const h = document.createElement(\"h2\");\n    h.textContent = title;\n    cap.appendChild(s);\n    cap.appendChild(h);\n\n    slide.appendChild(img);\n    slide.appendChild(cap);\n    showcase.appendChild(slide);\n  });\n\n  const slides = showcase.querySelectorAll(\".tg-slide\");\n  let idx = 0;\n  setInterval(function () {\n    slides[idx].classList.remove(\"active\");\n    idx = (idx + 1) % slides.length;\n    slides[idx].classList.add(\"active\");\n  }, 3500);\n}\n\nif (document.readyState === \"loading\") {\n  document.addEventListener(\"DOMContentLoaded\", tgInitShowcase);\n} else {\n  tgInitShowcase();\n}\n<\/script>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-02f6152 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"02f6152\" data-element_type=\"section\" id=\"playbook-section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-14ac54c\" data-id=\"14ac54c\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3bbd403 elementor-widget elementor-widget-image\" data-id=\"3bbd403\" data-element_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<img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/qualifiedrecruiter.com\/demo\/wp-content\/uploads\/2024\/12\/QR_facebook_profile_icon.png\" class=\"attachment-full size-full wp-image-6413\" alt=\"\" srcset=\"https:\/\/qualifiedrecruiter.com\/demo\/wp-content\/uploads\/2024\/12\/QR_facebook_profile_icon.png 180w, https:\/\/qualifiedrecruiter.com\/demo\/wp-content\/uploads\/2024\/12\/QR_facebook_profile_icon-150x150.png 150w, https:\/\/qualifiedrecruiter.com\/demo\/wp-content\/uploads\/2024\/12\/QR_facebook_profile_icon-70x70.png 70w\" sizes=\"(max-width: 180px) 100vw, 180px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c1d9d5b align-center heading-default elementor-widget elementor-widget-mae-headings\" data-id=\"c1d9d5b\" data-element_type=\"widget\" data-widget_type=\"mae-headings.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"master-heading sep-none\">\n\t\t\t\t\t\t\t        \t        \t<div class=\"pre-heading\"><span class=\"line\"><span class=\"inner\"><\/span><\/span> Everything you need to know before partnering with Qualified Recruiter\u2014all in one place.<\/div>\n\t        \n\t        \n\t        \t        <h2 class=\"main-heading\">The QR Playbook<\/h2>\n\t        \n\t        \n\t        \t    <\/div>\n\t    \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-d2714b8 e-con-full e-flex e-con e-parent\" data-id=\"d2714b8\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c2be974 elementor-widget elementor-widget-html\" data-id=\"c2be974\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\n\/* =================================================\n   WHAT'S NEW TODAY \u2013 aligned list cards, badge fix\n================================================= *\/\n\n.wnt-section {\n  max-width: 1320px;\n  margin: 0 auto;\n  padding: 30px 15px;\n}\n\n\/* ---------- HEADER ---------- *\/\n.wnt-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 40px;\n  gap: 20px;\n}\n.wnt-header h2 {\n  font-size: 36px;\n  font-weight: 700;\n  color: #083F61;\n  position: relative;\n  padding-left: 16px;\n}\n.wnt-header h2::before {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 4px;\n  height: 80%;\n  background: #083F61;\n  border-radius: 2px;\n}\n.wnt-header span {\n  font-size: 14px;\n  font-weight: 600;\n  letter-spacing: .08em;\n  color: #083F61;\n}\n\n\/* ---------- GRID ---------- *\/\n.wnt-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr 1fr;\n  gap: 24px;\n  align-items: stretch;\n}\n\n\/* ---------- IMAGE-OVERLAY CARDS ---------- *\/\n.wnt-card {\n  position: relative;\n  overflow: hidden;\n  border-radius: 16px;\n  background-size: cover;\n  background-position: center;\n  box-shadow: 0 10px 30px rgba(0,0,0,.1);\n  transition: transform .3s ease, box-shadow .3s ease;\n  cursor: default;\n}\n.wnt-card:hover {\n  transform: translateY(-5px);\n  box-shadow: 0 18px 40px rgba(0,0,0,.15);\n}\n.wnt-overlay {\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(to top,rgba(0,0,0,.75),transparent);\n}\n.wnt-content {\n  position: absolute;\n  bottom: 0;\n  z-index: 2;\n  padding: 24px;\n  color: #fff;\n}\n.wnt-badge {\n  display: inline-block;\n  background: #083F61;\n  color: #fff;\n  padding: 6px 14px;\n  font-size: 12px;\n  border-radius: 20px;\n  margin-bottom: 10px;\n}\n.wnt-title {\n  font-size: 20px;\n  font-weight: 700;\n  line-height: 1.4;\n  margin-bottom: 6px;\n  color: #fff;\n}\n.wnt-meta { font-size: 13px; opacity: .85; }\n\n\/* ---------- LEFT FEATURED ---------- *\/\n.wnt-featured { height: 100%; }\n\n\/* ---------- MIDDLE COLUMN (3 CARDS) ---------- *\/\n.wnt-list {\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n  height: 100%;\n}\n.wnt-list-card {\n  display: flex;\n  align-items: stretch;          \/* image fills full card height *\/\n  gap: 16px;\n  background: #fff;\n  border-radius: 14px;\n  overflow: hidden;\n  box-shadow: 0 6px 20px rgba(0,0,0,.08);\n  flex: 1;\n}\n.wnt-list-img {\n  flex: 0 0 35%;                 \/* locks image width across all cards *\/\n  background-size: cover;\n  background-position: center;\n}\n.wnt-list-content {\n  padding: 18px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;       \/* vertically centers badge + heading *\/\n  align-items: flex-start;       \/* stops badge from stretching full width *\/\n}\n.wnt-list-content h3 {\n  font-size: 16px;\n  font-weight: 600;\n  margin: 0;\n  color: #083F61;\n}\n.wnt-list-content .wnt-meta { color: #777; }\n\n\/* ---------- RIGHT COLUMN ---------- *\/\n.wnt-right {\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n  height: 100%;\n}\n.wnt-right .wnt-card { flex: 1; }\n\n\/* ================= RESPONSIVE ================= *\/\n@media (max-width: 1024px) {\n  .wnt-grid { grid-template-columns: 1fr; }\n  .wnt-featured, .wnt-list, .wnt-right { height: auto; }\n  .wnt-featured, .wnt-right .wnt-card {\n    aspect-ratio: 16 \/ 10;\n    min-height: 320px;\n  }\n  .wnt-card { min-height: 260px; }\n}\n\n@media (max-width: 600px) {\n  .wnt-header { flex-direction: column; align-items: flex-start; gap: 10px; }\n  .wnt-header h2 { font-size: 24px; }\n  .wnt-featured, .wnt-right .wnt-card { aspect-ratio: 4 \/ 3; min-height: 260px; }\n  .wnt-list-card { flex-direction: column; }\n  .wnt-list-img { flex: 0 0 auto; width: 100%; height: 160px; }\n  .wnt-title { font-size: 18px; }\n}\n<\/style>\n\n<div class=\"wnt-section\">\n\n  <div class=\"wnt-grid\">\n\n    <!-- FEATURED -->\n    <div class=\"wnt-card wnt-featured\"\n      style=\"background-image:url('https:\/\/qualifiedrecruiter.com\/demo\/wp-content\/uploads\/2026\/08\/The-Blueprint.svg')\">\n      <span class=\"wnt-overlay\"><\/span>\n      <div class=\"wnt-content\">\n        <span class=\"wnt-badge\">Our Story<\/span>\n        <div class=\"wnt-title\">The Blueprint<\/div>\n      <\/div>\n    <\/div>\n\n    <!-- MIDDLE LIST -->\n    <div class=\"wnt-list\">\n\n      <div class=\"wnt-list-card\">\n        <div class=\"wnt-list-img\" style=\"background-image:url('https:\/\/qualifiedrecruiter.com\/demo\/wp-content\/uploads\/2026\/08\/The-QR-Portfolio.svg')\"><\/div>\n        <div class=\"wnt-list-content\">\n          <span class=\"wnt-badge\">Company Essentials<\/span>\n          <h3>The QR Portfolio<\/h3>\n        <\/div>\n      <\/div>\n\n      <div class=\"wnt-list-card\">\n        <div class=\"wnt-list-img\" style=\"background-image:url('https:\/\/qualifiedrecruiter.com\/demo\/wp-content\/uploads\/2026\/08\/Latest-Edition.svg')\"><\/div>\n        <div class=\"wnt-list-content\">\n          <span class=\"wnt-badge\">Latest Edition<\/span>\n          <h3>The Recruiter's Chronicle<\/h3>\n        <\/div>\n      <\/div>\n\n      <div class=\"wnt-list-card\">\n        <div class=\"wnt-list-img\" style=\"background-image:url('https:\/\/qualifiedrecruiter.com\/demo\/wp-content\/uploads\/2026\/08\/Real-Experiences.svg')\"><\/div>\n        <div class=\"wnt-list-content\">\n          <span class=\"wnt-badge\">Real Experiences<\/span>\n          <h3>Trusted by Businesses. Valued by Talent.<\/h3>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n    <!-- RIGHT -->\n    <div class=\"wnt-right\">\n      <div class=\"wnt-card\"\n        style=\"background-image:url('https:\/\/qualifiedrecruiter.com\/demo\/wp-content\/uploads\/2026\/08\/936.4-585.25-insight-page.svg')\">\n        <span class=\"wnt-overlay\"><\/span>\n        <div class=\"wnt-content\">\n          <span class=\"wnt-badge\">Level up<\/span>\n          <div class=\"wnt-title\">Build Your Recruitment Strategy<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n    <div class=\"xs_social_share_widget xs_share_url after_content \t\tmain_content  wslu-style-2 wslu-share-box-shaped wslu-fill-colored wslu-share-m-5 wslu-none wslu-share-vertical wslu-theme-font-no wslu-main_content\">\n\n\t\t\n        <ul>\n\t\t\t        <\/ul>\n    <\/div> \n","protected":false},"excerpt":{"rendered":"<p>Learn.Connect.Grow. Building Exceptional Teams. Explore 100 Articles Life at QR The QR Playbook Dive into expert perspectives on recruitment, hiring trends, and RPO insights, written to help you hire smarter, every time. Articles Articles Lesson 1: Basics Of Photography With Natural Lighting Carson, 2 years ago \ud83d\udcac 3 \u23f1 3<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-12161","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/qualifiedrecruiter.com\/demo\/wp-json\/wp\/v2\/pages\/12161","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/qualifiedrecruiter.com\/demo\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/qualifiedrecruiter.com\/demo\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/qualifiedrecruiter.com\/demo\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/qualifiedrecruiter.com\/demo\/wp-json\/wp\/v2\/comments?post=12161"}],"version-history":[{"count":273,"href":"https:\/\/qualifiedrecruiter.com\/demo\/wp-json\/wp\/v2\/pages\/12161\/revisions"}],"predecessor-version":[{"id":15204,"href":"https:\/\/qualifiedrecruiter.com\/demo\/wp-json\/wp\/v2\/pages\/12161\/revisions\/15204"}],"wp:attachment":[{"href":"https:\/\/qualifiedrecruiter.com\/demo\/wp-json\/wp\/v2\/media?parent=12161"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}