{"id":785,"date":"2023-07-31T07:59:17","date_gmt":"2023-07-31T07:59:17","guid":{"rendered":"https:\/\/promizzion.com\/?page_id=785"},"modified":"2026-09-03T10:40:39","modified_gmt":"2026-09-03T10:40:39","slug":"testimonial","status":"publish","type":"page","link":"https:\/\/promizzion.com\/cn\/testimonial\/","title":{"rendered":"Testimonial"},"content":{"rendered":"<!--\n  ProMizzion Testimonial Hub\n  WordPress use: paste this entire file into one Elementor HTML widget or a\n  Gutenberg Custom HTML block. Set the containing section\/container to full width\n  with no side padding. The CSS and JavaScript are scoped to this section.\n-->\n\n<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Lexend:wght@400;500;600;700;800&display=swap');\n\n  #pmz-testimonial-hub {\n    --pmz-teal: #00a094;\n    --pmz-orange: #feaf54;\n    --pmz-red: #c9252c;\n    --pmz-green: #a6ce39;\n    --pmz-blue: #00c0f3;\n    --pmz-ink: #153d3a;\n    --pmz-ink-soft: #476764;\n    --pmz-cream: #fff8ed;\n    --pmz-white: #ffffff;\n    --pmz-display: \"Zyzol\", \"Lexend\", Arial, sans-serif;\n    --pmz-body: \"Lexend\", Arial, sans-serif;\n    position: relative;\n    width: 100%;\n    max-width: none;\n    margin: 0;\n    overflow: hidden;\n    color: var(--pmz-ink);\n    background: var(--pmz-cream);\n    font-family: var(--pmz-body);\n    font-size: 16px;\n    line-height: 1.65;\n    isolation: isolate;\n  }\n\n  #pmz-testimonial-hub,\n  #pmz-testimonial-hub * {\n    box-sizing: border-box;\n  }\n\n  #pmz-testimonial-hub a {\n    color: inherit;\n    text-decoration: none;\n  }\n\n  #pmz-testimonial-hub .pmz-shell {\n    width: min(1180px, calc(100% - 40px));\n    margin: 0 auto;\n  }\n\n  #pmz-testimonial-hub .pmz-hero {\n    position: relative;\n    min-height: 680px;\n    display: grid;\n    align-items: center;\n    padding: 76px 0 104px;\n    background:\n      linear-gradient(90deg, transparent 0 68%, rgba(0, 160, 148, 0.045) 68% 68.12%, transparent 68.12% 100%),\n      linear-gradient(135deg, #fbfffe 0%, #fffaf2 100%);\n  }\n\n  #pmz-testimonial-hub .pmz-hero-grid {\n    position: relative;\n    z-index: 2;\n    display: grid;\n    grid-template-columns: minmax(0, 1.08fr) minmax(330px, 0.92fr);\n    gap: clamp(48px, 8vw, 108px);\n    align-items: center;\n  }\n\n  #pmz-testimonial-hub .pmz-brand-mark {\n    width: 168px;\n    height: auto;\n    display: block;\n    margin-bottom: 34px;\n  }\n\n  #pmz-testimonial-hub .pmz-eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    margin: 0 0 18px;\n    color: var(--pmz-teal);\n    font-size: 0.78rem;\n    font-weight: 800;\n    letter-spacing: 0.15em;\n    text-transform: uppercase;\n  }\n\n  #pmz-testimonial-hub .pmz-eyebrow::before {\n    width: 30px;\n    height: 3px;\n    border-radius: 999px;\n    background: var(--pmz-orange);\n    content: \"\";\n  }\n\n  #pmz-testimonial-hub h1,\n  #pmz-testimonial-hub h2,\n  #pmz-testimonial-hub h3,\n  #pmz-testimonial-hub p {\n    margin-top: 0;\n  }\n\n  #pmz-testimonial-hub .pmz-title {\n    max-width: 760px;\n    margin-bottom: 24px;\n    color: var(--pmz-ink);\n    font-family: var(--pmz-display);\n    font-size: clamp(3.1rem, 7vw, 6.6rem);\n    font-weight: 800;\n    line-height: 0.96;\n    letter-spacing: -0.055em;\n  }\n\n  #pmz-testimonial-hub .pmz-title-highlight {\n    position: relative;\n    display: inline-block;\n    color: var(--pmz-teal);\n    z-index: 1;\n  }\n\n  #pmz-testimonial-hub .pmz-title-highlight::after {\n    position: absolute;\n    left: -2%;\n    right: -2%;\n    bottom: 0.05em;\n    height: 0.17em;\n    border-radius: 2px;\n    background: var(--pmz-orange);\n    content: \"\";\n    z-index: -1;\n    transform: scaleX(0.86);\n    transform-origin: left center;\n    animation: pmz-marker-sweep 1.1s ease-out both;\n  }\n\n  #pmz-testimonial-hub .pmz-intro {\n    max-width: 670px;\n    margin-bottom: 0;\n    color: var(--pmz-ink-soft);\n    font-size: clamp(1.02rem, 1.7vw, 1.2rem);\n  }\n\n  #pmz-testimonial-hub .pmz-visual {\n    --pmz-disc-x: 0px;\n    --pmz-disc-y: 0px;\n    --pmz-orbit-x: 0px;\n    --pmz-orbit-y: 0px;\n    position: relative;\n    min-height: 470px;\n    display: grid;\n    place-items: center;\n  }\n\n  #pmz-testimonial-hub .pmz-orbit {\n    position: absolute;\n    inset: 6% 4%;\n    border: 2px solid rgba(0, 160, 148, 0.22);\n    border-radius: 50%;\n    transform: translate3d(var(--pmz-orbit-x), var(--pmz-orbit-y), 0) rotate(-12deg);\n    animation: pmz-orbit-spin 20s linear infinite;\n    will-change: transform;\n  }\n\n  #pmz-testimonial-hub .pmz-orbit::before,\n  #pmz-testimonial-hub .pmz-orbit::after {\n    position: absolute;\n    border-radius: 50%;\n    content: \"\";\n  }\n\n  #pmz-testimonial-hub .pmz-orbit::before {\n    top: 8%;\n    right: 7%;\n    width: 32px;\n    height: 32px;\n    background: var(--pmz-orange);\n    box-shadow: 0 0 0 12px rgba(254, 175, 84, 0.16);\n    animation: pmz-orbit-dot 2.8s ease-in-out infinite;\n  }\n\n  #pmz-testimonial-hub .pmz-orbit::after {\n    left: 5%;\n    bottom: 14%;\n    width: 18px;\n    height: 18px;\n    background: var(--pmz-blue);\n    animation: pmz-orbit-dot 2.8s 1.4s ease-in-out infinite;\n  }\n\n  #pmz-testimonial-hub .pmz-story-disc {\n    position: relative;\n    width: min(370px, 78vw);\n    aspect-ratio: 1;\n    display: grid;\n    place-items: center;\n    border: 18px solid var(--pmz-teal);\n    border-right-color: transparent;\n    border-radius: 50%;\n    background: rgba(255, 255, 255, 0.78);\n    box-shadow: 0 36px 80px rgba(21, 61, 58, 0.14);\n    transform: translate3d(var(--pmz-disc-x), var(--pmz-disc-y), 0) rotate(-18deg);\n    backdrop-filter: blur(10px);\n    animation:\n      pmz-disc-float 5.8s ease-in-out infinite,\n      pmz-disc-glow 4.4s ease-in-out infinite alternate;\n    will-change: transform, box-shadow;\n  }\n\n  #pmz-testimonial-hub .pmz-story-disc::before {\n    position: absolute;\n    top: 5%;\n    left: 4%;\n    width: 30%;\n    aspect-ratio: 1;\n    border-radius: 50%;\n    background: var(--pmz-orange);\n    content: \"\";\n    animation: pmz-head-breathe 3.6s ease-in-out infinite;\n  }\n\n  #pmz-testimonial-hub .pmz-story-disc::after {\n    position: absolute;\n    right: -7%;\n    bottom: 3%;\n    width: 37%;\n    aspect-ratio: 0.78;\n    border-radius: 75% 20% 70% 30%;\n    background: var(--pmz-orange);\n    content: \"\";\n    transform: rotate(26deg);\n    animation: pmz-body-sway 4.8s ease-in-out infinite;\n  }\n\n  #pmz-testimonial-hub .pmz-quote {\n    position: relative;\n    z-index: 2;\n    width: 64%;\n    margin: 0;\n    color: var(--pmz-ink);\n    font-family: var(--pmz-display);\n    font-size: clamp(1.28rem, 2.4vw, 1.75rem);\n    font-weight: 700;\n    line-height: 1.25;\n    text-align: center;\n    transform: rotate(18deg);\n  }\n\n  #pmz-testimonial-hub .pmz-quote-copy {\n    display: block;\n    animation: pmz-quote-breathe 5.8s ease-in-out infinite;\n  }\n\n  #pmz-testimonial-hub .pmz-quote-copy strong {\n    position: relative;\n    display: inline-block;\n    color: var(--pmz-teal);\n    font-weight: 800;\n    z-index: 1;\n  }\n\n  #pmz-testimonial-hub .pmz-quote-copy strong::after {\n    position: absolute;\n    left: -2%;\n    right: -2%;\n    bottom: 0.02em;\n    height: 0.28em;\n    border-radius: 999px;\n    background: rgba(254, 175, 84, 0.7);\n    content: \"\";\n    z-index: -1;\n    transform: scaleX(0.72) rotate(-2deg);\n    transform-origin: left center;\n    animation: pmz-belief-underline 2.9s ease-in-out infinite;\n  }\n\n  #pmz-testimonial-hub .pmz-quote-source {\n    display: block;\n    margin-top: 14px;\n    color: var(--pmz-teal);\n    font-family: var(--pmz-body);\n    font-size: 0.68rem;\n    font-weight: 800;\n    letter-spacing: 0.14em;\n    text-transform: uppercase;\n  }\n\n  @keyframes pmz-marker-sweep {\n    from { transform: scaleX(0); }\n    to { transform: scaleX(1); }\n  }\n\n  @keyframes pmz-orbit-spin {\n    from { transform: translate3d(var(--pmz-orbit-x), var(--pmz-orbit-y), 0) rotate(-12deg); }\n    to { transform: translate3d(var(--pmz-orbit-x), var(--pmz-orbit-y), 0) rotate(348deg); }\n  }\n\n  @keyframes pmz-orbit-dot {\n    0%, 100% { transform: scale(0.86); opacity: 0.7; }\n    50% { transform: scale(1.14); opacity: 1; }\n  }\n\n  @keyframes pmz-disc-float {\n    0%, 100% {\n      transform: translate3d(var(--pmz-disc-x), var(--pmz-disc-y), 0) rotate(-18deg);\n    }\n    50% {\n      transform: translate3d(var(--pmz-disc-x), calc(var(--pmz-disc-y) - 12px), 0) rotate(-15deg);\n    }\n  }\n\n  @keyframes pmz-disc-glow {\n    from { box-shadow: 0 28px 64px rgba(21, 61, 58, 0.13); }\n    to { box-shadow: 0 42px 92px rgba(0, 160, 148, 0.24); }\n  }\n\n  @keyframes pmz-head-breathe {\n    0%, 100% { transform: translate3d(0, 0, 0) scale(0.96); }\n    50% { transform: translate3d(5px, -5px, 0) scale(1.06); }\n  }\n\n  @keyframes pmz-body-sway {\n    0%, 100% { transform: translate3d(0, 0, 0) rotate(26deg) scale(0.98); }\n    50% { transform: translate3d(-6px, -4px, 0) rotate(31deg) scale(1.04); }\n  }\n\n  @keyframes pmz-quote-breathe {\n    0%, 100% { transform: scale(0.985); }\n    50% { transform: scale(1.015); }\n  }\n\n  @keyframes pmz-belief-underline {\n    0%, 100% { transform: scaleX(0.72) rotate(-2deg); opacity: 0.48; }\n    50% { transform: scaleX(1) rotate(-2deg); opacity: 0.82; }\n  }\n\n  #pmz-testimonial-hub .pmz-wave {\n    position: absolute;\n    left: -2%;\n    right: -2%;\n    bottom: -2px;\n    height: 22px;\n    background: var(--pmz-teal);\n  }\n\n  #pmz-testimonial-hub .pmz-categories {\n    position: relative;\n    padding: 104px 0 116px;\n    background: var(--pmz-teal);\n  }\n\n  #pmz-testimonial-hub .pmz-section-heading {\n    display: grid;\n    grid-template-columns: 0.95fr 1.05fr;\n    gap: clamp(28px, 7vw, 90px);\n    align-items: end;\n    margin-bottom: 54px;\n  }\n\n  #pmz-testimonial-hub .pmz-section-heading h2 {\n    margin-bottom: 0;\n    color: var(--pmz-white);\n    font-family: var(--pmz-display);\n    font-size: clamp(2.5rem, 5vw, 4.7rem);\n    font-weight: 800;\n    line-height: 1;\n    letter-spacing: -0.045em;\n  }\n\n  #pmz-testimonial-hub .pmz-section-heading p {\n    max-width: 590px;\n    margin-bottom: 5px;\n    color: rgba(255, 255, 255, 0.76);\n    font-size: 1.05rem;\n  }\n\n  #pmz-testimonial-hub .pmz-card-grid {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 22px;\n  }\n\n  #pmz-testimonial-hub .pmz-card {\n    --pmz-card-accent: var(--pmz-orange);\n    --pmz-rx: 0deg;\n    --pmz-ry: 0deg;\n    --pmz-glow-x: 50%;\n    --pmz-glow-y: 50%;\n    position: relative;\n    min-height: 440px;\n    display: flex;\n    flex-direction: column;\n    padding: 34px 30px 30px;\n    overflow: hidden;\n    border: 1px solid rgba(255, 255, 255, 0.48);\n    border-radius: 30px;\n    background: var(--pmz-white);\n    box-shadow: 0 26px 60px rgba(7, 73, 68, 0.22);\n    transition: transform 260ms ease, box-shadow 260ms ease, border-color 260ms ease;\n  }\n\n  #pmz-testimonial-hub .pmz-card::before {\n    position: absolute;\n    inset: 0 0 auto;\n    height: 8px;\n    background: var(--pmz-card-accent);\n    content: \"\";\n  }\n\n  #pmz-testimonial-hub .pmz-card::after {\n    display: none;\n  }\n\n  #pmz-testimonial-hub .pmz-card:hover,\n  #pmz-testimonial-hub .pmz-card:focus-visible {\n    border-color: color-mix(in srgb, var(--pmz-card-accent) 62%, white);\n    box-shadow: 0 34px 80px rgba(7, 73, 68, 0.3);\n    outline: none;\n  }\n\n  #pmz-testimonial-hub .pmz-card-parents {\n    --pmz-card-accent: var(--pmz-red);\n  }\n\n  #pmz-testimonial-hub .pmz-card-students {\n    --pmz-card-accent: var(--pmz-blue);\n  }\n\n  #pmz-testimonial-hub .pmz-card-graduates {\n    --pmz-card-accent: var(--pmz-green);\n  }\n\n  #pmz-testimonial-hub .pmz-card-number {\n    position: relative;\n    z-index: 2;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-bottom: 62px;\n    color: var(--pmz-ink-soft);\n    font-size: 0.72rem;\n    font-weight: 800;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n  }\n\n  #pmz-testimonial-hub .pmz-card-icon {\n    width: 54px;\n    height: 54px;\n    display: grid;\n    place-items: center;\n    border-radius: 17px;\n    color: var(--pmz-ink);\n    background: color-mix(in srgb, var(--pmz-card-accent) 22%, white);\n  }\n\n  #pmz-testimonial-hub .pmz-card-icon svg {\n    width: 28px;\n    height: 28px;\n    display: block;\n  }\n\n  #pmz-testimonial-hub .pmz-card h3 {\n    position: relative;\n    z-index: 2;\n    margin-bottom: 16px;\n    color: var(--pmz-ink);\n    font-family: var(--pmz-display);\n    font-size: clamp(2rem, 3vw, 2.65rem);\n    font-weight: 800;\n    line-height: 1;\n    letter-spacing: -0.04em;\n  }\n\n  #pmz-testimonial-hub .pmz-card-copy {\n    position: relative;\n    z-index: 2;\n    margin-bottom: 34px;\n    color: var(--pmz-ink-soft);\n    font-size: 0.96rem;\n  }\n\n  #pmz-testimonial-hub .pmz-card-cta {\n    position: relative;\n    z-index: 2;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 16px;\n    margin-top: auto;\n    padding-top: 20px;\n    border-top: 1px solid rgba(21, 61, 58, 0.12);\n    color: var(--pmz-ink);\n    font-size: 0.9rem;\n    font-weight: 800;\n  }\n\n  #pmz-testimonial-hub .pmz-card-arrow {\n    width: 42px;\n    height: 42px;\n    display: grid;\n    flex: 0 0 42px;\n    place-items: center;\n    border-radius: 50%;\n    background: var(--pmz-card-accent);\n    transition: transform 220ms ease;\n  }\n\n  #pmz-testimonial-hub .pmz-card:hover .pmz-card-arrow,\n  #pmz-testimonial-hub .pmz-card:focus-visible .pmz-card-arrow {\n    transform: translateX(5px);\n  }\n\n  #pmz-testimonial-hub .pmz-card-arrow svg {\n    width: 18px;\n    height: 18px;\n    stroke: #123936;\n  }\n\n  #pmz-testimonial-hub .pmz-closing {\n    position: relative;\n    padding: 82px 0 90px;\n    background: linear-gradient(90deg, #feaf54 0 72%, #f7a347 72% 100%);\n    text-align: center;\n  }\n\n  #pmz-testimonial-hub .pmz-closing::before {\n    position: absolute;\n    left: 50%;\n    top: 0;\n    width: min(1180px, calc(100% - 40px));\n    height: 1px;\n    opacity: 0.55;\n    background: rgba(21, 61, 58, 0.42);\n    content: \"\";\n    transform: translateX(-50%);\n  }\n\n  #pmz-testimonial-hub .pmz-closing-inner {\n    position: relative;\n    z-index: 1;\n  }\n\n  #pmz-testimonial-hub .pmz-closing p {\n    margin-bottom: 10px;\n    color: rgba(21, 61, 58, 0.72);\n    font-size: 0.82rem;\n    font-weight: 800;\n    letter-spacing: 0.14em;\n    text-transform: uppercase;\n  }\n\n  #pmz-testimonial-hub .pmz-closing h2 {\n    max-width: 760px;\n    margin: 0 auto;\n    color: var(--pmz-ink);\n    font-family: var(--pmz-display);\n    font-size: clamp(2.1rem, 4.8vw, 4.2rem);\n    font-weight: 800;\n    line-height: 1.05;\n    letter-spacing: -0.04em;\n  }\n\n  #pmz-testimonial-hub.pmz-ready .pmz-reveal {\n    opacity: 0;\n    transform: translateY(28px);\n    transition: opacity 700ms cubic-bezier(0.2, 0.8, 0.2, 1), transform 700ms cubic-bezier(0.2, 0.8, 0.2, 1);\n  }\n\n  #pmz-testimonial-hub.pmz-ready .pmz-reveal.pmz-visible {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  #pmz-testimonial-hub.pmz-ready .pmz-card:nth-child(2) {\n    transition-delay: 90ms;\n  }\n\n  #pmz-testimonial-hub.pmz-ready .pmz-card:nth-child(3) {\n    transition-delay: 180ms;\n  }\n\n  @media (max-width: 960px) {\n    #pmz-testimonial-hub .pmz-hero {\n      min-height: auto;\n      padding-top: 64px;\n    }\n\n    #pmz-testimonial-hub .pmz-hero-grid,\n    #pmz-testimonial-hub .pmz-section-heading {\n      grid-template-columns: 1fr;\n    }\n\n    #pmz-testimonial-hub .pmz-visual {\n      min-height: 390px;\n    }\n\n    #pmz-testimonial-hub .pmz-card-grid {\n      grid-template-columns: 1fr;\n      gap: 18px;\n    }\n\n    #pmz-testimonial-hub .pmz-card {\n      min-height: 360px;\n    }\n\n    #pmz-testimonial-hub .pmz-card-number {\n      margin-bottom: 48px;\n    }\n  }\n\n  @media (max-width: 600px) {\n    #pmz-testimonial-hub .pmz-shell {\n      width: min(100% - 28px, 1180px);\n    }\n\n    #pmz-testimonial-hub .pmz-hero {\n      padding: 48px 0 84px;\n    }\n\n    #pmz-testimonial-hub .pmz-brand-mark {\n      width: 142px;\n      margin-bottom: 28px;\n    }\n\n    #pmz-testimonial-hub .pmz-title {\n      font-size: clamp(2.75rem, 14vw, 4.6rem);\n    }\n\n    #pmz-testimonial-hub .pmz-visual {\n      min-height: 320px;\n    }\n\n    #pmz-testimonial-hub .pmz-story-disc {\n      width: min(286px, 82vw);\n      border-width: 14px;\n    }\n\n    #pmz-testimonial-hub .pmz-categories {\n      padding: 82px 0 90px;\n    }\n\n    #pmz-testimonial-hub .pmz-card {\n      min-height: 390px;\n      padding: 30px 24px 26px;\n      border-radius: 24px;\n    }\n\n    #pmz-testimonial-hub .pmz-closing {\n      padding: 68px 0 72px;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    #pmz-testimonial-hub *,\n    #pmz-testimonial-hub *::before,\n    #pmz-testimonial-hub *::after {\n      scroll-behavior: auto !important;\n      animation-duration: 0.01ms !important;\n      animation-iteration-count: 1 !important;\n      transition-duration: 0.01ms !important;\n    }\n  }\n<\/style>\n\n<div id=\"pmz-testimonial-hub\">\n  <section class=\"pmz-hero\" aria-labelledby=\"pmz-main-title\">\n    <div class=\"pmz-shell pmz-hero-grid\">\n      <div class=\"pmz-hero-copy pmz-reveal\">\n        <img decoding=\"async\" class=\"pmz-brand-mark\" src=\"https:\/\/promizzion.com\/wp-content\/uploads\/2023\/07\/logo-e1689925614158-300x94.png\" width=\"300\" height=\"94\" alt=\"ProMizzion\">\n        <p class=\"pmz-eyebrow\">Real stories. Real growth.<\/p>\n        <h1 class=\"pmz-title\" id=\"pmz-main-title\">\n          See growth through <span class=\"pmz-title-highlight\">their eyes.<\/span>\n        <\/h1>\n        <p class=\"pmz-intro\">\n          Every ProMizzion journey is experienced differently. Hear from parents who see the change, students who discover what they can do, and graduates who carry that growth into their next chapter.\n        <\/p>\n      <\/div>\n\n      <div class=\"pmz-visual pmz-reveal\">\n        <div class=\"pmz-orbit\" aria-hidden=\"true\"><\/div>\n        <div class=\"pmz-story-disc\">\n          <p class=\"pmz-quote\">\n            <span class=\"pmz-quote-copy\">Confidence begins when a young person <strong>believes they can.<\/strong><\/span>\n            <span class=\"pmz-quote-source\">Stories from the ProMizzion community<\/span>\n          <\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n    <div class=\"pmz-wave\" aria-hidden=\"true\"><\/div>\n  <\/section>\n\n  <section class=\"pmz-categories\" aria-labelledby=\"pmz-category-title\">\n    <div class=\"pmz-shell\">\n      <div class=\"pmz-section-heading pmz-reveal\">\n        <h2 id=\"pmz-category-title\">Three perspectives.<br>One shared journey.<\/h2>\n        <p>\n          Choose the voice closest to you, then explore honest experiences from the people who know the ProMizzion journey first-hand.\n        <\/p>\n      <\/div>\n\n      <div class=\"pmz-card-grid\">\n        <a class=\"pmz-card pmz-card-parents pmz-reveal\" href=\"https:\/\/promizzion.com\/cn\/testimonial\/proparents\/\" aria-label=\"Watch ProParents testimonial stories\">\n          <div class=\"pmz-card-number\">\n            <span>01 \u00b7 Family perspective<\/span>\n            <span class=\"pmz-card-icon\" aria-hidden=\"true\">\n              <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"><\/path>\n                <circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle>\n                <path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"><\/path>\n                <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path>\n              <\/svg>\n            <\/span>\n          <\/div>\n          <h3>ProParents<\/h3>\n          <p class=\"pmz-card-copy\">\n            Hear how parents describe the confidence, communication and personal growth they have witnessed in their children.\n          <\/p>\n          <span class=\"pmz-card-cta\">\n            <span>Watch parent stories<\/span>\n            <span class=\"pmz-card-arrow\" aria-hidden=\"true\">\n              <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <path d=\"M5 12h14\"><\/path><path d=\"m13 6 6 6-6 6\"><\/path>\n              <\/svg>\n            <\/span>\n          <\/span>\n        <\/a>\n\n        <a class=\"pmz-card pmz-card-students pmz-reveal\" href=\"https:\/\/promizzion.com\/cn\/prostudents\/\" aria-label=\"Watch ProStudents testimonial stories\">\n          <div class=\"pmz-card-number\">\n            <span>02 \u00b7 Student perspective<\/span>\n            <span class=\"pmz-card-icon\" aria-hidden=\"true\">\n              <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <path d=\"m12 3-1.9 3.9L6 8.8l4.1 1.8L12 15l1.9-4.4L18 8.8l-4.1-1.9L12 3Z\"><\/path>\n                <path d=\"M5 14.5 4 17l-2.5 1L4 19l1 2.5L6 19l2.5-1L6 17l-1-2.5Z\"><\/path>\n                <path d=\"m19 13-.8 1.7-1.7.8 1.7.8L19 18l.8-1.7 1.7-.8-1.7-.8L19 13Z\"><\/path>\n              <\/svg>\n            <\/span>\n          <\/div>\n          <h3>ProStudents<\/h3>\n          <p class=\"pmz-card-copy\">\n            Listen to students share how they learned to think boldly, take the first step and become more confident in who they are.\n          <\/p>\n          <span class=\"pmz-card-cta\">\n            <span>Watch student stories<\/span>\n            <span class=\"pmz-card-arrow\" aria-hidden=\"true\">\n              <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <path d=\"M5 12h14\"><\/path><path d=\"m13 6 6 6-6 6\"><\/path>\n              <\/svg>\n            <\/span>\n          <\/span>\n        <\/a>\n\n        <a class=\"pmz-card pmz-card-graduates pmz-reveal\" href=\"https:\/\/promizzion.com\/cn\/testimonial\/prograduates\/\" aria-label=\"Watch ProGraduates testimonial stories\">\n          <div class=\"pmz-card-number\">\n            <span>03 \u00b7 Graduate perspective<\/span>\n            <span class=\"pmz-card-icon\" aria-hidden=\"true\">\n              <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <path d=\"m2 9 10-5 10 5-10 5L2 9Z\"><\/path>\n                <path d=\"M6 11.5V16c3.4 2.7 8.6 2.7 12 0v-4.5\"><\/path>\n                <path d=\"M22 9v6\"><\/path>\n              <\/svg>\n            <\/span>\n          <\/div>\n          <h3>ProGraduates<\/h3>\n          <p class=\"pmz-card-copy\">\n            Follow graduates as they reflect on their transformation, leadership and the strengths they carry into life beyond the programme.\n          <\/p>\n          <span class=\"pmz-card-cta\">\n            <span>Watch graduate stories<\/span>\n            <span class=\"pmz-card-arrow\" aria-hidden=\"true\">\n              <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <path d=\"M5 12h14\"><\/path><path d=\"m13 6 6 6-6 6\"><\/path>\n              <\/svg>\n            <\/span>\n          <\/span>\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"pmz-closing\">\n    <div class=\"pmz-shell pmz-closing-inner pmz-reveal\">\n      <p>Choose a story. Discover a possibility.<\/p>\n      <h2>Every transformation starts with one brave first step.<\/h2>\n    <\/div>\n  <\/section>\n<\/div>\n\n<script>\n  (() => {\n    const hub = document.getElementById('pmz-testimonial-hub');\n    if (!hub || hub.dataset.initialized === 'true') return;\n\n    hub.dataset.initialized = 'true';\n    hub.classList.add('pmz-ready');\n\n    const revealItems = hub.querySelectorAll('.pmz-reveal');\n    const prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n    if (prefersReducedMotion || !('IntersectionObserver' in window)) {\n      revealItems.forEach((item) => item.classList.add('pmz-visible'));\n    } else {\n      const revealObserver = new IntersectionObserver((entries, observer) => {\n        entries.forEach((entry) => {\n          if (!entry.isIntersecting) return;\n          entry.target.classList.add('pmz-visible');\n          observer.unobserve(entry.target);\n        });\n      }, { threshold: 0.14, rootMargin: '0px 0px -5% 0px' });\n\n      revealItems.forEach((item) => revealObserver.observe(item));\n    }\n\n    if (!prefersReducedMotion && window.matchMedia('(pointer: fine)').matches) {\n      const hero = hub.querySelector('.pmz-hero');\n      const heroVisual = hub.querySelector('.pmz-visual');\n      let heroFrame;\n\n      if (hero && heroVisual) {\n        hero.addEventListener('pointermove', (event) => {\n          const bounds = hero.getBoundingClientRect();\n          const x = ((event.clientX - bounds.left) \/ bounds.width) - 0.5;\n          const y = ((event.clientY - bounds.top) \/ bounds.height) - 0.5;\n\n          cancelAnimationFrame(heroFrame);\n          heroFrame = requestAnimationFrame(() => {\n            heroVisual.style.setProperty('--pmz-disc-x', `${x * 16}px`);\n            heroVisual.style.setProperty('--pmz-disc-y', `${y * 12}px`);\n            heroVisual.style.setProperty('--pmz-orbit-x', `${x * -10}px`);\n            heroVisual.style.setProperty('--pmz-orbit-y', `${y * -8}px`);\n          });\n        });\n\n        hero.addEventListener('pointerleave', () => {\n          cancelAnimationFrame(heroFrame);\n          heroVisual.style.setProperty('--pmz-disc-x', '0px');\n          heroVisual.style.setProperty('--pmz-disc-y', '0px');\n          heroVisual.style.setProperty('--pmz-orbit-x', '0px');\n          heroVisual.style.setProperty('--pmz-orbit-y', '0px');\n        });\n      }\n\n      hub.querySelectorAll('.pmz-card').forEach((card) => {\n        card.addEventListener('pointermove', (event) => {\n          const bounds = card.getBoundingClientRect();\n          const x = (event.clientX - bounds.left) \/ bounds.width;\n          const y = (event.clientY - bounds.top) \/ bounds.height;\n          card.style.setProperty('--pmz-rx', `${(0.5 - y) * 7}deg`);\n          card.style.setProperty('--pmz-ry', `${(x - 0.5) * 7}deg`);\n          card.style.setProperty('--pmz-glow-x', `${x * 100}%`);\n          card.style.setProperty('--pmz-glow-y', `${y * 100}%`);\n        });\n\n        card.addEventListener('pointerleave', () => {\n          card.style.setProperty('--pmz-rx', '0deg');\n          card.style.setProperty('--pmz-ry', '0deg');\n          card.style.setProperty('--pmz-glow-x', '50%');\n          card.style.setProperty('--pmz-glow-y', '50%');\n        });\n      });\n    }\n  })();\n<\/script>","protected":false},"excerpt":{"rendered":"<p>Real stories. Real growth. See growth through their eyes. Every ProMizzion journey is experienced differently. Hear from parents who see the change, students who discover what they can do, and graduates who carry that growth into their next chapter. Confidence begins when a young person believes they can. Stories from the ProMizzion community Three perspectives.One [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-785","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/promizzion.com\/cn\/wp-json\/wp\/v2\/pages\/785","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/promizzion.com\/cn\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/promizzion.com\/cn\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/promizzion.com\/cn\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/promizzion.com\/cn\/wp-json\/wp\/v2\/comments?post=785"}],"version-history":[{"count":7,"href":"https:\/\/promizzion.com\/cn\/wp-json\/wp\/v2\/pages\/785\/revisions"}],"predecessor-version":[{"id":1708,"href":"https:\/\/promizzion.com\/cn\/wp-json\/wp\/v2\/pages\/785\/revisions\/1708"}],"wp:attachment":[{"href":"https:\/\/promizzion.com\/cn\/wp-json\/wp\/v2\/media?parent=785"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}