{"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-09-02T14:58:09","modified_gmt":"2026-09-02T14:58:09","slug":"pst","status":"publish","type":"page","link":"https:\/\/www.nipa.ac.zm\/index.php\/pst\/","title":{"rendered":"pst"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"55813\" class=\"elementor elementor-55813\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-60210b0 elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"60210b0\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\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-3e4fdfc\" data-id=\"3e4fdfc\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\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<div class=\"elementor-element elementor-element-00f65d2 animated-slow e-con-full pgs e-flex elementor-invisible e-con e-parent\" data-id=\"00f65d2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;slideInUp&quot;,&quot;animation_delay&quot;:50}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6d928fc elementor-widget elementor-widget-html\" data-id=\"6d928fc\" 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<style>\n\/* Reset Elementor Container Offsets *\/\n.elementor-widget-html,\n.elementor-widget-container {\n    background: transparent !important;\n    padding: 0 !important;\n    margin: 0 !important;\n    transform: none !important;\n}\n\n\/* =========================================================\n   PDU VIDEO SECTION\n   ========================================================= *\/\n.pst-video-section {\n    --pst-ink: #263544;\n    --pst-orange: #f47c2a;\n    --pst-cream: #fbf2e2;\n\n    position: relative !important;\n    z-index: 1 !important;\n    clear: both !important;\n\n    width: 100% !important;\n    max-width: 100% !important;\n\n    margin-left: 0 !important;\n    margin-right: 0 !important;\n\n    \/* PUSHED DOWN BY 110PX *\/\n    margin-top: 110px !important;\n    margin-bottom: 0 !important;\n\n    padding: 70px 0 65px !important;\n\n    background: var(--pst-cream) !important;\n    box-shadow: 0 0 0 100vmax var(--pst-cream) !important;\n    color: var(--pst-ink) !important;\n    clip-path: inset(0 -100vmax) !important;\n\n    isolation: isolate !important;\n    box-sizing: border-box !important;\n}\n\n\/* =========================================================\n   BACKGROUND DECORATIONS\n   ========================================================= *\/\n.pst-video-section::before {\n    content: \"\" !important;\n    position: absolute !important;\n    width: 680px !important;\n    height: 680px !important;\n    right: -210px !important;\n    top: -50px !important;\n    border: 12px solid rgba(244, 124, 42, 0.16) !important;\n    border-radius: 50% !important;\n    box-shadow: \n        0 0 0 20px rgba(244, 124, 42, 0.09),\n        0 0 0 42px rgba(244, 124, 42, 0.05) !important;\n    pointer-events: none !important;\n    z-index: 0 !important;\n}\n\n.pst-video-section::after {\n    content: \"\" !important;\n    position: absolute !important;\n    width: 260px !important;\n    height: 620px !important;\n    right: 250px !important;\n    top: -60px !important;\n    background: linear-gradient(\n        145deg,\n        transparent 45%,\n        rgba(244, 124, 42, 0.16) 46%,\n        rgba(244, 124, 42, 0.16) 52%,\n        transparent 53%\n    ) !important;\n    transform: rotate(11deg) !important;\n    pointer-events: none !important;\n    z-index: 0 !important;\n}\n\n\/* =========================================================\n   INNER CONTAINER\n   ========================================================= *\/\n.pst-video-inner {\n    position: relative !important;\n    z-index: 2 !important;\n    width: 100% !important;\n    max-width: 1280px !important;\n    margin: 0 auto !important;\n    padding: 0 45px !important;\n    display: grid !important;\n    grid-template-columns: minmax(0, 1fr) 220px !important;\n    align-items: center !important;\n    gap: 45px !important;\n    box-sizing: border-box !important;\n}\n\n\/* =========================================================\n   VIDEO WRAPPER & VIDEO\n   ========================================================= *\/\n.pst-video-wrapper {\n    width: 100% !important;\n    min-width: 0 !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    overflow: hidden !important;\n    border-radius: 0 0 22px 22px !important;\n    box-sizing: border-box !important;\n    background: transparent !important;\n}\n\n.pst-video {\n    display: block !important;\n    width: 100% !important;\n    max-width: 100% !important;\n    height: auto !important;\n    aspect-ratio: 16 \/ 9 !important;\n    object-fit: cover !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    border: 0 !important;\n    border-radius: 0 0 22px 22px !important;\n    background: #111 !important;\n    box-shadow: 0 18px 45px rgba(38, 53, 68, 0.16) !important;\n    box-sizing: border-box !important;\n}\n\n\/* =========================================================\n   BUTTON AREA & BUTTONS\n   ========================================================= *\/\n.pst-video-actions {\n    width: 220px !important;\n    max-width: 220px !important;\n    display: flex !important;\n    flex-direction: column !important;\n    gap: 18px !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    box-sizing: border-box !important;\n}\n\n.pst-video-button {\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    width: 100% !important;\n    min-height: 56px !important;\n    padding: 15px 18px !important;\n    border-radius: 14px !important;\n    text-decoration: none !important;\n    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif !important;\n    font-size: 15px !important;\n    font-weight: 800 !important;\n    line-height: 1.2 !important;\n    text-align: center !important;\n    box-sizing: border-box !important;\n    transition: transform .3s ease, box-shadow .3s ease, background .3s ease, color .3s ease !important;\n}\n\n.pst-video-button-primary {\n    background: #f47c2a !important;\n    color: #ffffff !important;\n    box-shadow: 0 12px 28px rgba(244, 124, 42, 0.22) !important;\n}\n\n.pst-video-button-primary:hover {\n    background: #263544 !important;\n    color: #ffffff !important;\n    transform: translateY(-3px) !important;\n    box-shadow: 0 16px 32px rgba(38, 53, 68, 0.20) !important;\n}\n\n.pst-video-button-secondary {\n    background: #263544 !important;\n    color: #ffffff !important;\n    box-shadow: 0 12px 28px rgba(38, 53, 68, 0.16) !important;\n}\n\n.pst-video-button-secondary:hover {\n    background: #7b1e3a !important;\n    color: #ffffff !important;\n    transform: translateY(-3px) !important;\n    box-shadow: 0 16px 32px rgba(123, 30, 58, 0.20) !important;\n}\n\n\/* =========================================================\n   RESPONSIVE BREAKPOINTS\n   ========================================================= *\/\n@media (min-width: 1500px) {\n    .pst-video-inner {\n        max-width: 1350px !important;\n        padding-left: 50px !important;\n        padding-right: 50px !important;\n        gap: 50px !important;\n    }\n    .pst-video-actions {\n        width: 225px !important;\n        max-width: 225px !important;\n    }\n}\n\n@media (max-width: 1200px) {\n    .pst-video-inner {\n        padding-left: 35px !important;\n        padding-right: 35px !important;\n        gap: 35px !important;\n    }\n    .pst-video-actions {\n        width: 205px !important;\n        max-width: 205px !important;\n    }\n}\n\n@media (max-width: 900px) {\n    .pst-video-section {\n        margin-top: 70px !important;\n        padding: 60px 0 55px !important;\n    }\n    .pst-video-inner {\n        grid-template-columns: 1fr !important;\n        gap: 28px !important;\n        padding-left: 30px !important;\n        padding-right: 30px !important;\n    }\n    .pst-video-actions {\n        width: 100% !important;\n        max-width: 100% !important;\n        flex-direction: row !important;\n        justify-content: center !important;\n    }\n    .pst-video-button {\n        flex: 1 !important;\n        max-width: 300px !important;\n    }\n    .pst-video-section::before {\n        width: 520px !important;\n        height: 520px !important;\n        right: -180px !important;\n        top: -40px !important;\n    }\n    .pst-video-section::after {\n        width: 220px !important;\n        height: 520px !important;\n        right: 100px !important;\n        top: -50px !important;\n    }\n}\n\n@media (max-width: 600px) {\n    .pst-video-section {\n        margin-top: 50px !important;\n        padding: 50px 0 45px !important;\n    }\n    .pst-video-inner {\n        display: flex !important;\n        flex-direction: column !important;\n        gap: 24px !important;\n        padding-left: 18px !important;\n        padding-right: 18px !important;\n    }\n    .pst-video-wrapper {\n        width: 100% !important;\n    }\n    .pst-video {\n        width: 100% !important;\n        border-radius: 0 0 16px 16px !important;\n    }\n    .pst-video-actions {\n        width: 100% !important;\n        max-width: 100% !important;\n        flex-direction: column !important;\n        gap: 12px !important;\n    }\n    .pst-video-button {\n        width: 100% !important;\n        max-width: none !important;\n        min-height: 52px !important;\n        border-radius: 12px !important;\n        font-size: 14px !important;\n    }\n    .pst-video-section::before {\n        width: 360px !important;\n        height: 360px !important;\n        right: -190px !important;\n        top: -30px !important;\n        border-width: 8px !important;\n        box-shadow: \n            0 0 0 14px rgba(244, 124, 42, 0.09),\n            0 0 0 30px rgba(244, 124, 42, 0.05) !important;\n    }\n    .pst-video-section::after {\n        width: 160px !important;\n        height: 380px !important;\n        right: -70px !important;\n        top: -40px !important;\n    }\n}\n\n@media (max-width: 380px) {\n    .pst-video-section {\n        margin-top: 40px !important;\n        padding-top: 45px !important;\n        padding-bottom: 38px !important;\n    }\n    .pst-video-inner {\n        padding-left: 14px !important;\n        padding-right: 14px !important;\n    }\n    .pst-video-button {\n        min-height: 50px !important;\n        font-size: 13px !important;\n    }\n}\n<\/style>\n\n<section class=\"pst-video-section\">\n    <div class=\"pst-video-inner\">\n\n        <!-- VIDEO -->\n        <div class=\"pst-video-wrapper\">\n            <video\n                class=\"pst-video\"\n                autoplay\n                muted\n                loop\n                playsinline\n                controls\n                preload=\"metadata\"\n            >\n                <source\n                    src=\"https:\/\/www.nipa.ac.zm\/wp-content\/uploads\/2026\/08\/PDUDELIVERYTOOLKIT4K.mp4\"\n                    type=\"video\/mp4\"\n                >\n                Your browser does not support HTML5 video.\n            <\/video>\n        <\/div>\n\n        <!-- BUTTONS -->\n        <div class=\"pst-video-actions\">\n            <a\n                href=\"https:\/\/www.nipa.ac.zm\/index.php\/delivery-toolkit\/\"\n                class=\"pst-video-button pst-video-button-primary\"\n            >\n                View Toolkit\n            <\/a>\n\n            <a\n                href=\"https:\/\/pstc.nipa.ac.zm\/\"\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                class=\"pst-video-button pst-video-button-secondary\"\n            >\n                Start Learning\n            <\/a>\n        <\/div>\n\n    <\/div>\n<\/section>\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>Your browser does not support HTML5 video. View Toolkit Start Learning<\/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":"Your browser does not support HTML5 video. View Toolkit Start Learning","_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":196,"href":"https:\/\/www.nipa.ac.zm\/index.php\/wp-json\/wp\/v2\/pages\/55813\/revisions"}],"predecessor-version":[{"id":56191,"href":"https:\/\/www.nipa.ac.zm\/index.php\/wp-json\/wp\/v2\/pages\/55813\/revisions\/56191"}],"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}]}}