{"id":55813,"date":"2026-08-26T10:44:17","date_gmt":"2026-08-26T10:44:17","guid":{"rendered":"https:\/\/www.nipa.ac.zm\/?page_id=55813"},"modified":"2026-08-26T13:45:48","modified_gmt":"2026-08-26T13:45:48","slug":"pst","status":"publish","type":"page","link":"https:\/\/www.nipa.ac.zm\/index.php\/pst\/","title":{"rendered":"pst"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n\n\n\n\n\n\nZambia Public Service Delivery Toolkit<\/title>\n\n<style>\n\n*,\n*::before,\n*::after {\n box-sizing: border-box;\n}\n\nhtml,\nbody {\n margin: 0 !important;\n padding: 0 !important;\n}\n\n.entry-content,\n.wp-block-post-content,\n.wp-block-html,\n.elementor-widget-container,\n.elementor-element,\n.site-content,\n.content-area {\n max-width: none !important;\n width: 100% !important;\n margin: 0 !important;\n padding-left: 0 !important;\n padding-right: 0 !important;\n}\n\n:root {\n --ink: #263544;\n --orange: #f47c2a;\n --burgundy: #7b1e3a;\n --cream: #fbf2e2;\n --white: #ffffff;\n --max-width: 1280px;\n --shadow: 0 24px 70px rgba(38,53,68,.14);\n --transition-smooth: all .45s cubic-bezier(.2,.7,.2,1);\n --transition-ease-in: all .65s cubic-bezier(.2,.7,.2,1);\n --transition-ease-in-out: all .8s cubic-bezier(.2,.7,.2,1);\n --transition-bounce: all .4s cubic-bezier(.175,.885,.32,1.275);\n}\n\n.ps-toolkit-hero {\n position: relative;\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(50% - 50vw) !important;\n margin-right: calc(50% - 50vw) !important;\n margin-top: 40px !important;\n margin-bottom: 0 !important;\n padding: 0 !important;\n min-height: 100vh;\n overflow: hidden !important;\n background: var(--cream) !important;\n color: var(--ink);\n font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n line-height: 1.55;\n border: 0 !important;\n border-top: 0 !important;\n box-shadow: 0 -40px 0 var(--cream);\n transform: none !important;\n isolation: isolate;\n}\n\n.ps-toolkit-hero::before {\n content: \"\";\n position: absolute;\n width: 680px;\n height: 680px;\n right: -210px;\n top: -70px;\n border: 12px solid rgba(244,124,42,.16);\n border-radius: 50%;\n box-shadow:\n 0 0 0 20px rgba(244,124,42,.09),\n 0 0 0 42px rgba(244,124,42,.05);\n pointer-events: none;\n z-index: 0;\n transition: var(--transition-ease-in-out);\n}\n\n.ps-toolkit-hero::after {\n content: \"\";\n position: absolute;\n width: 260px;\n height: 620px;\n right: 250px;\n top: -160px;\n background: linear-gradient(\n 145deg,\n transparent 45%,\n rgba(244,124,42,.16) 46%,\n rgba(244,124,42,.16) 52%,\n transparent 53%\n );\n transform: rotate(11deg);\n pointer-events: none;\n z-index: 0;\n transition: var(--transition-ease-in-out);\n}\n\n.ps-toolkit-hero-inner {\n position: relative;\n z-index: 2;\n width: 100%;\n max-width: var(--max-width);\n min-height: 100vh;\n margin: 0 auto !important;\n padding: 130px 60px 100px !important;\n display: grid;\n grid-template-columns: minmax(0,1fr) minmax(0,1fr);\n gap: 60px;\n align-items: center;\n}\n\n.ps-toolkit-hero-left {\n width: 100%;\n max-width: 580px;\n justify-self: start;\n transition: var(--transition-ease-in);\n opacity: 0;\n transform: translateX(-60px);\n}\n\n.ps-toolkit-hero-left.visible {\n opacity: 1;\n transform: translateX(0);\n}\n\n.ps-toolkit-eyebrow {\n display: inline-flex;\n align-items: center;\n gap: 9px;\n color: var(--burgundy);\n font-size: .78rem;\n font-weight: 900;\n text-transform: uppercase;\n letter-spacing: .13em;\n margin-bottom: 20px;\n transition: var(--transition-ease-in);\n opacity: 0;\n transform: translateX(-50px);\n}\n\n.ps-toolkit-eyebrow.visible {\n opacity: 1;\n transform: translateX(0);\n}\n\n.ps-toolkit-eyebrow::before {\n content: \"\";\n width: 34px;\n height: 4px;\n flex-shrink: 0;\n border-radius: 10px;\n background: var(--orange);\n transition: var(--transition-smooth);\n}\n\n.ps-toolkit-hero h1 {\n margin: 0 !important;\n padding: 0 !important;\n max-width: 700px;\n font-size: clamp(2.8rem,6vw,6.1rem);\n line-height: .92;\n letter-spacing: -.065em;\n font-weight: 950;\n color: var(--ink) !important;\n transition: var(--transition-ease-in);\n opacity: 0;\n transform: translateX(-50px);\n}\n\n.ps-toolkit-hero h1.visible {\n opacity: 1;\n transform: translateX(0);\n}\n\n.ps-toolkit-hero h1 span {\n display: inline-block;\n color: var(--orange);\n transition: var(--transition-ease-in);\n opacity: 0;\n transform: scale(.85);\n}\n\n.ps-toolkit-hero h1 span.visible {\n opacity: 1;\n transform: scale(1);\n}\n\n.ps-toolkit-copy {\n max-width: 620px;\n margin: 26px 0 30px;\n color: #4e5863;\n font-size: clamp(1rem,1.1vw,1.1rem);\n line-height: 1.6;\n transition: var(--transition-ease-in);\n opacity: 0;\n transform: translateX(-40px);\n}\n\n.ps-toolkit-copy.visible {\n opacity: 1;\n transform: translateX(0);\n}\n\n.ps-toolkit-actions {\n display: flex;\n flex-wrap: wrap;\n gap: 13px;\n transition: var(--transition-ease-in);\n opacity: 0;\n transform: translateX(-40px);\n}\n\n.ps-toolkit-actions.visible {\n opacity: 1;\n transform: translateX(0);\n}\n\n.ps-toolkit-btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n min-width: 210px;\n padding: 15px 26px;\n border: none !important;\n border-radius: 999px;\n font-size: .9rem;\n font-weight: 850;\n text-align: center;\n cursor: pointer;\n transition:\n background .35s ease,\n color .35s ease,\n transform .35s cubic-bezier(.175,.885,.32,1.275),\n box-shadow .35s ease;\n text-decoration: none !important;\n position: relative;\n overflow: hidden;\n}\n\n.ps-toolkit-btn-primary {\n color: #ffffff !important;\n background: var(--ink) !important;\n box-shadow: 0 12px 30px rgba(38,53,68,.18);\n}\n\n.ps-toolkit-btn-primary:hover {\n color: #ffffff !important;\n background: var(--orange) !important;\n transform: translateY(-4px);\n box-shadow:\n 0 14px 30px rgba(244,124,42,.28),\n 0 20px 45px rgba(38,53,68,.15);\n}\n\n.ps-toolkit-btn-primary:active {\n transform: translateY(-1px);\n}\n\n.ps-toolkit-card {\n position: relative;\n width: 100%;\n max-width: 470px;\n justify-self: end;\n padding: 38px 34px;\n border-radius: 30px;\n background: rgba(255,255,255,.78);\n border: 1px solid rgba(255,255,255,.8);\n box-shadow: var(--shadow);\n backdrop-filter: blur(14px);\n -webkit-backdrop-filter: blur(14px);\n transition: var(--transition-bounce);\n opacity: 0;\n transform: translateX(60px);\n}\n\n.ps-toolkit-card.visible {\n opacity: 1;\n transform: translateX(0);\n}\n\n.ps-toolkit-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 32px 80px rgba(38,53,68,.18);\n}\n\n.ps-toolkit-seal {\n width: 92px;\n height: 92px;\n display: grid;\n place-items: center;\n margin-bottom: 28px;\n border-radius: 50%;\n background: var(--ink);\n color: #ffffff;\n text-align: center;\n font-size: .72rem;\n font-weight: 950;\n line-height: 1.25;\n transition:\n transform .45s cubic-bezier(.175,.885,.32,1.275),\n box-shadow .45s ease,\n background .45s ease;\n transform: scale(.8);\n opacity: 0;\n box-shadow: 0 0 0 rgba(244,124,42,0);\n}\n\n.ps-toolkit-seal.visible {\n opacity: 1;\n transform: scale(1);\n}\n\n.ps-toolkit-card:hover .ps-toolkit-seal {\n transform: scale(1.08);\n background: #263544;\n box-shadow:\n 0 0 12px rgba(244,124,42,.75),\n 0 0 30px rgba(244,124,42,.55),\n 0 0 55px rgba(244,124,42,.32),\n 0 0 90px rgba(244,124,42,.15);\n}\n\n.ps-toolkit-card h3 {\n margin: 0 0 15px !important;\n padding: 0 !important;\n color: var(--ink) !important;\n font-size: 1.45rem !important;\n line-height: 1.15 !important;\n font-weight: 900;\n transition: var(--transition-ease-in);\n opacity: 0;\n transform: translateY(25px);\n}\n\n.ps-toolkit-card h3.visible {\n opacity: 1;\n transform: translateY(0);\n}\n\n.ps-toolkit-card p {\n margin: 0 !important;\n padding: 0 !important;\n color: #59636d !important;\n font-size: .92rem;\n line-height: 1.65;\n transition: var(--transition-ease-in);\n opacity: 0;\n transform: translateY(20px);\n}\n\n.ps-toolkit-card p.visible {\n opacity: 1;\n transform: translateY(0);\n}\n\n.ps-toolkit-version {\n display: inline-block;\n margin-top: 25px;\n padding: 7px 11px;\n border-radius: 8px;\n background: var(--orange);\n color: #ffffff;\n font-size: .72rem;\n font-weight: 900;\n letter-spacing: .07em;\n text-transform: uppercase;\n transition: var(--transition-ease-in);\n opacity: 0;\n transform: translateY(20px);\n}\n\n.ps-toolkit-version.visible {\n opacity: 1;\n transform: translateY(0);\n}\n\n.ps-toolkit-card:hover .ps-toolkit-version {\n background: var(--burgundy);\n transform: scale(1.05);\n}\n\n@media (max-width: 1024px) {\n\n .ps-toolkit-hero::before {\n width: 520px;\n height: 520px;\n right: -180px;\n top: -50px;\n }\n\n .ps-toolkit-hero::after {\n width: 220px;\n height: 520px;\n right: 180px;\n top: -130px;\n }\n\n .ps-toolkit-hero-inner {\n padding: 90px 40px 90px !important;\n gap: 40px;\n }\n\n .ps-toolkit-hero-left {\n max-width: 100%;\n }\n\n .ps-toolkit-card {\n max-width: 100%;\n padding: 30px 26px;\n }\n\n}\n\n@media (max-width: 768px) {\n\n .ps-toolkit-hero {\n min-height: auto;\n width: 100vw !important;\n max-width: 100vw !important;\n padding: 0 !important;\n overflow: hidden !important;\n margin-top: 40px !important;\n box-shadow: 0 -40px 0 var(--cream);\n }\n\n .ps-toolkit-hero::before {\n width: 420px;\n height: 420px;\n right: -260px;\n top: -100px;\n }\n\n .ps-toolkit-hero::after {\n width: 200px;\n height: 500px;\n right: -120px;\n top: -120px;\n }\n\n .ps-toolkit-hero-inner {\n width: 100%;\n min-height: auto;\n grid-template-columns: 1fr;\n gap: 35px;\n padding: 100px 32px 70px !important;\n text-align: center;\n }\n\n .ps-toolkit-hero-left {\n width: 100%;\n max-width: 100%;\n justify-self: center;\n transform: translateY(40px);\n }\n\n .ps-toolkit-hero-left.visible {\n transform: translateY(0);\n }\n\n .ps-toolkit-eyebrow {\n justify-content: center;\n text-align: center;\n transform: translateY(30px);\n }\n\n .ps-toolkit-eyebrow.visible {\n transform: translateY(0);\n }\n\n .ps-toolkit-hero h1 {\n font-size: clamp(2.5rem,8vw,3.5rem);\n text-align: center;\n transform: translateY(30px);\n }\n\n .ps-toolkit-hero h1.visible {\n transform: translateY(0);\n }\n\n .ps-toolkit-copy {\n max-width: 620px;\n margin: 20px auto 24px;\n font-size: 1rem;\n text-align: center;\n transform: translateY(25px);\n }\n\n .ps-toolkit-copy.visible {\n transform: translateY(0);\n }\n\n .ps-toolkit-actions {\n justify-content: center;\n transform: translateY(25px);\n }\n\n .ps-toolkit-actions.visible {\n transform: translateY(0);\n }\n\n .ps-toolkit-btn {\n width: 100%;\n max-width: 320px;\n min-width: 0;\n padding: 14px 20px;\n font-size: .85rem;\n }\n\n .ps-toolkit-card {\n width: 100%;\n max-width: 100%;\n justify-self: center;\n padding: 28px 22px;\n transform: translateY(40px);\n }\n\n .ps-toolkit-card.visible {\n transform: translateY(0);\n }\n\n .ps-toolkit-card:hover {\n transform: translateY(-5px);\n }\n\n .ps-toolkit-seal {\n width: 70px;\n height: 70px;\n margin: 0 auto 20px;\n font-size: .65rem;\n transform: scale(.8);\n }\n\n .ps-toolkit-seal.visible {\n transform: scale(1);\n }\n\n .ps-toolkit-card:hover .ps-toolkit-seal {\n transform: scale(1.08);\n }\n\n .ps-toolkit-card h3 {\n text-align: center;\n font-size: 1.2rem !important;\n transform: translateY(25px);\n }\n\n .ps-toolkit-card h3.visible {\n transform: translateY(0);\n }\n\n .ps-toolkit-card p {\n text-align: center;\n transform: translateY(20px);\n }\n\n .ps-toolkit-card p.visible {\n transform: translateY(0);\n }\n\n .ps-toolkit-version {\n display: block;\n text-align: center;\n transform: translateY(15px);\n }\n\n .ps-toolkit-version.visible {\n transform: translateY(0);\n }\n\n}\n\n@media (max-width: 480px) {\n\n .ps-toolkit-hero {\n padding: 0 !important;\n margin-top: 40px !important;\n box-shadow: 0 -40px 0 var(--cream);\n }\n\n .ps-toolkit-hero::before {\n width: 320px;\n height: 320px;\n right: -180px;\n top: -80px;\n border-width: 8px;\n }\n\n .ps-toolkit-hero::after {\n width: 160px;\n height: 380px;\n right: -80px;\n top: -100px;\n }\n\n .ps-toolkit-hero-inner {\n padding: 90px 24px 60px !important;\n gap: 28px;\n }\n\n .ps-toolkit-eyebrow {\n font-size: .68rem;\n letter-spacing: .1em;\n gap: 6px;\n }\n\n .ps-toolkit-eyebrow::before {\n width: 26px;\n height: 3px;\n }\n\n .ps-toolkit-hero h1 {\n font-size: clamp(2.5rem,12vw,3.3rem);\n }\n\n .ps-toolkit-copy {\n font-size: .95rem;\n margin: 16px auto 20px;\n }\n\n .ps-toolkit-card {\n padding: 22px 18px;\n border-radius: 24px;\n }\n\n .ps-toolkit-card:hover {\n transform: translateY(-4px);\n }\n\n .ps-toolkit-card h3 {\n font-size: 1.1rem !important;\n }\n\n .ps-toolkit-card p {\n font-size: .85rem;\n }\n\n .ps-toolkit-btn {\n max-width: 100%;\n padding: 12px 18px;\n font-size: .82rem;\n min-width: 0;\n }\n\n .ps-toolkit-version {\n font-size: .65rem;\n padding: 5px 9px;\n margin-top: 18px;\n }\n\n .ps-toolkit-seal {\n width: 60px;\n height: 60px;\n font-size: .6rem;\n margin-bottom: 18px;\n }\n\n .ps-toolkit-card:hover .ps-toolkit-seal {\n transform: scale(1.08);\n }\n\n}\n\n@media (max-width: 360px) {\n\n .ps-toolkit-hero {\n padding: 0 !important;\n margin-top: 40px !important;\n box-shadow: 0 -40px 0 var(--cream);\n }\n\n .ps-toolkit-hero::before {\n width: 260px;\n height: 260px;\n right: -140px;\n top: -60px;\n border-width: 6px;\n }\n\n .ps-toolkit-hero::after {\n width: 120px;\n height: 300px;\n right: -60px;\n top: -80px;\n }\n\n .ps-toolkit-hero-inner {\n padding: 80px 20px 50px !important;\n gap: 24px;\n }\n\n .ps-toolkit-card {\n padding: 18px 14px;\n border-radius: 20px;\n }\n\n .ps-toolkit-card:hover {\n transform: translateY(-3px);\n }\n\n .ps-toolkit-hero h1 {\n font-size: 2.35rem;\n }\n\n .ps-toolkit-copy {\n font-size: .88rem;\n }\n\n .ps-toolkit-btn {\n font-size: .78rem;\n padding: 10px 16px;\n }\n\n .ps-toolkit-version {\n font-size: .6rem;\n padding: 4px 8px;\n }\n\n}\n\n@media (prefers-reduced-motion: reduce) {\n\n *,\n *::before,\n *::after {\n transition-duration: .01ms !important;\n animation-duration: .01ms !important;\n }\n\n .ps-toolkit-hero-left,\n .ps-toolkit-eyebrow,\n .ps-toolkit-hero h1,\n .ps-toolkit-hero h1 span,\n .ps-toolkit-copy,\n .ps-toolkit-actions,\n .ps-toolkit-card,\n .ps-toolkit-seal,\n .ps-toolkit-card h3,\n .ps-toolkit-card p,\n .ps-toolkit-version {\n opacity: 1 !important;\n transform: none !important;\n }\n\n}\n\n<\/style>\n\n<\/head>\n\n<body>\n\n<section class=\"ps-toolkit-hero\">\n\n <div class=\"ps-toolkit-hero-inner\">\n\n <div class=\"ps-toolkit-hero-left visible\">\n\n <div class=\"ps-toolkit-eyebrow visible\">\n A practical guide to delivering results\n <\/div>\n\n <h1 class=\"visible\">\n From\n <span class=\"visible\">plans<\/span>\n <br>\n to results.\n <\/h1>\n\n <p class=\"ps-toolkit-copy visible\">\n A practical delivery system for Zambia's Public Service\n helping institutions translate priorities into action,\n track progress, solve problems and sustain impact.\n <\/p>\n\n <div class=\"ps-toolkit-actions visible\">\n\n <a\n class=\"ps-toolkit-btn ps-toolkit-btn-primary\"\n href=\"https:\/\/pstis.nipa.ac.zm\/\"\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n >\n Login into your account\n <\/a>\n\n <\/div>\n\n <\/div>\n\n <aside class=\"ps-toolkit-card visible\">\n\n <div class=\"ps-toolkit-seal visible\">\n ZAMBIA\n <br>\n PUBLIC\n <br>\n SERVICE\n <\/div>\n\n <h3 class=\"visible\">\n Zambia Public Service Delivery Toolkit\n <\/h3>\n\n <p class=\"visible\">\n Practical guidance, methodologies, tools and templates\n for Delivery Units, leaders and public servants.\n <\/p>\n\n <span class=\"ps-toolkit-version visible\">\n July 2026 edition\n <\/span>\n\n <\/aside>\n\n <\/div>\n\n<\/section>\n\n<script>\n\ndocument.addEventListener(\n 'DOMContentLoaded',\n function() {\n\n const observer =\n new IntersectionObserver(\n\n (entries) => {\n\n entries.forEach(\n\n entry => {\n\n if (entry.isIntersecting) {\n\n const elements =\n entry.target.querySelectorAll(\n '.ps-toolkit-hero-left, ' +\n '.ps-toolkit-eyebrow, ' +\n '.ps-toolkit-hero h1, ' +\n '.ps-toolkit-hero h1 span, ' +\n '.ps-toolkit-copy, ' +\n '.ps-toolkit-actions, ' +\n '.ps-toolkit-card, ' +\n '.ps-toolkit-seal, ' +\n '.ps-toolkit-card h3, ' +\n '.ps-toolkit-card p, ' +\n '.ps-toolkit-version'\n );\n\n elements.forEach(\n\n (el, index) => {\n\n setTimeout(\n\n () => {\n\n el.classList.add(\n 'visible'\n );\n\n },\n\n index * 100\n\n );\n\n }\n\n );\n\n }\n\n }\n\n );\n\n },\n\n {\n threshold: 0.1\n }\n\n );\n\n const hero =\n document.querySelector(\n '.ps-toolkit-hero'\n );\n\n if (hero) {\n observer.observe(hero);\n }\n\n }\n\n);\n\n<\/script>\n\n<\/body>\n\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c575217 animated-slow e-con-full pgs e-flex elementor-invisible e-con e-parent\" data-id=\"c575217\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic","animation":"slideInUp","animation_delay":50}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8d0b585 elementor-widget elementor-widget-html\" data-id=\"8d0b585\" 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<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Delivery Roadmap - Zambia Public Service<\/title>\n <style>\n :root {\n --roadmap-ink: #263544;\n --roadmap-orange: #f47c2a;\n --roadmap-muted: #68717b;\n --roadmap-line: #eadfce;\n --roadmap-paper: #fffaf2;\n --roadmap-white: #ffffff;\n --roadmap-shadow: 0 24px 70px rgba(38, 53, 68, 0.12);\n --roadmap-max: 1180px;\n }\n\n html,\n body {\n margin: 0 !important;\n padding: 0 !important;\n width: 100% !important;\n max-width: 100% !important;\n overflow-x: hidden !important;\n }\n\n .ps-delivery-roadmap,\n .ps-delivery-roadmap *,\n .ps-delivery-roadmap *::before,\n .ps-delivery-roadmap *::after {\n box-sizing: border-box;\n }\n\n .ps-delivery-roadmap {\n width: 100% !important;\n max-width: 100% !important;\n margin: 0 !important;\n padding: 0 !important;\n overflow: hidden !important;\n color: var(--roadmap-ink);\n font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n line-height: 1.55;\n }\n\n .ps-delivery-roadmap .journey-section {\n width: 100% !important;\n max-width: 100% !important;\n margin: 0 !important;\n background: #ffffff;\n border-top: 1px solid var(--roadmap-line);\n border-bottom: 1px solid var(--roadmap-line);\n padding: clamp(50px, 8vw, 100px) 0;\n }\n\n .ps-delivery-roadmap .journey-container {\n width: min(calc(100% - 48px), var(--roadmap-max));\n max-width: var(--roadmap-max);\n margin: 0 auto;\n padding: 0;\n }\n\n .ps-delivery-roadmap .section-head {\n width: 100%;\n max-width: 720px;\n margin: 0 0 clamp(30px, 4vw, 48px);\n }\n\n .ps-delivery-roadmap .kicker {\n display: block;\n margin: 0 0 10px;\n color: var(--roadmap-orange);\n font-size: clamp(0.68rem, 1vw, 0.76rem);\n font-weight: 950;\n line-height: 1.2;\n text-transform: uppercase;\n letter-spacing: 0.14em;\n }\n\n .ps-delivery-roadmap h2 {\n margin: 0 0 16px !important;\n padding: 0 !important;\n color: var(--roadmap-ink);\n font-size: clamp(2rem, 5vw, 4rem);\n line-height: 0.98;\n letter-spacing: -0.05em;\n font-weight: 850;\n }\n\n .ps-delivery-roadmap .lead {\n width: 100%;\n max-width: 690px;\n margin: 0 !important;\n padding: 0 !important;\n color: var(--roadmap-muted);\n font-size: clamp(0.9rem, 1.4vw, 1.02rem);\n line-height: 1.6;\n }\n\n .ps-delivery-roadmap .modules {\n display: grid;\n width: 100%;\n max-width: 100%;\n grid-template-columns: repeat(4, minmax(0, 1fr));\n gap: clamp(12px, 1.6vw, 18px);\n }\n\n .ps-delivery-roadmap .module {\n position: relative;\n width: 100%;\n min-width: 0;\n min-height: clamp(240px, 25vw, 290px);\n padding: clamp(22px, 2.5vw, 30px) clamp(18px, 2.2vw, 26px);\n border: 1px solid var(--roadmap-line);\n border-radius: clamp(18px, 2vw, 22px);\n overflow: hidden;\n background: var(--roadmap-paper);\n animation: roadmapFloat 6s ease-in-out infinite;\n will-change: transform;\n transition: box-shadow 0.35s ease, border-color 0.35s ease;\n }\n\n @keyframes roadmapFloat {\n 0% {\n transform: translateY(0);\n }\n 50% {\n transform: translateY(-8px);\n }\n 100% {\n transform: translateY(0);\n }\n }\n\n .ps-delivery-roadmap .module:nth-child(1) {\n background: #fff0f6;\n animation-delay: 0s;\n }\n\n .ps-delivery-roadmap .module:nth-child(2) {\n background: #edf3f8;\n animation-delay: -1.2s;\n }\n\n .ps-delivery-roadmap .module:nth-child(3) {\n background: #f0f1f2;\n animation-delay: -2.4s;\n }\n\n .ps-delivery-roadmap .module:nth-child(4) {\n background: #fff0e6;\n animation-delay: -3.6s;\n }\n\n @media (hover: hover) {\n .ps-delivery-roadmap .module:hover {\n animation-play-state: paused;\n transform: translateY(-12px) scale(1.015);\n box-shadow: 0 28px 65px rgba(38, 53, 68, 0.16);\n border-color: rgba(244, 124, 42, 0.35);\n }\n }\n\n .ps-delivery-roadmap .module-number {\n position: relative;\n z-index: 2;\n display: inline-grid;\n place-items: center;\n width: clamp(30px, 3vw, 34px);\n height: clamp(30px, 3vw, 34px);\n border-radius: 50%;\n background: var(--roadmap-ink);\n color: var(--roadmap-white);\n font-size: clamp(0.65rem, 0.8vw, 0.75rem);\n font-weight: 950;\n line-height: 1;\n }\n\n .ps-delivery-roadmap .module h3 {\n position: relative;\n z-index: 2;\n margin: clamp(20px, 2.5vw, 28px) 0 12px !important;\n padding: 0 !important;\n color: var(--roadmap-ink);\n font-size: clamp(1.1rem, 1.7vw, 1.45rem);\n line-height: 1.05;\n letter-spacing: -0.025em;\n font-weight: 800;\n }\n\n .ps-delivery-roadmap .module p {\n position: relative;\n z-index: 2;\n width: 100%;\n margin: 0 !important;\n padding: 0 !important;\n color: #5e6670;\n font-size: clamp(0.82rem, 1vw, 0.9rem);\n line-height: 1.55;\n }\n\n .ps-delivery-roadmap .module-icon {\n position: absolute;\n right: -20px;\n bottom: -38px;\n width: clamp(110px, 12vw, 140px);\n height: clamp(110px, 12vw, 140px);\n border: clamp(15px, 1.8vw, 20px) solid rgba(244, 124, 42, 0.13);\n border-radius: 50%;\n pointer-events: none;\n z-index: 1;\n }\n\n @media (max-width: 1100px) {\n .ps-delivery-roadmap .journey-container {\n width: calc(100% - 80px);\n }\n .ps-delivery-roadmap .modules {\n gap: 14px;\n }\n .ps-delivery-roadmap .module {\n padding: 26px 20px;\n }\n }\n\n @media (max-width: 900px) {\n .ps-delivery-roadmap .journey-section {\n padding: 70px 0;\n }\n .ps-delivery-roadmap .journey-container {\n width: calc(100% - 64px);\n }\n .ps-delivery-roadmap .modules {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 14px;\n }\n .ps-delivery-roadmap .module {\n min-height: 250px;\n padding: 26px 22px;\n }\n }\n\n @media (max-width: 600px) {\n .ps-delivery-roadmap .journey-section {\n padding: 60px 0;\n }\n .ps-delivery-roadmap .journey-container {\n width: calc(100% - 40px);\n }\n .ps-delivery-roadmap .section-head {\n margin-bottom: 32px;\n }\n .ps-delivery-roadmap h2 {\n font-size: clamp(2rem, 9vw, 3rem);\n line-height: 1;\n }\n .ps-delivery-roadmap .lead {\n font-size: 0.94rem;\n }\n .ps-delivery-roadmap .modules {\n grid-template-columns: 1fr;\n gap: 14px;\n }\n .ps-delivery-roadmap .module {\n min-height: auto;\n padding: 24px 20px;\n }\n .ps-delivery-roadmap .module h3 {\n margin-top: 20px !important;\n }\n }\n\n @media (max-width: 480px) {\n .ps-delivery-roadmap .journey-section {\n padding: 50px 0;\n }\n .ps-delivery-roadmap .journey-container {\n width: calc(100% - 32px);\n }\n .ps-delivery-roadmap .kicker {\n font-size: 0.68rem;\n letter-spacing: 0.11em;\n }\n .ps-delivery-roadmap h2 {\n font-size: clamp(1.9rem, 10vw, 2.7rem);\n }\n .ps-delivery-roadmap .lead {\n font-size: 0.88rem;\n }\n .ps-delivery-roadmap .module {\n padding: 22px 18px;\n border-radius: 20px;\n animation-duration: 5.5s;\n }\n .ps-delivery-roadmap .module-number {\n width: 32px;\n height: 32px;\n font-size: 0.7rem;\n }\n .ps-delivery-roadmap .module h3 {\n font-size: 1.2rem;\n margin: 20px 0 10px !important;\n }\n .ps-delivery-roadmap .module p {\n font-size: 0.84rem;\n }\n }\n\n @media (max-width: 360px) {\n .ps-delivery-roadmap .journey-section {\n padding: 42px 0;\n }\n .ps-delivery-roadmap .journey-container {\n width: calc(100% - 24px);\n }\n .ps-delivery-roadmap h2 {\n font-size: 1.8rem;\n }\n .ps-delivery-roadmap .module {\n padding: 19px 15px;\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .ps-delivery-roadmap .module {\n animation: none !important;\n transition: none !important;\n }\n }\n <\/style>\n<\/head>\n<body>\n <section class=\"ps-delivery-roadmap\">\n <div class=\"journey-section\">\n <div class=\"journey-container\">\n <div class=\"section-head\">\n <div class=\"kicker\">The delivery roadmap<\/div>\n <h2>Four foundations.<br>One delivery journey.<\/h2>\n <p class=\"lead\">\n The toolkit structures delivery practice around four\n connected modules building the culture, setting\n priorities, creating disciplined routines and\n sustaining impact.\n <\/p>\n <\/div>\n <div class=\"modules\">\n <article class=\"module\">\n <span class=\"module-number\">01<\/span>\n <h3>Delivery<br>Culture<\/h3>\n <p>Build a shared mindset, strengthen behaviours and create the culture needed to deliver.<\/p>\n <div class=\"module-icon\"><\/div>\n <\/article>\n <article class=\"module\">\n <span class=\"module-number\">02<\/span>\n <h3>Set Up<\/h3>\n <p>Translate priorities into clear goals, indicators, targets and trajectories of progress.<\/p>\n <div class=\"module-icon\"><\/div>\n <\/article>\n <article class=\"module\">\n <span class=\"module-number\">03<\/span>\n <h3>Delivery<br>Routines<\/h3>\n <p>Use data, reviews, problem-solving and action tracking to drive implementation.<\/p>\n <div class=\"module-icon\"><\/div>\n <\/article>\n <article class=\"module\">\n <span class=\"module-number\">04<\/span>\n <h3>Sustained<br>Impact<\/h3>\n <p>Learn, communicate, adapt and build the systems that keep results moving forward.<\/p>\n <div class=\"module-icon\"><\/div>\n <\/article>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b28746a animated-slow e-con-full pgs e-flex elementor-invisible e-con e-parent\" data-id=\"b28746a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic","animation":"slideInUp","animation_delay":50}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7ae4704 elementor-widget elementor-widget-html\" data-id=\"7ae4704\" 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<section class=\"delivery-mindset\">\n <style>\n .delivery-mindset,\n .delivery-mindset * {\n box-sizing: border-box;\n }\n\n .delivery-mindset {\n --dm-ink: #263544;\n --dm-orange: #f47c2a;\n --dm-cream: #fbf2e2;\n --dm-white: #ffffff;\n --dm-muted: #68717b;\n position: relative;\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(50% - 50vw) !important;\n margin-right: calc(50% - 50vw) !important;\n margin-top: 0 !important;\n margin-bottom: 0 !important;\n padding: 0 !important;\n background: var(--dm-cream) !important;\n color: var(--dm-ink);\n overflow: hidden;\n font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n line-height: 1.55;\n border: 0 !important;\n border-top: 0 !important;\n isolation: isolate;\n }\n\n .delivery-mindset .dm-section {\n width: 100% !important;\n max-width: 100% !important;\n margin: 0 !important;\n padding: 0 !important;\n border: 0 !important;\n border-top: 0 !important;\n }\n\n .delivery-mindset .dm-container {\n position: relative;\n z-index: 2;\n width: 100% !important;\n max-width: 1180px !important;\n margin: 0 auto !important;\n padding: 0 40px !important;\n }\n\n .delivery-mindset::before {\n content: \"\";\n position: absolute;\n width: 520px;\n height: 520px;\n right: -230px;\n top: -230px;\n border: 70px solid rgba(244,124,42,.08);\n border-radius: 50%;\n pointer-events: none;\n z-index: 0;\n }\n\n .delivery-mindset::after {\n content: \"\";\n position: absolute;\n width: 300px;\n height: 300px;\n left: -190px;\n bottom: -190px;\n border: 50px solid rgba(38,53,68,.035);\n border-radius: 50%;\n pointer-events: none;\n z-index: 0;\n }\n\n .delivery-mindset .dm-header {\n position: relative;\n z-index: 2;\n width: 100%;\n max-width: 1100px;\n margin: 0 auto !important;\n padding: 80px 0 45px;\n text-align: center;\n }\n\n .delivery-mindset .dm-eyebrow {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 9px;\n margin-bottom: 18px;\n color: var(--dm-orange);\n font-size: .76rem;\n font-weight: 900;\n text-transform: uppercase;\n letter-spacing: .14em;\n }\n\n .delivery-mindset .dm-eyebrow::before,\n .delivery-mindset .dm-eyebrow::after {\n content: \"\";\n width: 28px;\n height: 3px;\n border-radius: 999px;\n background: var(--dm-orange);\n }\n\n .delivery-mindset .dm-header h2 {\n margin: 0 !important;\n padding: 0 !important;\n color: var(--dm-ink) !important;\n font-size: clamp(2rem, 4vw, 3.5rem) !important;\n line-height: 1.02 !important;\n letter-spacing: -.045em;\n font-weight: 900;\n }\n\n .delivery-mindset .dm-header p {\n max-width: 720px;\n margin: 20px auto 0 !important;\n padding: 0 !important;\n color: var(--dm-muted) !important;\n font-size: clamp(.92rem, 1.1vw, 1.03rem);\n line-height: 1.65;\n }\n\n .delivery-mindset .dm-grid {\n position: relative;\n z-index: 2;\n width: 100% !important;\n max-width: 100% !important;\n margin: 0 !important;\n padding: 0 0 80px !important;\n display: grid;\n grid-template-columns: repeat(5, minmax(0, 1fr));\n gap: 18px;\n }\n\n .delivery-mindset .dm-card {\n position: relative;\n min-width: 0;\n padding: 30px 24px 28px;\n background: var(--dm-white) !important;\n border: 1px solid rgba(38,53,68,.08) !important;\n border-radius: 22px;\n box-shadow: 0 14px 40px rgba(38,53,68,.07);\n overflow: hidden;\n transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;\n }\n\n .delivery-mindset .dm-card::before {\n content: \"\";\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 4px;\n background: var(--dm-orange);\n transform: scaleX(0);\n transform-origin: left;\n transition: transform .35s ease;\n }\n\n .delivery-mindset .dm-card:hover {\n transform: translateY(-7px);\n box-shadow: 0 24px 55px rgba(38,53,68,.13);\n border-color: rgba(244,124,42,.2) !important;\n }\n\n .delivery-mindset .dm-card:hover::before {\n transform: scaleX(1);\n }\n\n .delivery-mindset .dm-number {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 44px;\n height: 44px;\n margin-bottom: 20px;\n border-radius: 12px;\n background: var(--dm-ink);\n color: var(--dm-white);\n font-size: .72rem;\n font-weight: 900;\n letter-spacing: .03em;\n transition: background .35s ease, transform .35s ease;\n }\n\n .delivery-mindset .dm-card:hover .dm-number {\n background: var(--dm-orange);\n transform: rotate(-4deg) scale(1.05);\n }\n\n .delivery-mindset .dm-card h3 {\n margin: 0 0 12px !important;\n padding: 0 !important;\n color: var(--dm-ink) !important;\n font-size: 1.08rem !important;\n line-height: 1.18 !important;\n font-weight: 850;\n }\n\n .delivery-mindset .dm-card p {\n margin: 0 !important;\n padding: 0 !important;\n color: var(--dm-muted) !important;\n font-size: .88rem;\n line-height: 1.6;\n }\n\n @media (max-width: 1100px) {\n .delivery-mindset .dm-container {\n padding-left: 30px !important;\n padding-right: 30px !important;\n }\n .delivery-mindset .dm-grid {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n }\n\n @media (max-width: 800px) {\n .delivery-mindset .dm-header {\n padding: 70px 0 40px;\n }\n .delivery-mindset .dm-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n padding-bottom: 65px !important;\n }\n }\n\n @media (max-width: 768px) {\n .delivery-mindset {\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(50% - 50vw) !important;\n margin-right: calc(50% - 50vw) !important;\n }\n .delivery-mindset .dm-container {\n width: 100% !important;\n max-width: 100% !important;\n padding-left: 24px !important;\n padding-right: 24px !important;\n }\n }\n\n @media (max-width: 560px) {\n .delivery-mindset .dm-container {\n padding-left: 22px !important;\n padding-right: 22px !important;\n }\n .delivery-mindset .dm-header {\n padding: 55px 0 32px;\n }\n .delivery-mindset .dm-eyebrow {\n font-size: .65rem;\n letter-spacing: .1em;\n }\n .delivery-mindset .dm-eyebrow::before,\n .delivery-mindset .dm-eyebrow::after {\n width: 20px;\n height: 2px;\n }\n .delivery-mindset .dm-header h2 {\n font-size: clamp(1.9rem, 9vw, 2.7rem) !important;\n }\n .delivery-mindset .dm-header p {\n font-size: .9rem;\n }\n .delivery-mindset .dm-grid {\n grid-template-columns: 1fr;\n gap: 14px;\n padding-bottom: 55px !important;\n }\n .delivery-mindset .dm-card {\n padding: 25px 22px;\n }\n }\n\n @media (max-width: 380px) {\n .delivery-mindset .dm-container {\n padding-left: 16px !important;\n padding-right: 16px !important;\n }\n .delivery-mindset .dm-header {\n padding: 45px 0 28px;\n }\n .delivery-mindset .dm-card {\n padding: 22px 18px;\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .delivery-mindset *,\n .delivery-mindset::before,\n .delivery-mindset::after {\n transition: none !important;\n }\n }\n <\/style>\n\n <div class=\"dm-section\">\n <div class=\"dm-container\">\n <header class=\"dm-header\">\n <div class=\"dm-eyebrow\">Delivery Mindset<\/div>\n <h2>Five principles that keep delivery moving.<\/h2>\n <p>Successful delivery combines disciplined methods with the behaviours needed to turn ambition into measurable outcomes.<\/p>\n <\/header>\n\n <div class=\"dm-grid\">\n <article class=\"dm-card\">\n <div class=\"dm-number\">01<\/div>\n <h3>Focus on impact<\/h3>\n <p>Drive every delivery effort with clear goals and measures of success.<\/p>\n <\/article>\n\n <article class=\"dm-card\">\n <div class=\"dm-number\">02<\/div>\n <h3>Drive collaborative action<\/h3>\n <p>Use a clear shared plan to coordinate the actors critical to implementation.<\/p>\n <\/article>\n\n <article class=\"dm-card\">\n <div class=\"dm-number\">03<\/div>\n <h3>Make decisions based on data<\/h3>\n <p>Base plans and decisions on evidence, data and insights.<\/p>\n <\/article>\n\n <article class=\"dm-card\">\n <div class=\"dm-number\">04<\/div>\n <h3>Adapt and improve continuously<\/h3>\n <p>Monitor progress, learn quickly and solve problems as conditions change.<\/p>\n <\/article>\n\n <article class=\"dm-card\">\n <div class=\"dm-number\">05<\/div>\n <h3>Build for the long-term<\/h3>\n <p>Embed behaviours, structures and systems that sustain results.<\/p>\n <\/article>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-43fbe55 animated-slow e-con-full pgs e-flex elementor-invisible e-con e-parent\" data-id=\"43fbe55\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic","animation":"slideInUp","animation_delay":50}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7ab6b9d elementor-widget elementor-widget-html\" data-id=\"7ab6b9d\" 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<section class=\"science-delivery\" id=\"science-delivery\">\n\n <div class=\"sd-container\">\n\n <div class=\"sd-header\">\n\n <div class=\"sd-kicker\">\n The science of delivery\n <\/div>\n\n <h2>\n Five questions.<br>\n Asked continuously.\n <\/h2>\n\n <p class=\"sd-lead\">\n Delivery Units keep implementation rigorous by repeatedly asking\n the questions that connect strategy, action, evidence and impact.\n <\/p>\n\n <\/div>\n\n\n <div class=\"sd-questions\">\n\n <div class=\"sd-question\">\n <strong>01<\/strong>\n <span>What are we trying to do?<\/span>\n <\/div>\n\n <div class=\"sd-question\">\n <strong>02<\/strong>\n <span>How are we planning to do it?<\/span>\n <\/div>\n\n <div class=\"sd-question\">\n <strong>03<\/strong>\n <span>\n At any given moment, how will we know whether we are on track?\n <\/span>\n <\/div>\n\n <div class=\"sd-question\">\n <strong>04<\/strong>\n <span>\n If we are not on track, what will we do about it?\n <\/span>\n <\/div>\n\n <div class=\"sd-question\">\n <strong>05<\/strong>\n <span>\n How do we ensure lasting impact?\n <\/span>\n <\/div>\n\n <\/div>\n\n <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =========================================================\n SCIENCE OF DELIVERY\n FULL-WIDTH VERSION\n ========================================================= *\/\n\n.science-delivery,\n.science-delivery * {\n box-sizing: border-box;\n}\n\n\n.science-delivery {\n\n --sd-blue: #263544;\n --sd-blue-light: #304454;\n --sd-orange: #f47c2a;\n --sd-white: #ffffff;\n --sd-muted: #c7d0d8;\n --sd-line: rgba(255,255,255,.15);\n\n position: relative;\n\n \/* FULL WIDTH \u2014 SAME METHOD AS FIVE PRINCIPLES *\/\n\n width: 100vw !important;\n max-width: 100vw !important;\n\n margin-left:\n calc(50% - 50vw) !important;\n\n margin-right:\n calc(50% - 50vw) !important;\n\n margin-top: 0 !important;\n margin-bottom: 0 !important;\n\n padding: 0 !important;\n\n overflow: hidden;\n\n font-family:\n Inter,\n ui-sans-serif,\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n \"Segoe UI\",\n sans-serif;\n\n color:\n var(--sd-white);\n\n border: none !important;\n border-top: none !important;\n\n isolation: isolate;\n}\n\n\n\/* =========================================================\n SECTION\n ========================================================= *\/\n\n.science-delivery {\n\n background:\n var(--sd-blue);\n\n padding:\n clamp(60px, 8vw, 105px)\n 0 !important;\n\n overflow:\n hidden;\n}\n\n\n\/* =========================================================\n BACKGROUND DECORATION\n ========================================================= *\/\n\n.science-delivery::before {\n\n content: \"\";\n\n position: absolute;\n\n width:\n clamp(\n 240px,\n 30vw,\n 400px\n );\n\n height:\n clamp(\n 240px,\n 30vw,\n 400px\n );\n\n right:\n clamp(\n -220px,\n -12vw,\n -100px\n );\n\n top:\n clamp(\n 40px,\n 8vw,\n 120px\n );\n\n border:\n clamp(\n 25px,\n 3vw,\n 40px\n )\n solid\n rgba(244,124,42,.12);\n\n border-radius:\n 50%;\n\n pointer-events:\n none;\n\n z-index:\n 0;\n}\n\n\n.science-delivery::after {\n\n content: \"\";\n\n position: absolute;\n\n width:\n 180px;\n\n height:\n 180px;\n\n left:\n -100px;\n\n bottom:\n -80px;\n\n border:\n 20px solid\n rgba(255,255,255,.035);\n\n border-radius:\n 50%;\n\n pointer-events:\n none;\n\n z-index:\n 0;\n}\n\n\n\/* =========================================================\n CONTAINER\n ========================================================= *\/\n\n.science-delivery .sd-container {\n\n position:\n relative;\n\n z-index:\n 2;\n\n width:\n 100% !important;\n\n max-width:\n 1180px !important;\n\n margin:\n 0 auto !important;\n\n padding:\n 0 40px !important;\n}\n\n\n\/* =========================================================\n HEADER\n ========================================================= *\/\n\n.science-delivery .sd-header {\n\n max-width:\n 720px;\n\n margin-bottom:\n clamp(\n 35px,\n 5vw,\n 55px\n );\n}\n\n\n\/* =========================================================\n KICKER\n ========================================================= *\/\n\n.science-delivery .sd-kicker {\n\n display:\n inline-flex;\n\n align-items:\n center;\n\n gap:\n 9px;\n\n margin-bottom:\n 14px;\n\n color:\n var(--sd-orange);\n\n font-size:\n clamp(\n .68rem,\n 1vw,\n .76rem\n );\n\n font-weight:\n 900;\n\n text-transform:\n uppercase;\n\n letter-spacing:\n .14em;\n}\n\n\n.science-delivery .sd-kicker::before {\n\n content:\n \"\";\n\n width:\n 32px;\n\n height:\n 3px;\n\n background:\n var(--sd-orange);\n\n border-radius:\n 20px;\n}\n\n\n\/* =========================================================\n TITLE\n ========================================================= *\/\n\n.science-delivery .sd-header h2 {\n\n margin:\n 0 0 18px !important;\n\n padding:\n 0 !important;\n\n color:\n var(--sd-white) !important;\n\n font-size:\n clamp(\n 2.2rem,\n 5vw,\n 4.2rem\n ) !important;\n\n line-height:\n .96 !important;\n\n letter-spacing:\n -.055em;\n\n font-weight:\n 900;\n}\n\n\n\/* =========================================================\n LEAD\n ========================================================= *\/\n\n.science-delivery .sd-lead {\n\n max-width:\n 690px;\n\n margin:\n 0 !important;\n\n padding:\n 0 !important;\n\n color:\n var(--sd-muted) !important;\n\n font-size:\n clamp(\n .9rem,\n 1.3vw,\n 1.03rem\n );\n\n line-height:\n 1.65;\n}\n\n\n\/* =========================================================\n QUESTIONS\n ========================================================= *\/\n\n.science-delivery .sd-questions {\n\n display:\n flex;\n\n flex-direction:\n column;\n\n width:\n 100% !important;\n\n max-width:\n 100% !important;\n\n border-top:\n 1px solid\n var(--sd-line);\n}\n\n\n\/* =========================================================\n QUESTION\n ========================================================= *\/\n\n.science-delivery .sd-question {\n\n position:\n relative;\n\n display:\n grid;\n\n grid-template-columns:\n 90px\n minmax(0,1fr);\n\n align-items:\n center;\n\n min-height:\n 88px;\n\n padding:\n 18px\n clamp(\n 18px,\n 3vw,\n 32px\n );\n\n border-bottom:\n 1px solid\n var(--sd-line);\n\n background:\n rgba(255,255,255,.025);\n\n transition:\n background .4s ease,\n transform .4s cubic-bezier(.2,.7,.2,1),\n padding-left .4s ease,\n box-shadow .4s ease;\n}\n\n\n\/* =========================================================\n QUESTION NUMBER\n ========================================================= *\/\n\n.science-delivery .sd-question strong {\n\n color:\n var(--sd-orange);\n\n font-size:\n clamp(\n .95rem,\n 1.4vw,\n 1.15rem\n );\n\n font-weight:\n 900;\n\n letter-spacing:\n .02em;\n\n transition:\n transform .35s ease;\n}\n\n\n\/* =========================================================\n QUESTION TEXT\n ========================================================= *\/\n\n.science-delivery .sd-question span {\n\n color:\n var(--sd-white);\n\n font-size:\n clamp(\n 1rem,\n 1.5vw,\n 1.25rem\n );\n\n line-height:\n 1.4;\n\n font-weight:\n 600;\n\n transition:\n transform .4s ease,\n color .35s ease;\n}\n\n\n\/* =========================================================\n HOVER\n ========================================================= *\/\n\n@media (hover:hover) {\n\n .science-delivery .sd-question:hover {\n\n background:\n rgba(255,255,255,.075);\n\n transform:\n translateX(6px);\n\n padding-left:\n clamp(\n 26px,\n 3.5vw,\n 42px\n );\n\n box-shadow:\n inset 4px 0 0\n var(--sd-orange);\n }\n\n\n .science-delivery .sd-question:hover strong {\n\n transform:\n scale(1.12);\n }\n\n\n .science-delivery .sd-question:hover span {\n\n transform:\n translateX(6px);\n\n color:\n #ffffff;\n }\n\n}\n\n\n\/* =========================================================\n TABLET\n ========================================================= *\/\n\n@media (max-width: 760px) {\n\n .science-delivery {\n\n padding:\n 70px 0 !important;\n }\n\n\n .science-delivery .sd-container {\n\n width:\n 100% !important;\n\n max-width:\n 100% !important;\n\n padding-left:\n 30px !important;\n\n padding-right:\n 30px !important;\n }\n\n\n .science-delivery .sd-question {\n\n grid-template-columns:\n 65px\n minmax(0,1fr);\n\n min-height:\n 80px;\n\n padding:\n 17px 20px;\n }\n\n}\n\n\n\/* =========================================================\n MOBILE\n ========================================================= *\/\n\n@media (max-width: 520px) {\n\n .science-delivery {\n\n width:\n 100vw !important;\n\n max-width:\n 100vw !important;\n\n margin-left:\n calc(50% - 50vw) !important;\n\n margin-right:\n calc(50% - 50vw) !important;\n\n padding:\n 58px 0 !important;\n }\n\n\n .science-delivery .sd-container {\n\n width:\n 100% !important;\n\n max-width:\n 100% !important;\n\n padding-left:\n 20px !important;\n\n padding-right:\n 20px !important;\n }\n\n\n .science-delivery .sd-header {\n\n margin-bottom:\n 32px;\n }\n\n\n .science-delivery .sd-kicker {\n\n font-size:\n .66rem;\n\n letter-spacing:\n .11em;\n }\n\n\n .science-delivery .sd-kicker::before {\n\n width:\n 24px;\n }\n\n\n .science-delivery .sd-header h2 {\n\n font-size:\n clamp(\n 2rem,\n 10vw,\n 2.9rem\n ) !important;\n\n line-height:\n 1 !important;\n }\n\n\n .science-delivery .sd-lead {\n\n font-size:\n .9rem;\n\n line-height:\n 1.6;\n }\n\n\n .science-delivery .sd-question {\n\n grid-template-columns:\n 45px\n minmax(0,1fr);\n\n min-height:\n 72px;\n\n padding:\n 17px 15px;\n\n gap:\n 8px;\n }\n\n\n .science-delivery .sd-question strong {\n\n font-size:\n .9rem;\n }\n\n\n .science-delivery .sd-question span {\n\n font-size:\n .92rem;\n\n line-height:\n 1.4;\n }\n\n\n .science-delivery .sd-question:hover {\n\n transform:\n none;\n\n padding-left:\n 15px;\n }\n\n\n .science-delivery .sd-question:hover span {\n\n transform:\n none;\n }\n\n}\n\n\n\/* =========================================================\n VERY SMALL PHONES\n ========================================================= *\/\n\n@media (max-width: 380px) {\n\n .science-delivery {\n\n padding:\n 48px 0 !important;\n }\n\n\n .science-delivery .sd-container {\n\n width:\n 100% !important;\n\n padding-left:\n 16px !important;\n\n padding-right:\n 16px !important;\n }\n\n\n .science-delivery .sd-question {\n\n grid-template-columns:\n 38px\n minmax(0,1fr);\n\n padding:\n 15px 12px;\n }\n\n\n .science-delivery .sd-question span {\n\n font-size:\n .86rem;\n }\n\n}\n\n\n\/* =========================================================\n ACCESSIBILITY\n ========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n .science-delivery .sd-question,\n .science-delivery .sd-question span,\n .science-delivery .sd-question strong {\n\n transition:\n none !important;\n }\n\n}\n\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bfa79d3 animated-slow e-con-full pgs e-flex elementor-invisible e-con e-parent\" data-id=\"bfa79d3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic","animation":"slideInUp","animation_delay":50}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ba71e80 elementor-widget elementor-widget-html\" data-id=\"ba71e80\" 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<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n\n <style>\n \/* ==============================\n FULL-WIDTH RESULTS CTA\n ============================== *\/\n\n .results-cta,\n .results-cta * {\n box-sizing: border-box;\n }\n\n .results-cta {\n --rc-orange: #f47c2a;\n --rc-white: #ffffff;\n --rc-soft-white: #fff3ea;\n --rc-ink: #263544;\n\n \/* FULL VIEWPORT WIDTH *\/\n width: 100vw !important;\n max-width: 100vw !important;\n\n \/* BREAK OUT OF WORDPRESS CONTAINER *\/\n position: relative;\n left: 50%;\n transform: translateX(-50%);\n\n margin: 0 !important;\n padding: clamp(60px, 8vw, 95px) 0;\n\n background: var(--rc-orange) !important;\n color: var(--rc-white);\n\n overflow: hidden;\n isolation: isolate;\n\n font-family:\n Inter,\n ui-sans-serif,\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n \"Segoe UI\",\n sans-serif;\n\n line-height: 1.55;\n }\n\n\n \/* ==============================\n DECORATIVE CIRCLE\n ============================== *\/\n\n .results-cta::before {\n content: \"\";\n\n position: absolute;\n\n width: clamp(300px, 35vw, 480px);\n height: clamp(300px, 35vw, 480px);\n\n right: clamp(-170px, -10vw, -80px);\n top: clamp(-170px, -12vw, -70px);\n\n border:\n clamp(28px, 3vw, 42px)\n solid\n rgba(255,255,255,.11);\n\n border-radius: 50%;\n\n pointer-events: none;\n\n z-index: 0;\n\n transition:\n transform 1s cubic-bezier(.2,.7,.2,1);\n }\n\n\n .results-cta::after {\n content: \"\";\n\n position: absolute;\n\n width: 180px;\n height: 180px;\n\n left: -100px;\n bottom: -100px;\n\n border:\n 20px\n solid\n rgba(255,255,255,.055);\n\n border-radius: 50%;\n\n pointer-events: none;\n\n z-index: 0;\n }\n\n\n \/* ==============================\n INNER CONTENT\n ============================== *\/\n\n .results-cta-inner {\n position: relative;\n z-index: 2;\n\n width: 100%;\n max-width: 1600px;\n\n margin: 0 auto;\n\n padding:\n 0\n clamp(24px, 5vw, 80px);\n\n display: flex;\n\n align-items: center;\n justify-content: space-between;\n\n gap: clamp(30px, 5vw, 70px);\n }\n\n\n \/* ==============================\n TEXT\n ============================== *\/\n\n .results-cta-content {\n flex: 1 1 auto;\n\n min-width: 0;\n\n max-width: 820px;\n\n margin: 0;\n }\n\n\n .results-cta h2 {\n margin: 0 0 16px !important;\n padding: 0 !important;\n\n color: var(--rc-white) !important;\n\n font-size:\n clamp(2rem, 4.2vw, 3.7rem) !important;\n\n line-height: 1.02 !important;\n\n letter-spacing: -.05em;\n\n font-weight: 900;\n\n max-width: 800px;\n\n transition:\n transform .45s cubic-bezier(.2,.7,.2,1);\n }\n\n\n .results-cta p {\n max-width: 720px;\n\n margin: 0 !important;\n padding: 0 !important;\n\n color: var(--rc-soft-white) !important;\n\n font-size:\n clamp(.92rem, 1.1vw, 1.03rem);\n\n line-height: 1.65;\n\n font-weight: 400;\n }\n\n\n \/* ==============================\n BUTTON\n ============================== *\/\n\n .results-cta-button {\n flex: 0 0 auto;\n\n display: inline-flex;\n\n align-items: center;\n justify-content: center;\n\n gap: 10px;\n\n min-width: 215px;\n\n padding: 16px 28px;\n\n border: 0 !important;\n\n border-radius: 999px;\n\n background: var(--rc-white) !important;\n\n color: var(--rc-ink) !important;\n\n font-size: .9rem;\n\n font-weight: 850;\n\n line-height: 1.2;\n\n text-decoration: none !important;\n\n white-space: nowrap;\n\n cursor: pointer;\n\n box-shadow:\n 0 12px 28px rgba(0,0,0,.10);\n\n transition:\n transform .35s cubic-bezier(.2,.7,.2,1),\n box-shadow .35s ease,\n background .35s ease;\n }\n\n\n .results-cta-button span {\n display: inline-block;\n\n font-size: 1.15rem;\n\n line-height: 1;\n\n transition:\n transform .35s ease;\n }\n\n\n \/* ==============================\n HOVER EFFECTS\n ============================== *\/\n\n @media (hover: hover) {\n\n .results-cta-button:hover {\n transform: translateY(-5px);\n\n background: #fffaf7 !important;\n\n box-shadow:\n 0 20px 38px rgba(0,0,0,.18);\n }\n\n .results-cta-button:hover span {\n transform: translateX(6px);\n }\n\n .results-cta:hover::before {\n transform:\n rotate(12deg)\n scale(1.05);\n }\n\n .results-cta:hover h2 {\n transform: translateY(-2px);\n }\n }\n\n\n \/* ==============================\n TABLET\n ============================== *\/\n\n @media (max-width: 1024px) {\n\n .results-cta {\n padding: 75px 0;\n }\n\n .results-cta-inner {\n padding:\n 0\n clamp(20px, 4vw, 60px);\n\n gap: 40px;\n }\n\n .results-cta-button {\n min-width: 200px;\n\n padding: 15px 24px;\n }\n }\n\n\n \/* ==============================\n MOBILE\n ============================== *\/\n\n @media (max-width: 760px) {\n\n .results-cta {\n padding: 65px 0;\n }\n\n .results-cta-inner {\n\n flex-direction: column;\n\n align-items: flex-start;\n\n justify-content: flex-start;\n\n gap: 30px;\n\n padding:\n 0\n clamp(20px, 5vw, 40px);\n }\n\n .results-cta-content {\n width: 100%;\n\n max-width: 100%;\n }\n\n .results-cta h2 {\n\n font-size:\n clamp(2rem, 8vw, 2.9rem) !important;\n }\n\n .results-cta p {\n\n max-width: 100%;\n\n font-size: .92rem;\n }\n\n .results-cta-button {\n\n min-width: 210px;\n\n width: auto;\n }\n }\n\n\n \/* ==============================\n SMALL MOBILE\n ============================== *\/\n\n @media (max-width: 520px) {\n\n .results-cta {\n padding: 55px 0;\n }\n\n .results-cta-inner {\n\n padding:\n 0\n clamp(16px, 4vw, 24px);\n\n gap: 26px;\n }\n\n .results-cta h2 {\n\n font-size:\n clamp(1.9rem, 9vw, 2.55rem) !important;\n\n line-height: 1.04 !important;\n }\n\n .results-cta p {\n\n font-size: .88rem;\n\n line-height: 1.6;\n }\n\n .results-cta-button {\n\n width: 100%;\n\n min-width: 0;\n\n padding: 15px 22px;\n\n font-size: .88rem;\n }\n\n .results-cta::before {\n\n width: 280px;\n height: 280px;\n\n right: -120px;\n top: -100px;\n\n border-width: 28px;\n }\n }\n\n\n \/* ==============================\n VERY SMALL MOBILE\n ============================== *\/\n\n @media (max-width: 380px) {\n\n .results-cta {\n padding: 48px 0;\n }\n\n .results-cta-inner {\n padding: 0 16px;\n }\n\n .results-cta h2 {\n font-size: 1.85rem !important;\n }\n\n .results-cta p {\n font-size: .84rem;\n }\n\n .results-cta-button {\n\n font-size: .84rem;\n\n padding: 14px 18px;\n }\n }\n\n\n \/* ==============================\n REMOVE WORDPRESS SPACING\n ============================== *\/\n\n .results-cta > *:last-child {\n margin-bottom: 0 !important;\n }\n\n .results-cta-inner > *:last-child {\n margin-bottom: 0 !important;\n }\n\n .results-cta + * {\n margin-top: 0 !important;\n padding-top: 0 !important;\n }\n\n\n \/* ==============================\n ACCESSIBILITY\n ============================== *\/\n\n @media (prefers-reduced-motion: reduce) {\n\n .results-cta *,\n .results-cta::before,\n .results-cta::after {\n\n transition: none !important;\n }\n }\n\n <\/style>\n<\/head>\n\n<body>\n\n <section class=\"results-cta\">\n\n <div class=\"results-cta-inner\">\n\n <div class=\"results-cta-content\">\n\n <h2>\n Turn commitments into tangible results.\n <\/h2>\n\n <p>\n The Delivery Toolkit is a practical companion for strengthening implementation, accountability, coordination and citizen-centred service delivery.\n <\/p>\n\n <\/div>\n\n\n <a\n class=\"results-cta-button\"\n href=\"https:\/\/pstis.nipa.ac.zm\/\"\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n >\n Login into your account\n <span>\u2192<\/span>\n <\/a>\n\n <\/div>\n\n <\/section>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Zambia Public Service Delivery Toolkit A practical guide to delivering results From plans to results. A practical delivery system for Zambia’s Public Service helping institutions translate priorities into action, track progress, solve problems and sustain impact. Login into your account ZAMBIA PUBLIC SERVICE Zambia Public Service Delivery Toolkit Practical guidance, methodologies, tools and templates for […]<\/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-55813","page","type-page","status-publish","hentry"],"rttpg_featured_image_url":null,"rttpg_author":{"display_name":"tharrison","author_link":"https:\/\/www.nipa.ac.zm\/index.php\/author\/tharrison\/"},"rttpg_comment":0,"rttpg_category":null,"rttpg_excerpt":"Zambia Public Service Delivery Toolkit A practical guide to delivering results From plans to results. A practical delivery system for Zambia’s Public Service helping institutions translate priorities into action, track progress, solve problems and sustain impact. Login into your account ZAMBIA PUBLIC SERVICE Zambia Public Service Delivery Toolkit Practical guidance, methodologies, tools and templates for…","_links":{"self":[{"href":"https:\/\/www.nipa.ac.zm\/index.php\/wp-json\/wp\/v2\/pages\/55813","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.nipa.ac.zm\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.nipa.ac.zm\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.nipa.ac.zm\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.nipa.ac.zm\/index.php\/wp-json\/wp\/v2\/comments?post=55813"}],"version-history":[{"count":97,"href":"https:\/\/www.nipa.ac.zm\/index.php\/wp-json\/wp\/v2\/pages\/55813\/revisions"}],"predecessor-version":[{"id":55917,"href":"https:\/\/www.nipa.ac.zm\/index.php\/wp-json\/wp\/v2\/pages\/55813\/revisions\/55917"}],"wp:attachment":[{"href":"https:\/\/www.nipa.ac.zm\/index.php\/wp-json\/wp\/v2\/media?parent=55813"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}